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

package/build/components/block-manager/index.js

@@ -1,108 +1,140 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var block_manager_exports = {};
+__export(block_manager_exports, {
+  default: () => BlockManager
 });
-exports.default = BlockManager;
-var _blocks = require("@wordpress/blocks");
-var _data = require("@wordpress/data");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _element = require("@wordpress/element");
-var _compose = require("@wordpress/compose");
-var _a11y = require("@wordpress/a11y");
-var _category = _interopRequireDefault(require("./category"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * Provides a list of blocks with checkboxes.
- *
- * @param {Object}   props                    Props.
- * @param {Array}    props.blockTypes         An array of blocks.
- * @param {Array}    props.selectedBlockTypes An array of selected blocks.
- * @param {Function} props.onChange           Function to be called when the selected blocks change.
- */function BlockManager({
+module.exports = __toCommonJS(block_manager_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_blocks = require("@wordpress/blocks");
+var import_data = require("@wordpress/data");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_element = require("@wordpress/element");
+var import_compose = require("@wordpress/compose");
+var import_a11y = require("@wordpress/a11y");
+var import_category = __toESM(require("./category"));
+function BlockManager({
   blockTypes,
   selectedBlockTypes,
-  onChange
+  onChange,
+  showSelectAll = true
 }) {
-  const debouncedSpeak = (0, _compose.useDebounce)(_a11y.speak, 500);
-  const [search, setSearch] = (0, _element.useState)('');
-  const {
-    categories,
-    isMatchingSearchTerm
-  } = (0, _data.useSelect)(select => {
+  const debouncedSpeak = (0, import_compose.useDebounce)(import_a11y.speak, 500);
+  const [search, setSearch] = (0, import_element.useState)("");
+  const { categories, isMatchingSearchTerm } = (0, import_data.useSelect)((select) => {
     return {
-      categories: select(_blocks.store).getCategories(),
-      isMatchingSearchTerm: select(_blocks.store).isMatchingSearchTerm
+      categories: select(import_blocks.store).getCategories(),
+      isMatchingSearchTerm: select(import_blocks.store).isMatchingSearchTerm
     };
   }, []);
-  function enableAllBlockTypes() {
-    onChange(blockTypes);
-  }
-  const filteredBlockTypes = blockTypes.filter(blockType => {
+  const filteredBlockTypes = blockTypes.filter((blockType) => {
     return !search || isMatchingSearchTerm(blockType, search);
   });
-  const numberOfHiddenBlocks = blockTypes.length - selectedBlockTypes.length;
-
-  // Announce search results on change
-  (0, _element.useEffect)(() => {
+  const isIndeterminate = selectedBlockTypes.length > 0 && selectedBlockTypes.length !== blockTypes.length;
+  const isAllChecked = blockTypes.length > 0 && selectedBlockTypes.length === blockTypes.length;
+  (0, import_element.useEffect)(() => {
     if (!search) {
       return;
     }
     const count = filteredBlockTypes.length;
-    const resultsFoundMessage = (0, _i18n.sprintf)(/* translators: %d: number of results. */
-    (0, _i18n._n)('%d result found.', '%d results found.', count), count);
+    const resultsFoundMessage = (0, import_i18n.sprintf)(
+      /* translators: %d: number of results. */
+      (0, import_i18n._n)("%d result found.", "%d results found.", count),
+      count
+    );
     debouncedSpeak(resultsFoundMessage);
   }, [filteredBlockTypes?.length, search, debouncedSpeak]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "block-editor-block-manager__content",
-    children: [!!numberOfHiddenBlocks && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "block-editor-block-manager__disabled-blocks-count",
-      children: [(0, _i18n.sprintf)(/* translators: %d: number of blocks. */
-      (0, _i18n._n)('%d block is hidden.', '%d blocks are hidden.', numberOfHiddenBlocks), numberOfHiddenBlocks), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-        __next40pxDefaultSize: true,
-        variant: "link",
-        onClick: enableAllBlockTypes,
-        children: (0, _i18n.__)('Reset')
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SearchControl, {
-      __nextHasNoMarginBottom: true,
-      label: (0, _i18n.__)('Search for a block'),
-      placeholder: (0, _i18n.__)('Search for a block'),
-      value: search,
-      onChange: nextSearch => setSearch(nextSearch),
-      className: "block-editor-block-manager__search"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      tabIndex: "0",
-      role: "region",
-      "aria-label": (0, _i18n.__)('Available block types'),
-      className: "block-editor-block-manager__results",
-      children: [filteredBlockTypes.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        className: "block-editor-block-manager__no-results",
-        children: (0, _i18n.__)('No blocks found.')
-      }), categories.map(category => /*#__PURE__*/(0, _jsxRuntime.jsx)(_category.default, {
-        title: category.title,
-        blockTypes: filteredBlockTypes.filter(blockType => blockType.category === category.slug),
-        selectedBlockTypes: selectedBlockTypes,
-        onChange: onChange
-      }, category.slug)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_category.default, {
-        title: (0, _i18n.__)('Uncategorized'),
-        blockTypes: filteredBlockTypes.filter(({
-          category
-        }) => !category),
-        selectedBlockTypes: selectedBlockTypes,
-        onChange: onChange
-      })]
-    })]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { className: "block-editor-block-manager__content", spacing: 4, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.SearchControl,
+      {
+        __nextHasNoMarginBottom: true,
+        label: (0, import_i18n.__)("Search for a block"),
+        placeholder: (0, import_i18n.__)("Search for a block"),
+        value: search,
+        onChange: (nextSearch) => setSearch(nextSearch),
+        className: "block-editor-block-manager__search"
+      }
+    ),
+    showSelectAll && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.CheckboxControl,
+      {
+        className: "block-editor-block-manager__select-all",
+        label: (0, import_i18n.__)("Select all"),
+        checked: isAllChecked,
+        onChange: () => {
+          if (isAllChecked) {
+            onChange([]);
+          } else {
+            onChange(blockTypes);
+          }
+        },
+        indeterminate: isIndeterminate,
+        __nextHasNoMarginBottom: true
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        tabIndex: "0",
+        role: "region",
+        "aria-label": (0, import_i18n.__)("Available block types"),
+        className: "block-editor-block-manager__results",
+        children: [
+          filteredBlockTypes.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "block-editor-block-manager__no-results", children: (0, import_i18n.__)("No blocks found.") }),
+          categories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_category.default,
+            {
+              title: category.title,
+              blockTypes: filteredBlockTypes.filter(
+                (blockType) => blockType.category === category.slug
+              ),
+              selectedBlockTypes,
+              onChange
+            },
+            category.slug
+          )),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_category.default,
+            {
+              title: (0, import_i18n.__)("Uncategorized"),
+              blockTypes: filteredBlockTypes.filter(
+                ({ category }) => !category
+              ),
+              selectedBlockTypes,
+              onChange
+            }
+          )
+        ]
+      }
+    )
+  ] });
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/build/components/block-manager/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_blocks","require","_data","_components","_i18n","_element","_compose","_a11y","_category","_interopRequireDefault","_jsxRuntime","BlockManager","blockTypes","selectedBlockTypes","onChange","debouncedSpeak","useDebounce","speak","search","setSearch","useState","categories","isMatchingSearchTerm","useSelect","select","blocksStore","getCategories","enableAllBlockTypes","filteredBlockTypes","filter","blockType","numberOfHiddenBlocks","length","useEffect","count","resultsFoundMessage","sprintf","_n","jsxs","className","children","jsx","Button","__next40pxDefaultSize","variant","onClick","__","SearchControl","__nextHasNoMarginBottom","label","placeholder","value","nextSearch","tabIndex","role","map","category","default","title","slug"],"sources":["@wordpress/block-editor/src/components/block-manager/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\nimport { SearchControl, Button } from '@wordpress/components';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { useEffect, useState } from '@wordpress/element';\nimport { useDebounce } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\n\n/**\n * Internal dependencies\n */\nimport BlockManagerCategory from './category';\n\n/**\n * Provides a list of blocks with checkboxes.\n *\n * @param {Object}   props                    Props.\n * @param {Array}    props.blockTypes         An array of blocks.\n * @param {Array}    props.selectedBlockTypes An array of selected blocks.\n * @param {Function} props.onChange           Function to be called when the selected blocks change.\n */\nexport default function BlockManager( {\n\tblockTypes,\n\tselectedBlockTypes,\n\tonChange,\n} ) {\n\tconst debouncedSpeak = useDebounce( speak, 500 );\n\tconst [ search, setSearch ] = useState( '' );\n\tconst { categories, isMatchingSearchTerm } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tcategories: select( blocksStore ).getCategories(),\n\t\t\tisMatchingSearchTerm: select( blocksStore ).isMatchingSearchTerm,\n\t\t};\n\t}, [] );\n\n\tfunction enableAllBlockTypes() {\n\t\tonChange( blockTypes );\n\t}\n\n\tconst filteredBlockTypes = blockTypes.filter( ( blockType ) => {\n\t\treturn ! search || isMatchingSearchTerm( blockType, search );\n\t} );\n\n\tconst numberOfHiddenBlocks = blockTypes.length - selectedBlockTypes.length;\n\n\t// Announce search results on change\n\tuseEffect( () => {\n\t\tif ( ! search ) {\n\t\t\treturn;\n\t\t}\n\t\tconst count = filteredBlockTypes.length;\n\t\tconst resultsFoundMessage = sprintf(\n\t\t\t/* translators: %d: number of results. */\n\t\t\t_n( '%d result found.', '%d results found.', count ),\n\t\t\tcount\n\t\t);\n\t\tdebouncedSpeak( resultsFoundMessage );\n\t}, [ filteredBlockTypes?.length, search, debouncedSpeak ] );\n\n\treturn (\n\t\t<div className=\"block-editor-block-manager__content\">\n\t\t\t{ !! numberOfHiddenBlocks && (\n\t\t\t\t<div className=\"block-editor-block-manager__disabled-blocks-count\">\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: %d: number of blocks. */\n\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t'%d block is hidden.',\n\t\t\t\t\t\t\t'%d blocks are hidden.',\n\t\t\t\t\t\t\tnumberOfHiddenBlocks\n\t\t\t\t\t\t),\n\t\t\t\t\t\tnumberOfHiddenBlocks\n\t\t\t\t\t) }\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\tonClick={ enableAllBlockTypes }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<SearchControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Search for a block' ) }\n\t\t\t\tplaceholder={ __( 'Search for a block' ) }\n\t\t\t\tvalue={ search }\n\t\t\t\tonChange={ ( nextSearch ) => setSearch( nextSearch ) }\n\t\t\t\tclassName=\"block-editor-block-manager__search\"\n\t\t\t/>\n\t\t\t<div\n\t\t\t\ttabIndex=\"0\"\n\t\t\t\trole=\"region\"\n\t\t\t\taria-label={ __( 'Available block types' ) }\n\t\t\t\tclassName=\"block-editor-block-manager__results\"\n\t\t\t>\n\t\t\t\t{ filteredBlockTypes.length === 0 && (\n\t\t\t\t\t<p className=\"block-editor-block-manager__no-results\">\n\t\t\t\t\t\t{ __( 'No blocks found.' ) }\n\t\t\t\t\t</p>\n\t\t\t\t) }\n\t\t\t\t{ categories.map( ( category ) => (\n\t\t\t\t\t<BlockManagerCategory\n\t\t\t\t\t\tkey={ category.slug }\n\t\t\t\t\t\ttitle={ category.title }\n\t\t\t\t\t\tblockTypes={ filteredBlockTypes.filter(\n\t\t\t\t\t\t\t( blockType ) =>\n\t\t\t\t\t\t\t\tblockType.category === category.slug\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tselectedBlockTypes={ selectedBlockTypes }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t\t<BlockManagerCategory\n\t\t\t\t\ttitle={ __( 'Uncategorized' ) }\n\t\t\t\t\tblockTypes={ filteredBlockTypes.filter(\n\t\t\t\t\t\t( { category } ) => ! category\n\t\t\t\t\t) }\n\t\t\t\t\tselectedBlockTypes={ selectedBlockTypes }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-manager/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\nimport {\n\tSearchControl,\n\tCheckboxControl,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { useEffect, useState } from '@wordpress/element';\nimport { useDebounce } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\n\n/**\n * Internal dependencies\n */\nimport BlockManagerCategory from './category';\n\n/**\n * Provides a list of blocks with checkboxes.\n *\n * @param {Object}   props                    Props.\n * @param {Array}    props.blockTypes         An array of blocks.\n * @param {Array}    props.selectedBlockTypes An array of selected blocks.\n * @param {Function} props.onChange           Function to be called when the selected blocks change.\n * @param {boolean}  props.showSelectAll      Whether to show the select all checkbox.\n */\nexport default function BlockManager( {\n\tblockTypes,\n\tselectedBlockTypes,\n\tonChange,\n\tshowSelectAll = true,\n} ) {\n\tconst debouncedSpeak = useDebounce( speak, 500 );\n\tconst [ search, setSearch ] = useState( '' );\n\tconst { categories, isMatchingSearchTerm } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tcategories: select( blocksStore ).getCategories(),\n\t\t\tisMatchingSearchTerm: select( blocksStore ).isMatchingSearchTerm,\n\t\t};\n\t}, [] );\n\n\tconst filteredBlockTypes = blockTypes.filter( ( blockType ) => {\n\t\treturn ! search || isMatchingSearchTerm( blockType, search );\n\t} );\n\n\tconst isIndeterminate =\n\t\tselectedBlockTypes.length > 0 &&\n\t\tselectedBlockTypes.length !== blockTypes.length;\n\n\tconst isAllChecked =\n\t\tblockTypes.length > 0 &&\n\t\tselectedBlockTypes.length === blockTypes.length;\n\n\t// Announce search results on change\n\tuseEffect( () => {\n\t\tif ( ! search ) {\n\t\t\treturn;\n\t\t}\n\t\tconst count = filteredBlockTypes.length;\n\t\tconst resultsFoundMessage = sprintf(\n\t\t\t/* translators: %d: number of results. */\n\t\t\t_n( '%d result found.', '%d results found.', count ),\n\t\t\tcount\n\t\t);\n\t\tdebouncedSpeak( resultsFoundMessage );\n\t}, [ filteredBlockTypes?.length, search, debouncedSpeak ] );\n\n\treturn (\n\t\t<VStack className=\"block-editor-block-manager__content\" spacing={ 4 }>\n\t\t\t<SearchControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Search for a block' ) }\n\t\t\t\tplaceholder={ __( 'Search for a block' ) }\n\t\t\t\tvalue={ search }\n\t\t\t\tonChange={ ( nextSearch ) => setSearch( nextSearch ) }\n\t\t\t\tclassName=\"block-editor-block-manager__search\"\n\t\t\t/>\n\t\t\t{ showSelectAll && (\n\t\t\t\t<CheckboxControl\n\t\t\t\t\tclassName=\"block-editor-block-manager__select-all\"\n\t\t\t\t\tlabel={ __( 'Select all' ) }\n\t\t\t\t\tchecked={ isAllChecked }\n\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\tif ( isAllChecked ) {\n\t\t\t\t\t\t\tonChange( [] );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tonChange( blockTypes );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tindeterminate={ isIndeterminate }\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<div\n\t\t\t\ttabIndex=\"0\"\n\t\t\t\trole=\"region\"\n\t\t\t\taria-label={ __( 'Available block types' ) }\n\t\t\t\tclassName=\"block-editor-block-manager__results\"\n\t\t\t>\n\t\t\t\t{ filteredBlockTypes.length === 0 && (\n\t\t\t\t\t<p className=\"block-editor-block-manager__no-results\">\n\t\t\t\t\t\t{ __( 'No blocks found.' ) }\n\t\t\t\t\t</p>\n\t\t\t\t) }\n\t\t\t\t{ categories.map( ( category ) => (\n\t\t\t\t\t<BlockManagerCategory\n\t\t\t\t\t\tkey={ category.slug }\n\t\t\t\t\t\ttitle={ category.title }\n\t\t\t\t\t\tblockTypes={ filteredBlockTypes.filter(\n\t\t\t\t\t\t\t( blockType ) =>\n\t\t\t\t\t\t\t\tblockType.category === category.slug\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tselectedBlockTypes={ selectedBlockTypes }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t\t<BlockManagerCategory\n\t\t\t\t\ttitle={ __( 'Uncategorized' ) }\n\t\t\t\t\tblockTypes={ filteredBlockTypes.filter(\n\t\t\t\t\t\t( { category } ) => ! category\n\t\t\t\t\t) }\n\t\t\t\t\tselectedBlockTypes={ selectedBlockTypes }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</VStack>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwEG;AArEH,oBAAqC;AACrC,kBAA0B;AAC1B,wBAIO;AACP,kBAAgC;AAChC,qBAAoC;AACpC,qBAA4B;AAC5B,kBAAsB;AAKtB,sBAAiC;AAWlB,SAAR,aAA+B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AACjB,GAAI;AACH,QAAM,qBAAiB,4BAAa,mBAAO,GAAI;AAC/C,QAAM,CAAE,QAAQ,SAAU,QAAI,yBAAU,EAAG;AAC3C,QAAM,EAAE,YAAY,qBAAqB,QAAI,uBAAW,CAAE,WAAY;AACrE,WAAO;AAAA,MACN,YAAY,OAAQ,cAAAA,KAAY,EAAE,cAAc;AAAA,MAChD,sBAAsB,OAAQ,cAAAA,KAAY,EAAE;AAAA,IAC7C;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,QAAM,qBAAqB,WAAW,OAAQ,CAAE,cAAe;AAC9D,WAAO,CAAE,UAAU,qBAAsB,WAAW,MAAO;AAAA,EAC5D,CAAE;AAEF,QAAM,kBACL,mBAAmB,SAAS,KAC5B,mBAAmB,WAAW,WAAW;AAE1C,QAAM,eACL,WAAW,SAAS,KACpB,mBAAmB,WAAW,WAAW;AAG1C,gCAAW,MAAM;AAChB,QAAK,CAAE,QAAS;AACf;AAAA,IACD;AACA,UAAM,QAAQ,mBAAmB;AACjC,UAAM,0BAAsB;AAAA;AAAA,UAE3B,gBAAI,oBAAoB,qBAAqB,KAAM;AAAA,MACnD;AAAA,IACD;AACA,mBAAgB,mBAAoB;AAAA,EACrC,GAAG,CAAE,oBAAoB,QAAQ,QAAQ,cAAe,CAAE;AAE1D,SACC,6CAAC,kBAAAC,sBAAA,EAAO,WAAU,uCAAsC,SAAU,GACjE;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,yBAAuB;AAAA,QACvB,WAAQ,gBAAI,oBAAqB;AAAA,QACjC,iBAAc,gBAAI,oBAAqB;AAAA,QACvC,OAAQ;AAAA,QACR,UAAW,CAAE,eAAgB,UAAW,UAAW;AAAA,QACnD,WAAU;AAAA;AAAA,IACX;AAAA,IACE,iBACD;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,WAAQ,gBAAI,YAAa;AAAA,QACzB,SAAU;AAAA,QACV,UAAW,MAAM;AAChB,cAAK,cAAe;AACnB,qBAAU,CAAC,CAAE;AAAA,UACd,OAAO;AACN,qBAAU,UAAW;AAAA,UACtB;AAAA,QACD;AAAA,QACA,eAAgB;AAAA,QAChB,yBAAuB;AAAA;AAAA,IACxB;AAAA,IAED;AAAA,MAAC;AAAA;AAAA,QACA,UAAS;AAAA,QACT,MAAK;AAAA,QACL,kBAAa,gBAAI,uBAAwB;AAAA,QACzC,WAAU;AAAA,QAER;AAAA,6BAAmB,WAAW,KAC/B,4CAAC,OAAE,WAAU,0CACV,8BAAI,kBAAmB,GAC1B;AAAA,UAEC,WAAW,IAAK,CAAE,aACnB;AAAA,YAAC,gBAAAC;AAAA,YAAA;AAAA,cAEA,OAAQ,SAAS;AAAA,cACjB,YAAa,mBAAmB;AAAA,gBAC/B,CAAE,cACD,UAAU,aAAa,SAAS;AAAA,cAClC;AAAA,cACA;AAAA,cACA;AAAA;AAAA,YAPM,SAAS;AAAA,UAQhB,CACC;AAAA,UACF;AAAA,YAAC,gBAAAA;AAAA,YAAA;AAAA,cACA,WAAQ,gBAAI,eAAgB;AAAA,cAC5B,YAAa,mBAAmB;AAAA,gBAC/B,CAAE,EAAE,SAAS,MAAO,CAAE;AAAA,cACvB;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACD;AAAA;AAAA;AAAA,IACD;AAAA,KACD;AAEF;",
+  "names": ["blocksStore", "VStack", "BlockManagerCategory"]
+}

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

@@ -1,152 +1,174 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var button_exports = {};
+__export(button_exports, {
+  BlockMoverDownButton: () => BlockMoverDownButton,
+  BlockMoverUpButton: () => BlockMoverUpButton
 });
-exports.BlockMoverUpButton = exports.BlockMoverDownButton = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _blocks = require("@wordpress/blocks");
-var _components = require("@wordpress/components");
-var _compose = require("@wordpress/compose");
-var _data = require("@wordpress/data");
-var _element = require("@wordpress/element");
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _moverDescription = require("./mover-description");
-var _store = require("../../store");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_blocks = require("@wordpress/blocks");
+var import_components = require("@wordpress/components");
+var import_compose = require("@wordpress/compose");
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_icons = require("@wordpress/icons");
+var import_mover_description = require("./mover-description");
+var import_store = require("../../store");
 const getArrowIcon = (direction, orientation) => {
-  if (direction === 'up') {
-    if (orientation === 'horizontal') {
-      return (0, _i18n.isRTL)() ? _icons.chevronRight : _icons.chevronLeft;
+  if (direction === "up") {
+    if (orientation === "horizontal") {
+      return (0, import_i18n.isRTL)() ? import_icons.chevronRight : import_icons.chevronLeft;
     }
-    return _icons.chevronUp;
-  } else if (direction === 'down') {
-    if (orientation === 'horizontal') {
-      return (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight;
+    return import_icons.chevronUp;
+  } else if (direction === "down") {
+    if (orientation === "horizontal") {
+      return (0, import_i18n.isRTL)() ? import_icons.chevronLeft : import_icons.chevronRight;
     }
-    return _icons.chevronDown;
+    return import_icons.chevronDown;
   }
   return null;
 };
 const getMovementDirectionLabel = (moveDirection, orientation) => {
-  if (moveDirection === 'up') {
-    if (orientation === 'horizontal') {
-      return (0, _i18n.isRTL)() ? (0, _i18n.__)('Move right') : (0, _i18n.__)('Move left');
+  if (moveDirection === "up") {
+    if (orientation === "horizontal") {
+      return (0, import_i18n.isRTL)() ? (0, import_i18n.__)("Move right") : (0, import_i18n.__)("Move left");
     }
-    return (0, _i18n.__)('Move up');
-  } else if (moveDirection === 'down') {
-    if (orientation === 'horizontal') {
-      return (0, _i18n.isRTL)() ? (0, _i18n.__)('Move left') : (0, _i18n.__)('Move right');
+    return (0, import_i18n.__)("Move up");
+  } else if (moveDirection === "down") {
+    if (orientation === "horizontal") {
+      return (0, import_i18n.isRTL)() ? (0, import_i18n.__)("Move left") : (0, import_i18n.__)("Move right");
     }
-    return (0, _i18n.__)('Move down');
+    return (0, import_i18n.__)("Move down");
   }
   return null;
 };
-const BlockMoverButton = (0, _element.forwardRef)(({
-  clientIds,
-  direction,
-  orientation: moverOrientation,
-  ...props
-}, ref) => {
-  const instanceId = (0, _compose.useInstanceId)(BlockMoverButton);
-  const normalizedClientIds = Array.isArray(clientIds) ? clientIds : [clientIds];
-  const blocksCount = normalizedClientIds.length;
-  const {
-    disabled
-  } = props;
-  const {
-    blockType,
-    isDisabled,
-    rootClientId,
-    isFirst,
-    isLast,
-    firstIndex,
-    orientation = 'vertical'
-  } = (0, _data.useSelect)(select => {
+const BlockMoverButton = (0, import_element.forwardRef)(
+  ({ clientIds, direction, orientation: moverOrientation, ...props }, ref) => {
+    const instanceId = (0, import_compose.useInstanceId)(BlockMoverButton);
+    const normalizedClientIds = Array.isArray(clientIds) ? clientIds : [clientIds];
+    const blocksCount = normalizedClientIds.length;
+    const { disabled } = props;
     const {
-      getBlockIndex,
-      getBlockRootClientId,
-      getBlockOrder,
-      getBlock,
-      getBlockListSettings
-    } = select(_store.store);
-    const firstClientId = normalizedClientIds[0];
-    const blockRootClientId = getBlockRootClientId(firstClientId);
-    const firstBlockIndex = getBlockIndex(firstClientId);
-    const lastBlockIndex = getBlockIndex(normalizedClientIds[normalizedClientIds.length - 1]);
-    const blockOrder = getBlockOrder(blockRootClientId);
-    const block = getBlock(firstClientId);
-    const isFirstBlock = firstBlockIndex === 0;
-    const isLastBlock = lastBlockIndex === blockOrder.length - 1;
-    const {
-      orientation: blockListOrientation
-    } = getBlockListSettings(blockRootClientId) || {};
-    return {
-      blockType: block ? (0, _blocks.getBlockType)(block.name) : null,
-      isDisabled: disabled || (direction === 'up' ? isFirstBlock : isLastBlock),
-      rootClientId: blockRootClientId,
-      firstIndex: firstBlockIndex,
-      isFirst: isFirstBlock,
-      isLast: isLastBlock,
-      orientation: moverOrientation || blockListOrientation
+      blockType,
+      isDisabled,
+      rootClientId,
+      isFirst,
+      isLast,
+      firstIndex,
+      orientation = "vertical"
+    } = (0, import_data.useSelect)(
+      (select) => {
+        const {
+          getBlockIndex,
+          getBlockRootClientId,
+          getBlockOrder,
+          getBlock,
+          getBlockListSettings
+        } = select(import_store.store);
+        const firstClientId = normalizedClientIds[0];
+        const blockRootClientId = getBlockRootClientId(firstClientId);
+        const firstBlockIndex = getBlockIndex(firstClientId);
+        const lastBlockIndex = getBlockIndex(
+          normalizedClientIds[normalizedClientIds.length - 1]
+        );
+        const blockOrder = getBlockOrder(blockRootClientId);
+        const block = getBlock(firstClientId);
+        const isFirstBlock = firstBlockIndex === 0;
+        const isLastBlock = lastBlockIndex === blockOrder.length - 1;
+        const { orientation: blockListOrientation } = getBlockListSettings(blockRootClientId) || {};
+        return {
+          blockType: block ? (0, import_blocks.getBlockType)(block.name) : null,
+          isDisabled: disabled || (direction === "up" ? isFirstBlock : isLastBlock),
+          rootClientId: blockRootClientId,
+          firstIndex: firstBlockIndex,
+          isFirst: isFirstBlock,
+          isLast: isLastBlock,
+          orientation: moverOrientation || blockListOrientation
+        };
+      },
+      [clientIds, direction]
+    );
+    const { moveBlocksDown, moveBlocksUp } = (0, import_data.useDispatch)(import_store.store);
+    const moverFunction = direction === "up" ? moveBlocksUp : moveBlocksDown;
+    const onClick = (event) => {
+      moverFunction(clientIds, rootClientId);
+      if (props.onClick) {
+        props.onClick(event);
+      }
     };
-  }, [clientIds, direction]);
-  const {
-    moveBlocksDown,
-    moveBlocksUp
-  } = (0, _data.useDispatch)(_store.store);
-  const moverFunction = direction === 'up' ? moveBlocksUp : moveBlocksDown;
-  const onClick = event => {
-    moverFunction(clientIds, rootClientId);
-    if (props.onClick) {
-      props.onClick(event);
-    }
-  };
-  const descriptionId = `block-editor-block-mover-button__description-${instanceId}`;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-      __next40pxDefaultSize: true,
-      ref: ref,
-      className: (0, _clsx.default)('block-editor-block-mover-button', `is-${direction}-button`),
-      icon: getArrowIcon(direction, orientation),
-      label: getMovementDirectionLabel(direction, orientation),
-      "aria-describedby": descriptionId,
-      ...props,
-      onClick: isDisabled ? null : onClick,
-      disabled: isDisabled,
-      accessibleWhenDisabled: true
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
-      id: descriptionId,
-      children: (0, _moverDescription.getBlockMoverDescription)(blocksCount, blockType && blockType.title, firstIndex, isFirst, isLast, direction === 'up' ? -1 : 1, orientation)
-    })]
-  });
+    const descriptionId = `block-editor-block-mover-button__description-${instanceId}`;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.Button,
+        {
+          __next40pxDefaultSize: true,
+          ref,
+          className: (0, import_clsx.default)(
+            "block-editor-block-mover-button",
+            `is-${direction}-button`
+          ),
+          icon: getArrowIcon(direction, orientation),
+          label: getMovementDirectionLabel(
+            direction,
+            orientation
+          ),
+          "aria-describedby": descriptionId,
+          ...props,
+          onClick: isDisabled ? null : onClick,
+          disabled: isDisabled,
+          accessibleWhenDisabled: true
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.VisuallyHidden, { id: descriptionId, children: (0, import_mover_description.getBlockMoverDescription)(
+        blocksCount,
+        blockType && blockType.title,
+        firstIndex,
+        isFirst,
+        isLast,
+        direction === "up" ? -1 : 1,
+        orientation
+      ) })
+    ] });
+  }
+);
+const BlockMoverUpButton = (0, import_element.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BlockMoverButton, { direction: "up", ref, ...props });
 });
-const BlockMoverUpButton = exports.BlockMoverUpButton = (0, _element.forwardRef)((props, ref) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockMoverButton, {
-    direction: "up",
-    ref: ref,
-    ...props
-  });
+const BlockMoverDownButton = (0, import_element.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BlockMoverButton, { direction: "down", ref, ...props });
 });
-const BlockMoverDownButton = exports.BlockMoverDownButton = (0, _element.forwardRef)((props, ref) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockMoverButton, {
-    direction: "down",
-    ref: ref,
-    ...props
-  });
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BlockMoverDownButton,
+  BlockMoverUpButton
 });
-//# sourceMappingURL=button.js.map
+//# sourceMappingURL=button.js.map