@payloadcms/ui 4.0.0-internal.5f0cd13 → 4.0.0-internal.a0ef1b8

package/dist/views/CreateFirstUser/index.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds
+import { CreateFirstUserClient } from '../../exports/client/index.js';
+import { buildFormState } from '../../utilities/buildFormState.js';
+import { getDocPreferences } from '../../utilities/getDocPreferences.js';
+import { getDocumentData } from '../../utilities/getDocumentData.js';
+import './index.css';
+const baseClass = 'create-first-user';
+export async function CreateFirstUserView({
+  initPageResult
+}) {
+  const {
+    locale,
+    req,
+    req: {
+      payload: {
+        collections,
+        config: {
+          admin: {
+            user: userSlug
+          }
+        }
+      }
+    }
+  } = initPageResult;
+  const collectionConfig = collections?.[userSlug]?.config;
+  const {
+    auth: authOptions
+  } = collectionConfig;
+  const loginWithUsername = authOptions.loginWithUsername;
+  // Fetch the data required for the view
+  const data = await getDocumentData({
+    collectionSlug: collectionConfig.slug,
+    locale,
+    payload: req.payload,
+    req,
+    user: req.user
+  });
+  // Get document preferences
+  const docPreferences = await getDocPreferences({
+    collectionSlug: collectionConfig.slug,
+    payload: req.payload,
+    user: req.user
+  });
+  const baseFields = Object.fromEntries(collectionConfig.fields.filter(f => 'name' in f && typeof f.name === 'string').map(f => [f.name, {
+    create: true,
+    read: true,
+    update: true
+  }]));
+  // In create-first-user we should always allow all fields
+  const docPermissionsForForm = {
+    create: true,
+    delete: true,
+    fields: baseFields,
+    read: true,
+    readVersions: true,
+    update: true
+  };
+  // Build initial form state from data
+  const {
+    state: formState
+  } = await buildFormState({
+    collectionSlug: collectionConfig.slug,
+    data,
+    docPermissions: docPermissionsForForm,
+    docPreferences,
+    locale: locale?.code,
+    operation: 'create',
+    renderAllFields: true,
+    req,
+    schemaPath: collectionConfig.slug,
+    skipClientConfigAuth: true,
+    skipValidation: true
+  });
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__header`,
+      children: [/*#__PURE__*/_jsx("h1", {
+        children: req.t('general:welcome')
+      }), /*#__PURE__*/_jsx("p", {
+        children: req.t('authentication:beginCreateFirstUser')
+      })]
+    }), /*#__PURE__*/_jsx(CreateFirstUserClient, {
+      docPermissions: docPermissionsForForm,
+      docPreferences: docPreferences,
+      initialState: formState,
+      loginWithUsername: loginWithUsername,
+      userSlug: userSlug
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/views/CreateFirstUser/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","CreateFirstUserClient","buildFormState","getDocPreferences","getDocumentData","baseClass","CreateFirstUserView","initPageResult","locale","req","payload","collections","config","admin","user","userSlug","collectionConfig","auth","authOptions","loginWithUsername","data","collectionSlug","slug","docPreferences","baseFields","Object","fromEntries","fields","filter","f","name","map","create","read","update","docPermissionsForForm","delete","readVersions","state","formState","docPermissions","code","operation","renderAllFields","schemaPath","skipClientConfigAuth","skipValidation","_jsxs","className","_jsx","t","initialState"],"sources":["../../../src/views/CreateFirstUser/index.tsx"],"sourcesContent":["import type {\n  AdminViewServerProps,\n  SanitizedDocumentPermissions,\n  SanitizedFieldsPermissions,\n} from 'payload'\n\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds\nimport { CreateFirstUserClient } from '../../exports/client/index.js'\nimport { buildFormState } from '../../utilities/buildFormState.js'\nimport { getDocPreferences } from '../../utilities/getDocPreferences.js'\nimport { getDocumentData } from '../../utilities/getDocumentData.js'\nimport './index.css'\n\nconst baseClass = 'create-first-user'\n\nexport async function CreateFirstUserView({ initPageResult }: AdminViewServerProps) {\n  const {\n    locale,\n    req,\n    req: {\n      payload: {\n        collections,\n        config: {\n          admin: { user: userSlug },\n        },\n      },\n    },\n  } = initPageResult\n\n  const collectionConfig = collections?.[userSlug]?.config\n  const { auth: authOptions } = collectionConfig\n  const loginWithUsername = authOptions.loginWithUsername\n\n  // Fetch the data required for the view\n  const data = await getDocumentData({\n    collectionSlug: collectionConfig.slug,\n    locale,\n    payload: req.payload,\n    req,\n    user: req.user,\n  })\n\n  // Get document preferences\n  const docPreferences = await getDocPreferences({\n    collectionSlug: collectionConfig.slug,\n    payload: req.payload,\n    user: req.user,\n  })\n\n  const baseFields: SanitizedFieldsPermissions = Object.fromEntries(\n    collectionConfig.fields\n      .filter((f): f is { name: string } & typeof f => 'name' in f && typeof f.name === 'string')\n      .map((f) => [f.name, { create: true, read: true, update: true }]),\n  )\n\n  // In create-first-user we should always allow all fields\n  const docPermissionsForForm: SanitizedDocumentPermissions = {\n    create: true,\n    delete: true,\n    fields: baseFields,\n    read: true,\n    readVersions: true,\n    update: true,\n  }\n\n  // Build initial form state from data\n  const { state: formState } = await buildFormState({\n    collectionSlug: collectionConfig.slug,\n    data,\n    docPermissions: docPermissionsForForm,\n    docPreferences,\n    locale: locale?.code,\n    operation: 'create',\n    renderAllFields: true,\n    req,\n    schemaPath: collectionConfig.slug,\n    skipClientConfigAuth: true,\n    skipValidation: true,\n  })\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <h1>{req.t('general:welcome')}</h1>\n        <p>{req.t('authentication:beginCreateFirstUser')}</p>\n      </div>\n      <CreateFirstUserClient\n        docPermissions={docPermissionsForForm}\n        docPreferences={docPreferences}\n        initialState={formState}\n        loginWithUsername={loginWithUsername}\n        userSlug={userSlug}\n      />\n    </div>\n  )\n}\n"],"mappings":";AAMA,OAAOA,KAAA,MAAW;AAElB;AACA,SAASC,qBAAqB,QAAQ;AACtC,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,eAAeC,oBAAoB;EAAEC;AAAc,CAAwB;EAChF,MAAM;IACJC,MAAM;IACNC,GAAG;IACHA,GAAA,EAAK;MACHC,OAAA,EAAS;QACPC,WAAW;QACXC,MAAA,EAAQ;UACNC,KAAA,EAAO;YAAEC,IAAA,EAAMC;UAAQ;QAAE;MAC1B;IACF;EACF,CACF,GAAGR,cAAA;EAEJ,MAAMS,gBAAA,GAAmBL,WAAA,GAAcI,QAAA,CAAS,EAAEH,MAAA;EAClD,MAAM;IAAEK,IAAA,EAAMC;EAAW,CAAE,GAAGF,gBAAA;EAC9B,MAAMG,iBAAA,GAAoBD,WAAA,CAAYC,iBAAiB;EAEvD;EACA,MAAMC,IAAA,GAAO,MAAMhB,eAAA,CAAgB;IACjCiB,cAAA,EAAgBL,gBAAA,CAAiBM,IAAI;IACrCd,MAAA;IACAE,OAAA,EAASD,GAAA,CAAIC,OAAO;IACpBD,GAAA;IACAK,IAAA,EAAML,GAAA,CAAIK;EACZ;EAEA;EACA,MAAMS,cAAA,GAAiB,MAAMpB,iBAAA,CAAkB;IAC7CkB,cAAA,EAAgBL,gBAAA,CAAiBM,IAAI;IACrCZ,OAAA,EAASD,GAAA,CAAIC,OAAO;IACpBI,IAAA,EAAML,GAAA,CAAIK;EACZ;EAEA,MAAMU,UAAA,GAAyCC,MAAA,CAAOC,WAAW,CAC/DV,gBAAA,CAAiBW,MAAM,CACpBC,MAAM,CAAEC,CAAA,IAAwC,UAAUA,CAAA,IAAK,OAAOA,CAAA,CAAEC,IAAI,KAAK,UACjFC,GAAG,CAAEF,CAAA,IAAM,CAACA,CAAA,CAAEC,IAAI,EAAE;IAAEE,MAAA,EAAQ;IAAMC,IAAA,EAAM;IAAMC,MAAA,EAAQ;EAAK,EAAE;EAGpE;EACA,MAAMC,qBAAA,GAAsD;IAC1DH,MAAA,EAAQ;IACRI,MAAA,EAAQ;IACRT,MAAA,EAAQH,UAAA;IACRS,IAAA,EAAM;IACNI,YAAA,EAAc;IACdH,MAAA,EAAQ;EACV;EAEA;EACA,MAAM;IAAEI,KAAA,EAAOC;EAAS,CAAE,GAAG,MAAMrC,cAAA,CAAe;IAChDmB,cAAA,EAAgBL,gBAAA,CAAiBM,IAAI;IACrCF,IAAA;IACAoB,cAAA,EAAgBL,qBAAA;IAChBZ,cAAA;IACAf,MAAA,EAAQA,MAAA,EAAQiC,IAAA;IAChBC,SAAA,EAAW;IACXC,eAAA,EAAiB;IACjBlC,GAAA;IACAmC,UAAA,EAAY5B,gBAAA,CAAiBM,IAAI;IACjCuB,oBAAA,EAAsB;IACtBC,cAAA,EAAgB;EAClB;EAEA,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAW3C,SAAA;4BACd0C,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAG3C,SAAA,UAAmB;8BACpC4C,IAAA,CAAC;kBAAIxC,GAAA,CAAIyC,CAAC,CAAC;uBACXD,IAAA,CAAC;kBAAGxC,GAAA,CAAIyC,CAAC,CAAC;;qBAEZD,IAAA,CAAChD,qBAAA;MACCuC,cAAA,EAAgBL,qBAAA;MAChBZ,cAAA,EAAgBA,cAAA;MAChB4B,YAAA,EAAcZ,SAAA;MACdpB,iBAAA,EAAmBA,iBAAA;MACnBJ,QAAA,EAAUA;;;AAIlB","ignoreList":[]}

package/dist/views/CreateFirstUser/metadata.d.ts

@@ -0,0 +1,3 @@
+import type { GenerateViewMetadata } from 'payload';
+export declare const generateCreateFirstUserMetadata: GenerateViewMetadata;
+//# sourceMappingURL=metadata.d.ts.map

package/dist/views/CreateFirstUser/metadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadata.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/metadata.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAInD,eAAO,MAAM,+BAA+B,EAAE,oBAU1C,CAAA"}

package/dist/views/CreateFirstUser/metadata.js

@@ -0,0 +1,14 @@
+import { formatMetadata } from '../../utilities/formatMetadata.js';
+export const generateCreateFirstUserMetadata = async ({
+  config,
+  i18n: {
+    t
+  }
+}) => formatMetadata({
+  description: t('authentication:createFirstUser'),
+  keywords: t('general:create'),
+  serverURL: config.serverURL,
+  title: t('authentication:createFirstUser'),
+  ...(config.admin.meta || {})
+});
+//# sourceMappingURL=metadata.js.map

package/dist/views/CreateFirstUser/metadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadata.js","names":["formatMetadata","generateCreateFirstUserMetadata","config","i18n","t","description","keywords","serverURL","title","admin","meta"],"sources":["../../../src/views/CreateFirstUser/metadata.ts"],"sourcesContent":["import type { GenerateViewMetadata } from 'payload'\n\nimport { formatMetadata } from '../../utilities/formatMetadata.js'\n\nexport const generateCreateFirstUserMetadata: GenerateViewMetadata = async ({\n  config,\n  i18n: { t },\n}) =>\n  formatMetadata({\n    description: t('authentication:createFirstUser'),\n    keywords: t('general:create'),\n    serverURL: config.serverURL,\n    title: t('authentication:createFirstUser'),\n    ...(config.admin.meta || {}),\n  })\n"],"mappings":"AAEA,SAASA,cAAc,QAAQ;AAE/B,OAAO,MAAMC,+BAAA,GAAwD,MAAAA,CAAO;EAC1EC,MAAM;EACNC,IAAA,EAAM;IAAEC;EAAC;AAAE,CACZ,KACCJ,cAAA,CAAe;EACbK,WAAA,EAAaD,CAAA,CAAE;EACfE,QAAA,EAAUF,CAAA,CAAE;EACZG,SAAA,EAAWL,MAAA,CAAOK,SAAS;EAC3BC,KAAA,EAAOJ,CAAA,CAAE;EACT,IAAIF,MAAA,CAAOO,KAAK,CAACC,IAAI,IAAI,CAAC,CAAC;AAC7B","ignoreList":[]}

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

@@ -0,0 +1,19 @@
+import type { ClientWidget } from 'payload';
+export declare function DashboardStepNav({ addWidget, cancel, isEditing, resetLayout, saveLayout, setIsEditing, widgets, }: {
+    addWidget: (slug: string) => void;
+    cancel: () => void;
+    isEditing: boolean;
+    resetLayout: () => Promise<void>;
+    saveLayout: () => Promise<void>;
+    setIsEditing: (isEditing: boolean) => void;
+    widgets: ClientWidget[];
+}): import("react").JSX.Element;
+export declare function DashboardBreadcrumbDropdown(props: {
+    isEditing: boolean;
+    onCancel: () => void;
+    onEditClick: () => void;
+    onResetLayout: () => void;
+    onSaveChanges: () => void;
+    widgetsDrawerSlug: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=DashboardStepNav.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardStepNav.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/DashboardStepNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAa3C,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,MAAM,EACN,SAAS,EACT,WAAW,EACX,UAAU,EACV,YAAY,EACZ,OAAO,GACR,EAAE;IACD,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAChC,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/B,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1C,OAAO,EAAE,YAAY,EAAE,CAAA;CACxB,+BAoCA;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE;IACjD,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,iBAAiB,EAAE,MAAM,CAAA;CAC1B,+BAmEA"}

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

@@ -0,0 +1,216 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useId } from 'react';
+import { Button } from '../../../../elements/Button/index.js';
+import { DrawerToggler } from '../../../../elements/Drawer/index.js';
+import { ItemsDrawer } from '../../../../elements/ItemsDrawer/index.js';
+import { Popup } from '../../../../elements/Popup/index.js';
+import * as PopupList from '../../../../elements/Popup/PopupButtonList/index.js';
+import { useStepNav } from '../../../../elements/StepNav/index.js';
+import { ChevronIcon } from '../../../../icons/Chevron/index.js';
+import { useTranslation } from '../../../../providers/Translation/index.js';
+export function DashboardStepNav(t0) {
+  const $ = _c(15);
+  const {
+    addWidget,
+    cancel,
+    isEditing,
+    resetLayout,
+    saveLayout,
+    setIsEditing,
+    widgets
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  const {
+    setStepNav
+  } = useStepNav();
+  const uuid = useId();
+  const drawerSlug = `widgets-drawer-${uuid}`;
+  let t1;
+  let t2;
+  if ($[0] !== cancel || $[1] !== drawerSlug || $[2] !== isEditing || $[3] !== resetLayout || $[4] !== saveLayout || $[5] !== setIsEditing || $[6] !== setStepNav) {
+    t1 = () => {
+      setStepNav([{
+        label: _jsx(DashboardBreadcrumbDropdown, {
+          isEditing,
+          onCancel: cancel,
+          onEditClick: () => setIsEditing(true),
+          onResetLayout: resetLayout,
+          onSaveChanges: saveLayout,
+          widgetsDrawerSlug: drawerSlug
+        })
+      }]);
+    };
+    t2 = [isEditing, drawerSlug, cancel, resetLayout, saveLayout, setIsEditing, setStepNav];
+    $[0] = cancel;
+    $[1] = drawerSlug;
+    $[2] = isEditing;
+    $[3] = resetLayout;
+    $[4] = saveLayout;
+    $[5] = setIsEditing;
+    $[6] = setStepNav;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t1 = $[7];
+    t2 = $[8];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[9] !== addWidget || $[10] !== drawerSlug || $[11] !== isEditing || $[12] !== t || $[13] !== widgets) {
+    t3 = _jsx(_Fragment, {
+      children: isEditing && _jsx(ItemsDrawer, {
+        drawerSlug,
+        items: widgets,
+        onItemClick: widget => addWidget(widget.slug),
+        searchPlaceholder: t("dashboard:searchWidgets"),
+        title: t("dashboard:addWidget")
+      })
+    });
+    $[9] = addWidget;
+    $[10] = drawerSlug;
+    $[11] = isEditing;
+    $[12] = t;
+    $[13] = widgets;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  return t3;
+}
+export function DashboardBreadcrumbDropdown(props) {
+  const $ = _c(14);
+  const {
+    isEditing,
+    onCancel,
+    onEditClick,
+    onResetLayout,
+    onSaveChanges,
+    widgetsDrawerSlug
+  } = props;
+  const {
+    t
+  } = useTranslation();
+  if (isEditing) {
+    let t0;
+    if ($[0] !== onCancel || $[1] !== onSaveChanges || $[2] !== t || $[3] !== widgetsDrawerSlug) {
+      t0 = _jsxs("div", {
+        className: "dashboard-breadcrumb-dropdown__editing",
+        children: [_jsx("span", {
+          children: t("dashboard:editingDashboard")
+        }), _jsxs("div", {
+          className: "dashboard-breadcrumb-dropdown__actions",
+          children: [_jsx(DrawerToggler, {
+            className: "drawer-toggler--unstyled",
+            slug: widgetsDrawerSlug,
+            children: _jsx(Button, {
+              buttonStyle: "primary",
+              el: "span",
+              size: "medium",
+              children: t("dashboard:addButton")
+            })
+          }), _jsx(Button, {
+            buttonStyle: "pill",
+            onClick: onSaveChanges,
+            size: "medium",
+            children: t("fields:saveChanges")
+          }), _jsx(Button, {
+            buttonStyle: "pill",
+            onClick: onCancel,
+            size: "medium",
+            children: t("general:cancel")
+          })]
+        })]
+      });
+      $[0] = onCancel;
+      $[1] = onSaveChanges;
+      $[2] = t;
+      $[3] = widgetsDrawerSlug;
+      $[4] = t0;
+    } else {
+      t0 = $[4];
+    }
+    return t0;
+  }
+  let t0;
+  if ($[5] !== onEditClick || $[6] !== onResetLayout || $[7] !== t) {
+    t0 = t1 => {
+      const {
+        close
+      } = t1;
+      return _jsxs(PopupList.ButtonGroup, {
+        children: [_jsx(PopupList.Button, {
+          onClick: () => {
+            close();
+            onEditClick();
+          },
+          children: t("dashboard:editDashboard")
+        }), _jsx(PopupList.Button, {
+          onClick: () => {
+            close();
+            onResetLayout();
+          },
+          children: t("dashboard:resetLayout")
+        })]
+      });
+    };
+    $[5] = onEditClick;
+    $[6] = onResetLayout;
+    $[7] = t;
+    $[8] = t0;
+  } else {
+    t0 = $[8];
+  }
+  let t1;
+  if ($[9] !== t) {
+    t1 = t2 => {
+      const {
+        active: _active,
+        onClick,
+        onKeyDown,
+        ...ariaProps
+      } = t2;
+      return _jsx(Button, {
+        "aria-label": t("general:dashboard"),
+        buttonStyle: "ghost",
+        extraButtonProps: {
+          onKeyDown
+        },
+        onClick,
+        ...ariaProps,
+        children: _jsxs("span", {
+          className: "dashboard-breadcrumb-dropdown__label",
+          children: [t("general:dashboard"), _jsx(ChevronIcon, {
+            direction: "down",
+            size: 16
+          })]
+        })
+      });
+    };
+    $[9] = t;
+    $[10] = t1;
+  } else {
+    t1 = $[10];
+  }
+  let t2;
+  if ($[11] !== t0 || $[12] !== t1) {
+    t2 = _jsx(Popup, {
+      className: "dashboard-breadcrumb-dropdown",
+      horizontalAlign: "left",
+      render: t0,
+      renderButton: t1,
+      size: "large"
+    });
+    $[11] = t0;
+    $[12] = t1;
+    $[13] = t2;
+  } else {
+    t2 = $[13];
+  }
+  return t2;
+}
+//# sourceMappingURL=DashboardStepNav.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardStepNav.js","names":["c","_c","useEffect","useId","Button","DrawerToggler","ItemsDrawer","Popup","PopupList","useStepNav","ChevronIcon","useTranslation","DashboardStepNav","t0","$","addWidget","cancel","isEditing","resetLayout","saveLayout","setIsEditing","widgets","t","setStepNav","uuid","drawerSlug","t1","t2","label","_jsx","DashboardBreadcrumbDropdown","onCancel","onEditClick","onResetLayout","onSaveChanges","widgetsDrawerSlug","t3","_Fragment","children","items","onItemClick","widget","slug","searchPlaceholder","title","props","_jsxs","className","buttonStyle","el","size","onClick","close","ButtonGroup","active","_active","onKeyDown","ariaProps","extraButtonProps","direction","horizontalAlign","render"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/DashboardStepNav.tsx"],"sourcesContent":["'use client'\nimport type { ClientWidget } from 'payload'\n\nimport { useEffect, useId } from 'react'\n\nimport { Button } from '../../../../elements/Button/index.js'\nimport { DrawerToggler } from '../../../../elements/Drawer/index.js'\nimport { ItemsDrawer } from '../../../../elements/ItemsDrawer/index.js'\nimport { Popup } from '../../../../elements/Popup/index.js'\nimport * as PopupList from '../../../../elements/Popup/PopupButtonList/index.js'\nimport { useStepNav } from '../../../../elements/StepNav/index.js'\nimport { ChevronIcon } from '../../../../icons/Chevron/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\n\nexport function DashboardStepNav({\n  addWidget,\n  cancel,\n  isEditing,\n  resetLayout,\n  saveLayout,\n  setIsEditing,\n  widgets,\n}: {\n  addWidget: (slug: string) => void\n  cancel: () => void\n  isEditing: boolean\n  resetLayout: () => Promise<void>\n  saveLayout: () => Promise<void>\n  setIsEditing: (isEditing: boolean) => void\n  widgets: ClientWidget[]\n}) {\n  const { t } = useTranslation()\n  const { setStepNav } = useStepNav()\n  const uuid = useId()\n  const drawerSlug = `widgets-drawer-${uuid}`\n\n  useEffect(() => {\n    setStepNav([\n      {\n        label: (\n          <DashboardBreadcrumbDropdown\n            isEditing={isEditing}\n            onCancel={cancel}\n            onEditClick={() => setIsEditing(true)}\n            onResetLayout={resetLayout}\n            onSaveChanges={saveLayout}\n            widgetsDrawerSlug={drawerSlug}\n          />\n        ),\n      },\n    ])\n  }, [isEditing, drawerSlug, cancel, resetLayout, saveLayout, setIsEditing, setStepNav])\n\n  return (\n    <>\n      {isEditing && (\n        <ItemsDrawer\n          drawerSlug={drawerSlug}\n          items={widgets}\n          onItemClick={(widget) => addWidget(widget.slug)}\n          searchPlaceholder={t('dashboard:searchWidgets')}\n          title={t('dashboard:addWidget')}\n        />\n      )}\n    </>\n  )\n}\n\nexport function DashboardBreadcrumbDropdown(props: {\n  isEditing: boolean\n  onCancel: () => void\n  onEditClick: () => void\n  onResetLayout: () => void\n  onSaveChanges: () => void\n  widgetsDrawerSlug: string\n}) {\n  const { isEditing, onCancel, onEditClick, onResetLayout, onSaveChanges, widgetsDrawerSlug } =\n    props\n  const { t } = useTranslation()\n\n  if (isEditing) {\n    return (\n      <div className=\"dashboard-breadcrumb-dropdown__editing\">\n        <span>{t('dashboard:editingDashboard')}</span>\n        <div className=\"dashboard-breadcrumb-dropdown__actions\">\n          <DrawerToggler className=\"drawer-toggler--unstyled\" slug={widgetsDrawerSlug}>\n            <Button buttonStyle=\"primary\" el=\"span\" size=\"medium\">\n              {t('dashboard:addButton')}\n            </Button>\n          </DrawerToggler>\n          <Button buttonStyle=\"pill\" onClick={onSaveChanges} size=\"medium\">\n            {t('fields:saveChanges')}\n          </Button>\n          <Button buttonStyle=\"pill\" onClick={onCancel} size=\"medium\">\n            {t('general:cancel')}\n          </Button>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <Popup\n      className=\"dashboard-breadcrumb-dropdown\"\n      horizontalAlign=\"left\"\n      render={({ close }) => (\n        <PopupList.ButtonGroup>\n          <PopupList.Button\n            onClick={() => {\n              close()\n              onEditClick()\n            }}\n          >\n            {t('dashboard:editDashboard')}\n          </PopupList.Button>\n          <PopupList.Button\n            onClick={() => {\n              close()\n              onResetLayout()\n            }}\n          >\n            {t('dashboard:resetLayout')}\n          </PopupList.Button>\n        </PopupList.ButtonGroup>\n      )}\n      renderButton={({ active: _active, onClick, onKeyDown, ...ariaProps }) => (\n        <Button\n          aria-label={t('general:dashboard')}\n          buttonStyle=\"ghost\"\n          extraButtonProps={{ onKeyDown }}\n          onClick={onClick}\n          {...ariaProps}\n        >\n          <span className=\"dashboard-breadcrumb-dropdown__label\">\n            {t('general:dashboard')}\n            <ChevronIcon direction=\"down\" size={16} />\n          </span>\n        </Button>\n      )}\n      size=\"large\"\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,SAAS,EAAEC,KAAK,QAAQ;AAEjC,SAASC,MAAM,QAAQ;AACvB,SAASC,aAAa,QAAQ;AAC9B,SAASC,WAAW,QAAQ;AAC5B,SAASC,KAAK,QAAQ;AACtB,YAAYC,SAAA,MAAe;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAE/B,OAAO,SAAAC,iBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAb,EAAA;EAA0B;IAAAc,SAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAR,EAgBhC;EACC;IAAAS;EAAA,IAAcX,cAAA;EACd;IAAAY;EAAA,IAAuBd,UAAA;EACvB,MAAAe,IAAA,GAAarB,KAAA;EACb,MAAAsB,UAAA,GAAmB,kBAAkBD,IAAA,EAAM;EAAA,IAAAE,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAW,UAAA,IAAAX,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAI,WAAA,IAAAJ,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAM,YAAA,IAAAN,CAAA,QAAAS,UAAA;IAEjCG,EAAA,GAAAA,CAAA;MACRH,UAAA;QAAAK,KAAA,EAGMC,IAAA,CAAAC,2BAAA;UAAAb,SAAA;UAAAc,QAAA,EAEYf,MAAA;UAAAgB,WAAA,EAAAA,CAAA,KACSZ,YAAA,KAAa;UAAAa,aAAA,EACjBf,WAAA;UAAAgB,aAAA,EACAf,UAAA;UAAAgB,iBAAA,EACIV;QAAA,C;QAI1B;IAAA;IACAE,EAAA,IAACV,SAAA,EAAWQ,UAAA,EAAYT,MAAA,EAAQE,WAAA,EAAaC,UAAA,EAAYC,YAAA,EAAcG,UAAA;IAAWT,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAW,UAAA;IAAAX,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAAI,WAAA;IAAAJ,CAAA,MAAAK,UAAA;IAAAL,CAAA,MAAAM,YAAA;IAAAN,CAAA,MAAAS,UAAA;IAAAT,CAAA,MAAAY,EAAA;IAAAZ,CAAA,MAAAa,EAAA;EAAA;IAAAD,EAAA,GAAAZ,CAAA;IAAAa,EAAA,GAAAb,CAAA;EAAA;EAfrFZ,SAAA,CAAUwB,EAeV,EAAGC,EAAkF;EAAA,IAAAS,EAAA;EAAA,IAAAtB,CAAA,QAAAC,SAAA,IAAAD,CAAA,SAAAW,UAAA,IAAAX,CAAA,SAAAG,SAAA,IAAAH,CAAA,SAAAQ,CAAA,IAAAR,CAAA,SAAAO,OAAA;IAGnFe,EAAA,GAAAP,IAAA,CAAAQ,SAAA;MAAAC,QAAA,EACGrB,SAAA,IACCY,IAAA,CAAAvB,WAAA;QAAAmB,UAAA;QAAAc,KAAA,EAESlB,OAAA;QAAAmB,WAAA,EAAAC,MAAA,IACkB1B,SAAA,CAAU0B,MAAA,CAAAC,IAAW;QAAAC,iBAAA,EAC3BrB,CAAA,CAAE;QAAAsB,KAAA,EACdtB,CAAA,CAAE;MAAA,C;;;;;;;;;;;SAPfc,E;;AAcJ,OAAO,SAAAN,4BAAAe,KAAA;EAAA,MAAA/B,CAAA,GAAAb,EAAA;EAQL;IAAAgB,SAAA;IAAAc,QAAA;IAAAC,WAAA;IAAAC,aAAA;IAAAC,aAAA;IAAAC;EAAA,IACEU,KAAA;EACF;IAAAvB;EAAA,IAAcX,cAAA;EAAA,IAEVM,SAAA;IAAA,IAAAJ,EAAA;IAAA,IAAAC,CAAA,QAAAiB,QAAA,IAAAjB,CAAA,QAAAoB,aAAA,IAAApB,CAAA,QAAAQ,CAAA,IAAAR,CAAA,QAAAqB,iBAAA;MAEAtB,EAAA,GAAAiC,KAAA,CAAC;QAAAC,SAAA,EAAc;QAAAT,QAAA,GACbT,IAAA,CAAC;UAAAS,QAAA,EAAMhB,CAAA,CAAE;QAAA,C,GACTwB,KAAA,CAAC;UAAAC,SAAA,EAAc;UAAAT,QAAA,GACbT,IAAA,CAAAxB,aAAA;YAAA0C,SAAA,EAAyB;YAAAL,IAAA,EAAiCP,iBAAA;YAAAG,QAAA,EACxDT,IAAA,CAAAzB,MAAA;cAAA4C,WAAA,EAAoB;cAAAC,EAAA,EAAa;cAAAC,IAAA,EAAY;cAAAZ,QAAA,EAC1ChB,CAAA,CAAE;YAAA,C;cAGPO,IAAA,CAAAzB,MAAA;YAAA4C,WAAA,EAAoB;YAAAG,OAAA,EAAgBjB,aAAA;YAAAgB,IAAA,EAAoB;YAAAZ,QAAA,EACrDhB,CAAA,CAAE;UAAA,C,GAELO,IAAA,CAAAzB,MAAA;YAAA4C,WAAA,EAAoB;YAAAG,OAAA,EAAgBpB,QAAA;YAAAmB,IAAA,EAAe;YAAAZ,QAAA,EAChDhB,CAAA,CAAE;UAAA,C;;;;;;;;;;;WAZTT,E;;;;IAuBQA,EAAA,GAAAa,EAAA;MAAC;QAAA0B;MAAA,IAAA1B,EAAS;MAAA,OAChBoB,KAAA,CAAAtC,SAAA,CAAA6C,WAAA;QAAAf,QAAA,GACET,IAAA,CAAArB,SAAA,CAAAJ,MAAA;UAAA+C,OAAA,EAAAA,CAAA;YAEIC,KAAA;YACApB,WAAA;UAAA;UAAAM,QAAA,EAGDhB,CAAA,CAAE;QAAA,C,GAELO,IAAA,CAAArB,SAAA,CAAAJ,MAAA;UAAA+C,OAAA,EAAAA,CAAA;YAEIC,KAAA;YACAnB,aAAA;UAAA;UAAAK,QAAA,EAGDhB,CAAA,CAAE;QAAA,C;;;;;;;;;;;;IAIKI,EAAA,GAAAC,EAAA;MAAC;QAAA2B,MAAA,EAAAC,OAAA;QAAAJ,OAAA;QAAAK,SAAA;QAAA,GAAAC;MAAA,IAAA9B,EAAqD;MAAA,OAClEE,IAAA,CAAAzB,MAAA;QAAA,cACckB,CAAA,CAAE;QAAA0B,WAAA,EACF;QAAAU,gBAAA;UAAAF;QAAA;QAAAL,OAAA;QAAA,GAGRM,SAAS;QAAAnB,QAAA,EAEbQ,KAAA,CAAC;UAAAC,SAAA,EAAe;UAAAT,QAAA,GACbhB,CAAA,CAAE,sBACHO,IAAA,CAAAnB,WAAA;YAAAiD,SAAA,EAAuB;YAAAT,IAAA;UAAA,C;;;;;;;;;;;IAjC/BvB,EAAA,GAAAE,IAAA,CAAAtB,KAAA;MAAAwC,SAAA,EACY;MAAAa,eAAA,EACM;MAAAC,MAAA,EACRhD,E;oBAoBMa,E;YAcT;IAAA,C;;;;;;;SArCPC,E","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+import type { ClientWidget } from 'payload';
+import React from 'react';
+type WidgetConfigDrawerProps = {
+    drawerSlug: string;
+    onSave: (data: Record<string, unknown>) => void;
+    widget: ClientWidget;
+    widgetData?: Record<string, unknown>;
+};
+export declare function WidgetConfigDrawer({ drawerSlug, onSave, widget, widgetData, }: WidgetConfigDrawerProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=WidgetConfigDrawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetConfigDrawer.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/WidgetConfigDrawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,SAAS,CAAA;AAEtD,OAAO,KAA4D,MAAM,OAAO,CAAA;AAgBhF,KAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IAC/C,MAAM,EAAE,YAAY,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACrC,CAAA;AAMD,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,MAAM,EACN,MAAM,EACN,UAAU,GACX,EAAE,uBAAuB,qBAwHzB"}

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

@@ -0,0 +1,137 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { v4 as uuid } from 'uuid';
+import { Drawer } from '../../../../elements/Drawer/index.js';
+import { useModal } from '../../../../elements/Modal/index.js';
+import { ShimmerEffect } from '../../../../elements/ShimmerEffect/index.js';
+import { Form } from '../../../../forms/Form/index.js';
+import { RenderFields } from '../../../../forms/RenderFields/index.js';
+import { FormSubmit } from '../../../../forms/Submit/index.js';
+import { useLocale } from '../../../../providers/Locale/index.js';
+import { OperationProvider } from '../../../../providers/Operation/index.js';
+import { useServerFunctions } from '../../../../providers/ServerFunctions/index.js';
+import { useTranslation } from '../../../../providers/Translation/index.js';
+import { abortAndIgnore } from '../../../../utilities/abortAndIgnore.js';
+import { extractLocaleData, mergeLocaleData } from './utils/localeUtils.js';
+const EMPTY_WIDGET_PREFERENCES = {
+  fields: {}
+};
+export function WidgetConfigDrawer({
+  drawerSlug,
+  onSave,
+  widget,
+  widgetData
+}) {
+  const {
+    closeModal,
+    modalState
+  } = useModal();
+  const {
+    getFormState
+  } = useServerFunctions();
+  const {
+    t
+  } = useTranslation();
+  const locale = useLocale();
+  const localeCode = locale?.code ?? 'en';
+  const onChangeAbortControllerRef = useRef(null);
+  const [initialState, setInitialState] = useState(false);
+  const isOpen = Boolean(modalState?.[drawerSlug]?.isOpen);
+  const formUUID = useMemo(() => uuid(), []);
+  const widgetLabel = useMemo(() => typeof widget.label === 'string' ? widget.label : widget.slug, [widget.label, widget.slug]);
+  const fields = useMemo(() => widget.fields ?? [], [widget.fields]);
+  useEffect(() => {
+    if (!isOpen || fields.length === 0) {
+      setInitialState(false);
+      return;
+    }
+    const controller = new AbortController();
+    const loadInitialState = async () => {
+      const localeFilteredData = extractLocaleData(widgetData ?? {}, localeCode, fields);
+      const {
+        state
+      } = await getFormState({
+        data: localeFilteredData,
+        docPermissions: {
+          fields: true
+        },
+        docPreferences: EMPTY_WIDGET_PREFERENCES,
+        locale: localeCode,
+        operation: 'update',
+        renderAllFields: true,
+        schemaPath: widget.slug,
+        signal: controller.signal,
+        widgetSlug: widget.slug
+      });
+      if (state) {
+        setInitialState(state);
+      }
+    };
+    void loadInitialState();
+    return () => {
+      abortAndIgnore(controller);
+    };
+  }, [fields, getFormState, isOpen, localeCode, widget.slug, widgetData]);
+  const onChange = useCallback(async ({
+    formState: prevFormState
+  }) => {
+    abortAndIgnore(onChangeAbortControllerRef.current);
+    const controller_0 = new AbortController();
+    onChangeAbortControllerRef.current = controller_0;
+    const {
+      state: state_0
+    } = await getFormState({
+      docPermissions: {
+        fields: true
+      },
+      docPreferences: EMPTY_WIDGET_PREFERENCES,
+      formState: prevFormState,
+      operation: 'update',
+      schemaPath: widget.slug,
+      signal: controller_0.signal,
+      widgetSlug: widget.slug
+    });
+    if (!state_0) {
+      return prevFormState;
+    }
+    return state_0;
+  }, [getFormState, widget.slug]);
+  useEffect(() => {
+    return () => {
+      abortAndIgnore(onChangeAbortControllerRef.current);
+    };
+  }, []);
+  return /*#__PURE__*/_jsx(Drawer, {
+    slug: drawerSlug,
+    title: `${t('general:edit')} ${widgetLabel}`,
+    children: initialState === false ? /*#__PURE__*/_jsx(ShimmerEffect, {
+      height: "250px"
+    }) : /*#__PURE__*/_jsx(OperationProvider, {
+      operation: "update",
+      children: /*#__PURE__*/_jsxs(Form, {
+        fields: fields,
+        initialState: initialState,
+        onChange: [onChange],
+        onSubmit: (_, data) => {
+          onSave(mergeLocaleData(widgetData ?? {}, data, localeCode, fields));
+          closeModal(drawerSlug);
+        },
+        uuid: formUUID,
+        children: [/*#__PURE__*/_jsx(RenderFields, {
+          fields: fields,
+          forceRender: true,
+          parentIndexPath: "",
+          parentPath: "",
+          parentSchemaPath: widget.slug,
+          permissions: true,
+          readOnly: false
+        }), /*#__PURE__*/_jsx(FormSubmit, {
+          children: t('fields:saveChanges')
+        })]
+      })
+    })
+  });
+}
+//# sourceMappingURL=WidgetConfigDrawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetConfigDrawer.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","v4","uuid","Drawer","useModal","ShimmerEffect","Form","RenderFields","FormSubmit","useLocale","OperationProvider","useServerFunctions","useTranslation","abortAndIgnore","extractLocaleData","mergeLocaleData","EMPTY_WIDGET_PREFERENCES","fields","WidgetConfigDrawer","drawerSlug","onSave","widget","widgetData","closeModal","modalState","getFormState","t","locale","localeCode","code","onChangeAbortControllerRef","initialState","setInitialState","isOpen","Boolean","formUUID","widgetLabel","label","slug","length","controller","AbortController","loadInitialState","localeFilteredData","state","data","docPermissions","docPreferences","operation","renderAllFields","schemaPath","signal","widgetSlug","onChange","formState","prevFormState","current","_jsx","title","height","_jsxs","onSubmit","_","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/WidgetConfigDrawer.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientWidget, FormState } from 'payload'\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { v4 as uuid } from 'uuid'\n\nimport { Drawer } from '../../../../elements/Drawer/index.js'\nimport { useModal } from '../../../../elements/Modal/index.js'\nimport { ShimmerEffect } from '../../../../elements/ShimmerEffect/index.js'\nimport { Form } from '../../../../forms/Form/index.js'\nimport { RenderFields } from '../../../../forms/RenderFields/index.js'\nimport { FormSubmit } from '../../../../forms/Submit/index.js'\nimport { useLocale } from '../../../../providers/Locale/index.js'\nimport { OperationProvider } from '../../../../providers/Operation/index.js'\nimport { useServerFunctions } from '../../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { abortAndIgnore } from '../../../../utilities/abortAndIgnore.js'\nimport { extractLocaleData, mergeLocaleData } from './utils/localeUtils.js'\n\ntype WidgetConfigDrawerProps = {\n  drawerSlug: string\n  onSave: (data: Record<string, unknown>) => void\n  widget: ClientWidget\n  widgetData?: Record<string, unknown>\n}\n\nconst EMPTY_WIDGET_PREFERENCES = {\n  fields: {},\n}\n\nexport function WidgetConfigDrawer({\n  drawerSlug,\n  onSave,\n  widget,\n  widgetData,\n}: WidgetConfigDrawerProps) {\n  const { closeModal, modalState } = useModal()\n  const { getFormState } = useServerFunctions()\n  const { t } = useTranslation()\n  const locale = useLocale()\n  const localeCode = locale?.code ?? 'en'\n  const onChangeAbortControllerRef = useRef<AbortController>(null)\n\n  const [initialState, setInitialState] = useState<false | FormState | undefined>(false)\n\n  const isOpen = Boolean(modalState?.[drawerSlug]?.isOpen)\n  const formUUID = useMemo(() => uuid(), [])\n  const widgetLabel = useMemo(\n    () => (typeof widget.label === 'string' ? widget.label : widget.slug),\n    [widget.label, widget.slug],\n  )\n  const fields = useMemo(() => widget.fields ?? [], [widget.fields])\n\n  useEffect(() => {\n    if (!isOpen || fields.length === 0) {\n      setInitialState(false)\n      return\n    }\n\n    const controller = new AbortController()\n\n    const loadInitialState = async () => {\n      const localeFilteredData = extractLocaleData(widgetData ?? {}, localeCode, fields)\n\n      const { state } = await getFormState({\n        data: localeFilteredData,\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: EMPTY_WIDGET_PREFERENCES,\n        locale: localeCode,\n        operation: 'update',\n        renderAllFields: true,\n        schemaPath: widget.slug,\n        signal: controller.signal,\n        widgetSlug: widget.slug,\n      })\n\n      if (state) {\n        setInitialState(state)\n      }\n    }\n\n    void loadInitialState()\n\n    return () => {\n      abortAndIgnore(controller)\n    }\n  }, [fields, getFormState, isOpen, localeCode, widget.slug, widgetData])\n\n  const onChange = useCallback(\n    async ({ formState: prevFormState }: { formState: FormState }) => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n\n      const controller = new AbortController()\n      onChangeAbortControllerRef.current = controller\n\n      const { state } = await getFormState({\n        docPermissions: {\n          fields: true,\n        },\n        docPreferences: EMPTY_WIDGET_PREFERENCES,\n        formState: prevFormState,\n        operation: 'update',\n        schemaPath: widget.slug,\n        signal: controller.signal,\n        widgetSlug: widget.slug,\n      })\n\n      if (!state) {\n        return prevFormState\n      }\n\n      return state\n    },\n    [getFormState, widget.slug],\n  )\n\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(onChangeAbortControllerRef.current)\n    }\n  }, [])\n\n  return (\n    <Drawer slug={drawerSlug} title={`${t('general:edit')} ${widgetLabel}`}>\n      {initialState === false ? (\n        <ShimmerEffect height=\"250px\" />\n      ) : (\n        <OperationProvider operation=\"update\">\n          <Form\n            fields={fields}\n            initialState={initialState}\n            onChange={[onChange]}\n            onSubmit={(_, data) => {\n              onSave(mergeLocaleData(widgetData ?? {}, data, localeCode, fields))\n              closeModal(drawerSlug)\n            }}\n            uuid={formUUID}\n          >\n            <RenderFields\n              fields={fields}\n              forceRender\n              parentIndexPath=\"\"\n              parentPath=\"\"\n              parentSchemaPath={widget.slug}\n              permissions={true}\n              readOnly={false}\n            />\n            <FormSubmit>{t('fields:saveChanges')}</FormSubmit>\n          </Form>\n        </OperationProvider>\n      )}\n    </Drawer>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import type { Data } from 'payload';
+import React from 'react';
+export declare function WidgetEditControl({ onSave, widgetData, widgetID, }: {
+    onSave: (data: Data) => void;
+    widgetData?: Record<string, unknown>;
+    widgetID: string;
+}): React.JSX.Element;
+//# sourceMappingURL=WidgetEditControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetEditControl.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/WidgetEditControl.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAEnC,OAAO,KAAgB,MAAM,OAAO,CAAA;AAWpC,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,UAAU,EACV,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,QAAQ,EAAE,MAAM,CAAA;CACjB,qBAsCA"}