@wordpress/editor 13.35.0 → 14.0.1

package/build/components/header/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _data = require("@wordpress/data");
 var _compose = require("@wordpress/compose");
@@ -14,6 +13,7 @@ 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"));
@@ -21,10 +21,10 @@ 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
  */
@@ -37,19 +37,38 @@ var _store = require("../../store");
  * Internal dependencies
  */
 
-const slideY = {
-  hidden: {
+const toolbarVariations = {
+  distractionFreeDisabled: {
     y: '-50px'
   },
-  distractionFreeInactive: {
+  distractionFreeHover: {
+    y: 0
+  },
+  distractionFreeHidden: {
+    y: '-50px'
+  },
+  visible: {
+    y: 0
+  },
+  hidden: {
     y: 0
+  }
+};
+const backButtonVariations = {
+  distractionFreeDisabled: {
+    x: '-100%'
+  },
+  distractionFreeHover: {
+    x: 0
   },
-  hover: {
-    y: 0,
-    transition: {
-      type: 'tween',
-      delay: 0.2
-    }
+  distractionFreeHidden: {
+    x: '-100%'
+  },
+  visible: {
+    x: 0
+  },
+  hidden: {
+    x: 0
   }
 };
 function Header({
@@ -57,8 +76,7 @@ function Header({
   forceIsDirty,
   forceDisableBlockTools,
   setEntitiesSavedStatesCallback,
-  title,
-  children
+  title
 }) {
   const isWideViewport = (0, _compose.useViewportMatch)('large');
   const isLargeViewport = (0, _compose.useViewportMatch)('medium');
@@ -95,53 +113,60 @@ function Header({
 
   // The edit-post-header classname is only kept for backward compatibilty
   // as some plugins might be relying on its presence.
-  return (0, _react.createElement)("div", {
-    className: "editor-header edit-post-header"
-  }, children, (0, _react.createElement)(_components.__unstableMotion.div, {
-    variants: slideY,
-    transition: {
-      type: 'tween',
-      delay: 0.8
-    },
-    className: "editor-header__toolbar"
-  }, (0, _react.createElement)(_documentTools.default, {
-    disableBlockTools: forceDisableBlockTools || isTextEditor
-  }), hasTopToolbar && (0, _react.createElement)(_collapsibleBlockToolbar.default, {
-    isCollapsed: isBlockToolsCollapsed,
-    onToggle: setIsBlockToolsCollapsed
-  }), (0, _react.createElement)("div", {
-    className: (0, _clsx.default)('editor-header__center', {
-      'is-collapsed': !isBlockToolsCollapsed && hasTopToolbar
-    })
-  }, !title ? (0, _react.createElement)(_postTypeSupportCheck.default, {
-    supportKeys: "title"
-  }, (0, _react.createElement)(_documentBar.default, null)) : title)), (0, _react.createElement)(_components.__unstableMotion.div, {
-    variants: slideY,
-    transition: {
-      type: 'tween',
-      delay: 0.8
-    },
-    className: "editor-header__settings"
-  }, !customSaveButton && !isPublishSidebarOpened &&
-  // 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, _react.createElement)(_postSavedState.default, {
-    forceIsDirty: forceIsDirty
-  }), (0, _react.createElement)(_previewDropdown.default, {
-    forceIsAutosaveable: forceIsDirty,
-    disabled: isNestedEntity || isZoomedOutView
-  }), (0, _react.createElement)(_postPreviewButton.default, {
-    className: "editor-header__post-preview-button",
-    forceIsAutosaveable: forceIsDirty
-  }), (0, _react.createElement)(_postViewLink.default, null), !customSaveButton && (0, _react.createElement)(_postPublishButtonOrToggle.default, {
-    forceIsDirty: forceIsDirty,
-    setEntitiesSavedStatesCallback: setEntitiesSavedStatesCallback
-  }), customSaveButton, (isWideViewport || !showIconLabels) && (0, _react.createElement)(_interface.PinnedItems.Slot, {
-    scope: "core"
-  }), (0, _react.createElement)(_moreMenu.default, null)));
+  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)(_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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_compose","_components","_preferences","_element","_interface","_blockEditor","_collapsibleBlockToolbar","_documentBar","_documentTools","_moreMenu","_postPreviewButton","_postPublishButtonOrToggle","_postSavedState","_postTypeSupportCheck","_postViewLink","_previewDropdown","_store","slideY","hidden","y","distractionFreeInactive","hover","transition","type","delay","Header","customSaveButton","forceIsDirty","forceDisableBlockTools","setEntitiesSavedStatesCallback","title","children","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","_react","createElement","className","__unstableMotion","div","variants","default","disableBlockTools","isCollapsed","onToggle","clsx","supportKeys","forceIsAutosaveable","disabled","PinnedItems","Slot","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 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 slideY = {\n\thidden: { y: '-50px' },\n\tdistractionFreeInactive: { y: 0 },\n\thover: { y: 0, transition: { type: 'tween', delay: 0.2 } },\n};\n\nfunction Header( {\n\tcustomSaveButton,\n\tforceIsDirty,\n\tforceDisableBlockTools,\n\tsetEntitiesSavedStatesCallback,\n\ttitle,\n\tchildren,\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{ children }\n\t\t\t<motion.div\n\t\t\t\tvariants={ slideY }\n\t\t\t\ttransition={ { type: 'tween', delay: 0.8 } }\n\t\t\t\tclassName=\"editor-header__toolbar\"\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={ slideY }\n\t\t\t\ttransition={ { type: 'tween', delay: 0.8 } }\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":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_compose","_components","_preferences","_element","_interface","_blockEditor","_backButton","_collapsibleBlockToolbar","_documentBar","_documentTools","_moreMenu","_postPreviewButton","_postPublishButtonOrToggle","_postSavedState","_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","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 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 ? <DocumentBar /> : title }\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,15 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = InserterSidebar;
-var _react = require("react");
 var _data = require("@wordpress/data");
 var _blockEditor = require("@wordpress/block-editor");
 var _compose = require("@wordpress/compose");
 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
  */
@@ -21,19 +22,21 @@ 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 {
       getInserterSidebarToggleRef,
-      getInsertionPoint
+      getInsertionPoint,
+      isPublishSidebarOpened
     } = (0, _lockUnlock.unlock)(select(_store.store));
     const {
       getBlockRootClientId,
@@ -43,6 +46,9 @@ function InserterSidebar({
     const {
       get
     } = select(_preferences.store);
+    const {
+      getActiveComplementaryArea
+    } = select(_interface.store);
     const getBlockSectionRootClientId = () => {
       if (__unstableGetEditorMode() === 'zoom-out') {
         const {
@@ -58,13 +64,21 @@ function InserterSidebar({
       inserterSidebarToggleRef: getInserterSidebarToggleRef(),
       insertionPoint: getInsertionPoint(),
       showMostUsedBlocks: get('core', 'mostUsedBlocks'),
-      blockSectionRootClientId: getBlockSectionRootClientId()
+      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 [inserterDialogRef, inserterDialogProps] = (0, _compose.__experimentalUseDialog)({
+    onClose: () => setIsInserterOpened(false),
+    focusOnMount: true
+  });
   const libraryRef = (0, _element.useRef)();
 
   // When closing the inserter, focus should return to the toggle button.
@@ -78,14 +92,9 @@ function InserterSidebar({
       closeInserterSidebar();
     }
   }, [closeInserterSidebar]);
-  return (
-    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    (0, _react.createElement)("div", {
-      onKeyDown: closeOnEscape,
-      className: "editor-inserter-sidebar"
-    }, (0, _react.createElement)("div", {
-      className: "editor-inserter-sidebar__content"
-    }, (0, _react.createElement)(_blockEditor.__experimentalLibrary, {
+  const inserterContents = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "editor-inserter-sidebar__content",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PrivateInserterLibrary, {
       showMostUsedBlocks: showMostUsedBlocks,
       showInserterHelpPanel: true,
       shouldFocusBlock: isMobileViewport,
@@ -94,10 +103,27 @@ function InserterSidebar({
       __experimentalInitialTab: insertionPoint.tab,
       __experimentalInitialCategory: insertionPoint.category,
       __experimentalFilterValue: insertionPoint.filterValue,
-      __experimentalOnPatternCategorySelection: isRightSidebarOpen ? closeGeneralSidebar : undefined,
+      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",
+    children: inserterContents
+  });
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_blockEditor","_compose","_element","_preferences","_keycodes","_lockUnlock","_store","InserterSidebar","closeGeneralSidebar","isRightSidebarOpen","blockSectionRootClientId","inserterSidebarToggleRef","insertionPoint","showMostUsedBlocks","useSelect","select","getInserterSidebarToggleRef","getInsertionPoint","unlock","editorStore","getBlockRootClientId","__unstableGetEditorMode","getSettings","blockEditorStore","get","preferencesStore","getBlockSectionRootClientId","sectionRootClientId","setIsInserterOpened","useDispatch","isMobileViewport","useViewportMatch","libraryRef","useRef","closeInserterSidebar","useCallback","current","focus","closeOnEscape","event","keyCode","ESCAPE","defaultPrevented","preventDefault","_react","createElement","onKeyDown","className","__experimentalLibrary","showInserterHelpPanel","shouldFocusBlock","rootClientId","__experimentalInsertionIndex","insertionIndex","__experimentalInitialTab","tab","__experimentalInitialCategory","category","__experimentalFilterValue","filterValue","__experimentalOnPatternCategorySelection","undefined","ref","onClose"],"sources":["@wordpress/editor/src/components/inserter-sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\t__experimentalLibrary as Library,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useCallback, useRef } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editorStore } from '../../store';\n\nexport default function InserterSidebar( {\n\tcloseGeneralSidebar,\n\tisRightSidebarOpen,\n} ) {\n\tconst {\n\t\tblockSectionRootClientId,\n\t\tinserterSidebarToggleRef,\n\t\tinsertionPoint,\n\t\tshowMostUsedBlocks,\n\t} = useSelect( ( select ) => {\n\t\tconst { getInserterSidebarToggleRef, getInsertionPoint } = unlock(\n\t\t\tselect( editorStore )\n\t\t);\n\t\tconst { getBlockRootClientId, __unstableGetEditorMode, getSettings } =\n\t\t\tselect( blockEditorStore );\n\t\tconst { get } = select( preferencesStore );\n\t\tconst getBlockSectionRootClientId = () => {\n\t\t\tif ( __unstableGetEditorMode() === 'zoom-out' ) {\n\t\t\t\tconst { sectionRootClientId } = unlock( getSettings() );\n\t\t\t\tif ( sectionRootClientId ) {\n\t\t\t\t\treturn sectionRootClientId;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn getBlockRootClientId();\n\t\t};\n\t\treturn {\n\t\t\tinserterSidebarToggleRef: getInserterSidebarToggleRef(),\n\t\t\tinsertionPoint: getInsertionPoint(),\n\t\t\tshowMostUsedBlocks: get( 'core', 'mostUsedBlocks' ),\n\t\t\tblockSectionRootClientId: getBlockSectionRootClientId(),\n\t\t};\n\t}, [] );\n\tconst { setIsInserterOpened } = useDispatch( editorStore );\n\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst libraryRef = useRef();\n\n\t// When closing the inserter, focus should return to the toggle button.\n\tconst closeInserterSidebar = useCallback( () => {\n\t\tsetIsInserterOpened( false );\n\t\tinserterSidebarToggleRef.current?.focus();\n\t}, [ inserterSidebarToggleRef, setIsInserterOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseInserterSidebar();\n\t\t\t}\n\t\t},\n\t\t[ closeInserterSidebar ]\n\t);\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div onKeyDown={ closeOnEscape } className=\"editor-inserter-sidebar\">\n\t\t\t<div className=\"editor-inserter-sidebar__content\">\n\t\t\t\t<Library\n\t\t\t\t\tshowMostUsedBlocks={ showMostUsedBlocks }\n\t\t\t\t\tshowInserterHelpPanel\n\t\t\t\t\tshouldFocusBlock={ isMobileViewport }\n\t\t\t\t\trootClientId={\n\t\t\t\t\t\tblockSectionRootClientId ?? insertionPoint.rootClientId\n\t\t\t\t\t}\n\t\t\t\t\t__experimentalInsertionIndex={\n\t\t\t\t\t\tinsertionPoint.insertionIndex\n\t\t\t\t\t}\n\t\t\t\t\t__experimentalInitialTab={ insertionPoint.tab }\n\t\t\t\t\t__experimentalInitialCategory={ insertionPoint.category }\n\t\t\t\t\t__experimentalFilterValue={ insertionPoint.filterValue }\n\t\t\t\t\t__experimentalOnPatternCategorySelection={\n\t\t\t\t\t\tisRightSidebarOpen ? closeGeneralSidebar : undefined\n\t\t\t\t\t}\n\t\t\t\t\tref={ libraryRef }\n\t\t\t\t\tonClose={ closeInserterSidebar }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_data","require","_blockEditor","_compose","_element","_preferences","_keycodes","_interface","_lockUnlock","_store","_jsxRuntime","PrivateInserterLibrary","unlock","blockEditorPrivateApis","InserterSidebar","blockSectionRootClientId","inserterSidebarToggleRef","insertionPoint","showMostUsedBlocks","sidebarIsOpened","useSelect","select","getInserterSidebarToggleRef","getInsertionPoint","isPublishSidebarOpened","editorStore","getBlockRootClientId","__unstableGetEditorMode","getSettings","blockEditorStore","get","preferencesStore","getActiveComplementaryArea","interfaceStore","getBlockSectionRootClientId","sectionRootClientId","setIsInserterOpened","useDispatch","disableComplementaryArea","isMobileViewport","useViewportMatch","inserterDialogRef","inserterDialogProps","useDialog","onClose","focusOnMount","libraryRef","useRef","closeInserterSidebar","useCallback","current","focus","closeOnEscape","event","keyCode","ESCAPE","defaultPrevented","preventDefault","inserterContents","jsx","className","children","showInserterHelpPanel","shouldFocusBlock","rootClientId","__experimentalInsertionIndex","insertionIndex","__experimentalInitialTab","tab","__experimentalInitialCategory","category","__experimentalFilterValue","filterValue","onPatternCategorySelection","undefined","ref","window","__experimentalEnableZoomedOutPatternsTab","onKeyDown"],"sources":["@wordpress/editor/src/components/inserter-sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tuseViewportMatch,\n\t__experimentalUseDialog as useDialog,\n} from '@wordpress/compose';\nimport { useCallback, useRef } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { ESCAPE } from '@wordpress/keycodes';\nimport { store as interfaceStore } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editorStore } from '../../store';\n\nconst { PrivateInserterLibrary } = unlock( blockEditorPrivateApis );\n\nexport default function InserterSidebar() {\n\tconst {\n\t\tblockSectionRootClientId,\n\t\tinserterSidebarToggleRef,\n\t\tinsertionPoint,\n\t\tshowMostUsedBlocks,\n\t\tsidebarIsOpened,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetInserterSidebarToggleRef,\n\t\t\tgetInsertionPoint,\n\t\t\tisPublishSidebarOpened,\n\t\t} = unlock( select( editorStore ) );\n\t\tconst { getBlockRootClientId, __unstableGetEditorMode, getSettings } =\n\t\t\tselect( blockEditorStore );\n\t\tconst { get } = select( preferencesStore );\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\tconst getBlockSectionRootClientId = () => {\n\t\t\tif ( __unstableGetEditorMode() === 'zoom-out' ) {\n\t\t\t\tconst { sectionRootClientId } = unlock( getSettings() );\n\t\t\t\tif ( sectionRootClientId ) {\n\t\t\t\t\treturn sectionRootClientId;\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn getBlockRootClientId();\n\t\t};\n\t\treturn {\n\t\t\tinserterSidebarToggleRef: getInserterSidebarToggleRef(),\n\t\t\tinsertionPoint: getInsertionPoint(),\n\t\t\tshowMostUsedBlocks: get( 'core', 'mostUsedBlocks' ),\n\t\t\tblockSectionRootClientId: getBlockSectionRootClientId(),\n\t\t\tsidebarIsOpened: !! (\n\t\t\t\tgetActiveComplementaryArea( 'core' ) || isPublishSidebarOpened()\n\t\t\t),\n\t\t};\n\t}, [] );\n\tconst { setIsInserterOpened } = useDispatch( editorStore );\n\tconst { disableComplementaryArea } = useDispatch( interfaceStore );\n\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst [ inserterDialogRef, inserterDialogProps ] = useDialog( {\n\t\tonClose: () => setIsInserterOpened( false ),\n\t\tfocusOnMount: true,\n\t} );\n\tconst libraryRef = useRef();\n\n\t// When closing the inserter, focus should return to the toggle button.\n\tconst closeInserterSidebar = useCallback( () => {\n\t\tsetIsInserterOpened( false );\n\t\tinserterSidebarToggleRef.current?.focus();\n\t}, [ inserterSidebarToggleRef, setIsInserterOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseInserterSidebar();\n\t\t\t}\n\t\t},\n\t\t[ closeInserterSidebar ]\n\t);\n\n\tconst inserterContents = (\n\t\t<div className=\"editor-inserter-sidebar__content\">\n\t\t\t<PrivateInserterLibrary\n\t\t\t\tshowMostUsedBlocks={ showMostUsedBlocks }\n\t\t\t\tshowInserterHelpPanel\n\t\t\t\tshouldFocusBlock={ isMobileViewport }\n\t\t\t\trootClientId={\n\t\t\t\t\tblockSectionRootClientId ?? insertionPoint.rootClientId\n\t\t\t\t}\n\t\t\t\t__experimentalInsertionIndex={ insertionPoint.insertionIndex }\n\t\t\t\t__experimentalInitialTab={ insertionPoint.tab }\n\t\t\t\t__experimentalInitialCategory={ insertionPoint.category }\n\t\t\t\t__experimentalFilterValue={ insertionPoint.filterValue }\n\t\t\t\tonPatternCategorySelection={\n\t\t\t\t\tsidebarIsOpened\n\t\t\t\t\t\t? () => disableComplementaryArea( 'core' )\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\tref={ libraryRef }\n\t\t\t\tonClose={ closeInserterSidebar }\n\t\t\t/>\n\t\t</div>\n\t);\n\n\tif ( window.__experimentalEnableZoomedOutPatternsTab ) {\n\t\treturn (\n\t\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t\t<div\n\t\t\t\tonKeyDown={ closeOnEscape }\n\t\t\t\tclassName=\"editor-inserter-sidebar\"\n\t\t\t>\n\t\t\t\t{ inserterContents }\n\t\t\t</div>\n\t\t);\n\t}\n\treturn (\n\t\t<div\n\t\t\tref={ inserterDialogRef }\n\t\t\t{ ...inserterDialogProps }\n\t\t\tclassName=\"editor-inserter-sidebar\"\n\t\t>\n\t\t\t{ inserterContents }\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/keyboard-shortcut-help-modal/dynamic-shortcut.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _data = require("@wordpress/data");
 var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
 var _shortcut = _interopRequireDefault(require("./shortcut"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -39,7 +39,7 @@ function DynamicShortcut({
   if (!keyCombination) {
     return null;
   }
-  return (0, _react.createElement)(_shortcut.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_shortcut.default, {
     keyCombination: keyCombination,
     description: description,
     aliases: aliases

package/build/components/keyboard-shortcut-help-modal/dynamic-shortcut.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_keyboardShortcuts","_shortcut","_interopRequireDefault","DynamicShortcut","name","keyCombination","description","aliases","useSelect","select","getShortcutKeyCombination","getShortcutDescription","getShortcutAliases","keyboardShortcutsStore","_react","createElement","default","_default","exports"],"sources":["@wordpress/editor/src/components/keyboard-shortcut-help-modal/dynamic-shortcut.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\n\n/**\n * Internal dependencies\n */\nimport Shortcut from './shortcut';\n\nfunction DynamicShortcut( { name } ) {\n\tconst { keyCombination, description, aliases } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetShortcutKeyCombination,\n\t\t\t\tgetShortcutDescription,\n\t\t\t\tgetShortcutAliases,\n\t\t\t} = select( keyboardShortcutsStore );\n\n\t\t\treturn {\n\t\t\t\tkeyCombination: getShortcutKeyCombination( name ),\n\t\t\t\taliases: getShortcutAliases( name ),\n\t\t\t\tdescription: getShortcutDescription( name ),\n\t\t\t};\n\t\t},\n\t\t[ name ]\n\t);\n\n\tif ( ! keyCombination ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Shortcut\n\t\t\tkeyCombination={ keyCombination }\n\t\t\tdescription={ description }\n\t\t\taliases={ aliases }\n\t\t/>\n\t);\n}\n\nexport default DynamicShortcut;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAKA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,SAASI,eAAeA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACpC,MAAM;IAAEC,cAAc;IAAEC,WAAW;IAAEC;EAAQ,CAAC,GAAG,IAAAC,eAAS,EACvDC,MAAM,IAAM;IACb,MAAM;MACLC,yBAAyB;MACzBC,sBAAsB;MACtBC;IACD,CAAC,GAAGH,MAAM,CAAEI,wBAAuB,CAAC;IAEpC,OAAO;MACNR,cAAc,EAAEK,yBAAyB,CAAEN,IAAK,CAAC;MACjDG,OAAO,EAAEK,kBAAkB,CAAER,IAAK,CAAC;MACnCE,WAAW,EAAEK,sBAAsB,CAAEP,IAAK;IAC3C,CAAC;EACF,CAAC,EACD,CAAEA,IAAI,CACP,CAAC;EAED,IAAK,CAAEC,cAAc,EAAG;IACvB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAS,MAAA,CAAAC,aAAA,EAACd,SAAA,CAAAe,OAAQ;IACRX,cAAc,EAAGA,cAAgB;IACjCC,WAAW,EAAGA,WAAa;IAC3BC,OAAO,EAAGA;EAAS,CACnB,CAAC;AAEJ;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEcb,eAAe","ignoreList":[]}
+{"version":3,"names":["_data","require","_keyboardShortcuts","_shortcut","_interopRequireDefault","_jsxRuntime","DynamicShortcut","name","keyCombination","description","aliases","useSelect","select","getShortcutKeyCombination","getShortcutDescription","getShortcutAliases","keyboardShortcutsStore","jsx","default","_default","exports"],"sources":["@wordpress/editor/src/components/keyboard-shortcut-help-modal/dynamic-shortcut.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\n\n/**\n * Internal dependencies\n */\nimport Shortcut from './shortcut';\n\nfunction DynamicShortcut( { name } ) {\n\tconst { keyCombination, description, aliases } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetShortcutKeyCombination,\n\t\t\t\tgetShortcutDescription,\n\t\t\t\tgetShortcutAliases,\n\t\t\t} = select( keyboardShortcutsStore );\n\n\t\t\treturn {\n\t\t\t\tkeyCombination: getShortcutKeyCombination( name ),\n\t\t\t\taliases: getShortcutAliases( name ),\n\t\t\t\tdescription: getShortcutDescription( name ),\n\t\t\t};\n\t\t},\n\t\t[ name ]\n\t);\n\n\tif ( ! keyCombination ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Shortcut\n\t\t\tkeyCombination={ keyCombination }\n\t\t\tdescription={ description }\n\t\t\taliases={ aliases }\n\t\t/>\n\t);\n}\n\nexport default DynamicShortcut;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAKA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAkC,IAAAI,WAAA,GAAAJ,OAAA;AATlC;AACA;AACA;;AAIA;AACA;AACA;;AAGA,SAASK,eAAeA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACpC,MAAM;IAAEC,cAAc;IAAEC,WAAW;IAAEC;EAAQ,CAAC,GAAG,IAAAC,eAAS,EACvDC,MAAM,IAAM;IACb,MAAM;MACLC,yBAAyB;MACzBC,sBAAsB;MACtBC;IACD,CAAC,GAAGH,MAAM,CAAEI,wBAAuB,CAAC;IAEpC,OAAO;MACNR,cAAc,EAAEK,yBAAyB,CAAEN,IAAK,CAAC;MACjDG,OAAO,EAAEK,kBAAkB,CAAER,IAAK,CAAC;MACnCE,WAAW,EAAEK,sBAAsB,CAAEP,IAAK;IAC3C,CAAC;EACF,CAAC,EACD,CAAEA,IAAI,CACP,CAAC;EAED,IAAK,CAAEC,cAAc,EAAG;IACvB,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAH,WAAA,CAAAY,GAAA,EAACd,SAAA,CAAAe,OAAQ;IACRV,cAAc,EAAGA,cAAgB;IACjCC,WAAW,EAAGA,WAAa;IAC3BC,OAAO,EAAGA;EAAS,CACnB,CAAC;AAEJ;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEcZ,eAAe","ignoreList":[]}

package/build/components/keyboard-shortcut-help-modal/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -15,6 +14,7 @@ var _interface = require("@wordpress/interface");
 var _config = require("./config");
 var _shortcut = _interopRequireDefault(require("./shortcut"));
 var _dynamicShortcut = _interopRequireDefault(require("./dynamic-shortcut"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -31,34 +31,38 @@ const KEYBOARD_SHORTCUT_HELP_MODAL_NAME = 'editor/keyboard-shortcut-help';
 const ShortcutList = ({
   shortcuts
 }) =>
+/*#__PURE__*/
 /*
  * Disable reason: The `list` ARIA role is redundant but
  * Safari+VoiceOver won't announce the list otherwise.
  */
 /* eslint-disable jsx-a11y/no-redundant-roles */
-(0, _react.createElement)("ul", {
+(0, _jsxRuntime.jsx)("ul", {
   className: "editor-keyboard-shortcut-help-modal__shortcut-list",
-  role: "list"
-}, shortcuts.map((shortcut, index) => (0, _react.createElement)("li", {
-  className: "editor-keyboard-shortcut-help-modal__shortcut",
-  key: index
-}, typeof shortcut === 'string' ? (0, _react.createElement)(_dynamicShortcut.default, {
-  name: shortcut
-}) : (0, _react.createElement)(_shortcut.default, {
-  ...shortcut
-}))))
+  role: "list",
+  children: shortcuts.map((shortcut, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+    className: "editor-keyboard-shortcut-help-modal__shortcut",
+    children: typeof shortcut === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_dynamicShortcut.default, {
+      name: shortcut
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_shortcut.default, {
+      ...shortcut
+    })
+  }, index))
+})
 /* eslint-enable jsx-a11y/no-redundant-roles */;
 const ShortcutSection = ({
   title,
   shortcuts,
   className
-}) => (0, _react.createElement)("section", {
-  className: (0, _clsx.default)('editor-keyboard-shortcut-help-modal__section', className)
-}, !!title && (0, _react.createElement)("h2", {
-  className: "editor-keyboard-shortcut-help-modal__section-title"
-}, title), (0, _react.createElement)(ShortcutList, {
-  shortcuts: shortcuts
-}));
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("section", {
+  className: (0, _clsx.default)('editor-keyboard-shortcut-help-modal__section', className),
+  children: [!!title && /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+    className: "editor-keyboard-shortcut-help-modal__section-title",
+    children: title
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ShortcutList, {
+    shortcuts: shortcuts
+  })]
+});
 const ShortcutCategorySection = ({
   title,
   categoryName,
@@ -67,7 +71,7 @@ const ShortcutCategorySection = ({
   const categoryShortcuts = (0, _data.useSelect)(select => {
     return select(_keyboardShortcuts.store).getCategoryShortcuts(categoryName);
   }, [categoryName]);
-  return (0, _react.createElement)(ShortcutSection, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ShortcutSection, {
     title: title,
     shortcuts: categoryShortcuts.concat(additionalShortcuts)
   });
@@ -89,38 +93,39 @@ function KeyboardShortcutHelpModal() {
   if (!isModalActive) {
     return null;
   }
-  return (0, _react.createElement)(_components.Modal, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Modal, {
     className: "editor-keyboard-shortcut-help-modal",
     title: (0, _i18n.__)('Keyboard shortcuts'),
     closeButtonLabel: (0, _i18n.__)('Close'),
-    onRequestClose: toggleModal
-  }, (0, _react.createElement)(ShortcutSection, {
-    className: "editor-keyboard-shortcut-help-modal__main-shortcuts",
-    shortcuts: ['core/editor/keyboard-shortcuts']
-  }), (0, _react.createElement)(ShortcutCategorySection, {
-    title: (0, _i18n.__)('Global shortcuts'),
-    categoryName: "global"
-  }), (0, _react.createElement)(ShortcutCategorySection, {
-    title: (0, _i18n.__)('Selection shortcuts'),
-    categoryName: "selection"
-  }), (0, _react.createElement)(ShortcutCategorySection, {
-    title: (0, _i18n.__)('Block shortcuts'),
-    categoryName: "block",
-    additionalShortcuts: [{
-      keyCombination: {
-        character: '/'
-      },
-      description: (0, _i18n.__)('Change the block type after adding a new paragraph.'),
-      /* translators: The forward-slash character. e.g. '/'. */
-      ariaLabel: (0, _i18n.__)('Forward-slash')
-    }]
-  }), (0, _react.createElement)(ShortcutSection, {
-    title: (0, _i18n.__)('Text formatting'),
-    shortcuts: _config.textFormattingShortcuts
-  }), (0, _react.createElement)(ShortcutCategorySection, {
-    title: (0, _i18n.__)('List View shortcuts'),
-    categoryName: "list-view"
-  }));
+    onRequestClose: toggleModal,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ShortcutSection, {
+      className: "editor-keyboard-shortcut-help-modal__main-shortcuts",
+      shortcuts: ['core/editor/keyboard-shortcuts']
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ShortcutCategorySection, {
+      title: (0, _i18n.__)('Global shortcuts'),
+      categoryName: "global"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ShortcutCategorySection, {
+      title: (0, _i18n.__)('Selection shortcuts'),
+      categoryName: "selection"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ShortcutCategorySection, {
+      title: (0, _i18n.__)('Block shortcuts'),
+      categoryName: "block",
+      additionalShortcuts: [{
+        keyCombination: {
+          character: '/'
+        },
+        description: (0, _i18n.__)('Change the block type after adding a new paragraph.'),
+        /* translators: The forward-slash character. e.g. '/'. */
+        ariaLabel: (0, _i18n.__)('Forward-slash')
+      }]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ShortcutSection, {
+      title: (0, _i18n.__)('Text formatting'),
+      shortcuts: _config.textFormattingShortcuts
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ShortcutCategorySection, {
+      title: (0, _i18n.__)('List View shortcuts'),
+      categoryName: "list-view"
+    })]
+  });
 }
 var _default = exports.default = KeyboardShortcutHelpModal;
 //# sourceMappingURL=index.js.map