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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/RenderFields/types.ts"],"sourcesContent":["import type { FieldPermissions, Operation } from 'payload'\n\nimport type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js'\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":"AAIA,WAoBC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/RenderFields/types.ts"],"sourcesContent":["import type { ClientField, FieldPermissions } 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]: FieldPermissions\n      }\n    | FieldPermissions\n    | null\n  readonly readOnly?: boolean\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":"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,28 +1,31 @@
+'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
-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 { 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(' '),
+export const RowLabel = props => {
+  const {
+    className,
+    CustomComponent,
+    label,
+    path,
+    rowNumber
+  } = props;
+  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'
+          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":["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,12 +1,8 @@
-import type { I18nClient } from '@payloadcms/translations';
-import type { LabelProps } from 'payload';
-import type React from 'react';
 export type RowLabelProps = {
-    RowLabelComponent?: React.ReactNode;
-    className?: string;
-    i18n: I18nClient;
-    path: string;
-    rowLabel?: LabelProps['label'];
-    rowNumber?: number;
+    readonly className?: string;
+    readonly CustomComponent?: React.ReactNode;
+    readonly label?: string;
+    readonly path: string;
+    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,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

@@ -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":["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.js

@@ -1,27 +1,34 @@
 'use client';
+
 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 {
+    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
+    })
+  });
 });
-
 //# 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":["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/WatchChildErrors/buildPathSegments.d.ts

@@ -1,3 +1,3 @@
-import type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js';
-export declare const buildPathSegments: (parentPath: string, fieldMap: FieldMap) => string[];
+import type { ClientField } from 'payload';
+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":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAA;AAEvF,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,eAChB,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,UACvB,WAAW,EAAE,KACpB,MAAM,EAkCR,CAAA"}

package/dist/forms/WatchChildErrors/buildPathSegments.js

@@ -1,34 +1,36 @@
-export const buildPathSegments = (parentPath, fieldMap)=>{
-    const pathNames = fieldMap.reduce((acc, field)=>{
-        const fieldMap = 'fieldMap' in field.fieldComponentProps ? field.fieldComponentProps.fieldMap : undefined;
-        if (fieldMap) {
-            if (field.isFieldAffectingData) {
-                // group, block, array
-                const name = 'name' in field ? field.name : 'unnamed';
-                acc.push(parentPath ? `${parentPath}.${name}.` : `${name}.`);
-            } else {
-                // rows, collapsibles, unnamed-tab
-                acc.push(...buildPathSegments(parentPath, fieldMap));
-            }
-        } else if (field.type === 'tabs') {
-            // tabs
-            if ('tabs' in field.fieldComponentProps) {
-                field.fieldComponentProps.tabs?.forEach((tab)=>{
-                    let tabPath = parentPath;
-                    if ('name' in tab) {
-                        tabPath = parentPath ? `${parentPath}.${tab.name}` : tab.name;
-                    }
-                    acc.push(...buildPathSegments(tabPath, tab.fieldMap));
-                });
-            }
-        } else if (field.isFieldAffectingData) {
-            // text, number, date, etc.
-            const name = 'name' in field ? field.name : 'unnamed';
-            acc.push(parentPath ? `${parentPath}.${name}` : name);
-        }
-        return acc;
-    }, []);
-    return pathNames;
-};
+'use client';
 
+import { fieldAffectsData } from 'payload/shared';
+export const buildPathSegments = (parentPath, fields) => {
+  const pathNames = fields.reduce((acc, field) => {
+    const fields = 'fields' in field ? field.fields : undefined;
+    if (fields) {
+      if (fieldAffectsData(field)) {
+        // group, block, array
+        const name = 'name' in field ? field.name : 'unnamed';
+        acc.push(...[...parentPath, name]);
+      } else {
+        // rows, collapsibles, unnamed-tab
+        acc.push(...buildPathSegments(parentPath, fields));
+      }
+    } else if (field.type === 'tabs') {
+      // tabs
+      if ('tabs' in field) {
+        field.tabs?.forEach(tab => {
+          let tabPath = parentPath;
+          if ('name' in tab) {
+            tabPath = [...parentPath, tab.name];
+          }
+          acc.push(...buildPathSegments(tabPath, tab.fields));
+        });
+      }
+    } else if (fieldAffectsData(field)) {
+      // text, number, date, etc.
+      const name = 'name' in field ? field.name : 'unnamed';
+      acc.push(...[...parentPath, name]);
+    }
+    return acc;
+  }, []);
+  return pathNames;
+};
 //# sourceMappingURL=buildPathSegments.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/WatchChildErrors/buildPathSegments.ts"],"sourcesContent":["import type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js'\n\nexport const buildPathSegments = (parentPath: string, fieldMap: FieldMap): string[] => {\n  const pathNames = fieldMap.reduce((acc, field) => {\n    const fieldMap =\n      'fieldMap' in field.fieldComponentProps ? field.fieldComponentProps.fieldMap : undefined\n\n    if (fieldMap) {\n      if (field.isFieldAffectingData) {\n        // group, block, array\n        const name = 'name' in field ? field.name : 'unnamed'\n        acc.push(parentPath ? `${parentPath}.${name}.` : `${name}.`)\n      } else {\n        // rows, collapsibles, unnamed-tab\n        acc.push(...buildPathSegments(parentPath, fieldMap))\n      }\n    } else if (field.type === 'tabs') {\n      // tabs\n      if ('tabs' in field.fieldComponentProps) {\n        field.fieldComponentProps.tabs?.forEach((tab) => {\n          let tabPath = parentPath\n          if ('name' in tab) {\n            tabPath = parentPath ? `${parentPath}.${tab.name}` : tab.name\n          }\n          acc.push(...buildPathSegments(tabPath, tab.fieldMap))\n        })\n      }\n    } else if (field.isFieldAffectingData) {\n      // text, number, date, etc.\n      const name = 'name' in field ? field.name : 'unnamed'\n      acc.push(parentPath ? `${parentPath}.${name}` : name)\n    }\n\n    return acc\n  }, [])\n\n  return pathNames\n}\n"],"names":["buildPathSegments","parentPath","fieldMap","pathNames","reduce","acc","field","fieldComponentProps","undefined","isFieldAffectingData","name","push","type","tabs","forEach","tab","tabPath"],"mappings":"AAEA,OAAO,MAAMA,oBAAoB,CAACC,YAAoBC;IACpD,MAAMC,YAAYD,SAASE,MAAM,CAAC,CAACC,KAAKC;QACtC,MAAMJ,WACJ,cAAcI,MAAMC,mBAAmB,GAAGD,MAAMC,mBAAmB,CAACL,QAAQ,GAAGM;QAEjF,IAAIN,UAAU;YACZ,IAAII,MAAMG,oBAAoB,EAAE;gBAC9B,sBAAsB;gBACtB,MAAMC,OAAO,UAAUJ,QAAQA,MAAMI,IAAI,GAAG;gBAC5CL,IAAIM,IAAI,CAACV,aAAa,CAAC,EAAEA,WAAW,CAAC,EAAES,KAAK,CAAC,CAAC,GAAG,CAAC,EAAEA,KAAK,CAAC,CAAC;YAC7D,OAAO;gBACL,kCAAkC;gBAClCL,IAAIM,IAAI,IAAIX,kBAAkBC,YAAYC;YAC5C;QACF,OAAO,IAAII,MAAMM,IAAI,KAAK,QAAQ;YAChC,OAAO;YACP,IAAI,UAAUN,MAAMC,mBAAmB,EAAE;gBACvCD,MAAMC,mBAAmB,CAACM,IAAI,EAAEC,QAAQ,CAACC;oBACvC,IAAIC,UAAUf;oBACd,IAAI,UAAUc,KAAK;wBACjBC,UAAUf,aAAa,CAAC,EAAEA,WAAW,CAAC,EAAEc,IAAIL,IAAI,CAAC,CAAC,GAAGK,IAAIL,IAAI;oBAC/D;oBACAL,IAAIM,IAAI,IAAIX,kBAAkBgB,SAASD,IAAIb,QAAQ;gBACrD;YACF;QACF,OAAO,IAAII,MAAMG,oBAAoB,EAAE;YACrC,2BAA2B;YAC3B,MAAMC,OAAO,UAAUJ,QAAQA,MAAMI,IAAI,GAAG;YAC5CL,IAAIM,IAAI,CAACV,aAAa,CAAC,EAAEA,WAAW,CAAC,EAAES,KAAK,CAAC,GAAGA;QAClD;QAEA,OAAOL;IACT,GAAG,EAAE;IAEL,OAAOF;AACT,EAAC"}
+{"version":3,"file":"buildPathSegments.js","names":["fieldAffectsData","buildPathSegments","parentPath","fields","pathNames","reduce","acc","field","undefined","name","push","type","tabs","forEach","tab","tabPath"],"sources":["../../../src/forms/WatchChildErrors/buildPathSegments.ts"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\n\nimport { fieldAffectsData } from 'payload/shared'\n\nexport const buildPathSegments = (\n  parentPath: (number | string)[],\n  fields: ClientField[],\n): string[] => {\n  const pathNames = fields.reduce((acc, field) => {\n    const fields: ClientField[] = 'fields' in field ? field.fields : undefined\n\n    if (fields) {\n      if (fieldAffectsData(field)) {\n        // group, block, array\n        const name = 'name' in field ? field.name : 'unnamed'\n        acc.push(...[...parentPath, name])\n      } else {\n        // rows, collapsibles, unnamed-tab\n        acc.push(...buildPathSegments(parentPath, fields))\n      }\n    } else if (field.type === 'tabs') {\n      // tabs\n      if ('tabs' in field) {\n        field.tabs?.forEach((tab) => {\n          let tabPath = parentPath\n          if ('name' in tab) {\n            tabPath = [...parentPath, tab.name]\n          }\n          acc.push(...buildPathSegments(tabPath, tab.fields))\n        })\n      }\n    } else if (fieldAffectsData(field)) {\n      // text, number, date, etc.\n      const name = 'name' in field ? field.name : 'unnamed'\n      acc.push(...[...parentPath, name])\n    }\n\n    return acc\n  }, [])\n\n  return pathNames\n}\n"],"mappings":"AAAA;;AAGA,SAASA,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,iBAAA,GAAoBA,CAC/BC,UAAA,EACAC,MAAA;EAEA,MAAMC,SAAA,GAAYD,MAAA,CAAOE,MAAM,CAAC,CAACC,GAAA,EAAKC,KAAA;IACpC,MAAMJ,MAAA,GAAwB,YAAYI,KAAA,GAAQA,KAAA,CAAMJ,MAAM,GAAGK,SAAA;IAEjE,IAAIL,MAAA,EAAQ;MACV,IAAIH,gBAAA,CAAiBO,KAAA,GAAQ;QAC3B;QACA,MAAME,IAAA,GAAO,UAAUF,KAAA,GAAQA,KAAA,CAAME,IAAI,GAAG;QAC5CH,GAAA,CAAII,IAAI,IAAI,C,GAAIR,UAAA,EAAYO,IAAA,CAAK;MACnC,OAAO;QACL;QACAH,GAAA,CAAII,IAAI,IAAIT,iBAAA,CAAkBC,UAAA,EAAYC,MAAA;MAC5C;IACF,OAAO,IAAII,KAAA,CAAMI,IAAI,KAAK,QAAQ;MAChC;MACA,IAAI,UAAUJ,KAAA,EAAO;QACnBA,KAAA,CAAMK,IAAI,EAAEC,OAAA,CAASC,GAAA;UACnB,IAAIC,OAAA,GAAUb,UAAA;UACd,IAAI,UAAUY,GAAA,EAAK;YACjBC,OAAA,GAAU,C,GAAIb,UAAA,EAAYY,GAAA,CAAIL,IAAI,CAAC;UACrC;UACAH,GAAA,CAAII,IAAI,IAAIT,iBAAA,CAAkBc,OAAA,EAASD,GAAA,CAAIX,MAAM;QACnD;MACF;IACF,OAAO,IAAIH,gBAAA,CAAiBO,KAAA,GAAQ;MAClC;MACA,MAAME,IAAA,GAAO,UAAUF,KAAA,GAAQA,KAAA,CAAME,IAAI,GAAG;MAC5CH,GAAA,CAAII,IAAI,IAAI,C,GAAIR,UAAA,EAAYO,IAAA,CAAK;IACnC;IAEA,OAAOH,GAAA;EACT,GAAG,EAAE;EAEL,OAAOF,SAAA;AACT","ignoreList":[]}

package/dist/forms/WatchChildErrors/getFieldStateFromPaths.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getFieldStateFromPaths.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/getFieldStateFromPaths.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,eAAO,MAAM,sBAAsB,iCAGhC;IACD,SAAS,EAAE,SAAS,CAAA;IACpB,YAAY,EAAE,MAAM,EAAE,CAAA;CACvB,KAAG;IACF,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,SAAS,CAAA;CA0BtB,CAAA"}
+{"version":3,"file":"getFieldStateFromPaths.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/getFieldStateFromPaths.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,eAAO,MAAM,sBAAsB,iCAGhC;IACD,SAAS,EAAE,SAAS,CAAA;IACpB,YAAY,EAAE,MAAM,EAAE,CAAA;CACvB,KAAG;IACF,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,SAAS,CAAA;CA0BtB,CAAA"}

package/dist/forms/WatchChildErrors/getFieldStateFromPaths.js

@@ -1,25 +1,29 @@
-export const getFieldStateFromPaths = ({ formState, pathSegments })=>{
-    const fieldState = {};
-    let errorCount = 0;
-    Object.entries(formState).forEach(([key])=>{
-        const matchingSegment = pathSegments?.some((segment)=>{
-            if (segment.endsWith('.')) {
-                return key.startsWith(segment);
-            }
-            return key === segment;
-        });
-        if (matchingSegment) {
-            const pathState = formState[key];
-            fieldState[key] = pathState;
-            if ('valid' in pathState && !pathState.valid) {
-                errorCount += 1;
-            }
-        }
+'use client';
+
+export const getFieldStateFromPaths = ({
+  formState,
+  pathSegments
+}) => {
+  const fieldState = {};
+  let errorCount = 0;
+  Object.entries(formState).forEach(([key]) => {
+    const matchingSegment = pathSegments?.some(segment => {
+      if (segment.endsWith('.')) {
+        return key.startsWith(segment);
+      }
+      return key === segment;
     });
-    return {
-        errorCount,
-        fieldState
-    };
+    if (matchingSegment) {
+      const pathState = formState[key];
+      fieldState[key] = pathState;
+      if ('valid' in pathState && !pathState.valid) {
+        errorCount += 1;
+      }
+    }
+  });
+  return {
+    errorCount,
+    fieldState
+  };
 };
-
 //# sourceMappingURL=getFieldStateFromPaths.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/WatchChildErrors/getFieldStateFromPaths.ts"],"sourcesContent":["import type { FormState } from 'payload'\n\nexport const getFieldStateFromPaths = ({\n  formState,\n  pathSegments,\n}: {\n  formState: FormState\n  pathSegments: string[]\n}): {\n  errorCount: number\n  fieldState: FormState\n} => {\n  const fieldState: FormState = {}\n  let errorCount = 0\n\n  Object.entries(formState).forEach(([key]) => {\n    const matchingSegment = pathSegments?.some((segment) => {\n      if (segment.endsWith('.')) {\n        return key.startsWith(segment)\n      }\n      return key === segment\n    })\n\n    if (matchingSegment) {\n      const pathState = formState[key]\n      fieldState[key] = pathState\n      if ('valid' in pathState && !pathState.valid) {\n        errorCount += 1\n      }\n    }\n  })\n\n  return {\n    errorCount,\n    fieldState,\n  }\n}\n"],"names":["getFieldStateFromPaths","formState","pathSegments","fieldState","errorCount","Object","entries","forEach","key","matchingSegment","some","segment","endsWith","startsWith","pathState","valid"],"mappings":"AAEA,OAAO,MAAMA,yBAAyB,CAAC,EACrCC,SAAS,EACTC,YAAY,EAIb;IAIC,MAAMC,aAAwB,CAAC;IAC/B,IAAIC,aAAa;IAEjBC,OAAOC,OAAO,CAACL,WAAWM,OAAO,CAAC,CAAC,CAACC,IAAI;QACtC,MAAMC,kBAAkBP,cAAcQ,KAAK,CAACC;YAC1C,IAAIA,QAAQC,QAAQ,CAAC,MAAM;gBACzB,OAAOJ,IAAIK,UAAU,CAACF;YACxB;YACA,OAAOH,QAAQG;QACjB;QAEA,IAAIF,iBAAiB;YACnB,MAAMK,YAAYb,SAAS,CAACO,IAAI;YAChCL,UAAU,CAACK,IAAI,GAAGM;YAClB,IAAI,WAAWA,aAAa,CAACA,UAAUC,KAAK,EAAE;gBAC5CX,cAAc;YAChB;QACF;IACF;IAEA,OAAO;QACLA;QACAD;IACF;AACF,EAAC"}
+{"version":3,"file":"getFieldStateFromPaths.js","names":["getFieldStateFromPaths","formState","pathSegments","fieldState","errorCount","Object","entries","forEach","key","matchingSegment","some","segment","endsWith","startsWith","pathState","valid"],"sources":["../../../src/forms/WatchChildErrors/getFieldStateFromPaths.ts"],"sourcesContent":["'use client'\nimport type { FormState } from 'payload'\n\nexport const getFieldStateFromPaths = ({\n  formState,\n  pathSegments,\n}: {\n  formState: FormState\n  pathSegments: string[]\n}): {\n  errorCount: number\n  fieldState: FormState\n} => {\n  const fieldState: FormState = {}\n  let errorCount = 0\n\n  Object.entries(formState).forEach(([key]) => {\n    const matchingSegment = pathSegments?.some((segment) => {\n      if (segment.endsWith('.')) {\n        return key.startsWith(segment)\n      }\n      return key === segment\n    })\n\n    if (matchingSegment) {\n      const pathState = formState[key]\n      fieldState[key] = pathState\n      if ('valid' in pathState && !pathState.valid) {\n        errorCount += 1\n      }\n    }\n  })\n\n  return {\n    errorCount,\n    fieldState,\n  }\n}\n"],"mappings":"AAAA;;AAGA,OAAO,MAAMA,sBAAA,GAAyBA,CAAC;EACrCC,SAAS;EACTC;AAAY,CAIb;EAIC,MAAMC,UAAA,GAAwB,CAAC;EAC/B,IAAIC,UAAA,GAAa;EAEjBC,MAAA,CAAOC,OAAO,CAACL,SAAA,EAAWM,OAAO,CAAC,CAAC,CAACC,GAAA,CAAI;IACtC,MAAMC,eAAA,GAAkBP,YAAA,EAAcQ,IAAA,CAAMC,OAAA;MAC1C,IAAIA,OAAA,CAAQC,QAAQ,CAAC,MAAM;QACzB,OAAOJ,GAAA,CAAIK,UAAU,CAACF,OAAA;MACxB;MACA,OAAOH,GAAA,KAAQG,OAAA;IACjB;IAEA,IAAIF,eAAA,EAAiB;MACnB,MAAMK,SAAA,GAAYb,SAAS,CAACO,GAAA,CAAI;MAChCL,UAAU,CAACK,GAAA,CAAI,GAAGM,SAAA;MAClB,IAAI,WAAWA,SAAA,IAAa,CAACA,SAAA,CAAUC,KAAK,EAAE;QAC5CX,UAAA,IAAc;MAChB;IACF;EACF;EAEA,OAAO;IACLA,UAAA;IACAD;EACF;AACF","ignoreList":[]}

package/dist/forms/WatchChildErrors/getNestedFieldState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getNestedFieldState.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/getNestedFieldState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAK/C,eAAO,MAAM,mBAAmB,qEAK7B;IACD,WAAW,CAAC,EAAE,KAAK,EAAE,CAAA;IACrB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;CACxB,KAAG;IACF,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,SAAS,CAAA;IACrB,YAAY,EAAE,MAAM,EAAE,CAAA;CAcvB,CAAA"}
+{"version":3,"file":"getNestedFieldState.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/getNestedFieldState.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAK/C,eAAO,MAAM,mBAAmB,qEAK7B;IACD,WAAW,CAAC,EAAE,KAAK,EAAE,CAAA;IACrB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;CACxB,KAAG;IACF,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,SAAS,CAAA;IACrB,YAAY,EAAE,MAAM,EAAE,CAAA;CAcvB,CAAA"}

package/dist/forms/WatchChildErrors/getNestedFieldState.js

@@ -1,19 +1,24 @@
+'use client';
+
 // import { buildPathSegments } from './buildPathSegments'
 import { getFieldStateFromPaths } from './getFieldStateFromPaths.js';
-export const getNestedFieldState = ({ fieldSchema, formState, // path,
-pathSegments: pathSegmentsFromProps })=>{
-    const pathSegments = pathSegmentsFromProps;
-    if (!pathSegments && fieldSchema) {
+export const getNestedFieldState = ({
+  fieldSchema,
+  formState,
+  // path,
+  pathSegments: pathSegmentsFromProps
+}) => {
+  const pathSegments = pathSegmentsFromProps;
+  if (!pathSegments && fieldSchema) {
     // pathSegments = buildPathSegments(path, fieldSchema)
-    }
-    const result = getFieldStateFromPaths({
-        formState,
-        pathSegments
-    });
-    return {
-        ...result,
-        pathSegments
-    };
+  }
+  const result = getFieldStateFromPaths({
+    formState,
+    pathSegments
+  });
+  return {
+    ...result,
+    pathSegments
+  };
 };
-
 //# sourceMappingURL=getNestedFieldState.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/WatchChildErrors/getNestedFieldState.ts"],"sourcesContent":["import type { Field, FormState } from 'payload'\n\n// import { buildPathSegments } from './buildPathSegments'\nimport { getFieldStateFromPaths } from './getFieldStateFromPaths.js'\n\nexport const getNestedFieldState = ({\n  fieldSchema,\n  formState,\n  // path,\n  pathSegments: pathSegmentsFromProps,\n}: {\n  fieldSchema?: Field[]\n  formState?: FormState\n  path: string\n  pathSegments?: string[]\n}): {\n  errorCount: number\n  fieldState: FormState\n  pathSegments: string[]\n} => {\n  const pathSegments = pathSegmentsFromProps\n\n  if (!pathSegments && fieldSchema) {\n    // pathSegments = buildPathSegments(path, fieldSchema)\n  }\n\n  const result = getFieldStateFromPaths({ formState, pathSegments })\n\n  return {\n    ...result,\n    pathSegments,\n  }\n}\n"],"names":["getFieldStateFromPaths","getNestedFieldState","fieldSchema","formState","pathSegments","pathSegmentsFromProps","result"],"mappings":"AAEA,0DAA0D;AAC1D,SAASA,sBAAsB,QAAQ,8BAA6B;AAEpE,OAAO,MAAMC,sBAAsB,CAAC,EAClCC,WAAW,EACXC,SAAS,EACT,QAAQ;AACRC,cAAcC,qBAAqB,EAMpC;IAKC,MAAMD,eAAeC;IAErB,IAAI,CAACD,gBAAgBF,aAAa;IAChC,sDAAsD;IACxD;IAEA,MAAMI,SAASN,uBAAuB;QAAEG;QAAWC;IAAa;IAEhE,OAAO;QACL,GAAGE,MAAM;QACTF;IACF;AACF,EAAC"}
+{"version":3,"file":"getNestedFieldState.js","names":["getFieldStateFromPaths","getNestedFieldState","fieldSchema","formState","pathSegments","pathSegmentsFromProps","result"],"sources":["../../../src/forms/WatchChildErrors/getNestedFieldState.ts"],"sourcesContent":["'use client'\nimport type { Field, FormState } from 'payload'\n\n// import { buildPathSegments } from './buildPathSegments'\nimport { getFieldStateFromPaths } from './getFieldStateFromPaths.js'\n\nexport const getNestedFieldState = ({\n  fieldSchema,\n  formState,\n  // path,\n  pathSegments: pathSegmentsFromProps,\n}: {\n  fieldSchema?: Field[]\n  formState?: FormState\n  path: string\n  pathSegments?: string[]\n}): {\n  errorCount: number\n  fieldState: FormState\n  pathSegments: string[]\n} => {\n  const pathSegments = pathSegmentsFromProps\n\n  if (!pathSegments && fieldSchema) {\n    // pathSegments = buildPathSegments(path, fieldSchema)\n  }\n\n  const result = getFieldStateFromPaths({ formState, pathSegments })\n\n  return {\n    ...result,\n    pathSegments,\n  }\n}\n"],"mappings":"AAAA;;AAGA;AACA,SAASA,sBAAsB,QAAQ;AAEvC,OAAO,MAAMC,mBAAA,GAAsBA,CAAC;EAClCC,WAAW;EACXC,SAAS;EACT;EACAC,YAAA,EAAcC;AAAqB,CAMpC;EAKC,MAAMD,YAAA,GAAeC,qBAAA;EAErB,IAAI,CAACD,YAAA,IAAgBF,WAAA,EAAa;IAChC;EAAA;EAGF,MAAMI,MAAA,GAASN,sBAAA,CAAuB;IAAEG,SAAA;IAAWC;EAAa;EAEhE,OAAO;IACL,GAAGE,MAAM;IACTF;EACF;AACF","ignoreList":[]}

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

@@ -1,8 +1,8 @@
+import type { ClientField } from 'payload';
 import type React from 'react';
-import type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js';
 type TrackSubSchemaErrorCountProps = {
-    fieldMap?: FieldMap;
-    path: string;
+    fields?: ClientField[];
+    path: (number | string)[];
     setErrorCount: (count: number) => void;
 };
 export declare const WatchChildErrors: React.FC<TrackSubSchemaErrorCountProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAA;AAOvF,KAAK,6BAA6B,GAAG;IACnC,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAsBpE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,KAAK,6BAA6B,GAAG;IACnC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAA;IACtB,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAsBpE,CAAA"}