@payloadcms/ui 3.0.0-beta.129 → 3.0.0-beta.130

package/dist/fields/index.js.map

@@ -1 +1 @@
-{"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":[]}
+{"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 type { ConfirmPasswordFieldProps } from './ConfirmPassword/index.js'\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 'hidden' | 'password' | FieldTypes]: React.FC<ClientFieldBase>\n} & {\n  confirmPassword: React.FC<ConfirmPasswordFieldProps>\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;;AAYA,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;AAQd,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/NullifyField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/NullifyField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,EAAE,GAAG,IAAI,GAAG,MAAM,CAAA;IACxC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsDhE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/NullifyField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,EAAE,GAAG,IAAI,GAAG,MAAM,CAAA;IACxC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmDhE,CAAA"}

package/dist/forms/NullifyField/index.js

@@ -57,9 +57,6 @@ export const NullifyLocaleField = t0 => {
           label: t("general:fallbackToDefaultLocale")
         },
         id: `field-${path.replace(/\./g, "__")}`,
-        indexPath: "",
-        parentPath: "",
-        parentSchemaPath: "",
         path,
         schemaPath: ""
       })

package/dist/forms/NullifyField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Banner","CheckboxField","useConfig","useLocale","useTranslation","NullifyLocaleField","t0","$","fieldValue","localized","path","code","currentLocale","config","t1","localization","checked","setChecked","useState","defaultLocale","t","fallback","hideCheckbox","Array","isArray","length","t2","_jsx","children","field","name","label","id","replace","indexPath","parentPath","parentSchemaPath","schemaPath"],"sources":["../../../src/forms/NullifyField/index.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\ntype NullifyLocaleFieldProps = {\n  readonly fieldValue?: [] | null | number\n  readonly localized: boolean\n  readonly path: string\n}\n\nexport const NullifyLocaleField: React.FC<NullifyLocaleFieldProps> = ({\n  fieldValue,\n  localized,\n  path,\n}) => {\n  const { code: currentLocale } = useLocale()\n  const {\n    config: { localization },\n  } = useConfig()\n  const [checked, setChecked] = React.useState<boolean>(typeof fieldValue !== 'number')\n  const defaultLocale =\n    localization && localization.defaultLocale ? localization.defaultLocale : 'en'\n  const { t } = useTranslation()\n\n  if (!localized || currentLocale === defaultLocale || (localization && !localization.fallback)) {\n    // hide when field is not localized or editing default locale or when fallback is disabled\n    return null\n  }\n\n  if (fieldValue) {\n    let hideCheckbox = false\n    if (typeof fieldValue === 'number' && fieldValue > 0) {\n      hideCheckbox = true\n    }\n    if (Array.isArray(fieldValue) && fieldValue.length > 0) {\n      hideCheckbox = true\n    }\n\n    if (hideCheckbox) {\n      if (checked) {\n        setChecked(false)\n      } // uncheck when field has value\n      return null\n    }\n  }\n\n  return (\n    <Banner>\n      <CheckboxField\n        checked={checked}\n        field={{\n          name: '',\n          label: t('general:fallbackToDefaultLocale'),\n        }}\n        id={`field-${path.replace(/\\./g, '__')}`}\n        indexPath=\"\"\n        parentPath=\"\"\n        parentSchemaPath=\"\"\n        path={path}\n        schemaPath=\"\"\n        // onToggle={onChange}\n      />\n    </Banner>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,YAAYC,KAAA,MAAW;AAEvB,SAASC,MAAM,QAAQ;AACvB,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAQ/B,OAAO,MAAMC,kBAAA,GAAwDC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,UAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAJ,EAIrE;EACC;IAAAK,IAAA,EAAAC;EAAA,IAAgCT,SAAA;EAChC;IAAAU,MAAA,EAAAC;EAAA,IAEIZ,SAAA;EADM;IAAAa;EAAA,IAAAD,EAAgB;EAE1B,OAAAE,OAAA,EAAAC,UAAA,IAA8BlB,KAAA,CAAAmB,QAAA,CAAwB,OAAOV,UAAA,KAAe;EAC5E,MAAAW,aAAA,GACEJ,YAAA,IAAgBA,YAAA,CAAAI,aAA0B,GAAGJ,YAAA,CAAAI,aAAA,GAA6B;EAC5E;IAAAC;EAAA,IAAchB,cAAA;EAAA,IAEV,CAACK,SAAA,IAAaG,aAAA,KAAkBO,aAAA,IAAkBJ,YAAA,KAAiBA,YAAA,CAAAM,QAAqB;IAAA;EAAA;EAAA,IAKxFb,UAAA;IACF,IAAAc,YAAA;IAAmB,IACf,OAAOd,UAAA,KAAe,YAAYA,UAAA,IAAa;MACjDc,YAAA,CAAAA,CAAA,CAAAA,IAAA;IAAA;IAAA,IAEEC,KAAA,CAAAC,OAAA,CAAchB,UAAA,KAAeA,UAAA,CAAAiB,MAAA,IAAoB;MACnDH,YAAA,CAAAA,CAAA,CAAAA,IAAA;IAAA;IAAA,IAGEA,YAAA;MAAA,IACEN,OAAA;QACFC,UAAA,MAAW;MAAA;MAAA;IAAA;EAAA;EAAA,IAAAS,EAAA;EAAA,IAAAnB,CAAA,QAAAa,CAAA,IAAAb,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAS,OAAA;IAOfU,EAAA,GAAAC,IAAA,CAAA3B,MAAA;MAAA4B,QAAA,EACED,IAAA,CAAA1B,aAAA;QAAAe,OAAA;QAAAa,KAAA;UAAAC,IAAA,EAGU;UAAAC,KAAA,EACCX,CAAA,CAAE;QAAA;QAAAY,EAAA,EAEP,SAAStB,IAAA,CAAAuB,OAAA,QAAoB,OAAO;QAAAC,SAAA,EAC9B;QAAAC,UAAA,EACC;QAAAC,gBAAA,EACM;QAAA1B,IAAA;QAAA2B,UAAA,EAEN;MAAA,C;;;;;;;;;SAZfX,E;CAiBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Banner","CheckboxField","useConfig","useLocale","useTranslation","NullifyLocaleField","t0","$","fieldValue","localized","path","code","currentLocale","config","t1","localization","checked","setChecked","useState","defaultLocale","t","fallback","hideCheckbox","Array","isArray","length","t2","_jsx","children","field","name","label","id","replace","schemaPath"],"sources":["../../../src/forms/NullifyField/index.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\ntype NullifyLocaleFieldProps = {\n  readonly fieldValue?: [] | null | number\n  readonly localized: boolean\n  readonly path: string\n}\n\nexport const NullifyLocaleField: React.FC<NullifyLocaleFieldProps> = ({\n  fieldValue,\n  localized,\n  path,\n}) => {\n  const { code: currentLocale } = useLocale()\n  const {\n    config: { localization },\n  } = useConfig()\n  const [checked, setChecked] = React.useState<boolean>(typeof fieldValue !== 'number')\n  const defaultLocale =\n    localization && localization.defaultLocale ? localization.defaultLocale : 'en'\n  const { t } = useTranslation()\n\n  if (!localized || currentLocale === defaultLocale || (localization && !localization.fallback)) {\n    // hide when field is not localized or editing default locale or when fallback is disabled\n    return null\n  }\n\n  if (fieldValue) {\n    let hideCheckbox = false\n    if (typeof fieldValue === 'number' && fieldValue > 0) {\n      hideCheckbox = true\n    }\n    if (Array.isArray(fieldValue) && fieldValue.length > 0) {\n      hideCheckbox = true\n    }\n\n    if (hideCheckbox) {\n      if (checked) {\n        setChecked(false)\n      } // uncheck when field has value\n      return null\n    }\n  }\n\n  return (\n    <Banner>\n      <CheckboxField\n        checked={checked}\n        field={{\n          name: '',\n          label: t('general:fallbackToDefaultLocale'),\n        }}\n        id={`field-${path.replace(/\\./g, '__')}`}\n        path={path}\n        schemaPath=\"\"\n        // onToggle={onChange}\n      />\n    </Banner>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,YAAYC,KAAA,MAAW;AAEvB,SAASC,MAAM,QAAQ;AACvB,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAQ/B,OAAO,MAAMC,kBAAA,GAAwDC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,UAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAJ,EAIrE;EACC;IAAAK,IAAA,EAAAC;EAAA,IAAgCT,SAAA;EAChC;IAAAU,MAAA,EAAAC;EAAA,IAEIZ,SAAA;EADM;IAAAa;EAAA,IAAAD,EAAgB;EAE1B,OAAAE,OAAA,EAAAC,UAAA,IAA8BlB,KAAA,CAAAmB,QAAA,CAAwB,OAAOV,UAAA,KAAe;EAC5E,MAAAW,aAAA,GACEJ,YAAA,IAAgBA,YAAA,CAAAI,aAA0B,GAAGJ,YAAA,CAAAI,aAAA,GAA6B;EAC5E;IAAAC;EAAA,IAAchB,cAAA;EAAA,IAEV,CAACK,SAAA,IAAaG,aAAA,KAAkBO,aAAA,IAAkBJ,YAAA,KAAiBA,YAAA,CAAAM,QAAqB;IAAA;EAAA;EAAA,IAKxFb,UAAA;IACF,IAAAc,YAAA;IAAmB,IACf,OAAOd,UAAA,KAAe,YAAYA,UAAA,IAAa;MACjDc,YAAA,CAAAA,CAAA,CAAAA,IAAA;IAAA;IAAA,IAEEC,KAAA,CAAAC,OAAA,CAAchB,UAAA,KAAeA,UAAA,CAAAiB,MAAA,IAAoB;MACnDH,YAAA,CAAAA,CAAA,CAAAA,IAAA;IAAA;IAAA,IAGEA,YAAA;MAAA,IACEN,OAAA;QACFC,UAAA,MAAW;MAAA;MAAA;IAAA;EAAA;EAAA,IAAAS,EAAA;EAAA,IAAAnB,CAAA,QAAAa,CAAA,IAAAb,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAS,OAAA;IAOfU,EAAA,GAAAC,IAAA,CAAA3B,MAAA;MAAA4B,QAAA,EACED,IAAA,CAAA1B,aAAA;QAAAe,OAAA;QAAAa,KAAA;UAAAC,IAAA,EAGU;UAAAC,KAAA,EACCX,CAAA,CAAE;QAAA;QAAAY,EAAA,EAEP,SAAStB,IAAA,CAAAuB,OAAA,QAAoB,OAAO;QAAAvB,IAAA;QAAAwB,UAAA,EAE7B;MAAA,C;;;;;;;;;SATfR,E;CAcJ","ignoreList":[]}

package/dist/forms/RenderFields/RenderField.d.ts

@@ -1,9 +1,9 @@
-import type { ClientComponentProps, ClientField, FieldPermissions } from 'payload';
+import type { ClientComponentProps, ClientField, FieldPaths, FieldPermissions } from 'payload';
 import React from 'react';
 type RenderFieldProps = {
     clientFieldConfig: ClientField;
     permissions: FieldPermissions;
-} & Pick<ClientComponentProps, 'forceRender' | 'indexPath' | 'parentPath' | 'parentSchemaPath' | 'path' | 'readOnly' | 'schemaPath'>;
+} & FieldPaths & Pick<ClientComponentProps, 'forceRender' | 'readOnly' | 'schemaPath'>;
 export declare function RenderField({ clientFieldConfig, forceRender, indexPath, parentPath, parentSchemaPath, path, permissions, readOnly, schemaPath, }: RenderFieldProps): string | number | bigint | true | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>> | React.JSX.Element;
 export {};
 //# sourceMappingURL=RenderField.d.ts.map

package/dist/forms/RenderFields/RenderField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenderField.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/RenderField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAElF,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,KAAK,gBAAgB,GAAG;IACtB,iBAAiB,EAAE,WAAW,CAAA;IAC9B,WAAW,EAAE,gBAAgB,CAAA;CAC9B,GAAG,IAAI,CACN,oBAAoB,EAClB,aAAa,GACb,WAAW,GACX,YAAY,GACZ,kBAAkB,GAClB,MAAM,GACN,UAAU,GACV,YAAY,CACf,CAAA;AAED,wBAAgB,WAAW,CAAC,EAC1B,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,UAAU,GACX,EAAE,gBAAgB,0PAwDlB"}
+{"version":3,"file":"RenderField.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/RenderField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE9F,OAAO,KAAK,MAAM,OAAO,CAAA;AA2BzB,KAAK,gBAAgB,GAAG;IACtB,iBAAiB,EAAE,WAAW,CAAA;IAC9B,WAAW,EAAE,gBAAgB,CAAA;CAC9B,GAAG,UAAU,GACZ,IAAI,CAAC,oBAAoB,EAAE,aAAa,GAAG,UAAU,GAAG,YAAY,CAAC,CAAA;AAEvE,wBAAgB,WAAW,CAAC,EAC1B,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,UAAU,GACX,EAAE,gBAAgB,0PA4FlB"}

package/dist/forms/RenderFields/RenderField.js

@@ -5,13 +5,28 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { ArrayField } from '../../fields/Array/index.js';
 import { BlocksField } from '../../fields/Blocks/index.js';
+import { CheckboxField } from '../../fields/Checkbox/index.js';
+import { CodeField } from '../../fields/Code/index.js';
 import { CollapsibleField } from '../../fields/Collapsible/index.js';
+import { DateTimeField } from '../../fields/DateTime/index.js';
+import { EmailField } from '../../fields/Email/index.js';
 import { GroupField } from '../../fields/Group/index.js';
 import { HiddenField } from '../../fields/Hidden/index.js';
+import { JoinField } from '../../fields/Join/index.js';
+import { JSONField } from '../../fields/JSON/index.js';
+import { NumberField } from '../../fields/Number/index.js';
+import { PointField } from '../../fields/Point/index.js';
+import { RadioGroupField } from '../../fields/RadioGroup/index.js';
+import { RelationshipField } from '../../fields/Relationship/index.js';
+import { RichTextField } from '../../fields/RichText/index.js';
 import { RowField } from '../../fields/Row/index.js';
+import { SelectField } from '../../fields/Select/index.js';
 import { TabsField } from '../../fields/Tabs/index.js';
+import { TextField } from '../../fields/Text/index.js';
+import { TextareaField } from '../../fields/Textarea/index.js';
+import { UIField } from '../../fields/UI/index.js';
+import { UploadField } from '../../fields/Upload/index.js';
 import { useFormFields } from '../../forms/Form/index.js';
-import { useFieldComponents } from '../../providers/FieldComponents/index.js';
 export function RenderField(t0) {
   const $ = _c(13);
   const {
@@ -25,7 +40,6 @@ export function RenderField(t0) {
     readOnly,
     schemaPath
   } = t0;
-  const fieldComponents = useFieldComponents();
   let t1;
   if ($[0] !== path) {
     t1 = t2 => {
@@ -42,104 +56,244 @@ export function RenderField(t0) {
     return Field || null;
   }
   let t2;
-  if ($[2] !== forceRender || $[3] !== indexPath || $[4] !== parentPath || $[5] !== parentSchemaPath || $[6] !== path || $[7] !== readOnly || $[8] !== schemaPath || $[9] !== clientFieldConfig || $[10] !== fieldComponents || $[11] !== permissions) {
+  if ($[2] !== forceRender || $[3] !== readOnly || $[4] !== schemaPath || $[5] !== indexPath || $[6] !== parentPath || $[7] !== parentSchemaPath || $[8] !== permissions || $[9] !== clientFieldConfig || $[10] !== path) {
     t2 = Symbol.for("react.early_return_sentinel");
     bb0: {
-      const sharedProps = {
+      const baseFieldProps = {
         forceRender,
+        readOnly,
+        schemaPath
+      };
+      const iterableFieldProps = {
+        ...baseFieldProps,
         indexPath,
         parentPath,
         parentSchemaPath,
-        path,
-        readOnly,
-        schemaPath
+        permissions
       };
       if (clientFieldConfig.admin?.hidden) {
         t2 = _jsx(HiddenField, {
+          ...baseFieldProps,
           field: clientFieldConfig,
-          ...sharedProps
+          path
         });
         break bb0;
       }
-      const DefaultField = fieldComponents?.[clientFieldConfig?.type];
       switch (clientFieldConfig.type) {
         case "array":
           {
             t2 = _jsx(ArrayField, {
-              ...sharedProps,
+              ...iterableFieldProps,
               field: clientFieldConfig,
-              permissions
+              path
             });
             break bb0;
           }
         case "blocks":
           {
             t2 = _jsx(BlocksField, {
-              ...sharedProps,
+              ...iterableFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "checkbox":
+          {
+            t2 = _jsx(CheckboxField, {
+              ...baseFieldProps,
               field: clientFieldConfig,
-              permissions
+              path
+            });
+            break bb0;
+          }
+        case "code":
+          {
+            t2 = _jsx(CodeField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
             });
             break bb0;
           }
         case "collapsible":
           {
             t2 = _jsx(CollapsibleField, {
-              ...sharedProps,
+              ...iterableFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "date":
+          {
+            t2 = _jsx(DateTimeField, {
+              ...baseFieldProps,
               field: clientFieldConfig,
-              permissions
+              path
+            });
+            break bb0;
+          }
+        case "email":
+          {
+            t2 = _jsx(EmailField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
             });
             break bb0;
           }
         case "group":
           {
             t2 = _jsx(GroupField, {
-              ...sharedProps,
+              ...iterableFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "join":
+          {
+            t2 = _jsx(JoinField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "json":
+          {
+            t2 = _jsx(JSONField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "number":
+          {
+            t2 = _jsx(NumberField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "point":
+          {
+            t2 = _jsx(PointField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "radio":
+          {
+            t2 = _jsx(RadioGroupField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "relationship":
+          {
+            t2 = _jsx(RelationshipField, {
+              ...baseFieldProps,
               field: clientFieldConfig,
-              permissions
+              path
+            });
+            break bb0;
+          }
+        case "richText":
+          {
+            t2 = _jsx(RichTextField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
             });
             break bb0;
           }
         case "row":
           {
             t2 = _jsx(RowField, {
-              ...sharedProps,
+              ...iterableFieldProps,
+              field: clientFieldConfig
+            });
+            break bb0;
+          }
+        case "select":
+          {
+            t2 = _jsx(SelectField, {
+              ...baseFieldProps,
               field: clientFieldConfig,
-              permissions
+              path
             });
             break bb0;
           }
         case "tabs":
           {
             t2 = _jsx(TabsField, {
-              ...sharedProps,
+              ...iterableFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "text":
+          {
+            t2 = _jsx(TextField, {
+              ...baseFieldProps,
               field: clientFieldConfig,
-              permissions
+              path
             });
             break bb0;
           }
-        default:
+        case "textarea":
           {
-            t2 = DefaultField ? _jsx(DefaultField, {
+            t2 = _jsx(TextareaField, {
+              ...baseFieldProps,
               field: clientFieldConfig,
-              ...sharedProps
-            }) : null;
+              path
+            });
+            break bb0;
+          }
+        case "ui":
+          {
+            let t3;
+            if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+              t3 = _jsx(UIField, {});
+              $[12] = t3;
+            } else {
+              t3 = $[12];
+            }
+            t2 = t3;
+            break bb0;
+          }
+        case "upload":
+          {
+            t2 = _jsx(UploadField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
             break bb0;
           }
       }
     }
     $[2] = forceRender;
-    $[3] = indexPath;
-    $[4] = parentPath;
-    $[5] = parentSchemaPath;
-    $[6] = path;
-    $[7] = readOnly;
-    $[8] = schemaPath;
+    $[3] = readOnly;
+    $[4] = schemaPath;
+    $[5] = indexPath;
+    $[6] = parentPath;
+    $[7] = parentSchemaPath;
+    $[8] = permissions;
     $[9] = clientFieldConfig;
-    $[10] = fieldComponents;
-    $[11] = permissions;
-    $[12] = t2;
+    $[10] = path;
+    $[11] = t2;
   } else {
-    t2 = $[12];
+    t2 = $[11];
   }
   if (t2 !== Symbol.for("react.early_return_sentinel")) {
     return t2;

package/dist/forms/RenderFields/RenderField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderField.js","names":["c","_c","React","ArrayField","BlocksField","CollapsibleField","GroupField","HiddenField","RowField","TabsField","useFormFields","useFieldComponents","RenderField","t0","$","clientFieldConfig","forceRender","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","schemaPath","fieldComponents","t1","t2","fields","customComponents","Field","undefined","Symbol","for","sharedProps","admin","hidden","_jsx","field","DefaultField","type","bb0"],"sources":["../../../src/forms/RenderFields/RenderField.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientComponentProps, ClientField, FieldPermissions } from 'payload'\n\nimport React from 'react'\n\nimport { ArrayField } from '../../fields/Array/index.js'\nimport { BlocksField } from '../../fields/Blocks/index.js'\nimport { CollapsibleField } from '../../fields/Collapsible/index.js'\nimport { GroupField } from '../../fields/Group/index.js'\nimport { HiddenField } from '../../fields/Hidden/index.js'\nimport { RowField } from '../../fields/Row/index.js'\nimport { TabsField } from '../../fields/Tabs/index.js'\nimport { useFormFields } from '../../forms/Form/index.js'\nimport { useFieldComponents } from '../../providers/FieldComponents/index.js'\n\ntype RenderFieldProps = {\n  clientFieldConfig: ClientField\n  permissions: FieldPermissions\n} & Pick<\n  ClientComponentProps,\n  | 'forceRender'\n  | 'indexPath'\n  | 'parentPath'\n  | 'parentSchemaPath'\n  | 'path'\n  | 'readOnly'\n  | 'schemaPath'\n>\n\nexport function RenderField({\n  clientFieldConfig,\n  forceRender,\n  indexPath,\n  parentPath,\n  parentSchemaPath,\n  path,\n  permissions,\n  readOnly,\n  schemaPath,\n}: RenderFieldProps) {\n  const fieldComponents = useFieldComponents()\n\n  const Field = useFormFields(([fields]) => fields && fields?.[path]?.customComponents?.Field)\n\n  if (Field !== undefined) {\n    return Field || null\n  }\n\n  const sharedProps: Pick<\n    ClientComponentProps,\n    | 'forceRender'\n    | 'indexPath'\n    | 'parentPath'\n    | 'parentSchemaPath'\n    | 'path'\n    | 'readOnly'\n    | 'schemaPath'\n  > = {\n    forceRender,\n    indexPath,\n    parentPath,\n    parentSchemaPath,\n    path,\n    readOnly,\n    schemaPath,\n  }\n\n  if (clientFieldConfig.admin?.hidden) {\n    return <HiddenField field={clientFieldConfig} {...sharedProps} />\n  }\n\n  const DefaultField = fieldComponents?.[clientFieldConfig?.type]\n\n  switch (clientFieldConfig.type) {\n    // named fields with subfields\n    case 'array':\n      return <ArrayField {...sharedProps} field={clientFieldConfig} permissions={permissions} />\n    case 'blocks':\n      return <BlocksField {...sharedProps} field={clientFieldConfig} permissions={permissions} />\n    case 'collapsible':\n      return (\n        <CollapsibleField {...sharedProps} field={clientFieldConfig} permissions={permissions} />\n      )\n    case 'group':\n      return <GroupField {...sharedProps} field={clientFieldConfig} permissions={permissions} />\n\n    // unnamed fields with subfields\n    case 'row':\n      return <RowField {...sharedProps} field={clientFieldConfig} permissions={permissions} />\n    case 'tabs':\n      return <TabsField {...sharedProps} field={clientFieldConfig} permissions={permissions} />\n\n    default:\n      return DefaultField ? <DefaultField field={clientFieldConfig} {...sharedProps} /> : null\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RenderField.js","names":["c","_c","React","ArrayField","BlocksField","CheckboxField","CodeField","CollapsibleField","DateTimeField","EmailField","GroupField","HiddenField","JoinField","JSONField","NumberField","PointField","RadioGroupField","RelationshipField","RichTextField","RowField","SelectField","TabsField","TextField","TextareaField","UIField","UploadField","useFormFields","RenderField","t0","$","clientFieldConfig","forceRender","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","schemaPath","t1","t2","fields","customComponents","Field","undefined","Symbol","for","baseFieldProps","iterableFieldProps","admin","hidden","_jsx","field","type","t3","bb0"],"sources":["../../../src/forms/RenderFields/RenderField.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientComponentProps, ClientField, FieldPaths, FieldPermissions } from 'payload'\n\nimport React from 'react'\n\nimport { ArrayField } from '../../fields/Array/index.js'\nimport { BlocksField } from '../../fields/Blocks/index.js'\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { CodeField } from '../../fields/Code/index.js'\nimport { CollapsibleField } from '../../fields/Collapsible/index.js'\nimport { DateTimeField } from '../../fields/DateTime/index.js'\nimport { EmailField } from '../../fields/Email/index.js'\nimport { GroupField } from '../../fields/Group/index.js'\nimport { HiddenField } from '../../fields/Hidden/index.js'\nimport { JoinField } from '../../fields/Join/index.js'\nimport { JSONField } from '../../fields/JSON/index.js'\nimport { NumberField } from '../../fields/Number/index.js'\nimport { PointField } from '../../fields/Point/index.js'\nimport { RadioGroupField } from '../../fields/RadioGroup/index.js'\nimport { RelationshipField } from '../../fields/Relationship/index.js'\nimport { RichTextField } from '../../fields/RichText/index.js'\nimport { RowField } from '../../fields/Row/index.js'\nimport { SelectField } from '../../fields/Select/index.js'\nimport { TabsField } from '../../fields/Tabs/index.js'\nimport { TextField } from '../../fields/Text/index.js'\nimport { TextareaField } from '../../fields/Textarea/index.js'\nimport { UIField } from '../../fields/UI/index.js'\nimport { UploadField } from '../../fields/Upload/index.js'\nimport { useFormFields } from '../../forms/Form/index.js'\n\ntype RenderFieldProps = {\n  clientFieldConfig: ClientField\n  permissions: FieldPermissions\n} & FieldPaths &\n  Pick<ClientComponentProps, 'forceRender' | 'readOnly' | 'schemaPath'>\n\nexport function RenderField({\n  clientFieldConfig,\n  forceRender,\n  indexPath,\n  parentPath,\n  parentSchemaPath,\n  path,\n  permissions,\n  readOnly,\n  schemaPath,\n}: RenderFieldProps) {\n  const Field = useFormFields(([fields]) => fields && fields?.[path]?.customComponents?.Field)\n\n  if (Field !== undefined) {\n    return Field || null\n  }\n\n  const baseFieldProps: Pick<ClientComponentProps, 'forceRender' | 'readOnly' | 'schemaPath'> = {\n    forceRender,\n    readOnly,\n    schemaPath,\n  }\n\n  const iterableFieldProps = {\n    ...baseFieldProps,\n    indexPath,\n    parentPath,\n    parentSchemaPath,\n    permissions,\n  }\n\n  if (clientFieldConfig.admin?.hidden) {\n    return <HiddenField {...baseFieldProps} field={clientFieldConfig} path={path} />\n  }\n\n  switch (clientFieldConfig.type) {\n    case 'array':\n      return <ArrayField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'blocks':\n      return <BlocksField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'checkbox':\n      return <CheckboxField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'code':\n      return <CodeField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'collapsible':\n      return <CollapsibleField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'date':\n      return <DateTimeField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'email':\n      return <EmailField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'group':\n      return <GroupField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'join':\n      return <JoinField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'json':\n      return <JSONField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'number':\n      return <NumberField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'point':\n      return <PointField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'radio':\n      return <RadioGroupField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'relationship':\n      return <RelationshipField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'richText':\n      return <RichTextField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'row':\n      return <RowField {...iterableFieldProps} field={clientFieldConfig} />\n\n    case 'select':\n      return <SelectField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'tabs':\n      return <TabsField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'text':\n      return <TextField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'textarea':\n      return <TextareaField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'ui':\n      return <UIField />\n\n    case 'upload':\n      return <UploadField {...baseFieldProps} field={clientFieldConfig} path={path} />\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/forms/fieldSchemasToFormState/renderField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderField.d.ts","sourceRoot":"","sources":["../../../src/forms/fieldSchemasToFormState/renderField.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAKnD,eAAO,MAAM,WAAW,EAAE,iBAuOzB,CAAA"}
+{"version":3,"file":"renderField.d.ts","sourceRoot":"","sources":["../../../src/forms/fieldSchemasToFormState/renderField.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAKnD,eAAO,MAAM,WAAW,EAAE,iBA2OzB,CAAA"}

package/dist/forms/fieldSchemasToFormState/renderField.js

@@ -33,13 +33,16 @@ export const renderField = ({
   const clientProps = {
     customComponents: fieldState?.customComponents || {},
     field: clientField,
-    indexPath,
-    parentPath,
-    parentSchemaPath,
     path,
     readOnly: permissions?.[operation]?.permission === false,
     schemaPath
   };
+  // fields with subfields
+  if (['array', 'blocks', 'collapsible', 'group', 'row', 'tabs'].includes(fieldConfig.type)) {
+    clientProps.indexPath = indexPath;
+    clientProps.parentPath = parentPath;
+    clientProps.parentSchemaPath = parentSchemaPath;
+  }
   const serverProps = {
     clientField,
     data,

package/dist/forms/fieldSchemasToFormState/renderField.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderField.js","names":["getTranslation","createClientField","deepCopyObjectSimple","MissingEditorProp","fieldAffectsData","RenderServerComponent","FieldDescription","renderField","data","fieldConfig","fieldSchemaMap","fieldState","formState","indexPath","operation","parentPath","parentSchemaPath","path","permissions","incomingPermissions","req","schemaPath","siblingData","clientField","defaultIDType","payload","config","db","field","i18n","name","clientProps","customComponents","readOnly","permission","serverProps","user","type","rows","forEach","row","rowIndex","admin","components","RowLabels","_jsx","Component","RowLabel","importMap","rowLabel","labels","singular","String","padStart","rowNumber","editor","Error","FieldComponent","Field","Fallback","undefined","Description","description","t","AfterInput","afterInput","BeforeInput","beforeInput","Label"],"sources":["../../../src/forms/fieldSchemasToFormState/renderField.tsx"],"sourcesContent":["import type {\n  ClientComponentProps,\n  ClientField,\n  FieldPermissions,\n  PayloadComponent,\n  ServerComponentProps,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { createClientField, deepCopyObjectSimple, MissingEditorProp } from 'payload'\nimport { fieldAffectsData } from 'payload/shared'\n\nimport type { RenderFieldMethod } from './types.js'\n\nimport { RenderServerComponent } from '../../elements/RenderServerComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\n\nexport const renderField: RenderFieldMethod = ({\n  data,\n  fieldConfig,\n  fieldSchemaMap,\n  fieldState,\n  formState,\n  indexPath,\n  operation,\n  parentPath,\n  parentSchemaPath,\n  path,\n  permissions: incomingPermissions,\n  req,\n  schemaPath,\n  siblingData,\n}) => {\n  // TODO (ALESSIO): why are we passing the fieldConfig twice?\n  // and especially, why are we deepCopyObject -here- instead of inside the createClientField func,\n  // so no one screws this up in the future?\n  const clientField = createClientField({\n    clientField: deepCopyObjectSimple(fieldConfig) as ClientField,\n    defaultIDType: req.payload.config.db.defaultIDType,\n    field: fieldConfig,\n    i18n: req.i18n,\n  })\n\n  const permissions = fieldAffectsData(fieldConfig)\n    ? incomingPermissions?.[fieldConfig.name]\n    : ({} as FieldPermissions)\n\n  const clientProps: ClientComponentProps = {\n    customComponents: fieldState?.customComponents || {},\n    field: clientField,\n    indexPath,\n    parentPath,\n    parentSchemaPath,\n    path,\n    readOnly: permissions?.[operation]?.permission === false,\n    schemaPath,\n  }\n\n  const serverProps: ServerComponentProps = {\n    clientField,\n    data,\n    field: fieldConfig,\n    fieldSchemaMap,\n    permissions,\n    // TODO: Should we pass explicit values? initialValue, value, valid\n    // value and initialValue should be typed\n    formState,\n    i18n: req.i18n,\n    payload: req.payload,\n    siblingData,\n    user: req.user,\n  }\n\n  if (!fieldState?.customComponents) {\n    fieldState.customComponents = {}\n  }\n\n  switch (fieldConfig.type) {\n    // TODO: handle block row labels as well in a similar fashion\n    case 'array': {\n      fieldState?.rows?.forEach((row, rowIndex) => {\n        if (fieldConfig.admin?.components && 'RowLabel' in fieldConfig.admin.components) {\n          if (!fieldState.customComponents.RowLabels) {\n            fieldState.customComponents.RowLabels = []\n          }\n\n          fieldState.customComponents.RowLabels[rowIndex] = (\n            <RenderServerComponent\n              clientProps={clientProps}\n              Component={fieldConfig.admin.components.RowLabel}\n              importMap={req.payload.importMap}\n              serverProps={{\n                ...serverProps,\n                rowLabel: `${getTranslation(fieldConfig.labels.singular, req.i18n)} ${String(\n                  rowIndex + 1,\n                ).padStart(2, '0')}`,\n                rowNumber: rowIndex + 1,\n              }}\n            />\n          )\n        }\n      })\n\n      break\n    }\n\n    case 'richText': {\n      if (!fieldConfig?.editor) {\n        throw new MissingEditorProp(fieldConfig) // while we allow disabling editor functionality, you should not have any richText fields defined if you do not have an editor\n      }\n\n      if (typeof fieldConfig?.editor === 'function') {\n        throw new Error('Attempted to access unsanitized rich text editor.')\n      }\n\n      if (!fieldConfig.admin) {\n        fieldConfig.admin = {}\n      }\n\n      if (!fieldConfig.admin.components) {\n        fieldConfig.admin.components = {}\n      }\n\n      /**\n       * We have to deep copy all the props we send to the client (= FieldComponent.clientProps).\n       * That way, every editor's field / cell props we send to the client have their own object references.\n       *\n       * If we send the same object reference to the client twice (e.g. through some configurations where 2 or more fields\n       * reference the same editor object, like the root editor), the admin panel may hang indefinitely. This has been happening since\n       * a newer Next.js update that made it break when sending the same object reference to the client twice.\n       *\n       * We can use deepCopyObjectSimple as client props should be JSON-serializable.\n       */\n      const FieldComponent: PayloadComponent = fieldConfig.editor.FieldComponent\n      if (typeof FieldComponent === 'object' && FieldComponent.clientProps) {\n        FieldComponent.clientProps = deepCopyObjectSimple(FieldComponent.clientProps)\n      }\n\n      fieldState.customComponents.Field = (\n        <RenderServerComponent\n          clientProps={clientProps}\n          Component={FieldComponent}\n          Fallback={undefined}\n          importMap={req.payload.importMap}\n          serverProps={serverProps}\n        />\n      )\n\n      break\n    }\n\n    default: {\n      break\n    }\n  }\n\n  if (fieldConfig.admin) {\n    if ('description' in fieldConfig.admin) {\n      // @TODO move this to client, only render if it is a function\n      fieldState.customComponents.Description = (\n        <FieldDescription\n          description={\n            typeof fieldConfig.admin?.description === 'string' ||\n            typeof fieldConfig.admin?.description === 'object'\n              ? fieldConfig.admin.description\n              : typeof fieldConfig.admin?.description === 'function'\n                ? fieldConfig.admin?.description({ t: req.i18n.t })\n                : ''\n          }\n          path={path}\n        />\n      )\n    }\n\n    if (fieldConfig.admin?.components) {\n      if ('afterInput' in fieldConfig.admin.components) {\n        fieldState.customComponents.AfterInput = (\n          <RenderServerComponent\n            clientProps={clientProps}\n            Component={fieldConfig.admin.components.afterInput}\n            importMap={req.payload.importMap}\n            key=\"field.admin.components.afterInput\"\n            serverProps={serverProps}\n          />\n        )\n      }\n\n      if ('beforeInput' in fieldConfig.admin.components) {\n        fieldState.customComponents.BeforeInput = (\n          <RenderServerComponent\n            clientProps={clientProps}\n            Component={fieldConfig.admin.components.beforeInput}\n            importMap={req.payload.importMap}\n            key=\"field.admin.components.beforeInput\"\n            serverProps={serverProps}\n          />\n        )\n      }\n\n      if ('Description' in fieldConfig.admin.components) {\n        fieldState.customComponents.Description = (\n          <RenderServerComponent\n            clientProps={clientProps}\n            Component={fieldConfig.admin.components.Description}\n            importMap={req.payload.importMap}\n            key=\"field.admin.components.Description\"\n            serverProps={serverProps}\n          />\n        )\n      }\n\n      if ('Error' in fieldConfig.admin.components) {\n        fieldState.customComponents.Error = (\n          <RenderServerComponent\n            clientProps={clientProps}\n            Component={fieldConfig.admin.components.Error}\n            importMap={req.payload.importMap}\n            key=\"field.admin.components.Error\"\n            serverProps={serverProps}\n          />\n        )\n      }\n\n      if ('Label' in fieldConfig.admin.components) {\n        fieldState.customComponents.Label = (\n          <RenderServerComponent\n            clientProps={clientProps}\n            Component={fieldConfig.admin.components.Label}\n            importMap={req.payload.importMap}\n            key=\"field.admin.components.Label\"\n            serverProps={serverProps}\n          />\n        )\n      }\n\n      if ('Field' in fieldConfig.admin.components) {\n        fieldState.customComponents.Field = (\n          <RenderServerComponent\n            clientProps={clientProps}\n            Component={fieldConfig.admin.components.Field}\n            importMap={req.payload.importMap}\n            key=\"field.admin.components.Field\"\n            serverProps={serverProps}\n          />\n        )\n      }\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"renderField.js","names":["getTranslation","createClientField","deepCopyObjectSimple","MissingEditorProp","fieldAffectsData","RenderServerComponent","FieldDescription","renderField","data","fieldConfig","fieldSchemaMap","fieldState","formState","indexPath","operation","parentPath","parentSchemaPath","path","permissions","incomingPermissions","req","schemaPath","siblingData","clientField","defaultIDType","payload","config","db","field","i18n","name","clientProps","customComponents","readOnly","permission","includes","type","serverProps","user","rows","forEach","row","rowIndex","admin","components","RowLabels","_jsx","Component","RowLabel","importMap","rowLabel","labels","singular","String","padStart","rowNumber","editor","Error","FieldComponent","Field","Fallback","undefined","Description","description","t","AfterInput","afterInput","BeforeInput","beforeInput","Label"],"sources":["../../../src/forms/fieldSchemasToFormState/renderField.tsx"],"sourcesContent":["import type {\n  ClientComponentProps,\n  ClientField,\n  FieldPaths,\n  FieldPermissions,\n  PayloadComponent,\n  ServerComponentProps,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { createClientField, deepCopyObjectSimple, MissingEditorProp } from 'payload'\nimport { fieldAffectsData } from 'payload/shared'\n\nimport type { RenderFieldMethod } from './types.js'\n\nimport { RenderServerComponent } from '../../elements/RenderServerComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\n\nexport const renderField: RenderFieldMethod = ({\n  data,\n  fieldConfig,\n  fieldSchemaMap,\n  fieldState,\n  formState,\n  indexPath,\n  operation,\n  parentPath,\n  parentSchemaPath,\n  path,\n  permissions: incomingPermissions,\n  req,\n  schemaPath,\n  siblingData,\n}) => {\n  // TODO (ALESSIO): why are we passing the fieldConfig twice?\n  // and especially, why are we deepCopyObject -here- instead of inside the createClientField func,\n  // so no one screws this up in the future?\n  const clientField = createClientField({\n    clientField: deepCopyObjectSimple(fieldConfig) as ClientField,\n    defaultIDType: req.payload.config.db.defaultIDType,\n    field: fieldConfig,\n    i18n: req.i18n,\n  })\n\n  const permissions = fieldAffectsData(fieldConfig)\n    ? incomingPermissions?.[fieldConfig.name]\n    : ({} as FieldPermissions)\n\n  const clientProps: ClientComponentProps & Partial<FieldPaths> = {\n    customComponents: fieldState?.customComponents || {},\n    field: clientField,\n    path,\n    readOnly: permissions?.[operation]?.permission === false,\n    schemaPath,\n  }\n\n  // fields with subfields\n  if (['array', 'blocks', 'collapsible', 'group', 'row', 'tabs'].includes(fieldConfig.type)) {\n    clientProps.indexPath = indexPath\n    clientProps.parentPath = parentPath\n    clientProps.parentSchemaPath = parentSchemaPath\n  }\n\n  const serverProps: ServerComponentProps = {\n    clientField,\n    data,\n    field: fieldConfig,\n    fieldSchemaMap,\n    permissions,\n    // TODO: Should we pass explicit values? initialValue, value, valid\n    // value and initialValue should be typed\n    formState,\n    i18n: req.i18n,\n    payload: req.payload,\n    siblingData,\n    user: req.user,\n  }\n\n  if (!fieldState?.customComponents) {\n    fieldState.customComponents = {}\n  }\n\n  switch (fieldConfig.type) {\n    // TODO: handle block row labels as well in a similar fashion\n    case 'array': {\n      fieldState?.rows?.forEach((row, rowIndex) => {\n        if (fieldConfig.admin?.components && 'RowLabel' in fieldConfig.admin.components) {\n          if (!fieldState.customComponents.RowLabels) {\n            fieldState.customComponents.RowLabels = []\n          }\n\n          fieldState.customComponents.RowLabels[rowIndex] = (\n            <RenderServerComponent\n              clientProps={clientProps}\n              Component={fieldConfig.admin.components.RowLabel}\n              importMap={req.payload.importMap}\n              serverProps={{\n                ...serverProps,\n                rowLabel: `${getTranslation(fieldConfig.labels.singular, req.i18n)} ${String(\n                  rowIndex + 1,\n                ).padStart(2, '0')}`,\n                rowNumber: rowIndex + 1,\n              }}\n            />\n          )\n        }\n      })\n\n      break\n    }\n\n    case 'richText': {\n      if (!fieldConfig?.editor) {\n        throw new MissingEditorProp(fieldConfig) // while we allow disabling editor functionality, you should not have any richText fields defined if you do not have an editor\n      }\n\n      if (typeof fieldConfig?.editor === 'function') {\n        throw new Error('Attempted to access unsanitized rich text editor.')\n      }\n\n      if (!fieldConfig.admin) {\n        fieldConfig.admin = {}\n      }\n\n      if (!fieldConfig.admin.components) {\n        fieldConfig.admin.components = {}\n      }\n\n      /**\n       * We have to deep copy all the props we send to the client (= FieldComponent.clientProps).\n       * That way, every editor's field / cell props we send to the client have their own object references.\n       *\n       * If we send the same object reference to the client twice (e.g. through some configurations where 2 or more fields\n       * reference the same editor object, like the root editor), the admin panel may hang indefinitely. This has been happening since\n       * a newer Next.js update that made it break when sending the same object reference to the client twice.\n       *\n       * We can use deepCopyObjectSimple as client props should be JSON-serializable.\n       */\n      const FieldComponent: PayloadComponent = fieldConfig.editor.FieldComponent\n      if (typeof FieldComponent === 'object' && FieldComponent.clientProps) {\n        FieldComponent.clientProps = deepCopyObjectSimple(FieldComponent.clientProps)\n      }\n\n      fieldState.customComponents.Field = (\n        <RenderServerComponent\n          clientProps={clientProps}\n          Component={FieldComponent}\n          Fallback={undefined}\n          importMap={req.payload.importMap}\n          serverProps={serverProps}\n        />\n      )\n\n      break\n    }\n\n    default: {\n      break\n    }\n  }\n\n  if (fieldConfig.admin) {\n    if ('description' in fieldConfig.admin) {\n      // @TODO move this to client, only render if it is a function\n      fieldState.customComponents.Description = (\n        <FieldDescription\n          description={\n            typeof fieldConfig.admin?.description === 'string' ||\n            typeof fieldConfig.admin?.description === 'object'\n              ? fieldConfig.admin.description\n              : typeof fieldConfig.admin?.description === 'function'\n                ? fieldConfig.admin?.description({ t: req.i18n.t })\n                : ''\n          }\n          path={path}\n        />\n      )\n    }\n\n    if (fieldConfig.admin?.components) {\n      if ('afterInput' in fieldConfig.admin.components) {\n        fieldState.customComponents.AfterInput = (\n          <RenderServerComponent\n            clientProps={clientProps}\n            Component={fieldConfig.admin.components.afterInput}\n            importMap={req.payload.importMap}\n            key=\"field.admin.components.afterInput\"\n            serverProps={serverProps}\n          />\n        )\n      }\n\n      if ('beforeInput' in fieldConfig.admin.components) {\n        fieldState.customComponents.BeforeInput = (\n          <RenderServerComponent\n            clientProps={clientProps}\n            Component={fieldConfig.admin.components.beforeInput}\n            importMap={req.payload.importMap}\n            key=\"field.admin.components.beforeInput\"\n            serverProps={serverProps}\n          />\n        )\n      }\n\n      if ('Description' in fieldConfig.admin.components) {\n        fieldState.customComponents.Description = (\n          <RenderServerComponent\n            clientProps={clientProps}\n            Component={fieldConfig.admin.components.Description}\n            importMap={req.payload.importMap}\n            key=\"field.admin.components.Description\"\n            serverProps={serverProps}\n          />\n        )\n      }\n\n      if ('Error' in fieldConfig.admin.components) {\n        fieldState.customComponents.Error = (\n          <RenderServerComponent\n            clientProps={clientProps}\n            Component={fieldConfig.admin.components.Error}\n            importMap={req.payload.importMap}\n            key=\"field.admin.components.Error\"\n            serverProps={serverProps}\n          />\n        )\n      }\n\n      if ('Label' in fieldConfig.admin.components) {\n        fieldState.customComponents.Label = (\n          <RenderServerComponent\n            clientProps={clientProps}\n            Component={fieldConfig.admin.components.Label}\n            importMap={req.payload.importMap}\n            key=\"field.admin.components.Label\"\n            serverProps={serverProps}\n          />\n        )\n      }\n\n      if ('Field' in fieldConfig.admin.components) {\n        fieldState.customComponents.Field = (\n          <RenderServerComponent\n            clientProps={clientProps}\n            Component={fieldConfig.admin.components.Field}\n            importMap={req.payload.importMap}\n            key=\"field.admin.components.Field\"\n            serverProps={serverProps}\n          />\n        )\n      }\n    }\n  }\n}\n"],"mappings":";AASA,SAASA,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,EAAEC,oBAAoB,EAAEC,iBAAiB,QAAQ;AAC3E,SAASC,gBAAgB,QAAQ;AAIjC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,WAAA,GAAiCA,CAAC;EAC7CC,IAAI;EACJC,WAAW;EACXC,cAAc;EACdC,UAAU;EACVC,SAAS;EACTC,SAAS;EACTC,SAAS;EACTC,UAAU;EACVC,gBAAgB;EAChBC,IAAI;EACJC,WAAA,EAAaC,mBAAmB;EAChCC,GAAG;EACHC,UAAU;EACVC;AAAW,CACZ;EACC;EACA;EACA;EACA,MAAMC,WAAA,GAActB,iBAAA,CAAkB;IACpCsB,WAAA,EAAarB,oBAAA,CAAqBO,WAAA;IAClCe,aAAA,EAAeJ,GAAA,CAAIK,OAAO,CAACC,MAAM,CAACC,EAAE,CAACH,aAAa;IAClDI,KAAA,EAAOnB,WAAA;IACPoB,IAAA,EAAMT,GAAA,CAAIS;EACZ;EAEA,MAAMX,WAAA,GAAcd,gBAAA,CAAiBK,WAAA,IACjCU,mBAAA,GAAsBV,WAAA,CAAYqB,IAAI,CAAC,GACtC,CAAC;EAEN,MAAMC,WAAA,GAA0D;IAC9DC,gBAAA,EAAkBrB,UAAA,EAAYqB,gBAAA,IAAoB,CAAC;IACnDJ,KAAA,EAAOL,WAAA;IACPN,IAAA;IACAgB,QAAA,EAAUf,WAAA,GAAcJ,SAAA,CAAU,EAAEoB,UAAA,KAAe;IACnDb;EACF;EAEA;EACA,IAAI,CAAC,SAAS,UAAU,eAAe,SAAS,OAAO,OAAO,CAACc,QAAQ,CAAC1B,WAAA,CAAY2B,IAAI,GAAG;IACzFL,WAAA,CAAYlB,SAAS,GAAGA,SAAA;IACxBkB,WAAA,CAAYhB,UAAU,GAAGA,UAAA;IACzBgB,WAAA,CAAYf,gBAAgB,GAAGA,gBAAA;EACjC;EAEA,MAAMqB,WAAA,GAAoC;IACxCd,WAAA;IACAf,IAAA;IACAoB,KAAA,EAAOnB,WAAA;IACPC,cAAA;IACAQ,WAAA;IACA;IACA;IACAN,SAAA;IACAiB,IAAA,EAAMT,GAAA,CAAIS,IAAI;IACdJ,OAAA,EAASL,GAAA,CAAIK,OAAO;IACpBH,WAAA;IACAgB,IAAA,EAAMlB,GAAA,CAAIkB;EACZ;EAEA,IAAI,CAAC3B,UAAA,EAAYqB,gBAAA,EAAkB;IACjCrB,UAAA,CAAWqB,gBAAgB,GAAG,CAAC;EACjC;EAEA,QAAQvB,WAAA,CAAY2B,IAAI;IACtB;IACA,KAAK;MAAS;QACZzB,UAAA,EAAY4B,IAAA,EAAMC,OAAA,CAAQ,CAACC,GAAA,EAAKC,QAAA;UAC9B,IAAIjC,WAAA,CAAYkC,KAAK,EAAEC,UAAA,IAAc,cAAcnC,WAAA,CAAYkC,KAAK,CAACC,UAAU,EAAE;YAC/E,IAAI,CAACjC,UAAA,CAAWqB,gBAAgB,CAACa,SAAS,EAAE;cAC1ClC,UAAA,CAAWqB,gBAAgB,CAACa,SAAS,GAAG,EAAE;YAC5C;YAEAlC,UAAA,CAAWqB,gBAAgB,CAACa,SAAS,CAACH,QAAA,CAAS,gBAC7CI,IAAA,CAACzC,qBAAA;cACC0B,WAAA,EAAaA,WAAA;cACbgB,SAAA,EAAWtC,WAAA,CAAYkC,KAAK,CAACC,UAAU,CAACI,QAAQ;cAChDC,SAAA,EAAW7B,GAAA,CAAIK,OAAO,CAACwB,SAAS;cAChCZ,WAAA,EAAa;gBACX,GAAGA,WAAW;gBACda,QAAA,EAAU,GAAGlD,cAAA,CAAeS,WAAA,CAAY0C,MAAM,CAACC,QAAQ,EAAEhC,GAAA,CAAIS,IAAI,KAAKwB,MAAA,CACpEX,QAAA,GAAW,GACXY,QAAQ,CAAC,GAAG,MAAM;gBACpBC,SAAA,EAAWb,QAAA,GAAW;cACxB;;UAGN;QACF;QAEA;MACF;IAEA,KAAK;MAAY;QACf,IAAI,CAACjC,WAAA,EAAa+C,MAAA,EAAQ;UACxB,MAAM,IAAIrD,iBAAA,CAAkBM,WAAA,EAAa;UAAA;QAC3C;QAEA,IAAI,OAAOA,WAAA,EAAa+C,MAAA,KAAW,YAAY;UAC7C,MAAM,IAAIC,KAAA,CAAM;QAClB;QAEA,IAAI,CAAChD,WAAA,CAAYkC,KAAK,EAAE;UACtBlC,WAAA,CAAYkC,KAAK,GAAG,CAAC;QACvB;QAEA,IAAI,CAAClC,WAAA,CAAYkC,KAAK,CAACC,UAAU,EAAE;UACjCnC,WAAA,CAAYkC,KAAK,CAACC,UAAU,GAAG,CAAC;QAClC;QAEA;;;;;;;;;;QAUA,MAAMc,cAAA,GAAmCjD,WAAA,CAAY+C,MAAM,CAACE,cAAc;QAC1E,IAAI,OAAOA,cAAA,KAAmB,YAAYA,cAAA,CAAe3B,WAAW,EAAE;UACpE2B,cAAA,CAAe3B,WAAW,GAAG7B,oBAAA,CAAqBwD,cAAA,CAAe3B,WAAW;QAC9E;QAEApB,UAAA,CAAWqB,gBAAgB,CAAC2B,KAAK,gBAC/Bb,IAAA,CAACzC,qBAAA;UACC0B,WAAA,EAAaA,WAAA;UACbgB,SAAA,EAAWW,cAAA;UACXE,QAAA,EAAUC,SAAA;UACVZ,SAAA,EAAW7B,GAAA,CAAIK,OAAO,CAACwB,SAAS;UAChCZ,WAAA,EAAaA;;QAIjB;MACF;IAEA;MAAS;QACP;MACF;EACF;EAEA,IAAI5B,WAAA,CAAYkC,KAAK,EAAE;IACrB,IAAI,iBAAiBlC,WAAA,CAAYkC,KAAK,EAAE;MACtC;MACAhC,UAAA,CAAWqB,gBAAgB,CAAC8B,WAAW,gBACrChB,IAAA,CAACxC,gBAAA;QACCyD,WAAA,EACE,OAAOtD,WAAA,CAAYkC,KAAK,EAAEoB,WAAA,KAAgB,YAC1C,OAAOtD,WAAA,CAAYkC,KAAK,EAAEoB,WAAA,KAAgB,WACtCtD,WAAA,CAAYkC,KAAK,CAACoB,WAAW,GAC7B,OAAOtD,WAAA,CAAYkC,KAAK,EAAEoB,WAAA,KAAgB,aACxCtD,WAAA,CAAYkC,KAAK,EAAEoB,WAAA,CAAY;UAAEC,CAAA,EAAG5C,GAAA,CAAIS,IAAI,CAACmC;QAAE,KAC/C;QAER/C,IAAA,EAAMA;;IAGZ;IAEA,IAAIR,WAAA,CAAYkC,KAAK,EAAEC,UAAA,EAAY;MACjC,IAAI,gBAAgBnC,WAAA,CAAYkC,KAAK,CAACC,UAAU,EAAE;QAChDjC,UAAA,CAAWqB,gBAAgB,CAACiC,UAAU,gBACpCnB,IAAA,CAACzC,qBAAA;UACC0B,WAAA,EAAaA,WAAA;UACbgB,SAAA,EAAWtC,WAAA,CAAYkC,KAAK,CAACC,UAAU,CAACsB,UAAU;UAClDjB,SAAA,EAAW7B,GAAA,CAAIK,OAAO,CAACwB,SAAS;UAEhCZ,WAAA,EAAaA;WADT;MAIV;MAEA,IAAI,iBAAiB5B,WAAA,CAAYkC,KAAK,CAACC,UAAU,EAAE;QACjDjC,UAAA,CAAWqB,gBAAgB,CAACmC,WAAW,gBACrCrB,IAAA,CAACzC,qBAAA;UACC0B,WAAA,EAAaA,WAAA;UACbgB,SAAA,EAAWtC,WAAA,CAAYkC,KAAK,CAACC,UAAU,CAACwB,WAAW;UACnDnB,SAAA,EAAW7B,GAAA,CAAIK,OAAO,CAACwB,SAAS;UAEhCZ,WAAA,EAAaA;WADT;MAIV;MAEA,IAAI,iBAAiB5B,WAAA,CAAYkC,KAAK,CAACC,UAAU,EAAE;QACjDjC,UAAA,CAAWqB,gBAAgB,CAAC8B,WAAW,gBACrChB,IAAA,CAACzC,qBAAA;UACC0B,WAAA,EAAaA,WAAA;UACbgB,SAAA,EAAWtC,WAAA,CAAYkC,KAAK,CAACC,UAAU,CAACkB,WAAW;UACnDb,SAAA,EAAW7B,GAAA,CAAIK,OAAO,CAACwB,SAAS;UAEhCZ,WAAA,EAAaA;WADT;MAIV;MAEA,IAAI,WAAW5B,WAAA,CAAYkC,KAAK,CAACC,UAAU,EAAE;QAC3CjC,UAAA,CAAWqB,gBAAgB,CAACyB,KAAK,gBAC/BX,IAAA,CAACzC,qBAAA;UACC0B,WAAA,EAAaA,WAAA;UACbgB,SAAA,EAAWtC,WAAA,CAAYkC,KAAK,CAACC,UAAU,CAACa,KAAK;UAC7CR,SAAA,EAAW7B,GAAA,CAAIK,OAAO,CAACwB,SAAS;UAEhCZ,WAAA,EAAaA;WADT;MAIV;MAEA,IAAI,WAAW5B,WAAA,CAAYkC,KAAK,CAACC,UAAU,EAAE;QAC3CjC,UAAA,CAAWqB,gBAAgB,CAACqC,KAAK,gBAC/BvB,IAAA,CAACzC,qBAAA;UACC0B,WAAA,EAAaA,WAAA;UACbgB,SAAA,EAAWtC,WAAA,CAAYkC,KAAK,CAACC,UAAU,CAACyB,KAAK;UAC7CpB,SAAA,EAAW7B,GAAA,CAAIK,OAAO,CAACwB,SAAS;UAEhCZ,WAAA,EAAaA;WADT;MAIV;MAEA,IAAI,WAAW5B,WAAA,CAAYkC,KAAK,CAACC,UAAU,EAAE;QAC3CjC,UAAA,CAAWqB,gBAAgB,CAAC2B,KAAK,gBAC/Bb,IAAA,CAACzC,qBAAA;UACC0B,WAAA,EAAaA,WAAA;UACbgB,SAAA,EAAWtC,WAAA,CAAYkC,KAAK,CAACC,UAAU,CAACe,KAAK;UAC7CV,SAAA,EAAW7B,GAAA,CAAIK,OAAO,CAACwB,SAAS;UAEhCZ,WAAA,EAAaA;WADT;MAIV;IACF;EACF;AACF","ignoreList":[]}

package/dist/forms/withCondition/index.d.ts

@@ -1,5 +1,5 @@
-import type { ClientFieldProps } from 'payload';
+import type { ClientFieldProps, FieldPaths } from 'payload';
 import type { MarkOptional } from 'ts-essentials';
 import React from 'react';
-export declare const withCondition: <P extends MarkOptional<Pick<ClientFieldProps, "field" | "indexPath" | "path">, "indexPath" | "path">>(Field: React.ComponentType<P>) => React.FC<P>;
+export declare const withCondition: <P extends MarkOptional<FieldPaths & Pick<ClientFieldProps, "field">, "indexPath" | "path">>(Field: React.ComponentType<P>) => React.FC<P>;
 //# sourceMappingURL=index.d.ts.map

package/dist/forms/withCondition/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/withCondition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,aAAa,GACxB,CAAC,SAAS,YAAY,CACpB,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,CAAC,EACtD,WAAW,GAAG,MAAM,CACrB,SAEM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAC5B,KAAK,CAAC,EAAE,CAAC,CAAC,CAoBZ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/withCondition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,aAAa,GACxB,CAAC,SAAS,YAAY,CAAC,UAAU,GAAG,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC,SAEnF,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAC5B,KAAK,CAAC,EAAE,CAAC,CAAC,CAoBZ,CAAA"}

package/dist/forms/withCondition/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","WatchCondition","withCondition","Field","CheckForCondition","props","field","type","indexPath","path","pathFromProps","name","undefined","_jsx"],"sources":["../../../src/forms/withCondition/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientFieldProps } from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport React from 'react'\n\nimport { WatchCondition } from './WatchCondition.js'\n\nexport const withCondition = <\n  P extends MarkOptional<\n    Pick<ClientFieldProps, 'field' | 'indexPath' | 'path'>,\n    'indexPath' | 'path'\n  >,\n>(\n  Field: React.ComponentType<P>,\n): React.FC<P> => {\n  const CheckForCondition: React.FC<P> = (props) => {\n    const {\n      field: { type },\n      indexPath,\n      path: pathFromProps,\n    } = props\n\n    const name = 'name' in props.field ? props.field.name : undefined\n\n    const path = pathFromProps ?? name\n\n    return (\n      <WatchCondition indexPath={indexPath} name={name} path={path} type={type}>\n        <Field {...props} />\n      </WatchCondition>\n    )\n  }\n\n  return CheckForCondition\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,aAAA,GAMXC,KAAA;EAEA,MAAMC,iBAAA,GAAkCC,KAAA;IACtC,MAAM;MACJC,KAAA,EAAO;QAAEC;MAAI,CAAE;MACfC,SAAS;MACTC,IAAA,EAAMC;IAAa,CACpB,GAAGL,KAAA;IAEJ,MAAMM,IAAA,GAAO,UAAUN,KAAA,CAAMC,KAAK,GAAGD,KAAA,CAAMC,KAAK,CAACK,IAAI,GAAGC,SAAA;IAExD,MAAMH,IAAA,GAAOC,aAAA,IAAiBC,IAAA;IAE9B,oBACEE,IAAA,CAACZ,cAAA;MAAeO,SAAA,EAAWA,SAAA;MAAWG,IAAA,EAAMA,IAAA;MAAMF,IAAA,EAAMA,IAAA;MAAMF,IAAA,EAAMA,IAAA;gBAClE,aAAAM,IAAA,CAACV,KAAA;QAAO,GAAGE;;;EAGjB;EAEA,OAAOD,iBAAA;AACT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","WatchCondition","withCondition","Field","CheckForCondition","props","field","type","indexPath","path","pathFromProps","name","undefined","_jsx"],"sources":["../../../src/forms/withCondition/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientFieldProps, FieldPaths } from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport React from 'react'\n\nimport { WatchCondition } from './WatchCondition.js'\n\nexport const withCondition = <\n  P extends MarkOptional<FieldPaths & Pick<ClientFieldProps, 'field'>, 'indexPath' | 'path'>,\n>(\n  Field: React.ComponentType<P>,\n): React.FC<P> => {\n  const CheckForCondition: React.FC<P> = (props) => {\n    const {\n      field: { type },\n      indexPath,\n      path: pathFromProps,\n    } = props\n\n    const name = 'name' in props.field ? props.field.name : undefined\n\n    const path = pathFromProps ?? name\n\n    return (\n      <WatchCondition indexPath={indexPath} name={name} path={path} type={type}>\n        <Field {...props} />\n      </WatchCondition>\n    )\n  }\n\n  return CheckForCondition\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,aAAA,GAGXC,KAAA;EAEA,MAAMC,iBAAA,GAAkCC,KAAA;IACtC,MAAM;MACJC,KAAA,EAAO;QAAEC;MAAI,CAAE;MACfC,SAAS;MACTC,IAAA,EAAMC;IAAa,CACpB,GAAGL,KAAA;IAEJ,MAAMM,IAAA,GAAO,UAAUN,KAAA,CAAMC,KAAK,GAAGD,KAAA,CAAMC,KAAK,CAACK,IAAI,GAAGC,SAAA;IAExD,MAAMH,IAAA,GAAOC,aAAA,IAAiBC,IAAA;IAE9B,oBACEE,IAAA,CAACZ,cAAA;MAAeO,SAAA,EAAWA,SAAA;MAAWG,IAAA,EAAMA,IAAA;MAAMF,IAAA,EAAMA,IAAA;MAAMF,IAAA,EAAMA,IAAA;gBAClE,aAAAM,IAAA,CAACV,KAAA;QAAO,GAAGE;;;EAGjB;EAEA,OAAOD,iBAAA;AACT","ignoreList":[]}

package/dist/providers/Preferences/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Preferences/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoE,MAAM,OAAO,CAAA;AAOxF,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAAA;IACnD;;;;OAIG;IACH,aAAa,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAClF,CAAA;AAYD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAsHxE,CAAA;AAED,eAAO,MAAM,cAAc,QAAO,kBAAyC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Preferences/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoE,MAAM,OAAO,CAAA;AAQxF,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAAA;IACnD;;;;OAIG;IACH,aAAa,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAClF,CAAA;AAYD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAuHxE,CAAA;AAED,eAAO,MAAM,cAAc,QAAO,kBAAyC,CAAA"}

package/dist/providers/Preferences/index.js

@@ -5,6 +5,7 @@ import { dequal } from 'dequal/lite'; // lite: no need for Map and Set support
 import React, { createContext, useCallback, useContext, useEffect, useRef } from 'react';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { requests } from '../../utilities/api.js';
+import { deepMergeSimple } from '../../utilities/deepMerge.js';
 import { useAuth } from '../Auth/index.js';
 import { useConfig } from '../Config/index.js';
 const Context = /*#__PURE__*/createContext({});
@@ -79,10 +80,7 @@ export const PreferencesProvider = ({
     // handle value objects where multiple values can be set under one key
     if (typeof value_0 === 'object' && typeof currentPreference === 'object' && typeof newValue === 'object') {
       // merge the value with any existing preference for the key
-      newValue = {
-        ...(currentPreference || {}),
-        ...value_0
-      };
+      newValue = deepMergeSimple(currentPreference, newValue);
       if (dequal(newValue, currentPreference)) {
         return;
       }