@payloadcms/ui 3.0.0-canary.b8dd0db → 3.0.0-canary.bb00d64

package/dist/fields/Upload/index.js

@@ -2,27 +2,29 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useCallback, useMemo } from 'react';
-import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
+import React from 'react';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
-import { useAuth } from '../../providers/Auth/index.js';
-import { UploadComponentHasMany } from './HasMany/index.js';
-import { UploadInputHasOne } from './HasOne/Input.js';
-import { UploadComponentHasOne } from './HasOne/index.js';
-export { UploadInputHasOne as UploadInput };
+import { useConfig } from '../../providers/Config/index.js';
+import './index.scss';
+import { UploadInput } from './Input.js';
+export { UploadInput } from './Input.js';
 export const baseClass = 'upload';
-const UploadComponent = props => {
-  const $ = _c(22);
+export function UploadComponent(props) {
+  const $ = _c(36);
   const {
     field: t0,
-    readOnly: readOnlyFromTopLevelProps,
+    path: pathFromProps,
+    readOnly,
     validate
   } = props;
   const {
-    _path: pathFromProps,
+    name,
     admin: t1,
     hasMany,
+    label,
+    localized,
+    maxRows,
     relationTo,
     required
   } = t0;
@@ -35,12 +37,17 @@ const UploadComponent = props => {
     t2 = $[1];
   }
   const {
-    readOnly: readOnlyFromAdmin
+    allowCreate,
+    className,
+    description,
+    isSortable,
+    style,
+    width
   } = t2;
-  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
+  const path = pathFromProps ?? name;
   const {
-    permissions
-  } = useAuth();
+    config
+  } = useConfig();
   let t3;
   if ($[2] !== validate || $[3] !== required) {
     t3 = (value, options) => {
@@ -58,93 +65,100 @@ const UploadComponent = props => {
     t3 = $[4];
   }
   const memoizedValidate = t3;
-  const {
-    path: pathFromContext,
-    readOnly: readOnlyFromContext
-  } = useFieldProps();
   let t4;
-  bb0: {
-    if (typeof relationTo === "string") {
-      if (permissions?.collections && permissions.collections?.[relationTo]?.create) {
-        if (permissions.collections[relationTo].create?.permission === true) {
-          t4 = true;
-          break bb0;
-        }
-      }
-    }
-    t4 = false;
-  }
-  const canCreate = t4;
-  const t5 = pathFromContext ?? pathFromProps;
-  let t6;
-  if ($[5] !== t5 || $[6] !== memoizedValidate) {
-    t6 = {
-      path: t5,
+  if ($[5] !== path || $[6] !== memoizedValidate) {
+    t4 = {
+      path,
       validate: memoizedValidate
     };
-    $[5] = t5;
+    $[5] = path;
     $[6] = memoizedValidate;
-    $[7] = t6;
+    $[7] = t4;
   } else {
-    t6 = $[7];
+    t4 = $[7];
   }
-  const fieldHookResult = useField(t6);
-  let t7;
-  t7 = fieldHookResult.setValue;
-  const setValue = t7;
-  const disabled = readOnlyFromProps || readOnlyFromContext || fieldHookResult.formProcessing || fieldHookResult.formInitializing;
-  let t8;
-  if ($[8] !== setValue) {
-    t8 = incomingValue => {
-      const incomingID = incomingValue?.id || incomingValue;
-      setValue(incomingID);
-    };
-    $[8] = setValue;
-    $[9] = t8;
+  const {
+    customComponents: t5,
+    filterOptions,
+    setValue,
+    showError,
+    value: value_0
+  } = useField(t4);
+  let t6;
+  if ($[8] !== t5) {
+    t6 = t5 === undefined ? {} : t5;
+    $[8] = t5;
+    $[9] = t6;
   } else {
-    t8 = $[9];
-  }
-  const onChange = t8;
-  if (hasMany) {
-    let t9;
-    if ($[10] !== props || $[11] !== canCreate || $[12] !== disabled || $[13] !== fieldHookResult || $[14] !== onChange) {
-      t9 = _jsx(UploadComponentHasMany, {
-        ...props,
-        canCreate,
-        disabled,
-        fieldHookResult,
-        onChange
-      });
-      $[10] = props;
-      $[11] = canCreate;
-      $[12] = disabled;
-      $[13] = fieldHookResult;
-      $[14] = onChange;
-      $[15] = t9;
-    } else {
-      t9 = $[15];
-    }
-    return t9;
+    t6 = $[9];
   }
-  let t9;
-  if ($[16] !== props || $[17] !== canCreate || $[18] !== disabled || $[19] !== fieldHookResult || $[20] !== onChange) {
-    t9 = _jsx(UploadComponentHasOne, {
-      ...props,
-      canCreate,
-      disabled,
-      fieldHookResult,
-      onChange
+  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,
+      description,
+      Error,
+      filterOptions,
+      hasMany,
+      isSortable,
+      label,
+      Label,
+      localized,
+      maxRows,
+      onChange: setValue,
+      path,
+      readOnly,
+      relationTo,
+      required,
+      serverURL: config.serverURL,
+      showError,
+      style,
+      value: value_0,
+      width
     });
-    $[16] = props;
-    $[17] = canCreate;
-    $[18] = disabled;
-    $[19] = fieldHookResult;
-    $[20] = onChange;
-    $[21] = 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 = $[21];
+    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","useCallback","useMemo","useFieldProps","useField","withCondition","useAuth","UploadComponentHasMany","UploadInputHasOne","UploadComponentHasOne","UploadInput","baseClass","UploadComponent","props","$","field","t0","readOnly","readOnlyFromTopLevelProps","validate","_path","pathFromProps","admin","t1","hasMany","relationTo","required","t2","undefined","readOnlyFromAdmin","readOnlyFromProps","permissions","t3","value","options","memoizedValidate","path","pathFromContext","readOnlyFromContext","t4","bb0","collections","create","permission","canCreate","t5","t6","fieldHookResult","t7","setValue","disabled","formProcessing","formInitializing","t8","incomingValue","incomingID","id","onChange","t9","_jsx","UploadField"],"sources":["../../../src/fields/Upload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UploadFieldProps } from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { UploadInputProps } from './HasOne/Input.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { UploadComponentHasMany } from './HasMany/index.js'\nimport { UploadInputHasOne } from './HasOne/Input.js'\nimport { UploadComponentHasOne } from './HasOne/index.js'\n\nexport { UploadFieldProps, UploadInputHasOne as UploadInput }\nexport type { UploadInputProps }\n\nexport const baseClass = 'upload'\n\nconst UploadComponent: React.FC<UploadFieldProps> = (props) => {\n  const {\n    field: {\n      _path: pathFromProps,\n      admin: { readOnly: readOnlyFromAdmin } = {},\n      hasMany,\n      relationTo,\n      required,\n    },\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const { permissions } = useAuth()\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  // Checks if the user has permissions to create a new document in the related collection\n  const canCreate = useMemo(() => {\n    if (typeof relationTo === 'string') {\n      if (permissions?.collections && permissions.collections?.[relationTo]?.create) {\n        if (permissions.collections[relationTo].create?.permission === true) {\n          return true\n        }\n      }\n    }\n\n    return false\n  }, [relationTo, permissions])\n\n  const fieldHookResult = useField<string | string[]>({\n    path: pathFromContext ?? pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const setValue = useMemo(() => fieldHookResult.setValue, [fieldHookResult])\n\n  const disabled =\n    readOnlyFromProps ||\n    readOnlyFromContext ||\n    fieldHookResult.formProcessing ||\n    fieldHookResult.formInitializing\n\n  const onChange = useCallback(\n    (incomingValue) => {\n      const incomingID = incomingValue?.id || incomingValue\n      setValue(incomingID)\n    },\n    [setValue],\n  )\n\n  if (hasMany) {\n    return (\n      <UploadComponentHasMany\n        {...props}\n        canCreate={canCreate}\n        disabled={disabled}\n        // Note: the below TS error is thrown bc the field hook return result varies based on `hasMany`\n        // @ts-expect-error\n        fieldHookResult={fieldHookResult}\n        onChange={onChange}\n      />\n    )\n  }\n\n  return (\n    <UploadComponentHasOne\n      {...props}\n      canCreate={canCreate}\n      disabled={disabled}\n      // Note: the below TS error is thrown bc the field hook return result varies based on `hasMany`\n      // @ts-expect-error\n      fieldHookResult={fieldHookResult}\n      onChange={onChange}\n    />\n  )\n}\n\nexport const UploadField = withCondition(UploadComponent)\n"],"mappings":"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","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

@@ -0,0 +1,64 @@
+@import '../../scss/styles.scss';
+
+@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__buttons {
+      display: flex;
+      gap: calc(var(--base) / 2);
+      position: relative;
+      left: -2px;
+
+      .btn .btn__content {
+        gap: calc(var(--base) / 5);
+      }
+
+      .btn__label {
+        font-weight: 100;
+      }
+    }
+
+    &__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);
+    }
+
+    &__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);
+    }
+
+    @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;AA2B9B,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,oBAyB7B,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,8 +9,12 @@ 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';
 import { JSONField } from './JSON/index.js';
 import { NumberField } from './Number/index.js';
 import { PasswordField } from './Password/index.js';
@@ -36,6 +41,7 @@ export const fieldComponents = {
   email: EmailField,
   group: GroupField,
   hidden: HiddenField,
+  join: JoinField,
   json: JSONField,
   number: NumberField,
   password: PasswordField,
@@ -51,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","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","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 { 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  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,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,EAAOzB,UAAA;EACP0B,MAAA,EAAQzB,WAAA;EACR0B,QAAA,EAAUzB,aAAA;EACV0B,IAAA,EAAMzB,SAAA;EACN0B,WAAA,EAAazB,gBAAA;EACb0B,eAAA,EAAiBzB,oBAAA;EACjB0B,IAAA,EAAMzB,aAAA;EACN0B,KAAA,EAAOzB,UAAA;EACP0B,KAAA,EAAOzB,UAAA;EACP0B,MAAA,EAAQzB,WAAA;EACR0B,IAAA,EAAMzB,SAAA;EACN0B,MAAA,EAAQzB,WAAA;EACR0B,QAAA,EAAUzB,aAAA;EACV0B,KAAA,EAAOzB,UAAA;EACP0B,KAAA,EAAOzB,eAAA;EACP0B,YAAA,EAAczB,iBAAA;EACd0B,QAAA,EAAUzB,aAAA;EACV0B,GAAA,EAAKzB,QAAA;EACL0B,MAAA,EAAQzB,WAAA;EACR0B,IAAA,EAAMzB,SAAA;EACN0B,IAAA,EAAMzB,SAAA;EACN0B,QAAA,EAAUzB,aAAA;EACV0B,EAAA,EAAIzB,OAAA;EACJ0B,MAAA,EAAQzB;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,CAoU7E"}
+{"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;
 /**
@@ -38,7 +38,9 @@ export function fieldReducer(state, action) {
         const newState = {
           ...state
         };
-        if (newState[action.path]) delete newState[action.path];
+        if (newState[action.path]) {
+          delete newState[action.path];
+        }
         return newState;
       }
     case 'ADD_SERVER_ERRORS':
@@ -48,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('.')
             });
           }
@@ -117,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 {
@@ -135,6 +147,7 @@ export function fieldReducer(state, action) {
           [path]: {
             ...state[path],
             disableFormData: rows.length > 0,
+            requiresRender: true,
             rows: rowsMetadata,
             value: rows.length
           },
@@ -174,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
           }
@@ -235,12 +256,21 @@ export function fieldReducer(state, action) {
         } = separateRows(path, state);
         const rowsMetadata = [...(state[path].rows || [])];
         const duplicateRowMetadata = deepCopyObjectSimple(rowsMetadata[rowIndex]);
-        if (duplicateRowMetadata.id) duplicateRowMetadata.id = new ObjectId().toHexString();
-        const duplicateRowState = deepCopyObject(rows[rowIndex]);
+        if (duplicateRowMetadata.id) {
+          duplicateRowMetadata.id = new ObjectId().toHexString();
+        }
+        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
@@ -253,6 +283,7 @@ export function fieldReducer(state, action) {
           [path]: {
             ...state[path],
             disableFormData: true,
+            requiresRender: true,
             rows: rowsMetadata,
             value: rows.length
           }