@wordpress/edit-site 6.33.3-next.36001005c.0 → 6.34.0

package/build/components/global-styles/variations/variations-color.js

@@ -1,61 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var variations_color_exports = {};
-__export(variations_color_exports, {
-  default: () => ColorVariations
-});
-module.exports = __toCommonJS(variations_color_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_components = require("@wordpress/components");
-var import_preview_colors = __toESM(require("../preview-colors"));
-var import_use_theme_style_variations_by_property = require("../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property");
-var import_subtitle = __toESM(require("../subtitle"));
-var import_variation = __toESM(require("./variation"));
-function ColorVariations({ title, gap = 2 }) {
-  const propertiesToFilter = ["color"];
-  const colorVariations = (0, import_use_theme_style_variations_by_property.useCurrentMergeThemeStyleVariationsWithUserConfig)(propertiesToFilter);
-  if (colorVariations?.length <= 1) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 3, children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_subtitle.default, { level: 3, children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalGrid, { spacing: gap, children: colorVariations.map((variation, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_variation.default,
-      {
-        variation,
-        isPill: true,
-        properties: propertiesToFilter,
-        showTooltip: true,
-        children: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_preview_colors.default, {})
-      },
-      index
-    )) })
-  ] });
-}
-//# sourceMappingURL=variations-color.js.map

package/build/components/global-styles/variations/variations-color.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/global-styles/variations/variations-color.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport StylesPreviewColors from '../preview-colors';\nimport { useCurrentMergeThemeStyleVariationsWithUserConfig } from '../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport Subtitle from '../subtitle';\nimport Variation from './variation';\n\nexport default function ColorVariations( { title, gap = 2 } ) {\n\tconst propertiesToFilter = [ 'color' ];\n\tconst colorVariations =\n\t\tuseCurrentMergeThemeStyleVariationsWithUserConfig( propertiesToFilter );\n\n\t// Return null if there is only one variation (the default).\n\tif ( colorVariations?.length <= 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t{ title && <Subtitle level={ 3 }>{ title }</Subtitle> }\n\t\t\t<Grid spacing={ gap }>\n\t\t\t\t{ colorVariations.map( ( variation, index ) => (\n\t\t\t\t\t<Variation\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\tisPill\n\t\t\t\t\t\tproperties={ propertiesToFilter }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t>\n\t\t\t\t\t\t{ () => <StylesPreviewColors /> }\n\t\t\t\t\t</Variation>\n\t\t\t\t) ) }\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BE;AAxBF,wBAGO;AAKP,4BAAgC;AAChC,oDAAkE;AAClE,sBAAqB;AACrB,uBAAsB;AAEP,SAAR,gBAAkC,EAAE,OAAO,MAAM,EAAE,GAAI;AAC7D,QAAM,qBAAqB,CAAE,OAAQ;AACrC,QAAM,sBACL,iGAAmD,kBAAmB;AAGvE,MAAK,iBAAiB,UAAU,GAAI;AACnC,WAAO;AAAA,EACR;AAEA,SACC,6CAAC,kBAAAA,sBAAA,EAAO,SAAU,GACf;AAAA,aAAS,4CAAC,gBAAAC,SAAA,EAAS,OAAQ,GAAM,iBAAO;AAAA,IAC1C,4CAAC,kBAAAC,oBAAA,EAAK,SAAU,KACb,0BAAgB,IAAK,CAAE,WAAW,UACnC;AAAA,MAAC,iBAAAC;AAAA,MAAA;AAAA,QAEA;AAAA,QACA,QAAM;AAAA,QACN,YAAa;AAAA,QACb,aAAW;AAAA,QAET,gBAAM,4CAAC,sBAAAC,SAAA,EAAoB;AAAA;AAAA,MANvB;AAAA,IAOP,CACC,GACH;AAAA,KACD;AAEF;",
-  "names": ["VStack", "Subtitle", "Grid", "Variation", "StylesPreviewColors"]
-}

package/build/components/global-styles/variations/variations-panel.js

@@ -1,71 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var variations_panel_exports = {};
-__export(variations_panel_exports, {
-  VariationsPanel: () => VariationsPanel,
-  useBlockVariations: () => useBlockVariations
-});
-module.exports = __toCommonJS(variations_panel_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_blocks = require("@wordpress/blocks");
-var import_block_editor = require("@wordpress/block-editor");
-var import_data = require("@wordpress/data");
-var import_components = require("@wordpress/components");
-var import_navigation_button = require("../navigation-button");
-var import_lock_unlock = require("../../../lock-unlock");
-const { useGlobalStyle } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
-function getFilteredBlockStyles(blockStyles, variations) {
-  return blockStyles?.filter(
-    (style) => style.source === "block" || variations.includes(style.name)
-  );
-}
-function useBlockVariations(name) {
-  const blockStyles = (0, import_data.useSelect)(
-    (select) => {
-      const { getBlockStyles } = select(import_blocks.store);
-      return getBlockStyles(name);
-    },
-    [name]
-  );
-  const [variations] = useGlobalStyle("variations", name);
-  const variationNames = Object.keys(variations ?? {});
-  return getFilteredBlockStyles(blockStyles, variationNames);
-}
-function VariationsPanel({ name }) {
-  const coreBlockStyles = useBlockVariations(name);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalItemGroup, { isBordered: true, isSeparated: true, children: coreBlockStyles.map((style, index) => {
-    if (style?.isDefault) {
-      return null;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_navigation_button.NavigationButtonAsItem,
-      {
-        path: "/blocks/" + encodeURIComponent(name) + "/variations/" + encodeURIComponent(style.name),
-        children: style.label
-      },
-      index
-    );
-  }) });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  VariationsPanel,
-  useBlockVariations
-});
-//# sourceMappingURL=variations-panel.js.map

package/build/components/global-styles/variations/variations-panel.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/global-styles/variations/variations-panel.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { NavigationButtonAsItem } from '../navigation-button';\nimport { unlock } from '../../../lock-unlock';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\n// Only core block styles (source === block) or block styles with a matching\n// theme.json style variation will be configurable via Global Styles.\nfunction getFilteredBlockStyles( blockStyles, variations ) {\n\treturn blockStyles?.filter(\n\t\t( style ) =>\n\t\t\tstyle.source === 'block' || variations.includes( style.name )\n\t);\n}\n\nexport function useBlockVariations( name ) {\n\tconst blockStyles = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\treturn getBlockStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\tconst [ variations ] = useGlobalStyle( 'variations', name );\n\tconst variationNames = Object.keys( variations ?? {} );\n\n\treturn getFilteredBlockStyles( blockStyles, variationNames );\n}\n\nexport function VariationsPanel( { name } ) {\n\tconst coreBlockStyles = useBlockVariations( name );\n\n\treturn (\n\t\t<ItemGroup isBordered isSeparated>\n\t\t\t{ coreBlockStyles.map( ( style, index ) => {\n\t\t\t\tif ( style?.isDefault ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tpath={\n\t\t\t\t\t\t\t'/blocks/' +\n\t\t\t\t\t\t\tencodeURIComponent( name ) +\n\t\t\t\t\t\t\t'/variations/' +\n\t\t\t\t\t\t\tencodeURIComponent( style.name )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{ style.label }\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ItemGroup>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiDK;AA9CL,oBAAqC;AACrC,0BAAsD;AACtD,kBAA0B;AAC1B,wBAAqD;AAKrD,+BAAuC;AACvC,yBAAuB;AAEvB,MAAM,EAAE,eAAe,QAAI,2BAAQ,oBAAAA,WAAuB;AAI1D,SAAS,uBAAwB,aAAa,YAAa;AAC1D,SAAO,aAAa;AAAA,IACnB,CAAE,UACD,MAAM,WAAW,WAAW,WAAW,SAAU,MAAM,IAAK;AAAA,EAC9D;AACD;AAEO,SAAS,mBAAoB,MAAO;AAC1C,QAAM,kBAAc;AAAA,IACnB,CAAE,WAAY;AACb,YAAM,EAAE,eAAe,IAAI,OAAQ,cAAAC,KAAY;AAC/C,aAAO,eAAgB,IAAK;AAAA,IAC7B;AAAA,IACA,CAAE,IAAK;AAAA,EACR;AACA,QAAM,CAAE,UAAW,IAAI,eAAgB,cAAc,IAAK;AAC1D,QAAM,iBAAiB,OAAO,KAAM,cAAc,CAAC,CAAE;AAErD,SAAO,uBAAwB,aAAa,cAAe;AAC5D;AAEO,SAAS,gBAAiB,EAAE,KAAK,GAAI;AAC3C,QAAM,kBAAkB,mBAAoB,IAAK;AAEjD,SACC,4CAAC,kBAAAC,yBAAA,EAAU,YAAU,MAAC,aAAW,MAC9B,0BAAgB,IAAK,CAAE,OAAO,UAAW;AAC1C,QAAK,OAAO,WAAY;AACvB,aAAO;AAAA,IACR;AACA,WACC;AAAA,MAAC;AAAA;AAAA,QAEA,MACC,aACA,mBAAoB,IAAK,IACzB,iBACA,mBAAoB,MAAM,IAAK;AAAA,QAG9B,gBAAM;AAAA;AAAA,MARF;AAAA,IASP;AAAA,EAEF,CAAE,GACH;AAEF;",
-  "names": ["blockEditorPrivateApis", "blocksStore", "ItemGroup"]
-}

package/build/components/global-styles/variations/variations-typography.js

@@ -1,75 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var variations_typography_exports = {};
-__export(variations_typography_exports, {
-  default: () => TypographyVariations
-});
-module.exports = __toCommonJS(variations_typography_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_components = require("@wordpress/components");
-var import_preview_typography = __toESM(require("../preview-typography"));
-var import_use_theme_style_variations_by_property = require("../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property");
-var import_subtitle = __toESM(require("../subtitle"));
-var import_variation = __toESM(require("./variation"));
-function TypographyVariations({ title, gap = 2 }) {
-  const propertiesToFilter = ["typography"];
-  const typographyVariations = (0, import_use_theme_style_variations_by_property.useCurrentMergeThemeStyleVariationsWithUserConfig)(propertiesToFilter);
-  if (typographyVariations?.length <= 1) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 3, children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_subtitle.default, { level: 3, children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_components.__experimentalGrid,
-      {
-        columns: 3,
-        gap,
-        className: "edit-site-global-styles-style-variations-container",
-        children: typographyVariations.map((variation, index) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_variation.default,
-            {
-              variation,
-              properties: propertiesToFilter,
-              showTooltip: true,
-              children: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_preview_typography.default,
-                {
-                  variation
-                }
-              )
-            },
-            index
-          );
-        })
-      }
-    )
-  ] });
-}
-//# sourceMappingURL=variations-typography.js.map

package/build/components/global-styles/variations/variations-typography.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/global-styles/variations/variations-typography.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport StylesPreviewTypography from '../preview-typography';\nimport { useCurrentMergeThemeStyleVariationsWithUserConfig } from '../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport Subtitle from '../subtitle';\nimport Variation from './variation';\n\nexport default function TypographyVariations( { title, gap = 2 } ) {\n\tconst propertiesToFilter = [ 'typography' ];\n\tconst typographyVariations =\n\t\tuseCurrentMergeThemeStyleVariationsWithUserConfig( propertiesToFilter );\n\n\t// Return null if there is only one variation (the default).\n\tif ( typographyVariations?.length <= 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t{ title && <Subtitle level={ 3 }>{ title }</Subtitle> }\n\t\t\t<Grid\n\t\t\t\tcolumns={ 3 }\n\t\t\t\tgap={ gap }\n\t\t\t\tclassName=\"edit-site-global-styles-style-variations-container\"\n\t\t\t>\n\t\t\t\t{ typographyVariations.map( ( variation, index ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Variation\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t\tproperties={ propertiesToFilter }\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ () => (\n\t\t\t\t\t\t\t\t<StylesPreviewTypography\n\t\t\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Variation>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BE;AAxBF,wBAGO;AAKP,gCAAoC;AACpC,oDAAkE;AAClE,sBAAqB;AACrB,uBAAsB;AAEP,SAAR,qBAAuC,EAAE,OAAO,MAAM,EAAE,GAAI;AAClE,QAAM,qBAAqB,CAAE,YAAa;AAC1C,QAAM,2BACL,iGAAmD,kBAAmB;AAGvE,MAAK,sBAAsB,UAAU,GAAI;AACxC,WAAO;AAAA,EACR;AAEA,SACC,6CAAC,kBAAAA,sBAAA,EAAO,SAAU,GACf;AAAA,aAAS,4CAAC,gBAAAC,SAAA,EAAS,OAAQ,GAAM,iBAAO;AAAA,IAC1C;AAAA,MAAC,kBAAAC;AAAA,MAAA;AAAA,QACA,SAAU;AAAA,QACV;AAAA,QACA,WAAU;AAAA,QAER,+BAAqB,IAAK,CAAE,WAAW,UAAW;AACnD,iBACC;AAAA,YAAC,iBAAAC;AAAA,YAAA;AAAA,cAEA;AAAA,cACA,YAAa;AAAA,cACb,aAAW;AAAA,cAET,gBACD;AAAA,gBAAC,0BAAAC;AAAA,gBAAA;AAAA,kBACA;AAAA;AAAA,cACD;AAAA;AAAA,YARK;AAAA,UAUP;AAAA,QAEF,CAAE;AAAA;AAAA,IACH;AAAA,KACD;AAEF;",
-  "names": ["VStack", "Subtitle", "Grid", "Variation", "StylesPreviewTypography"]
-}

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

@@ -1,55 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var global_styles_renderer_exports = {};
-__export(global_styles_renderer_exports, {
-  GlobalStylesRenderer: () => GlobalStylesRenderer
-});
-module.exports = __toCommonJS(global_styles_renderer_exports);
-var import_element = require("@wordpress/element");
-var import_data = require("@wordpress/data");
-var import_store = require("../../store");
-var import_use_global_styles_output = require("../../hooks/use-global-styles-output");
-function useGlobalStylesRenderer(disableRootPadding) {
-  const [styles, settings] = (0, import_use_global_styles_output.useGlobalStylesOutput)(disableRootPadding);
-  const { getSettings } = (0, import_data.useSelect)(import_store.store);
-  const { updateSettings } = (0, import_data.useDispatch)(import_store.store);
-  (0, import_element.useEffect)(() => {
-    if (!styles || !settings) {
-      return;
-    }
-    const currentStoreSettings = getSettings();
-    const nonGlobalStyles = Object.values(
-      currentStoreSettings.styles ?? []
-    ).filter((style) => !style.isGlobalStyles);
-    updateSettings({
-      ...currentStoreSettings,
-      styles: [...nonGlobalStyles, ...styles],
-      __experimentalFeatures: settings
-    });
-  }, [styles, settings, updateSettings, getSettings]);
-}
-function GlobalStylesRenderer({ disableRootPadding }) {
-  useGlobalStylesRenderer(disableRootPadding);
-  return null;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  GlobalStylesRenderer
-});
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles-renderer/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { useGlobalStylesOutput } from '../../hooks/use-global-styles-output';\n\nfunction useGlobalStylesRenderer( disableRootPadding ) {\n\tconst [ styles, settings ] = useGlobalStylesOutput( disableRootPadding );\n\tconst { getSettings } = useSelect( editSiteStore );\n\tconst { updateSettings } = useDispatch( editSiteStore );\n\n\tuseEffect( () => {\n\t\tif ( ! styles || ! settings ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentStoreSettings = getSettings();\n\t\tconst nonGlobalStyles = Object.values(\n\t\t\tcurrentStoreSettings.styles ?? []\n\t\t).filter( ( style ) => ! style.isGlobalStyles );\n\t\tupdateSettings( {\n\t\t\t...currentStoreSettings,\n\t\t\tstyles: [ ...nonGlobalStyles, ...styles ],\n\t\t\t__experimentalFeatures: settings,\n\t\t} );\n\t}, [ styles, settings, updateSettings, getSettings ] );\n}\n\nexport function GlobalStylesRenderer( { disableRootPadding } ) {\n\tuseGlobalStylesRenderer( disableRootPadding );\n\n\treturn null;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0B;AAC1B,kBAAuC;AAKvC,mBAAuC;AACvC,sCAAsC;AAEtC,SAAS,wBAAyB,oBAAqB;AACtD,QAAM,CAAE,QAAQ,QAAS,QAAI,uDAAuB,kBAAmB;AACvE,QAAM,EAAE,YAAY,QAAI,uBAAW,aAAAA,KAAc;AACjD,QAAM,EAAE,eAAe,QAAI,yBAAa,aAAAA,KAAc;AAEtD,gCAAW,MAAM;AAChB,QAAK,CAAE,UAAU,CAAE,UAAW;AAC7B;AAAA,IACD;AAEA,UAAM,uBAAuB,YAAY;AACzC,UAAM,kBAAkB,OAAO;AAAA,MAC9B,qBAAqB,UAAU,CAAC;AAAA,IACjC,EAAE,OAAQ,CAAE,UAAW,CAAE,MAAM,cAAe;AAC9C,mBAAgB;AAAA,MACf,GAAG;AAAA,MACH,QAAQ,CAAE,GAAG,iBAAiB,GAAG,MAAO;AAAA,MACxC,wBAAwB;AAAA,IACzB,CAAE;AAAA,EACH,GAAG,CAAE,QAAQ,UAAU,gBAAgB,WAAY,CAAE;AACtD;AAEO,SAAS,qBAAsB,EAAE,mBAAmB,GAAI;AAC9D,0BAAyB,kBAAmB;AAE5C,SAAO;AACR;",
-  "names": ["editSiteStore"]
-}

package/build/components/global-styles-sidebar/default-sidebar.js

@@ -1,68 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var default_sidebar_exports = {};
-__export(default_sidebar_exports, {
-  default: () => DefaultSidebar
-});
-module.exports = __toCommonJS(default_sidebar_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_editor = require("@wordpress/editor");
-var import_lock_unlock = require("../../lock-unlock");
-const { ComplementaryArea, ComplementaryAreaMoreMenuItem } = (0, import_lock_unlock.unlock)(import_editor.privateApis);
-function DefaultSidebar({
-  className,
-  identifier,
-  title,
-  icon,
-  children,
-  closeLabel,
-  header,
-  headerClassName,
-  panelClassName,
-  isActiveByDefault
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      ComplementaryArea,
-      {
-        className,
-        scope: "core",
-        identifier,
-        title,
-        icon,
-        closeLabel,
-        header,
-        headerClassName,
-        panelClassName,
-        isActiveByDefault,
-        children
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      ComplementaryAreaMoreMenuItem,
-      {
-        scope: "core",
-        identifier,
-        icon,
-        children: title
-      }
-    )
-  ] });
-}
-//# sourceMappingURL=default-sidebar.js.map

package/build/components/global-styles-sidebar/default-sidebar.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles-sidebar/default-sidebar.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { ComplementaryArea, ComplementaryAreaMoreMenuItem } =\n\tunlock( editorPrivateApis );\n\nexport default function DefaultSidebar( {\n\tclassName,\n\tidentifier,\n\ttitle,\n\ticon,\n\tchildren,\n\tcloseLabel,\n\theader,\n\theaderClassName,\n\tpanelClassName,\n\tisActiveByDefault,\n} ) {\n\treturn (\n\t\t<>\n\t\t\t<ComplementaryArea\n\t\t\t\tclassName={ className }\n\t\t\t\tscope=\"core\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ttitle={ title }\n\t\t\t\ticon={ icon }\n\t\t\t\tcloseLabel={ closeLabel }\n\t\t\t\theader={ header }\n\t\t\t\theaderClassName={ headerClassName }\n\t\t\t\tpanelClassName={ panelClassName }\n\t\t\t\tisActiveByDefault={ isActiveByDefault }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</ComplementaryArea>\n\t\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t\tscope=\"core\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ticon={ icon }\n\t\t\t>\n\t\t\t\t{ title }\n\t\t\t</ComplementaryAreaMoreMenuItem>\n\t\t</>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BE;AAvBF,oBAAiD;AAKjD,yBAAuB;AAEvB,MAAM,EAAE,mBAAmB,8BAA8B,QACxD,2BAAQ,cAAAA,WAAkB;AAEZ,SAAR,eAAiC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,SACC,4EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,OAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEE;AAAA;AAAA,IACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA,OAAM;AAAA,QACN;AAAA,QACA;AAAA,QAEE;AAAA;AAAA,IACH;AAAA,KACD;AAEF;",
-  "names": ["editorPrivateApis"]
-}

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

@@ -1,202 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var global_styles_sidebar_exports = {};
-__export(global_styles_sidebar_exports, {
-  default: () => GlobalStylesSidebar
-});
-module.exports = __toCommonJS(global_styles_sidebar_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_components = require("@wordpress/components");
-var import_i18n = require("@wordpress/i18n");
-var import_icons = require("@wordpress/icons");
-var import_data = require("@wordpress/data");
-var import_element = require("@wordpress/element");
-var import_preferences = require("@wordpress/preferences");
-var import_editor = require("@wordpress/editor");
-var import_compose = require("@wordpress/compose");
-var import_router = require("@wordpress/router");
-var import_global_styles = require("../global-styles");
-var import_store = require("../../store");
-var import_ui = require("../global-styles/ui");
-var import_lock_unlock = require("../../lock-unlock");
-var import_core_data = require("@wordpress/core-data");
-var import_default_sidebar = __toESM(require("./default-sidebar"));
-const { interfaceStore } = (0, import_lock_unlock.unlock)(import_editor.privateApis);
-const { useLocation } = (0, import_lock_unlock.unlock)(import_router.privateApis);
-function GlobalStylesSidebar() {
-  const { query } = useLocation();
-  const { canvas = "view", name } = query;
-  const {
-    shouldClearCanvasContainerView,
-    isStyleBookOpened,
-    showListViewByDefault,
-    hasRevisions,
-    isRevisionsOpened,
-    isRevisionsStyleBookOpened
-  } = (0, import_data.useSelect)(
-    (select) => {
-      const { getActiveComplementaryArea: getActiveComplementaryArea2 } = select(interfaceStore);
-      const { getEditorCanvasContainerView } = (0, import_lock_unlock.unlock)(
-        select(import_store.store)
-      );
-      const canvasContainerView = getEditorCanvasContainerView();
-      const _isVisualEditorMode = "visual" === select(import_editor.store).getEditorMode();
-      const _isEditCanvasMode = "edit" === canvas;
-      const _showListViewByDefault = select(import_preferences.store).get(
-        "core",
-        "showListViewByDefault"
-      );
-      const { getEntityRecord, __experimentalGetCurrentGlobalStylesId } = select(import_core_data.store);
-      const globalStylesId = __experimentalGetCurrentGlobalStylesId();
-      const globalStyles = globalStylesId ? getEntityRecord("root", "globalStyles", globalStylesId) : void 0;
-      return {
-        isStyleBookOpened: "style-book" === canvasContainerView,
-        shouldClearCanvasContainerView: "edit-site/global-styles" !== getActiveComplementaryArea2("core") || !_isVisualEditorMode || !_isEditCanvasMode,
-        showListViewByDefault: _showListViewByDefault,
-        hasRevisions: !!globalStyles?._links?.["version-history"]?.[0]?.count,
-        isRevisionsStyleBookOpened: "global-styles-revisions:style-book" === canvasContainerView,
-        isRevisionsOpened: "global-styles-revisions" === canvasContainerView
-      };
-    },
-    [canvas]
-  );
-  const { setEditorCanvasContainerView } = (0, import_lock_unlock.unlock)(
-    (0, import_data.useDispatch)(import_store.store)
-  );
-  const isMobileViewport = (0, import_compose.useViewportMatch)("medium", "<");
-  (0, import_element.useEffect)(() => {
-    if (shouldClearCanvasContainerView) {
-      setEditorCanvasContainerView(void 0);
-    }
-  }, [shouldClearCanvasContainerView, setEditorCanvasContainerView]);
-  const { setIsListViewOpened } = (0, import_data.useDispatch)(import_editor.store);
-  const toggleRevisions = () => {
-    setIsListViewOpened(false);
-    if (isRevisionsStyleBookOpened) {
-      setEditorCanvasContainerView("style-book");
-      return;
-    }
-    if (isRevisionsOpened) {
-      setEditorCanvasContainerView(void 0);
-      return;
-    }
-    if (isStyleBookOpened) {
-      setEditorCanvasContainerView(
-        "global-styles-revisions:style-book"
-      );
-    } else {
-      setEditorCanvasContainerView("global-styles-revisions");
-    }
-  };
-  const toggleStyleBook = () => {
-    if (isRevisionsOpened) {
-      setEditorCanvasContainerView(
-        "global-styles-revisions:style-book"
-      );
-      return;
-    }
-    if (isRevisionsStyleBookOpened) {
-      setEditorCanvasContainerView("global-styles-revisions");
-      return;
-    }
-    setIsListViewOpened(isStyleBookOpened && showListViewByDefault);
-    setEditorCanvasContainerView(
-      isStyleBookOpened ? void 0 : "style-book"
-    );
-  };
-  const { getActiveComplementaryArea } = (0, import_data.useSelect)(interfaceStore);
-  const { enableComplementaryArea } = (0, import_data.useDispatch)(interfaceStore);
-  const previousActiveAreaRef = (0, import_element.useRef)(null);
-  (0, import_element.useEffect)(() => {
-    if (name === "styles" && canvas === "edit") {
-      previousActiveAreaRef.current = getActiveComplementaryArea("core");
-      enableComplementaryArea("core", "edit-site/global-styles");
-    } else if (previousActiveAreaRef.current) {
-      enableComplementaryArea("core", previousActiveAreaRef.current);
-    }
-  }, [name, enableComplementaryArea, canvas, getActiveComplementaryArea]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_default_sidebar.default,
-    {
-      className: "edit-site-global-styles-sidebar",
-      identifier: "edit-site/global-styles",
-      title: (0, import_i18n.__)("Styles"),
-      icon: import_icons.styles,
-      closeLabel: (0, import_i18n.__)("Close Styles"),
-      panelClassName: "edit-site-global-styles-sidebar__panel",
-      header: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        import_components.Flex,
-        {
-          className: "edit-site-global-styles-sidebar__header",
-          gap: 1,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "edit-site-global-styles-sidebar__header-title", children: (0, import_i18n.__)("Styles") }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-              import_components.Flex,
-              {
-                justify: "flex-end",
-                gap: 1,
-                className: "edit-site-global-styles-sidebar__header-actions",
-                children: [
-                  !isMobileViewport && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_components.Button,
-                    {
-                      icon: import_icons.seen,
-                      label: (0, import_i18n.__)("Style Book"),
-                      isPressed: isStyleBookOpened || isRevisionsStyleBookOpened,
-                      accessibleWhenDisabled: true,
-                      disabled: shouldClearCanvasContainerView,
-                      onClick: toggleStyleBook,
-                      size: "compact"
-                    }
-                  ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_components.Button,
-                    {
-                      label: (0, import_i18n.__)("Revisions"),
-                      icon: import_icons.backup,
-                      onClick: toggleRevisions,
-                      accessibleWhenDisabled: true,
-                      disabled: !hasRevisions,
-                      isPressed: isRevisionsOpened || isRevisionsStyleBookOpened,
-                      size: "compact"
-                    }
-                  ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.GlobalStylesMenuSlot, {})
-                ]
-              }
-            )
-          ]
-        }
-      ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_global_styles.GlobalStylesUI, {})
-    }
-  );
-}
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles-sidebar/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { FlexItem, Flex, Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles, seen, backup } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { GlobalStylesUI } from '../global-styles';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesMenuSlot } from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\nimport { store as coreStore } from '@wordpress/core-data';\nimport DefaultSidebar from './default-sidebar';\n\nconst { interfaceStore } = unlock( editorPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function GlobalStylesSidebar() {\n\tconst { query } = useLocation();\n\tconst { canvas = 'view', name } = query;\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t\thasRevisions,\n\t\tisRevisionsOpened,\n\t\tisRevisionsStyleBookOpened,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\t\tconst { getEditorCanvasContainerView } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst canvasContainerView = getEditorCanvasContainerView();\n\t\t\tconst _isVisualEditorMode =\n\t\t\t\t'visual' === select( editorStore ).getEditorMode();\n\t\t\tconst _isEditCanvasMode = 'edit' === canvas;\n\t\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showListViewByDefault'\n\t\t\t);\n\t\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\t\tselect( coreStore );\n\n\t\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\t\tconst globalStyles = globalStylesId\n\t\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t\t: undefined;\n\n\t\t\treturn {\n\t\t\t\tisStyleBookOpened: 'style-book' === canvasContainerView,\n\t\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\t\tgetActiveComplementaryArea( 'core' ) ||\n\t\t\t\t\t! _isVisualEditorMode ||\n\t\t\t\t\t! _isEditCanvasMode,\n\t\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\t\thasRevisions:\n\t\t\t\t\t!! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]\n\t\t\t\t\t\t?.count,\n\t\t\t\tisRevisionsStyleBookOpened:\n\t\t\t\t\t'global-styles-revisions:style-book' ===\n\t\t\t\t\tcanvasContainerView,\n\t\t\t\tisRevisionsOpened:\n\t\t\t\t\t'global-styles-revisions' === canvasContainerView,\n\t\t\t};\n\t\t},\n\t\t[ canvas ]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView, setEditorCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\n\tconst toggleRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t} else {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t}\n\t};\n\tconst toggleStyleBook = () => {\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t\treturn;\n\t\t}\n\t\tsetIsListViewOpened( isStyleBookOpened && showListViewByDefault );\n\t\tsetEditorCanvasContainerView(\n\t\t\tisStyleBookOpened ? undefined : 'style-book'\n\t\t);\n\t};\n\n\tconst { getActiveComplementaryArea } = useSelect( interfaceStore );\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\tconst previousActiveAreaRef = useRef( null );\n\n\tuseEffect( () => {\n\t\tif ( name === 'styles' && canvas === 'edit' ) {\n\t\t\tpreviousActiveAreaRef.current =\n\t\t\t\tgetActiveComplementaryArea( 'core' );\n\t\t\tenableComplementaryArea( 'core', 'edit-site/global-styles' );\n\t\t} else if ( previousActiveAreaRef.current ) {\n\t\t\tenableComplementaryArea( 'core', previousActiveAreaRef.current );\n\t\t}\n\t}, [ name, enableComplementaryArea, canvas, getActiveComplementaryArea ] );\n\n\treturn (\n\t\t<DefaultSidebar\n\t\t\tclassName=\"edit-site-global-styles-sidebar\"\n\t\t\tidentifier=\"edit-site/global-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t\ticon={ styles }\n\t\t\tcloseLabel={ __( 'Close Styles' ) }\n\t\t\tpanelClassName=\"edit-site-global-styles-sidebar__panel\"\n\t\t\theader={\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header\"\n\t\t\t\t\tgap={ 1 }\n\t\t\t\t>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<h2 className=\"edit-site-global-styles-sidebar__header-title\">\n\t\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<Flex\n\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\tgap={ 1 }\n\t\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header-actions\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isMobileViewport && (\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\t\t\tisStyleBookOpened ||\n\t\t\t\t\t\t\t\t\t\tisRevisionsStyleBookOpened\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\t\t\tonClick={ toggleStyleBook }\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t\t\t\tonClick={ toggleRevisions }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\tdisabled={ ! hasRevisions }\n\t\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\t\tisRevisionsOpened ||\n\t\t\t\t\t\t\t\t\tisRevisionsStyleBookOpened\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t<GlobalStylesMenuSlot />\n\t\t\t\t\t</Flex>\n\t\t\t\t</Flex>\n\t\t\t}\n\t\t>\n\t\t\t<GlobalStylesUI />\n\t\t</DefaultSidebar>\n\t);\n}\n"],
-  "mappings": "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",
-  "names": ["editorPrivateApis", "routerPrivateApis", "getActiveComplementaryArea", "editSiteStore", "editorStore", "preferencesStore", "coreStore", "DefaultSidebar"]
-}