@wordpress/block-library 9.30.1-next.836ecdcae.0 → 9.31.0

package/build/terms-query/index.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.settings = exports.name = exports.metadata = exports.init = void 0;
+var _icons = require("@wordpress/icons");
+var _initBlock = _interopRequireDefault(require("../utils/init-block"));
+var _edit = _interopRequireDefault(require("./edit"));
+var _save = _interopRequireDefault(require("./save"));
+/**
+ * WordPress dependencies
+ */
+/**
+ * Internal dependencies
+ */
+const metadata = exports.metadata = {
+  $schema: "https://schemas.wp.org/trunk/block.json",
+  apiVersion: 3,
+  __experimental: true,
+  name: "core/terms-query",
+  title: "Terms Query",
+  category: "theme",
+  description: "An advanced block that allows displaying taxonomy terms based on different query parameters and visual configurations.",
+  keywords: ["terms", "taxonomy", "categories", "tags", "list"],
+  textdomain: "default",
+  attributes: {
+    termQueryId: {
+      type: "number"
+    },
+    termQuery: {
+      type: "object",
+      "default": {
+        perPage: 10,
+        pages: 0,
+        taxonomy: "category",
+        order: "asc",
+        orderBy: "name",
+        hideEmpty: true,
+        include: [],
+        exclude: [],
+        parent: 0,
+        hierarchical: false
+      }
+    },
+    tagName: {
+      type: "string",
+      "default": "div"
+    },
+    namespace: {
+      type: "string"
+    }
+  },
+  providesContext: {
+    termQueryId: "termQueryId",
+    termQuery: "termQuery"
+  },
+  supports: {
+    align: ["wide", "full"],
+    html: false,
+    interactivity: true
+  },
+  allowedBlocks: ["core/term-template"],
+  style: "wp-block-terms-query"
+};
+const {
+  name
+} = metadata;
+exports.name = name;
+const settings = exports.settings = {
+  icon: _icons.loop,
+  edit: _edit.default,
+  save: _save.default,
+  example: {}
+};
+const init = () => (0, _initBlock.default)({
+  name,
+  metadata,
+  settings
+});
+exports.init = init;
+//# sourceMappingURL=index.js.map

package/build/terms-query/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_icons","require","_initBlock","_interopRequireDefault","_edit","_save","metadata","exports","$schema","apiVersion","__experimental","name","title","category","description","keywords","textdomain","attributes","termQueryId","type","termQuery","perPage","pages","taxonomy","order","orderBy","hideEmpty","include","exclude","parent","hierarchical","tagName","namespace","providesContext","supports","align","html","interactivity","allowedBlocks","style","settings","icon","edit","save","example","init","initBlock"],"sources":["@wordpress/block-library/src/terms-query/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { loop as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n\texample: {},\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,KAAA,GAAAF,sBAAA,CAAAF,OAAA;AAXA;AACA;AACA;AAGA;AACA;AACA;AAFA,MAAAK,QAAA,GAAAC,OAAA,CAAAD,QAAA;EAAAE,OAAA;EAAAC,UAAA;EAAAC,cAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,QAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,WAAA;MAAAC,IAAA;IAAA;IAAAC,SAAA;MAAAD,IAAA;MAAA;QAAAE,OAAA;QAAAC,KAAA;QAAAC,QAAA;QAAAC,KAAA;QAAAC,OAAA;QAAAC,SAAA;QAAAC,OAAA;QAAAC,OAAA;QAAAC,MAAA;QAAAC,YAAA;MAAA;IAAA;IAAAC,OAAA;MAAAZ,IAAA;MAAA;IAAA;IAAAa,SAAA;MAAAb,IAAA;IAAA;EAAA;EAAAc,eAAA;IAAAf,WAAA;IAAAE,SAAA;EAAA;EAAAc,QAAA;IAAAC,KAAA;IAAAC,IAAA;IAAAC,aAAA;EAAA;EAAAC,aAAA;EAAAC,KAAA;AAAA;AAQA,MAAM;EAAE5B;AAAK,CAAC,GAAGL,QAAQ;AAACC,OAAA,CAAAI,IAAA,GAAAA,IAAA;AAGnB,MAAM6B,QAAQ,GAAAjC,OAAA,CAAAiC,QAAA,GAAG;EACvBC,IAAI,EAAJA,WAAI;EACJC,IAAI,EAAJA,aAAI;EACJC,IAAI,EAAJA,aAAI;EACJC,OAAO,EAAE,CAAC;AACX,CAAC;AAEM,MAAMC,IAAI,GAAGA,CAAA,KAAM,IAAAC,kBAAS,EAAE;EAAEnC,IAAI;EAAEL,QAAQ;EAAEkC;AAAS,CAAE,CAAC;AAACjC,OAAA,CAAAsC,IAAA,GAAAA,IAAA","ignoreList":[]}

package/build/terms-query/inspector-controls.js

@@ -0,0 +1,231 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TermsQueryInspectorControls;
+var _i18n = require("@wordpress/i18n");
+var _components = require("@wordpress/components");
+var _blockEditor = require("@wordpress/block-editor");
+var _data = require("@wordpress/data");
+var _coreData = require("@wordpress/core-data");
+var _hooks = require("../utils/hooks");
+var _lockUnlock = require("../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  HTMLElementControl
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+function TermsQueryInspectorControls({
+  attributes,
+  setQuery,
+  setAttributes,
+  TagName,
+  clientId
+}) {
+  const {
+    termQuery
+  } = attributes;
+  const dropdownMenuProps = (0, _hooks.useToolsPanelDropdownMenuProps)();
+  const {
+    taxonomies
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEntityRecords
+    } = select(_coreData.store);
+    const allTaxonomies = getEntityRecords('root', 'taxonomy');
+    return {
+      taxonomies: allTaxonomies?.filter(t => t.visibility.public) || []
+    };
+  }, []);
+  const taxonomyOptions = taxonomies.map(taxonomy => ({
+    label: taxonomy.name,
+    value: taxonomy.slug
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToolsPanel, {
+        label: (0, _i18n.__)('Terms Query Settings'),
+        resetAll: () => {
+          setAttributes({
+            termQuery: {
+              taxonomy: 'category',
+              order: 'asc',
+              orderBy: 'name',
+              hideEmpty: true,
+              hierarchical: false,
+              parent: 0,
+              perPage: 10
+            }
+          });
+        },
+        dropdownMenuProps: dropdownMenuProps,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+          hasValue: () => termQuery.taxonomy !== 'category',
+          label: (0, _i18n.__)('Taxonomy'),
+          onDeselect: () => setQuery({
+            taxonomy: 'category'
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl, {
+            __nextHasNoMarginBottom: true,
+            __next40pxDefaultSize: true,
+            label: (0, _i18n.__)('Taxonomy'),
+            options: taxonomyOptions,
+            value: termQuery.taxonomy,
+            onChange: selectedTaxonomy => setQuery({
+              taxonomy: selectedTaxonomy
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+          hasValue: () => termQuery.orderBy !== 'name' || termQuery.order !== 'asc',
+          label: (0, _i18n.__)('Order by'),
+          onDeselect: () => setQuery({
+            orderBy: 'name',
+            order: 'asc'
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl, {
+            __nextHasNoMarginBottom: true,
+            __next40pxDefaultSize: true,
+            label: (0, _i18n.__)('Order by'),
+            options: [{
+              label: (0, _i18n.__)('Name: A → Z'),
+              value: 'name/asc'
+            }, {
+              label: (0, _i18n.__)('Name: Z → A'),
+              value: 'name/desc'
+            }, {
+              label: (0, _i18n.__)('Count, high to low'),
+              value: 'count/desc'
+            }, {
+              label: (0, _i18n.__)('Count, low to high'),
+              value: 'count/asc'
+            }],
+            value: termQuery.orderBy + '/' + termQuery.order,
+            onChange: orderBy => {
+              const [newOrderBy, newOrder] = orderBy.split('/');
+              setQuery({
+                orderBy: newOrderBy,
+                order: newOrder
+              });
+            }
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+          hasValue: () => termQuery.parent !== 0,
+          label: (0, _i18n.__)('Show only top level terms'),
+          onDeselect: () => setQuery({
+            parent: 0
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: (0, _i18n.__)('Show only top level terms'),
+            checked: termQuery.parent === 0,
+            onChange: showTopLevel => {
+              setQuery({
+                parent: showTopLevel ? 0 : undefined
+              });
+              if (showTopLevel && termQuery.hierarchical) {
+                setQuery({
+                  hierarchical: false
+                });
+              }
+            },
+            disabled: !!termQuery.hierarchical
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+          hasValue: () => termQuery.hideEmpty !== true,
+          label: (0, _i18n.__)('Show empty terms'),
+          onDeselect: () => setQuery({
+            hideEmpty: true
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: (0, _i18n.__)('Show empty terms'),
+            checked: !termQuery.hideEmpty,
+            onChange: showEmpty => setQuery({
+              hideEmpty: !showEmpty
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+          hasValue: () => termQuery.hierarchical !== false,
+          label: (0, _i18n.__)('Show hierarchy'),
+          onDeselect: () => setQuery({
+            hierarchical: false
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: (0, _i18n.__)('Show hierarchy'),
+            checked: termQuery.hierarchical,
+            onChange: hierarchical => {
+              setQuery({
+                hierarchical
+              });
+              if (hierarchical && termQuery.parent) {
+                setQuery({
+                  parent: 0
+                });
+              }
+            },
+            disabled: termQuery.parent === 0
+          })
+        }), !termQuery.hierarchical && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+          hasValue: () => termQuery.perPage !== 10,
+          label: (0, _i18n.__)('Max terms'),
+          onDeselect: () => setQuery({
+            perPage: 10
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
+            __nextHasNoMarginBottom: true,
+            __next40pxDefaultSize: true,
+            label: (0, _i18n.__)('Max terms'),
+            value: termQuery.perPage,
+            min: 0,
+            max: 100,
+            onChange: perPage => {
+              // Show all terms (-1) when 0 is selected.
+              setQuery({
+                perPage: perPage === 0 ? -1 : perPage
+              });
+            },
+            help: (0, _i18n.__)('Limit the number of terms you want to show. To show all terms, use 0 (zero).')
+          })
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
+      group: "advanced",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(HTMLElementControl, {
+        tagName: TagName,
+        onChange: value => setAttributes({
+          tagName: value
+        }),
+        clientId: clientId,
+        options: [{
+          label: (0, _i18n.__)('Default (<div>)'),
+          value: 'div'
+        }, {
+          label: '<main>',
+          value: 'main'
+        }, {
+          label: '<section>',
+          value: 'section'
+        }, {
+          label: '<aside>',
+          value: 'aside'
+        }]
+      })
+    })]
+  });
+}
+//# sourceMappingURL=inspector-controls.js.map

package/build/terms-query/inspector-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_components","_blockEditor","_data","_coreData","_hooks","_lockUnlock","_jsxRuntime","HTMLElementControl","unlock","blockEditorPrivateApis","TermsQueryInspectorControls","attributes","setQuery","setAttributes","TagName","clientId","termQuery","dropdownMenuProps","useToolsPanelDropdownMenuProps","taxonomies","useSelect","select","getEntityRecords","coreStore","allTaxonomies","filter","t","visibility","public","taxonomyOptions","map","taxonomy","label","name","value","slug","jsxs","Fragment","children","jsx","InspectorControls","__experimentalToolsPanel","__","resetAll","order","orderBy","hideEmpty","hierarchical","parent","perPage","__experimentalToolsPanelItem","hasValue","onDeselect","isShownByDefault","SelectControl","__nextHasNoMarginBottom","__next40pxDefaultSize","options","onChange","selectedTaxonomy","newOrderBy","newOrder","split","ToggleControl","checked","showTopLevel","undefined","disabled","showEmpty","RangeControl","min","max","help","group","tagName"],"sources":["@wordpress/block-library/src/terms-query/inspector-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\tRangeControl,\n\tSelectControl,\n\tToggleControl,\n} from '@wordpress/components';\nimport {\n\tInspectorControls,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\nimport { unlock } from '../lock-unlock';\n\nconst { HTMLElementControl } = unlock( blockEditorPrivateApis );\n\nexport default function TermsQueryInspectorControls( {\n\tattributes,\n\tsetQuery,\n\tsetAttributes,\n\tTagName,\n\tclientId,\n} ) {\n\tconst { termQuery } = attributes;\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tconst { taxonomies } = useSelect( ( select ) => {\n\t\tconst { getEntityRecords } = select( coreStore );\n\t\tconst allTaxonomies = getEntityRecords( 'root', 'taxonomy' );\n\t\treturn {\n\t\t\ttaxonomies:\n\t\t\t\tallTaxonomies?.filter( ( t ) => t.visibility.public ) || [],\n\t\t};\n\t}, [] );\n\n\tconst taxonomyOptions = taxonomies.map( ( taxonomy ) => ( {\n\t\tlabel: taxonomy.name,\n\t\tvalue: taxonomy.slug,\n\t} ) );\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t<ToolsPanel\n\t\t\t\t\tlabel={ __( 'Terms Query Settings' ) }\n\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\ttermQuery: {\n\t\t\t\t\t\t\t\ttaxonomy: 'category',\n\t\t\t\t\t\t\t\torder: 'asc',\n\t\t\t\t\t\t\t\torderBy: 'name',\n\t\t\t\t\t\t\t\thideEmpty: true,\n\t\t\t\t\t\t\t\thierarchical: false,\n\t\t\t\t\t\t\t\tparent: 0,\n\t\t\t\t\t\t\t\tperPage: 10,\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\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\thasValue={ () => termQuery.taxonomy !== 'category' }\n\t\t\t\t\t\tlabel={ __( 'Taxonomy' ) }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetQuery( { taxonomy: 'category' } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t>\n\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tlabel={ __( 'Taxonomy' ) }\n\t\t\t\t\t\t\toptions={ taxonomyOptions }\n\t\t\t\t\t\t\tvalue={ termQuery.taxonomy }\n\t\t\t\t\t\t\tonChange={ ( selectedTaxonomy ) =>\n\t\t\t\t\t\t\t\tsetQuery( { taxonomy: selectedTaxonomy } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\thasValue={ () =>\n\t\t\t\t\t\t\ttermQuery.orderBy !== 'name' ||\n\t\t\t\t\t\t\ttermQuery.order !== 'asc'\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={ __( 'Order by' ) }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetQuery( { orderBy: 'name', order: 'asc' } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t>\n\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tlabel={ __( 'Order by' ) }\n\t\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tlabel: __( 'Name: A → Z' ),\n\t\t\t\t\t\t\t\t\tvalue: 'name/asc',\n\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\t\tlabel: __( 'Name: Z → A' ),\n\t\t\t\t\t\t\t\t\tvalue: 'name/desc',\n\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\t\tlabel: __( 'Count, high to low' ),\n\t\t\t\t\t\t\t\t\tvalue: 'count/desc',\n\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\t\tlabel: __( 'Count, low to high' ),\n\t\t\t\t\t\t\t\t\tvalue: 'count/asc',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\tvalue={ termQuery.orderBy + '/' + termQuery.order }\n\t\t\t\t\t\t\tonChange={ ( orderBy ) => {\n\t\t\t\t\t\t\t\tconst [ newOrderBy, newOrder ] =\n\t\t\t\t\t\t\t\t\torderBy.split( '/' );\n\t\t\t\t\t\t\t\tsetQuery( {\n\t\t\t\t\t\t\t\t\torderBy: newOrderBy,\n\t\t\t\t\t\t\t\t\torder: newOrder,\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</ToolsPanelItem>\n\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\thasValue={ () => termQuery.parent !== 0 }\n\t\t\t\t\t\tlabel={ __( 'Show only top level terms' ) }\n\t\t\t\t\t\tonDeselect={ () => setQuery( { parent: 0 } ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Show only top level terms' ) }\n\t\t\t\t\t\t\tchecked={ termQuery.parent === 0 }\n\t\t\t\t\t\t\tonChange={ ( showTopLevel ) => {\n\t\t\t\t\t\t\t\tsetQuery( {\n\t\t\t\t\t\t\t\t\tparent: showTopLevel ? 0 : undefined,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\tif ( showTopLevel && termQuery.hierarchical ) {\n\t\t\t\t\t\t\t\t\tsetQuery( { hierarchical: false } );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tdisabled={ !! termQuery.hierarchical }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\thasValue={ () => termQuery.hideEmpty !== true }\n\t\t\t\t\t\tlabel={ __( 'Show empty terms' ) }\n\t\t\t\t\t\tonDeselect={ () => setQuery( { hideEmpty: true } ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Show empty terms' ) }\n\t\t\t\t\t\t\tchecked={ ! termQuery.hideEmpty }\n\t\t\t\t\t\t\tonChange={ ( showEmpty ) =>\n\t\t\t\t\t\t\t\tsetQuery( { hideEmpty: ! showEmpty } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\thasValue={ () => termQuery.hierarchical !== false }\n\t\t\t\t\t\tlabel={ __( 'Show hierarchy' ) }\n\t\t\t\t\t\tonDeselect={ () => setQuery( { hierarchical: false } ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Show hierarchy' ) }\n\t\t\t\t\t\t\tchecked={ termQuery.hierarchical }\n\t\t\t\t\t\t\tonChange={ ( hierarchical ) => {\n\t\t\t\t\t\t\t\tsetQuery( { hierarchical } );\n\t\t\t\t\t\t\t\tif ( hierarchical && termQuery.parent ) {\n\t\t\t\t\t\t\t\t\tsetQuery( { parent: 0 } );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tdisabled={ termQuery.parent === 0 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\n\t\t\t\t\t{ ! termQuery.hierarchical && (\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\thasValue={ () => termQuery.perPage !== 10 }\n\t\t\t\t\t\t\tlabel={ __( 'Max terms' ) }\n\t\t\t\t\t\t\tonDeselect={ () => setQuery( { perPage: 10 } ) }\n\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tlabel={ __( 'Max terms' ) }\n\t\t\t\t\t\t\t\tvalue={ termQuery.perPage }\n\t\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\t\tonChange={ ( perPage ) => {\n\t\t\t\t\t\t\t\t\t// Show all terms (-1) when 0 is selected.\n\t\t\t\t\t\t\t\t\tsetQuery( {\n\t\t\t\t\t\t\t\t\t\tperPage: perPage === 0 ? -1 : perPage,\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\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Limit the number of terms you want to show. To show all terms, use 0 (zero).'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t) }\n\t\t\t\t</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<HTMLElementControl\n\t\t\t\t\ttagName={ TagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<main>', value: 'main' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/terms-query/save.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = save;
+var _blockEditor = require("@wordpress/block-editor");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * WordPress dependencies
+ */
+
+function save({
+  attributes: {
+    tagName: Tag = 'div'
+  }
+}) {
+  const blockProps = _blockEditor.useBlockProps.save();
+  const innerBlocksProps = _blockEditor.useInnerBlocksProps.save(blockProps);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
+    ...innerBlocksProps
+  });
+}
+//# sourceMappingURL=save.js.map

package/build/terms-query/save.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_blockEditor","require","_jsxRuntime","save","attributes","tagName","Tag","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","jsx"],"sources":["@wordpress/block-library/src/terms-query/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes: { tagName: Tag = 'div' } } ) {\n\tconst blockProps = useBlockProps.save();\n\tconst innerBlocksProps = useInnerBlocksProps.save( blockProps );\n\treturn <Tag { ...innerBlocksProps } />;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAA6E,IAAAC,WAAA,GAAAD,OAAA;AAH7E;AACA;AACA;;AAGe,SAASE,IAAIA,CAAE;EAAEC,UAAU,EAAE;IAAEC,OAAO,EAAEC,GAAG,GAAG;EAAM;AAAE,CAAC,EAAG;EACxE,MAAMC,UAAU,GAAGC,0BAAa,CAACL,IAAI,CAAC,CAAC;EACvC,MAAMM,gBAAgB,GAAGC,gCAAmB,CAACP,IAAI,CAAEI,UAAW,CAAC;EAC/D,oBAAO,IAAAL,WAAA,CAAAS,GAAA,EAACL,GAAG;IAAA,GAAMG;EAAgB,CAAI,CAAC;AACvC","ignoreList":[]}

package/build/terms-query/terms-query-content.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TermsQueryContent;
+var _data = require("@wordpress/data");
+var _compose = require("@wordpress/compose");
+var _element = require("@wordpress/element");
+var _blockEditor = require("@wordpress/block-editor");
+var _inspectorControls = _interopRequireDefault(require("./inspector-controls"));
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const TEMPLATE = [['core/term-template']];
+function TermsQueryContent({
+  attributes,
+  setAttributes,
+  clientId,
+  name
+}) {
+  const {
+    termQueryId,
+    termQuery = {},
+    tagName: TagName = 'div'
+  } = attributes;
+  const {
+    __unstableMarkNextChangeAsNotPersistent
+  } = (0, _data.useDispatch)(_blockEditor.store);
+  const instanceId = (0, _compose.useInstanceId)(TermsQueryContent);
+  const blockProps = (0, _blockEditor.useBlockProps)();
+  const innerBlocksProps = (0, _blockEditor.useInnerBlocksProps)(blockProps, {
+    template: TEMPLATE
+  });
+  const setQuery = newQuery => {
+    setAttributes({
+      termQuery: {
+        ...termQuery,
+        ...newQuery
+      }
+    });
+  };
+  (0, _element.useEffect)(() => {
+    if (!termQueryId) {
+      __unstableMarkNextChangeAsNotPersistent();
+      setAttributes({
+        termQueryId: instanceId
+      });
+    }
+  }, [termQueryId, instanceId, setAttributes, __unstableMarkNextChangeAsNotPersistent]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_inspectorControls.default, {
+      name: name,
+      attributes: attributes,
+      setQuery: setQuery,
+      setAttributes: setAttributes,
+      clientId: clientId,
+      tagName: TagName
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TagName, {
+      ...innerBlocksProps
+    })]
+  });
+}
+//# sourceMappingURL=terms-query-content.js.map

package/build/terms-query/terms-query-content.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_data","require","_compose","_element","_blockEditor","_inspectorControls","_interopRequireDefault","_jsxRuntime","TEMPLATE","TermsQueryContent","attributes","setAttributes","clientId","name","termQueryId","termQuery","tagName","TagName","__unstableMarkNextChangeAsNotPersistent","useDispatch","blockEditorStore","instanceId","useInstanceId","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","template","setQuery","newQuery","useEffect","jsxs","Fragment","children","jsx","default"],"sources":["@wordpress/block-library/src/terms-query/terms-query-content.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch } from '@wordpress/data';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useEffect } from '@wordpress/element';\nimport {\n\tuseBlockProps,\n\tstore as blockEditorStore,\n\tuseInnerBlocksProps,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport TermsQueryInspectorControls from './inspector-controls';\n\nconst TEMPLATE = [ [ 'core/term-template' ] ];\n\nexport default function TermsQueryContent( {\n\tattributes,\n\tsetAttributes,\n\tclientId,\n\tname,\n} ) {\n\tconst {\n\t\ttermQueryId,\n\t\ttermQuery = {},\n\t\ttagName: TagName = 'div',\n\t} = attributes;\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst instanceId = useInstanceId( TermsQueryContent );\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t} );\n\n\tconst setQuery = ( newQuery ) => {\n\t\tsetAttributes( {\n\t\t\ttermQuery: {\n\t\t\t\t...termQuery,\n\t\t\t\t...newQuery,\n\t\t\t},\n\t\t} );\n\t};\n\n\tuseEffect( () => {\n\t\tif ( ! termQueryId ) {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetAttributes( { termQueryId: instanceId } );\n\t\t}\n\t}, [\n\t\ttermQueryId,\n\t\tinstanceId,\n\t\tsetAttributes,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t] );\n\n\treturn (\n\t\t<>\n\t\t\t<TermsQueryInspectorControls\n\t\t\t\tname={ name }\n\t\t\t\tattributes={ attributes }\n\t\t\t\tsetQuery={ setQuery }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tclientId={ clientId }\n\t\t\t\ttagName={ TagName }\n\t\t\t/>\n\t\t\t<TagName { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AASA,IAAAI,kBAAA,GAAAC,sBAAA,CAAAL,OAAA;AAA+D,IAAAM,WAAA,GAAAN,OAAA;AAf/D;AACA;AACA;;AAUA;AACA;AACA;;AAGA,MAAMO,QAAQ,GAAG,CAAE,CAAE,oBAAoB,CAAE,CAAE;AAE9B,SAASC,iBAAiBA,CAAE;EAC1CC,UAAU;EACVC,aAAa;EACbC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAM;IACLC,WAAW;IACXC,SAAS,GAAG,CAAC,CAAC;IACdC,OAAO,EAAEC,OAAO,GAAG;EACpB,CAAC,GAAGP,UAAU;EAEd,MAAM;IAAEQ;EAAwC,CAAC,GAChD,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAChC,MAAMC,UAAU,GAAG,IAAAC,sBAAa,EAAEb,iBAAkB,CAAC;EACrD,MAAMc,UAAU,GAAG,IAAAC,0BAAa,EAAC,CAAC;EAClC,MAAMC,gBAAgB,GAAG,IAAAC,gCAAmB,EAAEH,UAAU,EAAE;IACzDI,QAAQ,EAAEnB;EACX,CAAE,CAAC;EAEH,MAAMoB,QAAQ,GAAKC,QAAQ,IAAM;IAChClB,aAAa,CAAE;MACdI,SAAS,EAAE;QACV,GAAGA,SAAS;QACZ,GAAGc;MACJ;IACD,CAAE,CAAC;EACJ,CAAC;EAED,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAK,CAAEhB,WAAW,EAAG;MACpBI,uCAAuC,CAAC,CAAC;MACzCP,aAAa,CAAE;QAAEG,WAAW,EAAEO;MAAW,CAAE,CAAC;IAC7C;EACD,CAAC,EAAE,CACFP,WAAW,EACXO,UAAU,EACVV,aAAa,EACbO,uCAAuC,CACtC,CAAC;EAEH,oBACC,IAAAX,WAAA,CAAAwB,IAAA,EAAAxB,WAAA,CAAAyB,QAAA;IAAAC,QAAA,gBACC,IAAA1B,WAAA,CAAA2B,GAAA,EAAC7B,kBAAA,CAAA8B,OAA2B;MAC3BtB,IAAI,EAAGA,IAAM;MACbH,UAAU,EAAGA,UAAY;MACzBkB,QAAQ,EAAGA,QAAU;MACrBjB,aAAa,EAAGA,aAAe;MAC/BC,QAAQ,EAAGA,QAAU;MACrBI,OAAO,EAAGC;IAAS,CACnB,CAAC,eACF,IAAAV,WAAA,CAAA2B,GAAA,EAACjB,OAAO;MAAA,GAAMQ;IAAgB,CAAI,CAAC;EAAA,CAClC,CAAC;AAEL","ignoreList":[]}

package/build/utils/hooks.js

@@ -71,6 +71,9 @@ function useUploadMediaFromBlobURL(args = {}) {
     const {
       mediaUpload
     } = getSettings();
+    if (!mediaUpload) {
+      return;
+    }
     hasUploadStartedRef.current = true;
     mediaUpload({
       filesList: [file],

package/build/utils/hooks.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_element","_blob","_blockEditor","_coreData","_compose","useCanEditEntity","kind","name","recordId","useSelect","select","coreStore","canUser","id","useUploadMediaFromBlobURL","args","latestArgsRef","useRef","hasUploadStartedRef","getSettings","blockEditorStore","useLayoutEffect","current","useEffect","url","isBlobURL","file","getBlobByURL","allowedTypes","onChange","onError","mediaUpload","filesList","onFileChange","media","revokeBlobURL","message","useToolsPanelDropdownMenuProps","isMobile","useViewportMatch","popoverProps","placement","offset"],"sources":["@wordpress/block-library/src/utils/hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useLayoutEffect, useEffect, useRef } from '@wordpress/element';\nimport { getBlobByURL, isBlobURL, revokeBlobURL } from '@wordpress/blob';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Returns whether the current user can edit the given entity.\n *\n * @param {string} kind     Entity kind.\n * @param {string} name     Entity name.\n * @param {string} recordId Record's id.\n */\nexport function useCanEditEntity( kind, name, recordId ) {\n\treturn useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).canUser( 'update', {\n\t\t\t\tkind,\n\t\t\t\tname,\n\t\t\t\tid: recordId,\n\t\t\t} ),\n\t\t[ kind, name, recordId ]\n\t);\n}\n\n/**\n * Handles uploading a media file from a blob URL on mount.\n *\n * @param {Object}   args              Upload media arguments.\n * @param {string}   args.url          Blob URL.\n * @param {?Array}   args.allowedTypes Array of allowed media types.\n * @param {Function} args.onChange     Function called when the media is uploaded.\n * @param {Function} args.onError      Function called when an error happens.\n */\nexport function useUploadMediaFromBlobURL( args = {} ) {\n\tconst latestArgsRef = useRef( args );\n\tconst hasUploadStartedRef = useRef( false );\n\tconst { getSettings } = useSelect( blockEditorStore );\n\n\tuseLayoutEffect( () => {\n\t\tlatestArgsRef.current = args;\n\t} );\n\n\tuseEffect( () => {\n\t\t// Uploading is a special effect that can't be canceled via the cleanup method.\n\t\t// The extra check avoids duplicate uploads in development mode (React.StrictMode).\n\t\tif ( hasUploadStartedRef.current ) {\n\t\t\treturn;\n\t\t}\n\t\tif (\n\t\t\t! latestArgsRef.current.url ||\n\t\t\t! isBlobURL( latestArgsRef.current.url )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst file = getBlobByURL( latestArgsRef.current.url );\n\t\tif ( ! file ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { url, allowedTypes, onChange, onError } = latestArgsRef.current;\n\t\tconst { mediaUpload } = getSettings();\n\n\t\thasUploadStartedRef.current = true;\n\n\t\tmediaUpload( {\n\t\t\tfilesList: [ file ],\n\t\t\tallowedTypes,\n\t\t\tonFileChange: ( [ media ] ) => {\n\t\t\t\tif ( isBlobURL( media?.url ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\trevokeBlobURL( url );\n\t\t\t\tonChange( media );\n\t\t\t\thasUploadStartedRef.current = false;\n\t\t\t},\n\t\t\tonError: ( message ) => {\n\t\t\t\trevokeBlobURL( url );\n\t\t\t\tonError( message );\n\t\t\t\thasUploadStartedRef.current = false;\n\t\t\t},\n\t\t} );\n\t}, [ getSettings ] );\n}\n\nexport function useToolsPanelDropdownMenuProps() {\n\tconst isMobile = useViewportMatch( 'medium', '<' );\n\treturn ! isMobile\n\t\t? {\n\t\t\t\tpopoverProps: {\n\t\t\t\t\tplacement: 'left-start',\n\t\t\t\t\t// For non-mobile, inner sidebar width (248px) - button width (24px) - border (1px) + padding (16px) + spacing (20px)\n\t\t\t\t\toffset: 259,\n\t\t\t\t},\n\t\t  }\n\t\t: {};\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AARA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASM,gBAAgBA,CAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAG;EACxD,OAAO,IAAAC,eAAS,EACbC,MAAM,IACPA,MAAM,CAAEC,eAAU,CAAC,CAACC,OAAO,CAAE,QAAQ,EAAE;IACtCN,IAAI;IACJC,IAAI;IACJM,EAAE,EAAEL;EACL,CAAE,CAAC,EACJ,CAAEF,IAAI,EAAEC,IAAI,EAAEC,QAAQ,CACvB,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASM,yBAAyBA,CAAEC,IAAI,GAAG,CAAC,CAAC,EAAG;EACtD,MAAMC,aAAa,GAAG,IAAAC,eAAM,EAAEF,IAAK,CAAC;EACpC,MAAMG,mBAAmB,GAAG,IAAAD,eAAM,EAAE,KAAM,CAAC;EAC3C,MAAM;IAAEE;EAAY,CAAC,GAAG,IAAAV,eAAS,EAAEW,kBAAiB,CAAC;EAErD,IAAAC,wBAAe,EAAE,MAAM;IACtBL,aAAa,CAACM,OAAO,GAAGP,IAAI;EAC7B,CAAE,CAAC;EAEH,IAAAQ,kBAAS,EAAE,MAAM;IAChB;IACA;IACA,IAAKL,mBAAmB,CAACI,OAAO,EAAG;MAClC;IACD;IACA,IACC,CAAEN,aAAa,CAACM,OAAO,CAACE,GAAG,IAC3B,CAAE,IAAAC,eAAS,EAAET,aAAa,CAACM,OAAO,CAACE,GAAI,CAAC,EACvC;MACD;IACD;IAEA,MAAME,IAAI,GAAG,IAAAC,kBAAY,EAAEX,aAAa,CAACM,OAAO,CAACE,GAAI,CAAC;IACtD,IAAK,CAAEE,IAAI,EAAG;MACb;IACD;IAEA,MAAM;MAAEF,GAAG;MAAEI,YAAY;MAAEC,QAAQ;MAAEC;IAAQ,CAAC,GAAGd,aAAa,CAACM,OAAO;IACtE,MAAM;MAAES;IAAY,CAAC,GAAGZ,WAAW,CAAC,CAAC;IAErCD,mBAAmB,CAACI,OAAO,GAAG,IAAI;IAElCS,WAAW,CAAE;MACZC,SAAS,EAAE,CAAEN,IAAI,CAAE;MACnBE,YAAY;MACZK,YAAY,EAAEA,CAAE,CAAEC,KAAK,CAAE,KAAM;QAC9B,IAAK,IAAAT,eAAS,EAAES,KAAK,EAAEV,GAAI,CAAC,EAAG;UAC9B;QACD;QAEA,IAAAW,mBAAa,EAAEX,GAAI,CAAC;QACpBK,QAAQ,CAAEK,KAAM,CAAC;QACjBhB,mBAAmB,CAACI,OAAO,GAAG,KAAK;MACpC,CAAC;MACDQ,OAAO,EAAIM,OAAO,IAAM;QACvB,IAAAD,mBAAa,EAAEX,GAAI,CAAC;QACpBM,OAAO,CAAEM,OAAQ,CAAC;QAClBlB,mBAAmB,CAACI,OAAO,GAAG,KAAK;MACpC;IACD,CAAE,CAAC;EACJ,CAAC,EAAE,CAAEH,WAAW,CAAG,CAAC;AACrB;AAEO,SAASkB,8BAA8BA,CAAA,EAAG;EAChD,MAAMC,QAAQ,GAAG,IAAAC,yBAAgB,EAAE,QAAQ,EAAE,GAAI,CAAC;EAClD,OAAO,CAAED,QAAQ,GACd;IACAE,YAAY,EAAE;MACbC,SAAS,EAAE,YAAY;MACvB;MACAC,MAAM,EAAE;IACT;EACA,CAAC,GACD,CAAC,CAAC;AACN","ignoreList":[]}
+{"version":3,"names":["_data","require","_element","_blob","_blockEditor","_coreData","_compose","useCanEditEntity","kind","name","recordId","useSelect","select","coreStore","canUser","id","useUploadMediaFromBlobURL","args","latestArgsRef","useRef","hasUploadStartedRef","getSettings","blockEditorStore","useLayoutEffect","current","useEffect","url","isBlobURL","file","getBlobByURL","allowedTypes","onChange","onError","mediaUpload","filesList","onFileChange","media","revokeBlobURL","message","useToolsPanelDropdownMenuProps","isMobile","useViewportMatch","popoverProps","placement","offset"],"sources":["@wordpress/block-library/src/utils/hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useLayoutEffect, useEffect, useRef } from '@wordpress/element';\nimport { getBlobByURL, isBlobURL, revokeBlobURL } from '@wordpress/blob';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Returns whether the current user can edit the given entity.\n *\n * @param {string} kind     Entity kind.\n * @param {string} name     Entity name.\n * @param {string} recordId Record's id.\n */\nexport function useCanEditEntity( kind, name, recordId ) {\n\treturn useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).canUser( 'update', {\n\t\t\t\tkind,\n\t\t\t\tname,\n\t\t\t\tid: recordId,\n\t\t\t} ),\n\t\t[ kind, name, recordId ]\n\t);\n}\n\n/**\n * Handles uploading a media file from a blob URL on mount.\n *\n * @param {Object}   args              Upload media arguments.\n * @param {string}   args.url          Blob URL.\n * @param {?Array}   args.allowedTypes Array of allowed media types.\n * @param {Function} args.onChange     Function called when the media is uploaded.\n * @param {Function} args.onError      Function called when an error happens.\n */\nexport function useUploadMediaFromBlobURL( args = {} ) {\n\tconst latestArgsRef = useRef( args );\n\tconst hasUploadStartedRef = useRef( false );\n\tconst { getSettings } = useSelect( blockEditorStore );\n\n\tuseLayoutEffect( () => {\n\t\tlatestArgsRef.current = args;\n\t} );\n\n\tuseEffect( () => {\n\t\t// Uploading is a special effect that can't be canceled via the cleanup method.\n\t\t// The extra check avoids duplicate uploads in development mode (React.StrictMode).\n\t\tif ( hasUploadStartedRef.current ) {\n\t\t\treturn;\n\t\t}\n\t\tif (\n\t\t\t! latestArgsRef.current.url ||\n\t\t\t! isBlobURL( latestArgsRef.current.url )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst file = getBlobByURL( latestArgsRef.current.url );\n\t\tif ( ! file ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { url, allowedTypes, onChange, onError } = latestArgsRef.current;\n\t\tconst { mediaUpload } = getSettings();\n\n\t\tif ( ! mediaUpload ) {\n\t\t\treturn;\n\t\t}\n\n\t\thasUploadStartedRef.current = true;\n\n\t\tmediaUpload( {\n\t\t\tfilesList: [ file ],\n\t\t\tallowedTypes,\n\t\t\tonFileChange: ( [ media ] ) => {\n\t\t\t\tif ( isBlobURL( media?.url ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\trevokeBlobURL( url );\n\t\t\t\tonChange( media );\n\t\t\t\thasUploadStartedRef.current = false;\n\t\t\t},\n\t\t\tonError: ( message ) => {\n\t\t\t\trevokeBlobURL( url );\n\t\t\t\tonError( message );\n\t\t\t\thasUploadStartedRef.current = false;\n\t\t\t},\n\t\t} );\n\t}, [ getSettings ] );\n}\n\nexport function useToolsPanelDropdownMenuProps() {\n\tconst isMobile = useViewportMatch( 'medium', '<' );\n\treturn ! isMobile\n\t\t? {\n\t\t\t\tpopoverProps: {\n\t\t\t\t\tplacement: 'left-start',\n\t\t\t\t\t// For non-mobile, inner sidebar width (248px) - button width (24px) - border (1px) + padding (16px) + spacing (20px)\n\t\t\t\t\toffset: 259,\n\t\t\t\t},\n\t\t  }\n\t\t: {};\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AARA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASM,gBAAgBA,CAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAG;EACxD,OAAO,IAAAC,eAAS,EACbC,MAAM,IACPA,MAAM,CAAEC,eAAU,CAAC,CAACC,OAAO,CAAE,QAAQ,EAAE;IACtCN,IAAI;IACJC,IAAI;IACJM,EAAE,EAAEL;EACL,CAAE,CAAC,EACJ,CAAEF,IAAI,EAAEC,IAAI,EAAEC,QAAQ,CACvB,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASM,yBAAyBA,CAAEC,IAAI,GAAG,CAAC,CAAC,EAAG;EACtD,MAAMC,aAAa,GAAG,IAAAC,eAAM,EAAEF,IAAK,CAAC;EACpC,MAAMG,mBAAmB,GAAG,IAAAD,eAAM,EAAE,KAAM,CAAC;EAC3C,MAAM;IAAEE;EAAY,CAAC,GAAG,IAAAV,eAAS,EAAEW,kBAAiB,CAAC;EAErD,IAAAC,wBAAe,EAAE,MAAM;IACtBL,aAAa,CAACM,OAAO,GAAGP,IAAI;EAC7B,CAAE,CAAC;EAEH,IAAAQ,kBAAS,EAAE,MAAM;IAChB;IACA;IACA,IAAKL,mBAAmB,CAACI,OAAO,EAAG;MAClC;IACD;IACA,IACC,CAAEN,aAAa,CAACM,OAAO,CAACE,GAAG,IAC3B,CAAE,IAAAC,eAAS,EAAET,aAAa,CAACM,OAAO,CAACE,GAAI,CAAC,EACvC;MACD;IACD;IAEA,MAAME,IAAI,GAAG,IAAAC,kBAAY,EAAEX,aAAa,CAACM,OAAO,CAACE,GAAI,CAAC;IACtD,IAAK,CAAEE,IAAI,EAAG;MACb;IACD;IAEA,MAAM;MAAEF,GAAG;MAAEI,YAAY;MAAEC,QAAQ;MAAEC;IAAQ,CAAC,GAAGd,aAAa,CAACM,OAAO;IACtE,MAAM;MAAES;IAAY,CAAC,GAAGZ,WAAW,CAAC,CAAC;IAErC,IAAK,CAAEY,WAAW,EAAG;MACpB;IACD;IAEAb,mBAAmB,CAACI,OAAO,GAAG,IAAI;IAElCS,WAAW,CAAE;MACZC,SAAS,EAAE,CAAEN,IAAI,CAAE;MACnBE,YAAY;MACZK,YAAY,EAAEA,CAAE,CAAEC,KAAK,CAAE,KAAM;QAC9B,IAAK,IAAAT,eAAS,EAAES,KAAK,EAAEV,GAAI,CAAC,EAAG;UAC9B;QACD;QAEA,IAAAW,mBAAa,EAAEX,GAAI,CAAC;QACpBK,QAAQ,CAAEK,KAAM,CAAC;QACjBhB,mBAAmB,CAACI,OAAO,GAAG,KAAK;MACpC,CAAC;MACDQ,OAAO,EAAIM,OAAO,IAAM;QACvB,IAAAD,mBAAa,EAAEX,GAAI,CAAC;QACpBM,OAAO,CAAEM,OAAQ,CAAC;QAClBlB,mBAAmB,CAACI,OAAO,GAAG,KAAK;MACpC;IACD,CAAE,CAAC;EACJ,CAAC,EAAE,CAAEH,WAAW,CAAG,CAAC;AACrB;AAEO,SAASkB,8BAA8BA,CAAA,EAAG;EAChD,MAAMC,QAAQ,GAAG,IAAAC,yBAAgB,EAAE,QAAQ,EAAE,GAAI,CAAC;EAClD,OAAO,CAAED,QAAQ,GACd;IACAE,YAAY,EAAE;MACbC,SAAS,EAAE,YAAY;MACvB;MACAC,MAAM,EAAE;IACT;EACA,CAAC,GACD,CAAC,CAAC;AACN","ignoreList":[]}

package/build-module/button/edit.js

@@ -17,7 +17,7 @@ import { unlock } from '../lock-unlock';
  */
 import { __, sprintf } from '@wordpress/i18n';
 import { useEffect, useState, useRef, useMemo, createInterpolateElement } from '@wordpress/element';
-import { TextControl, ToolbarButton, Popover, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption } from '@wordpress/components';
+import { TextControl, ToolbarButton, Popover, ExternalLink, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption } from '@wordpress/components';
 import { AlignmentControl, BlockControls, InspectorControls, RichText, useBlockProps, LinkControl, __experimentalUseBorderProps as useBorderProps, __experimentalUseColorProps as useColorProps, __experimentalGetSpacingClassesAndStyles as useSpacingProps, __experimentalGetShadowClassesAndStyles as useShadowProps, __experimentalGetElementClassName, store as blockEditorStore, useBlockEditingMode, getTypographyClassesAndStyles as useTypographyProps, useSettings, privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { displayShortcut, isKeyboardEvent, ENTER } from '@wordpress/keycodes';
 import { link, linkOff } from '@wordpress/icons';
@@ -356,7 +356,12 @@ function ButtonEdit(props) {
       }), isLinkTag && /*#__PURE__*/_jsx(TextControl, {
         __next40pxDefaultSize: true,
         __nextHasNoMarginBottom: true,
-        label: __('Link rel'),
+        label: __('Link relation'),
+        help: createInterpolateElement(__('The <a>Link Relation</a> attribute defines the relationship between a linked resource and the current document.'), {
+          a: /*#__PURE__*/_jsx(ExternalLink, {
+            href: "https://developer.mozilla.org/docs/Web/HTML/Attributes/rel"
+          })
+        }),
         value: rel || '',
         onChange: newRel => setAttributes({
           rel: newRel