@payloadcms/ui 4.0.0-internal.1f9ae9a → 4.0.0-internal.293e026

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.js

@@ -0,0 +1,80 @@
+import React from 'react';
+import { RenderServerComponent } from '../../../../../elements/RenderServerComponent/index.js';
+import { extractLocaleData } from '../utils/localeUtils.js';
+/**
+ * Server function to render a widget on-demand.
+ * Similar to render-field but specifically for dashboard widgets.
+ */
+export const renderWidgetHandler = ({
+  cookies,
+  locale,
+  permissions,
+  req,
+  widgetData,
+  widgetSlug
+}) => {
+  if (!req.user) {
+    throw new Error('Unauthorized');
+  }
+  const {
+    widgets
+  } = req.payload.config.admin.dashboard;
+  const {
+    importMap
+  } = req.payload;
+  // Find the widget configuration
+  const widgetConfig = widgets.find(widget => widget.slug === widgetSlug);
+  if (!widgetConfig) {
+    return {
+      component: React.createElement('div', {
+        style: {
+          background: 'var(--theme-elevation-50)',
+          border: '1px solid var(--theme-elevation-200)',
+          borderRadius: '4px',
+          color: 'var(--theme-text)',
+          padding: '20px',
+          textAlign: 'center'
+        }
+      }, `Widget "${widgetSlug}" not found`)
+    };
+  }
+  try {
+    const localeFilteredData = widgetConfig.fields?.length ? extractLocaleData(widgetData || {}, req.locale || 'en', widgetConfig.fields) : widgetData || {};
+    const serverProps = {
+      cookies,
+      locale,
+      permissions,
+      req,
+      widgetData: localeFilteredData,
+      widgetSlug
+    };
+    // Render the widget server component
+    const component = RenderServerComponent({
+      Component: widgetConfig.Component,
+      importMap,
+      serverProps
+    });
+    return {
+      component
+    };
+  } catch (error) {
+    const errorMessage = error instanceof Error ? error.message : String(error);
+    req.payload.logger.error({
+      err: error,
+      msg: `Error rendering widget "${widgetSlug}": ${errorMessage}`
+    });
+    return {
+      component: React.createElement('div', {
+        style: {
+          background: 'var(--theme-error-50)',
+          border: '1px solid var(--theme-error-200)',
+          borderRadius: '4px',
+          color: 'var(--theme-error-text)',
+          padding: '20px',
+          textAlign: 'center'
+        }
+      }, 'Error loading widget')
+    };
+  }
+};
+//# sourceMappingURL=renderWidgetServerFn.js.map

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderWidgetServerFn.js","names":["React","RenderServerComponent","extractLocaleData","renderWidgetHandler","cookies","locale","permissions","req","widgetData","widgetSlug","user","Error","widgets","payload","config","admin","dashboard","importMap","widgetConfig","find","widget","slug","component","createElement","style","background","border","borderRadius","color","padding","textAlign","localeFilteredData","fields","length","serverProps","Component","error","errorMessage","message","String","logger","err","msg"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.ts"],"sourcesContent":["import type { Field, ServerFunction, WidgetServerProps } from 'payload'\n\nimport React from 'react'\n\nimport { RenderServerComponent } from '../../../../../elements/RenderServerComponent/index.js'\nimport { extractLocaleData } from '../utils/localeUtils.js'\n\nexport type RenderWidgetServerFnArgs = {\n  /**\n   * Instance-specific data for this widget\n   */\n  widgetData?: Record<string, unknown>\n  /**\n   * The slug of the widget to render\n   */\n  widgetSlug: string\n}\n\nexport type RenderWidgetServerFnReturnType = {\n  component: React.ReactNode\n}\n\n/**\n * Server function to render a widget on-demand.\n * Similar to render-field but specifically for dashboard widgets.\n */\nexport const renderWidgetHandler: ServerFunction<\n  RenderWidgetServerFnArgs,\n  RenderWidgetServerFnReturnType\n> = ({ cookies, locale, permissions, req, widgetData, widgetSlug }) => {\n  if (!req.user) {\n    throw new Error('Unauthorized')\n  }\n\n  const { widgets } = req.payload.config.admin.dashboard\n  const { importMap } = req.payload\n\n  // Find the widget configuration\n  const widgetConfig = widgets.find((widget) => widget.slug === widgetSlug)\n\n  if (!widgetConfig) {\n    return {\n      component: React.createElement(\n        'div',\n        {\n          style: {\n            background: 'var(--theme-elevation-50)',\n            border: '1px solid var(--theme-elevation-200)',\n            borderRadius: '4px',\n            color: 'var(--theme-text)',\n            padding: '20px',\n            textAlign: 'center',\n          },\n        },\n        `Widget \"${widgetSlug}\" not found`,\n      ),\n    }\n  }\n\n  try {\n    const localeFilteredData = widgetConfig.fields?.length\n      ? extractLocaleData(widgetData || {}, req.locale || 'en', widgetConfig.fields)\n      : widgetData || {}\n\n    const serverProps: WidgetServerProps = {\n      cookies,\n      locale,\n      permissions,\n      req,\n      widgetData: localeFilteredData,\n      widgetSlug,\n    }\n\n    // Render the widget server component\n    const component = RenderServerComponent({\n      Component: widgetConfig.Component,\n      importMap,\n      serverProps,\n    })\n\n    return { component }\n  } catch (error) {\n    const errorMessage = error instanceof Error ? error.message : String(error)\n\n    req.payload.logger.error({\n      err: error,\n      msg: `Error rendering widget \"${widgetSlug}\": ${errorMessage}`,\n    })\n\n    return {\n      component: React.createElement(\n        'div',\n        {\n          style: {\n            background: 'var(--theme-error-50)',\n            border: '1px solid var(--theme-error-200)',\n            borderRadius: '4px',\n            color: 'var(--theme-error-text)',\n            padding: '20px',\n            textAlign: 'center',\n          },\n        },\n        'Error loading widget',\n      ),\n    }\n  }\n}\n"],"mappings":"AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,iBAAiB,QAAQ;AAiBlC;;;;AAIA,OAAO,MAAMC,mBAAA,GAGTA,CAAC;EAAEC,OAAO;EAAEC,MAAM;EAAEC,WAAW;EAAEC,GAAG;EAAEC,UAAU;EAAEC;AAAU,CAAE;EAChE,IAAI,CAACF,GAAA,CAAIG,IAAI,EAAE;IACb,MAAM,IAAIC,KAAA,CAAM;EAClB;EAEA,MAAM;IAAEC;EAAO,CAAE,GAAGL,GAAA,CAAIM,OAAO,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS;EACtD,MAAM;IAAEC;EAAS,CAAE,GAAGV,GAAA,CAAIM,OAAO;EAEjC;EACA,MAAMK,YAAA,GAAeN,OAAA,CAAQO,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOC,IAAI,KAAKZ,UAAA;EAE9D,IAAI,CAACS,YAAA,EAAc;IACjB,OAAO;MACLI,SAAA,EAAWtB,KAAA,CAAMuB,aAAa,CAC5B,OACA;QACEC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,MAAA,EAAQ;UACRC,YAAA,EAAc;UACdC,KAAA,EAAO;UACPC,OAAA,EAAS;UACTC,SAAA,EAAW;QACb;MACF,GACA,WAAWrB,UAAA,aAAuB;IAEtC;EACF;EAEA,IAAI;IACF,MAAMsB,kBAAA,GAAqBb,YAAA,CAAac,MAAM,EAAEC,MAAA,GAC5C/B,iBAAA,CAAkBM,UAAA,IAAc,CAAC,GAAGD,GAAA,CAAIF,MAAM,IAAI,MAAMa,YAAA,CAAac,MAAM,IAC3ExB,UAAA,IAAc,CAAC;IAEnB,MAAM0B,WAAA,GAAiC;MACrC9B,OAAA;MACAC,MAAA;MACAC,WAAA;MACAC,GAAA;MACAC,UAAA,EAAYuB,kBAAA;MACZtB;IACF;IAEA;IACA,MAAMa,SAAA,GAAYrB,qBAAA,CAAsB;MACtCkC,SAAA,EAAWjB,YAAA,CAAaiB,SAAS;MACjClB,SAAA;MACAiB;IACF;IAEA,OAAO;MAAEZ;IAAU;EACrB,EAAE,OAAOc,KAAA,EAAO;IACd,MAAMC,YAAA,GAAeD,KAAA,YAAiBzB,KAAA,GAAQyB,KAAA,CAAME,OAAO,GAAGC,MAAA,CAAOH,KAAA;IAErE7B,GAAA,CAAIM,OAAO,CAAC2B,MAAM,CAACJ,KAAK,CAAC;MACvBK,GAAA,EAAKL,KAAA;MACLM,GAAA,EAAK,2BAA2BjC,UAAA,MAAgB4B,YAAA;IAClD;IAEA,OAAO;MACLf,SAAA,EAAWtB,KAAA,CAAMuB,aAAa,CAC5B,OACA;QACEC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,MAAA,EAAQ;UACRC,YAAA,EAAc;UACdC,KAAA,EAAO;UACPC,OAAA,EAAS;UACTC,SAAA,EAAW;QACb;MACF,GACA;IAEJ;EACF;AACF","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/useDashboardLayout.d.ts

@@ -0,0 +1,21 @@
+import type { WidgetWidth } from 'payload';
+import React from 'react';
+import type { WidgetInstanceClient } from './index.client.js';
+export declare function useDashboardLayout(initialLayout: WidgetInstanceClient[]): {
+    addWidget: (widgetSlug: string) => void;
+    cancel: () => void;
+    cancelModal: React.FunctionComponentElement<import("../../../../elements/ConfirmationModal/index.js").ConfirmationModalProps>;
+    currentLayout: WidgetInstanceClient[];
+    deleteWidget: (widgetId: string) => void;
+    isEditing: boolean;
+    moveWidget: ({ moveFromIndex, moveToIndex }: {
+        moveFromIndex: number;
+        moveToIndex: number;
+    }) => void;
+    resetLayout: () => Promise<void>;
+    resizeWidget: (widgetId: string, newWidth: WidgetWidth) => void;
+    saveLayout: () => Promise<void>;
+    setIsEditing: React.Dispatch<React.SetStateAction<boolean>>;
+    updateWidgetData: (widgetId: string, data: Record<string, unknown>) => void;
+};
+//# sourceMappingURL=useDashboardLayout.d.ts.map

package/dist/views/Dashboard/Default/ModularDashboard/useDashboardLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDashboardLayout.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/useDashboardLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,OAAO,KAA2C,MAAM,OAAO,CAAA;AAG/D,OAAO,KAAK,EAAE,oBAAoB,EAAc,MAAM,mBAAmB,CAAA;AAWzE,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,oBAAoB,EAAE;4BAuFvD,MAAM;;;;6BAkDR,MAAM;;iDA/DgB;QAAE,aAAa,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE;;6BAyEpE,MAAM,YAAY,WAAW;;;iCAsB7B,MAAM,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;EA+CnD"}

package/dist/views/Dashboard/Default/ModularDashboard/useDashboardLayout.js

@@ -0,0 +1,194 @@
+import { arrayMove } from '@dnd-kit/sortable';
+import { PREFERENCE_KEYS } from 'payload/shared';
+import React, { useCallback, useEffect, useState } from 'react';
+import { toast } from 'sonner';
+import { ConfirmationModal } from '../../../../elements/ConfirmationModal/index.js';
+import { useModal } from '../../../../elements/Modal/index.js';
+import { useConfig } from '../../../../providers/Config/index.js';
+import { usePreferences } from '../../../../providers/Preferences/index.js';
+import { useServerFunctions } from '../../../../providers/ServerFunctions/index.js';
+import { useTranslation } from '../../../../providers/Translation/index.js';
+import { RenderWidget } from './renderWidget/RenderWidget.js';
+export function useDashboardLayout(initialLayout) {
+  const setLayoutPreference = useSetLayoutPreference();
+  const [isEditing, setIsEditing] = useState(false);
+  const {
+    widgets = []
+  } = useConfig().config.admin.dashboard ?? {};
+  const [currentLayout, setCurrentLayout] = useState(initialLayout);
+  const {
+    openModal
+  } = useModal();
+  const cancelModalSlug = 'cancel-dashboard-changes';
+  const {
+    serverFunction
+  } = useServerFunctions();
+  const {
+    t
+  } = useTranslation();
+  // Sync state when initialLayout prop changes (e.g., when query params change and server component re-renders)
+  useEffect(() => {
+    if (!isEditing) {
+      setCurrentLayout(initialLayout);
+    }
+    // do not sync while editing. Depending on `isEditing` in this effect causes an
+    // unintended rollback when toggling from editing -> view mode after save.
+  }, [initialLayout]);
+  const saveLayout = useCallback(async () => {
+    try {
+      const layoutData = currentLayout.map(item => item.item);
+      setIsEditing(false);
+      await setLayoutPreference(layoutData);
+    } catch {
+      setIsEditing(true);
+      toast.error(t('error:failedToSaveLayout'));
+    }
+  }, [setLayoutPreference, currentLayout]);
+  const resetLayout = useCallback(async () => {
+    try {
+      await setLayoutPreference(null);
+      const result = await serverFunction({
+        name: 'get-default-layout',
+        args: {}
+      });
+      setCurrentLayout(result.layout);
+      setIsEditing(false);
+    } catch {
+      toast.error(t('error:failedToResetLayout'));
+    }
+  }, [setLayoutPreference, serverFunction]);
+  const performCancel = useCallback(() => {
+    setCurrentLayout(initialLayout);
+    setIsEditing(false);
+  }, [initialLayout]);
+  const cancel = useCallback(() => {
+    // Check if layout has changed
+    const hasChanges = currentLayout.length !== initialLayout.length || currentLayout.some((widget, index) => {
+      const initialWidget = initialLayout[index];
+      return !initialWidget || widget.item.id !== initialWidget.item.id || widget.item.width !== initialWidget.item.width || JSON.stringify(widget.item.data || {}) !== JSON.stringify(initialWidget.item.data || {});
+    });
+    // If there are changes, show confirmation modal
+    if (hasChanges) {
+      openModal(cancelModalSlug);
+    } else {
+      performCancel();
+    }
+  }, [currentLayout, initialLayout, openModal, cancelModalSlug, performCancel]);
+  const moveWidget = useCallback(({
+    moveFromIndex,
+    moveToIndex
+  }) => {
+    if (moveFromIndex === moveToIndex || moveFromIndex < 0 || moveToIndex < 0) {
+      return;
+    }
+    setCurrentLayout(prev => {
+      return arrayMove(prev, moveFromIndex, moveToIndex);
+    });
+  }, []);
+  const addWidget = useCallback(widgetSlug => {
+    if (!isEditing) {
+      return;
+    }
+    const widgetId = `${widgetSlug}-${Date.now()}`;
+    const widget = widgets.find(widget => widget.slug === widgetSlug);
+    // Create a new widget instance using RenderWidget
+    const newWidgetInstance = {
+      component: React.createElement(RenderWidget, {
+        widgetData: {},
+        widgetId
+      }),
+      item: {
+        id: widgetId,
+        data: {},
+        maxWidth: widget?.maxWidth ?? 'full',
+        minWidth: widget?.minWidth ?? 'x-small',
+        width: widget?.minWidth ?? 'x-small'
+      }
+    };
+    setCurrentLayout(prev => [...prev, newWidgetInstance]);
+    // Scroll to the newly added widget after it's rendered and highlight it
+    setTimeout(() => {
+      const element = document.getElementById(widgetId);
+      if (element) {
+        element.scrollIntoView({
+          behavior: 'smooth',
+          block: 'center'
+        });
+        // Add highlight animation to the widget element
+        const widget = element.closest('.widget');
+        if (widget) {
+          widget.classList.add('widget--highlight');
+          // Remove the class after animation completes (1.5s fade out)
+          setTimeout(() => {
+            widget.classList.remove('widget--highlight');
+          }, 1500);
+        }
+      }
+    }, 100);
+  }, [isEditing, widgets]);
+  const deleteWidget = useCallback(widgetId => {
+    if (!isEditing) {
+      return;
+    }
+    setCurrentLayout(prev => prev.filter(item => item.item.id !== widgetId));
+  }, [isEditing]);
+  const resizeWidget = useCallback((widgetId, newWidth) => {
+    if (!isEditing) {
+      return;
+    }
+    setCurrentLayout(prev => prev.map(item => item.item.id === widgetId ? {
+      ...item,
+      item: {
+        ...item.item,
+        width: newWidth
+      }
+    } : item));
+  }, [isEditing]);
+  const updateWidgetData = useCallback((widgetId, data) => {
+    if (!isEditing) {
+      return;
+    }
+    setCurrentLayout(prev => prev.map(item => item.item.id === widgetId ? {
+      component: React.createElement(RenderWidget, {
+        widgetData: data,
+        widgetId
+      }),
+      item: {
+        ...item.item,
+        data
+      }
+    } : item));
+  }, [isEditing]);
+  const cancelModal = React.createElement(ConfirmationModal, {
+    body: t('dashboard:discardMessage'),
+    confirmLabel: t('dashboard:discardConfirmLabel'),
+    heading: t('dashboard:discardTitle'),
+    modalSlug: cancelModalSlug,
+    onConfirm: performCancel
+  });
+  return {
+    addWidget,
+    cancel,
+    cancelModal,
+    currentLayout,
+    deleteWidget,
+    isEditing,
+    moveWidget,
+    resetLayout,
+    resizeWidget,
+    saveLayout,
+    setIsEditing,
+    updateWidgetData
+  };
+}
+function useSetLayoutPreference() {
+  const {
+    setPreference
+  } = usePreferences();
+  return useCallback(async layout => {
+    await setPreference(PREFERENCE_KEYS.DASHBOARD_LAYOUT, {
+      layouts: layout
+    }, false);
+  }, [setPreference]);
+}
+//# sourceMappingURL=useDashboardLayout.js.map

package/dist/views/Dashboard/Default/ModularDashboard/useDashboardLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDashboardLayout.js","names":["arrayMove","PREFERENCE_KEYS","React","useCallback","useEffect","useState","toast","ConfirmationModal","useModal","useConfig","usePreferences","useServerFunctions","useTranslation","RenderWidget","useDashboardLayout","initialLayout","setLayoutPreference","useSetLayoutPreference","isEditing","setIsEditing","widgets","config","admin","dashboard","currentLayout","setCurrentLayout","openModal","cancelModalSlug","serverFunction","t","saveLayout","layoutData","map","item","error","resetLayout","result","name","args","layout","performCancel","cancel","hasChanges","length","some","widget","index","initialWidget","id","width","JSON","stringify","data","moveWidget","moveFromIndex","moveToIndex","prev","addWidget","widgetSlug","widgetId","Date","now","find","slug","newWidgetInstance","component","createElement","widgetData","maxWidth","minWidth","setTimeout","element","document","getElementById","scrollIntoView","behavior","block","closest","classList","add","remove","deleteWidget","filter","resizeWidget","newWidth","updateWidgetData","cancelModal","body","confirmLabel","heading","modalSlug","onConfirm","setPreference","DASHBOARD_LAYOUT","layouts"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/useDashboardLayout.ts"],"sourcesContent":["import type { WidgetWidth } from 'payload'\n\nimport { arrayMove } from '@dnd-kit/sortable'\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { WidgetInstanceClient, WidgetItem } from './index.client.js'\nimport type { GetDefaultLayoutServerFnReturnType } from './renderWidget/getDefaultLayoutServerFn.js'\n\nimport { ConfirmationModal } from '../../../../elements/ConfirmationModal/index.js'\nimport { useModal } from '../../../../elements/Modal/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { usePreferences } from '../../../../providers/Preferences/index.js'\nimport { useServerFunctions } from '../../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { RenderWidget } from './renderWidget/RenderWidget.js'\n\nexport function useDashboardLayout(initialLayout: WidgetInstanceClient[]) {\n  const setLayoutPreference = useSetLayoutPreference()\n  const [isEditing, setIsEditing] = useState(false)\n  const { widgets = [] } = useConfig().config.admin.dashboard ?? {}\n  const [currentLayout, setCurrentLayout] = useState<WidgetInstanceClient[]>(initialLayout)\n  const { openModal } = useModal()\n  const cancelModalSlug = 'cancel-dashboard-changes'\n  const { serverFunction } = useServerFunctions()\n  const { t } = useTranslation()\n\n  // Sync state when initialLayout prop changes (e.g., when query params change and server component re-renders)\n  useEffect(() => {\n    if (!isEditing) {\n      setCurrentLayout(initialLayout)\n    }\n    // do not sync while editing. Depending on `isEditing` in this effect causes an\n    // unintended rollback when toggling from editing -> view mode after save.\n  }, [initialLayout])\n\n  const saveLayout = useCallback(async () => {\n    try {\n      const layoutData: WidgetItem[] = currentLayout.map((item) => item.item)\n      setIsEditing(false)\n      await setLayoutPreference(layoutData)\n    } catch {\n      setIsEditing(true)\n      toast.error(t('error:failedToSaveLayout'))\n    }\n  }, [setLayoutPreference, currentLayout])\n\n  const resetLayout = useCallback(async () => {\n    try {\n      await setLayoutPreference(null)\n\n      const result = (await serverFunction({\n        name: 'get-default-layout',\n        args: {},\n      })) as GetDefaultLayoutServerFnReturnType\n\n      setCurrentLayout(result.layout)\n      setIsEditing(false)\n    } catch {\n      toast.error(t('error:failedToResetLayout'))\n    }\n  }, [setLayoutPreference, serverFunction])\n\n  const performCancel = useCallback(() => {\n    setCurrentLayout(initialLayout)\n    setIsEditing(false)\n  }, [initialLayout])\n\n  const cancel = useCallback(() => {\n    // Check if layout has changed\n    const hasChanges =\n      currentLayout.length !== initialLayout.length ||\n      currentLayout.some((widget, index) => {\n        const initialWidget = initialLayout[index]\n        return (\n          !initialWidget ||\n          widget.item.id !== initialWidget.item.id ||\n          widget.item.width !== initialWidget.item.width ||\n          JSON.stringify(widget.item.data || {}) !== JSON.stringify(initialWidget.item.data || {})\n        )\n      })\n\n    // If there are changes, show confirmation modal\n    if (hasChanges) {\n      openModal(cancelModalSlug)\n    } else {\n      performCancel()\n    }\n  }, [currentLayout, initialLayout, openModal, cancelModalSlug, performCancel])\n\n  const moveWidget = useCallback(\n    ({ moveFromIndex, moveToIndex }: { moveFromIndex: number; moveToIndex: number }) => {\n      if (moveFromIndex === moveToIndex || moveFromIndex < 0 || moveToIndex < 0) {\n        return\n      }\n\n      setCurrentLayout((prev) => {\n        return arrayMove(prev, moveFromIndex, moveToIndex)\n      })\n    },\n    [],\n  )\n\n  const addWidget = useCallback(\n    (widgetSlug: string) => {\n      if (!isEditing) {\n        return\n      }\n\n      const widgetId = `${widgetSlug}-${Date.now()}`\n      const widget = widgets.find((widget) => widget.slug === widgetSlug)\n\n      // Create a new widget instance using RenderWidget\n      const newWidgetInstance: WidgetInstanceClient = {\n        component: React.createElement(RenderWidget, {\n          widgetData: {},\n          widgetId,\n        }),\n        item: {\n          id: widgetId,\n          data: {},\n          maxWidth: widget?.maxWidth ?? 'full',\n          minWidth: widget?.minWidth ?? 'x-small',\n          width: widget?.minWidth ?? 'x-small',\n        },\n      }\n\n      setCurrentLayout((prev) => [...prev, newWidgetInstance])\n\n      // Scroll to the newly added widget after it's rendered and highlight it\n      setTimeout(() => {\n        const element = document.getElementById(widgetId)\n        if (element) {\n          element.scrollIntoView({\n            behavior: 'smooth',\n            block: 'center',\n          })\n\n          // Add highlight animation to the widget element\n          const widget = element.closest('.widget')\n          if (widget) {\n            widget.classList.add('widget--highlight')\n            // Remove the class after animation completes (1.5s fade out)\n            setTimeout(() => {\n              widget.classList.remove('widget--highlight')\n            }, 1500)\n          }\n        }\n      }, 100)\n    },\n    [isEditing, widgets],\n  )\n\n  const deleteWidget = useCallback(\n    (widgetId: string) => {\n      if (!isEditing) {\n        return\n      }\n      setCurrentLayout((prev) => prev.filter((item) => item.item.id !== widgetId))\n    },\n    [isEditing],\n  )\n\n  const resizeWidget = useCallback(\n    (widgetId: string, newWidth: WidgetWidth) => {\n      if (!isEditing) {\n        return\n      }\n      setCurrentLayout((prev) =>\n        prev.map((item) =>\n          item.item.id === widgetId\n            ? {\n                ...item,\n                item: {\n                  ...item.item,\n                  width: newWidth,\n                } satisfies WidgetItem,\n              }\n            : item,\n        ),\n      )\n    },\n    [isEditing],\n  )\n\n  const updateWidgetData = useCallback(\n    (widgetId: string, data: Record<string, unknown>) => {\n      if (!isEditing) {\n        return\n      }\n\n      setCurrentLayout((prev) =>\n        prev.map((item) =>\n          item.item.id === widgetId\n            ? {\n                component: React.createElement(RenderWidget, {\n                  widgetData: data,\n                  widgetId,\n                }),\n                item: {\n                  ...item.item,\n                  data,\n                } satisfies WidgetItem,\n              }\n            : item,\n        ),\n      )\n    },\n    [isEditing],\n  )\n\n  const cancelModal = React.createElement(ConfirmationModal, {\n    body: t('dashboard:discardMessage'),\n    confirmLabel: t('dashboard:discardConfirmLabel'),\n    heading: t('dashboard:discardTitle'),\n    modalSlug: cancelModalSlug,\n    onConfirm: performCancel,\n  })\n\n  return {\n    addWidget,\n    cancel,\n    cancelModal,\n    currentLayout,\n    deleteWidget,\n    isEditing,\n    moveWidget,\n    resetLayout,\n    resizeWidget,\n    saveLayout,\n    setIsEditing,\n    updateWidgetData,\n  }\n}\n\nfunction useSetLayoutPreference() {\n  const { setPreference } = usePreferences()\n  return useCallback(\n    async (layout: null | WidgetItem[]) => {\n      await setPreference(PREFERENCE_KEYS.DASHBOARD_LAYOUT, { layouts: layout }, false)\n    },\n    [setPreference],\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/utils/collisionDetection.d.ts

@@ -0,0 +1,7 @@
+import type { CollisionDetection } from '@dnd-kit/core';
+/**
+ * Collision detection that considers the X
+ * axis only with respect to the position of the pointer (or collisionRect for keyboard)
+ */
+export declare const closestInXAxis: CollisionDetection;
+//# sourceMappingURL=collisionDetection.d.ts.map

package/dist/views/Dashboard/Default/ModularDashboard/utils/collisionDetection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collisionDetection.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/utils/collisionDetection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAEvD;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,kBAiC5B,CAAA"}

package/dist/views/Dashboard/Default/ModularDashboard/utils/collisionDetection.js

@@ -0,0 +1,38 @@
+/**
+ * Collision detection that considers the X
+ * axis only with respect to the position of the pointer (or collisionRect for keyboard)
+ */export const closestInXAxis = args => {
+  const collisions = [];
+  // Use pointer coordinates if available (mouse/touch), otherwise use collisionRect center (keyboard)
+  let x;
+  let y;
+  if (args.pointerCoordinates) {
+    x = args.pointerCoordinates.x;
+    y = args.pointerCoordinates.y;
+  } else if (args.collisionRect) {
+    // For keyboard navigation, use the center of the collisionRect
+    x = args.collisionRect.left + args.collisionRect.width / 2;
+    y = args.collisionRect.top + args.collisionRect.height / 2;
+  } else {
+    return [];
+  }
+  for (const container of args.droppableContainers) {
+    const rect = args.droppableRects.get(container.id);
+    if (!rect) {
+      continue;
+    }
+    // Only consider widgets in the same row (same Y axis)
+    if (y >= rect.top && y <= rect.bottom) {
+      const centerX = rect.left + rect.width / 2;
+      const distance = Math.abs(x - centerX);
+      collisions.push({
+        id: String(container.id),
+        data: {
+          value: distance
+        }
+      });
+    }
+  }
+  return collisions.sort((a, b) => a.data.value - b.data.value);
+};
+//# sourceMappingURL=collisionDetection.js.map

package/dist/views/Dashboard/Default/ModularDashboard/utils/collisionDetection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collisionDetection.js","names":["closestInXAxis","args","collisions","x","y","pointerCoordinates","collisionRect","left","width","top","height","container","droppableContainers","rect","droppableRects","get","id","bottom","centerX","distance","Math","abs","push","String","data","value","sort","a","b"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/utils/collisionDetection.ts"],"sourcesContent":["import type { CollisionDetection } from '@dnd-kit/core'\n\n/**\n * Collision detection that considers the X\n * axis only with respect to the position of the pointer (or collisionRect for keyboard)\n */\nexport const closestInXAxis: CollisionDetection = (args) => {\n  const collisions: Array<{ data: { value: number }; id: string }> = []\n\n  // Use pointer coordinates if available (mouse/touch), otherwise use collisionRect center (keyboard)\n  let x: number\n  let y: number\n\n  if (args.pointerCoordinates) {\n    x = args.pointerCoordinates.x\n    y = args.pointerCoordinates.y\n  } else if (args.collisionRect) {\n    // For keyboard navigation, use the center of the collisionRect\n    x = args.collisionRect.left + args.collisionRect.width / 2\n    y = args.collisionRect.top + args.collisionRect.height / 2\n  } else {\n    return []\n  }\n\n  for (const container of args.droppableContainers) {\n    const rect = args.droppableRects.get(container.id)\n    if (!rect) {\n      continue\n    }\n\n    // Only consider widgets in the same row (same Y axis)\n    if (y >= rect.top && y <= rect.bottom) {\n      const centerX = rect.left + rect.width / 2\n      const distance = Math.abs(x - centerX)\n      collisions.push({ id: String(container.id), data: { value: distance } })\n    }\n  }\n\n  return collisions.sort((a, b) => a.data.value - b.data.value)\n}\n"],"mappings":"AAEA;;;GAIA,OAAO,MAAMA,cAAA,GAAsCC,IAAA;EACjD,MAAMC,UAAA,GAA6D,EAAE;EAErE;EACA,IAAIC,CAAA;EACJ,IAAIC,CAAA;EAEJ,IAAIH,IAAA,CAAKI,kBAAkB,EAAE;IAC3BF,CAAA,GAAIF,IAAA,CAAKI,kBAAkB,CAACF,CAAC;IAC7BC,CAAA,GAAIH,IAAA,CAAKI,kBAAkB,CAACD,CAAC;EAC/B,OAAO,IAAIH,IAAA,CAAKK,aAAa,EAAE;IAC7B;IACAH,CAAA,GAAIF,IAAA,CAAKK,aAAa,CAACC,IAAI,GAAGN,IAAA,CAAKK,aAAa,CAACE,KAAK,GAAG;IACzDJ,CAAA,GAAIH,IAAA,CAAKK,aAAa,CAACG,GAAG,GAAGR,IAAA,CAAKK,aAAa,CAACI,MAAM,GAAG;EAC3D,OAAO;IACL,OAAO,EAAE;EACX;EAEA,KAAK,MAAMC,SAAA,IAAaV,IAAA,CAAKW,mBAAmB,EAAE;IAChD,MAAMC,IAAA,GAAOZ,IAAA,CAAKa,cAAc,CAACC,GAAG,CAACJ,SAAA,CAAUK,EAAE;IACjD,IAAI,CAACH,IAAA,EAAM;MACT;IACF;IAEA;IACA,IAAIT,CAAA,IAAKS,IAAA,CAAKJ,GAAG,IAAIL,CAAA,IAAKS,IAAA,CAAKI,MAAM,EAAE;MACrC,MAAMC,OAAA,GAAUL,IAAA,CAAKN,IAAI,GAAGM,IAAA,CAAKL,KAAK,GAAG;MACzC,MAAMW,QAAA,GAAWC,IAAA,CAAKC,GAAG,CAAClB,CAAA,GAAIe,OAAA;MAC9BhB,UAAA,CAAWoB,IAAI,CAAC;QAAEN,EAAA,EAAIO,MAAA,CAAOZ,SAAA,CAAUK,EAAE;QAAGQ,IAAA,EAAM;UAAEC,KAAA,EAAON;QAAS;MAAE;IACxE;EACF;EAEA,OAAOjB,UAAA,CAAWwB,IAAI,CAAC,CAACC,CAAA,EAAGC,CAAA,KAAMD,CAAA,CAAEH,IAAI,CAACC,KAAK,GAAGG,CAAA,CAAEJ,IAAI,CAACC,KAAK;AAC9D","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/utils/getItemsFromConfig.d.ts

@@ -0,0 +1,4 @@
+import type { DashboardConfig, PayloadRequest, Widget } from 'payload';
+import type { WidgetItem } from '../index.client.js';
+export declare function getItemsFromConfig(defaultLayout: NonNullable<DashboardConfig['defaultLayout']>, req: PayloadRequest, widgets: Pick<Widget, 'maxWidth' | 'minWidth' | 'slug'>[]): Promise<WidgetItem[]>;
+//# sourceMappingURL=getItemsFromConfig.d.ts.map

package/dist/views/Dashboard/Default/ModularDashboard/utils/getItemsFromConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getItemsFromConfig.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/utils/getItemsFromConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,EAAkB,MAAM,SAAS,CAAA;AAEtF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,wBAAsB,kBAAkB,CACtC,aAAa,EAAE,WAAW,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC,EAC5D,GAAG,EAAE,cAAc,EACnB,OAAO,EAAE,IAAI,CAAC,MAAM,EAAE,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC,EAAE,GACxD,OAAO,CAAC,UAAU,EAAE,CAAC,CAkBvB"}

package/dist/views/Dashboard/Default/ModularDashboard/utils/getItemsFromConfig.js

@@ -0,0 +1,21 @@
+export async function getItemsFromConfig(defaultLayout, req, widgets) {
+  let widgetInstances;
+  if (typeof defaultLayout === 'function') {
+    widgetInstances = await defaultLayout({
+      req
+    });
+  } else {
+    widgetInstances = defaultLayout;
+  }
+  return widgetInstances.map((widgetInstance, index) => {
+    const widget = widgets.find(w => w.slug === widgetInstance.widgetSlug);
+    return {
+      id: `${widgetInstance.widgetSlug}-${index}`,
+      data: widgetInstance.data,
+      maxWidth: widget?.maxWidth ?? 'full',
+      minWidth: widget?.minWidth ?? 'x-small',
+      width: widgetInstance.width || 'x-small'
+    };
+  });
+}
+//# sourceMappingURL=getItemsFromConfig.js.map

package/dist/views/Dashboard/Default/ModularDashboard/utils/getItemsFromConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getItemsFromConfig.js","names":["getItemsFromConfig","defaultLayout","req","widgets","widgetInstances","map","widgetInstance","index","widget","find","w","slug","widgetSlug","id","data","maxWidth","minWidth","width"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/utils/getItemsFromConfig.ts"],"sourcesContent":["import type { DashboardConfig, PayloadRequest, Widget, WidgetInstance } from 'payload'\n\nimport type { WidgetItem } from '../index.client.js'\n\nexport async function getItemsFromConfig(\n  defaultLayout: NonNullable<DashboardConfig['defaultLayout']>,\n  req: PayloadRequest,\n  widgets: Pick<Widget, 'maxWidth' | 'minWidth' | 'slug'>[],\n): Promise<WidgetItem[]> {\n  let widgetInstances: WidgetInstance[]\n  if (typeof defaultLayout === 'function') {\n    widgetInstances = await defaultLayout({ req })\n  } else {\n    widgetInstances = defaultLayout\n  }\n\n  return widgetInstances.map((widgetInstance, index) => {\n    const widget = widgets.find((w) => w.slug === widgetInstance.widgetSlug)\n    return {\n      id: `${widgetInstance.widgetSlug}-${index}`,\n      data: widgetInstance.data,\n      maxWidth: widget?.maxWidth ?? 'full',\n      minWidth: widget?.minWidth ?? 'x-small',\n      width: widgetInstance.width || 'x-small',\n    }\n  })\n}\n"],"mappings":"AAIA,OAAO,eAAeA,mBACpBC,aAA4D,EAC5DC,GAAmB,EACnBC,OAAyD;EAEzD,IAAIC,eAAA;EACJ,IAAI,OAAOH,aAAA,KAAkB,YAAY;IACvCG,eAAA,GAAkB,MAAMH,aAAA,CAAc;MAAEC;IAAI;EAC9C,OAAO;IACLE,eAAA,GAAkBH,aAAA;EACpB;EAEA,OAAOG,eAAA,CAAgBC,GAAG,CAAC,CAACC,cAAA,EAAgBC,KAAA;IAC1C,MAAMC,MAAA,GAASL,OAAA,CAAQM,IAAI,CAAEC,CAAA,IAAMA,CAAA,CAAEC,IAAI,KAAKL,cAAA,CAAeM,UAAU;IACvE,OAAO;MACLC,EAAA,EAAI,GAAGP,cAAA,CAAeM,UAAU,IAAIL,KAAA,EAAO;MAC3CO,IAAA,EAAMR,cAAA,CAAeQ,IAAI;MACzBC,QAAA,EAAUP,MAAA,EAAQO,QAAA,IAAY;MAC9BC,QAAA,EAAUR,MAAA,EAAQQ,QAAA,IAAY;MAC9BC,KAAA,EAAOX,cAAA,CAAeW,KAAK,IAAI;IACjC;EACF;AACF","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/utils/getItemsFromPreferences.d.ts

@@ -0,0 +1,4 @@
+import type { BasePayload, TypedUser } from 'payload';
+import type { WidgetItem } from '../index.client.js';
+export declare function getItemsFromPreferences(payload: BasePayload, user: TypedUser): Promise<null | WidgetItem[]>;
+//# sourceMappingURL=getItemsFromPreferences.d.ts.map

package/dist/views/Dashboard/Default/ModularDashboard/utils/getItemsFromPreferences.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getItemsFromPreferences.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/utils/getItemsFromPreferences.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAIrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAIpD,wBAAsB,uBAAuB,CAC3C,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,SAAS,GACd,OAAO,CAAC,IAAI,GAAG,UAAU,EAAE,CAAC,CAe9B"}

package/dist/views/Dashboard/Default/ModularDashboard/utils/getItemsFromPreferences.js

@@ -0,0 +1,10 @@
+import { PREFERENCE_KEYS } from 'payload/shared';
+import { getPreferences } from '../../../../../utilities/upsertPreferences.js';
+export async function getItemsFromPreferences(payload, user) {
+  const savedPreferences = await getPreferences(PREFERENCE_KEYS.DASHBOARD_LAYOUT, payload, user.id, user.collection);
+  if (!savedPreferences?.value || typeof savedPreferences.value !== 'object' || !('layouts' in savedPreferences.value)) {
+    return null;
+  }
+  return savedPreferences.value.layouts;
+}
+//# sourceMappingURL=getItemsFromPreferences.js.map

package/dist/views/Dashboard/Default/ModularDashboard/utils/getItemsFromPreferences.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getItemsFromPreferences.js","names":["PREFERENCE_KEYS","getPreferences","getItemsFromPreferences","payload","user","savedPreferences","DASHBOARD_LAYOUT","id","collection","value","layouts"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/utils/getItemsFromPreferences.ts"],"sourcesContent":["import type { BasePayload, TypedUser } from 'payload'\n\nimport { PREFERENCE_KEYS } from 'payload/shared'\n\nimport type { WidgetItem } from '../index.client.js'\n\nimport { getPreferences } from '../../../../../utilities/upsertPreferences.js'\n\nexport async function getItemsFromPreferences(\n  payload: BasePayload,\n  user: TypedUser,\n): Promise<null | WidgetItem[]> {\n  const savedPreferences = await getPreferences(\n    PREFERENCE_KEYS.DASHBOARD_LAYOUT,\n    payload,\n    user.id,\n    user.collection,\n  )\n  if (\n    !savedPreferences?.value ||\n    typeof savedPreferences.value !== 'object' ||\n    !('layouts' in savedPreferences.value)\n  ) {\n    return null\n  }\n  return savedPreferences.value.layouts as null | WidgetItem[]\n}\n"],"mappings":"AAEA,SAASA,eAAe,QAAQ;AAIhC,SAASC,cAAc,QAAQ;AAE/B,OAAO,eAAeC,wBACpBC,OAAoB,EACpBC,IAAe;EAEf,MAAMC,gBAAA,GAAmB,MAAMJ,cAAA,CAC7BD,eAAA,CAAgBM,gBAAgB,EAChCH,OAAA,EACAC,IAAA,CAAKG,EAAE,EACPH,IAAA,CAAKI,UAAU;EAEjB,IACE,CAACH,gBAAA,EAAkBI,KAAA,IACnB,OAAOJ,gBAAA,CAAiBI,KAAK,KAAK,YAClC,EAAE,aAAaJ,gBAAA,CAAiBI,KAAK,CAAD,EACpC;IACA,OAAO;EACT;EACA,OAAOJ,gBAAA,CAAiBI,KAAK,CAACC,OAAO;AACvC","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/utils/localeUtils.d.ts

@@ -0,0 +1,23 @@
+import type { ClientField, Field } from 'payload';
+type AnyField = ClientField | Field;
+/**
+ * Extracts locale-specific data from widget data stored in preferences.
+ *
+ * Localized fields are stored as `{ fieldName: { en: "Hello", de: "Hallo" } }` in preferences.
+ * This function flattens them to `{ fieldName: "Hello" }` for the given locale,
+ * which is the format the form state builder expects.
+ *
+ * Recursively handles nested field types (group, row, collapsible, tabs).
+ */
+export declare function extractLocaleData(widgetData: Record<string, unknown>, locale: string, fields: readonly AnyField[]): Record<string, unknown>;
+/**
+ * Merges locale-specific form data back into the full widget data structure.
+ *
+ * Non-localized fields are stored directly. Localized fields are stored as
+ * `{ fieldName: { en: "Hello", de: "Hallo" } }` so each locale's value is preserved independently.
+ *
+ * Recursively handles nested field types (group, row, collapsible, tabs).
+ */
+export declare function mergeLocaleData(existingData: Record<string, unknown>, formData: Record<string, unknown>, locale: string, fields: readonly AnyField[]): Record<string, unknown>;
+export {};
+//# sourceMappingURL=localeUtils.d.ts.map

package/dist/views/Dashboard/Default/ModularDashboard/utils/localeUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"localeUtils.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/utils/localeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIjD,KAAK,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAA;AAYnC;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACnC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,SAAS,QAAQ,EAAE,GAC1B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAmDzB;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAC7B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACrC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,SAAS,QAAQ,EAAE,GAC1B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAkDzB"}

package/dist/views/Dashboard/Default/ModularDashboard/utils/localeUtils.js

@@ -0,0 +1,103 @@
+import { fieldAffectsData, fieldHasSubFields, tabHasName } from 'payload/shared';
+function isLocalized(field) {
+  return 'localized' in field && Boolean(field.localized);
+}
+function getObjectValue(value) {
+  return typeof value === 'object' && value !== null && !Array.isArray(value) ? value : {};
+}
+/**
+ * Extracts locale-specific data from widget data stored in preferences.
+ *
+ * Localized fields are stored as `{ fieldName: { en: "Hello", de: "Hallo" } }` in preferences.
+ * This function flattens them to `{ fieldName: "Hello" }` for the given locale,
+ * which is the format the form state builder expects.
+ *
+ * Recursively handles nested field types (group, row, collapsible, tabs).
+ */
+export function extractLocaleData(widgetData, locale, fields) {
+  const result = {};
+  for (const field of fields) {
+    if (field.type === 'tabs') {
+      for (const tab of field.tabs) {
+        const tabFields = tab.fields;
+        if (tabHasName(tab)) {
+          result[tab.name] = extractLocaleData(getObjectValue(widgetData[tab.name]), locale, tabFields);
+        } else {
+          Object.assign(result, extractLocaleData(widgetData, locale, tabFields));
+        }
+      }
+      continue;
+    }
+    if (fieldHasSubFields(field) && !fieldAffectsData(field)) {
+      Object.assign(result, extractLocaleData(widgetData, locale, field.fields));
+      continue;
+    }
+    if (!fieldAffectsData(field)) {
+      continue;
+    }
+    const {
+      name
+    } = field;
+    const value = widgetData[name];
+    if (fieldHasSubFields(field)) {
+      result[name] = extractLocaleData(getObjectValue(value), locale, field.fields);
+      continue;
+    }
+    if (isLocalized(field) && value !== undefined && typeof value === 'object' && value !== null && !Array.isArray(value)) {
+      result[name] = value[locale];
+    } else {
+      result[name] = value;
+    }
+  }
+  return result;
+}
+/**
+ * Merges locale-specific form data back into the full widget data structure.
+ *
+ * Non-localized fields are stored directly. Localized fields are stored as
+ * `{ fieldName: { en: "Hello", de: "Hallo" } }` so each locale's value is preserved independently.
+ *
+ * Recursively handles nested field types (group, row, collapsible, tabs).
+ */
+export function mergeLocaleData(existingData, formData, locale, fields) {
+  const result = {
+    ...existingData
+  };
+  for (const field of fields) {
+    if (field.type === 'tabs') {
+      for (const tab of field.tabs) {
+        const tabFields = tab.fields;
+        if (tabHasName(tab)) {
+          result[tab.name] = mergeLocaleData(getObjectValue(result[tab.name]), getObjectValue(formData[tab.name]), locale, tabFields);
+        } else {
+          Object.assign(result, mergeLocaleData(result, formData, locale, tabFields));
+        }
+      }
+      continue;
+    }
+    if (fieldHasSubFields(field) && !fieldAffectsData(field)) {
+      Object.assign(result, mergeLocaleData(result, formData, locale, field.fields));
+      continue;
+    }
+    if (!fieldAffectsData(field)) {
+      continue;
+    }
+    const {
+      name
+    } = field;
+    if (fieldHasSubFields(field)) {
+      result[name] = mergeLocaleData(getObjectValue(result[name]), getObjectValue(formData[name]), locale, field.fields);
+      continue;
+    }
+    if (isLocalized(field)) {
+      result[name] = {
+        ...getObjectValue(result[name]),
+        [locale]: formData[name]
+      };
+    } else {
+      result[name] = formData[name];
+    }
+  }
+  return result;
+}
+//# sourceMappingURL=localeUtils.js.map

package/dist/views/Dashboard/Default/ModularDashboard/utils/localeUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localeUtils.js","names":["fieldAffectsData","fieldHasSubFields","tabHasName","isLocalized","field","Boolean","localized","getObjectValue","value","Array","isArray","extractLocaleData","widgetData","locale","fields","result","type","tab","tabs","tabFields","name","Object","assign","undefined","mergeLocaleData","existingData","formData"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/utils/localeUtils.ts"],"sourcesContent":["import type { ClientField, Field } from 'payload'\n\nimport { fieldAffectsData, fieldHasSubFields, tabHasName } from 'payload/shared'\n\ntype AnyField = ClientField | Field\n\nfunction isLocalized(field: AnyField): boolean {\n  return 'localized' in field && Boolean(field.localized)\n}\n\nfunction getObjectValue(value: unknown): Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value)\n    ? (value as Record<string, unknown>)\n    : {}\n}\n\n/**\n * Extracts locale-specific data from widget data stored in preferences.\n *\n * Localized fields are stored as `{ fieldName: { en: \"Hello\", de: \"Hallo\" } }` in preferences.\n * This function flattens them to `{ fieldName: \"Hello\" }` for the given locale,\n * which is the format the form state builder expects.\n *\n * Recursively handles nested field types (group, row, collapsible, tabs).\n */\nexport function extractLocaleData(\n  widgetData: Record<string, unknown>,\n  locale: string,\n  fields: readonly AnyField[],\n): Record<string, unknown> {\n  const result: Record<string, unknown> = {}\n\n  for (const field of fields) {\n    if (field.type === 'tabs') {\n      for (const tab of field.tabs) {\n        const tabFields = tab.fields as AnyField[]\n        if (tabHasName(tab)) {\n          result[tab.name] = extractLocaleData(\n            getObjectValue(widgetData[tab.name]),\n            locale,\n            tabFields,\n          )\n        } else {\n          Object.assign(result, extractLocaleData(widgetData, locale, tabFields))\n        }\n      }\n      continue\n    }\n\n    if (fieldHasSubFields(field) && !fieldAffectsData(field)) {\n      Object.assign(result, extractLocaleData(widgetData, locale, field.fields as AnyField[]))\n      continue\n    }\n\n    if (!fieldAffectsData(field)) {\n      continue\n    }\n\n    const { name } = field\n    const value = widgetData[name]\n\n    if (fieldHasSubFields(field)) {\n      result[name] = extractLocaleData(getObjectValue(value), locale, field.fields as AnyField[])\n      continue\n    }\n\n    if (\n      isLocalized(field) &&\n      value !== undefined &&\n      typeof value === 'object' &&\n      value !== null &&\n      !Array.isArray(value)\n    ) {\n      result[name] = (value as Record<string, unknown>)[locale]\n    } else {\n      result[name] = value\n    }\n  }\n\n  return result\n}\n\n/**\n * Merges locale-specific form data back into the full widget data structure.\n *\n * Non-localized fields are stored directly. Localized fields are stored as\n * `{ fieldName: { en: \"Hello\", de: \"Hallo\" } }` so each locale's value is preserved independently.\n *\n * Recursively handles nested field types (group, row, collapsible, tabs).\n */\nexport function mergeLocaleData(\n  existingData: Record<string, unknown>,\n  formData: Record<string, unknown>,\n  locale: string,\n  fields: readonly AnyField[],\n): Record<string, unknown> {\n  const result: Record<string, unknown> = { ...existingData }\n\n  for (const field of fields) {\n    if (field.type === 'tabs') {\n      for (const tab of field.tabs) {\n        const tabFields = tab.fields as AnyField[]\n        if (tabHasName(tab)) {\n          result[tab.name] = mergeLocaleData(\n            getObjectValue(result[tab.name]),\n            getObjectValue(formData[tab.name]),\n            locale,\n            tabFields,\n          )\n        } else {\n          Object.assign(result, mergeLocaleData(result, formData, locale, tabFields))\n        }\n      }\n      continue\n    }\n\n    if (fieldHasSubFields(field) && !fieldAffectsData(field)) {\n      Object.assign(result, mergeLocaleData(result, formData, locale, field.fields as AnyField[]))\n      continue\n    }\n\n    if (!fieldAffectsData(field)) {\n      continue\n    }\n\n    const { name } = field\n\n    if (fieldHasSubFields(field)) {\n      result[name] = mergeLocaleData(\n        getObjectValue(result[name]),\n        getObjectValue(formData[name]),\n        locale,\n        field.fields as AnyField[],\n      )\n      continue\n    }\n\n    if (isLocalized(field)) {\n      result[name] = { ...getObjectValue(result[name]), [locale]: formData[name] }\n    } else {\n      result[name] = formData[name]\n    }\n  }\n\n  return result\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/utils/sensors.d.ts

@@ -0,0 +1,2 @@
+export declare function useDashboardSensors(): import("@dnd-kit/core").SensorDescriptor<import("@dnd-kit/core").SensorOptions>[];
+//# sourceMappingURL=sensors.d.ts.map

package/dist/views/Dashboard/Default/ModularDashboard/utils/sensors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sensors.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/utils/sensors.ts"],"names":[],"mappings":"AA0TA,wBAAgB,mBAAmB,sFAiBlC"}