@payloadcms/ui 3.0.0-canary.c696728 → 3.0.0-canary.c96fa61

package/dist/forms/useField/index.js

@@ -8,7 +8,6 @@ import { useConfig } from '../../providers/Config/index.js';
 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, useFormInitializing, useFormModified, useFormProcessing, useFormSubmitted } from '../Form/context.js';
 /**
  * Get and set the value of a form field.
@@ -16,20 +15,14 @@ import { useForm, useFormFields, useFormInitializing, useFormModified, useFormPr
  * @see https://payloadcms.com/docs/admin/hooks#usefield
  */
 export const useField = options => {
-  const $ = _c(59);
+  const $ = _c(57);
   const {
     disableFormData: t0,
     hasRows,
+    path,
     validate
   } = options;
   const disableFormData = t0 === undefined ? false : t0;
-  const {
-    path: pathFromContext,
-    permissions,
-    readOnly,
-    schemaPath
-  } = useFieldProps();
-  const path = options.path || pathFromContext;
   const submitted = useFormSubmitted();
   const processing = useFormProcessing();
   const initializing = useFormInitializing();
@@ -115,34 +108,33 @@ export const useField = options => {
   field?.rows;
   field?.valid;
   field?.errorPaths;
+  field?.customComponents;
   let t3;
-  const t4 = field?.errorMessage;
-  let t5;
+  const t4 = field?.customComponents;
+  const t5 = field?.errorMessage;
+  let t6;
   if ($[9] !== field?.errorPaths) {
-    t5 = field?.errorPaths || [];
+    t6 = field?.errorPaths || [];
     $[9] = field?.errorPaths;
-    $[10] = t5;
+    $[10] = t6;
   } else {
-    t5 = $[10];
+    t6 = $[10];
   }
-  const t6 = readOnly || false;
   const t7 = field?.rows;
   const t8 = field?.valid;
   let t9;
-  if ($[11] !== t4 || $[12] !== t5 || $[13] !== filterOptions || $[14] !== initializing || $[15] !== processing || $[16] !== submitted || $[17] !== initialValue || $[18] !== path || $[19] !== permissions || $[20] !== t6 || $[21] !== t7 || $[22] !== schemaPath || $[23] !== setValue || $[24] !== showError || $[25] !== t8 || $[26] !== value) {
+  if ($[11] !== t4 || $[12] !== t5 || $[13] !== t6 || $[14] !== filterOptions || $[15] !== initializing || $[16] !== processing || $[17] !== submitted || $[18] !== initialValue || $[19] !== path || $[20] !== t7 || $[21] !== setValue || $[22] !== showError || $[23] !== t8 || $[24] !== value) {
     t9 = {
-      errorMessage: t4,
-      errorPaths: t5,
+      customComponents: t4,
+      errorMessage: t5,
+      errorPaths: t6,
       filterOptions,
       formInitializing: initializing,
       formProcessing: processing,
       formSubmitted: submitted,
       initialValue,
       path,
-      permissions,
-      readOnly: t6,
       rows: t7,
-      schemaPath,
       setValue,
       showError,
       valid: t8,
@@ -150,28 +142,26 @@ export const useField = options => {
     };
     $[11] = t4;
     $[12] = t5;
-    $[13] = filterOptions;
-    $[14] = initializing;
-    $[15] = processing;
-    $[16] = submitted;
-    $[17] = initialValue;
-    $[18] = path;
-    $[19] = permissions;
-    $[20] = t6;
-    $[21] = t7;
-    $[22] = schemaPath;
-    $[23] = setValue;
-    $[24] = showError;
-    $[25] = t8;
-    $[26] = value;
-    $[27] = t9;
+    $[13] = t6;
+    $[14] = filterOptions;
+    $[15] = initializing;
+    $[16] = processing;
+    $[17] = submitted;
+    $[18] = initialValue;
+    $[19] = path;
+    $[20] = t7;
+    $[21] = setValue;
+    $[22] = showError;
+    $[23] = t8;
+    $[24] = value;
+    $[25] = t9;
   } else {
-    t9 = $[27];
+    t9 = $[25];
   }
   t3 = t9;
   const result = t3;
   let t10;
-  if ($[28] !== value || $[29] !== field || $[30] !== getDataByPath || $[31] !== path || $[32] !== validate || $[33] !== id || $[34] !== collectionSlug || $[35] !== getData || $[36] !== operation || $[37] !== config || $[38] !== t || $[39] !== user || $[40] !== getSiblingData || $[41] !== disableFormData || $[42] !== hasRows || $[43] !== dispatchField) {
+  if ($[26] !== value || $[27] !== field || $[28] !== getDataByPath || $[29] !== path || $[30] !== validate || $[31] !== id || $[32] !== collectionSlug || $[33] !== getData || $[34] !== operation || $[35] !== config || $[36] !== t || $[37] !== user || $[38] !== getSiblingData || $[39] !== disableFormData || $[40] !== hasRows || $[41] !== dispatchField) {
     t10 = () => {
       const validateField = async () => {
         let valueToValidate = value;
@@ -194,7 +184,7 @@ export const useField = options => {
             user
           },
           siblingData: getSiblingData(path)
-        }) : true;
+        }) : typeof prevErrorMessage.current === "string" ? prevErrorMessage.current : prevValid.current;
         if (typeof isValid === "string") {
           valid_0 = false;
           errorMessage = isValid;
@@ -226,46 +216,46 @@ export const useField = options => {
       };
       validateField();
     };
-    $[28] = value;
-    $[29] = field;
-    $[30] = getDataByPath;
-    $[31] = path;
-    $[32] = validate;
-    $[33] = id;
-    $[34] = collectionSlug;
-    $[35] = getData;
-    $[36] = operation;
-    $[37] = config;
-    $[38] = t;
-    $[39] = user;
-    $[40] = getSiblingData;
-    $[41] = disableFormData;
-    $[42] = hasRows;
-    $[43] = dispatchField;
-    $[44] = t10;
+    $[26] = value;
+    $[27] = field;
+    $[28] = getDataByPath;
+    $[29] = path;
+    $[30] = validate;
+    $[31] = id;
+    $[32] = collectionSlug;
+    $[33] = getData;
+    $[34] = operation;
+    $[35] = config;
+    $[36] = t;
+    $[37] = user;
+    $[38] = getSiblingData;
+    $[39] = disableFormData;
+    $[40] = hasRows;
+    $[41] = dispatchField;
+    $[42] = t10;
   } else {
-    t10 = $[44];
+    t10 = $[42];
   }
   const t11 = field?.rows;
   let t12;
-  if ($[45] !== value || $[46] !== disableFormData || $[47] !== dispatchField || $[48] !== getData || $[49] !== getSiblingData || $[50] !== getDataByPath || $[51] !== id || $[52] !== operation || $[53] !== path || $[54] !== user || $[55] !== validate || $[56] !== t11 || $[57] !== collectionSlug) {
+  if ($[43] !== value || $[44] !== disableFormData || $[45] !== dispatchField || $[46] !== getData || $[47] !== getSiblingData || $[48] !== getDataByPath || $[49] !== id || $[50] !== operation || $[51] !== path || $[52] !== user || $[53] !== validate || $[54] !== t11 || $[55] !== collectionSlug) {
     t12 = [value, disableFormData, dispatchField, getData, getSiblingData, getDataByPath, id, operation, path, user, validate, t11, collectionSlug];
-    $[45] = value;
-    $[46] = disableFormData;
-    $[47] = dispatchField;
-    $[48] = getData;
-    $[49] = getSiblingData;
-    $[50] = getDataByPath;
-    $[51] = id;
-    $[52] = operation;
-    $[53] = path;
-    $[54] = user;
-    $[55] = validate;
-    $[56] = t11;
-    $[57] = collectionSlug;
-    $[58] = t12;
+    $[43] = value;
+    $[44] = disableFormData;
+    $[45] = dispatchField;
+    $[46] = getData;
+    $[47] = getSiblingData;
+    $[48] = getDataByPath;
+    $[49] = id;
+    $[50] = operation;
+    $[51] = path;
+    $[52] = user;
+    $[53] = validate;
+    $[54] = t11;
+    $[55] = collectionSlug;
+    $[56] = t12;
   } else {
-    t12 = $[58];
+    t12 = $[56];
   }
   useThrottledEffect(t10, 150, t12);
   return result;

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","useFieldProps","useForm","useFormFields","useFormInitializing","useFormModified","useFormProcessing","useFormSubmitted","useField","options","$","disableFormData","t0","hasRows","validate","undefined","path","pathFromContext","permissions","readOnly","schemaPath","submitted","processing","initializing","user","id","collectionSlug","operation","t1","t2","fields","dispatch","dispatchField","field","t","config","getData","getDataByPath","getSiblingData","setModified","modified","filterOptions","value","initialValue","valid","showError","prevValid","prevErrorMessage","errorMessage","e","t3","disableModifyingForm","val","target","type","setTimeout","setValue","rows","errorPaths","t4","t5","t6","t7","t8","t9","formInitializing","formProcessing","formSubmitted","result","t10","validateField","valueToValidate","Array","isArray","current","valid_0","isValid","data","preferences","req","payload","siblingData","update","t11","t12"],"sources":["../../../src/forms/useField/index.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest } from 'payload'\n\nimport { useCallback, useMemo, useRef } from 'react'\n\nimport type { UPDATE } from '../Form/types.js'\nimport type { FieldType, Options } from './types.js'\n\nexport type { FieldType, Options }\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useFieldProps } from '../FieldPropsProvider/index.js'\nimport {\n  useForm,\n  useFormFields,\n  useFormInitializing,\n  useFormModified,\n  useFormProcessing,\n  useFormSubmitted,\n} from '../Form/context.js'\n\n/**\n * Get and set the value of a form field.\n *\n * @see https://payloadcms.com/docs/admin/hooks#usefield\n */\nexport const useField = <T,>(options: Options): FieldType<T> => {\n  const { disableFormData = false, hasRows, validate } = options\n\n  const { path: pathFromContext, permissions, readOnly, schemaPath } = useFieldProps()\n\n  // Prioritize passed in path over context path. If the context path should be prioritized (which is the case for top-level useField calls in fields), it should be passed in as the options path.\n  const path = options.path || pathFromContext\n\n  const submitted = useFormSubmitted()\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n  const { user } = useAuth()\n  const { id, collectionSlug } = useDocumentInfo()\n  const operation = useOperation()\n\n  const { dispatchField, field } = useFormFields(([fields, dispatch]) => ({\n    dispatchField: dispatch,\n    field: (fields && fields?.[path]) || null,\n  }))\n\n  const { t } = useTranslation()\n  const { config } = useConfig()\n\n  const { getData, getDataByPath, getSiblingData, setModified } = useForm()\n  const modified = useFormModified()\n\n  const filterOptions = field?.filterOptions\n  const value = field?.value as T\n  const initialValue = field?.initialValue as T\n  const valid = typeof field?.valid === 'boolean' ? field.valid : true\n  const showError = valid === false && submitted\n\n  const prevValid = useRef(valid)\n  const prevErrorMessage = useRef(field?.errorMessage)\n\n  // Method to return from `useField`, used to\n  // update field values from field component(s)\n  const setValue = useCallback(\n    (e, disableModifyingForm = false) => {\n      const val = e && e.target ? e.target.value : e\n\n      dispatchField({\n        type: 'UPDATE',\n        disableFormData: disableFormData || (hasRows && val > 0),\n        path,\n        value: val,\n      })\n\n      if (!disableModifyingForm) {\n        if (typeof setModified === 'function') {\n          // Only update setModified to true if the form is not already set to modified. Otherwise the following could happen:\n          // 1. Text field: someone types in it in an unmodified form\n          // 2. After setTimeout triggers setModified(true): form is set to modified. Save Button becomes available. Good!\n          // 3. Type something in text field\n          // 4. Click on save button before setTimeout in useField has finished (so setModified(true) has not been run yet)\n          // 5. Form is saved, setModified(false) is set in the Form/index.tsx `submit` function, \"saved successfully\" toast appears\n          // 6. setModified(true) inside the timeout is run, form is set to modified again, even though it was already saved and thus set to unmodified. Bad! This should have happened before the form is saved. Now the form should be unmodified and stay that way\n          //    until a NEW change happens. Due to this, the \"Leave without saving\" modal appears even though it should not when leaving the page fast immediately after saving the document.\n          // This is only an issue for forms which have already been set to modified true, as that causes the save button to be enabled. If we prevent this setTimeout to be run\n          // for already-modified forms first place (which is unnecessary), we can avoid this issue. As for unmodified forms, this race issue will not happen, because you cannot click the save button faster\n          // than the timeout in useField is run. That's because the save button won't even be enabled for clicking until the setTimeout in useField has run.\n          // This fixes e2e test flakes, as e2e tests were often so fast that they were saving the form before the timeout in useField has run.\n          // Specifically, this fixes the 'should not warn about unsaved changes when navigating to lexical editor with blocks node and then leaving the page after making a change and saving' lexical e2e test.\n          if (modified === false) {\n            // Update modified state after field value comes back\n            // to avoid cursor jump caused by state value / DOM mismatch\n            setTimeout(() => {\n              setModified(true)\n            }, 10)\n          }\n        }\n      }\n    },\n    [setModified, path, dispatchField, disableFormData, hasRows, modified],\n  )\n\n  // Store result from hook as ref\n  // to prevent unnecessary rerenders\n  const result: FieldType<T> = useMemo(\n    () => ({\n      errorMessage: field?.errorMessage,\n      errorPaths: field?.errorPaths || [],\n      filterOptions,\n      formInitializing: initializing,\n      formProcessing: processing,\n      formSubmitted: submitted,\n      initialValue,\n      path,\n      permissions,\n      readOnly: readOnly || false,\n      rows: field?.rows,\n      schemaPath,\n      setValue,\n      showError,\n      valid: field?.valid,\n      value,\n    }),\n    [\n      field?.errorMessage,\n      field?.rows,\n      field?.valid,\n      field?.errorPaths,\n      processing,\n      setValue,\n      showError,\n      submitted,\n      value,\n      initialValue,\n      path,\n      schemaPath,\n      readOnly,\n      permissions,\n      filterOptions,\n      initializing,\n    ],\n  )\n\n  // Throttle the validate function\n  useThrottledEffect(\n    () => {\n      const validateField = async () => {\n        let valueToValidate = value\n\n        if (field?.rows && Array.isArray(field.rows)) {\n          valueToValidate = getDataByPath(path)\n        }\n\n        let errorMessage: string | undefined = prevErrorMessage.current\n        let valid: boolean | string = prevValid.current\n\n        const isValid =\n          typeof validate === 'function'\n            ? await validate(valueToValidate, {\n                id,\n                collectionSlug,\n                data: getData(),\n                operation,\n                preferences: {} as any,\n                req: {\n                  payload: {\n                    config,\n                  },\n                  t,\n                  user,\n                } as unknown as PayloadRequest,\n                siblingData: getSiblingData(path),\n              })\n            : true\n\n        if (typeof isValid === 'string') {\n          valid = false\n          errorMessage = isValid\n        } else if (typeof isValid === 'boolean') {\n          valid = isValid\n          errorMessage = undefined\n        }\n\n        // Only dispatch if the validation result has changed\n        // This will prevent unnecessary rerenders\n        if (valid !== prevValid.current || errorMessage !== prevErrorMessage.current) {\n          prevValid.current = valid\n          prevErrorMessage.current = errorMessage\n\n          const update: UPDATE = {\n            type: 'UPDATE',\n            errorMessage,\n            path,\n            rows: field?.rows,\n            valid,\n            validate,\n            value,\n          }\n\n          if (disableFormData || (hasRows ? typeof value === 'number' && value > 0 : false)) {\n            update.disableFormData = true\n          }\n\n          if (typeof dispatchField === 'function') {\n            dispatchField(update)\n          }\n        }\n      }\n\n      void validateField()\n    },\n    150,\n    [\n      value,\n      disableFormData,\n      dispatchField,\n      getData,\n      getSiblingData,\n      getDataByPath,\n      id,\n      operation,\n      path,\n      user,\n      validate,\n      field?.rows,\n      collectionSlug,\n    ],\n  )\n\n  return result\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useCallback","useMemo","useRef","useThrottledEffect","useAuth","useConfig","useDocumentInfo","useOperation","useTranslation","useForm","useFormFields","useFormInitializing","useFormModified","useFormProcessing","useFormSubmitted","useField","options","$","disableFormData","t0","hasRows","path","validate","undefined","submitted","processing","initializing","user","id","collectionSlug","operation","t1","t2","fields","dispatch","dispatchField","field","t","config","getData","getDataByPath","getSiblingData","setModified","modified","filterOptions","value","initialValue","valid","showError","prevValid","prevErrorMessage","errorMessage","e","t3","disableModifyingForm","val","target","type","setTimeout","setValue","rows","errorPaths","customComponents","t4","t5","t6","t7","t8","t9","formInitializing","formProcessing","formSubmitted","result","t10","validateField","valueToValidate","Array","isArray","current","valid_0","isValid","data","preferences","req","payload","siblingData","update","t11","t12"],"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  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 = <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, 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 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  // 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      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?.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      filterOptions,\n      initializing,\n      field?.customComponents,\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 isValid =\n          typeof validate === 'function'\n            ? await validate(valueToValidate, {\n                id,\n                collectionSlug,\n                data: getData(),\n                operation,\n                preferences: {} as any,\n                req: {\n                  payload: {\n                    config,\n                  },\n                  t,\n                  user,\n                } as unknown as PayloadRequest,\n                siblingData: getSiblingData(path),\n              })\n            : 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":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,WAAW,EAAEC,OAAO,EAAEC,MAAM,QAAQ;AAO7C,SAASC,kBAAkB,QAAQ;AACnC,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SACEC,OAAO,EACPC,aAAa,EACbC,mBAAmB,EACnBC,eAAe,EACfC,iBAAiB,EACjBC,gBAAgB,QACX;AAEP;;;;;AAKA,OAAO,MAAMC,QAAA,GAAWC,OAAA;EAAA,MAAAC,CAAA,GAAAlB,EAAA;EACtB;IAAAmB,eAAA,EAAAC,EAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC;EAAA,IAA6DN,OAAA;EAArD,MAAAE,eAAA,GAAAC,EAAuB,KAAAI,SAAA,WAAvBJ,EAAuB;EAE/B,MAAAK,SAAA,GAAkBV,gBAAA;EAClB,MAAAW,UAAA,GAAmBZ,iBAAA;EACnB,MAAAa,YAAA,GAAqBf,mBAAA;EACrB;IAAAgB;EAAA,IAAiBvB,OAAA;EACjB;IAAAwB,EAAA;IAAAC;EAAA,IAA+BvB,eAAA;EAC/B,MAAAwB,SAAA,GAAkBvB,YAAA;EAAA,IAAAwB,EAAA;EAAA,IAAAd,CAAA,QAAAI,IAAA;IAE6BU,EAAA,GAAAC,EAAA;MAAC,OAAAC,MAAA,EAAAC,QAAA,IAAAF,EAAkB;MAAA;QAAAG,aAAA,EACjDD,QAAA;QAAAE,KAAA,EACRH,MAAC,IAAUA,MAAA,GAASZ,IAAA,CAAK;MAAK;IAAA;IACvCJ,CAAA,MAAAI,IAAA;IAAAJ,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAHA;IAAAkB,aAAA;IAAAC;EAAA,IAAiC1B,aAAA,CAAcqB,EAG/C;EAEA;IAAAM;EAAA,IAAc7B,cAAA;EACd;IAAA8B;EAAA,IAAmBjC,SAAA;EAEnB;IAAAkC,OAAA;IAAAC,aAAA;IAAAC,cAAA;IAAAC;EAAA,IAAgEjC,OAAA;EAChE,MAAAkC,QAAA,GAAiB/B,eAAA;EAEjB,MAAAgC,aAAA,GAAsBR,KAAA,EAAAQ,aAAA;EACtB,MAAAC,KAAA,GAAcT,KAAA,EAAAS,KAAA;EACd,MAAAC,YAAA,GAAqBV,KAAA,EAAAU,YAAA;EACrB,MAAAC,KAAA,GAAc,OAAOX,KAAA,EAAAW,KAAA,KAAiB,YAAYX,KAAA,CAAAW,KAAA,OAAc;EAChE,MAAAC,SAAA,GAAkBD,KAAA,UAAU,IAASvB,SAAA;EAErC,MAAAyB,SAAA,GAAkB/C,MAAA,CAAO6C,KAAA;EACzB,MAAAG,gBAAA,GAAyBhD,MAAA,CAAOkC,KAAA,EAAAe,YAAO;EAAA,IAAAnB,EAAA;EAAA,IAAAf,CAAA,QAAAkB,aAAA,IAAAlB,CAAA,QAAAC,eAAA,IAAAD,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAyB,WAAA,IAAAzB,CAAA,QAAA0B,QAAA;IAKrCX,EAAA,GAAAA,CAAAoB,CAAA,EAAAC,EAAA;MAAI,MAAAC,oBAAA,GAAAD,EAA4B,KAAA9B,SAAA,WAA5B8B,EAA4B;MAC9B,MAAAE,GAAA,GAAYH,CAAA,IAAKA,CAAA,CAAAI,MAAQ,GAAGJ,CAAA,CAAAI,MAAA,CAAAX,KAAA,GAAiBO,CAAA;MAC7CjB,aAAA;QAAAsB,IAAA,EACQ;QAAAvC,eAAA,EACWA,eAAA,IAAoBE,OAAA,IAAWmC,GAAA,IAAM;QAAAlC,IAAA;QAAAwB,KAAA,EAE/CU;MAAA,CACT;MAAA,KAEKD,oBAAA;QAAA,IACC,OAAOZ,WAAA,KAAgB;UAAA,IAcrBC,QAAA,UAAa;YAGfe,UAAA;cACEhB,WAAA,KAAY;YAAA,KACX;UAAA;QAAA;MAAA;IAAA;IAIXzB,CAAA,MAAAkB,aAAA;IAAAlB,CAAA,MAAAC,eAAA;IAAAD,CAAA,MAAAG,OAAA;IAAAH,CAAA,MAAAI,IAAA;IAAAJ,CAAA,MAAAyB,WAAA;IAAAzB,CAAA,MAAA0B,QAAA;IAAA1B,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAlCF,MAAA0C,QAAA,GAAiB3B,EAmCuD;EAuBpEI,KAAA,EAAAe,YAAA;EACAf,KAAA,EAAAwB,IAAA;EACAxB,KAAA,EAAAW,KAAA;EACAX,KAAA,EAAAyB,UAAA;EAUAzB,KAAA,EAAA0B,gBAAA;EAAA,IAAAT,EAAA;EA7BkB,MAAAU,EAAA,GAAA3B,KAAA,EAAA0B,gBAAA;EACJ,MAAAE,EAAA,GAAA5B,KAAA,EAAAe,YAAA;EAAO,IAAAc,EAAA;EAAA,IAAAhD,CAAA,QAAAmB,KAAA,EAAAyB,UAAA;IACTI,EAAA,GAAA7B,KAAA,EAAAyB,UAAA,MAAuB;IAAA5C,CAAA,MAAAmB,KAAA,EAAAyB,UAAA;IAAA5C,CAAA,OAAAgD,EAAA;EAAA;IAAAA,EAAA,GAAAhD,CAAA;EAAA;EAO7B,MAAAiD,EAAA,GAAA9B,KAAA,EAAAwB,IAAA;EAGC,MAAAO,EAAA,GAAA/B,KAAA,EAAAW,KAAA;EAAO,IAAAqB,EAAA;EAAA,IAAAnD,CAAA,SAAA8C,EAAA,IAAA9C,CAAA,SAAA+C,EAAA,IAAA/C,CAAA,SAAAgD,EAAA,IAAAhD,CAAA,SAAA2B,aAAA,IAAA3B,CAAA,SAAAS,YAAA,IAAAT,CAAA,SAAAQ,UAAA,IAAAR,CAAA,SAAAO,SAAA,IAAAP,CAAA,SAAA6B,YAAA,IAAA7B,CAAA,SAAAI,IAAA,IAAAJ,CAAA,SAAAiD,EAAA,IAAAjD,CAAA,SAAA0C,QAAA,IAAA1C,CAAA,SAAA+B,SAAA,IAAA/B,CAAA,SAAAkD,EAAA,IAAAlD,CAAA,SAAA4B,KAAA;IAbTuB,EAAA;MAAAN,gBAAA,EACaC,EAAO;MAAAZ,YAAA,EACXa,EAAO;MAAAH,UAAA,EACTI,EAAuB;MAAArB,aAAA;MAAAyB,gBAAA,EAEjB3C,YAAA;MAAA4C,cAAA,EACF7C,UAAA;MAAA8C,aAAA,EACD/C,SAAA;MAAAsB,YAAA;MAAAzB,IAAA;MAAAuC,IAAA,EAGTM,EAAO;MAAAP,QAAA;MAAAX,SAAA;MAAAD,KAAA,EAGNoB,EAAO;MAAAtB;IAAA;IAEhB5B,CAAA,OAAA8C,EAAA;IAAA9C,CAAA,OAAA+C,EAAA;IAAA/C,CAAA,OAAAgD,EAAA;IAAAhD,CAAA,OAAA2B,aAAA;IAAA3B,CAAA,OAAAS,YAAA;IAAAT,CAAA,OAAAQ,UAAA;IAAAR,CAAA,OAAAO,SAAA;IAAAP,CAAA,OAAA6B,YAAA;IAAA7B,CAAA,OAAAI,IAAA;IAAAJ,CAAA,OAAAiD,EAAA;IAAAjD,CAAA,OAAA0C,QAAA;IAAA1C,CAAA,OAAA+B,SAAA;IAAA/B,CAAA,OAAAkD,EAAA;IAAAlD,CAAA,OAAA4B,KAAA;IAAA5B,CAAA,OAAAmD,EAAA;EAAA;IAAAA,EAAA,GAAAnD,CAAA;EAAA;EAAAoC,EAAA,GAfOe,EAeP;EAhBF,MAAAI,MAAA,GAAkCnB,EAgC/B;EAAA,IAAAoB,GAAA;EAAA,IAAAxD,CAAA,SAAA4B,KAAA,IAAA5B,CAAA,SAAAmB,KAAA,IAAAnB,CAAA,SAAAuB,aAAA,IAAAvB,CAAA,SAAAI,IAAA,IAAAJ,CAAA,SAAAK,QAAA,IAAAL,CAAA,SAAAW,EAAA,IAAAX,CAAA,SAAAY,cAAA,IAAAZ,CAAA,SAAAsB,OAAA,IAAAtB,CAAA,SAAAa,SAAA,IAAAb,CAAA,SAAAqB,MAAA,IAAArB,CAAA,SAAAoB,CAAA,IAAApB,CAAA,SAAAU,IAAA,IAAAV,CAAA,SAAAwB,cAAA,IAAAxB,CAAA,SAAAC,eAAA,IAAAD,CAAA,SAAAG,OAAA,IAAAH,CAAA,SAAAkB,aAAA;IAKDsC,GAAA,GAAAA,CAAA;MACE,MAAAC,aAAA,SAAAA,CAAA;QACE,IAAAC,eAAA,GAAsB9B,KAAA;QAAA,IAElBT,KAAA,EAAAwB,IAAA,IAAegB,KAAA,CAAAC,OAAA,CAAczC,KAAA,CAAAwB,IAAU;UACzCe,eAAA,CAAAA,CAAA,CAAkBnC,aAAA,CAAcnB,IAAA;QAAhC;QAGF,IAAA8B,YAAA,GAAuCD,gBAAA,CAAA4B,OAAA;QACvC,IAAAC,OAAA,GAA8B9B,SAAA,CAAA6B,OAAA;QAE9B,MAAAE,OAAA,GACE,OAAO1D,QAAA,KAAa,mBACVA,QAAA,CAASqD,eAAA;UAAA/C,EAAA;UAAAC,cAAA;UAAAoD,IAAA,EAGP1C,OAAA;UAAAT,SAAA;UAAAoD,WAAA;UAAAC,GAAA;YAAAC,OAAA;cAAA9C;YAAA;YAAAD,CAAA;YAAAV;UAAA;UAAA0D,WAAA,EAUO5C,cAAA,CAAepB,IAAA;QAAA,CAC9B,IACA,OAAO6B,gBAAA,CAAA4B,OAAA,KAA6B,WAClC5B,gBAAA,CAAA4B,OAAA,GACA7B,SAAA,CAAA6B,OAAiB;QAAA,IAErB,OAAOE,OAAA,KAAY;UACrBjC,OAAA,CAAAA,CAAA,CAAAA,KAAA;UACAI,YAAA,CAAAA,CAAA,CAAe6B,OAAA;QAAf;UAAA,IACS,OAAOA,OAAA,KAAY;YAC5BjC,OAAA,CAAAA,CAAA,CAAQiC,OAAA;YACR7B,YAAA,CAAAA,CAAA,CAAAA,SAAA;UAAA;QAAA;QAAA,IAKEJ,OAAA,KAAUE,SAAA,CAAA6B,OAAiB,IAAI3B,YAAA,KAAiBD,gBAAA,CAAA4B,OAAwB;UAC1E7B,SAAA,CAAA6B,OAAA,GAAoB/B,OAAA;UACpBG,gBAAA,CAAA4B,OAAA,GAA2B3B,YAAA;UAE3B,MAAAmC,MAAA;YAAA7B,IAAA,EACQ;YAAAN,YAAA;YAAA9B,IAAA;YAAAuC,IAAA,EAGAxB,KAAA,EAAAwB,IAAA;YAAAb,KAAA,EACNA,OAAA;YAAAzB,QAAA;YAAAuB;UAAA;UAGF,IAEI3B,eAAA,KAAoBE,OAAA,GAAU,OAAOyB,KAAA,KAAU,YAAYA,KAAA,IAAQ,QAAQ;YAC7EyC,MAAA,CAAApE,eAAA;UAAA;UAAA,IAGE,OAAOiB,aAAA,KAAkB;YAC3BA,aAAA,CAAcmD,MAAA;UAAA;QAAA;MAAA;MAKfZ,aAAA;IAAA;IACPzD,CAAA,OAAA4B,KAAA;IAAA5B,CAAA,OAAAmB,KAAA;IAAAnB,CAAA,OAAAuB,aAAA;IAAAvB,CAAA,OAAAI,IAAA;IAAAJ,CAAA,OAAAK,QAAA;IAAAL,CAAA,OAAAW,EAAA;IAAAX,CAAA,OAAAY,cAAA;IAAAZ,CAAA,OAAAsB,OAAA;IAAAtB,CAAA,OAAAa,SAAA;IAAAb,CAAA,OAAAqB,MAAA;IAAArB,CAAA,OAAAoB,CAAA;IAAApB,CAAA,OAAAU,IAAA;IAAAV,CAAA,OAAAwB,cAAA;IAAAxB,CAAA,OAAAC,eAAA;IAAAD,CAAA,OAAAG,OAAA;IAAAH,CAAA,OAAAkB,aAAA;IAAAlB,CAAA,OAAAwD,GAAA;EAAA;IAAAA,GAAA,GAAAxD,CAAA;EAAA;EAcE,MAAAsE,GAAA,GAAAnD,KAAA,EAAAwB,IAAA;EAAO,IAAA4B,GAAA;EAAA,IAAAvE,CAAA,SAAA4B,KAAA,IAAA5B,CAAA,SAAAC,eAAA,IAAAD,CAAA,SAAAkB,aAAA,IAAAlB,CAAA,SAAAsB,OAAA,IAAAtB,CAAA,SAAAwB,cAAA,IAAAxB,CAAA,SAAAuB,aAAA,IAAAvB,CAAA,SAAAW,EAAA,IAAAX,CAAA,SAAAa,SAAA,IAAAb,CAAA,SAAAI,IAAA,IAAAJ,CAAA,SAAAU,IAAA,IAAAV,CAAA,SAAAK,QAAA,IAAAL,CAAA,SAAAsE,GAAA,IAAAtE,CAAA,SAAAY,cAAA;IAZT2D,GAAA,IACE3C,KAAA,EACA3B,eAAA,EACAiB,aAAA,EACAI,OAAA,EACAE,cAAA,EACAD,aAAA,EACAZ,EAAA,EACAE,SAAA,EACAT,IAAA,EACAM,IAAA,EACAL,QAAA,EACAiE,GAAO,EACP1D,cAAA;IACDZ,CAAA,OAAA4B,KAAA;IAAA5B,CAAA,OAAAC,eAAA;IAAAD,CAAA,OAAAkB,aAAA;IAAAlB,CAAA,OAAAsB,OAAA;IAAAtB,CAAA,OAAAwB,cAAA;IAAAxB,CAAA,OAAAuB,aAAA;IAAAvB,CAAA,OAAAW,EAAA;IAAAX,CAAA,OAAAa,SAAA;IAAAb,CAAA,OAAAI,IAAA;IAAAJ,CAAA,OAAAU,IAAA;IAAAV,CAAA,OAAAK,QAAA;IAAAL,CAAA,OAAAsE,GAAA;IAAAtE,CAAA,OAAAY,cAAA;IAAAZ,CAAA,OAAAuE,GAAA;EAAA;IAAAA,GAAA,GAAAvE,CAAA;EAAA;EApFHd,kBAAA,CACEsE,GAmEA,OAEAe,GAcC;EAAA,OAGIhB,MAAA;AAAA,CACT","ignoreList":[]}

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

@@ -1,14 +1,12 @@
-import type { FieldPermissions, FilterOptionsResult, Row, Validate } from 'payload';
+import type { FieldState, FilterOptionsResult, Row, Validate } from 'payload';
 export type Options = {
     disableFormData?: boolean;
     hasRows?: boolean;
-    /**
-     * If you do not provide a `path` or a `name`, this hook will look for one using the `useFieldProps` hook.
-     **/
-    path?: string;
+    path: string;
     validate?: Validate;
 };
 export type FieldType<T> = {
+    customComponents?: FieldState['customComponents'];
     errorMessage?: string;
     errorPaths?: string[];
     filterOptions?: FilterOptionsResult;
@@ -16,11 +14,8 @@ export type FieldType<T> = {
     formProcessing: boolean;
     formSubmitted: boolean;
     initialValue?: T;
-    path: string;
-    permissions: FieldPermissions;
     readOnly?: boolean;
     rows?: Row[];
-    schemaPath: string;
     setValue: (val: unknown, disableModifyingForm?: boolean) => void;
     showError: boolean;
     valid?: boolean;

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,gBAAgB,EAAE,mBAAmB,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEnF,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,QAAQ,CAAA;CACpB,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"}
+{"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,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/useField/types.ts"],"sourcesContent":["import type { FieldPermissions, FilterOptionsResult, Row, Validate } from 'payload'\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 `useFieldProps` hook.\n   **/\n  path?: string\n  validate?: Validate\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"],"mappings":"AAYA","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  path: string\n  validate?: Validate\n}\n\nexport type FieldType<T> = {\n  customComponents?: FieldState['customComponents']\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":[]}

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

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

package/dist/forms/withCondition/WatchCondition.js

@@ -5,60 +5,41 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Fragment } from 'react';
 import { useFormFields } from '../Form/context.js';
 export const WatchCondition = props => {
-  const $ = _c(7);
-  let formStateID;
-  let children;
-  if ($[0] !== props) {
-    const {
-      name,
-      type,
-      children: t0,
-      indexPath,
-      path: pathFromProps
-    } = props;
-    children = t0;
-    const path = typeof pathFromProps === "string" ? pathFromProps : name;
-    formStateID = path;
-    if (["collapsible", "row"].includes(type)) {
-      const index = indexPath.split(".").pop();
-      formStateID = `${path ? `${path}.` : ""}_index-${index}`;
-    }
-    $[0] = props;
-    $[1] = formStateID;
-    $[2] = children;
-  } else {
-    formStateID = $[1];
-    children = $[2];
-  }
-  const t0 = formStateID;
-  let t1;
-  if ($[3] !== t0) {
-    t1 = t2 => {
-      const [fields] = t2;
-      return fields && fields?.[formStateID] || null;
+  const $ = _c(4);
+  const {
+    name,
+    children,
+    path: pathFromProps
+  } = props;
+  const path = typeof pathFromProps === "string" ? pathFromProps : name;
+  let t0;
+  if ($[0] !== path) {
+    t0 = t1 => {
+      const [fields] = t1;
+      return fields && fields?.[path] || null;
     };
-    $[3] = t0;
-    $[4] = t1;
+    $[0] = path;
+    $[1] = t0;
   } else {
-    t1 = $[4];
+    t0 = $[1];
   }
-  const field = useFormFields(t1);
+  const field = useFormFields(t0);
   const {
     passesCondition
   } = field || {};
   if (passesCondition === false) {
     return null;
   }
-  let t2;
-  if ($[5] !== children) {
-    t2 = _jsx(Fragment, {
+  let t1;
+  if ($[2] !== children) {
+    t1 = _jsx(Fragment, {
       children
     });
-    $[5] = children;
-    $[6] = t2;
+    $[2] = children;
+    $[3] = t1;
   } else {
-    t2 = $[6];
+    t1 = $[3];
   }
-  return t2;
+  return t1;
 };
 //# sourceMappingURL=WatchCondition.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WatchCondition.js","names":["c","_c","React","Fragment","useFormFields","WatchCondition","props","$","formStateID","children","name","type","t0","indexPath","path","pathFromProps","includes","index","split","pop","t1","t2","fields","field","passesCondition","_jsx"],"sources":["../../../src/forms/withCondition/WatchCondition.tsx"],"sourcesContent":["'use client'\nimport type { FieldTypes } from 'payload'\n\nimport React, { Fragment } from 'react'\n\nimport { useFormFields } from '../Form/context.js'\n\nexport const WatchCondition: React.FC<{\n  children: React.ReactNode\n  indexPath: string\n  name?: string\n  path?: string\n  type: FieldTypes\n}> = (props) => {\n  const { name, type, children, indexPath, path: pathFromProps } = props\n\n  const path = typeof pathFromProps === 'string' ? pathFromProps : name\n\n  let formStateID = path\n\n  if (['collapsible', 'row'].includes(type)) {\n    const index = indexPath.split('.').pop()\n    formStateID = `${path ? `${path}.` : ''}_index-${index}`\n  }\n\n  const field = useFormFields(([fields]) => (fields && fields?.[formStateID]) || null)\n\n  const { passesCondition } = field || {}\n\n  if (passesCondition === false) {\n    return null\n  }\n\n  return <Fragment>{children}</Fragment>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,aAAa,QAAQ;AAE9B,OAAO,MAAMC,cAAA,GAMRC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAA,IAAAO,WAAA;EAAA,IAAAC,QAAA;EAAA,IAAAF,CAAA,QAAAD,KAAA;IACH;MAAAI,IAAA;MAAAC,IAAA;MAAAF,QAAA,EAAAG,EAAA;MAAAC,SAAA;MAAAC,IAAA,EAAAC;IAAA,IAAiET,KAAA;IAAjEG,QAAA,GAAAG,EAAA;IAEA,MAAAE,IAAA,GAAa,OAAOC,aAAA,KAAkB,WAAWA,aAAA,GAAgBL,IAAA;IAEjEF,WAAA,GAAkBM,IAAA;IAAA,IAEd,CAAC,eAAe,OAAAE,QAAA,CAAgBL,IAAA;MAClC,MAAAM,KAAA,GAAcJ,SAAA,CAAAK,KAAA,CAAgB,KAAAC,GAAA,CAAQ;MACtCX,WAAA,CAAAA,CAAA,CAAcA,GAAGM,IAAA,GAAO,GAAGA,IAAA,GAAO,GAAG,YAAYG,KAAA,EAAO;IAAxD;IAAAV,CAAA,MAAAD,KAAA;IAAAC,CAAA,MAAAC,WAAA;IAAAD,CAAA,MAAAE,QAAA;EAAA;IAAAD,WAAA,GAAAD,CAAA;IAAAE,QAAA,GAAAF,CAAA;EAAA;EAG4DC,KAAA,CAAAA,EAAA,CAAAA,CAAA,CAAAA,WAAA;EAAA,IAAAY,EAAA;EAAA,IAAAb,CAAA,QAAAK,EAAA;IAAlCQ,EAAA,GAAAC,EAAA;MAAC,OAAAC,MAAA,IAAAD,EAAQ;MAAA,OAAKC,MAAC,IAAUA,MAAA,GAASd,WAAA,CAAY,QAAK;IAAA;IAAAD,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAA/E,MAAAgB,KAAA,GAAcnB,aAAA,CAAcgB,EAAmD;EAE/E;IAAAI;EAAA,IAA4BD,KAAA,MAAU;EAAA,IAElCC,eAAA,UAAoB;IAAA;EAAA;EAAA,IAAAH,EAAA;EAAA,IAAAd,CAAA,QAAAE,QAAA;IAIjBY,EAAA,GAAAI,IAAA,CAAAtB,QAAA;MAAAM;IAAA,C;;;;;;SAAAY,E;CACT","ignoreList":[]}
+{"version":3,"file":"WatchCondition.js","names":["c","_c","React","Fragment","useFormFields","WatchCondition","props","$","name","children","path","pathFromProps","t0","t1","fields","field","passesCondition","_jsx"],"sources":["../../../src/forms/withCondition/WatchCondition.tsx"],"sourcesContent":["'use client'\nimport type { FieldTypes } from 'payload'\n\nimport React, { Fragment } from 'react'\n\nimport { useFormFields } from '../Form/context.js'\n\nexport const WatchCondition: React.FC<{\n  children: React.ReactNode\n  indexPath: string\n  name?: string\n  path?: string\n  type: FieldTypes\n}> = (props) => {\n  const { name, children, path: pathFromProps } = props\n\n  const path = typeof pathFromProps === 'string' ? pathFromProps : name\n\n  const field = useFormFields(([fields]) => (fields && fields?.[path]) || null)\n\n  const { passesCondition } = field || {}\n\n  if (passesCondition === false) {\n    return null\n  }\n\n  return <Fragment>{children}</Fragment>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,aAAa,QAAQ;AAE9B,OAAO,MAAMC,cAAA,GAMRC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACH;IAAAO,IAAA;IAAAC,QAAA;IAAAC,IAAA,EAAAC;EAAA,IAAgDL,KAAA;EAEhD,MAAAI,IAAA,GAAa,OAAOC,aAAA,KAAkB,WAAWA,aAAA,GAAgBH,IAAA;EAAA,IAAAI,EAAA;EAAA,IAAAL,CAAA,QAAAG,IAAA;IAErCE,EAAA,GAAAC,EAAA;MAAC,OAAAC,MAAA,IAAAD,EAAQ;MAAA,OAAKC,MAAC,IAAUA,MAAA,GAASJ,IAAA,CAAK,QAAK;IAAA;IAAAH,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAxE,MAAAQ,KAAA,GAAcX,aAAA,CAAcQ,EAA4C;EAExE;IAAAI;EAAA,IAA4BD,KAAA,MAAU;EAAA,IAElCC,eAAA,UAAoB;IAAA;EAAA;EAAA,IAAAH,EAAA;EAAA,IAAAN,CAAA,QAAAE,QAAA;IAIjBI,EAAA,GAAAI,IAAA,CAAAd,QAAA;MAAAM;IAAA,C;;;;;;SAAAI,E;CACT","ignoreList":[]}

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

@@ -1,3 +1,5 @@
+import type { ClientFieldProps } from 'payload';
+import type { MarkOptional } from 'ts-essentials';
 import React from 'react';
-export declare const withCondition: <P extends Record<string, unknown>>(Field: React.ComponentType<P>) => React.FC<P>;
+export declare const withCondition: <P extends MarkOptional<Pick<ClientFieldProps, "field" | "indexPath" | "path">, "indexPath" | "path">>(Field: React.ComponentType<P>) => React.FC<P>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/withCondition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,SACtD,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAC5B,KAAK,CAAC,EAAE,CAAC,CAAC,CAcZ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/withCondition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,aAAa,GACxB,CAAC,SAAS,YAAY,CACpB,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,CAAC,EACtD,WAAW,GAAG,MAAM,CACrB,SAEM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAC5B,KAAK,CAAC,EAAE,CAAC,CAAC,CAoBZ,CAAA"}

package/dist/forms/withCondition/index.js

@@ -1,43 +1,28 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { useFieldProps } from '../FieldPropsProvider/index.js';
 import { WatchCondition } from './WatchCondition.js';
 export const withCondition = Field => {
   const CheckForCondition = props => {
-    const $ = _c(6);
     const {
-      name
-    } = props;
-    const {
-      type,
+      field: {
+        type
+      },
       indexPath,
-      path: pathFromContext
-    } = useFieldProps();
-    const path = pathFromContext ?? name;
-    let t0;
-    if ($[0] !== props || $[1] !== indexPath || $[2] !== name || $[3] !== path || $[4] !== type) {
-      t0 = _jsx(WatchCondition, {
-        indexPath,
-        name,
-        path,
-        type,
-        children: _jsx(Field, {
-          ...props
-        })
-      });
-      $[0] = props;
-      $[1] = indexPath;
-      $[2] = name;
-      $[3] = path;
-      $[4] = type;
-      $[5] = t0;
-    } else {
-      t0 = $[5];
-    }
-    return t0;
+      path: pathFromProps
+    } = props;
+    const name = 'name' in props.field ? props.field.name : undefined;
+    const path = pathFromProps ?? name;
+    return /*#__PURE__*/_jsx(WatchCondition, {
+      indexPath: indexPath,
+      name: name,
+      path: path,
+      type: type,
+      children: /*#__PURE__*/_jsx(Field, {
+        ...props
+      })
+    });
   };
   return CheckForCondition;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useFieldProps","WatchCondition","withCondition","Field","CheckForCondition","props","$","name","type","indexPath","path","pathFromContext","t0","_jsx","children"],"sources":["../../../src/forms/withCondition/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useFieldProps } from '../FieldPropsProvider/index.js'\nimport { WatchCondition } from './WatchCondition.js'\n\nexport const withCondition = <P extends Record<string, unknown>>(\n  Field: React.ComponentType<P>,\n): React.FC<P> => {\n  const CheckForCondition: React.FC<P> = (props) => {\n    const { name } = props\n    const { type, indexPath, path: pathFromContext } = useFieldProps()\n    const path = pathFromContext ?? name\n\n    return (\n      <WatchCondition indexPath={indexPath} name={name as string} path={path as string} type={type}>\n        <Field {...props} />\n      </WatchCondition>\n    )\n  }\n\n  return CheckForCondition\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,aAAA,GACXC,KAAA;EAEA,MAAMC,iBAAA,GAAiCC,KAAA;IAAA,MAAAC,CAAA,GAAAR,EAAA;IACrC;MAAAS;IAAA,IAAiBF,KAAA;IACjB;MAAAG,IAAA;MAAAC,SAAA;MAAAC,IAAA,EAAAC;IAAA,IAAmDX,aAAA;IACnD,MAAAU,IAAA,GAAaC,eAAA,IAAmBJ,IAAA;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAD,KAAA,IAAAC,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAC,IAAA,IAAAD,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAE,IAAA;MAG9BI,EAAA,GAAAC,IAAA,CAAAZ,cAAA;QAAAQ,SAAA;QAAAF,IAAA;QAAAG,IAAA;QAAAF,IAAA;QAAAM,QAAA,EACED,IAAA,CAAAV,KAAA;UAAA,GAAWE;QAAK,C;;;;;;;;;;;WADlBO,E;GAIJ;EAEA,OAAOR,iBAAA;AACT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","WatchCondition","withCondition","Field","CheckForCondition","props","field","type","indexPath","path","pathFromProps","name","undefined","_jsx"],"sources":["../../../src/forms/withCondition/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientFieldProps } from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport React from 'react'\n\nimport { WatchCondition } from './WatchCondition.js'\n\nexport const withCondition = <\n  P extends MarkOptional<\n    Pick<ClientFieldProps, 'field' | 'indexPath' | 'path'>,\n    'indexPath' | 'path'\n  >,\n>(\n  Field: React.ComponentType<P>,\n): React.FC<P> => {\n  const CheckForCondition: React.FC<P> = (props) => {\n    const {\n      field: { type },\n      indexPath,\n      path: pathFromProps,\n    } = props\n\n    const name = 'name' in props.field ? props.field.name : undefined\n\n    const path = pathFromProps ?? name\n\n    return (\n      <WatchCondition indexPath={indexPath} name={name} path={path} type={type}>\n        <Field {...props} />\n      </WatchCondition>\n    )\n  }\n\n  return CheckForCondition\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,aAAA,GAMXC,KAAA;EAEA,MAAMC,iBAAA,GAAkCC,KAAA;IACtC,MAAM;MACJC,KAAA,EAAO;QAAEC;MAAI,CAAE;MACfC,SAAS;MACTC,IAAA,EAAMC;IAAa,CACpB,GAAGL,KAAA;IAEJ,MAAMM,IAAA,GAAO,UAAUN,KAAA,CAAMC,KAAK,GAAGD,KAAA,CAAMC,KAAK,CAACK,IAAI,GAAGC,SAAA;IAExD,MAAMH,IAAA,GAAOC,aAAA,IAAiBC,IAAA;IAE9B,oBACEE,IAAA,CAACZ,cAAA;MAAeO,SAAA,EAAWA,SAAA;MAAWG,IAAA,EAAMA,IAAA;MAAMF,IAAA,EAAMA,IAAA;MAAMF,IAAA,EAAMA,IAAA;gBAClE,aAAAM,IAAA,CAACV,KAAA;QAAO,GAAGE;;;EAGjB;EAEA,OAAOD,iBAAA;AACT","ignoreList":[]}

package/dist/graphics/Account/Default/index.scss

@@ -1,54 +1,38 @@
-.graphic-account {
-  vector-effect: non-scaling-stroke;
-  overflow: visible;
-  position: relative;
-
-  &__bg {
-    fill: var(--theme-elevation-50);
-    stroke: var(--theme-elevation-200);
-    stroke-width: 1px;
-  }
-
-  &__head,
-  &__body {
-    fill: var(--theme-elevation-200);
-  }
+@layer payload-default {
+  .graphic-account {
+    vector-effect: non-scaling-stroke;
+    overflow: visible;
+    position: relative;
 
-  &--active {
-    .graphic-account {
-      &__bg {
-        fill: var(--theme-elevation-500);
-        stroke: var(--theme-text);
-      }
+    &__bg {
+      fill: var(--theme-elevation-50);
+      stroke: var(--theme-elevation-200);
+      stroke-width: 1px;
+    }
 
-      &__head,
-      &__body {
-        fill: var(--theme-text);
-      }
+    &__head,
+    &__body {
+      fill: var(--theme-elevation-200);
     }
-  }
 
-  &:hover:not(.graphic-account--active) {
-    .graphic-account {
-      &__bg {
-        fill: var(--theme-elevation-200);
-        stroke: var(--theme-elevation-600);
-      }
+    &--active {
+      .graphic-account {
+        &__bg {
+          fill: var(--theme-elevation-500);
+          stroke: var(--theme-text);
+        }
 
-      &__head,
-      &__body {
-        fill: var(--theme-elevation-600);
+        &__head,
+        &__body {
+          fill: var(--theme-text);
+        }
       }
     }
-  }
-}
 
-[data-theme='light'] {
-  .graphic-account {
-    &--active {
+    &:hover:not(.graphic-account--active) {
       .graphic-account {
         &__bg {
-          fill: var(--theme-elevation-300);
+          fill: var(--theme-elevation-200);
           stroke: var(--theme-elevation-600);
         }
 
@@ -59,4 +43,22 @@
       }
     }
   }
+
+  [data-theme='light'] {
+    .graphic-account {
+      &--active {
+        .graphic-account {
+          &__bg {
+            fill: var(--theme-elevation-300);
+            stroke: var(--theme-elevation-600);
+          }
+
+          &__head,
+          &__body {
+            fill: var(--theme-elevation-600);
+          }
+        }
+      }
+    }
+  }
 }