@payloadcms/ui 3.0.0-canary.95fcd13 → 3.0.0-canary.9beaa28

package/dist/forms/RenderFields/index.js

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useIntersect } from '../../hooks/useIntersect.js';
@@ -6,66 +8,118 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { RenderField } from './RenderField.js';
 import './index.scss';
 const baseClass = 'render-fields';
-export const RenderFields = (props)=>{
-    const { className, fieldMap, forceRender, indexPath, margins, path, permissions, schemaPath } = props;
-    const { i18n } = useTranslation();
-    const [hasRendered, setHasRendered] = React.useState(Boolean(forceRender));
-    const [intersectionRef, entry] = useIntersect({
-        rootMargin: '1000px'
-    }, Boolean(forceRender));
-    const isIntersecting = Boolean(entry?.isIntersecting);
-    const isAboveViewport = entry?.boundingClientRect?.top < 0;
-    const shouldRender = forceRender || isIntersecting || isAboveViewport;
-    React.useEffect(()=>{
-        if (shouldRender && !hasRendered) {
-            setHasRendered(true);
-        }
-    }, [
-        shouldRender,
-        hasRendered
-    ]);
-    if (!fieldMap || Array.isArray(fieldMap) && fieldMap.length === 0) {
-        return null;
+export const RenderFields = props => {
+  const $ = _c(21);
+  const {
+    className,
+    fields,
+    forceRender,
+    indexPath,
+    margins,
+    path,
+    permissions,
+    schemaPath
+  } = 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;
+    } else {
+      t5 = $[8];
     }
-    if (!i18n) {
-        console.error('Need to implement i18n when calling RenderFields') // eslint-disable-line no-console
-        ;
+    const t6 = t5.join(" ");
+    let t7;
+    if ($[9] !== hasRendered || $[10] !== fields || $[11] !== forceRender || $[12] !== indexPath || $[13] !== path || $[14] !== permissions || $[15] !== 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
+          },
+          indexPath: indexPath !== undefined ? `${indexPath}.${fieldIndex}` : `${fieldIndex}`,
+          name,
+          path,
+          permissions: permissions?.[name],
+          schemaPath,
+          siblingPermissions: permissions
+        }, fieldIndex);
+      });
+      $[9] = hasRendered;
+      $[10] = fields;
+      $[11] = forceRender;
+      $[12] = indexPath;
+      $[13] = path;
+      $[14] = permissions;
+      $[15] = schemaPath;
+      $[16] = t7;
+    } else {
+      t7 = $[16];
     }
-    if (fieldMap) {
-        return /*#__PURE__*/ _jsx("div", {
-            className: [
-                baseClass,
-                className,
-                margins && `${baseClass}--margins-${margins}`,
-                margins === false && `${baseClass}--margins-none`
-            ].filter(Boolean).join(' '),
-            ref: intersectionRef,
-            children: hasRendered && fieldMap?.map((f, fieldIndex)=>{
-                const { type, CustomField, custom, disabled, fieldComponentProps, fieldComponentProps: { readOnly }, isHidden } = f;
-                const forceRenderChildren = typeof forceRender === 'number' && fieldIndex <= forceRender || true;
-                const name = 'name' in f ? f.name : undefined;
-                return /*#__PURE__*/ _jsx(RenderField, {
-                    CustomField: CustomField,
-                    custom: custom,
-                    disabled: disabled,
-                    fieldComponentProps: {
-                        ...fieldComponentProps,
-                        forceRender: forceRenderChildren
-                    },
-                    indexPath: indexPath !== undefined ? `${indexPath}.${fieldIndex}` : `${fieldIndex}`,
-                    isHidden: isHidden,
-                    name: name,
-                    path: path,
-                    permissions: permissions?.[name],
-                    readOnly: readOnly,
-                    schemaPath: schemaPath,
-                    siblingPermissions: permissions,
-                    type: type
-                }, fieldIndex);
-            })
-        });
+    let t8;
+    if ($[17] !== t6 || $[18] !== intersectionRef || $[19] !== t7) {
+      t8 = _jsx("div", {
+        className: t6,
+        ref: intersectionRef,
+        children: t7
+      });
+      $[17] = t6;
+      $[18] = intersectionRef;
+      $[19] = t7;
+      $[20] = t8;
+    } else {
+      t8 = $[20];
     }
-    return null;
+    return t8;
+  }
+  return null;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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, fieldMap, 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 (!fieldMap || (Array.isArray(fieldMap) && fieldMap.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 (fieldMap) {\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          fieldMap?.map((f, fieldIndex) => {\n            const {\n              type,\n              CustomField,\n              custom,\n              disabled,\n              fieldComponentProps,\n              fieldComponentProps: { readOnly },\n              isHidden,\n            } = f\n\n            const forceRenderChildren =\n              (typeof forceRender === 'number' && fieldIndex <= forceRender) || true\n\n            const name = 'name' in f ? f.name : undefined\n\n            return (\n              <RenderField\n                CustomField={CustomField}\n                custom={custom}\n                disabled={disabled}\n                fieldComponentProps={{ ...fieldComponentProps, forceRender: forceRenderChildren }}\n                indexPath={indexPath !== undefined ? `${indexPath}.${fieldIndex}` : `${fieldIndex}`}\n                isHidden={isHidden}\n                key={fieldIndex}\n                name={name}\n                path={path}\n                permissions={permissions?.[name]}\n                readOnly={readOnly}\n                schemaPath={schemaPath}\n                siblingPermissions={permissions}\n                type={type}\n              />\n            )\n          })}\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["React","useIntersect","useTranslation","RenderField","baseClass","RenderFields","props","className","fieldMap","forceRender","indexPath","margins","path","permissions","schemaPath","i18n","hasRendered","setHasRendered","useState","Boolean","intersectionRef","entry","rootMargin","isIntersecting","isAboveViewport","boundingClientRect","top","shouldRender","useEffect","Array","isArray","length","console","error","div","filter","join","ref","map","f","fieldIndex","type","CustomField","custom","disabled","fieldComponentProps","readOnly","isHidden","forceRenderChildren","name","undefined","siblingPermissions"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAIzB,SAASC,YAAY,QAAQ,8BAA6B;AAC1D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,WAAW,QAAQ,mBAAkB;AAC9C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAIlB,OAAO,MAAMC,eAAgC,CAACC;IAC5C,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,IAAI,EAAEC,WAAW,EAAEC,UAAU,EAAE,GAC3FR;IAEF,MAAM,EAAES,IAAI,EAAE,GAAGb;IACjB,MAAM,CAACc,aAAaC,eAAe,GAAGjB,MAAMkB,QAAQ,CAACC,QAAQV;IAC7D,MAAM,CAACW,iBAAiBC,MAAM,GAAGpB,aAC/B;QACEqB,YAAY;IACd,GACAH,QAAQV;IAGV,MAAMc,iBAAiBJ,QAAQE,OAAOE;IACtC,MAAMC,kBAAkBH,OAAOI,oBAAoBC,MAAM;IACzD,MAAMC,eAAelB,eAAec,kBAAkBC;IAEtDxB,MAAM4B,SAAS,CAAC;QACd,IAAID,gBAAgB,CAACX,aAAa;YAChCC,eAAe;QACjB;IACF,GAAG;QAACU;QAAcX;KAAY;IAE9B,IAAI,CAACR,YAAaqB,MAAMC,OAAO,CAACtB,aAAaA,SAASuB,MAAM,KAAK,GAAI;QACnE,OAAO;IACT;IAEA,IAAI,CAAChB,MAAM;QACTiB,QAAQC,KAAK,CAAC,oDAAoD,iCAAiC;;IACrG;IAEA,IAAIzB,UAAU;QACZ,qBACE,KAAC0B;YACC3B,WAAW;gBACTH;gBACAG;gBACAI,WAAW,CAAC,EAAEP,UAAU,UAAU,EAAEO,QAAQ,CAAC;gBAC7CA,YAAY,SAAS,CAAC,EAAEP,UAAU,cAAc,CAAC;aAClD,CACE+B,MAAM,CAAChB,SACPiB,IAAI,CAAC;YACRC,KAAKjB;sBAEJJ,eACCR,UAAU8B,IAAI,CAACC,GAAGC;gBAChB,MAAM,EACJC,IAAI,EACJC,WAAW,EACXC,MAAM,EACNC,QAAQ,EACRC,mBAAmB,EACnBA,qBAAqB,EAAEC,QAAQ,EAAE,EACjCC,QAAQ,EACT,GAAGR;gBAEJ,MAAMS,sBACJ,AAAC,OAAOvC,gBAAgB,YAAY+B,cAAc/B,eAAgB;gBAEpE,MAAMwC,OAAO,UAAUV,IAAIA,EAAEU,IAAI,GAAGC;gBAEpC,qBACE,KAAC/C;oBACCuC,aAAaA;oBACbC,QAAQA;oBACRC,UAAUA;oBACVC,qBAAqB;wBAAE,GAAGA,mBAAmB;wBAAEpC,aAAauC;oBAAoB;oBAChFtC,WAAWA,cAAcwC,YAAY,CAAC,EAAExC,UAAU,CAAC,EAAE8B,WAAW,CAAC,GAAG,CAAC,EAAEA,WAAW,CAAC;oBACnFO,UAAUA;oBAEVE,MAAMA;oBACNrC,MAAMA;oBACNC,aAAaA,aAAa,CAACoC,KAAK;oBAChCH,UAAUA;oBACVhC,YAAYA;oBACZqC,oBAAoBtC;oBACpB4B,MAAMA;mBAPDD;YAUX;;IAGR;IAEA,OAAO;AACT,EAAC"}
+{"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":[]}

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

@@ -1,7 +1,7 @@
-import type { FieldMap, FieldPermissions, Operation } from 'payload';
+import type { ClientField, FieldPermissions, Operation } from 'payload';
 export type Props = {
-    className?: string;
-    fieldMap: FieldMap;
+    readonly className?: string;
+    readonly fields: ClientField[];
     /**
      * Controls the rendering behavior of the fields, i.e. defers rendering until they intersect with the viewport using the Intersection Observer API.
      *
@@ -9,15 +9,15 @@ export type Props = {
      *
      * If a number is provided, will immediately render fields _up to that index_.
      */
-    forceRender?: boolean | number;
-    indexPath?: string;
-    margins?: 'small' | false;
-    operation?: Operation;
-    path: string;
-    permissions?: {
+    readonly forceRender?: boolean | number;
+    readonly indexPath?: string;
+    readonly margins?: 'small' | false;
+    readonly operation?: Operation;
+    readonly path: string;
+    readonly permissions?: {
         [fieldName: string]: FieldPermissions;
     };
-    readOnly: boolean;
-    schemaPath: string;
+    readonly readOnly: boolean;
+    readonly schemaPath: string;
 };
 //# 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,QAAQ,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEpE,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IACzB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE;QACZ,CAAC,SAAS,EAAE,MAAM,GAAG,gBAAgB,CAAA;KACtC,CAAA;IACD,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA"}
+{"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"}

package/dist/forms/RenderFields/types.js

@@ -1,3 +1,2 @@
-export { };
-
+export {};
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/RenderFields/types.ts"],"sourcesContent":["import type { FieldMap, FieldPermissions, Operation } from 'payload'\n\nexport type Props = {\n  className?: string\n  fieldMap: FieldMap\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  forceRender?: boolean | number\n  indexPath?: string\n  margins?: 'small' | false\n  operation?: Operation\n  path: string\n  permissions?: {\n    [fieldName: string]: FieldPermissions\n  }\n  readOnly: boolean\n  schemaPath: string\n}\n"],"names":[],"mappings":"AAEA,WAoBC"}
+{"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":[]}

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

@@ -1,11 +1,11 @@
 import React from 'react';
 type RowLabelType<T = unknown> = {
-    data: T;
-    path: string;
-    rowNumber?: number;
+    readonly data: T;
+    readonly path: string;
+    readonly rowNumber?: number;
 };
 type Props<T> = {
-    children: React.ReactNode;
+    readonly children: React.ReactNode;
 } & Omit<RowLabelType<T>, 'data'>;
 export declare const RowLabelProvider: React.FC<Props<unknown>>;
 export declare const useRowLabel: <T>() => RowLabelType<T>;

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

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

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

@@ -1,28 +1,37 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useWatchForm } from '../../Form/context.js';
-const RowLabel = /*#__PURE__*/ React.createContext({
-    data: {},
-    path: '',
-    rowNumber: undefined
+const RowLabel = /*#__PURE__*/React.createContext({
+  data: {},
+  path: '',
+  rowNumber: undefined
 });
-export const RowLabelProvider = ({ children, path, rowNumber })=>{
-    const { getDataByPath, getSiblingData } = useWatchForm();
-    const collapsibleData = getSiblingData(path);
-    const arrayData = getDataByPath(path);
-    const data = arrayData || collapsibleData;
-    return /*#__PURE__*/ _jsx(RowLabel.Provider, {
-        value: {
-            data,
-            path,
-            rowNumber
-        },
-        children: children
-    });
+export const RowLabelProvider = ({
+  children,
+  path,
+  rowNumber
+}) => {
+  'use no memo';
+
+  const {
+    getDataByPath,
+    getSiblingData
+  } = useWatchForm();
+  const collapsibleData = getSiblingData(path);
+  const arrayData = getDataByPath(path);
+  const data = arrayData || collapsibleData;
+  return /*#__PURE__*/_jsx(RowLabel.Provider, {
+    value: {
+      data,
+      path,
+      rowNumber
+    },
+    children: children
+  });
 };
-export const useRowLabel = ()=>{
-    return React.useContext(RowLabel);
+export const useRowLabel = () => {
+  return React.useContext(RowLabel);
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/forms/RowLabel/Context/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useWatchForm } from '../../Form/context.js'\n\ntype RowLabelType<T = unknown> = {\n  data: T\n  path: string\n  rowNumber?: number\n}\n\nconst RowLabel = React.createContext<RowLabelType>({\n  data: {},\n  path: '',\n  rowNumber: undefined,\n})\n\ntype Props<T> = {\n  children: React.ReactNode\n} & Omit<RowLabelType<T>, 'data'>\n\nexport const RowLabelProvider: React.FC<Props<unknown>> = ({ children, path, rowNumber }) => {\n  const { getDataByPath, getSiblingData } = useWatchForm()\n  const collapsibleData = getSiblingData(path)\n  const arrayData = getDataByPath(path)\n  const data = arrayData || collapsibleData\n\n  return <RowLabel.Provider value={{ data, path, rowNumber }}>{children}</RowLabel.Provider>\n}\n\nexport const useRowLabel = <T,>() => {\n  return React.useContext(RowLabel) as RowLabelType<T>\n}\n"],"names":["React","useWatchForm","RowLabel","createContext","data","path","rowNumber","undefined","RowLabelProvider","children","getDataByPath","getSiblingData","collapsibleData","arrayData","Provider","value","useRowLabel","useContext"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,wBAAuB;AAQpD,MAAMC,yBAAWF,MAAMG,aAAa,CAAe;IACjDC,MAAM,CAAC;IACPC,MAAM;IACNC,WAAWC;AACb;AAMA,OAAO,MAAMC,mBAA6C,CAAC,EAAEC,QAAQ,EAAEJ,IAAI,EAAEC,SAAS,EAAE;IACtF,MAAM,EAAEI,aAAa,EAAEC,cAAc,EAAE,GAAGV;IAC1C,MAAMW,kBAAkBD,eAAeN;IACvC,MAAMQ,YAAYH,cAAcL;IAChC,MAAMD,OAAOS,aAAaD;IAE1B,qBAAO,KAACV,SAASY,QAAQ;QAACC,OAAO;YAAEX;YAAMC;YAAMC;QAAU;kBAAIG;;AAC/D,EAAC;AAED,OAAO,MAAMO,cAAc;IACzB,OAAOhB,MAAMiB,UAAU,CAACf;AAC1B,EAAC"}
+{"version":3,"file":"index.js","names":["React","useWatchForm","RowLabel","createContext","data","path","rowNumber","undefined","RowLabelProvider","children","getDataByPath","getSiblingData","collapsibleData","arrayData","_jsx","Provider","value","useRowLabel","useContext"],"sources":["../../../../src/forms/RowLabel/Context/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useWatchForm } from '../../Form/context.js'\n\ntype RowLabelType<T = unknown> = {\n  readonly data: T\n  readonly path: string\n  readonly rowNumber?: number\n}\n\nconst RowLabel = React.createContext<RowLabelType>({\n  data: {},\n  path: '',\n  rowNumber: undefined,\n})\n\ntype Props<T> = {\n  readonly children: React.ReactNode\n} & Omit<RowLabelType<T>, 'data'>\n\nexport const RowLabelProvider: React.FC<Props<unknown>> = ({ children, path, rowNumber }) => {\n  'use no memo'\n  const { getDataByPath, getSiblingData } = useWatchForm()\n  const collapsibleData = getSiblingData(path)\n  const arrayData = getDataByPath(path)\n  const data = arrayData || collapsibleData\n\n  return <RowLabel.Provider value={{ data, path, rowNumber }}>{children}</RowLabel.Provider>\n}\n\nexport const useRowLabel = <T,>() => {\n  return React.useContext(RowLabel) as RowLabelType<T>\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAQ7B,MAAMC,QAAA,gBAAWF,KAAA,CAAMG,aAAa,CAAe;EACjDC,IAAA,EAAM,CAAC;EACPC,IAAA,EAAM;EACNC,SAAA,EAAWC;AACb;AAMA,OAAO,MAAMC,gBAAA,GAA6CA,CAAC;EAAEC,QAAQ;EAAEJ,IAAI;EAAEC;AAAS,CAAE;EACtF;;EACA,MAAM;IAAEI,aAAa;IAAEC;EAAc,CAAE,GAAGV,YAAA;EAC1C,MAAMW,eAAA,GAAkBD,cAAA,CAAeN,IAAA;EACvC,MAAMQ,SAAA,GAAYH,aAAA,CAAcL,IAAA;EAChC,MAAMD,IAAA,GAAOS,SAAA,IAAaD,eAAA;EAE1B,oBAAOE,IAAA,CAACZ,QAAA,CAASa,QAAQ;IAACC,KAAA,EAAO;MAAEZ,IAAA;MAAMC,IAAA;MAAMC;IAAU;cAAIG;;AAC/D;AAEA,OAAO,MAAMQ,WAAA,GAAcA,CAAA;EAAA,OAClBjB,KAAA,CAAAkB,UAAA,CAAAhB,QAAiB;AAAA,CAC1B","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":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,YAAY,EAAE,aAAa,EAAE,CAAA;AAM7B,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":"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"}

package/dist/forms/RowLabel/index.js

@@ -1,28 +1,39 @@
+'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';
 const baseClass = 'row-label';
-export const RowLabel = (props)=>{
-    const { RowLabelComponent, className, i18n, path, rowLabel, rowNumber } = props;
-    if (RowLabelComponent) {
-        return /*#__PURE__*/ _jsx(RowLabelProvider, {
-            path: path,
-            rowNumber: rowNumber,
-            children: RowLabelComponent
-        });
-    }
-    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'
+export const RowLabel = props => {
+  const {
+    RowLabel: RowLabelComponent,
+    className,
+    i18n,
+    path,
+    rowLabel,
+    rowNumber
+  } = props;
+  if (RowLabelComponent) {
+    return /*#__PURE__*/_jsx(RowLabelProvider, {
+      path: path,
+      rowNumber: rowNumber,
+      children: /*#__PURE__*/_jsx(RenderComponent, {
+        clientProps: {
+          label: rowLabel
         },
-        children: label
+        mappedComponent: RowLabelComponent
+      })
     });
+  }
+  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,"sources":["../../../src/forms/RowLabel/index.tsx"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { RowLabelProps } from './types.js'\nexport type { RowLabelProps }\n\nimport { RowLabelProvider } from '../RowLabel/Context/index.js'\n\nconst baseClass = 'row-label'\n\nexport const RowLabel: React.FC<RowLabelProps> = (props) => {\n  const { RowLabelComponent, className, i18n, path, rowLabel, rowNumber } = props\n\n  if (RowLabelComponent) {\n    return (\n      <RowLabelProvider path={path} rowNumber={rowNumber}>\n        {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"],"names":["getTranslation","React","RowLabelProvider","baseClass","RowLabel","props","RowLabelComponent","className","i18n","path","rowLabel","rowNumber","label","span","filter","Boolean","join","style","pointerEvents"],"mappings":";AAAA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAKzB,SAASC,gBAAgB,QAAQ,+BAA8B;AAE/D,MAAMC,YAAY;AAElB,OAAO,MAAMC,WAAoC,CAACC;IAChD,MAAM,EAAEC,iBAAiB,EAAEC,SAAS,EAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGN;IAE1E,IAAIC,mBAAmB;QACrB,qBACE,KAACJ;YAAiBO,MAAMA;YAAME,WAAWA;sBACtCL;;IAGP;IAEA,MAAMM,QAAQF,WACV,OAAOA,aAAa,WAClBV,eAAeU,UAAUF,QACzB,OAAOE,aAAa,WAClBA,WACA,KACJ;IAEJ,qBACE,KAACG;QACCN,WAAW;YAACJ;YAAWI;SAAU,CAACO,MAAM,CAACC,SAASC,IAAI,CAAC;QACvDC,OAAO;YACLC,eAAe;QACjB;kBAECN;;AAGP,EAAC"}
+{"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":[]}

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

@@ -1,12 +1,11 @@
 import type { I18nClient } from '@payloadcms/translations';
-import type { LabelProps } from 'payload';
-import type React from 'react';
+import type { MappedComponent, StaticLabel } from 'payload';
 export type RowLabelProps = {
-    RowLabelComponent?: React.ReactNode;
-    className?: string;
-    i18n: I18nClient;
-    path: string;
-    rowLabel?: LabelProps['label'];
-    rowNumber?: number;
+    readonly RowLabel?: MappedComponent;
+    readonly className?: string;
+    readonly i18n: I18nClient;
+    readonly path: string;
+    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,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,aAAa,GAAG;IAC1B,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,UAAU,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,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,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"}

package/dist/forms/RowLabel/types.js

@@ -1,3 +1,2 @@
-export { };
-
+export {};
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/RowLabel/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { LabelProps } from 'payload'\nimport type React from 'react'\n\nexport type RowLabelProps = {\n  RowLabelComponent?: React.ReactNode\n  className?: string\n  i18n: I18nClient\n  path: string\n  rowLabel?: LabelProps['label']\n  rowNumber?: number\n}\n"],"names":[],"mappings":"AAIA,WAOC"}
+{"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":[]}

package/dist/forms/Submit/index.js

@@ -1,27 +1,50 @@
 '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';
 import { useForm, useFormInitializing, useFormProcessing } from '../Form/context.js';
 import './index.scss';
 const baseClass = 'form-submit';
-export const FormSubmit = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { type = 'submit', buttonId: id, children, disabled: disabledFromProps } = props;
-    const processing = useFormProcessing();
-    const initializing = useFormInitializing();
-    const { disabled } = useForm();
-    const canSave = !(disabledFromProps || initializing || processing || disabled);
-    return /*#__PURE__*/ _jsx("div", {
-        className: baseClass,
-        children: /*#__PURE__*/ _jsx(Button, {
-            ref: ref,
-            ...props,
-            disabled: canSave ? undefined : true,
-            id: id,
-            type: type,
-            children: children
-        })
+export const FormSubmit = /*#__PURE__*/forwardRef((props, ref) => {
+  const $ = _c(7);
+  const {
+    type: t0,
+    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;
 });
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["React","forwardRef","Button","useForm","useFormInitializing","useFormProcessing","baseClass","FormSubmit","props","ref","type","buttonId","id","children","disabled","disabledFromProps","processing","initializing","canSave","div","className","undefined"],"mappings":"AAAA;;AACA,OAAOA,SAASC,UAAU,QAAQ,QAAO;AAIzC,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,OAAO,EAAEC,mBAAmB,EAAEC,iBAAiB,QAAQ,qBAAoB;AACpF,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,2BAAaN,WAAqC,CAACO,OAAOC;IACrE,MAAM,EAAEC,OAAO,QAAQ,EAAEC,UAAUC,EAAE,EAAEC,QAAQ,EAAEC,UAAUC,iBAAiB,EAAE,GAAGP;IACjF,MAAMQ,aAAaX;IACnB,MAAMY,eAAeb;IACrB,MAAM,EAAEU,QAAQ,EAAE,GAAGX;IAErB,MAAMe,UAAU,CAAEH,CAAAA,qBAAqBE,gBAAgBD,cAAcF,QAAO;IAE5E,qBACE,KAACK;QAAIC,WAAWd;kBACd,cAAA,KAACJ;YAAOO,KAAKA;YAAM,GAAGD,KAAK;YAAEM,UAAUI,UAAUG,YAAY;YAAMT,IAAIA;YAAIF,MAAMA;sBAC9EG;;;AAIT,GAAE"}
+{"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":[]}

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

@@ -1,3 +1,3 @@
-import type { FieldMap } from 'payload';
-export declare const buildPathSegments: (parentPath: string, fieldMap: FieldMap) => string[];
+import type { ClientField } from 'payload';
+export declare const buildPathSegments: (parentPath: 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":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,eAAO,MAAM,iBAAiB,eAAgB,MAAM,YAAY,QAAQ,KAAG,MAAM,EAmChF,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,eAAgB,MAAM,UAAU,WAAW,EAAE,KAAG,MAAM,EAkCnF,CAAA"}