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

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

@@ -1,189 +1,187 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { Button, Flex, FlexItem } from '@wordpress/components';
-import { __, _n, sprintf } from '@wordpress/i18n';
-import { useCallback, useRef, createInterpolateElement } from '@wordpress/element';
-import { __experimentalUseDialog as useDialog, useInstanceId } from '@wordpress/compose';
-import { useDispatch } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import EntityTypeList from './entity-type-list';
-import { useIsDirty } from './hooks/use-is-dirty';
-import { store as editorStore } from '../../store';
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { Button, Flex, FlexItem } from "@wordpress/components";
+import { __, _n, sprintf } from "@wordpress/i18n";
+import {
+  useCallback,
+  useRef,
+  createInterpolateElement
+} from "@wordpress/element";
+import {
+  __experimentalUseDialog as useDialog,
+  useInstanceId
+} from "@wordpress/compose";
+import { useDispatch } from "@wordpress/data";
+import EntityTypeList from "./entity-type-list";
+import { useIsDirty } from "./hooks/use-is-dirty";
+import { store as editorStore } from "../../store";
+import { unlock } from "../../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.
- */
-export default function EntitiesSavedStates({
+function EntitiesSavedStates({
   close,
   renderDialog,
   variant
 }) {
   const isDirtyProps = useIsDirty();
-  return /*#__PURE__*/_jsx(EntitiesSavedStatesExtensible, {
-    close: close,
-    renderDialog: renderDialog,
-    variant: variant,
-    ...isDirtyProps
-  });
+  return /* @__PURE__ */ 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.
- */
-export function EntitiesSavedStatesExtensible({
-  additionalPrompt = undefined,
+function EntitiesSavedStatesExtensible({
+  additionalPrompt = void 0,
   close,
   onSave = identity,
-  saveEnabled: saveEnabledProp = undefined,
-  saveLabel = __('Save'),
+  saveEnabled: saveEnabledProp = void 0,
+  saveLabel = __("Save"),
   renderDialog,
   dirtyEntityRecords,
   isDirty,
   setUnselectedEntities,
   unselectedEntities,
-  variant = 'default'
+  variant = "default"
 }) {
   const saveButtonRef = useRef();
-  const {
-    saveDirtyEntities
-  } = unlock(useDispatch(editorStore));
-  // To group entities by type.
+  const { saveDirtyEntities } = unlock(useDispatch(editorStore));
   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 sortedPartitionedSavables = [
+    siteSavables,
+    templateSavables,
+    templatePartSavables,
+    ...Object.values(contentSavables)
+  ].filter(Array.isArray);
+  const saveEnabled = saveEnabledProp ?? isDirty;
   const dismissPanel = useCallback(() => close(), [close]);
   const [saveDialogRef, saveDialogProps] = useDialog({
     onClose: () => dismissPanel()
   });
-  const dialogLabelId = useInstanceId(EntitiesSavedStatesExtensible, 'entities-saved-states__panel-label');
-  const dialogDescriptionId = useInstanceId(EntitiesSavedStatesExtensible, 'entities-saved-states__panel-description');
-  const selectItemsToSaveDescription = !!dirtyEntityRecords.length ? __('Select the items you want to save.') : undefined;
-  const isInline = variant === 'inline';
-  const actionButtons = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(FlexItem, {
-      isBlock: isInline ? false : true,
-      as: Button,
-      variant: isInline ? 'tertiary' : 'secondary',
-      size: isInline ? undefined : 'compact',
-      onClick: dismissPanel,
-      children: __('Cancel')
-    }), /*#__PURE__*/_jsx(FlexItem, {
-      isBlock: isInline ? false : true,
-      as: Button,
-      ref: saveButtonRef,
-      variant: "primary",
-      size: isInline ? undefined : 'compact',
-      disabled: !saveEnabled,
-      accessibleWhenDisabled: true,
-      onClick: () => saveDirtyEntities({
-        onSave,
-        dirtyEntityRecords,
-        entitiesToSkip: unselectedEntities,
-        close
+  const dialogLabelId = useInstanceId(
+    EntitiesSavedStatesExtensible,
+    "entities-saved-states__panel-label"
+  );
+  const dialogDescriptionId = useInstanceId(
+    EntitiesSavedStatesExtensible,
+    "entities-saved-states__panel-description"
+  );
+  const selectItemsToSaveDescription = !!dirtyEntityRecords.length ? __("Select the items you want to save.") : void 0;
+  const isInline = variant === "inline";
+  const actionButtons = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      FlexItem,
+      {
+        isBlock: isInline ? false : true,
+        as: Button,
+        variant: isInline ? "tertiary" : "secondary",
+        size: isInline ? void 0 : "compact",
+        onClick: dismissPanel,
+        children: __("Cancel")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FlexItem,
+      {
+        isBlock: isInline ? false : true,
+        as: 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__ */ jsxs(
+    "div",
+    {
+      ref: renderDialog ? saveDialogRef : void 0,
+      ...renderDialog && saveDialogProps,
+      className: clsx("entities-saved-states__panel", {
+        "is-inline": isInline
       }),
-      className: "editor-entities-saved-states__save-button",
-      children: saveLabel
-    })]
-  });
-  return /*#__PURE__*/_jsxs("div", {
-    ref: renderDialog ? saveDialogRef : undefined,
-    ...(renderDialog && saveDialogProps),
-    className: clsx('entities-saved-states__panel', {
-      'is-inline': isInline
-    }),
-    role: renderDialog ? 'dialog' : undefined,
-    "aria-labelledby": renderDialog ? dialogLabelId : undefined,
-    "aria-describedby": renderDialog ? dialogDescriptionId : undefined,
-    children: [!isInline && /*#__PURE__*/_jsx(Flex, {
-      className: "entities-saved-states__panel-header",
-      gap: 2,
-      children: actionButtons
-    }), /*#__PURE__*/_jsxs("div", {
-      className: "entities-saved-states__text-prompt",
-      children: [/*#__PURE__*/_jsx("div", {
-        className: "entities-saved-states__text-prompt--header-wrapper",
-        children: /*#__PURE__*/_jsx("strong", {
-          id: renderDialog ? dialogLabelId : undefined,
-          className: "entities-saved-states__text-prompt--header",
-          children: __('Are you ready to save?')
-        })
-      }), /*#__PURE__*/_jsxs("div", {
-        id: renderDialog ? dialogDescriptionId : undefined,
-        children: [additionalPrompt, /*#__PURE__*/_jsx("p", {
-          className: "entities-saved-states__text-prompt--changes-count",
-          children: isDirty ? createInterpolateElement(sprintf(/* translators: %d: number of site changes waiting to be saved. */
-          _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__*/_jsx("strong", {})
-          }) : selectItemsToSaveDescription
-        })]
-      })]
-    }), sortedPartitionedSavables.map(list => {
-      return /*#__PURE__*/_jsx(EntityTypeList, {
-        list: list,
-        unselectedEntities: unselectedEntities,
-        setUnselectedEntities: setUnselectedEntities
-      }, list[0].name);
-    }), isInline && /*#__PURE__*/_jsx(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__ */ jsx(Flex, { className: "entities-saved-states__panel-header", gap: 2, children: actionButtons }),
+        /* @__PURE__ */ jsxs("div", { className: "entities-saved-states__text-prompt", children: [
+          /* @__PURE__ */ jsx("div", { className: "entities-saved-states__text-prompt--header-wrapper", children: /* @__PURE__ */ jsx(
+            "strong",
+            {
+              id: renderDialog ? dialogLabelId : void 0,
+              className: "entities-saved-states__text-prompt--header",
+              children: __("Are you ready to save?")
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { id: renderDialog ? dialogDescriptionId : void 0, children: [
+            additionalPrompt,
+            /* @__PURE__ */ jsx("p", { className: "entities-saved-states__text-prompt--changes-count", children: isDirty ? createInterpolateElement(
+              sprintf(
+                /* translators: %d: number of site changes waiting to be saved. */
+                _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__ */ jsx("strong", {}) }
+            ) : selectItemsToSaveDescription })
+          ] })
+        ] }),
+        sortedPartitionedSavables.map((list) => {
+          return /* @__PURE__ */ jsx(
+            EntityTypeList,
+            {
+              list,
+              unselectedEntities,
+              setUnselectedEntities
+            },
+            list[0].name
+          );
+        }),
+        isInline && /* @__PURE__ */ jsx(
+          Flex,
+          {
+            direction: "row",
+            justify: "flex-end",
+            className: "entities-saved-states__panel-footer",
+            children: actionButtons
+          }
+        )
+      ]
+    }
+  );
 }
-//# sourceMappingURL=index.js.map
+export {
+  EntitiesSavedStatesExtensible,
+  EntitiesSavedStates as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","Button","Flex","FlexItem","__","_n","sprintf","useCallback","useRef","createInterpolateElement","__experimentalUseDialog","useDialog","useInstanceId","useDispatch","EntityTypeList","useIsDirty","store","editorStore","unlock","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","identity","values","EntitiesSavedStates","close","renderDialog","variant","isDirtyProps","EntitiesSavedStatesExtensible","additionalPrompt","undefined","onSave","saveEnabled","saveEnabledProp","saveLabel","dirtyEntityRecords","isDirty","setUnselectedEntities","unselectedEntities","saveButtonRef","saveDirtyEntities","partitionedSavables","reduce","acc","record","name","push","site","siteSavables","wp_template","templateSavables","wp_template_part","templatePartSavables","contentSavables","sortedPartitionedSavables","Object","filter","Array","isArray","dismissPanel","saveDialogRef","saveDialogProps","onClose","dialogLabelId","dialogDescriptionId","selectItemsToSaveDescription","length","isInline","actionButtons","children","isBlock","as","size","onClick","ref","disabled","accessibleWhenDisabled","entitiesToSkip","className","role","gap","id","strong","map","list","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": []
+}

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

@@ -1,41 +1,24 @@
-/**
- * WordPress dependencies
- */
-import { Component } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-import { Button, __experimentalHStack as HStack, __experimentalText as Text } from '@wordpress/components';
-import { select } from '@wordpress/data';
-import { useCopyToClipboard } from '@wordpress/compose';
-import { doAction } from '@wordpress/hooks';
-
-/**
- * Internal dependencies
- */
-import { store as editorStore } from '../../store';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Component } from "@wordpress/element";
+import { __ } from "@wordpress/i18n";
+import {
+  Button,
+  __experimentalHStack as HStack,
+  __experimentalText as Text
+} from "@wordpress/components";
+import { select } from "@wordpress/data";
+import { useCopyToClipboard } from "@wordpress/compose";
+import { doAction } from "@wordpress/hooks";
+import { store as editorStore } from "../../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 select(editorStore).getEditedPostContent();
-  } catch (error) {}
+  } catch (error) {
+  }
 }
-function CopyButton({
-  text,
-  children,
-  variant = 'secondary'
-}) {
+function CopyButton({ text, children, variant = "secondary" }) {
   const ref = useCopyToClipboard(text);
-  return /*#__PURE__*/_jsx(Button, {
-    __next40pxDefaultSize: true,
-    variant: variant,
-    ref: ref,
-    children: children
-  });
+  return /* @__PURE__ */ jsx(Button, { __next40pxDefaultSize: true, variant, ref, children });
 }
 class ErrorBoundary extends Component {
   constructor() {
@@ -45,57 +28,39 @@ class ErrorBoundary extends Component {
     };
   }
   componentDidCatch(error) {
-    doAction('editor.ErrorBoundary.errorLogged', error);
+    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__*/_jsxs(HStack, {
-      className: "editor-error-boundary",
-      alignment: "baseline",
-      spacing: 4,
-      justify: "space-between",
-      expanded: false,
-      wrap: true,
-      children: [/*#__PURE__*/_jsx(Text, {
-        as: "p",
-        children: __('The editor has encountered an unexpected error.')
-      }), /*#__PURE__*/_jsxs(HStack, {
+    return /* @__PURE__ */ jsxs(
+      HStack,
+      {
+        className: "editor-error-boundary",
+        alignment: "baseline",
+        spacing: 4,
+        justify: "space-between",
         expanded: false,
-        children: [canCopyContent && /*#__PURE__*/_jsx(CopyButton, {
-          text: getContent,
-          children: __('Copy contents')
-        }), /*#__PURE__*/_jsx(CopyButton, {
-          variant: "primary",
-          text: error?.stack,
-          children: __('Copy error')
-        })]
-      })]
-    });
+        wrap: true,
+        children: [
+          /* @__PURE__ */ jsx(Text, { as: "p", children: __("The editor has encountered an unexpected error.") }),
+          /* @__PURE__ */ jsxs(HStack, { expanded: false, children: [
+            canCopyContent && /* @__PURE__ */ jsx(CopyButton, { text: getContent, children: __("Copy contents") }),
+            /* @__PURE__ */ jsx(CopyButton, { variant: "primary", text: error?.stack, children: __("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
- */
-export default ErrorBoundary;
-//# sourceMappingURL=index.js.map
+var error_boundary_default = ErrorBoundary;
+export {
+  error_boundary_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["Component","__","Button","__experimentalHStack","HStack","__experimentalText","Text","select","useCopyToClipboard","doAction","store","editorStore","jsx","_jsx","jsxs","_jsxs","getContent","getEditedPostContent","error","CopyButton","text","children","variant","ref","__next40pxDefaultSize","ErrorBoundary","constructor","arguments","state","componentDidCatch","getDerivedStateFromError","render","canCopyContent","props","className","alignment","spacing","justify","expanded","wrap","as","stack"],"sources":["@wordpress/editor/src/components/error-boundary/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tButton,\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { select } from '@wordpress/data';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nfunction getContent() {\n\ttry {\n\t\t// While `select` in a component is generally discouraged, it is\n\t\t// used here because it (a) reduces the chance of data loss in the\n\t\t// case of additional errors by performing a direct retrieval and\n\t\t// (b) avoids the performance cost associated with unnecessary\n\t\t// content serialization throughout the lifetime of a non-erroring\n\t\t// application.\n\t\treturn select( editorStore ).getEditedPostContent();\n\t} catch ( error ) {}\n}\n\nfunction CopyButton( { text, children, variant = 'secondary' } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button __next40pxDefaultSize variant={ variant } ref={ ref }>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\nclass ErrorBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidCatch( error ) {\n\t\tdoAction( 'editor.ErrorBoundary.errorLogged', error );\n\t}\n\n\tstatic getDerivedStateFromError( error ) {\n\t\treturn { error };\n\t}\n\n\trender() {\n\t\tconst { error } = this.state;\n\t\tconst { canCopyContent = false } = this.props;\n\t\tif ( ! error ) {\n\t\t\treturn this.props.children;\n\t\t}\n\n\t\treturn (\n\t\t\t<HStack\n\t\t\t\tclassName=\"editor-error-boundary\"\n\t\t\t\talignment=\"baseline\"\n\t\t\t\tspacing={ 4 }\n\t\t\t\tjustify=\"space-between\"\n\t\t\t\texpanded={ false }\n\t\t\t\twrap\n\t\t\t>\n\t\t\t\t<Text as=\"p\">\n\t\t\t\t\t{ __( 'The editor has encountered an unexpected error.' ) }\n\t\t\t\t</Text>\n\t\t\t\t<HStack expanded={ false }>\n\t\t\t\t\t{ canCopyContent && (\n\t\t\t\t\t\t<CopyButton text={ getContent }>\n\t\t\t\t\t\t\t{ __( 'Copy contents' ) }\n\t\t\t\t\t\t</CopyButton>\n\t\t\t\t\t) }\n\t\t\t\t\t<CopyButton variant=\"primary\" text={ error?.stack }>\n\t\t\t\t\t\t{ __( 'Copy error' ) }\n\t\t\t\t\t</CopyButton>\n\t\t\t\t</HStack>\n\t\t\t</HStack>\n\t\t);\n\t}\n}\n\n/**\n * ErrorBoundary is used to catch JavaScript errors anywhere in a child component tree, log those errors, and display a fallback UI.\n *\n * It uses the lifecycle methods getDerivedStateFromError and componentDidCatch to catch errors in a child component tree.\n *\n * getDerivedStateFromError is used to render a fallback UI after an error has been thrown, and componentDidCatch is used to log error information.\n *\n * @class ErrorBoundary\n * @augments Component\n */\nexport default ErrorBoundary;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SACCC,MAAM,EACNC,oBAAoB,IAAIC,MAAM,EAC9BC,kBAAkB,IAAIC,IAAI,QACpB,uBAAuB;AAC9B,SAASC,MAAM,QAAQ,iBAAiB;AACxC,SAASC,kBAAkB,QAAQ,oBAAoB;AACvD,SAASC,QAAQ,QAAQ,kBAAkB;;AAE3C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnD,SAASC,UAAUA,CAAA,EAAG;EACrB,IAAI;IACH;IACA;IACA;IACA;IACA;IACA;IACA,OAAOT,MAAM,CAAEI,WAAY,CAAC,CAACM,oBAAoB,CAAC,CAAC;EACpD,CAAC,CAAC,OAAQC,KAAK,EAAG,CAAC;AACpB;AAEA,SAASC,UAAUA,CAAE;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,OAAO,GAAG;AAAY,CAAC,EAAG;EAChE,MAAMC,GAAG,GAAGf,kBAAkB,CAAEY,IAAK,CAAC;EACtC,oBACCP,IAAA,CAACX,MAAM;IAACsB,qBAAqB;IAACF,OAAO,EAAGA,OAAS;IAACC,GAAG,EAAGA,GAAK;IAAAF,QAAA,EAC1DA;EAAQ,CACH,CAAC;AAEX;AAEA,MAAMI,aAAa,SAASzB,SAAS,CAAC;EACrC0B,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IAErB,IAAI,CAACC,KAAK,GAAG;MACZV,KAAK,EAAE;IACR,CAAC;EACF;EAEAW,iBAAiBA,CAAEX,KAAK,EAAG;IAC1BT,QAAQ,CAAE,kCAAkC,EAAES,KAAM,CAAC;EACtD;EAEA,OAAOY,wBAAwBA,CAAEZ,KAAK,EAAG;IACxC,OAAO;MAAEA;IAAM,CAAC;EACjB;EAEAa,MAAMA,CAAA,EAAG;IACR,MAAM;MAAEb;IAAM,CAAC,GAAG,IAAI,CAACU,KAAK;IAC5B,MAAM;MAAEI,cAAc,GAAG;IAAM,CAAC,GAAG,IAAI,CAACC,KAAK;IAC7C,IAAK,CAAEf,KAAK,EAAG;MACd,OAAO,IAAI,CAACe,KAAK,CAACZ,QAAQ;IAC3B;IAEA,oBACCN,KAAA,CAACX,MAAM;MACN8B,SAAS,EAAC,uBAAuB;MACjCC,SAAS,EAAC,UAAU;MACpBC,OAAO,EAAG,CAAG;MACbC,OAAO,EAAC,eAAe;MACvBC,QAAQ,EAAG,KAAO;MAClBC,IAAI;MAAAlB,QAAA,gBAEJR,IAAA,CAACP,IAAI;QAACkC,EAAE,EAAC,GAAG;QAAAnB,QAAA,EACTpB,EAAE,CAAE,iDAAkD;MAAC,CACpD,CAAC,eACPc,KAAA,CAACX,MAAM;QAACkC,QAAQ,EAAG,KAAO;QAAAjB,QAAA,GACvBW,cAAc,iBACfnB,IAAA,CAACM,UAAU;UAACC,IAAI,EAAGJ,UAAY;UAAAK,QAAA,EAC5BpB,EAAE,CAAE,eAAgB;QAAC,CACZ,CACZ,eACDY,IAAA,CAACM,UAAU;UAACG,OAAO,EAAC,SAAS;UAACF,IAAI,EAAGF,KAAK,EAAEuB,KAAO;UAAApB,QAAA,EAChDpB,EAAE,CAAE,YAAa;QAAC,CACT,CAAC;MAAA,CACN,CAAC;IAAA,CACF,CAAC;EAEX;AACD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAewB,aAAa","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/error-boundary/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tButton,\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { select } from '@wordpress/data';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nfunction getContent() {\n\ttry {\n\t\t// While `select` in a component is generally discouraged, it is\n\t\t// used here because it (a) reduces the chance of data loss in the\n\t\t// case of additional errors by performing a direct retrieval and\n\t\t// (b) avoids the performance cost associated with unnecessary\n\t\t// content serialization throughout the lifetime of a non-erroring\n\t\t// application.\n\t\treturn select( editorStore ).getEditedPostContent();\n\t} catch ( error ) {}\n}\n\nfunction CopyButton( { text, children, variant = 'secondary' } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button __next40pxDefaultSize variant={ variant } ref={ ref }>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\nclass ErrorBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidCatch( error ) {\n\t\tdoAction( 'editor.ErrorBoundary.errorLogged', error );\n\t}\n\n\tstatic getDerivedStateFromError( error ) {\n\t\treturn { error };\n\t}\n\n\trender() {\n\t\tconst { error } = this.state;\n\t\tconst { canCopyContent = false } = this.props;\n\t\tif ( ! error ) {\n\t\t\treturn this.props.children;\n\t\t}\n\n\t\treturn (\n\t\t\t<HStack\n\t\t\t\tclassName=\"editor-error-boundary\"\n\t\t\t\talignment=\"baseline\"\n\t\t\t\tspacing={ 4 }\n\t\t\t\tjustify=\"space-between\"\n\t\t\t\texpanded={ false }\n\t\t\t\twrap\n\t\t\t>\n\t\t\t\t<Text as=\"p\">\n\t\t\t\t\t{ __( 'The editor has encountered an unexpected error.' ) }\n\t\t\t\t</Text>\n\t\t\t\t<HStack expanded={ false }>\n\t\t\t\t\t{ canCopyContent && (\n\t\t\t\t\t\t<CopyButton text={ getContent }>\n\t\t\t\t\t\t\t{ __( 'Copy contents' ) }\n\t\t\t\t\t\t</CopyButton>\n\t\t\t\t\t) }\n\t\t\t\t\t<CopyButton variant=\"primary\" text={ error?.stack }>\n\t\t\t\t\t\t{ __( 'Copy error' ) }\n\t\t\t\t\t</CopyButton>\n\t\t\t\t</HStack>\n\t\t\t</HStack>\n\t\t);\n\t}\n}\n\n/**\n * ErrorBoundary is used to catch JavaScript errors anywhere in a child component tree, log those errors, and display a fallback UI.\n *\n * It uses the lifecycle methods getDerivedStateFromError and componentDidCatch to catch errors in a child component tree.\n *\n * getDerivedStateFromError is used to render a fallback UI after an error has been thrown, and componentDidCatch is used to log error information.\n *\n * @class ErrorBoundary\n * @augments Component\n */\nexport default ErrorBoundary;\n"],
+  "mappings": "AAkCE,cA0CE,YA1CF;AA/BF,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AACnB;AAAA,EACC;AAAA,EACA,wBAAwB;AAAA,EACxB,sBAAsB;AAAA,OAChB;AACP,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC,SAAS,gBAAgB;AAKzB,SAAS,SAAS,mBAAmB;AAErC,SAAS,aAAa;AACrB,MAAI;AAOH,WAAO,OAAQ,WAAY,EAAE,qBAAqB;AAAA,EACnD,SAAU,OAAQ;AAAA,EAAC;AACpB;AAEA,SAAS,WAAY,EAAE,MAAM,UAAU,UAAU,YAAY,GAAI;AAChE,QAAM,MAAM,mBAAoB,IAAK;AACrC,SACC,oBAAC,UAAO,uBAAqB,MAAC,SAAoB,KAC/C,UACH;AAEF;AAEA,MAAM,sBAAsB,UAAU;AAAA,EACrC,cAAc;AACb,UAAO,GAAG,SAAU;AAEpB,SAAK,QAAQ;AAAA,MACZ,OAAO;AAAA,IACR;AAAA,EACD;AAAA,EAEA,kBAAmB,OAAQ;AAC1B,aAAU,oCAAoC,KAAM;AAAA,EACrD;AAAA,EAEA,OAAO,yBAA0B,OAAQ;AACxC,WAAO,EAAE,MAAM;AAAA,EAChB;AAAA,EAEA,SAAS;AACR,UAAM,EAAE,MAAM,IAAI,KAAK;AACvB,UAAM,EAAE,iBAAiB,MAAM,IAAI,KAAK;AACxC,QAAK,CAAE,OAAQ;AACd,aAAO,KAAK,MAAM;AAAA,IACnB;AAEA,WACC;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,WAAU;AAAA,QACV,SAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAW;AAAA,QACX,MAAI;AAAA,QAEJ;AAAA,8BAAC,QAAK,IAAG,KACN,aAAI,iDAAkD,GACzD;AAAA,UACA,qBAAC,UAAO,UAAW,OAChB;AAAA,8BACD,oBAAC,cAAW,MAAO,YAChB,aAAI,eAAgB,GACvB;AAAA,YAED,oBAAC,cAAW,SAAQ,WAAU,MAAO,OAAO,OACzC,aAAI,YAAa,GACpB;AAAA,aACD;AAAA;AAAA;AAAA,IACD;AAAA,EAEF;AACD;AAYA,IAAO,yBAAQ;",
+  "names": []
+}