@payloadcms/ui 3.0.0-canary.c696728 → 3.0.0-canary.c96fa61

package/dist/fields/Upload/index.js

@@ -11,17 +11,19 @@ import { UploadInput } from './Input.js';
 export { UploadInput } from './Input.js';
 export const baseClass = 'upload';
 export function UploadComponent(props) {
-  const $ = _c(30);
+  const $ = _c(36);
   const {
     field: t0,
-    field,
-    readOnly: readOnlyFromTopLevelProps,
+    path: pathFromProps,
+    readOnly,
     validate
   } = props;
   const {
-    _path,
+    name,
     admin: t1,
     hasMany,
+    label,
+    localized,
     maxRows,
     relationTo,
     required
@@ -35,13 +37,14 @@ export function UploadComponent(props) {
     t2 = $[1];
   }
   const {
+    allowCreate,
     className,
+    description,
     isSortable,
-    readOnly: readOnlyFromAdmin,
     style,
     width
   } = t2;
-  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
+  const path = pathFromProps ?? name;
   const {
     config
   } = useConfig();
@@ -63,49 +66,61 @@ export function UploadComponent(props) {
   }
   const memoizedValidate = t3;
   let t4;
-  if ($[5] !== _path || $[6] !== memoizedValidate) {
+  if ($[5] !== path || $[6] !== memoizedValidate) {
     t4 = {
-      path: _path,
+      path,
       validate: memoizedValidate
     };
-    $[5] = _path;
+    $[5] = path;
     $[6] = memoizedValidate;
     $[7] = t4;
   } else {
     t4 = $[7];
   }
   const {
+    customComponents: t5,
     filterOptions,
-    formInitializing,
-    formProcessing,
-    path,
-    readOnly: readOnlyFromField,
     setValue,
     showError,
     value: value_0
   } = useField(t4);
-  const disabled = readOnlyFromProps || readOnlyFromField || formProcessing || formInitializing;
-  const t5 = field?.admin?.components?.Description;
-  const t6 = field?.admin?.description;
-  const t7 = field?.admin?.components?.Error;
-  const t8 = field?.admin?.components?.Label;
-  let t9;
-  if ($[8] !== config.routes.api || $[9] !== config.serverURL || $[10] !== className || $[11] !== t5 || $[12] !== t6 || $[13] !== t7 || $[14] !== field || $[15] !== filterOptions || $[16] !== hasMany || $[17] !== isSortable || $[18] !== t8 || $[19] !== maxRows || $[20] !== setValue || $[21] !== path || $[22] !== disabled || $[23] !== relationTo || $[24] !== required || $[25] !== showError || $[26] !== style || $[27] !== value_0 || $[28] !== width) {
-    t9 = _jsx(UploadInput, {
+  let t6;
+  if ($[8] !== t5) {
+    t6 = t5 === undefined ? {} : t5;
+    $[8] = t5;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  const {
+    AfterInput,
+    BeforeInput,
+    Description,
+    Error,
+    Label
+  } = t6;
+  const t7 = allowCreate !== false;
+  let t8;
+  if ($[10] !== AfterInput || $[11] !== t7 || $[12] !== config.routes.api || $[13] !== config.serverURL || $[14] !== BeforeInput || $[15] !== className || $[16] !== Description || $[17] !== description || $[18] !== Error || $[19] !== filterOptions || $[20] !== hasMany || $[21] !== isSortable || $[22] !== label || $[23] !== Label || $[24] !== localized || $[25] !== maxRows || $[26] !== setValue || $[27] !== path || $[28] !== readOnly || $[29] !== relationTo || $[30] !== required || $[31] !== showError || $[32] !== style || $[33] !== value_0 || $[34] !== width) {
+    t8 = _jsx(UploadInput, {
+      AfterInput,
+      allowCreate: t7,
       api: config.routes.api,
+      BeforeInput,
       className,
-      Description: t5,
-      description: t6,
-      Error: t7,
-      field,
+      Description,
+      description,
+      Error,
       filterOptions,
       hasMany,
       isSortable,
-      Label: t8,
+      label,
+      Label,
+      localized,
       maxRows,
       onChange: setValue,
       path,
-      readOnly: disabled,
+      readOnly,
       relationTo,
       required,
       serverURL: config.serverURL,
@@ -114,32 +129,36 @@ export function UploadComponent(props) {
       value: value_0,
       width
     });
-    $[8] = config.routes.api;
-    $[9] = config.serverURL;
-    $[10] = className;
-    $[11] = t5;
-    $[12] = t6;
-    $[13] = t7;
-    $[14] = field;
-    $[15] = filterOptions;
-    $[16] = hasMany;
-    $[17] = isSortable;
-    $[18] = t8;
-    $[19] = maxRows;
-    $[20] = setValue;
-    $[21] = path;
-    $[22] = disabled;
-    $[23] = relationTo;
-    $[24] = required;
-    $[25] = showError;
-    $[26] = style;
-    $[27] = value_0;
-    $[28] = width;
-    $[29] = t9;
+    $[10] = AfterInput;
+    $[11] = t7;
+    $[12] = config.routes.api;
+    $[13] = config.serverURL;
+    $[14] = BeforeInput;
+    $[15] = className;
+    $[16] = Description;
+    $[17] = description;
+    $[18] = Error;
+    $[19] = filterOptions;
+    $[20] = hasMany;
+    $[21] = isSortable;
+    $[22] = label;
+    $[23] = Label;
+    $[24] = localized;
+    $[25] = maxRows;
+    $[26] = setValue;
+    $[27] = path;
+    $[28] = readOnly;
+    $[29] = relationTo;
+    $[30] = required;
+    $[31] = showError;
+    $[32] = style;
+    $[33] = value_0;
+    $[34] = width;
+    $[35] = t8;
   } else {
-    t9 = $[29];
+    t8 = $[35];
   }
-  return t9;
+  return t8;
 }
 export const UploadField = withCondition(UploadComponent);
 //# sourceMappingURL=index.js.map

package/dist/fields/Upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useField","withCondition","useConfig","UploadInput","baseClass","UploadComponent","props","$","field","t0","readOnly","readOnlyFromTopLevelProps","validate","_path","admin","t1","hasMany","maxRows","relationTo","required","t2","undefined","className","isSortable","readOnlyFromAdmin","style","width","readOnlyFromProps","config","t3","value","options","memoizedValidate","t4","path","filterOptions","formInitializing","formProcessing","readOnlyFromField","setValue","showError","value_0","disabled","t5","components","Description","t6","description","t7","Error","t8","Label","t9","routes","api","serverURL","_jsx","onChange","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldClientProps } from 'payload'\n\nimport React from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport './index.scss'\nimport { UploadInput } from './Input.js'\n\nexport { UploadInput } from './Input.js'\nexport type { UploadInputProps } from './Input.js'\n\nexport const baseClass = 'upload'\n\nexport function UploadComponent(props: UploadFieldClientProps) {\n  const {\n    field: {\n      _path,\n      admin: { className, isSortable, readOnly: readOnlyFromAdmin, style, width } = {},\n      hasMany,\n      maxRows,\n      relationTo,\n      required,\n    },\n    field,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const { config } = useConfig()\n\n  const memoizedValidate = React.useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n  const {\n    filterOptions,\n    formInitializing,\n    formProcessing,\n    path,\n    readOnly: readOnlyFromField,\n    setValue,\n    showError,\n    value,\n  } = useField<string | string[]>({\n    path: _path,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromField || formProcessing || formInitializing\n\n  return (\n    <UploadInput\n      api={config.routes.api}\n      className={className}\n      Description={field?.admin?.components?.Description}\n      description={field?.admin?.description}\n      Error={field?.admin?.components?.Error}\n      field={field}\n      filterOptions={filterOptions}\n      hasMany={hasMany}\n      isSortable={isSortable}\n      Label={field?.admin?.components?.Label}\n      maxRows={maxRows}\n      onChange={setValue}\n      path={path}\n      readOnly={disabled}\n      relationTo={relationTo}\n      required={required}\n      serverURL={config.serverURL}\n      showError={showError}\n      style={style}\n      value={value}\n      width={width}\n    />\n  )\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,MAAW;AAElB,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,OAAO;AACP,SAASC,WAAW,QAAQ;AAE5B,SAASA,WAAW,QAAQ;AAG5B,OAAO,MAAMC,SAAA,GAAY;AAEzB,OAAO,SAAAC,gBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACL;IAAAU,KAAA,EAAAC,EAAA;IAAAD,KAAA;IAAAE,QAAA,EAAAC,yBAAA;IAAAC;EAAA,IAYIN,KAAA;EAXK;IAAAO,KAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAV,EAON;EAAA,IAAAW,EAAA;EAAA,IAAAb,CAAA,QAAAQ,EAAA;IALQK,EAAA,GAAAL,EAAyE,KAAAM,SAAA,QAAzEN,EAAyE;IAAAR,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAAzE;IAAAe,SAAA;IAAAC,UAAA;IAAAb,QAAA,EAAAc,iBAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAN,EAAyE;EAUpF,MAAAO,iBAAA,GAA0BhB,yBAAA,IAA6Ba,iBAAA;EAEvD;IAAAI;EAAA,IAAmB1B,SAAA;EAAA,IAAA2B,EAAA;EAAA,IAAAtB,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAY,QAAA;IAGjBU,EAAA,GAAAA,CAAAC,KAAA,EAAAC,OAAA;MAAA,IACM,OAAOnB,QAAA,KAAa;QAAA,OACfA,QAAA,CAASkB,KAAA;UAAA,GAAYC,OAAO;UAAAZ;QAAA,CAAW;MAAA;IAAA;IAElDZ,CAAA,MAAAK,QAAA;IAAAL,CAAA,MAAAY,QAAA;IAAAZ,CAAA,MAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EALF,MAAAyB,gBAAA,GAAyBH,EAMH;EAAA,IAAAI,EAAA;EAAA,IAAA1B,CAAA,QAAAM,KAAA,IAAAN,CAAA,QAAAyB,gBAAA;IAWUC,EAAA;MAAAC,IAAA,EACxBrB,KAAA;MAAAD,QAAA,EACIoB;IAAA;IACZzB,CAAA,MAAAM,KAAA;IAAAN,CAAA,MAAAyB,gBAAA;IAAAzB,CAAA,MAAA0B,EAAA;EAAA;IAAAA,EAAA,GAAA1B,CAAA;EAAA;EAZA;IAAA4B,aAAA;IAAAC,gBAAA;IAAAC,cAAA;IAAAH,IAAA;IAAAxB,QAAA,EAAA4B,iBAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAV,KAAA,EAAAW;EAAA,IASIzC,QAAA,CAA4BiC,EAGhC;EAEA,MAAAS,QAAA,GAAiBf,iBAAA,IAAqBW,iBAAA,IAAqBD,cAAA,IAAkBD,gBAAA;EAM5D,MAAAO,EAAA,GAAAnC,KAAA,EAAAM,KAAA,EAAA8B,UAAA,EAAAC,WAAA;EACA,MAAAC,EAAA,GAAAtC,KAAA,EAAAM,KAAA,EAAAiC,WAAA;EACN,MAAAC,EAAA,GAAAxC,KAAA,EAAAM,KAAA,EAAA8B,UAAA,EAAAK,KAAA;EAKA,MAAAC,EAAA,GAAA1C,KAAA,EAAAM,KAAA,EAAA8B,UAAA,EAAAO,KAAA;EAA0B,IAAAC,EAAA;EAAA,IAAA7C,CAAA,QAAAqB,MAAA,CAAAyB,MAAA,CAAAC,GAAA,IAAA/C,CAAA,QAAAqB,MAAA,CAAA2B,SAAA,IAAAhD,CAAA,SAAAe,SAAA,IAAAf,CAAA,SAAAoC,EAAA,IAAApC,CAAA,SAAAuC,EAAA,IAAAvC,CAAA,SAAAyC,EAAA,IAAAzC,CAAA,SAAAC,KAAA,IAAAD,CAAA,SAAA4B,aAAA,IAAA5B,CAAA,SAAAS,OAAA,IAAAT,CAAA,SAAAgB,UAAA,IAAAhB,CAAA,SAAA2C,EAAA,IAAA3C,CAAA,SAAAU,OAAA,IAAAV,CAAA,SAAAgC,QAAA,IAAAhC,CAAA,SAAA2B,IAAA,IAAA3B,CAAA,SAAAmC,QAAA,IAAAnC,CAAA,SAAAW,UAAA,IAAAX,CAAA,SAAAY,QAAA,IAAAZ,CAAA,SAAAiC,SAAA,IAAAjC,CAAA,SAAAkB,KAAA,IAAAlB,CAAA,SAAAkC,OAAA,IAAAlC,CAAA,SAAAmB,KAAA;IAVnC0B,EAAA,GAAAI,IAAA,CAAArD,WAAA;MAAAmD,GAAA,EACO1B,MAAA,CAAAyB,MAAA,CAAAC,GAAA;MAAAhC,SAAA;MAAAuB,WAAA,EAEQF,EAA0B;MAAAI,WAAA,EAC1BD,EAAc;MAAAG,KAAA,EACpBD,EAA0B;MAAAxC,KAAA;MAAA2B,aAAA;MAAAnB,OAAA;MAAAO,UAAA;MAAA4B,KAAA,EAK1BD,EAA0B;MAAAjC,OAAA;MAAAwC,QAAA,EAEvBlB,QAAA;MAAAL,IAAA;MAAAxB,QAAA,EAEAgC,QAAA;MAAAxB,UAAA;MAAAC,QAAA;MAAAoC,SAAA,EAGC3B,MAAA,CAAA2B,SAAA;MAAAf,SAAA;MAAAf,KAAA;MAAAK,KAAA,EAGJA,OAAA;MAAAJ;IAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;;SApBT0B,E;;AA0BJ,OAAO,MAAMM,WAAA,GAAczD,aAAA,CAAcI,eAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useField","withCondition","useConfig","UploadInput","baseClass","UploadComponent","props","$","field","t0","path","pathFromProps","readOnly","validate","name","admin","t1","hasMany","label","localized","maxRows","relationTo","required","t2","undefined","allowCreate","className","description","isSortable","style","width","config","t3","value","options","memoizedValidate","t4","customComponents","t5","filterOptions","setValue","showError","value_0","t6","AfterInput","BeforeInput","Description","Error","Label","t7","t8","routes","api","serverURL","_jsx","onChange","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldClientProps } from 'payload'\n\nimport React from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport './index.scss'\nimport { UploadInput } from './Input.js'\n\nexport { UploadInput } from './Input.js'\nexport type { UploadInputProps } from './Input.js'\n\nexport const baseClass = 'upload'\n\nexport function UploadComponent(props: UploadFieldClientProps) {\n  const {\n    field: {\n      name,\n      admin: { allowCreate, className, description, isSortable, style, width } = {},\n      hasMany,\n      label,\n      localized,\n      maxRows,\n      relationTo,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n  const path = pathFromProps ?? name\n\n  const { config } = useConfig()\n\n  const memoizedValidate = React.useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    filterOptions,\n    setValue,\n    showError,\n    value,\n  } = useField<string | string[]>({\n    path,\n    validate: memoizedValidate,\n  })\n\n  return (\n    <UploadInput\n      AfterInput={AfterInput}\n      allowCreate={allowCreate !== false}\n      api={config.routes.api}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      filterOptions={filterOptions}\n      hasMany={hasMany}\n      isSortable={isSortable}\n      label={label}\n      Label={Label}\n      localized={localized}\n      maxRows={maxRows}\n      onChange={setValue}\n      path={path}\n      readOnly={readOnly}\n      relationTo={relationTo}\n      required={required}\n      serverURL={config.serverURL}\n      showError={showError}\n      style={style}\n      value={value}\n      width={width}\n    />\n  )\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Upload/index.scss

@@ -1,62 +1,64 @@
 @import '../../scss/styles.scss';
 
-.upload {
-  &__dropzoneAndUpload {
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--base) / 4);
-  }
+@layer payload-default {
+  .upload {
+    &__dropzoneAndUpload {
+      display: flex;
+      flex-direction: column;
+      gap: calc(var(--base) / 4);
+    }
 
-  &__dropzoneContent {
-    display: flex;
-    flex-wrap: wrap;
-    gap: base(0.4);
-    justify-content: space-between;
-    width: 100%;
-  }
+    &__dropzoneContent {
+      display: flex;
+      flex-wrap: wrap;
+      gap: base(0.4);
+      justify-content: space-between;
+      width: 100%;
+    }
 
-  &__dropzoneContent__buttons {
-    display: flex;
-    gap: calc(var(--base) / 2);
-    position: relative;
-    left: -2px;
+    &__dropzoneContent__buttons {
+      display: flex;
+      gap: calc(var(--base) / 2);
+      position: relative;
+      left: -2px;
 
-    .btn .btn__content {
-      gap: calc(var(--base) / 5);
-    }
+      .btn .btn__content {
+        gap: calc(var(--base) / 5);
+      }
 
-    .btn__label {
-      font-weight: 100;
+      .btn__label {
+        font-weight: 100;
+      }
     }
-  }
 
-  &__dropzoneContent__orText {
-    color: var(--theme-elevation-500);
-    text-transform: lowercase;
-  }
+    &__dropzoneContent__orText {
+      color: var(--theme-elevation-500);
+      text-transform: lowercase;
+    }
 
-  &__dragAndDropText {
-    flex-shrink: 0;
-    margin: 0;
-    text-transform: lowercase;
-    align-self: center;
-    color: var(--theme-elevation-500);
-  }
+    &__dragAndDropText {
+      flex-shrink: 0;
+      margin: 0;
+      text-transform: lowercase;
+      align-self: center;
+      color: var(--theme-elevation-500);
+    }
 
-  &__loadingRows {
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--base) / 4);
-  }
+    &__loadingRows {
+      display: flex;
+      flex-direction: column;
+      gap: calc(var(--base) / 4);
+    }
 
-  .shimmer-effect {
-    border-radius: var(--style-radius-s);
-    border: 1px solid var(--theme-border-color);
-  }
+    .shimmer-effect {
+      border-radius: var(--style-radius-s);
+      border: 1px solid var(--theme-border-color);
+    }
 
-  @include small-break {
-    &__dragAndDropText {
-      display: none;
+    @include small-break {
+      &__dragAndDropText {
+        display: none;
+      }
     }
   }
 }

package/dist/fields/Upload/types.d.ts

@@ -0,0 +1,4 @@
+import type { PaginatedDocs } from 'payload';
+export type PopulateDocs = (ids: (number | string)[], relatedCollectionSlug: string) => Promise<null | PaginatedDocs>;
+export type ReloadDoc = (docID: number | string, collectionSlug: string) => Promise<void>;
+//# sourceMappingURL=types.d.ts.map

package/dist/fields/Upload/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Upload/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,MAAM,MAAM,YAAY,GAAG,CACzB,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,EACxB,qBAAqB,EAAE,MAAM,KAC1B,OAAO,CAAC,IAAI,GAAG,aAAa,CAAC,CAAA;AAElC,MAAM,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA"}

package/dist/fields/Upload/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Upload/types.ts"],"sourcesContent":["import type { PaginatedDocs } from 'payload'\n\nexport type PopulateDocs = (\n  ids: (number | string)[],\n  relatedCollectionSlug: string,\n) => Promise<null | PaginatedDocs>\n\nexport type ReloadDoc = (docID: number | string, collectionSlug: string) => Promise<void>\n"],"mappings":"AAOA","ignoreList":[]}

package/dist/fields/index.d.ts

@@ -1,8 +1,15 @@
-import type { FieldTypes } from 'payload';
+import type { ClientFieldBase, FieldTypes, GenericDescriptionProps, GenericErrorProps, GenericLabelProps } from 'payload';
 import type React from 'react';
 export * from './shared/index.js';
 export type FieldTypesComponents = {
-    [K in 'confirmPassword' | 'hidden' | 'password' | FieldTypes]: React.FC;
+    [K in 'confirmPassword' | 'hidden' | 'password' | FieldTypes]: React.FC<ClientFieldBase>;
 };
 export declare const fieldComponents: FieldTypesComponents;
+export type FieldComponentsWithSlots = {
+    Description: React.FC<GenericDescriptionProps>;
+    Error: React.FC<GenericErrorProps>;
+    Label: React.FC<GenericLabelProps>;
+    RowLabel: React.FC;
+} & FieldTypesComponents;
+export declare const allFieldComponents: FieldComponentsWithSlots;
 //# sourceMappingURL=index.d.ts.map

package/dist/fields/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/fields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA4B9B,cAAc,mBAAmB,CAAA;AAEjC,MAAM,MAAM,oBAAoB,GAAG;KAChC,CAAC,IAAI,iBAAiB,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,KAAK,CAAC,EAAE;CACxE,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,oBA0B7B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/fields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,UAAU,EACV,uBAAuB,EACvB,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgC9B,cAAc,mBAAmB,CAAA;AAEjC,MAAM,MAAM,oBAAoB,GAAG;KAChC,CAAC,IAAI,iBAAiB,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC;CACzF,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,oBA0B7B,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAA;IAC9C,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAA;IAClC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAA;IAClC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAA;CACnB,GAAG,oBAAoB,CAAA;AAExB,eAAO,MAAM,kBAAkB,EAAE,wBAMhC,CAAA"}

package/dist/fields/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { RowLabel } from '../forms/RowLabel/index.js';
 import { ArrayField } from './Array/index.js';
 import { BlocksField } from './Blocks/index.js';
 import { CheckboxField } from './Checkbox/index.js';
@@ -8,6 +9,9 @@ import { CollapsibleField } from './Collapsible/index.js';
 import { ConfirmPasswordField } from './ConfirmPassword/index.js';
 import { DateTimeField } from './DateTime/index.js';
 import { EmailField } from './Email/index.js';
+import { FieldDescription } from './FieldDescription/index.js';
+import { FieldError } from './FieldError/index.js';
+import { FieldLabel } from './FieldLabel/index.js';
 import { GroupField } from './Group/index.js';
 import { HiddenField } from './Hidden/index.js';
 import { JoinField } from './Join/index.js';
@@ -53,4 +57,11 @@ export const fieldComponents = {
   ui: UIField,
   upload: UploadField
 };
+export const allFieldComponents = {
+  ...fieldComponents,
+  Description: FieldDescription,
+  Error: FieldError,
+  Label: FieldLabel,
+  RowLabel
+};
 //# sourceMappingURL=index.js.map

package/dist/fields/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ArrayField","BlocksField","CheckboxField","CodeField","CollapsibleField","ConfirmPasswordField","DateTimeField","EmailField","GroupField","HiddenField","JoinField","JSONField","NumberField","PasswordField","PointField","RadioGroupField","RelationshipField","RichTextField","RowField","SelectField","TabsField","TextField","TextareaField","UIField","UploadField","fieldComponents","array","blocks","checkbox","code","collapsible","confirmPassword","date","email","group","hidden","join","json","number","password","point","radio","relationship","richText","row","select","tabs","text","textarea","ui","upload"],"sources":["../../src/fields/index.tsx"],"sourcesContent":["'use client'\nimport type { FieldTypes } from 'payload'\nimport type React from 'react'\n\nimport { ArrayField } from './Array/index.js'\nimport { BlocksField } from './Blocks/index.js'\nimport { CheckboxField } from './Checkbox/index.js'\nimport { CodeField } from './Code/index.js'\nimport { CollapsibleField } from './Collapsible/index.js'\nimport { ConfirmPasswordField } from './ConfirmPassword/index.js'\nimport { DateTimeField } from './DateTime/index.js'\nimport { EmailField } from './Email/index.js'\nimport { GroupField } from './Group/index.js'\nimport { HiddenField } from './Hidden/index.js'\nimport { JoinField } from './Join/index.js'\nimport { JSONField } from './JSON/index.js'\nimport { NumberField } from './Number/index.js'\nimport { PasswordField } from './Password/index.js'\nimport { PointField } from './Point/index.js'\nimport { RadioGroupField } from './RadioGroup/index.js'\nimport { RelationshipField } from './Relationship/index.js'\nimport { RichTextField } from './RichText/index.js'\nimport { RowField } from './Row/index.js'\nimport { SelectField } from './Select/index.js'\nimport { TabsField } from './Tabs/index.js'\nimport { TextField } from './Text/index.js'\nimport { TextareaField } from './Textarea/index.js'\nimport { UIField } from './UI/index.js'\nimport { UploadField } from './Upload/index.js'\n\nexport * from './shared/index.js'\n\nexport type FieldTypesComponents = {\n  [K in 'confirmPassword' | 'hidden' | 'password' | FieldTypes]: React.FC\n}\n\nexport const fieldComponents: FieldTypesComponents = {\n  array: ArrayField,\n  blocks: BlocksField,\n  checkbox: CheckboxField,\n  code: CodeField,\n  collapsible: CollapsibleField,\n  confirmPassword: ConfirmPasswordField,\n  date: DateTimeField,\n  email: EmailField,\n  group: GroupField,\n  hidden: HiddenField,\n  join: JoinField,\n  json: JSONField,\n  number: NumberField,\n  password: PasswordField,\n  point: PointField,\n  radio: RadioGroupField,\n  relationship: RelationshipField,\n  richText: RichTextField,\n  row: RowField,\n  select: SelectField,\n  tabs: TabsField,\n  text: TextField,\n  textarea: TextareaField,\n  ui: UIField,\n  upload: UploadField,\n}\n"],"mappings":"AAAA;;AAIA,SAASA,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,eAAe,QAAQ;AAChC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,SAASC,OAAO,QAAQ;AACxB,SAASC,WAAW,QAAQ;AAE5B,cAAc;AAMd,OAAO,MAAMC,eAAA,GAAwC;EACnDC,KAAA,EAAO1B,UAAA;EACP2B,MAAA,EAAQ1B,WAAA;EACR2B,QAAA,EAAU1B,aAAA;EACV2B,IAAA,EAAM1B,SAAA;EACN2B,WAAA,EAAa1B,gBAAA;EACb2B,eAAA,EAAiB1B,oBAAA;EACjB2B,IAAA,EAAM1B,aAAA;EACN2B,KAAA,EAAO1B,UAAA;EACP2B,KAAA,EAAO1B,UAAA;EACP2B,MAAA,EAAQ1B,WAAA;EACR2B,IAAA,EAAM1B,SAAA;EACN2B,IAAA,EAAM1B,SAAA;EACN2B,MAAA,EAAQ1B,WAAA;EACR2B,QAAA,EAAU1B,aAAA;EACV2B,KAAA,EAAO1B,UAAA;EACP2B,KAAA,EAAO1B,eAAA;EACP2B,YAAA,EAAc1B,iBAAA;EACd2B,QAAA,EAAU1B,aAAA;EACV2B,GAAA,EAAK1B,QAAA;EACL2B,MAAA,EAAQ1B,WAAA;EACR2B,IAAA,EAAM1B,SAAA;EACN2B,IAAA,EAAM1B,SAAA;EACN2B,QAAA,EAAU1B,aAAA;EACV2B,EAAA,EAAI1B,OAAA;EACJ2B,MAAA,EAAQ1B;AACV","ignoreList":[]}
+{"version":3,"file":"index.js","names":["RowLabel","ArrayField","BlocksField","CheckboxField","CodeField","CollapsibleField","ConfirmPasswordField","DateTimeField","EmailField","FieldDescription","FieldError","FieldLabel","GroupField","HiddenField","JoinField","JSONField","NumberField","PasswordField","PointField","RadioGroupField","RelationshipField","RichTextField","RowField","SelectField","TabsField","TextField","TextareaField","UIField","UploadField","fieldComponents","array","blocks","checkbox","code","collapsible","confirmPassword","date","email","group","hidden","join","json","number","password","point","radio","relationship","richText","row","select","tabs","text","textarea","ui","upload","allFieldComponents","Description","Error","Label"],"sources":["../../src/fields/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientFieldBase,\n  FieldTypes,\n  GenericDescriptionProps,\n  GenericErrorProps,\n  GenericLabelProps,\n} from 'payload'\nimport type React from 'react'\n\nimport { RowLabel } from '../forms/RowLabel/index.js'\nimport { ArrayField } from './Array/index.js'\nimport { BlocksField } from './Blocks/index.js'\nimport { CheckboxField } from './Checkbox/index.js'\nimport { CodeField } from './Code/index.js'\nimport { CollapsibleField } from './Collapsible/index.js'\nimport { ConfirmPasswordField } from './ConfirmPassword/index.js'\nimport { DateTimeField } from './DateTime/index.js'\nimport { EmailField } from './Email/index.js'\nimport { FieldDescription } from './FieldDescription/index.js'\nimport { FieldError } from './FieldError/index.js'\nimport { FieldLabel } from './FieldLabel/index.js'\nimport { GroupField } from './Group/index.js'\nimport { HiddenField } from './Hidden/index.js'\nimport { JoinField } from './Join/index.js'\nimport { JSONField } from './JSON/index.js'\nimport { NumberField } from './Number/index.js'\nimport { PasswordField } from './Password/index.js'\nimport { PointField } from './Point/index.js'\nimport { RadioGroupField } from './RadioGroup/index.js'\nimport { RelationshipField } from './Relationship/index.js'\nimport { RichTextField } from './RichText/index.js'\nimport { RowField } from './Row/index.js'\nimport { SelectField } from './Select/index.js'\nimport { TabsField } from './Tabs/index.js'\nimport { TextField } from './Text/index.js'\nimport { TextareaField } from './Textarea/index.js'\nimport { UIField } from './UI/index.js'\nimport { UploadField } from './Upload/index.js'\n\nexport * from './shared/index.js'\n\nexport type FieldTypesComponents = {\n  [K in 'confirmPassword' | 'hidden' | 'password' | FieldTypes]: React.FC<ClientFieldBase>\n}\n\nexport const fieldComponents: FieldTypesComponents = {\n  array: ArrayField,\n  blocks: BlocksField,\n  checkbox: CheckboxField,\n  code: CodeField,\n  collapsible: CollapsibleField,\n  confirmPassword: ConfirmPasswordField,\n  date: DateTimeField,\n  email: EmailField,\n  group: GroupField,\n  hidden: HiddenField,\n  join: JoinField,\n  json: JSONField,\n  number: NumberField,\n  password: PasswordField,\n  point: PointField,\n  radio: RadioGroupField,\n  relationship: RelationshipField,\n  richText: RichTextField,\n  row: RowField,\n  select: SelectField,\n  tabs: TabsField,\n  text: TextField,\n  textarea: TextareaField,\n  ui: UIField,\n  upload: UploadField,\n}\n\nexport type FieldComponentsWithSlots = {\n  Description: React.FC<GenericDescriptionProps>\n  Error: React.FC<GenericErrorProps>\n  Label: React.FC<GenericLabelProps>\n  RowLabel: React.FC\n} & FieldTypesComponents\n\nexport const allFieldComponents: FieldComponentsWithSlots = {\n  ...fieldComponents,\n  Description: FieldDescription,\n  Error: FieldError,\n  Label: FieldLabel,\n  RowLabel,\n}\n"],"mappings":"AAAA;;AAUA,SAASA,QAAQ,QAAQ;AACzB,SAASC,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,eAAe,QAAQ;AAChC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,SAASC,OAAO,QAAQ;AACxB,SAASC,WAAW,QAAQ;AAE5B,cAAc;AAMd,OAAO,MAAMC,eAAA,GAAwC;EACnDC,KAAA,EAAO7B,UAAA;EACP8B,MAAA,EAAQ7B,WAAA;EACR8B,QAAA,EAAU7B,aAAA;EACV8B,IAAA,EAAM7B,SAAA;EACN8B,WAAA,EAAa7B,gBAAA;EACb8B,eAAA,EAAiB7B,oBAAA;EACjB8B,IAAA,EAAM7B,aAAA;EACN8B,KAAA,EAAO7B,UAAA;EACP8B,KAAA,EAAO1B,UAAA;EACP2B,MAAA,EAAQ1B,WAAA;EACR2B,IAAA,EAAM1B,SAAA;EACN2B,IAAA,EAAM1B,SAAA;EACN2B,MAAA,EAAQ1B,WAAA;EACR2B,QAAA,EAAU1B,aAAA;EACV2B,KAAA,EAAO1B,UAAA;EACP2B,KAAA,EAAO1B,eAAA;EACP2B,YAAA,EAAc1B,iBAAA;EACd2B,QAAA,EAAU1B,aAAA;EACV2B,GAAA,EAAK1B,QAAA;EACL2B,MAAA,EAAQ1B,WAAA;EACR2B,IAAA,EAAM1B,SAAA;EACN2B,IAAA,EAAM1B,SAAA;EACN2B,QAAA,EAAU1B,aAAA;EACV2B,EAAA,EAAI1B,OAAA;EACJ2B,MAAA,EAAQ1B;AACV;AASA,OAAO,MAAM2B,kBAAA,GAA+C;EAC1D,GAAG1B,eAAe;EAClB2B,WAAA,EAAa/C,gBAAA;EACbgD,KAAA,EAAO/C,UAAA;EACPgD,KAAA,EAAO/C,UAAA;EACPX;AACF","ignoreList":[]}

package/dist/forms/Form/context.d.ts

@@ -1,3 +1,4 @@
+import type { RenderedField } from 'payload';
 import type { Context, FormFieldsContext as FormFieldsContextType } from './types.js';
 declare const FormContext: import("react").Context<Context>;
 declare const FormWatchContext: import("react").Context<Context>;
@@ -6,6 +7,7 @@ declare const ProcessingContext: import("react").Context<boolean>;
 declare const ModifiedContext: import("react").Context<boolean>;
 declare const InitializingContext: import("react").Context<boolean>;
 declare const FormFieldsContext: import("use-context-selector").Context<FormFieldsContextType>;
+export type RenderedFieldSlots = Map<string, RenderedField>;
 /**
  * Get the state of the form, can be used to submit & validate the form.
  *

package/dist/forms/Form/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/context.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAErF,QAAA,MAAM,WAAW,kCAA+B,CAAA;AAChD,QAAA,MAAM,gBAAgB,kCAA+B,CAAA;AACrD,QAAA,MAAM,gBAAgB,kCAAuB,CAAA;AAC7C,QAAA,MAAM,iBAAiB,kCAAuB,CAAA;AAC9C,QAAA,MAAM,eAAe,kCAAuB,CAAA;AAC5C,QAAA,MAAM,mBAAmB,kCAAuB,CAAA;AAChD,QAAA,MAAM,iBAAiB,+DAAiE,CAAA;AAExF;;;;GAIG;AACH,QAAA,MAAM,OAAO,QAAO,OAAkC,CAAA;AACtD,QAAA,MAAM,YAAY,QAAO,OAAuC,CAAA;AAChE,QAAA,MAAM,gBAAgB,QAAO,OAAuC,CAAA;AACpE,QAAA,MAAM,iBAAiB,QAAO,OAAwC,CAAA;AACtE,QAAA,MAAM,eAAe,QAAO,OAAsC,CAAA;AAClE,QAAA,MAAM,mBAAmB,QAAO,OAA0C,CAAA;AAE1E;;;;GAIG;AACH,QAAA,MAAM,aAAa,GAAI,KAAK,sBAChB,CAAC,OAAO,EAAE,qBAAqB,KAAK,KAAK,KAClD,KAAwD,CAAA;AAE3D;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,QAAO,qBAA0D,CAAA;AAEvF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAS5C,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAErF,QAAA,MAAM,WAAW,kCAA+B,CAAA;AAChD,QAAA,MAAM,gBAAgB,kCAA+B,CAAA;AACrD,QAAA,MAAM,gBAAgB,kCAAuB,CAAA;AAC7C,QAAA,MAAM,iBAAiB,kCAAuB,CAAA;AAC9C,QAAA,MAAM,eAAe,kCAAuB,CAAA;AAC5C,QAAA,MAAM,mBAAmB,kCAAuB,CAAA;AAChD,QAAA,MAAM,iBAAiB,+DAAiE,CAAA;AAExF,MAAM,MAAM,kBAAkB,GAAG,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;AAE3D;;;;GAIG;AACH,QAAA,MAAM,OAAO,QAAO,OAAkC,CAAA;AACtD,QAAA,MAAM,YAAY,QAAO,OAAuC,CAAA;AAChE,QAAA,MAAM,gBAAgB,QAAO,OAAuC,CAAA;AACpE,QAAA,MAAM,iBAAiB,QAAO,OAAwC,CAAA;AACtE,QAAA,MAAM,eAAe,QAAO,OAAsC,CAAA;AAClE,QAAA,MAAM,mBAAmB,QAAO,OAA0C,CAAA;AAE1E;;;;GAIG;AACH,QAAA,MAAM,aAAa,GAAI,KAAK,sBAChB,CAAC,OAAO,EAAE,qBAAqB,KAAK,KAAK,KAClD,KAAwD,CAAA;AAE3D;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,QAAO,qBAA0D,CAAA;AAEvF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,CAAA"}

package/dist/forms/Form/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["createContext","useContext","createSelectorContext","useContextSelector","useFullContext","FormContext","FormWatchContext","SubmittedContext","ProcessingContext","ModifiedContext","InitializingContext","FormFieldsContext","useForm","useWatchForm","useFormSubmitted","useFormProcessing","useFormModified","useFormInitializing","useFormFields","selector","useAllFormFields"],"sources":["../../../src/forms/Form/context.ts"],"sourcesContent":["'use client'\nimport { createContext, useContext } from 'react'\nimport {\n  createContext as createSelectorContext,\n  useContextSelector,\n  useContext as useFullContext,\n} from 'use-context-selector'\n\nimport type { Context, FormFieldsContext as FormFieldsContextType } from './types.js'\n\nconst FormContext = createContext({} as Context)\nconst FormWatchContext = createContext({} as Context)\nconst SubmittedContext = createContext(false)\nconst ProcessingContext = createContext(false)\nconst ModifiedContext = createContext(false)\nconst InitializingContext = createContext(false)\nconst FormFieldsContext = createSelectorContext<FormFieldsContextType>([{}, () => null])\n\n/**\n * Get the state of the form, can be used to submit & validate the form.\n *\n * @see https://payloadcms.com/docs/admin/hooks#useform\n */\nconst useForm = (): Context => useContext(FormContext)\nconst useWatchForm = (): Context => useContext(FormWatchContext)\nconst useFormSubmitted = (): boolean => useContext(SubmittedContext)\nconst useFormProcessing = (): boolean => useContext(ProcessingContext)\nconst useFormModified = (): boolean => useContext(ModifiedContext)\nconst useFormInitializing = (): boolean => useContext(InitializingContext)\n\n/**\n * Get and set the value of a form field based on a selector\n *\n * @see https://payloadcms.com/docs/admin/hooks#useformfields\n */\nconst useFormFields = <Value = unknown>(\n  selector: (context: FormFieldsContextType) => Value,\n): Value => useContextSelector(FormFieldsContext, selector)\n\n/**\n * Get the state of all form fields.\n *\n * @see https://payloadcms.com/docs/admin/hooks#useallformfields\n */\nconst useAllFormFields = (): FormFieldsContextType => useFullContext(FormFieldsContext)\n\nexport {\n  FormContext,\n  FormFieldsContext,\n  FormWatchContext,\n  InitializingContext,\n  ModifiedContext,\n  ProcessingContext,\n  SubmittedContext,\n  useAllFormFields,\n  useForm,\n  useFormFields,\n  useFormInitializing,\n  useFormModified,\n  useFormProcessing,\n  useFormSubmitted,\n  useWatchForm,\n}\n"],"mappings":"AAAA;;AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ;AAC1C,SACED,aAAA,IAAiBE,qBAAqB,EACtCC,kBAAkB,EAClBF,UAAA,IAAcG,cAAc,QACvB;AAIP,MAAMC,WAAA,GAAcL,aAAA,CAAc,CAAC;AACnC,MAAMM,gBAAA,GAAmBN,aAAA,CAAc,CAAC;AACxC,MAAMO,gBAAA,GAAmBP,aAAA,CAAc;AACvC,MAAMQ,iBAAA,GAAoBR,aAAA,CAAc;AACxC,MAAMS,eAAA,GAAkBT,aAAA,CAAc;AACtC,MAAMU,mBAAA,GAAsBV,aAAA,CAAc;AAC1C,MAAMW,iBAAA,GAAoBT,qBAAA,CAA6C,CAAC,CAAC,GAAG,MAAM,KAAK;AAEvF;;;;;AAKA,MAAMU,OAAA,GAAUA,CAAA;EAAA,OAAeX,UAAA,CAAAI,WAAW;AAAA;AAC1C,MAAMQ,YAAA,GAAeA,CAAA;EAAA,OAAeZ,UAAA,CAAAK,gBAAW;AAAA;AAC/C,MAAMQ,gBAAA,GAAmBA,CAAA;EAAA,OAAeb,UAAA,CAAAM,gBAAW;AAAA;AACnD,MAAMQ,iBAAA,GAAoBA,CAAA;EAAA,OAAed,UAAA,CAAAO,iBAAW;AAAA;AACpD,MAAMQ,eAAA,GAAkBA,CAAA;EAAA,OAAef,UAAA,CAAAQ,eAAW;AAAA;AAClD,MAAMQ,mBAAA,GAAsBA,CAAA;EAAA,OAAehB,UAAA,CAAAS,mBAAW;AAAA;AAEtD;;;;;AAKA,MAAMQ,aAAA,GAAgBC,QAAA;EAAA,OAEVhB,kBAAA,CAAAQ,iBAAA,EAAsCQ,QAAA;AAAA;AAElD;;;;;AAKA,MAAMC,gBAAA,GAAmBA,CAAA;EAAA,OAA6BhB,cAAA,CAAAO,iBAAe;AAAA;AAErE,SACEN,WAAW,EACXM,iBAAiB,EACjBL,gBAAgB,EAChBI,mBAAmB,EACnBD,eAAe,EACfD,iBAAiB,EACjBD,gBAAgB,EAChBa,gBAAgB,EAChBR,OAAO,EACPM,aAAa,EACbD,mBAAmB,EACnBD,eAAe,EACfD,iBAAiB,EACjBD,gBAAgB,EAChBD,YAAY","ignoreList":[]}
+{"version":3,"file":"context.js","names":["createContext","useContext","createSelectorContext","useContextSelector","useFullContext","FormContext","FormWatchContext","SubmittedContext","ProcessingContext","ModifiedContext","InitializingContext","FormFieldsContext","useForm","useWatchForm","useFormSubmitted","useFormProcessing","useFormModified","useFormInitializing","useFormFields","selector","useAllFormFields"],"sources":["../../../src/forms/Form/context.ts"],"sourcesContent":["'use client'\nimport type { RenderedField } from 'payload'\n\nimport { createContext, useContext } from 'react'\nimport {\n  createContext as createSelectorContext,\n  useContextSelector,\n  useContext as useFullContext,\n} from 'use-context-selector'\n\nimport type { Context, FormFieldsContext as FormFieldsContextType } from './types.js'\n\nconst FormContext = createContext({} as Context)\nconst FormWatchContext = createContext({} as Context)\nconst SubmittedContext = createContext(false)\nconst ProcessingContext = createContext(false)\nconst ModifiedContext = createContext(false)\nconst InitializingContext = createContext(false)\nconst FormFieldsContext = createSelectorContext<FormFieldsContextType>([{}, () => null])\n\nexport type RenderedFieldSlots = Map<string, RenderedField>\n\n/**\n * Get the state of the form, can be used to submit & validate the form.\n *\n * @see https://payloadcms.com/docs/admin/hooks#useform\n */\nconst useForm = (): Context => useContext(FormContext)\nconst useWatchForm = (): Context => useContext(FormWatchContext)\nconst useFormSubmitted = (): boolean => useContext(SubmittedContext)\nconst useFormProcessing = (): boolean => useContext(ProcessingContext)\nconst useFormModified = (): boolean => useContext(ModifiedContext)\nconst useFormInitializing = (): boolean => useContext(InitializingContext)\n\n/**\n * Get and set the value of a form field based on a selector\n *\n * @see https://payloadcms.com/docs/admin/hooks#useformfields\n */\nconst useFormFields = <Value = unknown>(\n  selector: (context: FormFieldsContextType) => Value,\n): Value => useContextSelector(FormFieldsContext, selector)\n\n/**\n * Get the state of all form fields.\n *\n * @see https://payloadcms.com/docs/admin/hooks#useallformfields\n */\nconst useAllFormFields = (): FormFieldsContextType => useFullContext(FormFieldsContext)\n\nexport {\n  FormContext,\n  FormFieldsContext,\n  FormWatchContext,\n  InitializingContext,\n  ModifiedContext,\n  ProcessingContext,\n  SubmittedContext,\n  useAllFormFields,\n  useForm,\n  useFormFields,\n  useFormInitializing,\n  useFormModified,\n  useFormProcessing,\n  useFormSubmitted,\n  useWatchForm,\n}\n"],"mappings":"AAAA;;AAGA,SAASA,aAAa,EAAEC,UAAU,QAAQ;AAC1C,SACED,aAAA,IAAiBE,qBAAqB,EACtCC,kBAAkB,EAClBF,UAAA,IAAcG,cAAc,QACvB;AAIP,MAAMC,WAAA,GAAcL,aAAA,CAAc,CAAC;AACnC,MAAMM,gBAAA,GAAmBN,aAAA,CAAc,CAAC;AACxC,MAAMO,gBAAA,GAAmBP,aAAA,CAAc;AACvC,MAAMQ,iBAAA,GAAoBR,aAAA,CAAc;AACxC,MAAMS,eAAA,GAAkBT,aAAA,CAAc;AACtC,MAAMU,mBAAA,GAAsBV,aAAA,CAAc;AAC1C,MAAMW,iBAAA,GAAoBT,qBAAA,CAA6C,CAAC,CAAC,GAAG,MAAM,KAAK;AAIvF;;;;;AAKA,MAAMU,OAAA,GAAUA,CAAA;EAAA,OAAeX,UAAA,CAAAI,WAAW;AAAA;AAC1C,MAAMQ,YAAA,GAAeA,CAAA;EAAA,OAAeZ,UAAA,CAAAK,gBAAW;AAAA;AAC/C,MAAMQ,gBAAA,GAAmBA,CAAA;EAAA,OAAeb,UAAA,CAAAM,gBAAW;AAAA;AACnD,MAAMQ,iBAAA,GAAoBA,CAAA;EAAA,OAAed,UAAA,CAAAO,iBAAW;AAAA;AACpD,MAAMQ,eAAA,GAAkBA,CAAA;EAAA,OAAef,UAAA,CAAAQ,eAAW;AAAA;AAClD,MAAMQ,mBAAA,GAAsBA,CAAA;EAAA,OAAehB,UAAA,CAAAS,mBAAW;AAAA;AAEtD;;;;;AAKA,MAAMQ,aAAA,GAAgBC,QAAA;EAAA,OAEVhB,kBAAA,CAAAQ,iBAAA,EAAsCQ,QAAA;AAAA;AAElD;;;;;AAKA,MAAMC,gBAAA,GAAmBA,CAAA;EAAA,OAA6BhB,cAAA,CAAAO,iBAAe;AAAA;AAErE,SACEN,WAAW,EACXM,iBAAiB,EACjBL,gBAAgB,EAChBI,mBAAmB,EACnBD,eAAe,EACfD,iBAAiB,EACjBD,gBAAgB,EAChBa,gBAAgB,EAChBR,OAAO,EACPM,aAAa,EACbD,mBAAmB,EACnBD,eAAe,EACfD,iBAAiB,EACjBD,gBAAgB,EAChBD,YAAY","ignoreList":[]}

package/dist/forms/Form/fieldReducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldReducer.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/fieldReducer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,SAAS,EAAO,MAAM,SAAS,CAAA;AAMxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAO7C;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,GAAG,SAAS,CAwU7E"}
+{"version":3,"file":"fieldReducer.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/fieldReducer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,SAAS,EAAO,MAAM,SAAS,CAAA;AAMxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAO7C;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,GAAG,SAAS,CAqW7E"}

package/dist/forms/Form/fieldReducer.js

@@ -2,7 +2,7 @@
 
 import ObjectIdImport from 'bson-objectid';
 import { dequal } from 'dequal/lite'; // lite: no need for Map and Set support
-import { deepCopyObject, deepCopyObjectSimple } from 'payload/shared';
+import { deepCopyObjectSimple, deepCopyObjectSimpleWithoutReactComponents } from 'payload/shared';
 import { flattenRows, separateRows } from './rows.js';
 const ObjectId = ObjectIdImport.default || ObjectIdImport;
 /**
@@ -50,21 +50,21 @@ export function fieldReducer(state, action) {
         };
         const errorPaths = [];
         action.errors.forEach(({
-          field,
-          message
+          message,
+          path: fieldPath
         }) => {
-          newState[field] = {
-            ...(newState[field] || {
+          newState[fieldPath] = {
+            ...(newState[fieldPath] || {
               initialValue: null,
               value: null
             }),
             errorMessage: message,
             valid: false
           };
-          const segments = field.split('.');
+          const segments = fieldPath.split('.');
           if (segments.length > 1) {
             errorPaths.push({
-              fieldErrorPath: field,
+              fieldErrorPath: fieldPath,
               parentPath: segments.slice(0, segments.length - 1).join('.')
             });
           }
@@ -119,6 +119,16 @@ export function fieldReducer(state, action) {
         };
         return newState;
       }
+    case 'UPDATE_MANY':
+      {
+        const newState = {
+          ...state
+        };
+        Object.entries(action.formState).forEach(([path, field]) => {
+          newState[path] = field;
+        });
+        return newState;
+      }
     case 'REMOVE_ROW':
       {
         const {
@@ -137,6 +147,7 @@ export function fieldReducer(state, action) {
           [path]: {
             ...state[path],
             disableFormData: rows.length > 0,
+            requiresRender: true,
             rows: rowsMetadata,
             value: rows.length
           },
@@ -176,9 +187,17 @@ export function fieldReducer(state, action) {
         const newState = {
           ...remainingFields,
           ...flattenRows(path, siblingRows),
+          [`${path}.${rowIndex}.id`]: {
+            initialValue: newRow.id,
+            passesCondition: true,
+            requiresRender: true,
+            valid: true,
+            value: newRow.id
+          },
           [path]: {
             ...state[path],
             disableFormData: true,
+            requiresRender: true,
             rows: withNewRow,
             value: siblingRows.length
           }
@@ -240,11 +259,18 @@ export function fieldReducer(state, action) {
         if (duplicateRowMetadata.id) {
           duplicateRowMetadata.id = new ObjectId().toHexString();
         }
-        const duplicateRowState = deepCopyObject(rows[rowIndex]);
+        const duplicateRowState = deepCopyObjectSimpleWithoutReactComponents(rows[rowIndex]);
         if (duplicateRowState.id) {
           duplicateRowState.id.value = new ObjectId().toHexString();
           duplicateRowState.id.initialValue = new ObjectId().toHexString();
         }
+        for (const key of Object.keys(duplicateRowState).filter(key => key.endsWith('.id'))) {
+          const idState = duplicateRowState[key];
+          if (idState && typeof idState.value === 'string' && ObjectId.isValid(idState.value)) {
+            duplicateRowState[key].value = new ObjectId().toHexString();
+            duplicateRowState[key].initialValue = new ObjectId().toHexString();
+          }
+        }
         // If there are subfields
         if (Object.keys(duplicateRowState).length > 0) {
           // Add new object containing subfield names to unflattenedRows array
@@ -257,6 +283,7 @@ export function fieldReducer(state, action) {
           [path]: {
             ...state[path],
             disableFormData: true,
+            requiresRender: true,
             rows: rowsMetadata,
             value: rows.length
           }