npm - @wordpress/block-editor - Versions diffs - 14.1.0 → 14.2.0 - Mend

@wordpress/block-editor 14.1.0 → 14.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (630) hide show

package/build/components/block-list/use-block-props/use-zoom-out-mode-exit.js ADDED Viewed

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useZoomOutModeExit = useZoomOutModeExit;
+var _data = require("@wordpress/data");
+var _compose = require("@wordpress/compose");
+var _store = require("../../../store");
+var _lockUnlock = require("../../../lock-unlock");
+/**
+ * WordPress dependencies
+ */
+/**
+ * Internal dependencies
+ */
+/**
+ * Allows Zoom Out mode to be exited by double clicking in the selected block.
+ *
+ * @param {string} clientId Block client ID.
+ */
+function useZoomOutModeExit({
+  editorMode
+}) {
+  const {
+    __unstableSetEditorMode
+  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
+  return (0, _compose.useRefEffect)(node => {
+    if (editorMode !== 'zoom-out') {
+      return;
+    }
+    function onDoubleClick(event) {
+      if (!event.defaultPrevented) {
+        event.preventDefault();
+        __unstableSetEditorMode('edit');
+      }
+    }
+    node.addEventListener('dblclick', onDoubleClick);
+    return () => {
+      node.removeEventListener('dblclick', onDoubleClick);
+    };
+  }, [editorMode, __unstableSetEditorMode]);
+}
+//# sourceMappingURL=use-zoom-out-mode-exit.js.map

package/build/components/block-list/use-block-props/use-zoom-out-mode-exit.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_data","require","_compose","_store","_lockUnlock","useZoomOutModeExit","editorMode","__unstableSetEditorMode","unlock","useDispatch","blockEditorStore","useRefEffect","node","onDoubleClick","event","defaultPrevented","preventDefault","addEventListener","removeEventListener"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-zoom-out-mode-exit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch } from '@wordpress/data';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\n\n/**\n * Allows Zoom Out mode to be exited by double clicking in the selected block.\n *\n * @param {string} clientId Block client ID.\n */\nexport function useZoomOutModeExit( { editorMode } ) {\n\tconst { __unstableSetEditorMode } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( editorMode !== 'zoom-out' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tfunction onDoubleClick( event ) {\n\t\t\t\tif ( ! event.defaultPrevented ) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t__unstableSetEditorMode( 'edit' );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'dblclick', onDoubleClick );\n\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'dblclick', onDoubleClick );\n\t\t\t};\n\t\t},\n\t\t[ editorMode, __unstableSetEditorMode ]\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACO,SAASI,kBAAkBA,CAAE;EAAEC;AAAW,CAAC,EAAG;EACpD,MAAM;IAAEC;EAAwB,CAAC,GAAG,IAAAC,kBAAM,EACzC,IAAAC,iBAAW,EAAEC,YAAiB,CAC/B,CAAC;EAED,OAAO,IAAAC,qBAAY,EAChBC,IAAI,IAAM;IACX,IAAKN,UAAU,KAAK,UAAU,EAAG;MAChC;IACD;IAEA,SAASO,aAAaA,CAAEC,KAAK,EAAG;MAC/B,IAAK,CAAEA,KAAK,CAACC,gBAAgB,EAAG;QAC/BD,KAAK,CAACE,cAAc,CAAC,CAAC;QACtBT,uBAAuB,CAAE,MAAO,CAAC;MAClC;IACD;IAEAK,IAAI,CAACK,gBAAgB,CAAE,UAAU,EAAEJ,aAAc,CAAC;IAElD,OAAO,MAAM;MACZD,IAAI,CAACM,mBAAmB,CAAE,UAAU,EAAEL,aAAc,CAAC;IACtD,CAAC;EACF,CAAC,EACD,CAAEP,UAAU,EAAEC,uBAAuB,CACtC,CAAC;AACF","ignoreList":[]}

package/build/components/block-lock/toolbar.js CHANGED Viewed

@@ -28,7 +28,7 @@ function BlockLockToolbar({
     isLocked
   } = (0, _useBlockLock.default)(clientId);
   const [isModalOpen, toggleModal] = (0, _element.useReducer)(isActive => !isActive, false);
-  const hasLockButtonShown = (0, _element.useRef)(false);
+  const hasLockButtonShownRef = (0, _element.useRef)(false);
   // If the block lock button has been shown, we don't want to remove it
   // from the toolbar until the toolbar is rendered again without it.
@@ -37,10 +37,10 @@ function BlockLockToolbar({
   // whence it came, and to do that, we need to leave the button in the toolbar.
   (0, _element.useEffect)(() => {
     if (isLocked) {
-      hasLockButtonShown.current = true;
+      hasLockButtonShownRef.current = true;
     }
   }, [isLocked]);
-  if (!isLocked && !hasLockButtonShown.current) {
+  if (!isLocked && !hasLockButtonShownRef.current) {
     return null;
   }
   let label = isLocked ? (0, _i18n.__)('Unlock') : (0, _i18n.__)('Lock');

package/build/components/block-lock/toolbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_components","_element","_icons","_modal","_interopRequireDefault","_useBlockLock","_jsxRuntime","BlockLockToolbar","clientId","canLock","isLocked","useBlockLock","isModalOpen","toggleModal","useReducer","isActive","~~hasLockButtonShown~~","useRef","useEffect","current","label","__","jsxs","Fragment","children","jsx","ToolbarGroup","className","ToolbarButton","disabled","icon","lock","unlock","onClick","default","onClose"],"sources":["@wordpress/block-editor/src/components/block-lock/toolbar.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { useReducer, useRef, useEffect } from '@wordpress/element';\nimport { lock, unlock } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport BlockLockModal from './modal';\nimport useBlockLock from './use-block-lock';\n\nexport default function BlockLockToolbar( { clientId } ) {\n\tconst { canLock, isLocked } = useBlockLock( clientId );\n\n\tconst [ isModalOpen, toggleModal ] = useReducer(\n\t\t( isActive ) => ! isActive,\n\t\tfalse\n\t);\n\n\tconst ~~hasLockButtonShown~~ = useRef( false );\n\n\t// If the block lock button has been shown, we don't want to remove it\n\t// from the toolbar until the toolbar is rendered again without it.\n\t// Removing it beforehand can cause focus loss issues, such as when\n\t// unlocking the block from the modal. It needs to return focus from\n\t// whence it came, and to do that, we need to leave the button in the toolbar.\n\tuseEffect( () => {\n\t\tif ( isLocked ) {\n\t\t\~~thasLockButtonShown~~.current = true;\n\t\t}\n\t}, [ isLocked ] );\n\n\tif ( ! isLocked && ! ~~hasLockButtonShown~~.current ) {\n\t\treturn null;\n\t}\n\n\tlet label = isLocked ? __( 'Unlock' ) : __( 'Lock' );\n\n\tif ( ! canLock && isLocked ) {\n\t\tlabel = __( 'Locked' );\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<ToolbarGroup className=\"block-editor-block-lock-toolbar\">\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tdisabled={ ! canLock }\n\t\t\t\t\ticon={ isLocked ? lock : unlock }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tonClick={ toggleModal }\n\t\t\t\t\taria-expanded={ isModalOpen }\n\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t/>\n\t\t\t</ToolbarGroup>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<BlockLockModal clientId={ clientId } onClose={ toggleModal } />\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,aAAA,GAAAD,sBAAA,CAAAL,OAAA;AAA4C,IAAAO,WAAA,GAAAP,OAAA;AAZ5C;AACA;AACA;;AAMA;AACA;AACA;;AAIe,SAASQ,gBAAgBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACxD,MAAM;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAG,IAAAC,qBAAY,EAAEH,QAAS,CAAC;EAEtD,MAAM,CAAEI,WAAW,EAAEC,WAAW,CAAE,GAAG,IAAAC,mBAAU,EAC5CC,QAAQ,IAAM,CAAEA,QAAQ,EAC1B,KACD,CAAC;EAED,MAAMC,~~kBAAkB~~,GAAG,IAAAC,eAAM,EAAE,KAAM,CAAC;;~~EAE1C~~;EACA;EACA;EACA;EACA;EACA,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKR,QAAQ,EAAG;MACfM,~~kBAAkB~~,CAACG,OAAO,GAAG,IAAI;~~IAClC~~;EACD,CAAC,EAAE,CAAET,QAAQ,CAAG,CAAC;EAEjB,IAAK,CAAEA,QAAQ,IAAI,CAAEM,~~kBAAkB~~,CAACG,OAAO,EAAG;~~IACjD~~,OAAO,IAAI;EACZ;EAEA,IAAIC,KAAK,GAAGV,QAAQ,GAAG,IAAAW,QAAE,EAAE,QAAS,CAAC,GAAG,IAAAA,QAAE,EAAE,MAAO,CAAC;EAEpD,IAAK,CAAEZ,OAAO,IAAIC,QAAQ,EAAG;IAC5BU,KAAK,GAAG,IAAAC,QAAE,EAAE,QAAS,CAAC;EACvB;EAEA,oBACC,IAAAf,WAAA,CAAAgB,IAAA,EAAAhB,WAAA,CAAAiB,QAAA;IAAAC,QAAA,gBACC,IAAAlB,WAAA,CAAAmB,GAAA,EAACzB,WAAA,CAAA0B,YAAY;MAACC,SAAS,EAAC,iCAAiC;MAAAH,QAAA,eACxD,IAAAlB,WAAA,CAAAmB,GAAA,EAACzB,WAAA,CAAA4B,aAAa;QACbC,QAAQ,EAAG,CAAEpB,OAAS;QACtBqB,IAAI,EAAGpB,QAAQ,GAAGqB,WAAI,GAAGC,aAAQ;QACjCZ,KAAK,EAAGA,KAAO;QACfa,OAAO,EAAGpB,WAAa;QACvB,iBAAgBD,WAAa;QAC7B,iBAAc;MAAQ,CACtB;IAAC,CACW,CAAC,EACbA,WAAW,iBACZ,IAAAN,WAAA,CAAAmB,GAAA,EAACtB,MAAA,CAAA+B,OAAc;MAAC1B,QAAQ,EAAGA,QAAU;MAAC2B,OAAO,EAAGtB;IAAa,CAAE,CAC/D;EAAA,CACA,CAAC;AAEL","ignoreList":[]}
1	+ {"version":3,"names":["_i18n","require","_components","_element","_icons","_modal","_interopRequireDefault","_useBlockLock","_jsxRuntime","BlockLockToolbar","clientId","canLock","isLocked","useBlockLock","isModalOpen","toggleModal","useReducer","isActive","hasLockButtonShownRef","useRef","useEffect","current","label","__","jsxs","Fragment","children","jsx","ToolbarGroup","className","ToolbarButton","disabled","icon","lock","unlock","onClick","default","onClose"],"sources":["@wordpress/block-editor/src/components/block-lock/toolbar.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { useReducer, useRef, useEffect } from '@wordpress/element';\nimport { lock, unlock } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport BlockLockModal from './modal';\nimport useBlockLock from './use-block-lock';\n\nexport default function BlockLockToolbar( { clientId } ) {\n\tconst { canLock, isLocked } = useBlockLock( clientId );\n\n\tconst [ isModalOpen, toggleModal ] = useReducer(\n\t\t( isActive ) => ! isActive,\n\t\tfalse\n\t);\n\n\tconst hasLockButtonShownRef = useRef( false );\n\n\t// If the block lock button has been shown, we don't want to remove it\n\t// from the toolbar until the toolbar is rendered again without it.\n\t// Removing it beforehand can cause focus loss issues, such as when\n\t// unlocking the block from the modal. It needs to return focus from\n\t// whence it came, and to do that, we need to leave the button in the toolbar.\n\tuseEffect( () => {\n\t\tif ( isLocked ) {\n\t\t\thasLockButtonShownRef.current = true;\n\t\t}\n\t}, [ isLocked ] );\n\n\tif ( ! isLocked && ! hasLockButtonShownRef.current ) {\n\t\treturn null;\n\t}\n\n\tlet label = isLocked ? __( 'Unlock' ) : __( 'Lock' );\n\n\tif ( ! canLock && isLocked ) {\n\t\tlabel = __( 'Locked' );\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<ToolbarGroup className=\"block-editor-block-lock-toolbar\">\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tdisabled={ ! canLock }\n\t\t\t\t\ticon={ isLocked ? lock : unlock }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tonClick={ toggleModal }\n\t\t\t\t\taria-expanded={ isModalOpen }\n\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t/>\n\t\t\t</ToolbarGroup>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<BlockLockModal clientId={ clientId } onClose={ toggleModal } />\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,aAAA,GAAAD,sBAAA,CAAAL,OAAA;AAA4C,IAAAO,WAAA,GAAAP,OAAA;AAZ5C;AACA;AACA;;AAMA;AACA;AACA;;AAIe,SAASQ,gBAAgBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACxD,MAAM;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAG,IAAAC,qBAAY,EAAEH,QAAS,CAAC;EAEtD,MAAM,CAAEI,WAAW,EAAEC,WAAW,CAAE,GAAG,IAAAC,mBAAU,EAC5CC,QAAQ,IAAM,CAAEA,QAAQ,EAC1B,KACD,CAAC;EAED,MAAMC,qBAAqB,GAAG,IAAAC,eAAM,EAAE,KAAM,CAAC;;EAE7C;EACA;EACA;EACA;EACA;EACA,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKR,QAAQ,EAAG;MACfM,qBAAqB,CAACG,OAAO,GAAG,IAAI;IACrC;EACD,CAAC,EAAE,CAAET,QAAQ,CAAG,CAAC;EAEjB,IAAK,CAAEA,QAAQ,IAAI,CAAEM,qBAAqB,CAACG,OAAO,EAAG;IACpD,OAAO,IAAI;EACZ;EAEA,IAAIC,KAAK,GAAGV,QAAQ,GAAG,IAAAW,QAAE,EAAE,QAAS,CAAC,GAAG,IAAAA,QAAE,EAAE,MAAO,CAAC;EAEpD,IAAK,CAAEZ,OAAO,IAAIC,QAAQ,EAAG;IAC5BU,KAAK,GAAG,IAAAC,QAAE,EAAE,QAAS,CAAC;EACvB;EAEA,oBACC,IAAAf,WAAA,CAAAgB,IAAA,EAAAhB,WAAA,CAAAiB,QAAA;IAAAC,QAAA,gBACC,IAAAlB,WAAA,CAAAmB,GAAA,EAACzB,WAAA,CAAA0B,YAAY;MAACC,SAAS,EAAC,iCAAiC;MAAAH,QAAA,eACxD,IAAAlB,WAAA,CAAAmB,GAAA,EAACzB,WAAA,CAAA4B,aAAa;QACbC,QAAQ,EAAG,CAAEpB,OAAS;QACtBqB,IAAI,EAAGpB,QAAQ,GAAGqB,WAAI,GAAGC,aAAQ;QACjCZ,KAAK,EAAGA,KAAO;QACfa,OAAO,EAAGpB,WAAa;QACvB,iBAAgBD,WAAa;QAC7B,iBAAc;MAAQ,CACtB;IAAC,CACW,CAAC,EACbA,WAAW,iBACZ,IAAAN,WAAA,CAAAmB,GAAA,EAACtB,MAAA,CAAA+B,OAAc;MAAC1B,QAAQ,EAAGA,QAAU;MAAC2B,OAAO,EAAGtB;IAAa,CAAE,CAC/D;EAAA,CACA,CAAC;AAEL","ignoreList":[]}

package/build/components/block-mover/button.js CHANGED Viewed

@@ -118,7 +118,10 @@ const BlockMoverButton = (0, _element.forwardRef)(({
   };
   const descriptionId = `block-editor-block-mover-button__description-${instanceId}`;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+    // TODO: Switch to `true` (40px size) if possible
+    , {
+      __next40pxDefaultSize: false,
       ref: ref,
       className: (0, _clsx.default)('block-editor-block-mover-button', `is-${direction}-button`),
       icon: getArrowIcon(direction, orientation),

package/build/components/block-mover/button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_blocks","_components","_compose","_data","_element","_i18n","_icons","_moverDescription","_store","_jsxRuntime","getArrowIcon","direction","orientation","isRTL","chevronRight","chevronLeft","chevronUp","chevronDown","getMovementDirectionLabel","moveDirection","__","BlockMoverButton","forwardRef","clientIds","moverOrientation","props","ref","instanceId","useInstanceId","normalizedClientIds","Array","isArray","blocksCount","length","disabled","blockType","isDisabled","rootClientId","isFirst","isLast","firstIndex","useSelect","select","getBlockIndex","getBlockRootClientId","getBlockOrder","getBlock","getBlockListSettings","blockEditorStore","firstClientId","blockRootClientId","firstBlockIndex","lastBlockIndex","blockOrder","block","isFirstBlock","isLastBlock","blockListOrientation","getBlockType","name","moveBlocksDown","moveBlocksUp","useDispatch","moverFunction","onClick","event","descriptionId","jsxs","Fragment","children","jsx","Button","className","clsx","icon","label","accessibleWhenDisabled","VisuallyHidden","id","getBlockMoverDescription","title","BlockMoverUpButton","exports","BlockMoverDownButton"],"sources":["@wordpress/block-editor/src/components/block-mover/button.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { getBlockType } from '@wordpress/blocks';\nimport { Button, VisuallyHidden } from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { __, isRTL } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport {\n\tchevronLeft,\n\tchevronRight,\n\tchevronUp,\n\tchevronDown,\n} from '@wordpress/icons';\nimport { getBlockMoverDescription } from './mover-description';\nimport { store as blockEditorStore } from '../../store';\n\nconst getArrowIcon = ( direction, orientation ) => {\n\tif ( direction === 'up' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? chevronRight : chevronLeft;\n\t\t}\n\t\treturn chevronUp;\n\t} else if ( direction === 'down' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? chevronLeft : chevronRight;\n\t\t}\n\t\treturn chevronDown;\n\t}\n\treturn null;\n};\n\nconst getMovementDirectionLabel = ( moveDirection, orientation ) => {\n\tif ( moveDirection === 'up' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? __( 'Move right' ) : __( 'Move left' );\n\t\t}\n\t\treturn __( 'Move up' );\n\t} else if ( moveDirection === 'down' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? __( 'Move left' ) : __( 'Move right' );\n\t\t}\n\t\treturn __( 'Move down' );\n\t}\n\treturn null;\n};\n\nconst BlockMoverButton = forwardRef(\n\t(\n\t\t{ clientIds, direction, orientation: moverOrientation, ...props },\n\t\tref\n\t) => {\n\t\tconst instanceId = useInstanceId( BlockMoverButton );\n\t\tconst normalizedClientIds = Array.isArray( clientIds )\n\t\t\t? clientIds\n\t\t\t: [ clientIds ];\n\t\tconst blocksCount = normalizedClientIds.length;\n\t\tconst { disabled } = props;\n\n\t\tconst {\n\t\t\tblockType,\n\t\t\tisDisabled,\n\t\t\trootClientId,\n\t\t\tisFirst,\n\t\t\tisLast,\n\t\t\tfirstIndex,\n\t\t\torientation = 'vertical',\n\t\t} = useSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst {\n\t\t\t\t\tgetBlockIndex,\n\t\t\t\t\tgetBlockRootClientId,\n\t\t\t\t\tgetBlockOrder,\n\t\t\t\t\tgetBlock,\n\t\t\t\t\tgetBlockListSettings,\n\t\t\t\t} = select( blockEditorStore );\n\t\t\t\tconst firstClientId = normalizedClientIds[ 0 ];\n\t\t\t\tconst blockRootClientId = getBlockRootClientId( firstClientId );\n\t\t\t\tconst firstBlockIndex = getBlockIndex( firstClientId );\n\t\t\t\tconst lastBlockIndex = getBlockIndex(\n\t\t\t\t\tnormalizedClientIds[ normalizedClientIds.length - 1 ]\n\t\t\t\t);\n\t\t\t\tconst blockOrder = getBlockOrder( blockRootClientId );\n\t\t\t\tconst block = getBlock( firstClientId );\n\t\t\t\tconst isFirstBlock = firstBlockIndex === 0;\n\t\t\t\tconst isLastBlock = lastBlockIndex === blockOrder.length - 1;\n\t\t\t\tconst { orientation: blockListOrientation } =\n\t\t\t\t\tgetBlockListSettings( blockRootClientId ) \|\| {};\n\n\t\t\t\treturn {\n\t\t\t\t\tblockType: block ? getBlockType( block.name ) : null,\n\t\t\t\t\tisDisabled:\n\t\t\t\t\t\tdisabled \|\|\n\t\t\t\t\t\t( direction === 'up' ? isFirstBlock : isLastBlock ),\n\t\t\t\t\trootClientId: blockRootClientId,\n\t\t\t\t\tfirstIndex: firstBlockIndex,\n\t\t\t\t\tisFirst: isFirstBlock,\n\t\t\t\t\tisLast: isLastBlock,\n\t\t\t\t\torientation: moverOrientation \|\| blockListOrientation,\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ clientIds, direction ]\n\t\t);\n\n\t\tconst { moveBlocksDown, moveBlocksUp } =\n\t\t\tuseDispatch( blockEditorStore );\n\t\tconst moverFunction =\n\t\t\tdirection === 'up' ? moveBlocksUp : moveBlocksDown;\n\n\t\tconst onClick = ( event ) => {\n\t\t\tmoverFunction( clientIds, rootClientId );\n\t\t\tif ( props.onClick ) {\n\t\t\t\tprops.onClick( event );\n\t\t\t}\n\t\t};\n\n\t\tconst descriptionId = `block-editor-block-mover-button__description-${ instanceId }`;\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Button\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'block-editor-block-mover-button',\n\t\t\t\t\t\t`is-${ direction }-button`\n\t\t\t\t\t) }\n\t\t\t\t\ticon={ getArrowIcon( direction, orientation ) }\n\t\t\t\t\tlabel={ getMovementDirectionLabel(\n\t\t\t\t\t\tdirection,\n\t\t\t\t\t\torientation\n\t\t\t\t\t) }\n\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tonClick={ isDisabled ? null : onClick }\n\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t/>\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ getBlockMoverDescription(\n\t\t\t\t\t\tblocksCount,\n\t\t\t\t\t\tblockType && blockType.title,\n\t\t\t\t\t\tfirstIndex,\n\t\t\t\t\t\tisFirst,\n\t\t\t\t\t\tisLast,\n\t\t\t\t\t\tdirection === 'up' ? -1 : 1,\n\t\t\t\t\t\torientation\n\t\t\t\t\t) }\n\t\t\t\t</VisuallyHidden>\n\t\t\t</>\n\t\t);\n\t}\n);\n\nexport const BlockMoverUpButton = forwardRef( ( props, ref ) => {\n\treturn <BlockMoverButton direction=\"up\" ref={ ref } { ...props } />;\n} );\n\nexport const BlockMoverDownButton = forwardRef( ( props, ref ) => {\n\treturn <BlockMoverButton direction=\"down\" ref={ ref } { ...props } />;\n} );\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_blocks","_components","_compose","_data","_element","_i18n","_icons","_moverDescription","_store","_jsxRuntime","getArrowIcon","direction","orientation","isRTL","chevronRight","chevronLeft","chevronUp","chevronDown","getMovementDirectionLabel","moveDirection","__","BlockMoverButton","forwardRef","clientIds","moverOrientation","props","ref","instanceId","useInstanceId","normalizedClientIds","Array","isArray","blocksCount","length","disabled","blockType","isDisabled","rootClientId","isFirst","isLast","firstIndex","useSelect","select","getBlockIndex","getBlockRootClientId","getBlockOrder","getBlock","getBlockListSettings","blockEditorStore","firstClientId","blockRootClientId","firstBlockIndex","lastBlockIndex","blockOrder","block","isFirstBlock","isLastBlock","blockListOrientation","getBlockType","name","moveBlocksDown","moveBlocksUp","useDispatch","moverFunction","onClick","event","descriptionId","jsxs","Fragment","children","jsx","Button","__next40pxDefaultSize","className","clsx","icon","label","accessibleWhenDisabled","VisuallyHidden","id","getBlockMoverDescription","title","BlockMoverUpButton","exports","BlockMoverDownButton"],"sources":["@wordpress/block-editor/src/components/block-mover/button.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { getBlockType } from '@wordpress/blocks';\nimport { Button, VisuallyHidden } from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { __, isRTL } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport {\n\tchevronLeft,\n\tchevronRight,\n\tchevronUp,\n\tchevronDown,\n} from '@wordpress/icons';\nimport { getBlockMoverDescription } from './mover-description';\nimport { store as blockEditorStore } from '../../store';\n\nconst getArrowIcon = ( direction, orientation ) => {\n\tif ( direction === 'up' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? chevronRight : chevronLeft;\n\t\t}\n\t\treturn chevronUp;\n\t} else if ( direction === 'down' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? chevronLeft : chevronRight;\n\t\t}\n\t\treturn chevronDown;\n\t}\n\treturn null;\n};\n\nconst getMovementDirectionLabel = ( moveDirection, orientation ) => {\n\tif ( moveDirection === 'up' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? __( 'Move right' ) : __( 'Move left' );\n\t\t}\n\t\treturn __( 'Move up' );\n\t} else if ( moveDirection === 'down' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? __( 'Move left' ) : __( 'Move right' );\n\t\t}\n\t\treturn __( 'Move down' );\n\t}\n\treturn null;\n};\n\nconst BlockMoverButton = forwardRef(\n\t(\n\t\t{ clientIds, direction, orientation: moverOrientation, ...props },\n\t\tref\n\t) => {\n\t\tconst instanceId = useInstanceId( BlockMoverButton );\n\t\tconst normalizedClientIds = Array.isArray( clientIds )\n\t\t\t? clientIds\n\t\t\t: [ clientIds ];\n\t\tconst blocksCount = normalizedClientIds.length;\n\t\tconst { disabled } = props;\n\n\t\tconst {\n\t\t\tblockType,\n\t\t\tisDisabled,\n\t\t\trootClientId,\n\t\t\tisFirst,\n\t\t\tisLast,\n\t\t\tfirstIndex,\n\t\t\torientation = 'vertical',\n\t\t} = useSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst {\n\t\t\t\t\tgetBlockIndex,\n\t\t\t\t\tgetBlockRootClientId,\n\t\t\t\t\tgetBlockOrder,\n\t\t\t\t\tgetBlock,\n\t\t\t\t\tgetBlockListSettings,\n\t\t\t\t} = select( blockEditorStore );\n\t\t\t\tconst firstClientId = normalizedClientIds[ 0 ];\n\t\t\t\tconst blockRootClientId = getBlockRootClientId( firstClientId );\n\t\t\t\tconst firstBlockIndex = getBlockIndex( firstClientId );\n\t\t\t\tconst lastBlockIndex = getBlockIndex(\n\t\t\t\t\tnormalizedClientIds[ normalizedClientIds.length - 1 ]\n\t\t\t\t);\n\t\t\t\tconst blockOrder = getBlockOrder( blockRootClientId );\n\t\t\t\tconst block = getBlock( firstClientId );\n\t\t\t\tconst isFirstBlock = firstBlockIndex === 0;\n\t\t\t\tconst isLastBlock = lastBlockIndex === blockOrder.length - 1;\n\t\t\t\tconst { orientation: blockListOrientation } =\n\t\t\t\t\tgetBlockListSettings( blockRootClientId ) \|\| {};\n\n\t\t\t\treturn {\n\t\t\t\t\tblockType: block ? getBlockType( block.name ) : null,\n\t\t\t\t\tisDisabled:\n\t\t\t\t\t\tdisabled \|\|\n\t\t\t\t\t\t( direction === 'up' ? isFirstBlock : isLastBlock ),\n\t\t\t\t\trootClientId: blockRootClientId,\n\t\t\t\t\tfirstIndex: firstBlockIndex,\n\t\t\t\t\tisFirst: isFirstBlock,\n\t\t\t\t\tisLast: isLastBlock,\n\t\t\t\t\torientation: moverOrientation \|\| blockListOrientation,\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ clientIds, direction ]\n\t\t);\n\n\t\tconst { moveBlocksDown, moveBlocksUp } =\n\t\t\tuseDispatch( blockEditorStore );\n\t\tconst moverFunction =\n\t\t\tdirection === 'up' ? moveBlocksUp : moveBlocksDown;\n\n\t\tconst onClick = ( event ) => {\n\t\t\tmoverFunction( clientIds, rootClientId );\n\t\t\tif ( props.onClick ) {\n\t\t\t\tprops.onClick( event );\n\t\t\t}\n\t\t};\n\n\t\tconst descriptionId = `block-editor-block-mover-button__description-${ instanceId }`;\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Button\n\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'block-editor-block-mover-button',\n\t\t\t\t\t\t`is-${ direction }-button`\n\t\t\t\t\t) }\n\t\t\t\t\ticon={ getArrowIcon( direction, orientation ) }\n\t\t\t\t\tlabel={ getMovementDirectionLabel(\n\t\t\t\t\t\tdirection,\n\t\t\t\t\t\torientation\n\t\t\t\t\t) }\n\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tonClick={ isDisabled ? null : onClick }\n\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t/>\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ getBlockMoverDescription(\n\t\t\t\t\t\tblocksCount,\n\t\t\t\t\t\tblockType && blockType.title,\n\t\t\t\t\t\tfirstIndex,\n\t\t\t\t\t\tisFirst,\n\t\t\t\t\t\tisLast,\n\t\t\t\t\t\tdirection === 'up' ? -1 : 1,\n\t\t\t\t\t\torientation\n\t\t\t\t\t) }\n\t\t\t\t</VisuallyHidden>\n\t\t\t</>\n\t\t);\n\t}\n);\n\nexport const BlockMoverUpButton = forwardRef( ( props, ref ) => {\n\treturn <BlockMoverButton direction=\"up\" ref={ ref } { ...props } />;\n} );\n\nexport const BlockMoverDownButton = forwardRef( ( props, ref ) => {\n\treturn <BlockMoverButton direction=\"down\" ref={ ref } { ...props } />;\n} );\n"],"mappings":"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","ignoreList":[]}

package/build/components/block-mover/index.js CHANGED Viewed

@@ -77,7 +77,10 @@ function BlockMover({
     children: [!hideDragHandle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockDraggable.default, {
       clientIds: clientIds,
       fadeWhenDisabled: true,
-      children: draggableProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+      children: draggableProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+      // TODO: Switch to `true` (40px size) if possible
+      , {
+        __next40pxDefaultSize: false,
         icon: _icons.dragHandle,
         className: "block-editor-block-mover__drag-handle",
         label: (0, _i18n.__)('Drag')

package/build/components/block-mover/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_icons","_components","_data","_i18n","_blockDraggable","_button","_store","_jsxRuntime","BlockMover","clientIds","hideDragHandle","isBlockMoverUpButtonDisabled","isBlockMoverDownButtonDisabled","canMove","rootClientId","isFirst","isLast","orientation","isManualGrid","useSelect","select","_getBlockAttributes","getBlockIndex","getBlockListSettings","canMoveBlocks","getBlockOrder","getBlockRootClientId","getBlockAttributes","blockEditorStore","normalizedClientIds","Array","isArray","firstClientId","_rootClientId","firstIndex","lastIndex","length","blockOrder","layout","type","isManualPlacement","window","__experimentalEnableGridInteractivity","jsxs","ToolbarGroup","className","clsx","children","jsx","default","fadeWhenDisabled","draggableProps","Button","icon","dragHandle","label","__","tabIndex","ToolbarItem","itemProps","BlockMoverUpButton","disabled","BlockMoverDownButton","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-mover/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\n\nimport { dragHandle } from '@wordpress/icons';\nimport { ToolbarGroup, ToolbarItem, Button } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport BlockDraggable from '../block-draggable';\nimport { BlockMoverUpButton, BlockMoverDownButton } from './button';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockMover( {\n\tclientIds,\n\thideDragHandle,\n\tisBlockMoverUpButtonDisabled,\n\tisBlockMoverDownButtonDisabled,\n} ) {\n\tconst {\n\t\tcanMove,\n\t\trootClientId,\n\t\tisFirst,\n\t\tisLast,\n\t\torientation,\n\t\tisManualGrid,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockIndex,\n\t\t\t\tgetBlockListSettings,\n\t\t\t\tcanMoveBlocks,\n\t\t\t\tgetBlockOrder,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetBlockAttributes,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst normalizedClientIds = Array.isArray( clientIds )\n\t\t\t\t? clientIds\n\t\t\t\t: [ clientIds ];\n\t\t\tconst firstClientId = normalizedClientIds[ 0 ];\n\t\t\tconst _rootClientId = getBlockRootClientId( firstClientId );\n\t\t\tconst firstIndex = getBlockIndex( firstClientId );\n\t\t\tconst lastIndex = getBlockIndex(\n\t\t\t\tnormalizedClientIds[ normalizedClientIds.length - 1 ]\n\t\t\t);\n\t\t\tconst blockOrder = getBlockOrder( _rootClientId );\n\t\t\tconst { layout = {} } = getBlockAttributes( _rootClientId ) ?? {};\n\n\t\t\treturn {\n\t\t\t\tcanMove: canMoveBlocks( clientIds ),\n\t\t\t\trootClientId: _rootClientId,\n\t\t\t\tisFirst: firstIndex === 0,\n\t\t\t\tisLast: lastIndex === blockOrder.length - 1,\n\t\t\t\torientation: getBlockListSettings( _rootClientId )?.orientation,\n\t\t\t\tisManualGrid:\n\t\t\t\t\tlayout.type === 'grid' &&\n\t\t\t\t\tlayout.isManualPlacement &&\n\t\t\t\t\twindow.__experimentalEnableGridInteractivity,\n\t\t\t};\n\t\t},\n\t\t[ clientIds ]\n\t);\n\n\tif (\n\t\t! canMove \|\|\n\t\t( isFirst && isLast && ! rootClientId ) \|\|\n\t\t( hideDragHandle && isManualGrid )\n\t) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ToolbarGroup\n\t\t\tclassName={ clsx( 'block-editor-block-mover', {\n\t\t\t\t'is-horizontal': orientation === 'horizontal',\n\t\t\t} ) }\n\t\t>\n\t\t\t{ ! hideDragHandle && (\n\t\t\t\t<BlockDraggable clientIds={ clientIds } fadeWhenDisabled>\n\t\t\t\t\t{ ( draggableProps ) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ dragHandle }\n\t\t\t\t\t\t\tclassName=\"block-editor-block-mover__drag-handle\"\n\t\t\t\t\t\t\tlabel={ __( 'Drag' ) }\n\t\t\t\t\t\t\t// Should not be able to tab to drag handle as this\n\t\t\t\t\t\t\t// button can only be used with a pointer device.\n\t\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t\t\t{ ...draggableProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</BlockDraggable>\n\t\t\t) }\n\t\t\t{ ! isManualGrid && (\n\t\t\t\t<div className=\"block-editor-block-mover__move-button-container\">\n\t\t\t\t\t<ToolbarItem>\n\t\t\t\t\t\t{ ( itemProps ) => (\n\t\t\t\t\t\t\t<BlockMoverUpButton\n\t\t\t\t\t\t\t\tdisabled={ isBlockMoverUpButtonDisabled }\n\t\t\t\t\t\t\t\tclientIds={ clientIds }\n\t\t\t\t\t\t\t\t{ ...itemProps }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ToolbarItem>\n\t\t\t\t\t<ToolbarItem>\n\t\t\t\t\t\t{ ( itemProps ) => (\n\t\t\t\t\t\t\t<BlockMoverDownButton\n\t\t\t\t\t\t\t\tdisabled={ isBlockMoverDownButtonDisabled }\n\t\t\t\t\t\t\t\tclientIds={ clientIds }\n\t\t\t\t\t\t\t\t{ ...itemProps }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ToolbarItem>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</ToolbarGroup>\n\t);\n}\n\n/\n @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-mover/README.md\n */\nexport default BlockMover;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAKA,IAAAK,eAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAwD,IAAAQ,WAAA,GAAAR,OAAA;AAnBxD;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;;AAKA,SAASS,UAAUA,CAAE;EACpBC,SAAS;EACTC,cAAc;EACdC,4BAA4B;EAC5BC;AACD,CAAC,EAAG;EACH,MAAM;IACLC,OAAO;IACPC,YAAY;IACZC,OAAO;IACPC,MAAM;IACNC,WAAW;IACXC;EACD,CAAC,GAAG,IAAAC,eAAS,EACVC,MAAM,IAAM;IAAA,IAAAC,mBAAA;IACb,MAAM;MACLC,aAAa;MACbC,oBAAoB;MACpBC,aAAa;MACbC,aAAa;MACbC,oBAAoB;MACpBC;IACD,CAAC,GAAGP,MAAM,CAAEQ,YAAiB,CAAC;IAC9B,MAAMC,mBAAmB,GAAGC,KAAK,CAACC,OAAO,CAAEtB,SAAU,CAAC,GACnDA,SAAS,GACT,CAAEA,SAAS,CAAE;IAChB,MAAMuB,aAAa,GAAGH,mBAAmB,CAAE,CAAC,CAAE;IAC9C,MAAMI,aAAa,GAAGP,oBAAoB,CAAEM,aAAc,CAAC;IAC3D,MAAME,UAAU,GAAGZ,aAAa,CAAEU,aAAc,CAAC;IACjD,MAAMG,SAAS,GAAGb,aAAa,CAC9BO,mBAAmB,CAAEA,mBAAmB,CAACO,MAAM,GAAG,CAAC,CACpD,CAAC;IACD,MAAMC,UAAU,GAAGZ,aAAa,CAAEQ,aAAc,CAAC;IACjD,MAAM;MAAEK,MAAM,GAAG,CAAC;IAAE,CAAC,IAAAjB,mBAAA,GAAGM,kBAAkB,CAAEM,aAAc,CAAC,cAAAZ,mBAAA,cAAAA,mBAAA,GAAI,CAAC,CAAC;IAEjE,OAAO;MACNR,OAAO,EAAEW,aAAa,CAAEf,SAAU,CAAC;MACnCK,YAAY,EAAEmB,aAAa;MAC3BlB,OAAO,EAAEmB,UAAU,KAAK,CAAC;MACzBlB,MAAM,EAAEmB,SAAS,KAAKE,UAAU,CAACD,MAAM,GAAG,CAAC;MAC3CnB,WAAW,EAAEM,oBAAoB,CAAEU,aAAc,CAAC,EAAEhB,WAAW;MAC/DC,YAAY,EACXoB,MAAM,CAACC,IAAI,KAAK,MAAM,IACtBD,MAAM,CAACE,iBAAiB,IACxBC,MAAM,CAACC;IACT,CAAC;EACF,CAAC,EACD,CAAEjC,SAAS,CACZ,CAAC;EAED,IACC,CAAEI,OAAO,IACPE,OAAO,IAAIC,MAAM,IAAI,CAAEF,YAAc,IACrCJ,cAAc,IAAIQ,YAAc,EACjC;IACD,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAX,WAAA,CAAAoC,IAAA,EAAC1C,WAAA,CAAA2C,YAAY;IACZC,SAAS,EAAG,IAAAC,aAAI,EAAE,0BAA0B,EAAE;MAC7C,eAAe,EAAE7B,WAAW,KAAK;IAClC,CAAE,CAAG;IAAA8B,QAAA,GAEH,CAAErC,cAAc,iBACjB,IAAAH,WAAA,CAAAyC,GAAA,EAAC5C,eAAA,CAAA6C,OAAc;MAACxC,SAAS,EAAGA,SAAW;MAACyC,gBAAgB;MAAAH,QAAA,EACnDI,cAAc,iBACjB,IAAA5C,WAAA,CAAAyC,GAAA,EAAC/C,WAAA,CAAAmD,~~MAAM~~;~~QACNC~~,IAAI,EAAGC,iBAAY;~~QACnBT~~,SAAS,EAAC,uCAAuC;~~QACjDU~~,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO;QACnB;QACA;QAAA;QACAC,QAAQ,EAAC,IAAI;QAAA,~~GACRN~~;MAAc,CACnB;IACD,CACc,CAChB,EACC,CAAEjC,YAAY,iBACf,IAAAX,WAAA,CAAAoC,IAAA;MAAKE,SAAS,EAAC,iDAAiD;MAAAE,QAAA,gBAC/D,IAAAxC,WAAA,CAAAyC,GAAA,EAAC/C,WAAA,~~CAAAyD~~,WAAW;~~QAAAX~~,QAAA,~~EACPY~~,SAAS,iBACZ,~~IAAApD~~,WAAA,CAAAyC,GAAA,EAAC3C,OAAA,~~CAAAuD~~,kBAAkB;UAClBC,QAAQ,~~EAAGlD~~,4BAA8B;UACzCF,SAAS,EAAGA,SAAW;UAAA,~~GAClBkD~~;QAAS,CACd;MACD,CACW,CAAC,eACd,~~IAAApD~~,WAAA,CAAAyC,GAAA,EAAC/C,WAAA,~~CAAAyD~~,WAAW;~~QAAAX~~,QAAA,~~EACPY~~,SAAS,iBACZ,~~IAAApD~~,WAAA,CAAAyC,GAAA,EAAC3C,OAAA,~~CAAAyD~~,oBAAoB;UACpBD,QAAQ,~~EAAGjD~~,8BAAgC;UAC3CH,SAAS,EAAGA,SAAW;UAAA,~~GAClBkD~~;QAAS,CACd;MACD,CACW,CAAC;IAAA,CACV,CACL;EAAA,CACY,CAAC;AAEjB;;AAEA;AACA;AACA;AAFA,IAAAI,QAAA,GAAAC,OAAA,~~CAAAf~~,OAAA,GAGezC,UAAU","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_icons","_components","_data","_i18n","_blockDraggable","_button","_store","_jsxRuntime","BlockMover","clientIds","hideDragHandle","isBlockMoverUpButtonDisabled","isBlockMoverDownButtonDisabled","canMove","rootClientId","isFirst","isLast","orientation","isManualGrid","useSelect","select","_getBlockAttributes","getBlockIndex","getBlockListSettings","canMoveBlocks","getBlockOrder","getBlockRootClientId","getBlockAttributes","blockEditorStore","normalizedClientIds","Array","isArray","firstClientId","_rootClientId","firstIndex","lastIndex","length","blockOrder","layout","type","isManualPlacement","window","__experimentalEnableGridInteractivity","jsxs","ToolbarGroup","className","clsx","children","jsx","default","fadeWhenDisabled","draggableProps","Button","__next40pxDefaultSize","icon","dragHandle","label","__","tabIndex","ToolbarItem","itemProps","BlockMoverUpButton","disabled","BlockMoverDownButton","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-mover/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\n\nimport { dragHandle } from '@wordpress/icons';\nimport { ToolbarGroup, ToolbarItem, Button } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport BlockDraggable from '../block-draggable';\nimport { BlockMoverUpButton, BlockMoverDownButton } from './button';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockMover( {\n\tclientIds,\n\thideDragHandle,\n\tisBlockMoverUpButtonDisabled,\n\tisBlockMoverDownButtonDisabled,\n} ) {\n\tconst {\n\t\tcanMove,\n\t\trootClientId,\n\t\tisFirst,\n\t\tisLast,\n\t\torientation,\n\t\tisManualGrid,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockIndex,\n\t\t\t\tgetBlockListSettings,\n\t\t\t\tcanMoveBlocks,\n\t\t\t\tgetBlockOrder,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetBlockAttributes,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst normalizedClientIds = Array.isArray( clientIds )\n\t\t\t\t? clientIds\n\t\t\t\t: [ clientIds ];\n\t\t\tconst firstClientId = normalizedClientIds[ 0 ];\n\t\t\tconst _rootClientId = getBlockRootClientId( firstClientId );\n\t\t\tconst firstIndex = getBlockIndex( firstClientId );\n\t\t\tconst lastIndex = getBlockIndex(\n\t\t\t\tnormalizedClientIds[ normalizedClientIds.length - 1 ]\n\t\t\t);\n\t\t\tconst blockOrder = getBlockOrder( _rootClientId );\n\t\t\tconst { layout = {} } = getBlockAttributes( _rootClientId ) ?? {};\n\n\t\t\treturn {\n\t\t\t\tcanMove: canMoveBlocks( clientIds ),\n\t\t\t\trootClientId: _rootClientId,\n\t\t\t\tisFirst: firstIndex === 0,\n\t\t\t\tisLast: lastIndex === blockOrder.length - 1,\n\t\t\t\torientation: getBlockListSettings( _rootClientId )?.orientation,\n\t\t\t\tisManualGrid:\n\t\t\t\t\tlayout.type === 'grid' &&\n\t\t\t\t\tlayout.isManualPlacement &&\n\t\t\t\t\twindow.__experimentalEnableGridInteractivity,\n\t\t\t};\n\t\t},\n\t\t[ clientIds ]\n\t);\n\n\tif (\n\t\t! canMove \|\|\n\t\t( isFirst && isLast && ! rootClientId ) \|\|\n\t\t( hideDragHandle && isManualGrid )\n\t) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ToolbarGroup\n\t\t\tclassName={ clsx( 'block-editor-block-mover', {\n\t\t\t\t'is-horizontal': orientation === 'horizontal',\n\t\t\t} ) }\n\t\t>\n\t\t\t{ ! hideDragHandle && (\n\t\t\t\t<BlockDraggable clientIds={ clientIds } fadeWhenDisabled>\n\t\t\t\t\t{ ( draggableProps ) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\t\ticon={ dragHandle }\n\t\t\t\t\t\t\tclassName=\"block-editor-block-mover__drag-handle\"\n\t\t\t\t\t\t\tlabel={ __( 'Drag' ) }\n\t\t\t\t\t\t\t// Should not be able to tab to drag handle as this\n\t\t\t\t\t\t\t// button can only be used with a pointer device.\n\t\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t\t\t{ ...draggableProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</BlockDraggable>\n\t\t\t) }\n\t\t\t{ ! isManualGrid && (\n\t\t\t\t<div className=\"block-editor-block-mover__move-button-container\">\n\t\t\t\t\t<ToolbarItem>\n\t\t\t\t\t\t{ ( itemProps ) => (\n\t\t\t\t\t\t\t<BlockMoverUpButton\n\t\t\t\t\t\t\t\tdisabled={ isBlockMoverUpButtonDisabled }\n\t\t\t\t\t\t\t\tclientIds={ clientIds }\n\t\t\t\t\t\t\t\t{ ...itemProps }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ToolbarItem>\n\t\t\t\t\t<ToolbarItem>\n\t\t\t\t\t\t{ ( itemProps ) => (\n\t\t\t\t\t\t\t<BlockMoverDownButton\n\t\t\t\t\t\t\t\tdisabled={ isBlockMoverDownButtonDisabled }\n\t\t\t\t\t\t\t\tclientIds={ clientIds }\n\t\t\t\t\t\t\t\t{ ...itemProps }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ToolbarItem>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</ToolbarGroup>\n\t);\n}\n\n/\n @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-mover/README.md\n */\nexport default BlockMover;\n"],"mappings":"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","ignoreList":[]}

package/build/components/block-navigation/dropdown.js CHANGED Viewed

@@ -33,7 +33,10 @@ function BlockNavigationDropdownToggle({
   innerRef,
   ...props
 }) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+  // TODO: Switch to `true` (40px size) if possible
+  , {
+    __next40pxDefaultSize: false,
     ...props,
     ref: innerRef,
     icon: _icons.listView,

package/build/components/block-navigation/dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_deprecated","_interopRequireDefault","require","_components","_i18n","_data","_element","_icons","_listView","_store","_jsxRuntime","BlockNavigationDropdownToggle","isEnabled","onToggle","isOpen","innerRef","props","jsx","Button","ref","icon","listView","onClick","undefined","label","__","className","BlockNavigationDropdown","isDisabled","deprecated","since","alternative","hasBlocks","useSelect","select","blockEditorStore","getBlockCount","Dropdown","contentClassName","popoverProps","placement","renderToggle","renderContent","jsxs","children","default","_default","exports","forwardRef"],"sources":["@wordpress/block-editor/src/components/block-navigation/dropdown.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport deprecated from '@wordpress/deprecated';\n\n/\n WordPress dependencies\n /\nimport { Button, Dropdown } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { listView } from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport ListView from '../list-view';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockNavigationDropdownToggle( {\n\tisEnabled,\n\tonToggle,\n\tisOpen,\n\tinnerRef,\n\t...props\n} ) {\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ innerRef }\n\t\t\ticon={ listView }\n\t\t\taria-expanded={ isOpen }\n\t\t\taria-haspopup=\"true\"\n\t\t\tonClick={ isEnabled ? onToggle : undefined }\n\t\t\t/ translators: button label text should, if possible, be under 16 characters. */\n\t\t\tlabel={ __( 'List view' ) }\n\t\t\tclassName=\"block-editor-block-navigation\"\n\t\t\taria-disabled={ ! isEnabled }\n\t\t/>\n\t);\n}\n\nfunction BlockNavigationDropdown( { isDisabled, ...props }, ref ) {\n\tdeprecated( 'wp.blockEditor.BlockNavigationDropdown', {\n\t\tsince: '6.1',\n\t\talternative: 'wp.components.Dropdown and wp.blockEditor.ListView',\n\t} );\n\n\tconst hasBlocks = useSelect(\n\t\t( select ) => !! select( blockEditorStore ).getBlockCount(),\n\t\t[]\n\t);\n\tconst isEnabled = hasBlocks && ! isDisabled;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tcontentClassName=\"block-editor-block-navigation__popover\"\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<BlockNavigationDropdownToggle\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tinnerRef={ ref }\n\t\t\t\t\tisOpen={ isOpen }\n\t\t\t\t\tonToggle={ onToggle }\n\t\t\t\t\tisEnabled={ isEnabled }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\trenderContent={ () => (\n\t\t\t\t<div className=\"block-editor-block-navigation__container\">\n\t\t\t\t\t<p className=\"block-editor-block-navigation__label\">\n\t\t\t\t\t\t{ __( 'List view' ) }\n\t\t\t\t\t</p>\n\n\t\t\t\t\t<ListView />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( BlockNavigationDropdown );\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAKA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAwD,IAAAQ,WAAA,GAAAR,OAAA;AAlBxD;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;;AAIA,SAASS,6BAA6BA,CAAE;EACvCC,SAAS;EACTC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACJ,CAAC,EAAG;EACH,oBACC,IAAAN,WAAA,CAAAO,GAAA,EAACd,WAAA,CAAAe,~~MAAM~~;IAAA,~~GACDF~~,KAAK;~~IACVG~~,GAAG,~~EAAGJ~~,QAAU;~~IAChBK~~,IAAI,EAAGC,eAAU;IACjB,~~iBAAgBP~~,MAAQ;IACxB,iBAAc,MAAM;~~IACpBQ~~,OAAO,~~EAAGV~~,SAAS,GAAGC,QAAQ,~~GAAGU~~;IACjC;IACAC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BC,SAAS,EAAC,+BAA+B;IACzC,iBAAgB,~~CAAEd~~;EAAW,CAC7B,CAAC;AAEJ;AAEA,~~SAASe~~,uBAAuBA,CAAE;EAAEC,UAAU;EAAE,~~GAAGZ~~;AAAM,CAAC,~~EAAEG~~,GAAG,EAAG;EACjE,IAAAU,mBAAU,EAAE,wCAAwC,EAAE;IACrDC,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EAEH,MAAMC,SAAS,GAAG,IAAAC,eAAS,EACxBC,MAAM,IAAM,CAAC,CAAEA,MAAM,CAAEC,YAAiB,CAAC,CAACC,aAAa,CAAC,CAAC,EAC3D,EACD,CAAC;EACD,~~MAAMxB~~,SAAS,~~GAAGoB~~,SAAS,IAAI,CAAEJ,UAAU;EAE3C,oBACC,~~IAAAlB~~,WAAA,CAAAO,GAAA,EAACd,WAAA,~~CAAAkC~~,QAAQ;IACRC,gBAAgB,EAAC,wCAAwC;IACzDC,YAAY,EAAG;MAAEC,SAAS,EAAE;IAAe,CAAG;IAC9CC,YAAY,EAAGA,CAAE;~~MAAE3B~~,MAAM;MAAED;IAAS,CAAC,kBACpC,IAAAH,WAAA,CAAAO,GAAA,EAACN,6BAA6B;MAAA,GACxBK,KAAK;MACVD,QAAQ,~~EAAGI~~,GAAK;~~MAChBL~~,MAAM,EAAGA,MAAQ;MACjBD,QAAQ,EAAGA,QAAU;MACrBD,SAAS,EAAGA;IAAW,CACvB,CACC;~~IACH8B~~,aAAa,EAAGA,CAAA,kBACf,~~IAAAhC~~,WAAA,~~CAAAiC~~,IAAA;MAAKjB,SAAS,EAAC,0CAA0C;MAAAkB,QAAA,gBACxD,~~IAAAlC~~,WAAA,CAAAO,GAAA;~~QAAGS~~,SAAS,EAAC,sCAAsC;QAAAkB,QAAA,EAChD,IAAAnB,QAAE,EAAE,WAAY;MAAC,CACjB,CAAC,eAEJ,~~IAAAf~~,WAAA,CAAAO,GAAA,EAACT,SAAA,~~CAAAqC~~,OAAQ,IAAE,CAAC;IAAA,CACR;EACH,CACH,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEc,IAAAG,mBAAU,EAAErB,uBAAwB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_deprecated","_interopRequireDefault","require","_components","_i18n","_data","_element","_icons","_listView","_store","_jsxRuntime","BlockNavigationDropdownToggle","isEnabled","onToggle","isOpen","innerRef","props","jsx","Button","__next40pxDefaultSize","ref","icon","listView","onClick","undefined","label","__","className","BlockNavigationDropdown","isDisabled","deprecated","since","alternative","hasBlocks","useSelect","select","blockEditorStore","getBlockCount","Dropdown","contentClassName","popoverProps","placement","renderToggle","renderContent","jsxs","children","default","_default","exports","forwardRef"],"sources":["@wordpress/block-editor/src/components/block-navigation/dropdown.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport deprecated from '@wordpress/deprecated';\n\n/\n WordPress dependencies\n /\nimport { Button, Dropdown } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { listView } from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport ListView from '../list-view';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockNavigationDropdownToggle( {\n\tisEnabled,\n\tonToggle,\n\tisOpen,\n\tinnerRef,\n\t...props\n} ) {\n\treturn (\n\t\t<Button\n\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t__next40pxDefaultSize={ false }\n\t\t\t{ ...props }\n\t\t\tref={ innerRef }\n\t\t\ticon={ listView }\n\t\t\taria-expanded={ isOpen }\n\t\t\taria-haspopup=\"true\"\n\t\t\tonClick={ isEnabled ? onToggle : undefined }\n\t\t\t/ translators: button label text should, if possible, be under 16 characters. */\n\t\t\tlabel={ __( 'List view' ) }\n\t\t\tclassName=\"block-editor-block-navigation\"\n\t\t\taria-disabled={ ! isEnabled }\n\t\t/>\n\t);\n}\n\nfunction BlockNavigationDropdown( { isDisabled, ...props }, ref ) {\n\tdeprecated( 'wp.blockEditor.BlockNavigationDropdown', {\n\t\tsince: '6.1',\n\t\talternative: 'wp.components.Dropdown and wp.blockEditor.ListView',\n\t} );\n\n\tconst hasBlocks = useSelect(\n\t\t( select ) => !! select( blockEditorStore ).getBlockCount(),\n\t\t[]\n\t);\n\tconst isEnabled = hasBlocks && ! isDisabled;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tcontentClassName=\"block-editor-block-navigation__popover\"\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<BlockNavigationDropdownToggle\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tinnerRef={ ref }\n\t\t\t\t\tisOpen={ isOpen }\n\t\t\t\t\tonToggle={ onToggle }\n\t\t\t\t\tisEnabled={ isEnabled }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\trenderContent={ () => (\n\t\t\t\t<div className=\"block-editor-block-navigation__container\">\n\t\t\t\t\t<p className=\"block-editor-block-navigation__label\">\n\t\t\t\t\t\t{ __( 'List view' ) }\n\t\t\t\t\t</p>\n\n\t\t\t\t\t<ListView />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( BlockNavigationDropdown );\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAKA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAwD,IAAAQ,WAAA,GAAAR,OAAA;AAlBxD;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;;AAIA,SAASS,6BAA6BA,CAAE;EACvCC,SAAS;EACTC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACJ,CAAC,EAAG;EACH,oBACC,IAAAN,WAAA,CAAAO,GAAA,EAACd,WAAA,CAAAe;EACA;EAAA;IACAC,qBAAqB,EAAG,KAAO;IAAA,GAC1BH,KAAK;IACVI,GAAG,EAAGL,QAAU;IAChBM,IAAI,EAAGC,eAAU;IACjB,iBAAgBR,MAAQ;IACxB,iBAAc,MAAM;IACpBS,OAAO,EAAGX,SAAS,GAAGC,QAAQ,GAAGW;IACjC;IACAC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BC,SAAS,EAAC,+BAA+B;IACzC,iBAAgB,CAAEf;EAAW,CAC7B,CAAC;AAEJ;AAEA,SAASgB,uBAAuBA,CAAE;EAAEC,UAAU;EAAE,GAAGb;AAAM,CAAC,EAAEI,GAAG,EAAG;EACjE,IAAAU,mBAAU,EAAE,wCAAwC,EAAE;IACrDC,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EAEH,MAAMC,SAAS,GAAG,IAAAC,eAAS,EACxBC,MAAM,IAAM,CAAC,CAAEA,MAAM,CAAEC,YAAiB,CAAC,CAACC,aAAa,CAAC,CAAC,EAC3D,EACD,CAAC;EACD,MAAMzB,SAAS,GAAGqB,SAAS,IAAI,CAAEJ,UAAU;EAE3C,oBACC,IAAAnB,WAAA,CAAAO,GAAA,EAACd,WAAA,CAAAmC,QAAQ;IACRC,gBAAgB,EAAC,wCAAwC;IACzDC,YAAY,EAAG;MAAEC,SAAS,EAAE;IAAe,CAAG;IAC9CC,YAAY,EAAGA,CAAE;MAAE5B,MAAM;MAAED;IAAS,CAAC,kBACpC,IAAAH,WAAA,CAAAO,GAAA,EAACN,6BAA6B;MAAA,GACxBK,KAAK;MACVD,QAAQ,EAAGK,GAAK;MAChBN,MAAM,EAAGA,MAAQ;MACjBD,QAAQ,EAAGA,QAAU;MACrBD,SAAS,EAAGA;IAAW,CACvB,CACC;IACH+B,aAAa,EAAGA,CAAA,kBACf,IAAAjC,WAAA,CAAAkC,IAAA;MAAKjB,SAAS,EAAC,0CAA0C;MAAAkB,QAAA,gBACxD,IAAAnC,WAAA,CAAAO,GAAA;QAAGU,SAAS,EAAC,sCAAsC;QAAAkB,QAAA,EAChD,IAAAnB,QAAE,EAAE,WAAY;MAAC,CACjB,CAAC,eAEJ,IAAAhB,WAAA,CAAAO,GAAA,EAACT,SAAA,CAAAsC,OAAQ,IAAE,CAAC;IAAA,CACR;EACH,CACH,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEc,IAAAG,mBAAU,EAAErB,uBAAwB,CAAC","ignoreList":[]}

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

@@ -28,8 +28,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 const {
   CompositeV2: Composite,
-  CompositeItemV2: CompositeItem,
-  useCompositeStoreV2: useCompositeStore
+  CompositeItemV2: CompositeItem
 } = (0, _lockUnlock.unlock)(_components.privateApis);
 const SetupContent = ({
   viewMode,
@@ -38,7 +37,6 @@ const SetupContent = ({
   onBlockPatternSelect,
   showTitles
 }) => {
-  const compositeStore = useCompositeStore();
   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']]);
@@ -60,7 +58,6 @@ const SetupContent = ({
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "block-editor-block-pattern-setup__grid",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Composite, {
-      store: compositeStore,
       role: "listbox",
       className: containerClass,
       "aria-label": (0, _i18n.__)('Patterns list'),

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_data","require","_blocks","_components","_element","_compose","_i18n","_store","_blockPreview","_interopRequireDefault","_setupToolbar","_usePatternsSetup","_constants","_lockUnlock","_jsxRuntime","CompositeV2","Composite","CompositeItemV2","CompositeItem","useCompositeStoreV2","useCompositeStore","unlock","componentsPrivateApis","SetupContent","viewMode","activeSlide","patterns","onBlockPatternSelect","showTitles","compositeStore","containerClass","VIEWMODES","carousel","slideClass","Map","jsx","className","children","map","pattern","index","BlockPatternSlide","active","get","name","store","role","__","BlockPattern","onSelect","baseClassName","blocks","description","viewportWidth","descriptionId","useInstanceId","jsxs","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 {\n\tVisuallyHidden,\n\tprivateApis as componentsPrivateApis,\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';\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tCompositeV2: Composite,\n\tCompositeItemV2: CompositeItem,\n\tuseCompositeStoreV2: useCompositeStore,\n} = unlock( componentsPrivateApis );\n\nconst SetupContent = ( {\n\tviewMode,\n\tactiveSlide,\n\tpatterns,\n\tonBlockPatternSelect,\n\tshowTitles,\n} ) => {\n\tconst compositeStore = useCompositeStore();\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\tstore={ compositeStore }\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<CompositeItem\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</CompositeItem>\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":[]}
1	+ {"version":3,"names":["_data","require","_blocks","_components","_element","_compose","_i18n","_store","_blockPreview","_interopRequireDefault","_setupToolbar","_usePatternsSetup","_constants","_lockUnlock","_jsxRuntime","CompositeV2","Composite","CompositeItemV2","CompositeItem","unlock","componentsPrivateApis","SetupContent","viewMode","activeSlide","patterns","onBlockPatternSelect","showTitles","containerClass","VIEWMODES","carousel","slideClass","Map","jsx","className","children","map","pattern","index","BlockPatternSlide","active","get","name","role","__","BlockPattern","onSelect","baseClassName","blocks","description","viewportWidth","descriptionId","useInstanceId","jsxs","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 {\n\tVisuallyHidden,\n\tprivateApis as componentsPrivateApis,\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';\nimport { unlock } from '../../lock-unlock';\n\nconst { CompositeV2: Composite, CompositeItemV2: CompositeItem } = unlock(\n\tcomponentsPrivateApis\n);\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<CompositeItem\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</CompositeItem>\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":[]}

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

@@ -21,7 +21,10 @@ const Actions = ({
   onBlockPatternSelect
 }) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
   className: "block-editor-block-pattern-setup__actions",
-  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+  // TODO: Switch to `true` (40px size) if possible
+  , {
+    __next40pxDefaultSize: false,
     variant: "primary",
     onClick: onBlockPatternSelect,
     children: (0, _i18n.__)('Choose')
@@ -34,14 +37,20 @@ const CarouselNavigation = ({
   totalSlides
 }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
   className: "block-editor-block-pattern-setup__navigation",
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-    icon: _icons.chevronLeft,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+  // TODO: Switch to `true` (40px size) if possible
+  , {
+    __next40pxDefaultSize: false,
+    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, {
-    icon: _icons.chevronRight,
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+  // TODO: Switch to `true` (40px size) if possible
+  , {
+    __next40pxDefaultSize: false,
+    icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight,
     label: (0, _i18n.__)('Next pattern'),
     onClick: handleNext,
     disabled: activeSlide === totalSlides - 1,
@@ -60,12 +69,18 @@ const SetupToolbar = ({
   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, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+    // TODO: Switch to `true` (40px size) if possible
+    , {
+      __next40pxDefaultSize: false,
       icon: _icons.stretchFullWidth,
       label: (0, _i18n.__)('Carousel view'),
       onClick: () => setViewMode(_constants.VIEWMODES.carousel),
       isPressed: isCarouselView
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+    // TODO: Switch to `true` (40px size) if possible
+    , {
+      __next40pxDefaultSize: false,
       icon: _icons.grid,
       label: (0, _i18n.__)('Grid view'),
       onClick: () => setViewMode(_constants.VIEWMODES.grid),

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_components","_icons","_constants","_jsxRuntime","Actions","onBlockPatternSelect","jsx","className","children","Button","variant","onClick","__","CarouselNavigation","handlePrevious","handleNext","activeSlide","totalSlides","jsxs","icon","chevronLeft","label","disabled","accessibleWhenDisabled","~~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\taccessibleWhenDisabled\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\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\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;AAAwC,IAAAI,WAAA,GAAAJ,OAAA;AAfxC;AACA;AACA;;AAUA;AACA;AACA;;AAGA,MAAMK,OAAO,GAAGA,CAAE;EAAEC;AAAqB,CAAC,kBACzC,IAAAF,WAAA,CAAAG,GAAA;EAAKC,SAAS,EAAC,2CAA2C;EAAAC,QAAA,eACzD,IAAAL,WAAA,CAAAG,GAAA,EAACN,WAAA,CAAAS,~~MAAM~~;~~IAACC~~,OAAO,EAAC,SAAS;~~IAACC~~,OAAO,~~EAAGN~~,oBAAsB;IAAAG,QAAA,~~EACvD~~,~~IAAAI~~,QAAE,EAAE,QAAS;EAAC,CACT;AAAC,CACL,CACL;AAED,MAAMC,kBAAkB,GAAGA,CAAE;EAC5BC,cAAc;EACdC,UAAU;EACVC,WAAW;EACXC;AACD,CAAC,kBACA,~~IAAAd~~,WAAA,~~CAAAe~~,IAAA;~~EAAKX~~,SAAS,EAAC,8CAA8C;EAAAC,QAAA,gBAC5D,IAAAL,WAAA,CAAAG,GAAA,EAACN,WAAA,CAAAS,~~MAAM~~;~~IACNU~~,IAAI,~~EAAGC~~,kBAAa;~~IACpBC~~,KAAK,EAAG,~~IAAAT~~,QAAE,EAAE,kBAAmB,CAAG;IAClCD,OAAO,EAAGG,cAAgB;~~IAC1BQ~~,QAAQ,~~EAAGN~~,WAAW,KAAK,CAAG;~~IAC9BO~~,sBAAsB;EAAA,CACtB,CAAC,eACF,~~IAAApB~~,WAAA,CAAAG,GAAA,EAACN,WAAA,CAAAS,~~MAAM~~;~~IACNU~~,IAAI,~~EAAGK~~,mBAAc;~~IACrBH~~,KAAK,EAAG,~~IAAAT~~,QAAE,EAAE,cAAe,CAAG;IAC9BD,OAAO,EAAGI,UAAY;~~IACtBO~~,QAAQ,~~EAAGN~~,WAAW,KAAKC,WAAW,GAAG,CAAG;~~IAC5CM~~,sBAAsB;EAAA,CACtB,CAAC;AAAA,CACE,CACL;AAED,~~MAAME~~,YAAY,GAAGA,CAAE;EACtBC,QAAQ;EACRC,WAAW;~~EACXb~~,cAAc;EACdC,UAAU;EACVC,WAAW;EACXC,WAAW;~~EACXZ~~;AACD,CAAC,KAAM;EACN,~~MAAMuB~~,cAAc,GAAGF,QAAQ,KAAKG,oBAAS,CAACC,QAAQ;EACtD,MAAMC,eAAe,gBACpB,~~IAAA5B~~,WAAA,~~CAAAe~~,IAAA;~~IAAKX~~,SAAS,EAAC,oDAAoD;IAAAC,QAAA,gBAClE,IAAAL,WAAA,CAAAG,GAAA,EAACN,WAAA,CAAAS,~~MAAM~~;~~MACNU~~,IAAI,~~EAAGa~~,uBAAkB;~~MACzBX~~,KAAK,EAAG,~~IAAAT~~,QAAE,EAAE,eAAgB,CAAG;MAC/BD,OAAO,EAAGA,CAAA,~~KAAMgB~~,WAAW,CAAEE,oBAAS,CAACC,QAAS,CAAG;MACnDG,SAAS,EAAGL;IAAgB,CAC5B,CAAC,eACF,~~IAAAzB~~,WAAA,CAAAG,GAAA,EAACN,WAAA,CAAAS,~~MAAM~~;~~MACNU~~,IAAI,~~EAAGe~~,WAAM;~~MACbb~~,KAAK,EAAG,~~IAAAT~~,QAAE,EAAE,WAAY,CAAG;MAC3BD,OAAO,EAAGA,CAAA,~~KAAMgB~~,WAAW,CAAEE,oBAAS,CAACK,IAAK,CAAG;MAC/CD,SAAS,EAAGP,QAAQ,KAAKG,oBAAS,CAACK;IAAM,CACzC,CAAC;EAAA,CACE,CACL;EACD,oBACC,~~IAAA/B~~,WAAA,~~CAAAe~~,IAAA;~~IAAKX~~,SAAS,EAAC,2CAA2C;IAAAC,QAAA,~~GACvDoB~~,cAAc,iBACf,~~IAAAzB~~,WAAA,CAAAG,GAAA,~~EAACO~~,kBAAkB;MAClBC,cAAc,EAAGA,cAAgB;MACjCC,UAAU,EAAGA,UAAY;MACzBC,WAAW,EAAGA,WAAa;MAC3BC,WAAW,EAAGA;IAAa,CAC3B,CACD,~~EACCc~~,eAAe,EACfH,cAAc,iBACf,~~IAAAzB~~,WAAA,CAAAG,GAAA,EAACF,OAAO;MAACC,oBAAoB,EAAGA;IAAsB,CAAE,CACxD;EAAA,CACG,CAAC;AAER,CAAC;AAAC,~~IAAA8B~~,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaZ,YAAY","ignoreList":[]}
1	+ {"version":3,"names":["_i18n","require","_components","_icons","_constants","_jsxRuntime","Actions","onBlockPatternSelect","jsx","className","children","Button","__next40pxDefaultSize","variant","onClick","__","CarouselNavigation","handlePrevious","handleNext","activeSlide","totalSlides","jsxs","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// TODO: Switch to `true` (40px size) if possible\n\t\t\t__next40pxDefaultSize={ false }\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\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t__next40pxDefaultSize={ false }\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\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t__next40pxDefaultSize={ false }\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\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t__next40pxDefaultSize={ false }\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\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t__next40pxDefaultSize={ false }\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":[]}

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

@@ -32,8 +32,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 const {
   CompositeV2: Composite,
-  CompositeItemV2: CompositeItem,
-  useCompositeStoreV2: useCompositeStore
+  CompositeItemV2: CompositeItem
 } = (0, _lockUnlock.unlock)(_components.privateApis);
 const WithToolTip = ({
   showTooltip,
@@ -175,20 +174,18 @@ function BlockPatternsList({
   showTitlesAsTooltip,
   pagingProps
 }, ref) {
-  const compositeStore = useCompositeStore({
-    orientation
-  });
-  const {
-    setActiveId
-  } = compositeStore;
+  const [activeCompositeId, setActiveCompositeId] = (0, _element.useState)(undefined);
   (0, _element.useEffect)(() => {
-    // We reset the active composite item whenever the
-    // available patterns change, to make sure that
-    // focus is put back to the start.
-    setActiveId(undefined);
-  }, [setActiveId, shownPatterns, blockPatterns]);
+    // Reset the active composite item whenever the available patterns change,
+    // to make sure that Composite widget can receive focus correctly when its
+    // composite items change. The first composite item will receive focus.
+    const firstCompositeItemId = blockPatterns.find(pattern => shownPatterns.includes(pattern))?.name;
+    setActiveCompositeId(firstCompositeItemId);
+  }, [shownPatterns, blockPatterns]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Composite, {
-    store: compositeStore,
+    orientation: orientation,
+    activeId: activeCompositeId,
+    setActiveId: setActiveCompositeId,
     role: "listbox",
     className: "block-editor-block-patterns-list",
     "aria-label": label,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_blocks","_element","_components","_compose","_i18n","_icons","_lockUnlock","_blockPreview","_inserterDraggableBlocks","_blockPatternsPaging","_utils","_jsxRuntime","CompositeV2","Composite","CompositeItemV2","CompositeItem","useCompositeStoreV2","useCompositeStore","unlock","componentsPrivateApis","WithToolTip","showTooltip","title","children","jsx","Tooltip","text","Fragment","BlockPattern","id","isDraggable","pattern","onClick","onHover","showTitle","category","isDragging","setIsDragging","useState","blocks","viewportWidth","instanceId","useInstanceId","descriptionId","patternBlocks","useMemo","map","block","clonedBlock","cloneBlock","attributes","metadata","categories","includes","default","isEnabled","draggable","onDragStart","onDragEnd","className","event","type","INSERTER_PATTERN_TYPES","user","jsxs","render","role","description","undefined","clsx","syncStatus","onMouseEnter","onMouseLeave","__experimentalHStack","spacing","Icon","icon","symbol","VisuallyHidden","BlockPatternPlaceholder","BlockPatternsList","blockPatterns","shownPatterns","onClickPattern","orientation","label","__","showTitlesAsTooltip","pagingProps","ref","compositeStore","setActiveId","useEffect","store","isShown","name","_default","exports","forwardRef"],"sources":["@wordpress/block-editor/src/components/block-patterns-list/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { cloneBlock } from '@wordpress/blocks';\nimport { useEffect, useState, forwardRef, useMemo } from '@wordpress/element';\nimport {\n\tVisuallyHidden,\n\tTooltip,\n\tprivateApis as componentsPrivateApis,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { Icon, symbol } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport BlockPreview from '../block-preview';\nimport InserterDraggableBlocks from '../inserter-draggable-blocks';\nimport BlockPatternsPaging from '../block-patterns-paging';\nimport { INSERTER_PATTERN_TYPES } from '../inserter/block-patterns-tab/utils';\n\nconst {\n\tCompositeV2: Composite,\n\tCompositeItemV2: CompositeItem,\n\tuseCompositeStoreV2: useCompositeStore,\n} = unlock( componentsPrivateApis );\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\tid,\n\tisDraggable,\n\tpattern,\n\tonClick,\n\tonHover,\n\tshowTitle = true,\n\tshowTooltip,\n\tcategory,\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\t// When we have a selected category and the pattern is draggable, we need to update the\n\t// pattern's categories in metadata to only contain the selected category, and pass this to\n\t// InserterDraggableBlocks component. We do that because we use this information for pattern\n\t// shuffling and it makes more sense to show only the ones from the initially selected category during insertion.\n\tconst patternBlocks = useMemo( () => {\n\t\tif ( ! category \|\| ! isDraggable ) {\n\t\t\treturn blocks;\n\t\t}\n\t\treturn ( blocks ?? [] ).map( ( block ) => {\n\t\t\tconst clonedBlock = cloneBlock( block );\n\t\t\tif (\n\t\t\t\tclonedBlock.attributes.metadata?.categories?.includes(\n\t\t\t\t\tcategory\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tclonedBlock.attributes.metadata.categories = [ category ];\n\t\t\t}\n\t\t\treturn clonedBlock;\n\t\t} );\n\t}, [ blocks, isDraggable, category ] );\n\n\treturn (\n\t\t<InserterDraggableBlocks\n\t\t\tisEnabled={ isDraggable }\n\t\t\tblocks={ patternBlocks }\n\t\t\tpattern={ 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={\n\t\t\t\t\t\t\tshowTooltip &&\n\t\t\t\t\t\t\t! pattern.type !== INSERTER_PATTERN_TYPES.user\n\t\t\t\t\t\t}\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\trender={\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\taria-label={ pattern.title }\n\t\t\t\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\t\t\t\tpattern.description\n\t\t\t\t\t\t\t\t\t\t\t? descriptionId\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'block-editor-block-patterns-list__item',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'block-editor-block-patterns-list__list-item-synced':\n\t\t\t\t\t\t\t\t\t\t\t\tpattern.type ===\n\t\t\t\t\t\t\t\t\t\t\t\t\tINSERTER_PATTERN_TYPES.user &&\n\t\t\t\t\t\t\t\t\t\t\t\t! pattern.syncStatus,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tid={ id }\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>\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\n\t\t\t\t\t\t\t{ showTitle && (\n\t\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-patterns__pattern-details\"\n\t\t\t\t\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ pattern.type ===\n\t\t\t\t\t\t\t\t\t\tINSERTER_PATTERN_TYPES.user &&\n\t\t\t\t\t\t\t\t\t\t! pattern.syncStatus && (\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"block-editor-patterns__pattern-icon-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"block-editor-patterns__pattern-icon\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon={ symbol }\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ ( ! showTooltip \|\|\n\t\t\t\t\t\t\t\t\t\tpattern.type ===\n\t\t\t\t\t\t\t\t\t\t\tINSERTER_PATTERN_TYPES.user ) && (\n\t\t\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\t\t{ pattern.title }\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t) }\n\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 BlockPatternsList(\n\t{\n\t\tisDraggable,\n\t\tblockPatterns,\n\t\tshownPatterns,\n\t\tonHover,\n\t\tonClickPattern,\n\t\torientation,\n\t\tlabel = __( 'Block patterns' ),\n\t\tcategory,\n\t\tshowTitle = true,\n\t\tshowTitlesAsTooltip,\n\t\tpagingProps,\n\t},\n\tref\n) {\n\tconst compositeStore = useCompositeStore( { orientation } );\n\tconst { setActiveId } = compositeStore;\n\n\tuseEffect( () => {\n\t\t// We reset the active composite item whenever the\n\t\t// available patterns change, to make sure that\n\t\t// focus is put back to the start.\n\t\tsetActiveId( undefined );\n\t}, [ setActiveId, shownPatterns, blockPatterns ] );\n\n\treturn (\n\t\t<Composite\n\t\t\tstore={ compositeStore }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-block-patterns-list\"\n\t\t\taria-label={ label }\n\t\t\tref={ ref }\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\tid={ 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\tshowTitle={ showTitle }\n\t\t\t\t\t\tshowTooltip={ showTitlesAsTooltip }\n\t\t\t\t\t\tcategory={ category }\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\t{ pagingProps && <BlockPatternsPaging { ...pagingProps } /> }\n\t\t</Composite>\n\t);\n}\n\nexport default forwardRef( BlockPatternsList );\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_blocks","_element","_components","_compose","_i18n","_icons","_lockUnlock","_blockPreview","_inserterDraggableBlocks","_blockPatternsPaging","_utils","_jsxRuntime","CompositeV2","Composite","CompositeItemV2","CompositeItem","unlock","componentsPrivateApis","WithToolTip","showTooltip","title","children","jsx","Tooltip","text","Fragment","BlockPattern","id","isDraggable","pattern","onClick","onHover","showTitle","category","isDragging","setIsDragging","useState","blocks","viewportWidth","instanceId","useInstanceId","descriptionId","patternBlocks","useMemo","map","block","clonedBlock","cloneBlock","attributes","metadata","categories","includes","default","isEnabled","draggable","onDragStart","onDragEnd","className","event","type","INSERTER_PATTERN_TYPES","user","jsxs","render","role","description","undefined","clsx","syncStatus","onMouseEnter","onMouseLeave","__experimentalHStack","spacing","Icon","icon","symbol","VisuallyHidden","BlockPatternPlaceholder","BlockPatternsList","blockPatterns","shownPatterns","onClickPattern","orientation","label","__","showTitlesAsTooltip","pagingProps","ref","activeCompositeId","setActiveCompositeId","useEffect","firstCompositeItemId","find","name","activeId","setActiveId","isShown","_default","exports","forwardRef"],"sources":["@wordpress/block-editor/src/components/block-patterns-list/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { cloneBlock } from '@wordpress/blocks';\nimport { useEffect, useState, forwardRef, useMemo } from '@wordpress/element';\nimport {\n\tVisuallyHidden,\n\tTooltip,\n\tprivateApis as componentsPrivateApis,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { Icon, symbol } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport BlockPreview from '../block-preview';\nimport InserterDraggableBlocks from '../inserter-draggable-blocks';\nimport BlockPatternsPaging from '../block-patterns-paging';\nimport { INSERTER_PATTERN_TYPES } from '../inserter/block-patterns-tab/utils';\n\nconst { CompositeV2: Composite, CompositeItemV2: CompositeItem } = unlock(\n\tcomponentsPrivateApis\n);\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\tid,\n\tisDraggable,\n\tpattern,\n\tonClick,\n\tonHover,\n\tshowTitle = true,\n\tshowTooltip,\n\tcategory,\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\t// When we have a selected category and the pattern is draggable, we need to update the\n\t// pattern's categories in metadata to only contain the selected category, and pass this to\n\t// InserterDraggableBlocks component. We do that because we use this information for pattern\n\t// shuffling and it makes more sense to show only the ones from the initially selected category during insertion.\n\tconst patternBlocks = useMemo( () => {\n\t\tif ( ! category \|\| ! isDraggable ) {\n\t\t\treturn blocks;\n\t\t}\n\t\treturn ( blocks ?? [] ).map( ( block ) => {\n\t\t\tconst clonedBlock = cloneBlock( block );\n\t\t\tif (\n\t\t\t\tclonedBlock.attributes.metadata?.categories?.includes(\n\t\t\t\t\tcategory\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tclonedBlock.attributes.metadata.categories = [ category ];\n\t\t\t}\n\t\t\treturn clonedBlock;\n\t\t} );\n\t}, [ blocks, isDraggable, category ] );\n\n\treturn (\n\t\t<InserterDraggableBlocks\n\t\t\tisEnabled={ isDraggable }\n\t\t\tblocks={ patternBlocks }\n\t\t\tpattern={ 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={\n\t\t\t\t\t\t\tshowTooltip &&\n\t\t\t\t\t\t\t! pattern.type !== INSERTER_PATTERN_TYPES.user\n\t\t\t\t\t\t}\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\trender={\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\taria-label={ pattern.title }\n\t\t\t\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\t\t\t\tpattern.description\n\t\t\t\t\t\t\t\t\t\t\t? descriptionId\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'block-editor-block-patterns-list__item',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'block-editor-block-patterns-list__list-item-synced':\n\t\t\t\t\t\t\t\t\t\t\t\tpattern.type ===\n\t\t\t\t\t\t\t\t\t\t\t\t\tINSERTER_PATTERN_TYPES.user &&\n\t\t\t\t\t\t\t\t\t\t\t\t! pattern.syncStatus,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tid={ id }\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>\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\n\t\t\t\t\t\t\t{ showTitle && (\n\t\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-patterns__pattern-details\"\n\t\t\t\t\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ pattern.type ===\n\t\t\t\t\t\t\t\t\t\tINSERTER_PATTERN_TYPES.user &&\n\t\t\t\t\t\t\t\t\t\t! pattern.syncStatus && (\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"block-editor-patterns__pattern-icon-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"block-editor-patterns__pattern-icon\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon={ symbol }\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ ( ! showTooltip \|\|\n\t\t\t\t\t\t\t\t\t\tpattern.type ===\n\t\t\t\t\t\t\t\t\t\t\tINSERTER_PATTERN_TYPES.user ) && (\n\t\t\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\t\t{ pattern.title }\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t) }\n\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 BlockPatternsList(\n\t{\n\t\tisDraggable,\n\t\tblockPatterns,\n\t\tshownPatterns,\n\t\tonHover,\n\t\tonClickPattern,\n\t\torientation,\n\t\tlabel = __( 'Block patterns' ),\n\t\tcategory,\n\t\tshowTitle = true,\n\t\tshowTitlesAsTooltip,\n\t\tpagingProps,\n\t},\n\tref\n) {\n\tconst [ activeCompositeId, setActiveCompositeId ] = useState( undefined );\n\n\tuseEffect( () => {\n\t\t// Reset the active composite item whenever the available patterns change,\n\t\t// to make sure that Composite widget can receive focus correctly when its\n\t\t// composite items change. The first composite item will receive focus.\n\t\tconst firstCompositeItemId = blockPatterns.find( ( pattern ) =>\n\t\t\tshownPatterns.includes( pattern )\n\t\t)?.name;\n\t\tsetActiveCompositeId( firstCompositeItemId );\n\t}, [ shownPatterns, blockPatterns ] );\n\n\treturn (\n\t\t<Composite\n\t\t\torientation={ orientation }\n\t\t\tactiveId={ activeCompositeId }\n\t\t\tsetActiveId={ setActiveCompositeId }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-block-patterns-list\"\n\t\t\taria-label={ label }\n\t\t\tref={ ref }\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\tid={ 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\tshowTitle={ showTitle }\n\t\t\t\t\t\tshowTooltip={ showTitlesAsTooltip }\n\t\t\t\t\t\tcategory={ category }\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\t{ pagingProps && <BlockPatternsPaging { ...pagingProps } /> }\n\t\t</Composite>\n\t);\n}\n\nexport default forwardRef( BlockPatternsList );\n"],"mappings":"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","ignoreList":[]}