@wordpress/editor 14.32.0 → 14.32.1-next.ff1cebbba.0

package/build/components/entities-saved-states/index.js

@@ -1,198 +1,214 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var entities_saved_states_exports = {};
+__export(entities_saved_states_exports, {
+  EntitiesSavedStatesExtensible: () => EntitiesSavedStatesExtensible,
+  default: () => EntitiesSavedStates
 });
-exports.EntitiesSavedStatesExtensible = EntitiesSavedStatesExtensible;
-exports.default = EntitiesSavedStates;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _element = require("@wordpress/element");
-var _compose = require("@wordpress/compose");
-var _data = require("@wordpress/data");
-var _entityTypeList = _interopRequireDefault(require("./entity-type-list"));
-var _useIsDirty = require("./hooks/use-is-dirty");
-var _store = require("../../store");
-var _lockUnlock = require("../../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(entities_saved_states_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_element = require("@wordpress/element");
+var import_compose = require("@wordpress/compose");
+var import_data = require("@wordpress/data");
+var import_entity_type_list = __toESM(require("./entity-type-list"));
+var import_use_is_dirty = require("./hooks/use-is-dirty");
+var import_store = require("../../store");
+var import_lock_unlock = require("../../lock-unlock");
 function identity(values) {
   return values;
 }
-
-/**
- * Renders the component for managing saved states of entities.
- *
- * @param {Object}   props              The component props.
- * @param {Function} props.close        The function to close the dialog.
- * @param {boolean}  props.renderDialog Whether to render the component with modal dialog behavior.
- * @param {string}   props.variant      Changes the layout of the component. When an `inline` value is provided, the action buttons are rendered at the end of the component instead of at the start.
- *
- * @return {React.ReactNode} The rendered component.
- */
 function EntitiesSavedStates({
   close,
   renderDialog,
   variant
 }) {
-  const isDirtyProps = (0, _useIsDirty.useIsDirty)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(EntitiesSavedStatesExtensible, {
-    close: close,
-    renderDialog: renderDialog,
-    variant: variant,
-    ...isDirtyProps
-  });
+  const isDirtyProps = (0, import_use_is_dirty.useIsDirty)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    EntitiesSavedStatesExtensible,
+    {
+      close,
+      renderDialog,
+      variant,
+      ...isDirtyProps
+    }
+  );
 }
-
-/**
- * Renders a panel for saving entities with dirty records.
- *
- * @param {Object}   props                       The component props.
- * @param {string}   props.additionalPrompt      Additional prompt to display.
- * @param {Function} props.close                 Function to close the panel.
- * @param {Function} props.onSave                Function to call when saving entities.
- * @param {boolean}  props.saveEnabled           Flag indicating if save is enabled.
- * @param {string}   props.saveLabel             Label for the save button.
- * @param {boolean}  props.renderDialog          Whether to render the component with modal dialog behavior.
- * @param {Array}    props.dirtyEntityRecords    Array of dirty entity records.
- * @param {boolean}  props.isDirty               Flag indicating if there are dirty entities.
- * @param {Function} props.setUnselectedEntities Function to set unselected entities.
- * @param {Array}    props.unselectedEntities    Array of unselected entities.
- * @param {string}   props.variant               Changes the layout of the component. When an `inline` value is provided, the action buttons are rendered at the end of the component instead of at the start.
- *
- * @return {React.ReactNode} The rendered component.
- */
 function EntitiesSavedStatesExtensible({
-  additionalPrompt = undefined,
+  additionalPrompt = void 0,
   close,
   onSave = identity,
-  saveEnabled: saveEnabledProp = undefined,
-  saveLabel = (0, _i18n.__)('Save'),
+  saveEnabled: saveEnabledProp = void 0,
+  saveLabel = (0, import_i18n.__)("Save"),
   renderDialog,
   dirtyEntityRecords,
   isDirty,
   setUnselectedEntities,
   unselectedEntities,
-  variant = 'default'
+  variant = "default"
 }) {
-  const saveButtonRef = (0, _element.useRef)();
-  const {
-    saveDirtyEntities
-  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
-  // To group entities by type.
+  const saveButtonRef = (0, import_element.useRef)();
+  const { saveDirtyEntities } = (0, import_lock_unlock.unlock)((0, import_data.useDispatch)(import_store.store));
   const partitionedSavables = dirtyEntityRecords.reduce((acc, record) => {
-    const {
-      name
-    } = record;
+    const { name } = record;
     if (!acc[name]) {
       acc[name] = [];
     }
     acc[name].push(record);
     return acc;
   }, {});
-
-  // Sort entity groups.
   const {
     site: siteSavables,
     wp_template: templateSavables,
     wp_template_part: templatePartSavables,
     ...contentSavables
   } = partitionedSavables;
-  const sortedPartitionedSavables = [siteSavables, templateSavables, templatePartSavables, ...Object.values(contentSavables)].filter(Array.isArray);
-  const saveEnabled = saveEnabledProp !== null && saveEnabledProp !== void 0 ? saveEnabledProp : isDirty;
-  // Explicitly define this with no argument passed.  Using `close` on
-  // its own will use the event object in place of the expected saved entities.
-  const dismissPanel = (0, _element.useCallback)(() => close(), [close]);
-  const [saveDialogRef, saveDialogProps] = (0, _compose.__experimentalUseDialog)({
+  const sortedPartitionedSavables = [
+    siteSavables,
+    templateSavables,
+    templatePartSavables,
+    ...Object.values(contentSavables)
+  ].filter(Array.isArray);
+  const saveEnabled = saveEnabledProp ?? isDirty;
+  const dismissPanel = (0, import_element.useCallback)(() => close(), [close]);
+  const [saveDialogRef, saveDialogProps] = (0, import_compose.__experimentalUseDialog)({
     onClose: () => dismissPanel()
   });
-  const dialogLabelId = (0, _compose.useInstanceId)(EntitiesSavedStatesExtensible, 'entities-saved-states__panel-label');
-  const dialogDescriptionId = (0, _compose.useInstanceId)(EntitiesSavedStatesExtensible, 'entities-saved-states__panel-description');
-  const selectItemsToSaveDescription = !!dirtyEntityRecords.length ? (0, _i18n.__)('Select the items you want to save.') : undefined;
-  const isInline = variant === 'inline';
-  const actionButtons = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-      isBlock: isInline ? false : true,
-      as: _components.Button,
-      variant: isInline ? 'tertiary' : 'secondary',
-      size: isInline ? undefined : 'compact',
-      onClick: dismissPanel,
-      children: (0, _i18n.__)('Cancel')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-      isBlock: isInline ? false : true,
-      as: _components.Button,
-      ref: saveButtonRef,
-      variant: "primary",
-      size: isInline ? undefined : 'compact',
-      disabled: !saveEnabled,
-      accessibleWhenDisabled: true,
-      onClick: () => saveDirtyEntities({
-        onSave,
-        dirtyEntityRecords,
-        entitiesToSkip: unselectedEntities,
-        close
+  const dialogLabelId = (0, import_compose.useInstanceId)(
+    EntitiesSavedStatesExtensible,
+    "entities-saved-states__panel-label"
+  );
+  const dialogDescriptionId = (0, import_compose.useInstanceId)(
+    EntitiesSavedStatesExtensible,
+    "entities-saved-states__panel-description"
+  );
+  const selectItemsToSaveDescription = !!dirtyEntityRecords.length ? (0, import_i18n.__)("Select the items you want to save.") : void 0;
+  const isInline = variant === "inline";
+  const actionButtons = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.FlexItem,
+      {
+        isBlock: isInline ? false : true,
+        as: import_components.Button,
+        variant: isInline ? "tertiary" : "secondary",
+        size: isInline ? void 0 : "compact",
+        onClick: dismissPanel,
+        children: (0, import_i18n.__)("Cancel")
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.FlexItem,
+      {
+        isBlock: isInline ? false : true,
+        as: import_components.Button,
+        ref: saveButtonRef,
+        variant: "primary",
+        size: isInline ? void 0 : "compact",
+        disabled: !saveEnabled,
+        accessibleWhenDisabled: true,
+        onClick: () => saveDirtyEntities({
+          onSave,
+          dirtyEntityRecords,
+          entitiesToSkip: unselectedEntities,
+          close
+        }),
+        className: "editor-entities-saved-states__save-button",
+        children: saveLabel
+      }
+    )
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      ref: renderDialog ? saveDialogRef : void 0,
+      ...renderDialog && saveDialogProps,
+      className: (0, import_clsx.default)("entities-saved-states__panel", {
+        "is-inline": isInline
       }),
-      className: "editor-entities-saved-states__save-button",
-      children: saveLabel
-    })]
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    ref: renderDialog ? saveDialogRef : undefined,
-    ...(renderDialog && saveDialogProps),
-    className: (0, _clsx.default)('entities-saved-states__panel', {
-      'is-inline': isInline
-    }),
-    role: renderDialog ? 'dialog' : undefined,
-    "aria-labelledby": renderDialog ? dialogLabelId : undefined,
-    "aria-describedby": renderDialog ? dialogDescriptionId : undefined,
-    children: [!isInline && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Flex, {
-      className: "entities-saved-states__panel-header",
-      gap: 2,
-      children: actionButtons
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "entities-saved-states__text-prompt",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "entities-saved-states__text-prompt--header-wrapper",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
-          id: renderDialog ? dialogLabelId : undefined,
-          className: "entities-saved-states__text-prompt--header",
-          children: (0, _i18n.__)('Are you ready to save?')
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        id: renderDialog ? dialogDescriptionId : undefined,
-        children: [additionalPrompt, /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          className: "entities-saved-states__text-prompt--changes-count",
-          children: isDirty ? (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: %d: number of site changes waiting to be saved. */
-          (0, _i18n._n)('There is <strong>%d site change</strong> waiting to be saved.', 'There are <strong>%d site changes</strong> waiting to be saved.', dirtyEntityRecords.length), dirtyEntityRecords.length), {
-            strong: /*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {})
-          }) : selectItemsToSaveDescription
-        })]
-      })]
-    }), sortedPartitionedSavables.map(list => {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_entityTypeList.default, {
-        list: list,
-        unselectedEntities: unselectedEntities,
-        setUnselectedEntities: setUnselectedEntities
-      }, list[0].name);
-    }), isInline && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Flex, {
-      direction: "row",
-      justify: "flex-end",
-      className: "entities-saved-states__panel-footer",
-      children: actionButtons
-    })]
-  });
+      role: renderDialog ? "dialog" : void 0,
+      "aria-labelledby": renderDialog ? dialogLabelId : void 0,
+      "aria-describedby": renderDialog ? dialogDescriptionId : void 0,
+      children: [
+        !isInline && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Flex, { className: "entities-saved-states__panel-header", gap: 2, children: actionButtons }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "entities-saved-states__text-prompt", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "entities-saved-states__text-prompt--header-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "strong",
+            {
+              id: renderDialog ? dialogLabelId : void 0,
+              className: "entities-saved-states__text-prompt--header",
+              children: (0, import_i18n.__)("Are you ready to save?")
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { id: renderDialog ? dialogDescriptionId : void 0, children: [
+            additionalPrompt,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "entities-saved-states__text-prompt--changes-count", children: isDirty ? (0, import_element.createInterpolateElement)(
+              (0, import_i18n.sprintf)(
+                /* translators: %d: number of site changes waiting to be saved. */
+                (0, import_i18n._n)(
+                  "There is <strong>%d site change</strong> waiting to be saved.",
+                  "There are <strong>%d site changes</strong> waiting to be saved.",
+                  dirtyEntityRecords.length
+                ),
+                dirtyEntityRecords.length
+              ),
+              { strong: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", {}) }
+            ) : selectItemsToSaveDescription })
+          ] })
+        ] }),
+        sortedPartitionedSavables.map((list) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_entity_type_list.default,
+            {
+              list,
+              unselectedEntities,
+              setUnselectedEntities
+            },
+            list[0].name
+          );
+        }),
+        isInline && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.Flex,
+          {
+            direction: "row",
+            justify: "flex-end",
+            className: "entities-saved-states__panel-footer",
+            children: actionButtons
+          }
+        )
+      ]
+    }
+  );
 }
-//# sourceMappingURL=index.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EntitiesSavedStatesExtensible
+});
+//# sourceMappingURL=index.js.map

package/build/components/entities-saved-states/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_element","_compose","_data","_entityTypeList","_useIsDirty","_store","_lockUnlock","_jsxRuntime","identity","values","EntitiesSavedStates","close","renderDialog","variant","isDirtyProps","useIsDirty","jsx","EntitiesSavedStatesExtensible","additionalPrompt","undefined","onSave","saveEnabled","saveEnabledProp","saveLabel","__","dirtyEntityRecords","isDirty","setUnselectedEntities","unselectedEntities","saveButtonRef","useRef","saveDirtyEntities","unlock","useDispatch","editorStore","partitionedSavables","reduce","acc","record","name","push","site","siteSavables","wp_template","templateSavables","wp_template_part","templatePartSavables","contentSavables","sortedPartitionedSavables","Object","filter","Array","isArray","dismissPanel","useCallback","saveDialogRef","saveDialogProps","useDialog","onClose","dialogLabelId","useInstanceId","dialogDescriptionId","selectItemsToSaveDescription","length","isInline","actionButtons","jsxs","Fragment","children","FlexItem","isBlock","as","Button","size","onClick","ref","disabled","accessibleWhenDisabled","entitiesToSkip","className","clsx","role","Flex","gap","id","createInterpolateElement","sprintf","_n","strong","map","list","default","direction","justify"],"sources":["@wordpress/editor/src/components/entities-saved-states/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Flex, FlexItem } from '@wordpress/components';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport {\n\tuseCallback,\n\tuseRef,\n\tcreateInterpolateElement,\n} from '@wordpress/element';\nimport {\n\t__experimentalUseDialog as useDialog,\n\tuseInstanceId,\n} from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport EntityTypeList from './entity-type-list';\nimport { useIsDirty } from './hooks/use-is-dirty';\nimport { store as editorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nfunction identity( values ) {\n\treturn values;\n}\n\n/**\n * Renders the component for managing saved states of entities.\n *\n * @param {Object}   props              The component props.\n * @param {Function} props.close        The function to close the dialog.\n * @param {boolean}  props.renderDialog Whether to render the component with modal dialog behavior.\n * @param {string}   props.variant      Changes the layout of the component. When an `inline` value is provided, the action buttons are rendered at the end of the component instead of at the start.\n *\n * @return {React.ReactNode} The rendered component.\n */\nexport default function EntitiesSavedStates( {\n\tclose,\n\trenderDialog,\n\tvariant,\n} ) {\n\tconst isDirtyProps = useIsDirty();\n\treturn (\n\t\t<EntitiesSavedStatesExtensible\n\t\t\tclose={ close }\n\t\t\trenderDialog={ renderDialog }\n\t\t\tvariant={ variant }\n\t\t\t{ ...isDirtyProps }\n\t\t/>\n\t);\n}\n\n/**\n * Renders a panel for saving entities with dirty records.\n *\n * @param {Object}   props                       The component props.\n * @param {string}   props.additionalPrompt      Additional prompt to display.\n * @param {Function} props.close                 Function to close the panel.\n * @param {Function} props.onSave                Function to call when saving entities.\n * @param {boolean}  props.saveEnabled           Flag indicating if save is enabled.\n * @param {string}   props.saveLabel             Label for the save button.\n * @param {boolean}  props.renderDialog          Whether to render the component with modal dialog behavior.\n * @param {Array}    props.dirtyEntityRecords    Array of dirty entity records.\n * @param {boolean}  props.isDirty               Flag indicating if there are dirty entities.\n * @param {Function} props.setUnselectedEntities Function to set unselected entities.\n * @param {Array}    props.unselectedEntities    Array of unselected entities.\n * @param {string}   props.variant               Changes the layout of the component. When an `inline` value is provided, the action buttons are rendered at the end of the component instead of at the start.\n *\n * @return {React.ReactNode} The rendered component.\n */\nexport function EntitiesSavedStatesExtensible( {\n\tadditionalPrompt = undefined,\n\tclose,\n\tonSave = identity,\n\tsaveEnabled: saveEnabledProp = undefined,\n\tsaveLabel = __( 'Save' ),\n\trenderDialog,\n\tdirtyEntityRecords,\n\tisDirty,\n\tsetUnselectedEntities,\n\tunselectedEntities,\n\tvariant = 'default',\n} ) {\n\tconst saveButtonRef = useRef();\n\tconst { saveDirtyEntities } = unlock( useDispatch( editorStore ) );\n\t// To group entities by type.\n\tconst partitionedSavables = dirtyEntityRecords.reduce( ( acc, record ) => {\n\t\tconst { name } = record;\n\t\tif ( ! acc[ name ] ) {\n\t\t\tacc[ name ] = [];\n\t\t}\n\t\tacc[ name ].push( record );\n\t\treturn acc;\n\t}, {} );\n\n\t// Sort entity groups.\n\tconst {\n\t\tsite: siteSavables,\n\t\twp_template: templateSavables,\n\t\twp_template_part: templatePartSavables,\n\t\t...contentSavables\n\t} = partitionedSavables;\n\tconst sortedPartitionedSavables = [\n\t\tsiteSavables,\n\t\ttemplateSavables,\n\t\ttemplatePartSavables,\n\t\t...Object.values( contentSavables ),\n\t].filter( Array.isArray );\n\n\tconst saveEnabled = saveEnabledProp ?? isDirty;\n\t// Explicitly define this with no argument passed.  Using `close` on\n\t// its own will use the event object in place of the expected saved entities.\n\tconst dismissPanel = useCallback( () => close(), [ close ] );\n\n\tconst [ saveDialogRef, saveDialogProps ] = useDialog( {\n\t\tonClose: () => dismissPanel(),\n\t} );\n\tconst dialogLabelId = useInstanceId(\n\t\tEntitiesSavedStatesExtensible,\n\t\t'entities-saved-states__panel-label'\n\t);\n\tconst dialogDescriptionId = useInstanceId(\n\t\tEntitiesSavedStatesExtensible,\n\t\t'entities-saved-states__panel-description'\n\t);\n\n\tconst selectItemsToSaveDescription = !! dirtyEntityRecords.length\n\t\t? __( 'Select the items you want to save.' )\n\t\t: undefined;\n\n\tconst isInline = variant === 'inline';\n\n\tconst actionButtons = (\n\t\t<>\n\t\t\t<FlexItem\n\t\t\t\tisBlock={ isInline ? false : true }\n\t\t\t\tas={ Button }\n\t\t\t\tvariant={ isInline ? 'tertiary' : 'secondary' }\n\t\t\t\tsize={ isInline ? undefined : 'compact' }\n\t\t\t\tonClick={ dismissPanel }\n\t\t\t>\n\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t</FlexItem>\n\t\t\t<FlexItem\n\t\t\t\tisBlock={ isInline ? false : true }\n\t\t\t\tas={ Button }\n\t\t\t\tref={ saveButtonRef }\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tsize={ isInline ? undefined : 'compact' }\n\t\t\t\tdisabled={ ! saveEnabled }\n\t\t\t\taccessibleWhenDisabled\n\t\t\t\tonClick={ () =>\n\t\t\t\t\tsaveDirtyEntities( {\n\t\t\t\t\t\tonSave,\n\t\t\t\t\t\tdirtyEntityRecords,\n\t\t\t\t\t\tentitiesToSkip: unselectedEntities,\n\t\t\t\t\t\tclose,\n\t\t\t\t\t} )\n\t\t\t\t}\n\t\t\t\tclassName=\"editor-entities-saved-states__save-button\"\n\t\t\t>\n\t\t\t\t{ saveLabel }\n\t\t\t</FlexItem>\n\t\t</>\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={ renderDialog ? saveDialogRef : undefined }\n\t\t\t{ ...( renderDialog && saveDialogProps ) }\n\t\t\tclassName={ clsx( 'entities-saved-states__panel', {\n\t\t\t\t'is-inline': isInline,\n\t\t\t} ) }\n\t\t\trole={ renderDialog ? 'dialog' : undefined }\n\t\t\taria-labelledby={ renderDialog ? dialogLabelId : undefined }\n\t\t\taria-describedby={ renderDialog ? dialogDescriptionId : undefined }\n\t\t>\n\t\t\t{ ! isInline && (\n\t\t\t\t<Flex className=\"entities-saved-states__panel-header\" gap={ 2 }>\n\t\t\t\t\t{ actionButtons }\n\t\t\t\t</Flex>\n\t\t\t) }\n\n\t\t\t<div className=\"entities-saved-states__text-prompt\">\n\t\t\t\t<div className=\"entities-saved-states__text-prompt--header-wrapper\">\n\t\t\t\t\t<strong\n\t\t\t\t\t\tid={ renderDialog ? dialogLabelId : undefined }\n\t\t\t\t\t\tclassName=\"entities-saved-states__text-prompt--header\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Are you ready to save?' ) }\n\t\t\t\t\t</strong>\n\t\t\t\t</div>\n\t\t\t\t<div id={ renderDialog ? dialogDescriptionId : undefined }>\n\t\t\t\t\t{ additionalPrompt }\n\t\t\t\t\t<p className=\"entities-saved-states__text-prompt--changes-count\">\n\t\t\t\t\t\t{ isDirty\n\t\t\t\t\t\t\t? createInterpolateElement(\n\t\t\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t\t\t/* translators: %d: number of site changes waiting to be saved. */\n\t\t\t\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t\t\t\t'There is <strong>%d site change</strong> waiting to be saved.',\n\t\t\t\t\t\t\t\t\t\t\t'There are <strong>%d site changes</strong> waiting to be saved.',\n\t\t\t\t\t\t\t\t\t\t\tdirtyEntityRecords.length\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\tdirtyEntityRecords.length\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{ strong: <strong /> }\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t: selectItemsToSaveDescription }\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{ sortedPartitionedSavables.map( ( list ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<EntityTypeList\n\t\t\t\t\t\tkey={ list[ 0 ].name }\n\t\t\t\t\t\tlist={ list }\n\t\t\t\t\t\tunselectedEntities={ unselectedEntities }\n\t\t\t\t\t\tsetUnselectedEntities={ setUnselectedEntities }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\n\t\t\t{ isInline && (\n\t\t\t\t<Flex\n\t\t\t\t\tdirection=\"row\"\n\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\tclassName=\"entities-saved-states__panel-footer\"\n\t\t\t\t>\n\t\t\t\t\t{ actionButtons }\n\t\t\t\t</Flex>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/entities-saved-states/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Flex, FlexItem } from '@wordpress/components';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport {\n\tuseCallback,\n\tuseRef,\n\tcreateInterpolateElement,\n} from '@wordpress/element';\nimport {\n\t__experimentalUseDialog as useDialog,\n\tuseInstanceId,\n} from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport EntityTypeList from './entity-type-list';\nimport { useIsDirty } from './hooks/use-is-dirty';\nimport { store as editorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nfunction identity( values ) {\n\treturn values;\n}\n\n/**\n * Renders the component for managing saved states of entities.\n *\n * @param {Object}   props              The component props.\n * @param {Function} props.close        The function to close the dialog.\n * @param {boolean}  props.renderDialog Whether to render the component with modal dialog behavior.\n * @param {string}   props.variant      Changes the layout of the component. When an `inline` value is provided, the action buttons are rendered at the end of the component instead of at the start.\n *\n * @return {React.ReactNode} The rendered component.\n */\nexport default function EntitiesSavedStates( {\n\tclose,\n\trenderDialog,\n\tvariant,\n} ) {\n\tconst isDirtyProps = useIsDirty();\n\treturn (\n\t\t<EntitiesSavedStatesExtensible\n\t\t\tclose={ close }\n\t\t\trenderDialog={ renderDialog }\n\t\t\tvariant={ variant }\n\t\t\t{ ...isDirtyProps }\n\t\t/>\n\t);\n}\n\n/**\n * Renders a panel for saving entities with dirty records.\n *\n * @param {Object}   props                       The component props.\n * @param {string}   props.additionalPrompt      Additional prompt to display.\n * @param {Function} props.close                 Function to close the panel.\n * @param {Function} props.onSave                Function to call when saving entities.\n * @param {boolean}  props.saveEnabled           Flag indicating if save is enabled.\n * @param {string}   props.saveLabel             Label for the save button.\n * @param {boolean}  props.renderDialog          Whether to render the component with modal dialog behavior.\n * @param {Array}    props.dirtyEntityRecords    Array of dirty entity records.\n * @param {boolean}  props.isDirty               Flag indicating if there are dirty entities.\n * @param {Function} props.setUnselectedEntities Function to set unselected entities.\n * @param {Array}    props.unselectedEntities    Array of unselected entities.\n * @param {string}   props.variant               Changes the layout of the component. When an `inline` value is provided, the action buttons are rendered at the end of the component instead of at the start.\n *\n * @return {React.ReactNode} The rendered component.\n */\nexport function EntitiesSavedStatesExtensible( {\n\tadditionalPrompt = undefined,\n\tclose,\n\tonSave = identity,\n\tsaveEnabled: saveEnabledProp = undefined,\n\tsaveLabel = __( 'Save' ),\n\trenderDialog,\n\tdirtyEntityRecords,\n\tisDirty,\n\tsetUnselectedEntities,\n\tunselectedEntities,\n\tvariant = 'default',\n} ) {\n\tconst saveButtonRef = useRef();\n\tconst { saveDirtyEntities } = unlock( useDispatch( editorStore ) );\n\t// To group entities by type.\n\tconst partitionedSavables = dirtyEntityRecords.reduce( ( acc, record ) => {\n\t\tconst { name } = record;\n\t\tif ( ! acc[ name ] ) {\n\t\t\tacc[ name ] = [];\n\t\t}\n\t\tacc[ name ].push( record );\n\t\treturn acc;\n\t}, {} );\n\n\t// Sort entity groups.\n\tconst {\n\t\tsite: siteSavables,\n\t\twp_template: templateSavables,\n\t\twp_template_part: templatePartSavables,\n\t\t...contentSavables\n\t} = partitionedSavables;\n\tconst sortedPartitionedSavables = [\n\t\tsiteSavables,\n\t\ttemplateSavables,\n\t\ttemplatePartSavables,\n\t\t...Object.values( contentSavables ),\n\t].filter( Array.isArray );\n\n\tconst saveEnabled = saveEnabledProp ?? isDirty;\n\t// Explicitly define this with no argument passed.  Using `close` on\n\t// its own will use the event object in place of the expected saved entities.\n\tconst dismissPanel = useCallback( () => close(), [ close ] );\n\n\tconst [ saveDialogRef, saveDialogProps ] = useDialog( {\n\t\tonClose: () => dismissPanel(),\n\t} );\n\tconst dialogLabelId = useInstanceId(\n\t\tEntitiesSavedStatesExtensible,\n\t\t'entities-saved-states__panel-label'\n\t);\n\tconst dialogDescriptionId = useInstanceId(\n\t\tEntitiesSavedStatesExtensible,\n\t\t'entities-saved-states__panel-description'\n\t);\n\n\tconst selectItemsToSaveDescription = !! dirtyEntityRecords.length\n\t\t? __( 'Select the items you want to save.' )\n\t\t: undefined;\n\n\tconst isInline = variant === 'inline';\n\n\tconst actionButtons = (\n\t\t<>\n\t\t\t<FlexItem\n\t\t\t\tisBlock={ isInline ? false : true }\n\t\t\t\tas={ Button }\n\t\t\t\tvariant={ isInline ? 'tertiary' : 'secondary' }\n\t\t\t\tsize={ isInline ? undefined : 'compact' }\n\t\t\t\tonClick={ dismissPanel }\n\t\t\t>\n\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t</FlexItem>\n\t\t\t<FlexItem\n\t\t\t\tisBlock={ isInline ? false : true }\n\t\t\t\tas={ Button }\n\t\t\t\tref={ saveButtonRef }\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tsize={ isInline ? undefined : 'compact' }\n\t\t\t\tdisabled={ ! saveEnabled }\n\t\t\t\taccessibleWhenDisabled\n\t\t\t\tonClick={ () =>\n\t\t\t\t\tsaveDirtyEntities( {\n\t\t\t\t\t\tonSave,\n\t\t\t\t\t\tdirtyEntityRecords,\n\t\t\t\t\t\tentitiesToSkip: unselectedEntities,\n\t\t\t\t\t\tclose,\n\t\t\t\t\t} )\n\t\t\t\t}\n\t\t\t\tclassName=\"editor-entities-saved-states__save-button\"\n\t\t\t>\n\t\t\t\t{ saveLabel }\n\t\t\t</FlexItem>\n\t\t</>\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={ renderDialog ? saveDialogRef : undefined }\n\t\t\t{ ...( renderDialog && saveDialogProps ) }\n\t\t\tclassName={ clsx( 'entities-saved-states__panel', {\n\t\t\t\t'is-inline': isInline,\n\t\t\t} ) }\n\t\t\trole={ renderDialog ? 'dialog' : undefined }\n\t\t\taria-labelledby={ renderDialog ? dialogLabelId : undefined }\n\t\t\taria-describedby={ renderDialog ? dialogDescriptionId : undefined }\n\t\t>\n\t\t\t{ ! isInline && (\n\t\t\t\t<Flex className=\"entities-saved-states__panel-header\" gap={ 2 }>\n\t\t\t\t\t{ actionButtons }\n\t\t\t\t</Flex>\n\t\t\t) }\n\n\t\t\t<div className=\"entities-saved-states__text-prompt\">\n\t\t\t\t<div className=\"entities-saved-states__text-prompt--header-wrapper\">\n\t\t\t\t\t<strong\n\t\t\t\t\t\tid={ renderDialog ? dialogLabelId : undefined }\n\t\t\t\t\t\tclassName=\"entities-saved-states__text-prompt--header\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Are you ready to save?' ) }\n\t\t\t\t\t</strong>\n\t\t\t\t</div>\n\t\t\t\t<div id={ renderDialog ? dialogDescriptionId : undefined }>\n\t\t\t\t\t{ additionalPrompt }\n\t\t\t\t\t<p className=\"entities-saved-states__text-prompt--changes-count\">\n\t\t\t\t\t\t{ isDirty\n\t\t\t\t\t\t\t? createInterpolateElement(\n\t\t\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t\t\t/* translators: %d: number of site changes waiting to be saved. */\n\t\t\t\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t\t\t\t'There is <strong>%d site change</strong> waiting to be saved.',\n\t\t\t\t\t\t\t\t\t\t\t'There are <strong>%d site changes</strong> waiting to be saved.',\n\t\t\t\t\t\t\t\t\t\t\tdirtyEntityRecords.length\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\tdirtyEntityRecords.length\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{ strong: <strong /> }\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t: selectItemsToSaveDescription }\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{ sortedPartitionedSavables.map( ( list ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<EntityTypeList\n\t\t\t\t\t\tkey={ list[ 0 ].name }\n\t\t\t\t\t\tlist={ list }\n\t\t\t\t\t\tunselectedEntities={ unselectedEntities }\n\t\t\t\t\t\tsetUnselectedEntities={ setUnselectedEntities }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\n\t\t\t{ isInline && (\n\t\t\t\t<Flex\n\t\t\t\t\tdirection=\"row\"\n\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\tclassName=\"entities-saved-states__panel-footer\"\n\t\t\t\t>\n\t\t\t\t\t{ actionButtons }\n\t\t\t\t</Flex>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": ["editorStore", "useDialog", "clsx", "EntityTypeList"]
+}

package/build/components/error-boundary/index.js

@@ -1,50 +1,45 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var error_boundary_exports = {};
+__export(error_boundary_exports, {
+  default: () => error_boundary_default
 });
-exports.default = void 0;
-var _element = require("@wordpress/element");
-var _i18n = require("@wordpress/i18n");
-var _components = require("@wordpress/components");
-var _data = require("@wordpress/data");
-var _compose = require("@wordpress/compose");
-var _hooks = require("@wordpress/hooks");
-var _store = require("../../store");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(error_boundary_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_data = require("@wordpress/data");
+var import_compose = require("@wordpress/compose");
+var import_hooks = require("@wordpress/hooks");
+var import_store = require("../../store");
 function getContent() {
   try {
-    // While `select` in a component is generally discouraged, it is
-    // used here because it (a) reduces the chance of data loss in the
-    // case of additional errors by performing a direct retrieval and
-    // (b) avoids the performance cost associated with unnecessary
-    // content serialization throughout the lifetime of a non-erroring
-    // application.
-    return (0, _data.select)(_store.store).getEditedPostContent();
-  } catch (error) {}
+    return (0, import_data.select)(import_store.store).getEditedPostContent();
+  } catch (error) {
+  }
 }
-function CopyButton({
-  text,
-  children,
-  variant = 'secondary'
-}) {
-  const ref = (0, _compose.useCopyToClipboard)(text);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-    __next40pxDefaultSize: true,
-    variant: variant,
-    ref: ref,
-    children: children
-  });
+function CopyButton({ text, children, variant = "secondary" }) {
+  const ref = (0, import_compose.useCopyToClipboard)(text);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Button, { __next40pxDefaultSize: true, variant, ref, children });
 }
-class ErrorBoundary extends _element.Component {
+class ErrorBoundary extends import_element.Component {
   constructor() {
     super(...arguments);
     this.state = {
@@ -52,57 +47,36 @@ class ErrorBoundary extends _element.Component {
     };
   }
   componentDidCatch(error) {
-    (0, _hooks.doAction)('editor.ErrorBoundary.errorLogged', error);
+    (0, import_hooks.doAction)("editor.ErrorBoundary.errorLogged", error);
   }
   static getDerivedStateFromError(error) {
-    return {
-      error
-    };
+    return { error };
   }
   render() {
-    const {
-      error
-    } = this.state;
-    const {
-      canCopyContent = false
-    } = this.props;
+    const { error } = this.state;
+    const { canCopyContent = false } = this.props;
     if (!error) {
       return this.props.children;
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-      className: "editor-error-boundary",
-      alignment: "baseline",
-      spacing: 4,
-      justify: "space-between",
-      expanded: false,
-      wrap: true,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
-        as: "p",
-        children: (0, _i18n.__)('The editor has encountered an unexpected error.')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_components.__experimentalHStack,
+      {
+        className: "editor-error-boundary",
+        alignment: "baseline",
+        spacing: 4,
+        justify: "space-between",
         expanded: false,
-        children: [canCopyContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(CopyButton, {
-          text: getContent,
-          children: (0, _i18n.__)('Copy contents')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CopyButton, {
-          variant: "primary",
-          text: error?.stack,
-          children: (0, _i18n.__)('Copy error')
-        })]
-      })]
-    });
+        wrap: true,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalText, { as: "p", children: (0, import_i18n.__)("The editor has encountered an unexpected error.") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { expanded: false, children: [
+            canCopyContent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, { text: getContent, children: (0, import_i18n.__)("Copy contents") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, { variant: "primary", text: error?.stack, children: (0, import_i18n.__)("Copy error") })
+          ] })
+        ]
+      }
+    );
   }
 }
-
-/**
- * ErrorBoundary is used to catch JavaScript errors anywhere in a child component tree, log those errors, and display a fallback UI.
- *
- * It uses the lifecycle methods getDerivedStateFromError and componentDidCatch to catch errors in a child component tree.
- *
- * getDerivedStateFromError is used to render a fallback UI after an error has been thrown, and componentDidCatch is used to log error information.
- *
- * @class ErrorBoundary
- * @augments Component
- */
-var _default = exports.default = ErrorBoundary;
-//# sourceMappingURL=index.js.map
+var error_boundary_default = ErrorBoundary;
+//# sourceMappingURL=index.js.map