@payloadcms/ui 3.0.0-canary.23fcb9e → 3.0.0-canary.291e44c

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

@@ -1 +1 @@
-{"version":3,"file":"RenderField.js","names":["React","HiddenField","RenderComponent","useFieldComponents","useOperation","FieldPropsProvider","useFieldProps","RenderField","name","fieldComponentProps","indexPath","path","pathFromProps","permissions","schemaPath","schemaPathFromProps","siblingPermissions","fieldComponents","operation","readOnly","readOnlyFromContext","filter","Boolean","join","read","permission","field","admin","disabled","RenderedField","components","Field","hidden","_jsx","forceRender","Component","type","clientProps","mappedComponent","custom"],"sources":["../../../src/forms/RenderFields/RenderField.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientField, FieldPermissions } from 'payload'\n\nimport React from 'react'\n\nimport { HiddenField } from '../../fields/Hidden/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useFieldComponents } from '../../providers/FieldComponents/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { FieldPropsProvider, useFieldProps } from '../FieldPropsProvider/index.js'\n\ntype Props = {\n  readonly fieldComponentProps?: {\n    field: ClientField\n    forceRender?: boolean\n    readOnly?: boolean\n  }\n  readonly indexPath?: string\n  readonly isHidden?: boolean\n  readonly name?: string\n  readonly path: string\n  readonly permissions?: FieldPermissions\n  readonly schemaPath: string\n  readonly siblingPermissions: {\n    [fieldName: string]: FieldPermissions\n  }\n}\n\nexport const RenderField: React.FC<Props> = ({\n  name,\n  fieldComponentProps,\n  indexPath,\n  path: pathFromProps,\n  permissions,\n  schemaPath: schemaPathFromProps,\n  siblingPermissions,\n}) => {\n  const fieldComponents = useFieldComponents()\n  const operation = useOperation()\n  const { readOnly: readOnlyFromContext } = useFieldProps()\n\n  if (!fieldComponents) {\n    return null\n  }\n\n  const path = [pathFromProps, name].filter(Boolean).join('.')\n  const schemaPath = [schemaPathFromProps, name].filter(Boolean).join('.')\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 (permissions?.read?.permission === false || fieldComponentProps?.field?.admin?.disabled) {\n    return null\n  }\n\n  // `admin.readOnly` displays the value but prevents the field from being edited\n  fieldComponentProps.readOnly = fieldComponentProps?.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 (readOnlyFromContext && fieldComponentProps.readOnly !== false)\n    fieldComponentProps.readOnly = true\n\n  // if the user does not have access control to begin with, force it to be read-only\n  if (permissions?.[operation]?.permission === false) {\n    fieldComponentProps.readOnly = true\n  }\n\n  let RenderedField: React.ReactElement\n\n  if (fieldComponentProps?.field?.admin?.components?.Field === null) {\n    return null\n  }\n\n  // hide from admin if field is `admin.hidden: true`\n  if (\n    'admin' in fieldComponentProps.field &&\n    'hidden' in fieldComponentProps.field.admin &&\n    fieldComponentProps.field.admin.hidden\n  ) {\n    RenderedField = (\n      <HiddenField\n        field={fieldComponentProps.field}\n        forceRender={fieldComponentProps.forceRender}\n        readOnly={fieldComponentProps.readOnly}\n      />\n    )\n  } else {\n    RenderedField = (\n      <RenderComponent\n        Component={fieldComponents?.[fieldComponentProps?.field?.type]}\n        clientProps={{\n          field: fieldComponentProps.field,\n          forceRender: fieldComponentProps.forceRender,\n          readOnly: fieldComponentProps.readOnly,\n        }}\n        mappedComponent={fieldComponentProps?.field?.admin?.components?.Field}\n      />\n    )\n  }\n\n  return (\n    <FieldPropsProvider\n      custom={fieldComponentProps?.field?.admin?.custom}\n      indexPath={indexPath}\n      path={path}\n      permissions={permissions}\n      readOnly={fieldComponentProps.readOnly}\n      schemaPath={schemaPath}\n      siblingPermissions={siblingPermissions}\n      type={fieldComponentProps?.field?.type}\n    >\n      {RenderedField}\n    </FieldPropsProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RenderField.js","names":["React","HiddenField","RenderComponent","useFieldComponents","useOperation","FieldPropsProvider","useFieldProps","RenderField","name","fieldComponentProps","indexPath","path","pathFromProps","permissions","schemaPath","schemaPathFromProps","siblingPermissions","fieldComponents","operation","readOnly","readOnlyFromContext","filter","Boolean","join","read","permission","field","admin","disabled","isReadOnly","RenderedField","components","Field","hidden","_jsx","forceRender","clientProps","Component","type","mappedComponent","custom"],"sources":["../../../src/forms/RenderFields/RenderField.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientField, FieldPermissions } from 'payload'\n\nimport React from 'react'\n\nimport { HiddenField } from '../../fields/Hidden/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useFieldComponents } from '../../providers/FieldComponents/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { FieldPropsProvider, useFieldProps } from '../FieldPropsProvider/index.js'\n\ntype Props = {\n  readonly fieldComponentProps?: {\n    field: ClientField\n    forceRender?: boolean\n    readOnly?: boolean\n  }\n  readonly indexPath?: string\n  readonly isHidden?: boolean\n  readonly name?: string\n  readonly path: string\n  readonly permissions?: FieldPermissions\n  readonly schemaPath: string\n  readonly siblingPermissions: {\n    [fieldName: string]: FieldPermissions\n  }\n}\n\nexport const RenderField: React.FC<Props> = ({\n  name,\n  fieldComponentProps,\n  indexPath,\n  path: pathFromProps,\n  permissions,\n  schemaPath: schemaPathFromProps,\n  siblingPermissions,\n}) => {\n  const fieldComponents = useFieldComponents()\n  const operation = useOperation()\n  const { readOnly: readOnlyFromContext } = useFieldProps()\n\n  if (!fieldComponents) {\n    return null\n  }\n\n  const path = [pathFromProps, name].filter(Boolean).join('.')\n  const schemaPath = [schemaPathFromProps, name].filter(Boolean).join('.')\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 (permissions?.read?.permission === false || fieldComponentProps?.field?.admin?.disabled) {\n    return null\n  }\n\n  // Combine readOnlyFromContext with the readOnly prop passed down from RenderFields\n  const isReadOnly = fieldComponentProps.readOnly ?? readOnlyFromContext\n\n  // `admin.readOnly` displays the value but prevents the field from being edited\n  fieldComponentProps.readOnly = fieldComponentProps?.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 && fieldComponentProps.readOnly !== false) {\n    fieldComponentProps.readOnly = true\n  }\n\n  // if the user does not have access control to begin with, force it to be read-only\n  if (permissions?.[operation]?.permission === false) {\n    fieldComponentProps.readOnly = true\n  }\n\n  let RenderedField: React.ReactElement\n\n  if (fieldComponentProps?.field?.admin?.components?.Field === null) {\n    return null\n  }\n\n  // hide from admin if field is `admin.hidden: true`\n  if (\n    'admin' in fieldComponentProps.field &&\n    'hidden' in fieldComponentProps.field.admin &&\n    fieldComponentProps.field.admin.hidden\n  ) {\n    RenderedField = (\n      <HiddenField\n        field={fieldComponentProps.field}\n        forceRender={fieldComponentProps.forceRender}\n        readOnly={fieldComponentProps.readOnly}\n      />\n    )\n  } else {\n    RenderedField = (\n      <RenderComponent\n        clientProps={{\n          field: fieldComponentProps.field,\n          forceRender: fieldComponentProps.forceRender,\n          readOnly: fieldComponentProps.readOnly,\n        }}\n        Component={fieldComponents?.[fieldComponentProps?.field?.type]}\n        mappedComponent={fieldComponentProps?.field?.admin?.components?.Field}\n      />\n    )\n  }\n\n  return (\n    <FieldPropsProvider\n      custom={fieldComponentProps?.field?.admin?.custom}\n      indexPath={indexPath}\n      path={path}\n      permissions={permissions}\n      readOnly={fieldComponentProps.readOnly}\n      schemaPath={schemaPath}\n      siblingPermissions={siblingPermissions}\n      type={fieldComponentProps?.field?.type}\n    >\n      {RenderedField}\n    </FieldPropsProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,OAAO,cAAc,CAAA;AAIrB,OAAO,EAAE,KAAK,EAAE,CAAA;AAEhB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqExC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAIvC,OAAO,cAAc,CAAA;AAKrB,OAAO,EAAE,KAAK,EAAE,CAAA;AAEhB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8ExC,CAAA"}

package/dist/forms/RenderFields/index.js

@@ -5,11 +5,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useIntersect } from '../../hooks/useIntersect.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-import { RenderField } from './RenderField.js';
 import './index.scss';
+import { RenderField } from './RenderField.js';
 const baseClass = 'render-fields';
 export const RenderFields = props => {
-  const $ = _c(21);
+  const $ = _c(22);
   const {
     className,
     fields,
@@ -18,6 +18,7 @@ export const RenderFields = props => {
     margins,
     path,
     permissions,
+    readOnly,
     schemaPath
   } = props;
   const {
@@ -76,14 +77,15 @@ export const RenderFields = props => {
     }
     const t6 = t5.join(" ");
     let t7;
-    if ($[9] !== hasRendered || $[10] !== fields || $[11] !== forceRender || $[12] !== indexPath || $[13] !== path || $[14] !== permissions || $[15] !== schemaPath) {
+    if ($[9] !== hasRendered || $[10] !== fields || $[11] !== forceRender || $[12] !== readOnly || $[13] !== indexPath || $[14] !== path || $[15] !== permissions || $[16] !== schemaPath) {
       t7 = hasRendered && fields?.map((field, fieldIndex) => {
         const forceRenderChildren = typeof forceRender === "number" && fieldIndex <= forceRender || true;
         const name = "name" in field ? field.name : undefined;
         return _jsx(RenderField, {
           fieldComponentProps: {
             field,
-            forceRender: forceRenderChildren
+            forceRender: forceRenderChildren,
+            readOnly
           },
           indexPath: indexPath !== undefined ? `${indexPath}.${fieldIndex}` : `${fieldIndex}`,
           name,
@@ -96,27 +98,28 @@ export const RenderFields = props => {
       $[9] = hasRendered;
       $[10] = fields;
       $[11] = forceRender;
-      $[12] = indexPath;
-      $[13] = path;
-      $[14] = permissions;
-      $[15] = schemaPath;
-      $[16] = t7;
+      $[12] = readOnly;
+      $[13] = indexPath;
+      $[14] = path;
+      $[15] = permissions;
+      $[16] = schemaPath;
+      $[17] = t7;
     } else {
-      t7 = $[16];
+      t7 = $[17];
     }
     let t8;
-    if ($[17] !== t6 || $[18] !== intersectionRef || $[19] !== t7) {
+    if ($[18] !== t6 || $[19] !== intersectionRef || $[20] !== t7) {
       t8 = _jsx("div", {
         className: t6,
         ref: intersectionRef,
         children: t7
       });
-      $[17] = t6;
-      $[18] = intersectionRef;
-      $[19] = t7;
-      $[20] = t8;
+      $[18] = t6;
+      $[19] = intersectionRef;
+      $[20] = t7;
+      $[21] = t8;
     } else {
-      t8 = $[20];
+      t8 = $[21];
     }
     return t8;
   }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useIntersect","useTranslation","RenderField","baseClass","RenderFields","props","$","className","fields","forceRender","indexPath","margins","path","permissions","schemaPath","i18n","hasRendered","setHasRendered","useState","Boolean","t0","Symbol","for","rootMargin","intersectionRef","entry","isIntersecting","isAboveViewport","boundingClientRect","top","shouldRender","t1","t2","useEffect","Array","isArray","length","console","error","t3","t4","t5","filter","t6","join","t7","map","field","fieldIndex","forceRenderChildren","name","undefined","_jsx","fieldComponentProps","siblingPermissions","t8","ref","children"],"sources":["../../../src/forms/RenderFields/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { RenderField } from './RenderField.js'\nimport './index.scss'\n\nconst baseClass = 'render-fields'\n\nexport { Props }\n\nexport const RenderFields: React.FC<Props> = (props) => {\n  const { className, fields, forceRender, indexPath, margins, path, permissions, schemaPath } =\n    props\n\n  const { i18n } = useTranslation()\n  const [hasRendered, setHasRendered] = React.useState(Boolean(forceRender))\n  const [intersectionRef, entry] = useIntersect(\n    {\n      rootMargin: '1000px',\n    },\n    Boolean(forceRender),\n  )\n\n  const isIntersecting = Boolean(entry?.isIntersecting)\n  const isAboveViewport = entry?.boundingClientRect?.top < 0\n  const shouldRender = forceRender || isIntersecting || isAboveViewport\n\n  React.useEffect(() => {\n    if (shouldRender && !hasRendered) {\n      setHasRendered(true)\n    }\n  }, [shouldRender, hasRendered])\n\n  if (!fields || (Array.isArray(fields) && fields.length === 0)) {\n    return null\n  }\n\n  if (!i18n) {\n    console.error('Need to implement i18n when calling RenderFields') // eslint-disable-line no-console\n  }\n\n  if (fields) {\n    return (\n      <div\n        className={[\n          baseClass,\n          className,\n          margins && `${baseClass}--margins-${margins}`,\n          margins === false && `${baseClass}--margins-none`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        ref={intersectionRef}\n      >\n        {hasRendered &&\n          fields?.map((field, fieldIndex) => {\n            const forceRenderChildren =\n              (typeof forceRender === 'number' && fieldIndex <= forceRender) || true\n\n            const name = 'name' in field ? field.name : undefined\n\n            return (\n              <RenderField\n                fieldComponentProps={{ field, forceRender: forceRenderChildren }}\n                indexPath={indexPath !== undefined ? `${indexPath}.${fieldIndex}` : `${fieldIndex}`}\n                key={fieldIndex}\n                name={name}\n                path={path}\n                permissions={permissions?.[name]}\n                schemaPath={schemaPath}\n                siblingPermissions={permissions}\n              />\n            )\n          })}\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useIntersect","useTranslation","RenderField","baseClass","RenderFields","props","$","className","fields","forceRender","indexPath","margins","path","permissions","readOnly","schemaPath","i18n","hasRendered","setHasRendered","useState","Boolean","t0","Symbol","for","rootMargin","intersectionRef","entry","isIntersecting","isAboveViewport","boundingClientRect","top","shouldRender","t1","t2","useEffect","Array","isArray","length","console","error","t3","t4","t5","filter","t6","join","t7","map","field","fieldIndex","forceRenderChildren","name","undefined","_jsx","fieldComponentProps","siblingPermissions","t8","ref","children"],"sources":["../../../src/forms/RenderFields/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\nimport { RenderField } from './RenderField.js'\n\nconst baseClass = 'render-fields'\n\nexport { Props }\n\nexport const RenderFields: React.FC<Props> = (props) => {\n  const {\n    className,\n    fields,\n    forceRender,\n    indexPath,\n    margins,\n    path,\n    permissions,\n    readOnly,\n    schemaPath,\n  } = props\n\n  const { i18n } = useTranslation()\n  const [hasRendered, setHasRendered] = React.useState(Boolean(forceRender))\n  const [intersectionRef, entry] = useIntersect(\n    {\n      rootMargin: '1000px',\n    },\n    Boolean(forceRender),\n  )\n\n  const isIntersecting = Boolean(entry?.isIntersecting)\n  const isAboveViewport = entry?.boundingClientRect?.top < 0\n  const shouldRender = forceRender || isIntersecting || isAboveViewport\n\n  React.useEffect(() => {\n    if (shouldRender && !hasRendered) {\n      setHasRendered(true)\n    }\n  }, [shouldRender, hasRendered])\n\n  if (!fields || (Array.isArray(fields) && fields.length === 0)) {\n    return null\n  }\n\n  if (!i18n) {\n    console.error('Need to implement i18n when calling RenderFields') // eslint-disable-line no-console\n  }\n\n  if (fields) {\n    return (\n      <div\n        className={[\n          baseClass,\n          className,\n          margins && `${baseClass}--margins-${margins}`,\n          margins === false && `${baseClass}--margins-none`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        ref={intersectionRef}\n      >\n        {hasRendered &&\n          fields?.map((field, fieldIndex) => {\n            const forceRenderChildren =\n              (typeof forceRender === 'number' && fieldIndex <= forceRender) || true\n\n            const name = 'name' in field ? field.name : undefined\n\n            return (\n              <RenderField\n                fieldComponentProps={{ field, forceRender: forceRenderChildren, readOnly }}\n                indexPath={indexPath !== undefined ? `${indexPath}.${fieldIndex}` : `${fieldIndex}`}\n                key={fieldIndex}\n                name={name}\n                path={path}\n                permissions={permissions?.[name]}\n                schemaPath={schemaPath}\n                siblingPermissions={permissions}\n              />\n            )\n          })}\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/forms/RenderFields/index.scss

@@ -1,63 +1,65 @@
 @import '../../scss/styles.scss';
 
-// Positioned field-type__wrap is needed for correct positioning of field tooltips.
-// This is set outside of .render-fields, so that manually rendered fields (e.g. in Auth/index.tsx)
-// outside RenderFields also receive this styling.
-.field-type__wrap {
-  position: relative;
-}
-
-.render-fields {
-  --spacing-field: var(--base);
-
-  &--margins-small {
-    --spacing-field: var(--base);
-  }
-
-  &--margins-none {
-    --spacing-field: 0;
+@layer payload-default {
+  // Positioned field-type__wrap is needed for correct positioning of field tooltips.
+  // This is set outside of .render-fields, so that manually rendered fields (e.g. in Auth/index.tsx)
+  // outside RenderFields also receive this styling.
+  .field-type__wrap {
+    position: relative;
   }
 
-  & > .field-type {
-    margin-bottom: var(--spacing-field);
-    position: relative;
+  .render-fields {
+    --spacing-field: var(--base);
 
-    &[type='hidden'] {
-      margin-bottom: 0;
+    &--margins-small {
+      --spacing-field: var(--base);
     }
 
-    &:first-child {
-      margin-top: 0;
+    &--margins-none {
+      --spacing-field: 0;
     }
 
-    &:last-of-type {
-      margin-bottom: 0;
+    & > .field-type {
+      margin-bottom: var(--spacing-field);
+      position: relative;
+
+      &[type='hidden'] {
+        margin-bottom: 0;
+      }
+
+      &:first-child {
+        margin-top: 0;
+      }
+
+      &:last-of-type {
+        margin-bottom: 0;
+      }
     }
-  }
 
-  // at the top-level, add extra margins for the following field types
-  &:not(.render-fields--margins-small) {
-    & > .field-type {
-      &.group-field,
-      &.blocks-field,
-      &.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;
-        }
+    // at the top-level, add extra margins for the following field types
+    &:not(.render-fields--margins-small) {
+      & > .field-type {
+        &.group-field,
+        &.blocks-field,
+        &.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 {
-          margin-bottom: 0;
+          &:last-child {
+            margin-bottom: 0;
+          }
         }
       }
     }
-  }
 
-  @include small-break {
-    --spacing-field: calc(var(--base) / 2);
+    @include small-break {
+      --spacing-field: calc(var(--base) / 2);
+    }
   }
 }

package/dist/forms/RowLabel/index.js

@@ -8,10 +8,10 @@ import { RowLabelProvider } from '../RowLabel/Context/index.js';
 const baseClass = 'row-label';
 export const RowLabel = props => {
   const {
-    RowLabel: RowLabelComponent,
     className,
     i18n,
     path,
+    RowLabel: RowLabelComponent,
     rowLabel,
     rowNumber
   } = props;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","RenderComponent","RowLabelProvider","baseClass","RowLabel","props","RowLabelComponent","className","i18n","path","rowLabel","rowNumber","_jsx","clientProps","label","mappedComponent","filter","Boolean","join","style","pointerEvents"],"sources":["../../../src/forms/RowLabel/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { RowLabelProps } from './types.js'\nexport type { RowLabelProps }\n\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { RowLabelProvider } from '../RowLabel/Context/index.js'\n\nconst baseClass = 'row-label'\n\nexport const RowLabel: React.FC<RowLabelProps> = (props) => {\n  const { RowLabel: RowLabelComponent, className, i18n, path, rowLabel, rowNumber } = props\n\n  if (RowLabelComponent) {\n    return (\n      <RowLabelProvider path={path} rowNumber={rowNumber}>\n        <RenderComponent clientProps={{ label: rowLabel }} mappedComponent={RowLabelComponent} />\n      </RowLabelProvider>\n    )\n  }\n\n  const label = rowLabel\n    ? typeof rowLabel === 'object'\n      ? getTranslation(rowLabel, i18n)\n      : typeof rowLabel === 'string'\n        ? rowLabel\n        : ''\n    : ''\n\n  return (\n    <span\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      style={{\n        pointerEvents: 'none',\n      }}\n    >\n      {label}\n    </span>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAKlB,SAASC,eAAe,QAAQ;AAChC,SAASC,gBAAgB,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,QAAA,GAAqCC,KAAA;EAChD,MAAM;IAAED,QAAA,EAAUE,iBAAiB;IAAEC,SAAS;IAAEC,IAAI;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAS,CAAE,GAAGN,KAAA;EAEpF,IAAIC,iBAAA,EAAmB;IACrB,oBACEM,IAAA,CAACV,gBAAA;MAAiBO,IAAA,EAAMA,IAAA;MAAME,SAAA,EAAWA,SAAA;gBACvC,aAAAC,IAAA,CAACX,eAAA;QAAgBY,WAAA,EAAa;UAAEC,KAAA,EAAOJ;QAAS;QAAGK,eAAA,EAAiBT;;;EAG1E;EAEA,MAAMQ,KAAA,GAAQJ,QAAA,GACV,OAAOA,QAAA,KAAa,WAClBX,cAAA,CAAeW,QAAA,EAAUF,IAAA,IACzB,OAAOE,QAAA,KAAa,WAClBA,QAAA,GACA,KACJ;EAEJ,oBACEE,IAAA,CAAC;IACCL,SAAA,EAAW,CAACJ,SAAA,EAAWI,SAAA,CAAU,CAACS,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACvDC,KAAA,EAAO;MACLC,aAAA,EAAe;IACjB;cAECN;;AAGP","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","RenderComponent","RowLabelProvider","baseClass","RowLabel","props","className","i18n","path","RowLabelComponent","rowLabel","rowNumber","_jsx","clientProps","label","mappedComponent","filter","Boolean","join","style","pointerEvents"],"sources":["../../../src/forms/RowLabel/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { RowLabelProps } from './types.js'\nexport type { RowLabelProps }\n\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { RowLabelProvider } from '../RowLabel/Context/index.js'\n\nconst baseClass = 'row-label'\n\nexport const RowLabel: React.FC<RowLabelProps> = (props) => {\n  const { className, i18n, path, RowLabel: RowLabelComponent, rowLabel, rowNumber } = props\n\n  if (RowLabelComponent) {\n    return (\n      <RowLabelProvider path={path} rowNumber={rowNumber}>\n        <RenderComponent clientProps={{ label: rowLabel }} mappedComponent={RowLabelComponent} />\n      </RowLabelProvider>\n    )\n  }\n\n  const label = rowLabel\n    ? typeof rowLabel === 'object'\n      ? getTranslation(rowLabel, i18n)\n      : typeof rowLabel === 'string'\n        ? rowLabel\n        : ''\n    : ''\n\n  return (\n    <span\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      style={{\n        pointerEvents: 'none',\n      }}\n    >\n      {label}\n    </span>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAKlB,SAASC,eAAe,QAAQ;AAChC,SAASC,gBAAgB,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,QAAA,GAAqCC,KAAA;EAChD,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,IAAI;IAAEJ,QAAA,EAAUK,iBAAiB;IAAEC,QAAQ;IAAEC;EAAS,CAAE,GAAGN,KAAA;EAEpF,IAAII,iBAAA,EAAmB;IACrB,oBACEG,IAAA,CAACV,gBAAA;MAAiBM,IAAA,EAAMA,IAAA;MAAMG,SAAA,EAAWA,SAAA;gBACvC,aAAAC,IAAA,CAACX,eAAA;QAAgBY,WAAA,EAAa;UAAEC,KAAA,EAAOJ;QAAS;QAAGK,eAAA,EAAiBN;;;EAG1E;EAEA,MAAMK,KAAA,GAAQJ,QAAA,GACV,OAAOA,QAAA,KAAa,WAClBX,cAAA,CAAeW,QAAA,EAAUH,IAAA,IACzB,OAAOG,QAAA,KAAa,WAClBA,QAAA,GACA,KACJ;EAEJ,oBACEE,IAAA,CAAC;IACCN,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACU,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACvDC,KAAA,EAAO;MACLC,aAAA,EAAe;IACjB;cAECN;;AAGP","ignoreList":[]}

package/dist/forms/RowLabel/types.d.ts

@@ -1,10 +1,10 @@
 import type { I18nClient } from '@payloadcms/translations';
 import type { MappedComponent, StaticLabel } from 'payload';
 export type RowLabelProps = {
-    readonly RowLabel?: MappedComponent;
     readonly className?: string;
     readonly i18n: I18nClient;
     readonly path: string;
+    readonly RowLabel?: MappedComponent;
     readonly rowLabel?: StaticLabel;
     readonly rowNumber?: number;
 };

package/dist/forms/RowLabel/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RowLabel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE3D,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,eAAe,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;IACzB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAA;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RowLabel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE3D,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;IACzB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,eAAe,CAAA;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAA;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA"}

package/dist/forms/RowLabel/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/RowLabel/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { MappedComponent, StaticLabel } from 'payload'\n\nexport type RowLabelProps = {\n  readonly RowLabel?: MappedComponent\n  readonly className?: string\n  readonly i18n: I18nClient\n  readonly path: string\n  readonly rowLabel?: StaticLabel\n  readonly rowNumber?: number\n}\n"],"mappings":"AAGA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/RowLabel/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { MappedComponent, StaticLabel } from 'payload'\n\nexport type RowLabelProps = {\n  readonly className?: string\n  readonly i18n: I18nClient\n  readonly path: string\n  readonly RowLabel?: MappedComponent\n  readonly rowLabel?: StaticLabel\n  readonly rowNumber?: number\n}\n"],"mappings":"AAGA","ignoreList":[]}

package/dist/forms/Submit/index.js

@@ -1,6 +1,5 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { forwardRef } from 'react';
 import { Button } from '../../elements/Button/index.js';
@@ -8,43 +7,28 @@ import { useForm, useFormInitializing, useFormProcessing } from '../Form/context
 import './index.scss';
 const baseClass = 'form-submit';
 export const FormSubmit = /*#__PURE__*/forwardRef((props, ref) => {
-  const $ = _c(7);
   const {
-    type: t0,
+    type = 'submit',
     buttonId: id,
     children,
     disabled: disabledFromProps
   } = props;
-  const type = t0 === undefined ? "submit" : t0;
   const processing = useFormProcessing();
   const initializing = useFormInitializing();
   const {
     disabled
   } = useForm();
   const canSave = !(disabledFromProps || initializing || processing || disabled);
-  let t1;
-  if ($[0] !== canSave || $[1] !== ref || $[2] !== props || $[3] !== id || $[4] !== type || $[5] !== children) {
-    t1 = _jsx("div", {
-      className: baseClass,
-      children: _jsx(Button, {
-        ref,
-        ...props,
-        disabled: canSave ? undefined : true,
-        id,
-        type,
-        children
-      })
-    });
-    $[0] = canSave;
-    $[1] = ref;
-    $[2] = props;
-    $[3] = id;
-    $[4] = type;
-    $[5] = children;
-    $[6] = t1;
-  } else {
-    t1 = $[6];
-  }
-  return t1;
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    children: /*#__PURE__*/_jsx(Button, {
+      ref: ref,
+      ...props,
+      disabled: canSave ? undefined : true,
+      id: id,
+      type: type,
+      children: children
+    })
+  });
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","forwardRef","Button","useForm","useFormInitializing","useFormProcessing","baseClass","FormSubmit","props","ref","$","type","t0","buttonId","id","children","disabled","disabledFromProps","undefined","processing","initializing","canSave","t1","_jsx","className"],"sources":["../../../src/forms/Submit/index.tsx"],"sourcesContent":["'use client'\nimport React, { forwardRef } from 'react'\n\nimport type { Props } from '../../elements/Button/types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { useForm, useFormInitializing, useFormProcessing } from '../Form/context.js'\nimport './index.scss'\n\nconst baseClass = 'form-submit'\n\nexport const FormSubmit = forwardRef<HTMLButtonElement, Props>((props, ref) => {\n  const { type = 'submit', buttonId: id, children, disabled: disabledFromProps } = props\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n  const { disabled } = useForm()\n\n  const canSave = !(disabledFromProps || initializing || processing || disabled)\n\n  return (\n    <div className={baseClass}>\n      <Button ref={ref} {...props} disabled={canSave ? undefined : true} id={id} type={type}>\n        {children}\n      </Button>\n    </div>\n  )\n})\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,UAAU,QAAQ;AAIlC,SAASC,MAAM,QAAQ;AACvB,SAASC,OAAO,EAAEC,mBAAmB,EAAEC,iBAAiB,QAAQ;AAChE,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,gBAAaN,UAAA,CAAqC,CAAAO,KAAA,EAAAC,GAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAC7D;IAAAY,IAAA,EAAAC,EAAA;IAAAC,QAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC,QAAA,EAAAC;EAAA,IAAiFT,KAAA;EAAzE,MAAAG,IAAA,GAAAC,EAAe,KAAAM,SAAA,GAAR,QAAQ,GAAfN,EAAe;EACvB,MAAAO,UAAA,GAAmBd,iBAAA;EACnB,MAAAe,YAAA,GAAqBhB,mBAAA;EACrB;IAAAY;EAAA,IAAqBb,OAAA;EAErB,MAAAkB,OAAA,KAAkBJ,iBAAA,IAAqBG,YAAA,IAAgBD,UAAA,IAAcH,QAAO;EAAA,IAAAM,EAAA;EAAA,IAAAZ,CAAA,QAAAW,OAAA,IAAAX,CAAA,QAAAD,GAAA,IAAAC,CAAA,QAAAF,KAAA,IAAAE,CAAA,QAAAI,EAAA,IAAAJ,CAAA,QAAAC,IAAA,IAAAD,CAAA,QAAAK,QAAA;IAG1EO,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAAlB,SAAA;MAAAS,QAAA,EACCQ,IAAA,CAAArB,MAAA;QAAAO,GAAA;QAAA,GAAsBD,KAAK;QAAAQ,QAAA,EAAYK,OAAA,GAAAH,SAAA,OAAsB;QAAAJ,EAAA;QAAAH,IAAA;QAAAI;MAAA,C;;;;;;;;;;;;SAD/DO,E;CAMJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","forwardRef","Button","useForm","useFormInitializing","useFormProcessing","baseClass","FormSubmit","props","ref","type","buttonId","id","children","disabled","disabledFromProps","processing","initializing","canSave","_jsx","className","undefined"],"sources":["../../../src/forms/Submit/index.tsx"],"sourcesContent":["'use client'\nimport React, { forwardRef } from 'react'\n\nimport type { Props } from '../../elements/Button/types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { useForm, useFormInitializing, useFormProcessing } from '../Form/context.js'\nimport './index.scss'\n\nconst baseClass = 'form-submit'\n\nexport const FormSubmit = forwardRef<HTMLButtonElement, Props>((props, ref) => {\n  const { type = 'submit', buttonId: id, children, disabled: disabledFromProps } = props\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n  const { disabled } = useForm()\n\n  const canSave = !(disabledFromProps || initializing || processing || disabled)\n\n  return (\n    <div className={baseClass}>\n      <Button ref={ref} {...props} disabled={canSave ? undefined : true} id={id} type={type}>\n        {children}\n      </Button>\n    </div>\n  )\n})\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,UAAU,QAAQ;AAIlC,SAASC,MAAM,QAAQ;AACvB,SAASC,OAAO,EAAEC,mBAAmB,EAAEC,iBAAiB,QAAQ;AAChE,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,gBAAaN,UAAA,CAAqC,CAACO,KAAA,EAAOC,GAAA;EACrE,MAAM;IAAEC,IAAA,GAAO,QAAQ;IAAEC,QAAA,EAAUC,EAAE;IAAEC,QAAQ;IAAEC,QAAA,EAAUC;EAAiB,CAAE,GAAGP,KAAA;EACjF,MAAMQ,UAAA,GAAaX,iBAAA;EACnB,MAAMY,YAAA,GAAeb,mBAAA;EACrB,MAAM;IAAEU;EAAQ,CAAE,GAAGX,OAAA;EAErB,MAAMe,OAAA,GAAU,EAAEH,iBAAA,IAAqBE,YAAA,IAAgBD,UAAA,IAAcF,QAAO;EAE5E,oBACEK,IAAA,CAAC;IAAIC,SAAA,EAAWd,SAAA;cACd,aAAAa,IAAA,CAACjB,MAAA;MAAOO,GAAA,EAAKA,GAAA;MAAM,GAAGD,KAAK;MAAEM,QAAA,EAAUI,OAAA,GAAUG,SAAA,GAAY;MAAMT,EAAA,EAAIA,EAAA;MAAIF,IAAA,EAAMA,IAAA;gBAC9EG;;;AAIT","ignoreList":[]}

package/dist/forms/Submit/index.scss

@@ -1,5 +1,7 @@
-form > .form-submit {
-  .btn {
-    width: 100%;
+@layer payload-default {
+  form > .form-submit {
+    .btn {
+      width: 100%;
+    }
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"addFieldStatePromise.d.ts","sourceRoot":"","sources":["../../../src/forms/buildStateFromSchema/addFieldStatePromise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,IAAI,EACJ,mBAAmB,EACnB,KAAK,EAGL,SAAS,EACT,cAAc,EACf,MAAM,SAAS,CAAA;AAWhB,MAAM,MAAM,wBAAwB,GAAG;IACrC,oBAAoB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C;;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;;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,OAAO,CAAA;IACxB,IAAI,EAAE,MAAM,CAAA;IAEZ,WAAW,EAAE,mBAAmB,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,SAAS,CAAA;CACjB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,SAAgB,wBAAwB,KAAG,OAAO,CAAC,IAAI,CAugBvF,CAAA"}
+{"version":3,"file":"addFieldStatePromise.d.ts","sourceRoot":"","sources":["../../../src/forms/buildStateFromSchema/addFieldStatePromise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,IAAI,EACJ,mBAAmB,EACnB,KAAK,EAEL,SAAS,EACT,cAAc,EACf,MAAM,SAAS,CAAA;AAWhB,MAAM,MAAM,wBAAwB,GAAG;IACrC,oBAAoB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C;;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;;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,OAAO,CAAA;IACxB,IAAI,EAAE,MAAM,CAAA;IAEZ,WAAW,EAAE,mBAAmB,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,SAAS,CAAA;CACjB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,SAAgB,wBAAwB,KAAG,OAAO,CAAC,IAAI,CAsevF,CAAA"}

package/dist/forms/buildStateFromSchema/addFieldStatePromise.js

@@ -55,12 +55,11 @@ export const addFieldStatePromise = async args => {
         id,
         collectionSlug,
         data: fullData,
+        jsonError,
         operation,
+        preferences,
         req,
-        siblingData: data,
-        // @ts-expect-error-next-line
-        jsonError,
-        preferences
+        siblingData: data
       });
     }
     const addErrorPathToParent = errorPath => {
@@ -256,6 +255,7 @@ export const addFieldStatePromise = async args => {
           });
           break;
         }
+      case 'upload':
       case 'relationship':
         {
           if (field.filterOptions) {
@@ -317,33 +317,6 @@ export const addFieldStatePromise = async args => {
           }
           break;
         }
-      case 'upload':
-        {
-          if (field.filterOptions) {
-            if (typeof field.filterOptions === 'object') {
-              fieldState.filterOptions = {
-                [field.relationTo]: field.filterOptions
-              };
-            }
-            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;
-            }
-          }
-          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}${field.name}`] = fieldState;
-          }
-          break;
-        }
       default:
         {
           fieldState.value = data[field.name];