@payloadcms/next 4.0.0-canary.0 → 4.0.0-canary.1

package/dist/views/Dashboard/Default/ModularDashboard/index.css

@@ -1,299 +0,0 @@
-@layer payload-default {
-  .modular-dashboard {
-    margin: calc(var(--spacer-2-5) / -2);
-    width: calc(100% + var(--spacer-2-5));
-  }
-
-  .modular-dashboard .widget {
-    padding: calc(var(--spacer-2-5) / 2);
-  }
-
-  .modular-dashboard .widget-content {
-    height: 100%;
-  }
-
-  .widget-config-drawer__content {
-    height: 100%;
-
-    .form-submit {
-      margin-top: var(--spacer-2-5);
-
-      .btn {
-        width: auto;
-      }
-    }
-  }
-
-  @media (max-width: 768px) {
-    .modular-dashboard .widget {
-      width: 100% !important;
-    }
-
-    .modular-dashboard .widget-wrapper__size-btn {
-      display: none;
-    }
-  }
-
-  .modular-dashboard.editing .widget-content {
-    user-select: none;
-    -webkit-user-select: none;
-    pointer-events: none;
-  }
-
-  .modular-dashboard.editing .draggable {
-    cursor: grab;
-  }
-
-  .modular-dashboard .drag-overlay {
-    pointer-events: none;
-    user-select: none;
-  }
-
-  .modular-dashboard__empty {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    width: 100%;
-    padding: var(--spacer-4);
-  }
-
-  body:has(.drag-overlay) * {
-    cursor: grabbing;
-  }
-
-  .widget-wrapper__controls {
-    opacity: 0;
-    transition: opacity 0.2s ease;
-  }
-
-  .widget:focus-visible .widget-wrapper__controls,
-  .widget:has(:focus-visible) .widget-wrapper__controls {
-    opacity: 1;
-  }
-
-  @keyframes widget-highlight {
-    0% {
-      box-shadow: 0 0 0 3px rgba(255, 208, 0, 0.9);
-    }
-    100% {
-      box-shadow: 0 0 0 3px rgba(255, 208, 0, 0);
-    }
-  }
-
-  .widget--highlight {
-    animation: widget-highlight 1.5s ease-out forwards;
-    border-radius: var(--radius-medium);
-  }
-
-  .widget-wrapper {
-    position: relative;
-    height: 100%;
-    width: 100%;
-  }
-
-  .widget-wrapper--editing .widget-wrapper__controls {
-    transition: opacity 0.2s ease;
-  }
-
-  .widget-wrapper--editing:hover .widget-wrapper__controls {
-    opacity: 1;
-  }
-
-  .widget-wrapper__controls {
-    position: absolute;
-    top: var(--spacer-3);
-    right: var(--spacer-3);
-    z-index: 10;
-    display: flex;
-    align-items: center;
-    gap: var(--spacer-2);
-  }
-
-  .widget-wrapper__delete-btn {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--spacer-4);
-    height: var(--spacer-4);
-    background: var(--color-bg-danger);
-    border: none;
-    border-radius: var(--radius-small);
-    cursor: pointer;
-    color: var(--color-text-ondanger);
-    transition: all 0.2s ease;
-
-    &:hover {
-      background: var(--color-bg-danger-hover);
-    }
-
-    &:active {
-      background: var(--color-bg-danger-pressed);
-    }
-
-    &:focus-visible {
-      outline: var(--accessibility-outline);
-      outline-offset: var(--accessibility-outline-offset);
-    }
-
-    & svg {
-      pointer-events: none;
-    }
-  }
-
-  .widget-wrapper__edit-btn {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--spacer-4);
-    height: var(--spacer-4);
-    background: var(--color-text);
-    border: none;
-    border-radius: var(--radius-small);
-    cursor: pointer;
-    color: var(--color-bg);
-    transition: all 0.2s ease;
-
-    & .icon {
-      width: var(--spacer-3);
-      height: var(--spacer-3);
-    }
-
-    &:hover {
-      background: var(--color-text-secondary);
-    }
-
-    &:active {
-      background: var(--color-text-tertiary);
-    }
-
-    & svg {
-      pointer-events: none;
-    }
-  }
-
-  .widget-wrapper__size-btn {
-    display: flex;
-    align-items: center;
-    gap: var(--spacer-1);
-    padding: var(--spacer-1) var(--spacer-2);
-    min-width: auto;
-    height: var(--spacer-4);
-    background: var(--color-bg-inverse);
-    border: none;
-    border-radius: var(--radius-small);
-    cursor: pointer;
-    transition: all 0.2s ease;
-    font-family: var(--text-body-small-font-family);
-    font-size: var(--text-body-small-font-size);
-    font-weight: var(--text-body-small-font-weight);
-    line-height: var(--text-body-small-line-height);
-    letter-spacing: var(--text-body-small-letter-spacing);
-    color: var(--color-text-oninverse);
-    white-space: nowrap;
-
-    & .icon .stroke {
-      stroke: var(--color-icon-oninverse);
-      stroke-width: var(--stroke-width-medium);
-    }
-
-    &:hover {
-      background: var(--color-bg-inverse-hover);
-    }
-
-    &:active {
-      background: var(--color-bg-inverse-pressed);
-    }
-
-    &:disabled {
-      opacity: 0.5;
-      cursor: not-allowed;
-    }
-
-    &:disabled:hover {
-      background: var(--color-bg-inverse);
-    }
-
-    &:focus-visible {
-      outline: var(--accessibility-outline);
-      outline-offset: var(--accessibility-outline-offset);
-    }
-
-    & svg {
-      pointer-events: none;
-    }
-  }
-
-  .widget-wrapper__size-btn-percentage {
-    font-family: var(--text-body-small-font-family);
-    font-size: var(--text-body-small-font-size);
-    margin-left: auto;
-    color: var(--color-text-tertiary);
-  }
-
-  .popup-button-list:has(.widget-wrapper__size-btn-label) .popup__scroll-container {
-    padding: 0;
-  }
-
-  .popup__content:has(.widget-wrapper__size-btn-label) {
-    padding: var(--spacer-1);
-    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
-  }
-
-  .popup-button-list__button:has(.widget-wrapper__size-btn-label) {
-    display: flex !important;
-    align-items: center !important;
-    gap: var(--spacer-3);
-  }
-
-  .popup-button-list__button:has(.widget-wrapper__size-btn-label) .widget-wrapper__size-btn-label {
-    flex: 0 0 auto;
-  }
-
-  .popup-button-list__button:has(.widget-wrapper__size-btn-label)
-    .widget-wrapper__size-btn-percentage {
-    margin-left: auto !important;
-  }
-
-  .step-nav .dashboard-breadcrumb-dropdown .btn {
-    padding-right: var(--spacer-1);
-  }
-
-  /* .step-nav .dashboard-breadcrumb-dropdown {
-    margin-left: calc(var(--spacer-2) * -1);
-  } */
-
-  .step-nav .dashboard-breadcrumb-dropdown__editing {
-    align-items: center;
-    display: flex !important;
-    gap: var(--spacer-2-5);
-
-    > span:first-child {
-      padding-left: var(--spacer-1);
-    }
-  }
-
-  .step-nav .dashboard-breadcrumb-dropdown__actions {
-    display: flex !important;
-    gap: var(--spacer-2-5);
-  }
-
-  .step-nav .dashboard-breadcrumb-dropdown__label {
-    display: flex;
-    align-items: center;
-    gap: var(--spacer-1);
-  }
-
-  .step-nav .drawer-toggler--unstyled {
-    background: transparent;
-    margin: 0;
-    padding: 0;
-    outline: none;
-    box-shadow: none;
-
-    &:hover,
-    &:focus {
-      background: transparent;
-    }
-  }
-}

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { DashboardViewServerProps } from '../index.js';
-import './index.css';
-export declare function ModularDashboard(props: DashboardViewServerProps): Promise<React.JSX.Element>;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AAO3D,OAAO,aAAa,CAAA;AAIpB,wBAAsB,gBAAgB,CAAC,KAAK,EAAE,wBAAwB,8BAiDrE"}

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

@@ -1,72 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
-import React from 'react';
-import { ModularDashboardClient } from './index.client.js';
-import { getItemsFromConfig } from './utils/getItemsFromConfig.js';
-import { getItemsFromPreferences } from './utils/getItemsFromPreferences.js';
-import { extractLocaleData } from './utils/localeUtils.js';
-export async function ModularDashboard(props) {
-  const {
-    defaultLayout = [],
-    widgets = []
-  } = props.payload.config.admin.dashboard || {};
-  const {
-    importMap
-  } = props.payload;
-  const {
-    user
-  } = props;
-  const {
-    cookies,
-    locale,
-    permissions,
-    req
-  } = props.initPageResult;
-  const {
-    i18n
-  } = req;
-  const layout = (await getItemsFromPreferences(props.payload, user)) ?? (await getItemsFromConfig(defaultLayout, req, widgets));
-  const serverLayout = layout.map(layoutItem => {
-    const widgetSlug = layoutItem.id.slice(0, layoutItem.id.lastIndexOf('-'));
-    const widgetConfig = widgets.find(widget => widget.slug === widgetSlug);
-    const widgetData = widgetConfig?.fields?.length ? extractLocaleData(layoutItem.data || {}, req.locale || 'en', widgetConfig.fields) : layoutItem.data || {};
-    return {
-      component: RenderServerComponent({
-        Component: widgetConfig?.Component,
-        importMap,
-        serverProps: {
-          cookies,
-          locale,
-          permissions,
-          req,
-          widgetData,
-          widgetSlug
-        }
-      }),
-      item: layoutItem
-    };
-  });
-  // Resolve function labels to static labels for client components
-  const clientWidgets = widgets.map(widget => {
-    const {
-      Component: _,
-      fields: __,
-      label,
-      ...rest
-    } = widget;
-    return {
-      ...rest,
-      label: typeof label === 'function' ? label({
-        i18n,
-        t: i18n.t
-      }) : label
-    };
-  });
-  return /*#__PURE__*/_jsx("div", {
-    children: /*#__PURE__*/_jsx(ModularDashboardClient, {
-      clientLayout: serverLayout,
-      widgets: clientWidgets
-    })
-  });
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["RenderServerComponent","React","ModularDashboardClient","getItemsFromConfig","getItemsFromPreferences","extractLocaleData","ModularDashboard","props","defaultLayout","widgets","payload","config","admin","dashboard","importMap","user","cookies","locale","permissions","req","initPageResult","i18n","layout","serverLayout","map","layoutItem","widgetSlug","id","slice","lastIndexOf","widgetConfig","find","widget","slug","widgetData","fields","length","data","component","Component","serverProps","item","clientWidgets","_","__","label","rest","t","_jsx","clientLayout"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/index.tsx"],"sourcesContent":["import type { TFunction } from '@payloadcms/translations'\nimport type { ClientWidget, Field, WidgetServerProps } from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport React from 'react'\n\nimport type { DashboardViewServerProps } from '../index.js'\nimport type { WidgetInstanceClient } from './index.client.js'\n\nimport { ModularDashboardClient } from './index.client.js'\nimport { getItemsFromConfig } from './utils/getItemsFromConfig.js'\nimport { getItemsFromPreferences } from './utils/getItemsFromPreferences.js'\nimport { extractLocaleData } from './utils/localeUtils.js'\nimport './index.css'\n\ntype ServerLayout = WidgetInstanceClient[]\n\nexport async function ModularDashboard(props: DashboardViewServerProps) {\n  const { defaultLayout = [], widgets = [] } = props.payload.config.admin.dashboard || {}\n  const { importMap } = props.payload\n  const { user } = props\n  const { cookies, locale, permissions, req } = props.initPageResult\n  const { i18n } = req\n\n  const layout =\n    (await getItemsFromPreferences(props.payload, user)) ??\n    (await getItemsFromConfig(defaultLayout, req, widgets))\n\n  const serverLayout: ServerLayout = layout.map((layoutItem) => {\n    const widgetSlug = layoutItem.id.slice(0, layoutItem.id.lastIndexOf('-'))\n    const widgetConfig = widgets.find((widget) => widget.slug === widgetSlug)\n    const widgetData = widgetConfig?.fields?.length\n      ? extractLocaleData(layoutItem.data || {}, req.locale || 'en', widgetConfig.fields)\n      : layoutItem.data || {}\n\n    return {\n      component: RenderServerComponent({\n        Component: widgetConfig?.Component,\n        importMap,\n        serverProps: {\n          cookies,\n          locale,\n          permissions,\n          req,\n          widgetData,\n          widgetSlug,\n        } satisfies WidgetServerProps,\n      }),\n      item: layoutItem,\n    }\n  })\n\n  // Resolve function labels to static labels for client components\n  const clientWidgets: ClientWidget[] = widgets.map((widget) => {\n    const { Component: _, fields: __, label, ...rest } = widget\n    return {\n      ...rest,\n      label: typeof label === 'function' ? label({ i18n, t: i18n.t as TFunction }) : label,\n    }\n  })\n\n  return (\n    <div>\n      <ModularDashboardClient clientLayout={serverLayout} widgets={clientWidgets} />\n    </div>\n  )\n}\n"],"mappings":";AAGA,SAASA,qBAAqB,QAAQ;AACtC,OAAOC,KAAA,MAAW;AAKlB,SAASC,sBAAsB,QAAQ;AACvC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,uBAAuB,QAAQ;AACxC,SAASC,iBAAiB,QAAQ;AAKlC,OAAO,eAAeC,iBAAiBC,KAA+B;EACpE,MAAM;IAAEC,aAAA,GAAgB,EAAE;IAAEC,OAAA,GAAU;EAAE,CAAE,GAAGF,KAAA,CAAMG,OAAO,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS,IAAI,CAAC;EACtF,MAAM;IAAEC;EAAS,CAAE,GAAGP,KAAA,CAAMG,OAAO;EACnC,MAAM;IAAEK;EAAI,CAAE,GAAGR,KAAA;EACjB,MAAM;IAAES,OAAO;IAAEC,MAAM;IAAEC,WAAW;IAAEC;EAAG,CAAE,GAAGZ,KAAA,CAAMa,cAAc;EAClE,MAAM;IAAEC;EAAI,CAAE,GAAGF,GAAA;EAEjB,MAAMG,MAAA,GACJ,OAAOlB,uBAAA,CAAwBG,KAAA,CAAMG,OAAO,EAAEK,IAAA,OAC7C,MAAMZ,kBAAA,CAAmBK,aAAA,EAAeW,GAAA,EAAKV,OAAA;EAEhD,MAAMc,YAAA,GAA6BD,MAAA,CAAOE,GAAG,CAAEC,UAAA;IAC7C,MAAMC,UAAA,GAAaD,UAAA,CAAWE,EAAE,CAACC,KAAK,CAAC,GAAGH,UAAA,CAAWE,EAAE,CAACE,WAAW,CAAC;IACpE,MAAMC,YAAA,GAAerB,OAAA,CAAQsB,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOC,IAAI,KAAKP,UAAA;IAC9D,MAAMQ,UAAA,GAAaJ,YAAA,EAAcK,MAAA,EAAQC,MAAA,GACrC/B,iBAAA,CAAkBoB,UAAA,CAAWY,IAAI,IAAI,CAAC,GAAGlB,GAAA,CAAIF,MAAM,IAAI,MAAMa,YAAA,CAAaK,MAAM,IAChFV,UAAA,CAAWY,IAAI,IAAI,CAAC;IAExB,OAAO;MACLC,SAAA,EAAWtC,qBAAA,CAAsB;QAC/BuC,SAAA,EAAWT,YAAA,EAAcS,SAAA;QACzBzB,SAAA;QACA0B,WAAA,EAAa;UACXxB,OAAA;UACAC,MAAA;UACAC,WAAA;UACAC,GAAA;UACAe,UAAA;UACAR;QACF;MACF;MACAe,IAAA,EAAMhB;IACR;EACF;EAEA;EACA,MAAMiB,aAAA,GAAgCjC,OAAA,CAAQe,GAAG,CAAEQ,MAAA;IACjD,MAAM;MAAEO,SAAA,EAAWI,CAAC;MAAER,MAAA,EAAQS,EAAE;MAAEC,KAAK;MAAE,GAAGC;IAAA,CAAM,GAAGd,MAAA;IACrD,OAAO;MACL,GAAGc,IAAI;MACPD,KAAA,EAAO,OAAOA,KAAA,KAAU,aAAaA,KAAA,CAAM;QAAExB,IAAA;QAAM0B,CAAA,EAAG1B,IAAA,CAAK0B;MAAe,KAAKF;IACjF;EACF;EAEA,oBACEG,IAAA,CAAC;cACC,aAAAA,IAAA,CAAC9C,sBAAA;MAAuB+C,YAAA,EAAc1B,YAAA;MAAcd,OAAA,EAASiC;;;AAGnE","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/RenderWidget.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-/**
- * Utility to render a widget on-demand on the client.
- */
-export declare const RenderWidget: React.FC<{
-    /**
-     * Instance-specific data for this widget
-     */
-    widgetData?: Record<string, unknown>;
-    /**
-     * Unique ID for this widget instance (format: "slug-timestamp")
-     */
-    widgetId: string;
-}>;
-//# sourceMappingURL=RenderWidget.d.ts.map

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/RenderWidget.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RenderWidget.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/RenderWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAO7D;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAA;CACjB,CAgEA,CAAA"}

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

@@ -1,106 +0,0 @@
-'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { ShimmerEffect, useServerFunctions } from '@payloadcms/ui';
-import React, { useCallback, useEffect, useRef } from 'react';
-/**
- * Utility to render a widget on-demand on the client.
- */
-export const RenderWidget = t0 => {
-  const $ = _c(10);
-  const {
-    widgetData,
-    widgetId
-  } = t0;
-  const [Component, setComponent] = React.useState(null);
-  const {
-    serverFunction
-  } = useServerFunctions();
-  const requestIDRef = useRef(0);
-  let t1;
-  if ($[0] !== serverFunction || $[1] !== widgetData || $[2] !== widgetId) {
-    t1 = () => {
-      const render = async function render() {
-        const requestID = requestIDRef.current = requestIDRef.current + 1;
-        setComponent(null);
-        ;
-        try {
-          const widgetSlug = widgetId.slice(0, widgetId.lastIndexOf("-"));
-          const result = await serverFunction({
-            name: "render-widget",
-            args: {
-              widgetData,
-              widgetSlug
-            }
-          });
-          if (requestID !== requestIDRef.current) {
-            return;
-          }
-          setComponent(result.component);
-        } catch (t2) {
-          if (requestID !== requestIDRef.current) {
-            return;
-          }
-          setComponent(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"
-            }
-          }, "Failed to load widget. Please try again later."));
-        }
-      };
-      render();
-    };
-    $[0] = serverFunction;
-    $[1] = widgetData;
-    $[2] = widgetId;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const renderWidget = t1;
-  let t2;
-  let t3;
-  if ($[4] !== renderWidget) {
-    t2 = () => {
-      renderWidget();
-    };
-    t3 = [renderWidget];
-    $[4] = renderWidget;
-    $[5] = t2;
-    $[6] = t3;
-  } else {
-    t2 = $[5];
-    t3 = $[6];
-  }
-  useEffect(t2, t3);
-  if (!Component) {
-    let t4;
-    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-      t4 = _jsx(ShimmerEffect, {
-        height: "100%"
-      });
-      $[7] = t4;
-    } else {
-      t4 = $[7];
-    }
-    return t4;
-  }
-  let t4;
-  if ($[8] !== Component) {
-    t4 = _jsx(_Fragment, {
-      children: Component
-    });
-    $[8] = Component;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  return t4;
-};
-//# sourceMappingURL=RenderWidget.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RenderWidget.js","names":["c","_c","ShimmerEffect","useServerFunctions","React","useCallback","useEffect","useRef","RenderWidget","t0","$","widgetData","widgetId","Component","setComponent","useState","serverFunction","requestIDRef","t1","render","requestID","current","widgetSlug","slice","lastIndexOf","result","name","args","component","t2","createElement","style","background","border","borderRadius","color","padding","textAlign","renderWidget","t3","t4","Symbol","for","_jsx","height","_Fragment","children"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/RenderWidget.tsx"],"sourcesContent":["'use client'\n\nimport { ShimmerEffect, useServerFunctions } from '@payloadcms/ui'\nimport React, { useCallback, useEffect, useRef } from 'react'\n\nimport type {\n  RenderWidgetServerFnArgs,\n  RenderWidgetServerFnReturnType,\n} from './renderWidgetServerFn.js'\n\n/**\n * Utility to render a widget on-demand on the client.\n */\nexport const RenderWidget: React.FC<{\n  /**\n   * Instance-specific data for this widget\n   */\n  widgetData?: Record<string, unknown>\n  /**\n   * Unique ID for this widget instance (format: \"slug-timestamp\")\n   */\n  widgetId: string\n}> = ({ widgetData, widgetId }) => {\n  const [Component, setComponent] = React.useState<null | React.ReactNode>(null)\n  const { serverFunction } = useServerFunctions()\n  const requestIDRef = useRef(0)\n\n  const renderWidget = useCallback(() => {\n    async function render() {\n      const requestID = ++requestIDRef.current\n      setComponent(null)\n\n      try {\n        const widgetSlug = widgetId.slice(0, widgetId.lastIndexOf('-'))\n\n        const result = (await serverFunction({\n          name: 'render-widget',\n          args: {\n            widgetData,\n            widgetSlug,\n          } as RenderWidgetServerFnArgs,\n        })) as RenderWidgetServerFnReturnType\n\n        if (requestID !== requestIDRef.current) {\n          return\n        }\n\n        setComponent(result.component)\n      } catch (_error) {\n        if (requestID !== requestIDRef.current) {\n          return\n        }\n\n        // Log error but don't expose details to console in production\n\n        // Fallback error component\n        setComponent(\n          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            'Failed to load widget. Please try again later.',\n          ),\n        )\n      }\n    }\n    void render()\n  }, [serverFunction, widgetData, widgetId])\n\n  useEffect(() => {\n    void renderWidget()\n  }, [renderWidget])\n\n  if (!Component) {\n    return <ShimmerEffect height=\"100%\" />\n  }\n\n  return <>{Component}</>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,aAAa,EAAEC,kBAAkB,QAAQ;AAClD,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ;AAOtD;;;AAGA,OAAO,MAAMC,YAAA,GASRC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,UAAA;IAAAC;EAAA,IAAAH,EAAwB;EAC5B,OAAAI,SAAA,EAAAC,YAAA,IAAkCV,KAAA,CAAAW,QAAA,KAAuC;EACzE;IAAAC;EAAA,IAA2Bb,kBAAA;EAC3B,MAAAc,YAAA,GAAqBV,MAAA,EAAO;EAAA,IAAAW,EAAA;EAAA,IAAAR,CAAA,QAAAM,cAAA,IAAAN,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAE,QAAA;IAEKM,EAAA,GAAAA,CAAA;MAC/B,MAAAC,MAAA,kBAAAA,OAAA;QACE,MAAAC,SAAA,GAAoBH,YAAA,CAAAI,OAAA,GAAAJ,YAAA,CAAAI,OAAA,IAAoB;QACxCP,YAAA,KAAa;QAAA;QAAA;UAGX,MAAAQ,UAAA,GAAmBV,QAAA,CAAAW,KAAA,IAAkBX,QAAA,CAAAY,WAAA,CAAqB;UAE1D,MAAAC,MAAA,SAAsBT,cAAA;YAAAU,IAAA,EACd;YAAAC,IAAA;cAAAhB,UAAA;cAAAW;YAAA;UAAA,CAKR;UAAA,IAEIF,SAAA,KAAcH,YAAA,CAAAI,OAAoB;YAAA;UAAA;UAItCP,YAAA,CAAaW,MAAA,CAAAG,SAAgB;QAAA,SAAAC,EAAA;UAAA,IAEzBT,SAAA,KAAcH,YAAA,CAAAI,OAAoB;YAAA;UAAA;UAOtCP,YAAA,CACEV,KAAA,CAAA0B,aAAA,CACE;YAAAC,KAAA;cAAAC,UAAA,EAGgB;cAAAC,MAAA,EACJ;cAAAC,YAAA,EACM;cAAAC,KAAA,EACP;cAAAC,OAAA,EACE;cAAAC,SAAA,EACE;YAAA;UAAA,GAGf;QAAA;MAAA;MAKHlB,MAAA;IAAA;IACPT,CAAA,MAAAM,cAAA;IAAAN,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAhDA,MAAA4B,YAAA,GAAqBpB,EAgDoB;EAAA,IAAAW,EAAA;EAAA,IAAAU,EAAA;EAAA,IAAA7B,CAAA,QAAA4B,YAAA;IAE/BT,EAAA,GAAAA,CAAA;MACHS,YAAA;IAAA;IACJC,EAAA,IAACD,YAAA;IAAa5B,CAAA,MAAA4B,YAAA;IAAA5B,CAAA,MAAAmB,EAAA;IAAAnB,CAAA,MAAA6B,EAAA;EAAA;IAAAV,EAAA,GAAAnB,CAAA;IAAA6B,EAAA,GAAA7B,CAAA;EAAA;EAFjBJ,SAAA,CAAUuB,EAEV,EAAGU,EAAc;EAAA,KAEZ1B,SAAA;IAAA,IAAA2B,EAAA;IAAA,IAAA9B,CAAA,QAAA+B,MAAA,CAAAC,GAAA;MACIF,EAAA,GAAAG,IAAA,CAAAzC,aAAA;QAAA0C,MAAA,EAAsB;MAAA,C;;;;;WAAtBJ,E;;;;IAGFA,EAAA,GAAAG,IAAA,CAAAE,SAAA;MAAAC,QAAA,EAAGjC;IAAA,C;;;;;;SAAH2B,E;CACT","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/getDefaultLayoutServerFn.d.ts

@@ -1,12 +0,0 @@
-import type { ServerFunction } from 'payload';
-import type { WidgetInstanceClient } from '../index.client.js';
-export type GetDefaultLayoutServerFnArgs = Record<string, never>;
-export type GetDefaultLayoutServerFnReturnType = {
-    layout: WidgetInstanceClient[];
-};
-/**
- * Server function to get the default dashboard layout on-demand.
- * Used when resetting the dashboard to its default configuration.
- */
-export declare const getDefaultLayoutHandler: ServerFunction<GetDefaultLayoutServerFnArgs, Promise<GetDefaultLayoutServerFnReturnType>>;
-//# sourceMappingURL=getDefaultLayoutServerFn.d.ts.map

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/getDefaultLayoutServerFn.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getDefaultLayoutServerFn.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/getDefaultLayoutServerFn.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,cAAc,EAGf,MAAM,SAAS,CAAA;AAIhB,OAAO,KAAK,EAAE,oBAAoB,EAAc,MAAM,oBAAoB,CAAA;AAE1E,MAAM,MAAM,4BAA4B,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;AAEhE,MAAM,MAAM,kCAAkC,GAAG;IAC/C,MAAM,EAAE,oBAAoB,EAAE,CAAA;CAC/B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,cAAc,CAClD,4BAA4B,EAC5B,OAAO,CAAC,kCAAkC,CAAC,CA+B5C,CAAA"}

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

@@ -1,65 +0,0 @@
-import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
-/**
- * Server function to get the default dashboard layout on-demand.
- * Used when resetting the dashboard to its default configuration.
- */
-export const getDefaultLayoutHandler = async ({
-  cookies,
-  locale,
-  permissions,
-  req
-}) => {
-  if (!req.user) {
-    throw new Error('Unauthorized');
-  }
-  const {
-    defaultLayout = [],
-    widgets = []
-  } = req.payload.config.admin.dashboard || {};
-  const {
-    importMap
-  } = req.payload;
-  const layoutItems = await getItemsFromConfig(defaultLayout, req, widgets);
-  const layout = layoutItems.map(layoutItem => {
-    const widgetSlug = layoutItem.id.slice(0, layoutItem.id.lastIndexOf('-'));
-    return {
-      component: RenderServerComponent({
-        Component: widgets.find(widget => widget.slug === widgetSlug)?.Component,
-        importMap,
-        serverProps: {
-          cookies,
-          locale,
-          permissions,
-          req,
-          widgetData: layoutItem.data || {},
-          widgetSlug
-        }
-      }),
-      item: layoutItem
-    };
-  });
-  return {
-    layout
-  };
-};
-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=getDefaultLayoutServerFn.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getDefaultLayoutServerFn.js","names":["RenderServerComponent","getDefaultLayoutHandler","cookies","locale","permissions","req","user","Error","defaultLayout","widgets","payload","config","admin","dashboard","importMap","layoutItems","getItemsFromConfig","layout","map","layoutItem","widgetSlug","id","slice","lastIndexOf","component","Component","find","widget","slug","serverProps","widgetData","data","item","widgetInstances","widgetInstance","index","w","maxWidth","minWidth","width"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/getDefaultLayoutServerFn.ts"],"sourcesContent":["import type {\n  DashboardConfig,\n  PayloadRequest,\n  ServerFunction,\n  Widget,\n  WidgetServerProps,\n} from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\n\nimport type { WidgetInstanceClient, WidgetItem } from '../index.client.js'\n\nexport type GetDefaultLayoutServerFnArgs = Record<string, never>\n\nexport type GetDefaultLayoutServerFnReturnType = {\n  layout: WidgetInstanceClient[]\n}\n\n/**\n * Server function to get the default dashboard layout on-demand.\n * Used when resetting the dashboard to its default configuration.\n */\nexport const getDefaultLayoutHandler: ServerFunction<\n  GetDefaultLayoutServerFnArgs,\n  Promise<GetDefaultLayoutServerFnReturnType>\n> = async ({ cookies, locale, permissions, req }) => {\n  if (!req.user) {\n    throw new Error('Unauthorized')\n  }\n\n  const { defaultLayout = [], widgets = [] } = req.payload.config.admin.dashboard || {}\n  const { importMap } = req.payload\n\n  const layoutItems = await getItemsFromConfig(defaultLayout, req, widgets)\n\n  const layout: WidgetInstanceClient[] = layoutItems.map((layoutItem) => {\n    const widgetSlug = layoutItem.id.slice(0, layoutItem.id.lastIndexOf('-'))\n    return {\n      component: RenderServerComponent({\n        Component: widgets.find((widget) => widget.slug === widgetSlug)?.Component,\n        importMap,\n        serverProps: {\n          cookies,\n          locale,\n          permissions,\n          req,\n          widgetData: layoutItem.data || {},\n          widgetSlug,\n        } satisfies WidgetServerProps,\n      }),\n      item: layoutItem,\n    }\n  })\n\n  return { layout }\n}\n\nasync function getItemsFromConfig(\n  defaultLayout: NonNullable<DashboardConfig['defaultLayout']>,\n  req: PayloadRequest,\n  widgets: Pick<Widget, 'maxWidth' | 'minWidth' | 'slug'>[],\n): Promise<WidgetItem[]> {\n  let widgetInstances\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":"AAQA,SAASA,qBAAqB,QAAQ;AAUtC;;;;AAIA,OAAO,MAAMC,uBAAA,GAGT,MAAAA,CAAO;EAAEC,OAAO;EAAEC,MAAM;EAAEC,WAAW;EAAEC;AAAG,CAAE;EAC9C,IAAI,CAACA,GAAA,CAAIC,IAAI,EAAE;IACb,MAAM,IAAIC,KAAA,CAAM;EAClB;EAEA,MAAM;IAAEC,aAAA,GAAgB,EAAE;IAAEC,OAAA,GAAU;EAAE,CAAE,GAAGJ,GAAA,CAAIK,OAAO,CAACC,MAAM,CAACC,KAAK,CAACC,SAAS,IAAI,CAAC;EACpF,MAAM;IAAEC;EAAS,CAAE,GAAGT,GAAA,CAAIK,OAAO;EAEjC,MAAMK,WAAA,GAAc,MAAMC,kBAAA,CAAmBR,aAAA,EAAeH,GAAA,EAAKI,OAAA;EAEjE,MAAMQ,MAAA,GAAiCF,WAAA,CAAYG,GAAG,CAAEC,UAAA;IACtD,MAAMC,UAAA,GAAaD,UAAA,CAAWE,EAAE,CAACC,KAAK,CAAC,GAAGH,UAAA,CAAWE,EAAE,CAACE,WAAW,CAAC;IACpE,OAAO;MACLC,SAAA,EAAWxB,qBAAA,CAAsB;QAC/ByB,SAAA,EAAWhB,OAAA,CAAQiB,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOC,IAAI,KAAKR,UAAA,GAAaK,SAAA;QACjEX,SAAA;QACAe,WAAA,EAAa;UACX3B,OAAA;UACAC,MAAA;UACAC,WAAA;UACAC,GAAA;UACAyB,UAAA,EAAYX,UAAA,CAAWY,IAAI,IAAI,CAAC;UAChCX;QACF;MACF;MACAY,IAAA,EAAMb;IACR;EACF;EAEA,OAAO;IAAEF;EAAO;AAClB;AAEA,eAAeD,mBACbR,aAA4D,EAC5DH,GAAmB,EACnBI,OAAyD;EAEzD,IAAIwB,eAAA;EACJ,IAAI,OAAOzB,aAAA,KAAkB,YAAY;IACvCyB,eAAA,GAAkB,MAAMzB,aAAA,CAAc;MAAEH;IAAI;EAC9C,OAAO;IACL4B,eAAA,GAAkBzB,aAAA;EACpB;EAEA,OAAOyB,eAAA,CAAgBf,GAAG,CAAC,CAACgB,cAAA,EAAgBC,KAAA;IAC1C,MAAMR,MAAA,GAASlB,OAAA,CAAQiB,IAAI,CAAEU,CAAA,IAAMA,CAAA,CAAER,IAAI,KAAKM,cAAA,CAAed,UAAU;IACvE,OAAO;MACLC,EAAA,EAAI,GAAGa,cAAA,CAAed,UAAU,IAAIe,KAAA,EAAO;MAC3CJ,IAAA,EAAMG,cAAA,CAAeH,IAAI;MACzBM,QAAA,EAAUV,MAAA,EAAQU,QAAA,IAAY;MAC9BC,QAAA,EAAUX,MAAA,EAAQW,QAAA,IAAY;MAC9BC,KAAA,EAAOL,cAAA,CAAeK,KAAK,IAAI;IACjC;EACF;AACF","ignoreList":[]}

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.d.ts

@@ -1,21 +0,0 @@
-import type { ServerFunction } from 'payload';
-import React from 'react';
-export type RenderWidgetServerFnArgs = {
-    /**
-     * Instance-specific data for this widget
-     */
-    widgetData?: Record<string, unknown>;
-    /**
-     * The slug of the widget to render
-     */
-    widgetSlug: string;
-};
-export type RenderWidgetServerFnReturnType = {
-    component: React.ReactNode;
-};
-/**
- * Server function to render a widget on-demand.
- * Similar to render-field but specifically for dashboard widgets.
- */
-export declare const renderWidgetHandler: ServerFunction<RenderWidgetServerFnArgs, RenderWidgetServerFnReturnType>;
-//# sourceMappingURL=renderWidgetServerFn.d.ts.map

package/dist/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderWidgetServerFn.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/renderWidget/renderWidgetServerFn.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,cAAc,EAAqB,MAAM,SAAS,CAAA;AAGvE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG;IAC3C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAC9C,wBAAwB,EACxB,8BAA8B,CA8E/B,CAAA"}