@payloadcms/ui 3.0.0-beta.126 → 3.0.0-beta.128

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":"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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/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,CAiV7E"}
+{"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;
 /**
@@ -10,37 +10,53 @@ const ObjectId = ObjectIdImport.default || ObjectIdImport;
  */
 export function fieldReducer(state, action) {
   switch (action.type) {
-    case 'REPLACE_STATE':
+    case 'ADD_ROW':
       {
-        if (action.optimize !== false) {
-          // Only update fields that have changed
-          // by comparing old value / initialValue to new
-          // ..
-          // This is a performance enhancement for saving
-          // large documents with hundreds of fields
-          const newState = {};
-          Object.entries(action.state).forEach(([path, field]) => {
-            const oldField = state[path];
-            const newField = field;
-            if (!dequal(oldField, newField)) {
-              newState[path] = newField;
-            } else if (oldField) {
-              newState[path] = oldField;
-            }
-          });
-          return newState;
+        const {
+          blockType,
+          path,
+          rowIndex: rowIndexFromArgs,
+          subFieldState = {}
+        } = action;
+        const rowIndex = typeof rowIndexFromArgs === 'number' ? rowIndexFromArgs : state[path]?.rows?.length || 0;
+        const withNewRow = [...(state[path]?.rows || [])];
+        const newRow = {
+          id: subFieldState?.id?.value || new ObjectId().toHexString(),
+          blockType: blockType || undefined,
+          collapsed: false
+        };
+        withNewRow.splice(rowIndex, 0, newRow);
+        if (blockType) {
+          subFieldState.blockType = {
+            initialValue: blockType,
+            valid: true,
+            value: blockType
+          };
         }
-        // If we're not optimizing, just set the state to the new state
-        return action.state;
-      }
-    case 'REMOVE':
-      {
+        // add new row to array _field state_
+        const {
+          remainingFields,
+          rows: siblingRows
+        } = separateRows(path, state);
+        siblingRows.splice(rowIndex, 0, subFieldState);
         const newState = {
-          ...state
+          ...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
+          }
         };
-        if (newState[action.path]) {
-          delete newState[action.path];
-        }
         return newState;
       }
     case 'ADD_SERVER_ERRORS':
@@ -50,21 +66,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('.')
             });
           }
@@ -102,86 +118,119 @@ export function fieldReducer(state, action) {
         }, {});
         return newState;
       }
-    case 'UPDATE':
+    case 'DUPLICATE_ROW':
       {
-        const newField = Object.entries(action).reduce((field, [key, value]) => {
-          if (['disableFormData', 'errorMessage', 'initialValue', 'rows', 'valid', 'validate', 'value'].includes(key)) {
-            return {
-              ...field,
-              [key]: value
-            };
+        const {
+          path,
+          rowIndex
+        } = action;
+        const {
+          remainingFields,
+          rows
+        } = separateRows(path, state);
+        const rowsMetadata = [...(state[path].rows || [])];
+        const duplicateRowMetadata = deepCopyObjectSimple(rowsMetadata[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();
           }
-          return field;
-        }, state[action.path] || {});
+        }
+        // If there are subfields
+        if (Object.keys(duplicateRowState).length > 0) {
+          // Add new object containing subfield names to unflattenedRows array
+          rows.splice(rowIndex + 1, 0, duplicateRowState);
+          rowsMetadata.splice(rowIndex + 1, 0, duplicateRowMetadata);
+        }
         const newState = {
-          ...state,
-          [action.path]: newField
+          ...remainingFields,
+          ...flattenRows(path, rows),
+          [path]: {
+            ...state[path],
+            disableFormData: true,
+            requiresRender: true,
+            rows: rowsMetadata,
+            value: rows.length
+          }
         };
         return newState;
       }
-    case 'REMOVE_ROW':
+    case 'MOVE_ROW':
       {
         const {
-          path,
-          rowIndex
+          moveFromIndex,
+          moveToIndex,
+          path
         } = action;
         const {
           remainingFields,
           rows
         } = separateRows(path, state);
-        const rowsMetadata = [...(state[path]?.rows || [])];
-        rows.splice(rowIndex, 1);
-        rowsMetadata.splice(rowIndex, 1);
+        // copy the row to move
+        const copyOfMovingRow = rows[moveFromIndex];
+        // delete the row by index
+        rows.splice(moveFromIndex, 1);
+        // insert row copyOfMovingRow back in
+        rows.splice(moveToIndex, 0, copyOfMovingRow);
+        // modify array/block internal row state (i.e. collapsed, blockType)
+        const rowStateCopy = [...(state[path]?.rows || [])];
+        const movingRowState = {
+          ...rowStateCopy[moveFromIndex]
+        };
+        rowStateCopy.splice(moveFromIndex, 1);
+        rowStateCopy.splice(moveToIndex, 0, movingRowState);
         const newState = {
           ...remainingFields,
+          ...flattenRows(path, rows),
           [path]: {
             ...state[path],
-            disableFormData: rows.length > 0,
-            rows: rowsMetadata,
-            value: rows.length
-          },
-          ...flattenRows(path, rows)
+            rows: rowStateCopy
+          }
         };
         return newState;
       }
-    case 'ADD_ROW':
+    case 'REMOVE':
+      {
+        const newState = {
+          ...state
+        };
+        if (newState[action.path]) {
+          delete newState[action.path];
+        }
+        return newState;
+      }
+    case 'REMOVE_ROW':
       {
         const {
-          blockType,
           path,
-          rowIndex: rowIndexFromArgs,
-          subFieldState = {}
+          rowIndex
         } = action;
-        const rowIndex = typeof rowIndexFromArgs === 'number' ? rowIndexFromArgs : state[path]?.rows?.length || 0;
-        const withNewRow = [...(state[path]?.rows || [])];
-        const newRow = {
-          id: subFieldState?.id?.value || new ObjectId().toHexString(),
-          blockType: blockType || undefined,
-          collapsed: false
-        };
-        withNewRow.splice(rowIndex, 0, newRow);
-        if (blockType) {
-          subFieldState.blockType = {
-            initialValue: blockType,
-            valid: true,
-            value: blockType
-          };
-        }
-        // add new row to array _field state_
         const {
           remainingFields,
-          rows: siblingRows
+          rows
         } = separateRows(path, state);
-        siblingRows.splice(rowIndex, 0, subFieldState);
+        const rowsMetadata = [...(state[path]?.rows || [])];
+        rows.splice(rowIndex, 1);
+        rowsMetadata.splice(rowIndex, 1);
         const newState = {
           ...remainingFields,
-          ...flattenRows(path, siblingRows),
           [path]: {
             ...state[path],
-            disableFormData: true,
-            rows: withNewRow,
-            value: siblingRows.length
-          }
+            disableFormData: rows.length > 0,
+            requiresRender: true,
+            rows: rowsMetadata,
+            value: rows.length
+          },
+          ...flattenRows(path, rows)
         };
         return newState;
       }
@@ -225,84 +274,42 @@ export function fieldReducer(state, action) {
         };
         return newState;
       }
-    case 'DUPLICATE_ROW':
+    case 'REPLACE_STATE':
       {
-        const {
-          path,
-          rowIndex
-        } = action;
-        const {
-          remainingFields,
-          rows
-        } = 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 (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
-          rows.splice(rowIndex + 1, 0, duplicateRowState);
-          rowsMetadata.splice(rowIndex + 1, 0, duplicateRowMetadata);
+        if (action.optimize !== false) {
+          // Only update fields that have changed
+          // by comparing old value / initialValue to new
+          // ..
+          // This is a performance enhancement for saving
+          // large documents with hundreds of fields
+          const newState = {};
+          Object.entries(action.state).forEach(([path, field]) => {
+            const oldField = state[path];
+            const newField = field;
+            if (!dequal(oldField, newField)) {
+              newState[path] = newField;
+            } else if (oldField) {
+              newState[path] = oldField;
+            }
+          });
+          return newState;
         }
-        const newState = {
-          ...remainingFields,
-          ...flattenRows(path, rows),
-          [path]: {
-            ...state[path],
-            disableFormData: true,
-            rows: rowsMetadata,
-            value: rows.length
-          }
-        };
-        return newState;
+        // If we're not optimizing, just set the state to the new state
+        return action.state;
       }
-    case 'MOVE_ROW':
+    case 'SET_ALL_ROWS_COLLAPSED':
       {
         const {
-          moveFromIndex,
-          moveToIndex,
-          path
+          path,
+          updatedRows
         } = action;
-        const {
-          remainingFields,
-          rows
-        } = separateRows(path, state);
-        // copy the row to move
-        const copyOfMovingRow = rows[moveFromIndex];
-        // delete the row by index
-        rows.splice(moveFromIndex, 1);
-        // insert row copyOfMovingRow back in
-        rows.splice(moveToIndex, 0, copyOfMovingRow);
-        // modify array/block internal row state (i.e. collapsed, blockType)
-        const rowStateCopy = [...(state[path]?.rows || [])];
-        const movingRowState = {
-          ...rowStateCopy[moveFromIndex]
-        };
-        rowStateCopy.splice(moveFromIndex, 1);
-        rowStateCopy.splice(moveToIndex, 0, movingRowState);
-        const newState = {
-          ...remainingFields,
-          ...flattenRows(path, rows),
+        return {
+          ...state,
           [path]: {
             ...state[path],
-            rows: rowStateCopy
+            rows: updatedRows
           }
         };
-        return newState;
       }
     case 'SET_ROW_COLLAPSED':
       {
@@ -319,19 +326,32 @@ export function fieldReducer(state, action) {
         };
         return newState;
       }
-    case 'SET_ALL_ROWS_COLLAPSED':
+    case 'UPDATE':
       {
-        const {
-          path,
-          updatedRows
-        } = action;
-        return {
-          ...state,
-          [path]: {
-            ...state[path],
-            rows: updatedRows
+        const newField = Object.entries(action).reduce((field, [key, value]) => {
+          if (['disableFormData', 'errorMessage', 'initialValue', 'rows', 'valid', 'validate', 'value'].includes(key)) {
+            return {
+              ...field,
+              [key]: value
+            };
           }
+          return field;
+        }, state[action.path] || {});
+        const newState = {
+          ...state,
+          [action.path]: newField
         };
+        return newState;
+      }
+    case 'UPDATE_MANY':
+      {
+        const newState = {
+          ...state
+        };
+        Object.entries(action.formState).forEach(([path, field]) => {
+          newState[path] = field;
+        });
+        return newState;
       }
     default:
       {