@wordpress/edit-site 6.32.0 → 6.32.1-next.b8c8708f3.0

package/build/components/save-panel/index.js

@@ -1,171 +1,190 @@
 "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 save_panel_exports = {};
+__export(save_panel_exports, {
+  default: () => SavePanel
 });
-exports.default = SavePanel;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _components = require("@wordpress/components");
-var _editor = require("@wordpress/editor");
-var _data = require("@wordpress/data");
-var _i18n = require("@wordpress/i18n");
-var _coreData = require("@wordpress/core-data");
-var _router = require("@wordpress/router");
-var _element = require("@wordpress/element");
-var _store = require("../../store");
-var _lockUnlock = require("../../lock-unlock");
-var _useActivateTheme = require("../../utils/use-activate-theme");
-var _useActualCurrentTheme = require("../../utils/use-actual-current-theme");
-var _isPreviewingTheme = require("../../utils/is-previewing-theme");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  EntitiesSavedStatesExtensible,
-  NavigableRegion
-} = (0, _lockUnlock.unlock)(_editor.privateApis);
-const {
-  useLocation
-} = (0, _lockUnlock.unlock)(_router.privateApis);
+module.exports = __toCommonJS(save_panel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_admin_ui = require("@wordpress/admin-ui");
+var import_components = require("@wordpress/components");
+var import_editor = require("@wordpress/editor");
+var import_data = require("@wordpress/data");
+var import_i18n = require("@wordpress/i18n");
+var import_core_data = require("@wordpress/core-data");
+var import_router = require("@wordpress/router");
+var import_element = require("@wordpress/element");
+var import_store = require("../../store");
+var import_lock_unlock = require("../../lock-unlock");
+var import_use_activate_theme = require("../../utils/use-activate-theme");
+var import_use_actual_current_theme = require("../../utils/use-actual-current-theme");
+var import_is_previewing_theme = require("../../utils/is-previewing-theme");
+const { EntitiesSavedStatesExtensible } = (0, import_lock_unlock.unlock)(import_editor.privateApis);
+const { useLocation } = (0, import_lock_unlock.unlock)(import_router.privateApis);
 const EntitiesSavedStatesForPreview = ({
   onClose,
   renderDialog,
   variant
 }) => {
-  var _currentTheme$name$re, _previewingTheme$name;
-  const isDirtyProps = (0, _editor.useEntitiesSavedStatesIsDirty)();
+  const isDirtyProps = (0, import_editor.useEntitiesSavedStatesIsDirty)();
   let activateSaveLabel;
   if (isDirtyProps.isDirty) {
-    activateSaveLabel = (0, _i18n.__)('Activate & Save');
+    activateSaveLabel = (0, import_i18n.__)("Activate & Save");
   } else {
-    activateSaveLabel = (0, _i18n.__)('Activate');
+    activateSaveLabel = (0, import_i18n.__)("Activate");
   }
-  const currentTheme = (0, _useActualCurrentTheme.useActualCurrentTheme)();
-  const previewingTheme = (0, _data.useSelect)(select => select(_coreData.store).getCurrentTheme(), []);
-  const additionalPrompt = /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-    children: (0, _i18n.sprintf)(/* translators: 1: The name of active theme, 2: The name of theme to be activated. */
-    (0, _i18n.__)('Saving your changes will change your active theme from %1$s to %2$s.'), (_currentTheme$name$re = currentTheme?.name?.rendered) !== null && _currentTheme$name$re !== void 0 ? _currentTheme$name$re : '...', (_previewingTheme$name = previewingTheme?.name?.rendered) !== null && _previewingTheme$name !== void 0 ? _previewingTheme$name : '...')
-  });
-  const activateTheme = (0, _useActivateTheme.useActivateTheme)();
-  const onSave = async values => {
+  const currentTheme = (0, import_use_actual_current_theme.useActualCurrentTheme)();
+  const previewingTheme = (0, import_data.useSelect)(
+    (select) => select(import_core_data.store).getCurrentTheme(),
+    []
+  );
+  const additionalPrompt = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: (0, import_i18n.sprintf)(
+    /* translators: 1: The name of active theme, 2: The name of theme to be activated. */
+    (0, import_i18n.__)(
+      "Saving your changes will change your active theme from %1$s to %2$s."
+    ),
+    currentTheme?.name?.rendered ?? "...",
+    previewingTheme?.name?.rendered ?? "..."
+  ) });
+  const activateTheme = (0, import_use_activate_theme.useActivateTheme)();
+  const onSave = async (values) => {
     await activateTheme();
     return values;
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(EntitiesSavedStatesExtensible, {
-    ...isDirtyProps,
-    additionalPrompt,
-    close: onClose,
-    onSave,
-    saveEnabled: true,
-    saveLabel: activateSaveLabel,
-    renderDialog,
-    variant
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    EntitiesSavedStatesExtensible,
+    {
+      ...{
+        ...isDirtyProps,
+        additionalPrompt,
+        close: onClose,
+        onSave,
+        saveEnabled: true,
+        saveLabel: activateSaveLabel,
+        renderDialog,
+        variant
+      }
+    }
+  );
 };
-const _EntitiesSavedStates = ({
-  onClose,
-  renderDialog,
-  variant
-}) => {
-  if ((0, _isPreviewingTheme.isPreviewingTheme)()) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(EntitiesSavedStatesForPreview, {
-      onClose: onClose,
-      renderDialog: renderDialog,
-      variant: variant
-    });
+const _EntitiesSavedStates = ({ onClose, renderDialog, variant }) => {
+  if ((0, import_is_previewing_theme.isPreviewingTheme)()) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      EntitiesSavedStatesForPreview,
+      {
+        onClose,
+        renderDialog,
+        variant
+      }
+    );
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.EntitiesSavedStates, {
-    close: onClose,
-    renderDialog: renderDialog,
-    variant: variant
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_editor.EntitiesSavedStates,
+    {
+      close: onClose,
+      renderDialog,
+      variant
+    }
+  );
 };
 function SavePanel() {
-  const {
-    query
-  } = useLocation();
-  const {
-    canvas = 'view'
-  } = query;
-  const {
-    isSaveViewOpen,
-    isDirty,
-    isSaving
-  } = (0, _data.useSelect)(select => {
+  const { query } = useLocation();
+  const { canvas = "view" } = query;
+  const { isSaveViewOpen, isDirty, isSaving } = (0, import_data.useSelect)((select) => {
     const {
       __experimentalGetDirtyEntityRecords,
       isSavingEntityRecord,
       isResolving
-    } = select(_coreData.store);
+    } = select(import_core_data.store);
     const dirtyEntityRecords = __experimentalGetDirtyEntityRecords();
-    const isActivatingTheme = isResolving('activateTheme');
-    const {
-      isSaveViewOpened
-    } = (0, _lockUnlock.unlock)(select(_store.store));
-
-    // The currently selected entity to display.
-    // Typically template or template part in the site editor.
+    const isActivatingTheme = isResolving("activateTheme");
+    const { isSaveViewOpened } = (0, import_lock_unlock.unlock)(select(import_store.store));
     return {
       isSaveViewOpen: isSaveViewOpened(),
       isDirty: dirtyEntityRecords.length > 0,
-      isSaving: dirtyEntityRecords.some(record => isSavingEntityRecord(record.kind, record.name, record.key)) || isActivatingTheme
+      isSaving: dirtyEntityRecords.some(
+        (record) => isSavingEntityRecord(record.kind, record.name, record.key)
+      ) || isActivatingTheme
     };
   }, []);
-  const {
-    setIsSaveViewOpened
-  } = (0, _data.useDispatch)(_store.store);
+  const { setIsSaveViewOpened } = (0, import_data.useDispatch)(import_store.store);
   const onClose = () => setIsSaveViewOpened(false);
-  (0, _element.useEffect)(() => {
+  (0, import_element.useEffect)(() => {
     setIsSaveViewOpened(false);
   }, [canvas, setIsSaveViewOpened]);
-  if (canvas === 'view') {
-    return isSaveViewOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Modal, {
-      className: "edit-site-save-panel__modal",
-      onRequestClose: onClose,
-      title: (0, _i18n.__)('Review changes'),
-      size: "small",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EntitiesSavedStates, {
-        onClose: onClose,
-        variant: "inline"
-      })
-    }) : null;
+  if (canvas === "view") {
+    return isSaveViewOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Modal,
+      {
+        className: "edit-site-save-panel__modal",
+        onRequestClose: onClose,
+        title: (0, import_i18n.__)("Review changes"),
+        size: "small",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_EntitiesSavedStates, { onClose, variant: "inline" })
+      }
+    ) : null;
   }
-  const activateSaveEnabled = (0, _isPreviewingTheme.isPreviewingTheme)() || isDirty;
+  const activateSaveEnabled = (0, import_is_previewing_theme.isPreviewingTheme)() || isDirty;
   const disabled = isSaving || !activateSaveEnabled;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(NavigableRegion, {
-    className: (0, _clsx.default)('edit-site-layout__actions', {
-      'is-entity-save-view-open': isSaveViewOpen
-    }),
-    ariaLabel: (0, _i18n.__)('Save panel'),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _clsx.default)('edit-site-editor__toggle-save-panel', {
-        'screen-reader-text': isSaveViewOpen
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_admin_ui.NavigableRegion,
+    {
+      className: (0, import_clsx.default)("edit-site-layout__actions", {
+        "is-entity-save-view-open": isSaveViewOpen
       }),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-        __next40pxDefaultSize: true,
-        variant: "secondary",
-        className: "edit-site-editor__toggle-save-panel-button",
-        onClick: () => setIsSaveViewOpened(true),
-        "aria-haspopup": "dialog",
-        disabled: disabled,
-        accessibleWhenDisabled: true,
-        children: (0, _i18n.__)('Open save panel')
-      })
-    }), isSaveViewOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_EntitiesSavedStates, {
-      onClose: onClose,
-      renderDialog: true
-    })]
-  });
+      ariaLabel: (0, import_i18n.__)("Save panel"),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: (0, import_clsx.default)("edit-site-editor__toggle-save-panel", {
+              "screen-reader-text": isSaveViewOpen
+            }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_components.Button,
+              {
+                __next40pxDefaultSize: true,
+                variant: "secondary",
+                className: "edit-site-editor__toggle-save-panel-button",
+                onClick: () => setIsSaveViewOpened(true),
+                "aria-haspopup": "dialog",
+                disabled,
+                accessibleWhenDisabled: true,
+                children: (0, import_i18n.__)("Open save panel")
+              }
+            )
+          }
+        ),
+        isSaveViewOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_EntitiesSavedStates, { onClose, renderDialog: true })
+      ]
+    }
+  );
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/build/components/save-panel/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_editor","_data","_i18n","_coreData","_router","_element","_store","_lockUnlock","_useActivateTheme","_useActualCurrentTheme","_isPreviewingTheme","_jsxRuntime","EntitiesSavedStatesExtensible","NavigableRegion","unlock","privateApis","useLocation","routerPrivateApis","EntitiesSavedStatesForPreview","onClose","renderDialog","variant","_currentTheme$name$re","_previewingTheme$name","isDirtyProps","useEntitiesSavedStatesIsDirty","activateSaveLabel","isDirty","__","currentTheme","useActualCurrentTheme","previewingTheme","useSelect","select","coreStore","getCurrentTheme","additionalPrompt","jsx","children","sprintf","name","rendered","activateTheme","useActivateTheme","onSave","values","close","saveEnabled","saveLabel","_EntitiesSavedStates","isPreviewingTheme","EntitiesSavedStates","SavePanel","query","canvas","isSaveViewOpen","isSaving","__experimentalGetDirtyEntityRecords","isSavingEntityRecord","isResolving","dirtyEntityRecords","isActivatingTheme","isSaveViewOpened","editSiteStore","length","some","record","kind","key","setIsSaveViewOpened","useDispatch","useEffect","Modal","className","onRequestClose","title","size","activateSaveEnabled","disabled","jsxs","clsx","ariaLabel","Button","__next40pxDefaultSize","onClick","accessibleWhenDisabled"],"sources":["@wordpress/edit-site/src/components/save-panel/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Modal } from '@wordpress/components';\nimport {\n\tEntitiesSavedStates,\n\tuseEntitiesSavedStatesIsDirty,\n\tprivateApis,\n} from '@wordpress/editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { useActivateTheme } from '../../utils/use-activate-theme';\nimport { useActualCurrentTheme } from '../../utils/use-actual-current-theme';\nimport { isPreviewingTheme } from '../../utils/is-previewing-theme';\n\nconst { EntitiesSavedStatesExtensible, NavigableRegion } =\n\tunlock( privateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst EntitiesSavedStatesForPreview = ( {\n\tonClose,\n\trenderDialog,\n\tvariant,\n} ) => {\n\tconst isDirtyProps = useEntitiesSavedStatesIsDirty();\n\tlet activateSaveLabel;\n\tif ( isDirtyProps.isDirty ) {\n\t\tactivateSaveLabel = __( 'Activate & Save' );\n\t} else {\n\t\tactivateSaveLabel = __( 'Activate' );\n\t}\n\n\tconst currentTheme = useActualCurrentTheme();\n\n\tconst previewingTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme(),\n\t\t[]\n\t);\n\n\tconst additionalPrompt = (\n\t\t<p>\n\t\t\t{ sprintf(\n\t\t\t\t/* translators: 1: The name of active theme, 2: The name of theme to be activated. */\n\t\t\t\t__(\n\t\t\t\t\t'Saving your changes will change your active theme from %1$s to %2$s.'\n\t\t\t\t),\n\t\t\t\tcurrentTheme?.name?.rendered ?? '...',\n\t\t\t\tpreviewingTheme?.name?.rendered ?? '...'\n\t\t\t) }\n\t\t</p>\n\t);\n\n\tconst activateTheme = useActivateTheme();\n\tconst onSave = async ( values ) => {\n\t\tawait activateTheme();\n\t\treturn values;\n\t};\n\n\treturn (\n\t\t<EntitiesSavedStatesExtensible\n\t\t\t{ ...{\n\t\t\t\t...isDirtyProps,\n\t\t\t\tadditionalPrompt,\n\t\t\t\tclose: onClose,\n\t\t\t\tonSave,\n\t\t\t\tsaveEnabled: true,\n\t\t\t\tsaveLabel: activateSaveLabel,\n\t\t\t\trenderDialog,\n\t\t\t\tvariant,\n\t\t\t} }\n\t\t/>\n\t);\n};\n\nconst _EntitiesSavedStates = ( { onClose, renderDialog, variant } ) => {\n\tif ( isPreviewingTheme() ) {\n\t\treturn (\n\t\t\t<EntitiesSavedStatesForPreview\n\t\t\t\tonClose={ onClose }\n\t\t\t\trenderDialog={ renderDialog }\n\t\t\t\tvariant={ variant }\n\t\t\t/>\n\t\t);\n\t}\n\treturn (\n\t\t<EntitiesSavedStates\n\t\t\tclose={ onClose }\n\t\t\trenderDialog={ renderDialog }\n\t\t\tvariant={ variant }\n\t\t/>\n\t);\n};\n\nexport default function SavePanel() {\n\tconst { query } = useLocation();\n\tconst { canvas = 'view' } = query;\n\tconst { isSaveViewOpen, isDirty, isSaving } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\tisSavingEntityRecord,\n\t\t\tisResolving,\n\t\t} = select( coreStore );\n\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\tconst isActivatingTheme = isResolving( 'activateTheme' );\n\t\tconst { isSaveViewOpened } = unlock( select( editSiteStore ) );\n\n\t\t// The currently selected entity to display.\n\t\t// Typically template or template part in the site editor.\n\t\treturn {\n\t\t\tisSaveViewOpen: isSaveViewOpened(),\n\t\t\tisDirty: dirtyEntityRecords.length > 0,\n\t\t\tisSaving:\n\t\t\t\tdirtyEntityRecords.some( ( record ) =>\n\t\t\t\t\tisSavingEntityRecord( record.kind, record.name, record.key )\n\t\t\t\t) || isActivatingTheme,\n\t\t};\n\t}, [] );\n\tconst { setIsSaveViewOpened } = useDispatch( editSiteStore );\n\tconst onClose = () => setIsSaveViewOpened( false );\n\tuseEffect( () => {\n\t\tsetIsSaveViewOpened( false );\n\t}, [ canvas, setIsSaveViewOpened ] );\n\n\tif ( canvas === 'view' ) {\n\t\treturn isSaveViewOpen ? (\n\t\t\t<Modal\n\t\t\t\tclassName=\"edit-site-save-panel__modal\"\n\t\t\t\tonRequestClose={ onClose }\n\t\t\t\ttitle={ __( 'Review changes' ) }\n\t\t\t\tsize=\"small\"\n\t\t\t>\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } variant=\"inline\" />\n\t\t\t</Modal>\n\t\t) : null;\n\t}\n\tconst activateSaveEnabled = isPreviewingTheme() || isDirty;\n\tconst disabled = isSaving || ! activateSaveEnabled;\n\treturn (\n\t\t<NavigableRegion\n\t\t\tclassName={ clsx( 'edit-site-layout__actions', {\n\t\t\t\t'is-entity-save-view-open': isSaveViewOpen,\n\t\t\t} ) }\n\t\t\tariaLabel={ __( 'Save panel' ) }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'edit-site-editor__toggle-save-panel', {\n\t\t\t\t\t'screen-reader-text': isSaveViewOpen,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tclassName=\"edit-site-editor__toggle-save-panel-button\"\n\t\t\t\t\tonClick={ () => setIsSaveViewOpened( true ) }\n\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Open save panel' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t{ isSaveViewOpen && (\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } renderDialog />\n\t\t\t) }\n\t\t</NavigableRegion>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AAKA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,iBAAA,GAAAV,OAAA;AACA,IAAAW,sBAAA,GAAAX,OAAA;AACA,IAAAY,kBAAA,GAAAZ,OAAA;AAAoE,IAAAa,WAAA,GAAAb,OAAA;AA3BpE;AACA;AACA;;AAGA;AACA;AACA;;AAaA;AACA;AACA;;AAOA,MAAM;EAAEc,6BAA6B;EAAEC;AAAgB,CAAC,GACvD,IAAAC,kBAAM,EAAEC,mBAAY,CAAC;AACtB,MAAM;EAAEC;AAAY,CAAC,GAAG,IAAAF,kBAAM,EAAEG,mBAAkB,CAAC;AAEnD,MAAMC,6BAA6B,GAAGA,CAAE;EACvCC,OAAO;EACPC,YAAY;EACZC;AACD,CAAC,KAAM;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACN,MAAMC,YAAY,GAAG,IAAAC,qCAA6B,EAAC,CAAC;EACpD,IAAIC,iBAAiB;EACrB,IAAKF,YAAY,CAACG,OAAO,EAAG;IAC3BD,iBAAiB,GAAG,IAAAE,QAAE,EAAE,iBAAkB,CAAC;EAC5C,CAAC,MAAM;IACNF,iBAAiB,GAAG,IAAAE,QAAE,EAAE,UAAW,CAAC;EACrC;EAEA,MAAMC,YAAY,GAAG,IAAAC,4CAAqB,EAAC,CAAC;EAE5C,MAAMC,eAAe,GAAG,IAAAC,eAAS,EAC9BC,MAAM,IAAMA,MAAM,CAAEC,eAAU,CAAC,CAACC,eAAe,CAAC,CAAC,EACnD,EACD,CAAC;EAED,MAAMC,gBAAgB,gBACrB,IAAAzB,WAAA,CAAA0B,GAAA;IAAAC,QAAA,EACG,IAAAC,aAAO,EACR;IACA,IAAAX,QAAE,EACD,sEACD,CAAC,GAAAN,qBAAA,GACDO,YAAY,EAAEW,IAAI,EAAEC,QAAQ,cAAAnB,qBAAA,cAAAA,qBAAA,GAAI,KAAK,GAAAC,qBAAA,GACrCQ,eAAe,EAAES,IAAI,EAAEC,QAAQ,cAAAlB,qBAAA,cAAAA,qBAAA,GAAI,KACpC;EAAC,CACC,CACH;EAED,MAAMmB,aAAa,GAAG,IAAAC,kCAAgB,EAAC,CAAC;EACxC,MAAMC,MAAM,GAAG,MAAQC,MAAM,IAAM;IAClC,MAAMH,aAAa,CAAC,CAAC;IACrB,OAAOG,MAAM;EACd,CAAC;EAED,oBACC,IAAAlC,WAAA,CAAA0B,GAAA,EAACzB,6BAA6B;IAE5B,GAAGY,YAAY;IACfY,gBAAgB;IAChBU,KAAK,EAAE3B,OAAO;IACdyB,MAAM;IACNG,WAAW,EAAE,IAAI;IACjBC,SAAS,EAAEtB,iBAAiB;IAC5BN,YAAY;IACZC;EAAO,CAER,CAAC;AAEJ,CAAC;AAED,MAAM4B,oBAAoB,GAAGA,CAAE;EAAE9B,OAAO;EAAEC,YAAY;EAAEC;AAAQ,CAAC,KAAM;EACtE,IAAK,IAAA6B,oCAAiB,EAAC,CAAC,EAAG;IAC1B,oBACC,IAAAvC,WAAA,CAAA0B,GAAA,EAACnB,6BAA6B;MAC7BC,OAAO,EAAGA,OAAS;MACnBC,YAAY,EAAGA,YAAc;MAC7BC,OAAO,EAAGA;IAAS,CACnB,CAAC;EAEJ;EACA,oBACC,IAAAV,WAAA,CAAA0B,GAAA,EAACrC,OAAA,CAAAmD,mBAAmB;IACnBL,KAAK,EAAG3B,OAAS;IACjBC,YAAY,EAAGA,YAAc;IAC7BC,OAAO,EAAGA;EAAS,CACnB,CAAC;AAEJ,CAAC;AAEc,SAAS+B,SAASA,CAAA,EAAG;EACnC,MAAM;IAAEC;EAAM,CAAC,GAAGrC,WAAW,CAAC,CAAC;EAC/B,MAAM;IAAEsC,MAAM,GAAG;EAAO,CAAC,GAAGD,KAAK;EACjC,MAAM;IAAEE,cAAc;IAAE5B,OAAO;IAAE6B;EAAS,CAAC,GAAG,IAAAxB,eAAS,EAAIC,MAAM,IAAM;IACtE,MAAM;MACLwB,mCAAmC;MACnCC,oBAAoB;MACpBC;IACD,CAAC,GAAG1B,MAAM,CAAEC,eAAU,CAAC;IACvB,MAAM0B,kBAAkB,GAAGH,mCAAmC,CAAC,CAAC;IAChE,MAAMI,iBAAiB,GAAGF,WAAW,CAAE,eAAgB,CAAC;IACxD,MAAM;MAAEG;IAAiB,CAAC,GAAG,IAAAhD,kBAAM,EAAEmB,MAAM,CAAE8B,YAAc,CAAE,CAAC;;IAE9D;IACA;IACA,OAAO;MACNR,cAAc,EAAEO,gBAAgB,CAAC,CAAC;MAClCnC,OAAO,EAAEiC,kBAAkB,CAACI,MAAM,GAAG,CAAC;MACtCR,QAAQ,EACPI,kBAAkB,CAACK,IAAI,CAAIC,MAAM,IAChCR,oBAAoB,CAAEQ,MAAM,CAACC,IAAI,EAAED,MAAM,CAAC1B,IAAI,EAAE0B,MAAM,CAACE,GAAI,CAC5D,CAAC,IAAIP;IACP,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEQ;EAAoB,CAAC,GAAG,IAAAC,iBAAW,EAAEP,YAAc,CAAC;EAC5D,MAAM5C,OAAO,GAAGA,CAAA,KAAMkD,mBAAmB,CAAE,KAAM,CAAC;EAClD,IAAAE,kBAAS,EAAE,MAAM;IAChBF,mBAAmB,CAAE,KAAM,CAAC;EAC7B,CAAC,EAAE,CAAEf,MAAM,EAAEe,mBAAmB,CAAG,CAAC;EAEpC,IAAKf,MAAM,KAAK,MAAM,EAAG;IACxB,OAAOC,cAAc,gBACpB,IAAA5C,WAAA,CAAA0B,GAAA,EAACtC,WAAA,CAAAyE,KAAK;MACLC,SAAS,EAAC,6BAA6B;MACvCC,cAAc,EAAGvD,OAAS;MAC1BwD,KAAK,EAAG,IAAA/C,QAAE,EAAE,gBAAiB,CAAG;MAChCgD,IAAI,EAAC,OAAO;MAAAtC,QAAA,eAEZ,IAAA3B,WAAA,CAAA0B,GAAA,EAACY,oBAAoB;QAAC9B,OAAO,EAAGA,OAAS;QAACE,OAAO,EAAC;MAAQ,CAAE;IAAC,CACvD,CAAC,GACL,IAAI;EACT;EACA,MAAMwD,mBAAmB,GAAG,IAAA3B,oCAAiB,EAAC,CAAC,IAAIvB,OAAO;EAC1D,MAAMmD,QAAQ,GAAGtB,QAAQ,IAAI,CAAEqB,mBAAmB;EAClD,oBACC,IAAAlE,WAAA,CAAAoE,IAAA,EAAClE,eAAe;IACf4D,SAAS,EAAG,IAAAO,aAAI,EAAE,2BAA2B,EAAE;MAC9C,0BAA0B,EAAEzB;IAC7B,CAAE,CAAG;IACL0B,SAAS,EAAG,IAAArD,QAAE,EAAE,YAAa,CAAG;IAAAU,QAAA,gBAEhC,IAAA3B,WAAA,CAAA0B,GAAA;MACCoC,SAAS,EAAG,IAAAO,aAAI,EAAE,qCAAqC,EAAE;QACxD,oBAAoB,EAAEzB;MACvB,CAAE,CAAG;MAAAjB,QAAA,eAEL,IAAA3B,WAAA,CAAA0B,GAAA,EAACtC,WAAA,CAAAmF,MAAM;QACNC,qBAAqB;QACrB9D,OAAO,EAAC,WAAW;QACnBoD,SAAS,EAAC,4CAA4C;QACtDW,OAAO,EAAGA,CAAA,KAAMf,mBAAmB,CAAE,IAAK,CAAG;QAC7C,iBAAc,QAAQ;QACtBS,QAAQ,EAAGA,QAAU;QACrBO,sBAAsB;QAAA/C,QAAA,EAEpB,IAAAV,QAAE,EAAE,iBAAkB;MAAC,CAClB;IAAC,CACL,CAAC,EACJ2B,cAAc,iBACf,IAAA5C,WAAA,CAAA0B,GAAA,EAACY,oBAAoB;MAAC9B,OAAO,EAAGA,OAAS;MAACC,YAAY;IAAA,CAAE,CACxD;EAAA,CACe,CAAC;AAEpB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/save-panel/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { NavigableRegion } from '@wordpress/admin-ui';\nimport { Button, Modal } from '@wordpress/components';\nimport {\n\tEntitiesSavedStates,\n\tuseEntitiesSavedStatesIsDirty,\n\tprivateApis,\n} from '@wordpress/editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\nimport { useActivateTheme } from '../../utils/use-activate-theme';\nimport { useActualCurrentTheme } from '../../utils/use-actual-current-theme';\nimport { isPreviewingTheme } from '../../utils/is-previewing-theme';\n\nconst { EntitiesSavedStatesExtensible } = unlock( privateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst EntitiesSavedStatesForPreview = ( {\n\tonClose,\n\trenderDialog,\n\tvariant,\n} ) => {\n\tconst isDirtyProps = useEntitiesSavedStatesIsDirty();\n\tlet activateSaveLabel;\n\tif ( isDirtyProps.isDirty ) {\n\t\tactivateSaveLabel = __( 'Activate & Save' );\n\t} else {\n\t\tactivateSaveLabel = __( 'Activate' );\n\t}\n\n\tconst currentTheme = useActualCurrentTheme();\n\n\tconst previewingTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme(),\n\t\t[]\n\t);\n\n\tconst additionalPrompt = (\n\t\t<p>\n\t\t\t{ sprintf(\n\t\t\t\t/* translators: 1: The name of active theme, 2: The name of theme to be activated. */\n\t\t\t\t__(\n\t\t\t\t\t'Saving your changes will change your active theme from %1$s to %2$s.'\n\t\t\t\t),\n\t\t\t\tcurrentTheme?.name?.rendered ?? '...',\n\t\t\t\tpreviewingTheme?.name?.rendered ?? '...'\n\t\t\t) }\n\t\t</p>\n\t);\n\n\tconst activateTheme = useActivateTheme();\n\tconst onSave = async ( values ) => {\n\t\tawait activateTheme();\n\t\treturn values;\n\t};\n\n\treturn (\n\t\t<EntitiesSavedStatesExtensible\n\t\t\t{ ...{\n\t\t\t\t...isDirtyProps,\n\t\t\t\tadditionalPrompt,\n\t\t\t\tclose: onClose,\n\t\t\t\tonSave,\n\t\t\t\tsaveEnabled: true,\n\t\t\t\tsaveLabel: activateSaveLabel,\n\t\t\t\trenderDialog,\n\t\t\t\tvariant,\n\t\t\t} }\n\t\t/>\n\t);\n};\n\nconst _EntitiesSavedStates = ( { onClose, renderDialog, variant } ) => {\n\tif ( isPreviewingTheme() ) {\n\t\treturn (\n\t\t\t<EntitiesSavedStatesForPreview\n\t\t\t\tonClose={ onClose }\n\t\t\t\trenderDialog={ renderDialog }\n\t\t\t\tvariant={ variant }\n\t\t\t/>\n\t\t);\n\t}\n\treturn (\n\t\t<EntitiesSavedStates\n\t\t\tclose={ onClose }\n\t\t\trenderDialog={ renderDialog }\n\t\t\tvariant={ variant }\n\t\t/>\n\t);\n};\n\nexport default function SavePanel() {\n\tconst { query } = useLocation();\n\tconst { canvas = 'view' } = query;\n\tconst { isSaveViewOpen, isDirty, isSaving } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\tisSavingEntityRecord,\n\t\t\tisResolving,\n\t\t} = select( coreStore );\n\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\tconst isActivatingTheme = isResolving( 'activateTheme' );\n\t\tconst { isSaveViewOpened } = unlock( select( editSiteStore ) );\n\n\t\t// The currently selected entity to display.\n\t\t// Typically template or template part in the site editor.\n\t\treturn {\n\t\t\tisSaveViewOpen: isSaveViewOpened(),\n\t\t\tisDirty: dirtyEntityRecords.length > 0,\n\t\t\tisSaving:\n\t\t\t\tdirtyEntityRecords.some( ( record ) =>\n\t\t\t\t\tisSavingEntityRecord( record.kind, record.name, record.key )\n\t\t\t\t) || isActivatingTheme,\n\t\t};\n\t}, [] );\n\tconst { setIsSaveViewOpened } = useDispatch( editSiteStore );\n\tconst onClose = () => setIsSaveViewOpened( false );\n\tuseEffect( () => {\n\t\tsetIsSaveViewOpened( false );\n\t}, [ canvas, setIsSaveViewOpened ] );\n\n\tif ( canvas === 'view' ) {\n\t\treturn isSaveViewOpen ? (\n\t\t\t<Modal\n\t\t\t\tclassName=\"edit-site-save-panel__modal\"\n\t\t\t\tonRequestClose={ onClose }\n\t\t\t\ttitle={ __( 'Review changes' ) }\n\t\t\t\tsize=\"small\"\n\t\t\t>\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } variant=\"inline\" />\n\t\t\t</Modal>\n\t\t) : null;\n\t}\n\tconst activateSaveEnabled = isPreviewingTheme() || isDirty;\n\tconst disabled = isSaving || ! activateSaveEnabled;\n\treturn (\n\t\t<NavigableRegion\n\t\t\tclassName={ clsx( 'edit-site-layout__actions', {\n\t\t\t\t'is-entity-save-view-open': isSaveViewOpen,\n\t\t\t} ) }\n\t\t\tariaLabel={ __( 'Save panel' ) }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'edit-site-editor__toggle-save-panel', {\n\t\t\t\t\t'screen-reader-text': isSaveViewOpen,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tclassName=\"edit-site-editor__toggle-save-panel-button\"\n\t\t\t\t\tonClick={ () => setIsSaveViewOpened( true ) }\n\t\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Open save panel' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t{ isSaveViewOpen && (\n\t\t\t\t<_EntitiesSavedStates onClose={ onClose } renderDialog />\n\t\t\t) }\n\t\t</NavigableRegion>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": ["routerPrivateApis", "coreStore", "editSiteStore", "clsx"]
+}

package/build/components/sidebar/index.js

@@ -1,44 +1,56 @@
 "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 sidebar_exports = {};
+__export(sidebar_exports, {
+  SidebarContent: () => SidebarContent,
+  SidebarNavigationContext: () => SidebarNavigationContext,
+  SidebarNavigationProvider: () => SidebarNavigationProvider
+});
+module.exports = __toCommonJS(sidebar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_element = require("@wordpress/element");
+var import_dom = require("@wordpress/dom");
+const SidebarNavigationContext = (0, import_element.createContext)(() => {
 });
-exports.SidebarContent = SidebarContent;
-exports.SidebarNavigationContext = void 0;
-exports.SidebarNavigationProvider = SidebarNavigationProvider;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _element = require("@wordpress/element");
-var _dom = require("@wordpress/dom");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-const SidebarNavigationContext = exports.SidebarNavigationContext = (0, _element.createContext)(() => {});
-SidebarNavigationContext.displayName = 'SidebarNavigationContext';
-
-// Focus a sidebar element after a navigation. The element to focus is either
-// specified by `focusSelector` (when navigating back) or it is the first
-// tabbable element (usually the "Back" button).
+SidebarNavigationContext.displayName = "SidebarNavigationContext";
 function focusSidebarElement(el, direction, focusSelector) {
   let elementToFocus;
-  if (direction === 'back' && focusSelector) {
+  if (direction === "back" && focusSelector) {
     elementToFocus = el.querySelector(focusSelector);
   }
   if (direction !== null && !elementToFocus) {
-    const [firstTabbable] = _dom.focus.tabbable.find(el);
-    elementToFocus = firstTabbable !== null && firstTabbable !== void 0 ? firstTabbable : el;
+    const [firstTabbable] = import_dom.focus.tabbable.find(el);
+    elementToFocus = firstTabbable ?? el;
   }
   elementToFocus?.focus();
 }
-
-// Navigation state that is updated when navigating back or forward. Helps us
-// manage the animations and also focus.
 function createNavState() {
   let state = {
     direction: null,
@@ -51,61 +63,51 @@ function createNavState() {
     navigate(direction, focusSelector = null) {
       state = {
         direction,
-        focusSelector: direction === 'forward' && focusSelector ? focusSelector : state.focusSelector
+        focusSelector: direction === "forward" && focusSelector ? focusSelector : state.focusSelector
       };
     }
   };
 }
-function SidebarContentWrapper({
-  children,
-  shouldAnimate
-}) {
-  const navState = (0, _element.useContext)(SidebarNavigationContext);
-  const wrapperRef = (0, _element.useRef)();
-  const [navAnimation, setNavAnimation] = (0, _element.useState)(null);
-  (0, _element.useLayoutEffect)(() => {
-    const {
-      direction,
-      focusSelector
-    } = navState.get();
+function SidebarContentWrapper({ children, shouldAnimate }) {
+  const navState = (0, import_element.useContext)(SidebarNavigationContext);
+  const wrapperRef = (0, import_element.useRef)();
+  const [navAnimation, setNavAnimation] = (0, import_element.useState)(null);
+  (0, import_element.useLayoutEffect)(() => {
+    const { direction, focusSelector } = navState.get();
     focusSidebarElement(wrapperRef.current, direction, focusSelector);
     setNavAnimation(direction);
   }, [navState]);
-  const wrapperCls = (0, _clsx.default)('edit-site-sidebar__screen-wrapper',
-  /*
-   * Some panes do not have sub-panes and therefore
-   * should not animate when clicked on.
-   */
-  shouldAnimate ? {
-    'slide-from-left': navAnimation === 'back',
-    'slide-from-right': navAnimation === 'forward'
-  } : {});
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    ref: wrapperRef,
-    className: wrapperCls,
-    children: children
-  });
+  const wrapperCls = (0, import_clsx.default)(
+    "edit-site-sidebar__screen-wrapper",
+    /*
+     * Some panes do not have sub-panes and therefore
+     * should not animate when clicked on.
+     */
+    shouldAnimate ? {
+      "slide-from-left": navAnimation === "back",
+      "slide-from-right": navAnimation === "forward"
+    } : {}
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: wrapperRef, className: wrapperCls, children });
 }
-function SidebarNavigationProvider({
-  children
-}) {
-  const [navState] = (0, _element.useState)(createNavState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SidebarNavigationContext.Provider, {
-    value: navState,
-    children: children
-  });
+function SidebarNavigationProvider({ children }) {
+  const [navState] = (0, import_element.useState)(createNavState);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarNavigationContext.Provider, { value: navState, children });
 }
-function SidebarContent({
-  routeKey,
-  shouldAnimate,
-  children
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "edit-site-sidebar__content",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SidebarContentWrapper, {
-      shouldAnimate: shouldAnimate,
-      children: children
-    }, routeKey)
-  });
+function SidebarContent({ routeKey, shouldAnimate, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "edit-site-sidebar__content", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    SidebarContentWrapper,
+    {
+      shouldAnimate,
+      children
+    },
+    routeKey
+  ) });
 }
-//# sourceMappingURL=index.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SidebarContent,
+  SidebarNavigationContext,
+  SidebarNavigationProvider
+});
+//# sourceMappingURL=index.js.map

package/build/components/sidebar/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_dom","_jsxRuntime","SidebarNavigationContext","exports","createContext","displayName","focusSidebarElement","el","direction","focusSelector","elementToFocus","querySelector","firstTabbable","focus","tabbable","find","createNavState","state","get","navigate","SidebarContentWrapper","children","shouldAnimate","navState","useContext","wrapperRef","useRef","navAnimation","setNavAnimation","useState","useLayoutEffect","current","wrapperCls","clsx","jsx","ref","className","SidebarNavigationProvider","Provider","value","SidebarContent","routeKey"],"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseContext,\n\tuseState,\n\tuseRef,\n\tuseLayoutEffect,\n} from '@wordpress/element';\nimport { focus } from '@wordpress/dom';\n\nexport const SidebarNavigationContext = createContext( () => {} );\nSidebarNavigationContext.displayName = 'SidebarNavigationContext';\n\n// Focus a sidebar element after a navigation. The element to focus is either\n// specified by `focusSelector` (when navigating back) or it is the first\n// tabbable element (usually the \"Back\" button).\nfunction focusSidebarElement( el, direction, focusSelector ) {\n\tlet elementToFocus;\n\tif ( direction === 'back' && focusSelector ) {\n\t\telementToFocus = el.querySelector( focusSelector );\n\t}\n\tif ( direction !== null && ! elementToFocus ) {\n\t\tconst [ firstTabbable ] = focus.tabbable.find( el );\n\t\telementToFocus = firstTabbable ?? el;\n\t}\n\telementToFocus?.focus();\n}\n\n// Navigation state that is updated when navigating back or forward. Helps us\n// manage the animations and also focus.\nfunction createNavState() {\n\tlet state = {\n\t\tdirection: null,\n\t\tfocusSelector: null,\n\t};\n\n\treturn {\n\t\tget() {\n\t\t\treturn state;\n\t\t},\n\t\tnavigate( direction, focusSelector = null ) {\n\t\t\tstate = {\n\t\t\t\tdirection,\n\t\t\t\tfocusSelector:\n\t\t\t\t\tdirection === 'forward' && focusSelector\n\t\t\t\t\t\t? focusSelector\n\t\t\t\t\t\t: state.focusSelector,\n\t\t\t};\n\t\t},\n\t};\n}\n\nfunction SidebarContentWrapper( { children, shouldAnimate } ) {\n\tconst navState = useContext( SidebarNavigationContext );\n\tconst wrapperRef = useRef();\n\tconst [ navAnimation, setNavAnimation ] = useState( null );\n\n\tuseLayoutEffect( () => {\n\t\tconst { direction, focusSelector } = navState.get();\n\t\tfocusSidebarElement( wrapperRef.current, direction, focusSelector );\n\t\tsetNavAnimation( direction );\n\t}, [ navState ] );\n\n\tconst wrapperCls = clsx(\n\t\t'edit-site-sidebar__screen-wrapper',\n\t\t/*\n\t\t * Some panes do not have sub-panes and therefore\n\t\t * should not animate when clicked on.\n\t\t */\n\t\tshouldAnimate\n\t\t\t? {\n\t\t\t\t\t'slide-from-left': navAnimation === 'back',\n\t\t\t\t\t'slide-from-right': navAnimation === 'forward',\n\t\t\t  }\n\t\t\t: {}\n\t);\n\n\treturn (\n\t\t<div ref={ wrapperRef } className={ wrapperCls }>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport function SidebarNavigationProvider( { children } ) {\n\tconst [ navState ] = useState( createNavState );\n\n\treturn (\n\t\t<SidebarNavigationContext.Provider value={ navState }>\n\t\t\t{ children }\n\t\t</SidebarNavigationContext.Provider>\n\t);\n}\n\nexport function SidebarContent( { routeKey, shouldAnimate, children } ) {\n\treturn (\n\t\t<div className=\"edit-site-sidebar__content\">\n\t\t\t<SidebarContentWrapper\n\t\t\t\tshouldAnimate={ shouldAnimate }\n\t\t\t\tkey={ routeKey }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</SidebarContentWrapper>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseContext,\n\tuseState,\n\tuseRef,\n\tuseLayoutEffect,\n} from '@wordpress/element';\nimport { focus } from '@wordpress/dom';\n\nexport const SidebarNavigationContext = createContext( () => {} );\nSidebarNavigationContext.displayName = 'SidebarNavigationContext';\n\n// Focus a sidebar element after a navigation. The element to focus is either\n// specified by `focusSelector` (when navigating back) or it is the first\n// tabbable element (usually the \"Back\" button).\nfunction focusSidebarElement( el, direction, focusSelector ) {\n\tlet elementToFocus;\n\tif ( direction === 'back' && focusSelector ) {\n\t\telementToFocus = el.querySelector( focusSelector );\n\t}\n\tif ( direction !== null && ! elementToFocus ) {\n\t\tconst [ firstTabbable ] = focus.tabbable.find( el );\n\t\telementToFocus = firstTabbable ?? el;\n\t}\n\telementToFocus?.focus();\n}\n\n// Navigation state that is updated when navigating back or forward. Helps us\n// manage the animations and also focus.\nfunction createNavState() {\n\tlet state = {\n\t\tdirection: null,\n\t\tfocusSelector: null,\n\t};\n\n\treturn {\n\t\tget() {\n\t\t\treturn state;\n\t\t},\n\t\tnavigate( direction, focusSelector = null ) {\n\t\t\tstate = {\n\t\t\t\tdirection,\n\t\t\t\tfocusSelector:\n\t\t\t\t\tdirection === 'forward' && focusSelector\n\t\t\t\t\t\t? focusSelector\n\t\t\t\t\t\t: state.focusSelector,\n\t\t\t};\n\t\t},\n\t};\n}\n\nfunction SidebarContentWrapper( { children, shouldAnimate } ) {\n\tconst navState = useContext( SidebarNavigationContext );\n\tconst wrapperRef = useRef();\n\tconst [ navAnimation, setNavAnimation ] = useState( null );\n\n\tuseLayoutEffect( () => {\n\t\tconst { direction, focusSelector } = navState.get();\n\t\tfocusSidebarElement( wrapperRef.current, direction, focusSelector );\n\t\tsetNavAnimation( direction );\n\t}, [ navState ] );\n\n\tconst wrapperCls = clsx(\n\t\t'edit-site-sidebar__screen-wrapper',\n\t\t/*\n\t\t * Some panes do not have sub-panes and therefore\n\t\t * should not animate when clicked on.\n\t\t */\n\t\tshouldAnimate\n\t\t\t? {\n\t\t\t\t\t'slide-from-left': navAnimation === 'back',\n\t\t\t\t\t'slide-from-right': navAnimation === 'forward',\n\t\t\t  }\n\t\t\t: {}\n\t);\n\n\treturn (\n\t\t<div ref={ wrapperRef } className={ wrapperCls }>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport function SidebarNavigationProvider( { children } ) {\n\tconst [ navState ] = useState( createNavState );\n\n\treturn (\n\t\t<SidebarNavigationContext.Provider value={ navState }>\n\t\t\t{ children }\n\t\t</SidebarNavigationContext.Provider>\n\t);\n}\n\nexport function SidebarContent( { routeKey, shouldAnimate, children } ) {\n\treturn (\n\t\t<div className=\"edit-site-sidebar__content\">\n\t\t\t<SidebarContentWrapper\n\t\t\t\tshouldAnimate={ shouldAnimate }\n\t\t\t\tkey={ routeKey }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</SidebarContentWrapper>\n\t\t</div>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqFE;AAlFF,kBAAiB;AAKjB,qBAMO;AACP,iBAAsB;AAEf,MAAM,+BAA2B,8BAAe,MAAM;AAAC,CAAE;AAChE,yBAAyB,cAAc;AAKvC,SAAS,oBAAqB,IAAI,WAAW,eAAgB;AAC5D,MAAI;AACJ,MAAK,cAAc,UAAU,eAAgB;AAC5C,qBAAiB,GAAG,cAAe,aAAc;AAAA,EAClD;AACA,MAAK,cAAc,QAAQ,CAAE,gBAAiB;AAC7C,UAAM,CAAE,aAAc,IAAI,iBAAM,SAAS,KAAM,EAAG;AAClD,qBAAiB,iBAAiB;AAAA,EACnC;AACA,kBAAgB,MAAM;AACvB;AAIA,SAAS,iBAAiB;AACzB,MAAI,QAAQ;AAAA,IACX,WAAW;AAAA,IACX,eAAe;AAAA,EAChB;AAEA,SAAO;AAAA,IACN,MAAM;AACL,aAAO;AAAA,IACR;AAAA,IACA,SAAU,WAAW,gBAAgB,MAAO;AAC3C,cAAQ;AAAA,QACP;AAAA,QACA,eACC,cAAc,aAAa,gBACxB,gBACA,MAAM;AAAA,MACX;AAAA,IACD;AAAA,EACD;AACD;AAEA,SAAS,sBAAuB,EAAE,UAAU,cAAc,GAAI;AAC7D,QAAM,eAAW,2BAAY,wBAAyB;AACtD,QAAM,iBAAa,uBAAO;AAC1B,QAAM,CAAE,cAAc,eAAgB,QAAI,yBAAU,IAAK;AAEzD,sCAAiB,MAAM;AACtB,UAAM,EAAE,WAAW,cAAc,IAAI,SAAS,IAAI;AAClD,wBAAqB,WAAW,SAAS,WAAW,aAAc;AAClE,oBAAiB,SAAU;AAAA,EAC5B,GAAG,CAAE,QAAS,CAAE;AAEhB,QAAM,iBAAa,YAAAA;AAAA,IAClB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,gBACG;AAAA,MACA,mBAAmB,iBAAiB;AAAA,MACpC,oBAAoB,iBAAiB;AAAA,IACrC,IACA,CAAC;AAAA,EACL;AAEA,SACC,4CAAC,SAAI,KAAM,YAAa,WAAY,YACjC,UACH;AAEF;AAEO,SAAS,0BAA2B,EAAE,SAAS,GAAI;AACzD,QAAM,CAAE,QAAS,QAAI,yBAAU,cAAe;AAE9C,SACC,4CAAC,yBAAyB,UAAzB,EAAkC,OAAQ,UACxC,UACH;AAEF;AAEO,SAAS,eAAgB,EAAE,UAAU,eAAe,SAAS,GAAI;AACvE,SACC,4CAAC,SAAI,WAAU,8BACd;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MAGE;AAAA;AAAA,IAFI;AAAA,EAGP,GACD;AAEF;",
+  "names": ["clsx"]
+}