@payloadcms/ui 3.0.0-canary.d6053cd → 3.0.0-canary.dc8b1fe

package/dist/forms/WatchChildErrors/index.js

@@ -1,26 +1,61 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { useThrottledEffect } from '../../hooks/useThrottledEffect.js';
 import { useAllFormFields, useFormSubmitted } from '../Form/context.js';
 import { buildPathSegments } from './buildPathSegments.js';
 import { getFieldStateFromPaths } from './getFieldStateFromPaths.js';
-export const WatchChildErrors = ({ fieldMap, path, setErrorCount })=>{
-    const [formState] = useAllFormFields();
-    const hasSubmitted = useFormSubmitted();
-    const pathSegments = buildPathSegments(path, fieldMap);
-    useThrottledEffect(()=>{
-        if (hasSubmitted) {
-            const { errorCount } = getFieldStateFromPaths({
-                formState,
-                pathSegments
-            });
-            setErrorCount(errorCount);
-        }
-    }, 250, [
-        formState,
-        hasSubmitted,
-        fieldMap
-    ]);
-    return null;
+export const WatchChildErrors = t0 => {
+  const $ = _c(12);
+  const {
+    fields,
+    path,
+    setErrorCount
+  } = t0;
+  const [formState] = useAllFormFields();
+  const hasSubmitted = useFormSubmitted();
+  let t1;
+  if ($[0] !== path || $[1] !== fields) {
+    t1 = buildPathSegments(path, fields);
+    $[0] = path;
+    $[1] = fields;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const pathSegments = t1;
+  let t2;
+  if ($[3] !== hasSubmitted || $[4] !== formState || $[5] !== pathSegments || $[6] !== setErrorCount) {
+    t2 = () => {
+      if (hasSubmitted) {
+        const {
+          errorCount
+        } = getFieldStateFromPaths({
+          formState,
+          pathSegments
+        });
+        setErrorCount(errorCount);
+      }
+    };
+    $[3] = hasSubmitted;
+    $[4] = formState;
+    $[5] = pathSegments;
+    $[6] = setErrorCount;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== formState || $[9] !== hasSubmitted || $[10] !== fields) {
+    t3 = [formState, hasSubmitted, fields];
+    $[8] = formState;
+    $[9] = hasSubmitted;
+    $[10] = fields;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  useThrottledEffect(t2, 250, t3);
+  return null;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/WatchChildErrors/index.tsx"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js'\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAllFormFields, useFormSubmitted } from '../Form/context.js'\nimport { buildPathSegments } from './buildPathSegments.js'\nimport { getFieldStateFromPaths } from './getFieldStateFromPaths.js'\n\ntype TrackSubSchemaErrorCountProps = {\n  fieldMap?: FieldMap\n  path: string\n  setErrorCount: (count: number) => void\n}\n\nexport const WatchChildErrors: React.FC<TrackSubSchemaErrorCountProps> = ({\n  fieldMap,\n  path,\n  setErrorCount,\n}) => {\n  const [formState] = useAllFormFields()\n  const hasSubmitted = useFormSubmitted()\n\n  const pathSegments = buildPathSegments(path, fieldMap)\n\n  useThrottledEffect(\n    () => {\n      if (hasSubmitted) {\n        const { errorCount } = getFieldStateFromPaths({ formState, pathSegments })\n        setErrorCount(errorCount)\n      }\n    },\n    250,\n    [formState, hasSubmitted, fieldMap],\n  )\n\n  return null\n}\n"],"names":["useThrottledEffect","useAllFormFields","useFormSubmitted","buildPathSegments","getFieldStateFromPaths","WatchChildErrors","fieldMap","path","setErrorCount","formState","hasSubmitted","pathSegments","errorCount"],"mappings":"AAAA;AAKA,SAASA,kBAAkB,QAAQ,oCAAmC;AACtE,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,qBAAoB;AACvE,SAASC,iBAAiB,QAAQ,yBAAwB;AAC1D,SAASC,sBAAsB,QAAQ,8BAA6B;AAQpE,OAAO,MAAMC,mBAA4D,CAAC,EACxEC,QAAQ,EACRC,IAAI,EACJC,aAAa,EACd;IACC,MAAM,CAACC,UAAU,GAAGR;IACpB,MAAMS,eAAeR;IAErB,MAAMS,eAAeR,kBAAkBI,MAAMD;IAE7CN,mBACE;QACE,IAAIU,cAAc;YAChB,MAAM,EAAEE,UAAU,EAAE,GAAGR,uBAAuB;gBAAEK;gBAAWE;YAAa;YACxEH,cAAcI;QAChB;IACF,GACA,KACA;QAACH;QAAWC;QAAcJ;KAAS;IAGrC,OAAO;AACT,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","useThrottledEffect","useAllFormFields","useFormSubmitted","buildPathSegments","getFieldStateFromPaths","WatchChildErrors","t0","$","fields","path","setErrorCount","formState","hasSubmitted","t1","pathSegments","t2","errorCount","t3"],"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'\nimport { getFieldStateFromPaths } from './getFieldStateFromPaths.js'\n\ntype TrackSubSchemaErrorCountProps = {\n  fields?: ClientField[]\n  path: (number | string)[]\n  setErrorCount: (count: number) => void\n}\n\nexport const WatchChildErrors: React.FC<TrackSubSchemaErrorCountProps> = ({\n  fields,\n  path,\n  setErrorCount,\n}) => {\n  const [formState] = useAllFormFields()\n  const hasSubmitted = useFormSubmitted()\n\n  const pathSegments = buildPathSegments(path, fields)\n\n  useThrottledEffect(\n    () => {\n      if (hasSubmitted) {\n        const { errorCount } = getFieldStateFromPaths({ formState, pathSegments })\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;AAClC,SAASC,sBAAsB,QAAQ;AAQvC,OAAO,MAAMC,gBAAA,GAA4DC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,MAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAJ,EAIzE;EACC,OAAAK,SAAA,IAAoBV,gBAAA;EACpB,MAAAW,YAAA,GAAqBV,gBAAA;EAAA,IAAAW,EAAA;EAAA,IAAAN,CAAA,QAAAE,IAAA,IAAAF,CAAA,QAAAC,MAAA;IAEAK,EAAA,GAAAV,iBAAA,CAAkBM,IAAA,EAAMD,MAAA;IAAAD,CAAA,MAAAE,IAAA;IAAAF,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAA7C,MAAAO,YAAA,GAAqBD,EAAwB;EAAA,IAAAE,EAAA;EAAA,IAAAR,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAO,YAAA,IAAAP,CAAA,QAAAG,aAAA;IAG3CK,EAAA,GAAAA,CAAA;MAAA,IACMH,YAAA;QACF;UAAAI;QAAA,IAAuBZ,sBAAA;UAAAO,SAAA;UAAAG;QAAA,CAAiD;QACxEJ,aAAA,CAAcM,UAAA;MAAA;IAAA;IAElBT,CAAA,MAAAK,YAAA;IAAAL,CAAA,MAAAI,SAAA;IAAAJ,CAAA,MAAAO,YAAA;IAAAP,CAAA,MAAAG,aAAA;IAAAH,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAA,IAAAU,EAAA;EAAA,IAAAV,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAK,YAAA,IAAAL,CAAA,SAAAC,MAAA;IAEAS,EAAA,IAACN,SAAA,EAAWC,YAAA,EAAcJ,MAAA;IAAOD,CAAA,MAAAI,SAAA;IAAAJ,CAAA,MAAAK,YAAA;IAAAL,CAAA,OAAAC,MAAA;IAAAD,CAAA,OAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EARnCP,kBAAA,CACEe,EAKA,OAEAE,EAAiC;EAAA;AAAA,CAIrC","ignoreList":[]}

package/dist/forms/{buildStateFromSchema → fieldSchemasToFormState}/addFieldStatePromise.d.ts

@@ -1,13 +1,16 @@
-import type { Data, DocumentPreferences, Field, FormState, PayloadRequest } from 'payload';
+import type { Data, DocumentPermissions, DocumentPreferences, Field, FieldSchemaMap, FormState, FormStateWithoutComponents, PayloadRequest } from 'payload';
+import type { RenderFieldMethod } from './types.js';
 export type AddFieldStatePromiseArgs = {
-    addErrorPathToParent: (path: string) => void;
+    addErrorPathToParent: (fieldPath: string) => void;
     /**
      * if all parents are localized, then the field is localized
      */
     anyParentLocalized?: boolean;
+    collectionSlug?: string;
     data: Data;
     field: Field;
     fieldIndex: number;
+    fieldSchemaMap: FieldSchemaMap;
     /**
      * You can use this to filter down to only `localized` fields that require translation (type: text, textarea, etc.). Another plugin might want to look for only `point` type fields to do some GIS function. With the filter function you can go in like a surgeon.
      */
@@ -27,9 +30,15 @@ export type AddFieldStatePromiseArgs = {
      */
     omitParents?: boolean;
     operation: 'create' | 'update';
+    parentIndexPath: string;
+    parentPath: string;
+    parentSchemaPath: string;
     passesCondition: boolean;
-    path: string;
+    permissions: DocumentPermissions['fields'];
     preferences: DocumentPreferences;
+    previousFormState: FormState;
+    renderAllFields: boolean;
+    renderFieldFn: RenderFieldMethod;
     /**
      * Req is used for validation and defaultValue calculation. If you don't need validation,
      * just create your own req and pass in the locale and the user
@@ -43,7 +52,7 @@ export type AddFieldStatePromiseArgs = {
      * Whether to skip validating the field. @default false
      */
     skipValidation?: boolean;
-    state: FormState;
+    state: FormStateWithoutComponents;
 };
 /**
  * Flattens the fields schema and fields data.

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

@@ -0,0 +1 @@
+{"version":3,"file":"addFieldStatePromise.d.ts","sourceRoot":"","sources":["../../../src/forms/fieldSchemasToFormState/addFieldStatePromise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,IAAI,EACJ,mBAAmB,EACnB,mBAAmB,EACnB,KAAK,EACL,cAAc,EAEd,SAAS,EACT,0BAA0B,EAC1B,cAAc,EACf,MAAM,SAAS,CAAA;AAWhB,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,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,EAAE,KAAK,CAAA;IACZ,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;;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,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,OAAO,CAAA;IACxB,WAAW,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;IAC1C,WAAW,EAAE,mBAAmB,CAAA;IAChC,iBAAiB,EAAE,SAAS,CAAA;IAC5B,eAAe,EAAE,OAAO,CAAA;IACxB,aAAa,EAAE,iBAAiB,CAAA;IAChC;;;OAGG;IACH,GAAG,EAAE,cAAc,CAAA;IACnB;;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,CAwnBvF,CAAA"}

package/dist/forms/fieldSchemasToFormState/addFieldStatePromise.js

@@ -0,0 +1,538 @@
+import ObjectIdImport from 'bson-objectid';
+import { fieldAffectsData, fieldHasSubFields, fieldIsSidebar, getFieldPaths, tabHasName } from 'payload/shared';
+import { getFilterOptionsQuery } from './getFilterOptionsQuery.js';
+import { iterateFields } from './iterateFields.js';
+const ObjectId = ObjectIdImport.default || ObjectIdImport;
+/**
+ * Flattens the fields schema and fields data.
+ * The output is the field path (e.g. array.0.name) mapped to a FormField object.
+ */
+export const addFieldStatePromise = async args => {
+  const {
+    id,
+    addErrorPathToParent: addErrorPathToParentArg,
+    anyParentLocalized = false,
+    collectionSlug,
+    data,
+    field,
+    fieldIndex,
+    fieldSchemaMap,
+    filter,
+    forceFullValue = false,
+    fullData,
+    includeSchema = false,
+    omitParents = false,
+    operation,
+    parentIndexPath,
+    parentPath,
+    parentSchemaPath,
+    passesCondition,
+    permissions,
+    preferences,
+    previousFormState,
+    renderAllFields,
+    renderFieldFn,
+    req,
+    skipConditionChecks = false,
+    skipValidation = false,
+    state
+  } = args;
+  const {
+    indexPath,
+    path,
+    schemaPath
+  } = getFieldPaths({
+    field,
+    index: fieldIndex,
+    parentIndexPath: 'name' in field ? '' : parentIndexPath,
+    parentPath,
+    parentSchemaPath
+  });
+  const requiresRender = renderAllFields || previousFormState?.[path]?.requiresRender;
+  const isHiddenField = 'hidden' in field && field?.hidden;
+  const disabledFromAdmin = field?.admin && 'disabled' in field.admin && field.admin.disabled;
+  if (fieldAffectsData(field) && !(isHiddenField || disabledFromAdmin)) {
+    let hasPermission = typeof permissions?.[field.name]?.read === 'boolean' ? permissions[field.name].read : true;
+    if (typeof field?.access?.read === 'function') {
+      hasPermission = await field.access.read({
+        doc: fullData,
+        req,
+        siblingData: data
+      });
+    } else {
+      hasPermission = true;
+    }
+    if (!hasPermission) {
+      return;
+    }
+    const validate = field.validate;
+    const fieldState = {
+      errorPaths: [],
+      fieldSchema: includeSchema ? field : undefined,
+      initialValue: undefined,
+      isSidebar: fieldIsSidebar(field),
+      passesCondition,
+      valid: true,
+      value: undefined
+    };
+    let validationResult = true;
+    if (typeof validate === 'function' && !skipValidation && passesCondition) {
+      let jsonError;
+      if (field.type === 'json' && typeof data[field.name] === 'string') {
+        try {
+          JSON.parse(data[field.name]);
+        } catch (e) {
+          jsonError = e;
+        }
+      }
+      validationResult = await validate(data?.[field.name], {
+        ...field,
+        id,
+        collectionSlug,
+        data: fullData,
+        jsonError,
+        operation,
+        preferences,
+        req,
+        siblingData: data
+      });
+    }
+    const addErrorPathToParent = errorPath => {
+      if (typeof addErrorPathToParentArg === 'function') {
+        addErrorPathToParentArg(errorPath);
+      }
+      if (!fieldState.errorPaths.includes(errorPath)) {
+        fieldState.errorPaths.push(errorPath);
+        fieldState.valid = false;
+      }
+    };
+    if (typeof validationResult === 'string') {
+      fieldState.errorMessage = validationResult;
+      fieldState.valid = false;
+      addErrorPathToParent(path);
+    } else {
+      fieldState.valid = true;
+    }
+    switch (field.type) {
+      case 'array':
+        {
+          const arrayValue = Array.isArray(data[field.name]) ? data[field.name] : [];
+          const {
+            promises,
+            rows
+          } = arrayValue.reduce((acc, row, i) => {
+            const parentPath = path + '.' + i;
+            row.id = row?.id || new ObjectId().toHexString();
+            if (!omitParents && (!filter || filter(args))) {
+              state[parentPath + '.id'] = {
+                fieldSchema: includeSchema ? field.fields.find(field => 'name' in field && field.name === 'id') : undefined,
+                initialValue: row.id,
+                valid: true,
+                value: row.id
+              };
+            }
+            acc.promises.push(iterateFields({
+              id,
+              addErrorPathToParent,
+              anyParentLocalized: field.localized || anyParentLocalized,
+              collectionSlug,
+              data: row,
+              fields: field.fields,
+              fieldSchemaMap,
+              filter,
+              forceFullValue,
+              fullData,
+              includeSchema,
+              omitParents,
+              operation,
+              parentIndexPath: '',
+              parentPassesCondition: passesCondition,
+              parentPath,
+              parentSchemaPath: schemaPath,
+              permissions: permissions?.[field.name]?.fields || {},
+              preferences,
+              previousFormState,
+              renderAllFields: requiresRender,
+              renderFieldFn,
+              req,
+              skipConditionChecks,
+              skipValidation,
+              state
+            }));
+            const collapsedRowIDs = preferences?.fields?.[path]?.collapsed;
+            acc.rows.push({
+              id: row.id,
+              collapsed: collapsedRowIDs === undefined ? field.admin.initCollapsed : collapsedRowIDs.includes(row.id)
+            });
+            return acc;
+          }, {
+            promises: [],
+            rows: []
+          });
+          // Wait for all promises and update fields with the results
+          await Promise.all(promises);
+          fieldState.rows = rows;
+          // Unset requiresRender
+          // so it will be removed from form state
+          fieldState.requiresRender = false;
+          // Add values to field state
+          if (data[field.name] === null) {
+            fieldState.value = null;
+            fieldState.initialValue = null;
+          } else {
+            fieldState.value = forceFullValue ? arrayValue : arrayValue.length;
+            fieldState.initialValue = forceFullValue ? arrayValue : arrayValue.length;
+            if (arrayValue.length > 0) {
+              fieldState.disableFormData = true;
+            }
+          }
+          // Add field to state
+          if (!omitParents && (!filter || filter(args))) {
+            state[path] = fieldState;
+          }
+          break;
+        }
+      case 'blocks':
+        {
+          const blocksValue = Array.isArray(data[field.name]) ? data[field.name] : [];
+          const {
+            promises,
+            rowMetadata
+          } = blocksValue.reduce((acc, row, i) => {
+            const block = field.blocks.find(blockType => blockType.slug === row.blockType);
+            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}.`);
+            }
+            const parentPath = path + '.' + i;
+            const rowSchemaPath = schemaPath + '.' + block.slug;
+            if (block) {
+              row.id = row?.id || new ObjectId().toHexString();
+              if (!omitParents && (!filter || filter(args))) {
+                state[parentPath + '.id'] = {
+                  fieldSchema: includeSchema ? block.fields.find(blockField => 'name' in blockField && blockField.name === 'id') : undefined,
+                  initialValue: row.id,
+                  valid: true,
+                  value: row.id
+                };
+                state[parentPath + '.blockType'] = {
+                  fieldSchema: includeSchema ? block.fields.find(blockField => 'name' in blockField && blockField.name === 'blockType') : undefined,
+                  initialValue: row.blockType,
+                  valid: true,
+                  value: row.blockType
+                };
+                state[parentPath + '.blockName'] = {
+                  fieldSchema: includeSchema ? block.fields.find(blockField => 'name' in blockField && blockField.name === 'blockName') : undefined,
+                  initialValue: row.blockName,
+                  valid: true,
+                  value: row.blockName
+                };
+              }
+              acc.promises.push(iterateFields({
+                id,
+                addErrorPathToParent,
+                anyParentLocalized: field.localized || anyParentLocalized,
+                collectionSlug,
+                data: row,
+                fields: block.fields,
+                fieldSchemaMap,
+                filter,
+                forceFullValue,
+                fullData,
+                includeSchema,
+                omitParents,
+                operation,
+                parentIndexPath: '',
+                parentPassesCondition: passesCondition,
+                parentPath,
+                parentSchemaPath: rowSchemaPath,
+                permissions: permissions?.[field.name]?.blocks?.[block.slug]?.fields || {},
+                preferences,
+                previousFormState,
+                renderAllFields: requiresRender,
+                renderFieldFn,
+                req,
+                skipConditionChecks,
+                skipValidation,
+                state
+              }));
+              const collapsedRowIDs = preferences?.fields?.[path]?.collapsed;
+              acc.rowMetadata.push({
+                id: row.id,
+                blockType: row.blockType,
+                collapsed: collapsedRowIDs === undefined ? field.admin.initCollapsed : collapsedRowIDs.includes(row.id)
+              });
+            }
+            return acc;
+          }, {
+            promises: [],
+            rowMetadata: []
+          });
+          await Promise.all(promises);
+          // Add values to field state
+          if (data[field.name] === null) {
+            fieldState.value = null;
+            fieldState.initialValue = null;
+          } else {
+            fieldState.value = forceFullValue ? blocksValue : blocksValue.length;
+            fieldState.initialValue = forceFullValue ? blocksValue : blocksValue.length;
+            if (blocksValue.length > 0) {
+              fieldState.disableFormData = true;
+            }
+          }
+          fieldState.rows = rowMetadata;
+          // Unset requiresRender
+          // so it will be removed from form state
+          fieldState.requiresRender = false;
+          // Add field to state
+          if (!omitParents && (!filter || filter(args))) {
+            state[path] = fieldState;
+          }
+          break;
+        }
+      case 'group':
+        {
+          if (!filter || filter(args)) {
+            fieldState.disableFormData = true;
+            state[path] = fieldState;
+          }
+          await iterateFields({
+            id,
+            addErrorPathToParent,
+            anyParentLocalized: field.localized || anyParentLocalized,
+            collectionSlug,
+            data: data?.[field.name] || {},
+            fields: field.fields,
+            fieldSchemaMap,
+            filter,
+            forceFullValue,
+            fullData,
+            includeSchema,
+            omitParents,
+            operation,
+            parentIndexPath: '',
+            parentPassesCondition: passesCondition,
+            parentPath: path,
+            parentSchemaPath: schemaPath,
+            permissions: permissions?.[field.name]?.fields || {},
+            preferences,
+            previousFormState,
+            renderAllFields,
+            renderFieldFn,
+            req,
+            skipConditionChecks,
+            skipValidation,
+            state
+          });
+          break;
+        }
+      case 'upload':
+      case 'relationship':
+        {
+          if (field.filterOptions) {
+            if (typeof field.filterOptions === 'object') {
+              if (typeof field.relationTo === 'string') {
+                fieldState.filterOptions = {
+                  [field.relationTo]: field.filterOptions
+                };
+              } else {
+                fieldState.filterOptions = field.relationTo.reduce((acc, relation) => {
+                  acc[relation] = field.filterOptions;
+                  return acc;
+                }, {});
+              }
+            }
+            if (typeof field.filterOptions === 'function') {
+              const query = await getFilterOptionsQuery(field.filterOptions, {
+                id,
+                data: fullData,
+                relationTo: field.relationTo,
+                siblingData: data,
+                user: req.user
+              });
+              fieldState.filterOptions = query;
+            }
+          }
+          if (field.hasMany) {
+            const relationshipValue = Array.isArray(data[field.name]) ? data[field.name].map(relationship => {
+              if (Array.isArray(field.relationTo)) {
+                return {
+                  relationTo: relationship.relationTo,
+                  value: relationship.value && typeof relationship.value === 'object' ? relationship.value?.id : relationship.value
+                };
+              }
+              if (typeof relationship === 'object' && relationship !== null) {
+                return relationship.id;
+              }
+              return relationship;
+            }) : undefined;
+            fieldState.value = relationshipValue;
+            fieldState.initialValue = relationshipValue;
+          } else if (Array.isArray(field.relationTo)) {
+            if (data[field.name] && typeof data[field.name] === 'object' && 'relationTo' in data[field.name] && 'value' in data[field.name]) {
+              const value = typeof data[field.name]?.value === 'object' && data[field.name]?.value && 'id' in data[field.name].value ? data[field.name].value.id : data[field.name].value;
+              const relationshipValue = {
+                relationTo: data[field.name]?.relationTo,
+                value
+              };
+              fieldState.value = relationshipValue;
+              fieldState.initialValue = relationshipValue;
+            }
+          } else {
+            const relationshipValue = data[field.name] && typeof data[field.name] === 'object' && 'id' in data[field.name] ? data[field.name].id : data[field.name];
+            fieldState.value = relationshipValue;
+            fieldState.initialValue = relationshipValue;
+          }
+          if (!filter || filter(args)) {
+            state[path] = fieldState;
+          }
+          break;
+        }
+      default:
+        {
+          fieldState.value = data[field.name];
+          fieldState.initialValue = data[field.name];
+          // Add field to state
+          if (!filter || filter(args)) {
+            state[path] = fieldState;
+          }
+          break;
+        }
+    }
+  } else if (fieldHasSubFields(field) && !fieldAffectsData(field)) {
+    // Handle field types that do not use names (row, etc)
+    if (!filter || filter(args)) {
+      state[path] = {
+        disableFormData: true,
+        errorPaths: [],
+        initialValue: undefined,
+        passesCondition,
+        valid: true,
+        value: undefined
+      };
+    }
+    await iterateFields({
+      id,
+      // passthrough parent functionality
+      addErrorPathToParent: addErrorPathToParentArg,
+      anyParentLocalized: field.localized || anyParentLocalized,
+      collectionSlug,
+      data,
+      fields: field.fields,
+      fieldSchemaMap,
+      filter,
+      forceFullValue,
+      fullData,
+      includeSchema,
+      omitParents,
+      operation,
+      parentIndexPath: indexPath,
+      parentPassesCondition: passesCondition,
+      parentPath,
+      parentSchemaPath,
+      permissions,
+      preferences,
+      previousFormState,
+      renderAllFields,
+      renderFieldFn,
+      req,
+      skipConditionChecks,
+      skipValidation,
+      state
+    });
+  } else if (field.type === 'tabs') {
+    const promises = field.tabs.map((tab, tabIndex) => {
+      const isNamedTab = tabHasName(tab);
+      const {
+        indexPath: tabIndexPath,
+        path: tabPath,
+        schemaPath: tabSchemaPath
+      } = getFieldPaths({
+        field: {
+          ...tab,
+          type: 'tab'
+        },
+        index: tabIndex,
+        parentIndexPath: indexPath,
+        parentPath,
+        parentSchemaPath
+      });
+      return iterateFields({
+        id,
+        addErrorPathToParent: addErrorPathToParentArg,
+        anyParentLocalized: tab.localized || anyParentLocalized,
+        collectionSlug,
+        data: isNamedTab ? data?.[tab.name] || {} : data,
+        fields: tab.fields,
+        fieldSchemaMap,
+        filter,
+        forceFullValue,
+        fullData,
+        includeSchema,
+        omitParents,
+        operation,
+        parentIndexPath: tabHasName(tab) ? '' : tabIndexPath,
+        parentPassesCondition: passesCondition,
+        parentPath: tabHasName(tab) ? tabPath : parentPath,
+        parentSchemaPath: tabHasName(tab) ? tabSchemaPath : parentSchemaPath,
+        permissions: tabHasName(tab) ? permissions?.[tab.name]?.fields || {} : permissions,
+        preferences,
+        previousFormState,
+        renderAllFields,
+        renderFieldFn,
+        req,
+        skipConditionChecks,
+        skipValidation,
+        state
+      });
+    });
+    await Promise.all(promises);
+  } else if (field.type === 'ui') {
+    if (!filter || filter(args)) {
+      state[path] = {
+        disableFormData: true,
+        errorPaths: [],
+        fieldSchema: includeSchema ? field : undefined,
+        initialValue: undefined,
+        isSidebar: fieldIsSidebar(field),
+        passesCondition,
+        valid: true,
+        value: undefined
+      };
+    }
+  }
+  const isDisabled = field?.admin && 'disabled' in field.admin && field.admin.disabled;
+  if (requiresRender && !isDisabled && renderFieldFn) {
+    const fieldState = state[path];
+    const fieldConfig = fieldSchemaMap.get(schemaPath);
+    if (!fieldConfig) {
+      if (schemaPath.endsWith('.blockType')) {
+        return;
+      } else {
+        throw new Error(`Field config not found for ${schemaPath}`);
+      }
+    }
+    if (!fieldState) {
+      // Some fields (ie `Tab`) do not live in form state
+      // therefore we cannot attach customComponents to them
+      return;
+    }
+    renderFieldFn({
+      data: fullData,
+      fieldConfig: fieldConfig,
+      fieldSchemaMap,
+      fieldState,
+      formState: state,
+      indexPath,
+      operation,
+      parentPath,
+      parentSchemaPath,
+      path,
+      permissions,
+      previousFieldState: previousFormState?.[path],
+      req,
+      schemaPath,
+      siblingData: data
+    });
+  }
+};
+//# sourceMappingURL=addFieldStatePromise.js.map