@payloadcms/ui 3.0.0-beta.37 → 3.0.0-beta.38

package/dist/forms/RenderFields/index.js

@@ -11,7 +11,7 @@ export const RenderFields = (props)=>{
     const [hasRendered, setHasRendered] = React.useState(Boolean(forceRender));
     const [intersectionRef, entry] = useIntersect({
         rootMargin: '1000px'
-    }, forceRender);
+    }, Boolean(forceRender));
     const isIntersecting = Boolean(entry?.isIntersecting);
     const isAboveViewport = entry?.boundingClientRect?.top < 0;
     const shouldRender = forceRender || isIntersecting || isAboveViewport;
@@ -41,12 +41,16 @@ export const RenderFields = (props)=>{
             ref: intersectionRef,
             children: hasRendered && fieldMap?.map((f, fieldIndex)=>{
                 const { type, CustomField, custom, disabled, fieldComponentProps, fieldComponentProps: { readOnly }, isHidden } = f;
+                const forceRenderChildren = typeof forceRender === 'number' && fieldIndex <= forceRender || true;
                 const name = 'name' in f ? f.name : undefined;
                 return /*#__PURE__*/ _jsx(RenderField, {
                     CustomField: CustomField,
                     custom: custom,
                     disabled: disabled,
-                    fieldComponentProps: fieldComponentProps,
+                    fieldComponentProps: {
+                        ...fieldComponentProps,
+                        forceRender: forceRenderChildren
+                    },
                     indexPath: indexPath !== undefined ? `${indexPath}.${fieldIndex}` : `${fieldIndex}`,
                     isHidden: isHidden,
                     name: name,

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    forceRender,\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 name = 'name' in f ? f.name : undefined\n\n            return (\n              <RenderField\n                CustomField={CustomField}\n                custom={custom}\n                disabled={disabled}\n                fieldComponentProps={fieldComponentProps}\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","name","undefined","siblingPermissions"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAIzB,SAASC,YAAY,QAAQ,8BAA6B;AAC1D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,WAAW,QAAQ,mBAAkB;AAG9C,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,GACAb;IAEF,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,OAAO,UAAUT,IAAIA,EAAES,IAAI,GAAGC;gBAEpC,qBACE,KAAC9C;oBACCuC,aAAaA;oBACbC,QAAQA;oBACRC,UAAUA;oBACVC,qBAAqBA;oBACrBnC,WAAWA,cAAcuC,YAAY,CAAC,EAAEvC,UAAU,CAAC,EAAE8B,WAAW,CAAC,GAAG,CAAC,EAAEA,WAAW,CAAC;oBACnFO,UAAUA;oBAEVC,MAAMA;oBACNpC,MAAMA;oBACNC,aAAaA,aAAa,CAACmC,KAAK;oBAChCF,UAAUA;oBACVhC,YAAYA;oBACZoC,oBAAoBrC;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, 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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAIzB,SAASC,YAAY,QAAQ,8BAA6B;AAC1D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,WAAW,QAAQ,mBAAkB;AAG9C,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"}

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

@@ -3,7 +3,14 @@ import type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/ty
 export type Props = {
     className?: string;
     fieldMap: FieldMap;
-    forceRender?: boolean;
+    /**
+     * Controls the rendering behavior of the fields, i.e. defers rendering until they intersect with the viewport using the Intersection Observer API.
+     *
+     * If true, the fields will be rendered immediately, rather than waiting for them to intersect with the viewport.
+     *
+     * If a number is provided, will immediately render fields _up to that index_.
+     */
+    forceRender?: boolean | number;
     indexPath?: string;
     margins?: 'small' | false;
     operation?: Operation;

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,gBAAgB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAEhE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAA;AAEvF,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,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,gBAAgB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAEhE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAA;AAEvF,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"}

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

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

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

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

package/dist/forms/Submit/index.js

@@ -2,13 +2,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { forwardRef } from 'react';
 import { Button } from '../../elements/Button/index.js';
-import { useForm, useFormProcessing } from '../Form/context.js';
+import { useForm, useFormInitializing, useFormProcessing } from '../Form/context.js';
 const baseClass = 'form-submit';
 export const FormSubmit = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { type = 'submit', buttonId: id, children, disabled: disabledFromProps } = props;
     const processing = useFormProcessing();
+    const initializing = useFormInitializing();
     const { disabled } = useForm();
-    const canSave = !(disabledFromProps || processing || disabled);
+    const canSave = !(disabledFromProps || initializing || processing || disabled);
     return /*#__PURE__*/ _jsx("div", {
         className: baseClass,
         children: /*#__PURE__*/ _jsx(Button, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/Submit/index.tsx"],"sourcesContent":["'use client'\nimport React, { forwardRef } from 'react'\n\nimport type { Props } from '../../elements/Button/types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { useForm, useFormProcessing } from '../Form/context.js'\nimport './index.scss'\n\nconst baseClass = 'form-submit'\n\nexport const FormSubmit = forwardRef<HTMLButtonElement, Props>((props, ref) => {\n  const { type = 'submit', buttonId: id, children, disabled: disabledFromProps } = props\n  const processing = useFormProcessing()\n  const { disabled } = useForm()\n\n  const canSave = !(disabledFromProps || processing || disabled)\n\n  return (\n    <div className={baseClass}>\n      <Button ref={ref} {...props} disabled={canSave ? undefined : true} id={id} type={type}>\n        {children}\n      </Button>\n    </div>\n  )\n})\n"],"names":["React","forwardRef","Button","useForm","useFormProcessing","baseClass","FormSubmit","props","ref","type","buttonId","id","children","disabled","disabledFromProps","processing","canSave","div","className","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,SAASC,UAAU,QAAQ,QAAO;AAIzC,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,OAAO,EAAEC,iBAAiB,QAAQ,qBAAoB;AAG/D,MAAMC,YAAY;AAElB,OAAO,MAAMC,2BAAaL,WAAqC,CAACM,OAAOC;IACrE,MAAM,EAAEC,OAAO,QAAQ,EAAEC,UAAUC,EAAE,EAAEC,QAAQ,EAAEC,UAAUC,iBAAiB,EAAE,GAAGP;IACjF,MAAMQ,aAAaX;IACnB,MAAM,EAAES,QAAQ,EAAE,GAAGV;IAErB,MAAMa,UAAU,CAAEF,CAAAA,qBAAqBC,cAAcF,QAAO;IAE5D,qBACE,KAACI;QAAIC,WAAWb;kBACd,cAAA,KAACH;YAAOM,KAAKA;YAAM,GAAGD,KAAK;YAAEM,UAAUG,UAAUG,YAAY;YAAMR,IAAIA;YAAIF,MAAMA;sBAC9EG;;;AAIT,GAAE"}
+{"version":3,"sources":["../../../src/forms/Submit/index.tsx"],"sourcesContent":["'use client'\nimport React, { forwardRef } from 'react'\n\nimport type { Props } from '../../elements/Button/types.js'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { useForm, useFormInitializing, useFormProcessing } from '../Form/context.js'\nimport './index.scss'\n\nconst baseClass = 'form-submit'\n\nexport const FormSubmit = forwardRef<HTMLButtonElement, Props>((props, ref) => {\n  const { type = 'submit', buttonId: id, children, disabled: disabledFromProps } = props\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n  const { disabled } = useForm()\n\n  const canSave = !(disabledFromProps || initializing || processing || disabled)\n\n  return (\n    <div className={baseClass}>\n      <Button ref={ref} {...props} disabled={canSave ? undefined : true} id={id} type={type}>\n        {children}\n      </Button>\n    </div>\n  )\n})\n"],"names":["React","forwardRef","Button","useForm","useFormInitializing","useFormProcessing","baseClass","FormSubmit","props","ref","type","buttonId","id","children","disabled","disabledFromProps","processing","initializing","canSave","div","className","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,SAASC,UAAU,QAAQ,QAAO;AAIzC,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,OAAO,EAAEC,mBAAmB,EAAEC,iBAAiB,QAAQ,qBAAoB;AAGpF,MAAMC,YAAY;AAElB,OAAO,MAAMC,2BAAaN,WAAqC,CAACO,OAAOC;IACrE,MAAM,EAAEC,OAAO,QAAQ,EAAEC,UAAUC,EAAE,EAAEC,QAAQ,EAAEC,UAAUC,iBAAiB,EAAE,GAAGP;IACjF,MAAMQ,aAAaX;IACnB,MAAMY,eAAeb;IACrB,MAAM,EAAEU,QAAQ,EAAE,GAAGX;IAErB,MAAMe,UAAU,CAAEH,CAAAA,qBAAqBE,gBAAgBD,cAAcF,QAAO;IAE5E,qBACE,KAACK;QAAIC,WAAWd;kBACd,cAAA,KAACJ;YAAOO,KAAKA;YAAM,GAAGD,KAAK;YAAEM,UAAUI,UAAUG,YAAY;YAAMT,IAAIA;YAAIF,MAAMA;sBAC9EG;;;AAIT,GAAE"}

package/dist/forms/buildStateFromSchema/calculateDefaultValues/index.d.ts

@@ -1,11 +1,13 @@
-import type { Data, Field as FieldSchema, PayloadRequestWithData } from 'payload/types';
+import type { User } from 'payload/auth';
+import type { Data, Field as FieldSchema } from 'payload/types';
 type Args = {
     data: Data;
     fields: FieldSchema[];
     id?: number | string;
-    req: PayloadRequestWithData;
+    locale: string | undefined;
     siblingData: Data;
+    user: User;
 };
-export declare const calculateDefaultValues: ({ id, data, fields, req }: Args) => Promise<Data>;
+export declare const calculateDefaultValues: ({ id, data, fields, locale, user, }: Args) => Promise<Data>;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/forms/buildStateFromSchema/calculateDefaultValues/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/buildStateFromSchema/calculateDefaultValues/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,WAAW,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAIvF,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,IAAI,CAAA;IACV,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,GAAG,EAAE,sBAAsB,CAAA;IAC3B,WAAW,EAAE,IAAI,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,sBAAsB,8BAAqC,IAAI,KAAG,QAAQ,IAAI,CAU1F,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/buildStateFromSchema/calculateDefaultValues/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AAI/D,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,IAAI,CAAA;IACV,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,WAAW,EAAE,IAAI,CAAA;IACjB,IAAI,EAAE,IAAI,CAAA;CACX,CAAA;AAED,eAAO,MAAM,sBAAsB,wCAMhC,IAAI,KAAG,QAAQ,IAAI,CAWrB,CAAA"}

package/dist/forms/buildStateFromSchema/calculateDefaultValues/index.js

@@ -1,11 +1,12 @@
 import { iterateFields } from './iterateFields.js';
-export const calculateDefaultValues = async ({ id, data, fields, req })=>{
+export const calculateDefaultValues = async ({ id, data, fields, locale, user })=>{
     await iterateFields({
         id,
         data,
         fields,
-        req,
-        siblingData: data
+        locale,
+        siblingData: data,
+        user
     });
     return data;
 };

package/dist/forms/buildStateFromSchema/calculateDefaultValues/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/forms/buildStateFromSchema/calculateDefaultValues/index.ts"],"sourcesContent":["import type { Data, Field as FieldSchema, PayloadRequestWithData } from 'payload/types'\n\nimport { iterateFields } from './iterateFields.js'\n\ntype Args = {\n  data: Data\n  fields: FieldSchema[]\n  id?: number | string\n  req: PayloadRequestWithData\n  siblingData: Data\n}\n\nexport const calculateDefaultValues = async ({ id, data, fields, req }: Args): Promise<Data> => {\n  await iterateFields({\n    id,\n    data,\n    fields,\n    req,\n    siblingData: data,\n  })\n\n  return data\n}\n"],"names":["iterateFields","calculateDefaultValues","id","data","fields","req","siblingData"],"rangeMappings":";;;;;;;;;;","mappings":"AAEA,SAASA,aAAa,QAAQ,qBAAoB;AAUlD,OAAO,MAAMC,yBAAyB,OAAO,EAAEC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,GAAG,EAAQ;IAC1E,MAAML,cAAc;QAClBE;QACAC;QACAC;QACAC;QACAC,aAAaH;IACf;IAEA,OAAOA;AACT,EAAC"}
+{"version":3,"sources":["../../../../src/forms/buildStateFromSchema/calculateDefaultValues/index.ts"],"sourcesContent":["import type { User } from 'payload/auth'\nimport type { Data, Field as FieldSchema } from 'payload/types'\n\nimport { iterateFields } from './iterateFields.js'\n\ntype Args = {\n  data: Data\n  fields: FieldSchema[]\n  id?: number | string\n  locale: string | undefined\n  siblingData: Data\n  user: User\n}\n\nexport const calculateDefaultValues = async ({\n  id,\n  data,\n  fields,\n  locale,\n  user,\n}: Args): Promise<Data> => {\n  await iterateFields({\n    id,\n    data,\n    fields,\n    locale,\n    siblingData: data,\n    user,\n  })\n\n  return data\n}\n"],"names":["iterateFields","calculateDefaultValues","id","data","fields","locale","user","siblingData"],"rangeMappings":";;;;;;;;;;;","mappings":"AAGA,SAASA,aAAa,QAAQ,qBAAoB;AAWlD,OAAO,MAAMC,yBAAyB,OAAO,EAC3CC,EAAE,EACFC,IAAI,EACJC,MAAM,EACNC,MAAM,EACNC,IAAI,EACC;IACL,MAAMN,cAAc;QAClBE;QACAC;QACAC;QACAC;QACAE,aAAaJ;QACbG;IACF;IAEA,OAAOH;AACT,EAAC"}

package/dist/forms/buildStateFromSchema/calculateDefaultValues/iterateFields.d.ts

@@ -1,11 +1,13 @@
-import type { Data, Field, PayloadRequestWithData, TabAsField } from 'payload/types';
+import type { User } from 'payload/auth';
+import type { Data, Field, TabAsField } from 'payload/types';
 type Args<T> = {
     data: T;
     fields: (Field | TabAsField)[];
     id?: number | string;
-    req: PayloadRequestWithData;
+    locale: string | undefined;
     siblingData: Data;
+    user: User;
 };
-export declare const iterateFields: <T>({ id, data, fields, req, siblingData, }: Args<T>) => Promise<void>;
+export declare const iterateFields: <T>({ id, data, fields, locale, siblingData, user, }: Args<T>) => Promise<void>;
 export {};
 //# sourceMappingURL=iterateFields.d.ts.map

package/dist/forms/buildStateFromSchema/calculateDefaultValues/iterateFields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"iterateFields.d.ts","sourceRoot":"","sources":["../../../../src/forms/buildStateFromSchema/calculateDefaultValues/iterateFields.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,sBAAsB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAIpF,KAAK,IAAI,CAAC,CAAC,IAAI;IACb,IAAI,EAAE,CAAC,CAAA;IACP,MAAM,EAAE,CAAC,KAAK,GAAG,UAAU,CAAC,EAAE,CAAA;IAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,GAAG,EAAE,sBAAsB,CAAA;IAC3B,WAAW,EAAE,IAAI,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,aAAa,+CAMvB,KAAK,CAAC,CAAC,KAAG,QAAQ,IAAI,CAcxB,CAAA"}
+{"version":3,"file":"iterateFields.d.ts","sourceRoot":"","sources":["../../../../src/forms/buildStateFromSchema/calculateDefaultValues/iterateFields.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI5D,KAAK,IAAI,CAAC,CAAC,IAAI;IACb,IAAI,EAAE,CAAC,CAAA;IACP,MAAM,EAAE,CAAC,KAAK,GAAG,UAAU,CAAC,EAAE,CAAA;IAC9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,WAAW,EAAE,IAAI,CAAA;IACjB,IAAI,EAAE,IAAI,CAAA;CACX,CAAA;AAED,eAAO,MAAM,aAAa,wDAOvB,KAAK,CAAC,CAAC,KAAG,QAAQ,IAAI,CAexB,CAAA"}

package/dist/forms/buildStateFromSchema/calculateDefaultValues/iterateFields.js

@@ -1,13 +1,14 @@
 import { defaultValuePromise } from './promise.js';
-export const iterateFields = async ({ id, data, fields, req, siblingData })=>{
+export const iterateFields = async ({ id, data, fields, locale, siblingData, user })=>{
     const promises = [];
     fields.forEach((field)=>{
         promises.push(defaultValuePromise({
             id,
             data,
             field,
-            req,
-            siblingData
+            locale,
+            siblingData,
+            user
         }));
     });
     await Promise.all(promises);

package/dist/forms/buildStateFromSchema/calculateDefaultValues/iterateFields.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/forms/buildStateFromSchema/calculateDefaultValues/iterateFields.ts"],"sourcesContent":["import type { Data, Field, PayloadRequestWithData, TabAsField } from 'payload/types'\n\nimport { defaultValuePromise } from './promise.js'\n\ntype Args<T> = {\n  data: T\n  fields: (Field | TabAsField)[]\n  id?: number | string\n  req: PayloadRequestWithData\n  siblingData: Data\n}\n\nexport const iterateFields = async <T>({\n  id,\n  data,\n  fields,\n  req,\n  siblingData,\n}: Args<T>): Promise<void> => {\n  const promises = []\n  fields.forEach((field) => {\n    promises.push(\n      defaultValuePromise({\n        id,\n        data,\n        field,\n        req,\n        siblingData,\n      }),\n    )\n  })\n  await Promise.all(promises)\n}\n"],"names":["defaultValuePromise","iterateFields","id","data","fields","req","siblingData","promises","forEach","field","push","Promise","all"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAEA,SAASA,mBAAmB,QAAQ,eAAc;AAUlD,OAAO,MAAMC,gBAAgB,OAAU,EACrCC,EAAE,EACFC,IAAI,EACJC,MAAM,EACNC,GAAG,EACHC,WAAW,EACH;IACR,MAAMC,WAAW,EAAE;IACnBH,OAAOI,OAAO,CAAC,CAACC;QACdF,SAASG,IAAI,CACXV,oBAAoB;YAClBE;YACAC;YACAM;YACAJ;YACAC;QACF;IAEJ;IACA,MAAMK,QAAQC,GAAG,CAACL;AACpB,EAAC"}
+{"version":3,"sources":["../../../../src/forms/buildStateFromSchema/calculateDefaultValues/iterateFields.ts"],"sourcesContent":["import type { User } from 'payload/auth'\nimport type { Data, Field, TabAsField } from 'payload/types'\n\nimport { defaultValuePromise } from './promise.js'\n\ntype Args<T> = {\n  data: T\n  fields: (Field | TabAsField)[]\n  id?: number | string\n  locale: string | undefined\n  siblingData: Data\n  user: User\n}\n\nexport const iterateFields = async <T>({\n  id,\n  data,\n  fields,\n  locale,\n  siblingData,\n  user,\n}: Args<T>): Promise<void> => {\n  const promises = []\n  fields.forEach((field) => {\n    promises.push(\n      defaultValuePromise({\n        id,\n        data,\n        field,\n        locale,\n        siblingData,\n        user,\n      }),\n    )\n  })\n  await Promise.all(promises)\n}\n"],"names":["defaultValuePromise","iterateFields","id","data","fields","locale","siblingData","user","promises","forEach","field","push","Promise","all"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAGA,SAASA,mBAAmB,QAAQ,eAAc;AAWlD,OAAO,MAAMC,gBAAgB,OAAU,EACrCC,EAAE,EACFC,IAAI,EACJC,MAAM,EACNC,MAAM,EACNC,WAAW,EACXC,IAAI,EACI;IACR,MAAMC,WAAW,EAAE;IACnBJ,OAAOK,OAAO,CAAC,CAACC;QACdF,SAASG,IAAI,CACXX,oBAAoB;YAClBE;YACAC;YACAO;YACAL;YACAC;YACAC;QACF;IAEJ;IACA,MAAMK,QAAQC,GAAG,CAACL;AACpB,EAAC"}

package/dist/forms/buildStateFromSchema/calculateDefaultValues/promise.d.ts

@@ -1,12 +1,14 @@
+import type { User } from 'payload/auth';
 import type { Data } from 'payload/types';
-import { type Field, type PayloadRequestWithData, type TabAsField } from 'payload/types';
+import { type Field, type TabAsField } from 'payload/types';
 type Args<T> = {
     data: T;
     field: Field | TabAsField;
     id?: number | string;
-    req: PayloadRequestWithData;
+    locale: string | undefined;
     siblingData: Data;
+    user: User;
 };
-export declare const defaultValuePromise: <T>({ id, data, field, req, siblingData, }: Args<T>) => Promise<void>;
+export declare const defaultValuePromise: <T>({ id, data, field, locale, siblingData, user, }: Args<T>) => Promise<void>;
 export {};
 //# sourceMappingURL=promise.d.ts.map

package/dist/forms/buildStateFromSchema/calculateDefaultValues/promise.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"promise.d.ts","sourceRoot":"","sources":["../../../../src/forms/buildStateFromSchema/calculateDefaultValues/promise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEzC,OAAO,EACL,KAAK,KAAK,EACV,KAAK,sBAAsB,EAC3B,KAAK,UAAU,EAGhB,MAAM,eAAe,CAAA;AAKtB,KAAK,IAAI,CAAC,CAAC,IAAI;IACb,IAAI,EAAE,CAAC,CAAA;IACP,KAAK,EAAE,KAAK,GAAG,UAAU,CAAA;IACzB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,GAAG,EAAE,sBAAsB,CAAA;IAC3B,WAAW,EAAE,IAAI,CAAA;CAClB,CAAA;AAGD,eAAO,MAAM,mBAAmB,8CAM7B,KAAK,CAAC,CAAC,KAAG,QAAQ,IAAI,CAqIxB,CAAA"}
+{"version":3,"file":"promise.d.ts","sourceRoot":"","sources":["../../../../src/forms/buildStateFromSchema/calculateDefaultValues/promise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEzC,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,UAAU,EAAgC,MAAM,eAAe,CAAA;AAKzF,KAAK,IAAI,CAAC,CAAC,IAAI;IACb,IAAI,EAAE,CAAC,CAAA;IACP,KAAK,EAAE,KAAK,GAAG,UAAU,CAAA;IACzB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,WAAW,EAAE,IAAI,CAAA;IACjB,IAAI,EAAE,IAAI,CAAA;CACX,CAAA;AAGD,eAAO,MAAM,mBAAmB,uDAO7B,KAAK,CAAC,CAAC,KAAG,QAAQ,IAAI,CA2IxB,CAAA"}

package/dist/forms/buildStateFromSchema/calculateDefaultValues/promise.js

@@ -2,13 +2,13 @@ import { fieldAffectsData, tabHasName } from 'payload/types';
 import { getDefaultValue } from 'payload/utilities';
 import { iterateFields } from './iterateFields.js';
 // TODO: Make this works for rich text subfields
-export const defaultValuePromise = async ({ id, data, field, req, siblingData })=>{
+export const defaultValuePromise = async ({ id, data, field, locale, siblingData, user })=>{
     if (fieldAffectsData(field)) {
         if (typeof siblingData[field.name] === 'undefined' && typeof field.defaultValue !== 'undefined') {
             siblingData[field.name] = await getDefaultValue({
                 defaultValue: field.defaultValue,
-                locale: req.locale,
-                user: req.user,
+                locale,
+                user,
                 value: siblingData[field.name]
             });
         }
@@ -23,8 +23,9 @@ export const defaultValuePromise = async ({ id, data, field, req, siblingData })
                     id,
                     data,
                     fields: field.fields,
-                    req,
-                    siblingData: groupData
+                    locale,
+                    siblingData: groupData,
+                    user
                 });
                 break;
             }
@@ -38,8 +39,9 @@ export const defaultValuePromise = async ({ id, data, field, req, siblingData })
                             id,
                             data,
                             fields: field.fields,
-                            req,
-                            siblingData: row
+                            locale,
+                            siblingData: row,
+                            user
                         }));
                     });
                     await Promise.all(promises);
@@ -60,8 +62,9 @@ export const defaultValuePromise = async ({ id, data, field, req, siblingData })
                                 id,
                                 data,
                                 fields: block.fields,
-                                req,
-                                siblingData: row
+                                locale,
+                                siblingData: row,
+                                user
                             }));
                         }
                     });
@@ -76,8 +79,9 @@ export const defaultValuePromise = async ({ id, data, field, req, siblingData })
                     id,
                     data,
                     fields: field.fields,
-                    req,
-                    siblingData
+                    locale,
+                    siblingData,
+                    user
                 });
                 break;
             }
@@ -94,8 +98,9 @@ export const defaultValuePromise = async ({ id, data, field, req, siblingData })
                     id,
                     data,
                     fields: field.fields,
-                    req,
-                    siblingData: tabSiblingData
+                    locale,
+                    siblingData: tabSiblingData,
+                    user
                 });
                 break;
             }
@@ -108,8 +113,9 @@ export const defaultValuePromise = async ({ id, data, field, req, siblingData })
                             ...tab,
                             type: 'tab'
                         })),
-                    req,
-                    siblingData
+                    locale,
+                    siblingData,
+                    user
                 });
                 break;
             }

package/dist/forms/buildStateFromSchema/calculateDefaultValues/promise.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/forms/buildStateFromSchema/calculateDefaultValues/promise.ts"],"sourcesContent":["import type { Data } from 'payload/types'\n\nimport {\n  type Field,\n  type PayloadRequestWithData,\n  type TabAsField,\n  fieldAffectsData,\n  tabHasName,\n} from 'payload/types'\nimport { getDefaultValue } from 'payload/utilities'\n\nimport { iterateFields } from './iterateFields.js'\n\ntype Args<T> = {\n  data: T\n  field: Field | TabAsField\n  id?: number | string\n  req: PayloadRequestWithData\n  siblingData: Data\n}\n\n// TODO: Make this works for rich text subfields\nexport const defaultValuePromise = async <T>({\n  id,\n  data,\n  field,\n  req,\n  siblingData,\n}: Args<T>): Promise<void> => {\n  if (fieldAffectsData(field)) {\n    if (\n      typeof siblingData[field.name] === 'undefined' &&\n      typeof field.defaultValue !== 'undefined'\n    ) {\n      siblingData[field.name] = await getDefaultValue({\n        defaultValue: field.defaultValue,\n        locale: req.locale,\n        user: req.user,\n        value: siblingData[field.name],\n      })\n    }\n  }\n\n  // Traverse subfields\n  switch (field.type) {\n    case 'group': {\n      if (typeof siblingData[field.name] !== 'object') siblingData[field.name] = {}\n\n      const groupData = siblingData[field.name] as Record<string, unknown>\n\n      await iterateFields({\n        id,\n        data,\n        fields: field.fields,\n        req,\n        siblingData: groupData,\n      })\n\n      break\n    }\n\n    case 'array': {\n      const rows = siblingData[field.name]\n\n      if (Array.isArray(rows)) {\n        const promises = []\n        rows.forEach((row) => {\n          promises.push(\n            iterateFields({\n              id,\n              data,\n              fields: field.fields,\n              req,\n              siblingData: row,\n            }),\n          )\n        })\n        await Promise.all(promises)\n      }\n      break\n    }\n\n    case 'blocks': {\n      const rows = siblingData[field.name]\n\n      if (Array.isArray(rows)) {\n        const promises = []\n        rows.forEach((row) => {\n          const blockTypeToMatch = row.blockType\n          const block = field.blocks.find((blockType) => blockType.slug === blockTypeToMatch)\n\n          if (block) {\n            row.blockType = blockTypeToMatch\n\n            promises.push(\n              iterateFields({\n                id,\n                data,\n                fields: block.fields,\n                req,\n                siblingData: row,\n              }),\n            )\n          }\n        })\n        await Promise.all(promises)\n      }\n\n      break\n    }\n\n    case 'row':\n    case 'collapsible': {\n      await iterateFields({\n        id,\n        data,\n        fields: field.fields,\n        req,\n        siblingData,\n      })\n\n      break\n    }\n\n    case 'tab': {\n      let tabSiblingData\n      if (tabHasName(field)) {\n        if (typeof siblingData[field.name] !== 'object') siblingData[field.name] = {}\n\n        tabSiblingData = siblingData[field.name] as Record<string, unknown>\n      } else {\n        tabSiblingData = siblingData\n      }\n\n      await iterateFields({\n        id,\n        data,\n        fields: field.fields,\n        req,\n        siblingData: tabSiblingData,\n      })\n\n      break\n    }\n\n    case 'tabs': {\n      await iterateFields({\n        id,\n        data,\n        fields: field.tabs.map((tab) => ({ ...tab, type: 'tab' })),\n        req,\n        siblingData,\n      })\n\n      break\n    }\n\n    default: {\n      break\n    }\n  }\n}\n"],"names":["fieldAffectsData","tabHasName","getDefaultValue","iterateFields","defaultValuePromise","id","data","field","req","siblingData","name","defaultValue","locale","user","value","type","groupData","fields","rows","Array","isArray","promises","forEach","row","push","Promise","all","blockTypeToMatch","blockType","block","blocks","find","slug","tabSiblingData","tabs","map","tab"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/forms/buildStateFromSchema/calculateDefaultValues/promise.ts"],"sourcesContent":["import type { User } from 'payload/auth'\nimport type { Data } from 'payload/types'\n\nimport { type Field, type TabAsField, fieldAffectsData, tabHasName } from 'payload/types'\nimport { getDefaultValue } from 'payload/utilities'\n\nimport { iterateFields } from './iterateFields.js'\n\ntype Args<T> = {\n  data: T\n  field: Field | TabAsField\n  id?: number | string\n  locale: string | undefined\n  siblingData: Data\n  user: User\n}\n\n// TODO: Make this works for rich text subfields\nexport const defaultValuePromise = async <T>({\n  id,\n  data,\n  field,\n  locale,\n  siblingData,\n  user,\n}: Args<T>): Promise<void> => {\n  if (fieldAffectsData(field)) {\n    if (\n      typeof siblingData[field.name] === 'undefined' &&\n      typeof field.defaultValue !== 'undefined'\n    ) {\n      siblingData[field.name] = await getDefaultValue({\n        defaultValue: field.defaultValue,\n        locale,\n        user,\n        value: siblingData[field.name],\n      })\n    }\n  }\n\n  // Traverse subfields\n  switch (field.type) {\n    case 'group': {\n      if (typeof siblingData[field.name] !== 'object') siblingData[field.name] = {}\n\n      const groupData = siblingData[field.name] as Record<string, unknown>\n\n      await iterateFields({\n        id,\n        data,\n        fields: field.fields,\n        locale,\n        siblingData: groupData,\n        user,\n      })\n\n      break\n    }\n\n    case 'array': {\n      const rows = siblingData[field.name]\n\n      if (Array.isArray(rows)) {\n        const promises = []\n        rows.forEach((row) => {\n          promises.push(\n            iterateFields({\n              id,\n              data,\n              fields: field.fields,\n              locale,\n              siblingData: row,\n              user,\n            }),\n          )\n        })\n        await Promise.all(promises)\n      }\n      break\n    }\n\n    case 'blocks': {\n      const rows = siblingData[field.name]\n\n      if (Array.isArray(rows)) {\n        const promises = []\n        rows.forEach((row) => {\n          const blockTypeToMatch = row.blockType\n          const block = field.blocks.find((blockType) => blockType.slug === blockTypeToMatch)\n\n          if (block) {\n            row.blockType = blockTypeToMatch\n\n            promises.push(\n              iterateFields({\n                id,\n                data,\n                fields: block.fields,\n                locale,\n                siblingData: row,\n                user,\n              }),\n            )\n          }\n        })\n        await Promise.all(promises)\n      }\n\n      break\n    }\n\n    case 'row':\n    case 'collapsible': {\n      await iterateFields({\n        id,\n        data,\n        fields: field.fields,\n        locale,\n        siblingData,\n        user,\n      })\n\n      break\n    }\n\n    case 'tab': {\n      let tabSiblingData\n      if (tabHasName(field)) {\n        if (typeof siblingData[field.name] !== 'object') siblingData[field.name] = {}\n\n        tabSiblingData = siblingData[field.name] as Record<string, unknown>\n      } else {\n        tabSiblingData = siblingData\n      }\n\n      await iterateFields({\n        id,\n        data,\n        fields: field.fields,\n        locale,\n        siblingData: tabSiblingData,\n        user,\n      })\n\n      break\n    }\n\n    case 'tabs': {\n      await iterateFields({\n        id,\n        data,\n        fields: field.tabs.map((tab) => ({ ...tab, type: 'tab' })),\n        locale,\n        siblingData,\n        user,\n      })\n\n      break\n    }\n\n    default: {\n      break\n    }\n  }\n}\n"],"names":["fieldAffectsData","tabHasName","getDefaultValue","iterateFields","defaultValuePromise","id","data","field","locale","siblingData","user","name","defaultValue","value","type","groupData","fields","rows","Array","isArray","promises","forEach","row","push","Promise","all","blockTypeToMatch","blockType","block","blocks","find","slug","tabSiblingData","tabs","map","tab"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/buildStateFromSchema/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,IAAI,EACJ,mBAAmB,EACnB,KAAK,IAAI,WAAW,EACpB,SAAS,EACT,sBAAsB,EACvB,MAAM,eAAe,CAAA;AAKtB,KAAK,IAAI,GAAG;IACV,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,EAAE,WAAW,EAAE,GAAG,SAAS,CAAA;IACtC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC/B,WAAW,EAAE,mBAAmB,CAAA;IAChC,GAAG,EAAE,sBAAsB,CAAA;IAC3B,WAAW,CAAC,EAAE,IAAI,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,cAAc,CAAC,EAAE,mBAAmB,CAAA;IACpC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC/B,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,oBAAoB,SAAgB,IAAI,KAAG,QAAQ,SAAS,CAgCxE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/buildStateFromSchema/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,IAAI,EACJ,mBAAmB,EACnB,KAAK,IAAI,WAAW,EACpB,SAAS,EACT,sBAAsB,EACvB,MAAM,eAAe,CAAA;AAKtB,KAAK,IAAI,GAAG;IACV,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,EAAE,WAAW,EAAE,GAAG,SAAS,CAAA;IACtC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC/B,WAAW,EAAE,mBAAmB,CAAA;IAChC,GAAG,EAAE,sBAAsB,CAAA;IAC3B,WAAW,CAAC,EAAE,IAAI,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,cAAc,CAAC,EAAE,mBAAmB,CAAA;IACpC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC/B,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,oBAAoB,SAAgB,IAAI,KAAG,QAAQ,SAAS,CAiCxE,CAAA"}

package/dist/forms/buildStateFromSchema/index.js

@@ -8,8 +8,9 @@ export const buildStateFromSchema = async (args)=>{
             id,
             data: fullData,
             fields: fieldSchema,
-            req,
-            siblingData: fullData
+            locale: req.locale,
+            siblingData: fullData,
+            user: req.user
         });
         await iterateFields({
             id,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/buildStateFromSchema/index.tsx"],"sourcesContent":["import type {\n  Data,\n  DocumentPreferences,\n  Field as FieldSchema,\n  FormState,\n  PayloadRequestWithData,\n} from 'payload/types'\n\nimport { calculateDefaultValues } from './calculateDefaultValues/index.js'\nimport { iterateFields } from './iterateFields.js'\n\ntype Args = {\n  data?: Data\n  fieldSchema: FieldSchema[] | undefined\n  id?: number | string\n  operation?: 'create' | 'update'\n  preferences: DocumentPreferences\n  req: PayloadRequestWithData\n  siblingData?: Data\n}\n\nexport type BuildFormStateArgs = {\n  collectionSlug?: string\n  data?: Data\n  docPreferences?: DocumentPreferences\n  formState?: FormState\n  globalSlug?: string\n  id?: number | string\n  locale?: string\n  operation?: 'create' | 'update'\n  schemaPath: string\n}\n\nexport const buildStateFromSchema = async (args: Args): Promise<FormState> => {\n  const { id, data: fullData = {}, fieldSchema, operation, preferences, req } = args\n\n  if (fieldSchema) {\n    const state: FormState = {}\n\n    const dataWithDefaultValues = await calculateDefaultValues({\n      id,\n      data: fullData,\n      fields: fieldSchema,\n      req,\n      siblingData: fullData,\n    })\n\n    await iterateFields({\n      id,\n      addErrorPathToParent: null,\n      data: dataWithDefaultValues,\n      fields: fieldSchema,\n      fullData,\n      operation,\n      parentPassesCondition: true,\n      path: '',\n      preferences,\n      req,\n      state,\n    })\n\n    return state\n  }\n\n  return {}\n}\n"],"names":["calculateDefaultValues","iterateFields","buildStateFromSchema","args","id","data","fullData","fieldSchema","operation","preferences","req","state","dataWithDefaultValues","fields","siblingData","addErrorPathToParent","parentPassesCondition","path"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAQA,SAASA,sBAAsB,QAAQ,oCAAmC;AAC1E,SAASC,aAAa,QAAQ,qBAAoB;AAwBlD,OAAO,MAAMC,uBAAuB,OAAOC;IACzC,MAAM,EAAEC,EAAE,EAAEC,MAAMC,WAAW,CAAC,CAAC,EAAEC,WAAW,EAAEC,SAAS,EAAEC,WAAW,EAAEC,GAAG,EAAE,GAAGP;IAE9E,IAAII,aAAa;QACf,MAAMI,QAAmB,CAAC;QAE1B,MAAMC,wBAAwB,MAAMZ,uBAAuB;YACzDI;YACAC,MAAMC;YACNO,QAAQN;YACRG;YACAI,aAAaR;QACf;QAEA,MAAML,cAAc;YAClBG;YACAW,sBAAsB;YACtBV,MAAMO;YACNC,QAAQN;YACRD;YACAE;YACAQ,uBAAuB;YACvBC,MAAM;YACNR;YACAC;YACAC;QACF;QAEA,OAAOA;IACT;IAEA,OAAO,CAAC;AACV,EAAC"}
+{"version":3,"sources":["../../../src/forms/buildStateFromSchema/index.tsx"],"sourcesContent":["import type {\n  Data,\n  DocumentPreferences,\n  Field as FieldSchema,\n  FormState,\n  PayloadRequestWithData,\n} from 'payload/types'\n\nimport { calculateDefaultValues } from './calculateDefaultValues/index.js'\nimport { iterateFields } from './iterateFields.js'\n\ntype Args = {\n  data?: Data\n  fieldSchema: FieldSchema[] | undefined\n  id?: number | string\n  operation?: 'create' | 'update'\n  preferences: DocumentPreferences\n  req: PayloadRequestWithData\n  siblingData?: Data\n}\n\nexport type BuildFormStateArgs = {\n  collectionSlug?: string\n  data?: Data\n  docPreferences?: DocumentPreferences\n  formState?: FormState\n  globalSlug?: string\n  id?: number | string\n  locale?: string\n  operation?: 'create' | 'update'\n  schemaPath: string\n}\n\nexport const buildStateFromSchema = async (args: Args): Promise<FormState> => {\n  const { id, data: fullData = {}, fieldSchema, operation, preferences, req } = args\n\n  if (fieldSchema) {\n    const state: FormState = {}\n\n    const dataWithDefaultValues = await calculateDefaultValues({\n      id,\n      data: fullData,\n      fields: fieldSchema,\n      locale: req.locale,\n      siblingData: fullData,\n      user: req.user,\n    })\n\n    await iterateFields({\n      id,\n      addErrorPathToParent: null,\n      data: dataWithDefaultValues,\n      fields: fieldSchema,\n      fullData,\n      operation,\n      parentPassesCondition: true,\n      path: '',\n      preferences,\n      req,\n      state,\n    })\n\n    return state\n  }\n\n  return {}\n}\n"],"names":["calculateDefaultValues","iterateFields","buildStateFromSchema","args","id","data","fullData","fieldSchema","operation","preferences","req","state","dataWithDefaultValues","fields","locale","siblingData","user","addErrorPathToParent","parentPassesCondition","path"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAQA,SAASA,sBAAsB,QAAQ,oCAAmC;AAC1E,SAASC,aAAa,QAAQ,qBAAoB;AAwBlD,OAAO,MAAMC,uBAAuB,OAAOC;IACzC,MAAM,EAAEC,EAAE,EAAEC,MAAMC,WAAW,CAAC,CAAC,EAAEC,WAAW,EAAEC,SAAS,EAAEC,WAAW,EAAEC,GAAG,EAAE,GAAGP;IAE9E,IAAII,aAAa;QACf,MAAMI,QAAmB,CAAC;QAE1B,MAAMC,wBAAwB,MAAMZ,uBAAuB;YACzDI;YACAC,MAAMC;YACNO,QAAQN;YACRO,QAAQJ,IAAII,MAAM;YAClBC,aAAaT;YACbU,MAAMN,IAAIM,IAAI;QAChB;QAEA,MAAMf,cAAc;YAClBG;YACAa,sBAAsB;YACtBZ,MAAMO;YACNC,QAAQN;YACRD;YACAE;YACAU,uBAAuB;YACvBC,MAAM;YACNV;YACAC;YACAC;QACF;QAEA,OAAOA;IACT;IAEA,OAAO,CAAC;AACV,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/useField/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpD,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,CAAA;AAiBlC;;;;GAIG;AACH,eAAO,MAAM,QAAQ,eAAiB,OAAO,KAAG,UAAU,CAAC,CAkM1D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/useField/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpD,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,CAAA;AAkBlC;;;;GAIG;AACH,eAAO,MAAM,QAAQ,eAAiB,OAAO,KAAG,UAAU,CAAC,CAqM1D,CAAA"}

package/dist/forms/useField/index.js

@@ -7,7 +7,7 @@ import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useOperation } from '../../providers/Operation/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { useFieldProps } from '../FieldPropsProvider/index.js';
-import { useForm, useFormFields, useFormModified, useFormProcessing, useFormSubmitted } from '../Form/context.js';
+import { useForm, useFormFields, useFormInitializing, useFormModified, useFormProcessing, useFormSubmitted } from '../Form/context.js';
 /**
  * Get and set the value of a form field.
  *
@@ -19,6 +19,7 @@ import { useForm, useFormFields, useFormModified, useFormProcessing, useFormSubm
     const path = options.path || pathFromContext;
     const submitted = useFormSubmitted();
     const processing = useFormProcessing();
+    const initializing = useFormInitializing();
     const { user } = useAuth();
     const { id } = useDocumentInfo();
     const operation = useOperation();
@@ -85,6 +86,7 @@ import { useForm, useFormFields, useFormModified, useFormProcessing, useFormSubm
             errorMessage: field?.errorMessage,
             errorPaths: field?.errorPaths || [],
             filterOptions,
+            formInitializing: initializing,
             formProcessing: processing,
             formSubmitted: submitted,
             initialValue,
@@ -112,7 +114,8 @@ import { useForm, useFormFields, useFormModified, useFormProcessing, useFormSubm
         schemaPath,
         readOnly,
         permissions,
-        filterOptions
+        filterOptions,
+        initializing
     ]);
     // Throttle the validate function
     useThrottledEffect(()=>{

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/useField/index.tsx"],"sourcesContent":["'use client'\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  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 { user } = useAuth()\n  const { id } = 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      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    ],\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                config,\n                data: getData(),\n                operation,\n                siblingData: getSiblingData(path),\n                t,\n                user,\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    ],\n  )\n\n  return result\n}\n"],"names":["useCallback","useMemo","useRef","useThrottledEffect","useAuth","useConfig","useDocumentInfo","useOperation","useTranslation","useFieldProps","useForm","useFormFields","useFormModified","useFormProcessing","useFormSubmitted","useField","options","disableFormData","hasRows","validate","path","pathFromContext","permissions","readOnly","schemaPath","submitted","processing","user","id","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","formProcessing","formSubmitted","rows","validateField","valueToValidate","Array","isArray","current","isValid","data","siblingData","undefined","update"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/forms/useField/index.tsx"],"sourcesContent":["'use client'\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 } = 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                config,\n                data: getData(),\n                operation,\n                siblingData: getSiblingData(path),\n                t,\n                user,\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    ],\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","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","siblingData","undefined","update"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -12,6 +12,7 @@ export type FieldType<T> = {
     errorMessage?: string;
     errorPaths?: string[];
     filterOptions?: FilterOptionsResult;
+    formInitializing: boolean;
     formProcessing: boolean;
     formSubmitted: boolean;
     initialValue?: T;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/useField/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAE/F,MAAM,MAAM,OAAO,GAAG;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;QAEI;IACJ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,cAAc,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,cAAc,EAAE,OAAO,CAAA;IACvB,aAAa,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,gBAAgB,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,oBAAoB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAChE,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,CAAC,CAAA;CACT,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/useField/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAE/F,MAAM,MAAM,OAAO,GAAG;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;QAEI;IACJ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,cAAc,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,gBAAgB,EAAE,OAAO,CAAA;IACzB,cAAc,EAAE,OAAO,CAAA;IACvB,aAAa,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,gBAAgB,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,oBAAoB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAChE,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,CAAC,CAAA;CACT,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/useField/types.ts"],"sourcesContent":["import type { ClientValidate, FieldPermissions, FilterOptionsResult, Row } from 'payload/types'\n\nexport type Options = {\n  disableFormData?: boolean\n  hasRows?: boolean\n  /**\n   * If you do not provide a `path` or a `name`, this hook will look for one using the `useFieldPath` hook.\n   **/\n  path?: string\n  validate?: ClientValidate\n}\n\nexport type FieldType<T> = {\n  errorMessage?: string\n  errorPaths?: string[]\n  filterOptions?: FilterOptionsResult\n  formProcessing: boolean\n  formSubmitted: boolean\n  initialValue?: T\n  path: string\n  permissions: FieldPermissions\n  readOnly?: boolean\n  rows?: Row[]\n  schemaPath: string\n  setValue: (val: unknown, disableModifyingForm?: boolean) => void\n  showError: boolean\n  valid?: boolean\n  value: T\n}\n"],"names":[],"rangeMappings":"","mappings":"AAYA,WAgBC"}
+{"version":3,"sources":["../../../src/forms/useField/types.ts"],"sourcesContent":["import type { ClientValidate, FieldPermissions, FilterOptionsResult, Row } from 'payload/types'\n\nexport type Options = {\n  disableFormData?: boolean\n  hasRows?: boolean\n  /**\n   * If you do not provide a `path` or a `name`, this hook will look for one using the `useFieldPath` hook.\n   **/\n  path?: string\n  validate?: ClientValidate\n}\n\nexport type FieldType<T> = {\n  errorMessage?: string\n  errorPaths?: string[]\n  filterOptions?: FilterOptionsResult\n  formInitializing: boolean\n  formProcessing: boolean\n  formSubmitted: boolean\n  initialValue?: T\n  path: string\n  permissions: FieldPermissions\n  readOnly?: boolean\n  rows?: Row[]\n  schemaPath: string\n  setValue: (val: unknown, disableModifyingForm?: boolean) => void\n  showError: boolean\n  valid?: boolean\n  value: T\n}\n"],"names":[],"rangeMappings":"","mappings":"AAYA,WAiBC"}

package/dist/icons/Plus/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Plus/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAKxB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Plus/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAUxB,CAAA"}

package/dist/icons/Plus/index.js

@@ -3,6 +3,7 @@ import React from 'react';
 export const Plus = ()=>/*#__PURE__*/ _jsxs("svg", {
         className: "icon icon--plus",
         viewBox: "0 0 25 25",
+        width: "25",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
             /*#__PURE__*/ _jsx("line", {

package/dist/icons/Plus/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Plus/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const Plus: React.FC = () => (\n  <svg className=\"icon icon--plus\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <line className=\"stroke\" x1=\"12.4589\" x2=\"12.4589\" y1=\"16.9175\" y2=\"8.50115\" />\n    <line className=\"stroke\" x1=\"8.05164\" x2=\"16.468\" y1=\"12.594\" y2=\"12.594\" />\n  </svg>\n)\n"],"names":["React","Plus","svg","className","viewBox","xmlns","line","x1","x2","y1","y2"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,OAAiB,kBAC5B,MAACC;QAAIC,WAAU;QAAkBC,SAAQ;QAAYC,OAAM;;0BACzD,KAACC;gBAAKH,WAAU;gBAASI,IAAG;gBAAUC,IAAG;gBAAUC,IAAG;gBAAUC,IAAG;;0BACnE,KAACJ;gBAAKH,WAAU;gBAASI,IAAG;gBAAUC,IAAG;gBAASC,IAAG;gBAASC,IAAG;;;OAEpE"}
+{"version":3,"sources":["../../../src/icons/Plus/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const Plus: React.FC = () => (\n  <svg\n    className=\"icon icon--plus\"\n    viewBox=\"0 0 25 25\"\n    width=\"25\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <line className=\"stroke\" x1=\"12.4589\" x2=\"12.4589\" y1=\"16.9175\" y2=\"8.50115\" />\n    <line className=\"stroke\" x1=\"8.05164\" x2=\"16.468\" y1=\"12.594\" y2=\"12.594\" />\n  </svg>\n)\n"],"names":["React","Plus","svg","className","viewBox","width","xmlns","line","x1","x2","y1","y2"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,OAAiB,kBAC5B,MAACC;QACCC,WAAU;QACVC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,KAACC;gBAAKJ,WAAU;gBAASK,IAAG;gBAAUC,IAAG;gBAAUC,IAAG;gBAAUC,IAAG;;0BACnE,KAACJ;gBAAKJ,WAAU;gBAASK,IAAG;gBAAUC,IAAG;gBAASC,IAAG;gBAASC,IAAG;;;OAEpE"}

package/dist/icons/Plus/index.scss

@@ -1,9 +1,6 @@
 @import '../../scss/styles';
 
 .icon--plus {
-  width: $baseline;
-  height: $baseline;
-
   .stroke {
     stroke: var(--theme-elevation-800);
     stroke-width: $style-stroke-width;