@wordpress/block-editor 15.5.0 → 15.5.1-next.47f435fc9.0

package/build/components/block-pattern-setup/index.js

@@ -1,30 +1,48 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var block_pattern_setup_exports = {};
+__export(block_pattern_setup_exports, {
+  default: () => block_pattern_setup_default
 });
-exports.default = void 0;
-var _data = require("@wordpress/data");
-var _blocks = require("@wordpress/blocks");
-var _components = require("@wordpress/components");
-var _element = require("@wordpress/element");
-var _compose = require("@wordpress/compose");
-var _i18n = require("@wordpress/i18n");
-var _store = require("../../store");
-var _blockPreview = _interopRequireDefault(require("../block-preview"));
-var _setupToolbar = _interopRequireDefault(require("./setup-toolbar"));
-var _usePatternsSetup = _interopRequireDefault(require("./use-patterns-setup"));
-var _constants = require("./constants");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(block_pattern_setup_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_data = require("@wordpress/data");
+var import_blocks = require("@wordpress/blocks");
+var import_components = require("@wordpress/components");
+var import_element = require("@wordpress/element");
+var import_compose = require("@wordpress/compose");
+var import_i18n = require("@wordpress/i18n");
+var import_store = require("../../store");
+var import_block_preview = __toESM(require("../block-preview"));
+var import_setup_toolbar = __toESM(require("./setup-toolbar"));
+var import_use_patterns_setup = __toESM(require("./use-patterns-setup"));
+var import_constants = require("./constants");
 const SetupContent = ({
   viewMode,
   activeSlide,
@@ -32,149 +50,159 @@ const SetupContent = ({
   onBlockPatternSelect,
   showTitles
 }) => {
-  const containerClass = 'block-editor-block-pattern-setup__container';
-  if (viewMode === _constants.VIEWMODES.carousel) {
-    const slideClass = new Map([[activeSlide, 'active-slide'], [activeSlide - 1, 'previous-slide'], [activeSlide + 1, 'next-slide']]);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "block-editor-block-pattern-setup__carousel",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: containerClass,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "carousel-container",
-          children: patterns.map((pattern, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockPatternSlide, {
-            active: index === activeSlide,
-            className: slideClass.get(index) || '',
-            pattern: pattern
-          }, pattern.name))
-        })
-      })
-    });
+  const containerClass = "block-editor-block-pattern-setup__container";
+  if (viewMode === import_constants.VIEWMODES.carousel) {
+    const slideClass = /* @__PURE__ */ new Map([
+      [activeSlide, "active-slide"],
+      [activeSlide - 1, "previous-slide"],
+      [activeSlide + 1, "next-slide"]
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block-editor-block-pattern-setup__carousel", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: containerClass, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "carousel-container", children: patterns.map((pattern, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      BlockPatternSlide,
+      {
+        active: index === activeSlide,
+        className: slideClass.get(index) || "",
+        pattern
+      },
+      pattern.name
+    )) }) }) });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "block-editor-block-pattern-setup__grid",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Composite, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block-editor-block-pattern-setup__grid", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Composite,
+    {
       role: "listbox",
       className: containerClass,
-      "aria-label": (0, _i18n.__)('Patterns list'),
-      children: patterns.map(pattern => /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockPattern, {
-        pattern: pattern,
-        onSelect: onBlockPatternSelect,
-        showTitles: showTitles
-      }, pattern.name))
-    })
-  });
+      "aria-label": (0, import_i18n.__)("Patterns list"),
+      children: patterns.map((pattern) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        BlockPattern,
+        {
+          pattern,
+          onSelect: onBlockPatternSelect,
+          showTitles
+        },
+        pattern.name
+      ))
+    }
+  ) });
 };
-function BlockPattern({
-  pattern,
-  onSelect,
-  showTitles
-}) {
-  const baseClassName = 'block-editor-block-pattern-setup-list';
-  const {
-    blocks,
-    description,
-    viewportWidth = 700
-  } = pattern;
-  const descriptionId = (0, _compose.useInstanceId)(BlockPattern, `${baseClassName}__item-description`);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: `${baseClassName}__list-item`,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Composite.Item, {
-      render: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        "aria-describedby": description ? descriptionId : undefined,
-        "aria-label": pattern.title,
-        className: `${baseClassName}__item`
-      }),
+function BlockPattern({ pattern, onSelect, showTitles }) {
+  const baseClassName = "block-editor-block-pattern-setup-list";
+  const { blocks, description, viewportWidth = 700 } = pattern;
+  const descriptionId = (0, import_compose.useInstanceId)(
+    BlockPattern,
+    `${baseClassName}__item-description`
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${baseClassName}__list-item`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_components.Composite.Item,
+    {
+      render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          "aria-describedby": description ? descriptionId : void 0,
+          "aria-label": pattern.title,
+          className: `${baseClassName}__item`
+        }
+      ),
       id: `${baseClassName}__pattern__${pattern.name}`,
       role: "option",
       onClick: () => onSelect(blocks),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockPreview.default, {
-        blocks: blocks,
-        viewportWidth: viewportWidth
-      }), showTitles && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${baseClassName}__item-title`,
-        children: pattern.title
-      }), !!description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
-        id: descriptionId,
-        children: description
-      })]
-    })
-  });
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_block_preview.default,
+          {
+            blocks,
+            viewportWidth
+          }
+        ),
+        showTitles && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${baseClassName}__item-title`, children: pattern.title }),
+        !!description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.VisuallyHidden, { id: descriptionId, children: description })
+      ]
+    }
+  ) });
 }
-function BlockPatternSlide({
-  active,
-  className,
-  pattern,
-  minHeight
-}) {
-  const {
-    blocks,
-    title,
-    description
-  } = pattern;
-  const descriptionId = (0, _compose.useInstanceId)(BlockPatternSlide, 'block-editor-block-pattern-setup-list__item-description');
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    "aria-hidden": !active,
-    role: "img",
-    className: `pattern-slide ${className}`,
-    "aria-label": title,
-    "aria-describedby": description ? descriptionId : undefined,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockPreview.default, {
-      blocks: blocks,
-      minHeight: minHeight
-    }), !!description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
-      id: descriptionId,
-      children: description
-    })]
-  });
+function BlockPatternSlide({ active, className, pattern, minHeight }) {
+  const { blocks, title, description } = pattern;
+  const descriptionId = (0, import_compose.useInstanceId)(
+    BlockPatternSlide,
+    "block-editor-block-pattern-setup-list__item-description"
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      "aria-hidden": !active,
+      role: "img",
+      className: `pattern-slide ${className}`,
+      "aria-label": title,
+      "aria-describedby": description ? descriptionId : void 0,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_preview.default, { blocks, minHeight }),
+        !!description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.VisuallyHidden, { id: descriptionId, children: description })
+      ]
+    }
+  );
 }
 const BlockPatternSetup = ({
   clientId,
   blockName,
   filterPatternsFn,
   onBlockPatternSelect,
-  initialViewMode = _constants.VIEWMODES.carousel,
+  initialViewMode = import_constants.VIEWMODES.carousel,
   showTitles = false
 }) => {
-  const [viewMode, setViewMode] = (0, _element.useState)(initialViewMode);
-  const [activeSlide, setActiveSlide] = (0, _element.useState)(0);
-  const {
-    replaceBlock
-  } = (0, _data.useDispatch)(_store.store);
-  const patterns = (0, _usePatternsSetup.default)(clientId, blockName, filterPatternsFn);
+  const [viewMode, setViewMode] = (0, import_element.useState)(initialViewMode);
+  const [activeSlide, setActiveSlide] = (0, import_element.useState)(0);
+  const { replaceBlock } = (0, import_data.useDispatch)(import_store.store);
+  const patterns = (0, import_use_patterns_setup.default)(clientId, blockName, filterPatternsFn);
   if (!patterns?.length) {
     return null;
   }
-  const onBlockPatternSelectDefault = blocks => {
-    const clonedBlocks = blocks.map(block => (0, _blocks.cloneBlock)(block));
+  const onBlockPatternSelectDefault = (blocks) => {
+    const clonedBlocks = blocks.map((block) => (0, import_blocks.cloneBlock)(block));
     replaceBlock(clientId, clonedBlocks);
   };
   const onPatternSelectCallback = onBlockPatternSelect || onBlockPatternSelectDefault;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
       className: `block-editor-block-pattern-setup view-mode-${viewMode}`,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SetupContent, {
-        viewMode: viewMode,
-        activeSlide: activeSlide,
-        patterns: patterns,
-        onBlockPatternSelect: onPatternSelectCallback,
-        showTitles: showTitles
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_setupToolbar.default, {
-        viewMode: viewMode,
-        setViewMode: setViewMode,
-        activeSlide: activeSlide,
-        totalSlides: patterns.length,
-        handleNext: () => {
-          setActiveSlide(active => Math.min(active + 1, patterns.length - 1));
-        },
-        handlePrevious: () => {
-          setActiveSlide(active => Math.max(active - 1, 0));
-        },
-        onBlockPatternSelect: () => {
-          onPatternSelectCallback(patterns[activeSlide].blocks);
-        }
-      })]
-    })
-  });
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          SetupContent,
+          {
+            viewMode,
+            activeSlide,
+            patterns,
+            onBlockPatternSelect: onPatternSelectCallback,
+            showTitles
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_setup_toolbar.default,
+          {
+            viewMode,
+            setViewMode,
+            activeSlide,
+            totalSlides: patterns.length,
+            handleNext: () => {
+              setActiveSlide(
+                (active) => Math.min(active + 1, patterns.length - 1)
+              );
+            },
+            handlePrevious: () => {
+              setActiveSlide(
+                (active) => Math.max(active - 1, 0)
+              );
+            },
+            onBlockPatternSelect: () => {
+              onPatternSelectCallback(
+                patterns[activeSlide].blocks
+              );
+            }
+          }
+        )
+      ]
+    }
+  ) });
 };
-var _default = exports.default = BlockPatternSetup;
-//# sourceMappingURL=index.js.map
+var block_pattern_setup_default = BlockPatternSetup;
+//# sourceMappingURL=index.js.map

package/build/components/block-pattern-setup/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_data","require","_blocks","_components","_element","_compose","_i18n","_store","_blockPreview","_interopRequireDefault","_setupToolbar","_usePatternsSetup","_constants","_jsxRuntime","SetupContent","viewMode","activeSlide","patterns","onBlockPatternSelect","showTitles","containerClass","VIEWMODES","carousel","slideClass","Map","jsx","className","children","map","pattern","index","BlockPatternSlide","active","get","name","Composite","role","__","BlockPattern","onSelect","baseClassName","blocks","description","viewportWidth","descriptionId","useInstanceId","jsxs","Item","render","undefined","title","id","onClick","default","VisuallyHidden","minHeight","BlockPatternSetup","clientId","blockName","filterPatternsFn","initialViewMode","setViewMode","useState","setActiveSlide","replaceBlock","useDispatch","blockEditorStore","usePatternsSetup","length","onBlockPatternSelectDefault","clonedBlocks","block","cloneBlock","onPatternSelectCallback","Fragment","totalSlides","handleNext","Math","min","handlePrevious","max","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-pattern-setup/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch } from '@wordpress/data';\nimport { cloneBlock } from '@wordpress/blocks';\nimport { Composite, VisuallyHidden } from '@wordpress/components';\n\nimport { useState } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport BlockPreview from '../block-preview';\nimport SetupToolbar from './setup-toolbar';\nimport usePatternsSetup from './use-patterns-setup';\nimport { VIEWMODES } from './constants';\n\nconst SetupContent = ( {\n\tviewMode,\n\tactiveSlide,\n\tpatterns,\n\tonBlockPatternSelect,\n\tshowTitles,\n} ) => {\n\tconst containerClass = 'block-editor-block-pattern-setup__container';\n\n\tif ( viewMode === VIEWMODES.carousel ) {\n\t\tconst slideClass = new Map( [\n\t\t\t[ activeSlide, 'active-slide' ],\n\t\t\t[ activeSlide - 1, 'previous-slide' ],\n\t\t\t[ activeSlide + 1, 'next-slide' ],\n\t\t] );\n\t\treturn (\n\t\t\t<div className=\"block-editor-block-pattern-setup__carousel\">\n\t\t\t\t<div className={ containerClass }>\n\t\t\t\t\t<div className=\"carousel-container\">\n\t\t\t\t\t\t{ patterns.map( ( pattern, index ) => (\n\t\t\t\t\t\t\t<BlockPatternSlide\n\t\t\t\t\t\t\t\tactive={ index === activeSlide }\n\t\t\t\t\t\t\t\tclassName={ slideClass.get( index ) || '' }\n\t\t\t\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"block-editor-block-pattern-setup__grid\">\n\t\t\t<Composite\n\t\t\t\trole=\"listbox\"\n\t\t\t\tclassName={ containerClass }\n\t\t\t\taria-label={ __( 'Patterns list' ) }\n\t\t\t>\n\t\t\t\t{ patterns.map( ( pattern ) => (\n\t\t\t\t\t<BlockPattern\n\t\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\t\tonSelect={ onBlockPatternSelect }\n\t\t\t\t\t\tshowTitles={ showTitles }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</Composite>\n\t\t</div>\n\t);\n};\n\nfunction BlockPattern( { pattern, onSelect, showTitles } ) {\n\tconst baseClassName = 'block-editor-block-pattern-setup-list';\n\tconst { blocks, description, viewportWidth = 700 } = pattern;\n\tconst descriptionId = useInstanceId(\n\t\tBlockPattern,\n\t\t`${ baseClassName }__item-description`\n\t);\n\treturn (\n\t\t<div className={ `${ baseClassName }__list-item` }>\n\t\t\t<Composite.Item\n\t\t\t\trender={\n\t\t\t\t\t<div\n\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\tdescription ? descriptionId : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\taria-label={ pattern.title }\n\t\t\t\t\t\tclassName={ `${ baseClassName }__item` }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tid={ `${ baseClassName }__pattern__${ pattern.name }` }\n\t\t\t\trole=\"option\"\n\t\t\t\tonClick={ () => onSelect( blocks ) }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t/>\n\t\t\t\t{ showTitles && (\n\t\t\t\t\t<div className={ `${ baseClassName }__item-title` }>\n\t\t\t\t\t\t{ pattern.title }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t{ !! description && (\n\t\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t) }\n\t\t\t</Composite.Item>\n\t\t</div>\n\t);\n}\n\nfunction BlockPatternSlide( { active, className, pattern, minHeight } ) {\n\tconst { blocks, title, description } = pattern;\n\tconst descriptionId = useInstanceId(\n\t\tBlockPatternSlide,\n\t\t'block-editor-block-pattern-setup-list__item-description'\n\t);\n\treturn (\n\t\t<div\n\t\t\taria-hidden={ ! active }\n\t\t\trole=\"img\"\n\t\t\tclassName={ `pattern-slide ${ className }` }\n\t\t\taria-label={ title }\n\t\t\taria-describedby={ description ? descriptionId : undefined }\n\t\t>\n\t\t\t<BlockPreview blocks={ blocks } minHeight={ minHeight } />\n\t\t\t{ !! description && (\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ description }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nconst BlockPatternSetup = ( {\n\tclientId,\n\tblockName,\n\tfilterPatternsFn,\n\tonBlockPatternSelect,\n\tinitialViewMode = VIEWMODES.carousel,\n\tshowTitles = false,\n} ) => {\n\tconst [ viewMode, setViewMode ] = useState( initialViewMode );\n\tconst [ activeSlide, setActiveSlide ] = useState( 0 );\n\tconst { replaceBlock } = useDispatch( blockEditorStore );\n\tconst patterns = usePatternsSetup( clientId, blockName, filterPatternsFn );\n\n\tif ( ! patterns?.length ) {\n\t\treturn null;\n\t}\n\n\tconst onBlockPatternSelectDefault = ( blocks ) => {\n\t\tconst clonedBlocks = blocks.map( ( block ) => cloneBlock( block ) );\n\t\treplaceBlock( clientId, clonedBlocks );\n\t};\n\tconst onPatternSelectCallback =\n\t\tonBlockPatternSelect || onBlockPatternSelectDefault;\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={ `block-editor-block-pattern-setup view-mode-${ viewMode }` }\n\t\t\t>\n\t\t\t\t<SetupContent\n\t\t\t\t\tviewMode={ viewMode }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\tonBlockPatternSelect={ onPatternSelectCallback }\n\t\t\t\t\tshowTitles={ showTitles }\n\t\t\t\t/>\n\t\t\t\t<SetupToolbar\n\t\t\t\t\tviewMode={ viewMode }\n\t\t\t\t\tsetViewMode={ setViewMode }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\ttotalSlides={ patterns.length }\n\t\t\t\t\thandleNext={ () => {\n\t\t\t\t\t\tsetActiveSlide( ( active ) =>\n\t\t\t\t\t\t\tMath.min( active + 1, patterns.length - 1 )\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t\thandlePrevious={ () => {\n\t\t\t\t\t\tsetActiveSlide( ( active ) =>\n\t\t\t\t\t\t\tMath.max( active - 1, 0 )\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t\tonBlockPatternSelect={ () => {\n\t\t\t\t\t\tonPatternSelectCallback(\n\t\t\t\t\t\t\tpatterns[ activeSlide ].blocks\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\nexport default BlockPatternSetup;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-pattern-setup/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useDispatch } from '@wordpress/data';\nimport { cloneBlock } from '@wordpress/blocks';\nimport { Composite, VisuallyHidden } from '@wordpress/components';\n\nimport { useState } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport BlockPreview from '../block-preview';\nimport SetupToolbar from './setup-toolbar';\nimport usePatternsSetup from './use-patterns-setup';\nimport { VIEWMODES } from './constants';\n\nconst SetupContent = ( {\n\tviewMode,\n\tactiveSlide,\n\tpatterns,\n\tonBlockPatternSelect,\n\tshowTitles,\n} ) => {\n\tconst containerClass = 'block-editor-block-pattern-setup__container';\n\n\tif ( viewMode === VIEWMODES.carousel ) {\n\t\tconst slideClass = new Map( [\n\t\t\t[ activeSlide, 'active-slide' ],\n\t\t\t[ activeSlide - 1, 'previous-slide' ],\n\t\t\t[ activeSlide + 1, 'next-slide' ],\n\t\t] );\n\t\treturn (\n\t\t\t<div className=\"block-editor-block-pattern-setup__carousel\">\n\t\t\t\t<div className={ containerClass }>\n\t\t\t\t\t<div className=\"carousel-container\">\n\t\t\t\t\t\t{ patterns.map( ( pattern, index ) => (\n\t\t\t\t\t\t\t<BlockPatternSlide\n\t\t\t\t\t\t\t\tactive={ index === activeSlide }\n\t\t\t\t\t\t\t\tclassName={ slideClass.get( index ) || '' }\n\t\t\t\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"block-editor-block-pattern-setup__grid\">\n\t\t\t<Composite\n\t\t\t\trole=\"listbox\"\n\t\t\t\tclassName={ containerClass }\n\t\t\t\taria-label={ __( 'Patterns list' ) }\n\t\t\t>\n\t\t\t\t{ patterns.map( ( pattern ) => (\n\t\t\t\t\t<BlockPattern\n\t\t\t\t\t\tkey={ pattern.name }\n\t\t\t\t\t\tpattern={ pattern }\n\t\t\t\t\t\tonSelect={ onBlockPatternSelect }\n\t\t\t\t\t\tshowTitles={ showTitles }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</Composite>\n\t\t</div>\n\t);\n};\n\nfunction BlockPattern( { pattern, onSelect, showTitles } ) {\n\tconst baseClassName = 'block-editor-block-pattern-setup-list';\n\tconst { blocks, description, viewportWidth = 700 } = pattern;\n\tconst descriptionId = useInstanceId(\n\t\tBlockPattern,\n\t\t`${ baseClassName }__item-description`\n\t);\n\treturn (\n\t\t<div className={ `${ baseClassName }__list-item` }>\n\t\t\t<Composite.Item\n\t\t\t\trender={\n\t\t\t\t\t<div\n\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\tdescription ? descriptionId : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\taria-label={ pattern.title }\n\t\t\t\t\t\tclassName={ `${ baseClassName }__item` }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tid={ `${ baseClassName }__pattern__${ pattern.name }` }\n\t\t\t\trole=\"option\"\n\t\t\t\tonClick={ () => onSelect( blocks ) }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t/>\n\t\t\t\t{ showTitles && (\n\t\t\t\t\t<div className={ `${ baseClassName }__item-title` }>\n\t\t\t\t\t\t{ pattern.title }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t{ !! description && (\n\t\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t) }\n\t\t\t</Composite.Item>\n\t\t</div>\n\t);\n}\n\nfunction BlockPatternSlide( { active, className, pattern, minHeight } ) {\n\tconst { blocks, title, description } = pattern;\n\tconst descriptionId = useInstanceId(\n\t\tBlockPatternSlide,\n\t\t'block-editor-block-pattern-setup-list__item-description'\n\t);\n\treturn (\n\t\t<div\n\t\t\taria-hidden={ ! active }\n\t\t\trole=\"img\"\n\t\t\tclassName={ `pattern-slide ${ className }` }\n\t\t\taria-label={ title }\n\t\t\taria-describedby={ description ? descriptionId : undefined }\n\t\t>\n\t\t\t<BlockPreview blocks={ blocks } minHeight={ minHeight } />\n\t\t\t{ !! description && (\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ description }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nconst BlockPatternSetup = ( {\n\tclientId,\n\tblockName,\n\tfilterPatternsFn,\n\tonBlockPatternSelect,\n\tinitialViewMode = VIEWMODES.carousel,\n\tshowTitles = false,\n} ) => {\n\tconst [ viewMode, setViewMode ] = useState( initialViewMode );\n\tconst [ activeSlide, setActiveSlide ] = useState( 0 );\n\tconst { replaceBlock } = useDispatch( blockEditorStore );\n\tconst patterns = usePatternsSetup( clientId, blockName, filterPatternsFn );\n\n\tif ( ! patterns?.length ) {\n\t\treturn null;\n\t}\n\n\tconst onBlockPatternSelectDefault = ( blocks ) => {\n\t\tconst clonedBlocks = blocks.map( ( block ) => cloneBlock( block ) );\n\t\treplaceBlock( clientId, clonedBlocks );\n\t};\n\tconst onPatternSelectCallback =\n\t\tonBlockPatternSelect || onBlockPatternSelectDefault;\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={ `block-editor-block-pattern-setup view-mode-${ viewMode }` }\n\t\t\t>\n\t\t\t\t<SetupContent\n\t\t\t\t\tviewMode={ viewMode }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\tpatterns={ patterns }\n\t\t\t\t\tonBlockPatternSelect={ onPatternSelectCallback }\n\t\t\t\t\tshowTitles={ showTitles }\n\t\t\t\t/>\n\t\t\t\t<SetupToolbar\n\t\t\t\t\tviewMode={ viewMode }\n\t\t\t\t\tsetViewMode={ setViewMode }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\ttotalSlides={ patterns.length }\n\t\t\t\t\thandleNext={ () => {\n\t\t\t\t\t\tsetActiveSlide( ( active ) =>\n\t\t\t\t\t\t\tMath.min( active + 1, patterns.length - 1 )\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t\thandlePrevious={ () => {\n\t\t\t\t\t\tsetActiveSlide( ( active ) =>\n\t\t\t\t\t\t\tMath.max( active - 1, 0 )\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t\tonBlockPatternSelect={ () => {\n\t\t\t\t\t\tonPatternSelectCallback(\n\t\t\t\t\t\t\tpatterns[ activeSlide ].blocks\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\nexport default BlockPatternSetup;\n"],
+  "mappings": "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",
+  "names": ["BlockPreview", "blockEditorStore", "usePatternsSetup", "SetupToolbar"]
+}

package/build/components/block-pattern-setup/setup-toolbar.js

@@ -1,56 +1,69 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var setup_toolbar_exports = {};
+__export(setup_toolbar_exports, {
+  default: () => setup_toolbar_default
 });
-exports.default = void 0;
-var _i18n = require("@wordpress/i18n");
-var _components = require("@wordpress/components");
-var _icons = require("@wordpress/icons");
-var _constants = require("./constants");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const Actions = ({
-  onBlockPatternSelect
-}) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-  className: "block-editor-block-pattern-setup__actions",
-  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+module.exports = __toCommonJS(setup_toolbar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_icons = require("@wordpress/icons");
+var import_constants = require("./constants");
+const Actions = ({ onBlockPatternSelect }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block-editor-block-pattern-setup__actions", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_components.Button,
+  {
     __next40pxDefaultSize: true,
     variant: "primary",
     onClick: onBlockPatternSelect,
-    children: (0, _i18n.__)('Choose')
-  })
-});
+    children: (0, import_i18n.__)("Choose")
+  }
+) });
 const CarouselNavigation = ({
   handlePrevious,
   handleNext,
   activeSlide,
   totalSlides
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-  className: "block-editor-block-pattern-setup__navigation",
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-    size: "compact",
-    icon: (0, _i18n.isRTL)() ? _icons.chevronRight : _icons.chevronLeft,
-    label: (0, _i18n.__)('Previous pattern'),
-    onClick: handlePrevious,
-    disabled: activeSlide === 0,
-    accessibleWhenDisabled: true
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-    size: "compact",
-    icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight,
-    label: (0, _i18n.__)('Next pattern'),
-    onClick: handleNext,
-    disabled: activeSlide === totalSlides - 1,
-    accessibleWhenDisabled: true
-  })]
-});
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "block-editor-block-pattern-setup__navigation", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Button,
+    {
+      size: "compact",
+      icon: (0, import_i18n.isRTL)() ? import_icons.chevronRight : import_icons.chevronLeft,
+      label: (0, import_i18n.__)("Previous pattern"),
+      onClick: handlePrevious,
+      disabled: activeSlide === 0,
+      accessibleWhenDisabled: true
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Button,
+    {
+      size: "compact",
+      icon: (0, import_i18n.isRTL)() ? import_icons.chevronLeft : import_icons.chevronRight,
+      label: (0, import_i18n.__)("Next pattern"),
+      onClick: handleNext,
+      disabled: activeSlide === totalSlides - 1,
+      accessibleWhenDisabled: true
+    }
+  )
+] });
 const SetupToolbar = ({
   viewMode,
   setViewMode,
@@ -60,34 +73,42 @@ const SetupToolbar = ({
   totalSlides,
   onBlockPatternSelect
 }) => {
-  const isCarouselView = viewMode === _constants.VIEWMODES.carousel;
-  const displayControls = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "block-editor-block-pattern-setup__display-controls",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-      size: "compact",
-      icon: _icons.stretchFullWidth,
-      label: (0, _i18n.__)('Carousel view'),
-      onClick: () => setViewMode(_constants.VIEWMODES.carousel),
-      isPressed: isCarouselView
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-      size: "compact",
-      icon: _icons.grid,
-      label: (0, _i18n.__)('Grid view'),
-      onClick: () => setViewMode(_constants.VIEWMODES.grid),
-      isPressed: viewMode === _constants.VIEWMODES.grid
-    })]
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "block-editor-block-pattern-setup__toolbar",
-    children: [isCarouselView && /*#__PURE__*/(0, _jsxRuntime.jsx)(CarouselNavigation, {
-      handlePrevious: handlePrevious,
-      handleNext: handleNext,
-      activeSlide: activeSlide,
-      totalSlides: totalSlides
-    }), displayControls, isCarouselView && /*#__PURE__*/(0, _jsxRuntime.jsx)(Actions, {
-      onBlockPatternSelect: onBlockPatternSelect
-    })]
-  });
+  const isCarouselView = viewMode === import_constants.VIEWMODES.carousel;
+  const displayControls = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "block-editor-block-pattern-setup__display-controls", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Button,
+      {
+        size: "compact",
+        icon: import_icons.stretchFullWidth,
+        label: (0, import_i18n.__)("Carousel view"),
+        onClick: () => setViewMode(import_constants.VIEWMODES.carousel),
+        isPressed: isCarouselView
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Button,
+      {
+        size: "compact",
+        icon: import_icons.grid,
+        label: (0, import_i18n.__)("Grid view"),
+        onClick: () => setViewMode(import_constants.VIEWMODES.grid),
+        isPressed: viewMode === import_constants.VIEWMODES.grid
+      }
+    )
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "block-editor-block-pattern-setup__toolbar", children: [
+    isCarouselView && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      CarouselNavigation,
+      {
+        handlePrevious,
+        handleNext,
+        activeSlide,
+        totalSlides
+      }
+    ),
+    displayControls,
+    isCarouselView && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Actions, { onBlockPatternSelect })
+  ] });
 };
-var _default = exports.default = SetupToolbar;
-//# sourceMappingURL=setup-toolbar.js.map
+var setup_toolbar_default = SetupToolbar;
+//# sourceMappingURL=setup-toolbar.js.map

package/build/components/block-pattern-setup/setup-toolbar.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_components","_icons","_constants","_jsxRuntime","Actions","onBlockPatternSelect","jsx","className","children","Button","__next40pxDefaultSize","variant","onClick","__","CarouselNavigation","handlePrevious","handleNext","activeSlide","totalSlides","jsxs","size","icon","isRTL","chevronRight","chevronLeft","label","disabled","accessibleWhenDisabled","SetupToolbar","viewMode","setViewMode","isCarouselView","VIEWMODES","carousel","displayControls","stretchFullWidth","isPressed","grid","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-pattern-setup/setup-toolbar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport {\n\tchevronRight,\n\tchevronLeft,\n\tgrid,\n\tstretchFullWidth,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { VIEWMODES } from './constants';\n\nconst Actions = ( { onBlockPatternSelect } ) => (\n\t<div className=\"block-editor-block-pattern-setup__actions\">\n\t\t<Button\n\t\t\t__next40pxDefaultSize\n\t\t\tvariant=\"primary\"\n\t\t\tonClick={ onBlockPatternSelect }\n\t\t>\n\t\t\t{ __( 'Choose' ) }\n\t\t</Button>\n\t</div>\n);\n\nconst CarouselNavigation = ( {\n\thandlePrevious,\n\thandleNext,\n\tactiveSlide,\n\ttotalSlides,\n} ) => (\n\t<div className=\"block-editor-block-pattern-setup__navigation\">\n\t\t<Button\n\t\t\tsize=\"compact\"\n\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\tlabel={ __( 'Previous pattern' ) }\n\t\t\tonClick={ handlePrevious }\n\t\t\tdisabled={ activeSlide === 0 }\n\t\t\taccessibleWhenDisabled\n\t\t/>\n\t\t<Button\n\t\t\tsize=\"compact\"\n\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\tlabel={ __( 'Next pattern' ) }\n\t\t\tonClick={ handleNext }\n\t\t\tdisabled={ activeSlide === totalSlides - 1 }\n\t\t\taccessibleWhenDisabled\n\t\t/>\n\t</div>\n);\n\nconst SetupToolbar = ( {\n\tviewMode,\n\tsetViewMode,\n\thandlePrevious,\n\thandleNext,\n\tactiveSlide,\n\ttotalSlides,\n\tonBlockPatternSelect,\n} ) => {\n\tconst isCarouselView = viewMode === VIEWMODES.carousel;\n\tconst displayControls = (\n\t\t<div className=\"block-editor-block-pattern-setup__display-controls\">\n\t\t\t<Button\n\t\t\t\tsize=\"compact\"\n\t\t\t\ticon={ stretchFullWidth }\n\t\t\t\tlabel={ __( 'Carousel view' ) }\n\t\t\t\tonClick={ () => setViewMode( VIEWMODES.carousel ) }\n\t\t\t\tisPressed={ isCarouselView }\n\t\t\t/>\n\t\t\t<Button\n\t\t\t\tsize=\"compact\"\n\t\t\t\ticon={ grid }\n\t\t\t\tlabel={ __( 'Grid view' ) }\n\t\t\t\tonClick={ () => setViewMode( VIEWMODES.grid ) }\n\t\t\t\tisPressed={ viewMode === VIEWMODES.grid }\n\t\t\t/>\n\t\t</div>\n\t);\n\treturn (\n\t\t<div className=\"block-editor-block-pattern-setup__toolbar\">\n\t\t\t{ isCarouselView && (\n\t\t\t\t<CarouselNavigation\n\t\t\t\t\thandlePrevious={ handlePrevious }\n\t\t\t\t\thandleNext={ handleNext }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\ttotalSlides={ totalSlides }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ displayControls }\n\t\t\t{ isCarouselView && (\n\t\t\t\t<Actions onBlockPatternSelect={ onBlockPatternSelect } />\n\t\t\t) }\n\t\t</div>\n\t);\n};\n\nexport default SetupToolbar;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-pattern-setup/setup-toolbar.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport {\n\tchevronRight,\n\tchevronLeft,\n\tgrid,\n\tstretchFullWidth,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { VIEWMODES } from './constants';\n\nconst Actions = ( { onBlockPatternSelect } ) => (\n\t<div className=\"block-editor-block-pattern-setup__actions\">\n\t\t<Button\n\t\t\t__next40pxDefaultSize\n\t\t\tvariant=\"primary\"\n\t\t\tonClick={ onBlockPatternSelect }\n\t\t>\n\t\t\t{ __( 'Choose' ) }\n\t\t</Button>\n\t</div>\n);\n\nconst CarouselNavigation = ( {\n\thandlePrevious,\n\thandleNext,\n\tactiveSlide,\n\ttotalSlides,\n} ) => (\n\t<div className=\"block-editor-block-pattern-setup__navigation\">\n\t\t<Button\n\t\t\tsize=\"compact\"\n\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\tlabel={ __( 'Previous pattern' ) }\n\t\t\tonClick={ handlePrevious }\n\t\t\tdisabled={ activeSlide === 0 }\n\t\t\taccessibleWhenDisabled\n\t\t/>\n\t\t<Button\n\t\t\tsize=\"compact\"\n\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\tlabel={ __( 'Next pattern' ) }\n\t\t\tonClick={ handleNext }\n\t\t\tdisabled={ activeSlide === totalSlides - 1 }\n\t\t\taccessibleWhenDisabled\n\t\t/>\n\t</div>\n);\n\nconst SetupToolbar = ( {\n\tviewMode,\n\tsetViewMode,\n\thandlePrevious,\n\thandleNext,\n\tactiveSlide,\n\ttotalSlides,\n\tonBlockPatternSelect,\n} ) => {\n\tconst isCarouselView = viewMode === VIEWMODES.carousel;\n\tconst displayControls = (\n\t\t<div className=\"block-editor-block-pattern-setup__display-controls\">\n\t\t\t<Button\n\t\t\t\tsize=\"compact\"\n\t\t\t\ticon={ stretchFullWidth }\n\t\t\t\tlabel={ __( 'Carousel view' ) }\n\t\t\t\tonClick={ () => setViewMode( VIEWMODES.carousel ) }\n\t\t\t\tisPressed={ isCarouselView }\n\t\t\t/>\n\t\t\t<Button\n\t\t\t\tsize=\"compact\"\n\t\t\t\ticon={ grid }\n\t\t\t\tlabel={ __( 'Grid view' ) }\n\t\t\t\tonClick={ () => setViewMode( VIEWMODES.grid ) }\n\t\t\t\tisPressed={ viewMode === VIEWMODES.grid }\n\t\t\t/>\n\t\t</div>\n\t);\n\treturn (\n\t\t<div className=\"block-editor-block-pattern-setup__toolbar\">\n\t\t\t{ isCarouselView && (\n\t\t\t\t<CarouselNavigation\n\t\t\t\t\thandlePrevious={ handlePrevious }\n\t\t\t\t\thandleNext={ handleNext }\n\t\t\t\t\tactiveSlide={ activeSlide }\n\t\t\t\t\ttotalSlides={ totalSlides }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ displayControls }\n\t\t\t{ isCarouselView && (\n\t\t\t\t<Actions onBlockPatternSelect={ onBlockPatternSelect } />\n\t\t\t) }\n\t\t</div>\n\t);\n};\n\nexport default SetupToolbar;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBE;AAhBF,kBAA0B;AAC1B,wBAAuB;AACvB,mBAKO;AAKP,uBAA0B;AAE1B,MAAM,UAAU,CAAE,EAAE,qBAAqB,MACxC,4CAAC,SAAI,WAAU,6CACd;AAAA,EAAC;AAAA;AAAA,IACA,uBAAqB;AAAA,IACrB,SAAQ;AAAA,IACR,SAAU;AAAA,IAER,8BAAI,QAAS;AAAA;AAChB,GACD;AAGD,MAAM,qBAAqB,CAAE;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MACC,6CAAC,SAAI,WAAU,gDACd;AAAA;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,UAAO,mBAAM,IAAI,4BAAe;AAAA,MAChC,WAAQ,gBAAI,kBAAmB;AAAA,MAC/B,SAAU;AAAA,MACV,UAAW,gBAAgB;AAAA,MAC3B,wBAAsB;AAAA;AAAA,EACvB;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,UAAO,mBAAM,IAAI,2BAAc;AAAA,MAC/B,WAAQ,gBAAI,cAAe;AAAA,MAC3B,SAAU;AAAA,MACV,UAAW,gBAAgB,cAAc;AAAA,MACzC,wBAAsB;AAAA;AAAA,EACvB;AAAA,GACD;AAGD,MAAM,eAAe,CAAE;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAAO;AACN,QAAM,iBAAiB,aAAa,2BAAU;AAC9C,QAAM,kBACL,6CAAC,SAAI,WAAU,sDACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,MAAO;AAAA,QACP,WAAQ,gBAAI,eAAgB;AAAA,QAC5B,SAAU,MAAM,YAAa,2BAAU,QAAS;AAAA,QAChD,WAAY;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,MAAO;AAAA,QACP,WAAQ,gBAAI,WAAY;AAAA,QACxB,SAAU,MAAM,YAAa,2BAAU,IAAK;AAAA,QAC5C,WAAY,aAAa,2BAAU;AAAA;AAAA,IACpC;AAAA,KACD;AAED,SACC,6CAAC,SAAI,WAAU,6CACZ;AAAA,sBACD;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACD;AAAA,IAEC;AAAA,IACA,kBACD,4CAAC,WAAQ,sBAA8C;AAAA,KAEzD;AAEF;AAEA,IAAO,wBAAQ;",
+  "names": []
+}