@wordpress/editor 13.26.1-next.79a6196f.0 → 13.27.0

package/CHANGELOG.md

@@ -2,7 +2,9 @@
 
 ## Unreleased
 
-## 13.26.0-next.0 (2024-01-11)
+## 13.27.0 (2024-01-24)
+
+## 13.26.0 (2024-01-10)
 
 ### New Features
 

package/build/bindings/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _blockEditor = require("@wordpress/block-editor");
+var _data = require("@wordpress/data");
+var _lockUnlock = require("../lock-unlock");
+var _postMeta = _interopRequireDefault(require("./post-meta"));
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  registerBlockBindingsSource
+} = (0, _lockUnlock.unlock)((0, _data.dispatch)(_blockEditor.store));
+registerBlockBindingsSource(_postMeta.default);
+//# sourceMappingURL=index.js.map

package/build/bindings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_blockEditor","require","_data","_lockUnlock","_postMeta","_interopRequireDefault","registerBlockBindingsSource","unlock","dispatch","blockEditorStore","postMeta"],"sources":["@wordpress/editor/src/bindings/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { dispatch } from '@wordpress/data';\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\nimport postMeta from './post-meta';\n\nconst { registerBlockBindingsSource } = unlock( dispatch( blockEditorStore ) );\nregisterBlockBindingsSource( postMeta );\n"],"mappings":";;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAIA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAC,sBAAA,CAAAJ,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAM;EAAEK;AAA4B,CAAC,GAAG,IAAAC,kBAAM,EAAE,IAAAC,cAAQ,EAAEC,kBAAiB,CAAE,CAAC;AAC9EH,2BAA2B,CAAEI,iBAAS,CAAC"}

package/build/bindings/post-meta.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _coreData = require("@wordpress/core-data");
+var _data = require("@wordpress/data");
+var _i18n = require("@wordpress/i18n");
+var _store = require("../store");
+/**
+ * WordPress dependencies
+ */
+/**
+ * Internal dependencies
+ */
+var _default = {
+  name: 'post_meta',
+  label: (0, _i18n.__)('Post Meta'),
+  useSource(props, sourceAttributes) {
+    const {
+      getCurrentPostType
+    } = (0, _data.useSelect)(_store.store);
+    const {
+      context
+    } = props;
+    const {
+      value: metaKey
+    } = sourceAttributes;
+    const postType = context.postType ? context.postType : getCurrentPostType();
+    const [meta, setMeta] = (0, _coreData.useEntityProp)('postType', context.postType, 'meta', context.postId);
+    if (postType === 'wp_template') {
+      return {
+        placeholder: metaKey
+      };
+    }
+    const metaValue = meta[metaKey];
+    const updateMetaValue = newValue => {
+      setMeta({
+        ...meta,
+        [metaKey]: newValue
+      });
+    };
+    return {
+      placeholder: metaKey,
+      useValue: [metaValue, updateMetaValue]
+    };
+  },
+  lockAttributesEditing: true
+};
+exports.default = _default;
+//# sourceMappingURL=post-meta.js.map

package/build/bindings/post-meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_coreData","require","_data","_i18n","_store","_default","name","label","__","useSource","props","sourceAttributes","getCurrentPostType","useSelect","editorStore","context","value","metaKey","postType","meta","setMeta","useEntityProp","postId","placeholder","metaValue","updateMetaValue","newValue","useValue","lockAttributesEditing","exports","default"],"sources":["@wordpress/editor/src/bindings/post-meta.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityProp } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../store';\n\nexport default {\n\tname: 'post_meta',\n\tlabel: __( 'Post Meta' ),\n\tuseSource( props, sourceAttributes ) {\n\t\tconst { getCurrentPostType } = useSelect( editorStore );\n\t\tconst { context } = props;\n\t\tconst { value: metaKey } = sourceAttributes;\n\t\tconst postType = context.postType\n\t\t\t? context.postType\n\t\t\t: getCurrentPostType();\n\t\tconst [ meta, setMeta ] = useEntityProp(\n\t\t\t'postType',\n\t\t\tcontext.postType,\n\t\t\t'meta',\n\t\t\tcontext.postId\n\t\t);\n\n\t\tif ( postType === 'wp_template' ) {\n\t\t\treturn { placeholder: metaKey };\n\t\t}\n\t\tconst metaValue = meta[ metaKey ];\n\t\tconst updateMetaValue = ( newValue ) => {\n\t\t\tsetMeta( { ...meta, [ metaKey ]: newValue } );\n\t\t};\n\t\treturn {\n\t\t\tplaceholder: metaKey,\n\t\t\tuseValue: [ metaValue, updateMetaValue ],\n\t\t};\n\t},\n\tlockAttributesEditing: true,\n};\n"],"mappings":";;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAIA,IAAAG,MAAA,GAAAH,OAAA;AATA;AACA;AACA;AAIA;AACA;AACA;AAFA,IAAAI,QAAA,GAKe;EACdC,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE,IAAAC,QAAE,EAAE,WAAY,CAAC;EACxBC,SAASA,CAAEC,KAAK,EAAEC,gBAAgB,EAAG;IACpC,MAAM;MAAEC;IAAmB,CAAC,GAAG,IAAAC,eAAS,EAAEC,YAAY,CAAC;IACvD,MAAM;MAAEC;IAAQ,CAAC,GAAGL,KAAK;IACzB,MAAM;MAAEM,KAAK,EAAEC;IAAQ,CAAC,GAAGN,gBAAgB;IAC3C,MAAMO,QAAQ,GAAGH,OAAO,CAACG,QAAQ,GAC9BH,OAAO,CAACG,QAAQ,GAChBN,kBAAkB,CAAC,CAAC;IACvB,MAAM,CAAEO,IAAI,EAAEC,OAAO,CAAE,GAAG,IAAAC,uBAAa,EACtC,UAAU,EACVN,OAAO,CAACG,QAAQ,EAChB,MAAM,EACNH,OAAO,CAACO,MACT,CAAC;IAED,IAAKJ,QAAQ,KAAK,aAAa,EAAG;MACjC,OAAO;QAAEK,WAAW,EAAEN;MAAQ,CAAC;IAChC;IACA,MAAMO,SAAS,GAAGL,IAAI,CAAEF,OAAO,CAAE;IACjC,MAAMQ,eAAe,GAAKC,QAAQ,IAAM;MACvCN,OAAO,CAAE;QAAE,GAAGD,IAAI;QAAE,CAAEF,OAAO,GAAIS;MAAS,CAAE,CAAC;IAC9C,CAAC;IACD,OAAO;MACNH,WAAW,EAAEN,OAAO;MACpBU,QAAQ,EAAE,CAAEH,SAAS,EAAEC,eAAe;IACvC,CAAC;EACF,CAAC;EACDG,qBAAqB,EAAE;AACxB,CAAC;AAAAC,OAAA,CAAAC,OAAA,GAAAzB,QAAA"}

package/build/components/block-manager/category.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _element = require("@wordpress/element");
+var _data = require("@wordpress/data");
+var _compose = require("@wordpress/compose");
+var _components = require("@wordpress/components");
+var _preferences = require("@wordpress/preferences");
+var _checklist = _interopRequireDefault(require("./checklist"));
+var _store = require("../../store");
+var _lockUnlock = require("../../lock-unlock");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function BlockManagerCategory({
+  title,
+  blockTypes
+}) {
+  const instanceId = (0, _compose.useInstanceId)(BlockManagerCategory);
+  const {
+    allowedBlockTypes,
+    hiddenBlockTypes
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEditorSettings
+    } = select(_store.store);
+    const {
+      get
+    } = select(_preferences.store);
+    return {
+      allowedBlockTypes: getEditorSettings().allowedBlockTypes,
+      hiddenBlockTypes: get('core', 'hiddenBlockTypes')
+    };
+  }, []);
+  const filteredBlockTypes = (0, _element.useMemo)(() => {
+    if (allowedBlockTypes === true) {
+      return blockTypes;
+    }
+    return blockTypes.filter(({
+      name
+    }) => {
+      return allowedBlockTypes?.includes(name);
+    });
+  }, [allowedBlockTypes, blockTypes]);
+  const {
+    showBlockTypes,
+    hideBlockTypes
+  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
+  const toggleVisible = (0, _element.useCallback)((blockName, nextIsChecked) => {
+    if (nextIsChecked) {
+      showBlockTypes(blockName);
+    } else {
+      hideBlockTypes(blockName);
+    }
+  }, [showBlockTypes, hideBlockTypes]);
+  const toggleAllVisible = (0, _element.useCallback)(nextIsChecked => {
+    const blockNames = blockTypes.map(({
+      name
+    }) => name);
+    if (nextIsChecked) {
+      showBlockTypes(blockNames);
+    } else {
+      hideBlockTypes(blockNames);
+    }
+  }, [blockTypes, showBlockTypes, hideBlockTypes]);
+  if (!filteredBlockTypes.length) {
+    return null;
+  }
+  const checkedBlockNames = filteredBlockTypes.map(({
+    name
+  }) => name).filter(type => !(hiddenBlockTypes !== null && hiddenBlockTypes !== void 0 ? hiddenBlockTypes : []).includes(type));
+  const titleId = 'editor-block-manager__category-title-' + instanceId;
+  const isAllChecked = checkedBlockNames.length === filteredBlockTypes.length;
+  const isIndeterminate = !isAllChecked && checkedBlockNames.length > 0;
+  return (0, _react.createElement)("div", {
+    role: "group",
+    "aria-labelledby": titleId,
+    className: "editor-block-manager__category"
+  }, (0, _react.createElement)(_components.CheckboxControl, {
+    __nextHasNoMarginBottom: true,
+    checked: isAllChecked,
+    onChange: toggleAllVisible,
+    className: "editor-block-manager__category-title",
+    indeterminate: isIndeterminate,
+    label: (0, _react.createElement)("span", {
+      id: titleId
+    }, title)
+  }), (0, _react.createElement)(_checklist.default, {
+    blockTypes: filteredBlockTypes,
+    value: checkedBlockNames,
+    onItemChange: toggleVisible
+  }));
+}
+var _default = BlockManagerCategory;
+exports.default = _default;
+//# sourceMappingURL=category.js.map

package/build/components/block-manager/category.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_element","require","_data","_compose","_components","_preferences","_checklist","_interopRequireDefault","_store","_lockUnlock","BlockManagerCategory","title","blockTypes","instanceId","useInstanceId","allowedBlockTypes","hiddenBlockTypes","useSelect","select","getEditorSettings","editorStore","get","preferencesStore","filteredBlockTypes","useMemo","filter","name","includes","showBlockTypes","hideBlockTypes","unlock","useDispatch","toggleVisible","useCallback","blockName","nextIsChecked","toggleAllVisible","blockNames","map","length","checkedBlockNames","type","titleId","isAllChecked","isIndeterminate","_react","createElement","role","className","CheckboxControl","__nextHasNoMarginBottom","checked","onChange","indeterminate","label","id","default","value","onItemChange","_default","exports"],"sources":["@wordpress/editor/src/components/block-manager/category.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, useCallback } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useInstanceId } from '@wordpress/compose';\nimport { CheckboxControl } from '@wordpress/components';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport BlockTypesChecklist from './checklist';\nimport { store as editorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nfunction BlockManagerCategory( { title, blockTypes } ) {\n\tconst instanceId = useInstanceId( BlockManagerCategory );\n\tconst { allowedBlockTypes, hiddenBlockTypes } = useSelect( ( select ) => {\n\t\tconst { getEditorSettings } = select( editorStore );\n\t\tconst { get } = select( preferencesStore );\n\t\treturn {\n\t\t\tallowedBlockTypes: getEditorSettings().allowedBlockTypes,\n\t\t\thiddenBlockTypes: get( 'core', 'hiddenBlockTypes' ),\n\t\t};\n\t}, [] );\n\tconst filteredBlockTypes = useMemo( () => {\n\t\tif ( allowedBlockTypes === true ) {\n\t\t\treturn blockTypes;\n\t\t}\n\t\treturn blockTypes.filter( ( { name } ) => {\n\t\t\treturn allowedBlockTypes?.includes( name );\n\t\t} );\n\t}, [ allowedBlockTypes, blockTypes ] );\n\tconst { showBlockTypes, hideBlockTypes } = unlock(\n\t\tuseDispatch( editorStore )\n\t);\n\tconst toggleVisible = useCallback(\n\t\t( blockName, nextIsChecked ) => {\n\t\t\tif ( nextIsChecked ) {\n\t\t\t\tshowBlockTypes( blockName );\n\t\t\t} else {\n\t\t\t\thideBlockTypes( blockName );\n\t\t\t}\n\t\t},\n\t\t[ showBlockTypes, hideBlockTypes ]\n\t);\n\tconst toggleAllVisible = useCallback(\n\t\t( nextIsChecked ) => {\n\t\t\tconst blockNames = blockTypes.map( ( { name } ) => name );\n\t\t\tif ( nextIsChecked ) {\n\t\t\t\tshowBlockTypes( blockNames );\n\t\t\t} else {\n\t\t\t\thideBlockTypes( blockNames );\n\t\t\t}\n\t\t},\n\t\t[ blockTypes, showBlockTypes, hideBlockTypes ]\n\t);\n\n\tif ( ! filteredBlockTypes.length ) {\n\t\treturn null;\n\t}\n\n\tconst checkedBlockNames = filteredBlockTypes\n\t\t.map( ( { name } ) => name )\n\t\t.filter( ( type ) => ! ( hiddenBlockTypes ?? [] ).includes( type ) );\n\n\tconst titleId = 'editor-block-manager__category-title-' + instanceId;\n\n\tconst isAllChecked = checkedBlockNames.length === filteredBlockTypes.length;\n\tconst isIndeterminate = ! isAllChecked && checkedBlockNames.length > 0;\n\n\treturn (\n\t\t<div\n\t\t\trole=\"group\"\n\t\t\taria-labelledby={ titleId }\n\t\t\tclassName=\"editor-block-manager__category\"\n\t\t>\n\t\t\t<CheckboxControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tchecked={ isAllChecked }\n\t\t\t\tonChange={ toggleAllVisible }\n\t\t\t\tclassName=\"editor-block-manager__category-title\"\n\t\t\t\tindeterminate={ isIndeterminate }\n\t\t\t\tlabel={ <span id={ titleId }>{ title }</span> }\n\t\t\t/>\n\t\t\t<BlockTypesChecklist\n\t\t\t\tblockTypes={ filteredBlockTypes }\n\t\t\t\tvalue={ checkedBlockNames }\n\t\t\t\tonItemChange={ toggleVisible }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport default BlockManagerCategory;\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAKA,IAAAK,UAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AAdA;AACA;AACA;;AAOA;AACA;AACA;;AAKA,SAASS,oBAAoBA,CAAE;EAAEC,KAAK;EAAEC;AAAW,CAAC,EAAG;EACtD,MAAMC,UAAU,GAAG,IAAAC,sBAAa,EAAEJ,oBAAqB,CAAC;EACxD,MAAM;IAAEK,iBAAiB;IAAEC;EAAiB,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACxE,MAAM;MAAEC;IAAkB,CAAC,GAAGD,MAAM,CAAEE,YAAY,CAAC;IACnD,MAAM;MAAEC;IAAI,CAAC,GAAGH,MAAM,CAAEI,kBAAiB,CAAC;IAC1C,OAAO;MACNP,iBAAiB,EAAEI,iBAAiB,CAAC,CAAC,CAACJ,iBAAiB;MACxDC,gBAAgB,EAAEK,GAAG,CAAE,MAAM,EAAE,kBAAmB;IACnD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAME,kBAAkB,GAAG,IAAAC,gBAAO,EAAE,MAAM;IACzC,IAAKT,iBAAiB,KAAK,IAAI,EAAG;MACjC,OAAOH,UAAU;IAClB;IACA,OAAOA,UAAU,CAACa,MAAM,CAAE,CAAE;MAAEC;IAAK,CAAC,KAAM;MACzC,OAAOX,iBAAiB,EAAEY,QAAQ,CAAED,IAAK,CAAC;IAC3C,CAAE,CAAC;EACJ,CAAC,EAAE,CAAEX,iBAAiB,EAAEH,UAAU,CAAG,CAAC;EACtC,MAAM;IAAEgB,cAAc;IAAEC;EAAe,CAAC,GAAG,IAAAC,kBAAM,EAChD,IAAAC,iBAAW,EAAEX,YAAY,CAC1B,CAAC;EACD,MAAMY,aAAa,GAAG,IAAAC,oBAAW,EAChC,CAAEC,SAAS,EAAEC,aAAa,KAAM;IAC/B,IAAKA,aAAa,EAAG;MACpBP,cAAc,CAAEM,SAAU,CAAC;IAC5B,CAAC,MAAM;MACNL,cAAc,CAAEK,SAAU,CAAC;IAC5B;EACD,CAAC,EACD,CAAEN,cAAc,EAAEC,cAAc,CACjC,CAAC;EACD,MAAMO,gBAAgB,GAAG,IAAAH,oBAAW,EACjCE,aAAa,IAAM;IACpB,MAAME,UAAU,GAAGzB,UAAU,CAAC0B,GAAG,CAAE,CAAE;MAAEZ;IAAK,CAAC,KAAMA,IAAK,CAAC;IACzD,IAAKS,aAAa,EAAG;MACpBP,cAAc,CAAES,UAAW,CAAC;IAC7B,CAAC,MAAM;MACNR,cAAc,CAAEQ,UAAW,CAAC;IAC7B;EACD,CAAC,EACD,CAAEzB,UAAU,EAAEgB,cAAc,EAAEC,cAAc,CAC7C,CAAC;EAED,IAAK,CAAEN,kBAAkB,CAACgB,MAAM,EAAG;IAClC,OAAO,IAAI;EACZ;EAEA,MAAMC,iBAAiB,GAAGjB,kBAAkB,CAC1Ce,GAAG,CAAE,CAAE;IAAEZ;EAAK,CAAC,KAAMA,IAAK,CAAC,CAC3BD,MAAM,CAAIgB,IAAI,IAAM,CAAE,CAAEzB,gBAAgB,aAAhBA,gBAAgB,cAAhBA,gBAAgB,GAAI,EAAE,EAAGW,QAAQ,CAAEc,IAAK,CAAE,CAAC;EAErE,MAAMC,OAAO,GAAG,uCAAuC,GAAG7B,UAAU;EAEpE,MAAM8B,YAAY,GAAGH,iBAAiB,CAACD,MAAM,KAAKhB,kBAAkB,CAACgB,MAAM;EAC3E,MAAMK,eAAe,GAAG,CAAED,YAAY,IAAIH,iBAAiB,CAACD,MAAM,GAAG,CAAC;EAEtE,OACC,IAAAM,MAAA,CAAAC,aAAA;IACCC,IAAI,EAAC,OAAO;IACZ,mBAAkBL,OAAS;IAC3BM,SAAS,EAAC;EAAgC,GAE1C,IAAAH,MAAA,CAAAC,aAAA,EAAC1C,WAAA,CAAA6C,eAAe;IACfC,uBAAuB;IACvBC,OAAO,EAAGR,YAAc;IACxBS,QAAQ,EAAGhB,gBAAkB;IAC7BY,SAAS,EAAC,sCAAsC;IAChDK,aAAa,EAAGT,eAAiB;IACjCU,KAAK,EAAG,IAAAT,MAAA,CAAAC,aAAA;MAAMS,EAAE,EAAGb;IAAS,GAAG/B,KAAa;EAAG,CAC/C,CAAC,EACF,IAAAkC,MAAA,CAAAC,aAAA,EAACxC,UAAA,CAAAkD,OAAmB;IACnB5C,UAAU,EAAGW,kBAAoB;IACjCkC,KAAK,EAAGjB,iBAAmB;IAC3BkB,YAAY,EAAG1B;EAAe,CAC9B,CACG,CAAC;AAER;AAAC,IAAA2B,QAAA,GAEcjD,oBAAoB;AAAAkD,OAAA,CAAAJ,OAAA,GAAAG,QAAA"}

package/build/components/block-manager/checklist.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _blockEditor = require("@wordpress/block-editor");
+var _components = require("@wordpress/components");
+/**
+ * WordPress dependencies
+ */
+
+function BlockTypesChecklist({
+  blockTypes,
+  value,
+  onItemChange
+}) {
+  return (0, _react.createElement)("ul", {
+    className: "editor-block-manager__checklist"
+  }, blockTypes.map(blockType => (0, _react.createElement)("li", {
+    key: blockType.name,
+    className: "editor-block-manager__checklist-item"
+  }, (0, _react.createElement)(_components.CheckboxControl, {
+    __nextHasNoMarginBottom: true,
+    label: blockType.title,
+    checked: value.includes(blockType.name),
+    onChange: (...args) => onItemChange(blockType.name, ...args)
+  }), (0, _react.createElement)(_blockEditor.BlockIcon, {
+    icon: blockType.icon
+  }))));
+}
+var _default = BlockTypesChecklist;
+exports.default = _default;
+//# sourceMappingURL=checklist.js.map

package/build/components/block-manager/checklist.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_blockEditor","require","_components","BlockTypesChecklist","blockTypes","value","onItemChange","_react","createElement","className","map","blockType","key","name","CheckboxControl","__nextHasNoMarginBottom","label","title","checked","includes","onChange","args","BlockIcon","icon","_default","exports","default"],"sources":["@wordpress/editor/src/components/block-manager/checklist.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { CheckboxControl } from '@wordpress/components';\n\nfunction BlockTypesChecklist( { blockTypes, value, onItemChange } ) {\n\treturn (\n\t\t<ul className=\"editor-block-manager__checklist\">\n\t\t\t{ blockTypes.map( ( blockType ) => (\n\t\t\t\t<li\n\t\t\t\t\tkey={ blockType.name }\n\t\t\t\t\tclassName=\"editor-block-manager__checklist-item\"\n\t\t\t\t>\n\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ blockType.title }\n\t\t\t\t\t\tchecked={ value.includes( blockType.name ) }\n\t\t\t\t\t\tonChange={ ( ...args ) =>\n\t\t\t\t\t\t\tonItemChange( blockType.name, ...args )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<BlockIcon icon={ blockType.icon } />\n\t\t\t\t</li>\n\t\t\t) ) }\n\t\t</ul>\n\t);\n}\n\nexport default BlockTypesChecklist;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIA,SAASE,mBAAmBA,CAAE;EAAEC,UAAU;EAAEC,KAAK;EAAEC;AAAa,CAAC,EAAG;EACnE,OACC,IAAAC,MAAA,CAAAC,aAAA;IAAIC,SAAS,EAAC;EAAiC,GAC5CL,UAAU,CAACM,GAAG,CAAIC,SAAS,IAC5B,IAAAJ,MAAA,CAAAC,aAAA;IACCI,GAAG,EAAGD,SAAS,CAACE,IAAM;IACtBJ,SAAS,EAAC;EAAsC,GAEhD,IAAAF,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAAY,eAAe;IACfC,uBAAuB;IACvBC,KAAK,EAAGL,SAAS,CAACM,KAAO;IACzBC,OAAO,EAAGb,KAAK,CAACc,QAAQ,CAAER,SAAS,CAACE,IAAK,CAAG;IAC5CO,QAAQ,EAAGA,CAAE,GAAGC,IAAI,KACnBf,YAAY,CAAEK,SAAS,CAACE,IAAI,EAAE,GAAGQ,IAAK;EACtC,CACD,CAAC,EACF,IAAAd,MAAA,CAAAC,aAAA,EAACR,YAAA,CAAAsB,SAAS;IAACC,IAAI,EAAGZ,SAAS,CAACY;EAAM,CAAE,CACjC,CACH,CACC,CAAC;AAEP;AAAC,IAAAC,QAAA,GAEcrB,mBAAmB;AAAAsB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/block-manager/index.js

@@ -0,0 +1,130 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _blocks = require("@wordpress/blocks");
+var _data = require("@wordpress/data");
+var _components = require("@wordpress/components");
+var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
+var _compose = require("@wordpress/compose");
+var _a11y = require("@wordpress/a11y");
+var _preferences = require("@wordpress/preferences");
+var _lockUnlock = require("../../lock-unlock");
+var _store = require("../../store");
+var _category = _interopRequireDefault(require("./category"));
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function BlockManager({
+  blockTypes,
+  categories,
+  hasBlockSupport,
+  isMatchingSearchTerm,
+  numberOfHiddenBlocks,
+  enableAllBlockTypes
+}) {
+  const debouncedSpeak = (0, _compose.useDebounce)(_a11y.speak, 500);
+  const [search, setSearch] = (0, _element.useState)('');
+
+  // Filtering occurs here (as opposed to `withSelect`) to avoid
+  // wasted renders by consequence of `Array#filter` producing
+  // a new value reference on each call.
+  blockTypes = blockTypes.filter(blockType => hasBlockSupport(blockType, 'inserter', true) && (!search || isMatchingSearchTerm(blockType, search)) && (!blockType.parent || blockType.parent.includes('core/post-content')));
+
+  // Announce search results on change
+  (0, _element.useEffect)(() => {
+    if (!search) {
+      return;
+    }
+    const count = blockTypes.length;
+    const resultsFoundMessage = (0, _i18n.sprintf)( /* translators: %d: number of results. */
+    (0, _i18n._n)('%d result found.', '%d results found.', count), count);
+    debouncedSpeak(resultsFoundMessage);
+  }, [blockTypes.length, search, debouncedSpeak]);
+  return (0, _react.createElement)("div", {
+    className: "editor-block-manager__content"
+  }, !!numberOfHiddenBlocks && (0, _react.createElement)("div", {
+    className: "editor-block-manager__disabled-blocks-count"
+  }, (0, _i18n.sprintf)( /* translators: %d: number of blocks. */
+  (0, _i18n._n)('%d block is hidden.', '%d blocks are hidden.', numberOfHiddenBlocks), numberOfHiddenBlocks), (0, _react.createElement)(_components.Button, {
+    variant: "link",
+    onClick: () => enableAllBlockTypes(blockTypes)
+  }, (0, _i18n.__)('Reset'))), (0, _react.createElement)(_components.SearchControl, {
+    __nextHasNoMarginBottom: true,
+    label: (0, _i18n.__)('Search for a block'),
+    placeholder: (0, _i18n.__)('Search for a block'),
+    value: search,
+    onChange: nextSearch => setSearch(nextSearch),
+    className: "editor-block-manager__search"
+  }), (0, _react.createElement)("div", {
+    tabIndex: "0",
+    role: "region",
+    "aria-label": (0, _i18n.__)('Available block types'),
+    className: "editor-block-manager__results"
+  }, blockTypes.length === 0 && (0, _react.createElement)("p", {
+    className: "editor-block-manager__no-results"
+  }, (0, _i18n.__)('No blocks found.')), categories.map(category => (0, _react.createElement)(_category.default, {
+    key: category.slug,
+    title: category.title,
+    blockTypes: blockTypes.filter(blockType => blockType.category === category.slug)
+  })), (0, _react.createElement)(_category.default, {
+    title: (0, _i18n.__)('Uncategorized'),
+    blockTypes: blockTypes.filter(({
+      category
+    }) => !category)
+  })));
+}
+var _default = (0, _compose.compose)([(0, _data.withSelect)(select => {
+  var _get;
+  const {
+    getBlockTypes,
+    getCategories,
+    hasBlockSupport,
+    isMatchingSearchTerm
+  } = select(_blocks.store);
+  const {
+    get
+  } = select(_preferences.store);
+
+  // Some hidden blocks become unregistered
+  // by removing for instance the plugin that registered them, yet
+  // they're still remain as hidden by the user's action.
+  // We consider "hidden", blocks which were hidden and
+  // are still registered.
+  const blockTypes = getBlockTypes();
+  const hiddenBlockTypes = ((_get = get('core', 'hiddenBlockTypes')) !== null && _get !== void 0 ? _get : []).filter(hiddenBlock => {
+    return blockTypes.some(registeredBlock => registeredBlock.name === hiddenBlock);
+  });
+  const numberOfHiddenBlocks = Array.isArray(hiddenBlockTypes) && hiddenBlockTypes.length;
+  return {
+    blockTypes,
+    categories: getCategories(),
+    hasBlockSupport,
+    isMatchingSearchTerm,
+    numberOfHiddenBlocks
+  };
+}), (0, _data.withDispatch)(dispatch => {
+  const {
+    showBlockTypes
+  } = (0, _lockUnlock.unlock)(dispatch(_store.store));
+  return {
+    enableAllBlockTypes: blockTypes => {
+      const blockNames = blockTypes.map(({
+        name
+      }) => name);
+      showBlockTypes(blockNames);
+    }
+  };
+})])(BlockManager);
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/build/components/block-manager/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_blocks","require","_data","_components","_i18n","_element","_compose","_a11y","_preferences","_lockUnlock","_store","_category","_interopRequireDefault","BlockManager","blockTypes","categories","hasBlockSupport","isMatchingSearchTerm","numberOfHiddenBlocks","enableAllBlockTypes","debouncedSpeak","useDebounce","speak","search","setSearch","useState","filter","blockType","parent","includes","useEffect","count","length","resultsFoundMessage","sprintf","_n","_react","createElement","className","Button","variant","onClick","__","SearchControl","__nextHasNoMarginBottom","label","placeholder","value","onChange","nextSearch","tabIndex","role","map","category","default","key","slug","title","_default","compose","withSelect","select","_get","getBlockTypes","getCategories","blocksStore","get","preferencesStore","hiddenBlockTypes","hiddenBlock","some","registeredBlock","name","Array","isArray","withDispatch","dispatch","showBlockTypes","unlock","editorStore","blockNames","exports"],"sources":["@wordpress/editor/src/components/block-manager/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { SearchControl, Button } from '@wordpress/components';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { useEffect, useState } from '@wordpress/element';\nimport { useDebounce, compose } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editorStore } from '../../store';\nimport BlockManagerCategory from './category';\n\nfunction BlockManager( {\n\tblockTypes,\n\tcategories,\n\thasBlockSupport,\n\tisMatchingSearchTerm,\n\tnumberOfHiddenBlocks,\n\tenableAllBlockTypes,\n} ) {\n\tconst debouncedSpeak = useDebounce( speak, 500 );\n\tconst [ search, setSearch ] = useState( '' );\n\n\t// Filtering occurs here (as opposed to `withSelect`) to avoid\n\t// wasted renders by consequence of `Array#filter` producing\n\t// a new value reference on each call.\n\tblockTypes = blockTypes.filter(\n\t\t( blockType ) =>\n\t\t\thasBlockSupport( blockType, 'inserter', true ) &&\n\t\t\t( ! search || isMatchingSearchTerm( blockType, search ) ) &&\n\t\t\t( ! blockType.parent ||\n\t\t\t\tblockType.parent.includes( 'core/post-content' ) )\n\t);\n\n\t// Announce search results on change\n\tuseEffect( () => {\n\t\tif ( ! search ) {\n\t\t\treturn;\n\t\t}\n\t\tconst count = blockTypes.length;\n\t\tconst resultsFoundMessage = sprintf(\n\t\t\t/* translators: %d: number of results. */\n\t\t\t_n( '%d result found.', '%d results found.', count ),\n\t\t\tcount\n\t\t);\n\t\tdebouncedSpeak( resultsFoundMessage );\n\t}, [ blockTypes.length, search, debouncedSpeak ] );\n\n\treturn (\n\t\t<div className=\"editor-block-manager__content\">\n\t\t\t{ !! numberOfHiddenBlocks && (\n\t\t\t\t<div className=\"editor-block-manager__disabled-blocks-count\">\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: %d: number of blocks. */\n\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t'%d block is hidden.',\n\t\t\t\t\t\t\t'%d blocks are hidden.',\n\t\t\t\t\t\t\tnumberOfHiddenBlocks\n\t\t\t\t\t\t),\n\t\t\t\t\t\tnumberOfHiddenBlocks\n\t\t\t\t\t) }\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\tonClick={ () => enableAllBlockTypes( blockTypes ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<SearchControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Search for a block' ) }\n\t\t\t\tplaceholder={ __( 'Search for a block' ) }\n\t\t\t\tvalue={ search }\n\t\t\t\tonChange={ ( nextSearch ) => setSearch( nextSearch ) }\n\t\t\t\tclassName=\"editor-block-manager__search\"\n\t\t\t/>\n\t\t\t<div\n\t\t\t\ttabIndex=\"0\"\n\t\t\t\trole=\"region\"\n\t\t\t\taria-label={ __( 'Available block types' ) }\n\t\t\t\tclassName=\"editor-block-manager__results\"\n\t\t\t>\n\t\t\t\t{ blockTypes.length === 0 && (\n\t\t\t\t\t<p className=\"editor-block-manager__no-results\">\n\t\t\t\t\t\t{ __( 'No blocks found.' ) }\n\t\t\t\t\t</p>\n\t\t\t\t) }\n\t\t\t\t{ categories.map( ( category ) => (\n\t\t\t\t\t<BlockManagerCategory\n\t\t\t\t\t\tkey={ category.slug }\n\t\t\t\t\t\ttitle={ category.title }\n\t\t\t\t\t\tblockTypes={ blockTypes.filter(\n\t\t\t\t\t\t\t( blockType ) =>\n\t\t\t\t\t\t\t\tblockType.category === category.slug\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t\t<BlockManagerCategory\n\t\t\t\t\ttitle={ __( 'Uncategorized' ) }\n\t\t\t\t\tblockTypes={ blockTypes.filter(\n\t\t\t\t\t\t( { category } ) => ! category\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetBlockTypes,\n\t\t\tgetCategories,\n\t\t\thasBlockSupport,\n\t\t\tisMatchingSearchTerm,\n\t\t} = select( blocksStore );\n\t\tconst { get } = select( preferencesStore );\n\n\t\t// Some hidden blocks become unregistered\n\t\t// by removing for instance the plugin that registered them, yet\n\t\t// they're still remain as hidden by the user's action.\n\t\t// We consider \"hidden\", blocks which were hidden and\n\t\t// are still registered.\n\t\tconst blockTypes = getBlockTypes();\n\t\tconst hiddenBlockTypes = (\n\t\t\tget( 'core', 'hiddenBlockTypes' ) ?? []\n\t\t).filter( ( hiddenBlock ) => {\n\t\t\treturn blockTypes.some(\n\t\t\t\t( registeredBlock ) => registeredBlock.name === hiddenBlock\n\t\t\t);\n\t\t} );\n\t\tconst numberOfHiddenBlocks =\n\t\t\tArray.isArray( hiddenBlockTypes ) && hiddenBlockTypes.length;\n\n\t\treturn {\n\t\t\tblockTypes,\n\t\t\tcategories: getCategories(),\n\t\t\thasBlockSupport,\n\t\t\tisMatchingSearchTerm,\n\t\t\tnumberOfHiddenBlocks,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch ) => {\n\t\tconst { showBlockTypes } = unlock( dispatch( editorStore ) );\n\t\treturn {\n\t\t\tenableAllBlockTypes: ( blockTypes ) => {\n\t\t\t\tconst blockNames = blockTypes.map( ( { name } ) => name );\n\t\t\t\tshowBlockTypes( blockNames );\n\t\t\t},\n\t\t};\n\t} ),\n] )( BlockManager );\n"],"mappings":"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"}

package/build/components/document-tools/index.js

@@ -102,58 +102,64 @@ function DocumentTools({
   /* translators: button label text should, if possible, be under 16 characters. */
   const longLabel = (0, _i18n._x)('Toggle block inserter', 'Generic label for block inserter button');
   const shortLabel = !isInserterOpened ? (0, _i18n.__)('Add') : (0, _i18n.__)('Close');
-  return (0, _react.createElement)(_blockEditor.NavigableToolbar, {
-    className: (0, _classnames.default)('editor-document-tools', className),
-    "aria-label": toolbarAriaLabel,
-    shouldUseKeyboardFocusShortcut: !blockToolbarCanBeFocused,
-    variant: "unstyled"
-  }, (0, _react.createElement)("div", {
-    className: "editor-document-tools__left"
-  }, (0, _react.createElement)(_components.ToolbarItem, {
-    ref: inserterButton,
-    as: _components.Button,
-    className: "editor-document-tools__inserter-toggle",
-    variant: "primary",
-    isPressed: isInserterOpened,
-    onMouseDown: preventDefault,
-    onClick: toggleInserter,
-    disabled: disableBlockTools,
-    icon: _icons.plus,
-    label: showIconLabels ? shortLabel : longLabel,
-    showTooltip: !showIconLabels,
-    "aria-expanded": isInserterOpened
-  }), (isWideViewport || !showIconLabels) && (0, _react.createElement)(_react.Fragment, null, isLargeViewport && !hasFixedToolbar && (0, _react.createElement)(_components.ToolbarItem, {
-    as: _blockEditor.ToolSelector,
-    showTooltip: !showIconLabels,
-    variant: showIconLabels ? 'tertiary' : undefined,
-    disabled: disableBlockTools,
-    size: "compact"
-  }), (0, _react.createElement)(_components.ToolbarItem, {
-    as: _undo.default,
-    showTooltip: !showIconLabels,
-    variant: showIconLabels ? 'tertiary' : undefined,
-    size: "compact"
-  }), (0, _react.createElement)(_components.ToolbarItem, {
-    as: _redo.default,
-    showTooltip: !showIconLabels,
-    variant: showIconLabels ? 'tertiary' : undefined,
-    size: "compact"
-  }), (0, _react.createElement)(_components.ToolbarItem, {
-    as: _components.Button,
-    className: "editor-document-tools__document-overview-toggle",
-    icon: _icons.listView,
-    disabled: disableBlockTools,
-    isPressed: isListViewOpen
-    /* translators: button label text should, if possible, be under 16 characters. */,
-    label: listViewLabel,
-    onClick: toggleListView,
-    shortcut: listViewShortcut,
-    showTooltip: !showIconLabels,
-    variant: showIconLabels ? 'tertiary' : undefined,
-    "aria-expanded": isListViewOpen,
-    ref: listViewToggleRef,
-    size: "compact"
-  })), children));
+  return (
+    // Some plugins expect and use the `edit-post-header-toolbar` CSS class to
+    // find the toolbar and inject UI elements into it. This is not officially
+    // supported, but we're keeping it in the list of class names for backwards
+    // compatibility.
+    (0, _react.createElement)(_blockEditor.NavigableToolbar, {
+      className: (0, _classnames.default)('editor-document-tools', 'edit-post-header-toolbar', className),
+      "aria-label": toolbarAriaLabel,
+      shouldUseKeyboardFocusShortcut: !blockToolbarCanBeFocused,
+      variant: "unstyled"
+    }, (0, _react.createElement)("div", {
+      className: "editor-document-tools__left"
+    }, (0, _react.createElement)(_components.ToolbarItem, {
+      ref: inserterButton,
+      as: _components.Button,
+      className: "editor-document-tools__inserter-toggle",
+      variant: "primary",
+      isPressed: isInserterOpened,
+      onMouseDown: preventDefault,
+      onClick: toggleInserter,
+      disabled: disableBlockTools,
+      icon: _icons.plus,
+      label: showIconLabels ? shortLabel : longLabel,
+      showTooltip: !showIconLabels,
+      "aria-expanded": isInserterOpened
+    }), (isWideViewport || !showIconLabels) && (0, _react.createElement)(_react.Fragment, null, isLargeViewport && !hasFixedToolbar && (0, _react.createElement)(_components.ToolbarItem, {
+      as: _blockEditor.ToolSelector,
+      showTooltip: !showIconLabels,
+      variant: showIconLabels ? 'tertiary' : undefined,
+      disabled: disableBlockTools,
+      size: "compact"
+    }), (0, _react.createElement)(_components.ToolbarItem, {
+      as: _undo.default,
+      showTooltip: !showIconLabels,
+      variant: showIconLabels ? 'tertiary' : undefined,
+      size: "compact"
+    }), (0, _react.createElement)(_components.ToolbarItem, {
+      as: _redo.default,
+      showTooltip: !showIconLabels,
+      variant: showIconLabels ? 'tertiary' : undefined,
+      size: "compact"
+    }), (0, _react.createElement)(_components.ToolbarItem, {
+      as: _components.Button,
+      className: "editor-document-tools__document-overview-toggle",
+      icon: _icons.listView,
+      disabled: disableBlockTools,
+      isPressed: isListViewOpen
+      /* translators: button label text should, if possible, be under 16 characters. */,
+      label: listViewLabel,
+      onClick: toggleListView,
+      shortcut: listViewShortcut,
+      showTooltip: !showIconLabels,
+      variant: showIconLabels ? 'tertiary' : undefined,
+      "aria-expanded": isListViewOpen,
+      ref: listViewToggleRef,
+      size: "compact"
+    })), children))
+  );
 }
 var _default = DocumentTools;
 exports.default = _default;

package/build/components/document-tools/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_compose","_data","_i18n","_blockEditor","_components","_icons","_element","_keyboardShortcuts","_preferences","_lockUnlock","_store","_redo","_undo","useCanBlockToolbarBeFocused","unlock","blockEditorPrivateApis","preventDefault","event","DocumentTools","className","disableBlockTools","children","listViewLabel","__","inserterButton","useRef","setIsInserterOpened","setIsListViewOpened","useDispatch","editorStore","isInserterOpened","isListViewOpen","listViewShortcut","listViewToggleRef","hasFixedToolbar","showIconLabels","useSelect","select","getSettings","blockEditorStore","get","preferencesStore","isListViewOpened","getListViewToggleRef","getShortcutRepresentation","keyboardShortcutsStore","isLargeViewport","useViewportMatch","isWideViewport","blockToolbarCanBeFocused","toolbarAriaLabel","toggleListView","useCallback","toggleInserter","current","focus","longLabel","_x","shortLabel","_react","createElement","NavigableToolbar","classnames","shouldUseKeyboardFocusShortcut","variant","ToolbarItem","ref","as","Button","isPressed","onMouseDown","onClick","disabled","icon","plus","label","showTooltip","Fragment","ToolSelector","undefined","size","EditorHistoryUndo","EditorHistoryRedo","listView","shortcut","_default","exports","default"],"sources":["@wordpress/editor/src/components/document-tools/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tNavigableToolbar,\n\tToolSelector,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { Button, ToolbarItem } from '@wordpress/components';\nimport { listView, plus } from '@wordpress/icons';\nimport { useRef, useCallback } from '@wordpress/element';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editorStore } from '../../store';\nimport EditorHistoryRedo from '../editor-history/redo';\nimport EditorHistoryUndo from '../editor-history/undo';\n\nconst { useCanBlockToolbarBeFocused } = unlock( blockEditorPrivateApis );\n\nconst preventDefault = ( event ) => {\n\tevent.preventDefault();\n};\n\nfunction DocumentTools( {\n\tclassName,\n\tdisableBlockTools = false,\n\tchildren,\n\t// This is a temporary prop until the list view is fully unified between post and site editors.\n\tlistViewLabel = __( 'Document Overview' ),\n} ) {\n\tconst inserterButton = useRef();\n\tconst { setIsInserterOpened, setIsListViewOpened } =\n\t\tuseDispatch( editorStore );\n\tconst {\n\t\tisInserterOpened,\n\t\tisListViewOpen,\n\t\tlistViewShortcut,\n\t\tlistViewToggleRef,\n\t\thasFixedToolbar,\n\t\tshowIconLabels,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\tconst { get } = select( preferencesStore );\n\t\tconst { isListViewOpened, getListViewToggleRef } = unlock(\n\t\t\tselect( editorStore )\n\t\t);\n\t\tconst { getShortcutRepresentation } = select( keyboardShortcutsStore );\n\n\t\treturn {\n\t\t\tisInserterOpened: select( editorStore ).isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\tlistViewShortcut: getShortcutRepresentation(\n\t\t\t\t'core/editor/toggle-list-view'\n\t\t\t),\n\t\t\tlistViewToggleRef: getListViewToggleRef(),\n\t\t\thasFixedToolbar: getSettings().hasFixedToolbar,\n\t\t\tshowIconLabels: get( 'core', 'showIconLabels' ),\n\t\t};\n\t}, [] );\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst isWideViewport = useViewportMatch( 'wide' );\n\tconst blockToolbarCanBeFocused = useCanBlockToolbarBeFocused();\n\n\t/* translators: accessibility text for the editor toolbar */\n\tconst toolbarAriaLabel = __( 'Document tools' );\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\n\tconst toggleInserter = useCallback( () => {\n\t\tif ( isInserterOpened ) {\n\t\t\t// Focusing the inserter button should close the inserter popover.\n\t\t\t// However, there are some cases it won't close when the focus is lost.\n\t\t\t// See https://github.com/WordPress/gutenberg/issues/43090 for more details.\n\t\t\tinserterButton.current.focus();\n\t\t\tsetIsInserterOpened( false );\n\t\t} else {\n\t\t\tsetIsInserterOpened( true );\n\t\t}\n\t}, [ isInserterOpened, setIsInserterOpened ] );\n\n\t/* translators: button label text should, if possible, be under 16 characters. */\n\tconst longLabel = _x(\n\t\t'Toggle block inserter',\n\t\t'Generic label for block inserter button'\n\t);\n\tconst shortLabel = ! isInserterOpened ? __( 'Add' ) : __( 'Close' );\n\n\treturn (\n\t\t<NavigableToolbar\n\t\t\tclassName={ classnames( 'editor-document-tools', className ) }\n\t\t\taria-label={ toolbarAriaLabel }\n\t\t\tshouldUseKeyboardFocusShortcut={ ! blockToolbarCanBeFocused }\n\t\t\tvariant=\"unstyled\"\n\t\t>\n\t\t\t<div className=\"editor-document-tools__left\">\n\t\t\t\t<ToolbarItem\n\t\t\t\t\tref={ inserterButton }\n\t\t\t\t\tas={ Button }\n\t\t\t\t\tclassName=\"editor-document-tools__inserter-toggle\"\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\tisPressed={ isInserterOpened }\n\t\t\t\t\tonMouseDown={ preventDefault }\n\t\t\t\t\tonClick={ toggleInserter }\n\t\t\t\t\tdisabled={ disableBlockTools }\n\t\t\t\t\ticon={ plus }\n\t\t\t\t\tlabel={ showIconLabels ? shortLabel : longLabel }\n\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\taria-expanded={ isInserterOpened }\n\t\t\t\t/>\n\t\t\t\t{ ( isWideViewport || ! showIconLabels ) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ isLargeViewport && ! hasFixedToolbar && (\n\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\tas={ ToolSelector }\n\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tdisabled={ disableBlockTools }\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ EditorHistoryUndo }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ EditorHistoryRedo }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\tclassName=\"editor-document-tools__document-overview-toggle\"\n\t\t\t\t\t\t\ticon={ listView }\n\t\t\t\t\t\t\tdisabled={ disableBlockTools }\n\t\t\t\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\t\tlabel={ listViewLabel }\n\t\t\t\t\t\t\tonClick={ toggleListView }\n\t\t\t\t\t\t\tshortcut={ listViewShortcut }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t\taria-expanded={ isListViewOpen }\n\t\t\t\t\t\t\tref={ listViewToggleRef }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</NavigableToolbar>\n\t);\n}\n\nexport default DocumentTools;\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_compose","_data","_i18n","_blockEditor","_components","_icons","_element","_keyboardShortcuts","_preferences","_lockUnlock","_store","_redo","_undo","useCanBlockToolbarBeFocused","unlock","blockEditorPrivateApis","preventDefault","event","DocumentTools","className","disableBlockTools","children","listViewLabel","__","inserterButton","useRef","setIsInserterOpened","setIsListViewOpened","useDispatch","editorStore","isInserterOpened","isListViewOpen","listViewShortcut","listViewToggleRef","hasFixedToolbar","showIconLabels","useSelect","select","getSettings","blockEditorStore","get","preferencesStore","isListViewOpened","getListViewToggleRef","getShortcutRepresentation","keyboardShortcutsStore","isLargeViewport","useViewportMatch","isWideViewport","blockToolbarCanBeFocused","toolbarAriaLabel","toggleListView","useCallback","toggleInserter","current","focus","longLabel","_x","shortLabel","_react","createElement","NavigableToolbar","classnames","shouldUseKeyboardFocusShortcut","variant","ToolbarItem","ref","as","Button","isPressed","onMouseDown","onClick","disabled","icon","plus","label","showTooltip","Fragment","ToolSelector","undefined","size","EditorHistoryUndo","EditorHistoryRedo","listView","shortcut","_default","exports","default"],"sources":["@wordpress/editor/src/components/document-tools/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tNavigableToolbar,\n\tToolSelector,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { Button, ToolbarItem } from '@wordpress/components';\nimport { listView, plus } from '@wordpress/icons';\nimport { useRef, useCallback } from '@wordpress/element';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editorStore } from '../../store';\nimport EditorHistoryRedo from '../editor-history/redo';\nimport EditorHistoryUndo from '../editor-history/undo';\n\nconst { useCanBlockToolbarBeFocused } = unlock( blockEditorPrivateApis );\n\nconst preventDefault = ( event ) => {\n\tevent.preventDefault();\n};\n\nfunction DocumentTools( {\n\tclassName,\n\tdisableBlockTools = false,\n\tchildren,\n\t// This is a temporary prop until the list view is fully unified between post and site editors.\n\tlistViewLabel = __( 'Document Overview' ),\n} ) {\n\tconst inserterButton = useRef();\n\tconst { setIsInserterOpened, setIsListViewOpened } =\n\t\tuseDispatch( editorStore );\n\tconst {\n\t\tisInserterOpened,\n\t\tisListViewOpen,\n\t\tlistViewShortcut,\n\t\tlistViewToggleRef,\n\t\thasFixedToolbar,\n\t\tshowIconLabels,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\tconst { get } = select( preferencesStore );\n\t\tconst { isListViewOpened, getListViewToggleRef } = unlock(\n\t\t\tselect( editorStore )\n\t\t);\n\t\tconst { getShortcutRepresentation } = select( keyboardShortcutsStore );\n\n\t\treturn {\n\t\t\tisInserterOpened: select( editorStore ).isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\tlistViewShortcut: getShortcutRepresentation(\n\t\t\t\t'core/editor/toggle-list-view'\n\t\t\t),\n\t\t\tlistViewToggleRef: getListViewToggleRef(),\n\t\t\thasFixedToolbar: getSettings().hasFixedToolbar,\n\t\t\tshowIconLabels: get( 'core', 'showIconLabels' ),\n\t\t};\n\t}, [] );\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst isWideViewport = useViewportMatch( 'wide' );\n\tconst blockToolbarCanBeFocused = useCanBlockToolbarBeFocused();\n\n\t/* translators: accessibility text for the editor toolbar */\n\tconst toolbarAriaLabel = __( 'Document tools' );\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\n\tconst toggleInserter = useCallback( () => {\n\t\tif ( isInserterOpened ) {\n\t\t\t// Focusing the inserter button should close the inserter popover.\n\t\t\t// However, there are some cases it won't close when the focus is lost.\n\t\t\t// See https://github.com/WordPress/gutenberg/issues/43090 for more details.\n\t\t\tinserterButton.current.focus();\n\t\t\tsetIsInserterOpened( false );\n\t\t} else {\n\t\t\tsetIsInserterOpened( true );\n\t\t}\n\t}, [ isInserterOpened, setIsInserterOpened ] );\n\n\t/* translators: button label text should, if possible, be under 16 characters. */\n\tconst longLabel = _x(\n\t\t'Toggle block inserter',\n\t\t'Generic label for block inserter button'\n\t);\n\tconst shortLabel = ! isInserterOpened ? __( 'Add' ) : __( 'Close' );\n\n\treturn (\n\t\t// Some plugins expect and use the `edit-post-header-toolbar` CSS class to\n\t\t// find the toolbar and inject UI elements into it. This is not officially\n\t\t// supported, but we're keeping it in the list of class names for backwards\n\t\t// compatibility.\n\t\t<NavigableToolbar\n\t\t\tclassName={ classnames(\n\t\t\t\t'editor-document-tools',\n\t\t\t\t'edit-post-header-toolbar',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\taria-label={ toolbarAriaLabel }\n\t\t\tshouldUseKeyboardFocusShortcut={ ! blockToolbarCanBeFocused }\n\t\t\tvariant=\"unstyled\"\n\t\t>\n\t\t\t<div className=\"editor-document-tools__left\">\n\t\t\t\t<ToolbarItem\n\t\t\t\t\tref={ inserterButton }\n\t\t\t\t\tas={ Button }\n\t\t\t\t\tclassName=\"editor-document-tools__inserter-toggle\"\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\tisPressed={ isInserterOpened }\n\t\t\t\t\tonMouseDown={ preventDefault }\n\t\t\t\t\tonClick={ toggleInserter }\n\t\t\t\t\tdisabled={ disableBlockTools }\n\t\t\t\t\ticon={ plus }\n\t\t\t\t\tlabel={ showIconLabels ? shortLabel : longLabel }\n\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\taria-expanded={ isInserterOpened }\n\t\t\t\t/>\n\t\t\t\t{ ( isWideViewport || ! showIconLabels ) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ isLargeViewport && ! hasFixedToolbar && (\n\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\tas={ ToolSelector }\n\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tdisabled={ disableBlockTools }\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ EditorHistoryUndo }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ EditorHistoryRedo }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\tclassName=\"editor-document-tools__document-overview-toggle\"\n\t\t\t\t\t\t\ticon={ listView }\n\t\t\t\t\t\t\tdisabled={ disableBlockTools }\n\t\t\t\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\t\tlabel={ listViewLabel }\n\t\t\t\t\t\t\tonClick={ toggleListView }\n\t\t\t\t\t\t\tshortcut={ listViewShortcut }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t\taria-expanded={ isListViewOpen }\n\t\t\t\t\t\t\tref={ listViewToggleRef }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</NavigableToolbar>\n\t);\n}\n\nexport default DocumentTools;\n"],"mappings":"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"}

package/build/components/editor-canvas/index.js

@@ -276,13 +276,13 @@ function EditorCanvas({
     }
   }, (0, _react.createElement)(_postTitle.default, {
     ref: titleRef
-  })), (0, _react.createElement)(_blockEditor.__experimentalRecursionProvider, {
+  })), (0, _react.createElement)(_blockEditor.RecursionProvider, {
     blockName: wrapperBlockName,
     uniqueId: wrapperUniqueId
   }, (0, _react.createElement)(_blockEditor.BlockList, {
-    className: (0, _classnames.default)(className, 'is-' + deviceType.toLowerCase() + '-preview', renderingMode !== 'post-only' ? 'wp-site-blocks' : `${blockListLayoutClass} wp-block-post-content` // Ensure root level blocks receive default/flow blockGap styling rules.
-    ),
-
+    className: (0, _classnames.default)(className, 'is-' + deviceType.toLowerCase() + '-preview', renderingMode !== 'post-only' ? 'wp-site-blocks' : `${blockListLayoutClass} wp-block-post-content`,
+    // Ensure root level blocks receive default/flow blockGap styling rules.
+    renderingMode !== 'all' && 'is-' + renderingMode),
     layout: blockListLayout,
     dropZoneElement:
     // When iframed, pass in the html element of the iframe to