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

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

@@ -1,58 +1,19 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { Button, __experimentalText as Text, __experimentalVStack as VStack, privateApis as componentsPrivateApis } from '@wordpress/components';
-import { useDispatch, useSelect } from '@wordpress/data';
-import deprecated from '@wordpress/deprecated';
-import { __, isRTL } from '@wordpress/i18n';
-import { chevronLeft, chevronRight } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import { store as blockEditorStore } from '../../store';
-import BlockIcon from '../block-icon';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  Badge
-} = unlock(componentsPrivateApis);
-
-/**
- * A card component that displays block information including title, icon, and description.
- * Can be used to show block metadata and navigation controls for parent blocks.
- *
- * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-card/README.md
- *
- * @example
- * ```jsx
- * function Example() {
- *   return (
- *     <BlockCard
- *       title="My Block"
- *       icon="smiley"
- *       description="A simple block example"
- *       name="Custom Block"
- *     />
- *   );
- * }
- * ```
- *
- * @param {Object}        props             Component props.
- * @param {string}        props.title       The title of the block.
- * @param {string|Object} props.icon        The icon of the block. This can be any of [WordPress' Dashicons](https://developer.wordpress.org/resource/dashicons/), or a custom `svg` element.
- * @param {string}        props.description The description of the block.
- * @param {Object}        [props.blockType] Deprecated: Object containing block type data.
- * @param {string}        [props.className] Additional classes to apply to the card.
- * @param {string}        [props.name]      Custom block name to display before the title.
- * @param {Element}       [props.children]  Children.
- * @return {Element}                        Block card component.
- */
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import {
+  Button,
+  __experimentalText as Text,
+  __experimentalVStack as VStack,
+  privateApis as componentsPrivateApis
+} from "@wordpress/components";
+import { useDispatch, useSelect } from "@wordpress/data";
+import deprecated from "@wordpress/deprecated";
+import { __, isRTL } from "@wordpress/i18n";
+import { chevronLeft, chevronRight } from "@wordpress/icons";
+import { unlock } from "../../lock-unlock";
+import { store as blockEditorStore } from "../../store";
+import BlockIcon from "../block-icon";
+const { Badge } = unlock(componentsPrivateApis);
 function BlockCard({
   title,
   icon,
@@ -60,70 +21,61 @@ function BlockCard({
   blockType,
   className,
   name,
+  allowParentNavigation,
   children
 }) {
   if (blockType) {
-    deprecated('`blockType` property in `BlockCard component`', {
-      since: '5.7',
-      alternative: '`title, icon and description` properties'
+    deprecated("`blockType` property in `BlockCard component`", {
+      since: "5.7",
+      alternative: "`title, icon and description` properties"
     });
-    ({
-      title,
-      icon,
-      description
-    } = blockType);
+    ({ title, icon, description } = blockType);
   }
-  const {
-    parentNavBlockClientId
-  } = useSelect(select => {
-    const {
-      getSelectedBlockClientId,
-      getBlockParentsByBlockName
-    } = select(blockEditorStore);
-    const _selectedBlockClientId = getSelectedBlockClientId();
-    return {
-      parentNavBlockClientId: getBlockParentsByBlockName(_selectedBlockClientId, 'core/navigation', true)[0]
-    };
-  }, []);
-  const {
-    selectBlock
-  } = useDispatch(blockEditorStore);
-  return /*#__PURE__*/_jsxs("div", {
-    className: clsx('block-editor-block-card', className),
-    children: [parentNavBlockClientId &&
-    /*#__PURE__*/
-    // This is only used by the Navigation block for now. It's not ideal having Navigation block specific code here.
-    _jsx(Button, {
-      onClick: () => selectBlock(parentNavBlockClientId),
-      label: __('Go to parent Navigation block'),
-      style:
-      // TODO: This style override is also used in ToolsPanelHeader.
-      // It should be supported out-of-the-box by Button.
+  const parentNavBlockClientId = useSelect(
+    (select) => {
+      if (!allowParentNavigation) {
+        return;
+      }
+      const { getSelectedBlockClientId, getBlockParentsByBlockName } = select(blockEditorStore);
+      const _selectedBlockClientId = getSelectedBlockClientId();
+      return getBlockParentsByBlockName(
+        _selectedBlockClientId,
+        "core/navigation",
+        true
+      )[0];
+    },
+    [allowParentNavigation]
+  );
+  const { selectBlock } = useDispatch(blockEditorStore);
+  return /* @__PURE__ */ jsxs("div", { className: clsx("block-editor-block-card", className), children: [
+    allowParentNavigation && parentNavBlockClientId && // This is only used by the Navigation block for now. It's not ideal having Navigation block specific code here.
+    /* @__PURE__ */ jsx(
+      Button,
       {
-        minWidth: 24,
-        padding: 0
-      },
-      icon: isRTL() ? chevronRight : chevronLeft,
-      size: "small"
-    }), /*#__PURE__*/_jsx(BlockIcon, {
-      icon: icon,
-      showColors: true
-    }), /*#__PURE__*/_jsxs(VStack, {
-      spacing: 1,
-      children: [/*#__PURE__*/_jsxs("h2", {
-        className: "block-editor-block-card__title",
-        children: [/*#__PURE__*/_jsx("span", {
-          className: "block-editor-block-card__name",
-          children: !!name?.length ? name : title
-        }), !!name?.length && /*#__PURE__*/_jsx(Badge, {
-          children: title
-        })]
-      }), description && /*#__PURE__*/_jsx(Text, {
-        className: "block-editor-block-card__description",
-        children: description
-      }), children]
-    })]
-  });
+        onClick: () => selectBlock(parentNavBlockClientId),
+        label: __("Go to parent Navigation block"),
+        style: (
+          // TODO: This style override is also used in ToolsPanelHeader.
+          // It should be supported out-of-the-box by Button.
+          { minWidth: 24, padding: 0 }
+        ),
+        icon: isRTL() ? chevronRight : chevronLeft,
+        size: "small"
+      }
+    ),
+    /* @__PURE__ */ jsx(BlockIcon, { icon, showColors: true }),
+    /* @__PURE__ */ jsxs(VStack, { spacing: 1, children: [
+      /* @__PURE__ */ jsxs("h2", { className: "block-editor-block-card__title", children: [
+        /* @__PURE__ */ jsx("span", { className: "block-editor-block-card__name", children: !!name?.length ? name : title }),
+        !!name?.length && /* @__PURE__ */ jsx(Badge, { children: title })
+      ] }),
+      description && /* @__PURE__ */ jsx(Text, { className: "block-editor-block-card__description", children: description }),
+      children
+    ] })
+  ] });
 }
-export default BlockCard;
-//# sourceMappingURL=index.js.map
+var block_card_default = BlockCard;
+export {
+  block_card_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","Button","__experimentalText","Text","__experimentalVStack","VStack","privateApis","componentsPrivateApis","useDispatch","useSelect","deprecated","__","isRTL","chevronLeft","chevronRight","unlock","store","blockEditorStore","BlockIcon","jsx","_jsx","jsxs","_jsxs","Badge","BlockCard","title","icon","description","blockType","className","name","children","since","alternative","parentNavBlockClientId","select","getSelectedBlockClientId","getBlockParentsByBlockName","_selectedBlockClientId","selectBlock","onClick","label","style","minWidth","padding","size","showColors","spacing","length"],"sources":["@wordpress/block-editor/src/components/block-card/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as blockEditorStore } from '../../store';\nimport BlockIcon from '../block-icon';\n\nconst { Badge } = unlock( componentsPrivateApis );\n\n/**\n * A card component that displays block information including title, icon, and description.\n * Can be used to show block metadata and navigation controls for parent blocks.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-card/README.md\n *\n * @example\n * ```jsx\n * function Example() {\n *   return (\n *     <BlockCard\n *       title=\"My Block\"\n *       icon=\"smiley\"\n *       description=\"A simple block example\"\n *       name=\"Custom Block\"\n *     />\n *   );\n * }\n * ```\n *\n * @param {Object}        props             Component props.\n * @param {string}        props.title       The title of the block.\n * @param {string|Object} props.icon        The icon of the block. This can be any of [WordPress' Dashicons](https://developer.wordpress.org/resource/dashicons/), or a custom `svg` element.\n * @param {string}        props.description The description of the block.\n * @param {Object}        [props.blockType] Deprecated: Object containing block type data.\n * @param {string}        [props.className] Additional classes to apply to the card.\n * @param {string}        [props.name]      Custom block name to display before the title.\n * @param {Element}       [props.children]  Children.\n * @return {Element}                        Block card component.\n */\nfunction BlockCard( {\n\ttitle,\n\ticon,\n\tdescription,\n\tblockType,\n\tclassName,\n\tname,\n\tchildren,\n} ) {\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={ clsx( '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\tsize=\"small\"\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<BlockIcon icon={ icon } showColors />\n\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t<h2 className=\"block-editor-block-card__title\">\n\t\t\t\t\t<span className=\"block-editor-block-card__name\">\n\t\t\t\t\t\t{ !! name?.length ? name : title }\n\t\t\t\t\t</span>\n\t\t\t\t\t{ !! name?.length && <Badge>{ title }</Badge> }\n\t\t\t\t</h2>\n\t\t\t\t{ description && (\n\t\t\t\t\t<Text className=\"block-editor-block-card__description\">\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t\t{ children }\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nexport default BlockCard;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-card/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as blockEditorStore } from '../../store';\nimport BlockIcon from '../block-icon';\n\nconst { Badge } = unlock( componentsPrivateApis );\n\n/**\n * A card component that displays block information including title, icon, and description.\n * Can be used to show block metadata and navigation controls for parent blocks.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-card/README.md\n *\n * @example\n * ```jsx\n * function Example() {\n *   return (\n *     <BlockCard\n *       title=\"My Block\"\n *       icon=\"smiley\"\n *       description=\"A simple block example\"\n *       name=\"Custom Block\"\n *     />\n *   );\n * }\n * ```\n *\n * @param {Object}        props                         Component props.\n * @param {string}        props.title                   The title of the block.\n * @param {string|Object} props.icon                    The icon of the block. This can be any of [WordPress' Dashicons](https://developer.wordpress.org/resource/dashicons/), or a custom `svg` element.\n * @param {string}        props.description             The description of the block.\n * @param {Object}        [props.blockType]             Deprecated: Object containing block type data.\n * @param {string}        [props.className]             Additional classes to apply to the card.\n * @param {string}        [props.name]                  Custom block name to display before the title.\n * @param {string}        [props.allowParentNavigation] Show a back arrow to the parent block in some situations.\n * @param {Element}       [props.children]              Children.\n * @return {Element}                        Block card component.\n */\nfunction BlockCard( {\n\ttitle,\n\ticon,\n\tdescription,\n\tblockType,\n\tclassName,\n\tname,\n\tallowParentNavigation,\n\tchildren,\n} ) {\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(\n\t\t( select ) => {\n\t\t\tif ( ! allowParentNavigation ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst { getSelectedBlockClientId, getBlockParentsByBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\tconst _selectedBlockClientId = getSelectedBlockClientId();\n\n\t\t\treturn 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\t[ allowParentNavigation ]\n\t);\n\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<div className={ clsx( 'block-editor-block-card', className ) }>\n\t\t\t{ allowParentNavigation &&\n\t\t\t\tparentNavBlockClientId && ( // 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\t<Button\n\t\t\t\t\t\tonClick={ () => selectBlock( parentNavBlockClientId ) }\n\t\t\t\t\t\tlabel={ __( 'Go to parent Navigation block' ) }\n\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t// TODO: This style override is also used in ToolsPanelHeader.\n\t\t\t\t\t\t\t// It should be supported out-of-the-box by Button.\n\t\t\t\t\t\t\t{ minWidth: 24, padding: 0 }\n\t\t\t\t\t\t}\n\t\t\t\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t<BlockIcon icon={ icon } showColors />\n\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t<h2 className=\"block-editor-block-card__title\">\n\t\t\t\t\t<span className=\"block-editor-block-card__name\">\n\t\t\t\t\t\t{ !! name?.length ? name : title }\n\t\t\t\t\t</span>\n\t\t\t\t\t{ !! name?.length && <Badge>{ title }</Badge> }\n\t\t\t\t</h2>\n\t\t\t\t{ description && (\n\t\t\t\t\t<Text className=\"block-editor-block-card__description\">\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t\t{ children }\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nexport default BlockCard;\n"],
+  "mappings": "AAsGK,cAcD,YAdC;AAnGL,OAAO,UAAU;AAKjB;AAAA,EACC;AAAA,EACA,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,eAAe;AAAA,OACT;AACP,SAAS,aAAa,iBAAiB;AACvC,OAAO,gBAAgB;AACvB,SAAS,IAAI,aAAa;AAC1B,SAAS,aAAa,oBAAoB;AAK1C,SAAS,cAAc;AACvB,SAAS,SAAS,wBAAwB;AAC1C,OAAO,eAAe;AAEtB,MAAM,EAAE,MAAM,IAAI,OAAQ,qBAAsB;AAiChD,SAAS,UAAW;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,MAAK,WAAY;AAChB,eAAY,iDAAiD;AAAA,MAC5D,OAAO;AAAA,MACP,aAAa;AAAA,IACd,CAAE;AACF,KAAE,EAAE,OAAO,MAAM,YAAY,IAAI;AAAA,EAClC;AAEA,QAAM,yBAAyB;AAAA,IAC9B,CAAE,WAAY;AACb,UAAK,CAAE,uBAAwB;AAC9B;AAAA,MACD;AACA,YAAM,EAAE,0BAA0B,2BAA2B,IAC5D,OAAQ,gBAAiB;AAE1B,YAAM,yBAAyB,yBAAyB;AAExD,aAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,MACD,EAAG,CAAE;AAAA,IACN;AAAA,IACA,CAAE,qBAAsB;AAAA,EACzB;AAEA,QAAM,EAAE,YAAY,IAAI,YAAa,gBAAiB;AAEtD,SACC,qBAAC,SAAI,WAAY,KAAM,2BAA2B,SAAU,GACzD;AAAA,6BACD;AAAA,IACC;AAAA,MAAC;AAAA;AAAA,QACA,SAAU,MAAM,YAAa,sBAAuB;AAAA,QACpD,OAAQ,GAAI,+BAAgC;AAAA,QAC5C;AAAA;AAAA;AAAA,UAGC,EAAE,UAAU,IAAI,SAAS,EAAE;AAAA;AAAA,QAE5B,MAAO,MAAM,IAAI,eAAe;AAAA,QAChC,MAAK;AAAA;AAAA,IACN;AAAA,IAEF,oBAAC,aAAU,MAAc,YAAU,MAAC;AAAA,IACpC,qBAAC,UAAO,SAAU,GACjB;AAAA,2BAAC,QAAG,WAAU,kCACb;AAAA,4BAAC,UAAK,WAAU,iCACb,WAAC,CAAE,MAAM,SAAS,OAAO,OAC5B;AAAA,QACE,CAAC,CAAE,MAAM,UAAU,oBAAC,SAAQ,iBAAO;AAAA,SACtC;AAAA,MACE,eACD,oBAAC,QAAK,WAAU,wCACb,uBACH;AAAA,MAEC;AAAA,OACH;AAAA,KACD;AAEF;AAEA,IAAO,qBAAQ;",
+  "names": []
+}

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

@@ -1,11 +1,8 @@
-/**
- * WordPress dependencies
- */
-import { Button } from '@wordpress/components';
-import { RawHTML } from '@wordpress/element';
-import { safeHTML } from '@wordpress/dom';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function BlockView({
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@wordpress/components";
+import { RawHTML } from "@wordpress/element";
+import { safeHTML } from "@wordpress/dom";
+function BlockView({
   title,
   rawContent,
   renderedContent,
@@ -13,32 +10,25 @@ export default function BlockView({
   actionText,
   className
 }) {
-  return /*#__PURE__*/_jsxs("div", {
-    className: className,
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: "block-editor-block-compare__content",
-      children: [/*#__PURE__*/_jsx("h2", {
-        className: "block-editor-block-compare__heading",
-        children: title
-      }), /*#__PURE__*/_jsx("div", {
-        className: "block-editor-block-compare__html",
-        children: rawContent
-      }), /*#__PURE__*/_jsx("div", {
-        className: "block-editor-block-compare__preview edit-post-visual-editor",
-        children: /*#__PURE__*/_jsx(RawHTML, {
-          children: safeHTML(renderedContent)
-        })
-      })]
-    }), /*#__PURE__*/_jsx("div", {
-      className: "block-editor-block-compare__action",
-      children: /*#__PURE__*/_jsx(Button, {
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    /* @__PURE__ */ jsxs("div", { className: "block-editor-block-compare__content", children: [
+      /* @__PURE__ */ jsx("h2", { className: "block-editor-block-compare__heading", children: title }),
+      /* @__PURE__ */ jsx("div", { className: "block-editor-block-compare__html", children: rawContent }),
+      /* @__PURE__ */ jsx("div", { className: "block-editor-block-compare__preview edit-post-visual-editor", children: /* @__PURE__ */ jsx(RawHTML, { children: safeHTML(renderedContent) }) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "block-editor-block-compare__action", children: /* @__PURE__ */ jsx(
+      Button,
+      {
         __next40pxDefaultSize: true,
         variant: "secondary",
         tabIndex: "0",
         onClick: action,
         children: actionText
-      })
-    })]
-  });
+      }
+    ) })
+  ] });
 }
-//# sourceMappingURL=block-view.js.map
+export {
+  BlockView as default
+};
+//# sourceMappingURL=block-view.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["Button","RawHTML","safeHTML","jsx","_jsx","jsxs","_jsxs","BlockView","title","rawContent","renderedContent","action","actionText","className","children","__next40pxDefaultSize","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\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\ttabIndex=\"0\"\n\t\t\t\t\tonClick={ action }\n\t\t\t\t>\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":"AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,QAAQ,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE1C,eAAe,SAASC,SAASA,CAAE;EAClCC,KAAK;EACLC,UAAU;EACVC,eAAe;EACfC,MAAM;EACNC,UAAU;EACVC;AACD,CAAC,EAAG;EACH,oBACCP,KAAA;IAAKO,SAAS,EAAGA,SAAW;IAAAC,QAAA,gBAC3BR,KAAA;MAAKO,SAAS,EAAC,qCAAqC;MAAAC,QAAA,gBACnDV,IAAA;QAAIS,SAAS,EAAC,qCAAqC;QAAAC,QAAA,EAChDN;MAAK,CACJ,CAAC,eAELJ,IAAA;QAAKS,SAAS,EAAC,kCAAkC;QAAAC,QAAA,EAC9CL;MAAU,CACR,CAAC,eAENL,IAAA;QAAKS,SAAS,EAAC,6DAA6D;QAAAC,QAAA,eAC3EV,IAAA,CAACH,OAAO;UAAAa,QAAA,EAAGZ,QAAQ,CAAEQ,eAAgB;QAAC,CAAW;MAAC,CAC9C,CAAC;IAAA,CACF,CAAC,eAENN,IAAA;MAAKS,SAAS,EAAC,oCAAoC;MAAAC,QAAA,eAClDV,IAAA,CAACJ,MAAM;QACNe,qBAAqB;QACrBC,OAAO,EAAC,WAAW;QACnBC,QAAQ,EAAC,GAAG;QACZC,OAAO,EAAGP,MAAQ;QAAAG,QAAA,EAEhBF;MAAU,CACL;IAAC,CACL,CAAC;EAAA,CACF,CAAC;AAER","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../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\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\ttabIndex=\"0\"\n\t\t\t\t\tonClick={ action }\n\t\t\t\t>\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": "AAiBG,SACC,KADD;AAdH,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,gBAAgB;AAEV,SAAR,UAA4B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,SACC,qBAAC,SAAI,WACJ;AAAA,yBAAC,SAAI,WAAU,uCACd;AAAA,0BAAC,QAAG,WAAU,uCACX,iBACH;AAAA,MAEA,oBAAC,SAAI,WAAU,oCACZ,sBACH;AAAA,MAEA,oBAAC,SAAI,WAAU,+DACd,8BAAC,WAAU,mBAAU,eAAgB,GAAG,GACzC;AAAA,OACD;AAAA,IAEA,oBAAC,SAAI,WAAU,sCACd;AAAA,MAAC;AAAA;AAAA,QACA,uBAAqB;AAAA,QACrB,SAAQ;AAAA,QACR,UAAS;AAAA,QACT,SAAU;AAAA,QAER;AAAA;AAAA,IACH,GACD;AAAA,KACD;AAEF;",
+  "names": []
+}

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

@@ -1,22 +1,9 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-// diff doesn't tree-shake correctly, so we import from the individual
-// module here, to avoid including too much of the library
-import { diffChars } from 'diff/lib/diff/character';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { getSaveContent } from '@wordpress/blocks';
-
-/**
- * Internal dependencies
- */
-import BlockView from './block-view';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { diffChars } from "diff/lib/diff/character";
+import { __ } from "@wordpress/i18n";
+import { getSaveContent } from "@wordpress/blocks";
+import BlockView from "./block-view";
 function BlockCompare({
   block,
   onKeep,
@@ -25,46 +12,51 @@ function BlockCompare({
   convertButtonText
 }) {
   function getDifference(originalContent, newContent) {
-    const difference = diffChars(originalContent, newContent);
-    return difference.map((item, pos) => {
+    const difference2 = diffChars(originalContent, newContent);
+    return difference2.map((item, pos) => {
       const classes = clsx({
-        'block-editor-block-compare__added': item.added,
-        'block-editor-block-compare__removed': item.removed
+        "block-editor-block-compare__added": item.added,
+        "block-editor-block-compare__removed": item.removed
       });
-      return /*#__PURE__*/_jsx("span", {
-        className: classes,
-        children: item.value
-      }, pos);
+      return /* @__PURE__ */ jsx("span", { className: classes, children: item.value }, pos);
     });
   }
   function getConvertedContent(convertedBlock) {
-    // The convertor may return an array of items or a single item.
     const newBlocks = Array.isArray(convertedBlock) ? convertedBlock : [convertedBlock];
-
-    // Get converted block details.
-    const newContent = newBlocks.map(item => getSaveContent(item.name, item.attributes, item.innerBlocks));
-    return newContent.join('');
+    const newContent = newBlocks.map(
+      (item) => getSaveContent(item.name, item.attributes, item.innerBlocks)
+    );
+    return newContent.join("");
   }
   const converted = getConvertedContent(convertor(block));
   const difference = getDifference(block.originalContent, converted);
-  return /*#__PURE__*/_jsxs("div", {
-    className: "block-editor-block-compare__wrapper",
-    children: [/*#__PURE__*/_jsx(BlockView, {
-      title: __('Current'),
-      className: "block-editor-block-compare__current",
-      action: onKeep,
-      actionText: __('Convert to HTML'),
-      rawContent: block.originalContent,
-      renderedContent: block.originalContent
-    }), /*#__PURE__*/_jsx(BlockView, {
-      title: __('After Conversion'),
-      className: "block-editor-block-compare__converted",
-      action: onConvert,
-      actionText: convertButtonText,
-      rawContent: difference,
-      renderedContent: converted
-    })]
-  });
+  return /* @__PURE__ */ jsxs("div", { className: "block-editor-block-compare__wrapper", children: [
+    /* @__PURE__ */ jsx(
+      BlockView,
+      {
+        title: __("Current"),
+        className: "block-editor-block-compare__current",
+        action: onKeep,
+        actionText: __("Convert to HTML"),
+        rawContent: block.originalContent,
+        renderedContent: block.originalContent
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      BlockView,
+      {
+        title: __("After Conversion"),
+        className: "block-editor-block-compare__converted",
+        action: onConvert,
+        actionText: convertButtonText,
+        rawContent: difference,
+        renderedContent: converted
+      }
+    )
+  ] });
 }
-export default BlockCompare;
-//# sourceMappingURL=index.js.map
+var block_compare_default = BlockCompare;
+export {
+  block_compare_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","diffChars","__","getSaveContent","BlockView","jsx","_jsx","jsxs","_jsxs","BlockCompare","block","onKeep","onConvert","convertor","convertButtonText","getDifference","originalContent","newContent","difference","map","item","pos","classes","added","removed","className","children","value","getConvertedContent","convertedBlock","newBlocks","Array","isArray","name","attributes","innerBlocks","join","converted","title","action","actionText","rawContent","renderedContent"],"sources":["@wordpress/block-editor/src/components/block-compare/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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 = clsx( {\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":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;AACvB;AACA;AACA,SAASC,SAAS,QAAQ,yBAAyB;;AAEnD;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,cAAc,QAAQ,mBAAmB;;AAElD;AACA;AACA;AACA,OAAOC,SAAS,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAErC,SAASC,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,GAAGjB,SAAS,CAAEe,eAAe,EAAEC,UAAW,CAAC;IAE3D,OAAOC,UAAU,CAACC,GAAG,CAAE,CAAEC,IAAI,EAAEC,GAAG,KAAM;MACvC,MAAMC,OAAO,GAAGtB,IAAI,CAAE;QACrB,mCAAmC,EAAEoB,IAAI,CAACG,KAAK;QAC/C,qCAAqC,EAAEH,IAAI,CAACI;MAC7C,CAAE,CAAC;MAEH,oBACClB,IAAA;QAAkBmB,SAAS,EAAGH,OAAS;QAAAI,QAAA,EACpCN,IAAI,CAACO;MAAK,GADDN,GAEN,CAAC;IAET,CAAE,CAAC;EACJ;EAEA,SAASO,mBAAmBA,CAAEC,cAAc,EAAG;IAC9C;IACA,MAAMC,SAAS,GAAGC,KAAK,CAACC,OAAO,CAAEH,cAAe,CAAC,GAC9CA,cAAc,GACd,CAAEA,cAAc,CAAE;;IAErB;IACA,MAAMZ,UAAU,GAAGa,SAAS,CAACX,GAAG,CAAIC,IAAI,IACvCjB,cAAc,CAAEiB,IAAI,CAACa,IAAI,EAAEb,IAAI,CAACc,UAAU,EAAEd,IAAI,CAACe,WAAY,CAC9D,CAAC;IAED,OAAOlB,UAAU,CAACmB,IAAI,CAAE,EAAG,CAAC;EAC7B;EAEA,MAAMC,SAAS,GAAGT,mBAAmB,CAAEf,SAAS,CAAEH,KAAM,CAAE,CAAC;EAC3D,MAAMQ,UAAU,GAAGH,aAAa,CAAEL,KAAK,CAACM,eAAe,EAAEqB,SAAU,CAAC;EAEpE,oBACC7B,KAAA;IAAKiB,SAAS,EAAC,qCAAqC;IAAAC,QAAA,gBACnDpB,IAAA,CAACF,SAAS;MACTkC,KAAK,EAAGpC,EAAE,CAAE,SAAU,CAAG;MACzBuB,SAAS,EAAC,qCAAqC;MAC/Cc,MAAM,EAAG5B,MAAQ;MACjB6B,UAAU,EAAGtC,EAAE,CAAE,iBAAkB,CAAG;MACtCuC,UAAU,EAAG/B,KAAK,CAACM,eAAiB;MACpC0B,eAAe,EAAGhC,KAAK,CAACM;IAAiB,CACzC,CAAC,eAEFV,IAAA,CAACF,SAAS;MACTkC,KAAK,EAAGpC,EAAE,CAAE,kBAAmB,CAAG;MAClCuB,SAAS,EAAC,uCAAuC;MACjDc,MAAM,EAAG3B,SAAW;MACpB4B,UAAU,EAAG1B,iBAAmB;MAChC2B,UAAU,EAAGvB,UAAY;MACzBwB,eAAe,EAAGL;IAAW,CAC7B,CAAC;EAAA,CACE,CAAC;AAER;AAEA,eAAe5B,YAAY","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-compare/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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 = clsx( {\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": "AAoCI,cAyBF,YAzBE;AAjCJ,OAAO,UAAU;AAGjB,SAAS,iBAAiB;AAK1B,SAAS,UAAU;AACnB,SAAS,sBAAsB;AAK/B,OAAO,eAAe;AAEtB,SAAS,aAAc;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,WAAS,cAAe,iBAAiB,YAAa;AACrD,UAAMA,cAAa,UAAW,iBAAiB,UAAW;AAE1D,WAAOA,YAAW,IAAK,CAAE,MAAM,QAAS;AACvC,YAAM,UAAU,KAAM;AAAA,QACrB,qCAAqC,KAAK;AAAA,QAC1C,uCAAuC,KAAK;AAAA,MAC7C,CAAE;AAEF,aACC,oBAAC,UAAiB,WAAY,SAC3B,eAAK,SADI,GAEZ;AAAA,IAEF,CAAE;AAAA,EACH;AAEA,WAAS,oBAAqB,gBAAiB;AAE9C,UAAM,YAAY,MAAM,QAAS,cAAe,IAC7C,iBACA,CAAE,cAAe;AAGpB,UAAM,aAAa,UAAU;AAAA,MAAK,CAAE,SACnC,eAAgB,KAAK,MAAM,KAAK,YAAY,KAAK,WAAY;AAAA,IAC9D;AAEA,WAAO,WAAW,KAAM,EAAG;AAAA,EAC5B;AAEA,QAAM,YAAY,oBAAqB,UAAW,KAAM,CAAE;AAC1D,QAAM,aAAa,cAAe,MAAM,iBAAiB,SAAU;AAEnE,SACC,qBAAC,SAAI,WAAU,uCACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ,GAAI,SAAU;AAAA,QACtB,WAAU;AAAA,QACV,QAAS;AAAA,QACT,YAAa,GAAI,iBAAkB;AAAA,QACnC,YAAa,MAAM;AAAA,QACnB,iBAAkB,MAAM;AAAA;AAAA,IACzB;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ,GAAI,kBAAmB;AAAA,QAC/B,WAAU;AAAA,QACV,QAAS;AAAA,QACT,YAAa;AAAA,QACb,YAAa;AAAA,QACb,iBAAkB;AAAA;AAAA,IACnB;AAAA,KACD;AAEF;AAEA,IAAO,wBAAQ;",
+  "names": ["difference"]
+}

package/build-module/components/block-content-overlay/index.js

@@ -1,18 +1,15 @@
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../../store';
-export default function useBlockOverlayActive(clientId) {
-  return useSelect(select => {
-    const {
-      __unstableHasActiveBlockOverlayActive
-    } = select(blockEditorStore);
-    return __unstableHasActiveBlockOverlayActive(clientId);
-  }, [clientId]);
+import { useSelect } from "@wordpress/data";
+import { store as blockEditorStore } from "../../store";
+function useBlockOverlayActive(clientId) {
+  return useSelect(
+    (select) => {
+      const { __unstableHasActiveBlockOverlayActive } = select(blockEditorStore);
+      return __unstableHasActiveBlockOverlayActive(clientId);
+    },
+    [clientId]
+  );
 }
-//# sourceMappingURL=index.js.map
+export {
+  useBlockOverlayActive as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/block-content-overlay/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useSelect","store","blockEditorStore","useBlockOverlayActive","clientId","select","__unstableHasActiveBlockOverlayActive"],"sources":["@wordpress/block-editor/src/components/block-content-overlay/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nexport default function useBlockOverlayActive( clientId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst { __unstableHasActiveBlockOverlayActive } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\treturn __unstableHasActiveBlockOverlayActive( clientId );\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAEvD,eAAe,SAASC,qBAAqBA,CAAEC,QAAQ,EAAG;EACzD,OAAOJ,SAAS,CACbK,MAAM,IAAM;IACb,MAAM;MAAEC;IAAsC,CAAC,GAC9CD,MAAM,CAAEH,gBAAiB,CAAC;IAE3B,OAAOI,qCAAqC,CAAEF,QAAS,CAAC;EACzD,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;AACF","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-content-overlay/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nexport default function useBlockOverlayActive( clientId ) {\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst { __unstableHasActiveBlockOverlayActive } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\treturn __unstableHasActiveBlockOverlayActive( clientId );\n\t\t},\n\t\t[ clientId ]\n\t);\n}\n"],
+  "mappings": "AAGA,SAAS,iBAAiB;AAK1B,SAAS,SAAS,wBAAwB;AAE3B,SAAR,sBAAwC,UAAW;AACzD,SAAO;AAAA,IACN,CAAE,WAAY;AACb,YAAM,EAAE,sCAAsC,IAC7C,OAAQ,gBAAiB;AAE1B,aAAO,sCAAuC,QAAS;AAAA,IACxD;AAAA,IACA,CAAE,QAAS;AAAA,EACZ;AACD;",
+  "names": []
+}

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

@@ -1,43 +1,18 @@
-/**
- * WordPress dependencies
- */
-import { createContext, useContext, useMemo } from '@wordpress/element';
-
-/** @typedef {import('react').ReactNode} ReactNode */
-
-/**
- * @typedef BlockContextProviderProps
- *
- * @property {Record<string,*>} value    Context value to merge with current
- *                                       value.
- * @property {ReactNode}        children Component children.
- */
-
-/** @type {import('react').Context<Record<string,*>>} */
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "@wordpress/element";
 const Context = createContext({});
-Context.displayName = 'BlockContext';
-
-/**
- * Component which merges passed value with current consumed block context.
- *
- * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-context/README.md
- *
- * @param {BlockContextProviderProps} props
- */
-export function BlockContextProvider({
-  value,
-  children
-}) {
+Context.displayName = "BlockContext";
+function BlockContextProvider({ value, children }) {
   const context = useContext(Context);
-  const nextValue = useMemo(() => ({
-    ...context,
-    ...value
-  }), [context, value]);
-  return /*#__PURE__*/_jsx(Context.Provider, {
-    value: nextValue,
-    children: children
-  });
+  const nextValue = useMemo(
+    () => ({ ...context, ...value }),
+    [context, value]
+  );
+  return /* @__PURE__ */ jsx(Context.Provider, { value: nextValue, children });
 }
-export default Context;
-//# sourceMappingURL=index.js.map
+var block_context_default = Context;
+export {
+  BlockContextProvider,
+  block_context_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["createContext","useContext","useMemo","jsx","_jsx","Context","displayName","BlockContextProvider","value","children","context","nextValue","Provider"],"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( {} );\nContext.displayName = 'BlockContext';\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":"AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,oBAAoB;;AAEvE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,MAAMC,OAAO,GAAGL,aAAa,CAAE,CAAC,CAAE,CAAC;AACnCK,OAAO,CAACC,WAAW,GAAG,cAAc;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAAE;EAAEC,KAAK;EAAEC;AAAS,CAAC,EAAG;EAC3D,MAAMC,OAAO,GAAGT,UAAU,CAAEI,OAAQ,CAAC;EACrC,MAAMM,SAAS,GAAGT,OAAO,CACxB,OAAQ;IAAE,GAAGQ,OAAO;IAAE,GAAGF;EAAM,CAAC,CAAE,EAClC,CAAEE,OAAO,EAAEF,KAAK,CACjB,CAAC;EAED,oBAAOJ,IAAA,CAACC,OAAO,CAACO,QAAQ;IAACJ,KAAK,EAAGG,SAAW;IAACF,QAAQ,EAAGA;EAAU,CAAE,CAAC;AACtE;AAEA,eAAeJ,OAAO","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../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( {} );\nContext.displayName = 'BlockContext';\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": "AAiCQ;AA9BR,SAAS,eAAe,YAAY,eAAe;AAanD,MAAM,UAAU,cAAe,CAAC,CAAE;AAClC,QAAQ,cAAc;AASf,SAAS,qBAAsB,EAAE,OAAO,SAAS,GAAI;AAC3D,QAAM,UAAU,WAAY,OAAQ;AACpC,QAAM,YAAY;AAAA,IACjB,OAAQ,EAAE,GAAG,SAAS,GAAG,MAAM;AAAA,IAC/B,CAAE,SAAS,KAAM;AAAA,EAClB;AAEA,SAAO,oBAAC,QAAQ,UAAR,EAAiB,OAAQ,WAAY,UAAsB;AACpE;AAEA,IAAO,wBAAQ;",
+  "names": []
+}