@wordpress/editor 13.34.0 → 14.0.0

package/build/components/global-styles-provider/index.js

@@ -0,0 +1,195 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GlobalStylesProvider = GlobalStylesProvider;
+exports.mergeBaseAndUserConfigs = mergeBaseAndUserConfigs;
+exports.useGlobalStylesContext = useGlobalStylesContext;
+var _deepmerge = _interopRequireDefault(require("deepmerge"));
+var _isPlainObject = require("is-plain-object");
+var _blocks = require("@wordpress/blocks");
+var _blockEditor = require("@wordpress/block-editor");
+var _coreData = require("@wordpress/core-data");
+var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
+var _lockUnlock = require("../../lock-unlock");
+var _setNestedValue = _interopRequireDefault(require("../../utils/set-nested-value"));
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  GlobalStylesContext,
+  cleanEmptyObject
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+function mergeBaseAndUserConfigs(base, user) {
+  return (0, _deepmerge.default)(base, user, {
+    // We only pass as arrays the presets,
+    // in which case we want the new array of values
+    // to override the old array (no merging).
+    isMergeableObject: _isPlainObject.isPlainObject
+  });
+}
+
+/**
+ * Resolves shared block style variation definitions from the user origin
+ * under their respective block types and registers the block style if required.
+ *
+ * @param {Object} userConfig Current user origin global styles data.
+ * @return {Object} Updated global styles data.
+ */
+function useResolvedBlockStyleVariationsConfig(userConfig) {
+  const {
+    getBlockStyles
+  } = (0, _data.useSelect)(_blocks.store);
+  const sharedVariations = userConfig?.styles?.blocks?.variations;
+
+  // Collect block style variation definitions to merge and unregistered
+  // block styles for automatic registration.
+  const [userConfigToMerge, unregisteredStyles] = (0, _element.useMemo)(() => {
+    if (!sharedVariations) {
+      return [];
+    }
+    const variationsConfigToMerge = {};
+    const unregisteredBlockStyles = [];
+    Object.entries(sharedVariations).forEach(([variationName, variation]) => {
+      if (!variation?.blockTypes?.length) {
+        return;
+      }
+      variation.blockTypes.forEach(blockName => {
+        const blockStyles = getBlockStyles(blockName);
+        const registeredBlockStyle = blockStyles.find(({
+          name
+        }) => name === variationName);
+        if (!registeredBlockStyle) {
+          unregisteredBlockStyles.push([blockName, {
+            name: variationName,
+            label: variationName
+          }]);
+        }
+        const path = ['styles', 'blocks', blockName, 'variations', variationName];
+        (0, _setNestedValue.default)(variationsConfigToMerge, path, variation);
+      });
+    });
+    return [variationsConfigToMerge, unregisteredBlockStyles];
+  }, [sharedVariations, getBlockStyles]);
+
+  // Automatically register missing block styles from variations.
+  (0, _element.useEffect)(() => unregisteredStyles?.forEach(unregisteredStyle => (0, _blocks.registerBlockStyle)(...unregisteredStyle)), [unregisteredStyles]);
+
+  // Merge shared block style variation definitions into overall user config.
+  const updatedConfig = (0, _element.useMemo)(() => {
+    if (!userConfigToMerge) {
+      return userConfig;
+    }
+    return (0, _deepmerge.default)(userConfigToMerge, userConfig);
+  }, [userConfigToMerge, userConfig]);
+  return updatedConfig;
+}
+function useGlobalStylesUserConfig() {
+  const {
+    globalStylesId,
+    isReady,
+    settings,
+    styles,
+    _links
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEditedEntityRecord,
+      hasFinishedResolution
+    } = select(_coreData.store);
+    const _globalStylesId = select(_coreData.store).__experimentalGetCurrentGlobalStylesId();
+    const record = _globalStylesId ? getEditedEntityRecord('root', 'globalStyles', _globalStylesId) : undefined;
+    let hasResolved = false;
+    if (hasFinishedResolution('__experimentalGetCurrentGlobalStylesId')) {
+      hasResolved = _globalStylesId ? hasFinishedResolution('getEditedEntityRecord', ['root', 'globalStyles', _globalStylesId]) : true;
+    }
+    return {
+      globalStylesId: _globalStylesId,
+      isReady: hasResolved,
+      settings: record?.settings,
+      styles: record?.styles,
+      _links: record?._links
+    };
+  }, []);
+  const {
+    getEditedEntityRecord
+  } = (0, _data.useSelect)(_coreData.store);
+  const {
+    editEntityRecord
+  } = (0, _data.useDispatch)(_coreData.store);
+  const config = (0, _element.useMemo)(() => {
+    return {
+      settings: settings !== null && settings !== void 0 ? settings : {},
+      styles: styles !== null && styles !== void 0 ? styles : {},
+      _links: _links !== null && _links !== void 0 ? _links : {}
+    };
+  }, [settings, styles, _links]);
+  const setConfig = (0, _element.useCallback)((callback, options = {}) => {
+    var _record$styles, _record$settings, _record$_links;
+    const record = getEditedEntityRecord('root', 'globalStyles', globalStylesId);
+    const currentConfig = {
+      styles: (_record$styles = record?.styles) !== null && _record$styles !== void 0 ? _record$styles : {},
+      settings: (_record$settings = record?.settings) !== null && _record$settings !== void 0 ? _record$settings : {},
+      _links: (_record$_links = record?._links) !== null && _record$_links !== void 0 ? _record$_links : {}
+    };
+    const updatedConfig = callback(currentConfig);
+    editEntityRecord('root', 'globalStyles', globalStylesId, {
+      styles: cleanEmptyObject(updatedConfig.styles) || {},
+      settings: cleanEmptyObject(updatedConfig.settings) || {},
+      _links: cleanEmptyObject(updatedConfig._links) || {}
+    }, options);
+  }, [globalStylesId]);
+  return [isReady, config, setConfig];
+}
+function useGlobalStylesBaseConfig() {
+  const baseConfig = (0, _data.useSelect)(select => {
+    return select(_coreData.store).__experimentalGetCurrentThemeBaseGlobalStyles();
+  }, []);
+  return [!!baseConfig, baseConfig];
+}
+function useGlobalStylesContext() {
+  const [isUserConfigReady, userConfig, setUserConfig] = useGlobalStylesUserConfig();
+  const [isBaseConfigReady, baseConfig] = useGlobalStylesBaseConfig();
+  const userConfigWithVariations = useResolvedBlockStyleVariationsConfig(userConfig);
+  const mergedConfig = (0, _element.useMemo)(() => {
+    if (!baseConfig || !userConfigWithVariations) {
+      return {};
+    }
+    return mergeBaseAndUserConfigs(baseConfig, userConfigWithVariations);
+  }, [userConfigWithVariations, baseConfig]);
+  const context = (0, _element.useMemo)(() => {
+    return {
+      isReady: isUserConfigReady && isBaseConfigReady,
+      user: userConfigWithVariations,
+      base: baseConfig,
+      merged: mergedConfig,
+      setUserConfig
+    };
+  }, [mergedConfig, userConfigWithVariations, baseConfig, setUserConfig, isUserConfigReady, isBaseConfigReady]);
+  return context;
+}
+function GlobalStylesProvider({
+  children
+}) {
+  const context = useGlobalStylesContext();
+  if (!context.isReady) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesContext.Provider, {
+    value: context,
+    children: children
+  });
+}
+//# sourceMappingURL=index.js.map

package/build/components/global-styles-provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_deepmerge","_interopRequireDefault","require","_isPlainObject","_blocks","_blockEditor","_coreData","_data","_element","_lockUnlock","_setNestedValue","_jsxRuntime","GlobalStylesContext","cleanEmptyObject","unlock","blockEditorPrivateApis","mergeBaseAndUserConfigs","base","user","deepmerge","isMergeableObject","isPlainObject","useResolvedBlockStyleVariationsConfig","userConfig","getBlockStyles","useSelect","blocksStore","sharedVariations","styles","blocks","variations","userConfigToMerge","unregisteredStyles","useMemo","variationsConfigToMerge","unregisteredBlockStyles","Object","entries","forEach","variationName","variation","blockTypes","length","blockName","blockStyles","registeredBlockStyle","find","name","push","label","path","setNestedValue","useEffect","unregisteredStyle","registerBlockStyle","updatedConfig","useGlobalStylesUserConfig","globalStylesId","isReady","settings","_links","select","getEditedEntityRecord","hasFinishedResolution","coreStore","_globalStylesId","__experimentalGetCurrentGlobalStylesId","record","undefined","hasResolved","editEntityRecord","useDispatch","config","setConfig","useCallback","callback","options","_record$styles","_record$settings","_record$_links","currentConfig","useGlobalStylesBaseConfig","baseConfig","__experimentalGetCurrentThemeBaseGlobalStyles","useGlobalStylesContext","isUserConfigReady","setUserConfig","isBaseConfigReady","userConfigWithVariations","mergedConfig","context","merged","GlobalStylesProvider","children","jsx","Provider","value"],"sources":["@wordpress/editor/src/components/global-styles-provider/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport deepmerge from 'deepmerge';\nimport { isPlainObject } from 'is-plain-object';\n\n/**\n * WordPress dependencies\n */\nimport { registerBlockStyle, store as blocksStore } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useMemo, useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport setNestedValue from '../../utils/set-nested-value';\n\nconst { GlobalStylesContext, cleanEmptyObject } = unlock(\n\tblockEditorPrivateApis\n);\n\nexport function mergeBaseAndUserConfigs( base, user ) {\n\treturn deepmerge( base, user, {\n\t\t// We only pass as arrays the presets,\n\t\t// in which case we want the new array of values\n\t\t// to override the old array (no merging).\n\t\tisMergeableObject: isPlainObject,\n\t} );\n}\n\n/**\n * Resolves shared block style variation definitions from the user origin\n * under their respective block types and registers the block style if required.\n *\n * @param {Object} userConfig Current user origin global styles data.\n * @return {Object} Updated global styles data.\n */\nfunction useResolvedBlockStyleVariationsConfig( userConfig ) {\n\tconst { getBlockStyles } = useSelect( blocksStore );\n\tconst sharedVariations = userConfig?.styles?.blocks?.variations;\n\n\t// Collect block style variation definitions to merge and unregistered\n\t// block styles for automatic registration.\n\tconst [ userConfigToMerge, unregisteredStyles ] = useMemo( () => {\n\t\tif ( ! sharedVariations ) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst variationsConfigToMerge = {};\n\t\tconst unregisteredBlockStyles = [];\n\n\t\tObject.entries( sharedVariations ).forEach(\n\t\t\t( [ variationName, variation ] ) => {\n\t\t\t\tif ( ! variation?.blockTypes?.length ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tvariation.blockTypes.forEach( ( blockName ) => {\n\t\t\t\t\tconst blockStyles = getBlockStyles( blockName );\n\t\t\t\t\tconst registeredBlockStyle = blockStyles.find(\n\t\t\t\t\t\t( { name } ) => name === variationName\n\t\t\t\t\t);\n\n\t\t\t\t\tif ( ! registeredBlockStyle ) {\n\t\t\t\t\t\tunregisteredBlockStyles.push( [\n\t\t\t\t\t\t\tblockName,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tname: variationName,\n\t\t\t\t\t\t\t\tlabel: variationName,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] );\n\t\t\t\t\t}\n\n\t\t\t\t\tconst path = [\n\t\t\t\t\t\t'styles',\n\t\t\t\t\t\t'blocks',\n\t\t\t\t\t\tblockName,\n\t\t\t\t\t\t'variations',\n\t\t\t\t\t\tvariationName,\n\t\t\t\t\t];\n\t\t\t\t\tsetNestedValue( variationsConfigToMerge, path, variation );\n\t\t\t\t} );\n\t\t\t}\n\t\t);\n\n\t\treturn [ variationsConfigToMerge, unregisteredBlockStyles ];\n\t}, [ sharedVariations, getBlockStyles ] );\n\n\t// Automatically register missing block styles from variations.\n\tuseEffect(\n\t\t() =>\n\t\t\tunregisteredStyles?.forEach( ( unregisteredStyle ) =>\n\t\t\t\tregisterBlockStyle( ...unregisteredStyle )\n\t\t\t),\n\t\t[ unregisteredStyles ]\n\t);\n\n\t// Merge shared block style variation definitions into overall user config.\n\tconst updatedConfig = useMemo( () => {\n\t\tif ( ! userConfigToMerge ) {\n\t\t\treturn userConfig;\n\t\t}\n\n\t\treturn deepmerge( userConfigToMerge, userConfig );\n\t}, [ userConfigToMerge, userConfig ] );\n\n\treturn updatedConfig;\n}\n\nfunction useGlobalStylesUserConfig() {\n\tconst { globalStylesId, isReady, settings, styles, _links } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst _globalStylesId =\n\t\t\t\tselect( coreStore ).__experimentalGetCurrentGlobalStylesId();\n\t\t\tconst record = _globalStylesId\n\t\t\t\t? getEditedEntityRecord(\n\t\t\t\t\t\t'root',\n\t\t\t\t\t\t'globalStyles',\n\t\t\t\t\t\t_globalStylesId\n\t\t\t\t  )\n\t\t\t\t: undefined;\n\n\t\t\tlet hasResolved = false;\n\t\t\tif (\n\t\t\t\thasFinishedResolution(\n\t\t\t\t\t'__experimentalGetCurrentGlobalStylesId'\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\thasResolved = _globalStylesId\n\t\t\t\t\t? hasFinishedResolution( 'getEditedEntityRecord', [\n\t\t\t\t\t\t\t'root',\n\t\t\t\t\t\t\t'globalStyles',\n\t\t\t\t\t\t\t_globalStylesId,\n\t\t\t\t\t  ] )\n\t\t\t\t\t: true;\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tglobalStylesId: _globalStylesId,\n\t\t\t\tisReady: hasResolved,\n\t\t\t\tsettings: record?.settings,\n\t\t\t\tstyles: record?.styles,\n\t\t\t\t_links: record?._links,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst { getEditedEntityRecord } = useSelect( coreStore );\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\tconst config = useMemo( () => {\n\t\treturn {\n\t\t\tsettings: settings ?? {},\n\t\t\tstyles: styles ?? {},\n\t\t\t_links: _links ?? {},\n\t\t};\n\t}, [ settings, styles, _links ] );\n\n\tconst setConfig = useCallback(\n\t\t( callback, options = {} ) => {\n\t\t\tconst record = getEditedEntityRecord(\n\t\t\t\t'root',\n\t\t\t\t'globalStyles',\n\t\t\t\tglobalStylesId\n\t\t\t);\n\n\t\t\tconst currentConfig = {\n\t\t\t\tstyles: record?.styles ?? {},\n\t\t\t\tsettings: record?.settings ?? {},\n\t\t\t\t_links: record?._links ?? {},\n\t\t\t};\n\t\t\tconst updatedConfig = callback( currentConfig );\n\n\t\t\teditEntityRecord(\n\t\t\t\t'root',\n\t\t\t\t'globalStyles',\n\t\t\t\tglobalStylesId,\n\t\t\t\t{\n\t\t\t\t\tstyles: cleanEmptyObject( updatedConfig.styles ) || {},\n\t\t\t\t\tsettings: cleanEmptyObject( updatedConfig.settings ) || {},\n\t\t\t\t\t_links: cleanEmptyObject( updatedConfig._links ) || {},\n\t\t\t\t},\n\t\t\t\toptions\n\t\t\t);\n\t\t},\n\t\t[ globalStylesId ]\n\t);\n\n\treturn [ isReady, config, setConfig ];\n}\n\nfunction useGlobalStylesBaseConfig() {\n\tconst baseConfig = useSelect( ( select ) => {\n\t\treturn select(\n\t\t\tcoreStore\n\t\t).__experimentalGetCurrentThemeBaseGlobalStyles();\n\t}, [] );\n\n\treturn [ !! baseConfig, baseConfig ];\n}\n\nexport function useGlobalStylesContext() {\n\tconst [ isUserConfigReady, userConfig, setUserConfig ] =\n\t\tuseGlobalStylesUserConfig();\n\tconst [ isBaseConfigReady, baseConfig ] = useGlobalStylesBaseConfig();\n\tconst userConfigWithVariations =\n\t\tuseResolvedBlockStyleVariationsConfig( userConfig );\n\n\tconst mergedConfig = useMemo( () => {\n\t\tif ( ! baseConfig || ! userConfigWithVariations ) {\n\t\t\treturn {};\n\t\t}\n\n\t\treturn mergeBaseAndUserConfigs( baseConfig, userConfigWithVariations );\n\t}, [ userConfigWithVariations, baseConfig ] );\n\n\tconst context = useMemo( () => {\n\t\treturn {\n\t\t\tisReady: isUserConfigReady && isBaseConfigReady,\n\t\t\tuser: userConfigWithVariations,\n\t\t\tbase: baseConfig,\n\t\t\tmerged: mergedConfig,\n\t\t\tsetUserConfig,\n\t\t};\n\t}, [\n\t\tmergedConfig,\n\t\tuserConfigWithVariations,\n\t\tbaseConfig,\n\t\tsetUserConfig,\n\t\tisUserConfigReady,\n\t\tisBaseConfigReady,\n\t] );\n\n\treturn context;\n}\n\nexport function GlobalStylesProvider( { children } ) {\n\tconst context = useGlobalStylesContext();\n\tif ( ! context.isReady ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<GlobalStylesContext.Provider value={ context }>\n\t\t\t{ children }\n\t\t</GlobalStylesContext.Provider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/header/back-button.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _components = require("@wordpress/components");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * WordPress dependencies
+ */
+
+// Keeping an old name for backward compatibility.
+const slotName = '__experimentalMainDashboardButton';
+const {
+  Fill,
+  Slot
+} = (0, _components.createSlotFill)(slotName);
+const BackButton = Fill;
+const BackButtonSlot = ({
+  children
+}) => {
+  const fills = (0, _components.__experimentalUseSlotFills)(slotName);
+  const hasFills = Boolean(fills && fills.length);
+  if (!hasFills) {
+    return children;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Slot, {
+    bubblesVirtually: true
+  });
+};
+BackButton.Slot = BackButtonSlot;
+var _default = exports.default = BackButton;
+//# sourceMappingURL=back-button.js.map

package/build/components/header/back-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_jsxRuntime","slotName","Fill","Slot","createSlotFill","BackButton","BackButtonSlot","children","fills","useSlotFills","hasFills","Boolean","length","jsx","bubblesVirtually","_default","exports","default"],"sources":["@wordpress/editor/src/components/header/back-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUseSlotFills as useSlotFills,\n\tcreateSlotFill,\n} from '@wordpress/components';\n\n// Keeping an old name for backward compatibility.\nconst slotName = '__experimentalMainDashboardButton';\n\nconst { Fill, Slot } = createSlotFill( slotName );\n\nconst BackButton = Fill;\nconst BackButtonSlot = ( { children } ) => {\n\tconst fills = useSlotFills( slotName );\n\tconst hasFills = Boolean( fills && fills.length );\n\n\tif ( ! hasFills ) {\n\t\treturn children;\n\t}\n\n\treturn <Slot bubblesVirtually />;\n};\nBackButton.Slot = BackButtonSlot;\n\nexport default BackButton;\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAG+B,IAAAC,WAAA,GAAAD,OAAA;AAN/B;AACA;AACA;;AAMA;AACA,MAAME,QAAQ,GAAG,mCAAmC;AAEpD,MAAM;EAAEC,IAAI;EAAEC;AAAK,CAAC,GAAG,IAAAC,0BAAc,EAAEH,QAAS,CAAC;AAEjD,MAAMI,UAAU,GAAGH,IAAI;AACvB,MAAMI,cAAc,GAAGA,CAAE;EAAEC;AAAS,CAAC,KAAM;EAC1C,MAAMC,KAAK,GAAG,IAAAC,sCAAY,EAAER,QAAS,CAAC;EACtC,MAAMS,QAAQ,GAAGC,OAAO,CAAEH,KAAK,IAAIA,KAAK,CAACI,MAAO,CAAC;EAEjD,IAAK,CAAEF,QAAQ,EAAG;IACjB,OAAOH,QAAQ;EAChB;EAEA,oBAAO,IAAAP,WAAA,CAAAa,GAAA,EAACV,IAAI;IAACW,gBAAgB;EAAA,CAAE,CAAC;AACjC,CAAC;AACDT,UAAU,CAACF,IAAI,GAAGG,cAAc;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAElBZ,UAAU","ignoreList":[]}

package/build/components/header/index.js

@@ -0,0 +1,176 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _data = require("@wordpress/data");
+var _compose = require("@wordpress/compose");
+var _components = require("@wordpress/components");
+var _preferences = require("@wordpress/preferences");
+var _element = require("@wordpress/element");
+var _interface = require("@wordpress/interface");
+var _blockEditor = require("@wordpress/block-editor");
+var _backButton = _interopRequireDefault(require("./back-button"));
+var _collapsibleBlockToolbar = _interopRequireDefault(require("../collapsible-block-toolbar"));
+var _documentBar = _interopRequireDefault(require("../document-bar"));
+var _documentTools = _interopRequireDefault(require("../document-tools"));
+var _moreMenu = _interopRequireDefault(require("../more-menu"));
+var _postPreviewButton = _interopRequireDefault(require("../post-preview-button"));
+var _postPublishButtonOrToggle = _interopRequireDefault(require("../post-publish-button/post-publish-button-or-toggle"));
+var _postSavedState = _interopRequireDefault(require("../post-saved-state"));
+var _postTypeSupportCheck = _interopRequireDefault(require("../post-type-support-check"));
+var _postViewLink = _interopRequireDefault(require("../post-view-link"));
+var _previewDropdown = _interopRequireDefault(require("../preview-dropdown"));
+var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const toolbarVariations = {
+  distractionFreeDisabled: {
+    y: '-50px'
+  },
+  distractionFreeHover: {
+    y: 0
+  },
+  distractionFreeHidden: {
+    y: '-50px'
+  },
+  visible: {
+    y: 0
+  },
+  hidden: {
+    y: 0
+  }
+};
+const backButtonVariations = {
+  distractionFreeDisabled: {
+    x: '-100%'
+  },
+  distractionFreeHover: {
+    x: 0
+  },
+  distractionFreeHidden: {
+    x: '-100%'
+  },
+  visible: {
+    x: 0
+  },
+  hidden: {
+    x: 0
+  }
+};
+function Header({
+  customSaveButton,
+  forceIsDirty,
+  forceDisableBlockTools,
+  setEntitiesSavedStatesCallback,
+  title
+}) {
+  const isWideViewport = (0, _compose.useViewportMatch)('large');
+  const isLargeViewport = (0, _compose.useViewportMatch)('medium');
+  const {
+    isTextEditor,
+    isPublishSidebarOpened,
+    showIconLabels,
+    hasFixedToolbar,
+    isNestedEntity,
+    isZoomedOutView
+  } = (0, _data.useSelect)(select => {
+    const {
+      get: getPreference
+    } = select(_preferences.store);
+    const {
+      getEditorMode,
+      getEditorSettings,
+      isPublishSidebarOpened: _isPublishSidebarOpened
+    } = select(_store.store);
+    const {
+      __unstableGetEditorMode
+    } = select(_blockEditor.store);
+    return {
+      isTextEditor: getEditorMode() === 'text',
+      isPublishSidebarOpened: _isPublishSidebarOpened(),
+      showIconLabels: getPreference('core', 'showIconLabels'),
+      hasFixedToolbar: getPreference('core', 'fixedToolbar'),
+      isNestedEntity: !!getEditorSettings().onNavigateToPreviousEntityRecord,
+      isZoomedOutView: __unstableGetEditorMode() === 'zoom-out'
+    };
+  }, []);
+  const hasTopToolbar = isLargeViewport && hasFixedToolbar;
+  const [isBlockToolsCollapsed, setIsBlockToolsCollapsed] = (0, _element.useState)(true);
+
+  // The edit-post-header classname is only kept for backward compatibilty
+  // as some plugins might be relying on its presence.
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "editor-header edit-post-header",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__unstableMotion.div, {
+      variants: backButtonVariations,
+      transition: {
+        type: 'tween'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_backButton.default.Slot, {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__unstableMotion.div, {
+      variants: toolbarVariations,
+      className: "editor-header__toolbar",
+      transition: {
+        type: 'tween'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_documentTools.default, {
+        disableBlockTools: forceDisableBlockTools || isTextEditor
+      }), hasTopToolbar && /*#__PURE__*/(0, _jsxRuntime.jsx)(_collapsibleBlockToolbar.default, {
+        isCollapsed: isBlockToolsCollapsed,
+        onToggle: setIsBlockToolsCollapsed
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _clsx.default)('editor-header__center', {
+          'is-collapsed': !isBlockToolsCollapsed && hasTopToolbar
+        }),
+        children: !title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_postTypeSupportCheck.default, {
+          supportKeys: "title",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_documentBar.default, {})
+        }) : title
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__unstableMotion.div, {
+      variants: toolbarVariations,
+      transition: {
+        type: 'tween'
+      },
+      className: "editor-header__settings",
+      children: [!customSaveButton && !isPublishSidebarOpened &&
+      /*#__PURE__*/
+      // This button isn't completely hidden by the publish sidebar.
+      // We can't hide the whole toolbar when the publish sidebar is open because
+      // we want to prevent mounting/unmounting the PostPublishButtonOrToggle DOM node.
+      // We track that DOM node to return focus to the PostPublishButtonOrToggle
+      // when the publish sidebar has been closed.
+      (0, _jsxRuntime.jsx)(_postSavedState.default, {
+        forceIsDirty: forceIsDirty
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_previewDropdown.default, {
+        forceIsAutosaveable: forceIsDirty,
+        disabled: isNestedEntity || isZoomedOutView
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_postPreviewButton.default, {
+        className: "editor-header__post-preview-button",
+        forceIsAutosaveable: forceIsDirty
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_postViewLink.default, {}), !customSaveButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_postPublishButtonOrToggle.default, {
+        forceIsDirty: forceIsDirty,
+        setEntitiesSavedStatesCallback: setEntitiesSavedStatesCallback
+      }), customSaveButton, (isWideViewport || !showIconLabels) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_interface.PinnedItems.Slot, {
+        scope: "core"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_moreMenu.default, {})]
+    })]
+  });
+}
+var _default = exports.default = Header;
+//# sourceMappingURL=index.js.map

package/build/components/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_compose","_components","_preferences","_element","_interface","_blockEditor","_backButton","_collapsibleBlockToolbar","_documentBar","_documentTools","_moreMenu","_postPreviewButton","_postPublishButtonOrToggle","_postSavedState","_postTypeSupportCheck","_postViewLink","_previewDropdown","_store","_jsxRuntime","toolbarVariations","distractionFreeDisabled","y","distractionFreeHover","distractionFreeHidden","visible","hidden","backButtonVariations","x","Header","customSaveButton","forceIsDirty","forceDisableBlockTools","setEntitiesSavedStatesCallback","title","isWideViewport","useViewportMatch","isLargeViewport","isTextEditor","isPublishSidebarOpened","showIconLabels","hasFixedToolbar","isNestedEntity","isZoomedOutView","useSelect","select","get","getPreference","preferencesStore","getEditorMode","getEditorSettings","_isPublishSidebarOpened","editorStore","__unstableGetEditorMode","blockEditorStore","onNavigateToPreviousEntityRecord","hasTopToolbar","isBlockToolsCollapsed","setIsBlockToolsCollapsed","useState","jsxs","className","children","jsx","__unstableMotion","div","variants","transition","type","default","Slot","disableBlockTools","isCollapsed","onToggle","clsx","supportKeys","forceIsAutosaveable","disabled","PinnedItems","scope","_default","exports"],"sources":["@wordpress/editor/src/components/header/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { __unstableMotion as motion } from '@wordpress/components';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { useState } from '@wordpress/element';\nimport { PinnedItems } from '@wordpress/interface';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport BackButton from './back-button';\nimport CollapsableBlockToolbar from '../collapsible-block-toolbar';\nimport DocumentBar from '../document-bar';\nimport DocumentTools from '../document-tools';\nimport MoreMenu from '../more-menu';\nimport PostPreviewButton from '../post-preview-button';\nimport PostPublishButtonOrToggle from '../post-publish-button/post-publish-button-or-toggle';\nimport PostSavedState from '../post-saved-state';\nimport PostTypeSupportCheck from '../post-type-support-check';\nimport PostViewLink from '../post-view-link';\nimport PreviewDropdown from '../preview-dropdown';\nimport { store as editorStore } from '../../store';\n\nconst toolbarVariations = {\n\tdistractionFreeDisabled: { y: '-50px' },\n\tdistractionFreeHover: { y: 0 },\n\tdistractionFreeHidden: { y: '-50px' },\n\tvisible: { y: 0 },\n\thidden: { y: 0 },\n};\n\nconst backButtonVariations = {\n\tdistractionFreeDisabled: { x: '-100%' },\n\tdistractionFreeHover: { x: 0 },\n\tdistractionFreeHidden: { x: '-100%' },\n\tvisible: { x: 0 },\n\thidden: { x: 0 },\n};\n\nfunction Header( {\n\tcustomSaveButton,\n\tforceIsDirty,\n\tforceDisableBlockTools,\n\tsetEntitiesSavedStatesCallback,\n\ttitle,\n} ) {\n\tconst isWideViewport = useViewportMatch( 'large' );\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst {\n\t\tisTextEditor,\n\t\tisPublishSidebarOpened,\n\t\tshowIconLabels,\n\t\thasFixedToolbar,\n\t\tisNestedEntity,\n\t\tisZoomedOutView,\n\t} = useSelect( ( select ) => {\n\t\tconst { get: getPreference } = select( preferencesStore );\n\t\tconst {\n\t\t\tgetEditorMode,\n\t\t\tgetEditorSettings,\n\t\t\tisPublishSidebarOpened: _isPublishSidebarOpened,\n\t\t} = select( editorStore );\n\t\tconst { __unstableGetEditorMode } = select( blockEditorStore );\n\n\t\treturn {\n\t\t\tisTextEditor: getEditorMode() === 'text',\n\t\t\tisPublishSidebarOpened: _isPublishSidebarOpened(),\n\t\t\tshowIconLabels: getPreference( 'core', 'showIconLabels' ),\n\t\t\thasFixedToolbar: getPreference( 'core', 'fixedToolbar' ),\n\t\t\tisNestedEntity:\n\t\t\t\t!! getEditorSettings().onNavigateToPreviousEntityRecord,\n\t\t\tisZoomedOutView: __unstableGetEditorMode() === 'zoom-out',\n\t\t};\n\t}, [] );\n\n\tconst hasTopToolbar = isLargeViewport && hasFixedToolbar;\n\n\tconst [ isBlockToolsCollapsed, setIsBlockToolsCollapsed ] =\n\t\tuseState( true );\n\n\t// The edit-post-header classname is only kept for backward compatibilty\n\t// as some plugins might be relying on its presence.\n\treturn (\n\t\t<div className=\"editor-header edit-post-header\">\n\t\t\t<motion.div\n\t\t\t\tvariants={ backButtonVariations }\n\t\t\t\ttransition={ { type: 'tween' } }\n\t\t\t>\n\t\t\t\t<BackButton.Slot />\n\t\t\t</motion.div>\n\t\t\t<motion.div\n\t\t\t\tvariants={ toolbarVariations }\n\t\t\t\tclassName=\"editor-header__toolbar\"\n\t\t\t\ttransition={ { type: 'tween' } }\n\t\t\t>\n\t\t\t\t<DocumentTools\n\t\t\t\t\tdisableBlockTools={ forceDisableBlockTools || isTextEditor }\n\t\t\t\t/>\n\t\t\t\t{ hasTopToolbar && (\n\t\t\t\t\t<CollapsableBlockToolbar\n\t\t\t\t\t\tisCollapsed={ isBlockToolsCollapsed }\n\t\t\t\t\t\tonToggle={ setIsBlockToolsCollapsed }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx( 'editor-header__center', {\n\t\t\t\t\t\t'is-collapsed':\n\t\t\t\t\t\t\t! isBlockToolsCollapsed && hasTopToolbar,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t{ ! title ? (\n\t\t\t\t\t\t<PostTypeSupportCheck supportKeys=\"title\">\n\t\t\t\t\t\t\t<DocumentBar />\n\t\t\t\t\t\t</PostTypeSupportCheck>\n\t\t\t\t\t) : (\n\t\t\t\t\t\ttitle\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</motion.div>\n\t\t\t<motion.div\n\t\t\t\tvariants={ toolbarVariations }\n\t\t\t\ttransition={ { type: 'tween' } }\n\t\t\t\tclassName=\"editor-header__settings\"\n\t\t\t>\n\t\t\t\t{ ! customSaveButton && ! isPublishSidebarOpened && (\n\t\t\t\t\t// This button isn't completely hidden by the publish sidebar.\n\t\t\t\t\t// We can't hide the whole toolbar when the publish sidebar is open because\n\t\t\t\t\t// we want to prevent mounting/unmounting the PostPublishButtonOrToggle DOM node.\n\t\t\t\t\t// We track that DOM node to return focus to the PostPublishButtonOrToggle\n\t\t\t\t\t// when the publish sidebar has been closed.\n\t\t\t\t\t<PostSavedState forceIsDirty={ forceIsDirty } />\n\t\t\t\t) }\n\t\t\t\t<PreviewDropdown\n\t\t\t\t\tforceIsAutosaveable={ forceIsDirty }\n\t\t\t\t\tdisabled={ isNestedEntity || isZoomedOutView }\n\t\t\t\t/>\n\t\t\t\t<PostPreviewButton\n\t\t\t\t\tclassName=\"editor-header__post-preview-button\"\n\t\t\t\t\tforceIsAutosaveable={ forceIsDirty }\n\t\t\t\t/>\n\t\t\t\t<PostViewLink />\n\t\t\t\t{ ! customSaveButton && (\n\t\t\t\t\t<PostPublishButtonOrToggle\n\t\t\t\t\t\tforceIsDirty={ forceIsDirty }\n\t\t\t\t\t\tsetEntitiesSavedStatesCallback={\n\t\t\t\t\t\t\tsetEntitiesSavedStatesCallback\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ customSaveButton }\n\t\t\t\t{ ( isWideViewport || ! showIconLabels ) && (\n\t\t\t\t\t<PinnedItems.Slot scope=\"core\" />\n\t\t\t\t) }\n\t\t\t\t<MoreMenu />\n\t\t\t</motion.div>\n\t\t</div>\n\t);\n}\n\nexport default Header;\n"],"mappings":"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","ignoreList":[]}

package/build/components/inserter-sidebar/index.js

@@ -4,17 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = InserterSidebar;
-var _react = require("react");
 var _data = require("@wordpress/data");
-var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
-var _icons = require("@wordpress/icons");
 var _compose = require("@wordpress/compose");
-var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
 var _preferences = require("@wordpress/preferences");
+var _keycodes = require("@wordpress/keycodes");
+var _interface = require("@wordpress/interface");
 var _lockUnlock = require("../../lock-unlock");
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -23,56 +22,108 @@ var _store = require("../../store");
  * Internal dependencies
  */
 
-function InserterSidebar({
-  closeGeneralSidebar,
-  isRightSidebarOpen
-}) {
+const {
+  PrivateInserterLibrary
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+function InserterSidebar() {
   const {
+    blockSectionRootClientId,
+    inserterSidebarToggleRef,
     insertionPoint,
-    showMostUsedBlocks
+    showMostUsedBlocks,
+    sidebarIsOpened
   } = (0, _data.useSelect)(select => {
     const {
-      getInsertionPoint
+      getInserterSidebarToggleRef,
+      getInsertionPoint,
+      isPublishSidebarOpened
     } = (0, _lockUnlock.unlock)(select(_store.store));
+    const {
+      getBlockRootClientId,
+      __unstableGetEditorMode,
+      getSettings
+    } = select(_blockEditor.store);
     const {
       get
     } = select(_preferences.store);
+    const {
+      getActiveComplementaryArea
+    } = select(_interface.store);
+    const getBlockSectionRootClientId = () => {
+      if (__unstableGetEditorMode() === 'zoom-out') {
+        const {
+          sectionRootClientId
+        } = (0, _lockUnlock.unlock)(getSettings());
+        if (sectionRootClientId) {
+          return sectionRootClientId;
+        }
+      }
+      return getBlockRootClientId();
+    };
     return {
+      inserterSidebarToggleRef: getInserterSidebarToggleRef(),
       insertionPoint: getInsertionPoint(),
-      showMostUsedBlocks: get('core', 'mostUsedBlocks')
+      showMostUsedBlocks: get('core', 'mostUsedBlocks'),
+      blockSectionRootClientId: getBlockSectionRootClientId(),
+      sidebarIsOpened: !!(getActiveComplementaryArea('core') || isPublishSidebarOpened())
     };
   }, []);
   const {
     setIsInserterOpened
   } = (0, _data.useDispatch)(_store.store);
+  const {
+    disableComplementaryArea
+  } = (0, _data.useDispatch)(_interface.store);
   const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
-  const TagName = !isMobileViewport ? _components.VisuallyHidden : 'div';
   const [inserterDialogRef, inserterDialogProps] = (0, _compose.__experimentalUseDialog)({
     onClose: () => setIsInserterOpened(false),
     focusOnMount: true
   });
   const libraryRef = (0, _element.useRef)();
-  return (0, _react.createElement)("div", {
+
+  // When closing the inserter, focus should return to the toggle button.
+  const closeInserterSidebar = (0, _element.useCallback)(() => {
+    setIsInserterOpened(false);
+    inserterSidebarToggleRef.current?.focus();
+  }, [inserterSidebarToggleRef, setIsInserterOpened]);
+  const closeOnEscape = (0, _element.useCallback)(event => {
+    if (event.keyCode === _keycodes.ESCAPE && !event.defaultPrevented) {
+      event.preventDefault();
+      closeInserterSidebar();
+    }
+  }, [closeInserterSidebar]);
+  const inserterContents = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "editor-inserter-sidebar__content",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PrivateInserterLibrary, {
+      showMostUsedBlocks: showMostUsedBlocks,
+      showInserterHelpPanel: true,
+      shouldFocusBlock: isMobileViewport,
+      rootClientId: blockSectionRootClientId !== null && blockSectionRootClientId !== void 0 ? blockSectionRootClientId : insertionPoint.rootClientId,
+      __experimentalInsertionIndex: insertionPoint.insertionIndex,
+      __experimentalInitialTab: insertionPoint.tab,
+      __experimentalInitialCategory: insertionPoint.category,
+      __experimentalFilterValue: insertionPoint.filterValue,
+      onPatternCategorySelection: sidebarIsOpened ? () => disableComplementaryArea('core') : undefined,
+      ref: libraryRef,
+      onClose: closeInserterSidebar
+    })
+  });
+  if (window.__experimentalEnableZoomedOutPatternsTab) {
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+      (0, _jsxRuntime.jsx)("div", {
+        onKeyDown: closeOnEscape,
+        className: "editor-inserter-sidebar",
+        children: inserterContents
+      })
+    );
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: inserterDialogRef,
     ...inserterDialogProps,
-    className: "editor-inserter-sidebar"
-  }, (0, _react.createElement)(TagName, {
-    className: "editor-inserter-sidebar__header"
-  }, (0, _react.createElement)(_components.Button, {
-    icon: _icons.close,
-    label: (0, _i18n.__)('Close block inserter'),
-    onClick: () => setIsInserterOpened(false)
-  })), (0, _react.createElement)("div", {
-    className: "editor-inserter-sidebar__content"
-  }, (0, _react.createElement)(_blockEditor.__experimentalLibrary, {
-    showMostUsedBlocks: showMostUsedBlocks,
-    showInserterHelpPanel: true,
-    shouldFocusBlock: isMobileViewport,
-    rootClientId: insertionPoint.rootClientId,
-    __experimentalInsertionIndex: insertionPoint.insertionIndex,
-    __experimentalFilterValue: insertionPoint.filterValue,
-    __experimentalOnPatternCategorySelection: isRightSidebarOpen ? closeGeneralSidebar : undefined,
-    ref: libraryRef
-  })));
+    className: "editor-inserter-sidebar",
+    children: inserterContents
+  });
 }
 //# sourceMappingURL=index.js.map