@payloadcms/ui 3.31.0 → 3.32.0-canary.1

package/dist/elements/Autosave/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Autosave/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAIzE,OAAO,KAAwD,MAAM,OAAO,CAAA;AAgB5E,OAAO,cAAc,CAAA;AAUrB,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,qBAAqB,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgUpC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Autosave/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAIzE,OAAO,KAAwD,MAAM,OAAO,CAAA;AAgB5E,OAAO,cAAc,CAAA;AAUrB,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,qBAAqB,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiUpC,CAAA"}

package/dist/elements/Autosave/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dequal","reduceFieldsToValues","versionDefaults","React","useDeferredValue","useEffect","useRef","useState","toast","useAllFormFields","useForm","useFormModified","useFormProcessing","useFormSubmitted","useDebounce","useEffectEvent","useConfig","useDocumentEvents","useDocumentInfo","useLocale","useTranslation","formatTimeToNow","reduceFieldsToValuesWithValidation","LeaveWithoutSaving","baseClass","minimumAnimationTime","Autosave","id","collection","global","globalDoc","config","routes","api","serverURL","docConfig","incrementVersionCount","lastUpdateTime","mostRecentVersionIsAutosaved","setLastUpdateTime","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","updateSavedDocumentData","queueRef","isProcessingRef","reportUpdate","dispatchFields","isValid","setBackgroundProcessing","setIsValid","setSubmitted","isFormProcessing","fields","modified","submitted","code","locale","i18n","t","versionsConfig","versions","interval","autosaveInterval","drafts","autosave","validateOnDraft","Boolean","validate","_saving","setSaving","saving","debouncedFields","fieldRef","modifiedRef","localeRef","isValidRef","current","processQueue","useCallback","length","latestAction","autosaveTimeoutRef","handleAutosave","undefined","startTimestamp","endTimestamp","hideIndicator","setTimeout","stopAutoSaveIndicator","Date","getTime","url","method","entitySlug","slug","data","valid","_status","skipSubmission","res","fetch","body","JSON","stringify","credentials","headers","language","error","newDate","status","updatedAt","toISOString","prev","json","errors","Array","isArray","fieldErrors","nonFieldErrors","reduce","fieldErrs","nonFieldErrs","err","newFieldErrs","newNonFieldErrs","message","push","forEach","dataError","field","type","document","doc","result","didMount","previousDebouncedFieldValues","debouncedFieldValues","clearTimeout","_jsxs","className","_jsx","Fragment","distance","date"],"sources":["../../../src/elements/Autosave/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload'\n\nimport { dequal } from 'dequal/lite'\nimport { reduceFieldsToValues, versionDefaults } from 'payload/shared'\nimport React, { useDeferredValue, useEffect, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport {\n  useAllFormFields,\n  useForm,\n  useFormModified,\n  useFormProcessing,\n  useFormSubmitted,\n} from '../../forms/Form/context.js'\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentEvents } from '../../providers/DocumentEvents/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport './index.scss'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatTimeToNow } from '../../utilities/formatDocTitle/formatDateTitle.js'\nimport { reduceFieldsToValuesWithValidation } from '../../utilities/reduceFieldsToValuesWithValidation.js'\nimport { LeaveWithoutSaving } from '../LeaveWithoutSaving/index.js'\n\nconst baseClass = 'autosave'\n// The minimum time the saving state should be shown\nconst minimumAnimationTime = 1000\n\nexport type Props = {\n  collection?: ClientCollectionConfig\n  global?: ClientGlobalConfig\n  id?: number | string\n  publishedDocUpdatedAt: string\n}\n\nexport const Autosave: React.FC<Props> = ({ id, collection, global: globalDoc }) => {\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const {\n    docConfig,\n    incrementVersionCount,\n    lastUpdateTime,\n    mostRecentVersionIsAutosaved,\n    setLastUpdateTime,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n    updateSavedDocumentData,\n  } = useDocumentInfo()\n  const queueRef = useRef([])\n  const isProcessingRef = useRef(false)\n\n  const { reportUpdate } = useDocumentEvents()\n  const { dispatchFields, isValid, setBackgroundProcessing, setIsValid, setSubmitted } = useForm()\n  const isFormProcessing = useFormProcessing()\n\n  const [fields] = useAllFormFields()\n  const modified = useFormModified()\n  const submitted = useFormSubmitted()\n\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const versionsConfig = docConfig?.versions\n  let interval = versionDefaults.autosaveInterval\n\n  if (versionsConfig.drafts && versionsConfig.drafts.autosave) {\n    interval = versionsConfig.drafts.autosave.interval\n  }\n\n  const validateOnDraft = Boolean(\n    docConfig?.versions?.drafts && docConfig?.versions?.drafts.validate,\n  )\n\n  const [_saving, setSaving] = useState(false)\n  const saving = useDeferredValue(_saving)\n  const debouncedFields = useDebounce(fields, interval)\n  const fieldRef = useRef(fields)\n  const modifiedRef = useRef(modified)\n  const localeRef = useRef(locale)\n  /**\n   * Track the validation internally so Autosave can determine when to run queue processing again\n   * Helps us prevent infinite loops when the queue is processing and the form is invalid\n   */\n  const isValidRef = useRef(isValid)\n\n  // Store fields in ref so the autosave func\n  // can always retrieve the most to date copies\n  // after the timeout has executed\n  fieldRef.current = fields\n\n  // Store modified in ref so the autosave func\n  // can bail out if modified becomes false while\n  // timing out during autosave\n  modifiedRef.current = modified\n\n  // Store locale in ref so the autosave func\n  // can always retrieve the most to date locale\n  localeRef.current = locale\n\n  const processQueue = React.useCallback(async () => {\n    if (isProcessingRef.current || queueRef.current.length === 0) {\n      return\n    }\n\n    // Do not autosave if the form is already processing (e.g. if the user clicked the publish button\n    // right before this autosave runs), as parallel updates could cause conflicts\n    if (isFormProcessing) {\n      queueRef.current = []\n      return\n    }\n\n    if (!isValidRef.current) {\n      // Clear queue so we don't end up in an infinite loop\n      queueRef.current = []\n      // Reset internal validation state so queue processing can run again\n      isValidRef.current = true\n      return\n    }\n    isProcessingRef.current = true\n\n    const latestAction = queueRef.current[queueRef.current.length - 1]\n    queueRef.current = []\n\n    setBackgroundProcessing(true)\n    try {\n      await latestAction()\n    } finally {\n      isProcessingRef.current = false\n      setBackgroundProcessing(false)\n      if (queueRef.current.length > 0) {\n        await processQueue()\n      }\n    }\n    setBackgroundProcessing(false)\n  }, [isFormProcessing, setBackgroundProcessing])\n\n  const autosaveTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  const handleAutosave = useEffectEvent(() => {\n    autosaveTimeoutRef.current = undefined\n    // We need to log the time in order to figure out if we need to trigger the state off later\n    let startTimestamp = undefined\n    let endTimestamp = undefined\n\n    const hideIndicator = () => {\n      // If request was faster than minimum animation time, animate the difference\n      if (endTimestamp - startTimestamp < minimumAnimationTime) {\n        autosaveTimeoutRef.current = setTimeout(\n          () => {\n            setSaving(false)\n          },\n          minimumAnimationTime - (endTimestamp - startTimestamp),\n        )\n      } else {\n        stopAutoSaveIndicator()\n      }\n    }\n\n    const autosave = async () => {\n      if (modified) {\n        startTimestamp = new Date().getTime()\n\n        setSaving(true)\n\n        let url: string\n        let method: string\n        let entitySlug: string\n\n        if (collection && id) {\n          entitySlug = collection.slug\n          url = `${serverURL}${api}/${entitySlug}/${id}?draft=true&autosave=true&locale=${localeRef.current}`\n          method = 'PATCH'\n        }\n\n        if (globalDoc) {\n          entitySlug = globalDoc.slug\n          url = `${serverURL}${api}/globals/${entitySlug}?draft=true&autosave=true&locale=${localeRef.current}`\n          method = 'POST'\n        }\n\n        if (url) {\n          if (modifiedRef.current) {\n            const { data, valid } = reduceFieldsToValuesWithValidation(fieldRef.current, true)\n\n            data._status = 'draft'\n\n            const skipSubmission =\n              submitted && !valid && versionsConfig?.drafts && versionsConfig?.drafts?.validate\n\n            if (!skipSubmission && isValidRef.current) {\n              let res\n              try {\n                res = await fetch(url, {\n                  body: JSON.stringify(data),\n                  credentials: 'include',\n                  headers: {\n                    'Accept-Language': i18n.language,\n                    'Content-Type': 'application/json',\n                  },\n                  method,\n                })\n              } catch (error) {\n                // Swallow Error\n              }\n\n              const newDate = new Date()\n              // We need to log the time in order to figure out if we need to trigger the state off later\n              endTimestamp = newDate.getTime()\n\n              if (res.status === 200) {\n                setLastUpdateTime(newDate.getTime())\n\n                reportUpdate({\n                  id,\n                  entitySlug,\n                  updatedAt: newDate.toISOString(),\n                })\n\n                if (!mostRecentVersionIsAutosaved) {\n                  incrementVersionCount()\n                  setMostRecentVersionIsAutosaved(true)\n                  setUnpublishedVersionCount((prev) => prev + 1)\n                }\n              }\n              const json = await res.json()\n\n              if (versionsConfig?.drafts && versionsConfig?.drafts?.validate && json?.errors) {\n                if (Array.isArray(json.errors)) {\n                  const [fieldErrors, nonFieldErrors] = json.errors.reduce(\n                    ([fieldErrs, nonFieldErrs], err) => {\n                      const newFieldErrs = []\n                      const newNonFieldErrs = []\n\n                      if (err?.message) {\n                        newNonFieldErrs.push(err)\n                      }\n\n                      if (Array.isArray(err?.data)) {\n                        err.data.forEach((dataError) => {\n                          if (dataError?.field) {\n                            newFieldErrs.push(dataError)\n                          } else {\n                            newNonFieldErrs.push(dataError)\n                          }\n                        })\n                      }\n\n                      return [\n                        [...fieldErrs, ...newFieldErrs],\n                        [...nonFieldErrs, ...newNonFieldErrs],\n                      ]\n                    },\n                    [[], []],\n                  )\n\n                  dispatchFields({\n                    type: 'ADD_SERVER_ERRORS',\n                    errors: fieldErrors,\n                  })\n\n                  nonFieldErrors.forEach((err) => {\n                    toast.error(err.message || i18n.t('error:unknown'))\n                  })\n\n                  // Set valid to false internally so the queue doesn't process\n                  isValidRef.current = false\n                  setIsValid(false)\n                  setSubmitted(true)\n                  hideIndicator()\n                  return\n                }\n              } else {\n                // If it's not an error then we can update the document data inside the context\n                const document = json?.doc || json?.result\n\n                // Manually update the data since this function doesn't fire the `submit` function from useForm\n                if (document) {\n                  setIsValid(true)\n\n                  // Reset internal state allowing the queue to process\n                  isValidRef.current = true\n                  updateSavedDocumentData(document)\n                }\n              }\n\n              hideIndicator()\n            }\n          }\n        }\n      }\n    }\n\n    queueRef.current.push(autosave)\n    void processQueue()\n  })\n\n  const didMount = useRef(false)\n  const previousDebouncedFieldValues = useRef(reduceFieldsToValues(debouncedFields))\n  // When debounced fields change, autosave\n  useEffect(() => {\n    /**\n     * Ensure autosave doesn't run on mount\n     */\n    if (!didMount.current) {\n      didMount.current = true\n      return\n    }\n\n    /**\n     * Ensure autosave only runs if the form data changes, not every time the entire form state changes\n     */\n    const debouncedFieldValues = reduceFieldsToValues(debouncedFields)\n    if (dequal(debouncedFieldValues, previousDebouncedFieldValues)) {\n      return\n    }\n\n    previousDebouncedFieldValues.current = debouncedFieldValues\n\n    handleAutosave()\n  }, [debouncedFields])\n\n  /**\n   * If component unmounts, clear the autosave timeout\n   */\n  useEffect(() => {\n    return () => {\n      stopAutoSaveIndicator()\n    }\n  }, [])\n\n  const stopAutoSaveIndicator = useEffectEvent(() => {\n    if (autosaveTimeoutRef.current) {\n      clearTimeout(autosaveTimeoutRef.current)\n    }\n\n    setSaving(false)\n  })\n\n  return (\n    <div className={baseClass}>\n      {validateOnDraft && !isValid && <LeaveWithoutSaving />}\n      {saving && t('general:saving')}\n      {!saving && Boolean(lastUpdateTime) && (\n        <React.Fragment>\n          {t('version:lastSavedAgo', {\n            distance: formatTimeToNow({ date: lastUpdateTime, i18n }),\n          })}\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,SAASA,MAAM,QAAQ;AACvB,SAASC,oBAAoB,EAAEC,eAAe,QAAQ;AACtD,OAAOC,KAAA,IAASC,gBAAgB,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AACrE,SAASC,KAAK,QAAQ;AAEtB,SACEC,gBAAgB,EAChBC,OAAO,EACPC,eAAe,EACfC,iBAAiB,EACjBC,gBAAgB,QACX;AACP,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,SAAS,QAAQ;AAC1B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,eAAe,QAAQ;AAChC,SAASC,SAAS,QAAQ;AAC1B,OAAO;AACP,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAChC,SAASC,kCAAkC,QAAQ;AACnD,SAASC,kBAAkB,QAAQ;AAEnC,MAAMC,SAAA,GAAY;AAClB;AACA,MAAMC,oBAAA,GAAuB;AAS7B,OAAO,MAAMC,QAAA,GAA4BA,CAAC;EAAEC,EAAE;EAAEC,UAAU;EAAEC,MAAA,EAAQC;AAAS,CAAE;EAC7E,MAAM;IACJC,MAAA,EAAQ;MACNC,MAAA,EAAQ;QAAEC;MAAG,CAAE;MACfC;IAAS;EACV,CACF,GAAGlB,SAAA;EACJ,MAAM;IACJmB,SAAS;IACTC,qBAAqB;IACrBC,cAAc;IACdC,4BAA4B;IAC5BC,iBAAiB;IACjBC,+BAA+B;IAC/BC,0BAA0B;IAC1BC;EAAuB,CACxB,GAAGxB,eAAA;EACJ,MAAMyB,QAAA,GAAWrC,MAAA,CAAO,EAAE;EAC1B,MAAMsC,eAAA,GAAkBtC,MAAA,CAAO;EAE/B,MAAM;IAAEuC;EAAY,CAAE,GAAG5B,iBAAA;EACzB,MAAM;IAAE6B,cAAc;IAAEC,OAAO;IAAEC,uBAAuB;IAAEC,UAAU;IAAEC;EAAY,CAAE,GAAGxC,OAAA;EACvF,MAAMyC,gBAAA,GAAmBvC,iBAAA;EAEzB,MAAM,CAACwC,MAAA,CAAO,GAAG3C,gBAAA;EACjB,MAAM4C,QAAA,GAAW1C,eAAA;EACjB,MAAM2C,SAAA,GAAYzC,gBAAA;EAElB,MAAM;IAAE0C,IAAA,EAAMC;EAAM,CAAE,GAAGrC,SAAA;EACzB,MAAM;IAAEsC,IAAI;IAAEC;EAAC,CAAE,GAAGtC,cAAA;EAEpB,MAAMuC,cAAA,GAAiBxB,SAAA,EAAWyB,QAAA;EAClC,IAAIC,QAAA,GAAW3D,eAAA,CAAgB4D,gBAAgB;EAE/C,IAAIH,cAAA,CAAeI,MAAM,IAAIJ,cAAA,CAAeI,MAAM,CAACC,QAAQ,EAAE;IAC3DH,QAAA,GAAWF,cAAA,CAAeI,MAAM,CAACC,QAAQ,CAACH,QAAQ;EACpD;EAEA,MAAMI,eAAA,GAAkBC,OAAA,CACtB/B,SAAA,EAAWyB,QAAA,EAAUG,MAAA,IAAU5B,SAAA,EAAWyB,QAAA,EAAUG,MAAA,CAAOI,QAAA;EAG7D,MAAM,CAACC,OAAA,EAASC,SAAA,CAAU,GAAG9D,QAAA,CAAS;EACtC,MAAM+D,MAAA,GAASlE,gBAAA,CAAiBgE,OAAA;EAChC,MAAMG,eAAA,GAAkBzD,WAAA,CAAYsC,MAAA,EAAQS,QAAA;EAC5C,MAAMW,QAAA,GAAWlE,MAAA,CAAO8C,MAAA;EACxB,MAAMqB,WAAA,GAAcnE,MAAA,CAAO+C,QAAA;EAC3B,MAAMqB,SAAA,GAAYpE,MAAA,CAAOkD,MAAA;EACzB;;;;EAIA,MAAMmB,UAAA,GAAarE,MAAA,CAAOyC,OAAA;EAE1B;EACA;EACA;EACAyB,QAAA,CAASI,OAAO,GAAGxB,MAAA;EAEnB;EACA;EACA;EACAqB,WAAA,CAAYG,OAAO,GAAGvB,QAAA;EAEtB;EACA;EACAqB,SAAA,CAAUE,OAAO,GAAGpB,MAAA;EAEpB,MAAMqB,YAAA,GAAe1E,KAAA,CAAM2E,WAAW,CAAC;IACrC,IAAIlC,eAAA,CAAgBgC,OAAO,IAAIjC,QAAA,CAASiC,OAAO,CAACG,MAAM,KAAK,GAAG;MAC5D;IACF;IAEA;IACA;IACA,IAAI5B,gBAAA,EAAkB;MACpBR,QAAA,CAASiC,OAAO,GAAG,EAAE;MACrB;IACF;IAEA,IAAI,CAACD,UAAA,CAAWC,OAAO,EAAE;MACvB;MACAjC,QAAA,CAASiC,OAAO,GAAG,EAAE;MACrB;MACAD,UAAA,CAAWC,OAAO,GAAG;MACrB;IACF;IACAhC,eAAA,CAAgBgC,OAAO,GAAG;IAE1B,MAAMI,YAAA,GAAerC,QAAA,CAASiC,OAAO,CAACjC,QAAA,CAASiC,OAAO,CAACG,MAAM,GAAG,EAAE;IAClEpC,QAAA,CAASiC,OAAO,GAAG,EAAE;IAErB5B,uBAAA,CAAwB;IACxB,IAAI;MACF,MAAMgC,YAAA;IACR,UAAU;MACRpC,eAAA,CAAgBgC,OAAO,GAAG;MAC1B5B,uBAAA,CAAwB;MACxB,IAAIL,QAAA,CAASiC,OAAO,CAACG,MAAM,GAAG,GAAG;QAC/B,MAAMF,YAAA;MACR;IACF;IACA7B,uBAAA,CAAwB;EAC1B,GAAG,CAACG,gBAAA,EAAkBH,uBAAA,CAAwB;EAE9C,MAAMiC,kBAAA,GAAqB3E,MAAA,CAA8B;EAEzD,MAAM4E,cAAA,GAAiBnE,cAAA,CAAe;IACpCkE,kBAAA,CAAmBL,OAAO,GAAGO,SAAA;IAC7B;IACA,IAAIC,cAAA,GAAiBD,SAAA;IACrB,IAAIE,YAAA,GAAeF,SAAA;IAEnB,MAAMG,aAAA,GAAgBA,CAAA;MACpB;MACA,IAAID,YAAA,GAAeD,cAAA,GAAiB3D,oBAAA,EAAsB;QACxDwD,kBAAA,CAAmBL,OAAO,GAAGW,UAAA,CAC3B;UACElB,SAAA,CAAU;QACZ,GACA5C,oBAAA,IAAwB4D,YAAA,GAAeD,cAAa;MAExD,OAAO;QACLI,qBAAA;MACF;IACF;IAEA,MAAMxB,QAAA,GAAW,MAAAA,CAAA;MACf,IAAIX,QAAA,EAAU;QACZ+B,cAAA,GAAiB,IAAIK,IAAA,GAAOC,OAAO;QAEnCrB,SAAA,CAAU;QAEV,IAAIsB,GAAA;QACJ,IAAIC,MAAA;QACJ,IAAIC,UAAA;QAEJ,IAAIjE,UAAA,IAAcD,EAAA,EAAI;UACpBkE,UAAA,GAAajE,UAAA,CAAWkE,IAAI;UAC5BH,GAAA,GAAM,GAAGzD,SAAA,GAAYD,GAAA,IAAO4D,UAAA,IAAclE,EAAA,oCAAsC+C,SAAA,CAAUE,OAAO,EAAE;UACnGgB,MAAA,GAAS;QACX;QAEA,IAAI9D,SAAA,EAAW;UACb+D,UAAA,GAAa/D,SAAA,CAAUgE,IAAI;UAC3BH,GAAA,GAAM,GAAGzD,SAAA,GAAYD,GAAA,YAAe4D,UAAA,oCAA8CnB,SAAA,CAAUE,OAAO,EAAE;UACrGgB,MAAA,GAAS;QACX;QAEA,IAAID,GAAA,EAAK;UACP,IAAIlB,WAAA,CAAYG,OAAO,EAAE;YACvB,MAAM;cAAEmB,IAAI;cAAEC;YAAK,CAAE,GAAG1E,kCAAA,CAAmCkD,QAAA,CAASI,OAAO,EAAE;YAE7EmB,IAAA,CAAKE,OAAO,GAAG;YAEf,MAAMC,cAAA,GACJ5C,SAAA,IAAa,CAAC0C,KAAA,IAASrC,cAAA,EAAgBI,MAAA,IAAUJ,cAAA,EAAgBI,MAAA,EAAQI,QAAA;YAE3E,IAAI,CAAC+B,cAAA,IAAkBvB,UAAA,CAAWC,OAAO,EAAE;cACzC,IAAIuB,GAAA;cACJ,IAAI;gBACFA,GAAA,GAAM,MAAMC,KAAA,CAAMT,GAAA,EAAK;kBACrBU,IAAA,EAAMC,IAAA,CAAKC,SAAS,CAACR,IAAA;kBACrBS,WAAA,EAAa;kBACbC,OAAA,EAAS;oBACP,mBAAmBhD,IAAA,CAAKiD,QAAQ;oBAChC,gBAAgB;kBAClB;kBACAd;gBACF;cACF,EAAE,OAAOe,KAAA,EAAO;gBACd;cAAA;cAGF,MAAMC,OAAA,GAAU,IAAInB,IAAA;cACpB;cACAJ,YAAA,GAAeuB,OAAA,CAAQlB,OAAO;cAE9B,IAAIS,GAAA,CAAIU,MAAM,KAAK,KAAK;gBACtBtE,iBAAA,CAAkBqE,OAAA,CAAQlB,OAAO;gBAEjC7C,YAAA,CAAa;kBACXlB,EAAA;kBACAkE,UAAA;kBACAiB,SAAA,EAAWF,OAAA,CAAQG,WAAW;gBAChC;gBAEA,IAAI,CAACzE,4BAAA,EAA8B;kBACjCF,qBAAA;kBACAI,+BAAA,CAAgC;kBAChCC,0BAAA,CAA4BuE,IAAA,IAASA,IAAA,GAAO;gBAC9C;cACF;cACA,MAAMC,IAAA,GAAO,MAAMd,GAAA,CAAIc,IAAI;cAE3B,IAAItD,cAAA,EAAgBI,MAAA,IAAUJ,cAAA,EAAgBI,MAAA,EAAQI,QAAA,IAAY8C,IAAA,EAAMC,MAAA,EAAQ;gBAC9E,IAAIC,KAAA,CAAMC,OAAO,CAACH,IAAA,CAAKC,MAAM,GAAG;kBAC9B,MAAM,CAACG,WAAA,EAAaC,cAAA,CAAe,GAAGL,IAAA,CAAKC,MAAM,CAACK,MAAM,CACtD,CAAC,CAACC,SAAA,EAAWC,YAAA,CAAa,EAAEC,GAAA;oBAC1B,MAAMC,YAAA,GAAe,EAAE;oBACvB,MAAMC,eAAA,GAAkB,EAAE;oBAE1B,IAAIF,GAAA,EAAKG,OAAA,EAAS;sBAChBD,eAAA,CAAgBE,IAAI,CAACJ,GAAA;oBACvB;oBAEA,IAAIP,KAAA,CAAMC,OAAO,CAACM,GAAA,EAAK3B,IAAA,GAAO;sBAC5B2B,GAAA,CAAI3B,IAAI,CAACgC,OAAO,CAAEC,SAAA;wBAChB,IAAIA,SAAA,EAAWC,KAAA,EAAO;0BACpBN,YAAA,CAAaG,IAAI,CAACE,SAAA;wBACpB,OAAO;0BACLJ,eAAA,CAAgBE,IAAI,CAACE,SAAA;wBACvB;sBACF;oBACF;oBAEA,OAAO,CACL,C,GAAIR,SAAA,E,GAAcG,YAAA,CAAa,EAC/B,C,GAAIF,YAAA,E,GAAiBG,eAAA,CAAgB,CACtC;kBACH,GACA,CAAC,EAAE,EAAE,EAAE,CAAC;kBAGV9E,cAAA,CAAe;oBACboF,IAAA,EAAM;oBACNhB,MAAA,EAAQG;kBACV;kBAEAC,cAAA,CAAeS,OAAO,CAAEL,KAAA;oBACtBlH,KAAA,CAAMmG,KAAK,CAACe,KAAA,CAAIG,OAAO,IAAIpE,IAAA,CAAKC,CAAC,CAAC;kBACpC;kBAEA;kBACAiB,UAAA,CAAWC,OAAO,GAAG;kBACrB3B,UAAA,CAAW;kBACXC,YAAA,CAAa;kBACboC,aAAA;kBACA;gBACF;cACF,OAAO;gBACL;gBACA,MAAM6C,QAAA,GAAWlB,IAAA,EAAMmB,GAAA,IAAOnB,IAAA,EAAMoB,MAAA;gBAEpC;gBACA,IAAIF,QAAA,EAAU;kBACZlF,UAAA,CAAW;kBAEX;kBACA0B,UAAA,CAAWC,OAAO,GAAG;kBACrBlC,uBAAA,CAAwByF,QAAA;gBAC1B;cACF;cAEA7C,aAAA;YACF;UACF;QACF;MACF;IACF;IAEA3C,QAAA,CAASiC,OAAO,CAACkD,IAAI,CAAC9D,QAAA;IACtB,KAAKa,YAAA;EACP;EAEA,MAAMyD,QAAA,GAAWhI,MAAA,CAAO;EACxB,MAAMiI,4BAAA,GAA+BjI,MAAA,CAAOL,oBAAA,CAAqBsE,eAAA;EACjE;EACAlE,SAAA,CAAU;IACR;;;IAGA,IAAI,CAACiI,QAAA,CAAS1D,OAAO,EAAE;MACrB0D,QAAA,CAAS1D,OAAO,GAAG;MACnB;IACF;IAEA;;;IAGA,MAAM4D,oBAAA,GAAuBvI,oBAAA,CAAqBsE,eAAA;IAClD,IAAIvE,MAAA,CAAOwI,oBAAA,EAAsBD,4BAAA,GAA+B;MAC9D;IACF;IAEAA,4BAAA,CAA6B3D,OAAO,GAAG4D,oBAAA;IAEvCtD,cAAA;EACF,GAAG,CAACX,eAAA,CAAgB;EAEpB;;;EAGAlE,SAAA,CAAU;IACR,OAAO;MACLmF,qBAAA;IACF;EACF,GAAG,EAAE;EAEL,MAAMA,qBAAA,GAAwBzE,cAAA,CAAe;IAC3C,IAAIkE,kBAAA,CAAmBL,OAAO,EAAE;MAC9B6D,YAAA,CAAaxD,kBAAA,CAAmBL,OAAO;IACzC;IAEAP,SAAA,CAAU;EACZ;EAEA,oBACEqE,KAAA,CAAC;IAAIC,SAAA,EAAWnH,SAAA;eACbyC,eAAA,IAAmB,CAAClB,OAAA,iBAAW6F,IAAA,CAACrH,kBAAA,OAChC+C,MAAA,IAAUZ,CAAA,CAAE,mBACZ,CAACY,MAAA,IAAUJ,OAAA,CAAQ7B,cAAA,kBAClBuG,IAAA,CAACzI,KAAA,CAAM0I,QAAQ;gBACZnF,CAAA,CAAE,wBAAwB;QACzBoF,QAAA,EAAUzH,eAAA,CAAgB;UAAE0H,IAAA,EAAM1G,cAAA;UAAgBoB;QAAK;MACzD;;;AAKV","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dequal","reduceFieldsToValues","versionDefaults","React","useDeferredValue","useEffect","useRef","useState","toast","useAllFormFields","useForm","useFormModified","useFormProcessing","useFormSubmitted","useDebounce","useEffectEvent","useConfig","useDocumentEvents","useDocumentInfo","useLocale","useTranslation","formatTimeToNow","reduceFieldsToValuesWithValidation","LeaveWithoutSaving","baseClass","minimumAnimationTime","Autosave","id","collection","global","globalDoc","config","routes","api","serverURL","docConfig","incrementVersionCount","lastUpdateTime","mostRecentVersionIsAutosaved","setLastUpdateTime","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","updateSavedDocumentData","queueRef","isProcessingRef","reportUpdate","dispatchFields","isValid","setBackgroundProcessing","setIsValid","setSubmitted","isFormProcessing","fields","modified","submitted","code","locale","i18n","t","versionsConfig","versions","interval","autosaveInterval","drafts","autosave","validateOnDraft","Boolean","validate","_saving","setSaving","saving","debouncedFields","fieldRef","modifiedRef","localeRef","isValidRef","current","processQueue","useCallback","length","latestAction","autosaveTimeoutRef","handleAutosave","undefined","startTimestamp","endTimestamp","hideIndicator","setTimeout","stopAutoSaveIndicator","Date","getTime","url","method","entitySlug","slug","data","valid","_status","skipSubmission","res","fetch","body","JSON","stringify","credentials","headers","language","error","newDate","status","updatedAt","toISOString","prev","json","errors","Array","isArray","fieldErrors","nonFieldErrors","reduce","fieldErrs","nonFieldErrs","err","newFieldErrs","newNonFieldErrs","message","push","forEach","dataError","field","type","document","doc","result","didMount","previousDebouncedFieldValues","debouncedFieldValues","clearTimeout","_jsxs","className","_jsx","Fragment","distance","date"],"sources":["../../../src/elements/Autosave/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload'\n\nimport { dequal } from 'dequal/lite'\nimport { reduceFieldsToValues, versionDefaults } from 'payload/shared'\nimport React, { useDeferredValue, useEffect, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport {\n  useAllFormFields,\n  useForm,\n  useFormModified,\n  useFormProcessing,\n  useFormSubmitted,\n} from '../../forms/Form/context.js'\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentEvents } from '../../providers/DocumentEvents/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport './index.scss'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatTimeToNow } from '../../utilities/formatDocTitle/formatDateTitle.js'\nimport { reduceFieldsToValuesWithValidation } from '../../utilities/reduceFieldsToValuesWithValidation.js'\nimport { LeaveWithoutSaving } from '../LeaveWithoutSaving/index.js'\n\nconst baseClass = 'autosave'\n// The minimum time the saving state should be shown\nconst minimumAnimationTime = 1000\n\nexport type Props = {\n  collection?: ClientCollectionConfig\n  global?: ClientGlobalConfig\n  id?: number | string\n  publishedDocUpdatedAt: string\n}\n\nexport const Autosave: React.FC<Props> = ({ id, collection, global: globalDoc }) => {\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const {\n    docConfig,\n    incrementVersionCount,\n    lastUpdateTime,\n    mostRecentVersionIsAutosaved,\n    setLastUpdateTime,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n    updateSavedDocumentData,\n  } = useDocumentInfo()\n  const queueRef = useRef([])\n  const isProcessingRef = useRef(false)\n\n  const { reportUpdate } = useDocumentEvents()\n  const { dispatchFields, isValid, setBackgroundProcessing, setIsValid, setSubmitted } = useForm()\n  const isFormProcessing = useFormProcessing()\n\n  const [fields] = useAllFormFields()\n  const modified = useFormModified()\n  const submitted = useFormSubmitted()\n\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const versionsConfig = docConfig?.versions\n  let interval = versionDefaults.autosaveInterval\n\n  if (versionsConfig.drafts && versionsConfig.drafts.autosave) {\n    interval = versionsConfig.drafts.autosave.interval\n  }\n\n  const validateOnDraft = Boolean(\n    docConfig?.versions?.drafts && docConfig?.versions?.drafts.validate,\n  )\n\n  const [_saving, setSaving] = useState(false)\n  const saving = useDeferredValue(_saving)\n  const debouncedFields = useDebounce(fields, interval)\n  const fieldRef = useRef(fields)\n  const modifiedRef = useRef(modified)\n  const localeRef = useRef(locale)\n  /**\n   * Track the validation internally so Autosave can determine when to run queue processing again\n   * Helps us prevent infinite loops when the queue is processing and the form is invalid\n   */\n  const isValidRef = useRef(isValid)\n\n  // Store fields in ref so the autosave func\n  // can always retrieve the most to date copies\n  // after the timeout has executed\n  fieldRef.current = fields\n\n  // Store modified in ref so the autosave func\n  // can bail out if modified becomes false while\n  // timing out during autosave\n  modifiedRef.current = modified\n\n  // Store locale in ref so the autosave func\n  // can always retrieve the most to date locale\n  localeRef.current = locale\n\n  const processQueue = React.useCallback(async () => {\n    if (isProcessingRef.current || queueRef.current.length === 0) {\n      return\n    }\n\n    // Do not autosave if the form is already processing (e.g. if the user clicked the publish button\n    // right before this autosave runs), as parallel updates could cause conflicts\n    if (isFormProcessing) {\n      queueRef.current = []\n      return\n    }\n\n    if (!isValidRef.current) {\n      // Clear queue so we don't end up in an infinite loop\n      queueRef.current = []\n      // Reset internal validation state so queue processing can run again\n      isValidRef.current = true\n      return\n    }\n    isProcessingRef.current = true\n\n    const latestAction = queueRef.current[queueRef.current.length - 1]\n    queueRef.current = []\n\n    setBackgroundProcessing(true)\n\n    try {\n      await latestAction()\n    } finally {\n      isProcessingRef.current = false\n      setBackgroundProcessing(false)\n      if (queueRef.current.length > 0) {\n        await processQueue()\n      }\n    }\n    setBackgroundProcessing(false)\n  }, [isFormProcessing, setBackgroundProcessing])\n\n  const autosaveTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n\n  const handleAutosave = useEffectEvent(() => {\n    autosaveTimeoutRef.current = undefined\n    // We need to log the time in order to figure out if we need to trigger the state off later\n    let startTimestamp = undefined\n    let endTimestamp = undefined\n\n    const hideIndicator = () => {\n      // If request was faster than minimum animation time, animate the difference\n      if (endTimestamp - startTimestamp < minimumAnimationTime) {\n        autosaveTimeoutRef.current = setTimeout(\n          () => {\n            setSaving(false)\n          },\n          minimumAnimationTime - (endTimestamp - startTimestamp),\n        )\n      } else {\n        stopAutoSaveIndicator()\n      }\n    }\n\n    const autosave = async () => {\n      if (modified) {\n        startTimestamp = new Date().getTime()\n\n        setSaving(true)\n\n        let url: string\n        let method: string\n        let entitySlug: string\n\n        if (collection && id) {\n          entitySlug = collection.slug\n          url = `${serverURL}${api}/${entitySlug}/${id}?draft=true&autosave=true&locale=${localeRef.current}`\n          method = 'PATCH'\n        }\n\n        if (globalDoc) {\n          entitySlug = globalDoc.slug\n          url = `${serverURL}${api}/globals/${entitySlug}?draft=true&autosave=true&locale=${localeRef.current}`\n          method = 'POST'\n        }\n\n        if (url) {\n          if (modifiedRef.current) {\n            const { data, valid } = reduceFieldsToValuesWithValidation(fieldRef.current, true)\n\n            data._status = 'draft'\n\n            const skipSubmission =\n              submitted && !valid && versionsConfig?.drafts && versionsConfig?.drafts?.validate\n\n            if (!skipSubmission && isValidRef.current) {\n              let res\n              try {\n                res = await fetch(url, {\n                  body: JSON.stringify(data),\n                  credentials: 'include',\n                  headers: {\n                    'Accept-Language': i18n.language,\n                    'Content-Type': 'application/json',\n                  },\n                  method,\n                })\n              } catch (error) {\n                // Swallow Error\n              }\n\n              const newDate = new Date()\n              // We need to log the time in order to figure out if we need to trigger the state off later\n              endTimestamp = newDate.getTime()\n\n              if (res.status === 200) {\n                setLastUpdateTime(newDate.getTime())\n\n                reportUpdate({\n                  id,\n                  entitySlug,\n                  updatedAt: newDate.toISOString(),\n                })\n\n                if (!mostRecentVersionIsAutosaved) {\n                  incrementVersionCount()\n                  setMostRecentVersionIsAutosaved(true)\n                  setUnpublishedVersionCount((prev) => prev + 1)\n                }\n              }\n              const json = await res.json()\n\n              if (versionsConfig?.drafts && versionsConfig?.drafts?.validate && json?.errors) {\n                if (Array.isArray(json.errors)) {\n                  const [fieldErrors, nonFieldErrors] = json.errors.reduce(\n                    ([fieldErrs, nonFieldErrs], err) => {\n                      const newFieldErrs = []\n                      const newNonFieldErrs = []\n\n                      if (err?.message) {\n                        newNonFieldErrs.push(err)\n                      }\n\n                      if (Array.isArray(err?.data)) {\n                        err.data.forEach((dataError) => {\n                          if (dataError?.field) {\n                            newFieldErrs.push(dataError)\n                          } else {\n                            newNonFieldErrs.push(dataError)\n                          }\n                        })\n                      }\n\n                      return [\n                        [...fieldErrs, ...newFieldErrs],\n                        [...nonFieldErrs, ...newNonFieldErrs],\n                      ]\n                    },\n                    [[], []],\n                  )\n\n                  dispatchFields({\n                    type: 'ADD_SERVER_ERRORS',\n                    errors: fieldErrors,\n                  })\n\n                  nonFieldErrors.forEach((err) => {\n                    toast.error(err.message || i18n.t('error:unknown'))\n                  })\n\n                  // Set valid to false internally so the queue doesn't process\n                  isValidRef.current = false\n                  setIsValid(false)\n                  setSubmitted(true)\n                  hideIndicator()\n                  return\n                }\n              } else {\n                // If it's not an error then we can update the document data inside the context\n                const document = json?.doc || json?.result\n\n                // Manually update the data since this function doesn't fire the `submit` function from useForm\n                if (document) {\n                  setIsValid(true)\n\n                  // Reset internal state allowing the queue to process\n                  isValidRef.current = true\n                  updateSavedDocumentData(document)\n                }\n              }\n\n              hideIndicator()\n            }\n          }\n        }\n      }\n    }\n\n    queueRef.current.push(autosave)\n    void processQueue()\n  })\n\n  const didMount = useRef(false)\n  const previousDebouncedFieldValues = useRef(reduceFieldsToValues(debouncedFields))\n  // When debounced fields change, autosave\n  useEffect(() => {\n    /**\n     * Ensure autosave doesn't run on mount\n     */\n    if (!didMount.current) {\n      didMount.current = true\n      return\n    }\n\n    /**\n     * Ensure autosave only runs if the form data changes, not every time the entire form state changes\n     */\n    const debouncedFieldValues = reduceFieldsToValues(debouncedFields)\n    if (dequal(debouncedFieldValues, previousDebouncedFieldValues)) {\n      return\n    }\n\n    previousDebouncedFieldValues.current = debouncedFieldValues\n\n    handleAutosave()\n  }, [debouncedFields])\n\n  /**\n   * If component unmounts, clear the autosave timeout\n   */\n  useEffect(() => {\n    return () => {\n      stopAutoSaveIndicator()\n    }\n  }, [])\n\n  const stopAutoSaveIndicator = useEffectEvent(() => {\n    if (autosaveTimeoutRef.current) {\n      clearTimeout(autosaveTimeoutRef.current)\n    }\n\n    setSaving(false)\n  })\n\n  return (\n    <div className={baseClass}>\n      {validateOnDraft && !isValid && <LeaveWithoutSaving />}\n      {saving && t('general:saving')}\n      {!saving && Boolean(lastUpdateTime) && (\n        <React.Fragment>\n          {t('version:lastSavedAgo', {\n            distance: formatTimeToNow({ date: lastUpdateTime, i18n }),\n          })}\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ListControls/useQueryPresets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useQueryPresets.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/useQueryPresets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAA;AAKzF,OAAO,KAAyC,MAAM,OAAO,CAAA;AAiB7D,eAAO,MAAM,eAAe,8DAIzB;IACD,YAAY,EAAE,WAAW,CAAA;IACzB,cAAc,EAAE,cAAc,CAAA;IAC9B,sBAAsB,EAAE,6BAA6B,CAAA;CACtD,KAAG;IACF,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,oBAAoB,EAAE,MAAM,IAAI,CAAA;IAChC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,oBAAoB,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACvC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CA+RjC,CAAA"}
+{"version":3,"file":"useQueryPresets.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/useQueryPresets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAA;AAKzF,OAAO,KAAyC,MAAM,OAAO,CAAA;AAiB7D,eAAO,MAAM,eAAe,8DAIzB;IACD,YAAY,EAAE,WAAW,CAAA;IACzB,cAAc,EAAE,cAAc,CAAA;IAC9B,sBAAsB,EAAE,6BAA6B,CAAA;CACtD,KAAG;IACF,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,oBAAoB,EAAE,MAAM,IAAI,CAAA;IAChC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,oBAAoB,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACvC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CA4SjC,CAAA"}

package/dist/elements/ListControls/useQueryPresets.js

@@ -56,11 +56,20 @@ export const useQueryPresets = ({
   }] = useDocumentDrawer({
     collectionSlug: queryPresetsSlug
   });
+  const filterOptions = useMemo(() => ({
+    'payload-query-presets': {
+      relatedCollection: {
+        equals: collectionSlug
+      }
+    }
+  }), [collectionSlug]);
   const [ListDrawer,, {
     closeDrawer: closeListDrawer,
     openDrawer: openListDrawer
   }] = useListDrawer({
-    collectionSlugs: [queryPresetsSlug]
+    collectionSlugs: [queryPresetsSlug],
+    filterOptions,
+    selectedCollection: queryPresetsSlug
   });
   const handlePresetChange = useCallback(async preset => {
     await refineListData({

package/dist/elements/ListControls/useQueryPresets.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQueryPresets.js","names":["useModal","getTranslation","transformColumnsToPreferences","transformColumnsToSearchParams","React","Fragment","useCallback","useMemo","toast","useConfig","useListQuery","useTranslation","ConfirmationModal","useDocumentDrawer","useListDrawer","PopupList","PopupListGroupLabel","Translation","confirmDeletePresetModalSlug","queryPresetsSlug","useQueryPresets","activePreset","collectionSlug","queryPresetPermissions","modified","query","refineListData","setModified","setQueryModified","i18n","t","openModal","config","routes","api","apiRoute","getEntityConfig","presetConfig","PresetDocumentDrawer","openDrawer","openDocumentDrawer","id","CreateNewPresetDrawer","closeDrawer","closeCreateNewDrawer","openCreateNewDrawer","ListDrawer","closeListDrawer","openListDrawer","collectionSlugs","handlePresetChange","preset","columns","undefined","where","resetQueryPreset","handleDeletePreset","fetch","method","then","res","json","status","success","label","labels","singular","title","errors","forEach","error","message","_err","saveCurrentChanges","body","JSON","stringify","credentials","headers","queryPresetMenuItems","menuItems","_jsx","plural","push","Button","onClick","update","isShared","delete","_jsxs","initialData","relatedCollection","onSave","doc","redirectAfterCreate","DeletePresetModal","elements","1","children","i18nKey","variables","confirmingLabel","heading","modalSlug","onConfirm","EditPresetDrawer","onDelete","onDuplicate","hasModifiedPreset","openPresetListDrawer","PresetListDrawer","allowCreate","disableQueryPresets","onSelect","resetPreset"],"sources":["../../../src/elements/ListControls/useQueryPresets.tsx"],"sourcesContent":["import type { CollectionSlug, QueryPreset, SanitizedCollectionPermission } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { transformColumnsToPreferences, transformColumnsToSearchParams } from 'payload/shared'\nimport React, { Fragment, useCallback, useMemo } from 'react'\nimport { toast } from 'sonner'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useListQuery } from '../../providers/ListQuery/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/index.js'\nimport { useListDrawer } from '../ListDrawer/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { PopupListGroupLabel } from '../Popup/PopupGroupLabel/index.js'\nimport { Translation } from '../Translation/index.js'\n\nconst confirmDeletePresetModalSlug = 'confirm-delete-preset'\n\nconst queryPresetsSlug = 'payload-query-presets'\n\nexport const useQueryPresets = ({\n  activePreset,\n  collectionSlug,\n  queryPresetPermissions,\n}: {\n  activePreset: QueryPreset\n  collectionSlug: CollectionSlug\n  queryPresetPermissions: SanitizedCollectionPermission\n}): {\n  CreateNewPresetDrawer: React.ReactNode\n  DeletePresetModal: React.ReactNode\n  EditPresetDrawer: React.ReactNode\n  hasModifiedPreset: boolean\n  openPresetListDrawer: () => void\n  PresetListDrawer: React.ReactNode\n  queryPresetMenuItems: React.ReactNode[]\n  resetPreset: () => Promise<void>\n} => {\n  const { modified, query, refineListData, setModified: setQueryModified } = useListQuery()\n\n  const { i18n, t } = useTranslation()\n  const { openModal } = useModal()\n\n  const {\n    config: {\n      routes: { api: apiRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const presetConfig = getEntityConfig({ collectionSlug: queryPresetsSlug })\n\n  const [PresetDocumentDrawer, , { openDrawer: openDocumentDrawer }] = useDocumentDrawer({\n    id: activePreset?.id,\n    collectionSlug: queryPresetsSlug,\n  })\n\n  const [\n    CreateNewPresetDrawer,\n    ,\n    { closeDrawer: closeCreateNewDrawer, openDrawer: openCreateNewDrawer },\n  ] = useDocumentDrawer({\n    collectionSlug: queryPresetsSlug,\n  })\n\n  const [ListDrawer, , { closeDrawer: closeListDrawer, openDrawer: openListDrawer }] =\n    useListDrawer({\n      collectionSlugs: [queryPresetsSlug],\n    })\n\n  const handlePresetChange = useCallback(\n    async (preset: QueryPreset) => {\n      await refineListData(\n        {\n          columns: preset.columns ? transformColumnsToSearchParams(preset.columns) : undefined,\n          preset: preset.id,\n          where: preset.where,\n        },\n        false,\n      )\n    },\n    [refineListData],\n  )\n\n  const resetQueryPreset = useCallback(async () => {\n    await refineListData(\n      {\n        columns: undefined,\n        preset: undefined,\n        where: undefined,\n      },\n      false,\n    )\n  }, [refineListData])\n\n  const handleDeletePreset = useCallback(async () => {\n    try {\n      await fetch(`${apiRoute}/${queryPresetsSlug}/${activePreset.id}`, {\n        method: 'DELETE',\n      }).then(async (res) => {\n        try {\n          const json = await res.json()\n\n          if (res.status < 400) {\n            toast.success(\n              t('general:titleDeleted', {\n                label: getTranslation(presetConfig?.labels?.singular, i18n),\n                title: activePreset.title,\n              }),\n            )\n\n            await resetQueryPreset()\n          } else {\n            if (json.errors) {\n              json.errors.forEach((error) => toast.error(error.message))\n            } else {\n              toast.error(t('error:deletingTitle', { title: activePreset.title }))\n            }\n          }\n        } catch (_err) {\n          toast.error(t('error:deletingTitle', { title: activePreset.title }))\n        }\n      })\n    } catch (_err) {\n      toast.error(t('error:deletingTitle', { title: activePreset.title }))\n    }\n  }, [apiRoute, activePreset?.id, activePreset?.title, t, presetConfig, i18n, resetQueryPreset])\n\n  const saveCurrentChanges = useCallback(async () => {\n    try {\n      await fetch(`${apiRoute}/payload-query-presets/${activePreset.id}`, {\n        body: JSON.stringify({\n          columns: transformColumnsToPreferences(query.columns),\n          where: query.where,\n        }),\n        credentials: 'include',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'PATCH',\n      }).then(async (res) => {\n        try {\n          const json = await res.json()\n\n          if (res.status < 400) {\n            toast.success(\n              t('general:updatedLabelSuccessfully', {\n                label: getTranslation(presetConfig?.labels?.singular, i18n),\n              }),\n            )\n\n            setQueryModified(false)\n          } else {\n            if (json.errors) {\n              json.errors.forEach((error) => toast.error(error.message))\n            } else {\n              toast.error(t('error:unknown'))\n            }\n          }\n        } catch (_err) {\n          toast.error(t('error:unknown'))\n        }\n      })\n    } catch (_err) {\n      toast.error(t('error:unknown'))\n    }\n  }, [\n    apiRoute,\n    activePreset?.id,\n    query.columns,\n    query.where,\n    t,\n    presetConfig?.labels?.singular,\n    i18n,\n    setQueryModified,\n  ])\n\n  // Memoize so that components aren't re-rendered on query and column changes\n  const queryPresetMenuItems = useMemo(() => {\n    const menuItems: React.ReactNode[] = [\n      <PopupListGroupLabel\n        key=\"preset-group-label\"\n        label={getTranslation(presetConfig?.labels?.plural, i18n)}\n      />,\n    ]\n\n    if (activePreset && modified) {\n      menuItems.push(\n        <PopupList.Button\n          onClick={async () => {\n            await refineListData(\n              {\n                columns: transformColumnsToSearchParams(activePreset.columns),\n                where: activePreset.where,\n              },\n              false,\n            )\n          }}\n        >\n          {t('general:reset')}\n        </PopupList.Button>,\n      )\n\n      if (queryPresetPermissions.update) {\n        menuItems.push(\n          <PopupList.Button\n            onClick={async () => {\n              await saveCurrentChanges()\n            }}\n          >\n            {activePreset.isShared ? t('general:updateForEveryone') : t('general:save')}\n          </PopupList.Button>,\n        )\n      }\n    }\n\n    menuItems.push(\n      <PopupList.Button\n        onClick={() => {\n          openCreateNewDrawer()\n        }}\n      >\n        {t('general:createNew')}\n      </PopupList.Button>,\n    )\n\n    if (activePreset && queryPresetPermissions?.delete) {\n      menuItems.push(\n        <Fragment>\n          <PopupList.Button onClick={() => openModal(confirmDeletePresetModalSlug)}>\n            {t('general:delete')}\n          </PopupList.Button>\n          <PopupList.Button\n            onClick={() => {\n              openDocumentDrawer()\n            }}\n          >\n            {t('general:edit')}\n          </PopupList.Button>\n        </Fragment>,\n      )\n    }\n\n    return menuItems\n  }, [\n    activePreset,\n    queryPresetPermissions?.delete,\n    queryPresetPermissions?.update,\n    openCreateNewDrawer,\n    openDocumentDrawer,\n    openModal,\n    saveCurrentChanges,\n    t,\n    refineListData,\n    modified,\n    presetConfig?.labels?.plural,\n    i18n,\n  ])\n\n  return {\n    CreateNewPresetDrawer: (\n      <CreateNewPresetDrawer\n        initialData={{\n          columns: transformColumnsToPreferences(query.columns),\n          relatedCollection: collectionSlug,\n          where: query.where,\n        }}\n        onSave={async ({ doc }) => {\n          closeCreateNewDrawer()\n          await handlePresetChange(doc as QueryPreset)\n        }}\n        redirectAfterCreate={false}\n      />\n    ),\n    DeletePresetModal: (\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              '1': ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"general:aboutToDelete\"\n            t={t}\n            variables={{\n              label: presetConfig?.labels?.singular,\n              title: activePreset?.title,\n            }}\n          />\n        }\n        confirmingLabel={t('general:deleting')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={confirmDeletePresetModalSlug}\n        onConfirm={handleDeletePreset}\n      />\n    ),\n    EditPresetDrawer: (\n      <PresetDocumentDrawer\n        onDelete={() => {\n          // setSelectedPreset(undefined)\n        }}\n        onDuplicate={async ({ doc }) => {\n          await handlePresetChange(doc as QueryPreset)\n        }}\n        onSave={async ({ doc }) => {\n          await handlePresetChange(doc as QueryPreset)\n        }}\n      />\n    ),\n    hasModifiedPreset: modified,\n    openPresetListDrawer: openListDrawer,\n    PresetListDrawer: (\n      <ListDrawer\n        allowCreate={false}\n        disableQueryPresets\n        onSelect={async ({ doc }) => {\n          closeListDrawer()\n          await handlePresetChange(doc as QueryPreset)\n        }}\n      />\n    ),\n    queryPresetMenuItems,\n    resetPreset: resetQueryPreset,\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useQueryPresets.js","names":["useModal","getTranslation","transformColumnsToPreferences","transformColumnsToSearchParams","React","Fragment","useCallback","useMemo","toast","useConfig","useListQuery","useTranslation","ConfirmationModal","useDocumentDrawer","useListDrawer","PopupList","PopupListGroupLabel","Translation","confirmDeletePresetModalSlug","queryPresetsSlug","useQueryPresets","activePreset","collectionSlug","queryPresetPermissions","modified","query","refineListData","setModified","setQueryModified","i18n","t","openModal","config","routes","api","apiRoute","getEntityConfig","presetConfig","PresetDocumentDrawer","openDrawer","openDocumentDrawer","id","CreateNewPresetDrawer","closeDrawer","closeCreateNewDrawer","openCreateNewDrawer","filterOptions","relatedCollection","equals","ListDrawer","closeListDrawer","openListDrawer","collectionSlugs","selectedCollection","handlePresetChange","preset","columns","undefined","where","resetQueryPreset","handleDeletePreset","fetch","method","then","res","json","status","success","label","labels","singular","title","errors","forEach","error","message","_err","saveCurrentChanges","body","JSON","stringify","credentials","headers","queryPresetMenuItems","menuItems","_jsx","plural","push","Button","onClick","update","isShared","delete","_jsxs","initialData","onSave","doc","redirectAfterCreate","DeletePresetModal","elements","1","children","i18nKey","variables","confirmingLabel","heading","modalSlug","onConfirm","EditPresetDrawer","onDelete","onDuplicate","hasModifiedPreset","openPresetListDrawer","PresetListDrawer","allowCreate","disableQueryPresets","onSelect","resetPreset"],"sources":["../../../src/elements/ListControls/useQueryPresets.tsx"],"sourcesContent":["import type { CollectionSlug, QueryPreset, SanitizedCollectionPermission } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { transformColumnsToPreferences, transformColumnsToSearchParams } from 'payload/shared'\nimport React, { Fragment, useCallback, useMemo } from 'react'\nimport { toast } from 'sonner'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useListQuery } from '../../providers/ListQuery/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { useDocumentDrawer } from '../DocumentDrawer/index.js'\nimport { useListDrawer } from '../ListDrawer/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport { PopupListGroupLabel } from '../Popup/PopupGroupLabel/index.js'\nimport { Translation } from '../Translation/index.js'\n\nconst confirmDeletePresetModalSlug = 'confirm-delete-preset'\n\nconst queryPresetsSlug = 'payload-query-presets'\n\nexport const useQueryPresets = ({\n  activePreset,\n  collectionSlug,\n  queryPresetPermissions,\n}: {\n  activePreset: QueryPreset\n  collectionSlug: CollectionSlug\n  queryPresetPermissions: SanitizedCollectionPermission\n}): {\n  CreateNewPresetDrawer: React.ReactNode\n  DeletePresetModal: React.ReactNode\n  EditPresetDrawer: React.ReactNode\n  hasModifiedPreset: boolean\n  openPresetListDrawer: () => void\n  PresetListDrawer: React.ReactNode\n  queryPresetMenuItems: React.ReactNode[]\n  resetPreset: () => Promise<void>\n} => {\n  const { modified, query, refineListData, setModified: setQueryModified } = useListQuery()\n\n  const { i18n, t } = useTranslation()\n  const { openModal } = useModal()\n\n  const {\n    config: {\n      routes: { api: apiRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const presetConfig = getEntityConfig({ collectionSlug: queryPresetsSlug })\n\n  const [PresetDocumentDrawer, , { openDrawer: openDocumentDrawer }] = useDocumentDrawer({\n    id: activePreset?.id,\n    collectionSlug: queryPresetsSlug,\n  })\n\n  const [\n    CreateNewPresetDrawer,\n    ,\n    { closeDrawer: closeCreateNewDrawer, openDrawer: openCreateNewDrawer },\n  ] = useDocumentDrawer({\n    collectionSlug: queryPresetsSlug,\n  })\n\n  const filterOptions = useMemo(\n    () => ({\n      'payload-query-presets': {\n        relatedCollection: {\n          equals: collectionSlug,\n        },\n      },\n    }),\n    [collectionSlug],\n  )\n\n  const [ListDrawer, , { closeDrawer: closeListDrawer, openDrawer: openListDrawer }] =\n    useListDrawer({\n      collectionSlugs: [queryPresetsSlug],\n      filterOptions,\n      selectedCollection: queryPresetsSlug,\n    })\n\n  const handlePresetChange = useCallback(\n    async (preset: QueryPreset) => {\n      await refineListData(\n        {\n          columns: preset.columns ? transformColumnsToSearchParams(preset.columns) : undefined,\n          preset: preset.id,\n          where: preset.where,\n        },\n        false,\n      )\n    },\n    [refineListData],\n  )\n\n  const resetQueryPreset = useCallback(async () => {\n    await refineListData(\n      {\n        columns: undefined,\n        preset: undefined,\n        where: undefined,\n      },\n      false,\n    )\n  }, [refineListData])\n\n  const handleDeletePreset = useCallback(async () => {\n    try {\n      await fetch(`${apiRoute}/${queryPresetsSlug}/${activePreset.id}`, {\n        method: 'DELETE',\n      }).then(async (res) => {\n        try {\n          const json = await res.json()\n\n          if (res.status < 400) {\n            toast.success(\n              t('general:titleDeleted', {\n                label: getTranslation(presetConfig?.labels?.singular, i18n),\n                title: activePreset.title,\n              }),\n            )\n\n            await resetQueryPreset()\n          } else {\n            if (json.errors) {\n              json.errors.forEach((error) => toast.error(error.message))\n            } else {\n              toast.error(t('error:deletingTitle', { title: activePreset.title }))\n            }\n          }\n        } catch (_err) {\n          toast.error(t('error:deletingTitle', { title: activePreset.title }))\n        }\n      })\n    } catch (_err) {\n      toast.error(t('error:deletingTitle', { title: activePreset.title }))\n    }\n  }, [apiRoute, activePreset?.id, activePreset?.title, t, presetConfig, i18n, resetQueryPreset])\n\n  const saveCurrentChanges = useCallback(async () => {\n    try {\n      await fetch(`${apiRoute}/payload-query-presets/${activePreset.id}`, {\n        body: JSON.stringify({\n          columns: transformColumnsToPreferences(query.columns),\n          where: query.where,\n        }),\n        credentials: 'include',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'PATCH',\n      }).then(async (res) => {\n        try {\n          const json = await res.json()\n\n          if (res.status < 400) {\n            toast.success(\n              t('general:updatedLabelSuccessfully', {\n                label: getTranslation(presetConfig?.labels?.singular, i18n),\n              }),\n            )\n\n            setQueryModified(false)\n          } else {\n            if (json.errors) {\n              json.errors.forEach((error) => toast.error(error.message))\n            } else {\n              toast.error(t('error:unknown'))\n            }\n          }\n        } catch (_err) {\n          toast.error(t('error:unknown'))\n        }\n      })\n    } catch (_err) {\n      toast.error(t('error:unknown'))\n    }\n  }, [\n    apiRoute,\n    activePreset?.id,\n    query.columns,\n    query.where,\n    t,\n    presetConfig?.labels?.singular,\n    i18n,\n    setQueryModified,\n  ])\n\n  // Memoize so that components aren't re-rendered on query and column changes\n  const queryPresetMenuItems = useMemo(() => {\n    const menuItems: React.ReactNode[] = [\n      <PopupListGroupLabel\n        key=\"preset-group-label\"\n        label={getTranslation(presetConfig?.labels?.plural, i18n)}\n      />,\n    ]\n\n    if (activePreset && modified) {\n      menuItems.push(\n        <PopupList.Button\n          onClick={async () => {\n            await refineListData(\n              {\n                columns: transformColumnsToSearchParams(activePreset.columns),\n                where: activePreset.where,\n              },\n              false,\n            )\n          }}\n        >\n          {t('general:reset')}\n        </PopupList.Button>,\n      )\n\n      if (queryPresetPermissions.update) {\n        menuItems.push(\n          <PopupList.Button\n            onClick={async () => {\n              await saveCurrentChanges()\n            }}\n          >\n            {activePreset.isShared ? t('general:updateForEveryone') : t('general:save')}\n          </PopupList.Button>,\n        )\n      }\n    }\n\n    menuItems.push(\n      <PopupList.Button\n        onClick={() => {\n          openCreateNewDrawer()\n        }}\n      >\n        {t('general:createNew')}\n      </PopupList.Button>,\n    )\n\n    if (activePreset && queryPresetPermissions?.delete) {\n      menuItems.push(\n        <Fragment>\n          <PopupList.Button onClick={() => openModal(confirmDeletePresetModalSlug)}>\n            {t('general:delete')}\n          </PopupList.Button>\n          <PopupList.Button\n            onClick={() => {\n              openDocumentDrawer()\n            }}\n          >\n            {t('general:edit')}\n          </PopupList.Button>\n        </Fragment>,\n      )\n    }\n\n    return menuItems\n  }, [\n    activePreset,\n    queryPresetPermissions?.delete,\n    queryPresetPermissions?.update,\n    openCreateNewDrawer,\n    openDocumentDrawer,\n    openModal,\n    saveCurrentChanges,\n    t,\n    refineListData,\n    modified,\n    presetConfig?.labels?.plural,\n    i18n,\n  ])\n\n  return {\n    CreateNewPresetDrawer: (\n      <CreateNewPresetDrawer\n        initialData={{\n          columns: transformColumnsToPreferences(query.columns),\n          relatedCollection: collectionSlug,\n          where: query.where,\n        }}\n        onSave={async ({ doc }) => {\n          closeCreateNewDrawer()\n          await handlePresetChange(doc as QueryPreset)\n        }}\n        redirectAfterCreate={false}\n      />\n    ),\n    DeletePresetModal: (\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              '1': ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"general:aboutToDelete\"\n            t={t}\n            variables={{\n              label: presetConfig?.labels?.singular,\n              title: activePreset?.title,\n            }}\n          />\n        }\n        confirmingLabel={t('general:deleting')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={confirmDeletePresetModalSlug}\n        onConfirm={handleDeletePreset}\n      />\n    ),\n    EditPresetDrawer: (\n      <PresetDocumentDrawer\n        onDelete={() => {\n          // setSelectedPreset(undefined)\n        }}\n        onDuplicate={async ({ doc }) => {\n          await handlePresetChange(doc as QueryPreset)\n        }}\n        onSave={async ({ doc }) => {\n          await handlePresetChange(doc as QueryPreset)\n        }}\n      />\n    ),\n    hasModifiedPreset: modified,\n    openPresetListDrawer: openListDrawer,\n    PresetListDrawer: (\n      <ListDrawer\n        allowCreate={false}\n        disableQueryPresets\n        onSelect={async ({ doc }) => {\n          closeListDrawer()\n          await handlePresetChange(doc as QueryPreset)\n        }}\n      />\n    ),\n    queryPresetMenuItems,\n    resetPreset: resetQueryPreset,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/File/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,sBAAsB,EACtB,yBAAyB,EACzB,eAAe,EACf,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAOrB,MAAM,WAAW,aACf,SAAQ,yBAAyB,CAAC,eAAe,GAAG,iBAAiB,CAAC;IACtE,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;CAClD;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyE5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,sBAAsB,EACtB,yBAAyB,EACzB,eAAe,EACf,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAMrB,MAAM,WAAW,aACf,SAAQ,yBAAyB,CAAC,eAAe,GAAG,iBAAiB,CAAC;IACtE,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;CAClD;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwC5C,CAAA"}

package/dist/elements/Table/DefaultCell/fields/File/index.js

@@ -1,12 +1,12 @@
 'use client';
 
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { isImage } from 'payload/shared';
 import React from 'react';
-import { Thumbnail } from '../../../../Thumbnail/index.js';
 import './index.scss';
+import { getBestFitFromSizes } from '../../../../../utilities/getBestFitFromSizes.js';
+import { Thumbnail } from '../../../../Thumbnail/index.js';
 const baseClass = 'file';
-const targetThumbnailSizeMin = 40;
-const targetThumbnailSizeMax = 180;
 export const FileCell = ({
   cellData: filename,
   collectionConfig,
@@ -17,25 +17,13 @@ export const FileCell = ({
   const previewAllowed = fieldPreviewAllowed ?? collectionConfig.upload?.displayPreview ?? true;
   if (previewAllowed) {
     let fileSrc = rowData?.thumbnailURL ?? rowData?.url;
-    if (rowData?.url && !rowData?.thumbnailURL && typeof rowData?.mimeType === 'string' && rowData?.mimeType.startsWith('image') && rowData?.sizes) {
-      const sizes = Object.values(rowData.sizes);
-      const bestFit = sizes.reduce((closest, current) => {
-        if (!current.width || current.width < targetThumbnailSizeMin) {
-          return closest;
-        }
-        if (current.width >= targetThumbnailSizeMin && current.width <= targetThumbnailSizeMax) {
-          return !closest.width || current.width < closest.width || closest.width < targetThumbnailSizeMin || closest.width > targetThumbnailSizeMax ? current : closest;
-        }
-        if (!closest.width || !closest.original && closest.width < targetThumbnailSizeMin && current.width > closest.width || closest.width > targetThumbnailSizeMax && current.width < closest.width) {
-          return current;
-        }
-        return closest;
-      }, {
-        original: true,
+    if (isImage(rowData?.mimeType)) {
+      fileSrc = getBestFitFromSizes({
+        sizes: rowData?.sizes,
+        thumbnailURL: rowData?.thumbnailURL,
         url: rowData?.url,
         width: rowData?.width
       });
-      fileSrc = bestFit.url || fileSrc;
     }
     return /*#__PURE__*/_jsxs("div", {
       className: baseClass,

package/dist/elements/Table/DefaultCell/fields/File/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Thumbnail","baseClass","targetThumbnailSizeMin","targetThumbnailSizeMax","FileCell","cellData","filename","collectionConfig","field","rowData","fieldPreviewAllowed","displayPreview","undefined","previewAllowed","upload","fileSrc","thumbnailURL","url","mimeType","startsWith","sizes","Object","values","bestFit","reduce","closest","current","width","original","_jsxs","className","_jsx","collectionSlug","slug","doc","size","uploadConfig","String","_Fragment"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  DefaultCellComponentProps,\n  TextFieldClient,\n  UploadFieldClient,\n} from 'payload'\n\nimport React from 'react'\n\nimport { Thumbnail } from '../../../../Thumbnail/index.js'\nimport './index.scss'\n\nconst baseClass = 'file'\n\nconst targetThumbnailSizeMin = 40\nconst targetThumbnailSizeMax = 180\n\nexport interface FileCellProps\n  extends DefaultCellComponentProps<TextFieldClient | UploadFieldClient> {\n  readonly collectionConfig: ClientCollectionConfig\n}\n\nexport const FileCell: React.FC<FileCellProps> = ({\n  cellData: filename,\n  collectionConfig,\n  field,\n  rowData,\n}) => {\n  const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined\n  const previewAllowed = fieldPreviewAllowed ?? collectionConfig.upload?.displayPreview ?? true\n\n  if (previewAllowed) {\n    let fileSrc: string | undefined = rowData?.thumbnailURL ?? rowData?.url\n\n    if (\n      rowData?.url &&\n      !rowData?.thumbnailURL &&\n      typeof rowData?.mimeType === 'string' &&\n      rowData?.mimeType.startsWith('image') &&\n      rowData?.sizes\n    ) {\n      const sizes = Object.values<{ url?: string; width?: number }>(rowData.sizes)\n\n      const bestFit = sizes.reduce(\n        (closest, current) => {\n          if (!current.width || current.width < targetThumbnailSizeMin) {\n            return closest\n          }\n\n          if (current.width >= targetThumbnailSizeMin && current.width <= targetThumbnailSizeMax) {\n            return !closest.width ||\n              current.width < closest.width ||\n              closest.width < targetThumbnailSizeMin ||\n              closest.width > targetThumbnailSizeMax\n              ? current\n              : closest\n          }\n\n          if (\n            !closest.width ||\n            (!closest.original &&\n              closest.width < targetThumbnailSizeMin &&\n              current.width > closest.width) ||\n            (closest.width > targetThumbnailSizeMax && current.width < closest.width)\n          ) {\n            return current\n          }\n\n          return closest\n        },\n        { original: true, url: rowData?.url, width: rowData?.width },\n      )\n\n      fileSrc = bestFit.url || fileSrc\n    }\n\n    return (\n      <div className={baseClass}>\n        <Thumbnail\n          className={`${baseClass}__thumbnail`}\n          collectionSlug={collectionConfig?.slug}\n          doc={{\n            ...rowData,\n            filename,\n          }}\n          fileSrc={fileSrc}\n          size=\"small\"\n          uploadConfig={collectionConfig?.upload}\n        />\n        <span className={`${baseClass}__filename`}>{String(filename)}</span>\n      </div>\n    )\n  } else {\n    return <>{String(filename)}</>\n  }\n}\n"],"mappings":"AAAA;;;AAQA,OAAOA,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,sBAAA,GAAyB;AAC/B,MAAMC,sBAAA,GAAyB;AAO/B,OAAO,MAAMC,QAAA,GAAoCA,CAAC;EAChDC,QAAA,EAAUC,QAAQ;EAClBC,gBAAgB;EAChBC,KAAK;EACLC;AAAO,CACR;EACC,MAAMC,mBAAA,GAAsB,oBAAoBF,KAAA,GAAQA,KAAA,CAAMG,cAAc,GAAGC,SAAA;EAC/E,MAAMC,cAAA,GAAiBH,mBAAA,IAAuBH,gBAAA,CAAiBO,MAAM,EAAEH,cAAA,IAAkB;EAEzF,IAAIE,cAAA,EAAgB;IAClB,IAAIE,OAAA,GAA8BN,OAAA,EAASO,YAAA,IAAgBP,OAAA,EAASQ,GAAA;IAEpE,IACER,OAAA,EAASQ,GAAA,IACT,CAACR,OAAA,EAASO,YAAA,IACV,OAAOP,OAAA,EAASS,QAAA,KAAa,YAC7BT,OAAA,EAASS,QAAA,CAASC,UAAA,CAAW,YAC7BV,OAAA,EAASW,KAAA,EACT;MACA,MAAMA,KAAA,GAAQC,MAAA,CAAOC,MAAM,CAAmCb,OAAA,CAAQW,KAAK;MAE3E,MAAMG,OAAA,GAAUH,KAAA,CAAMI,MAAM,CAC1B,CAACC,OAAA,EAASC,OAAA;QACR,IAAI,CAACA,OAAA,CAAQC,KAAK,IAAID,OAAA,CAAQC,KAAK,GAAGzB,sBAAA,EAAwB;UAC5D,OAAOuB,OAAA;QACT;QAEA,IAAIC,OAAA,CAAQC,KAAK,IAAIzB,sBAAA,IAA0BwB,OAAA,CAAQC,KAAK,IAAIxB,sBAAA,EAAwB;UACtF,OAAO,CAACsB,OAAA,CAAQE,KAAK,IACnBD,OAAA,CAAQC,KAAK,GAAGF,OAAA,CAAQE,KAAK,IAC7BF,OAAA,CAAQE,KAAK,GAAGzB,sBAAA,IAChBuB,OAAA,CAAQE,KAAK,GAAGxB,sBAAA,GACduB,OAAA,GACAD,OAAA;QACN;QAEA,IACE,CAACA,OAAA,CAAQE,KAAK,IACb,CAACF,OAAA,CAAQG,QAAQ,IAChBH,OAAA,CAAQE,KAAK,GAAGzB,sBAAA,IAChBwB,OAAA,CAAQC,KAAK,GAAGF,OAAA,CAAQE,KAAK,IAC9BF,OAAA,CAAQE,KAAK,GAAGxB,sBAAA,IAA0BuB,OAAA,CAAQC,KAAK,GAAGF,OAAA,CAAQE,KAAK,EACxE;UACA,OAAOD,OAAA;QACT;QAEA,OAAOD,OAAA;MACT,GACA;QAAEG,QAAA,EAAU;QAAMX,GAAA,EAAKR,OAAA,EAASQ,GAAA;QAAKU,KAAA,EAAOlB,OAAA,EAASkB;MAAM;MAG7DZ,OAAA,GAAUQ,OAAA,CAAQN,GAAG,IAAIF,OAAA;IAC3B;IAEA,oBACEc,KAAA,CAAC;MAAIC,SAAA,EAAW7B,SAAA;8BACd8B,IAAA,CAAC/B,SAAA;QACC8B,SAAA,EAAW,GAAG7B,SAAA,aAAsB;QACpC+B,cAAA,EAAgBzB,gBAAA,EAAkB0B,IAAA;QAClCC,GAAA,EAAK;UACH,GAAGzB,OAAO;UACVH;QACF;QACAS,OAAA,EAASA,OAAA;QACToB,IAAA,EAAK;QACLC,YAAA,EAAc7B,gBAAA,EAAkBO;uBAElCiB,IAAA,CAAC;QAAKD,SAAA,EAAW,GAAG7B,SAAA,YAAqB;kBAAGoC,MAAA,CAAO/B,QAAA;;;EAGzD,OAAO;IACL,oBAAOyB,IAAA,CAAAO,SAAA;gBAAGD,MAAA,CAAO/B,QAAA;;EACnB;AACF","ignoreList":[]}
+{"version":3,"file":"index.js","names":["isImage","React","getBestFitFromSizes","Thumbnail","baseClass","FileCell","cellData","filename","collectionConfig","field","rowData","fieldPreviewAllowed","displayPreview","undefined","previewAllowed","upload","fileSrc","thumbnailURL","url","mimeType","sizes","width","_jsxs","className","_jsx","collectionSlug","slug","doc","size","uploadConfig","String","_Fragment"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  DefaultCellComponentProps,\n  TextFieldClient,\n  UploadFieldClient,\n} from 'payload'\n\nimport { isImage } from 'payload/shared'\nimport React from 'react'\n\nimport './index.scss'\nimport { getBestFitFromSizes } from '../../../../../utilities/getBestFitFromSizes.js'\nimport { Thumbnail } from '../../../../Thumbnail/index.js'\n\nconst baseClass = 'file'\n\nexport interface FileCellProps\n  extends DefaultCellComponentProps<TextFieldClient | UploadFieldClient> {\n  readonly collectionConfig: ClientCollectionConfig\n}\n\nexport const FileCell: React.FC<FileCellProps> = ({\n  cellData: filename,\n  collectionConfig,\n  field,\n  rowData,\n}) => {\n  const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined\n  const previewAllowed = fieldPreviewAllowed ?? collectionConfig.upload?.displayPreview ?? true\n\n  if (previewAllowed) {\n    let fileSrc: string | undefined = rowData?.thumbnailURL ?? rowData?.url\n\n    if (isImage(rowData?.mimeType)) {\n      fileSrc = getBestFitFromSizes({\n        sizes: rowData?.sizes,\n        thumbnailURL: rowData?.thumbnailURL,\n        url: rowData?.url,\n        width: rowData?.width,\n      })\n    }\n\n    return (\n      <div className={baseClass}>\n        <Thumbnail\n          className={`${baseClass}__thumbnail`}\n          collectionSlug={collectionConfig?.slug}\n          doc={{\n            ...rowData,\n            filename,\n          }}\n          fileSrc={fileSrc}\n          size=\"small\"\n          uploadConfig={collectionConfig?.upload}\n        />\n        <span className={`${baseClass}__filename`}>{String(filename)}</span>\n      </div>\n    )\n  } else {\n    return <>{String(filename)}</>\n  }\n}\n"],"mappings":"AAAA;;;AAQA,SAASA,OAAO,QAAQ;AACxB,OAAOC,KAAA,MAAW;AAElB,OAAO;AACP,SAASC,mBAAmB,QAAQ;AACpC,SAASC,SAAS,QAAQ;AAE1B,MAAMC,SAAA,GAAY;AAOlB,OAAO,MAAMC,QAAA,GAAoCA,CAAC;EAChDC,QAAA,EAAUC,QAAQ;EAClBC,gBAAgB;EAChBC,KAAK;EACLC;AAAO,CACR;EACC,MAAMC,mBAAA,GAAsB,oBAAoBF,KAAA,GAAQA,KAAA,CAAMG,cAAc,GAAGC,SAAA;EAC/E,MAAMC,cAAA,GAAiBH,mBAAA,IAAuBH,gBAAA,CAAiBO,MAAM,EAAEH,cAAA,IAAkB;EAEzF,IAAIE,cAAA,EAAgB;IAClB,IAAIE,OAAA,GAA8BN,OAAA,EAASO,YAAA,IAAgBP,OAAA,EAASQ,GAAA;IAEpE,IAAIlB,OAAA,CAAQU,OAAA,EAASS,QAAA,GAAW;MAC9BH,OAAA,GAAUd,mBAAA,CAAoB;QAC5BkB,KAAA,EAAOV,OAAA,EAASU,KAAA;QAChBH,YAAA,EAAcP,OAAA,EAASO,YAAA;QACvBC,GAAA,EAAKR,OAAA,EAASQ,GAAA;QACdG,KAAA,EAAOX,OAAA,EAASW;MAClB;IACF;IAEA,oBACEC,KAAA,CAAC;MAAIC,SAAA,EAAWnB,SAAA;8BACdoB,IAAA,CAACrB,SAAA;QACCoB,SAAA,EAAW,GAAGnB,SAAA,aAAsB;QACpCqB,cAAA,EAAgBjB,gBAAA,EAAkBkB,IAAA;QAClCC,GAAA,EAAK;UACH,GAAGjB,OAAO;UACVH;QACF;QACAS,OAAA,EAASA,OAAA;QACTY,IAAA,EAAK;QACLC,YAAA,EAAcrB,gBAAA,EAAkBO;uBAElCS,IAAA,CAAC;QAAKD,SAAA,EAAW,GAAGnB,SAAA,YAAqB;kBAAG0B,MAAA,CAAOvB,QAAA;;;EAGzD,OAAO;IACL,oBAAOiB,IAAA,CAAAO,SAAA;gBAAGD,MAAA,CAAOvB,QAAA;;EACnB;AACF","ignoreList":[]}

package/dist/elements/Table/DefaultCell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAqB,MAAM,SAAS,CAAA;AAI3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwI3D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAqB,MAAM,SAAS,CAAA;AAI3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAsJ3D,CAAA"}

package/dist/elements/Table/DefaultCell/index.js

@@ -126,6 +126,16 @@ export const DefaultCell = props => {
           }
         }
       }
+      if ((field.type === "select" || field.type === "radio") && field.options.length && cellData) {
+        const classes = Array.isArray(cellData) ? cellData.map(_temp).join(" ") : `selected--${cellData}`;
+        const className_0 = [wrapElementProps.className, classes].filter(Boolean).join(" ");
+        t4 = _jsx(WrapElement, {
+          ...wrapElementProps,
+          className: className_0,
+          children: CellComponent
+        });
+        break bb0;
+      }
       t3 = _jsx(WrapElement, {
         ...wrapElementProps,
         children: CellComponent
@@ -154,4 +164,7 @@ export const DefaultCell = props => {
   }
   return t3;
 };
+function _temp(value) {
+  return `selected--${value}`;
+}
 //# sourceMappingURL=index.js.map

package/dist/elements/Table/DefaultCell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","fieldAffectsData","fieldIsID","React","useConfig","useTranslation","formatAdminURL","getDisplayedFieldValue","Link","CodeCell","cellComponents","DefaultCell","props","$","cellData","className","classNameFromProps","collectionSlug","field","t0","link","onClick","onClickFromProps","rowData","admin","i18n","config","t1","getEntityConfig","routes","t2","adminRoute","t3","t4","Symbol","for","collectionConfig","classNameFromConfigContext","undefined","WrapElement","wrapElementProps","prefetch","href","slug","path","encodeURIComponent","id","type","_jsx","children","nowrap","displayedValue","DefaultCellComponent","CellComponent","isValidElement","upload","name","FileCellComponent","File","_jsxs","t","label","JSON","stringify"],"sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, UploadFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldAffectsData, fieldIsID } from 'payload/shared'\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../../utilities/formatAdminURL.js'\nimport { getDisplayedFieldValue } from '../../../utilities/getDisplayedFieldValue.js'\nimport { Link } from '../../Link/index.js'\nimport { CodeCell } from './fields/Code/index.js'\nimport { cellComponents } from './fields/index.js'\n\nexport const DefaultCell: React.FC<DefaultCellComponentProps> = (props) => {\n  const {\n    cellData,\n    className: classNameFromProps,\n    collectionSlug,\n    field,\n    field: { admin },\n    link,\n    onClick: onClickFromProps,\n    rowData,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const classNameFromConfigContext = admin && 'className' in admin ? admin.className : undefined\n\n  const className =\n    classNameFromProps ||\n    (field.admin && 'className' in field.admin ? field.admin.className : null) ||\n    classNameFromConfigContext\n\n  const onClick = onClickFromProps\n\n  let WrapElement: React.ComponentType<any> | string = 'span'\n\n  const wrapElementProps: {\n    className?: string\n    href?: string\n    onClick?: () => void\n    prefetch?: false\n    type?: 'button'\n  } = {\n    className,\n  }\n\n  if (link) {\n    wrapElementProps.prefetch = false\n    WrapElement = Link\n    wrapElementProps.href = collectionConfig?.slug\n      ? formatAdminURL({\n          adminRoute,\n          path: `/collections/${collectionConfig?.slug}/${encodeURIComponent(rowData.id)}`,\n        })\n      : ''\n  }\n\n  if (typeof onClick === 'function') {\n    WrapElement = 'button'\n    wrapElementProps.type = 'button'\n    wrapElementProps.onClick = () => {\n      onClick({\n        cellData,\n        collectionSlug: collectionConfig?.slug,\n        rowData,\n      })\n    }\n  }\n\n  if (fieldIsID(field)) {\n    return (\n      <WrapElement {...wrapElementProps}>\n        <CodeCell\n          cellData={`ID: ${cellData}`}\n          collectionConfig={collectionConfig}\n          collectionSlug={collectionSlug}\n          field={{\n            ...field,\n            type: 'code',\n          }}\n          nowrap\n          rowData={rowData}\n        />\n      </WrapElement>\n    )\n  }\n\n  const displayedValue = getDisplayedFieldValue(cellData, field, i18n)\n\n  const DefaultCellComponent: React.FC<DefaultCellComponentProps> =\n    typeof cellData !== 'undefined' && cellComponents[field.type]\n\n  let CellComponent: React.ReactNode = null\n\n  // Handle JSX labels before using DefaultCellComponent\n  if (React.isValidElement(displayedValue)) {\n    CellComponent = displayedValue\n  } else if (DefaultCellComponent) {\n    CellComponent = <DefaultCellComponent cellData={cellData} rowData={rowData} {...props} />\n  } else if (!DefaultCellComponent) {\n    // DefaultCellComponent does not exist for certain field types like `text`\n    if (\n      collectionConfig?.upload &&\n      fieldAffectsData(field) &&\n      field.name === 'filename' &&\n      field.type === 'text'\n    ) {\n      const FileCellComponent = cellComponents.File\n\n      CellComponent = (\n        <FileCellComponent\n          cellData={cellData}\n          rowData={rowData}\n          {...(props as DefaultCellComponentProps<UploadFieldClient>)}\n          collectionConfig={collectionConfig}\n          field={field}\n        />\n      )\n    } else {\n      return (\n        <WrapElement {...wrapElementProps}>\n          {(displayedValue === '' ||\n            typeof displayedValue === 'undefined' ||\n            displayedValue === null) &&\n            i18n.t('general:noLabel', {\n              label: getTranslation(('label' in field ? field.label : null) || 'data', i18n),\n            })}\n          {typeof displayedValue === 'string' && displayedValue}\n          {typeof displayedValue === 'number' && displayedValue}\n          {typeof displayedValue === 'object' &&\n            displayedValue !== null &&\n            JSON.stringify(displayedValue)}\n        </WrapElement>\n      )\n    }\n  }\n\n  return <WrapElement {...wrapElementProps}>{CellComponent}</WrapElement>\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","fieldAffectsData","fieldIsID","React","useConfig","useTranslation","formatAdminURL","getDisplayedFieldValue","Link","CodeCell","cellComponents","DefaultCell","props","$","cellData","className","classNameFromProps","collectionSlug","field","t0","link","onClick","onClickFromProps","rowData","admin","i18n","config","t1","getEntityConfig","routes","t2","adminRoute","t3","t4","Symbol","for","collectionConfig","classNameFromConfigContext","undefined","WrapElement","wrapElementProps","prefetch","href","slug","path","encodeURIComponent","id","type","_jsx","children","nowrap","displayedValue","DefaultCellComponent","CellComponent","isValidElement","upload","name","FileCellComponent","File","_jsxs","t","label","JSON","stringify","options","length","classes","Array","isArray","map","_temp","join","className_0","filter","Boolean","value"],"sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, UploadFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldAffectsData, fieldIsID } from 'payload/shared'\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../../utilities/formatAdminURL.js'\nimport { getDisplayedFieldValue } from '../../../utilities/getDisplayedFieldValue.js'\nimport { Link } from '../../Link/index.js'\nimport { CodeCell } from './fields/Code/index.js'\nimport { cellComponents } from './fields/index.js'\n\nexport const DefaultCell: React.FC<DefaultCellComponentProps> = (props) => {\n  const {\n    cellData,\n    className: classNameFromProps,\n    collectionSlug,\n    field,\n    field: { admin },\n    link,\n    onClick: onClickFromProps,\n    rowData,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const classNameFromConfigContext = admin && 'className' in admin ? admin.className : undefined\n\n  const className =\n    classNameFromProps ||\n    (field.admin && 'className' in field.admin ? field.admin.className : null) ||\n    classNameFromConfigContext\n\n  const onClick = onClickFromProps\n\n  let WrapElement: React.ComponentType<any> | string = 'span'\n\n  const wrapElementProps: {\n    className?: string\n    href?: string\n    onClick?: () => void\n    prefetch?: false\n    type?: 'button'\n  } = {\n    className,\n  }\n\n  if (link) {\n    wrapElementProps.prefetch = false\n    WrapElement = Link\n    wrapElementProps.href = collectionConfig?.slug\n      ? formatAdminURL({\n          adminRoute,\n          path: `/collections/${collectionConfig?.slug}/${encodeURIComponent(rowData.id)}`,\n        })\n      : ''\n  }\n\n  if (typeof onClick === 'function') {\n    WrapElement = 'button'\n    wrapElementProps.type = 'button'\n    wrapElementProps.onClick = () => {\n      onClick({\n        cellData,\n        collectionSlug: collectionConfig?.slug,\n        rowData,\n      })\n    }\n  }\n\n  if (fieldIsID(field)) {\n    return (\n      <WrapElement {...wrapElementProps}>\n        <CodeCell\n          cellData={`ID: ${cellData}`}\n          collectionConfig={collectionConfig}\n          collectionSlug={collectionSlug}\n          field={{\n            ...field,\n            type: 'code',\n          }}\n          nowrap\n          rowData={rowData}\n        />\n      </WrapElement>\n    )\n  }\n\n  const displayedValue = getDisplayedFieldValue(cellData, field, i18n)\n\n  const DefaultCellComponent: React.FC<DefaultCellComponentProps> =\n    typeof cellData !== 'undefined' && cellComponents[field.type]\n\n  let CellComponent: React.ReactNode = null\n\n  // Handle JSX labels before using DefaultCellComponent\n  if (React.isValidElement(displayedValue)) {\n    CellComponent = displayedValue\n  } else if (DefaultCellComponent) {\n    CellComponent = <DefaultCellComponent cellData={cellData} rowData={rowData} {...props} />\n  } else if (!DefaultCellComponent) {\n    // DefaultCellComponent does not exist for certain field types like `text`\n    if (\n      collectionConfig?.upload &&\n      fieldAffectsData(field) &&\n      field.name === 'filename' &&\n      field.type === 'text'\n    ) {\n      const FileCellComponent = cellComponents.File\n\n      CellComponent = (\n        <FileCellComponent\n          cellData={cellData}\n          rowData={rowData}\n          {...(props as DefaultCellComponentProps<UploadFieldClient>)}\n          collectionConfig={collectionConfig}\n          field={field}\n        />\n      )\n    } else {\n      return (\n        <WrapElement {...wrapElementProps}>\n          {(displayedValue === '' ||\n            typeof displayedValue === 'undefined' ||\n            displayedValue === null) &&\n            i18n.t('general:noLabel', {\n              label: getTranslation(('label' in field ? field.label : null) || 'data', i18n),\n            })}\n          {typeof displayedValue === 'string' && displayedValue}\n          {typeof displayedValue === 'number' && displayedValue}\n          {typeof displayedValue === 'object' &&\n            displayedValue !== null &&\n            JSON.stringify(displayedValue)}\n        </WrapElement>\n      )\n    }\n  }\n\n  if ((field.type === 'select' || field.type === 'radio') && field.options.length && cellData) {\n    const classes = Array.isArray(cellData)\n      ? cellData.map((value) => `selected--${value}`).join(' ')\n      : `selected--${cellData}`\n\n    const className = [wrapElementProps.className, classes].filter(Boolean).join(' ')\n\n    return (\n      <WrapElement {...wrapElementProps} className={className}>\n        {CellComponent}\n      </WrapElement>\n    )\n  }\n\n  return <WrapElement {...wrapElementProps}>{CellComponent}</WrapElement>\n}\n"],"mappings":"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","ignoreList":[]}