@wordpress/edit-site 6.31.1-next.f56bd8138.0 → 6.32.1-next.47f435fc9.0

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

@@ -1,76 +1,55 @@
-/**
- * WordPress dependencies
- */
-import { __, sprintf } from '@wordpress/i18n';
-import { Button, Composite } from '@wordpress/components';
-import { dateI18n, getDate, humanTimeDiff, getSettings } from '@wordpress/date';
-import { store as coreStore } from '@wordpress/core-data';
-import { useSelect } from '@wordpress/data';
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-import { ENTER, SPACE } from '@wordpress/keycodes';
-/**
- * Internal dependencies
- */
-import { unlock } from '../../../lock-unlock';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DAY_IN_MILLISECONDS = 60 * 60 * 1000 * 24;
-const {
-  getGlobalStylesChanges
-} = unlock(blockEditorPrivateApis);
-function ChangesSummary({
-  revision,
-  previousRevision
-}) {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { __, sprintf } from "@wordpress/i18n";
+import { Button, Composite } from "@wordpress/components";
+import { dateI18n, getDate, humanTimeDiff, getSettings } from "@wordpress/date";
+import { store as coreStore } from "@wordpress/core-data";
+import { useSelect } from "@wordpress/data";
+import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
+import { ENTER, SPACE } from "@wordpress/keycodes";
+import { unlock } from "../../../lock-unlock";
+const DAY_IN_MILLISECONDS = 60 * 60 * 1e3 * 24;
+const { getGlobalStylesChanges } = unlock(blockEditorPrivateApis);
+function ChangesSummary({ revision, previousRevision }) {
   const changes = getGlobalStylesChanges(revision, previousRevision, {
     maxResults: 7
   });
   if (!changes.length) {
     return null;
   }
-  return /*#__PURE__*/_jsx("ul", {
-    "data-testid": "global-styles-revision-changes",
-    className: "edit-site-global-styles-screen-revisions__changes",
-    children: changes.map(change => /*#__PURE__*/_jsx("li", {
-      children: change
-    }, change))
-  });
+  return /* @__PURE__ */ jsx(
+    "ul",
+    {
+      "data-testid": "global-styles-revision-changes",
+      className: "edit-site-global-styles-screen-revisions__changes",
+      children: changes.map((change) => /* @__PURE__ */ jsx("li", { children: change }, change))
+    }
+  );
 }
-
-/**
- * Returns a button label for the revision.
- *
- * @param {string|number} id                    A revision object.
- * @param {string}        authorDisplayName     Author name.
- * @param {string}        formattedModifiedDate Revision modified date formatted.
- * @param {boolean}       areStylesEqual        Whether the revision matches the current editor styles.
- * @return {string} Translated label.
- */
 function getRevisionLabel(id, authorDisplayName, formattedModifiedDate, areStylesEqual) {
-  if ('parent' === id) {
-    return __('Reset the styles to the theme defaults');
+  if ("parent" === id) {
+    return __("Reset the styles to the theme defaults");
   }
-  if ('unsaved' === id) {
-    return sprintf(/* translators: %s: author display name */
-    __('Unsaved changes by %s'), authorDisplayName);
+  if ("unsaved" === id) {
+    return sprintf(
+      /* translators: %s: author display name */
+      __("Unsaved changes by %s"),
+      authorDisplayName
+    );
   }
   return areStylesEqual ? sprintf(
-  // translators: 1: author display name. 2: revision creation date.
-  __('Changes saved by %1$s on %2$s. This revision matches current editor styles.'), authorDisplayName, formattedModifiedDate) : sprintf(
-  // translators: 1: author display name. 2: revision creation date.
-  __('Changes saved by %1$s on %2$s'), authorDisplayName, formattedModifiedDate);
+    // translators: 1: author display name. 2: revision creation date.
+    __(
+      "Changes saved by %1$s on %2$s. This revision matches current editor styles."
+    ),
+    authorDisplayName,
+    formattedModifiedDate
+  ) : sprintf(
+    // translators: 1: author display name. 2: revision creation date.
+    __("Changes saved by %1$s on %2$s"),
+    authorDisplayName,
+    formattedModifiedDate
+  );
 }
-
-/**
- * Returns a rendered list of revisions buttons.
- *
- * @typedef {Object} props
- * @property {Array<Object>} userRevisions      A collection of user revisions.
- * @property {number}        selectedRevisionId The id of the currently-selected revision.
- * @property {Function}      onChange           Callback fired when a revision is selected.
- *
- * @param    {props}         Component          props.
- * @return {JSX.Element} The modal component.
- */
 function RevisionsButtons({
   userRevisions,
   selectedRevisionId,
@@ -78,14 +57,8 @@ function RevisionsButtons({
   canApplyRevision,
   onApplyRevision
 }) {
-  const {
-    currentThemeName,
-    currentUser
-  } = useSelect(select => {
-    const {
-      getCurrentTheme,
-      getCurrentUser
-    } = select(coreStore);
+  const { currentThemeName, currentUser } = useSelect((select) => {
+    const { getCurrentTheme, getCurrentUser } = select(coreStore);
     const currentTheme = getCurrentTheme();
     return {
       currentThemeName: currentTheme?.name?.rendered || currentTheme?.stylesheet,
@@ -93,93 +66,107 @@ function RevisionsButtons({
     };
   }, []);
   const dateNowInMs = getDate().getTime();
-  const {
-    datetimeAbbreviated
-  } = getSettings().formats;
-  return /*#__PURE__*/_jsx(Composite, {
-    orientation: "vertical",
-    className: "edit-site-global-styles-screen-revisions__revisions-list",
-    "aria-label": __('Global styles revisions list'),
-    role: "listbox",
-    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 || __('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 = getDate(modified);
-      const displayDate = modified && dateNowInMs - modifiedDate.getTime() > DAY_IN_MILLISECONDS ? dateI18n(datetimeAbbreviated, modifiedDate) : humanTimeDiff(modified);
-      const revisionLabel = getRevisionLabel(id, authorDisplayName, dateI18n(datetimeAbbreviated, modifiedDate), areStylesEqual);
-      return /*#__PURE__*/_jsxs(Composite.Item, {
-        className: "edit-site-global-styles-screen-revisions__revision-item",
-        "aria-current": isSelected,
-        role: "option",
-        onKeyDown: event => {
-          const {
-            keyCode
-          } = event;
-          if (keyCode === ENTER || keyCode === SPACE) {
-            onChange(revision);
-          }
-        },
-        onClick: event => {
-          event.preventDefault();
-          onChange(revision);
-        },
-        "aria-selected": isSelected,
-        "aria-label": revisionLabel,
-        render: /*#__PURE__*/_jsx("div", {}),
-        children: [/*#__PURE__*/_jsx("span", {
-          className: "edit-site-global-styles-screen-revisions__revision-item-wrapper",
-          children: isReset ? /*#__PURE__*/_jsxs("span", {
-            className: "edit-site-global-styles-screen-revisions__description",
-            children: [__('Default styles'), /*#__PURE__*/_jsx("span", {
-              className: "edit-site-global-styles-screen-revisions__meta",
-              children: currentThemeName
-            })]
-          }) : /*#__PURE__*/_jsxs("span", {
-            className: "edit-site-global-styles-screen-revisions__description",
-            children: [isUnsaved ? /*#__PURE__*/_jsx("span", {
-              className: "edit-site-global-styles-screen-revisions__date",
-              children: __('(Unsaved)')
-            }) : /*#__PURE__*/_jsx("time", {
-              className: "edit-site-global-styles-screen-revisions__date",
-              dateTime: modified,
-              children: displayDate
-            }), /*#__PURE__*/_jsxs("span", {
-              className: "edit-site-global-styles-screen-revisions__meta",
-              children: [/*#__PURE__*/_jsx("img", {
-                alt: authorDisplayName,
-                src: authorAvatar
-              }), authorDisplayName]
-            }), isSelected && /*#__PURE__*/_jsx(ChangesSummary, {
-              revision: revision,
-              previousRevision: index < userRevisions.length ? userRevisions[index + 1] : {}
-            })]
-          })
-        }), isSelected && (areStylesEqual ? /*#__PURE__*/_jsx("p", {
-          className: "edit-site-global-styles-screen-revisions__applied-text",
-          children: __('These styles are already applied to your site.')
-        }) : /*#__PURE__*/_jsx(Button, {
-          size: "compact",
-          variant: "primary",
-          className: "edit-site-global-styles-screen-revisions__apply-button",
-          onClick: onApplyRevision,
-          "aria-label": __('Apply the selected revision to your site.'),
-          children: isReset ? __('Reset to defaults') : __('Apply')
-        }))]
-      }, id);
-    })
-  });
+  const { datetimeAbbreviated } = getSettings().formats;
+  return /* @__PURE__ */ jsx(
+    Composite,
+    {
+      orientation: "vertical",
+      className: "edit-site-global-styles-screen-revisions__revisions-list",
+      "aria-label": __("Global styles revisions list"),
+      role: "listbox",
+      children: userRevisions.map((revision, index) => {
+        const { id, author, modified } = revision;
+        const isUnsaved = "unsaved" === id;
+        const revisionAuthor = isUnsaved ? currentUser : author;
+        const authorDisplayName = revisionAuthor?.name || __("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 = getDate(modified);
+        const displayDate = modified && dateNowInMs - modifiedDate.getTime() > DAY_IN_MILLISECONDS ? dateI18n(datetimeAbbreviated, modifiedDate) : humanTimeDiff(modified);
+        const revisionLabel = getRevisionLabel(
+          id,
+          authorDisplayName,
+          dateI18n(datetimeAbbreviated, modifiedDate),
+          areStylesEqual
+        );
+        return /* @__PURE__ */ jsxs(
+          Composite.Item,
+          {
+            className: "edit-site-global-styles-screen-revisions__revision-item",
+            "aria-current": isSelected,
+            role: "option",
+            onKeyDown: (event) => {
+              const { keyCode } = event;
+              if (keyCode === ENTER || keyCode === SPACE) {
+                onChange(revision);
+              }
+            },
+            onClick: (event) => {
+              event.preventDefault();
+              onChange(revision);
+            },
+            "aria-selected": isSelected,
+            "aria-label": revisionLabel,
+            render: /* @__PURE__ */ jsx("div", {}),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "edit-site-global-styles-screen-revisions__revision-item-wrapper", children: isReset ? /* @__PURE__ */ jsxs("span", { className: "edit-site-global-styles-screen-revisions__description", children: [
+                __("Default styles"),
+                /* @__PURE__ */ jsx("span", { className: "edit-site-global-styles-screen-revisions__meta", children: currentThemeName })
+              ] }) : /* @__PURE__ */ jsxs("span", { className: "edit-site-global-styles-screen-revisions__description", children: [
+                isUnsaved ? /* @__PURE__ */ jsx("span", { className: "edit-site-global-styles-screen-revisions__date", children: __("(Unsaved)") }) : /* @__PURE__ */ jsx(
+                  "time",
+                  {
+                    className: "edit-site-global-styles-screen-revisions__date",
+                    dateTime: modified,
+                    children: displayDate
+                  }
+                ),
+                /* @__PURE__ */ jsxs("span", { className: "edit-site-global-styles-screen-revisions__meta", children: [
+                  /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      alt: authorDisplayName,
+                      src: authorAvatar
+                    }
+                  ),
+                  authorDisplayName
+                ] }),
+                isSelected && /* @__PURE__ */ jsx(
+                  ChangesSummary,
+                  {
+                    revision,
+                    previousRevision: index < userRevisions.length ? userRevisions[index + 1] : {}
+                  }
+                )
+              ] }) }),
+              isSelected && (areStylesEqual ? /* @__PURE__ */ jsx("p", { className: "edit-site-global-styles-screen-revisions__applied-text", children: __(
+                "These styles are already applied to your site."
+              ) }) : /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "compact",
+                  variant: "primary",
+                  className: "edit-site-global-styles-screen-revisions__apply-button",
+                  onClick: onApplyRevision,
+                  "aria-label": __(
+                    "Apply the selected revision to your site."
+                  ),
+                  children: isReset ? __("Reset to defaults") : __("Apply")
+                }
+              ))
+            ]
+          },
+          id
+        );
+      })
+    }
+  );
 }
-export default RevisionsButtons;
-//# sourceMappingURL=revisions-buttons.js.map
+var revisions_buttons_default = RevisionsButtons;
+export {
+  revisions_buttons_default as default
+};
+//# sourceMappingURL=revisions-buttons.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["__","sprintf","Button","Composite","dateI18n","getDate","humanTimeDiff","getSettings","store","coreStore","useSelect","privateApis","blockEditorPrivateApis","ENTER","SPACE","unlock","jsx","_jsx","jsxs","_jsxs","DAY_IN_MILLISECONDS","getGlobalStylesChanges","ChangesSummary","revision","previousRevision","changes","maxResults","length","className","children","map","change","getRevisionLabel","id","authorDisplayName","formattedModifiedDate","areStylesEqual","RevisionsButtons","userRevisions","selectedRevisionId","onChange","canApplyRevision","onApplyRevision","currentThemeName","currentUser","select","getCurrentTheme","getCurrentUser","currentTheme","name","rendered","stylesheet","dateNowInMs","getTime","datetimeAbbreviated","formats","orientation","role","index","author","modified","isUnsaved","revisionAuthor","authorAvatar","avatar_urls","isFirstItem","isSelected","isReset","modifiedDate","displayDate","revisionLabel","Item","onKeyDown","event","keyCode","onClick","preventDefault","render","dateTime","alt","src","size","variant"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-revisions/revisions-buttons.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Button, Composite } 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';\nimport { ENTER, SPACE } from '@wordpress/keycodes';\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: author display name. 2: 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: author display name. 2: 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<Composite\n\t\t\torientation=\"vertical\"\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=\"listbox\"\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<Composite.Item\n\t\t\t\t\t\tkey={ id }\n\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__revision-item\"\n\t\t\t\t\t\taria-current={ isSelected }\n\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\tconst { keyCode } = event;\n\t\t\t\t\t\t\tif ( keyCode === ENTER || keyCode === SPACE ) {\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} }\n\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tonChange( revision );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\taria-selected={ isSelected }\n\t\t\t\t\t\taria-label={ revisionLabel }\n\t\t\t\t\t\trender={ <div /> }\n\t\t\t\t\t>\n\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__revision-item-wrapper\">\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</span>\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\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\taria-label={ __(\n\t\t\t\t\t\t\t\t\t\t'Apply the selected revision to your site.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\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</Composite.Item>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Composite>\n\t);\n}\n\nexport default RevisionsButtons;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/global-styles/screen-revisions/revisions-buttons.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Button, Composite } 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';\nimport { ENTER, SPACE } from '@wordpress/keycodes';\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: author display name. 2: 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: author display name. 2: 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<Composite\n\t\t\torientation=\"vertical\"\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=\"listbox\"\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<Composite.Item\n\t\t\t\t\t\tkey={ id }\n\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__revision-item\"\n\t\t\t\t\t\taria-current={ isSelected }\n\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\tconst { keyCode } = event;\n\t\t\t\t\t\t\tif ( keyCode === ENTER || keyCode === SPACE ) {\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} }\n\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tonChange( revision );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\taria-selected={ isSelected }\n\t\t\t\t\t\taria-label={ revisionLabel }\n\t\t\t\t\t\trender={ <div /> }\n\t\t\t\t\t>\n\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__revision-item-wrapper\">\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</span>\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\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\taria-label={ __(\n\t\t\t\t\t\t\t\t\t\t'Apply the selected revision to your site.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\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</Composite.Item>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Composite>\n\t);\n}\n\nexport default RevisionsButtons;\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -1,39 +1,20 @@
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-import { useContext, useMemo } from '@wordpress/element';
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../../lock-unlock';
+import { useSelect } from "@wordpress/data";
+import { store as coreStore } from "@wordpress/core-data";
+import { useContext, useMemo } from "@wordpress/element";
+import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
+import { unlock } from "../../../lock-unlock";
 const SITE_EDITOR_AUTHORS_QUERY = {
   per_page: -1,
-  _fields: 'id,name,avatar_urls',
-  context: 'view',
-  capabilities: ['edit_theme_options']
-};
-const DEFAULT_QUERY = {
-  per_page: 100,
-  page: 1
+  _fields: "id,name,avatar_urls",
+  context: "view",
+  capabilities: ["edit_theme_options"]
 };
+const DEFAULT_QUERY = { per_page: 100, page: 1 };
 const EMPTY_ARRAY = [];
-const {
-  GlobalStylesContext
-} = unlock(blockEditorPrivateApis);
-export default function useGlobalStylesRevisions({
-  query
-} = {}) {
-  const {
-    user: userConfig
-  } = useContext(GlobalStylesContext);
-  const _query = {
-    ...DEFAULT_QUERY,
-    ...query
-  };
+const { GlobalStylesContext } = unlock(blockEditorPrivateApis);
+function useGlobalStylesRevisions({ query } = {}) {
+  const { user: userConfig } = useContext(GlobalStylesContext);
+  const _query = { ...DEFAULT_QUERY, ...query };
   const {
     authors,
     currentUser,
@@ -41,35 +22,47 @@ export default function useGlobalStylesRevisions({
     revisions,
     isLoadingGlobalStylesRevisions,
     revisionsCount
-  } = useSelect(select => {
-    var _globalStyles$_links$;
-    const {
-      __experimentalGetDirtyEntityRecords,
-      getCurrentUser,
-      getUsers,
-      getRevisions,
-      __experimentalGetCurrentGlobalStylesId,
-      getEntityRecord,
-      isResolving
-    } = select(coreStore);
-    const dirtyEntityRecords = __experimentalGetDirtyEntityRecords();
-    const _currentUser = getCurrentUser();
-    const _isDirty = dirtyEntityRecords.length > 0;
-    const globalStylesId = __experimentalGetCurrentGlobalStylesId();
-    const globalStyles = globalStylesId ? getEntityRecord('root', 'globalStyles', globalStylesId) : undefined;
-    const _revisionsCount = (_globalStyles$_links$ = globalStyles?._links?.['version-history']?.[0]?.count) !== null && _globalStyles$_links$ !== void 0 ? _globalStyles$_links$ : 0;
-    const globalStylesRevisions = getRevisions('root', 'globalStyles', globalStylesId, _query) || EMPTY_ARRAY;
-    const _authors = getUsers(SITE_EDITOR_AUTHORS_QUERY) || EMPTY_ARRAY;
-    const _isResolving = isResolving('getRevisions', ['root', 'globalStyles', globalStylesId, _query]);
-    return {
-      authors: _authors,
-      currentUser: _currentUser,
-      isDirty: _isDirty,
-      revisions: globalStylesRevisions,
-      isLoadingGlobalStylesRevisions: _isResolving,
-      revisionsCount: _revisionsCount
-    };
-  }, [query]);
+  } = useSelect(
+    (select) => {
+      const {
+        __experimentalGetDirtyEntityRecords,
+        getCurrentUser,
+        getUsers,
+        getRevisions,
+        __experimentalGetCurrentGlobalStylesId,
+        getEntityRecord,
+        isResolving
+      } = select(coreStore);
+      const dirtyEntityRecords = __experimentalGetDirtyEntityRecords();
+      const _currentUser = getCurrentUser();
+      const _isDirty = dirtyEntityRecords.length > 0;
+      const globalStylesId = __experimentalGetCurrentGlobalStylesId();
+      const globalStyles = globalStylesId ? getEntityRecord("root", "globalStyles", globalStylesId) : void 0;
+      const _revisionsCount = globalStyles?._links?.["version-history"]?.[0]?.count ?? 0;
+      const globalStylesRevisions = getRevisions(
+        "root",
+        "globalStyles",
+        globalStylesId,
+        _query
+      ) || EMPTY_ARRAY;
+      const _authors = getUsers(SITE_EDITOR_AUTHORS_QUERY) || EMPTY_ARRAY;
+      const _isResolving = isResolving("getRevisions", [
+        "root",
+        "globalStyles",
+        globalStylesId,
+        _query
+      ]);
+      return {
+        authors: _authors,
+        currentUser: _currentUser,
+        isDirty: _isDirty,
+        revisions: globalStylesRevisions,
+        isLoadingGlobalStylesRevisions: _isResolving,
+        revisionsCount: _revisionsCount
+      };
+    },
+    [query]
+  );
   return useMemo(() => {
     if (!authors.length || isLoadingGlobalStylesRevisions) {
       return {
@@ -79,25 +72,22 @@ export default function useGlobalStylesRevisions({
         revisionsCount
       };
     }
-
-    // Adds author details to each revision.
-    const _modifiedRevisions = revisions.map(revision => {
+    const _modifiedRevisions = revisions.map((revision) => {
       return {
         ...revision,
-        author: authors.find(author => author.id === revision.author)
+        author: authors.find(
+          (author) => author.id === revision.author
+        )
       };
     });
     const fetchedRevisionsCount = revisions.length;
     if (fetchedRevisionsCount) {
-      // Flags the most current saved revision.
-      if (_modifiedRevisions[0].id !== 'unsaved' && _query.page === 1) {
+      if (_modifiedRevisions[0].id !== "unsaved" && _query.page === 1) {
         _modifiedRevisions[0].isLatest = true;
       }
-
-      // Adds an item for unsaved changes.
       if (isDirty && userConfig && Object.keys(userConfig).length > 0 && currentUser && _query.page === 1) {
         const unsavedRevision = {
-          id: 'unsaved',
+          id: "unsaved",
           styles: userConfig?.styles,
           settings: userConfig?.settings,
           _links: userConfig?._links,
@@ -105,14 +95,13 @@ export default function useGlobalStylesRevisions({
             name: currentUser?.name,
             avatar_urls: currentUser?.avatar_urls
           },
-          modified: new Date()
+          modified: /* @__PURE__ */ new Date()
         };
         _modifiedRevisions.unshift(unsavedRevision);
       }
       if (_query.page === Math.ceil(revisionsCount / _query.per_page)) {
-        // Adds an item for the default theme styles.
         _modifiedRevisions.push({
-          id: 'parent',
+          id: "parent",
           styles: {},
           settings: {}
         });
@@ -124,6 +113,16 @@ export default function useGlobalStylesRevisions({
       isLoading: false,
       revisionsCount
     };
-  }, [isDirty, revisions, currentUser, authors, userConfig, isLoadingGlobalStylesRevisions]);
+  }, [
+    isDirty,
+    revisions,
+    currentUser,
+    authors,
+    userConfig,
+    isLoadingGlobalStylesRevisions
+  ]);
 }
-//# sourceMappingURL=use-global-styles-revisions.js.map
+export {
+  useGlobalStylesRevisions as default
+};
+//# sourceMappingURL=use-global-styles-revisions.js.map