Drastically refactors gutenberg folder to begin adaptation to block.json strategy from WP 5.8 #580

compile-sass.sh

@@ -16,31 +16,31 @@ sass -E 'UTF-8' --cache-location .tmp/sass-cache-3 src/views/reports/tainacan-re
 
 sass -E 'UTF-8' --cache-location .tmp/sass-cache-4 src/views/media-component/media-component.scss:src/assets/css/media-component.css
 
-sass -E 'UTF-8' --cache-location .tmp/sass-cache-5 src/views/gutenberg-blocks/tainacan-collections/collections-list/collections-list.scss:src/assets/css/tainacan-gutenberg-block-collections-list.css
+sass -E 'UTF-8' --cache-location .tmp/sass-cache-5 src/views/gutenberg-blocks/tainacan-blocks/collections-list/style.scss:src/assets/css/tainacan-gutenberg-block-collections-list.css
 
-sass -E 'UTF-8' --cache-location .tmp/sass-cache-6 src/views/gutenberg-blocks/tainacan-collections/carousel-collections-list/carousel-collections-list.scss:src/assets/css/tainacan-gutenberg-block-carousel-collections-list.css
+sass -E 'UTF-8' --cache-location .tmp/sass-cache-6 src/views/gutenberg-blocks/tainacan-blocks/carousel-collections-list/style.scss:src/assets/css/tainacan-gutenberg-block-carousel-collections-list.css
 
-sass -E 'UTF-8' --cache-location .tmp/sass-cache-7 src/views/gutenberg-blocks/tainacan-items/items-list/items-list.scss:src/assets/css/tainacan-gutenberg-block-items-list.css
+sass -E 'UTF-8' --cache-location .tmp/sass-cache-7 src/views/gutenberg-blocks/tainacan-blocks/items-list/style.scss:src/assets/css/tainacan-gutenberg-block-items-list.css
 
-sass -E 'UTF-8' --cache-location .tmp/sass-cache-8 src/views/gutenberg-blocks/tainacan-items/dynamic-items-list/dynamic-items-list.scss:src/assets/css/tainacan-gutenberg-block-dynamic-items-list.css
+sass -E 'UTF-8' --cache-location .tmp/sass-cache-8 src/views/gutenberg-blocks/tainacan-blocks/dynamic-items-list/style.scss:src/assets/css/tainacan-gutenberg-block-dynamic-items-list.css
 
-sass -E 'UTF-8' --cache-location .tmp/sass-cache-9 src/views/gutenberg-blocks/tainacan-items/search-bar/search-bar.scss:src/assets/css/tainacan-gutenberg-block-search-bar.css
+sass -E 'UTF-8' --cache-location .tmp/sass-cache-9 src/views/gutenberg-blocks/tainacan-blocks/search-bar/style.scss:src/assets/css/tainacan-gutenberg-block-search-bar.css
 
-sass -E 'UTF-8' --cache-location .tmp/sass-cache-10 src/views/gutenberg-blocks/tainacan-items/carousel-items-list/carousel-items-list.scss:src/assets/css/tainacan-gutenberg-block-carousel-items-list.css
+sass -E 'UTF-8' --cache-location .tmp/sass-cache-10 src/views/gutenberg-blocks/tainacan-blocks/carousel-items-list/style.scss:src/assets/css/tainacan-gutenberg-block-carousel-items-list.css
 
-sass -E 'UTF-8' --cache-location .tmp/sass-cache-12 src/views/gutenberg-blocks/tainacan-items/carousel-items-list/carousel-items-list.scss:src/assets/css/tainacan-gutenberg-block-carousel-items-list.css
+sass -E 'UTF-8' --cache-location .tmp/sass-cache-12 src/views/gutenberg-blocks/tainacan-blocks/carousel-items-list/style.scss:src/assets/css/tainacan-gutenberg-block-carousel-items-list.css
 
-sass -E 'UTF-8' --cache-location .tmp/sass-cache-12 src/views/gutenberg-blocks/tainacan-terms/terms-list/terms-list.scss:src/assets/css/tainacan-gutenberg-block-terms-list.css
+sass -E 'UTF-8' --cache-location .tmp/sass-cache-12 src/views/gutenberg-blocks/tainacan-blocks/terms-list/style.scss:src/assets/css/tainacan-gutenberg-block-terms-list.css
 
-sass -E 'UTF-8' --cache-location .tmp/sass-cache-13 src/views/gutenberg-blocks/tainacan-facets/facets-list/facets-list.scss:src/assets/css/tainacan-gutenberg-block-facets-list.css
+sass -E 'UTF-8' --cache-location .tmp/sass-cache-13 src/views/gutenberg-blocks/tainacan-blocks/facets-list/style.scss:src/assets/css/tainacan-gutenberg-block-facets-list.css
 
-sass -E 'UTF-8' --cache-location .tmp/sass-cache-14 src/views/gutenberg-blocks/tainacan-terms/carousel-terms-list/carousel-terms-list.scss:src/assets/css/tainacan-gutenberg-block-carousel-terms-list.css
+sass -E 'UTF-8' --cache-location .tmp/sass-cache-14 src/views/gutenberg-blocks/tainacan-blocks/carousel-terms-list/style.scss:src/assets/css/tainacan-gutenberg-block-carousel-terms-list.css
 
-sass -E 'UTF-8' --cache-location .tmp/sass-cache-15 src/views/gutenberg-blocks/tainacan-facets/faceted-search/faceted-search.scss:src/assets/css/tainacan-gutenberg-block-faceted-search.css
+sass -E 'UTF-8' --cache-location .tmp/sass-cache-15 src/views/gutenberg-blocks/tainacan-blocks/faceted-search/style.scss:src/assets/css/tainacan-gutenberg-block-faceted-search.css
 
-sass -E 'UTF-8' --cache-location .tmp/sass-cache-16 src/views/gutenberg-blocks/tainacan-items/item-submission-form/item-submission-form.scss:src/assets/css/tainacan-gutenberg-block-item-submission-form.css
+sass -E 'UTF-8' --cache-location .tmp/sass-cache-16 src/views/gutenberg-blocks/tainacan-blocksan-items/item-submission-form/style.scss:src/assets/css/tainacan-gutenberg-block-item-submission-form.css
 
-sass -E 'UTF-8' --cache-location .tmp/sass-cache-17 src/views/gutenberg-blocks/tainacan-items/carousel-related-items/carousel-related-items.scss:src/assets/css/tainacan-gutenberg-block-carousel-related-items.css
+sass -E 'UTF-8' --cache-location .tmp/sass-cache-17 src/views/gutenberg-blocks/tainacan-blocksan-items/carousel-related-items/style.scss:src/assets/css/tainacan-gutenberg-block-carousel-related-items.css
 
 sass -E 'UTF-8' --cache-location .tmp/sass-cache-18 src/views/gutenberg-blocks/gutenberg-blocks-style.scss:src/assets/css/tainacan-gutenberg-block-common-styles.css
 

src/assets/css/tainacan-gutenberg-block-collections-list.css.map

@@ -1,7 +1,7 @@
 {
 "version": 3,
 "mappings": "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",
-"sources": ["../../views/gutenberg-blocks/tainacan-collections/collections-list/collections-list.scss","../../views/gutenberg-blocks/gutenberg-blocks-variables.scss"],
+"sources": ["../../views/gutenberg-blocks/tainacan-blocks/collections-list/style.scss","../../views/gutenberg-blocks/gutenberg-blocks-variables.scss"],
 "names": [],
 "file": "tainacan-gutenberg-block-collections-list.css"
 }

src/assets/css/tainacan-gutenberg-block-faceted-search.css.map

@@ -1,7 +1,7 @@
 {
 "version": 3,
 "mappings": "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",
-"sources": ["../../views/gutenberg-blocks/tainacan-facets/faceted-search/faceted-search.scss"],
+"sources": ["../../views/gutenberg-blocks/tainacan-blocks/faceted-search/style.scss"],
 "names": [],
 "file": "tainacan-gutenberg-block-faceted-search.css"
 }

src/assets/css/tainacan-gutenberg-block-items-list.css.map

@@ -1,7 +1,7 @@
 {
 "version": 3,
 "mappings": "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",
-"sources": ["../../views/gutenberg-blocks/tainacan-items/items-list/items-list.scss","../../views/gutenberg-blocks/gutenberg-blocks-variables.scss"],
+"sources": ["../../views/gutenberg-blocks/tainacan-blocks/items-list/style.scss","../../views/gutenberg-blocks/gutenberg-blocks-variables.scss"],
 "names": [],
 "file": "tainacan-gutenberg-block-items-list.css"
 }

src/assets/css/tainacan-gutenberg-block-search-bar.css.map

@@ -1,7 +1,7 @@
 {
 "version": 3,
 "mappings": "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",
-"sources": ["../../views/gutenberg-blocks/tainacan-items/search-bar/search-bar.scss"],
+"sources": ["../../views/gutenberg-blocks/tainacan-blocks/search-bar/style.scss"],
 "names": [],
 "file": "tainacan-gutenberg-block-search-bar.css"
 }

src/assets/css/tainacan-gutenberg-block-terms-list.css.map

@@ -1,7 +1,7 @@
 {
 "version": 3,
 "mappings": "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",
-"sources": ["../../views/gutenberg-blocks/tainacan-terms/terms-list/terms-list.scss","../../views/gutenberg-blocks/gutenberg-blocks-variables.scss"],
+"sources": ["../../views/gutenberg-blocks/tainacan-blocks/terms-list/style.scss","../../views/gutenberg-blocks/gutenberg-blocks-variables.scss"],
 "names": [],
 "file": "tainacan-gutenberg-block-terms-list.css"
 }

src/views/gutenberg-blocks/class-tainacan-gutenberg-block.php

@@ -184,6 +184,7 @@ function tainacan_blocks_register_categories($categories, $editor_context){
 function tainacan_blocks_register_block($block_slug, $options = []) {
 	global $TAINACAN_BASE_URL;
 	global $TAINACAN_VERSION;
+	global $wp_version;
 
 	// Creates Register params based on registered scripts and styles
 	$register_params = [];
@@ -225,8 +226,12 @@ function tainacan_blocks_register_block($block_slug, $options = []) {
 	$register_params['style'] = $block_slug;
 
 	// Registers the new block
-	if (function_exists('register_block_type'))
+	if (function_exists('register_block_type')) {
+		if ( version_compare( $wp_version, '5.8-RC', '>=') && ($block_slug == 'carousel-collections-list' || $block_slug == 'collections-list') )
+			register_block_type( __DIR__ . '/tainacan-blocks/' . $block_slug );
+		else
 			register_block_type( 'tainacan/' . $block_slug, $register_params );
+	}
 }
 
 /** 

src/views/gutenberg-blocks/js/tainacan-blocks-compat-register.js

@@ -0,0 +1,52 @@
+const { registerBlockType } = wp.blocks;
+const { __ } = wp.i18n;
+
+// Converts non-localized block metadata info to localized ones, for WP versions older than 5.8
+function tainacanBlocksLocalizeMetadata(metadata) {
+
+    for (let metadatumKey in metadata) {
+        if (metadatumKey == 'title' || metadatumKey == 'description') {
+            metadata[metadatumKey] = __(metadata[metadatumKey], 'tainacan');
+        } else if (metadatumKey == 'keywords') {
+            metadata[metadatumKey].forEach(keyword => {
+                keyword = __(keyword, 'tainacan');
+            });
+        } else if (metadatumKey == 'styles') {
+            metadata[metadatumKey].forEach(style => {
+                style.label = __(style.label, 'tainacan');
+            });
+        }
+    }
+    return metadata;
+}
+
+// Register the block type according to WP version
+export default function({ metadata, icon, edit, save, deprecated }) {
+    if (tainacan_blocks.wp_version >= '5.8-RC') {
+
+        // Registers block type using new strategy from WP 5.8
+        registerBlockType( metadata, {
+            icon: {
+                src: icon,
+                foreground: '#298596',
+            },
+            edit,
+            save,
+            deprecated
+        });
+    
+    } else {
+    
+        // Converts this array to a valid array previous to WP 5.8
+        registerBlockType( metadata.name, {
+            ...tainacanBlocksLocalizeMetadata(metadata),
+            icon: {
+                src: icon,
+                foreground: '#298596',
+            },
+            edit,
+            save,
+            deprecated
+        });
+    }
+};

src/views/gutenberg-blocks/tainacan-blocks/carousel-collections-list/block.json

@@ -0,0 +1,108 @@
+{
+    "name": "tainacan/carousel-collections-list",
+    "title": "Tainacan Collections Carousel",
+    "category": "tainacan-blocks",
+    "keywords": [ "collections", "carousel", "slider" ],
+    "description": "List collections on a Carousel, displaying either its thumbnail or a preview of its items.",
+    "textdomain": "tainacan",
+    "supports": {
+        "align": ["full", "wide"],
+        "html": false,
+        "multiple": true,
+        "typography": {
+            "fontSize": true
+        }
+    },
+    "example": {
+        "attributes": {
+            "content": "preview"
+        }
+    },
+    "attributes": {
+        "content": {
+            "type": "array",
+            "source": "children",
+            "selector": "div"
+        },
+        "collections": {
+            "type": "Array",
+            "default": []
+        },
+        "isModalOpen": {
+            "type": "Boolean",
+            "default": false
+        },
+        "selectedCollections": {
+            "type": "Array",
+            "default": []
+        },
+        "itemsRequestSource": {
+            "type": "String",
+            "default": false
+        },
+        "maxCollectionsNumber": {
+            "type": "Number",
+            "value": false
+        },
+        "maxCollectionsPerScreen": {
+            "type": "Number",
+            "value": 6
+        },
+        "isLoading": {
+            "type": "Boolean",
+            "value": false
+        },
+        "isLoadingCollection": {
+            "type": "Boolean",
+            "value": false
+        },
+        "arrowsPosition": {
+            "type": "String",
+            "value": "around"
+        },
+        "largeArrows": {
+            "type": "Boolean",
+            "value": false
+        },
+        "autoPlay": {
+            "type": "Boolean",
+            "value": false
+        },
+        "autoPlaySpeed": {
+            "type": "Number",
+            "value": 3
+        },
+        "loopSlides": {
+            "type": "Boolean",
+            "value": false
+        },
+        "hideName": {
+            "type": "Boolean",
+            "value": true
+        },
+        "showCollectionThumbnail": {
+            "type": "Boolean",
+            "value": false
+        },
+        "cropImagesToSquare": {
+            "type": "Boolean",
+            "value": true
+        },
+        "blockId": {
+            "type": "String",
+            "default": ""
+        },
+        "collectionBackgroundColor": {
+            "type": "String",
+            "default": "#454647"
+        },
+        "collectionTextColor": {
+            "type": "String",
+            "default": "#ffffff"
+        }
+    },
+    "editorScript": "carousel-collections-list",
+	"script": "carousel-collections-list-theme",
+	"editorStyle": "carousel-collections-list",
+	"style": "carousel-collections-list"
+}

src/views/gutenberg-blocks/tainacan-blocks/carousel-collections-list/carousel-collections-list-theme.vue

@@ -316,6 +316,6 @@ export default {
 
 <style lang="scss">
 
-    @import './carousel-collections-list.scss';
+    @import './style.scss';
 
 </style>

src/views/gutenberg-blocks/tainacan-blocks/carousel-collections-list/deprecated.js

@@ -1,4 +1,135 @@
 export default [
+    /* Deprecated on Tainacan 0.18.4, due to new block.json strategy */
+    {
+        attributes: {
+            content: {
+                type: 'array',
+                source: 'children',
+                selector: 'div'
+            },
+            collections: {
+                type: Array,
+                default: []
+            },
+            isModalOpen: {
+                type: Boolean,
+                default: false
+            },
+            selectedCollections: {
+                type: Array,
+                default: []
+            },
+            itemsRequestSource: {
+                type: String,
+                default: undefined
+            },
+            maxCollectionsNumber: {
+                type: Number,
+                value: undefined
+            },
+            maxCollectionsPerScreen: {
+                type: Number,
+                value: 6
+            },
+            isLoading: {
+                type: Boolean,
+                value: false
+            },
+            isLoadingCollection: {
+                type: Boolean,
+                value: false
+            },
+            arrowsPosition: {
+                type: String,
+                value: 'search'
+            },
+            largeArrows: {
+                type: Boolean,
+                value: false
+            },
+            autoPlay: {
+                type: Boolean,
+                value: false
+            },
+            autoPlaySpeed: {
+                type: Number,
+                value: 3
+            },
+            loopSlides: {
+                type: Boolean,
+                value: false
+            },
+            hideName: {
+                type: Boolean,
+                value: true
+            },
+            showCollectionThumbnail: {
+                type: Boolean,
+                value: false
+            },
+            cropImagesToSquare: {
+                type: Boolean,
+                value: true
+            },
+            collection: {
+                type: Object,
+                value: undefined
+            },
+            blockId: {
+                type: String,
+                default: undefined
+            },
+            collectionBackgroundColor: {
+                type: String,
+                default: "#454647"
+            },
+            collectionTextColor: {
+                type: String,
+                default: "#ffffff"
+            }
+        },
+        supports: {
+            align: ['full', 'wide'],
+            html: false,
+            multiple: true,
+            fontSize: true
+        },
+        save({ attributes, className }){
+            const {
+                content, 
+                blockId,
+                selectedCollections,
+                arrowsPosition,
+                largeArrows,
+                cropImagesToSquare,
+                maxCollectionsPerScreen,
+                maxCollectionsNumber,
+                autoPlay,
+                autoPlaySpeed,
+                loopSlides,
+                hideName,
+                showCollectionThumbnail
+            } = attributes;
+            return <div 
+                        className={ className }
+                        selected-collections={ JSON.stringify(selectedCollections.map((collection) => { return collection.id })) }
+                        arrows-position={ arrowsPosition }
+                        auto-play={ '' + autoPlay }
+                        auto-play-speed={ autoPlaySpeed }
+                        loop-slides={ '' + loopSlides }
+                        hide-name={ '' + hideName }
+                        large-arrows={ '' + largeArrows }
+                        crop-images-to-square={ '' + cropImagesToSquare }
+                        max-collections-number={ maxCollectionsNumber }
+                        max-collections-per-screen={ maxCollectionsPerScreen }
+                        tainacan-api-root={ tainacan_blocks.root }
+                        tainacan-base-url={ tainacan_blocks.base_url }
+                        show-collection-thumbnail={ '' + showCollectionThumbnail }
+                        id={ 'wp-block-tainacan-carousel-collections-list_' + blockId }>
+                            { content }
+                    </div>
+        }
+    },
     /* Deprecated on Tainacan 0.17.2, due to the introduction of support: fontSize */
     {
         attributes: {

src/views/gutenberg-blocks/tainacan-blocks/carousel-collections-list/edit.js

@@ -0,0 +1,448 @@
+const { RangeControl, Spinner, Button, BaseControl, ToggleControl, SelectControl, Placeholder, IconButton, PanelBody } = wp.components;
+
+const { InspectorControls, BlockControls } = ( tainacan_blocks.wp_version < '5.2' ? wp.editor : wp.blockEditor );
+
+const { __ } = wp.i18n;
+
+import CarouselCollectionsModal from './carousel-collections-modal.js';
+import tainacan from '../../js/axios.js';
+import axios from 'axios';
+import qs from 'qs';
+import { ThumbnailHelperFunctions } from '../../../admin/js/utilities.js';
+import TainacanBlocksCompatToolbar from '../../js/tainacan-blocks-compat-toolbar.js';
+
+export default function ({ attributes, setAttributes, className, isSelected, clientId }) {
+    let {
+        collections, 
+        content, 
+        isModalOpen,
+        itemsRequestSource,
+        selectedCollections,
+        largeArrows,
+        cropImagesToSquare,
+        maxCollectionsPerScreen,
+        isLoading,
+        arrowsPosition,
+        autoPlay,
+        autoPlaySpeed,
+        loopSlides,
+        hideName,
+        showCollectionThumbnail
+    } = attributes;
+
+    // Obtains block's client id to render it on save function
+    setAttributes({ blockId: clientId });
+
+    // Sets some defaults that were not working
+    if (maxCollectionsPerScreen === undefined) {
+        maxCollectionsPerScreen = 6;
+        setAttributes({ maxCollectionsPerScreen: maxCollectionsPerScreen });
+    }
+    if (cropImagesToSquare === undefined) {  
+        cropImagesToSquare = true;    
+        setAttributes({ cropImagesToSquare: cropImagesToSquare });
+    }   
+    
+    const thumbHelper = ThumbnailHelperFunctions();
+
+    function prepareItem(collection, collectionItems) {
+        return (
+            <li 
+                key={ collection.id }
+                className={ 'collection-list-item ' + (!showCollectionThumbnail ? 'collection-list-item-grid ' : '') + (maxCollectionsPerScreen ? ' max-collections-per-screen-' + maxCollectionsPerScreen : '') }>   
+                { tainacan_blocks.wp_version < '5.4' ?
+                    <IconButton
+                        onClick={ () => removeItemOfId(collection.id) }
+                        icon="no-alt"
+                        label={__('Remove', 'tainacan')}/>
+                        :
+                    <Button
+                        onClick={ () => removeItemOfId(collection.id) }
+                        icon="no-alt"
+                        label={__('Remove', 'tainacan')}/>
+                }
+                <a 
+                    id={ isNaN(collection.id) ? collection.id : 'collection-id-' + collection.id }
+                    href={ collection.url } 
+                    target="_blank">
+                    { !showCollectionThumbnail ? 
+                        <div class="collection-items-grid">
+                            <img 
+                                src={ collectionItems[0] ? thumbHelper.getSrc(collectionItems[0]['thumbnail'], 'tainacan-medium', collectionItems[0]['document_mimetype']) :`${tainacan_blocks.base_url}/assets/images/placeholder_square.png` }
+                                srcSet={ collectionItems[0] ? thumbHelper.getSrcSet(collectionItems[0]['thumbnail'], 'tainacan-medium', collectionItems[0]['document_mimetype']) :`${tainacan_blocks.base_url}/assets/images/placeholder_square.png` }
+                                alt={ collectionItems[0] && collectionItems[0].thumbnail_alt ? collectionItems[0].thumbnail_alt : (collectionItems[0] && collectionItems[0].name ? collectionItems[0].name : __( 'Thumbnail', 'tainacan' )) } />
+                            <img 
+                                    src={ collectionItems[1] ? thumbHelper.getSrc(collectionItems[1]['thumbnail'], 'tainacan-medium', collectionItems[1]['document_mimetype']) :`${tainacan_blocks.base_url}/assets/images/placeholder_square.png` }
+                                    srcSet={ collectionItems[1] ? thumbHelper.getSrcSet(collectionItems[1]['thumbnail'], 'tainacan-medium', collectionItems[1]['document_mimetype']) :`${tainacan_blocks.base_url}/assets/images/placeholder_square.png` }
+                                    alt={ collectionItems[1] && collectionItems[1].thumbnail_alt ? collectionItems[1].thumbnail_alt : (collectionItems[1] && collectionItems[1].name ? collectionItems[1].name : __( 'Thumbnail', 'tainacan' )) } />
+                            <img 
+                                    src={ collectionItems[2] ? thumbHelper.getSrc(collectionItems[2]['thumbnail'], 'tainacan-medium', collectionItems[2]['document_mimetype']) :`${tainacan_blocks.base_url}/assets/images/placeholder_square.png` }
+                                    srcSet={ collectionItems[2] ? thumbHelper.getSrcSet(collectionItems[2]['thumbnail'], 'tainacan-medium', collectionItems[2]['document_mimetype']) :`${tainacan_blocks.base_url}/assets/images/placeholder_square.png` }
+                                    alt={ collectionItems[2] && collectionItems[2].thumbnail_alt ? collectionItems[2].thumbnail_alt : (collectionItems[2] && collectionItems[2].name ? collectionItems[2].name : __( 'Thumbnail', 'tainacan' )) } />
+                        </div>
+                        :
+                        <img
+                            src={ 
+                                collection.thumbnail && collection.thumbnail[maxCollectionsPerScreen > 4 ? (!cropImagesToSquare ? 'tainacan-medium-full' : 'tainacan-medium') : 'full'][0] && collection.thumbnail[maxCollectionsPerScreen > 4 ? (!cropImagesToSquare ? 'tainacan-medium-full' : 'tainacan-medium') : 'full'][0] 
+                                    ?
+                                collection.thumbnail[maxCollectionsPerScreen > 4 ? (!cropImagesToSquare ? 'tainacan-medium-full' : 'tainacan-medium') : 'full'][0] 
+                                    :
+                                (collection.thumbnail && collection.thumbnail['thumbnail'][0] && collection.thumbnail['thumbnail'][0]
+                                    ?    
+                                collection.thumbnail['thumbnail'][0] 
+                                    : 
+                                `${tainacan_blocks.base_url}/assets/images/placeholder_square.png`)
+                            }
+                            alt={ collection.name ? collection.name : __( 'Thumbnail', 'tainacan' ) }/>
+                    }
+                    { !hideName ? <span>{ collection.name ? collection.name : '' }</span> : null }
+                </a>
+            </li>
+        );
+    }
+
+    function setContent(){
+        isLoading = true;
+
+        setAttributes({
+            isLoading: isLoading
+        });
+
+        if (itemsRequestSource != undefined && typeof itemsRequestSource == 'function')
+            itemsRequestSource.cancel('Previous collections search canceled.');
+
+        itemsRequestSource = axios.CancelToken.source();
+
+        collections = [];
+
+        let endpoint = '/collections?'+ qs.stringify({ postin: selectedCollections.map((collection) => { return collection.id }), perpage: selectedCollections.length }) + '&fetch_only=name,url,thumbnail';
+        tainacan.get(endpoint, { cancelToken: itemsRequestSource.token })
+            .then(response => {
+
+                if (showCollectionThumbnail) {
+                    for (let collection of response.data) { 
+                        collections.push(prepareItem(collection));
+                    }
+                    setAttributes({
+                        content: <div></div>,
+                        collections: collections,
+                        isLoading: false,
+                        itemsRequestSource: itemsRequestSource
+                    });
+                } else {
+                    let promises = [];
+                    for (let collection of response.data) {  
+                        promises.push(
+                            tainacan.get('/collection/' + collection.id + '/items?perpage=3&fetch_only=name,url,thumbnail')
+                                .then(response => { return({ collection: collection, collectionItems: response.data.items }) })
+                                .catch((error) => console.log(error))
+                        );                      
+                    }
+                    axios.all(promises).then((results) => {
+                        for (let result of results) {
+                            collections.push(prepareItem(result.collection, result.collectionItems));
+                        }
+                        setAttributes({
+                            content: <div></div>,
+                            collections: collections,
+                            isLoading: false,
+                            itemsRequestSource: itemsRequestSource
+                        });
+                    })  
+                }
+            });
+    }
+
+    function openCarouselModal() {
+        isModalOpen = true;
+        setAttributes( { 
+            isModalOpen: isModalOpen
+        } );
+    }
+
+    function removeItemOfId(itemId) {
+
+        let existingItemIndex = collections.findIndex((existingItem) => existingItem.key == itemId);
+        if (existingItemIndex >= 0)
+            collections.splice(existingItemIndex, 1);
+
+        let existingSelectedItemIndex = selectedCollections.findIndex((existingSelectedItem) => existingSelectedItem.id == itemId);
+        if (existingSelectedItemIndex >= 0)
+            selectedCollections.splice(existingSelectedItemIndex, 1);
+    
+        setAttributes({ 
+            selectedCollections: selectedCollections,
+            collections: collections,
+            content: <div></div> 
+        });
+    }
+
+    // Executed only on the first load of page
+    if(content && content.length && content[0].type)
+        setContent();
+
+    return content == 'preview' ? 
+            <div className={className}>
+                <img
+                        width="100%"
+                        src={ `${tainacan_blocks.base_url}/assets/images/carousel-collections-list.png` } />
+            </div>
+        : (
+        <div className={className}>
+
+            { collections.length ?
+                <BlockControls>
+                    { 
+                        TainacanBlocksCompatToolbar({
+                            label: __('Add more collections', 'tainacan'),
+                            icon: <svg
+                                        xmlns="http://www.w3.org/2000/svg"
+                                        viewBox="0 -2 24 24"
+                                        height="24px"
+                                        width="24px">
+                                    <path d="M18,17v2H12a5.65,5.65,0,0,0-.36-2ZM2,7v7.57a5.74,5.74,0,0,1,2-1.2V7ZM20,6H15L13,4H8A2,2,0,0,0,6,6v7a6,6,0,0,1,5.19,3H20a2,2,0,0,0,2-2V8A2,2,0,0,0,20,6ZM7,16.05v6.06l3.06-3.06ZM5,22.11V16.05L1.94,19.11Z"/>
+                                </svg>,
+                            onClick: openCarouselModal
+                        })
+                    }
+                </BlockControls>
+            : null }
+
+            <div>
+                <InspectorControls>
+
+                    <PanelBody
+                            title={__('Carousel', 'tainacan')}
+                            initialOpen={ true }
+                        >
+                            <BaseControl
+                                    id="collection-carousel-view-modes"
+                                    label={ __('Collection layout', 'tainacan')}>
+                                <div className="collection-carousel-view-modes">
+                                    <button
+                                            onClick={ () => {
+                                                    showCollectionThumbnail = false;
+                                                    setAttributes({ showCollectionThumbnail: showCollectionThumbnail });
+                                                    setContent();    
+                                                }
+                                            }
+                                            className={'collection-carousel-view-mode-grid' + (showCollectionThumbnail ? '' : ' is-active')}>
+                                        <div>
+                                            <div />
+                                        <div />
+                                        <div />
+                                        </div>
+                                        <label>{ __('Items\'s grid', 'tainacan') }</label>
+                                    </button>
+                                    <button
+                                            onClick={ () => {
+                                                    showCollectionThumbnail = true;
+                                                    setAttributes({ showCollectionThumbnail: showCollectionThumbnail });
+                                                    setContent();    
+                                                }
+                                            }
+                                            className={'collection-carousel-view-mode-thumbnail' + (showCollectionThumbnail ? ' is-active' : '')}>
+                                        <div />
+                                        <label>{ __('Thumbnail', 'tainacan') }</label>
+                                    </button>    
+                                </div>
+                            </BaseControl>
+                            <RangeControl
+                                    label={ __('Maximum collections per slide on a wide screen', 'tainacan') }
+                                    help={ (showCollectionThumbnail && maxCollectionsPerScreen <= 4) ? __('Warning: with such a small number of collections per slide, the image size is greater, thus the cropped version of the thumbnail won\'t be used.', 'tainacan') : null }
+                                    value={ maxCollectionsPerScreen ? maxCollectionsPerScreen : 6 }
+                                    onChange={ ( aMaxCollectionsPerScreen ) => {
+                                        maxCollectionsPerScreen = aMaxCollectionsPerScreen;
+                                        setAttributes( { maxCollectionsPerScreen: aMaxCollectionsPerScreen } );
+                                        setContent(); 
+                                    }}
+                                    min={ 1 }
+                                    max={ 9 }
+                                />
+                            { showCollectionThumbnail ? 
+                                <ToggleControl
+                                        label={__('Crop Images', 'tainacan')}
+                                        help={ cropImagesToSquare && maxCollectionsPerScreen > 4 ? __('Do not use square cropeed version of the collection thumbnail.', 'tainacan') : __('Toggle to use square cropped version of the collection thumbnail.', 'tainacan') }
+                                        checked={ cropImagesToSquare && maxCollectionsPerScreen > 4 }
+                                        onChange={ ( isChecked ) => {
+                                                cropImagesToSquare = isChecked;
+                                                setAttributes({ cropImagesToSquare: cropImagesToSquare });
+                                                setContent();
+                                            } 
+                                        }
+                                    />
+                            : null }
+                            <ToggleControl
+                                    label={__('Hide name', 'tainacan')}
+                                    help={ !hideName ? __('Toggle to hide collection\'s name', 'tainacan') : __('Do not hide collection\'s name', 'tainacan')}
+                                    checked={ hideName }
+                                    onChange={ ( isChecked ) => {
+                                            hideName = isChecked;
+                                            setAttributes({ hideName: hideName });
+                                            setContent();
+                                        } 
+                                    }
+                                />
+                            <ToggleControl
+                                    label={__('Loop slides', 'tainacan')}
+                                    help={ !loopSlides ? __('Toggle to make slides loop from first to last', 'tainacan') : __('Do not loop slides from first to last', 'tainacan')}
+                                    checked={ loopSlides }
+                                    onChange={ ( isChecked ) => {
+                                            loopSlides = isChecked;
+                                            setAttributes({ loopSlides: loopSlides });
+                                        } 
+                                    }
+                                />
+                            <ToggleControl
+                                    label={__('Auto play', 'tainacan')}
+                                    help={ !autoPlay ? __('Toggle to automatically slide to next collection', 'tainacan') : __('Do not automatically slide to next collection', 'tainacan')}
+                                    checked={ autoPlay }
+                                    onChange={ ( isChecked ) => {
+                                            autoPlay = isChecked;
+                                            setAttributes({ autoPlay: autoPlay });
+                                        } 
+                                    }
+                                />
+                            { 
+                                autoPlay ? 
+                                    <RangeControl
+                                        label={__('Seconds before translating to next', 'tainacan')}
+                                        value={ autoPlaySpeed ? autoPlaySpeed : 3 }
+                                        onChange={ ( aAutoPlaySpeed ) => {
+                                            autoPlaySpeed = aAutoPlaySpeed;
+                                            setAttributes( { autoPlaySpeed: aAutoPlaySpeed } ) 
+                                        }}
+                                        min={ 1 }
+                                        max={ 5 }
+                                    />
+                                : null
+                            }
+                            <SelectControl
+                                label={__('Arrows', 'tainacan')}
+                                value={ arrowsPosition }
+                                options={ [
+                                    { label: __('Around', 'tainacan'), value: 'around' },
+                                    { label: __('Left', 'tainacan'), value: 'left' },
+                                    { label: __('Right', 'tainacan'), value: 'right' }
+                                ] }
+                                onChange={ ( aPosition ) => { 
+                                    arrowsPosition = aPosition;
+
+                                    setAttributes({ arrowsPosition: arrowsPosition }); 
+                                }}/>
+                            <ToggleControl
+                                label={__('Large arrows', 'tainacan')}
+                                help={ !largeArrows ? __('Toggle to display arrows bigger than the default size.', 'tainacan') : __('Do not show arrows bigger than the default size.', 'tainacan')}
+                                checked={ largeArrows }
+                                onChange={ ( isChecked ) => {
+                                        largeArrows = isChecked;
+                                        setAttributes({ largeArrows: largeArrows });
+                                    } 
+                                }
+                            />                       
+                    </PanelBody>
+                </InspectorControls>
+            </div>
+
+            { isSelected ? 
+                (
+                <div>
+                    { isModalOpen ? 
+                        <CarouselCollectionsModal
+                            selectedCollectionsObject={ selectedCollections }
+                            onApplySelection={ (aSelectionOfCollections) => {
+                                selectedCollections = aSelectionOfCollections; 
+                                setAttributes({
+                                    selectedCollections: aSelectionOfCollections,
+                                    isModalOpen: false
+                                });
+                                setContent();
+                            }}
+                            onCancelSelection={ () => setAttributes({ isModalOpen: false }) }/> 
+                        : null
+                    }
+                    
+                </div>
+                ) : null
+            }
+
+            { !collections.length && !isLoading ? (
+                <Placeholder
+                    className="tainacan-block-placeholder"
+                    icon={(
+                        <img
+                            width={148}
+                            src={ `${tainacan_blocks.base_url}/assets/images/tainacan_logo_header.svg` }
+                            alt="Tainacan Logo"/>
+                    )}>
+                    <p>
+                        <svg
+                                xmlns="http://www.w3.org/2000/svg"
+                                viewBox="0 0 24 24"
+                                height="24px"
+                                width="24px">
+                            <path d="M18,17v2H12a5.65,5.65,0,0,0-.36-2ZM2,7v7.57a5.74,5.74,0,0,1,2-1.2V7ZM20,6H15L13,4H8A2,2,0,0,0,6,6v7a6,6,0,0,1,5.19,3H20a2,2,0,0,0,2-2V8A2,2,0,0,0,20,6ZM7,16.05v6.06l3.06-3.06ZM5,22.11V16.05L1.94,19.11Z"/>
+                        </svg>
+                        {__('List collections on a Carousel, showing their thumbnails or a preview of items.', 'tainacan')}
+                    </p>
+                    <Button
+                        isPrimary
+                        type="button"
+                        onClick={ () => openCarouselModal() }>
+                        {__('Select Collections', 'tainacan')}
+                    </Button>   
+                </Placeholder>
+                ) : null
+            }
+            
+            { isLoading ? 
+                <div class="spinner-container">
+                    <Spinner />
+                </div> :
+                <div>
+                    { isSelected && collections.length ? 
+                        <div class="preview-warning">{__('Warning: this is just a demonstration. To see the carousel in action, either preview or publish your post.', 'tainacan')}</div>
+                        : null
+                    }
+                    {  collections.length ? ( 
+                        <div
+                                className={'collections-list-edit-container ' + (arrowsPosition ? 'has-arrows-' + arrowsPosition : '') + (largeArrows ? ' has-large-arrows' : '') }>
+                            <button 
+                                    class="swiper-button-prev" 
+                                    slot="button-prev"
+                                    style={{ cursor: 'not-allowed' }}>
+                                <svg
+                                        width={ largeArrows ? 60 : 42 }
+                                        height={ largeArrows ? 60 : 42 }
+                                        viewBox="0 0 24 24">
+                                    <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
+                                    <path
+                                            d="M0 0h24v24H0z"
+                                            fill="none"/>                         
+                                </svg>
+                            </button>
+                            <ul className={'collections-list-edit'}>
+                                { collections }
+                            </ul>
+                            <button 
+                                    class="swiper-button-next" 
+                                    slot="button-next"
+                                    style={{ cursor: 'not-allowed' }}>
+                                <svg
+                                        width={ largeArrows ? 60 : 42 }
+                                        height={ largeArrows ? 60 : 42 }
+                                        viewBox="0 0 24 24">
+                                    <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
+                                    <path
+                                            d="M0 0h24v24H0z"
+                                            fill="none"/>                        
+                                </svg>
+                            </button>
+                        </div>
+                    ):null
+                    }
+                </div>
+            }
+        </div>
+    );
+};

src/views/gutenberg-blocks/tainacan-blocks/carousel-collections-list/icon.js

@@ -0,0 +1,8 @@
+ const { SVG, Path } = wp.components;
+
+ export default (
+    <SVG xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' height='24px' width='24px'>
+        <Path d='M18,17v2H12a5.65,5.65,0,0,0-.36-2ZM2,7v7.57a5.74,5.74,0,0,1,2-1.2V7ZM20,6H15L13,4H8A2,2,0,0,0,6,6v7a6,6,0,0,1,5.19,3H20a2,2,0,0,0,2-2V8A2,2,0,0,0,20,6ZM7,16.05v6.06l3.06-3.06ZM5,22.11V16.05L1.94,19.11Z'/>
+    </SVG>
+ );
+ 

src/views/gutenberg-blocks/tainacan-blocks/carousel-collections-list/index.js

@@ -0,0 +1,17 @@
+import 'swiper/css/swiper.min.css';
+
+import  tainacanRegisterBlockType from '../../js/tainacan-blocks-compat-register.js';
+
+import metadata from './block.json';
+import icon from './icon.js';
+import edit from './edit.js';
+import save from './save.js';
+import deprecated from './deprecated.js';
+
+tainacanRegisterBlockType({
+    metadata,
+    icon,
+    edit,
+    save,
+    deprecated
+});

src/views/gutenberg-blocks/tainacan-blocks/carousel-collections-list/save.js

@@ -0,0 +1,35 @@
+export default function ({ attributes, className }) {
+    const {
+        content, 
+        blockId,
+        selectedCollections,
+        arrowsPosition,
+        largeArrows,
+        cropImagesToSquare,
+        maxCollectionsPerScreen,
+        maxCollectionsNumber,
+        autoPlay,
+        autoPlaySpeed,
+        loopSlides,
+        hideName,
+        showCollectionThumbnail
+    } = attributes;
+    return <div 
+                className={ className }
+                selected-collections={ JSON.stringify(selectedCollections.map((collection) => { return collection.id })) }
+                arrows-position={ arrowsPosition }
+                auto-play={ '' + autoPlay }
+                auto-play-speed={ autoPlaySpeed }
+                loop-slides={ '' + loopSlides }
+                hide-name={ '' + hideName }
+                large-arrows={ '' + largeArrows }
+                crop-images-to-square={ '' + cropImagesToSquare }
+                max-collections-number={ maxCollectionsNumber }
+                max-collections-per-screen={ maxCollectionsPerScreen }
+                tainacan-api-root={ tainacan_blocks.root }
+                tainacan-base-url={ tainacan_blocks.base_url }
+                show-collection-thumbnail={ '' + showCollectionThumbnail }
+                id={ 'wp-block-tainacan-carousel-collections-list_' + blockId }>
+                    { content }
+            </div>
+};

src/views/gutenberg-blocks/tainacan-blocks/carousel-items-list/carousel-items-list-theme.vue

@@ -377,6 +377,6 @@ export default {
 
 <style lang="scss">
 
-    @import './carousel-items-list.scss';
+    @import './style.scss';
 
 </style>

src/views/gutenberg-blocks/tainacan-blocks/carousel-terms-list/carousel-terms-list-theme.vue

@@ -289,6 +289,6 @@ export default {
 
 <style lang="scss">
 
-    @import './carousel-terms-list.scss';
+    @import './style.scss';
 
 </style>

src/views/gutenberg-blocks/tainacan-blocks/collections-list/block.json

@@ -0,0 +1,94 @@
+{
+    "name": "tainacan/collections-list",
+    "title": "Tainacan Collections List",
+    "category": "tainacan-blocks",
+    "keywords": [ "Tainacan", "collections", "repository", "tainacan" ],
+    "description": "Expose collections from your Tainacan repository",
+    "textdomain": "tainacan",
+    "example": {
+        "attributes": {
+            "content": "preview"
+        }
+    },
+    "attributes": {
+        "selectedCollectionsObject": {
+            "type": "array",
+            "source": "query",
+            "selector": "a",
+            "query": {
+                "id": {
+                    "type": "string",
+                    "source": "attribute",
+                    "attribute": "id"
+                },
+                "url": {
+                    "type": "string",
+                    "source": "attribute",
+                    "attribute": "href"
+                },
+                "name": {
+                    "type": "string",
+                    "source": "text"
+                },
+                "thumbnail": {
+                    "source": "query",
+                    "selector": "img",
+                    "query": {
+                        "src": {
+                            "source": "attribute",
+                            "attribute": "src"
+                        },
+                        "alt": {
+                            "source": "attribute",
+                            "attribute": "alt"
+                        }
+                    }
+                }
+            },
+            "default": []
+        },
+        "content": {
+            "type": "array",
+            "source": "children",
+            "selector": "div"
+        },
+        "query": {
+            "type": "Object",
+            "default": {}
+        },
+        "selectedCollectionsHTML": {
+            "type": "Array",
+            "default": []
+        },
+        "showImage": {
+            "type": "Boolean",
+            "default": true
+        },
+        "showName": {
+            "type": "Boolean",
+            "default": true
+        },
+        "layout": {
+            "type": "String",
+            "default": "grid"
+        },
+        "isModalOpen": {
+            "type": "Boolean",
+            "default": false
+        },
+        "gridMargin": {
+            "type": "Number",
+            "default": 0
+        }
+    },
+    "supports": {
+        "align": ["full", "wide"],
+        "html": false,
+        "typography": {
+            "fontSize": true
+        }
+    },
+    "editorScript": "collections-list",
+	"editorStyle": "collections-list",
+	"style": "collections-list"
+}

src/views/gutenberg-blocks/tainacan-blocks/collections-list/deprecated.js

@@ -1,4 +1,87 @@
 export default [
+    /* Deprecated in version 0.18.4 due to WP 5.8 support */
+    {
+        attributes: {
+            selectedCollectionsObject: {
+                type: 'array',
+                source: 'query',
+                selector: 'a',
+                query: {
+                    id: {
+                        type: 'string',
+                        source: 'attribute',
+                        attribute: 'id'
+                    },
+                    url: {
+                        type: 'string',
+                        source: 'attribute',
+                        attribute: 'href'
+                    },
+                    name: {
+                        type: 'string',
+                        source: 'text'
+                    },
+                    thumbnail: {
+                        source: 'query',
+                        selector: 'img',
+                        query: {
+                            src: {
+                                source: 'attribute',
+                                attribute: 'src'
+                            },
+                            alt: {
+                                source: 'attribute',
+                                attribute: 'alt'
+                            },
+                        }
+                    }, 
+                },
+                default: []
+            },
+            content: {
+                type: 'array',
+                source: 'children',
+                selector: 'div'
+            },
+            query: {
+                type: Object,
+                default: {}
+            },
+            selectedCollectionsHTML: {
+                type: Array,
+                default: []
+            },
+            showImage: {
+                type: Boolean,
+                default: true
+            },
+            showName: {
+                type: Boolean,
+                default: true
+            },
+            layout: {
+                type: String,
+                default: 'grid'
+            },
+            isModalOpen: {
+                type: Boolean,
+                default: false
+            },
+            gridMargin: {
+                type: Number,
+                default: 0
+            }
+        },
+        supports: {
+            align: ['full', 'wide'],
+            html: false,
+            fontSize: true
+        },
+        save({ attributes, className }) {
+            const { content } = attributes;
+            return <div className={ className }>{ content }</div>
+        }
+    },
     /* Deprecated on Tainacan 0.17.2, due to the introduction of support: fontSize */
     {
         attributes: {

src/views/gutenberg-blocks/tainacan-blocks/collections-list/edit.js

@@ -0,0 +1,259 @@
+const { __ } = wp.i18n;
+
+const { RangeControl, IconButton, Button, ToggleControl, Placeholder, PanelBody } = wp.components;
+
+const { InspectorControls, BlockControls } = ( tainacan_blocks.wp_version < '5.2' ? wp.editor : wp.blockEditor );
+
+import TainacanBlocksCompatToolbar from '../../js/tainacan-blocks-compat-toolbar.js';
+import CollectionsModal from './collections-modal.js';
+
+export default function({ attributes, setAttributes, className, isSelected }) {
+    let { 
+        selectedCollectionsObject, 
+        selectedCollectionsHTML, 
+        content,
+        showImage,
+        showName,
+        layout,
+        isModalOpen,
+        gridMargin
+    } = attributes;
+    
+    function prepareCollection(collection) {
+        return (
+            <li 
+                key={ collection.id }
+                className="collection-list-item"
+                style={{ marginBottom: layout == 'grid' ? (showName ? gridMargin + 12 : gridMargin) + 'px' : ''}}>
+                { 
+                    tainacan_blocks.wp_version < '5.4' ?
+                    <IconButton
+                        onClick={ () => removeCollectionOfId(collection.id) }
+                        icon="no-alt"
+                        label={__('Remove', 'tainacan')}/>
+                    :
+                    <Button
+                        onClick={ () => removeCollectionOfId(collection.id) }
+                        icon="no-alt"
+                        showTooltip={false}
+                        label={__('Remove', 'tainacan')} />
+                }
+                <a 
+                    id={ isNaN(collection.id) ? collection.id : 'collection-id-' + collection.id }
+                    href={ collection.url } 
+                    target="_blank"
+                    className={ (!showName ? 'collection-without-name' : '') + ' ' + (!showImage ? 'collection-without-image' : '') }>
+                    <img
+                        src={ collection.thumbnail && collection.thumbnail[0] && collection.thumbnail[0].src ? collection.thumbnail[0].src : `${tainacan_blocks.base_url}/assets/images/placeholder_square.png`}
+                        alt={ collection.thumbnail && collection.thumbnail[0] ? collection.thumbnail[0].alt : collection.name }/>
+                    <span>{ collection.name ? collection.name : '' }</span>
+                </a>
+            </li>
+        );
+    }
+
+    function setContent(){
+
+        selectedCollectionsHTML = [];
+
+        for (let i = 0; i < selectedCollectionsObject.length; i++)
+            selectedCollectionsHTML.push(prepareCollection(selectedCollectionsObject[i]));
+
+        setAttributes({
+            content: (
+                <ul 
+                    style={{ gridTemplateColumns: layout == 'grid' ? ('repeat(auto-fill, ' + (gridMargin + (showName ? 220 : 185)) + 'px)') : 'inherit' }}
+                    className={'collections-list  collections-layout-' + layout + (!showName ? ' collections-list-without-margin' : '')}>
+                    { selectedCollectionsHTML }
+                </ul>
+            ),
+            selectedCollectionsHTML: selectedCollectionsHTML
+        });
+    }
+
+    function openCollectionsModal() {   
+        isModalOpen = true;
+        setAttributes( { 
+            isModalOpen: isModalOpen
+        } );
+    }
+
+    function removeCollectionOfId(collectionId) {
+
+        let existingCollectionIndex = selectedCollectionsObject.findIndex((existingCollection) => ((existingCollection.id == 'collection-id-' + collectionId) || (existingCollection.id == collectionId)));
+
+        if (existingCollectionIndex >= 0)
+            selectedCollectionsObject.splice(existingCollectionIndex, 1);
+
+        setContent();
+    }
+
+    function updateLayout(newLayout) {
+        layout = newLayout;
+
+        if (layout == 'grid' && showImage == false)
+            showImage = true;
+
+        if (layout == 'list' && showName == false)
+            showName = true;
+
+        setAttributes({ 
+            layout: layout, 
+            showImage: showImage,
+            showName: showName
+        });
+        setContent();
+    }
+
+    // Executed only on the first load of page
+    if(content && content.length && content[0].type)
+        setContent();
+
+    const layoutControls = [
+        {
+            icon: 'grid-view',
+            title: __( 'Grid View', 'tainacan' ),
+            onClick: () => updateLayout('grid'),
+            isActive: layout === 'grid',
+        },
+        {
+            icon: 'list-view',
+            title: __( 'List View', 'tainacan' ),
+            onClick: () => updateLayout('list'),
+            isActive: layout === 'list',
+        }
+    ];
+
+    return content == 'preview' ? 
+        <div className={className}>
+            <img
+                    width="100%"
+                    src={ `${tainacan_blocks.base_url}/assets/images/collections-list.png` } />
+        </div>
+    : (
+        <div className={className}>
+
+            <div>
+                <BlockControls>
+                    { TainacanBlocksCompatToolbar({ controls: layoutControls }) }
+                    { selectedCollectionsHTML.length ?
+                        TainacanBlocksCompatToolbar({
+                            label: __( 'Select collections', 'tainacan' ),
+                            icon: <svg width="24" height="24" viewBox="0 -5 12 16">
+                                    <path
+                                        d="M10,8.8v1.3H1.2C0.6,10.1,0,9.5,0,8.8V2.5h1.3v6.3H10z M6.9,0H3.8C3.1,0,2.5,0.6,2.5,1.3l0,5c0,0.7,0.6,1.2,1.3,1.2h7.5
+                                        c0.7,0,1.3-0.6,1.3-1.2V2.5c0-0.7-0.6-1.2-1.3-1.2H8.2L6.9,0z"/>       
+                                </svg>,
+                            onClick: openCollectionsModal
+                        })
+                    : null }
+                </BlockControls>
+            </div>
+
+            <div>
+                <InspectorControls>
+                    <PanelBody
+                            title={ __('List settings', 'tainacan') }
+                            initialOpen={ true }
+                        >
+                        { layout == 'list' ? 
+                            <ToggleControl
+                                label={__('Image', 'tainacan')}
+                                help={ showImage ? __('Toggle to show collection\'s image', 'tainacan') : __('Do not show collection\'s image', 'tainacan')}
+                                checked={ showImage }
+                                onChange={ ( isChecked ) => {
+                                        showImage = isChecked;
+                                        setAttributes({ showImage: showImage });
+                                        setContent();
+                                    } 
+                                }
+                            /> 
+                        : null }
+                        { layout == 'grid' ?
+                            <div>
+                                <ToggleControl
+                                    label={__('Name', 'tainacan')}
+                                    help={ showName ? __('Toggle to show collection\'s name', 'tainacan') : __('Do not show collection\'s name', 'tainacan')}
+                                    checked={ showName }
+                                    onChange={ ( isChecked ) => {
+                                            showName = isChecked;
+                                            setAttributes({ showName: showName });
+                                            setContent();
+                                        } 
+                                    }
+                                />
+                                <div style={{ marginTop: '16px'}}>
+                                    <RangeControl
+                                        label={__('Margin between collections', 'tainacan')}
+                                        value={ gridMargin }
+                                        onChange={ ( margin ) => {
+                                            setAttributes( { gridMargin: margin } ) 
+                                            setContent();
+                                        }}
+                                        min={ 0 }
+                                        max={ 48 }
+                                    />
+                                </div>
+                            </div>
+                        : null }
+                    </PanelBody>
+                </InspectorControls>
+            </div>
+
+            { isSelected ? 
+                (
+                <div>
+                    { isModalOpen ? 
+                        <CollectionsModal
+                            selectedCollectionsObject={ selectedCollectionsObject } 
+                            onApplySelection={ (aSelectedCollectionsObject) =>{
+                                selectedCollectionsObject = aSelectedCollectionsObject
+                                setAttributes({
+                                    selectedCollectionsObject: selectedCollectionsObject,
+                                    isModalOpen: false
+                                });
+                                setContent();
+                            }}
+                            onCancelSelection={ () => setAttributes({ isModalOpen: false }) }/> 
+                        : null
+                    }
+                </div>
+                ) : null
+            }
+
+            { !selectedCollectionsHTML.length ? (
+                <Placeholder
+                    className="tainacan-block-placeholder"                        
+                    icon={(
+                        <img
+                            width={148}
+                            src={ `${tainacan_blocks.base_url}/assets/images/tainacan_logo_header.svg` }
+                            alt="Tainacan Logo"/>
+                    )}>
+                    <p>
+                        <svg width="24" height="24" viewBox="0 -5 12 16">
+                            <path
+                                d="M10,8.8v1.3H1.2C0.6,10.1,0,9.5,0,8.8V2.5h1.3v6.3H10z M6.9,0H3.8C3.1,0,2.5,0.6,2.5,1.3l0,5c0,0.7,0.6,1.2,1.3,1.2h7.5
+                                c0.7,0,1.3-0.6,1.3-1.2V2.5c0-0.7-0.6-1.2-1.3-1.2H8.2L6.9,0z"/>       
+                        </svg>
+                        {__('Expose collections from your Tainacan repository', 'tainacan')}
+                    </p>
+                    <Button
+                        isPrimary
+                        type="button"
+                        onClick={ () => openCollectionsModal() }>
+                        {__('Select collections', 'tainacan')}
+                    </Button>   
+                </Placeholder>
+                ) : null
+            }
+
+            <ul 
+                style={{ gridTemplateColumns: layout == 'grid' ? 'repeat(auto-fill, ' +  (gridMargin + (showName ? 220 : 185)) + 'px)' : 'inherit' }}
+                className={'collections-list-edit collections-layout-' + layout + (!showName ? ' collections-list-without-margin' : '')}>
+                { selectedCollectionsHTML }
+            </ul>
+            
+        </div>
+    );
+};

src/views/gutenberg-blocks/tainacan-blocks/collections-list/icon.js

@@ -0,0 +1,9 @@
+const { SVG, Path } = wp.components;
+
+export default (
+    <SVG width="24" height="24" viewBox="0 -3 12 16">
+        <Path
+            d="M10,8.8v1.3H1.2C0.6,10.1,0,9.5,0,8.8V2.5h1.3v6.3H10z M6.9,0H3.8C3.1,0,2.5,0.6,2.5,1.3l0,5c0,0.7,0.6,1.2,1.3,1.2h7.5
+            c0.7,0,1.3-0.6,1.3-1.2V2.5c0-0.7-0.6-1.2-1.3-1.2H8.2L6.9,0z"/>
+    </SVG>
+);

src/views/gutenberg-blocks/tainacan-blocks/collections-list/index.js

@@ -0,0 +1,15 @@
+import  tainacanRegisterBlockType from '../../js/tainacan-blocks-compat-register.js';
+
+import metadata from './block.json';
+import icon from './icon.js';
+import edit from './edit.js';
+import save from './save.js';
+import deprecated from './deprecated.js';
+
+tainacanRegisterBlockType({
+    metadata,
+    icon,
+    edit,
+    save,
+    deprecated
+});

src/views/gutenberg-blocks/tainacan-blocks/collections-list/save.js

@@ -0,0 +1,4 @@
+export default function({ attributes, className }) {
+    const { content } = attributes;
+    return <div className={ className }>{ content }</div>
+};

src/views/gutenberg-blocks/tainacan-blocks/dynamic-items-list/dynamic-items-list-theme.vue

@@ -449,6 +449,6 @@ export default {
 
 <style lang="scss">
 
-    @import './dynamic-items-list.scss';
+    @import './style.scss';
 
 </style>

src/views/gutenberg-blocks/tainacan-blocks/facets-list/facets-list-theme.vue

@@ -407,6 +407,6 @@ export default {
 
 <style lang="scss">
 
-    @import './facets-list.scss';
+    @import './style.scss';
 
 </style>

src/views/gutenberg-blocks/tainacan-blocks/item-submission-form/index.js

@@ -20,7 +20,7 @@ const { InspectorControls, BlockControls } = ( tainacan_blocks.wp_version < '5.2
 
 import tainacan from '../../js/axios.js';
 import TainacanBlocksCompatToolbar from '../../js/tainacan-blocks-compat-toolbar.js';
-import CollectionModal from '../../tainacan-facets/faceted-search/collection-modal.js';
+import CollectionModal from '../../tainacan-blocks/faceted-search/collection-modal.js';
 
 
 import DeprecatedBlocks from './item-submission-deprecated.js';

src/views/gutenberg-blocks/tainacan-collections/carousel-collections-list/index.js

@@ -1,602 +0,0 @@
-const { registerBlockType } = wp.blocks;
-
-const { __ } = wp.i18n;
-
-const { RangeControl, Spinner, Button, BaseControl, ToggleControl, SelectControl, Placeholder, IconButton, PanelBody } = wp.components;
-
-const { InspectorControls, BlockControls } = ( tainacan_blocks.wp_version < '5.2' ? wp.editor : wp.blockEditor );
-
-import CarouselCollectionsModal from './carousel-collections-modal.js';
-import tainacan from '../../js/axios.js';
-import axios from 'axios';
-import qs from 'qs';
-import { ThumbnailHelperFunctions } from '../../../admin/js/utilities.js';
-import TainacanBlocksCompatToolbar from '../../js/tainacan-blocks-compat-toolbar.js';
-import DeprecatedBlocks from './carousel-collections-deprecated.js';
-import 'swiper/css/swiper.min.css';
-
-registerBlockType('tainacan/carousel-collections-list', {
-    title: __('Tainacan Collections Carousel', 'tainacan'),
-    icon:
-        <svg
-                xmlns="http://www.w3.org/2000/svg"
-                viewBox="0 0 24 24"
-                height="24px"
-                width="24px">
-            <path
-                fill="#298596"
-                d="M18,17v2H12a5.65,5.65,0,0,0-.36-2ZM2,7v7.57a5.74,5.74,0,0,1,2-1.2V7ZM20,6H15L13,4H8A2,2,0,0,0,6,6v7a6,6,0,0,1,5.19,3H20a2,2,0,0,0,2-2V8A2,2,0,0,0,20,6ZM7,16.05v6.06l3.06-3.06ZM5,22.11V16.05L1.94,19.11Z"/>
-        </svg>,
-    category: 'tainacan-blocks',
-    keywords: [ __( 'collections', 'tainacan' ), __( 'carousel', 'tainacan' ), __( 'slider', 'tainacan' ) ],
-    description: __('List collections on a Carousel, displaying either its thumbnail or a preview of its items.', 'tainacan'),
-    example: {
-        attributes: {
-            content: 'preview'
-        }
-    },
-    attributes: {
-        content: {
-            type: 'array',
-            source: 'children',
-            selector: 'div'
-        },
-        collections: {
-            type: Array,
-            default: []
-        },
-        isModalOpen: {
-            type: Boolean,
-            default: false
-        },
-        selectedCollections: {
-            type: Array,
-            default: []
-        },
-        itemsRequestSource: {
-            type: String,
-            default: undefined
-        },
-        maxCollectionsNumber: {
-            type: Number,
-            value: undefined
-        },
-        maxCollectionsPerScreen: {
-            type: Number,
-            value: 6
-        },
-        isLoading: {
-            type: Boolean,
-            value: false
-        },
-        isLoadingCollection: {
-            type: Boolean,
-            value: false
-        },
-        arrowsPosition: {
-            type: String,
-            value: 'search'
-        },
-        largeArrows: {
-            type: Boolean,
-            value: false
-        },
-        autoPlay: {
-            type: Boolean,
-            value: false
-        },
-        autoPlaySpeed: {
-            type: Number,
-            value: 3
-        },
-        loopSlides: {
-            type: Boolean,
-            value: false
-        },
-        hideName: {
-            type: Boolean,
-            value: true
-        },
-        showCollectionThumbnail: {
-            type: Boolean,
-            value: false
-        },
-        cropImagesToSquare: {
-            type: Boolean,
-            value: true
-        },
-        collection: {
-            type: Object,
-            value: undefined
-        },
-        blockId: {
-            type: String,
-            default: undefined
-        },
-        collectionBackgroundColor: {
-            type: String,
-            default: "#454647"
-        },
-        collectionTextColor: {
-            type: String,
-            default: "#ffffff"
-        }
-    },
-    supports: {
-        align: ['full', 'wide'],
-        html: false,
-        multiple: true,
-        fontSize: true
-    },
-    edit({ attributes, setAttributes, className, isSelected, clientId }) {
-        let {
-            collections, 
-            content, 
-            isModalOpen,
-            itemsRequestSource,
-            selectedCollections,
-            largeArrows,
-            cropImagesToSquare,
-            maxCollectionsPerScreen,
-            isLoading,
-            arrowsPosition,
-            autoPlay,
-            autoPlaySpeed,
-            loopSlides,
-            hideName,
-            showCollectionThumbnail
-        } = attributes;
-
-        // Obtains block's client id to render it on save function
-        setAttributes({ blockId: clientId });
-
-        // Sets some defaults that were not working
-        if (maxCollectionsPerScreen === undefined) {
-            maxCollectionsPerScreen = 6;
-            setAttributes({ maxCollectionsPerScreen: maxCollectionsPerScreen });
-        }
-        if (cropImagesToSquare === undefined) {  
-            cropImagesToSquare = true;    
-            setAttributes({ cropImagesToSquare: cropImagesToSquare });
-        }   
-        
-        const thumbHelper = ThumbnailHelperFunctions();
-
-        function prepareItem(collection, collectionItems) {
-            return (
-                <li 
-                    key={ collection.id }
-                    className={ 'collection-list-item ' + (!showCollectionThumbnail ? 'collection-list-item-grid ' : '') + (maxCollectionsPerScreen ? ' max-collections-per-screen-' + maxCollectionsPerScreen : '') }>   
-                    { tainacan_blocks.wp_version < '5.4' ?
-                        <IconButton
-                            onClick={ () => removeItemOfId(collection.id) }
-                            icon="no-alt"
-                            label={__('Remove', 'tainacan')}/>
-                            :
-                        <Button
-                            onClick={ () => removeItemOfId(collection.id) }
-                            icon="no-alt"
-                            label={__('Remove', 'tainacan')}/>
-                    }
-                    <a 
-                        id={ isNaN(collection.id) ? collection.id : 'collection-id-' + collection.id }
-                        href={ collection.url } 
-                        target="_blank">
-                        { !showCollectionThumbnail ? 
-                            <div class="collection-items-grid">
-                                <img 
-                                    src={ collectionItems[0] ? thumbHelper.getSrc(collectionItems[0]['thumbnail'], 'tainacan-medium', collectionItems[0]['document_mimetype']) :`${tainacan_blocks.base_url}/assets/images/placeholder_square.png` }
-                                    srcSet={ collectionItems[0] ? thumbHelper.getSrcSet(collectionItems[0]['thumbnail'], 'tainacan-medium', collectionItems[0]['document_mimetype']) :`${tainacan_blocks.base_url}/assets/images/placeholder_square.png` }
-                                    alt={ collectionItems[0] && collectionItems[0].thumbnail_alt ? collectionItems[0].thumbnail_alt : (collectionItems[0] && collectionItems[0].name ? collectionItems[0].name : __( 'Thumbnail', 'tainacan' )) } />
-                                <img 
-                                        src={ collectionItems[1] ? thumbHelper.getSrc(collectionItems[1]['thumbnail'], 'tainacan-medium', collectionItems[1]['document_mimetype']) :`${tainacan_blocks.base_url}/assets/images/placeholder_square.png` }
-                                        srcSet={ collectionItems[1] ? thumbHelper.getSrcSet(collectionItems[1]['thumbnail'], 'tainacan-medium', collectionItems[1]['document_mimetype']) :`${tainacan_blocks.base_url}/assets/images/placeholder_square.png` }
-                                        alt={ collectionItems[1] && collectionItems[1].thumbnail_alt ? collectionItems[1].thumbnail_alt : (collectionItems[1] && collectionItems[1].name ? collectionItems[1].name : __( 'Thumbnail', 'tainacan' )) } />
-                                <img 
-                                        src={ collectionItems[2] ? thumbHelper.getSrc(collectionItems[2]['thumbnail'], 'tainacan-medium', collectionItems[2]['document_mimetype']) :`${tainacan_blocks.base_url}/assets/images/placeholder_square.png` }
-                                        srcSet={ collectionItems[2] ? thumbHelper.getSrcSet(collectionItems[2]['thumbnail'], 'tainacan-medium', collectionItems[2]['document_mimetype']) :`${tainacan_blocks.base_url}/assets/images/placeholder_square.png` }
-                                        alt={ collectionItems[2] && collectionItems[2].thumbnail_alt ? collectionItems[2].thumbnail_alt : (collectionItems[2] && collectionItems[2].name ? collectionItems[2].name : __( 'Thumbnail', 'tainacan' )) } />
-                            </div>
-                            :
-                            <img
-                                src={ 
-                                    collection.thumbnail && collection.thumbnail[maxCollectionsPerScreen > 4 ? (!cropImagesToSquare ? 'tainacan-medium-full' : 'tainacan-medium') : 'full'][0] && collection.thumbnail[maxCollectionsPerScreen > 4 ? (!cropImagesToSquare ? 'tainacan-medium-full' : 'tainacan-medium') : 'full'][0] 
-                                        ?
-                                    collection.thumbnail[maxCollectionsPerScreen > 4 ? (!cropImagesToSquare ? 'tainacan-medium-full' : 'tainacan-medium') : 'full'][0] 
-                                        :
-                                    (collection.thumbnail && collection.thumbnail['thumbnail'][0] && collection.thumbnail['thumbnail'][0]
-                                        ?    
-                                    collection.thumbnail['thumbnail'][0] 
-                                        : 
-                                    `${tainacan_blocks.base_url}/assets/images/placeholder_square.png`)
-                                }
-                                alt={ collection.name ? collection.name : __( 'Thumbnail', 'tainacan' ) }/>
-                        }
-                        { !hideName ? <span>{ collection.name ? collection.name : '' }</span> : null }
-                    </a>
-                </li>
-            );
-        }
-
-        function setContent(){
-            isLoading = true;
-
-            setAttributes({
-                isLoading: isLoading
-            });
-
-            if (itemsRequestSource != undefined && typeof itemsRequestSource == 'function')
-                itemsRequestSource.cancel('Previous collections search canceled.');
-
-            itemsRequestSource = axios.CancelToken.source();
-
-            collections = [];
-
-            let endpoint = '/collections?'+ qs.stringify({ postin: selectedCollections.map((collection) => { return collection.id }), perpage: selectedCollections.length }) + '&fetch_only=name,url,thumbnail';
-            tainacan.get(endpoint, { cancelToken: itemsRequestSource.token })
-                .then(response => {
-
-                    if (showCollectionThumbnail) {
-                        for (let collection of response.data) { 
-                            collections.push(prepareItem(collection));
-                        }
-                        setAttributes({
-                            content: <div></div>,
-                            collections: collections,
-                            isLoading: false,
-                            itemsRequestSource: itemsRequestSource
-                        });
-                    } else {
-                        let promises = [];
-                        for (let collection of response.data) {  
-                            promises.push(
-                                tainacan.get('/collection/' + collection.id + '/items?perpage=3&fetch_only=name,url,thumbnail')
-                                    .then(response => { return({ collection: collection, collectionItems: response.data.items }) })
-                                    .catch((error) => console.log(error))
-                            );                      
-                        }
-                        axios.all(promises).then((results) => {
-                            for (let result of results) {
-                                collections.push(prepareItem(result.collection, result.collectionItems));
-                            }
-                            setAttributes({
-                                content: <div></div>,
-                                collections: collections,
-                                isLoading: false,
-                                itemsRequestSource: itemsRequestSource
-                            });
-                        })  
-                    }
-                });
-        }
-
-        function openCarouselModal() {
-            isModalOpen = true;
-            setAttributes( { 
-                isModalOpen: isModalOpen
-            } );
-        }
-
-        function removeItemOfId(itemId) {
-
-            let existingItemIndex = collections.findIndex((existingItem) => existingItem.key == itemId);
-            if (existingItemIndex >= 0)
-                collections.splice(existingItemIndex, 1);
-
-            let existingSelectedItemIndex = selectedCollections.findIndex((existingSelectedItem) => existingSelectedItem.id == itemId);
-            if (existingSelectedItemIndex >= 0)
-                selectedCollections.splice(existingSelectedItemIndex, 1);
-        
-            setAttributes({ 
-                selectedCollections: selectedCollections,
-                collections: collections,
-                content: <div></div> 
-            });
-        }
-
-        // Executed only on the first load of page
-        if(content && content.length && content[0].type)
-            setContent();
-
-        return content == 'preview' ? 
-                <div className={className}>
-                    <img
-                            width="100%"
-                            src={ `${tainacan_blocks.base_url}/assets/images/carousel-collections-list.png` } />
-                </div>
-            : (
-            <div className={className}>
-
-                { collections.length ?
-                    <BlockControls>
-                        { 
-                            TainacanBlocksCompatToolbar({
-                                label: __('Add more collections', 'tainacan'),
-                                icon: <svg
-                                            xmlns="http://www.w3.org/2000/svg"
-                                            viewBox="0 -2 24 24"
-                                            height="24px"
-                                            width="24px">
-                                        <path d="M18,17v2H12a5.65,5.65,0,0,0-.36-2ZM2,7v7.57a5.74,5.74,0,0,1,2-1.2V7ZM20,6H15L13,4H8A2,2,0,0,0,6,6v7a6,6,0,0,1,5.19,3H20a2,2,0,0,0,2-2V8A2,2,0,0,0,20,6ZM7,16.05v6.06l3.06-3.06ZM5,22.11V16.05L1.94,19.11Z"/>
-                                    </svg>,
-                                onClick: openCarouselModal
-                            })
-                        }
-                    </BlockControls>
-                : null }
-
-                <div>
-                    <InspectorControls>
-
-                        <PanelBody
-                                title={__('Carousel', 'tainacan')}
-                                initialOpen={ true }
-                            >
-                                <BaseControl
-                                        id="collection-carousel-view-modes"
-                                        label={ __('Collection layout', 'tainacan')}>
-                                    <div className="collection-carousel-view-modes">
-                                        <button
-                                                onClick={ () => {
-                                                        showCollectionThumbnail = false;
-                                                        setAttributes({ showCollectionThumbnail: showCollectionThumbnail });
-                                                        setContent();    
-                                                    }
-                                                }
-                                                className={'collection-carousel-view-mode-grid' + (showCollectionThumbnail ? '' : ' is-active')}>
-                                            <div>
-                                                <div />
-                                            <div />
-                                            <div />
-                                            </div>
-                                            <label>{ __('Items\'s grid', 'tainacan') }</label>
-                                        </button>
-                                        <button
-                                                onClick={ () => {
-                                                        showCollectionThumbnail = true;
-                                                        setAttributes({ showCollectionThumbnail: showCollectionThumbnail });
-                                                        setContent();    
-                                                    }
-                                                }
-                                                className={'collection-carousel-view-mode-thumbnail' + (showCollectionThumbnail ? ' is-active' : '')}>
-                                            <div />
-                                            <label>{ __('Thumbnail', 'tainacan') }</label>
-                                        </button>    
-                                    </div>
-                                </BaseControl>
-                                <RangeControl
-                                        label={ __('Maximum collections per slide on a wide screen', 'tainacan') }
-                                        help={ (showCollectionThumbnail && maxCollectionsPerScreen <= 4) ? __('Warning: with such a small number of collections per slide, the image size is greater, thus the cropped version of the thumbnail won\'t be used.', 'tainacan') : null }
-                                        value={ maxCollectionsPerScreen ? maxCollectionsPerScreen : 6 }
-                                        onChange={ ( aMaxCollectionsPerScreen ) => {
-                                            maxCollectionsPerScreen = aMaxCollectionsPerScreen;
-                                            setAttributes( { maxCollectionsPerScreen: aMaxCollectionsPerScreen } );
-                                            setContent(); 
-                                        }}
-                                        min={ 1 }
-                                        max={ 9 }
-                                    />
-                                { showCollectionThumbnail ? 
-                                    <ToggleControl
-                                            label={__('Crop Images', 'tainacan')}
-                                            help={ cropImagesToSquare && maxCollectionsPerScreen > 4 ? __('Do not use square cropeed version of the collection thumbnail.', 'tainacan') : __('Toggle to use square cropped version of the collection thumbnail.', 'tainacan') }
-                                            checked={ cropImagesToSquare && maxCollectionsPerScreen > 4 }
-                                            onChange={ ( isChecked ) => {
-                                                    cropImagesToSquare = isChecked;
-                                                    setAttributes({ cropImagesToSquare: cropImagesToSquare });
-                                                    setContent();
-                                                } 
-                                            }
-                                        />
-                                : null }
-                                <ToggleControl
-                                        label={__('Hide name', 'tainacan')}
-                                        help={ !hideName ? __('Toggle to hide collection\'s name', 'tainacan') : __('Do not hide collection\'s name', 'tainacan')}
-                                        checked={ hideName }
-                                        onChange={ ( isChecked ) => {
-                                                hideName = isChecked;
-                                                setAttributes({ hideName: hideName });
-                                                setContent();
-                                            } 
-                                        }
-                                    />
-                                <ToggleControl
-                                        label={__('Loop slides', 'tainacan')}
-                                        help={ !loopSlides ? __('Toggle to make slides loop from first to last', 'tainacan') : __('Do not loop slides from first to last', 'tainacan')}
-                                        checked={ loopSlides }
-                                        onChange={ ( isChecked ) => {
-                                                loopSlides = isChecked;
-                                                setAttributes({ loopSlides: loopSlides });
-                                            } 
-                                        }
-                                    />
-                                <ToggleControl
-                                        label={__('Auto play', 'tainacan')}
-                                        help={ !autoPlay ? __('Toggle to automatically slide to next collection', 'tainacan') : __('Do not automatically slide to next collection', 'tainacan')}
-                                        checked={ autoPlay }
-                                        onChange={ ( isChecked ) => {
-                                                autoPlay = isChecked;
-                                                setAttributes({ autoPlay: autoPlay });
-                                            } 
-                                        }
-                                    />
-                                { 
-                                    autoPlay ? 
-                                        <RangeControl
-                                            label={__('Seconds before translating to next', 'tainacan')}
-                                            value={ autoPlaySpeed ? autoPlaySpeed : 3 }
-                                            onChange={ ( aAutoPlaySpeed ) => {
-                                                autoPlaySpeed = aAutoPlaySpeed;
-                                                setAttributes( { autoPlaySpeed: aAutoPlaySpeed } ) 
-                                            }}
-                                            min={ 1 }
-                                            max={ 5 }
-                                        />
-                                    : null
-                                }
-                                <SelectControl
-                                    label={__('Arrows', 'tainacan')}
-                                    value={ arrowsPosition }
-                                    options={ [
-                                        { label: __('Around', 'tainacan'), value: 'around' },
-                                        { label: __('Left', 'tainacan'), value: 'left' },
-                                        { label: __('Right', 'tainacan'), value: 'right' }
-                                    ] }
-                                    onChange={ ( aPosition ) => { 
-                                        arrowsPosition = aPosition;
-
-                                        setAttributes({ arrowsPosition: arrowsPosition }); 
-                                    }}/>
-                                <ToggleControl
-                                    label={__('Large arrows', 'tainacan')}
-                                    help={ !largeArrows ? __('Toggle to display arrows bigger than the default size.', 'tainacan') : __('Do not show arrows bigger than the default size.', 'tainacan')}
-                                    checked={ largeArrows }
-                                    onChange={ ( isChecked ) => {
-                                            largeArrows = isChecked;
-                                            setAttributes({ largeArrows: largeArrows });
-                                        } 
-                                    }
-                                />                       
-                        </PanelBody>
-                    </InspectorControls>
-                </div>
-
-                { isSelected ? 
-                    (
-                    <div>
-                        { isModalOpen ? 
-                            <CarouselCollectionsModal
-                                selectedCollectionsObject={ selectedCollections }
-                                onApplySelection={ (aSelectionOfCollections) => {
-                                    selectedCollections = aSelectionOfCollections; 
-                                    setAttributes({
-                                        selectedCollections: aSelectionOfCollections,
-                                        isModalOpen: false
-                                    });
-                                    setContent();
-                                }}
-                                onCancelSelection={ () => setAttributes({ isModalOpen: false }) }/> 
-                            : null
-                        }
-                        
-                    </div>
-                    ) : null
-                }
-
-                { !collections.length && !isLoading ? (
-                    <Placeholder
-                        className="tainacan-block-placeholder"
-                        icon={(
-                            <img
-                                width={148}
-                                src={ `${tainacan_blocks.base_url}/assets/images/tainacan_logo_header.svg` }
-                                alt="Tainacan Logo"/>
-                        )}>
-                        <p>
-                            <svg
-                                    xmlns="http://www.w3.org/2000/svg"
-                                    viewBox="0 0 24 24"
-                                    height="24px"
-                                    width="24px">
-                                <path d="M18,17v2H12a5.65,5.65,0,0,0-.36-2ZM2,7v7.57a5.74,5.74,0,0,1,2-1.2V7ZM20,6H15L13,4H8A2,2,0,0,0,6,6v7a6,6,0,0,1,5.19,3H20a2,2,0,0,0,2-2V8A2,2,0,0,0,20,6ZM7,16.05v6.06l3.06-3.06ZM5,22.11V16.05L1.94,19.11Z"/>
-                            </svg>
-                            {__('List collections on a Carousel, showing their thumbnails or a preview of items.', 'tainacan')}
-                        </p>
-                        <Button
-                            isPrimary
-                            type="button"
-                            onClick={ () => openCarouselModal() }>
-                            {__('Select Collections', 'tainacan')}
-                        </Button>   
-                    </Placeholder>
-                    ) : null
-                }
-                
-                { isLoading ? 
-                    <div class="spinner-container">
-                        <Spinner />
-                    </div> :
-                    <div>
-                        { isSelected && collections.length ? 
-                            <div class="preview-warning">{__('Warning: this is just a demonstration. To see the carousel in action, either preview or publish your post.', 'tainacan')}</div>
-                            : null
-                        }
-                        {  collections.length ? ( 
-                            <div
-                                    className={'collections-list-edit-container ' + (arrowsPosition ? 'has-arrows-' + arrowsPosition : '') + (largeArrows ? ' has-large-arrows' : '') }>
-                                <button 
-                                        class="swiper-button-prev" 
-                                        slot="button-prev"
-                                        style={{ cursor: 'not-allowed' }}>
-                                    <svg
-                                            width={ largeArrows ? 60 : 42 }
-                                            height={ largeArrows ? 60 : 42 }
-                                            viewBox="0 0 24 24">
-                                        <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
-                                        <path
-                                                d="M0 0h24v24H0z"
-                                                fill="none"/>                         
-                                    </svg>
-                                </button>
-                                <ul className={'collections-list-edit'}>
-                                    { collections }
-                                </ul>
-                                <button 
-                                        class="swiper-button-next" 
-                                        slot="button-next"
-                                        style={{ cursor: 'not-allowed' }}>
-                                    <svg
-                                            width={ largeArrows ? 60 : 42 }
-                                            height={ largeArrows ? 60 : 42 }
-                                            viewBox="0 0 24 24">
-                                        <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
-                                        <path
-                                                d="M0 0h24v24H0z"
-                                                fill="none"/>                        
-                                    </svg>
-                                </button>
-                            </div>
-                        ):null
-                        }
-                    </div>
-                }
-            </div>
-        );
-    },
-    save({ attributes, className }){
-        const {
-            content, 
-            blockId,
-            selectedCollections,
-            arrowsPosition,
-            largeArrows,
-            cropImagesToSquare,
-            maxCollectionsPerScreen,
-            maxCollectionsNumber,
-            autoPlay,
-            autoPlaySpeed,
-            loopSlides,
-            hideName,
-            showCollectionThumbnail
-        } = attributes;
-        return <div 
-                    className={ className }
-                    selected-collections={ JSON.stringify(selectedCollections.map((collection) => { return collection.id })) }
-                    arrows-position={ arrowsPosition }
-                    auto-play={ '' + autoPlay }
-                    auto-play-speed={ autoPlaySpeed }
-                    loop-slides={ '' + loopSlides }
-                    hide-name={ '' + hideName }
-                    large-arrows={ '' + largeArrows }
-                    crop-images-to-square={ '' + cropImagesToSquare }
-                    max-collections-number={ maxCollectionsNumber }
-                    max-collections-per-screen={ maxCollectionsPerScreen }
-                    tainacan-api-root={ tainacan_blocks.root }
-                    tainacan-base-url={ tainacan_blocks.base_url }
-                    show-collection-thumbnail={ '' + showCollectionThumbnail }
-                    id={ 'wp-block-tainacan-carousel-collections-list_' + blockId }>
-                        { content }
-                </div>
-    },
-    deprecated: DeprecatedBlocks
-});

src/views/gutenberg-blocks/tainacan-collections/collections-list/index.js

@@ -1,361 +0,0 @@
-const { registerBlockType } = wp.blocks;
-
-const { __ } = wp.i18n;
-
-const { RangeControl, IconButton, Button, ToggleControl, Placeholder, PanelBody } = wp.components;
-
-const { InspectorControls, BlockControls } = ( tainacan_blocks.wp_version < '5.2' ? wp.editor : wp.blockEditor );
-
-import TainacanBlocksCompatToolbar from '../../js/tainacan-blocks-compat-toolbar.js';
-import CollectionsModal from './collections-modal.js';
-import DeprecatedBlocks from './collections-list-deprecated.js';
-
-registerBlockType('tainacan/collections-list', {
-    title: __('Tainacan Collections List', 'tainacan'),
-    icon:
-        <svg width="24" height="24" viewBox="0 -3 12 16">
-            <path
-                fill="#298596"
-                d="M10,8.8v1.3H1.2C0.6,10.1,0,9.5,0,8.8V2.5h1.3v6.3H10z M6.9,0H3.8C3.1,0,2.5,0.6,2.5,1.3l0,5c0,0.7,0.6,1.2,1.3,1.2h7.5
-                c0.7,0,1.3-0.6,1.3-1.2V2.5c0-0.7-0.6-1.2-1.3-1.2H8.2L6.9,0z"/>       
-        </svg>,
-    category: 'tainacan-blocks',
-    keywords: [ __( 'Tainacan', 'tainacan' ), __( 'collections', 'tainacan' ), __( 'repository', 'tainacan' ) ],
-    description: __('Expose collections from your Tainacan repository', 'tainacan'),
-    example: {
-        attributes: {
-            content: 'preview'
-        }
-    },
-    attributes: {
-        selectedCollectionsObject: {
-            type: 'array',
-            source: 'query',
-            selector: 'a',
-            query: {
-                id: {
-                    type: 'string',
-                    source: 'attribute',
-                    attribute: 'id'
-                },
-                url: {
-                    type: 'string',
-                    source: 'attribute',
-                    attribute: 'href'
-                },
-                name: {
-                    type: 'string',
-                    source: 'text'
-                },
-                thumbnail: {
-                    source: 'query',
-                    selector: 'img',
-                    query: {
-                        src: {
-                            source: 'attribute',
-                            attribute: 'src'
-                        },
-                        alt: {
-                            source: 'attribute',
-                            attribute: 'alt'
-                        },
-                    }
-                }, 
-            },
-            default: []
-        },
-        content: {
-            type: 'array',
-            source: 'children',
-            selector: 'div'
-        },
-        query: {
-            type: Object,
-            default: {}
-        },
-        selectedCollectionsHTML: {
-            type: Array,
-            default: []
-        },
-        showImage: {
-            type: Boolean,
-            default: true
-        },
-        showName: {
-            type: Boolean,
-            default: true
-        },
-        layout: {
-            type: String,
-            default: 'grid'
-        },
-        isModalOpen: {
-            type: Boolean,
-            default: false
-        },
-        gridMargin: {
-            type: Number,
-            default: 0
-        }
-    },
-    supports: {
-        align: ['full', 'wide'],
-        html: false,
-        fontSize: true
-    },
-    edit({ attributes, setAttributes, className, isSelected }){
-        let { 
-            selectedCollectionsObject, 
-            selectedCollectionsHTML, 
-            content,
-            showImage,
-            showName,
-            layout,
-            isModalOpen,
-            gridMargin
-        } = attributes;
-        
-        function prepareCollection(collection) {
-            return (
-                <li 
-                    key={ collection.id }
-                    className="collection-list-item"
-                    style={{ marginBottom: layout == 'grid' ? (showName ? gridMargin + 12 : gridMargin) + 'px' : ''}}>
-                    { 
-                        tainacan_blocks.wp_version < '5.4' ?
-                        <IconButton
-                            onClick={ () => removeCollectionOfId(collection.id) }
-                            icon="no-alt"
-                            label={__('Remove', 'tainacan')}/>
-                        :
-                        <Button
-                            onClick={ () => removeCollectionOfId(collection.id) }
-                            icon="no-alt"
-                            showTooltip={false}
-                            label={__('Remove', 'tainacan')} />
-                    }
-                    <a 
-                        id={ isNaN(collection.id) ? collection.id : 'collection-id-' + collection.id }
-                        href={ collection.url } 
-                        target="_blank"
-                        className={ (!showName ? 'collection-without-name' : '') + ' ' + (!showImage ? 'collection-without-image' : '') }>
-                        <img
-                            src={ collection.thumbnail && collection.thumbnail[0] && collection.thumbnail[0].src ? collection.thumbnail[0].src : `${tainacan_blocks.base_url}/assets/images/placeholder_square.png`}
-                            alt={ collection.thumbnail && collection.thumbnail[0] ? collection.thumbnail[0].alt : collection.name }/>
-                        <span>{ collection.name ? collection.name : '' }</span>
-                    </a>
-                </li>
-            );
-        }
-
-        function setContent(){
-
-            selectedCollectionsHTML = [];
-
-            for (let i = 0; i < selectedCollectionsObject.length; i++)
-                selectedCollectionsHTML.push(prepareCollection(selectedCollectionsObject[i]));
-
-            setAttributes({
-                content: (
-                    <ul 
-                        style={{ gridTemplateColumns: layout == 'grid' ? ('repeat(auto-fill, ' + (gridMargin + (showName ? 220 : 185)) + 'px)') : 'inherit' }}
-                        className={'collections-list  collections-layout-' + layout + (!showName ? ' collections-list-without-margin' : '')}>
-                        { selectedCollectionsHTML }
-                    </ul>
-                ),
-                selectedCollectionsHTML: selectedCollectionsHTML
-            });
-        }
-
-        function openCollectionsModal() {   
-            isModalOpen = true;
-            setAttributes( { 
-                isModalOpen: isModalOpen
-            } );
-        }
-
-        function removeCollectionOfId(collectionId) {
-
-            let existingCollectionIndex = selectedCollectionsObject.findIndex((existingCollection) => ((existingCollection.id == 'collection-id-' + collectionId) || (existingCollection.id == collectionId)));
-
-            if (existingCollectionIndex >= 0)
-                selectedCollectionsObject.splice(existingCollectionIndex, 1);
-
-            setContent();
-        }
-
-        function updateLayout(newLayout) {
-            layout = newLayout;
-
-            if (layout == 'grid' && showImage == false)
-                showImage = true;
-
-            if (layout == 'list' && showName == false)
-                showName = true;
-
-            setAttributes({ 
-                layout: layout, 
-                showImage: showImage,
-                showName: showName
-            });
-            setContent();
-        }
-
-        // Executed only on the first load of page
-        if(content && content.length && content[0].type)
-            setContent();
-
-        const layoutControls = [
-            {
-                icon: 'grid-view',
-                title: __( 'Grid View', 'tainacan' ),
-                onClick: () => updateLayout('grid'),
-                isActive: layout === 'grid',
-            },
-            {
-                icon: 'list-view',
-                title: __( 'List View', 'tainacan' ),
-                onClick: () => updateLayout('list'),
-                isActive: layout === 'list',
-            }
-        ];
-
-        return content == 'preview' ? 
-            <div className={className}>
-                <img
-                        width="100%"
-                        src={ `${tainacan_blocks.base_url}/assets/images/collections-list.png` } />
-            </div>
-        : (
-            <div className={className}>
-
-                <div>
-                    <BlockControls>
-                        { TainacanBlocksCompatToolbar({ controls: layoutControls }) }
-                        { selectedCollectionsHTML.length ?
-                            TainacanBlocksCompatToolbar({
-                                label: __( 'Select collections', 'tainacan' ),
-                                icon: <svg width="24" height="24" viewBox="0 -5 12 16">
-                                        <path
-                                            d="M10,8.8v1.3H1.2C0.6,10.1,0,9.5,0,8.8V2.5h1.3v6.3H10z M6.9,0H3.8C3.1,0,2.5,0.6,2.5,1.3l0,5c0,0.7,0.6,1.2,1.3,1.2h7.5
-                                            c0.7,0,1.3-0.6,1.3-1.2V2.5c0-0.7-0.6-1.2-1.3-1.2H8.2L6.9,0z"/>       
-                                    </svg>,
-                                onClick: openCollectionsModal
-                            })
-                        : null }
-                    </BlockControls>
-                </div>
-
-                <div>
-                    <InspectorControls>
-                        <PanelBody
-                                title={ __('List settings', 'tainacan') }
-                                initialOpen={ true }
-                            >
-                            { layout == 'list' ? 
-                                <ToggleControl
-                                    label={__('Image', 'tainacan')}
-                                    help={ showImage ? __('Toggle to show collection\'s image', 'tainacan') : __('Do not show collection\'s image', 'tainacan')}
-                                    checked={ showImage }
-                                    onChange={ ( isChecked ) => {
-                                            showImage = isChecked;
-                                            setAttributes({ showImage: showImage });
-                                            setContent();
-                                        } 
-                                    }
-                                /> 
-                            : null }
-                            { layout == 'grid' ?
-                                <div>
-                                    <ToggleControl
-                                        label={__('Name', 'tainacan')}
-                                        help={ showName ? __('Toggle to show collection\'s name', 'tainacan') : __('Do not show collection\'s name', 'tainacan')}
-                                        checked={ showName }
-                                        onChange={ ( isChecked ) => {
-                                                showName = isChecked;
-                                                setAttributes({ showName: showName });
-                                                setContent();
-                                            } 
-                                        }
-                                    />
-                                    <div style={{ marginTop: '16px'}}>
-                                        <RangeControl
-                                            label={__('Margin between collections', 'tainacan')}
-                                            value={ gridMargin }
-                                            onChange={ ( margin ) => {
-                                                setAttributes( { gridMargin: margin } ) 
-                                                setContent();
-                                            }}
-                                            min={ 0 }
-                                            max={ 48 }
-                                        />
-                                    </div>
-                                </div>
-                            : null }
-                        </PanelBody>
-                    </InspectorControls>
-                </div>
-
-                { isSelected ? 
-                    (
-                    <div>
-                        { isModalOpen ? 
-                            <CollectionsModal
-                                selectedCollectionsObject={ selectedCollectionsObject } 
-                                onApplySelection={ (aSelectedCollectionsObject) =>{
-                                    selectedCollectionsObject = aSelectedCollectionsObject
-                                    setAttributes({
-                                        selectedCollectionsObject: selectedCollectionsObject,
-                                        isModalOpen: false
-                                    });
-                                    setContent();
-                                }}
-                                onCancelSelection={ () => setAttributes({ isModalOpen: false }) }/> 
-                            : null
-                        }
-                    </div>
-                    ) : null
-                }
-
-                { !selectedCollectionsHTML.length ? (
-                    <Placeholder
-                        className="tainacan-block-placeholder"                        
-                        icon={(
-                            <img
-                                width={148}
-                                src={ `${tainacan_blocks.base_url}/assets/images/tainacan_logo_header.svg` }
-                                alt="Tainacan Logo"/>
-                        )}>
-                        <p>
-                            <svg width="24" height="24" viewBox="0 -5 12 16">
-                                <path
-                                    d="M10,8.8v1.3H1.2C0.6,10.1,0,9.5,0,8.8V2.5h1.3v6.3H10z M6.9,0H3.8C3.1,0,2.5,0.6,2.5,1.3l0,5c0,0.7,0.6,1.2,1.3,1.2h7.5
-                                    c0.7,0,1.3-0.6,1.3-1.2V2.5c0-0.7-0.6-1.2-1.3-1.2H8.2L6.9,0z"/>       
-                            </svg>
-                            {__('Expose collections from your Tainacan repository', 'tainacan')}
-                        </p>
-                        <Button
-                            isPrimary
-                            type="button"
-                            onClick={ () => openCollectionsModal() }>
-                            {__('Select collections', 'tainacan')}
-                        </Button>   
-                    </Placeholder>
-                    ) : null
-                }
-
-                <ul 
-                    style={{ gridTemplateColumns: layout == 'grid' ? 'repeat(auto-fill, ' +  (gridMargin + (showName ? 220 : 185)) + 'px)' : 'inherit' }}
-                    className={'collections-list-edit collections-layout-' + layout + (!showName ? ' collections-list-without-margin' : '')}>
-                    { selectedCollectionsHTML }
-                </ul>
-                
-            </div>
-        );
-    },
-    save({ attributes, className }){
-        const { content } = attributes;
-        return <div className={ className }>{ content }</div>
-    },
-    deprecated: DeprecatedBlocks
-});

webpack.common.js

@@ -11,35 +11,35 @@ module.exports = {
         roles: './src/views/roles/js/roles-main.js',
         reports: './src/views/reports/js/reports-main.js',
 
-        block_terms_list: './src/views/gutenberg-blocks/tainacan-terms/terms-list/index.js',
+        block_terms_list: './src/views/gutenberg-blocks/tainacan-blocks/terms-list/index.js',
         
-        block_items_list: './src/views/gutenberg-blocks/tainacan-items/items-list/index.js',
+        block_items_list: './src/views/gutenberg-blocks/tainacan-blocks/items-list/index.js',
         
-        block_dynamic_items_list: './src/views/gutenberg-blocks/tainacan-items/dynamic-items-list/index.js',
+        block_dynamic_items_list: './src/views/gutenberg-blocks/tainacan-blocks/dynamic-items-list/index.js',
-        block_dynamic_items_list_theme: './src/views/gutenberg-blocks/tainacan-items/dynamic-items-list/dynamic-items-list-theme.js',
+        block_dynamic_items_list_theme: './src/views/gutenberg-blocks/tainacan-blocks/dynamic-items-list/dynamic-items-list-theme.js',
         
-        block_carousel_items_list: './src/views/gutenberg-blocks/tainacan-items/carousel-items-list/index.js',
+        block_carousel_items_list: './src/views/gutenberg-blocks/tainacan-blocks/carousel-items-list/index.js',
-        block_carousel_items_list_theme: './src/views/gutenberg-blocks/tainacan-items/carousel-items-list/carousel-items-list-theme.js',
+        block_carousel_items_list_theme: './src/views/gutenberg-blocks/tainacan-blocks/carousel-items-list/carousel-items-list-theme.js',
         
-        block_search_bar: './src/views/gutenberg-blocks/tainacan-items/search-bar/index.js',
+        block_search_bar: './src/views/gutenberg-blocks/tainacan-blocks/search-bar/index.js',
-        block_search_bar_theme: './src/views/gutenberg-blocks/tainacan-items/search-bar/search-bar-theme.js',
+        block_search_bar_theme: './src/views/gutenberg-blocks/tainacan-blocks/search-bar/search-bar-theme.js',
         
-        block_collections_list: './src/views/gutenberg-blocks/tainacan-collections/collections-list/index.js',
+        block_collections_list: './src/views/gutenberg-blocks/tainacan-blocks/collections-list/index.js',
         
-        block_carousel_collections_list: './src/views/gutenberg-blocks/tainacan-collections/carousel-collections-list/index.js',
+        block_carousel_collections_list: './src/views/gutenberg-blocks/tainacan-blocks/carousel-collections-list/index.js',
-        block_carousel_collections_list_theme: './src/views/gutenberg-blocks/tainacan-collections/carousel-collections-list/carousel-collections-list-theme.js',
+        block_carousel_collections_list_theme: './src/views/gutenberg-blocks/tainacan-blocks/carousel-collections-list/carousel-collections-list-theme.js',
        
-        block_carousel_related_items: './src/views/gutenberg-blocks/tainacan-items/carousel-related-items/index.js',
+        block_carousel_related_items: './src/views/gutenberg-blocks/tainacan-blocks/carousel-related-items/index.js',
 
-        block_facets_list: './src/views/gutenberg-blocks/tainacan-facets/facets-list/index.js',
+        block_facets_list: './src/views/gutenberg-blocks/tainacan-blocks/facets-list/index.js',
-        block_facets_list_theme: './src/views/gutenberg-blocks/tainacan-facets/facets-list/facets-list-theme.js',
+        block_facets_list_theme: './src/views/gutenberg-blocks/tainacan-blocks/facets-list/facets-list-theme.js',
 
-        block_item_submission_form: './src/views/gutenberg-blocks/tainacan-items/item-submission-form/index.js',
+        block_item_submission_form: './src/views/gutenberg-blocks/tainacan-blocks/item-submission-form/index.js',
 
-        block_faceted_search: './src/views/gutenberg-blocks/tainacan-facets/faceted-search/index.js',
+        block_faceted_search: './src/views/gutenberg-blocks/tainacan-blocks/faceted-search/index.js',
         
-        block_carousel_terms_list: './src/views/gutenberg-blocks/tainacan-terms/carousel-terms-list/index.js',
+        block_carousel_terms_list: './src/views/gutenberg-blocks/tainacan-blocks/carousel-terms-list/index.js',
-        block_carousel_terms_list_theme: './src/views/gutenberg-blocks/tainacan-terms/carousel-terms-list/carousel-terms-list-theme.js',
+        block_carousel_terms_list_theme: './src/views/gutenberg-blocks/tainacan-blocks/carousel-terms-list/carousel-terms-list-theme.js',
 
         tainacan_blocks_category_icon: './src/views/gutenberg-blocks/js/tainacan-blocks-category-icon.js'
     },