@wordpress/editor 14.32.0 → 14.32.1-next.ff1cebbba.0

package/build-module/components/block-settings-menu/plugin-block-settings-menu-item.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["BlockSettingsMenuControls","MenuItem","compose","jsx","_jsx","isEverySelectedBlockAllowed","selected","allowed","filter","id","includes","length","shouldRenderItem","selectedBlocks","allowedBlocks","Array","isArray","PluginBlockSettingsMenuItem","icon","label","onClick","small","role","children","onClose","undefined"],"sources":["@wordpress/editor/src/components/block-settings-menu/plugin-block-settings-menu-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BlockSettingsMenuControls } from '@wordpress/block-editor';\nimport { MenuItem } from '@wordpress/components';\nimport { compose } from '@wordpress/compose';\n\nconst isEverySelectedBlockAllowed = ( selected, allowed ) =>\n\tselected.filter( ( id ) => ! allowed.includes( id ) ).length === 0;\n\n/**\n * Plugins may want to add an item to the menu either for every block\n * or only for the specific ones provided in the `allowedBlocks` component property.\n *\n * If there are multiple blocks selected the item will be rendered if every block\n * is of one allowed type (not necessarily the same).\n *\n * @param {string[]} selectedBlocks Array containing the names of the blocks selected\n * @param {string[]} allowedBlocks  Array containing the names of the blocks allowed\n * @return {boolean} Whether the item will be rendered or not.\n */\nconst shouldRenderItem = ( selectedBlocks, allowedBlocks ) =>\n\t! Array.isArray( allowedBlocks ) ||\n\tisEverySelectedBlockAllowed( selectedBlocks, allowedBlocks );\n\n/**\n * Renders a new item in the block settings menu.\n *\n * @param {Object}                props                 Component props.\n * @param {Array}                 [props.allowedBlocks] An array containing a list of block names for which the item should be shown. If not present, it'll be rendered for any block. If multiple blocks are selected, it'll be shown if and only if all of them are in the allowed list.\n * @param {WPBlockTypeIconRender} [props.icon]          The [Dashicon](https://developer.wordpress.org/resource/dashicons/) icon slug string, or an SVG WP element.\n * @param {string}                props.label           The menu item text.\n * @param {Function}              props.onClick         Callback function to be executed when the user click the menu item.\n * @param {boolean}               [props.small]         Whether to render the label or not.\n * @param {string}                [props.role]          The ARIA role for the menu item.\n *\n * @example\n * ```js\n * // Using ES5 syntax\n * var __ = wp.i18n.__;\n * var PluginBlockSettingsMenuItem = wp.editor.PluginBlockSettingsMenuItem;\n *\n * function doOnClick(){\n * \t// To be called when the user clicks the menu item.\n * }\n *\n * function MyPluginBlockSettingsMenuItem() {\n * \treturn React.createElement(\n * \t\tPluginBlockSettingsMenuItem,\n * \t\t{\n * \t\t\tallowedBlocks: [ 'core/paragraph' ],\n * \t\t\ticon: 'dashicon-name',\n * \t\t\tlabel: __( 'Menu item text' ),\n * \t\t\tonClick: doOnClick,\n * \t\t}\n * \t);\n * }\n * ```\n *\n * @example\n * ```jsx\n * // Using ESNext syntax\n * import { __ } from '@wordpress/i18n';\n * import { PluginBlockSettingsMenuItem } from '@wordpress/editor';\n *\n * const doOnClick = ( ) => {\n *     // To be called when the user clicks the menu item.\n * };\n *\n * const MyPluginBlockSettingsMenuItem = () => (\n *     <PluginBlockSettingsMenuItem\n * \t\tallowedBlocks={ [ 'core/paragraph' ] }\n * \t\ticon='dashicon-name'\n * \t\tlabel={ __( 'Menu item text' ) }\n * \t\tonClick={ doOnClick } />\n * );\n * ```\n *\n * @return {React.ReactNode} The rendered component.\n */\nconst PluginBlockSettingsMenuItem = ( {\n\tallowedBlocks,\n\ticon,\n\tlabel,\n\tonClick,\n\tsmall,\n\trole,\n} ) => (\n\t<BlockSettingsMenuControls>\n\t\t{ ( { selectedBlocks, onClose } ) => {\n\t\t\tif ( ! shouldRenderItem( selectedBlocks, allowedBlocks ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<MenuItem\n\t\t\t\t\tonClick={ compose( onClick, onClose ) }\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tlabel={ small ? label : undefined }\n\t\t\t\t\trole={ role }\n\t\t\t\t>\n\t\t\t\t\t{ ! small && label }\n\t\t\t\t</MenuItem>\n\t\t\t);\n\t\t} }\n\t</BlockSettingsMenuControls>\n);\n\nexport default PluginBlockSettingsMenuItem;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,yBAAyB,QAAQ,yBAAyB;AACnE,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,OAAO,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,MAAMC,2BAA2B,GAAGA,CAAEC,QAAQ,EAAEC,OAAO,KACtDD,QAAQ,CAACE,MAAM,CAAIC,EAAE,IAAM,CAAEF,OAAO,CAACG,QAAQ,CAAED,EAAG,CAAE,CAAC,CAACE,MAAM,KAAK,CAAC;;AAEnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,gBAAgB,GAAGA,CAAEC,cAAc,EAAEC,aAAa,KACvD,CAAEC,KAAK,CAACC,OAAO,CAAEF,aAAc,CAAC,IAChCT,2BAA2B,CAAEQ,cAAc,EAAEC,aAAc,CAAC;;AAE7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMG,2BAA2B,GAAGA,CAAE;EACrCH,aAAa;EACbI,IAAI;EACJC,KAAK;EACLC,OAAO;EACPC,KAAK;EACLC;AACD,CAAC,kBACAlB,IAAA,CAACJ,yBAAyB;EAAAuB,QAAA,EACvBA,CAAE;IAAEV,cAAc;IAAEW;EAAQ,CAAC,KAAM;IACpC,IAAK,CAAEZ,gBAAgB,CAAEC,cAAc,EAAEC,aAAc,CAAC,EAAG;MAC1D,OAAO,IAAI;IACZ;IACA,oBACCV,IAAA,CAACH,QAAQ;MACRmB,OAAO,EAAGlB,OAAO,CAAEkB,OAAO,EAAEI,OAAQ,CAAG;MACvCN,IAAI,EAAGA,IAAM;MACbC,KAAK,EAAGE,KAAK,GAAGF,KAAK,GAAGM,SAAW;MACnCH,IAAI,EAAGA,IAAM;MAAAC,QAAA,EAEX,CAAEF,KAAK,IAAIF;IAAK,CACT,CAAC;EAEb;AAAC,CACyB,CAC3B;AAED,eAAeF,2BAA2B","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-settings-menu/plugin-block-settings-menu-item.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { BlockSettingsMenuControls } from '@wordpress/block-editor';\nimport { MenuItem } from '@wordpress/components';\nimport { compose } from '@wordpress/compose';\n\nconst isEverySelectedBlockAllowed = ( selected, allowed ) =>\n\tselected.filter( ( id ) => ! allowed.includes( id ) ).length === 0;\n\n/**\n * Plugins may want to add an item to the menu either for every block\n * or only for the specific ones provided in the `allowedBlocks` component property.\n *\n * If there are multiple blocks selected the item will be rendered if every block\n * is of one allowed type (not necessarily the same).\n *\n * @param {string[]} selectedBlocks Array containing the names of the blocks selected\n * @param {string[]} allowedBlocks  Array containing the names of the blocks allowed\n * @return {boolean} Whether the item will be rendered or not.\n */\nconst shouldRenderItem = ( selectedBlocks, allowedBlocks ) =>\n\t! Array.isArray( allowedBlocks ) ||\n\tisEverySelectedBlockAllowed( selectedBlocks, allowedBlocks );\n\n/**\n * Renders a new item in the block settings menu.\n *\n * @param {Object}                props                 Component props.\n * @param {Array}                 [props.allowedBlocks] An array containing a list of block names for which the item should be shown. If not present, it'll be rendered for any block. If multiple blocks are selected, it'll be shown if and only if all of them are in the allowed list.\n * @param {WPBlockTypeIconRender} [props.icon]          The [Dashicon](https://developer.wordpress.org/resource/dashicons/) icon slug string, or an SVG WP element.\n * @param {string}                props.label           The menu item text.\n * @param {Function}              props.onClick         Callback function to be executed when the user click the menu item.\n * @param {boolean}               [props.small]         Whether to render the label or not.\n * @param {string}                [props.role]          The ARIA role for the menu item.\n *\n * @example\n * ```js\n * // Using ES5 syntax\n * var __ = wp.i18n.__;\n * var PluginBlockSettingsMenuItem = wp.editor.PluginBlockSettingsMenuItem;\n *\n * function doOnClick(){\n * \t// To be called when the user clicks the menu item.\n * }\n *\n * function MyPluginBlockSettingsMenuItem() {\n * \treturn React.createElement(\n * \t\tPluginBlockSettingsMenuItem,\n * \t\t{\n * \t\t\tallowedBlocks: [ 'core/paragraph' ],\n * \t\t\ticon: 'dashicon-name',\n * \t\t\tlabel: __( 'Menu item text' ),\n * \t\t\tonClick: doOnClick,\n * \t\t}\n * \t);\n * }\n * ```\n *\n * @example\n * ```jsx\n * // Using ESNext syntax\n * import { __ } from '@wordpress/i18n';\n * import { PluginBlockSettingsMenuItem } from '@wordpress/editor';\n *\n * const doOnClick = ( ) => {\n *     // To be called when the user clicks the menu item.\n * };\n *\n * const MyPluginBlockSettingsMenuItem = () => (\n *     <PluginBlockSettingsMenuItem\n * \t\tallowedBlocks={ [ 'core/paragraph' ] }\n * \t\ticon='dashicon-name'\n * \t\tlabel={ __( 'Menu item text' ) }\n * \t\tonClick={ doOnClick } />\n * );\n * ```\n *\n * @return {React.ReactNode} The rendered component.\n */\nconst PluginBlockSettingsMenuItem = ( {\n\tallowedBlocks,\n\ticon,\n\tlabel,\n\tonClick,\n\tsmall,\n\trole,\n} ) => (\n\t<BlockSettingsMenuControls>\n\t\t{ ( { selectedBlocks, onClose } ) => {\n\t\t\tif ( ! shouldRenderItem( selectedBlocks, allowedBlocks ) ) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<MenuItem\n\t\t\t\t\tonClick={ compose( onClick, onClose ) }\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tlabel={ small ? label : undefined }\n\t\t\t\t\trole={ role }\n\t\t\t\t>\n\t\t\t\t\t{ ! small && label }\n\t\t\t\t</MenuItem>\n\t\t\t);\n\t\t} }\n\t</BlockSettingsMenuControls>\n);\n\nexport default PluginBlockSettingsMenuItem;\n"],
+  "mappings": "AA8FI;AA3FJ,SAAS,iCAAiC;AAC1C,SAAS,gBAAgB;AACzB,SAAS,eAAe;AAExB,MAAM,8BAA8B,CAAE,UAAU,YAC/C,SAAS,OAAQ,CAAE,OAAQ,CAAE,QAAQ,SAAU,EAAG,CAAE,EAAE,WAAW;AAalE,MAAM,mBAAmB,CAAE,gBAAgB,kBAC1C,CAAE,MAAM,QAAS,aAAc,KAC/B,4BAA6B,gBAAgB,aAAc;AAyD5D,MAAM,8BAA8B,CAAE;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MACC,oBAAC,6BACE,WAAE,EAAE,gBAAgB,QAAQ,MAAO;AACpC,MAAK,CAAE,iBAAkB,gBAAgB,aAAc,GAAI;AAC1D,WAAO;AAAA,EACR;AACA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,SAAU,QAAS,SAAS,OAAQ;AAAA,MACpC;AAAA,MACA,OAAQ,QAAQ,QAAQ;AAAA,MACxB;AAAA,MAEE,WAAE,SAAS;AAAA;AAAA,EACd;AAEF,GACD;AAGD,IAAO,0CAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,103 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { store as preferencesStore } from "@wordpress/preferences";
+import { hasBlockSupport, store as blocksStore } from "@wordpress/blocks";
+import { useMemo } from "@wordpress/element";
+import { Button } from "@wordpress/components";
+import { __, _n, sprintf } from "@wordpress/i18n";
+import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
+import { store as editorStore } from "../../store";
+import { unlock } from "../../lock-unlock";
+const { BlockManager } = unlock(blockEditorPrivateApis);
+const EMPTY_ARRAY = [];
+function BlockVisibility() {
+  const { showBlockTypes, hideBlockTypes } = unlock(
+    useDispatch(editorStore)
+  );
+  const {
+    blockTypes,
+    allowedBlockTypes: _allowedBlockTypes,
+    hiddenBlockTypes: _hiddenBlockTypes
+  } = useSelect((select) => {
+    return {
+      blockTypes: select(blocksStore).getBlockTypes(),
+      allowedBlockTypes: select(editorStore).getEditorSettings().allowedBlockTypes,
+      hiddenBlockTypes: select(preferencesStore).get("core", "hiddenBlockTypes") ?? EMPTY_ARRAY
+    };
+  }, []);
+  const allowedBlockTypes = useMemo(() => {
+    if (_allowedBlockTypes === true) {
+      return blockTypes;
+    }
+    return blockTypes.filter(({ name }) => {
+      return _allowedBlockTypes?.includes(name);
+    });
+  }, [_allowedBlockTypes, blockTypes]);
+  const filteredBlockTypes = allowedBlockTypes.filter(
+    (blockType) => hasBlockSupport(blockType, "inserter", true) && (!blockType.parent || blockType.parent.includes("core/post-content"))
+  );
+  const hiddenBlockTypes = _hiddenBlockTypes.filter((hiddenBlock) => {
+    return filteredBlockTypes.some(
+      (registeredBlock) => registeredBlock.name === hiddenBlock
+    );
+  });
+  const selectedBlockTypes = filteredBlockTypes.filter(
+    (blockType) => !hiddenBlockTypes.includes(blockType.name)
+  );
+  const numberOfHiddenBlocks = filteredBlockTypes.length - selectedBlockTypes.length;
+  function enableAllBlockTypes() {
+    onChangeSelectedBlockTypes(filteredBlockTypes);
+  }
+  const onChangeSelectedBlockTypes = (newSelectedBlockTypes) => {
+    if (selectedBlockTypes.length > newSelectedBlockTypes.length) {
+      const blockTypesToHide = selectedBlockTypes.filter(
+        (blockType) => !newSelectedBlockTypes.find(
+          ({ name }) => name === blockType.name
+        )
+      );
+      hideBlockTypes(blockTypesToHide.map(({ name }) => name));
+    } else if (selectedBlockTypes.length < newSelectedBlockTypes.length) {
+      const blockTypesToShow = newSelectedBlockTypes.filter(
+        (blockType) => !selectedBlockTypes.find(
+          ({ name }) => name === blockType.name
+        )
+      );
+      showBlockTypes(blockTypesToShow.map(({ name }) => name));
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "editor-block-visibility", children: [
+    !!numberOfHiddenBlocks && /* @__PURE__ */ jsxs("div", { className: "editor-block-visibility__disabled-blocks-count", children: [
+      sprintf(
+        /* translators: %d: number of blocks. */
+        _n(
+          "%d block is hidden.",
+          "%d blocks are hidden.",
+          numberOfHiddenBlocks
+        ),
+        numberOfHiddenBlocks
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          __next40pxDefaultSize: true,
+          variant: "link",
+          onClick: enableAllBlockTypes,
+          children: __("Reset")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      BlockManager,
+      {
+        blockTypes: filteredBlockTypes,
+        selectedBlockTypes,
+        onChange: onChangeSelectedBlockTypes,
+        showSelectAll: false
+      }
+    )
+  ] });
+}
+export {
+  BlockVisibility as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-visibility/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { hasBlockSupport, store as blocksStore } from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\nimport { Button } from '@wordpress/components';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { BlockManager } = unlock( blockEditorPrivateApis );\nconst EMPTY_ARRAY = [];\n\nexport default function BlockVisibility() {\n\tconst { showBlockTypes, hideBlockTypes } = unlock(\n\t\tuseDispatch( editorStore )\n\t);\n\n\tconst {\n\t\tblockTypes,\n\t\tallowedBlockTypes: _allowedBlockTypes,\n\t\thiddenBlockTypes: _hiddenBlockTypes,\n\t} = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tblockTypes: select( blocksStore ).getBlockTypes(),\n\t\t\tallowedBlockTypes:\n\t\t\t\tselect( editorStore ).getEditorSettings().allowedBlockTypes,\n\t\t\thiddenBlockTypes:\n\t\t\t\tselect( preferencesStore ).get( 'core', 'hiddenBlockTypes' ) ??\n\t\t\t\tEMPTY_ARRAY,\n\t\t};\n\t}, [] );\n\n\tconst allowedBlockTypes = useMemo( () => {\n\t\tif ( _allowedBlockTypes === true ) {\n\t\t\treturn blockTypes;\n\t\t}\n\t\treturn blockTypes.filter( ( { name } ) => {\n\t\t\treturn _allowedBlockTypes?.includes( name );\n\t\t} );\n\t}, [ _allowedBlockTypes, blockTypes ] );\n\n\tconst filteredBlockTypes = allowedBlockTypes.filter(\n\t\t( blockType ) =>\n\t\t\thasBlockSupport( blockType, 'inserter', true ) &&\n\t\t\t( ! blockType.parent ||\n\t\t\t\tblockType.parent.includes( 'core/post-content' ) )\n\t);\n\n\t// Some hidden blocks become unregistered\n\t// by removing for instance the plugin that registered them, yet\n\t// they're still remain as hidden by the user's action.\n\t// We consider \"hidden\", blocks which were hidden and\n\t// are still registered.\n\tconst hiddenBlockTypes = _hiddenBlockTypes.filter( ( hiddenBlock ) => {\n\t\treturn filteredBlockTypes.some(\n\t\t\t( registeredBlock ) => registeredBlock.name === hiddenBlock\n\t\t);\n\t} );\n\n\tconst selectedBlockTypes = filteredBlockTypes.filter(\n\t\t( blockType ) => ! hiddenBlockTypes.includes( blockType.name )\n\t);\n\n\tconst numberOfHiddenBlocks =\n\t\tfilteredBlockTypes.length - selectedBlockTypes.length;\n\n\tfunction enableAllBlockTypes() {\n\t\tonChangeSelectedBlockTypes( filteredBlockTypes );\n\t}\n\n\tconst onChangeSelectedBlockTypes = ( newSelectedBlockTypes ) => {\n\t\tif ( selectedBlockTypes.length > newSelectedBlockTypes.length ) {\n\t\t\tconst blockTypesToHide = selectedBlockTypes.filter(\n\t\t\t\t( blockType ) =>\n\t\t\t\t\t! newSelectedBlockTypes.find(\n\t\t\t\t\t\t( { name } ) => name === blockType.name\n\t\t\t\t\t)\n\t\t\t);\n\t\t\thideBlockTypes( blockTypesToHide.map( ( { name } ) => name ) );\n\t\t} else if ( selectedBlockTypes.length < newSelectedBlockTypes.length ) {\n\t\t\tconst blockTypesToShow = newSelectedBlockTypes.filter(\n\t\t\t\t( blockType ) =>\n\t\t\t\t\t! selectedBlockTypes.find(\n\t\t\t\t\t\t( { name } ) => name === blockType.name\n\t\t\t\t\t)\n\t\t\t);\n\t\t\tshowBlockTypes( blockTypesToShow.map( ( { name } ) => name ) );\n\t\t}\n\t};\n\n\treturn (\n\t\t<div className=\"editor-block-visibility\">\n\t\t\t{ !! numberOfHiddenBlocks && (\n\t\t\t\t<div className=\"editor-block-visibility__disabled-blocks-count\">\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: %d: number of blocks. */\n\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t'%d block is hidden.',\n\t\t\t\t\t\t\t'%d blocks are hidden.',\n\t\t\t\t\t\t\tnumberOfHiddenBlocks\n\t\t\t\t\t\t),\n\t\t\t\t\t\tnumberOfHiddenBlocks\n\t\t\t\t\t) }\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\tonClick={ enableAllBlockTypes }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<BlockManager\n\t\t\t\tblockTypes={ filteredBlockTypes }\n\t\t\t\tselectedBlockTypes={ selectedBlockTypes }\n\t\t\t\tonChange={ onChangeSelectedBlockTypes }\n\t\t\t\tshowSelectAll={ false }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/components/blog-title/index.js

@@ -1,112 +1,113 @@
-/**
- * WordPress dependencies
- */
-import { __, sprintf } from '@wordpress/i18n';
-import { debounce } from '@wordpress/compose';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-import { decodeEntities } from '@wordpress/html-entities';
-import { Button, Dropdown, __experimentalInputControl as InputControl } from '@wordpress/components';
-import { useState, useMemo } from '@wordpress/element';
-import { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import { TEMPLATE_POST_TYPE } from '../../store/constants';
-import PostPanelRow from '../post-panel-row';
-import { store as editorStore } from '../../store';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { __, sprintf } from "@wordpress/i18n";
+import { debounce } from "@wordpress/compose";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { store as coreStore } from "@wordpress/core-data";
+import { decodeEntities } from "@wordpress/html-entities";
+import {
+  Button,
+  Dropdown,
+  __experimentalInputControl as InputControl
+} from "@wordpress/components";
+import { useState, useMemo } from "@wordpress/element";
+import { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from "@wordpress/block-editor";
+import { TEMPLATE_POST_TYPE } from "../../store/constants";
+import PostPanelRow from "../post-panel-row";
+import { store as editorStore } from "../../store";
 const EMPTY_OBJECT = {};
-export default function BlogTitle() {
-  const {
-    editEntityRecord
-  } = useDispatch(coreStore);
-  const {
-    postsPageTitle,
-    postsPageId,
-    isTemplate,
-    postSlug
-  } = useSelect(select => {
-    const {
-      getEntityRecord,
-      getEditedEntityRecord,
-      canUser
-    } = select(coreStore);
-    const siteSettings = canUser('read', {
-      kind: 'root',
-      name: 'site'
-    }) ? getEntityRecord('root', 'site') : undefined;
-    const _postsPageRecord = siteSettings?.page_for_posts ? getEditedEntityRecord('postType', 'page', siteSettings?.page_for_posts) : EMPTY_OBJECT;
-    const {
-      getEditedPostAttribute,
-      getCurrentPostType
-    } = select(editorStore);
-    return {
-      postsPageId: _postsPageRecord?.id,
-      postsPageTitle: _postsPageRecord?.title,
-      isTemplate: getCurrentPostType() === TEMPLATE_POST_TYPE,
-      postSlug: getEditedPostAttribute('slug')
-    };
-  }, []);
-  // Use internal state instead of a ref to make sure that the component
-  // re-renders when the popover's anchor updates.
+function BlogTitle() {
+  const { editEntityRecord } = useDispatch(coreStore);
+  const { postsPageTitle, postsPageId, isTemplate, postSlug } = useSelect(
+    (select) => {
+      const { getEntityRecord, getEditedEntityRecord, canUser } = select(coreStore);
+      const siteSettings = canUser("read", {
+        kind: "root",
+        name: "site"
+      }) ? getEntityRecord("root", "site") : void 0;
+      const _postsPageRecord = siteSettings?.page_for_posts ? getEditedEntityRecord(
+        "postType",
+        "page",
+        siteSettings?.page_for_posts
+      ) : EMPTY_OBJECT;
+      const { getEditedPostAttribute, getCurrentPostType } = select(editorStore);
+      return {
+        postsPageId: _postsPageRecord?.id,
+        postsPageTitle: _postsPageRecord?.title,
+        isTemplate: getCurrentPostType() === TEMPLATE_POST_TYPE,
+        postSlug: getEditedPostAttribute("slug")
+      };
+    },
+    []
+  );
   const [popoverAnchor, setPopoverAnchor] = useState(null);
-  // Memoize popoverProps to avoid returning a new object every time.
-  const popoverProps = useMemo(() => ({
-    // Anchor the popover to the middle of the entire row so that it doesn't
-    // move around when the label changes.
-    anchor: popoverAnchor,
-    placement: 'left-start',
-    offset: 36,
-    shift: true
-  }), [popoverAnchor]);
-  if (!isTemplate || !['home', 'index'].includes(postSlug) || !postsPageId) {
+  const popoverProps = useMemo(
+    () => ({
+      // Anchor the popover to the middle of the entire row so that it doesn't
+      // move around when the label changes.
+      anchor: popoverAnchor,
+      placement: "left-start",
+      offset: 36,
+      shift: true
+    }),
+    [popoverAnchor]
+  );
+  if (!isTemplate || !["home", "index"].includes(postSlug) || !postsPageId) {
     return null;
   }
-  const setPostsPageTitle = newValue => {
-    editEntityRecord('postType', 'page', postsPageId, {
+  const setPostsPageTitle = (newValue) => {
+    editEntityRecord("postType", "page", postsPageId, {
       title: newValue
     });
   };
   const decodedTitle = decodeEntities(postsPageTitle);
-  return /*#__PURE__*/_jsx(PostPanelRow, {
-    label: __('Blog title'),
-    ref: setPopoverAnchor,
-    children: /*#__PURE__*/_jsx(Dropdown, {
-      popoverProps: popoverProps,
+  return /* @__PURE__ */ jsx(PostPanelRow, { label: __("Blog title"), ref: setPopoverAnchor, children: /* @__PURE__ */ jsx(
+    Dropdown,
+    {
+      popoverProps,
       contentClassName: "editor-blog-title-dropdown__content",
       focusOnMount: true,
-      renderToggle: ({
-        isOpen,
-        onToggle
-      }) => /*#__PURE__*/_jsx(Button, {
-        size: "compact",
-        variant: "tertiary",
-        "aria-expanded": isOpen,
-        "aria-label": sprintf(
-        // translators: %s: Current post link.
-        __('Change blog title: %s'), decodedTitle),
-        onClick: onToggle,
-        children: decodedTitle
-      }),
-      renderContent: ({
-        onClose
-      }) => /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(InspectorPopoverHeader, {
-          title: __('Blog title'),
-          onClose: onClose
-        }), /*#__PURE__*/_jsx(InputControl, {
-          placeholder: __('No title'),
-          size: "__unstable-large",
-          value: postsPageTitle,
-          onChange: debounce(setPostsPageTitle, 300),
-          label: __('Blog title'),
-          help: __('Set the Posts Page title. Appears in search results, and when the page is shared on social media.'),
-          hideLabelFromVision: true
-        })]
-      })
-    })
-  });
+      renderToggle: ({ isOpen, onToggle }) => /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "compact",
+          variant: "tertiary",
+          "aria-expanded": isOpen,
+          "aria-label": sprintf(
+            // translators: %s: Current post link.
+            __("Change blog title: %s"),
+            decodedTitle
+          ),
+          onClick: onToggle,
+          children: decodedTitle
+        }
+      ),
+      renderContent: ({ onClose }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          InspectorPopoverHeader,
+          {
+            title: __("Blog title"),
+            onClose
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          InputControl,
+          {
+            placeholder: __("No title"),
+            size: "__unstable-large",
+            value: postsPageTitle,
+            onChange: debounce(setPostsPageTitle, 300),
+            label: __("Blog title"),
+            help: __(
+              "Set the Posts Page title. Appears in search results, and when the page is shared on social media."
+            ),
+            hideLabelFromVision: true
+          }
+        )
+      ] })
+    }
+  ) });
 }
-//# sourceMappingURL=index.js.map
+export {
+  BlogTitle as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/blog-title/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","sprintf","debounce","useSelect","useDispatch","store","coreStore","decodeEntities","Button","Dropdown","__experimentalInputControl","InputControl","useState","useMemo","__experimentalInspectorPopoverHeader","InspectorPopoverHeader","TEMPLATE_POST_TYPE","PostPanelRow","editorStore","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","EMPTY_OBJECT","BlogTitle","editEntityRecord","postsPageTitle","postsPageId","isTemplate","postSlug","select","getEntityRecord","getEditedEntityRecord","canUser","siteSettings","kind","name","undefined","_postsPageRecord","page_for_posts","getEditedPostAttribute","getCurrentPostType","id","title","popoverAnchor","setPopoverAnchor","popoverProps","anchor","placement","offset","shift","includes","setPostsPageTitle","newValue","decodedTitle","label","ref","children","contentClassName","focusOnMount","renderToggle","isOpen","onToggle","size","variant","onClick","renderContent","onClose","placeholder","value","onChange","help","hideLabelFromVision"],"sources":["@wordpress/editor/src/components/blog-title/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { debounce } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport {\n\tButton,\n\tDropdown,\n\t__experimentalInputControl as InputControl,\n} from '@wordpress/components';\nimport { useState, useMemo } from '@wordpress/element';\nimport { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { TEMPLATE_POST_TYPE } from '../../store/constants';\nimport PostPanelRow from '../post-panel-row';\nimport { store as editorStore } from '../../store';\n\nconst EMPTY_OBJECT = {};\n\nexport default function BlogTitle() {\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\tconst { postsPageTitle, postsPageId, isTemplate, postSlug } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecord, getEditedEntityRecord, canUser } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst siteSettings = canUser( 'read', {\n\t\t\t\tkind: 'root',\n\t\t\t\tname: 'site',\n\t\t\t} )\n\t\t\t\t? getEntityRecord( 'root', 'site' )\n\t\t\t\t: undefined;\n\t\t\tconst _postsPageRecord = siteSettings?.page_for_posts\n\t\t\t\t? getEditedEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t'page',\n\t\t\t\t\t\tsiteSettings?.page_for_posts\n\t\t\t\t  )\n\t\t\t\t: EMPTY_OBJECT;\n\t\t\tconst { getEditedPostAttribute, getCurrentPostType } =\n\t\t\t\tselect( editorStore );\n\t\t\treturn {\n\t\t\t\tpostsPageId: _postsPageRecord?.id,\n\t\t\t\tpostsPageTitle: _postsPageRecord?.title,\n\t\t\t\tisTemplate: getCurrentPostType() === TEMPLATE_POST_TYPE,\n\t\t\t\tpostSlug: getEditedPostAttribute( 'slug' ),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t// Anchor the popover to the middle of the entire row so that it doesn't\n\t\t\t// move around when the label changes.\n\t\t\tanchor: popoverAnchor,\n\t\t\tplacement: 'left-start',\n\t\t\toffset: 36,\n\t\t\tshift: true,\n\t\t} ),\n\t\t[ popoverAnchor ]\n\t);\n\n\tif (\n\t\t! isTemplate ||\n\t\t! [ 'home', 'index' ].includes( postSlug ) ||\n\t\t! postsPageId\n\t) {\n\t\treturn null;\n\t}\n\n\tconst setPostsPageTitle = ( newValue ) => {\n\t\teditEntityRecord( 'postType', 'page', postsPageId, {\n\t\t\ttitle: newValue,\n\t\t} );\n\t};\n\tconst decodedTitle = decodeEntities( postsPageTitle );\n\treturn (\n\t\t<PostPanelRow label={ __( 'Blog title' ) } ref={ setPopoverAnchor }>\n\t\t\t<Dropdown\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\tcontentClassName=\"editor-blog-title-dropdown__content\"\n\t\t\t\tfocusOnMount\n\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t\t// translators: %s: Current post link.\n\t\t\t\t\t\t\t__( 'Change blog title: %s' ),\n\t\t\t\t\t\t\tdecodedTitle\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ decodedTitle }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<InspectorPopoverHeader\n\t\t\t\t\t\t\ttitle={ __( 'Blog title' ) }\n\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\tplaceholder={ __( 'No title' ) }\n\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t\tvalue={ postsPageTitle }\n\t\t\t\t\t\t\tonChange={ debounce( setPostsPageTitle, 300 ) }\n\t\t\t\t\t\t\tlabel={ __( 'Blog title' ) }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Set the Posts Page title. Appears in search results, and when the page is shared on social media.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</PostPanelRow>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/blog-title/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { debounce } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport {\n\tButton,\n\tDropdown,\n\t__experimentalInputControl as InputControl,\n} from '@wordpress/components';\nimport { useState, useMemo } from '@wordpress/element';\nimport { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { TEMPLATE_POST_TYPE } from '../../store/constants';\nimport PostPanelRow from '../post-panel-row';\nimport { store as editorStore } from '../../store';\n\nconst EMPTY_OBJECT = {};\n\nexport default function BlogTitle() {\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\tconst { postsPageTitle, postsPageId, isTemplate, postSlug } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecord, getEditedEntityRecord, canUser } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst siteSettings = canUser( 'read', {\n\t\t\t\tkind: 'root',\n\t\t\t\tname: 'site',\n\t\t\t} )\n\t\t\t\t? getEntityRecord( 'root', 'site' )\n\t\t\t\t: undefined;\n\t\t\tconst _postsPageRecord = siteSettings?.page_for_posts\n\t\t\t\t? getEditedEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t'page',\n\t\t\t\t\t\tsiteSettings?.page_for_posts\n\t\t\t\t  )\n\t\t\t\t: EMPTY_OBJECT;\n\t\t\tconst { getEditedPostAttribute, getCurrentPostType } =\n\t\t\t\tselect( editorStore );\n\t\t\treturn {\n\t\t\t\tpostsPageId: _postsPageRecord?.id,\n\t\t\t\tpostsPageTitle: _postsPageRecord?.title,\n\t\t\t\tisTemplate: getCurrentPostType() === TEMPLATE_POST_TYPE,\n\t\t\t\tpostSlug: getEditedPostAttribute( 'slug' ),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t// Anchor the popover to the middle of the entire row so that it doesn't\n\t\t\t// move around when the label changes.\n\t\t\tanchor: popoverAnchor,\n\t\t\tplacement: 'left-start',\n\t\t\toffset: 36,\n\t\t\tshift: true,\n\t\t} ),\n\t\t[ popoverAnchor ]\n\t);\n\n\tif (\n\t\t! isTemplate ||\n\t\t! [ 'home', 'index' ].includes( postSlug ) ||\n\t\t! postsPageId\n\t) {\n\t\treturn null;\n\t}\n\n\tconst setPostsPageTitle = ( newValue ) => {\n\t\teditEntityRecord( 'postType', 'page', postsPageId, {\n\t\t\ttitle: newValue,\n\t\t} );\n\t};\n\tconst decodedTitle = decodeEntities( postsPageTitle );\n\treturn (\n\t\t<PostPanelRow label={ __( 'Blog title' ) } ref={ setPopoverAnchor }>\n\t\t\t<Dropdown\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\tcontentClassName=\"editor-blog-title-dropdown__content\"\n\t\t\t\tfocusOnMount\n\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t\t// translators: %s: Current post link.\n\t\t\t\t\t\t\t__( 'Change blog title: %s' ),\n\t\t\t\t\t\t\tdecodedTitle\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ decodedTitle }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<InspectorPopoverHeader\n\t\t\t\t\t\t\ttitle={ __( 'Blog title' ) }\n\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\tplaceholder={ __( 'No title' ) }\n\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t\tvalue={ postsPageTitle }\n\t\t\t\t\t\t\tonChange={ debounce( setPostsPageTitle, 300 ) }\n\t\t\t\t\t\t\tlabel={ __( 'Blog title' ) }\n\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t'Set the Posts Page title. Appears in search results, and when the page is shared on social media.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</PostPanelRow>\n\t);\n}\n"],
+  "mappings": "AA4FK,SAeA,UAfA,KAeA,YAfA;AAzFL,SAAS,IAAI,eAAe;AAC5B,SAAS,gBAAgB;AACzB,SAAS,WAAW,mBAAmB;AACvC,SAAS,SAAS,iBAAiB;AACnC,SAAS,sBAAsB;AAC/B;AAAA,EACC;AAAA,EACA;AAAA,EACA,8BAA8B;AAAA,OACxB;AACP,SAAS,UAAU,eAAe;AAClC,SAAS,wCAAwC,8BAA8B;AAK/E,SAAS,0BAA0B;AACnC,OAAO,kBAAkB;AACzB,SAAS,SAAS,mBAAmB;AAErC,MAAM,eAAe,CAAC;AAEP,SAAR,YAA6B;AACnC,QAAM,EAAE,iBAAiB,IAAI,YAAa,SAAU;AACpD,QAAM,EAAE,gBAAgB,aAAa,YAAY,SAAS,IAAI;AAAA,IAC7D,CAAE,WAAY;AACb,YAAM,EAAE,iBAAiB,uBAAuB,QAAQ,IACvD,OAAQ,SAAU;AACnB,YAAM,eAAe,QAAS,QAAQ;AAAA,QACrC,MAAM;AAAA,QACN,MAAM;AAAA,MACP,CAAE,IACC,gBAAiB,QAAQ,MAAO,IAChC;AACH,YAAM,mBAAmB,cAAc,iBACpC;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAc;AAAA,MACd,IACA;AACH,YAAM,EAAE,wBAAwB,mBAAmB,IAClD,OAAQ,WAAY;AACrB,aAAO;AAAA,QACN,aAAa,kBAAkB;AAAA,QAC/B,gBAAgB,kBAAkB;AAAA,QAClC,YAAY,mBAAmB,MAAM;AAAA,QACrC,UAAU,uBAAwB,MAAO;AAAA,MAC1C;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AAGA,QAAM,CAAE,eAAe,gBAAiB,IAAI,SAAU,IAAK;AAE3D,QAAM,eAAe;AAAA,IACpB,OAAQ;AAAA;AAAA;AAAA,MAGP,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,OAAO;AAAA,IACR;AAAA,IACA,CAAE,aAAc;AAAA,EACjB;AAEA,MACC,CAAE,cACF,CAAE,CAAE,QAAQ,OAAQ,EAAE,SAAU,QAAS,KACzC,CAAE,aACD;AACD,WAAO;AAAA,EACR;AAEA,QAAM,oBAAoB,CAAE,aAAc;AACzC,qBAAkB,YAAY,QAAQ,aAAa;AAAA,MAClD,OAAO;AAAA,IACR,CAAE;AAAA,EACH;AACA,QAAM,eAAe,eAAgB,cAAe;AACpD,SACC,oBAAC,gBAAa,OAAQ,GAAI,YAAa,GAAI,KAAM,kBAChD;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,kBAAiB;AAAA,MACjB,cAAY;AAAA,MACZ,cAAe,CAAE,EAAE,QAAQ,SAAS,MACnC;AAAA,QAAC;AAAA;AAAA,UACA,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,iBAAgB;AAAA,UAChB,cAAa;AAAA;AAAA,YAEZ,GAAI,uBAAwB;AAAA,YAC5B;AAAA,UACD;AAAA,UACA,SAAU;AAAA,UAER;AAAA;AAAA,MACH;AAAA,MAED,eAAgB,CAAE,EAAE,QAAQ,MAC3B,iCACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,OAAQ,GAAI,YAAa;AAAA,YACzB;AAAA;AAAA,QACD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,aAAc,GAAI,UAAW;AAAA,YAC7B,MAAK;AAAA,YACL,OAAQ;AAAA,YACR,UAAW,SAAU,mBAAmB,GAAI;AAAA,YAC5C,OAAQ,GAAI,YAAa;AAAA,YACzB,MAAO;AAAA,cACN;AAAA,YACD;AAAA,YACA,qBAAmB;AAAA;AAAA,QACpB;AAAA,SACD;AAAA;AAAA,EAEF,GACD;AAEF;",
+  "names": []
+}

package/build-module/components/character-count/index.js

@@ -1,21 +1,14 @@
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-import { count as characterCount } from '@wordpress/wordcount';
-
-/**
- * Internal dependencies
- */
-import { store as editorStore } from '../../store';
-
-/**
- * Renders the character count of the post content.
- *
- * @return {number} The character count.
- */
-export default function CharacterCount() {
-  const content = useSelect(select => select(editorStore).getEditedPostAttribute('content'), []);
-  return characterCount(content, 'characters_including_spaces');
+import { useSelect } from "@wordpress/data";
+import { count as characterCount } from "@wordpress/wordcount";
+import { store as editorStore } from "../../store";
+function CharacterCount() {
+  const content = useSelect(
+    (select) => select(editorStore).getEditedPostAttribute("content"),
+    []
+  );
+  return characterCount(content, "characters_including_spaces");
 }
-//# sourceMappingURL=index.js.map
+export {
+  CharacterCount as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/character-count/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useSelect","count","characterCount","store","editorStore","CharacterCount","content","select","getEditedPostAttribute"],"sources":["@wordpress/editor/src/components/character-count/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { count as characterCount } from '@wordpress/wordcount';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\n/**\n * Renders the character count of the post content.\n *\n * @return {number} The character count.\n */\nexport default function CharacterCount() {\n\tconst content = useSelect(\n\t\t( select ) => select( editorStore ).getEditedPostAttribute( 'content' ),\n\t\t[]\n\t);\n\n\treturn characterCount( content, 'characters_including_spaces' );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,cAAc,QAAQ,sBAAsB;;AAE9D;AACA;AACA;AACA,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;;AAElD;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,cAAcA,CAAA,EAAG;EACxC,MAAMC,OAAO,GAAGN,SAAS,CACtBO,MAAM,IAAMA,MAAM,CAAEH,WAAY,CAAC,CAACI,sBAAsB,CAAE,SAAU,CAAC,EACvE,EACD,CAAC;EAED,OAAON,cAAc,CAAEI,OAAO,EAAE,6BAA8B,CAAC;AAChE","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/character-count/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { count as characterCount } from '@wordpress/wordcount';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\n/**\n * Renders the character count of the post content.\n *\n * @return {number} The character count.\n */\nexport default function CharacterCount() {\n\tconst content = useSelect(\n\t\t( select ) => select( editorStore ).getEditedPostAttribute( 'content' ),\n\t\t[]\n\t);\n\n\treturn characterCount( content, 'characters_including_spaces' );\n}\n"],
+  "mappings": "AAGA,SAAS,iBAAiB;AAC1B,SAAS,SAAS,sBAAsB;AAKxC,SAAS,SAAS,mBAAmB;AAOtB,SAAR,iBAAkC;AACxC,QAAM,UAAU;AAAA,IACf,CAAE,WAAY,OAAQ,WAAY,EAAE,uBAAwB,SAAU;AAAA,IACtE,CAAC;AAAA,EACF;AAEA,SAAO,eAAgB,SAAS,6BAA8B;AAC/D;",
+  "names": []
+}

package/build-module/components/collab-sidebar/add-comment.js

@@ -1,73 +1,71 @@
-/**
- * WordPress dependencies
- */
-import { __, _x } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
-import { __experimentalHStack as HStack, __experimentalVStack as VStack } from '@wordpress/components';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-import { isUnmodifiedDefaultBlock } from '@wordpress/blocks';
-
-/**
- * Internal dependencies
- */
-import CommentAuthorInfo from './comment-author-info';
-import CommentForm from './comment-form';
-
-/**
- * Renders the UI for adding a comment in the Gutenberg editor's collaboration sidebar.
- *
- * @param {Object}   props                     - The component props.
- * @param {Function} props.onSubmit            - A callback function to be called when the user submits a comment.
- * @param {boolean}  props.showCommentBoard    - The function to edit the comment.
- * @param {Function} props.setShowCommentBoard - The function to delete the comment.
- * @return {React.ReactNode} The rendered comment input UI.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function AddComment({
+import { jsx, jsxs } from "react/jsx-runtime";
+import { __, _x } from "@wordpress/i18n";
+import { useSelect } from "@wordpress/data";
+import {
+  __experimentalHStack as HStack,
+  __experimentalVStack as VStack
+} from "@wordpress/components";
+import {
+  store as blockEditorStore,
+  privateApis as blockEditorPrivateApis
+} from "@wordpress/block-editor";
+import { isUnmodifiedDefaultBlock } from "@wordpress/blocks";
+import { unlock } from "../../lock-unlock";
+import CommentAuthorInfo from "./comment-author-info";
+import CommentForm from "./comment-form";
+import { focusCommentThread } from "./utils";
+const { useBlockElement } = unlock(blockEditorPrivateApis);
+function AddComment({
   onSubmit,
   showCommentBoard,
-  setShowCommentBoard
+  setShowCommentBoard,
+  commentSidebarRef
 }) {
-  const {
-    clientId,
-    blockCommentId,
-    isEmptyDefaultBlock
-  } = useSelect(select => {
-    const {
-      getSelectedBlock
-    } = select(blockEditorStore);
-    const selectedBlock = getSelectedBlock();
-    return {
-      clientId: selectedBlock?.clientId,
-      blockCommentId: selectedBlock?.attributes?.metadata?.commentId,
-      isEmptyDefaultBlock: selectedBlock ? isUnmodifiedDefaultBlock(selectedBlock) : false
-    };
-  });
-  if (!showCommentBoard || !clientId || undefined !== blockCommentId || isEmptyDefaultBlock) {
+  const { clientId, blockCommentId, isEmptyDefaultBlock } = useSelect(
+    (select) => {
+      const { getSelectedBlock } = select(blockEditorStore);
+      const selectedBlock = getSelectedBlock();
+      return {
+        clientId: selectedBlock?.clientId,
+        blockCommentId: selectedBlock?.attributes?.metadata?.commentId,
+        isEmptyDefaultBlock: selectedBlock ? isUnmodifiedDefaultBlock(selectedBlock) : false
+      };
+    },
+    []
+  );
+  const blockElement = useBlockElement(clientId);
+  if (!showCommentBoard || !clientId || void 0 !== blockCommentId || isEmptyDefaultBlock) {
     return null;
   }
-  const commentLabel = __('New Comment');
-  return /*#__PURE__*/_jsxs(VStack, {
-    className: "editor-collab-sidebar-panel__thread is-selected",
-    spacing: "3",
-    tabIndex: 0,
-    role: "listitem",
-    children: [/*#__PURE__*/_jsx(HStack, {
-      alignment: "left",
+  return /* @__PURE__ */ jsxs(
+    VStack,
+    {
+      className: "editor-collab-sidebar-panel__thread is-selected",
       spacing: "3",
-      children: /*#__PURE__*/_jsx(CommentAuthorInfo, {})
-    }), /*#__PURE__*/_jsx(CommentForm, {
-      onSubmit: inputComment => {
-        onSubmit({
-          content: inputComment
-        });
-      },
-      onCancel: () => {
-        setShowCommentBoard(false);
-      },
-      submitButtonText: _x('Comment', 'Add comment button'),
-      labelText: commentLabel
-    })]
-  });
+      tabIndex: 0,
+      role: "listitem",
+      children: [
+        /* @__PURE__ */ jsx(HStack, { alignment: "left", spacing: "3", children: /* @__PURE__ */ jsx(CommentAuthorInfo, {}) }),
+        /* @__PURE__ */ jsx(
+          CommentForm,
+          {
+            onSubmit: async (inputComment) => {
+              const { id } = await onSubmit({ content: inputComment });
+              focusCommentThread(id, commentSidebarRef.current);
+            },
+            onCancel: () => {
+              setShowCommentBoard(false);
+              blockElement?.focus();
+            },
+            submitButtonText: _x("Note", "Add note button"),
+            labelText: __("New Note")
+          }
+        )
+      ]
+    }
+  );
 }
-//# sourceMappingURL=add-comment.js.map
+export {
+  AddComment
+};
+//# sourceMappingURL=add-comment.js.map

package/build-module/components/collab-sidebar/add-comment.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","_x","useSelect","__experimentalHStack","HStack","__experimentalVStack","VStack","store","blockEditorStore","isUnmodifiedDefaultBlock","CommentAuthorInfo","CommentForm","jsx","_jsx","jsxs","_jsxs","AddComment","onSubmit","showCommentBoard","setShowCommentBoard","clientId","blockCommentId","isEmptyDefaultBlock","select","getSelectedBlock","selectedBlock","attributes","metadata","commentId","undefined","commentLabel","className","spacing","tabIndex","role","children","alignment","inputComment","content","onCancel","submitButtonText","labelText"],"sources":["@wordpress/editor/src/components/collab-sidebar/add-comment.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { isUnmodifiedDefaultBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport CommentAuthorInfo from './comment-author-info';\nimport CommentForm from './comment-form';\n\n/**\n * Renders the UI for adding a comment in the Gutenberg editor's collaboration sidebar.\n *\n * @param {Object}   props                     - The component props.\n * @param {Function} props.onSubmit            - A callback function to be called when the user submits a comment.\n * @param {boolean}  props.showCommentBoard    - The function to edit the comment.\n * @param {Function} props.setShowCommentBoard - The function to delete the comment.\n * @return {React.ReactNode} The rendered comment input UI.\n */\nexport function AddComment( {\n\tonSubmit,\n\tshowCommentBoard,\n\tsetShowCommentBoard,\n} ) {\n\tconst { clientId, blockCommentId, isEmptyDefaultBlock } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSelectedBlock } = select( blockEditorStore );\n\t\t\tconst selectedBlock = getSelectedBlock();\n\t\t\treturn {\n\t\t\t\tclientId: selectedBlock?.clientId,\n\t\t\t\tblockCommentId: selectedBlock?.attributes?.metadata?.commentId,\n\t\t\t\tisEmptyDefaultBlock: selectedBlock\n\t\t\t\t\t? isUnmodifiedDefaultBlock( selectedBlock )\n\t\t\t\t\t: false,\n\t\t\t};\n\t\t}\n\t);\n\n\tif (\n\t\t! showCommentBoard ||\n\t\t! clientId ||\n\t\tundefined !== blockCommentId ||\n\t\tisEmptyDefaultBlock\n\t) {\n\t\treturn null;\n\t}\n\n\tconst commentLabel = __( 'New Comment' );\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"editor-collab-sidebar-panel__thread is-selected\"\n\t\t\tspacing=\"3\"\n\t\t\ttabIndex={ 0 }\n\t\t\trole=\"listitem\"\n\t\t>\n\t\t\t<HStack alignment=\"left\" spacing=\"3\">\n\t\t\t\t<CommentAuthorInfo />\n\t\t\t</HStack>\n\t\t\t<CommentForm\n\t\t\t\tonSubmit={ ( inputComment ) => {\n\t\t\t\t\tonSubmit( { content: inputComment } );\n\t\t\t\t} }\n\t\t\t\tonCancel={ () => {\n\t\t\t\t\tsetShowCommentBoard( false );\n\t\t\t\t} }\n\t\t\t\tsubmitButtonText={ _x( 'Comment', 'Add comment button' ) }\n\t\t\t\tlabelText={ commentLabel }\n\t\t\t/>\n\t\t</VStack>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;AACxC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SACCC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAC9B,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;AACnE,SAASC,wBAAwB,QAAQ,mBAAmB;;AAE5D;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,uBAAuB;AACrD,OAAOC,WAAW,MAAM,gBAAgB;;AAExC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AARA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASA,OAAO,SAASC,UAAUA,CAAE;EAC3BC,QAAQ;EACRC,gBAAgB;EAChBC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC,QAAQ;IAAEC,cAAc;IAAEC;EAAoB,CAAC,GAAGpB,SAAS,CAChEqB,MAAM,IAAM;IACb,MAAM;MAAEC;IAAiB,CAAC,GAAGD,MAAM,CAAEf,gBAAiB,CAAC;IACvD,MAAMiB,aAAa,GAAGD,gBAAgB,CAAC,CAAC;IACxC,OAAO;MACNJ,QAAQ,EAAEK,aAAa,EAAEL,QAAQ;MACjCC,cAAc,EAAEI,aAAa,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,SAAS;MAC9DN,mBAAmB,EAAEG,aAAa,GAC/BhB,wBAAwB,CAAEgB,aAAc,CAAC,GACzC;IACJ,CAAC;EACF,CACD,CAAC;EAED,IACC,CAAEP,gBAAgB,IAClB,CAAEE,QAAQ,IACVS,SAAS,KAAKR,cAAc,IAC5BC,mBAAmB,EAClB;IACD,OAAO,IAAI;EACZ;EAEA,MAAMQ,YAAY,GAAG9B,EAAE,CAAE,aAAc,CAAC;EAExC,oBACCe,KAAA,CAACT,MAAM;IACNyB,SAAS,EAAC,iDAAiD;IAC3DC,OAAO,EAAC,GAAG;IACXC,QAAQ,EAAG,CAAG;IACdC,IAAI,EAAC,UAAU;IAAAC,QAAA,gBAEftB,IAAA,CAACT,MAAM;MAACgC,SAAS,EAAC,MAAM;MAACJ,OAAO,EAAC,GAAG;MAAAG,QAAA,eACnCtB,IAAA,CAACH,iBAAiB,IAAE;IAAC,CACd,CAAC,eACTG,IAAA,CAACF,WAAW;MACXM,QAAQ,EAAKoB,YAAY,IAAM;QAC9BpB,QAAQ,CAAE;UAAEqB,OAAO,EAAED;QAAa,CAAE,CAAC;MACtC,CAAG;MACHE,QAAQ,EAAGA,CAAA,KAAM;QAChBpB,mBAAmB,CAAE,KAAM,CAAC;MAC7B,CAAG;MACHqB,gBAAgB,EAAGvC,EAAE,CAAE,SAAS,EAAE,oBAAqB,CAAG;MAC1DwC,SAAS,EAAGX;IAAc,CAC1B,CAAC;EAAA,CACK,CAAC;AAEX","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/collab-sidebar/add-comment.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport {\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { isUnmodifiedDefaultBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport CommentAuthorInfo from './comment-author-info';\nimport CommentForm from './comment-form';\nimport { focusCommentThread } from './utils';\n\nconst { useBlockElement } = unlock( blockEditorPrivateApis );\n\nexport function AddComment( {\n\tonSubmit,\n\tshowCommentBoard,\n\tsetShowCommentBoard,\n\tcommentSidebarRef,\n} ) {\n\tconst { clientId, blockCommentId, isEmptyDefaultBlock } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSelectedBlock } = select( blockEditorStore );\n\t\t\tconst selectedBlock = getSelectedBlock();\n\t\t\treturn {\n\t\t\t\tclientId: selectedBlock?.clientId,\n\t\t\t\tblockCommentId: selectedBlock?.attributes?.metadata?.commentId,\n\t\t\t\tisEmptyDefaultBlock: selectedBlock\n\t\t\t\t\t? isUnmodifiedDefaultBlock( selectedBlock )\n\t\t\t\t\t: false,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst blockElement = useBlockElement( clientId );\n\n\tif (\n\t\t! showCommentBoard ||\n\t\t! clientId ||\n\t\tundefined !== blockCommentId ||\n\t\tisEmptyDefaultBlock\n\t) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"editor-collab-sidebar-panel__thread is-selected\"\n\t\t\tspacing=\"3\"\n\t\t\ttabIndex={ 0 }\n\t\t\trole=\"listitem\"\n\t\t>\n\t\t\t<HStack alignment=\"left\" spacing=\"3\">\n\t\t\t\t<CommentAuthorInfo />\n\t\t\t</HStack>\n\t\t\t<CommentForm\n\t\t\t\tonSubmit={ async ( inputComment ) => {\n\t\t\t\t\tconst { id } = await onSubmit( { content: inputComment } );\n\t\t\t\t\tfocusCommentThread( id, commentSidebarRef.current );\n\t\t\t\t} }\n\t\t\t\tonCancel={ () => {\n\t\t\t\t\tsetShowCommentBoard( false );\n\t\t\t\t\tblockElement?.focus();\n\t\t\t\t} }\n\t\t\t\tsubmitButtonText={ _x( 'Note', 'Add note button' ) }\n\t\t\t\tlabelText={ __( 'New Note' ) }\n\t\t\t/>\n\t\t</VStack>\n\t);\n}\n"],
+  "mappings": "AAyDE,SAOE,KAPF;AAtDF,SAAS,IAAI,UAAU;AACvB,SAAS,iBAAiB;AAC1B;AAAA,EACC,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,OAClB;AACP;AAAA,EACC,SAAS;AAAA,EACT,eAAe;AAAA,OACT;AACP,SAAS,gCAAgC;AAKzC,SAAS,cAAc;AACvB,OAAO,uBAAuB;AAC9B,OAAO,iBAAiB;AACxB,SAAS,0BAA0B;AAEnC,MAAM,EAAE,gBAAgB,IAAI,OAAQ,sBAAuB;AAEpD,SAAS,WAAY;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,EAAE,UAAU,gBAAgB,oBAAoB,IAAI;AAAA,IACzD,CAAE,WAAY;AACb,YAAM,EAAE,iBAAiB,IAAI,OAAQ,gBAAiB;AACtD,YAAM,gBAAgB,iBAAiB;AACvC,aAAO;AAAA,QACN,UAAU,eAAe;AAAA,QACzB,gBAAgB,eAAe,YAAY,UAAU;AAAA,QACrD,qBAAqB,gBAClB,yBAA0B,aAAc,IACxC;AAAA,MACJ;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AACA,QAAM,eAAe,gBAAiB,QAAS;AAE/C,MACC,CAAE,oBACF,CAAE,YACF,WAAc,kBACd,qBACC;AACD,WAAO;AAAA,EACR;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,UAAW;AAAA,MACX,MAAK;AAAA,MAEL;AAAA,4BAAC,UAAO,WAAU,QAAO,SAAQ,KAChC,8BAAC,qBAAkB,GACpB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,UAAW,OAAQ,iBAAkB;AACpC,oBAAM,EAAE,GAAG,IAAI,MAAM,SAAU,EAAE,SAAS,aAAa,CAAE;AACzD,iCAAoB,IAAI,kBAAkB,OAAQ;AAAA,YACnD;AAAA,YACA,UAAW,MAAM;AAChB,kCAAqB,KAAM;AAC3B,4BAAc,MAAM;AAAA,YACrB;AAAA,YACA,kBAAmB,GAAI,QAAQ,iBAAkB;AAAA,YACjD,WAAY,GAAI,UAAW;AAAA;AAAA,QAC5B;AAAA;AAAA;AAAA,EACD;AAEF;",
+  "names": []
+}