@payloadcms/ui 4.0.0-internal.e7d4ebc → 4.0.0-internal.ec73d44

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

@@ -1 +1 @@
-{"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","SlugField","TabsField","TextField","TextareaField","UIField","UploadField","useFormFields","RenderField","t0","$","clientFieldConfig","forceRender","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","schemaPath","t1","t2","fields","customComponents","Field","CustomField","Symbol","for","baseFieldProps","admin","hidden","_jsx","undefined","bb0","iterableFieldProps","type","field"],"sources":["../../../src/forms/RenderFields/RenderField.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientComponentProps,\n  ClientField,\n  FieldPaths,\n  SanitizedFieldPermissions,\n} 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 { SlugField } from '../../fields/Slug/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: SanitizedFieldPermissions\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 CustomField = useFormFields(([fields]) => fields && fields?.[path]?.customComponents?.Field)\n\n  const baseFieldProps: Pick<\n    ClientComponentProps,\n    'forceRender' | 'permissions' | 'readOnly' | 'schemaPath'\n  > = {\n    forceRender,\n    permissions,\n    readOnly,\n    schemaPath,\n  }\n\n  if (clientFieldConfig.admin?.hidden) {\n    return <HiddenField {...baseFieldProps} path={path} />\n  }\n\n  if (CustomField !== undefined) {\n    return CustomField || null\n  }\n\n  const iterableFieldProps = {\n    ...baseFieldProps,\n    indexPath,\n    parentPath,\n    parentSchemaPath,\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} path={path} />\n\n    case 'select':\n      return <SelectField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'slug':\n      return <SlugField {...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":[]}
+{"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","SlugField","TabsField","TextField","TextareaField","UIField","UploadField","useFormFields","RenderField","t0","$","clientFieldConfig","forceRender","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","schemaPath","t1","t2","fields","customComponents","Field","CustomField","Symbol","baseFieldProps","admin","hidden","_jsx","bb0","undefined","iterableFieldProps","type","field","for"],"sources":["../../../src/forms/RenderFields/RenderField.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientComponentProps,\n  ClientField,\n  FieldPaths,\n  SanitizedFieldPermissions,\n} 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 { SlugField } from '../../fields/Slug/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: SanitizedFieldPermissions\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 CustomField = useFormFields(([fields]) => fields && fields?.[path]?.customComponents?.Field)\n\n  const baseFieldProps: Pick<\n    ClientComponentProps,\n    'forceRender' | 'permissions' | 'readOnly' | 'schemaPath'\n  > = {\n    forceRender,\n    permissions,\n    readOnly,\n    schemaPath,\n  }\n\n  if (clientFieldConfig.admin?.hidden) {\n    return <HiddenField {...baseFieldProps} path={path} />\n  }\n\n  if (CustomField !== undefined) {\n    return CustomField || null\n  }\n\n  const iterableFieldProps = {\n    ...baseFieldProps,\n    indexPath,\n    parentPath,\n    parentSchemaPath,\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} path={path} />\n\n    case 'select':\n      return <SelectField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'slug':\n      return <SlugField {...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/RenderFields/context.d.ts

@@ -9,9 +9,9 @@ import React from 'react';
  * 'use client'
  * import React from 'react'
  * import { TextField, FieldPathContext } from '@payloadcms/ui'
- * import type { TextFieldClientComponent } from 'payload'
+ * import type { TextFieldClientProps } from 'payload'
  *
- * export const MyCustomField: TextFieldClientComponent = (props) => {
+ * export const MyCustomField: React.FC<TextFieldClientProps> = (props) => {
  *   return (
  *     <FieldPathContext value="path.to.some.other.field">
  *       <TextField {...props} />

package/dist/forms/RenderFields/context.js

@@ -9,9 +9,9 @@ import React from 'react';
  * 'use client'
  * import React from 'react'
  * import { TextField, FieldPathContext } from '@payloadcms/ui'
- * import type { TextFieldClientComponent } from 'payload'
+ * import type { TextFieldClientProps } from 'payload'
  *
- * export const MyCustomField: TextFieldClientComponent = (props) => {
+ * export const MyCustomField: React.FC<TextFieldClientProps> = (props) => {
  *   return (
  *     <FieldPathContext value="path.to.some.other.field">
  *       <TextField {...props} />
@@ -30,9 +30,10 @@ export const FieldPathContext = React.createContext(undefined);
  * @experimental This is an experimental API and may change at any time. Use at your own risk.
  */
 export const useFieldPath = () => {
-  const context = React.useContext(FieldPathContext);
+  const context = React.use(FieldPathContext);
   if (!context) {
-    return;
+    // swallow the error, not all fields are wrapped in a FieldPathContext
+    return undefined;
   }
   return context;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["React","FieldPathContext","createContext","undefined","useFieldPath","context","useContext"],"sources":["../../../src/forms/RenderFields/context.ts"],"sourcesContent":["import React from 'react'\n\n/**\n * All fields are wrapped in a `FieldPathContext` provider by default.\n * The `useFieldPath` hook will return this value if it exists, not the path the field was explicitly given.\n * This means if you render a field directly, you will need to wrap it with a new `FieldPathContext` provider.\n * Otherwise, it will return the parent's path, not the path it was explicitly given.\n * @example\n * ```tsx\n * 'use client'\n * import React from 'react'\n * import { TextField, FieldPathContext } from '@payloadcms/ui'\n * import type { TextFieldClientComponent } from 'payload'\n *\n * export const MyCustomField: TextFieldClientComponent = (props) => {\n *   return (\n *     <FieldPathContext value=\"path.to.some.other.field\">\n *       <TextField {...props} />\n *     </FieldPathContext>\n *   )\n * }\n * ```\n *\n * @experimental This is an experimental API and may change at any time. Use at your own risk.\n */\nexport const FieldPathContext = React.createContext<string>(undefined)\n\n/**\n * Gets the current field path from the nearest `FieldPathContext` provider.\n * All fields are wrapped in this context by default.\n *\n * @experimental This is an experimental API and may change at any time. Use at your own risk.\n */\nexport const useFieldPath = () => {\n  const context = React.useContext(FieldPathContext)\n\n  if (!context) {\n    // swallow the error, not all fields are wrapped in a FieldPathContext\n    return undefined\n  }\n\n  return context\n}\n"],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB;;;;;;;;;;;;;;;;;;;;;;;AAuBA,OAAO,MAAMC,gBAAA,GAAmBD,KAAA,CAAME,aAAa,CAASC,SAAA;AAE5D;;;;;;AAMA,OAAO,MAAMC,YAAA,GAAeA,CAAA;EAC1B,MAAAC,OAAA,GAAgBL,KAAA,CAAAM,UAAA,CAAAL,gBAAiB;EAAA,KAE5BI,OAAA;IAAA;EAAA;EAAA,OAKEA,OAAA;AAAA,CACT","ignoreList":[]}
+{"version":3,"file":"context.js","names":["React","FieldPathContext","createContext","undefined","useFieldPath","context","use"],"sources":["../../../src/forms/RenderFields/context.ts"],"sourcesContent":["import React from 'react'\n\n/**\n * All fields are wrapped in a `FieldPathContext` provider by default.\n * The `useFieldPath` hook will return this value if it exists, not the path the field was explicitly given.\n * This means if you render a field directly, you will need to wrap it with a new `FieldPathContext` provider.\n * Otherwise, it will return the parent's path, not the path it was explicitly given.\n * @example\n * ```tsx\n * 'use client'\n * import React from 'react'\n * import { TextField, FieldPathContext } from '@payloadcms/ui'\n * import type { TextFieldClientProps } from 'payload'\n *\n * export const MyCustomField: React.FC<TextFieldClientProps> = (props) => {\n *   return (\n *     <FieldPathContext value=\"path.to.some.other.field\">\n *       <TextField {...props} />\n *     </FieldPathContext>\n *   )\n * }\n * ```\n *\n * @experimental This is an experimental API and may change at any time. Use at your own risk.\n */\nexport const FieldPathContext = React.createContext<string>(undefined)\n\n/**\n * Gets the current field path from the nearest `FieldPathContext` provider.\n * All fields are wrapped in this context by default.\n *\n * @experimental This is an experimental API and may change at any time. Use at your own risk.\n */\nexport const useFieldPath = () => {\n  const context = React.use(FieldPathContext)\n\n  if (!context) {\n    // swallow the error, not all fields are wrapped in a FieldPathContext\n    return undefined\n  }\n\n  return context\n}\n"],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB;;;;;;;;;;;;;;;;;;;;;;;AAuBA,OAAO,MAAMC,gBAAA,GAAmBD,KAAA,CAAME,aAAa,CAASC,SAAA;AAE5D;;;;;;AAMA,OAAO,MAAMC,YAAA,GAAeA,CAAA;EAC1B,MAAMC,OAAA,GAAUL,KAAA,CAAMM,GAAG,CAACL,gBAAA;EAE1B,IAAI,CAACI,OAAA,EAAS;IACZ;IACA,OAAOF,SAAA;EACT;EAEA,OAAOE,OAAA;AACT","ignoreList":[]}

package/dist/forms/RenderFields/index.css

@@ -13,7 +13,7 @@
   .render-fields {
     /* Reset per nesting level so an ancestor's zeroed value (e.g. a row) does
        not leak into nested fields. */
-    --spacing-field: var(--spacer-3);
+    --spacing-field: var(--spacer-4);
 
     & > .field-type {
       margin-bottom: var(--spacing-field);
@@ -35,9 +35,6 @@
       &.array-field,
       &.collapsible-field,
       &.rich-text {
-        margin-top: calc(var(--spacing-field) * 2);
-        margin-bottom: calc(var(--spacing-field) * 2);
-
         &:first-child {
           margin-top: 0;
         }
@@ -48,7 +45,7 @@
       }
 
       &.group-field {
-        margin-top: calc(var(--spacing-field) * 4);
+        margin-top: calc(var(--spacing-field) * 3);
         margin-bottom: calc(var(--spacing-field) * 3);
 
         &:first-child {
@@ -66,6 +63,7 @@
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .render-fields {
       --spacing-field: var(--spacer-2-5);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","fieldIsHiddenOrDisabled","getFieldPaths","getFieldPermissions","React","RenderIfInViewport","useOperation","FieldPathContext","RenderField","baseClass","RenderFields","props","$","className","fields","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly","readOnlyFromParent","operation","length","t0","filter","Boolean","t1","join","t2","t3","field","i","hasOperationPermission","fieldPermissions","read","hasReadPermission","parentName","includes","split","isReadOnly","admin","indexPath","path","schemaPath","index","_jsx","value","children","clientFieldConfig","map"],"sources":["../../../src/forms/RenderFields/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedFieldPermissions } from 'payload'\n\nimport { fieldIsHiddenOrDisabled, getFieldPaths, getFieldPermissions } from 'payload/shared'\nimport React from 'react'\n\nimport type { RenderFieldsProps } from './types.js'\n\nimport { RenderIfInViewport } from '../../elements/RenderIfInViewport/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { FieldPathContext } from './context.js'\nimport { RenderField } from './RenderField.js'\nimport './index.css'\n\nconst baseClass = 'render-fields'\n\nexport { RenderFieldsProps as Props }\n\nexport const RenderFields: React.FC<RenderFieldsProps> = (props) => {\n  const {\n    className,\n    fields,\n    forceRender,\n    parentIndexPath,\n    parentPath,\n    parentSchemaPath,\n    permissions,\n    readOnly: readOnlyFromParent,\n  } = props\n\n  const operation = useOperation()\n\n  if (fields && fields.length > 0) {\n    return (\n      <RenderIfInViewport\n        className={[baseClass, className].filter(Boolean).join(' ')}\n        forceRender={forceRender}\n      >\n        {fields.map((field, i) => {\n          // For sidebar fields in the main fields array, `field` will be `null`, and visa versa\n          // This is to keep the order of the fields consistent and maintain the correct index paths for the main fields (i)\n          if (!field || fieldIsHiddenOrDisabled(field)) {\n            return null\n          }\n\n          const {\n            operation: hasOperationPermission,\n            permissions: fieldPermissions,\n            read: hasReadPermission,\n          } = getFieldPermissions({\n            field,\n            operation,\n            parentName: parentPath?.includes('.')\n              ? parentPath.split('.')[parentPath.split('.').length - 1]\n              : parentPath,\n            permissions,\n          })\n\n          // If the user cannot read the field, then filter it out\n          // This is different from `admin.readOnly` which is executed based on `operation`\n          if ('name' in field && !hasReadPermission) {\n            return null\n          }\n\n          // `admin.readOnly` displays the value but prevents the field from being edited\n          let isReadOnly = readOnlyFromParent || field?.admin?.readOnly\n\n          // If parent field is `readOnly: true`, but this field is `readOnly: false`, the field should still be editable\n          if (isReadOnly && field.admin?.readOnly === false) {\n            isReadOnly = false\n          }\n\n          // If the user does not have access at the operation level, to begin with, force it to be read-only\n          if ('name' in field && !hasOperationPermission) {\n            isReadOnly = true\n          }\n\n          const { indexPath, path, schemaPath } = getFieldPaths({\n            field,\n            index: i,\n            parentIndexPath,\n            parentPath,\n            parentSchemaPath,\n          })\n\n          return (\n            <FieldPathContext key={`${path}-${i}`} value={path}>\n              <RenderField\n                clientFieldConfig={field}\n                forceRender={forceRender}\n                indexPath={indexPath}\n                parentPath={parentPath}\n                parentSchemaPath={parentSchemaPath}\n                path={path}\n                permissions={fieldPermissions as SanitizedFieldPermissions}\n                readOnly={isReadOnly}\n                schemaPath={schemaPath}\n              />\n            </FieldPathContext>\n          )\n        })}\n      </RenderIfInViewport>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,uBAAuB,EAAEC,aAAa,EAAEC,mBAAmB,QAAQ;AAC5E,OAAOC,KAAA,MAAW;AAIlB,SAASC,kBAAkB,QAAQ;AACnC,SAASC,YAAY,QAAQ;AAC7B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAIlB,OAAO,MAAMC,YAAA,GAA4CC,KAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EACvD;IAAAa,SAAA;IAAAC,MAAA;IAAAC,WAAA;IAAAC,eAAA;IAAAC,UAAA;IAAAC,gBAAA;IAAAC,WAAA;IAAAC,QAAA,EAAAC;EAAA,IASIV,KAAA;EAEJ,MAAAW,SAAA,GAAkBhB,YAAA;EAAA,IAEdQ,MAAA,IAAUA,MAAA,CAAAS,MAAA,IAAgB;IAAA,IAAAC,EAAA;IAAA,IAAAZ,CAAA,QAAAC,SAAA;MAGbW,EAAA,IAAAf,SAAA,EAAYI,SAAA,EAAAY,MAAA,CAAAC,OAAkB;MAAAd,CAAA,MAAAC,SAAA;MAAAD,CAAA,MAAAY,EAAA;IAAA;MAAAA,EAAA,GAAAZ,CAAA;IAAA;IAA9B,MAAAe,EAAA,GAAAH,EAA8B,CAAAI,IAAA,CAAc;IAAA,IAAAC,EAAA;IAAA,IAAAjB,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAU,SAAA,IAAAV,CAAA,QAAAI,eAAA,IAAAJ,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAM,gBAAA,IAAAN,CAAA,QAAAO,WAAA,IAAAP,CAAA,QAAAS,kBAAA,IAAAT,CAAA,SAAAe,EAAA;MAAA,IAAAG,EAAA;MAAA,IAAAlB,CAAA,SAAAG,WAAA,IAAAH,CAAA,SAAAU,SAAA,IAAAV,CAAA,SAAAI,eAAA,IAAAJ,CAAA,SAAAK,UAAA,IAAAL,CAAA,SAAAM,gBAAA,IAAAN,CAAA,SAAAO,WAAA,IAAAP,CAAA,SAAAS,kBAAA;QAG3CS,EAAA,GAAAA,CAAAC,KAAA,EAAAC,CAAA;UAAA,IAGN,CAACD,KAAA,IAAS9B,uBAAA,CAAwB8B,KAAA;YAAA;UAAA;UAItC;YAAAT,SAAA,EAAAW,sBAAA;YAAAd,WAAA,EAAAe,gBAAA;YAAAC,IAAA,EAAAC;UAAA,IAIIjC,mBAAA;YAAA4B,KAAA;YAAAT,SAAA;YAAAe,UAAA,EAGUpB,UAAA,EAAAqB,QAAA,CAAqB,OAC7BrB,UAAA,CAAAsB,KAAA,CAAiB,IAAI,CAACtB,UAAA,CAAAsB,KAAA,CAAiB,KAAAhB,MAAA,IAAc,IACrDN,UAAA;YAAAE;UAAA,CAEN;UAAA,IAII,UAAUY,KAAA,KAAUK,iBAAA;YAAA;UAAA;UAKxB,IAAAI,UAAA,GAAiBnB,kBAAA,IAAsBU,KAAA,EAAAU,KAAA,EAAArB,QAAc;UAAA,IAGjDoB,UAAA,IAAcT,KAAA,CAAAU,KAAA,EAAArB,QAAA,UAA0B;YAC1CoB,UAAA,CAAAA,CAAA,CAAAA,KAAA;UAAA;UAAA,IAIE,UAAUT,KAAA,KAAUE,sBAAA;YACtBO,UAAA,CAAAA,CAAA,CAAAA,IAAA;UAAA;UAGF;YAAAE,SAAA;YAAAC,IAAA;YAAAC;UAAA,IAAwC1C,aAAA;YAAA6B,KAAA;YAAAc,KAAA,EAE/Bb,CAAA;YAAAhB,eAAA;YAAAC,UAAA;YAAAC;UAAA,CAIT;UAAA,OAGE4B,IAAA,CAAAvC,gBAAA;YAAAwC,KAAA,EAA8CJ,IAAA;YAAAK,QAAA,EAC5CF,IAAA,CAAAtC,WAAA;cAAAyC,iBAAA,EACqBlB,KAAA;cAAAhB,WAAA;cAAA2B,SAAA;cAAAzB,UAAA;cAAAC,gBAAA;cAAAyB,IAAA;cAAAxB,WAAA,EAMNe,gBAAA;cAAAd,QAAA,EACHoB,UAAA;cAAAI;YAAA,C;aATS,GAAGD,IAAA,IAAQX,CAAA,EAAG;QAAA;QAczCpB,CAAA,OAAAG,WAAA;QAAAH,CAAA,OAAAU,SAAA;QAAAV,CAAA,OAAAI,eAAA;QAAAJ,CAAA,OAAAK,UAAA;QAAAL,CAAA,OAAAM,gBAAA;QAAAN,CAAA,OAAAO,WAAA;QAAAP,CAAA,OAAAS,kBAAA;QAAAT,CAAA,OAAAkB,EAAA;MAAA;QAAAA,EAAA,GAAAlB,CAAA;MAAA;MAlEFiB,EAAA,GAAAiB,IAAA,CAAAzC,kBAAA;QAAAQ,SAAA,EACac,EAA4C;QAAAZ,WAAA;QAAAiC,QAAA,EAGtDlC,MAAA,CAAAoC,GAAA,CAAWpB,EA8DZ;MAAA,C;;;;;;;;;;;;;;WAlEFD,E;;;CAwEN","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","fieldIsHiddenOrDisabled","getFieldPaths","getFieldPermissions","React","RenderIfInViewport","useOperation","FieldPathContext","RenderField","baseClass","RenderFields","props","$","className","fields","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly","readOnlyFromParent","operation","length","t0","filter","Boolean","t1","join","t2","t3","field","i","hasOperationPermission","fieldPermissions","read","hasReadPermission","parentName","includes","split","isReadOnly","admin","indexPath","path","schemaPath","index","_jsx","value","children","clientFieldConfig","map"],"sources":["../../../src/forms/RenderFields/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedFieldPermissions } from 'payload'\n\nimport { fieldIsHiddenOrDisabled, getFieldPaths, getFieldPermissions } from 'payload/shared'\nimport React from 'react'\n\nimport type { RenderFieldsProps } from './types.js'\n\nimport { RenderIfInViewport } from '../../elements/RenderIfInViewport/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { FieldPathContext } from './context.js'\nimport { RenderField } from './RenderField.js'\nimport './index.css'\n\nconst baseClass = 'render-fields'\n\nexport { RenderFieldsProps as Props }\n\nexport const RenderFields: React.FC<RenderFieldsProps> = (props) => {\n  const {\n    className,\n    fields,\n    forceRender,\n    parentIndexPath,\n    parentPath,\n    parentSchemaPath,\n    permissions,\n    readOnly: readOnlyFromParent,\n  } = props\n\n  const operation = useOperation()\n\n  if (fields && fields.length > 0) {\n    return (\n      <RenderIfInViewport\n        className={[baseClass, className].filter(Boolean).join(' ')}\n        forceRender={forceRender}\n      >\n        {fields.map((field, i) => {\n          // For sidebar fields in the main fields array, `field` will be `null`, and visa versa\n          // This is to keep the order of the fields consistent and maintain the correct index paths for the main fields (i)\n          if (!field || fieldIsHiddenOrDisabled(field)) {\n            return null\n          }\n\n          const {\n            operation: hasOperationPermission,\n            permissions: fieldPermissions,\n            read: hasReadPermission,\n          } = getFieldPermissions({\n            field,\n            operation,\n            parentName: parentPath?.includes('.')\n              ? parentPath.split('.')[parentPath.split('.').length - 1]\n              : parentPath,\n            permissions,\n          })\n\n          // If the user cannot read the field, then filter it out\n          // This is different from `admin.readOnly` which is executed based on `operation`\n          if ('name' in field && !hasReadPermission) {\n            return null\n          }\n\n          // `admin.readOnly` displays the value but prevents the field from being edited\n          let isReadOnly = readOnlyFromParent || field?.admin?.readOnly\n\n          // If parent field is `readOnly: true`, but this field is `readOnly: false`, the field should still be editable\n          if (isReadOnly && field.admin?.readOnly === false) {\n            isReadOnly = false\n          }\n\n          // If the user does not have access at the operation level, to begin with, force it to be read-only\n          if ('name' in field && !hasOperationPermission) {\n            isReadOnly = true\n          }\n\n          const { indexPath, path, schemaPath } = getFieldPaths({\n            field,\n            index: i,\n            parentIndexPath,\n            parentPath,\n            parentSchemaPath,\n          })\n\n          return (\n            <FieldPathContext key={`${path}-${i}`} value={path}>\n              <RenderField\n                clientFieldConfig={field}\n                forceRender={forceRender}\n                indexPath={indexPath}\n                parentPath={parentPath}\n                parentSchemaPath={parentSchemaPath}\n                path={path}\n                permissions={fieldPermissions as SanitizedFieldPermissions}\n                readOnly={isReadOnly}\n                schemaPath={schemaPath}\n              />\n            </FieldPathContext>\n          )\n        })}\n      </RenderIfInViewport>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/forms/RowLabel/Context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/RowLabel/Context/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,YAAY,CAAC,CAAC,GAAG,OAAO,IAAI;IAC/B,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAA;IAChB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AAQD,KAAK,KAAK,CAAC,CAAC,IAAI;IACd,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;AAEjC,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAUrD,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,CAAC,OACG,YAAY,CAAC,CAAC,CAC7C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/RowLabel/Context/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,YAAY,CAAC,CAAC,GAAG,OAAO,IAAI;IAC/B,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAA;IAChB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AAQD,KAAK,KAAK,CAAC,CAAC,IAAI;IACd,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;AAEjC,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAYrD,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,CAAC,OACG,YAAY,CAAC,CAAC,CAC7C,CAAA"}

package/dist/forms/RowLabel/Context/index.js

@@ -1,6 +1,8 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { getDataByPath, getSiblingData } from 'payload/shared';
 import React from 'react';
 import { useWatchForm } from '../../Form/context.js';
 const RowLabel = /*#__PURE__*/React.createContext({
@@ -8,27 +10,65 @@ const RowLabel = /*#__PURE__*/React.createContext({
   path: '',
   rowNumber: undefined
 });
-export const RowLabelProvider = ({
-  children,
-  path,
-  rowNumber
-}) => {
+export const RowLabelProvider = t0 => {
+  const $ = _c(13);
   const {
-    getDataByPath,
-    getSiblingData
-  } = useWatchForm();
-  const collapsibleData = getSiblingData(path);
-  const arrayData = getDataByPath(path);
-  const data = arrayData || collapsibleData;
-  const contextValue = React.useMemo(() => ({
-    data,
+    children,
     path,
     rowNumber
-  }), [data, path, rowNumber]);
-  return /*#__PURE__*/_jsx(RowLabel, {
-    value: contextValue,
-    children: children
-  });
+  } = t0;
+  const {
+    fields
+  } = useWatchForm();
+  let t1;
+  if ($[0] !== fields || $[1] !== path) {
+    t1 = getSiblingData(fields, path);
+    $[0] = fields;
+    $[1] = path;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const collapsibleData = t1;
+  let t2;
+  if ($[3] !== fields || $[4] !== path) {
+    t2 = getDataByPath(fields, path);
+    $[3] = fields;
+    $[4] = path;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const arrayData = t2;
+  const data = arrayData || collapsibleData;
+  let t3;
+  if ($[6] !== data || $[7] !== path || $[8] !== rowNumber) {
+    t3 = {
+      data,
+      path,
+      rowNumber
+    };
+    $[6] = data;
+    $[7] = path;
+    $[8] = rowNumber;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const contextValue = t3;
+  let t4;
+  if ($[10] !== children || $[11] !== contextValue) {
+    t4 = _jsx(RowLabel, {
+      value: contextValue,
+      children
+    });
+    $[10] = children;
+    $[11] = contextValue;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
 };
 export const useRowLabel = () => {
   return React.use(RowLabel);

package/dist/forms/RowLabel/Context/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useWatchForm","RowLabel","createContext","data","path","rowNumber","undefined","RowLabelProvider","children","getDataByPath","getSiblingData","collapsibleData","arrayData","contextValue","useMemo","_jsx","value","useRowLabel","use"],"sources":["../../../../src/forms/RowLabel/Context/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useWatchForm } from '../../Form/context.js'\n\ntype RowLabelType<T = unknown> = {\n  readonly data: T\n  readonly path: string\n  readonly rowNumber?: number\n}\n\nconst RowLabel = React.createContext<RowLabelType>({\n  data: {},\n  path: '',\n  rowNumber: undefined,\n})\n\ntype Props<T> = {\n  readonly children: React.ReactNode\n} & Omit<RowLabelType<T>, 'data'>\n\nexport const RowLabelProvider: React.FC<Props<unknown>> = ({ children, path, rowNumber }) => {\n  const { getDataByPath, getSiblingData } = useWatchForm()\n  const collapsibleData = getSiblingData(path)\n  const arrayData = getDataByPath(path)\n\n  const data = arrayData || collapsibleData\n\n  const contextValue = React.useMemo(() => ({ data, path, rowNumber }), [data, path, rowNumber])\n\n  return <RowLabel value={contextValue}>{children}</RowLabel>\n}\n\nexport const useRowLabel = <T,>() => {\n  return React.use(RowLabel) as RowLabelType<T>\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAQ7B,MAAMC,QAAA,gBAAWF,KAAA,CAAMG,aAAa,CAAe;EACjDC,IAAA,EAAM,CAAC;EACPC,IAAA,EAAM;EACNC,SAAA,EAAWC;AACb;AAMA,OAAO,MAAMC,gBAAA,GAA6CA,CAAC;EAAEC,QAAQ;EAAEJ,IAAI;EAAEC;AAAS,CAAE;EACtF,MAAM;IAAEI,aAAa;IAAEC;EAAc,CAAE,GAAGV,YAAA;EAC1C,MAAMW,eAAA,GAAkBD,cAAA,CAAeN,IAAA;EACvC,MAAMQ,SAAA,GAAYH,aAAA,CAAcL,IAAA;EAEhC,MAAMD,IAAA,GAAOS,SAAA,IAAaD,eAAA;EAE1B,MAAME,YAAA,GAAed,KAAA,CAAMe,OAAO,CAAC,OAAO;IAAEX,IAAA;IAAMC,IAAA;IAAMC;EAAU,IAAI,CAACF,IAAA,EAAMC,IAAA,EAAMC,SAAA,CAAU;EAE7F,oBAAOU,IAAA,CAACd,QAAA;IAASe,KAAA,EAAOH,YAAA;cAAeL;;AACzC;AAEA,OAAO,MAAMS,WAAA,GAAcA,CAAA;EACzB,OAAOlB,KAAA,CAAMmB,GAAG,CAACjB,QAAA;AACnB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getDataByPath","getSiblingData","React","useWatchForm","RowLabel","createContext","data","path","rowNumber","undefined","RowLabelProvider","t0","$","children","fields","t1","collapsibleData","t2","arrayData","t3","contextValue","t4","_jsx","value","useRowLabel","use"],"sources":["../../../../src/forms/RowLabel/Context/index.tsx"],"sourcesContent":["'use client'\n\nimport { getDataByPath, getSiblingData } from 'payload/shared'\nimport React from 'react'\n\nimport { useWatchForm } from '../../Form/context.js'\n\ntype RowLabelType<T = unknown> = {\n  readonly data: T\n  readonly path: string\n  readonly rowNumber?: number\n}\n\nconst RowLabel = React.createContext<RowLabelType>({\n  data: {},\n  path: '',\n  rowNumber: undefined,\n})\n\ntype Props<T> = {\n  readonly children: React.ReactNode\n} & Omit<RowLabelType<T>, 'data'>\n\nexport const RowLabelProvider: React.FC<Props<unknown>> = ({ children, path, rowNumber }) => {\n  // Reads the form state itself, not the form's getters: they never change, so React Compiler\n  // would keep returning the data from the first render\n  const { fields } = useWatchForm()\n  const collapsibleData = getSiblingData(fields, path)\n  const arrayData = getDataByPath(fields, path)\n\n  const data = arrayData || collapsibleData\n\n  const contextValue = React.useMemo(() => ({ data, path, rowNumber }), [data, path, rowNumber])\n\n  return <RowLabel value={contextValue}>{children}</RowLabel>\n}\n\nexport const useRowLabel = <T,>() => {\n  return React.use(RowLabel) as RowLabelType<T>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,aAAa,EAAEC,cAAc,QAAQ;AAC9C,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAQ7B,MAAMC,QAAA,gBAAWF,KAAA,CAAMG,aAAa,CAAe;EACjDC,IAAA,EAAM,CAAC;EACPC,IAAA,EAAM;EACNC,SAAA,EAAWC;AACb;AAMA,OAAO,MAAMC,gBAAA,GAA6CC,EAAA;EAAA,MAAAC,CAAA,GAAAb,EAAA;EAAC;IAAAc,QAAA;IAAAN,IAAA;IAAAC;EAAA,IAAAG,EAA6B;EAGtF;IAAAG;EAAA,IAAmBX,YAAA;EAAA,IAAAY,EAAA;EAAA,IAAAH,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAL,IAAA;IACKQ,EAAA,GAAAd,cAAA,CAAea,MAAA,EAAQP,IAAA;IAAAK,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAL,IAAA;IAAAK,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAA/C,MAAAI,eAAA,GAAwBD,EAAuB;EAAA,IAAAE,EAAA;EAAA,IAAAL,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAL,IAAA;IAC7BU,EAAA,GAAAjB,aAAA,CAAcc,MAAA,EAAQP,IAAA;IAAAK,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAL,IAAA;IAAAK,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAxC,MAAAM,SAAA,GAAkBD,EAAsB;EAExC,MAAAX,IAAA,GAAaY,SAAa,IAAbF,eAAa;EAAA,IAAAG,EAAA;EAAA,IAAAP,CAAA,QAAAN,IAAA,IAAAM,CAAA,QAAAL,IAAA,IAAAK,CAAA,QAAAJ,SAAA;IAEgBW,EAAA;MAAAb,IAAA;MAAAC,IAAA;MAAAC;IAAwB;IAAAI,CAAA,MAAAN,IAAA;IAAAM,CAAA,MAAAL,IAAA;IAAAK,CAAA,MAAAJ,SAAA;IAAAI,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAAlE,MAAAQ,YAAA,GAA0CD,EAAwB;EAA2B,IAAAE,EAAA;EAAA,IAAAT,CAAA,SAAAC,QAAA,IAAAD,CAAA,SAAAQ,YAAA;IAEtFC,EAAA,GAAAC,IAAA,CAAClB,QAAA;MAAAmB,KAAA,EAAgBH,YAAA;MAAAP;;;;;;;;SAAjBQ,E;CACT;AAEA,OAAO,MAAMG,WAAA,GAAcA,CAAA;EACzB,OAAOtB,KAAA,CAAMuB,GAAG,CAACrB,QAAA;AACnB","ignoreList":[]}

package/dist/forms/Submit/index.js

@@ -24,30 +24,29 @@ export const FormSubmit = props => {
     disabled
   } = useForm();
   const canSave = !(disabledFromProps || initializing || processing || backgroundProcessing || disabled);
-  const t1 = canSave ? undefined : true;
-  let t2;
-  if ($[0] !== children || $[1] !== id || $[2] !== onClick || $[3] !== props || $[4] !== t1 || $[5] !== type) {
-    t2 = _jsx("div", {
+  let t1;
+  if ($[0] !== canSave || $[1] !== children || $[2] !== id || $[3] !== onClick || $[4] !== props || $[5] !== type) {
+    t1 = _jsx("div", {
       className: baseClass,
       children: _jsx(Button, {
         ...props,
-        disabled: t1,
+        disabled: canSave ? undefined : true,
         id,
         onClick,
         type,
         children
       })
     });
-    $[0] = children;
-    $[1] = id;
-    $[2] = onClick;
-    $[3] = props;
-    $[4] = t1;
+    $[0] = canSave;
+    $[1] = children;
+    $[2] = id;
+    $[3] = onClick;
+    $[4] = props;
     $[5] = type;
-    $[6] = t2;
+    $[6] = t1;
   } else {
-    t2 = $[6];
+    t1 = $[6];
   }
-  return t2;
+  return t1;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Button","useForm","useFormBackgroundProcessing","useFormInitializing","useFormProcessing","baseClass","FormSubmit","props","$","type","t0","buttonId","id","children","disabled","disabledFromProps","onClick","undefined","processing","backgroundProcessing","initializing","canSave","t1","t2","_jsx","className"],"sources":["../../../src/forms/Submit/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props } from '../../elements/Button/types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport {\n  useForm,\n  useFormBackgroundProcessing,\n  useFormInitializing,\n  useFormProcessing,\n} from '../Form/context.js'\nimport './index.css'\n\nconst baseClass = 'form-submit'\n\nexport const FormSubmit: React.FC<Props> = (props) => {\n  const { type = 'submit', buttonId: id, children, disabled: disabledFromProps, onClick } = props\n\n  const processing = useFormProcessing()\n  const backgroundProcessing = useFormBackgroundProcessing()\n  const initializing = useFormInitializing()\n  const { disabled } = useForm()\n\n  const canSave = !(\n    disabledFromProps ||\n    initializing ||\n    processing ||\n    backgroundProcessing ||\n    disabled\n  )\n\n  return (\n    <div className={baseClass}>\n      <Button\n        {...props}\n        disabled={canSave ? undefined : true}\n        id={id}\n        onClick={onClick}\n        type={type}\n      >\n        {children}\n      </Button>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAIlB,SAASC,MAAM,QAAQ;AACvB,SACEC,OAAO,EACPC,2BAA2B,EAC3BC,mBAAmB,EACnBC,iBAAiB,QACZ;AACP,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAA8BC,KAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACzC;IAAAW,IAAA,EAAAC,EAAA;IAAAC,QAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC,QAAA,EAAAC,iBAAA;IAAAC;EAAA,IAA0FT,KAAA;EAAlF,MAAAE,IAAA,GAAAC,EAAe,KAAAO,SAAA,GAAR,QAAQ,GAAfP,EAAe;EAEvB,MAAAQ,UAAA,GAAmBd,iBAAA;EACnB,MAAAe,oBAAA,GAA6BjB,2BAAA;EAC7B,MAAAkB,YAAA,GAAqBjB,mBAAA;EACrB;IAAAW;EAAA,IAAqBb,OAAA;EAErB,MAAAoB,OAAA,KACEN,iBAAA,IACAK,YAAA,IACAF,UAAA,IACAC,oBAAA,IACAL,QAAO;EAOO,MAAAQ,EAAA,GAAAD,OAAA,GAAAJ,SAAA,OAAsB;EAAA,IAAAM,EAAA;EAAA,IAAAf,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAI,EAAA,IAAAJ,CAAA,QAAAQ,OAAA,IAAAR,CAAA,QAAAD,KAAA,IAAAC,CAAA,QAAAc,EAAA,IAAAd,CAAA,QAAAC,IAAA;IAHpCc,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAApB,SAAA;MAAAQ,QAAA,EACCW,IAAA,CAAAxB,MAAA;QAAA,GACMO,KAAK;QAAAO,QAAA,EACCQ,EAAsB;QAAAV,EAAA;QAAAI,OAAA;QAAAP,IAAA;QAAAI;MAAA,C;;;;;;;;;;;;SAHpCU,E;CAYJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Button","useForm","useFormBackgroundProcessing","useFormInitializing","useFormProcessing","baseClass","FormSubmit","props","$","type","t0","buttonId","id","children","disabled","disabledFromProps","onClick","undefined","processing","backgroundProcessing","initializing","canSave","t1","_jsx","className"],"sources":["../../../src/forms/Submit/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props } from '../../elements/Button/types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport {\n  useForm,\n  useFormBackgroundProcessing,\n  useFormInitializing,\n  useFormProcessing,\n} from '../Form/context.js'\nimport './index.css'\n\nconst baseClass = 'form-submit'\n\nexport const FormSubmit: React.FC<Props> = (props) => {\n  const { type = 'submit', buttonId: id, children, disabled: disabledFromProps, onClick } = props\n\n  const processing = useFormProcessing()\n  const backgroundProcessing = useFormBackgroundProcessing()\n  const initializing = useFormInitializing()\n  const { disabled } = useForm()\n\n  const canSave = !(\n    disabledFromProps ||\n    initializing ||\n    processing ||\n    backgroundProcessing ||\n    disabled\n  )\n\n  return (\n    <div className={baseClass}>\n      <Button\n        {...props}\n        disabled={canSave ? undefined : true}\n        id={id}\n        onClick={onClick}\n        type={type}\n      >\n        {children}\n      </Button>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAIlB,SAASC,MAAM,QAAQ;AACvB,SACEC,OAAO,EACPC,2BAA2B,EAC3BC,mBAAmB,EACnBC,iBAAiB,QACZ;AACP,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAA8BC,KAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACzC;IAAAW,IAAA,EAAAC,EAAA;IAAAC,QAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC,QAAA,EAAAC,iBAAA;IAAAC;EAAA,IAA0FT,KAAA;EAAlF,MAAAE,IAAA,GAAAC,EAAe,KAAfO,SAAe,GAAf,QAAe,GAAfP,EAAe;EAEvB,MAAAQ,UAAA,GAAmBd,iBAAA;EACnB,MAAAe,oBAAA,GAA6BjB,2BAAA;EAC7B,MAAAkB,YAAA,GAAqBjB,mBAAA;EACrB;IAAAW;EAAA,IAAqBb,OAAA;EAErB,MAAAoB,OAAA,GAAgB,EACdN,iBACA,IADAK,YAEA,IAFAF,UAGA,IAHAC,oBAIO,IAJPL,QAIO;EAAA,IAAAQ,EAAA;EAAA,IAAAd,CAAA,QAAAa,OAAA,IAAAb,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAI,EAAA,IAAAJ,CAAA,QAAAQ,OAAA,IAAAR,CAAA,QAAAD,KAAA,IAAAC,CAAA,QAAAC,IAAA;IAIPa,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAenB,SAAA;MAAAQ,QAAA,EACdU,IAAA,CAACvB,MAAA;QAAA,GACKO,KAAK;QAAAO,QAAA,EACCO,OAAA,GAAAJ,SAAsB,GAAtB,IAAsB;QAAAL,EAAA;QAAAI,OAAA;QAAAP,IAAA;QAAAI;;;;;;;;;;;;;SAHpCS,E;CAYJ","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,6BAA6B,GAAG;IACnC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAA;IACtB;;;;;OAKG;IACH,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC,CAAA;AACD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CA2CpE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,6BAA6B,GAAG;IACnC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAA;IACtB;;;;;OAKG;IACH,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC,CAAA;AACD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAgDpE,CAAA"}

package/dist/forms/WatchChildErrors/index.js

@@ -25,8 +25,8 @@ export const WatchChildErrors = t0 => {
   let t2;
   if ($[2] !== formState || $[3] !== hasSubmitted || $[4] !== parentPath || $[5] !== segmentsToMatch || $[6] !== setErrorCount) {
     t2 = () => {
+      let errorCount = 0;
       if (hasSubmitted) {
-        let errorCount = 0;
         Object.entries(formState).forEach(t3 => {
           const [key] = t3;
           const matchingSegment = segmentsToMatch?.some(segment => {
@@ -45,8 +45,8 @@ export const WatchChildErrors = t0 => {
             }
           }
         });
-        setErrorCount(errorCount);
       }
+      setErrorCount(errorCount);
     };
     $[2] = formState;
     $[3] = hasSubmitted;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useThrottledEffect","useAllFormFields","useFormSubmitted","buildPathSegments","WatchChildErrors","t0","$","fields","path","parentPath","setErrorCount","formState","hasSubmitted","t1","segmentsToMatch","t2","errorCount","Object","entries","forEach","t3","key","matchingSegment","some","segment","segmentToMatch","join","endsWith","pathWithoutDot","slice","startsWith","pathState","valid"],"sources":["../../../src/forms/WatchChildErrors/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\nimport type React from 'react'\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAllFormFields, useFormSubmitted } from '../Form/context.js'\nimport { buildPathSegments } from './buildPathSegments.js'\n\ntype TrackSubSchemaErrorCountProps = {\n  fields?: ClientField[]\n  /**\n   * This path should only include path segments that affect data\n   * i.e. it should not include _index-0 type segments\n   *\n   * For collapsibles and tabs you can simply pass their parent path\n   */\n  path: (number | string)[]\n  setErrorCount: (count: number) => void\n}\nexport const WatchChildErrors: React.FC<TrackSubSchemaErrorCountProps> = ({\n  fields,\n  path: parentPath,\n  setErrorCount,\n}) => {\n  const [formState] = useAllFormFields()\n  const hasSubmitted = useFormSubmitted()\n\n  const segmentsToMatch = buildPathSegments(fields)\n\n  useThrottledEffect(\n    () => {\n      if (hasSubmitted) {\n        let errorCount = 0\n        Object.entries(formState).forEach(([key]) => {\n          const matchingSegment = segmentsToMatch?.some((segment) => {\n            const segmentToMatch = [...parentPath, segment].join('.')\n            // match fields with same parent path\n            if (segmentToMatch.endsWith('.')) {\n              // Match both nested fields (key starts with segmentToMatch)\n              // and the field itself (key equals segmentToMatch without trailing dot)\n              const pathWithoutDot = segmentToMatch.slice(0, -1)\n              return key.startsWith(segmentToMatch) || key === pathWithoutDot\n            }\n            // match fields with same path\n            return key === segmentToMatch\n          })\n\n          if (matchingSegment) {\n            const pathState = formState[key]\n            if ('valid' in pathState && !pathState.valid) {\n              errorCount += 1\n            }\n          }\n        })\n        setErrorCount(errorCount)\n      }\n    },\n    250,\n    [formState, hasSubmitted, fields],\n  )\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,kBAAkB,QAAQ;AACnC,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ;AACnD,SAASC,iBAAiB,QAAQ;AAalC,OAAO,MAAMC,gBAAA,GAA4DC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,MAAA;IAAAC,IAAA,EAAAC,UAAA;IAAAC;EAAA,IAAAL,EAIzE;EACC,OAAAM,SAAA,IAAoBV,gBAAA;EACpB,MAAAW,YAAA,GAAqBV,gBAAA;EAAA,IAAAW,EAAA;EAAA,IAAAP,CAAA,QAAAC,MAAA;IAEGM,EAAA,GAAAV,iBAAA,CAAkBI,MAAA;IAAAD,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAA1C,MAAAQ,eAAA,GAAwBD,EAAkB;EAAA,IAAAE,EAAA;EAAA,IAAAT,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAM,YAAA,IAAAN,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAQ,eAAA,IAAAR,CAAA,QAAAI,aAAA;IAGxCK,EAAA,GAAAA,CAAA;MAAA,IACMH,YAAA;QACF,IAAAI,UAAA;QACAC,MAAA,CAAAC,OAAA,CAAeP,SAAA,EAAAQ,OAAA,CAAAC,EAAA;UAAoB,OAAAC,GAAA,IAAAD,EAAK;UACtC,MAAAE,eAAA,GAAwBR,eAAA,EAAAS,IAAA,CAAAC,OAAA;YACtB,MAAAC,cAAA,GAAuB,IAAIhB,UAAA,EAAYe,OAAA,EAAAE,IAAA,CAAc;YAAA,IAEjDD,cAAA,CAAAE,QAAA,CAAwB;cAG1B,MAAAC,cAAA,GAAuBH,cAAA,CAAAI,KAAA,MAAyB;cAAA,OACzCR,GAAA,CAAAS,UAAA,CAAeL,cAAA,KAAmBJ,GAAA,KAAQO,cAAA;YAAA;YAAA,OAG5CP,GAAA,KAAQI,cAAA;UAAA;UACjB,IAEIH,eAAA;YACF,MAAAS,SAAA,GAAkBpB,SAAS,CAACU,GAAA;YAAI,IAC5B,WAAWU,SAAA,KAAcA,SAAA,CAAAC,KAAe;cAC1ChB,UAAA,GAAAA,UAAA,IAAc;cAAdA,UAAA;YAAA;UAAA;QAAA,CAGN;QACAN,aAAA,CAAcM,UAAA;MAAA;IAAA;IAElBV,CAAA,MAAAK,SAAA;IAAAL,CAAA,MAAAM,YAAA;IAAAN,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAQ,eAAA;IAAAR,CAAA,MAAAI,aAAA;IAAAJ,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAA,IAAAc,EAAA;EAAA,IAAAd,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAK,SAAA,IAAAL,CAAA,SAAAM,YAAA;IAEAQ,EAAA,IAACT,SAAA,EAAWC,YAAA,EAAcL,MAAA;IAAOD,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAK,SAAA;IAAAL,CAAA,OAAAM,YAAA;IAAAN,CAAA,OAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EA7BnCN,kBAAA,CACEe,EA0BA,OAEAK,EAAiC;EAAA;AAAA,CAIrC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useThrottledEffect","useAllFormFields","useFormSubmitted","buildPathSegments","WatchChildErrors","t0","$","fields","path","parentPath","setErrorCount","formState","hasSubmitted","t1","segmentsToMatch","t2","errorCount","Object","entries","forEach","t3","key","matchingSegment","some","segment","segmentToMatch","join","endsWith","pathWithoutDot","slice","startsWith","pathState","valid"],"sources":["../../../src/forms/WatchChildErrors/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\nimport type React from 'react'\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAllFormFields, useFormSubmitted } from '../Form/context.js'\nimport { buildPathSegments } from './buildPathSegments.js'\n\ntype TrackSubSchemaErrorCountProps = {\n  fields?: ClientField[]\n  /**\n   * This path should only include path segments that affect data\n   * i.e. it should not include _index-0 type segments\n   *\n   * For collapsibles and tabs you can simply pass their parent path\n   */\n  path: (number | string)[]\n  setErrorCount: (count: number) => void\n}\nexport const WatchChildErrors: React.FC<TrackSubSchemaErrorCountProps> = ({\n  fields,\n  path: parentPath,\n  setErrorCount,\n}) => {\n  const [formState] = useAllFormFields()\n  const hasSubmitted = useFormSubmitted()\n\n  const segmentsToMatch = buildPathSegments(fields)\n\n  useThrottledEffect(\n    () => {\n      // Errors are only surfaced after a submit attempt. Once the form is no longer\n      // submitted (e.g. after a successful save resets the submitted flag), reset the\n      // count to 0 so stale error indicators don't linger on the tab.\n      let errorCount = 0\n\n      if (hasSubmitted) {\n        Object.entries(formState).forEach(([key]) => {\n          const matchingSegment = segmentsToMatch?.some((segment) => {\n            const segmentToMatch = [...parentPath, segment].join('.')\n            // match fields with same parent path\n            if (segmentToMatch.endsWith('.')) {\n              // Match both nested fields (key starts with segmentToMatch)\n              // and the field itself (key equals segmentToMatch without trailing dot)\n              const pathWithoutDot = segmentToMatch.slice(0, -1)\n              return key.startsWith(segmentToMatch) || key === pathWithoutDot\n            }\n            // match fields with same path\n            return key === segmentToMatch\n          })\n\n          if (matchingSegment) {\n            const pathState = formState[key]\n            if ('valid' in pathState && !pathState.valid) {\n              errorCount += 1\n            }\n          }\n        })\n      }\n\n      setErrorCount(errorCount)\n    },\n    250,\n    [formState, hasSubmitted, fields],\n  )\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,kBAAkB,QAAQ;AACnC,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ;AACnD,SAASC,iBAAiB,QAAQ;AAalC,OAAO,MAAMC,gBAAA,GAA4DC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,MAAA;IAAAC,IAAA,EAAAC,UAAA;IAAAC;EAAA,IAAAL,EAIzE;EACC,OAAAM,SAAA,IAAoBV,gBAAA;EACpB,MAAAW,YAAA,GAAqBV,gBAAA;EAAA,IAAAW,EAAA;EAAA,IAAAP,CAAA,QAAAC,MAAA;IAEGM,EAAA,GAAAV,iBAAA,CAAkBI,MAAA;IAAAD,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAA1C,MAAAQ,eAAA,GAAwBD,EAAkB;EAAA,IAAAE,EAAA;EAAA,IAAAT,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAM,YAAA,IAAAN,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAQ,eAAA,IAAAR,CAAA,QAAAI,aAAA;IAGxCK,EAAA,GAAAA,CAAA;MAIE,IAAAC,UAAA,GAAiB;MAEjB,IAAIJ,YAAA;QACFK,MAAA,CAAAC,OAAc,CAACP,SAAA,EAAAQ,OAAkB,CAACC,EAAA;UAAC,OAAAC,GAAA,IAAAD,EAAK;UACtC,MAAAE,eAAA,GAAwBR,eAAA,EAAAS,IAWxB,CAX8CC,OAAA;YAC5C,MAAAC,cAAA,GAAuB,IAAIhB,UAAA,EAAYe,OAAA,CAAQ,CAAAE,IAAK,CAAC;YAErD,IAAID,cAAA,CAAAE,QAAuB,CAAC;cAG1B,MAAAC,cAAA,GAAuBH,cAAA,CAAAI,KAAoB,CAAC,GAAG,EAAC;cAAA,OACzCR,GAAA,CAAAS,UAAc,CAACL,cAA2B,KAARJ,GAAA,KAAQO,cAAA;YAAA;YACnD,OAEOP,GAAA,KAAQI,cAAA;UAAA,CACjB;UAEA,IAAIH,eAAA;YACF,MAAAS,SAAA,GAAkBpB,SAAS,CAACU,GAAA,CAAI;YAChC,IAAI,WAAWU,SAA6B,IAAxC,CAAyBA,SAAA,CAAAC,KAAe;cAC1ChB,UAAA,GAAAA,UAAA,GAAc;cAAdA,UAAc;YAAA;UAChB;QACF,CACF;MAAA;MAGFN,aAAA,CAAcM,UAAA;IAAA,CAChB;IAAAV,CAAA,MAAAK,SAAA;IAAAL,CAAA,MAAAM,YAAA;IAAAN,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAQ,eAAA;IAAAR,CAAA,MAAAI,aAAA;IAAAJ,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAA,IAAAc,EAAA;EAAA,IAAAd,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAK,SAAA,IAAAL,CAAA,SAAAM,YAAA;IAEAQ,EAAA,IAACT,SAAA,EAAWC,YAAA,EAAcL,MAAA,CAAO;IAAAD,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAK,SAAA;IAAAL,CAAA,OAAAM,YAAA;IAAAN,CAAA,OAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAlCnCN,kBAAA,CACEe,EA+BA,EACA,KACAK,EAAiC;EAAA,OAG5B;AAAA,CACT","ignoreList":[]}

package/dist/forms/fieldSchemasToFormState/addFieldStatePromise.d.ts

@@ -1,4 +1,4 @@
-import type { BuildFormStateArgs, ClientFieldSchemaMap, Data, DocumentPreferences, Field, FieldSchemaMap, FormState, FormStateWithoutComponents, PayloadRequest, SanitizedFieldsPermissions, SelectMode, SelectType, TabAsField } from 'payload';
+import type { BuildFormStateArgs, ClientFieldSchemaMap, Data, DocumentPreferences, Field, FieldOperation, FieldSchemaMap, FormState, FormStateWithoutComponents, PayloadRequest, SanitizedFieldsPermissions, SelectMode, SelectType, TabAsField } from 'payload';
 import type { RenderFieldMethod } from './types.js';
 export type AddFieldStatePromiseArgs = {
     addErrorPathToParent: (fieldPath: string) => void;
@@ -37,7 +37,7 @@ export type AddFieldStatePromiseArgs = {
      * Whether to omit parent fields in the state. @default false
      */
     omitParents?: boolean;
-    operation: 'create' | 'update';
+    operation: FieldOperation;
     parentIndexPath: string;
     parentPath: string;
     parentPermissions: SanitizedFieldsPermissions;

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

@@ -1 +1 @@
-{"version":3,"file":"addFieldStatePromise.d.ts","sourceRoot":"","sources":["../../../src/forms/fieldSchemasToFormState/addFieldStatePromise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,IAAI,EACJ,mBAAmB,EACnB,KAAK,EACL,cAAc,EAGd,SAAS,EACT,0BAA0B,EAC1B,cAAc,EAGd,0BAA0B,EAC1B,UAAU,EACV,UAAU,EACV,UAAU,EAEX,MAAM,SAAS,CAAA;AAchB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAQnD,MAAM,MAAM,wBAAwB,GAAG;IACrC,oBAAoB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,SAAS,EAAE,IAAI,GAAG,SAAS,CAAA;IAC3B,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,EAAE,KAAK,GAAG,UAAU,CAAA;IACzB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,cAAc,CAAA;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,OAAO,CAAA;IACpD;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,EAAE,IAAI,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAA;IACzC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC9B,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,EAAE,0BAA0B,CAAA;IAC7C,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,OAAO,CAAA;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,mBAAmB,CAAA;IAChC,iBAAiB,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,OAAO,CAAA;IACxB,aAAa,EAAE,iBAAiB,CAAA;IAChC;;;OAGG;IACH,GAAG,EAAE,cAAc,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,EAAE,0BAA0B,CAAA;CAClC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,SAAgB,wBAAwB,KAAG,OAAO,CAAC,IAAI,CAq7BvF,CAAA"}
+{"version":3,"file":"addFieldStatePromise.d.ts","sourceRoot":"","sources":["../../../src/forms/fieldSchemasToFormState/addFieldStatePromise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,IAAI,EACJ,mBAAmB,EACnB,KAAK,EACL,cAAc,EACd,cAAc,EAGd,SAAS,EACT,0BAA0B,EAC1B,cAAc,EAGd,0BAA0B,EAC1B,UAAU,EACV,UAAU,EACV,UAAU,EAEX,MAAM,SAAS,CAAA;AAchB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAQnD,MAAM,MAAM,wBAAwB,GAAG;IACrC,oBAAoB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,SAAS,EAAE,IAAI,GAAG,SAAS,CAAA;IAC3B,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,EAAE,KAAK,GAAG,UAAU,CAAA;IACzB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,cAAc,CAAA;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,OAAO,CAAA;IACpD;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,EAAE,IAAI,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAA;IACzC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,cAAc,CAAA;IACzB,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,EAAE,0BAA0B,CAAA;IAC7C,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,OAAO,CAAA;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,mBAAmB,CAAA;IAChC,iBAAiB,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,OAAO,CAAA;IACxB,aAAa,EAAE,iBAAiB,CAAA;IAChC;;;OAGG;IACH,GAAG,EAAE,cAAc,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,EAAE,0BAA0B,CAAA;CAClC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,SAAgB,wBAAwB,KAAG,OAAO,CAAC,IAAI,CAi8BvF,CAAA"}

package/dist/forms/fieldSchemasToFormState/addFieldStatePromise.js

@@ -310,6 +310,7 @@ export const addFieldStatePromise = async args => {
             const rowPath = path + '.' + i;
             if (block) {
               row.id = row?.id || new ObjectId().toHexString();
+              const previousRow = (previousFormState?.[path]?.rows || []).find(prevRow => prevRow.id === row.id);
               if (!omitParents && (!filter || filter(args))) {
                 // Handle block `id` field
                 const idKey = rowPath + '.id';
@@ -317,6 +318,9 @@ export const addFieldStatePromise = async args => {
                   initialValue: row.id,
                   value: row.id
                 };
+                if (!previousRow) {
+                  state[idKey].addedByServer = true;
+                }
                 // If the blocks field fails filterOptions validation, add error paths to the individual blocks that are no longer allowed
                 if (filterOptionsValidationResult?.invalidBlockSlugs?.length && filterOptionsValidationResult.invalidBlockSlugs.includes(row.blockType)) {
                   state[idKey].errorMessage = req.t('validation:invalidBlock', {
@@ -339,8 +343,8 @@ export const addFieldStatePromise = async args => {
                   initialValue: row.blockType,
                   value: row.blockType
                 };
-                if (addedByServer) {
-                  state[fieldKey].addedByServer = addedByServer;
+                if (!previousRow) {
+                  state[fieldKey].addedByServer = true;
                 }
                 if (includeSchema) {
                   state[fieldKey].fieldSchema = block.fields.find(blockField => 'name' in blockField && blockField.name === 'blockType');
@@ -348,6 +352,9 @@ export const addFieldStatePromise = async args => {
                 // Handle `blockName` field
                 const blockNameKey = rowPath + '.blockName';
                 state[blockNameKey] = {};
+                if (!previousRow) {
+                  state[blockNameKey].addedByServer = true;
+                }
                 if (row.blockName) {
                   state[blockNameKey].initialValue = row.blockName;
                   state[blockNameKey].value = row.blockName;
@@ -390,8 +397,6 @@ export const addFieldStatePromise = async args => {
                 skipValidation,
                 state
               }));
-              // First, check if `previousFormState` has a matching row
-              const previousRow = (previousFormState?.[path]?.rows || []).find(prevRow => prevRow.id === row.id);
               const newRow = {
                 id: row.id,
                 blockType: row.blockType,
@@ -400,6 +405,9 @@ export const addFieldStatePromise = async args => {
               if (previousRow?.lastRenderedPath) {
                 newRow.lastRenderedPath = previousRow.lastRenderedPath;
               }
+              if (!previousRow) {
+                newRow.addedByServer = true;
+              }
               acc.rowMetadata.push(newRow);
               const isCollapsed = isRowCollapsed({
                 collapsedPrefs: preferences?.fields?.[path]?.collapsed,
@@ -545,7 +553,7 @@ export const addFieldStatePromise = async args => {
       case 'select':
         {
           if (typeof field.filterOptions === 'function') {
-            fieldState.selectFilterOptions = field.filterOptions({
+            fieldState.selectFilterOptions = await field.filterOptions({
               data: fullData,
               options: field.options,
               req,
@@ -734,6 +742,7 @@ export const addFieldStatePromise = async args => {
       permissions: parentPermissions,
       preferences,
       previousFormState,
+      readOnly,
       renderAllFields,
       renderFieldFn,
       req,