npm - @wordpress/edit-site - Versions diffs - 6.0.0 → 6.0.1 - Mend

@wordpress/edit-site 6.0.0 → 6.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (100) hide show

package/build/components/global-styles-sidebar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_preferences","_editor","_globalStyles","_store","_ui","_lockUnlock","_coreData","_defaultSidebar","_interopRequireDefault","_jsxRuntime","interfaceStore","unlock","editorPrivateApis","GlobalStylesSidebar","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","hasRevisions","isRevisionsOpened","isRevisionsStyleBookOpened","useSelect","select","getActiveComplementaryArea","getEditorCanvasContainerView","getCanvasMode","editSiteStore","canvasContainerView","_isVisualEditorMode","editorStore","getEditorMode","_isEditCanvasMode","_showListViewByDefault","preferencesStore","get","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","count","setEditorCanvasContainerView","useDispatch","useEffect","setIsListViewOpened","goTo","useNavigator","toggleRevisions","toggleStyleBook","jsx","default","className","identifier","title","__","icon","styles","closeLabel","panelClassName","header","jsxs","Flex","gap","children","FlexBlock","style","minWidth","FlexItem","Button","seen","label","isPressed","disabled","onClick","size","backup","GlobalStylesMenuSlot","GlobalStylesUI"],"sources":["@wordpress/edit-site/src/components/global-styles-sidebar/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tFlexItem,\n\tFlexBlock,\n\tFlex,\n\tButton,\n\t__experimentalUseNavigator as useNavigator,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles, seen, backup } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/\n Internal dependencies\n */\nimport { GlobalStylesUI } from '../global-styles';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesMenuSlot } from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\nimport { store as coreStore } from '@wordpress/core-data';\nimport DefaultSidebar from './default-sidebar';\n\nconst { interfaceStore } = unlock( editorPrivateApis );\n\nexport default function GlobalStylesSidebar() {\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t\thasRevisions,\n\t\tisRevisionsOpened,\n\t\tisRevisionsStyleBookOpened,\n\t} = useSelect( ( select ) => {\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\tconst { getEditorCanvasContainerView, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst canvasContainerView = getEditorCanvasContainerView();\n\t\tconst _isVisualEditorMode =\n\t\t\t'visual' === select( editorStore ).getEditorMode();\n\t\tconst _isEditCanvasMode = 'edit' === getCanvasMode();\n\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t'core',\n\t\t\t'showListViewByDefault'\n\t\t);\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tisStyleBookOpened: 'style-book' === canvasContainerView,\n\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\tgetActiveComplementaryArea( 'core' ) \|\|\n\t\t\t\t! _isVisualEditorMode \|\|\n\t\t\t\t! _isEditCanvasMode,\n\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\thasRevisions:\n\t\t\t\t!! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count,\n\t\t\tisRevisionsStyleBookOpened:\n\t\t\t\t'global-styles-revisions:style-book' === canvasContainerView,\n\t\t\tisRevisionsOpened:\n\t\t\t\t'global-styles-revisions' === canvasContainerView,\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\tconst { goTo } = useNavigator();\n\n\tconst toggleRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tgoTo( '/' );\n\t\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsOpened ) {\n\t\t\tgoTo( '/' );\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\treturn;\n\t\t}\n\t\tgoTo( '/revisions' );\n\n\t\tif ( isStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t} else {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t}\n\t};\n\tconst toggleStyleBook = () => {\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t\treturn;\n\t\t}\n\t\tsetIsListViewOpened( isStyleBookOpened && showListViewByDefault );\n\t\tsetEditorCanvasContainerView(\n\t\t\tisStyleBookOpened ? undefined : 'style-book'\n\t\t);\n\t};\n\n\treturn (\n\t\t<DefaultSidebar\n\t\t\tclassName=\"edit-site-global-styles-sidebar\"\n\t\t\tidentifier=\"edit-site/global-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t\ticon={ styles }\n\t\t\tcloseLabel={ __( 'Close Styles' ) }\n\t\t\tpanelClassName=\"edit-site-global-styles-sidebar__panel\"\n\t\t\theader={\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header\"\n\t\t\t\t\tgap={ 1 }\n\t\t\t\t>\n\t\t\t\t\t<FlexBlock style={ { minWidth: 'min-content' } }>\n\t\t\t\t\t\t<h2 className=\"edit-site-global-styles-sidebar__header-title\">\n\t\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisStyleBookOpened \|\| isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\tonClick={ toggleStyleBook }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t\t\tonClick={ toggleRevisions }\n\t\t\t\t\t\t\tdisabled={ ! hasRevisions }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisRevisionsOpened \|\| isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<GlobalStylesMenuSlot />\n\t\t\t\t</Flex>\n\t\t\t}\n\t\t>\n\t\t\t<GlobalStylesUI />\n\t\t</DefaultSidebar>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_preferences","_editor","_globalStyles","_store","_ui","_lockUnlock","_coreData","_defaultSidebar","_interopRequireDefault","_jsxRuntime","interfaceStore","unlock","editorPrivateApis","GlobalStylesSidebar","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","hasRevisions","isRevisionsOpened","isRevisionsStyleBookOpened","useSelect","select","getActiveComplementaryArea","getEditorCanvasContainerView","getCanvasMode","editSiteStore","canvasContainerView","_isVisualEditorMode","editorStore","getEditorMode","_isEditCanvasMode","_showListViewByDefault","preferencesStore","get","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","count","setEditorCanvasContainerView","useDispatch","useEffect","setIsListViewOpened","goTo","useNavigator","toggleRevisions","toggleStyleBook","jsx","default","className","identifier","title","__","icon","styles","closeLabel","panelClassName","header","jsxs","Flex","gap","children","FlexBlock","style","minWidth","FlexItem","Button","seen","label","isPressed","__experimentalIsFocusable","disabled","onClick","size","backup","GlobalStylesMenuSlot","GlobalStylesUI"],"sources":["@wordpress/edit-site/src/components/global-styles-sidebar/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tFlexItem,\n\tFlexBlock,\n\tFlex,\n\tButton,\n\t__experimentalUseNavigator as useNavigator,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles, seen, backup } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/\n Internal dependencies\n */\nimport { GlobalStylesUI } from '../global-styles';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesMenuSlot } from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\nimport { store as coreStore } from '@wordpress/core-data';\nimport DefaultSidebar from './default-sidebar';\n\nconst { interfaceStore } = unlock( editorPrivateApis );\n\nexport default function GlobalStylesSidebar() {\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t\thasRevisions,\n\t\tisRevisionsOpened,\n\t\tisRevisionsStyleBookOpened,\n\t} = useSelect( ( select ) => {\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\tconst { getEditorCanvasContainerView, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst canvasContainerView = getEditorCanvasContainerView();\n\t\tconst _isVisualEditorMode =\n\t\t\t'visual' === select( editorStore ).getEditorMode();\n\t\tconst _isEditCanvasMode = 'edit' === getCanvasMode();\n\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t'core',\n\t\t\t'showListViewByDefault'\n\t\t);\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tisStyleBookOpened: 'style-book' === canvasContainerView,\n\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\tgetActiveComplementaryArea( 'core' ) \|\|\n\t\t\t\t! _isVisualEditorMode \|\|\n\t\t\t\t! _isEditCanvasMode,\n\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\thasRevisions:\n\t\t\t\t!! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count,\n\t\t\tisRevisionsStyleBookOpened:\n\t\t\t\t'global-styles-revisions:style-book' === canvasContainerView,\n\t\t\tisRevisionsOpened:\n\t\t\t\t'global-styles-revisions' === canvasContainerView,\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\tconst { goTo } = useNavigator();\n\n\tconst toggleRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tgoTo( '/' );\n\t\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsOpened ) {\n\t\t\tgoTo( '/' );\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\treturn;\n\t\t}\n\t\tgoTo( '/revisions' );\n\n\t\tif ( isStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t} else {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t}\n\t};\n\tconst toggleStyleBook = () => {\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t\treturn;\n\t\t}\n\t\tsetIsListViewOpened( isStyleBookOpened && showListViewByDefault );\n\t\tsetEditorCanvasContainerView(\n\t\t\tisStyleBookOpened ? undefined : 'style-book'\n\t\t);\n\t};\n\n\treturn (\n\t\t<DefaultSidebar\n\t\t\tclassName=\"edit-site-global-styles-sidebar\"\n\t\t\tidentifier=\"edit-site/global-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t\ticon={ styles }\n\t\t\tcloseLabel={ __( 'Close Styles' ) }\n\t\t\tpanelClassName=\"edit-site-global-styles-sidebar__panel\"\n\t\t\theader={\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header\"\n\t\t\t\t\tgap={ 1 }\n\t\t\t\t>\n\t\t\t\t\t<FlexBlock style={ { minWidth: 'min-content' } }>\n\t\t\t\t\t\t<h2 className=\"edit-site-global-styles-sidebar__header-title\">\n\t\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisStyleBookOpened \|\| isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\tonClick={ toggleStyleBook }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t\t\tonClick={ toggleRevisions }\n\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\tdisabled={ ! hasRevisions }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisRevisionsOpened \|\| isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<GlobalStylesMenuSlot />\n\t\t\t\t</Flex>\n\t\t\t}\n\t\t>\n\t\t\t<GlobalStylesUI />\n\t\t</DefaultSidebar>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/layout/index.js CHANGED Viewed

@@ -68,14 +68,14 @@ function Layout() {
   (0, _useEditModeCommands.useEditModeCommands)();
   (0, _useCommonCommands.useCommonCommands)();
   const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
+  const toggleRef = (0, _element.useRef)();
   const {
     isDistractionFree,
     hasFixedToolbar,
     hasBlockSelected,
     canvasMode,
     previousShortcut,
-    nextShortcut,
-    hasBlockBreadcrumbs
+    nextShortcut
   } = (0, _data.useSelect)(select => {
     const {
       getAllShortcutKeyCombinations
@@ -89,7 +89,6 @@ function Layout() {
       nextShortcut: getAllShortcutKeyCombinations('core/editor/next-region'),
       hasFixedToolbar: select(_preferences.store).get('core', 'fixedToolbar'),
       isDistractionFree: select(_preferences.store).get('core', 'distractionFree'),
-      hasBlockBreadcrumbs: select(_preferences.store).get('core', 'showBlockBreadcrumbs'),
       hasBlockSelected: select(_blockEditor.store).getBlockSelectionStart()
     };
   }, []);
@@ -111,26 +110,6 @@ function Layout() {
     triggerAnimationOnChange: canvasMode + '__' + routeKey
   });
-  // This determines which animation variant should apply to the header.
-  // There is also a `isDistractionFreeHovering` state that gets priority
-  // when hovering the `edit-site-layout__header-container` in distraction
-  // free mode. It's set via framer and trickles down to all the children
-  // so they can use this variant state too.
-  //
-  // TODO: The issue with this is we want to have the hover state stick when hovering
-  // a popover opened via the header. We'll probably need to lift this state to
-  // handle it ourselves. Also, focusWithin the header needs to be handled.
-  let headerAnimationState;
-  if (canvasMode === 'view') {
-    // We need 'view' to always take priority so 'isDistractionFree'
-    // doesn't bleed over into the view (sidebar) state
-    headerAnimationState = 'view';
-  } else if (isDistractionFree) {
-    headerAnimationState = 'isDistractionFree';
-  } else {
-    headerAnimationState = canvasMode; // edit, view, init
-  }
   // Sets the right context for the command palette
   let commandContext = 'site-editor';
   if (canvasMode === 'edit') {
@@ -142,6 +121,14 @@ function Layout() {
   useCommandContext(commandContext);
   const [backgroundColor] = useGlobalStyle('color.background');
   const [gradientValue] = useGlobalStyle('color.gradient');
+  const previousCanvaMode = (0, _compose.usePrevious)(canvasMode);
+  (0, _element.useEffect)(() => {
+    if (previousCanvaMode === 'edit') {
+      toggleRef.current?.focus();
+    }
+    // Should not depend on the previous canvas mode value but the next.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [canvasMode]);
   // Synchronizing the URL with the store value of canvasMode happens in an effect
   // This condition ensures the component is only rendered after the synchronization happens
@@ -157,42 +144,9 @@ function Layout() {
         'is-distraction-free': isDistractionFree && canvasMode === 'edit',
         'is-full-canvas': canvasMode === 'edit',
         'has-fixed-toolbar': hasFixedToolbar,
-        'is-block-toolbar-visible': hasBlockSelected,
-        'has-block-breadcrumbs': hasBlockBreadcrumbs && !isDistractionFree && canvasMode === 'edit'
+        'is-block-toolbar-visible': hasBlockSelected
       }),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__unstableMotion.div, {
-        className: "edit-site-layout__header-container",
-        variants: {
-          isDistractionFree: {
-            opacity: 0,
-            transition: {
-              type: 'tween',
-              delay: 0.8,
-              delayChildren: 0.8
-            } // How long to wait before the header exits
-          },
-          isDistractionFreeHovering: {
-            opacity: 1,
-            transition: {
-              type: 'tween',
-              delay: 0.2,
-              delayChildren: 0.2
-            } // How long to wait before the header shows
-          },
-          view: {
-            opacity: 1
-          },
-          edit: {
-            opacity: 1
-          }
-        },
-        whileHover: isDistractionFree ? 'isDistractionFreeHovering' : undefined,
-        animate: headerAnimationState,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_siteHub.default, {
-          isTransparent: isResizableFrameOversized,
-          className: "edit-site-layout__hub"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "edit-site-layout__content",
         children: [(!isMobileViewport || !areas.mobile) && /*#__PURE__*/(0, _jsxRuntime.jsx)(NavigableRegion, {
           ariaLabel: (0, _i18n.__)('Navigation'),
@@ -216,7 +170,10 @@ function Layout() {
                 ease: 'easeOut'
               },
               className: "edit-site-layout__sidebar",
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebar.default, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_siteHub.default, {
+                ref: toggleRef,
+                isTransparent: isResizableFrameOversized
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebar.default, {
                 routeKey: routeKey,
                 children: areas.sidebar
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_saveHub.default, {})]

package/build/components/layout/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_components","_compose","_i18n","_element","_keyboardShortcuts","_commands","_preferences","_blockEditor","_coreCommands","_editor","_errorBoundary","_store","_useInitEditedEntityFromUrl","_siteHub","_resizableFrame","_useSyncCanvasModeWithUrl","_lockUnlock","_savePanel","_register","_global","_useCommonCommands","_useEditModeCommands","_hooks","_router","_animation","_sidebar","_saveHub","_jsxRuntime","useCommands","unlock","coreCommandsPrivateApis","useCommandContext","commandsPrivateApis","useGlobalStyle","blockEditorPrivateApis","NavigableRegion","editorPrivateApis","ANIMATION_DURATION","Layout","useInitEditedEntityFromURL","useSyncCanvasModeWithURL","useEditModeCommands","useCommonCommands","isMobileViewport","useViewportMatch","isDistractionFree","hasFixedToolbar","hasBlockSelected","canvasMode","previousShortcut","nextShortcut","hasBlockBreadcrumbs","useSelect","select","getAllShortcutKeyCombinations","keyboardShortcutsStore","getCanvasMode","editSiteStore","preferencesStore","get","blockEditorStore","getBlockSelectionStart","navigateRegionsProps","useNavigateRegions","previous","next","disableMotion","useReducedMotion","canvasResizer","canvasSize","useResizeObserver","fullResizer","isEditorLoading","useIsSiteEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","useState","key","routeKey","areas","widths","useLayoutAreas","animationRef","useMovingAnimation","triggerAnimationOnChange","headerAnimationState","commandContext","backgroundColor","gradientValue","jsxs","Fragment","children","jsx","CommandMenu","default","ref","className","clsx","__unstableMotion","div","variants","opacity","transition","type","delay","delayChildren","isDistractionFreeHovering","view","edit","whileHover","undefined","animate","isTransparent","mobile","ariaLabel","__","__unstableAnimatePresence","initial","exit","duration","ease","sidebar","EditorSnackbars","content","style","maxWidth","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport {\n\tCommandMenu,\n\tprivateApis as commandsPrivateApis,\n} from '@wordpress/commands';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\nimport {\n\tEditorSnackbars,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/\n Internal dependencies\n /\nimport ErrorBoundary from '../error-boundary';\nimport { store as editSiteStore } from '../../store';\nimport useInitEditedEntityFromURL from '../sync-state-with-url/use-init-edited-entity-from-url';\nimport SiteHub from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';\nimport { unlock } from '../../lock-unlock';\nimport SavePanel from '../save-panel';\nimport KeyboardShortcutsRegister from '../keyboard-shortcuts/register';\nimport KeyboardShortcutsGlobal from '../keyboard-shortcuts/global';\nimport { useCommonCommands } from '../../hooks/commands/use-common-commands';\nimport { useEditModeCommands } from '../../hooks/commands/use-edit-mode-commands';\nimport { useIsSiteEditorLoading } from './hooks';\nimport useLayoutAreas from './router';\nimport useMovingAnimation from './animation';\nimport SidebarContent from '../sidebar';\nimport SaveHub from '../save-hub';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useCommandContext } = unlock( commandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { NavigableRegion } = unlock( editorPrivateApis );\n\nconst ANIMATION_DURATION = 0.3;\n\nexport default function Layout() {\n\t// This ensures the edited entity id and type are initialized properly.\n\tuseInitEditedEntityFromURL();\n\tuseSyncCanvasModeWithURL();\n\tuseCommands();\n\tuseEditModeCommands();\n\tuseCommonCommands();\n\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tconst {\n\t\tisDistractionFree,\n\t\thasFixedToolbar,\n\t\thasBlockSelected,\n\t\tcanvasMode,\n\t\tpreviousShortcut,\n\t\tnextShortcut,\n\t\thasBlockBreadcrumbs,\n\t} = useSelect( ( select ) => {\n\t\tconst { getAllShortcutKeyCombinations } = select(\n\t\t\tkeyboardShortcutsStore\n\t\t);\n\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\t\treturn {\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\tpreviousShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/editor/previous-region'\n\t\t\t),\n\t\t\tnextShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/editor/next-region'\n\t\t\t),\n\t\t\thasFixedToolbar: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tisDistractionFree: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t\thasBlockBreadcrumbs: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showBlockBreadcrumbs'\n\t\t\t),\n\t\t\thasBlockSelected:\n\t\t\t\tselect( blockEditorStore ).getBlockSelectionStart(),\n\t\t};\n\t}, [] );\n\tconst navigateRegionsProps = useNavigateRegions( {\n\t\tprevious: previousShortcut,\n\t\tnext: nextShortcut,\n\t} );\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst [ fullResizer ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst { key: routeKey, areas, widths } = useLayoutAreas();\n\tconst animationRef = useMovingAnimation( {\n\t\ttriggerAnimationOnChange: canvasMode + '__' + routeKey,\n\t} );\n\n\t// This determines which animation variant should apply to the header.\n\t// There is also a `isDistractionFreeHovering` state that gets priority\n\t// when hovering the `edit-site-layout__header-container` in distraction\n\t// free mode. It's set via framer and trickles down to all the children\n\t// so they can use this variant state too.\n\t//\n\t// TODO: The issue with this is we want to have the hover state stick when hovering\n\t// a popover opened via the header. We'll probably need to lift this state to\n\t// handle it ourselves. Also, focusWithin the header needs to be handled.\n\tlet headerAnimationState;\n\n\tif ( canvasMode === 'view' ) {\n\t\t// We need 'view' to always take priority so 'isDistractionFree'\n\t\t// doesn't bleed over into the view (sidebar) state\n\t\theaderAnimationState = 'view';\n\t} else if ( isDistractionFree ) {\n\t\theaderAnimationState = 'isDistractionFree';\n\t} else {\n\t\theaderAnimationState = canvasMode; // edit, view, init\n\t}\n\n\t// Sets the right context for the command palette\n\tlet commandContext = 'site-editor';\n\n\tif ( canvasMode === 'edit' ) {\n\t\tcommandContext = 'entity-edit';\n\t}\n\tif ( hasBlockSelected ) {\n\t\tcommandContext = 'block-selection-edit';\n\t}\n\tuseCommandContext( commandContext );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\n\t// Synchronizing the URL with the store value of canvasMode happens in an effect\n\t// This condition ensures the component is only rendered after the synchronization happens\n\t// which prevents any animations due to potential canvasMode value change.\n\tif ( canvasMode === 'init' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommandMenu />\n\t\t\t<KeyboardShortcutsRegister />\n\t\t\t<KeyboardShortcutsGlobal />\n\t\t\t{ fullResizer }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-distraction-free':\n\t\t\t\t\t\t\tisDistractionFree && canvasMode === 'edit',\n\t\t\t\t\t\t'is-full-canvas': canvasMode === 'edit',\n\t\t\t\t\t\t'has-fixed-toolbar': hasFixedToolbar,\n\t\t\t\t\t\t'is-block-toolbar-visible': hasBlockSelected,\n\t\t\t\t\t\t'has-block-breadcrumbs':\n\t\t\t\t\t\t\thasBlockBreadcrumbs &&\n\t\t\t\t\t\t\t! isDistractionFree &&\n\t\t\t\t\t\t\tcanvasMode === 'edit',\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-layout__header-container\"\n\t\t\t\t\tvariants={ {\n\t\t\t\t\t\tisDistractionFree: {\n\t\t\t\t\t\t\topacity: 0,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tdelay: 0.8,\n\t\t\t\t\t\t\t\tdelayChildren: 0.8,\n\t\t\t\t\t\t\t}, // How long to wait before the header exits\n\t\t\t\t\t\t},\n\t\t\t\t\t\tisDistractionFreeHovering: {\n\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\ttransition: {\n\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\tdelay: 0.2,\n\t\t\t\t\t\t\t\tdelayChildren: 0.2,\n\t\t\t\t\t\t\t}, // How long to wait before the header shows\n\t\t\t\t\t\t},\n\t\t\t\t\t\tview: { opacity: 1 },\n\t\t\t\t\t\tedit: { opacity: 1 },\n\t\t\t\t\t} }\n\t\t\t\t\twhileHover={\n\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t? 'isDistractionFreeHovering'\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tanimate={ headerAnimationState }\n\t\t\t\t>\n\t\t\t\t\t<SiteHub\n\t\t\t\t\t\tisTransparent={ isResizableFrameOversized }\n\t\t\t\t\t\tclassName=\"edit-site-layout__hub\"\n\t\t\t\t\t/>\n\t\t\t\t</motion.div>\n\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t/ }\n\t\t\t\t\t{ ( ! isMobileViewport \|\| ! areas.mobile ) && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t{ canvasMode === 'view' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\tisMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.sidebar }\n\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<EditorSnackbars />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__mobile\">\n\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport &&\n\t\t\t\t\t\tareas.content &&\n\t\t\t\t\t\tcanvasMode !== 'edit' && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ areas.content }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.preview && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__canvas-container\">\n\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tref={ animationRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={\n\t\t\t\t\t\t\t\t\t\t\t\tcanvasMode === 'edit'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t24 / $canvas-padding */,\n\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.preview }\n\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\n\t\t\t\t<SavePanel />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_components","_compose","_i18n","_element","_keyboardShortcuts","_commands","_preferences","_blockEditor","_coreCommands","_editor","_errorBoundary","_store","_useInitEditedEntityFromUrl","_siteHub","_resizableFrame","_useSyncCanvasModeWithUrl","_lockUnlock","_savePanel","_register","_global","_useCommonCommands","_useEditModeCommands","_hooks","_router","_animation","_sidebar","_saveHub","_jsxRuntime","useCommands","unlock","coreCommandsPrivateApis","useCommandContext","commandsPrivateApis","useGlobalStyle","blockEditorPrivateApis","NavigableRegion","editorPrivateApis","ANIMATION_DURATION","Layout","useInitEditedEntityFromURL","useSyncCanvasModeWithURL","useEditModeCommands","useCommonCommands","isMobileViewport","useViewportMatch","toggleRef","useRef","isDistractionFree","hasFixedToolbar","hasBlockSelected","canvasMode","previousShortcut","nextShortcut","useSelect","select","getAllShortcutKeyCombinations","keyboardShortcutsStore","getCanvasMode","editSiteStore","preferencesStore","get","blockEditorStore","getBlockSelectionStart","navigateRegionsProps","useNavigateRegions","previous","next","disableMotion","useReducedMotion","canvasResizer","canvasSize","useResizeObserver","fullResizer","isEditorLoading","useIsSiteEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","useState","key","routeKey","areas","widths","useLayoutAreas","animationRef","useMovingAnimation","triggerAnimationOnChange","commandContext","backgroundColor","gradientValue","previousCanvaMode","usePrevious","useEffect","current","focus","jsxs","Fragment","children","jsx","CommandMenu","default","ref","className","clsx","mobile","ariaLabel","__","__unstableAnimatePresence","__unstableMotion","div","initial","opacity","animate","exit","transition","type","duration","ease","isTransparent","sidebar","EditorSnackbars","content","style","maxWidth","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport {\n\tCommandMenu,\n\tprivateApis as commandsPrivateApis,\n} from '@wordpress/commands';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\nimport {\n\tEditorSnackbars,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/\n Internal dependencies\n /\nimport ErrorBoundary from '../error-boundary';\nimport { store as editSiteStore } from '../../store';\nimport useInitEditedEntityFromURL from '../sync-state-with-url/use-init-edited-entity-from-url';\nimport SiteHub from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';\nimport { unlock } from '../../lock-unlock';\nimport SavePanel from '../save-panel';\nimport KeyboardShortcutsRegister from '../keyboard-shortcuts/register';\nimport KeyboardShortcutsGlobal from '../keyboard-shortcuts/global';\nimport { useCommonCommands } from '../../hooks/commands/use-common-commands';\nimport { useEditModeCommands } from '../../hooks/commands/use-edit-mode-commands';\nimport { useIsSiteEditorLoading } from './hooks';\nimport useLayoutAreas from './router';\nimport useMovingAnimation from './animation';\nimport SidebarContent from '../sidebar';\nimport SaveHub from '../save-hub';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useCommandContext } = unlock( commandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { NavigableRegion } = unlock( editorPrivateApis );\n\nconst ANIMATION_DURATION = 0.3;\n\nexport default function Layout() {\n\t// This ensures the edited entity id and type are initialized properly.\n\tuseInitEditedEntityFromURL();\n\tuseSyncCanvasModeWithURL();\n\tuseCommands();\n\tuseEditModeCommands();\n\tuseCommonCommands();\n\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst toggleRef = useRef();\n\tconst {\n\t\tisDistractionFree,\n\t\thasFixedToolbar,\n\t\thasBlockSelected,\n\t\tcanvasMode,\n\t\tpreviousShortcut,\n\t\tnextShortcut,\n\t} = useSelect( ( select ) => {\n\t\tconst { getAllShortcutKeyCombinations } = select(\n\t\t\tkeyboardShortcutsStore\n\t\t);\n\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\t\treturn {\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\tpreviousShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/editor/previous-region'\n\t\t\t),\n\t\t\tnextShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t'core/editor/next-region'\n\t\t\t),\n\t\t\thasFixedToolbar: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tisDistractionFree: select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t\thasBlockSelected:\n\t\t\t\tselect( blockEditorStore ).getBlockSelectionStart(),\n\t\t};\n\t}, [] );\n\tconst navigateRegionsProps = useNavigateRegions( {\n\t\tprevious: previousShortcut,\n\t\tnext: nextShortcut,\n\t} );\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst [ fullResizer ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst { key: routeKey, areas, widths } = useLayoutAreas();\n\tconst animationRef = useMovingAnimation( {\n\t\ttriggerAnimationOnChange: canvasMode + '__' + routeKey,\n\t} );\n\n\t// Sets the right context for the command palette\n\tlet commandContext = 'site-editor';\n\n\tif ( canvasMode === 'edit' ) {\n\t\tcommandContext = 'entity-edit';\n\t}\n\tif ( hasBlockSelected ) {\n\t\tcommandContext = 'block-selection-edit';\n\t}\n\tuseCommandContext( commandContext );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst previousCanvaMode = usePrevious( canvasMode );\n\tuseEffect( () => {\n\t\tif ( previousCanvaMode === 'edit' ) {\n\t\t\ttoggleRef.current?.focus();\n\t\t}\n\t\t// Should not depend on the previous canvas mode value but the next.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ canvasMode ] );\n\n\t// Synchronizing the URL with the store value of canvasMode happens in an effect\n\t// This condition ensures the component is only rendered after the synchronization happens\n\t// which prevents any animations due to potential canvasMode value change.\n\tif ( canvasMode === 'init' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommandMenu />\n\t\t\t<KeyboardShortcutsRegister />\n\t\t\t<KeyboardShortcutsGlobal />\n\t\t\t{ fullResizer }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-distraction-free':\n\t\t\t\t\t\t\tisDistractionFree && canvasMode === 'edit',\n\t\t\t\t\t\t'is-full-canvas': canvasMode === 'edit',\n\t\t\t\t\t\t'has-fixed-toolbar': hasFixedToolbar,\n\t\t\t\t\t\t'is-block-toolbar-visible': hasBlockSelected,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t/ }\n\t\t\t\t\t{ ( ! isMobileViewport \|\| ! areas.mobile ) && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t{ canvasMode === 'view' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\tisMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<SiteHub\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.sidebar }\n\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<EditorSnackbars />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__mobile\">\n\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport &&\n\t\t\t\t\t\tareas.content &&\n\t\t\t\t\t\tcanvasMode !== 'edit' && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ areas.content }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.preview && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__canvas-container\">\n\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tref={ animationRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={\n\t\t\t\t\t\t\t\t\t\t\t\tcanvasMode === 'edit'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t24 / $canvas-padding */,\n\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.preview }\n\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\n\t\t\t\t<SavePanel />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/page-patterns/index.js CHANGED Viewed

@@ -73,11 +73,11 @@ const DEFAULT_VIEW = {
 };
 const SYNC_FILTERS = [{
   value: _constants.PATTERN_SYNC_TYPES.full,
-  label: (0, _i18n._x)('Synced', 'Option that shows all synchronized patterns'),
+  label: (0, _i18n._x)('Synced', 'pattern (singular)'),
   description: (0, _i18n.__)('Patterns that are kept in sync across the site.')
 }, {
   value: _constants.PATTERN_SYNC_TYPES.unsynced,
-  label: (0, _i18n._x)('Not synced', 'Option that shows all patterns that are not synchronized'),
+  label: (0, _i18n._x)('Not synced', 'pattern (singular)'),
   description: (0, _i18n.__)('Patterns that can be changed freely without affecting the site.')
 }];
 function PreviewWrapper({
@@ -281,11 +281,11 @@ function DataviewsPatterns() {
           // Non-user patterns are all unsynced for the time being.
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             className: `edit-site-patterns__field-sync-status-${item.syncStatus}`,
-            children: SYNC_FILTERS.find(({
+            children: (SYNC_FILTERS.find(({
               value
-            }) => value === item.syncStatus)?.label || SYNC_FILTERS.find(({
+            }) => value === item.syncStatus) || SYNC_FILTERS.find(({
               value
-            }) => value === _constants.PATTERN_SYNC_TYPES.unsynced).label
+            }) => value === _constants.PATTERN_SYNC_TYPES.unsynced)).label
           });
         },
         elements: SYNC_FILTERS,

package/build/components/page-patterns/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_element","_blockEditor","_dataviews","_icons","_compose","_coreData","_editor","_router","_async","_page","_constants","_usePatternSettings","_lockUnlock","_usePatterns","_header","_link","_hooks","_dataviewsActions","_jsxRuntime","ExperimentalBlockEditorProvider","useGlobalStyle","unlock","blockEditorPrivateApis","usePostActions","editorPrivateApis","useLocation","routerPrivateApis","EMPTY_ARRAY","defaultConfigPerViewType","LAYOUT_TABLE","primaryField","LAYOUT_GRID","mediaField","badgeFields","DEFAULT_VIEW","type","search","page","perPage","hiddenFields","layout","filters","SYNC_FILTERS","value","PATTERN_SYNC_TYPES","full","label","_x","description","__","unsynced","PreviewWrapper","item","onClick","ariaDescribedBy","children","jsx","className","PATTERN_TYPES","theme","undefined","title","Preview","viewType","descriptionId","useId","isUserPattern","user","isTemplatePart","TEMPLATE_PART_POST_TYPE","isEmpty","blocks","length","backgroundColor","useLink","postType","postId","id","name","canvas","jsxs","style","Async","BlockPreview","viewportWidth","hidden","Author","isImageLoaded","setIsImageLoaded","useState","text","icon","imageUrl","useAddedBy","withIcon","LAYOUT_LIST","__experimentalHStack","alignment","spacing","clsx","onLoad","alt","src","Icon","Title","justify","Flex","as","gap","Button","variant","tabIndex","Tooltip","placement","lockSmall","size","DataviewsPatterns","params","categoryId","categoryIdFromURL","PATTERN_DEFAULT_CATEGORY","view","setView","previousCategoryId","usePrevious","viewSyncStatus","find","field","patterns","isResolving","usePatterns","syncStatus","records","useEntityRecords","per_page","authors","useMemo","authorsSet","Set","forEach","template","add","author_text","Array","from","map","author","fields","_fields","header","render","enableSorting","enableHiding","width","push","elements","filterBy","operators","OPERATOR_IS","isPrimary","getValue","templatePart","useEffect","data","paginationInfo","viewWithoutFilters","filterSortAndPaginate","templatePartActions","patternActions","editAction","useEditPostAction","actions","filter","Boolean","onChangeView","useCallback","newView","settings","usePatternSettings","default","hideTitleFromUI","titleId","DataViews","getItemId","isLoading","supportedLayouts"],"sources":["@wordpress/edit-site/src/components/page-patterns/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\tButton,\n\tTooltip,\n\tFlex,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tuseState,\n\tuseMemo,\n\tuseCallback,\n\tuseId,\n\tuseEffect,\n} from '@wordpress/element';\nimport {\n\tBlockPreview,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { DataViews, filterSortAndPaginate } from '@wordpress/dataviews';\nimport { Icon, lockSmall } from '@wordpress/icons';\nimport { usePrevious } from '@wordpress/compose';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n */\nimport { Async } from '../async';\nimport Page from '../page';\nimport {\n\tLAYOUT_GRID,\n\tLAYOUT_TABLE,\n\tLAYOUT_LIST,\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_SYNC_TYPES,\n\tPATTERN_DEFAULT_CATEGORY,\n\tOPERATOR_IS,\n} from '../../utils/constants';\nimport usePatternSettings from './use-pattern-settings';\nimport { unlock } from '../../lock-unlock';\nimport usePatterns from './use-patterns';\nimport PatternsHeader from './header';\nimport { useLink } from '../routes/link';\nimport { useAddedBy } from '../page-templates/hooks';\nimport { useEditPostAction } from '../dataviews-actions';\n\nconst { ExperimentalBlockEditorProvider, useGlobalStyle } = unlock(\n\tblockEditorPrivateApis\n);\nconst { usePostActions } = unlock( editorPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst EMPTY_ARRAY = [];\nconst defaultConfigPerViewType = {\n\t[ LAYOUT_TABLE ]: {\n\t\tprimaryField: 'title',\n\t},\n\t[ LAYOUT_GRID ]: {\n\t\tmediaField: 'preview',\n\t\tprimaryField: 'title',\n\t\tbadgeFields: [ 'sync-status' ],\n\t},\n};\nconst DEFAULT_VIEW = {\n\ttype: LAYOUT_GRID,\n\tsearch: '',\n\tpage: 1,\n\tperPage: 20,\n\thiddenFields: [],\n\tlayout: {\n\t\t...defaultConfigPerViewType[ LAYOUT_GRID ],\n\t},\n\tfilters: [],\n};\n\nconst SYNC_FILTERS = [\n\t{\n\t\tvalue: PATTERN_SYNC_TYPES.full,\n\t\tlabel: _x( 'Synced', 'Option that shows all synchronized patterns' ),\n\t\tdescription: __( 'Patterns that are kept in sync across the site.' ),\n\t},\n\t{\n\t\tvalue: PATTERN_SYNC_TYPES.unsynced,\n\t\tlabel: _x(\n\t\t\t'Not synced',\n\t\t\t'Option that shows all patterns that are not synchronized'\n\t\t),\n\t\tdescription: __(\n\t\t\t'Patterns that can be changed freely without affecting the site.'\n\t\t),\n\t},\n];\n\nfunction PreviewWrapper( { item, onClick, ariaDescribedBy, children } ) {\n\treturn (\n\t\t<button\n\t\t\tclassName=\"page-patterns-preview-field__button\"\n\t\t\ttype=\"button\"\n\t\t\tonClick={ item.type !== PATTERN_TYPES.theme ? onClick : undefined }\n\t\t\taria-label={ item.title }\n\t\t\taria-describedby={ ariaDescribedBy }\n\t\t\taria-disabled={ item.type === PATTERN_TYPES.theme }\n\t\t>\n\t\t\t{ children }\n\t\t</button>\n\t);\n}\n\nfunction Preview( { item, viewType } ) {\n\tconst descriptionId = useId();\n\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\tconst isEmpty = ! item.blocks?.length;\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern ? item.id : item.name,\n\t\tcanvas: 'edit',\n\t} );\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ `page-patterns-preview-field is-viewtype-${ viewType }` }\n\t\t\tstyle={ { backgroundColor } }\n\t\t>\n\t\t\t<PreviewWrapper\n\t\t\t\titem={ item }\n\t\t\t\tonClick={ onClick }\n\t\t\t\tariaDescribedBy={ item.description ? descriptionId : undefined }\n\t\t\t>\n\t\t\t\t{ isEmpty && isTemplatePart && __( 'Empty template part' ) }\n\t\t\t\t{ isEmpty && ! isTemplatePart && __( 'Empty pattern' ) }\n\t\t\t\t{ ! isEmpty && (\n\t\t\t\t\t<Async>\n\t\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\t\tblocks={ item.blocks }\n\t\t\t\t\t\t\tviewportWidth={ item.viewportWidth }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Async>\n\t\t\t\t) }\n\t\t\t</PreviewWrapper>\n\t\t\t{ item.description && (\n\t\t\t\t<div hidden id={ descriptionId }>\n\t\t\t\t\t{ item.description }\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nfunction Author( { item, viewType } ) {\n\tconst [ isImageLoaded, setIsImageLoaded ] = useState( false );\n\tconst { text, icon, imageUrl } = useAddedBy( item.type, item.id );\n\tconst withIcon = viewType !== LAYOUT_LIST;\n\n\treturn (\n\t\t<HStack alignment=\"left\" spacing={ 1 }>\n\t\t\t{ withIcon && imageUrl && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx( 'page-templates-author-field__avatar', {\n\t\t\t\t\t\t'is-loaded': isImageLoaded,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t<img\n\t\t\t\t\t\tonLoad={ () => setIsImageLoaded( true ) }\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\tsrc={ imageUrl }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ withIcon && ! imageUrl && (\n\t\t\t\t<div className=\"page-templates-author-field__icon\">\n\t\t\t\t\t<Icon icon={ icon } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<span className=\"page-templates-author-field__name\">{ text }</span>\n\t\t</HStack>\n\t);\n}\n\nfunction Title( { item } ) {\n\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern ? item.id : item.name,\n\t\tcanvas: 'edit',\n\t} );\n\treturn (\n\t\t<HStack alignment=\"center\" justify=\"flex-start\" spacing={ 2 }>\n\t\t\t<Flex\n\t\t\t\tas=\"div\"\n\t\t\t\tgap={ 0 }\n\t\t\t\tjustify=\"left\"\n\t\t\t\tclassName=\"edit-site-patterns__pattern-title\"\n\t\t\t>\n\t\t\t\t{ item.type === PATTERN_TYPES.theme ? (\n\t\t\t\t\titem.title\n\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={ onClick }\n\t\t\t\t\t\t// Required for the grid's roving tab index system.\n\t\t\t\t\t\t// See https://github.com/WordPress/gutenberg/pull/51898#discussion_r1243399243.\n\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ item.title \|\| item.name }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t</Flex>\n\t\t\t{ item.type === PATTERN_TYPES.theme && (\n\t\t\t\t<Tooltip\n\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\ttext={ __( 'This pattern cannot be edited.' ) }\n\t\t\t\t>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName=\"edit-site-patterns__pattern-lock-icon\"\n\t\t\t\t\t\ticon={ lockSmall }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t</Tooltip>\n\t\t\t) }\n\t\t</HStack>\n\t);\n}\n\nexport default function DataviewsPatterns() {\n\tconst {\n\t\tparams: { postType, categoryId: categoryIdFromURL },\n\t} = useLocation();\n\tconst type = postType \|\| PATTERN_TYPES.user;\n\tconst categoryId = categoryIdFromURL \|\| PATTERN_DEFAULT_CATEGORY;\n\tconst [ view, setView ] = useState( DEFAULT_VIEW );\n\tconst previousCategoryId = usePrevious( categoryId );\n\tconst viewSyncStatus = view.filters?.find(\n\t\t( { field } ) => field === 'sync-status'\n\t)?.value;\n\tconst { patterns, isResolving } = usePatterns( type, categoryId, {\n\t\tsearch: view.search,\n\t\tsyncStatus: viewSyncStatus,\n\t} );\n\n\tconst { records } = useEntityRecords( 'postType', TEMPLATE_PART_POST_TYPE, {\n\t\tper_page: -1,\n\t} );\n\tconst authors = useMemo( () => {\n\t\tif ( ! records ) {\n\t\t\treturn EMPTY_ARRAY;\n\t\t}\n\t\tconst authorsSet = new Set();\n\t\trecords.forEach( ( template ) => {\n\t\t\tauthorsSet.add( template.author_text );\n\t\t} );\n\t\treturn Array.from( authorsSet ).map( ( author ) => ( {\n\t\t\tvalue: author,\n\t\t\tlabel: author,\n\t\t} ) );\n\t}, [ records ] );\n\n\tconst fields = useMemo( () => {\n\t\tconst _fields = [\n\t\t\t{\n\t\t\t\theader: __( 'Preview' ),\n\t\t\t\tid: 'preview',\n\t\t\t\trender: ( { item } ) => (\n\t\t\t\t\t<Preview item={ item } viewType={ view.type } />\n\t\t\t\t),\n\t\t\t\tenableSorting: false,\n\t\t\t\tenableHiding: false,\n\t\t\t\twidth: '1%',\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Title' ),\n\t\t\t\tid: 'title',\n\t\t\t\trender: ( { item } ) => <Title item={ item } />,\n\t\t\t\tenableHiding: false,\n\t\t\t},\n\t\t];\n\n\t\tif ( type === PATTERN_TYPES.user ) {\n\t\t\t_fields.push( {\n\t\t\t\theader: __( 'Sync status' ),\n\t\t\t\tid: 'sync-status',\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\t// User patterns can have their sync statuses checked directly.\n\t\t\t\t\t// Non-user patterns are all unsynced for the time being.\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName={ `edit-site-patterns__field-sync-status-${ item.syncStatus }` }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ SYNC_FILTERS.find(\n\t\t\t\t\t\t\t\t( { value } ) => value === item.syncStatus\n\t\t\t\t\t\t\t)?.label \|\|\n\t\t\t\t\t\t\t\tSYNC_FILTERS.find(\n\t\t\t\t\t\t\t\t\t( { value } ) =>\n\t\t\t\t\t\t\t\t\t\tvalue === PATTERN_SYNC_TYPES.unsynced\n\t\t\t\t\t\t\t\t).label }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\telements: SYNC_FILTERS,\n\t\t\t\tfilterBy: {\n\t\t\t\t\toperators: [ OPERATOR_IS ],\n\t\t\t\t\tisPrimary: true,\n\t\t\t\t},\n\t\t\t\tenableSorting: false,\n\t\t\t} );\n\t\t} else if ( type === TEMPLATE_PART_POST_TYPE ) {\n\t\t\t_fields.push( {\n\t\t\t\theader: __( 'Author' ),\n\t\t\t\tid: 'author',\n\t\t\t\tgetValue: ( { item } ) => item.templatePart.author_text,\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\treturn <Author viewType={ view.type } item={ item } />;\n\t\t\t\t},\n\t\t\t\telements: authors,\n\t\t\t\tfilterBy: {\n\t\t\t\t\tisPrimary: true,\n\t\t\t\t},\n\t\t\t\twidth: '1%',\n\t\t\t} );\n\t\t}\n\n\t\treturn _fields;\n\t}, [ view.type, type, authors ] );\n\n\t// Reset the page number when the category changes.\n\tuseEffect( () => {\n\t\tif ( previousCategoryId !== categoryId ) {\n\t\t\tsetView( DEFAULT_VIEW );\n\t\t}\n\t}, [ categoryId, previousCategoryId ] );\n\tconst { data, paginationInfo } = useMemo( () => {\n\t\t// Search is managed server-side as well as filters for patterns.\n\t\t// However, the author filter in template parts is done client-side.\n\t\tconst viewWithoutFilters = { ...view };\n\t\tdelete viewWithoutFilters.search;\n\t\tif ( type !== TEMPLATE_PART_POST_TYPE ) {\n\t\t\tviewWithoutFilters.filters = [];\n\t\t}\n\t\treturn filterSortAndPaginate( patterns, viewWithoutFilters, fields );\n\t}, [ patterns, view, fields, type ] );\n\n\tconst templatePartActions = usePostActions( TEMPLATE_PART_POST_TYPE );\n\tconst patternActions = usePostActions( PATTERN_TYPES.user );\n\tconst editAction = useEditPostAction();\n\n\tconst actions = useMemo( () => {\n\t\tif ( type === TEMPLATE_PART_POST_TYPE ) {\n\t\t\treturn [ editAction, ...templatePartActions ].filter( Boolean );\n\t\t}\n\t\treturn [ editAction, ...patternActions ].filter( Boolean );\n\t}, [ editAction, type, templatePartActions, patternActions ] );\n\tconst onChangeView = useCallback(\n\t\t( newView ) => {\n\t\t\tif ( newView.type !== view.type ) {\n\t\t\t\tnewView = {\n\t\t\t\t\t...newView,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...defaultConfigPerViewType[ newView.type ],\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\t\t\tsetView( newView );\n\t\t},\n\t\t[ view.type, setView ]\n\t);\n\tconst id = useId();\n\tconst settings = usePatternSettings();\n\t// Wrap everything in a block editor provider.\n\t// This ensures 'styles' that are needed for the previews are synced\n\t// from the site editor store to the block editor store.\n\treturn (\n\t\t<ExperimentalBlockEditorProvider settings={ settings }>\n\t\t\t<Page\n\t\t\t\ttitle={ __( 'Patterns content' ) }\n\t\t\t\tclassName=\"edit-site-page-patterns-dataviews\"\n\t\t\t\thideTitleFromUI\n\t\t\t>\n\t\t\t\t<PatternsHeader\n\t\t\t\t\tcategoryId={ categoryId }\n\t\t\t\t\ttype={ type }\n\t\t\t\t\ttitleId={ `${ id }-title` }\n\t\t\t\t\tdescriptionId={ `${ id }-description` }\n\t\t\t\t/>\n\t\t\t\t<DataViews\n\t\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\t\tfields={ fields }\n\t\t\t\t\tactions={ actions }\n\t\t\t\t\tdata={ data \|\| EMPTY_ARRAY }\n\t\t\t\t\tgetItemId={ ( item ) => item.name }\n\t\t\t\t\tisLoading={ isResolving }\n\t\t\t\t\tview={ view }\n\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\tsupportedLayouts={ [ LAYOUT_GRID, LAYOUT_TABLE ] }\n\t\t\t\t/>\n\t\t\t</Page>\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_element","_blockEditor","_dataviews","_icons","_compose","_coreData","_editor","_router","_async","_page","_constants","_usePatternSettings","_lockUnlock","_usePatterns","_header","_link","_hooks","_dataviewsActions","_jsxRuntime","ExperimentalBlockEditorProvider","useGlobalStyle","unlock","blockEditorPrivateApis","usePostActions","editorPrivateApis","useLocation","routerPrivateApis","EMPTY_ARRAY","defaultConfigPerViewType","LAYOUT_TABLE","primaryField","LAYOUT_GRID","mediaField","badgeFields","DEFAULT_VIEW","type","search","page","perPage","hiddenFields","layout","filters","SYNC_FILTERS","value","PATTERN_SYNC_TYPES","full","label","_x","description","__","unsynced","PreviewWrapper","item","onClick","ariaDescribedBy","children","jsx","className","PATTERN_TYPES","theme","undefined","title","Preview","viewType","descriptionId","useId","isUserPattern","user","isTemplatePart","TEMPLATE_PART_POST_TYPE","isEmpty","blocks","length","backgroundColor","useLink","postType","postId","id","name","canvas","jsxs","style","Async","BlockPreview","viewportWidth","hidden","Author","isImageLoaded","setIsImageLoaded","useState","text","icon","imageUrl","useAddedBy","withIcon","LAYOUT_LIST","__experimentalHStack","alignment","spacing","clsx","onLoad","alt","src","Icon","Title","justify","Flex","as","gap","Button","variant","tabIndex","Tooltip","placement","lockSmall","size","DataviewsPatterns","params","categoryId","categoryIdFromURL","PATTERN_DEFAULT_CATEGORY","view","setView","previousCategoryId","usePrevious","viewSyncStatus","find","field","patterns","isResolving","usePatterns","syncStatus","records","useEntityRecords","per_page","authors","useMemo","authorsSet","Set","forEach","template","add","author_text","Array","from","map","author","fields","_fields","header","render","enableSorting","enableHiding","width","push","elements","filterBy","operators","OPERATOR_IS","isPrimary","getValue","templatePart","useEffect","data","paginationInfo","viewWithoutFilters","filterSortAndPaginate","templatePartActions","patternActions","editAction","useEditPostAction","actions","filter","Boolean","onChangeView","useCallback","newView","settings","usePatternSettings","default","hideTitleFromUI","titleId","DataViews","getItemId","isLoading","supportedLayouts"],"sources":["@wordpress/edit-site/src/components/page-patterns/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\tButton,\n\tTooltip,\n\tFlex,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tuseState,\n\tuseMemo,\n\tuseCallback,\n\tuseId,\n\tuseEffect,\n} from '@wordpress/element';\nimport {\n\tBlockPreview,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { DataViews, filterSortAndPaginate } from '@wordpress/dataviews';\nimport { Icon, lockSmall } from '@wordpress/icons';\nimport { usePrevious } from '@wordpress/compose';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n */\nimport { Async } from '../async';\nimport Page from '../page';\nimport {\n\tLAYOUT_GRID,\n\tLAYOUT_TABLE,\n\tLAYOUT_LIST,\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_SYNC_TYPES,\n\tPATTERN_DEFAULT_CATEGORY,\n\tOPERATOR_IS,\n} from '../../utils/constants';\nimport usePatternSettings from './use-pattern-settings';\nimport { unlock } from '../../lock-unlock';\nimport usePatterns from './use-patterns';\nimport PatternsHeader from './header';\nimport { useLink } from '../routes/link';\nimport { useAddedBy } from '../page-templates/hooks';\nimport { useEditPostAction } from '../dataviews-actions';\n\nconst { ExperimentalBlockEditorProvider, useGlobalStyle } = unlock(\n\tblockEditorPrivateApis\n);\nconst { usePostActions } = unlock( editorPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst EMPTY_ARRAY = [];\nconst defaultConfigPerViewType = {\n\t[ LAYOUT_TABLE ]: {\n\t\tprimaryField: 'title',\n\t},\n\t[ LAYOUT_GRID ]: {\n\t\tmediaField: 'preview',\n\t\tprimaryField: 'title',\n\t\tbadgeFields: [ 'sync-status' ],\n\t},\n};\nconst DEFAULT_VIEW = {\n\ttype: LAYOUT_GRID,\n\tsearch: '',\n\tpage: 1,\n\tperPage: 20,\n\thiddenFields: [],\n\tlayout: {\n\t\t...defaultConfigPerViewType[ LAYOUT_GRID ],\n\t},\n\tfilters: [],\n};\n\nconst SYNC_FILTERS = [\n\t{\n\t\tvalue: PATTERN_SYNC_TYPES.full,\n\t\tlabel: _x( 'Synced', 'pattern (singular)' ),\n\t\tdescription: __( 'Patterns that are kept in sync across the site.' ),\n\t},\n\t{\n\t\tvalue: PATTERN_SYNC_TYPES.unsynced,\n\t\tlabel: _x( 'Not synced', 'pattern (singular)' ),\n\t\tdescription: __(\n\t\t\t'Patterns that can be changed freely without affecting the site.'\n\t\t),\n\t},\n];\n\nfunction PreviewWrapper( { item, onClick, ariaDescribedBy, children } ) {\n\treturn (\n\t\t<button\n\t\t\tclassName=\"page-patterns-preview-field__button\"\n\t\t\ttype=\"button\"\n\t\t\tonClick={ item.type !== PATTERN_TYPES.theme ? onClick : undefined }\n\t\t\taria-label={ item.title }\n\t\t\taria-describedby={ ariaDescribedBy }\n\t\t\taria-disabled={ item.type === PATTERN_TYPES.theme }\n\t\t>\n\t\t\t{ children }\n\t\t</button>\n\t);\n}\n\nfunction Preview( { item, viewType } ) {\n\tconst descriptionId = useId();\n\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\tconst isEmpty = ! item.blocks?.length;\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern ? item.id : item.name,\n\t\tcanvas: 'edit',\n\t} );\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ `page-patterns-preview-field is-viewtype-${ viewType }` }\n\t\t\tstyle={ { backgroundColor } }\n\t\t>\n\t\t\t<PreviewWrapper\n\t\t\t\titem={ item }\n\t\t\t\tonClick={ onClick }\n\t\t\t\tariaDescribedBy={ item.description ? descriptionId : undefined }\n\t\t\t>\n\t\t\t\t{ isEmpty && isTemplatePart && __( 'Empty template part' ) }\n\t\t\t\t{ isEmpty && ! isTemplatePart && __( 'Empty pattern' ) }\n\t\t\t\t{ ! isEmpty && (\n\t\t\t\t\t<Async>\n\t\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\t\tblocks={ item.blocks }\n\t\t\t\t\t\t\tviewportWidth={ item.viewportWidth }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Async>\n\t\t\t\t) }\n\t\t\t</PreviewWrapper>\n\t\t\t{ item.description && (\n\t\t\t\t<div hidden id={ descriptionId }>\n\t\t\t\t\t{ item.description }\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nfunction Author( { item, viewType } ) {\n\tconst [ isImageLoaded, setIsImageLoaded ] = useState( false );\n\tconst { text, icon, imageUrl } = useAddedBy( item.type, item.id );\n\tconst withIcon = viewType !== LAYOUT_LIST;\n\n\treturn (\n\t\t<HStack alignment=\"left\" spacing={ 1 }>\n\t\t\t{ withIcon && imageUrl && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx( 'page-templates-author-field__avatar', {\n\t\t\t\t\t\t'is-loaded': isImageLoaded,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t<img\n\t\t\t\t\t\tonLoad={ () => setIsImageLoaded( true ) }\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\tsrc={ imageUrl }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ withIcon && ! imageUrl && (\n\t\t\t\t<div className=\"page-templates-author-field__icon\">\n\t\t\t\t\t<Icon icon={ icon } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<span className=\"page-templates-author-field__name\">{ text }</span>\n\t\t</HStack>\n\t);\n}\n\nfunction Title( { item } ) {\n\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern ? item.id : item.name,\n\t\tcanvas: 'edit',\n\t} );\n\treturn (\n\t\t<HStack alignment=\"center\" justify=\"flex-start\" spacing={ 2 }>\n\t\t\t<Flex\n\t\t\t\tas=\"div\"\n\t\t\t\tgap={ 0 }\n\t\t\t\tjustify=\"left\"\n\t\t\t\tclassName=\"edit-site-patterns__pattern-title\"\n\t\t\t>\n\t\t\t\t{ item.type === PATTERN_TYPES.theme ? (\n\t\t\t\t\titem.title\n\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={ onClick }\n\t\t\t\t\t\t// Required for the grid's roving tab index system.\n\t\t\t\t\t\t// See https://github.com/WordPress/gutenberg/pull/51898#discussion_r1243399243.\n\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ item.title \|\| item.name }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t</Flex>\n\t\t\t{ item.type === PATTERN_TYPES.theme && (\n\t\t\t\t<Tooltip\n\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\ttext={ __( 'This pattern cannot be edited.' ) }\n\t\t\t\t>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName=\"edit-site-patterns__pattern-lock-icon\"\n\t\t\t\t\t\ticon={ lockSmall }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t</Tooltip>\n\t\t\t) }\n\t\t</HStack>\n\t);\n}\n\nexport default function DataviewsPatterns() {\n\tconst {\n\t\tparams: { postType, categoryId: categoryIdFromURL },\n\t} = useLocation();\n\tconst type = postType \|\| PATTERN_TYPES.user;\n\tconst categoryId = categoryIdFromURL \|\| PATTERN_DEFAULT_CATEGORY;\n\tconst [ view, setView ] = useState( DEFAULT_VIEW );\n\tconst previousCategoryId = usePrevious( categoryId );\n\tconst viewSyncStatus = view.filters?.find(\n\t\t( { field } ) => field === 'sync-status'\n\t)?.value;\n\tconst { patterns, isResolving } = usePatterns( type, categoryId, {\n\t\tsearch: view.search,\n\t\tsyncStatus: viewSyncStatus,\n\t} );\n\n\tconst { records } = useEntityRecords( 'postType', TEMPLATE_PART_POST_TYPE, {\n\t\tper_page: -1,\n\t} );\n\tconst authors = useMemo( () => {\n\t\tif ( ! records ) {\n\t\t\treturn EMPTY_ARRAY;\n\t\t}\n\t\tconst authorsSet = new Set();\n\t\trecords.forEach( ( template ) => {\n\t\t\tauthorsSet.add( template.author_text );\n\t\t} );\n\t\treturn Array.from( authorsSet ).map( ( author ) => ( {\n\t\t\tvalue: author,\n\t\t\tlabel: author,\n\t\t} ) );\n\t}, [ records ] );\n\n\tconst fields = useMemo( () => {\n\t\tconst _fields = [\n\t\t\t{\n\t\t\t\theader: __( 'Preview' ),\n\t\t\t\tid: 'preview',\n\t\t\t\trender: ( { item } ) => (\n\t\t\t\t\t<Preview item={ item } viewType={ view.type } />\n\t\t\t\t),\n\t\t\t\tenableSorting: false,\n\t\t\t\tenableHiding: false,\n\t\t\t\twidth: '1%',\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Title' ),\n\t\t\t\tid: 'title',\n\t\t\t\trender: ( { item } ) => <Title item={ item } />,\n\t\t\t\tenableHiding: false,\n\t\t\t},\n\t\t];\n\n\t\tif ( type === PATTERN_TYPES.user ) {\n\t\t\t_fields.push( {\n\t\t\t\theader: __( 'Sync status' ),\n\t\t\t\tid: 'sync-status',\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\t// User patterns can have their sync statuses checked directly.\n\t\t\t\t\t// Non-user patterns are all unsynced for the time being.\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclassName={ `edit-site-patterns__field-sync-status-${ item.syncStatus }` }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\tSYNC_FILTERS.find(\n\t\t\t\t\t\t\t\t\t\t( { value } ) =>\n\t\t\t\t\t\t\t\t\t\t\tvalue === item.syncStatus\n\t\t\t\t\t\t\t\t\t) \|\|\n\t\t\t\t\t\t\t\t\tSYNC_FILTERS.find(\n\t\t\t\t\t\t\t\t\t\t( { value } ) =>\n\t\t\t\t\t\t\t\t\t\t\tvalue ===\n\t\t\t\t\t\t\t\t\t\t\tPATTERN_SYNC_TYPES.unsynced\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t).label\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\telements: SYNC_FILTERS,\n\t\t\t\tfilterBy: {\n\t\t\t\t\toperators: [ OPERATOR_IS ],\n\t\t\t\t\tisPrimary: true,\n\t\t\t\t},\n\t\t\t\tenableSorting: false,\n\t\t\t} );\n\t\t} else if ( type === TEMPLATE_PART_POST_TYPE ) {\n\t\t\t_fields.push( {\n\t\t\t\theader: __( 'Author' ),\n\t\t\t\tid: 'author',\n\t\t\t\tgetValue: ( { item } ) => item.templatePart.author_text,\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\treturn <Author viewType={ view.type } item={ item } />;\n\t\t\t\t},\n\t\t\t\telements: authors,\n\t\t\t\tfilterBy: {\n\t\t\t\t\tisPrimary: true,\n\t\t\t\t},\n\t\t\t\twidth: '1%',\n\t\t\t} );\n\t\t}\n\n\t\treturn _fields;\n\t}, [ view.type, type, authors ] );\n\n\t// Reset the page number when the category changes.\n\tuseEffect( () => {\n\t\tif ( previousCategoryId !== categoryId ) {\n\t\t\tsetView( DEFAULT_VIEW );\n\t\t}\n\t}, [ categoryId, previousCategoryId ] );\n\tconst { data, paginationInfo } = useMemo( () => {\n\t\t// Search is managed server-side as well as filters for patterns.\n\t\t// However, the author filter in template parts is done client-side.\n\t\tconst viewWithoutFilters = { ...view };\n\t\tdelete viewWithoutFilters.search;\n\t\tif ( type !== TEMPLATE_PART_POST_TYPE ) {\n\t\t\tviewWithoutFilters.filters = [];\n\t\t}\n\t\treturn filterSortAndPaginate( patterns, viewWithoutFilters, fields );\n\t}, [ patterns, view, fields, type ] );\n\n\tconst templatePartActions = usePostActions( TEMPLATE_PART_POST_TYPE );\n\tconst patternActions = usePostActions( PATTERN_TYPES.user );\n\tconst editAction = useEditPostAction();\n\n\tconst actions = useMemo( () => {\n\t\tif ( type === TEMPLATE_PART_POST_TYPE ) {\n\t\t\treturn [ editAction, ...templatePartActions ].filter( Boolean );\n\t\t}\n\t\treturn [ editAction, ...patternActions ].filter( Boolean );\n\t}, [ editAction, type, templatePartActions, patternActions ] );\n\tconst onChangeView = useCallback(\n\t\t( newView ) => {\n\t\t\tif ( newView.type !== view.type ) {\n\t\t\t\tnewView = {\n\t\t\t\t\t...newView,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...defaultConfigPerViewType[ newView.type ],\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\t\t\tsetView( newView );\n\t\t},\n\t\t[ view.type, setView ]\n\t);\n\tconst id = useId();\n\tconst settings = usePatternSettings();\n\t// Wrap everything in a block editor provider.\n\t// This ensures 'styles' that are needed for the previews are synced\n\t// from the site editor store to the block editor store.\n\treturn (\n\t\t<ExperimentalBlockEditorProvider settings={ settings }>\n\t\t\t<Page\n\t\t\t\ttitle={ __( 'Patterns content' ) }\n\t\t\t\tclassName=\"edit-site-page-patterns-dataviews\"\n\t\t\t\thideTitleFromUI\n\t\t\t>\n\t\t\t\t<PatternsHeader\n\t\t\t\t\tcategoryId={ categoryId }\n\t\t\t\t\ttype={ type }\n\t\t\t\t\ttitleId={ `${ id }-title` }\n\t\t\t\t\tdescriptionId={ `${ id }-description` }\n\t\t\t\t/>\n\t\t\t\t<DataViews\n\t\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\t\tfields={ fields }\n\t\t\t\t\tactions={ actions }\n\t\t\t\t\tdata={ data \|\| EMPTY_ARRAY }\n\t\t\t\t\tgetItemId={ ( item ) => item.name }\n\t\t\t\t\tisLoading={ isResolving }\n\t\t\t\t\tview={ view }\n\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\tsupportedLayouts={ [ LAYOUT_GRID, LAYOUT_TABLE ] }\n\t\t\t\t/>\n\t\t\t</Page>\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/pagination/index.js CHANGED Viewed

@@ -8,6 +8,7 @@ exports.default = Pagination;
 var _clsx = _interopRequireDefault(require("clsx"));
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
+var _icons = require("@wordpress/icons");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
@@ -48,15 +49,19 @@ function Pagination({
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
         variant: buttonVariant,
         onClick: () => changePage(1),
+        __experimentalIsFocusable: true,
         disabled: disabled || currentPage === 1,
-        "aria-label": (0, _i18n.__)('First page'),
-        children: "\xAB"
+        label: (0, _i18n.__)('First page'),
+        icon: _icons.previous,
+        size: "compact"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
         variant: buttonVariant,
         onClick: () => changePage(currentPage - 1),
+        __experimentalIsFocusable: true,
         disabled: disabled || currentPage === 1,
-        "aria-label": (0, _i18n.__)('Previous page'),
-        children: "\u2039"
+        label: (0, _i18n.__)('Previous page'),
+        icon: _icons.chevronLeft,
+        size: "compact"
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
       variant: "muted",
@@ -69,15 +74,19 @@ function Pagination({
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
         variant: buttonVariant,
         onClick: () => changePage(currentPage + 1),
+        __experimentalIsFocusable: true,
         disabled: disabled || currentPage === numPages,
-        "aria-label": (0, _i18n.__)('Next page'),
-        children: "\u203A"
+        label: (0, _i18n.__)('Next page'),
+        icon: _icons.chevronRight,
+        size: "compact"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
         variant: buttonVariant,
         onClick: () => changePage(numPages),
+        __experimentalIsFocusable: true,
         disabled: disabled || currentPage === numPages,
-        "aria-label": (0, _i18n.__)('Last page'),
-        children: "\xBB"
+        label: (0, _i18n.__)('Last page'),
+        icon: _icons.next,
+        size: "compact"
       })]
     })]
   });

package/build/components/pagination/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_jsxRuntime","Pagination","currentPage","numPages","changePage","totalItems","className","disabled","buttonVariant","label","__","jsxs","__experimentalHStack","expanded","as","spacing","justify","clsx","children","jsx","__experimentalText","variant","sprintf","_n","Button","onClick","_x"],"sources":["@wordpress/edit-site/src/components/pagination/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n\tButton,\n} from '@wordpress/components';\nimport { __, _x, _n, sprintf } from '@wordpress/i18n';\n\nexport default function Pagination( {\n\tcurrentPage,\n\tnumPages,\n\tchangePage,\n\ttotalItems,\n\tclassName,\n\tdisabled = false,\n\tbuttonVariant = 'tertiary',\n\tlabel = __( 'Pagination Navigation' ),\n} ) {\n\treturn (\n\t\t<HStack\n\t\t\texpanded={ false }\n\t\t\tas=\"nav\"\n\t\t\taria-label={ label }\n\t\t\tspacing={ 3 }\n\t\t\tjustify=\"flex-start\"\n\t\t\tclassName={ clsx( 'edit-site-pagination', className ) }\n\t\t>\n\t\t\t<Text variant=\"muted\" className=\"edit-site-pagination__total\">\n\t\t\t\t{\n\t\t\t\t\t// translators: %s: Total number of patterns.\n\t\t\t\t\tsprintf(\n\t\t\t\t\t\t// translators: %s: Total number of patterns.\n\t\t\t\t\t\t_n( '%s item', '%s items', totalItems ),\n\t\t\t\t\t\ttotalItems\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t</Text>\n\t\t\t<HStack expanded={ false } spacing={ 1 }>\n\t\t\t\t<Button\n\t\t\t\t\tvariant={ buttonVariant }\n\t\t\t\t\tonClick={ () => changePage( 1 ) }\n\t\t\t\t\tdisabled={ disabled \|\| currentPage === 1 }\n\t\t\t\t\~~taria-label~~={ __( 'First page' ) }\n\t\t\t\t>\n\t\t\t\t\~~t«\~~n\t\t\t\t~~</Button>\~~n\t\t\t\t<Button\n\t\t\t\t\tvariant={ buttonVariant }\n\t\t\t\t\tonClick={ () => changePage( currentPage - 1 ) }\n\t\t\t\t\tdisabled={ disabled \|\| currentPage === 1 }\n\t\t\t\t\~~taria-label~~={ __( 'Previous page' ) }\n\t\t\t\t>\n\t\t\t\t\~~t‹\~~n\t\t\t\t~~</Button>\~~n\t\t\t</HStack>\n\t\t\t<Text variant=\"muted\">\n\t\t\t\t{ sprintf(\n\t\t\t\t\t// translators: %1$s: Current page number, %2$s: Total number of pages.\n\t\t\t\t\t_x( '%1$s of %2$s', 'paging' ),\n\t\t\t\t\tcurrentPage,\n\t\t\t\t\tnumPages\n\t\t\t\t) }\n\t\t\t</Text>\n\t\t\t<HStack expanded={ false } spacing={ 1 }>\n\t\t\t\t<Button\n\t\t\t\t\tvariant={ buttonVariant }\n\t\t\t\t\tonClick={ () => changePage( currentPage + 1 ) }\n\t\t\t\t\tdisabled={ disabled \|\| currentPage === numPages }\n\t\t\t\t\~~taria-label~~={ __( 'Next page' ) }\n\t\t\t\t>\n\t\t\t\t\~~t›\~~n\t\t\t\t~~</Button>\~~n\t\t\t\t<Button\n\t\t\t\t\tvariant={ buttonVariant }\n\t\t\t\t\tonClick={ () => changePage( numPages ) }\n\t\t\t\t\tdisabled={ disabled \|\| currentPage === numPages }\n\t\t\t\t\~~taria-label~~={ __( 'Last page' ) }\n\t\t\t\t>\n\t\t\t\t\~~t»\~~n\t\t\t\t~~</Button>\~~n\t\t\t</HStack>\n\t\t</HStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;~~AAAsD~~,IAAAG,~~WAAA~~,GAAAH,OAAA;~~AAbtD~~;AACA;AACA;;AAGA;AACA;AACA;;~~AAQe~~,~~SAASI~~,UAAUA,CAAE;EACnCC,WAAW;EACXC,QAAQ;EACRC,UAAU;EACVC,UAAU;EACVC,SAAS;EACTC,QAAQ,GAAG,KAAK;EAChBC,aAAa,GAAG,UAAU;EAC1BC,KAAK,GAAG,IAAAC,QAAE,EAAE,uBAAwB;AACrC,CAAC,EAAG;EACH,oBACC,IAAAV,WAAA,CAAAW,IAAA,~~EAACb~~,WAAA,~~CAAAc~~,oBAAM;IACNC,QAAQ,EAAG,KAAO;IAClBC,EAAE,EAAC,KAAK;IACR,cAAaL,KAAO;IACpBM,OAAO,EAAG,CAAG;IACbC,OAAO,EAAC,YAAY;IACpBV,SAAS,EAAG,IAAAW,aAAI,EAAE,sBAAsB,EAAEX,SAAU,CAAG;IAAAY,QAAA,gBAEvD,IAAAlB,WAAA,CAAAmB,GAAA,~~EAACrB~~,WAAA,~~CAAAsB~~,kBAAI;MAACC,OAAO,EAAC,OAAO;MAACf,SAAS,EAAC,6BAA6B;MAAAY,QAAA;MAE3D;MACA,IAAAI,aAAO;MACN;MACA,IAAAC,QAAE,EAAE,SAAS,EAAE,UAAU,EAAElB,UAAW,CAAC,EACvCA,UACD;IAAC,CAEG,CAAC,eACP,IAAAL,WAAA,CAAAW,IAAA,~~EAACb~~,WAAA,~~CAAAc~~,oBAAM;MAACC,QAAQ,EAAG,KAAO;MAACE,OAAO,EAAG,CAAG;MAAAG,QAAA,gBACvC,IAAAlB,WAAA,CAAAmB,GAAA,~~EAACrB~~,WAAA,~~CAAA0B~~,MAAM;QACNH,OAAO,EAAGb,aAAe;QACzBiB,OAAO,EAAGA,CAAA,KAAMrB,UAAU,CAAE,CAAE,CAAG;~~QACjCG~~,QAAQ,EAAGA,QAAQ,IAAIL,WAAW,KAAK,CAAG;~~QAC1C~~,~~cAAa~~,~~IAAAQ~~,QAAE,EAAE,YAAa,CAAG;~~QAAAQ~~,~~QAAA~~,~~EACjC~~;~~MAED~~,~~CAAQ~~,CAAC,~~eACT~~,~~IAAAlB~~,WAAA,CAAAmB,GAAA,~~EAACrB~~,WAAA,~~CAAA0B~~,MAAM;QACNH,OAAO,EAAGb,aAAe;QACzBiB,OAAO,EAAGA,CAAA,KAAMrB,UAAU,CAAEF,WAAW,GAAG,CAAE,CAAG;QAC/CK,QAAQ,EAAGA,QAAQ,IAAIL,WAAW,KAAK,CAAG;~~QAC1C~~,~~cAAa~~,~~IAAAQ~~,QAAE,EAAE,eAAgB,CAAG;~~QAAAQ~~,~~QAAA~~,~~EACpC~~;~~MAED~~,~~CAAQ~~,CAAC;IAAA,~~CACF~~,CAAC,eACT,~~IAAAlB~~,WAAA,CAAAmB,GAAA,~~EAACrB~~,WAAA,~~CAAAsB~~,kBAAI;MAACC,OAAO,EAAC,OAAO;MAAAH,QAAA,EAClB,IAAAI,aAAO;MACR;MACA,~~IAAAI~~,QAAE,EAAE,cAAc,EAAE,QAAS,CAAC,~~EAC9BxB~~,WAAW,EACXC,QACD;IAAC,CACI,CAAC,eACP,IAAAH,WAAA,CAAAW,IAAA,~~EAACb~~,WAAA,~~CAAAc~~,oBAAM;MAACC,QAAQ,EAAG,KAAO;MAACE,OAAO,EAAG,CAAG;MAAAG,QAAA,gBACvC,IAAAlB,WAAA,CAAAmB,GAAA,~~EAACrB~~,WAAA,~~CAAA0B~~,MAAM;QACNH,OAAO,EAAGb,aAAe;QACzBiB,OAAO,EAAGA,CAAA,KAAMrB,UAAU,CAAEF,WAAW,GAAG,CAAE,CAAG;QAC/CK,QAAQ,EAAGA,QAAQ,IAAIL,WAAW,KAAKC,QAAU;~~QACjD~~,~~cAAa~~,~~IAAAO~~,QAAE,EAAE,WAAY,CAAG;~~QAAAQ~~,~~QAAA~~,~~EAChC~~;~~MAED~~,~~CAAQ~~,CAAC,~~eACT~~,~~IAAAlB~~,WAAA,CAAAmB,GAAA,~~EAACrB~~,WAAA,~~CAAA0B~~,MAAM;QACNH,OAAO,EAAGb,aAAe;QACzBiB,OAAO,EAAGA,CAAA,KAAMrB,UAAU,CAAED,QAAS,CAAG;~~QACxCI~~,QAAQ,EAAGA,QAAQ,IAAIL,WAAW,KAAKC,QAAU;~~QACjD~~,~~cAAa~~,~~IAAAO~~,QAAE,EAAE,WAAY,CAAG;~~QAAAQ~~,~~QAAA~~,~~EAChC~~;~~MAED~~,~~CAAQ~~,CAAC;IAAA,~~CACF~~,CAAC;EAAA,CACF,CAAC;AAEX","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_icons","_jsxRuntime","Pagination","currentPage","numPages","changePage","totalItems","className","disabled","buttonVariant","label","__","jsxs","__experimentalHStack","expanded","as","spacing","justify","clsx","children","jsx","__experimentalText","variant","sprintf","_n","Button","onClick","__experimentalIsFocusable","icon","previous","size","chevronLeft","_x","chevronRight","next"],"sources":["@wordpress/edit-site/src/components/pagination/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n\tButton,\n} from '@wordpress/components';\nimport { __, _x, _n, sprintf } from '@wordpress/i18n';\nimport { previous, chevronLeft, chevronRight, next } from '@wordpress/icons';\n\nexport default function Pagination( {\n\tcurrentPage,\n\tnumPages,\n\tchangePage,\n\ttotalItems,\n\tclassName,\n\tdisabled = false,\n\tbuttonVariant = 'tertiary',\n\tlabel = __( 'Pagination Navigation' ),\n} ) {\n\treturn (\n\t\t<HStack\n\t\t\texpanded={ false }\n\t\t\tas=\"nav\"\n\t\t\taria-label={ label }\n\t\t\tspacing={ 3 }\n\t\t\tjustify=\"flex-start\"\n\t\t\tclassName={ clsx( 'edit-site-pagination', className ) }\n\t\t>\n\t\t\t<Text variant=\"muted\" className=\"edit-site-pagination__total\">\n\t\t\t\t{\n\t\t\t\t\t// translators: %s: Total number of patterns.\n\t\t\t\t\tsprintf(\n\t\t\t\t\t\t// translators: %s: Total number of patterns.\n\t\t\t\t\t\t_n( '%s item', '%s items', totalItems ),\n\t\t\t\t\t\ttotalItems\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t</Text>\n\t\t\t<HStack expanded={ false } spacing={ 1 }>\n\t\t\t\t<Button\n\t\t\t\t\tvariant={ buttonVariant }\n\t\t\t\t\tonClick={ () => changePage( 1 ) }\n\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\tdisabled={ disabled \|\| currentPage === 1 }\n\t\t\t\t\tlabel={ __( 'First page' ) }\n\t\t\t\t\ticon={ previous }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t/>\n\t\t\t\t<Button\n\t\t\t\t\tvariant={ buttonVariant }\n\t\t\t\t\tonClick={ () => changePage( currentPage - 1 ) }\n\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\tdisabled={ disabled \|\| currentPage === 1 }\n\t\t\t\t\tlabel={ __( 'Previous page' ) }\n\t\t\t\t\ticon={ chevronLeft }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t\t<Text variant=\"muted\">\n\t\t\t\t{ sprintf(\n\t\t\t\t\t// translators: %1$s: Current page number, %2$s: Total number of pages.\n\t\t\t\t\t_x( '%1$s of %2$s', 'paging' ),\n\t\t\t\t\tcurrentPage,\n\t\t\t\t\tnumPages\n\t\t\t\t) }\n\t\t\t</Text>\n\t\t\t<HStack expanded={ false } spacing={ 1 }>\n\t\t\t\t<Button\n\t\t\t\t\tvariant={ buttonVariant }\n\t\t\t\t\tonClick={ () => changePage( currentPage + 1 ) }\n\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\tdisabled={ disabled \|\| currentPage === numPages }\n\t\t\t\t\tlabel={ __( 'Next page' ) }\n\t\t\t\t\ticon={ chevronRight }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t/>\n\t\t\t\t<Button\n\t\t\t\t\tvariant={ buttonVariant }\n\t\t\t\t\tonClick={ () => changePage( numPages ) }\n\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\tdisabled={ disabled \|\| currentPage === numPages }\n\t\t\t\t\tlabel={ __( 'Last page' ) }\n\t\t\t\t\ticon={ next }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</HStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA6E,IAAAI,WAAA,GAAAJ,OAAA;AAd7E;AACA;AACA;;AAGA;AACA;AACA;;AASe,SAASK,UAAUA,CAAE;EACnCC,WAAW;EACXC,QAAQ;EACRC,UAAU;EACVC,UAAU;EACVC,SAAS;EACTC,QAAQ,GAAG,KAAK;EAChBC,aAAa,GAAG,UAAU;EAC1BC,KAAK,GAAG,IAAAC,QAAE,EAAE,uBAAwB;AACrC,CAAC,EAAG;EACH,oBACC,IAAAV,WAAA,CAAAW,IAAA,EAACd,WAAA,CAAAe,oBAAM;IACNC,QAAQ,EAAG,KAAO;IAClBC,EAAE,EAAC,KAAK;IACR,cAAaL,KAAO;IACpBM,OAAO,EAAG,CAAG;IACbC,OAAO,EAAC,YAAY;IACpBV,SAAS,EAAG,IAAAW,aAAI,EAAE,sBAAsB,EAAEX,SAAU,CAAG;IAAAY,QAAA,gBAEvD,IAAAlB,WAAA,CAAAmB,GAAA,EAACtB,WAAA,CAAAuB,kBAAI;MAACC,OAAO,EAAC,OAAO;MAACf,SAAS,EAAC,6BAA6B;MAAAY,QAAA;MAE3D;MACA,IAAAI,aAAO;MACN;MACA,IAAAC,QAAE,EAAE,SAAS,EAAE,UAAU,EAAElB,UAAW,CAAC,EACvCA,UACD;IAAC,CAEG,CAAC,eACP,IAAAL,WAAA,CAAAW,IAAA,EAACd,WAAA,CAAAe,oBAAM;MAACC,QAAQ,EAAG,KAAO;MAACE,OAAO,EAAG,CAAG;MAAAG,QAAA,gBACvC,IAAAlB,WAAA,CAAAmB,GAAA,EAACtB,WAAA,CAAA2B,MAAM;QACNH,OAAO,EAAGb,aAAe;QACzBiB,OAAO,EAAGA,CAAA,KAAMrB,UAAU,CAAE,CAAE,CAAG;QACjCsB,yBAAyB;QACzBnB,QAAQ,EAAGA,QAAQ,IAAIL,WAAW,KAAK,CAAG;QAC1CO,KAAK,EAAG,IAAAC,QAAE,EAAE,YAAa,CAAG;QAC5BiB,IAAI,EAAGC,eAAU;QACjBC,IAAI,EAAC;MAAS,CACd,CAAC,eACF,IAAA7B,WAAA,CAAAmB,GAAA,EAACtB,WAAA,CAAA2B,MAAM;QACNH,OAAO,EAAGb,aAAe;QACzBiB,OAAO,EAAGA,CAAA,KAAMrB,UAAU,CAAEF,WAAW,GAAG,CAAE,CAAG;QAC/CwB,yBAAyB;QACzBnB,QAAQ,EAAGA,QAAQ,IAAIL,WAAW,KAAK,CAAG;QAC1CO,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;QAC/BiB,IAAI,EAAGG,kBAAa;QACpBD,IAAI,EAAC;MAAS,CACd,CAAC;IAAA,CACK,CAAC,eACT,IAAA7B,WAAA,CAAAmB,GAAA,EAACtB,WAAA,CAAAuB,kBAAI;MAACC,OAAO,EAAC,OAAO;MAAAH,QAAA,EAClB,IAAAI,aAAO;MACR;MACA,IAAAS,QAAE,EAAE,cAAc,EAAE,QAAS,CAAC,EAC9B7B,WAAW,EACXC,QACD;IAAC,CACI,CAAC,eACP,IAAAH,WAAA,CAAAW,IAAA,EAACd,WAAA,CAAAe,oBAAM;MAACC,QAAQ,EAAG,KAAO;MAACE,OAAO,EAAG,CAAG;MAAAG,QAAA,gBACvC,IAAAlB,WAAA,CAAAmB,GAAA,EAACtB,WAAA,CAAA2B,MAAM;QACNH,OAAO,EAAGb,aAAe;QACzBiB,OAAO,EAAGA,CAAA,KAAMrB,UAAU,CAAEF,WAAW,GAAG,CAAE,CAAG;QAC/CwB,yBAAyB;QACzBnB,QAAQ,EAAGA,QAAQ,IAAIL,WAAW,KAAKC,QAAU;QACjDM,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;QAC3BiB,IAAI,EAAGK,mBAAc;QACrBH,IAAI,EAAC;MAAS,CACd,CAAC,eACF,IAAA7B,WAAA,CAAAmB,GAAA,EAACtB,WAAA,CAAA2B,MAAM;QACNH,OAAO,EAAGb,aAAe;QACzBiB,OAAO,EAAGA,CAAA,KAAMrB,UAAU,CAAED,QAAS,CAAG;QACxCuB,yBAAyB;QACzBnB,QAAQ,EAAGA,QAAQ,IAAIL,WAAW,KAAKC,QAAU;QACjDM,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;QAC3BiB,IAAI,EAAGM,WAAM;QACbJ,IAAI,EAAC;MAAS,CACd,CAAC;IAAA,CACK,CAAC;EAAA,CACF,CAAC;AAEX","ignoreList":[]}

package/build/components/sidebar-dataviews/dataview-item.js CHANGED Viewed

@@ -45,11 +45,15 @@ function DataViewItem({
     }
   } = useLocation();
   const iconToUse = icon || _dataviews.VIEW_LAYOUTS.find(v => v.type === type).icon;
+  let activeView = isCustom ? customViewId : slug;
+  if (activeView === 'all') {
+    activeView = undefined;
+  }
   const linkInfo = (0, _link.useLink)({
     postType,
     layout,
-    activeView: isCustom ? customViewId : slug,
-    isCustom: isCustom ? 'true' : 'false'
+    activeView,
+    isCustom: isCustom ? 'true' : undefined
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
     justify: "flex-start",

package/build/components/sidebar-dataviews/dataview-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_router","_components","_dataviews","_link","_sidebarNavigationItem","_lockUnlock","_jsxRuntime","useLocation","unlock","routerPrivateApis","DataViewItem","title","slug","customViewId","type","icon","isActive","isCustom","suffix","params","postType","layout","iconToUse","VIEW_LAYOUTS","find","v","~~linkInfo~~","~~useLink~~","~~activeView~~","jsxs","__experimentalHStack","justify","className","clsx","children","jsx","default"~~,"undefined"~~],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/dataview-item.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { __experimentalHStack as HStack } from '@wordpress/components';\nimport { VIEW_LAYOUTS } from '@wordpress/dataviews';\n\n/\n Internal dependencies\n */\nimport { useLink } from '../routes/link';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { unlock } from '../../lock-unlock';\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function DataViewItem( {\n\ttitle,\n\tslug,\n\tcustomViewId,\n\ttype,\n\ticon,\n\tisActive,\n\tisCustom,\n\tsuffix,\n} ) {\n\tconst {\n\t\tparams: { postType, layout },\n\t} = useLocation();\n\n\tconst iconToUse =\n\t\ticon \|\| VIEW_LAYOUTS.find( ( v ) => v.type === type ).icon;\n\n\tconst linkInfo = useLink( {\n\t\tpostType,\n\t\tlayout,\n\t\tactiveView~~: isCustom ? customViewId : slug~~,\n\t\tisCustom: isCustom ? 'true' : ~~'false'~~,\n\t} );\n\treturn (\n\t\t<HStack\n\t\t\tjustify=\"flex-start\"\n\t\t\tclassName={ clsx( 'edit-site-sidebar-dataviews-dataview-item', {\n\t\t\t\t'is-selected': isActive,\n\t\t\t} ) }\n\t\t>\n\t\t\t<SidebarNavigationItem\n\t\t\t\ticon={ iconToUse }\n\t\t\t\t{ ...linkInfo }\n\t\t\t\taria-current={ isActive ? 'true' : undefined }\n\t\t\t>\n\t\t\t\t{ title }\n\t\t\t</SidebarNavigationItem>\n\t\t\t{ suffix }\n\t\t</HStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAKA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAA2C,IAAAO,WAAA,GAAAP,OAAA;AAjB3C;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAIA,MAAM;EAAEQ;AAAY,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEpC,SAASC,YAAYA,CAAE;EACrCC,KAAK;EACLC,IAAI;EACJC,YAAY;EACZC,IAAI;EACJC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAM;IACLC,MAAM,EAAE;MAAEC,QAAQ;MAAEC;IAAO;EAC5B,CAAC,GAAGd,WAAW,CAAC,CAAC;EAEjB,MAAMe,SAAS,GACdP,IAAI,IAAIQ,uBAAY,CAACC,IAAI,CAAIC,CAAC,IAAMA,CAAC,CAACX,IAAI,KAAKA,IAAK,CAAC,CAACC,IAAI;EAE3D,~~MAAMW~~,QAAQ,GAAG,IAAAC,aAAO,EAAE;~~IACzBP~~,QAAQ;IACRC,MAAM;~~IACNO~~,UAAU~~,EAAEX,QAAQ,GAAGJ,YAAY,GAAGD,IAAI~~;~~IAC1CK~~,QAAQ,EAAEA,QAAQ,GAAG,MAAM,~~GAAG~~;EAC/B,CAAE,CAAC;EACH,oBACC,~~IAAAX~~,WAAA,~~CAAAuB~~,IAAA,~~EAAC5B~~,WAAA,~~CAAA6B~~,oBAAM;IACNC,OAAO,EAAC,YAAY;IACpBC,SAAS,EAAG,IAAAC,aAAI,EAAE,2CAA2C,EAAE;MAC9D,aAAa,~~EAAEjB~~;IAChB,CAAE,CAAG;~~IAAAkB~~,QAAA,gBAEL,~~IAAA5B~~,WAAA,~~CAAA6B~~,GAAA,~~EAAC/B~~,sBAAA,~~CAAAgC~~,OAAqB;~~MACrBrB~~,IAAI,EAAGO,SAAW;MAAA,~~GACbI~~,QAAQ;MACb,~~gBAAeV~~,QAAQ,GAAG,MAAM,~~GAAGqB~~,SAAW;~~MAAAH~~,QAAA,~~EAE5CvB~~;IAAK,CACe,CAAC,EACtBO,MAAM;EAAA,CACD,CAAC;AAEX","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_router","_components","_dataviews","_link","_sidebarNavigationItem","_lockUnlock","_jsxRuntime","useLocation","unlock","routerPrivateApis","DataViewItem","title","slug","customViewId","type","icon","isActive","isCustom","suffix","params","postType","layout","iconToUse","VIEW_LAYOUTS","find","v","activeView","undefined","linkInfo","useLink","jsxs","__experimentalHStack","justify","className","clsx","children","jsx","default"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/dataview-item.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { __experimentalHStack as HStack } from '@wordpress/components';\nimport { VIEW_LAYOUTS } from '@wordpress/dataviews';\n\n/\n Internal dependencies\n */\nimport { useLink } from '../routes/link';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { unlock } from '../../lock-unlock';\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function DataViewItem( {\n\ttitle,\n\tslug,\n\tcustomViewId,\n\ttype,\n\ticon,\n\tisActive,\n\tisCustom,\n\tsuffix,\n} ) {\n\tconst {\n\t\tparams: { postType, layout },\n\t} = useLocation();\n\n\tconst iconToUse =\n\t\ticon \|\| VIEW_LAYOUTS.find( ( v ) => v.type === type ).icon;\n\n\tlet activeView = isCustom ? customViewId : slug;\n\tif ( activeView === 'all' ) {\n\t\tactiveView = undefined;\n\t}\n\tconst linkInfo = useLink( {\n\t\tpostType,\n\t\tlayout,\n\t\tactiveView,\n\t\tisCustom: isCustom ? 'true' : undefined,\n\t} );\n\treturn (\n\t\t<HStack\n\t\t\tjustify=\"flex-start\"\n\t\t\tclassName={ clsx( 'edit-site-sidebar-dataviews-dataview-item', {\n\t\t\t\t'is-selected': isActive,\n\t\t\t} ) }\n\t\t>\n\t\t\t<SidebarNavigationItem\n\t\t\t\ticon={ iconToUse }\n\t\t\t\t{ ...linkInfo }\n\t\t\t\taria-current={ isActive ? 'true' : undefined }\n\t\t\t>\n\t\t\t\t{ title }\n\t\t\t</SidebarNavigationItem>\n\t\t\t{ suffix }\n\t\t</HStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAKA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAA2C,IAAAO,WAAA,GAAAP,OAAA;AAjB3C;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAIA,MAAM;EAAEQ;AAAY,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEpC,SAASC,YAAYA,CAAE;EACrCC,KAAK;EACLC,IAAI;EACJC,YAAY;EACZC,IAAI;EACJC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAM;IACLC,MAAM,EAAE;MAAEC,QAAQ;MAAEC;IAAO;EAC5B,CAAC,GAAGd,WAAW,CAAC,CAAC;EAEjB,MAAMe,SAAS,GACdP,IAAI,IAAIQ,uBAAY,CAACC,IAAI,CAAIC,CAAC,IAAMA,CAAC,CAACX,IAAI,KAAKA,IAAK,CAAC,CAACC,IAAI;EAE3D,IAAIW,UAAU,GAAGT,QAAQ,GAAGJ,YAAY,GAAGD,IAAI;EAC/C,IAAKc,UAAU,KAAK,KAAK,EAAG;IAC3BA,UAAU,GAAGC,SAAS;EACvB;EACA,MAAMC,QAAQ,GAAG,IAAAC,aAAO,EAAE;IACzBT,QAAQ;IACRC,MAAM;IACNK,UAAU;IACVT,QAAQ,EAAEA,QAAQ,GAAG,MAAM,GAAGU;EAC/B,CAAE,CAAC;EACH,oBACC,IAAArB,WAAA,CAAAwB,IAAA,EAAC7B,WAAA,CAAA8B,oBAAM;IACNC,OAAO,EAAC,YAAY;IACpBC,SAAS,EAAG,IAAAC,aAAI,EAAE,2CAA2C,EAAE;MAC9D,aAAa,EAAElB;IAChB,CAAE,CAAG;IAAAmB,QAAA,gBAEL,IAAA7B,WAAA,CAAA8B,GAAA,EAAChC,sBAAA,CAAAiC,OAAqB;MACrBtB,IAAI,EAAGO,SAAW;MAAA,GACbM,QAAQ;MACb,gBAAeZ,QAAQ,GAAG,MAAM,GAAGW,SAAW;MAAAQ,QAAA,EAE5CxB;IAAK,CACe,CAAC,EACtBO,MAAM;EAAA,CACD,CAAC;AAEX","ignoreList":[]}

package/build/components/sidebar-navigation-screen/index.js CHANGED Viewed

@@ -77,7 +77,7 @@ function SidebarNavigationScreen({
       spacing: 0,
       justify: "flex-start",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-        spacing: 4,
+        spacing: 3,
         alignment: "flex-start",
         className: "edit-site-sidebar-navigation-screen__title-icon",
         children: [!isRoot && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarButton.default, {