@wordpress/block-editor 12.25.0 → 13.0.0

package/build-module/components/block-quick-navigation/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -11,18 +10,20 @@ import { __experimentalGetBlockLabel, store as blocksStore } from '@wordpress/bl
  */
 import { store as blockEditorStore } from '../../store';
 import BlockIcon from '../block-icon';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function BlockQuickNavigation({
   clientIds
 }) {
   if (!clientIds.length) {
     return null;
   }
-  return createElement(VStack, {
-    spacing: 1
-  }, clientIds.map(clientId => createElement(BlockQuickNavigationItem, {
-    key: clientId,
-    clientId: clientId
-  })));
+  return /*#__PURE__*/_jsx(VStack, {
+    spacing: 1,
+    children: clientIds.map(clientId => /*#__PURE__*/_jsx(BlockQuickNavigationItem, {
+      clientId: clientId
+    }, clientId))
+  });
 }
 function BlockQuickNavigationItem({
   clientId
@@ -52,15 +53,23 @@ function BlockQuickNavigationItem({
   const {
     selectBlock
   } = useDispatch(blockEditorStore);
-  return createElement(Button, {
+  return /*#__PURE__*/_jsx(Button, {
     isPressed: isSelected,
-    onClick: () => selectBlock(clientId)
-  }, createElement(Flex, null, createElement(FlexItem, null, createElement(BlockIcon, {
-    icon: icon
-  })), createElement(FlexBlock, {
-    style: {
-      textAlign: 'left'
-    }
-  }, createElement(Truncate, null, name))));
+    onClick: () => selectBlock(clientId),
+    children: /*#__PURE__*/_jsxs(Flex, {
+      children: [/*#__PURE__*/_jsx(FlexItem, {
+        children: /*#__PURE__*/_jsx(BlockIcon, {
+          icon: icon
+        })
+      }), /*#__PURE__*/_jsx(FlexBlock, {
+        style: {
+          textAlign: 'left'
+        },
+        children: /*#__PURE__*/_jsx(Truncate, {
+          children: name
+        })
+      })]
+    })
+  });
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/block-quick-navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useSelect","useDispatch","Button","__experimentalVStack","VStack","__experimentalTruncate","Truncate","Flex","FlexBlock","FlexItem","__experimentalGetBlockLabel","store","blocksStore","blockEditorStore","BlockIcon","BlockQuickNavigation","clientIds","length","createElement","spacing","map","clientId","BlockQuickNavigationItem","key","name","icon","isSelected","select","getBlockName","getBlockAttributes","isBlockSelected","hasSelectedInnerBlock","getBlockType","blockType","attributes","selectBlock","isPressed","onClick","style","textAlign"],"sources":["@wordpress/block-editor/src/components/block-quick-navigation/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__experimentalVStack as VStack,\n\t__experimentalTruncate as Truncate,\n\tFlex,\n\tFlexBlock,\n\tFlexItem,\n} from '@wordpress/components';\nimport {\n\t__experimentalGetBlockLabel,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport BlockIcon from '../block-icon';\n\nexport default function BlockQuickNavigation( { clientIds } ) {\n\tif ( ! clientIds.length ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<VStack spacing={ 1 }>\n\t\t\t{ clientIds.map( ( clientId ) => (\n\t\t\t\t<BlockQuickNavigationItem\n\t\t\t\t\tkey={ clientId }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</VStack>\n\t);\n}\n\nfunction BlockQuickNavigationItem( { clientId } ) {\n\tconst { name, icon, isSelected } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tisBlockSelected,\n\t\t\t\thasSelectedInnerBlock,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { getBlockType } = select( blocksStore );\n\n\t\t\tconst blockType = getBlockType( getBlockName( clientId ) );\n\t\t\tconst attributes = getBlockAttributes( clientId );\n\n\t\t\treturn {\n\t\t\t\tname:\n\t\t\t\t\tblockType &&\n\t\t\t\t\t__experimentalGetBlockLabel(\n\t\t\t\t\t\tblockType,\n\t\t\t\t\t\tattributes,\n\t\t\t\t\t\t'list-view'\n\t\t\t\t\t),\n\t\t\t\ticon: blockType?.icon,\n\t\t\t\tisSelected:\n\t\t\t\t\tisBlockSelected( clientId ) ||\n\t\t\t\t\thasSelectedInnerBlock( clientId, /* deep: */ true ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<Button\n\t\t\tisPressed={ isSelected }\n\t\t\tonClick={ () => selectBlock( clientId ) }\n\t\t>\n\t\t\t<Flex>\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexBlock style={ { textAlign: 'left' } }>\n\t\t\t\t\t<Truncate>{ name }</Truncate>\n\t\t\t\t</FlexBlock>\n\t\t\t</Flex>\n\t\t</Button>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SACCC,MAAM,EACNC,oBAAoB,IAAIC,MAAM,EAC9BC,sBAAsB,IAAIC,QAAQ,EAClCC,IAAI,EACJC,SAAS,EACTC,QAAQ,QACF,uBAAuB;AAC9B,SACCC,2BAA2B,EAC3BC,KAAK,IAAIC,WAAW,QACd,mBAAmB;;AAE1B;AACA;AACA;AACA,SAASD,KAAK,IAAIE,gBAAgB,QAAQ,aAAa;AACvD,OAAOC,SAAS,MAAM,eAAe;AAErC,eAAe,SAASC,oBAAoBA,CAAE;EAAEC;AAAU,CAAC,EAAG;EAC7D,IAAK,CAAEA,SAAS,CAACC,MAAM,EAAG;IACzB,OAAO,IAAI;EACZ;EACA,OACCC,aAAA,CAACd,MAAM;IAACe,OAAO,EAAG;EAAG,GAClBH,SAAS,CAACI,GAAG,CAAIC,QAAQ,IAC1BH,aAAA,CAACI,wBAAwB;IACxBC,GAAG,EAAGF,QAAU;IAChBA,QAAQ,EAAGA;EAAU,CACrB,CACA,CACK,CAAC;AAEX;AAEA,SAASC,wBAAwBA,CAAE;EAAED;AAAS,CAAC,EAAG;EACjD,MAAM;IAAEG,IAAI;IAAEC,IAAI;IAAEC;EAAW,CAAC,GAAG1B,SAAS,CACzC2B,MAAM,IAAM;IACb,MAAM;MACLC,YAAY;MACZC,kBAAkB;MAClBC,eAAe;MACfC;IACD,CAAC,GAAGJ,MAAM,CAAEd,gBAAiB,CAAC;IAC9B,MAAM;MAAEmB;IAAa,CAAC,GAAGL,MAAM,CAAEf,WAAY,CAAC;IAE9C,MAAMqB,SAAS,GAAGD,YAAY,CAAEJ,YAAY,CAAEP,QAAS,CAAE,CAAC;IAC1D,MAAMa,UAAU,GAAGL,kBAAkB,CAAER,QAAS,CAAC;IAEjD,OAAO;MACNG,IAAI,EACHS,SAAS,IACTvB,2BAA2B,CAC1BuB,SAAS,EACTC,UAAU,EACV,WACD,CAAC;MACFT,IAAI,EAAEQ,SAAS,EAAER,IAAI;MACrBC,UAAU,EACTI,eAAe,CAAET,QAAS,CAAC,IAC3BU,qBAAqB,CAAEV,QAAQ,EAAE,WAAY,IAAK;IACpD,CAAC;EACF,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;EACD,MAAM;IAAEc;EAAY,CAAC,GAAGlC,WAAW,CAAEY,gBAAiB,CAAC;EAEvD,OACCK,aAAA,CAAChB,MAAM;IACNkC,SAAS,EAAGV,UAAY;IACxBW,OAAO,EAAGA,CAAA,KAAMF,WAAW,CAAEd,QAAS;EAAG,GAEzCH,aAAA,CAACX,IAAI,QACJW,aAAA,CAACT,QAAQ,QACRS,aAAA,CAACJ,SAAS;IAACW,IAAI,EAAGA;EAAM,CAAE,CACjB,CAAC,EACXP,aAAA,CAACV,SAAS;IAAC8B,KAAK,EAAG;MAAEC,SAAS,EAAE;IAAO;EAAG,GACzCrB,aAAA,CAACZ,QAAQ,QAAGkB,IAAgB,CAClB,CACN,CACC,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["useSelect","useDispatch","Button","__experimentalVStack","VStack","__experimentalTruncate","Truncate","Flex","FlexBlock","FlexItem","__experimentalGetBlockLabel","store","blocksStore","blockEditorStore","BlockIcon","jsx","_jsx","jsxs","_jsxs","BlockQuickNavigation","clientIds","length","spacing","children","map","clientId","BlockQuickNavigationItem","name","icon","isSelected","select","getBlockName","getBlockAttributes","isBlockSelected","hasSelectedInnerBlock","getBlockType","blockType","attributes","selectBlock","isPressed","onClick","style","textAlign"],"sources":["@wordpress/block-editor/src/components/block-quick-navigation/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__experimentalVStack as VStack,\n\t__experimentalTruncate as Truncate,\n\tFlex,\n\tFlexBlock,\n\tFlexItem,\n} from '@wordpress/components';\nimport {\n\t__experimentalGetBlockLabel,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport BlockIcon from '../block-icon';\n\nexport default function BlockQuickNavigation( { clientIds } ) {\n\tif ( ! clientIds.length ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<VStack spacing={ 1 }>\n\t\t\t{ clientIds.map( ( clientId ) => (\n\t\t\t\t<BlockQuickNavigationItem\n\t\t\t\t\tkey={ clientId }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</VStack>\n\t);\n}\n\nfunction BlockQuickNavigationItem( { clientId } ) {\n\tconst { name, icon, isSelected } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tisBlockSelected,\n\t\t\t\thasSelectedInnerBlock,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { getBlockType } = select( blocksStore );\n\n\t\t\tconst blockType = getBlockType( getBlockName( clientId ) );\n\t\t\tconst attributes = getBlockAttributes( clientId );\n\n\t\t\treturn {\n\t\t\t\tname:\n\t\t\t\t\tblockType &&\n\t\t\t\t\t__experimentalGetBlockLabel(\n\t\t\t\t\t\tblockType,\n\t\t\t\t\t\tattributes,\n\t\t\t\t\t\t'list-view'\n\t\t\t\t\t),\n\t\t\t\ticon: blockType?.icon,\n\t\t\t\tisSelected:\n\t\t\t\t\tisBlockSelected( clientId ) ||\n\t\t\t\t\thasSelectedInnerBlock( clientId, /* deep: */ true ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<Button\n\t\t\tisPressed={ isSelected }\n\t\t\tonClick={ () => selectBlock( clientId ) }\n\t\t>\n\t\t\t<Flex>\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexBlock style={ { textAlign: 'left' } }>\n\t\t\t\t\t<Truncate>{ name }</Truncate>\n\t\t\t\t</FlexBlock>\n\t\t\t</Flex>\n\t\t</Button>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SACCC,MAAM,EACNC,oBAAoB,IAAIC,MAAM,EAC9BC,sBAAsB,IAAIC,QAAQ,EAClCC,IAAI,EACJC,SAAS,EACTC,QAAQ,QACF,uBAAuB;AAC9B,SACCC,2BAA2B,EAC3BC,KAAK,IAAIC,WAAW,QACd,mBAAmB;;AAE1B;AACA;AACA;AACA,SAASD,KAAK,IAAIE,gBAAgB,QAAQ,aAAa;AACvD,OAAOC,SAAS,MAAM,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEtC,eAAe,SAASC,oBAAoBA,CAAE;EAAEC;AAAU,CAAC,EAAG;EAC7D,IAAK,CAAEA,SAAS,CAACC,MAAM,EAAG;IACzB,OAAO,IAAI;EACZ;EACA,oBACCL,IAAA,CAACZ,MAAM;IAACkB,OAAO,EAAG,CAAG;IAAAC,QAAA,EAClBH,SAAS,CAACI,GAAG,CAAIC,QAAQ,iBAC1BT,IAAA,CAACU,wBAAwB;MAExBD,QAAQ,EAAGA;IAAU,GADfA,QAEN,CACA;EAAC,CACI,CAAC;AAEX;AAEA,SAASC,wBAAwBA,CAAE;EAAED;AAAS,CAAC,EAAG;EACjD,MAAM;IAAEE,IAAI;IAAEC,IAAI;IAAEC;EAAW,CAAC,GAAG7B,SAAS,CACzC8B,MAAM,IAAM;IACb,MAAM;MACLC,YAAY;MACZC,kBAAkB;MAClBC,eAAe;MACfC;IACD,CAAC,GAAGJ,MAAM,CAAEjB,gBAAiB,CAAC;IAC9B,MAAM;MAAEsB;IAAa,CAAC,GAAGL,MAAM,CAAElB,WAAY,CAAC;IAE9C,MAAMwB,SAAS,GAAGD,YAAY,CAAEJ,YAAY,CAAEN,QAAS,CAAE,CAAC;IAC1D,MAAMY,UAAU,GAAGL,kBAAkB,CAAEP,QAAS,CAAC;IAEjD,OAAO;MACNE,IAAI,EACHS,SAAS,IACT1B,2BAA2B,CAC1B0B,SAAS,EACTC,UAAU,EACV,WACD,CAAC;MACFT,IAAI,EAAEQ,SAAS,EAAER,IAAI;MACrBC,UAAU,EACTI,eAAe,CAAER,QAAS,CAAC,IAC3BS,qBAAqB,CAAET,QAAQ,EAAE,WAAY,IAAK;IACpD,CAAC;EACF,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;EACD,MAAM;IAAEa;EAAY,CAAC,GAAGrC,WAAW,CAAEY,gBAAiB,CAAC;EAEvD,oBACCG,IAAA,CAACd,MAAM;IACNqC,SAAS,EAAGV,UAAY;IACxBW,OAAO,EAAGA,CAAA,KAAMF,WAAW,CAAEb,QAAS,CAAG;IAAAF,QAAA,eAEzCL,KAAA,CAACX,IAAI;MAAAgB,QAAA,gBACJP,IAAA,CAACP,QAAQ;QAAAc,QAAA,eACRP,IAAA,CAACF,SAAS;UAACc,IAAI,EAAGA;QAAM,CAAE;MAAC,CAClB,CAAC,eACXZ,IAAA,CAACR,SAAS;QAACiC,KAAK,EAAG;UAAEC,SAAS,EAAE;QAAO,CAAG;QAAAnB,QAAA,eACzCP,IAAA,CAACV,QAAQ;UAAAiB,QAAA,EAAGI;QAAI,CAAY;MAAC,CACnB,CAAC;IAAA,CACP;EAAC,CACA,CAAC;AAEX","ignoreList":[]}

package/build-module/components/block-removal-warning-modal/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -12,6 +11,8 @@ import { __ } from '@wordpress/i18n';
  */
 import { store as blockEditorStore } from '../../store';
 import { unlock } from '../../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export function BlockRemovalWarningModal({
   rules
 }) {
@@ -41,18 +42,24 @@ export function BlockRemovalWarningModal({
     privateRemoveBlocks(clientIds, selectPrevious, /* force */true);
     clearBlockRemovalPrompt();
   };
-  return createElement(Modal, {
+  return /*#__PURE__*/_jsxs(Modal, {
     title: __('Be careful!'),
     onRequestClose: clearBlockRemovalPrompt,
-    size: "medium"
-  }, createElement("p", null, message), createElement(HStack, {
-    justify: "right"
-  }, createElement(Button, {
-    variant: "tertiary",
-    onClick: clearBlockRemovalPrompt
-  }, __('Cancel')), createElement(Button, {
-    variant: "primary",
-    onClick: onConfirmRemoval
-  }, __('Delete'))));
+    size: "medium",
+    children: [/*#__PURE__*/_jsx("p", {
+      children: message
+    }), /*#__PURE__*/_jsxs(HStack, {
+      justify: "right",
+      children: [/*#__PURE__*/_jsx(Button, {
+        variant: "tertiary",
+        onClick: clearBlockRemovalPrompt,
+        children: __('Cancel')
+      }), /*#__PURE__*/_jsx(Button, {
+        variant: "primary",
+        onClick: onConfirmRemoval,
+        children: __('Delete')
+      })]
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/block-removal-warning-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useDispatch","useSelect","Modal","Button","__experimentalHStack","HStack","__","store","blockEditorStore","unlock","BlockRemovalWarningModal","rules","clientIds","selectPrevious","message","select","getRemovalPromptData","clearBlockRemovalPrompt","setBlockRemovalRules","privateRemoveBlocks","onConfirmRemoval","createElement","title","onRequestClose","size","justify","variant","onClick"],"sources":["@wordpress/block-editor/src/components/block-removal-warning-modal/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tModal,\n\tButton,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport function BlockRemovalWarningModal( { rules } ) {\n\tconst { clientIds, selectPrevious, message } = useSelect( ( select ) =>\n\t\tunlock( select( blockEditorStore ) ).getRemovalPromptData()\n\t);\n\n\tconst {\n\t\tclearBlockRemovalPrompt,\n\t\tsetBlockRemovalRules,\n\t\tprivateRemoveBlocks,\n\t} = unlock( useDispatch( blockEditorStore ) );\n\n\t// Load block removal rules, simultaneously signalling that the block\n\t// removal prompt is in place.\n\tuseEffect( () => {\n\t\tsetBlockRemovalRules( rules );\n\t\treturn () => {\n\t\t\tsetBlockRemovalRules();\n\t\t};\n\t}, [ rules, setBlockRemovalRules ] );\n\n\tif ( ! message ) {\n\t\treturn;\n\t}\n\n\tconst onConfirmRemoval = () => {\n\t\tprivateRemoveBlocks( clientIds, selectPrevious, /* force */ true );\n\t\tclearBlockRemovalPrompt();\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Be careful!' ) }\n\t\t\tonRequestClose={ clearBlockRemovalPrompt }\n\t\t\tsize=\"medium\"\n\t\t>\n\t\t\t<p>{ message }</p>\n\t\t\t<HStack justify=\"right\">\n\t\t\t\t<Button variant=\"tertiary\" onClick={ clearBlockRemovalPrompt }>\n\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t</Button>\n\t\t\t\t<Button variant=\"primary\" onClick={ onConfirmRemoval }>\n\t\t\t\t\t{ __( 'Delete' ) }\n\t\t\t\t</Button>\n\t\t\t</HStack>\n\t\t</Modal>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SACCC,KAAK,EACLC,MAAM,EACNC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,OAAO,SAASC,wBAAwBA,CAAE;EAAEC;AAAM,CAAC,EAAG;EACrD,MAAM;IAAEC,SAAS;IAAEC,cAAc;IAAEC;EAAQ,CAAC,GAAGb,SAAS,CAAIc,MAAM,IACjEN,MAAM,CAAEM,MAAM,CAAEP,gBAAiB,CAAE,CAAC,CAACQ,oBAAoB,CAAC,CAC3D,CAAC;EAED,MAAM;IACLC,uBAAuB;IACvBC,oBAAoB;IACpBC;EACD,CAAC,GAAGV,MAAM,CAAET,WAAW,CAAEQ,gBAAiB,CAAE,CAAC;;EAE7C;EACA;EACAT,SAAS,CAAE,MAAM;IAChBmB,oBAAoB,CAAEP,KAAM,CAAC;IAC7B,OAAO,MAAM;MACZO,oBAAoB,CAAC,CAAC;IACvB,CAAC;EACF,CAAC,EAAE,CAAEP,KAAK,EAAEO,oBAAoB,CAAG,CAAC;EAEpC,IAAK,CAAEJ,OAAO,EAAG;IAChB;EACD;EAEA,MAAMM,gBAAgB,GAAGA,CAAA,KAAM;IAC9BD,mBAAmB,CAAEP,SAAS,EAAEC,cAAc,EAAE,WAAY,IAAK,CAAC;IAClEI,uBAAuB,CAAC,CAAC;EAC1B,CAAC;EAED,OACCI,aAAA,CAACnB,KAAK;IACLoB,KAAK,EAAGhB,EAAE,CAAE,aAAc,CAAG;IAC7BiB,cAAc,EAAGN,uBAAyB;IAC1CO,IAAI,EAAC;EAAQ,GAEbH,aAAA,YAAKP,OAAY,CAAC,EAClBO,aAAA,CAAChB,MAAM;IAACoB,OAAO,EAAC;EAAO,GACtBJ,aAAA,CAAClB,MAAM;IAACuB,OAAO,EAAC,UAAU;IAACC,OAAO,EAAGV;EAAyB,GAC3DX,EAAE,CAAE,QAAS,CACR,CAAC,EACTe,aAAA,CAAClB,MAAM;IAACuB,OAAO,EAAC,SAAS;IAACC,OAAO,EAAGP;EAAkB,GACnDd,EAAE,CAAE,QAAS,CACR,CACD,CACF,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["useEffect","useDispatch","useSelect","Modal","Button","__experimentalHStack","HStack","__","store","blockEditorStore","unlock","jsx","_jsx","jsxs","_jsxs","BlockRemovalWarningModal","rules","clientIds","selectPrevious","message","select","getRemovalPromptData","clearBlockRemovalPrompt","setBlockRemovalRules","privateRemoveBlocks","onConfirmRemoval","title","onRequestClose","size","children","justify","variant","onClick"],"sources":["@wordpress/block-editor/src/components/block-removal-warning-modal/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tModal,\n\tButton,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport function BlockRemovalWarningModal( { rules } ) {\n\tconst { clientIds, selectPrevious, message } = useSelect( ( select ) =>\n\t\tunlock( select( blockEditorStore ) ).getRemovalPromptData()\n\t);\n\n\tconst {\n\t\tclearBlockRemovalPrompt,\n\t\tsetBlockRemovalRules,\n\t\tprivateRemoveBlocks,\n\t} = unlock( useDispatch( blockEditorStore ) );\n\n\t// Load block removal rules, simultaneously signalling that the block\n\t// removal prompt is in place.\n\tuseEffect( () => {\n\t\tsetBlockRemovalRules( rules );\n\t\treturn () => {\n\t\t\tsetBlockRemovalRules();\n\t\t};\n\t}, [ rules, setBlockRemovalRules ] );\n\n\tif ( ! message ) {\n\t\treturn;\n\t}\n\n\tconst onConfirmRemoval = () => {\n\t\tprivateRemoveBlocks( clientIds, selectPrevious, /* force */ true );\n\t\tclearBlockRemovalPrompt();\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Be careful!' ) }\n\t\t\tonRequestClose={ clearBlockRemovalPrompt }\n\t\t\tsize=\"medium\"\n\t\t>\n\t\t\t<p>{ message }</p>\n\t\t\t<HStack justify=\"right\">\n\t\t\t\t<Button variant=\"tertiary\" onClick={ clearBlockRemovalPrompt }>\n\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t</Button>\n\t\t\t\t<Button variant=\"primary\" onClick={ onConfirmRemoval }>\n\t\t\t\t\t{ __( 'Delete' ) }\n\t\t\t\t</Button>\n\t\t\t</HStack>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SACCC,KAAK,EACLC,MAAM,EACNC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE3C,OAAO,SAASC,wBAAwBA,CAAE;EAAEC;AAAM,CAAC,EAAG;EACrD,MAAM;IAAEC,SAAS;IAAEC,cAAc;IAAEC;EAAQ,CAAC,GAAGjB,SAAS,CAAIkB,MAAM,IACjEV,MAAM,CAAEU,MAAM,CAAEX,gBAAiB,CAAE,CAAC,CAACY,oBAAoB,CAAC,CAC3D,CAAC;EAED,MAAM;IACLC,uBAAuB;IACvBC,oBAAoB;IACpBC;EACD,CAAC,GAAGd,MAAM,CAAET,WAAW,CAAEQ,gBAAiB,CAAE,CAAC;;EAE7C;EACA;EACAT,SAAS,CAAE,MAAM;IAChBuB,oBAAoB,CAAEP,KAAM,CAAC;IAC7B,OAAO,MAAM;MACZO,oBAAoB,CAAC,CAAC;IACvB,CAAC;EACF,CAAC,EAAE,CAAEP,KAAK,EAAEO,oBAAoB,CAAG,CAAC;EAEpC,IAAK,CAAEJ,OAAO,EAAG;IAChB;EACD;EAEA,MAAMM,gBAAgB,GAAGA,CAAA,KAAM;IAC9BD,mBAAmB,CAAEP,SAAS,EAAEC,cAAc,EAAE,WAAY,IAAK,CAAC;IAClEI,uBAAuB,CAAC,CAAC;EAC1B,CAAC;EAED,oBACCR,KAAA,CAACX,KAAK;IACLuB,KAAK,EAAGnB,EAAE,CAAE,aAAc,CAAG;IAC7BoB,cAAc,EAAGL,uBAAyB;IAC1CM,IAAI,EAAC,QAAQ;IAAAC,QAAA,gBAEbjB,IAAA;MAAAiB,QAAA,EAAKV;IAAO,CAAK,CAAC,eAClBL,KAAA,CAACR,MAAM;MAACwB,OAAO,EAAC,OAAO;MAAAD,QAAA,gBACtBjB,IAAA,CAACR,MAAM;QAAC2B,OAAO,EAAC,UAAU;QAACC,OAAO,EAAGV,uBAAyB;QAAAO,QAAA,EAC3DtB,EAAE,CAAE,QAAS;MAAC,CACT,CAAC,eACTK,IAAA,CAACR,MAAM;QAAC2B,OAAO,EAAC,SAAS;QAACC,OAAO,EAAGP,gBAAkB;QAAAI,QAAA,EACnDtB,EAAE,CAAE,QAAS;MAAC,CACT,CAAC;IAAA,CACF,CAAC;EAAA,CACH,CAAC;AAEV","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -11,6 +10,8 @@ import { speak } from '@wordpress/a11y';
  * Internal dependencies
  */
 import isEmptyString from './is-empty-string';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function BlockRenameModal({
   blockName,
   originalBlockName,
@@ -39,7 +40,7 @@ export default function BlockRenameModal({
     // Immediate close avoids ability to hit save multiple times.
     onClose();
   };
-  return createElement(Modal, {
+  return /*#__PURE__*/_jsx(Modal, {
     title: __('Rename'),
     onRequestClose: onClose,
     overlayClassName: "block-editor-block-rename-modal",
@@ -47,40 +48,47 @@ export default function BlockRenameModal({
     aria: {
       describedby: descriptionId
     },
-    size: "small"
-  }, createElement("form", {
-    onSubmit: e => {
-      e.preventDefault();
-      if (!isNameValid) {
-        return;
-      }
-      handleSubmit();
-    }
-  }, createElement("p", {
-    id: descriptionId
-  }, __('Enter a custom name for this block.')), createElement(VStack, {
-    spacing: "3"
-  }, createElement(TextControl, {
-    __nextHasNoMarginBottom: true,
-    __next40pxDefaultSize: true,
-    value: editedBlockName,
-    label: __('Block name'),
-    hideLabelFromVision: true,
-    help: hasOverridesWarning ? __('This block allows overrides. Changing the name can cause problems with content entered into instances of this pattern.') : undefined,
-    placeholder: originalBlockName,
-    onChange: setEditedBlockName,
-    onFocus: autoSelectInputText
-  }), createElement(HStack, {
-    justify: "right"
-  }, createElement(Button, {
-    __next40pxDefaultSize: true,
-    variant: "tertiary",
-    onClick: onClose
-  }, __('Cancel')), createElement(Button, {
-    __next40pxDefaultSize: true,
-    "aria-disabled": !isNameValid,
-    variant: "primary",
-    type: "submit"
-  }, __('Save'))))));
+    size: "small",
+    children: /*#__PURE__*/_jsxs("form", {
+      onSubmit: e => {
+        e.preventDefault();
+        if (!isNameValid) {
+          return;
+        }
+        handleSubmit();
+      },
+      children: [/*#__PURE__*/_jsx("p", {
+        id: descriptionId,
+        children: __('Enter a custom name for this block.')
+      }), /*#__PURE__*/_jsxs(VStack, {
+        spacing: "3",
+        children: [/*#__PURE__*/_jsx(TextControl, {
+          __nextHasNoMarginBottom: true,
+          __next40pxDefaultSize: true,
+          value: editedBlockName,
+          label: __('Block name'),
+          hideLabelFromVision: true,
+          help: hasOverridesWarning ? __('This block allows overrides. Changing the name can cause problems with content entered into instances of this pattern.') : undefined,
+          placeholder: originalBlockName,
+          onChange: setEditedBlockName,
+          onFocus: autoSelectInputText
+        }), /*#__PURE__*/_jsxs(HStack, {
+          justify: "right",
+          children: [/*#__PURE__*/_jsx(Button, {
+            __next40pxDefaultSize: true,
+            variant: "tertiary",
+            onClick: onClose,
+            children: __('Cancel')
+          }), /*#__PURE__*/_jsx(Button, {
+            __next40pxDefaultSize: true,
+            "aria-disabled": !isNameValid,
+            variant: "primary",
+            type: "submit",
+            children: __('Save')
+          })]
+        })]
+      })]
+    })
+  });
 }
 //# sourceMappingURL=modal.js.map

package/build-module/components/block-rename/modal.js.map

@@ -1 +1 @@
-{"version":3,"names":["__experimentalHStack","HStack","__experimentalVStack","VStack","Button","TextControl","Modal","__","sprintf","useState","useId","speak","isEmptyString","BlockRenameModal","blockName","originalBlockName","onClose","onSave","hasOverridesWarning","editedBlockName","setEditedBlockName","descriptionId","nameHasChanged","nameIsOriginal","nameIsEmpty","isNameValid","autoSelectInputText","event","target","select","handleSubmit","message","createElement","title","onRequestClose","overlayClassName","focusOnMount","aria","describedby","size","onSubmit","e","preventDefault","id","spacing","__nextHasNoMarginBottom","__next40pxDefaultSize","value","label","hideLabelFromVision","help","undefined","placeholder","onChange","onFocus","justify","variant","onClick","type"],"sources":["@wordpress/block-editor/src/components/block-rename/modal.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tButton,\n\tTextControl,\n\tModal,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useState, useId } from '@wordpress/element';\nimport { speak } from '@wordpress/a11y';\n\n/**\n * Internal dependencies\n */\nimport isEmptyString from './is-empty-string';\n\nexport default function BlockRenameModal( {\n\tblockName,\n\toriginalBlockName,\n\tonClose,\n\tonSave,\n\t// Pattern Overrides is a WordPress-only feature but it also uses the Block Binding API.\n\t// Ideally this should not be inside the block editor package, but we keep it here for simplicity.\n\thasOverridesWarning,\n} ) {\n\tconst [ editedBlockName, setEditedBlockName ] = useState( blockName );\n\tconst descriptionId = useId();\n\n\tconst nameHasChanged = editedBlockName !== blockName;\n\tconst nameIsOriginal = editedBlockName === originalBlockName;\n\tconst nameIsEmpty = isEmptyString( editedBlockName );\n\n\tconst isNameValid = nameHasChanged || nameIsOriginal;\n\n\tconst autoSelectInputText = ( event ) => event.target.select();\n\n\tconst handleSubmit = () => {\n\t\tconst message =\n\t\t\tnameIsOriginal || nameIsEmpty\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/* translators: %s: new name/label for the block */\n\t\t\t\t\t\t__( 'Block name reset to: \"%s\".' ),\n\t\t\t\t\t\teditedBlockName\n\t\t\t\t  )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: %s: new name/label for the block */\n\t\t\t\t\t\t__( 'Block name changed to: \"%s\".' ),\n\t\t\t\t\t\teditedBlockName\n\t\t\t\t  );\n\n\t\t// Must be assertive to immediately announce change.\n\t\tspeak( message, 'assertive' );\n\t\tonSave( editedBlockName );\n\n\t\t// Immediate close avoids ability to hit save multiple times.\n\t\tonClose();\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Rename' ) }\n\t\t\tonRequestClose={ onClose }\n\t\t\toverlayClassName=\"block-editor-block-rename-modal\"\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\taria={ { describedby: descriptionId } }\n\t\t\tsize=\"small\"\n\t\t>\n\t\t\t<form\n\t\t\t\tonSubmit={ ( e ) => {\n\t\t\t\t\te.preventDefault();\n\n\t\t\t\t\tif ( ! isNameValid ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\thandleSubmit();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<p id={ descriptionId }>\n\t\t\t\t\t{ __( 'Enter a custom name for this block.' ) }\n\t\t\t\t</p>\n\t\t\t\t<VStack spacing=\"3\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvalue={ editedBlockName }\n\t\t\t\t\t\tlabel={ __( 'Block name' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\thasOverridesWarning\n\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t'This block allows overrides. Changing the name can cause problems with content entered into instances of this pattern.'\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tplaceholder={ originalBlockName }\n\t\t\t\t\t\tonChange={ setEditedBlockName }\n\t\t\t\t\t\tonFocus={ autoSelectInputText }\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\taria-disabled={ ! isNameValid }\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__experimentalHStack","HStack","__experimentalVStack","VStack","Button","TextControl","Modal","__","sprintf","useState","useId","speak","isEmptyString","jsx","_jsx","jsxs","_jsxs","BlockRenameModal","blockName","originalBlockName","onClose","onSave","hasOverridesWarning","editedBlockName","setEditedBlockName","descriptionId","nameHasChanged","nameIsOriginal","nameIsEmpty","isNameValid","autoSelectInputText","event","target","select","handleSubmit","message","title","onRequestClose","overlayClassName","focusOnMount","aria","describedby","size","children","onSubmit","e","preventDefault","id","spacing","__nextHasNoMarginBottom","__next40pxDefaultSize","value","label","hideLabelFromVision","help","undefined","placeholder","onChange","onFocus","justify","variant","onClick","type"],"sources":["@wordpress/block-editor/src/components/block-rename/modal.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tButton,\n\tTextControl,\n\tModal,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useState, useId } from '@wordpress/element';\nimport { speak } from '@wordpress/a11y';\n\n/**\n * Internal dependencies\n */\nimport isEmptyString from './is-empty-string';\n\nexport default function BlockRenameModal( {\n\tblockName,\n\toriginalBlockName,\n\tonClose,\n\tonSave,\n\t// Pattern Overrides is a WordPress-only feature but it also uses the Block Binding API.\n\t// Ideally this should not be inside the block editor package, but we keep it here for simplicity.\n\thasOverridesWarning,\n} ) {\n\tconst [ editedBlockName, setEditedBlockName ] = useState( blockName );\n\tconst descriptionId = useId();\n\n\tconst nameHasChanged = editedBlockName !== blockName;\n\tconst nameIsOriginal = editedBlockName === originalBlockName;\n\tconst nameIsEmpty = isEmptyString( editedBlockName );\n\n\tconst isNameValid = nameHasChanged || nameIsOriginal;\n\n\tconst autoSelectInputText = ( event ) => event.target.select();\n\n\tconst handleSubmit = () => {\n\t\tconst message =\n\t\t\tnameIsOriginal || nameIsEmpty\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/* translators: %s: new name/label for the block */\n\t\t\t\t\t\t__( 'Block name reset to: \"%s\".' ),\n\t\t\t\t\t\teditedBlockName\n\t\t\t\t  )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: %s: new name/label for the block */\n\t\t\t\t\t\t__( 'Block name changed to: \"%s\".' ),\n\t\t\t\t\t\teditedBlockName\n\t\t\t\t  );\n\n\t\t// Must be assertive to immediately announce change.\n\t\tspeak( message, 'assertive' );\n\t\tonSave( editedBlockName );\n\n\t\t// Immediate close avoids ability to hit save multiple times.\n\t\tonClose();\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Rename' ) }\n\t\t\tonRequestClose={ onClose }\n\t\t\toverlayClassName=\"block-editor-block-rename-modal\"\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\taria={ { describedby: descriptionId } }\n\t\t\tsize=\"small\"\n\t\t>\n\t\t\t<form\n\t\t\t\tonSubmit={ ( e ) => {\n\t\t\t\t\te.preventDefault();\n\n\t\t\t\t\tif ( ! isNameValid ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\thandleSubmit();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<p id={ descriptionId }>\n\t\t\t\t\t{ __( 'Enter a custom name for this block.' ) }\n\t\t\t\t</p>\n\t\t\t\t<VStack spacing=\"3\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvalue={ editedBlockName }\n\t\t\t\t\t\tlabel={ __( 'Block name' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\thasOverridesWarning\n\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t'This block allows overrides. Changing the name can cause problems with content entered into instances of this pattern.'\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tplaceholder={ originalBlockName }\n\t\t\t\t\t\tonChange={ setEditedBlockName }\n\t\t\t\t\t\tonFocus={ autoSelectInputText }\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\taria-disabled={ ! isNameValid }\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,MAAM,EACNC,WAAW,EACXC,KAAK,QACC,uBAAuB;AAC9B,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,QAAQ,EAAEC,KAAK,QAAQ,oBAAoB;AACpD,SAASC,KAAK,QAAQ,iBAAiB;;AAEvC;AACA;AACA;AACA,OAAOC,aAAa,MAAM,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE9C,eAAe,SAASC,gBAAgBA,CAAE;EACzCC,SAAS;EACTC,iBAAiB;EACjBC,OAAO;EACPC,MAAM;EACN;EACA;EACAC;AACD,CAAC,EAAG;EACH,MAAM,CAAEC,eAAe,EAAEC,kBAAkB,CAAE,GAAGf,QAAQ,CAAES,SAAU,CAAC;EACrE,MAAMO,aAAa,GAAGf,KAAK,CAAC,CAAC;EAE7B,MAAMgB,cAAc,GAAGH,eAAe,KAAKL,SAAS;EACpD,MAAMS,cAAc,GAAGJ,eAAe,KAAKJ,iBAAiB;EAC5D,MAAMS,WAAW,GAAGhB,aAAa,CAAEW,eAAgB,CAAC;EAEpD,MAAMM,WAAW,GAAGH,cAAc,IAAIC,cAAc;EAEpD,MAAMG,mBAAmB,GAAKC,KAAK,IAAMA,KAAK,CAACC,MAAM,CAACC,MAAM,CAAC,CAAC;EAE9D,MAAMC,YAAY,GAAGA,CAAA,KAAM;IAC1B,MAAMC,OAAO,GACZR,cAAc,IAAIC,WAAW,GAC1BpB,OAAO,EACP;IACAD,EAAE,CAAE,4BAA6B,CAAC,EAClCgB,eACA,CAAC,GACDf,OAAO,EACP;IACAD,EAAE,CAAE,8BAA+B,CAAC,EACpCgB,eACA,CAAC;;IAEL;IACAZ,KAAK,CAAEwB,OAAO,EAAE,WAAY,CAAC;IAC7Bd,MAAM,CAAEE,eAAgB,CAAC;;IAEzB;IACAH,OAAO,CAAC,CAAC;EACV,CAAC;EAED,oBACCN,IAAA,CAACR,KAAK;IACL8B,KAAK,EAAG7B,EAAE,CAAE,QAAS,CAAG;IACxB8B,cAAc,EAAGjB,OAAS;IAC1BkB,gBAAgB,EAAC,iCAAiC;IAClDC,YAAY,EAAC,qBAAqB;IAClCC,IAAI,EAAG;MAAEC,WAAW,EAAEhB;IAAc,CAAG;IACvCiB,IAAI,EAAC,OAAO;IAAAC,QAAA,eAEZ3B,KAAA;MACC4B,QAAQ,EAAKC,CAAC,IAAM;QACnBA,CAAC,CAACC,cAAc,CAAC,CAAC;QAElB,IAAK,CAAEjB,WAAW,EAAG;UACpB;QACD;QAEAK,YAAY,CAAC,CAAC;MACf,CAAG;MAAAS,QAAA,gBAEH7B,IAAA;QAAGiC,EAAE,EAAGtB,aAAe;QAAAkB,QAAA,EACpBpC,EAAE,CAAE,qCAAsC;MAAC,CAC3C,CAAC,eACJS,KAAA,CAACb,MAAM;QAAC6C,OAAO,EAAC,GAAG;QAAAL,QAAA,gBAClB7B,IAAA,CAACT,WAAW;UACX4C,uBAAuB;UACvBC,qBAAqB;UACrBC,KAAK,EAAG5B,eAAiB;UACzB6B,KAAK,EAAG7C,EAAE,CAAE,YAAa,CAAG;UAC5B8C,mBAAmB;UACnBC,IAAI,EACHhC,mBAAmB,GAChBf,EAAE,CACF,wHACA,CAAC,GACDgD,SACH;UACDC,WAAW,EAAGrC,iBAAmB;UACjCsC,QAAQ,EAAGjC,kBAAoB;UAC/BkC,OAAO,EAAG5B;QAAqB,CAC/B,CAAC,eACFd,KAAA,CAACf,MAAM;UAAC0D,OAAO,EAAC,OAAO;UAAAhB,QAAA,gBACtB7B,IAAA,CAACV,MAAM;YACN8C,qBAAqB;YACrBU,OAAO,EAAC,UAAU;YAClBC,OAAO,EAAGzC,OAAS;YAAAuB,QAAA,EAEjBpC,EAAE,CAAE,QAAS;UAAC,CACT,CAAC,eAETO,IAAA,CAACV,MAAM;YACN8C,qBAAqB;YACrB,iBAAgB,CAAErB,WAAa;YAC/B+B,OAAO,EAAC,SAAS;YACjBE,IAAI,EAAC,QAAQ;YAAAnB,QAAA,EAEXpC,EAAE,CAAE,MAAO;UAAC,CACP,CAAC;QAAA,CACF,CAAC;MAAA,CACF,CAAC;IAAA,CACJ;EAAC,CACD,CAAC;AAEV","ignoreList":[]}

package/build-module/components/block-rename/rename-control.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -14,6 +13,9 @@ import { store as blockEditorStore } from '../../store';
 import { useBlockDisplayInformation } from '..';
 import isEmptyString from './is-empty-string';
 import BlockRenameModal from './modal';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function BlockRenameControl({
   clientId
 }) {
@@ -43,26 +45,29 @@ export default function BlockRenameControl({
     });
   }
   const blockInformation = useBlockDisplayInformation(clientId);
-  return createElement(Fragment, null, createElement(MenuItem, {
-    onClick: () => {
-      setRenamingBlock(true);
-    },
-    "aria-expanded": renamingBlock,
-    "aria-haspopup": "dialog"
-  }, __('Rename')), renamingBlock && createElement(BlockRenameModal, {
-    blockName: customName || '',
-    originalBlockName: blockInformation?.title,
-    hasOverridesWarning: hasPatternOverrides,
-    onClose: () => setRenamingBlock(false),
-    onSave: newName => {
-      // If the new value is the block's original name (e.g. `Group`)
-      // or it is an empty string then assume the intent is to reset
-      // the value. Therefore reset the metadata.
-      if (newName === blockInformation?.title || isEmptyString(newName)) {
-        newName = undefined;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(MenuItem, {
+      onClick: () => {
+        setRenamingBlock(true);
+      },
+      "aria-expanded": renamingBlock,
+      "aria-haspopup": "dialog",
+      children: __('Rename')
+    }), renamingBlock && /*#__PURE__*/_jsx(BlockRenameModal, {
+      blockName: customName || '',
+      originalBlockName: blockInformation?.title,
+      hasOverridesWarning: hasPatternOverrides,
+      onClose: () => setRenamingBlock(false),
+      onSave: newName => {
+        // If the new value is the block's original name (e.g. `Group`)
+        // or it is an empty string then assume the intent is to reset
+        // the value. Therefore reset the metadata.
+        if (newName === blockInformation?.title || isEmptyString(newName)) {
+          newName = undefined;
+        }
+        onChange(newName);
       }
-      onChange(newName);
-    }
-  }));
+    })]
+  });
 }
 //# sourceMappingURL=rename-control.js.map

package/build-module/components/block-rename/rename-control.js.map

@@ -1 +1 @@
-{"version":3,"names":["MenuItem","useSelect","useDispatch","__","useState","store","blockEditorStore","useBlockDisplayInformation","isEmptyString","BlockRenameModal","BlockRenameControl","clientId","renamingBlock","setRenamingBlock","metadata","select","getBlockAttributes","_metadata","updateBlockAttributes","customName","name","hasPatternOverrides","bindings","Object","values","some","binding","source","onChange","newName","blockInformation","createElement","Fragment","onClick","blockName","originalBlockName","title","hasOverridesWarning","onClose","onSave","undefined"],"sources":["@wordpress/block-editor/src/components/block-rename/rename-control.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { useBlockDisplayInformation } from '..';\nimport isEmptyString from './is-empty-string';\nimport BlockRenameModal from './modal';\n\nexport default function BlockRenameControl( { clientId } ) {\n\tconst [ renamingBlock, setRenamingBlock ] = useState( false );\n\n\tconst { metadata } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockAttributes } = select( blockEditorStore );\n\n\t\t\tconst _metadata = getBlockAttributes( clientId )?.metadata;\n\t\t\treturn {\n\t\t\t\tmetadata: _metadata,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst customName = metadata?.name;\n\tconst hasPatternOverrides =\n\t\t!! customName &&\n\t\t!! metadata?.bindings &&\n\t\tObject.values( metadata.bindings ).some(\n\t\t\t( binding ) => binding.source === 'core/pattern-overrides'\n\t\t);\n\n\tfunction onChange( newName ) {\n\t\tupdateBlockAttributes( [ clientId ], {\n\t\t\tmetadata: {\n\t\t\t\t...metadata,\n\t\t\t\tname: newName,\n\t\t\t},\n\t\t} );\n\t}\n\n\tconst blockInformation = useBlockDisplayInformation( clientId );\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetRenamingBlock( true );\n\t\t\t\t} }\n\t\t\t\taria-expanded={ renamingBlock }\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t>\n\t\t\t\t{ __( 'Rename' ) }\n\t\t\t</MenuItem>\n\t\t\t{ renamingBlock && (\n\t\t\t\t<BlockRenameModal\n\t\t\t\t\tblockName={ customName || '' }\n\t\t\t\t\toriginalBlockName={ blockInformation?.title }\n\t\t\t\t\thasOverridesWarning={ hasPatternOverrides }\n\t\t\t\t\tonClose={ () => setRenamingBlock( false ) }\n\t\t\t\t\tonSave={ ( newName ) => {\n\t\t\t\t\t\t// If the new value is the block's original name (e.g. `Group`)\n\t\t\t\t\t\t// or it is an empty string then assume the intent is to reset\n\t\t\t\t\t\t// the value. Therefore reset the metadata.\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tnewName === blockInformation?.title ||\n\t\t\t\t\t\t\tisEmptyString( newName )\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tnewName = undefined;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tonChange( newName );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,QAAQ,QAAQ,oBAAoB;;AAE7C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,0BAA0B,QAAQ,IAAI;AAC/C,OAAOC,aAAa,MAAM,mBAAmB;AAC7C,OAAOC,gBAAgB,MAAM,SAAS;AAEtC,eAAe,SAASC,kBAAkBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC1D,MAAM,CAAEC,aAAa,EAAEC,gBAAgB,CAAE,GAAGT,QAAQ,CAAE,KAAM,CAAC;EAE7D,MAAM;IAAEU;EAAS,CAAC,GAAGb,SAAS,CAC3Bc,MAAM,IAAM;IACb,MAAM;MAAEC;IAAmB,CAAC,GAAGD,MAAM,CAAET,gBAAiB,CAAC;IAEzD,MAAMW,SAAS,GAAGD,kBAAkB,CAAEL,QAAS,CAAC,EAAEG,QAAQ;IAC1D,OAAO;MACNA,QAAQ,EAAEG;IACX,CAAC;EACF,CAAC,EACD,CAAEN,QAAQ,CACX,CAAC;EAED,MAAM;IAAEO;EAAsB,CAAC,GAAGhB,WAAW,CAAEI,gBAAiB,CAAC;EAEjE,MAAMa,UAAU,GAAGL,QAAQ,EAAEM,IAAI;EACjC,MAAMC,mBAAmB,GACxB,CAAC,CAAEF,UAAU,IACb,CAAC,CAAEL,QAAQ,EAAEQ,QAAQ,IACrBC,MAAM,CAACC,MAAM,CAAEV,QAAQ,CAACQ,QAAS,CAAC,CAACG,IAAI,CACpCC,OAAO,IAAMA,OAAO,CAACC,MAAM,KAAK,wBACnC,CAAC;EAEF,SAASC,QAAQA,CAAEC,OAAO,EAAG;IAC5BX,qBAAqB,CAAE,CAAEP,QAAQ,CAAE,EAAE;MACpCG,QAAQ,EAAE;QACT,GAAGA,QAAQ;QACXM,IAAI,EAAES;MACP;IACD,CAAE,CAAC;EACJ;EAEA,MAAMC,gBAAgB,GAAGvB,0BAA0B,CAAEI,QAAS,CAAC;EAE/D,OACCoB,aAAA,CAAAC,QAAA,QACCD,aAAA,CAAC/B,QAAQ;IACRiC,OAAO,EAAGA,CAAA,KAAM;MACfpB,gBAAgB,CAAE,IAAK,CAAC;IACzB,CAAG;IACH,iBAAgBD,aAAe;IAC/B,iBAAc;EAAQ,GAEpBT,EAAE,CAAE,QAAS,CACN,CAAC,EACTS,aAAa,IACdmB,aAAA,CAACtB,gBAAgB;IAChByB,SAAS,EAAGf,UAAU,IAAI,EAAI;IAC9BgB,iBAAiB,EAAGL,gBAAgB,EAAEM,KAAO;IAC7CC,mBAAmB,EAAGhB,mBAAqB;IAC3CiB,OAAO,EAAGA,CAAA,KAAMzB,gBAAgB,CAAE,KAAM,CAAG;IAC3C0B,MAAM,EAAKV,OAAO,IAAM;MACvB;MACA;MACA;MACA,IACCA,OAAO,KAAKC,gBAAgB,EAAEM,KAAK,IACnC5B,aAAa,CAAEqB,OAAQ,CAAC,EACvB;QACDA,OAAO,GAAGW,SAAS;MACpB;MAEAZ,QAAQ,CAAEC,OAAQ,CAAC;IACpB;EAAG,CACH,CAED,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["MenuItem","useSelect","useDispatch","__","useState","store","blockEditorStore","useBlockDisplayInformation","isEmptyString","BlockRenameModal","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","BlockRenameControl","clientId","renamingBlock","setRenamingBlock","metadata","select","getBlockAttributes","_metadata","updateBlockAttributes","customName","name","hasPatternOverrides","bindings","Object","values","some","binding","source","onChange","newName","blockInformation","children","onClick","blockName","originalBlockName","title","hasOverridesWarning","onClose","onSave","undefined"],"sources":["@wordpress/block-editor/src/components/block-rename/rename-control.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { useBlockDisplayInformation } from '..';\nimport isEmptyString from './is-empty-string';\nimport BlockRenameModal from './modal';\n\nexport default function BlockRenameControl( { clientId } ) {\n\tconst [ renamingBlock, setRenamingBlock ] = useState( false );\n\n\tconst { metadata } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockAttributes } = select( blockEditorStore );\n\n\t\t\tconst _metadata = getBlockAttributes( clientId )?.metadata;\n\t\t\treturn {\n\t\t\t\tmetadata: _metadata,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst customName = metadata?.name;\n\tconst hasPatternOverrides =\n\t\t!! customName &&\n\t\t!! metadata?.bindings &&\n\t\tObject.values( metadata.bindings ).some(\n\t\t\t( binding ) => binding.source === 'core/pattern-overrides'\n\t\t);\n\n\tfunction onChange( newName ) {\n\t\tupdateBlockAttributes( [ clientId ], {\n\t\t\tmetadata: {\n\t\t\t\t...metadata,\n\t\t\t\tname: newName,\n\t\t\t},\n\t\t} );\n\t}\n\n\tconst blockInformation = useBlockDisplayInformation( clientId );\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetRenamingBlock( true );\n\t\t\t\t} }\n\t\t\t\taria-expanded={ renamingBlock }\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t>\n\t\t\t\t{ __( 'Rename' ) }\n\t\t\t</MenuItem>\n\t\t\t{ renamingBlock && (\n\t\t\t\t<BlockRenameModal\n\t\t\t\t\tblockName={ customName || '' }\n\t\t\t\t\toriginalBlockName={ blockInformation?.title }\n\t\t\t\t\thasOverridesWarning={ hasPatternOverrides }\n\t\t\t\t\tonClose={ () => setRenamingBlock( false ) }\n\t\t\t\t\tonSave={ ( newName ) => {\n\t\t\t\t\t\t// If the new value is the block's original name (e.g. `Group`)\n\t\t\t\t\t\t// or it is an empty string then assume the intent is to reset\n\t\t\t\t\t\t// the value. Therefore reset the metadata.\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tnewName === blockInformation?.title ||\n\t\t\t\t\t\t\tisEmptyString( newName )\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tnewName = undefined;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tonChange( newName );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,QAAQ,QAAQ,oBAAoB;;AAE7C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,0BAA0B,QAAQ,IAAI;AAC/C,OAAOC,aAAa,MAAM,mBAAmB;AAC7C,OAAOC,gBAAgB,MAAM,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEvC,eAAe,SAASC,kBAAkBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC1D,MAAM,CAAEC,aAAa,EAAEC,gBAAgB,CAAE,GAAGf,QAAQ,CAAE,KAAM,CAAC;EAE7D,MAAM;IAAEgB;EAAS,CAAC,GAAGnB,SAAS,CAC3BoB,MAAM,IAAM;IACb,MAAM;MAAEC;IAAmB,CAAC,GAAGD,MAAM,CAAEf,gBAAiB,CAAC;IAEzD,MAAMiB,SAAS,GAAGD,kBAAkB,CAAEL,QAAS,CAAC,EAAEG,QAAQ;IAC1D,OAAO;MACNA,QAAQ,EAAEG;IACX,CAAC;EACF,CAAC,EACD,CAAEN,QAAQ,CACX,CAAC;EAED,MAAM;IAAEO;EAAsB,CAAC,GAAGtB,WAAW,CAAEI,gBAAiB,CAAC;EAEjE,MAAMmB,UAAU,GAAGL,QAAQ,EAAEM,IAAI;EACjC,MAAMC,mBAAmB,GACxB,CAAC,CAAEF,UAAU,IACb,CAAC,CAAEL,QAAQ,EAAEQ,QAAQ,IACrBC,MAAM,CAACC,MAAM,CAAEV,QAAQ,CAACQ,QAAS,CAAC,CAACG,IAAI,CACpCC,OAAO,IAAMA,OAAO,CAACC,MAAM,KAAK,wBACnC,CAAC;EAEF,SAASC,QAAQA,CAAEC,OAAO,EAAG;IAC5BX,qBAAqB,CAAE,CAAEP,QAAQ,CAAE,EAAE;MACpCG,QAAQ,EAAE;QACT,GAAGA,QAAQ;QACXM,IAAI,EAAES;MACP;IACD,CAAE,CAAC;EACJ;EAEA,MAAMC,gBAAgB,GAAG7B,0BAA0B,CAAEU,QAAS,CAAC;EAE/D,oBACCF,KAAA,CAAAF,SAAA;IAAAwB,QAAA,gBACC1B,IAAA,CAACX,QAAQ;MACRsC,OAAO,EAAGA,CAAA,KAAM;QACfnB,gBAAgB,CAAE,IAAK,CAAC;MACzB,CAAG;MACH,iBAAgBD,aAAe;MAC/B,iBAAc,QAAQ;MAAAmB,QAAA,EAEpBlC,EAAE,CAAE,QAAS;IAAC,CACP,CAAC,EACTe,aAAa,iBACdP,IAAA,CAACF,gBAAgB;MAChB8B,SAAS,EAAGd,UAAU,IAAI,EAAI;MAC9Be,iBAAiB,EAAGJ,gBAAgB,EAAEK,KAAO;MAC7CC,mBAAmB,EAAGf,mBAAqB;MAC3CgB,OAAO,EAAGA,CAAA,KAAMxB,gBAAgB,CAAE,KAAM,CAAG;MAC3CyB,MAAM,EAAKT,OAAO,IAAM;QACvB;QACA;QACA;QACA,IACCA,OAAO,KAAKC,gBAAgB,EAAEK,KAAK,IACnCjC,aAAa,CAAE2B,OAAQ,CAAC,EACvB;UACDA,OAAO,GAAGU,SAAS;QACpB;QAEAX,QAAQ,CAAEC,OAAQ,CAAC;MACpB;IAAG,CACH,CACD;EAAA,CACA,CAAC;AAEL","ignoreList":[]}

package/build-module/components/block-selection-clearer/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -17,6 +16,7 @@ import { store as blockEditorStore } from '../../store';
  *
  * @return {import('react').RefCallback} Ref callback.
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 export function useBlockSelectionClearer() {
   const {
     getSettings,
@@ -51,7 +51,7 @@ export function useBlockSelectionClearer() {
   }, [hasSelectedBlock, hasMultiSelection, clearSelectedBlock, isEnabled]);
 }
 export default function BlockSelectionClearer(props) {
-  return createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     ref: useBlockSelectionClearer(),
     ...props
   });

package/build-module/components/block-selection-clearer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useSelect","useDispatch","useRefEffect","store","blockEditorStore","useBlockSelectionClearer","getSettings","hasSelectedBlock","hasMultiSelection","clearSelectedBlock","clearBlockSelection","isEnabled","node","onMouseDown","event","target","addEventListener","removeEventListener","BlockSelectionClearer","props","createElement","ref"],"sources":["@wordpress/block-editor/src/components/block-selection-clearer/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Pass the returned ref callback to an element that should clear block\n * selection. Selection will only be cleared if the element is clicked directly,\n * not if a child element is clicked.\n *\n * @return {import('react').RefCallback} Ref callback.\n */\nexport function useBlockSelectionClearer() {\n\tconst { getSettings, hasSelectedBlock, hasMultiSelection } =\n\t\tuseSelect( blockEditorStore );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { clearBlockSelection: isEnabled } = getSettings();\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( ! isEnabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tfunction onMouseDown( event ) {\n\t\t\t\tif ( ! hasSelectedBlock() && ! hasMultiSelection() ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Only handle clicks on the element, not the children.\n\t\t\t\tif ( event.target !== node ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tclearSelectedBlock();\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'mousedown', onMouseDown );\n\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'mousedown', onMouseDown );\n\t\t\t};\n\t\t},\n\t\t[ hasSelectedBlock, hasMultiSelection, clearSelectedBlock, isEnabled ]\n\t);\n}\n\nexport default function BlockSelectionClearer( props ) {\n\treturn <div ref={ useBlockSelectionClearer() } { ...props } />;\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;;AAEvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,wBAAwBA,CAAA,EAAG;EAC1C,MAAM;IAAEC,WAAW;IAAEC,gBAAgB;IAAEC;EAAkB,CAAC,GACzDR,SAAS,CAAEI,gBAAiB,CAAC;EAC9B,MAAM;IAAEK;EAAmB,CAAC,GAAGR,WAAW,CAAEG,gBAAiB,CAAC;EAC9D,MAAM;IAAEM,mBAAmB,EAAEC;EAAU,CAAC,GAAGL,WAAW,CAAC,CAAC;EAExD,OAAOJ,YAAY,CAChBU,IAAI,IAAM;IACX,IAAK,CAAED,SAAS,EAAG;MAClB;IACD;IAEA,SAASE,WAAWA,CAAEC,KAAK,EAAG;MAC7B,IAAK,CAAEP,gBAAgB,CAAC,CAAC,IAAI,CAAEC,iBAAiB,CAAC,CAAC,EAAG;QACpD;MACD;;MAEA;MACA,IAAKM,KAAK,CAACC,MAAM,KAAKH,IAAI,EAAG;QAC5B;MACD;MAEAH,kBAAkB,CAAC,CAAC;IACrB;IAEAG,IAAI,CAACI,gBAAgB,CAAE,WAAW,EAAEH,WAAY,CAAC;IAEjD,OAAO,MAAM;MACZD,IAAI,CAACK,mBAAmB,CAAE,WAAW,EAAEJ,WAAY,CAAC;IACrD,CAAC;EACF,CAAC,EACD,CAAEN,gBAAgB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAEE,SAAS,CACrE,CAAC;AACF;AAEA,eAAe,SAASO,qBAAqBA,CAAEC,KAAK,EAAG;EACtD,OAAOC,aAAA;IAAKC,GAAG,EAAGhB,wBAAwB,CAAC,CAAG;IAAA,GAAMc;EAAK,CAAI,CAAC;AAC/D","ignoreList":[]}
+{"version":3,"names":["useSelect","useDispatch","useRefEffect","store","blockEditorStore","jsx","_jsx","useBlockSelectionClearer","getSettings","hasSelectedBlock","hasMultiSelection","clearSelectedBlock","clearBlockSelection","isEnabled","node","onMouseDown","event","target","addEventListener","removeEventListener","BlockSelectionClearer","props","ref"],"sources":["@wordpress/block-editor/src/components/block-selection-clearer/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Pass the returned ref callback to an element that should clear block\n * selection. Selection will only be cleared if the element is clicked directly,\n * not if a child element is clicked.\n *\n * @return {import('react').RefCallback} Ref callback.\n */\nexport function useBlockSelectionClearer() {\n\tconst { getSettings, hasSelectedBlock, hasMultiSelection } =\n\t\tuseSelect( blockEditorStore );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { clearBlockSelection: isEnabled } = getSettings();\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( ! isEnabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tfunction onMouseDown( event ) {\n\t\t\t\tif ( ! hasSelectedBlock() && ! hasMultiSelection() ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Only handle clicks on the element, not the children.\n\t\t\t\tif ( event.target !== node ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tclearSelectedBlock();\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'mousedown', onMouseDown );\n\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'mousedown', onMouseDown );\n\t\t\t};\n\t\t},\n\t\t[ hasSelectedBlock, hasMultiSelection, clearSelectedBlock, isEnabled ]\n\t);\n}\n\nexport default function BlockSelectionClearer( props ) {\n\treturn <div ref={ useBlockSelectionClearer() } { ...props } />;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;;AAEvD;AACA;AACA;AACA;AACA;AACA;AACA;AANA,SAAAC,GAAA,IAAAC,IAAA;AAOA,OAAO,SAASC,wBAAwBA,CAAA,EAAG;EAC1C,MAAM;IAAEC,WAAW;IAAEC,gBAAgB;IAAEC;EAAkB,CAAC,GACzDV,SAAS,CAAEI,gBAAiB,CAAC;EAC9B,MAAM;IAAEO;EAAmB,CAAC,GAAGV,WAAW,CAAEG,gBAAiB,CAAC;EAC9D,MAAM;IAAEQ,mBAAmB,EAAEC;EAAU,CAAC,GAAGL,WAAW,CAAC,CAAC;EAExD,OAAON,YAAY,CAChBY,IAAI,IAAM;IACX,IAAK,CAAED,SAAS,EAAG;MAClB;IACD;IAEA,SAASE,WAAWA,CAAEC,KAAK,EAAG;MAC7B,IAAK,CAAEP,gBAAgB,CAAC,CAAC,IAAI,CAAEC,iBAAiB,CAAC,CAAC,EAAG;QACpD;MACD;;MAEA;MACA,IAAKM,KAAK,CAACC,MAAM,KAAKH,IAAI,EAAG;QAC5B;MACD;MAEAH,kBAAkB,CAAC,CAAC;IACrB;IAEAG,IAAI,CAACI,gBAAgB,CAAE,WAAW,EAAEH,WAAY,CAAC;IAEjD,OAAO,MAAM;MACZD,IAAI,CAACK,mBAAmB,CAAE,WAAW,EAAEJ,WAAY,CAAC;IACrD,CAAC;EACF,CAAC,EACD,CAAEN,gBAAgB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAEE,SAAS,CACrE,CAAC;AACF;AAEA,eAAe,SAASO,qBAAqBA,CAAEC,KAAK,EAAG;EACtD,oBAAOf,IAAA;IAAKgB,GAAG,EAAGf,wBAAwB,CAAC,CAAG;IAAA,GAAMc;EAAK,CAAI,CAAC;AAC/D","ignoreList":[]}

package/build-module/components/block-settings/button.native.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -6,20 +5,25 @@ import { createSlotFill, ToolbarButton, ToolbarGroup } from '@wordpress/componen
 import { __ } from '@wordpress/i18n';
 import { withDispatch } from '@wordpress/data';
 import { cog } from '@wordpress/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
 const {
   Fill,
   Slot
 } = createSlotFill('SettingsToolbarButton');
 const SettingsButton = ({
   openGeneralSidebar
-}) => createElement(ToolbarGroup, null, createElement(ToolbarButton, {
-  title: __('Open Settings'),
-  icon: cog,
-  onClick: openGeneralSidebar
-}));
-const SettingsButtonFill = props => createElement(Fill, null, createElement(SettingsButton, {
-  ...props
-}));
+}) => /*#__PURE__*/_jsx(ToolbarGroup, {
+  children: /*#__PURE__*/_jsx(ToolbarButton, {
+    title: __('Open Settings'),
+    icon: cog,
+    onClick: openGeneralSidebar
+  })
+});
+const SettingsButtonFill = props => /*#__PURE__*/_jsx(Fill, {
+  children: /*#__PURE__*/_jsx(SettingsButton, {
+    ...props
+  })
+});
 const SettingsToolbarButton = withDispatch(dispatch => {
   const {
     openGeneralSidebar

package/build-module/components/block-settings/button.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["createSlotFill","ToolbarButton","ToolbarGroup","__","withDispatch","cog","Fill","Slot","SettingsButton","openGeneralSidebar","createElement","title","icon","onClick","SettingsButtonFill","props","SettingsToolbarButton","dispatch"],"sources":["@wordpress/block-editor/src/components/block-settings/button.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tcreateSlotFill,\n\tToolbarButton,\n\tToolbarGroup,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { withDispatch } from '@wordpress/data';\nimport { cog } from '@wordpress/icons';\n\nconst { Fill, Slot } = createSlotFill( 'SettingsToolbarButton' );\n\nconst SettingsButton = ( { openGeneralSidebar } ) => (\n\t<ToolbarGroup>\n\t\t<ToolbarButton\n\t\t\ttitle={ __( 'Open Settings' ) }\n\t\t\ticon={ cog }\n\t\t\tonClick={ openGeneralSidebar }\n\t\t/>\n\t</ToolbarGroup>\n);\n\nconst SettingsButtonFill = ( props ) => (\n\t<Fill>\n\t\t<SettingsButton { ...props } />\n\t</Fill>\n);\n\nconst SettingsToolbarButton = withDispatch( ( dispatch ) => {\n\tconst { openGeneralSidebar } = dispatch( 'core/edit-post' );\n\n\treturn {\n\t\topenGeneralSidebar: () => openGeneralSidebar( 'edit-post/block' ),\n\t};\n} )( SettingsButtonFill );\n\nSettingsToolbarButton.Slot = Slot;\n\nexport default SettingsToolbarButton;\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,cAAc,EACdC,aAAa,EACbC,YAAY,QACN,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAM;EAAEC,IAAI;EAAEC;AAAK,CAAC,GAAGP,cAAc,CAAE,uBAAwB,CAAC;AAEhE,MAAMQ,cAAc,GAAGA,CAAE;EAAEC;AAAmB,CAAC,KAC9CC,aAAA,CAACR,YAAY,QACZQ,aAAA,CAACT,aAAa;EACbU,KAAK,EAAGR,EAAE,CAAE,eAAgB,CAAG;EAC/BS,IAAI,EAAGP,GAAK;EACZQ,OAAO,EAAGJ;AAAoB,CAC9B,CACY,CACd;AAED,MAAMK,kBAAkB,GAAKC,KAAK,IACjCL,aAAA,CAACJ,IAAI,QACJI,aAAA,CAACF,cAAc;EAAA,GAAMO;AAAK,CAAI,CACzB,CACN;AAED,MAAMC,qBAAqB,GAAGZ,YAAY,CAAIa,QAAQ,IAAM;EAC3D,MAAM;IAAER;EAAmB,CAAC,GAAGQ,QAAQ,CAAE,gBAAiB,CAAC;EAE3D,OAAO;IACNR,kBAAkB,EAAEA,CAAA,KAAMA,kBAAkB,CAAE,iBAAkB;EACjE,CAAC;AACF,CAAE,CAAC,CAAEK,kBAAmB,CAAC;AAEzBE,qBAAqB,CAACT,IAAI,GAAGA,IAAI;AAEjC,eAAeS,qBAAqB","ignoreList":[]}
+{"version":3,"names":["createSlotFill","ToolbarButton","ToolbarGroup","__","withDispatch","cog","jsx","_jsx","Fill","Slot","SettingsButton","openGeneralSidebar","children","title","icon","onClick","SettingsButtonFill","props","SettingsToolbarButton","dispatch"],"sources":["@wordpress/block-editor/src/components/block-settings/button.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tcreateSlotFill,\n\tToolbarButton,\n\tToolbarGroup,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { withDispatch } from '@wordpress/data';\nimport { cog } from '@wordpress/icons';\n\nconst { Fill, Slot } = createSlotFill( 'SettingsToolbarButton' );\n\nconst SettingsButton = ( { openGeneralSidebar } ) => (\n\t<ToolbarGroup>\n\t\t<ToolbarButton\n\t\t\ttitle={ __( 'Open Settings' ) }\n\t\t\ticon={ cog }\n\t\t\tonClick={ openGeneralSidebar }\n\t\t/>\n\t</ToolbarGroup>\n);\n\nconst SettingsButtonFill = ( props ) => (\n\t<Fill>\n\t\t<SettingsButton { ...props } />\n\t</Fill>\n);\n\nconst SettingsToolbarButton = withDispatch( ( dispatch ) => {\n\tconst { openGeneralSidebar } = dispatch( 'core/edit-post' );\n\n\treturn {\n\t\topenGeneralSidebar: () => openGeneralSidebar( 'edit-post/block' ),\n\t};\n} )( SettingsButtonFill );\n\nSettingsToolbarButton.Slot = Slot;\n\nexport default SettingsToolbarButton;\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,cAAc,EACdC,aAAa,EACbC,YAAY,QACN,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,GAAG,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvC,MAAM;EAAEC,IAAI;EAAEC;AAAK,CAAC,GAAGT,cAAc,CAAE,uBAAwB,CAAC;AAEhE,MAAMU,cAAc,GAAGA,CAAE;EAAEC;AAAmB,CAAC,kBAC9CJ,IAAA,CAACL,YAAY;EAAAU,QAAA,eACZL,IAAA,CAACN,aAAa;IACbY,KAAK,EAAGV,EAAE,CAAE,eAAgB,CAAG;IAC/BW,IAAI,EAAGT,GAAK;IACZU,OAAO,EAAGJ;EAAoB,CAC9B;AAAC,CACW,CACd;AAED,MAAMK,kBAAkB,GAAKC,KAAK,iBACjCV,IAAA,CAACC,IAAI;EAAAI,QAAA,eACJL,IAAA,CAACG,cAAc;IAAA,GAAMO;EAAK,CAAI;AAAC,CAC1B,CACN;AAED,MAAMC,qBAAqB,GAAGd,YAAY,CAAIe,QAAQ,IAAM;EAC3D,MAAM;IAAER;EAAmB,CAAC,GAAGQ,QAAQ,CAAE,gBAAiB,CAAC;EAE3D,OAAO;IACNR,kBAAkB,EAAEA,CAAA,KAAMA,kBAAkB,CAAE,iBAAkB;EACjE,CAAC;AACF,CAAE,CAAC,CAAEK,kBAAmB,CAAC;AAEzBE,qBAAqB,CAACT,IAAI,GAAGA,IAAI;AAEjC,eAAeS,qBAAqB","ignoreList":[]}

package/build-module/components/block-settings/container.native.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -12,7 +11,11 @@ import styles from './container.native.scss';
 import InspectorControls from '../inspector-controls';
 import ImageLinkDestinationsScreen from '../image-link-destinations';
 import useMultipleOriginColorsAndGradients from '../colors-gradients/use-multiple-origin-colors-and-gradients';
+import { useMobileGlobalStylesColors } from '../global-styles/use-global-styles-context';
 import AdvancedControls from '../inspector-controls-tabs/advanced-controls-panel';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export const blockSettingsScreens = {
   settings: 'Settings',
   color: 'Color',
@@ -22,42 +25,53 @@ export const blockSettingsScreens = {
 };
 export default function BottomSheetSettings(props) {
   const colorSettings = useMultipleOriginColorsAndGradients();
+  colorSettings.allAvailableColors = useMobileGlobalStylesColors();
   const {
     closeGeneralSidebar
   } = useDispatch('core/edit-post');
   const editorSidebarOpened = useSelect(select => select('core/edit-post').isEditorSidebarOpened());
-  return createElement(BottomSheet, {
+  return /*#__PURE__*/_jsx(BottomSheet, {
     isVisible: editorSidebarOpened,
     onClose: closeGeneralSidebar,
     hideHeader: true,
     contentStyle: styles.content,
     hasNavigation: true,
     testID: "block-settings-modal",
-    ...props
-  }, createElement(BottomSheet.NavigationContainer, {
-    animate: true,
-    main: true
-  }, createElement(BottomSheet.NavigationScreen, {
-    name: blockSettingsScreens.settings
-  }, createElement(Fragment, null, createElement(InspectorControls.Slot, null), createElement(AdvancedControls, null))), createElement(BottomSheet.NavigationScreen, {
-    name: BottomSheet.SubSheet.screenName
-  }, createElement(BottomSheet.SubSheet.Slot, null)), createElement(BottomSheet.NavigationScreen, {
-    name: blockSettingsScreens.color
-  }, createElement(ColorSettings, {
-    defaultSettings: colorSettings
-  })), createElement(BottomSheet.NavigationScreen, {
-    name: blockSettingsScreens.focalPoint,
-    fullScreen: true
-  }, createElement(FocalPointSettingsPanel, null)), createElement(BottomSheet.NavigationScreen, {
-    name: blockSettingsScreens.linkPicker,
-    fullScreen: true,
-    isScrollable: true
-  }, createElement(LinkPickerScreen, {
-    returnScreenName: blockSettingsScreens.settings
-  })), createElement(BottomSheet.NavigationScreen, {
-    name: blockSettingsScreens.imageLinkDestinations
-  }, createElement(ImageLinkDestinationsScreen, {
-    ...props
-  }))));
+    ...props,
+    children: /*#__PURE__*/_jsxs(BottomSheet.NavigationContainer, {
+      animate: true,
+      main: true,
+      children: [/*#__PURE__*/_jsx(BottomSheet.NavigationScreen, {
+        name: blockSettingsScreens.settings,
+        children: /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(InspectorControls.Slot, {}), /*#__PURE__*/_jsx(AdvancedControls, {})]
+        })
+      }), /*#__PURE__*/_jsx(BottomSheet.NavigationScreen, {
+        name: BottomSheet.SubSheet.screenName,
+        children: /*#__PURE__*/_jsx(BottomSheet.SubSheet.Slot, {})
+      }), /*#__PURE__*/_jsx(BottomSheet.NavigationScreen, {
+        name: blockSettingsScreens.color,
+        children: /*#__PURE__*/_jsx(ColorSettings, {
+          defaultSettings: colorSettings
+        })
+      }), /*#__PURE__*/_jsx(BottomSheet.NavigationScreen, {
+        name: blockSettingsScreens.focalPoint,
+        fullScreen: true,
+        children: /*#__PURE__*/_jsx(FocalPointSettingsPanel, {})
+      }), /*#__PURE__*/_jsx(BottomSheet.NavigationScreen, {
+        name: blockSettingsScreens.linkPicker,
+        fullScreen: true,
+        isScrollable: true,
+        children: /*#__PURE__*/_jsx(LinkPickerScreen, {
+          returnScreenName: blockSettingsScreens.settings
+        })
+      }), /*#__PURE__*/_jsx(BottomSheet.NavigationScreen, {
+        name: blockSettingsScreens.imageLinkDestinations,
+        children: /*#__PURE__*/_jsx(ImageLinkDestinationsScreen, {
+          ...props
+        })
+      })]
+    })
+  });
 }
 //# sourceMappingURL=container.native.js.map