@wordpress/widget-dashboard 0.1.0

package/build/components/actions-menu/actions-menu.cjs

@@ -0,0 +1,92 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/widget-dashboard/src/components/actions-menu/actions-menu.tsx
+var actions_menu_exports = {};
+__export(actions_menu_exports, {
+  ActionsMenu: () => ActionsMenu
+});
+module.exports = __toCommonJS(actions_menu_exports);
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_icons = require("@wordpress/icons");
+var import_ui = require("@wordpress/ui");
+var import_lock_unlock = require("../../lock-unlock.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var { Menu } = (0, import_lock_unlock.unlock)(import_components.privateApis);
+function ActionsMenuEntry({ item }) {
+  const showDisabledTooltip = item.disabled && item.disabledTooltip;
+  const menuItem = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Menu.Item,
+    {
+      disabled: item.disabled,
+      onClick: item.onClick,
+      render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Button, { variant: "minimal", tone: "neutral" }),
+      children: item.label
+    }
+  );
+  if (!showDisabledTooltip) {
+    return menuItem;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Tooltip.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ui.Tooltip.Trigger,
+      {
+        render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          Menu.Item,
+          {
+            disabled: item.disabled,
+            onClick: item.onClick,
+            render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Button, { variant: "minimal", tone: "neutral" })
+          }
+        ),
+        children: item.label
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Tooltip.Popup, { positioner: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Tooltip.Positioner, { side: "bottom" }), children: item.disabledTooltip })
+  ] });
+}
+function ActionsMenu({ items }) {
+  if (items.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Menu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Menu.TriggerButton,
+      {
+        render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_ui.IconButton,
+          {
+            icon: import_icons.moreVertical,
+            label: (0, import_i18n.__)("More options"),
+            variant: "minimal",
+            tone: "brand",
+            size: "compact"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu.Popover, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Tooltip.Provider, { delay: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu.Group, { children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionsMenuEntry, { item }, index)) }) }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActionsMenu
+});
+//# sourceMappingURL=actions-menu.cjs.map

package/build/components/actions-menu/actions-menu.cjs.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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAqD;AACrD,kBAAmB;AACnB,mBAA6B;AAE7B,gBAA4C;AAK5C,yBAAuB;AA0BX;AAxBZ,IAAM,EAAE,KAAK,QAAI,2BAAQ,kBAAAA,WAAsB;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,4CAAC,oBAAO,SAAQ,WAAU,MAAK,WAAU;AAAA,MAEhD,eAAK;AAAA;AAAA,EACR;AAGD,MAAK,CAAE,qBAAsB;AAC5B,WAAO;AAAA,EACR;AAEA,SACC,6CAAC,kBAAQ,MAAR,EACA;AAAA;AAAA,MAAC,kBAAQ;AAAA,MAAR;AAAA,QACA,QACC;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACA,UAAW,KAAK;AAAA,YAChB,SAAU,KAAK;AAAA,YACf,QAAS,4CAAC,oBAAO,SAAQ,WAAU,MAAK,WAAU;AAAA;AAAA,QACnD;AAAA,QAGC,eAAK;AAAA;AAAA,IACR;AAAA,IACA,4CAAC,kBAAQ,OAAR,EAAc,YAAa,4CAAC,kBAAQ,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,6CAAC,QACA;AAAA;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACA,QACC;AAAA,UAAC;AAAA;AAAA,YACA,MAAO;AAAA,YACP,WAAQ,gBAAI,cAAe;AAAA,YAC3B,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,MAAK;AAAA;AAAA,QACN;AAAA;AAAA,IAEF;AAAA,IACA,4CAAC,KAAK,SAAL,EACA,sDAAC,kBAAQ,UAAR,EAAiB,OAAQ,GACzB,sDAAC,KAAK,OAAL,EACE,gBAAM,IAAK,CAAE,MAAM,UACpB,4CAAC,oBAA+B,QAAR,KAAsB,CAC7C,GACH,GACD,GACD;AAAA,KACD;AAEF;",
+  "names": ["componentsPrivateApis"]
+}

package/build/components/actions-menu/index.cjs

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/widget-dashboard/src/components/actions-menu/index.ts
+var actions_menu_exports = {};
+__export(actions_menu_exports, {
+  ActionsMenu: () => import_actions_menu.ActionsMenu
+});
+module.exports = __toCommonJS(actions_menu_exports);
+var import_actions_menu = require("./actions-menu.cjs");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActionsMenu
+});
+//# sourceMappingURL=index.cjs.map

package/build/components/actions-menu/index.cjs.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;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA4B;",
+  "names": []
+}

package/build/components/commands/commands.cjs

@@ -0,0 +1,177 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/widget-dashboard/src/components/commands/commands.tsx
+var commands_exports = {};
+__export(commands_exports, {
+  Commands: () => Commands,
+  DASHBOARD_COMMAND_CONTEXT: () => DASHBOARD_COMMAND_CONTEXT
+});
+module.exports = __toCommonJS(commands_exports);
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_commands = require("@wordpress/commands");
+var import_icons = require("@wordpress/icons");
+var import_lock_unlock = require("../../lock-unlock.cjs");
+var import_dashboard_context = require("../../context/dashboard-context.cjs");
+var import_ui_context = require("../../context/ui-context.cjs");
+var import_grid_model_change = require("../../utils/grid-model-change/index.cjs");
+var import_use_pending_when_edit_mode = require("./use-pending-when-edit-mode.cjs");
+var { useCommandContext } = (0, import_lock_unlock.unlock)(import_commands.privateApis);
+var DASHBOARD_COMMAND_CONTEXT = "dashboard";
+function Commands() {
+  const {
+    editMode,
+    onEditChange,
+    onLayoutReset,
+    gridSettings,
+    canEditGridSettings,
+    commitGridModelChange
+  } = (0, import_dashboard_context.useDashboardInternalContext)();
+  const { setInserterOpen, setResetDialogOpen } = (0, import_ui_context.useDashboardUIContext)();
+  useCommandContext(DASHBOARD_COMMAND_CONTEXT);
+  const runWhenInEditMode = (0, import_use_pending_when_edit_mode.usePendingWhenEditMode)({
+    editMode,
+    onEditChange
+  });
+  const gridModel = (0, import_grid_model_change.getGridModel)(gridSettings);
+  const isGridLayout = gridModel === "grid";
+  const isMasonryLayout = gridModel === "masonry";
+  const switchToMasonry = (0, import_element.useCallback)(
+    ({ close }) => {
+      close();
+      commitGridModelChange("masonry");
+    },
+    [commitGridModelChange]
+  );
+  const switchToGrid = (0, import_element.useCallback)(
+    ({ close }) => {
+      close();
+      commitGridModelChange("grid");
+    },
+    [commitGridModelChange]
+  );
+  const resetToDefault = (0, import_element.useCallback)(
+    ({ close }) => {
+      close();
+      setResetDialogOpen(true);
+    },
+    [setResetDialogOpen]
+  );
+  const addWidgets = (0, import_element.useCallback)(
+    ({ close }) => {
+      close();
+      runWhenInEditMode(() => {
+        setInserterOpen(true);
+      });
+    },
+    [runWhenInEditMode, setInserterOpen]
+  );
+  const customize = (0, import_element.useCallback)(
+    ({ close }) => {
+      close();
+      onEditChange?.(true);
+    },
+    [onEditChange]
+  );
+  const commands = (0, import_element.useMemo)(
+    () => [
+      {
+        name: "core/dashboard/customize",
+        label: (0, import_i18n.__)("Customize dashboard"),
+        icon: import_icons.layout,
+        category: "command",
+        context: DASHBOARD_COMMAND_CONTEXT,
+        keywords: [(0, import_i18n.__)("edit"), (0, import_i18n.__)("widgets"), (0, import_i18n.__)("layout")],
+        disabled: !onEditChange || editMode,
+        callback: customize
+      },
+      {
+        name: "core/dashboard/add-widgets",
+        label: (0, import_i18n.__)("Add dashboard widgets"),
+        icon: import_icons.plus,
+        category: "command",
+        context: DASHBOARD_COMMAND_CONTEXT,
+        keywords: [(0, import_i18n.__)("widgets"), (0, import_i18n.__)("inserter")],
+        disabled: !onEditChange,
+        callback: addWidgets
+      },
+      {
+        name: "core/dashboard/switch-to-masonry-layout",
+        label: (0, import_i18n.__)("Switch dashboard to masonry layout"),
+        icon: import_icons.columns,
+        category: "command",
+        context: DASHBOARD_COMMAND_CONTEXT,
+        keywords: [
+          (0, import_i18n.__)("layout"),
+          (0, import_i18n.__)("layout model"),
+          (0, import_i18n.__)("masonry")
+        ],
+        disabled: !canEditGridSettings || isMasonryLayout || editMode,
+        callback: switchToMasonry
+      },
+      {
+        name: "core/dashboard/switch-to-grid-layout",
+        label: (0, import_i18n.__)("Switch dashboard to grid layout"),
+        icon: import_icons.grid,
+        category: "command",
+        context: DASHBOARD_COMMAND_CONTEXT,
+        keywords: [
+          (0, import_i18n.__)("layout"),
+          (0, import_i18n.__)("layout model"),
+          (0, import_i18n.__)("grid"),
+          (0, import_i18n.__)("standard grid")
+        ],
+        disabled: !canEditGridSettings || isGridLayout || editMode,
+        callback: switchToGrid
+      },
+      {
+        name: "core/dashboard/reset-to-default",
+        label: (0, import_i18n.__)("Reset dashboard widgets to default"),
+        icon: import_icons.trash,
+        category: "command",
+        context: DASHBOARD_COMMAND_CONTEXT,
+        keywords: [(0, import_i18n.__)("reset"), (0, import_i18n.__)("default")],
+        disabled: !onLayoutReset,
+        callback: resetToDefault
+      }
+    ],
+    [
+      onEditChange,
+      editMode,
+      customize,
+      addWidgets,
+      canEditGridSettings,
+      isMasonryLayout,
+      isGridLayout,
+      switchToMasonry,
+      switchToGrid,
+      onLayoutReset,
+      resetToDefault
+    ]
+  );
+  (0, import_commands.useCommands)(commands);
+  return null;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Commands,
+  DASHBOARD_COMMAND_CONTEXT
+});
+//# sourceMappingURL=commands.cjs.map

package/build/components/commands/commands.cjs.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": ["commandsPrivateApis", "layoutIcon"]
+}

package/build/components/commands/index.cjs

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/widget-dashboard/src/components/commands/index.ts
+var commands_exports = {};
+__export(commands_exports, {
+  Commands: () => import_commands.Commands,
+  DASHBOARD_COMMAND_CONTEXT: () => import_commands.DASHBOARD_COMMAND_CONTEXT
+});
+module.exports = __toCommonJS(commands_exports);
+var import_commands = require("./commands.cjs");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Commands,
+  DASHBOARD_COMMAND_CONTEXT
+});
+//# sourceMappingURL=index.cjs.map

package/build/components/commands/index.cjs.map

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

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

@@ -0,0 +1,57 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/widget-dashboard/src/components/commands/use-pending-when-edit-mode.ts
+var use_pending_when_edit_mode_exports = {};
+__export(use_pending_when_edit_mode_exports, {
+  usePendingWhenEditMode: () => usePendingWhenEditMode
+});
+module.exports = __toCommonJS(use_pending_when_edit_mode_exports);
+var import_element = require("@wordpress/element");
+function usePendingWhenEditMode({
+  editMode,
+  onEditChange
+}) {
+  const pendingRef = (0, import_element.useRef)(null);
+  const wasEditingRef = (0, import_element.useRef)(editMode);
+  (0, import_element.useEffect)(() => {
+    if (!wasEditingRef.current && editMode && pendingRef.current) {
+      const action = pendingRef.current;
+      pendingRef.current = null;
+      action();
+    }
+    wasEditingRef.current = editMode;
+  }, [editMode]);
+  return (0, import_element.useCallback)(
+    (action) => {
+      if (editMode) {
+        action();
+        return;
+      }
+      pendingRef.current = action;
+      onEditChange?.(true);
+    },
+    [editMode, onEditChange]
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  usePendingWhenEditMode
+});
+//# sourceMappingURL=use-pending-when-edit-mode.cjs.map

package/build/components/commands/use-pending-when-edit-mode.cjs.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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA+C;AAgBxC,SAAS,uBAAwB;AAAA,EACvC;AAAA,EACA;AACD,GAA+D;AAC9D,QAAM,iBAAa,uBAAiC,IAAK;AACzD,QAAM,oBAAgB,uBAAQ,QAAS;AAEvC,gCAAW,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,aAAO;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/components/layout-settings/index.cjs

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/widget-dashboard/src/components/layout-settings/index.ts
+var layout_settings_exports = {};
+__export(layout_settings_exports, {
+  LayoutSettings: () => import_layout_settings.LayoutSettings
+});
+module.exports = __toCommonJS(layout_settings_exports);
+var import_layout_settings = require("./layout-settings.cjs");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LayoutSettings
+});
+//# sourceMappingURL=index.cjs.map

package/build/components/layout-settings/index.cjs.map

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