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

package/build-module/components/block-list-appender/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","useSelect","getDefaultBlockName","DefaultBlockAppender","ButtonBlockAppender","store","blockEditorStore","jsx","_jsx","DefaultAppender","rootClientId","canInsertDefaultBlock","select","canInsertBlockType","className","BlockListAppender","CustomAppender","tagName","TagName","isDragOver","getBlockInsertionPoint","isBlockInsertionPointVisible","getBlockCount","insertionPoint","tabIndex","contentEditable","children"],"sources":["@wordpress/block-editor/src/components/block-list-appender/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { getDefaultBlockName } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport DefaultBlockAppender from '../default-block-appender';\nimport ButtonBlockAppender from '../button-block-appender';\nimport { store as blockEditorStore } from '../../store';\n\nfunction DefaultAppender( { rootClientId } ) {\n\tconst canInsertDefaultBlock = useSelect( ( select ) =>\n\t\tselect( blockEditorStore ).canInsertBlockType(\n\t\t\tgetDefaultBlockName(),\n\t\t\trootClientId\n\t\t)\n\t);\n\n\tif ( canInsertDefaultBlock ) {\n\t\t// Render the default block appender if the context supports use\n\t\t// of the default appender.\n\t\treturn <DefaultBlockAppender rootClientId={ rootClientId } />;\n\t}\n\n\t// Fallback in case the default block can't be inserted.\n\treturn (\n\t\t<ButtonBlockAppender\n\t\t\trootClientId={ rootClientId }\n\t\t\tclassName=\"block-list-appender__toggle\"\n\t\t/>\n\t);\n}\n\nexport default function BlockListAppender( {\n\trootClientId,\n\tCustomAppender,\n\tclassName,\n\ttagName: TagName = 'div',\n} ) {\n\tconst isDragOver = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockInsertionPoint,\n\t\t\t\tisBlockInsertionPointVisible,\n\t\t\t\tgetBlockCount,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst insertionPoint = getBlockInsertionPoint();\n\t\t\t// Ideally we should also check for `isDragging` but currently it\n\t\t\t// requires a lot more setup. We can revisit this once we refactor\n\t\t\t// the DnD utility hooks.\n\t\t\treturn (\n\t\t\t\tisBlockInsertionPointVisible() &&\n\t\t\t\trootClientId === insertionPoint?.rootClientId &&\n\t\t\t\tgetBlockCount( rootClientId ) === 0\n\t\t\t);\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\treturn (\n\t\t<TagName\n\t\t\t// A `tabIndex` is used on the wrapping `div` element in order to\n\t\t\t// force a focus event to occur when an appender `button` element\n\t\t\t// is clicked. In some browsers (Firefox, Safari), button clicks do\n\t\t\t// not emit a focus event, which could cause this event to propagate\n\t\t\t// unexpectedly. The `tabIndex` ensures that the interaction is\n\t\t\t// captured as a focus, without also adding an extra tab stop.\n\t\t\t//\n\t\t\t// See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus\n\t\t\ttabIndex={ -1 }\n\t\t\tclassName={ clsx( 'block-list-appender wp-block', className, {\n\t\t\t\t'is-drag-over': isDragOver,\n\t\t\t} ) }\n\t\t\t// Needed in case the whole editor is content editable (for multi\n\t\t\t// selection). It fixes an edge case where ArrowDown and ArrowRight\n\t\t\t// should collapse the selection to the end of that selection and\n\t\t\t// not into the appender.\n\t\t\tcontentEditable={ false }\n\t\t\t// The appender exists to let you add the first Paragraph before\n\t\t\t// any is inserted. To that end, this appender should visually be\n\t\t\t// presented as a block. That means theme CSS should style it as if\n\t\t\t// it were an empty paragraph block. That means a `wp-block` class to\n\t\t\t// ensure the width is correct, and a [data-block] attribute to ensure\n\t\t\t// the correct margin is applied, especially for classic themes which\n\t\t\t// have commonly targeted that attribute for margins.\n\t\t\tdata-block\n\t\t>\n\t\t\t{ CustomAppender ? (\n\t\t\t\t<CustomAppender />\n\t\t\t) : (\n\t\t\t\t<DefaultAppender rootClientId={ rootClientId } />\n\t\t\t) }\n\t\t</TagName>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,mBAAmB,QAAQ,mBAAmB;;AAEvD;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,2BAA2B;AAC5D,OAAOC,mBAAmB,MAAM,0BAA0B;AAC1D,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,SAASC,eAAeA,CAAE;EAAEC;AAAa,CAAC,EAAG;EAC5C,MAAMC,qBAAqB,GAAGV,SAAS,CAAIW,MAAM,IAChDA,MAAM,CAAEN,gBAAiB,CAAC,CAACO,kBAAkB,CAC5CX,mBAAmB,CAAC,CAAC,EACrBQ,YACD,CACD,CAAC;EAED,IAAKC,qBAAqB,EAAG;IAC5B;IACA;IACA,oBAAOH,IAAA,CAACL,oBAAoB;MAACO,YAAY,EAAGA;IAAc,CAAE,CAAC;EAC9D;;EAEA;EACA,oBACCF,IAAA,CAACJ,mBAAmB;IACnBM,YAAY,EAAGA,YAAc;IAC7BI,SAAS,EAAC;EAA6B,CACvC,CAAC;AAEJ;AAEA,eAAe,SAASC,iBAAiBA,CAAE;EAC1CL,YAAY;EACZM,cAAc;EACdF,SAAS;EACTG,OAAO,EAAEC,OAAO,GAAG;AACpB,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGlB,SAAS,CACzBW,MAAM,IAAM;IACb,MAAM;MACLQ,sBAAsB;MACtBC,4BAA4B;MAC5BC;IACD,CAAC,GAAGV,MAAM,CAAEN,gBAAiB,CAAC;IAC9B,MAAMiB,cAAc,GAAGH,sBAAsB,CAAC,CAAC;IAC/C;IACA;IACA;IACA,OACCC,4BAA4B,CAAC,CAAC,IAC9BX,YAAY,KAAKa,cAAc,EAAEb,YAAY,IAC7CY,aAAa,CAAEZ,YAAa,CAAC,KAAK,CAAC;EAErC,CAAC,EACD,CAAEA,YAAY,CACf,CAAC;EAED,oBACCF,IAAA,CAACU;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;IACAM,QAAQ,EAAG,CAAC,CAAG;IACfV,SAAS,EAAGd,IAAI,CAAE,8BAA8B,EAAEc,SAAS,EAAE;MAC5D,cAAc,EAAEK;IACjB,CAAE;IACF;IACA;IACA;IACA;IAAA;IACAM,eAAe,EAAG;IAClB;IACA;IACA;IACA;IACA;IACA;IACA;IAAA;IACA,kBAAU;IAAAC,QAAA,EAERV,cAAc,gBACfR,IAAA,CAACQ,cAAc,IAAE,CAAC,gBAElBR,IAAA,CAACC,eAAe;MAACC,YAAY,EAAGA;IAAc,CAAE;EAChD,CACO,CAAC;AAEZ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-list-appender/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { getDefaultBlockName } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport DefaultBlockAppender from '../default-block-appender';\nimport ButtonBlockAppender from '../button-block-appender';\nimport { store as blockEditorStore } from '../../store';\n\nfunction DefaultAppender( { rootClientId } ) {\n\tconst canInsertDefaultBlock = useSelect( ( select ) =>\n\t\tselect( blockEditorStore ).canInsertBlockType(\n\t\t\tgetDefaultBlockName(),\n\t\t\trootClientId\n\t\t)\n\t);\n\n\tif ( canInsertDefaultBlock ) {\n\t\t// Render the default block appender if the context supports use\n\t\t// of the default appender.\n\t\treturn <DefaultBlockAppender rootClientId={ rootClientId } />;\n\t}\n\n\t// Fallback in case the default block can't be inserted.\n\treturn (\n\t\t<ButtonBlockAppender\n\t\t\trootClientId={ rootClientId }\n\t\t\tclassName=\"block-list-appender__toggle\"\n\t\t/>\n\t);\n}\n\nexport default function BlockListAppender( {\n\trootClientId,\n\tCustomAppender,\n\tclassName,\n\ttagName: TagName = 'div',\n} ) {\n\tconst isDragOver = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockInsertionPoint,\n\t\t\t\tisBlockInsertionPointVisible,\n\t\t\t\tgetBlockCount,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst insertionPoint = getBlockInsertionPoint();\n\t\t\t// Ideally we should also check for `isDragging` but currently it\n\t\t\t// requires a lot more setup. We can revisit this once we refactor\n\t\t\t// the DnD utility hooks.\n\t\t\treturn (\n\t\t\t\tisBlockInsertionPointVisible() &&\n\t\t\t\trootClientId === insertionPoint?.rootClientId &&\n\t\t\t\tgetBlockCount( rootClientId ) === 0\n\t\t\t);\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\treturn (\n\t\t<TagName\n\t\t\t// A `tabIndex` is used on the wrapping `div` element in order to\n\t\t\t// force a focus event to occur when an appender `button` element\n\t\t\t// is clicked. In some browsers (Firefox, Safari), button clicks do\n\t\t\t// not emit a focus event, which could cause this event to propagate\n\t\t\t// unexpectedly. The `tabIndex` ensures that the interaction is\n\t\t\t// captured as a focus, without also adding an extra tab stop.\n\t\t\t//\n\t\t\t// See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus\n\t\t\ttabIndex={ -1 }\n\t\t\tclassName={ clsx( 'block-list-appender wp-block', className, {\n\t\t\t\t'is-drag-over': isDragOver,\n\t\t\t} ) }\n\t\t\t// Needed in case the whole editor is content editable (for multi\n\t\t\t// selection). It fixes an edge case where ArrowDown and ArrowRight\n\t\t\t// should collapse the selection to the end of that selection and\n\t\t\t// not into the appender.\n\t\t\tcontentEditable={ false }\n\t\t\t// The appender exists to let you add the first Paragraph before\n\t\t\t// any is inserted. To that end, this appender should visually be\n\t\t\t// presented as a block. That means theme CSS should style it as if\n\t\t\t// it were an empty paragraph block. That means a `wp-block` class to\n\t\t\t// ensure the width is correct, and a [data-block] attribute to ensure\n\t\t\t// the correct margin is applied, especially for classic themes which\n\t\t\t// have commonly targeted that attribute for margins.\n\t\t\tdata-block\n\t\t>\n\t\t\t{ CustomAppender ? (\n\t\t\t\t<CustomAppender />\n\t\t\t) : (\n\t\t\t\t<DefaultAppender rootClientId={ rootClientId } />\n\t\t\t) }\n\t\t</TagName>\n\t);\n}\n"],
+  "mappings": "AA6BS;AA1BT,OAAO,UAAU;AAKjB,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AAKpC,OAAO,0BAA0B;AACjC,OAAO,yBAAyB;AAChC,SAAS,SAAS,wBAAwB;AAE1C,SAAS,gBAAiB,EAAE,aAAa,GAAI;AAC5C,QAAM,wBAAwB;AAAA,IAAW,CAAE,WAC1C,OAAQ,gBAAiB,EAAE;AAAA,MAC1B,oBAAoB;AAAA,MACpB;AAAA,IACD;AAAA,EACD;AAEA,MAAK,uBAAwB;AAG5B,WAAO,oBAAC,wBAAqB,cAA8B;AAAA,EAC5D;AAGA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,WAAU;AAAA;AAAA,EACX;AAEF;AAEe,SAAR,kBAAoC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS,UAAU;AACpB,GAAI;AACH,QAAM,aAAa;AAAA,IAClB,CAAE,WAAY;AACb,YAAM;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACD,IAAI,OAAQ,gBAAiB;AAC7B,YAAM,iBAAiB,uBAAuB;AAI9C,aACC,6BAA6B,KAC7B,iBAAiB,gBAAgB,gBACjC,cAAe,YAAa,MAAM;AAAA,IAEpC;AAAA,IACA,CAAE,YAAa;AAAA,EAChB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MASA,UAAW;AAAA,MACX,WAAY,KAAM,gCAAgC,WAAW;AAAA,QAC5D,gBAAgB;AAAA,MACjB,CAAE;AAAA,MAKF,iBAAkB;AAAA,MAQlB,cAAU;AAAA,MAER,2BACD,oBAAC,kBAAe,IAEhB,oBAAC,mBAAgB,cAA8B;AAAA;AAAA,EAEjD;AAEF;",
+  "names": []
+}

package/build-module/components/block-lock/index.js

@@ -1,5 +1,11 @@
-export { default as BlockLockMenuItem } from './menu-item';
-export { default as BlockLockModal } from './modal';
-export { default as BlockLockToolbar } from './toolbar';
-export { default as useBlockLock } from './use-block-lock';
-//# sourceMappingURL=index.js.map
+import { default as default2 } from "./menu-item";
+import { default as default3 } from "./modal";
+import { default as default4 } from "./toolbar";
+import { default as default5 } from "./use-block-lock";
+export {
+  default2 as BlockLockMenuItem,
+  default3 as BlockLockModal,
+  default4 as BlockLockToolbar,
+  default5 as useBlockLock
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/block-lock/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["default","BlockLockMenuItem","BlockLockModal","BlockLockToolbar","useBlockLock"],"sources":["@wordpress/block-editor/src/components/block-lock/index.js"],"sourcesContent":["export { default as BlockLockMenuItem } from './menu-item';\nexport { default as BlockLockModal } from './modal';\nexport { default as BlockLockToolbar } from './toolbar';\nexport { default as useBlockLock } from './use-block-lock';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,aAAa;AAC1D,SAASD,OAAO,IAAIE,cAAc,QAAQ,SAAS;AACnD,SAASF,OAAO,IAAIG,gBAAgB,QAAQ,WAAW;AACvD,SAASH,OAAO,IAAII,YAAY,QAAQ,kBAAkB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-lock/index.js"],
+  "sourcesContent": ["export { default as BlockLockMenuItem } from './menu-item';\nexport { default as BlockLockModal } from './modal';\nexport { default as BlockLockToolbar } from './toolbar';\nexport { default as useBlockLock } from './use-block-lock';\n"],
+  "mappings": "AAAA,SAAoB,WAAXA,gBAAoC;AAC7C,SAAoB,WAAXA,gBAAiC;AAC1C,SAAoB,WAAXA,gBAAmC;AAC5C,SAAoB,WAAXA,gBAA+B;",
+  "names": ["default"]
+}

package/build-module/components/block-lock/menu-item.js

@@ -1,40 +1,35 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useReducer } from '@wordpress/element';
-import { MenuItem } from '@wordpress/components';
-import { lockOutline, unlock } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import useBlockLock from './use-block-lock';
-import BlockLockModal from './modal';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export default function BlockLockMenuItem({
-  clientId
-}) {
-  const {
-    canLock,
-    isLocked
-  } = useBlockLock(clientId);
-  const [isModalOpen, toggleModal] = useReducer(isActive => !isActive, false);
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import { useReducer } from "@wordpress/element";
+import { MenuItem } from "@wordpress/components";
+import { lockOutline, unlock } from "@wordpress/icons";
+import useBlockLock from "./use-block-lock";
+import BlockLockModal from "./modal";
+function BlockLockMenuItem({ clientId }) {
+  const { canLock, isLocked } = useBlockLock(clientId);
+  const [isModalOpen, toggleModal] = useReducer(
+    (isActive) => !isActive,
+    false
+  );
   if (!canLock) {
     return null;
   }
-  const label = isLocked ? __('Unlock') : __('Lock');
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(MenuItem, {
-      icon: isLocked ? unlock : lockOutline,
-      onClick: toggleModal,
-      "aria-expanded": isModalOpen,
-      "aria-haspopup": "dialog",
-      children: label
-    }), isModalOpen && /*#__PURE__*/_jsx(BlockLockModal, {
-      clientId: clientId,
-      onClose: toggleModal
-    })]
-  });
+  const label = isLocked ? __("Unlock") : __("Lock");
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      MenuItem,
+      {
+        icon: isLocked ? unlock : lockOutline,
+        onClick: toggleModal,
+        "aria-expanded": isModalOpen,
+        "aria-haspopup": "dialog",
+        children: label
+      }
+    ),
+    isModalOpen && /* @__PURE__ */ jsx(BlockLockModal, { clientId, onClose: toggleModal })
+  ] });
 }
-//# sourceMappingURL=menu-item.js.map
+export {
+  BlockLockMenuItem as default
+};
+//# sourceMappingURL=menu-item.js.map

package/build-module/components/block-lock/menu-item.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","useReducer","MenuItem","lockOutline","unlock","useBlockLock","BlockLockModal","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","BlockLockMenuItem","clientId","canLock","isLocked","isModalOpen","toggleModal","isActive","label","children","icon","onClick","onClose"],"sources":["@wordpress/block-editor/src/components/block-lock/menu-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useReducer } from '@wordpress/element';\nimport { MenuItem } from '@wordpress/components';\nimport { lockOutline, unlock } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport useBlockLock from './use-block-lock';\nimport BlockLockModal from './modal';\n\nexport default function BlockLockMenuItem( { 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\tif ( ! canLock ) {\n\t\treturn null;\n\t}\n\n\tconst label = isLocked ? __( 'Unlock' ) : __( 'Lock' );\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\ticon={ isLocked ? unlock : lockOutline }\n\t\t\t\tonClick={ toggleModal }\n\t\t\t\taria-expanded={ isModalOpen }\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t>\n\t\t\t\t{ label }\n\t\t\t</MenuItem>\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":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,WAAW,EAAEC,MAAM,QAAQ,kBAAkB;;AAEtD;AACA;AACA;AACA,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,cAAc,MAAM,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAErC,eAAe,SAASC,iBAAiBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACzD,MAAM;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGX,YAAY,CAAES,QAAS,CAAC;EAEtD,MAAM,CAAEG,WAAW,EAAEC,WAAW,CAAE,GAAGjB,UAAU,CAC5CkB,QAAQ,IAAM,CAAEA,QAAQ,EAC1B,KACD,CAAC;EAED,IAAK,CAAEJ,OAAO,EAAG;IAChB,OAAO,IAAI;EACZ;EAEA,MAAMK,KAAK,GAAGJ,QAAQ,GAAGhB,EAAE,CAAE,QAAS,CAAC,GAAGA,EAAE,CAAE,MAAO,CAAC;EAEtD,oBACCY,KAAA,CAAAF,SAAA;IAAAW,QAAA,gBACCb,IAAA,CAACN,QAAQ;MACRoB,IAAI,EAAGN,QAAQ,GAAGZ,MAAM,GAAGD,WAAa;MACxCoB,OAAO,EAAGL,WAAa;MACvB,iBAAgBD,WAAa;MAC7B,iBAAc,QAAQ;MAAAI,QAAA,EAEpBD;IAAK,CACE,CAAC,EACTH,WAAW,iBACZT,IAAA,CAACF,cAAc;MAACQ,QAAQ,EAAGA,QAAU;MAACU,OAAO,EAAGN;IAAa,CAAE,CAC/D;EAAA,CACA,CAAC;AAEL","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-lock/menu-item.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useReducer } from '@wordpress/element';\nimport { MenuItem } from '@wordpress/components';\nimport { lockOutline, unlock } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport useBlockLock from './use-block-lock';\nimport BlockLockModal from './modal';\n\nexport default function BlockLockMenuItem( { 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\tif ( ! canLock ) {\n\t\treturn null;\n\t}\n\n\tconst label = isLocked ? __( 'Unlock' ) : __( 'Lock' );\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\ticon={ isLocked ? unlock : lockOutline }\n\t\t\t\tonClick={ toggleModal }\n\t\t\t\taria-expanded={ isModalOpen }\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t>\n\t\t\t\t{ label }\n\t\t\t</MenuItem>\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": "AA6BE,mBACC,KADD;AA1BF,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,aAAa,cAAc;AAKpC,OAAO,kBAAkB;AACzB,OAAO,oBAAoB;AAEZ,SAAR,kBAAoC,EAAE,SAAS,GAAI;AACzD,QAAM,EAAE,SAAS,SAAS,IAAI,aAAc,QAAS;AAErD,QAAM,CAAE,aAAa,WAAY,IAAI;AAAA,IACpC,CAAE,aAAc,CAAE;AAAA,IAClB;AAAA,EACD;AAEA,MAAK,CAAE,SAAU;AAChB,WAAO;AAAA,EACR;AAEA,QAAM,QAAQ,WAAW,GAAI,QAAS,IAAI,GAAI,MAAO;AAErD,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,MAAO,WAAW,SAAS;AAAA,QAC3B,SAAU;AAAA,QACV,iBAAgB;AAAA,QAChB,iBAAc;AAAA,QAEZ;AAAA;AAAA,IACH;AAAA,IACE,eACD,oBAAC,kBAAe,UAAsB,SAAU,aAAc;AAAA,KAEhE;AAEF;",
+  "names": []
+}

package/build-module/components/block-lock/modal.js

@@ -1,194 +1,229 @@
-/**
- * WordPress dependencies
- */
-import { __, sprintf } from '@wordpress/i18n';
-import { useEffect, useState } from '@wordpress/element';
-import { Button, CheckboxControl, Flex, FlexItem, Icon, Modal, ToggleControl } from '@wordpress/components';
-import { lock as lockIcon, unlock as unlockIcon } from '@wordpress/icons';
-import { useDispatch, useSelect } from '@wordpress/data';
-import { getBlockType } from '@wordpress/blocks';
-
-/**
- * Internal dependencies
- */
-import useBlockLock from './use-block-lock';
-import useBlockDisplayInformation from '../use-block-display-information';
-import { store as blockEditorStore } from '../../store';
-
-// Entity based blocks which allow edit locking
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const ALLOWS_EDIT_LOCKING = ['core/navigation'];
+import { jsx, jsxs } from "react/jsx-runtime";
+import { __, sprintf } from "@wordpress/i18n";
+import { useEffect, useState } from "@wordpress/element";
+import {
+  Button,
+  CheckboxControl,
+  Flex,
+  FlexItem,
+  Icon,
+  Modal,
+  ToggleControl
+} from "@wordpress/components";
+import { lock as lockIcon, unlock as unlockIcon } from "@wordpress/icons";
+import { useDispatch, useSelect } from "@wordpress/data";
+import { getBlockType } from "@wordpress/blocks";
+import useBlockLock from "./use-block-lock";
+import useBlockDisplayInformation from "../use-block-display-information";
+import { store as blockEditorStore } from "../../store";
+const ALLOWS_EDIT_LOCKING = ["core/navigation"];
 function getTemplateLockValue(lock) {
-  // Prevents all operations.
   if (lock.remove && lock.move) {
-    return 'all';
+    return "all";
   }
-
-  // Prevents inserting or removing blocks, but allows moving existing blocks.
   if (lock.remove && !lock.move) {
-    return 'insert';
+    return "insert";
   }
   return false;
 }
-export default function BlockLockModal({
-  clientId,
-  onClose
-}) {
-  const [lock, setLock] = useState({
-    move: false,
-    remove: false
-  });
-  const {
-    canEdit,
-    canMove,
-    canRemove
-  } = useBlockLock(clientId);
-  const {
-    allowsEditLocking,
-    templateLock,
-    hasTemplateLock
-  } = useSelect(select => {
-    const {
-      getBlockName,
-      getBlockAttributes
-    } = select(blockEditorStore);
-    const blockName = getBlockName(clientId);
-    const blockType = getBlockType(blockName);
-    return {
-      allowsEditLocking: ALLOWS_EDIT_LOCKING.includes(blockName),
-      templateLock: getBlockAttributes(clientId)?.templateLock,
-      hasTemplateLock: !!blockType?.attributes?.templateLock
-    };
-  }, [clientId]);
-  const [applyTemplateLock, setApplyTemplateLock] = useState(!!templateLock);
-  const {
-    updateBlockAttributes
-  } = useDispatch(blockEditorStore);
+function BlockLockModal({ clientId, onClose }) {
+  const [lock, setLock] = useState({ move: false, remove: false });
+  const { canEdit, canMove, canRemove } = useBlockLock(clientId);
+  const { allowsEditLocking, templateLock, hasTemplateLock } = useSelect(
+    (select) => {
+      const { getBlockName, getBlockAttributes } = select(blockEditorStore);
+      const blockName = getBlockName(clientId);
+      const blockType = getBlockType(blockName);
+      return {
+        allowsEditLocking: ALLOWS_EDIT_LOCKING.includes(blockName),
+        templateLock: getBlockAttributes(clientId)?.templateLock,
+        hasTemplateLock: !!blockType?.attributes?.templateLock
+      };
+    },
+    [clientId]
+  );
+  const [applyTemplateLock, setApplyTemplateLock] = useState(
+    !!templateLock
+  );
+  const { updateBlockAttributes } = useDispatch(blockEditorStore);
   const blockInformation = useBlockDisplayInformation(clientId);
   useEffect(() => {
     setLock({
       move: !canMove,
       remove: !canRemove,
-      ...(allowsEditLocking ? {
-        edit: !canEdit
-      } : {})
+      ...allowsEditLocking ? { edit: !canEdit } : {}
     });
   }, [canEdit, canMove, canRemove, allowsEditLocking]);
   const isAllChecked = Object.values(lock).every(Boolean);
   const isMixed = Object.values(lock).some(Boolean) && !isAllChecked;
-  return /*#__PURE__*/_jsx(Modal, {
-    title: sprintf(/* translators: %s: Name of the block. */
-    __('Lock %s'), blockInformation.title),
-    overlayClassName: "block-editor-block-lock-modal",
-    onRequestClose: onClose,
-    size: "small",
-    children: /*#__PURE__*/_jsxs("form", {
-      onSubmit: event => {
-        event.preventDefault();
-        updateBlockAttributes([clientId], {
-          lock,
-          templateLock: applyTemplateLock ? getTemplateLockValue(lock) : undefined
-        });
-        onClose();
-      },
-      children: [/*#__PURE__*/_jsxs("fieldset", {
-        className: "block-editor-block-lock-modal__options",
-        children: [/*#__PURE__*/_jsx("legend", {
-          children: __('Select the features you want to lock')
-        }), /*#__PURE__*/_jsx("ul", {
-          role: "list",
-          className: "block-editor-block-lock-modal__checklist",
-          children: /*#__PURE__*/_jsxs("li", {
-            children: [/*#__PURE__*/_jsx(CheckboxControl, {
-              __nextHasNoMarginBottom: true,
-              className: "block-editor-block-lock-modal__options-all",
-              label: __('Lock all'),
-              checked: isAllChecked,
-              indeterminate: isMixed,
-              onChange: newValue => setLock({
-                move: newValue,
-                remove: newValue,
-                ...(allowsEditLocking ? {
-                  edit: newValue
-                } : {})
-              })
-            }), /*#__PURE__*/_jsxs("ul", {
-              role: "list",
-              className: "block-editor-block-lock-modal__checklist",
-              children: [allowsEditLocking && /*#__PURE__*/_jsxs("li", {
-                className: "block-editor-block-lock-modal__checklist-item",
-                children: [/*#__PURE__*/_jsx(CheckboxControl, {
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      title: sprintf(
+        /* translators: %s: Name of the block. */
+        __("Lock %s"),
+        blockInformation.title
+      ),
+      overlayClassName: "block-editor-block-lock-modal",
+      onRequestClose: onClose,
+      size: "small",
+      children: /* @__PURE__ */ jsxs(
+        "form",
+        {
+          onSubmit: (event) => {
+            event.preventDefault();
+            updateBlockAttributes([clientId], {
+              lock,
+              templateLock: applyTemplateLock ? getTemplateLockValue(lock) : void 0
+            });
+            onClose();
+          },
+          children: [
+            /* @__PURE__ */ jsxs("fieldset", { className: "block-editor-block-lock-modal__options", children: [
+              /* @__PURE__ */ jsx("legend", { children: __("Select the features you want to lock") }),
+              /* @__PURE__ */ jsx(
+                "ul",
+                {
+                  role: "list",
+                  className: "block-editor-block-lock-modal__checklist",
+                  children: /* @__PURE__ */ jsxs("li", { children: [
+                    /* @__PURE__ */ jsx(
+                      CheckboxControl,
+                      {
+                        __nextHasNoMarginBottom: true,
+                        className: "block-editor-block-lock-modal__options-all",
+                        label: __("Lock all"),
+                        checked: isAllChecked,
+                        indeterminate: isMixed,
+                        onChange: (newValue) => setLock({
+                          move: newValue,
+                          remove: newValue,
+                          ...allowsEditLocking ? { edit: newValue } : {}
+                        })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      "ul",
+                      {
+                        role: "list",
+                        className: "block-editor-block-lock-modal__checklist",
+                        children: [
+                          allowsEditLocking && /* @__PURE__ */ jsxs("li", { className: "block-editor-block-lock-modal__checklist-item", children: [
+                            /* @__PURE__ */ jsx(
+                              CheckboxControl,
+                              {
+                                __nextHasNoMarginBottom: true,
+                                label: __("Lock editing"),
+                                checked: !!lock.edit,
+                                onChange: (edit) => setLock((prevLock) => ({
+                                  ...prevLock,
+                                  edit
+                                }))
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              Icon,
+                              {
+                                className: "block-editor-block-lock-modal__lock-icon",
+                                icon: lock.edit ? lockIcon : unlockIcon
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ jsxs("li", { className: "block-editor-block-lock-modal__checklist-item", children: [
+                            /* @__PURE__ */ jsx(
+                              CheckboxControl,
+                              {
+                                __nextHasNoMarginBottom: true,
+                                label: __("Lock movement"),
+                                checked: lock.move,
+                                onChange: (move) => setLock((prevLock) => ({
+                                  ...prevLock,
+                                  move
+                                }))
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              Icon,
+                              {
+                                className: "block-editor-block-lock-modal__lock-icon",
+                                icon: lock.move ? lockIcon : unlockIcon
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ jsxs("li", { className: "block-editor-block-lock-modal__checklist-item", children: [
+                            /* @__PURE__ */ jsx(
+                              CheckboxControl,
+                              {
+                                __nextHasNoMarginBottom: true,
+                                label: __("Lock removal"),
+                                checked: lock.remove,
+                                onChange: (remove) => setLock((prevLock) => ({
+                                  ...prevLock,
+                                  remove
+                                }))
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              Icon,
+                              {
+                                className: "block-editor-block-lock-modal__lock-icon",
+                                icon: lock.remove ? lockIcon : unlockIcon
+                              }
+                            )
+                          ] })
+                        ]
+                      }
+                    )
+                  ] })
+                }
+              ),
+              hasTemplateLock && /* @__PURE__ */ jsx(
+                ToggleControl,
+                {
                   __nextHasNoMarginBottom: true,
-                  label: __('Lock editing'),
-                  checked: !!lock.edit,
-                  onChange: edit => setLock(prevLock => ({
-                    ...prevLock,
-                    edit
-                  }))
-                }), /*#__PURE__*/_jsx(Icon, {
-                  className: "block-editor-block-lock-modal__lock-icon",
-                  icon: lock.edit ? lockIcon : unlockIcon
-                })]
-              }), /*#__PURE__*/_jsxs("li", {
-                className: "block-editor-block-lock-modal__checklist-item",
-                children: [/*#__PURE__*/_jsx(CheckboxControl, {
-                  __nextHasNoMarginBottom: true,
-                  label: __('Lock movement'),
-                  checked: lock.move,
-                  onChange: move => setLock(prevLock => ({
-                    ...prevLock,
-                    move
-                  }))
-                }), /*#__PURE__*/_jsx(Icon, {
-                  className: "block-editor-block-lock-modal__lock-icon",
-                  icon: lock.move ? lockIcon : unlockIcon
-                })]
-              }), /*#__PURE__*/_jsxs("li", {
-                className: "block-editor-block-lock-modal__checklist-item",
-                children: [/*#__PURE__*/_jsx(CheckboxControl, {
-                  __nextHasNoMarginBottom: true,
-                  label: __('Lock removal'),
-                  checked: lock.remove,
-                  onChange: remove => setLock(prevLock => ({
-                    ...prevLock,
-                    remove
-                  }))
-                }), /*#__PURE__*/_jsx(Icon, {
-                  className: "block-editor-block-lock-modal__lock-icon",
-                  icon: lock.remove ? lockIcon : unlockIcon
-                })]
-              })]
-            })]
-          })
-        }), hasTemplateLock && /*#__PURE__*/_jsx(ToggleControl, {
-          __nextHasNoMarginBottom: true,
-          className: "block-editor-block-lock-modal__template-lock",
-          label: __('Apply to all blocks inside'),
-          checked: applyTemplateLock,
-          disabled: lock.move && !lock.remove,
-          onChange: () => setApplyTemplateLock(!applyTemplateLock)
-        })]
-      }), /*#__PURE__*/_jsxs(Flex, {
-        className: "block-editor-block-lock-modal__actions",
-        justify: "flex-end",
-        expanded: false,
-        children: [/*#__PURE__*/_jsx(FlexItem, {
-          children: /*#__PURE__*/_jsx(Button, {
-            variant: "tertiary",
-            onClick: onClose,
-            __next40pxDefaultSize: true,
-            children: __('Cancel')
-          })
-        }), /*#__PURE__*/_jsx(FlexItem, {
-          children: /*#__PURE__*/_jsx(Button, {
-            variant: "primary",
-            type: "submit",
-            __next40pxDefaultSize: true,
-            children: __('Apply')
-          })
-        })]
-      })]
-    })
-  });
+                  className: "block-editor-block-lock-modal__template-lock",
+                  label: __("Apply to all blocks inside"),
+                  checked: applyTemplateLock,
+                  disabled: lock.move && !lock.remove,
+                  onChange: () => setApplyTemplateLock(!applyTemplateLock)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs(
+              Flex,
+              {
+                className: "block-editor-block-lock-modal__actions",
+                justify: "flex-end",
+                expanded: false,
+                children: [
+                  /* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "tertiary",
+                      onClick: onClose,
+                      __next40pxDefaultSize: true,
+                      children: __("Cancel")
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "primary",
+                      type: "submit",
+                      __next40pxDefaultSize: true,
+                      children: __("Apply")
+                    }
+                  ) })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
 }
-//# sourceMappingURL=modal.js.map
+export {
+  BlockLockModal as default
+};
+//# sourceMappingURL=modal.js.map