@payloadcms/ui 4.0.0-internal.e7d4ebc → 4.0.0-internal.ea6e8f8

package/dist/views/Branch/renderMergeDiff.js

@@ -0,0 +1,109 @@
+import { branchMergesCollectionSlug } from 'payload/shared';
+import { renderBranchEntityDiff } from './renderBranchEntityDiff.js';
+/**
+ * Renders what one already-merged document changed, from the ledger.
+ *
+ * The live document is no longer a useful source here because main can move on.
+ * The target versions recorded by the merge are read with the current user's
+ * version access and rendered through the ordinary version-comparison renderer.
+ *
+ * Per change rather than with the page, for the reason `renderBranchDiff` is: a
+ * branch's history can hold hundreds of documents and each diff is a full field-tree
+ * render.
+ */
+export const renderMergeDiffHandler = async ({
+  changeIndex,
+  mergeID,
+  req
+}) => {
+  if (!req.user) {
+    throw new Error('Unauthorized');
+  }
+  const {
+    payload
+  } = req;
+  const {
+    config
+  } = payload;
+  const event = await payload.findByID({
+    id: mergeID,
+    collection: branchMergesCollectionSlug,
+    depth: 0,
+    overrideAccess: false,
+    req,
+    user: req.user
+  });
+  const change = event?.changes?.[changeIndex];
+  const collectionSlug = change?.collectionSlug;
+  const globalSlug = change?.globalSlug;
+  // A merged global's snapshots are the same pair of documents any other row holds; only
+  // the field set they are read against comes from somewhere else.
+  const entityConfig = globalSlug ? config.globals.find(each => each.slug === globalSlug) : collectionSlug ? payload.collections[collectionSlug]?.config : undefined;
+  if (!change || !entityConfig) {
+    throw new Error('Unknown merged change');
+  }
+  const hasLegacySnapshots = Object.prototype.hasOwnProperty.call(change, 'before') || Object.prototype.hasOwnProperty.call(change, 'after');
+  const needsBeforeVersion = change.operation !== 'create';
+  const needsAfterVersion = change.operation !== 'delete';
+  let versionFromSiblingData;
+  let versionToSiblingData;
+  if ((!needsBeforeVersion || change.beforeVersionID) && (!needsAfterVersion || change.afterVersionID)) {
+    try {
+      const readVersion = async ({
+        id
+      }) => {
+        const version = collectionSlug ? await payload.findVersionByID({
+          id,
+          collection: collectionSlug,
+          depth: 1,
+          locale: 'all',
+          overrideAccess: false,
+          req,
+          user: req.user
+        }) : await payload.findGlobalVersionByID({
+          id,
+          slug: globalSlug,
+          depth: 1,
+          locale: 'all',
+          overrideAccess: false,
+          req,
+          user: req.user
+        });
+        return version.version ?? {};
+      };
+      const [beforeVersion, afterVersion] = await Promise.all([needsBeforeVersion ? readVersion({
+        id: change.beforeVersionID
+      }) : Promise.resolve({}), needsAfterVersion ? readVersion({
+        id: change.afterVersionID
+      }) : Promise.resolve({})]);
+      versionFromSiblingData = beforeVersion;
+      versionToSiblingData = afterVersion;
+    } catch (_error) {
+      return {
+        status: 'unavailable'
+      };
+    }
+  } else if (hasLegacySnapshots) {
+    versionFromSiblingData = change.before ?? {};
+    versionToSiblingData = change.after ?? {};
+  } else {
+    return {
+      status: 'unavailable'
+    };
+  }
+  const {
+    diff
+  } = renderBranchEntityDiff({
+    collectionSlug,
+    fields: entityConfig.fields,
+    globalSlug,
+    req,
+    versionFromSiblingData,
+    versionToSiblingData
+  });
+  return {
+    diff,
+    status: 'ready'
+  };
+};
+//# sourceMappingURL=renderMergeDiff.js.map

package/dist/views/Branch/renderMergeDiff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderMergeDiff.js","names":["branchMergesCollectionSlug","renderBranchEntityDiff","renderMergeDiffHandler","changeIndex","mergeID","req","user","Error","payload","config","event","findByID","id","collection","depth","overrideAccess","change","changes","collectionSlug","globalSlug","entityConfig","globals","find","each","slug","collections","undefined","hasLegacySnapshots","Object","prototype","hasOwnProperty","call","needsBeforeVersion","operation","needsAfterVersion","versionFromSiblingData","versionToSiblingData","beforeVersionID","afterVersionID","readVersion","version","findVersionByID","locale","findGlobalVersionByID","beforeVersion","afterVersion","Promise","all","resolve","_error","status","before","after","diff","fields"],"sources":["../../../src/views/Branch/renderMergeDiff.tsx"],"sourcesContent":["import type { MergeEventChange, ServerFunction } from 'payload'\nimport type React from 'react'\n\nimport { branchMergesCollectionSlug } from 'payload/shared'\n\nimport { renderBranchEntityDiff } from './renderBranchEntityDiff.js'\n\nexport type RenderMergeDiffArgs = {\n  /** Position within the merge event's `changes` array. */\n  changeIndex: number\n  mergeID: number | string\n}\n\nexport type RenderMergeDiffResult = {\n  diff?: React.ReactNode\n  status: 'ready' | 'unavailable'\n}\n\n/**\n * Renders what one already-merged document changed, from the ledger.\n *\n * The live document is no longer a useful source here because main can move on.\n * The target versions recorded by the merge are read with the current user's\n * version access and rendered through the ordinary version-comparison renderer.\n *\n * Per change rather than with the page, for the reason `renderBranchDiff` is: a\n * branch's history can hold hundreds of documents and each diff is a full field-tree\n * render.\n */\nexport const renderMergeDiffHandler: ServerFunction<\n  RenderMergeDiffArgs,\n  Promise<RenderMergeDiffResult>\n> = async ({ changeIndex, mergeID, req }) => {\n  if (!req.user) {\n    throw new Error('Unauthorized')\n  }\n\n  const { payload } = req\n  const { config } = payload\n\n  const event = await payload.findByID({\n    id: mergeID,\n    collection: branchMergesCollectionSlug,\n    depth: 0,\n    overrideAccess: false,\n    req,\n    user: req.user,\n  })\n\n  const change = (\n    event as {\n      changes?: Partial<\n        Pick<\n          MergeEventChange,\n          | 'after'\n          | 'afterVersionID'\n          | 'before'\n          | 'beforeVersionID'\n          | 'collectionSlug'\n          | 'globalSlug'\n          | 'operation'\n        >\n      >[]\n    }\n  )?.changes?.[changeIndex]\n\n  const collectionSlug = change?.collectionSlug\n  const globalSlug = change?.globalSlug\n  // A merged global's snapshots are the same pair of documents any other row holds; only\n  // the field set they are read against comes from somewhere else.\n  const entityConfig = globalSlug\n    ? config.globals.find((each) => each.slug === globalSlug)\n    : collectionSlug\n      ? payload.collections[collectionSlug]?.config\n      : undefined\n\n  if (!change || !entityConfig) {\n    throw new Error('Unknown merged change')\n  }\n\n  const hasLegacySnapshots =\n    Object.prototype.hasOwnProperty.call(change, 'before') ||\n    Object.prototype.hasOwnProperty.call(change, 'after')\n  const needsBeforeVersion = change.operation !== 'create'\n  const needsAfterVersion = change.operation !== 'delete'\n  let versionFromSiblingData: Record<string, unknown>\n  let versionToSiblingData: Record<string, unknown>\n\n  if (\n    (!needsBeforeVersion || change.beforeVersionID) &&\n    (!needsAfterVersion || change.afterVersionID)\n  ) {\n    try {\n      const readVersion = async ({ id }: { id: string }): Promise<Record<string, unknown>> => {\n        const version = collectionSlug\n          ? await payload.findVersionByID({\n              id,\n              collection: collectionSlug,\n              depth: 1,\n              locale: 'all',\n              overrideAccess: false,\n              req,\n              user: req.user,\n            })\n          : await payload.findGlobalVersionByID({\n              id,\n              slug: globalSlug,\n              depth: 1,\n              locale: 'all',\n              overrideAccess: false,\n              req,\n              user: req.user,\n            })\n\n        return (version.version ?? {}) as Record<string, unknown>\n      }\n\n      const [beforeVersion, afterVersion] = await Promise.all([\n        needsBeforeVersion ? readVersion({ id: change.beforeVersionID }) : Promise.resolve({}),\n        needsAfterVersion ? readVersion({ id: change.afterVersionID }) : Promise.resolve({}),\n      ])\n\n      versionFromSiblingData = beforeVersion\n      versionToSiblingData = afterVersion\n    } catch (_error) {\n      return { status: 'unavailable' }\n    }\n  } else if (hasLegacySnapshots) {\n    versionFromSiblingData = (change.before ?? {}) as Record<string, unknown>\n    versionToSiblingData = (change.after ?? {}) as Record<string, unknown>\n  } else {\n    return { status: 'unavailable' }\n  }\n\n  const { diff } = renderBranchEntityDiff({\n    collectionSlug,\n    fields: entityConfig.fields,\n    globalSlug,\n    req,\n    versionFromSiblingData,\n    versionToSiblingData,\n  })\n\n  return {\n    diff,\n    status: 'ready',\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Branches/index.d.ts

@@ -0,0 +1,16 @@
+import type { AdminViewServerProps } from 'payload';
+import React from 'react';
+import type { RenderListViewArgs } from '../List/index.js';
+/**
+ * Routes for `payload-branches`.
+ *
+ * The collection is `admin.hidden`, which is what keeps it out of the nav, the
+ * dashboard and the command palette — branches are a scope control, not a content
+ * type, and the only way in is the switcher in the app header. But the generic
+ * list and document views treat a hidden collection as not-found, so its own
+ * routes need to opt back in. That is all these wrappers do; the views themselves
+ * are Payload's, unchanged.
+ */
+export declare const BranchesListView: React.FC<RenderListViewArgs>;
+export declare const BranchDocumentView: React.FC<AdminViewServerProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Branches/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Branches/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAmB,MAAM,SAAS,CAAA;AAGpE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAO1D;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAIzD,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAI7D,CAAA"}

package/dist/views/Branches/index.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { branchesCollectionSlug } from 'payload/shared';
+import React from 'react';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary
+import { EntityVisibilityProvider } from '../../exports/client/index.js';
+import { DocumentView } from '../Document/index.js';
+import { ListView } from '../List/index.js';
+/**
+ * Routes for `payload-branches`.
+ *
+ * The collection is `admin.hidden`, which is what keeps it out of the nav, the
+ * dashboard and the command palette — branches are a scope control, not a content
+ * type, and the only way in is the switcher in the app header. But the generic
+ * list and document views treat a hidden collection as not-found, so its own
+ * routes need to opt back in. That is all these wrappers do; the views themselves
+ * are Payload's, unchanged.
+ */
+export const BranchesListView = props => /*#__PURE__*/_jsx(EntityVisibilityProvider, {
+  visibleEntities: withBranchesVisible(props),
+  children: /*#__PURE__*/_jsx(ListView, {
+    ...props,
+    overrideEntityVisibility: true
+  })
+});
+export const BranchDocumentView = props => /*#__PURE__*/_jsx(EntityVisibilityProvider, {
+  visibleEntities: withBranchesVisible(props),
+  children: /*#__PURE__*/_jsx(DocumentView, {
+    ...props,
+    overrideEntityVisibility: true
+  })
+});
+/**
+ * Hidden from the nav, but reachable here.
+ *
+ * `overrideEntityVisibility` opts these routes back in on the server; this is the
+ * same opt-in for the client, which otherwise treats the collection as somewhere
+ * it cannot link to. Without it the breadcrumbs render as inert text rather than
+ * links back to the branch and the branch list.
+ */
+const withBranchesVisible = ({
+  initPageResult
+}) => {
+  const {
+    visibleEntities
+  } = initPageResult;
+  if (visibleEntities.collections.includes(branchesCollectionSlug)) {
+    return visibleEntities;
+  }
+  return {
+    ...visibleEntities,
+    collections: [...visibleEntities.collections, branchesCollectionSlug]
+  };
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["branchesCollectionSlug","React","EntityVisibilityProvider","DocumentView","ListView","BranchesListView","props","_jsx","visibleEntities","withBranchesVisible","overrideEntityVisibility","BranchDocumentView","initPageResult","collections","includes"],"sources":["../../../src/views/Branches/index.tsx"],"sourcesContent":["import type { AdminViewServerProps, VisibleEntities } from 'payload'\n\nimport { branchesCollectionSlug } from 'payload/shared'\nimport React from 'react'\n\nimport type { RenderListViewArgs } from '../List/index.js'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { EntityVisibilityProvider } from '../../exports/client/index.js'\nimport { DocumentView } from '../Document/index.js'\nimport { ListView } from '../List/index.js'\n\n/**\n * Routes for `payload-branches`.\n *\n * The collection is `admin.hidden`, which is what keeps it out of the nav, the\n * dashboard and the command palette — branches are a scope control, not a content\n * type, and the only way in is the switcher in the app header. But the generic\n * list and document views treat a hidden collection as not-found, so its own\n * routes need to opt back in. That is all these wrappers do; the views themselves\n * are Payload's, unchanged.\n */\nexport const BranchesListView: React.FC<RenderListViewArgs> = (props) => (\n  <EntityVisibilityProvider visibleEntities={withBranchesVisible(props)}>\n    <ListView {...props} overrideEntityVisibility />\n  </EntityVisibilityProvider>\n)\n\nexport const BranchDocumentView: React.FC<AdminViewServerProps> = (props) => (\n  <EntityVisibilityProvider visibleEntities={withBranchesVisible(props)}>\n    <DocumentView {...props} overrideEntityVisibility />\n  </EntityVisibilityProvider>\n)\n\n/**\n * Hidden from the nav, but reachable here.\n *\n * `overrideEntityVisibility` opts these routes back in on the server; this is the\n * same opt-in for the client, which otherwise treats the collection as somewhere\n * it cannot link to. Without it the breadcrumbs render as inert text rather than\n * links back to the branch and the branch list.\n */\nconst withBranchesVisible = ({\n  initPageResult,\n}: {\n  initPageResult: { visibleEntities: VisibleEntities }\n}): VisibleEntities => {\n  const { visibleEntities } = initPageResult\n\n  if (visibleEntities.collections.includes(branchesCollectionSlug)) {\n    return visibleEntities\n  }\n\n  return {\n    ...visibleEntities,\n    collections: [...visibleEntities.collections, branchesCollectionSlug],\n  }\n}\n"],"mappings":";AAEA,SAASA,sBAAsB,QAAQ;AACvC,OAAOC,KAAA,MAAW;AAIlB;AACA,SAASC,wBAAwB,QAAQ;AACzC,SAASC,YAAY,QAAQ;AAC7B,SAASC,QAAQ,QAAQ;AAEzB;;;;;;;;;;AAUA,OAAO,MAAMC,gBAAA,GAAkDC,KAAA,iBAC7DC,IAAA,CAACL,wBAAA;EAAyBM,eAAA,EAAiBC,mBAAA,CAAoBH,KAAA;YAC7D,aAAAC,IAAA,CAACH,QAAA;IAAU,GAAGE,KAAK;IAAEI,wBAAwB;;;AAIjD,OAAO,MAAMC,kBAAA,GAAsDL,KAAA,iBACjEC,IAAA,CAACL,wBAAA;EAAyBM,eAAA,EAAiBC,mBAAA,CAAoBH,KAAA;YAC7D,aAAAC,IAAA,CAACJ,YAAA;IAAc,GAAGG,KAAK;IAAEI,wBAAwB;;;AAIrD;;;;;;;;AAQA,MAAMD,mBAAA,GAAsBA,CAAC;EAC3BG;AAAc,CAGf;EACC,MAAM;IAAEJ;EAAe,CAAE,GAAGI,cAAA;EAE5B,IAAIJ,eAAA,CAAgBK,WAAW,CAACC,QAAQ,CAACd,sBAAA,GAAyB;IAChE,OAAOQ,eAAA;EACT;EAEA,OAAO;IACL,GAAGA,eAAe;IAClBK,WAAA,EAAa,C,GAAIL,eAAA,CAAgBK,WAAW,EAAEb,sBAAA;EAChD;AACF","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/CreateFirstUser/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EAGrB,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAIpB,wBAAsB,mBAAmB,CAAC,EAAE,cAAc,EAAE,EAAE,oBAAoB,8BAgFjF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/CreateFirstUser/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EAGrB,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAIpB,wBAAsB,mBAAmB,CAAC,EAAE,cAAc,EAAE,EAAE,oBAAoB,8BAiFjF"}

package/dist/views/CreateFirstUser/index.js

@@ -46,7 +46,8 @@ export async function CreateFirstUserView({
   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
+    update: true,
+    validate: true
   }]));
   // In create-first-user we should always allow all fields
   const docPermissionsForForm = {
@@ -55,7 +56,8 @@ export async function CreateFirstUserView({
     fields: baseFields,
     read: true,
     readVersions: true,
-    update: true
+    update: true,
+    validate: true
   };
   // Build initial form state from data
   const {

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

@@ -1 +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":[]}
+{"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","validate","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, validate: 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    validate: 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;IAAMC,QAAA,EAAU;EAAK,EAAE;EAGpF;EACA,MAAMC,qBAAA,GAAsD;IAC1DJ,MAAA,EAAQ;IACRK,MAAA,EAAQ;IACRV,MAAA,EAAQH,UAAA;IACRS,IAAA,EAAM;IACNK,YAAA,EAAc;IACdJ,MAAA,EAAQ;IACRC,QAAA,EAAU;EACZ;EAEA;EACA,MAAM;IAAEI,KAAA,EAAOC;EAAS,CAAE,GAAG,MAAMtC,cAAA,CAAe;IAChDmB,cAAA,EAAgBL,gBAAA,CAAiBM,IAAI;IACrCF,IAAA;IACAqB,cAAA,EAAgBL,qBAAA;IAChBb,cAAA;IACAf,MAAA,EAAQA,MAAA,EAAQkC,IAAA;IAChBC,SAAA,EAAW;IACXC,eAAA,EAAiB;IACjBnC,GAAA;IACAoC,UAAA,EAAY7B,gBAAA,CAAiBM,IAAI;IACjCwB,oBAAA,EAAsB;IACtBC,cAAA,EAAgB;EAClB;EAEA,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAW5C,SAAA;4BACd2C,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAG5C,SAAA,UAAmB;8BACpC6C,IAAA,CAAC;kBAAIzC,GAAA,CAAI0C,CAAC,CAAC;uBACXD,IAAA,CAAC;kBAAGzC,GAAA,CAAI0C,CAAC,CAAC;;qBAEZD,IAAA,CAACjD,qBAAA;MACCwC,cAAA,EAAgBL,qBAAA;MAChBb,cAAA,EAAgBA,cAAA;MAChB6B,YAAA,EAAcZ,SAAA;MACdrB,iBAAA,EAAmBA,iBAAA;MACnBJ,QAAA,EAAUA;;;AAIlB","ignoreList":[]}

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,+BAmEA"}
+{"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,122 +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: _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;
+  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","_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":"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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