@payloadcms/ui 3.2.3-canary.673b4b5 → 3.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useThrottledEffect","useAllFormFields","useFormSubmitted","buildPathSegments","getFieldStateFromPaths","WatchChildErrors","t0","$","fields","path","setErrorCount","formState","hasSubmitted","t1","pathSegments","t2","errorCount","t3"],"sources":["../../../src/forms/WatchChildErrors/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\nimport type React from 'react'\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAllFormFields, useFormSubmitted } from '../Form/context.js'\nimport { buildPathSegments } from './buildPathSegments.js'\nimport { getFieldStateFromPaths } from './getFieldStateFromPaths.js'\n\ntype TrackSubSchemaErrorCountProps = {\n  fields?: ClientField[]\n  path: (number | string)[]\n  setErrorCount: (count: number) => void\n}\n\nexport const WatchChildErrors: React.FC<TrackSubSchemaErrorCountProps> = ({\n  fields,\n  path,\n  setErrorCount,\n}) => {\n  const [formState] = useAllFormFields()\n  const hasSubmitted = useFormSubmitted()\n\n  const pathSegments = buildPathSegments(path, fields)\n\n  useThrottledEffect(\n    () => {\n      if (hasSubmitted) {\n        const { errorCount } = getFieldStateFromPaths({ formState, pathSegments })\n        setErrorCount(errorCount)\n      }\n    },\n    250,\n    [formState, hasSubmitted, fields],\n  )\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,kBAAkB,QAAQ;AACnC,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ;AACnD,SAASC,iBAAiB,QAAQ;AAClC,SAASC,sBAAsB,QAAQ;AAQvC,OAAO,MAAMC,gBAAA,GAA4DC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,MAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAJ,EAIzE;EACC,OAAAK,SAAA,IAAoBV,gBAAA;EACpB,MAAAW,YAAA,GAAqBV,gBAAA;EAAA,IAAAW,EAAA;EAAA,IAAAN,CAAA,QAAAE,IAAA,IAAAF,CAAA,QAAAC,MAAA;IAEAK,EAAA,GAAAV,iBAAA,CAAkBM,IAAA,EAAMD,MAAA;IAAAD,CAAA,MAAAE,IAAA;IAAAF,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAA7C,MAAAO,YAAA,GAAqBD,EAAwB;EAAA,IAAAE,EAAA;EAAA,IAAAR,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAO,YAAA,IAAAP,CAAA,QAAAG,aAAA;IAG3CK,EAAA,GAAAA,CAAA;MAAA,IACMH,YAAA;QACF;UAAAI;QAAA,IAAuBZ,sBAAA;UAAAO,SAAA;UAAAG;QAAA,CAAiD;QACxEJ,aAAA,CAAcM,UAAA;MAAA;IAAA;IAElBT,CAAA,MAAAK,YAAA;IAAAL,CAAA,MAAAI,SAAA;IAAAJ,CAAA,MAAAO,YAAA;IAAAP,CAAA,MAAAG,aAAA;IAAAH,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAA,IAAAU,EAAA;EAAA,IAAAV,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAK,YAAA,IAAAL,CAAA,SAAAC,MAAA;IAEAS,EAAA,IAACN,SAAA,EAAWC,YAAA,EAAcJ,MAAA;IAAOD,CAAA,MAAAI,SAAA;IAAAJ,CAAA,MAAAK,YAAA;IAAAL,CAAA,OAAAC,MAAA;IAAAD,CAAA,OAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EARnCP,kBAAA,CACEe,EAKA,OAEAE,EAAiC;EAAA;AAAA,CAIrC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useThrottledEffect","useAllFormFields","useFormSubmitted","buildPathSegments","getFieldStateFromPaths","WatchChildErrors","t0","$","fields","path","setErrorCount","formState","hasSubmitted","t1","pathSegments","t2","errorCount","t3"],"sources":["../../../src/forms/WatchChildErrors/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\nimport type React from 'react'\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAllFormFields, useFormSubmitted } from '../Form/context.js'\nimport { buildPathSegments } from './buildPathSegments.js'\nimport { getFieldStateFromPaths } from './getFieldStateFromPaths.js'\n\ntype TrackSubSchemaErrorCountProps = {\n  fields?: ClientField[]\n  path: (number | string)[]\n  setErrorCount: (count: number) => void\n}\n\nexport const WatchChildErrors: React.FC<TrackSubSchemaErrorCountProps> = ({\n  fields,\n  path,\n  setErrorCount,\n}) => {\n  const [formState] = useAllFormFields()\n  const hasSubmitted = useFormSubmitted()\n\n  const pathSegments = buildPathSegments(path, fields)\n\n  useThrottledEffect(\n    () => {\n      if (hasSubmitted) {\n        const { errorCount } = getFieldStateFromPaths({ formState, pathSegments })\n        setErrorCount(errorCount)\n      }\n    },\n    250,\n    [formState, hasSubmitted, fields],\n  )\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,kBAAkB,QAAQ;AACnC,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ;AACnD,SAASC,iBAAiB,QAAQ;AAClC,SAASC,sBAAsB,QAAQ;AAQvC,OAAO,MAAMC,gBAAA,GAA4DC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,MAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAJ,EAIzE;EACC,OAAAK,SAAA,IAAoBV,gBAAA;EACpB,MAAAW,YAAA,GAAqBV,gBAAA;EAAA,IAAAW,EAAA;EAAA,IAAAN,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAE,IAAA;IAEAI,EAAA,GAAAV,iBAAA,CAAkBM,IAAA,EAAMD,MAAA;IAAAD,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAE,IAAA;IAAAF,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAA7C,MAAAO,YAAA,GAAqBD,EAAwB;EAAA,IAAAE,EAAA;EAAA,IAAAR,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAO,YAAA,IAAAP,CAAA,QAAAG,aAAA;IAG3CK,EAAA,GAAAA,CAAA;MAAA,IACMH,YAAA;QACF;UAAAI;QAAA,IAAuBZ,sBAAA;UAAAO,SAAA;UAAAG;QAAA,CAAiD;QACxEJ,aAAA,CAAcM,UAAA;MAAA;IAAA;IAElBT,CAAA,MAAAI,SAAA;IAAAJ,CAAA,MAAAK,YAAA;IAAAL,CAAA,MAAAO,YAAA;IAAAP,CAAA,MAAAG,aAAA;IAAAH,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAA,IAAAU,EAAA;EAAA,IAAAV,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAI,SAAA,IAAAJ,CAAA,SAAAK,YAAA;IAEAK,EAAA,IAACN,SAAA,EAAWC,YAAA,EAAcJ,MAAA;IAAOD,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAI,SAAA;IAAAJ,CAAA,OAAAK,YAAA;IAAAL,CAAA,OAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EARnCP,kBAAA,CACEe,EAKA,OAEAE,EAAiC;EAAA;AAAA,CAIrC","ignoreList":[]}

package/dist/forms/useField/index.js

@@ -73,7 +73,7 @@ export const useField = options => {
   const prevValid = useRef(valid);
   const prevErrorMessage = useRef(field?.errorMessage);
   let t2;
-  if ($[2] !== dispatchField || $[3] !== disableFormData || $[4] !== hasRows || $[5] !== path || $[6] !== setModified || $[7] !== modified) {
+  if ($[2] !== disableFormData || $[3] !== dispatchField || $[4] !== hasRows || $[5] !== modified || $[6] !== path || $[7] !== setModified) {
     t2 = (e, t3) => {
       const disableModifyingForm = t3 === undefined ? false : t3;
       const val = e && e.target ? e.target.value : e;
@@ -93,12 +93,12 @@ export const useField = options => {
         }
       }
     };
-    $[2] = dispatchField;
-    $[3] = disableFormData;
+    $[2] = disableFormData;
+    $[3] = dispatchField;
     $[4] = hasRows;
-    $[5] = path;
-    $[6] = setModified;
-    $[7] = modified;
+    $[5] = modified;
+    $[6] = path;
+    $[7] = setModified;
     $[8] = t2;
   } else {
     t2 = $[8];
@@ -123,7 +123,7 @@ export const useField = options => {
   const t7 = field?.rows;
   const t8 = field?.valid;
   let t9;
-  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) {
+  if ($[11] !== filterOptions || $[12] !== initialValue || $[13] !== initializing || $[14] !== path || $[15] !== processing || $[16] !== setValue || $[17] !== showError || $[18] !== submitted || $[19] !== t4 || $[20] !== t5 || $[21] !== t6 || $[22] !== t7 || $[23] !== t8 || $[24] !== value) {
     t9 = {
       customComponents: t4,
       errorMessage: t5,
@@ -140,18 +140,18 @@ export const useField = options => {
       valid: t8,
       value
     };
-    $[11] = t4;
-    $[12] = t5;
-    $[13] = t6;
-    $[14] = filterOptions;
-    $[15] = initializing;
-    $[16] = processing;
-    $[17] = submitted;
-    $[18] = initialValue;
-    $[19] = path;
-    $[20] = t7;
-    $[21] = setValue;
-    $[22] = showError;
+    $[11] = filterOptions;
+    $[12] = initialValue;
+    $[13] = initializing;
+    $[14] = path;
+    $[15] = processing;
+    $[16] = setValue;
+    $[17] = showError;
+    $[18] = submitted;
+    $[19] = t4;
+    $[20] = t5;
+    $[21] = t6;
+    $[22] = t7;
     $[23] = t8;
     $[24] = value;
     $[25] = t9;
@@ -161,7 +161,7 @@ export const useField = options => {
   t3 = t9;
   const result = t3;
   let t10;
-  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) {
+  if ($[26] !== collectionSlug || $[27] !== config || $[28] !== disableFormData || $[29] !== dispatchField || $[30] !== field || $[31] !== getData || $[32] !== getDataByPath || $[33] !== getSiblingData || $[34] !== hasRows || $[35] !== id || $[36] !== operation || $[37] !== path || $[38] !== t || $[39] !== user || $[40] !== validate || $[41] !== value) {
     t10 = () => {
       const validateField = async () => {
         let valueToValidate = value;
@@ -216,43 +216,43 @@ export const useField = options => {
       };
       validateField();
     };
-    $[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;
+    $[26] = collectionSlug;
+    $[27] = config;
+    $[28] = disableFormData;
+    $[29] = dispatchField;
+    $[30] = field;
+    $[31] = getData;
+    $[32] = getDataByPath;
+    $[33] = getSiblingData;
+    $[34] = hasRows;
+    $[35] = id;
+    $[36] = operation;
+    $[37] = path;
+    $[38] = t;
+    $[39] = user;
+    $[40] = validate;
+    $[41] = value;
     $[42] = t10;
   } else {
     t10 = $[42];
   }
   const t11 = field?.rows;
   let t12;
-  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) {
+  if ($[43] !== collectionSlug || $[44] !== disableFormData || $[45] !== dispatchField || $[46] !== getData || $[47] !== getDataByPath || $[48] !== getSiblingData || $[49] !== id || $[50] !== operation || $[51] !== path || $[52] !== t11 || $[53] !== user || $[54] !== validate || $[55] !== value) {
     t12 = [value, disableFormData, dispatchField, getData, getSiblingData, getDataByPath, id, operation, path, user, validate, t11, collectionSlug];
-    $[43] = value;
+    $[43] = collectionSlug;
     $[44] = disableFormData;
     $[45] = dispatchField;
     $[46] = getData;
-    $[47] = getSiblingData;
-    $[48] = getDataByPath;
+    $[47] = getDataByPath;
+    $[48] = getSiblingData;
     $[49] = id;
     $[50] = operation;
     $[51] = path;
-    $[52] = user;
-    $[53] = validate;
-    $[54] = t11;
-    $[55] = collectionSlug;
+    $[52] = t11;
+    $[53] = user;
+    $[54] = validate;
+    $[55] = value;
     $[56] = t12;
   } else {
     t12 = $[56];

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","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":"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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":"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","ignoreList":[]}

package/dist/hooks/useDebounce.js

@@ -7,7 +7,7 @@ export function useDebounce(value, delay) {
   const [debouncedValue, setDebouncedValue] = useState(value);
   let t0;
   let t1;
-  if ($[0] !== value || $[1] !== delay) {
+  if ($[0] !== delay || $[1] !== value) {
     t0 = () => {
       const handler = setTimeout(() => {
         setDebouncedValue(value);
@@ -17,8 +17,8 @@ export function useDebounce(value, delay) {
       };
     };
     t1 = [value, delay];
-    $[0] = value;
-    $[1] = delay;
+    $[0] = delay;
+    $[1] = value;
     $[2] = t0;
     $[3] = t1;
   } else {

package/dist/hooks/useDebounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounce.js","names":["c","_c","useEffect","useState","useDebounce","value","delay","$","debouncedValue","setDebouncedValue","t0","t1","handler","setTimeout","clearTimeout"],"sources":["../../src/hooks/useDebounce.ts"],"sourcesContent":["'use client'\nimport { useEffect, useState } from 'react'\n\nexport function useDebounce<T = unknown>(value: T, delay: number): T {\n  // State and setters for debounced value\n  const [debouncedValue, setDebouncedValue] = useState(value)\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value)\n    }, delay)\n\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [value, delay])\n\n  return debouncedValue\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,SAAS,EAAEC,QAAQ,QAAQ;AAEpC,OAAO,SAAAC,YAAAC,KAAA,EAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAEL,OAAAO,cAAA,EAAAC,iBAAA,IAA4CN,QAAA,CAASE,KAAA;EAAA,IAAAK,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAF,KAAA,IAAAE,CAAA,QAAAD,KAAA;IAE3CI,EAAA,GAAAA,CAAA;MACR,MAAAE,OAAA,GAAgBC,UAAA;QACdJ,iBAAA,CAAkBJ,KAAA;MAAA,GACjBC,KAAA;MAAA;QAGDQ,YAAA,CAAaF,OAAA;MAAA;IAAA;IAEdD,EAAA,IAACN,KAAA,EAAOC,KAAA;IAAMC,CAAA,MAAAF,KAAA;IAAAE,CAAA,MAAAD,KAAA;IAAAC,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EARjBL,SAAA,CAAUQ,EAQV,EAAGC,EAAc;EAAA,OAEVH,cAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"useDebounce.js","names":["c","_c","useEffect","useState","useDebounce","value","delay","$","debouncedValue","setDebouncedValue","t0","t1","handler","setTimeout","clearTimeout"],"sources":["../../src/hooks/useDebounce.ts"],"sourcesContent":["'use client'\nimport { useEffect, useState } from 'react'\n\nexport function useDebounce<T = unknown>(value: T, delay: number): T {\n  // State and setters for debounced value\n  const [debouncedValue, setDebouncedValue] = useState(value)\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value)\n    }, delay)\n\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [value, delay])\n\n  return debouncedValue\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAASC,SAAS,EAAEC,QAAQ,QAAQ;AAEpC,OAAO,SAAAC,YAAAC,KAAA,EAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAEL,OAAAO,cAAA,EAAAC,iBAAA,IAA4CN,QAAA,CAASE,KAAA;EAAA,IAAAK,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAD,KAAA,IAAAC,CAAA,QAAAF,KAAA;IAE3CK,EAAA,GAAAA,CAAA;MACR,MAAAE,OAAA,GAAgBC,UAAA;QACdJ,iBAAA,CAAkBJ,KAAA;MAAA,GACjBC,KAAA;MAAA;QAGDQ,YAAA,CAAaF,OAAA;MAAA;IAAA;IAEdD,EAAA,IAACN,KAAA,EAAOC,KAAA;IAAMC,CAAA,MAAAD,KAAA;IAAAC,CAAA,MAAAF,KAAA;IAAAE,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EARjBL,SAAA,CAAUQ,EAQV,EAAGC,EAAc;EAAA,OAEVH,cAAA;AAAA","ignoreList":[]}

package/dist/hooks/useDebouncedEffect.js

@@ -14,7 +14,7 @@ export function useDebouncedEffect(effect, deps, delay) {
   }
   const [debouncedEffect, setDebouncedEffect] = useState(t0);
   let t1;
-  if ($[2] !== effect || $[3] !== delay) {
+  if ($[2] !== delay || $[3] !== effect) {
     t1 = () => {
       const handler = setTimeout(() => {
         setDebouncedEffect(() => effect);
@@ -23,17 +23,17 @@ export function useDebouncedEffect(effect, deps, delay) {
         clearTimeout(handler);
       };
     };
-    $[2] = effect;
-    $[3] = delay;
+    $[2] = delay;
+    $[3] = effect;
     $[4] = t1;
   } else {
     t1 = $[4];
   }
   let t2;
-  if ($[5] !== deps || $[6] !== delay) {
+  if ($[5] !== delay || $[6] !== deps) {
     t2 = [...deps, delay];
-    $[5] = deps;
-    $[6] = delay;
+    $[5] = delay;
+    $[6] = deps;
     $[7] = t2;
   } else {
     t2 = $[7];

package/dist/hooks/useDebouncedEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebouncedEffect.js","names":["c","_c","useEffect","useState","useDebouncedEffect","effect","deps","delay","$","t0","debouncedEffect","setDebouncedEffect","t1","handler","setTimeout","clearTimeout","t2","t3","t4"],"sources":["../../src/hooks/useDebouncedEffect.ts"],"sourcesContent":["'use client'\nimport type { DependencyList } from 'react'\n\nimport { useEffect, useState } from 'react'\n\nexport function useDebouncedEffect(effect: () => void, deps: DependencyList, delay: number): void {\n  const [debouncedEffect, setDebouncedEffect] = useState<() => void>(() => effect)\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedEffect(() => effect)\n    }, delay)\n\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [...deps, delay])\n\n  useEffect(() => {\n    debouncedEffect()\n  }, [debouncedEffect])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,SAAS,EAAEC,QAAQ,QAAQ;AAEpC,OAAO,SAAAC,mBAAAC,MAAA,EAAAC,IAAA,EAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAD,CAAA,QAAAH,MAAA;IAC8DI,EAAA,GAAAA,CAAA,KAAMJ,MAAA;IAAAG,CAAA,MAAAH,MAAA;IAAAG,CAAA,MAAAC,EAAA;EAAA;IAAAA,EAAA,GAAAD,CAAA;EAAA;EAAzE,OAAAE,eAAA,EAAAC,kBAAA,IAA8CR,QAAA,CAAqBM,EAAM;EAAA,IAAAG,EAAA;EAAA,IAAAJ,CAAA,QAAAH,MAAA,IAAAG,CAAA,QAAAD,KAAA;IAE/DK,EAAA,GAAAA,CAAA;MACR,MAAAC,OAAA,GAAgBC,UAAA;QACdH,kBAAA,OAAyBN,MAAA;MAAA,GACxBE,KAAA;MAAA;QAGDQ,YAAA,CAAaF,OAAA;MAAA;IAAA;IAEjBL,CAAA,MAAAH,MAAA;IAAAG,CAAA,MAAAD,KAAA;IAAAC,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAF,IAAA,IAAAE,CAAA,QAAAD,KAAA;IAAGS,EAAA,OAAIV,IAAA,EAAMC,KAAA;IAAMC,CAAA,MAAAF,IAAA;IAAAE,CAAA,MAAAD,KAAA;IAAAC,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EARnBN,SAAA,CAAUU,EAQV,EAAGI,EAAgB;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAE,eAAA;IAETO,EAAA,GAAAA,CAAA;MACRP,eAAA;IAAA;IACCQ,EAAA,IAACR,eAAA;IAAgBF,CAAA,MAAAE,eAAA;IAAAF,CAAA,MAAAS,EAAA;IAAAT,CAAA,OAAAU,EAAA;EAAA;IAAAD,EAAA,GAAAT,CAAA;IAAAU,EAAA,GAAAV,CAAA;EAAA;EAFpBN,SAAA,CAAUe,EAEV,EAAGC,EAAiB;AAAA","ignoreList":[]}
+{"version":3,"file":"useDebouncedEffect.js","names":["c","_c","useEffect","useState","useDebouncedEffect","effect","deps","delay","$","t0","debouncedEffect","setDebouncedEffect","t1","handler","setTimeout","clearTimeout","t2","t3","t4"],"sources":["../../src/hooks/useDebouncedEffect.ts"],"sourcesContent":["'use client'\nimport type { DependencyList } from 'react'\n\nimport { useEffect, useState } from 'react'\n\nexport function useDebouncedEffect(effect: () => void, deps: DependencyList, delay: number): void {\n  const [debouncedEffect, setDebouncedEffect] = useState<() => void>(() => effect)\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedEffect(() => effect)\n    }, delay)\n\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [...deps, delay])\n\n  useEffect(() => {\n    debouncedEffect()\n  }, [debouncedEffect])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,SAAS,EAAEC,QAAQ,QAAQ;AAEpC,OAAO,SAAAC,mBAAAC,MAAA,EAAAC,IAAA,EAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAD,CAAA,QAAAH,MAAA;IAC8DI,EAAA,GAAAA,CAAA,KAAMJ,MAAA;IAAAG,CAAA,MAAAH,MAAA;IAAAG,CAAA,MAAAC,EAAA;EAAA;IAAAA,EAAA,GAAAD,CAAA;EAAA;EAAzE,OAAAE,eAAA,EAAAC,kBAAA,IAA8CR,QAAA,CAAqBM,EAAM;EAAA,IAAAG,EAAA;EAAA,IAAAJ,CAAA,QAAAD,KAAA,IAAAC,CAAA,QAAAH,MAAA;IAE/DO,EAAA,GAAAA,CAAA;MACR,MAAAC,OAAA,GAAgBC,UAAA;QACdH,kBAAA,OAAyBN,MAAA;MAAA,GACxBE,KAAA;MAAA;QAGDQ,YAAA,CAAaF,OAAA;MAAA;IAAA;IAEjBL,CAAA,MAAAD,KAAA;IAAAC,CAAA,MAAAH,MAAA;IAAAG,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAD,KAAA,IAAAC,CAAA,QAAAF,IAAA;IAAGU,EAAA,OAAIV,IAAA,EAAMC,KAAA;IAAMC,CAAA,MAAAD,KAAA;IAAAC,CAAA,MAAAF,IAAA;IAAAE,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EARnBN,SAAA,CAAUU,EAQV,EAAGI,EAAgB;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAE,eAAA;IAETO,EAAA,GAAAA,CAAA;MACRP,eAAA;IAAA;IACCQ,EAAA,IAACR,eAAA;IAAgBF,CAAA,MAAAE,eAAA;IAAAF,CAAA,MAAAS,EAAA;IAAAT,CAAA,OAAAU,EAAA;EAAA;IAAAD,EAAA,GAAAT,CAAA;IAAAU,EAAA,GAAAV,CAAA;EAAA;EAFpBN,SAAA,CAAUe,EAEV,EAAGC,EAAiB;AAAA","ignoreList":[]}

package/dist/hooks/useDelay.js

@@ -27,15 +27,15 @@ export const useDelay = (delay, t0) => {
   const triggerDelay = t1;
   let t2;
   let t3;
-  if ($[2] !== triggerOnMount || $[3] !== triggerDelay) {
+  if ($[2] !== triggerDelay || $[3] !== triggerOnMount) {
     t2 = () => {
       if (triggerOnMount) {
         triggerDelay();
       }
     };
     t3 = [triggerDelay, triggerOnMount];
-    $[2] = triggerOnMount;
-    $[3] = triggerDelay;
+    $[2] = triggerDelay;
+    $[3] = triggerOnMount;
     $[4] = t2;
     $[5] = t3;
   } else {

package/dist/hooks/useDelay.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDelay.js","names":["c","_c","React","useDelay","delay","t0","$","triggerOnMount","undefined","hasDelayed","setHasDelayed","useState","triggerTimeoutRef","useRef","t1","clearTimeout","current","setTimeout","triggerDelay","t2","t3","useEffect","t4"],"sources":["../../src/hooks/useDelay.ts"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\ntype Result = [boolean, () => void]\nexport const useDelay = (delay: number, triggerOnMount = false): Result => {\n  const [hasDelayed, setHasDelayed] = React.useState(false)\n  const triggerTimeoutRef = React.useRef<NodeJS.Timeout>(undefined)\n\n  const triggerDelay = React.useCallback(() => {\n    setHasDelayed(false)\n    clearTimeout(triggerTimeoutRef.current)\n    triggerTimeoutRef.current = setTimeout(() => {\n      setHasDelayed(true)\n    }, delay)\n\n    return () => {\n      clearTimeout(triggerTimeoutRef.current)\n    }\n  }, [delay])\n\n  React.useEffect(() => {\n    if (triggerOnMount) {\n      triggerDelay()\n    }\n  }, [triggerDelay, triggerOnMount])\n\n  return [hasDelayed, triggerDelay]\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,YAAYC,KAAA,MAAW;AAGvB,OAAO,MAAMC,QAAA,GAAWA,CAAAC,KAAA,EAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAgB,MAAAM,cAAA,GAAAF,EAAsB,KAAAG,SAAA,WAAtBH,EAAsB;EAC5D,OAAAI,UAAA,EAAAC,aAAA,IAAoCR,KAAA,CAAAS,QAAA,MAAe;EACnD,MAAAC,iBAAA,GAA0BV,KAAA,CAAAW,MAAA,CAAAL,SAA6B;EAAA,IAAAM,EAAA;EAAA,IAAAR,CAAA,QAAAF,KAAA;IAEhBU,EAAA,GAAAA,CAAA;MACrCJ,aAAA,MAAc;MACdK,YAAA,CAAaH,iBAAA,CAAAI,OAAyB;MACtCJ,iBAAA,CAAAI,OAAA,GAA4BC,UAAA;QAC1BP,aAAA,KAAc;MAAA,GACbN,KAAA;MAAA;QAGDW,YAAA,CAAaH,iBAAA,CAAAI,OAAyB;MAAA;IAAA;IAE1CV,CAAA,MAAAF,KAAA;IAAAE,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAVA,MAAAY,YAAA,GAAqBJ,EAUX;EAAA,IAAAK,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAd,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAY,YAAA;IAEMC,EAAA,GAAAA,CAAA;MAAA,IACVZ,cAAA;QACFW,YAAA;MAAA;IAAA;IAEDE,EAAA,IAACF,YAAA,EAAcX,cAAA;IAAeD,CAAA,MAAAC,cAAA;IAAAD,CAAA,MAAAY,YAAA;IAAAZ,CAAA,MAAAa,EAAA;IAAAb,CAAA,MAAAc,EAAA;EAAA;IAAAD,EAAA,GAAAb,CAAA;IAAAc,EAAA,GAAAd,CAAA;EAAA;EAJjCJ,KAAA,CAAAmB,SAAA,CAAgBF,EAIhB,EAAGC,EAA8B;EAAA,IAAAE,EAAA;EAAA,IAAAhB,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAY,YAAA;IAE1BI,EAAA,IAACb,UAAA,EAAYS,YAAA;IAAaZ,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAY,YAAA;IAAAZ,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAAA,OAA1BgB,EAA0B;AAAA,CACnC","ignoreList":[]}
+{"version":3,"file":"useDelay.js","names":["c","_c","React","useDelay","delay","t0","$","triggerOnMount","undefined","hasDelayed","setHasDelayed","useState","triggerTimeoutRef","useRef","t1","clearTimeout","current","setTimeout","triggerDelay","t2","t3","useEffect","t4"],"sources":["../../src/hooks/useDelay.ts"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\ntype Result = [boolean, () => void]\nexport const useDelay = (delay: number, triggerOnMount = false): Result => {\n  const [hasDelayed, setHasDelayed] = React.useState(false)\n  const triggerTimeoutRef = React.useRef<NodeJS.Timeout>(undefined)\n\n  const triggerDelay = React.useCallback(() => {\n    setHasDelayed(false)\n    clearTimeout(triggerTimeoutRef.current)\n    triggerTimeoutRef.current = setTimeout(() => {\n      setHasDelayed(true)\n    }, delay)\n\n    return () => {\n      clearTimeout(triggerTimeoutRef.current)\n    }\n  }, [delay])\n\n  React.useEffect(() => {\n    if (triggerOnMount) {\n      triggerDelay()\n    }\n  }, [triggerDelay, triggerOnMount])\n\n  return [hasDelayed, triggerDelay]\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,YAAYC,KAAA,MAAW;AAGvB,OAAO,MAAMC,QAAA,GAAWA,CAAAC,KAAA,EAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAgB,MAAAM,cAAA,GAAAF,EAAsB,KAAAG,SAAA,WAAtBH,EAAsB;EAC5D,OAAAI,UAAA,EAAAC,aAAA,IAAoCR,KAAA,CAAAS,QAAA,MAAe;EACnD,MAAAC,iBAAA,GAA0BV,KAAA,CAAAW,MAAA,CAAAL,SAA6B;EAAA,IAAAM,EAAA;EAAA,IAAAR,CAAA,QAAAF,KAAA;IAEhBU,EAAA,GAAAA,CAAA;MACrCJ,aAAA,MAAc;MACdK,YAAA,CAAaH,iBAAA,CAAAI,OAAyB;MACtCJ,iBAAA,CAAAI,OAAA,GAA4BC,UAAA;QAC1BP,aAAA,KAAc;MAAA,GACbN,KAAA;MAAA;QAGDW,YAAA,CAAaH,iBAAA,CAAAI,OAAyB;MAAA;IAAA;IAE1CV,CAAA,MAAAF,KAAA;IAAAE,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAVA,MAAAY,YAAA,GAAqBJ,EAUX;EAAA,IAAAK,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAd,CAAA,QAAAY,YAAA,IAAAZ,CAAA,QAAAC,cAAA;IAEMY,EAAA,GAAAA,CAAA;MAAA,IACVZ,cAAA;QACFW,YAAA;MAAA;IAAA;IAEDE,EAAA,IAACF,YAAA,EAAcX,cAAA;IAAeD,CAAA,MAAAY,YAAA;IAAAZ,CAAA,MAAAC,cAAA;IAAAD,CAAA,MAAAa,EAAA;IAAAb,CAAA,MAAAc,EAAA;EAAA;IAAAD,EAAA,GAAAb,CAAA;IAAAc,EAAA,GAAAd,CAAA;EAAA;EAJjCJ,KAAA,CAAAmB,SAAA,CAAgBF,EAIhB,EAAGC,EAA8B;EAAA,IAAAE,EAAA;EAAA,IAAAhB,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAY,YAAA;IAE1BI,EAAA,IAACb,UAAA,EAAYS,YAAA;IAAaZ,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAY,YAAA;IAAAZ,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAAA,OAA1BgB,EAA0B;AAAA,CACnC","ignoreList":[]}

package/dist/hooks/useHotkey.js

@@ -66,22 +66,18 @@ export const useHotkey = (options, func) => {
     modalState
   } = useModal();
   let t0;
-  if ($[0] !== keyCodes || $[1] !== cmdCtrlKey || $[2] !== modalState || $[3] !== editDepth || $[4] !== func) {
+  if ($[0] !== cmdCtrlKey || $[1] !== editDepth || $[2] !== func || $[3] !== keyCodes || $[4] !== modalState) {
     t0 = event => {
       const e = event.detail?.key ? event.detail : event;
       if (e.key === undefined) {
         return;
       }
-      pressedKeys.forEach((time, key) => {
-        if (Date.now() - time > 3000) {
-          pressedKeys.delete(key);
-        }
-      });
+      pressedKeys.forEach(_temp);
       if (e.code) {
         pushToKeys(e.code);
       }
       const hasCmd = window.navigator.userAgent.includes("Mac OS X");
-      const pressedWithoutModifier = [...pressedKeys.keys()].filter(key_0 => !["alt", "ctrl", "meta", "shift"].includes(key_0));
+      const pressedWithoutModifier = [...pressedKeys.keys()].filter(_temp2);
       if (setsAreEqual(new Set(pressedWithoutModifier), new Set(keyCodes)) && (!cmdCtrlKey || hasCmd && pressedKeys.has("meta") || !hasCmd && e.ctrlKey)) {
         const maxEditDepth = Object.keys(modalState).filter(key_1 => modalState[key_1]?.isOpen)?.length + 1 || 1;
         if (maxEditDepth !== editDepth) {
@@ -90,17 +86,17 @@ export const useHotkey = (options, func) => {
         func(e);
       }
     };
-    $[0] = keyCodes;
-    $[1] = cmdCtrlKey;
-    $[2] = modalState;
-    $[3] = editDepth;
-    $[4] = func;
+    $[0] = cmdCtrlKey;
+    $[1] = editDepth;
+    $[2] = func;
+    $[3] = keyCodes;
+    $[4] = modalState;
     $[5] = t0;
   } else {
     t0 = $[5];
   }
   const keydown = t0;
-  const keyup = _temp;
+  const keyup = _temp3;
   let t1;
   let t2;
   if ($[6] !== keydown) {
@@ -124,7 +120,15 @@ export const useHotkey = (options, func) => {
   }
   useEffect(t1, t2);
 };
-function _temp(e_0) {
+function _temp(time, key) {
+  if (Date.now() - time > 3000) {
+    pressedKeys.delete(key);
+  }
+}
+function _temp2(key_0) {
+  return !["alt", "ctrl", "meta", "shift"].includes(key_0);
+}
+function _temp3(e_0) {
   if (e_0.code) {
     removeFromKeys(e_0.code);
   }

package/dist/hooks/useHotkey.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHotkey.js","names":["c","_c","useModal","setsAreEqual","useCallback","useEffect","pressedKeys","Map","map","altleft","altright","controlleft","controlright","ctrlleft","ctrlright","escape","metaleft","metaright","osleft","osright","shiftleft","shiftright","stripKey","key","toLowerCase","trim","replace","pushToKeys","code","forEach","time","pressedKey","delete","set","Date","now","removeFromKeys","clear","useHotkey","options","func","$","cmdCtrlKey","editDepth","keyCodes","modalState","t0","event","e","detail","undefined","hasCmd","window","navigator","userAgent","includes","pressedWithoutModifier","keys","filter","key_0","Set","has","ctrlKey","maxEditDepth","Object","key_1","isOpen","length","keydown","keyup","_temp","t1","t2","document","addEventListener","removeEventListener","e_0"],"sources":["../../src/hooks/useHotkey.ts"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { setsAreEqual } from 'payload/shared'\nimport { useCallback, useEffect } from 'react'\n\n// Required to be outside of hook, else debounce would be necessary\n// and then one could not prevent the default behaviour.\n\n// It maps the pressed keys with the time they were pressed, in order to implement a maximum time\n// for the user to press the next key in the sequence\n\n// This is necessary to prevent a bug where the keyup event, which unsets the key as pressed\n// is not fired when the window is not focused.\n// When the user then comes back to the window, the key is still registered as pressed, even though it's not.\nconst pressedKeys = new Map<string, number>([])\n\nconst map = {\n  altleft: 'alt',\n  altright: 'alt',\n  controlleft: 'ctrl',\n  controlright: 'ctrl',\n  ctrlleft: 'ctrl',\n  ctrlright: 'ctrl',\n  escape: 'esc',\n  metaleft: 'meta',\n  metaright: 'meta',\n  osleft: 'meta',\n  osright: 'meta',\n  shiftleft: 'shift',\n  shiftright: 'shift',\n}\n\nconst stripKey = (key: string) => {\n  return (map[key.toLowerCase()] || key).trim().toLowerCase().replace('key', '')\n}\n\nconst pushToKeys = (code: string) => {\n  const key = stripKey(code)\n\n  // There is a weird bug with macos that if the keys are not cleared they remain in the\n  // pressed keys set.\n  if (key === 'meta') {\n    pressedKeys.forEach(\n      (time, pressedKey) => pressedKey !== 'meta' && pressedKeys.delete(pressedKey),\n    )\n  }\n\n  pressedKeys.set(key, Date.now())\n}\n\nconst removeFromKeys = (code: string) => {\n  const key = stripKey(code)\n  // There is a weird bug with macos that if the keys are not cleared they remain in the\n  // pressed keys set.\n  if (key === 'meta') {\n    pressedKeys.clear()\n  }\n  pressedKeys.delete(key)\n}\n\n/**\n * Hook function to work with hotkeys.\n * @param param0.keyCode {string[]} The keys to listen for (`Event.code` without `'Key'` and lowercased)\n * @param param0.cmdCtrlKey {boolean} Whether Ctrl on windows or Cmd on mac must be pressed\n * @param param0.editDepth {boolean} This ensures that the hotkey is only triggered for the most top-level drawer in case there are nested drawers\n * @param func The callback function\n */\nexport const useHotkey = (\n  options: {\n    cmdCtrlKey: boolean\n    editDepth: number\n    keyCodes: string[]\n  },\n  func: (e: KeyboardEvent) => void,\n): void => {\n  const { cmdCtrlKey, editDepth, keyCodes } = options\n\n  const { modalState } = useModal()\n\n  const keydown = useCallback(\n    (event: CustomEvent | KeyboardEvent) => {\n      const e: KeyboardEvent = event.detail?.key ? event.detail : event\n      if (e.key === undefined) {\n        // Autofill events, or other synthetic events, can be ignored\n        return\n      }\n\n      // Filter out pressed keys which have been pressed > 3 seconds ago\n      pressedKeys.forEach((time, key) => {\n        if (Date.now() - time > 3000) {\n          pressedKeys.delete(key)\n        }\n      })\n\n      if (e.code) {\n        pushToKeys(e.code)\n      }\n\n      // Check for Mac and iPad\n      const hasCmd = window.navigator.userAgent.includes('Mac OS X')\n      const pressedWithoutModifier = [...pressedKeys.keys()].filter(\n        (key) => !['alt', 'ctrl', 'meta', 'shift'].includes(key),\n      )\n\n      // Check whether arrays contain the same values (regardless of number of occurrences)\n      if (\n        setsAreEqual(new Set(pressedWithoutModifier), new Set(keyCodes)) &&\n        (!cmdCtrlKey || (hasCmd && pressedKeys.has('meta')) || (!hasCmd && e.ctrlKey))\n      ) {\n        // get the maximum edit depth by counting the number of open drawers. modalState is and object which contains the state of all drawers.\n        const maxEditDepth =\n          Object.keys(modalState).filter((key) => modalState[key]?.isOpen)?.length + 1 || 1\n\n        if (maxEditDepth !== editDepth) {\n          // We only want to execute the hotkey from the most top-level drawer / edit depth.\n          return\n        }\n        // execute the function associated with the maximum edit depth\n        func(e)\n      }\n    },\n    [keyCodes, cmdCtrlKey, editDepth, modalState, func],\n  )\n\n  const keyup = useCallback((e: KeyboardEvent) => {\n    if (e.code) {\n      removeFromKeys(e.code)\n    }\n  }, [])\n\n  useEffect(() => {\n    document.addEventListener('keydown', keydown, false)\n    document.addEventListener('bypassKeyDown', keydown, false) // this is called if the keydown event's propagation is stopped by react-select\n    document.addEventListener('keyup', keyup, false)\n\n    return () => {\n      document.removeEventListener('keydown', keydown)\n      document.removeEventListener('bypassKeyDown', keydown)\n      document.removeEventListener('keyup', keyup)\n    }\n  }, [keydown, keyup])\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useHotkey.js","names":["c","_c","useModal","setsAreEqual","useCallback","useEffect","pressedKeys","Map","map","altleft","altright","controlleft","controlright","ctrlleft","ctrlright","escape","metaleft","metaright","osleft","osright","shiftleft","shiftright","stripKey","key","toLowerCase","trim","replace","pushToKeys","code","forEach","time","pressedKey","delete","set","Date","now","removeFromKeys","clear","useHotkey","options","func","$","cmdCtrlKey","editDepth","keyCodes","modalState","t0","event","e","detail","undefined","_temp","hasCmd","window","navigator","userAgent","includes","pressedWithoutModifier","keys","filter","_temp2","Set","has","ctrlKey","maxEditDepth","Object","key_1","isOpen","length","keydown","keyup","_temp3","t1","t2","document","addEventListener","removeEventListener","key_0","e_0"],"sources":["../../src/hooks/useHotkey.ts"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { setsAreEqual } from 'payload/shared'\nimport { useCallback, useEffect } from 'react'\n\n// Required to be outside of hook, else debounce would be necessary\n// and then one could not prevent the default behaviour.\n\n// It maps the pressed keys with the time they were pressed, in order to implement a maximum time\n// for the user to press the next key in the sequence\n\n// This is necessary to prevent a bug where the keyup event, which unsets the key as pressed\n// is not fired when the window is not focused.\n// When the user then comes back to the window, the key is still registered as pressed, even though it's not.\nconst pressedKeys = new Map<string, number>([])\n\nconst map = {\n  altleft: 'alt',\n  altright: 'alt',\n  controlleft: 'ctrl',\n  controlright: 'ctrl',\n  ctrlleft: 'ctrl',\n  ctrlright: 'ctrl',\n  escape: 'esc',\n  metaleft: 'meta',\n  metaright: 'meta',\n  osleft: 'meta',\n  osright: 'meta',\n  shiftleft: 'shift',\n  shiftright: 'shift',\n}\n\nconst stripKey = (key: string) => {\n  return (map[key.toLowerCase()] || key).trim().toLowerCase().replace('key', '')\n}\n\nconst pushToKeys = (code: string) => {\n  const key = stripKey(code)\n\n  // There is a weird bug with macos that if the keys are not cleared they remain in the\n  // pressed keys set.\n  if (key === 'meta') {\n    pressedKeys.forEach(\n      (time, pressedKey) => pressedKey !== 'meta' && pressedKeys.delete(pressedKey),\n    )\n  }\n\n  pressedKeys.set(key, Date.now())\n}\n\nconst removeFromKeys = (code: string) => {\n  const key = stripKey(code)\n  // There is a weird bug with macos that if the keys are not cleared they remain in the\n  // pressed keys set.\n  if (key === 'meta') {\n    pressedKeys.clear()\n  }\n  pressedKeys.delete(key)\n}\n\n/**\n * Hook function to work with hotkeys.\n * @param param0.keyCode {string[]} The keys to listen for (`Event.code` without `'Key'` and lowercased)\n * @param param0.cmdCtrlKey {boolean} Whether Ctrl on windows or Cmd on mac must be pressed\n * @param param0.editDepth {boolean} This ensures that the hotkey is only triggered for the most top-level drawer in case there are nested drawers\n * @param func The callback function\n */\nexport const useHotkey = (\n  options: {\n    cmdCtrlKey: boolean\n    editDepth: number\n    keyCodes: string[]\n  },\n  func: (e: KeyboardEvent) => void,\n): void => {\n  const { cmdCtrlKey, editDepth, keyCodes } = options\n\n  const { modalState } = useModal()\n\n  const keydown = useCallback(\n    (event: CustomEvent | KeyboardEvent) => {\n      const e: KeyboardEvent = event.detail?.key ? event.detail : event\n      if (e.key === undefined) {\n        // Autofill events, or other synthetic events, can be ignored\n        return\n      }\n\n      // Filter out pressed keys which have been pressed > 3 seconds ago\n      pressedKeys.forEach((time, key) => {\n        if (Date.now() - time > 3000) {\n          pressedKeys.delete(key)\n        }\n      })\n\n      if (e.code) {\n        pushToKeys(e.code)\n      }\n\n      // Check for Mac and iPad\n      const hasCmd = window.navigator.userAgent.includes('Mac OS X')\n      const pressedWithoutModifier = [...pressedKeys.keys()].filter(\n        (key) => !['alt', 'ctrl', 'meta', 'shift'].includes(key),\n      )\n\n      // Check whether arrays contain the same values (regardless of number of occurrences)\n      if (\n        setsAreEqual(new Set(pressedWithoutModifier), new Set(keyCodes)) &&\n        (!cmdCtrlKey || (hasCmd && pressedKeys.has('meta')) || (!hasCmd && e.ctrlKey))\n      ) {\n        // get the maximum edit depth by counting the number of open drawers. modalState is and object which contains the state of all drawers.\n        const maxEditDepth =\n          Object.keys(modalState).filter((key) => modalState[key]?.isOpen)?.length + 1 || 1\n\n        if (maxEditDepth !== editDepth) {\n          // We only want to execute the hotkey from the most top-level drawer / edit depth.\n          return\n        }\n        // execute the function associated with the maximum edit depth\n        func(e)\n      }\n    },\n    [keyCodes, cmdCtrlKey, editDepth, modalState, func],\n  )\n\n  const keyup = useCallback((e: KeyboardEvent) => {\n    if (e.code) {\n      removeFromKeys(e.code)\n    }\n  }, [])\n\n  useEffect(() => {\n    document.addEventListener('keydown', keydown, false)\n    document.addEventListener('bypassKeyDown', keydown, false) // this is called if the keydown event's propagation is stopped by react-select\n    document.addEventListener('keyup', keyup, false)\n\n    return () => {\n      document.removeEventListener('keydown', keydown)\n      document.removeEventListener('bypassKeyDown', keydown)\n      document.removeEventListener('keyup', keyup)\n    }\n  }, [keydown, keyup])\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/hooks/usePayloadAPI.js

@@ -50,7 +50,7 @@ export const usePayloadAPI = (url, t0) => {
   } = useLocale();
   const hasInitialized = useRef(false);
   let t5;
-  if ($[6] !== params || $[7] !== locale) {
+  if ($[6] !== locale || $[7] !== params) {
     let t6;
     if ($[9] !== params) {
       t6 = typeof params === "object" ? params : {};
@@ -65,15 +65,15 @@ export const usePayloadAPI = (url, t0) => {
     }, {
       addQueryPrefix: true
     });
-    $[6] = params;
-    $[7] = locale;
+    $[6] = locale;
+    $[7] = params;
     $[8] = t5;
   } else {
     t5 = $[8];
   }
   const search = t5;
   let t6;
-  if ($[11] !== initialData || $[12] !== url || $[13] !== search || $[14] !== i18n.language) {
+  if ($[11] !== i18n.language || $[12] !== initialData || $[13] !== search || $[14] !== url) {
     t6 = () => {
       if (initialData && !hasInitialized.current) {
         hasInitialized.current = true;
@@ -119,22 +119,22 @@ export const usePayloadAPI = (url, t0) => {
         }
       };
     };
-    $[11] = initialData;
-    $[12] = url;
+    $[11] = i18n.language;
+    $[12] = initialData;
     $[13] = search;
-    $[14] = i18n.language;
+    $[14] = url;
     $[15] = t6;
   } else {
     t6 = $[15];
   }
   let t7;
-  if ($[16] !== url || $[17] !== locale || $[18] !== search || $[19] !== i18n.language || $[20] !== initialData) {
+  if ($[16] !== i18n.language || $[17] !== initialData || $[18] !== locale || $[19] !== search || $[20] !== url) {
     t7 = [url, locale, search, i18n.language, initialData];
-    $[16] = url;
-    $[17] = locale;
-    $[18] = search;
-    $[19] = i18n.language;
-    $[20] = initialData;
+    $[16] = i18n.language;
+    $[17] = initialData;
+    $[18] = locale;
+    $[19] = search;
+    $[20] = url;
     $[21] = t7;
   } else {
     t7 = $[21];

package/dist/hooks/usePayloadAPI.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePayloadAPI.js","names":["c","_c","qs","useEffect","useRef","useState","useLocale","useTranslation","requests","usePayloadAPI","url","t0","$","t1","undefined","options","initialData","initialParams","t2","t3","i18n","t4","data","setData","params","setParams","isLoading","setIsLoading","isError","setIsError","code","locale","hasInitialized","t5","t6","stringify","addQueryPrefix","search","language","current","abortController","AbortController","fetchData","response","get","headers","signal","status","json","t7","aborted","abort","t8","_err","t9","t10","t11","Symbol","for","t12"],"sources":["../../src/hooks/usePayloadAPI.ts"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport * as qs from 'qs-esm'\nimport { useEffect, useRef, useState } from 'react'\n\nimport { useLocale } from '../providers/Locale/index.js'\nimport { useTranslation } from '../providers/Translation/index.js'\nimport { requests } from '../utilities/api.js'\n\ntype Result = [\n  {\n    data: any\n    isError: boolean\n    isLoading: boolean\n  },\n  {\n    setParams: React.Dispatch<unknown>\n  },\n]\n\ntype Options = {\n  initialData?: any\n  initialParams?: unknown\n}\n\ntype UsePayloadAPI = (url: string, options?: Options) => Result\n\nexport const usePayloadAPI: UsePayloadAPI = (url, options = {}) => {\n  const { initialData, initialParams = {} } = options\n\n  const { i18n } = useTranslation()\n  const [data, setData] = useState(initialData || {})\n  const [params, setParams] = useState(initialParams)\n  const [isLoading, setIsLoading] = useState(!initialData)\n  const [isError, setIsError] = useState(false)\n  const { code: locale } = useLocale()\n  const hasInitialized = useRef(false)\n\n  const search = qs.stringify(\n    {\n      locale,\n      ...(typeof params === 'object' ? params : {}),\n    },\n    {\n      addQueryPrefix: true,\n    },\n  )\n\n  // If `initialData`, no need to make a request\n  useEffect(() => {\n    if (initialData && !hasInitialized.current) {\n      hasInitialized.current = true\n      return\n    }\n\n    const abortController = new AbortController()\n\n    const fetchData = async () => {\n      setIsError(false)\n      setIsLoading(true)\n\n      try {\n        const response = await requests.get(`${url}${search}`, {\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          signal: abortController.signal,\n        })\n\n        if (response.status > 201) {\n          setIsError(true)\n        }\n\n        const json = await response.json()\n\n        setData(json)\n        setIsLoading(false)\n      } catch (error) {\n        if (!abortController.signal.aborted) {\n          setIsError(true)\n          setIsLoading(false)\n        }\n      }\n    }\n\n    if (url) {\n      void fetchData()\n    } else {\n      setIsError(false)\n      setIsLoading(false)\n    }\n\n    return () => {\n      try {\n        abortController.abort()\n      } catch (_err) {\n        // swallow error\n      }\n    }\n  }, [url, locale, search, i18n.language, initialData])\n\n  // If `initialData` changes, reset the state\n  useEffect(() => {\n    if (initialData && hasInitialized.current) {\n      setData(initialData)\n    }\n  }, [initialData])\n\n  return [{ data, isError, isLoading }, { setParams }]\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"usePayloadAPI.js","names":["c","_c","qs","useEffect","useRef","useState","useLocale","useTranslation","requests","usePayloadAPI","url","t0","$","t1","undefined","options","initialData","initialParams","t2","t3","i18n","t4","data","setData","params","setParams","isLoading","setIsLoading","isError","setIsError","code","locale","hasInitialized","t5","t6","stringify","addQueryPrefix","search","language","current","abortController","AbortController","fetchData","response","get","headers","signal","status","json","t7","aborted","abort","t8","_err","t9","t10","t11","Symbol","for","t12"],"sources":["../../src/hooks/usePayloadAPI.ts"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport * as qs from 'qs-esm'\nimport { useEffect, useRef, useState } from 'react'\n\nimport { useLocale } from '../providers/Locale/index.js'\nimport { useTranslation } from '../providers/Translation/index.js'\nimport { requests } from '../utilities/api.js'\n\ntype Result = [\n  {\n    data: any\n    isError: boolean\n    isLoading: boolean\n  },\n  {\n    setParams: React.Dispatch<unknown>\n  },\n]\n\ntype Options = {\n  initialData?: any\n  initialParams?: unknown\n}\n\ntype UsePayloadAPI = (url: string, options?: Options) => Result\n\nexport const usePayloadAPI: UsePayloadAPI = (url, options = {}) => {\n  const { initialData, initialParams = {} } = options\n\n  const { i18n } = useTranslation()\n  const [data, setData] = useState(initialData || {})\n  const [params, setParams] = useState(initialParams)\n  const [isLoading, setIsLoading] = useState(!initialData)\n  const [isError, setIsError] = useState(false)\n  const { code: locale } = useLocale()\n  const hasInitialized = useRef(false)\n\n  const search = qs.stringify(\n    {\n      locale,\n      ...(typeof params === 'object' ? params : {}),\n    },\n    {\n      addQueryPrefix: true,\n    },\n  )\n\n  // If `initialData`, no need to make a request\n  useEffect(() => {\n    if (initialData && !hasInitialized.current) {\n      hasInitialized.current = true\n      return\n    }\n\n    const abortController = new AbortController()\n\n    const fetchData = async () => {\n      setIsError(false)\n      setIsLoading(true)\n\n      try {\n        const response = await requests.get(`${url}${search}`, {\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          signal: abortController.signal,\n        })\n\n        if (response.status > 201) {\n          setIsError(true)\n        }\n\n        const json = await response.json()\n\n        setData(json)\n        setIsLoading(false)\n      } catch (error) {\n        if (!abortController.signal.aborted) {\n          setIsError(true)\n          setIsLoading(false)\n        }\n      }\n    }\n\n    if (url) {\n      void fetchData()\n    } else {\n      setIsError(false)\n      setIsLoading(false)\n    }\n\n    return () => {\n      try {\n        abortController.abort()\n      } catch (_err) {\n        // swallow error\n      }\n    }\n  }, [url, locale, search, i18n.language, initialData])\n\n  // If `initialData` changes, reset the state\n  useEffect(() => {\n    if (initialData && hasInitialized.current) {\n      setData(initialData)\n    }\n  }, [initialData])\n\n  return [{ data, isError, isLoading }, { setParams }]\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/hooks/useThrottledEffect.js

@@ -29,7 +29,7 @@ export const useThrottledEffect = (callback, delay, t0) => {
   }
   const lastRan = useRef(t2);
   let t3;
-  if ($[3] !== delay || $[4] !== callback) {
+  if ($[3] !== callback || $[4] !== delay) {
     t3 = () => {
       const handler = setTimeout(() => {
         if (Date.now() - lastRan.current >= delay) {
@@ -41,8 +41,8 @@ export const useThrottledEffect = (callback, delay, t0) => {
         clearTimeout(handler);
       };
     };
-    $[3] = delay;
-    $[4] = callback;
+    $[3] = callback;
+    $[4] = delay;
     $[5] = t3;
   } else {
     t3 = $[5];

package/dist/hooks/useThrottledEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useThrottledEffect.js","names":["c","_c","useEffect","useRef","useThrottledEffect","callback","delay","t0","$","t1","undefined","deps","t2","Symbol","for","Date","now","lastRan","t3","handler","setTimeout","current","clearTimeout","t4"],"sources":["../../src/hooks/useThrottledEffect.ts"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport { useEffect, useRef } from 'react'\n\ntype useThrottledEffect = (\n  callback: React.EffectCallback,\n  delay: number,\n  deps: React.DependencyList,\n) => void\n\n/**\n * A hook that will throttle the execution of a callback function inside a useEffect.\n * This is useful for things like throttling loading states or other UI updates.\n * @param callback The callback function to be executed.\n * @param delay The delay in milliseconds to throttle the callback.\n * @param deps The dependencies to watch for changes.\n */\nexport const useThrottledEffect: useThrottledEffect = (callback, delay, deps = []) => {\n  const lastRan = useRef(Date.now())\n\n  useEffect(() => {\n    const handler = setTimeout(\n      () => {\n        if (Date.now() - lastRan.current >= delay) {\n          callback()\n          lastRan.current = Date.now()\n        }\n      },\n      delay - (Date.now() - lastRan.current),\n    )\n\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [delay, ...deps])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,SAAS,EAAEC,MAAM,QAAQ;AAQlC;;;;;;;AAOA,OAAO,MAAMC,kBAAA,GAAyCA,CAAAC,QAAA,EAAAC,KAAA,EAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAD,CAAA,QAAAD,EAAA;IAAkBE,EAAA,GAAAF,EAAS,KAAAG,SAAA,QAATH,EAAS;IAAAC,CAAA,MAAAD,EAAA;IAAAC,CAAA,MAAAC,EAAA;EAAA;IAAAA,EAAA,GAAAD,CAAA;EAAA;EAAT,MAAAG,IAAA,GAAAF,EAAS;EAAA,IAAAG,EAAA;EAAA,IAAAJ,CAAA,QAAAK,MAAA,CAAAC,GAAA;IACxDF,EAAA,GAAAG,IAAA,CAAAC,GAAA,CAAQ;IAAAR,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAA/B,MAAAS,OAAA,GAAgBd,MAAA,CAAOS,EAAQ;EAAA,IAAAM,EAAA;EAAA,IAAAV,CAAA,QAAAF,KAAA,IAAAE,CAAA,QAAAH,QAAA;IAErBa,EAAA,GAAAA,CAAA;MACR,MAAAC,OAAA,GAAgBC,UAAA;QAAA,IAERL,IAAA,CAAAC,GAAA,CAAQ,IAAKC,OAAA,CAAAI,OAAe,IAAIf,KAAA;UAClCD,QAAA;UACAY,OAAA,CAAAI,OAAA,GAAkBN,IAAA,CAAAC,GAAA,CAAQ;QAAA;MAAA,GAG9BV,KAAA,IAASS,IAAA,CAAAC,GAAA,CAAQ,IAAKC,OAAA,CAAAI,OAAe,CAAD;MAAA;QAIpCC,YAAA,CAAaH,OAAA;MAAA;IAAA;IAEjBX,CAAA,MAAAF,KAAA;IAAAE,CAAA,MAAAH,QAAA;IAAAG,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAA,IAAAe,EAAA;EAAA,IAAAf,CAAA,QAAAF,KAAA,IAAAE,CAAA,QAAAG,IAAA;IAAGY,EAAA,IAACjB,KAAA,KAAUK,IAAA;IAAKH,CAAA,MAAAF,KAAA;IAAAE,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAdnBN,SAAA,CAAUgB,EAcV,EAAGK,EAAgB;AAAA,CACrB","ignoreList":[]}
+{"version":3,"file":"useThrottledEffect.js","names":["c","_c","useEffect","useRef","useThrottledEffect","callback","delay","t0","$","t1","undefined","deps","t2","Symbol","for","Date","now","lastRan","t3","handler","setTimeout","current","clearTimeout","t4"],"sources":["../../src/hooks/useThrottledEffect.ts"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport { useEffect, useRef } from 'react'\n\ntype useThrottledEffect = (\n  callback: React.EffectCallback,\n  delay: number,\n  deps: React.DependencyList,\n) => void\n\n/**\n * A hook that will throttle the execution of a callback function inside a useEffect.\n * This is useful for things like throttling loading states or other UI updates.\n * @param callback The callback function to be executed.\n * @param delay The delay in milliseconds to throttle the callback.\n * @param deps The dependencies to watch for changes.\n */\nexport const useThrottledEffect: useThrottledEffect = (callback, delay, deps = []) => {\n  const lastRan = useRef(Date.now())\n\n  useEffect(() => {\n    const handler = setTimeout(\n      () => {\n        if (Date.now() - lastRan.current >= delay) {\n          callback()\n          lastRan.current = Date.now()\n        }\n      },\n      delay - (Date.now() - lastRan.current),\n    )\n\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [delay, ...deps])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,SAAS,EAAEC,MAAM,QAAQ;AAQlC;;;;;;;AAOA,OAAO,MAAMC,kBAAA,GAAyCA,CAAAC,QAAA,EAAAC,KAAA,EAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAD,CAAA,QAAAD,EAAA;IAAkBE,EAAA,GAAAF,EAAS,KAAAG,SAAA,QAATH,EAAS;IAAAC,CAAA,MAAAD,EAAA;IAAAC,CAAA,MAAAC,EAAA;EAAA;IAAAA,EAAA,GAAAD,CAAA;EAAA;EAAT,MAAAG,IAAA,GAAAF,EAAS;EAAA,IAAAG,EAAA;EAAA,IAAAJ,CAAA,QAAAK,MAAA,CAAAC,GAAA;IACxDF,EAAA,GAAAG,IAAA,CAAAC,GAAA,CAAQ;IAAAR,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAA/B,MAAAS,OAAA,GAAgBd,MAAA,CAAOS,EAAQ;EAAA,IAAAM,EAAA;EAAA,IAAAV,CAAA,QAAAH,QAAA,IAAAG,CAAA,QAAAF,KAAA;IAErBY,EAAA,GAAAA,CAAA;MACR,MAAAC,OAAA,GAAgBC,UAAA;QAAA,IAERL,IAAA,CAAAC,GAAA,CAAQ,IAAKC,OAAA,CAAAI,OAAe,IAAIf,KAAA;UAClCD,QAAA;UACAY,OAAA,CAAAI,OAAA,GAAkBN,IAAA,CAAAC,GAAA,CAAQ;QAAA;MAAA,GAG9BV,KAAA,IAASS,IAAA,CAAAC,GAAA,CAAQ,IAAKC,OAAA,CAAAI,OAAe,CAAD;MAAA;QAIpCC,YAAA,CAAaH,OAAA;MAAA;IAAA;IAEjBX,CAAA,MAAAH,QAAA;IAAAG,CAAA,MAAAF,KAAA;IAAAE,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAA,IAAAe,EAAA;EAAA,IAAAf,CAAA,QAAAF,KAAA,IAAAE,CAAA,QAAAG,IAAA;IAAGY,EAAA,IAACjB,KAAA,KAAUK,IAAA;IAAKH,CAAA,MAAAF,KAAA;IAAAE,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAdnBN,SAAA,CAAUgB,EAcV,EAAGK,EAAgB;AAAA,CACrB","ignoreList":[]}