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-module/components/pagination/index.js CHANGED Viewed

@@ -8,6 +8,7 @@ import clsx from 'clsx';
  */
 import { __experimentalHStack as HStack, __experimentalText as Text, Button } from '@wordpress/components';
 import { __, _x, _n, sprintf } from '@wordpress/i18n';
+import { previous, chevronLeft, chevronRight, next } from '@wordpress/icons';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function Pagination({
@@ -41,15 +42,19 @@ export default function Pagination({
       children: [/*#__PURE__*/_jsx(Button, {
         variant: buttonVariant,
         onClick: () => changePage(1),
+        __experimentalIsFocusable: true,
         disabled: disabled || currentPage === 1,
-        "aria-label": __('First page'),
-        children: "\xAB"
+        label: __('First page'),
+        icon: previous,
+        size: "compact"
       }), /*#__PURE__*/_jsx(Button, {
         variant: buttonVariant,
         onClick: () => changePage(currentPage - 1),
+        __experimentalIsFocusable: true,
         disabled: disabled || currentPage === 1,
-        "aria-label": __('Previous page'),
-        children: "\u2039"
+        label: __('Previous page'),
+        icon: chevronLeft,
+        size: "compact"
       })]
     }), /*#__PURE__*/_jsx(Text, {
       variant: "muted",
@@ -62,15 +67,19 @@ export default function Pagination({
       children: [/*#__PURE__*/_jsx(Button, {
         variant: buttonVariant,
         onClick: () => changePage(currentPage + 1),
+        __experimentalIsFocusable: true,
         disabled: disabled || currentPage === numPages,
-        "aria-label": __('Next page'),
-        children: "\u203A"
+        label: __('Next page'),
+        icon: chevronRight,
+        size: "compact"
       }), /*#__PURE__*/_jsx(Button, {
         variant: buttonVariant,
         onClick: () => changePage(numPages),
+        __experimentalIsFocusable: true,
         disabled: disabled || currentPage === numPages,
-        "aria-label": __('Last page'),
-        children: "\xBB"
+        label: __('Last page'),
+        icon: next,
+        size: "compact"
       })]
     })]
   });

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

	@@ -1 +1 @@
1	- {"version":3,"names":["clsx","__experimentalHStack","HStack","__experimentalText","Text","Button","__","_x","_n","sprintf","jsx","_jsx","jsxs","_jsxs","Pagination","currentPage","numPages","changePage","totalItems","className","disabled","buttonVariant","label","expanded","as","spacing","justify","children","variant","onClick"],"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":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SACCC,oBAAoB,IAAIC,MAAM,EAC9BC,kBAAkB,IAAIC,IAAI,EAC1BC,MAAM,QACA,uBAAuB;AAC9B,SAASC,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;~~AAEtD~~,eAAe,SAASC,UAAUA,CAAE;EACnCC,WAAW;EACXC,QAAQ;EACRC,UAAU;EACVC,UAAU;EACVC,SAAS;EACTC,QAAQ,GAAG,KAAK;EAChBC,aAAa,GAAG,UAAU;EAC1BC,KAAK,~~GAAGhB~~,EAAE,CAAE,uBAAwB;AACrC,CAAC,EAAG;EACH,~~oBACCO~~,KAAA,~~CAACX~~,MAAM;~~IACNqB~~,QAAQ,EAAG,KAAO;IAClBC,EAAE,EAAC,KAAK;IACR,cAAaF,KAAO;IACpBG,OAAO,EAAG,CAAG;IACbC,OAAO,EAAC,YAAY;IACpBP,SAAS,~~EAAGnB~~,IAAI,CAAE,sBAAsB,~~EAAEmB~~,SAAU,CAAG;IAAAQ,QAAA,gBAEvDhB,IAAA,~~CAACP~~,IAAI;~~MAACwB~~,OAAO,EAAC,OAAO;MAACT,SAAS,EAAC,6BAA6B;MAAAQ,QAAA;MAE3D;~~MACAlB~~,OAAO;MACN;MACAD,EAAE,CAAE,SAAS,EAAE,UAAU,~~EAAEU~~,UAAW,CAAC,EACvCA,UACD;IAAC,CAEG,CAAC,eACPL,KAAA,~~CAACX~~,MAAM;~~MAACqB~~,QAAQ,EAAG,KAAO;MAACE,OAAO,EAAG,CAAG;MAAAE,QAAA,gBACvChB,IAAA,~~CAACN~~,MAAM;~~QACNuB~~,OAAO,EAAGP,aAAe;QACzBQ,OAAO,EAAGA,CAAA,KAAMZ,UAAU,CAAE,CAAE,CAAG;~~QACjCG~~,QAAQ,EAAGA,QAAQ,IAAIL,WAAW,KAAK,CAAG;~~QAC1C~~,~~cAAaT~~,EAAE,CAAE,YAAa,CAAG;~~QAAAqB~~,~~QAAA~~,~~EACjC~~;~~MAED~~,~~CAAQ~~,CAAC,~~eACThB~~,IAAA,~~CAACN~~,MAAM;~~QACNuB~~,OAAO,EAAGP,aAAe;QACzBQ,OAAO,EAAGA,CAAA,KAAMZ,UAAU,CAAEF,WAAW,GAAG,CAAE,CAAG;QAC/CK,QAAQ,EAAGA,QAAQ,IAAIL,WAAW,KAAK,CAAG;~~QAC1C~~,~~cAAaT~~,EAAE,CAAE,eAAgB,CAAG;~~QAAAqB~~,~~QAAA~~,~~EACpC~~;~~MAED~~,~~CAAQ~~,CAAC;IAAA,~~CACF~~,CAAC,~~eACThB~~,IAAA,~~CAACP~~,IAAI;~~MAACwB~~,OAAO,EAAC,OAAO;MAAAD,QAAA,~~EAClBlB~~,OAAO;MACR;MACAF,EAAE,CAAE,cAAc,EAAE,QAAS,CAAC,~~EAC9BQ~~,WAAW,EACXC,QACD;IAAC,CACI,CAAC,eACPH,KAAA,~~CAACX~~,MAAM;~~MAACqB~~,QAAQ,EAAG,KAAO;MAACE,OAAO,EAAG,CAAG;MAAAE,QAAA,gBACvChB,IAAA,~~CAACN~~,MAAM;~~QACNuB~~,OAAO,EAAGP,aAAe;QACzBQ,OAAO,EAAGA,CAAA,KAAMZ,UAAU,CAAEF,WAAW,GAAG,CAAE,CAAG;QAC/CK,QAAQ,EAAGA,QAAQ,IAAIL,WAAW,KAAKC,QAAU;~~QACjD~~,~~cAAaV~~,EAAE,CAAE,WAAY,CAAG;~~QAAAqB~~,~~QAAA~~,~~EAChC~~;~~MAED~~,~~CAAQ~~,CAAC,~~eACThB~~,IAAA,~~CAACN~~,MAAM;~~QACNuB~~,OAAO,EAAGP,aAAe;QACzBQ,OAAO,EAAGA,CAAA,KAAMZ,UAAU,CAAED,QAAS,CAAG;~~QACxCI~~,QAAQ,EAAGA,QAAQ,IAAIL,WAAW,KAAKC,QAAU;~~QACjD~~,~~cAAaV~~,EAAE,CAAE,WAAY,CAAG;~~QAAAqB~~,~~QAAA~~,~~EAChC~~;~~MAED~~,~~CAAQ~~,CAAC;IAAA,~~CACF~~,CAAC;EAAA,CACF,CAAC;AAEX","ignoreList":[]}
1	+ {"version":3,"names":["clsx","__experimentalHStack","HStack","__experimentalText","Text","Button","__","_x","_n","sprintf","previous","chevronLeft","chevronRight","next","jsx","_jsx","jsxs","_jsxs","Pagination","currentPage","numPages","changePage","totalItems","className","disabled","buttonVariant","label","expanded","as","spacing","justify","children","variant","onClick","__experimentalIsFocusable","icon","size"],"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":"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","ignoreList":[]}

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

@@ -38,11 +38,15 @@ export default function DataViewItem({
     }
   } = useLocation();
   const iconToUse = icon || VIEW_LAYOUTS.find(v => v.type === type).icon;
+  let activeView = isCustom ? customViewId : slug;
+  if (activeView === 'all') {
+    activeView = undefined;
+  }
   const linkInfo = useLink({
     postType,
     layout,
-    activeView: isCustom ? customViewId : slug,
-    isCustom: isCustom ? 'true' : 'false'
+    activeView,
+    isCustom: isCustom ? 'true' : undefined
   });
   return /*#__PURE__*/_jsxs(HStack, {
     justify: "flex-start",

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

	@@ -1 +1 @@
1	- {"version":3,"names":["clsx","privateApis","routerPrivateApis","__experimentalHStack","HStack","VIEW_LAYOUTS","useLink","SidebarNavigationItem","unlock","jsx","_jsx","jsxs","_jsxs","useLocation","DataViewItem","title","slug","customViewId","type","icon","isActive","isCustom","suffix","params","postType","layout","iconToUse","find","v","~~linkInfo~~","~~activeView~~","justify","className","children"~~,"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":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;AACpE,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AACtE,SAASC,YAAY,QAAQ,sBAAsB;;AAEnD;AACA;AACA;AACA,SAASC,OAAO,QAAQ,gBAAgB;AACxC,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAC3C,MAAM;EAAEC;AAAY,CAAC,GAAGL,MAAM,CAAEN,iBAAkB,CAAC;AAEnD,eAAe,SAASY,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,GAAGZ,WAAW,CAAC,CAAC;EAEjB,MAAMa,SAAS,GACdP,IAAI,IAAId,YAAY,CAACsB,IAAI,CAAIC,CAAC,IAAMA,CAAC,CAACV,IAAI,KAAKA,IAAK,CAAC,CAACC,IAAI;EAE3D,~~MAAMU~~,QAAQ,~~GAAGvB~~,~~OAAO~~,~~CAAE;IACzBkB~~,~~QAAQ~~;~~IACRC~~,~~MAAM~~;~~IACNK~~,UAAU,~~EAAET~~,QAAQ,~~GAAGJ~~,~~YAAY~~,~~GAAGD~~,~~IAAI~~;~~IAC1CK~~,QAAQ,EAAEA,QAAQ,GAAG,MAAM,~~GAAG~~;EAC/B,CAAE,CAAC;EACH,~~oBACCT~~,KAAA,CAACR,MAAM;~~IACN2B~~,OAAO,EAAC,YAAY;IACpBC,SAAS,~~EAAGhC~~,IAAI,CAAE,2CAA2C,EAAE;MAC9D,aAAa,EAAEoB;IAChB,CAAE,CAAG;~~IAAAa~~,QAAA,~~gBAELvB~~,IAAA,CAACH,qBAAqB;MACrBY,IAAI,EAAGO,SAAW;MAAA,~~GACbG~~,QAAQ;MACb,~~gBAAeT~~,QAAQ,GAAG,MAAM,~~GAAGc~~,SAAW;~~MAAAD~~,QAAA,~~EAE5ClB~~;IAAK,CACe,CAAC,EACtBO,MAAM;EAAA,CACD,CAAC;AAEX","ignoreList":[]}
1	+ {"version":3,"names":["clsx","privateApis","routerPrivateApis","__experimentalHStack","HStack","VIEW_LAYOUTS","useLink","SidebarNavigationItem","unlock","jsx","_jsx","jsxs","_jsxs","useLocation","DataViewItem","title","slug","customViewId","type","icon","isActive","isCustom","suffix","params","postType","layout","iconToUse","find","v","activeView","undefined","linkInfo","justify","className","children"],"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":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;AACpE,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AACtE,SAASC,YAAY,QAAQ,sBAAsB;;AAEnD;AACA;AACA;AACA,SAASC,OAAO,QAAQ,gBAAgB;AACxC,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAC3C,MAAM;EAAEC;AAAY,CAAC,GAAGL,MAAM,CAAEN,iBAAkB,CAAC;AAEnD,eAAe,SAASY,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,GAAGZ,WAAW,CAAC,CAAC;EAEjB,MAAMa,SAAS,GACdP,IAAI,IAAId,YAAY,CAACsB,IAAI,CAAIC,CAAC,IAAMA,CAAC,CAACV,IAAI,KAAKA,IAAK,CAAC,CAACC,IAAI;EAE3D,IAAIU,UAAU,GAAGR,QAAQ,GAAGJ,YAAY,GAAGD,IAAI;EAC/C,IAAKa,UAAU,KAAK,KAAK,EAAG;IAC3BA,UAAU,GAAGC,SAAS;EACvB;EACA,MAAMC,QAAQ,GAAGzB,OAAO,CAAE;IACzBkB,QAAQ;IACRC,MAAM;IACNI,UAAU;IACVR,QAAQ,EAAEA,QAAQ,GAAG,MAAM,GAAGS;EAC/B,CAAE,CAAC;EACH,oBACClB,KAAA,CAACR,MAAM;IACN4B,OAAO,EAAC,YAAY;IACpBC,SAAS,EAAGjC,IAAI,CAAE,2CAA2C,EAAE;MAC9D,aAAa,EAAEoB;IAChB,CAAE,CAAG;IAAAc,QAAA,gBAELxB,IAAA,CAACH,qBAAqB;MACrBY,IAAI,EAAGO,SAAW;MAAA,GACbK,QAAQ;MACb,gBAAeX,QAAQ,GAAG,MAAM,GAAGU,SAAW;MAAAI,QAAA,EAE5CnB;IAAK,CACe,CAAC,EACtBO,MAAM;EAAA,CACD,CAAC;AAEX","ignoreList":[]}

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

@@ -71,7 +71,7 @@ export default function SidebarNavigationScreen({
       spacing: 0,
       justify: "flex-start",
       children: [/*#__PURE__*/_jsxs(HStack, {
-        spacing: 4,
+        spacing: 3,
         alignment: "flex-start",
         className: "edit-site-sidebar-navigation-screen__title-icon",
         children: [!isRoot && /*#__PURE__*/_jsx(SidebarButton, {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["clsx","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalVStack","VStack","isRTL","__","sprintf","chevronRight","chevronLeft","store","coreStore","useSelect","privateApis","routerPrivateApis","useContext","editSiteStore","unlock","SidebarButton","isPreviewingTheme","currentlyPreviewingTheme","SidebarNavigationContext","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useHistory","useLocation","SidebarNavigationScreen","isRoot","title","actions","meta","content","footer","description","backPath","backPathProp","dashboardLink","dashboardLinkText","previewingThemeName","select","getSettings","currentlyPreviewingThemeId","__experimentalDashboardLink","__experimentalDashboardLinkText","getTheme","name","rendered","undefined","location","history","navigate","state","icon","children","className","spacing","justify","alignment","onClick","push","label","showTooltip","href","color","level","size"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen/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__experimentalHeading as Heading,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { isRTL, __, sprintf } from '@wordpress/i18n';\nimport { chevronRight, chevronLeft } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useContext } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport SidebarButton from '../sidebar-button';\nimport {\n\tisPreviewingTheme,\n\tcurrentlyPreviewingTheme,\n} from '../../utils/is-previewing-theme';\nimport { SidebarNavigationContext } from '../sidebar';\n\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationScreen( {\n\tisRoot,\n\ttitle,\n\tactions,\n\tmeta,\n\tcontent,\n\tfooter,\n\tdescription,\n\tbackPath: backPathProp,\n} ) {\n\tconst { dashboardLink, dashboardLinkText, previewingThemeName } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\t\tconst currentlyPreviewingThemeId = currentlyPreviewingTheme();\n\t\t\treturn {\n\t\t\t\tdashboardLink: getSettings().__experimentalDashboardLink,\n\t\t\t\tdashboardLinkText:\n\t\t\t\t\tgetSettings().__experimentalDashboardLinkText,\n\t\t\t\t// Do not call `getTheme` with null, it will cause a request to\n\t\t\t\t// the server.\n\t\t\t\tpreviewingThemeName: currentlyPreviewingThemeId\n\t\t\t\t\t? select( coreStore ).getTheme( currentlyPreviewingThemeId )\n\t\t\t\t\t\t\t?.name?.rendered\n\t\t\t\t\t: undefined,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst location = useLocation();\n\tconst history = useHistory();\n\tconst { navigate } = useContext( SidebarNavigationContext );\n\tconst backPath = backPathProp ?? location.state?.backPath;\n\tconst icon = isRTL() ? chevronRight : chevronLeft;\n\n\treturn (\n\t\t<>\n\t\t\t<VStack\n\t\t\t\tclassName={ clsx( 'edit-site-sidebar-navigation-screen__main', {\n\t\t\t\t\t'has-footer': !! footer,\n\t\t\t\t} ) }\n\t\t\t\tspacing={ 0 }\n\t\t\t\tjustify=\"flex-start\"\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tspacing={ 4 }\n\t\t\t\t\talignment=\"flex-start\"\n\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title-icon\"\n\t\t\t\t>\n\t\t\t\t\t{ ! isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thistory.push( backPath );\n\t\t\t\t\t\t\t\tnavigate( 'back' );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\tshowTooltip={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tdashboardLinkText \|\| __( 'Go to the Dashboard' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\thref={ dashboardLink \|\| 'index.php' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<Heading\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title\"\n\t\t\t\t\t\tcolor={ '#e0e0e0' / $gray-200 */ }\n\t\t\t\t\t\tlevel={ 1 }\n\t\t\t\t\t\tsize={ 20 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isPreviewingTheme()\n\t\t\t\t\t\t\t? title\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t'Previewing %1$s: %2$s',\n\t\t\t\t\t\t\t\t\tpreviewingThemeName,\n\t\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\t ) }\n\t\t\t\t\t</Heading>\n\t\t\t\t\t{ actions && (\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__actions\">\n\t\t\t\t\t\t\t{ actions }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t\t{ meta && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__meta\">\n\t\t\t\t\t\t\t{ meta }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\n\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__content\">\n\t\t\t\t\t{ description && (\n\t\t\t\t\t\t<p className=\"edit-site-sidebar-navigation-screen__description\">\n\t\t\t\t\t\t\t{ description }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) }\n\t\t\t\t\t{ content }\n\t\t\t\t</div>\n\t\t\t</VStack>\n\t\t\t{ footer && (\n\t\t\t\t<footer className=\"edit-site-sidebar-navigation-screen__footer\">\n\t\t\t\t\t{ footer }\n\t\t\t\t</footer>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["clsx","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalVStack","VStack","isRTL","__","sprintf","chevronRight","chevronLeft","store","coreStore","useSelect","privateApis","routerPrivateApis","useContext","editSiteStore","unlock","SidebarButton","isPreviewingTheme","currentlyPreviewingTheme","SidebarNavigationContext","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useHistory","useLocation","SidebarNavigationScreen","isRoot","title","actions","meta","content","footer","description","backPath","backPathProp","dashboardLink","dashboardLinkText","previewingThemeName","select","getSettings","currentlyPreviewingThemeId","__experimentalDashboardLink","__experimentalDashboardLinkText","getTheme","name","rendered","undefined","location","history","navigate","state","icon","children","className","spacing","justify","alignment","onClick","push","label","showTooltip","href","color","level","size"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen/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__experimentalHeading as Heading,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { isRTL, __, sprintf } from '@wordpress/i18n';\nimport { chevronRight, chevronLeft } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useContext } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport SidebarButton from '../sidebar-button';\nimport {\n\tisPreviewingTheme,\n\tcurrentlyPreviewingTheme,\n} from '../../utils/is-previewing-theme';\nimport { SidebarNavigationContext } from '../sidebar';\n\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\nexport default function SidebarNavigationScreen( {\n\tisRoot,\n\ttitle,\n\tactions,\n\tmeta,\n\tcontent,\n\tfooter,\n\tdescription,\n\tbackPath: backPathProp,\n} ) {\n\tconst { dashboardLink, dashboardLinkText, previewingThemeName } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\t\tconst currentlyPreviewingThemeId = currentlyPreviewingTheme();\n\t\t\treturn {\n\t\t\t\tdashboardLink: getSettings().__experimentalDashboardLink,\n\t\t\t\tdashboardLinkText:\n\t\t\t\t\tgetSettings().__experimentalDashboardLinkText,\n\t\t\t\t// Do not call `getTheme` with null, it will cause a request to\n\t\t\t\t// the server.\n\t\t\t\tpreviewingThemeName: currentlyPreviewingThemeId\n\t\t\t\t\t? select( coreStore ).getTheme( currentlyPreviewingThemeId )\n\t\t\t\t\t\t\t?.name?.rendered\n\t\t\t\t\t: undefined,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst location = useLocation();\n\tconst history = useHistory();\n\tconst { navigate } = useContext( SidebarNavigationContext );\n\tconst backPath = backPathProp ?? location.state?.backPath;\n\tconst icon = isRTL() ? chevronRight : chevronLeft;\n\n\treturn (\n\t\t<>\n\t\t\t<VStack\n\t\t\t\tclassName={ clsx( 'edit-site-sidebar-navigation-screen__main', {\n\t\t\t\t\t'has-footer': !! footer,\n\t\t\t\t} ) }\n\t\t\t\tspacing={ 0 }\n\t\t\t\tjustify=\"flex-start\"\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tspacing={ 3 }\n\t\t\t\t\talignment=\"flex-start\"\n\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title-icon\"\n\t\t\t\t>\n\t\t\t\t\t{ ! isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thistory.push( backPath );\n\t\t\t\t\t\t\t\tnavigate( 'back' );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\tshowTooltip={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ isRoot && (\n\t\t\t\t\t\t<SidebarButton\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tdashboardLinkText \|\| __( 'Go to the Dashboard' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\thref={ dashboardLink \|\| 'index.php' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<Heading\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-navigation-screen__title\"\n\t\t\t\t\t\tcolor={ '#e0e0e0' / $gray-200 */ }\n\t\t\t\t\t\tlevel={ 1 }\n\t\t\t\t\t\tsize={ 20 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isPreviewingTheme()\n\t\t\t\t\t\t\t? title\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t'Previewing %1$s: %2$s',\n\t\t\t\t\t\t\t\t\tpreviewingThemeName,\n\t\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\t ) }\n\t\t\t\t\t</Heading>\n\t\t\t\t\t{ actions && (\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__actions\">\n\t\t\t\t\t\t\t{ actions }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t\t{ meta && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__meta\">\n\t\t\t\t\t\t\t{ meta }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\n\t\t\t\t<div className=\"edit-site-sidebar-navigation-screen__content\">\n\t\t\t\t\t{ description && (\n\t\t\t\t\t\t<p className=\"edit-site-sidebar-navigation-screen__description\">\n\t\t\t\t\t\t\t{ description }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) }\n\t\t\t\t\t{ content }\n\t\t\t\t</div>\n\t\t\t</VStack>\n\t\t\t{ footer && (\n\t\t\t\t<footer className=\"edit-site-sidebar-navigation-screen__footer\">\n\t\t\t\t\t{ footer }\n\t\t\t\t</footer>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/sidebar-navigation-screen-navigation-menu/rename-modal.js CHANGED Viewed

@@ -37,6 +37,7 @@ export default function RenameModal({
             children: __('Cancel')
           }), /*#__PURE__*/_jsx(Button, {
             __next40pxDefaultSize: true,
+            __experimentalIsFocusable: true,
             disabled: !isEditedMenuTitleValid,
             variant: "primary",
             type: "submit",

package/build-module/components/sidebar-navigation-screen-navigation-menu/rename-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__experimentalHStack","HStack","__experimentalVStack","VStack","Button","TextControl","Modal","__","useState","jsx","_jsx","jsxs","_jsxs","notEmptyString","testString","trim","length","RenameModal","menuTitle","onClose","onSave","editedMenuTitle","setEditedMenuTitle","titleHasChanged","isEditedMenuTitleValid","title","onRequestClose","children","className","spacing","__nextHasNoMarginBottom","__next40pxDefaultSize","value","placeholder","onChange","justify","variant","onClick","disabled","type","e","preventDefault"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menu/rename-modal.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tButton,\n\tTextControl,\n\tModal,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\n\nconst notEmptyString = ( testString ) => testString?.trim()?.length > 0;\n\nexport default function RenameModal( { menuTitle, onClose, onSave } ) {\n\tconst [ editedMenuTitle, setEditedMenuTitle ] = useState( menuTitle );\n\n\tconst titleHasChanged = editedMenuTitle !== menuTitle;\n\n\tconst isEditedMenuTitleValid =\n\t\ttitleHasChanged && notEmptyString( editedMenuTitle );\n\n\treturn (\n\t\t<Modal title={ __( 'Rename' ) } onRequestClose={ onClose }>\n\t\t\t<form className=\"sidebar-navigation__rename-modal-form\">\n\t\t\t\t<VStack spacing=\"3\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvalue={ editedMenuTitle }\n\t\t\t\t\t\tplaceholder={ __( 'Navigation title' ) }\n\t\t\t\t\t\tonChange={ setEditedMenuTitle }\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tdisabled={ ! isEditedMenuTitleValid }\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tonClick={ ( e ) => {\n\t\t\t\t\t\t\t\te.preventDefault();\n\n\t\t\t\t\t\t\t\tif ( ! isEditedMenuTitleValid ) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonSave( { title: editedMenuTitle } );\n\n\t\t\t\t\t\t\t\t// Immediate close avoids ability to hit save multiple times.\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,MAAM,EACNC,WAAW,EACXC,KAAK,QACC,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,QAAQ,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE9C,MAAMC,cAAc,GAAKC,UAAU,IAAMA,UAAU,EAAEC,IAAI,CAAC,CAAC,EAAEC,MAAM,GAAG,CAAC;AAEvE,eAAe,SAASC,WAAWA,CAAE;EAAEC,SAAS;EAAEC,OAAO;EAAEC;AAAO,CAAC,EAAG;EACrE,MAAM,CAAEC,eAAe,EAAEC,kBAAkB,CAAE,GAAGd,QAAQ,CAAEU,SAAU,CAAC;EAErE,MAAMK,eAAe,GAAGF,eAAe,KAAKH,SAAS;EAErD,MAAMM,sBAAsB,GAC3BD,eAAe,IAAIV,cAAc,CAAEQ,eAAgB,CAAC;EAErD,oBACCX,IAAA,CAACJ,KAAK;IAACmB,KAAK,EAAGlB,EAAE,CAAE,QAAS,CAAG;IAACmB,cAAc,EAAGP,OAAS;IAAAQ,QAAA,eACzDjB,IAAA;MAAMkB,SAAS,EAAC,uCAAuC;MAAAD,QAAA,eACtDf,KAAA,CAACT,MAAM;QAAC0B,OAAO,EAAC,GAAG;QAAAF,QAAA,gBAClBjB,IAAA,CAACL,WAAW;UACXyB,uBAAuB;UACvBC,qBAAqB;UACrBC,KAAK,EAAGX,eAAiB;UACzBY,WAAW,EAAG1B,EAAE,CAAE,kBAAmB,CAAG;UACxC2B,QAAQ,EAAGZ;QAAoB,CAC/B,CAAC,eACFV,KAAA,CAACX,MAAM;UAACkC,OAAO,EAAC,OAAO;UAAAR,QAAA,gBACtBjB,IAAA,CAACN,MAAM;YACN2B,qBAAqB;YACrBK,OAAO,EAAC,UAAU;YAClBC,OAAO,EAAGlB,OAAS;YAAAQ,QAAA,EAEjBpB,EAAE,CAAE,QAAS;UAAC,CACT,CAAC,eAETG,IAAA,CAACN,MAAM;YACN2B,qBAAqB;YACrBO,QAAQ,EAAG,~~CAAEd~~,sBAAwB;YACrCY,OAAO,EAAC,SAAS;~~YACjBG~~,IAAI,EAAC,QAAQ;~~YACbF~~,OAAO,~~EAAKG~~,CAAC,IAAM;cAClBA,CAAC,CAACC,cAAc,CAAC,CAAC;cAElB,IAAK,~~CAAEjB~~,sBAAsB,EAAG;gBAC/B;cACD;cACAJ,MAAM,CAAE;gBAAEK,KAAK,EAAEJ;cAAgB,CAAE,CAAC;;cAEpC;cACAF,OAAO,CAAC,CAAC;YACV,CAAG;YAAAQ,QAAA,EAEDpB,EAAE,CAAE,MAAO;UAAC,CACP,CAAC;QAAA,CACF,CAAC;MAAA,CACF;IAAC,CACJ;EAAC,CACD,CAAC;AAEV","ignoreList":[]}
1	+ {"version":3,"names":["__experimentalHStack","HStack","__experimentalVStack","VStack","Button","TextControl","Modal","__","useState","jsx","_jsx","jsxs","_jsxs","notEmptyString","testString","trim","length","RenameModal","menuTitle","onClose","onSave","editedMenuTitle","setEditedMenuTitle","titleHasChanged","isEditedMenuTitleValid","title","onRequestClose","children","className","spacing","__nextHasNoMarginBottom","__next40pxDefaultSize","value","placeholder","onChange","justify","variant","onClick","__experimentalIsFocusable","disabled","type","e","preventDefault"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-navigation-menu/rename-modal.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tButton,\n\tTextControl,\n\tModal,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\n\nconst notEmptyString = ( testString ) => testString?.trim()?.length > 0;\n\nexport default function RenameModal( { menuTitle, onClose, onSave } ) {\n\tconst [ editedMenuTitle, setEditedMenuTitle ] = useState( menuTitle );\n\n\tconst titleHasChanged = editedMenuTitle !== menuTitle;\n\n\tconst isEditedMenuTitleValid =\n\t\ttitleHasChanged && notEmptyString( editedMenuTitle );\n\n\treturn (\n\t\t<Modal title={ __( 'Rename' ) } onRequestClose={ onClose }>\n\t\t\t<form className=\"sidebar-navigation__rename-modal-form\">\n\t\t\t\t<VStack spacing=\"3\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvalue={ editedMenuTitle }\n\t\t\t\t\t\tplaceholder={ __( 'Navigation title' ) }\n\t\t\t\t\t\tonChange={ setEditedMenuTitle }\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\tdisabled={ ! isEditedMenuTitleValid }\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tonClick={ ( e ) => {\n\t\t\t\t\t\t\t\te.preventDefault();\n\n\t\t\t\t\t\t\t\tif ( ! isEditedMenuTitleValid ) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonSave( { title: editedMenuTitle } );\n\n\t\t\t\t\t\t\t\t// Immediate close avoids ability to hit save multiple times.\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,MAAM,EACNC,WAAW,EACXC,KAAK,QACC,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,QAAQ,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE9C,MAAMC,cAAc,GAAKC,UAAU,IAAMA,UAAU,EAAEC,IAAI,CAAC,CAAC,EAAEC,MAAM,GAAG,CAAC;AAEvE,eAAe,SAASC,WAAWA,CAAE;EAAEC,SAAS;EAAEC,OAAO;EAAEC;AAAO,CAAC,EAAG;EACrE,MAAM,CAAEC,eAAe,EAAEC,kBAAkB,CAAE,GAAGd,QAAQ,CAAEU,SAAU,CAAC;EAErE,MAAMK,eAAe,GAAGF,eAAe,KAAKH,SAAS;EAErD,MAAMM,sBAAsB,GAC3BD,eAAe,IAAIV,cAAc,CAAEQ,eAAgB,CAAC;EAErD,oBACCX,IAAA,CAACJ,KAAK;IAACmB,KAAK,EAAGlB,EAAE,CAAE,QAAS,CAAG;IAACmB,cAAc,EAAGP,OAAS;IAAAQ,QAAA,eACzDjB,IAAA;MAAMkB,SAAS,EAAC,uCAAuC;MAAAD,QAAA,eACtDf,KAAA,CAACT,MAAM;QAAC0B,OAAO,EAAC,GAAG;QAAAF,QAAA,gBAClBjB,IAAA,CAACL,WAAW;UACXyB,uBAAuB;UACvBC,qBAAqB;UACrBC,KAAK,EAAGX,eAAiB;UACzBY,WAAW,EAAG1B,EAAE,CAAE,kBAAmB,CAAG;UACxC2B,QAAQ,EAAGZ;QAAoB,CAC/B,CAAC,eACFV,KAAA,CAACX,MAAM;UAACkC,OAAO,EAAC,OAAO;UAAAR,QAAA,gBACtBjB,IAAA,CAACN,MAAM;YACN2B,qBAAqB;YACrBK,OAAO,EAAC,UAAU;YAClBC,OAAO,EAAGlB,OAAS;YAAAQ,QAAA,EAEjBpB,EAAE,CAAE,QAAS;UAAC,CACT,CAAC,eAETG,IAAA,CAACN,MAAM;YACN2B,qBAAqB;YACrBO,yBAAyB;YACzBC,QAAQ,EAAG,CAAEf,sBAAwB;YACrCY,OAAO,EAAC,SAAS;YACjBI,IAAI,EAAC,QAAQ;YACbH,OAAO,EAAKI,CAAC,IAAM;cAClBA,CAAC,CAACC,cAAc,CAAC,CAAC;cAElB,IAAK,CAAElB,sBAAsB,EAAG;gBAC/B;cACD;cACAJ,MAAM,CAAE;gBAAEK,KAAK,EAAEJ;cAAgB,CAAE,CAAC;;cAEpC;cACAF,OAAO,CAAC,CAAC;YACV,CAAG;YAAAQ,QAAA,EAEDpB,EAAE,CAAE,MAAO;UAAC,CACP,CAAC;QAAA,CACF,CAAC;MAAA,CACF;IAAC,CACJ;EAAC,CACD,CAAC;AAEV","ignoreList":[]}

package/build-module/components/sidebar-navigation-screen-patterns/category-item.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 import SidebarNavigationItem from '../sidebar-navigation-item';
 import { useLink } from '../routes/link';
-import { TEMPLATE_PART_POST_TYPE, PATTERN_TYPES } from '../../utils/constants';
+import { TEMPLATE_PART_POST_TYPE, TEMPLATE_PART_ALL_AREAS_CATEGORY, PATTERN_DEFAULT_CATEGORY, PATTERN_TYPES } from '../../utils/constants';
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function CategoryItem({
   count,
@@ -14,7 +14,7 @@ export default function CategoryItem({
   type
 }) {
   const linkInfo = useLink({
-    categoryId: id,
+    categoryId: id !== TEMPLATE_PART_ALL_AREAS_CATEGORY && id !== PATTERN_DEFAULT_CATEGORY ? id : undefined,
     postType: type === TEMPLATE_PART_POST_TYPE ? TEMPLATE_PART_POST_TYPE : PATTERN_TYPES.user
   });
   if (!count) {

package/build-module/components/sidebar-navigation-screen-patterns/category-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["SidebarNavigationItem","useLink","TEMPLATE_PART_POST_TYPE","PATTERN_TYPES","jsx","_jsx","CategoryItem","count","icon","id","isActive","label","type","linkInfo","categoryId","postType","user","suffix","children"~~,"undefined"~~],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-patterns/category-item.js"],"sourcesContent":["/*\n Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { useLink } from '../routes/link';\nimport { ~~TEMPLATE_PART_POST_TYPE, PATTERN_TYPES~~ } from '../../utils/constants';\n\nexport default function CategoryItem( {\n\tcount,\n\ticon,\n\tid,\n\tisActive,\n\tlabel,\n\ttype,\n} ) {\n\tconst linkInfo = useLink( {\n\t\tcategoryId: id,\n\t\tpostType:\n\t\t\ttype === TEMPLATE_PART_POST_TYPE\n\t\t\t\t? TEMPLATE_PART_POST_TYPE\n\t\t\t\t: PATTERN_TYPES.user,\n\t} );\n\n\tif ( ! count ) {\n\t\treturn;\n\t}\n\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\t{ ...linkInfo }\n\t\t\ticon={ icon }\n\t\t\tsuffix={ <span>{ count }</span> }\n\t\t\taria-current={ isActive ? 'true' : undefined }\n\t\t>\n\t\t\t{ label }\n\t\t</SidebarNavigationItem>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,qBAAqB,MAAM,4BAA4B;AAC9D,SAASC,OAAO,QAAQ,gBAAgB;AACxC,~~SAASC~~,uBAAuB,~~EAAEC~~,aAAa,~~QAAQ~~,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/E,eAAe,SAASC,YAAYA,CAAE;EACrCC,KAAK;EACLC,IAAI;EACJC,EAAE;EACFC,QAAQ;EACRC,KAAK;EACLC;AACD,CAAC,EAAG;EACH,MAAMC,QAAQ,~~GAAGZ~~,OAAO,CAAE;~~IACzBa~~,UAAU,~~EAAEL~~,EAAE;~~IACdM~~,QAAQ,~~EACPH~~,IAAI,~~KAAKV~~,uBAAuB,GAC7BA,uBAAuB,~~GACvBC~~,aAAa,~~CAACa~~;EACnB,CAAE,CAAC;EAEH,IAAK,~~CAAET~~,KAAK,EAAG;IACd;EACD;EAEA,oBACCF,IAAA,~~CAACL~~,qBAAqB;IAAA,~~GAChBa~~,QAAQ;IACbL,IAAI,EAAGA,IAAM;~~IACbS~~,MAAM,~~eAAGZ~~,IAAA;~~MAAAa~~,QAAA,~~EAAQX~~;IAAK,CAAQ,CAAG;IACjC,gBAAeG,QAAQ,GAAG,MAAM,~~GAAGS~~,SAAW;~~IAAAD~~,QAAA,~~EAE5CP~~;EAAK,CACe,CAAC;AAE1B","ignoreList":[]}
1	+ {"version":3,"names":["SidebarNavigationItem","useLink","TEMPLATE_PART_POST_TYPE","TEMPLATE_PART_ALL_AREAS_CATEGORY","PATTERN_DEFAULT_CATEGORY","PATTERN_TYPES","jsx","_jsx","CategoryItem","count","icon","id","isActive","label","type","linkInfo","categoryId","undefined","postType","user","suffix","children"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-patterns/category-item.js"],"sourcesContent":["/*\n Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { useLink } from '../routes/link';\nimport {\n\tTEMPLATE_PART_POST_TYPE,\n\tTEMPLATE_PART_ALL_AREAS_CATEGORY,\n\tPATTERN_DEFAULT_CATEGORY,\n\tPATTERN_TYPES,\n} from '../../utils/constants';\n\nexport default function CategoryItem( {\n\tcount,\n\ticon,\n\tid,\n\tisActive,\n\tlabel,\n\ttype,\n} ) {\n\tconst linkInfo = useLink( {\n\t\tcategoryId:\n\t\t\tid !== TEMPLATE_PART_ALL_AREAS_CATEGORY &&\n\t\t\tid !== PATTERN_DEFAULT_CATEGORY\n\t\t\t\t? id\n\t\t\t\t: undefined,\n\t\tpostType:\n\t\t\ttype === TEMPLATE_PART_POST_TYPE\n\t\t\t\t? TEMPLATE_PART_POST_TYPE\n\t\t\t\t: PATTERN_TYPES.user,\n\t} );\n\n\tif ( ! count ) {\n\t\treturn;\n\t}\n\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\t{ ...linkInfo }\n\t\t\ticon={ icon }\n\t\t\tsuffix={ <span>{ count }</span> }\n\t\t\taria-current={ isActive ? 'true' : undefined }\n\t\t>\n\t\t\t{ label }\n\t\t</SidebarNavigationItem>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,qBAAqB,MAAM,4BAA4B;AAC9D,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SACCC,uBAAuB,EACvBC,gCAAgC,EAChCC,wBAAwB,EACxBC,aAAa,QACP,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/B,eAAe,SAASC,YAAYA,CAAE;EACrCC,KAAK;EACLC,IAAI;EACJC,EAAE;EACFC,QAAQ;EACRC,KAAK;EACLC;AACD,CAAC,EAAG;EACH,MAAMC,QAAQ,GAAGd,OAAO,CAAE;IACzBe,UAAU,EACTL,EAAE,KAAKR,gCAAgC,IACvCQ,EAAE,KAAKP,wBAAwB,GAC5BO,EAAE,GACFM,SAAS;IACbC,QAAQ,EACPJ,IAAI,KAAKZ,uBAAuB,GAC7BA,uBAAuB,GACvBG,aAAa,CAACc;EACnB,CAAE,CAAC;EAEH,IAAK,CAAEV,KAAK,EAAG;IACd;EACD;EAEA,oBACCF,IAAA,CAACP,qBAAqB;IAAA,GAChBe,QAAQ;IACbL,IAAI,EAAGA,IAAM;IACbU,MAAM,eAAGb,IAAA;MAAAc,QAAA,EAAQZ;IAAK,CAAQ,CAAG;IACjC,gBAAeG,QAAQ,GAAG,MAAM,GAAGK,SAAW;IAAAI,QAAA,EAE5CR;EAAK,CACe,CAAC;AAE1B","ignoreList":[]}

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

@@ -80,8 +80,8 @@ export default function SidebarNavigationScreenPatterns({
       categoryId
     }
   } = useLocation();
-  const currentCategory = categoryId || PATTERN_DEFAULT_CATEGORY;
   const currentType = postType || PATTERN_TYPES.user;
+  const currentCategory = categoryId || (currentType === PATTERN_TYPES.user ? PATTERN_DEFAULT_CATEGORY : TEMPLATE_PART_ALL_AREAS_CATEGORY);
   const {
     templatePartAreas,
     hasTemplateParts,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["__experimentalItemGroup","ItemGroup","__experimentalItem","Item","getTemplatePartIcon","__","store","coreStore","useSelect","file","privateApis","routerPrivateApis","SidebarNavigationScreen","CategoryItem","PATTERN_DEFAULT_CATEGORY","PATTERN_TYPES","TEMPLATE_PART_POST_TYPE","TEMPLATE_PART_ALL_AREAS_CATEGORY","usePatternCategories","useTemplatePartAreas","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useLocation","CategoriesGroup","templatePartAreas","patternCategories","currentCategory","currentType","allPatterns","otherPatterns","className","children","count","Object","values","map","templateParts","length","reduce","acc","val","icon","label","id","type","isActive","entries","area","name","user","category","SidebarNavigationScreenPatterns","backPath","params","postType","categoryId","hasTemplateParts","isLoading","hasPatterns","isBlockBasedTheme","select","getCurrentTheme","is_block_theme","isRoot","title","description","content"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-patterns/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n} from '@wordpress/components';\nimport { getTemplatePartIcon } from '@wordpress/editor';\nimport { __ } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { file } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n /\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport CategoryItem from './category-item';\nimport {\n\tPATTERN_DEFAULT_CATEGORY,\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tTEMPLATE_PART_ALL_AREAS_CATEGORY,\n} from '../../utils/constants';\nimport usePatternCategories from './use-pattern-categories';\nimport useTemplatePartAreas from './use-template-part-areas';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction CategoriesGroup( {\n\ttemplatePartAreas,\n\tpatternCategories,\n\tcurrentCategory,\n\tcurrentType,\n} ) {\n\tconst [ allPatterns, ...otherPatterns ] = patternCategories;\n\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-patterns__group\">\n\t\t\t<CategoryItem\n\t\t\t\tkey=\"all\"\n\t\t\t\tcount={ Object.values( templatePartAreas )\n\t\t\t\t\t.map( ( { templateParts } ) => templateParts?.length \|\| 0 )\n\t\t\t\t\t.reduce( ( acc, val ) => acc + val, 0 ) }\n\t\t\t\ticon={ getTemplatePartIcon() } / no name, so it provides the fallback icon */\n\t\t\t\tlabel={ __( 'All template parts' ) }\n\t\t\t\tid={ TEMPLATE_PART_ALL_AREAS_CATEGORY }\n\t\t\t\ttype={ TEMPLATE_PART_POST_TYPE }\n\t\t\t\tisActive={\n\t\t\t\t\tcurrentCategory === TEMPLATE_PART_ALL_AREAS_CATEGORY &&\n\t\t\t\t\tcurrentType === TEMPLATE_PART_POST_TYPE\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ Object.entries( templatePartAreas ).map(\n\t\t\t\t( [ area, { label, templateParts } ] ) => (\n\t\t\t\t\t<CategoryItem\n\t\t\t\t\t\tkey={ area }\n\t\t\t\t\t\tcount={ templateParts?.length }\n\t\t\t\t\t\ticon={ getTemplatePartIcon( area ) }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tid={ area }\n\t\t\t\t\t\ttype={ TEMPLATE_PART_POST_TYPE }\n\t\t\t\t\t\tisActive={\n\t\t\t\t\t\t\tcurrentCategory === area &&\n\t\t\t\t\t\t\tcurrentType === TEMPLATE_PART_POST_TYPE\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t) }\n\t\t\t<div className=\"edit-site-sidebar-navigation-screen-patterns__divider\" />\n\t\t\t{ allPatterns && (\n\t\t\t\t<CategoryItem\n\t\t\t\t\tkey={ allPatterns.name }\n\t\t\t\t\tcount={ allPatterns.count }\n\t\t\t\t\tlabel={ allPatterns.label }\n\t\t\t\t\ticon={ file }\n\t\t\t\t\tid={ allPatterns.name }\n\t\t\t\t\ttype={ PATTERN_TYPES.user }\n\t\t\t\t\tisActive={\n\t\t\t\t\t\tcurrentCategory === `${ allPatterns.name }` &&\n\t\t\t\t\t\tcurrentType === PATTERN_TYPES.user\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ otherPatterns.map( ( category ) => (\n\t\t\t\t<CategoryItem\n\t\t\t\t\tkey={ category.name }\n\t\t\t\t\tcount={ category.count }\n\t\t\t\t\tlabel={ category.label }\n\t\t\t\t\ticon={ file }\n\t\t\t\t\tid={ category.name }\n\t\t\t\t\ttype={ PATTERN_TYPES.user }\n\t\t\t\t\tisActive={\n\t\t\t\t\t\tcurrentCategory === `${ category.name }` &&\n\t\t\t\t\t\tcurrentType === PATTERN_TYPES.user\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenPatterns( { backPath } ) {\n\tconst {\n\t\tparams: { postType, categoryId },\n\t} = useLocation();\n\tconst ~~currentCategory~~ = ~~categoryId~~ \|\| ~~PATTERN_DEFAULT_CATEGORY~~;\n\tconst ~~currentType~~ = ~~postType~~ \|\| PATTERN_TYPES.user;\n\n\tconst { templatePartAreas, hasTemplateParts, isLoading } =\n\t\tuseTemplatePartAreas();\n\tconst { patternCategories, hasPatterns } = usePatternCategories();\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot={ ! isBlockBasedTheme }\n\t\t\ttitle={ __( 'Patterns' ) }\n\t\t\tdescription={ __(\n\t\t\t\t'Manage what patterns are available when editing the site.'\n\t\t\t) }\n\t\t\tbackPath={ backPath }\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t{ isLoading && __( 'Loading items…' ) }\n\t\t\t\t\t{ ! isLoading && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ ! hasTemplateParts && ! hasPatterns && (\n\t\t\t\t\t\t\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-patterns__group\">\n\t\t\t\t\t\t\t\t\t<Item>{ __( 'No items found' ) }</Item>\n\t\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<CategoriesGroup\n\t\t\t\t\t\t\t\ttemplatePartAreas={ templatePartAreas }\n\t\t\t\t\t\t\t\tpatternCategories={ patternCategories }\n\t\t\t\t\t\t\t\tcurrentCategory={ currentCategory }\n\t\t\t\t\t\t\t\tcurrentType={ currentType }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,uBAAuB,IAAIC,SAAS,EACpCC,kBAAkB,IAAIC,IAAI,QACpB,uBAAuB;AAC9B,SAASC,mBAAmB,QAAQ,mBAAmB;AACvD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,SACCC,wBAAwB,EACxBC,aAAa,EACbC,uBAAuB,EACvBC,gCAAgC,QAC1B,uBAAuB;AAC9B,OAAOC,oBAAoB,MAAM,0BAA0B;AAC3D,OAAOC,oBAAoB,MAAM,2BAA2B;AAC5D,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAE3C,MAAM;EAAEC;AAAY,CAAC,GAAGP,MAAM,CAAET,iBAAkB,CAAC;AAEnD,SAASiB,eAAeA,CAAE;EACzBC,iBAAiB;EACjBC,iBAAiB;EACjBC,eAAe;EACfC;AACD,CAAC,EAAG;EACH,MAAM,CAAEC,WAAW,EAAE,GAAGC,aAAa,CAAE,GAAGJ,iBAAiB;EAE3D,oBACCN,KAAA,CAACvB,SAAS;IAACkC,SAAS,EAAC,qDAAqD;IAAAC,QAAA,gBACzEd,IAAA,CAACT,YAAY;MAEZwB,KAAK,EAAGC,MAAM,CAACC,MAAM,CAAEV,iBAAkB,CAAC,CACxCW,GAAG,CAAE,CAAE;QAAEC;MAAc,CAAC,KAAMA,aAAa,EAAEC,MAAM,IAAI,CAAE,CAAC,CAC1DC,MAAM,CAAE,CAAEC,GAAG,EAAEC,GAAG,KAAMD,GAAG,GAAGC,GAAG,EAAE,CAAE,CAAG;MAC1CC,IAAI,EAAG1C,mBAAmB,CAAC,CAAG,CAAC;MAC/B2C,KAAK,EAAG1C,EAAE,CAAE,oBAAqB,CAAG;MACpC2C,EAAE,EAAG/B,gCAAkC;MACvCgC,IAAI,EAAGjC,uBAAyB;MAChCkC,QAAQ,EACPnB,eAAe,KAAKd,gCAAgC,IACpDe,WAAW,KAAKhB;IAChB,GAXG,KAYJ,CAAC,EACAsB,MAAM,CAACa,OAAO,CAAEtB,iBAAkB,CAAC,CAACW,GAAG,CACxC,CAAE,CAAEY,IAAI,EAAE;MAAEL,KAAK;MAAEN;IAAc,CAAC,CAAE,kBACnCnB,IAAA,CAACT,YAAY;MAEZwB,KAAK,EAAGI,aAAa,EAAEC,MAAQ;MAC/BI,IAAI,EAAG1C,mBAAmB,CAAEgD,IAAK,CAAG;MACpCL,KAAK,EAAGA,KAAO;MACfC,EAAE,EAAGI,IAAM;MACXH,IAAI,EAAGjC,uBAAyB;MAChCkC,QAAQ,EACPnB,eAAe,KAAKqB,IAAI,IACxBpB,WAAW,KAAKhB;IAChB,GATKoC,IAUN,CAEH,CAAC,eACD9B,IAAA;MAAKa,SAAS,EAAC;IAAuD,CAAE,CAAC,EACvEF,WAAW,iBACZX,IAAA,CAACT,YAAY;MAEZwB,KAAK,EAAGJ,WAAW,CAACI,KAAO;MAC3BU,KAAK,EAAGd,WAAW,CAACc,KAAO;MAC3BD,IAAI,EAAGrC,IAAM;MACbuC,EAAE,EAAGf,WAAW,CAACoB,IAAM;MACvBJ,IAAI,EAAGlC,aAAa,CAACuC,IAAM;MAC3BJ,QAAQ,EACPnB,eAAe,KAAM,GAAGE,WAAW,CAACoB,IAAM,EAAC,IAC3CrB,WAAW,KAAKjB,aAAa,CAACuC;IAC9B,GATKrB,WAAW,CAACoB,IAUlB,CACD,EACCnB,aAAa,CAACM,GAAG,CAAIe,QAAQ,iBAC9BjC,IAAA,CAACT,YAAY;MAEZwB,KAAK,EAAGkB,QAAQ,CAAClB,KAAO;MACxBU,KAAK,EAAGQ,QAAQ,CAACR,KAAO;MACxBD,IAAI,EAAGrC,IAAM;MACbuC,EAAE,EAAGO,QAAQ,CAACF,IAAM;MACpBJ,IAAI,EAAGlC,aAAa,CAACuC,IAAM;MAC3BJ,QAAQ,EACPnB,eAAe,KAAM,GAAGwB,QAAQ,CAACF,IAAM,EAAC,IACxCrB,WAAW,KAAKjB,aAAa,CAACuC;IAC9B,GATKC,QAAQ,CAACF,IAUf,CACA,CAAC;EAAA,CACO,CAAC;AAEd;AAEA,eAAe,SAASG,+BAA+BA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACvE,MAAM;IACLC,MAAM,EAAE;MAAEC,QAAQ;MAAEC;IAAW;EAChC,CAAC,GAAGjC,WAAW,CAAC,CAAC;EACjB,~~MAAMI~~,~~eAAe~~,~~GAAG6B~~,~~UAAU~~,~~IAAI9C~~,~~wBAAwB~~;~~EAC9D~~,~~MAAMkB~~,~~WAAW~~,~~GAAG2B~~,~~QAAQ~~,~~IAAI5C~~,aAAa,CAACuC,IAAI;~~EAElD~~,MAAM;~~IAAEzB~~,iBAAiB;IAAEgC,gBAAgB;IAAEC;EAAU,CAAC,GACvD3C,oBAAoB,CAAC,CAAC;EACvB,MAAM;IAAEW,iBAAiB;IAAEiC;EAAY,CAAC,GAAG7C,oBAAoB,CAAC,CAAC;EACjE,MAAM8C,iBAAiB,GAAGxD,SAAS,CAChCyD,MAAM,IAAMA,MAAM,CAAE1D,SAAU,CAAC,CAAC2D,eAAe,CAAC,CAAC,EAAEC,cAAc,EACnE,EACD,CAAC;EAED,oBACC7C,IAAA,CAACV,uBAAuB;IACvBwD,MAAM,EAAG,CAAEJ,iBAAmB;IAC9BK,KAAK,EAAGhE,EAAE,CAAE,UAAW,CAAG;IAC1BiE,WAAW,EAAGjE,EAAE,CACf,2DACD,CAAG;IACHoD,QAAQ,EAAGA,QAAU;IACrBc,OAAO,eACN/C,KAAA,CAAAE,SAAA;MAAAU,QAAA,GACG0B,SAAS,IAAIzD,EAAE,CAAE,gBAAiB,CAAC,EACnC,CAAEyD,SAAS,iBACZtC,KAAA,CAAAE,SAAA;QAAAU,QAAA,GACG,CAAEyB,gBAAgB,IAAI,CAAEE,WAAW,iBACpCzC,IAAA,CAACrB,SAAS;UAACkC,SAAS,EAAC,qDAAqD;UAAAC,QAAA,eACzEd,IAAA,CAACnB,IAAI;YAAAiC,QAAA,EAAG/B,EAAE,CAAE,gBAAiB;UAAC,CAAQ;QAAC,CAC7B,CACX,eACDiB,IAAA,CAACM,eAAe;UACfC,iBAAiB,EAAGA,iBAAmB;UACvCC,iBAAiB,EAAGA,iBAAmB;UACvCC,eAAe,EAAGA,eAAiB;UACnCC,WAAW,EAAGA;QAAa,CAC3B,CAAC;MAAA,CACD,CACF;IAAA,CACA;EACF,CACD,CAAC;AAEJ","ignoreList":[]}
1	+ {"version":3,"names":["__experimentalItemGroup","ItemGroup","__experimentalItem","Item","getTemplatePartIcon","__","store","coreStore","useSelect","file","privateApis","routerPrivateApis","SidebarNavigationScreen","CategoryItem","PATTERN_DEFAULT_CATEGORY","PATTERN_TYPES","TEMPLATE_PART_POST_TYPE","TEMPLATE_PART_ALL_AREAS_CATEGORY","usePatternCategories","useTemplatePartAreas","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useLocation","CategoriesGroup","templatePartAreas","patternCategories","currentCategory","currentType","allPatterns","otherPatterns","className","children","count","Object","values","map","templateParts","length","reduce","acc","val","icon","label","id","type","isActive","entries","area","name","user","category","SidebarNavigationScreenPatterns","backPath","params","postType","categoryId","hasTemplateParts","isLoading","hasPatterns","isBlockBasedTheme","select","getCurrentTheme","is_block_theme","isRoot","title","description","content"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-patterns/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n} from '@wordpress/components';\nimport { getTemplatePartIcon } from '@wordpress/editor';\nimport { __ } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { file } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n /\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport CategoryItem from './category-item';\nimport {\n\tPATTERN_DEFAULT_CATEGORY,\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tTEMPLATE_PART_ALL_AREAS_CATEGORY,\n} from '../../utils/constants';\nimport usePatternCategories from './use-pattern-categories';\nimport useTemplatePartAreas from './use-template-part-areas';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction CategoriesGroup( {\n\ttemplatePartAreas,\n\tpatternCategories,\n\tcurrentCategory,\n\tcurrentType,\n} ) {\n\tconst [ allPatterns, ...otherPatterns ] = patternCategories;\n\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-patterns__group\">\n\t\t\t<CategoryItem\n\t\t\t\tkey=\"all\"\n\t\t\t\tcount={ Object.values( templatePartAreas )\n\t\t\t\t\t.map( ( { templateParts } ) => templateParts?.length \|\| 0 )\n\t\t\t\t\t.reduce( ( acc, val ) => acc + val, 0 ) }\n\t\t\t\ticon={ getTemplatePartIcon() } / no name, so it provides the fallback icon */\n\t\t\t\tlabel={ __( 'All template parts' ) }\n\t\t\t\tid={ TEMPLATE_PART_ALL_AREAS_CATEGORY }\n\t\t\t\ttype={ TEMPLATE_PART_POST_TYPE }\n\t\t\t\tisActive={\n\t\t\t\t\tcurrentCategory === TEMPLATE_PART_ALL_AREAS_CATEGORY &&\n\t\t\t\t\tcurrentType === TEMPLATE_PART_POST_TYPE\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ Object.entries( templatePartAreas ).map(\n\t\t\t\t( [ area, { label, templateParts } ] ) => (\n\t\t\t\t\t<CategoryItem\n\t\t\t\t\t\tkey={ area }\n\t\t\t\t\t\tcount={ templateParts?.length }\n\t\t\t\t\t\ticon={ getTemplatePartIcon( area ) }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tid={ area }\n\t\t\t\t\t\ttype={ TEMPLATE_PART_POST_TYPE }\n\t\t\t\t\t\tisActive={\n\t\t\t\t\t\t\tcurrentCategory === area &&\n\t\t\t\t\t\t\tcurrentType === TEMPLATE_PART_POST_TYPE\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t) }\n\t\t\t<div className=\"edit-site-sidebar-navigation-screen-patterns__divider\" />\n\t\t\t{ allPatterns && (\n\t\t\t\t<CategoryItem\n\t\t\t\t\tkey={ allPatterns.name }\n\t\t\t\t\tcount={ allPatterns.count }\n\t\t\t\t\tlabel={ allPatterns.label }\n\t\t\t\t\ticon={ file }\n\t\t\t\t\tid={ allPatterns.name }\n\t\t\t\t\ttype={ PATTERN_TYPES.user }\n\t\t\t\t\tisActive={\n\t\t\t\t\t\tcurrentCategory === `${ allPatterns.name }` &&\n\t\t\t\t\t\tcurrentType === PATTERN_TYPES.user\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ otherPatterns.map( ( category ) => (\n\t\t\t\t<CategoryItem\n\t\t\t\t\tkey={ category.name }\n\t\t\t\t\tcount={ category.count }\n\t\t\t\t\tlabel={ category.label }\n\t\t\t\t\ticon={ file }\n\t\t\t\t\tid={ category.name }\n\t\t\t\t\ttype={ PATTERN_TYPES.user }\n\t\t\t\t\tisActive={\n\t\t\t\t\t\tcurrentCategory === `${ category.name }` &&\n\t\t\t\t\t\tcurrentType === PATTERN_TYPES.user\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenPatterns( { backPath } ) {\n\tconst {\n\t\tparams: { postType, categoryId },\n\t} = useLocation();\n\tconst currentType = postType \|\| PATTERN_TYPES.user;\n\tconst currentCategory =\n\t\tcategoryId \|\|\n\t\t( currentType === PATTERN_TYPES.user\n\t\t\t? PATTERN_DEFAULT_CATEGORY\n\t\t\t: TEMPLATE_PART_ALL_AREAS_CATEGORY );\n\n\tconst { templatePartAreas, hasTemplateParts, isLoading } =\n\t\tuseTemplatePartAreas();\n\tconst { patternCategories, hasPatterns } = usePatternCategories();\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot={ ! isBlockBasedTheme }\n\t\t\ttitle={ __( 'Patterns' ) }\n\t\t\tdescription={ __(\n\t\t\t\t'Manage what patterns are available when editing the site.'\n\t\t\t) }\n\t\t\tbackPath={ backPath }\n\t\t\tcontent={\n\t\t\t\t<>\n\t\t\t\t\t{ isLoading && __( 'Loading items…' ) }\n\t\t\t\t\t{ ! isLoading && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ ! hasTemplateParts && ! hasPatterns && (\n\t\t\t\t\t\t\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-patterns__group\">\n\t\t\t\t\t\t\t\t\t<Item>{ __( 'No items found' ) }</Item>\n\t\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<CategoriesGroup\n\t\t\t\t\t\t\t\ttemplatePartAreas={ templatePartAreas }\n\t\t\t\t\t\t\t\tpatternCategories={ patternCategories }\n\t\t\t\t\t\t\t\tcurrentCategory={ currentCategory }\n\t\t\t\t\t\t\t\tcurrentType={ currentType }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/site-hub/index.js CHANGED Viewed

@@ -7,14 +7,11 @@ import clsx from 'clsx';
  * WordPress dependencies
  */
 import { useSelect, useDispatch } from '@wordpress/data';
-import { Button, __unstableMotion as motion, __unstableAnimatePresence as AnimatePresence, __experimentalHStack as HStack } from '@wordpress/components';
-import { useReducedMotion } from '@wordpress/compose';
+import { Button, __experimentalHStack as HStack } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
-import { store as blockEditorStore } from '@wordpress/block-editor';
 import { store as coreStore } from '@wordpress/core-data';
-import { store as editorStore } from '@wordpress/editor';
 import { decodeEntities } from '@wordpress/html-entities';
-import { memo } from '@wordpress/element';
+import { memo, forwardRef } from '@wordpress/element';
 import { search } from '@wordpress/icons';
 import { store as commandsStore } from '@wordpress/commands';
 import { displayShortcut } from '@wordpress/keycodes';
@@ -28,19 +25,15 @@ import SiteIcon from '../site-icon';
 import { unlock } from '../../lock-unlock';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const HUB_ANIMATION_DURATION = 0.3;
-const SiteHub = memo(({
-  isTransparent,
-  className
-}) => {
+const SiteHub = memo(forwardRef(({
+  isTransparent
+}, ref) => {
   const {
-    canvasMode,
     dashboardLink,
     homeUrl,
     siteTitle
   } = useSelect(select => {
     const {
-      getCanvasMode,
       getSettings
     } = unlock(select(editSiteStore));
     const {
@@ -49,7 +42,6 @@ const SiteHub = memo(({
     } = select(coreStore);
     const _site = getSite();
     return {
-      canvasMode: getCanvasMode(),
       dashboardLink: getSettings().__experimentalDashboardLink || 'index.php',
       homeUrl: getUnstableBase()?.home,
       siteTitle: !_site?.title && !!_site?.url ? filterURLForDisplay(_site?.url) : _site?.title
@@ -58,135 +50,53 @@ const SiteHub = memo(({
   const {
     open: openCommandCenter
   } = useDispatch(commandsStore);
-  const disableMotion = useReducedMotion();
-  const {
-    setCanvasMode
-  } = unlock(useDispatch(editSiteStore));
-  const {
-    clearSelectedBlock
-  } = useDispatch(blockEditorStore);
-  const {
-    setDeviceType
-  } = useDispatch(editorStore);
-  const isBackToDashboardButton = canvasMode === 'view';
-  const siteIconButtonProps = isBackToDashboardButton ? {
-    href: dashboardLink,
-    label: __('Go to the Dashboard')
-  } : {
-    href: dashboardLink,
-    // We need to keep the `href` here so the component doesn't remount as a `<button>` and break the animation.
-    role: 'button',
-    label: __('Open Navigation'),
-    onClick: event => {
-      event.preventDefault();
-      if (canvasMode === 'edit') {
-        clearSelectedBlock();
-        setDeviceType('Desktop');
-        setCanvasMode('view');
-      }
-    }
-  };
-  return /*#__PURE__*/_jsx(motion.div, {
-    className: clsx('edit-site-site-hub', className),
-    variants: {
-      isDistractionFree: {
-        x: '-100%'
-      },
-      isDistractionFreeHovering: {
-        x: 0
-      },
-      view: {
-        x: 0
-      },
-      edit: {
-        x: 0
-      }
-    },
-    initial: false,
-    transition: {
-      type: 'tween',
-      duration: disableMotion ? 0 : HUB_ANIMATION_DURATION,
-      ease: 'easeOut'
-    },
+  return /*#__PURE__*/_jsx("div", {
+    className: "edit-site-site-hub",
     children: /*#__PURE__*/_jsxs(HStack, {
       justify: "flex-start",
       spacing: "0",
-      children: [/*#__PURE__*/_jsx(motion.div, {
+      children: [/*#__PURE__*/_jsx("div", {
         className: clsx('edit-site-site-hub__view-mode-toggle-container', {
           'has-transparent-background': isTransparent
         }),
-        layout: true,
-        transition: {
-          type: 'tween',
-          duration: disableMotion ? 0 : HUB_ANIMATION_DURATION,
-          ease: 'easeOut'
-        },
         children: /*#__PURE__*/_jsx(Button, {
-          ...siteIconButtonProps,
+          ref: ref,
+          href: dashboardLink,
+          label: __('Go to the Dashboard'),
           className: "edit-site-layout__view-mode-toggle",
-          children: /*#__PURE__*/_jsx(motion.div, {
-            initial: false,
-            animate: {
-              scale: canvasMode === 'view' ? 0.5 : 1
-            },
-            whileHover: {
-              scale: canvasMode === 'view' ? 0.5 : 0.96
-            },
-            transition: {
-              type: 'tween',
-              duration: disableMotion ? 0 : HUB_ANIMATION_DURATION,
-              ease: 'easeOut'
-            },
-            children: /*#__PURE__*/_jsx(SiteIcon, {
-              className: "edit-site-layout__view-mode-toggle-icon"
-            })
-          })
-        })
-      }), /*#__PURE__*/_jsx(AnimatePresence, {
-        initial: false,
-        children: canvasMode === 'view' && /*#__PURE__*/_jsxs(HStack, {
-          as: motion.div,
-          initial: {
-            opacity: 0
-          },
-          animate: {
-            opacity: isTransparent ? 0 : 1
+          style: {
+            transform: 'scale(0.5)',
+            borderRadius: 4
           },
-          exit: {
-            opacity: 0
-          },
-          transition: {
-            type: 'tween',
-            duration: disableMotion ? 0 : 0.2,
-            ease: 'easeOut',
-            delay: canvasMode === 'view' ? 0.1 : 0
-          },
-          children: [/*#__PURE__*/_jsx("div", {
-            className: "edit-site-site-hub__title",
-            children: /*#__PURE__*/_jsx(Button, {
-              variant: "link",
-              href: homeUrl,
-              target: "_blank",
-              label: __('View site (opens in a new tab)'),
-              "aria-label": __('View site (opens in a new tab)'),
-              children: decodeEntities(siteTitle)
-            })
-          }), /*#__PURE__*/_jsx(HStack, {
-            spacing: 0,
-            expanded: false,
-            className: "edit-site-site-hub__actions",
-            children: /*#__PURE__*/_jsx(Button, {
-              className: "edit-site-site-hub_toggle-command-center",
-              icon: search,
-              onClick: () => openCommandCenter(),
-              label: __('Open command palette'),
-              shortcut: displayShortcut.primary('k')
-            })
-          })]
+          children: /*#__PURE__*/_jsx(SiteIcon, {
+            className: "edit-site-layout__view-mode-toggle-icon"
+          })
         })
+      }), /*#__PURE__*/_jsxs(HStack, {
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "edit-site-site-hub__title",
+          children: /*#__PURE__*/_jsx(Button, {
+            variant: "link",
+            href: homeUrl,
+            target: "_blank",
+            label: __('View site (opens in a new tab)'),
+            children: decodeEntities(siteTitle)
+          })
+        }), /*#__PURE__*/_jsx(HStack, {
+          spacing: 0,
+          expanded: false,
+          className: "edit-site-site-hub__actions",
+          children: /*#__PURE__*/_jsx(Button, {
+            className: "edit-site-site-hub_toggle-command-center",
+            icon: search,
+            onClick: () => openCommandCenter(),
+            label: __('Open command palette'),
+            shortcut: displayShortcut.primary('k')
+          })
+        })]
       })]
     })
   });
-});
+}));
 export default SiteHub;
 //# sourceMappingURL=index.js.map

package/build-module/components/site-hub/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["clsx","useSelect","useDispatch","Button","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__experimentalHStack","HStack","useReducedMotion","__","store","blockEditorStore","coreStore","editorStore","decodeEntities","memo","search","commandsStore","displayShortcut","filterURLForDisplay","editSiteStore","SiteIcon","unlock","jsx","_jsx","jsxs","_jsxs","HUB_ANIMATION_DURATION","SiteHub","isTransparent","className","canvasMode","dashboardLink","homeUrl","siteTitle","select","getCanvasMode","getSettings","getSite","getUnstableBase","_site","__experimentalDashboardLink","home","title","url","open","openCommandCenter","disableMotion","setCanvasMode","clearSelectedBlock","setDeviceType","isBackToDashboardButton","siteIconButtonProps","href","label","role","onClick","event","preventDefault","div","variants","isDistractionFree","x","isDistractionFreeHovering","view","edit","initial","transition","type","duration","ease","children","justify","spacing","layout","animate","scale","whileHover","as","opacity","exit","delay","variant","target","expanded","icon","shortcut","primary"],"sources":["@wordpress/edit-site/src/components/site-hub/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useReducedMotion } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { memo } from '@wordpress/element';\nimport { search } from '@wordpress/icons';\nimport { store as commandsStore } from '@wordpress/commands';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { filterURLForDisplay } from '@wordpress/url';\n\n/\n Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport SiteIcon from '../site-icon';\nimport { unlock } from '../../lock-unlock';\n\nconst HUB_ANIMATION_DURATION = 0.3;\n\nconst SiteHub = memo( ( { isTransparent, className } ) => {\n\tconst { canvasMode, dashboardLink, homeUrl, siteTitle } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCanvasMode, getSettings } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\n\t\t\tconst {\n\t\t\t\tgetSite,\n\t\t\t\tgetUnstableBase, // Site index.\n\t\t\t} = select( coreStore );\n\t\t\tconst _site = getSite();\n\t\t\treturn {\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\tdashboardLink:\n\t\t\t\t\tgetSettings().__experimentalDashboardLink \|\| 'index.php',\n\t\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\t\tsiteTitle:\n\t\t\t\t\t! _site?.title && !! _site?.url\n\t\t\t\t\t\t? filterURLForDisplay( _site?.url )\n\t\t\t\t\t\t: _site?.title,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\n\tconst disableMotion = useReducedMotion();\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { setDeviceType } = useDispatch( editorStore );\n\tconst isBackToDashboardButton = canvasMode === 'view';\n\tconst siteIconButtonProps = isBackToDashboardButton\n\t\t? {\n\t\t\t\thref: dashboardLink,\n\t\t\t\tlabel: __( 'Go to the Dashboard' ),\n\t\t }\n\t\t: {\n\t\t\t\thref: dashboardLink, // We need to keep the `href` here so the component doesn't remount as a `<button>` and break the animation.\n\t\t\t\trole: 'button',\n\t\t\t\tlabel: __( 'Open Navigation' ),\n\t\t\t\tonClick: ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tif ( canvasMode === 'edit' ) {\n\t\t\t\t\t\tclearSelectedBlock();\n\t\t\t\t\t\tsetDeviceType( 'Desktop' );\n\t\t\t\t\t\tsetCanvasMode( 'view' );\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t };\n\n\treturn (\n\t\t<motion.div\n\t\t\tclassName={ clsx( 'edit-site-site-hub', className ) }\n\t\t\tvariants={ {\n\t\t\t\tisDistractionFree: { x: '-100%' },\n\t\t\t\tisDistractionFreeHovering: { x: 0 },\n\t\t\t\tview: { x: 0 },\n\t\t\t\tedit: { x: 0 },\n\t\t\t} }\n\t\t\tinitial={ false }\n\t\t\ttransition={ {\n\t\t\t\ttype: 'tween',\n\t\t\t\tduration: disableMotion ? 0 : HUB_ANIMATION_DURATION,\n\t\t\t\tease: 'easeOut',\n\t\t\t} }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\" spacing=\"0\">\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'edit-site-site-hub__view-mode-toggle-container',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'has-transparent-background': isTransparent,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tlayout\n\t\t\t\t\ttransition={ {\n\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\tduration: disableMotion ? 0 : HUB_ANIMATION_DURATION,\n\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t{ ...siteIconButtonProps }\n\t\t\t\t\t\tclassName=\"edit-site-layout__view-mode-toggle\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\tinitial={ false }\n\t\t\t\t\t\t\tanimate={ {\n\t\t\t\t\t\t\t\tscale: canvasMode === 'view' ? 0.5 : 1,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\twhileHover={ {\n\t\t\t\t\t\t\t\tscale: canvasMode === 'view' ? 0.5 : 0.96,\n\t\t\t\t\t\t\t} }\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\tduration: disableMotion\n\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t: HUB_ANIMATION_DURATION,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SiteIcon className=\"edit-site-layout__view-mode-toggle-icon\" />\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t</Button>\n\t\t\t\t</motion.div>\n\n\t\t\t\t<AnimatePresence initial={ false }>\n\t\t\t\t\t{ canvasMode === 'view' && (\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\tanimate={ {\n\t\t\t\t\t\t\t\topacity: isTransparent ? 0 : 1,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\texit={ { opacity: 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\tduration: disableMotion ? 0 : 0.2,\n\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\tdelay: canvasMode === 'view' ? 0.1 : 0,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"edit-site-site-hub__title\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t\t'View site (opens in a new tab)'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t\t\t'View site (opens in a new tab)'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ decodeEntities( siteTitle ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub__actions\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub_toggle-command-center\"\n\t\t\t\t\t\t\t\t\ticon={ search }\n\t\t\t\t\t\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Open command palette' ) }\n\t\t\t\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t) }\n\t\t\t\t</AnimatePresence>\n\t\t\t</HStack>\n\t\t</motion.div>\n\t);\n} );\n\nexport default SiteHub;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["clsx","useSelect","useDispatch","Button","__experimentalHStack","HStack","__","store","coreStore","decodeEntities","memo","forwardRef","search","commandsStore","displayShortcut","filterURLForDisplay","editSiteStore","SiteIcon","unlock","jsx","_jsx","jsxs","_jsxs","SiteHub","isTransparent","ref","dashboardLink","homeUrl","siteTitle","select","getSettings","getSite","getUnstableBase","_site","__experimentalDashboardLink","home","title","url","open","openCommandCenter","className","children","justify","spacing","href","label","style","transform","borderRadius","variant","target","expanded","icon","onClick","shortcut","primary"],"sources":["@wordpress/edit-site/src/components/site-hub/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { Button, __experimentalHStack as HStack } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { memo, forwardRef } from '@wordpress/element';\nimport { search } from '@wordpress/icons';\nimport { store as commandsStore } from '@wordpress/commands';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { filterURLForDisplay } from '@wordpress/url';\n\n/\n Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport SiteIcon from '../site-icon';\nimport { unlock } from '../../lock-unlock';\n\nconst SiteHub = memo(\n\tforwardRef( ( { isTransparent }, ref ) => {\n\t\tconst { dashboardLink, homeUrl, siteTitle } = useSelect( ( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\n\t\t\tconst {\n\t\t\t\tgetSite,\n\t\t\t\tgetUnstableBase, // Site index.\n\t\t\t} = select( coreStore );\n\t\t\tconst _site = getSite();\n\t\t\treturn {\n\t\t\t\tdashboardLink:\n\t\t\t\t\tgetSettings().__experimentalDashboardLink \|\| 'index.php',\n\t\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\t\tsiteTitle:\n\t\t\t\t\t! _site?.title && !! _site?.url\n\t\t\t\t\t\t? filterURLForDisplay( _site?.url )\n\t\t\t\t\t\t: _site?.title,\n\t\t\t};\n\t\t}, [] );\n\t\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\n\t\treturn (\n\t\t\t<div className=\"edit-site-site-hub\">\n\t\t\t\t<HStack justify=\"flex-start\" spacing=\"0\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'edit-site-site-hub__view-mode-toggle-container',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'has-transparent-background': isTransparent,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\t\thref={ dashboardLink }\n\t\t\t\t\t\t\tlabel={ __( 'Go to the Dashboard' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__view-mode-toggle\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\ttransform: 'scale(0.5)',\n\t\t\t\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SiteIcon className=\"edit-site-layout__view-mode-toggle-icon\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<HStack>\n\t\t\t\t\t\t<div className=\"edit-site-site-hub__title\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\tlabel={ __( 'View site (opens in a new tab)' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ decodeEntities( siteTitle ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t\tclassName=\"edit-site-site-hub__actions\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"edit-site-site-hub_toggle-command-center\"\n\t\t\t\t\t\t\t\ticon={ search }\n\t\t\t\t\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t\t\t\t\t\tlabel={ __( 'Open command palette' ) }\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</HStack>\n\t\t\t\t</HStack>\n\t\t\t</div>\n\t\t);\n\t} )\n);\n\nexport default SiteHub;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,MAAM,EAAEC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AAC9E,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,IAAI,EAAEC,UAAU,QAAQ,oBAAoB;AACrD,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASL,KAAK,IAAIM,aAAa,QAAQ,qBAAqB;AAC5D,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,mBAAmB,QAAQ,gBAAgB;;AAEpD;AACA;AACA;AACA,SAASR,KAAK,IAAIS,aAAa,QAAQ,aAAa;AACpD,OAAOC,QAAQ,MAAM,cAAc;AACnC,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAMC,OAAO,GAAGb,IAAI,CACnBC,UAAU,CAAE,CAAE;EAAEa;AAAc,CAAC,EAAEC,GAAG,KAAM;EACzC,MAAM;IAAEC,aAAa;IAAEC,OAAO;IAAEC;EAAU,CAAC,GAAG3B,SAAS,CAAI4B,MAAM,IAAM;IACtE,MAAM;MAAEC;IAAY,CAAC,GAAGZ,MAAM,CAAEW,MAAM,CAAEb,aAAc,CAAE,CAAC;IAEzD,MAAM;MACLe,OAAO;MACPC,eAAe,CAAE;IAClB,CAAC,GAAGH,MAAM,CAAErB,SAAU,CAAC;IACvB,MAAMyB,KAAK,GAAGF,OAAO,CAAC,CAAC;IACvB,OAAO;MACNL,aAAa,EACZI,WAAW,CAAC,CAAC,CAACI,2BAA2B,IAAI,WAAW;MACzDP,OAAO,EAAEK,eAAe,CAAC,CAAC,EAAEG,IAAI;MAChCP,SAAS,EACR,CAAEK,KAAK,EAAEG,KAAK,IAAI,CAAC,CAAEH,KAAK,EAAEI,GAAG,GAC5BtB,mBAAmB,CAAEkB,KAAK,EAAEI,GAAI,CAAC,GACjCJ,KAAK,EAAEG;IACZ,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEE,IAAI,EAAEC;EAAkB,CAAC,GAAGrC,WAAW,CAAEW,aAAc,CAAC;EAEhE,oBACCO,IAAA;IAAKoB,SAAS,EAAC,oBAAoB;IAAAC,QAAA,eAClCnB,KAAA,CAACjB,MAAM;MAACqC,OAAO,EAAC,YAAY;MAACC,OAAO,EAAC,GAAG;MAAAF,QAAA,gBACvCrB,IAAA;QACCoB,SAAS,EAAGxC,IAAI,CACf,gDAAgD,EAChD;UACC,4BAA4B,EAAEwB;QAC/B,CACD,CAAG;QAAAiB,QAAA,eAEHrB,IAAA,CAACjB,MAAM;UACNsB,GAAG,EAAGA,GAAK;UACXmB,IAAI,EAAGlB,aAAe;UACtBmB,KAAK,EAAGvC,EAAE,CAAE,qBAAsB,CAAG;UACrCkC,SAAS,EAAC,oCAAoC;UAC9CM,KAAK,EAAG;YACPC,SAAS,EAAE,YAAY;YACvBC,YAAY,EAAE;UACf,CAAG;UAAAP,QAAA,eAEHrB,IAAA,CAACH,QAAQ;YAACuB,SAAS,EAAC;UAAyC,CAAE;QAAC,CACzD;MAAC,CACL,CAAC,eAENlB,KAAA,CAACjB,MAAM;QAAAoC,QAAA,gBACNrB,IAAA;UAAKoB,SAAS,EAAC,2BAA2B;UAAAC,QAAA,eACzCrB,IAAA,CAACjB,MAAM;YACN8C,OAAO,EAAC,MAAM;YACdL,IAAI,EAAGjB,OAAS;YAChBuB,MAAM,EAAC,QAAQ;YACfL,KAAK,EAAGvC,EAAE,CAAE,gCAAiC,CAAG;YAAAmC,QAAA,EAE9ChC,cAAc,CAAEmB,SAAU;UAAC,CACtB;QAAC,CACL,CAAC,eACNR,IAAA,CAACf,MAAM;UACNsC,OAAO,EAAG,CAAG;UACbQ,QAAQ,EAAG,KAAO;UAClBX,SAAS,EAAC,6BAA6B;UAAAC,QAAA,eAEvCrB,IAAA,CAACjB,MAAM;YACNqC,SAAS,EAAC,0CAA0C;YACpDY,IAAI,EAAGxC,MAAQ;YACfyC,OAAO,EAAGA,CAAA,KAAMd,iBAAiB,CAAC,CAAG;YACrCM,KAAK,EAAGvC,EAAE,CAAE,sBAAuB,CAAG;YACtCgD,QAAQ,EAAGxC,eAAe,CAACyC,OAAO,CAAE,GAAI;UAAG,CAC3C;QAAC,CACK,CAAC;MAAA,CACF,CAAC;IAAA,CACF;EAAC,CACL,CAAC;AAER,CAAE,CACH,CAAC;AAED,eAAehC,OAAO","ignoreList":[]}

package/build-module/hooks/push-changes-to-global-styles/index.js CHANGED Viewed

@@ -299,6 +299,7 @@ function PushChangesToGlobalStylesControl({
     }), /*#__PURE__*/_jsx(Button, {
       __next40pxDefaultSize: true,
       variant: "secondary",
+      __experimentalIsFocusable: true,
       disabled: changes.length === 0,
       onClick: pushChanges,
       children: __('Apply globally')