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

package/dist/utilities/traverseForLocalizedFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"traverseForLocalizedFields.js","names":["traverseForLocalizedFields","fields","field","localized","type","blocks","block","tabs","tab"],"sources":["../../src/utilities/traverseForLocalizedFields.ts"],"sourcesContent":["import type { ClientField, Field } from 'payload'\n\nexport const traverseForLocalizedFields = (fields: ClientField[] | Field[]): boolean => {\n  for (const field of fields) {\n    if ('localized' in field && field.localized) {\n      return true\n    }\n\n    switch (field.type) {\n      case 'array':\n      case 'collapsible':\n      case 'group':\n      case 'row':\n        if (field.fields && traverseForLocalizedFields(field.fields)) {\n          return true\n        }\n        break\n\n      case 'blocks':\n        if (field.blocks) {\n          for (const block of field.blocks) {\n            if (typeof block === 'string') {\n              continue\n            }\n            if (block.fields && traverseForLocalizedFields(block.fields)) {\n              return true\n            }\n          }\n        }\n        break\n\n      case 'tabs':\n        if (field.tabs) {\n          for (const tab of field.tabs) {\n            if ('localized' in tab && tab.localized) {\n              return true\n            }\n            if ('fields' in tab && tab.fields && traverseForLocalizedFields(tab.fields)) {\n              return true\n            }\n          }\n        }\n        break\n    }\n  }\n\n  return false\n}\n"],"mappings":"AAEA,OAAO,MAAMA,0BAAA,GAA8BC,MAAA;EACzC,KAAK,MAAMC,KAAA,IAASD,MAAA,EAAQ;IAC1B,IAAI,eAAeC,KAAA,IAASA,KAAA,CAAMC,SAAS,EAAE;MAC3C,OAAO;IACT;IAEA,QAAQD,KAAA,CAAME,IAAI;MAChB,KAAK;MACL,KAAK;MACL,KAAK;MACL,KAAK;QACH,IAAIF,KAAA,CAAMD,MAAM,IAAID,0BAAA,CAA2BE,KAAA,CAAMD,MAAM,GAAG;UAC5D,OAAO;QACT;QACA;MAEF,KAAK;QACH,IAAIC,KAAA,CAAMG,MAAM,EAAE;UAChB,KAAK,MAAMC,KAAA,IAASJ,KAAA,CAAMG,MAAM,EAAE;YAChC,IAAI,OAAOC,KAAA,KAAU,UAAU;cAC7B;YACF;YACA,IAAIA,KAAA,CAAML,MAAM,IAAID,0BAAA,CAA2BM,KAAA,CAAML,MAAM,GAAG;cAC5D,OAAO;YACT;UACF;QACF;QACA;MAEF,KAAK;QACH,IAAIC,KAAA,CAAMK,IAAI,EAAE;UACd,KAAK,MAAMC,GAAA,IAAON,KAAA,CAAMK,IAAI,EAAE;YAC5B,IAAI,eAAeC,GAAA,IAAOA,GAAA,CAAIL,SAAS,EAAE;cACvC,OAAO;YACT;YACA,IAAI,YAAYK,GAAA,IAAOA,GAAA,CAAIP,MAAM,IAAID,0BAAA,CAA2BQ,GAAA,CAAIP,MAAM,GAAG;cAC3E,OAAO;YACT;UACF;QACF;QACA;IACJ;EACF;EAEA,OAAO;AACT","ignoreList":[]}
+{"version":3,"file":"traverseForLocalizedFields.js","names":["traverseForLocalizedFields","args","blocksMap","fields","Array","isArray","undefined","field","localized","type","blocks","blockOrSlug","block","tabs","tab"],"sources":["../../src/utilities/traverseForLocalizedFields.ts"],"sourcesContent":["import type { ClientBlock, ClientField, Field } from 'payload'\n\ntype TraverseForLocalizedFieldsArgs = {\n  blocksMap?: Record<string, ClientBlock>\n  fields: ClientField[] | Field[]\n}\n\nexport const traverseForLocalizedFields = (\n  args: (ClientField | Field)[] | TraverseForLocalizedFieldsArgs,\n): boolean => {\n  const { blocksMap, fields } = Array.isArray(args) ? { blocksMap: undefined, fields: args } : args\n\n  for (const field of fields) {\n    if ('localized' in field && field.localized) {\n      return true\n    }\n\n    switch (field.type) {\n      case 'array':\n      case 'collapsible':\n      case 'group':\n      case 'row':\n        if (field.fields && traverseForLocalizedFields({ blocksMap, fields: field.fields })) {\n          return true\n        }\n        break\n\n      case 'blocks':\n        if (field.blocks) {\n          for (const blockOrSlug of field.blocks) {\n            const block = typeof blockOrSlug === 'string' ? blocksMap?.[blockOrSlug] : blockOrSlug\n\n            if (block?.fields && traverseForLocalizedFields({ blocksMap, fields: block.fields })) {\n              return true\n            }\n          }\n        }\n        break\n\n      case 'tabs':\n        if (field.tabs) {\n          for (const tab of field.tabs) {\n            if ('localized' in tab && tab.localized) {\n              return true\n            }\n            if (\n              'fields' in tab &&\n              tab.fields &&\n              traverseForLocalizedFields({ blocksMap, fields: tab.fields })\n            ) {\n              return true\n            }\n          }\n        }\n        break\n    }\n  }\n\n  return false\n}\n"],"mappings":"AAOA,OAAO,MAAMA,0BAAA,GACXC,IAAA;EAEA,MAAM;IAAEC,SAAS;IAAEC;EAAM,CAAE,GAAGC,KAAA,CAAMC,OAAO,CAACJ,IAAA,IAAQ;IAAEC,SAAA,EAAWI,SAAA;IAAWH,MAAA,EAAQF;EAAK,IAAIA,IAAA;EAE7F,KAAK,MAAMM,KAAA,IAASJ,MAAA,EAAQ;IAC1B,IAAI,eAAeI,KAAA,IAASA,KAAA,CAAMC,SAAS,EAAE;MAC3C,OAAO;IACT;IAEA,QAAQD,KAAA,CAAME,IAAI;MAChB,KAAK;MACL,KAAK;MACL,KAAK;MACL,KAAK;QACH,IAAIF,KAAA,CAAMJ,MAAM,IAAIH,0BAAA,CAA2B;UAAEE,SAAA;UAAWC,MAAA,EAAQI,KAAA,CAAMJ;QAAO,IAAI;UACnF,OAAO;QACT;QACA;MAEF,KAAK;QACH,IAAII,KAAA,CAAMG,MAAM,EAAE;UAChB,KAAK,MAAMC,WAAA,IAAeJ,KAAA,CAAMG,MAAM,EAAE;YACtC,MAAME,KAAA,GAAQ,OAAOD,WAAA,KAAgB,WAAWT,SAAA,GAAYS,WAAA,CAAY,GAAGA,WAAA;YAE3E,IAAIC,KAAA,EAAOT,MAAA,IAAUH,0BAAA,CAA2B;cAAEE,SAAA;cAAWC,MAAA,EAAQS,KAAA,CAAMT;YAAO,IAAI;cACpF,OAAO;YACT;UACF;QACF;QACA;MAEF,KAAK;QACH,IAAII,KAAA,CAAMM,IAAI,EAAE;UACd,KAAK,MAAMC,GAAA,IAAOP,KAAA,CAAMM,IAAI,EAAE;YAC5B,IAAI,eAAeC,GAAA,IAAOA,GAAA,CAAIN,SAAS,EAAE;cACvC,OAAO;YACT;YACA,IACE,YAAYM,GAAA,IACZA,GAAA,CAAIX,MAAM,IACVH,0BAAA,CAA2B;cAAEE,SAAA;cAAWC,MAAA,EAAQW,GAAA,CAAIX;YAAO,IAC3D;cACA,OAAO;YACT;UACF;QACF;QACA;IACJ;EACF;EAEA,OAAO;AACT","ignoreList":[]}

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,+BAgFA"}
+{"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;AAc3C,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,+BAiDA;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

@@ -10,9 +10,10 @@ import { Popup } from '../../../../elements/Popup/index.js';
 import * as PopupList from '../../../../elements/Popup/PopupButtonList/index.js';
 import { useStepNav } from '../../../../elements/StepNav/index.js';
 import { ChevronIcon } from '../../../../icons/Chevron/index.js';
+import { useEmbed } from '../../../../providers/Embed/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 export function DashboardStepNav(t0) {
-  const $ = _c(15);
+  const $ = _c(18);
   const {
     addWidget,
     cancel,
@@ -28,14 +29,19 @@ export function DashboardStepNav(t0) {
   const {
     setStepNav
   } = useStepNav();
+  const {
+    isEmbedded
+  } = useEmbed();
   const uuid = useId();
   const drawerSlug = `widgets-drawer-${uuid}`;
   let t1;
   let t2;
-  if ($[0] !== cancel || $[1] !== drawerSlug || $[2] !== isEditing || $[3] !== resetLayout || $[4] !== saveLayout || $[5] !== setIsEditing || $[6] !== setStepNav) {
+  if ($[0] !== cancel || $[1] !== drawerSlug || $[2] !== isEditing || $[3] !== isEmbedded || $[4] !== resetLayout || $[5] !== saveLayout || $[6] !== setIsEditing || $[7] !== setStepNav || $[8] !== t) {
     t1 = () => {
       setStepNav([{
-        label: _jsx(DashboardBreadcrumbDropdown, {
+        label: isEmbedded ? _jsx("span", {
+          children: t("general:dashboard")
+        }) : _jsx(DashboardBreadcrumbDropdown, {
           isEditing,
           onCancel: cancel,
           onEditClick: () => setIsEditing(true),
@@ -45,25 +51,27 @@ export function DashboardStepNav(t0) {
         })
       }]);
     };
-    t2 = [isEditing, drawerSlug, cancel, resetLayout, saveLayout, setIsEditing, setStepNav];
+    t2 = [isEditing, isEmbedded, drawerSlug, cancel, resetLayout, saveLayout, setIsEditing, setStepNav, t];
     $[0] = cancel;
     $[1] = drawerSlug;
     $[2] = isEditing;
-    $[3] = resetLayout;
-    $[4] = saveLayout;
-    $[5] = setIsEditing;
-    $[6] = setStepNav;
-    $[7] = t1;
-    $[8] = t2;
+    $[3] = isEmbedded;
+    $[4] = resetLayout;
+    $[5] = saveLayout;
+    $[6] = setIsEditing;
+    $[7] = setStepNav;
+    $[8] = t;
+    $[9] = t1;
+    $[10] = t2;
   } else {
-    t1 = $[7];
-    t2 = $[8];
+    t1 = $[9];
+    t2 = $[10];
   }
   useEffect(t1, t2);
   let t3;
-  if ($[9] !== addWidget || $[10] !== drawerSlug || $[11] !== isEditing || $[12] !== t || $[13] !== widgets) {
+  if ($[11] !== addWidget || $[12] !== drawerSlug || $[13] !== isEditing || $[14] !== isEmbedded || $[15] !== t || $[16] !== widgets) {
     t3 = _jsx(_Fragment, {
-      children: isEditing && _jsx(ItemsDrawer, {
+      children: !isEmbedded && isEditing && _jsx(ItemsDrawer, {
         drawerSlug,
         items: widgets,
         onItemClick: widget => addWidget(widget.slug),
@@ -71,14 +79,15 @@ export function DashboardStepNav(t0) {
         title: t("dashboard:addWidget")
       })
     });
-    $[9] = addWidget;
-    $[10] = drawerSlug;
-    $[11] = isEditing;
-    $[12] = t;
-    $[13] = widgets;
-    $[14] = t3;
+    $[11] = addWidget;
+    $[12] = drawerSlug;
+    $[13] = isEditing;
+    $[14] = isEmbedded;
+    $[15] = t;
+    $[16] = widgets;
+    $[17] = t3;
   } else {
-    t3 = $[14];
+    t3 = $[17];
   }
   return t3;
 }

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"DashboardStepNav.js","names":["c","_c","useEffect","useId","useRef","Button","DrawerToggler","ItemsDrawer","Popup","PopupList","useStepNav","ChevronIcon","useEmbed","useTranslation","DashboardStepNav","t0","$","addWidget","cancel","isEditing","resetLayout","saveLayout","setIsEditing","widgets","t","setStepNav","isEmbedded","uuid","drawerSlug","t1","t2","label","_jsx","children","DashboardBreadcrumbDropdown","onCancel","onEditClick","onResetLayout","onSaveChanges","widgetsDrawerSlug","t3","_Fragment","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 { useEmbed } from '../../../../providers/Embed/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 { isEmbedded } = useEmbed()\n  const uuid = useId()\n  const drawerSlug = `widgets-drawer-${uuid}`\n\n  useEffect(() => {\n    setStepNav([\n      {\n        label: isEmbedded ? (\n          <span>{t('general:dashboard')}</span>\n        ) : (\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  }, [\n    isEditing,\n    isEmbedded,\n    drawerSlug,\n    cancel,\n    resetLayout,\n    saveLayout,\n    setIsEditing,\n    setStepNav,\n    t,\n  ])\n\n  return (\n    <>\n      {!isEmbedded && 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/useDashboardLayout.d.ts

@@ -15,7 +15,7 @@ export declare function useDashboardLayout(initialLayout: WidgetInstanceClient[]
     resetLayout: () => Promise<void>;
     resizeWidget: (widgetId: string, newWidth: WidgetWidth) => void;
     saveLayout: () => Promise<void>;
-    setIsEditing: React.Dispatch<React.SetStateAction<boolean>>;
+    setIsEditing: (shouldEdit: boolean) => void;
     updateWidgetData: (widgetId: string, data: Record<string, unknown>) => void;
 };
 //# sourceMappingURL=useDashboardLayout.d.ts.map

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

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

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

@@ -5,13 +5,19 @@ import { toast } from 'sonner';
 import { ConfirmationModal } from '../../../../elements/ConfirmationModal/index.js';
 import { useModal } from '../../../../elements/Modal/index.js';
 import { useConfig } from '../../../../providers/Config/index.js';
+import { useEmbed } from '../../../../providers/Embed/index.js';
 import { usePreferences } from '../../../../providers/Preferences/index.js';
 import { useServerFunctions } from '../../../../providers/ServerFunctions/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import { RenderWidget } from './renderWidget/RenderWidget.js';
 export function useDashboardLayout(initialLayout) {
   const setLayoutPreference = useSetLayoutPreference();
-  const [isEditing, setIsEditing] = useState(false);
+  const {
+    isEmbedded
+  } = useEmbed();
+  const [isEditingState, setIsEditingState] = useState(false);
+  const isEditing = !isEmbedded && isEditingState;
+  const setIsEditing = useCallback(shouldEdit => setIsEditingState(shouldEdit && !isEmbedded), [isEmbedded]);
   const {
     widgets = []
   } = useConfig().config.admin.dashboard ?? {};
@@ -26,6 +32,12 @@ export function useDashboardLayout(initialLayout) {
   const {
     t
   } = useTranslation();
+  useEffect(() => {
+    if (isEmbedded) {
+      setIsEditingState(false);
+      setCurrentLayout(initialLayout);
+    }
+  }, [isEmbedded, initialLayout]);
   // Sync state when initialLayout prop changes (e.g., when query params change and server component re-renders)
   useEffect(() => {
     if (!isEditing) {
@@ -43,7 +55,7 @@ export function useDashboardLayout(initialLayout) {
       setIsEditing(true);
       toast.error(t('error:failedToSaveLayout'));
     }
-  }, [setLayoutPreference, currentLayout]);
+  }, [setLayoutPreference, currentLayout, setIsEditing]);
   const resetLayout = useCallback(async () => {
     try {
       await setLayoutPreference(null);
@@ -56,11 +68,11 @@ export function useDashboardLayout(initialLayout) {
     } catch {
       toast.error(t('error:failedToResetLayout'));
     }
-  }, [setLayoutPreference, serverFunction]);
+  }, [setLayoutPreference, serverFunction, setIsEditing]);
   const performCancel = useCallback(() => {
     setCurrentLayout(initialLayout);
     setIsEditing(false);
-  }, [initialLayout]);
+  }, [initialLayout, setIsEditing]);
   const cancel = useCallback(() => {
     // Check if layout has changed
     const hasChanges = currentLayout.length !== initialLayout.length || currentLayout.some((widget, index) => {

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

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

package/dist/views/Edit/index.css

@@ -68,6 +68,32 @@
     width: 100%;
   }
 
+  .collection-edit .collection-edit__main > .document-fields {
+    width: 100%;
+    max-width: 100%;
+    margin-inline: auto;
+  }
+
+  @media (min-width: 1024px) {
+    .collection-edit--constrain-document-width
+      .collection-edit__main
+      > .document-fields:not(.document-fields--force-sidebar-wrap) {
+      --field-border-bleed: 0;
+      --field-tabs-edge-display: none;
+      max-width: calc(var(--spacer-6) * 27);
+    }
+  }
+
+  @container drawer (width <= 768px) {
+    .collection-edit--constrain-document-width
+      .collection-edit__main
+      > .document-fields:not(.document-fields--force-sidebar-wrap) {
+      --field-border-bleed: 1;
+      --field-tabs-edge-display: block;
+      max-width: 100%;
+    }
+  }
+
   .collection-edit__main--popup-open {
     width: 100%;
   }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Edit/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAQ,MAAM,SAAS,CAAA;AAG5D,OAAO,KAA4D,MAAM,OAAO,CAAA;AAsChF,OAAO,aAAa,CAAA;AAKpB,MAAM,MAAM,aAAa,GAAG;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAKD,wBAAgB,eAAe,CAAC,EAC9B,sBAAsB,EACtB,kBAAkB,EAClB,WAAW,EACX,aAAa,EACb,WAAW,EAAE,iBAAiB,EAC9B,aAAa,EACb,aAAa,EACb,UAAU,EACV,eAAe,EACf,MAAM,EACN,eAAe,EACf,MAAM,EAAE,YAAY,EACpB,cAAc,EACd,iBAAiB,GAClB,EAAE,uBAAuB,qBAqxBzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Edit/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAQ,MAAM,SAAS,CAAA;AAG5D,OAAO,KAA4D,MAAM,OAAO,CAAA;AAsChF,OAAO,aAAa,CAAA;AAKpB,MAAM,MAAM,aAAa,GAAG;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAKD,wBAAgB,eAAe,CAAC,EAC9B,sBAAsB,EACtB,kBAAkB,EAClB,WAAW,EACX,aAAa,EACb,WAAW,EAAE,iBAAiB,EAC9B,aAAa,EACb,aAAa,EACb,UAAU,EACV,eAAe,EACf,MAAM,EACN,eAAe,EACf,MAAM,EAAE,YAAY,EACpB,cAAc,EACd,iBAAiB,GAClB,EAAE,uBAAuB,qBAsxBzB"}

package/dist/views/Edit/index.js

@@ -516,7 +516,7 @@ export function DefaultEditView({
   const shouldRenderUploadPanel = Boolean(upload) && !(operation === 'create' && upload.hideFileInputOnCreate);
   const shouldScrollFieldsOnly = shouldRenderUploadPanel;
   return /*#__PURE__*/_jsx("main", {
-    className: [baseClass, (id || globalSlug) && `${baseClass}--is-editing`, globalSlug && `global-edit--${globalSlug}`, collectionSlug && `collection-edit--${collectionSlug}`, isLivePreviewing && `${baseClass}--is-live-previewing`].filter(Boolean).join(' '),
+    className: [baseClass, config.admin.constrainWidth && `${baseClass}--constrain-document-width`, (id || globalSlug) && `${baseClass}--is-editing`, globalSlug && `global-edit--${globalSlug}`, collectionSlug && `collection-edit--${collectionSlug}`, isLivePreviewing && `${baseClass}--is-live-previewing`].filter(Boolean).join(' '),
     children: /*#__PURE__*/_jsx(OperationProvider, {
       operation: operation,
       children: /*#__PURE__*/_jsxs(Form, {