@payloadcms/ui 4.0.0-beta.3 → 4.0.0-beta.4

package/dist/elements/Upload/usePasteFromClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePasteFromClipboard.js","names":["c","_c","useModal","validateMimeType","useCallback","toast","useTranslation","useUploadControls","getFileOrUrlFromClipboard","pasteURLDrawerSlug","usePasteFromClipboard","t0","$","handleFileSelection","handleUrlSubmit","setFileUrl","uploadConfig","openModal","t","setUploadControlFile","setUploadControlFileName","setUploadControlFileUrl","t1","result","isClipboardAccessDenied","t2","err","DOMException","name","error","type","pastedFile","files","mimeTypes","length","pasteURL","url","didFetchSucceed"],"sources":["../../../src/elements/Upload/usePasteFromClipboard.ts"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { validateMimeType } from 'payload/shared'\nimport { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useUploadControls } from '../../providers/UploadControls/index.js'\nimport { getFileOrUrlFromClipboard } from '../../utilities/getFilesFromClipboard.js'\nimport { pasteURLDrawerSlug } from './UploadFromURLModal/index.js'\n\ntype UsePasteFromClipboardArgs = {\n  readonly handleFileSelection: (files: FileList) => void\n  readonly handleUrlSubmit: (urlOverride?: string) => Promise<boolean>\n  readonly setFileUrl: (url: string) => void\n  readonly uploadConfig: Pick<SanitizedCollectionConfig['upload'], 'mimeTypes' | 'pasteURL'>\n}\n\n/**\n * Shared by the `Upload` and `FileManager` elements: reads the clipboard and routes the result\n * to file selection, URL fetching, or the paste-URL modal depending on what was found.\n */\nexport const usePasteFromClipboard = ({\n  handleFileSelection,\n  handleUrlSubmit,\n  setFileUrl,\n  uploadConfig,\n}: UsePasteFromClipboardArgs): (() => Promise<void>) => {\n  const { openModal } = useModal()\n  const { t } = useTranslation()\n  const { setUploadControlFile, setUploadControlFileName, setUploadControlFileUrl } =\n    useUploadControls()\n\n  return useCallback(async () => {\n    let result: Awaited<ReturnType<typeof getFileOrUrlFromClipboard>> = null\n    let isClipboardAccessDenied = false\n\n    try {\n      result = await getFileOrUrlFromClipboard()\n    } catch (err) {\n      // Permission denied is the one clipboard failure that should still let the user paste a\n      // URL manually when pasteURL is enabled - any other failure keeps the old error toast.\n      if (err instanceof DOMException && err.name === 'NotAllowedError') {\n        isClipboardAccessDenied = true\n      } else {\n        toast.error(t('error:unableToReadClipboard'))\n        return\n      }\n    }\n\n    if (result?.type === 'file') {\n      const [pastedFile] = result.files\n      if (\n        uploadConfig?.mimeTypes?.length &&\n        !validateMimeType(pastedFile.type, uploadConfig.mimeTypes)\n      ) {\n        toast.error(t('error:invalidFileType'))\n        return\n      }\n      handleFileSelection(result.files)\n      return\n    }\n\n    if (uploadConfig?.pasteURL === false) {\n      toast.error(\n        isClipboardAccessDenied\n          ? t('error:unableToReadClipboard')\n          : t('error:noFileFoundInClipboard'),\n      )\n      return\n    }\n\n    if (result?.type === 'url') {\n      setFileUrl(result.url)\n      const didFetchSucceed = await handleUrlSubmit(result.url)\n      if (!didFetchSucceed) {\n        openModal(pasteURLDrawerSlug)\n      }\n      return\n    }\n\n    openModal(pasteURLDrawerSlug)\n    setUploadControlFileUrl('')\n    setUploadControlFile(null)\n    setUploadControlFileName(null)\n  }, [\n    handleFileSelection,\n    handleUrlSubmit,\n    openModal,\n    setFileUrl,\n    setUploadControlFile,\n    setUploadControlFileName,\n    setUploadControlFileUrl,\n    t,\n    uploadConfig,\n  ])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAC5B,SAASC,KAAK,QAAQ;AAEtB,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,kBAAkB,QAAQ;AASnC;;;;AAIA,OAAO,MAAMC,qBAAA,GAAwBC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,mBAAA;IAAAC,eAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAL,EAKV;EAC1B;IAAAM;EAAA,IAAsBf,QAAA;EACtB;IAAAgB;EAAA,IAAcZ,cAAA;EACd;IAAAa,oBAAA;IAAAC,wBAAA;IAAAC;EAAA,IACEd,iBAAA;EAAA,IAAAe,EAAA;EAAA,IAAAV,CAAA,QAAAC,mBAAA,IAAAD,CAAA,QAAAE,eAAA,IAAAF,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAO,oBAAA,IAAAP,CAAA,QAAAQ,wBAAA,IAAAR,CAAA,QAAAS,uBAAA,IAAAT,CAAA,QAAAM,CAAA,IAAAN,CAAA,QAAAI,YAAA;IAEiBM,EAAA,SAAAA,CAAA;MACjB,IAAAC,MAAA;MACA,IAAAC,uBAAA;MAA8B;MAAA;QAG5BD,MAAA,CAAAA,CAAA,CAAAA,KAAA,CAAeA,2BAAA;MAAf,SAAAE,EAAA;QACOC,KAAA,CAAAA,GAAA,CAAAA,CAAA,CAAAA,EAAA;QAAA,IAGHA,GAAA,YAAAC,YAAe,IAAgBD,GAAA,CAAAE,IAAA,KAAa;UAC9CJ,uBAAA,CAAAA,CAAA,CAAAA,IAAA;QAAA;UAEAnB,KAAA,CAAAwB,KAAA,CAAYX,CAAA,CAAE;UAAA;QAAA;MAAA;MAAA,IAKdK,MAAA,EAAAO,IAAA,KAAiB;QACnB,OAAAC,UAAA,IAAqBR,MAAA,CAAAS,KAAA;QAAY,IAE/BhB,YAAA,EAAAiB,SAAA,EAAAC,MAAA,KACC/B,gBAAA,CAAiB4B,UAAA,CAAAD,IAAA,EAAiBd,YAAA,CAAAiB,SAAsB;UAEzD5B,KAAA,CAAAwB,KAAA,CAAYX,CAAA,CAAE;UAAA;QAAA;QAGhBL,mBAAA,CAAoBU,MAAA,CAAAS,KAAY;QAAA;MAAA;MAAA,IAI9BhB,YAAA,EAAAmB,QAAA,UAA2B;QAC7B9B,KAAA,CAAAwB,KAAA,CACEL,uBAAA,GACIN,CAAA,CAAE,iCACFA,CAAA,CAAE;QAAA;MAAA;MAAA,IAKNK,MAAA,EAAAO,IAAA,KAAiB;QACnBf,UAAA,CAAWQ,MAAA,CAAAa,GAAU;QACrB,MAAAC,eAAA,SAA8BvB,eAAA,CAAgBS,MAAA,CAAAa,GAAU;QAAA,KACnDC,eAAA;UACHpB,SAAA,CAAAR,kBAAU;QAAA;QAAA;MAAA;MAKdQ,SAAA,CAAAR,kBAAU;MACVY,uBAAA,CAAwB;MACxBF,oBAAA,KAAqB;MACrBC,wBAAA,KAAyB;IAAA;IAC3BR,CAAA,MAAAC,mBAAA;IAAAD,CAAA,MAAAE,eAAA;IAAAF,CAAA,MAAAK,SAAA;IAAAL,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAO,oBAAA;IAAAP,CAAA,MAAAQ,wBAAA;IAAAR,CAAA,MAAAS,uBAAA;IAAAT,CAAA,MAAAM,CAAA;IAAAN,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAA,OApDOU,EA8DN;AAAA,CACH","ignoreList":[]}
+{"version":3,"file":"usePasteFromClipboard.js","names":["c","_c","useModal","validateMimeType","useCallback","toast","useTranslation","useUploadControls","getFileOrUrlFromClipboard","pasteURLDrawerSlug","usePasteFromClipboard","t0","$","handleFileSelection","handleUrlSubmit","setFileUrl","uploadConfig","openModal","t","setUploadControlFile","setUploadControlFileName","setUploadControlFileUrl","t1","result","isClipboardAccessDenied","t2","err","DOMException","name","error","type","pastedFile","files","mimeTypes","length","pasteURL","url","didFetchSucceed"],"sources":["../../../src/elements/Upload/usePasteFromClipboard.ts"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { validateMimeType } from 'payload/shared'\nimport { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useUploadControls } from '../../providers/UploadControls/index.js'\nimport { getFileOrUrlFromClipboard } from '../../utilities/getFilesFromClipboard.js'\nimport { pasteURLDrawerSlug } from './UploadFromURLModal/index.js'\n\ntype UsePasteFromClipboardArgs = {\n  readonly handleFileSelection: (files: FileList) => void\n  readonly handleUrlSubmit: (urlOverride?: string) => Promise<boolean>\n  readonly setFileUrl: (url: string) => void\n  readonly uploadConfig: Pick<SanitizedCollectionConfig['upload'], 'mimeTypes' | 'pasteURL'>\n}\n\n/**\n * Shared by the `Upload` and `FileManager` elements: reads the clipboard and routes the result\n * to file selection, URL fetching, or the paste-URL modal depending on what was found.\n */\nexport const usePasteFromClipboard = ({\n  handleFileSelection,\n  handleUrlSubmit,\n  setFileUrl,\n  uploadConfig,\n}: UsePasteFromClipboardArgs): (() => Promise<void>) => {\n  const { openModal } = useModal()\n  const { t } = useTranslation()\n  const { setUploadControlFile, setUploadControlFileName, setUploadControlFileUrl } =\n    useUploadControls()\n\n  return useCallback(async () => {\n    let result: Awaited<ReturnType<typeof getFileOrUrlFromClipboard>> = null\n    let isClipboardAccessDenied = false\n\n    try {\n      result = await getFileOrUrlFromClipboard()\n    } catch (err) {\n      // Permission denied is the one clipboard failure that should still let the user paste a\n      // URL manually when pasteURL is enabled - any other failure keeps the old error toast.\n      if (err instanceof DOMException && err.name === 'NotAllowedError') {\n        isClipboardAccessDenied = true\n      } else {\n        toast.error(t('error:unableToReadClipboard'))\n        return\n      }\n    }\n\n    if (result?.type === 'file') {\n      const [pastedFile] = result.files\n      if (\n        uploadConfig?.mimeTypes?.length &&\n        !validateMimeType(pastedFile.type, uploadConfig.mimeTypes)\n      ) {\n        toast.error(t('error:invalidFileType'))\n        return\n      }\n      handleFileSelection(result.files)\n      return\n    }\n\n    if (uploadConfig?.pasteURL === false) {\n      toast.error(\n        isClipboardAccessDenied\n          ? t('error:unableToReadClipboard')\n          : t('error:noFileFoundInClipboard'),\n      )\n      return\n    }\n\n    if (result?.type === 'url') {\n      setFileUrl(result.url)\n      const didFetchSucceed = await handleUrlSubmit(result.url)\n      if (!didFetchSucceed) {\n        openModal(pasteURLDrawerSlug)\n      }\n      return\n    }\n\n    openModal(pasteURLDrawerSlug)\n    setUploadControlFileUrl('')\n    setUploadControlFile(null)\n    setUploadControlFileName(null)\n  }, [\n    handleFileSelection,\n    handleUrlSubmit,\n    openModal,\n    setFileUrl,\n    setUploadControlFile,\n    setUploadControlFileName,\n    setUploadControlFileUrl,\n    t,\n    uploadConfig,\n  ])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAC5B,SAASC,KAAK,QAAQ;AAEtB,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,kBAAkB,QAAQ;AASnC;;;;AAIA,OAAO,MAAMC,qBAAA,GAAwBC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,mBAAA;IAAAC,eAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAL,EAKV;EAC1B;IAAAM;EAAA,IAAsBf,QAAA;EACtB;IAAAgB;EAAA,IAAcZ,cAAA;EACd;IAAAa,oBAAA;IAAAC,wBAAA;IAAAC;EAAA,IACEd,iBAAA;EAAA,IAAAe,EAAA;EAAA,IAAAV,CAAA,QAAAC,mBAAA,IAAAD,CAAA,QAAAE,eAAA,IAAAF,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAO,oBAAA,IAAAP,CAAA,QAAAQ,wBAAA,IAAAR,CAAA,QAAAS,uBAAA,IAAAT,CAAA,QAAAM,CAAA,IAAAN,CAAA,QAAAI,YAAA;IAEiBM,EAAA,SAAAA,CAAA;MACjB,IAAAC,MAAA,GAAoE;MACpE,IAAAC,uBAAA,GAA8B;MAAA;MAE9B;QACED,MAAA,CAAAA,CAAA,CAASA,KAAA,CAAMf,yBAAA;MAAf,SAAAiB,EAAA;QACOC,KAAA,CAAAA,GAAA,CAAAA,CAAA,CAAAA,EAAA;QAGP,IAAIA,GAAA,YAAeC,YAA6B,IAAbD,GAAA,CAAAE,IAAQ,KAAK;UAC9CJ,uBAAA,CAAAA,CAAA,CAA0BA,IAAA;QAA1B;UAEAnB,KAAA,CAAAwB,KAAW,CAACX,CAAA,CAAE;UAAA;QAAA;MAEhB;MAGF,IAAIK,MAAA,EAAAO,IAAQ,KAAS;QACnB,OAAAC,UAAA,IAAqBR,MAAA,CAAAS,KAAY;QACjC,IACEhB,YAAA,EAAAiB,SAAyB,EAAAC,MACgC,IADzD,CACC/B,gBAAA,CAAiB4B,UAAA,CAAAD,IAAe,EAAEd,YAAA,CAAAiB,SAAsB;UAEzD5B,KAAA,CAAAwB,KAAW,CAACX,CAAA,CAAE;UAAA;QAAA;QAGhBL,mBAAA,CAAoBU,MAAA,CAAAS,KAAY;QAAA;MAAA;MAIlC,IAAIhB,YAAA,EAAAmB,QAAc,KAAa;QAC7B9B,KAAA,CAAAwB,KAAW,CACTL,uBAAA,GACIN,CAAA,CAAE,6BACA,IAAFA,CAAA,CAAE;QAAA;MAAA;MAKV,IAAIK,MAAA,EAAAO,IAAQ,KAAS;QACnBf,UAAA,CAAWQ,MAAA,CAAAa,GAAU;QACrB,MAAAC,eAAA,GAAwB,MAAMvB,eAAA,CAAgBS,MAAA,CAAAa,GAAU;QACxD,IAAI,CAACC,eAAA;UACHpB,SAAA,CAAUR,kBAAA;QAAA;QACZ;MAAA;MAIFQ,SAAA,CAAUR,kBAAA;MACVY,uBAAA,CAAwB;MACxBF,oBAAA,CAAqB;MACrBC,wBAAA,CAAyB;IAAA,CAC3B;IAAAR,CAAA,MAAAC,mBAAA;IAAAD,CAAA,MAAAE,eAAA;IAAAF,CAAA,MAAAK,SAAA;IAAAL,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAO,oBAAA;IAAAP,CAAA,MAAAQ,wBAAA;IAAAR,CAAA,MAAAS,uBAAA;IAAAT,CAAA,MAAAM,CAAA;IAAAN,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAA,OApDOU,EA8DN;AAAA,CACH","ignoreList":[]}

package/dist/elements/Upload/useUploadFromUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUploadFromUrl.js","names":["c","_c","useModal","formatAdminURL","validateMimeType","useCallback","useState","toast","useConfig","useDocumentInfo","useTranslation","useUploadControls","pasteURLDrawerSlug","getFileNameFromUrl","overrideFileName","url","rawSegment","split","pop","decodeURIComponent","useUploadFromUrl","t0","$","collectionSlug","onFileFetched","uploadConfig","config","t1","routes","t2","api","closeModal","id","setUploadStatus","t","uploadControlFileName","fileUrl","setFileUrl","t3","URL","canParse","isValidUrl","Boolean","useServerSideFetch","pasteURL","allowList","length","t4","t5","blob","mimeTypes","type","error","fileName","File","acceptFetchedBlob","url_0","response","fetch","ok","Error","status","blob_0","fetchFileFromClient","t6","url_1","encodeURIComponent","response_0","apiRoute","path","blob_1","fetchFileFromServerProxy","t7","urlOverride","urlToFetch","t8","t9","handleUrlSubmit"],"sources":["../../../src/elements/Upload/useUploadFromUrl.ts"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { formatAdminURL, validateMimeType } from 'payload/shared'\nimport { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useUploadControls } from '../../providers/UploadControls/index.js'\nimport { pasteURLDrawerSlug } from './UploadFromURLModal/index.js'\n\ntype UseUploadFromUrlArgs = {\n  readonly collectionSlug: string\n  readonly onFileFetched: (file: File) => void\n  readonly uploadConfig: Pick<SanitizedCollectionConfig['upload'], 'mimeTypes' | 'pasteURL'>\n}\n\ntype UseUploadFromUrlResult = {\n  readonly fileUrl: string\n  readonly handleUrlSubmit: (urlOverride?: string) => Promise<boolean>\n  readonly isValidUrl: boolean\n  readonly setFileUrl: (url: string) => void\n}\n\nconst getFileNameFromUrl = ({\n  overrideFileName,\n  url,\n}: {\n  overrideFileName: null | string\n  url: string\n}): string => {\n  const rawSegment = url.split('/').pop() || ''\n  return overrideFileName || decodeURIComponent(rawSegment.split('?')[0])\n}\n\n/**\n * Shared by the `Upload` and `FileManager` elements to fetch a file from a pasted URL, first\n * attempting a client-side fetch and falling back to a server-side proxy fetch when the\n * collection's `pasteURL.allowList` is configured (needed to work around CORS-restricted URLs).\n */\nexport const useUploadFromUrl = ({\n  collectionSlug,\n  onFileFetched,\n  uploadConfig,\n}: UseUploadFromUrlArgs): UseUploadFromUrlResult => {\n  const {\n    config: {\n      routes: { api },\n    },\n  } = useConfig()\n  const { closeModal } = useModal()\n  const { id, setUploadStatus } = useDocumentInfo()\n  const { t } = useTranslation()\n  const { uploadControlFileName } = useUploadControls()\n\n  const [fileUrl, setFileUrl] = useState('')\n\n  const isValidUrl = Boolean(fileUrl && URL.canParse(fileUrl))\n\n  const useServerSideFetch =\n    typeof uploadConfig?.pasteURL === 'object' && uploadConfig.pasteURL.allowList?.length > 0\n\n  const acceptFetchedBlob = useCallback(\n    ({ blob, url }: { blob: Blob; url: string }): boolean => {\n      if (uploadConfig?.mimeTypes?.length && !validateMimeType(blob.type, uploadConfig.mimeTypes)) {\n        toast.error(t('error:invalidFileType'))\n        setUploadStatus('failed')\n        return false\n      }\n\n      const fileName = getFileNameFromUrl({ overrideFileName: uploadControlFileName, url })\n      onFileFetched(new File([blob], fileName, { type: blob.type }))\n      setUploadStatus('idle')\n      closeModal(pasteURLDrawerSlug)\n      setFileUrl('')\n      return true\n    },\n    [closeModal, onFileFetched, setUploadStatus, t, uploadConfig, uploadControlFileName],\n  )\n\n  const fetchFileFromClient = useCallback(\n    async (url: string): Promise<boolean> => {\n      const response = await fetch(url)\n\n      if (!response.ok) {\n        throw new Error(`Fetch failed with status: ${response.status}`)\n      }\n\n      const blob = await response.blob()\n      return acceptFetchedBlob({ blob, url })\n    },\n    [acceptFetchedBlob],\n  )\n\n  const fetchFileFromServerProxy = useCallback(\n    async (url: string): Promise<boolean> => {\n      const pasteURL: `/${string}` = `/${collectionSlug}/paste-url${id ? `/${id}?` : '?'}src=${encodeURIComponent(url)}`\n      const response = await fetch(formatAdminURL({ apiRoute: api, path: pasteURL }))\n\n      if (!response.ok) {\n        throw new Error(`Fetch failed with status: ${response.status}`)\n      }\n\n      const blob = await response.blob()\n      return acceptFetchedBlob({ blob, url })\n    },\n    [acceptFetchedBlob, api, collectionSlug, id],\n  )\n\n  const handleUrlSubmit = useCallback(\n    async (urlOverride?: string): Promise<boolean> => {\n      const urlToFetch = urlOverride ?? fileUrl\n\n      if (!urlToFetch || !URL.canParse(urlToFetch) || uploadConfig?.pasteURL === false) {\n        return false\n      }\n\n      setUploadStatus('uploading')\n\n      try {\n        return await fetchFileFromClient(urlToFetch)\n      } catch (_clientError) {\n        if (!useServerSideFetch) {\n          toast.error(t('error:fileFetchFailed'))\n          setUploadStatus('failed')\n          return false\n        }\n      }\n\n      try {\n        return await fetchFileFromServerProxy(urlToFetch)\n      } catch (_serverError) {\n        toast.error(t('error:urlNotAllowed'))\n        setUploadStatus('failed')\n        return false\n      }\n    },\n    [\n      fetchFileFromClient,\n      fetchFileFromServerProxy,\n      fileUrl,\n      setUploadStatus,\n      t,\n      uploadConfig,\n      useServerSideFetch,\n    ],\n  )\n\n  return { fileUrl, handleUrlSubmit, isValidUrl, setFileUrl }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useUploadFromUrl.js","names":["c","_c","useModal","formatAdminURL","validateMimeType","useCallback","useState","toast","useConfig","useDocumentInfo","useTranslation","useUploadControls","pasteURLDrawerSlug","getFileNameFromUrl","overrideFileName","url","rawSegment","split","pop","decodeURIComponent","useUploadFromUrl","t0","$","collectionSlug","onFileFetched","uploadConfig","config","t1","routes","t2","api","closeModal","id","setUploadStatus","t","uploadControlFileName","fileUrl","setFileUrl","t3","URL","canParse","isValidUrl","Boolean","useServerSideFetch","pasteURL","allowList","length","t4","t5","blob","mimeTypes","type","error","fileName","File","acceptFetchedBlob","url_0","response","fetch","ok","Error","status","blob_0","fetchFileFromClient","t6","url_1","encodeURIComponent","response_0","apiRoute","path","blob_1","fetchFileFromServerProxy","t7","urlOverride","urlToFetch","t8","t9","handleUrlSubmit"],"sources":["../../../src/elements/Upload/useUploadFromUrl.ts"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { formatAdminURL, validateMimeType } from 'payload/shared'\nimport { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useUploadControls } from '../../providers/UploadControls/index.js'\nimport { pasteURLDrawerSlug } from './UploadFromURLModal/index.js'\n\ntype UseUploadFromUrlArgs = {\n  readonly collectionSlug: string\n  readonly onFileFetched: (file: File) => void\n  readonly uploadConfig: Pick<SanitizedCollectionConfig['upload'], 'mimeTypes' | 'pasteURL'>\n}\n\ntype UseUploadFromUrlResult = {\n  readonly fileUrl: string\n  readonly handleUrlSubmit: (urlOverride?: string) => Promise<boolean>\n  readonly isValidUrl: boolean\n  readonly setFileUrl: (url: string) => void\n}\n\nconst getFileNameFromUrl = ({\n  overrideFileName,\n  url,\n}: {\n  overrideFileName: null | string\n  url: string\n}): string => {\n  const rawSegment = url.split('/').pop() || ''\n  return overrideFileName || decodeURIComponent(rawSegment.split('?')[0])\n}\n\n/**\n * Shared by the `Upload` and `FileManager` elements to fetch a file from a pasted URL, first\n * attempting a client-side fetch and falling back to a server-side proxy fetch when the\n * collection's `pasteURL.allowList` is configured (needed to work around CORS-restricted URLs).\n */\nexport const useUploadFromUrl = ({\n  collectionSlug,\n  onFileFetched,\n  uploadConfig,\n}: UseUploadFromUrlArgs): UseUploadFromUrlResult => {\n  const {\n    config: {\n      routes: { api },\n    },\n  } = useConfig()\n  const { closeModal } = useModal()\n  const { id, setUploadStatus } = useDocumentInfo()\n  const { t } = useTranslation()\n  const { uploadControlFileName } = useUploadControls()\n\n  const [fileUrl, setFileUrl] = useState('')\n\n  const isValidUrl = Boolean(fileUrl && URL.canParse(fileUrl))\n\n  const useServerSideFetch =\n    typeof uploadConfig?.pasteURL === 'object' && uploadConfig.pasteURL.allowList?.length > 0\n\n  const acceptFetchedBlob = useCallback(\n    ({ blob, url }: { blob: Blob; url: string }): boolean => {\n      if (uploadConfig?.mimeTypes?.length && !validateMimeType(blob.type, uploadConfig.mimeTypes)) {\n        toast.error(t('error:invalidFileType'))\n        setUploadStatus('failed')\n        return false\n      }\n\n      const fileName = getFileNameFromUrl({ overrideFileName: uploadControlFileName, url })\n      onFileFetched(new File([blob], fileName, { type: blob.type }))\n      setUploadStatus('idle')\n      closeModal(pasteURLDrawerSlug)\n      setFileUrl('')\n      return true\n    },\n    [closeModal, onFileFetched, setUploadStatus, t, uploadConfig, uploadControlFileName],\n  )\n\n  const fetchFileFromClient = useCallback(\n    async (url: string): Promise<boolean> => {\n      const response = await fetch(url)\n\n      if (!response.ok) {\n        throw new Error(`Fetch failed with status: ${response.status}`)\n      }\n\n      const blob = await response.blob()\n      return acceptFetchedBlob({ blob, url })\n    },\n    [acceptFetchedBlob],\n  )\n\n  const fetchFileFromServerProxy = useCallback(\n    async (url: string): Promise<boolean> => {\n      const pasteURL: `/${string}` = `/${collectionSlug}/paste-url${id ? `/${id}?` : '?'}src=${encodeURIComponent(url)}`\n      const response = await fetch(formatAdminURL({ apiRoute: api, path: pasteURL }))\n\n      if (!response.ok) {\n        throw new Error(`Fetch failed with status: ${response.status}`)\n      }\n\n      const blob = await response.blob()\n      return acceptFetchedBlob({ blob, url })\n    },\n    [acceptFetchedBlob, api, collectionSlug, id],\n  )\n\n  const handleUrlSubmit = useCallback(\n    async (urlOverride?: string): Promise<boolean> => {\n      const urlToFetch = urlOverride ?? fileUrl\n\n      if (!urlToFetch || !URL.canParse(urlToFetch) || uploadConfig?.pasteURL === false) {\n        return false\n      }\n\n      setUploadStatus('uploading')\n\n      try {\n        return await fetchFileFromClient(urlToFetch)\n      } catch (_clientError) {\n        if (!useServerSideFetch) {\n          toast.error(t('error:fileFetchFailed'))\n          setUploadStatus('failed')\n          return false\n        }\n      }\n\n      try {\n        return await fetchFileFromServerProxy(urlToFetch)\n      } catch (_serverError) {\n        toast.error(t('error:urlNotAllowed'))\n        setUploadStatus('failed')\n        return false\n      }\n    },\n    [\n      fetchFileFromClient,\n      fetchFileFromServerProxy,\n      fileUrl,\n      setUploadStatus,\n      t,\n      uploadConfig,\n      useServerSideFetch,\n    ],\n  )\n\n  return { fileUrl, handleUrlSubmit, isValidUrl, setFileUrl }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/UserMenu/LanguageMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","LanguageIcon","useTranslation","Popup","PopupList","LanguageMenuContent","$","i18n","languageOptions","switchLanguage","t0","_jsx","children","RadioGroup","map","t1","label","value","RadioGroupItem","active","language","onClick","LanguageMenu","onMobileOpen","t","_jsxs","className","role","tabIndex","type","size","direction","hoverSubmenu","popupType","renderButton","buttonProps","SubmenuTrigger","icon","theme"],"sources":["../../../../src/elements/UserMenu/LanguageMenu/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { LanguageIcon } from '../../../icons/Language/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nexport const LanguageMenuContent: React.FC = () => {\n  const { i18n, languageOptions, switchLanguage } = useTranslation()\n\n  return (\n    <div data-popup-prevent-close>\n      <PopupList.RadioGroup>\n        {languageOptions?.map(({ label, value }) => (\n          <PopupList.RadioGroupItem\n            active={i18n.language === value}\n            key={value}\n            onClick={() => {\n              if (switchLanguage) {\n                void switchLanguage(value)\n              }\n            }}\n          >\n            {label}\n          </PopupList.RadioGroupItem>\n        ))}\n      </PopupList.RadioGroup>\n    </div>\n  )\n}\n\nexport const LanguageMenu: React.FC<{\n  readonly onMobileOpen?: () => void\n}> = ({ onMobileOpen }) => {\n  const { t } = useTranslation()\n\n  if (onMobileOpen) {\n    return (\n      <button\n        className=\"popup-button-list__button popup-button-list__button--submenu-trigger\"\n        data-popup-prevent-close\n        onClick={onMobileOpen}\n        role=\"menuitem\"\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <span className=\"popup-button-list__submenu-icon\">\n          <LanguageIcon size={24} />\n        </span>\n        <span className=\"popup-button-list__label\">{t('general:language')}</span>\n        <span className=\"popup-button-list__chevron\">\n          <ChevronIcon direction=\"right\" size={24} />\n        </span>\n      </button>\n    )\n  }\n\n  return (\n    <Popup\n      hoverSubmenu\n      popupType=\"menu\"\n      renderButton={(buttonProps) => (\n        <PopupList.SubmenuTrigger\n          buttonProps={buttonProps}\n          icon={<LanguageIcon size={24} />}\n          trailingIcon={<ChevronIcon direction=\"right\" size={16} />}\n        >\n          {t('general:language')}\n        </PopupList.SubmenuTrigger>\n      )}\n      side=\"left\"\n      size=\"large\"\n      theme=\"dark\"\n    >\n      <LanguageMenuContent />\n    </Popup>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AAEjC,OAAO,MAAMC,mBAAA,GAAgCA,CAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAC3C;IAAAS,IAAA;IAAAC,eAAA;IAAAC;EAAA,IAAkDP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAC,IAAA,IAAAD,CAAA,QAAAE,eAAA,IAAAF,CAAA,QAAAG,cAAA;IAGhDC,EAAA,GAAAC,IAAA,CAAC;MAAA;MAAAC,QAAA,EACCD,IAAA,CAAAP,SAAA,CAAAS,UAAA;QAAAD,QAAA,EACGJ,eAAA,EAAAM,GAAA,CAAAC,EAAA;UAAsB;YAAAC,KAAA;YAAAC;UAAA,IAAAF,EAAgB;UAAA,OACrCJ,IAAA,CAAAP,SAAA,CAAAc,cAAA;YAAAC,MAAA,EACUZ,IAAA,CAAAa,QAAA,KAAkBH,KAAA;YAAAI,OAAA,EAAAA,CAAA;cAAA,IAGpBZ,cAAA;gBACGA,cAAA,CAAeQ,KAAA;cAAA;YAAA;YAAAL,QAAA,EAIvBI;UAAA,GAPIC,KAAA;QAAA;MAAA,C;;;;;;;;;SALbP,E;CAkBJ;AAEA,OAAO,MAAMY,YAAA,GAERZ,EAAA;EAAA,MAAAJ,CAAA,GAAAR,EAAA;EAAC;IAAAyB;EAAA,IAAAb,EAAgB;EACpB;IAAAc;EAAA,IAActB,cAAA;EAAA,IAEVqB,YAAA;IAAA,IAAAR,EAAA;IAAA,IAAAT,CAAA,QAAAiB,YAAA,IAAAjB,CAAA,QAAAkB,CAAA;MAEAT,EAAA,GAAAU,KAAA,CAAC;QAAAC,SAAA,EACW;QAAA;QAAAL,OAAA,EAEDE,YAAA;QAAAI,IAAA,EACJ;QAAAC,QAAA;QAAAC,IAAA,EAEA;QAAAjB,QAAA,GAELD,IAAA,CAAC;UAAAe,SAAA,EAAe;UAAAd,QAAA,EACdD,IAAA,CAAAV,YAAA;YAAA6B,IAAA;UAAA,C;YAEFnB,IAAA,CAAC;UAAAe,SAAA,EAAe;UAAAd,QAAA,EAA4BY,CAAA,CAAE;QAAA,C,GAC9Cb,IAAA,CAAC;UAAAe,SAAA,EAAe;UAAAd,QAAA,EACdD,IAAA,CAAAX,WAAA;YAAA+B,SAAA,EAAuB;YAAAD,IAAA;UAAA,C;;;;;;;;;WAb3Bf,E;;;;IAoBFA,EAAA,GAAAJ,IAAA,CAAAR,KAAA;MAAA6B,YAAA;MAAAC,SAAA,EAEY;MAAAC,YAAA,EAAAC,WAAA,IAERxB,IAAA,CAAAP,SAAA,CAAAgC,cAAA;QAAAD,WAAA;QAAAE,IAAA,EAEQ1B,IAAA,CAAAV,YAAA;UAAA6B,IAAA;QAAA,C;sBACQnB,IAAA,CAAAX,WAAA;UAAA+B,SAAA,EAAuB;UAAAD,IAAA;QAAA,C;kBAEpCN,CAAA,CAAE;MAAA,C;YAGF;MAAAM,IAAA,EACA;MAAAQ,KAAA,EACC;MAAA1B,QAAA,EAEND,IAAA,CAAAN,mBAAA,IAAC;IAAA,C;;;;;;SAhBHU,E;CAmBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","LanguageIcon","useTranslation","Popup","PopupList","LanguageMenuContent","$","i18n","languageOptions","switchLanguage","t0","_jsx","children","RadioGroup","map","t1","label","value","RadioGroupItem","active","language","onClick","LanguageMenu","onMobileOpen","t","_jsxs","className","role","tabIndex","type","size","direction","hoverSubmenu","popupType","renderButton","buttonProps","SubmenuTrigger","icon","theme"],"sources":["../../../../src/elements/UserMenu/LanguageMenu/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { LanguageIcon } from '../../../icons/Language/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nexport const LanguageMenuContent: React.FC = () => {\n  const { i18n, languageOptions, switchLanguage } = useTranslation()\n\n  return (\n    <div data-popup-prevent-close>\n      <PopupList.RadioGroup>\n        {languageOptions?.map(({ label, value }) => (\n          <PopupList.RadioGroupItem\n            active={i18n.language === value}\n            key={value}\n            onClick={() => {\n              if (switchLanguage) {\n                void switchLanguage(value)\n              }\n            }}\n          >\n            {label}\n          </PopupList.RadioGroupItem>\n        ))}\n      </PopupList.RadioGroup>\n    </div>\n  )\n}\n\nexport const LanguageMenu: React.FC<{\n  readonly onMobileOpen?: () => void\n}> = ({ onMobileOpen }) => {\n  const { t } = useTranslation()\n\n  if (onMobileOpen) {\n    return (\n      <button\n        className=\"popup-button-list__button popup-button-list__button--submenu-trigger\"\n        data-popup-prevent-close\n        onClick={onMobileOpen}\n        role=\"menuitem\"\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <span className=\"popup-button-list__submenu-icon\">\n          <LanguageIcon size={24} />\n        </span>\n        <span className=\"popup-button-list__label\">{t('general:language')}</span>\n        <span className=\"popup-button-list__chevron\">\n          <ChevronIcon direction=\"right\" size={24} />\n        </span>\n      </button>\n    )\n  }\n\n  return (\n    <Popup\n      hoverSubmenu\n      popupType=\"menu\"\n      renderButton={(buttonProps) => (\n        <PopupList.SubmenuTrigger\n          buttonProps={buttonProps}\n          icon={<LanguageIcon size={24} />}\n          trailingIcon={<ChevronIcon direction=\"right\" size={16} />}\n        >\n          {t('general:language')}\n        </PopupList.SubmenuTrigger>\n      )}\n      side=\"left\"\n      size=\"large\"\n      theme=\"dark\"\n    >\n      <LanguageMenuContent />\n    </Popup>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AAEjC,OAAO,MAAMC,mBAAA,GAAgCA,CAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAC3C;IAAAS,IAAA;IAAAC,eAAA;IAAAC;EAAA,IAAkDP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAC,IAAA,IAAAD,CAAA,QAAAE,eAAA,IAAAF,CAAA,QAAAG,cAAA;IAGhDC,EAAA,GAAAC,IAAA,CAAC;MAAA,4BAA4B;MAAAC,QAAA,EAC3BD,IAAA,CAACP,SAAA,CAAAS,UAAoB;QAAAD,QAAA,EAClBJ,eAAA,EAAAM,GAGQ,CAHaC,EAAA;UAAC;YAAAC,KAAA;YAAAC;UAAA,IAAAF,EAAgB;UAAA,OACrCJ,IAAA,CAACP,SAAA,CAAAc,cAAwB;YAAAC,MAAA,EACfZ,IAAA,CAAAa,QAAa,KAAKH,KAAA;YAAAI,OAAA,EAEjBA,CAAA;cACP,IAAIZ,cAAA;gBACGA,cAAA,CAAeQ,KAAA;cAAA;YACtB,CACF;YAAAL,QAAA,EAECI;aAPIC,KAAA;QAAA;;;;;;;;;;SALbP,E;CAkBJ;AAEA,OAAO,MAAMY,YAAA,GAERZ,EAAA;EAAA,MAAAJ,CAAA,GAAAR,EAAA;EAAC;IAAAyB;EAAA,IAAAb,EAAgB;EACpB;IAAAc;EAAA,IAActB,cAAA;EAEd,IAAIqB,YAAA;IAAA,IAAAR,EAAA;IAAA,IAAAT,CAAA,QAAAiB,YAAA,IAAAjB,CAAA,QAAAkB,CAAA;MAEAT,EAAA,GAAAU,KAAA,CAAC;QAAAC,SAAA,EACW;QAAA,4BACc;QAAAL,OAAA,EACfE,YAAA;QAAAI,IAAA,EACJ;QAAAC,QAAA,EACK,EAAC;QAAAC,IAAA,EACN;QAAAjB,QAAA,E,CAELD,IAAA,CAAC;UAAAe,SAAA,EAAe;UAAAd,QAAA,EACdD,IAAA,CAACV,YAAA;YAAA6B,IAAA,EAAmB;;YAEtBnB,IAAA,CAAC;UAAAe,SAAA,EAAe;UAAAd,QAAA,EAA4BY,CAAA,CAAE;YAC9Cb,IAAA,CAAC;UAAAe,SAAA,EAAe;UAAAd,QAAA,EACdD,IAAA,CAACX,WAAA;YAAA+B,SAAA,EAAsB;YAAAD,IAAA,EAAc;;;;;;;;;;WAbzCf,E;;EAiBJ,IAAAA,EAAA;EAAA,IAAAT,CAAA,QAAAkB,CAAA;IAGET,EAAA,GAAAJ,IAAA,CAACR,KAAA;MAAA6B,YAAA,EACa;MAAAC,SAAA,EACF;MAAAC,YAAA,EACIC,WAAA,IACZxB,IAAA,CAACP,SAAA,CAAAgC,cAAwB;QAAAD,WAAA;QAAAE,IAAA,EAEjB1B,IAAA,CAACV,YAAA;UAAA6B,IAAA,EAAmB;;sBACZnB,IAAA,CAACX,WAAA;UAAA+B,SAAA,EAAsB;UAAAD,IAAA,EAAc;;kBAElDN,CAAA,CAAE;;YAGF;MAAAM,IAAA,EACA;MAAAQ,KAAA,EACC;MAAA1B,QAAA,EAEND,IAAA,CAACN,mBAAA;;;;;;;SAhBHU,E;CAmBJ","ignoreList":[]}

package/dist/elements/UserMenu/SettingsMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Fragment","ChevronIcon","GearIcon","useTranslation","MenuSeparator","Popup","PopupList","SettingsMenuContent","groups","_jsx","_Fragment","map","group","groupIndex","_jsxs","GroupLabel","label","items","item","itemIndex","SettingsMenu","t0","$","onMobileOpen","t","t1","className","onClick","role","tabIndex","type","children","size","direction","buttonProps","SubmenuTrigger","icon","t2","hoverSubmenu","popupType","renderButton","theme"],"sources":["../../../../src/elements/UserMenu/SettingsMenu/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { GearIcon } from '../../../icons/Gear/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { MenuSeparator } from '../../MenuSeparator/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nexport type UserMenuSettingsGroup = {\n  group?: string\n  items: React.ReactNode[]\n}\n\ntype SettingsMenuProps = {\n  groups: UserMenuSettingsGroup[]\n  onMobileOpen?: () => void\n}\n\nexport const SettingsMenuContent: React.FC<{ groups: UserMenuSettingsGroup[] }> = ({ groups }) => (\n  <>\n    {groups.map((group, groupIndex) => (\n      <Fragment key={`settings-group-${group.group}-${groupIndex}`}>\n        {groupIndex > 0 && <MenuSeparator />}\n        {group.group && <PopupList.GroupLabel label={group.group} />}\n        {group.items.map((item, itemIndex) => (\n          <Fragment key={`settings-item-${groupIndex}-${itemIndex}`}>{item}</Fragment>\n        ))}\n      </Fragment>\n    ))}\n  </>\n)\n\nexport const SettingsMenu: React.FC<SettingsMenuProps> = ({ groups, onMobileOpen }) => {\n  const { t } = useTranslation()\n\n  if (onMobileOpen) {\n    return (\n      <button\n        className=\"popup-button-list__button popup-button-list__button--submenu-trigger\"\n        data-popup-prevent-close\n        onClick={onMobileOpen}\n        role=\"menuitem\"\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <span className=\"popup-button-list__submenu-icon\">\n          <GearIcon size={24} />\n        </span>\n        <span className=\"popup-button-list__label\">{t('general:settings')}</span>\n        <span className=\"popup-button-list__chevron\">\n          <ChevronIcon direction=\"right\" size={24} />\n        </span>\n      </button>\n    )\n  }\n\n  return (\n    <Popup\n      hoverSubmenu\n      popupType=\"menu\"\n      renderButton={(buttonProps) => (\n        <PopupList.SubmenuTrigger\n          buttonProps={buttonProps}\n          icon={<GearIcon size={24} />}\n          trailingIcon={<ChevronIcon direction=\"right\" size={16} />}\n        >\n          {t('general:settings')}\n        </PopupList.SubmenuTrigger>\n      )}\n      side=\"left\"\n      size=\"large\"\n      theme=\"dark\"\n    >\n      <SettingsMenuContent groups={groups} />\n    </Popup>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,WAAW,QAAQ;AAC5B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,aAAa,QAAQ;AAC9B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AAYjC,OAAO,MAAMC,mBAAA,GAAqEA,CAAC;EAAEC;AAAM,CAAE,kBAC3FC,IAAA,CAAAC,SAAA;YACGF,MAAA,CAAOG,GAAG,CAAC,CAACC,KAAA,EAAOC,UAAA,kBAClBC,KAAA,CAACd,QAAA;eACEa,UAAA,GAAa,kBAAKJ,IAAA,CAACL,aAAA,OACnBQ,KAAA,CAAMA,KAAK,iBAAIH,IAAA,CAACH,SAAA,CAAUS,UAAU;MAACC,KAAA,EAAOJ,KAAA,CAAMA;QAClDA,KAAA,CAAMK,KAAK,CAACN,GAAG,CAAC,CAACO,IAAA,EAAMC,SAAA,kBACtBV,IAAA,CAACT,QAAA;gBAA2DkB;OAA7C,iBAAiBL,UAAA,IAAcM,SAAA,EAAW;KAJ9C,kBAAkBP,KAAA,CAAMA,KAAK,IAAIC,UAAA,EAAY;;AAWlE,OAAO,MAAMO,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAxB,EAAA;EAAC;IAAAU,MAAA;IAAAe;EAAA,IAAAF,EAAwB;EAChF;IAAAG;EAAA,IAAcrB,cAAA;EAAA,IAEVoB,YAAA;IAAA,IAAAE,EAAA;IAAA,IAAAH,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAE,CAAA;MAEAC,EAAA,GAAAX,KAAA,CAAC;QAAAY,SAAA,EACW;QAAA;QAAAC,OAAA,EAEDJ,YAAA;QAAAK,IAAA,EACJ;QAAAC,QAAA;QAAAC,IAAA,EAEA;QAAAC,QAAA,GAELtB,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAK,QAAA,EACdtB,IAAA,CAAAP,QAAA;YAAA8B,IAAA;UAAA,C;YAEFvB,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAK,QAAA,EAA4BP,CAAA,CAAE;QAAA,C,GAC9Cf,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAK,QAAA,EACdtB,IAAA,CAAAR,WAAA;YAAAgC,SAAA,EAAuB;YAAAD,IAAA;UAAA,C;;;;;;;;;WAb3BP,E;;;;IAuBcA,EAAA,GAAAS,WAAA,IACZzB,IAAA,CAAAH,SAAA,CAAA6B,cAAA;MAAAD,WAAA;MAAAE,IAAA,EAEQ3B,IAAA,CAAAP,QAAA;QAAA8B,IAAA;MAAA,C;oBACQvB,IAAA,CAAAR,WAAA;QAAAgC,SAAA,EAAuB;QAAAD,IAAA;MAAA,C;gBAEpCR,CAAA,CAAE;IAAA,C;;;;;;;;IATTa,EAAA,GAAA5B,IAAA,CAAAJ,KAAA;MAAAiC,YAAA;MAAAC,SAAA,EAEY;MAAAC,YAAA,EACIf,E;YAST;MAAAO,IAAA,EACA;MAAAS,KAAA,EACC;MAAAV,QAAA,EAENtB,IAAA,CAAAF,mBAAA;QAAAC;MAAA,C;;;;;;;;SAhBF6B,E;CAmBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Fragment","ChevronIcon","GearIcon","useTranslation","MenuSeparator","Popup","PopupList","SettingsMenuContent","groups","_jsx","_Fragment","map","group","groupIndex","_jsxs","GroupLabel","label","items","item","itemIndex","SettingsMenu","t0","$","onMobileOpen","t","t1","className","onClick","role","tabIndex","type","children","size","direction","buttonProps","SubmenuTrigger","icon","t2","hoverSubmenu","popupType","renderButton","theme"],"sources":["../../../../src/elements/UserMenu/SettingsMenu/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { GearIcon } from '../../../icons/Gear/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { MenuSeparator } from '../../MenuSeparator/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nexport type UserMenuSettingsGroup = {\n  group?: string\n  items: React.ReactNode[]\n}\n\ntype SettingsMenuProps = {\n  groups: UserMenuSettingsGroup[]\n  onMobileOpen?: () => void\n}\n\nexport const SettingsMenuContent: React.FC<{ groups: UserMenuSettingsGroup[] }> = ({ groups }) => (\n  <>\n    {groups.map((group, groupIndex) => (\n      <Fragment key={`settings-group-${group.group}-${groupIndex}`}>\n        {groupIndex > 0 && <MenuSeparator />}\n        {group.group && <PopupList.GroupLabel label={group.group} />}\n        {group.items.map((item, itemIndex) => (\n          <Fragment key={`settings-item-${groupIndex}-${itemIndex}`}>{item}</Fragment>\n        ))}\n      </Fragment>\n    ))}\n  </>\n)\n\nexport const SettingsMenu: React.FC<SettingsMenuProps> = ({ groups, onMobileOpen }) => {\n  const { t } = useTranslation()\n\n  if (onMobileOpen) {\n    return (\n      <button\n        className=\"popup-button-list__button popup-button-list__button--submenu-trigger\"\n        data-popup-prevent-close\n        onClick={onMobileOpen}\n        role=\"menuitem\"\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <span className=\"popup-button-list__submenu-icon\">\n          <GearIcon size={24} />\n        </span>\n        <span className=\"popup-button-list__label\">{t('general:settings')}</span>\n        <span className=\"popup-button-list__chevron\">\n          <ChevronIcon direction=\"right\" size={24} />\n        </span>\n      </button>\n    )\n  }\n\n  return (\n    <Popup\n      hoverSubmenu\n      popupType=\"menu\"\n      renderButton={(buttonProps) => (\n        <PopupList.SubmenuTrigger\n          buttonProps={buttonProps}\n          icon={<GearIcon size={24} />}\n          trailingIcon={<ChevronIcon direction=\"right\" size={16} />}\n        >\n          {t('general:settings')}\n        </PopupList.SubmenuTrigger>\n      )}\n      side=\"left\"\n      size=\"large\"\n      theme=\"dark\"\n    >\n      <SettingsMenuContent groups={groups} />\n    </Popup>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,WAAW,QAAQ;AAC5B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,aAAa,QAAQ;AAC9B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AAYjC,OAAO,MAAMC,mBAAA,GAAqEA,CAAC;EAAEC;AAAM,CAAE,kBAC3FC,IAAA,CAAAC,SAAA;YACGF,MAAA,CAAOG,GAAG,CAAC,CAACC,KAAA,EAAOC,UAAA,kBAClBC,KAAA,CAACd,QAAA;eACEa,UAAA,GAAa,kBAAKJ,IAAA,CAACL,aAAA,OACnBQ,KAAA,CAAMA,KAAK,iBAAIH,IAAA,CAACH,SAAA,CAAUS,UAAU;MAACC,KAAA,EAAOJ,KAAA,CAAMA;QAClDA,KAAA,CAAMK,KAAK,CAACN,GAAG,CAAC,CAACO,IAAA,EAAMC,SAAA,kBACtBV,IAAA,CAACT,QAAA;gBAA2DkB;OAA7C,iBAAiBL,UAAA,IAAcM,SAAA,EAAW;KAJ9C,kBAAkBP,KAAA,CAAMA,KAAK,IAAIC,UAAA,EAAY;;AAWlE,OAAO,MAAMO,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAxB,EAAA;EAAC;IAAAU,MAAA;IAAAe;EAAA,IAAAF,EAAwB;EAChF;IAAAG;EAAA,IAAcrB,cAAA;EAEd,IAAIoB,YAAA;IAAA,IAAAE,EAAA;IAAA,IAAAH,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAE,CAAA;MAEAC,EAAA,GAAAX,KAAA,CAAC;QAAAY,SAAA,EACW;QAAA,4BACc;QAAAC,OAAA,EACfJ,YAAA;QAAAK,IAAA,EACJ;QAAAC,QAAA,EACK,EAAC;QAAAC,IAAA,EACN;QAAAC,QAAA,E,CAELtB,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAK,QAAA,EACdtB,IAAA,CAACP,QAAA;YAAA8B,IAAA,EAAe;;YAElBvB,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAK,QAAA,EAA4BP,CAAA,CAAE;YAC9Cf,IAAA,CAAC;UAAAiB,SAAA,EAAe;UAAAK,QAAA,EACdtB,IAAA,CAACR,WAAA;YAAAgC,SAAA,EAAsB;YAAAD,IAAA,EAAc;;;;;;;;;;WAbzCP,E;;EAiBJ,IAAAA,EAAA;EAAA,IAAAH,CAAA,QAAAE,CAAA;IAMkBC,EAAA,GAAAS,WAAA,IACZzB,IAAA,CAACH,SAAA,CAAA6B,cAAwB;MAAAD,WAAA;MAAAE,IAAA,EAEjB3B,IAAA,CAACP,QAAA;QAAA8B,IAAA,EAAe;;oBACRvB,IAAA,CAACR,WAAA;QAAAgC,SAAA,EAAsB;QAAAD,IAAA,EAAc;;gBAElDR,CAAA,CAAE;;;;;;;;;IATTa,EAAA,GAAA5B,IAAA,CAACJ,KAAA;MAAAiC,YAAA,EACa;MAAAC,SAAA,EACF;MAAAC,YAAA,EACIf,E;YAST;MAAAO,IAAA,EACA;MAAAS,KAAA,EACC;MAAAV,QAAA,EAENtB,IAAA,CAACF,mBAAA;QAAAC;;;;;;;;;SAhBH6B,E;CAmBJ","ignoreList":[]}

package/dist/elements/UserMenu/ThemeMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","VariableColorIcon","useTheme","useTranslation","Popup","PopupList","ThemeMenuContent","$","autoMode","setTheme","theme","t","t0","options","label","value","activeValue","_jsx","children","RadioGroup","map","t1","RadioGroupItem","active","onClick","ThemeMenu","onMobileOpen","_jsxs","className","role","tabIndex","type","size","direction","hoverSubmenu","popupType","renderButton","buttonProps","SubmenuTrigger","icon"],"sources":["../../../../src/elements/UserMenu/ThemeMenu/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { VariableColorIcon } from '../../../icons/VariableColor/index.js'\nimport { useTheme } from '../../../providers/Theme/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nexport const ThemeMenuContent: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const options: { label: string; value: 'auto' | 'dark' | 'light' }[] = [\n    { label: t('general:auto'), value: 'auto' },\n    { label: t('general:light'), value: 'light' },\n    { label: t('general:dark'), value: 'dark' },\n  ]\n\n  const activeValue: 'auto' | 'dark' | 'light' = autoMode ? 'auto' : theme\n\n  return (\n    <div data-popup-prevent-close>\n      <PopupList.RadioGroup>\n        {options.map(({ label, value }) => (\n          <PopupList.RadioGroupItem\n            active={activeValue === value}\n            key={value}\n            onClick={() => setTheme(value)}\n          >\n            {label}\n          </PopupList.RadioGroupItem>\n        ))}\n      </PopupList.RadioGroup>\n    </div>\n  )\n}\n\nexport const ThemeMenu: React.FC<{\n  readonly onMobileOpen?: () => void\n}> = ({ onMobileOpen }) => {\n  const { t } = useTranslation()\n\n  if (onMobileOpen) {\n    return (\n      <button\n        className=\"popup-button-list__button popup-button-list__button--submenu-trigger\"\n        data-popup-prevent-close\n        onClick={onMobileOpen}\n        role=\"menuitem\"\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <span className=\"popup-button-list__submenu-icon\">\n          <VariableColorIcon size={24} />\n        </span>\n        <span className=\"popup-button-list__label\">{t('general:theme')}</span>\n        <span className=\"popup-button-list__chevron\">\n          <ChevronIcon direction=\"right\" size={24} />\n        </span>\n      </button>\n    )\n  }\n\n  return (\n    <Popup\n      hoverSubmenu\n      popupType=\"menu\"\n      renderButton={(buttonProps) => (\n        <PopupList.SubmenuTrigger\n          buttonProps={buttonProps}\n          icon={<VariableColorIcon size={24} />}\n          trailingIcon={<ChevronIcon direction=\"right\" size={16} />}\n        >\n          {t('general:theme')}\n        </PopupList.SubmenuTrigger>\n      )}\n      side=\"left\"\n      size=\"large\"\n      theme=\"dark\"\n    >\n      <ThemeMenuContent />\n    </Popup>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AAEjC,OAAO,MAAMC,gBAAA,GAA6BA,CAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACxC;IAAAU,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAsCR,QAAA;EACtC;IAAAS;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAG,KAAA;IAEd,MAAAG,OAAA;MAAAC,KAAA,EACWH,CAAA,CAAE;MAAAI,KAAA,EAAwB;IAAA;MAAAD,KAAA,EAC1BH,CAAA,CAAE;MAAAI,KAAA,EAAyB;IAAA;MAAAD,KAAA,EAC3BH,CAAA,CAAE;MAAAI,KAAA,EAAwB;IAAA;IAGrC,MAAAC,WAAA,GAA+CR,QAAA,GAAW,SAASE,KAAA;IAGjEE,EAAA,GAAAK,IAAA,CAAC;MAAA;MAAAC,QAAA,EACCD,IAAA,CAAAZ,SAAA,CAAAc,UAAA;QAAAD,QAAA,EACGL,OAAA,CAAAO,GAAA,CAAAC,EAAA;UAAa;YAAAP,KAAA;YAAAC;UAAA,IAAAM,EAAgB;UAAA,OAC5BJ,IAAA,CAAAZ,SAAA,CAAAiB,cAAA;YAAAC,MAAA,EACUP,WAAA,KAAgBD,KAAA;YAAAS,OAAA,EAAAA,CAAA,KAETf,QAAA,CAASM,KAAA;YAAAG,QAAA,EAEvBJ;UAAA,GAHIC,KAAA;QAAA;MAAA,C;;;;;;;;;;SALbH,E;CAcJ;AAEA,OAAO,MAAMa,SAAA,GAERb,EAAA;EAAA,MAAAL,CAAA,GAAAT,EAAA;EAAC;IAAA4B;EAAA,IAAAd,EAAgB;EACpB;IAAAD;EAAA,IAAcR,cAAA;EAAA,IAEVuB,YAAA;IAAA,IAAAL,EAAA;IAAA,IAAAd,CAAA,QAAAmB,YAAA,IAAAnB,CAAA,QAAAI,CAAA;MAEAU,EAAA,GAAAM,KAAA,CAAC;QAAAC,SAAA,EACW;QAAA;QAAAJ,OAAA,EAEDE,YAAA;QAAAG,IAAA,EACJ;QAAAC,QAAA;QAAAC,IAAA,EAEA;QAAAb,QAAA,GAELD,IAAA,CAAC;UAAAW,SAAA,EAAe;UAAAV,QAAA,EACdD,IAAA,CAAAhB,iBAAA;YAAA+B,IAAA;UAAA,C;YAEFf,IAAA,CAAC;UAAAW,SAAA,EAAe;UAAAV,QAAA,EAA4BP,CAAA,CAAE;QAAA,C,GAC9CM,IAAA,CAAC;UAAAW,SAAA,EAAe;UAAAV,QAAA,EACdD,IAAA,CAAAjB,WAAA;YAAAiC,SAAA,EAAuB;YAAAD,IAAA;UAAA,C;;;;;;;;;WAb3BX,E;;;;IAoBFA,EAAA,GAAAJ,IAAA,CAAAb,KAAA;MAAA8B,YAAA;MAAAC,SAAA,EAEY;MAAAC,YAAA,EAAAC,WAAA,IAERpB,IAAA,CAAAZ,SAAA,CAAAiC,cAAA;QAAAD,WAAA;QAAAE,IAAA,EAEQtB,IAAA,CAAAhB,iBAAA;UAAA+B,IAAA;QAAA,C;sBACQf,IAAA,CAAAjB,WAAA;UAAAiC,SAAA,EAAuB;UAAAD,IAAA;QAAA,C;kBAEpCrB,CAAA,CAAE;MAAA,C;YAGF;MAAAqB,IAAA,EACA;MAAAtB,KAAA,EACC;MAAAQ,QAAA,EAEND,IAAA,CAAAX,gBAAA,IAAC;IAAA,C;;;;;;SAhBHe,E;CAmBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","VariableColorIcon","useTheme","useTranslation","Popup","PopupList","ThemeMenuContent","$","autoMode","setTheme","theme","t","t0","options","label","value","activeValue","_jsx","children","RadioGroup","map","t1","RadioGroupItem","active","onClick","ThemeMenu","onMobileOpen","_jsxs","className","role","tabIndex","type","size","direction","hoverSubmenu","popupType","renderButton","buttonProps","SubmenuTrigger","icon"],"sources":["../../../../src/elements/UserMenu/ThemeMenu/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { VariableColorIcon } from '../../../icons/VariableColor/index.js'\nimport { useTheme } from '../../../providers/Theme/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nexport const ThemeMenuContent: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const options: { label: string; value: 'auto' | 'dark' | 'light' }[] = [\n    { label: t('general:auto'), value: 'auto' },\n    { label: t('general:light'), value: 'light' },\n    { label: t('general:dark'), value: 'dark' },\n  ]\n\n  const activeValue: 'auto' | 'dark' | 'light' = autoMode ? 'auto' : theme\n\n  return (\n    <div data-popup-prevent-close>\n      <PopupList.RadioGroup>\n        {options.map(({ label, value }) => (\n          <PopupList.RadioGroupItem\n            active={activeValue === value}\n            key={value}\n            onClick={() => setTheme(value)}\n          >\n            {label}\n          </PopupList.RadioGroupItem>\n        ))}\n      </PopupList.RadioGroup>\n    </div>\n  )\n}\n\nexport const ThemeMenu: React.FC<{\n  readonly onMobileOpen?: () => void\n}> = ({ onMobileOpen }) => {\n  const { t } = useTranslation()\n\n  if (onMobileOpen) {\n    return (\n      <button\n        className=\"popup-button-list__button popup-button-list__button--submenu-trigger\"\n        data-popup-prevent-close\n        onClick={onMobileOpen}\n        role=\"menuitem\"\n        tabIndex={-1}\n        type=\"button\"\n      >\n        <span className=\"popup-button-list__submenu-icon\">\n          <VariableColorIcon size={24} />\n        </span>\n        <span className=\"popup-button-list__label\">{t('general:theme')}</span>\n        <span className=\"popup-button-list__chevron\">\n          <ChevronIcon direction=\"right\" size={24} />\n        </span>\n      </button>\n    )\n  }\n\n  return (\n    <Popup\n      hoverSubmenu\n      popupType=\"menu\"\n      renderButton={(buttonProps) => (\n        <PopupList.SubmenuTrigger\n          buttonProps={buttonProps}\n          icon={<VariableColorIcon size={24} />}\n          trailingIcon={<ChevronIcon direction=\"right\" size={16} />}\n        >\n          {t('general:theme')}\n        </PopupList.SubmenuTrigger>\n      )}\n      side=\"left\"\n      size=\"large\"\n      theme=\"dark\"\n    >\n      <ThemeMenuContent />\n    </Popup>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UserMenu/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAgBpE,OAAO,aAAa,CAAA;AAIpB,KAAK,aAAa,GAAG;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACpC,kBAAkB,CAAC,EAAE,qBAAqB,EAAE,CAAA;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAsL5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UserMenu/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAgBpE,OAAO,aAAa,CAAA;AAIpB,KAAK,aAAa,GAAG;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACpC,kBAAkB,CAAC,EAAE,qBAAqB,EAAE,CAAA;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmM5C,CAAA"}

package/dist/elements/UserMenu/index.js

@@ -119,7 +119,7 @@ export const UserMenu = t0 => {
       } = t12;
       return _jsx(Button, {
         ...ariaProps,
-        "aria-label": t("authentication:account"),
+        "aria-label": [t("authentication:account"), showTitle ? titleString || identifier : undefined].filter(Boolean).join(": "),
         buttonStyle: "ghost",
         className: `${baseClass}__trigger${showTitle ? ` ${baseClass}__trigger--with-title` : ""}`,
         icon: _jsx(ChevronIcon, {
@@ -172,6 +172,7 @@ export const UserMenu = t0 => {
       })]
     }) : _jsxs(_Fragment, {
       children: [_jsxs("a", {
+        "aria-label": [t("authentication:account"), titleString, identifier].filter(Boolean).join(": "),
         className: `${baseClass}__profile`,
         href: accountHref,
         role: "menuitem",

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useWindowInfo","formatAdminURL","React","useCallback","useEffect","useState","Account","ChevronIcon","LogOutIcon","useAuth","useConfig","useTranslation","Button","MenuSeparator","Popup","PopupList","RenderCustomComponent","LanguageMenu","LanguageMenuContent","SettingsMenu","SettingsMenuContent","SubMenuHeader","ThemeMenu","ThemeMenuContent","baseClass","UserMenu","t0","$","CustomAvatar","CustomLogoutButton","settingsItemGroups","t1","showTitle","t2","undefined","user","languageOptions","t","config","t3","getEntityConfig","admin","t4","routes","t5","t6","theme","adminTheme","userSlug","account","accountRoute","logout","logoutRoute","adminRoute","breakpoints","t7","s","smallBreak","isMobile","Boolean","activeMobileSubmenu","setActiveMobileSubmenu","setMobileSubmenuRef","_temp","t8","t9","userCollectionConfig","collectionSlug","useAsTitle","titleValue","titleString","identifier","username","email","hasMultipleLanguages","Array","isArray","length","showThemeMenu","hasSettingsItems","some","_temp2","showPreferencesGroup","logoutHref","path","accountHref","t10","Symbol","for","t11","t12","active","ariaProps","_jsx","buttonStyle","className","icon","direction","size","type","children","caret","horizontalAlign","onToggleClose","popupType","renderButton","verticalAlign","_jsxs","ref","_Fragment","onBack","title","groups","href","role","tabIndex","CustomComponent","Fallback","MenuItem","onMobileOpen","element","setTimeout","firstMenuItem","querySelector","focus","group","items"],"sources":["../../../src/elements/UserMenu/index.tsx"],"sourcesContent":["'use client'\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { UserMenuSettingsGroup } from './SettingsMenu/index.js'\n\nimport { Account } from '../../graphics/Account/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { LogOutIcon } from '../../icons/LogOut/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { MenuSeparator } from '../MenuSeparator/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { LanguageMenu, LanguageMenuContent } from './LanguageMenu/index.js'\nimport { SettingsMenu, SettingsMenuContent } from './SettingsMenu/index.js'\nimport { SubMenuHeader } from './SubMenuHeader/index.js'\nimport { ThemeMenu, ThemeMenuContent } from './ThemeMenu/index.js'\nimport './index.css'\n\nconst baseClass = 'user-menu'\n\ntype UserMenuProps = {\n  CustomAvatar?: React.ReactNode\n  CustomLogoutButton?: React.ReactNode\n  settingsItemGroups?: UserMenuSettingsGroup[]\n  showTitle?: boolean\n}\n\nexport const UserMenu: React.FC<UserMenuProps> = ({\n  CustomAvatar,\n  CustomLogoutButton,\n  settingsItemGroups = [],\n  showTitle = false,\n}) => {\n  const { user } = useAuth()\n  const { languageOptions, t } = useTranslation()\n  const {\n    config: {\n      admin: {\n        routes: { account: accountRoute, logout: logoutRoute },\n        theme: adminTheme,\n        user: userSlug,\n      },\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const isMobile = Boolean(smallBreak)\n\n  const [activeMobileSubmenu, setActiveMobileSubmenu] = useState<\n    'language' | 'settings' | 'theme' | null\n  >(null)\n\n  const setMobileSubmenuRef = useCallback((element: HTMLDivElement | null) => {\n    if (!element) {\n      return\n    }\n\n    setTimeout(() => {\n      const firstMenuItem = element.querySelector<HTMLElement>(\n        '[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"]',\n      )\n      if (firstMenuItem) {\n        firstMenuItem.tabIndex = 0\n        firstMenuItem.focus()\n      }\n    })\n  }, [])\n\n  useEffect(() => {\n    if (!isMobile) {\n      setActiveMobileSubmenu(null)\n    }\n  }, [isMobile])\n\n  const userCollectionConfig = getEntityConfig({ collectionSlug: userSlug })\n  const useAsTitle = userCollectionConfig?.admin?.useAsTitle ?? 'email'\n  const titleValue =\n    useAsTitle !== 'email' && user ? (user as Record<string, unknown>)[useAsTitle] : undefined\n  const titleString = typeof titleValue === 'string' ? titleValue : undefined\n\n  const identifier = user?.username ?? user?.email ?? ''\n  const hasMultipleLanguages = Array.isArray(languageOptions) && languageOptions.length > 1\n  const showThemeMenu = adminTheme === 'all'\n  const hasSettingsItems = settingsItemGroups.some((group) => group.items.length > 0)\n  const showPreferencesGroup = showThemeMenu || hasMultipleLanguages\n\n  const logoutHref = formatAdminURL({ adminRoute, path: logoutRoute })\n  const accountHref = formatAdminURL({ adminRoute, path: accountRoute })\n\n  return (\n    <Popup\n      caret={false}\n      className={baseClass}\n      horizontalAlign=\"right\"\n      onToggleClose={() => setActiveMobileSubmenu(null)}\n      popupType=\"menu\"\n      renderButton={({ active, ...ariaProps }) => (\n        <Button\n          {...ariaProps}\n          aria-label={t('authentication:account')}\n          buttonStyle=\"ghost\"\n          className={`${baseClass}__trigger${showTitle ? ` ${baseClass}__trigger--with-title` : ''}`}\n          icon={<ChevronIcon direction=\"down\" size={16} />}\n          margin={false}\n          selected={active}\n          type=\"button\"\n        >\n          {showTitle && (titleString || identifier) ? titleString || identifier : undefined}\n        </Button>\n      )}\n      size=\"large\"\n      theme=\"dark\"\n      verticalAlign=\"bottom\"\n    >\n      {isMobile && activeMobileSubmenu ? (\n        // Mobile submenu panel\n        <div ref={setMobileSubmenuRef}>\n          {activeMobileSubmenu === 'theme' && (\n            <>\n              <SubMenuHeader\n                onBack={() => setActiveMobileSubmenu(null)}\n                title={t('general:theme')}\n              />\n              <ThemeMenuContent />\n            </>\n          )}\n          {activeMobileSubmenu === 'language' && (\n            <>\n              <SubMenuHeader\n                onBack={() => setActiveMobileSubmenu(null)}\n                title={t('general:language')}\n              />\n              <LanguageMenuContent />\n            </>\n          )}\n          {activeMobileSubmenu === 'settings' && (\n            <>\n              <SubMenuHeader\n                onBack={() => setActiveMobileSubmenu(null)}\n                title={t('general:settings')}\n              />\n              <SettingsMenuContent groups={settingsItemGroups} />\n            </>\n          )}\n        </div>\n      ) : (\n        // Normal menu content (desktop always; mobile when no active submenu)\n        <>\n          {/* Profile header */}\n          <a className={`${baseClass}__profile`} href={accountHref} role=\"menuitem\" tabIndex={-1}>\n            <div className={`${baseClass}__avatar`}>\n              <RenderCustomComponent CustomComponent={CustomAvatar} Fallback={<Account />} />\n            </div>\n            <div>\n              {titleString && <p className={`${baseClass}__name`}>{titleString}</p>}\n              {identifier && <p className={`${baseClass}__identifier`}>{identifier}</p>}\n            </div>\n          </a>\n\n          {/* Preferences group: Theme + Language */}\n          {showPreferencesGroup && (\n            <>\n              {showThemeMenu && (\n                <PopupList.MenuItem>\n                  <ThemeMenu\n                    onMobileOpen={isMobile ? () => setActiveMobileSubmenu('theme') : undefined}\n                  />\n                </PopupList.MenuItem>\n              )}\n              {hasMultipleLanguages && (\n                <PopupList.MenuItem>\n                  <LanguageMenu\n                    onMobileOpen={isMobile ? () => setActiveMobileSubmenu('language') : undefined}\n                  />\n                </PopupList.MenuItem>\n              )}\n            </>\n          )}\n\n          <MenuSeparator />\n\n          {/* Settings group */}\n          {hasSettingsItems && (\n            <>\n              <PopupList.MenuItem>\n                <SettingsMenu\n                  groups={settingsItemGroups}\n                  onMobileOpen={isMobile ? () => setActiveMobileSubmenu('settings') : undefined}\n                />\n              </PopupList.MenuItem>\n              <MenuSeparator />\n            </>\n          )}\n          {/* Account actions */}\n          <PopupList.MenuItem>\n            {CustomLogoutButton ?? (\n              <PopupList.Button href={logoutHref} icon={<LogOutIcon />}>\n                {t('authentication:logOut')}\n              </PopupList.Button>\n            )}\n          </PopupList.MenuItem>\n        </>\n      )}\n    </Popup>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useWindowInfo","formatAdminURL","React","useCallback","useEffect","useState","Account","ChevronIcon","LogOutIcon","useAuth","useConfig","useTranslation","Button","MenuSeparator","Popup","PopupList","RenderCustomComponent","LanguageMenu","LanguageMenuContent","SettingsMenu","SettingsMenuContent","SubMenuHeader","ThemeMenu","ThemeMenuContent","baseClass","UserMenu","t0","$","CustomAvatar","CustomLogoutButton","settingsItemGroups","t1","showTitle","t2","undefined","user","languageOptions","t","config","t3","getEntityConfig","admin","t4","routes","t5","t6","theme","adminTheme","userSlug","account","accountRoute","logout","logoutRoute","adminRoute","breakpoints","t7","s","smallBreak","isMobile","Boolean","activeMobileSubmenu","setActiveMobileSubmenu","setMobileSubmenuRef","_temp","t8","t9","userCollectionConfig","collectionSlug","useAsTitle","titleValue","titleString","identifier","username","email","hasMultipleLanguages","Array","isArray","length","showThemeMenu","hasSettingsItems","some","_temp2","showPreferencesGroup","logoutHref","path","accountHref","t10","Symbol","for","t11","t12","active","ariaProps","_jsx","filter","join","buttonStyle","className","icon","direction","size","selected","type","children","caret","horizontalAlign","onToggleClose","popupType","renderButton","verticalAlign","_jsxs","ref","_Fragment","onBack","title","groups","href","role","tabIndex","CustomComponent","Fallback","MenuItem","onMobileOpen","element","setTimeout","firstMenuItem","querySelector","focus","group","items"],"sources":["../../../src/elements/UserMenu/index.tsx"],"sourcesContent":["'use client'\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { UserMenuSettingsGroup } from './SettingsMenu/index.js'\n\nimport { Account } from '../../graphics/Account/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { LogOutIcon } from '../../icons/LogOut/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { MenuSeparator } from '../MenuSeparator/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { LanguageMenu, LanguageMenuContent } from './LanguageMenu/index.js'\nimport { SettingsMenu, SettingsMenuContent } from './SettingsMenu/index.js'\nimport { SubMenuHeader } from './SubMenuHeader/index.js'\nimport { ThemeMenu, ThemeMenuContent } from './ThemeMenu/index.js'\nimport './index.css'\n\nconst baseClass = 'user-menu'\n\ntype UserMenuProps = {\n  CustomAvatar?: React.ReactNode\n  CustomLogoutButton?: React.ReactNode\n  settingsItemGroups?: UserMenuSettingsGroup[]\n  showTitle?: boolean\n}\n\nexport const UserMenu: React.FC<UserMenuProps> = ({\n  CustomAvatar,\n  CustomLogoutButton,\n  settingsItemGroups = [],\n  showTitle = false,\n}) => {\n  const { user } = useAuth()\n  const { languageOptions, t } = useTranslation()\n  const {\n    config: {\n      admin: {\n        routes: { account: accountRoute, logout: logoutRoute },\n        theme: adminTheme,\n        user: userSlug,\n      },\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const isMobile = Boolean(smallBreak)\n\n  const [activeMobileSubmenu, setActiveMobileSubmenu] = useState<\n    'language' | 'settings' | 'theme' | null\n  >(null)\n\n  const setMobileSubmenuRef = useCallback((element: HTMLDivElement | null) => {\n    if (!element) {\n      return\n    }\n\n    setTimeout(() => {\n      const firstMenuItem = element.querySelector<HTMLElement>(\n        '[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"]',\n      )\n      if (firstMenuItem) {\n        firstMenuItem.tabIndex = 0\n        firstMenuItem.focus()\n      }\n    })\n  }, [])\n\n  useEffect(() => {\n    if (!isMobile) {\n      setActiveMobileSubmenu(null)\n    }\n  }, [isMobile])\n\n  const userCollectionConfig = getEntityConfig({ collectionSlug: userSlug })\n  const useAsTitle = userCollectionConfig?.admin?.useAsTitle ?? 'email'\n  const titleValue =\n    useAsTitle !== 'email' && user ? (user as Record<string, unknown>)[useAsTitle] : undefined\n  const titleString = typeof titleValue === 'string' ? titleValue : undefined\n\n  const identifier = user?.username ?? user?.email ?? ''\n  const hasMultipleLanguages = Array.isArray(languageOptions) && languageOptions.length > 1\n  const showThemeMenu = adminTheme === 'all'\n  const hasSettingsItems = settingsItemGroups.some((group) => group.items.length > 0)\n  const showPreferencesGroup = showThemeMenu || hasMultipleLanguages\n\n  const logoutHref = formatAdminURL({ adminRoute, path: logoutRoute })\n  const accountHref = formatAdminURL({ adminRoute, path: accountRoute })\n\n  return (\n    <Popup\n      caret={false}\n      className={baseClass}\n      horizontalAlign=\"right\"\n      onToggleClose={() => setActiveMobileSubmenu(null)}\n      popupType=\"menu\"\n      renderButton={({ active, ...ariaProps }) => (\n        <Button\n          {...ariaProps}\n          aria-label={[\n            t('authentication:account'),\n            showTitle ? titleString || identifier : undefined,\n          ]\n            .filter(Boolean)\n            .join(': ')}\n          buttonStyle=\"ghost\"\n          className={`${baseClass}__trigger${showTitle ? ` ${baseClass}__trigger--with-title` : ''}`}\n          icon={<ChevronIcon direction=\"down\" size={16} />}\n          margin={false}\n          selected={active}\n          type=\"button\"\n        >\n          {showTitle && (titleString || identifier) ? titleString || identifier : undefined}\n        </Button>\n      )}\n      size=\"large\"\n      theme=\"dark\"\n      verticalAlign=\"bottom\"\n    >\n      {isMobile && activeMobileSubmenu ? (\n        // Mobile submenu panel\n        <div ref={setMobileSubmenuRef}>\n          {activeMobileSubmenu === 'theme' && (\n            <>\n              <SubMenuHeader\n                onBack={() => setActiveMobileSubmenu(null)}\n                title={t('general:theme')}\n              />\n              <ThemeMenuContent />\n            </>\n          )}\n          {activeMobileSubmenu === 'language' && (\n            <>\n              <SubMenuHeader\n                onBack={() => setActiveMobileSubmenu(null)}\n                title={t('general:language')}\n              />\n              <LanguageMenuContent />\n            </>\n          )}\n          {activeMobileSubmenu === 'settings' && (\n            <>\n              <SubMenuHeader\n                onBack={() => setActiveMobileSubmenu(null)}\n                title={t('general:settings')}\n              />\n              <SettingsMenuContent groups={settingsItemGroups} />\n            </>\n          )}\n        </div>\n      ) : (\n        // Normal menu content (desktop always; mobile when no active submenu)\n        <>\n          {/* Profile header */}\n          <a\n            aria-label={[t('authentication:account'), titleString, identifier]\n              .filter(Boolean)\n              .join(': ')}\n            className={`${baseClass}__profile`}\n            href={accountHref}\n            role=\"menuitem\"\n            tabIndex={-1}\n          >\n            <div className={`${baseClass}__avatar`}>\n              <RenderCustomComponent CustomComponent={CustomAvatar} Fallback={<Account />} />\n            </div>\n            <div>\n              {titleString && <p className={`${baseClass}__name`}>{titleString}</p>}\n              {identifier && <p className={`${baseClass}__identifier`}>{identifier}</p>}\n            </div>\n          </a>\n\n          {/* Preferences group: Theme + Language */}\n          {showPreferencesGroup && (\n            <>\n              {showThemeMenu && (\n                <PopupList.MenuItem>\n                  <ThemeMenu\n                    onMobileOpen={isMobile ? () => setActiveMobileSubmenu('theme') : undefined}\n                  />\n                </PopupList.MenuItem>\n              )}\n              {hasMultipleLanguages && (\n                <PopupList.MenuItem>\n                  <LanguageMenu\n                    onMobileOpen={isMobile ? () => setActiveMobileSubmenu('language') : undefined}\n                  />\n                </PopupList.MenuItem>\n              )}\n            </>\n          )}\n\n          <MenuSeparator />\n\n          {/* Settings group */}\n          {hasSettingsItems && (\n            <>\n              <PopupList.MenuItem>\n                <SettingsMenu\n                  groups={settingsItemGroups}\n                  onMobileOpen={isMobile ? () => setActiveMobileSubmenu('settings') : undefined}\n                />\n              </PopupList.MenuItem>\n              <MenuSeparator />\n            </>\n          )}\n          {/* Account actions */}\n          <PopupList.MenuItem>\n            {CustomLogoutButton ?? (\n              <PopupList.Button href={logoutHref} icon={<LogOutIcon />}>\n                {t('authentication:logOut')}\n              </PopupList.Button>\n            )}\n          </PopupList.MenuItem>\n        </>\n      )}\n    </Popup>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","isComponent","description","isValidElement","ViewDescription","props","$","i18n","t0","_jsx","className","children"],"sources":["../../../src/elements/ViewDescription/index.tsx"],"sourcesContent":["'use client'\nimport type { DescriptionFunction, StaticDescription, ViewDescriptionClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport type ViewDescriptionComponent = React.ComponentType<any>\n\ntype Description = DescriptionFunction | StaticDescription | string | ViewDescriptionComponent\n\nexport function isComponent(description: Description): description is ViewDescriptionComponent {\n  return React.isValidElement(description)\n}\n\nexport function ViewDescription(props: ViewDescriptionClientProps) {\n  const { i18n } = useTranslation()\n  const { description } = props\n\n  if (description) {\n    return <div className=\"custom-view-description\">{getTranslation(description, i18n)}</div>\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAM/B,OAAO,SAASC,YAAYC,WAAwB;EAClD,oBAAOH,KAAA,CAAMI,cAAc,CAACD,WAAA;AAC9B;AAEA,OAAO,SAAAE,gBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACL;IAAAU;EAAA,IAAiBP,cAAA;EACjB;IAAAE;EAAA,IAAwBG,KAAA;EAAA,IAEpBH,WAAA;IAAA,IAAAM,EAAA;IAAA,IAAAF,CAAA,QAAAJ,WAAA,IAAAI,CAAA,QAAAC,IAAA;MACKC,EAAA,GAAAC,IAAA,CAAC;QAAAC,SAAA,EAAc;QAAAC,QAAA,EAA2Bb,cAAA,CAAeI,WAAA,EAAaK,IAAA;MAAA,C;;;;;;;WAAtEC,E","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","isComponent","description","isValidElement","ViewDescription","props","$","i18n","t0","_jsx","className","children"],"sources":["../../../src/elements/ViewDescription/index.tsx"],"sourcesContent":["'use client'\nimport type { DescriptionFunction, StaticDescription, ViewDescriptionClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport type ViewDescriptionComponent = React.ComponentType<any>\n\ntype Description = DescriptionFunction | StaticDescription | string | ViewDescriptionComponent\n\nexport function isComponent(description: Description): description is ViewDescriptionComponent {\n  return React.isValidElement(description)\n}\n\nexport function ViewDescription(props: ViewDescriptionClientProps) {\n  const { i18n } = useTranslation()\n  const { description } = props\n\n  if (description) {\n    return <div className=\"custom-view-description\">{getTranslation(description, i18n)}</div>\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAM/B,OAAO,SAASC,YAAYC,WAAwB;EAClD,oBAAOH,KAAA,CAAMI,cAAc,CAACD,WAAA;AAC9B;AAEA,OAAO,SAAAE,gBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACL;IAAAU;EAAA,IAAiBP,cAAA;EACjB;IAAAE;EAAA,IAAwBG,KAAA;EAExB,IAAIH,WAAA;IAAA,IAAAM,EAAA;IAAA,IAAAF,CAAA,QAAAJ,WAAA,IAAAI,CAAA,QAAAC,IAAA;MACKC,EAAA,GAAAC,IAAA,CAAC;QAAAC,SAAA,EAAc;QAAAC,QAAA,EAA2Bb,cAAA,CAAeI,WAAA,EAAaK,IAAA;;;;;;;;WAAtEC,E;;EACT,OAEO;AAAA","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Date/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useConfig","useTranslation","DatePickerField","baseClass","DateFilter","t0","disabled","field","t1","onChange","value","admin","date","config","t2","t3","dateFormat","dateFormatFromConfig","i18n","t","displayFormat","_jsx","className","children","placeholder","readOnly"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Date/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { DateFilterProps as Props } from './types.js'\n\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { DatePickerField } from '../../../DatePicker/index.js'\n\nconst baseClass = 'condition-value-date'\n\nexport const DateFilter: React.FC<Props> = ({ disabled, field: { admin }, onChange, value }) => {\n  const { date } = admin || {}\n  const {\n    config: {\n      admin: { dateFormat: dateFormatFromConfig },\n    },\n  } = useConfig()\n  const { i18n, t } = useTranslation()\n\n  const displayFormat = date?.displayFormat || dateFormatFromConfig\n\n  return (\n    <div className={baseClass}>\n      <DatePickerField\n        {...date}\n        displayFormat={displayFormat}\n        onChange={onChange}\n        placeholder={getTranslation(admin.placeholder, i18n) || t('general:enterAValue')}\n        readOnly={disabled}\n        value={value as Date}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAEhC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAA8BC,EAAA;EAAC;IAAAC,QAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAL,EAA+C;EAA5B;IAAAM;EAAA,IAAAH,EAAS;EACtE;IAAAI;EAAA,IAAiBD,KAAA,MAAU;EAC3B;IAAAE,MAAA,EAAAC;EAAA,IAIId,SAAA;EAHM;IAAAW,KAAA,EAAAI;EAAA,IAAAD,EAEP;EADQ;IAAAE,UAAA,EAAAC;EAAA,IAAAF,EAAoC;EAG/C;IAAAG,IAAA;IAAAC;EAAA,IAAoBlB,cAAA;EAEpB,MAAAmB,aAAA,GAAsBR,IAAA,EAAAQ,aAAA,IAAuBH,oBAAA;EAAA,OAG3CI,IAAA,CAAC;IAAAC,SAAA,EAAAnB,SAAA;IAAAoB,QAAA,EACCF,IAAA,CAAAnB,eAAA;MAAA,GACMU,IAAI;MAAAQ,aAAA;MAAAX,QAAA;MAAAe,WAAA,EAGK1B,cAAA,CAAea,KAAA,CAAAa,WAAA,EAAmBN,IAAA,KAASC,CAAA,CAAE;MAAAM,QAAA,EAChDnB,QAAA;MAAAI;IAAA,C;;CAKlB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","useConfig","useTranslation","DatePickerField","baseClass","DateFilter","t0","disabled","field","t1","onChange","value","admin","date","config","t2","t3","dateFormat","dateFormatFromConfig","i18n","t","displayFormat","_jsx","className","children","placeholder","readOnly"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Date/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { DateFilterProps as Props } from './types.js'\n\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { DatePickerField } from '../../../DatePicker/index.js'\n\nconst baseClass = 'condition-value-date'\n\nexport const DateFilter: React.FC<Props> = ({ disabled, field: { admin }, onChange, value }) => {\n  const { date } = admin || {}\n  const {\n    config: {\n      admin: { dateFormat: dateFormatFromConfig },\n    },\n  } = useConfig()\n  const { i18n, t } = useTranslation()\n\n  const displayFormat = date?.displayFormat || dateFormatFromConfig\n\n  return (\n    <div className={baseClass}>\n      <DatePickerField\n        {...date}\n        displayFormat={displayFormat}\n        onChange={onChange}\n        placeholder={getTranslation(admin.placeholder, i18n) || t('general:enterAValue')}\n        readOnly={disabled}\n        value={value}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAEhC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAA8BC,EAAA;EAAC;IAAAC,QAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAL,EAA+C;EAA5B;IAAAM;EAAA,IAAAH,EAAS;EACtE;IAAAI;EAAA,IAAiBD,KAAU,IAAV,CAAU;EAC3B;IAAAE,MAAA,EAAAC;EAAA,IAIId,SAAA;EAHM;IAAAW,KAAA,EAAAI;EAAA,IAAAD,EAEP;EADQ;IAAAE,UAAA,EAAAC;EAAA,IAAAF,EAAoC;EAG/C;IAAAG,IAAA;IAAAC;EAAA,IAAoBlB,cAAA;EAEpB,MAAAmB,aAAA,GAAsBR,IAAA,EAAAQ,aAAuB,IAAvBH,oBAAuB;EAAA,OAG3CI,IAAA,CAAC;IAAAC,SAAA,EAAenB,SAAA;IAAAoB,QAAA,EACdF,IAAA,CAACnB,eAAA;MAAA,GACKU,IAAI;MAAAQ,aAAA;MAAAX,QAAA;MAAAe,WAAA,EAGK1B,cAAA,CAAea,KAAA,CAAAa,WAAiB,EAAEN,IAAW,KAAFC,CAAA,CAAE;MAAAM,QAAA,EAChDnB,QAAA;MAAAI;;;CAKlB","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Number/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","NumberFilter","props","$","disabled","field","t0","onChange","operator","value","admin","hasMany","label","i18n","t","ariaLabel","t1","includes","isMulti","t2","Symbol","for","valueToRender","setValueToRender","useState","t3","selectedOption","newValue","Array","isArray","map","_temp","onSelect","t4","t5","_temp2","useEffect","placeholder","_jsx","isClearable","isCreatable","isSortable","numberOnly","options","className","e","target","type","option","Number","val","index","id","toString"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Number/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { NumberFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\n\nexport const NumberFilter: React.FC<Props> = (props) => {\n  const {\n    disabled,\n    field: { admin, hasMany, label },\n    onChange,\n    operator,\n    value,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const ariaLabel = label ? getTranslation(label, i18n) : t('general:enterAValue')\n\n  const isMulti = ['in', 'not_in'].includes(operator) || hasMany\n\n  const [valueToRender, setValueToRender] = React.useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([])\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n      if (!selectedOption) {\n        newValue = []\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => Number(option.value?.value || option.value))\n        } else {\n          newValue = [Number(selectedOption.value?.value || selectedOption.value)]\n        }\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    if (Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as any)?.value || val,\n            },\n          }\n        }),\n      )\n    } else {\n      setValueToRender([])\n    }\n  }, [value])\n\n  const placeholder = getTranslation(admin?.placeholder, i18n) || t('general:enterAValue')\n\n  return isMulti ? (\n    <ReactSelect\n      aria-label={ariaLabel}\n      disabled={disabled}\n      isClearable\n      isCreatable\n      isMulti={isMulti}\n      isSortable\n      numberOnly\n      onChange={onSelect}\n      options={[]}\n      placeholder={placeholder}\n      value={valueToRender || []}\n    />\n  ) : (\n    <input\n      aria-label={ariaLabel}\n      className=\"form-input\"\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder={placeholder}\n      type=\"number\"\n      value={value as number}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","NumberFilter","props","$","disabled","field","t0","onChange","operator","value","admin","hasMany","label","i18n","t","ariaLabel","t1","includes","isMulti","t2","Symbol","for","valueToRender","setValueToRender","useState","t3","selectedOption","newValue","Array","isArray","map","_temp","Number","onSelect","t4","t5","_temp2","useEffect","placeholder","_jsx","isClearable","isCreatable","isSortable","numberOnly","options","className","e","target","type","option","val","index","id","toString"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Number/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { NumberFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\n\nexport const NumberFilter: React.FC<Props> = (props) => {\n  const {\n    disabled,\n    field: { admin, hasMany, label },\n    onChange,\n    operator,\n    value,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const ariaLabel = label ? getTranslation(label, i18n) : t('general:enterAValue')\n\n  const isMulti = ['in', 'not_in'].includes(operator) || hasMany\n\n  const [valueToRender, setValueToRender] = React.useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([])\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n      if (!selectedOption) {\n        newValue = []\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => Number(option.value?.value || option.value))\n        } else {\n          newValue = [Number(selectedOption.value?.value || selectedOption.value)]\n        }\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    if (Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as any)?.value || val,\n            },\n          }\n        }),\n      )\n    } else {\n      setValueToRender([])\n    }\n  }, [value])\n\n  const placeholder = getTranslation(admin?.placeholder, i18n) || t('general:enterAValue')\n\n  return isMulti ? (\n    <ReactSelect\n      aria-label={ariaLabel}\n      disabled={disabled}\n      isClearable\n      isCreatable\n      isMulti={isMulti}\n      isSortable\n      numberOnly\n      onChange={onSelect}\n      options={[]}\n      placeholder={placeholder}\n      value={valueToRender || []}\n    />\n  ) : (\n    <input\n      aria-label={ariaLabel}\n      className=\"form-input\"\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder={placeholder}\n      type=\"number\"\n      value={value as number}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","formatOptions","Select","t0","$","disabled","field","t1","isClearable","onChange","operator","options","optionsFromProps","value","admin","t2","placeholder","i18n","t3","setOptions","useState","t4","Symbol","for","isMulti","includes","valueToRender","Array","isArray","t5","val","matchingOption","find","option","label","map","option_0","matchingOption_0","selectedOption","newValue","_temp","onSelect","t6","t7","useEffect","t8","t9","t10","option_2","_jsx","option_1"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { SelectFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\nimport { formatOptions } from './formatOptions.js'\n\nexport const Select: React.FC<Props> = ({\n  disabled,\n  field: {\n    admin: { placeholder },\n  },\n  isClearable,\n  onChange,\n  operator,\n  options: optionsFromProps,\n  value,\n}) => {\n  const { i18n } = useTranslation()\n  const [options, setOptions] = React.useState(formatOptions(optionsFromProps))\n\n  const isMulti = ['in', 'not_in'].includes(operator)\n  let valueToRender\n\n  if (isMulti && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  }\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n\n      if (!selectedOption) {\n        newValue = null\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value)\n        } else {\n          newValue = []\n        }\n      } else {\n        newValue = selectedOption.value\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    setOptions(formatOptions(optionsFromProps))\n  }, [optionsFromProps])\n\n  React.useEffect(() => {\n    if (!isMulti && Array.isArray(value)) {\n      onChange(value[0])\n    }\n  }, [isMulti, onChange, value])\n\n  return (\n    <ReactSelect\n      disabled={disabled}\n      isClearable={isClearable}\n      isMulti={isMulti}\n      onChange={onSelect}\n      options={options.map((option) => ({ ...option, label: getTranslation(option.label, i18n) }))}\n      placeholder={placeholder}\n      value={valueToRender}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","formatOptions","Select","t0","$","disabled","field","t1","isClearable","onChange","operator","options","optionsFromProps","value","admin","t2","placeholder","i18n","t3","setOptions","useState","t4","Symbol","for","isMulti","includes","valueToRender","Array","isArray","t5","val","matchingOption","find","option","label","map","option_0","matchingOption_0","selectedOption","newValue","_temp","onSelect","t6","t7","useEffect","t8","t9","t10","option_2","_jsx","option_1"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { SelectFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\nimport { formatOptions } from './formatOptions.js'\n\nexport const Select: React.FC<Props> = ({\n  disabled,\n  field: {\n    admin: { placeholder },\n  },\n  isClearable,\n  onChange,\n  operator,\n  options: optionsFromProps,\n  value,\n}) => {\n  const { i18n } = useTranslation()\n  const [options, setOptions] = React.useState(formatOptions(optionsFromProps))\n\n  const isMulti = ['in', 'not_in'].includes(operator)\n  let valueToRender\n\n  if (isMulti && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  }\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n\n      if (!selectedOption) {\n        newValue = null\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value)\n        } else {\n          newValue = []\n        }\n      } else {\n        newValue = selectedOption.value\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    setOptions(formatOptions(optionsFromProps))\n  }, [optionsFromProps])\n\n  React.useEffect(() => {\n    if (!isMulti && Array.isArray(value)) {\n      onChange(value[0])\n    }\n  }, [isMulti, onChange, value])\n\n  return (\n    <ReactSelect\n      disabled={disabled}\n      isClearable={isClearable}\n      isMulti={isMulti}\n      onChange={onSelect}\n      options={options.map((option) => ({ ...option, label: getTranslation(option.label, i18n) }))}\n      placeholder={placeholder}\n      value={valueToRender}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","Text","props","$","disabled","field","onChange","operator","value","i18n","t","ariaLabel","label","hasMany","t0","includes","isMulti","t1","Symbol","for","valueToRender","setValueToRender","useState","t2","selectedOption","newValue","Array","isArray","map","_temp","onSelect","t3","t4","_temp2","useEffect","_jsx","isClearable","isCreatable","isSortable","options","placeholder","className","e","target","type","option","val","index","id","toString"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { TextFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\n\nexport const Text: React.FC<Props> = (props) => {\n  const { disabled, field, onChange, operator, value } = props\n  const { i18n, t } = useTranslation()\n\n  const ariaLabel = field?.label ? getTranslation(field.label, i18n) : t('general:enterAValue')\n\n  const hasMany = field?.hasMany ?? false\n  const isMulti = ['in', 'not_in'].includes(operator) || hasMany\n\n  const [valueToRender, setValueToRender] = React.useState<\n    { id: string; label: string; value: { value: string } }[]\n  >([])\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n      if (!selectedOption) {\n        newValue = []\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value?.value || option.value)\n        } else {\n          newValue = [selectedOption.value?.value || selectedOption.value]\n        }\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    if (Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as any)?.value || val,\n            },\n          }\n        }),\n      )\n    } else {\n      setValueToRender([])\n    }\n  }, [value])\n\n  return isMulti ? (\n    <ReactSelect\n      aria-label={ariaLabel}\n      disabled={disabled}\n      isClearable\n      isCreatable\n      isMulti={isMulti}\n      isSortable\n      onChange={onSelect}\n      options={[]}\n      placeholder={t('general:enterAValue')}\n      value={valueToRender || []}\n    />\n  ) : (\n    <input\n      aria-label={ariaLabel}\n      className=\"form-input\"\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder={t('general:enterAValue')}\n      type=\"text\"\n      value={value || ''}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","Text","props","$","disabled","field","onChange","operator","value","i18n","t","ariaLabel","label","hasMany","t0","includes","isMulti","t1","Symbol","for","valueToRender","setValueToRender","useState","t2","selectedOption","newValue","Array","isArray","map","_temp","onSelect","t3","t4","_temp2","useEffect","_jsx","isClearable","isCreatable","isSortable","options","placeholder","className","e","target","type","option","val","index","id","toString"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { TextFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\n\nexport const Text: React.FC<Props> = (props) => {\n  const { disabled, field, onChange, operator, value } = props\n  const { i18n, t } = useTranslation()\n\n  const ariaLabel = field?.label ? getTranslation(field.label, i18n) : t('general:enterAValue')\n\n  const hasMany = field?.hasMany ?? false\n  const isMulti = ['in', 'not_in'].includes(operator) || hasMany\n\n  const [valueToRender, setValueToRender] = React.useState<\n    { id: string; label: string; value: { value: string } }[]\n  >([])\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n      if (!selectedOption) {\n        newValue = []\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value?.value || option.value)\n        } else {\n          newValue = [selectedOption.value?.value || selectedOption.value]\n        }\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    if (Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as any)?.value || val,\n            },\n          }\n        }),\n      )\n    } else {\n      setValueToRender([])\n    }\n  }, [value])\n\n  return isMulti ? (\n    <ReactSelect\n      aria-label={ariaLabel}\n      disabled={disabled}\n      isClearable\n      isCreatable\n      isMulti={isMulti}\n      isSortable\n      onChange={onSelect}\n      options={[]}\n      placeholder={t('general:enterAValue')}\n      value={valueToRender || []}\n    />\n  ) : (\n    <input\n      aria-label={ariaLabel}\n      className=\"form-input\"\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder={t('general:enterAValue')}\n      type=\"text\"\n      value={value || ''}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,eAAe,EACf,UAAU,EACV,KAAK,EACN,MAAM,aAAa,CAAA;AAEpB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAA;IACnC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAA;IACrC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,aAAa,CAAC,EAAE,qBAAqB,CAAA;IAC9C,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,CAAA;IACtC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAA;IAC/B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAA;CACtB,CAAA;AAED,OAAO,KAAK,EAAE,QAAQ,EAA2B,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAcvF,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4MrC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,eAAe,EACf,UAAU,EACV,KAAK,EACN,MAAM,aAAa,CAAA;AAEpB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAA;IACnC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAA;IACrC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,aAAa,CAAC,EAAE,qBAAqB,CAAA;IAC9C,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,CAAA;IACtC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAA;IAC/B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAA;CACtB,CAAA;AAED,OAAO,KAAK,EAAE,QAAQ,EAA2B,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAcvF,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6MrC,CAAA"}

package/dist/elements/WhereBuilder/Condition/index.js

@@ -187,6 +187,7 @@ export const Condition = props => {
       }), /*#__PURE__*/_jsx("div", {
         className: `${baseClass}__actions`,
         children: /*#__PURE__*/_jsx(Button, {
+          "aria-label": t('general:removeFilter'),
           buttonStyle: "ghost",
           className: `${baseClass}__actions-remove`,
           disabled: disableRemoveButton,

package/dist/elements/WhereBuilder/Condition/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useRef","useState","isFieldDisabled","useDebounce","useEffectEvent","LineIcon","useTranslation","Button","ReactSelect","DefaultFilter","getOperatorValueTypes","baseClass","Condition","props","andIndex","disableRemoveButton","fieldPath","filterOptions","isFirstCondition","join","operator","orIndex","reducedFields","removeCondition","RenderedFilter","updateCondition","updateJoin","value","t","reducedField","find","field","internalValue","setInternalValue","debouncedValue","lastReportedValue","booleanSelect","includes","type","valueOptions","label","options","updateValue","normalizedValue","undefined","current","disabled","handleFieldChange","option","handleOperatorChange","operatorValueTypes","validOperatorValue","isValidValue","_jsx","className","_jsxs","classNames","menu","isClearable","onChange","filterOption","inputValue","data","plainTextLabel","toLowerCase","filter","map","f","operators","o","internalField","buttonStyle","icon","size","onClick"],"sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type {\n  AddCondition,\n  ReducedField,\n  RemoveCondition,\n  UpdateCondition,\n  UpdateJoin,\n  Value,\n} from '../types.js'\n\nexport type Props = {\n  readonly addCondition: AddCondition\n  readonly andIndex: number\n  readonly disableRemoveButton: boolean\n  readonly fieldPath: string\n  readonly filterOptions?: ResolvedFilterOptions\n  readonly isFirstCondition: boolean\n  readonly join: 'and' | 'or'\n  readonly operator: Operator\n  readonly orIndex: number\n  readonly reducedFields: ReducedField[]\n  readonly removeCondition: RemoveCondition\n  readonly RenderedFilter?: React.ReactNode\n  readonly updateCondition: UpdateCondition\n  readonly updateJoin: UpdateJoin\n  readonly value: Value\n}\n\nimport type { Operator, Option as PayloadOption, ResolvedFilterOptions } from 'payload'\n\nimport { isFieldDisabled } from 'payload/shared'\n\nimport type { Option } from '../../ReactSelect/index.js'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../../hooks/useEffectEvent.js'\nimport { LineIcon } from '../../../icons/Line/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { DefaultFilter } from './DefaultFilter/index.js'\nimport { getOperatorValueTypes } from './validOperators.js'\nimport './index.css'\n\nconst baseClass = 'condition'\n\nexport const Condition: React.FC<Props> = (props) => {\n  const {\n    andIndex,\n    disableRemoveButton,\n    fieldPath,\n    filterOptions,\n    isFirstCondition,\n    join,\n    operator,\n    orIndex,\n    reducedFields,\n    removeCondition,\n    RenderedFilter,\n    updateCondition,\n    updateJoin,\n    value,\n  } = props\n\n  const { t } = useTranslation()\n\n  const reducedField = reducedFields.find((field) => field.fieldPath === fieldPath)\n\n  const [internalValue, setInternalValue] = useState<Value>(value)\n\n  const debouncedValue = useDebounce(internalValue, 300)\n\n  // Tracks the last value this row reported upward, so the downward sync below can tell our own\n  // committed echo apart from a genuine external change (e.g. the row being cleared/reset).\n  const lastReportedValue = useRef<Value>(value)\n\n  const booleanSelect = ['exists'].includes(operator) || reducedField?.field?.type === 'checkbox'\n\n  let valueOptions: PayloadOption[] = []\n\n  if (booleanSelect) {\n    valueOptions = [\n      { label: t('general:true'), value: 'true' },\n      { label: t('general:false'), value: 'false' },\n    ]\n  } else if (reducedField?.field && 'options' in reducedField.field) {\n    valueOptions = reducedField.field.options\n  }\n\n  const updateValue = useEffectEvent(async (debouncedValue: Value) => {\n    if (operator) {\n      const normalizedValue =\n        debouncedValue === null || debouncedValue === '' ? undefined : debouncedValue\n      lastReportedValue.current = normalizedValue\n      await updateCondition({\n        type: 'value',\n        andIndex,\n        field: reducedField,\n        operator,\n        orIndex,\n        value: normalizedValue,\n      })\n    }\n  })\n\n  useEffect(() => {\n    void updateValue(debouncedValue)\n  }, [debouncedValue])\n\n  // Sync external value changes (e.g. the row being cleared or reset to a placeholder) down into\n  // local state, but skip our own committed echo so this never clobbers in-progress typing.\n  useEffect(() => {\n    if (value !== lastReportedValue.current) {\n      lastReportedValue.current = value\n      setInternalValue(value)\n    }\n  }, [value])\n\n  const disabled = !reducedField?.fieldPath || isFieldDisabled(reducedField?.field, 'filter')\n\n  const handleFieldChange = useCallback(\n    async (field: Option<string>) => {\n      setInternalValue(undefined)\n      await updateCondition({\n        type: 'field',\n        andIndex,\n        field: reducedFields.find((option) => option.fieldPath === field.value),\n        operator,\n        orIndex,\n        value: undefined,\n      })\n    },\n    [andIndex, operator, orIndex, reducedFields, updateCondition],\n  )\n\n  const handleOperatorChange = useCallback(\n    async (operator: Option<Operator>) => {\n      const operatorValueTypes = getOperatorValueTypes(reducedField.field.type)\n      const validOperatorValue = operatorValueTypes[operator.value] || 'any'\n      const isValidValue =\n        validOperatorValue === 'any' ||\n        typeof value === validOperatorValue ||\n        (validOperatorValue === 'boolean' && (value === 'true' || value === 'false'))\n\n      if (!isValidValue) {\n        // if the current value is not valid for the new operator\n        // reset the value before passing it to updateCondition\n        setInternalValue(undefined)\n      }\n\n      await updateCondition({\n        type: 'operator',\n        andIndex,\n        field: reducedField,\n        operator: operator.value,\n        orIndex,\n        value: isValidValue ? value : undefined,\n      })\n    },\n    [andIndex, reducedField, orIndex, updateCondition, value],\n  )\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        <div className={`${baseClass}__join`}>\n          {isFirstCondition ? (\n            <span className={`${baseClass}__join-label`}>{t('general:where')}</span>\n          ) : (\n            <ReactSelect\n              aria-label={t('general:filter')}\n              classNames={{\n                menu: () => 'condition__join-menu',\n              }}\n              isClearable={false}\n              onChange={(option: Option<'and' | 'or'>) =>\n                updateJoin({ andIndex, join: option.value, orIndex })\n              }\n              options={[\n                { label: t('general:and'), value: 'and' },\n                { label: t('general:or'), value: 'or' },\n              ]}\n              value={{ label: join === 'and' ? t('general:and') : t('general:or'), value: join }}\n            />\n          )}\n        </div>\n        <div className={`${baseClass}__inputs`}>\n          <div className={`${baseClass}__field`}>\n            <ReactSelect\n              aria-label={t('general:field')}\n              disabled={disabled}\n              filterOption={(option, inputValue) => {\n                const label =\n                  typeof option?.data?.plainTextLabel === 'string'\n                    ? option.data.plainTextLabel\n                    : option.label\n                return label.toLowerCase().includes(inputValue.toLowerCase())\n              }}\n              isClearable={false}\n              onChange={handleFieldChange}\n              options={reducedFields\n                .filter((field) => !isFieldDisabled(field.field, 'filter'))\n                .map((f) => ({ ...f, value: f.fieldPath }))}\n              value={reducedField ? { ...reducedField, value: reducedField.fieldPath } : undefined}\n            />\n          </div>\n          <div className={`${baseClass}__operator`}>\n            <ReactSelect\n              aria-label={t('general:filter')}\n              disabled={disabled}\n              isClearable={false}\n              onChange={handleOperatorChange}\n              options={reducedField?.operators}\n              value={reducedField?.operators.find((o) => operator === o.value) || null}\n            />\n          </div>\n          <div className={`${baseClass}__value`}>\n            {RenderedFilter || (\n              <DefaultFilter\n                booleanSelect={booleanSelect}\n                disabled={\n                  !operator || !reducedField || isFieldDisabled(reducedField?.field, 'filter')\n                }\n                filterOptions={filterOptions}\n                internalField={reducedField}\n                onChange={setInternalValue}\n                operator={operator}\n                options={valueOptions}\n                value={internalValue ?? ''}\n              />\n            )}\n          </div>\n        </div>\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__actions-remove`}\n            disabled={disableRemoveButton}\n            icon={<LineIcon size={24} />}\n            onClick={() =>\n              removeCondition({\n                andIndex,\n                orIndex,\n              })\n            }\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useRef","useState","isFieldDisabled","useDebounce","useEffectEvent","LineIcon","useTranslation","Button","ReactSelect","DefaultFilter","getOperatorValueTypes","baseClass","Condition","props","andIndex","disableRemoveButton","fieldPath","filterOptions","isFirstCondition","join","operator","orIndex","reducedFields","removeCondition","RenderedFilter","updateCondition","updateJoin","value","t","reducedField","find","field","internalValue","setInternalValue","debouncedValue","lastReportedValue","booleanSelect","includes","type","valueOptions","label","options","updateValue","normalizedValue","undefined","current","disabled","handleFieldChange","option","handleOperatorChange","operatorValueTypes","validOperatorValue","isValidValue","_jsx","className","_jsxs","classNames","menu","isClearable","onChange","filterOption","inputValue","data","plainTextLabel","toLowerCase","filter","map","f","operators","o","internalField","buttonStyle","icon","size","onClick"],"sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type {\n  AddCondition,\n  ReducedField,\n  RemoveCondition,\n  UpdateCondition,\n  UpdateJoin,\n  Value,\n} from '../types.js'\n\nexport type Props = {\n  readonly addCondition: AddCondition\n  readonly andIndex: number\n  readonly disableRemoveButton: boolean\n  readonly fieldPath: string\n  readonly filterOptions?: ResolvedFilterOptions\n  readonly isFirstCondition: boolean\n  readonly join: 'and' | 'or'\n  readonly operator: Operator\n  readonly orIndex: number\n  readonly reducedFields: ReducedField[]\n  readonly removeCondition: RemoveCondition\n  readonly RenderedFilter?: React.ReactNode\n  readonly updateCondition: UpdateCondition\n  readonly updateJoin: UpdateJoin\n  readonly value: Value\n}\n\nimport type { Operator, Option as PayloadOption, ResolvedFilterOptions } from 'payload'\n\nimport { isFieldDisabled } from 'payload/shared'\n\nimport type { Option } from '../../ReactSelect/index.js'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../../hooks/useEffectEvent.js'\nimport { LineIcon } from '../../../icons/Line/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { DefaultFilter } from './DefaultFilter/index.js'\nimport { getOperatorValueTypes } from './validOperators.js'\nimport './index.css'\n\nconst baseClass = 'condition'\n\nexport const Condition: React.FC<Props> = (props) => {\n  const {\n    andIndex,\n    disableRemoveButton,\n    fieldPath,\n    filterOptions,\n    isFirstCondition,\n    join,\n    operator,\n    orIndex,\n    reducedFields,\n    removeCondition,\n    RenderedFilter,\n    updateCondition,\n    updateJoin,\n    value,\n  } = props\n\n  const { t } = useTranslation()\n\n  const reducedField = reducedFields.find((field) => field.fieldPath === fieldPath)\n\n  const [internalValue, setInternalValue] = useState<Value>(value)\n\n  const debouncedValue = useDebounce(internalValue, 300)\n\n  // Tracks the last value this row reported upward, so the downward sync below can tell our own\n  // committed echo apart from a genuine external change (e.g. the row being cleared/reset).\n  const lastReportedValue = useRef<Value>(value)\n\n  const booleanSelect = ['exists'].includes(operator) || reducedField?.field?.type === 'checkbox'\n\n  let valueOptions: PayloadOption[] = []\n\n  if (booleanSelect) {\n    valueOptions = [\n      { label: t('general:true'), value: 'true' },\n      { label: t('general:false'), value: 'false' },\n    ]\n  } else if (reducedField?.field && 'options' in reducedField.field) {\n    valueOptions = reducedField.field.options\n  }\n\n  const updateValue = useEffectEvent(async (debouncedValue: Value) => {\n    if (operator) {\n      const normalizedValue =\n        debouncedValue === null || debouncedValue === '' ? undefined : debouncedValue\n      lastReportedValue.current = normalizedValue\n      await updateCondition({\n        type: 'value',\n        andIndex,\n        field: reducedField,\n        operator,\n        orIndex,\n        value: normalizedValue,\n      })\n    }\n  })\n\n  useEffect(() => {\n    void updateValue(debouncedValue)\n  }, [debouncedValue])\n\n  // Sync external value changes (e.g. the row being cleared or reset to a placeholder) down into\n  // local state, but skip our own committed echo so this never clobbers in-progress typing.\n  useEffect(() => {\n    if (value !== lastReportedValue.current) {\n      lastReportedValue.current = value\n      setInternalValue(value)\n    }\n  }, [value])\n\n  const disabled = !reducedField?.fieldPath || isFieldDisabled(reducedField?.field, 'filter')\n\n  const handleFieldChange = useCallback(\n    async (field: Option<string>) => {\n      setInternalValue(undefined)\n      await updateCondition({\n        type: 'field',\n        andIndex,\n        field: reducedFields.find((option) => option.fieldPath === field.value),\n        operator,\n        orIndex,\n        value: undefined,\n      })\n    },\n    [andIndex, operator, orIndex, reducedFields, updateCondition],\n  )\n\n  const handleOperatorChange = useCallback(\n    async (operator: Option<Operator>) => {\n      const operatorValueTypes = getOperatorValueTypes(reducedField.field.type)\n      const validOperatorValue = operatorValueTypes[operator.value] || 'any'\n      const isValidValue =\n        validOperatorValue === 'any' ||\n        typeof value === validOperatorValue ||\n        (validOperatorValue === 'boolean' && (value === 'true' || value === 'false'))\n\n      if (!isValidValue) {\n        // if the current value is not valid for the new operator\n        // reset the value before passing it to updateCondition\n        setInternalValue(undefined)\n      }\n\n      await updateCondition({\n        type: 'operator',\n        andIndex,\n        field: reducedField,\n        operator: operator.value,\n        orIndex,\n        value: isValidValue ? value : undefined,\n      })\n    },\n    [andIndex, reducedField, orIndex, updateCondition, value],\n  )\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        <div className={`${baseClass}__join`}>\n          {isFirstCondition ? (\n            <span className={`${baseClass}__join-label`}>{t('general:where')}</span>\n          ) : (\n            <ReactSelect\n              aria-label={t('general:filter')}\n              classNames={{\n                menu: () => 'condition__join-menu',\n              }}\n              isClearable={false}\n              onChange={(option: Option<'and' | 'or'>) =>\n                updateJoin({ andIndex, join: option.value, orIndex })\n              }\n              options={[\n                { label: t('general:and'), value: 'and' },\n                { label: t('general:or'), value: 'or' },\n              ]}\n              value={{ label: join === 'and' ? t('general:and') : t('general:or'), value: join }}\n            />\n          )}\n        </div>\n        <div className={`${baseClass}__inputs`}>\n          <div className={`${baseClass}__field`}>\n            <ReactSelect\n              aria-label={t('general:field')}\n              disabled={disabled}\n              filterOption={(option, inputValue) => {\n                const label =\n                  typeof option?.data?.plainTextLabel === 'string'\n                    ? option.data.plainTextLabel\n                    : option.label\n                return label.toLowerCase().includes(inputValue.toLowerCase())\n              }}\n              isClearable={false}\n              onChange={handleFieldChange}\n              options={reducedFields\n                .filter((field) => !isFieldDisabled(field.field, 'filter'))\n                .map((f) => ({ ...f, value: f.fieldPath }))}\n              value={reducedField ? { ...reducedField, value: reducedField.fieldPath } : undefined}\n            />\n          </div>\n          <div className={`${baseClass}__operator`}>\n            <ReactSelect\n              aria-label={t('general:filter')}\n              disabled={disabled}\n              isClearable={false}\n              onChange={handleOperatorChange}\n              options={reducedField?.operators}\n              value={reducedField?.operators.find((o) => operator === o.value) || null}\n            />\n          </div>\n          <div className={`${baseClass}__value`}>\n            {RenderedFilter || (\n              <DefaultFilter\n                booleanSelect={booleanSelect}\n                disabled={\n                  !operator || !reducedField || isFieldDisabled(reducedField?.field, 'filter')\n                }\n                filterOptions={filterOptions}\n                internalField={reducedField}\n                onChange={setInternalValue}\n                operator={operator}\n                options={valueOptions}\n                value={internalValue ?? ''}\n              />\n            )}\n          </div>\n        </div>\n        <div className={`${baseClass}__actions`}>\n          <Button\n            aria-label={t('general:removeFilter')}\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__actions-remove`}\n            disabled={disableRemoveButton}\n            icon={<LineIcon size={24} />}\n            onClick={() =>\n              removeCondition({\n                andIndex,\n                orIndex,\n              })\n            }\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/exports/client/{CodeEditor-I6PL55BF.js → CodeEditor-23ZGBN6S.js}

@@ -10,5 +10,5 @@ function require(m) {
 }
 // Workaround end
 
-import{l as a}from"./chunk-R7M6BG75.js";import"./chunk-AVJIZPR3.js";export{a as default};
-//# sourceMappingURL=CodeEditor-I6PL55BF.js.map
+import{l as a}from"./chunk-EXVR6BZK.js";import"./chunk-SMBFG6XU.js";export{a as default};
+//# sourceMappingURL=CodeEditor-23ZGBN6S.js.map

package/dist/exports/client/{DatePicker-RFCB5VGD.js → DatePicker-AZBZPMY6.js}

@@ -10,5 +10,5 @@ function require(m) {
 }
 // Workaround end
 
-import{ca as a}from"./chunk-O2RR6XEH.js";import"./chunk-AVJIZPR3.js";export{a as default};
-//# sourceMappingURL=DatePicker-RFCB5VGD.js.map
+import{ca as a}from"./chunk-ZP2PB6M4.js";import"./chunk-SMBFG6XU.js";export{a as default};
+//# sourceMappingURL=DatePicker-AZBZPMY6.js.map