@wordpress/block-library 8.19.6 → 8.20.1

package/build/table-of-contents/edit.js

@@ -5,12 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TableOfContentsEdit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 var _blocks = require("@wordpress/blocks");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
+var _compose = require("@wordpress/compose");
+var _notices = require("@wordpress/notices");
 var _icon = _interopRequireDefault(require("./icon"));
 var _list = _interopRequireDefault(require("./list"));
 var _utils = require("./utils");
@@ -35,7 +38,7 @@ var _hooks = require("./hooks");
  * @param {string}                       props.clientId
  * @param {(attributes: Object) => void} props.setAttributes
  *
- * @return {WPComponent} The component.
+ * @return {Component} The component.
  */
 function TableOfContentsEdit({
   attributes: {
@@ -47,6 +50,24 @@ function TableOfContentsEdit({
 }) {
   (0, _hooks.useObserveHeadings)(clientId);
   const blockProps = (0, _blockEditor.useBlockProps)();
+  const instanceId = (0, _compose.useInstanceId)(TableOfContentsEdit, 'table-of-contents');
+
+  // If a user clicks to a link prevent redirection and show a warning.
+  const {
+    createWarningNotice,
+    removeNotice
+  } = (0, _data.useDispatch)(_notices.store);
+  let noticeId;
+  const showRedirectionPreventedNotice = event => {
+    event.preventDefault();
+    // Remove previous warning if any, to show one at a time per block.
+    removeNotice(noticeId);
+    noticeId = `block-library/core/table-of-contents/redirection-prevented/${instanceId}`;
+    createWarningNotice((0, _i18n.__)('Links are disabled in the editor.'), {
+      id: noticeId,
+      type: 'snackbar'
+    });
+  };
   const canInsertList = (0, _data.useSelect)(select => {
     const {
       getBlockRootClientId,
@@ -59,17 +80,17 @@ function TableOfContentsEdit({
     replaceBlocks
   } = (0, _data.useDispatch)(_blockEditor.store);
   const headingTree = (0, _utils.linearToNestedHeadingList)(headings);
-  const toolbarControls = canInsertList && (0, _element.createElement)(_blockEditor.BlockControls, null, (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_components.ToolbarButton, {
+  const toolbarControls = canInsertList && (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_components.ToolbarButton, {
     onClick: () => replaceBlocks(clientId, (0, _blocks.createBlock)('core/list', {
       ordered: true,
-      values: (0, _element.renderToString)((0, _element.createElement)(_list.default, {
+      values: (0, _element.renderToString)((0, _react.createElement)(_list.default, {
         nestedHeadingList: headingTree
       }))
     }))
   }, (0, _i18n.__)('Convert to static list'))));
-  const inspectorControls = (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+  const inspectorControls = (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Settings')
-  }, (0, _element.createElement)(_components.ToggleControl, {
+  }, (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Only include current page'),
     checked: onlyIncludeCurrentPage,
@@ -83,22 +104,22 @@ function TableOfContentsEdit({
   // Note that the toolbar controls are intentionally omitted since the
   // "Convert to static list" option is useless to the placeholder state.
   if (headings.length === 0) {
-    return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("div", {
+    return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
       ...blockProps
-    }, (0, _element.createElement)(_components.Placeholder, {
-      icon: (0, _element.createElement)(_blockEditor.BlockIcon, {
+    }, (0, _react.createElement)(_components.Placeholder, {
+      icon: (0, _react.createElement)(_blockEditor.BlockIcon, {
         icon: _icon.default
       }),
       label: (0, _i18n.__)('Table of Contents'),
       instructions: (0, _i18n.__)('Start adding Heading blocks to create a table of contents. Headings with HTML anchors will be linked here.')
     })), inspectorControls);
   }
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("nav", {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("nav", {
     ...blockProps
-  }, (0, _element.createElement)("ol", {
-    inert: "true"
-  }, (0, _element.createElement)(_list.default, {
-    nestedHeadingList: headingTree
+  }, (0, _react.createElement)("ol", null, (0, _react.createElement)(_list.default, {
+    nestedHeadingList: headingTree,
+    disableLinkActivation: true,
+    onClick: showRedirectionPreventedNotice
   }))), toolbarControls, inspectorControls);
 }
 //# sourceMappingURL=edit.js.map

package/build/table-of-contents/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_blockEditor","_blocks","_components","_data","_i18n","_icon","_interopRequireDefault","_list","_utils","_hooks","TableOfContentsEdit","attributes","headings","onlyIncludeCurrentPage","clientId","setAttributes","useObserveHeadings","blockProps","useBlockProps","canInsertList","useSelect","select","getBlockRootClientId","canInsertBlockType","blockEditorStore","rootClientId","replaceBlocks","useDispatch","headingTree","linearToNestedHeadingList","toolbarControls","createElement","BlockControls","ToolbarGroup","ToolbarButton","onClick","createBlock","ordered","values","renderToString","default","nestedHeadingList","__","inspectorControls","InspectorControls","PanelBody","title","ToggleControl","__nextHasNoMarginBottom","label","checked","onChange","value","help","length","Fragment","Placeholder","icon","BlockIcon","instructions","inert"],"sources":["@wordpress/block-library/src/table-of-contents/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tInspectorControls,\n\tstore as blockEditorStore,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\tPanelBody,\n\tPlaceholder,\n\tToggleControl,\n\tToolbarButton,\n\tToolbarGroup,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { renderToString } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport icon from './icon';\nimport TableOfContentsList from './list';\nimport { linearToNestedHeadingList } from './utils';\nimport { useObserveHeadings } from './hooks';\n\n/** @typedef {import('./utils').HeadingData} HeadingData */\n\n/**\n * Table of Contents block edit component.\n *\n * @param {Object}                       props                                   The props.\n * @param {Object}                       props.attributes                        The block attributes.\n * @param {HeadingData[]}                props.attributes.headings               A list of data for each heading in the post.\n * @param {boolean}                      props.attributes.onlyIncludeCurrentPage Whether to only include headings from the current page (if the post is paginated).\n * @param {string}                       props.clientId\n * @param {(attributes: Object) => void} props.setAttributes\n *\n * @return {WPComponent} The component.\n */\nexport default function TableOfContentsEdit( {\n\tattributes: { headings = [], onlyIncludeCurrentPage },\n\tclientId,\n\tsetAttributes,\n} ) {\n\tuseObserveHeadings( clientId );\n\n\tconst blockProps = useBlockProps();\n\n\tconst canInsertList = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockRootClientId, canInsertBlockType } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\n\t\t\treturn canInsertBlockType( 'core/list', rootClientId );\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\n\tconst headingTree = linearToNestedHeadingList( headings );\n\n\tconst toolbarControls = canInsertList && (\n\t\t<BlockControls>\n\t\t\t<ToolbarGroup>\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\treplaceBlocks(\n\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\tcreateBlock( 'core/list', {\n\t\t\t\t\t\t\t\tordered: true,\n\t\t\t\t\t\t\t\tvalues: renderToString(\n\t\t\t\t\t\t\t\t\t<TableOfContentsList\n\t\t\t\t\t\t\t\t\t\tnestedHeadingList={ headingTree }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Convert to static list' ) }\n\t\t\t\t</ToolbarButton>\n\t\t\t</ToolbarGroup>\n\t\t</BlockControls>\n\t);\n\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Only include current page' ) }\n\t\t\t\t\tchecked={ onlyIncludeCurrentPage }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { onlyIncludeCurrentPage: value } )\n\t\t\t\t\t}\n\t\t\t\t\thelp={\n\t\t\t\t\t\tonlyIncludeCurrentPage\n\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t'Only including headings from the current page (if the post is paginated).'\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t'Toggle to only include headings from the current page (if the post is paginated).'\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n\n\t// If there are no headings or the only heading is empty.\n\t// Note that the toolbar controls are intentionally omitted since the\n\t// \"Convert to static list\" option is useless to the placeholder state.\n\tif ( headings.length === 0 ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\t\t\t\tlabel={ __( 'Table of Contents' ) }\n\t\t\t\t\t\tinstructions={ __(\n\t\t\t\t\t\t\t'Start adding Heading blocks to create a table of contents. Headings with HTML anchors will be linked here.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t{ inspectorControls }\n\t\t\t</>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<nav { ...blockProps }>\n\t\t\t\t<ol inert=\"true\">\n\t\t\t\t\t<TableOfContentsList nestedHeadingList={ headingTree } />\n\t\t\t\t</ol>\n\t\t\t</nav>\n\t\t\t{ toolbarControls }\n\t\t\t{ inspectorControls }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_blockEditor","require","_blocks","_components","_data","_element","_i18n","_compose","_notices","_icon","_interopRequireDefault","_list","_utils","_hooks","TableOfContentsEdit","attributes","headings","onlyIncludeCurrentPage","clientId","setAttributes","useObserveHeadings","blockProps","useBlockProps","instanceId","useInstanceId","createWarningNotice","removeNotice","useDispatch","noticeStore","noticeId","showRedirectionPreventedNotice","event","preventDefault","__","id","type","canInsertList","useSelect","select","getBlockRootClientId","canInsertBlockType","blockEditorStore","rootClientId","replaceBlocks","headingTree","linearToNestedHeadingList","toolbarControls","_react","createElement","BlockControls","ToolbarGroup","ToolbarButton","onClick","createBlock","ordered","values","renderToString","default","nestedHeadingList","inspectorControls","InspectorControls","PanelBody","title","ToggleControl","__nextHasNoMarginBottom","label","checked","onChange","value","help","length","Fragment","Placeholder","icon","BlockIcon","instructions","disableLinkActivation"],"sources":["@wordpress/block-library/src/table-of-contents/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tInspectorControls,\n\tstore as blockEditorStore,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\tPanelBody,\n\tPlaceholder,\n\tToggleControl,\n\tToolbarButton,\n\tToolbarGroup,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { renderToString } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { useInstanceId } from '@wordpress/compose';\nimport { store as noticeStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport icon from './icon';\nimport TableOfContentsList from './list';\nimport { linearToNestedHeadingList } from './utils';\nimport { useObserveHeadings } from './hooks';\n\n/** @typedef {import('./utils').HeadingData} HeadingData */\n\n/**\n * Table of Contents block edit component.\n *\n * @param {Object}                       props                                   The props.\n * @param {Object}                       props.attributes                        The block attributes.\n * @param {HeadingData[]}                props.attributes.headings               A list of data for each heading in the post.\n * @param {boolean}                      props.attributes.onlyIncludeCurrentPage Whether to only include headings from the current page (if the post is paginated).\n * @param {string}                       props.clientId\n * @param {(attributes: Object) => void} props.setAttributes\n *\n * @return {Component} The component.\n */\nexport default function TableOfContentsEdit( {\n\tattributes: { headings = [], onlyIncludeCurrentPage },\n\tclientId,\n\tsetAttributes,\n} ) {\n\tuseObserveHeadings( clientId );\n\n\tconst blockProps = useBlockProps();\n\tconst instanceId = useInstanceId(\n\t\tTableOfContentsEdit,\n\t\t'table-of-contents'\n\t);\n\n\t// If a user clicks to a link prevent redirection and show a warning.\n\tconst { createWarningNotice, removeNotice } = useDispatch( noticeStore );\n\tlet noticeId;\n\tconst showRedirectionPreventedNotice = ( event ) => {\n\t\tevent.preventDefault();\n\t\t// Remove previous warning if any, to show one at a time per block.\n\t\tremoveNotice( noticeId );\n\t\tnoticeId = `block-library/core/table-of-contents/redirection-prevented/${ instanceId }`;\n\t\tcreateWarningNotice( __( 'Links are disabled in the editor.' ), {\n\t\t\tid: noticeId,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t};\n\n\tconst canInsertList = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockRootClientId, canInsertBlockType } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\n\t\t\treturn canInsertBlockType( 'core/list', rootClientId );\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\n\tconst headingTree = linearToNestedHeadingList( headings );\n\n\tconst toolbarControls = canInsertList && (\n\t\t<BlockControls>\n\t\t\t<ToolbarGroup>\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\treplaceBlocks(\n\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\tcreateBlock( 'core/list', {\n\t\t\t\t\t\t\t\tordered: true,\n\t\t\t\t\t\t\t\tvalues: renderToString(\n\t\t\t\t\t\t\t\t\t<TableOfContentsList\n\t\t\t\t\t\t\t\t\t\tnestedHeadingList={ headingTree }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Convert to static list' ) }\n\t\t\t\t</ToolbarButton>\n\t\t\t</ToolbarGroup>\n\t\t</BlockControls>\n\t);\n\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Only include current page' ) }\n\t\t\t\t\tchecked={ onlyIncludeCurrentPage }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { onlyIncludeCurrentPage: value } )\n\t\t\t\t\t}\n\t\t\t\t\thelp={\n\t\t\t\t\t\tonlyIncludeCurrentPage\n\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t'Only including headings from the current page (if the post is paginated).'\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t'Toggle to only include headings from the current page (if the post is paginated).'\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n\n\t// If there are no headings or the only heading is empty.\n\t// Note that the toolbar controls are intentionally omitted since the\n\t// \"Convert to static list\" option is useless to the placeholder state.\n\tif ( headings.length === 0 ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\t\t\t\tlabel={ __( 'Table of Contents' ) }\n\t\t\t\t\t\tinstructions={ __(\n\t\t\t\t\t\t\t'Start adding Heading blocks to create a table of contents. Headings with HTML anchors will be linked here.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t{ inspectorControls }\n\t\t\t</>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<nav { ...blockProps }>\n\t\t\t\t<ol>\n\t\t\t\t\t<TableOfContentsList\n\t\t\t\t\t\tnestedHeadingList={ headingTree }\n\t\t\t\t\t\tdisableLinkActivation={ true }\n\t\t\t\t\t\tonClick={ showRedirectionPreventedNotice }\n\t\t\t\t\t/>\n\t\t\t\t</ol>\n\t\t\t</nav>\n\t\t\t{ toolbarControls }\n\t\t\t{ inspectorControls }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/table-of-contents/icon.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 /**
  * WordPress dependencies
  */
-var _default = (0, _element.createElement)(_components.SVG, {
+var _default = (0, _react.createElement)(_components.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24"
-}, (0, _element.createElement)(_components.Path, {
+}, (0, _react.createElement)(_components.Path, {
   d: "M15.1 15.8H20v-1.5h-4.9v1.5zm-4-8.6v1.5H20V7.2h-8.9zM6 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 3c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zm5-3c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM6 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z",
   fill: "#1e1e1e"
 }));

package/build/table-of-contents/icon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_default","_element","createElement","SVG","xmlns","width","height","viewBox","Path","d","fill","exports","default"],"sources":["@wordpress/block-library/src/table-of-contents/icon.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/components';\n\nexport default (\n\t<SVG\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\twidth=\"24\"\n\t\theight=\"24\"\n\t\tviewBox=\"0 0 24 24\"\n\t>\n\t\t<Path\n\t\t\td=\"M15.1 15.8H20v-1.5h-4.9v1.5zm-4-8.6v1.5H20V7.2h-8.9zM6 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 3c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zm5-3c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM6 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"\n\t\t\tfill=\"#1e1e1e\"\n\t\t/>\n\t</SVG>\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;AAFA,IAAAC,QAAA,GAMC,IAAAC,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EACHC,KAAK,EAAC,4BAA4B;EAClCC,KAAK,EAAC,IAAI;EACVC,MAAM,EAAC,IAAI;EACXC,OAAO,EAAC;AAAW,GAEnB,IAAAN,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAU,IAAI;EACJC,CAAC,EAAC,sPAAsP;EACxPC,IAAI,EAAC;AAAS,CACd,CACG,CAAC;AAAAC,OAAA,CAAAC,OAAA,GAAAZ,QAAA"}
+{"version":3,"names":["_components","require","_default","_react","createElement","SVG","xmlns","width","height","viewBox","Path","d","fill","exports","default"],"sources":["@wordpress/block-library/src/table-of-contents/icon.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/components';\n\nexport default (\n\t<SVG\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\twidth=\"24\"\n\t\theight=\"24\"\n\t\tviewBox=\"0 0 24 24\"\n\t>\n\t\t<Path\n\t\t\td=\"M15.1 15.8H20v-1.5h-4.9v1.5zm-4-8.6v1.5H20V7.2h-8.9zM6 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 3c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zm5-3c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM6 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"\n\t\t\tfill=\"#1e1e1e\"\n\t\t/>\n\t</SVG>\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;AAFA,IAAAC,QAAA,GAMC,IAAAC,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EACHC,KAAK,EAAC,4BAA4B;EAClCC,KAAK,EAAC,IAAI;EACVC,MAAM,EAAC,IAAI;EACXC,OAAO,EAAC;AAAW,GAEnB,IAAAN,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAU,IAAI;EACJC,CAAC,EAAC,sPAAsP;EACxPC,IAAI,EAAC;AAAS,CACd,CACG,CAAC;AAAAC,OAAA,CAAAC,OAAA,GAAAZ,QAAA"}

package/build/table-of-contents/list.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TableOfContentsList;
-var _element = require("@wordpress/element");
+var _react = require("react");
 /**
- * WordPress dependencies
+ * External dependencies
  */
 
 /**
@@ -15,23 +15,29 @@ var _element = require("@wordpress/element");
 
 const ENTRY_CLASS_NAME = 'wp-block-table-of-contents__entry';
 function TableOfContentsList({
-  nestedHeadingList
+  nestedHeadingList,
+  disableLinkActivation,
+  onClick
 }) {
-  return (0, _element.createElement)(_element.Fragment, null, nestedHeadingList.map((node, index) => {
+  return (0, _react.createElement)(_react.Fragment, null, nestedHeadingList.map((node, index) => {
     const {
       content,
       link
     } = node.heading;
-    const entry = link ? (0, _element.createElement)("a", {
+    const entry = link ? (0, _react.createElement)("a", {
       className: ENTRY_CLASS_NAME,
-      href: link
-    }, content) : (0, _element.createElement)("span", {
+      href: link,
+      "aria-disabled": disableLinkActivation || undefined,
+      onClick: disableLinkActivation && 'function' === typeof onClick ? onClick : undefined
+    }, content) : (0, _react.createElement)("span", {
       className: ENTRY_CLASS_NAME
     }, content);
-    return (0, _element.createElement)("li", {
+    return (0, _react.createElement)("li", {
       key: index
-    }, entry, node.children ? (0, _element.createElement)("ol", null, (0, _element.createElement)(TableOfContentsList, {
-      nestedHeadingList: node.children
+    }, entry, node.children ? (0, _react.createElement)("ol", null, (0, _react.createElement)(TableOfContentsList, {
+      nestedHeadingList: node.children,
+      disableLinkActivation: disableLinkActivation,
+      onClick: disableLinkActivation && 'function' === typeof onClick ? onClick : undefined
     })) : null);
   }));
 }

package/build/table-of-contents/list.js.map

@@ -1 +1 @@
-{"version":3,"names":["ENTRY_CLASS_NAME","TableOfContentsList","nestedHeadingList","_element","createElement","Fragment","map","node","index","content","link","heading","entry","className","href","key","children"],"sources":["@wordpress/block-library/src/table-of-contents/list.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport type { WPElement } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { NestedHeadingData } from './utils';\n\nconst ENTRY_CLASS_NAME = 'wp-block-table-of-contents__entry';\n\nexport default function TableOfContentsList( {\n\tnestedHeadingList,\n}: {\n\tnestedHeadingList: NestedHeadingData[];\n} ): WPElement {\n\treturn (\n\t\t<>\n\t\t\t{ nestedHeadingList.map( ( node, index ) => {\n\t\t\t\tconst { content, link } = node.heading;\n\n\t\t\t\tconst entry = link ? (\n\t\t\t\t\t<a className={ ENTRY_CLASS_NAME } href={ link }>\n\t\t\t\t\t\t{ content }\n\t\t\t\t\t</a>\n\t\t\t\t) : (\n\t\t\t\t\t<span className={ ENTRY_CLASS_NAME }>{ content }</span>\n\t\t\t\t);\n\n\t\t\t\treturn (\n\t\t\t\t\t<li key={ index }>\n\t\t\t\t\t\t{ entry }\n\t\t\t\t\t\t{ node.children ? (\n\t\t\t\t\t\t\t<ol>\n\t\t\t\t\t\t\t\t<TableOfContentsList\n\t\t\t\t\t\t\t\t\tnestedHeadingList={ node.children }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ol>\n\t\t\t\t\t\t) : null }\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMA,gBAAgB,GAAG,mCAAmC;AAE7C,SAASC,mBAAmBA,CAAE;EAC5CC;AAGD,CAAC,EAAc;EACd,OACC,IAAAC,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACGH,iBAAiB,CAACI,GAAG,CAAE,CAAEC,IAAI,EAAEC,KAAK,KAAM;IAC3C,MAAM;MAAEC,OAAO;MAAEC;IAAK,CAAC,GAAGH,IAAI,CAACI,OAAO;IAEtC,MAAMC,KAAK,GAAGF,IAAI,GACjB,IAAAP,QAAA,CAAAC,aAAA;MAAGS,SAAS,EAAGb,gBAAkB;MAACc,IAAI,EAAGJ;IAAM,GAC5CD,OACA,CAAC,GAEJ,IAAAN,QAAA,CAAAC,aAAA;MAAMS,SAAS,EAAGb;IAAkB,GAAGS,OAAe,CACtD;IAED,OACC,IAAAN,QAAA,CAAAC,aAAA;MAAIW,GAAG,EAAGP;IAAO,GACdI,KAAK,EACLL,IAAI,CAACS,QAAQ,GACd,IAAAb,QAAA,CAAAC,aAAA,cACC,IAAAD,QAAA,CAAAC,aAAA,EAACH,mBAAmB;MACnBC,iBAAiB,EAAGK,IAAI,CAACS;IAAU,CACnC,CACE,CAAC,GACF,IACD,CAAC;EAEP,CAAE,CACD,CAAC;AAEL"}
+{"version":3,"names":["ENTRY_CLASS_NAME","TableOfContentsList","nestedHeadingList","disableLinkActivation","onClick","_react","createElement","Fragment","map","node","index","content","link","heading","entry","className","href","undefined","key","children"],"sources":["@wordpress/block-library/src/table-of-contents/list.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { MouseEvent, ReactElement } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { NestedHeadingData } from './utils';\n\nconst ENTRY_CLASS_NAME = 'wp-block-table-of-contents__entry';\n\nexport default function TableOfContentsList( {\n\tnestedHeadingList,\n\tdisableLinkActivation,\n\tonClick,\n}: {\n\tnestedHeadingList: NestedHeadingData[];\n\tdisableLinkActivation?: boolean;\n\tonClick?: ( event: MouseEvent< HTMLAnchorElement > ) => void;\n} ): ReactElement {\n\treturn (\n\t\t<>\n\t\t\t{ nestedHeadingList.map( ( node, index ) => {\n\t\t\t\tconst { content, link } = node.heading;\n\n\t\t\t\tconst entry = link ? (\n\t\t\t\t\t<a\n\t\t\t\t\t\tclassName={ ENTRY_CLASS_NAME }\n\t\t\t\t\t\thref={ link }\n\t\t\t\t\t\taria-disabled={ disableLinkActivation || undefined }\n\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\tdisableLinkActivation &&\n\t\t\t\t\t\t\t'function' === typeof onClick\n\t\t\t\t\t\t\t\t? onClick\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{ content }\n\t\t\t\t\t</a>\n\t\t\t\t) : (\n\t\t\t\t\t<span className={ ENTRY_CLASS_NAME }>{ content }</span>\n\t\t\t\t);\n\n\t\t\t\treturn (\n\t\t\t\t\t<li key={ index }>\n\t\t\t\t\t\t{ entry }\n\t\t\t\t\t\t{ node.children ? (\n\t\t\t\t\t\t\t<ol>\n\t\t\t\t\t\t\t\t<TableOfContentsList\n\t\t\t\t\t\t\t\t\tnestedHeadingList={ node.children }\n\t\t\t\t\t\t\t\t\tdisableLinkActivation={\n\t\t\t\t\t\t\t\t\t\tdisableLinkActivation\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\t\t\t\tdisableLinkActivation &&\n\t\t\t\t\t\t\t\t\t\t'function' === typeof onClick\n\t\t\t\t\t\t\t\t\t\t\t? onClick\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ol>\n\t\t\t\t\t\t) : null }\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMA,gBAAgB,GAAG,mCAAmC;AAE7C,SAASC,mBAAmBA,CAAE;EAC5CC,iBAAiB;EACjBC,qBAAqB;EACrBC;AAKD,CAAC,EAAiB;EACjB,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGL,iBAAiB,CAACM,GAAG,CAAE,CAAEC,IAAI,EAAEC,KAAK,KAAM;IAC3C,MAAM;MAAEC,OAAO;MAAEC;IAAK,CAAC,GAAGH,IAAI,CAACI,OAAO;IAEtC,MAAMC,KAAK,GAAGF,IAAI,GACjB,IAAAP,MAAA,CAAAC,aAAA;MACCS,SAAS,EAAGf,gBAAkB;MAC9BgB,IAAI,EAAGJ,IAAM;MACb,iBAAgBT,qBAAqB,IAAIc,SAAW;MACpDb,OAAO,EACND,qBAAqB,IACrB,UAAU,KAAK,OAAOC,OAAO,GAC1BA,OAAO,GACPa;IACH,GAECN,OACA,CAAC,GAEJ,IAAAN,MAAA,CAAAC,aAAA;MAAMS,SAAS,EAAGf;IAAkB,GAAGW,OAAe,CACtD;IAED,OACC,IAAAN,MAAA,CAAAC,aAAA;MAAIY,GAAG,EAAGR;IAAO,GACdI,KAAK,EACLL,IAAI,CAACU,QAAQ,GACd,IAAAd,MAAA,CAAAC,aAAA,cACC,IAAAD,MAAA,CAAAC,aAAA,EAACL,mBAAmB;MACnBC,iBAAiB,EAAGO,IAAI,CAACU,QAAU;MACnChB,qBAAqB,EACpBA,qBACA;MACDC,OAAO,EACND,qBAAqB,IACrB,UAAU,KAAK,OAAOC,OAAO,GAC1BA,OAAO,GACPa;IACH,CACD,CACE,CAAC,GACF,IACD,CAAC;EAEP,CAAE,CACD,CAAC;AAEL"}

package/build/table-of-contents/save.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = save;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 var _list = _interopRequireDefault(require("./list"));
 var _utils = require("./utils");
@@ -25,9 +25,9 @@ function save({
   if (headings.length === 0) {
     return null;
   }
-  return (0, _element.createElement)("nav", {
+  return (0, _react.createElement)("nav", {
     ..._blockEditor.useBlockProps.save()
-  }, (0, _element.createElement)("ol", null, (0, _element.createElement)(_list.default, {
+  }, (0, _react.createElement)("ol", null, (0, _react.createElement)(_list.default, {
     nestedHeadingList: (0, _utils.linearToNestedHeadingList)(headings)
   })));
 }

package/build/table-of-contents/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_list","_interopRequireDefault","_utils","save","attributes","headings","length","_element","createElement","useBlockProps","default","nestedHeadingList","linearToNestedHeadingList"],"sources":["@wordpress/block-library/src/table-of-contents/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport TableOfContentsList from './list';\nimport { linearToNestedHeadingList } from './utils';\n\nexport default function save( { attributes: { headings = [] } } ) {\n\tif ( headings.length === 0 ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<nav { ...useBlockProps.save() }>\n\t\t\t<ol>\n\t\t\t\t<TableOfContentsList\n\t\t\t\t\tnestedHeadingList={ linearToNestedHeadingList( headings ) }\n\t\t\t\t/>\n\t\t\t</ol>\n\t\t</nav>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIe,SAASI,IAAIA,CAAE;EAAEC,UAAU,EAAE;IAAEC,QAAQ,GAAG;EAAG;AAAE,CAAC,EAAG;EACjE,IAAKA,QAAQ,CAACC,MAAM,KAAK,CAAC,EAAG;IAC5B,OAAO,IAAI;EACZ;EACA,OACC,IAAAC,QAAA,CAAAC,aAAA;IAAA,GAAUC,0BAAa,CAACN,IAAI,CAAC;EAAC,GAC7B,IAAAI,QAAA,CAAAC,aAAA,cACC,IAAAD,QAAA,CAAAC,aAAA,EAACR,KAAA,CAAAU,OAAmB;IACnBC,iBAAiB,EAAG,IAAAC,gCAAyB,EAAEP,QAAS;EAAG,CAC3D,CACE,CACA,CAAC;AAER"}
+{"version":3,"names":["_blockEditor","require","_list","_interopRequireDefault","_utils","save","attributes","headings","length","_react","createElement","useBlockProps","default","nestedHeadingList","linearToNestedHeadingList"],"sources":["@wordpress/block-library/src/table-of-contents/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport TableOfContentsList from './list';\nimport { linearToNestedHeadingList } from './utils';\n\nexport default function save( { attributes: { headings = [] } } ) {\n\tif ( headings.length === 0 ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<nav { ...useBlockProps.save() }>\n\t\t\t<ol>\n\t\t\t\t<TableOfContentsList\n\t\t\t\t\tnestedHeadingList={ linearToNestedHeadingList( headings ) }\n\t\t\t\t/>\n\t\t\t</ol>\n\t\t</nav>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIe,SAASI,IAAIA,CAAE;EAAEC,UAAU,EAAE;IAAEC,QAAQ,GAAG;EAAG;AAAE,CAAC,EAAG;EACjE,IAAKA,QAAQ,CAACC,MAAM,KAAK,CAAC,EAAG;IAC5B,OAAO,IAAI;EACZ;EACA,OACC,IAAAC,MAAA,CAAAC,aAAA;IAAA,GAAUC,0BAAa,CAACN,IAAI,CAAC;EAAC,GAC7B,IAAAI,MAAA,CAAAC,aAAA,cACC,IAAAD,MAAA,CAAAC,aAAA,EAACR,KAAA,CAAAU,OAAmB;IACnBC,iBAAiB,EAAG,IAAAC,gCAAyB,EAAEP,QAAS;EAAG,CAC3D,CACE,CACA,CAAC;AAER"}

package/build/tag-cloud/edit.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
@@ -83,9 +83,9 @@ function TagCloudEdit({
     });
     setAttributes(updateObj);
   };
-  const inspectorControls = (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+  const inspectorControls = (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Settings')
-  }, (0, _element.createElement)(_components.SelectControl, {
+  }, (0, _react.createElement)(_components.SelectControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Taxonomy'),
     options: getTaxonomyOptions(),
@@ -93,14 +93,14 @@ function TagCloudEdit({
     onChange: selectedTaxonomy => setAttributes({
       taxonomy: selectedTaxonomy
     })
-  }), (0, _element.createElement)(_components.ToggleControl, {
+  }), (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Show post counts'),
     checked: showTagCounts,
     onChange: () => setAttributes({
       showTagCounts: !showTagCounts
     })
-  }), (0, _element.createElement)(_components.RangeControl, {
+  }), (0, _react.createElement)(_components.RangeControl, {
     __nextHasNoMarginBottom: true,
     __next40pxDefaultSize: true,
     label: (0, _i18n.__)('Number of tags'),
@@ -111,9 +111,9 @@ function TagCloudEdit({
     min: MIN_TAGS,
     max: MAX_TAGS,
     required: true
-  }), (0, _element.createElement)(_components.Flex, null, (0, _element.createElement)(_components.FlexItem, {
+  }), (0, _react.createElement)(_components.Flex, null, (0, _react.createElement)(_components.FlexItem, {
     isBlock: true
-  }, (0, _element.createElement)(_components.__experimentalUnitControl, {
+  }, (0, _react.createElement)(_components.__experimentalUnitControl, {
     label: (0, _i18n.__)('Smallest size'),
     value: smallestFontSize,
     onChange: value => {
@@ -122,9 +122,9 @@ function TagCloudEdit({
     units: units,
     min: MIN_FONT_SIZE,
     max: MAX_FONT_SIZE
-  })), (0, _element.createElement)(_components.FlexItem, {
+  })), (0, _react.createElement)(_components.FlexItem, {
     isBlock: true
-  }, (0, _element.createElement)(_components.__experimentalUnitControl, {
+  }, (0, _react.createElement)(_components.__experimentalUnitControl, {
     label: (0, _i18n.__)('Largest size'),
     value: largestFontSize,
     onChange: value => {
@@ -134,9 +134,9 @@ function TagCloudEdit({
     min: MIN_FONT_SIZE,
     max: MAX_FONT_SIZE
   })))));
-  return (0, _element.createElement)(_element.Fragment, null, inspectorControls, (0, _element.createElement)("div", {
+  return (0, _react.createElement)(_react.Fragment, null, inspectorControls, (0, _react.createElement)("div", {
     ...(0, _blockEditor.useBlockProps)()
-  }, (0, _element.createElement)(_components.Disabled, null, (0, _element.createElement)(_serverSideRender.default, {
+  }, (0, _react.createElement)(_components.Disabled, null, (0, _react.createElement)(_serverSideRender.default, {
     skipBlockSupportAttributes: true,
     block: "core/tag-cloud",
     attributes: attributes

package/build/tag-cloud/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_data","_i18n","_blockEditor","_serverSideRender","_interopRequireDefault","_coreData","MIN_TAGS","MAX_TAGS","MIN_FONT_SIZE","MAX_FONT_SIZE","TagCloudEdit","attributes","setAttributes","taxonomies","taxonomy","showTagCounts","numberOfTags","smallestFontSize","largestFontSize","units","useCustomUnits","availableUnits","useSetting","getTaxonomyOptions","selectOption","label","__","value","disabled","taxonomyOptions","filter","tax","show_cloud","map","item","slug","name","onFontSizeChange","fontSizeLabel","newValue","quantity","newUnit","parseQuantityAndUnitFromRawValue","Number","isFinite","updateObj","Object","entries","forEach","attribute","currentValue","currentQuantity","currentUnit","inspectorControls","_element","createElement","InspectorControls","PanelBody","title","SelectControl","__nextHasNoMarginBottom","options","onChange","selectedTaxonomy","ToggleControl","checked","RangeControl","__next40pxDefaultSize","min","max","required","Flex","FlexItem","isBlock","__experimentalUnitControl","Fragment","useBlockProps","Disabled","default","skipBlockSupportAttributes","block","_default","withSelect","select","coreStore","getTaxonomies","per_page","exports"],"sources":["@wordpress/block-library/src/tag-cloud/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tFlex,\n\tFlexItem,\n\tPanelBody,\n\tToggleControl,\n\tSelectControl,\n\tRangeControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\tDisabled,\n} from '@wordpress/components';\nimport { withSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInspectorControls,\n\tuseBlockProps,\n\tuseSetting,\n} from '@wordpress/block-editor';\nimport ServerSideRender from '@wordpress/server-side-render';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Minimum number of tags a user can show using this block.\n *\n * @type {number}\n */\nconst MIN_TAGS = 1;\n\n/**\n * Maximum number of tags a user can show using this block.\n *\n * @type {number}\n */\nconst MAX_TAGS = 100;\n\nconst MIN_FONT_SIZE = 0.1;\nconst MAX_FONT_SIZE = 100;\n\nfunction TagCloudEdit( { attributes, setAttributes, taxonomies } ) {\n\tconst {\n\t\ttaxonomy,\n\t\tshowTagCounts,\n\t\tnumberOfTags,\n\t\tsmallestFontSize,\n\t\tlargestFontSize,\n\t} = attributes;\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'%',\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t],\n\t} );\n\n\tconst getTaxonomyOptions = () => {\n\t\tconst selectOption = {\n\t\t\tlabel: __( '- Select -' ),\n\t\t\tvalue: '',\n\t\t\tdisabled: true,\n\t\t};\n\t\tconst taxonomyOptions = ( taxonomies ?? [] )\n\t\t\t.filter( ( tax ) => !! tax.show_cloud )\n\t\t\t.map( ( item ) => {\n\t\t\t\treturn {\n\t\t\t\t\tvalue: item.slug,\n\t\t\t\t\tlabel: item.name,\n\t\t\t\t};\n\t\t\t} );\n\n\t\treturn [ selectOption, ...taxonomyOptions ];\n\t};\n\n\tconst onFontSizeChange = ( fontSizeLabel, newValue ) => {\n\t\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\t\tconst [ quantity, newUnit ] =\n\t\t\tparseQuantityAndUnitFromRawValue( newValue );\n\t\tif ( ! Number.isFinite( quantity ) ) {\n\t\t\treturn;\n\t\t}\n\t\tconst updateObj = { [ fontSizeLabel ]: newValue };\n\t\t// We need to keep in sync the `unit` changes to both `smallestFontSize`\n\t\t// and `largestFontSize` attributes.\n\t\tObject.entries( {\n\t\t\tsmallestFontSize,\n\t\t\tlargestFontSize,\n\t\t} ).forEach( ( [ attribute, currentValue ] ) => {\n\t\t\tconst [ currentQuantity, currentUnit ] =\n\t\t\t\tparseQuantityAndUnitFromRawValue( currentValue );\n\t\t\t// Only add an update if the other font size attribute has a different unit.\n\t\t\tif ( attribute !== fontSizeLabel && currentUnit !== newUnit ) {\n\t\t\t\tupdateObj[ attribute ] = `${ currentQuantity }${ newUnit }`;\n\t\t\t}\n\t\t} );\n\t\tsetAttributes( updateObj );\n\t};\n\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Taxonomy' ) }\n\t\t\t\t\toptions={ getTaxonomyOptions() }\n\t\t\t\t\tvalue={ taxonomy }\n\t\t\t\t\tonChange={ ( selectedTaxonomy ) =>\n\t\t\t\t\t\tsetAttributes( { taxonomy: selectedTaxonomy } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Show post counts' ) }\n\t\t\t\t\tchecked={ showTagCounts }\n\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\tsetAttributes( { showTagCounts: ! showTagCounts } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<RangeControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tlabel={ __( 'Number of tags' ) }\n\t\t\t\t\tvalue={ numberOfTags }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { numberOfTags: value } )\n\t\t\t\t\t}\n\t\t\t\t\tmin={ MIN_TAGS }\n\t\t\t\t\tmax={ MAX_TAGS }\n\t\t\t\t\trequired\n\t\t\t\t/>\n\t\t\t\t<Flex>\n\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\tlabel={ __( 'Smallest size' ) }\n\t\t\t\t\t\t\tvalue={ smallestFontSize }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tonFontSizeChange( 'smallestFontSize', value );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\tmin={ MIN_FONT_SIZE }\n\t\t\t\t\t\t\tmax={ MAX_FONT_SIZE }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\tlabel={ __( 'Largest size' ) }\n\t\t\t\t\t\t\tvalue={ largestFontSize }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tonFontSizeChange( 'largestFontSize', value );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\tmin={ MIN_FONT_SIZE }\n\t\t\t\t\t\t\tmax={ MAX_FONT_SIZE }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ inspectorControls }\n\t\t\t<div { ...useBlockProps() }>\n\t\t\t\t<Disabled>\n\t\t\t\t\t<ServerSideRender\n\t\t\t\t\t\tskipBlockSupportAttributes\n\t\t\t\t\t\tblock=\"core/tag-cloud\"\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t/>\n\t\t\t\t</Disabled>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default withSelect( ( select ) => {\n\treturn {\n\t\ttaxonomies: select( coreStore ).getTaxonomies( { per_page: -1 } ),\n\t};\n} )( TagCloudEdit );\n"],"mappings":"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"}
+{"version":3,"names":["_components","require","_data","_i18n","_blockEditor","_serverSideRender","_interopRequireDefault","_coreData","MIN_TAGS","MAX_TAGS","MIN_FONT_SIZE","MAX_FONT_SIZE","TagCloudEdit","attributes","setAttributes","taxonomies","taxonomy","showTagCounts","numberOfTags","smallestFontSize","largestFontSize","units","useCustomUnits","availableUnits","useSetting","getTaxonomyOptions","selectOption","label","__","value","disabled","taxonomyOptions","filter","tax","show_cloud","map","item","slug","name","onFontSizeChange","fontSizeLabel","newValue","quantity","newUnit","parseQuantityAndUnitFromRawValue","Number","isFinite","updateObj","Object","entries","forEach","attribute","currentValue","currentQuantity","currentUnit","inspectorControls","_react","createElement","InspectorControls","PanelBody","title","SelectControl","__nextHasNoMarginBottom","options","onChange","selectedTaxonomy","ToggleControl","checked","RangeControl","__next40pxDefaultSize","min","max","required","Flex","FlexItem","isBlock","__experimentalUnitControl","Fragment","useBlockProps","Disabled","default","skipBlockSupportAttributes","block","_default","withSelect","select","coreStore","getTaxonomies","per_page","exports"],"sources":["@wordpress/block-library/src/tag-cloud/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tFlex,\n\tFlexItem,\n\tPanelBody,\n\tToggleControl,\n\tSelectControl,\n\tRangeControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\tDisabled,\n} from '@wordpress/components';\nimport { withSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInspectorControls,\n\tuseBlockProps,\n\tuseSetting,\n} from '@wordpress/block-editor';\nimport ServerSideRender from '@wordpress/server-side-render';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Minimum number of tags a user can show using this block.\n *\n * @type {number}\n */\nconst MIN_TAGS = 1;\n\n/**\n * Maximum number of tags a user can show using this block.\n *\n * @type {number}\n */\nconst MAX_TAGS = 100;\n\nconst MIN_FONT_SIZE = 0.1;\nconst MAX_FONT_SIZE = 100;\n\nfunction TagCloudEdit( { attributes, setAttributes, taxonomies } ) {\n\tconst {\n\t\ttaxonomy,\n\t\tshowTagCounts,\n\t\tnumberOfTags,\n\t\tsmallestFontSize,\n\t\tlargestFontSize,\n\t} = attributes;\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'%',\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t],\n\t} );\n\n\tconst getTaxonomyOptions = () => {\n\t\tconst selectOption = {\n\t\t\tlabel: __( '- Select -' ),\n\t\t\tvalue: '',\n\t\t\tdisabled: true,\n\t\t};\n\t\tconst taxonomyOptions = ( taxonomies ?? [] )\n\t\t\t.filter( ( tax ) => !! tax.show_cloud )\n\t\t\t.map( ( item ) => {\n\t\t\t\treturn {\n\t\t\t\t\tvalue: item.slug,\n\t\t\t\t\tlabel: item.name,\n\t\t\t\t};\n\t\t\t} );\n\n\t\treturn [ selectOption, ...taxonomyOptions ];\n\t};\n\n\tconst onFontSizeChange = ( fontSizeLabel, newValue ) => {\n\t\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\t\tconst [ quantity, newUnit ] =\n\t\t\tparseQuantityAndUnitFromRawValue( newValue );\n\t\tif ( ! Number.isFinite( quantity ) ) {\n\t\t\treturn;\n\t\t}\n\t\tconst updateObj = { [ fontSizeLabel ]: newValue };\n\t\t// We need to keep in sync the `unit` changes to both `smallestFontSize`\n\t\t// and `largestFontSize` attributes.\n\t\tObject.entries( {\n\t\t\tsmallestFontSize,\n\t\t\tlargestFontSize,\n\t\t} ).forEach( ( [ attribute, currentValue ] ) => {\n\t\t\tconst [ currentQuantity, currentUnit ] =\n\t\t\t\tparseQuantityAndUnitFromRawValue( currentValue );\n\t\t\t// Only add an update if the other font size attribute has a different unit.\n\t\t\tif ( attribute !== fontSizeLabel && currentUnit !== newUnit ) {\n\t\t\t\tupdateObj[ attribute ] = `${ currentQuantity }${ newUnit }`;\n\t\t\t}\n\t\t} );\n\t\tsetAttributes( updateObj );\n\t};\n\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Taxonomy' ) }\n\t\t\t\t\toptions={ getTaxonomyOptions() }\n\t\t\t\t\tvalue={ taxonomy }\n\t\t\t\t\tonChange={ ( selectedTaxonomy ) =>\n\t\t\t\t\t\tsetAttributes( { taxonomy: selectedTaxonomy } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Show post counts' ) }\n\t\t\t\t\tchecked={ showTagCounts }\n\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\tsetAttributes( { showTagCounts: ! showTagCounts } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<RangeControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tlabel={ __( 'Number of tags' ) }\n\t\t\t\t\tvalue={ numberOfTags }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { numberOfTags: value } )\n\t\t\t\t\t}\n\t\t\t\t\tmin={ MIN_TAGS }\n\t\t\t\t\tmax={ MAX_TAGS }\n\t\t\t\t\trequired\n\t\t\t\t/>\n\t\t\t\t<Flex>\n\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\tlabel={ __( 'Smallest size' ) }\n\t\t\t\t\t\t\tvalue={ smallestFontSize }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tonFontSizeChange( 'smallestFontSize', value );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\tmin={ MIN_FONT_SIZE }\n\t\t\t\t\t\t\tmax={ MAX_FONT_SIZE }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\tlabel={ __( 'Largest size' ) }\n\t\t\t\t\t\t\tvalue={ largestFontSize }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tonFontSizeChange( 'largestFontSize', value );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\tmin={ MIN_FONT_SIZE }\n\t\t\t\t\t\t\tmax={ MAX_FONT_SIZE }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ inspectorControls }\n\t\t\t<div { ...useBlockProps() }>\n\t\t\t\t<Disabled>\n\t\t\t\t\t<ServerSideRender\n\t\t\t\t\t\tskipBlockSupportAttributes\n\t\t\t\t\t\tblock=\"core/tag-cloud\"\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t/>\n\t\t\t\t</Disabled>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default withSelect( ( select ) => {\n\treturn {\n\t\ttaxonomies: select( coreStore ).getTaxonomies( { per_page: -1 } ),\n\t};\n} )( TagCloudEdit );\n"],"mappings":"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"}

package/build/template-part/edit/advanced-controls.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TemplatePartAdvancedControls = TemplatePartAdvancedControls;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _coreData = require("@wordpress/core-data");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -50,9 +50,9 @@ function TemplatePartAdvancedControls({
     label,
     value: _area
   }));
-  return (0, _element.createElement)(_blockEditor.InspectorControls, {
+  return (0, _react.createElement)(_blockEditor.InspectorControls, {
     group: "advanced"
-  }, isEntityAvailable && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.TextControl, {
+  }, isEntityAvailable && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.TextControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Title'),
     value: title,
@@ -60,14 +60,14 @@ function TemplatePartAdvancedControls({
       setTitle(value);
     },
     onFocus: event => event.target.select()
-  }), (0, _element.createElement)(_components.SelectControl, {
+  }), (0, _react.createElement)(_components.SelectControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Area'),
     labelPosition: "top",
     options: areaOptions,
     value: area,
     onChange: setArea
-  })), (0, _element.createElement)(_components.SelectControl, {
+  })), (0, _react.createElement)(_components.SelectControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('HTML element'),
     options: [{
@@ -101,7 +101,7 @@ function TemplatePartAdvancedControls({
       tagName: value
     }),
     help: htmlElementMessages[tagName]
-  }), !hasInnerBlocks && (0, _element.createElement)(_importControls.TemplatePartImportControls, {
+  }), !hasInnerBlocks && (0, _react.createElement)(_importControls.TemplatePartImportControls, {
     area: area,
     setAttributes: setAttributes
   }));

package/build/template-part/edit/advanced-controls.js.map

@@ -1 +1 @@
-{"version":3,"names":["_coreData","require","_components","_i18n","_blockEditor","_data","_importControls","htmlElementMessages","header","__","main","section","article","aside","footer","TemplatePartAdvancedControls","tagName","setAttributes","isEntityAvailable","templatePartId","defaultWrapper","hasInnerBlocks","area","setArea","useEntityProp","title","setTitle","definedAreas","useSelect","select","__experimentalGetDefaultTemplatePartAreas","areaOptions","map","label","_area","value","_element","createElement","InspectorControls","group","Fragment","TextControl","__nextHasNoMarginBottom","onChange","onFocus","event","target","SelectControl","labelPosition","options","sprintf","help","TemplatePartImportControls"],"sources":["@wordpress/block-library/src/template-part/edit/advanced-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityProp } from '@wordpress/core-data';\nimport { SelectControl, TextControl } from '@wordpress/components';\nimport { sprintf, __ } from '@wordpress/i18n';\nimport { InspectorControls } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { TemplatePartImportControls } from './import-controls';\n\nconst htmlElementMessages = {\n\theader: __(\n\t\t'The <header> element should represent introductory content, typically a group of introductory or navigational aids.'\n\t),\n\tmain: __(\n\t\t'The <main> element should be used for the primary content of your document only.'\n\t),\n\tsection: __(\n\t\t\"The <section> element should represent a standalone portion of the document that can't be better represented by another element.\"\n\t),\n\tarticle: __(\n\t\t'The <article> element should represent a self-contained, syndicatable portion of the document.'\n\t),\n\taside: __(\n\t\t\"The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.\"\n\t),\n\tfooter: __(\n\t\t'The <footer> element should represent a footer for its nearest sectioning element (e.g.: <section>, <article>, <main> etc.).'\n\t),\n};\n\nexport function TemplatePartAdvancedControls( {\n\ttagName,\n\tsetAttributes,\n\tisEntityAvailable,\n\ttemplatePartId,\n\tdefaultWrapper,\n\thasInnerBlocks,\n} ) {\n\tconst [ area, setArea ] = useEntityProp(\n\t\t'postType',\n\t\t'wp_template_part',\n\t\t'area',\n\t\ttemplatePartId\n\t);\n\n\tconst [ title, setTitle ] = useEntityProp(\n\t\t'postType',\n\t\t'wp_template_part',\n\t\t'title',\n\t\ttemplatePartId\n\t);\n\n\tconst definedAreas = useSelect( ( select ) => {\n\t\t// FIXME: @wordpress/block-library should not depend on @wordpress/editor.\n\t\t// Blocks can be loaded into a *non-post* block editor.\n\t\t/* eslint-disable-next-line @wordpress/data-no-store-string-literals */\n\t\treturn select(\n\t\t\t'core/editor'\n\t\t).__experimentalGetDefaultTemplatePartAreas();\n\t}, [] );\n\n\tconst areaOptions = definedAreas.map( ( { label, area: _area } ) => ( {\n\t\tlabel,\n\t\tvalue: _area,\n\t} ) );\n\n\treturn (\n\t\t<InspectorControls group=\"advanced\">\n\t\t\t{ isEntityAvailable && (\n\t\t\t\t<>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Title' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tsetTitle( value );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonFocus={ ( event ) => event.target.select() }\n\t\t\t\t\t/>\n\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Area' ) }\n\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\toptions={ areaOptions }\n\t\t\t\t\t\tvalue={ area }\n\t\t\t\t\t\tonChange={ setArea }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<SelectControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\toptions={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: sprintf(\n\t\t\t\t\t\t\t/* translators: %s: HTML tag based on area. */\n\t\t\t\t\t\t\t__( 'Default based on area (%s)' ),\n\t\t\t\t\t\t\t`<${ defaultWrapper }>`\n\t\t\t\t\t\t),\n\t\t\t\t\t\tvalue: '',\n\t\t\t\t\t},\n\t\t\t\t\t{ label: '<header>', value: 'header' },\n\t\t\t\t\t{ label: '<main>', value: 'main' },\n\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t{ label: '<article>', value: 'article' },\n\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t{ label: '<footer>', value: 'footer' },\n\t\t\t\t\t{ label: '<div>', value: 'div' },\n\t\t\t\t] }\n\t\t\t\tvalue={ tagName || '' }\n\t\t\t\tonChange={ ( value ) => setAttributes( { tagName: value } ) }\n\t\t\t\thelp={ htmlElementMessages[ tagName ] }\n\t\t\t/>\n\t\t\t{ ! hasInnerBlocks && (\n\t\t\t\t<TemplatePartImportControls\n\t\t\t\t\tarea={ area }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</InspectorControls>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_coreData","require","_components","_i18n","_blockEditor","_data","_importControls","htmlElementMessages","header","__","main","section","article","aside","footer","TemplatePartAdvancedControls","tagName","setAttributes","isEntityAvailable","templatePartId","defaultWrapper","hasInnerBlocks","area","setArea","useEntityProp","title","setTitle","definedAreas","useSelect","select","__experimentalGetDefaultTemplatePartAreas","areaOptions","map","label","_area","value","_react","createElement","InspectorControls","group","Fragment","TextControl","__nextHasNoMarginBottom","onChange","onFocus","event","target","SelectControl","labelPosition","options","sprintf","help","TemplatePartImportControls"],"sources":["@wordpress/block-library/src/template-part/edit/advanced-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityProp } from '@wordpress/core-data';\nimport { SelectControl, TextControl } from '@wordpress/components';\nimport { sprintf, __ } from '@wordpress/i18n';\nimport { InspectorControls } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { TemplatePartImportControls } from './import-controls';\n\nconst htmlElementMessages = {\n\theader: __(\n\t\t'The <header> element should represent introductory content, typically a group of introductory or navigational aids.'\n\t),\n\tmain: __(\n\t\t'The <main> element should be used for the primary content of your document only.'\n\t),\n\tsection: __(\n\t\t\"The <section> element should represent a standalone portion of the document that can't be better represented by another element.\"\n\t),\n\tarticle: __(\n\t\t'The <article> element should represent a self-contained, syndicatable portion of the document.'\n\t),\n\taside: __(\n\t\t\"The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.\"\n\t),\n\tfooter: __(\n\t\t'The <footer> element should represent a footer for its nearest sectioning element (e.g.: <section>, <article>, <main> etc.).'\n\t),\n};\n\nexport function TemplatePartAdvancedControls( {\n\ttagName,\n\tsetAttributes,\n\tisEntityAvailable,\n\ttemplatePartId,\n\tdefaultWrapper,\n\thasInnerBlocks,\n} ) {\n\tconst [ area, setArea ] = useEntityProp(\n\t\t'postType',\n\t\t'wp_template_part',\n\t\t'area',\n\t\ttemplatePartId\n\t);\n\n\tconst [ title, setTitle ] = useEntityProp(\n\t\t'postType',\n\t\t'wp_template_part',\n\t\t'title',\n\t\ttemplatePartId\n\t);\n\n\tconst definedAreas = useSelect( ( select ) => {\n\t\t// FIXME: @wordpress/block-library should not depend on @wordpress/editor.\n\t\t// Blocks can be loaded into a *non-post* block editor.\n\t\t/* eslint-disable-next-line @wordpress/data-no-store-string-literals */\n\t\treturn select(\n\t\t\t'core/editor'\n\t\t).__experimentalGetDefaultTemplatePartAreas();\n\t}, [] );\n\n\tconst areaOptions = definedAreas.map( ( { label, area: _area } ) => ( {\n\t\tlabel,\n\t\tvalue: _area,\n\t} ) );\n\n\treturn (\n\t\t<InspectorControls group=\"advanced\">\n\t\t\t{ isEntityAvailable && (\n\t\t\t\t<>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Title' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tsetTitle( value );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonFocus={ ( event ) => event.target.select() }\n\t\t\t\t\t/>\n\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Area' ) }\n\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\toptions={ areaOptions }\n\t\t\t\t\t\tvalue={ area }\n\t\t\t\t\t\tonChange={ setArea }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<SelectControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\toptions={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: sprintf(\n\t\t\t\t\t\t\t/* translators: %s: HTML tag based on area. */\n\t\t\t\t\t\t\t__( 'Default based on area (%s)' ),\n\t\t\t\t\t\t\t`<${ defaultWrapper }>`\n\t\t\t\t\t\t),\n\t\t\t\t\t\tvalue: '',\n\t\t\t\t\t},\n\t\t\t\t\t{ label: '<header>', value: 'header' },\n\t\t\t\t\t{ label: '<main>', value: 'main' },\n\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t{ label: '<article>', value: 'article' },\n\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t{ label: '<footer>', value: 'footer' },\n\t\t\t\t\t{ label: '<div>', value: 'div' },\n\t\t\t\t] }\n\t\t\t\tvalue={ tagName || '' }\n\t\t\t\tonChange={ ( value ) => setAttributes( { tagName: value } ) }\n\t\t\t\thelp={ htmlElementMessages[ tagName ] }\n\t\t\t/>\n\t\t\t{ ! hasInnerBlocks && (\n\t\t\t\t<TemplatePartImportControls\n\t\t\t\t\tarea={ area }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</InspectorControls>\n\t);\n}\n"],"mappings":"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"}

package/build/template-part/edit/import-controls.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TemplatePartImportControls = TemplatePartImportControls;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
 var _coreData = require("@wordpress/core-data");
@@ -67,7 +68,7 @@ function TemplatePartImportControls({
   // Render an empty node while data is loading to avoid SlotFill re-positioning bug.
   // See: https://github.com/WordPress/gutenberg/issues/15641.
   if (!hasResolved) {
-    return (0, _element.createElement)(_components.__experimentalSpacer, {
+    return (0, _react.createElement)(_components.__experimentalSpacer, {
       marginBottom: "0"
     });
   }
@@ -113,25 +114,26 @@ function TemplatePartImportControls({
     }
     setIsBusy(false);
   }
-  return (0, _element.createElement)(_components.__experimentalSpacer, {
+  return (0, _react.createElement)(_components.__experimentalSpacer, {
     marginBottom: "4"
-  }, (0, _element.createElement)(_components.__experimentalHStack, {
+  }, (0, _react.createElement)(_components.__experimentalHStack, {
     as: "form",
     onSubmit: createFromWidgets
-  }, (0, _element.createElement)(_components.FlexBlock, null, (0, _element.createElement)(_components.SelectControl, {
+  }, (0, _react.createElement)(_components.FlexBlock, null, (0, _react.createElement)(_components.SelectControl, {
     label: (0, _i18n.__)('Import widget area'),
     value: selectedSidebar,
     options: options,
     onChange: value => setSelectedSidebar(value),
     disabled: !options.length,
-    __next36pxDefaultSize: true,
+    __next40pxDefaultSize: true,
     __nextHasNoMarginBottom: true
-  })), (0, _element.createElement)(_components.FlexItem, {
+  })), (0, _react.createElement)(_components.FlexItem, {
     style: {
       marginBottom: '8px',
       marginTop: 'auto'
     }
-  }, (0, _element.createElement)(_components.Button, {
+  }, (0, _react.createElement)(_components.Button, {
+    __next40pxDefaultSize: true,
     variant: "primary",
     type: "submit",
     isBusy: isBusy,