@wordpress/block-editor 12.26.0 → 13.0.0

package/build-module/components/recursion-provider/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","useContext","useMemo","deprecated","useBlockEditContext","RenderedRefsContext","addToBlockType","renderedBlocks","blockName","uniqueId","result","Set","add","RecursionProvider","children","previouslyRenderedBlocks","name","newRenderedBlocks","createElement","Provider","value","useHasRecursion","Boolean","has","DeprecatedExperimentalRecursionProvider","props","since","alternative","DeprecatedExperimentalUseHasRecursion","args"],"sources":["@wordpress/block-editor/src/components/recursion-provider/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext, useMemo } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { useBlockEditContext } from '../block-edit/context';\n\nconst RenderedRefsContext = createContext( {} );\n\n/**\n * Immutably adds an unique identifier to a set scoped for a given block type.\n *\n * @param {Object} renderedBlocks Rendered blocks grouped by block name\n * @param {string} blockName      Name of the block.\n * @param {*}      uniqueId       Any value that acts as a unique identifier for a block instance.\n *\n * @return {Object} The list of rendered blocks grouped by block name.\n */\nfunction addToBlockType( renderedBlocks, blockName, uniqueId ) {\n\tconst result = {\n\t\t...renderedBlocks,\n\t\t[ blockName ]: renderedBlocks[ blockName ]\n\t\t\t? new Set( renderedBlocks[ blockName ] )\n\t\t\t: new Set(),\n\t};\n\tresult[ blockName ].add( uniqueId );\n\n\treturn result;\n}\n\n/**\n * A React context provider for use with the `useHasRecursion` hook to prevent recursive\n * renders.\n *\n * Wrap block content with this provider and provide the same `uniqueId` prop as used\n * with `useHasRecursion`.\n *\n * @param {Object}      props\n * @param {*}           props.uniqueId  Any value that acts as a unique identifier for a block instance.\n * @param {string}      props.blockName Optional block name.\n * @param {JSX.Element} props.children  React children.\n *\n * @return {JSX.Element} A React element.\n */\nexport function RecursionProvider( { children, uniqueId, blockName = '' } ) {\n\tconst previouslyRenderedBlocks = useContext( RenderedRefsContext );\n\tconst { name } = useBlockEditContext();\n\n\tblockName = blockName || name;\n\n\tconst newRenderedBlocks = useMemo(\n\t\t() => addToBlockType( previouslyRenderedBlocks, blockName, uniqueId ),\n\t\t[ previouslyRenderedBlocks, blockName, uniqueId ]\n\t);\n\n\treturn (\n\t\t<RenderedRefsContext.Provider value={ newRenderedBlocks }>\n\t\t\t{ children }\n\t\t</RenderedRefsContext.Provider>\n\t);\n}\n\n/**\n * A React hook for keeping track of blocks previously rendered up in the block\n * tree. Blocks susceptible to recursion can use this hook in their `Edit`\n * function to prevent said recursion.\n *\n * Use this with the `RecursionProvider` component, using the same `uniqueId` value\n * for both the hook and the provider.\n *\n * @param {*}      uniqueId  Any value that acts as a unique identifier for a block instance.\n * @param {string} blockName Optional block name.\n *\n * @return {boolean} A boolean describing whether the provided id has already been rendered.\n */\nexport function useHasRecursion( uniqueId, blockName = '' ) {\n\tconst previouslyRenderedBlocks = useContext( RenderedRefsContext );\n\tconst { name } = useBlockEditContext();\n\tblockName = blockName || name;\n\treturn Boolean( previouslyRenderedBlocks[ blockName ]?.has( uniqueId ) );\n}\n\nexport const DeprecatedExperimentalRecursionProvider = ( props ) => {\n\tdeprecated( 'wp.blockEditor.__experimentalRecursionProvider', {\n\t\tsince: '6.5',\n\t\talternative: 'wp.blockEditor.RecursionProvider',\n\t} );\n\treturn <RecursionProvider { ...props } />;\n};\n\nexport const DeprecatedExperimentalUseHasRecursion = ( ...args ) => {\n\tdeprecated( 'wp.blockEditor.__experimentalUseHasRecursion', {\n\t\tsince: '6.5',\n\t\talternative: 'wp.blockEditor.useHasRecursion',\n\t} );\n\treturn useHasRecursion( ...args );\n};\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,oBAAoB;AACvE,OAAOC,UAAU,MAAM,uBAAuB;;AAE9C;AACA;AACA;AACA,SAASC,mBAAmB,QAAQ,uBAAuB;AAE3D,MAAMC,mBAAmB,GAAGL,aAAa,CAAE,CAAC,CAAE,CAAC;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASM,cAAcA,CAAEC,cAAc,EAAEC,SAAS,EAAEC,QAAQ,EAAG;EAC9D,MAAMC,MAAM,GAAG;IACd,GAAGH,cAAc;IACjB,CAAEC,SAAS,GAAID,cAAc,CAAEC,SAAS,CAAE,GACvC,IAAIG,GAAG,CAAEJ,cAAc,CAAEC,SAAS,CAAG,CAAC,GACtC,IAAIG,GAAG,CAAC;EACZ,CAAC;EACDD,MAAM,CAAEF,SAAS,CAAE,CAACI,GAAG,CAAEH,QAAS,CAAC;EAEnC,OAAOC,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,iBAAiBA,CAAE;EAAEC,QAAQ;EAAEL,QAAQ;EAAED,SAAS,GAAG;AAAG,CAAC,EAAG;EAC3E,MAAMO,wBAAwB,GAAGd,UAAU,CAAEI,mBAAoB,CAAC;EAClE,MAAM;IAAEW;EAAK,CAAC,GAAGZ,mBAAmB,CAAC,CAAC;EAEtCI,SAAS,GAAGA,SAAS,IAAIQ,IAAI;EAE7B,MAAMC,iBAAiB,GAAGf,OAAO,CAChC,MAAMI,cAAc,CAAES,wBAAwB,EAAEP,SAAS,EAAEC,QAAS,CAAC,EACrE,CAAEM,wBAAwB,EAAEP,SAAS,EAAEC,QAAQ,CAChD,CAAC;EAED,OACCS,aAAA,CAACb,mBAAmB,CAACc,QAAQ;IAACC,KAAK,EAAGH;EAAmB,GACtDH,QAC2B,CAAC;AAEjC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASO,eAAeA,CAAEZ,QAAQ,EAAED,SAAS,GAAG,EAAE,EAAG;EAC3D,MAAMO,wBAAwB,GAAGd,UAAU,CAAEI,mBAAoB,CAAC;EAClE,MAAM;IAAEW;EAAK,CAAC,GAAGZ,mBAAmB,CAAC,CAAC;EACtCI,SAAS,GAAGA,SAAS,IAAIQ,IAAI;EAC7B,OAAOM,OAAO,CAAEP,wBAAwB,CAAEP,SAAS,CAAE,EAAEe,GAAG,CAAEd,QAAS,CAAE,CAAC;AACzE;AAEA,OAAO,MAAMe,uCAAuC,GAAKC,KAAK,IAAM;EACnEtB,UAAU,CAAE,gDAAgD,EAAE;IAC7DuB,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EACH,OAAOT,aAAA,CAACL,iBAAiB;IAAA,GAAMY;EAAK,CAAI,CAAC;AAC1C,CAAC;AAED,OAAO,MAAMG,qCAAqC,GAAGA,CAAE,GAAGC,IAAI,KAAM;EACnE1B,UAAU,CAAE,8CAA8C,EAAE;IAC3DuB,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EACH,OAAON,eAAe,CAAE,GAAGQ,IAAK,CAAC;AAClC,CAAC","ignoreList":[]}
+{"version":3,"names":["createContext","useContext","useMemo","deprecated","useBlockEditContext","jsx","_jsx","RenderedRefsContext","addToBlockType","renderedBlocks","blockName","uniqueId","result","Set","add","RecursionProvider","children","previouslyRenderedBlocks","name","newRenderedBlocks","Provider","value","useHasRecursion","Boolean","has","DeprecatedExperimentalRecursionProvider","props","since","alternative","DeprecatedExperimentalUseHasRecursion","args"],"sources":["@wordpress/block-editor/src/components/recursion-provider/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext, useMemo } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { useBlockEditContext } from '../block-edit/context';\n\nconst RenderedRefsContext = createContext( {} );\n\n/**\n * Immutably adds an unique identifier to a set scoped for a given block type.\n *\n * @param {Object} renderedBlocks Rendered blocks grouped by block name\n * @param {string} blockName      Name of the block.\n * @param {*}      uniqueId       Any value that acts as a unique identifier for a block instance.\n *\n * @return {Object} The list of rendered blocks grouped by block name.\n */\nfunction addToBlockType( renderedBlocks, blockName, uniqueId ) {\n\tconst result = {\n\t\t...renderedBlocks,\n\t\t[ blockName ]: renderedBlocks[ blockName ]\n\t\t\t? new Set( renderedBlocks[ blockName ] )\n\t\t\t: new Set(),\n\t};\n\tresult[ blockName ].add( uniqueId );\n\n\treturn result;\n}\n\n/**\n * A React context provider for use with the `useHasRecursion` hook to prevent recursive\n * renders.\n *\n * Wrap block content with this provider and provide the same `uniqueId` prop as used\n * with `useHasRecursion`.\n *\n * @param {Object}      props\n * @param {*}           props.uniqueId  Any value that acts as a unique identifier for a block instance.\n * @param {string}      props.blockName Optional block name.\n * @param {JSX.Element} props.children  React children.\n *\n * @return {JSX.Element} A React element.\n */\nexport function RecursionProvider( { children, uniqueId, blockName = '' } ) {\n\tconst previouslyRenderedBlocks = useContext( RenderedRefsContext );\n\tconst { name } = useBlockEditContext();\n\n\tblockName = blockName || name;\n\n\tconst newRenderedBlocks = useMemo(\n\t\t() => addToBlockType( previouslyRenderedBlocks, blockName, uniqueId ),\n\t\t[ previouslyRenderedBlocks, blockName, uniqueId ]\n\t);\n\n\treturn (\n\t\t<RenderedRefsContext.Provider value={ newRenderedBlocks }>\n\t\t\t{ children }\n\t\t</RenderedRefsContext.Provider>\n\t);\n}\n\n/**\n * A React hook for keeping track of blocks previously rendered up in the block\n * tree. Blocks susceptible to recursion can use this hook in their `Edit`\n * function to prevent said recursion.\n *\n * Use this with the `RecursionProvider` component, using the same `uniqueId` value\n * for both the hook and the provider.\n *\n * @param {*}      uniqueId  Any value that acts as a unique identifier for a block instance.\n * @param {string} blockName Optional block name.\n *\n * @return {boolean} A boolean describing whether the provided id has already been rendered.\n */\nexport function useHasRecursion( uniqueId, blockName = '' ) {\n\tconst previouslyRenderedBlocks = useContext( RenderedRefsContext );\n\tconst { name } = useBlockEditContext();\n\tblockName = blockName || name;\n\treturn Boolean( previouslyRenderedBlocks[ blockName ]?.has( uniqueId ) );\n}\n\nexport const DeprecatedExperimentalRecursionProvider = ( props ) => {\n\tdeprecated( 'wp.blockEditor.__experimentalRecursionProvider', {\n\t\tsince: '6.5',\n\t\talternative: 'wp.blockEditor.RecursionProvider',\n\t} );\n\treturn <RecursionProvider { ...props } />;\n};\n\nexport const DeprecatedExperimentalUseHasRecursion = ( ...args ) => {\n\tdeprecated( 'wp.blockEditor.__experimentalUseHasRecursion', {\n\t\tsince: '6.5',\n\t\talternative: 'wp.blockEditor.useHasRecursion',\n\t} );\n\treturn useHasRecursion( ...args );\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,oBAAoB;AACvE,OAAOC,UAAU,MAAM,uBAAuB;;AAE9C;AACA;AACA;AACA,SAASC,mBAAmB,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5D,MAAMC,mBAAmB,GAAGP,aAAa,CAAE,CAAC,CAAE,CAAC;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASQ,cAAcA,CAAEC,cAAc,EAAEC,SAAS,EAAEC,QAAQ,EAAG;EAC9D,MAAMC,MAAM,GAAG;IACd,GAAGH,cAAc;IACjB,CAAEC,SAAS,GAAID,cAAc,CAAEC,SAAS,CAAE,GACvC,IAAIG,GAAG,CAAEJ,cAAc,CAAEC,SAAS,CAAG,CAAC,GACtC,IAAIG,GAAG,CAAC;EACZ,CAAC;EACDD,MAAM,CAAEF,SAAS,CAAE,CAACI,GAAG,CAAEH,QAAS,CAAC;EAEnC,OAAOC,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,iBAAiBA,CAAE;EAAEC,QAAQ;EAAEL,QAAQ;EAAED,SAAS,GAAG;AAAG,CAAC,EAAG;EAC3E,MAAMO,wBAAwB,GAAGhB,UAAU,CAAEM,mBAAoB,CAAC;EAClE,MAAM;IAAEW;EAAK,CAAC,GAAGd,mBAAmB,CAAC,CAAC;EAEtCM,SAAS,GAAGA,SAAS,IAAIQ,IAAI;EAE7B,MAAMC,iBAAiB,GAAGjB,OAAO,CAChC,MAAMM,cAAc,CAAES,wBAAwB,EAAEP,SAAS,EAAEC,QAAS,CAAC,EACrE,CAAEM,wBAAwB,EAAEP,SAAS,EAAEC,QAAQ,CAChD,CAAC;EAED,oBACCL,IAAA,CAACC,mBAAmB,CAACa,QAAQ;IAACC,KAAK,EAAGF,iBAAmB;IAAAH,QAAA,EACtDA;EAAQ,CACmB,CAAC;AAEjC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,eAAeA,CAAEX,QAAQ,EAAED,SAAS,GAAG,EAAE,EAAG;EAC3D,MAAMO,wBAAwB,GAAGhB,UAAU,CAAEM,mBAAoB,CAAC;EAClE,MAAM;IAAEW;EAAK,CAAC,GAAGd,mBAAmB,CAAC,CAAC;EACtCM,SAAS,GAAGA,SAAS,IAAIQ,IAAI;EAC7B,OAAOK,OAAO,CAAEN,wBAAwB,CAAEP,SAAS,CAAE,EAAEc,GAAG,CAAEb,QAAS,CAAE,CAAC;AACzE;AAEA,OAAO,MAAMc,uCAAuC,GAAKC,KAAK,IAAM;EACnEvB,UAAU,CAAE,gDAAgD,EAAE;IAC7DwB,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EACH,oBAAOtB,IAAA,CAACS,iBAAiB;IAAA,GAAMW;EAAK,CAAI,CAAC;AAC1C,CAAC;AAED,OAAO,MAAMG,qCAAqC,GAAGA,CAAE,GAAGC,IAAI,KAAM;EACnE3B,UAAU,CAAE,8CAA8C,EAAE;IAC3DwB,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EACH,OAAON,eAAe,CAAE,GAAGQ,IAAK,CAAC;AAClC,CAAC","ignoreList":[]}

package/build-module/components/resizable-box-popover/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -8,17 +7,19 @@ import { ResizableBox } from '@wordpress/components';
  * Internal dependencies
  */
 import BlockPopoverCover from '../block-popover/cover';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function ResizableBoxPopover({
   clientId,
   resizableBoxProps,
   ...props
 }) {
-  return createElement(BlockPopoverCover, {
+  return /*#__PURE__*/_jsx(BlockPopoverCover, {
     clientId: clientId,
     __unstablePopoverSlot: "block-toolbar",
-    ...props
-  }, createElement(ResizableBox, {
-    ...resizableBoxProps
-  }));
+    ...props,
+    children: /*#__PURE__*/_jsx(ResizableBox, {
+      ...resizableBoxProps
+    })
+  });
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/resizable-box-popover/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ResizableBox","BlockPopoverCover","ResizableBoxPopover","clientId","resizableBoxProps","props","createElement","__unstablePopoverSlot"],"sources":["@wordpress/block-editor/src/components/resizable-box-popover/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ResizableBox } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockPopoverCover from '../block-popover/cover';\n\nexport default function ResizableBoxPopover( {\n\tclientId,\n\tresizableBoxProps,\n\t...props\n} ) {\n\treturn (\n\t\t<BlockPopoverCover\n\t\t\tclientId={ clientId }\n\t\t\t__unstablePopoverSlot=\"block-toolbar\"\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<ResizableBox { ...resizableBoxProps } />\n\t\t</BlockPopoverCover>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,uBAAuB;;AAEpD;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,wBAAwB;AAEtD,eAAe,SAASC,mBAAmBA,CAAE;EAC5CC,QAAQ;EACRC,iBAAiB;EACjB,GAAGC;AACJ,CAAC,EAAG;EACH,OACCC,aAAA,CAACL,iBAAiB;IACjBE,QAAQ,EAAGA,QAAU;IACrBI,qBAAqB,EAAC,eAAe;IAAA,GAChCF;EAAK,GAEVC,aAAA,CAACN,YAAY;IAAA,GAAMI;EAAiB,CAAI,CACtB,CAAC;AAEtB","ignoreList":[]}
+{"version":3,"names":["ResizableBox","BlockPopoverCover","jsx","_jsx","ResizableBoxPopover","clientId","resizableBoxProps","props","__unstablePopoverSlot","children"],"sources":["@wordpress/block-editor/src/components/resizable-box-popover/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ResizableBox } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockPopoverCover from '../block-popover/cover';\n\nexport default function ResizableBoxPopover( {\n\tclientId,\n\tresizableBoxProps,\n\t...props\n} ) {\n\treturn (\n\t\t<BlockPopoverCover\n\t\t\tclientId={ clientId }\n\t\t\t__unstablePopoverSlot=\"block-toolbar\"\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<ResizableBox { ...resizableBoxProps } />\n\t\t</BlockPopoverCover>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,uBAAuB;;AAEpD;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvD,eAAe,SAASC,mBAAmBA,CAAE;EAC5CC,QAAQ;EACRC,iBAAiB;EACjB,GAAGC;AACJ,CAAC,EAAG;EACH,oBACCJ,IAAA,CAACF,iBAAiB;IACjBI,QAAQ,EAAGA,QAAU;IACrBG,qBAAqB,EAAC,eAAe;IAAA,GAChCD,KAAK;IAAAE,QAAA,eAEVN,IAAA,CAACH,YAAY;MAAA,GAAMM;IAAiB,CAAI;EAAC,CACvB,CAAC;AAEtB","ignoreList":[]}

package/build-module/components/resolution-tool/index.js

@@ -1,9 +1,9 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { SelectControl, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
 import { __, _x } from '@wordpress/i18n';
+import { jsx as _jsx } from "react/jsx-runtime";
 const DEFAULT_SIZE_OPTIONS = [{
   label: _x('Thumbnail', 'Image size option for resolution control'),
   value: 'thumbnail'
@@ -26,19 +26,20 @@ export default function ResolutionTool({
   isShownByDefault = true
 }) {
   const displayValue = value !== null && value !== void 0 ? value : defaultValue;
-  return createElement(ToolsPanelItem, {
+  return /*#__PURE__*/_jsx(ToolsPanelItem, {
     hasValue: () => displayValue !== defaultValue,
     label: __('Resolution'),
     onDeselect: () => onChange(defaultValue),
     isShownByDefault: isShownByDefault,
-    panelId: panelId
-  }, createElement(SelectControl, {
-    label: __('Resolution'),
-    value: displayValue,
-    options: options,
-    onChange: onChange,
-    help: __('Select the size of the source image.'),
-    size: '__unstable-large'
-  }));
+    panelId: panelId,
+    children: /*#__PURE__*/_jsx(SelectControl, {
+      label: __('Resolution'),
+      value: displayValue,
+      options: options,
+      onChange: onChange,
+      help: __('Select the size of the source image.'),
+      size: "__unstable-large"
+    })
+  });
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/resolution-tool/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["SelectControl","__experimentalToolsPanelItem","ToolsPanelItem","__","_x","DEFAULT_SIZE_OPTIONS","label","value","ResolutionTool","panelId","onChange","options","defaultValue","isShownByDefault","displayValue","createElement","hasValue","onDeselect","help","size"],"sources":["@wordpress/block-editor/src/components/resolution-tool/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tSelectControl,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\n\nconst DEFAULT_SIZE_OPTIONS = [\n\t{\n\t\tlabel: _x( 'Thumbnail', 'Image size option for resolution control' ),\n\t\tvalue: 'thumbnail',\n\t},\n\t{\n\t\tlabel: _x( 'Medium', 'Image size option for resolution control' ),\n\t\tvalue: 'medium',\n\t},\n\t{\n\t\tlabel: _x( 'Large', 'Image size option for resolution control' ),\n\t\tvalue: 'large',\n\t},\n\t{\n\t\tlabel: _x( 'Full Size', 'Image size option for resolution control' ),\n\t\tvalue: 'full',\n\t},\n];\n\nexport default function ResolutionTool( {\n\tpanelId,\n\tvalue,\n\tonChange,\n\toptions = DEFAULT_SIZE_OPTIONS,\n\tdefaultValue = DEFAULT_SIZE_OPTIONS[ 0 ].value,\n\tisShownByDefault = true,\n} ) {\n\tconst displayValue = value ?? defaultValue;\n\treturn (\n\t\t<ToolsPanelItem\n\t\t\thasValue={ () => displayValue !== defaultValue }\n\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\tonDeselect={ () => onChange( defaultValue ) }\n\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\tpanelId={ panelId }\n\t\t>\n\t\t\t<SelectControl\n\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\tvalue={ displayValue }\n\t\t\t\toptions={ options }\n\t\t\t\tonChange={ onChange }\n\t\t\t\thelp={ __( 'Select the size of the source image.' ) }\n\t\t\t\tsize={ '__unstable-large' }\n\t\t\t/>\n\t\t</ToolsPanelItem>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,aAAa,EACbC,4BAA4B,IAAIC,cAAc,QACxC,uBAAuB;AAC9B,SAASC,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;AAExC,MAAMC,oBAAoB,GAAG,CAC5B;EACCC,KAAK,EAAEF,EAAE,CAAE,WAAW,EAAE,0CAA2C,CAAC;EACpEG,KAAK,EAAE;AACR,CAAC,EACD;EACCD,KAAK,EAAEF,EAAE,CAAE,QAAQ,EAAE,0CAA2C,CAAC;EACjEG,KAAK,EAAE;AACR,CAAC,EACD;EACCD,KAAK,EAAEF,EAAE,CAAE,OAAO,EAAE,0CAA2C,CAAC;EAChEG,KAAK,EAAE;AACR,CAAC,EACD;EACCD,KAAK,EAAEF,EAAE,CAAE,WAAW,EAAE,0CAA2C,CAAC;EACpEG,KAAK,EAAE;AACR,CAAC,CACD;AAED,eAAe,SAASC,cAAcA,CAAE;EACvCC,OAAO;EACPF,KAAK;EACLG,QAAQ;EACRC,OAAO,GAAGN,oBAAoB;EAC9BO,YAAY,GAAGP,oBAAoB,CAAE,CAAC,CAAE,CAACE,KAAK;EAC9CM,gBAAgB,GAAG;AACpB,CAAC,EAAG;EACH,MAAMC,YAAY,GAAGP,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIK,YAAY;EAC1C,OACCG,aAAA,CAACb,cAAc;IACdc,QAAQ,EAAGA,CAAA,KAAMF,YAAY,KAAKF,YAAc;IAChDN,KAAK,EAAGH,EAAE,CAAE,YAAa,CAAG;IAC5Bc,UAAU,EAAGA,CAAA,KAAMP,QAAQ,CAAEE,YAAa,CAAG;IAC7CC,gBAAgB,EAAGA,gBAAkB;IACrCJ,OAAO,EAAGA;EAAS,GAEnBM,aAAA,CAACf,aAAa;IACbM,KAAK,EAAGH,EAAE,CAAE,YAAa,CAAG;IAC5BI,KAAK,EAAGO,YAAc;IACtBH,OAAO,EAAGA,OAAS;IACnBD,QAAQ,EAAGA,QAAU;IACrBQ,IAAI,EAAGf,EAAE,CAAE,sCAAuC,CAAG;IACrDgB,IAAI,EAAG;EAAoB,CAC3B,CACc,CAAC;AAEnB","ignoreList":[]}
+{"version":3,"names":["SelectControl","__experimentalToolsPanelItem","ToolsPanelItem","__","_x","jsx","_jsx","DEFAULT_SIZE_OPTIONS","label","value","ResolutionTool","panelId","onChange","options","defaultValue","isShownByDefault","displayValue","hasValue","onDeselect","children","help","size"],"sources":["@wordpress/block-editor/src/components/resolution-tool/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tSelectControl,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\n\nconst DEFAULT_SIZE_OPTIONS = [\n\t{\n\t\tlabel: _x( 'Thumbnail', 'Image size option for resolution control' ),\n\t\tvalue: 'thumbnail',\n\t},\n\t{\n\t\tlabel: _x( 'Medium', 'Image size option for resolution control' ),\n\t\tvalue: 'medium',\n\t},\n\t{\n\t\tlabel: _x( 'Large', 'Image size option for resolution control' ),\n\t\tvalue: 'large',\n\t},\n\t{\n\t\tlabel: _x( 'Full Size', 'Image size option for resolution control' ),\n\t\tvalue: 'full',\n\t},\n];\n\nexport default function ResolutionTool( {\n\tpanelId,\n\tvalue,\n\tonChange,\n\toptions = DEFAULT_SIZE_OPTIONS,\n\tdefaultValue = DEFAULT_SIZE_OPTIONS[ 0 ].value,\n\tisShownByDefault = true,\n} ) {\n\tconst displayValue = value ?? defaultValue;\n\treturn (\n\t\t<ToolsPanelItem\n\t\t\thasValue={ () => displayValue !== defaultValue }\n\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\tonDeselect={ () => onChange( defaultValue ) }\n\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\tpanelId={ panelId }\n\t\t>\n\t\t\t<SelectControl\n\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\tvalue={ displayValue }\n\t\t\t\toptions={ options }\n\t\t\t\tonChange={ onChange }\n\t\t\t\thelp={ __( 'Select the size of the source image.' ) }\n\t\t\t\tsize=\"__unstable-large\"\n\t\t\t/>\n\t\t</ToolsPanelItem>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,aAAa,EACbC,4BAA4B,IAAIC,cAAc,QACxC,uBAAuB;AAC9B,SAASC,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEzC,MAAMC,oBAAoB,GAAG,CAC5B;EACCC,KAAK,EAAEJ,EAAE,CAAE,WAAW,EAAE,0CAA2C,CAAC;EACpEK,KAAK,EAAE;AACR,CAAC,EACD;EACCD,KAAK,EAAEJ,EAAE,CAAE,QAAQ,EAAE,0CAA2C,CAAC;EACjEK,KAAK,EAAE;AACR,CAAC,EACD;EACCD,KAAK,EAAEJ,EAAE,CAAE,OAAO,EAAE,0CAA2C,CAAC;EAChEK,KAAK,EAAE;AACR,CAAC,EACD;EACCD,KAAK,EAAEJ,EAAE,CAAE,WAAW,EAAE,0CAA2C,CAAC;EACpEK,KAAK,EAAE;AACR,CAAC,CACD;AAED,eAAe,SAASC,cAAcA,CAAE;EACvCC,OAAO;EACPF,KAAK;EACLG,QAAQ;EACRC,OAAO,GAAGN,oBAAoB;EAC9BO,YAAY,GAAGP,oBAAoB,CAAE,CAAC,CAAE,CAACE,KAAK;EAC9CM,gBAAgB,GAAG;AACpB,CAAC,EAAG;EACH,MAAMC,YAAY,GAAGP,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIK,YAAY;EAC1C,oBACCR,IAAA,CAACJ,cAAc;IACde,QAAQ,EAAGA,CAAA,KAAMD,YAAY,KAAKF,YAAc;IAChDN,KAAK,EAAGL,EAAE,CAAE,YAAa,CAAG;IAC5Be,UAAU,EAAGA,CAAA,KAAMN,QAAQ,CAAEE,YAAa,CAAG;IAC7CC,gBAAgB,EAAGA,gBAAkB;IACrCJ,OAAO,EAAGA,OAAS;IAAAQ,QAAA,eAEnBb,IAAA,CAACN,aAAa;MACbQ,KAAK,EAAGL,EAAE,CAAE,YAAa,CAAG;MAC5BM,KAAK,EAAGO,YAAc;MACtBH,OAAO,EAAGA,OAAS;MACnBD,QAAQ,EAAGA,QAAU;MACrBQ,IAAI,EAAGjB,EAAE,CAAE,sCAAuC,CAAG;MACrDkB,IAAI,EAAC;IAAkB,CACvB;EAAC,CACa,CAAC;AAEnB","ignoreList":[]}

package/build-module/components/responsive-block-control/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -15,6 +14,8 @@ import { ToggleControl } from '@wordpress/components';
  * Internal dependencies
  */
 import ResponsiveBlockControlLabel from './label';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function ResponsiveBlockControl(props) {
   const {
     title,
@@ -45,36 +46,40 @@ function ResponsiveBlockControl(props) {
   const toggleControlLabel = toggleLabel || sprintf( /* translators: %s: Property value for the control (eg: margin, padding, etc.). */
   __('Use the same %s on all screen sizes.'), property);
   const toggleHelpText = __('Toggle between using the same value for all screen sizes or using a unique value per screen size.');
-  const defaultControl = renderDefaultControl(createElement(ResponsiveBlockControlLabel, {
+  const defaultControl = renderDefaultControl( /*#__PURE__*/_jsx(ResponsiveBlockControlLabel, {
     property: property,
     viewport: defaultLabel
   }), defaultLabel);
   const defaultResponsiveControls = () => {
-    return viewports.map(viewport => createElement(Fragment, {
-      key: viewport.id
-    }, renderDefaultControl(createElement(ResponsiveBlockControlLabel, {
-      property: property,
-      viewport: viewport
-    }), viewport)));
+    return viewports.map(viewport => /*#__PURE__*/_jsx(Fragment, {
+      children: renderDefaultControl( /*#__PURE__*/_jsx(ResponsiveBlockControlLabel, {
+        property: property,
+        viewport: viewport
+      }), viewport)
+    }, viewport.id));
   };
-  return createElement("fieldset", {
-    className: "block-editor-responsive-block-control"
-  }, createElement("legend", {
-    className: "block-editor-responsive-block-control__title"
-  }, title), createElement("div", {
-    className: "block-editor-responsive-block-control__inner"
-  }, createElement(ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    className: "block-editor-responsive-block-control__toggle",
-    label: toggleControlLabel,
-    checked: !isResponsive,
-    onChange: onIsResponsiveChange,
-    help: toggleHelpText
-  }), createElement("div", {
-    className: clsx('block-editor-responsive-block-control__group', {
-      'is-responsive': isResponsive
-    })
-  }, !isResponsive && defaultControl, isResponsive && (renderResponsiveControls ? renderResponsiveControls(viewports) : defaultResponsiveControls()))));
+  return /*#__PURE__*/_jsxs("fieldset", {
+    className: "block-editor-responsive-block-control",
+    children: [/*#__PURE__*/_jsx("legend", {
+      className: "block-editor-responsive-block-control__title",
+      children: title
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "block-editor-responsive-block-control__inner",
+      children: [/*#__PURE__*/_jsx(ToggleControl, {
+        __nextHasNoMarginBottom: true,
+        className: "block-editor-responsive-block-control__toggle",
+        label: toggleControlLabel,
+        checked: !isResponsive,
+        onChange: onIsResponsiveChange,
+        help: toggleHelpText
+      }), /*#__PURE__*/_jsxs("div", {
+        className: clsx('block-editor-responsive-block-control__group', {
+          'is-responsive': isResponsive
+        }),
+        children: [!isResponsive && defaultControl, isResponsive && (renderResponsiveControls ? renderResponsiveControls(viewports) : defaultResponsiveControls())]
+      })]
+    })]
+  });
 }
 export default ResponsiveBlockControl;
 //# sourceMappingURL=index.js.map

package/build-module/components/responsive-block-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","__","_x","sprintf","Fragment","ToggleControl","ResponsiveBlockControlLabel","ResponsiveBlockControl","props","title","property","toggleLabel","onIsResponsiveChange","renderDefaultControl","renderResponsiveControls","isResponsive","defaultLabel","id","label","viewports","toggleControlLabel","toggleHelpText","defaultControl","createElement","viewport","defaultResponsiveControls","map","key","className","__nextHasNoMarginBottom","checked","onChange","help"],"sources":["@wordpress/block-editor/src/components/responsive-block-control/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { Fragment } from '@wordpress/element';\nimport { ToggleControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ResponsiveBlockControlLabel from './label';\n\nfunction ResponsiveBlockControl( props ) {\n\tconst {\n\t\ttitle,\n\t\tproperty,\n\t\ttoggleLabel,\n\t\tonIsResponsiveChange,\n\t\trenderDefaultControl,\n\t\trenderResponsiveControls,\n\t\tisResponsive = false,\n\t\tdefaultLabel = {\n\t\t\tid: 'all',\n\t\t\tlabel: _x( 'All', 'screen sizes' ),\n\t\t},\n\t\tviewports = [\n\t\t\t{\n\t\t\t\tid: 'small',\n\t\t\t\tlabel: __( 'Small screens' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'medium',\n\t\t\t\tlabel: __( 'Medium screens' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'large',\n\t\t\t\tlabel: __( 'Large screens' ),\n\t\t\t},\n\t\t],\n\t} = props;\n\n\tif ( ! title || ! property || ! renderDefaultControl ) {\n\t\treturn null;\n\t}\n\n\tconst toggleControlLabel =\n\t\ttoggleLabel ||\n\t\tsprintf(\n\t\t\t/* translators: %s: Property value for the control (eg: margin, padding, etc.). */\n\t\t\t__( 'Use the same %s on all screen sizes.' ),\n\t\t\tproperty\n\t\t);\n\n\tconst toggleHelpText = __(\n\t\t'Toggle between using the same value for all screen sizes or using a unique value per screen size.'\n\t);\n\n\tconst defaultControl = renderDefaultControl(\n\t\t<ResponsiveBlockControlLabel\n\t\t\tproperty={ property }\n\t\t\tviewport={ defaultLabel }\n\t\t/>,\n\t\tdefaultLabel\n\t);\n\n\tconst defaultResponsiveControls = () => {\n\t\treturn viewports.map( ( viewport ) => (\n\t\t\t<Fragment key={ viewport.id }>\n\t\t\t\t{ renderDefaultControl(\n\t\t\t\t\t<ResponsiveBlockControlLabel\n\t\t\t\t\t\tproperty={ property }\n\t\t\t\t\t\tviewport={ viewport }\n\t\t\t\t\t/>,\n\t\t\t\t\tviewport\n\t\t\t\t) }\n\t\t\t</Fragment>\n\t\t) );\n\t};\n\n\treturn (\n\t\t<fieldset className=\"block-editor-responsive-block-control\">\n\t\t\t<legend className=\"block-editor-responsive-block-control__title\">\n\t\t\t\t{ title }\n\t\t\t</legend>\n\n\t\t\t<div className=\"block-editor-responsive-block-control__inner\">\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tclassName=\"block-editor-responsive-block-control__toggle\"\n\t\t\t\t\tlabel={ toggleControlLabel }\n\t\t\t\t\tchecked={ ! isResponsive }\n\t\t\t\t\tonChange={ onIsResponsiveChange }\n\t\t\t\t\thelp={ toggleHelpText }\n\t\t\t\t/>\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'block-editor-responsive-block-control__group',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-responsive': isResponsive,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ ! isResponsive && defaultControl }\n\t\t\t\t\t{ isResponsive &&\n\t\t\t\t\t\t( renderResponsiveControls\n\t\t\t\t\t\t\t? renderResponsiveControls( viewports )\n\t\t\t\t\t\t\t: defaultResponsiveControls() ) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n\nexport default ResponsiveBlockControl;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,EAAE,EAAEC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AACjD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,aAAa,QAAQ,uBAAuB;;AAErD;AACA;AACA;AACA,OAAOC,2BAA2B,MAAM,SAAS;AAEjD,SAASC,sBAAsBA,CAAEC,KAAK,EAAG;EACxC,MAAM;IACLC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC,oBAAoB;IACpBC,oBAAoB;IACpBC,wBAAwB;IACxBC,YAAY,GAAG,KAAK;IACpBC,YAAY,GAAG;MACdC,EAAE,EAAE,KAAK;MACTC,KAAK,EAAEhB,EAAE,CAAE,KAAK,EAAE,cAAe;IAClC,CAAC;IACDiB,SAAS,GAAG,CACX;MACCF,EAAE,EAAE,OAAO;MACXC,KAAK,EAAEjB,EAAE,CAAE,eAAgB;IAC5B,CAAC,EACD;MACCgB,EAAE,EAAE,QAAQ;MACZC,KAAK,EAAEjB,EAAE,CAAE,gBAAiB;IAC7B,CAAC,EACD;MACCgB,EAAE,EAAE,OAAO;MACXC,KAAK,EAAEjB,EAAE,CAAE,eAAgB;IAC5B,CAAC;EAEH,CAAC,GAAGO,KAAK;EAET,IAAK,CAAEC,KAAK,IAAI,CAAEC,QAAQ,IAAI,CAAEG,oBAAoB,EAAG;IACtD,OAAO,IAAI;EACZ;EAEA,MAAMO,kBAAkB,GACvBT,WAAW,IACXR,OAAO,EACN;EACAF,EAAE,CAAE,sCAAuC,CAAC,EAC5CS,QACD,CAAC;EAEF,MAAMW,cAAc,GAAGpB,EAAE,CACxB,mGACD,CAAC;EAED,MAAMqB,cAAc,GAAGT,oBAAoB,CAC1CU,aAAA,CAACjB,2BAA2B;IAC3BI,QAAQ,EAAGA,QAAU;IACrBc,QAAQ,EAAGR;EAAc,CACzB,CAAC,EACFA,YACD,CAAC;EAED,MAAMS,yBAAyB,GAAGA,CAAA,KAAM;IACvC,OAAON,SAAS,CAACO,GAAG,CAAIF,QAAQ,IAC/BD,aAAA,CAACnB,QAAQ;MAACuB,GAAG,EAAGH,QAAQ,CAACP;IAAI,GAC1BJ,oBAAoB,CACrBU,aAAA,CAACjB,2BAA2B;MAC3BI,QAAQ,EAAGA,QAAU;MACrBc,QAAQ,EAAGA;IAAU,CACrB,CAAC,EACFA,QACD,CACS,CACT,CAAC;EACJ,CAAC;EAED,OACCD,aAAA;IAAUK,SAAS,EAAC;EAAuC,GAC1DL,aAAA;IAAQK,SAAS,EAAC;EAA8C,GAC7DnB,KACK,CAAC,EAETc,aAAA;IAAKK,SAAS,EAAC;EAA8C,GAC5DL,aAAA,CAAClB,aAAa;IACbwB,uBAAuB;IACvBD,SAAS,EAAC,+CAA+C;IACzDV,KAAK,EAAGE,kBAAoB;IAC5BU,OAAO,EAAG,CAAEf,YAAc;IAC1BgB,QAAQ,EAAGnB,oBAAsB;IACjCoB,IAAI,EAAGX;EAAgB,CACvB,CAAC,EACFE,aAAA;IACCK,SAAS,EAAG5B,IAAI,CACf,8CAA8C,EAC9C;MACC,eAAe,EAAEe;IAClB,CACD;EAAG,GAED,CAAEA,YAAY,IAAIO,cAAc,EAChCP,YAAY,KACXD,wBAAwB,GACvBA,wBAAwB,CAAEK,SAAU,CAAC,GACrCM,yBAAyB,CAAC,CAAC,CAC3B,CACD,CACI,CAAC;AAEb;AAEA,eAAelB,sBAAsB","ignoreList":[]}
+{"version":3,"names":["clsx","__","_x","sprintf","Fragment","ToggleControl","ResponsiveBlockControlLabel","jsx","_jsx","jsxs","_jsxs","ResponsiveBlockControl","props","title","property","toggleLabel","onIsResponsiveChange","renderDefaultControl","renderResponsiveControls","isResponsive","defaultLabel","id","label","viewports","toggleControlLabel","toggleHelpText","defaultControl","viewport","defaultResponsiveControls","map","children","className","__nextHasNoMarginBottom","checked","onChange","help"],"sources":["@wordpress/block-editor/src/components/responsive-block-control/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { Fragment } from '@wordpress/element';\nimport { ToggleControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ResponsiveBlockControlLabel from './label';\n\nfunction ResponsiveBlockControl( props ) {\n\tconst {\n\t\ttitle,\n\t\tproperty,\n\t\ttoggleLabel,\n\t\tonIsResponsiveChange,\n\t\trenderDefaultControl,\n\t\trenderResponsiveControls,\n\t\tisResponsive = false,\n\t\tdefaultLabel = {\n\t\t\tid: 'all',\n\t\t\tlabel: _x( 'All', 'screen sizes' ),\n\t\t},\n\t\tviewports = [\n\t\t\t{\n\t\t\t\tid: 'small',\n\t\t\t\tlabel: __( 'Small screens' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'medium',\n\t\t\t\tlabel: __( 'Medium screens' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'large',\n\t\t\t\tlabel: __( 'Large screens' ),\n\t\t\t},\n\t\t],\n\t} = props;\n\n\tif ( ! title || ! property || ! renderDefaultControl ) {\n\t\treturn null;\n\t}\n\n\tconst toggleControlLabel =\n\t\ttoggleLabel ||\n\t\tsprintf(\n\t\t\t/* translators: %s: Property value for the control (eg: margin, padding, etc.). */\n\t\t\t__( 'Use the same %s on all screen sizes.' ),\n\t\t\tproperty\n\t\t);\n\n\tconst toggleHelpText = __(\n\t\t'Toggle between using the same value for all screen sizes or using a unique value per screen size.'\n\t);\n\n\tconst defaultControl = renderDefaultControl(\n\t\t<ResponsiveBlockControlLabel\n\t\t\tproperty={ property }\n\t\t\tviewport={ defaultLabel }\n\t\t/>,\n\t\tdefaultLabel\n\t);\n\n\tconst defaultResponsiveControls = () => {\n\t\treturn viewports.map( ( viewport ) => (\n\t\t\t<Fragment key={ viewport.id }>\n\t\t\t\t{ renderDefaultControl(\n\t\t\t\t\t<ResponsiveBlockControlLabel\n\t\t\t\t\t\tproperty={ property }\n\t\t\t\t\t\tviewport={ viewport }\n\t\t\t\t\t/>,\n\t\t\t\t\tviewport\n\t\t\t\t) }\n\t\t\t</Fragment>\n\t\t) );\n\t};\n\n\treturn (\n\t\t<fieldset className=\"block-editor-responsive-block-control\">\n\t\t\t<legend className=\"block-editor-responsive-block-control__title\">\n\t\t\t\t{ title }\n\t\t\t</legend>\n\n\t\t\t<div className=\"block-editor-responsive-block-control__inner\">\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tclassName=\"block-editor-responsive-block-control__toggle\"\n\t\t\t\t\tlabel={ toggleControlLabel }\n\t\t\t\t\tchecked={ ! isResponsive }\n\t\t\t\t\tonChange={ onIsResponsiveChange }\n\t\t\t\t\thelp={ toggleHelpText }\n\t\t\t\t/>\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'block-editor-responsive-block-control__group',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-responsive': isResponsive,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ ! isResponsive && defaultControl }\n\t\t\t\t\t{ isResponsive &&\n\t\t\t\t\t\t( renderResponsiveControls\n\t\t\t\t\t\t\t? renderResponsiveControls( viewports )\n\t\t\t\t\t\t\t: defaultResponsiveControls() ) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n\nexport default ResponsiveBlockControl;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,EAAE,EAAEC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AACjD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,aAAa,QAAQ,uBAAuB;;AAErD;AACA;AACA;AACA,OAAOC,2BAA2B,MAAM,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAElD,SAASC,sBAAsBA,CAAEC,KAAK,EAAG;EACxC,MAAM;IACLC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC,oBAAoB;IACpBC,oBAAoB;IACpBC,wBAAwB;IACxBC,YAAY,GAAG,KAAK;IACpBC,YAAY,GAAG;MACdC,EAAE,EAAE,KAAK;MACTC,KAAK,EAAEpB,EAAE,CAAE,KAAK,EAAE,cAAe;IAClC,CAAC;IACDqB,SAAS,GAAG,CACX;MACCF,EAAE,EAAE,OAAO;MACXC,KAAK,EAAErB,EAAE,CAAE,eAAgB;IAC5B,CAAC,EACD;MACCoB,EAAE,EAAE,QAAQ;MACZC,KAAK,EAAErB,EAAE,CAAE,gBAAiB;IAC7B,CAAC,EACD;MACCoB,EAAE,EAAE,OAAO;MACXC,KAAK,EAAErB,EAAE,CAAE,eAAgB;IAC5B,CAAC;EAEH,CAAC,GAAGW,KAAK;EAET,IAAK,CAAEC,KAAK,IAAI,CAAEC,QAAQ,IAAI,CAAEG,oBAAoB,EAAG;IACtD,OAAO,IAAI;EACZ;EAEA,MAAMO,kBAAkB,GACvBT,WAAW,IACXZ,OAAO,EACN;EACAF,EAAE,CAAE,sCAAuC,CAAC,EAC5Ca,QACD,CAAC;EAEF,MAAMW,cAAc,GAAGxB,EAAE,CACxB,mGACD,CAAC;EAED,MAAMyB,cAAc,GAAGT,oBAAoB,eAC1CT,IAAA,CAACF,2BAA2B;IAC3BQ,QAAQ,EAAGA,QAAU;IACrBa,QAAQ,EAAGP;EAAc,CACzB,CAAC,EACFA,YACD,CAAC;EAED,MAAMQ,yBAAyB,GAAGA,CAAA,KAAM;IACvC,OAAOL,SAAS,CAACM,GAAG,CAAIF,QAAQ,iBAC/BnB,IAAA,CAACJ,QAAQ;MAAA0B,QAAA,EACNb,oBAAoB,eACrBT,IAAA,CAACF,2BAA2B;QAC3BQ,QAAQ,EAAGA,QAAU;QACrBa,QAAQ,EAAGA;MAAU,CACrB,CAAC,EACFA,QACD;IAAC,GAPcA,QAAQ,CAACN,EAQf,CACT,CAAC;EACJ,CAAC;EAED,oBACCX,KAAA;IAAUqB,SAAS,EAAC,uCAAuC;IAAAD,QAAA,gBAC1DtB,IAAA;MAAQuB,SAAS,EAAC,8CAA8C;MAAAD,QAAA,EAC7DjB;IAAK,CACA,CAAC,eAETH,KAAA;MAAKqB,SAAS,EAAC,8CAA8C;MAAAD,QAAA,gBAC5DtB,IAAA,CAACH,aAAa;QACb2B,uBAAuB;QACvBD,SAAS,EAAC,+CAA+C;QACzDT,KAAK,EAAGE,kBAAoB;QAC5BS,OAAO,EAAG,CAAEd,YAAc;QAC1Be,QAAQ,EAAGlB,oBAAsB;QACjCmB,IAAI,EAAGV;MAAgB,CACvB,CAAC,eACFf,KAAA;QACCqB,SAAS,EAAG/B,IAAI,CACf,8CAA8C,EAC9C;UACC,eAAe,EAAEmB;QAClB,CACD,CAAG;QAAAW,QAAA,GAED,CAAEX,YAAY,IAAIO,cAAc,EAChCP,YAAY,KACXD,wBAAwB,GACvBA,wBAAwB,CAAEK,SAAU,CAAC,GACrCK,yBAAyB,CAAC,CAAC,CAAE;MAAA,CAC7B,CAAC;IAAA,CACF,CAAC;EAAA,CACG,CAAC;AAEb;AAEA,eAAejB,sBAAsB","ignoreList":[]}

package/build-module/components/responsive-block-control/label.js

@@ -1,10 +1,12 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
 import { useInstanceId } from '@wordpress/compose';
 import { VisuallyHidden } from '@wordpress/components';
 import { _x, sprintf } from '@wordpress/i18n';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function ResponsiveBlockControlLabel({
   property,
   viewport,
@@ -13,11 +15,15 @@ export default function ResponsiveBlockControlLabel({
   const instanceId = useInstanceId(ResponsiveBlockControlLabel);
   const accessibleLabel = desc || sprintf( /* translators: 1: property name. 2: viewport name. */
   _x('Controls the %1$s property for %2$s viewports.', 'Text labelling a interface as controlling a given layout property (eg: margin) for a given screen size.'), property, viewport.label);
-  return createElement(Fragment, null, createElement("span", {
-    "aria-describedby": `rbc-desc-${instanceId}`
-  }, viewport.label), createElement(VisuallyHidden, {
-    as: "span",
-    id: `rbc-desc-${instanceId}`
-  }, accessibleLabel));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("span", {
+      "aria-describedby": `rbc-desc-${instanceId}`,
+      children: viewport.label
+    }), /*#__PURE__*/_jsx(VisuallyHidden, {
+      as: "span",
+      id: `rbc-desc-${instanceId}`,
+      children: accessibleLabel
+    })]
+  });
 }
 //# sourceMappingURL=label.js.map

package/build-module/components/responsive-block-control/label.js.map

@@ -1 +1 @@
-{"version":3,"names":["useInstanceId","VisuallyHidden","_x","sprintf","ResponsiveBlockControlLabel","property","viewport","desc","instanceId","accessibleLabel","label","createElement","Fragment","as","id"],"sources":["@wordpress/block-editor/src/components/responsive-block-control/label.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { VisuallyHidden } from '@wordpress/components';\nimport { _x, sprintf } from '@wordpress/i18n';\n\nexport default function ResponsiveBlockControlLabel( {\n\tproperty,\n\tviewport,\n\tdesc,\n} ) {\n\tconst instanceId = useInstanceId( ResponsiveBlockControlLabel );\n\tconst accessibleLabel =\n\t\tdesc ||\n\t\tsprintf(\n\t\t\t/* translators: 1: property name. 2: viewport name. */\n\t\t\t_x(\n\t\t\t\t'Controls the %1$s property for %2$s viewports.',\n\t\t\t\t'Text labelling a interface as controlling a given layout property (eg: margin) for a given screen size.'\n\t\t\t),\n\t\t\tproperty,\n\t\t\tviewport.label\n\t\t);\n\treturn (\n\t\t<>\n\t\t\t<span aria-describedby={ `rbc-desc-${ instanceId }` }>\n\t\t\t\t{ viewport.label }\n\t\t\t</span>\n\t\t\t<VisuallyHidden as=\"span\" id={ `rbc-desc-${ instanceId }` }>\n\t\t\t\t{ accessibleLabel }\n\t\t\t</VisuallyHidden>\n\t\t</>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,oBAAoB;AAClD,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAE7C,eAAe,SAASC,2BAA2BA,CAAE;EACpDC,QAAQ;EACRC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGR,aAAa,CAAEI,2BAA4B,CAAC;EAC/D,MAAMK,eAAe,GACpBF,IAAI,IACJJ,OAAO,EACN;EACAD,EAAE,CACD,gDAAgD,EAChD,yGACD,CAAC,EACDG,QAAQ,EACRC,QAAQ,CAACI,KACV,CAAC;EACF,OACCC,aAAA,CAAAC,QAAA,QACCD,aAAA;IAAM,oBAAoB,YAAYH,UAAY;EAAG,GAClDF,QAAQ,CAACI,KACN,CAAC,EACPC,aAAA,CAACV,cAAc;IAACY,EAAE,EAAC,MAAM;IAACC,EAAE,EAAI,YAAYN,UAAY;EAAG,GACxDC,eACa,CACf,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["useInstanceId","VisuallyHidden","_x","sprintf","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ResponsiveBlockControlLabel","property","viewport","desc","instanceId","accessibleLabel","label","children","as","id"],"sources":["@wordpress/block-editor/src/components/responsive-block-control/label.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { VisuallyHidden } from '@wordpress/components';\nimport { _x, sprintf } from '@wordpress/i18n';\n\nexport default function ResponsiveBlockControlLabel( {\n\tproperty,\n\tviewport,\n\tdesc,\n} ) {\n\tconst instanceId = useInstanceId( ResponsiveBlockControlLabel );\n\tconst accessibleLabel =\n\t\tdesc ||\n\t\tsprintf(\n\t\t\t/* translators: 1: property name. 2: viewport name. */\n\t\t\t_x(\n\t\t\t\t'Controls the %1$s property for %2$s viewports.',\n\t\t\t\t'Text labelling a interface as controlling a given layout property (eg: margin) for a given screen size.'\n\t\t\t),\n\t\t\tproperty,\n\t\t\tviewport.label\n\t\t);\n\treturn (\n\t\t<>\n\t\t\t<span aria-describedby={ `rbc-desc-${ instanceId }` }>\n\t\t\t\t{ viewport.label }\n\t\t\t</span>\n\t\t\t<VisuallyHidden as=\"span\" id={ `rbc-desc-${ instanceId }` }>\n\t\t\t\t{ accessibleLabel }\n\t\t\t</VisuallyHidden>\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,oBAAoB;AAClD,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE9C,eAAe,SAASC,2BAA2BA,CAAE;EACpDC,QAAQ;EACRC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGd,aAAa,CAAEU,2BAA4B,CAAC;EAC/D,MAAMK,eAAe,GACpBF,IAAI,IACJV,OAAO,EACN;EACAD,EAAE,CACD,gDAAgD,EAChD,yGACD,CAAC,EACDS,QAAQ,EACRC,QAAQ,CAACI,KACV,CAAC;EACF,oBACCP,KAAA,CAAAF,SAAA;IAAAU,QAAA,gBACCZ,IAAA;MAAM,oBAAoB,YAAYS,UAAY,EAAG;MAAAG,QAAA,EAClDL,QAAQ,CAACI;IAAK,CACX,CAAC,eACPX,IAAA,CAACJ,cAAc;MAACiB,EAAE,EAAC,MAAM;MAACC,EAAE,EAAI,YAAYL,UAAY,EAAG;MAAAG,QAAA,EACxDF;IAAe,CACF,CAAC;EAAA,CAChB,CAAC;AAEL","ignoreList":[]}

package/build-module/components/rich-text/content.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -15,6 +14,7 @@ import RichText from './';
  * Internal dependencies
  */
 import { getMultilineTag } from './utils';
+import { jsx as _jsx } from "react/jsx-runtime";
 export function valueToHTMLString(value, multiline) {
   if (RichText.isEmpty(value)) {
     const multilineTag = getMultilineTag(multiline);
@@ -47,9 +47,12 @@ export function Content({
   format,
   ...props
 }) {
-  value = createElement(RawHTML, null, valueToHTMLString(value, multiline));
-  return Tag ? createElement(Tag, {
-    ...props
-  }, value) : value;
+  value = /*#__PURE__*/_jsx(RawHTML, {
+    children: valueToHTMLString(value, multiline)
+  });
+  return Tag ? /*#__PURE__*/_jsx(Tag, {
+    ...props,
+    children: value
+  }) : value;
 }
 //# sourceMappingURL=content.js.map

package/build-module/components/rich-text/content.js.map

@@ -1 +1 @@
-{"version":3,"names":["RawHTML","children","childrenSource","deprecated","RichText","getMultilineTag","valueToHTMLString","value","multiline","isEmpty","multilineTag","Array","isArray","since","version","alternative","link","toHTML","toHTMLString","Content","tagName","Tag","format","props","createElement"],"sources":["@wordpress/block-editor/src/components/rich-text/content.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RawHTML } from '@wordpress/element';\nimport { children as childrenSource } from '@wordpress/blocks';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport RichText from './';\n\n/**\n * Internal dependencies\n */\nimport { getMultilineTag } from './utils';\n\nexport function valueToHTMLString( value, multiline ) {\n\tif ( RichText.isEmpty( value ) ) {\n\t\tconst multilineTag = getMultilineTag( multiline );\n\t\treturn multilineTag ? `<${ multilineTag }></${ multilineTag }>` : '';\n\t}\n\n\tif ( Array.isArray( value ) ) {\n\t\tdeprecated( 'wp.blockEditor.RichText value prop as children type', {\n\t\t\tsince: '6.1',\n\t\t\tversion: '6.3',\n\t\t\talternative: 'value prop as string',\n\t\t\tlink: 'https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/',\n\t\t} );\n\t\treturn childrenSource.toHTML( value );\n\t}\n\n\t// To do: deprecate string type.\n\tif ( typeof value === 'string' ) {\n\t\treturn value;\n\t}\n\n\t// To do: create a toReactComponent method on RichTextData, which we\n\t// might in the future also use for the editable tree. See\n\t// https://github.com/WordPress/gutenberg/pull/41655.\n\treturn value.toHTMLString();\n}\n\nexport function Content( {\n\tvalue,\n\ttagName: Tag,\n\tmultiline,\n\tformat,\n\t...props\n} ) {\n\tvalue = <RawHTML>{ valueToHTMLString( value, multiline ) }</RawHTML>;\n\treturn Tag ? <Tag { ...props }>{ value }</Tag> : value;\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,QAAQ,IAAIC,cAAc,QAAQ,mBAAmB;AAC9D,OAAOC,UAAU,MAAM,uBAAuB;;AAE9C;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,IAAI;;AAEzB;AACA;AACA;AACA,SAASC,eAAe,QAAQ,SAAS;AAEzC,OAAO,SAASC,iBAAiBA,CAAEC,KAAK,EAAEC,SAAS,EAAG;EACrD,IAAKJ,QAAQ,CAACK,OAAO,CAAEF,KAAM,CAAC,EAAG;IAChC,MAAMG,YAAY,GAAGL,eAAe,CAAEG,SAAU,CAAC;IACjD,OAAOE,YAAY,GAAI,IAAIA,YAAc,MAAMA,YAAc,GAAE,GAAG,EAAE;EACrE;EAEA,IAAKC,KAAK,CAACC,OAAO,CAAEL,KAAM,CAAC,EAAG;IAC7BJ,UAAU,CAAE,qDAAqD,EAAE;MAClEU,KAAK,EAAE,KAAK;MACZC,OAAO,EAAE,KAAK;MACdC,WAAW,EAAE,sBAAsB;MACnCC,IAAI,EAAE;IACP,CAAE,CAAC;IACH,OAAOd,cAAc,CAACe,MAAM,CAAEV,KAAM,CAAC;EACtC;;EAEA;EACA,IAAK,OAAOA,KAAK,KAAK,QAAQ,EAAG;IAChC,OAAOA,KAAK;EACb;;EAEA;EACA;EACA;EACA,OAAOA,KAAK,CAACW,YAAY,CAAC,CAAC;AAC5B;AAEA,OAAO,SAASC,OAAOA,CAAE;EACxBZ,KAAK;EACLa,OAAO,EAAEC,GAAG;EACZb,SAAS;EACTc,MAAM;EACN,GAAGC;AACJ,CAAC,EAAG;EACHhB,KAAK,GAAGiB,aAAA,CAACxB,OAAO,QAAGM,iBAAiB,CAAEC,KAAK,EAAEC,SAAU,CAAY,CAAC;EACpE,OAAOa,GAAG,GAAGG,aAAA,CAACH,GAAG;IAAA,GAAME;EAAK,GAAKhB,KAAY,CAAC,GAAGA,KAAK;AACvD","ignoreList":[]}
+{"version":3,"names":["RawHTML","children","childrenSource","deprecated","RichText","getMultilineTag","jsx","_jsx","valueToHTMLString","value","multiline","isEmpty","multilineTag","Array","isArray","since","version","alternative","link","toHTML","toHTMLString","Content","tagName","Tag","format","props"],"sources":["@wordpress/block-editor/src/components/rich-text/content.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RawHTML } from '@wordpress/element';\nimport { children as childrenSource } from '@wordpress/blocks';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport RichText from './';\n\n/**\n * Internal dependencies\n */\nimport { getMultilineTag } from './utils';\n\nexport function valueToHTMLString( value, multiline ) {\n\tif ( RichText.isEmpty( value ) ) {\n\t\tconst multilineTag = getMultilineTag( multiline );\n\t\treturn multilineTag ? `<${ multilineTag }></${ multilineTag }>` : '';\n\t}\n\n\tif ( Array.isArray( value ) ) {\n\t\tdeprecated( 'wp.blockEditor.RichText value prop as children type', {\n\t\t\tsince: '6.1',\n\t\t\tversion: '6.3',\n\t\t\talternative: 'value prop as string',\n\t\t\tlink: 'https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/',\n\t\t} );\n\t\treturn childrenSource.toHTML( value );\n\t}\n\n\t// To do: deprecate string type.\n\tif ( typeof value === 'string' ) {\n\t\treturn value;\n\t}\n\n\t// To do: create a toReactComponent method on RichTextData, which we\n\t// might in the future also use for the editable tree. See\n\t// https://github.com/WordPress/gutenberg/pull/41655.\n\treturn value.toHTMLString();\n}\n\nexport function Content( {\n\tvalue,\n\ttagName: Tag,\n\tmultiline,\n\tformat,\n\t...props\n} ) {\n\tvalue = <RawHTML>{ valueToHTMLString( value, multiline ) }</RawHTML>;\n\treturn Tag ? <Tag { ...props }>{ value }</Tag> : value;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,QAAQ,IAAIC,cAAc,QAAQ,mBAAmB;AAC9D,OAAOC,UAAU,MAAM,uBAAuB;;AAE9C;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,IAAI;;AAEzB;AACA;AACA;AACA,SAASC,eAAe,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1C,OAAO,SAASC,iBAAiBA,CAAEC,KAAK,EAAEC,SAAS,EAAG;EACrD,IAAKN,QAAQ,CAACO,OAAO,CAAEF,KAAM,CAAC,EAAG;IAChC,MAAMG,YAAY,GAAGP,eAAe,CAAEK,SAAU,CAAC;IACjD,OAAOE,YAAY,GAAI,IAAIA,YAAc,MAAMA,YAAc,GAAE,GAAG,EAAE;EACrE;EAEA,IAAKC,KAAK,CAACC,OAAO,CAAEL,KAAM,CAAC,EAAG;IAC7BN,UAAU,CAAE,qDAAqD,EAAE;MAClEY,KAAK,EAAE,KAAK;MACZC,OAAO,EAAE,KAAK;MACdC,WAAW,EAAE,sBAAsB;MACnCC,IAAI,EAAE;IACP,CAAE,CAAC;IACH,OAAOhB,cAAc,CAACiB,MAAM,CAAEV,KAAM,CAAC;EACtC;;EAEA;EACA,IAAK,OAAOA,KAAK,KAAK,QAAQ,EAAG;IAChC,OAAOA,KAAK;EACb;;EAEA;EACA;EACA;EACA,OAAOA,KAAK,CAACW,YAAY,CAAC,CAAC;AAC5B;AAEA,OAAO,SAASC,OAAOA,CAAE;EACxBZ,KAAK;EACLa,OAAO,EAAEC,GAAG;EACZb,SAAS;EACTc,MAAM;EACN,GAAGC;AACJ,CAAC,EAAG;EACHhB,KAAK,gBAAGF,IAAA,CAACP,OAAO;IAAAC,QAAA,EAAGO,iBAAiB,CAAEC,KAAK,EAAEC,SAAU;EAAC,CAAW,CAAC;EACpE,OAAOa,GAAG,gBAAGhB,IAAA,CAACgB,GAAG;IAAA,GAAME,KAAK;IAAAxB,QAAA,EAAKQ;EAAK,CAAO,CAAC,GAAGA,KAAK;AACvD","ignoreList":[]}

package/build-module/components/rich-text/embed-handler-picker.native.js

@@ -1,10 +1,10 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { forwardRef, useRef, useImperativeHandle, memo, useCallback } from '@wordpress/element';
 import { Picker } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
+import { jsx as _jsx } from "react/jsx-runtime";
 const noop = () => {};
 const DEFAULT_PICKER_OPTIONS = [{
   id: 'createEmbed',
@@ -34,7 +34,7 @@ const EmbedHandlerPicker = forwardRef(({}, ref) => {
       pickerRef.current?.presentPicker();
     }
   }));
-  return createElement(Picker, {
+  return /*#__PURE__*/_jsx(Picker, {
     ref: pickerRef,
     options: pickerOptions,
     onChange: onPickerSelect,

package/build-module/components/rich-text/embed-handler-picker.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useRef","useImperativeHandle","memo","useCallback","Picker","__","noop","DEFAULT_PICKER_OPTIONS","id","label","value","onSelect","EmbedHandlerPicker","ref","pickerRef","pickerOptions","current","onPickerSelect","selectedItem","find","item","presentPicker","createEmbed","createLink","createElement","options","onChange","testID","hideCancelButton","leftAlign"],"sources":["@wordpress/block-editor/src/components/rich-text/embed-handler-picker.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tforwardRef,\n\tuseRef,\n\tuseImperativeHandle,\n\tmemo,\n\tuseCallback,\n} from '@wordpress/element';\nimport { Picker } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst noop = () => {};\n\nconst DEFAULT_PICKER_OPTIONS = [\n\t{\n\t\tid: 'createEmbed',\n\t\tlabel: __( 'Create embed' ),\n\t\tvalue: 'createEmbed',\n\t\tonSelect: noop,\n\t},\n\t{\n\t\tid: 'createLink',\n\t\tlabel: __( 'Create link' ),\n\t\tvalue: 'createLink',\n\t\tonSelect: noop,\n\t},\n];\n\nconst EmbedHandlerPicker = forwardRef( ( {}, ref ) => {\n\tconst pickerRef = useRef();\n\tconst pickerOptions = useRef( DEFAULT_PICKER_OPTIONS ).current;\n\n\tconst onPickerSelect = useCallback(\n\t\t( value ) => {\n\t\t\tconst selectedItem = pickerOptions.find(\n\t\t\t\t( item ) => item.value === value\n\t\t\t);\n\t\t\tselectedItem.onSelect();\n\t\t},\n\t\t[ pickerOptions ]\n\t);\n\n\tuseImperativeHandle( ref, () => ( {\n\t\tpresentPicker: ( { createEmbed, createLink } ) => {\n\t\t\tpickerOptions[ 0 ].onSelect = createEmbed;\n\t\t\tpickerOptions[ 1 ].onSelect = createLink;\n\t\t\tpickerRef.current?.presentPicker();\n\t\t},\n\t} ) );\n\n\treturn (\n\t\t<Picker\n\t\t\tref={ pickerRef }\n\t\t\toptions={ pickerOptions }\n\t\t\tonChange={ onPickerSelect }\n\t\t\ttestID=\"embed-handler-picker\"\n\t\t\thideCancelButton\n\t\t\tleftAlign\n\t\t/>\n\t);\n} );\n\nexport default memo( EmbedHandlerPicker );\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,UAAU,EACVC,MAAM,EACNC,mBAAmB,EACnBC,IAAI,EACJC,WAAW,QACL,oBAAoB;AAC3B,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,EAAE,QAAQ,iBAAiB;AAEpC,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,MAAMC,sBAAsB,GAAG,CAC9B;EACCC,EAAE,EAAE,aAAa;EACjBC,KAAK,EAAEJ,EAAE,CAAE,cAAe,CAAC;EAC3BK,KAAK,EAAE,aAAa;EACpBC,QAAQ,EAAEL;AACX,CAAC,EACD;EACCE,EAAE,EAAE,YAAY;EAChBC,KAAK,EAAEJ,EAAE,CAAE,aAAc,CAAC;EAC1BK,KAAK,EAAE,YAAY;EACnBC,QAAQ,EAAEL;AACX,CAAC,CACD;AAED,MAAMM,kBAAkB,GAAGb,UAAU,CAAE,CAAE,CAAC,CAAC,EAAEc,GAAG,KAAM;EACrD,MAAMC,SAAS,GAAGd,MAAM,CAAC,CAAC;EAC1B,MAAMe,aAAa,GAAGf,MAAM,CAAEO,sBAAuB,CAAC,CAACS,OAAO;EAE9D,MAAMC,cAAc,GAAGd,WAAW,CAC/BO,KAAK,IAAM;IACZ,MAAMQ,YAAY,GAAGH,aAAa,CAACI,IAAI,CACpCC,IAAI,IAAMA,IAAI,CAACV,KAAK,KAAKA,KAC5B,CAAC;IACDQ,YAAY,CAACP,QAAQ,CAAC,CAAC;EACxB,CAAC,EACD,CAAEI,aAAa,CAChB,CAAC;EAEDd,mBAAmB,CAAEY,GAAG,EAAE,OAAQ;IACjCQ,aAAa,EAAEA,CAAE;MAAEC,WAAW;MAAEC;IAAW,CAAC,KAAM;MACjDR,aAAa,CAAE,CAAC,CAAE,CAACJ,QAAQ,GAAGW,WAAW;MACzCP,aAAa,CAAE,CAAC,CAAE,CAACJ,QAAQ,GAAGY,UAAU;MACxCT,SAAS,CAACE,OAAO,EAAEK,aAAa,CAAC,CAAC;IACnC;EACD,CAAC,CAAG,CAAC;EAEL,OACCG,aAAA,CAACpB,MAAM;IACNS,GAAG,EAAGC,SAAW;IACjBW,OAAO,EAAGV,aAAe;IACzBW,QAAQ,EAAGT,cAAgB;IAC3BU,MAAM,EAAC,sBAAsB;IAC7BC,gBAAgB;IAChBC,SAAS;EAAA,CACT,CAAC;AAEJ,CAAE,CAAC;AAEH,eAAe3B,IAAI,CAAEU,kBAAmB,CAAC","ignoreList":[]}
+{"version":3,"names":["forwardRef","useRef","useImperativeHandle","memo","useCallback","Picker","__","jsx","_jsx","noop","DEFAULT_PICKER_OPTIONS","id","label","value","onSelect","EmbedHandlerPicker","ref","pickerRef","pickerOptions","current","onPickerSelect","selectedItem","find","item","presentPicker","createEmbed","createLink","options","onChange","testID","hideCancelButton","leftAlign"],"sources":["@wordpress/block-editor/src/components/rich-text/embed-handler-picker.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tforwardRef,\n\tuseRef,\n\tuseImperativeHandle,\n\tmemo,\n\tuseCallback,\n} from '@wordpress/element';\nimport { Picker } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst noop = () => {};\n\nconst DEFAULT_PICKER_OPTIONS = [\n\t{\n\t\tid: 'createEmbed',\n\t\tlabel: __( 'Create embed' ),\n\t\tvalue: 'createEmbed',\n\t\tonSelect: noop,\n\t},\n\t{\n\t\tid: 'createLink',\n\t\tlabel: __( 'Create link' ),\n\t\tvalue: 'createLink',\n\t\tonSelect: noop,\n\t},\n];\n\nconst EmbedHandlerPicker = forwardRef( ( {}, ref ) => {\n\tconst pickerRef = useRef();\n\tconst pickerOptions = useRef( DEFAULT_PICKER_OPTIONS ).current;\n\n\tconst onPickerSelect = useCallback(\n\t\t( value ) => {\n\t\t\tconst selectedItem = pickerOptions.find(\n\t\t\t\t( item ) => item.value === value\n\t\t\t);\n\t\t\tselectedItem.onSelect();\n\t\t},\n\t\t[ pickerOptions ]\n\t);\n\n\tuseImperativeHandle( ref, () => ( {\n\t\tpresentPicker: ( { createEmbed, createLink } ) => {\n\t\t\tpickerOptions[ 0 ].onSelect = createEmbed;\n\t\t\tpickerOptions[ 1 ].onSelect = createLink;\n\t\t\tpickerRef.current?.presentPicker();\n\t\t},\n\t} ) );\n\n\treturn (\n\t\t<Picker\n\t\t\tref={ pickerRef }\n\t\t\toptions={ pickerOptions }\n\t\t\tonChange={ onPickerSelect }\n\t\t\ttestID=\"embed-handler-picker\"\n\t\t\thideCancelButton\n\t\t\tleftAlign\n\t\t/>\n\t);\n} );\n\nexport default memo( EmbedHandlerPicker );\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,UAAU,EACVC,MAAM,EACNC,mBAAmB,EACnBC,IAAI,EACJC,WAAW,QACL,oBAAoB;AAC3B,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,EAAE,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErC,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,MAAMC,sBAAsB,GAAG,CAC9B;EACCC,EAAE,EAAE,aAAa;EACjBC,KAAK,EAAEN,EAAE,CAAE,cAAe,CAAC;EAC3BO,KAAK,EAAE,aAAa;EACpBC,QAAQ,EAAEL;AACX,CAAC,EACD;EACCE,EAAE,EAAE,YAAY;EAChBC,KAAK,EAAEN,EAAE,CAAE,aAAc,CAAC;EAC1BO,KAAK,EAAE,YAAY;EACnBC,QAAQ,EAAEL;AACX,CAAC,CACD;AAED,MAAMM,kBAAkB,GAAGf,UAAU,CAAE,CAAE,CAAC,CAAC,EAAEgB,GAAG,KAAM;EACrD,MAAMC,SAAS,GAAGhB,MAAM,CAAC,CAAC;EAC1B,MAAMiB,aAAa,GAAGjB,MAAM,CAAES,sBAAuB,CAAC,CAACS,OAAO;EAE9D,MAAMC,cAAc,GAAGhB,WAAW,CAC/BS,KAAK,IAAM;IACZ,MAAMQ,YAAY,GAAGH,aAAa,CAACI,IAAI,CACpCC,IAAI,IAAMA,IAAI,CAACV,KAAK,KAAKA,KAC5B,CAAC;IACDQ,YAAY,CAACP,QAAQ,CAAC,CAAC;EACxB,CAAC,EACD,CAAEI,aAAa,CAChB,CAAC;EAEDhB,mBAAmB,CAAEc,GAAG,EAAE,OAAQ;IACjCQ,aAAa,EAAEA,CAAE;MAAEC,WAAW;MAAEC;IAAW,CAAC,KAAM;MACjDR,aAAa,CAAE,CAAC,CAAE,CAACJ,QAAQ,GAAGW,WAAW;MACzCP,aAAa,CAAE,CAAC,CAAE,CAACJ,QAAQ,GAAGY,UAAU;MACxCT,SAAS,CAACE,OAAO,EAAEK,aAAa,CAAC,CAAC;IACnC;EACD,CAAC,CAAG,CAAC;EAEL,oBACChB,IAAA,CAACH,MAAM;IACNW,GAAG,EAAGC,SAAW;IACjBU,OAAO,EAAGT,aAAe;IACzBU,QAAQ,EAAGR,cAAgB;IAC3BS,MAAM,EAAC,sBAAsB;IAC7BC,gBAAgB;IAChBC,SAAS;EAAA,CACT,CAAC;AAEJ,CAAE,CAAC;AAEH,eAAe5B,IAAI,CAAEY,kBAAmB,CAAC","ignoreList":[]}

package/build-module/components/rich-text/format-edit.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -9,6 +8,8 @@ import { useContext, useMemo } from '@wordpress/element';
  * Internal dependencies
  */
 import BlockContext from '../block-context';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
 const DEFAULT_BLOCK_CONTEXT = {};
 export const usesContextKey = Symbol('usesContext');
 function Edit({
@@ -36,8 +37,7 @@ function Edit({
   const isActive = activeFormat !== undefined;
   const activeObject = getActiveObject(value);
   const isObjectActive = activeObject !== undefined && activeObject.type === name;
-  return createElement(EditFunction, {
-    key: name,
+  return /*#__PURE__*/_jsx(EditFunction, {
     isActive: isActive,
     activeAttributes: isActive ? activeFormat.attributes || {} : {},
     isObjectActive: isObjectActive,
@@ -47,13 +47,13 @@ function Edit({
     onFocus: onFocus,
     contentRef: forwardedRef,
     context: context
-  });
+  }, name);
 }
 export default function FormatEdit({
   formatTypes,
   ...props
 }) {
-  return formatTypes.map(settings => createElement(Edit, {
+  return formatTypes.map(settings => /*#__PURE__*/_createElement(Edit, {
     settings: settings,
     ...props,
     key: settings.name

package/build-module/components/rich-text/format-edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["getActiveFormat","getActiveObject","useContext","useMemo","BlockContext","DEFAULT_BLOCK_CONTEXT","usesContextKey","Symbol","Edit","onChange","onFocus","value","forwardedRef","settings","name","edit","EditFunction","usesContext","blockContext","context","Object","fromEntries","entries","filter","key","includes","activeFormat","isActive","undefined","activeObject","isObjectActive","type","createElement","activeAttributes","attributes","activeObjectAttributes","contentRef","FormatEdit","formatTypes","props","map"],"sources":["@wordpress/block-editor/src/components/rich-text/format-edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getActiveFormat, getActiveObject } from '@wordpress/rich-text';\nimport { useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockContext from '../block-context';\n\nconst DEFAULT_BLOCK_CONTEXT = {};\n\nexport const usesContextKey = Symbol( 'usesContext' );\n\nfunction Edit( { onChange, onFocus, value, forwardedRef, settings } ) {\n\tconst {\n\t\tname,\n\t\tedit: EditFunction,\n\t\t[ usesContextKey ]: usesContext,\n\t} = settings;\n\n\tconst blockContext = useContext( BlockContext );\n\n\t// Assign context values using the block type's declared context needs.\n\tconst context = useMemo( () => {\n\t\treturn usesContext\n\t\t\t? Object.fromEntries(\n\t\t\t\t\tObject.entries( blockContext ).filter( ( [ key ] ) =>\n\t\t\t\t\t\tusesContext.includes( key )\n\t\t\t\t\t)\n\t\t\t  )\n\t\t\t: DEFAULT_BLOCK_CONTEXT;\n\t}, [ usesContext, blockContext ] );\n\n\tif ( ! EditFunction ) {\n\t\treturn null;\n\t}\n\n\tconst activeFormat = getActiveFormat( value, name );\n\tconst isActive = activeFormat !== undefined;\n\tconst activeObject = getActiveObject( value );\n\tconst isObjectActive =\n\t\tactiveObject !== undefined && activeObject.type === name;\n\n\treturn (\n\t\t<EditFunction\n\t\t\tkey={ name }\n\t\t\tisActive={ isActive }\n\t\t\tactiveAttributes={ isActive ? activeFormat.attributes || {} : {} }\n\t\t\tisObjectActive={ isObjectActive }\n\t\t\tactiveObjectAttributes={\n\t\t\t\tisObjectActive ? activeObject.attributes || {} : {}\n\t\t\t}\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\tonFocus={ onFocus }\n\t\t\tcontentRef={ forwardedRef }\n\t\t\tcontext={ context }\n\t\t/>\n\t);\n}\n\nexport default function FormatEdit( { formatTypes, ...props } ) {\n\treturn formatTypes.map( ( settings ) => (\n\t\t<Edit settings={ settings } { ...props } key={ settings.name } />\n\t) );\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,eAAe,EAAEC,eAAe,QAAQ,sBAAsB;AACvE,SAASC,UAAU,EAAEC,OAAO,QAAQ,oBAAoB;;AAExD;AACA;AACA;AACA,OAAOC,YAAY,MAAM,kBAAkB;AAE3C,MAAMC,qBAAqB,GAAG,CAAC,CAAC;AAEhC,OAAO,MAAMC,cAAc,GAAGC,MAAM,CAAE,aAAc,CAAC;AAErD,SAASC,IAAIA,CAAE;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,KAAK;EAAEC,YAAY;EAAEC;AAAS,CAAC,EAAG;EACrE,MAAM;IACLC,IAAI;IACJC,IAAI,EAAEC,YAAY;IAClB,CAAEV,cAAc,GAAIW;EACrB,CAAC,GAAGJ,QAAQ;EAEZ,MAAMK,YAAY,GAAGhB,UAAU,CAAEE,YAAa,CAAC;;EAE/C;EACA,MAAMe,OAAO,GAAGhB,OAAO,CAAE,MAAM;IAC9B,OAAOc,WAAW,GACfG,MAAM,CAACC,WAAW,CAClBD,MAAM,CAACE,OAAO,CAAEJ,YAAa,CAAC,CAACK,MAAM,CAAE,CAAE,CAAEC,GAAG,CAAE,KAC/CP,WAAW,CAACQ,QAAQ,CAAED,GAAI,CAC3B,CACA,CAAC,GACDnB,qBAAqB;EACzB,CAAC,EAAE,CAAEY,WAAW,EAAEC,YAAY,CAAG,CAAC;EAElC,IAAK,CAAEF,YAAY,EAAG;IACrB,OAAO,IAAI;EACZ;EAEA,MAAMU,YAAY,GAAG1B,eAAe,CAAEW,KAAK,EAAEG,IAAK,CAAC;EACnD,MAAMa,QAAQ,GAAGD,YAAY,KAAKE,SAAS;EAC3C,MAAMC,YAAY,GAAG5B,eAAe,CAAEU,KAAM,CAAC;EAC7C,MAAMmB,cAAc,GACnBD,YAAY,KAAKD,SAAS,IAAIC,YAAY,CAACE,IAAI,KAAKjB,IAAI;EAEzD,OACCkB,aAAA,CAAChB,YAAY;IACZQ,GAAG,EAAGV,IAAM;IACZa,QAAQ,EAAGA,QAAU;IACrBM,gBAAgB,EAAGN,QAAQ,GAAGD,YAAY,CAACQ,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,CAAG;IAClEJ,cAAc,EAAGA,cAAgB;IACjCK,sBAAsB,EACrBL,cAAc,GAAGD,YAAY,CAACK,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,CAClD;IACDvB,KAAK,EAAGA,KAAO;IACfF,QAAQ,EAAGA,QAAU;IACrBC,OAAO,EAAGA,OAAS;IACnB0B,UAAU,EAAGxB,YAAc;IAC3BO,OAAO,EAAGA;EAAS,CACnB,CAAC;AAEJ;AAEA,eAAe,SAASkB,UAAUA,CAAE;EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC/D,OAAOD,WAAW,CAACE,GAAG,CAAI3B,QAAQ,IACjCmB,aAAA,CAACxB,IAAI;IAACK,QAAQ,EAAGA,QAAU;IAAA,GAAM0B,KAAK;IAAGf,GAAG,EAAGX,QAAQ,CAACC;EAAM,CAAE,CAC/D,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["getActiveFormat","getActiveObject","useContext","useMemo","BlockContext","jsx","_jsx","createElement","_createElement","DEFAULT_BLOCK_CONTEXT","usesContextKey","Symbol","Edit","onChange","onFocus","value","forwardedRef","settings","name","edit","EditFunction","usesContext","blockContext","context","Object","fromEntries","entries","filter","key","includes","activeFormat","isActive","undefined","activeObject","isObjectActive","type","activeAttributes","attributes","activeObjectAttributes","contentRef","FormatEdit","formatTypes","props","map"],"sources":["@wordpress/block-editor/src/components/rich-text/format-edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getActiveFormat, getActiveObject } from '@wordpress/rich-text';\nimport { useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockContext from '../block-context';\n\nconst DEFAULT_BLOCK_CONTEXT = {};\n\nexport const usesContextKey = Symbol( 'usesContext' );\n\nfunction Edit( { onChange, onFocus, value, forwardedRef, settings } ) {\n\tconst {\n\t\tname,\n\t\tedit: EditFunction,\n\t\t[ usesContextKey ]: usesContext,\n\t} = settings;\n\n\tconst blockContext = useContext( BlockContext );\n\n\t// Assign context values using the block type's declared context needs.\n\tconst context = useMemo( () => {\n\t\treturn usesContext\n\t\t\t? Object.fromEntries(\n\t\t\t\t\tObject.entries( blockContext ).filter( ( [ key ] ) =>\n\t\t\t\t\t\tusesContext.includes( key )\n\t\t\t\t\t)\n\t\t\t  )\n\t\t\t: DEFAULT_BLOCK_CONTEXT;\n\t}, [ usesContext, blockContext ] );\n\n\tif ( ! EditFunction ) {\n\t\treturn null;\n\t}\n\n\tconst activeFormat = getActiveFormat( value, name );\n\tconst isActive = activeFormat !== undefined;\n\tconst activeObject = getActiveObject( value );\n\tconst isObjectActive =\n\t\tactiveObject !== undefined && activeObject.type === name;\n\n\treturn (\n\t\t<EditFunction\n\t\t\tkey={ name }\n\t\t\tisActive={ isActive }\n\t\t\tactiveAttributes={ isActive ? activeFormat.attributes || {} : {} }\n\t\t\tisObjectActive={ isObjectActive }\n\t\t\tactiveObjectAttributes={\n\t\t\t\tisObjectActive ? activeObject.attributes || {} : {}\n\t\t\t}\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\tonFocus={ onFocus }\n\t\t\tcontentRef={ forwardedRef }\n\t\t\tcontext={ context }\n\t\t/>\n\t);\n}\n\nexport default function FormatEdit( { formatTypes, ...props } ) {\n\treturn formatTypes.map( ( settings ) => (\n\t\t<Edit settings={ settings } { ...props } key={ settings.name } />\n\t) );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,eAAe,EAAEC,eAAe,QAAQ,sBAAsB;AACvE,SAASC,UAAU,EAAEC,OAAO,QAAQ,oBAAoB;;AAExD;AACA;AACA;AACA,OAAOC,YAAY,MAAM,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,aAAA,IAAAC,cAAA;AAE5C,MAAMC,qBAAqB,GAAG,CAAC,CAAC;AAEhC,OAAO,MAAMC,cAAc,GAAGC,MAAM,CAAE,aAAc,CAAC;AAErD,SAASC,IAAIA,CAAE;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,KAAK;EAAEC,YAAY;EAAEC;AAAS,CAAC,EAAG;EACrE,MAAM;IACLC,IAAI;IACJC,IAAI,EAAEC,YAAY;IAClB,CAAEV,cAAc,GAAIW;EACrB,CAAC,GAAGJ,QAAQ;EAEZ,MAAMK,YAAY,GAAGpB,UAAU,CAAEE,YAAa,CAAC;;EAE/C;EACA,MAAMmB,OAAO,GAAGpB,OAAO,CAAE,MAAM;IAC9B,OAAOkB,WAAW,GACfG,MAAM,CAACC,WAAW,CAClBD,MAAM,CAACE,OAAO,CAAEJ,YAAa,CAAC,CAACK,MAAM,CAAE,CAAE,CAAEC,GAAG,CAAE,KAC/CP,WAAW,CAACQ,QAAQ,CAAED,GAAI,CAC3B,CACA,CAAC,GACDnB,qBAAqB;EACzB,CAAC,EAAE,CAAEY,WAAW,EAAEC,YAAY,CAAG,CAAC;EAElC,IAAK,CAAEF,YAAY,EAAG;IACrB,OAAO,IAAI;EACZ;EAEA,MAAMU,YAAY,GAAG9B,eAAe,CAAEe,KAAK,EAAEG,IAAK,CAAC;EACnD,MAAMa,QAAQ,GAAGD,YAAY,KAAKE,SAAS;EAC3C,MAAMC,YAAY,GAAGhC,eAAe,CAAEc,KAAM,CAAC;EAC7C,MAAMmB,cAAc,GACnBD,YAAY,KAAKD,SAAS,IAAIC,YAAY,CAACE,IAAI,KAAKjB,IAAI;EAEzD,oBACCZ,IAAA,CAACc,YAAY;IAEZW,QAAQ,EAAGA,QAAU;IACrBK,gBAAgB,EAAGL,QAAQ,GAAGD,YAAY,CAACO,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,CAAG;IAClEH,cAAc,EAAGA,cAAgB;IACjCI,sBAAsB,EACrBJ,cAAc,GAAGD,YAAY,CAACI,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,CAClD;IACDtB,KAAK,EAAGA,KAAO;IACfF,QAAQ,EAAGA,QAAU;IACrBC,OAAO,EAAGA,OAAS;IACnByB,UAAU,EAAGvB,YAAc;IAC3BO,OAAO,EAAGA;EAAS,GAXbL,IAYN,CAAC;AAEJ;AAEA,eAAe,SAASsB,UAAUA,CAAE;EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC/D,OAAOD,WAAW,CAACE,GAAG,CAAI1B,QAAQ,iBACjCT,cAAA,CAACI,IAAI;IAACK,QAAQ,EAAGA,QAAU;IAAA,GAAMyB,KAAK;IAAGd,GAAG,EAAGX,QAAQ,CAACC;EAAM,CAAE,CAC/D,CAAC;AACJ","ignoreList":[]}

package/build-module/components/rich-text/format-toolbar/index.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -15,42 +14,49 @@ import { chevronDown } from '@wordpress/icons';
  * Internal dependencies
  */
 import { orderBy } from '../../../utils/sorting';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const POPOVER_PROPS = {
   placement: 'bottom-start'
 };
 const FormatToolbar = () => {
-  return createElement(Fragment, null, ['bold', 'italic', 'link', 'unknown'].map(format => createElement(Slot, {
-    name: `RichText.ToolbarControls.${format}`,
-    key: format
-  })), createElement(Slot, {
-    name: "RichText.ToolbarControls"
-  }, fills => {
-    if (!fills.length) {
-      return null;
-    }
-    const allProps = fills.map(([{
-      props
-    }]) => props);
-    const hasActive = allProps.some(({
-      isActive
-    }) => isActive);
-    return createElement(ToolbarItem, null, toggleProps => createElement(DropdownMenu, {
-      icon: chevronDown
-      /* translators: button label text should, if possible, be under 16 characters. */,
-      label: __('More'),
-      toggleProps: {
-        ...toggleProps,
-        className: clsx(toggleProps.className, {
-          'is-pressed': hasActive
-        }),
-        describedBy: __('Displays more block tools')
-      },
-      controls: orderBy(fills.map(([{
-        props
-      }]) => props), 'title'),
-      popoverProps: POPOVER_PROPS
-    }));
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [['bold', 'italic', 'link', 'unknown'].map(format => /*#__PURE__*/_jsx(Slot, {
+      name: `RichText.ToolbarControls.${format}`
+    }, format)), /*#__PURE__*/_jsx(Slot, {
+      name: "RichText.ToolbarControls",
+      children: fills => {
+        if (!fills.length) {
+          return null;
+        }
+        const allProps = fills.map(([{
+          props
+        }]) => props);
+        const hasActive = allProps.some(({
+          isActive
+        }) => isActive);
+        return /*#__PURE__*/_jsx(ToolbarItem, {
+          children: toggleProps => /*#__PURE__*/_jsx(DropdownMenu, {
+            icon: chevronDown
+            /* translators: button label text should, if possible, be under 16 characters. */,
+            label: __('More'),
+            toggleProps: {
+              ...toggleProps,
+              className: clsx(toggleProps.className, {
+                'is-pressed': hasActive
+              }),
+              describedBy: __('Displays more block tools')
+            },
+            controls: orderBy(fills.map(([{
+              props
+            }]) => props), 'title'),
+            popoverProps: POPOVER_PROPS
+          })
+        });
+      }
+    })]
+  });
 };
 export default FormatToolbar;
 //# sourceMappingURL=index.js.map

package/build-module/components/rich-text/format-toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","__","ToolbarItem","DropdownMenu","Slot","chevronDown","orderBy","POPOVER_PROPS","placement","FormatToolbar","createElement","Fragment","map","format","name","key","fills","length","allProps","props","hasActive","some","isActive","toggleProps","icon","label","className","describedBy","controls","popoverProps"],"sources":["@wordpress/block-editor/src/components/rich-text/format-toolbar/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ToolbarItem, DropdownMenu, Slot } from '@wordpress/components';\nimport { chevronDown } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { orderBy } from '../../../utils/sorting';\n\nconst POPOVER_PROPS = {\n\tplacement: 'bottom-start',\n};\n\nconst FormatToolbar = () => {\n\treturn (\n\t\t<>\n\t\t\t{ [ 'bold', 'italic', 'link', 'unknown' ].map( ( format ) => (\n\t\t\t\t<Slot\n\t\t\t\t\tname={ `RichText.ToolbarControls.${ format }` }\n\t\t\t\t\tkey={ format }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t\t<Slot name=\"RichText.ToolbarControls\">\n\t\t\t\t{ ( fills ) => {\n\t\t\t\t\tif ( ! fills.length ) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst allProps = fills.map( ( [ { props } ] ) => props );\n\t\t\t\t\tconst hasActive = allProps.some(\n\t\t\t\t\t\t( { isActive } ) => isActive\n\t\t\t\t\t);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ToolbarItem>\n\t\t\t\t\t\t\t{ ( toggleProps ) => (\n\t\t\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\t\t\t\tlabel={ __( 'More' ) }\n\t\t\t\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\t\t\t\t...toggleProps,\n\t\t\t\t\t\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t\t\t\t\t\ttoggleProps.className,\n\t\t\t\t\t\t\t\t\t\t\t{ 'is-pressed': hasActive }\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\tdescribedBy: __(\n\t\t\t\t\t\t\t\t\t\t\t'Displays more block tools'\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tcontrols={ orderBy(\n\t\t\t\t\t\t\t\t\t\tfills.map( ( [ { props } ] ) => props ),\n\t\t\t\t\t\t\t\t\t\t'title'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</ToolbarItem>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t</Slot>\n\t\t</>\n\t);\n};\n\nexport default FormatToolbar;\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,EAAEC,YAAY,EAAEC,IAAI,QAAQ,uBAAuB;AACvE,SAASC,WAAW,QAAQ,kBAAkB;;AAE9C;AACA;AACA;AACA,SAASC,OAAO,QAAQ,wBAAwB;AAEhD,MAAMC,aAAa,GAAG;EACrBC,SAAS,EAAE;AACZ,CAAC;AAED,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC3B,OACCC,aAAA,CAAAC,QAAA,QACG,CAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAE,CAACC,GAAG,CAAIC,MAAM,IACtDH,aAAA,CAACN,IAAI;IACJU,IAAI,EAAI,4BAA4BD,MAAQ,EAAG;IAC/CE,GAAG,EAAGF;EAAQ,CACd,CACA,CAAC,EACHH,aAAA,CAACN,IAAI;IAACU,IAAI,EAAC;EAA0B,GAChCE,KAAK,IAAM;IACd,IAAK,CAAEA,KAAK,CAACC,MAAM,EAAG;MACrB,OAAO,IAAI;IACZ;IAEA,MAAMC,QAAQ,GAAGF,KAAK,CAACJ,GAAG,CAAE,CAAE,CAAE;MAAEO;IAAM,CAAC,CAAE,KAAMA,KAAM,CAAC;IACxD,MAAMC,SAAS,GAAGF,QAAQ,CAACG,IAAI,CAC9B,CAAE;MAAEC;IAAS,CAAC,KAAMA,QACrB,CAAC;IAED,OACCZ,aAAA,CAACR,WAAW,QACPqB,WAAW,IACdb,aAAA,CAACP,YAAY;MACZqB,IAAI,EAAGnB;MACP;MACAoB,KAAK,EAAGxB,EAAE,CAAE,MAAO,CAAG;MACtBsB,WAAW,EAAG;QACb,GAAGA,WAAW;QACdG,SAAS,EAAE1B,IAAI,CACduB,WAAW,CAACG,SAAS,EACrB;UAAE,YAAY,EAAEN;QAAU,CAC3B,CAAC;QACDO,WAAW,EAAE1B,EAAE,CACd,2BACD;MACD,CAAG;MACH2B,QAAQ,EAAGtB,OAAO,CACjBU,KAAK,CAACJ,GAAG,CAAE,CAAE,CAAE;QAAEO;MAAM,CAAC,CAAE,KAAMA,KAAM,CAAC,EACvC,OACD,CAAG;MACHU,YAAY,EAAGtB;IAAe,CAC9B,CAEU,CAAC;EAEhB,CACK,CACL,CAAC;AAEL,CAAC;AAED,eAAeE,aAAa","ignoreList":[]}
+{"version":3,"names":["clsx","__","ToolbarItem","DropdownMenu","Slot","chevronDown","orderBy","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","POPOVER_PROPS","placement","FormatToolbar","children","map","format","name","fills","length","allProps","props","hasActive","some","isActive","toggleProps","icon","label","className","describedBy","controls","popoverProps"],"sources":["@wordpress/block-editor/src/components/rich-text/format-toolbar/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ToolbarItem, DropdownMenu, Slot } from '@wordpress/components';\nimport { chevronDown } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { orderBy } from '../../../utils/sorting';\n\nconst POPOVER_PROPS = {\n\tplacement: 'bottom-start',\n};\n\nconst FormatToolbar = () => {\n\treturn (\n\t\t<>\n\t\t\t{ [ 'bold', 'italic', 'link', 'unknown' ].map( ( format ) => (\n\t\t\t\t<Slot\n\t\t\t\t\tname={ `RichText.ToolbarControls.${ format }` }\n\t\t\t\t\tkey={ format }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t\t<Slot name=\"RichText.ToolbarControls\">\n\t\t\t\t{ ( fills ) => {\n\t\t\t\t\tif ( ! fills.length ) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst allProps = fills.map( ( [ { props } ] ) => props );\n\t\t\t\t\tconst hasActive = allProps.some(\n\t\t\t\t\t\t( { isActive } ) => isActive\n\t\t\t\t\t);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ToolbarItem>\n\t\t\t\t\t\t\t{ ( toggleProps ) => (\n\t\t\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\t\t\t\tlabel={ __( 'More' ) }\n\t\t\t\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\t\t\t\t...toggleProps,\n\t\t\t\t\t\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t\t\t\t\t\ttoggleProps.className,\n\t\t\t\t\t\t\t\t\t\t\t{ 'is-pressed': hasActive }\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\tdescribedBy: __(\n\t\t\t\t\t\t\t\t\t\t\t'Displays more block tools'\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tcontrols={ orderBy(\n\t\t\t\t\t\t\t\t\t\tfills.map( ( [ { props } ] ) => props ),\n\t\t\t\t\t\t\t\t\t\t'title'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</ToolbarItem>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t</Slot>\n\t\t</>\n\t);\n};\n\nexport default FormatToolbar;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,EAAEC,YAAY,EAAEC,IAAI,QAAQ,uBAAuB;AACvE,SAASC,WAAW,QAAQ,kBAAkB;;AAE9C;AACA;AACA;AACA,SAASC,OAAO,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEjD,MAAMC,aAAa,GAAG;EACrBC,SAAS,EAAE;AACZ,CAAC;AAED,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC3B,oBACCH,KAAA,CAAAF,SAAA;IAAAM,QAAA,GACG,CAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAE,CAACC,GAAG,CAAIC,MAAM,iBACtDV,IAAA,CAACJ,IAAI;MACJe,IAAI,EAAI,4BAA4BD,MAAQ;IAAG,GACzCA,MACN,CACA,CAAC,eACHV,IAAA,CAACJ,IAAI;MAACe,IAAI,EAAC,0BAA0B;MAAAH,QAAA,EAChCI,KAAK,IAAM;QACd,IAAK,CAAEA,KAAK,CAACC,MAAM,EAAG;UACrB,OAAO,IAAI;QACZ;QAEA,MAAMC,QAAQ,GAAGF,KAAK,CAACH,GAAG,CAAE,CAAE,CAAE;UAAEM;QAAM,CAAC,CAAE,KAAMA,KAAM,CAAC;QACxD,MAAMC,SAAS,GAAGF,QAAQ,CAACG,IAAI,CAC9B,CAAE;UAAEC;QAAS,CAAC,KAAMA,QACrB,CAAC;QAED,oBACClB,IAAA,CAACN,WAAW;UAAAc,QAAA,EACPW,WAAW,iBACdnB,IAAA,CAACL,YAAY;YACZyB,IAAI,EAAGvB;YACP;YACAwB,KAAK,EAAG5B,EAAE,CAAE,MAAO,CAAG;YACtB0B,WAAW,EAAG;cACb,GAAGA,WAAW;cACdG,SAAS,EAAE9B,IAAI,CACd2B,WAAW,CAACG,SAAS,EACrB;gBAAE,YAAY,EAAEN;cAAU,CAC3B,CAAC;cACDO,WAAW,EAAE9B,EAAE,CACd,2BACD;YACD,CAAG;YACH+B,QAAQ,EAAG1B,OAAO,CACjBc,KAAK,CAACH,GAAG,CAAE,CAAE,CAAE;cAAEM;YAAM,CAAC,CAAE,KAAMA,KAAM,CAAC,EACvC,OACD,CAAG;YACHU,YAAY,EAAGpB;UAAe,CAC9B;QACD,CACW,CAAC;MAEhB;IAAC,CACI,CAAC;EAAA,CACN,CAAC;AAEL,CAAC;AAED,eAAeE,aAAa","ignoreList":[]}

package/build-module/components/rich-text/format-toolbar/index.native.js

@@ -1,16 +1,19 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
 
 import { Slot } from '@wordpress/components';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const FormatToolbar = () => {
-  return createElement(Fragment, null, ['bold', 'italic', 'link'].map(format => createElement(Slot, {
-    name: `RichText.ToolbarControls.${format}`,
-    key: format
-  })), createElement(Slot, {
-    name: "RichText.ToolbarControls"
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [['bold', 'italic', 'link'].map(format => /*#__PURE__*/_jsx(Slot, {
+      name: `RichText.ToolbarControls.${format}`
+    }, format)), /*#__PURE__*/_jsx(Slot, {
+      name: "RichText.ToolbarControls"
+    })]
+  });
 };
 export default FormatToolbar;
 //# sourceMappingURL=index.native.js.map