@payloadcms/ui 3.0.0-beta.78 → 3.0.0-beta.79

package/dist/forms/RenderFields/index.js

@@ -7,7 +7,7 @@ import { RenderField } from './RenderField.js';
 import './index.scss';
 const baseClass = 'render-fields';
 export const RenderFields = (props)=>{
-    const { className, fieldMap, forceRender, indexPath, margins, path, permissions, schemaPath } = props;
+    const { className, fields, forceRender, indexPath, margins, path, permissions, schemaPath } = props;
     const { i18n } = useTranslation();
     const [hasRendered, setHasRendered] = React.useState(Boolean(forceRender));
     const [intersectionRef, entry] = useIntersect({
@@ -24,14 +24,14 @@ export const RenderFields = (props)=>{
         shouldRender,
         hasRendered
     ]);
-    if (!fieldMap || Array.isArray(fieldMap) && fieldMap.length === 0) {
+    if (!fields || Array.isArray(fields) && fields.length === 0) {
         return null;
     }
     if (!i18n) {
         console.error('Need to implement i18n when calling RenderFields') // eslint-disable-line no-console
         ;
     }
-    if (fieldMap) {
+    if (fields) {
         return /*#__PURE__*/ _jsx("div", {
             className: [
                 baseClass,
@@ -40,27 +40,20 @@ export const RenderFields = (props)=>{
                 margins === false && `${baseClass}--margins-none`
             ].filter(Boolean).join(' '),
             ref: intersectionRef,
-            children: hasRendered && fieldMap?.map((f, fieldIndex)=>{
-                const { type, CustomField, custom, disabled, fieldComponentProps, fieldComponentProps: { readOnly }, isHidden } = f;
+            children: hasRendered && fields?.map((field, fieldIndex)=>{
                 const forceRenderChildren = typeof forceRender === 'number' && fieldIndex <= forceRender || true;
-                const name = 'name' in f ? f.name : undefined;
+                const name = 'name' in field ? field.name : undefined;
                 return /*#__PURE__*/ _jsx(RenderField, {
-                    CustomField: CustomField,
-                    custom: custom,
-                    disabled: disabled,
                     fieldComponentProps: {
-                        ...fieldComponentProps,
+                        field,
                         forceRender: forceRenderChildren
                     },
                     indexPath: indexPath !== undefined ? `${indexPath}.${fieldIndex}` : `${fieldIndex}`,
-                    isHidden: isHidden,
                     name: name,
                     path: path,
                     permissions: permissions?.[name],
-                    readOnly: readOnly,
                     schemaPath: schemaPath,
-                    siblingPermissions: permissions,
-                    type: type
+                    siblingPermissions: permissions
                 }, fieldIndex);
             })
         });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/RenderFields/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { RenderField } from './RenderField.js'\nimport './index.scss'\n\nconst baseClass = 'render-fields'\n\nexport { Props }\n\nexport const RenderFields: React.FC<Props> = (props) => {\n  const { className, fieldMap, forceRender, indexPath, margins, path, permissions, schemaPath } =\n    props\n\n  const { i18n } = useTranslation()\n  const [hasRendered, setHasRendered] = React.useState(Boolean(forceRender))\n  const [intersectionRef, entry] = useIntersect(\n    {\n      rootMargin: '1000px',\n    },\n    Boolean(forceRender),\n  )\n\n  const isIntersecting = Boolean(entry?.isIntersecting)\n  const isAboveViewport = entry?.boundingClientRect?.top < 0\n  const shouldRender = forceRender || isIntersecting || isAboveViewport\n\n  React.useEffect(() => {\n    if (shouldRender && !hasRendered) {\n      setHasRendered(true)\n    }\n  }, [shouldRender, hasRendered])\n\n  if (!fieldMap || (Array.isArray(fieldMap) && fieldMap.length === 0)) {\n    return null\n  }\n\n  if (!i18n) {\n    console.error('Need to implement i18n when calling RenderFields') // eslint-disable-line no-console\n  }\n\n  if (fieldMap) {\n    return (\n      <div\n        className={[\n          baseClass,\n          className,\n          margins && `${baseClass}--margins-${margins}`,\n          margins === false && `${baseClass}--margins-none`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        ref={intersectionRef}\n      >\n        {hasRendered &&\n          fieldMap?.map((f, fieldIndex) => {\n            const {\n              type,\n              CustomField,\n              custom,\n              disabled,\n              fieldComponentProps,\n              fieldComponentProps: { readOnly },\n              isHidden,\n            } = f\n\n            const forceRenderChildren =\n              (typeof forceRender === 'number' && fieldIndex <= forceRender) || true\n\n            const name = 'name' in f ? f.name : undefined\n\n            return (\n              <RenderField\n                CustomField={CustomField}\n                custom={custom}\n                disabled={disabled}\n                fieldComponentProps={{ ...fieldComponentProps, forceRender: forceRenderChildren }}\n                indexPath={indexPath !== undefined ? `${indexPath}.${fieldIndex}` : `${fieldIndex}`}\n                isHidden={isHidden}\n                key={fieldIndex}\n                name={name}\n                path={path}\n                permissions={permissions?.[name]}\n                readOnly={readOnly}\n                schemaPath={schemaPath}\n                siblingPermissions={permissions}\n                type={type}\n              />\n            )\n          })}\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["React","useIntersect","useTranslation","RenderField","baseClass","RenderFields","props","className","fieldMap","forceRender","indexPath","margins","path","permissions","schemaPath","i18n","hasRendered","setHasRendered","useState","Boolean","intersectionRef","entry","rootMargin","isIntersecting","isAboveViewport","boundingClientRect","top","shouldRender","useEffect","Array","isArray","length","console","error","div","filter","join","ref","map","f","fieldIndex","type","CustomField","custom","disabled","fieldComponentProps","readOnly","isHidden","forceRenderChildren","name","undefined","siblingPermissions"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAIzB,SAASC,YAAY,QAAQ,8BAA6B;AAC1D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,WAAW,QAAQ,mBAAkB;AAC9C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAIlB,OAAO,MAAMC,eAAgC,CAACC;IAC5C,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,IAAI,EAAEC,WAAW,EAAEC,UAAU,EAAE,GAC3FR;IAEF,MAAM,EAAES,IAAI,EAAE,GAAGb;IACjB,MAAM,CAACc,aAAaC,eAAe,GAAGjB,MAAMkB,QAAQ,CAACC,QAAQV;IAC7D,MAAM,CAACW,iBAAiBC,MAAM,GAAGpB,aAC/B;QACEqB,YAAY;IACd,GACAH,QAAQV;IAGV,MAAMc,iBAAiBJ,QAAQE,OAAOE;IACtC,MAAMC,kBAAkBH,OAAOI,oBAAoBC,MAAM;IACzD,MAAMC,eAAelB,eAAec,kBAAkBC;IAEtDxB,MAAM4B,SAAS,CAAC;QACd,IAAID,gBAAgB,CAACX,aAAa;YAChCC,eAAe;QACjB;IACF,GAAG;QAACU;QAAcX;KAAY;IAE9B,IAAI,CAACR,YAAaqB,MAAMC,OAAO,CAACtB,aAAaA,SAASuB,MAAM,KAAK,GAAI;QACnE,OAAO;IACT;IAEA,IAAI,CAAChB,MAAM;QACTiB,QAAQC,KAAK,CAAC,oDAAoD,iCAAiC;;IACrG;IAEA,IAAIzB,UAAU;QACZ,qBACE,KAAC0B;YACC3B,WAAW;gBACTH;gBACAG;gBACAI,WAAW,CAAC,EAAEP,UAAU,UAAU,EAAEO,QAAQ,CAAC;gBAC7CA,YAAY,SAAS,CAAC,EAAEP,UAAU,cAAc,CAAC;aAClD,CACE+B,MAAM,CAAChB,SACPiB,IAAI,CAAC;YACRC,KAAKjB;sBAEJJ,eACCR,UAAU8B,IAAI,CAACC,GAAGC;gBAChB,MAAM,EACJC,IAAI,EACJC,WAAW,EACXC,MAAM,EACNC,QAAQ,EACRC,mBAAmB,EACnBA,qBAAqB,EAAEC,QAAQ,EAAE,EACjCC,QAAQ,EACT,GAAGR;gBAEJ,MAAMS,sBACJ,AAAC,OAAOvC,gBAAgB,YAAY+B,cAAc/B,eAAgB;gBAEpE,MAAMwC,OAAO,UAAUV,IAAIA,EAAEU,IAAI,GAAGC;gBAEpC,qBACE,KAAC/C;oBACCuC,aAAaA;oBACbC,QAAQA;oBACRC,UAAUA;oBACVC,qBAAqB;wBAAE,GAAGA,mBAAmB;wBAAEpC,aAAauC;oBAAoB;oBAChFtC,WAAWA,cAAcwC,YAAY,CAAC,EAAExC,UAAU,CAAC,EAAE8B,WAAW,CAAC,GAAG,CAAC,EAAEA,WAAW,CAAC;oBACnFO,UAAUA;oBAEVE,MAAMA;oBACNrC,MAAMA;oBACNC,aAAaA,aAAa,CAACoC,KAAK;oBAChCH,UAAUA;oBACVhC,YAAYA;oBACZqC,oBAAoBtC;oBACpB4B,MAAMA;mBAPDD;YAUX;;IAGR;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../src/forms/RenderFields/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { RenderField } from './RenderField.js'\nimport './index.scss'\n\nconst baseClass = 'render-fields'\n\nexport { Props }\n\nexport const RenderFields: React.FC<Props> = (props) => {\n  const { className, fields, forceRender, indexPath, margins, path, permissions, schemaPath } =\n    props\n\n  const { i18n } = useTranslation()\n  const [hasRendered, setHasRendered] = React.useState(Boolean(forceRender))\n  const [intersectionRef, entry] = useIntersect(\n    {\n      rootMargin: '1000px',\n    },\n    Boolean(forceRender),\n  )\n\n  const isIntersecting = Boolean(entry?.isIntersecting)\n  const isAboveViewport = entry?.boundingClientRect?.top < 0\n  const shouldRender = forceRender || isIntersecting || isAboveViewport\n\n  React.useEffect(() => {\n    if (shouldRender && !hasRendered) {\n      setHasRendered(true)\n    }\n  }, [shouldRender, hasRendered])\n\n  if (!fields || (Array.isArray(fields) && fields.length === 0)) {\n    return null\n  }\n\n  if (!i18n) {\n    console.error('Need to implement i18n when calling RenderFields') // eslint-disable-line no-console\n  }\n\n  if (fields) {\n    return (\n      <div\n        className={[\n          baseClass,\n          className,\n          margins && `${baseClass}--margins-${margins}`,\n          margins === false && `${baseClass}--margins-none`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        ref={intersectionRef}\n      >\n        {hasRendered &&\n          fields?.map((field, fieldIndex) => {\n            const forceRenderChildren =\n              (typeof forceRender === 'number' && fieldIndex <= forceRender) || true\n\n            const name = 'name' in field ? field.name : undefined\n\n            return (\n              <RenderField\n                fieldComponentProps={{ field, forceRender: forceRenderChildren }}\n                indexPath={indexPath !== undefined ? `${indexPath}.${fieldIndex}` : `${fieldIndex}`}\n                key={fieldIndex}\n                name={name}\n                path={path}\n                permissions={permissions?.[name]}\n                schemaPath={schemaPath}\n                siblingPermissions={permissions}\n              />\n            )\n          })}\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["React","useIntersect","useTranslation","RenderField","baseClass","RenderFields","props","className","fields","forceRender","indexPath","margins","path","permissions","schemaPath","i18n","hasRendered","setHasRendered","useState","Boolean","intersectionRef","entry","rootMargin","isIntersecting","isAboveViewport","boundingClientRect","top","shouldRender","useEffect","Array","isArray","length","console","error","div","filter","join","ref","map","field","fieldIndex","forceRenderChildren","name","undefined","fieldComponentProps","siblingPermissions"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAIzB,SAASC,YAAY,QAAQ,8BAA6B;AAC1D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,WAAW,QAAQ,mBAAkB;AAC9C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAIlB,OAAO,MAAMC,eAAgC,CAACC;IAC5C,MAAM,EAAEC,SAAS,EAAEC,MAAM,EAAEC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,IAAI,EAAEC,WAAW,EAAEC,UAAU,EAAE,GACzFR;IAEF,MAAM,EAAES,IAAI,EAAE,GAAGb;IACjB,MAAM,CAACc,aAAaC,eAAe,GAAGjB,MAAMkB,QAAQ,CAACC,QAAQV;IAC7D,MAAM,CAACW,iBAAiBC,MAAM,GAAGpB,aAC/B;QACEqB,YAAY;IACd,GACAH,QAAQV;IAGV,MAAMc,iBAAiBJ,QAAQE,OAAOE;IACtC,MAAMC,kBAAkBH,OAAOI,oBAAoBC,MAAM;IACzD,MAAMC,eAAelB,eAAec,kBAAkBC;IAEtDxB,MAAM4B,SAAS,CAAC;QACd,IAAID,gBAAgB,CAACX,aAAa;YAChCC,eAAe;QACjB;IACF,GAAG;QAACU;QAAcX;KAAY;IAE9B,IAAI,CAACR,UAAWqB,MAAMC,OAAO,CAACtB,WAAWA,OAAOuB,MAAM,KAAK,GAAI;QAC7D,OAAO;IACT;IAEA,IAAI,CAAChB,MAAM;QACTiB,QAAQC,KAAK,CAAC,oDAAoD,iCAAiC;;IACrG;IAEA,IAAIzB,QAAQ;QACV,qBACE,KAAC0B;YACC3B,WAAW;gBACTH;gBACAG;gBACAI,WAAW,CAAC,EAAEP,UAAU,UAAU,EAAEO,QAAQ,CAAC;gBAC7CA,YAAY,SAAS,CAAC,EAAEP,UAAU,cAAc,CAAC;aAClD,CACE+B,MAAM,CAAChB,SACPiB,IAAI,CAAC;YACRC,KAAKjB;sBAEJJ,eACCR,QAAQ8B,IAAI,CAACC,OAAOC;gBAClB,MAAMC,sBACJ,AAAC,OAAOhC,gBAAgB,YAAY+B,cAAc/B,eAAgB;gBAEpE,MAAMiC,OAAO,UAAUH,QAAQA,MAAMG,IAAI,GAAGC;gBAE5C,qBACE,KAACxC;oBACCyC,qBAAqB;wBAAEL;wBAAO9B,aAAagC;oBAAoB;oBAC/D/B,WAAWA,cAAciC,YAAY,CAAC,EAAEjC,UAAU,CAAC,EAAE8B,WAAW,CAAC,GAAG,CAAC,EAAEA,WAAW,CAAC;oBAEnFE,MAAMA;oBACN9B,MAAMA;oBACNC,aAAaA,aAAa,CAAC6B,KAAK;oBAChC5B,YAAYA;oBACZ+B,oBAAoBhC;mBALf2B;YAQX;;IAGR;IAEA,OAAO;AACT,EAAC"}

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

@@ -1,7 +1,7 @@
-import type { FieldMap, FieldPermissions, Operation } from 'payload';
+import type { ClientField, FieldPermissions, Operation } from 'payload';
 export type Props = {
-    className?: string;
-    fieldMap: FieldMap;
+    readonly className?: string;
+    readonly fields: ClientField[];
     /**
      * Controls the rendering behavior of the fields, i.e. defers rendering until they intersect with the viewport using the Intersection Observer API.
      *
@@ -9,15 +9,15 @@ export type Props = {
      *
      * If a number is provided, will immediately render fields _up to that index_.
      */
-    forceRender?: boolean | number;
-    indexPath?: string;
-    margins?: 'small' | false;
-    operation?: Operation;
-    path: string;
-    permissions?: {
+    readonly forceRender?: boolean | number;
+    readonly indexPath?: string;
+    readonly margins?: 'small' | false;
+    readonly operation?: Operation;
+    readonly path: string;
+    readonly permissions?: {
         [fieldName: string]: FieldPermissions;
     };
-    readOnly: boolean;
-    schemaPath: string;
+    readonly readOnly: boolean;
+    readonly schemaPath: string;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEpE,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IACzB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE;QACZ,CAAC,SAAS,EAAE,MAAM,GAAG,gBAAgB,CAAA;KACtC,CAAA;IACD,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEvE,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B;;;;;;OAMG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACvC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAA;IAC9B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,WAAW,CAAC,EAAE;QACrB,CAAC,SAAS,EAAE,MAAM,GAAG,gBAAgB,CAAA;KACtC,CAAA;IACD,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;CAC5B,CAAA"}

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

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

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,CAOrD,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,CAAC,OACU,YAAY,CAAC,CAAC,CACpD,CAAA"}

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,"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  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"}

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;AAC/C,YAAY,EAAE,aAAa,EAAE,CAAA;AAO7B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6B5C,CAAA"}

package/dist/forms/RowLabel/index.js

@@ -1,15 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
+import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { RowLabelProvider } from '../RowLabel/Context/index.js';
 const baseClass = 'row-label';
 export const RowLabel = (props)=>{
-    const { RowLabelComponent, className, i18n, path, rowLabel, rowNumber } = props;
+    const { RowLabel: RowLabelComponent, className, i18n, path, rowLabel, rowNumber } = props;
     if (RowLabelComponent) {
         return /*#__PURE__*/ _jsx(RowLabelProvider, {
             path: path,
             rowNumber: rowNumber,
-            children: RowLabelComponent
+            children: /*#__PURE__*/ _jsx(RenderComponent, {
+                clientProps: {
+                    label: rowLabel
+                },
+                mappedComponent: RowLabelComponent
+            })
         });
     }
     const label = rowLabel ? typeof rowLabel === 'object' ? getTranslation(rowLabel, i18n) : typeof rowLabel === 'string' ? rowLabel : '' : '';

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,"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 { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { RowLabelProvider } from '../RowLabel/Context/index.js'\n\nconst baseClass = 'row-label'\n\nexport const RowLabel: React.FC<RowLabelProps> = (props) => {\n  const { RowLabel: RowLabelComponent, className, i18n, path, rowLabel, rowNumber } = props\n\n  if (RowLabelComponent) {\n    return (\n      <RowLabelProvider path={path} rowNumber={rowNumber}>\n        <RenderComponent clientProps={{ label: rowLabel }} mappedComponent={RowLabelComponent} />\n      </RowLabelProvider>\n    )\n  }\n\n  const label = rowLabel\n    ? typeof rowLabel === 'object'\n      ? getTranslation(rowLabel, i18n)\n      : typeof rowLabel === 'string'\n        ? rowLabel\n        : ''\n    : ''\n\n  return (\n    <span\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      style={{\n        pointerEvents: 'none',\n      }}\n    >\n      {label}\n    </span>\n  )\n}\n"],"names":["getTranslation","React","RenderComponent","RowLabelProvider","baseClass","RowLabel","props","RowLabelComponent","className","i18n","path","rowLabel","rowNumber","clientProps","label","mappedComponent","span","filter","Boolean","join","style","pointerEvents"],"mappings":";AAAA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAKzB,SAASC,eAAe,QAAQ,4CAA2C;AAC3E,SAASC,gBAAgB,QAAQ,+BAA8B;AAE/D,MAAMC,YAAY;AAElB,OAAO,MAAMC,WAAoC,CAACC;IAChD,MAAM,EAAED,UAAUE,iBAAiB,EAAEC,SAAS,EAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGN;IAEpF,IAAIC,mBAAmB;QACrB,qBACE,KAACJ;YAAiBO,MAAMA;YAAME,WAAWA;sBACvC,cAAA,KAACV;gBAAgBW,aAAa;oBAAEC,OAAOH;gBAAS;gBAAGI,iBAAiBR;;;IAG1E;IAEA,MAAMO,QAAQH,WACV,OAAOA,aAAa,WAClBX,eAAeW,UAAUF,QACzB,OAAOE,aAAa,WAClBA,WACA,KACJ;IAEJ,qBACE,KAACK;QACCR,WAAW;YAACJ;YAAWI;SAAU,CAACS,MAAM,CAACC,SAASC,IAAI,CAAC;QACvDC,OAAO;YACLC,eAAe;QACjB;kBAECP;;AAGP,EAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RowLabel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,aAAa,GAAG;IAC1B,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,UAAU,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RowLabel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE1D,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,eAAe,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;IACzB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IACvC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA"}

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"buildPathSegments.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/buildPathSegments.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,eAAO,MAAM,iBAAiB,eAAgB,MAAM,YAAY,QAAQ,KAAG,MAAM,EAmChF,CAAA"}
+{"version":3,"file":"buildPathSegments.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/buildPathSegments.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,eAAO,MAAM,iBAAiB,eAAgB,MAAM,UAAU,WAAW,EAAE,KAAG,MAAM,EAkCnF,CAAA"}

package/dist/forms/WatchChildErrors/buildPathSegments.js

@@ -1,27 +1,28 @@
-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) {
+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 ? `${parentPath}.${name}.` : `${name}.`);
             } else {
                 // rows, collapsibles, unnamed-tab
-                acc.push(...buildPathSegments(parentPath, fieldMap));
+                acc.push(...buildPathSegments(parentPath, fields));
             }
         } else if (field.type === 'tabs') {
             // tabs
-            if ('tabs' in field.fieldComponentProps) {
-                field.fieldComponentProps.tabs?.forEach((tab)=>{
+            if ('tabs' in field) {
+                field.tabs?.forEach((tab)=>{
                     let tabPath = parentPath;
                     if ('name' in tab) {
                         tabPath = parentPath ? `${parentPath}.${tab.name}` : tab.name;
                     }
-                    acc.push(...buildPathSegments(tabPath, tab.fieldMap));
+                    acc.push(...buildPathSegments(tabPath, tab.fields));
                 });
             }
-        } else if (field.isFieldAffectingData) {
+        } else if (fieldAffectsData(field)) {
             // text, number, date, etc.
             const name = 'name' in field ? field.name : 'unnamed';
             acc.push(parentPath ? `${parentPath}.${name}` : name);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/WatchChildErrors/buildPathSegments.ts"],"sourcesContent":["import type { FieldMap } from 'payload'\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,"sources":["../../../src/forms/WatchChildErrors/buildPathSegments.ts"],"sourcesContent":["import type { ClientField } from 'payload'\n\nimport { fieldAffectsData } from 'payload/shared'\n\nexport const buildPathSegments = (parentPath: string, fields: ClientField[]): 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 ? `${parentPath}.${name}.` : `${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 ? `${parentPath}.${tab.name}` : 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 ? `${parentPath}.${name}` : name)\n    }\n\n    return acc\n  }, [])\n\n  return pathNames\n}\n"],"names":["fieldAffectsData","buildPathSegments","parentPath","fields","pathNames","reduce","acc","field","undefined","name","push","type","tabs","forEach","tab","tabPath"],"mappings":"AAEA,SAASA,gBAAgB,QAAQ,iBAAgB;AAEjD,OAAO,MAAMC,oBAAoB,CAACC,YAAoBC;IACpD,MAAMC,YAAYD,OAAOE,MAAM,CAAC,CAACC,KAAKC;QACpC,MAAMJ,SAAwB,YAAYI,QAAQA,MAAMJ,MAAM,GAAGK;QAEjE,IAAIL,QAAQ;YACV,IAAIH,iBAAiBO,QAAQ;gBAC3B,sBAAsB;gBACtB,MAAME,OAAO,UAAUF,QAAQA,MAAME,IAAI,GAAG;gBAC5CH,IAAII,IAAI,CAACR,aAAa,CAAC,EAAEA,WAAW,CAAC,EAAEO,KAAK,CAAC,CAAC,GAAG,CAAC,EAAEA,KAAK,CAAC,CAAC;YAC7D,OAAO;gBACL,kCAAkC;gBAClCH,IAAII,IAAI,IAAIT,kBAAkBC,YAAYC;YAC5C;QACF,OAAO,IAAII,MAAMI,IAAI,KAAK,QAAQ;YAChC,OAAO;YACP,IAAI,UAAUJ,OAAO;gBACnBA,MAAMK,IAAI,EAAEC,QAAQ,CAACC;oBACnB,IAAIC,UAAUb;oBACd,IAAI,UAAUY,KAAK;wBACjBC,UAAUb,aAAa,CAAC,EAAEA,WAAW,CAAC,EAAEY,IAAIL,IAAI,CAAC,CAAC,GAAGK,IAAIL,IAAI;oBAC/D;oBACAH,IAAII,IAAI,IAAIT,kBAAkBc,SAASD,IAAIX,MAAM;gBACnD;YACF;QACF,OAAO,IAAIH,iBAAiBO,QAAQ;YAClC,2BAA2B;YAC3B,MAAME,OAAO,UAAUF,QAAQA,MAAME,IAAI,GAAG;YAC5CH,IAAII,IAAI,CAACR,aAAa,CAAC,EAAEA,WAAW,CAAC,EAAEO,KAAK,CAAC,GAAGA;QAClD;QAEA,OAAOH;IACT,GAAG,EAAE;IAEL,OAAOF;AACT,EAAC"}

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

@@ -1,7 +1,7 @@
-import type { FieldMap } from 'payload';
+import type { ClientField } from 'packages/payload/src/index.js';
 import type React from 'react';
 type TrackSubSchemaErrorCountProps = {
-    fieldMap?: FieldMap;
+    fields?: ClientField[];
     path: string;
     setErrorCount: (count: number) => void;
 };

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,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,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,+BAA+B,CAAA;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,KAAK,6BAA6B,GAAG;IACnC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAA;IACtB,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"}

package/dist/forms/WatchChildErrors/index.js

@@ -3,10 +3,10 @@ import { useThrottledEffect } from '../../hooks/useThrottledEffect.js';
 import { useAllFormFields, useFormSubmitted } from '../Form/context.js';
 import { buildPathSegments } from './buildPathSegments.js';
 import { getFieldStateFromPaths } from './getFieldStateFromPaths.js';
-export const WatchChildErrors = ({ fieldMap, path, setErrorCount })=>{
+export const WatchChildErrors = ({ fields, path, setErrorCount })=>{
     const [formState] = useAllFormFields();
     const hasSubmitted = useFormSubmitted();
-    const pathSegments = buildPathSegments(path, fieldMap);
+    const pathSegments = buildPathSegments(path, fields);
     useThrottledEffect(()=>{
         if (hasSubmitted) {
             const { errorCount } = getFieldStateFromPaths({
@@ -18,7 +18,7 @@ export const WatchChildErrors = ({ fieldMap, path, setErrorCount })=>{
     }, 250, [
         formState,
         hasSubmitted,
-        fieldMap
+        fields
     ]);
     return null;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/WatchChildErrors/index.tsx"],"sourcesContent":["'use client'\nimport type { FieldMap } 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'\nimport { getFieldStateFromPaths } from './getFieldStateFromPaths.js'\n\ntype TrackSubSchemaErrorCountProps = {\n  fieldMap?: FieldMap\n  path: string\n  setErrorCount: (count: number) => void\n}\n\nexport const WatchChildErrors: React.FC<TrackSubSchemaErrorCountProps> = ({\n  fieldMap,\n  path,\n  setErrorCount,\n}) => {\n  const [formState] = useAllFormFields()\n  const hasSubmitted = useFormSubmitted()\n\n  const pathSegments = buildPathSegments(path, fieldMap)\n\n  useThrottledEffect(\n    () => {\n      if (hasSubmitted) {\n        const { errorCount } = getFieldStateFromPaths({ formState, pathSegments })\n        setErrorCount(errorCount)\n      }\n    },\n    250,\n    [formState, hasSubmitted, fieldMap],\n  )\n\n  return null\n}\n"],"names":["useThrottledEffect","useAllFormFields","useFormSubmitted","buildPathSegments","getFieldStateFromPaths","WatchChildErrors","fieldMap","path","setErrorCount","formState","hasSubmitted","pathSegments","errorCount"],"mappings":"AAAA;AAIA,SAASA,kBAAkB,QAAQ,oCAAmC;AACtE,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,qBAAoB;AACvE,SAASC,iBAAiB,QAAQ,yBAAwB;AAC1D,SAASC,sBAAsB,QAAQ,8BAA6B;AAQpE,OAAO,MAAMC,mBAA4D,CAAC,EACxEC,QAAQ,EACRC,IAAI,EACJC,aAAa,EACd;IACC,MAAM,CAACC,UAAU,GAAGR;IACpB,MAAMS,eAAeR;IAErB,MAAMS,eAAeR,kBAAkBI,MAAMD;IAE7CN,mBACE;QACE,IAAIU,cAAc;YAChB,MAAM,EAAEE,UAAU,EAAE,GAAGR,uBAAuB;gBAAEK;gBAAWE;YAAa;YACxEH,cAAcI;QAChB;IACF,GACA,KACA;QAACH;QAAWC;QAAcJ;KAAS;IAGrC,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../src/forms/WatchChildErrors/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField } from 'packages/payload/src/index.js'\nimport type React from 'react'\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAllFormFields, useFormSubmitted } from '../Form/context.js'\nimport { buildPathSegments } from './buildPathSegments.js'\nimport { getFieldStateFromPaths } from './getFieldStateFromPaths.js'\n\ntype TrackSubSchemaErrorCountProps = {\n  fields?: ClientField[]\n  path: string\n  setErrorCount: (count: number) => void\n}\n\nexport const WatchChildErrors: React.FC<TrackSubSchemaErrorCountProps> = ({\n  fields,\n  path,\n  setErrorCount,\n}) => {\n  const [formState] = useAllFormFields()\n  const hasSubmitted = useFormSubmitted()\n\n  const pathSegments = buildPathSegments(path, fields)\n\n  useThrottledEffect(\n    () => {\n      if (hasSubmitted) {\n        const { errorCount } = getFieldStateFromPaths({ formState, pathSegments })\n        setErrorCount(errorCount)\n      }\n    },\n    250,\n    [formState, hasSubmitted, fields],\n  )\n\n  return null\n}\n"],"names":["useThrottledEffect","useAllFormFields","useFormSubmitted","buildPathSegments","getFieldStateFromPaths","WatchChildErrors","fields","path","setErrorCount","formState","hasSubmitted","pathSegments","errorCount"],"mappings":"AAAA;AAIA,SAASA,kBAAkB,QAAQ,oCAAmC;AACtE,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,qBAAoB;AACvE,SAASC,iBAAiB,QAAQ,yBAAwB;AAC1D,SAASC,sBAAsB,QAAQ,8BAA6B;AAQpE,OAAO,MAAMC,mBAA4D,CAAC,EACxEC,MAAM,EACNC,IAAI,EACJC,aAAa,EACd;IACC,MAAM,CAACC,UAAU,GAAGR;IACpB,MAAMS,eAAeR;IAErB,MAAMS,eAAeR,kBAAkBI,MAAMD;IAE7CN,mBACE;QACE,IAAIU,cAAc;YAChB,MAAM,EAAEE,UAAU,EAAE,GAAGR,uBAAuB;gBAAEK;gBAAWE;YAAa;YACxEH,cAAcI;QAChB;IACF,GACA,KACA;QAACH;QAAWC;QAAcJ;KAAO;IAGnC,OAAO;AACT,EAAC"}

package/dist/forms/useField/index.js

@@ -28,7 +28,7 @@ import { useForm, useFormFields, useFormInitializing, useFormModified, useFormPr
             field: fields && fields?.[path] || null
         }));
     const { t } = useTranslation();
-    const config = useConfig();
+    const { config } = useConfig();
     const { getData, getDataByPath, getSiblingData, setModified } = useForm();
     const modified = useFormModified();
     const filterOptions = field?.filterOptions;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/useField/index.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest } from 'payload'\n\nimport { useCallback, useMemo, useRef } from 'react'\n\nimport type { UPDATE } from '../Form/types.js'\nimport type { FieldType, Options } from './types.js'\n\nexport type { FieldType, Options }\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useFieldProps } from '../FieldPropsProvider/index.js'\nimport {\n  useForm,\n  useFormFields,\n  useFormInitializing,\n  useFormModified,\n  useFormProcessing,\n  useFormSubmitted,\n} from '../Form/context.js'\n\n/**\n * Get and set the value of a form field.\n *\n * @see https://payloadcms.com/docs/admin/hooks#usefield\n */\nexport const useField = <T,>(options: Options): FieldType<T> => {\n  const { disableFormData = false, hasRows, validate } = options\n\n  const { path: pathFromContext, permissions, readOnly, schemaPath } = useFieldProps()\n\n  // Prioritize passed in path over context path. If the context path should be prioritized (which is the case for top-level useField calls in fields), it should be passed in as the options path.\n  const path = options.path || pathFromContext\n\n  const submitted = useFormSubmitted()\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n  const { user } = useAuth()\n  const { id, collectionSlug } = useDocumentInfo()\n  const operation = useOperation()\n\n  const { dispatchField, field } = useFormFields(([fields, dispatch]) => ({\n    dispatchField: dispatch,\n    field: (fields && fields?.[path]) || null,\n  }))\n\n  const { t } = useTranslation()\n  const config = useConfig()\n\n  const { getData, getDataByPath, getSiblingData, setModified } = useForm()\n  const modified = useFormModified()\n\n  const filterOptions = field?.filterOptions\n  const value = field?.value as T\n  const initialValue = field?.initialValue as T\n  const valid = typeof field?.valid === 'boolean' ? field.valid : true\n  const showError = valid === false && submitted\n\n  const prevValid = useRef(valid)\n  const prevErrorMessage = useRef(field?.errorMessage)\n\n  // Method to return from `useField`, used to\n  // update field values from field component(s)\n  const setValue = useCallback(\n    (e, disableModifyingForm = false) => {\n      const val = e && e.target ? e.target.value : e\n\n      dispatchField({\n        type: 'UPDATE',\n        disableFormData: disableFormData || (hasRows && val > 0),\n        path,\n        value: val,\n      })\n\n      if (!disableModifyingForm) {\n        if (typeof setModified === 'function') {\n          // Only update setModified to true if the form is not already set to modified. Otherwise the following could happen:\n          // 1. Text field: someone types in it in an unmodified form\n          // 2. After setTimeout triggers setModified(true): form is set to modified. Save Button becomes available. Good!\n          // 3. Type something in text field\n          // 4. Click on save button before setTimeout in useField has finished (so setModified(true) has not been run yet)\n          // 5. Form is saved, setModified(false) is set in the Form/index.tsx `submit` function, \"saved successfully\" toast appears\n          // 6. setModified(true) inside the timeout is run, form is set to modified again, even though it was already saved and thus set to unmodified. Bad! This should have happened before the form is saved. Now the form should be unmodified and stay that way\n          //    until a NEW change happens. Due to this, the \"Leave without saving\" modal appears even though it should not when leaving the page fast immediately after saving the document.\n          // This is only an issue for forms which have already been set to modified true, as that causes the save button to be enabled. If we prevent this setTimeout to be run\n          // for already-modified forms first place (which is unnecessary), we can avoid this issue. As for unmodified forms, this race issue will not happen, because you cannot click the save button faster\n          // than the timeout in useField is run. That's because the save button won't even be enabled for clicking until the setTimeout in useField has run.\n          // This fixes e2e test flakes, as e2e tests were often so fast that they were saving the form before the timeout in useField has run.\n          // Specifically, this fixes the 'should not warn about unsaved changes when navigating to lexical editor with blocks node and then leaving the page after making a change and saving' lexical e2e test.\n          if (modified === false) {\n            // Update modified state after field value comes back\n            // to avoid cursor jump caused by state value / DOM mismatch\n            setTimeout(() => {\n              setModified(true)\n            }, 10)\n          }\n        }\n      }\n    },\n    [setModified, path, dispatchField, disableFormData, hasRows, modified],\n  )\n\n  // Store result from hook as ref\n  // to prevent unnecessary rerenders\n  const result: FieldType<T> = useMemo(\n    () => ({\n      errorMessage: field?.errorMessage,\n      errorPaths: field?.errorPaths || [],\n      filterOptions,\n      formInitializing: initializing,\n      formProcessing: processing,\n      formSubmitted: submitted,\n      initialValue,\n      path,\n      permissions,\n      readOnly: readOnly || false,\n      rows: field?.rows,\n      schemaPath,\n      setValue,\n      showError,\n      valid: field?.valid,\n      value,\n    }),\n    [\n      field?.errorMessage,\n      field?.rows,\n      field?.valid,\n      field?.errorPaths,\n      processing,\n      setValue,\n      showError,\n      submitted,\n      value,\n      initialValue,\n      path,\n      schemaPath,\n      readOnly,\n      permissions,\n      filterOptions,\n      initializing,\n    ],\n  )\n\n  // Throttle the validate function\n  useThrottledEffect(\n    () => {\n      const validateField = async () => {\n        let valueToValidate = value\n\n        if (field?.rows && Array.isArray(field.rows)) {\n          valueToValidate = getDataByPath(path)\n        }\n\n        let errorMessage: string | undefined\n        let valid: boolean | string = prevValid.current\n\n        const isValid =\n          typeof validate === 'function'\n            ? await validate(valueToValidate, {\n                id,\n                collectionSlug,\n                data: getData(),\n                operation,\n                preferences: {} as any,\n                req: {\n                  payload: {\n                    config,\n                  },\n                  t,\n                  user,\n                } as PayloadRequest,\n                siblingData: getSiblingData(path),\n              })\n            : true\n\n        if (typeof isValid === 'string') {\n          valid = false\n          errorMessage = isValid\n        } else if (typeof isValid === 'boolean') {\n          valid = isValid\n          errorMessage = undefined\n        }\n\n        // Only dispatch if the validation result has changed\n        // This will prevent unnecessary rerenders\n        if (valid !== prevValid.current || errorMessage !== prevErrorMessage.current) {\n          prevValid.current = valid\n          prevErrorMessage.current = errorMessage\n\n          const update: UPDATE = {\n            type: 'UPDATE',\n            errorMessage,\n            path,\n            rows: field?.rows,\n            valid,\n            validate,\n            value,\n          }\n\n          if (disableFormData || (hasRows ? typeof value === 'number' && value > 0 : false)) {\n            update.disableFormData = true\n          }\n\n          if (typeof dispatchField === 'function') {\n            dispatchField(update)\n          }\n        }\n      }\n\n      void validateField()\n    },\n    150,\n    [\n      value,\n      disableFormData,\n      dispatchField,\n      getData,\n      getSiblingData,\n      getDataByPath,\n      id,\n      operation,\n      path,\n      user,\n      validate,\n      field?.rows,\n      collectionSlug,\n    ],\n  )\n\n  return result\n}\n"],"names":["useCallback","useMemo","useRef","useThrottledEffect","useAuth","useConfig","useDocumentInfo","useOperation","useTranslation","useFieldProps","useForm","useFormFields","useFormInitializing","useFormModified","useFormProcessing","useFormSubmitted","useField","options","disableFormData","hasRows","validate","path","pathFromContext","permissions","readOnly","schemaPath","submitted","processing","initializing","user","id","collectionSlug","operation","dispatchField","field","fields","dispatch","t","config","getData","getDataByPath","getSiblingData","setModified","modified","filterOptions","value","initialValue","valid","showError","prevValid","prevErrorMessage","errorMessage","setValue","e","disableModifyingForm","val","target","type","setTimeout","result","errorPaths","formInitializing","formProcessing","formSubmitted","rows","validateField","valueToValidate","Array","isArray","current","isValid","data","preferences","req","payload","siblingData","undefined","update"],"mappings":"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"}
+{"version":3,"sources":["../../../src/forms/useField/index.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest } from 'payload'\n\nimport { useCallback, useMemo, useRef } from 'react'\n\nimport type { UPDATE } from '../Form/types.js'\nimport type { FieldType, Options } from './types.js'\n\nexport type { FieldType, Options }\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useFieldProps } from '../FieldPropsProvider/index.js'\nimport {\n  useForm,\n  useFormFields,\n  useFormInitializing,\n  useFormModified,\n  useFormProcessing,\n  useFormSubmitted,\n} from '../Form/context.js'\n\n/**\n * Get and set the value of a form field.\n *\n * @see https://payloadcms.com/docs/admin/hooks#usefield\n */\nexport const useField = <T,>(options: Options): FieldType<T> => {\n  const { disableFormData = false, hasRows, validate } = options\n\n  const { path: pathFromContext, permissions, readOnly, schemaPath } = useFieldProps()\n\n  // Prioritize passed in path over context path. If the context path should be prioritized (which is the case for top-level useField calls in fields), it should be passed in as the options path.\n  const path = options.path || pathFromContext\n\n  const submitted = useFormSubmitted()\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n  const { user } = useAuth()\n  const { id, collectionSlug } = useDocumentInfo()\n  const operation = useOperation()\n\n  const { dispatchField, field } = useFormFields(([fields, dispatch]) => ({\n    dispatchField: dispatch,\n    field: (fields && fields?.[path]) || null,\n  }))\n\n  const { t } = useTranslation()\n  const { config } = useConfig()\n\n  const { getData, getDataByPath, getSiblingData, setModified } = useForm()\n  const modified = useFormModified()\n\n  const filterOptions = field?.filterOptions\n  const value = field?.value as T\n  const initialValue = field?.initialValue as T\n  const valid = typeof field?.valid === 'boolean' ? field.valid : true\n  const showError = valid === false && submitted\n\n  const prevValid = useRef(valid)\n  const prevErrorMessage = useRef(field?.errorMessage)\n\n  // Method to return from `useField`, used to\n  // update field values from field component(s)\n  const setValue = useCallback(\n    (e, disableModifyingForm = false) => {\n      const val = e && e.target ? e.target.value : e\n\n      dispatchField({\n        type: 'UPDATE',\n        disableFormData: disableFormData || (hasRows && val > 0),\n        path,\n        value: val,\n      })\n\n      if (!disableModifyingForm) {\n        if (typeof setModified === 'function') {\n          // Only update setModified to true if the form is not already set to modified. Otherwise the following could happen:\n          // 1. Text field: someone types in it in an unmodified form\n          // 2. After setTimeout triggers setModified(true): form is set to modified. Save Button becomes available. Good!\n          // 3. Type something in text field\n          // 4. Click on save button before setTimeout in useField has finished (so setModified(true) has not been run yet)\n          // 5. Form is saved, setModified(false) is set in the Form/index.tsx `submit` function, \"saved successfully\" toast appears\n          // 6. setModified(true) inside the timeout is run, form is set to modified again, even though it was already saved and thus set to unmodified. Bad! This should have happened before the form is saved. Now the form should be unmodified and stay that way\n          //    until a NEW change happens. Due to this, the \"Leave without saving\" modal appears even though it should not when leaving the page fast immediately after saving the document.\n          // This is only an issue for forms which have already been set to modified true, as that causes the save button to be enabled. If we prevent this setTimeout to be run\n          // for already-modified forms first place (which is unnecessary), we can avoid this issue. As for unmodified forms, this race issue will not happen, because you cannot click the save button faster\n          // than the timeout in useField is run. That's because the save button won't even be enabled for clicking until the setTimeout in useField has run.\n          // This fixes e2e test flakes, as e2e tests were often so fast that they were saving the form before the timeout in useField has run.\n          // Specifically, this fixes the 'should not warn about unsaved changes when navigating to lexical editor with blocks node and then leaving the page after making a change and saving' lexical e2e test.\n          if (modified === false) {\n            // Update modified state after field value comes back\n            // to avoid cursor jump caused by state value / DOM mismatch\n            setTimeout(() => {\n              setModified(true)\n            }, 10)\n          }\n        }\n      }\n    },\n    [setModified, path, dispatchField, disableFormData, hasRows, modified],\n  )\n\n  // Store result from hook as ref\n  // to prevent unnecessary rerenders\n  const result: FieldType<T> = useMemo(\n    () => ({\n      errorMessage: field?.errorMessage,\n      errorPaths: field?.errorPaths || [],\n      filterOptions,\n      formInitializing: initializing,\n      formProcessing: processing,\n      formSubmitted: submitted,\n      initialValue,\n      path,\n      permissions,\n      readOnly: readOnly || false,\n      rows: field?.rows,\n      schemaPath,\n      setValue,\n      showError,\n      valid: field?.valid,\n      value,\n    }),\n    [\n      field?.errorMessage,\n      field?.rows,\n      field?.valid,\n      field?.errorPaths,\n      processing,\n      setValue,\n      showError,\n      submitted,\n      value,\n      initialValue,\n      path,\n      schemaPath,\n      readOnly,\n      permissions,\n      filterOptions,\n      initializing,\n    ],\n  )\n\n  // Throttle the validate function\n  useThrottledEffect(\n    () => {\n      const validateField = async () => {\n        let valueToValidate = value\n\n        if (field?.rows && Array.isArray(field.rows)) {\n          valueToValidate = getDataByPath(path)\n        }\n\n        let errorMessage: string | undefined\n        let valid: boolean | string = prevValid.current\n\n        const isValid =\n          typeof validate === 'function'\n            ? await validate(valueToValidate, {\n                id,\n                collectionSlug,\n                data: getData(),\n                operation,\n                preferences: {} as any,\n                req: {\n                  payload: {\n                    config,\n                  },\n                  t,\n                  user,\n                } as unknown as PayloadRequest,\n                siblingData: getSiblingData(path),\n              })\n            : true\n\n        if (typeof isValid === 'string') {\n          valid = false\n          errorMessage = isValid\n        } else if (typeof isValid === 'boolean') {\n          valid = isValid\n          errorMessage = undefined\n        }\n\n        // Only dispatch if the validation result has changed\n        // This will prevent unnecessary rerenders\n        if (valid !== prevValid.current || errorMessage !== prevErrorMessage.current) {\n          prevValid.current = valid\n          prevErrorMessage.current = errorMessage\n\n          const update: UPDATE = {\n            type: 'UPDATE',\n            errorMessage,\n            path,\n            rows: field?.rows,\n            valid,\n            validate,\n            value,\n          }\n\n          if (disableFormData || (hasRows ? typeof value === 'number' && value > 0 : false)) {\n            update.disableFormData = true\n          }\n\n          if (typeof dispatchField === 'function') {\n            dispatchField(update)\n          }\n        }\n      }\n\n      void validateField()\n    },\n    150,\n    [\n      value,\n      disableFormData,\n      dispatchField,\n      getData,\n      getSiblingData,\n      getDataByPath,\n      id,\n      operation,\n      path,\n      user,\n      validate,\n      field?.rows,\n      collectionSlug,\n    ],\n  )\n\n  return result\n}\n"],"names":["useCallback","useMemo","useRef","useThrottledEffect","useAuth","useConfig","useDocumentInfo","useOperation","useTranslation","useFieldProps","useForm","useFormFields","useFormInitializing","useFormModified","useFormProcessing","useFormSubmitted","useField","options","disableFormData","hasRows","validate","path","pathFromContext","permissions","readOnly","schemaPath","submitted","processing","initializing","user","id","collectionSlug","operation","dispatchField","field","fields","dispatch","t","config","getData","getDataByPath","getSiblingData","setModified","modified","filterOptions","value","initialValue","valid","showError","prevValid","prevErrorMessage","errorMessage","setValue","e","disableModifyingForm","val","target","type","setTimeout","result","errorPaths","formInitializing","formProcessing","formSubmitted","rows","validateField","valueToValidate","Array","isArray","current","isValid","data","preferences","req","payload","siblingData","undefined","update"],"mappings":"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"}

package/dist/forms/withCondition/WatchCondition.d.ts

@@ -5,6 +5,6 @@ export declare const WatchCondition: React.FC<{
     indexPath: string;
     name?: string;
     path?: string;
-    type: keyof FieldTypes;
+    type: FieldTypes;
 }>;
 //# sourceMappingURL=WatchCondition.d.ts.map

package/dist/forms/withCondition/WatchCondition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WatchCondition.d.ts","sourceRoot":"","sources":["../../../src/forms/withCondition/WatchCondition.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,UAAU,CAAA;CACvB,CAqBA,CAAA"}
+{"version":3,"file":"WatchCondition.d.ts","sourceRoot":"","sources":["../../../src/forms/withCondition/WatchCondition.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,UAAU,CAAA;CACjB,CAqBA,CAAA"}

package/dist/forms/withCondition/WatchCondition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/withCondition/WatchCondition.tsx"],"sourcesContent":["'use client'\nimport type { FieldTypes } from 'payload'\n\nimport React, { Fragment } from 'react'\n\nimport { useFormFields } from '../Form/context.js'\n\nexport const WatchCondition: React.FC<{\n  children: React.ReactNode\n  indexPath: string\n  name?: string\n  path?: string\n  type: keyof FieldTypes\n}> = (props) => {\n  const { name, type, children, indexPath, path: pathFromProps } = props\n\n  const path = typeof pathFromProps === 'string' ? pathFromProps : name\n\n  let formStateID = path\n\n  if (['collapsible', 'row'].includes(type)) {\n    const index = indexPath.split('.').pop()\n    formStateID = `${path ? `${path}.` : ''}_index-${index}`\n  }\n\n  const field = useFormFields(([fields]) => (fields && fields?.[formStateID]) || null)\n\n  const { passesCondition } = field || {}\n\n  if (passesCondition === false) {\n    return null\n  }\n\n  return <Fragment>{children}</Fragment>\n}\n"],"names":["React","Fragment","useFormFields","WatchCondition","props","name","type","children","indexPath","path","pathFromProps","formStateID","includes","index","split","pop","field","fields","passesCondition"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,aAAa,QAAQ,qBAAoB;AAElD,OAAO,MAAMC,iBAMR,CAACC;IACJ,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAMC,aAAa,EAAE,GAAGN;IAEjE,MAAMK,OAAO,OAAOC,kBAAkB,WAAWA,gBAAgBL;IAEjE,IAAIM,cAAcF;IAElB,IAAI;QAAC;QAAe;KAAM,CAACG,QAAQ,CAACN,OAAO;QACzC,MAAMO,QAAQL,UAAUM,KAAK,CAAC,KAAKC,GAAG;QACtCJ,cAAc,CAAC,EAAEF,OAAO,CAAC,EAAEA,KAAK,CAAC,CAAC,GAAG,GAAG,OAAO,EAAEI,MAAM,CAAC;IAC1D;IAEA,MAAMG,QAAQd,cAAc,CAAC,CAACe,OAAO,GAAK,AAACA,UAAUA,QAAQ,CAACN,YAAY,IAAK;IAE/E,MAAM,EAAEO,eAAe,EAAE,GAAGF,SAAS,CAAC;IAEtC,IAAIE,oBAAoB,OAAO;QAC7B,OAAO;IACT;IAEA,qBAAO,KAACjB;kBAAUM;;AACpB,EAAC"}
+{"version":3,"sources":["../../../src/forms/withCondition/WatchCondition.tsx"],"sourcesContent":["'use client'\nimport type { FieldTypes } from 'payload'\n\nimport React, { Fragment } from 'react'\n\nimport { useFormFields } from '../Form/context.js'\n\nexport const WatchCondition: React.FC<{\n  children: React.ReactNode\n  indexPath: string\n  name?: string\n  path?: string\n  type: FieldTypes\n}> = (props) => {\n  const { name, type, children, indexPath, path: pathFromProps } = props\n\n  const path = typeof pathFromProps === 'string' ? pathFromProps : name\n\n  let formStateID = path\n\n  if (['collapsible', 'row'].includes(type)) {\n    const index = indexPath.split('.').pop()\n    formStateID = `${path ? `${path}.` : ''}_index-${index}`\n  }\n\n  const field = useFormFields(([fields]) => (fields && fields?.[formStateID]) || null)\n\n  const { passesCondition } = field || {}\n\n  if (passesCondition === false) {\n    return null\n  }\n\n  return <Fragment>{children}</Fragment>\n}\n"],"names":["React","Fragment","useFormFields","WatchCondition","props","name","type","children","indexPath","path","pathFromProps","formStateID","includes","index","split","pop","field","fields","passesCondition"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,aAAa,QAAQ,qBAAoB;AAElD,OAAO,MAAMC,iBAMR,CAACC;IACJ,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAMC,aAAa,EAAE,GAAGN;IAEjE,MAAMK,OAAO,OAAOC,kBAAkB,WAAWA,gBAAgBL;IAEjE,IAAIM,cAAcF;IAElB,IAAI;QAAC;QAAe;KAAM,CAACG,QAAQ,CAACN,OAAO;QACzC,MAAMO,QAAQL,UAAUM,KAAK,CAAC,KAAKC,GAAG;QACtCJ,cAAc,CAAC,EAAEF,OAAO,CAAC,EAAEA,KAAK,CAAC,CAAC,GAAG,GAAG,OAAO,EAAEI,MAAM,CAAC;IAC1D;IAEA,MAAMG,QAAQd,cAAc,CAAC,CAACe,OAAO,GAAK,AAACA,UAAUA,QAAQ,CAACN,YAAY,IAAK;IAE/E,MAAM,EAAEO,eAAe,EAAE,GAAGF,SAAS,CAAC;IAEtC,IAAIE,oBAAoB,OAAO;QAC7B,OAAO;IACT;IAEA,qBAAO,KAACjB;kBAAUM;;AACpB,EAAC"}

package/dist/graphics/Account/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/Account/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,OAAO,yBAenB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/Account/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,eAAO,MAAM,OAAO,yBA6BnB,CAAA"}

package/dist/graphics/Account/index.js

@@ -2,26 +2,32 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { usePathname } from 'next/navigation.js';
 import React from 'react';
-import { useAuth } from '../../providers/Auth/index.js';
+import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { formatAdminURL } from '../../utilities/formatAdminURL.js';
-import { DefaultAccountIcon } from './Default/index.js';
 import { GravatarAccountIcon } from './Gravatar/index.js';
+import { useAuth } from '@payloadcms/ui';
+import { DefaultAccountIcon } from './Default/index.js';
 export const Account = ()=>{
-    const { admin: { avatar: Avatar }, admin: { routes: { account: accountRoute } }, routes: { admin: adminRoute } } = useConfig();
+    const { config: { admin: { avatar, routes: { account: accountRoute }, components: { Avatar: CustomAvatar } }, routes: { admin: adminRoute } } } = useConfig();
     const { user } = useAuth();
     const pathname = usePathname();
     const isOnAccountPage = pathname === formatAdminURL({
         adminRoute,
         path: accountRoute
     });
-    if (!user?.email || Avatar === 'default') return /*#__PURE__*/ _jsx(DefaultAccountIcon, {
-        active: isOnAccountPage
-    });
-    if (Avatar === 'gravatar') return /*#__PURE__*/ _jsx(GravatarAccountIcon, {});
-    if (Avatar) return /*#__PURE__*/ _jsx(Avatar, {
+    if (CustomAvatar) {
+        return /*#__PURE__*/ _jsx(RenderComponent, {
+            clientProps: {
+                active: isOnAccountPage
+            },
+            mappedComponent: CustomAvatar
+        });
+    }
+    if (!user?.email || avatar === 'default') return /*#__PURE__*/ _jsx(DefaultAccountIcon, {
         active: isOnAccountPage
     });
+    if (avatar === 'gravatar') return /*#__PURE__*/ _jsx(GravatarAccountIcon, {});
 };
 
 //# sourceMappingURL=index.js.map

package/dist/graphics/Account/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/graphics/Account/index.tsx"],"sourcesContent":["'use client'\nimport { usePathname } from 'next/navigation.js'\nimport React from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { DefaultAccountIcon } from './Default/index.js'\nimport { GravatarAccountIcon } from './Gravatar/index.js'\n\nexport const Account = () => {\n  const {\n    admin: { avatar: Avatar },\n    admin: {\n      routes: { account: accountRoute },\n    },\n    routes: { admin: adminRoute },\n  } = useConfig()\n\n  const { user } = useAuth()\n  const pathname = usePathname()\n  const isOnAccountPage = pathname === formatAdminURL({ adminRoute, path: accountRoute })\n  if (!user?.email || Avatar === 'default') return <DefaultAccountIcon active={isOnAccountPage} />\n  if (Avatar === 'gravatar') return <GravatarAccountIcon />\n  if (Avatar) return <Avatar active={isOnAccountPage} />\n}\n"],"names":["usePathname","React","useAuth","useConfig","formatAdminURL","DefaultAccountIcon","GravatarAccountIcon","Account","admin","avatar","Avatar","routes","account","accountRoute","adminRoute","user","pathname","isOnAccountPage","path","email","active"],"mappings":"AAAA;;AACA,SAASA,WAAW,QAAQ,qBAAoB;AAChD,OAAOC,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,oCAAmC;AAClE,SAASC,kBAAkB,QAAQ,qBAAoB;AACvD,SAASC,mBAAmB,QAAQ,sBAAqB;AAEzD,OAAO,MAAMC,UAAU;IACrB,MAAM,EACJC,OAAO,EAAEC,QAAQC,MAAM,EAAE,EACzBF,OAAO,EACLG,QAAQ,EAAEC,SAASC,YAAY,EAAE,EAClC,EACDF,QAAQ,EAAEH,OAAOM,UAAU,EAAE,EAC9B,GAAGX;IAEJ,MAAM,EAAEY,IAAI,EAAE,GAAGb;IACjB,MAAMc,WAAWhB;IACjB,MAAMiB,kBAAkBD,aAAaZ,eAAe;QAAEU;QAAYI,MAAML;IAAa;IACrF,IAAI,CAACE,MAAMI,SAAST,WAAW,WAAW,qBAAO,KAACL;QAAmBe,QAAQH;;IAC7E,IAAIP,WAAW,YAAY,qBAAO,KAACJ;IACnC,IAAII,QAAQ,qBAAO,KAACA;QAAOU,QAAQH;;AACrC,EAAC"}
+{"version":3,"sources":["../../../src/graphics/Account/index.tsx"],"sourcesContent":["'use client'\nimport { usePathname } from 'next/navigation.js'\nimport React from 'react'\n\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { GravatarAccountIcon } from './Gravatar/index.js'\nimport { useAuth } from '@payloadcms/ui'\nimport { DefaultAccountIcon } from './Default/index.js'\n\nexport const Account = () => {\n  const {\n    config: {\n      admin: {\n        avatar,\n        routes: { account: accountRoute },\n        components: { Avatar: CustomAvatar },\n      },\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { user } = useAuth()\n  const pathname = usePathname()\n  const isOnAccountPage = pathname === formatAdminURL({ adminRoute, path: accountRoute })\n\n  if (CustomAvatar) {\n    return (\n      <RenderComponent\n        clientProps={{\n          active: isOnAccountPage,\n        }}\n        mappedComponent={CustomAvatar}\n      />\n    )\n  }\n\n  if (!user?.email || avatar === 'default') return <DefaultAccountIcon active={isOnAccountPage} />\n  if (avatar === 'gravatar') return <GravatarAccountIcon />\n}\n"],"names":["usePathname","React","RenderComponent","useConfig","formatAdminURL","GravatarAccountIcon","useAuth","DefaultAccountIcon","Account","config","admin","avatar","routes","account","accountRoute","components","Avatar","CustomAvatar","adminRoute","user","pathname","isOnAccountPage","path","clientProps","active","mappedComponent","email"],"mappings":"AAAA;;AACA,SAASA,WAAW,QAAQ,qBAAoB;AAChD,OAAOC,WAAW,QAAO;AAEzB,SAASC,eAAe,QAAQ,4CAA2C;AAC3E,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,oCAAmC;AAClE,SAASC,mBAAmB,QAAQ,sBAAqB;AACzD,SAASC,OAAO,QAAQ,iBAAgB;AACxC,SAASC,kBAAkB,QAAQ,qBAAoB;AAEvD,OAAO,MAAMC,UAAU;IACrB,MAAM,EACJC,QAAQ,EACNC,OAAO,EACLC,MAAM,EACNC,QAAQ,EAAEC,SAASC,YAAY,EAAE,EACjCC,YAAY,EAAEC,QAAQC,YAAY,EAAE,EACrC,EACDL,QAAQ,EAAEF,OAAOQ,UAAU,EAAE,EAC9B,EACF,GAAGf;IAEJ,MAAM,EAAEgB,IAAI,EAAE,GAAGb;IACjB,MAAMc,WAAWpB;IACjB,MAAMqB,kBAAkBD,aAAahB,eAAe;QAAEc;QAAYI,MAAMR;IAAa;IAErF,IAAIG,cAAc;QAChB,qBACE,KAACf;YACCqB,aAAa;gBACXC,QAAQH;YACV;YACAI,iBAAiBR;;IAGvB;IAEA,IAAI,CAACE,MAAMO,SAASf,WAAW,WAAW,qBAAO,KAACJ;QAAmBiB,QAAQH;;IAC7E,IAAIV,WAAW,YAAY,qBAAO,KAACN;AACrC,EAAC"}

package/dist/hooks/useDelayedRender.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDelayedRender.d.ts","sourceRoot":"","sources":["../../src/hooks/useDelayedRender.ts"],"names":[],"mappings":"AAIA,KAAK,kBAAkB,GAAG;IACxB,0DAA0D;IAC1D,eAAe,EAAE,MAAM,CAAA;IACvB,iFAAiF;IACjF,SAAS,EAAE,MAAM,CAAA;IACjB,gEAAgE;IAChE,WAAW,EAAE,MAAM,CAAA;IACnB,uDAAuD;IACvD,UAAU,EAAE,MAAM,CAAA;IAClB;;SAEK;IACL,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AACD,KAAK,iBAAiB,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK;IACtD,6DAA6D;IAC7D,SAAS,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,YAAY,EAAE,OAAO,CAAA;IACrB,wEAAwE;IACxE,oBAAoB,EAAE,MAAM,IAAI,CAAA;CACjC,CAAA;AACD,eAAO,MAAM,gBAAgB,EAAE,iBA2C9B,CAAA"}
+{"version":3,"file":"useDelayedRender.d.ts","sourceRoot":"","sources":["../../src/hooks/useDelayedRender.ts"],"names":[],"mappings":"AAIA,KAAK,kBAAkB,GAAG;IACxB,0DAA0D;IAC1D,eAAe,EAAE,MAAM,CAAA;IACvB,iFAAiF;IACjF,SAAS,EAAE,MAAM,CAAA;IACjB,gEAAgE;IAChE,WAAW,EAAE,MAAM,CAAA;IACnB,uDAAuD;IACvD,UAAU,EAAE,MAAM,CAAA;IAClB;;SAEK;IACL,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AACD,KAAK,iBAAiB,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK;IACtD,6DAA6D;IAC7D,SAAS,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,YAAY,EAAE,OAAO,CAAA;IACrB,wEAAwE;IACxE,oBAAoB,EAAE,MAAM,IAAI,CAAA;CACjC,CAAA;AACD,eAAO,MAAM,gBAAgB,EAAE,iBA0C9B,CAAA"}

package/dist/hooks/useDelayedRender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useDelayedRender.ts"],"sourcesContent":["import * as React from 'react'\n\nimport { useDelay } from './useDelay.js'\n\ntype DelayedRenderProps = {\n  /** Time in ms to wait before \"mounting\" the component. */\n  delayBeforeShow: number\n  /** Time in ms for the \"enter\" phase of the transition, after delay completes. */\n  inTimeout: number\n  /** Min time in ms for the \"entered\" phase of the transition. */\n  minShowTime: number\n  /** Time in ms for the exit phase of the transition. */\n  outTimeout: number\n  /** `true` starts the mount process.\n   * `false` starts the unmount process.\n   * */\n  show: boolean\n}\ntype useDelayedRenderT = (props: DelayedRenderProps) => {\n  /** `true` if the component has mounted after the timeout. */\n  isMounted: boolean\n  /** `true` if the component is unmounting. */\n  isUnmounting: boolean\n  /** Call this function to trigger the timeout delay before rendering. */\n  triggerDelayedRender: () => void\n}\nexport const useDelayedRender: useDelayedRenderT = ({\n  delayBeforeShow,\n  inTimeout,\n  minShowTime,\n  outTimeout,\n  show,\n}) => {\n  const totalMountTime = inTimeout + minShowTime + outTimeout\n  const [hasDelayed, triggerDelay] = useDelay(delayBeforeShow)\n  const [isMounted, setIsMounted] = React.useState(false)\n  const [isUnmounting, setIsUnmounting] = React.useState(false)\n  const onMountTimestampRef = React.useRef(0)\n  const unmountTimeoutRef: React.MutableRefObject<NodeJS.Timeout | undefined> =\n    React.useRef(undefined)\n\n  const unmount = React.useCallback(() => {\n    setIsUnmounting(true)\n    unmountTimeoutRef.current = setTimeout(() => {\n      setIsMounted(false)\n      setIsUnmounting(false)\n    }, outTimeout)\n  }, [setIsUnmounting, outTimeout])\n\n  React.useEffect(() => {\n    const shouldMount = hasDelayed && !isMounted && show\n    const shouldUnmount = isMounted && !show\n\n    if (shouldMount) {\n      onMountTimestampRef.current = Date.now()\n      setIsMounted(true)\n    } else if (shouldUnmount) {\n      const totalTimeMounted = Date.now() - onMountTimestampRef.current\n      const remainingTime = totalMountTime - totalTimeMounted\n      clearTimeout(unmountTimeoutRef.current)\n      unmountTimeoutRef.current = setTimeout(unmount, Math.max(0, remainingTime))\n    }\n  }, [isMounted, show, unmount, totalMountTime, hasDelayed])\n\n  return {\n    isMounted,\n    isUnmounting,\n    triggerDelayedRender: triggerDelay,\n  }\n}\n"],"names":["React","useDelay","useDelayedRender","delayBeforeShow","inTimeout","minShowTime","outTimeout","show","totalMountTime","hasDelayed","triggerDelay","isMounted","setIsMounted","useState","isUnmounting","setIsUnmounting","onMountTimestampRef","useRef","unmountTimeoutRef","undefined","unmount","useCallback","current","setTimeout","useEffect","shouldMount","shouldUnmount","Date","now","totalTimeMounted","remainingTime","clearTimeout","Math","max","triggerDelayedRender"],"mappings":"AAAA,YAAYA,WAAW,QAAO;AAE9B,SAASC,QAAQ,QAAQ,gBAAe;AAwBxC,OAAO,MAAMC,mBAAsC,CAAC,EAClDC,eAAe,EACfC,SAAS,EACTC,WAAW,EACXC,UAAU,EACVC,IAAI,EACL;IACC,MAAMC,iBAAiBJ,YAAYC,cAAcC;IACjD,MAAM,CAACG,YAAYC,aAAa,GAAGT,SAASE;IAC5C,MAAM,CAACQ,WAAWC,aAAa,GAAGZ,MAAMa,QAAQ,CAAC;IACjD,MAAM,CAACC,cAAcC,gBAAgB,GAAGf,MAAMa,QAAQ,CAAC;IACvD,MAAMG,sBAAsBhB,MAAMiB,MAAM,CAAC;IACzC,MAAMC,oBACJlB,MAAMiB,MAAM,CAACE;IAEf,MAAMC,UAAUpB,MAAMqB,WAAW,CAAC;QAChCN,gBAAgB;QAChBG,kBAAkBI,OAAO,GAAGC,WAAW;YACrCX,aAAa;YACbG,gBAAgB;QAClB,GAAGT;IACL,GAAG;QAACS;QAAiBT;KAAW;IAEhCN,MAAMwB,SAAS,CAAC;QACd,MAAMC,cAAchB,cAAc,CAACE,aAAaJ;QAChD,MAAMmB,gBAAgBf,aAAa,CAACJ;QAEpC,IAAIkB,aAAa;YACfT,oBAAoBM,OAAO,GAAGK,KAAKC,GAAG;YACtChB,aAAa;QACf,OAAO,IAAIc,eAAe;YACxB,MAAMG,mBAAmBF,KAAKC,GAAG,KAAKZ,oBAAoBM,OAAO;YACjE,MAAMQ,gBAAgBtB,iBAAiBqB;YACvCE,aAAab,kBAAkBI,OAAO;YACtCJ,kBAAkBI,OAAO,GAAGC,WAAWH,SAASY,KAAKC,GAAG,CAAC,GAAGH;QAC9D;IACF,GAAG;QAACnB;QAAWJ;QAAMa;QAASZ;QAAgBC;KAAW;IAEzD,OAAO;QACLE;QACAG;QACAoB,sBAAsBxB;IACxB;AACF,EAAC"}
+{"version":3,"sources":["../../src/hooks/useDelayedRender.ts"],"sourcesContent":["import * as React from 'react'\n\nimport { useDelay } from './useDelay.js'\n\ntype DelayedRenderProps = {\n  /** Time in ms to wait before \"mounting\" the component. */\n  delayBeforeShow: number\n  /** Time in ms for the \"enter\" phase of the transition, after delay completes. */\n  inTimeout: number\n  /** Min time in ms for the \"entered\" phase of the transition. */\n  minShowTime: number\n  /** Time in ms for the exit phase of the transition. */\n  outTimeout: number\n  /** `true` starts the mount process.\n   * `false` starts the unmount process.\n   * */\n  show: boolean\n}\ntype useDelayedRenderT = (props: DelayedRenderProps) => {\n  /** `true` if the component has mounted after the timeout. */\n  isMounted: boolean\n  /** `true` if the component is unmounting. */\n  isUnmounting: boolean\n  /** Call this function to trigger the timeout delay before rendering. */\n  triggerDelayedRender: () => void\n}\nexport const useDelayedRender: useDelayedRenderT = ({\n  delayBeforeShow,\n  inTimeout,\n  minShowTime,\n  outTimeout,\n  show,\n}) => {\n  const totalMountTime = inTimeout + minShowTime + outTimeout\n  const [hasDelayed, triggerDelay] = useDelay(delayBeforeShow)\n  const [isMounted, setIsMounted] = React.useState(false)\n  const [isUnmounting, setIsUnmounting] = React.useState(false)\n  const onMountTimestampRef = React.useRef(0)\n  const unmountTimeoutRef: React.RefObject<NodeJS.Timeout | undefined> = React.useRef(undefined)\n\n  const unmount = React.useCallback(() => {\n    setIsUnmounting(true)\n    unmountTimeoutRef.current = setTimeout(() => {\n      setIsMounted(false)\n      setIsUnmounting(false)\n    }, outTimeout)\n  }, [setIsUnmounting, outTimeout])\n\n  React.useEffect(() => {\n    const shouldMount = hasDelayed && !isMounted && show\n    const shouldUnmount = isMounted && !show\n\n    if (shouldMount) {\n      onMountTimestampRef.current = Date.now()\n      setIsMounted(true)\n    } else if (shouldUnmount) {\n      const totalTimeMounted = Date.now() - onMountTimestampRef.current\n      const remainingTime = totalMountTime - totalTimeMounted\n      clearTimeout(unmountTimeoutRef.current)\n      unmountTimeoutRef.current = setTimeout(unmount, Math.max(0, remainingTime))\n    }\n  }, [isMounted, show, unmount, totalMountTime, hasDelayed])\n\n  return {\n    isMounted,\n    isUnmounting,\n    triggerDelayedRender: triggerDelay,\n  }\n}\n"],"names":["React","useDelay","useDelayedRender","delayBeforeShow","inTimeout","minShowTime","outTimeout","show","totalMountTime","hasDelayed","triggerDelay","isMounted","setIsMounted","useState","isUnmounting","setIsUnmounting","onMountTimestampRef","useRef","unmountTimeoutRef","undefined","unmount","useCallback","current","setTimeout","useEffect","shouldMount","shouldUnmount","Date","now","totalTimeMounted","remainingTime","clearTimeout","Math","max","triggerDelayedRender"],"mappings":"AAAA,YAAYA,WAAW,QAAO;AAE9B,SAASC,QAAQ,QAAQ,gBAAe;AAwBxC,OAAO,MAAMC,mBAAsC,CAAC,EAClDC,eAAe,EACfC,SAAS,EACTC,WAAW,EACXC,UAAU,EACVC,IAAI,EACL;IACC,MAAMC,iBAAiBJ,YAAYC,cAAcC;IACjD,MAAM,CAACG,YAAYC,aAAa,GAAGT,SAASE;IAC5C,MAAM,CAACQ,WAAWC,aAAa,GAAGZ,MAAMa,QAAQ,CAAC;IACjD,MAAM,CAACC,cAAcC,gBAAgB,GAAGf,MAAMa,QAAQ,CAAC;IACvD,MAAMG,sBAAsBhB,MAAMiB,MAAM,CAAC;IACzC,MAAMC,oBAAiElB,MAAMiB,MAAM,CAACE;IAEpF,MAAMC,UAAUpB,MAAMqB,WAAW,CAAC;QAChCN,gBAAgB;QAChBG,kBAAkBI,OAAO,GAAGC,WAAW;YACrCX,aAAa;YACbG,gBAAgB;QAClB,GAAGT;IACL,GAAG;QAACS;QAAiBT;KAAW;IAEhCN,MAAMwB,SAAS,CAAC;QACd,MAAMC,cAAchB,cAAc,CAACE,aAAaJ;QAChD,MAAMmB,gBAAgBf,aAAa,CAACJ;QAEpC,IAAIkB,aAAa;YACfT,oBAAoBM,OAAO,GAAGK,KAAKC,GAAG;YACtChB,aAAa;QACf,OAAO,IAAIc,eAAe;YACxB,MAAMG,mBAAmBF,KAAKC,GAAG,KAAKZ,oBAAoBM,OAAO;YACjE,MAAMQ,gBAAgBtB,iBAAiBqB;YACvCE,aAAab,kBAAkBI,OAAO;YACtCJ,kBAAkBI,OAAO,GAAGC,WAAWH,SAASY,KAAKC,GAAG,CAAC,GAAGH;QAC9D;IACF,GAAG;QAACnB;QAAWJ;QAAMa;QAASZ;QAAgBC;KAAW;IAEzD,OAAO;QACLE;QACAG;QACAoB,sBAAsBxB;IACxB;AACF,EAAC"}