@payloadcms/ui 3.35.0-internal.b3d367c → 3.35.0

package/dist/forms/useField/index.js

@@ -9,20 +9,32 @@ import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useOperation } from '../../providers/Operation/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { useDocumentForm, useForm, useFormFields, useFormInitializing, useFormModified, useFormProcessing, useFormSubmitted } from '../Form/context.js';
+import { useFieldPath } from '../RenderFields/context.js';
 /**
  * Get and set the value of a form field.
  *
  * @see https://payloadcms.com/docs/admin/react-hooks#usefield
  */
 export const useField = options => {
-  const $ = _c(62);
+  const $ = _c(64);
+  let t0;
+  if ($[0] !== options) {
+    t0 = options || {};
+    $[0] = options;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
   const {
-    disableFormData: t0,
+    disableFormData: t1,
     hasRows,
-    path,
+    path: pathFromOptions,
+    potentiallyStalePath,
     validate
-  } = options;
-  const disableFormData = t0 === undefined ? false : t0;
+  } = t0;
+  const disableFormData = t1 === undefined ? false : t1;
+  const pathFromContext = useFieldPath();
+  const path = pathFromOptions || pathFromContext || potentiallyStalePath;
   const submitted = useFormSubmitted();
   const processing = useFormProcessing();
   const initializing = useFormInitializing();
@@ -35,18 +47,18 @@ export const useField = options => {
   } = useDocumentInfo();
   const operation = useOperation();
   const dispatchField = useFormFields(_temp);
-  let t1;
-  if ($[0] !== path) {
-    t1 = t2 => {
-      const [fields] = t2;
+  let t2;
+  if ($[2] !== path) {
+    t2 = t3 => {
+      const [fields] = t3;
       return fields && fields?.[path] || null;
     };
-    $[0] = path;
-    $[1] = t1;
+    $[2] = path;
+    $[3] = t2;
   } else {
-    t1 = $[1];
+    t2 = $[3];
   }
-  const field = useFormFields(t1);
+  const field = useFormFields(t2);
   const {
     t
   } = useTranslation();
@@ -68,19 +80,19 @@ export const useField = options => {
   const showError = valid === false && submitted;
   const prevValid = useRef(valid);
   const prevErrorMessage = useRef(field?.errorMessage);
-  let t2;
-  if ($[2] !== path) {
-    t2 = path ? path.split(".") : [];
-    $[2] = path;
-    $[3] = t2;
+  let t3;
+  if ($[4] !== path) {
+    t3 = path ? path.split(".") : [];
+    $[4] = path;
+    $[5] = t3;
   } else {
-    t2 = $[3];
+    t3 = $[5];
   }
-  const pathSegments = t2;
-  let t3;
-  if ($[4] !== disableFormData || $[5] !== dispatchField || $[6] !== hasRows || $[7] !== modified || $[8] !== path || $[9] !== setModified) {
-    t3 = (e, t4) => {
-      const disableModifyingForm = t4 === undefined ? false : t4;
+  const pathSegments = t3;
+  let t4;
+  if ($[6] !== disableFormData || $[7] !== dispatchField || $[8] !== hasRows || $[9] !== modified || $[10] !== path || $[11] !== setModified) {
+    t4 = (e, t5) => {
+      const disableModifyingForm = t5 === undefined ? false : t5;
       const val = e && e.target ? e.target.value : e;
       dispatchField({
         type: "UPDATE",
@@ -98,74 +110,74 @@ export const useField = options => {
         }
       }
     };
-    $[4] = disableFormData;
-    $[5] = dispatchField;
-    $[6] = hasRows;
-    $[7] = modified;
-    $[8] = path;
-    $[9] = setModified;
-    $[10] = t3;
+    $[6] = disableFormData;
+    $[7] = dispatchField;
+    $[8] = hasRows;
+    $[9] = modified;
+    $[10] = path;
+    $[11] = setModified;
+    $[12] = t4;
   } else {
-    t3 = $[10];
+    t4 = $[12];
   }
-  const setValue = t3;
-  let t4;
-  const t5 = field?.customComponents;
-  const t6 = processing || initializing;
-  const t7 = field?.errorMessage;
-  let t8;
-  if ($[11] !== field?.errorPaths) {
-    t8 = field?.errorPaths || [];
-    $[11] = field?.errorPaths;
-    $[12] = t8;
+  const setValue = t4;
+  let t5;
+  const t6 = field?.customComponents;
+  const t7 = processing || initializing;
+  const t8 = field?.errorMessage;
+  let t9;
+  if ($[13] !== field?.errorPaths) {
+    t9 = field?.errorPaths || [];
+    $[13] = field?.errorPaths;
+    $[14] = t9;
   } else {
-    t8 = $[12];
+    t9 = $[14];
   }
-  const t9 = field?.rows;
-  const t10 = field?.valid;
-  let t11;
-  if ($[13] !== filterOptions || $[14] !== initialValue || $[15] !== initializing || $[16] !== path || $[17] !== processing || $[18] !== setValue || $[19] !== showError || $[20] !== submitted || $[21] !== t10 || $[22] !== t5 || $[23] !== t6 || $[24] !== t7 || $[25] !== t8 || $[26] !== t9 || $[27] !== value) {
-    t11 = {
-      customComponents: t5,
-      disabled: t6,
-      errorMessage: t7,
-      errorPaths: t8,
+  const t10 = field?.rows;
+  const t11 = field?.valid;
+  let t12;
+  if ($[15] !== filterOptions || $[16] !== initialValue || $[17] !== initializing || $[18] !== path || $[19] !== processing || $[20] !== setValue || $[21] !== showError || $[22] !== submitted || $[23] !== t10 || $[24] !== t11 || $[25] !== t6 || $[26] !== t7 || $[27] !== t8 || $[28] !== t9 || $[29] !== value) {
+    t12 = {
+      customComponents: t6,
+      disabled: t7,
+      errorMessage: t8,
+      errorPaths: t9,
       filterOptions,
       formInitializing: initializing,
       formProcessing: processing,
       formSubmitted: submitted,
       initialValue,
       path,
-      rows: t9,
+      rows: t10,
       setValue,
       showError,
-      valid: t10,
+      valid: t11,
       value
     };
-    $[13] = filterOptions;
-    $[14] = initialValue;
-    $[15] = initializing;
-    $[16] = path;
-    $[17] = processing;
-    $[18] = setValue;
-    $[19] = showError;
-    $[20] = submitted;
-    $[21] = t10;
-    $[22] = t5;
-    $[23] = t6;
-    $[24] = t7;
-    $[25] = t8;
-    $[26] = t9;
-    $[27] = value;
-    $[28] = t11;
+    $[15] = filterOptions;
+    $[16] = initialValue;
+    $[17] = initializing;
+    $[18] = path;
+    $[19] = processing;
+    $[20] = setValue;
+    $[21] = showError;
+    $[22] = submitted;
+    $[23] = t10;
+    $[24] = t11;
+    $[25] = t6;
+    $[26] = t7;
+    $[27] = t8;
+    $[28] = t9;
+    $[29] = value;
+    $[30] = t12;
   } else {
-    t11 = $[28];
+    t12 = $[30];
   }
-  t4 = t11;
-  const result = t4;
-  let t12;
-  if ($[29] !== collectionSlug || $[30] !== config || $[31] !== disableFormData || $[32] !== dispatchField || $[33] !== documentForm || $[34] !== field || $[35] !== getData || $[36] !== getDataByPath || $[37] !== getSiblingData || $[38] !== hasRows || $[39] !== id || $[40] !== operation || $[41] !== path || $[42] !== pathSegments || $[43] !== t || $[44] !== user || $[45] !== validate || $[46] !== value) {
-    t12 = () => {
+  t5 = t12;
+  const result = t5;
+  let t13;
+  if ($[31] !== collectionSlug || $[32] !== config || $[33] !== disableFormData || $[34] !== dispatchField || $[35] !== documentForm || $[36] !== field || $[37] !== getData || $[38] !== getDataByPath || $[39] !== getSiblingData || $[40] !== hasRows || $[41] !== id || $[42] !== operation || $[43] !== path || $[44] !== pathSegments || $[45] !== t || $[46] !== user || $[47] !== validate || $[48] !== value) {
+    t13 = () => {
       const validateField = async () => {
         let valueToValidate = value;
         if (field?.rows && Array.isArray(field.rows)) {
@@ -223,50 +235,50 @@ export const useField = options => {
       };
       validateField();
     };
-    $[29] = collectionSlug;
-    $[30] = config;
-    $[31] = disableFormData;
-    $[32] = dispatchField;
-    $[33] = documentForm;
-    $[34] = field;
-    $[35] = getData;
-    $[36] = getDataByPath;
-    $[37] = getSiblingData;
-    $[38] = hasRows;
-    $[39] = id;
-    $[40] = operation;
-    $[41] = path;
-    $[42] = pathSegments;
-    $[43] = t;
-    $[44] = user;
-    $[45] = validate;
-    $[46] = value;
-    $[47] = t12;
+    $[31] = collectionSlug;
+    $[32] = config;
+    $[33] = disableFormData;
+    $[34] = dispatchField;
+    $[35] = documentForm;
+    $[36] = field;
+    $[37] = getData;
+    $[38] = getDataByPath;
+    $[39] = getSiblingData;
+    $[40] = hasRows;
+    $[41] = id;
+    $[42] = operation;
+    $[43] = path;
+    $[44] = pathSegments;
+    $[45] = t;
+    $[46] = user;
+    $[47] = validate;
+    $[48] = value;
+    $[49] = t13;
   } else {
-    t12 = $[47];
+    t13 = $[49];
   }
-  const t13 = field?.rows;
-  let t14;
-  if ($[48] !== collectionSlug || $[49] !== disableFormData || $[50] !== dispatchField || $[51] !== getData || $[52] !== getDataByPath || $[53] !== getSiblingData || $[54] !== id || $[55] !== operation || $[56] !== path || $[57] !== t13 || $[58] !== user || $[59] !== validate || $[60] !== value) {
-    t14 = [value, disableFormData, dispatchField, getData, getSiblingData, getDataByPath, id, operation, path, user, validate, t13, collectionSlug];
-    $[48] = collectionSlug;
-    $[49] = disableFormData;
-    $[50] = dispatchField;
-    $[51] = getData;
-    $[52] = getDataByPath;
-    $[53] = getSiblingData;
-    $[54] = id;
-    $[55] = operation;
-    $[56] = path;
-    $[57] = t13;
-    $[58] = user;
-    $[59] = validate;
-    $[60] = value;
-    $[61] = t14;
+  const t14 = field?.rows;
+  let t15;
+  if ($[50] !== collectionSlug || $[51] !== disableFormData || $[52] !== dispatchField || $[53] !== getData || $[54] !== getDataByPath || $[55] !== getSiblingData || $[56] !== id || $[57] !== operation || $[58] !== path || $[59] !== t14 || $[60] !== user || $[61] !== validate || $[62] !== value) {
+    t15 = [value, disableFormData, dispatchField, getData, getSiblingData, getDataByPath, id, operation, path, user, validate, t14, collectionSlug];
+    $[50] = collectionSlug;
+    $[51] = disableFormData;
+    $[52] = dispatchField;
+    $[53] = getData;
+    $[54] = getDataByPath;
+    $[55] = getSiblingData;
+    $[56] = id;
+    $[57] = operation;
+    $[58] = path;
+    $[59] = t14;
+    $[60] = user;
+    $[61] = validate;
+    $[62] = value;
+    $[63] = t15;
   } else {
-    t14 = $[61];
+    t15 = $[63];
   }
-  useThrottledEffect(t12, 150, t14);
+  useThrottledEffect(t13, 150, t15);
   return result;
 };
 function _temp(t0) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useCallback","useMemo","useRef","useThrottledEffect","useAuth","useConfig","useDocumentInfo","useOperation","useTranslation","useDocumentForm","useForm","useFormFields","useFormInitializing","useFormModified","useFormProcessing","useFormSubmitted","useField","options","$","disableFormData","t0","hasRows","path","validate","undefined","submitted","processing","initializing","user","id","collectionSlug","operation","dispatchField","_temp","t1","t2","fields","field","t","config","getData","getDataByPath","getSiblingData","setModified","documentForm","modified","filterOptions","value","initialValue","valid","showError","prevValid","prevErrorMessage","errorMessage","split","pathSegments","t3","e","t4","disableModifyingForm","val","target","type","setTimeout","setValue","t5","customComponents","t6","t7","t8","errorPaths","t9","rows","t10","t11","disabled","formInitializing","formProcessing","formSubmitted","result","t12","validateField","valueToValidate","Array","isArray","current","valid_0","data","isValid","blockData","event","preferences","req","payload","siblingData","update","t13","t14","dispatch"],"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 {\n  useDocumentForm,\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/react-hooks#usefield\n */\nexport const useField = <TValue,>(options: Options): FieldType<TValue> => {\n  const { disableFormData = false, hasRows, path, validate } = options\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 = useFormFields(([_, dispatch]) => dispatch)\n  const field = useFormFields(([fields]) => (fields && fields?.[path]) || null)\n\n  const { t } = useTranslation()\n  const { config } = useConfig()\n\n  const { getData, getDataByPath, getSiblingData, setModified } = useForm()\n  const documentForm = useDocumentForm()\n  const modified = useFormModified()\n\n  const filterOptions = field?.filterOptions\n  const value = field?.value as TValue\n  const initialValue = field?.initialValue as TValue\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  const pathSegments = path ? path.split('.') : []\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      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<TValue> = useMemo(\n    () => ({\n      customComponents: field?.customComponents,\n      disabled: processing || initializing,\n      errorMessage: field?.errorMessage,\n      errorPaths: field?.errorPaths || [],\n      filterOptions,\n      formInitializing: initializing,\n      formProcessing: processing,\n      formSubmitted: submitted,\n      initialValue,\n      path,\n      rows: field?.rows,\n      setValue,\n      showError,\n      valid: field?.valid,\n      value,\n    }),\n    [\n      field,\n      processing,\n      setValue,\n      showError,\n      submitted,\n      value,\n      initialValue,\n      path,\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 = prevErrorMessage.current\n        let valid: boolean | string = prevValid.current\n\n        const data = getData()\n        const isValid =\n          typeof validate === 'function'\n            ? await validate(valueToValidate, {\n                id,\n                blockData: undefined, // Will be expensive to get - not worth to pass to client-side validation, as this can be obtained by the user using `useFormFields()`\n                collectionSlug,\n                data: documentForm?.getData ? documentForm.getData() : data,\n                event: 'onChange',\n                operation,\n                path: pathSegments,\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            : typeof prevErrorMessage.current === 'string'\n              ? prevErrorMessage.current\n              : prevValid.current\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useCallback","useMemo","useRef","useThrottledEffect","useAuth","useConfig","useDocumentInfo","useOperation","useTranslation","useDocumentForm","useForm","useFormFields","useFormInitializing","useFormModified","useFormProcessing","useFormSubmitted","useFieldPath","useField","options","$","t0","disableFormData","t1","hasRows","path","pathFromOptions","potentiallyStalePath","validate","undefined","pathFromContext","submitted","processing","initializing","user","id","collectionSlug","operation","dispatchField","_temp","t2","t3","fields","field","t","config","getData","getDataByPath","getSiblingData","setModified","documentForm","modified","filterOptions","value","initialValue","valid","showError","prevValid","prevErrorMessage","errorMessage","split","pathSegments","t4","e","t5","disableModifyingForm","val","target","type","setTimeout","setValue","t6","customComponents","t7","t8","t9","errorPaths","t10","rows","t11","t12","disabled","formInitializing","formProcessing","formSubmitted","result","t13","validateField","valueToValidate","Array","isArray","current","valid_0","data","isValid","blockData","event","preferences","req","payload","siblingData","update","t14","t15","dispatch"],"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 {\n  useDocumentForm,\n  useForm,\n  useFormFields,\n  useFormInitializing,\n  useFormModified,\n  useFormProcessing,\n  useFormSubmitted,\n} from '../Form/context.js'\nimport { useFieldPath } from '../RenderFields/context.js'\n\n/**\n * Get and set the value of a form field.\n *\n * @see https://payloadcms.com/docs/admin/react-hooks#usefield\n */\nexport const useField = <TValue,>(options?: Options): FieldType<TValue> => {\n  const {\n    disableFormData = false,\n    hasRows,\n    path: pathFromOptions,\n    potentiallyStalePath,\n    validate,\n  } = options || {}\n\n  const pathFromContext = useFieldPath()\n\n  // This is a workaround for stale props given to server rendered components.\n  // See the notes in the `potentiallyStalePath` type definition for more details.\n  const path = pathFromOptions || pathFromContext || potentiallyStalePath\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 = useFormFields(([_, dispatch]) => dispatch)\n  const field = useFormFields(([fields]) => (fields && fields?.[path]) || null)\n\n  const { t } = useTranslation()\n  const { config } = useConfig()\n\n  const { getData, getDataByPath, getSiblingData, setModified } = useForm()\n  const documentForm = useDocumentForm()\n  const modified = useFormModified()\n\n  const filterOptions = field?.filterOptions\n  const value = field?.value as TValue\n  const initialValue = field?.initialValue as TValue\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  const pathSegments = path ? path.split('.') : []\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      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<TValue> = useMemo(\n    () => ({\n      customComponents: field?.customComponents,\n      disabled: processing || initializing,\n      errorMessage: field?.errorMessage,\n      errorPaths: field?.errorPaths || [],\n      filterOptions,\n      formInitializing: initializing,\n      formProcessing: processing,\n      formSubmitted: submitted,\n      initialValue,\n      path,\n      rows: field?.rows,\n      setValue,\n      showError,\n      valid: field?.valid,\n      value,\n    }),\n    [\n      field,\n      processing,\n      setValue,\n      showError,\n      submitted,\n      value,\n      initialValue,\n      path,\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 = prevErrorMessage.current\n        let valid: boolean | string = prevValid.current\n\n        const data = getData()\n        const isValid =\n          typeof validate === 'function'\n            ? await validate(valueToValidate, {\n                id,\n                blockData: undefined, // Will be expensive to get - not worth to pass to client-side validation, as this can be obtained by the user using `useFormFields()`\n                collectionSlug,\n                data: documentForm?.getData ? documentForm.getData() : data,\n                event: 'onChange',\n                operation,\n                path: pathSegments,\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            : typeof prevErrorMessage.current === 'string'\n              ? prevErrorMessage.current\n              : prevValid.current\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"],"mappings":"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","ignoreList":[]}

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

@@ -2,7 +2,27 @@ import type { FieldState, FilterOptionsResult, Row, Validate } from 'payload';
 export type Options = {
     disableFormData?: boolean;
     hasRows?: boolean;
-    path: string;
+    /**
+     * If `path` is provided to this hook, it will be used outright. This is useful when calling this hook directly within a custom component.
+     * Otherwise, the field will attempt to get the path from the `FieldPathContext` via the `useFieldPath` hook.
+     * If still not found, the `potentiallyStalePath` arg will be used. See the note below about why this is important.
+     */
+    path?: string;
+    /**
+     * Custom server components receive a static `path` prop at render-time, leading to temporarily stale paths when re-ordering rows in form state.
+     * This is because when manipulating rows, field paths change in form state, but the prop remains the same until the component is re-rendered on the server.
+     * This causes the component to temporarily point to the wrong field in form state until the server responds with a freshly rendered component.
+     * To prevent this, fields are wrapped with a `FieldPathContext` which is guaranteed to be up-to-date.
+     * The `path` prop that Payload's default fields receive, then, are sent into this hook as the `potentiallyStalePath` arg.
+     * This ensures that:
+     *   1. Custom components that use this hook directly will still respect the `path` prop as top priority.
+     *   2. Custom server components that blindly spread their props into default Payload fields still prefer the dynamic path from context.
+     *   3. Components that render default Payload fields directly do not require a `FieldPathProvider`, e.g. the email field in the account view.
+     */
+    potentiallyStalePath?: string;
+    /**
+     * Client-side validation function fired when the form is submitted.
+     */
     validate?: Validate;
 };
 export type FieldType<T> = {
@@ -15,6 +35,7 @@ export type FieldType<T> = {
     formProcessing: boolean;
     formSubmitted: boolean;
     initialValue?: T;
+    path: string;
     readOnly?: boolean;
     rows?: Row[];
     setValue: (val: unknown, disableModifyingForm?: boolean) => void;

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,UAAU,EAAE,mBAAmB,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAE7E,MAAM,MAAM,OAAO,GAAG;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IACzB,gBAAgB,CAAC,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAA;IACjD,QAAQ,EAAE,OAAO,CAAA;IACjB,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,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;IACZ,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,UAAU,EAAE,mBAAmB,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAE7E,MAAM,MAAM,OAAO,GAAG;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;;;;;OAUG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IACzB,gBAAgB,CAAC,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAA;IACjD,QAAQ,EAAE,OAAO,CAAA;IACjB,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,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;IACZ,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,"file":"types.js","names":[],"sources":["../../../src/forms/useField/types.ts"],"sourcesContent":["import type { FieldState, FilterOptionsResult, Row, Validate } from 'payload'\n\nexport type Options = {\n  disableFormData?: boolean\n  hasRows?: boolean\n  path: string\n  validate?: Validate\n}\n\nexport type FieldType<T> = {\n  customComponents?: FieldState['customComponents']\n  disabled: boolean\n  errorMessage?: string\n  errorPaths?: string[]\n  filterOptions?: FilterOptionsResult\n  formInitializing: boolean\n  formProcessing: boolean\n  formSubmitted: boolean\n  initialValue?: T\n  readOnly?: boolean\n  rows?: Row[]\n  setValue: (val: unknown, disableModifyingForm?: boolean) => void\n  showError: boolean\n  valid?: boolean\n  value: T\n}\n"],"mappings":"AASA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/useField/types.ts"],"sourcesContent":["import type { FieldState, FilterOptionsResult, Row, Validate } from 'payload'\n\nexport type Options = {\n  disableFormData?: boolean\n  hasRows?: boolean\n  /**\n   * If `path` is provided to this hook, it will be used outright. This is useful when calling this hook directly within a custom component.\n   * Otherwise, the field will attempt to get the path from the `FieldPathContext` via the `useFieldPath` hook.\n   * If still not found, the `potentiallyStalePath` arg will be used. See the note below about why this is important.\n   */\n  path?: string\n  /**\n   * Custom server components receive a static `path` prop at render-time, leading to temporarily stale paths when re-ordering rows in form state.\n   * This is because when manipulating rows, field paths change in form state, but the prop remains the same until the component is re-rendered on the server.\n   * This causes the component to temporarily point to the wrong field in form state until the server responds with a freshly rendered component.\n   * To prevent this, fields are wrapped with a `FieldPathContext` which is guaranteed to be up-to-date.\n   * The `path` prop that Payload's default fields receive, then, are sent into this hook as the `potentiallyStalePath` arg.\n   * This ensures that:\n   *   1. Custom components that use this hook directly will still respect the `path` prop as top priority.\n   *   2. Custom server components that blindly spread their props into default Payload fields still prefer the dynamic path from context.\n   *   3. Components that render default Payload fields directly do not require a `FieldPathProvider`, e.g. the email field in the account view.\n   */\n  potentiallyStalePath?: string\n  /**\n   * Client-side validation function fired when the form is submitted.\n   */\n  validate?: Validate\n}\n\nexport type FieldType<T> = {\n  customComponents?: FieldState['customComponents']\n  disabled: boolean\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  readOnly?: boolean\n  rows?: Row[]\n  setValue: (val: unknown, disableModifyingForm?: boolean) => void\n  showError: boolean\n  valid?: boolean\n  value: T\n}\n"],"mappings":"AA6BA","ignoreList":[]}

package/dist/icons/Chevron/index.js

@@ -13,12 +13,12 @@ export const ChevronIcon = ({
   style: {
     transform: direction === 'left' ? 'rotate(90deg)' : direction === 'right' ? 'rotate(-90deg)' : direction === 'up' ? 'rotate(180deg)' : undefined
   },
-  viewBox: "0 0 22 12",
+  viewBox: "0 0 20 20",
   width: "100%",
   xmlns: "http://www.w3.org/2000/svg",
   children: /*#__PURE__*/_jsx("path", {
     className: "stroke",
-    d: "M1 1.12109L11 11.1211L21 1.12109",
+    d: "M14 8L10 12L6 8",
     strokeLinecap: "square"
   })
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","ChevronIcon","ariaLabel","className","direction","size","_jsx","filter","Boolean","join","height","style","transform","undefined","viewBox","width","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Chevron/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const ChevronIcon: React.FC<{\n  readonly ariaLabel?: string\n  readonly className?: string\n  readonly direction?: 'down' | 'left' | 'right' | 'up'\n  readonly size?: 'large' | 'small'\n}> = ({ ariaLabel, className, direction, size }) => (\n  <svg\n    aria-label={ariaLabel}\n    className={['icon icon--chevron', className, size && `icon--size-${size}`]\n      .filter(Boolean)\n      .join(' ')}\n    height=\"100%\"\n    style={{\n      transform:\n        direction === 'left'\n          ? 'rotate(90deg)'\n          : direction === 'right'\n            ? 'rotate(-90deg)'\n            : direction === 'up'\n              ? 'rotate(180deg)'\n              : undefined,\n    }}\n    viewBox=\"0 0 22 12\"\n    width=\"100%\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M1 1.12109L11 11.1211L21 1.12109\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,WAAA,GAKRA,CAAC;EAAEC,SAAS;EAAEC,SAAS;EAAEC,SAAS;EAAEC;AAAI,CAAE,kBAC7CC,IAAA,CAAC;EACC,cAAYJ,SAAA;EACZC,SAAA,EAAW,CAAC,sBAAsBA,SAAA,EAAWE,IAAA,IAAQ,cAAcA,IAAA,EAAM,CAAC,CACvEE,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EACRC,MAAA,EAAO;EACPC,KAAA,EAAO;IACLC,SAAA,EACER,SAAA,KAAc,SACV,kBACAA,SAAA,KAAc,UACZ,mBACAA,SAAA,KAAc,OACZ,mBACAS;EACZ;EACAC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;YAEN,aAAAV,IAAA,CAAC;IAAKH,SAAA,EAAU;IAASc,CAAA,EAAE;IAAmCC,aAAA,EAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","ChevronIcon","ariaLabel","className","direction","size","_jsx","filter","Boolean","join","height","style","transform","undefined","viewBox","width","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Chevron/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const ChevronIcon: React.FC<{\n  readonly ariaLabel?: string\n  readonly className?: string\n  readonly direction?: 'down' | 'left' | 'right' | 'up'\n  readonly size?: 'large' | 'small'\n}> = ({ ariaLabel, className, direction, size }) => (\n  <svg\n    aria-label={ariaLabel}\n    className={['icon icon--chevron', className, size && `icon--size-${size}`]\n      .filter(Boolean)\n      .join(' ')}\n    height=\"100%\"\n    style={{\n      transform:\n        direction === 'left'\n          ? 'rotate(90deg)'\n          : direction === 'right'\n            ? 'rotate(-90deg)'\n            : direction === 'up'\n              ? 'rotate(180deg)'\n              : undefined,\n    }}\n    viewBox=\"0 0 20 20\"\n    width=\"100%\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M14 8L10 12L6 8\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,WAAA,GAKRA,CAAC;EAAEC,SAAS;EAAEC,SAAS;EAAEC,SAAS;EAAEC;AAAI,CAAE,kBAC7CC,IAAA,CAAC;EACC,cAAYJ,SAAA;EACZC,SAAA,EAAW,CAAC,sBAAsBA,SAAA,EAAWE,IAAA,IAAQ,cAAcA,IAAA,EAAM,CAAC,CACvEE,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EACRC,MAAA,EAAO;EACPC,KAAA,EAAO;IACLC,SAAA,EACER,SAAA,KAAc,SACV,kBACAA,SAAA,KAAc,UACZ,mBACAA,SAAA,KAAc,OACZ,mBACAS;EACZ;EACAC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;YAEN,aAAAV,IAAA,CAAC;IAAKH,SAAA,EAAU;IAASc,CAAA,EAAE;IAAkBC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/Chevron/index.scss

@@ -2,8 +2,8 @@
 
 @layer payload-default {
   .icon--chevron {
-    height: calc(var(--base) / 2);
-    width: calc(var(--base) / 2);
+    height: var(--base);
+    width: var(--base);
 
     .stroke {
       fill: none;
@@ -18,8 +18,8 @@
     }
 
     &.icon--size-small {
-      height: 8px;
-      width: 8px;
+      height: 12px;
+      width: 12px;
     }
   }
 }