@wordpress/block-editor 12.10.6 → 12.11.1

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

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_components","_blocks","_store","_blockIcon","_interopRequireDefault","BlockQuickNavigation","clientIds","length","_element","createElement","__experimentalVStack","spacing","map","clientId","BlockQuickNavigationItem","key","name","icon","isSelected","useSelect","select","getBlockName","getBlockAttributes","isBlockSelected","hasSelectedInnerBlock","blockEditorStore","getBlockType","blocksStore","blockType","attributes","__experimentalGetBlockLabel","selectBlock","useDispatch","Button","isPressed","onClick","__experimentalHStack","justify","default","FlexItem"],"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__experimentalHStack as HStack,\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<HStack justify=\"flex-start\">\n\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t<FlexItem>{ name }</FlexItem>\n\t\t\t</HStack>\n\t\t</Button>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAMA,IAAAE,OAAA,GAAAF,OAAA;AAQA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAC,sBAAA,CAAAL,OAAA;AAnBA;AACA;AACA;;AAaA;AACA;AACA;;AAIe,SAASM,oBAAoBA,CAAE;EAAEC;AAAU,CAAC,EAAG;EAC7D,IAAK,CAAEA,SAAS,CAACC,MAAM,EAAG;IACzB,OAAO,IAAI;EACZ;EACA,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACT,WAAA,CAAAU,oBAAM;IAACC,OAAO,EAAG;EAAG,GAClBL,SAAS,CAACM,GAAG,CAAIC,QAAQ,IAC1B,IAAAL,QAAA,CAAAC,aAAA,EAACK,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,GAAG,IAAAC,eAAS,EACzCC,MAAM,IAAM;IACb,MAAM;MACLC,YAAY;MACZC,kBAAkB;MAClBC,eAAe;MACfC;IACD,CAAC,GAAGJ,MAAM,CAAEK,YAAiB,CAAC;IAC9B,MAAM;MAAEC;IAAa,CAAC,GAAGN,MAAM,CAAEO,aAAY,CAAC;IAE9C,MAAMC,SAAS,GAAGF,YAAY,CAAEL,YAAY,CAAER,QAAS,CAAE,CAAC;IAC1D,MAAMgB,UAAU,GAAGP,kBAAkB,CAAET,QAAS,CAAC;IAEjD,OAAO;MACNG,IAAI,EACHY,SAAS,IACT,IAAAE,mCAA2B,EAC1BF,SAAS,EACTC,UAAU,EACV,WACD,CAAC;MACFZ,IAAI,EAAEW,SAAS,EAAEX,IAAI;MACrBC,UAAU,EACTK,eAAe,CAAEV,QAAS,CAAC,IAC3BW,qBAAqB,CAAEX,QAAQ,EAAE,WAAY,IAAK;IACpD,CAAC;EACF,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;EACD,MAAM;IAAEkB;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEP,YAAiB,CAAC;EAEvD,OACC,IAAAjB,QAAA,CAAAC,aAAA,EAACT,WAAA,CAAAiC,MAAM;IACNC,SAAS,EAAGhB,UAAY;IACxBiB,OAAO,EAAGA,CAAA,KAAMJ,WAAW,CAAElB,QAAS;EAAG,GAEzC,IAAAL,QAAA,CAAAC,aAAA,EAACT,WAAA,CAAAoC,oBAAM;IAACC,OAAO,EAAC;EAAY,GAC3B,IAAA7B,QAAA,CAAAC,aAAA,EAACN,UAAA,CAAAmC,OAAS;IAACrB,IAAI,EAAGA;EAAM,CAAE,CAAC,EAC3B,IAAAT,QAAA,CAAAC,aAAA,EAACT,WAAA,CAAAuC,QAAQ,QAAGvB,IAAgB,CACrB,CACD,CAAC;AAEX"}
+{"version":3,"names":["_data","require","_components","_blocks","_store","_blockIcon","_interopRequireDefault","BlockQuickNavigation","clientIds","length","_react","createElement","__experimentalVStack","spacing","map","clientId","BlockQuickNavigationItem","key","name","icon","isSelected","useSelect","select","getBlockName","getBlockAttributes","isBlockSelected","hasSelectedInnerBlock","blockEditorStore","getBlockType","blocksStore","blockType","attributes","__experimentalGetBlockLabel","selectBlock","useDispatch","Button","isPressed","onClick","__experimentalHStack","justify","default","FlexItem"],"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__experimentalHStack as HStack,\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<HStack justify=\"flex-start\">\n\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t<FlexItem>{ name }</FlexItem>\n\t\t\t</HStack>\n\t\t</Button>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAMA,IAAAE,OAAA,GAAAF,OAAA;AAQA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAC,sBAAA,CAAAL,OAAA;AAnBA;AACA;AACA;;AAaA;AACA;AACA;;AAIe,SAASM,oBAAoBA,CAAE;EAAEC;AAAU,CAAC,EAAG;EAC7D,IAAK,CAAEA,SAAS,CAACC,MAAM,EAAG;IACzB,OAAO,IAAI;EACZ;EACA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACT,WAAA,CAAAU,oBAAM;IAACC,OAAO,EAAG;EAAG,GAClBL,SAAS,CAACM,GAAG,CAAIC,QAAQ,IAC1B,IAAAL,MAAA,CAAAC,aAAA,EAACK,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,GAAG,IAAAC,eAAS,EACzCC,MAAM,IAAM;IACb,MAAM;MACLC,YAAY;MACZC,kBAAkB;MAClBC,eAAe;MACfC;IACD,CAAC,GAAGJ,MAAM,CAAEK,YAAiB,CAAC;IAC9B,MAAM;MAAEC;IAAa,CAAC,GAAGN,MAAM,CAAEO,aAAY,CAAC;IAE9C,MAAMC,SAAS,GAAGF,YAAY,CAAEL,YAAY,CAAER,QAAS,CAAE,CAAC;IAC1D,MAAMgB,UAAU,GAAGP,kBAAkB,CAAET,QAAS,CAAC;IAEjD,OAAO;MACNG,IAAI,EACHY,SAAS,IACT,IAAAE,mCAA2B,EAC1BF,SAAS,EACTC,UAAU,EACV,WACD,CAAC;MACFZ,IAAI,EAAEW,SAAS,EAAEX,IAAI;MACrBC,UAAU,EACTK,eAAe,CAAEV,QAAS,CAAC,IAC3BW,qBAAqB,CAAEX,QAAQ,EAAE,WAAY,IAAK;IACpD,CAAC;EACF,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;EACD,MAAM;IAAEkB;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEP,YAAiB,CAAC;EAEvD,OACC,IAAAjB,MAAA,CAAAC,aAAA,EAACT,WAAA,CAAAiC,MAAM;IACNC,SAAS,EAAGhB,UAAY;IACxBiB,OAAO,EAAGA,CAAA,KAAMJ,WAAW,CAAElB,QAAS;EAAG,GAEzC,IAAAL,MAAA,CAAAC,aAAA,EAACT,WAAA,CAAAoC,oBAAM;IAACC,OAAO,EAAC;EAAY,GAC3B,IAAA7B,MAAA,CAAAC,aAAA,EAACN,UAAA,CAAAmC,OAAS;IAACrB,IAAI,EAAGA;EAAM,CAAE,CAAC,EAC3B,IAAAT,MAAA,CAAAC,aAAA,EAACT,WAAA,CAAAuC,QAAQ,QAAGvB,IAAgB,CACrB,CACD,CAAC;AAEX"}

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BlockRemovalWarningModal = BlockRemovalWarningModal;
+var _react = require("react");
 var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
@@ -47,22 +48,22 @@ function BlockRemovalWarningModal({
     privateRemoveBlocks(clientIds, selectPrevious, /* force */true);
     clearBlockRemovalPrompt();
   };
-  return (0, _element.createElement)(_components.Modal, {
+  return (0, _react.createElement)(_components.Modal, {
     title: (0, _i18n.__)('Are you sure?'),
     onRequestClose: clearBlockRemovalPrompt
-  }, blockNamesForPrompt.length === 1 ? (0, _element.createElement)("p", null, rules[blockNamesForPrompt[0]]) : (0, _element.createElement)("ul", {
+  }, blockNamesForPrompt.length === 1 ? (0, _react.createElement)("p", null, rules[blockNamesForPrompt[0]]) : (0, _react.createElement)("ul", {
     style: {
       listStyleType: 'disc',
       paddingLeft: '1rem'
     }
-  }, blockNamesForPrompt.map(name => (0, _element.createElement)("li", {
+  }, blockNamesForPrompt.map(name => (0, _react.createElement)("li", {
     key: name
-  }, rules[name]))), (0, _element.createElement)("p", null, blockNamesForPrompt.length > 1 ? (0, _i18n.__)('Removing these blocks is not advised.') : (0, _i18n.__)('Removing this block is not advised.')), (0, _element.createElement)(_components.__experimentalHStack, {
+  }, rules[name]))), (0, _react.createElement)("p", null, blockNamesForPrompt.length > 1 ? (0, _i18n.__)('Removing these blocks is not advised.') : (0, _i18n.__)('Removing this block is not advised.')), (0, _react.createElement)(_components.__experimentalHStack, {
     justify: "right"
-  }, (0, _element.createElement)(_components.Button, {
+  }, (0, _react.createElement)(_components.Button, {
     variant: "tertiary",
     onClick: clearBlockRemovalPrompt
-  }, (0, _i18n.__)('Cancel')), (0, _element.createElement)(_components.Button, {
+  }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
     variant: "primary",
     onClick: onConfirmRemoval
   }, (0, _i18n.__)('Delete'))));

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_components","_i18n","_store","_lockUnlock","BlockRemovalWarningModal","rules","clientIds","selectPrevious","blockNamesForPrompt","useSelect","select","unlock","blockEditorStore","getRemovalPromptData","clearBlockRemovalPrompt","setBlockRemovalRules","privateRemoveBlocks","useDispatch","useEffect","onConfirmRemoval","createElement","Modal","title","__","onRequestClose","length","style","listStyleType","paddingLeft","map","name","key","__experimentalHStack","justify","Button","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, blockNamesForPrompt } = useSelect(\n\t\t( select ) =>\n\t\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 ( ! blockNamesForPrompt ) {\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={ __( 'Are you sure?' ) }\n\t\t\tonRequestClose={ clearBlockRemovalPrompt }\n\t\t>\n\t\t\t{ blockNamesForPrompt.length === 1 ? (\n\t\t\t\t<p>{ rules[ blockNamesForPrompt[ 0 ] ] }</p>\n\t\t\t) : (\n\t\t\t\t<ul style={ { listStyleType: 'disc', paddingLeft: '1rem' } }>\n\t\t\t\t\t{ blockNamesForPrompt.map( ( name ) => (\n\t\t\t\t\t\t<li key={ name }>{ rules[ name ] }</li>\n\t\t\t\t\t) ) }\n\t\t\t\t</ul>\n\t\t\t) }\n\t\t\t<p>\n\t\t\t\t{ blockNamesForPrompt.length > 1\n\t\t\t\t\t? __( 'Removing these blocks is not advised.' )\n\t\t\t\t\t: __( 'Removing this block is not advised.' ) }\n\t\t\t</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":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAhBA;AACA;AACA;;AAUA;AACA;AACA;;AAIO,SAASM,wBAAwBA,CAAE;EAAEC;AAAM,CAAC,EAAG;EACrD,MAAM;IAAEC,SAAS;IAAEC,cAAc;IAAEC;EAAoB,CAAC,GAAG,IAAAC,eAAS,EACjEC,MAAM,IACP,IAAAC,kBAAM,EAAED,MAAM,CAAEE,YAAiB,CAAE,CAAC,CAACC,oBAAoB,CAAC,CAC5D,CAAC;EAED,MAAM;IACLC,uBAAuB;IACvBC,oBAAoB;IACpBC;EACD,CAAC,GAAG,IAAAL,kBAAM,EAAE,IAAAM,iBAAW,EAAEL,YAAiB,CAAE,CAAC;;EAE7C;EACA;EACA,IAAAM,kBAAS,EAAE,MAAM;IAChBH,oBAAoB,CAAEV,KAAM,CAAC;IAC7B,OAAO,MAAM;MACZU,oBAAoB,CAAC,CAAC;IACvB,CAAC;EACF,CAAC,EAAE,CAAEV,KAAK,EAAEU,oBAAoB,CAAG,CAAC;EAEpC,IAAK,CAAEP,mBAAmB,EAAG;IAC5B;EACD;EAEA,MAAMW,gBAAgB,GAAGA,CAAA,KAAM;IAC9BH,mBAAmB,CAAEV,SAAS,EAAEC,cAAc,EAAE,WAAY,IAAK,CAAC;IAClEO,uBAAuB,CAAC,CAAC;EAC1B,CAAC;EAED,OACC,IAAAjB,QAAA,CAAAuB,aAAA,EAACpB,WAAA,CAAAqB,KAAK;IACLC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;IAC/BC,cAAc,EAAGV;EAAyB,GAExCN,mBAAmB,CAACiB,MAAM,KAAK,CAAC,GACjC,IAAA5B,QAAA,CAAAuB,aAAA,aAAKf,KAAK,CAAEG,mBAAmB,CAAE,CAAC,CAAE,CAAO,CAAC,GAE5C,IAAAX,QAAA,CAAAuB,aAAA;IAAIM,KAAK,EAAG;MAAEC,aAAa,EAAE,MAAM;MAAEC,WAAW,EAAE;IAAO;EAAG,GACzDpB,mBAAmB,CAACqB,GAAG,CAAIC,IAAI,IAChC,IAAAjC,QAAA,CAAAuB,aAAA;IAAIW,GAAG,EAAGD;EAAM,GAAGzB,KAAK,CAAEyB,IAAI,CAAQ,CACrC,CACC,CACJ,EACD,IAAAjC,QAAA,CAAAuB,aAAA,aACGZ,mBAAmB,CAACiB,MAAM,GAAG,CAAC,GAC7B,IAAAF,QAAE,EAAE,uCAAwC,CAAC,GAC7C,IAAAA,QAAE,EAAE,qCAAsC,CAC3C,CAAC,EACJ,IAAA1B,QAAA,CAAAuB,aAAA,EAACpB,WAAA,CAAAgC,oBAAM;IAACC,OAAO,EAAC;EAAO,GACtB,IAAApC,QAAA,CAAAuB,aAAA,EAACpB,WAAA,CAAAkC,MAAM;IAACC,OAAO,EAAC,UAAU;IAACC,OAAO,EAAGtB;EAAyB,GAC3D,IAAAS,QAAE,EAAE,QAAS,CACR,CAAC,EACT,IAAA1B,QAAA,CAAAuB,aAAA,EAACpB,WAAA,CAAAkC,MAAM;IAACC,OAAO,EAAC,SAAS;IAACC,OAAO,EAAGjB;EAAkB,GACnD,IAAAI,QAAE,EAAE,QAAS,CACR,CACD,CACF,CAAC;AAEV"}
+{"version":3,"names":["_element","require","_data","_components","_i18n","_store","_lockUnlock","BlockRemovalWarningModal","rules","clientIds","selectPrevious","blockNamesForPrompt","useSelect","select","unlock","blockEditorStore","getRemovalPromptData","clearBlockRemovalPrompt","setBlockRemovalRules","privateRemoveBlocks","useDispatch","useEffect","onConfirmRemoval","_react","createElement","Modal","title","__","onRequestClose","length","style","listStyleType","paddingLeft","map","name","key","__experimentalHStack","justify","Button","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, blockNamesForPrompt } = useSelect(\n\t\t( select ) =>\n\t\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 ( ! blockNamesForPrompt ) {\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={ __( 'Are you sure?' ) }\n\t\t\tonRequestClose={ clearBlockRemovalPrompt }\n\t\t>\n\t\t\t{ blockNamesForPrompt.length === 1 ? (\n\t\t\t\t<p>{ rules[ blockNamesForPrompt[ 0 ] ] }</p>\n\t\t\t) : (\n\t\t\t\t<ul style={ { listStyleType: 'disc', paddingLeft: '1rem' } }>\n\t\t\t\t\t{ blockNamesForPrompt.map( ( name ) => (\n\t\t\t\t\t\t<li key={ name }>{ rules[ name ] }</li>\n\t\t\t\t\t) ) }\n\t\t\t\t</ul>\n\t\t\t) }\n\t\t\t<p>\n\t\t\t\t{ blockNamesForPrompt.length > 1\n\t\t\t\t\t? __( 'Removing these blocks is not advised.' )\n\t\t\t\t\t: __( 'Removing this block is not advised.' ) }\n\t\t\t</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":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAhBA;AACA;AACA;;AAUA;AACA;AACA;;AAIO,SAASM,wBAAwBA,CAAE;EAAEC;AAAM,CAAC,EAAG;EACrD,MAAM;IAAEC,SAAS;IAAEC,cAAc;IAAEC;EAAoB,CAAC,GAAG,IAAAC,eAAS,EACjEC,MAAM,IACP,IAAAC,kBAAM,EAAED,MAAM,CAAEE,YAAiB,CAAE,CAAC,CAACC,oBAAoB,CAAC,CAC5D,CAAC;EAED,MAAM;IACLC,uBAAuB;IACvBC,oBAAoB;IACpBC;EACD,CAAC,GAAG,IAAAL,kBAAM,EAAE,IAAAM,iBAAW,EAAEL,YAAiB,CAAE,CAAC;;EAE7C;EACA;EACA,IAAAM,kBAAS,EAAE,MAAM;IAChBH,oBAAoB,CAAEV,KAAM,CAAC;IAC7B,OAAO,MAAM;MACZU,oBAAoB,CAAC,CAAC;IACvB,CAAC;EACF,CAAC,EAAE,CAAEV,KAAK,EAAEU,oBAAoB,CAAG,CAAC;EAEpC,IAAK,CAAEP,mBAAmB,EAAG;IAC5B;EACD;EAEA,MAAMW,gBAAgB,GAAGA,CAAA,KAAM;IAC9BH,mBAAmB,CAAEV,SAAS,EAAEC,cAAc,EAAE,WAAY,IAAK,CAAC;IAClEO,uBAAuB,CAAC,CAAC;EAC1B,CAAC;EAED,OACC,IAAAM,MAAA,CAAAC,aAAA,EAACrB,WAAA,CAAAsB,KAAK;IACLC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;IAC/BC,cAAc,EAAGX;EAAyB,GAExCN,mBAAmB,CAACkB,MAAM,KAAK,CAAC,GACjC,IAAAN,MAAA,CAAAC,aAAA,aAAKhB,KAAK,CAAEG,mBAAmB,CAAE,CAAC,CAAE,CAAO,CAAC,GAE5C,IAAAY,MAAA,CAAAC,aAAA;IAAIM,KAAK,EAAG;MAAEC,aAAa,EAAE,MAAM;MAAEC,WAAW,EAAE;IAAO;EAAG,GACzDrB,mBAAmB,CAACsB,GAAG,CAAIC,IAAI,IAChC,IAAAX,MAAA,CAAAC,aAAA;IAAIW,GAAG,EAAGD;EAAM,GAAG1B,KAAK,CAAE0B,IAAI,CAAQ,CACrC,CACC,CACJ,EACD,IAAAX,MAAA,CAAAC,aAAA,aACGb,mBAAmB,CAACkB,MAAM,GAAG,CAAC,GAC7B,IAAAF,QAAE,EAAE,uCAAwC,CAAC,GAC7C,IAAAA,QAAE,EAAE,qCAAsC,CAC3C,CAAC,EACJ,IAAAJ,MAAA,CAAAC,aAAA,EAACrB,WAAA,CAAAiC,oBAAM;IAACC,OAAO,EAAC;EAAO,GACtB,IAAAd,MAAA,CAAAC,aAAA,EAACrB,WAAA,CAAAmC,MAAM;IAACC,OAAO,EAAC,UAAU;IAACC,OAAO,EAAGvB;EAAyB,GAC3D,IAAAU,QAAE,EAAE,QAAS,CACR,CAAC,EACT,IAAAJ,MAAA,CAAAC,aAAA,EAACrB,WAAA,CAAAmC,MAAM;IAACC,OAAO,EAAC,SAAS;IAACC,OAAO,EAAGlB;EAAkB,GACnD,IAAAK,QAAE,EAAE,QAAS,CACR,CACD,CACF,CAAC;AAEV"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = BlockSelectionClearer;
 exports.useBlockSelectionClearer = useBlockSelectionClearer;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
 var _compose = require("@wordpress/compose");
 var _store = require("../../store");
@@ -58,7 +58,7 @@ function useBlockSelectionClearer() {
   }, [hasSelectedBlock, hasMultiSelection, clearSelectedBlock, isEnabled]);
 }
 function BlockSelectionClearer(props) {
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     ref: useBlockSelectionClearer(),
     ...props
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_compose","_store","useBlockSelectionClearer","getSettings","hasSelectedBlock","hasMultiSelection","useSelect","blockEditorStore","clearSelectedBlock","useDispatch","clearBlockSelection","isEnabled","useRefEffect","node","onMouseDown","event","target","addEventListener","removeEventListener","BlockSelectionClearer","props","_element","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":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,wBAAwBA,CAAA,EAAG;EAC1C,MAAM;IAAEC,WAAW;IAAEC,gBAAgB;IAAEC;EAAkB,CAAC,GACzD,IAAAC,eAAS,EAAEC,YAAiB,CAAC;EAC9B,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,iBAAW,EAAEF,YAAiB,CAAC;EAC9D,MAAM;IAAEG,mBAAmB,EAAEC;EAAU,CAAC,GAAGR,WAAW,CAAC,CAAC;EAExD,OAAO,IAAAS,qBAAY,EAChBC,IAAI,IAAM;IACX,IAAK,CAAEF,SAAS,EAAG;MAClB;IACD;IAEA,SAASG,WAAWA,CAAEC,KAAK,EAAG;MAC7B,IAAK,CAAEX,gBAAgB,CAAC,CAAC,IAAI,CAAEC,iBAAiB,CAAC,CAAC,EAAG;QACpD;MACD;;MAEA;MACA,IAAKU,KAAK,CAACC,MAAM,KAAKH,IAAI,EAAG;QAC5B;MACD;MAEAL,kBAAkB,CAAC,CAAC;IACrB;IAEAK,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,CAAEV,gBAAgB,EAAEC,iBAAiB,EAAEG,kBAAkB,EAAEG,SAAS,CACrE,CAAC;AACF;AAEe,SAASQ,qBAAqBA,CAAEC,KAAK,EAAG;EACtD,OAAO,IAAAC,QAAA,CAAAC,aAAA;IAAKC,GAAG,EAAGrB,wBAAwB,CAAC,CAAG;IAAA,GAAMkB;EAAK,CAAI,CAAC;AAC/D"}
+{"version":3,"names":["_data","require","_compose","_store","useBlockSelectionClearer","getSettings","hasSelectedBlock","hasMultiSelection","useSelect","blockEditorStore","clearSelectedBlock","useDispatch","clearBlockSelection","isEnabled","useRefEffect","node","onMouseDown","event","target","addEventListener","removeEventListener","BlockSelectionClearer","props","_react","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":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,wBAAwBA,CAAA,EAAG;EAC1C,MAAM;IAAEC,WAAW;IAAEC,gBAAgB;IAAEC;EAAkB,CAAC,GACzD,IAAAC,eAAS,EAAEC,YAAiB,CAAC;EAC9B,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,iBAAW,EAAEF,YAAiB,CAAC;EAC9D,MAAM;IAAEG,mBAAmB,EAAEC;EAAU,CAAC,GAAGR,WAAW,CAAC,CAAC;EAExD,OAAO,IAAAS,qBAAY,EAChBC,IAAI,IAAM;IACX,IAAK,CAAEF,SAAS,EAAG;MAClB;IACD;IAEA,SAASG,WAAWA,CAAEC,KAAK,EAAG;MAC7B,IAAK,CAAEX,gBAAgB,CAAC,CAAC,IAAI,CAAEC,iBAAiB,CAAC,CAAC,EAAG;QACpD;MACD;;MAEA;MACA,IAAKU,KAAK,CAACC,MAAM,KAAKH,IAAI,EAAG;QAC5B;MACD;MAEAL,kBAAkB,CAAC,CAAC;IACrB;IAEAK,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,CAAEV,gBAAgB,EAAEC,iBAAiB,EAAEG,kBAAkB,EAAEG,SAAS,CACrE,CAAC;AACF;AAEe,SAASQ,qBAAqBA,CAAEC,KAAK,EAAG;EACtD,OAAO,IAAAC,MAAA,CAAAC,aAAA;IAAKC,GAAG,EAAGrB,wBAAwB,CAAC,CAAG;IAAA,GAAMkB;EAAK,CAAI,CAAC;AAC/D"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
@@ -19,12 +19,12 @@ const {
 } = (0, _components.createSlotFill)('SettingsToolbarButton');
 const SettingsButton = ({
   openGeneralSidebar
-}) => (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_components.ToolbarButton, {
+}) => (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_components.ToolbarButton, {
   title: (0, _i18n.__)('Open Settings'),
   icon: _icons.cog,
   onClick: openGeneralSidebar
 }));
-const SettingsButtonFill = props => (0, _element.createElement)(Fill, null, (0, _element.createElement)(SettingsButton, {
+const SettingsButtonFill = props => (0, _react.createElement)(Fill, null, (0, _react.createElement)(SettingsButton, {
   ...props
 }));
 const SettingsToolbarButton = (0, _data.withDispatch)(dispatch => {

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_data","_icons","Fill","Slot","createSlotFill","SettingsButton","openGeneralSidebar","_element","createElement","ToolbarGroup","ToolbarButton","title","__","icon","cog","onClick","SettingsButtonFill","props","SettingsToolbarButton","withDispatch","dispatch","_default","exports","default"],"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":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAUA,MAAM;EAAEI,IAAI;EAAEC;AAAK,CAAC,GAAG,IAAAC,0BAAc,EAAE,uBAAwB,CAAC;AAEhE,MAAMC,cAAc,GAAGA,CAAE;EAAEC;AAAmB,CAAC,KAC9C,IAAAC,QAAA,CAAAC,aAAA,EAACX,WAAA,CAAAY,YAAY,QACZ,IAAAF,QAAA,CAAAC,aAAA,EAACX,WAAA,CAAAa,aAAa;EACbC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;EAC/BC,IAAI,EAAGC,UAAK;EACZC,OAAO,EAAGT;AAAoB,CAC9B,CACY,CACd;AAED,MAAMU,kBAAkB,GAAKC,KAAK,IACjC,IAAAV,QAAA,CAAAC,aAAA,EAACN,IAAI,QACJ,IAAAK,QAAA,CAAAC,aAAA,EAACH,cAAc;EAAA,GAAMY;AAAK,CAAI,CACzB,CACN;AAED,MAAMC,qBAAqB,GAAG,IAAAC,kBAAY,EAAIC,QAAQ,IAAM;EAC3D,MAAM;IAAEd;EAAmB,CAAC,GAAGc,QAAQ,CAAE,gBAAiB,CAAC;EAE3D,OAAO;IACNd,kBAAkB,EAAEA,CAAA,KAAMA,kBAAkB,CAAE,iBAAkB;EACjE,CAAC;AACF,CAAE,CAAC,CAAEU,kBAAmB,CAAC;AAEzBE,qBAAqB,CAACf,IAAI,GAAGA,IAAI;AAAC,IAAAkB,QAAA,GAEnBH,qBAAqB;AAAAI,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_components","require","_i18n","_data","_icons","Fill","Slot","createSlotFill","SettingsButton","openGeneralSidebar","_react","createElement","ToolbarGroup","ToolbarButton","title","__","icon","cog","onClick","SettingsButtonFill","props","SettingsToolbarButton","withDispatch","dispatch","_default","exports","default"],"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":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAUA,MAAM;EAAEI,IAAI;EAAEC;AAAK,CAAC,GAAG,IAAAC,0BAAc,EAAE,uBAAwB,CAAC;AAEhE,MAAMC,cAAc,GAAGA,CAAE;EAAEC;AAAmB,CAAC,KAC9C,IAAAC,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAY,YAAY,QACZ,IAAAF,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAa,aAAa;EACbC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;EAC/BC,IAAI,EAAGC,UAAK;EACZC,OAAO,EAAGT;AAAoB,CAC9B,CACY,CACd;AAED,MAAMU,kBAAkB,GAAKC,KAAK,IACjC,IAAAV,MAAA,CAAAC,aAAA,EAACN,IAAI,QACJ,IAAAK,MAAA,CAAAC,aAAA,EAACH,cAAc;EAAA,GAAMY;AAAK,CAAI,CACzB,CACN;AAED,MAAMC,qBAAqB,GAAG,IAAAC,kBAAY,EAAIC,QAAQ,IAAM;EAC3D,MAAM;IAAEd;EAAmB,CAAC,GAAGc,QAAQ,CAAE,gBAAiB,CAAC;EAE3D,OAAO;IACNd,kBAAkB,EAAEA,CAAA,KAAMA,kBAAkB,CAAE,iBAAkB;EACjE,CAAC;AACF,CAAE,CAAC,CAAEU,kBAAmB,CAAC;AAEzBE,qBAAqB,CAACf,IAAI,GAAGA,IAAI;AAAC,IAAAkB,QAAA,GAEnBH,qBAAqB;AAAAI,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.blockSettingsScreens = void 0;
 exports.default = BottomSheetSettings;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
@@ -33,7 +33,7 @@ function BottomSheetSettings(props) {
     closeGeneralSidebar
   } = (0, _data.useDispatch)('core/edit-post');
   const editorSidebarOpened = (0, _data.useSelect)(select => select('core/edit-post').isEditorSidebarOpened());
-  return (0, _element.createElement)(_components.BottomSheet, {
+  return (0, _react.createElement)(_components.BottomSheet, {
     isVisible: editorSidebarOpened,
     onClose: closeGeneralSidebar,
     hideHeader: true,
@@ -41,29 +41,29 @@ function BottomSheetSettings(props) {
     hasNavigation: true,
     testID: "block-settings-modal",
     ...props
-  }, (0, _element.createElement)(_components.BottomSheet.NavigationContainer, {
+  }, (0, _react.createElement)(_components.BottomSheet.NavigationContainer, {
     animate: true,
     main: true
-  }, (0, _element.createElement)(_components.BottomSheet.NavigationScreen, {
+  }, (0, _react.createElement)(_components.BottomSheet.NavigationScreen, {
     name: blockSettingsScreens.settings
-  }, (0, _element.createElement)(_blockEditor.InspectorControls.Slot, null)), (0, _element.createElement)(_components.BottomSheet.NavigationScreen, {
+  }, (0, _react.createElement)(_blockEditor.InspectorControls.Slot, null)), (0, _react.createElement)(_components.BottomSheet.NavigationScreen, {
     name: _components.BottomSheet.SubSheet.screenName
-  }, (0, _element.createElement)(_components.BottomSheet.SubSheet.Slot, null)), (0, _element.createElement)(_components.BottomSheet.NavigationScreen, {
+  }, (0, _react.createElement)(_components.BottomSheet.SubSheet.Slot, null)), (0, _react.createElement)(_components.BottomSheet.NavigationScreen, {
     name: blockSettingsScreens.color
-  }, (0, _element.createElement)(_components.ColorSettings, {
+  }, (0, _react.createElement)(_components.ColorSettings, {
     defaultSettings: colorSettings
-  })), (0, _element.createElement)(_components.BottomSheet.NavigationScreen, {
+  })), (0, _react.createElement)(_components.BottomSheet.NavigationScreen, {
     name: blockSettingsScreens.focalPoint,
     fullScreen: true
-  }, (0, _element.createElement)(_components.FocalPointSettingsPanel, null)), (0, _element.createElement)(_components.BottomSheet.NavigationScreen, {
+  }, (0, _react.createElement)(_components.FocalPointSettingsPanel, null)), (0, _react.createElement)(_components.BottomSheet.NavigationScreen, {
     name: blockSettingsScreens.linkPicker,
     fullScreen: true,
     isScrollable: true
-  }, (0, _element.createElement)(_components.LinkPickerScreen, {
+  }, (0, _react.createElement)(_components.LinkPickerScreen, {
     returnScreenName: blockSettingsScreens.settings
-  })), (0, _element.createElement)(_components.BottomSheet.NavigationScreen, {
+  })), (0, _react.createElement)(_components.BottomSheet.NavigationScreen, {
     name: blockSettingsScreens.imageLinkDestinations
-  }, (0, _element.createElement)(_components.ImageLinkDestinationsScreen, {
+  }, (0, _react.createElement)(_components.ImageLinkDestinationsScreen, {
     ...props
   }))));
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_components","_data","_containerNative","_interopRequireDefault","blockSettingsScreens","settings","color","focalPoint","linkPicker","imageLinkDestinations","exports","BottomSheetSettings","props","colorSettings","useMultipleOriginColorsAndGradients","closeGeneralSidebar","useDispatch","editorSidebarOpened","useSelect","select","isEditorSidebarOpened","_element","createElement","BottomSheet","isVisible","onClose","hideHeader","contentStyle","styles","content","hasNavigation","testID","NavigationContainer","animate","main","NavigationScreen","name","InspectorControls","Slot","SubSheet","screenName","ColorSettings","defaultSettings","fullScreen","FocalPointSettingsPanel","isScrollable","LinkPickerScreen","returnScreenName","ImageLinkDestinationsScreen"],"sources":["@wordpress/block-editor/src/components/block-settings/container.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tInspectorControls,\n\tuseMultipleOriginColorsAndGradients,\n} from '@wordpress/block-editor';\nimport {\n\tBottomSheet,\n\tColorSettings,\n\tFocalPointSettingsPanel,\n\tImageLinkDestinationsScreen,\n\tLinkPickerScreen,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport styles from './container.native.scss';\n\nexport const blockSettingsScreens = {\n\tsettings: 'Settings',\n\tcolor: 'Color',\n\tfocalPoint: 'FocalPoint',\n\tlinkPicker: 'linkPicker',\n\timageLinkDestinations: 'imageLinkDestinations',\n};\n\nexport default function BottomSheetSettings( props ) {\n\tconst colorSettings = useMultipleOriginColorsAndGradients();\n\tconst { closeGeneralSidebar } = useDispatch( 'core/edit-post' );\n\tconst editorSidebarOpened = useSelect( ( select ) =>\n\t\tselect( 'core/edit-post' ).isEditorSidebarOpened()\n\t);\n\n\treturn (\n\t\t<BottomSheet\n\t\t\tisVisible={ editorSidebarOpened }\n\t\t\tonClose={ closeGeneralSidebar }\n\t\t\thideHeader\n\t\t\tcontentStyle={ styles.content }\n\t\t\thasNavigation\n\t\t\ttestID=\"block-settings-modal\"\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<BottomSheet.NavigationContainer animate main>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.settings }\n\t\t\t\t>\n\t\t\t\t\t<InspectorControls.Slot />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ BottomSheet.SubSheet.screenName }\n\t\t\t\t>\n\t\t\t\t\t<BottomSheet.SubSheet.Slot />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.color }\n\t\t\t\t>\n\t\t\t\t\t<ColorSettings defaultSettings={ colorSettings } />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.focalPoint }\n\t\t\t\t\tfullScreen\n\t\t\t\t>\n\t\t\t\t\t<FocalPointSettingsPanel />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.linkPicker }\n\t\t\t\t\tfullScreen\n\t\t\t\t\tisScrollable\n\t\t\t\t>\n\t\t\t\t\t<LinkPickerScreen\n\t\t\t\t\t\treturnScreenName={ blockSettingsScreens.settings }\n\t\t\t\t\t/>\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.imageLinkDestinations }\n\t\t\t\t>\n\t\t\t\t\t<ImageLinkDestinationsScreen { ...props } />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t</BottomSheet.NavigationContainer>\n\t\t</BottomSheet>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_blockEditor","require","_components","_data","_containerNative","_interopRequireDefault","blockSettingsScreens","settings","color","focalPoint","linkPicker","imageLinkDestinations","exports","BottomSheetSettings","props","colorSettings","useMultipleOriginColorsAndGradients","closeGeneralSidebar","useDispatch","editorSidebarOpened","useSelect","select","isEditorSidebarOpened","_react","createElement","BottomSheet","isVisible","onClose","hideHeader","contentStyle","styles","content","hasNavigation","testID","NavigationContainer","animate","main","NavigationScreen","name","InspectorControls","Slot","SubSheet","screenName","ColorSettings","defaultSettings","fullScreen","FocalPointSettingsPanel","isScrollable","LinkPickerScreen","returnScreenName","ImageLinkDestinationsScreen"],"sources":["@wordpress/block-editor/src/components/block-settings/container.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tInspectorControls,\n\tuseMultipleOriginColorsAndGradients,\n} from '@wordpress/block-editor';\nimport {\n\tBottomSheet,\n\tColorSettings,\n\tFocalPointSettingsPanel,\n\tImageLinkDestinationsScreen,\n\tLinkPickerScreen,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport styles from './container.native.scss';\n\nexport const blockSettingsScreens = {\n\tsettings: 'Settings',\n\tcolor: 'Color',\n\tfocalPoint: 'FocalPoint',\n\tlinkPicker: 'linkPicker',\n\timageLinkDestinations: 'imageLinkDestinations',\n};\n\nexport default function BottomSheetSettings( props ) {\n\tconst colorSettings = useMultipleOriginColorsAndGradients();\n\tconst { closeGeneralSidebar } = useDispatch( 'core/edit-post' );\n\tconst editorSidebarOpened = useSelect( ( select ) =>\n\t\tselect( 'core/edit-post' ).isEditorSidebarOpened()\n\t);\n\n\treturn (\n\t\t<BottomSheet\n\t\t\tisVisible={ editorSidebarOpened }\n\t\t\tonClose={ closeGeneralSidebar }\n\t\t\thideHeader\n\t\t\tcontentStyle={ styles.content }\n\t\t\thasNavigation\n\t\t\ttestID=\"block-settings-modal\"\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<BottomSheet.NavigationContainer animate main>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.settings }\n\t\t\t\t>\n\t\t\t\t\t<InspectorControls.Slot />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ BottomSheet.SubSheet.screenName }\n\t\t\t\t>\n\t\t\t\t\t<BottomSheet.SubSheet.Slot />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.color }\n\t\t\t\t>\n\t\t\t\t\t<ColorSettings defaultSettings={ colorSettings } />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.focalPoint }\n\t\t\t\t\tfullScreen\n\t\t\t\t>\n\t\t\t\t\t<FocalPointSettingsPanel />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.linkPicker }\n\t\t\t\t\tfullScreen\n\t\t\t\t\tisScrollable\n\t\t\t\t>\n\t\t\t\t\t<LinkPickerScreen\n\t\t\t\t\t\treturnScreenName={ blockSettingsScreens.settings }\n\t\t\t\t\t/>\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.imageLinkDestinations }\n\t\t\t\t>\n\t\t\t\t\t<ImageLinkDestinationsScreen { ...props } />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t</BottomSheet.NavigationContainer>\n\t\t</BottomSheet>\n\t);\n}\n"],"mappings":"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"}

package/build/components/block-settings-menu/block-html-convert-button.js

@@ -1,35 +1,39 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = require("react");
+var _i18n = require("@wordpress/i18n");
+var _components = require("@wordpress/components");
 var _blocks = require("@wordpress/blocks");
-var _compose = require("@wordpress/compose");
 var _data = require("@wordpress/data");
-var _blockConvertButton = _interopRequireDefault(require("./block-convert-button"));
 var _store = require("../../store");
 /**
  * WordPress dependencies
  */
+
 /**
  * Internal dependencies
  */
-var _default = (0, _compose.compose)((0, _data.withSelect)((select, {
+
+function BlockHTMLConvertButton({
   clientId
-}) => {
-  const block = select(_store.store).getBlock(clientId);
-  return {
-    block,
-    shouldRender: block && block.name === 'core/html'
-  };
-}), (0, _data.withDispatch)((dispatch, {
-  block
-}) => ({
-  onClick: () => dispatch(_store.store).replaceBlocks(block.clientId, (0, _blocks.rawHandler)({
-    HTML: (0, _blocks.getBlockContent)(block)
-  }))
-})))(_blockConvertButton.default);
+}) {
+  const block = (0, _data.useSelect)(select => select(_store.store).getBlock(clientId), [clientId]);
+  const {
+    replaceBlocks
+  } = (0, _data.useDispatch)(_store.store);
+  if (!block || block.name !== 'core/html') {
+    return null;
+  }
+  return (0, _react.createElement)(_components.MenuItem, {
+    onClick: () => replaceBlocks(clientId, (0, _blocks.rawHandler)({
+      HTML: (0, _blocks.getBlockContent)(block)
+    }))
+  }, (0, _i18n.__)('Convert to Blocks'));
+}
+var _default = BlockHTMLConvertButton;
 exports.default = _default;
 //# sourceMappingURL=block-html-convert-button.js.map

package/build/components/block-settings-menu/block-html-convert-button.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blocks","require","_compose","_data","_blockConvertButton","_interopRequireDefault","_store","_default","compose","withSelect","select","clientId","block","blockEditorStore","getBlock","shouldRender","name","withDispatch","dispatch","onClick","replaceBlocks","rawHandler","HTML","getBlockContent","BlockConvertButton","exports","default"],"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-html-convert-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { rawHandler, getBlockContent } from '@wordpress/blocks';\nimport { compose } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockConvertButton from './block-convert-button';\nimport { store as blockEditorStore } from '../../store';\n\nexport default compose(\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst block = select( blockEditorStore ).getBlock( clientId );\n\n\t\treturn {\n\t\t\tblock,\n\t\t\tshouldRender: block && block.name === 'core/html',\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { block } ) => ( {\n\t\tonClick: () =>\n\t\t\tdispatch( blockEditorStore ).replaceBlocks(\n\t\t\t\tblock.clientId,\n\t\t\t\trawHandler( { HTML: getBlockContent( block ) } )\n\t\t\t),\n\t} ) )\n)( BlockConvertButton );\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,mBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAXA;AACA;AACA;AAKA;AACA;AACA;AAFA,IAAAM,QAAA,GAMe,IAAAC,gBAAO,EACrB,IAAAC,gBAAU,EAAE,CAAEC,MAAM,EAAE;EAAEC;AAAS,CAAC,KAAM;EACvC,MAAMC,KAAK,GAAGF,MAAM,CAAEG,YAAiB,CAAC,CAACC,QAAQ,CAAEH,QAAS,CAAC;EAE7D,OAAO;IACNC,KAAK;IACLG,YAAY,EAAEH,KAAK,IAAIA,KAAK,CAACI,IAAI,KAAK;EACvC,CAAC;AACF,CAAE,CAAC,EACH,IAAAC,kBAAY,EAAE,CAAEC,QAAQ,EAAE;EAAEN;AAAM,CAAC,MAAQ;EAC1CO,OAAO,EAAEA,CAAA,KACRD,QAAQ,CAAEL,YAAiB,CAAC,CAACO,aAAa,CACzCR,KAAK,CAACD,QAAQ,EACd,IAAAU,kBAAU,EAAE;IAAEC,IAAI,EAAE,IAAAC,uBAAe,EAAEX,KAAM;EAAE,CAAE,CAChD;AACF,CAAC,CAAG,CACL,CAAC,CAAEY,2BAAmB,CAAC;AAAAC,OAAA,CAAAC,OAAA,GAAAnB,QAAA"}
+{"version":3,"names":["_i18n","require","_components","_blocks","_data","_store","BlockHTMLConvertButton","clientId","block","useSelect","select","blockEditorStore","getBlock","replaceBlocks","useDispatch","name","_react","createElement","MenuItem","onClick","rawHandler","HTML","getBlockContent","__","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-html-convert-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport { rawHandler, getBlockContent } from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockHTMLConvertButton( { clientId } ) {\n\tconst block = useSelect(\n\t\t( select ) => select( blockEditorStore ).getBlock( clientId ),\n\t\t[ clientId ]\n\t);\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\n\tif ( ! block || block.name !== 'core/html' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<MenuItem\n\t\t\tonClick={ () =>\n\t\t\t\treplaceBlocks(\n\t\t\t\t\tclientId,\n\t\t\t\t\trawHandler( { HTML: getBlockContent( block ) } )\n\t\t\t\t)\n\t\t\t}\n\t\t>\n\t\t\t{ __( 'Convert to Blocks' ) }\n\t\t</MenuItem>\n\t);\n}\n\nexport default BlockHTMLConvertButton;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGA,SAASK,sBAAsBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC/C,MAAMC,KAAK,GAAG,IAAAC,eAAS,EACpBC,MAAM,IAAMA,MAAM,CAAEC,YAAiB,CAAC,CAACC,QAAQ,CAAEL,QAAS,CAAC,EAC7D,CAAEA,QAAQ,CACX,CAAC;EACD,MAAM;IAAEM;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAiB,CAAC;EAEzD,IAAK,CAAEH,KAAK,IAAIA,KAAK,CAACO,IAAI,KAAK,WAAW,EAAG;IAC5C,OAAO,IAAI;EACZ;EAEA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAgB,QAAQ;IACRC,OAAO,EAAGA,CAAA,KACTN,aAAa,CACZN,QAAQ,EACR,IAAAa,kBAAU,EAAE;MAAEC,IAAI,EAAE,IAAAC,uBAAe,EAAEd,KAAM;IAAE,CAAE,CAChD;EACA,GAEC,IAAAe,QAAE,EAAE,mBAAoB,CACjB,CAAC;AAEb;AAAC,IAAAC,QAAA,GAEclB,sBAAsB;AAAAmB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/block-settings-menu/block-mode-toggle.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BlockModeToggle = BlockModeToggle;
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _blocks = require("@wordpress/blocks");
@@ -32,7 +32,7 @@ function BlockModeToggle({
     return null;
   }
   const label = mode === 'visual' ? (0, _i18n.__)('Edit as HTML') : (0, _i18n.__)('Edit visually');
-  return (0, _element.createElement)(_components.MenuItem, {
+  return (0, _react.createElement)(_components.MenuItem, {
     onClick: onToggleMode
   }, !small && label);
 }

package/build/components/block-settings-menu/block-mode-toggle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_blocks","_data","_compose","_store","noop","BlockModeToggle","blockType","mode","onToggleMode","small","isCodeEditingEnabled","hasBlockSupport","label","__","_element","createElement","MenuItem","onClick","_default","compose","withSelect","select","clientId","getBlock","getBlockMode","getSettings","blockEditorStore","block","codeEditingEnabled","getBlockType","name","withDispatch","dispatch","onToggle","toggleBlockMode","exports","default"],"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-mode-toggle.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport { getBlockType, hasBlockSupport } from '@wordpress/blocks';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { compose } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nconst noop = () => {};\n\nexport function BlockModeToggle( {\n\tblockType,\n\tmode,\n\tonToggleMode,\n\tsmall = false,\n\tisCodeEditingEnabled = true,\n} ) {\n\tif (\n\t\t! blockType ||\n\t\t! hasBlockSupport( blockType, 'html', true ) ||\n\t\t! isCodeEditingEnabled\n\t) {\n\t\treturn null;\n\t}\n\n\tconst label =\n\t\tmode === 'visual' ? __( 'Edit as HTML' ) : __( 'Edit visually' );\n\n\treturn <MenuItem onClick={ onToggleMode }>{ ! small && label }</MenuItem>;\n}\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getBlock, getBlockMode, getSettings } =\n\t\t\tselect( blockEditorStore );\n\t\tconst block = getBlock( clientId );\n\t\tconst isCodeEditingEnabled = getSettings().codeEditingEnabled;\n\n\t\treturn {\n\t\t\tmode: getBlockMode( clientId ),\n\t\t\tblockType: block ? getBlockType( block.name ) : null,\n\t\t\tisCodeEditingEnabled,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { onToggle = noop, clientId } ) => ( {\n\t\tonToggleMode() {\n\t\t\tdispatch( blockEditorStore ).toggleBlockMode( clientId );\n\t\t\tonToggle();\n\t\t},\n\t} ) ),\n] )( BlockModeToggle );\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AAZA;AACA;AACA;;AAOA;AACA;AACA;;AAGA,MAAMM,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAEd,SAASC,eAAeA,CAAE;EAChCC,SAAS;EACTC,IAAI;EACJC,YAAY;EACZC,KAAK,GAAG,KAAK;EACbC,oBAAoB,GAAG;AACxB,CAAC,EAAG;EACH,IACC,CAAEJ,SAAS,IACX,CAAE,IAAAK,uBAAe,EAAEL,SAAS,EAAE,MAAM,EAAE,IAAK,CAAC,IAC5C,CAAEI,oBAAoB,EACrB;IACD,OAAO,IAAI;EACZ;EAEA,MAAME,KAAK,GACVL,IAAI,KAAK,QAAQ,GAAG,IAAAM,QAAE,EAAE,cAAe,CAAC,GAAG,IAAAA,QAAE,EAAE,eAAgB,CAAC;EAEjE,OAAO,IAAAC,QAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAiB,QAAQ;IAACC,OAAO,EAAGT;EAAc,GAAG,CAAEC,KAAK,IAAIG,KAAiB,CAAC;AAC1E;AAAC,IAAAM,QAAA,GAEc,IAAAC,gBAAO,EAAE,CACvB,IAAAC,gBAAU,EAAE,CAAEC,MAAM,EAAE;EAAEC;AAAS,CAAC,KAAM;EACvC,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAY,CAAC,GAC5CJ,MAAM,CAAEK,YAAiB,CAAC;EAC3B,MAAMC,KAAK,GAAGJ,QAAQ,CAAED,QAAS,CAAC;EAClC,MAAMZ,oBAAoB,GAAGe,WAAW,CAAC,CAAC,CAACG,kBAAkB;EAE7D,OAAO;IACNrB,IAAI,EAAEiB,YAAY,CAAEF,QAAS,CAAC;IAC9BhB,SAAS,EAAEqB,KAAK,GAAG,IAAAE,oBAAY,EAAEF,KAAK,CAACG,IAAK,CAAC,GAAG,IAAI;IACpDpB;EACD,CAAC;AACF,CAAE,CAAC,EACH,IAAAqB,kBAAY,EAAE,CAAEC,QAAQ,EAAE;EAAEC,QAAQ,GAAG7B,IAAI;EAAEkB;AAAS,CAAC,MAAQ;EAC9Dd,YAAYA,CAAA,EAAG;IACdwB,QAAQ,CAAEN,YAAiB,CAAC,CAACQ,eAAe,CAAEZ,QAAS,CAAC;IACxDW,QAAQ,CAAC,CAAC;EACX;AACD,CAAC,CAAG,CAAC,CACJ,CAAC,CAAE5B,eAAgB,CAAC;AAAA8B,OAAA,CAAAC,OAAA,GAAAlB,QAAA"}
+{"version":3,"names":["_i18n","require","_components","_blocks","_data","_compose","_store","noop","BlockModeToggle","blockType","mode","onToggleMode","small","isCodeEditingEnabled","hasBlockSupport","label","__","_react","createElement","MenuItem","onClick","_default","compose","withSelect","select","clientId","getBlock","getBlockMode","getSettings","blockEditorStore","block","codeEditingEnabled","getBlockType","name","withDispatch","dispatch","onToggle","toggleBlockMode","exports","default"],"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-mode-toggle.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport { getBlockType, hasBlockSupport } from '@wordpress/blocks';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { compose } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nconst noop = () => {};\n\nexport function BlockModeToggle( {\n\tblockType,\n\tmode,\n\tonToggleMode,\n\tsmall = false,\n\tisCodeEditingEnabled = true,\n} ) {\n\tif (\n\t\t! blockType ||\n\t\t! hasBlockSupport( blockType, 'html', true ) ||\n\t\t! isCodeEditingEnabled\n\t) {\n\t\treturn null;\n\t}\n\n\tconst label =\n\t\tmode === 'visual' ? __( 'Edit as HTML' ) : __( 'Edit visually' );\n\n\treturn <MenuItem onClick={ onToggleMode }>{ ! small && label }</MenuItem>;\n}\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getBlock, getBlockMode, getSettings } =\n\t\t\tselect( blockEditorStore );\n\t\tconst block = getBlock( clientId );\n\t\tconst isCodeEditingEnabled = getSettings().codeEditingEnabled;\n\n\t\treturn {\n\t\t\tmode: getBlockMode( clientId ),\n\t\t\tblockType: block ? getBlockType( block.name ) : null,\n\t\t\tisCodeEditingEnabled,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { onToggle = noop, clientId } ) => ( {\n\t\tonToggleMode() {\n\t\t\tdispatch( blockEditorStore ).toggleBlockMode( clientId );\n\t\t\tonToggle();\n\t\t},\n\t} ) ),\n] )( BlockModeToggle );\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AAZA;AACA;AACA;;AAOA;AACA;AACA;;AAGA,MAAMM,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAEd,SAASC,eAAeA,CAAE;EAChCC,SAAS;EACTC,IAAI;EACJC,YAAY;EACZC,KAAK,GAAG,KAAK;EACbC,oBAAoB,GAAG;AACxB,CAAC,EAAG;EACH,IACC,CAAEJ,SAAS,IACX,CAAE,IAAAK,uBAAe,EAAEL,SAAS,EAAE,MAAM,EAAE,IAAK,CAAC,IAC5C,CAAEI,oBAAoB,EACrB;IACD,OAAO,IAAI;EACZ;EAEA,MAAME,KAAK,GACVL,IAAI,KAAK,QAAQ,GAAG,IAAAM,QAAE,EAAE,cAAe,CAAC,GAAG,IAAAA,QAAE,EAAE,eAAgB,CAAC;EAEjE,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAiB,QAAQ;IAACC,OAAO,EAAGT;EAAc,GAAG,CAAEC,KAAK,IAAIG,KAAiB,CAAC;AAC1E;AAAC,IAAAM,QAAA,GAEc,IAAAC,gBAAO,EAAE,CACvB,IAAAC,gBAAU,EAAE,CAAEC,MAAM,EAAE;EAAEC;AAAS,CAAC,KAAM;EACvC,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAY,CAAC,GAC5CJ,MAAM,CAAEK,YAAiB,CAAC;EAC3B,MAAMC,KAAK,GAAGJ,QAAQ,CAAED,QAAS,CAAC;EAClC,MAAMZ,oBAAoB,GAAGe,WAAW,CAAC,CAAC,CAACG,kBAAkB;EAE7D,OAAO;IACNrB,IAAI,EAAEiB,YAAY,CAAEF,QAAS,CAAC;IAC9BhB,SAAS,EAAEqB,KAAK,GAAG,IAAAE,oBAAY,EAAEF,KAAK,CAACG,IAAK,CAAC,GAAG,IAAI;IACpDpB;EACD,CAAC;AACF,CAAE,CAAC,EACH,IAAAqB,kBAAY,EAAE,CAAEC,QAAQ,EAAE;EAAEC,QAAQ,GAAG7B,IAAI;EAAEkB;AAAS,CAAC,MAAQ;EAC9Dd,YAAYA,CAAA,EAAG;IACdwB,QAAQ,CAAEN,YAAiB,CAAC,CAACQ,eAAe,CAAEZ,QAAS,CAAC;IACxDW,QAAQ,CAAC,CAAC;EACX;AACD,CAAC,CAAG,CAAC,CACJ,CAAC,CAAE5B,eAAgB,CAAC;AAAA8B,OAAA,CAAAC,OAAA,GAAAlB,QAAA"}

package/build/components/block-settings-menu/block-settings-dropdown.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BlockSettingsDropdown = BlockSettingsDropdown;
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blocks = require("@wordpress/blocks");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
 var _icons = require("@wordpress/icons");
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
 var _compose = require("@wordpress/compose");
@@ -42,7 +43,7 @@ function CopyMenuItem({
   const ref = (0, _compose.useCopyToClipboard)(() => (0, _blocks.serialize)(blocks), onCopy);
   const copyMenuItemBlocksLabel = blocks.length > 1 ? (0, _i18n.__)('Copy blocks') : (0, _i18n.__)('Copy');
   const copyMenuItemLabel = label ? label : copyMenuItemBlocksLabel;
-  return (0, _element.createElement)(_components.MenuItem, {
+  return (0, _react.createElement)(_components.MenuItem, {
     ref: ref
   }, copyMenuItemLabel);
 }
@@ -162,7 +163,7 @@ function BlockSettingsDropdown({
       setOpenedBlockSettingsMenu(undefined);
     }
   }, [currentClientId, openedBlockSettingsMenu, setOpenedBlockSettingsMenu]);
-  return (0, _element.createElement)(_blockActions.default, {
+  return (0, _react.createElement)(_blockActions.default, {
     clientIds: clientIds,
     __experimentalUpdateSelection: !__experimentalSelectBlock
   }, ({
@@ -179,7 +180,7 @@ function BlockSettingsDropdown({
     onPasteStyles,
     onMoveTo,
     blocks
-  }) => (0, _element.createElement)(_components.DropdownMenu, {
+  }) => (0, _react.createElement)(_components.DropdownMenu, {
     icon: _icons.moreVertical,
     label: (0, _i18n.__)('Options'),
     className: "block-editor-block-settings-menu",
@@ -213,39 +214,39 @@ function BlockSettingsDropdown({
     ...props
   }, ({
     onClose
-  }) => (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.MenuGroup, null, (0, _element.createElement)(_blockSettingsMenuFirstItem.default.Slot, {
+  }) => (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.MenuGroup, null, (0, _react.createElement)(_blockSettingsMenuFirstItem.default.Slot, {
     fillProps: {
       onClose
     }
-  }), !parentBlockIsSelected && !!firstParentClientId && (0, _element.createElement)(_components.MenuItem, {
+  }), !parentBlockIsSelected && !!firstParentClientId && (0, _react.createElement)(_components.MenuItem, {
     ...showParentOutlineGestures,
     ref: selectParentButtonRef,
-    icon: (0, _element.createElement)(_blockIcon.default, {
+    icon: (0, _react.createElement)(_blockIcon.default, {
       icon: parentBlockType.icon
     }),
     onClick: () => selectBlock(firstParentClientId)
   }, (0, _i18n.sprintf)( /* translators: %s: Name of the block's parent. */
-  (0, _i18n.__)('Select parent block (%s)'), parentBlockType.title)), count === 1 && (0, _element.createElement)(_blockHtmlConvertButton.default, {
+  (0, _i18n.__)('Select parent block (%s)'), parentBlockType.title)), count === 1 && (0, _react.createElement)(_blockHtmlConvertButton.default, {
     clientId: firstBlockClientId
-  }), (0, _element.createElement)(CopyMenuItem, {
+  }), (0, _react.createElement)(CopyMenuItem, {
     blocks: blocks,
     onCopy: onCopy
-  }), canDuplicate && (0, _element.createElement)(_components.MenuItem, {
+  }), canDuplicate && (0, _react.createElement)(_components.MenuItem, {
     onClick: (0, _compose.pipe)(onClose, onDuplicate, updateSelectionAfterDuplicate),
     shortcut: shortcuts.duplicate
-  }, (0, _i18n.__)('Duplicate')), canInsertDefaultBlock && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.MenuItem, {
+  }, (0, _i18n.__)('Duplicate')), canInsertDefaultBlock && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.MenuItem, {
     onClick: (0, _compose.pipe)(onClose, onInsertBefore),
     shortcut: shortcuts.insertBefore
-  }, (0, _i18n.__)('Add before')), (0, _element.createElement)(_components.MenuItem, {
+  }, (0, _i18n.__)('Add before')), (0, _react.createElement)(_components.MenuItem, {
     onClick: (0, _compose.pipe)(onClose, onInsertAfter),
     shortcut: shortcuts.insertAfter
-  }, (0, _i18n.__)('Add after')))), canCopyStyles && (0, _element.createElement)(_components.MenuGroup, null, (0, _element.createElement)(CopyMenuItem, {
+  }, (0, _i18n.__)('Add after')))), canCopyStyles && (0, _react.createElement)(_components.MenuGroup, null, (0, _react.createElement)(CopyMenuItem, {
     blocks: blocks,
     onCopy: onCopy,
     label: (0, _i18n.__)('Copy styles')
-  }), (0, _element.createElement)(_components.MenuItem, {
+  }), (0, _react.createElement)(_components.MenuItem, {
     onClick: onPasteStyles
-  }, (0, _i18n.__)('Paste styles'))), (0, _element.createElement)(_blockSettingsMenuControls.default.Slot, {
+  }, (0, _i18n.__)('Paste styles'))), (0, _react.createElement)(_blockSettingsMenuControls.default.Slot, {
     fillProps: {
       onClose,
       canMove,
@@ -260,7 +261,7 @@ function BlockSettingsDropdown({
     onClose
   }) : _element.Children.map(child => (0, _element.cloneElement)(child, {
     onClose
-  })), canRemove && (0, _element.createElement)(_components.MenuGroup, null, (0, _element.createElement)(_components.MenuItem, {
+  })), canRemove && (0, _react.createElement)(_components.MenuGroup, null, (0, _react.createElement)(_components.MenuItem, {
     onClick: (0, _compose.pipe)(onClose, onRemove, updateSelectionAfterRemove),
     shortcut: shortcuts.remove
   }, removeBlockLabel)))));