@wordpress/edit-site 5.34.0 → 6.0.0

package/build/components/global-styles/screen-color-palette.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _colorPalettePanel = _interopRequireDefault(require("./color-palette-panel"));
 var _gradientsPalettePanel = _interopRequireDefault(require("./gradients-palette-panel"));
 var _header = _interopRequireDefault(require("./header"));
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -26,24 +26,34 @@ const {
 function ScreenColorPalette({
   name
 }) {
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_header.default, {
-    title: (0, _i18n.__)('Palette'),
-    description: (0, _i18n.__)('Palettes are used to provide default color options for blocks and various design tools. Here you can edit the colors with their labels.')
-  }), (0, _react.createElement)(Tabs, null, (0, _react.createElement)(Tabs.TabList, null, (0, _react.createElement)(Tabs.Tab, {
-    tabId: "solid"
-  }, (0, _i18n.__)('Solid')), (0, _react.createElement)(Tabs.Tab, {
-    tabId: "gradient"
-  }, (0, _i18n.__)('Gradient'))), (0, _react.createElement)(Tabs.TabPanel, {
-    tabId: "solid",
-    focusable: false
-  }, (0, _react.createElement)(_colorPalettePanel.default, {
-    name: name
-  })), (0, _react.createElement)(Tabs.TabPanel, {
-    tabId: "gradient",
-    focusable: false
-  }, (0, _react.createElement)(_gradientsPalettePanel.default, {
-    name: name
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
+      title: (0, _i18n.__)('Edit palette'),
+      description: (0, _i18n.__)('The combination of colors used across the site and in color pickers.')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tabs, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Tabs.TabList, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.Tab, {
+          tabId: "color",
+          children: (0, _i18n.__)('Color')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.Tab, {
+          tabId: "gradient",
+          children: (0, _i18n.__)('Gradient')
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabPanel, {
+        tabId: "color",
+        focusable: false,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_colorPalettePanel.default, {
+          name: name
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabPanel, {
+        tabId: "gradient",
+        focusable: false,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_gradientsPalettePanel.default, {
+          name: name
+        })
+      })]
+    })]
+  });
 }
 var _default = exports.default = ScreenColorPalette;
 //# sourceMappingURL=screen-color-palette.js.map

package/build/components/global-styles/screen-color-palette.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_colorPalettePanel","_interopRequireDefault","_gradientsPalettePanel","_header","_lockUnlock","Tabs","unlock","componentsPrivateApis","ScreenColorPalette","name","_react","createElement","Fragment","default","title","__","description","TabList","Tab","tabId","TabPanel","focusable","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-color-palette.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ColorPalettePanel from './color-palette-panel';\nimport GradientPalettePanel from './gradients-palette-panel';\nimport ScreenHeader from './header';\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nfunction ScreenColorPalette( { name } ) {\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Palette' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Palettes are used to provide default color options for blocks and various design tools. Here you can edit the colors with their labels.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<Tabs>\n\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t<Tabs.Tab tabId=\"solid\">{ __( 'Solid' ) }</Tabs.Tab>\n\t\t\t\t\t<Tabs.Tab tabId=\"gradient\">{ __( 'Gradient' ) }</Tabs.Tab>\n\t\t\t\t</Tabs.TabList>\n\t\t\t\t<Tabs.TabPanel tabId=\"solid\" focusable={ false }>\n\t\t\t\t\t<ColorPalettePanel name={ name } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId=\"gradient\" focusable={ false }>\n\t\t\t\t\t<GradientPalettePanel name={ name } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t</Tabs>\n\t\t</>\n\t);\n}\n\nexport default ScreenColorPalette;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAZA;AACA;AACA;;AAIA;AACA;AACA;;AAMA,MAAM;EAAEO;AAAK,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAEhD,SAASC,kBAAkBA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACvC,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACR,OAAA,CAAAU,OAAY;IACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBC,WAAW,EAAG,IAAAD,QAAE,EACf,yIACD;EAAG,CACH,CAAC,EACF,IAAAL,MAAA,CAAAC,aAAA,EAACN,IAAI,QACJ,IAAAK,MAAA,CAAAC,aAAA,EAACN,IAAI,CAACY,OAAO,QACZ,IAAAP,MAAA,CAAAC,aAAA,EAACN,IAAI,CAACa,GAAG;IAACC,KAAK,EAAC;EAAO,GAAG,IAAAJ,QAAE,EAAE,OAAQ,CAAa,CAAC,EACpD,IAAAL,MAAA,CAAAC,aAAA,EAACN,IAAI,CAACa,GAAG;IAACC,KAAK,EAAC;EAAU,GAAG,IAAAJ,QAAE,EAAE,UAAW,CAAa,CAC5C,CAAC,EACf,IAAAL,MAAA,CAAAC,aAAA,EAACN,IAAI,CAACe,QAAQ;IAACD,KAAK,EAAC,OAAO;IAACE,SAAS,EAAG;EAAO,GAC/C,IAAAX,MAAA,CAAAC,aAAA,EAACX,kBAAA,CAAAa,OAAiB;IAACJ,IAAI,EAAGA;EAAM,CAAE,CACpB,CAAC,EAChB,IAAAC,MAAA,CAAAC,aAAA,EAACN,IAAI,CAACe,QAAQ;IAACD,KAAK,EAAC,UAAU;IAACE,SAAS,EAAG;EAAO,GAClD,IAAAX,MAAA,CAAAC,aAAA,EAACT,sBAAA,CAAAW,OAAoB;IAACJ,IAAI,EAAGA;EAAM,CAAE,CACvB,CACV,CACL,CAAC;AAEL;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEcL,kBAAkB","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_colorPalettePanel","_interopRequireDefault","_gradientsPalettePanel","_header","_lockUnlock","_jsxRuntime","Tabs","unlock","componentsPrivateApis","ScreenColorPalette","name","jsxs","Fragment","children","jsx","default","title","__","description","TabList","Tab","tabId","TabPanel","focusable","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-color-palette.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ColorPalettePanel from './color-palette-panel';\nimport GradientPalettePanel from './gradients-palette-panel';\nimport ScreenHeader from './header';\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nfunction ScreenColorPalette( { name } ) {\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Edit palette' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'The combination of colors used across the site and in color pickers.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<Tabs>\n\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t<Tabs.Tab tabId=\"color\">{ __( 'Color' ) }</Tabs.Tab>\n\t\t\t\t\t<Tabs.Tab tabId=\"gradient\">{ __( 'Gradient' ) }</Tabs.Tab>\n\t\t\t\t</Tabs.TabList>\n\t\t\t\t<Tabs.TabPanel tabId=\"color\" focusable={ false }>\n\t\t\t\t\t<ColorPalettePanel name={ name } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId=\"gradient\" focusable={ false }>\n\t\t\t\t\t<GradientPalettePanel name={ name } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t</Tabs>\n\t\t</>\n\t);\n}\n\nexport default ScreenColorPalette;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAA2C,IAAAO,WAAA,GAAAP,OAAA;AAZ3C;AACA;AACA;;AAIA;AACA;AACA;;AAMA,MAAM;EAAEQ;AAAK,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAEhD,SAASC,kBAAkBA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACvC,oBACC,IAAAL,WAAA,CAAAM,IAAA,EAAAN,WAAA,CAAAO,QAAA;IAAAC,QAAA,gBACC,IAAAR,WAAA,CAAAS,GAAA,EAACX,OAAA,CAAAY,OAAY;MACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,cAAe,CAAG;MAC9BC,WAAW,EAAG,IAAAD,QAAE,EACf,sEACD;IAAG,CACH,CAAC,eACF,IAAAZ,WAAA,CAAAM,IAAA,EAACL,IAAI;MAAAO,QAAA,gBACJ,IAAAR,WAAA,CAAAM,IAAA,EAACL,IAAI,CAACa,OAAO;QAAAN,QAAA,gBACZ,IAAAR,WAAA,CAAAS,GAAA,EAACR,IAAI,CAACc,GAAG;UAACC,KAAK,EAAC,OAAO;UAAAR,QAAA,EAAG,IAAAI,QAAE,EAAE,OAAQ;QAAC,CAAY,CAAC,eACpD,IAAAZ,WAAA,CAAAS,GAAA,EAACR,IAAI,CAACc,GAAG;UAACC,KAAK,EAAC,UAAU;UAAAR,QAAA,EAAG,IAAAI,QAAE,EAAE,UAAW;QAAC,CAAY,CAAC;MAAA,CAC7C,CAAC,eACf,IAAAZ,WAAA,CAAAS,GAAA,EAACR,IAAI,CAACgB,QAAQ;QAACD,KAAK,EAAC,OAAO;QAACE,SAAS,EAAG,KAAO;QAAAV,QAAA,eAC/C,IAAAR,WAAA,CAAAS,GAAA,EAACd,kBAAA,CAAAe,OAAiB;UAACL,IAAI,EAAGA;QAAM,CAAE;MAAC,CACrB,CAAC,eAChB,IAAAL,WAAA,CAAAS,GAAA,EAACR,IAAI,CAACgB,QAAQ;QAACD,KAAK,EAAC,UAAU;QAACE,SAAS,EAAG,KAAO;QAAAV,QAAA,eAClD,IAAAR,WAAA,CAAAS,GAAA,EAACZ,sBAAA,CAAAa,OAAoB;UAACL,IAAI,EAAGA;QAAM,CAAE;MAAC,CACxB,CAAC;IAAA,CACX,CAAC;EAAA,CACN,CAAC;AAEL;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEcN,kBAAkB","ignoreList":[]}

package/build/components/global-styles/screen-colors.js

@@ -5,14 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
 var _header = _interopRequireDefault(require("./header"));
 var _palette = _interopRequireDefault(require("./palette"));
 var _lockUnlock = require("../../lock-unlock");
-var _variationsColor = _interopRequireDefault(require("./variations/variations-color"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -36,21 +35,23 @@ function ScreenColors() {
   });
   const [rawSettings] = useGlobalSetting('');
   const settings = useSettingsForBlockElement(rawSettings);
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_header.default, {
-    title: (0, _i18n.__)('Colors'),
-    description: (0, _i18n.__)('Palette colors and the application of those colors on site elements.')
-  }), (0, _react.createElement)("div", {
-    className: "edit-site-global-styles-screen"
-  }, (0, _react.createElement)(_components.__experimentalVStack, {
-    spacing: 7
-  }, (0, _react.createElement)(_variationsColor.default, {
-    title: (0, _i18n.__)('Presets')
-  }), (0, _react.createElement)(_palette.default, null), (0, _react.createElement)(StylesColorPanel, {
-    inheritedValue: inheritedStyle,
-    value: style,
-    onChange: setStyle,
-    settings: settings
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
+      title: (0, _i18n.__)('Colors'),
+      description: (0, _i18n.__)('Palette colors and the application of those colors on site elements.')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "edit-site-global-styles-screen",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+        spacing: 7,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_palette.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(StylesColorPanel, {
+          inheritedValue: inheritedStyle,
+          value: style,
+          onChange: setStyle,
+          settings: settings
+        })]
+      })
+    })]
+  });
 }
 var _default = exports.default = ScreenColors;
 //# sourceMappingURL=screen-colors.js.map

package/build/components/global-styles/screen-colors.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_blockEditor","_header","_interopRequireDefault","_palette","_lockUnlock","_variationsColor","useGlobalStyle","useGlobalSetting","useSettingsForBlockElement","ColorPanel","StylesColorPanel","unlock","blockEditorPrivateApis","ScreenColors","style","undefined","shouldDecodeEncode","inheritedStyle","setStyle","rawSettings","settings","_react","createElement","Fragment","default","title","__","description","className","__experimentalVStack","spacing","inheritedValue","value","onChange","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-colors.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport Palette from './palette';\nimport { unlock } from '../../lock-unlock';\nimport ColorVariations from './variations/variations-color';\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tColorPanel: StylesColorPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenColors() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ rawSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Colors' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Palette colors and the application of those colors on site elements.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack spacing={ 7 }>\n\t\t\t\t\t<ColorVariations title={ __( 'Presets' ) } />\n\t\t\t\t\t<Palette />\n\t\t\t\t\t<StylesColorPanel\n\t\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\t\tvalue={ style }\n\t\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenColors;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAH,sBAAA,CAAAJ,OAAA;AAbA;AACA;AACA;;AAKA;AACA;AACA;;AAMA,MAAM;EACLQ,cAAc;EACdC,gBAAgB;EAChBC,0BAA0B;EAC1BC,UAAU,EAAEC;AACb,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEpC,SAASC,YAAYA,CAAA,EAAG;EACvB,MAAM,CAAEC,KAAK,CAAE,GAAGR,cAAc,CAAE,EAAE,EAAES,SAAS,EAAE,MAAM,EAAE;IACxDC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGZ,cAAc,CAAE,EAAE,EAAES,SAAS,EAAE,KAAK,EAAE;IAC1EC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEG,WAAW,CAAE,GAAGZ,gBAAgB,CAAE,EAAG,CAAC;EAC9C,MAAMa,QAAQ,GAAGZ,0BAA0B,CAAEW,WAAY,CAAC;EAE1D,OACC,IAAAE,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACrB,OAAA,CAAAuB,OAAY;IACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACxBC,WAAW,EAAG,IAAAD,QAAE,EACf,sEACD;EAAG,CACH,CAAC,EACF,IAAAL,MAAA,CAAAC,aAAA;IAAKM,SAAS,EAAC;EAAgC,GAC9C,IAAAP,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAA8B,oBAAM;IAACC,OAAO,EAAG;EAAG,GACpB,IAAAT,MAAA,CAAAC,aAAA,EAACjB,gBAAA,CAAAmB,OAAe;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU;EAAG,CAAE,CAAC,EAC7C,IAAAL,MAAA,CAAAC,aAAA,EAACnB,QAAA,CAAAqB,OAAO,MAAE,CAAC,EACX,IAAAH,MAAA,CAAAC,aAAA,EAACZ,gBAAgB;IAChBqB,cAAc,EAAGd,cAAgB;IACjCe,KAAK,EAAGlB,KAAO;IACfmB,QAAQ,EAAGf,QAAU;IACrBE,QAAQ,EAAGA;EAAU,CACrB,CACM,CACJ,CACJ,CAAC;AAEL;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAX,OAAA,GAEcX,YAAY","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_blockEditor","_header","_interopRequireDefault","_palette","_lockUnlock","_jsxRuntime","useGlobalStyle","useGlobalSetting","useSettingsForBlockElement","ColorPanel","StylesColorPanel","unlock","blockEditorPrivateApis","ScreenColors","style","undefined","shouldDecodeEncode","inheritedStyle","setStyle","rawSettings","settings","jsxs","Fragment","children","jsx","default","title","__","description","className","__experimentalVStack","spacing","inheritedValue","value","onChange","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-colors.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport Palette from './palette';\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tColorPanel: StylesColorPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenColors() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ rawSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Colors' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Palette colors and the application of those colors on site elements.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack spacing={ 7 }>\n\t\t\t\t\t<Palette />\n\t\t\t\t\t<StylesColorPanel\n\t\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\t\tvalue={ style }\n\t\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenColors;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAA2C,IAAAO,WAAA,GAAAP,OAAA;AAZ3C;AACA;AACA;;AAKA;AACA;AACA;;AAKA,MAAM;EACLQ,cAAc;EACdC,gBAAgB;EAChBC,0BAA0B;EAC1BC,UAAU,EAAEC;AACb,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEpC,SAASC,YAAYA,CAAA,EAAG;EACvB,MAAM,CAAEC,KAAK,CAAE,GAAGR,cAAc,CAAE,EAAE,EAAES,SAAS,EAAE,MAAM,EAAE;IACxDC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGZ,cAAc,CAAE,EAAE,EAAES,SAAS,EAAE,KAAK,EAAE;IAC1EC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEG,WAAW,CAAE,GAAGZ,gBAAgB,CAAE,EAAG,CAAC;EAC9C,MAAMa,QAAQ,GAAGZ,0BAA0B,CAAEW,WAAY,CAAC;EAE1D,oBACC,IAAAd,WAAA,CAAAgB,IAAA,EAAAhB,WAAA,CAAAiB,QAAA;IAAAC,QAAA,gBACC,IAAAlB,WAAA,CAAAmB,GAAA,EAACvB,OAAA,CAAAwB,OAAY;MACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;MACxBC,WAAW,EAAG,IAAAD,QAAE,EACf,sEACD;IAAG,CACH,CAAC,eACF,IAAAtB,WAAA,CAAAmB,GAAA;MAAKK,SAAS,EAAC,gCAAgC;MAAAN,QAAA,eAC9C,IAAAlB,WAAA,CAAAgB,IAAA,EAACtB,WAAA,CAAA+B,oBAAM;QAACC,OAAO,EAAG,CAAG;QAAAR,QAAA,gBACpB,IAAAlB,WAAA,CAAAmB,GAAA,EAACrB,QAAA,CAAAsB,OAAO,IAAE,CAAC,eACX,IAAApB,WAAA,CAAAmB,GAAA,EAACd,gBAAgB;UAChBsB,cAAc,EAAGf,cAAgB;UACjCgB,KAAK,EAAGnB,KAAO;UACfoB,QAAQ,EAAGhB,QAAU;UACrBE,QAAQ,EAAGA;QAAU,CACrB,CAAC;MAAA,CACK;IAAC,CACL,CAAC;EAAA,CACL,CAAC;AAEL;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAAX,OAAA,GAEcZ,YAAY","ignoreList":[]}

package/build/components/global-styles/screen-css.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
 var _lockUnlock = require("../../lock-unlock");
 var _header = _interopRequireDefault(require("./header"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -31,19 +31,25 @@ function ScreenCSS() {
   const [inheritedStyle, setStyle] = useGlobalStyle('', undefined, 'all', {
     shouldDecodeEncode: false
   });
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_header.default, {
-    title: (0, _i18n.__)('CSS'),
-    description: (0, _react.createElement)(_react.Fragment, null, description, (0, _react.createElement)(_components.ExternalLink, {
-      href: "https://wordpress.org/documentation/article/css/",
-      className: "edit-site-global-styles-screen-css-help-link"
-    }, (0, _i18n.__)('Learn more about CSS')))
-  }), (0, _react.createElement)("div", {
-    className: "edit-site-global-styles-screen-css"
-  }, (0, _react.createElement)(StylesAdvancedPanel, {
-    value: style,
-    onChange: setStyle,
-    inheritedValue: inheritedStyle
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
+      title: (0, _i18n.__)('CSS'),
+      description: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [description, /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
+          href: "https://wordpress.org/documentation/article/css/",
+          className: "edit-site-global-styles-screen-css-help-link",
+          children: (0, _i18n.__)('Learn more about CSS')
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "edit-site-global-styles-screen-css",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StylesAdvancedPanel, {
+        value: style,
+        onChange: setStyle,
+        inheritedValue: inheritedStyle
+      })
+    })]
+  });
 }
 var _default = exports.default = ScreenCSS;
 //# sourceMappingURL=screen-css.js.map

package/build/components/global-styles/screen-css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_blockEditor","_lockUnlock","_header","_interopRequireDefault","useGlobalStyle","AdvancedPanel","StylesAdvancedPanel","unlock","blockEditorPrivateApis","ScreenCSS","description","__","style","undefined","shouldDecodeEncode","inheritedStyle","setStyle","_react","createElement","Fragment","default","title","ExternalLink","href","className","value","onChange","inheritedValue","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-css.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ExternalLink } from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport ScreenHeader from './header';\n\nconst { useGlobalStyle, AdvancedPanel: StylesAdvancedPanel } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction ScreenCSS() {\n\tconst description = __(\n\t\t'Add your own CSS to customize the appearance and layout of your site.'\n\t);\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'CSS' ) }\n\t\t\t\tdescription={\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\thref=\"https://wordpress.org/documentation/article/css/\"\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-css-help-link\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Learn more about CSS' ) }\n\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen-css\">\n\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenCSS;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AAXA;AACA;AACA;;AAKA;AACA;AACA;;AAIA,MAAM;EAAEM,cAAc;EAAEC,aAAa,EAAEC;AAAoB,CAAC,GAAG,IAAAC,kBAAM,EACpEC,wBACD,CAAC;AAED,SAASC,SAASA,CAAA,EAAG;EACpB,MAAMC,WAAW,GAAG,IAAAC,QAAE,EACrB,uEACD,CAAC;EACD,MAAM,CAAEC,KAAK,CAAE,GAAGR,cAAc,CAAE,EAAE,EAAES,SAAS,EAAE,MAAM,EAAE;IACxDC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGZ,cAAc,CAAE,EAAE,EAAES,SAAS,EAAE,KAAK,EAAE;IAC1EC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EAEH,OACC,IAAAG,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAAChB,OAAA,CAAAkB,OAAY;IACZC,KAAK,EAAG,IAAAV,QAAE,EAAE,KAAM,CAAG;IACrBD,WAAW,EACV,IAAAO,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGT,WAAW,EACb,IAAAO,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAuB,YAAY;MACZC,IAAI,EAAC,kDAAkD;MACvDC,SAAS,EAAC;IAA8C,GAEtD,IAAAb,QAAE,EAAE,sBAAuB,CAChB,CACb;EACF,CACD,CAAC,EACF,IAAAM,MAAA,CAAAC,aAAA;IAAKM,SAAS,EAAC;EAAoC,GAClD,IAAAP,MAAA,CAAAC,aAAA,EAACZ,mBAAmB;IACnBmB,KAAK,EAAGb,KAAO;IACfc,QAAQ,EAAGV,QAAU;IACrBW,cAAc,EAAGZ;EAAgB,CACjC,CACG,CACJ,CAAC;AAEL;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAEcX,SAAS","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_blockEditor","_lockUnlock","_header","_interopRequireDefault","_jsxRuntime","useGlobalStyle","AdvancedPanel","StylesAdvancedPanel","unlock","blockEditorPrivateApis","ScreenCSS","description","__","style","undefined","shouldDecodeEncode","inheritedStyle","setStyle","jsxs","Fragment","children","jsx","default","title","ExternalLink","href","className","value","onChange","inheritedValue","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-css.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ExternalLink } from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport ScreenHeader from './header';\n\nconst { useGlobalStyle, AdvancedPanel: StylesAdvancedPanel } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction ScreenCSS() {\n\tconst description = __(\n\t\t'Add your own CSS to customize the appearance and layout of your site.'\n\t);\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'CSS' ) }\n\t\t\t\tdescription={\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ description }\n\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\thref=\"https://wordpress.org/documentation/article/css/\"\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-css-help-link\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Learn more about CSS' ) }\n\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen-css\">\n\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenCSS;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AAAoC,IAAAM,WAAA,GAAAN,OAAA;AAXpC;AACA;AACA;;AAKA;AACA;AACA;;AAIA,MAAM;EAAEO,cAAc;EAAEC,aAAa,EAAEC;AAAoB,CAAC,GAAG,IAAAC,kBAAM,EACpEC,wBACD,CAAC;AAED,SAASC,SAASA,CAAA,EAAG;EACpB,MAAMC,WAAW,GAAG,IAAAC,QAAE,EACrB,uEACD,CAAC;EACD,MAAM,CAAEC,KAAK,CAAE,GAAGR,cAAc,CAAE,EAAE,EAAES,SAAS,EAAE,MAAM,EAAE;IACxDC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGZ,cAAc,CAAE,EAAE,EAAES,SAAS,EAAE,KAAK,EAAE;IAC1EC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EAEH,oBACC,IAAAX,WAAA,CAAAc,IAAA,EAAAd,WAAA,CAAAe,QAAA;IAAAC,QAAA,gBACC,IAAAhB,WAAA,CAAAiB,GAAA,EAACnB,OAAA,CAAAoB,OAAY;MACZC,KAAK,EAAG,IAAAX,QAAE,EAAE,KAAM,CAAG;MACrBD,WAAW,eACV,IAAAP,WAAA,CAAAc,IAAA,EAAAd,WAAA,CAAAe,QAAA;QAAAC,QAAA,GACGT,WAAW,eACb,IAAAP,WAAA,CAAAiB,GAAA,EAACtB,WAAA,CAAAyB,YAAY;UACZC,IAAI,EAAC,kDAAkD;UACvDC,SAAS,EAAC,8CAA8C;UAAAN,QAAA,EAEtD,IAAAR,QAAE,EAAE,sBAAuB;QAAC,CACjB,CAAC;MAAA,CACd;IACF,CACD,CAAC,eACF,IAAAR,WAAA,CAAAiB,GAAA;MAAKK,SAAS,EAAC,oCAAoC;MAAAN,QAAA,eAClD,IAAAhB,WAAA,CAAAiB,GAAA,EAACd,mBAAmB;QACnBoB,KAAK,EAAGd,KAAO;QACfe,QAAQ,EAAGX,QAAU;QACrBY,cAAc,EAAGb;MAAgB,CACjC;IAAC,CACE,CAAC;EAAA,CACL,CAAC;AAEL;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAEcZ,SAAS","ignoreList":[]}

package/build/components/global-styles/screen-layout.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
 var _dimensionsPanel = _interopRequireDefault(require("./dimensions-panel"));
+var _backgroundPanel = _interopRequireDefault(require("./background-panel"));
 var _header = _interopRequireDefault(require("./header"));
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -20,6 +21,7 @@ var _lockUnlock = require("../../lock-unlock");
  */
 
 const {
+  useHasBackgroundPanel,
   useHasDimensionsPanel,
   useGlobalSetting,
   useSettingsForBlockElement
@@ -28,9 +30,12 @@ function ScreenLayout() {
   const [rawSettings] = useGlobalSetting('');
   const settings = useSettingsForBlockElement(rawSettings);
   const hasDimensionsPanel = useHasDimensionsPanel(settings);
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_header.default, {
-    title: (0, _i18n.__)('Layout')
-  }), hasDimensionsPanel && (0, _react.createElement)(_dimensionsPanel.default, null));
+  const hasBackgroundPanel = useHasBackgroundPanel(settings);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
+      title: (0, _i18n.__)('Layout')
+    }), hasDimensionsPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_dimensionsPanel.default, {}), hasBackgroundPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_backgroundPanel.default, {})]
+  });
 }
 var _default = exports.default = ScreenLayout;
 //# sourceMappingURL=screen-layout.js.map

package/build/components/global-styles/screen-layout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_blockEditor","_dimensionsPanel","_interopRequireDefault","_header","_lockUnlock","useHasDimensionsPanel","useGlobalSetting","useSettingsForBlockElement","unlock","blockEditorPrivateApis","ScreenLayout","rawSettings","settings","hasDimensionsPanel","_react","createElement","Fragment","default","title","__","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-layout.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport DimensionsPanel from './dimensions-panel';\nimport ScreenHeader from './header';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHasDimensionsPanel, useGlobalSetting, useSettingsForBlockElement } =\n\tunlock( blockEditorPrivateApis );\n\nfunction ScreenLayout() {\n\tconst [ rawSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader title={ __( 'Layout' ) } />\n\t\t\t{ hasDimensionsPanel && <DimensionsPanel /> }\n\t\t</>\n\t);\n}\n\nexport default ScreenLayout;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,OAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAXA;AACA;AACA;;AAIA;AACA;AACA;;AAKA,MAAM;EAAEM,qBAAqB;EAAEC,gBAAgB;EAAEC;AAA2B,CAAC,GAC5E,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEjC,SAASC,YAAYA,CAAA,EAAG;EACvB,MAAM,CAAEC,WAAW,CAAE,GAAGL,gBAAgB,CAAE,EAAG,CAAC;EAC9C,MAAMM,QAAQ,GAAGL,0BAA0B,CAAEI,WAAY,CAAC;EAC1D,MAAME,kBAAkB,GAAGR,qBAAqB,CAAEO,QAAS,CAAC;EAC5D,OACC,IAAAE,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACZ,OAAA,CAAAc,OAAY;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS;EAAG,CAAE,CAAC,EACvCN,kBAAkB,IAAI,IAAAC,MAAA,CAAAC,aAAA,EAACd,gBAAA,CAAAgB,OAAe,MAAE,CACzC,CAAC;AAEL;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEcP,YAAY","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_blockEditor","_dimensionsPanel","_interopRequireDefault","_backgroundPanel","_header","_lockUnlock","_jsxRuntime","useHasBackgroundPanel","useHasDimensionsPanel","useGlobalSetting","useSettingsForBlockElement","unlock","blockEditorPrivateApis","ScreenLayout","rawSettings","settings","hasDimensionsPanel","hasBackgroundPanel","jsxs","Fragment","children","jsx","default","title","__","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-layout.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport DimensionsPanel from './dimensions-panel';\nimport BackgroundPanel from './background-panel';\nimport ScreenHeader from './header';\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseHasBackgroundPanel,\n\tuseHasDimensionsPanel,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenLayout() {\n\tconst [ rawSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\tconst hasBackgroundPanel = useHasBackgroundPanel( settings );\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader title={ __( 'Layout' ) } />\n\t\t\t{ hasDimensionsPanel && <DimensionsPanel /> }\n\t\t\t{ hasBackgroundPanel && <BackgroundPanel /> }\n\t\t</>\n\t);\n}\n\nexport default ScreenLayout;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAA2C,IAAAO,WAAA,GAAAP,OAAA;AAZ3C;AACA;AACA;;AAIA;AACA;AACA;;AAMA,MAAM;EACLQ,qBAAqB;EACrBC,qBAAqB;EACrBC,gBAAgB;EAChBC;AACD,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEpC,SAASC,YAAYA,CAAA,EAAG;EACvB,MAAM,CAAEC,WAAW,CAAE,GAAGL,gBAAgB,CAAE,EAAG,CAAC;EAC9C,MAAMM,QAAQ,GAAGL,0BAA0B,CAAEI,WAAY,CAAC;EAC1D,MAAME,kBAAkB,GAAGR,qBAAqB,CAAEO,QAAS,CAAC;EAC5D,MAAME,kBAAkB,GAAGV,qBAAqB,CAAEQ,QAAS,CAAC;EAC5D,oBACC,IAAAT,WAAA,CAAAY,IAAA,EAAAZ,WAAA,CAAAa,QAAA;IAAAC,QAAA,gBACC,IAAAd,WAAA,CAAAe,GAAA,EAACjB,OAAA,CAAAkB,OAAY;MAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS;IAAG,CAAE,CAAC,EACvCR,kBAAkB,iBAAI,IAAAV,WAAA,CAAAe,GAAA,EAACpB,gBAAA,CAAAqB,OAAe,IAAE,CAAC,EACzCL,kBAAkB,iBAAI,IAAAX,WAAA,CAAAe,GAAA,EAAClB,gBAAA,CAAAmB,OAAe,IAAE,CAAC;EAAA,CAC1C,CAAC;AAEL;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEcT,YAAY","ignoreList":[]}

package/build/components/global-styles/screen-revisions/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
@@ -19,6 +18,7 @@ var _useGlobalStylesRevisions = _interopRequireDefault(require("./use-global-sty
 var _revisionsButtons = _interopRequireDefault(require("./revisions-buttons"));
 var _styleBook = _interopRequireDefault(require("../../style-book"));
 var _pagination = _interopRequireDefault(require("../../pagination"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -75,15 +75,21 @@ function ScreenRevisions() {
   const restoreRevision = revision => {
     setUserConfig(() => ({
       styles: revision?.styles,
-      settings: revision?.settings
+      settings: revision?.settings,
+      _links: revision?._links
     }));
     setIsLoadingRevisionWithUnsavedChanges(false);
     onCloseRevisions();
   };
   const selectRevision = revision => {
     setCurrentlySelectedRevision({
+      /*
+       * The default must be an empty object so that
+       * `mergeBaseAndUserConfigs()` can merge them correctly.
+       */
       styles: revision?.styles || {},
       settings: revision?.settings || {},
+      _links: revision?._links || {},
       id: revision?.id
     });
   };
@@ -121,46 +127,50 @@ function ScreenRevisions() {
   // and it is different from the current editor styles.
   const isLoadButtonEnabled = !!currentlySelectedRevisionId && currentlySelectedRevisionId !== 'unsaved' && !selectedRevisionMatchesEditorStyles;
   const hasRevisions = !!currentRevisions.length;
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_header.default, {
-    title: revisionsCount &&
-    // translators: %s: number of revisions.
-    (0, _i18n.sprintf)((0, _i18n.__)('Revisions (%s)'), revisionsCount),
-    description: (0, _i18n.__)('Click on previously saved styles to preview them. To restore a selected version to the editor, hit "Apply." When you\'re ready, use the Save button to save your changes.'),
-    onBack: onCloseRevisions
-  }), !hasRevisions && (0, _react.createElement)(_components.Spinner, {
-    className: "edit-site-global-styles-screen-revisions__loading"
-  }), hasRevisions && (editorCanvasContainerView === 'global-styles-revisions:style-book' ? (0, _react.createElement)(_styleBook.default, {
-    userConfig: currentlySelectedRevision,
-    isSelected: () => {},
-    onClose: () => {
-      setEditorCanvasContainerView('global-styles-revisions');
-    }
-  }) : (0, _react.createElement)(_revisions.default, {
-    blocks: blocks,
-    userConfig: currentlySelectedRevision,
-    closeButtonLabel: (0, _i18n.__)('Close revisions')
-  })), (0, _react.createElement)(_revisionsButtons.default, {
-    onChange: selectRevision,
-    selectedRevisionId: currentlySelectedRevisionId,
-    userRevisions: currentRevisions,
-    canApplyRevision: isLoadButtonEnabled,
-    onApplyRevision: () => hasUnsavedChanges ? setIsLoadingRevisionWithUnsavedChanges(true) : restoreRevision(currentlySelectedRevision)
-  }), numPages > 1 && (0, _react.createElement)("div", {
-    className: "edit-site-global-styles-screen-revisions__footer"
-  }, (0, _react.createElement)(_pagination.default, {
-    className: "edit-site-global-styles-screen-revisions__pagination",
-    currentPage: currentPage,
-    numPages: numPages,
-    changePage: setCurrentPage,
-    totalItems: revisionsCount,
-    disabled: isLoading,
-    label: (0, _i18n.__)('Global Styles pagination navigation')
-  })), isLoadingRevisionWithUnsavedChanges && (0, _react.createElement)(_components.__experimentalConfirmDialog, {
-    isOpen: isLoadingRevisionWithUnsavedChanges,
-    confirmButtonText: (0, _i18n.__)('Apply'),
-    onConfirm: () => restoreRevision(currentlySelectedRevision),
-    onCancel: () => setIsLoadingRevisionWithUnsavedChanges(false)
-  }, (0, _i18n.__)('Are you sure you want to apply this revision? Any unsaved changes will be lost.')));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
+      title: revisionsCount &&
+      // translators: %s: number of revisions.
+      (0, _i18n.sprintf)((0, _i18n.__)('Revisions (%s)'), revisionsCount),
+      description: (0, _i18n.__)('Click on previously saved styles to preview them. To restore a selected version to the editor, hit "Apply." When you\'re ready, use the Save button to save your changes.'),
+      onBack: onCloseRevisions
+    }), !hasRevisions && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {
+      className: "edit-site-global-styles-screen-revisions__loading"
+    }), hasRevisions && (editorCanvasContainerView === 'global-styles-revisions:style-book' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styleBook.default, {
+      userConfig: currentlySelectedRevision,
+      isSelected: () => {},
+      onClose: () => {
+        setEditorCanvasContainerView('global-styles-revisions');
+      }
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_revisions.default, {
+      blocks: blocks,
+      userConfig: currentlySelectedRevision,
+      closeButtonLabel: (0, _i18n.__)('Close revisions')
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_revisionsButtons.default, {
+      onChange: selectRevision,
+      selectedRevisionId: currentlySelectedRevisionId,
+      userRevisions: currentRevisions,
+      canApplyRevision: isLoadButtonEnabled,
+      onApplyRevision: () => hasUnsavedChanges ? setIsLoadingRevisionWithUnsavedChanges(true) : restoreRevision(currentlySelectedRevision)
+    }), numPages > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "edit-site-global-styles-screen-revisions__footer",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pagination.default, {
+        className: "edit-site-global-styles-screen-revisions__pagination",
+        currentPage: currentPage,
+        numPages: numPages,
+        changePage: setCurrentPage,
+        totalItems: revisionsCount,
+        disabled: isLoading,
+        label: (0, _i18n.__)('Global Styles pagination navigation')
+      })
+    }), isLoadingRevisionWithUnsavedChanges && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalConfirmDialog, {
+      isOpen: isLoadingRevisionWithUnsavedChanges,
+      confirmButtonText: (0, _i18n.__)('Apply'),
+      onConfirm: () => restoreRevision(currentlySelectedRevision),
+      onCancel: () => setIsLoadingRevisionWithUnsavedChanges(false),
+      children: (0, _i18n.__)('Are you sure you want to apply this revision? Any unsaved changes will be lost.')
+    })]
+  });
 }
 var _default = exports.default = ScreenRevisions;
 //# sourceMappingURL=index.js.map

package/build/components/global-styles/screen-revisions/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_data","_element","_blockEditor","_header","_interopRequireDefault","_lockUnlock","_revisions","_store","_useGlobalStylesRevisions","_revisionsButtons","_styleBook","_pagination","GlobalStylesContext","areGlobalStyleConfigsEqual","unlock","blockEditorPrivateApis","PAGE_SIZE","ScreenRevisions","goTo","useNavigator","user","currentEditorGlobalStyles","setUserConfig","useContext","blocks","editorCanvasContainerView","useSelect","select","editSiteStore","getEditorCanvasContainerView","blockEditorStore","getBlocks","currentPage","setCurrentPage","useState","currentRevisions","setCurrentRevisions","revisions","isLoading","hasUnsavedChanges","revisionsCount","useGlobalStylesRevisions","query","per_page","page","numPages","Math","ceil","currentlySelectedRevision","setCurrentlySelectedRevision","isLoadingRevisionWithUnsavedChanges","setIsLoadingRevisionWithUnsavedChanges","setEditorCanvasContainerView","useDispatch","selectedRevisionMatchesEditorStyles","onCloseRevisions","canvasContainerView","undefined","restoreRevision","revision","styles","settings","selectRevision","id","useEffect","startsWith","length","firstRevision","currentlySelectedRevisionId","shouldSelectFirstItem","isLoadButtonEnabled","hasRevisions","_react","createElement","Fragment","default","title","sprintf","__","description","onBack","Spinner","className","userConfig","isSelected","onClose","closeButtonLabel","onChange","selectedRevisionId","userRevisions","canApplyRevision","onApplyRevision","changePage","totalItems","disabled","label","__experimentalConfirmDialog","isOpen","confirmButtonText","onConfirm","onCancel","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-revisions/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalUseNavigator as useNavigator,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tSpinner,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useContext, useState, useEffect } from '@wordpress/element';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from '../header';\nimport { unlock } from '../../../lock-unlock';\nimport Revisions from '../../revisions';\nimport { store as editSiteStore } from '../../../store';\nimport useGlobalStylesRevisions from './use-global-styles-revisions';\nimport RevisionsButtons from './revisions-buttons';\nimport StyleBook from '../../style-book';\nimport Pagination from '../../pagination';\n\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nconst PAGE_SIZE = 10;\n\nfunction ScreenRevisions() {\n\tconst { goTo } = useNavigator();\n\tconst { user: currentEditorGlobalStyles, setUserConfig } =\n\t\tuseContext( GlobalStylesContext );\n\tconst { blocks, editorCanvasContainerView } = useSelect(\n\t\t( select ) => ( {\n\t\t\teditorCanvasContainerView: unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView(),\n\t\t\tblocks: select( blockEditorStore ).getBlocks(),\n\t\t} ),\n\t\t[]\n\t);\n\tconst [ currentPage, setCurrentPage ] = useState( 1 );\n\tconst [ currentRevisions, setCurrentRevisions ] = useState( [] );\n\tconst { revisions, isLoading, hasUnsavedChanges, revisionsCount } =\n\t\tuseGlobalStylesRevisions( {\n\t\t\tquery: {\n\t\t\t\tper_page: PAGE_SIZE,\n\t\t\t\tpage: currentPage,\n\t\t\t},\n\t\t} );\n\n\tconst numPages = Math.ceil( revisionsCount / PAGE_SIZE );\n\n\tconst [ currentlySelectedRevision, setCurrentlySelectedRevision ] =\n\t\tuseState( currentEditorGlobalStyles );\n\tconst [\n\t\tisLoadingRevisionWithUnsavedChanges,\n\t\tsetIsLoadingRevisionWithUnsavedChanges,\n\t] = useState( false );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst selectedRevisionMatchesEditorStyles = areGlobalStyleConfigsEqual(\n\t\tcurrentlySelectedRevision,\n\t\tcurrentEditorGlobalStyles\n\t);\n\n\tconst onCloseRevisions = () => {\n\t\tgoTo( '/' ); // Return to global styles main panel.\n\t\tconst canvasContainerView =\n\t\t\teditorCanvasContainerView === 'global-styles-revisions:style-book'\n\t\t\t\t? 'style-book'\n\t\t\t\t: undefined;\n\t\tsetEditorCanvasContainerView( canvasContainerView );\n\t};\n\n\tconst restoreRevision = ( revision ) => {\n\t\tsetUserConfig( () => ( {\n\t\t\tstyles: revision?.styles,\n\t\t\tsettings: revision?.settings,\n\t\t} ) );\n\t\tsetIsLoadingRevisionWithUnsavedChanges( false );\n\t\tonCloseRevisions();\n\t};\n\n\tconst selectRevision = ( revision ) => {\n\t\tsetCurrentlySelectedRevision( {\n\t\t\tstyles: revision?.styles || {},\n\t\t\tsettings: revision?.settings || {},\n\t\t\tid: revision?.id,\n\t\t} );\n\t};\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\t! editorCanvasContainerView ||\n\t\t\t! editorCanvasContainerView.startsWith( 'global-styles-revisions' )\n\t\t) {\n\t\t\tgoTo( '/' ); // Return to global styles main panel.\n\t\t}\n\t}, [ editorCanvasContainerView ] );\n\n\tuseEffect( () => {\n\t\tif ( ! isLoading && revisions.length ) {\n\t\t\tsetCurrentRevisions( revisions );\n\t\t}\n\t}, [ revisions, isLoading ] );\n\n\tconst firstRevision = revisions[ 0 ];\n\tconst currentlySelectedRevisionId = currentlySelectedRevision?.id;\n\tconst shouldSelectFirstItem =\n\t\t!! firstRevision?.id &&\n\t\t! selectedRevisionMatchesEditorStyles &&\n\t\t! currentlySelectedRevisionId;\n\n\tuseEffect( () => {\n\t\t/*\n\t\t * Ensure that the first item is selected and loaded into the preview pane\n\t\t * when no revision is selected and the selected styles don't match the current editor styles.\n\t\t * This is required in case editor styles are changed outside the revisions panel,\n\t\t * e.g., via the reset styles function of useGlobalStylesReset().\n\t\t * See: https://github.com/WordPress/gutenberg/issues/55866\n\t\t */\n\t\tif ( shouldSelectFirstItem ) {\n\t\t\tsetCurrentlySelectedRevision( {\n\t\t\t\tstyles: firstRevision?.styles || {},\n\t\t\t\tsettings: firstRevision?.settings || {},\n\t\t\t\tid: firstRevision?.id,\n\t\t\t} );\n\t\t}\n\t}, [ shouldSelectFirstItem, firstRevision ] );\n\n\t// Only display load button if there is a revision to load,\n\t// and it is different from the current editor styles.\n\tconst isLoadButtonEnabled =\n\t\t!! currentlySelectedRevisionId &&\n\t\tcurrentlySelectedRevisionId !== 'unsaved' &&\n\t\t! selectedRevisionMatchesEditorStyles;\n\tconst hasRevisions = !! currentRevisions.length;\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={\n\t\t\t\t\trevisionsCount &&\n\t\t\t\t\t// translators: %s: number of revisions.\n\t\t\t\t\tsprintf( __( 'Revisions (%s)' ), revisionsCount )\n\t\t\t\t}\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Click on previously saved styles to preview them. To restore a selected version to the editor, hit \"Apply.\" When you\\'re ready, use the Save button to save your changes.'\n\t\t\t\t) }\n\t\t\t\tonBack={ onCloseRevisions }\n\t\t\t/>\n\t\t\t{ ! hasRevisions && (\n\t\t\t\t<Spinner className=\"edit-site-global-styles-screen-revisions__loading\" />\n\t\t\t) }\n\t\t\t{ hasRevisions &&\n\t\t\t\t( editorCanvasContainerView ===\n\t\t\t\t'global-styles-revisions:style-book' ? (\n\t\t\t\t\t<StyleBook\n\t\t\t\t\t\tuserConfig={ currentlySelectedRevision }\n\t\t\t\t\t\tisSelected={ () => {} }\n\t\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t\t\t\t\t'global-styles-revisions'\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<Revisions\n\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\tuserConfig={ currentlySelectedRevision }\n\t\t\t\t\t\tcloseButtonLabel={ __( 'Close revisions' ) }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t<RevisionsButtons\n\t\t\t\tonChange={ selectRevision }\n\t\t\t\tselectedRevisionId={ currentlySelectedRevisionId }\n\t\t\t\tuserRevisions={ currentRevisions }\n\t\t\t\tcanApplyRevision={ isLoadButtonEnabled }\n\t\t\t\tonApplyRevision={ () =>\n\t\t\t\t\thasUnsavedChanges\n\t\t\t\t\t\t? setIsLoadingRevisionWithUnsavedChanges( true )\n\t\t\t\t\t\t: restoreRevision( currentlySelectedRevision )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ numPages > 1 && (\n\t\t\t\t<div className=\"edit-site-global-styles-screen-revisions__footer\">\n\t\t\t\t\t<Pagination\n\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__pagination\"\n\t\t\t\t\t\tcurrentPage={ currentPage }\n\t\t\t\t\t\tnumPages={ numPages }\n\t\t\t\t\t\tchangePage={ setCurrentPage }\n\t\t\t\t\t\ttotalItems={ revisionsCount }\n\t\t\t\t\t\tdisabled={ isLoading }\n\t\t\t\t\t\tlabel={ __( 'Global Styles pagination navigation' ) }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ isLoadingRevisionWithUnsavedChanges && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen={ isLoadingRevisionWithUnsavedChanges }\n\t\t\t\t\tconfirmButtonText={ __( 'Apply' ) }\n\t\t\t\t\tonConfirm={ () =>\n\t\t\t\t\t\trestoreRevision( currentlySelectedRevision )\n\t\t\t\t\t}\n\t\t\t\t\tonCancel={ () =>\n\t\t\t\t\t\tsetIsLoadingRevisionWithUnsavedChanges( false )\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Are you sure you want to apply this revision? Any unsaved changes will be lost.'\n\t\t\t\t\t) }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default ScreenRevisions;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_data","_element","_blockEditor","_header","_interopRequireDefault","_lockUnlock","_revisions","_store","_useGlobalStylesRevisions","_revisionsButtons","_styleBook","_pagination","_jsxRuntime","GlobalStylesContext","areGlobalStyleConfigsEqual","unlock","blockEditorPrivateApis","PAGE_SIZE","ScreenRevisions","goTo","useNavigator","user","currentEditorGlobalStyles","setUserConfig","useContext","blocks","editorCanvasContainerView","useSelect","select","editSiteStore","getEditorCanvasContainerView","blockEditorStore","getBlocks","currentPage","setCurrentPage","useState","currentRevisions","setCurrentRevisions","revisions","isLoading","hasUnsavedChanges","revisionsCount","useGlobalStylesRevisions","query","per_page","page","numPages","Math","ceil","currentlySelectedRevision","setCurrentlySelectedRevision","isLoadingRevisionWithUnsavedChanges","setIsLoadingRevisionWithUnsavedChanges","setEditorCanvasContainerView","useDispatch","selectedRevisionMatchesEditorStyles","onCloseRevisions","canvasContainerView","undefined","restoreRevision","revision","styles","settings","_links","selectRevision","id","useEffect","startsWith","length","firstRevision","currentlySelectedRevisionId","shouldSelectFirstItem","isLoadButtonEnabled","hasRevisions","jsxs","Fragment","children","jsx","default","title","sprintf","__","description","onBack","Spinner","className","userConfig","isSelected","onClose","closeButtonLabel","onChange","selectedRevisionId","userRevisions","canApplyRevision","onApplyRevision","changePage","totalItems","disabled","label","__experimentalConfirmDialog","isOpen","confirmButtonText","onConfirm","onCancel","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-revisions/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalUseNavigator as useNavigator,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tSpinner,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useContext, useState, useEffect } from '@wordpress/element';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from '../header';\nimport { unlock } from '../../../lock-unlock';\nimport Revisions from '../../revisions';\nimport { store as editSiteStore } from '../../../store';\nimport useGlobalStylesRevisions from './use-global-styles-revisions';\nimport RevisionsButtons from './revisions-buttons';\nimport StyleBook from '../../style-book';\nimport Pagination from '../../pagination';\n\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nconst PAGE_SIZE = 10;\n\nfunction ScreenRevisions() {\n\tconst { goTo } = useNavigator();\n\tconst { user: currentEditorGlobalStyles, setUserConfig } =\n\t\tuseContext( GlobalStylesContext );\n\tconst { blocks, editorCanvasContainerView } = useSelect(\n\t\t( select ) => ( {\n\t\t\teditorCanvasContainerView: unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView(),\n\t\t\tblocks: select( blockEditorStore ).getBlocks(),\n\t\t} ),\n\t\t[]\n\t);\n\tconst [ currentPage, setCurrentPage ] = useState( 1 );\n\tconst [ currentRevisions, setCurrentRevisions ] = useState( [] );\n\tconst { revisions, isLoading, hasUnsavedChanges, revisionsCount } =\n\t\tuseGlobalStylesRevisions( {\n\t\t\tquery: {\n\t\t\t\tper_page: PAGE_SIZE,\n\t\t\t\tpage: currentPage,\n\t\t\t},\n\t\t} );\n\n\tconst numPages = Math.ceil( revisionsCount / PAGE_SIZE );\n\n\tconst [ currentlySelectedRevision, setCurrentlySelectedRevision ] =\n\t\tuseState( currentEditorGlobalStyles );\n\tconst [\n\t\tisLoadingRevisionWithUnsavedChanges,\n\t\tsetIsLoadingRevisionWithUnsavedChanges,\n\t] = useState( false );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst selectedRevisionMatchesEditorStyles = areGlobalStyleConfigsEqual(\n\t\tcurrentlySelectedRevision,\n\t\tcurrentEditorGlobalStyles\n\t);\n\n\tconst onCloseRevisions = () => {\n\t\tgoTo( '/' ); // Return to global styles main panel.\n\t\tconst canvasContainerView =\n\t\t\teditorCanvasContainerView === 'global-styles-revisions:style-book'\n\t\t\t\t? 'style-book'\n\t\t\t\t: undefined;\n\t\tsetEditorCanvasContainerView( canvasContainerView );\n\t};\n\n\tconst restoreRevision = ( revision ) => {\n\t\tsetUserConfig( () => ( {\n\t\t\tstyles: revision?.styles,\n\t\t\tsettings: revision?.settings,\n\t\t\t_links: revision?._links,\n\t\t} ) );\n\t\tsetIsLoadingRevisionWithUnsavedChanges( false );\n\t\tonCloseRevisions();\n\t};\n\n\tconst selectRevision = ( revision ) => {\n\t\tsetCurrentlySelectedRevision( {\n\t\t\t/*\n\t\t\t * The default must be an empty object so that\n\t\t\t * `mergeBaseAndUserConfigs()` can merge them correctly.\n\t\t\t */\n\t\t\tstyles: revision?.styles || {},\n\t\t\tsettings: revision?.settings || {},\n\t\t\t_links: revision?._links || {},\n\t\t\tid: revision?.id,\n\t\t} );\n\t};\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\t! editorCanvasContainerView ||\n\t\t\t! editorCanvasContainerView.startsWith( 'global-styles-revisions' )\n\t\t) {\n\t\t\tgoTo( '/' ); // Return to global styles main panel.\n\t\t}\n\t}, [ editorCanvasContainerView ] );\n\n\tuseEffect( () => {\n\t\tif ( ! isLoading && revisions.length ) {\n\t\t\tsetCurrentRevisions( revisions );\n\t\t}\n\t}, [ revisions, isLoading ] );\n\n\tconst firstRevision = revisions[ 0 ];\n\tconst currentlySelectedRevisionId = currentlySelectedRevision?.id;\n\tconst shouldSelectFirstItem =\n\t\t!! firstRevision?.id &&\n\t\t! selectedRevisionMatchesEditorStyles &&\n\t\t! currentlySelectedRevisionId;\n\n\tuseEffect( () => {\n\t\t/*\n\t\t * Ensure that the first item is selected and loaded into the preview pane\n\t\t * when no revision is selected and the selected styles don't match the current editor styles.\n\t\t * This is required in case editor styles are changed outside the revisions panel,\n\t\t * e.g., via the reset styles function of useGlobalStylesReset().\n\t\t * See: https://github.com/WordPress/gutenberg/issues/55866\n\t\t */\n\t\tif ( shouldSelectFirstItem ) {\n\t\t\tsetCurrentlySelectedRevision( {\n\t\t\t\tstyles: firstRevision?.styles || {},\n\t\t\t\tsettings: firstRevision?.settings || {},\n\t\t\t\tid: firstRevision?.id,\n\t\t\t} );\n\t\t}\n\t}, [ shouldSelectFirstItem, firstRevision ] );\n\n\t// Only display load button if there is a revision to load,\n\t// and it is different from the current editor styles.\n\tconst isLoadButtonEnabled =\n\t\t!! currentlySelectedRevisionId &&\n\t\tcurrentlySelectedRevisionId !== 'unsaved' &&\n\t\t! selectedRevisionMatchesEditorStyles;\n\tconst hasRevisions = !! currentRevisions.length;\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={\n\t\t\t\t\trevisionsCount &&\n\t\t\t\t\t// translators: %s: number of revisions.\n\t\t\t\t\tsprintf( __( 'Revisions (%s)' ), revisionsCount )\n\t\t\t\t}\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Click on previously saved styles to preview them. To restore a selected version to the editor, hit \"Apply.\" When you\\'re ready, use the Save button to save your changes.'\n\t\t\t\t) }\n\t\t\t\tonBack={ onCloseRevisions }\n\t\t\t/>\n\t\t\t{ ! hasRevisions && (\n\t\t\t\t<Spinner className=\"edit-site-global-styles-screen-revisions__loading\" />\n\t\t\t) }\n\t\t\t{ hasRevisions &&\n\t\t\t\t( editorCanvasContainerView ===\n\t\t\t\t'global-styles-revisions:style-book' ? (\n\t\t\t\t\t<StyleBook\n\t\t\t\t\t\tuserConfig={ currentlySelectedRevision }\n\t\t\t\t\t\tisSelected={ () => {} }\n\t\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t\t\t\t\t'global-styles-revisions'\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<Revisions\n\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\tuserConfig={ currentlySelectedRevision }\n\t\t\t\t\t\tcloseButtonLabel={ __( 'Close revisions' ) }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t<RevisionsButtons\n\t\t\t\tonChange={ selectRevision }\n\t\t\t\tselectedRevisionId={ currentlySelectedRevisionId }\n\t\t\t\tuserRevisions={ currentRevisions }\n\t\t\t\tcanApplyRevision={ isLoadButtonEnabled }\n\t\t\t\tonApplyRevision={ () =>\n\t\t\t\t\thasUnsavedChanges\n\t\t\t\t\t\t? setIsLoadingRevisionWithUnsavedChanges( true )\n\t\t\t\t\t\t: restoreRevision( currentlySelectedRevision )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ numPages > 1 && (\n\t\t\t\t<div className=\"edit-site-global-styles-screen-revisions__footer\">\n\t\t\t\t\t<Pagination\n\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__pagination\"\n\t\t\t\t\t\tcurrentPage={ currentPage }\n\t\t\t\t\t\tnumPages={ numPages }\n\t\t\t\t\t\tchangePage={ setCurrentPage }\n\t\t\t\t\t\ttotalItems={ revisionsCount }\n\t\t\t\t\t\tdisabled={ isLoading }\n\t\t\t\t\t\tlabel={ __( 'Global Styles pagination navigation' ) }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ isLoadingRevisionWithUnsavedChanges && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen={ isLoadingRevisionWithUnsavedChanges }\n\t\t\t\t\tconfirmButtonText={ __( 'Apply' ) }\n\t\t\t\t\tonConfirm={ () =>\n\t\t\t\t\t\trestoreRevision( currentlySelectedRevision )\n\t\t\t\t\t}\n\t\t\t\t\tonCancel={ () =>\n\t\t\t\t\t\tsetIsLoadingRevisionWithUnsavedChanges( false )\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Are you sure you want to apply this revision? Any unsaved changes will be lost.'\n\t\t\t\t\t) }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default ScreenRevisions;\n"],"mappings":"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","ignoreList":[]}