@payloadcms/ui 3.41.0-internal.8617025 → 3.41.0

package/dist/elements/DocumentDrawer/DrawerHeader/index.scss

@@ -4,11 +4,13 @@
   .doc-drawer {
     &__header {
       width: 100%;
-      margin-top: base(2.5);
+      margin-top: calc(var(--base) * 2);
       display: flex;
       flex-direction: column;
-      gap: base(0.5);
+      gap: calc(var(--base) * 0.5);
       align-items: flex-start;
+      border-bottom: 1px solid var(--theme-elevation-100);
+      padding-bottom: var(--base);
     }
 
     &__header-content {
@@ -46,12 +48,12 @@
       padding: 0;
       cursor: pointer;
       overflow: hidden;
-      width: base(2);
-      height: base(2);
+      width: calc(var(--base) * 2);
+      height: calc(var(--base) * 2);
 
       svg {
-        width: base(2);
-        height: base(2);
+        width: calc(var(--base) * 2);
+        height: calc(var(--base) * 2);
         position: relative;
 
         .stroke {
@@ -61,10 +63,16 @@
       }
     }
 
+    &__divider {
+      height: 1px;
+      background: var(--theme-elevation-100);
+      width: 100%;
+    }
+
     @include mid-break {
       .doc-drawer__header {
-        margin-top: base(1.5);
-        margin-bottom: base(0.5);
+        margin-top: calc(var(--base) * 1.5);
+        margin-bottom: calc(var(--base) * 0.5);
         padding-left: var(--gutter-h);
         padding-right: var(--gutter-h);
       }

package/dist/elements/DrawerActionHeader/index.d.ts

@@ -2,11 +2,12 @@ import React from 'react';
 import './index.scss';
 type DrawerActionHeaderArgs = {
     readonly cancelLabel?: string;
+    className?: string;
     readonly onCancel?: () => void;
     readonly onSave?: () => void;
     readonly saveLabel?: string;
     readonly title: React.ReactNode | string;
 };
-export declare const DrawerActionHeader: ({ cancelLabel, onCancel, onSave, saveLabel, title, }: DrawerActionHeaderArgs) => React.JSX.Element;
+export declare const DrawerActionHeader: ({ cancelLabel, className, onCancel, onSave, saveLabel, title, }: DrawerActionHeaderArgs) => React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/DrawerActionHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DrawerActionHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAIrB,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;CACzC,CAAA;AACD,eAAO,MAAM,kBAAkB,yDAM5B,sBAAsB,sBAoBxB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DrawerActionHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAIrB,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;CACzC,CAAA;AACD,eAAO,MAAM,kBAAkB,oEAO5B,sBAAsB,sBAoBxB,CAAA"}

package/dist/elements/DrawerActionHeader/index.js

@@ -7,11 +7,12 @@ import { FormSubmit } from '../../forms/Submit/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
 import './index.scss';
-const baseClass = 'drawerHeader';
+const baseClass = 'drawer-action-header';
 export const DrawerActionHeader = t0 => {
-  const $ = _c(13);
+  const $ = _c(16);
   const {
     cancelLabel,
+    className,
     onCancel,
     onSave,
     saveLabel,
@@ -21,27 +22,36 @@ export const DrawerActionHeader = t0 => {
     t
   } = useTranslation();
   let t1;
-  if ($[0] !== cancelLabel || $[1] !== onCancel || $[2] !== onSave || $[3] !== saveLabel || $[4] !== t || $[5] !== title) {
-    let t2;
-    if ($[7] !== cancelLabel || $[8] !== t) {
-      t2 = cancelLabel || t("general:cancel");
-      $[7] = cancelLabel;
-      $[8] = t;
-      $[9] = t2;
+  if ($[0] !== className) {
+    t1 = [baseClass, className].filter(Boolean);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = t1.join(" ");
+  let t3;
+  if ($[2] !== cancelLabel || $[3] !== onCancel || $[4] !== onSave || $[5] !== saveLabel || $[6] !== t || $[7] !== t2 || $[8] !== title) {
+    let t4;
+    if ($[10] !== cancelLabel || $[11] !== t) {
+      t4 = cancelLabel || t("general:cancel");
+      $[10] = cancelLabel;
+      $[11] = t;
+      $[12] = t4;
     } else {
-      t2 = $[9];
+      t4 = $[12];
     }
-    let t3;
-    if ($[10] !== saveLabel || $[11] !== t) {
-      t3 = saveLabel || t("general:applyChanges");
-      $[10] = saveLabel;
-      $[11] = t;
-      $[12] = t3;
+    let t5;
+    if ($[13] !== saveLabel || $[14] !== t) {
+      t5 = saveLabel || t("general:applyChanges");
+      $[13] = saveLabel;
+      $[14] = t;
+      $[15] = t5;
     } else {
-      t3 = $[12];
+      t5 = $[15];
     }
-    t1 = _jsx("div", {
-      className: baseClass,
+    t3 = _jsx("div", {
+      className: t2,
       children: _jsxs("div", {
         className: `${baseClass}__content`,
         children: [_jsx("h1", {
@@ -53,25 +63,26 @@ export const DrawerActionHeader = t0 => {
             "aria-label": t("general:cancel"),
             buttonStyle: "secondary",
             onClick: onCancel,
-            children: t2
+            children: t4
           }), _jsx(FormSubmit, {
             "aria-label": t("general:applyChanges"),
             onClick: onSave,
-            children: t3
+            children: t5
           })]
         })]
       })
     });
-    $[0] = cancelLabel;
-    $[1] = onCancel;
-    $[2] = onSave;
-    $[3] = saveLabel;
-    $[4] = t;
-    $[5] = title;
-    $[6] = t1;
+    $[2] = cancelLabel;
+    $[3] = onCancel;
+    $[4] = onSave;
+    $[5] = saveLabel;
+    $[6] = t;
+    $[7] = t2;
+    $[8] = title;
+    $[9] = t3;
   } else {
-    t1 = $[6];
+    t3 = $[9];
   }
-  return t1;
+  return t3;
 };
 //# sourceMappingURL=index.js.map

package/dist/elements/DrawerActionHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","FormSubmit","useTranslation","Button","baseClass","DrawerActionHeader","t0","$","cancelLabel","onCancel","onSave","saveLabel","title","t","t1","t2","t3","_jsx","className","children","_jsxs","buttonStyle","onClick"],"sources":["../../../src/elements/DrawerActionHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawerHeader'\n\ntype DrawerActionHeaderArgs = {\n  readonly cancelLabel?: string\n  readonly onCancel?: () => void\n  readonly onSave?: () => void\n  readonly saveLabel?: string\n  readonly title: React.ReactNode | string\n}\nexport const DrawerActionHeader = ({\n  cancelLabel,\n  onCancel,\n  onSave,\n  saveLabel,\n  title,\n}: DrawerActionHeaderArgs) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__content`}>\n        <h1 className={`${baseClass}__title`}>{title}</h1>\n\n        <div className={`${baseClass}__actions`}>\n          <Button aria-label={t('general:cancel')} buttonStyle=\"secondary\" onClick={onCancel}>\n            {cancelLabel || t('general:cancel')}\n          </Button>\n\n          <FormSubmit aria-label={t('general:applyChanges')} onClick={onSave}>\n            {saveLabel || t('general:applyChanges')}\n          </FormSubmit>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB,OAAO,MAAMC,kBAAA,GAAqBC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,WAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAN,EAMV;EACvB;IAAAO;EAAA,IAAcX,cAAA;EAAA,IAAAY,EAAA;EAAA,IAAAP,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAM,CAAA,IAAAN,CAAA,QAAAK,KAAA;IAAA,IAAAG,EAAA;IAAA,IAAAR,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAM,CAAA;MASHE,EAAA,GAAAP,WAAA,IAAeK,CAAA,CAAE;MAAAN,CAAA,MAAAC,WAAA;MAAAD,CAAA,MAAAM,CAAA;MAAAN,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IAAA,IAAAS,EAAA;IAAA,IAAAT,CAAA,SAAAI,SAAA,IAAAJ,CAAA,SAAAM,CAAA;MAIjBG,EAAA,GAAAL,SAAA,IAAaE,CAAA,CAAE;MAAAN,CAAA,OAAAI,SAAA;MAAAJ,CAAA,OAAAM,CAAA;MAAAN,CAAA,OAAAS,EAAA;IAAA;MAAAA,EAAA,GAAAT,CAAA;IAAA;IAVxBO,EAAA,GAAAG,IAAA,CAAC;MAAAC,SAAA,EAAAd,SAAA;MAAAe,QAAA,EACCC,KAAA,CAAC;QAAAF,SAAA,EAAe,GAAAd,SAAA,WAAuB;QAAAe,QAAA,GACrCF,IAAA,CAAC;UAAAC,SAAA,EAAc,GAAAd,SAAA,SAAqB;UAAAe,QAAA,EAAGP;QAAA,C,GAEvCQ,KAAA,CAAC;UAAAF,SAAA,EAAe,GAAAd,SAAA,WAAuB;UAAAe,QAAA,GACrCF,IAAA,CAAAd,MAAA;YAAA,cAAoBU,CAAA,CAAE;YAAAQ,WAAA,EAA+B;YAAAC,OAAA,EAAqBb,QAAA;YAAAU,QAAA,EACvEJ;UAAiB,C,GAGpBE,IAAA,CAAAhB,UAAA;YAAA,cAAwBY,CAAA,CAAE;YAAAS,OAAA,EAAkCZ,MAAA;YAAAS,QAAA,EACzDH;UAAe,C;;;;;;;;;;;;;;SAVxBF,E;CAgBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","FormSubmit","useTranslation","Button","baseClass","DrawerActionHeader","t0","$","cancelLabel","className","onCancel","onSave","saveLabel","title","t","t1","filter","Boolean","t2","join","t3","t4","t5","_jsx","children","_jsxs","buttonStyle","onClick"],"sources":["../../../src/elements/DrawerActionHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawer-action-header'\n\ntype DrawerActionHeaderArgs = {\n  readonly cancelLabel?: string\n  className?: string\n  readonly onCancel?: () => void\n  readonly onSave?: () => void\n  readonly saveLabel?: string\n  readonly title: React.ReactNode | string\n}\nexport const DrawerActionHeader = ({\n  cancelLabel,\n  className,\n  onCancel,\n  onSave,\n  saveLabel,\n  title,\n}: DrawerActionHeaderArgs) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__content`}>\n        <h1 className={`${baseClass}__title`}>{title}</h1>\n\n        <div className={`${baseClass}__actions`}>\n          <Button aria-label={t('general:cancel')} buttonStyle=\"secondary\" onClick={onCancel}>\n            {cancelLabel || t('general:cancel')}\n          </Button>\n\n          <FormSubmit aria-label={t('general:applyChanges')} onClick={onSave}>\n            {saveLabel || t('general:applyChanges')}\n          </FormSubmit>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,kBAAA,GAAqBC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,WAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAP,EAOV;EACvB;IAAAQ;EAAA,IAAcZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAE,SAAA;IAGIM,EAAA,IAAAX,SAAA,EAAYK,SAAA,EAAAO,MAAA,CAAAC,OAAkB;IAAAV,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAA9B,MAAAW,EAAA,GAAAH,EAA8B,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAO,CAAA,IAAAP,CAAA,QAAAW,EAAA,IAAAX,CAAA,QAAAM,KAAA;IAAA,IAAAQ,EAAA;IAAA,IAAAd,CAAA,SAAAC,WAAA,IAAAD,CAAA,SAAAO,CAAA;MAMnDO,EAAA,GAAAb,WAAA,IAAeM,CAAA,CAAE;MAAAP,CAAA,OAAAC,WAAA;MAAAD,CAAA,OAAAO,CAAA;MAAAP,CAAA,OAAAc,EAAA;IAAA;MAAAA,EAAA,GAAAd,CAAA;IAAA;IAAA,IAAAe,EAAA;IAAA,IAAAf,CAAA,SAAAK,SAAA,IAAAL,CAAA,SAAAO,CAAA;MAIjBQ,EAAA,GAAAV,SAAA,IAAaE,CAAA,CAAE;MAAAP,CAAA,OAAAK,SAAA;MAAAL,CAAA,OAAAO,CAAA;MAAAP,CAAA,OAAAe,EAAA;IAAA;MAAAA,EAAA,GAAAf,CAAA;IAAA;IAVxBa,EAAA,GAAAG,IAAA,CAAC;MAAAd,SAAA,EAAeS,EAA4C;MAAAM,QAAA,EAC1DC,KAAA,CAAC;QAAAhB,SAAA,EAAe,GAAAL,SAAA,WAAuB;QAAAoB,QAAA,GACrCD,IAAA,CAAC;UAAAd,SAAA,EAAc,GAAAL,SAAA,SAAqB;UAAAoB,QAAA,EAAGX;QAAA,C,GAEvCY,KAAA,CAAC;UAAAhB,SAAA,EAAe,GAAAL,SAAA,WAAuB;UAAAoB,QAAA,GACrCD,IAAA,CAAApB,MAAA;YAAA,cAAoBW,CAAA,CAAE;YAAAY,WAAA,EAA+B;YAAAC,OAAA,EAAqBjB,QAAA;YAAAc,QAAA,EACvEH;UAAiB,C,GAGpBE,IAAA,CAAAtB,UAAA;YAAA,cAAwBa,CAAA,CAAE;YAAAa,OAAA,EAAkChB,MAAA;YAAAa,QAAA,EACzDF;UAAe,C;;;;;;;;;;;;;;;SAVxBF,E;CAgBJ","ignoreList":[]}

package/dist/elements/DrawerActionHeader/index.scss

@@ -1,7 +1,7 @@
-.drawerHeader {
+.drawer-action-header {
   padding-top: calc(var(--base) * 2);
   padding-bottom: calc(var(--base) * 1);
-  border-bottom: 1px solid var(--theme-border-color);
+  border-bottom: 1px solid var(--theme-elevation-100);
 
   &__content {
     margin-left: var(--gutter-h);

package/dist/elements/EmailAndUsername/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/EmailAndUsername/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,KAAK,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGlF,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,KAAK,iCAAiC,GAAG;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,KAAK,GAAG,wBAAwB,CAAA;IACpD,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC/B,WAAW,CAAC,EACR;QACE,CAAC,SAAS,EAAE,MAAM,GAAG,yBAAyB,CAAA;KAC/C,GACD,IAAI,CAAA;IACR,QAAQ,EAAE,OAAO,CAAA;IACjB,CAAC,EAAE,SAAS,CAAA;CACb,CAAA;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,iCAAiC,qBAyC9E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/EmailAndUsername/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,KAAK,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGlF,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,KAAK,iCAAiC,GAAG;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,KAAK,GAAG,wBAAwB,CAAA;IACpD,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC/B,WAAW,CAAC,EACR;QACE,CAAC,SAAS,EAAE,MAAM,GAAG,yBAAyB,CAAA;KAC/C,GACD,IAAI,CAAA;IACR,QAAQ,EAAE,OAAO,CAAA;IACjB,CAAC,EAAE,SAAS,CAAA;CACb,CAAA;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,iCAAiC,qBA4C9E"}

package/dist/elements/EmailAndUsername/index.js

@@ -32,6 +32,9 @@ export function EmailAndUsernameFields(props) {
     }) : null, showUsernameField && /*#__PURE__*/_jsx(TextField, {
       field: {
         name: 'username',
+        admin: {
+          autoComplete: 'off'
+        },
         label: t('authentication:username'),
         required: loginWithUsername && loginWithUsername.requireUsername
       },

package/dist/elements/EmailAndUsername/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["email","username","React","EmailField","TextField","EmailAndUsernameFields","props","className","loginWithUsername","readOnly","t","showEmailField","requireEmail","allowEmailLogin","showUsernameField","Boolean","_jsxs","_jsx","field","name","admin","autoComplete","label","required","path","schemaPath","validate","requireUsername"],"sources":["../../../src/elements/EmailAndUsername/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TFunction } from '@payloadcms/translations'\nimport type { LoginWithUsernameOptions, SanitizedFieldPermissions } from 'payload'\n\nimport { email, username } from 'payload/shared'\nimport React from 'react'\n\nimport { EmailField } from '../../fields/Email/index.js'\nimport { TextField } from '../../fields/Text/index.js'\n\ntype RenderEmailAndUsernameFieldsProps = {\n  className?: string\n  loginWithUsername?: false | LoginWithUsernameOptions\n  operation?: 'create' | 'update'\n  permissions?:\n    | {\n        [fieldName: string]: SanitizedFieldPermissions\n      }\n    | true\n  readOnly: boolean\n  t: TFunction\n}\n\nexport function EmailAndUsernameFields(props: RenderEmailAndUsernameFieldsProps) {\n  const { className, loginWithUsername, readOnly, t } = props\n\n  const showEmailField =\n    !loginWithUsername || loginWithUsername?.requireEmail || loginWithUsername?.allowEmailLogin\n\n  const showUsernameField = Boolean(loginWithUsername)\n\n  return (\n    <div className={className}>\n      {showEmailField ? (\n        <EmailField\n          field={{\n            name: 'email',\n            admin: {\n              autoComplete: 'off',\n            },\n            label: t('general:email'),\n            required: !loginWithUsername || (loginWithUsername && loginWithUsername.requireEmail),\n          }}\n          path=\"email\"\n          readOnly={readOnly}\n          schemaPath=\"email\"\n          validate={email}\n        />\n      ) : null}\n      {showUsernameField && (\n        <TextField\n          field={{\n            name: 'username',\n            label: t('authentication:username'),\n            required: loginWithUsername && loginWithUsername.requireUsername,\n          }}\n          path=\"username\"\n          readOnly={readOnly}\n          schemaPath=\"username\"\n          validate={username}\n        />\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAKA,SAASA,KAAK,EAAEC,QAAQ,QAAQ;AAChC,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAe1B,OAAO,SAASC,uBAAuBC,KAAwC;EAC7E,MAAM;IAAEC,SAAS;IAAEC,iBAAiB;IAAEC,QAAQ;IAAEC;EAAC,CAAE,GAAGJ,KAAA;EAEtD,MAAMK,cAAA,GACJ,CAACH,iBAAA,IAAqBA,iBAAA,EAAmBI,YAAA,IAAgBJ,iBAAA,EAAmBK,eAAA;EAE9E,MAAMC,iBAAA,GAAoBC,OAAA,CAAQP,iBAAA;EAElC,oBACEQ,KAAA,CAAC;IAAIT,SAAA,EAAWA,SAAA;eACbI,cAAA,gBACCM,IAAA,CAACd,UAAA;MACCe,KAAA,EAAO;QACLC,IAAA,EAAM;QACNC,KAAA,EAAO;UACLC,YAAA,EAAc;QAChB;QACAC,KAAA,EAAOZ,CAAA,CAAE;QACTa,QAAA,EAAU,CAACf,iBAAA,IAAsBA,iBAAA,IAAqBA,iBAAA,CAAkBI;MAC1E;MACAY,IAAA,EAAK;MACLf,QAAA,EAAUA,QAAA;MACVgB,UAAA,EAAW;MACXC,QAAA,EAAU1B;SAEV,MACHc,iBAAA,iBACCG,IAAA,CAACb,SAAA;MACCc,KAAA,EAAO;QACLC,IAAA,EAAM;QACNG,KAAA,EAAOZ,CAAA,CAAE;QACTa,QAAA,EAAUf,iBAAA,IAAqBA,iBAAA,CAAkBmB;MACnD;MACAH,IAAA,EAAK;MACLf,QAAA,EAAUA,QAAA;MACVgB,UAAA,EAAW;MACXC,QAAA,EAAUzB;;;AAKpB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["email","username","React","EmailField","TextField","EmailAndUsernameFields","props","className","loginWithUsername","readOnly","t","showEmailField","requireEmail","allowEmailLogin","showUsernameField","Boolean","_jsxs","_jsx","field","name","admin","autoComplete","label","required","path","schemaPath","validate","requireUsername"],"sources":["../../../src/elements/EmailAndUsername/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TFunction } from '@payloadcms/translations'\nimport type { LoginWithUsernameOptions, SanitizedFieldPermissions } from 'payload'\n\nimport { email, username } from 'payload/shared'\nimport React from 'react'\n\nimport { EmailField } from '../../fields/Email/index.js'\nimport { TextField } from '../../fields/Text/index.js'\n\ntype RenderEmailAndUsernameFieldsProps = {\n  className?: string\n  loginWithUsername?: false | LoginWithUsernameOptions\n  operation?: 'create' | 'update'\n  permissions?:\n    | {\n        [fieldName: string]: SanitizedFieldPermissions\n      }\n    | true\n  readOnly: boolean\n  t: TFunction\n}\n\nexport function EmailAndUsernameFields(props: RenderEmailAndUsernameFieldsProps) {\n  const { className, loginWithUsername, readOnly, t } = props\n\n  const showEmailField =\n    !loginWithUsername || loginWithUsername?.requireEmail || loginWithUsername?.allowEmailLogin\n\n  const showUsernameField = Boolean(loginWithUsername)\n\n  return (\n    <div className={className}>\n      {showEmailField ? (\n        <EmailField\n          field={{\n            name: 'email',\n            admin: {\n              autoComplete: 'off',\n            },\n            label: t('general:email'),\n            required: !loginWithUsername || (loginWithUsername && loginWithUsername.requireEmail),\n          }}\n          path=\"email\"\n          readOnly={readOnly}\n          schemaPath=\"email\"\n          validate={email}\n        />\n      ) : null}\n      {showUsernameField && (\n        <TextField\n          field={{\n            name: 'username',\n            admin: {\n              autoComplete: 'off',\n            },\n            label: t('authentication:username'),\n            required: loginWithUsername && loginWithUsername.requireUsername,\n          }}\n          path=\"username\"\n          readOnly={readOnly}\n          schemaPath=\"username\"\n          validate={username}\n        />\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAKA,SAASA,KAAK,EAAEC,QAAQ,QAAQ;AAChC,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAe1B,OAAO,SAASC,uBAAuBC,KAAwC;EAC7E,MAAM;IAAEC,SAAS;IAAEC,iBAAiB;IAAEC,QAAQ;IAAEC;EAAC,CAAE,GAAGJ,KAAA;EAEtD,MAAMK,cAAA,GACJ,CAACH,iBAAA,IAAqBA,iBAAA,EAAmBI,YAAA,IAAgBJ,iBAAA,EAAmBK,eAAA;EAE9E,MAAMC,iBAAA,GAAoBC,OAAA,CAAQP,iBAAA;EAElC,oBACEQ,KAAA,CAAC;IAAIT,SAAA,EAAWA,SAAA;eACbI,cAAA,gBACCM,IAAA,CAACd,UAAA;MACCe,KAAA,EAAO;QACLC,IAAA,EAAM;QACNC,KAAA,EAAO;UACLC,YAAA,EAAc;QAChB;QACAC,KAAA,EAAOZ,CAAA,CAAE;QACTa,QAAA,EAAU,CAACf,iBAAA,IAAsBA,iBAAA,IAAqBA,iBAAA,CAAkBI;MAC1E;MACAY,IAAA,EAAK;MACLf,QAAA,EAAUA,QAAA;MACVgB,UAAA,EAAW;MACXC,QAAA,EAAU1B;SAEV,MACHc,iBAAA,iBACCG,IAAA,CAACb,SAAA;MACCc,KAAA,EAAO;QACLC,IAAA,EAAM;QACNC,KAAA,EAAO;UACLC,YAAA,EAAc;QAChB;QACAC,KAAA,EAAOZ,CAAA,CAAE;QACTa,QAAA,EAAUf,iBAAA,IAAqBA,iBAAA,CAAkBmB;MACnD;MACAH,IAAA,EAAK;MACLf,QAAA,EAAUA,QAAA;MACVgB,UAAA,EAAW;MACXC,QAAA,EAAUzB;;;AAKpB","ignoreList":[]}

package/dist/elements/FolderView/Cell/index.client.d.ts

@@ -1,11 +1,12 @@
 import type { Data } from 'payload';
 import React from 'react';
 type Props = {
-    collectionSlug: string;
-    data: Data;
-    docTitle: string;
-    folderFieldName: string;
+    readonly collectionSlug: string;
+    readonly data: Data;
+    readonly docTitle: string;
+    readonly folderCollectionSlug: string;
+    readonly folderFieldName: string;
 };
-export declare const FolderTableCellClient: ({ collectionSlug, data, docTitle, folderFieldName, }: Props) => React.JSX.Element;
+export declare const FolderTableCellClient: ({ collectionSlug, data, docTitle, folderCollectionSlug, folderFieldName, }: Props) => React.JSX.Element;
 export {};
 //# sourceMappingURL=index.client.d.ts.map

package/dist/elements/FolderView/Cell/index.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/Cell/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAGnC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAKxC,KAAK,KAAK,GAAG;IACX,cAAc,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,qBAAqB,yDAK/B,KAAK,sBAiFP,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/Cell/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAGnC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAKxC,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAA;IACnB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,oBAAoB,EAAE,MAAM,CAAA;IACrC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,qBAAqB,+EAM/B,KAAK,sBAmFP,CAAA"}

package/dist/elements/FolderView/Cell/index.client.js

@@ -8,6 +8,7 @@ export const FolderTableCellClient = ({
   collectionSlug,
   data,
   docTitle,
+  folderCollectionSlug,
   folderFieldName
 }) => {
   const docID = data.id;
@@ -42,11 +43,11 @@ export const FolderTableCellClient = ({
       // eslint-disable-next-line no-console
       console.error('Error moving document to folder', error);
     }
-  }, [config.routes.api, collectionSlug, docID, t]);
+  }, [config.routes.api, collectionSlug, docID, folderFieldName, t]);
   useEffect(() => {
     const loadFolderName = async () => {
       try {
-        const req = await fetch(`${config.routes.api}/${config.folders.slug}${intialFolderID ? `/${intialFolderID}` : ''}`, {
+        const req = await fetch(`${config.routes.api}/${folderCollectionSlug}${intialFolderID ? `/${intialFolderID}` : ''}`, {
           credentials: 'include',
           headers: {
             'Content-Type': 'application/json'
@@ -64,7 +65,7 @@ export const FolderTableCellClient = ({
       void loadFolderName();
       hasLoadedFolderName.current = true;
     }
-  }, []);
+  }, [config.routes.api, folderCollectionSlug, intialFolderID, t]);
   return /*#__PURE__*/_jsx(MoveDocToFolderButton, {
     buttonProps: {
       size: 'small'
@@ -73,6 +74,8 @@ export const FolderTableCellClient = ({
     docData: data,
     docID: docID,
     docTitle: docTitle,
+    folderCollectionSlug: folderCollectionSlug,
+    folderFieldName: folderFieldName,
     fromFolderID: fromFolderID,
     fromFolderName: fromFolderName,
     modalSlug: `move-doc-to-folder-cell--${docID}`,

package/dist/elements/FolderView/Cell/index.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","names":["React","useEffect","MoveDocToFolderButton","useConfig","useTranslation","FolderTableCellClient","collectionSlug","data","docTitle","folderFieldName","docID","id","intialFolderID","config","t","fromFolderName","setFromFolderName","useState","fromFolderID","setFromFolderID","hasLoadedFolderName","useRef","onConfirm","useCallback","name","fetch","routes","api","body","JSON","stringify","credentials","headers","method","error","console","loadFolderName","req","folders","slug","res","json","current","_jsx","buttonProps","size","docData","modalSlug","skipConfirmModal"],"sources":["../../../../src/elements/FolderView/Cell/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { Data } from 'payload'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport React, { useEffect } from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { MoveDocToFolderButton, useConfig, useTranslation } from '../../../exports/client/index.js'\n\ntype Props = {\n  collectionSlug: string\n  data: Data\n  docTitle: string\n  folderFieldName: string\n}\n\nexport const FolderTableCellClient = ({\n  collectionSlug,\n  data,\n  docTitle,\n  folderFieldName,\n}: Props) => {\n  const docID = data.id\n  const intialFolderID = data?.[folderFieldName]\n\n  const { config } = useConfig()\n  const { t } = useTranslation()\n  const [fromFolderName, setFromFolderName] = React.useState(() =>\n    intialFolderID ? `${t('general:loading')}...` : t('folder:noFolder'),\n  )\n  const [fromFolderID, setFromFolderID] = React.useState(intialFolderID)\n\n  const hasLoadedFolderName = React.useRef(false)\n\n  const onConfirm = React.useCallback(\n    async ({ id, name }) => {\n      try {\n        await fetch(`${config.routes.api}/${collectionSlug}/${docID}`, {\n          body: JSON.stringify({\n            [folderFieldName]: id,\n          }),\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'PATCH',\n        })\n\n        setFromFolderID(id)\n        setFromFolderName(name || t('folder:noFolder'))\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error('Error moving document to folder', error)\n      }\n    },\n    [config.routes.api, collectionSlug, docID, t],\n  )\n\n  useEffect(() => {\n    const loadFolderName = async () => {\n      try {\n        const req = await fetch(\n          `${config.routes.api}/${config.folders.slug}${intialFolderID ? `/${intialFolderID}` : ''}`,\n          {\n            credentials: 'include',\n            headers: {\n              'Content-Type': 'application/json',\n            },\n            method: 'GET',\n          },\n        )\n\n        const res = await req.json()\n        setFromFolderName(res?.name || t('folder:noFolder'))\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error('Error moving document to folder', error)\n      }\n    }\n\n    if (!hasLoadedFolderName.current) {\n      void loadFolderName()\n      hasLoadedFolderName.current = true\n    }\n  }, [])\n\n  return (\n    <MoveDocToFolderButton\n      buttonProps={{\n        size: 'small',\n      }}\n      collectionSlug={collectionSlug}\n      docData={data as FolderOrDocument['value']}\n      docID={docID}\n      docTitle={docTitle}\n      fromFolderID={fromFolderID}\n      fromFolderName={fromFolderName}\n      modalSlug={`move-doc-to-folder-cell--${docID}`}\n      onConfirm={onConfirm}\n      skipConfirmModal={false}\n    />\n  )\n}\n"],"mappings":"AAAA;;;AAKA,OAAOA,KAAA,IAASC,SAAS,QAAQ;AAEjC;AACA,SAASC,qBAAqB,EAAEC,SAAS,EAAEC,cAAc,QAAQ;AASjE,OAAO,MAAMC,qBAAA,GAAwBA,CAAC;EACpCC,cAAc;EACdC,IAAI;EACJC,QAAQ;EACRC;AAAe,CACT;EACN,MAAMC,KAAA,GAAQH,IAAA,CAAKI,EAAE;EACrB,MAAMC,cAAA,GAAiBL,IAAA,GAAOE,eAAA,CAAgB;EAE9C,MAAM;IAAEI;EAAM,CAAE,GAAGV,SAAA;EACnB,MAAM;IAAEW;EAAC,CAAE,GAAGV,cAAA;EACd,MAAM,CAACW,cAAA,EAAgBC,iBAAA,CAAkB,GAAGhB,KAAA,CAAMiB,QAAQ,CAAC,MACzDL,cAAA,GAAiB,GAAGE,CAAA,CAAE,uBAAuB,GAAGA,CAAA,CAAE;EAEpD,MAAM,CAACI,YAAA,EAAcC,eAAA,CAAgB,GAAGnB,KAAA,CAAMiB,QAAQ,CAACL,cAAA;EAEvD,MAAMQ,mBAAA,GAAsBpB,KAAA,CAAMqB,MAAM,CAAC;EAEzC,MAAMC,SAAA,GAAYtB,KAAA,CAAMuB,WAAW,CACjC,OAAO;IAAEZ,EAAE;IAAEa;EAAI,CAAE;IACjB,IAAI;MACF,MAAMC,KAAA,CAAM,GAAGZ,MAAA,CAAOa,MAAM,CAACC,GAAG,IAAIrB,cAAA,IAAkBI,KAAA,EAAO,EAAE;QAC7DkB,IAAA,EAAMC,IAAA,CAAKC,SAAS,CAAC;UACnB,CAACrB,eAAA,GAAkBE;QACrB;QACAoB,WAAA,EAAa;QACbC,OAAA,EAAS;UACP,gBAAgB;QAClB;QACAC,MAAA,EAAQ;MACV;MAEAd,eAAA,CAAgBR,EAAA;MAChBK,iBAAA,CAAkBQ,IAAA,IAAQV,CAAA,CAAE;IAC9B,EAAE,OAAOoB,KAAA,EAAO;MACd;MACAC,OAAA,CAAQD,KAAK,CAAC,mCAAmCA,KAAA;IACnD;EACF,GACA,CAACrB,MAAA,CAAOa,MAAM,CAACC,GAAG,EAAErB,cAAA,EAAgBI,KAAA,EAAOI,CAAA,CAAE;EAG/Cb,SAAA,CAAU;IACR,MAAMmC,cAAA,GAAiB,MAAAA,CAAA;MACrB,IAAI;QACF,MAAMC,GAAA,GAAM,MAAMZ,KAAA,CAChB,GAAGZ,MAAA,CAAOa,MAAM,CAACC,GAAG,IAAId,MAAA,CAAOyB,OAAO,CAACC,IAAI,GAAG3B,cAAA,GAAiB,IAAIA,cAAA,EAAgB,GAAG,IAAI,EAC1F;UACEmB,WAAA,EAAa;UACbC,OAAA,EAAS;YACP,gBAAgB;UAClB;UACAC,MAAA,EAAQ;QACV;QAGF,MAAMO,GAAA,GAAM,MAAMH,GAAA,CAAII,IAAI;QAC1BzB,iBAAA,CAAkBwB,GAAA,EAAKhB,IAAA,IAAQV,CAAA,CAAE;MACnC,EAAE,OAAOoB,OAAA,EAAO;QACd;QACAC,OAAA,CAAQD,KAAK,CAAC,mCAAmCA,OAAA;MACnD;IACF;IAEA,IAAI,CAACd,mBAAA,CAAoBsB,OAAO,EAAE;MAChC,KAAKN,cAAA;MACLhB,mBAAA,CAAoBsB,OAAO,GAAG;IAChC;EACF,GAAG,EAAE;EAEL,oBACEC,IAAA,CAACzC,qBAAA;IACC0C,WAAA,EAAa;MACXC,IAAA,EAAM;IACR;IACAvC,cAAA,EAAgBA,cAAA;IAChBwC,OAAA,EAASvC,IAAA;IACTG,KAAA,EAAOA,KAAA;IACPF,QAAA,EAAUA,QAAA;IACVU,YAAA,EAAcA,YAAA;IACdH,cAAA,EAAgBA,cAAA;IAChBgC,SAAA,EAAW,4BAA4BrC,KAAA,EAAO;IAC9CY,SAAA,EAAWA,SAAA;IACX0B,gBAAA,EAAkB;;AAGxB","ignoreList":[]}
+{"version":3,"file":"index.client.js","names":["React","useEffect","MoveDocToFolderButton","useConfig","useTranslation","FolderTableCellClient","collectionSlug","data","docTitle","folderCollectionSlug","folderFieldName","docID","id","intialFolderID","config","t","fromFolderName","setFromFolderName","useState","fromFolderID","setFromFolderID","hasLoadedFolderName","useRef","onConfirm","useCallback","name","fetch","routes","api","body","JSON","stringify","credentials","headers","method","error","console","loadFolderName","req","res","json","current","_jsx","buttonProps","size","docData","modalSlug","skipConfirmModal"],"sources":["../../../../src/elements/FolderView/Cell/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { Data } from 'payload'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport React, { useEffect } from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { MoveDocToFolderButton, useConfig, useTranslation } from '../../../exports/client/index.js'\n\ntype Props = {\n  readonly collectionSlug: string\n  readonly data: Data\n  readonly docTitle: string\n  readonly folderCollectionSlug: string\n  readonly folderFieldName: string\n}\n\nexport const FolderTableCellClient = ({\n  collectionSlug,\n  data,\n  docTitle,\n  folderCollectionSlug,\n  folderFieldName,\n}: Props) => {\n  const docID = data.id\n  const intialFolderID = data?.[folderFieldName]\n\n  const { config } = useConfig()\n  const { t } = useTranslation()\n  const [fromFolderName, setFromFolderName] = React.useState(() =>\n    intialFolderID ? `${t('general:loading')}...` : t('folder:noFolder'),\n  )\n  const [fromFolderID, setFromFolderID] = React.useState(intialFolderID)\n\n  const hasLoadedFolderName = React.useRef(false)\n\n  const onConfirm = React.useCallback(\n    async ({ id, name }) => {\n      try {\n        await fetch(`${config.routes.api}/${collectionSlug}/${docID}`, {\n          body: JSON.stringify({\n            [folderFieldName]: id,\n          }),\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'PATCH',\n        })\n\n        setFromFolderID(id)\n        setFromFolderName(name || t('folder:noFolder'))\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error('Error moving document to folder', error)\n      }\n    },\n    [config.routes.api, collectionSlug, docID, folderFieldName, t],\n  )\n\n  useEffect(() => {\n    const loadFolderName = async () => {\n      try {\n        const req = await fetch(\n          `${config.routes.api}/${folderCollectionSlug}${intialFolderID ? `/${intialFolderID}` : ''}`,\n          {\n            credentials: 'include',\n            headers: {\n              'Content-Type': 'application/json',\n            },\n            method: 'GET',\n          },\n        )\n\n        const res = await req.json()\n        setFromFolderName(res?.name || t('folder:noFolder'))\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error('Error moving document to folder', error)\n      }\n    }\n\n    if (!hasLoadedFolderName.current) {\n      void loadFolderName()\n      hasLoadedFolderName.current = true\n    }\n  }, [config.routes.api, folderCollectionSlug, intialFolderID, t])\n\n  return (\n    <MoveDocToFolderButton\n      buttonProps={{\n        size: 'small',\n      }}\n      collectionSlug={collectionSlug}\n      docData={data as FolderOrDocument['value']}\n      docID={docID}\n      docTitle={docTitle}\n      folderCollectionSlug={folderCollectionSlug}\n      folderFieldName={folderFieldName}\n      fromFolderID={fromFolderID}\n      fromFolderName={fromFolderName}\n      modalSlug={`move-doc-to-folder-cell--${docID}`}\n      onConfirm={onConfirm}\n      skipConfirmModal={false}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/FolderView/Cell/index.server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.server.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/Cell/index.server.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,eAAe,UAAW,+BAA+B,sBAarE,CAAA"}
+{"version":3,"file":"index.server.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/Cell/index.server.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,eAAe,UAAW,+BAA+B,sBAkBrE,CAAA"}

package/dist/elements/FolderView/Cell/index.server.js

@@ -3,10 +3,14 @@ import React from 'react';
 import { FolderTableCellClient } from './index.client.js';
 export const FolderTableCell = props => {
   const titleToRender = (props.collectionConfig.upload ? props.rowData?.filename : props.rowData?.title) || props.rowData.id;
+  if (!props.payload.config.folders) {
+    return null;
+  }
   return /*#__PURE__*/_jsx(FolderTableCellClient, {
     collectionSlug: props.collectionSlug,
     data: props.rowData,
     docTitle: titleToRender,
+    folderCollectionSlug: props.payload.config.folders.slug,
     folderFieldName: props.payload.config.folders.fieldName
   });
 };

package/dist/elements/FolderView/Cell/index.server.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.server.js","names":["React","FolderTableCellClient","FolderTableCell","props","titleToRender","collectionConfig","upload","rowData","filename","title","id","_jsx","collectionSlug","data","docTitle","folderFieldName","payload","config","folders","fieldName"],"sources":["../../../../src/elements/FolderView/Cell/index.server.tsx"],"sourcesContent":["import type { DefaultServerCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { FolderTableCellClient } from './index.client.js'\n\nexport const FolderTableCell = (props: DefaultServerCellComponentProps) => {\n  const titleToRender =\n    (props.collectionConfig.upload ? props.rowData?.filename : props.rowData?.title) ||\n    props.rowData.id\n\n  return (\n    <FolderTableCellClient\n      collectionSlug={props.collectionSlug}\n      data={props.rowData}\n      docTitle={titleToRender}\n      folderFieldName={props.payload.config.folders.fieldName}\n    />\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AAEtC,OAAO,MAAMC,eAAA,GAAmBC,KAAA;EAC9B,MAAMC,aAAA,GACJ,CAACD,KAAA,CAAME,gBAAgB,CAACC,MAAM,GAAGH,KAAA,CAAMI,OAAO,EAAEC,QAAA,GAAWL,KAAA,CAAMI,OAAO,EAAEE,KAAI,KAC9EN,KAAA,CAAMI,OAAO,CAACG,EAAE;EAElB,oBACEC,IAAA,CAACV,qBAAA;IACCW,cAAA,EAAgBT,KAAA,CAAMS,cAAc;IACpCC,IAAA,EAAMV,KAAA,CAAMI,OAAO;IACnBO,QAAA,EAAUV,aAAA;IACVW,eAAA,EAAiBZ,KAAA,CAAMa,OAAO,CAACC,MAAM,CAACC,OAAO,CAACC;;AAGpD","ignoreList":[]}
+{"version":3,"file":"index.server.js","names":["React","FolderTableCellClient","FolderTableCell","props","titleToRender","collectionConfig","upload","rowData","filename","title","id","payload","config","folders","_jsx","collectionSlug","data","docTitle","folderCollectionSlug","slug","folderFieldName","fieldName"],"sources":["../../../../src/elements/FolderView/Cell/index.server.tsx"],"sourcesContent":["import type { DefaultServerCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { FolderTableCellClient } from './index.client.js'\n\nexport const FolderTableCell = (props: DefaultServerCellComponentProps) => {\n  const titleToRender =\n    (props.collectionConfig.upload ? props.rowData?.filename : props.rowData?.title) ||\n    props.rowData.id\n\n  if (!props.payload.config.folders) {\n    return null\n  }\n\n  return (\n    <FolderTableCellClient\n      collectionSlug={props.collectionSlug}\n      data={props.rowData}\n      docTitle={titleToRender}\n      folderCollectionSlug={props.payload.config.folders.slug}\n      folderFieldName={props.payload.config.folders.fieldName}\n    />\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AAEtC,OAAO,MAAMC,eAAA,GAAmBC,KAAA;EAC9B,MAAMC,aAAA,GACJ,CAACD,KAAA,CAAME,gBAAgB,CAACC,MAAM,GAAGH,KAAA,CAAMI,OAAO,EAAEC,QAAA,GAAWL,KAAA,CAAMI,OAAO,EAAEE,KAAI,KAC9EN,KAAA,CAAMI,OAAO,CAACG,EAAE;EAElB,IAAI,CAACP,KAAA,CAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,EAAE;IACjC,OAAO;EACT;EAEA,oBACEC,IAAA,CAACb,qBAAA;IACCc,cAAA,EAAgBZ,KAAA,CAAMY,cAAc;IACpCC,IAAA,EAAMb,KAAA,CAAMI,OAAO;IACnBU,QAAA,EAAUb,aAAA;IACVc,oBAAA,EAAsBf,KAAA,CAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,CAACM,IAAI;IACvDC,eAAA,EAAiBjB,KAAA,CAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,CAACQ;;AAGpD","ignoreList":[]}

package/dist/elements/FolderView/CollectionTypePill/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/CollectionTypePill/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,cAAc,CAAA;AAIrB,wBAAgB,kBAAkB,sBA+CjC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/CollectionTypePill/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,cAAc,CAAA;AAIrB,wBAAgB,kBAAkB,sBAgDjC"}

package/dist/elements/FolderView/CollectionTypePill/index.js

@@ -12,10 +12,11 @@ import { CheckboxPopup } from '../../CheckboxPopup/index.js';
 import './index.scss';
 const baseClass = 'collection-type';
 export function CollectionTypePill() {
-  const $ = _c(12);
+  const $ = _c(13);
   const {
     filterItems,
     folderCollectionSlug,
+    folderCollectionSlugs,
     visibleCollectionSlugs
   } = useFolder();
   const {
@@ -27,9 +28,9 @@ export function CollectionTypePill() {
     getEntityConfig
   } = useConfig();
   let t0;
-  if ($[0] !== config || $[1] !== folderCollectionSlug || $[2] !== getEntityConfig || $[3] !== i18n) {
+  if ($[0] !== config || $[1] !== folderCollectionSlug || $[2] !== folderCollectionSlugs || $[3] !== getEntityConfig || $[4] !== i18n) {
     t0 = () => config.collections.reduce((acc, collection) => {
-      if (collection.folders) {
+      if (collection.folders && folderCollectionSlugs.includes(collection.slug)) {
         acc.push({
           label: getTranslation(collection.labels?.plural, i18n),
           value: collection.slug
@@ -44,17 +45,18 @@ export function CollectionTypePill() {
     }]);
     $[0] = config;
     $[1] = folderCollectionSlug;
-    $[2] = getEntityConfig;
-    $[3] = i18n;
-    $[4] = t0;
+    $[2] = folderCollectionSlugs;
+    $[3] = getEntityConfig;
+    $[4] = i18n;
+    $[5] = t0;
   } else {
-    t0 = $[4];
+    t0 = $[5];
   }
   const [allCollectionOptions] = React.useState(t0);
   let t1;
-  if ($[5] !== allCollectionOptions || $[6] !== filterItems || $[7] !== t || $[8] !== visibleCollectionSlugs) {
+  if ($[6] !== allCollectionOptions || $[7] !== filterItems || $[8] !== t || $[9] !== visibleCollectionSlugs) {
     let t2;
-    if ($[10] !== filterItems) {
+    if ($[11] !== filterItems) {
       t2 = t3 => {
         const {
           selectedValues
@@ -63,10 +65,10 @@ export function CollectionTypePill() {
           relationTo: selectedValues
         });
       };
-      $[10] = filterItems;
-      $[11] = t2;
+      $[11] = filterItems;
+      $[12] = t2;
     } else {
-      t2 = $[11];
+      t2 = $[12];
     }
     t1 = _jsx(CheckboxPopup, {
       Button: _jsxs(Button, {
@@ -84,13 +86,13 @@ export function CollectionTypePill() {
       options: allCollectionOptions,
       selectedValues: visibleCollectionSlugs
     }, "relation-to-selection-popup");
-    $[5] = allCollectionOptions;
-    $[6] = filterItems;
-    $[7] = t;
-    $[8] = visibleCollectionSlugs;
-    $[9] = t1;
+    $[6] = allCollectionOptions;
+    $[7] = filterItems;
+    $[8] = t;
+    $[9] = visibleCollectionSlugs;
+    $[10] = t1;
   } else {
-    t1 = $[9];
+    t1 = $[10];
   }
   return t1;
 }

package/dist/elements/FolderView/CollectionTypePill/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useConfig","useFolder","useTranslation","Button","CheckboxPopup","baseClass","CollectionTypePill","$","filterItems","folderCollectionSlug","visibleCollectionSlugs","i18n","t","config","getEntityConfig","t0","collections","reduce","acc","collection","folders","push","label","labels","plural","value","slug","collectionSlug","allCollectionOptions","useState","t1","t2","t3","selectedValues","relationTo","_jsx","_jsxs","buttonStyle","el","icon","margin","size","children","length","className","options"],"sources":["../../../../src/elements/FolderView/CollectionTypePill/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { CheckboxPopup } from '../../CheckboxPopup/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-type'\n\nexport function CollectionTypePill() {\n  const { filterItems, folderCollectionSlug, visibleCollectionSlugs } = useFolder()\n  const { i18n, t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n\n  const [allCollectionOptions] = React.useState(() => {\n    return config.collections.reduce(\n      (acc, collection) => {\n        if (collection.folders) {\n          acc.push({\n            label: getTranslation(collection.labels?.plural, i18n),\n            value: collection.slug,\n          })\n        }\n\n        return acc\n      },\n      [\n        {\n          label: getTranslation(\n            getEntityConfig({ collectionSlug: folderCollectionSlug }).labels?.plural,\n            i18n,\n          ),\n          value: folderCollectionSlug,\n        },\n      ],\n    )\n  })\n\n  return (\n    <CheckboxPopup\n      Button={\n        <Button buttonStyle=\"pill\" el=\"div\" icon=\"chevron\" margin={false} size=\"small\">\n          {visibleCollectionSlugs.length ? (\n            <span className={`${baseClass}__count`}>{visibleCollectionSlugs.length}</span>\n          ) : null}\n          {t('version:type')}\n        </Button>\n      }\n      key=\"relation-to-selection-popup\"\n      onChange={({ selectedValues }) => {\n        void filterItems({ relationTo: selectedValues })\n      }}\n      options={allCollectionOptions}\n      selectedValues={visibleCollectionSlugs}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,aAAa,QAAQ;AAC9B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,SAAAC,mBAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACL;IAAAW,WAAA;IAAAC,oBAAA;IAAAC;EAAA,IAAsET,SAAA;EACtE;IAAAU,IAAA;IAAAC;EAAA,IAAoBV,cAAA;EACpB;IAAAW,MAAA;IAAAC;EAAA,IAAoCd,SAAA;EAAA,IAAAe,EAAA;EAAA,IAAAR,CAAA,QAAAM,MAAA,IAAAN,CAAA,QAAAE,oBAAA,IAAAF,CAAA,QAAAO,eAAA,IAAAP,CAAA,QAAAI,IAAA;IAEUI,EAAA,GAAAA,CAAA,KACrCF,MAAA,CAAAG,WAAA,CAAAC,MAAA,EAAAC,GAAA,EAAAC,UAAA;MAAA,IAECA,UAAA,CAAAC,OAAA;QACFF,GAAA,CAAAG,IAAA;UAAAC,KAAA,EACSxB,cAAA,CAAeqB,UAAA,CAAAI,MAAA,EAAAC,MAAA,EAA2Bb,IAAA;UAAAc,KAAA,EAC1CN,UAAA,CAAAO;QAAA,CACT;MAAA;MAAA,OAGKR,GAAA;IAAA;MAAAI,KAAA,EAIExB,cAAA,CACLgB,eAAA;QAAAa,cAAA,EAAkClB;MAAA,CAAqB,EAAAc,MAAA,EAAAC,MAAA,EACvDb,IAAA;MAAAc,KAAA,EAEKhB;IAAA,EAEV;IAELF,CAAA,MAAAM,MAAA;IAAAN,CAAA,MAAAE,oBAAA;IAAAF,CAAA,MAAAO,eAAA;IAAAP,CAAA,MAAAI,IAAA;IAAAJ,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAtBA,OAAAqB,oBAAA,IAA+B7B,KAAA,CAAA8B,QAAA,CAAed,EAsB9C;EAAA,IAAAe,EAAA;EAAA,IAAAvB,CAAA,QAAAqB,oBAAA,IAAArB,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAG,sBAAA;IAAA,IAAAqB,EAAA;IAAA,IAAAxB,CAAA,SAAAC,WAAA;MAacuB,EAAA,GAAAC,EAAA;QAAC;UAAAC;QAAA,IAAAD,EAAkB;QACtBxB,WAAA;UAAA0B,UAAA,EAA0BD;QAAA,CAAe;MAAA;MAChD1B,CAAA,OAAAC,WAAA;MAAAD,CAAA,OAAAwB,EAAA;IAAA;MAAAA,EAAA,GAAAxB,CAAA;IAAA;IAZFuB,EAAA,GAAAK,IAAA,CAAA/B,aAAA;MAAAD,MAAA,EAEIiC,KAAA,CAAAjC,MAAA;QAAAkC,WAAA,EAAoB;QAAAC,EAAA,EAAU;QAAAC,IAAA,EAAW;QAAAC,MAAA;QAAAC,IAAA,EAA8B;QAAAC,QAAA,GACpEhC,sBAAA,CAAAiC,MAAA,GACCR,IAAA,CAAC;UAAAS,SAAA,EAAgB,GAAAvC,SAAA,SAAqB;UAAAqC,QAAA,EAAGhC,sBAAA,CAAAiC;QAAA,C,QACvC,EACH/B,CAAA,CAAE;MAAA,C;gBAIGmB,EAEV;MAAAc,OAAA,EACSjB,oBAAA;MAAAK,cAAA,EACOvB;IAAA,GALZ;IAAAH,CAAA,MAAAqB,oBAAA;IAAArB,CAAA,MAAAC,WAAA;IAAAD,CAAA,MAAAK,CAAA;IAAAL,CAAA,MAAAG,sBAAA;IAAAH,CAAA,MAAAuB,EAAA;EAAA;IAAAA,EAAA,GAAAvB,CAAA;EAAA;EAAA,OATNuB,EASM;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useConfig","useFolder","useTranslation","Button","CheckboxPopup","baseClass","CollectionTypePill","$","filterItems","folderCollectionSlug","folderCollectionSlugs","visibleCollectionSlugs","i18n","t","config","getEntityConfig","t0","collections","reduce","acc","collection","folders","includes","slug","push","label","labels","plural","value","collectionSlug","allCollectionOptions","useState","t1","t2","t3","selectedValues","relationTo","_jsx","_jsxs","buttonStyle","el","icon","margin","size","children","length","className","options"],"sources":["../../../../src/elements/FolderView/CollectionTypePill/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { CheckboxPopup } from '../../CheckboxPopup/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-type'\n\nexport function CollectionTypePill() {\n  const { filterItems, folderCollectionSlug, folderCollectionSlugs, visibleCollectionSlugs } =\n    useFolder()\n  const { i18n, t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n\n  const [allCollectionOptions] = React.useState(() => {\n    return config.collections.reduce(\n      (acc, collection) => {\n        if (collection.folders && folderCollectionSlugs.includes(collection.slug)) {\n          acc.push({\n            label: getTranslation(collection.labels?.plural, i18n),\n            value: collection.slug,\n          })\n        }\n\n        return acc\n      },\n      [\n        {\n          label: getTranslation(\n            getEntityConfig({ collectionSlug: folderCollectionSlug }).labels?.plural,\n            i18n,\n          ),\n          value: folderCollectionSlug,\n        },\n      ],\n    )\n  })\n\n  return (\n    <CheckboxPopup\n      Button={\n        <Button buttonStyle=\"pill\" el=\"div\" icon=\"chevron\" margin={false} size=\"small\">\n          {visibleCollectionSlugs.length ? (\n            <span className={`${baseClass}__count`}>{visibleCollectionSlugs.length}</span>\n          ) : null}\n          {t('version:type')}\n        </Button>\n      }\n      key=\"relation-to-selection-popup\"\n      onChange={({ selectedValues }) => {\n        void filterItems({ relationTo: selectedValues })\n      }}\n      options={allCollectionOptions}\n      selectedValues={visibleCollectionSlugs}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/FolderView/CurrentFolderActions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/CurrentFolderActions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAmBzB,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AACD,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,qBA4HxD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/CurrentFolderActions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAkBzB,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AACD,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,qBAoIxD"}

package/dist/elements/FolderView/CurrentFolderActions/index.js

@@ -8,11 +8,10 @@ import { useConfig } from '../../../providers/Config/index.js';
 import { useFolder } from '../../../providers/Folders/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { ConfirmationModal } from '../../ConfirmationModal/index.js';
+import { useDocumentDrawer } from '../../DocumentDrawer/index.js';
 import { Popup, PopupList } from '../../Popup/index.js';
 import { Translation } from '../../Translation/index.js';
 import { MoveItemsToFolderDrawer } from '../Drawers/MoveToFolder/index.js';
-import { RenameFolderDrawer } from '../Drawers/RenameFolder/index.js';
-const renameFolderDrawerSlug = 'rename-folder--current-folder';
 const moveToFolderDrawerSlug = 'move-to-folder--current-folder';
 const confirmDeleteDrawerSlug = 'confirm-many-delete';
 const baseClass = 'current-folder-actions';
@@ -24,11 +23,19 @@ export function CurrentFolderActions({
     currentFolder,
     folderCollectionConfig,
     folderCollectionSlug,
+    folderFieldName,
     folderID,
     moveToFolder,
     renameFolder,
     setFolderID
   } = useFolder();
+  const [FolderDocumentDrawer,, {
+    closeDrawer: closeFolderDrawer,
+    openDrawer: openFolderDrawer
+  }] = useDocumentDrawer({
+    id: folderID,
+    collectionSlug: folderCollectionSlug
+  });
   const {
     config
   } = useConfig();
@@ -63,9 +70,11 @@ export function CurrentFolderActions({
       render: () => /*#__PURE__*/_jsxs(PopupList.ButtonGroup, {
         children: [/*#__PURE__*/_jsx(PopupList.Button, {
           onClick: () => {
-            openModal(renameFolderDrawerSlug);
+            openFolderDrawer();
           },
-          children: t('folder:renameFolder')
+          children: t('general:editLabel', {
+            label: getTranslation(folderCollectionConfig.labels.singular, i18n)
+          })
         }), /*#__PURE__*/_jsx(PopupList.Button, {
           onClick: () => {
             openModal(moveToFolderDrawerSlug);
@@ -81,6 +90,8 @@ export function CurrentFolderActions({
     }), /*#__PURE__*/_jsx(MoveItemsToFolderDrawer, {
       action: "moveItemToFolder",
       drawerSlug: moveToFolderDrawerSlug,
+      folderCollectionSlug: folderCollectionSlug,
+      folderFieldName: folderFieldName,
       fromFolderID: currentFolder?.value.id,
       fromFolderName: currentFolder?.value._folderOrDocumentTitle,
       itemsToMove: [currentFolder],
@@ -127,18 +138,13 @@ export function CurrentFolderActions({
       heading: t('general:confirmDeletion'),
       modalSlug: confirmDeleteDrawerSlug,
       onConfirm: deleteCurrentFolder
-    }), /*#__PURE__*/_jsx(RenameFolderDrawer, {
-      drawerSlug: renameFolderDrawerSlug,
-      folderToRename: currentFolder,
-      onRenameConfirm: ({
-        folderID: updatedFolderID,
-        updatedName
-      }) => {
+    }), /*#__PURE__*/_jsx(FolderDocumentDrawer, {
+      onSave: result => {
         renameFolder({
-          folderID: updatedFolderID,
-          newName: updatedName
+          folderID: result.doc.id,
+          newName: result.doc[folderCollectionConfig.admin.useAsTitle]
         });
-        closeModal(renameFolderDrawerSlug);
+        closeFolderDrawer();
       }
     })]
   });