npm - @wordpress/edit-site - Versions diffs - 6.23.0 → 6.25.0 - Mend

@wordpress/edit-site 6.23.0 → 6.25.0

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 (27) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,10 @@
 ## Unreleased
+## 6.25.0 (2025-06-04)
+## 6.24.0 (2025-05-22)
 ## 6.23.0 (2025-05-07)
 ## 6.22.0 (2025-04-11)

package/build/components/global-styles/color-palette-panel.js CHANGED Viewed

@@ -9,8 +9,10 @@ var _compose = require("@wordpress/compose");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
+var _icons = require("@wordpress/icons");
 var _lockUnlock = require("../../lock-unlock");
 var _variationsColor = _interopRequireDefault(require("./variations/variations-color"));
+var _hooks = require("./hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -38,17 +40,27 @@ function ColorPalettePanel({
   const [defaultPaletteEnabled] = useGlobalSetting('color.defaultPalette', name);
   const isMobileViewport = (0, _compose.useViewportMatch)('small', '<');
   const popoverProps = isMobileViewport ? mobilePopoverProps : undefined;
+  const [randomizeThemeColors] = (0, _hooks.useColorRandomizer)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
     className: "edit-site-global-styles-color-palette-panel",
     spacing: 8,
-    children: [!!themeColors && !!themeColors.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalPaletteEdit, {
-      canReset: themeColors !== baseThemeColors,
-      canOnlyChangeValues: true,
-      colors: themeColors,
-      onChange: setThemeColors,
-      paletteLabel: (0, _i18n.__)('Theme'),
-      paletteLabelHeadingLevel: 3,
-      popoverProps: popoverProps
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+      spacing: 4,
+      children: [!!themeColors && !!themeColors.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalPaletteEdit, {
+        canReset: themeColors !== baseThemeColors,
+        canOnlyChangeValues: true,
+        colors: themeColors,
+        onChange: setThemeColors,
+        paletteLabel: (0, _i18n.__)('Theme'),
+        paletteLabelHeadingLevel: 3,
+        popoverProps: popoverProps
+      }), window.__experimentalEnableColorRandomizer && themeColors?.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        __next40pxDefaultSize: true,
+        variant: "secondary",
+        icon: _icons.shuffle,
+        onClick: randomizeThemeColors,
+        children: (0, _i18n.__)('Randomize colors')
+      })]
     }), !!defaultColors && !!defaultColors.length && !!defaultPaletteEnabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalPaletteEdit, {
       canReset: defaultColors !== baseDefaultColors,
       canOnlyChangeValues: true,

package/build/components/global-styles/color-palette-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_compose","require","_components","_i18n","_blockEditor","_lockUnlock","_variationsColor","_interopRequireDefault","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","mobilePopoverProps","placement","offset","ColorPalettePanel","name","themeColors","setThemeColors","baseThemeColors","defaultColors","setDefaultColors","baseDefaultColors","customColors","setCustomColors","defaultPaletteEnabled","isMobileViewport","useViewportMatch","popoverProps","undefined","jsxs","__experimentalVStack","className","spacing","children","length","jsx","__experimentalPaletteEdit","canReset","canOnlyChangeValues","colors","onChange","paletteLabel","__","paletteLabelHeadingLevel","slugPrefix","default","title"],"sources":["@wordpress/edit-site/src/components/global-styles/color-palette-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalPaletteEdit as PaletteEdit,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport ColorVariations from './variations/variations-color';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst mobilePopoverProps = { placement: 'bottom-start', offset: 8 };\n\nexport default function ColorPalettePanel( { name } ) {\n\tconst [ themeColors, setThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname\n\t);\n\tconst [ baseThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ defaultColors, setDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname\n\t);\n\tconst [ baseDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ customColors, setCustomColors ] = useGlobalSetting(\n\t\t'color.palette.custom',\n\t\tname\n\t);\n\n\tconst [ defaultPaletteEnabled ] = useGlobalSetting(\n\t\t'color.defaultPalette',\n\t\tname\n\t);\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst popoverProps = isMobileViewport ? mobilePopoverProps : undefined;\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"edit-site-global-styles-color-palette-panel\"\n\t\t\tspacing={ 8 }\n\t\t>\n\t\t\t{ !! themeColors && !! themeColors.length && (\n\t\t\t\t<PaletteEdit\n\t\t\t\t\tcanReset={ themeColors !== baseThemeColors }\n\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\tcolors={ themeColors }\n\t\t\t\t\tonChange={ setThemeColors }\n\t\t\t\t\tpaletteLabel={ __( 'Theme' ) }\n\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ !! defaultColors &&\n\t\t\t\t!! defaultColors.length &&\n\t\t\t\t!! defaultPaletteEnabled && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ defaultColors !== baseDefaultColors }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tcolors={ defaultColors }\n\t\t\t\t\t\tonChange={ setDefaultColors }\n\t\t\t\t\t\tpaletteLabel={ __( 'Default' ) }\n\t\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t<PaletteEdit\n\t\t\t\tcolors={ customColors }\n\t\t\t\tonChange={ setCustomColors }\n\t\t\t\tpaletteLabel={ __( 'Custom' ) }\n\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\tslugPrefix=\"custom-\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t/>\n\t\t\t<ColorVariations title={ __( 'Palettes' ) } />\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;~~AAIA~~,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;~~AAKA~~,IAAAI,~~WAAA~~,GAAAJ,OAAA;~~AACA~~,IAAAK,gBAAA,GAAAC,sBAAA,~~CAAAN~~,OAAA;~~AAA4D~~,~~IAAAO~~,WAAA,~~GAAAP~~,OAAA;~~AAf5D~~;AACA;AACA;;~~AASA~~;AACA;AACA;;~~AAIA~~,MAAM;~~EAAEQ~~;AAAiB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAC7D,MAAMC,kBAAkB,GAAG;EAAEC,SAAS,EAAE,cAAc;EAAEC,MAAM,EAAE;AAAE,CAAC;AAEpD,SAASC,iBAAiBA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACrD,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAGT,gBAAgB,CACvD,qBAAqB,EACrBO,IACD,CAAC;EACD,MAAM,CAAEG,eAAe,CAAE,GAAGV,gBAAgB,CAC3C,qBAAqB,EACrBO,IAAI,EACJ,MACD,CAAC;EACD,MAAM,CAAEI,aAAa,EAAEC,gBAAgB,CAAE,GAAGZ,gBAAgB,CAC3D,uBAAuB,EACvBO,IACD,CAAC;EACD,MAAM,CAAEM,iBAAiB,CAAE,GAAGb,gBAAgB,CAC7C,uBAAuB,EACvBO,IAAI,EACJ,MACD,CAAC;EACD,MAAM,CAAEO,YAAY,EAAEC,eAAe,CAAE,GAAGf,gBAAgB,CACzD,sBAAsB,EACtBO,IACD,CAAC;EAED,MAAM,CAAES,qBAAqB,CAAE,GAAGhB,gBAAgB,CACjD,sBAAsB,EACtBO,IACD,CAAC;EACD,MAAMU,gBAAgB,GAAG,IAAAC,yBAAgB,EAAE,OAAO,EAAE,GAAI,CAAC;EACzD,MAAMC,YAAY,GAAGF,gBAAgB,GAAGd,kBAAkB,GAAGiB,SAAS;EAEtE,oBACC,~~IAAArB~~,WAAA,~~CAAAsB~~,IAAA,~~EAAC5B~~,WAAA,~~CAAA6B~~,oBAAM;IACNC,SAAS,EAAC,6CAA6C;IACvDC,OAAO,EAAG,CAAG;IAAAC,QAAA,~~GAEX~~,CAAC,~~CAAEjB~~,WAAW,IAAI,CAAC,CAAEA,WAAW,~~CAACkB~~,MAAM,iBACxC,~~IAAA3B~~,WAAA,~~CAAA4B~~,GAAA,~~EAAClC~~,WAAA,~~CAAAmC~~,yBAAW;~~MACXC~~,QAAQ,~~EAAGrB~~,WAAW,KAAKE,eAAiB;~~MAC5CoB~~,mBAAmB;~~MACnBC~~,MAAM,~~EAAGvB~~,WAAa;~~MACtBwB~~,QAAQ,~~EAAGvB~~,cAAgB;~~MAC3BwB~~,YAAY,EAAG,IAAAC,QAAE,EAAE,OAAQ,CAAG;~~MAC9BC~~,wBAAwB,EAAG,CAAG;~~MAC9BhB~~,YAAY,EAAGA;~~IAAc~~,CAC7B,CACD,~~EACC~~,CAAC,~~CAAER~~,aAAa,IACjB,CAAC,CAAEA,aAAa,~~CAACe~~,MAAM,IACvB,CAAC,~~CAAEV~~,qBAAqB,iBACvB,IAAAjB,WAAA,~~CAAA4B~~,GAAA,~~EAAClC~~,WAAA,~~CAAAmC~~,yBAAW;MACXC,QAAQ,~~EAAGlB~~,aAAa,KAAKE,iBAAmB;~~MAChDiB~~,mBAAmB;MACnBC,MAAM,~~EAAGpB~~,aAAe;~~MACxBqB~~,QAAQ,~~EAAGpB~~,gBAAkB;~~MAC7BqB~~,YAAY,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;MAChCC,wBAAwB,EAAG,CAAG;~~MAC9BhB~~,YAAY,EAAGA;IAAc,CAC7B,CACD,eACF,IAAApB,WAAA,~~CAAA4B~~,GAAA,~~EAAClC~~,WAAA,~~CAAAmC~~,yBAAW;MACXG,MAAM,~~EAAGjB~~,YAAc;~~MACvBkB~~,QAAQ,~~EAAGjB~~,eAAiB;~~MAC5BkB~~,YAAY,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;MAC/BC,wBAAwB,EAAG,CAAG;~~MAC9BC~~,UAAU,EAAC,SAAS;~~MACpBjB~~,YAAY,EAAGA;IAAc,CAC7B,CAAC,eACF,IAAApB,WAAA,~~CAAA4B~~,GAAA,~~EAAC9B~~,gBAAA,~~CAAAwC~~,OAAe;MAACC,KAAK,EAAG,~~IAAAJ~~,QAAE,EAAE,UAAW;IAAG,CAAE,CAAC;EAAA,CACvC,CAAC;AAEX","ignoreList":[]}
1	+ {"version":3,"names":["_compose","require","_components","_i18n","_blockEditor","_icons","_lockUnlock","_variationsColor","_interopRequireDefault","_hooks","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","mobilePopoverProps","placement","offset","ColorPalettePanel","name","themeColors","setThemeColors","baseThemeColors","defaultColors","setDefaultColors","baseDefaultColors","customColors","setCustomColors","defaultPaletteEnabled","isMobileViewport","useViewportMatch","popoverProps","undefined","randomizeThemeColors","useColorRandomizer","jsxs","__experimentalVStack","className","spacing","children","length","jsx","__experimentalPaletteEdit","canReset","canOnlyChangeValues","colors","onChange","paletteLabel","__","paletteLabelHeadingLevel","window","__experimentalEnableColorRandomizer","Button","__next40pxDefaultSize","variant","icon","shuffle","onClick","slugPrefix","default","title"],"sources":["@wordpress/edit-site/src/components/global-styles/color-palette-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalPaletteEdit as PaletteEdit,\n\t__experimentalVStack as VStack,\n\tButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { shuffle } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport ColorVariations from './variations/variations-color';\nimport { useColorRandomizer } from './hooks';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst mobilePopoverProps = { placement: 'bottom-start', offset: 8 };\n\nexport default function ColorPalettePanel( { name } ) {\n\tconst [ themeColors, setThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname\n\t);\n\tconst [ baseThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ defaultColors, setDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname\n\t);\n\tconst [ baseDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ customColors, setCustomColors ] = useGlobalSetting(\n\t\t'color.palette.custom',\n\t\tname\n\t);\n\n\tconst [ defaultPaletteEnabled ] = useGlobalSetting(\n\t\t'color.defaultPalette',\n\t\tname\n\t);\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst popoverProps = isMobileViewport ? mobilePopoverProps : undefined;\n\n\tconst [ randomizeThemeColors ] = useColorRandomizer();\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"edit-site-global-styles-color-palette-panel\"\n\t\t\tspacing={ 8 }\n\t\t>\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t{ !! themeColors && !! themeColors.length && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ themeColors !== baseThemeColors }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tcolors={ themeColors }\n\t\t\t\t\t\tonChange={ setThemeColors }\n\t\t\t\t\t\tpaletteLabel={ __( 'Theme' ) }\n\t\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ window.__experimentalEnableColorRandomizer &&\n\t\t\t\t\tthemeColors?.length > 0 && (\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=\"secondary\"\n\t\t\t\t\t\t\ticon={ shuffle }\n\t\t\t\t\t\t\tonClick={ randomizeThemeColors }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Randomize colors' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t</VStack>\n\t\t\t{ !! defaultColors &&\n\t\t\t\t!! defaultColors.length &&\n\t\t\t\t!! defaultPaletteEnabled && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ defaultColors !== baseDefaultColors }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tcolors={ defaultColors }\n\t\t\t\t\t\tonChange={ setDefaultColors }\n\t\t\t\t\t\tpaletteLabel={ __( 'Default' ) }\n\t\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t<PaletteEdit\n\t\t\t\tcolors={ customColors }\n\t\t\t\tonChange={ setCustomColors }\n\t\t\t\tpaletteLabel={ __( 'Custom' ) }\n\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\tslugPrefix=\"custom-\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t/>\n\t\t\t<ColorVariations title={ __( 'Palettes' ) } />\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/global-styles/font-library-modal/font-collection.js CHANGED Viewed

@@ -264,7 +264,7 @@ function FontCollection({
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {
             margin: 4
           }), !!selectedCollection?.font_families?.length && !fonts.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
-            children: (0, _i18n.__)('No fonts found. Try with a different search term')
+            children: (0, _i18n.__)('No fonts found. Try with a different search term.')
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "font-library-modal__fonts-grid__main",
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {

package/build/components/global-styles/font-library-modal/font-collection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_components","_compose","_i18n","_icons","_context","_fontCard","_interopRequireDefault","_filterFonts","_toggleFont","_fontsOutline","_googleFontsConfirmDialog","_utils","_sortFontFaces","_collectionFontVariant","_jsxRuntime","DEFAULT_CATEGORY","slug","name","_x","LOCAL_STORAGE_ITEM","MIN_WINDOW_HEIGHT","FontCollection","_selectedCollection$c","requiresPermission","getGoogleFontsPermissionFromStorage","window","localStorage","getItem","selectedFont","setSelectedFont","useState","notice","setNotice","fontsToInstall","setFontsToInstall","page","setPage","filters","setFilters","renderConfirmDialog","setRenderConfirmDialog","collections","getFontCollection","installFonts","isInstalling","useContext","FontLibraryContext","selectedCollection","find","collection","useEffect","handleStorage","addEventListener","removeEventListener","revokeAccess","setItem","dispatchEvent","Event","fetchFontCollection","resetFilters","e","type","message","collectionFonts","useMemo","_selectedCollection$f","font_families","collectionCategories","categories","fonts","filterFonts","isLoading","windowHeight","Math","max","innerHeight","pageSize","floor","totalPages","ceil","length","itemsStart","itemsLimit","items","slice","handleCategoryFilter","category","handleUpdateSearchInput","value","search","debouncedUpdateSearchInput","debounce","handleToggleVariant","font","face","newFontsToInstall","toggleFont","fontToInstallOutline","getFontsOutline","resetFontsToInstall","selectFontCount","fontFace","isIndeterminate","isSelectAllChecked","toggleSelectAll","newFonts","handleInstall","fontFamily","Promise","all","map","src","file","downloadFontFaceAssets","error","__","getSortedFontFaces","fontStyle","fontWeight","sortFontFaces","jsx","default","ActionsComponent","DropdownMenu","icon","moreVertical","label","popoverProps","position","controls","title","onClick","jsxs","className","children","ProgressBar","Fragment","Navigator","initialPath","Screen","path","__experimentalHStack","justify","__experimentalVStack","__experimentalHeading","level","size","__experimentalText","description","__experimentalSpacer","margin","Flex","FlexItem","SearchControl","placeholder","onChange","__nextHasNoMarginBottom","hideLabelFromVision","SelectControl","__next40pxDefaultSize","role","font_family_settings","navigatorPath","BackButton","isRTL","chevronRight","chevronLeft","Notice","status","onRemove","CheckboxControl","checked","indeterminate","spacing","i","selected","isFontFontFaceInOutline","Button","variant","isBusy","disabled","accessibleWhenDisabled","expanded","createInterpolateElement","sprintf","div","CurrentPage","options","Array","newPage","parseInt","next","previous","showTooltip","tooltipPosition","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/font-library-modal/font-collection.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tuseContext,\n\tuseEffect,\n\tuseState,\n\tuseMemo,\n\tcreateInterpolateElement,\n} from '@wordpress/element';\nimport {\n\t__experimentalSpacer as Spacer,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tNavigator,\n\t__experimentalHeading as Heading,\n\tNotice,\n\tSelectControl,\n\tFlexItem,\n\tFlex,\n\tButton,\n\tDropdownMenu,\n\tSearchControl,\n\tProgressBar,\n\tCheckboxControl,\n} from '@wordpress/components';\nimport { debounce } from '@wordpress/compose';\nimport { sprintf, __, _x, isRTL } from '@wordpress/i18n';\nimport {\n\tmoreVertical,\n\tnext,\n\tprevious,\n\tchevronLeft,\n\tchevronRight,\n} from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport { FontLibraryContext } from './context';\nimport FontCard from './font-card';\nimport filterFonts from './utils/filter-fonts';\nimport { toggleFont } from './utils/toggleFont';\nimport {\n\tgetFontsOutline,\n\tisFontFontFaceInOutline,\n} from './utils/fonts-outline';\nimport GoogleFontsConfirmDialog from './google-fonts-confirm-dialog';\nimport { downloadFontFaceAssets } from './utils';\nimport { sortFontFaces } from './utils/sort-font-faces';\nimport CollectionFontVariant from './collection-font-variant';\n\nconst DEFAULT_CATEGORY = {\n\tslug: 'all',\n\tname: _x( 'All', 'font categories' ),\n};\n\nconst LOCAL_STORAGE_ITEM = 'wp-font-library-google-fonts-permission';\nconst MIN_WINDOW_HEIGHT = 500;\n\nfunction FontCollection( { slug } ) {\n\tconst requiresPermission = slug === 'google-fonts';\n\n\tconst getGoogleFontsPermissionFromStorage = () => {\n\t\treturn window.localStorage.getItem( LOCAL_STORAGE_ITEM ) === 'true';\n\t};\n\n\tconst [ selectedFont, setSelectedFont ] = useState( null );\n\tconst [ notice, setNotice ] = useState( false );\n\tconst [ fontsToInstall, setFontsToInstall ] = useState( [] );\n\tconst [ page, setPage ] = useState( 1 );\n\tconst [ filters, setFilters ] = useState( {} );\n\tconst [ renderConfirmDialog, setRenderConfirmDialog ] = useState(\n\t\trequiresPermission && ! getGoogleFontsPermissionFromStorage()\n\t);\n\tconst { collections, getFontCollection, installFonts, isInstalling } =\n\t\tuseContext( FontLibraryContext );\n\tconst selectedCollection = collections.find(\n\t\t( collection ) => collection.slug === slug\n\t);\n\n\tuseEffect( () => {\n\t\tconst handleStorage = () => {\n\t\t\tsetRenderConfirmDialog(\n\t\t\t\trequiresPermission && ! getGoogleFontsPermissionFromStorage()\n\t\t\t);\n\t\t};\n\t\thandleStorage();\n\t\twindow.addEventListener( 'storage', handleStorage );\n\t\treturn () => window.removeEventListener( 'storage', handleStorage );\n\t}, [ slug, requiresPermission ] );\n\n\tconst revokeAccess = () => {\n\t\twindow.localStorage.setItem( LOCAL_STORAGE_ITEM, 'false' );\n\t\twindow.dispatchEvent( new Event( 'storage' ) );\n\t};\n\n\tuseEffect( () => {\n\t\tconst fetchFontCollection = async () => {\n\t\t\ttry {\n\t\t\t\tawait getFontCollection( slug );\n\t\t\t\tresetFilters();\n\t\t\t} catch ( e ) {\n\t\t\t\tif ( ! notice ) {\n\t\t\t\t\tsetNotice( {\n\t\t\t\t\t\ttype: 'error',\n\t\t\t\t\t\tmessage: e?.message,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t\tfetchFontCollection();\n\t}, [ slug, getFontCollection, setNotice, notice ] );\n\n\tuseEffect( () => {\n\t\tsetSelectedFont( null );\n\t}, [ slug ] );\n\n\tuseEffect( () => {\n\t\t// If the selected fonts change, reset the selected fonts to install\n\t\tsetFontsToInstall( [] );\n\t}, [ selectedFont ] );\n\n\tconst collectionFonts = useMemo(\n\t\t() => selectedCollection?.font_families ?? [],\n\t\t[ selectedCollection ]\n\t);\n\tconst collectionCategories = selectedCollection?.categories ?? [];\n\n\tconst categories = [ DEFAULT_CATEGORY, ...collectionCategories ];\n\n\tconst fonts = useMemo(\n\t\t() => filterFonts( collectionFonts, filters ),\n\t\t[ collectionFonts, filters ]\n\t);\n\n\tconst isLoading = ! selectedCollection?.font_families && ! notice;\n\n\t// NOTE: The height of the font library modal unavailable to use for rendering font family items is roughly 417px\n\t// The height of each font family item is 61px.\n\tconst windowHeight = Math.max( window.innerHeight, MIN_WINDOW_HEIGHT );\n\tconst pageSize = Math.floor( ( windowHeight - 417 ) / 61 );\n\tconst totalPages = Math.ceil( fonts.length / pageSize );\n\tconst itemsStart = ( page - 1 ) pageSize;\n\tconst itemsLimit = page * pageSize;\n\tconst items = fonts.slice( itemsStart, itemsLimit );\n\n\tconst handleCategoryFilter = ( category ) => {\n\t\tsetFilters( { ...filters, category } );\n\t\tsetPage( 1 );\n\t};\n\n\tconst handleUpdateSearchInput = ( value ) => {\n\t\tsetFilters( { ...filters, search: value } );\n\t\tsetPage( 1 );\n\t};\n\n\tconst debouncedUpdateSearchInput = debounce( handleUpdateSearchInput, 300 );\n\n\tconst resetFilters = () => {\n\t\tsetFilters( {} );\n\t\tsetPage( 1 );\n\t};\n\n\tconst handleToggleVariant = ( font, face ) => {\n\t\tconst newFontsToInstall = toggleFont( font, face, fontsToInstall );\n\t\tsetFontsToInstall( newFontsToInstall );\n\t};\n\n\tconst fontToInstallOutline = getFontsOutline( fontsToInstall );\n\n\tconst resetFontsToInstall = () => {\n\t\tsetFontsToInstall( [] );\n\t};\n\n\tconst selectFontCount =\n\t\tfontsToInstall.length > 0 ? fontsToInstall[ 0 ]?.fontFace?.length : 0;\n\n\t// Check if any fonts are selected.\n\tconst isIndeterminate =\n\t\tselectFontCount > 0 &&\n\t\tselectFontCount !== selectedFont?.fontFace?.length;\n\n\t// Check if all fonts are selected.\n\tconst isSelectAllChecked =\n\t\tselectFontCount === selectedFont?.fontFace?.length;\n\n\t// Toggle select all fonts.\n\tconst toggleSelectAll = () => {\n\t\tconst newFonts = isSelectAllChecked ? [] : [ selectedFont ];\n\n\t\tsetFontsToInstall( newFonts );\n\t};\n\n\tconst handleInstall = async () => {\n\t\tsetNotice( null );\n\n\t\tconst fontFamily = fontsToInstall[ 0 ];\n\n\t\ttry {\n\t\t\tif ( fontFamily?.fontFace ) {\n\t\t\t\tawait Promise.all(\n\t\t\t\t\tfontFamily.fontFace.map( async ( fontFace ) => {\n\t\t\t\t\t\tif ( fontFace.src ) {\n\t\t\t\t\t\t\tfontFace.file = await downloadFontFaceAssets(\n\t\t\t\t\t\t\t\tfontFace.src\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} catch ( error ) {\n\t\t\t// If any of the fonts fail to download,\n\t\t\t// show an error notice and stop the request from being sent.\n\t\t\tsetNotice( {\n\t\t\t\ttype: 'error',\n\t\t\t\tmessage: __(\n\t\t\t\t\t'Error installing the fonts, could not be downloaded.'\n\t\t\t\t),\n\t\t\t} );\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tawait installFonts( [ fontFamily ] );\n\t\t\tsetNotice( {\n\t\t\t\ttype: 'success',\n\t\t\t\tmessage: __( 'Fonts were installed successfully.' ),\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tsetNotice( {\n\t\t\t\ttype: 'error',\n\t\t\t\tmessage: error.message,\n\t\t\t} );\n\t\t}\n\t\tresetFontsToInstall();\n\t};\n\n\tconst getSortedFontFaces = ( fontFamily ) => {\n\t\tif ( ! fontFamily ) {\n\t\t\treturn [];\n\t\t}\n\t\tif ( ! fontFamily.fontFace \|\| ! fontFamily.fontFace.length ) {\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tfontFamily: fontFamily.fontFamily,\n\t\t\t\t\tfontStyle: 'normal',\n\t\t\t\t\tfontWeight: '400',\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\t\treturn sortFontFaces( fontFamily.fontFace );\n\t};\n\n\tif ( renderConfirmDialog ) {\n\t\treturn <GoogleFontsConfirmDialog />;\n\t}\n\n\tconst ActionsComponent = () => {\n\t\tif ( slug !== 'google-fonts' \|\| renderConfirmDialog \|\| selectedFont ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<DropdownMenu\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\tpopoverProps={ {\n\t\t\t\t\tposition: 'bottom left',\n\t\t\t\t} }\n\t\t\t\tcontrols={ [\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: __( 'Revoke access to Google Fonts' ),\n\t\t\t\t\t\tonClick: revokeAccess,\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t/>\n\t\t);\n\t};\n\n\treturn (\n\t\t<div className=\"font-library-modal__tabpanel-layout\">\n\t\t\t{ isLoading && (\n\t\t\t\t<div className=\"font-library-modal__loading\">\n\t\t\t\t\t<ProgressBar />\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t{ ! isLoading && (\n\t\t\t\t<>\n\t\t\t\t\t<Navigator\n\t\t\t\t\t\tinitialPath=\"/\"\n\t\t\t\t\t\tclassName=\"font-library-modal__tabpanel-layout\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Navigator.Screen path=\"/\">\n\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t<VStack>\n\t\t\t\t\t\t\t\t\t<Heading level={ 2 } size={ 13 }>\n\t\t\t\t\t\t\t\t\t\t{ selectedCollection.name }\n\t\t\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t\t\t\t<Text>\n\t\t\t\t\t\t\t\t\t\t{ selectedCollection.description }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t\t\t<ActionsComponent />\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t<Spacer margin={ 4 } />\n\t\t\t\t\t\t\t<Flex>\n\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t<SearchControl\n\t\t\t\t\t\t\t\t\t\tclassName=\"font-library-modal__search\"\n\t\t\t\t\t\t\t\t\t\tvalue={ filters.search }\n\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Font name…' ) }\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Search' ) }\n\t\t\t\t\t\t\t\t\t\tonChange={ debouncedUpdateSearchInput }\n\t\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\t\thideLabelFromVision={ false }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Category' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={ filters.category }\n\t\t\t\t\t\t\t\t\t\tonChange={ handleCategoryFilter }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ categories &&\n\t\t\t\t\t\t\t\t\t\t\tcategories.map( ( category ) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={ category.slug }\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ category.slug }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ category.name }\n\t\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t\t</SelectControl>\n\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t</Flex>\n\n\t\t\t\t\t\t\t<Spacer margin={ 4 } />\n\n\t\t\t\t\t\t\t{ !! selectedCollection?.font_families?.length &&\n\t\t\t\t\t\t\t\t! fonts.length && (\n\t\t\t\t\t\t\t\t\t<Text>\n\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t'No fonts found. Try with a different search term'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t\t<div className=\"font-library-modal__fonts-grid__main\">\n\t\t\t\t\t\t\t\t{ /\n\t\t\t\t\t\t\t\t Disable reason: The `list` ARIA role is redundant but\n\t\t\t\t\t\t\t\t * Safari+VoiceOver won't announce the list otherwise.\n\t\t\t\t\t\t\t\t /\n\t\t\t\t\t\t\t\t/ eslint-disable jsx-a11y/no-redundant-roles / }\n\t\t\t\t\t\t\t\t<ul\n\t\t\t\t\t\t\t\t\trole=\"list\"\n\t\t\t\t\t\t\t\t\tclassName=\"font-library-modal__fonts-list\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ items.map( ( font ) => (\n\t\t\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\t\t\tkey={\n\t\t\t\t\t\t\t\t\t\t\t\tfont.font_family_settings.slug\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"font-library-modal__fonts-list-item\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<FontCard\n\t\t\t\t\t\t\t\t\t\t\t\tfont={\n\t\t\t\t\t\t\t\t\t\t\t\t\tfont.font_family_settings\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tnavigatorPath=\"/fontFamily\"\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedFont(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont.font_family_settings\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t\t{ / eslint-enable jsx-a11y/no-redundant-roles / }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</Navigator.Screen>\n\n\t\t\t\t\t\t<Navigator.Screen path=\"/fontFamily\">\n\t\t\t\t\t\t\t<Flex justify=\"flex-start\">\n\t\t\t\t\t\t\t\t<Navigator.BackButton\n\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronRight : chevronLeft\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetSelectedFont( null );\n\t\t\t\t\t\t\t\t\t\tsetNotice( null );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\t\t\t\t\tsize={ 13 }\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-header\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ selectedFont?.name }\n\t\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t\t</Flex>\n\t\t\t\t\t\t\t{ notice && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<Spacer margin={ 1 } />\n\t\t\t\t\t\t\t\t\t<Notice\n\t\t\t\t\t\t\t\t\t\tstatus={ notice.type }\n\t\t\t\t\t\t\t\t\t\tonRemove={ () => setNotice( null ) }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ notice.message }\n\t\t\t\t\t\t\t\t\t</Notice>\n\t\t\t\t\t\t\t\t\t<Spacer margin={ 1 } />\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<Spacer margin={ 4 } />\n\t\t\t\t\t\t\t<Text>\n\t\t\t\t\t\t\t\t{ __( 'Select font variants to install.' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Spacer margin={ 4 } />\n\t\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t\tclassName=\"font-library-modal__select-all\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Select all' ) }\n\t\t\t\t\t\t\t\tchecked={ isSelectAllChecked }\n\t\t\t\t\t\t\t\tonChange={ toggleSelectAll }\n\t\t\t\t\t\t\t\tindeterminate={ isIndeterminate }\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<VStack spacing={ 0 }>\n\t\t\t\t\t\t\t\t{ /\n\t\t\t\t\t\t\t\t * Disable reason: The `list` ARIA role is redundant but\n\t\t\t\t\t\t\t\t * Safari+VoiceOver won't announce the list otherwise.\n\t\t\t\t\t\t\t\t /\n\t\t\t\t\t\t\t\t/ eslint-disable jsx-a11y/no-redundant-roles / }\n\t\t\t\t\t\t\t\t<ul\n\t\t\t\t\t\t\t\t\trole=\"list\"\n\t\t\t\t\t\t\t\t\tclassName=\"font-library-modal__fonts-list\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ getSortedFontFaces( selectedFont ).map(\n\t\t\t\t\t\t\t\t\t\t( face, i ) => (\n\t\t\t\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\t\t\t\tkey={ `face${ i }` }\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"font-library-modal__fonts-list-item\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<CollectionFontVariant\n\t\t\t\t\t\t\t\t\t\t\t\t\tfont={ selectedFont }\n\t\t\t\t\t\t\t\t\t\t\t\t\tface={ face }\n\t\t\t\t\t\t\t\t\t\t\t\t\thandleToggleVariant={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleToggleVariant\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tselected={ isFontFontFaceInOutline(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedFont.slug,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedFont.fontFace\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? face\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null, // If the font has no fontFace, we want to check if the font is in the outline\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontToInstallOutline\n\t\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</li>\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</ul>\n\t\t\t\t\t\t\t\t{ / eslint-enable jsx-a11y/no-redundant-roles */ }\n\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t\t<Spacer margin={ 16 } />\n\t\t\t\t\t\t</Navigator.Screen>\n\t\t\t\t\t</Navigator>\n\n\t\t\t\t\t{ selectedFont && (\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t\tclassName=\"font-library-modal__footer\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tonClick={ handleInstall }\n\t\t\t\t\t\t\t\tisBusy={ isInstalling }\n\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\tfontsToInstall.length === 0 \|\| isInstalling\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Install' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! selectedFont && (\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t\tclassName=\"font-library-modal__footer\"\n\t\t\t\t\t\t\tjustify=\"end\"\n\t\t\t\t\t\t\tspacing={ 6 }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\t\t\t\tclassName=\"font-library-modal__page-selection\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t\t\t// translators: 1: Current page number, 2: Total number of pages.\n\t\t\t\t\t\t\t\t\t\t_x(\n\t\t\t\t\t\t\t\t\t\t\t'<div>Page</div>%1$s<div>of %2$s</div>',\n\t\t\t\t\t\t\t\t\t\t\t'paging'\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t'<CurrentPage />',\n\t\t\t\t\t\t\t\t\t\ttotalPages\n\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\t\tdiv: <div aria-hidden />,\n\t\t\t\t\t\t\t\t\t\tCurrentPage: (\n\t\t\t\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Current page'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={ page }\n\t\t\t\t\t\t\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t\t\t\t\t\t\t...Array( totalPages ),\n\t\t\t\t\t\t\t\t\t\t\t\t].map( ( e, i ) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel: i + 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: i + 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={ ( newPage ) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetPage(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseInt( newPage )\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"minimal\"\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}\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\t<HStack expanded={ false } spacing={ 1 }>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tonClick={ () => setPage( page - 1 ) }\n\t\t\t\t\t\t\t\t\tdisabled={ page === 1 }\n\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Previous page' ) }\n\t\t\t\t\t\t\t\t\ticon={ isRTL() ? next : previous }\n\t\t\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\"\n\t\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\tonClick={ () => setPage( page + 1 ) }\n\t\t\t\t\t\t\t\t\tdisabled={ page === totalPages }\n\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Next page' ) }\n\t\t\t\t\t\t\t\t\ticon={ isRTL() ? previous : next }\n\t\t\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\"\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</>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default FontCollection;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_element","require","_components","_compose","_i18n","_icons","_context","_fontCard","_interopRequireDefault","_filterFonts","_toggleFont","_fontsOutline","_googleFontsConfirmDialog","_utils","_sortFontFaces","_collectionFontVariant","_jsxRuntime","DEFAULT_CATEGORY","slug","name","_x","LOCAL_STORAGE_ITEM","MIN_WINDOW_HEIGHT","FontCollection","_selectedCollection$c","requiresPermission","getGoogleFontsPermissionFromStorage","window","localStorage","getItem","selectedFont","setSelectedFont","useState","notice","setNotice","fontsToInstall","setFontsToInstall","page","setPage","filters","setFilters","renderConfirmDialog","setRenderConfirmDialog","collections","getFontCollection","installFonts","isInstalling","useContext","FontLibraryContext","selectedCollection","find","collection","useEffect","handleStorage","addEventListener","removeEventListener","revokeAccess","setItem","dispatchEvent","Event","fetchFontCollection","resetFilters","e","type","message","collectionFonts","useMemo","_selectedCollection$f","font_families","collectionCategories","categories","fonts","filterFonts","isLoading","windowHeight","Math","max","innerHeight","pageSize","floor","totalPages","ceil","length","itemsStart","itemsLimit","items","slice","handleCategoryFilter","category","handleUpdateSearchInput","value","search","debouncedUpdateSearchInput","debounce","handleToggleVariant","font","face","newFontsToInstall","toggleFont","fontToInstallOutline","getFontsOutline","resetFontsToInstall","selectFontCount","fontFace","isIndeterminate","isSelectAllChecked","toggleSelectAll","newFonts","handleInstall","fontFamily","Promise","all","map","src","file","downloadFontFaceAssets","error","__","getSortedFontFaces","fontStyle","fontWeight","sortFontFaces","jsx","default","ActionsComponent","DropdownMenu","icon","moreVertical","label","popoverProps","position","controls","title","onClick","jsxs","className","children","ProgressBar","Fragment","Navigator","initialPath","Screen","path","__experimentalHStack","justify","__experimentalVStack","__experimentalHeading","level","size","__experimentalText","description","__experimentalSpacer","margin","Flex","FlexItem","SearchControl","placeholder","onChange","__nextHasNoMarginBottom","hideLabelFromVision","SelectControl","__next40pxDefaultSize","role","font_family_settings","navigatorPath","BackButton","isRTL","chevronRight","chevronLeft","Notice","status","onRemove","CheckboxControl","checked","indeterminate","spacing","i","selected","isFontFontFaceInOutline","Button","variant","isBusy","disabled","accessibleWhenDisabled","expanded","createInterpolateElement","sprintf","div","CurrentPage","options","Array","newPage","parseInt","next","previous","showTooltip","tooltipPosition","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/font-library-modal/font-collection.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tuseContext,\n\tuseEffect,\n\tuseState,\n\tuseMemo,\n\tcreateInterpolateElement,\n} from '@wordpress/element';\nimport {\n\t__experimentalSpacer as Spacer,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tNavigator,\n\t__experimentalHeading as Heading,\n\tNotice,\n\tSelectControl,\n\tFlexItem,\n\tFlex,\n\tButton,\n\tDropdownMenu,\n\tSearchControl,\n\tProgressBar,\n\tCheckboxControl,\n} from '@wordpress/components';\nimport { debounce } from '@wordpress/compose';\nimport { sprintf, __, _x, isRTL } from '@wordpress/i18n';\nimport {\n\tmoreVertical,\n\tnext,\n\tprevious,\n\tchevronLeft,\n\tchevronRight,\n} from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport { FontLibraryContext } from './context';\nimport FontCard from './font-card';\nimport filterFonts from './utils/filter-fonts';\nimport { toggleFont } from './utils/toggleFont';\nimport {\n\tgetFontsOutline,\n\tisFontFontFaceInOutline,\n} from './utils/fonts-outline';\nimport GoogleFontsConfirmDialog from './google-fonts-confirm-dialog';\nimport { downloadFontFaceAssets } from './utils';\nimport { sortFontFaces } from './utils/sort-font-faces';\nimport CollectionFontVariant from './collection-font-variant';\n\nconst DEFAULT_CATEGORY = {\n\tslug: 'all',\n\tname: _x( 'All', 'font categories' ),\n};\n\nconst LOCAL_STORAGE_ITEM = 'wp-font-library-google-fonts-permission';\nconst MIN_WINDOW_HEIGHT = 500;\n\nfunction FontCollection( { slug } ) {\n\tconst requiresPermission = slug === 'google-fonts';\n\n\tconst getGoogleFontsPermissionFromStorage = () => {\n\t\treturn window.localStorage.getItem( LOCAL_STORAGE_ITEM ) === 'true';\n\t};\n\n\tconst [ selectedFont, setSelectedFont ] = useState( null );\n\tconst [ notice, setNotice ] = useState( false );\n\tconst [ fontsToInstall, setFontsToInstall ] = useState( [] );\n\tconst [ page, setPage ] = useState( 1 );\n\tconst [ filters, setFilters ] = useState( {} );\n\tconst [ renderConfirmDialog, setRenderConfirmDialog ] = useState(\n\t\trequiresPermission && ! getGoogleFontsPermissionFromStorage()\n\t);\n\tconst { collections, getFontCollection, installFonts, isInstalling } =\n\t\tuseContext( FontLibraryContext );\n\tconst selectedCollection = collections.find(\n\t\t( collection ) => collection.slug === slug\n\t);\n\n\tuseEffect( () => {\n\t\tconst handleStorage = () => {\n\t\t\tsetRenderConfirmDialog(\n\t\t\t\trequiresPermission && ! getGoogleFontsPermissionFromStorage()\n\t\t\t);\n\t\t};\n\t\thandleStorage();\n\t\twindow.addEventListener( 'storage', handleStorage );\n\t\treturn () => window.removeEventListener( 'storage', handleStorage );\n\t}, [ slug, requiresPermission ] );\n\n\tconst revokeAccess = () => {\n\t\twindow.localStorage.setItem( LOCAL_STORAGE_ITEM, 'false' );\n\t\twindow.dispatchEvent( new Event( 'storage' ) );\n\t};\n\n\tuseEffect( () => {\n\t\tconst fetchFontCollection = async () => {\n\t\t\ttry {\n\t\t\t\tawait getFontCollection( slug );\n\t\t\t\tresetFilters();\n\t\t\t} catch ( e ) {\n\t\t\t\tif ( ! notice ) {\n\t\t\t\t\tsetNotice( {\n\t\t\t\t\t\ttype: 'error',\n\t\t\t\t\t\tmessage: e?.message,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t\tfetchFontCollection();\n\t}, [ slug, getFontCollection, setNotice, notice ] );\n\n\tuseEffect( () => {\n\t\tsetSelectedFont( null );\n\t}, [ slug ] );\n\n\tuseEffect( () => {\n\t\t// If the selected fonts change, reset the selected fonts to install\n\t\tsetFontsToInstall( [] );\n\t}, [ selectedFont ] );\n\n\tconst collectionFonts = useMemo(\n\t\t() => selectedCollection?.font_families ?? [],\n\t\t[ selectedCollection ]\n\t);\n\tconst collectionCategories = selectedCollection?.categories ?? [];\n\n\tconst categories = [ DEFAULT_CATEGORY, ...collectionCategories ];\n\n\tconst fonts = useMemo(\n\t\t() => filterFonts( collectionFonts, filters ),\n\t\t[ collectionFonts, filters ]\n\t);\n\n\tconst isLoading = ! selectedCollection?.font_families && ! notice;\n\n\t// NOTE: The height of the font library modal unavailable to use for rendering font family items is roughly 417px\n\t// The height of each font family item is 61px.\n\tconst windowHeight = Math.max( window.innerHeight, MIN_WINDOW_HEIGHT );\n\tconst pageSize = Math.floor( ( windowHeight - 417 ) / 61 );\n\tconst totalPages = Math.ceil( fonts.length / pageSize );\n\tconst itemsStart = ( page - 1 ) pageSize;\n\tconst itemsLimit = page * pageSize;\n\tconst items = fonts.slice( itemsStart, itemsLimit );\n\n\tconst handleCategoryFilter = ( category ) => {\n\t\tsetFilters( { ...filters, category } );\n\t\tsetPage( 1 );\n\t};\n\n\tconst handleUpdateSearchInput = ( value ) => {\n\t\tsetFilters( { ...filters, search: value } );\n\t\tsetPage( 1 );\n\t};\n\n\tconst debouncedUpdateSearchInput = debounce( handleUpdateSearchInput, 300 );\n\n\tconst resetFilters = () => {\n\t\tsetFilters( {} );\n\t\tsetPage( 1 );\n\t};\n\n\tconst handleToggleVariant = ( font, face ) => {\n\t\tconst newFontsToInstall = toggleFont( font, face, fontsToInstall );\n\t\tsetFontsToInstall( newFontsToInstall );\n\t};\n\n\tconst fontToInstallOutline = getFontsOutline( fontsToInstall );\n\n\tconst resetFontsToInstall = () => {\n\t\tsetFontsToInstall( [] );\n\t};\n\n\tconst selectFontCount =\n\t\tfontsToInstall.length > 0 ? fontsToInstall[ 0 ]?.fontFace?.length : 0;\n\n\t// Check if any fonts are selected.\n\tconst isIndeterminate =\n\t\tselectFontCount > 0 &&\n\t\tselectFontCount !== selectedFont?.fontFace?.length;\n\n\t// Check if all fonts are selected.\n\tconst isSelectAllChecked =\n\t\tselectFontCount === selectedFont?.fontFace?.length;\n\n\t// Toggle select all fonts.\n\tconst toggleSelectAll = () => {\n\t\tconst newFonts = isSelectAllChecked ? [] : [ selectedFont ];\n\n\t\tsetFontsToInstall( newFonts );\n\t};\n\n\tconst handleInstall = async () => {\n\t\tsetNotice( null );\n\n\t\tconst fontFamily = fontsToInstall[ 0 ];\n\n\t\ttry {\n\t\t\tif ( fontFamily?.fontFace ) {\n\t\t\t\tawait Promise.all(\n\t\t\t\t\tfontFamily.fontFace.map( async ( fontFace ) => {\n\t\t\t\t\t\tif ( fontFace.src ) {\n\t\t\t\t\t\t\tfontFace.file = await downloadFontFaceAssets(\n\t\t\t\t\t\t\t\tfontFace.src\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} catch ( error ) {\n\t\t\t// If any of the fonts fail to download,\n\t\t\t// show an error notice and stop the request from being sent.\n\t\t\tsetNotice( {\n\t\t\t\ttype: 'error',\n\t\t\t\tmessage: __(\n\t\t\t\t\t'Error installing the fonts, could not be downloaded.'\n\t\t\t\t),\n\t\t\t} );\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tawait installFonts( [ fontFamily ] );\n\t\t\tsetNotice( {\n\t\t\t\ttype: 'success',\n\t\t\t\tmessage: __( 'Fonts were installed successfully.' ),\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tsetNotice( {\n\t\t\t\ttype: 'error',\n\t\t\t\tmessage: error.message,\n\t\t\t} );\n\t\t}\n\t\tresetFontsToInstall();\n\t};\n\n\tconst getSortedFontFaces = ( fontFamily ) => {\n\t\tif ( ! fontFamily ) {\n\t\t\treturn [];\n\t\t}\n\t\tif ( ! fontFamily.fontFace \|\| ! fontFamily.fontFace.length ) {\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tfontFamily: fontFamily.fontFamily,\n\t\t\t\t\tfontStyle: 'normal',\n\t\t\t\t\tfontWeight: '400',\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\t\treturn sortFontFaces( fontFamily.fontFace );\n\t};\n\n\tif ( renderConfirmDialog ) {\n\t\treturn <GoogleFontsConfirmDialog />;\n\t}\n\n\tconst ActionsComponent = () => {\n\t\tif ( slug !== 'google-fonts' \|\| renderConfirmDialog \|\| selectedFont ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<DropdownMenu\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\tpopoverProps={ {\n\t\t\t\t\tposition: 'bottom left',\n\t\t\t\t} }\n\t\t\t\tcontrols={ [\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: __( 'Revoke access to Google Fonts' ),\n\t\t\t\t\t\tonClick: revokeAccess,\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t/>\n\t\t);\n\t};\n\n\treturn (\n\t\t<div className=\"font-library-modal__tabpanel-layout\">\n\t\t\t{ isLoading && (\n\t\t\t\t<div className=\"font-library-modal__loading\">\n\t\t\t\t\t<ProgressBar />\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t{ ! isLoading && (\n\t\t\t\t<>\n\t\t\t\t\t<Navigator\n\t\t\t\t\t\tinitialPath=\"/\"\n\t\t\t\t\t\tclassName=\"font-library-modal__tabpanel-layout\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Navigator.Screen path=\"/\">\n\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t<VStack>\n\t\t\t\t\t\t\t\t\t<Heading level={ 2 } size={ 13 }>\n\t\t\t\t\t\t\t\t\t\t{ selectedCollection.name }\n\t\t\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t\t\t\t<Text>\n\t\t\t\t\t\t\t\t\t\t{ selectedCollection.description }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t\t\t<ActionsComponent />\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t<Spacer margin={ 4 } />\n\t\t\t\t\t\t\t<Flex>\n\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t<SearchControl\n\t\t\t\t\t\t\t\t\t\tclassName=\"font-library-modal__search\"\n\t\t\t\t\t\t\t\t\t\tvalue={ filters.search }\n\t\t\t\t\t\t\t\t\t\tplaceholder={ __( 'Font name…' ) }\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Search' ) }\n\t\t\t\t\t\t\t\t\t\tonChange={ debouncedUpdateSearchInput }\n\t\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\t\thideLabelFromVision={ false }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Category' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={ filters.category }\n\t\t\t\t\t\t\t\t\t\tonChange={ handleCategoryFilter }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ categories &&\n\t\t\t\t\t\t\t\t\t\t\tcategories.map( ( category ) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={ category.slug }\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ category.slug }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ category.name }\n\t\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t\t</SelectControl>\n\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t</Flex>\n\n\t\t\t\t\t\t\t<Spacer margin={ 4 } />\n\n\t\t\t\t\t\t\t{ !! selectedCollection?.font_families?.length &&\n\t\t\t\t\t\t\t\t! fonts.length && (\n\t\t\t\t\t\t\t\t\t<Text>\n\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t'No fonts found. Try with a different search term.'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t\t<div className=\"font-library-modal__fonts-grid__main\">\n\t\t\t\t\t\t\t\t{ /\n\t\t\t\t\t\t\t\t Disable reason: The `list` ARIA role is redundant but\n\t\t\t\t\t\t\t\t * Safari+VoiceOver won't announce the list otherwise.\n\t\t\t\t\t\t\t\t /\n\t\t\t\t\t\t\t\t/ eslint-disable jsx-a11y/no-redundant-roles / }\n\t\t\t\t\t\t\t\t<ul\n\t\t\t\t\t\t\t\t\trole=\"list\"\n\t\t\t\t\t\t\t\t\tclassName=\"font-library-modal__fonts-list\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ items.map( ( font ) => (\n\t\t\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\t\t\tkey={\n\t\t\t\t\t\t\t\t\t\t\t\tfont.font_family_settings.slug\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"font-library-modal__fonts-list-item\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<FontCard\n\t\t\t\t\t\t\t\t\t\t\t\tfont={\n\t\t\t\t\t\t\t\t\t\t\t\t\tfont.font_family_settings\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tnavigatorPath=\"/fontFamily\"\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedFont(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont.font_family_settings\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t\t{ / eslint-enable jsx-a11y/no-redundant-roles / }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</Navigator.Screen>\n\n\t\t\t\t\t\t<Navigator.Screen path=\"/fontFamily\">\n\t\t\t\t\t\t\t<Flex justify=\"flex-start\">\n\t\t\t\t\t\t\t\t<Navigator.BackButton\n\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronRight : chevronLeft\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetSelectedFont( null );\n\t\t\t\t\t\t\t\t\t\tsetNotice( null );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\t\t\t\t\tsize={ 13 }\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-header\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ selectedFont?.name }\n\t\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t\t</Flex>\n\t\t\t\t\t\t\t{ notice && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<Spacer margin={ 1 } />\n\t\t\t\t\t\t\t\t\t<Notice\n\t\t\t\t\t\t\t\t\t\tstatus={ notice.type }\n\t\t\t\t\t\t\t\t\t\tonRemove={ () => setNotice( null ) }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ notice.message }\n\t\t\t\t\t\t\t\t\t</Notice>\n\t\t\t\t\t\t\t\t\t<Spacer margin={ 1 } />\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<Spacer margin={ 4 } />\n\t\t\t\t\t\t\t<Text>\n\t\t\t\t\t\t\t\t{ __( 'Select font variants to install.' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Spacer margin={ 4 } />\n\t\t\t\t\t\t\t<CheckboxControl\n\t\t\t\t\t\t\t\tclassName=\"font-library-modal__select-all\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Select all' ) }\n\t\t\t\t\t\t\t\tchecked={ isSelectAllChecked }\n\t\t\t\t\t\t\t\tonChange={ toggleSelectAll }\n\t\t\t\t\t\t\t\tindeterminate={ isIndeterminate }\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<VStack spacing={ 0 }>\n\t\t\t\t\t\t\t\t{ /\n\t\t\t\t\t\t\t\t * Disable reason: The `list` ARIA role is redundant but\n\t\t\t\t\t\t\t\t * Safari+VoiceOver won't announce the list otherwise.\n\t\t\t\t\t\t\t\t /\n\t\t\t\t\t\t\t\t/ eslint-disable jsx-a11y/no-redundant-roles / }\n\t\t\t\t\t\t\t\t<ul\n\t\t\t\t\t\t\t\t\trole=\"list\"\n\t\t\t\t\t\t\t\t\tclassName=\"font-library-modal__fonts-list\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ getSortedFontFaces( selectedFont ).map(\n\t\t\t\t\t\t\t\t\t\t( face, i ) => (\n\t\t\t\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\t\t\t\tkey={ `face${ i }` }\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"font-library-modal__fonts-list-item\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<CollectionFontVariant\n\t\t\t\t\t\t\t\t\t\t\t\t\tfont={ selectedFont }\n\t\t\t\t\t\t\t\t\t\t\t\t\tface={ face }\n\t\t\t\t\t\t\t\t\t\t\t\t\thandleToggleVariant={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleToggleVariant\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tselected={ isFontFontFaceInOutline(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedFont.slug,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedFont.fontFace\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? face\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null, // If the font has no fontFace, we want to check if the font is in the outline\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontToInstallOutline\n\t\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</li>\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</ul>\n\t\t\t\t\t\t\t\t{ / eslint-enable jsx-a11y/no-redundant-roles */ }\n\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t\t<Spacer margin={ 16 } />\n\t\t\t\t\t\t</Navigator.Screen>\n\t\t\t\t\t</Navigator>\n\n\t\t\t\t\t{ selectedFont && (\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t\tclassName=\"font-library-modal__footer\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tonClick={ handleInstall }\n\t\t\t\t\t\t\t\tisBusy={ isInstalling }\n\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\tfontsToInstall.length === 0 \|\| isInstalling\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Install' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! selectedFont && (\n\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t\tclassName=\"font-library-modal__footer\"\n\t\t\t\t\t\t\tjustify=\"end\"\n\t\t\t\t\t\t\tspacing={ 6 }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\tjustify=\"flex-start\"\n\t\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\t\t\t\tclassName=\"font-library-modal__page-selection\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t\t\t// translators: 1: Current page number, 2: Total number of pages.\n\t\t\t\t\t\t\t\t\t\t_x(\n\t\t\t\t\t\t\t\t\t\t\t'<div>Page</div>%1$s<div>of %2$s</div>',\n\t\t\t\t\t\t\t\t\t\t\t'paging'\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t'<CurrentPage />',\n\t\t\t\t\t\t\t\t\t\ttotalPages\n\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\t\tdiv: <div aria-hidden />,\n\t\t\t\t\t\t\t\t\t\tCurrentPage: (\n\t\t\t\t\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Current page'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={ page }\n\t\t\t\t\t\t\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t\t\t\t\t\t\t...Array( totalPages ),\n\t\t\t\t\t\t\t\t\t\t\t\t].map( ( e, i ) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel: i + 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: i + 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={ ( newPage ) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetPage(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tparseInt( newPage )\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"minimal\"\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}\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\t<HStack expanded={ false } spacing={ 1 }>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tonClick={ () => setPage( page - 1 ) }\n\t\t\t\t\t\t\t\t\tdisabled={ page === 1 }\n\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Previous page' ) }\n\t\t\t\t\t\t\t\t\ticon={ isRTL() ? next : previous }\n\t\t\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\"\n\t\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\tonClick={ () => setPage( page + 1 ) }\n\t\t\t\t\t\t\t\t\tdisabled={ page === totalPages }\n\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Next page' ) }\n\t\t\t\t\t\t\t\t\ticon={ isRTL() ? previous : next }\n\t\t\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t\ttooltipPosition=\"top\"\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</>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default FontCollection;\n"],"mappings":"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","ignoreList":[]}

package/build/components/global-styles/palette.js CHANGED Viewed

@@ -12,7 +12,6 @@ var _element = require("@wordpress/element");
 var _blockEditor = require("@wordpress/block-editor");
 var _subtitle = _interopRequireDefault(require("./subtitle"));
 var _navigationButton = require("./navigation-button");
-var _hooks = require("./hooks");
 var _colorIndicatorWrapper = _interopRequireDefault(require("./color-indicator-wrapper"));
 var _lockUnlock = require("../../lock-unlock");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -35,7 +34,6 @@ function Palette({
   const [themeColors] = useGlobalSetting('color.palette.theme');
   const [defaultColors] = useGlobalSetting('color.palette.default');
   const [defaultPaletteEnabled] = useGlobalSetting('color.defaultPalette', name);
-  const [randomizeThemeColors] = (0, _hooks.useColorRandomizer)();
   const colors = (0, _element.useMemo)(() => [...(customColors || EMPTY_COLORS), ...(themeColors || EMPTY_COLORS), ...(defaultColors && defaultPaletteEnabled ? defaultColors : EMPTY_COLORS)], [customColors, themeColors, defaultColors, defaultPaletteEnabled]);
   const screenPath = !name ? '/colors/palette' : '/blocks/' + encodeURIComponent(name) + '/colors/palette';
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
@@ -72,12 +70,6 @@ function Palette({
           })]
         })
       })
-    }), window.__experimentalEnableColorRandomizer && themeColors?.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-      __next40pxDefaultSize: true,
-      variant: "secondary",
-      icon: _icons.shuffle,
-      onClick: randomizeThemeColors,
-      children: (0, _i18n.__)('Randomize colors')
     })]
   });
 }

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","_icons","_element","_blockEditor","_subtitle","_interopRequireDefault","_navigationButton","~~_hooks","~~_colorIndicatorWrapper","_lockUnlock","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","EMPTY_COLORS","Palette","name","customColors","themeColors","defaultColors","defaultPaletteEnabled","~~randomizeThemeColors","useColorRandomizer","~~colors","useMemo","screenPath","encodeURIComponent","jsxs","__experimentalVStack","spacing","children","jsx","default","level","__","__experimentalItemGroup","isBordered","isSeparated","NavigationButtonAsItem","path","__experimentalHStack","direction","length","Fragment","__experimentalZStack","isLayered","offset","slice","map","color","index","ColorIndicator","colorValue","FlexItem","isBlock","Icon","icon","isRTL","chevronLeft","chevronRight","~~window","__experimentalEnableColorRandomizer","Button","__next40pxDefaultSize","variant","shuffle","onClick","~~_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/palette.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\tFlexItem,\n\t__experimentalHStack as HStack,\n\t__experimentalZStack as ZStack,\n\t__experimentalVStack as VStack,\n\tColorIndicator,\n~~\tButton,\n~~} from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { Icon, ~~shuffle,~~ chevronLeft, chevronRight } from '@wordpress/icons';\nimport { useMemo } from '@wordpress/element';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport Subtitle from './subtitle';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport ~~{ useColorRandomizer } from './hooks';\nimport~~ ColorIndicatorWrapper from './color-indicator-wrapper';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\nconst EMPTY_COLORS = [];\n\nfunction Palette( { name } ) {\n\tconst [ customColors ] = useGlobalSetting( 'color.palette.custom' );\n\tconst [ themeColors ] = useGlobalSetting( 'color.palette.theme' );\n\tconst [ defaultColors ] = useGlobalSetting( 'color.palette.default' );\n\n\tconst [ defaultPaletteEnabled ] = useGlobalSetting(\n\t\t'color.defaultPalette',\n\t\tname\n\t);\n\n\tconst ~~[ randomizeThemeColors ] = useColorRandomizer();\n\n\tconst~~ colors = useMemo(\n\t\t() => [\n\t\t\t...( customColors \|\| EMPTY_COLORS ),\n\t\t\t...( themeColors \|\| EMPTY_COLORS ),\n\t\t\t...( defaultColors && defaultPaletteEnabled\n\t\t\t\t? defaultColors\n\t\t\t\t: EMPTY_COLORS ),\n\t\t],\n\t\t[ customColors, themeColors, defaultColors, defaultPaletteEnabled ]\n\t);\n\n\tconst screenPath = ! name\n\t\t? '/colors/palette'\n\t\t: '/blocks/' + encodeURIComponent( name ) + '/colors/palette';\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<Subtitle level={ 3 }>{ __( 'Palette' ) }</Subtitle>\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t<NavigationButtonAsItem path={ screenPath }>\n\t\t\t\t\t<HStack direction=\"row\">\n\t\t\t\t\t\t{ colors.length > 0 ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ZStack isLayered={ false } offset={ -8 }>\n\t\t\t\t\t\t\t\t\t{ colors\n\t\t\t\t\t\t\t\t\t\t.slice( 0, 5 )\n\t\t\t\t\t\t\t\t\t\t.map( ( { color }, index ) => (\n\t\t\t\t\t\t\t\t\t\t\t<ColorIndicatorWrapper\n\t\t\t\t\t\t\t\t\t\t\t\tkey={ `${ color }-${ index }` }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolorValue={ color }\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</ColorIndicatorWrapper>\n\t\t\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t</ZStack>\n\t\t\t\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t\t\t\t{ __( 'Edit palette' ) }\n\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<FlexItem>{ __( 'Add colors' ) }</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t\t\t</HStack>\n\t\t\t\t</NavigationButtonAsItem>\n\t\t\t</ItemGroup>\n\t\t\t{ window.__experimentalEnableColorRandomizer &&\n\t\t\t\tthemeColors?.length > 0 && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\ticon={ shuffle }\n\t\t\t\t\t\tonClick={ randomizeThemeColors }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Randomize colors' ) }\n\t\t\t\t\t</~~Button>\n\t\t\t\t) }\n\t\t</~~VStack>\n\t);\n}\n\nexport default Palette;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;~~AASA~~,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAKA,IAAAK,SAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AACA,IAAAQ,~~MAAA,GAAAR,OAAA;AACA,IAAAS,~~sBAAA,~~GAAAH~~,sBAAA,CAAAN,OAAA;AACA,~~IAAAU~~,WAAA,~~GAAAV~~,OAAA;AAA2C,~~IAAAW~~,WAAA,~~GAAAX~~,OAAA;~~AAxB3C~~;AACA;AACA;;~~AAeA~~;AACA;AACA;;~~AAOA~~,MAAM;~~EAAEY~~;AAAiB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAE7D,MAAMC,YAAY,GAAG,EAAE;AAEvB,SAASC,OAAOA,CAAE;EAAEC;AAAK,CAAC,EAAG;EAC5B,MAAM,CAAEC,YAAY,CAAE,GAAGN,gBAAgB,CAAE,sBAAuB,CAAC;EACnE,MAAM,CAAEO,WAAW,CAAE,GAAGP,gBAAgB,CAAE,qBAAsB,CAAC;EACjE,MAAM,CAAEQ,aAAa,CAAE,GAAGR,gBAAgB,CAAE,uBAAwB,CAAC;EAErE,MAAM,CAAES,qBAAqB,CAAE,GAAGT,gBAAgB,CACjD,sBAAsB,EACtBK,IACD,CAAC;EAED,~~MAAM~~,~~CAAEK,oBAAoB,CAAE,GAAG,IAAAC,yBAAkB,EAAC,CAAC;EAErD,MAAMC,~~MAAM,GAAG,IAAAC,gBAAO,EACrB,MAAM,CACL,~~IAAKP~~,YAAY,IAAIH,YAAY,CAAE,EACnC,IAAKI,WAAW,IAAIJ,YAAY,CAAE,EAClC,IAAKK,aAAa,IAAIC,qBAAqB,GACxCD,aAAa,GACbL,YAAY,CAAE,CACjB,EACD,CAAEG,YAAY,EAAEC,WAAW,EAAEC,aAAa,EAAEC,qBAAqB,CAClE,CAAC;EAED,~~MAAMK~~,UAAU,GAAG,~~CAAET~~,IAAI,GACtB,iBAAiB,GACjB,UAAU,~~GAAGU~~,kBAAkB,~~CAAEV~~,IAAK,CAAC,GAAG,iBAAiB;EAE9D,oBACC,IAAAN,WAAA,~~CAAAiB~~,IAAA,~~EAAC7B~~,WAAA,~~CAAA8B~~,oBAAM;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,gBACpB,~~IAAApB~~,WAAA,~~CAAAqB~~,GAAA,~~EAAC3B~~,SAAA,~~CAAA4B~~,OAAQ;MAACC,KAAK,EAAG,CAAG;MAAAH,QAAA,EAAG,IAAAI,QAAE,EAAE,SAAU;IAAC,CAAY,CAAC,eACpD,~~IAAAxB~~,WAAA,~~CAAAqB~~,GAAA,~~EAACjC~~,WAAA,~~CAAAqC~~,uBAAS;MAACC,UAAU;MAACC,WAAW;MAAAP,QAAA,eAChC,~~IAAApB~~,WAAA,~~CAAAqB~~,GAAA,~~EAACzB~~,iBAAA,~~CAAAgC~~,sBAAsB;QAACC,IAAI,EAAGd,UAAY;QAAAK,QAAA,eAC1C,~~IAAApB~~,WAAA,~~CAAAiB~~,IAAA,~~EAAC7B~~,WAAA,~~CAAA0C~~,oBAAM;UAACC,SAAS,EAAC,KAAK;UAAAX,QAAA,GACpBP,MAAM,CAACmB,MAAM,GAAG,CAAC,gBAClB,~~IAAAhC~~,WAAA,~~CAAAiB~~,IAAA,~~EAAAjB~~,WAAA,~~CAAAiC~~,QAAA;YAAAb,QAAA,gBACC,~~IAAApB~~,WAAA,~~CAAAqB~~,GAAA,~~EAACjC~~,WAAA,~~CAAA8C~~,oBAAM;cAACC,SAAS,EAAG,KAAO;cAACC,MAAM,EAAG,CAAC,CAAG;cAAAhB,QAAA,EACtCP,MAAM,CACNwB,KAAK,CAAE,CAAC,EAAE,CAAE,CAAC,CACbC,GAAG,CAAE,CAAE;gBAAEC;cAAM,CAAC,EAAEC,KAAK,kBACvB,~~IAAAxC~~,WAAA,~~CAAAqB~~,GAAA,~~EAACvB~~,sBAAA,~~CAAAwB~~,OAAqB;gBAAAF,QAAA,eAGrB,~~IAAApB~~,WAAA,~~CAAAqB~~,GAAA,~~EAACjC~~,WAAA,~~CAAAqD~~,cAAc;kBACdC,UAAU,EAAGH;gBAAO,CACpB;cAAC,GAJI,GAAIA,KAAK,IAAMC,KAAK,EAKJ,CACtB;YAAC,CACG,CAAC,eACT,~~IAAAxC~~,WAAA,~~CAAAqB~~,GAAA,~~EAACjC~~,WAAA,~~CAAAuD~~,QAAQ;cAACC,OAAO;cAAAxB,QAAA,EACd,IAAAI,QAAE,EAAE,cAAe;YAAC,CACb,CAAC;UAAA,CACV,CAAC,gBAEH,~~IAAAxB~~,WAAA,~~CAAAqB~~,GAAA,~~EAACjC~~,WAAA,~~CAAAuD~~,QAAQ;YAAAvB,QAAA,EAAG,IAAAI,QAAE,EAAE,YAAa;UAAC,CAAY,CAC1C,eACD,~~IAAAxB~~,WAAA,~~CAAAqB~~,GAAA,~~EAAC9B~~,MAAA,~~CAAAsD~~,IAAI;YAACC,IAAI,EAAG,IAAAC,WAAK,EAAC,CAAC,GAAGC,kBAAW,GAAGC;UAAc,CAAE,CAAC;QAAA,CAC/C;MAAC,CACc;IAAC,CACf,CAAC~~,EACVC,MAAM,CAACC,mCAAmC,IAC3C3C,WAAW,EAAEwB,MAAM,GAAG,CAAC,iBACtB,IAAAhC,WAAA,CAAAqB,GAAA,EAACjC,WAAA,CAAAgE,MAAM~~;~~MACNC,qBAAqB;MACrBC,OAAO,EAAC,WAAW;MACnBR,IAAI,EAAGS,cAAS;MAChBC,OAAO,EAAG7C,oBAAsB;MAAAS,QAAA,EAE9B,IAAAI,QAAE,EAAE,kBAAmB;IAAC,CACnB,CACR;~~EAAA,~~CACK~~,CAAC;AAEX;AAAC,~~IAAAiC~~,QAAA,GAAAC,OAAA,~~CAAApC~~,OAAA,~~GAEcjB~~,OAAO","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_i18n","_icons","_element","_blockEditor","_subtitle","_interopRequireDefault","_navigationButton","_colorIndicatorWrapper","_lockUnlock","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","EMPTY_COLORS","Palette","name","customColors","themeColors","defaultColors","defaultPaletteEnabled","colors","useMemo","screenPath","encodeURIComponent","jsxs","__experimentalVStack","spacing","children","jsx","default","level","__","__experimentalItemGroup","isBordered","isSeparated","NavigationButtonAsItem","path","__experimentalHStack","direction","length","Fragment","__experimentalZStack","isLayered","offset","slice","map","color","index","ColorIndicator","colorValue","FlexItem","isBlock","Icon","icon","isRTL","chevronLeft","chevronRight","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/palette.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\tFlexItem,\n\t__experimentalHStack as HStack,\n\t__experimentalZStack as ZStack,\n\t__experimentalVStack as VStack,\n\tColorIndicator,\n} from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { Icon, chevronLeft, chevronRight } from '@wordpress/icons';\nimport { useMemo } from '@wordpress/element';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport Subtitle from './subtitle';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport ColorIndicatorWrapper from './color-indicator-wrapper';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\nconst EMPTY_COLORS = [];\n\nfunction Palette( { name } ) {\n\tconst [ customColors ] = useGlobalSetting( 'color.palette.custom' );\n\tconst [ themeColors ] = useGlobalSetting( 'color.palette.theme' );\n\tconst [ defaultColors ] = useGlobalSetting( 'color.palette.default' );\n\n\tconst [ defaultPaletteEnabled ] = useGlobalSetting(\n\t\t'color.defaultPalette',\n\t\tname\n\t);\n\n\tconst colors = useMemo(\n\t\t() => [\n\t\t\t...( customColors \|\| EMPTY_COLORS ),\n\t\t\t...( themeColors \|\| EMPTY_COLORS ),\n\t\t\t...( defaultColors && defaultPaletteEnabled\n\t\t\t\t? defaultColors\n\t\t\t\t: EMPTY_COLORS ),\n\t\t],\n\t\t[ customColors, themeColors, defaultColors, defaultPaletteEnabled ]\n\t);\n\n\tconst screenPath = ! name\n\t\t? '/colors/palette'\n\t\t: '/blocks/' + encodeURIComponent( name ) + '/colors/palette';\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<Subtitle level={ 3 }>{ __( 'Palette' ) }</Subtitle>\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t<NavigationButtonAsItem path={ screenPath }>\n\t\t\t\t\t<HStack direction=\"row\">\n\t\t\t\t\t\t{ colors.length > 0 ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ZStack isLayered={ false } offset={ -8 }>\n\t\t\t\t\t\t\t\t\t{ colors\n\t\t\t\t\t\t\t\t\t\t.slice( 0, 5 )\n\t\t\t\t\t\t\t\t\t\t.map( ( { color }, index ) => (\n\t\t\t\t\t\t\t\t\t\t\t<ColorIndicatorWrapper\n\t\t\t\t\t\t\t\t\t\t\t\tkey={ `${ color }-${ index }` }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolorValue={ color }\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</ColorIndicatorWrapper>\n\t\t\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t</ZStack>\n\t\t\t\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t\t\t\t{ __( 'Edit palette' ) }\n\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<FlexItem>{ __( 'Add colors' ) }</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t\t\t</HStack>\n\t\t\t\t</NavigationButtonAsItem>\n\t\t\t</ItemGroup>\n\t\t</VStack>\n\t);\n}\n\nexport default Palette;\n"],"mappings":"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","ignoreList":[]}

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

@@ -32,17 +32,17 @@ function MainSidebarNavigationContent({
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalItemGroup, {
     className: "edit-site-sidebar-navigation-screen-main",
     children: [isBlockBasedTheme && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationItem.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreenGlobalStyles.SidebarNavigationItemGlobalStyles, {
+        to: "/styles",
+        uid: "global-styles-navigation-item",
+        icon: _icons.styles,
+        children: (0, _i18n.__)('Styles')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationItem.default, {
         uid: "navigation-navigation-item",
         to: "/navigation",
         withChevron: true,
         icon: _icons.navigation,
         children: (0, _i18n.__)('Navigation')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationScreenGlobalStyles.SidebarNavigationItemGlobalStyles, {
-        to: "/styles",
-        uid: "global-styles-navigation-item",
-        icon: _icons.styles,
-        children: (0, _i18n.__)('Styles')
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationItem.default, {
         uid: "page-navigation-item",
         to: "/page",

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_coreData","_sidebarNavigationScreen","_interopRequireDefault","_sidebarNavigationItem","_sidebarNavigationScreenGlobalStyles","_lockUnlock","_store","_jsxRuntime","MainSidebarNavigationContent","isBlockBasedTheme","jsxs","__experimentalItemGroup","className","children","Fragment","jsx","~~default~~","~~uid","~~to","~~withChevron~~","icon","~~navigation~~","__","~~SidebarNavigationItemGlobalStyles~~","~~styles~~","page","layout","symbol","SidebarNavigationScreenMain","customDescription","useSelect","select","coreStore","getCurrentTheme","is_block_theme","setEditorCanvasContainerView","unlock","useDispatch","editSiteStore","useEffect","undefined","description","isRoot","title","content"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-main/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbol, navigation, styles, page } from '@wordpress/icons';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nexport function MainSidebarNavigationContent( { isBlockBasedTheme = true } ) {\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-main\">\n\t\t\t{ isBlockBasedTheme && (\n\t\t\t\t<>\n\t\t\t\t\t<~~SidebarNavigationItem~~\n\t\t\t\t\t\~~tuid~~=\"~~navigation-navigation-item~~\"\n\t\t\t\t\t\~~tto~~=\"/navigation\"\n\t\t\t\t\t\~~twithChevron\n\t\t\t\t\t\~~ticon={ ~~navigation~~ }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( '~~Navigation~~' ) }\n\t\t\t\t\t</~~SidebarNavigationItem~~>\n\t\t\t\t\t<~~SidebarNavigationItemGlobalStyles~~\n\t\t\t\t\t\~~tto~~=\"~~/styles~~\"\n\t\t\t\t\t\~~tuid~~=\"~~global-styles-~~navigation~~-item~~\"\n\t\t\t\t\t\ticon={ ~~styles~~ }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( '~~Styles~~' ) }\n\t\t\t\t\t</~~SidebarNavigationItemGlobalStyles~~>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"page-navigation-item\"\n\t\t\t\t\t\tto=\"/page\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"template-navigation-item\"\n\t\t\t\t\t\tto=\"/template\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! isBlockBasedTheme && (\n\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\tuid=\"stylebook-navigation-item\"\n\t\t\t\t\tto=\"/stylebook\"\n\t\t\t\t\twithChevron\n\t\t\t\t\ticon={ styles }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t</SidebarNavigationItem>\n\t\t\t) }\n\t\t\t<SidebarNavigationItem\n\t\t\t\tuid=\"patterns-navigation-item\"\n\t\t\t\tto=\"/pattern\"\n\t\t\t\twithChevron\n\t\t\t\ticon={ symbol }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenMain( { customDescription } ) {\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\t// Clear the editor canvas container view when accessing the main navigation screen.\n\tuseEffect( () => {\n\t\tsetEditorCanvasContainerView( undefined );\n\t}, [ setEditorCanvasContainerView ] );\n\n\tlet description;\n\tif ( customDescription ) {\n\t\tdescription = customDescription;\n\t} else if ( isBlockBasedTheme ) {\n\t\tdescription = __(\n\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t);\n\t} else {\n\t\tdescription = __(\n\t\t\t'Explore block styles and patterns to refine your site.'\n\t\t);\n\t}\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={ description }\n\t\t\tcontent={\n\t\t\t\t<MainSidebarNavigationContent\n\t\t\t\t\tisBlockBasedTheme={ isBlockBasedTheme }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAKA,IAAAM,wBAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,sBAAA,GAAAD,sBAAA,CAAAP,OAAA;AACA,IAAAS,oCAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AACA,IAAAW,MAAA,GAAAX,OAAA;AAAqD,IAAAY,WAAA,GAAAZ,OAAA;AAjBrD;AACA;AACA;;AAQA;AACA;AACA;;AAOO,SAASa,4BAA4BA,CAAE;EAAEC,iBAAiB,GAAG;AAAK,CAAC,EAAG;EAC5E,oBACC,IAAAF,WAAA,CAAAG,IAAA,EAAChB,WAAA,CAAAiB,uBAAS;IAACC,SAAS,EAAC,0CAA0C;IAAAC,QAAA,GAC5DJ,iBAAiB,iBAClB,IAAAF,WAAA,CAAAG,IAAA,EAAAH,WAAA,CAAAO,QAAA;MAAAD,QAAA,gBACC,IAAAN,WAAA,CAAAQ,GAAA,~~EAACZ~~,~~sBAAA~~,~~CAAAa~~,~~OAAqB~~;~~QACrBC~~,~~GAAG~~,EAAC,~~4BAA4B~~;~~QAChCC~~,~~EAAE~~,EAAC~~,aAAa~~;~~QAChBC~~,~~WAAW;QACXC,~~IAAI,EAAGC,~~iBAAY~~;~~QAAAR~~,QAAA,~~EAEjB~~,~~IAAAS~~,QAAE,EAAE,~~YAAa~~;MAAC,~~CACE~~,CAAC,~~eACxB~~,~~IAAAf~~,WAAA,CAAAQ,GAAA,~~EAACX~~,~~oCAAA~~,CAAAmB,~~iCAAiC~~;~~QACjCL~~,~~EAAE~~,EAAC,~~SAAS~~;~~QACZD~~,~~GAAG~~,EAAC~~,+BAA+B~~;~~QACnCG~~,IAAI,~~EAAGI~~,~~aAAQ~~;QAAAX,QAAA,~~EAEb~~,~~IAAAS~~,QAAE,EAAE,~~QAAS~~;MAAC,~~CACkB~~,CAAC,~~eACpC~~,~~IAAAf~~,WAAA,CAAAQ,GAAA,EAACZ,sBAAA,~~CAAAa~~,OAAqB;~~QACrBC~~,GAAG,EAAC,sBAAsB;~~QAC1BC~~,EAAE,EAAC,OAAO;~~QACVC~~,WAAW;~~QACXC~~,IAAI,~~EAAGK~~,WAAM;QAAAZ,QAAA,EAEX,~~IAAAS~~,QAAE,EAAE,OAAQ;MAAC,CACO,CAAC,eACxB,~~IAAAf~~,WAAA,CAAAQ,GAAA,EAACZ,sBAAA,~~CAAAa~~,OAAqB;~~QACrBC~~,GAAG,EAAC,0BAA0B;~~QAC9BC~~,EAAE,EAAC,WAAW;~~QACdC~~,WAAW;~~QACXC~~,IAAI,~~EAAGM~~,aAAQ;QAAAb,QAAA,EAEb,~~IAAAS~~,QAAE,EAAE,WAAY;MAAC,CACG,CAAC;IAAA,CACvB,CACF,EACC,~~CAAEb~~,iBAAiB,iBACpB,IAAAF,WAAA,CAAAQ,GAAA,EAACZ,sBAAA,~~CAAAa~~,OAAqB;~~MACrBC~~,GAAG,EAAC,2BAA2B;MAC/BC,EAAE,EAAC,YAAY;~~MACfC~~,WAAW;~~MACXC~~,IAAI,~~EAAGI~~,aAAQ;~~MAAAX~~,QAAA,EAEb,~~IAAAS~~,QAAE,EAAE,QAAS;IAAC,CACM,CACvB,eACD,~~IAAAf~~,WAAA,CAAAQ,GAAA,EAACZ,sBAAA,~~CAAAa~~,OAAqB;~~MACrBC~~,GAAG,EAAC,0BAA0B;~~MAC9BC~~,EAAE,EAAC,UAAU;~~MACbC~~,WAAW;~~MACXC~~,IAAI,~~EAAGO~~,aAAQ;MAAAd,QAAA,EAEb,~~IAAAS~~,QAAE,EAAE,UAAW;IAAC,CACI,CAAC;EAAA,CACd,CAAC;AAEd;AAEe,~~SAASM~~,2BAA2BA,CAAE;EAAEC;AAAkB,CAAC,EAAG;EAC5E,MAAMpB,iBAAiB,GAAG,IAAAqB,eAAS,EAChCC,MAAM,IAAMA,MAAM,CAAEC,eAAU,CAAC,CAACC,eAAe,CAAC,CAAC,EAAEC,cAAc,EACnE,EACD,CAAC;EACD,MAAM;IAAEC;EAA6B,CAAC,GAAG,IAAAC,kBAAM,EAC9C,IAAAC,iBAAW,EAAEC,YAAc,CAC5B,CAAC;;EAED;EACA,IAAAC,kBAAS,EAAE,MAAM;IAChBJ,4BAA4B,CAAEK,SAAU,CAAC;EAC1C,CAAC,EAAE,CAAEL,4BAA4B,CAAG,CAAC;EAErC,IAAIM,WAAW;EACf,IAAKZ,iBAAiB,EAAG;IACxBY,WAAW,GAAGZ,iBAAiB;EAChC,CAAC,MAAM,IAAKpB,iBAAiB,EAAG;IAC/BgC,WAAW,GAAG,~~IAAAnB~~,QAAE,EACf,kEACD,CAAC;EACF,CAAC,MAAM;~~IACNmB~~,WAAW,GAAG,~~IAAAnB~~,QAAE,EACf,wDACD,CAAC;EACF;EAEA,oBACC,~~IAAAf~~,WAAA,CAAAQ,GAAA,EAACd,wBAAA,~~CAAAe~~,OAAuB;~~IACvB0B~~,MAAM;IACNC,KAAK,EAAG,~~IAAArB~~,QAAE,EAAE,QAAS,CAAG;~~IACxBmB~~,WAAW,EAAGA,WAAa;IAC3BG,OAAO,eACN,IAAArC,WAAA,CAAAQ,GAAA,EAACP,4BAA4B;MAC5BC,iBAAiB,EAAGA;IAAmB,CACvC;EACD,CACD,CAAC;AAEJ","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_coreData","_sidebarNavigationScreen","_interopRequireDefault","_sidebarNavigationItem","_sidebarNavigationScreenGlobalStyles","_lockUnlock","_store","_jsxRuntime","MainSidebarNavigationContent","isBlockBasedTheme","jsxs","__experimentalItemGroup","className","children","Fragment","jsx","SidebarNavigationItemGlobalStyles","to","uid","icon","styles","__","default","withChevron","navigation","page","layout","symbol","SidebarNavigationScreenMain","customDescription","useSelect","select","coreStore","getCurrentTheme","is_block_theme","setEditorCanvasContainerView","unlock","useDispatch","editSiteStore","useEffect","undefined","description","isRoot","title","content"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-main/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { layout, symbol, navigation, styles, page } from '@wordpress/icons';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n */\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nexport function MainSidebarNavigationContent( { isBlockBasedTheme = true } ) {\n\treturn (\n\t\t<ItemGroup className=\"edit-site-sidebar-navigation-screen-main\">\n\t\t\t{ isBlockBasedTheme && (\n\t\t\t\t<>\n\t\t\t\t\t<SidebarNavigationItemGlobalStyles\n\t\t\t\t\t\tto=\"/styles\"\n\t\t\t\t\t\tuid=\"global-styles-navigation-item\"\n\t\t\t\t\t\ticon={ styles }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t</SidebarNavigationItemGlobalStyles>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"navigation-navigation-item\"\n\t\t\t\t\t\tto=\"/navigation\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ navigation }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"page-navigation-item\"\n\t\t\t\t\t\tto=\"/page\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ page }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Pages' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\t\tuid=\"template-navigation-item\"\n\t\t\t\t\t\tto=\"/template\"\n\t\t\t\t\t\twithChevron\n\t\t\t\t\t\ticon={ layout }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Templates' ) }\n\t\t\t\t\t</SidebarNavigationItem>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! isBlockBasedTheme && (\n\t\t\t\t<SidebarNavigationItem\n\t\t\t\t\tuid=\"stylebook-navigation-item\"\n\t\t\t\t\tto=\"/stylebook\"\n\t\t\t\t\twithChevron\n\t\t\t\t\ticon={ styles }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t</SidebarNavigationItem>\n\t\t\t) }\n\t\t\t<SidebarNavigationItem\n\t\t\t\tuid=\"patterns-navigation-item\"\n\t\t\t\tto=\"/pattern\"\n\t\t\t\twithChevron\n\t\t\t\ticon={ symbol }\n\t\t\t>\n\t\t\t\t{ __( 'Patterns' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t</ItemGroup>\n\t);\n}\n\nexport default function SidebarNavigationScreenMain( { customDescription } ) {\n\tconst isBlockBasedTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.is_block_theme,\n\t\t[]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\t// Clear the editor canvas container view when accessing the main navigation screen.\n\tuseEffect( () => {\n\t\tsetEditorCanvasContainerView( undefined );\n\t}, [ setEditorCanvasContainerView ] );\n\n\tlet description;\n\tif ( customDescription ) {\n\t\tdescription = customDescription;\n\t} else if ( isBlockBasedTheme ) {\n\t\tdescription = __(\n\t\t\t'Customize the appearance of your website using the block editor.'\n\t\t);\n\t} else {\n\t\tdescription = __(\n\t\t\t'Explore block styles and patterns to refine your site.'\n\t\t);\n\t}\n\n\treturn (\n\t\t<SidebarNavigationScreen\n\t\t\tisRoot\n\t\t\ttitle={ __( 'Design' ) }\n\t\t\tdescription={ description }\n\t\t\tcontent={\n\t\t\t\t<MainSidebarNavigationContent\n\t\t\t\t\tisBlockBasedTheme={ isBlockBasedTheme }\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/global-styles/color-palette-panel.js CHANGED Viewed

@@ -2,15 +2,17 @@
  * WordPress dependencies
  */
 import { useViewportMatch } from '@wordpress/compose';
-import { __experimentalPaletteEdit as PaletteEdit, __experimentalVStack as VStack } from '@wordpress/components';
+import { __experimentalPaletteEdit as PaletteEdit, __experimentalVStack as VStack, Button } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
+import { shuffle } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
 import { unlock } from '../../lock-unlock';
 import ColorVariations from './variations/variations-color';
+import { useColorRandomizer } from './hooks';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const {
   useGlobalSetting
@@ -30,17 +32,27 @@ export default function ColorPalettePanel({
   const [defaultPaletteEnabled] = useGlobalSetting('color.defaultPalette', name);
   const isMobileViewport = useViewportMatch('small', '<');
   const popoverProps = isMobileViewport ? mobilePopoverProps : undefined;
+  const [randomizeThemeColors] = useColorRandomizer();
   return /*#__PURE__*/_jsxs(VStack, {
     className: "edit-site-global-styles-color-palette-panel",
     spacing: 8,
-    children: [!!themeColors && !!themeColors.length && /*#__PURE__*/_jsx(PaletteEdit, {
-      canReset: themeColors !== baseThemeColors,
-      canOnlyChangeValues: true,
-      colors: themeColors,
-      onChange: setThemeColors,
-      paletteLabel: __('Theme'),
-      paletteLabelHeadingLevel: 3,
-      popoverProps: popoverProps
+    children: [/*#__PURE__*/_jsxs(VStack, {
+      spacing: 4,
+      children: [!!themeColors && !!themeColors.length && /*#__PURE__*/_jsx(PaletteEdit, {
+        canReset: themeColors !== baseThemeColors,
+        canOnlyChangeValues: true,
+        colors: themeColors,
+        onChange: setThemeColors,
+        paletteLabel: __('Theme'),
+        paletteLabelHeadingLevel: 3,
+        popoverProps: popoverProps
+      }), window.__experimentalEnableColorRandomizer && themeColors?.length > 0 && /*#__PURE__*/_jsx(Button, {
+        __next40pxDefaultSize: true,
+        variant: "secondary",
+        icon: shuffle,
+        onClick: randomizeThemeColors,
+        children: __('Randomize colors')
+      })]
     }), !!defaultColors && !!defaultColors.length && !!defaultPaletteEnabled && /*#__PURE__*/_jsx(PaletteEdit, {
       canReset: defaultColors !== baseDefaultColors,
       canOnlyChangeValues: true,

package/build-module/components/global-styles/color-palette-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useViewportMatch","__experimentalPaletteEdit","PaletteEdit","__experimentalVStack","VStack","__","privateApis","blockEditorPrivateApis","unlock","ColorVariations","jsx","_jsx","jsxs","_jsxs","useGlobalSetting","mobilePopoverProps","placement","offset","ColorPalettePanel","name","themeColors","setThemeColors","baseThemeColors","defaultColors","setDefaultColors","baseDefaultColors","customColors","setCustomColors","defaultPaletteEnabled","isMobileViewport","popoverProps","undefined","className","spacing","children","length","canReset","canOnlyChangeValues","colors","onChange","paletteLabel","paletteLabelHeadingLevel","slugPrefix","title"],"sources":["@wordpress/edit-site/src/components/global-styles/color-palette-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalPaletteEdit as PaletteEdit,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport ColorVariations from './variations/variations-color';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst mobilePopoverProps = { placement: 'bottom-start', offset: 8 };\n\nexport default function ColorPalettePanel( { name } ) {\n\tconst [ themeColors, setThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname\n\t);\n\tconst [ baseThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ defaultColors, setDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname\n\t);\n\tconst [ baseDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ customColors, setCustomColors ] = useGlobalSetting(\n\t\t'color.palette.custom',\n\t\tname\n\t);\n\n\tconst [ defaultPaletteEnabled ] = useGlobalSetting(\n\t\t'color.defaultPalette',\n\t\tname\n\t);\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst popoverProps = isMobileViewport ? mobilePopoverProps : undefined;\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"edit-site-global-styles-color-palette-panel\"\n\t\t\tspacing={ 8 }\n\t\t>\n\t\t\t{ !! themeColors && !! themeColors.length && (\n\t\t\t\t<PaletteEdit\n\t\t\t\t\tcanReset={ themeColors !== baseThemeColors }\n\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\tcolors={ themeColors }\n\t\t\t\t\tonChange={ setThemeColors }\n\t\t\t\t\tpaletteLabel={ __( 'Theme' ) }\n\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ !! defaultColors &&\n\t\t\t\t!! defaultColors.length &&\n\t\t\t\t!! defaultPaletteEnabled && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ defaultColors !== baseDefaultColors }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tcolors={ defaultColors }\n\t\t\t\t\t\tonChange={ setDefaultColors }\n\t\t\t\t\t\tpaletteLabel={ __( 'Default' ) }\n\t\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t<PaletteEdit\n\t\t\t\tcolors={ customColors }\n\t\t\t\tonChange={ setCustomColors }\n\t\t\t\tpaletteLabel={ __( 'Custom' ) }\n\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\tslugPrefix=\"custom-\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t/>\n\t\t\t<ColorVariations title={ __( 'Palettes' ) } />\n\t\t</VStack>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SACCC,yBAAyB,IAAIC,WAAW,EACxCC,oBAAoB,IAAIC,MAAM,~~QACxB~~,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB~~;;AAE~~/E;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,eAAe,MAAM,+BAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;~~AAE5D~~,MAAM;EAAEC;AAAiB,CAAC,~~GAAGN~~,MAAM,~~CAAED~~,sBAAuB,CAAC;AAC7D,~~MAAMQ~~,kBAAkB,GAAG;EAAEC,SAAS,EAAE,cAAc;EAAEC,MAAM,EAAE;AAAE,CAAC;AAEnE,eAAe,SAASC,iBAAiBA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACrD,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAGP,gBAAgB,CACvD,qBAAqB,EACrBK,IACD,CAAC;EACD,MAAM,CAAEG,eAAe,CAAE,GAAGR,gBAAgB,CAC3C,qBAAqB,EACrBK,IAAI,EACJ,MACD,CAAC;EACD,MAAM,CAAEI,aAAa,EAAEC,gBAAgB,CAAE,GAAGV,gBAAgB,CAC3D,uBAAuB,EACvBK,IACD,CAAC;EACD,MAAM,CAAEM,iBAAiB,CAAE,GAAGX,gBAAgB,CAC7C,uBAAuB,EACvBK,IAAI,EACJ,MACD,CAAC;EACD,MAAM,CAAEO,YAAY,EAAEC,eAAe,CAAE,GAAGb,gBAAgB,CACzD,sBAAsB,EACtBK,IACD,CAAC;EAED,MAAM,CAAES,qBAAqB,CAAE,GAAGd,gBAAgB,CACjD,sBAAsB,EACtBK,IACD,CAAC;EACD,MAAMU,gBAAgB,~~GAAG7B~~,gBAAgB,CAAE,OAAO,EAAE,GAAI,CAAC;EACzD,~~MAAM8B~~,YAAY,GAAGD,gBAAgB,GAAGd,kBAAkB,GAAGgB,SAAS;EAEtE,~~oBACClB~~,KAAA,~~CAACT~~,MAAM;~~IACN4B~~,SAAS,EAAC,6CAA6C;IACvDC,OAAO,EAAG,CAAG;IAAAC,QAAA,~~GAEX~~,CAAC,~~CAAEd~~,WAAW,IAAI,CAAC,CAAEA,WAAW,~~CAACe~~,MAAM,~~iBACxCxB~~,IAAA,~~CAACT~~,WAAW;~~MACXkC~~,QAAQ,~~EAAGhB~~,WAAW,KAAKE,eAAiB;~~MAC5Ce~~,mBAAmB;~~MACnBC~~,MAAM,~~EAAGlB~~,WAAa;~~MACtBmB~~,QAAQ,~~EAAGlB~~,cAAgB;~~MAC3BmB~~,YAAY,~~EAAGnC~~,EAAE,CAAE,OAAQ,CAAG;~~MAC9BoC~~,wBAAwB,EAAG,CAAG;~~MAC9BX~~,YAAY,EAAGA;~~IAAc~~,CAC7B,CACD,~~EACC~~,CAAC,~~CAAEP~~,aAAa,IACjB,CAAC,CAAEA,aAAa,~~CAACY~~,MAAM,IACvB,CAAC,~~CAAEP~~,qBAAqB,iBACvBjB,IAAA,~~CAACT~~,WAAW;~~MACXkC~~,QAAQ,~~EAAGb~~,aAAa,KAAKE,iBAAmB;~~MAChDY~~,mBAAmB;MACnBC,MAAM,~~EAAGf~~,aAAe;~~MACxBgB~~,QAAQ,~~EAAGf~~,gBAAkB;~~MAC7BgB~~,YAAY,~~EAAGnC~~,EAAE,CAAE,SAAU,CAAG;~~MAChCoC~~,wBAAwB,EAAG,CAAG;~~MAC9BX~~,YAAY,EAAGA;IAAc,CAC7B,CACD,eACFnB,IAAA,~~CAACT~~,WAAW;~~MACXoC~~,MAAM,~~EAAGZ~~,YAAc;~~MACvBa~~,QAAQ,~~EAAGZ~~,eAAiB;~~MAC5Ba~~,YAAY,~~EAAGnC~~,EAAE,CAAE,QAAS,CAAG;MAC/~~BoC~~,wBAAwB,EAAG,CAAG;~~MAC9BC~~,UAAU,EAAC,SAAS;~~MACpBZ~~,YAAY,EAAGA;IAAc,CAC7B,CAAC,eACFnB,IAAA,~~CAACF~~,eAAe;~~MAACkC~~,KAAK,~~EAAGtC~~,EAAE,CAAE,UAAW;IAAG,CAAE,CAAC;EAAA,CACvC,CAAC;AAEX","ignoreList":[]}
1	+ {"version":3,"names":["useViewportMatch","__experimentalPaletteEdit","PaletteEdit","__experimentalVStack","VStack","Button","__","privateApis","blockEditorPrivateApis","shuffle","unlock","ColorVariations","useColorRandomizer","jsx","_jsx","jsxs","_jsxs","useGlobalSetting","mobilePopoverProps","placement","offset","ColorPalettePanel","name","themeColors","setThemeColors","baseThemeColors","defaultColors","setDefaultColors","baseDefaultColors","customColors","setCustomColors","defaultPaletteEnabled","isMobileViewport","popoverProps","undefined","randomizeThemeColors","className","spacing","children","length","canReset","canOnlyChangeValues","colors","onChange","paletteLabel","paletteLabelHeadingLevel","window","__experimentalEnableColorRandomizer","__next40pxDefaultSize","variant","icon","onClick","slugPrefix","title"],"sources":["@wordpress/edit-site/src/components/global-styles/color-palette-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalPaletteEdit as PaletteEdit,\n\t__experimentalVStack as VStack,\n\tButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { shuffle } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport ColorVariations from './variations/variations-color';\nimport { useColorRandomizer } from './hooks';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst mobilePopoverProps = { placement: 'bottom-start', offset: 8 };\n\nexport default function ColorPalettePanel( { name } ) {\n\tconst [ themeColors, setThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname\n\t);\n\tconst [ baseThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ defaultColors, setDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname\n\t);\n\tconst [ baseDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ customColors, setCustomColors ] = useGlobalSetting(\n\t\t'color.palette.custom',\n\t\tname\n\t);\n\n\tconst [ defaultPaletteEnabled ] = useGlobalSetting(\n\t\t'color.defaultPalette',\n\t\tname\n\t);\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst popoverProps = isMobileViewport ? mobilePopoverProps : undefined;\n\n\tconst [ randomizeThemeColors ] = useColorRandomizer();\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"edit-site-global-styles-color-palette-panel\"\n\t\t\tspacing={ 8 }\n\t\t>\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t{ !! themeColors && !! themeColors.length && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ themeColors !== baseThemeColors }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tcolors={ themeColors }\n\t\t\t\t\t\tonChange={ setThemeColors }\n\t\t\t\t\t\tpaletteLabel={ __( 'Theme' ) }\n\t\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ window.__experimentalEnableColorRandomizer &&\n\t\t\t\t\tthemeColors?.length > 0 && (\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=\"secondary\"\n\t\t\t\t\t\t\ticon={ shuffle }\n\t\t\t\t\t\t\tonClick={ randomizeThemeColors }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Randomize colors' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t</VStack>\n\t\t\t{ !! defaultColors &&\n\t\t\t\t!! defaultColors.length &&\n\t\t\t\t!! defaultPaletteEnabled && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ defaultColors !== baseDefaultColors }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tcolors={ defaultColors }\n\t\t\t\t\t\tonChange={ setDefaultColors }\n\t\t\t\t\t\tpaletteLabel={ __( 'Default' ) }\n\t\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t<PaletteEdit\n\t\t\t\tcolors={ customColors }\n\t\t\t\tonChange={ setCustomColors }\n\t\t\t\tpaletteLabel={ __( 'Custom' ) }\n\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\tslugPrefix=\"custom-\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t/>\n\t\t\t<ColorVariations title={ __( 'Palettes' ) } />\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/global-styles/font-library-modal/font-collection.js CHANGED Viewed

@@ -256,7 +256,7 @@ function FontCollection({
           }), /*#__PURE__*/_jsx(Spacer, {
             margin: 4
           }), !!selectedCollection?.font_families?.length && !fonts.length && /*#__PURE__*/_jsx(Text, {
-            children: __('No fonts found. Try with a different search term')
+            children: __('No fonts found. Try with a different search term.')
           }), /*#__PURE__*/_jsx("div", {
             className: "font-library-modal__fonts-grid__main",
             children: /*#__PURE__*/_jsx("ul", {