@payloadcms/ui 4.0.0-internal.5d5a2b2 → 4.0.0-internal.5e065b3

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","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 { 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} />\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":[]}
+{"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":[]}

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} />

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","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 { 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.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":[]}

package/dist/forms/RenderFields/index.css

@@ -11,6 +11,10 @@
   }
 
   .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-4);
+
     & > .field-type {
       margin-bottom: var(--spacing-field);
       position: relative;
@@ -31,30 +35,38 @@
       &.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;
         }
 
-        &:last-child {
+        &:last-of-type {
           margin-bottom: 0;
         }
       }
 
       &.group-field {
         margin-top: calc(var(--spacing-field) * 2);
-        margin-bottom: calc(var(--spacing-field) * 3);
+        margin-bottom: calc(var(--spacing-field) * 2);
 
         &:first-child {
           margin-top: 0;
         }
 
-        &:last-child {
+        &:last-of-type {
           margin-bottom: 0;
         }
       }
+
+      &.group-field--within-group {
+        margin-top: var(--spacing-field);
+      }
+    }
+  }
+
+  /* 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/WatchChildErrors/buildPathSegments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildPathSegments.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/buildPathSegments.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,eAAO,MAAM,iBAAiB,GAAI,QAAQ,WAAW,EAAE,KAAG,CAAC,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC,EA8BhF,CAAA"}
+{"version":3,"file":"buildPathSegments.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/buildPathSegments.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,eAAO,MAAM,iBAAiB,WAAY,WAAW,EAAE,KAAG,CAAC,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC,EA8BhF,CAAA"}

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;MAAiB,IAEbJ,YAAA;QACFK,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;MAAA;MAGFN,aAAA,CAAcM,UAAA;IAAA;IAChBV,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;EAlCnCN,kBAAA,CACEe,EA+BA,OAEAK,EAAiC;EAAA;AAAA,CAIrC","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;
@@ -25,6 +25,7 @@ export type AddFieldStatePromiseArgs = {
      */
     forceFullValue?: boolean;
     fullData: Data;
+    globalSlug?: string;
     id: number | string;
     /**
      * Whether the field schema should be included in the state
@@ -36,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,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,GAAU,MAAM,wBAAwB,KAAG,OAAO,CAAC,IAAI,CAk6BvF,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

@@ -23,6 +23,7 @@ export const addFieldStatePromise = async args => {
     filter,
     forceFullValue = false,
     fullData,
+    globalSlug,
     includeSchema = false,
     indexPath,
     mockRSCs,
@@ -71,10 +72,12 @@ export const addFieldStatePromise = async args => {
   if (includeSchema) {
     fieldState.fieldSchema = field;
   }
-  // Short-circuit to prevent hidden fields from recursing and rendering.
-  // Note: `tab` is excluded bc tab visibility is keyed by `field.id` rather than `path`.
-  // The tab branch below owns that write and the skip-recursion.
-  if (passesCondition === false && field.type !== 'tab') {
+  // Short-circuit hidden fields to prevent recursing and rendering. Two exclusions:
+  // - `tab`: visibility is keyed by `field.id` (not `path`); the tab branch owns that write.
+  // - presentational containers (row, collapsible, unnamed group): they hold no value, so
+  //   returning here drops their nested fields' values.
+  const isPresentationalWithSubFields = fieldHasSubFields(field) && !fieldAffectsData(field);
+  if (passesCondition === false && field.type !== 'tab' && !isPresentationalWithSubFields) {
     if (fieldAffectsData(field) && data?.[field.name] !== undefined) {
       fieldState.value = data[field.name];
       fieldState.initialValue = data[field.name];
@@ -88,12 +91,19 @@ export const addFieldStatePromise = async args => {
     fieldPermissions = parentPermissions === true ? parentPermissions : deepCopyObjectSimple(parentPermissions?.[field.name]);
     let hasPermission = fieldPermissions === true || deepCopyObjectSimple(fieldPermissions?.read);
     if (typeof field?.access?.read === 'function') {
+      const collection = collectionSlug ? req.payload.collections[collectionSlug]?.config ?? null : null;
+      const global = globalSlug ? req.payload.globals.config.find(g => g.slug === globalSlug) ?? null : null;
       hasPermission = await field.access.read({
         id,
         blockData,
         data: fullData,
         req,
-        siblingData: data
+        siblingData: data,
+        ...(collection ? {
+          collection
+        } : {
+          global
+        })
       });
     } else {
       hasPermission = true;
@@ -285,7 +295,7 @@ export const addFieldStatePromise = async args => {
             rowMetadata
           } = blocksValue.reduce((acc, row, i) => {
             const blockTypeToMatch = row.blockType;
-            const block = req.payload.blocks[blockTypeToMatch] ?? (field.blockReferences ?? field.blocks).find(blockType => typeof blockType !== 'string' && blockType.slug === blockTypeToMatch);
+            const block = req.payload.blocks[blockTypeToMatch] ?? field.blocks.find(blockType => typeof blockType !== 'string' && blockType.slug === blockTypeToMatch);
             if (!block) {
               throw new Error(`Block with type "${row.blockType}" was found in block data, but no block with that type is defined in the config for field with schema path ${schemaPath}.`);
             }
@@ -300,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';
@@ -307,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', {
@@ -329,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');
@@ -338,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;
@@ -380,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,
@@ -390,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,
@@ -535,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,
@@ -570,6 +588,12 @@ export const addFieldStatePromise = async args => {
       state[path] = {
         disableFormData: true
       };
+      // Presentational containers are hidden client-side via `withCondition`, which reads
+      // `passesCondition` from their own state entry. Must be set here since these fields
+      // are excluded from the short-circuit above (which would otherwise carry the flag).
+      if (passesCondition === false) {
+        state[path].passesCondition = false;
+      }
     }
     await iterateFields({
       id,
@@ -718,6 +742,7 @@ export const addFieldStatePromise = async args => {
       permissions: parentPermissions,
       preferences,
       previousFormState,
+      readOnly,
       renderAllFields,
       renderFieldFn,
       req,