@payloadcms/ui 3.0.0-canary.291e44c → 3.0.0-canary.2d0dd26

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","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":[]}
+{"version":3,"file":"RenderField.js","names":["c","_c","React","ArrayField","BlocksField","CheckboxField","CodeField","CollapsibleField","DateTimeField","EmailField","GroupField","HiddenField","JoinField","JSONField","NumberField","PointField","RadioGroupField","RelationshipField","RichTextField","RowField","SelectField","TabsField","TextField","TextareaField","UIField","UploadField","useFormFields","RenderField","t0","$","clientFieldConfig","forceRender","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","schemaPath","t1","t2","fields","customComponents","Field","undefined","Symbol","for","baseFieldProps","iterableFieldProps","admin","hidden","_jsx","type","field","t3","bb0"],"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 Field = useFormFields(([fields]) => fields && fields?.[path]?.customComponents?.Field)\n\n  if (Field !== undefined) {\n    return Field || null\n  }\n\n  const baseFieldProps: Pick<ClientComponentProps, 'forceRender' | 'readOnly' | 'schemaPath'> = {\n    forceRender,\n    readOnly,\n    schemaPath,\n  }\n\n  const iterableFieldProps = {\n    ...baseFieldProps,\n    indexPath,\n    parentPath,\n    parentSchemaPath,\n    permissions,\n  }\n\n  if (clientFieldConfig.admin?.hidden) {\n    return <HiddenField {...baseFieldProps} path={path} />\n  }\n\n  switch (clientFieldConfig.type) {\n    case 'array':\n      return <ArrayField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'blocks':\n      return <BlocksField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'checkbox':\n      return <CheckboxField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'code':\n      return <CodeField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'collapsible':\n      return <CollapsibleField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'date':\n      return <DateTimeField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'email':\n      return <EmailField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'group':\n      return <GroupField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'join':\n      return <JoinField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'json':\n      return <JSONField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'number':\n      return <NumberField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'point':\n      return <PointField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'radio':\n      return <RadioGroupField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'relationship':\n      return <RelationshipField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'richText':\n      return <RichTextField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'row':\n      return <RowField {...iterableFieldProps} field={clientFieldConfig} />\n\n    case 'select':\n      return <SelectField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'tabs':\n      return <TabsField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'text':\n      return <TextField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'textarea':\n      return <TextareaField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'ui':\n      return <UIField />\n\n    case 'upload':\n      return <UploadField {...baseFieldProps} field={clientFieldConfig} path={path} />\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/forms/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;AAIvC,OAAO,cAAc,CAAA;AAKrB,OAAO,EAAE,KAAK,EAAE,CAAA;AAEhB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8ExC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/index.tsx"],"names":[],"mappings":"AAGA,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,CAwGxC,CAAA"}

package/dist/forms/RenderFields/index.js

@@ -2,9 +2,10 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { getFieldPaths } from 'payload/shared';
 import React from 'react';
-import { useIntersect } from '../../hooks/useIntersect.js';
-import { useTranslation } from '../../providers/Translation/index.js';
+import { RenderIfInViewport } from '../../elements/RenderIfInViewport/index.js';
+import { useOperation } from '../../providers/Operation/index.js';
 import './index.scss';
 import { RenderField } from './RenderField.js';
 const baseClass = 'render-fields';
@@ -14,114 +15,101 @@ export const RenderFields = props => {
     className,
     fields,
     forceRender,
-    indexPath,
     margins,
-    path,
+    parentIndexPath,
+    parentPath,
+    parentSchemaPath,
     permissions,
-    readOnly,
-    schemaPath
+    readOnly: readOnlyFromParent
   } = props;
-  const {
-    i18n
-  } = useTranslation();
-  const [hasRendered, setHasRendered] = React.useState(Boolean(forceRender));
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = {
-      rootMargin: "1000px"
-    };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const [intersectionRef, entry] = useIntersect(t0, Boolean(forceRender));
-  const isIntersecting = Boolean(entry?.isIntersecting);
-  const isAboveViewport = entry?.boundingClientRect?.top < 0;
-  const shouldRender = forceRender || isIntersecting || isAboveViewport;
-  let t1;
-  let t2;
-  if ($[1] !== shouldRender || $[2] !== hasRendered) {
-    t1 = () => {
-      if (shouldRender && !hasRendered) {
-        setHasRendered(true);
-      }
-    };
-    t2 = [shouldRender, hasRendered];
-    $[1] = shouldRender;
-    $[2] = hasRendered;
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    t1 = $[3];
-    t2 = $[4];
-  }
-  React.useEffect(t1, t2);
-  if (!fields || Array.isArray(fields) && fields.length === 0) {
-    return null;
-  }
-  if (!i18n) {
-    console.error("Need to implement i18n when calling RenderFields");
-  }
-  if (fields) {
-    const t3 = margins && `${baseClass}--margins-${margins}`;
-    const t4 = margins === false && `${baseClass}--margins-none`;
-    let t5;
-    if ($[5] !== className || $[6] !== t3 || $[7] !== t4) {
-      t5 = [baseClass, className, t3, t4].filter(Boolean);
-      $[5] = className;
-      $[6] = t3;
-      $[7] = t4;
-      $[8] = t5;
+  const operation = useOperation();
+  if (fields && fields.length > 0) {
+    const t0 = margins && `${baseClass}--margins-${margins}`;
+    const t1 = margins === false && `${baseClass}--margins-none`;
+    let t2;
+    if ($[0] !== className || $[1] !== t0 || $[2] !== t1) {
+      t2 = [baseClass, className, t0, t1].filter(Boolean);
+      $[0] = className;
+      $[1] = t0;
+      $[2] = t1;
+      $[3] = t2;
     } else {
-      t5 = $[8];
+      t2 = $[3];
     }
-    const t6 = t5.join(" ");
-    let t7;
-    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: {
+    const t3 = t2.join(" ");
+    let t4;
+    if ($[4] !== permissions || $[5] !== readOnlyFromParent || $[6] !== operation || $[7] !== parentIndexPath || $[8] !== parentPath || $[9] !== parentSchemaPath || $[10] !== forceRender || $[11] !== fields || $[12] !== t3) {
+      let t5;
+      if ($[14] !== permissions || $[15] !== readOnlyFromParent || $[16] !== operation || $[17] !== parentIndexPath || $[18] !== parentPath || $[19] !== parentSchemaPath || $[20] !== forceRender) {
+        t5 = (field, i) => {
+          if (!field || field?.admin?.disabled) {
+            return null;
+          }
+          const hasReadPermission = permissions === true || "name" in field && typeof permissions === "object" && permissions?.[field.name] && (permissions[field.name] === true || "read" in permissions[field.name] && permissions[field.name].read);
+          if ("name" in field && !hasReadPermission) {
+            return null;
+          }
+          let isReadOnly = readOnlyFromParent || field?.admin?.readOnly;
+          if (isReadOnly && field.admin?.readOnly === false) {
+            isReadOnly = false;
+          }
+          const hasOperationPermission = permissions === true || "name" in field && typeof permissions === "object" && permissions?.[field.name] && (permissions[field.name] === true || operation in permissions[field.name] && permissions[field.name][operation]);
+          if ("name" in field && !hasOperationPermission) {
+            isReadOnly = true;
+          }
+          const {
+            indexPath,
+            path,
+            schemaPath
+          } = getFieldPaths({
             field,
-            forceRender: forceRenderChildren,
-            readOnly
-          },
-          indexPath: indexPath !== undefined ? `${indexPath}.${fieldIndex}` : `${fieldIndex}`,
-          name,
-          path,
-          permissions: permissions?.[name],
-          schemaPath,
-          siblingPermissions: permissions
-        }, fieldIndex);
-      });
-      $[9] = hasRendered;
-      $[10] = fields;
-      $[11] = forceRender;
-      $[12] = readOnly;
-      $[13] = indexPath;
-      $[14] = path;
-      $[15] = permissions;
-      $[16] = schemaPath;
-      $[17] = t7;
-    } else {
-      t7 = $[17];
-    }
-    let t8;
-    if ($[18] !== t6 || $[19] !== intersectionRef || $[20] !== t7) {
-      t8 = _jsx("div", {
-        className: t6,
-        ref: intersectionRef,
-        children: t7
+            index: i,
+            parentIndexPath,
+            parentPath,
+            parentSchemaPath
+          });
+          return _jsx(RenderField, {
+            clientFieldConfig: field,
+            forceRender,
+            indexPath,
+            parentPath,
+            parentSchemaPath,
+            path,
+            permissions: permissions === null || permissions === true ? true : "name" in field ? permissions?.[field.name] : permissions,
+            readOnly: isReadOnly,
+            schemaPath
+          }, `${path}-${i}`);
+        };
+        $[14] = permissions;
+        $[15] = readOnlyFromParent;
+        $[16] = operation;
+        $[17] = parentIndexPath;
+        $[18] = parentPath;
+        $[19] = parentSchemaPath;
+        $[20] = forceRender;
+        $[21] = t5;
+      } else {
+        t5 = $[21];
+      }
+      t4 = _jsx(RenderIfInViewport, {
+        className: t3,
+        forceRender,
+        children: fields.map(t5)
       });
-      $[18] = t6;
-      $[19] = intersectionRef;
-      $[20] = t7;
-      $[21] = t8;
+      $[4] = permissions;
+      $[5] = readOnlyFromParent;
+      $[6] = operation;
+      $[7] = parentIndexPath;
+      $[8] = parentPath;
+      $[9] = parentSchemaPath;
+      $[10] = forceRender;
+      $[11] = fields;
+      $[12] = t3;
+      $[13] = t4;
     } else {
-      t8 = $[21];
+      t4 = $[13];
     }
-    return t8;
+    return t4;
   }
   return null;
 };

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","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":[]}
+{"version":3,"file":"index.js","names":["c","_c","getFieldPaths","React","RenderIfInViewport","useOperation","RenderField","baseClass","RenderFields","props","$","className","fields","forceRender","margins","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly","readOnlyFromParent","operation","length","t0","t1","t2","filter","Boolean","t3","join","t4","t5","field","i","admin","disabled","hasReadPermission","name","read","isReadOnly","hasOperationPermission","indexPath","path","schemaPath","index","_jsx","clientFieldConfig","children","map"],"sources":["../../../src/forms/RenderFields/index.tsx"],"sourcesContent":["'use client'\n\nimport { getFieldPaths } from 'payload/shared'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { RenderIfInViewport } from '../../elements/RenderIfInViewport/index.js'\nimport { useOperation } from '../../providers/Operation/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    margins,\n    parentIndexPath,\n    parentPath,\n    parentSchemaPath,\n    permissions,\n    readOnly: readOnlyFromParent,\n  } = props\n\n  const operation = useOperation()\n\n  if (fields && fields.length > 0) {\n    return (\n      <RenderIfInViewport\n        className={[\n          baseClass,\n          className,\n          margins && `${baseClass}--margins-${margins}`,\n          margins === false && `${baseClass}--margins-none`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        forceRender={forceRender}\n      >\n        {fields.map((field, i) => {\n          // For sidebar fields in the main fields array, `field` will be `null`, and visa versa\n          // This is to keep the order of the fields consistent and maintain the correct index paths for the main fields (i)\n          if (!field || field?.admin?.disabled) {\n            return null\n          }\n\n          // If the user cannot read the field, then filter it out\n          // This is different from `admin.readOnly` which is executed based on `operation`\n          const hasReadPermission =\n            permissions === true ||\n            ('name' in field &&\n              typeof permissions === 'object' &&\n              permissions?.[field.name] &&\n              (permissions[field.name] === true ||\n                ('read' in permissions[field.name] && permissions[field.name].read)))\n\n          if ('name' in field && !hasReadPermission) {\n            return null\n          }\n\n          // `admin.readOnly` displays the value but prevents the field from being edited\n          let isReadOnly = readOnlyFromParent || field?.admin?.readOnly\n\n          // If parent field is `readOnly: true`, but this field is `readOnly: false`, the field should still be editable\n          if (isReadOnly && field.admin?.readOnly === false) {\n            isReadOnly = false\n          }\n\n          // If the user does not have access control to begin with, force it to be read-only\n          const hasOperationPermission =\n            permissions === true ||\n            ('name' in field &&\n              typeof permissions === 'object' &&\n              permissions?.[field.name] &&\n              (permissions[field.name] === true ||\n                (operation in permissions[field.name] && permissions[field.name][operation])))\n\n          if ('name' in field && !hasOperationPermission) {\n            isReadOnly = true\n          }\n\n          const { indexPath, path, schemaPath } = getFieldPaths({\n            field,\n            index: i,\n            parentIndexPath,\n            parentPath,\n            parentSchemaPath,\n          })\n\n          return (\n            <RenderField\n              clientFieldConfig={field}\n              forceRender={forceRender}\n              indexPath={indexPath}\n              key={`${path}-${i}`}\n              parentPath={parentPath}\n              parentSchemaPath={parentSchemaPath}\n              path={path}\n              permissions={\n                permissions === null || permissions === true\n                  ? true\n                  : 'name' in field\n                    ? permissions?.[field.name]\n                    : permissions\n              }\n              readOnly={isReadOnly}\n              schemaPath={schemaPath}\n            />\n          )\n        })}\n      </RenderIfInViewport>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import type { ClientField, FieldPermissions, Operation } from 'payload';
+import type { ClientField, SanitizedFieldPermissions } from 'payload';
 export type Props = {
     readonly className?: string;
     readonly fields: ClientField[];
@@ -9,15 +9,14 @@ export type Props = {
      *
      * If a number is provided, will immediately render fields _up to that index_.
      */
-    readonly forceRender?: boolean | number;
-    readonly indexPath?: string;
+    readonly forceRender?: boolean;
     readonly margins?: 'small' | false;
-    readonly operation?: Operation;
-    readonly path: string;
-    readonly permissions?: {
-        [fieldName: string]: FieldPermissions;
-    };
-    readonly readOnly: boolean;
-    readonly schemaPath: string;
+    readonly parentIndexPath: string;
+    readonly parentPath: string;
+    readonly parentSchemaPath: string;
+    readonly permissions: {
+        [fieldName: string]: SanitizedFieldPermissions;
+    } | SanitizedFieldPermissions;
+    readonly readOnly?: boolean;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEvE,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B;;;;;;OAMG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACvC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAA;IAC9B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE;QACrB,CAAC,SAAS,EAAE,MAAM,GAAG,gBAAgB,CAAA;KACtC,CAAA;IACD,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;CAC5B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAErE,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B;;;;;;OAMG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAClC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAA;IACjC,QAAQ,CAAC,WAAW,EAChB;QACE,CAAC,SAAS,EAAE,MAAM,GAAG,yBAAyB,CAAA;KAC/C,GACD,yBAAyB,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/RenderFields/types.ts"],"sourcesContent":["import type { ClientField, FieldPermissions, Operation } from 'payload'\n\nexport type Props = {\n  readonly className?: string\n  readonly fields: ClientField[]\n  /**\n   * Controls the rendering behavior of the fields, i.e. defers rendering until they intersect with the viewport using the Intersection Observer API.\n   *\n   * If true, the fields will be rendered immediately, rather than waiting for them to intersect with the viewport.\n   *\n   * If a number is provided, will immediately render fields _up to that index_.\n   */\n  readonly forceRender?: boolean | number\n  readonly indexPath?: string\n  readonly margins?: 'small' | false\n  readonly operation?: Operation\n  readonly path: string\n  readonly permissions?: {\n    [fieldName: string]: FieldPermissions\n  }\n  readonly readOnly: boolean\n  readonly schemaPath: string\n}\n"],"mappings":"AAEA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/RenderFields/types.ts"],"sourcesContent":["import type { ClientField, SanitizedFieldPermissions } from 'payload'\n\nexport type Props = {\n  readonly className?: string\n  readonly fields: ClientField[]\n  /**\n   * Controls the rendering behavior of the fields, i.e. defers rendering until they intersect with the viewport using the Intersection Observer API.\n   *\n   * If true, the fields will be rendered immediately, rather than waiting for them to intersect with the viewport.\n   *\n   * If a number is provided, will immediately render fields _up to that index_.\n   */\n  readonly forceRender?: boolean\n  readonly margins?: 'small' | false\n  readonly parentIndexPath: string\n  readonly parentPath: string\n  readonly parentSchemaPath: string\n  readonly permissions:\n    | {\n        [fieldName: string]: SanitizedFieldPermissions\n      }\n    | SanitizedFieldPermissions\n  readonly readOnly?: boolean\n}\n"],"mappings":"AAEA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/RowLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,YAAY,EAAE,aAAa,EAAE,CAAA;AAO7B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6B5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/RowLabel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAI/C,YAAY,EAAE,aAAa,EAAE,CAAA;AAI7B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoB5C,CAAA"}

package/dist/forms/RowLabel/index.js

@@ -1,39 +1,31 @@
 'use client';
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
-import { RenderComponent } from '../../providers/Config/RenderComponent.js';
-import { RowLabelProvider } from '../RowLabel/Context/index.js';
+import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
+import { RowLabelProvider } from './Context/index.js';
 const baseClass = 'row-label';
 export const RowLabel = props => {
   const {
     className,
-    i18n,
+    CustomComponent,
+    label,
     path,
-    RowLabel: RowLabelComponent,
-    rowLabel,
     rowNumber
   } = props;
-  if (RowLabelComponent) {
-    return /*#__PURE__*/_jsx(RowLabelProvider, {
-      path: path,
-      rowNumber: rowNumber,
-      children: /*#__PURE__*/_jsx(RenderComponent, {
-        clientProps: {
-          label: rowLabel
+  return /*#__PURE__*/_jsx(RowLabelProvider, {
+    path: path,
+    rowNumber: rowNumber,
+    children: /*#__PURE__*/_jsx(RenderCustomComponent, {
+      CustomComponent: CustomComponent,
+      Fallback: /*#__PURE__*/_jsx("span", {
+        className: [baseClass, className].filter(Boolean).join(' '),
+        style: {
+          pointerEvents: 'none'
         },
-        mappedComponent: RowLabelComponent
+        children: label
       })
-    });
-  }
-  const label = rowLabel ? typeof rowLabel === 'object' ? getTranslation(rowLabel, i18n) : typeof rowLabel === 'string' ? rowLabel : '' : '';
-  return /*#__PURE__*/_jsx("span", {
-    className: [baseClass, className].filter(Boolean).join(' '),
-    style: {
-      pointerEvents: 'none'
-    },
-    children: label
+    })
   });
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"index.js","names":["React","RenderCustomComponent","RowLabelProvider","baseClass","RowLabel","props","className","CustomComponent","label","path","rowNumber","_jsx","Fallback","filter","Boolean","join","style","pointerEvents"],"sources":["../../../src/forms/RowLabel/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { RowLabelProps } from './types.js'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { RowLabelProvider } from './Context/index.js'\nexport type { RowLabelProps }\n\nconst baseClass = 'row-label'\n\nexport const RowLabel: React.FC<RowLabelProps> = (props) => {\n  const { className, CustomComponent, label, path, rowNumber } = props\n\n  return (\n    <RowLabelProvider path={path} rowNumber={rowNumber}>\n      <RenderCustomComponent\n        CustomComponent={CustomComponent}\n        Fallback={\n          <span\n            className={[baseClass, className].filter(Boolean).join(' ')}\n            style={{\n              pointerEvents: 'none',\n            }}\n          >\n            {label}\n          </span>\n        }\n      />\n    </RowLabelProvider>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAIlB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,gBAAgB,QAAQ;AAGjC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,QAAA,GAAqCC,KAAA;EAChD,MAAM;IAAEC,SAAS;IAAEC,eAAe;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAS,CAAE,GAAGL,KAAA;EAE/D,oBACEM,IAAA,CAACT,gBAAA;IAAiBO,IAAA,EAAMA,IAAA;IAAMC,SAAA,EAAWA,SAAA;cACvC,aAAAC,IAAA,CAACV,qBAAA;MACCM,eAAA,EAAiBA,eAAA;MACjBK,QAAA,eACED,IAAA,CAAC;QACCL,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACO,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;QACvDC,KAAA,EAAO;UACLC,aAAA,EAAe;QACjB;kBAECT;;;;AAMb","ignoreList":[]}

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

@@ -1,11 +1,8 @@
-import type { I18nClient } from '@payloadcms/translations';
-import type { MappedComponent, StaticLabel } from 'payload';
 export type RowLabelProps = {
     readonly className?: string;
-    readonly i18n: I18nClient;
+    readonly CustomComponent?: React.ReactNode;
+    readonly label?: string;
     readonly path: string;
-    readonly RowLabel?: MappedComponent;
-    readonly rowLabel?: StaticLabel;
     readonly rowNumber?: number;
 };
 //# sourceMappingURL=types.d.ts.map

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,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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RowLabel/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,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 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":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/RowLabel/types.ts"],"sourcesContent":["export type RowLabelProps = {\n  readonly className?: string\n  readonly CustomComponent?: React.ReactNode\n  readonly label?: string\n  readonly path: string\n  readonly rowNumber?: number\n}\n"],"mappings":"AAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/Submit/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAA;AAI3D,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,UAAU,iFAerB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/Submit/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAA;AAI3D,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,UAAU,iFA2BrB,CAAA"}

package/dist/forms/Submit/index.js

@@ -11,12 +11,14 @@ export const FormSubmit = /*#__PURE__*/forwardRef((props, ref) => {
     type = 'submit',
     buttonId: id,
     children,
-    disabled: disabledFromProps
+    disabled: disabledFromProps,
+    onClick
   } = props;
   const processing = useFormProcessing();
   const initializing = useFormInitializing();
   const {
-    disabled
+    disabled,
+    submit
   } = useForm();
   const canSave = !(disabledFromProps || initializing || processing || disabled);
   return /*#__PURE__*/_jsx("div", {
@@ -26,6 +28,9 @@ export const FormSubmit = /*#__PURE__*/forwardRef((props, ref) => {
       ...props,
       disabled: canSave ? undefined : true,
       id: id,
+      onClick: onClick ?? (() => {
+        void submit();
+      }),
       type: type,
       children: children
     })

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"index.js","names":["React","forwardRef","Button","useForm","useFormInitializing","useFormProcessing","baseClass","FormSubmit","props","ref","type","buttonId","id","children","disabled","disabledFromProps","onClick","processing","initializing","submit","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, onClick } = props\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n  const { disabled, submit } = useForm()\n\n  const canSave = !(disabledFromProps || initializing || processing || disabled)\n\n  return (\n    <div className={baseClass}>\n      <Button\n        ref={ref}\n        {...props}\n        disabled={canSave ? undefined : true}\n        id={id}\n        onClick={\n          onClick ??\n          (() => {\n            void submit()\n          })\n        }\n        type={type}\n      >\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,iBAAiB;IAAEC;EAAO,CAAE,GAAGR,KAAA;EAC1F,MAAMS,UAAA,GAAaZ,iBAAA;EACnB,MAAMa,YAAA,GAAed,mBAAA;EACrB,MAAM;IAAEU,QAAQ;IAAEK;EAAM,CAAE,GAAGhB,OAAA;EAE7B,MAAMiB,OAAA,GAAU,EAAEL,iBAAA,IAAqBG,YAAA,IAAgBD,UAAA,IAAcH,QAAO;EAE5E,oBACEO,IAAA,CAAC;IAAIC,SAAA,EAAWhB,SAAA;cACd,aAAAe,IAAA,CAACnB,MAAA;MACCO,GAAA,EAAKA,GAAA;MACJ,GAAGD,KAAK;MACTM,QAAA,EAAUM,OAAA,GAAUG,SAAA,GAAY;MAChCX,EAAA,EAAIA,EAAA;MACJI,OAAA,EACEA,OAAA,KACC;QACC,KAAKG,MAAA;MACP;MAEFT,IAAA,EAAMA,IAAA;gBAELG;;;AAIT","ignoreList":[]}

package/dist/forms/WatchChildErrors/buildPathSegments.d.ts

@@ -1,3 +1,3 @@
 import type { ClientField } from 'payload';
-export declare const buildPathSegments: (parentPath: string, fields: ClientField[]) => string[];
+export declare const buildPathSegments: (parentPath: (number | string)[], fields: ClientField[]) => string[];
 //# sourceMappingURL=buildPathSegments.d.ts.map

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,eAAgB,MAAM,UAAU,WAAW,EAAE,KAAG,MAAM,EAkCnF,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,eAChB,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,UACvB,WAAW,EAAE,KACpB,MAAM,EAkCR,CAAA"}

package/dist/forms/WatchChildErrors/buildPathSegments.js

@@ -8,7 +8,7 @@ export const buildPathSegments = (parentPath, fields) => {
       if (fieldAffectsData(field)) {
         // group, block, array
         const name = 'name' in field ? field.name : 'unnamed';
-        acc.push(parentPath ? `${parentPath}.${name}.` : `${name}.`);
+        acc.push(...[...parentPath, name]);
       } else {
         // rows, collapsibles, unnamed-tab
         acc.push(...buildPathSegments(parentPath, fields));
@@ -19,7 +19,7 @@ export const buildPathSegments = (parentPath, fields) => {
         field.tabs?.forEach(tab => {
           let tabPath = parentPath;
           if ('name' in tab) {
-            tabPath = parentPath ? `${parentPath}.${tab.name}` : tab.name;
+            tabPath = [...parentPath, tab.name];
           }
           acc.push(...buildPathSegments(tabPath, tab.fields));
         });
@@ -27,7 +27,7 @@ export const buildPathSegments = (parentPath, fields) => {
     } else if (fieldAffectsData(field)) {
       // text, number, date, etc.
       const name = 'name' in field ? field.name : 'unnamed';
-      acc.push(parentPath ? `${parentPath}.${name}` : name);
+      acc.push(...[...parentPath, name]);
     }
     return acc;
   }, []);