@wordpress/block-editor 12.10.3 → 12.11.0

package/build/components/block-alignment-matrix-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_keycodes","_components","noop","BlockAlignmentMatrixControl","props","label","__","onChange","value","isDisabled","icon","_element","createElement","__experimentalAlignmentMatrixControl","Icon","Dropdown","popoverProps","placement","renderToggle","onToggle","isOpen","openOnArrowDown","event","keyCode","DOWN","preventDefault","ToolbarButton","onClick","onKeyDown","showTooltip","disabled","renderContent","hasFocusBorder","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-alignment-matrix-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { DOWN } from '@wordpress/keycodes';\nimport {\n\tToolbarButton,\n\tDropdown,\n\t__experimentalAlignmentMatrixControl as AlignmentMatrixControl,\n} from '@wordpress/components';\n\nconst noop = () => {};\n\nfunction BlockAlignmentMatrixControl( props ) {\n\tconst {\n\t\tlabel = __( 'Change matrix alignment' ),\n\t\tonChange = noop,\n\t\tvalue = 'center',\n\t\tisDisabled,\n\t} = props;\n\n\tconst icon = <AlignmentMatrixControl.Icon value={ value } />;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst openOnArrowDown = ( event ) => {\n\t\t\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tonToggle();\n\t\t\t\t\t}\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<AlignmentMatrixControl\n\t\t\t\t\thasFocusBorder={ false }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default BlockAlignmentMatrixControl;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AALA;AACA;AACA;;AASA,MAAMG,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,SAASC,2BAA2BA,CAAEC,KAAK,EAAG;EAC7C,MAAM;IACLC,KAAK,GAAG,IAAAC,QAAE,EAAE,yBAA0B,CAAC;IACvCC,QAAQ,GAAGL,IAAI;IACfM,KAAK,GAAG,QAAQ;IAChBC;EACD,CAAC,GAAGL,KAAK;EAET,MAAMM,IAAI,GAAG,IAAAC,QAAA,CAAAC,aAAA,EAACX,WAAA,CAAAY,oCAAsB,CAACC,IAAI;IAACN,KAAK,EAAGA;EAAO,CAAE,CAAC;EAE5D,OACC,IAAAG,QAAA,CAAAC,aAAA,EAACX,WAAA,CAAAc,QAAQ;IACRC,YAAY,EAAG;MAAEC,SAAS,EAAE;IAAe,CAAG;IAC9CC,YAAY,EAAGA,CAAE;MAAEC,QAAQ;MAAEC;IAAO,CAAC,KAAM;MAC1C,MAAMC,eAAe,GAAKC,KAAK,IAAM;QACpC,IAAK,CAAEF,MAAM,IAAIE,KAAK,CAACC,OAAO,KAAKC,cAAI,EAAG;UACzCF,KAAK,CAACG,cAAc,CAAC,CAAC;UACtBN,QAAQ,CAAC,CAAC;QACX;MACD,CAAC;MAED,OACC,IAAAR,QAAA,CAAAC,aAAA,EAACX,WAAA,CAAAyB,aAAa;QACbC,OAAO,EAAGR,QAAU;QACpB,iBAAc,MAAM;QACpB,iBAAgBC,MAAQ;QACxBQ,SAAS,EAAGP,eAAiB;QAC7BhB,KAAK,EAAGA,KAAO;QACfK,IAAI,EAAGA,IAAM;QACbmB,WAAW;QACXC,QAAQ,EAAGrB;MAAY,CACvB,CAAC;IAEJ,CAAG;IACHsB,aAAa,EAAGA,CAAA,KACf,IAAApB,QAAA,CAAAC,aAAA,EAACX,WAAA,CAAAY,oCAAsB;MACtBmB,cAAc,EAAG,KAAO;MACxBzB,QAAQ,EAAGA,QAAU;MACrBC,KAAK,EAAGA;IAAO,CACf;EACC,CACH,CAAC;AAEJ;AAAC,IAAAyB,QAAA,GAEc9B,2BAA2B;AAAA+B,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_i18n","require","_keycodes","_components","noop","BlockAlignmentMatrixControl","props","label","__","onChange","value","isDisabled","icon","_react","createElement","__experimentalAlignmentMatrixControl","Icon","Dropdown","popoverProps","placement","renderToggle","onToggle","isOpen","openOnArrowDown","event","keyCode","DOWN","preventDefault","ToolbarButton","onClick","onKeyDown","showTooltip","disabled","renderContent","hasFocusBorder","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-alignment-matrix-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { DOWN } from '@wordpress/keycodes';\nimport {\n\tToolbarButton,\n\tDropdown,\n\t__experimentalAlignmentMatrixControl as AlignmentMatrixControl,\n} from '@wordpress/components';\n\nconst noop = () => {};\n\nfunction BlockAlignmentMatrixControl( props ) {\n\tconst {\n\t\tlabel = __( 'Change matrix alignment' ),\n\t\tonChange = noop,\n\t\tvalue = 'center',\n\t\tisDisabled,\n\t} = props;\n\n\tconst icon = <AlignmentMatrixControl.Icon value={ value } />;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst openOnArrowDown = ( event ) => {\n\t\t\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tonToggle();\n\t\t\t\t\t}\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<AlignmentMatrixControl\n\t\t\t\t\thasFocusBorder={ false }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t/>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default BlockAlignmentMatrixControl;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AALA;AACA;AACA;;AASA,MAAMG,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,SAASC,2BAA2BA,CAAEC,KAAK,EAAG;EAC7C,MAAM;IACLC,KAAK,GAAG,IAAAC,QAAE,EAAE,yBAA0B,CAAC;IACvCC,QAAQ,GAAGL,IAAI;IACfM,KAAK,GAAG,QAAQ;IAChBC;EACD,CAAC,GAAGL,KAAK;EAET,MAAMM,IAAI,GAAG,IAAAC,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAY,oCAAsB,CAACC,IAAI;IAACN,KAAK,EAAGA;EAAO,CAAE,CAAC;EAE5D,OACC,IAAAG,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAc,QAAQ;IACRC,YAAY,EAAG;MAAEC,SAAS,EAAE;IAAe,CAAG;IAC9CC,YAAY,EAAGA,CAAE;MAAEC,QAAQ;MAAEC;IAAO,CAAC,KAAM;MAC1C,MAAMC,eAAe,GAAKC,KAAK,IAAM;QACpC,IAAK,CAAEF,MAAM,IAAIE,KAAK,CAACC,OAAO,KAAKC,cAAI,EAAG;UACzCF,KAAK,CAACG,cAAc,CAAC,CAAC;UACtBN,QAAQ,CAAC,CAAC;QACX;MACD,CAAC;MAED,OACC,IAAAR,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAyB,aAAa;QACbC,OAAO,EAAGR,QAAU;QACpB,iBAAc,MAAM;QACpB,iBAAgBC,MAAQ;QACxBQ,SAAS,EAAGP,eAAiB;QAC7BhB,KAAK,EAAGA,KAAO;QACfK,IAAI,EAAGA,IAAM;QACbmB,WAAW;QACXC,QAAQ,EAAGrB;MAAY,CACvB,CAAC;IAEJ,CAAG;IACHsB,aAAa,EAAGA,CAAA,KACf,IAAApB,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAY,oCAAsB;MACtBmB,cAAc,EAAG,KAAO;MACxBzB,QAAQ,EAAGA,QAAU;MACrBC,KAAK,EAAGA;IAAO,CACf;EACC,CACH,CAAC;AAEJ;AAAC,IAAAyB,QAAA,GAEc9B,2BAA2B;AAAA+B,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -5,7 +5,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 _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
@@ -26,7 +26,7 @@ var _lockUnlock = require("../../lock-unlock");
  *
  * @param {Object} props               Component props.
  * @param {string} props.rootLabelText Translated label for the root element of the breadcrumb trail.
- * @return {WPElement}                 Block Breadcrumb.
+ * @return {Element}                   Block Breadcrumb.
  */
 function BlockBreadcrumb({
   rootLabelText
@@ -59,36 +59,36 @@ function BlockBreadcrumb({
    * Safari+VoiceOver won't announce the list otherwise.
    */
   /* eslint-disable jsx-a11y/no-redundant-roles */
-  return (0, _element.createElement)("ul", {
+  return (0, _react.createElement)("ul", {
     className: "block-editor-block-breadcrumb",
     role: "list",
     "aria-label": (0, _i18n.__)('Block breadcrumb')
-  }, (0, _element.createElement)("li", {
+  }, (0, _react.createElement)("li", {
     className: !hasSelection ? 'block-editor-block-breadcrumb__current' : undefined,
     "aria-current": !hasSelection ? 'true' : undefined
-  }, hasSelection && (0, _element.createElement)(_components.Button, {
+  }, hasSelection && (0, _react.createElement)(_components.Button, {
     className: "block-editor-block-breadcrumb__button",
     variant: "tertiary",
     onClick: clearSelectedBlock
-  }, rootLabel), !hasSelection && rootLabel, !!clientId && (0, _element.createElement)(_icons.Icon, {
+  }, rootLabel), !hasSelection && rootLabel, !!clientId && (0, _react.createElement)(_icons.Icon, {
     icon: _icons.chevronRightSmall,
     className: "block-editor-block-breadcrumb__separator"
-  })), parents.map(parentClientId => (0, _element.createElement)("li", {
+  })), parents.map(parentClientId => (0, _react.createElement)("li", {
     key: parentClientId
-  }, (0, _element.createElement)(_components.Button, {
+  }, (0, _react.createElement)(_components.Button, {
     className: "block-editor-block-breadcrumb__button",
     variant: "tertiary",
     onClick: () => selectBlock(parentClientId)
-  }, (0, _element.createElement)(_blockTitle.default, {
+  }, (0, _react.createElement)(_blockTitle.default, {
     clientId: parentClientId,
     maximumLength: 35
-  })), (0, _element.createElement)(_icons.Icon, {
+  })), (0, _react.createElement)(_icons.Icon, {
     icon: _icons.chevronRightSmall,
     className: "block-editor-block-breadcrumb__separator"
-  }))), !!clientId && (0, _element.createElement)("li", {
+  }))), !!clientId && (0, _react.createElement)("li", {
     className: "block-editor-block-breadcrumb__current",
     "aria-current": "true"
-  }, (0, _element.createElement)(_blockTitle.default, {
+  }, (0, _react.createElement)(_blockTitle.default, {
     clientId: clientId,
     maximumLength: 35
   })))

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_data","_i18n","_icons","_blockTitle","_interopRequireDefault","_store","_lockUnlock","BlockBreadcrumb","rootLabelText","selectBlock","clearSelectedBlock","useDispatch","blockEditorStore","clientId","parents","hasSelection","useSelect","select","getSelectionStart","getSelectedBlockClientId","getEnabledBlockParents","unlock","selectedBlockClientId","rootLabel","__","_element","createElement","className","role","undefined","Button","variant","onClick","Icon","icon","chevronRightSmall","map","parentClientId","key","default","maximumLength","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-breadcrumb/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { chevronRightSmall, Icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BlockTitle from '../block-title';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\n/**\n * Block breadcrumb component, displaying the hierarchy of the current block selection as a breadcrumb.\n *\n * @param {Object} props               Component props.\n * @param {string} props.rootLabelText Translated label for the root element of the breadcrumb trail.\n * @return {WPElement}                 Block Breadcrumb.\n */\nfunction BlockBreadcrumb( { rootLabelText } ) {\n\tconst { selectBlock, clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { clientId, parents, hasSelection } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetSelectionStart,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetEnabledBlockParents,\n\t\t} = unlock( select( blockEditorStore ) );\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\treturn {\n\t\t\tparents: getEnabledBlockParents( selectedBlockClientId ),\n\t\t\tclientId: selectedBlockClientId,\n\t\t\thasSelection: !! getSelectionStart().clientId,\n\t\t};\n\t}, [] );\n\tconst rootLabel = rootLabelText || __( 'Document' );\n\n\t/*\n\t * Disable reason: The `list` ARIA role is redundant but\n\t * Safari+VoiceOver won't announce the list otherwise.\n\t */\n\t/* eslint-disable jsx-a11y/no-redundant-roles */\n\treturn (\n\t\t<ul\n\t\t\tclassName=\"block-editor-block-breadcrumb\"\n\t\t\trole=\"list\"\n\t\t\taria-label={ __( 'Block breadcrumb' ) }\n\t\t>\n\t\t\t<li\n\t\t\t\tclassName={\n\t\t\t\t\t! hasSelection\n\t\t\t\t\t\t? 'block-editor-block-breadcrumb__current'\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\taria-current={ ! hasSelection ? 'true' : undefined }\n\t\t\t>\n\t\t\t\t{ hasSelection && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__button\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ clearSelectedBlock }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ rootLabel }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\t{ ! hasSelection && rootLabel }\n\t\t\t\t{ !! clientId && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__separator\"\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</li>\n\n\t\t\t{ parents.map( ( parentClientId ) => (\n\t\t\t\t<li key={ parentClientId }>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__button\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => selectBlock( parentClientId ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockTitle\n\t\t\t\t\t\t\tclientId={ parentClientId }\n\t\t\t\t\t\t\tmaximumLength={ 35 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__separator\"\n\t\t\t\t\t/>\n\t\t\t\t</li>\n\t\t\t) ) }\n\t\t\t{ !! clientId && (\n\t\t\t\t<li\n\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__current\"\n\t\t\t\t\taria-current=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<BlockTitle clientId={ clientId } maximumLength={ 35 } />\n\t\t\t\t</li>\n\t\t\t) }\n\t\t</ul>\n\t\t/* eslint-enable jsx-a11y/no-redundant-roles */\n\t);\n}\n\nexport default BlockBreadcrumb;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAKA,IAAAI,WAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AAbA;AACA;AACA;;AAMA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASQ,eAAeA,CAAE;EAAEC;AAAc,CAAC,EAAG;EAC7C,MAAM;IAAEC,WAAW;IAAEC;EAAmB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,YAAiB,CAAC;EAC3E,MAAM;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAa,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACpE,MAAM;MACLC,iBAAiB;MACjBC,wBAAwB;MACxBC;IACD,CAAC,GAAG,IAAAC,kBAAM,EAAEJ,MAAM,CAAEL,YAAiB,CAAE,CAAC;IACxC,MAAMU,qBAAqB,GAAGH,wBAAwB,CAAC,CAAC;IACxD,OAAO;MACNL,OAAO,EAAEM,sBAAsB,CAAEE,qBAAsB,CAAC;MACxDT,QAAQ,EAAES,qBAAqB;MAC/BP,YAAY,EAAE,CAAC,CAAEG,iBAAiB,CAAC,CAAC,CAACL;IACtC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAMU,SAAS,GAAGf,aAAa,IAAI,IAAAgB,QAAE,EAAE,UAAW,CAAC;;EAEnD;AACD;AACA;AACA;EACC;EACA,OACC,IAAAC,QAAA,CAAAC,aAAA;IACCC,SAAS,EAAC,+BAA+B;IACzCC,IAAI,EAAC,MAAM;IACX,cAAa,IAAAJ,QAAE,EAAE,kBAAmB;EAAG,GAEvC,IAAAC,QAAA,CAAAC,aAAA;IACCC,SAAS,EACR,CAAEZ,YAAY,GACX,wCAAwC,GACxCc,SACH;IACD,gBAAe,CAAEd,YAAY,GAAG,MAAM,GAAGc;EAAW,GAElDd,YAAY,IACb,IAAAU,QAAA,CAAAC,aAAA,EAAC5B,WAAA,CAAAgC,MAAM;IACNH,SAAS,EAAC,uCAAuC;IACjDI,OAAO,EAAC,UAAU;IAClBC,OAAO,EAAGtB;EAAoB,GAE5Ba,SACK,CACR,EACC,CAAER,YAAY,IAAIQ,SAAS,EAC3B,CAAC,CAAEV,QAAQ,IACZ,IAAAY,QAAA,CAAAC,aAAA,EAACxB,MAAA,CAAA+B,IAAI;IACJC,IAAI,EAAGC,wBAAmB;IAC1BR,SAAS,EAAC;EAA0C,CACpD,CAEC,CAAC,EAEHb,OAAO,CAACsB,GAAG,CAAIC,cAAc,IAC9B,IAAAZ,QAAA,CAAAC,aAAA;IAAIY,GAAG,EAAGD;EAAgB,GACzB,IAAAZ,QAAA,CAAAC,aAAA,EAAC5B,WAAA,CAAAgC,MAAM;IACNH,SAAS,EAAC,uCAAuC;IACjDI,OAAO,EAAC,UAAU;IAClBC,OAAO,EAAGA,CAAA,KAAMvB,WAAW,CAAE4B,cAAe;EAAG,GAE/C,IAAAZ,QAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAoC,OAAU;IACV1B,QAAQ,EAAGwB,cAAgB;IAC3BG,aAAa,EAAG;EAAI,CACpB,CACM,CAAC,EACT,IAAAf,QAAA,CAAAC,aAAA,EAACxB,MAAA,CAAA+B,IAAI;IACJC,IAAI,EAAGC,wBAAmB;IAC1BR,SAAS,EAAC;EAA0C,CACpD,CACE,CACH,CAAC,EACD,CAAC,CAAEd,QAAQ,IACZ,IAAAY,QAAA,CAAAC,aAAA;IACCC,SAAS,EAAC,wCAAwC;IAClD,gBAAa;EAAM,GAEnB,IAAAF,QAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAoC,OAAU;IAAC1B,QAAQ,EAAGA,QAAU;IAAC2B,aAAa,EAAG;EAAI,CAAE,CACrD,CAEF;EACJ;AAEF;AAAC,IAAAC,QAAA,GAEclC,eAAe;AAAAmC,OAAA,CAAAH,OAAA,GAAAE,QAAA"}
+{"version":3,"names":["_components","require","_data","_i18n","_icons","_blockTitle","_interopRequireDefault","_store","_lockUnlock","BlockBreadcrumb","rootLabelText","selectBlock","clearSelectedBlock","useDispatch","blockEditorStore","clientId","parents","hasSelection","useSelect","select","getSelectionStart","getSelectedBlockClientId","getEnabledBlockParents","unlock","selectedBlockClientId","rootLabel","__","_react","createElement","className","role","undefined","Button","variant","onClick","Icon","icon","chevronRightSmall","map","parentClientId","key","default","maximumLength","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-breadcrumb/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { chevronRightSmall, Icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BlockTitle from '../block-title';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\n/**\n * Block breadcrumb component, displaying the hierarchy of the current block selection as a breadcrumb.\n *\n * @param {Object} props               Component props.\n * @param {string} props.rootLabelText Translated label for the root element of the breadcrumb trail.\n * @return {Element}                   Block Breadcrumb.\n */\nfunction BlockBreadcrumb( { rootLabelText } ) {\n\tconst { selectBlock, clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { clientId, parents, hasSelection } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetSelectionStart,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetEnabledBlockParents,\n\t\t} = unlock( select( blockEditorStore ) );\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\treturn {\n\t\t\tparents: getEnabledBlockParents( selectedBlockClientId ),\n\t\t\tclientId: selectedBlockClientId,\n\t\t\thasSelection: !! getSelectionStart().clientId,\n\t\t};\n\t}, [] );\n\tconst rootLabel = rootLabelText || __( 'Document' );\n\n\t/*\n\t * Disable reason: The `list` ARIA role is redundant but\n\t * Safari+VoiceOver won't announce the list otherwise.\n\t */\n\t/* eslint-disable jsx-a11y/no-redundant-roles */\n\treturn (\n\t\t<ul\n\t\t\tclassName=\"block-editor-block-breadcrumb\"\n\t\t\trole=\"list\"\n\t\t\taria-label={ __( 'Block breadcrumb' ) }\n\t\t>\n\t\t\t<li\n\t\t\t\tclassName={\n\t\t\t\t\t! hasSelection\n\t\t\t\t\t\t? 'block-editor-block-breadcrumb__current'\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\taria-current={ ! hasSelection ? 'true' : undefined }\n\t\t\t>\n\t\t\t\t{ hasSelection && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__button\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ clearSelectedBlock }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ rootLabel }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\t{ ! hasSelection && rootLabel }\n\t\t\t\t{ !! clientId && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__separator\"\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</li>\n\n\t\t\t{ parents.map( ( parentClientId ) => (\n\t\t\t\t<li key={ parentClientId }>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__button\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => selectBlock( parentClientId ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockTitle\n\t\t\t\t\t\t\tclientId={ parentClientId }\n\t\t\t\t\t\t\tmaximumLength={ 35 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__separator\"\n\t\t\t\t\t/>\n\t\t\t\t</li>\n\t\t\t) ) }\n\t\t\t{ !! clientId && (\n\t\t\t\t<li\n\t\t\t\t\tclassName=\"block-editor-block-breadcrumb__current\"\n\t\t\t\t\taria-current=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<BlockTitle clientId={ clientId } maximumLength={ 35 } />\n\t\t\t\t</li>\n\t\t\t) }\n\t\t</ul>\n\t\t/* eslint-enable jsx-a11y/no-redundant-roles */\n\t);\n}\n\nexport default BlockBreadcrumb;\n"],"mappings":"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"}

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

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ExperimentalBlockCanvas = ExperimentalBlockCanvas;
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _compose = require("@wordpress/compose");
 var _blockList = _interopRequireDefault(require("../block-list"));
 var _editorStyles = _interopRequireDefault(require("../editor-styles"));
 var _iframe = _interopRequireDefault(require("../iframe"));
 var _writingFlow = _interopRequireDefault(require("../writing-flow"));
 var _observeTyping = require("../observe-typing");
-var _copyHandler = require("../copy-handler");
 var _blockSelectionClearer = require("../block-selection-clearer");
 /**
  * WordPress dependencies
@@ -26,20 +25,19 @@ var _blockSelectionClearer = require("../block-selection-clearer");
 function ExperimentalBlockCanvas({
   shouldIframe = true,
   height = '300px',
-  children = (0, _element.createElement)(_blockList.default, null),
+  children = (0, _react.createElement)(_blockList.default, null),
   styles,
   contentRef: contentRefProp,
   iframeProps
 }) {
   const resetTypingRef = (0, _observeTyping.useMouseMoveTypingReset)();
-  const copyHandler = (0, _copyHandler.useClipboardHandler)();
   const clearerRef = (0, _blockSelectionClearer.useBlockSelectionClearer)();
-  const contentRef = (0, _compose.useMergeRefs)([copyHandler, contentRefProp, clearerRef]);
+  const contentRef = (0, _compose.useMergeRefs)([contentRefProp, clearerRef]);
   if (!shouldIframe) {
-    return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_editorStyles.default, {
+    return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_editorStyles.default, {
       styles: styles,
       scope: ".editor-styles-wrapper"
-    }), (0, _element.createElement)(_writingFlow.default, {
+    }), (0, _react.createElement)(_writingFlow.default, {
       ref: contentRef,
       className: "editor-styles-wrapper",
       tabIndex: -1,
@@ -48,7 +46,7 @@ function ExperimentalBlockCanvas({
       }
     }, children));
   }
-  return (0, _element.createElement)(_iframe.default, {
+  return (0, _react.createElement)(_iframe.default, {
     ...iframeProps,
     ref: resetTypingRef,
     contentRef: contentRef,
@@ -58,7 +56,7 @@ function ExperimentalBlockCanvas({
       ...iframeProps?.style
     },
     name: "editor-canvas"
-  }, (0, _element.createElement)(_editorStyles.default, {
+  }, (0, _react.createElement)(_editorStyles.default, {
     styles: styles
   }), children);
 }
@@ -86,18 +84,18 @@ function ExperimentalBlockCanvas({
  * }
  * ```
  *
- * @param {Object}    props          Component props.
- * @param {string}    props.height   Canvas height, defaults to 300px.
- * @param {Array}     props.styles   Content styles to inject into the iframe.
- * @param {WPElement} props.children Content of the canvas, defaults to the BlockList component.
- * @return {WPElement}               Block Breadcrumb.
+ * @param {Object}  props          Component props.
+ * @param {string}  props.height   Canvas height, defaults to 300px.
+ * @param {Array}   props.styles   Content styles to inject into the iframe.
+ * @param {Element} props.children Content of the canvas, defaults to the BlockList component.
+ * @return {Element}               Block Breadcrumb.
  */
 function BlockCanvas({
   children,
   height,
   styles
 }) {
-  return (0, _element.createElement)(ExperimentalBlockCanvas, {
+  return (0, _react.createElement)(ExperimentalBlockCanvas, {
     height: height,
     styles: styles
   }, children);

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

@@ -1 +1 @@
-{"version":3,"names":["_compose","require","_blockList","_interopRequireDefault","_editorStyles","_iframe","_writingFlow","_observeTyping","_copyHandler","_blockSelectionClearer","ExperimentalBlockCanvas","shouldIframe","height","children","_element","createElement","default","styles","contentRef","contentRefProp","iframeProps","resetTypingRef","useMouseMoveTypingReset","copyHandler","useClipboardHandler","clearerRef","useBlockSelectionClearer","useMergeRefs","Fragment","scope","ref","className","tabIndex","style","width","name","BlockCanvas","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-canvas/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BlockList from '../block-list';\nimport EditorStyles from '../editor-styles';\nimport Iframe from '../iframe';\nimport WritingFlow from '../writing-flow';\nimport { useMouseMoveTypingReset } from '../observe-typing';\nimport { useClipboardHandler } from '../copy-handler';\nimport { useBlockSelectionClearer } from '../block-selection-clearer';\n\nexport function ExperimentalBlockCanvas( {\n\tshouldIframe = true,\n\theight = '300px',\n\tchildren = <BlockList />,\n\tstyles,\n\tcontentRef: contentRefProp,\n\tiframeProps,\n} ) {\n\tconst resetTypingRef = useMouseMoveTypingReset();\n\tconst copyHandler = useClipboardHandler();\n\tconst clearerRef = useBlockSelectionClearer();\n\tconst contentRef = useMergeRefs( [\n\t\tcopyHandler,\n\t\tcontentRefProp,\n\t\tclearerRef,\n\t] );\n\n\tif ( ! shouldIframe ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<EditorStyles\n\t\t\t\t\tstyles={ styles }\n\t\t\t\t\tscope=\".editor-styles-wrapper\"\n\t\t\t\t/>\n\t\t\t\t<WritingFlow\n\t\t\t\t\tref={ contentRef }\n\t\t\t\t\tclassName=\"editor-styles-wrapper\"\n\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t\tstyle={ { height } }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</WritingFlow>\n\t\t\t</>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Iframe\n\t\t\t{ ...iframeProps }\n\t\t\tref={ resetTypingRef }\n\t\t\tcontentRef={ contentRef }\n\t\t\tstyle={ {\n\t\t\t\twidth: '100%',\n\t\t\t\theight,\n\t\t\t\t...iframeProps?.style,\n\t\t\t} }\n\t\t\tname=\"editor-canvas\"\n\t\t>\n\t\t\t<EditorStyles styles={ styles } />\n\t\t\t{ children }\n\t\t</Iframe>\n\t);\n}\n\n/**\n * BlockCanvas component is a component used to display the canvas of the block editor.\n * What we call the canvas is an iframe containing the block list that you can manipulate.\n * The component is also responsible of wiring up all the necessary hooks to enable\n * the keyboard navigation across blocks in the editor and inject content styles into the iframe.\n *\n * @example\n *\n * ```jsx\n * function MyBlockEditor() {\n *   const [ blocks, updateBlocks ] = useState([]);\n *   return (\n *     <BlockEditorProvider\n *       value={ blocks }\n *       onInput={ updateBlocks }\n *       onChange={ persistBlocks }\n *      >\n *        <BlockCanvas height=\"400px\" />\n *      </BlockEditorProvider>\n *    );\n * }\n * ```\n *\n * @param {Object}    props          Component props.\n * @param {string}    props.height   Canvas height, defaults to 300px.\n * @param {Array}     props.styles   Content styles to inject into the iframe.\n * @param {WPElement} props.children Content of the canvas, defaults to the BlockList component.\n * @return {WPElement}               Block Breadcrumb.\n */\nfunction BlockCanvas( { children, height, styles } ) {\n\treturn (\n\t\t<ExperimentalBlockCanvas height={ height } styles={ styles }>\n\t\t\t{ children }\n\t\t</ExperimentalBlockCanvas>\n\t);\n}\n\nexport default BlockCanvas;\n"],"mappings":";;;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,OAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,sBAAA,GAAAR,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AASO,SAASS,uBAAuBA,CAAE;EACxCC,YAAY,GAAG,IAAI;EACnBC,MAAM,GAAG,OAAO;EAChBC,QAAQ,GAAG,IAAAC,QAAA,CAAAC,aAAA,EAACb,UAAA,CAAAc,OAAS,MAAE,CAAC;EACxBC,MAAM;EACNC,UAAU,EAAEC,cAAc;EAC1BC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAG,IAAAC,sCAAuB,EAAC,CAAC;EAChD,MAAMC,WAAW,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACzC,MAAMC,UAAU,GAAG,IAAAC,+CAAwB,EAAC,CAAC;EAC7C,MAAMR,UAAU,GAAG,IAAAS,qBAAY,EAAE,CAChCJ,WAAW,EACXJ,cAAc,EACdM,UAAU,CACT,CAAC;EAEH,IAAK,CAAEd,YAAY,EAAG;IACrB,OACC,IAAAG,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAc,QAAA,QACC,IAAAd,QAAA,CAAAC,aAAA,EAACX,aAAA,CAAAY,OAAY;MACZC,MAAM,EAAGA,MAAQ;MACjBY,KAAK,EAAC;IAAwB,CAC9B,CAAC,EACF,IAAAf,QAAA,CAAAC,aAAA,EAACT,YAAA,CAAAU,OAAW;MACXc,GAAG,EAAGZ,UAAY;MAClBa,SAAS,EAAC,uBAAuB;MACjCC,QAAQ,EAAG,CAAC,CAAG;MACfC,KAAK,EAAG;QAAErB;MAAO;IAAG,GAElBC,QACU,CACZ,CAAC;EAEL;EAEA,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACV,OAAA,CAAAW,OAAM;IAAA,GACDI,WAAW;IAChBU,GAAG,EAAGT,cAAgB;IACtBH,UAAU,EAAGA,UAAY;IACzBe,KAAK,EAAG;MACPC,KAAK,EAAE,MAAM;MACbtB,MAAM;MACN,GAAGQ,WAAW,EAAEa;IACjB,CAAG;IACHE,IAAI,EAAC;EAAe,GAEpB,IAAArB,QAAA,CAAAC,aAAA,EAACX,aAAA,CAAAY,OAAY;IAACC,MAAM,EAAGA;EAAQ,CAAE,CAAC,EAChCJ,QACK,CAAC;AAEX;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASuB,WAAWA,CAAE;EAAEvB,QAAQ;EAAED,MAAM;EAAEK;AAAO,CAAC,EAAG;EACpD,OACC,IAAAH,QAAA,CAAAC,aAAA,EAACL,uBAAuB;IAACE,MAAM,EAAGA,MAAQ;IAACK,MAAM,EAAGA;EAAQ,GACzDJ,QACsB,CAAC;AAE5B;AAAC,IAAAwB,QAAA,GAEcD,WAAW;AAAAE,OAAA,CAAAtB,OAAA,GAAAqB,QAAA"}
+{"version":3,"names":["_compose","require","_blockList","_interopRequireDefault","_editorStyles","_iframe","_writingFlow","_observeTyping","_blockSelectionClearer","ExperimentalBlockCanvas","shouldIframe","height","children","_react","createElement","default","styles","contentRef","contentRefProp","iframeProps","resetTypingRef","useMouseMoveTypingReset","clearerRef","useBlockSelectionClearer","useMergeRefs","Fragment","scope","ref","className","tabIndex","style","width","name","BlockCanvas","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-canvas/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BlockList from '../block-list';\nimport EditorStyles from '../editor-styles';\nimport Iframe from '../iframe';\nimport WritingFlow from '../writing-flow';\nimport { useMouseMoveTypingReset } from '../observe-typing';\nimport { useBlockSelectionClearer } from '../block-selection-clearer';\n\nexport function ExperimentalBlockCanvas( {\n\tshouldIframe = true,\n\theight = '300px',\n\tchildren = <BlockList />,\n\tstyles,\n\tcontentRef: contentRefProp,\n\tiframeProps,\n} ) {\n\tconst resetTypingRef = useMouseMoveTypingReset();\n\tconst clearerRef = useBlockSelectionClearer();\n\tconst contentRef = useMergeRefs( [ contentRefProp, clearerRef ] );\n\n\tif ( ! shouldIframe ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<EditorStyles\n\t\t\t\t\tstyles={ styles }\n\t\t\t\t\tscope=\".editor-styles-wrapper\"\n\t\t\t\t/>\n\t\t\t\t<WritingFlow\n\t\t\t\t\tref={ contentRef }\n\t\t\t\t\tclassName=\"editor-styles-wrapper\"\n\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t\tstyle={ { height } }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</WritingFlow>\n\t\t\t</>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Iframe\n\t\t\t{ ...iframeProps }\n\t\t\tref={ resetTypingRef }\n\t\t\tcontentRef={ contentRef }\n\t\t\tstyle={ {\n\t\t\t\twidth: '100%',\n\t\t\t\theight,\n\t\t\t\t...iframeProps?.style,\n\t\t\t} }\n\t\t\tname=\"editor-canvas\"\n\t\t>\n\t\t\t<EditorStyles styles={ styles } />\n\t\t\t{ children }\n\t\t</Iframe>\n\t);\n}\n\n/**\n * BlockCanvas component is a component used to display the canvas of the block editor.\n * What we call the canvas is an iframe containing the block list that you can manipulate.\n * The component is also responsible of wiring up all the necessary hooks to enable\n * the keyboard navigation across blocks in the editor and inject content styles into the iframe.\n *\n * @example\n *\n * ```jsx\n * function MyBlockEditor() {\n *   const [ blocks, updateBlocks ] = useState([]);\n *   return (\n *     <BlockEditorProvider\n *       value={ blocks }\n *       onInput={ updateBlocks }\n *       onChange={ persistBlocks }\n *      >\n *        <BlockCanvas height=\"400px\" />\n *      </BlockEditorProvider>\n *    );\n * }\n * ```\n *\n * @param {Object}  props          Component props.\n * @param {string}  props.height   Canvas height, defaults to 300px.\n * @param {Array}   props.styles   Content styles to inject into the iframe.\n * @param {Element} props.children Content of the canvas, defaults to the BlockList component.\n * @return {Element}               Block Breadcrumb.\n */\nfunction BlockCanvas( { children, height, styles } ) {\n\treturn (\n\t\t<ExperimentalBlockCanvas height={ height } styles={ styles }>\n\t\t\t{ children }\n\t\t</ExperimentalBlockCanvas>\n\t);\n}\n\nexport default BlockCanvas;\n"],"mappings":";;;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,OAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAP,OAAA;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAQO,SAASQ,uBAAuBA,CAAE;EACxCC,YAAY,GAAG,IAAI;EACnBC,MAAM,GAAG,OAAO;EAChBC,QAAQ,GAAG,IAAAC,MAAA,CAAAC,aAAA,EAACZ,UAAA,CAAAa,OAAS,MAAE,CAAC;EACxBC,MAAM;EACNC,UAAU,EAAEC,cAAc;EAC1BC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAG,IAAAC,sCAAuB,EAAC,CAAC;EAChD,MAAMC,UAAU,GAAG,IAAAC,+CAAwB,EAAC,CAAC;EAC7C,MAAMN,UAAU,GAAG,IAAAO,qBAAY,EAAE,CAAEN,cAAc,EAAEI,UAAU,CAAG,CAAC;EAEjE,IAAK,CAAEZ,YAAY,EAAG;IACrB,OACC,IAAAG,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAY,QAAA,QACC,IAAAZ,MAAA,CAAAC,aAAA,EAACV,aAAA,CAAAW,OAAY;MACZC,MAAM,EAAGA,MAAQ;MACjBU,KAAK,EAAC;IAAwB,CAC9B,CAAC,EACF,IAAAb,MAAA,CAAAC,aAAA,EAACR,YAAA,CAAAS,OAAW;MACXY,GAAG,EAAGV,UAAY;MAClBW,SAAS,EAAC,uBAAuB;MACjCC,QAAQ,EAAG,CAAC,CAAG;MACfC,KAAK,EAAG;QAAEnB;MAAO;IAAG,GAElBC,QACU,CACZ,CAAC;EAEL;EAEA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACT,OAAA,CAAAU,OAAM;IAAA,GACDI,WAAW;IAChBQ,GAAG,EAAGP,cAAgB;IACtBH,UAAU,EAAGA,UAAY;IACzBa,KAAK,EAAG;MACPC,KAAK,EAAE,MAAM;MACbpB,MAAM;MACN,GAAGQ,WAAW,EAAEW;IACjB,CAAG;IACHE,IAAI,EAAC;EAAe,GAEpB,IAAAnB,MAAA,CAAAC,aAAA,EAACV,aAAA,CAAAW,OAAY;IAACC,MAAM,EAAGA;EAAQ,CAAE,CAAC,EAChCJ,QACK,CAAC;AAEX;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASqB,WAAWA,CAAE;EAAErB,QAAQ;EAAED,MAAM;EAAEK;AAAO,CAAC,EAAG;EACpD,OACC,IAAAH,MAAA,CAAAC,aAAA,EAACL,uBAAuB;IAACE,MAAM,EAAGA,MAAQ;IAACK,MAAM,EAAGA;EAAQ,GACzDJ,QACsB,CAAC;AAE5B;AAAC,IAAAsB,QAAA,GAEcD,WAAW;AAAAE,OAAA,CAAApB,OAAA,GAAAmB,QAAA"}

package/build/components/block-caption/index.native.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _blockEditor = require("@wordpress/block-editor");
 var _compose = require("@wordpress/compose");
@@ -35,9 +35,9 @@ const BlockCaption = ({
   shouldDisplay,
   text,
   insertBlocksAfter
-}) => (0, _element.createElement)(_reactNative.View, {
+}) => (0, _react.createElement)(_reactNative.View, {
   style: [_styles.default.container, shouldDisplay && _styles.default.padding]
-}, (0, _element.createElement)(_blockEditor.Caption, {
+}, (0, _react.createElement)(_blockEditor.Caption, {
   accessibilityLabelCreator: accessibilityLabelCreator,
   accessible: accessible,
   isSelected: isSelected,

package/build/components/block-caption/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_blockEditor","_compose","_data","_blocks","_styles","_interopRequireDefault","_store","BlockCaption","accessible","accessibilityLabelCreator","onBlur","onChange","onFocus","isSelected","shouldDisplay","text","insertBlocksAfter","_element","createElement","View","style","styles","container","padding","Caption","value","_default","compose","withSelect","select","clientId","getBlockAttributes","getSelectedBlockClientId","getBlockName","getBlockRootClientId","blockEditorStore","caption","isBlockSelected","parentId","parentBlockName","hideCaption","hasBlockSupport","RichText","isEmpty","withDispatch","dispatch","updateBlockAttributes","exports","default"],"sources":["@wordpress/block-editor/src/components/block-caption/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Caption, RichText } from '@wordpress/block-editor';\nimport { compose } from '@wordpress/compose';\nimport { withDispatch, withSelect } from '@wordpress/data';\nimport { hasBlockSupport } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { store as blockEditorStore } from '../../store';\n\nconst BlockCaption = ( {\n\taccessible,\n\taccessibilityLabelCreator,\n\tonBlur,\n\tonChange,\n\tonFocus,\n\tisSelected,\n\tshouldDisplay,\n\ttext,\n\tinsertBlocksAfter,\n} ) => (\n\t<View style={ [ styles.container, shouldDisplay && styles.padding ] }>\n\t\t<Caption\n\t\t\taccessibilityLabelCreator={ accessibilityLabelCreator }\n\t\t\taccessible={ accessible }\n\t\t\tisSelected={ isSelected }\n\t\t\tonBlur={ onBlur }\n\t\t\tonChange={ onChange }\n\t\t\tonFocus={ onFocus }\n\t\t\tshouldDisplay={ shouldDisplay }\n\t\t\tvalue={ text }\n\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t/>\n\t</View>\n);\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst {\n\t\t\tgetBlockAttributes,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetBlockName,\n\t\t\tgetBlockRootClientId,\n\t\t} = select( blockEditorStore );\n\t\tconst { caption } = getBlockAttributes( clientId ) || {};\n\t\tconst isBlockSelected = getSelectedBlockClientId() === clientId;\n\n\t\t// Detect whether the block is an inner block by checking if it has a parent block.\n\t\t// getBlockRootClientId() will return an empty string for all top-level blocks.\n\t\t// If the block is an inner block, its parent may explicitly hide child block controls.\n\t\t// See: https://github.com/wordpress-mobile/gutenberg-mobile/pull/4256\n\t\tconst parentId = getBlockRootClientId( clientId );\n\t\tconst parentBlockName = getBlockName( parentId );\n\n\t\tconst hideCaption = hasBlockSupport(\n\t\t\tparentBlockName,\n\t\t\t'__experimentalHideChildBlockControls',\n\t\t\tfalse\n\t\t);\n\n\t\t// We'll render the caption so that the soft keyboard is not forced to close on Android\n\t\t// but still hide it by setting its display style to none. See wordpress-mobile/gutenberg-mobile#1221\n\t\tconst shouldDisplay =\n\t\t\t! hideCaption &&\n\t\t\t( ! RichText.isEmpty( caption ) > 0 || isBlockSelected );\n\n\t\treturn {\n\t\t\tshouldDisplay,\n\t\t\ttext: caption,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientId } ) => {\n\t\tconst { updateBlockAttributes } = dispatch( blockEditorStore );\n\t\treturn {\n\t\t\tonChange: ( caption ) => {\n\t\t\t\tupdateBlockAttributes( clientId, { caption } );\n\t\t\t},\n\t\t};\n\t} ),\n] )( BlockCaption );\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAKA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAIA,MAAMQ,YAAY,GAAGA,CAAE;EACtBC,UAAU;EACVC,yBAAyB;EACzBC,MAAM;EACNC,QAAQ;EACRC,OAAO;EACPC,UAAU;EACVC,aAAa;EACbC,IAAI;EACJC;AACD,CAAC,KACA,IAAAC,QAAA,CAAAC,aAAA,EAACpB,YAAA,CAAAqB,IAAI;EAACC,KAAK,EAAG,CAAEC,eAAM,CAACC,SAAS,EAAER,aAAa,IAAIO,eAAM,CAACE,OAAO;AAAI,GACpE,IAAAN,QAAA,CAAAC,aAAA,EAAClB,YAAA,CAAAwB,OAAO;EACPf,yBAAyB,EAAGA,yBAA2B;EACvDD,UAAU,EAAGA,UAAY;EACzBK,UAAU,EAAGA,UAAY;EACzBH,MAAM,EAAGA,MAAQ;EACjBC,QAAQ,EAAGA,QAAU;EACrBC,OAAO,EAAGA,OAAS;EACnBE,aAAa,EAAGA,aAAe;EAC/BW,KAAK,EAAGV,IAAM;EACdC,iBAAiB,EAAGA;AAAmB,CACvC,CACI,CACN;AAAC,IAAAU,QAAA,GAEa,IAAAC,gBAAO,EAAE,CACvB,IAAAC,gBAAU,EAAE,CAAEC,MAAM,EAAE;EAAEC;AAAS,CAAC,KAAM;EACvC,MAAM;IACLC,kBAAkB;IAClBC,wBAAwB;IACxBC,YAAY;IACZC;EACD,CAAC,GAAGL,MAAM,CAAEM,YAAiB,CAAC;EAC9B,MAAM;IAAEC;EAAQ,CAAC,GAAGL,kBAAkB,CAAED,QAAS,CAAC,IAAI,CAAC,CAAC;EACxD,MAAMO,eAAe,GAAGL,wBAAwB,CAAC,CAAC,KAAKF,QAAQ;;EAE/D;EACA;EACA;EACA;EACA,MAAMQ,QAAQ,GAAGJ,oBAAoB,CAAEJ,QAAS,CAAC;EACjD,MAAMS,eAAe,GAAGN,YAAY,CAAEK,QAAS,CAAC;EAEhD,MAAME,WAAW,GAAG,IAAAC,uBAAe,EAClCF,eAAe,EACf,sCAAsC,EACtC,KACD,CAAC;;EAED;EACA;EACA,MAAMzB,aAAa,GAClB,CAAE0B,WAAW,KACX,CAAEE,qBAAQ,CAACC,OAAO,CAAEP,OAAQ,CAAC,GAAG,CAAC,IAAIC,eAAe,CAAE;EAEzD,OAAO;IACNvB,aAAa;IACbC,IAAI,EAAEqB;EACP,CAAC;AACF,CAAE,CAAC,EACH,IAAAQ,kBAAY,EAAE,CAAEC,QAAQ,EAAE;EAAEf;AAAS,CAAC,KAAM;EAC3C,MAAM;IAAEgB;EAAsB,CAAC,GAAGD,QAAQ,CAAEV,YAAiB,CAAC;EAC9D,OAAO;IACNxB,QAAQ,EAAIyB,OAAO,IAAM;MACxBU,qBAAqB,CAAEhB,QAAQ,EAAE;QAAEM;MAAQ,CAAE,CAAC;IAC/C;EACD,CAAC;AACF,CAAE,CAAC,CACF,CAAC,CAAE7B,YAAa,CAAC;AAAAwC,OAAA,CAAAC,OAAA,GAAAtB,QAAA"}
+{"version":3,"names":["_reactNative","require","_blockEditor","_compose","_data","_blocks","_styles","_interopRequireDefault","_store","BlockCaption","accessible","accessibilityLabelCreator","onBlur","onChange","onFocus","isSelected","shouldDisplay","text","insertBlocksAfter","_react","createElement","View","style","styles","container","padding","Caption","value","_default","compose","withSelect","select","clientId","getBlockAttributes","getSelectedBlockClientId","getBlockName","getBlockRootClientId","blockEditorStore","caption","isBlockSelected","parentId","parentBlockName","hideCaption","hasBlockSupport","RichText","isEmpty","withDispatch","dispatch","updateBlockAttributes","exports","default"],"sources":["@wordpress/block-editor/src/components/block-caption/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Caption, RichText } from '@wordpress/block-editor';\nimport { compose } from '@wordpress/compose';\nimport { withDispatch, withSelect } from '@wordpress/data';\nimport { hasBlockSupport } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { store as blockEditorStore } from '../../store';\n\nconst BlockCaption = ( {\n\taccessible,\n\taccessibilityLabelCreator,\n\tonBlur,\n\tonChange,\n\tonFocus,\n\tisSelected,\n\tshouldDisplay,\n\ttext,\n\tinsertBlocksAfter,\n} ) => (\n\t<View style={ [ styles.container, shouldDisplay && styles.padding ] }>\n\t\t<Caption\n\t\t\taccessibilityLabelCreator={ accessibilityLabelCreator }\n\t\t\taccessible={ accessible }\n\t\t\tisSelected={ isSelected }\n\t\t\tonBlur={ onBlur }\n\t\t\tonChange={ onChange }\n\t\t\tonFocus={ onFocus }\n\t\t\tshouldDisplay={ shouldDisplay }\n\t\t\tvalue={ text }\n\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t/>\n\t</View>\n);\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst {\n\t\t\tgetBlockAttributes,\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetBlockName,\n\t\t\tgetBlockRootClientId,\n\t\t} = select( blockEditorStore );\n\t\tconst { caption } = getBlockAttributes( clientId ) || {};\n\t\tconst isBlockSelected = getSelectedBlockClientId() === clientId;\n\n\t\t// Detect whether the block is an inner block by checking if it has a parent block.\n\t\t// getBlockRootClientId() will return an empty string for all top-level blocks.\n\t\t// If the block is an inner block, its parent may explicitly hide child block controls.\n\t\t// See: https://github.com/wordpress-mobile/gutenberg-mobile/pull/4256\n\t\tconst parentId = getBlockRootClientId( clientId );\n\t\tconst parentBlockName = getBlockName( parentId );\n\n\t\tconst hideCaption = hasBlockSupport(\n\t\t\tparentBlockName,\n\t\t\t'__experimentalHideChildBlockControls',\n\t\t\tfalse\n\t\t);\n\n\t\t// We'll render the caption so that the soft keyboard is not forced to close on Android\n\t\t// but still hide it by setting its display style to none. See wordpress-mobile/gutenberg-mobile#1221\n\t\tconst shouldDisplay =\n\t\t\t! hideCaption &&\n\t\t\t( ! RichText.isEmpty( caption ) > 0 || isBlockSelected );\n\n\t\treturn {\n\t\t\tshouldDisplay,\n\t\t\ttext: caption,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientId } ) => {\n\t\tconst { updateBlockAttributes } = dispatch( blockEditorStore );\n\t\treturn {\n\t\t\tonChange: ( caption ) => {\n\t\t\t\tupdateBlockAttributes( clientId, { caption } );\n\t\t\t},\n\t\t};\n\t} ),\n] )( BlockCaption );\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAKA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAIA,MAAMQ,YAAY,GAAGA,CAAE;EACtBC,UAAU;EACVC,yBAAyB;EACzBC,MAAM;EACNC,QAAQ;EACRC,OAAO;EACPC,UAAU;EACVC,aAAa;EACbC,IAAI;EACJC;AACD,CAAC,KACA,IAAAC,MAAA,CAAAC,aAAA,EAACpB,YAAA,CAAAqB,IAAI;EAACC,KAAK,EAAG,CAAEC,eAAM,CAACC,SAAS,EAAER,aAAa,IAAIO,eAAM,CAACE,OAAO;AAAI,GACpE,IAAAN,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAAwB,OAAO;EACPf,yBAAyB,EAAGA,yBAA2B;EACvDD,UAAU,EAAGA,UAAY;EACzBK,UAAU,EAAGA,UAAY;EACzBH,MAAM,EAAGA,MAAQ;EACjBC,QAAQ,EAAGA,QAAU;EACrBC,OAAO,EAAGA,OAAS;EACnBE,aAAa,EAAGA,aAAe;EAC/BW,KAAK,EAAGV,IAAM;EACdC,iBAAiB,EAAGA;AAAmB,CACvC,CACI,CACN;AAAC,IAAAU,QAAA,GAEa,IAAAC,gBAAO,EAAE,CACvB,IAAAC,gBAAU,EAAE,CAAEC,MAAM,EAAE;EAAEC;AAAS,CAAC,KAAM;EACvC,MAAM;IACLC,kBAAkB;IAClBC,wBAAwB;IACxBC,YAAY;IACZC;EACD,CAAC,GAAGL,MAAM,CAAEM,YAAiB,CAAC;EAC9B,MAAM;IAAEC;EAAQ,CAAC,GAAGL,kBAAkB,CAAED,QAAS,CAAC,IAAI,CAAC,CAAC;EACxD,MAAMO,eAAe,GAAGL,wBAAwB,CAAC,CAAC,KAAKF,QAAQ;;EAE/D;EACA;EACA;EACA;EACA,MAAMQ,QAAQ,GAAGJ,oBAAoB,CAAEJ,QAAS,CAAC;EACjD,MAAMS,eAAe,GAAGN,YAAY,CAAEK,QAAS,CAAC;EAEhD,MAAME,WAAW,GAAG,IAAAC,uBAAe,EAClCF,eAAe,EACf,sCAAsC,EACtC,KACD,CAAC;;EAED;EACA;EACA,MAAMzB,aAAa,GAClB,CAAE0B,WAAW,KACX,CAAEE,qBAAQ,CAACC,OAAO,CAAEP,OAAQ,CAAC,GAAG,CAAC,IAAIC,eAAe,CAAE;EAEzD,OAAO;IACNvB,aAAa;IACbC,IAAI,EAAEqB;EACP,CAAC;AACF,CAAE,CAAC,EACH,IAAAQ,kBAAY,EAAE,CAAEC,QAAQ,EAAE;EAAEf;AAAS,CAAC,KAAM;EAC3C,MAAM;IAAEgB;EAAsB,CAAC,GAAGD,QAAQ,CAAEV,YAAiB,CAAC;EAC9D,OAAO;IACNxB,QAAQ,EAAIyB,OAAO,IAAM;MACxBU,qBAAqB,CAAEhB,QAAQ,EAAE;QAAEM;MAAQ,CAAE,CAAC;IAC/C;EACD,CAAC;AACF,CAAE,CAAC,CACF,CAAC,CAAE7B,YAAa,CAAC;AAAAwC,OAAA,CAAAC,OAAA,GAAAtB,QAAA"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
 var _components = require("@wordpress/components");
@@ -59,11 +59,11 @@ function BlockCard({
   const {
     selectBlock
   } = (0, _data.useDispatch)(_store.store);
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: (0, _classnames.default)('block-editor-block-card', className)
   }, parentNavBlockClientId &&
   // This is only used by the Navigation block for now. It's not ideal having Navigation block specific code here.
-  (0, _element.createElement)(_components.Button, {
+  (0, _react.createElement)(_components.Button, {
     onClick: () => selectBlock(parentNavBlockClientId),
     label: (0, _i18n.__)('Go to parent Navigation block'),
     style:
@@ -75,14 +75,14 @@ function BlockCard({
     },
     icon: (0, _i18n.isRTL)() ? _icons.chevronRight : _icons.chevronLeft,
     isSmall: true
-  }), (0, _element.createElement)(_blockIcon.default, {
+  }), (0, _react.createElement)(_blockIcon.default, {
     icon: icon,
     showColors: true
-  }), (0, _element.createElement)("div", {
+  }), (0, _react.createElement)("div", {
     className: "block-editor-block-card__content"
-  }, (0, _element.createElement)("h2", {
+  }, (0, _react.createElement)("h2", {
     className: "block-editor-block-card__title"
-  }, title), (0, _element.createElement)("span", {
+  }, title), (0, _react.createElement)("span", {
     className: "block-editor-block-card__description"
   }, description)));
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_deprecated","_components","_icons","_i18n","_data","_blockIcon","_store","BlockCard","title","icon","description","blockType","className","deprecated","since","alternative","parentNavBlockClientId","useSelect","select","getSelectedBlockClientId","getBlockParentsByBlockName","blockEditorStore","_selectedBlockClientId","selectBlock","useDispatch","_element","createElement","classnames","Button","onClick","label","__","style","minWidth","padding","isRTL","chevronRight","chevronLeft","isSmall","default","showColors","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-card/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { Button } from '@wordpress/components';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockCard( { title, icon, description, blockType, className } ) {\n\tif ( blockType ) {\n\t\tdeprecated( '`blockType` property in `BlockCard component`', {\n\t\t\tsince: '5.7',\n\t\t\talternative: '`title, icon and description` properties',\n\t\t} );\n\t\t( { title, icon, description } = blockType );\n\t}\n\n\tconst { parentNavBlockClientId } = useSelect( ( select ) => {\n\t\tconst { getSelectedBlockClientId, getBlockParentsByBlockName } =\n\t\t\tselect( blockEditorStore );\n\n\t\tconst _selectedBlockClientId = getSelectedBlockClientId();\n\n\t\treturn {\n\t\t\tparentNavBlockClientId: getBlockParentsByBlockName(\n\t\t\t\t_selectedBlockClientId,\n\t\t\t\t'core/navigation',\n\t\t\t\ttrue\n\t\t\t)[ 0 ],\n\t\t};\n\t}, [] );\n\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<div className={ classnames( 'block-editor-block-card', className ) }>\n\t\t\t{ parentNavBlockClientId && ( // This is only used by the Navigation block for now. It's not ideal having Navigation block specific code here.\n\t\t\t\t<Button\n\t\t\t\t\tonClick={ () => selectBlock( parentNavBlockClientId ) }\n\t\t\t\t\tlabel={ __( 'Go to parent Navigation block' ) }\n\t\t\t\t\tstyle={\n\t\t\t\t\t\t// TODO: This style override is also used in ToolsPanelHeader.\n\t\t\t\t\t\t// It should be supported out-of-the-box by Button.\n\t\t\t\t\t\t{ minWidth: 24, padding: 0 }\n\t\t\t\t\t}\n\t\t\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\t\t\tisSmall\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<BlockIcon icon={ icon } showColors />\n\t\t\t<div className=\"block-editor-block-card__content\">\n\t\t\t\t<h2 className=\"block-editor-block-card__title\">{ title }</h2>\n\t\t\t\t<span className=\"block-editor-block-card__description\">\n\t\t\t\t\t{ description }\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default BlockCard;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAKA,IAAAM,UAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;;AAIA,SAASQ,SAASA,CAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC,WAAW;EAAEC,SAAS;EAAEC;AAAU,CAAC,EAAG;EACxE,IAAKD,SAAS,EAAG;IAChB,IAAAE,mBAAU,EAAE,+CAA+C,EAAE;MAC5DC,KAAK,EAAE,KAAK;MACZC,WAAW,EAAE;IACd,CAAE,CAAC;IACH,CAAE;MAAEP,KAAK;MAAEC,IAAI;MAAEC;IAAY,CAAC,GAAGC,SAAS;EAC3C;EAEA,MAAM;IAAEK;EAAuB,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC3D,MAAM;MAAEC,wBAAwB;MAAEC;IAA2B,CAAC,GAC7DF,MAAM,CAAEG,YAAiB,CAAC;IAE3B,MAAMC,sBAAsB,GAAGH,wBAAwB,CAAC,CAAC;IAEzD,OAAO;MACNH,sBAAsB,EAAEI,0BAA0B,CACjDE,sBAAsB,EACtB,iBAAiB,EACjB,IACD,CAAC,CAAE,CAAC;IACL,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAiB,CAAC;EAEvD,OACC,IAAAI,QAAA,CAAAC,aAAA;IAAKd,SAAS,EAAG,IAAAe,mBAAU,EAAE,yBAAyB,EAAEf,SAAU;EAAG,GAClEI,sBAAsB;EAAM;EAC7B,IAAAS,QAAA,CAAAC,aAAA,EAACzB,WAAA,CAAA2B,MAAM;IACNC,OAAO,EAAGA,CAAA,KAAMN,WAAW,CAAEP,sBAAuB,CAAG;IACvDc,KAAK,EAAG,IAAAC,QAAE,EAAE,+BAAgC,CAAG;IAC/CC,KAAK;IACJ;IACA;IACA;MAAEC,QAAQ,EAAE,EAAE;MAAEC,OAAO,EAAE;IAAE,CAC3B;IACDzB,IAAI,EAAG,IAAA0B,WAAK,EAAC,CAAC,GAAGC,mBAAY,GAAGC,kBAAa;IAC7CC,OAAO;EAAA,CACP,CACD,EACD,IAAAb,QAAA,CAAAC,aAAA,EAACrB,UAAA,CAAAkC,OAAS;IAAC9B,IAAI,EAAGA,IAAM;IAAC+B,UAAU;EAAA,CAAE,CAAC,EACtC,IAAAf,QAAA,CAAAC,aAAA;IAAKd,SAAS,EAAC;EAAkC,GAChD,IAAAa,QAAA,CAAAC,aAAA;IAAId,SAAS,EAAC;EAAgC,GAAGJ,KAAW,CAAC,EAC7D,IAAAiB,QAAA,CAAAC,aAAA;IAAMd,SAAS,EAAC;EAAsC,GACnDF,WACG,CACF,CACD,CAAC;AAER;AAAC,IAAA+B,QAAA,GAEclC,SAAS;AAAAmC,OAAA,CAAAH,OAAA,GAAAE,QAAA"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_deprecated","_components","_icons","_i18n","_data","_blockIcon","_store","BlockCard","title","icon","description","blockType","className","deprecated","since","alternative","parentNavBlockClientId","useSelect","select","getSelectedBlockClientId","getBlockParentsByBlockName","blockEditorStore","_selectedBlockClientId","selectBlock","useDispatch","_react","createElement","classnames","Button","onClick","label","__","style","minWidth","padding","isRTL","chevronRight","chevronLeft","isSmall","default","showColors","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-card/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { Button } from '@wordpress/components';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockCard( { title, icon, description, blockType, className } ) {\n\tif ( blockType ) {\n\t\tdeprecated( '`blockType` property in `BlockCard component`', {\n\t\t\tsince: '5.7',\n\t\t\talternative: '`title, icon and description` properties',\n\t\t} );\n\t\t( { title, icon, description } = blockType );\n\t}\n\n\tconst { parentNavBlockClientId } = useSelect( ( select ) => {\n\t\tconst { getSelectedBlockClientId, getBlockParentsByBlockName } =\n\t\t\tselect( blockEditorStore );\n\n\t\tconst _selectedBlockClientId = getSelectedBlockClientId();\n\n\t\treturn {\n\t\t\tparentNavBlockClientId: getBlockParentsByBlockName(\n\t\t\t\t_selectedBlockClientId,\n\t\t\t\t'core/navigation',\n\t\t\t\ttrue\n\t\t\t)[ 0 ],\n\t\t};\n\t}, [] );\n\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<div className={ classnames( 'block-editor-block-card', className ) }>\n\t\t\t{ parentNavBlockClientId && ( // This is only used by the Navigation block for now. It's not ideal having Navigation block specific code here.\n\t\t\t\t<Button\n\t\t\t\t\tonClick={ () => selectBlock( parentNavBlockClientId ) }\n\t\t\t\t\tlabel={ __( 'Go to parent Navigation block' ) }\n\t\t\t\t\tstyle={\n\t\t\t\t\t\t// TODO: This style override is also used in ToolsPanelHeader.\n\t\t\t\t\t\t// It should be supported out-of-the-box by Button.\n\t\t\t\t\t\t{ minWidth: 24, padding: 0 }\n\t\t\t\t\t}\n\t\t\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\t\t\tisSmall\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<BlockIcon icon={ icon } showColors />\n\t\t\t<div className=\"block-editor-block-card__content\">\n\t\t\t\t<h2 className=\"block-editor-block-card__title\">{ title }</h2>\n\t\t\t\t<span className=\"block-editor-block-card__description\">\n\t\t\t\t\t{ description }\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default BlockCard;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAKA,IAAAM,UAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;;AAIA,SAASQ,SAASA,CAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC,WAAW;EAAEC,SAAS;EAAEC;AAAU,CAAC,EAAG;EACxE,IAAKD,SAAS,EAAG;IAChB,IAAAE,mBAAU,EAAE,+CAA+C,EAAE;MAC5DC,KAAK,EAAE,KAAK;MACZC,WAAW,EAAE;IACd,CAAE,CAAC;IACH,CAAE;MAAEP,KAAK;MAAEC,IAAI;MAAEC;IAAY,CAAC,GAAGC,SAAS;EAC3C;EAEA,MAAM;IAAEK;EAAuB,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC3D,MAAM;MAAEC,wBAAwB;MAAEC;IAA2B,CAAC,GAC7DF,MAAM,CAAEG,YAAiB,CAAC;IAE3B,MAAMC,sBAAsB,GAAGH,wBAAwB,CAAC,CAAC;IAEzD,OAAO;MACNH,sBAAsB,EAAEI,0BAA0B,CACjDE,sBAAsB,EACtB,iBAAiB,EACjB,IACD,CAAC,CAAE,CAAC;IACL,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAiB,CAAC;EAEvD,OACC,IAAAI,MAAA,CAAAC,aAAA;IAAKd,SAAS,EAAG,IAAAe,mBAAU,EAAE,yBAAyB,EAAEf,SAAU;EAAG,GAClEI,sBAAsB;EAAM;EAC7B,IAAAS,MAAA,CAAAC,aAAA,EAACzB,WAAA,CAAA2B,MAAM;IACNC,OAAO,EAAGA,CAAA,KAAMN,WAAW,CAAEP,sBAAuB,CAAG;IACvDc,KAAK,EAAG,IAAAC,QAAE,EAAE,+BAAgC,CAAG;IAC/CC,KAAK;IACJ;IACA;IACA;MAAEC,QAAQ,EAAE,EAAE;MAAEC,OAAO,EAAE;IAAE,CAC3B;IACDzB,IAAI,EAAG,IAAA0B,WAAK,EAAC,CAAC,GAAGC,mBAAY,GAAGC,kBAAa;IAC7CC,OAAO;EAAA,CACP,CACD,EACD,IAAAb,MAAA,CAAAC,aAAA,EAACrB,UAAA,CAAAkC,OAAS;IAAC9B,IAAI,EAAGA,IAAM;IAAC+B,UAAU;EAAA,CAAE,CAAC,EACtC,IAAAf,MAAA,CAAAC,aAAA;IAAKd,SAAS,EAAC;EAAkC,GAChD,IAAAa,MAAA,CAAAC,aAAA;IAAId,SAAS,EAAC;EAAgC,GAAGJ,KAAW,CAAC,EAC7D,IAAAiB,MAAA,CAAAC,aAAA;IAAMd,SAAS,EAAC;EAAsC,GACnDF,WACG,CACF,CACD,CAAC;AAER;AAAC,IAAA+B,QAAA,GAEclC,SAAS;AAAAmC,OAAA,CAAAH,OAAA,GAAAE,QAAA"}

package/build/components/block-compare/block-view.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockView;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
 var _dom = require("@wordpress/dom");
 /**
  * WordPress dependencies
@@ -19,19 +20,19 @@ function BlockView({
   actionText,
   className
 }) {
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: className
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: "block-editor-block-compare__content"
-  }, (0, _element.createElement)("h2", {
+  }, (0, _react.createElement)("h2", {
     className: "block-editor-block-compare__heading"
-  }, title), (0, _element.createElement)("div", {
+  }, title), (0, _react.createElement)("div", {
     className: "block-editor-block-compare__html"
-  }, rawContent), (0, _element.createElement)("div", {
+  }, rawContent), (0, _react.createElement)("div", {
     className: "block-editor-block-compare__preview edit-post-visual-editor"
-  }, (0, _element.createElement)(_element.RawHTML, null, (0, _dom.safeHTML)(renderedContent)))), (0, _element.createElement)("div", {
+  }, (0, _react.createElement)(_element.RawHTML, null, (0, _dom.safeHTML)(renderedContent)))), (0, _react.createElement)("div", {
     className: "block-editor-block-compare__action"
-  }, (0, _element.createElement)(_components.Button, {
+  }, (0, _react.createElement)(_components.Button, {
     variant: "secondary",
     tabIndex: "0",
     onClick: action

package/build/components/block-compare/block-view.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_dom","BlockView","title","rawContent","renderedContent","action","actionText","className","createElement","RawHTML","safeHTML","Button","variant","tabIndex","onClick"],"sources":["@wordpress/block-editor/src/components/block-compare/block-view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { RawHTML } from '@wordpress/element';\nimport { safeHTML } from '@wordpress/dom';\n\nexport default function BlockView( {\n\ttitle,\n\trawContent,\n\trenderedContent,\n\taction,\n\tactionText,\n\tclassName,\n} ) {\n\treturn (\n\t\t<div className={ className }>\n\t\t\t<div className=\"block-editor-block-compare__content\">\n\t\t\t\t<h2 className=\"block-editor-block-compare__heading\">\n\t\t\t\t\t{ title }\n\t\t\t\t</h2>\n\n\t\t\t\t<div className=\"block-editor-block-compare__html\">\n\t\t\t\t\t{ rawContent }\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"block-editor-block-compare__preview edit-post-visual-editor\">\n\t\t\t\t\t<RawHTML>{ safeHTML( renderedContent ) }</RawHTML>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"block-editor-block-compare__action\">\n\t\t\t\t<Button variant=\"secondary\" tabIndex=\"0\" onClick={ action }>\n\t\t\t\t\t{ actionText }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAIA,IAAAA,QAAA,GAAAC,OAAA;AADA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,IAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKe,SAASG,SAASA,CAAE;EAClCC,KAAK;EACLC,UAAU;EACVC,eAAe;EACfC,MAAM;EACNC,UAAU;EACVC;AACD,CAAC,EAAG;EACH,OACC,IAAAV,QAAA,CAAAW,aAAA;IAAKD,SAAS,EAAGA;EAAW,GAC3B,IAAAV,QAAA,CAAAW,aAAA;IAAKD,SAAS,EAAC;EAAqC,GACnD,IAAAV,QAAA,CAAAW,aAAA;IAAID,SAAS,EAAC;EAAqC,GAChDL,KACC,CAAC,EAEL,IAAAL,QAAA,CAAAW,aAAA;IAAKD,SAAS,EAAC;EAAkC,GAC9CJ,UACE,CAAC,EAEN,IAAAN,QAAA,CAAAW,aAAA;IAAKD,SAAS,EAAC;EAA6D,GAC3E,IAAAV,QAAA,CAAAW,aAAA,EAACX,QAAA,CAAAY,OAAO,QAAG,IAAAC,aAAQ,EAAEN,eAAgB,CAAY,CAC7C,CACD,CAAC,EAEN,IAAAP,QAAA,CAAAW,aAAA;IAAKD,SAAS,EAAC;EAAoC,GAClD,IAAAV,QAAA,CAAAW,aAAA,EAACT,WAAA,CAAAY,MAAM;IAACC,OAAO,EAAC,WAAW;IAACC,QAAQ,EAAC,GAAG;IAACC,OAAO,EAAGT;EAAQ,GACxDC,UACK,CACJ,CACD,CAAC;AAER"}
+{"version":3,"names":["_components","require","_element","_dom","BlockView","title","rawContent","renderedContent","action","actionText","className","_react","createElement","RawHTML","safeHTML","Button","variant","tabIndex","onClick"],"sources":["@wordpress/block-editor/src/components/block-compare/block-view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { RawHTML } from '@wordpress/element';\nimport { safeHTML } from '@wordpress/dom';\n\nexport default function BlockView( {\n\ttitle,\n\trawContent,\n\trenderedContent,\n\taction,\n\tactionText,\n\tclassName,\n} ) {\n\treturn (\n\t\t<div className={ className }>\n\t\t\t<div className=\"block-editor-block-compare__content\">\n\t\t\t\t<h2 className=\"block-editor-block-compare__heading\">\n\t\t\t\t\t{ title }\n\t\t\t\t</h2>\n\n\t\t\t\t<div className=\"block-editor-block-compare__html\">\n\t\t\t\t\t{ rawContent }\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"block-editor-block-compare__preview edit-post-visual-editor\">\n\t\t\t\t\t<RawHTML>{ safeHTML( renderedContent ) }</RawHTML>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"block-editor-block-compare__action\">\n\t\t\t\t<Button variant=\"secondary\" tabIndex=\"0\" onClick={ action }>\n\t\t\t\t\t{ actionText }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKe,SAASG,SAASA,CAAE;EAClCC,KAAK;EACLC,UAAU;EACVC,eAAe;EACfC,MAAM;EACNC,UAAU;EACVC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA;IAAKF,SAAS,EAAGA;EAAW,GAC3B,IAAAC,MAAA,CAAAC,aAAA;IAAKF,SAAS,EAAC;EAAqC,GACnD,IAAAC,MAAA,CAAAC,aAAA;IAAIF,SAAS,EAAC;EAAqC,GAChDL,KACC,CAAC,EAEL,IAAAM,MAAA,CAAAC,aAAA;IAAKF,SAAS,EAAC;EAAkC,GAC9CJ,UACE,CAAC,EAEN,IAAAK,MAAA,CAAAC,aAAA;IAAKF,SAAS,EAAC;EAA6D,GAC3E,IAAAC,MAAA,CAAAC,aAAA,EAACV,QAAA,CAAAW,OAAO,QAAG,IAAAC,aAAQ,EAAEP,eAAgB,CAAY,CAC7C,CACD,CAAC,EAEN,IAAAI,MAAA,CAAAC,aAAA;IAAKF,SAAS,EAAC;EAAoC,GAClD,IAAAC,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAe,MAAM;IAACC,OAAO,EAAC,WAAW;IAACC,QAAQ,EAAC,GAAG;IAACC,OAAO,EAAGV;EAAQ,GACxDC,UACK,CACJ,CACD,CAAC;AAER"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _character = require("diff/lib/diff/character");
 var _i18n = require("@wordpress/i18n");
@@ -40,7 +40,7 @@ function BlockCompare({
         'block-editor-block-compare__added': item.added,
         'block-editor-block-compare__removed': item.removed
       });
-      return (0, _element.createElement)("span", {
+      return (0, _react.createElement)("span", {
         key: pos,
         className: classes
       }, item.value);
@@ -56,16 +56,16 @@ function BlockCompare({
   }
   const converted = getConvertedContent(convertor(block));
   const difference = getDifference(block.originalContent, converted);
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: "block-editor-block-compare__wrapper"
-  }, (0, _element.createElement)(_blockView.default, {
+  }, (0, _react.createElement)(_blockView.default, {
     title: (0, _i18n.__)('Current'),
     className: "block-editor-block-compare__current",
     action: onKeep,
     actionText: (0, _i18n.__)('Convert to HTML'),
     rawContent: block.originalContent,
     renderedContent: block.originalContent
-  }), (0, _element.createElement)(_blockView.default, {
+  }), (0, _react.createElement)(_blockView.default, {
     title: (0, _i18n.__)('After Conversion'),
     className: "block-editor-block-compare__converted",
     action: onConvert,

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_character","_i18n","_blocks","_blockView","BlockCompare","block","onKeep","onConvert","convertor","convertButtonText","getDifference","originalContent","newContent","difference","diffChars","map","item","pos","classes","classnames","added","removed","_element","createElement","key","className","value","getConvertedContent","convertedBlock","newBlocks","Array","isArray","getSaveContent","name","attributes","innerBlocks","join","converted","default","title","__","action","actionText","rawContent","renderedContent","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-compare/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n// diff doesn't tree-shake correctly, so we import from the individual\n// module here, to avoid including too much of the library\nimport { diffChars } from 'diff/lib/diff/character';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { getSaveContent } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport BlockView from './block-view';\n\nfunction BlockCompare( {\n\tblock,\n\tonKeep,\n\tonConvert,\n\tconvertor,\n\tconvertButtonText,\n} ) {\n\tfunction getDifference( originalContent, newContent ) {\n\t\tconst difference = diffChars( originalContent, newContent );\n\n\t\treturn difference.map( ( item, pos ) => {\n\t\t\tconst classes = classnames( {\n\t\t\t\t'block-editor-block-compare__added': item.added,\n\t\t\t\t'block-editor-block-compare__removed': item.removed,\n\t\t\t} );\n\n\t\t\treturn (\n\t\t\t\t<span key={ pos } className={ classes }>\n\t\t\t\t\t{ item.value }\n\t\t\t\t</span>\n\t\t\t);\n\t\t} );\n\t}\n\n\tfunction getConvertedContent( convertedBlock ) {\n\t\t// The convertor may return an array of items or a single item.\n\t\tconst newBlocks = Array.isArray( convertedBlock )\n\t\t\t? convertedBlock\n\t\t\t: [ convertedBlock ];\n\n\t\t// Get converted block details.\n\t\tconst newContent = newBlocks.map( ( item ) =>\n\t\t\tgetSaveContent( item.name, item.attributes, item.innerBlocks )\n\t\t);\n\n\t\treturn newContent.join( '' );\n\t}\n\n\tconst converted = getConvertedContent( convertor( block ) );\n\tconst difference = getDifference( block.originalContent, converted );\n\n\treturn (\n\t\t<div className=\"block-editor-block-compare__wrapper\">\n\t\t\t<BlockView\n\t\t\t\ttitle={ __( 'Current' ) }\n\t\t\t\tclassName=\"block-editor-block-compare__current\"\n\t\t\t\taction={ onKeep }\n\t\t\t\tactionText={ __( 'Convert to HTML' ) }\n\t\t\t\trawContent={ block.originalContent }\n\t\t\t\trenderedContent={ block.originalContent }\n\t\t\t/>\n\n\t\t\t<BlockView\n\t\t\t\ttitle={ __( 'After Conversion' ) }\n\t\t\t\tclassName=\"block-editor-block-compare__converted\"\n\t\t\t\taction={ onConvert }\n\t\t\t\tactionText={ convertButtonText }\n\t\t\t\trawContent={ difference }\n\t\t\t\trenderedContent={ converted }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport default BlockCompare;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,UAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAKA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AAjBA;AACA;AACA;;AAEA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,SAASK,YAAYA,CAAE;EACtBC,KAAK;EACLC,MAAM;EACNC,SAAS;EACTC,SAAS;EACTC;AACD,CAAC,EAAG;EACH,SAASC,aAAaA,CAAEC,eAAe,EAAEC,UAAU,EAAG;IACrD,MAAMC,UAAU,GAAG,IAAAC,oBAAS,EAAEH,eAAe,EAAEC,UAAW,CAAC;IAE3D,OAAOC,UAAU,CAACE,GAAG,CAAE,CAAEC,IAAI,EAAEC,GAAG,KAAM;MACvC,MAAMC,OAAO,GAAG,IAAAC,mBAAU,EAAE;QAC3B,mCAAmC,EAAEH,IAAI,CAACI,KAAK;QAC/C,qCAAqC,EAAEJ,IAAI,CAACK;MAC7C,CAAE,CAAC;MAEH,OACC,IAAAC,QAAA,CAAAC,aAAA;QAAMC,GAAG,EAAGP,GAAK;QAACQ,SAAS,EAAGP;MAAS,GACpCF,IAAI,CAACU,KACF,CAAC;IAET,CAAE,CAAC;EACJ;EAEA,SAASC,mBAAmBA,CAAEC,cAAc,EAAG;IAC9C;IACA,MAAMC,SAAS,GAAGC,KAAK,CAACC,OAAO,CAAEH,cAAe,CAAC,GAC9CA,cAAc,GACd,CAAEA,cAAc,CAAE;;IAErB;IACA,MAAMhB,UAAU,GAAGiB,SAAS,CAACd,GAAG,CAAIC,IAAI,IACvC,IAAAgB,sBAAc,EAAEhB,IAAI,CAACiB,IAAI,EAAEjB,IAAI,CAACkB,UAAU,EAAElB,IAAI,CAACmB,WAAY,CAC9D,CAAC;IAED,OAAOvB,UAAU,CAACwB,IAAI,CAAE,EAAG,CAAC;EAC7B;EAEA,MAAMC,SAAS,GAAGV,mBAAmB,CAAEnB,SAAS,CAAEH,KAAM,CAAE,CAAC;EAC3D,MAAMQ,UAAU,GAAGH,aAAa,CAAEL,KAAK,CAACM,eAAe,EAAE0B,SAAU,CAAC;EAEpE,OACC,IAAAf,QAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAAqC,GACnD,IAAAH,QAAA,CAAAC,aAAA,EAACpB,UAAA,CAAAmC,OAAS;IACTC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBf,SAAS,EAAC,qCAAqC;IAC/CgB,MAAM,EAAGnC,MAAQ;IACjBoC,UAAU,EAAG,IAAAF,QAAE,EAAE,iBAAkB,CAAG;IACtCG,UAAU,EAAGtC,KAAK,CAACM,eAAiB;IACpCiC,eAAe,EAAGvC,KAAK,CAACM;EAAiB,CACzC,CAAC,EAEF,IAAAW,QAAA,CAAAC,aAAA,EAACpB,UAAA,CAAAmC,OAAS;IACTC,KAAK,EAAG,IAAAC,QAAE,EAAE,kBAAmB,CAAG;IAClCf,SAAS,EAAC,uCAAuC;IACjDgB,MAAM,EAAGlC,SAAW;IACpBmC,UAAU,EAAGjC,iBAAmB;IAChCkC,UAAU,EAAG9B,UAAY;IACzB+B,eAAe,EAAGP;EAAW,CAC7B,CACG,CAAC;AAER;AAAC,IAAAQ,QAAA,GAEczC,YAAY;AAAA0C,OAAA,CAAAR,OAAA,GAAAO,QAAA"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_character","_i18n","_blocks","_blockView","BlockCompare","block","onKeep","onConvert","convertor","convertButtonText","getDifference","originalContent","newContent","difference","diffChars","map","item","pos","classes","classnames","added","removed","_react","createElement","key","className","value","getConvertedContent","convertedBlock","newBlocks","Array","isArray","getSaveContent","name","attributes","innerBlocks","join","converted","default","title","__","action","actionText","rawContent","renderedContent","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-compare/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n// diff doesn't tree-shake correctly, so we import from the individual\n// module here, to avoid including too much of the library\nimport { diffChars } from 'diff/lib/diff/character';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { getSaveContent } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport BlockView from './block-view';\n\nfunction BlockCompare( {\n\tblock,\n\tonKeep,\n\tonConvert,\n\tconvertor,\n\tconvertButtonText,\n} ) {\n\tfunction getDifference( originalContent, newContent ) {\n\t\tconst difference = diffChars( originalContent, newContent );\n\n\t\treturn difference.map( ( item, pos ) => {\n\t\t\tconst classes = classnames( {\n\t\t\t\t'block-editor-block-compare__added': item.added,\n\t\t\t\t'block-editor-block-compare__removed': item.removed,\n\t\t\t} );\n\n\t\t\treturn (\n\t\t\t\t<span key={ pos } className={ classes }>\n\t\t\t\t\t{ item.value }\n\t\t\t\t</span>\n\t\t\t);\n\t\t} );\n\t}\n\n\tfunction getConvertedContent( convertedBlock ) {\n\t\t// The convertor may return an array of items or a single item.\n\t\tconst newBlocks = Array.isArray( convertedBlock )\n\t\t\t? convertedBlock\n\t\t\t: [ convertedBlock ];\n\n\t\t// Get converted block details.\n\t\tconst newContent = newBlocks.map( ( item ) =>\n\t\t\tgetSaveContent( item.name, item.attributes, item.innerBlocks )\n\t\t);\n\n\t\treturn newContent.join( '' );\n\t}\n\n\tconst converted = getConvertedContent( convertor( block ) );\n\tconst difference = getDifference( block.originalContent, converted );\n\n\treturn (\n\t\t<div className=\"block-editor-block-compare__wrapper\">\n\t\t\t<BlockView\n\t\t\t\ttitle={ __( 'Current' ) }\n\t\t\t\tclassName=\"block-editor-block-compare__current\"\n\t\t\t\taction={ onKeep }\n\t\t\t\tactionText={ __( 'Convert to HTML' ) }\n\t\t\t\trawContent={ block.originalContent }\n\t\t\t\trenderedContent={ block.originalContent }\n\t\t\t/>\n\n\t\t\t<BlockView\n\t\t\t\ttitle={ __( 'After Conversion' ) }\n\t\t\t\tclassName=\"block-editor-block-compare__converted\"\n\t\t\t\taction={ onConvert }\n\t\t\t\tactionText={ convertButtonText }\n\t\t\t\trawContent={ difference }\n\t\t\t\trenderedContent={ converted }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport default BlockCompare;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,UAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAKA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AAjBA;AACA;AACA;;AAEA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,SAASK,YAAYA,CAAE;EACtBC,KAAK;EACLC,MAAM;EACNC,SAAS;EACTC,SAAS;EACTC;AACD,CAAC,EAAG;EACH,SAASC,aAAaA,CAAEC,eAAe,EAAEC,UAAU,EAAG;IACrD,MAAMC,UAAU,GAAG,IAAAC,oBAAS,EAAEH,eAAe,EAAEC,UAAW,CAAC;IAE3D,OAAOC,UAAU,CAACE,GAAG,CAAE,CAAEC,IAAI,EAAEC,GAAG,KAAM;MACvC,MAAMC,OAAO,GAAG,IAAAC,mBAAU,EAAE;QAC3B,mCAAmC,EAAEH,IAAI,CAACI,KAAK;QAC/C,qCAAqC,EAAEJ,IAAI,CAACK;MAC7C,CAAE,CAAC;MAEH,OACC,IAAAC,MAAA,CAAAC,aAAA;QAAMC,GAAG,EAAGP,GAAK;QAACQ,SAAS,EAAGP;MAAS,GACpCF,IAAI,CAACU,KACF,CAAC;IAET,CAAE,CAAC;EACJ;EAEA,SAASC,mBAAmBA,CAAEC,cAAc,EAAG;IAC9C;IACA,MAAMC,SAAS,GAAGC,KAAK,CAACC,OAAO,CAAEH,cAAe,CAAC,GAC9CA,cAAc,GACd,CAAEA,cAAc,CAAE;;IAErB;IACA,MAAMhB,UAAU,GAAGiB,SAAS,CAACd,GAAG,CAAIC,IAAI,IACvC,IAAAgB,sBAAc,EAAEhB,IAAI,CAACiB,IAAI,EAAEjB,IAAI,CAACkB,UAAU,EAAElB,IAAI,CAACmB,WAAY,CAC9D,CAAC;IAED,OAAOvB,UAAU,CAACwB,IAAI,CAAE,EAAG,CAAC;EAC7B;EAEA,MAAMC,SAAS,GAAGV,mBAAmB,CAAEnB,SAAS,CAAEH,KAAM,CAAE,CAAC;EAC3D,MAAMQ,UAAU,GAAGH,aAAa,CAAEL,KAAK,CAACM,eAAe,EAAE0B,SAAU,CAAC;EAEpE,OACC,IAAAf,MAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAAqC,GACnD,IAAAH,MAAA,CAAAC,aAAA,EAACpB,UAAA,CAAAmC,OAAS;IACTC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBf,SAAS,EAAC,qCAAqC;IAC/CgB,MAAM,EAAGnC,MAAQ;IACjBoC,UAAU,EAAG,IAAAF,QAAE,EAAE,iBAAkB,CAAG;IACtCG,UAAU,EAAGtC,KAAK,CAACM,eAAiB;IACpCiC,eAAe,EAAGvC,KAAK,CAACM;EAAiB,CACzC,CAAC,EAEF,IAAAW,MAAA,CAAAC,aAAA,EAACpB,UAAA,CAAAmC,OAAS;IACTC,KAAK,EAAG,IAAAC,QAAE,EAAE,kBAAmB,CAAG;IAClCf,SAAS,EAAC,uCAAuC;IACjDgB,MAAM,EAAGlC,SAAW;IACpBmC,UAAU,EAAGjC,iBAAmB;IAChCkC,UAAU,EAAG9B,UAAY;IACzB+B,eAAe,EAAGP;EAAW,CAC7B,CACG,CAAC;AAER;AAAC,IAAAQ,QAAA,GAEczC,YAAY;AAAA0C,OAAA,CAAAR,OAAA,GAAAO,QAAA"}

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BlockContextProvider = BlockContextProvider;
 exports.default = void 0;
+var _react = require("react");
 var _element = require("@wordpress/element");
 /**
  * WordPress dependencies
@@ -39,7 +40,7 @@ function BlockContextProvider({
     ...context,
     ...value
   }), [context, value]);
-  return (0, _element.createElement)(Context.Provider, {
+  return (0, _react.createElement)(Context.Provider, {
     value: nextValue,
     children: children
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","Context","createContext","BlockContextProvider","value","children","context","useContext","nextValue","useMemo","createElement","Provider","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-context/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext, useMemo } from '@wordpress/element';\n\n/** @typedef {import('react').ReactNode} ReactNode */\n\n/**\n * @typedef BlockContextProviderProps\n *\n * @property {Record<string,*>} value    Context value to merge with current\n *                                       value.\n * @property {ReactNode}        children Component children.\n */\n\n/** @type {import('react').Context<Record<string,*>>} */\nconst Context = createContext( {} );\n\n/**\n * Component which merges passed value with current consumed block context.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-context/README.md\n *\n * @param {BlockContextProviderProps} props\n */\nexport function BlockContextProvider( { value, children } ) {\n\tconst context = useContext( Context );\n\tconst nextValue = useMemo(\n\t\t() => ( { ...context, ...value } ),\n\t\t[ context, value ]\n\t);\n\n\treturn <Context.Provider value={ nextValue } children={ children } />;\n}\n\nexport default Context;\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,MAAMC,OAAO,GAAG,IAAAC,sBAAa,EAAE,CAAC,CAAE,CAAC;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,oBAAoBA,CAAE;EAAEC,KAAK;EAAEC;AAAS,CAAC,EAAG;EAC3D,MAAMC,OAAO,GAAG,IAAAC,mBAAU,EAAEN,OAAQ,CAAC;EACrC,MAAMO,SAAS,GAAG,IAAAC,gBAAO,EACxB,OAAQ;IAAE,GAAGH,OAAO;IAAE,GAAGF;EAAM,CAAC,CAAE,EAClC,CAAEE,OAAO,EAAEF,KAAK,CACjB,CAAC;EAED,OAAO,IAAAL,QAAA,CAAAW,aAAA,EAACT,OAAO,CAACU,QAAQ;IAACP,KAAK,EAAGI,SAAW;IAACH,QAAQ,EAAGA;EAAU,CAAE,CAAC;AACtE;AAAC,IAAAO,QAAA,GAEcX,OAAO;AAAAY,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_element","require","Context","createContext","BlockContextProvider","value","children","context","useContext","nextValue","useMemo","_react","createElement","Provider","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/block-context/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext, useMemo } from '@wordpress/element';\n\n/** @typedef {import('react').ReactNode} ReactNode */\n\n/**\n * @typedef BlockContextProviderProps\n *\n * @property {Record<string,*>} value    Context value to merge with current\n *                                       value.\n * @property {ReactNode}        children Component children.\n */\n\n/** @type {import('react').Context<Record<string,*>>} */\nconst Context = createContext( {} );\n\n/**\n * Component which merges passed value with current consumed block context.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-context/README.md\n *\n * @param {BlockContextProviderProps} props\n */\nexport function BlockContextProvider( { value, children } ) {\n\tconst context = useContext( Context );\n\tconst nextValue = useMemo(\n\t\t() => ( { ...context, ...value } ),\n\t\t[ context, value ]\n\t);\n\n\treturn <Context.Provider value={ nextValue } children={ children } />;\n}\n\nexport default Context;\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,MAAMC,OAAO,GAAG,IAAAC,sBAAa,EAAE,CAAC,CAAE,CAAC;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,oBAAoBA,CAAE;EAAEC,KAAK;EAAEC;AAAS,CAAC,EAAG;EAC3D,MAAMC,OAAO,GAAG,IAAAC,mBAAU,EAAEN,OAAQ,CAAC;EACrC,MAAMO,SAAS,GAAG,IAAAC,gBAAO,EACxB,OAAQ;IAAE,GAAGH,OAAO;IAAE,GAAGF;EAAM,CAAC,CAAE,EAClC,CAAEE,OAAO,EAAEF,KAAK,CACjB,CAAC;EAED,OAAO,IAAAM,MAAA,CAAAC,aAAA,EAACV,OAAO,CAACW,QAAQ;IAACR,KAAK,EAAGI,SAAW;IAACH,QAAQ,EAAGA;EAAU,CAAE,CAAC;AACtE;AAAC,IAAAQ,QAAA,GAEcZ,OAAO;AAAAa,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/block-controls/fill.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockControlsFill;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _hook = _interopRequireDefault(require("./hook"));
 /**
@@ -26,18 +26,18 @@ function BlockControlsFill({
   if (!Fill) {
     return null;
   }
-  const innerMarkup = (0, _element.createElement)(_element.Fragment, null, group === 'default' && (0, _element.createElement)(_components.ToolbarGroup, {
+  const innerMarkup = (0, _react.createElement)(_react.Fragment, null, group === 'default' && (0, _react.createElement)(_components.ToolbarGroup, {
     controls: controls
   }), children);
-  return (0, _element.createElement)(_components.__experimentalStyleProvider, {
+  return (0, _react.createElement)(_components.__experimentalStyleProvider, {
     document: document
-  }, (0, _element.createElement)(Fill, null, fillProps => {
+  }, (0, _react.createElement)(Fill, null, fillProps => {
     // `fillProps.forwardedContext` is an array of context provider entries, provided by slot,
     // that should wrap the fill markup.
     const {
       forwardedContext = []
     } = fillProps;
-    return forwardedContext.reduce((inner, [Provider, props]) => (0, _element.createElement)(Provider, {
+    return forwardedContext.reduce((inner, [Provider, props]) => (0, _react.createElement)(Provider, {
       ...props
     }, inner), innerMarkup);
   }));

package/build/components/block-controls/fill.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_hook","_interopRequireDefault","BlockControlsFill","group","controls","children","__experimentalShareWithChildBlocks","Fill","useBlockControlsFill","innerMarkup","_element","createElement","Fragment","ToolbarGroup","__experimentalStyleProvider","document","fillProps","forwardedContext","reduce","inner","Provider","props"],"sources":["@wordpress/block-editor/src/components/block-controls/fill.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalStyleProvider as StyleProvider,\n\tToolbarGroup,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport useBlockControlsFill from './hook';\n\nexport default function BlockControlsFill( {\n\tgroup = 'default',\n\tcontrols,\n\tchildren,\n\t__experimentalShareWithChildBlocks = false,\n} ) {\n\tconst Fill = useBlockControlsFill(\n\t\tgroup,\n\t\t__experimentalShareWithChildBlocks\n\t);\n\tif ( ! Fill ) {\n\t\treturn null;\n\t}\n\n\tconst innerMarkup = (\n\t\t<>\n\t\t\t{ group === 'default' && <ToolbarGroup controls={ controls } /> }\n\t\t\t{ children }\n\t\t</>\n\t);\n\n\treturn (\n\t\t<StyleProvider document={ document }>\n\t\t\t<Fill>\n\t\t\t\t{ ( fillProps ) => {\n\t\t\t\t\t// `fillProps.forwardedContext` is an array of context provider entries, provided by slot,\n\t\t\t\t\t// that should wrap the fill markup.\n\t\t\t\t\tconst { forwardedContext = [] } = fillProps;\n\t\t\t\t\treturn forwardedContext.reduce(\n\t\t\t\t\t\t( inner, [ Provider, props ] ) => (\n\t\t\t\t\t\t\t<Provider { ...props }>{ inner }</Provider>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tinnerMarkup\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t</Fill>\n\t\t</StyleProvider>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGe,SAASG,iBAAiBA,CAAE;EAC1CC,KAAK,GAAG,SAAS;EACjBC,QAAQ;EACRC,QAAQ;EACRC,kCAAkC,GAAG;AACtC,CAAC,EAAG;EACH,MAAMC,IAAI,GAAG,IAAAC,aAAoB,EAChCL,KAAK,EACLG,kCACD,CAAC;EACD,IAAK,CAAEC,IAAI,EAAG;IACb,OAAO,IAAI;EACZ;EAEA,MAAME,WAAW,GAChB,IAAAC,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACGT,KAAK,KAAK,SAAS,IAAI,IAAAO,QAAA,CAAAC,aAAA,EAACb,WAAA,CAAAe,YAAY;IAACT,QAAQ,EAAGA;EAAU,CAAE,CAAC,EAC7DC,QACD,CACF;EAED,OACC,IAAAK,QAAA,CAAAC,aAAA,EAACb,WAAA,CAAAgB,2BAAa;IAACC,QAAQ,EAAGA;EAAU,GACnC,IAAAL,QAAA,CAAAC,aAAA,EAACJ,IAAI,QACAS,SAAS,IAAM;IAClB;IACA;IACA,MAAM;MAAEC,gBAAgB,GAAG;IAAG,CAAC,GAAGD,SAAS;IAC3C,OAAOC,gBAAgB,CAACC,MAAM,CAC7B,CAAEC,KAAK,EAAE,CAAEC,QAAQ,EAAEC,KAAK,CAAE,KAC3B,IAAAX,QAAA,CAAAC,aAAA,EAACS,QAAQ;MAAA,GAAMC;IAAK,GAAKF,KAAiB,CAC1C,EACDV,WACD,CAAC;EACF,CACK,CACQ,CAAC;AAElB"}
+{"version":3,"names":["_components","require","_hook","_interopRequireDefault","BlockControlsFill","group","controls","children","__experimentalShareWithChildBlocks","Fill","useBlockControlsFill","innerMarkup","_react","createElement","Fragment","ToolbarGroup","__experimentalStyleProvider","document","fillProps","forwardedContext","reduce","inner","Provider","props"],"sources":["@wordpress/block-editor/src/components/block-controls/fill.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalStyleProvider as StyleProvider,\n\tToolbarGroup,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport useBlockControlsFill from './hook';\n\nexport default function BlockControlsFill( {\n\tgroup = 'default',\n\tcontrols,\n\tchildren,\n\t__experimentalShareWithChildBlocks = false,\n} ) {\n\tconst Fill = useBlockControlsFill(\n\t\tgroup,\n\t\t__experimentalShareWithChildBlocks\n\t);\n\tif ( ! Fill ) {\n\t\treturn null;\n\t}\n\n\tconst innerMarkup = (\n\t\t<>\n\t\t\t{ group === 'default' && <ToolbarGroup controls={ controls } /> }\n\t\t\t{ children }\n\t\t</>\n\t);\n\n\treturn (\n\t\t<StyleProvider document={ document }>\n\t\t\t<Fill>\n\t\t\t\t{ ( fillProps ) => {\n\t\t\t\t\t// `fillProps.forwardedContext` is an array of context provider entries, provided by slot,\n\t\t\t\t\t// that should wrap the fill markup.\n\t\t\t\t\tconst { forwardedContext = [] } = fillProps;\n\t\t\t\t\treturn forwardedContext.reduce(\n\t\t\t\t\t\t( inner, [ Provider, props ] ) => (\n\t\t\t\t\t\t\t<Provider { ...props }>{ inner }</Provider>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tinnerMarkup\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t</Fill>\n\t\t</StyleProvider>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGe,SAASG,iBAAiBA,CAAE;EAC1CC,KAAK,GAAG,SAAS;EACjBC,QAAQ;EACRC,QAAQ;EACRC,kCAAkC,GAAG;AACtC,CAAC,EAAG;EACH,MAAMC,IAAI,GAAG,IAAAC,aAAoB,EAChCL,KAAK,EACLG,kCACD,CAAC;EACD,IAAK,CAAEC,IAAI,EAAG;IACb,OAAO,IAAI;EACZ;EAEA,MAAME,WAAW,GAChB,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGT,KAAK,KAAK,SAAS,IAAI,IAAAO,MAAA,CAAAC,aAAA,EAACb,WAAA,CAAAe,YAAY;IAACT,QAAQ,EAAGA;EAAU,CAAE,CAAC,EAC7DC,QACD,CACF;EAED,OACC,IAAAK,MAAA,CAAAC,aAAA,EAACb,WAAA,CAAAgB,2BAAa;IAACC,QAAQ,EAAGA;EAAU,GACnC,IAAAL,MAAA,CAAAC,aAAA,EAACJ,IAAI,QACAS,SAAS,IAAM;IAClB;IACA;IACA,MAAM;MAAEC,gBAAgB,GAAG;IAAG,CAAC,GAAGD,SAAS;IAC3C,OAAOC,gBAAgB,CAACC,MAAM,CAC7B,CAAEC,KAAK,EAAE,CAAEC,QAAQ,EAAEC,KAAK,CAAE,KAC3B,IAAAX,MAAA,CAAAC,aAAA,EAACS,QAAQ;MAAA,GAAMC;IAAK,GAAKF,KAAiB,CAC1C,EACDV,WACD,CAAC;EACF,CACK,CACQ,CAAC;AAElB"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BlockFormatControls = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _fill = _interopRequireDefault(require("./fill"));
 var _slot = _interopRequireDefault(require("./slot"));
 /**
@@ -17,14 +17,14 @@ BlockControls.Slot = _slot.default;
 
 // This is just here for backward compatibility.
 const BlockFormatControls = props => {
-  return (0, _element.createElement)(_fill.default, {
+  return (0, _react.createElement)(_fill.default, {
     group: "inline",
     ...props
   });
 };
 exports.BlockFormatControls = BlockFormatControls;
 BlockFormatControls.Slot = props => {
-  return (0, _element.createElement)(_slot.default, {
+  return (0, _react.createElement)(_slot.default, {
     group: "inline",
     ...props
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_fill","_interopRequireDefault","require","_slot","BlockControls","BlockControlsFill","Slot","BlockControlsSlot","BlockFormatControls","props","_element","createElement","default","group","exports","_default"],"sources":["@wordpress/block-editor/src/components/block-controls/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport BlockControlsFill from './fill';\nimport BlockControlsSlot from './slot';\n\nconst BlockControls = BlockControlsFill;\n\nBlockControls.Slot = BlockControlsSlot;\n\n// This is just here for backward compatibility.\nexport const BlockFormatControls = ( props ) => {\n\treturn <BlockControlsFill group=\"inline\" { ...props } />;\n};\nBlockFormatControls.Slot = ( props ) => {\n\treturn <BlockControlsSlot group=\"inline\" { ...props } />;\n};\n\nexport default BlockControls;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AAJA;AACA;AACA;;AAIA,MAAME,aAAa,GAAGC,aAAiB;AAEvCD,aAAa,CAACE,IAAI,GAAGC,aAAiB;;AAEtC;AACO,MAAMC,mBAAmB,GAAKC,KAAK,IAAM;EAC/C,OAAO,IAAAC,QAAA,CAAAC,aAAA,EAACX,KAAA,CAAAY,OAAiB;IAACC,KAAK,EAAC,QAAQ;IAAA,GAAMJ;EAAK,CAAI,CAAC;AACzD,CAAC;AAACK,OAAA,CAAAN,mBAAA,GAAAA,mBAAA;AACFA,mBAAmB,CAACF,IAAI,GAAKG,KAAK,IAAM;EACvC,OAAO,IAAAC,QAAA,CAAAC,aAAA,EAACR,KAAA,CAAAS,OAAiB;IAACC,KAAK,EAAC,QAAQ;IAAA,GAAMJ;EAAK,CAAI,CAAC;AACzD,CAAC;AAAC,IAAAM,QAAA,GAEaX,aAAa;AAAAU,OAAA,CAAAF,OAAA,GAAAG,QAAA"}
+{"version":3,"names":["_fill","_interopRequireDefault","require","_slot","BlockControls","BlockControlsFill","Slot","BlockControlsSlot","BlockFormatControls","props","_react","createElement","default","group","exports","_default"],"sources":["@wordpress/block-editor/src/components/block-controls/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport BlockControlsFill from './fill';\nimport BlockControlsSlot from './slot';\n\nconst BlockControls = BlockControlsFill;\n\nBlockControls.Slot = BlockControlsSlot;\n\n// This is just here for backward compatibility.\nexport const BlockFormatControls = ( props ) => {\n\treturn <BlockControlsFill group=\"inline\" { ...props } />;\n};\nBlockFormatControls.Slot = ( props ) => {\n\treturn <BlockControlsSlot group=\"inline\" { ...props } />;\n};\n\nexport default BlockControls;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AAJA;AACA;AACA;;AAIA,MAAME,aAAa,GAAGC,aAAiB;AAEvCD,aAAa,CAACE,IAAI,GAAGC,aAAiB;;AAEtC;AACO,MAAMC,mBAAmB,GAAKC,KAAK,IAAM;EAC/C,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACX,KAAA,CAAAY,OAAiB;IAACC,KAAK,EAAC,QAAQ;IAAA,GAAMJ;EAAK,CAAI,CAAC;AACzD,CAAC;AAACK,OAAA,CAAAN,mBAAA,GAAAA,mBAAA;AACFA,mBAAmB,CAACF,IAAI,GAAKG,KAAK,IAAM;EACvC,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACR,KAAA,CAAAS,OAAiB;IAACC,KAAK,EAAC,QAAQ;IAAA,GAAMJ;EAAK,CAAI,CAAC;AACzD,CAAC;AAAC,IAAAM,QAAA,GAEaX,aAAa;AAAAU,OAAA,CAAAF,OAAA,GAAAG,QAAA"}