@payloadcms/ui 4.0.0-internal.f05c47f → 4.0.0-internal.f15737c

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["formatAdminURL","React","DocumentHeader","RenderServerComponent","AccountClient","DefaultEditView","DocumentInfoProvider","EditDepthProvider","HydrateAuthProvider","buildFormState","getDocPreferences","getDocumentData","getDocumentPermissions","getIsLocked","getVersions","Settings","AccountView","initPageResult","params","searchParams","languageOptions","locale","permissions","req","i18n","payload","config","user","admin","theme","userSlug","routes","api","collectionConfig","collections","id","data","collectionSlug","slug","Error","docPreferences","docPermissions","hasDeletePermission","hasPublishPermission","hasSavePermission","hasTrashPermission","state","formState","code","operation","renderAllFields","schemaPath","skipValidation","currentEditor","isLocked","lastUpdateTime","isEditing","hasPublishedDoc","mostRecentVersionIsAutosaved","unpublishedVersionCount","versionCount","doc","_jsx","AfterFields","apiURL","apiRoute","path","initialData","initialState","_jsxs","hideTabs","Component","components","views","account","Fallback","importMap","serverProps","routeSegments","server","notFound"],"sources":["../../../src/views/Account/index.tsx"],"sourcesContent":["import type { AdminViewServerProps, DocumentViewServerPropsOnly } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { DocumentHeader } from '../../elements/DocumentHeader/index.js'\nimport { RenderServerComponent } from '../../elements/RenderServerComponent/index.js'\n/* eslint-disable payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds */\nimport {\n  AccountClient,\n  DefaultEditView,\n  DocumentInfoProvider,\n  EditDepthProvider,\n  HydrateAuthProvider,\n} from '../../exports/client/index.js'\n/* eslint-enable payload/no-imports-from-exports-dir */\nimport { buildFormState } from '../../utilities/buildFormState.js'\nimport { getDocPreferences } from '../../utilities/getDocPreferences.js'\nimport { getDocumentData } from '../../utilities/getDocumentData.js'\nimport { getDocumentPermissions } from '../../utilities/getDocumentPermissions.js'\nimport { getIsLocked } from '../../utilities/getIsLocked.js'\nimport { getVersions } from '../../utilities/getVersions.js'\nimport { Settings } from './Settings/index.js'\n\nexport async function AccountView({ initPageResult, params, searchParams }: AdminViewServerProps) {\n  const {\n    languageOptions,\n    locale,\n    permissions,\n    req,\n    req: {\n      i18n,\n      payload,\n      payload: { config },\n      user,\n    },\n  } = initPageResult\n\n  const {\n    admin: { theme, user: userSlug },\n    routes: { api },\n  } = config\n\n  const collectionConfig = payload?.collections?.[userSlug]?.config\n\n  if (collectionConfig && user?.id) {\n    // Fetch the data required for the view\n    const data = await getDocumentData({\n      id: user.id,\n      collectionSlug: collectionConfig.slug,\n      locale,\n      payload,\n      req,\n      user,\n    })\n\n    if (!data) {\n      throw new Error('not-found')\n    }\n\n    // Get document preferences\n    const docPreferences = await getDocPreferences({\n      id: user.id,\n      collectionSlug: collectionConfig.slug,\n      payload,\n      user,\n    })\n\n    // Get permissions\n    const {\n      docPermissions,\n      hasDeletePermission,\n      hasPublishPermission,\n      hasSavePermission,\n      hasTrashPermission,\n    } = await getDocumentPermissions({\n      id: user.id,\n      collectionConfig,\n      data,\n      req,\n    })\n\n    // Build initial form state from data\n    const { state: formState } = await buildFormState({\n      id: user.id,\n      collectionSlug: collectionConfig.slug,\n      data,\n      docPermissions,\n      docPreferences,\n      locale: locale?.code,\n      operation: 'update',\n      renderAllFields: true,\n      req,\n      schemaPath: collectionConfig.slug,\n      skipValidation: true,\n    })\n\n    // Fetch document lock state\n    const { currentEditor, isLocked, lastUpdateTime } = await getIsLocked({\n      id: user.id,\n      collectionConfig,\n      isEditing: true,\n      req,\n    })\n\n    // Get all versions required for UI\n    const { hasPublishedDoc, mostRecentVersionIsAutosaved, unpublishedVersionCount, versionCount } =\n      await getVersions({\n        id: user.id,\n        collectionConfig,\n        doc: data,\n        docPermissions,\n        locale: locale?.code,\n        payload,\n        user,\n      })\n\n    return (\n      <DocumentInfoProvider\n        AfterFields={\n          <Settings\n            i18n={i18n}\n            languageOptions={languageOptions}\n            payload={payload}\n            theme={theme}\n            user={user}\n          />\n        }\n        apiURL={formatAdminURL({\n          apiRoute: api,\n          path: `/${userSlug}${user?.id ? `/${user.id}` : ''}`,\n        })}\n        collectionSlug={userSlug}\n        currentEditor={currentEditor}\n        docPermissions={docPermissions}\n        hasDeletePermission={hasDeletePermission}\n        hasPublishedDoc={hasPublishedDoc}\n        hasPublishPermission={hasPublishPermission}\n        hasSavePermission={hasSavePermission}\n        hasTrashPermission={hasTrashPermission}\n        id={user?.id}\n        initialData={data}\n        initialState={formState}\n        isEditing\n        isLocked={isLocked}\n        lastUpdateTime={lastUpdateTime}\n        mostRecentVersionIsAutosaved={mostRecentVersionIsAutosaved}\n        unpublishedVersionCount={unpublishedVersionCount}\n        versionCount={versionCount}\n      >\n        <EditDepthProvider>\n          <DocumentHeader\n            collectionConfig={collectionConfig}\n            hideTabs\n            permissions={permissions}\n            req={req}\n          />\n          <HydrateAuthProvider permissions={permissions} />\n          {RenderServerComponent({\n            Component: config.admin?.components?.views?.account?.Component,\n            Fallback: DefaultEditView,\n            importMap: payload.importMap,\n            serverProps: {\n              doc: data,\n              hasPublishedDoc,\n              i18n,\n              initPageResult,\n              locale,\n              params,\n              payload,\n              permissions,\n              routeSegments: [],\n              searchParams,\n              server: req.server,\n              user,\n            } satisfies DocumentViewServerPropsOnly,\n          })}\n          <AccountClient />\n        </EditDepthProvider>\n      </DocumentInfoProvider>\n    )\n  }\n\n  return req.server.notFound()\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["formatAdminURL","React","DocumentHeader","RenderServerComponent","AccountClient","DefaultEditView","DocumentInfoProvider","EditDepthProvider","HydrateAuthProvider","buildFormState","getDocPreferences","getDocumentData","getDocumentPermissions","getIsLocked","getVersions","Settings","AccountView","initPageResult","params","searchParams","user","userWithReadAccess","languageOptions","locale","permissions","req","i18n","payload","config","admin","theme","userSlug","routes","api","collectionConfig","collections","id","data","collectionSlug","slug","Error","docPreferences","docPermissions","hasDeletePermission","hasPublishPermission","hasSavePermission","hasTrashPermission","state","formState","code","operation","renderAllFields","schemaPath","skipValidation","currentEditor","isLocked","lastUpdateTime","isEditing","hasPublishedDoc","mostRecentVersionIsAutosaved","unpublishedVersionCount","versionCount","doc","_jsx","AfterFields","apiURL","apiRoute","path","initialData","initialState","_jsxs","hideTabs","Component","components","views","account","Fallback","importMap","serverProps","routeSegments","server","notFound"],"sources":["../../../src/views/Account/index.tsx"],"sourcesContent":["import type { AdminViewServerProps, DocumentViewServerPropsOnly } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { DocumentHeader } from '../../elements/DocumentHeader/index.js'\nimport { RenderServerComponent } from '../../elements/RenderServerComponent/index.js'\n/* eslint-disable payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds */\nimport {\n  AccountClient,\n  DefaultEditView,\n  DocumentInfoProvider,\n  EditDepthProvider,\n  HydrateAuthProvider,\n} from '../../exports/client/index.js'\n/* eslint-enable payload/no-imports-from-exports-dir */\nimport { buildFormState } from '../../utilities/buildFormState.js'\nimport { getDocPreferences } from '../../utilities/getDocPreferences.js'\nimport { getDocumentData } from '../../utilities/getDocumentData.js'\nimport { getDocumentPermissions } from '../../utilities/getDocumentPermissions.js'\nimport { getIsLocked } from '../../utilities/getIsLocked.js'\nimport { getVersions } from '../../utilities/getVersions.js'\nimport { Settings } from './Settings/index.js'\n\nexport async function AccountView({\n  initPageResult,\n  params,\n  searchParams,\n  user: userWithReadAccess,\n}: AdminViewServerProps) {\n  const {\n    languageOptions,\n    locale,\n    permissions,\n    req,\n    req: {\n      i18n,\n      payload,\n      payload: { config },\n      user,\n    },\n  } = initPageResult\n\n  const {\n    admin: { theme, user: userSlug },\n    routes: { api },\n  } = config\n\n  const collectionConfig = payload?.collections?.[userSlug]?.config\n\n  if (collectionConfig && user?.id) {\n    // Fetch the data required for the view\n    const data = await getDocumentData({\n      id: user.id,\n      collectionSlug: collectionConfig.slug,\n      locale,\n      payload,\n      req,\n      user,\n    })\n\n    if (!data) {\n      throw new Error('not-found')\n    }\n\n    // Get document preferences\n    const docPreferences = await getDocPreferences({\n      id: user.id,\n      collectionSlug: collectionConfig.slug,\n      payload,\n      user,\n    })\n\n    // Get permissions\n    const {\n      docPermissions,\n      hasDeletePermission,\n      hasPublishPermission,\n      hasSavePermission,\n      hasTrashPermission,\n    } = await getDocumentPermissions({\n      id: user.id,\n      collectionConfig,\n      data,\n      req,\n    })\n\n    // Build initial form state from data\n    const { state: formState } = await buildFormState({\n      id: user.id,\n      collectionSlug: collectionConfig.slug,\n      data,\n      docPermissions,\n      docPreferences,\n      locale: locale?.code,\n      operation: 'update',\n      renderAllFields: true,\n      req,\n      schemaPath: collectionConfig.slug,\n      skipValidation: true,\n      user: userWithReadAccess,\n    })\n\n    // Fetch document lock state\n    const { currentEditor, isLocked, lastUpdateTime } = await getIsLocked({\n      id: user.id,\n      collectionConfig,\n      isEditing: true,\n      req,\n    })\n\n    // Get all versions required for UI\n    const { hasPublishedDoc, mostRecentVersionIsAutosaved, unpublishedVersionCount, versionCount } =\n      await getVersions({\n        id: user.id,\n        collectionConfig,\n        doc: data,\n        docPermissions,\n        locale: locale?.code,\n        payload,\n        user,\n      })\n\n    return (\n      <DocumentInfoProvider\n        AfterFields={\n          <Settings\n            i18n={i18n}\n            languageOptions={languageOptions}\n            payload={payload}\n            theme={theme}\n            user={userWithReadAccess}\n          />\n        }\n        apiURL={formatAdminURL({\n          apiRoute: api,\n          path: `/${userSlug}${user?.id ? `/${user.id}` : ''}`,\n        })}\n        collectionSlug={userSlug}\n        currentEditor={currentEditor}\n        docPermissions={docPermissions}\n        hasDeletePermission={hasDeletePermission}\n        hasPublishedDoc={hasPublishedDoc}\n        hasPublishPermission={hasPublishPermission}\n        hasSavePermission={hasSavePermission}\n        hasTrashPermission={hasTrashPermission}\n        id={user?.id}\n        initialData={data}\n        initialState={formState}\n        isEditing\n        isLocked={isLocked}\n        lastUpdateTime={lastUpdateTime}\n        mostRecentVersionIsAutosaved={mostRecentVersionIsAutosaved}\n        unpublishedVersionCount={unpublishedVersionCount}\n        versionCount={versionCount}\n      >\n        <EditDepthProvider>\n          <DocumentHeader\n            collectionConfig={collectionConfig}\n            hideTabs\n            permissions={permissions}\n            req={req}\n            user={userWithReadAccess}\n          />\n          <HydrateAuthProvider permissions={permissions} />\n          {RenderServerComponent({\n            Component: config.admin?.components?.views?.account?.Component,\n            Fallback: DefaultEditView,\n            importMap: payload.importMap,\n            serverProps: {\n              doc: data,\n              hasPublishedDoc,\n              i18n,\n              initPageResult,\n              locale,\n              params,\n              payload,\n              permissions,\n              routeSegments: [],\n              searchParams,\n              server: req.server,\n              user: userWithReadAccess,\n            } satisfies DocumentViewServerPropsOnly,\n          })}\n          <AccountClient />\n        </EditDepthProvider>\n      </DocumentInfoProvider>\n    )\n  }\n\n  return req.server.notFound()\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/CreateFirstUser/index.css

@@ -18,7 +18,6 @@
 
   .create-first-user__header h1 {
     margin: 0;
-    font-family: var(--text-heading-large-font-family);
     font-size: var(--text-heading-large-font-size);
     font-weight: var(--text-heading-large-font-weight);
     line-height: var(--text-heading-large-line-height);
@@ -28,7 +27,6 @@
 
   .create-first-user__header p {
     margin: 0;
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);

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

@@ -1 +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,+BAoEA"}
+{"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,+BAgFA"}

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

@@ -2,7 +2,7 @@
 
 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 { useEffect, useId, useRef } from 'react';
 import { Button } from '../../../../elements/Button/index.js';
 import { DrawerToggler } from '../../../../elements/Drawer/index.js';
 import { ItemsDrawer } from '../../../../elements/ItemsDrawer/index.js';
@@ -83,7 +83,6 @@ export function DashboardStepNav(t0) {
   return t3;
 }
 export function DashboardBreadcrumbDropdown(props) {
-  const $ = _c(14);
   const {
     isEditing,
     onCancel,
@@ -95,123 +94,85 @@ export function DashboardBreadcrumbDropdown(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];
+  const addButtonRef = useRef(null);
+  useEffect(() => {
+    if (isEditing) {
+      addButtonRef.current?.focus();
     }
-    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();
+  }, [isEditing]);
+  if (isEditing) {
+    return /*#__PURE__*/_jsxs("div", {
+      className: "dashboard-breadcrumb-dropdown__editing",
+      children: [/*#__PURE__*/_jsx("span", {
+        children: t('dashboard:editingDashboard')
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "dashboard-breadcrumb-dropdown__actions",
+        children: [/*#__PURE__*/_jsx(DrawerToggler, {
+          "aria-label": `${t('dashboard:addButton')}: ${t('dashboard:addWidget')}`,
+          buttonStyle: "primary",
+          extraButtonProps: {
+            ref: addButtonRef
           },
-          children: t("dashboard:resetLayout")
+          slug: widgetsDrawerSlug,
+          children: t('dashboard:addButton')
+        }), /*#__PURE__*/_jsx(Button, {
+          buttonStyle: "pill",
+          onClick: onSaveChanges,
+          size: "medium",
+          children: t('fields:saveChanges')
+        }), /*#__PURE__*/_jsx(Button, {
+          buttonStyle: "pill",
+          onClick: onCancel,
+          size: "medium",
+          children: t('general:cancel')
         })]
-      });
-    };
-    $[5] = onEditClick;
-    $[6] = onResetLayout;
-    $[7] = t;
-    $[8] = t0;
-  } else {
-    t0 = $[8];
-  }
-  let t1;
-  if ($[9] !== t) {
-    t1 = t2 => {
-      const {
-        active,
-        onClick,
-        onKeyDown,
-        ...ariaProps
-      } = t2;
-      return _jsx(Button, {
-        "aria-label": t("general:dashboard"),
-        buttonStyle: "ghost",
-        extraButtonProps: {
-          onKeyDown
-        },
-        onClick,
-        selected: active,
-        ...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: "fit-content"
+      })]
     });
-    $[11] = t0;
-    $[12] = t1;
-    $[13] = t2;
-  } else {
-    t2 = $[13];
   }
-  return t2;
+  return /*#__PURE__*/_jsx(Popup, {
+    className: "dashboard-breadcrumb-dropdown",
+    horizontalAlign: "left",
+    popupType: "menu",
+    render: ({
+      close
+    }) => /*#__PURE__*/_jsxs(PopupList.ButtonGroup, {
+      children: [/*#__PURE__*/_jsx(PopupList.Button, {
+        onClick: () => {
+          close();
+          onEditClick();
+        },
+        children: t('dashboard:editDashboard')
+      }), /*#__PURE__*/_jsx(PopupList.Button, {
+        onClick: () => {
+          close();
+          onResetLayout();
+        },
+        children: t('dashboard:resetLayout')
+      })]
+    }),
+    renderButton: ({
+      active,
+      onClick,
+      onKeyDown,
+      ...ariaProps
+    }) => /*#__PURE__*/_jsx(Button, {
+      "aria-label": t('general:dashboard'),
+      buttonStyle: "ghost",
+      extraButtonProps: {
+        onKeyDown
+      },
+      onClick: onClick,
+      selected: active,
+      ...ariaProps,
+      children: /*#__PURE__*/_jsxs("span", {
+        className: "dashboard-breadcrumb-dropdown__label",
+        children: [t('general:dashboard'), /*#__PURE__*/_jsx(ChevronIcon, {
+          direction: "down",
+          size: 16
+        })]
+      })
+    }),
+    size: "fit-content"
+  });
 }
 //# sourceMappingURL=DashboardStepNav.js.map

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

@@ -1 +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","onKeyDown","ariaProps","extraButtonProps","selected","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, onClick, onKeyDown, ...ariaProps }) => (\n        <Button\n          aria-label={t('general:dashboard')}\n          buttonStyle=\"ghost\"\n          extraButtonProps={{ onKeyDown }}\n          onClick={onClick}\n          selected={active}\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=\"fit-content\"\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DashboardStepNav.js","names":["c","_c","useEffect","useId","useRef","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","addButtonRef","current","focus","_jsxs","className","buttonStyle","extraButtonProps","ref","onClick","size","horizontalAlign","popupType","render","close","ButtonGroup","renderButton","active","onKeyDown","ariaProps","selected","direction"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/DashboardStepNav.tsx"],"sourcesContent":["'use client'\nimport type { ClientWidget } from 'payload'\n\nimport { useEffect, useId, useRef } 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  const addButtonRef = useRef<HTMLButtonElement>(null)\n\n  useEffect(() => {\n    if (isEditing) {\n      addButtonRef.current?.focus()\n    }\n  }, [isEditing])\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\n            aria-label={`${t('dashboard:addButton')}: ${t('dashboard:addWidget')}`}\n            buttonStyle=\"primary\"\n            extraButtonProps={{ ref: addButtonRef }}\n            slug={widgetsDrawerSlug}\n          >\n            {t('dashboard:addButton')}\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      popupType=\"menu\"\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, onClick, onKeyDown, ...ariaProps }) => (\n        <Button\n          aria-label={t('general:dashboard')}\n          buttonStyle=\"ghost\"\n          extraButtonProps={{ onKeyDown }}\n          onClick={onClick}\n          selected={active}\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=\"fit-content\"\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export declare function WidgetContent({ id, children, isEditing, }: {
+    children: ReactNode;
+    id: string;
+    isEditing: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/WidgetContent/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAA;AAOtD,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;CACnB,+BAyEA"}

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

@@ -0,0 +1,65 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLayoutEffect, useRef } from 'react';
+const focusableSelector = 'a[href], area[href], button, input, select, textarea, iframe, summary, audio[controls], video[controls], [contenteditable], [tabindex]';
+export function WidgetContent({
+  id,
+  children,
+  isEditing
+}) {
+  const ref = useRef(null);
+  useLayoutEffect(() => {
+    const content = ref.current;
+    if (!isEditing || !content) {
+      return;
+    }
+    // Unlike inert, this keeps widget text and structure available to screen readers.
+    const tabIndexes = new Map();
+    const disableTabStops = () => {
+      for (const element of content.querySelectorAll(focusableSelector)) {
+        if (!tabIndexes.has(element)) {
+          tabIndexes.set(element, element.getAttribute('tabindex'));
+        }
+        if (element.getAttribute('tabindex') !== '-1') {
+          element.setAttribute('tabindex', '-1');
+        }
+      }
+    };
+    disableTabStops();
+    const observer = new MutationObserver(disableTabStops);
+    observer.observe(content, {
+      attributeFilter: ['tabindex', 'href', 'contenteditable', 'controls'],
+      attributes: true,
+      childList: true,
+      subtree: true
+    });
+    return () => {
+      observer.disconnect();
+      for (const [element_0, tabIndex] of tabIndexes) {
+        if (tabIndex === null) {
+          element_0.removeAttribute('tabindex');
+        } else {
+          element_0.setAttribute('tabindex', tabIndex);
+        }
+      }
+    };
+  }, [isEditing]);
+  const preventInteraction = isEditing ? event => {
+    event.preventDefault();
+    event.stopPropagation();
+  } : undefined;
+  return /*#__PURE__*/_jsx("div", {
+    "aria-disabled": isEditing || undefined,
+    className: "widget-content",
+    id: id,
+    onClickCapture: preventInteraction,
+    onFocusCapture: isEditing ? event_0 => {
+      event_0.currentTarget.parentElement?.querySelector('.widget-wrapper__drag-btn')?.focus();
+    } : undefined,
+    onKeyDownCapture: preventInteraction,
+    ref: ref,
+    children: children
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useLayoutEffect","useRef","focusableSelector","WidgetContent","id","children","isEditing","ref","content","current","tabIndexes","Map","disableTabStops","element","querySelectorAll","has","set","getAttribute","setAttribute","observer","MutationObserver","observe","attributeFilter","attributes","childList","subtree","disconnect","tabIndex","removeAttribute","preventInteraction","event","preventDefault","stopPropagation","undefined","_jsx","className","onClickCapture","onFocusCapture","currentTarget","parentElement","querySelector","focus","onKeyDownCapture"],"sources":["../../../../../../src/views/Dashboard/Default/ModularDashboard/WidgetContent/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ReactNode, SyntheticEvent } from 'react'\n\nimport { useLayoutEffect, useRef } from 'react'\n\nconst focusableSelector =\n  'a[href], area[href], button, input, select, textarea, iframe, summary, audio[controls], video[controls], [contenteditable], [tabindex]'\n\nexport function WidgetContent({\n  id,\n  children,\n  isEditing,\n}: {\n  children: ReactNode\n  id: string\n  isEditing: boolean\n}) {\n  const ref = useRef<HTMLDivElement>(null)\n\n  useLayoutEffect(() => {\n    const content = ref.current\n\n    if (!isEditing || !content) {\n      return\n    }\n\n    // Unlike inert, this keeps widget text and structure available to screen readers.\n    const tabIndexes = new Map<Element, null | string>()\n    const disableTabStops = () => {\n      for (const element of content.querySelectorAll(focusableSelector)) {\n        if (!tabIndexes.has(element)) {\n          tabIndexes.set(element, element.getAttribute('tabindex'))\n        }\n        if (element.getAttribute('tabindex') !== '-1') {\n          element.setAttribute('tabindex', '-1')\n        }\n      }\n    }\n\n    disableTabStops()\n    const observer = new MutationObserver(disableTabStops)\n\n    observer.observe(content, {\n      attributeFilter: ['tabindex', 'href', 'contenteditable', 'controls'],\n      attributes: true,\n      childList: true,\n      subtree: true,\n    })\n\n    return () => {\n      observer.disconnect()\n      for (const [element, tabIndex] of tabIndexes) {\n        if (tabIndex === null) {\n          element.removeAttribute('tabindex')\n        } else {\n          element.setAttribute('tabindex', tabIndex)\n        }\n      }\n    }\n  }, [isEditing])\n\n  const preventInteraction = isEditing\n    ? (event: SyntheticEvent) => {\n        event.preventDefault()\n        event.stopPropagation()\n      }\n    : undefined\n\n  return (\n    <div\n      aria-disabled={isEditing || undefined}\n      className=\"widget-content\"\n      id={id}\n      onClickCapture={preventInteraction}\n      onFocusCapture={\n        isEditing\n          ? (event) => {\n              event.currentTarget.parentElement\n                ?.querySelector<HTMLButtonElement>('.widget-wrapper__drag-btn')\n                ?.focus()\n            }\n          : undefined\n      }\n      onKeyDownCapture={preventInteraction}\n      ref={ref}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,SAASA,eAAe,EAAEC,MAAM,QAAQ;AAExC,MAAMC,iBAAA,GACJ;AAEF,OAAO,SAASC,cAAc;EAC5BC,EAAE;EACFC,QAAQ;EACRC;AAAS,CAKV;EACC,MAAMC,GAAA,GAAMN,MAAA,CAAuB;EAEnCD,eAAA,CAAgB;IACd,MAAMQ,OAAA,GAAUD,GAAA,CAAIE,OAAO;IAE3B,IAAI,CAACH,SAAA,IAAa,CAACE,OAAA,EAAS;MAC1B;IACF;IAEA;IACA,MAAME,UAAA,GAAa,IAAIC,GAAA;IACvB,MAAMC,eAAA,GAAkBA,CAAA;MACtB,KAAK,MAAMC,OAAA,IAAWL,OAAA,CAAQM,gBAAgB,CAACZ,iBAAA,GAAoB;QACjE,IAAI,CAACQ,UAAA,CAAWK,GAAG,CAACF,OAAA,GAAU;UAC5BH,UAAA,CAAWM,GAAG,CAACH,OAAA,EAASA,OAAA,CAAQI,YAAY,CAAC;QAC/C;QACA,IAAIJ,OAAA,CAAQI,YAAY,CAAC,gBAAgB,MAAM;UAC7CJ,OAAA,CAAQK,YAAY,CAAC,YAAY;QACnC;MACF;IACF;IAEAN,eAAA;IACA,MAAMO,QAAA,GAAW,IAAIC,gBAAA,CAAiBR,eAAA;IAEtCO,QAAA,CAASE,OAAO,CAACb,OAAA,EAAS;MACxBc,eAAA,EAAiB,CAAC,YAAY,QAAQ,mBAAmB,WAAW;MACpEC,UAAA,EAAY;MACZC,SAAA,EAAW;MACXC,OAAA,EAAS;IACX;IAEA,OAAO;MACLN,QAAA,CAASO,UAAU;MACnB,KAAK,MAAM,CAACb,SAAA,EAASc,QAAA,CAAS,IAAIjB,UAAA,EAAY;QAC5C,IAAIiB,QAAA,KAAa,MAAM;UACrBd,SAAA,CAAQe,eAAe,CAAC;QAC1B,OAAO;UACLf,SAAA,CAAQK,YAAY,CAAC,YAAYS,QAAA;QACnC;MACF;IACF;EACF,GAAG,CAACrB,SAAA,CAAU;EAEd,MAAMuB,kBAAA,GAAqBvB,SAAA,GACtBwB,KAAA;IACCA,KAAA,CAAMC,cAAc;IACpBD,KAAA,CAAME,eAAe;EACvB,IACAC,SAAA;EAEJ,oBACEC,IAAA,CAAC;IACC,iBAAe5B,SAAA,IAAa2B,SAAA;IAC5BE,SAAA,EAAU;IACV/B,EAAA,EAAIA,EAAA;IACJgC,cAAA,EAAgBP,kBAAA;IAChBQ,cAAA,EACE/B,SAAA,GACKwB,OAAA;MACCA,OAAA,CAAMQ,aAAa,CAACC,aAAa,EAC7BC,aAAA,CAAiC,8BACjCC,KAAA;IACN,IACAR,SAAA;IAENS,gBAAA,EAAkBb,kBAAA;IAClBtB,GAAA,EAAKA,GAAA;cAEJF;;AAGP","ignoreList":[]}

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

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

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

@@ -1 +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;AAYpC,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,qBAoCA"}
+{"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;AAYpC,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,UAAU,EACV,QAAQ,EACR,WAAW,GACZ,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;IAChB,WAAW,EAAE,MAAM,CAAA;CACpB,qBAqCA"}

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

@@ -15,7 +15,8 @@ export function WidgetEditControl(t0) {
   const {
     onSave,
     widgetData,
-    widgetID
+    widgetID,
+    widgetLabel
   } = t0;
   const {
     t
@@ -64,9 +65,14 @@ export function WidgetEditControl(t0) {
   }
   return _jsxs(_Fragment, {
     children: [_jsx(Button, {
-      "aria-label": `${t("general:edit")} ${widgetID}`,
+      "aria-label": t("general:editLabel", {
+        label: widgetLabel
+      }),
       buttonStyle: "secondary",
       className: "widget-wrapper__edit-btn",
+      extraButtonProps: {
+        tabIndex: 0
+      },
       icon: _jsx(EditIcon, {}),
       margin: false,
       onClick: t4

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetEditControl.js","names":["c","_c","React","useId","Button","useModal","EditIcon","useConfig","useTranslation","WidgetConfigDrawer","getWidgetSlugFromID","widgetID","slice","lastIndexOf","WidgetEditControl","t0","$","onSave","widgetData","t","openModal","widgets","t1","config","admin","dashboard","configWidgets","undefined","t2","widgetSlug","t3","widget","slug","widgetConfig","find","hasEditableFields","Boolean","fields","length","drawerID","drawerSlug","t4","_jsxs","_Fragment","children","_jsx","buttonStyle","className","icon","margin","onClick"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/WidgetEditControl.tsx"],"sourcesContent":["'use client'\n\nimport type { Data } from 'payload'\n\nimport React, { useId } from 'react'\n\nimport { Button } from '../../../../elements/Button/index.js'\nimport { useModal } from '../../../../elements/Modal/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { WidgetConfigDrawer } from './WidgetConfigDrawer.js'\n\nconst getWidgetSlugFromID = (widgetID: string): string =>\n  widgetID.slice(0, widgetID.lastIndexOf('-'))\n\nexport function WidgetEditControl({\n  onSave,\n  widgetData,\n  widgetID,\n}: {\n  onSave: (data: Data) => void\n  widgetData?: Record<string, unknown>\n  widgetID: string\n}) {\n  const { t } = useTranslation()\n  const { openModal } = useModal()\n  const { widgets: configWidgets = [] } = useConfig().config.admin.dashboard ?? {}\n\n  const widgetSlug = getWidgetSlugFromID(widgetID)\n  const widgetConfig = configWidgets.find((widget) => widget.slug === widgetSlug)\n  const hasEditableFields = Boolean(widgetConfig?.fields?.length)\n\n  const drawerID = useId()\n  const drawerSlug = `widget-editor-${drawerID}`\n\n  if (!hasEditableFields) {\n    return null\n  }\n\n  return (\n    <>\n      <Button\n        aria-label={`${t('general:edit')} ${widgetID}`}\n        buttonStyle=\"secondary\"\n        className=\"widget-wrapper__edit-btn\"\n        icon={<EditIcon />}\n        margin={false}\n        onClick={() => {\n          openModal(drawerSlug)\n        }}\n      />\n      <WidgetConfigDrawer\n        drawerSlug={drawerSlug}\n        onSave={onSave}\n        widget={widgetConfig}\n        widgetData={widgetData}\n      />\n    </>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,IAASC,KAAK,QAAQ;AAE7B,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AAEnC,MAAMC,mBAAA,GAAuBC,QAAA,IAC3BA,QAAA,CAASC,KAAK,CAAC,GAAGD,QAAA,CAASE,WAAW,CAAC;AAEzC,OAAO,SAAAC,kBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EAA2B;IAAAgB,MAAA;IAAAC,UAAA;IAAAP;EAAA,IAAAI,EAQjC;EACC;IAAAI;EAAA,IAAcX,cAAA;EACd;IAAAY;EAAA,IAAsBf,QAAA;EACtB;IAAAgB,OAAA,EAAAC;EAAA,IAAwCf,SAAA,GAAAgB,MAAA,CAAAC,KAAA,CAAAC,SAAA,MAAuC;EAA9D,MAAAC,aAAA,GAAAJ,EAAkB,KAAAK,SAAA,QAAlBL,EAAkB;EAAA,IAAAM,EAAA;EAAA,IAAAZ,CAAA,QAAAL,QAAA;IAEhBiB,EAAA,GAAAlB,mBAAA,CAAoBC,QAAA;IAAAK,CAAA,MAAAL,QAAA;IAAAK,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAAvC,MAAAa,UAAA,GAAmBD,EAAoB;EAAA,IAAAE,EAAA;EAAA,IAAAd,CAAA,QAAAa,UAAA;IACCC,EAAA,GAAAC,MAAA,IAAYA,MAAA,CAAAC,IAAA,KAAgBH,UAAA;IAAAb,CAAA,MAAAa,UAAA;IAAAb,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAApE,MAAAiB,YAAA,GAAqBP,aAAA,CAAAQ,IAAA,CAAmBJ,EAA4B;EACpE,MAAAK,iBAAA,GAA0BC,OAAA,CAAQH,YAAA,EAAAI,MAAA,EAAAC,MAAsB;EAExD,MAAAC,QAAA,GAAiBpC,KAAA;EACjB,MAAAqC,UAAA,GAAmB,iBAAiBD,QAAA,EAAU;EAAA,KAEzCJ,iBAAA;IAAA;EAAA;EAAA,IAAAM,EAAA;EAAA,IAAAzB,CAAA,QAAAwB,UAAA,IAAAxB,CAAA,QAAAI,SAAA;IAYUqB,EAAA,GAAAA,CAAA;MACPrB,SAAA,CAAUoB,UAAA;IAAA;IACZxB,CAAA,MAAAwB,UAAA;IAAAxB,CAAA,MAAAI,SAAA;IAAAJ,CAAA,MAAAyB,EAAA;EAAA;IAAAA,EAAA,GAAAzB,CAAA;EAAA;EAAA,OATJ0B,KAAA,CAAAC,SAAA;IAAAC,QAAA,GACEC,IAAA,CAAAzC,MAAA;MAAA,cACc,GAAGe,CAAA,CAAE,mBAAmBR,QAAA,EAAU;MAAAmC,WAAA,EAClC;MAAAC,SAAA,EACF;MAAAC,IAAA,EACJH,IAAA,CAAAvC,QAAA,IAAC;MAAA2C,MAAA;MAAAC,OAAA,EAEET;IAET,C,GAEFI,IAAA,CAAApC,kBAAA;MAAA+B,UAAA;MAAAvB,MAAA;MAAAc,MAAA,EAGUE,YAAA;MAAAf;IAAA,C","ignoreList":[]}
+{"version":3,"file":"WidgetEditControl.js","names":["c","_c","React","useId","Button","useModal","EditIcon","useConfig","useTranslation","WidgetConfigDrawer","getWidgetSlugFromID","widgetID","slice","lastIndexOf","WidgetEditControl","t0","$","onSave","widgetData","widgetLabel","t","openModal","widgets","t1","config","admin","dashboard","configWidgets","undefined","t2","widgetSlug","t3","widget","slug","widgetConfig","find","hasEditableFields","Boolean","fields","length","drawerID","drawerSlug","t4","_jsxs","_Fragment","children","_jsx","label","buttonStyle","className","extraButtonProps","tabIndex","icon","margin","onClick"],"sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/WidgetEditControl.tsx"],"sourcesContent":["'use client'\n\nimport type { Data } from 'payload'\n\nimport React, { useId } from 'react'\n\nimport { Button } from '../../../../elements/Button/index.js'\nimport { useModal } from '../../../../elements/Modal/index.js'\nimport { EditIcon } from '../../../../icons/Edit/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { WidgetConfigDrawer } from './WidgetConfigDrawer.js'\n\nconst getWidgetSlugFromID = (widgetID: string): string =>\n  widgetID.slice(0, widgetID.lastIndexOf('-'))\n\nexport function WidgetEditControl({\n  onSave,\n  widgetData,\n  widgetID,\n  widgetLabel,\n}: {\n  onSave: (data: Data) => void\n  widgetData?: Record<string, unknown>\n  widgetID: string\n  widgetLabel: string\n}) {\n  const { t } = useTranslation()\n  const { openModal } = useModal()\n  const { widgets: configWidgets = [] } = useConfig().config.admin.dashboard ?? {}\n\n  const widgetSlug = getWidgetSlugFromID(widgetID)\n  const widgetConfig = configWidgets.find((widget) => widget.slug === widgetSlug)\n  const hasEditableFields = Boolean(widgetConfig?.fields?.length)\n\n  const drawerID = useId()\n  const drawerSlug = `widget-editor-${drawerID}`\n\n  if (!hasEditableFields) {\n    return null\n  }\n\n  return (\n    <>\n      <Button\n        aria-label={t('general:editLabel', { label: widgetLabel })}\n        buttonStyle=\"secondary\"\n        className=\"widget-wrapper__edit-btn\"\n        extraButtonProps={{ tabIndex: 0 }}\n        icon={<EditIcon />}\n        margin={false}\n        onClick={() => {\n          openModal(drawerSlug)\n        }}\n      />\n      <WidgetConfigDrawer\n        drawerSlug={drawerSlug}\n        onSave={onSave}\n        widget={widgetConfig}\n        widgetData={widgetData}\n      />\n    </>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,IAASC,KAAK,QAAQ;AAE7B,SAASC,MAAM,QAAQ;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AAEnC,MAAMC,mBAAA,GAAuBC,QAAA,IAC3BA,QAAA,CAASC,KAAK,CAAC,GAAGD,QAAA,CAASE,WAAW,CAAC;AAEzC,OAAO,SAAAC,kBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EAA2B;IAAAgB,MAAA;IAAAC,UAAA;IAAAP,QAAA;IAAAQ;EAAA,IAAAJ,EAUjC;EACC;IAAAK;EAAA,IAAcZ,cAAA;EACd;IAAAa;EAAA,IAAsBhB,QAAA;EACtB;IAAAiB,OAAA,EAAAC;EAAA,IAAwChB,SAAA,GAAAiB,MAAA,CAAAC,KAAA,CAAAC,SAAA,MAAuC;EAA9D,MAAAC,aAAA,GAAAJ,EAAkB,KAAAK,SAAA,QAAlBL,EAAkB;EAAA,IAAAM,EAAA;EAAA,IAAAb,CAAA,QAAAL,QAAA;IAEhBkB,EAAA,GAAAnB,mBAAA,CAAoBC,QAAA;IAAAK,CAAA,MAAAL,QAAA;IAAAK,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAAvC,MAAAc,UAAA,GAAmBD,EAAoB;EAAA,IAAAE,EAAA;EAAA,IAAAf,CAAA,QAAAc,UAAA;IACCC,EAAA,GAAAC,MAAA,IAAYA,MAAA,CAAAC,IAAA,KAAgBH,UAAA;IAAAd,CAAA,MAAAc,UAAA;IAAAd,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAApE,MAAAkB,YAAA,GAAqBP,aAAA,CAAAQ,IAAA,CAAmBJ,EAA4B;EACpE,MAAAK,iBAAA,GAA0BC,OAAA,CAAQH,YAAA,EAAAI,MAAA,EAAAC,MAAsB;EAExD,MAAAC,QAAA,GAAiBrC,KAAA;EACjB,MAAAsC,UAAA,GAAmB,iBAAiBD,QAAA,EAAU;EAAA,KAEzCJ,iBAAA;IAAA;EAAA;EAAA,IAAAM,EAAA;EAAA,IAAA1B,CAAA,QAAAyB,UAAA,IAAAzB,CAAA,QAAAK,SAAA;IAaUqB,EAAA,GAAAA,CAAA;MACPrB,SAAA,CAAUoB,UAAA;IAAA;IACZzB,CAAA,MAAAyB,UAAA;IAAAzB,CAAA,MAAAK,SAAA;IAAAL,CAAA,MAAA0B,EAAA;EAAA;IAAAA,EAAA,GAAA1B,CAAA;EAAA;EAAA,OAVJ2B,KAAA,CAAAC,SAAA;IAAAC,QAAA,GACEC,IAAA,CAAA1C,MAAA;MAAA,cACcgB,CAAA,CAAE;QAAA2B,KAAA,EAA8B5B;MAAA,CAAY;MAAA6B,WAAA,EAC5C;MAAAC,SAAA,EACF;MAAAC,gBAAA;QAAAC,QAAA;MAAA;MAAAC,IAAA,EAEJN,IAAA,CAAAxC,QAAA,IAAC;MAAA+C,MAAA;MAAAC,OAAA,EAEEZ;IAET,C,GAEFI,IAAA,CAAArC,kBAAA;MAAAgC,UAAA;MAAAxB,MAAA;MAAAe,MAAA,EAGUE,YAAA;MAAAhB;IAAA,C","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/index.client.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIxD,OAAO,KAAuC,MAAM,OAAO,CAAA;AA6B3D,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,WAAW,CAAA;IACrB,QAAQ,EAAE,WAAW,CAAA;IACrB,KAAK,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,EAAE,UAAU,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC5B,MAAM,EAAE,oBAAoB,CAAA;CAC7B,GAAG,IAAI,CAAA;AAYR,wBAAgB,sBAAsB,CAAC,EACrC,YAAY,EAAE,aAAa,EAC3B,OAAO,GACR,EAAE;IACD,YAAY,EAAE,oBAAoB,EAAE,CAAA;IACpC,OAAO,EAAE,YAAY,EAAE,CAAA;CACxB,qBAiMA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../../../src/views/Dashboard/Default/ModularDashboard/index.client.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAMxD,OAAO,KAAuC,MAAM,OAAO,CAAA;AA8B3D,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,WAAW,CAAA;IACrB,QAAQ,EAAE,WAAW,CAAA;IACrB,KAAK,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,EAAE,UAAU,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC5B,MAAM,EAAE,oBAAoB,CAAA;CAC7B,GAAG,IAAI,CAAA;AAYR,wBAAgB,sBAAsB,CAAC,EACrC,YAAY,EAAE,aAAa,EAC3B,OAAO,GACR,EAAE;IACD,YAAY,EAAE,oBAAoB,EAAE,CAAA;IACpC,OAAO,EAAE,YAAY,EAAE,CAAA;CACxB,qBA6MA"}