@wordpress/edit-site 5.34.0 → 6.0.0

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

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _date = require("@wordpress/date");
@@ -14,6 +13,7 @@ var _coreData = require("@wordpress/core-data");
 var _data = require("@wordpress/data");
 var _blockEditor = require("@wordpress/block-editor");
 var _lockUnlock = require("../../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -40,12 +40,13 @@ function ChangesSummary({
   if (!changes.length) {
     return null;
   }
-  return (0, _react.createElement)("ul", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
     "data-testid": "global-styles-revision-changes",
-    className: "edit-site-global-styles-screen-revisions__changes"
-  }, changes.map(change => (0, _react.createElement)("li", {
-    key: change
-  }, change)));
+    className: "edit-site-global-styles-screen-revisions__changes",
+    children: changes.map(change => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+      children: change
+    }, change))
+  });
 }
 
 /**
@@ -108,72 +109,82 @@ function RevisionsButtons({
   const {
     datetimeAbbreviated
   } = (0, _date.getSettings)().formats;
-  return (0, _react.createElement)("ol", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("ol", {
     className: "edit-site-global-styles-screen-revisions__revisions-list",
     "aria-label": (0, _i18n.__)('Global styles revisions list'),
-    role: "group"
-  }, userRevisions.map((revision, index) => {
-    const {
-      id,
-      author,
-      modified
-    } = revision;
-    const isUnsaved = 'unsaved' === id;
-    // Unsaved changes are created by the current user.
-    const revisionAuthor = isUnsaved ? currentUser : author;
-    const authorDisplayName = revisionAuthor?.name || (0, _i18n.__)('User');
-    const authorAvatar = revisionAuthor?.avatar_urls?.['48'];
-    const isFirstItem = index === 0;
-    const isSelected = selectedRevisionId ? selectedRevisionId === id : isFirstItem;
-    const areStylesEqual = !canApplyRevision && isSelected;
-    const isReset = 'parent' === id;
-    const modifiedDate = (0, _date.getDate)(modified);
-    const displayDate = modified && dateNowInMs - modifiedDate.getTime() > DAY_IN_MILLISECONDS ? (0, _date.dateI18n)(datetimeAbbreviated, modifiedDate) : (0, _date.humanTimeDiff)(modified);
-    const revisionLabel = getRevisionLabel(id, authorDisplayName, (0, _date.dateI18n)(datetimeAbbreviated, modifiedDate), areStylesEqual);
-    return (0, _react.createElement)("li", {
-      className: (0, _classnames.default)('edit-site-global-styles-screen-revisions__revision-item', {
-        'is-selected': isSelected,
-        'is-active': areStylesEqual,
-        'is-reset': isReset
-      }),
-      key: id,
-      "aria-current": isSelected
-    }, (0, _react.createElement)(_components.Button, {
-      className: "edit-site-global-styles-screen-revisions__revision-button",
-      disabled: isSelected,
-      onClick: () => {
-        onChange(revision);
-      },
-      "aria-label": revisionLabel
-    }, isReset ? (0, _react.createElement)("span", {
-      className: "edit-site-global-styles-screen-revisions__description"
-    }, (0, _i18n.__)('Default styles'), (0, _react.createElement)("span", {
-      className: "edit-site-global-styles-screen-revisions__meta"
-    }, currentThemeName)) : (0, _react.createElement)("span", {
-      className: "edit-site-global-styles-screen-revisions__description"
-    }, isUnsaved ? (0, _react.createElement)("span", {
-      className: "edit-site-global-styles-screen-revisions__date"
-    }, (0, _i18n.__)('(Unsaved)')) : (0, _react.createElement)("time", {
-      className: "edit-site-global-styles-screen-revisions__date",
-      dateTime: modified
-    }, displayDate), (0, _react.createElement)("span", {
-      className: "edit-site-global-styles-screen-revisions__meta"
-    }, (0, _react.createElement)("img", {
-      alt: authorDisplayName,
-      src: authorAvatar
-    }), authorDisplayName), isSelected && (0, _react.createElement)(ChangesSummary, {
-      revision: revision,
-      previousRevision: index < userRevisions.length ? userRevisions[index + 1] : {}
-    }))), isSelected && (areStylesEqual ? (0, _react.createElement)("p", {
-      className: "edit-site-global-styles-screen-revisions__applied-text"
-    }, (0, _i18n.__)('These styles are already applied to your site.')) : (0, _react.createElement)(_components.Button, {
-      disabled: areStylesEqual,
-      size: "compact",
-      variant: "primary",
-      className: "edit-site-global-styles-screen-revisions__apply-button",
-      onClick: onApplyRevision
-    }, isReset ? (0, _i18n.__)('Reset to defaults') : (0, _i18n.__)('Apply'))));
-  }));
+    role: "group",
+    children: userRevisions.map((revision, index) => {
+      const {
+        id,
+        author,
+        modified
+      } = revision;
+      const isUnsaved = 'unsaved' === id;
+      // Unsaved changes are created by the current user.
+      const revisionAuthor = isUnsaved ? currentUser : author;
+      const authorDisplayName = revisionAuthor?.name || (0, _i18n.__)('User');
+      const authorAvatar = revisionAuthor?.avatar_urls?.['48'];
+      const isFirstItem = index === 0;
+      const isSelected = selectedRevisionId ? selectedRevisionId === id : isFirstItem;
+      const areStylesEqual = !canApplyRevision && isSelected;
+      const isReset = 'parent' === id;
+      const modifiedDate = (0, _date.getDate)(modified);
+      const displayDate = modified && dateNowInMs - modifiedDate.getTime() > DAY_IN_MILLISECONDS ? (0, _date.dateI18n)(datetimeAbbreviated, modifiedDate) : (0, _date.humanTimeDiff)(modified);
+      const revisionLabel = getRevisionLabel(id, authorDisplayName, (0, _date.dateI18n)(datetimeAbbreviated, modifiedDate), areStylesEqual);
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+        className: (0, _clsx.default)('edit-site-global-styles-screen-revisions__revision-item', {
+          'is-selected': isSelected,
+          'is-active': areStylesEqual,
+          'is-reset': isReset
+        }),
+        "aria-current": isSelected,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          className: "edit-site-global-styles-screen-revisions__revision-button",
+          disabled: isSelected,
+          onClick: () => {
+            onChange(revision);
+          },
+          "aria-label": revisionLabel,
+          children: isReset ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+            className: "edit-site-global-styles-screen-revisions__description",
+            children: [(0, _i18n.__)('Default styles'), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "edit-site-global-styles-screen-revisions__meta",
+              children: currentThemeName
+            })]
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+            className: "edit-site-global-styles-screen-revisions__description",
+            children: [isUnsaved ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "edit-site-global-styles-screen-revisions__date",
+              children: (0, _i18n.__)('(Unsaved)')
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("time", {
+              className: "edit-site-global-styles-screen-revisions__date",
+              dateTime: modified,
+              children: displayDate
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+              className: "edit-site-global-styles-screen-revisions__meta",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                alt: authorDisplayName,
+                src: authorAvatar
+              }), authorDisplayName]
+            }), isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)(ChangesSummary, {
+              revision: revision,
+              previousRevision: index < userRevisions.length ? userRevisions[index + 1] : {}
+            })]
+          })
+        }), isSelected && (areStylesEqual ? /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          className: "edit-site-global-styles-screen-revisions__applied-text",
+          children: (0, _i18n.__)('These styles are already applied to your site.')
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          disabled: areStylesEqual,
+          size: "compact",
+          variant: "primary",
+          className: "edit-site-global-styles-screen-revisions__apply-button",
+          onClick: onApplyRevision,
+          children: isReset ? (0, _i18n.__)('Reset to defaults') : (0, _i18n.__)('Apply')
+        }))]
+      }, id);
+    })
+  });
 }
 var _default = exports.default = RevisionsButtons;
 //# sourceMappingURL=revisions-buttons.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_components","_date","_coreData","_data","_blockEditor","_lockUnlock","DAY_IN_MILLISECONDS","getGlobalStylesChanges","unlock","blockEditorPrivateApis","ChangesSummary","revision","previousRevision","changes","maxResults","length","_react","createElement","className","map","change","key","getRevisionLabel","id","authorDisplayName","formattedModifiedDate","areStylesEqual","__","sprintf","RevisionsButtons","userRevisions","selectedRevisionId","onChange","canApplyRevision","onApplyRevision","currentThemeName","currentUser","useSelect","select","getCurrentTheme","getCurrentUser","coreStore","currentTheme","name","rendered","stylesheet","dateNowInMs","getDate","getTime","datetimeAbbreviated","getSettings","formats","role","index","author","modified","isUnsaved","revisionAuthor","authorAvatar","avatar_urls","isFirstItem","isSelected","isReset","modifiedDate","displayDate","dateI18n","humanTimeDiff","revisionLabel","classnames","Button","disabled","onClick","dateTime","alt","src","size","variant","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-revisions/revisions-buttons.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { dateI18n, getDate, humanTimeDiff, getSettings } from '@wordpress/date';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\n\nconst DAY_IN_MILLISECONDS = 60 * 60 * 1000 * 24;\nconst { getGlobalStylesChanges } = unlock( blockEditorPrivateApis );\n\nfunction ChangesSummary( { revision, previousRevision } ) {\n\tconst changes = getGlobalStylesChanges( revision, previousRevision, {\n\t\tmaxResults: 7,\n\t} );\n\n\tif ( ! changes.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ul\n\t\t\tdata-testid=\"global-styles-revision-changes\"\n\t\t\tclassName=\"edit-site-global-styles-screen-revisions__changes\"\n\t\t>\n\t\t\t{ changes.map( ( change ) => (\n\t\t\t\t<li key={ change }>{ change }</li>\n\t\t\t) ) }\n\t\t</ul>\n\t);\n}\n\n/**\n * Returns a button label for the revision.\n *\n * @param {string|number} id                    A revision object.\n * @param {string}        authorDisplayName     Author name.\n * @param {string}        formattedModifiedDate Revision modified date formatted.\n * @param {boolean}       areStylesEqual        Whether the revision matches the current editor styles.\n * @return {string} Translated label.\n */\nfunction getRevisionLabel(\n\tid,\n\tauthorDisplayName,\n\tformattedModifiedDate,\n\tareStylesEqual\n) {\n\tif ( 'parent' === id ) {\n\t\treturn __( 'Reset the styles to the theme defaults' );\n\t}\n\n\tif ( 'unsaved' === id ) {\n\t\treturn sprintf(\n\t\t\t/* translators: %s: author display name */\n\t\t\t__( 'Unsaved changes by %s' ),\n\t\t\tauthorDisplayName\n\t\t);\n\t}\n\n\treturn areStylesEqual\n\t\t? sprintf(\n\t\t\t\t// translators: %1$s: author display name, %2$s: revision creation date.\n\t\t\t\t__(\n\t\t\t\t\t'Changes saved by %1$s on %2$s. This revision matches current editor styles.'\n\t\t\t\t),\n\t\t\t\tauthorDisplayName,\n\t\t\t\tformattedModifiedDate\n\t\t  )\n\t\t: sprintf(\n\t\t\t\t// translators: %1$s: author display name, %2$s: revision creation date.\n\t\t\t\t__( 'Changes saved by %1$s on %2$s' ),\n\t\t\t\tauthorDisplayName,\n\t\t\t\tformattedModifiedDate\n\t\t  );\n}\n\n/**\n * Returns a rendered list of revisions buttons.\n *\n * @typedef {Object} props\n * @property {Array<Object>} userRevisions      A collection of user revisions.\n * @property {number}        selectedRevisionId The id of the currently-selected revision.\n * @property {Function}      onChange           Callback fired when a revision is selected.\n *\n * @param    {props}         Component          props.\n * @return {JSX.Element} The modal component.\n */\nfunction RevisionsButtons( {\n\tuserRevisions,\n\tselectedRevisionId,\n\tonChange,\n\tcanApplyRevision,\n\tonApplyRevision,\n} ) {\n\tconst { currentThemeName, currentUser } = useSelect( ( select ) => {\n\t\tconst { getCurrentTheme, getCurrentUser } = select( coreStore );\n\t\tconst currentTheme = getCurrentTheme();\n\t\treturn {\n\t\t\tcurrentThemeName:\n\t\t\t\tcurrentTheme?.name?.rendered || currentTheme?.stylesheet,\n\t\t\tcurrentUser: getCurrentUser(),\n\t\t};\n\t}, [] );\n\tconst dateNowInMs = getDate().getTime();\n\tconst { datetimeAbbreviated } = getSettings().formats;\n\n\treturn (\n\t\t<ol\n\t\t\tclassName=\"edit-site-global-styles-screen-revisions__revisions-list\"\n\t\t\taria-label={ __( 'Global styles revisions list' ) }\n\t\t\trole=\"group\"\n\t\t>\n\t\t\t{ userRevisions.map( ( revision, index ) => {\n\t\t\t\tconst { id, author, modified } = revision;\n\t\t\t\tconst isUnsaved = 'unsaved' === id;\n\t\t\t\t// Unsaved changes are created by the current user.\n\t\t\t\tconst revisionAuthor = isUnsaved ? currentUser : author;\n\t\t\t\tconst authorDisplayName = revisionAuthor?.name || __( 'User' );\n\t\t\t\tconst authorAvatar = revisionAuthor?.avatar_urls?.[ '48' ];\n\t\t\t\tconst isFirstItem = index === 0;\n\t\t\t\tconst isSelected = selectedRevisionId\n\t\t\t\t\t? selectedRevisionId === id\n\t\t\t\t\t: isFirstItem;\n\t\t\t\tconst areStylesEqual = ! canApplyRevision && isSelected;\n\t\t\t\tconst isReset = 'parent' === id;\n\t\t\t\tconst modifiedDate = getDate( modified );\n\t\t\t\tconst displayDate =\n\t\t\t\t\tmodified &&\n\t\t\t\t\tdateNowInMs - modifiedDate.getTime() > DAY_IN_MILLISECONDS\n\t\t\t\t\t\t? dateI18n( datetimeAbbreviated, modifiedDate )\n\t\t\t\t\t\t: humanTimeDiff( modified );\n\t\t\t\tconst revisionLabel = getRevisionLabel(\n\t\t\t\t\tid,\n\t\t\t\t\tauthorDisplayName,\n\t\t\t\t\tdateI18n( datetimeAbbreviated, modifiedDate ),\n\t\t\t\t\tareStylesEqual\n\t\t\t\t);\n\n\t\t\t\treturn (\n\t\t\t\t\t<li\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'edit-site-global-styles-screen-revisions__revision-item',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'is-selected': isSelected,\n\t\t\t\t\t\t\t\t'is-active': areStylesEqual,\n\t\t\t\t\t\t\t\t'is-reset': isReset,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tkey={ id }\n\t\t\t\t\t\taria-current={ isSelected }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__revision-button\"\n\t\t\t\t\t\t\tdisabled={ isSelected }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonChange( revision );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\taria-label={ revisionLabel }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ isReset ? (\n\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__description\">\n\t\t\t\t\t\t\t\t\t{ __( 'Default styles' ) }\n\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__meta\">\n\t\t\t\t\t\t\t\t\t\t{ currentThemeName }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__description\">\n\t\t\t\t\t\t\t\t\t{ isUnsaved ? (\n\t\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__date\">\n\t\t\t\t\t\t\t\t\t\t\t{ __( '(Unsaved)' ) }\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<time\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__date\"\n\t\t\t\t\t\t\t\t\t\t\tdateTime={ modified }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ displayDate }\n\t\t\t\t\t\t\t\t\t\t</time>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__meta\">\n\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\talt={ authorDisplayName }\n\t\t\t\t\t\t\t\t\t\t\tsrc={ authorAvatar }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{ authorDisplayName }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t{ isSelected && (\n\t\t\t\t\t\t\t\t\t\t<ChangesSummary\n\t\t\t\t\t\t\t\t\t\t\trevision={ revision }\n\t\t\t\t\t\t\t\t\t\t\tpreviousRevision={\n\t\t\t\t\t\t\t\t\t\t\t\tindex < userRevisions.length\n\t\t\t\t\t\t\t\t\t\t\t\t\t? userRevisions[ index + 1 ]\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{ isSelected &&\n\t\t\t\t\t\t\t( areStylesEqual ? (\n\t\t\t\t\t\t\t\t<p className=\"edit-site-global-styles-screen-revisions__applied-text\">\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'These styles are already applied to your site.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tdisabled={ areStylesEqual }\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__apply-button\"\n\t\t\t\t\t\t\t\t\tonClick={ onApplyRevision }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ isReset\n\t\t\t\t\t\t\t\t\t\t? __( 'Reset to defaults' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Apply' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ol>\n\t);\n}\n\nexport default RevisionsButtons;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_components","_date","_coreData","_data","_blockEditor","_lockUnlock","_jsxRuntime","DAY_IN_MILLISECONDS","getGlobalStylesChanges","unlock","blockEditorPrivateApis","ChangesSummary","revision","previousRevision","changes","maxResults","length","jsx","className","children","map","change","getRevisionLabel","id","authorDisplayName","formattedModifiedDate","areStylesEqual","__","sprintf","RevisionsButtons","userRevisions","selectedRevisionId","onChange","canApplyRevision","onApplyRevision","currentThemeName","currentUser","useSelect","select","getCurrentTheme","getCurrentUser","coreStore","currentTheme","name","rendered","stylesheet","dateNowInMs","getDate","getTime","datetimeAbbreviated","getSettings","formats","role","index","author","modified","isUnsaved","revisionAuthor","authorAvatar","avatar_urls","isFirstItem","isSelected","isReset","modifiedDate","displayDate","dateI18n","humanTimeDiff","revisionLabel","jsxs","clsx","Button","disabled","onClick","dateTime","alt","src","size","variant","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-revisions/revisions-buttons.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { dateI18n, getDate, humanTimeDiff, getSettings } from '@wordpress/date';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\n\nconst DAY_IN_MILLISECONDS = 60 * 60 * 1000 * 24;\nconst { getGlobalStylesChanges } = unlock( blockEditorPrivateApis );\n\nfunction ChangesSummary( { revision, previousRevision } ) {\n\tconst changes = getGlobalStylesChanges( revision, previousRevision, {\n\t\tmaxResults: 7,\n\t} );\n\n\tif ( ! changes.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ul\n\t\t\tdata-testid=\"global-styles-revision-changes\"\n\t\t\tclassName=\"edit-site-global-styles-screen-revisions__changes\"\n\t\t>\n\t\t\t{ changes.map( ( change ) => (\n\t\t\t\t<li key={ change }>{ change }</li>\n\t\t\t) ) }\n\t\t</ul>\n\t);\n}\n\n/**\n * Returns a button label for the revision.\n *\n * @param {string|number} id                    A revision object.\n * @param {string}        authorDisplayName     Author name.\n * @param {string}        formattedModifiedDate Revision modified date formatted.\n * @param {boolean}       areStylesEqual        Whether the revision matches the current editor styles.\n * @return {string} Translated label.\n */\nfunction getRevisionLabel(\n\tid,\n\tauthorDisplayName,\n\tformattedModifiedDate,\n\tareStylesEqual\n) {\n\tif ( 'parent' === id ) {\n\t\treturn __( 'Reset the styles to the theme defaults' );\n\t}\n\n\tif ( 'unsaved' === id ) {\n\t\treturn sprintf(\n\t\t\t/* translators: %s: author display name */\n\t\t\t__( 'Unsaved changes by %s' ),\n\t\t\tauthorDisplayName\n\t\t);\n\t}\n\n\treturn areStylesEqual\n\t\t? sprintf(\n\t\t\t\t// translators: %1$s: author display name, %2$s: revision creation date.\n\t\t\t\t__(\n\t\t\t\t\t'Changes saved by %1$s on %2$s. This revision matches current editor styles.'\n\t\t\t\t),\n\t\t\t\tauthorDisplayName,\n\t\t\t\tformattedModifiedDate\n\t\t  )\n\t\t: sprintf(\n\t\t\t\t// translators: %1$s: author display name, %2$s: revision creation date.\n\t\t\t\t__( 'Changes saved by %1$s on %2$s' ),\n\t\t\t\tauthorDisplayName,\n\t\t\t\tformattedModifiedDate\n\t\t  );\n}\n\n/**\n * Returns a rendered list of revisions buttons.\n *\n * @typedef {Object} props\n * @property {Array<Object>} userRevisions      A collection of user revisions.\n * @property {number}        selectedRevisionId The id of the currently-selected revision.\n * @property {Function}      onChange           Callback fired when a revision is selected.\n *\n * @param    {props}         Component          props.\n * @return {JSX.Element} The modal component.\n */\nfunction RevisionsButtons( {\n\tuserRevisions,\n\tselectedRevisionId,\n\tonChange,\n\tcanApplyRevision,\n\tonApplyRevision,\n} ) {\n\tconst { currentThemeName, currentUser } = useSelect( ( select ) => {\n\t\tconst { getCurrentTheme, getCurrentUser } = select( coreStore );\n\t\tconst currentTheme = getCurrentTheme();\n\t\treturn {\n\t\t\tcurrentThemeName:\n\t\t\t\tcurrentTheme?.name?.rendered || currentTheme?.stylesheet,\n\t\t\tcurrentUser: getCurrentUser(),\n\t\t};\n\t}, [] );\n\tconst dateNowInMs = getDate().getTime();\n\tconst { datetimeAbbreviated } = getSettings().formats;\n\n\treturn (\n\t\t<ol\n\t\t\tclassName=\"edit-site-global-styles-screen-revisions__revisions-list\"\n\t\t\taria-label={ __( 'Global styles revisions list' ) }\n\t\t\trole=\"group\"\n\t\t>\n\t\t\t{ userRevisions.map( ( revision, index ) => {\n\t\t\t\tconst { id, author, modified } = revision;\n\t\t\t\tconst isUnsaved = 'unsaved' === id;\n\t\t\t\t// Unsaved changes are created by the current user.\n\t\t\t\tconst revisionAuthor = isUnsaved ? currentUser : author;\n\t\t\t\tconst authorDisplayName = revisionAuthor?.name || __( 'User' );\n\t\t\t\tconst authorAvatar = revisionAuthor?.avatar_urls?.[ '48' ];\n\t\t\t\tconst isFirstItem = index === 0;\n\t\t\t\tconst isSelected = selectedRevisionId\n\t\t\t\t\t? selectedRevisionId === id\n\t\t\t\t\t: isFirstItem;\n\t\t\t\tconst areStylesEqual = ! canApplyRevision && isSelected;\n\t\t\t\tconst isReset = 'parent' === id;\n\t\t\t\tconst modifiedDate = getDate( modified );\n\t\t\t\tconst displayDate =\n\t\t\t\t\tmodified &&\n\t\t\t\t\tdateNowInMs - modifiedDate.getTime() > DAY_IN_MILLISECONDS\n\t\t\t\t\t\t? dateI18n( datetimeAbbreviated, modifiedDate )\n\t\t\t\t\t\t: humanTimeDiff( modified );\n\t\t\t\tconst revisionLabel = getRevisionLabel(\n\t\t\t\t\tid,\n\t\t\t\t\tauthorDisplayName,\n\t\t\t\t\tdateI18n( datetimeAbbreviated, modifiedDate ),\n\t\t\t\t\tareStylesEqual\n\t\t\t\t);\n\n\t\t\t\treturn (\n\t\t\t\t\t<li\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'edit-site-global-styles-screen-revisions__revision-item',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'is-selected': isSelected,\n\t\t\t\t\t\t\t\t'is-active': areStylesEqual,\n\t\t\t\t\t\t\t\t'is-reset': isReset,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tkey={ id }\n\t\t\t\t\t\taria-current={ isSelected }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__revision-button\"\n\t\t\t\t\t\t\tdisabled={ isSelected }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonChange( revision );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\taria-label={ revisionLabel }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ isReset ? (\n\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__description\">\n\t\t\t\t\t\t\t\t\t{ __( 'Default styles' ) }\n\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__meta\">\n\t\t\t\t\t\t\t\t\t\t{ currentThemeName }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__description\">\n\t\t\t\t\t\t\t\t\t{ isUnsaved ? (\n\t\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__date\">\n\t\t\t\t\t\t\t\t\t\t\t{ __( '(Unsaved)' ) }\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<time\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__date\"\n\t\t\t\t\t\t\t\t\t\t\tdateTime={ modified }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ displayDate }\n\t\t\t\t\t\t\t\t\t\t</time>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__meta\">\n\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\talt={ authorDisplayName }\n\t\t\t\t\t\t\t\t\t\t\tsrc={ authorAvatar }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{ authorDisplayName }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t{ isSelected && (\n\t\t\t\t\t\t\t\t\t\t<ChangesSummary\n\t\t\t\t\t\t\t\t\t\t\trevision={ revision }\n\t\t\t\t\t\t\t\t\t\t\tpreviousRevision={\n\t\t\t\t\t\t\t\t\t\t\t\tindex < userRevisions.length\n\t\t\t\t\t\t\t\t\t\t\t\t\t? userRevisions[ index + 1 ]\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{ isSelected &&\n\t\t\t\t\t\t\t( areStylesEqual ? (\n\t\t\t\t\t\t\t\t<p className=\"edit-site-global-styles-screen-revisions__applied-text\">\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'These styles are already applied to your site.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tdisabled={ areStylesEqual }\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__apply-button\"\n\t\t\t\t\t\t\t\t\tonClick={ onApplyRevision }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ isReset\n\t\t\t\t\t\t\t\t\t\t? __( 'Reset to defaults' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Apply' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ol>\n\t);\n}\n\nexport default RevisionsButtons;\n"],"mappings":"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","ignoreList":[]}

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

@@ -107,6 +107,7 @@ function useGlobalStylesRevisions({
           id: 'unsaved',
           styles: userConfig?.styles,
           settings: userConfig?.settings,
+          _links: userConfig?._links,
           author: {
             name: currentUser?.name,
             avatar_urls: currentUser?.avatar_urls

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

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_coreData","_element","_blockEditor","_lockUnlock","SITE_EDITOR_AUTHORS_QUERY","per_page","_fields","context","capabilities","DEFAULT_QUERY","page","EMPTY_ARRAY","GlobalStylesContext","unlock","blockEditorPrivateApis","useGlobalStylesRevisions","query","user","userConfig","useContext","_query","authors","currentUser","isDirty","revisions","isLoadingGlobalStylesRevisions","revisionsCount","useSelect","select","_globalStyles$_links$","__experimentalGetDirtyEntityRecords","getCurrentUser","getUsers","getRevisions","__experimentalGetCurrentGlobalStylesId","getEntityRecord","isResolving","coreStore","dirtyEntityRecords","_currentUser","_isDirty","length","globalStylesId","globalStyles","undefined","_revisionsCount","_links","count","globalStylesRevisions","_authors","_isResolving","useMemo","hasUnsavedChanges","isLoading","_modifiedRevisions","map","revision","author","find","id","fetchedRevisionsCount","isLatest","Object","keys","unsavedRevision","styles","settings","name","avatar_urls","modified","Date","unshift","Math","ceil","push"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-revisions/use-global-styles-revisions.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useContext, useMemo } from '@wordpress/element';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\n\nconst SITE_EDITOR_AUTHORS_QUERY = {\n\tper_page: -1,\n\t_fields: 'id,name,avatar_urls',\n\tcontext: 'view',\n\tcapabilities: [ 'edit_theme_options' ],\n};\nconst DEFAULT_QUERY = { per_page: 100, page: 1 };\nconst EMPTY_ARRAY = [];\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\nexport default function useGlobalStylesRevisions( { query } = {} ) {\n\tconst { user: userConfig } = useContext( GlobalStylesContext );\n\tconst _query = { ...DEFAULT_QUERY, ...query };\n\tconst {\n\t\tauthors,\n\t\tcurrentUser,\n\t\tisDirty,\n\t\trevisions,\n\t\tisLoadingGlobalStylesRevisions,\n\t\trevisionsCount,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\t\tgetCurrentUser,\n\t\t\t\tgetUsers,\n\t\t\t\tgetRevisions,\n\t\t\t\t__experimentalGetCurrentGlobalStylesId,\n\t\t\t\tgetEntityRecord,\n\t\t\t\tisResolving,\n\t\t\t} = select( coreStore );\n\t\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\t\tconst _currentUser = getCurrentUser();\n\t\t\tconst _isDirty = dirtyEntityRecords.length > 0;\n\t\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\t\tconst globalStyles = globalStylesId\n\t\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t\t: undefined;\n\t\t\tconst _revisionsCount =\n\t\t\t\tglobalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count ?? 0;\n\t\t\tconst globalStylesRevisions =\n\t\t\t\tgetRevisions(\n\t\t\t\t\t'root',\n\t\t\t\t\t'globalStyles',\n\t\t\t\t\tglobalStylesId,\n\t\t\t\t\t_query\n\t\t\t\t) || EMPTY_ARRAY;\n\t\t\tconst _authors =\n\t\t\t\tgetUsers( SITE_EDITOR_AUTHORS_QUERY ) || EMPTY_ARRAY;\n\t\t\tconst _isResolving = isResolving( 'getRevisions', [\n\t\t\t\t'root',\n\t\t\t\t'globalStyles',\n\t\t\t\tglobalStylesId,\n\t\t\t\t_query,\n\t\t\t] );\n\t\t\treturn {\n\t\t\t\tauthors: _authors,\n\t\t\t\tcurrentUser: _currentUser,\n\t\t\t\tisDirty: _isDirty,\n\t\t\t\trevisions: globalStylesRevisions,\n\t\t\t\tisLoadingGlobalStylesRevisions: _isResolving,\n\t\t\t\trevisionsCount: _revisionsCount,\n\t\t\t};\n\t\t},\n\t\t[ query ]\n\t);\n\treturn useMemo( () => {\n\t\tif ( ! authors.length || isLoadingGlobalStylesRevisions ) {\n\t\t\treturn {\n\t\t\t\trevisions: EMPTY_ARRAY,\n\t\t\t\thasUnsavedChanges: isDirty,\n\t\t\t\tisLoading: true,\n\t\t\t\trevisionsCount,\n\t\t\t};\n\t\t}\n\n\t\t// Adds author details to each revision.\n\t\tconst _modifiedRevisions = revisions.map( ( revision ) => {\n\t\t\treturn {\n\t\t\t\t...revision,\n\t\t\t\tauthor: authors.find(\n\t\t\t\t\t( author ) => author.id === revision.author\n\t\t\t\t),\n\t\t\t};\n\t\t} );\n\n\t\tconst fetchedRevisionsCount = revisions.length;\n\n\t\tif ( fetchedRevisionsCount ) {\n\t\t\t// Flags the most current saved revision.\n\t\t\tif (\n\t\t\t\t_modifiedRevisions[ 0 ].id !== 'unsaved' &&\n\t\t\t\t_query.page === 1\n\t\t\t) {\n\t\t\t\t_modifiedRevisions[ 0 ].isLatest = true;\n\t\t\t}\n\n\t\t\t// Adds an item for unsaved changes.\n\t\t\tif (\n\t\t\t\tisDirty &&\n\t\t\t\tuserConfig &&\n\t\t\t\tObject.keys( userConfig ).length > 0 &&\n\t\t\t\tcurrentUser &&\n\t\t\t\t_query.page === 1\n\t\t\t) {\n\t\t\t\tconst unsavedRevision = {\n\t\t\t\t\tid: 'unsaved',\n\t\t\t\t\tstyles: userConfig?.styles,\n\t\t\t\t\tsettings: userConfig?.settings,\n\t\t\t\t\tauthor: {\n\t\t\t\t\t\tname: currentUser?.name,\n\t\t\t\t\t\tavatar_urls: currentUser?.avatar_urls,\n\t\t\t\t\t},\n\t\t\t\t\tmodified: new Date(),\n\t\t\t\t};\n\n\t\t\t\t_modifiedRevisions.unshift( unsavedRevision );\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t_query.page === Math.ceil( revisionsCount / _query.per_page )\n\t\t\t) {\n\t\t\t\t// Adds an item for the default theme styles.\n\t\t\t\t_modifiedRevisions.push( {\n\t\t\t\t\tid: 'parent',\n\t\t\t\t\tstyles: {},\n\t\t\t\t\tsettings: {},\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\trevisions: _modifiedRevisions,\n\t\t\thasUnsavedChanges: isDirty,\n\t\t\tisLoading: false,\n\t\t\trevisionsCount,\n\t\t};\n\t}, [\n\t\tisDirty,\n\t\trevisions,\n\t\tcurrentUser,\n\t\tauthors,\n\t\tuserConfig,\n\t\tisLoadingGlobalStylesRevisions,\n\t] );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_data","require","_coreData","_element","_blockEditor","_lockUnlock","SITE_EDITOR_AUTHORS_QUERY","per_page","_fields","context","capabilities","DEFAULT_QUERY","page","EMPTY_ARRAY","GlobalStylesContext","unlock","blockEditorPrivateApis","useGlobalStylesRevisions","query","user","userConfig","useContext","_query","authors","currentUser","isDirty","revisions","isLoadingGlobalStylesRevisions","revisionsCount","useSelect","select","_globalStyles$_links$","__experimentalGetDirtyEntityRecords","getCurrentUser","getUsers","getRevisions","__experimentalGetCurrentGlobalStylesId","getEntityRecord","isResolving","coreStore","dirtyEntityRecords","_currentUser","_isDirty","length","globalStylesId","globalStyles","undefined","_revisionsCount","_links","count","globalStylesRevisions","_authors","_isResolving","useMemo","hasUnsavedChanges","isLoading","_modifiedRevisions","map","revision","author","find","id","fetchedRevisionsCount","isLatest","Object","keys","unsavedRevision","styles","settings","name","avatar_urls","modified","Date","unshift","Math","ceil","push"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-revisions/use-global-styles-revisions.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useContext, useMemo } from '@wordpress/element';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\n\nconst SITE_EDITOR_AUTHORS_QUERY = {\n\tper_page: -1,\n\t_fields: 'id,name,avatar_urls',\n\tcontext: 'view',\n\tcapabilities: [ 'edit_theme_options' ],\n};\nconst DEFAULT_QUERY = { per_page: 100, page: 1 };\nconst EMPTY_ARRAY = [];\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\nexport default function useGlobalStylesRevisions( { query } = {} ) {\n\tconst { user: userConfig } = useContext( GlobalStylesContext );\n\tconst _query = { ...DEFAULT_QUERY, ...query };\n\tconst {\n\t\tauthors,\n\t\tcurrentUser,\n\t\tisDirty,\n\t\trevisions,\n\t\tisLoadingGlobalStylesRevisions,\n\t\trevisionsCount,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\t\tgetCurrentUser,\n\t\t\t\tgetUsers,\n\t\t\t\tgetRevisions,\n\t\t\t\t__experimentalGetCurrentGlobalStylesId,\n\t\t\t\tgetEntityRecord,\n\t\t\t\tisResolving,\n\t\t\t} = select( coreStore );\n\t\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\t\tconst _currentUser = getCurrentUser();\n\t\t\tconst _isDirty = dirtyEntityRecords.length > 0;\n\t\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\t\tconst globalStyles = globalStylesId\n\t\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t\t: undefined;\n\t\t\tconst _revisionsCount =\n\t\t\t\tglobalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count ?? 0;\n\t\t\tconst globalStylesRevisions =\n\t\t\t\tgetRevisions(\n\t\t\t\t\t'root',\n\t\t\t\t\t'globalStyles',\n\t\t\t\t\tglobalStylesId,\n\t\t\t\t\t_query\n\t\t\t\t) || EMPTY_ARRAY;\n\t\t\tconst _authors =\n\t\t\t\tgetUsers( SITE_EDITOR_AUTHORS_QUERY ) || EMPTY_ARRAY;\n\t\t\tconst _isResolving = isResolving( 'getRevisions', [\n\t\t\t\t'root',\n\t\t\t\t'globalStyles',\n\t\t\t\tglobalStylesId,\n\t\t\t\t_query,\n\t\t\t] );\n\t\t\treturn {\n\t\t\t\tauthors: _authors,\n\t\t\t\tcurrentUser: _currentUser,\n\t\t\t\tisDirty: _isDirty,\n\t\t\t\trevisions: globalStylesRevisions,\n\t\t\t\tisLoadingGlobalStylesRevisions: _isResolving,\n\t\t\t\trevisionsCount: _revisionsCount,\n\t\t\t};\n\t\t},\n\t\t[ query ]\n\t);\n\treturn useMemo( () => {\n\t\tif ( ! authors.length || isLoadingGlobalStylesRevisions ) {\n\t\t\treturn {\n\t\t\t\trevisions: EMPTY_ARRAY,\n\t\t\t\thasUnsavedChanges: isDirty,\n\t\t\t\tisLoading: true,\n\t\t\t\trevisionsCount,\n\t\t\t};\n\t\t}\n\n\t\t// Adds author details to each revision.\n\t\tconst _modifiedRevisions = revisions.map( ( revision ) => {\n\t\t\treturn {\n\t\t\t\t...revision,\n\t\t\t\tauthor: authors.find(\n\t\t\t\t\t( author ) => author.id === revision.author\n\t\t\t\t),\n\t\t\t};\n\t\t} );\n\n\t\tconst fetchedRevisionsCount = revisions.length;\n\n\t\tif ( fetchedRevisionsCount ) {\n\t\t\t// Flags the most current saved revision.\n\t\t\tif (\n\t\t\t\t_modifiedRevisions[ 0 ].id !== 'unsaved' &&\n\t\t\t\t_query.page === 1\n\t\t\t) {\n\t\t\t\t_modifiedRevisions[ 0 ].isLatest = true;\n\t\t\t}\n\n\t\t\t// Adds an item for unsaved changes.\n\t\t\tif (\n\t\t\t\tisDirty &&\n\t\t\t\tuserConfig &&\n\t\t\t\tObject.keys( userConfig ).length > 0 &&\n\t\t\t\tcurrentUser &&\n\t\t\t\t_query.page === 1\n\t\t\t) {\n\t\t\t\tconst unsavedRevision = {\n\t\t\t\t\tid: 'unsaved',\n\t\t\t\t\tstyles: userConfig?.styles,\n\t\t\t\t\tsettings: userConfig?.settings,\n\t\t\t\t\t_links: userConfig?._links,\n\t\t\t\t\tauthor: {\n\t\t\t\t\t\tname: currentUser?.name,\n\t\t\t\t\t\tavatar_urls: currentUser?.avatar_urls,\n\t\t\t\t\t},\n\t\t\t\t\tmodified: new Date(),\n\t\t\t\t};\n\n\t\t\t\t_modifiedRevisions.unshift( unsavedRevision );\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t_query.page === Math.ceil( revisionsCount / _query.per_page )\n\t\t\t) {\n\t\t\t\t// Adds an item for the default theme styles.\n\t\t\t\t_modifiedRevisions.push( {\n\t\t\t\t\tid: 'parent',\n\t\t\t\t\tstyles: {},\n\t\t\t\t\tsettings: {},\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\trevisions: _modifiedRevisions,\n\t\t\thasUnsavedChanges: isDirty,\n\t\t\tisLoading: false,\n\t\t\trevisionsCount,\n\t\t};\n\t}, [\n\t\tisDirty,\n\t\trevisions,\n\t\tcurrentUser,\n\t\tauthors,\n\t\tuserConfig,\n\t\tisLoadingGlobalStylesRevisions,\n\t] );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
@@ -17,6 +16,7 @@ var _navigationButton = require("./navigation-button");
 var _rootMenu = _interopRequireDefault(require("./root-menu"));
 var _previewStyles = _interopRequireDefault(require("./preview-styles"));
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -46,48 +46,82 @@ function ScreenRoot() {
       canEditCSS: !!globalStyles?._links?.['wp:action-edit-css']
     };
   }, []);
-  return (0, _react.createElement)(_components.Card, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Card, {
     size: "small",
-    className: "edit-site-global-styles-screen-root"
-  }, (0, _react.createElement)(_components.CardBody, null, (0, _react.createElement)(_components.__experimentalVStack, {
-    spacing: 4
-  }, (0, _react.createElement)(_components.Card, null, (0, _react.createElement)(_components.CardMedia, null, (0, _react.createElement)(_previewStyles.default, null))), hasVariations && (0, _react.createElement)(_components.__experimentalItemGroup, null, (0, _react.createElement)(_navigationButton.NavigationButtonAsItem, {
-    path: "/variations",
-    "aria-label": (0, _i18n.__)('Browse styles')
-  }, (0, _react.createElement)(_components.__experimentalHStack, {
-    justify: "space-between"
-  }, (0, _react.createElement)(_components.FlexItem, null, (0, _i18n.__)('Browse styles')), (0, _react.createElement)(_iconWithCurrentColor.IconWithCurrentColor, {
-    icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight
-  })))), (0, _react.createElement)(_rootMenu.default, null))), (0, _react.createElement)(_components.CardDivider, null), (0, _react.createElement)(_components.CardBody, null, (0, _react.createElement)(_components.__experimentalSpacer, {
-    as: "p",
-    paddingTop: 2
-    /*
-     * 13px matches the text inset of the NavigationButton (12px padding, plus the width of the button's border).
-     * This is an ad hoc override for this instance and the Addtional CSS option below. Other options for matching the
-     * the nav button inset should be looked at before reusing further.
-     */,
-    paddingX: "13px",
-    marginBottom: 4
-  }, (0, _i18n.__)('Customize the appearance of specific blocks for the whole site.')), (0, _react.createElement)(_components.__experimentalItemGroup, null, (0, _react.createElement)(_navigationButton.NavigationButtonAsItem, {
-    path: "/blocks",
-    "aria-label": (0, _i18n.__)('Blocks styles')
-  }, (0, _react.createElement)(_components.__experimentalHStack, {
-    justify: "space-between"
-  }, (0, _react.createElement)(_components.FlexItem, null, (0, _i18n.__)('Blocks')), (0, _react.createElement)(_iconWithCurrentColor.IconWithCurrentColor, {
-    icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight
-  }))))), canEditCSS && !!customCSS && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.CardDivider, null), (0, _react.createElement)(_components.CardBody, null, (0, _react.createElement)(_components.__experimentalSpacer, {
-    as: "p",
-    paddingTop: 2,
-    paddingX: "13px",
-    marginBottom: 4
-  }, (0, _i18n.__)('Add your own CSS to customize the appearance and layout of your site.')), (0, _react.createElement)(_components.__experimentalItemGroup, null, (0, _react.createElement)(_navigationButton.NavigationButtonAsItem, {
-    path: "/css",
-    "aria-label": (0, _i18n.__)('Additional CSS')
-  }, (0, _react.createElement)(_components.__experimentalHStack, {
-    justify: "space-between"
-  }, (0, _react.createElement)(_components.FlexItem, null, (0, _i18n.__)('Additional CSS')), (0, _react.createElement)(_iconWithCurrentColor.IconWithCurrentColor, {
-    icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight
-  })))))));
+    className: "edit-site-global-styles-screen-root",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CardBody, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+        spacing: 4,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Card, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CardMedia, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_previewStyles.default, {})
+          })
+        }), hasVariations && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigationButton.NavigationButtonAsItem, {
+            path: "/variations",
+            "aria-label": (0, _i18n.__)('Browse styles'),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+              justify: "space-between",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
+                children: (0, _i18n.__)('Browse styles')
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconWithCurrentColor.IconWithCurrentColor, {
+                icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight
+              })]
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_rootMenu.default, {})]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CardDivider, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.CardBody, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {
+        as: "p",
+        paddingTop: 2
+        /*
+         * 13px matches the text inset of the NavigationButton (12px padding, plus the width of the button's border).
+         * This is an ad hoc override for this instance and the Addtional CSS option below. Other options for matching the
+         * the nav button inset should be looked at before reusing further.
+         */,
+        paddingX: "13px",
+        marginBottom: 4,
+        children: (0, _i18n.__)('Customize the appearance of specific blocks for the whole site.')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigationButton.NavigationButtonAsItem, {
+          path: "/blocks",
+          "aria-label": (0, _i18n.__)('Blocks styles'),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+            justify: "space-between",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
+              children: (0, _i18n.__)('Blocks')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconWithCurrentColor.IconWithCurrentColor, {
+              icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight
+            })]
+          })
+        })
+      })]
+    }), canEditCSS && !!customCSS && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CardDivider, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.CardBody, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {
+          as: "p",
+          paddingTop: 2,
+          paddingX: "13px",
+          marginBottom: 4,
+          children: (0, _i18n.__)('Add your own CSS to customize the appearance and layout of your site.')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigationButton.NavigationButtonAsItem, {
+            path: "/css",
+            "aria-label": (0, _i18n.__)('Additional CSS'),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+              justify: "space-between",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
+                children: (0, _i18n.__)('Additional CSS')
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconWithCurrentColor.IconWithCurrentColor, {
+                icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight
+              })]
+            })
+          })
+        })]
+      })]
+    })]
+  });
 }
 var _default = exports.default = ScreenRoot;
 //# sourceMappingURL=screen-root.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_icons","_data","_coreData","_blockEditor","_iconWithCurrentColor","_navigationButton","_rootMenu","_interopRequireDefault","_previewStyles","_lockUnlock","useGlobalStyle","unlock","blockEditorPrivateApis","ScreenRoot","customCSS","hasVariations","canEditCSS","useSelect","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","__experimentalGetCurrentThemeGlobalStylesVariations","coreStore","globalStylesId","globalStyles","undefined","length","_links","_react","createElement","Card","size","className","CardBody","__experimentalVStack","spacing","CardMedia","default","__experimentalItemGroup","NavigationButtonAsItem","path","__","__experimentalHStack","justify","FlexItem","IconWithCurrentColor","icon","isRTL","chevronLeft","chevronRight","CardDivider","__experimentalSpacer","as","paddingTop","paddingX","marginBottom","Fragment","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-root.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalVStack as VStack,\n\tFlexItem,\n\tCardBody,\n\tCard,\n\tCardDivider,\n\tCardMedia,\n} from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { IconWithCurrentColor } from './icon-with-current-color';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport RootMenu from './root-menu';\nimport PreviewStyles from './preview-styles';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction ScreenRoot() {\n\tconst [ customCSS ] = useGlobalStyle( 'css' );\n\n\tconst { hasVariations, canEditCSS } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetEntityRecord,\n\t\t\t__experimentalGetCurrentGlobalStylesId,\n\t\t\t__experimentalGetCurrentThemeGlobalStylesVariations,\n\t\t} = select( 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\thasVariations:\n\t\t\t\t!! __experimentalGetCurrentThemeGlobalStylesVariations()\n\t\t\t\t\t?.length,\n\t\t\tcanEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<Card size=\"small\" className=\"edit-site-global-styles-screen-root\">\n\t\t\t<CardBody>\n\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t<Card>\n\t\t\t\t\t\t<CardMedia>\n\t\t\t\t\t\t\t<PreviewStyles />\n\t\t\t\t\t\t</CardMedia>\n\t\t\t\t\t</Card>\n\t\t\t\t\t{ hasVariations && (\n\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\t\t\tpath=\"/variations\"\n\t\t\t\t\t\t\t\taria-label={ __( 'Browse styles' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Browse styles' ) }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t<RootMenu />\n\t\t\t\t</VStack>\n\t\t\t</CardBody>\n\n\t\t\t<CardDivider />\n\n\t\t\t<CardBody>\n\t\t\t\t<Spacer\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tpaddingTop={ 2 }\n\t\t\t\t\t/*\n\t\t\t\t\t * 13px matches the text inset of the NavigationButton (12px padding, plus the width of the button's border).\n\t\t\t\t\t * This is an ad hoc override for this instance and the Addtional CSS option below. Other options for matching the\n\t\t\t\t\t * the nav button inset should be looked at before reusing further.\n\t\t\t\t\t */\n\t\t\t\t\tpaddingX=\"13px\"\n\t\t\t\t\tmarginBottom={ 4 }\n\t\t\t\t>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Customize the appearance of specific blocks for the whole site.'\n\t\t\t\t\t) }\n\t\t\t\t</Spacer>\n\t\t\t\t<ItemGroup>\n\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\tpath=\"/blocks\"\n\t\t\t\t\t\taria-label={ __( 'Blocks styles' ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t<FlexItem>{ __( 'Blocks' ) }</FlexItem>\n\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t</ItemGroup>\n\t\t\t</CardBody>\n\n\t\t\t{ canEditCSS && !! customCSS && (\n\t\t\t\t<>\n\t\t\t\t\t<CardDivider />\n\t\t\t\t\t<CardBody>\n\t\t\t\t\t\t<Spacer\n\t\t\t\t\t\t\tas=\"p\"\n\t\t\t\t\t\t\tpaddingTop={ 2 }\n\t\t\t\t\t\t\tpaddingX=\"13px\"\n\t\t\t\t\t\t\tmarginBottom={ 4 }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Add your own CSS to customize the appearance and layout of your site.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\t\t\tpath=\"/css\"\n\t\t\t\t\t\t\t\taria-label={ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</CardBody>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</Card>\n\t);\n}\n\nexport default ScreenRoot;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_icons","_data","_coreData","_blockEditor","_iconWithCurrentColor","_navigationButton","_rootMenu","_interopRequireDefault","_previewStyles","_lockUnlock","_jsxRuntime","useGlobalStyle","unlock","blockEditorPrivateApis","ScreenRoot","customCSS","hasVariations","canEditCSS","useSelect","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","__experimentalGetCurrentThemeGlobalStylesVariations","coreStore","globalStylesId","globalStyles","undefined","length","_links","jsxs","Card","size","className","children","jsx","CardBody","__experimentalVStack","spacing","CardMedia","default","__experimentalItemGroup","NavigationButtonAsItem","path","__","__experimentalHStack","justify","FlexItem","IconWithCurrentColor","icon","isRTL","chevronLeft","chevronRight","CardDivider","__experimentalSpacer","as","paddingTop","paddingX","marginBottom","Fragment","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-root.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalVStack as VStack,\n\tFlexItem,\n\tCardBody,\n\tCard,\n\tCardDivider,\n\tCardMedia,\n} from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { IconWithCurrentColor } from './icon-with-current-color';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport RootMenu from './root-menu';\nimport PreviewStyles from './preview-styles';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction ScreenRoot() {\n\tconst [ customCSS ] = useGlobalStyle( 'css' );\n\n\tconst { hasVariations, canEditCSS } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetEntityRecord,\n\t\t\t__experimentalGetCurrentGlobalStylesId,\n\t\t\t__experimentalGetCurrentThemeGlobalStylesVariations,\n\t\t} = select( 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\thasVariations:\n\t\t\t\t!! __experimentalGetCurrentThemeGlobalStylesVariations()\n\t\t\t\t\t?.length,\n\t\t\tcanEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<Card size=\"small\" className=\"edit-site-global-styles-screen-root\">\n\t\t\t<CardBody>\n\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t<Card>\n\t\t\t\t\t\t<CardMedia>\n\t\t\t\t\t\t\t<PreviewStyles />\n\t\t\t\t\t\t</CardMedia>\n\t\t\t\t\t</Card>\n\t\t\t\t\t{ hasVariations && (\n\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\t\t\tpath=\"/variations\"\n\t\t\t\t\t\t\t\taria-label={ __( 'Browse styles' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Browse styles' ) }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t<RootMenu />\n\t\t\t\t</VStack>\n\t\t\t</CardBody>\n\n\t\t\t<CardDivider />\n\n\t\t\t<CardBody>\n\t\t\t\t<Spacer\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tpaddingTop={ 2 }\n\t\t\t\t\t/*\n\t\t\t\t\t * 13px matches the text inset of the NavigationButton (12px padding, plus the width of the button's border).\n\t\t\t\t\t * This is an ad hoc override for this instance and the Addtional CSS option below. Other options for matching the\n\t\t\t\t\t * the nav button inset should be looked at before reusing further.\n\t\t\t\t\t */\n\t\t\t\t\tpaddingX=\"13px\"\n\t\t\t\t\tmarginBottom={ 4 }\n\t\t\t\t>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Customize the appearance of specific blocks for the whole site.'\n\t\t\t\t\t) }\n\t\t\t\t</Spacer>\n\t\t\t\t<ItemGroup>\n\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\tpath=\"/blocks\"\n\t\t\t\t\t\taria-label={ __( 'Blocks styles' ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t<FlexItem>{ __( 'Blocks' ) }</FlexItem>\n\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t</ItemGroup>\n\t\t\t</CardBody>\n\n\t\t\t{ canEditCSS && !! customCSS && (\n\t\t\t\t<>\n\t\t\t\t\t<CardDivider />\n\t\t\t\t\t<CardBody>\n\t\t\t\t\t\t<Spacer\n\t\t\t\t\t\t\tas=\"p\"\n\t\t\t\t\t\t\tpaddingTop={ 2 }\n\t\t\t\t\t\t\tpaddingX=\"13px\"\n\t\t\t\t\t\t\tmarginBottom={ 4 }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Add your own CSS to customize the appearance and layout of your site.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\t\t\tpath=\"/css\"\n\t\t\t\t\t\t\t\taria-label={ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</CardBody>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</Card>\n\t);\n}\n\nexport default ScreenRoot;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScreenShadows = ScreenShadows;
+exports.ScreenShadowsEdit = ScreenShadowsEdit;
+var _shadowsPanel = _interopRequireDefault(require("./shadows-panel"));
+var _shadowsEditPanel = _interopRequireDefault(require("./shadows-edit-panel"));
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Internal dependencies
+ */
+
+function ScreenShadows() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_shadowsPanel.default, {});
+}
+function ScreenShadowsEdit() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_shadowsEditPanel.default, {});
+}
+//# sourceMappingURL=screen-shadows.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_shadowsPanel","_interopRequireDefault","require","_shadowsEditPanel","_jsxRuntime","ScreenShadows","jsx","default","ScreenShadowsEdit"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-shadows.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport ShadowsPanel from './shadows-panel';\nimport ShadowsEditPanel from './shadows-edit-panel';\n\nexport function ScreenShadows() {\n\treturn <ShadowsPanel />;\n}\n\nexport function ScreenShadowsEdit() {\n\treturn <ShadowsEditPanel />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAoD,IAAAE,WAAA,GAAAF,OAAA;AAJpD;AACA;AACA;;AAIO,SAASG,aAAaA,CAAA,EAAG;EAC/B,oBAAO,IAAAD,WAAA,CAAAE,GAAA,EAACN,aAAA,CAAAO,OAAY,IAAE,CAAC;AACxB;AAEO,SAASC,iBAAiBA,CAAA,EAAG;EACnC,oBAAO,IAAAJ,WAAA,CAAAE,GAAA,EAACH,iBAAA,CAAAI,OAAgB,IAAE,CAAC;AAC5B","ignoreList":[]}

package/build/components/global-styles/screen-style-variations.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
 var _header = _interopRequireDefault(require("./header"));
 var _styleVariationsContainer = _interopRequireDefault(require("./style-variations-container"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -23,14 +23,19 @@ function ScreenStyleVariations() {
   // Move to zoom out mode when this component is mounted
   // and back to the previous mode when unmounted.
   (0, _blockEditor.useZoomOut)();
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_header.default, {
-    title: (0, _i18n.__)('Browse styles'),
-    description: (0, _i18n.__)('Choose a variation to change the look of the site.')
-  }), (0, _react.createElement)(_components.Card, {
-    size: "small",
-    isBorderless: true,
-    className: "edit-site-global-styles-screen-style-variations"
-  }, (0, _react.createElement)(_components.CardBody, null, (0, _react.createElement)(_styleVariationsContainer.default, null))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
+      title: (0, _i18n.__)('Browse styles'),
+      description: (0, _i18n.__)('Choose a variation to change the look of the site.')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Card, {
+      size: "small",
+      isBorderless: true,
+      className: "edit-site-global-styles-screen-style-variations",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CardBody, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styleVariationsContainer.default, {})
+      })
+    })]
+  });
 }
 var _default = exports.default = ScreenStyleVariations;
 //# sourceMappingURL=screen-style-variations.js.map

package/build/components/global-styles/screen-style-variations.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_blockEditor","_header","_interopRequireDefault","_styleVariationsContainer","ScreenStyleVariations","useZoomOut","_react","createElement","Fragment","default","title","__","description","Card","size","isBorderless","className","CardBody","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-style-variations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Card, CardBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useZoomOut } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport StyleVariationsContainer from './style-variations-container';\n\nfunction ScreenStyleVariations() {\n\t// Move to zoom out mode when this component is mounted\n\t// and back to the previous mode when unmounted.\n\tuseZoomOut();\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<StyleVariationsContainer />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAXA;AACA;AACA;;AAKA;AACA;AACA;;AAIA,SAASM,qBAAqBA,CAAA,EAAG;EAChC;EACA;EACA,IAAAC,uBAAU,EAAC,CAAC;EAEZ,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACN,OAAA,CAAAQ,OAAY;IACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;IAC/BC,WAAW,EAAG,IAAAD,QAAE,EACf,oDACD;EAAG,CACH,CAAC,EAEF,IAAAL,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAgB,IAAI;IACJC,IAAI,EAAC,OAAO;IACZC,YAAY;IACZC,SAAS,EAAC;EAAiD,GAE3D,IAAAV,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAoB,QAAQ,QACR,IAAAX,MAAA,CAAAC,aAAA,EAACJ,yBAAA,CAAAM,OAAwB,MAAE,CAClB,CACL,CACL,CAAC;AAEL;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEcL,qBAAqB","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_blockEditor","_header","_interopRequireDefault","_styleVariationsContainer","_jsxRuntime","ScreenStyleVariations","useZoomOut","jsxs","Fragment","children","jsx","default","title","__","description","Card","size","isBorderless","className","CardBody","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-style-variations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Card, CardBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useZoomOut } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport StyleVariationsContainer from './style-variations-container';\n\nfunction ScreenStyleVariations() {\n\t// Move to zoom out mode when this component is mounted\n\t// and back to the previous mode when unmounted.\n\tuseZoomOut();\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<StyleVariationsContainer />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAAoE,IAAAM,WAAA,GAAAN,OAAA;AAXpE;AACA;AACA;;AAKA;AACA;AACA;;AAIA,SAASO,qBAAqBA,CAAA,EAAG;EAChC;EACA;EACA,IAAAC,uBAAU,EAAC,CAAC;EAEZ,oBACC,IAAAF,WAAA,CAAAG,IAAA,EAAAH,WAAA,CAAAI,QAAA;IAAAC,QAAA,gBACC,IAAAL,WAAA,CAAAM,GAAA,EAACT,OAAA,CAAAU,OAAY;MACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;MAC/BC,WAAW,EAAG,IAAAD,QAAE,EACf,oDACD;IAAG,CACH,CAAC,eAEF,IAAAT,WAAA,CAAAM,GAAA,EAACb,WAAA,CAAAkB,IAAI;MACJC,IAAI,EAAC,OAAO;MACZC,YAAY;MACZC,SAAS,EAAC,iDAAiD;MAAAT,QAAA,eAE3D,IAAAL,WAAA,CAAAM,GAAA,EAACb,WAAA,CAAAsB,QAAQ;QAAAV,QAAA,eACR,IAAAL,WAAA,CAAAM,GAAA,EAACP,yBAAA,CAAAQ,OAAwB,IAAE;MAAC,CACnB;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEL;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEcN,qBAAqB","ignoreList":[]}