@wordpress/block-editor 12.6.0 → 12.8.0

package/build/components/block-parent-selector/index.js

@@ -1,32 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockParentSelector;
-
 var _element = require("@wordpress/element");
-
 var _blocks = require("@wordpress/blocks");
-
 var _components = require("@wordpress/components");
-
 var _data = require("@wordpress/data");
-
 var _i18n = require("@wordpress/i18n");
-
 var _useBlockDisplayInformation = _interopRequireDefault(require("../use-block-display-information"));
-
 var _blockIcon = _interopRequireDefault(require("../block-icon"));
-
 var _utils = require("../block-toolbar/utils");
-
 var _store = require("../../store");
-
-var _lockUnlock = require("../../lock-unlock");
-
 /**
  * WordPress dependencies
  */
@@ -43,21 +30,18 @@ var _lockUnlock = require("../../lock-unlock");
  */
 function BlockParentSelector() {
   const {
-    selectBlock,
-    toggleBlockHighlight
+    selectBlock
   } = (0, _data.useDispatch)(_store.store);
   const {
     firstParentClientId,
-    isVisible,
-    isDistractionFree
+    isVisible
   } = (0, _data.useSelect)(select => {
     const {
       getBlockName,
       getBlockParents,
       getSelectedBlockClientId,
-      getSettings,
       getBlockEditingMode
-    } = (0, _lockUnlock.unlock)(select(_store.store));
+    } = select(_store.store);
     const {
       hasBlockSupport
     } = select(_blocks.store);
@@ -65,49 +49,33 @@ function BlockParentSelector() {
     const parents = getBlockParents(selectedBlockClientId);
     const _firstParentClientId = parents[parents.length - 1];
     const parentBlockName = getBlockName(_firstParentClientId);
-
     const _parentBlockType = (0, _blocks.getBlockType)(parentBlockName);
-
-    const settings = getSettings();
     return {
       firstParentClientId: _firstParentClientId,
-      isVisible: _firstParentClientId && getBlockEditingMode(_firstParentClientId) === 'default' && hasBlockSupport(_parentBlockType, '__experimentalParentSelector', true),
-      isDistractionFree: settings.isDistractionFree
+      isVisible: _firstParentClientId && getBlockEditingMode(_firstParentClientId) === 'default' && hasBlockSupport(_parentBlockType, '__experimentalParentSelector', true)
     };
   }, []);
-  const blockInformation = (0, _useBlockDisplayInformation.default)(firstParentClientId); // Allows highlighting the parent block outline when focusing or hovering
-  // the parent block selector within the child.
+  const blockInformation = (0, _useBlockDisplayInformation.default)(firstParentClientId);
 
+  // Allows highlighting the parent block outline when focusing or hovering
+  // the parent block selector within the child.
   const nodeRef = (0, _element.useRef)();
-  const {
-    gestures: showMoversGestures
-  } = (0, _utils.useShowMoversGestures)({
+  const showHoveredOrFocusedGestures = (0, _utils.useShowHoveredOrFocusedGestures)({
     ref: nodeRef,
-
-    onChange(isFocused) {
-      if (isFocused && isDistractionFree) {
-        return;
-      }
-
-      toggleBlockHighlight(firstParentClientId, isFocused);
-    }
-
+    highlightParent: true
   });
-
   if (!isVisible) {
     return null;
   }
-
   return (0, _element.createElement)("div", {
     className: "block-editor-block-parent-selector",
     key: firstParentClientId,
     ref: nodeRef,
-    ...showMoversGestures
+    ...showHoveredOrFocusedGestures
   }, (0, _element.createElement)(_components.ToolbarButton, {
     className: "block-editor-block-parent-selector__button",
     onClick: () => selectBlock(firstParentClientId),
-    label: (0, _i18n.sprintf)(
-    /* translators: %s: Name of the block's parent. */
+    label: (0, _i18n.sprintf)( /* translators: %s: Name of the block's parent. */
     (0, _i18n.__)('Select %s'), blockInformation?.title),
     showTooltip: true,
     icon: (0, _element.createElement)(_blockIcon.default, {

package/build/components/block-parent-selector/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-parent-selector/index.js"],"names":["BlockParentSelector","selectBlock","toggleBlockHighlight","blockEditorStore","firstParentClientId","isVisible","isDistractionFree","select","getBlockName","getBlockParents","getSelectedBlockClientId","getSettings","getBlockEditingMode","hasBlockSupport","blocksStore","selectedBlockClientId","parents","_firstParentClientId","length","parentBlockName","_parentBlockType","settings","blockInformation","nodeRef","gestures","showMoversGestures","ref","onChange","isFocused","title","icon"],"mappings":";;;;;;;;;AAOA;;AAJA;;AACA;;AACA;;AACA;;AAMA;;AACA;;AACA;;AACA;;AACA;;AAhBA;AACA;AACA;;AAOA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACA;AACe,SAASA,mBAAT,GAA+B;AAC7C,QAAM;AAAEC,IAAAA,WAAF;AAAeC,IAAAA;AAAf,MACL,uBAAaC,YAAb,CADD;AAEA,QAAM;AAAEC,IAAAA,mBAAF;AAAuBC,IAAAA,SAAvB;AAAkCC,IAAAA;AAAlC,MAAwD,qBAC3DC,MAAF,IAAc;AACb,UAAM;AACLC,MAAAA,YADK;AAELC,MAAAA,eAFK;AAGLC,MAAAA,wBAHK;AAILC,MAAAA,WAJK;AAKLC,MAAAA;AALK,QAMF,wBAAQL,MAAM,CAAEJ,YAAF,CAAd,CANJ;AAOA,UAAM;AAAEU,MAAAA;AAAF,QAAsBN,MAAM,CAAEO,aAAF,CAAlC;AACA,UAAMC,qBAAqB,GAAGL,wBAAwB,EAAtD;AACA,UAAMM,OAAO,GAAGP,eAAe,CAAEM,qBAAF,CAA/B;AACA,UAAME,oBAAoB,GAAGD,OAAO,CAAEA,OAAO,CAACE,MAAR,GAAiB,CAAnB,CAApC;AACA,UAAMC,eAAe,GAAGX,YAAY,CAAES,oBAAF,CAApC;;AACA,UAAMG,gBAAgB,GAAG,0BAAcD,eAAd,CAAzB;;AACA,UAAME,QAAQ,GAAGV,WAAW,EAA5B;AACA,WAAO;AACNP,MAAAA,mBAAmB,EAAEa,oBADf;AAENZ,MAAAA,SAAS,EACRY,oBAAoB,IACpBL,mBAAmB,CAAEK,oBAAF,CAAnB,KAAgD,SADhD,IAEAJ,eAAe,CACdO,gBADc,EAEd,8BAFc,EAGd,IAHc,CALV;AAUNd,MAAAA,iBAAiB,EAAEe,QAAQ,CAACf;AAVtB,KAAP;AAYA,GA5B4D,EA6B7D,EA7B6D,CAA9D;AA+BA,QAAMgB,gBAAgB,GAAG,yCAA4BlB,mBAA5B,CAAzB,CAlC6C,CAoC7C;AACA;;AACA,QAAMmB,OAAO,GAAG,sBAAhB;AACA,QAAM;AAAEC,IAAAA,QAAQ,EAAEC;AAAZ,MAAmC,kCAAuB;AAC/DC,IAAAA,GAAG,EAAEH,OAD0D;;AAE/DI,IAAAA,QAAQ,CAAEC,SAAF,EAAc;AACrB,UAAKA,SAAS,IAAItB,iBAAlB,EAAsC;AACrC;AACA;;AACDJ,MAAAA,oBAAoB,CAAEE,mBAAF,EAAuBwB,SAAvB,CAApB;AACA;;AAP8D,GAAvB,CAAzC;;AAUA,MAAK,CAAEvB,SAAP,EAAmB;AAClB,WAAO,IAAP;AACA;;AAED,SACC;AACC,IAAA,SAAS,EAAC,oCADX;AAEC,IAAA,GAAG,EAAGD,mBAFP;AAGC,IAAA,GAAG,EAAGmB,OAHP;AAAA,OAIME;AAJN,KAMC,4BAAC,yBAAD;AACC,IAAA,SAAS,EAAC,4CADX;AAEC,IAAA,OAAO,EAAG,MAAMxB,WAAW,CAAEG,mBAAF,CAF5B;AAGC,IAAA,KAAK,EAAG;AACP;AACA,kBAAI,WAAJ,CAFO,EAGPkB,gBAAgB,EAAEO,KAHX,CAHT;AAQC,IAAA,WAAW,MARZ;AASC,IAAA,IAAI,EAAG,4BAAC,kBAAD;AAAW,MAAA,IAAI,EAAGP,gBAAgB,EAAEQ;AAApC;AATR,IAND,CADD;AAoBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockType, store as blocksStore } from '@wordpress/blocks';\nimport { ToolbarButton } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport BlockIcon from '../block-icon';\nimport { useShowMoversGestures } from '../block-toolbar/utils';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\n/**\n * Block parent selector component, displaying the hierarchy of the\n * current block selection as a single icon to \"go up\" a level.\n *\n * @return {WPComponent} Parent block selector.\n */\nexport default function BlockParentSelector() {\n\tconst { selectBlock, toggleBlockHighlight } =\n\t\tuseDispatch( blockEditorStore );\n\tconst { firstParentClientId, isVisible, isDistractionFree } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockParents,\n\t\t\t\tgetSelectedBlockClientId,\n\t\t\t\tgetSettings,\n\t\t\t\tgetBlockEditingMode,\n\t\t\t} = unlock( select( blockEditorStore ) );\n\t\t\tconst { hasBlockSupport } = select( blocksStore );\n\t\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\t\tconst parents = getBlockParents( selectedBlockClientId );\n\t\t\tconst _firstParentClientId = parents[ parents.length - 1 ];\n\t\t\tconst parentBlockName = getBlockName( _firstParentClientId );\n\t\t\tconst _parentBlockType = getBlockType( parentBlockName );\n\t\t\tconst settings = getSettings();\n\t\t\treturn {\n\t\t\t\tfirstParentClientId: _firstParentClientId,\n\t\t\t\tisVisible:\n\t\t\t\t\t_firstParentClientId &&\n\t\t\t\t\tgetBlockEditingMode( _firstParentClientId ) === 'default' &&\n\t\t\t\t\thasBlockSupport(\n\t\t\t\t\t\t_parentBlockType,\n\t\t\t\t\t\t'__experimentalParentSelector',\n\t\t\t\t\t\ttrue\n\t\t\t\t\t),\n\t\t\t\tisDistractionFree: settings.isDistractionFree,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst blockInformation = useBlockDisplayInformation( firstParentClientId );\n\n\t// Allows highlighting the parent block outline when focusing or hovering\n\t// the parent block selector within the child.\n\tconst nodeRef = useRef();\n\tconst { gestures: showMoversGestures } = useShowMoversGestures( {\n\t\tref: nodeRef,\n\t\tonChange( isFocused ) {\n\t\t\tif ( isFocused && isDistractionFree ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\ttoggleBlockHighlight( firstParentClientId, isFocused );\n\t\t},\n\t} );\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"block-editor-block-parent-selector\"\n\t\t\tkey={ firstParentClientId }\n\t\t\tref={ nodeRef }\n\t\t\t{ ...showMoversGestures }\n\t\t>\n\t\t\t<ToolbarButton\n\t\t\t\tclassName=\"block-editor-block-parent-selector__button\"\n\t\t\t\tonClick={ () => selectBlock( firstParentClientId ) }\n\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t/* translators: %s: Name of the block's parent. */\n\t\t\t\t\t__( 'Select %s' ),\n\t\t\t\t\tblockInformation?.title\n\t\t\t\t) }\n\t\t\t\tshowTooltip\n\t\t\t\ticon={ <BlockIcon icon={ blockInformation?.icon } /> }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"names":["_element","require","_blocks","_components","_data","_i18n","_useBlockDisplayInformation","_interopRequireDefault","_blockIcon","_utils","_store","BlockParentSelector","selectBlock","useDispatch","blockEditorStore","firstParentClientId","isVisible","useSelect","select","getBlockName","getBlockParents","getSelectedBlockClientId","getBlockEditingMode","hasBlockSupport","blocksStore","selectedBlockClientId","parents","_firstParentClientId","length","parentBlockName","_parentBlockType","getBlockType","blockInformation","useBlockDisplayInformation","nodeRef","useRef","showHoveredOrFocusedGestures","useShowHoveredOrFocusedGestures","ref","highlightParent","createElement","className","key","ToolbarButton","onClick","label","sprintf","__","title","showTooltip","icon","default"],"sources":["@wordpress/block-editor/src/components/block-parent-selector/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockType, store as blocksStore } from '@wordpress/blocks';\nimport { ToolbarButton } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useBlockDisplayInformation from '../use-block-display-information';\nimport BlockIcon from '../block-icon';\nimport { useShowHoveredOrFocusedGestures } from '../block-toolbar/utils';\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Block parent selector component, displaying the hierarchy of the\n * current block selection as a single icon to \"go up\" a level.\n *\n * @return {WPComponent} Parent block selector.\n */\nexport default function BlockParentSelector() {\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\tconst { firstParentClientId, isVisible } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetBlockName,\n\t\t\tgetBlockParents,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetBlockEditingMode,\n\t\t} = select( blockEditorStore );\n\t\tconst { hasBlockSupport } = select( blocksStore );\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\tconst parents = getBlockParents( selectedBlockClientId );\n\t\tconst _firstParentClientId = parents[ parents.length - 1 ];\n\t\tconst parentBlockName = getBlockName( _firstParentClientId );\n\t\tconst _parentBlockType = getBlockType( parentBlockName );\n\t\treturn {\n\t\t\tfirstParentClientId: _firstParentClientId,\n\t\t\tisVisible:\n\t\t\t\t_firstParentClientId &&\n\t\t\t\tgetBlockEditingMode( _firstParentClientId ) === 'default' &&\n\t\t\t\thasBlockSupport(\n\t\t\t\t\t_parentBlockType,\n\t\t\t\t\t'__experimentalParentSelector',\n\t\t\t\t\ttrue\n\t\t\t\t),\n\t\t};\n\t}, [] );\n\tconst blockInformation = useBlockDisplayInformation( firstParentClientId );\n\n\t// Allows highlighting the parent block outline when focusing or hovering\n\t// the parent block selector within the child.\n\tconst nodeRef = useRef();\n\tconst showHoveredOrFocusedGestures = useShowHoveredOrFocusedGestures( {\n\t\tref: nodeRef,\n\t\thighlightParent: true,\n\t} );\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"block-editor-block-parent-selector\"\n\t\t\tkey={ firstParentClientId }\n\t\t\tref={ nodeRef }\n\t\t\t{ ...showHoveredOrFocusedGestures }\n\t\t>\n\t\t\t<ToolbarButton\n\t\t\t\tclassName=\"block-editor-block-parent-selector__button\"\n\t\t\t\tonClick={ () => selectBlock( firstParentClientId ) }\n\t\t\t\tlabel={ sprintf(\n\t\t\t\t\t/* translators: %s: Name of the block's parent. */\n\t\t\t\t\t__( 'Select %s' ),\n\t\t\t\t\tblockInformation?.title\n\t\t\t\t) }\n\t\t\t\tshowTooltip\n\t\t\t\ticon={ <BlockIcon icon={ blockInformation?.icon } /> }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAOA,IAAAA,QAAA,GAAAC,OAAA;AAJA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAMA,IAAAK,2BAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,UAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AAfA;AACA;AACA;;AAOA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACe,SAASU,mBAAmBA,CAAA,EAAG;EAC7C,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;EACvD,MAAM;IAAEC,mBAAmB;IAAEC;EAAU,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACnE,MAAM;MACLC,YAAY;MACZC,eAAe;MACfC,wBAAwB;MACxBC;IACD,CAAC,GAAGJ,MAAM,CAAEJ,YAAiB,CAAC;IAC9B,MAAM;MAAES;IAAgB,CAAC,GAAGL,MAAM,CAAEM,aAAY,CAAC;IACjD,MAAMC,qBAAqB,GAAGJ,wBAAwB,CAAC,CAAC;IACxD,MAAMK,OAAO,GAAGN,eAAe,CAAEK,qBAAsB,CAAC;IACxD,MAAME,oBAAoB,GAAGD,OAAO,CAAEA,OAAO,CAACE,MAAM,GAAG,CAAC,CAAE;IAC1D,MAAMC,eAAe,GAAGV,YAAY,CAAEQ,oBAAqB,CAAC;IAC5D,MAAMG,gBAAgB,GAAG,IAAAC,oBAAY,EAAEF,eAAgB,CAAC;IACxD,OAAO;MACNd,mBAAmB,EAAEY,oBAAoB;MACzCX,SAAS,EACRW,oBAAoB,IACpBL,mBAAmB,CAAEK,oBAAqB,CAAC,KAAK,SAAS,IACzDJ,eAAe,CACdO,gBAAgB,EAChB,8BAA8B,EAC9B,IACD;IACF,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAME,gBAAgB,GAAG,IAAAC,mCAA0B,EAAElB,mBAAoB,CAAC;;EAE1E;EACA;EACA,MAAMmB,OAAO,GAAG,IAAAC,eAAM,EAAC,CAAC;EACxB,MAAMC,4BAA4B,GAAG,IAAAC,sCAA+B,EAAE;IACrEC,GAAG,EAAEJ,OAAO;IACZK,eAAe,EAAE;EAClB,CAAE,CAAC;EAEH,IAAK,CAAEvB,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAhB,QAAA,CAAAwC,aAAA;IACCC,SAAS,EAAC,oCAAoC;IAC9CC,GAAG,EAAG3B,mBAAqB;IAC3BuB,GAAG,EAAGJ,OAAS;IAAA,GACVE;EAA4B,GAEjC,IAAApC,QAAA,CAAAwC,aAAA,EAACrC,WAAA,CAAAwC,aAAa;IACbF,SAAS,EAAC,4CAA4C;IACtDG,OAAO,EAAGA,CAAA,KAAMhC,WAAW,CAAEG,mBAAoB,CAAG;IACpD8B,KAAK,EAAG,IAAAC,aAAO,GACd;IACA,IAAAC,QAAE,EAAE,WAAY,CAAC,EACjBf,gBAAgB,EAAEgB,KACnB,CAAG;IACHC,WAAW;IACXC,IAAI,EAAG,IAAAlD,QAAA,CAAAwC,aAAA,EAAChC,UAAA,CAAA2C,OAAS;MAACD,IAAI,EAAGlB,gBAAgB,EAAEkB;IAAM,CAAE;EAAG,CACtD,CACG,CAAC;AAER"}

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-pattern-setup/constants.js"],"names":["VIEWMODES","carousel","grid"],"mappings":";;;;;;AAAO,MAAMA,SAAS,GAAG;AACxBC,EAAAA,QAAQ,EAAE,UADc;AAExBC,EAAAA,IAAI,EAAE;AAFkB,CAAlB","sourcesContent":["export const VIEWMODES = {\n\tcarousel: 'carousel',\n\tgrid: 'grid',\n};\n"]}
+{"version":3,"names":["VIEWMODES","carousel","grid","exports"],"sources":["@wordpress/block-editor/src/components/block-pattern-setup/constants.js"],"sourcesContent":["export const VIEWMODES = {\n\tcarousel: 'carousel',\n\tgrid: 'grid',\n};\n"],"mappings":";;;;;;AAAO,MAAMA,SAAS,GAAG;EACxBC,QAAQ,EAAE,UAAU;EACpBC,IAAI,EAAE;AACP,CAAC;AAACC,OAAA,CAAAH,SAAA,GAAAA,SAAA"}

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

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _data = require("@wordpress/data");
-
 var _blocks = require("@wordpress/blocks");
-
 var _components = require("@wordpress/components");
-
 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");
-
 /**
  * WordPress dependencies
  */
@@ -36,6 +23,7 @@ var _constants = require("./constants");
 /**
  * Internal dependencies
  */
+
 const SetupContent = ({
   viewMode,
   activeSlide,
@@ -45,7 +33,6 @@ const SetupContent = ({
 }) => {
   const composite = (0, _components.__unstableUseCompositeState)();
   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 (0, _element.createElement)("div", {
@@ -60,10 +47,10 @@ const SetupContent = ({
       pattern: pattern
     })))));
   }
-
   return (0, _element.createElement)("div", {
     className: "block-editor-block-pattern-setup__grid"
-  }, (0, _element.createElement)(_components.__unstableComposite, { ...composite,
+  }, (0, _element.createElement)(_components.__unstableComposite, {
+    ...composite,
     role: "listbox",
     className: containerClass,
     "aria-label": (0, _i18n.__)('Patterns list')
@@ -75,7 +62,6 @@ const SetupContent = ({
     showTitles: showTitles
   }))));
 };
-
 function BlockPattern({
   pattern,
   onSelect,
@@ -108,7 +94,6 @@ function BlockPattern({
     id: descriptionId
   }, description)));
 }
-
 function BlockPatternSlide({
   className,
   pattern,
@@ -131,7 +116,6 @@ function BlockPatternSlide({
     id: descriptionId
   }, description));
 }
-
 const BlockPatternSetup = ({
   clientId,
   blockName,
@@ -146,16 +130,13 @@ const BlockPatternSetup = ({
     replaceBlock
   } = (0, _data.useDispatch)(_store.store);
   const patterns = (0, _usePatternsSetup.default)(clientId, blockName, filterPatternsFn);
-
   if (!patterns?.length) {
     return null;
   }
-
   const onBlockPatternSelectDefault = blocks => {
     const clonedBlocks = blocks.map(block => (0, _blocks.cloneBlock)(block));
     replaceBlock(clientId, clonedBlocks);
   };
-
   const onPatternSelectCallback = onBlockPatternSelect || onBlockPatternSelectDefault;
   return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("div", {
     className: `block-editor-block-pattern-setup view-mode-${viewMode}`
@@ -181,7 +162,6 @@ const BlockPatternSetup = ({
     }
   })));
 };
-
 var _default = BlockPatternSetup;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-pattern-setup/index.js"],"names":["SetupContent","viewMode","activeSlide","patterns","onBlockPatternSelect","showTitles","composite","containerClass","VIEWMODES","carousel","slideClass","Map","map","pattern","index","get","name","BlockPattern","onSelect","baseClassName","blocks","description","viewportWidth","descriptionId","title","undefined","BlockPatternSlide","className","minHeight","BlockPatternSetup","clientId","blockName","filterPatternsFn","initialViewMode","setViewMode","setActiveSlide","replaceBlock","blockEditorStore","length","onBlockPatternSelectDefault","clonedBlocks","block","onPatternSelectCallback","active"],"mappings":";;;;;;;;;AAYA;;AATA;;AACA;;AACA;;AAQA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AAvBA;AACA;AACA;;AAcA;AACA;AACA;AAOA,MAAMA,YAAY,GAAG,CAAE;AACtBC,EAAAA,QADsB;AAEtBC,EAAAA,WAFsB;AAGtBC,EAAAA,QAHsB;AAItBC,EAAAA,oBAJsB;AAKtBC,EAAAA;AALsB,CAAF,KAMd;AACN,QAAMC,SAAS,GAAG,8CAAlB;AACA,QAAMC,cAAc,GAAG,6CAAvB;;AACA,MAAKN,QAAQ,KAAKO,qBAAUC,QAA5B,EAAuC;AACtC,UAAMC,UAAU,GAAG,IAAIC,GAAJ,CAAS,CAC3B,CAAET,WAAF,EAAe,cAAf,CAD2B,EAE3B,CAAEA,WAAW,GAAG,CAAhB,EAAmB,gBAAnB,CAF2B,EAG3B,CAAEA,WAAW,GAAG,CAAhB,EAAmB,YAAnB,CAH2B,CAAT,CAAnB;AAKA,WACC;AAAK,MAAA,SAAS,EAAC;AAAf,OACC;AAAK,MAAA,SAAS,EAAGK;AAAjB,OACC;AAAI,MAAA,SAAS,EAAC;AAAd,OACGJ,QAAQ,CAACS,GAAT,CAAc,CAAEC,OAAF,EAAWC,KAAX,KACf,4BAAC,iBAAD;AACC,MAAA,SAAS,EAAGJ,UAAU,CAACK,GAAX,CAAgBD,KAAhB,KAA2B,EADxC;AAEC,MAAA,GAAG,EAAGD,OAAO,CAACG,IAFf;AAGC,MAAA,OAAO,EAAGH;AAHX,MADC,CADH,CADD,CADD,CADD;AAeA;;AACD,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,4BAAC,+BAAD,OACMP,SADN;AAEC,IAAA,IAAI,EAAC,SAFN;AAGC,IAAA,SAAS,EAAGC,cAHb;AAIC,kBAAa,cAAI,eAAJ;AAJd,KAMGJ,QAAQ,CAACS,GAAT,CAAgBC,OAAF,IACf,4BAAC,YAAD;AACC,IAAA,GAAG,EAAGA,OAAO,CAACG,IADf;AAEC,IAAA,OAAO,EAAGH,OAFX;AAGC,IAAA,QAAQ,EAAGT,oBAHZ;AAIC,IAAA,SAAS,EAAGE,SAJb;AAKC,IAAA,UAAU,EAAGD;AALd,IADC,CANH,CADD,CADD;AAoBA,CAnDD;;AAqDA,SAASY,YAAT,CAAuB;AAAEJ,EAAAA,OAAF;AAAWK,EAAAA,QAAX;AAAqBZ,EAAAA,SAArB;AAAgCD,EAAAA;AAAhC,CAAvB,EAAsE;AACrE,QAAMc,aAAa,GAAG,uCAAtB;AACA,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,WAAV;AAAuBC,IAAAA,aAAa,GAAG;AAAvC,MAA+CT,OAArD;AACA,QAAMU,aAAa,GAAG,4BACrBN,YADqB,EAEpB,GAAGE,aAAe,oBAFE,CAAtB;AAIA,SACC;AACC,IAAA,SAAS,EAAI,GAAGA,aAAe,aADhC;AAEC,kBAAaN,OAAO,CAACW,KAFtB;AAGC,wBAAmBX,OAAO,CAACQ,WAAR,GAAsBE,aAAtB,GAAsCE;AAH1D,KAKC,4BAAC,mCAAD;AACC,IAAA,IAAI,EAAC,QADN;AAEC,IAAA,EAAE,EAAC,KAFJ;AAAA,OAGMnB,SAHN;AAIC,IAAA,SAAS,EAAI,GAAGa,aAAe,QAJhC;AAKC,IAAA,OAAO,EAAG,MAAMD,QAAQ,CAAEE,MAAF;AALzB,KAOC,4BAAC,qBAAD;AACC,IAAA,MAAM,EAAGA,MADV;AAEC,IAAA,aAAa,EAAGE;AAFjB,IAPD,EAWGjB,UAAU,IACX;AAAK,IAAA,SAAS,EAAI,GAAGc,aAAe;AAApC,KACGN,OAAO,CAACW,KADX,CAZF,EAgBG,CAAC,CAAEH,WAAH,IACD,4BAAC,0BAAD;AAAgB,IAAA,EAAE,EAAGE;AAArB,KACGF,WADH,CAjBF,CALD,CADD;AA8BA;;AAED,SAASK,iBAAT,CAA4B;AAAEC,EAAAA,SAAF;AAAad,EAAAA,OAAb;AAAsBe,EAAAA;AAAtB,CAA5B,EAAgE;AAC/D,QAAM;AAAER,IAAAA,MAAF;AAAUI,IAAAA,KAAV;AAAiBH,IAAAA;AAAjB,MAAiCR,OAAvC;AACA,QAAMU,aAAa,GAAG,4BACrBG,iBADqB,EAErB,yDAFqB,CAAtB;AAIA,SACC;AACC,IAAA,SAAS,EAAI,iBAAiBC,SAAW,EAD1C;AAEC,kBAAaH,KAFd;AAGC,wBAAmBH,WAAW,GAAGE,aAAH,GAAmBE;AAHlD,KAKC,4BAAC,qBAAD;AAAc,IAAA,MAAM,EAAGL,MAAvB;AAAgC,IAAA,SAAS,EAAGQ;AAA5C,IALD,EAMG,CAAC,CAAEP,WAAH,IACD,4BAAC,0BAAD;AAAgB,IAAA,EAAE,EAAGE;AAArB,KACGF,WADH,CAPF,CADD;AAcA;;AAED,MAAMQ,iBAAiB,GAAG,CAAE;AAC3BC,EAAAA,QAD2B;AAE3BC,EAAAA,SAF2B;AAG3BC,EAAAA,gBAH2B;AAI3B5B,EAAAA,oBAJ2B;AAK3B6B,EAAAA,eAAe,GAAGzB,qBAAUC,QALD;AAM3BJ,EAAAA,UAAU,GAAG;AANc,CAAF,KAOnB;AACN,QAAM,CAAEJ,QAAF,EAAYiC,WAAZ,IAA4B,uBAAUD,eAAV,CAAlC;AACA,QAAM,CAAE/B,WAAF,EAAeiC,cAAf,IAAkC,uBAAU,CAAV,CAAxC;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAmB,uBAAaC,YAAb,CAAzB;AACA,QAAMlC,QAAQ,GAAG,+BAAkB2B,QAAlB,EAA4BC,SAA5B,EAAuCC,gBAAvC,CAAjB;;AAEA,MAAK,CAAE7B,QAAQ,EAAEmC,MAAjB,EAA0B;AACzB,WAAO,IAAP;AACA;;AAED,QAAMC,2BAA2B,GAAKnB,MAAF,IAAc;AACjD,UAAMoB,YAAY,GAAGpB,MAAM,CAACR,GAAP,CAAc6B,KAAF,IAAa,wBAAYA,KAAZ,CAAzB,CAArB;AACAL,IAAAA,YAAY,CAAEN,QAAF,EAAYU,YAAZ,CAAZ;AACA,GAHD;;AAIA,QAAME,uBAAuB,GAC5BtC,oBAAoB,IAAImC,2BADzB;AAEA,SACC,qDACC;AACC,IAAA,SAAS,EAAI,8CAA8CtC,QAAU;AADtE,KAGC,4BAAC,YAAD;AACC,IAAA,QAAQ,EAAGA,QADZ;AAEC,IAAA,WAAW,EAAGC,WAFf;AAGC,IAAA,QAAQ,EAAGC,QAHZ;AAIC,IAAA,oBAAoB,EAAGuC,uBAJxB;AAKC,IAAA,UAAU,EAAGrC;AALd,IAHD,EAUC,4BAAC,qBAAD;AACC,IAAA,QAAQ,EAAGJ,QADZ;AAEC,IAAA,WAAW,EAAGiC,WAFf;AAGC,IAAA,WAAW,EAAGhC,WAHf;AAIC,IAAA,WAAW,EAAGC,QAAQ,CAACmC,MAJxB;AAKC,IAAA,UAAU,EAAG,MAAM;AAClBH,MAAAA,cAAc,CAAIQ,MAAF,IAAcA,MAAM,GAAG,CAAzB,CAAd;AACA,KAPF;AAQC,IAAA,cAAc,EAAG,MAAM;AACtBR,MAAAA,cAAc,CAAIQ,MAAF,IAAcA,MAAM,GAAG,CAAzB,CAAd;AACA,KAVF;AAWC,IAAA,oBAAoB,EAAG,MAAM;AAC5BD,MAAAA,uBAAuB,CACtBvC,QAAQ,CAAED,WAAF,CAAR,CAAwBkB,MADF,CAAvB;AAGA;AAfF,IAVD,CADD,CADD;AAgCA,CAvDD;;eAyDeS,iB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch } from '@wordpress/data';\nimport { cloneBlock } from '@wordpress/blocks';\nimport {\n\tVisuallyHidden,\n\t__unstableComposite as Composite,\n\t__unstableUseCompositeState as useCompositeState,\n\t__unstableCompositeItem as CompositeItem,\n} 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 composite = useCompositeState();\n\tconst containerClass = 'block-editor-block-pattern-setup__container';\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<ul 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\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</ul>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn (\n\t\t<div className=\"block-editor-block-pattern-setup__grid\">\n\t\t\t<Composite\n\t\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\tcomposite={ composite }\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, composite, 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\n\t\t\tclassName={ `${ baseClassName }__list-item` }\n\t\t\taria-label={ pattern.title }\n\t\t\taria-describedby={ pattern.description ? descriptionId : undefined }\n\t\t>\n\t\t\t<CompositeItem\n\t\t\t\trole=\"option\"\n\t\t\t\tas=\"div\"\n\t\t\t\t{ ...composite }\n\t\t\t\tclassName={ `${ baseClassName }__item` }\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</CompositeItem>\n\t\t</div>\n\t);\n}\n\nfunction BlockPatternSlide( { 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<li\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</li>\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 ) => active + 1 );\n\t\t\t\t\t} }\n\t\t\t\t\thandlePrevious={ () => {\n\t\t\t\t\t\tsetActiveSlide( ( active ) => active - 1 );\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"]}
+{"version":3,"names":["_element","require","_data","_blocks","_components","_compose","_i18n","_store","_blockPreview","_interopRequireDefault","_setupToolbar","_usePatternsSetup","_constants","SetupContent","viewMode","activeSlide","patterns","onBlockPatternSelect","showTitles","composite","useCompositeState","containerClass","VIEWMODES","carousel","slideClass","Map","createElement","className","map","pattern","index","BlockPatternSlide","get","key","name","__unstableComposite","role","__","BlockPattern","onSelect","baseClassName","blocks","description","viewportWidth","descriptionId","useInstanceId","title","undefined","__unstableCompositeItem","as","onClick","default","VisuallyHidden","id","minHeight","BlockPatternSetup","clientId","blockName","filterPatternsFn","initialViewMode","setViewMode","useState","setActiveSlide","replaceBlock","useDispatch","blockEditorStore","usePatternsSetup","length","onBlockPatternSelectDefault","clonedBlocks","block","cloneBlock","onPatternSelectCallback","Fragment","totalSlides","handleNext","active","handlePrevious","_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 {\n\tVisuallyHidden,\n\t__unstableComposite as Composite,\n\t__unstableUseCompositeState as useCompositeState,\n\t__unstableCompositeItem as CompositeItem,\n} 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 composite = useCompositeState();\n\tconst containerClass = 'block-editor-block-pattern-setup__container';\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<ul 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\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</ul>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn (\n\t\t<div className=\"block-editor-block-pattern-setup__grid\">\n\t\t\t<Composite\n\t\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\tcomposite={ composite }\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, composite, 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\n\t\t\tclassName={ `${ baseClassName }__list-item` }\n\t\t\taria-label={ pattern.title }\n\t\t\taria-describedby={ pattern.description ? descriptionId : undefined }\n\t\t>\n\t\t\t<CompositeItem\n\t\t\t\trole=\"option\"\n\t\t\t\tas=\"div\"\n\t\t\t\t{ ...composite }\n\t\t\t\tclassName={ `${ baseClassName }__item` }\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</CompositeItem>\n\t\t</div>\n\t);\n}\n\nfunction BlockPatternSlide( { 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<li\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</li>\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 ) => active + 1 );\n\t\t\t\t\t} }\n\t\t\t\t\thandlePrevious={ () => {\n\t\t\t\t\t\tsetActiveSlide( ( active ) => active - 1 );\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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"}

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

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _icons = require("@wordpress/icons");
-
 var _constants = require("./constants");
-
 /**
  * WordPress dependencies
  */
@@ -22,6 +16,7 @@ var _constants = require("./constants");
 /**
  * Internal dependencies
  */
+
 const Actions = ({
   onBlockPatternSelect
 }) => (0, _element.createElement)("div", {
@@ -30,7 +25,6 @@ const Actions = ({
   variant: "primary",
   onClick: onBlockPatternSelect
 }, (0, _i18n.__)('Choose')));
-
 const CarouselNavigation = ({
   handlePrevious,
   handleNext,
@@ -49,7 +43,6 @@ const CarouselNavigation = ({
   onClick: handleNext,
   disabled: activeSlide === totalSlides - 1
 }));
-
 const SetupToolbar = ({
   viewMode,
   setViewMode,
@@ -84,7 +77,6 @@ const SetupToolbar = ({
     onBlockPatternSelect: onBlockPatternSelect
   }));
 };
-
 var _default = SetupToolbar;
 exports.default = _default;
 //# sourceMappingURL=setup-toolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-pattern-setup/setup-toolbar.js"],"names":["Actions","onBlockPatternSelect","CarouselNavigation","handlePrevious","handleNext","activeSlide","totalSlides","chevronLeft","chevronRight","SetupToolbar","viewMode","setViewMode","isCarouselView","VIEWMODES","carousel","displayControls","stretchFullWidth","grid"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AAUA;;AAfA;AACA;AACA;;AAUA;AACA;AACA;AAGA,MAAMA,OAAO,GAAG,CAAE;AAAEC,EAAAA;AAAF,CAAF,KACf;AAAK,EAAA,SAAS,EAAC;AAAf,GACC,4BAAC,kBAAD;AAAQ,EAAA,OAAO,EAAC,SAAhB;AAA0B,EAAA,OAAO,EAAGA;AAApC,GACG,cAAI,QAAJ,CADH,CADD,CADD;;AAQA,MAAMC,kBAAkB,GAAG,CAAE;AAC5BC,EAAAA,cAD4B;AAE5BC,EAAAA,UAF4B;AAG5BC,EAAAA,WAH4B;AAI5BC,EAAAA;AAJ4B,CAAF,KAM1B;AAAK,EAAA,SAAS,EAAC;AAAf,GACC,4BAAC,kBAAD;AACC,EAAA,IAAI,EAAGC,kBADR;AAEC,EAAA,KAAK,EAAG,cAAI,kBAAJ,CAFT;AAGC,EAAA,OAAO,EAAGJ,cAHX;AAIC,EAAA,QAAQ,EAAGE,WAAW,KAAK;AAJ5B,EADD,EAOC,4BAAC,kBAAD;AACC,EAAA,IAAI,EAAGG,mBADR;AAEC,EAAA,KAAK,EAAG,cAAI,cAAJ,CAFT;AAGC,EAAA,OAAO,EAAGJ,UAHX;AAIC,EAAA,QAAQ,EAAGC,WAAW,KAAKC,WAAW,GAAG;AAJ1C,EAPD,CAND;;AAsBA,MAAMG,YAAY,GAAG,CAAE;AACtBC,EAAAA,QADsB;AAEtBC,EAAAA,WAFsB;AAGtBR,EAAAA,cAHsB;AAItBC,EAAAA,UAJsB;AAKtBC,EAAAA,WALsB;AAMtBC,EAAAA,WANsB;AAOtBL,EAAAA;AAPsB,CAAF,KAQd;AACN,QAAMW,cAAc,GAAGF,QAAQ,KAAKG,qBAAUC,QAA9C;AACA,QAAMC,eAAe,GACpB;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,4BAAC,kBAAD;AACC,IAAA,IAAI,EAAGC,uBADR;AAEC,IAAA,KAAK,EAAG,cAAI,eAAJ,CAFT;AAGC,IAAA,OAAO,EAAG,MAAML,WAAW,CAAEE,qBAAUC,QAAZ,CAH5B;AAIC,IAAA,SAAS,EAAGF;AAJb,IADD,EAOC,4BAAC,kBAAD;AACC,IAAA,IAAI,EAAGK,WADR;AAEC,IAAA,KAAK,EAAG,cAAI,WAAJ,CAFT;AAGC,IAAA,OAAO,EAAG,MAAMN,WAAW,CAAEE,qBAAUI,IAAZ,CAH5B;AAIC,IAAA,SAAS,EAAGP,QAAQ,KAAKG,qBAAUI;AAJpC,IAPD,CADD;AAgBA,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGL,cAAc,IACf,4BAAC,kBAAD;AACC,IAAA,cAAc,EAAGT,cADlB;AAEC,IAAA,UAAU,EAAGC,UAFd;AAGC,IAAA,WAAW,EAAGC,WAHf;AAIC,IAAA,WAAW,EAAGC;AAJf,IAFF,EASGS,eATH,EAUGH,cAAc,IACf,4BAAC,OAAD;AAAS,IAAA,oBAAoB,EAAGX;AAAhC,IAXF,CADD;AAgBA,CA1CD;;eA4CeQ,Y","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } 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 variant=\"primary\" onClick={ onBlockPatternSelect }>\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\ticon={ chevronLeft }\n\t\t\tlabel={ __( 'Previous pattern' ) }\n\t\t\tonClick={ handlePrevious }\n\t\t\tdisabled={ activeSlide === 0 }\n\t\t/>\n\t\t<Button\n\t\t\ticon={ chevronRight }\n\t\t\tlabel={ __( 'Next pattern' ) }\n\t\t\tonClick={ handleNext }\n\t\t\tdisabled={ activeSlide === totalSlides - 1 }\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\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\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"]}
+{"version":3,"names":["_i18n","require","_components","_icons","_constants","Actions","onBlockPatternSelect","_element","createElement","className","Button","variant","onClick","__","CarouselNavigation","handlePrevious","handleNext","activeSlide","totalSlides","icon","chevronLeft","label","disabled","chevronRight","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 { __ } 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 variant=\"primary\" onClick={ onBlockPatternSelect }>\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\ticon={ chevronLeft }\n\t\t\tlabel={ __( 'Previous pattern' ) }\n\t\t\tonClick={ handlePrevious }\n\t\t\tdisabled={ activeSlide === 0 }\n\t\t/>\n\t\t<Button\n\t\t\ticon={ chevronRight }\n\t\t\tlabel={ __( 'Next pattern' ) }\n\t\t\tonClick={ handleNext }\n\t\t\tdisabled={ activeSlide === totalSlides - 1 }\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\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\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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAUA,IAAAG,UAAA,GAAAH,OAAA;AAfA;AACA;AACA;;AAUA;AACA;AACA;;AAGA,MAAMI,OAAO,GAAGA,CAAE;EAAEC;AAAqB,CAAC,KACzC,IAAAC,QAAA,CAAAC,aAAA;EAAKC,SAAS,EAAC;AAA2C,GACzD,IAAAF,QAAA,CAAAC,aAAA,EAACN,WAAA,CAAAQ,MAAM;EAACC,OAAO,EAAC,SAAS;EAACC,OAAO,EAAGN;AAAsB,GACvD,IAAAO,QAAE,EAAE,QAAS,CACR,CACJ,CACL;AAED,MAAMC,kBAAkB,GAAGA,CAAE;EAC5BC,cAAc;EACdC,UAAU;EACVC,WAAW;EACXC;AACD,CAAC,KACA,IAAAX,QAAA,CAAAC,aAAA;EAAKC,SAAS,EAAC;AAA8C,GAC5D,IAAAF,QAAA,CAAAC,aAAA,EAACN,WAAA,CAAAQ,MAAM;EACNS,IAAI,EAAGC,kBAAa;EACpBC,KAAK,EAAG,IAAAR,QAAE,EAAE,kBAAmB,CAAG;EAClCD,OAAO,EAAGG,cAAgB;EAC1BO,QAAQ,EAAGL,WAAW,KAAK;AAAG,CAC9B,CAAC,EACF,IAAAV,QAAA,CAAAC,aAAA,EAACN,WAAA,CAAAQ,MAAM;EACNS,IAAI,EAAGI,mBAAc;EACrBF,KAAK,EAAG,IAAAR,QAAE,EAAE,cAAe,CAAG;EAC9BD,OAAO,EAAGI,UAAY;EACtBM,QAAQ,EAAGL,WAAW,KAAKC,WAAW,GAAG;AAAG,CAC5C,CACG,CACL;AAED,MAAMM,YAAY,GAAGA,CAAE;EACtBC,QAAQ;EACRC,WAAW;EACXX,cAAc;EACdC,UAAU;EACVC,WAAW;EACXC,WAAW;EACXZ;AACD,CAAC,KAAM;EACN,MAAMqB,cAAc,GAAGF,QAAQ,KAAKG,oBAAS,CAACC,QAAQ;EACtD,MAAMC,eAAe,GACpB,IAAAvB,QAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAoD,GAClE,IAAAF,QAAA,CAAAC,aAAA,EAACN,WAAA,CAAAQ,MAAM;IACNS,IAAI,EAAGY,uBAAkB;IACzBV,KAAK,EAAG,IAAAR,QAAE,EAAE,eAAgB,CAAG;IAC/BD,OAAO,EAAGA,CAAA,KAAMc,WAAW,CAAEE,oBAAS,CAACC,QAAS,CAAG;IACnDG,SAAS,EAAGL;EAAgB,CAC5B,CAAC,EACF,IAAApB,QAAA,CAAAC,aAAA,EAACN,WAAA,CAAAQ,MAAM;IACNS,IAAI,EAAGc,WAAM;IACbZ,KAAK,EAAG,IAAAR,QAAE,EAAE,WAAY,CAAG;IAC3BD,OAAO,EAAGA,CAAA,KAAMc,WAAW,CAAEE,oBAAS,CAACK,IAAK,CAAG;IAC/CD,SAAS,EAAGP,QAAQ,KAAKG,oBAAS,CAACK;EAAM,CACzC,CACG,CACL;EACD,OACC,IAAA1B,QAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA2C,GACvDkB,cAAc,IACf,IAAApB,QAAA,CAAAC,aAAA,EAACM,kBAAkB;IAClBC,cAAc,EAAGA,cAAgB;IACjCC,UAAU,EAAGA,UAAY;IACzBC,WAAW,EAAGA,WAAa;IAC3BC,WAAW,EAAGA;EAAa,CAC3B,CACD,EACCY,eAAe,EACfH,cAAc,IACf,IAAApB,QAAA,CAAAC,aAAA,EAACH,OAAO;IAACC,oBAAoB,EAAGA;EAAsB,CAAE,CAErD,CAAC;AAER,CAAC;AAAC,IAAA4B,QAAA,GAEaV,YAAY;AAAAW,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/block-pattern-setup/use-patterns-setup.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _data = require("@wordpress/data");
-
 var _store = require("../../store");
-
 /**
  * WordPress dependencies
  */
@@ -16,6 +13,7 @@ var _store = require("../../store");
 /**
  * Internal dependencies
  */
+
 function usePatternsSetup(clientId, blockName, filterPatternsFn) {
   return (0, _data.useSelect)(select => {
     const {
@@ -24,15 +22,12 @@ function usePatternsSetup(clientId, blockName, filterPatternsFn) {
       __experimentalGetAllowedPatterns
     } = select(_store.store);
     const rootClientId = getBlockRootClientId(clientId);
-
     if (filterPatternsFn) {
       return __experimentalGetAllowedPatterns(rootClientId).filter(filterPatternsFn);
     }
-
     return getPatternsByBlockTypes(blockName, rootClientId);
   }, [clientId, blockName, filterPatternsFn]);
 }
-
 var _default = usePatternsSetup;
 exports.default = _default;
 //# sourceMappingURL=use-patterns-setup.js.map

package/build/components/block-pattern-setup/use-patterns-setup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-pattern-setup/use-patterns-setup.js"],"names":["usePatternsSetup","clientId","blockName","filterPatternsFn","select","getBlockRootClientId","getPatternsByBlockTypes","__experimentalGetAllowedPatterns","blockEditorStore","rootClientId","filter"],"mappings":";;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA,SAASA,gBAAT,CAA2BC,QAA3B,EAAqCC,SAArC,EAAgDC,gBAAhD,EAAmE;AAClE,SAAO,qBACJC,MAAF,IAAc;AACb,UAAM;AACLC,MAAAA,oBADK;AAELC,MAAAA,uBAFK;AAGLC,MAAAA;AAHK,QAIFH,MAAM,CAAEI,YAAF,CAJV;AAKA,UAAMC,YAAY,GAAGJ,oBAAoB,CAAEJ,QAAF,CAAzC;;AACA,QAAKE,gBAAL,EAAwB;AACvB,aAAOI,gCAAgC,CAAEE,YAAF,CAAhC,CAAiDC,MAAjD,CACNP,gBADM,CAAP;AAGA;;AACD,WAAOG,uBAAuB,CAAEJ,SAAF,EAAaO,YAAb,CAA9B;AACA,GAdK,EAeN,CAAER,QAAF,EAAYC,SAAZ,EAAuBC,gBAAvB,CAfM,CAAP;AAiBA;;eAEcH,gB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nfunction usePatternsSetup( clientId, blockName, filterPatternsFn ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetPatternsByBlockTypes,\n\t\t\t\t__experimentalGetAllowedPatterns,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\t\tif ( filterPatternsFn ) {\n\t\t\t\treturn __experimentalGetAllowedPatterns( rootClientId ).filter(\n\t\t\t\t\tfilterPatternsFn\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn getPatternsByBlockTypes( blockName, rootClientId );\n\t\t},\n\t\t[ clientId, blockName, filterPatternsFn ]\n\t);\n}\n\nexport default usePatternsSetup;\n"]}
+{"version":3,"names":["_data","require","_store","usePatternsSetup","clientId","blockName","filterPatternsFn","useSelect","select","getBlockRootClientId","getPatternsByBlockTypes","__experimentalGetAllowedPatterns","blockEditorStore","rootClientId","filter","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-pattern-setup/use-patterns-setup.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nfunction usePatternsSetup( clientId, blockName, filterPatternsFn ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetPatternsByBlockTypes,\n\t\t\t\t__experimentalGetAllowedPatterns,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\t\tif ( filterPatternsFn ) {\n\t\t\t\treturn __experimentalGetAllowedPatterns( rootClientId ).filter(\n\t\t\t\t\tfilterPatternsFn\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn getPatternsByBlockTypes( blockName, rootClientId );\n\t\t},\n\t\t[ clientId, blockName, filterPatternsFn ]\n\t);\n}\n\nexport default usePatternsSetup;\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,SAASE,gBAAgBA,CAAEC,QAAQ,EAAEC,SAAS,EAAEC,gBAAgB,EAAG;EAClE,OAAO,IAAAC,eAAS,EACbC,MAAM,IAAM;IACb,MAAM;MACLC,oBAAoB;MACpBC,uBAAuB;MACvBC;IACD,CAAC,GAAGH,MAAM,CAAEI,YAAiB,CAAC;IAC9B,MAAMC,YAAY,GAAGJ,oBAAoB,CAAEL,QAAS,CAAC;IACrD,IAAKE,gBAAgB,EAAG;MACvB,OAAOK,gCAAgC,CAAEE,YAAa,CAAC,CAACC,MAAM,CAC7DR,gBACD,CAAC;IACF;IACA,OAAOI,uBAAuB,CAAEL,SAAS,EAAEQ,YAAa,CAAC;EAC1D,CAAC,EACD,CAAET,QAAQ,EAAEC,SAAS,EAAEC,gBAAgB,CACxC,CAAC;AACF;AAAC,IAAAS,QAAA,GAEcZ,gBAAgB;AAAAa,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/block-patterns-list/index.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _components = require("@wordpress/components");
-
 var _compose = require("@wordpress/compose");
-
 var _i18n = require("@wordpress/i18n");
-
 var _blockPreview = _interopRequireDefault(require("../block-preview"));
-
 var _inserterDraggableBlocks = _interopRequireDefault(require("../inserter-draggable-blocks"));
-
 /**
  * WordPress dependencies
  */
@@ -26,6 +18,7 @@ var _inserterDraggableBlocks = _interopRequireDefault(require("../inserter-dragg
 /**
  * Internal dependencies
  */
+
 const WithToolTip = ({
   showTooltip,
   title,
@@ -36,10 +29,8 @@ const WithToolTip = ({
       text: title
     }, children);
   }
-
   return (0, _element.createElement)(_element.Fragment, null, children);
 };
-
 function BlockPattern({
   isDraggable,
   pattern,
@@ -68,7 +59,6 @@ function BlockPattern({
     draggable: draggable,
     onDragStart: event => {
       setIsDragging(true);
-
       if (onDragStart) {
         onHover?.(null);
         onDragStart(event);
@@ -76,7 +66,6 @@ function BlockPattern({
     },
     onDragEnd: event => {
       setIsDragging(false);
-
       if (onDragEnd) {
         onDragEnd(event);
       }
@@ -97,7 +86,6 @@ function BlockPattern({
       if (isDragging) {
         return;
       }
-
       onHover?.(pattern);
     },
     onMouseLeave: () => onHover?.(null),
@@ -112,13 +100,11 @@ function BlockPattern({
     id: descriptionId
   }, pattern.description)))));
 }
-
 function BlockPatternPlaceholder() {
   return (0, _element.createElement)("div", {
     className: "block-editor-block-patterns-list__item is-placeholder"
   });
 }
-
 function BlockPatternList({
   isDraggable,
   blockPatterns,
@@ -132,7 +118,8 @@ function BlockPatternList({
   const composite = (0, _components.__unstableUseCompositeState)({
     orientation
   });
-  return (0, _element.createElement)(_components.__unstableComposite, { ...composite,
+  return (0, _element.createElement)(_components.__unstableComposite, {
+    ...composite,
     role: "listbox",
     className: "block-editor-block-patterns-list",
     "aria-label": label
@@ -151,7 +138,6 @@ function BlockPatternList({
     });
   }));
 }
-
 var _default = BlockPatternList;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/build/components/block-patterns-list/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-patterns-list/index.js"],"names":["WithToolTip","showTooltip","title","children","BlockPattern","isDraggable","pattern","onClick","onHover","composite","isDragging","setIsDragging","blocks","viewportWidth","instanceId","descriptionId","draggable","onDragStart","onDragEnd","event","description","undefined","BlockPatternPlaceholder","BlockPatternList","blockPatterns","shownPatterns","onClickPattern","orientation","label","showTitlesAsTooltip","map","isShown","includes","name"],"mappings":";;;;;;;;;AAGA;;AACA;;AAOA;;AACA;;AAKA;;AACA;;AAlBA;AACA;AACA;;AAYA;AACA;AACA;AAIA,MAAMA,WAAW,GAAG,CAAE;AAAEC,EAAAA,WAAF;AAAeC,EAAAA,KAAf;AAAsBC,EAAAA;AAAtB,CAAF,KAAwC;AAC3D,MAAKF,WAAL,EAAmB;AAClB,WAAO,4BAAC,mBAAD;AAAS,MAAA,IAAI,EAAGC;AAAhB,OAA0BC,QAA1B,CAAP;AACA;;AACD,SAAO,qDAAIA,QAAJ,CAAP;AACA,CALD;;AAOA,SAASC,YAAT,CAAuB;AACtBC,EAAAA,WADsB;AAEtBC,EAAAA,OAFsB;AAGtBC,EAAAA,OAHsB;AAItBC,EAAAA,OAJsB;AAKtBC,EAAAA,SALsB;AAMtBR,EAAAA;AANsB,CAAvB,EAOI;AACH,QAAM,CAAES,UAAF,EAAcC,aAAd,IAAgC,uBAAU,KAAV,CAAtC;AACA,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA;AAAV,MAA4BP,OAAlC;AACA,QAAMQ,UAAU,GAAG,4BAAeV,YAAf,CAAnB;AACA,QAAMW,aAAa,GAAI,sDAAsDD,UAAY,EAAzF;AAEA,SACC,4BAAC,gCAAD;AACC,IAAA,SAAS,EAAGT,WADb;AAEC,IAAA,MAAM,EAAGO,MAFV;AAGC,IAAA,SAAS,EAAG,CAAC,CAAEN;AAHhB,KAKG,CAAE;AAAEU,IAAAA,SAAF;AAAaC,IAAAA,WAAb;AAA0BC,IAAAA;AAA1B,GAAF,KACD;AACC,IAAA,SAAS,EAAC,6CADX;AAEC,IAAA,SAAS,EAAGF,SAFb;AAGC,IAAA,WAAW,EAAKG,KAAF,IAAa;AAC1BR,MAAAA,aAAa,CAAE,IAAF,CAAb;;AACA,UAAKM,WAAL,EAAmB;AAClBT,QAAAA,OAAO,GAAI,IAAJ,CAAP;AACAS,QAAAA,WAAW,CAAEE,KAAF,CAAX;AACA;AACD,KATF;AAUC,IAAA,SAAS,EAAKA,KAAF,IAAa;AACxBR,MAAAA,aAAa,CAAE,KAAF,CAAb;;AACA,UAAKO,SAAL,EAAiB;AAChBA,QAAAA,SAAS,CAAEC,KAAF,CAAT;AACA;AACD;AAfF,KAiBC,4BAAC,WAAD;AACC,IAAA,WAAW,EAAGlB,WADf;AAEC,IAAA,KAAK,EAAGK,OAAO,CAACJ;AAFjB,KAIC,4BAAC,mCAAD;AACC,IAAA,IAAI,EAAC,QADN;AAEC,IAAA,EAAE,EAAC,KAFJ;AAAA,OAGMO,SAHN;AAIC,IAAA,SAAS,EAAC,wCAJX;AAKC,IAAA,OAAO,EAAG,MAAM;AACfF,MAAAA,OAAO,CAAED,OAAF,EAAWM,MAAX,CAAP;AACAJ,MAAAA,OAAO,GAAI,IAAJ,CAAP;AACA,KARF;AASC,IAAA,YAAY,EAAG,MAAM;AACpB,UAAKE,UAAL,EAAkB;AACjB;AACA;;AACDF,MAAAA,OAAO,GAAIF,OAAJ,CAAP;AACA,KAdF;AAeC,IAAA,YAAY,EAAG,MAAME,OAAO,GAAI,IAAJ,CAf7B;AAgBC,kBAAaF,OAAO,CAACJ,KAhBtB;AAiBC,wBACCI,OAAO,CAACc,WAAR,GAAsBL,aAAtB,GAAsCM;AAlBxC,KAqBC,4BAAC,qBAAD;AACC,IAAA,MAAM,EAAGT,MADV;AAEC,IAAA,aAAa,EAAGC;AAFjB,IArBD,EAyBG,CAAEZ,WAAF,IACD;AAAK,IAAA,SAAS,EAAC;AAAf,KACGK,OAAO,CAACJ,KADX,CA1BF,EA8BG,CAAC,CAAEI,OAAO,CAACc,WAAX,IACD,4BAAC,0BAAD;AAAgB,IAAA,EAAE,EAAGL;AAArB,KACGT,OAAO,CAACc,WADX,CA/BF,CAJD,CAjBD,CANF,CADD;AAqEA;;AAED,SAASE,uBAAT,GAAmC;AAClC,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,IADD;AAGA;;AAED,SAASC,gBAAT,CAA2B;AAC1BlB,EAAAA,WAD0B;AAE1BmB,EAAAA,aAF0B;AAG1BC,EAAAA,aAH0B;AAI1BjB,EAAAA,OAJ0B;AAK1BkB,EAAAA,cAL0B;AAM1BC,EAAAA,WAN0B;AAO1BC,EAAAA,KAAK,GAAG,cAAI,gBAAJ,CAPkB;AAQ1BC,EAAAA;AAR0B,CAA3B,EASI;AACH,QAAMpB,SAAS,GAAG,6CAAmB;AAAEkB,IAAAA;AAAF,GAAnB,CAAlB;AACA,SACC,4BAAC,+BAAD,OACMlB,SADN;AAEC,IAAA,IAAI,EAAC,SAFN;AAGC,IAAA,SAAS,EAAC,kCAHX;AAIC,kBAAamB;AAJd,KAMGJ,aAAa,CAACM,GAAd,CAAqBxB,OAAF,IAAe;AACnC,UAAMyB,OAAO,GAAGN,aAAa,CAACO,QAAd,CAAwB1B,OAAxB,CAAhB;AACA,WAAOyB,OAAO,GACb,4BAAC,YAAD;AACC,MAAA,GAAG,EAAGzB,OAAO,CAAC2B,IADf;AAEC,MAAA,OAAO,EAAG3B,OAFX;AAGC,MAAA,OAAO,EAAGoB,cAHX;AAIC,MAAA,OAAO,EAAGlB,OAJX;AAKC,MAAA,WAAW,EAAGH,WALf;AAMC,MAAA,SAAS,EAAGI,SANb;AAOC,MAAA,WAAW,EAAGoB;AAPf,MADa,GAWb,4BAAC,uBAAD;AAAyB,MAAA,GAAG,EAAGvB,OAAO,CAAC2B;AAAvC,MAXD;AAaA,GAfC,CANH,CADD;AAyBA;;eAEcV,gB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport {\n\tVisuallyHidden,\n\t__unstableComposite as Composite,\n\t__unstableUseCompositeState as useCompositeState,\n\t__unstableCompositeItem as CompositeItem,\n\tTooltip,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BlockPreview from '../block-preview';\nimport InserterDraggableBlocks from '../inserter-draggable-blocks';\n\nconst WithToolTip = ( { showTooltip, title, children } ) => {\n\tif ( showTooltip ) {\n\t\treturn <Tooltip text={ title }>{ children }</Tooltip>;\n\t}\n\treturn <>{ children }</>;\n};\n\nfunction BlockPattern( {\n\tisDraggable,\n\tpattern,\n\tonClick,\n\tonHover,\n\tcomposite,\n\tshowTooltip,\n} ) {\n\tconst [ isDragging, setIsDragging ] = useState( false );\n\tconst { blocks, viewportWidth } = pattern;\n\tconst instanceId = useInstanceId( BlockPattern );\n\tconst descriptionId = `block-editor-block-patterns-list__item-description-${ instanceId }`;\n\n\treturn (\n\t\t<InserterDraggableBlocks\n\t\t\tisEnabled={ isDraggable }\n\t\t\tblocks={ blocks }\n\t\t\tisPattern={ !! pattern }\n\t\t>\n\t\t\t{ ( { draggable, onDragStart, onDragEnd } ) => (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"block-editor-block-patterns-list__list-item\"\n\t\t\t\t\tdraggable={ draggable }\n\t\t\t\t\tonDragStart={ ( event ) => {\n\t\t\t\t\t\tsetIsDragging( true );\n\t\t\t\t\t\tif ( onDragStart ) {\n\t\t\t\t\t\t\tonHover?.( null );\n\t\t\t\t\t\t\tonDragStart( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tonDragEnd={ ( event ) => {\n\t\t\t\t\t\tsetIsDragging( false );\n\t\t\t\t\t\tif ( onDragEnd ) {\n\t\t\t\t\t\t\tonDragEnd( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<WithToolTip\n\t\t\t\t\t\tshowTooltip={ showTooltip }\n\t\t\t\t\t\ttitle={ pattern.title }\n\t\t\t\t\t>\n\t\t\t\t\t\t<CompositeItem\n\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\tas=\"div\"\n\t\t\t\t\t\t\t{ ...composite }\n\t\t\t\t\t\t\tclassName=\"block-editor-block-patterns-list__item\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonClick( pattern, blocks );\n\t\t\t\t\t\t\t\tonHover?.( null );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonMouseEnter={ () => {\n\t\t\t\t\t\t\t\tif ( isDragging ) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonHover?.( pattern );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonMouseLeave={ () => onHover?.( null ) }\n\t\t\t\t\t\t\taria-label={ pattern.title }\n\t\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\t\tpattern.description ? descriptionId : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ ! showTooltip && (\n\t\t\t\t\t\t\t\t<div className=\"block-editor-block-patterns-list__item-title\">\n\t\t\t\t\t\t\t\t\t{ pattern.title }\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ !! pattern.description && (\n\t\t\t\t\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t\t\t\t\t{ pattern.description }\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</CompositeItem>\n\t\t\t\t\t</WithToolTip>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</InserterDraggableBlocks>\n\t);\n}\n\nfunction BlockPatternPlaceholder() {\n\treturn (\n\t\t<div className=\"block-editor-block-patterns-list__item is-placeholder\" />\n\t);\n}\n\nfunction BlockPatternList( {\n\tisDraggable,\n\tblockPatterns,\n\tshownPatterns,\n\tonHover,\n\tonClickPattern,\n\torientation,\n\tlabel = __( 'Block Patterns' ),\n\tshowTitlesAsTooltip,\n} ) {\n\tconst composite = useCompositeState( { orientation } );\n\treturn (\n\t\t<Composite\n\t\t\t{ ...composite }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-block-patterns-list\"\n\t\t\taria-label={ label }\n\t\t>\n\t\t\t{ blockPatterns.map( ( pattern ) => {\n\t\t\t\tconst isShown = shownPatterns.includes( pattern );\n\t\t\t\treturn isShown ? (\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\tonClick={ onClickPattern }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\tisDraggable={ isDraggable }\n\t\t\t\t\t\tcomposite={ composite }\n\t\t\t\t\t\tshowTooltip={ showTitlesAsTooltip }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<BlockPatternPlaceholder key={ pattern.name } />\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Composite>\n\t);\n}\n\nexport default BlockPatternList;\n"]}
+{"version":3,"names":["_element","require","_components","_compose","_i18n","_blockPreview","_interopRequireDefault","_inserterDraggableBlocks","WithToolTip","showTooltip","title","children","createElement","Tooltip","text","Fragment","BlockPattern","isDraggable","pattern","onClick","onHover","composite","isDragging","setIsDragging","useState","blocks","viewportWidth","instanceId","useInstanceId","descriptionId","default","isEnabled","isPattern","draggable","onDragStart","onDragEnd","className","event","__unstableCompositeItem","role","as","onMouseEnter","onMouseLeave","description","undefined","VisuallyHidden","id","BlockPatternPlaceholder","BlockPatternList","blockPatterns","shownPatterns","onClickPattern","orientation","label","__","showTitlesAsTooltip","useCompositeState","__unstableComposite","map","isShown","includes","key","name","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-patterns-list/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport {\n\tVisuallyHidden,\n\t__unstableComposite as Composite,\n\t__unstableUseCompositeState as useCompositeState,\n\t__unstableCompositeItem as CompositeItem,\n\tTooltip,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BlockPreview from '../block-preview';\nimport InserterDraggableBlocks from '../inserter-draggable-blocks';\n\nconst WithToolTip = ( { showTooltip, title, children } ) => {\n\tif ( showTooltip ) {\n\t\treturn <Tooltip text={ title }>{ children }</Tooltip>;\n\t}\n\treturn <>{ children }</>;\n};\n\nfunction BlockPattern( {\n\tisDraggable,\n\tpattern,\n\tonClick,\n\tonHover,\n\tcomposite,\n\tshowTooltip,\n} ) {\n\tconst [ isDragging, setIsDragging ] = useState( false );\n\tconst { blocks, viewportWidth } = pattern;\n\tconst instanceId = useInstanceId( BlockPattern );\n\tconst descriptionId = `block-editor-block-patterns-list__item-description-${ instanceId }`;\n\n\treturn (\n\t\t<InserterDraggableBlocks\n\t\t\tisEnabled={ isDraggable }\n\t\t\tblocks={ blocks }\n\t\t\tisPattern={ !! pattern }\n\t\t>\n\t\t\t{ ( { draggable, onDragStart, onDragEnd } ) => (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"block-editor-block-patterns-list__list-item\"\n\t\t\t\t\tdraggable={ draggable }\n\t\t\t\t\tonDragStart={ ( event ) => {\n\t\t\t\t\t\tsetIsDragging( true );\n\t\t\t\t\t\tif ( onDragStart ) {\n\t\t\t\t\t\t\tonHover?.( null );\n\t\t\t\t\t\t\tonDragStart( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tonDragEnd={ ( event ) => {\n\t\t\t\t\t\tsetIsDragging( false );\n\t\t\t\t\t\tif ( onDragEnd ) {\n\t\t\t\t\t\t\tonDragEnd( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<WithToolTip\n\t\t\t\t\t\tshowTooltip={ showTooltip }\n\t\t\t\t\t\ttitle={ pattern.title }\n\t\t\t\t\t>\n\t\t\t\t\t\t<CompositeItem\n\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\tas=\"div\"\n\t\t\t\t\t\t\t{ ...composite }\n\t\t\t\t\t\t\tclassName=\"block-editor-block-patterns-list__item\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonClick( pattern, blocks );\n\t\t\t\t\t\t\t\tonHover?.( null );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonMouseEnter={ () => {\n\t\t\t\t\t\t\t\tif ( isDragging ) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonHover?.( pattern );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonMouseLeave={ () => onHover?.( null ) }\n\t\t\t\t\t\t\taria-label={ pattern.title }\n\t\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\t\tpattern.description ? descriptionId : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ ! showTooltip && (\n\t\t\t\t\t\t\t\t<div className=\"block-editor-block-patterns-list__item-title\">\n\t\t\t\t\t\t\t\t\t{ pattern.title }\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ !! pattern.description && (\n\t\t\t\t\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t\t\t\t\t{ pattern.description }\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</CompositeItem>\n\t\t\t\t\t</WithToolTip>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</InserterDraggableBlocks>\n\t);\n}\n\nfunction BlockPatternPlaceholder() {\n\treturn (\n\t\t<div className=\"block-editor-block-patterns-list__item is-placeholder\" />\n\t);\n}\n\nfunction BlockPatternList( {\n\tisDraggable,\n\tblockPatterns,\n\tshownPatterns,\n\tonHover,\n\tonClickPattern,\n\torientation,\n\tlabel = __( 'Block Patterns' ),\n\tshowTitlesAsTooltip,\n} ) {\n\tconst composite = useCompositeState( { orientation } );\n\treturn (\n\t\t<Composite\n\t\t\t{ ...composite }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-block-patterns-list\"\n\t\t\taria-label={ label }\n\t\t>\n\t\t\t{ blockPatterns.map( ( pattern ) => {\n\t\t\t\tconst isShown = shownPatterns.includes( pattern );\n\t\t\t\treturn isShown ? (\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\tonClick={ onClickPattern }\n\t\t\t\t\t\tonHover={ onHover }\n\t\t\t\t\t\tisDraggable={ isDraggable }\n\t\t\t\t\t\tcomposite={ composite }\n\t\t\t\t\t\tshowTooltip={ showTitlesAsTooltip }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<BlockPatternPlaceholder key={ pattern.name } />\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Composite>\n\t);\n}\n\nexport default BlockPatternList;\n"],"mappings":"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"}

package/build/components/block-popover/drop-zone.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _data = require("@wordpress/data");
-
 var _compose = require("@wordpress/compose");
-
 var _components = require("@wordpress/components");
-
 var _store = require("../../store");
-
 var _index = _interopRequireDefault(require("./index"));
-
 /**
  * WordPress dependencies
  */
@@ -26,6 +18,7 @@ var _index = _interopRequireDefault(require("./index"));
 /**
  * Internal dependencies
  */
+
 const animateVariants = {
   hide: {
     opacity: 0,
@@ -40,7 +33,6 @@ const animateVariants = {
     scaleY: 0.9
   }
 };
-
 function BlockDropZonePopover({
   __unstablePopoverSlot,
   __unstableContentRef
@@ -54,11 +46,9 @@ function BlockDropZonePopover({
     } = select(_store.store);
     const insertionPoint = getBlockInsertionPoint();
     const order = getBlockOrder(insertionPoint.rootClientId);
-
     if (!order.length) {
       return {};
     }
-
     return {
       clientId: order[insertionPoint.index]
     };
@@ -78,7 +68,6 @@ function BlockDropZonePopover({
     className: "block-editor-block-popover__drop-zone-foreground"
   }));
 }
-
 var _default = BlockDropZonePopover;
 exports.default = _default;
 //# sourceMappingURL=drop-zone.js.map