@wordpress/widget-dashboard 0.1.0

package/build/context/ui-context.cjs

@@ -0,0 +1,77 @@
+"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/context/ui-context.tsx
+var ui_context_exports = {};
+__export(ui_context_exports, {
+  WidgetDashboardUIProvider: () => WidgetDashboardUIProvider,
+  useDashboardUIContext: () => useDashboardUIContext
+});
+module.exports = __toCommonJS(ui_context_exports);
+var import_element = require("@wordpress/element");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Context = (0, import_element.createContext)(null);
+function useDashboardUIContext() {
+  const ctx = (0, import_element.useContext)(Context);
+  if (!ctx) {
+    throw new Error(
+      "Dashboard compound used outside a WidgetDashboard subtree."
+    );
+  }
+  return ctx;
+}
+function WidgetDashboardUIProvider({ children }) {
+  const [inserterOpen, setInserterOpen] = (0, import_element.useState)(false);
+  const [layoutSettingsOpen, setLayoutSettingsOpen] = (0, import_element.useState)(false);
+  const [resetDialogOpen, setResetDialogOpen] = (0, import_element.useState)(false);
+  const [settingsWidgetUuid, setSettingsWidgetUuid] = (0, import_element.useState)(null);
+  const [settingsDrawerSide, setSettingsDrawerSide] = (0, import_element.useState)("right");
+  const [settingsDrawerInset, setSettingsDrawerInset] = (0, import_element.useState)(0);
+  const value = (0, import_element.useMemo)(
+    () => ({
+      inserterOpen,
+      setInserterOpen,
+      layoutSettingsOpen,
+      setLayoutSettingsOpen,
+      resetDialogOpen,
+      setResetDialogOpen,
+      settingsWidgetUuid,
+      setSettingsWidgetUuid,
+      settingsDrawerSide,
+      setSettingsDrawerSide,
+      settingsDrawerInset,
+      setSettingsDrawerInset
+    }),
+    [
+      inserterOpen,
+      layoutSettingsOpen,
+      resetDialogOpen,
+      settingsWidgetUuid,
+      settingsDrawerSide,
+      settingsDrawerInset
+    ]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context.Provider, { value, children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WidgetDashboardUIProvider,
+  useDashboardUIContext
+});
+//# sourceMappingURL=ui-context.cjs.map

package/build/context/ui-context.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/context/ui-context.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport type { ReactNode } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseContext,\n\tuseMemo,\n\tuseState,\n} from '@wordpress/element';\n\ntype DrawerSide = 'left' | 'right';\n\ninterface DashboardUIContextValue {\n\tinserterOpen: boolean;\n\tsetInserterOpen: ( next: boolean ) => void;\n\n\tlayoutSettingsOpen: boolean;\n\tsetLayoutSettingsOpen: ( next: boolean ) => void;\n\tresetDialogOpen: boolean;\n\tsetResetDialogOpen: ( next: boolean ) => void;\n\n\t/**\n\t * `uuid` of the instance whose settings drawer is open, or `null`\n\t * when no settings drawer is showing. The per-instance gear in the\n\t * chrome sets it; the single `WidgetSettings` at the root reads\n\t * it.\n\t */\n\tsettingsWidgetUuid: string | null;\n\tsetSettingsWidgetUuid: ( next: string | null ) => void;\n\n\t/**\n\t * Edge the settings drawer slides in from. The gear sets it from the\n\t * widget's on-screen position so the drawer opens on the side away\n\t * from the widget, trying not to cover it.\n\t */\n\tsettingsDrawerSide: DrawerSide;\n\tsetSettingsDrawerSide: ( next: DrawerSide ) => void;\n\n\t/**\n\t * Inline-start inset (px) the settings drawer is offset by when it\n\t * opens from the left, so it clears fixed page chrome (the WordPress\n\t * admin menu) instead of sliding over it. `0` when there's nothing to\n\t * clear.\n\t */\n\tsettingsDrawerInset: number;\n\tsetSettingsDrawerInset: ( next: number ) => void;\n}\n\nconst Context = createContext< DashboardUIContextValue | null >( null );\n\n/**\n * Accesses the shared UI state: overlay open flags and the active settings\n * instance with its placement. Throws when called outside `WidgetDashboard`.\n */\nexport function useDashboardUIContext(): DashboardUIContextValue {\n\tconst ctx = useContext( Context );\n\tif ( ! ctx ) {\n\t\tthrow new Error(\n\t\t\t'Dashboard compound used outside a WidgetDashboard subtree.'\n\t\t);\n\t}\n\treturn ctx;\n}\n\ninterface ProviderProps {\n\tchildren: ReactNode;\n}\n\n/**\n * Holds transient UI state shared across compounds (the inserter modal and\n * the per-instance settings drawer). Kept separate from the data context so\n * that data mutations don't churn the UI state and vice-versa.\n *\n * @param {ProviderProps} props Component props.\n */\nexport function WidgetDashboardUIProvider( { children }: ProviderProps ) {\n\tconst [ inserterOpen, setInserterOpen ] = useState( false );\n\tconst [ layoutSettingsOpen, setLayoutSettingsOpen ] = useState( false );\n\tconst [ resetDialogOpen, setResetDialogOpen ] = useState( false );\n\tconst [ settingsWidgetUuid, setSettingsWidgetUuid ] = useState<\n\t\tstring | null\n\t>( null );\n\tconst [ settingsDrawerSide, setSettingsDrawerSide ] =\n\t\tuseState< DrawerSide >( 'right' );\n\tconst [ settingsDrawerInset, setSettingsDrawerInset ] = useState( 0 );\n\n\tconst value = useMemo< DashboardUIContextValue >(\n\t\t() => ( {\n\t\t\tinserterOpen,\n\t\t\tsetInserterOpen,\n\t\t\tlayoutSettingsOpen,\n\t\t\tsetLayoutSettingsOpen,\n\t\t\tresetDialogOpen,\n\t\t\tsetResetDialogOpen,\n\t\t\tsettingsWidgetUuid,\n\t\t\tsetSettingsWidgetUuid,\n\t\t\tsettingsDrawerSide,\n\t\t\tsetSettingsDrawerSide,\n\t\t\tsettingsDrawerInset,\n\t\t\tsetSettingsDrawerInset,\n\t\t} ),\n\t\t[\n\t\t\tinserterOpen,\n\t\t\tlayoutSettingsOpen,\n\t\t\tresetDialogOpen,\n\t\t\tsettingsWidgetUuid,\n\t\t\tsettingsDrawerSide,\n\t\t\tsettingsDrawerInset,\n\t\t]\n\t);\n\n\treturn <Context.Provider value={ value }>{ children }</Context.Provider>;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,qBAKO;AAuGC;AA/DR,IAAM,cAAU,8BAAiD,IAAK;AAM/D,SAAS,wBAAiD;AAChE,QAAM,UAAM,2BAAY,OAAQ;AAChC,MAAK,CAAE,KAAM;AACZ,UAAM,IAAI;AAAA,MACT;AAAA,IACD;AAAA,EACD;AACA,SAAO;AACR;AAaO,SAAS,0BAA2B,EAAE,SAAS,GAAmB;AACxE,QAAM,CAAE,cAAc,eAAgB,QAAI,yBAAU,KAAM;AAC1D,QAAM,CAAE,oBAAoB,qBAAsB,QAAI,yBAAU,KAAM;AACtE,QAAM,CAAE,iBAAiB,kBAAmB,QAAI,yBAAU,KAAM;AAChE,QAAM,CAAE,oBAAoB,qBAAsB,QAAI,yBAEnD,IAAK;AACR,QAAM,CAAE,oBAAoB,qBAAsB,QACjD,yBAAwB,OAAQ;AACjC,QAAM,CAAE,qBAAqB,sBAAuB,QAAI,yBAAU,CAAE;AAEpE,QAAM,YAAQ;AAAA,IACb,OAAQ;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,IACA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,EACD;AAEA,SAAO,4CAAC,QAAQ,UAAR,EAAiB,OAAkB,UAAU;AACtD;",
+  "names": []
+}

package/build/context/widget-context.cjs

@@ -0,0 +1,44 @@
+"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/context/widget-context.tsx
+var widget_context_exports = {};
+__export(widget_context_exports, {
+  WidgetContextProvider: () => WidgetContextProvider,
+  useWidgetContext: () => useWidgetContext
+});
+module.exports = __toCommonJS(widget_context_exports);
+var import_element = require("@wordpress/element");
+var import_jsx_runtime = require("react/jsx-runtime");
+var WidgetContext = (0, import_element.createContext)(null);
+function WidgetContextProvider({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WidgetContext.Provider, { value, children });
+}
+function useWidgetContext() {
+  return (0, import_element.useContext)(WidgetContext);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WidgetContextProvider,
+  useWidgetContext
+});
+//# sourceMappingURL=widget-context.cjs.map

package/build/context/widget-context.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/context/widget-context.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport type { ReactNode } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WidgetContextValue } from '../types';\n\nconst WidgetContext = createContext< WidgetContextValue | null >( null );\n\ninterface ProviderProps {\n\tvalue: WidgetContextValue;\n\tchildren: ReactNode;\n}\n\n/**\n * Provides the current widget's identity to its render subtree.\n *\n * @param {ProviderProps} props Component props.\n */\nexport function WidgetContextProvider( {\n\tvalue,\n\tchildren,\n}: ProviderProps ): React.ReactNode {\n\treturn (\n\t\t<WidgetContext.Provider value={ value }>\n\t\t\t{ children }\n\t\t</WidgetContext.Provider>\n\t);\n}\n\n/**\n * Returns the current widget's identity (`uuid`, `name`, `index`). Returns\n * `null` when called outside a widget render subtree.\n */\nexport function useWidgetContext(): WidgetContextValue | null {\n\treturn useContext( WidgetContext );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,qBAA0C;AAwBxC;AAjBF,IAAM,oBAAgB,8BAA4C,IAAK;AAYhE,SAAS,sBAAuB;AAAA,EACtC;AAAA,EACA;AACD,GAAoC;AACnC,SACC,4CAAC,cAAc,UAAd,EAAuB,OACrB,UACH;AAEF;AAMO,SAAS,mBAA8C;AAC7D,aAAO,2BAAY,aAAc;AAClC;",
+  "names": []
+}

package/build/hooks/use-dashboard-container-column-count.cjs

@@ -0,0 +1,61 @@
+"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/hooks/use-dashboard-container-column-count.ts
+var use_dashboard_container_column_count_exports = {};
+__export(use_dashboard_container_column_count_exports, {
+  useDashboardContainerColumnCount: () => useDashboardContainerColumnCount
+});
+module.exports = __toCommonJS(use_dashboard_container_column_count_exports);
+var import_compose = require("@wordpress/compose");
+var import_element = require("@wordpress/element");
+var import_resolve_dashboard_column_count = require("../utils/resolve-dashboard-column-count/resolve-dashboard-column-count.cjs");
+function useDashboardContainerColumnCount(forwardedRef) {
+  const [container, setContainer] = (0, import_element.useState)(
+    null
+  );
+  const [containerWidth, setContainerWidth] = (0, import_element.useState)(0);
+  const resizeObserverRef = (0, import_compose.useResizeObserver)(([{ contentRect }]) => {
+    setContainerWidth(contentRect.width);
+  });
+  const containerRef = (0, import_compose.useMergeRefs)([
+    setContainer,
+    resizeObserverRef,
+    forwardedRef ?? null
+  ]);
+  (0, import_element.useLayoutEffect)(() => {
+    if (!container) {
+      return;
+    }
+    const { width } = container.getBoundingClientRect();
+    if (width > 0) {
+      setContainerWidth(width);
+    }
+  }, [container]);
+  const columnCount = (0, import_element.useMemo)(
+    () => (0, import_resolve_dashboard_column_count.resolveDashboardColumnCount)(containerWidth),
+    [containerWidth]
+  );
+  return { containerRef, columnCount };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useDashboardContainerColumnCount
+});
+//# sourceMappingURL=use-dashboard-container-column-count.cjs.map

package/build/hooks/use-dashboard-container-column-count.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/use-dashboard-container-column-count.ts"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useResizeObserver, useMergeRefs } from '@wordpress/compose';\nimport {\n\tuseLayoutEffect,\n\tuseMemo,\n\tuseState,\n\ttype Ref,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { resolveDashboardColumnCount } from '../utils/resolve-dashboard-column-count/resolve-dashboard-column-count';\n\ninterface UseDashboardContainerColumnCountResult {\n\tcontainerRef: Ref< HTMLDivElement >;\n\tcolumnCount: number;\n}\n\n/**\n * Tracks the dashboard grid container width and maps it to an opinionated\n * column count (4 → 2 → 1). Measurement is container-based via\n * `ResizeObserver`, not viewport media queries.\n *\n * @param {Ref< HTMLDivElement >} [forwardedRef] Ref forwarded from the grid wrapper.\n */\nexport function useDashboardContainerColumnCount(\n\tforwardedRef?: Ref< HTMLDivElement >\n): UseDashboardContainerColumnCountResult {\n\tconst [ container, setContainer ] = useState< HTMLDivElement | null >(\n\t\tnull\n\t);\n\tconst [ containerWidth, setContainerWidth ] = useState( 0 );\n\n\tconst resizeObserverRef = useResizeObserver( ( [ { contentRect } ] ) => {\n\t\tsetContainerWidth( contentRect.width );\n\t} );\n\n\tconst containerRef = useMergeRefs( [\n\t\tsetContainer,\n\t\tresizeObserverRef,\n\t\tforwardedRef ?? null,\n\t] );\n\n\tuseLayoutEffect( () => {\n\t\tif ( ! container ) {\n\t\t\treturn;\n\t\t}\n\t\tconst { width } = container.getBoundingClientRect();\n\t\tif ( width > 0 ) {\n\t\t\tsetContainerWidth( width );\n\t\t}\n\t}, [ container ] );\n\n\tconst columnCount = useMemo(\n\t\t() => resolveDashboardColumnCount( containerWidth ),\n\t\t[ containerWidth ]\n\t);\n\n\treturn { containerRef, columnCount };\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAgD;AAChD,qBAKO;AAKP,4CAA4C;AAcrC,SAAS,iCACf,cACyC;AACzC,QAAM,CAAE,WAAW,YAAa,QAAI;AAAA,IACnC;AAAA,EACD;AACA,QAAM,CAAE,gBAAgB,iBAAkB,QAAI,yBAAU,CAAE;AAE1D,QAAM,wBAAoB,kCAAmB,CAAE,CAAE,EAAE,YAAY,CAAE,MAAO;AACvE,sBAAmB,YAAY,KAAM;AAAA,EACtC,CAAE;AAEF,QAAM,mBAAe,6BAAc;AAAA,IAClC;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,EACjB,CAAE;AAEF,sCAAiB,MAAM;AACtB,QAAK,CAAE,WAAY;AAClB;AAAA,IACD;AACA,UAAM,EAAE,MAAM,IAAI,UAAU,sBAAsB;AAClD,QAAK,QAAQ,GAAI;AAChB,wBAAmB,KAAM;AAAA,IAC1B;AAAA,EACD,GAAG,CAAE,SAAU,CAAE;AAEjB,QAAM,kBAAc;AAAA,IACnB,UAAM,mEAA6B,cAAe;AAAA,IAClD,CAAE,cAAe;AAAA,EAClB;AAEA,SAAO,EAAE,cAAc,YAAY;AACpC;",
+  "names": []
+}

package/build/index.cjs

@@ -0,0 +1,45 @@
+"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/index.ts
+var index_exports = {};
+__export(index_exports, {
+  DEFAULT_GRID: () => import_default_grid.DEFAULT_GRID,
+  DEFAULT_ROW_HEIGHT: () => import_row_height_presets.DEFAULT_ROW_HEIGHT,
+  ROW_HEIGHT_PRESETS: () => import_row_height_presets.ROW_HEIGHT_PRESETS,
+  WIDGET_DASHBOARD_COLUMN_COUNT: () => import_types.WIDGET_DASHBOARD_COLUMN_COUNT,
+  WidgetDashboard: () => import_widget_dashboard.WidgetDashboard,
+  normalizeGridSettings: () => import_normalize_grid_settings.normalizeGridSettings
+});
+module.exports = __toCommonJS(index_exports);
+var import_widget_dashboard = require("./widget-dashboard.cjs");
+var import_types = require("./types.cjs");
+var import_default_grid = require("./utils/default-grid/index.cjs");
+var import_normalize_grid_settings = require("./utils/normalize-grid-settings/index.cjs");
+var import_row_height_presets = require("./utils/row-height-presets/index.cjs");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_GRID,
+  DEFAULT_ROW_HEIGHT,
+  ROW_HEIGHT_PRESETS,
+  WIDGET_DASHBOARD_COLUMN_COUNT,
+  WidgetDashboard,
+  normalizeGridSettings
+});
+//# sourceMappingURL=index.cjs.map

package/build/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts"],
+  "sourcesContent": ["export { WidgetDashboard } from './widget-dashboard';\nexport type { DashboardWidget, WidgetGridSettings } from './types';\nexport { WIDGET_DASHBOARD_COLUMN_COUNT } from './types';\nexport { DEFAULT_GRID } from './utils/default-grid';\nexport { normalizeGridSettings } from './utils/normalize-grid-settings';\nexport {\n\tROW_HEIGHT_PRESETS,\n\tDEFAULT_ROW_HEIGHT,\n} from './utils/row-height-presets';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAgC;AAEhC,mBAA8C;AAC9C,0BAA6B;AAC7B,qCAAsC;AACtC,gCAGO;",
+  "names": []
+}

package/build/lock-unlock.cjs

@@ -0,0 +1,37 @@
+"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/lock-unlock.ts
+var lock_unlock_exports = {};
+__export(lock_unlock_exports, {
+  lock: () => lock,
+  unlock: () => unlock
+});
+module.exports = __toCommonJS(lock_unlock_exports);
+var import_private_apis = require("@wordpress/private-apis");
+var { lock, unlock } = (0, import_private_apis.__dangerousOptInToUnstableAPIsOnlyForCoreModules)(
+  "I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.",
+  "@wordpress/widget-dashboard"
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  lock,
+  unlock
+});
+//# sourceMappingURL=lock-unlock.cjs.map

package/build/lock-unlock.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/lock-unlock.ts"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __dangerousOptInToUnstableAPIsOnlyForCoreModules } from '@wordpress/private-apis';\n\nexport const { lock, unlock } =\n\t__dangerousOptInToUnstableAPIsOnlyForCoreModules(\n\t\t'I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.',\n\t\t'@wordpress/widget-dashboard'\n\t);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAAiE;AAE1D,IAAM,EAAE,MAAM,OAAO,QAC3B;AAAA,EACC;AAAA,EACA;AACD;",
+  "names": []
+}

package/build/types.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/types.ts
+var types_exports = {};
+__export(types_exports, {
+  WIDGET_DASHBOARD_COLUMN_COUNT: () => WIDGET_DASHBOARD_COLUMN_COUNT
+});
+module.exports = __toCommonJS(types_exports);
+var WIDGET_DASHBOARD_COLUMN_COUNT = 4;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WIDGET_DASHBOARD_COLUMN_COUNT
+});
+//# sourceMappingURL=types.cjs.map

package/build/types.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/types.ts"],
+  "sourcesContent": ["/**\n * Dashboard-specific types: `DashboardWidget`, grid settings, and the\n * `WidgetDashboard` prop bag.\n *\n * The widget contract types (`WidgetName`, `WidgetType`, `WidgetRenderProps`,\n * `ResolveWidgetModule`) live in `@wordpress/widget-primitives` and are\n * imported from there directly; this module does not re-export them.\n */\n\n/**\n * External dependencies\n */\nimport type { ReactNode } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport type {\n\tDashboardGridLayoutItem,\n\tDashboardLanesLayoutItem,\n} from '@wordpress/grid';\nimport type {\n\tWidgetName,\n\tWidgetType,\n\tResolveWidgetModule,\n} from '@wordpress/widget-primitives';\n\nexport type GridTilePlacement = Omit< DashboardGridLayoutItem, 'key' >;\nexport type MasonryTilePlacement = Omit< DashboardLanesLayoutItem, 'key' >;\n\n/**\n * Storage shape for a widget's placement.\n *\n * Structurally a union of every supported per-model shape, but the\n * intended invariant is stronger than the type suggests: every\n * placement in a given layout must match the shape of the currently\n * active `gridSettings.model`. `migrateLayout` is the only correct\n * way to transition placements across model changes; the render\n * layer is allowed to trust the active model and treat each\n * placement as the matching shape.\n *\n * The type system cannot enforce that invariant on its own (there is\n * no discriminator on the placement itself), so consider this union a\n * declaration of which shapes are *valid*, not which shape any given\n * placement happens to be at runtime.\n */\nexport type DashboardTilePlacement = GridTilePlacement | MasonryTilePlacement;\n\n/**\n * A widget placed on the dashboard.\n *\n * A `WidgetType` describes the blueprint. A `DashboardWidget` is a\n * concrete placement of that type on a specific dashboard: its unique\n * id, the type it references, user-configured attributes, and its\n * `placement` in the grid.\n */\nexport interface DashboardWidget< Item = unknown > {\n\t/**\n\t * Unique instance identifier.\n\t */\n\tuuid: string;\n\n\t/**\n\t * Widget type name — must match a `WidgetType.name` in `widgetTypes`.\n\t */\n\ttype: WidgetName;\n\n\t/**\n\t * User-configured attributes for this instance.\n\t */\n\tattributes?: Item;\n\n\t/**\n\t * Grid-model-specific placement (column/row spans, ordering,\n\t * etc.). Must match the shape implied by the dashboard's active\n\t * `gridSettings.model`; see `DashboardTilePlacement` for the\n\t * invariant and `migrateLayout` for the transition mechanism.\n\t */\n\tplacement?: DashboardTilePlacement;\n}\n\n/**\n * Identity of a widget within the rendering tree. Returned by\n * `useWidgetContext()`; `null` when called outside a widget render subtree.\n */\nexport interface WidgetContextValue {\n\t/**\n\t * Widget instance id.\n\t */\n\tuuid: string;\n\n\t/**\n\t * Widget type name.\n\t */\n\tname: WidgetName;\n\n\t/**\n\t * Index of the widget in the `layout` array.\n\t */\n\tindex: number;\n}\n\n/**\n * Identifier for the active grid model. Drives which `@wordpress/grid`\n * surface the dashboard mounts and which per-model settings the\n * `WidgetGridSettings` union admits.\n *\n * Model names describe user-facing concepts. The mapping to the\n * underlying `@wordpress/grid` component is an implementation detail\n * resolved in the render layer; `'masonry'` is rendered today through\n * `DashboardLanes` (skyline placement) but could swap to a future\n * native `display: grid-lanes` path without affecting the model name.\n */\nexport type WidgetGridModel = 'grid' | 'masonry';\n\n/**\n * Maximum column count for the widget dashboard on wide containers.\n * Not exposed in layout settings; container width steps the count down\n * to two and one column at fixed breakpoints.\n */\nexport const WIDGET_DASHBOARD_COLUMN_COUNT = 4;\n\n/**\n * Settings common to every grid model. Column count is resolved from\n * the dashboard container width (see\n * `utils/resolve-dashboard-column-count`). `columns` and `minColumnWidth`\n * on this type remain for persisted payloads and `@wordpress/grid`\n * compatibility; the dashboard ignores user-facing values for both.\n *\n * `spacing` is intentionally absent: the gap between tiles is\n * presentational and lives with the design-system theme/density, not\n * with per-dashboard settings. The grid surface keeps the prop for\n * programmatic overrides, but the dashboard does not propagate it.\n */\ninterface BaseWidgetGridSettings {\n\t/**\n\t * Target column count (cap). The dashboard always uses\n\t * {@link WIDGET_DASHBOARD_COLUMN_COUNT}; persisted values are ignored.\n\t */\n\tcolumns?: number;\n\n\t/**\n\t * Per-tile minimum width in pixels. Unused by the dashboard; column\n\t * count is derived from container width instead.\n\t */\n\tminColumnWidth?: number;\n}\n\n/**\n * 2D packed grid settings. Items declare explicit width and height\n * spans; rows use a uniform track height via `rowHeight`.\n */\nexport interface WidgetGridLayoutSettings extends BaseWidgetGridSettings {\n\tmodel?: 'grid';\n\n\t/**\n\t * Row height in pixels (`200` small, `300` medium, `400` large). Every\n\t * tile in a row fills the row vertically.\n\t */\n\trowHeight?: number;\n}\n\n/**\n * Masonry settings. Heights are content-driven; resize is\n * horizontal-only. `flowTolerance` tunes how aggressively the placer\n * preserves source order vs. minimizing empty regions.\n */\nexport interface WidgetMasonryLayoutSettings extends BaseWidgetGridSettings {\n\tmodel: 'masonry';\n\n\t/**\n\t * Pixel tolerance for source-order tiebreaking when two candidate\n\t * columns have similar baselines.\n\t */\n\tflowTolerance?: number;\n}\n\n/**\n * Discriminated union of supported grid-model configurations.\n *\n * When `model` is omitted the dashboard treats the settings as the\n * 2D packed grid (`'grid'`) for backwards compatibility with the\n * pre-union shape.\n */\nexport type WidgetGridSettings =\n\t| WidgetGridLayoutSettings\n\t| WidgetMasonryLayoutSettings;\n\n/**\n * Props for `WidgetDashboard`.\n *\n * The consumer owns the committed layout state; the dashboard maintains\n * a staging copy internally for in-progress edits, and `onLayoutChange`\n * fires only when the user commits via the Done action.\n */\nexport interface WidgetDashboardProps {\n\t/**\n\t * Widget instances to render. Consumer owns this state.\n\t */\n\tlayout: DashboardWidget[];\n\n\t/**\n\t * Called when the user commits in-progress edits via the Done action.\n\t * Receives the full layout array as it should be persisted. In-progress\n\t * mutations (reorder, resize, add, remove, attribute edits) accumulate\n\t * in the dashboard's internal staging layer and do not fire this\n\t * callback until commit.\n\t */\n\tonLayoutChange: ( layout: DashboardWidget[] ) => void;\n\n\t/**\n\t * Called when the layout is reset to the default.\n\t */\n\tonLayoutReset?: () => void;\n\n\t/**\n\t * Widget types available for rendering. The dashboard never queries a\n\t * store directly — consumers scope and filter via this prop.\n\t */\n\twidgetTypes: WidgetType[];\n\n\t/**\n\t * When true, widget types are still loading. Instances whose type is\n\t * not yet in `widgetTypes` show a loading state instead of missing.\n\t */\n\tisResolvingWidgetTypes?: boolean;\n\n\t/**\n\t * Whether the dashboard is in edit mode (enables drag/resize).\n\t */\n\teditMode?: boolean;\n\n\t/**\n\t * Called when edit mode toggles via `WidgetDashboard.Actions`.\n\t */\n\tonEditChange?: ( next: boolean ) => void;\n\n\t/**\n\t * Overrides the default `import()` resolution of\n\t * `WidgetType.renderModule`. Useful for tests, Storybook, or future\n\t * remote-URL loading.\n\t */\n\tresolveWidgetModule?: ResolveWidgetModule;\n\n\t/**\n\t * Grid model configuration. See `WidgetGridSettings` for the shape.\n\t */\n\tgridSettings?: WidgetGridSettings;\n\n\t/**\n\t * Called when the user commits in-progress grid-settings edits via\n\t * the Done action. The dashboard maintains a staging copy of\n\t * settings internally; mutations stay local until commit. When\n\t * omitted, the `Layout settings` button in the customize toolbar is\n\t * hidden, since there is nowhere to persist the change.\n\t */\n\tonGridSettingsChange?: ( gridSettings: WidgetGridSettings ) => void;\n\n\tchildren?: ReactNode;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwHO,IAAM,gCAAgC;",
+  "names": []
+}

package/build/utils/create-dashboard-widget/create-dashboard-widget.cjs

@@ -0,0 +1,44 @@
+"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/utils/create-dashboard-widget/create-dashboard-widget.ts
+var create_dashboard_widget_exports = {};
+__export(create_dashboard_widget_exports, {
+  createDashboardWidget: () => createDashboardWidget
+});
+module.exports = __toCommonJS(create_dashboard_widget_exports);
+var import_uuid = require("uuid");
+var DEFAULT_PLACEMENT = {
+  width: 1,
+  height: 2,
+  order: 0
+};
+function createDashboardWidget(widgetType, initialAttributes) {
+  return {
+    uuid: (0, import_uuid.v4)(),
+    type: widgetType.name,
+    attributes: initialAttributes ?? widgetType.example?.attributes,
+    placement: DEFAULT_PLACEMENT
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createDashboardWidget
+});
+//# sourceMappingURL=create-dashboard-widget.cjs.map

package/build/utils/create-dashboard-widget/create-dashboard-widget.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/create-dashboard-widget/create-dashboard-widget.ts"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { v4 as uuid } from 'uuid';\n\n/**\n * WordPress dependencies\n */\nimport type { WidgetType } from '@wordpress/widget-primitives';\n\n/**\n * Internal dependencies\n */\nimport type { DashboardWidget, GridTilePlacement } from '../../types';\n\nconst DEFAULT_PLACEMENT: GridTilePlacement = {\n\twidth: 1,\n\theight: 2,\n\torder: 0,\n};\n\n/**\n * Create a new dashboard widget from a widget type.\n *\n * Generates a unique id and applies default placement. If no initial\n * attributes are provided, falls back to the type's `example.attributes`\n * (matching the `widget.json` schema).\n *\n * @param widgetType        Source widget type.\n * @param initialAttributes Initial attributes; default to the type's example.\n */\nexport function createDashboardWidget< T >(\n\twidgetType: WidgetType,\n\tinitialAttributes?: T\n): DashboardWidget< T > {\n\treturn {\n\t\tuuid: uuid(),\n\t\ttype: widgetType.name,\n\t\tattributes:\n\t\t\tinitialAttributes ?? ( widgetType.example?.attributes as T ),\n\t\tplacement: DEFAULT_PLACEMENT,\n\t};\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA2B;AAY3B,IAAM,oBAAuC;AAAA,EAC5C,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACR;AAYO,SAAS,sBACf,YACA,mBACuB;AACvB,SAAO;AAAA,IACN,UAAM,YAAAA,IAAK;AAAA,IACX,MAAM,WAAW;AAAA,IACjB,YACC,qBAAuB,WAAW,SAAS;AAAA,IAC5C,WAAW;AAAA,EACZ;AACD;",
+  "names": ["uuid"]
+}

package/build/utils/create-dashboard-widget/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/utils/create-dashboard-widget/index.ts
+var create_dashboard_widget_exports = {};
+__export(create_dashboard_widget_exports, {
+  createDashboardWidget: () => import_create_dashboard_widget.createDashboardWidget
+});
+module.exports = __toCommonJS(create_dashboard_widget_exports);
+var import_create_dashboard_widget = require("./create-dashboard-widget.cjs");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createDashboardWidget
+});
+//# sourceMappingURL=index.cjs.map

package/build/utils/create-dashboard-widget/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/create-dashboard-widget/index.ts"],
+  "sourcesContent": ["export { createDashboardWidget } from './create-dashboard-widget';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAAsC;",
+  "names": []
+}

package/build/utils/default-grid/default-grid.cjs

@@ -0,0 +1,37 @@
+"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/utils/default-grid/default-grid.ts
+var default_grid_exports = {};
+__export(default_grid_exports, {
+  DEFAULT_GRID: () => DEFAULT_GRID
+});
+module.exports = __toCommonJS(default_grid_exports);
+var import_types = require("../../types.cjs");
+var import_row_height_presets = require("../row-height-presets/index.cjs");
+var DEFAULT_GRID = {
+  model: "grid",
+  columns: import_types.WIDGET_DASHBOARD_COLUMN_COUNT,
+  rowHeight: import_row_height_presets.DEFAULT_ROW_HEIGHT
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_GRID
+});
+//# sourceMappingURL=default-grid.cjs.map

package/build/utils/default-grid/default-grid.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/default-grid/default-grid.ts"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport type { WidgetGridSettings } from '../../types';\nimport { WIDGET_DASHBOARD_COLUMN_COUNT } from '../../types';\nimport { DEFAULT_ROW_HEIGHT } from '../row-height-presets';\n\n/**\n * Canonical default grid settings. Applied by the dashboard when the\n * consumer omits `gridSettings`, and the baseline hosts should treat as\n * the factory default when persisting their own copy.\n */\nexport const DEFAULT_GRID: WidgetGridSettings = {\n\tmodel: 'grid',\n\tcolumns: WIDGET_DASHBOARD_COLUMN_COUNT,\n\trowHeight: DEFAULT_ROW_HEIGHT,\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAA8C;AAC9C,gCAAmC;AAO5B,IAAM,eAAmC;AAAA,EAC/C,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AACZ;",
+  "names": []
+}

package/build/utils/default-grid/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/utils/default-grid/index.ts
+var default_grid_exports = {};
+__export(default_grid_exports, {
+  DEFAULT_GRID: () => import_default_grid.DEFAULT_GRID
+});
+module.exports = __toCommonJS(default_grid_exports);
+var import_default_grid = require("./default-grid.cjs");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_GRID
+});
+//# sourceMappingURL=index.cjs.map

package/build/utils/default-grid/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/default-grid/index.ts"],
+  "sourcesContent": ["export { DEFAULT_GRID } from './default-grid';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA6B;",
+  "names": []
+}

package/build/utils/grid-model-change/grid-model-change.cjs

@@ -0,0 +1,56 @@
+"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/utils/grid-model-change/grid-model-change.ts
+var grid_model_change_exports = {};
+__export(grid_model_change_exports, {
+  computeGridModelChange: () => computeGridModelChange,
+  getGridModel: () => getGridModel
+});
+module.exports = __toCommonJS(grid_model_change_exports);
+var import_migrate_layout = require("../migrate-layout/index.cjs");
+var import_types = require("../../types.cjs");
+function getGridModel(settings) {
+  return settings.model ?? "grid";
+}
+function computeGridModelChange({
+  layout,
+  gridSettings,
+  targetModel
+}) {
+  const currentModel = getGridModel(gridSettings);
+  if (currentModel === targetModel) {
+    return null;
+  }
+  return {
+    layout: (0, import_migrate_layout.migrateLayout)(layout, currentModel, targetModel, {
+      columns: import_types.WIDGET_DASHBOARD_COLUMN_COUNT
+    }),
+    gridSettings: {
+      ...gridSettings,
+      model: targetModel
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  computeGridModelChange,
+  getGridModel
+});
+//# sourceMappingURL=grid-model-change.cjs.map

package/build/utils/grid-model-change/grid-model-change.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/grid-model-change/grid-model-change.ts"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { migrateLayout } from '../migrate-layout';\nimport type {\n\tDashboardWidget,\n\tWidgetGridModel,\n\tWidgetGridSettings,\n} from '../../types';\nimport { WIDGET_DASHBOARD_COLUMN_COUNT } from '../../types';\n\nexport function getGridModel( settings: WidgetGridSettings ): WidgetGridModel {\n\treturn settings.model ?? 'grid';\n}\n\ntype ComputeGridModelChangeProps = {\n\tlayout: DashboardWidget[];\n\tgridSettings: WidgetGridSettings;\n\ttargetModel: WidgetGridModel;\n};\n\ntype ComputeGridModelChangeResult = {\n\tlayout: DashboardWidget[];\n\tgridSettings: WidgetGridSettings;\n} | null;\n\n/**\n * Computes the staged layout and grid settings after a layout-model change.\n *\n * @param {ComputeGridModelChangeProps} params Layout, current settings, and target model.\n * @return {ComputeGridModelChangeResult} Migrated layout and settings, or `null` when the model is unchanged.\n */\nexport function computeGridModelChange( {\n\tlayout,\n\tgridSettings,\n\ttargetModel,\n}: ComputeGridModelChangeProps ): ComputeGridModelChangeResult {\n\tconst currentModel = getGridModel( gridSettings );\n\n\tif ( currentModel === targetModel ) {\n\t\treturn null;\n\t}\n\n\treturn {\n\t\tlayout: migrateLayout( layout, currentModel, targetModel, {\n\t\t\tcolumns: WIDGET_DASHBOARD_COLUMN_COUNT,\n\t\t} ),\n\t\tgridSettings: {\n\t\t\t...gridSettings,\n\t\t\tmodel: targetModel,\n\t\t} as WidgetGridSettings,\n\t};\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,4BAA8B;AAM9B,mBAA8C;AAEvC,SAAS,aAAc,UAAgD;AAC7E,SAAO,SAAS,SAAS;AAC1B;AAmBO,SAAS,uBAAwB;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AACD,GAA+D;AAC9D,QAAM,eAAe,aAAc,YAAa;AAEhD,MAAK,iBAAiB,aAAc;AACnC,WAAO;AAAA,EACR;AAEA,SAAO;AAAA,IACN,YAAQ,qCAAe,QAAQ,cAAc,aAAa;AAAA,MACzD,SAAS;AAAA,IACV,CAAE;AAAA,IACF,cAAc;AAAA,MACb,GAAG;AAAA,MACH,OAAO;AAAA,IACR;AAAA,EACD;AACD;",
+  "names": []
+}