@wordpress/widget-dashboard 0.1.0

package/build-module/components/actions/actions.mjs

@@ -0,0 +1,240 @@
+// packages/widget-dashboard/src/components/actions/actions.tsx
+import { useSelect } from "@wordpress/data";
+import { useCallback, useEffect, useState } from "@wordpress/element";
+import { __ } from "@wordpress/i18n";
+import { layout as layoutIcon, plus } from "@wordpress/icons";
+import { store as viewportStore } from "@wordpress/viewport";
+import { Button, Stack } from "@wordpress/ui";
+import { useDashboardInternalContext } from "../../context/dashboard-context.mjs";
+import { useDashboardUIContext } from "../../context/ui-context.mjs";
+import { ActionsMenu } from "../actions-menu/index.mjs";
+
+// packages/style-runtime/src/index.ts
+var STYLE_HASH_ATTRIBUTE = "data-wp-hash";
+function getRuntime() {
+  const globalScope = globalThis;
+  if (globalScope.__wpStyleRuntime) {
+    return globalScope.__wpStyleRuntime;
+  }
+  globalScope.__wpStyleRuntime = {
+    documents: /* @__PURE__ */ new Map(),
+    styles: /* @__PURE__ */ new Map(),
+    injectedStyles: /* @__PURE__ */ new WeakMap()
+  };
+  if (typeof document !== "undefined") {
+    registerDocument(document);
+  }
+  return globalScope.__wpStyleRuntime;
+}
+function documentContainsStyleHash(targetDocument, hash) {
+  if (!targetDocument.head) {
+    return false;
+  }
+  for (const style of targetDocument.head.querySelectorAll(
+    `style[${STYLE_HASH_ATTRIBUTE}]`
+  )) {
+    if (style.getAttribute(STYLE_HASH_ATTRIBUTE) === hash) {
+      return true;
+    }
+  }
+  return false;
+}
+function injectStyle(targetDocument, hash, css) {
+  if (!targetDocument.head) {
+    return;
+  }
+  const runtime = getRuntime();
+  let injectedStyles = runtime.injectedStyles.get(targetDocument);
+  if (!injectedStyles) {
+    injectedStyles = /* @__PURE__ */ new Set();
+    runtime.injectedStyles.set(targetDocument, injectedStyles);
+  }
+  if (injectedStyles.has(hash)) {
+    return;
+  }
+  if (documentContainsStyleHash(targetDocument, hash)) {
+    injectedStyles.add(hash);
+    return;
+  }
+  const style = targetDocument.createElement("style");
+  style.setAttribute(STYLE_HASH_ATTRIBUTE, hash);
+  style.appendChild(targetDocument.createTextNode(css));
+  targetDocument.head.appendChild(style);
+  injectedStyles.add(hash);
+}
+function registerDocument(targetDocument) {
+  const runtime = getRuntime();
+  runtime.documents.set(
+    targetDocument,
+    (runtime.documents.get(targetDocument) ?? 0) + 1
+  );
+  for (const [hash, css] of runtime.styles) {
+    injectStyle(targetDocument, hash, css);
+  }
+  return () => {
+    const count = runtime.documents.get(targetDocument);
+    if (count === void 0) {
+      return;
+    }
+    if (count <= 1) {
+      runtime.documents.delete(targetDocument);
+      return;
+    }
+    runtime.documents.set(targetDocument, count - 1);
+  };
+}
+function registerStyle(hash, css) {
+  const runtime = getRuntime();
+  runtime.styles.set(hash, css);
+  for (const targetDocument of runtime.documents.keys()) {
+    injectStyle(targetDocument, hash, css);
+  }
+}
+
+// packages/widget-dashboard/src/components/actions/actions.module.css
+if (typeof process === "undefined" || process.env.NODE_ENV !== "test") {
+  registerStyle("207feb9ccc", "._273463df7651817f__editActionsEnter,._3cd6628039136a20__editActionsExit{align-items:center;display:inline-flex;gap:var(--wp--preset--spacing--20);transform-origin:right center}._572540719be6c8a3__editActionsDivider{align-self:center;background-color:var(--wpds-color-stroke-surface-neutral,#dbdbdb);flex-shrink:0;height:var(--wpds-dimension-size-2xs,16px);width:1px}@media not (prefers-reduced-motion){._273463df7651817f__editActionsEnter,._3cd6628039136a20__editActionsExit{will-change:opacity,transform}._273463df7651817f__editActionsEnter{animation:_332d3153b716aa20__actions-slide-in var(--wpds-motion-duration-md,.2s) var(--wpds-motion-easing-expressive,cubic-bezier(.25,0,0,1)) forwards}._3cd6628039136a20__editActionsExit{animation:_4dff70702a4b0f40__actions-fold-out var(--wpds-motion-duration-sm,.1s) var(--wpds-motion-easing-balanced,cubic-bezier(.4,0,.2,1)) forwards}@keyframes _332d3153b716aa20__actions-slide-in{0%{opacity:0;transform:translateX(12px) scaleX(.92)}to{opacity:1;transform:translateX(0) scaleX(1)}}@keyframes _4dff70702a4b0f40__actions-fold-out{0%{opacity:1;transform:translateX(0) scaleX(1)}to{opacity:0;transform:translateX(12px) scaleX(.92)}}}");
+}
+var actions_default = { "editActionsEnter": "_273463df7651817f__editActionsEnter", "editActionsExit": "_3cd6628039136a20__editActionsExit", "editActionsDivider": "_572540719be6c8a3__editActionsDivider", "actions-slide-in": "_332d3153b716aa20__actions-slide-in", "actions-fold-out": "_4dff70702a4b0f40__actions-fold-out" };
+
+// packages/widget-dashboard/src/components/actions/actions.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Actions() {
+  const {
+    editMode,
+    onEditChange,
+    onLayoutReset,
+    commit,
+    cancel: cancelStaging,
+    hasUncommittedChanges,
+    canEditGridSettings
+  } = useDashboardInternalContext();
+  const [isEditActionsMounted, setIsEditActionsMounted] = useState(editMode);
+  const [isExitingEditActions, setIsExitingEditActions] = useState(false);
+  useEffect(() => {
+    if (editMode) {
+      setIsEditActionsMounted(true);
+      setIsExitingEditActions(false);
+      return;
+    }
+    if (!isEditActionsMounted) {
+      return;
+    }
+    setIsExitingEditActions(true);
+    const exitTimeout = setTimeout(() => {
+      setIsEditActionsMounted(false);
+      setIsExitingEditActions(false);
+    }, 220);
+    return () => clearTimeout(exitTimeout);
+  }, [editMode, isEditActionsMounted]);
+  const { setInserterOpen, setLayoutSettingsOpen, setResetDialogOpen } = useDashboardUIContext();
+  const isMobileViewport = useSelect(
+    (select) => select(viewportStore).isViewportMatch("< small"),
+    []
+  );
+  const handleEditMode = useCallback(() => {
+    onEditChange?.(!editMode);
+  }, [editMode, onEditChange]);
+  const insert = useCallback(() => {
+    setInserterOpen(true);
+  }, [setInserterOpen]);
+  const cancel = useCallback(() => {
+    cancelStaging();
+  }, [cancelStaging]);
+  const done = useCallback(() => {
+    commit();
+  }, [commit]);
+  const openLayoutSettings = useCallback(() => {
+    setLayoutSettingsOpen(true);
+  }, [setLayoutSettingsOpen]);
+  const menuItems = [
+    {
+      label: __("Reset to default"),
+      onClick: () => setResetDialogOpen(true),
+      disabled: !onLayoutReset
+    }
+  ];
+  if (!onEditChange) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: "sm", children: [
+    isEditActionsMounted ? /* @__PURE__ */ jsxs(
+      Stack,
+      {
+        direction: "row",
+        gap: "sm",
+        className: isExitingEditActions ? actions_default.editActionsExit : actions_default.editActionsEnter,
+        children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "minimal",
+              tone: "brand",
+              size: "compact",
+              onClick: insert,
+              children: [
+                !isMobileViewport && /* @__PURE__ */ jsx(Button.Icon, { icon: plus }),
+                __("Add widget")
+              ]
+            }
+          ),
+          canEditGridSettings && /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "minimal",
+              tone: "brand",
+              size: "compact",
+              onClick: openLayoutSettings,
+              children: [
+                !isMobileViewport && /* @__PURE__ */ jsx(Button.Icon, { icon: layoutIcon }),
+                __("Layout settings")
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: actions_default.editActionsDivider,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "minimal",
+              tone: "brand",
+              size: "compact",
+              onClick: cancel,
+              children: __("Cancel")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "solid",
+              tone: "brand",
+              size: "compact",
+              onClick: done,
+              disabled: !hasUncommittedChanges,
+              children: __("Done")
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "minimal",
+        tone: "brand",
+        size: "compact",
+        onClick: handleEditMode,
+        children: __("Customize")
+      }
+    ),
+    /* @__PURE__ */ jsx(ActionsMenu, { items: menuItems })
+  ] });
+}
+export {
+  Actions
+};
+//# sourceMappingURL=actions.mjs.map

package/build-module/components/actions/actions.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/actions/actions.tsx", "../../../../style-runtime/src/index.ts", "../../../src/components/actions/actions.module.css"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useCallback, useEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { layout as layoutIcon, plus } from '@wordpress/icons';\nimport { store as viewportStore } from '@wordpress/viewport';\n// eslint-disable-next-line @wordpress/use-recommended-components\nimport { Button, Stack } from '@wordpress/ui';\n\n/**\n * Internal dependencies\n */\nimport { useDashboardInternalContext } from '../../context/dashboard-context';\nimport { useDashboardUIContext } from '../../context/ui-context';\nimport { ActionsMenu } from '../actions-menu';\nimport type { ActionsMenuItem } from '../actions-menu';\nimport styles from './actions.module.css';\n\n/**\n * Edit toolbar for the dashboard. In customize mode it surfaces Add widget,\n * Layout settings (when grid settings are editable), Cancel, and Done;\n * otherwise a single Customize button. Buttons and the overflow menu are\n * triggers that flip the shared UI state the overlays react to.\n *\n * Returns `null` when mounted without `onEditChange`, so hosts that don't\n * expose edit mode can keep `Actions` in their tree unconditionally.\n */\nexport function Actions(): React.ReactNode {\n\tconst {\n\t\teditMode,\n\t\tonEditChange,\n\t\tonLayoutReset,\n\t\tcommit,\n\t\tcancel: cancelStaging,\n\t\thasUncommittedChanges,\n\t\tcanEditGridSettings,\n\t} = useDashboardInternalContext();\n\n\tconst [ isEditActionsMounted, setIsEditActionsMounted ] =\n\t\tuseState( editMode );\n\tconst [ isExitingEditActions, setIsExitingEditActions ] = useState( false );\n\n\tuseEffect( () => {\n\t\tif ( editMode ) {\n\t\t\tsetIsEditActionsMounted( true );\n\t\t\tsetIsExitingEditActions( false );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( ! isEditActionsMounted ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetIsExitingEditActions( true );\n\t\tconst exitTimeout = setTimeout( () => {\n\t\t\tsetIsEditActionsMounted( false );\n\t\t\tsetIsExitingEditActions( false );\n\t\t}, 220 );\n\n\t\treturn () => clearTimeout( exitTimeout );\n\t}, [ editMode, isEditActionsMounted ] );\n\n\tconst { setInserterOpen, setLayoutSettingsOpen, setResetDialogOpen } =\n\t\tuseDashboardUIContext();\n\t// @TODO: switch to using Admin UI declaratively for mobile viewport support once available.\n\t// https://github.com/WordPress/gutenberg/issues/77628\n\tconst isMobileViewport = useSelect(\n\t\t( select ) => select( viewportStore ).isViewportMatch( '< small' ),\n\t\t[]\n\t);\n\n\tconst handleEditMode = useCallback( () => {\n\t\tonEditChange?.( ! editMode );\n\t}, [ editMode, onEditChange ] );\n\n\tconst insert = useCallback( () => {\n\t\tsetInserterOpen( true );\n\t}, [ setInserterOpen ] );\n\n\tconst cancel = useCallback( () => {\n\t\tcancelStaging();\n\t}, [ cancelStaging ] );\n\n\tconst done = useCallback( () => {\n\t\tcommit();\n\t}, [ commit ] );\n\n\tconst openLayoutSettings = useCallback( () => {\n\t\tsetLayoutSettingsOpen( true );\n\t}, [ setLayoutSettingsOpen ] );\n\n\tconst menuItems: ActionsMenuItem[] = [\n\t\t{\n\t\t\tlabel: __( 'Reset to default' ),\n\t\t\tonClick: () => setResetDialogOpen( true ),\n\t\t\tdisabled: ! onLayoutReset,\n\t\t},\n\t];\n\n\tif ( ! onEditChange ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Stack direction=\"row\" gap=\"sm\">\n\t\t\t{ isEditActionsMounted ? (\n\t\t\t\t<Stack\n\t\t\t\t\tdirection=\"row\"\n\t\t\t\t\tgap=\"sm\"\n\t\t\t\t\tclassName={\n\t\t\t\t\t\tisExitingEditActions\n\t\t\t\t\t\t\t? styles.editActionsExit\n\t\t\t\t\t\t\t: styles.editActionsEnter\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"minimal\"\n\t\t\t\t\t\ttone=\"brand\"\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\tonClick={ insert }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isMobileViewport && <Button.Icon icon={ plus } /> }\n\t\t\t\t\t\t{ __( 'Add widget' ) }\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t{ canEditGridSettings && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"minimal\"\n\t\t\t\t\t\t\ttone=\"brand\"\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\tonClick={ openLayoutSettings }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ! isMobileViewport && (\n\t\t\t\t\t\t\t\t<Button.Icon icon={ layoutIcon } />\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ __( 'Layout settings' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ styles.editActionsDivider }\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"minimal\"\n\t\t\t\t\t\ttone=\"brand\"\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\tonClick={ cancel }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"solid\"\n\t\t\t\t\t\ttone=\"brand\"\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\tonClick={ done }\n\t\t\t\t\t\tdisabled={ ! hasUncommittedChanges }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Done' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</Stack>\n\t\t\t) : (\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"minimal\"\n\t\t\t\t\ttone=\"brand\"\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\tonClick={ handleEditMode }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Customize' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\n\t\t\t<ActionsMenu items={ menuItems } />\n\t\t</Stack>\n\t);\n}\n", "type GlobalScopeWithStyleRuntime = typeof globalThis & {\n\t// This global is shared by separately bundled copies of this package.\n\t// Keep its shape backward compatible after release.\n\t__wpStyleRuntime?: {\n\t\tdocuments: Map< Document, number >;\n\t\tstyles: Map< string, string >;\n\t\tinjectedStyles: WeakMap< Document, Set< string > >;\n\t};\n};\n\nconst STYLE_HASH_ATTRIBUTE = 'data-wp-hash';\n\n/**\n * Returns the shared style runtime registry.\n *\n * The registry is stored on `globalThis` so separately bundled copies of this\n * package can coordinate through the same document and style maps.\n *\n * @return The shared runtime registry.\n */\nfunction getRuntime() {\n\tconst globalScope = globalThis as GlobalScopeWithStyleRuntime;\n\n\tif ( globalScope.__wpStyleRuntime ) {\n\t\treturn globalScope.__wpStyleRuntime;\n\t}\n\n\tglobalScope.__wpStyleRuntime = {\n\t\tdocuments: new Map(),\n\t\tstyles: new Map(),\n\t\tinjectedStyles: new WeakMap(),\n\t};\n\n\tif ( typeof document !== 'undefined' ) {\n\t\tregisterDocument( document );\n\t}\n\n\treturn globalScope.__wpStyleRuntime;\n}\n\n/**\n * Checks whether a document already contains a style tag for a hash.\n *\n * @param targetDocument Document to inspect.\n * @param hash           Stable hash for the transformed CSS.\n *\n * @return Whether the style hash already exists in the document.\n */\nfunction documentContainsStyleHash(\n\ttargetDocument: Document,\n\thash: string\n): boolean {\n\tif ( ! targetDocument.head ) {\n\t\treturn false;\n\t}\n\n\tfor ( const style of targetDocument.head.querySelectorAll(\n\t\t`style[${ STYLE_HASH_ATTRIBUTE }]`\n\t) ) {\n\t\tif ( style.getAttribute( STYLE_HASH_ATTRIBUTE ) === hash ) {\n\t\t\treturn true;\n\t\t}\n\t}\n\n\treturn false;\n}\n\n/**\n * Injects a registered style into a document, unless that document already\n * contains a style tag for the same hash.\n *\n * @param targetDocument Document to inject the style into.\n * @param hash           Stable hash for the transformed CSS.\n * @param css            CSS text to inject.\n */\nfunction injectStyle( targetDocument: Document, hash: string, css: string ) {\n\tif ( ! targetDocument.head ) {\n\t\treturn;\n\t}\n\n\tconst runtime = getRuntime();\n\tlet injectedStyles = runtime.injectedStyles.get( targetDocument );\n\n\tif ( ! injectedStyles ) {\n\t\tinjectedStyles = new Set();\n\t\truntime.injectedStyles.set( targetDocument, injectedStyles );\n\t}\n\n\tif ( injectedStyles.has( hash ) ) {\n\t\treturn;\n\t}\n\n\t// Older generated CSS module output can still inject matching style tags\n\t// after this document's cache is created, so keep the DOM as the fallback\n\t// source of truth on cache misses.\n\tif ( documentContainsStyleHash( targetDocument, hash ) ) {\n\t\tinjectedStyles.add( hash );\n\t\treturn;\n\t}\n\n\tconst style = targetDocument.createElement( 'style' );\n\tstyle.setAttribute( STYLE_HASH_ATTRIBUTE, hash );\n\tstyle.appendChild( targetDocument.createTextNode( css ) );\n\ttargetDocument.head.appendChild( style );\n\tinjectedStyles.add( hash );\n}\n\n/**\n * Registers a document as a style injection target.\n *\n * Existing registered styles are replayed into the document immediately.\n * Documents are reference-counted so multiple providers can safely register the\n * same document without one cleanup removing it while another registration is\n * still active.\n *\n * @param targetDocument Document to receive registered styles.\n * @return Cleanup function that unregisters this document registration.\n */\nexport function registerDocument( targetDocument: Document ) {\n\tconst runtime = getRuntime();\n\n\truntime.documents.set(\n\t\ttargetDocument,\n\t\t( runtime.documents.get( targetDocument ) ?? 0 ) + 1\n\t);\n\n\tfor ( const [ hash, css ] of runtime.styles ) {\n\t\tinjectStyle( targetDocument, hash, css );\n\t}\n\n\treturn () => {\n\t\tconst count = runtime.documents.get( targetDocument );\n\n\t\tif ( count === undefined ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( count <= 1 ) {\n\t\t\truntime.documents.delete( targetDocument );\n\t\t\treturn;\n\t\t}\n\n\t\truntime.documents.set( targetDocument, count - 1 );\n\t};\n}\n\n/**\n * Registers a style and injects it into all registered documents.\n *\n * The hash is used as the deduplication key, so calling this repeatedly with\n * the same hash will not add duplicate style tags to a document.\n * Registered styles are retained for the lifetime of the page so they can be\n * replayed into documents that are registered later.\n *\n * @param hash Stable hash for the transformed CSS.\n * @param css  CSS text to inject.\n */\nexport function registerStyle( hash: string, css: string ) {\n\tconst runtime = getRuntime();\n\n\truntime.styles.set( hash, css );\n\n\tfor ( const targetDocument of runtime.documents.keys() ) {\n\t\tinjectStyle( targetDocument, hash, css );\n\t}\n}\n", "import { registerStyle } from '@wordpress/style-runtime';\nif (typeof process === 'undefined' || process.env.NODE_ENV !== 'test') {\n\tregisterStyle(\"207feb9ccc\", \"._273463df7651817f__editActionsEnter,._3cd6628039136a20__editActionsExit{align-items:center;display:inline-flex;gap:var(--wp--preset--spacing--20);transform-origin:right center}._572540719be6c8a3__editActionsDivider{align-self:center;background-color:var(--wpds-color-stroke-surface-neutral,#dbdbdb);flex-shrink:0;height:var(--wpds-dimension-size-2xs,16px);width:1px}@media not (prefers-reduced-motion){._273463df7651817f__editActionsEnter,._3cd6628039136a20__editActionsExit{will-change:opacity,transform}._273463df7651817f__editActionsEnter{animation:_332d3153b716aa20__actions-slide-in var(--wpds-motion-duration-md,.2s) var(--wpds-motion-easing-expressive,cubic-bezier(.25,0,0,1)) forwards}._3cd6628039136a20__editActionsExit{animation:_4dff70702a4b0f40__actions-fold-out var(--wpds-motion-duration-sm,.1s) var(--wpds-motion-easing-balanced,cubic-bezier(.4,0,.2,1)) forwards}@keyframes _332d3153b716aa20__actions-slide-in{0%{opacity:0;transform:translateX(12px) scaleX(.92)}to{opacity:1;transform:translateX(0) scaleX(1)}}@keyframes _4dff70702a4b0f40__actions-fold-out{0%{opacity:1;transform:translateX(0) scaleX(1)}to{opacity:0;transform:translateX(12px) scaleX(.92)}}}\");\n}\nexport default {\"editActionsEnter\":\"_273463df7651817f__editActionsEnter\",\"editActionsExit\":\"_3cd6628039136a20__editActionsExit\",\"editActionsDivider\":\"_572540719be6c8a3__editActionsDivider\",\"actions-slide-in\":\"_332d3153b716aa20__actions-slide-in\",\"actions-fold-out\":\"_4dff70702a4b0f40__actions-fold-out\"};\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/components/actions/index.mjs

@@ -0,0 +1,6 @@
+// packages/widget-dashboard/src/components/actions/index.ts
+import { Actions } from "./actions.mjs";
+export {
+  Actions
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/components/actions/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/actions/index.ts"],
+  "sourcesContent": ["export { Actions } from './actions';\n"],
+  "mappings": ";AAAA,SAAS,eAAe;",
+  "names": []
+}

package/build-module/components/actions-menu/actions-menu.mjs

@@ -0,0 +1,67 @@
+// packages/widget-dashboard/src/components/actions-menu/actions-menu.tsx
+import { privateApis as componentsPrivateApis } from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import { moreVertical } from "@wordpress/icons";
+import { Button, IconButton, Tooltip } from "@wordpress/ui";
+import { unlock } from "../../lock-unlock.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var { Menu } = unlock(componentsPrivateApis);
+function ActionsMenuEntry({ item }) {
+  const showDisabledTooltip = item.disabled && item.disabledTooltip;
+  const menuItem = /* @__PURE__ */ jsx(
+    Menu.Item,
+    {
+      disabled: item.disabled,
+      onClick: item.onClick,
+      render: /* @__PURE__ */ jsx(Button, { variant: "minimal", tone: "neutral" }),
+      children: item.label
+    }
+  );
+  if (!showDisabledTooltip) {
+    return menuItem;
+  }
+  return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [
+    /* @__PURE__ */ jsx(
+      Tooltip.Trigger,
+      {
+        render: /* @__PURE__ */ jsx(
+          Menu.Item,
+          {
+            disabled: item.disabled,
+            onClick: item.onClick,
+            render: /* @__PURE__ */ jsx(Button, { variant: "minimal", tone: "neutral" })
+          }
+        ),
+        children: item.label
+      }
+    ),
+    /* @__PURE__ */ jsx(Tooltip.Popup, { positioner: /* @__PURE__ */ jsx(Tooltip.Positioner, { side: "bottom" }), children: item.disabledTooltip })
+  ] });
+}
+function ActionsMenu({ items }) {
+  if (items.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Menu, { children: [
+    /* @__PURE__ */ jsx(
+      Menu.TriggerButton,
+      {
+        render: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            icon: moreVertical,
+            label: __("More options"),
+            variant: "minimal",
+            tone: "brand",
+            size: "compact"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(Menu.Popover, { children: /* @__PURE__ */ jsx(Tooltip.Provider, { delay: 0, children: /* @__PURE__ */ jsx(Menu.Group, { children: items.map((item, index) => /* @__PURE__ */ jsx(ActionsMenuEntry, { item }, index)) }) }) })
+  ] });
+}
+export {
+  ActionsMenu
+};
+//# sourceMappingURL=actions-menu.mjs.map

package/build-module/components/actions-menu/actions-menu.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/actions-menu/actions-menu.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { moreVertical } from '@wordpress/icons';\n// eslint-disable-next-line @wordpress/use-recommended-components\nimport { Button, IconButton, Tooltip } from '@wordpress/ui';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { Menu } = unlock( componentsPrivateApis );\n\nexport interface ActionsMenuItem {\n\tlabel: string;\n\tonClick: () => void;\n\tdisabled?: boolean;\n\t/**\n\t * Shown on hover when the item is disabled (for example, to explain\n\t * why the action is unavailable).\n\t */\n\tdisabledTooltip?: string;\n}\n\ninterface ActionsMenuProps {\n\titems: ActionsMenuItem[];\n}\n\nfunction ActionsMenuEntry( { item }: { item: ActionsMenuItem } ) {\n\tconst showDisabledTooltip = item.disabled && item.disabledTooltip;\n\n\tconst menuItem = (\n\t\t<Menu.Item\n\t\t\tdisabled={ item.disabled }\n\t\t\tonClick={ item.onClick }\n\t\t\trender={ <Button variant=\"minimal\" tone=\"neutral\" /> }\n\t\t>\n\t\t\t{ item.label }\n\t\t</Menu.Item>\n\t);\n\n\tif ( ! showDisabledTooltip ) {\n\t\treturn menuItem;\n\t}\n\n\treturn (\n\t\t<Tooltip.Root>\n\t\t\t<Tooltip.Trigger\n\t\t\t\trender={\n\t\t\t\t\t<Menu.Item\n\t\t\t\t\t\tdisabled={ item.disabled }\n\t\t\t\t\t\tonClick={ item.onClick }\n\t\t\t\t\t\trender={ <Button variant=\"minimal\" tone=\"neutral\" /> }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ item.label }\n\t\t\t</Tooltip.Trigger>\n\t\t\t<Tooltip.Popup positioner={ <Tooltip.Positioner side=\"bottom\" /> }>\n\t\t\t\t{ item.disabledTooltip }\n\t\t\t</Tooltip.Popup>\n\t\t</Tooltip.Root>\n\t);\n}\n\n/**\n * Renders the dashboard's overflow menu: a three-dots trigger surfacing\n * secondary actions. Returns `null` when there are no items.\n *\n * @param {ActionsMenuProps} props Component props.\n */\nexport function ActionsMenu( { items }: ActionsMenuProps ): React.ReactNode {\n\tif ( items.length === 0 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Menu>\n\t\t\t<Menu.TriggerButton\n\t\t\t\trender={\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\tlabel={ __( 'More options' ) }\n\t\t\t\t\t\tvariant=\"minimal\"\n\t\t\t\t\t\ttone=\"brand\"\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<Menu.Popover>\n\t\t\t\t<Tooltip.Provider delay={ 0 }>\n\t\t\t\t\t<Menu.Group>\n\t\t\t\t\t\t{ items.map( ( item, index ) => (\n\t\t\t\t\t\t\t<ActionsMenuEntry key={ index } item={ item } />\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</Menu.Group>\n\t\t\t\t</Tooltip.Provider>\n\t\t\t</Menu.Popover>\n\t\t</Menu>\n\t);\n}\n"],
+  "mappings": ";AAGA,SAAS,eAAe,6BAA6B;AACrD,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAE7B,SAAS,QAAQ,YAAY,eAAe;AAK5C,SAAS,cAAc;AA0BX,cAWV,YAXU;AAxBZ,IAAM,EAAE,KAAK,IAAI,OAAQ,qBAAsB;AAiB/C,SAAS,iBAAkB,EAAE,KAAK,GAA+B;AAChE,QAAM,sBAAsB,KAAK,YAAY,KAAK;AAElD,QAAM,WACL;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACA,UAAW,KAAK;AAAA,MAChB,SAAU,KAAK;AAAA,MACf,QAAS,oBAAC,UAAO,SAAQ,WAAU,MAAK,WAAU;AAAA,MAEhD,eAAK;AAAA;AAAA,EACR;AAGD,MAAK,CAAE,qBAAsB;AAC5B,WAAO;AAAA,EACR;AAEA,SACC,qBAAC,QAAQ,MAAR,EACA;AAAA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACA,QACC;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACA,UAAW,KAAK;AAAA,YAChB,SAAU,KAAK;AAAA,YACf,QAAS,oBAAC,UAAO,SAAQ,WAAU,MAAK,WAAU;AAAA;AAAA,QACnD;AAAA,QAGC,eAAK;AAAA;AAAA,IACR;AAAA,IACA,oBAAC,QAAQ,OAAR,EAAc,YAAa,oBAAC,QAAQ,YAAR,EAAmB,MAAK,UAAS,GAC3D,eAAK,iBACR;AAAA,KACD;AAEF;AAQO,SAAS,YAAa,EAAE,MAAM,GAAuC;AAC3E,MAAK,MAAM,WAAW,GAAI;AACzB,WAAO;AAAA,EACR;AAEA,SACC,qBAAC,QACA;AAAA;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACA,QACC;AAAA,UAAC;AAAA;AAAA,YACA,MAAO;AAAA,YACP,OAAQ,GAAI,cAAe;AAAA,YAC3B,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,MAAK;AAAA;AAAA,QACN;AAAA;AAAA,IAEF;AAAA,IACA,oBAAC,KAAK,SAAL,EACA,8BAAC,QAAQ,UAAR,EAAiB,OAAQ,GACzB,8BAAC,KAAK,OAAL,EACE,gBAAM,IAAK,CAAE,MAAM,UACpB,oBAAC,oBAA+B,QAAR,KAAsB,CAC7C,GACH,GACD,GACD;AAAA,KACD;AAEF;",
+  "names": []
+}

package/build-module/components/actions-menu/index.mjs

@@ -0,0 +1,6 @@
+// packages/widget-dashboard/src/components/actions-menu/index.ts
+import { ActionsMenu } from "./actions-menu.mjs";
+export {
+  ActionsMenu
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/components/actions-menu/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/actions-menu/index.ts"],
+  "sourcesContent": ["export { ActionsMenu } from './actions-menu';\nexport type { ActionsMenuItem } from './actions-menu';\n"],
+  "mappings": ";AAAA,SAAS,mBAAmB;",
+  "names": []
+}

package/build-module/components/commands/commands.mjs

@@ -0,0 +1,160 @@
+// packages/widget-dashboard/src/components/commands/commands.tsx
+import { useCallback, useMemo } from "@wordpress/element";
+import { __ } from "@wordpress/i18n";
+import {
+  useCommands,
+  privateApis as commandsPrivateApis
+} from "@wordpress/commands";
+import {
+  columns,
+  grid,
+  layout as layoutIcon,
+  plus,
+  trash
+} from "@wordpress/icons";
+import { unlock } from "../../lock-unlock.mjs";
+import { useDashboardInternalContext } from "../../context/dashboard-context.mjs";
+import { useDashboardUIContext } from "../../context/ui-context.mjs";
+import { getGridModel } from "../../utils/grid-model-change/index.mjs";
+import { usePendingWhenEditMode } from "./use-pending-when-edit-mode.mjs";
+var { useCommandContext } = unlock(commandsPrivateApis);
+var DASHBOARD_COMMAND_CONTEXT = "dashboard";
+function Commands() {
+  const {
+    editMode,
+    onEditChange,
+    onLayoutReset,
+    gridSettings,
+    canEditGridSettings,
+    commitGridModelChange
+  } = useDashboardInternalContext();
+  const { setInserterOpen, setResetDialogOpen } = useDashboardUIContext();
+  useCommandContext(DASHBOARD_COMMAND_CONTEXT);
+  const runWhenInEditMode = usePendingWhenEditMode({
+    editMode,
+    onEditChange
+  });
+  const gridModel = getGridModel(gridSettings);
+  const isGridLayout = gridModel === "grid";
+  const isMasonryLayout = gridModel === "masonry";
+  const switchToMasonry = useCallback(
+    ({ close }) => {
+      close();
+      commitGridModelChange("masonry");
+    },
+    [commitGridModelChange]
+  );
+  const switchToGrid = useCallback(
+    ({ close }) => {
+      close();
+      commitGridModelChange("grid");
+    },
+    [commitGridModelChange]
+  );
+  const resetToDefault = useCallback(
+    ({ close }) => {
+      close();
+      setResetDialogOpen(true);
+    },
+    [setResetDialogOpen]
+  );
+  const addWidgets = useCallback(
+    ({ close }) => {
+      close();
+      runWhenInEditMode(() => {
+        setInserterOpen(true);
+      });
+    },
+    [runWhenInEditMode, setInserterOpen]
+  );
+  const customize = useCallback(
+    ({ close }) => {
+      close();
+      onEditChange?.(true);
+    },
+    [onEditChange]
+  );
+  const commands = useMemo(
+    () => [
+      {
+        name: "core/dashboard/customize",
+        label: __("Customize dashboard"),
+        icon: layoutIcon,
+        category: "command",
+        context: DASHBOARD_COMMAND_CONTEXT,
+        keywords: [__("edit"), __("widgets"), __("layout")],
+        disabled: !onEditChange || editMode,
+        callback: customize
+      },
+      {
+        name: "core/dashboard/add-widgets",
+        label: __("Add dashboard widgets"),
+        icon: plus,
+        category: "command",
+        context: DASHBOARD_COMMAND_CONTEXT,
+        keywords: [__("widgets"), __("inserter")],
+        disabled: !onEditChange,
+        callback: addWidgets
+      },
+      {
+        name: "core/dashboard/switch-to-masonry-layout",
+        label: __("Switch dashboard to masonry layout"),
+        icon: columns,
+        category: "command",
+        context: DASHBOARD_COMMAND_CONTEXT,
+        keywords: [
+          __("layout"),
+          __("layout model"),
+          __("masonry")
+        ],
+        disabled: !canEditGridSettings || isMasonryLayout || editMode,
+        callback: switchToMasonry
+      },
+      {
+        name: "core/dashboard/switch-to-grid-layout",
+        label: __("Switch dashboard to grid layout"),
+        icon: grid,
+        category: "command",
+        context: DASHBOARD_COMMAND_CONTEXT,
+        keywords: [
+          __("layout"),
+          __("layout model"),
+          __("grid"),
+          __("standard grid")
+        ],
+        disabled: !canEditGridSettings || isGridLayout || editMode,
+        callback: switchToGrid
+      },
+      {
+        name: "core/dashboard/reset-to-default",
+        label: __("Reset dashboard widgets to default"),
+        icon: trash,
+        category: "command",
+        context: DASHBOARD_COMMAND_CONTEXT,
+        keywords: [__("reset"), __("default")],
+        disabled: !onLayoutReset,
+        callback: resetToDefault
+      }
+    ],
+    [
+      onEditChange,
+      editMode,
+      customize,
+      addWidgets,
+      canEditGridSettings,
+      isMasonryLayout,
+      isGridLayout,
+      switchToMasonry,
+      switchToGrid,
+      onLayoutReset,
+      resetToDefault
+    ]
+  );
+  useCommands(commands);
+  return null;
+}
+export {
+  Commands,
+  DASHBOARD_COMMAND_CONTEXT
+};
+//# sourceMappingURL=commands.mjs.map

package/build-module/components/commands/commands.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/commands/commands.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useCallback, useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseCommands,\n\tprivateApis as commandsPrivateApis,\n} from '@wordpress/commands';\nimport {\n\tcolumns,\n\tgrid,\n\tlayout as layoutIcon,\n\tplus,\n\ttrash,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { useDashboardInternalContext } from '../../context/dashboard-context';\nimport { useDashboardUIContext } from '../../context/ui-context';\nimport { getGridModel } from '../../utils/grid-model-change';\nimport { usePendingWhenEditMode } from './use-pending-when-edit-mode';\n\nconst { useCommandContext } = unlock( commandsPrivateApis );\n\nexport const DASHBOARD_COMMAND_CONTEXT = 'dashboard';\n\ntype CommandCallback = ( options: { close: () => void } ) => void;\n\n/**\n * Registers dashboard-specific command palette commands and sets the\n * active command context so they surface under Suggestions by default.\n */\nexport function Commands() {\n\tconst {\n\t\teditMode,\n\t\tonEditChange,\n\t\tonLayoutReset,\n\t\tgridSettings,\n\t\tcanEditGridSettings,\n\t\tcommitGridModelChange,\n\t} = useDashboardInternalContext();\n\n\tconst { setInserterOpen, setResetDialogOpen } = useDashboardUIContext();\n\n\tuseCommandContext( DASHBOARD_COMMAND_CONTEXT );\n\n\tconst runWhenInEditMode = usePendingWhenEditMode( {\n\t\teditMode,\n\t\tonEditChange,\n\t} );\n\n\tconst gridModel = getGridModel( gridSettings );\n\tconst isGridLayout = gridModel === 'grid';\n\tconst isMasonryLayout = gridModel === 'masonry';\n\n\tconst switchToMasonry = useCallback< CommandCallback >(\n\t\t( { close } ) => {\n\t\t\tclose();\n\t\t\tcommitGridModelChange( 'masonry' );\n\t\t},\n\t\t[ commitGridModelChange ]\n\t);\n\n\tconst switchToGrid = useCallback< CommandCallback >(\n\t\t( { close } ) => {\n\t\t\tclose();\n\t\t\tcommitGridModelChange( 'grid' );\n\t\t},\n\t\t[ commitGridModelChange ]\n\t);\n\n\tconst resetToDefault = useCallback< CommandCallback >(\n\t\t( { close } ) => {\n\t\t\tclose();\n\t\t\tsetResetDialogOpen( true );\n\t\t},\n\t\t[ setResetDialogOpen ]\n\t);\n\n\tconst addWidgets = useCallback< CommandCallback >(\n\t\t( { close } ) => {\n\t\t\tclose();\n\t\t\trunWhenInEditMode( () => {\n\t\t\t\tsetInserterOpen( true );\n\t\t\t} );\n\t\t},\n\t\t[ runWhenInEditMode, setInserterOpen ]\n\t);\n\n\tconst customize = useCallback< CommandCallback >(\n\t\t( { close } ) => {\n\t\t\tclose();\n\t\t\tonEditChange?.( true );\n\t\t},\n\t\t[ onEditChange ]\n\t);\n\n\tconst commands = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\tname: 'core/dashboard/customize',\n\t\t\t\tlabel: __( 'Customize dashboard' ),\n\t\t\t\ticon: layoutIcon,\n\t\t\t\tcategory: 'command',\n\t\t\t\tcontext: DASHBOARD_COMMAND_CONTEXT,\n\t\t\t\tkeywords: [ __( 'edit' ), __( 'widgets' ), __( 'layout' ) ],\n\t\t\t\tdisabled: ! onEditChange || editMode,\n\t\t\t\tcallback: customize,\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/dashboard/add-widgets',\n\t\t\t\tlabel: __( 'Add dashboard widgets' ),\n\t\t\t\ticon: plus,\n\t\t\t\tcategory: 'command',\n\t\t\t\tcontext: DASHBOARD_COMMAND_CONTEXT,\n\t\t\t\tkeywords: [ __( 'widgets' ), __( 'inserter' ) ],\n\t\t\t\tdisabled: ! onEditChange,\n\t\t\t\tcallback: addWidgets,\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/dashboard/switch-to-masonry-layout',\n\t\t\t\tlabel: __( 'Switch dashboard to masonry layout' ),\n\t\t\t\ticon: columns,\n\t\t\t\tcategory: 'command',\n\t\t\t\tcontext: DASHBOARD_COMMAND_CONTEXT,\n\t\t\t\tkeywords: [\n\t\t\t\t\t__( 'layout' ),\n\t\t\t\t\t__( 'layout model' ),\n\t\t\t\t\t__( 'masonry' ),\n\t\t\t\t],\n\t\t\t\tdisabled: ! canEditGridSettings || isMasonryLayout || editMode,\n\t\t\t\tcallback: switchToMasonry,\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/dashboard/switch-to-grid-layout',\n\t\t\t\tlabel: __( 'Switch dashboard to grid layout' ),\n\t\t\t\ticon: grid,\n\t\t\t\tcategory: 'command',\n\t\t\t\tcontext: DASHBOARD_COMMAND_CONTEXT,\n\t\t\t\tkeywords: [\n\t\t\t\t\t__( 'layout' ),\n\t\t\t\t\t__( 'layout model' ),\n\t\t\t\t\t__( 'grid' ),\n\t\t\t\t\t__( 'standard grid' ),\n\t\t\t\t],\n\t\t\t\tdisabled: ! canEditGridSettings || isGridLayout || editMode,\n\t\t\t\tcallback: switchToGrid,\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/dashboard/reset-to-default',\n\t\t\t\tlabel: __( 'Reset dashboard widgets to default' ),\n\t\t\t\ticon: trash,\n\t\t\t\tcategory: 'command',\n\t\t\t\tcontext: DASHBOARD_COMMAND_CONTEXT,\n\t\t\t\tkeywords: [ __( 'reset' ), __( 'default' ) ],\n\t\t\t\tdisabled: ! onLayoutReset,\n\t\t\t\tcallback: resetToDefault,\n\t\t\t},\n\t\t],\n\t\t[\n\t\t\tonEditChange,\n\t\t\teditMode,\n\t\t\tcustomize,\n\t\t\taddWidgets,\n\t\t\tcanEditGridSettings,\n\t\t\tisMasonryLayout,\n\t\t\tisGridLayout,\n\t\t\tswitchToMasonry,\n\t\t\tswitchToGrid,\n\t\t\tonLayoutReset,\n\t\t\tresetToDefault,\n\t\t]\n\t);\n\n\tuseCommands( commands );\n\n\treturn null;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/components/commands/index.mjs

@@ -0,0 +1,7 @@
+// packages/widget-dashboard/src/components/commands/index.ts
+import { Commands, DASHBOARD_COMMAND_CONTEXT } from "./commands.mjs";
+export {
+  Commands,
+  DASHBOARD_COMMAND_CONTEXT
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/components/commands/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/commands/index.ts"],
+  "sourcesContent": ["export { Commands, DASHBOARD_COMMAND_CONTEXT } from './commands';\n"],
+  "mappings": ";AAAA,SAAS,UAAU,iCAAiC;",
+  "names": []
+}

package/build-module/components/commands/use-pending-when-edit-mode.mjs

@@ -0,0 +1,32 @@
+// packages/widget-dashboard/src/components/commands/use-pending-when-edit-mode.ts
+import { useCallback, useEffect, useRef } from "@wordpress/element";
+function usePendingWhenEditMode({
+  editMode,
+  onEditChange
+}) {
+  const pendingRef = useRef(null);
+  const wasEditingRef = useRef(editMode);
+  useEffect(() => {
+    if (!wasEditingRef.current && editMode && pendingRef.current) {
+      const action = pendingRef.current;
+      pendingRef.current = null;
+      action();
+    }
+    wasEditingRef.current = editMode;
+  }, [editMode]);
+  return useCallback(
+    (action) => {
+      if (editMode) {
+        action();
+        return;
+      }
+      pendingRef.current = action;
+      onEditChange?.(true);
+    },
+    [editMode, onEditChange]
+  );
+}
+export {
+  usePendingWhenEditMode
+};
+//# sourceMappingURL=use-pending-when-edit-mode.mjs.map

package/build-module/components/commands/use-pending-when-edit-mode.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/commands/use-pending-when-edit-mode.ts"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useCallback, useEffect, useRef } from '@wordpress/element';\n\ntype UsePendingWhenEditModeProps = {\n\teditMode: boolean;\n\tonEditChange?: ( next: boolean ) => void;\n};\n\ntype UsePendingWhenEditModeResult = ( action: () => void ) => void;\n\n/**\n * Runs an action immediately when already in edit mode. Otherwise enables\n * edit mode and runs the action after edit mode becomes active.\n *\n * @param {UsePendingWhenEditModeProps} params Current edit mode and the change handler.\n * @return {UsePendingWhenEditModeResult} Runs an action, deferring it until edit mode is active.\n */\nexport function usePendingWhenEditMode( {\n\teditMode,\n\tonEditChange,\n}: UsePendingWhenEditModeProps ): UsePendingWhenEditModeResult {\n\tconst pendingRef = useRef< ( () => void ) | null >( null );\n\tconst wasEditingRef = useRef( editMode );\n\n\tuseEffect( () => {\n\t\tif ( ! wasEditingRef.current && editMode && pendingRef.current ) {\n\t\t\tconst action = pendingRef.current;\n\t\t\tpendingRef.current = null;\n\t\t\taction();\n\t\t}\n\t\twasEditingRef.current = editMode;\n\t}, [ editMode ] );\n\n\treturn useCallback(\n\t\t( action: () => void ) => {\n\t\t\tif ( editMode ) {\n\t\t\t\taction();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tpendingRef.current = action;\n\t\t\tonEditChange?.( true );\n\t\t},\n\t\t[ editMode, onEditChange ]\n\t);\n}\n"],
+  "mappings": ";AAGA,SAAS,aAAa,WAAW,cAAc;AAgBxC,SAAS,uBAAwB;AAAA,EACvC;AAAA,EACA;AACD,GAA+D;AAC9D,QAAM,aAAa,OAAiC,IAAK;AACzD,QAAM,gBAAgB,OAAQ,QAAS;AAEvC,YAAW,MAAM;AAChB,QAAK,CAAE,cAAc,WAAW,YAAY,WAAW,SAAU;AAChE,YAAM,SAAS,WAAW;AAC1B,iBAAW,UAAU;AACrB,aAAO;AAAA,IACR;AACA,kBAAc,UAAU;AAAA,EACzB,GAAG,CAAE,QAAS,CAAE;AAEhB,SAAO;AAAA,IACN,CAAE,WAAwB;AACzB,UAAK,UAAW;AACf,eAAO;AACP;AAAA,MACD;AAEA,iBAAW,UAAU;AACrB,qBAAgB,IAAK;AAAA,IACtB;AAAA,IACA,CAAE,UAAU,YAAa;AAAA,EAC1B;AACD;",
+  "names": []
+}

package/build-module/components/layout-settings/index.mjs

@@ -0,0 +1,6 @@
+// packages/widget-dashboard/src/components/layout-settings/index.ts
+import { LayoutSettings } from "./layout-settings.mjs";
+export {
+  LayoutSettings
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/components/layout-settings/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/layout-settings/index.ts"],
+  "sourcesContent": ["export { LayoutSettings } from './layout-settings';\n"],
+  "mappings": ";AAAA,SAAS,sBAAsB;",
+  "names": []
+}