@wordpress/edit-site 5.35.0 → 6.0.1

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

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ColorVariations;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _previewColors = _interopRequireDefault(require("../preview-colors"));
 var _hooks = require("../hooks");
 var _subtitle = _interopRequireDefault(require("../subtitle"));
 var _variation = _interopRequireDefault(require("./variation"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -24,19 +24,24 @@ function ColorVariations({
   gap = 2
 }) {
   const colorVariations = (0, _hooks.useColorVariations)();
-  if (!colorVariations?.length) {
+
+  // Return null if there is only one variation (the default).
+  if (colorVariations?.length <= 1) {
     return null;
   }
-  return (0, _react.createElement)(_components.__experimentalVStack, {
-    spacing: 3
-  }, title && (0, _react.createElement)(_subtitle.default, {
-    level: 3
-  }, title), (0, _react.createElement)(_components.__experimentalVStack, {
-    spacing: gap
-  }, colorVariations.map((variation, index) => (0, _react.createElement)(_variation.default, {
-    key: index,
-    variation: variation,
-    isPill: true
-  }, () => (0, _react.createElement)(_previewColors.default, null)))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+    spacing: 3,
+    children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
+      level: 3,
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalGrid, {
+      spacing: gap,
+      children: colorVariations.map((variation, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_variation.default, {
+        variation: variation,
+        isPill: true,
+        children: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_previewColors.default, {})
+      }, index))
+    })]
+  });
 }
 //# sourceMappingURL=variations-color.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_previewColors","_interopRequireDefault","_hooks","_subtitle","_variation","ColorVariations","title","gap","colorVariations","useColorVariations","length","_react","createElement","__experimentalVStack","spacing","default","level","map","variation","index","key","isPill"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variations-color.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalVStack as VStack } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport StylesPreviewColors from '../preview-colors';\nimport { useColorVariations } from '../hooks';\nimport Subtitle from '../subtitle';\nimport Variation from './variation';\n\nexport default function ColorVariations( { title, gap = 2 } ) {\n\tconst colorVariations = useColorVariations();\n\n\tif ( ! colorVariations?.length ) {\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<VStack spacing={ gap }>\n\t\t\t\t{ colorVariations.map( ( variation, index ) => (\n\t\t\t\t\t<Variation key={ index } variation={ variation } isPill>\n\t\t\t\t\t\t{ () => <StylesPreviewColors /> }\n\t\t\t\t\t</Variation>\n\t\t\t\t) ) }\n\t\t\t</VStack>\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,cAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,UAAA,GAAAH,sBAAA,CAAAF,OAAA;AAXA;AACA;AACA;;AAGA;AACA;AACA;;AAMe,SAASM,eAAeA,CAAE;EAAEC,KAAK;EAAEC,GAAG,GAAG;AAAE,CAAC,EAAG;EAC7D,MAAMC,eAAe,GAAG,IAAAC,yBAAkB,EAAC,CAAC;EAE5C,IAAK,CAAED,eAAe,EAAEE,MAAM,EAAG;IAChC,OAAO,IAAI;EACZ;EAEA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACd,WAAA,CAAAe,oBAAM;IAACC,OAAO,EAAG;EAAG,GAClBR,KAAK,IAAI,IAAAK,MAAA,CAAAC,aAAA,EAACT,SAAA,CAAAY,OAAQ;IAACC,KAAK,EAAG;EAAG,GAAGV,KAAiB,CAAC,EACrD,IAAAK,MAAA,CAAAC,aAAA,EAACd,WAAA,CAAAe,oBAAM;IAACC,OAAO,EAAGP;EAAK,GACpBC,eAAe,CAACS,GAAG,CAAE,CAAEC,SAAS,EAAEC,KAAK,KACxC,IAAAR,MAAA,CAAAC,aAAA,EAACR,UAAA,CAAAW,OAAS;IAACK,GAAG,EAAGD,KAAO;IAACD,SAAS,EAAGA,SAAW;IAACG,MAAM;EAAA,GACpD,MAAM,IAAAV,MAAA,CAAAC,aAAA,EAACZ,cAAA,CAAAe,OAAmB,MAAE,CACpB,CACV,CACK,CACD,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["_components","require","_previewColors","_interopRequireDefault","_hooks","_subtitle","_variation","_jsxRuntime","ColorVariations","title","gap","colorVariations","useColorVariations","length","jsxs","__experimentalVStack","spacing","children","jsx","default","level","__experimentalGrid","map","variation","index","isPill"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variations-color.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalGrid as Grid,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport StylesPreviewColors from '../preview-colors';\nimport { useColorVariations } from '../hooks';\nimport Subtitle from '../subtitle';\nimport Variation from './variation';\n\nexport default function ColorVariations( { title, gap = 2 } ) {\n\tconst colorVariations = useColorVariations();\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 key={ index } variation={ variation } isPill>\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":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,cAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,UAAA,GAAAH,sBAAA,CAAAF,OAAA;AAAoC,IAAAM,WAAA,GAAAN,OAAA;AAdpC;AACA;AACA;;AAMA;AACA;AACA;;AAMe,SAASO,eAAeA,CAAE;EAAEC,KAAK;EAAEC,GAAG,GAAG;AAAE,CAAC,EAAG;EAC7D,MAAMC,eAAe,GAAG,IAAAC,yBAAkB,EAAC,CAAC;;EAE5C;EACA,IAAKD,eAAe,EAAEE,MAAM,IAAI,CAAC,EAAG;IACnC,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAN,WAAA,CAAAO,IAAA,EAACd,WAAA,CAAAe,oBAAM;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,GAClBR,KAAK,iBAAI,IAAAF,WAAA,CAAAW,GAAA,EAACb,SAAA,CAAAc,OAAQ;MAACC,KAAK,EAAG,CAAG;MAAAH,QAAA,EAAGR;IAAK,CAAY,CAAC,eACrD,IAAAF,WAAA,CAAAW,GAAA,EAAClB,WAAA,CAAAqB,kBAAI;MAACL,OAAO,EAAGN,GAAK;MAAAO,QAAA,EAClBN,eAAe,CAACW,GAAG,CAAE,CAAEC,SAAS,EAAEC,KAAK,kBACxC,IAAAjB,WAAA,CAAAW,GAAA,EAACZ,UAAA,CAAAa,OAAS;QAAeI,SAAS,EAAGA,SAAW;QAACE,MAAM;QAAAR,QAAA,EACpDA,CAAA,kBAAM,IAAAV,WAAA,CAAAW,GAAA,EAAChB,cAAA,CAAAiB,OAAmB,IAAE;MAAC,GADfK,KAEN,CACV;IAAC,CACE,CAAC;EAAA,CACA,CAAC;AAEX","ignoreList":[]}

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

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VariationsPanel = VariationsPanel;
 exports.useBlockVariations = useBlockVariations;
-var _react = require("react");
 var _blocks = require("@wordpress/blocks");
+var _blockEditor = require("@wordpress/block-editor");
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
 var _navigationButton = require("../navigation-button");
+var _lockUnlock = require("../../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -18,8 +20,14 @@ var _navigationButton = require("../navigation-button");
  * Internal dependencies
  */
 
-function getCoreBlockStyles(blockStyles) {
-  return blockStyles?.filter(style => style.source === 'block');
+const {
+  useGlobalStyle
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+
+// Only core block styles (source === block) or block styles with a matching
+// theme.json style variation will be configurable via Global Styles.
+function getFilteredBlockStyles(blockStyles, variations) {
+  return blockStyles?.filter(style => style.source === 'block' || variations.includes(style.name));
 }
 function useBlockVariations(name) {
   const blockStyles = (0, _data.useSelect)(select => {
@@ -28,25 +36,27 @@ function useBlockVariations(name) {
     } = select(_blocks.store);
     return getBlockStyles(name);
   }, [name]);
-  const coreBlockStyles = getCoreBlockStyles(blockStyles);
-  return coreBlockStyles;
+  const [variations] = useGlobalStyle('variations', name);
+  const variationNames = Object.keys(variations !== null && variations !== void 0 ? variations : {});
+  return getFilteredBlockStyles(blockStyles, variationNames);
 }
 function VariationsPanel({
   name
 }) {
   const coreBlockStyles = useBlockVariations(name);
-  return (0, _react.createElement)(_components.__experimentalItemGroup, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
     isBordered: true,
-    isSeparated: true
-  }, coreBlockStyles.map((style, index) => {
-    if (style?.isDefault) {
-      return null;
-    }
-    return (0, _react.createElement)(_navigationButton.NavigationButtonAsItem, {
-      key: index,
-      path: '/blocks/' + encodeURIComponent(name) + '/variations/' + encodeURIComponent(style.name),
-      "aria-label": style.label
-    }, style.label);
-  }));
+    isSeparated: true,
+    children: coreBlockStyles.map((style, index) => {
+      if (style?.isDefault) {
+        return null;
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigationButton.NavigationButtonAsItem, {
+        path: '/blocks/' + encodeURIComponent(name) + '/variations/' + encodeURIComponent(style.name),
+        "aria-label": style.label,
+        children: style.label
+      }, index);
+    })
+  });
 }
 //# sourceMappingURL=variations-panel.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_blocks","require","_data","_components","_navigationButton","getCoreBlockStyles","blockStyles","filter","style","source","useBlockVariations","name","useSelect","select","getBlockStyles","blocksStore","coreBlockStyles","VariationsPanel","_react","createElement","__experimentalItemGroup","isBordered","isSeparated","map","index","isDefault","NavigationButtonAsItem","key","path","encodeURIComponent","label"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variations-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\n/**\n * Internal dependencies\n */\n\nimport { NavigationButtonAsItem } from '../navigation-button';\n\nfunction getCoreBlockStyles( blockStyles ) {\n\treturn blockStyles?.filter( ( style ) => style.source === 'block' );\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 coreBlockStyles = getCoreBlockStyles( blockStyles );\n\treturn coreBlockStyles;\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\taria-label={ style.label }\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":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,iBAAA,GAAAH,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIA,SAASI,kBAAkBA,CAAEC,WAAW,EAAG;EAC1C,OAAOA,WAAW,EAAEC,MAAM,CAAIC,KAAK,IAAMA,KAAK,CAACC,MAAM,KAAK,OAAQ,CAAC;AACpE;AAEO,SAASC,kBAAkBA,CAAEC,IAAI,EAAG;EAC1C,MAAML,WAAW,GAAG,IAAAM,eAAS,EAC1BC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAe,CAAC,GAAGD,MAAM,CAAEE,aAAY,CAAC;IAChD,OAAOD,cAAc,CAAEH,IAAK,CAAC;EAC9B,CAAC,EACD,CAAEA,IAAI,CACP,CAAC;EACD,MAAMK,eAAe,GAAGX,kBAAkB,CAAEC,WAAY,CAAC;EACzD,OAAOU,eAAe;AACvB;AAEO,SAASC,eAAeA,CAAE;EAAEN;AAAK,CAAC,EAAG;EAC3C,MAAMK,eAAe,GAAGN,kBAAkB,CAAEC,IAAK,CAAC;EAElD,OACC,IAAAO,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAiB,uBAAS;IAACC,UAAU;IAACC,WAAW;EAAA,GAC9BN,eAAe,CAACO,GAAG,CAAE,CAAEf,KAAK,EAAEgB,KAAK,KAAM;IAC1C,IAAKhB,KAAK,EAAEiB,SAAS,EAAG;MACvB,OAAO,IAAI;IACZ;IACA,OACC,IAAAP,MAAA,CAAAC,aAAA,EAACf,iBAAA,CAAAsB,sBAAsB;MACtBC,GAAG,EAAGH,KAAO;MACbI,IAAI,EACH,UAAU,GACVC,kBAAkB,CAAElB,IAAK,CAAC,GAC1B,cAAc,GACdkB,kBAAkB,CAAErB,KAAK,CAACG,IAAK,CAC/B;MACD,cAAaH,KAAK,CAACsB;IAAO,GAExBtB,KAAK,CAACsB,KACe,CAAC;EAE3B,CAAE,CACQ,CAAC;AAEd","ignoreList":[]}
+{"version":3,"names":["_blocks","require","_blockEditor","_data","_components","_navigationButton","_lockUnlock","_jsxRuntime","useGlobalStyle","unlock","blockEditorPrivateApis","getFilteredBlockStyles","blockStyles","variations","filter","style","source","includes","name","useBlockVariations","useSelect","select","getBlockStyles","blocksStore","variationNames","Object","keys","VariationsPanel","coreBlockStyles","jsx","__experimentalItemGroup","isBordered","isSeparated","children","map","index","isDefault","NavigationButtonAsItem","path","encodeURIComponent","label"],"sources":["@wordpress/edit-site/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\taria-label={ style.label }\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":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAKA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAA8C,IAAAM,WAAA,GAAAN,OAAA;AAZ9C;AACA;AACA;;AAMA;AACA;AACA;;AAIA,MAAM;EAAEO;AAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;;AAE3D;AACA;AACA,SAASC,sBAAsBA,CAAEC,WAAW,EAAEC,UAAU,EAAG;EAC1D,OAAOD,WAAW,EAAEE,MAAM,CACvBC,KAAK,IACNA,KAAK,CAACC,MAAM,KAAK,OAAO,IAAIH,UAAU,CAACI,QAAQ,CAAEF,KAAK,CAACG,IAAK,CAC9D,CAAC;AACF;AAEO,SAASC,kBAAkBA,CAAED,IAAI,EAAG;EAC1C,MAAMN,WAAW,GAAG,IAAAQ,eAAS,EAC1BC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAe,CAAC,GAAGD,MAAM,CAAEE,aAAY,CAAC;IAChD,OAAOD,cAAc,CAAEJ,IAAK,CAAC;EAC9B,CAAC,EACD,CAAEA,IAAI,CACP,CAAC;EACD,MAAM,CAAEL,UAAU,CAAE,GAAGL,cAAc,CAAE,YAAY,EAAEU,IAAK,CAAC;EAC3D,MAAMM,cAAc,GAAGC,MAAM,CAACC,IAAI,CAAEb,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,CAAC,CAAE,CAAC;EAEtD,OAAOF,sBAAsB,CAAEC,WAAW,EAAEY,cAAe,CAAC;AAC7D;AAEO,SAASG,eAAeA,CAAE;EAAET;AAAK,CAAC,EAAG;EAC3C,MAAMU,eAAe,GAAGT,kBAAkB,CAAED,IAAK,CAAC;EAElD,oBACC,IAAAX,WAAA,CAAAsB,GAAA,EAACzB,WAAA,CAAA0B,uBAAS;IAACC,UAAU;IAACC,WAAW;IAAAC,QAAA,EAC9BL,eAAe,CAACM,GAAG,CAAE,CAAEnB,KAAK,EAAEoB,KAAK,KAAM;MAC1C,IAAKpB,KAAK,EAAEqB,SAAS,EAAG;QACvB,OAAO,IAAI;MACZ;MACA,oBACC,IAAA7B,WAAA,CAAAsB,GAAA,EAACxB,iBAAA,CAAAgC,sBAAsB;QAEtBC,IAAI,EACH,UAAU,GACVC,kBAAkB,CAAErB,IAAK,CAAC,GAC1B,cAAc,GACdqB,kBAAkB,CAAExB,KAAK,CAACG,IAAK,CAC/B;QACD,cAAaH,KAAK,CAACyB,KAAO;QAAAP,QAAA,EAExBlB,KAAK,CAACyB;MAAK,GATPL,KAUiB,CAAC;IAE3B,CAAE;EAAC,CACO,CAAC;AAEd","ignoreList":[]}

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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TypographyVariations;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _hooks = require("../hooks");
 var _typographyExample = _interopRequireDefault(require("../typography-example"));
 var _previewIframe = _interopRequireDefault(require("../preview-iframe"));
 var _variation = _interopRequireDefault(require("./variation"));
 var _subtitle = _interopRequireDefault(require("../subtitle"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -25,37 +25,43 @@ function TypographyVariations({
   gap = 2
 }) {
   const typographyVariations = (0, _hooks.useTypographyVariations)();
-  if (!typographyVariations?.length) {
+
+  // Return null if there is only one variation (the default).
+  if (typographyVariations?.length <= 1) {
     return null;
   }
-  return (0, _react.createElement)(_components.__experimentalVStack, {
-    spacing: 3
-  }, title && (0, _react.createElement)(_subtitle.default, {
-    level: 3
-  }, title), (0, _react.createElement)(_components.__experimentalGrid, {
-    columns: 3,
-    gap: gap,
-    className: "edit-site-global-styles-style-variations-container"
-  }, typographyVariations && typographyVariations.length && typographyVariations.map((variation, index) => (0, _react.createElement)(_variation.default, {
-    key: index,
-    variation: variation
-  }, isFocused => (0, _react.createElement)(_previewIframe.default, {
-    label: variation?.title,
-    isFocused: isFocused
-  }, ({
-    ratio,
-    key
-  }) => (0, _react.createElement)(_components.__experimentalVStack, {
-    key: key,
-    spacing: 10 * ratio,
-    justify: "center",
-    style: {
-      height: '100%',
-      overflow: 'hidden'
-    }
-  }, (0, _react.createElement)(_typographyExample.default, {
-    variation: variation,
-    fontSize: 85 * ratio
-  })))))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+    spacing: 3,
+    children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
+      level: 3,
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalGrid, {
+      columns: 3,
+      gap: gap,
+      className: "edit-site-global-styles-style-variations-container",
+      children: typographyVariations && typographyVariations.length && typographyVariations.map((variation, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_variation.default, {
+        variation: variation,
+        children: isFocused => /*#__PURE__*/(0, _jsxRuntime.jsx)(_previewIframe.default, {
+          label: variation?.title,
+          isFocused: isFocused,
+          children: ({
+            ratio,
+            key
+          }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalVStack, {
+            spacing: 10 * ratio,
+            justify: "center",
+            style: {
+              height: '100%',
+              overflow: 'hidden'
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typographyExample.default, {
+              variation: variation,
+              fontSize: 85 * ratio
+            })
+          }, key)
+        })
+      }, index))
+    })]
+  });
 }
 //# sourceMappingURL=variations-typography.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_hooks","_typographyExample","_interopRequireDefault","_previewIframe","_variation","_subtitle","TypographyVariations","title","gap","typographyVariations","useTypographyVariations","length","_react","createElement","__experimentalVStack","spacing","default","level","__experimentalGrid","columns","className","map","variation","index","key","isFocused","label","ratio","justify","style","height","overflow","fontSize"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variations-typography.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalVStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { useTypographyVariations } from '../hooks';\nimport TypographyExample from '../typography-example';\nimport PreviewIframe from '../preview-iframe';\nimport Variation from './variation';\nimport Subtitle from '../subtitle';\n\nexport default function TypographyVariations( { title, gap = 2 } ) {\n\tconst typographyVariations = useTypographyVariations();\n\n\tif ( ! typographyVariations?.length ) {\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 &&\n\t\t\t\t\ttypographyVariations.length &&\n\t\t\t\t\ttypographyVariations.map( ( variation, index ) => (\n\t\t\t\t\t\t<Variation key={ index } variation={ variation }>\n\t\t\t\t\t\t\t{ ( isFocused ) => (\n\t\t\t\t\t\t\t\t<PreviewIframe\n\t\t\t\t\t\t\t\t\tlabel={ variation?.title }\n\t\t\t\t\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ ( { ratio, key } ) => (\n\t\t\t\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\t\t\t\tkey={ key }\n\t\t\t\t\t\t\t\t\t\t\tspacing={ 10 * ratio }\n\t\t\t\t\t\t\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<TypographyExample\n\t\t\t\t\t\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize={ 85 * ratio }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</PreviewIframe>\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</Grid>\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AASA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,cAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,UAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,SAAA,GAAAH,sBAAA,CAAAH,OAAA;AAhBA;AACA;AACA;;AAOA;AACA;AACA;;AAOe,SAASO,oBAAoBA,CAAE;EAAEC,KAAK;EAAEC,GAAG,GAAG;AAAE,CAAC,EAAG;EAClE,MAAMC,oBAAoB,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAEtD,IAAK,CAAED,oBAAoB,EAAEE,MAAM,EAAG;IACrC,OAAO,IAAI;EACZ;EAEA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAgB,oBAAM;IAACC,OAAO,EAAG;EAAG,GAClBR,KAAK,IAAI,IAAAK,MAAA,CAAAC,aAAA,EAACR,SAAA,CAAAW,OAAQ;IAACC,KAAK,EAAG;EAAG,GAAGV,KAAiB,CAAC,EACrD,IAAAK,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAoB,kBAAI;IACJC,OAAO,EAAG,CAAG;IACbX,GAAG,EAAGA,GAAK;IACXY,SAAS,EAAC;EAAoD,GAE5DX,oBAAoB,IACrBA,oBAAoB,CAACE,MAAM,IAC3BF,oBAAoB,CAACY,GAAG,CAAE,CAAEC,SAAS,EAAEC,KAAK,KAC3C,IAAAX,MAAA,CAAAC,aAAA,EAACT,UAAA,CAAAY,OAAS;IAACQ,GAAG,EAAGD,KAAO;IAACD,SAAS,EAAGA;EAAW,GAC3CG,SAAS,IACZ,IAAAb,MAAA,CAAAC,aAAA,EAACV,cAAA,CAAAa,OAAa;IACbU,KAAK,EAAGJ,SAAS,EAAEf,KAAO;IAC1BkB,SAAS,EAAGA;EAAW,GAErB,CAAE;IAAEE,KAAK;IAAEH;EAAI,CAAC,KACjB,IAAAZ,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAgB,oBAAM;IACNU,GAAG,EAAGA,GAAK;IACXT,OAAO,EAAG,EAAE,GAAGY,KAAO;IACtBC,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAG;MACPC,MAAM,EAAE,MAAM;MACdC,QAAQ,EAAE;IACX;EAAG,GAEH,IAAAnB,MAAA,CAAAC,aAAA,EAACZ,kBAAA,CAAAe,OAAiB;IACjBM,SAAS,EAAGA,SAAW;IACvBU,QAAQ,EAAG,EAAE,GAAGL;EAAO,CACvB,CACM,CAEK,CAEN,CACV,CACE,CACC,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["_components","require","_hooks","_typographyExample","_interopRequireDefault","_previewIframe","_variation","_subtitle","_jsxRuntime","TypographyVariations","title","gap","typographyVariations","useTypographyVariations","length","jsxs","__experimentalVStack","spacing","children","jsx","default","level","__experimentalGrid","columns","className","map","variation","index","isFocused","label","ratio","key","justify","style","height","overflow","fontSize"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variations-typography.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalVStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { useTypographyVariations } from '../hooks';\nimport TypographyExample from '../typography-example';\nimport PreviewIframe from '../preview-iframe';\nimport Variation from './variation';\nimport Subtitle from '../subtitle';\n\nexport default function TypographyVariations( { title, gap = 2 } ) {\n\tconst typographyVariations = useTypographyVariations();\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 &&\n\t\t\t\t\ttypographyVariations.length &&\n\t\t\t\t\ttypographyVariations.map( ( variation, index ) => (\n\t\t\t\t\t\t<Variation key={ index } variation={ variation }>\n\t\t\t\t\t\t\t{ ( isFocused ) => (\n\t\t\t\t\t\t\t\t<PreviewIframe\n\t\t\t\t\t\t\t\t\tlabel={ variation?.title }\n\t\t\t\t\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ ( { ratio, key } ) => (\n\t\t\t\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\t\t\t\tkey={ key }\n\t\t\t\t\t\t\t\t\t\t\tspacing={ 10 * ratio }\n\t\t\t\t\t\t\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<TypographyExample\n\t\t\t\t\t\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize={ 85 * ratio }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</PreviewIframe>\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</Grid>\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AASA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,cAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,UAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,SAAA,GAAAH,sBAAA,CAAAH,OAAA;AAAmC,IAAAO,WAAA,GAAAP,OAAA;AAhBnC;AACA;AACA;;AAOA;AACA;AACA;;AAOe,SAASQ,oBAAoBA,CAAE;EAAEC,KAAK;EAAEC,GAAG,GAAG;AAAE,CAAC,EAAG;EAClE,MAAMC,oBAAoB,GAAG,IAAAC,8BAAuB,EAAC,CAAC;;EAEtD;EACA,IAAKD,oBAAoB,EAAEE,MAAM,IAAI,CAAC,EAAG;IACxC,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAN,WAAA,CAAAO,IAAA,EAACf,WAAA,CAAAgB,oBAAM;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,GAClBR,KAAK,iBAAI,IAAAF,WAAA,CAAAW,GAAA,EAACZ,SAAA,CAAAa,OAAQ;MAACC,KAAK,EAAG,CAAG;MAAAH,QAAA,EAAGR;IAAK,CAAY,CAAC,eACrD,IAAAF,WAAA,CAAAW,GAAA,EAACnB,WAAA,CAAAsB,kBAAI;MACJC,OAAO,EAAG,CAAG;MACbZ,GAAG,EAAGA,GAAK;MACXa,SAAS,EAAC,oDAAoD;MAAAN,QAAA,EAE5DN,oBAAoB,IACrBA,oBAAoB,CAACE,MAAM,IAC3BF,oBAAoB,CAACa,GAAG,CAAE,CAAEC,SAAS,EAAEC,KAAK,kBAC3C,IAAAnB,WAAA,CAAAW,GAAA,EAACb,UAAA,CAAAc,OAAS;QAAeM,SAAS,EAAGA,SAAW;QAAAR,QAAA,EAC3CU,SAAS,iBACZ,IAAApB,WAAA,CAAAW,GAAA,EAACd,cAAA,CAAAe,OAAa;UACbS,KAAK,EAAGH,SAAS,EAAEhB,KAAO;UAC1BkB,SAAS,EAAGA,SAAW;UAAAV,QAAA,EAErBA,CAAE;YAAEY,KAAK;YAAEC;UAAI,CAAC,kBACjB,IAAAvB,WAAA,CAAAW,GAAA,EAACnB,WAAA,CAAAgB,oBAAM;YAENC,OAAO,EAAG,EAAE,GAAGa,KAAO;YACtBE,OAAO,EAAC,QAAQ;YAChBC,KAAK,EAAG;cACPC,MAAM,EAAE,MAAM;cACdC,QAAQ,EAAE;YACX,CAAG;YAAAjB,QAAA,eAEH,IAAAV,WAAA,CAAAW,GAAA,EAAChB,kBAAA,CAAAiB,OAAiB;cACjBM,SAAS,EAAGA,SAAW;cACvBU,QAAQ,EAAG,EAAE,GAAGN;YAAO,CACvB;UAAC,GAXIC,GAYC;QACR,CACa;MACf,GAvBeJ,KAwBN,CACV;IAAC,CACC,CAAC;EAAA,CACA,CAAC;AAEX","ignoreList":[]}

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

@@ -9,6 +9,7 @@ var _data = require("@wordpress/data");
 var _blockEditor = require("@wordpress/block-editor");
 var _store = require("../../store");
 var _lockUnlock = require("../../lock-unlock");
+var _constants = require("../../utils/constants");
 /**
  * WordPress dependencies
  */
@@ -21,7 +22,10 @@ const {
   useGlobalStylesOutput
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 function useGlobalStylesRenderer() {
-  const [styles, settings] = useGlobalStylesOutput();
+  const postType = (0, _data.useSelect)(select => {
+    return select(_store.store).getEditedPostType();
+  });
+  const [styles, settings] = useGlobalStylesOutput(postType !== _constants.TEMPLATE_POST_TYPE);
   const {
     getSettings
   } = (0, _data.useSelect)(_store.store);

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_blockEditor","_store","_lockUnlock","useGlobalStylesOutput","unlock","blockEditorPrivateApis","useGlobalStylesRenderer","styles","settings","getSettings","useSelect","editSiteStore","updateSettings","useDispatch","useEffect","_currentStoreSettings","currentStoreSettings","nonGlobalStyles","Object","values","filter","style","isGlobalStyles","__experimentalFeatures","GlobalStylesRenderer"],"sources":["@wordpress/edit-site/src/components/global-styles-renderer/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStylesOutput } = unlock( blockEditorPrivateApis );\n\nfunction useGlobalStylesRenderer() {\n\tconst [ styles, settings ] = useGlobalStylesOutput();\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() {\n\tuseGlobalStylesRenderer();\n\n\treturn null;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAKA;AACA;AACA;;AAIA,MAAM;EAAEK;AAAsB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAElE,SAASC,uBAAuBA,CAAA,EAAG;EAClC,MAAM,CAAEC,MAAM,EAAEC,QAAQ,CAAE,GAAGL,qBAAqB,CAAC,CAAC;EACpD,MAAM;IAAEM;EAAY,CAAC,GAAG,IAAAC,eAAS,EAAEC,YAAc,CAAC;EAClD,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,iBAAW,EAAEF,YAAc,CAAC;EAEvD,IAAAG,kBAAS,EAAE,MAAM;IAAA,IAAAC,qBAAA;IAChB,IAAK,CAAER,MAAM,IAAI,CAAEC,QAAQ,EAAG;MAC7B;IACD;IAEA,MAAMQ,oBAAoB,GAAGP,WAAW,CAAC,CAAC;IAC1C,MAAMQ,eAAe,GAAGC,MAAM,CAACC,MAAM,EAAAJ,qBAAA,GACpCC,oBAAoB,CAACT,MAAM,cAAAQ,qBAAA,cAAAA,qBAAA,GAAI,EAChC,CAAC,CAACK,MAAM,CAAIC,KAAK,IAAM,CAAEA,KAAK,CAACC,cAAe,CAAC;IAC/CV,cAAc,CAAE;MACf,GAAGI,oBAAoB;MACvBT,MAAM,EAAE,CAAE,GAAGU,eAAe,EAAE,GAAGV,MAAM,CAAE;MACzCgB,sBAAsB,EAAEf;IACzB,CAAE,CAAC;EACJ,CAAC,EAAE,CAAED,MAAM,EAAEC,QAAQ,EAAEI,cAAc,EAAEH,WAAW,CAAG,CAAC;AACvD;AAEO,SAASe,oBAAoBA,CAAA,EAAG;EACtClB,uBAAuB,CAAC,CAAC;EAEzB,OAAO,IAAI;AACZ","ignoreList":[]}
+{"version":3,"names":["_element","require","_data","_blockEditor","_store","_lockUnlock","_constants","useGlobalStylesOutput","unlock","blockEditorPrivateApis","useGlobalStylesRenderer","postType","useSelect","select","editSiteStore","getEditedPostType","styles","settings","TEMPLATE_POST_TYPE","getSettings","updateSettings","useDispatch","useEffect","_currentStoreSettings","currentStoreSettings","nonGlobalStyles","Object","values","filter","style","isGlobalStyles","__experimentalFeatures","GlobalStylesRenderer"],"sources":["@wordpress/edit-site/src/components/global-styles-renderer/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { TEMPLATE_POST_TYPE } from '../../utils/constants';\n\nconst { useGlobalStylesOutput } = unlock( blockEditorPrivateApis );\n\nfunction useGlobalStylesRenderer() {\n\tconst postType = useSelect( ( select ) => {\n\t\treturn select( editSiteStore ).getEditedPostType();\n\t} );\n\tconst [ styles, settings ] = useGlobalStylesOutput(\n\t\tpostType !== TEMPLATE_POST_TYPE\n\t);\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() {\n\tuseGlobalStylesRenderer();\n\n\treturn null;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAZA;AACA;AACA;;AAKA;AACA;AACA;;AAKA,MAAM;EAAEM;AAAsB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAElE,SAASC,uBAAuBA,CAAA,EAAG;EAClC,MAAMC,QAAQ,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACzC,OAAOA,MAAM,CAAEC,YAAc,CAAC,CAACC,iBAAiB,CAAC,CAAC;EACnD,CAAE,CAAC;EACH,MAAM,CAAEC,MAAM,EAAEC,QAAQ,CAAE,GAAGV,qBAAqB,CACjDI,QAAQ,KAAKO,6BACd,CAAC;EACD,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAP,eAAS,EAAEE,YAAc,CAAC;EAClD,MAAM;IAAEM;EAAe,CAAC,GAAG,IAAAC,iBAAW,EAAEP,YAAc,CAAC;EAEvD,IAAAQ,kBAAS,EAAE,MAAM;IAAA,IAAAC,qBAAA;IAChB,IAAK,CAAEP,MAAM,IAAI,CAAEC,QAAQ,EAAG;MAC7B;IACD;IAEA,MAAMO,oBAAoB,GAAGL,WAAW,CAAC,CAAC;IAC1C,MAAMM,eAAe,GAAGC,MAAM,CAACC,MAAM,EAAAJ,qBAAA,GACpCC,oBAAoB,CAACR,MAAM,cAAAO,qBAAA,cAAAA,qBAAA,GAAI,EAChC,CAAC,CAACK,MAAM,CAAIC,KAAK,IAAM,CAAEA,KAAK,CAACC,cAAe,CAAC;IAC/CV,cAAc,CAAE;MACf,GAAGI,oBAAoB;MACvBR,MAAM,EAAE,CAAE,GAAGS,eAAe,EAAE,GAAGT,MAAM,CAAE;MACzCe,sBAAsB,EAAEd;IACzB,CAAE,CAAC;EACJ,CAAC,EAAE,CAAED,MAAM,EAAEC,QAAQ,EAAEG,cAAc,EAAED,WAAW,CAAG,CAAC;AACvD;AAEO,SAASa,oBAAoBA,CAAA,EAAG;EACtCtB,uBAAuB,CAAC,CAAC;EAEzB,OAAO,IAAI;AACZ","ignoreList":[]}

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = DefaultSidebar;
-var _react = require("react");
 var _editor = require("@wordpress/editor");
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -31,22 +31,26 @@ function DefaultSidebar({
   panelClassName,
   isActiveByDefault
 }) {
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(ComplementaryArea, {
-    className: className,
-    scope: "core",
-    identifier: identifier,
-    title: title,
-    smallScreenTitle: title,
-    icon: icon,
-    closeLabel: closeLabel,
-    header: header,
-    headerClassName: headerClassName,
-    panelClassName: panelClassName,
-    isActiveByDefault: isActiveByDefault
-  }, children), (0, _react.createElement)(ComplementaryAreaMoreMenuItem, {
-    scope: "core",
-    identifier: identifier,
-    icon: icon
-  }, title));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ComplementaryArea, {
+      className: className,
+      scope: "core",
+      identifier: identifier,
+      title: title,
+      smallScreenTitle: title,
+      icon: icon,
+      closeLabel: closeLabel,
+      header: header,
+      headerClassName: headerClassName,
+      panelClassName: panelClassName,
+      isActiveByDefault: isActiveByDefault,
+      children: children
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ComplementaryAreaMoreMenuItem, {
+      scope: "core",
+      identifier: identifier,
+      icon: icon,
+      children: title
+    })]
+  });
 }
 //# sourceMappingURL=default-sidebar.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_editor","require","_lockUnlock","ComplementaryArea","ComplementaryAreaMoreMenuItem","unlock","editorPrivateApis","DefaultSidebar","className","identifier","title","icon","children","closeLabel","header","headerClassName","panelClassName","isActiveByDefault","_react","createElement","Fragment","scope","smallScreenTitle"],"sources":["@wordpress/edit-site/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\tsmallScreenTitle={ 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":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAM;EAAEE,iBAAiB;EAAEC;AAA8B,CAAC,GACzD,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEb,SAASC,cAAcA,CAAE;EACvCC,SAAS;EACTC,UAAU;EACVC,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC,UAAU;EACVC,MAAM;EACNC,eAAe;EACfC,cAAc;EACdC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAAChB,iBAAiB;IACjBK,SAAS,EAAGA,SAAW;IACvBa,KAAK,EAAC,MAAM;IACZZ,UAAU,EAAGA,UAAY;IACzBC,KAAK,EAAGA,KAAO;IACfY,gBAAgB,EAAGZ,KAAO;IAC1BC,IAAI,EAAGA,IAAM;IACbE,UAAU,EAAGA,UAAY;IACzBC,MAAM,EAAGA,MAAQ;IACjBC,eAAe,EAAGA,eAAiB;IACnCC,cAAc,EAAGA,cAAgB;IACjCC,iBAAiB,EAAGA;EAAmB,GAErCL,QACgB,CAAC,EACpB,IAAAM,MAAA,CAAAC,aAAA,EAACf,6BAA6B;IAC7BiB,KAAK,EAAC,MAAM;IACZZ,UAAU,EAAGA,UAAY;IACzBE,IAAI,EAAGA;EAAM,GAEXD,KAC4B,CAC9B,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["_editor","require","_lockUnlock","_jsxRuntime","ComplementaryArea","ComplementaryAreaMoreMenuItem","unlock","editorPrivateApis","DefaultSidebar","className","identifier","title","icon","children","closeLabel","header","headerClassName","panelClassName","isActiveByDefault","jsxs","Fragment","jsx","scope","smallScreenTitle"],"sources":["@wordpress/edit-site/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\tsmallScreenTitle={ 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":";;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAA2C,IAAAE,WAAA,GAAAF,OAAA;AAR3C;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAM;EAAEG,iBAAiB;EAAEC;AAA8B,CAAC,GACzD,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEb,SAASC,cAAcA,CAAE;EACvCC,SAAS;EACTC,UAAU;EACVC,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC,UAAU;EACVC,MAAM;EACNC,eAAe;EACfC,cAAc;EACdC;AACD,CAAC,EAAG;EACH,oBACC,IAAAf,WAAA,CAAAgB,IAAA,EAAAhB,WAAA,CAAAiB,QAAA;IAAAP,QAAA,gBACC,IAAAV,WAAA,CAAAkB,GAAA,EAACjB,iBAAiB;MACjBK,SAAS,EAAGA,SAAW;MACvBa,KAAK,EAAC,MAAM;MACZZ,UAAU,EAAGA,UAAY;MACzBC,KAAK,EAAGA,KAAO;MACfY,gBAAgB,EAAGZ,KAAO;MAC1BC,IAAI,EAAGA,IAAM;MACbE,UAAU,EAAGA,UAAY;MACzBC,MAAM,EAAGA,MAAQ;MACjBC,eAAe,EAAGA,eAAiB;MACnCC,cAAc,EAAGA,cAAgB;MACjCC,iBAAiB,EAAGA,iBAAmB;MAAAL,QAAA,EAErCA;IAAQ,CACQ,CAAC,eACpB,IAAAV,WAAA,CAAAkB,GAAA,EAAChB,6BAA6B;MAC7BiB,KAAK,EAAC,MAAM;MACZZ,UAAU,EAAGA,UAAY;MACzBE,IAAI,EAAGA,IAAM;MAAAC,QAAA,EAEXF;IAAK,CACuB,CAAC;EAAA,CAC/B,CAAC;AAEL","ignoreList":[]}

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = GlobalStylesSidebar;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
@@ -19,6 +18,7 @@ var _ui = require("../global-styles/ui");
 var _lockUnlock = require("../../lock-unlock");
 var _coreData = require("@wordpress/core-data");
 var _defaultSidebar = _interopRequireDefault(require("./default-sidebar"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -110,37 +110,47 @@ function GlobalStylesSidebar() {
     setIsListViewOpened(isStyleBookOpened && showListViewByDefault);
     setEditorCanvasContainerView(isStyleBookOpened ? undefined : 'style-book');
   };
-  return (0, _react.createElement)(_defaultSidebar.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_defaultSidebar.default, {
     className: "edit-site-global-styles-sidebar",
     identifier: "edit-site/global-styles",
     title: (0, _i18n.__)('Styles'),
     icon: _icons.styles,
     closeLabel: (0, _i18n.__)('Close Styles'),
     panelClassName: "edit-site-global-styles-sidebar__panel",
-    header: (0, _react.createElement)(_components.Flex, {
+    header: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
       className: "edit-site-global-styles-sidebar__header",
-      gap: 1
-    }, (0, _react.createElement)(_components.FlexBlock, {
-      style: {
-        minWidth: 'min-content'
-      }
-    }, (0, _react.createElement)("h2", {
-      className: "edit-site-global-styles-sidebar__header-title"
-    }, (0, _i18n.__)('Styles'))), (0, _react.createElement)(_components.FlexItem, null, (0, _react.createElement)(_components.Button, {
-      icon: _icons.seen,
-      label: (0, _i18n.__)('Style Book'),
-      isPressed: isStyleBookOpened || isRevisionsStyleBookOpened,
-      disabled: shouldClearCanvasContainerView,
-      onClick: toggleStyleBook,
-      size: "compact"
-    })), (0, _react.createElement)(_components.FlexItem, null, (0, _react.createElement)(_components.Button, {
-      label: (0, _i18n.__)('Revisions'),
-      icon: _icons.backup,
-      onClick: toggleRevisions,
-      disabled: !hasRevisions,
-      isPressed: isRevisionsOpened || isRevisionsStyleBookOpened,
-      size: "compact"
-    })), (0, _react.createElement)(_ui.GlobalStylesMenuSlot, null))
-  }, (0, _react.createElement)(_globalStyles.GlobalStylesUI, null));
+      gap: 1,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexBlock, {
+        style: {
+          minWidth: 'min-content'
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+          className: "edit-site-global-styles-sidebar__header-title",
+          children: (0, _i18n.__)('Styles')
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          icon: _icons.seen,
+          label: (0, _i18n.__)('Style Book'),
+          isPressed: isStyleBookOpened || isRevisionsStyleBookOpened,
+          __experimentalIsFocusable: true,
+          disabled: shouldClearCanvasContainerView,
+          onClick: toggleStyleBook,
+          size: "compact"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          label: (0, _i18n.__)('Revisions'),
+          icon: _icons.backup,
+          onClick: toggleRevisions,
+          __experimentalIsFocusable: true,
+          disabled: !hasRevisions,
+          isPressed: isRevisionsOpened || isRevisionsStyleBookOpened,
+          size: "compact"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ui.GlobalStylesMenuSlot, {})]
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_globalStyles.GlobalStylesUI, {})
+  });
 }
 //# sourceMappingURL=index.js.map

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

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