@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.35482da

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/RenderFields/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedFieldPermissions } from 'payload'\n\nimport { fieldIsHiddenOrDisabled, getFieldPaths, getFieldPermissions } from 'payload/shared'\nimport React from 'react'\n\nimport type { RenderFieldsProps } from './types.js'\n\nimport { RenderIfInViewport } from '../../elements/RenderIfInViewport/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport './index.scss'\nimport { FieldPathContext } from './context.js'\nimport { RenderField } from './RenderField.js'\n\nconst baseClass = 'render-fields'\n\nexport { RenderFieldsProps as Props }\n\nexport const RenderFields: React.FC<RenderFieldsProps> = (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 || fieldIsHiddenOrDisabled(field)) {\n            return null\n          }\n\n          const {\n            operation: hasOperationPermission,\n            permissions: fieldPermissions,\n            read: hasReadPermission,\n          } = getFieldPermissions({\n            field,\n            operation,\n            parentName: parentPath?.includes('.')\n              ? parentPath.split('.')[parentPath.split('.').length - 1]\n              : parentPath,\n            permissions,\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          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 at the operation level, to begin with, force it to be read-only\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            <FieldPathContext key={`${path}-${i}`} value={path}>\n              <RenderField\n                clientFieldConfig={field}\n                forceRender={forceRender}\n                indexPath={indexPath}\n                parentPath={parentPath}\n                parentSchemaPath={parentSchemaPath}\n                path={path}\n                permissions={fieldPermissions as SanitizedFieldPermissions}\n                readOnly={isReadOnly}\n                schemaPath={schemaPath}\n              />\n            </FieldPathContext>\n          )\n        })}\n      </RenderIfInViewport>\n    )\n  }\n\n  return null\n}\n"],"names":["fieldIsHiddenOrDisabled","getFieldPaths","getFieldPermissions","RenderIfInViewport","useOperation","FieldPathContext","RenderField","baseClass","RenderFields","props","className","fields","forceRender","margins","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly","readOnlyFromParent","operation","length","filter","Boolean","join","map","field","i","hasOperationPermission","fieldPermissions","read","hasReadPermission","parentName","includes","split","isReadOnly","admin","indexPath","path","schemaPath","index","key","value","clientFieldConfig"],"mappings":"AAAA;AAIA,SAASA,uBAAuB,EAAEC,aAAa,EAAEC,mBAAmB,QAAQ,iBAAgB;AAK5F,SAASC,kBAAkB,QAAQ,6CAA4C;AAC/E,SAASC,YAAY,QAAQ,qCAAoC;AACjE,OAAO,eAAc;AACrB,SAASC,gBAAgB,QAAQ,eAAc;AAC/C,SAASC,WAAW,QAAQ,mBAAkB;AAE9C,MAAMC,YAAY;AAIlB,OAAO,MAAMC,eAA4C,CAACC;IACxD,MAAM,EACJC,SAAS,EACTC,MAAM,EACNC,WAAW,EACXC,OAAO,EACPC,eAAe,EACfC,UAAU,EACVC,gBAAgB,EAChBC,WAAW,EACXC,UAAUC,kBAAkB,EAC7B,GAAGV;IAEJ,MAAMW,YAAYhB;IAElB,IAAIO,UAAUA,OAAOU,MAAM,GAAG,GAAG;QAC/B,QACGlB,mBACCO,WAAW;YACTH;YACAG;YACAG,WAAW,GAAGN,UAAU,UAAU,EAAEM,SAAS;YAC7CA,YAAY,SAAS,GAAGN,UAAU,cAAc,CAAC;SAClD,CACEe,MAAM,CAACC,SACPC,IAAI,CAAC,MACRZ,aAAaA,aACd;QACC,CAACD,OAAOc,GAAG,CAAC,CAACC,OAAOC;YAClB,sFAAsF;YACtF,kHAAkH;YAClH,IAAI,CAACD,SAAS1B,wBAAwB0B,QAAQ;gBAC5C,OAAO;YACT;YAEA,MAAM,EACJN,WAAWQ,sBAAsB,EACjCX,aAAaY,gBAAgB,EAC7BC,MAAMC,iBAAiB,EACxB,GAAG7B,oBAAoB;gBACtBwB;gBACAN;gBACAY,YAAYjB,YAAYkB,SAAS,OAC7BlB,WAAWmB,KAAK,CAAC,IAAI,CAACnB,WAAWmB,KAAK,CAAC,KAAKb,MAAM,GAAG,EAAE,GACvDN;gBACJE;YACF;YAEA,wDAAwD;YACxD,iFAAiF;YACjF,IAAI,UAAUS,SAAS,CAACK,mBAAmB;gBACzC,OAAO;YACT;YAEA,+EAA+E;YAC/E,IAAII,aAAahB,sBAAsBO,OAAOU,OAAOlB;YAErD,+GAA+G;YAC/G,IAAIiB,cAAcT,MAAMU,KAAK,EAAElB,aAAa,OAAO;gBACjDiB,aAAa;YACf;YAEA,mGAAmG;YACnG,IAAI,UAAUT,SAAS,CAACE,wBAAwB;gBAC9CO,aAAa;YACf;YAEA,MAAM,EAAEE,SAAS,EAAEC,IAAI,EAAEC,UAAU,EAAE,GAAGtC,cAAc;gBACpDyB;gBACAc,OAAOb;gBACPb;gBACAC;gBACAC;YACF;YAEA,QACGX,iBAAiBoC,KAAK,GAAGH,KAAK,CAAC,EAAEX,GAAG,EAAEe,OAAOJ,MAAM;cAClD,CAAChC,YACCqC,mBAAmBjB,OACnBd,aAAaA,aACbyB,WAAWA,WACXtB,YAAYA,YACZC,kBAAkBA,kBAClBsB,MAAMA,MACNrB,aAAaY,kBACbX,UAAUiB,YACVI,YAAYA,aACZ;YACJ,EAAElC;QAEN,GAAG;MACL,EAAEF;IAEN;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","fieldIsHiddenOrDisabled","getFieldPaths","getFieldPermissions","React","RenderIfInViewport","useOperation","FieldPathContext","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","hasOperationPermission","fieldPermissions","read","hasReadPermission","parentName","includes","split","isReadOnly","admin","indexPath","path","schemaPath","index","_jsx","value","children","clientFieldConfig","map"],"sources":["../../../src/forms/RenderFields/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedFieldPermissions } from 'payload'\n\nimport { fieldIsHiddenOrDisabled, getFieldPaths, getFieldPermissions } from 'payload/shared'\nimport React from 'react'\n\nimport type { RenderFieldsProps } from './types.js'\n\nimport { RenderIfInViewport } from '../../elements/RenderIfInViewport/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport './index.scss'\nimport { FieldPathContext } from './context.js'\nimport { RenderField } from './RenderField.js'\n\nconst baseClass = 'render-fields'\n\nexport { RenderFieldsProps as Props }\n\nexport const RenderFields: React.FC<RenderFieldsProps> = (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 || fieldIsHiddenOrDisabled(field)) {\n            return null\n          }\n\n          const {\n            operation: hasOperationPermission,\n            permissions: fieldPermissions,\n            read: hasReadPermission,\n          } = getFieldPermissions({\n            field,\n            operation,\n            parentName: parentPath?.includes('.')\n              ? parentPath.split('.')[parentPath.split('.').length - 1]\n              : parentPath,\n            permissions,\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          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 at the operation level, to begin with, force it to be read-only\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            <FieldPathContext key={`${path}-${i}`} value={path}>\n              <RenderField\n                clientFieldConfig={field}\n                forceRender={forceRender}\n                indexPath={indexPath}\n                parentPath={parentPath}\n                parentSchemaPath={parentSchemaPath}\n                path={path}\n                permissions={fieldPermissions as SanitizedFieldPermissions}\n                readOnly={isReadOnly}\n                schemaPath={schemaPath}\n              />\n            </FieldPathContext>\n          )\n        })}\n      </RenderIfInViewport>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

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 { ClientComponentProps, ClientField, SanitizedFieldPermissions } from 'payload'\n\nexport type RenderFieldsProps = {\n  readonly className?: string\n  readonly fields: ClientField[]\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} & Pick<ClientComponentProps, 'forceRender'>\n"],"names":[],"mappings":"AAEA,WAa6C"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/RenderFields/types.ts"],"sourcesContent":["import type { ClientComponentProps, ClientField, SanitizedFieldPermissions } from 'payload'\n\nexport type RenderFieldsProps = {\n  readonly className?: string\n  readonly fields: ClientField[]\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} & Pick<ClientComponentProps, 'forceRender'>\n"],"mappings":"AAEA","ignoreList":[]}

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

@@ -1,29 +1,36 @@
 'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useWatchForm } from '../../Form/context.js';
-const RowLabel = 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;
-    const contextValue = React.useMemo(()=>({
-            data,
-            path,
-            rowNumber
-        }), [
-        data,
-        path,
-        rowNumber
-    ]);
-    return <RowLabel value={contextValue}>{children}</RowLabel>;
+export const RowLabelProvider = ({
+  children,
+  path,
+  rowNumber
+}) => {
+  const {
+    getDataByPath,
+    getSiblingData
+  } = useWatchForm();
+  const collapsibleData = getSiblingData(path);
+  const arrayData = getDataByPath(path);
+  const data = arrayData || collapsibleData;
+  const contextValue = React.useMemo(() => ({
+    data,
+    path,
+    rowNumber
+  }), [data, path, rowNumber]);
+  return /*#__PURE__*/_jsx(RowLabel, {
+    value: contextValue,
+    children: children
+  });
 };
-export const useRowLabel = ()=>{
-    return React.use(RowLabel);
+export const useRowLabel = () => {
+  return React.use(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  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  const { getDataByPath, getSiblingData } = useWatchForm()\n  const collapsibleData = getSiblingData(path)\n  const arrayData = getDataByPath(path)\n\n  const data = arrayData || collapsibleData\n\n  const contextValue = React.useMemo(() => ({ data, path, rowNumber }), [data, path, rowNumber])\n\n  return <RowLabel value={contextValue}>{children}</RowLabel>\n}\n\nexport const useRowLabel = <T,>() => {\n  return React.use(RowLabel) as RowLabelType<T>\n}\n"],"names":["React","useWatchForm","RowLabel","createContext","data","path","rowNumber","undefined","RowLabelProvider","children","getDataByPath","getSiblingData","collapsibleData","arrayData","contextValue","useMemo","value","useRowLabel","use"],"mappings":"AAAA;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,wBAAuB;AAQpD,MAAMC,WAAWF,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;IAEhC,MAAMD,OAAOS,aAAaD;IAE1B,MAAME,eAAed,MAAMe,OAAO,CAAC,IAAO,CAAA;YAAEX;YAAMC;YAAMC;QAAU,CAAA,GAAI;QAACF;QAAMC;QAAMC;KAAU;IAE7F,QAAQJ,SAASc,OAAOF,eAAeL,WAAWP;AACpD,EAAC;AAED,OAAO,MAAMe,cAAc;IACzB,OAAOjB,MAAMkB,GAAG,CAAChB;AACnB,EAAC"}
+{"version":3,"file":"index.js","names":["React","useWatchForm","RowLabel","createContext","data","path","rowNumber","undefined","RowLabelProvider","children","getDataByPath","getSiblingData","collapsibleData","arrayData","contextValue","useMemo","_jsx","value","useRowLabel","use"],"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  const { getDataByPath, getSiblingData } = useWatchForm()\n  const collapsibleData = getSiblingData(path)\n  const arrayData = getDataByPath(path)\n\n  const data = arrayData || collapsibleData\n\n  const contextValue = React.useMemo(() => ({ data, path, rowNumber }), [data, path, rowNumber])\n\n  return <RowLabel value={contextValue}>{children}</RowLabel>\n}\n\nexport const useRowLabel = <T,>() => {\n  return React.use(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,MAAM;IAAEI,aAAa;IAAEC;EAAc,CAAE,GAAGV,YAAA;EAC1C,MAAMW,eAAA,GAAkBD,cAAA,CAAeN,IAAA;EACvC,MAAMQ,SAAA,GAAYH,aAAA,CAAcL,IAAA;EAEhC,MAAMD,IAAA,GAAOS,SAAA,IAAaD,eAAA;EAE1B,MAAME,YAAA,GAAed,KAAA,CAAMe,OAAO,CAAC,OAAO;IAAEX,IAAA;IAAMC,IAAA;IAAMC;EAAU,IAAI,CAACF,IAAA,EAAMC,IAAA,EAAMC,SAAA,CAAU;EAE7F,oBAAOU,IAAA,CAACd,QAAA;IAASe,KAAA,EAAOH,YAAA;cAAeL;;AACzC;AAEA,OAAO,MAAMS,WAAA,GAAcA,CAAA;EACzB,OAAOlB,KAAA,CAAMmB,GAAG,CAACjB,QAAA;AACnB","ignoreList":[]}

package/dist/forms/RowLabel/index.js

@@ -1,19 +1,31 @@
 'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { RowLabelProvider } from './Context/index.js';
 const baseClass = 'row-label';
-export const RowLabel = (props)=>{
-    const { className, CustomComponent, label, path, rowNumber } = props;
-    return <RowLabelProvider path={path} rowNumber={rowNumber}>
-      <RenderCustomComponent CustomComponent={CustomComponent} Fallback={typeof label === 'string' ? <span className={[
-        baseClass,
-        className
-    ].filter(Boolean).join(' ')} style={{
-        pointerEvents: 'none'
-    }}>
-              {label}
-            </span> : label}/>
-    </RowLabelProvider>;
+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: typeof label === 'string' ? /*#__PURE__*/_jsx("span", {
+        className: [baseClass, className].filter(Boolean).join(' '),
+        style: {
+          pointerEvents: 'none'
+        },
+        children: label
+      }) : label
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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          typeof label === 'string' ? (\n            <span\n              className={[baseClass, className].filter(Boolean).join(' ')}\n              style={{\n                pointerEvents: 'none',\n              }}\n            >\n              {label}\n            </span>\n          ) : (\n            label\n          )\n        }\n      />\n    </RowLabelProvider>\n  )\n}\n"],"names":["RenderCustomComponent","RowLabelProvider","baseClass","RowLabel","props","className","CustomComponent","label","path","rowNumber","Fallback","span","filter","Boolean","join","style","pointerEvents"],"mappings":"AAAA;AAKA,SAASA,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,gBAAgB,QAAQ,qBAAoB;AAGrD,MAAMC,YAAY;AAElB,OAAO,MAAMC,WAAoC,CAACC;IAChD,MAAM,EAAEC,SAAS,EAAEC,eAAe,EAAEC,KAAK,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGL;IAE/D,QACGH,iBAAiBO,MAAMA,MAAMC,WAAWA,WAAW;MAClD,CAACT,sBACCM,iBAAiBA,iBACjBI,UACE,OAAOH,UAAU,YACdI,KACCN,WAAW;QAACH;QAAWG;KAAU,CAACO,MAAM,CAACC,SAASC,IAAI,CAAC,MACvDC,OAAO;QACLC,eAAe;IACjB,GACD;cACC,CAACT,MAAM;YACT,EAAEI,QAEFJ,QAGJ;IACJ,EAAEN;AAEN,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          typeof label === 'string' ? (\n            <span\n              className={[baseClass, className].filter(Boolean).join(' ')}\n              style={{\n                pointerEvents: 'none',\n              }}\n            >\n              {label}\n            </span>\n          ) : (\n            label\n          )\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,EACE,OAAOJ,KAAA,KAAU,wBACfG,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;WAGHA;;;AAMZ","ignoreList":[]}

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":["export type RowLabelProps = {\n  readonly className?: string\n  readonly CustomComponent?: React.ReactNode\n  readonly label?: React.ReactNode | string\n  readonly path: string\n  readonly rowNumber?: number\n}\n"],"names":[],"mappings":"AAAA,WAMC"}
+{"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?: React.ReactNode | string\n  readonly path: string\n  readonly rowNumber?: number\n}\n"],"mappings":"AAAA","ignoreList":[]}

package/dist/forms/Submit/index.js

@@ -1,23 +1,43 @@
 'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { Button } from '../../elements/Button/index.js';
 import { useForm, useFormBackgroundProcessing, useFormInitializing, useFormProcessing } from '../Form/context.js';
 import './index.scss';
 const baseClass = 'form-submit';
-export const FormSubmit = (props)=>{
-    const { type = 'submit', buttonId: id, children, disabled: disabledFromProps, onClick, programmaticSubmit, ref } = props;
-    const processing = useFormProcessing();
-    const backgroundProcessing = useFormBackgroundProcessing();
-    const initializing = useFormInitializing();
-    const { disabled, submit } = useForm();
-    const canSave = !(disabledFromProps || initializing || processing || backgroundProcessing || disabled);
-    const handleClick = onClick ?? (programmaticSubmit ? ()=>{
-        void submit();
-    } : undefined);
-    return <div className={baseClass}>
-      <Button ref={ref} {...props} disabled={canSave ? undefined : true} id={id} onClick={handleClick} type={type}>
-        {children}
-      </Button>
-    </div>;
+export const FormSubmit = props => {
+  const {
+    type = 'submit',
+    buttonId: id,
+    children,
+    disabled: disabledFromProps,
+    onClick,
+    programmaticSubmit,
+    ref
+  } = props;
+  const processing = useFormProcessing();
+  const backgroundProcessing = useFormBackgroundProcessing();
+  const initializing = useFormInitializing();
+  const {
+    disabled,
+    submit
+  } = useForm();
+  const canSave = !(disabledFromProps || initializing || processing || backgroundProcessing || disabled);
+  const handleClick = onClick ?? (programmaticSubmit ? () => {
+    void submit();
+  } : undefined);
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    children: /*#__PURE__*/_jsx(Button, {
+      ref: ref,
+      ...props,
+      disabled: canSave ? undefined : true,
+      id: id,
+      onClick: handleClick,
+      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 from 'react'\n\nimport type { Props } from '../../elements/Button/types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport {\n  useForm,\n  useFormBackgroundProcessing,\n  useFormInitializing,\n  useFormProcessing,\n} from '../Form/context.js'\nimport './index.scss'\n\nconst baseClass = 'form-submit'\n\nexport const FormSubmit: React.FC<Props> = (props) => {\n  const {\n    type = 'submit',\n    buttonId: id,\n    children,\n    disabled: disabledFromProps,\n    onClick,\n    programmaticSubmit,\n    ref,\n  } = props\n\n  const processing = useFormProcessing()\n  const backgroundProcessing = useFormBackgroundProcessing()\n  const initializing = useFormInitializing()\n  const { disabled, submit } = useForm()\n\n  const canSave = !(\n    disabledFromProps ||\n    initializing ||\n    processing ||\n    backgroundProcessing ||\n    disabled\n  )\n\n  const handleClick =\n    onClick ??\n    (programmaticSubmit\n      ? () => {\n          void submit()\n        }\n      : undefined)\n\n  return (\n    <div className={baseClass}>\n      <Button\n        ref={ref}\n        {...props}\n        disabled={canSave ? undefined : true}\n        id={id}\n        onClick={handleClick}\n        type={type}\n      >\n        {children}\n      </Button>\n    </div>\n  )\n}\n"],"names":["Button","useForm","useFormBackgroundProcessing","useFormInitializing","useFormProcessing","baseClass","FormSubmit","props","type","buttonId","id","children","disabled","disabledFromProps","onClick","programmaticSubmit","ref","processing","backgroundProcessing","initializing","submit","canSave","handleClick","undefined","div","className"],"mappings":"AAAA;AAKA,SAASA,MAAM,QAAQ,iCAAgC;AACvD,SACEC,OAAO,EACPC,2BAA2B,EAC3BC,mBAAmB,EACnBC,iBAAiB,QACZ,qBAAoB;AAC3B,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAA8B,CAACC;IAC1C,MAAM,EACJC,OAAO,QAAQ,EACfC,UAAUC,EAAE,EACZC,QAAQ,EACRC,UAAUC,iBAAiB,EAC3BC,OAAO,EACPC,kBAAkB,EAClBC,GAAG,EACJ,GAAGT;IAEJ,MAAMU,aAAab;IACnB,MAAMc,uBAAuBhB;IAC7B,MAAMiB,eAAehB;IACrB,MAAM,EAAES,QAAQ,EAAEQ,MAAM,EAAE,GAAGnB;IAE7B,MAAMoB,UAAU,CACdR,CAAAA,qBACAM,gBACAF,cACAC,wBACAN,QAAO;IAGT,MAAMU,cACJR,WACCC,CAAAA,qBACG;QACE,KAAKK;IACP,IACAG,SAAQ;IAEd,QACGC,IAAIC,WAAWpB,WAAW;MACzB,CAACL,OACCgB,KAAKA,MACJ,GAAGT,KAAK,EACTK,UAAUS,UAAUE,YAAY,MAChCb,IAAIA,IACJI,SAASQ,aACTd,MAAMA,MACP;QACC,CAACG,SAAS;MACZ,EAAEX,OAAO;IACX,EAAEwB;AAEN,EAAC"}
+{"version":3,"file":"index.js","names":["React","Button","useForm","useFormBackgroundProcessing","useFormInitializing","useFormProcessing","baseClass","FormSubmit","props","type","buttonId","id","children","disabled","disabledFromProps","onClick","programmaticSubmit","ref","processing","backgroundProcessing","initializing","submit","canSave","handleClick","undefined","_jsx","className"],"sources":["../../../src/forms/Submit/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props } from '../../elements/Button/types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport {\n  useForm,\n  useFormBackgroundProcessing,\n  useFormInitializing,\n  useFormProcessing,\n} from '../Form/context.js'\nimport './index.scss'\n\nconst baseClass = 'form-submit'\n\nexport const FormSubmit: React.FC<Props> = (props) => {\n  const {\n    type = 'submit',\n    buttonId: id,\n    children,\n    disabled: disabledFromProps,\n    onClick,\n    programmaticSubmit,\n    ref,\n  } = props\n\n  const processing = useFormProcessing()\n  const backgroundProcessing = useFormBackgroundProcessing()\n  const initializing = useFormInitializing()\n  const { disabled, submit } = useForm()\n\n  const canSave = !(\n    disabledFromProps ||\n    initializing ||\n    processing ||\n    backgroundProcessing ||\n    disabled\n  )\n\n  const handleClick =\n    onClick ??\n    (programmaticSubmit\n      ? () => {\n          void submit()\n        }\n      : undefined)\n\n  return (\n    <div className={baseClass}>\n      <Button\n        ref={ref}\n        {...props}\n        disabled={canSave ? undefined : true}\n        id={id}\n        onClick={handleClick}\n        type={type}\n      >\n        {children}\n      </Button>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAIlB,SAASC,MAAM,QAAQ;AACvB,SACEC,OAAO,EACPC,2BAA2B,EAC3BC,mBAAmB,EACnBC,iBAAiB,QACZ;AACP,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAA+BC,KAAA;EAC1C,MAAM;IACJC,IAAA,GAAO,QAAQ;IACfC,QAAA,EAAUC,EAAE;IACZC,QAAQ;IACRC,QAAA,EAAUC,iBAAiB;IAC3BC,OAAO;IACPC,kBAAkB;IAClBC;EAAG,CACJ,GAAGT,KAAA;EAEJ,MAAMU,UAAA,GAAab,iBAAA;EACnB,MAAMc,oBAAA,GAAuBhB,2BAAA;EAC7B,MAAMiB,YAAA,GAAehB,mBAAA;EACrB,MAAM;IAAES,QAAQ;IAAEQ;EAAM,CAAE,GAAGnB,OAAA;EAE7B,MAAMoB,OAAA,GAAU,EACdR,iBAAA,IACAM,YAAA,IACAF,UAAA,IACAC,oBAAA,IACAN,QAAO;EAGT,MAAMU,WAAA,GACJR,OAAA,KACCC,kBAAA,GACG;IACE,KAAKK,MAAA;EACP,IACAG,SAAQ;EAEd,oBACEC,IAAA,CAAC;IAAIC,SAAA,EAAWpB,SAAA;cACd,aAAAmB,IAAA,CAACxB,MAAA;MACCgB,GAAA,EAAKA,GAAA;MACJ,GAAGT,KAAK;MACTK,QAAA,EAAUS,OAAA,GAAUE,SAAA,GAAY;MAChCb,EAAA,EAAIA,EAAA;MACJI,OAAA,EAASQ,WAAA;MACTd,IAAA,EAAMA,IAAA;gBAELG;;;AAIT","ignoreList":[]}

package/dist/forms/WatchChildErrors/buildPathSegments.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/WatchChildErrors/buildPathSegments.ts"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\n\nimport { fieldAffectsData } from 'payload/shared'\n\nexport const buildPathSegments = (fields: ClientField[]): (`${string}.` | string)[] => {\n  return fields.reduce((acc: (`${string}.` | string)[], field) => {\n    const fields: ClientField[] = 'fields' in field ? field.fields : undefined\n\n    if (fields) {\n      if (fieldAffectsData(field)) {\n        // group, block, array\n        acc.push(`${field.name}.`)\n      } else {\n        // rows, collapsibles, unnamed-tab\n        acc.push(...buildPathSegments(fields))\n      }\n    } else if (field.type === 'tabs') {\n      // tabs\n      if ('tabs' in field) {\n        field.tabs?.forEach((tab) => {\n          if ('name' in tab) {\n            acc.push(`${tab.name}.`)\n          } else {\n            acc.push(...buildPathSegments(tab.fields))\n          }\n        })\n      }\n    } else if (fieldAffectsData(field)) {\n      // text, number, date, etc.\n      acc.push(field.name)\n    }\n\n    return acc\n  }, [])\n}\n"],"names":["fieldAffectsData","buildPathSegments","fields","reduce","acc","field","undefined","push","name","type","tabs","forEach","tab"],"mappings":"AAAA;AAGA,SAASA,gBAAgB,QAAQ,iBAAgB;AAEjD,OAAO,MAAMC,oBAAoB,CAACC;IAChC,OAAOA,OAAOC,MAAM,CAAC,CAACC,KAAgCC;QACpD,MAAMH,SAAwB,YAAYG,QAAQA,MAAMH,MAAM,GAAGI;QAEjE,IAAIJ,QAAQ;YACV,IAAIF,iBAAiBK,QAAQ;gBAC3B,sBAAsB;gBACtBD,IAAIG,IAAI,CAAC,GAAGF,MAAMG,IAAI,CAAC,CAAC,CAAC;YAC3B,OAAO;gBACL,kCAAkC;gBAClCJ,IAAIG,IAAI,IAAIN,kBAAkBC;YAChC;QACF,OAAO,IAAIG,MAAMI,IAAI,KAAK,QAAQ;YAChC,OAAO;YACP,IAAI,UAAUJ,OAAO;gBACnBA,MAAMK,IAAI,EAAEC,QAAQ,CAACC;oBACnB,IAAI,UAAUA,KAAK;wBACjBR,IAAIG,IAAI,CAAC,GAAGK,IAAIJ,IAAI,CAAC,CAAC,CAAC;oBACzB,OAAO;wBACLJ,IAAIG,IAAI,IAAIN,kBAAkBW,IAAIV,MAAM;oBAC1C;gBACF;YACF;QACF,OAAO,IAAIF,iBAAiBK,QAAQ;YAClC,2BAA2B;YAC3BD,IAAIG,IAAI,CAACF,MAAMG,IAAI;QACrB;QAEA,OAAOJ;IACT,GAAG,EAAE;AACP,EAAC"}
+{"version":3,"file":"buildPathSegments.js","names":["fieldAffectsData","buildPathSegments","fields","reduce","acc","field","undefined","push","name","type","tabs","forEach","tab"],"sources":["../../../src/forms/WatchChildErrors/buildPathSegments.ts"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\n\nimport { fieldAffectsData } from 'payload/shared'\n\nexport const buildPathSegments = (fields: ClientField[]): (`${string}.` | string)[] => {\n  return fields.reduce((acc: (`${string}.` | string)[], field) => {\n    const fields: ClientField[] = 'fields' in field ? field.fields : undefined\n\n    if (fields) {\n      if (fieldAffectsData(field)) {\n        // group, block, array\n        acc.push(`${field.name}.`)\n      } else {\n        // rows, collapsibles, unnamed-tab\n        acc.push(...buildPathSegments(fields))\n      }\n    } else if (field.type === 'tabs') {\n      // tabs\n      if ('tabs' in field) {\n        field.tabs?.forEach((tab) => {\n          if ('name' in tab) {\n            acc.push(`${tab.name}.`)\n          } else {\n            acc.push(...buildPathSegments(tab.fields))\n          }\n        })\n      }\n    } else if (fieldAffectsData(field)) {\n      // text, number, date, etc.\n      acc.push(field.name)\n    }\n\n    return acc\n  }, [])\n}\n"],"mappings":"AAAA;;AAGA,SAASA,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,iBAAA,GAAqBC,MAAA;EAChC,OAAOA,MAAA,CAAOC,MAAM,CAAC,CAACC,GAAA,EAAgCC,KAAA;IACpD,MAAMH,MAAA,GAAwB,YAAYG,KAAA,GAAQA,KAAA,CAAMH,MAAM,GAAGI,SAAA;IAEjE,IAAIJ,MAAA,EAAQ;MACV,IAAIF,gBAAA,CAAiBK,KAAA,GAAQ;QAC3B;QACAD,GAAA,CAAIG,IAAI,CAAC,GAAGF,KAAA,CAAMG,IAAI,GAAG;MAC3B,OAAO;QACL;QACAJ,GAAA,CAAIG,IAAI,IAAIN,iBAAA,CAAkBC,MAAA;MAChC;IACF,OAAO,IAAIG,KAAA,CAAMI,IAAI,KAAK,QAAQ;MAChC;MACA,IAAI,UAAUJ,KAAA,EAAO;QACnBA,KAAA,CAAMK,IAAI,EAAEC,OAAA,CAASC,GAAA;UACnB,IAAI,UAAUA,GAAA,EAAK;YACjBR,GAAA,CAAIG,IAAI,CAAC,GAAGK,GAAA,CAAIJ,IAAI,GAAG;UACzB,OAAO;YACLJ,GAAA,CAAIG,IAAI,IAAIN,iBAAA,CAAkBW,GAAA,CAAIV,MAAM;UAC1C;QACF;MACF;IACF,OAAO,IAAIF,gBAAA,CAAiBK,KAAA,GAAQ;MAClC;MACAD,GAAA,CAAIG,IAAI,CAACF,KAAA,CAAMG,IAAI;IACrB;IAEA,OAAOJ,GAAA;EACT,GAAG,EAAE;AACP","ignoreList":[]}

package/dist/forms/WatchChildErrors/index.js

@@ -1,47 +1,72 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { useThrottledEffect } from '../../hooks/useThrottledEffect.js';
 import { useAllFormFields, useFormSubmitted } from '../Form/context.js';
 import { buildPathSegments } from './buildPathSegments.js';
-/**
-   * This path should only include path segments that affect data
-   * i.e. it should not include _index-0 type segments
-   *
-   * For collapsibles and tabs you can simply pass their parent path
-   */ export const WatchChildErrors = ({ fields, path: parentPath, setErrorCount })=>{
-    const [formState] = useAllFormFields();
-    const hasSubmitted = useFormSubmitted();
-    const segmentsToMatch = buildPathSegments(fields);
-    useThrottledEffect(()=>{
-        if (hasSubmitted) {
-            let errorCount = 0;
-            Object.entries(formState).forEach(([key])=>{
-                const matchingSegment = segmentsToMatch?.some((segment)=>{
-                    const segmentToMatch = [
-                        ...parentPath,
-                        segment
-                    ].join('.');
-                    // match fields with same parent path
-                    if (segmentToMatch.endsWith('.')) {
-                        return key.startsWith(segmentToMatch);
-                    }
-                    // match fields with same path
-                    return key === segmentToMatch;
-                });
-                if (matchingSegment) {
-                    const pathState = formState[key];
-                    if ('valid' in pathState && !pathState.valid) {
-                        errorCount += 1;
-                    }
-                }
-            });
-            setErrorCount(errorCount);
-        }
-    }, 250, [
-        formState,
-        hasSubmitted,
-        fields
-    ]);
-    return null;
+export const WatchChildErrors = t0 => {
+  const $ = _c(12);
+  const {
+    fields,
+    path: parentPath,
+    setErrorCount
+  } = t0;
+  const [formState] = useAllFormFields();
+  const hasSubmitted = useFormSubmitted();
+  let t1;
+  if ($[0] !== fields) {
+    t1 = buildPathSegments(fields);
+    $[0] = fields;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const segmentsToMatch = t1;
+  let t2;
+  if ($[2] !== formState || $[3] !== hasSubmitted || $[4] !== parentPath || $[5] !== segmentsToMatch || $[6] !== setErrorCount) {
+    t2 = () => {
+      if (hasSubmitted) {
+        let errorCount = 0;
+        Object.entries(formState).forEach(t3 => {
+          const [key] = t3;
+          const matchingSegment = segmentsToMatch?.some(segment => {
+            const segmentToMatch = [...parentPath, segment].join(".");
+            if (segmentToMatch.endsWith(".")) {
+              return key.startsWith(segmentToMatch);
+            }
+            return key === segmentToMatch;
+          });
+          if (matchingSegment) {
+            const pathState = formState[key];
+            if ("valid" in pathState && !pathState.valid) {
+              errorCount = errorCount + 1;
+              errorCount;
+            }
+          }
+        });
+        setErrorCount(errorCount);
+      }
+    };
+    $[2] = formState;
+    $[3] = hasSubmitted;
+    $[4] = parentPath;
+    $[5] = segmentsToMatch;
+    $[6] = setErrorCount;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== fields || $[9] !== formState || $[10] !== hasSubmitted) {
+    t3 = [formState, hasSubmitted, fields];
+    $[8] = fields;
+    $[9] = formState;
+    $[10] = hasSubmitted;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  useThrottledEffect(t2, 250, t3);
+  return null;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/WatchChildErrors/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\nimport type React from 'react'\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAllFormFields, useFormSubmitted } from '../Form/context.js'\nimport { buildPathSegments } from './buildPathSegments.js'\n\ntype TrackSubSchemaErrorCountProps = {\n  fields?: ClientField[]\n  /**\n   * This path should only include path segments that affect data\n   * i.e. it should not include _index-0 type segments\n   *\n   * For collapsibles and tabs you can simply pass their parent path\n   */\n  path: (number | string)[]\n  setErrorCount: (count: number) => void\n}\nexport const WatchChildErrors: React.FC<TrackSubSchemaErrorCountProps> = ({\n  fields,\n  path: parentPath,\n  setErrorCount,\n}) => {\n  const [formState] = useAllFormFields()\n  const hasSubmitted = useFormSubmitted()\n\n  const segmentsToMatch = buildPathSegments(fields)\n\n  useThrottledEffect(\n    () => {\n      if (hasSubmitted) {\n        let errorCount = 0\n        Object.entries(formState).forEach(([key]) => {\n          const matchingSegment = segmentsToMatch?.some((segment) => {\n            const segmentToMatch = [...parentPath, segment].join('.')\n            // match fields with same parent path\n            if (segmentToMatch.endsWith('.')) {\n              return key.startsWith(segmentToMatch)\n            }\n            // match fields with same path\n            return key === segmentToMatch\n          })\n\n          if (matchingSegment) {\n            const pathState = formState[key]\n            if ('valid' in pathState && !pathState.valid) {\n              errorCount += 1\n            }\n          }\n        })\n        setErrorCount(errorCount)\n      }\n    },\n    250,\n    [formState, hasSubmitted, fields],\n  )\n\n  return null\n}\n"],"names":["useThrottledEffect","useAllFormFields","useFormSubmitted","buildPathSegments","WatchChildErrors","fields","path","parentPath","setErrorCount","formState","hasSubmitted","segmentsToMatch","errorCount","Object","entries","forEach","key","matchingSegment","some","segment","segmentToMatch","join","endsWith","startsWith","pathState","valid"],"mappings":"AAAA;AAIA,SAASA,kBAAkB,QAAQ,oCAAmC;AACtE,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,qBAAoB;AACvE,SAASC,iBAAiB,QAAQ,yBAAwB;AAIxD;;;;;GAKC,GAIH,OAAO,MAAMC,mBAA4D,CAAC,EACxEC,MAAM,EACNC,MAAMC,UAAU,EAChBC,aAAa,EACd;IACC,MAAM,CAACC,UAAU,GAAGR;IACpB,MAAMS,eAAeR;IAErB,MAAMS,kBAAkBR,kBAAkBE;IAE1CL,mBACE;QACE,IAAIU,cAAc;YAChB,IAAIE,aAAa;YACjBC,OAAOC,OAAO,CAACL,WAAWM,OAAO,CAAC,CAAC,CAACC,IAAI;gBACtC,MAAMC,kBAAkBN,iBAAiBO,KAAK,CAACC;oBAC7C,MAAMC,iBAAiB;2BAAIb;wBAAYY;qBAAQ,CAACE,IAAI,CAAC;oBACrD,qCAAqC;oBACrC,IAAID,eAAeE,QAAQ,CAAC,MAAM;wBAChC,OAAON,IAAIO,UAAU,CAACH;oBACxB;oBACA,8BAA8B;oBAC9B,OAAOJ,QAAQI;gBACjB;gBAEA,IAAIH,iBAAiB;oBACnB,MAAMO,YAAYf,SAAS,CAACO,IAAI;oBAChC,IAAI,WAAWQ,aAAa,CAACA,UAAUC,KAAK,EAAE;wBAC5Cb,cAAc;oBAChB;gBACF;YACF;YACAJ,cAAcI;QAChB;IACF,GACA,KACA;QAACH;QAAWC;QAAcL;KAAO;IAGnC,OAAO;AACT,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","useThrottledEffect","useAllFormFields","useFormSubmitted","buildPathSegments","WatchChildErrors","t0","$","fields","path","parentPath","setErrorCount","formState","hasSubmitted","t1","segmentsToMatch","t2","errorCount","Object","entries","forEach","t3","key","matchingSegment","some","segment","segmentToMatch","join","endsWith","startsWith","pathState","valid"],"sources":["../../../src/forms/WatchChildErrors/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\nimport type React from 'react'\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAllFormFields, useFormSubmitted } from '../Form/context.js'\nimport { buildPathSegments } from './buildPathSegments.js'\n\ntype TrackSubSchemaErrorCountProps = {\n  fields?: ClientField[]\n  /**\n   * This path should only include path segments that affect data\n   * i.e. it should not include _index-0 type segments\n   *\n   * For collapsibles and tabs you can simply pass their parent path\n   */\n  path: (number | string)[]\n  setErrorCount: (count: number) => void\n}\nexport const WatchChildErrors: React.FC<TrackSubSchemaErrorCountProps> = ({\n  fields,\n  path: parentPath,\n  setErrorCount,\n}) => {\n  const [formState] = useAllFormFields()\n  const hasSubmitted = useFormSubmitted()\n\n  const segmentsToMatch = buildPathSegments(fields)\n\n  useThrottledEffect(\n    () => {\n      if (hasSubmitted) {\n        let errorCount = 0\n        Object.entries(formState).forEach(([key]) => {\n          const matchingSegment = segmentsToMatch?.some((segment) => {\n            const segmentToMatch = [...parentPath, segment].join('.')\n            // match fields with same parent path\n            if (segmentToMatch.endsWith('.')) {\n              return key.startsWith(segmentToMatch)\n            }\n            // match fields with same path\n            return key === segmentToMatch\n          })\n\n          if (matchingSegment) {\n            const pathState = formState[key]\n            if ('valid' in pathState && !pathState.valid) {\n              errorCount += 1\n            }\n          }\n        })\n        setErrorCount(errorCount)\n      }\n    },\n    250,\n    [formState, hasSubmitted, fields],\n  )\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,kBAAkB,QAAQ;AACnC,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ;AACnD,SAASC,iBAAiB,QAAQ;AAalC,OAAO,MAAMC,gBAAA,GAA4DC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,MAAA;IAAAC,IAAA,EAAAC,UAAA;IAAAC;EAAA,IAAAL,EAIzE;EACC,OAAAM,SAAA,IAAoBV,gBAAA;EACpB,MAAAW,YAAA,GAAqBV,gBAAA;EAAA,IAAAW,EAAA;EAAA,IAAAP,CAAA,QAAAC,MAAA;IAEGM,EAAA,GAAAV,iBAAA,CAAkBI,MAAA;IAAAD,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAA1C,MAAAQ,eAAA,GAAwBD,EAAkB;EAAA,IAAAE,EAAA;EAAA,IAAAT,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAM,YAAA,IAAAN,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAQ,eAAA,IAAAR,CAAA,QAAAI,aAAA;IAGxCK,EAAA,GAAAA,CAAA;MAAA,IACMH,YAAA;QACF,IAAAI,UAAA;QACAC,MAAA,CAAAC,OAAA,CAAeP,SAAA,EAAAQ,OAAA,CAAAC,EAAA;UAAoB,OAAAC,GAAA,IAAAD,EAAK;UACtC,MAAAE,eAAA,GAAwBR,eAAA,EAAAS,IAAA,CAAAC,OAAA;YACtB,MAAAC,cAAA,GAAuB,IAAIhB,UAAA,EAAYe,OAAA,EAAAE,IAAA,CAAc;YAAA,IAEjDD,cAAA,CAAAE,QAAA,CAAwB;cAAA,OACnBN,GAAA,CAAAO,UAAA,CAAeH,cAAA;YAAA;YAAA,OAGjBJ,GAAA,KAAQI,cAAA;UAAA;UACjB,IAEIH,eAAA;YACF,MAAAO,SAAA,GAAkBlB,SAAS,CAACU,GAAA;YAAI,IAC5B,WAAWQ,SAAA,KAAcA,SAAA,CAAAC,KAAe;cAC1Cd,UAAA,GAAAA,UAAA,IAAc;cAAdA,UAAA;YAAA;UAAA;QAAA,CAGN;QACAN,aAAA,CAAcM,UAAA;MAAA;IAAA;IAElBV,CAAA,MAAAK,SAAA;IAAAL,CAAA,MAAAM,YAAA;IAAAN,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAQ,eAAA;IAAAR,CAAA,MAAAI,aAAA;IAAAJ,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAA,IAAAc,EAAA;EAAA,IAAAd,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAK,SAAA,IAAAL,CAAA,SAAAM,YAAA;IAEAQ,EAAA,IAACT,SAAA,EAAWC,YAAA,EAAcL,MAAA;IAAOD,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAK,SAAA;IAAAL,CAAA,OAAAM,YAAA;IAAAN,CAAA,OAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EA1BnCN,kBAAA,CACEe,EAuBA,OAEAK,EAAiC;EAAA;AAAA,CAIrC","ignoreList":[]}