@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { SelectType, TypeWithID } from 'payload'\n\nimport { appendUploadSelectFields } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { createContext, use, useCallback, useEffect, useReducer, useRef } from 'react'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reducer } from './reducer.js'\n\n// documents are first set to null when requested\n// set to false when no doc is returned\n// or set to the document returned\nexport type Documents = {\n  [slug: string]: {\n    [id: number | string]: false | null | TypeWithID\n  }\n}\n\ntype ListRelationshipContext = {\n  documents: Documents\n  getRelationships: (\n    docs: {\n      relationTo: string\n      value: number | string\n    }[],\n  ) => void\n}\n\nconst Context = createContext({} as ListRelationshipContext)\n\nexport const RelationshipProvider: React.FC<{ readonly children?: React.ReactNode }> = ({\n  children,\n}) => {\n  const [documents, dispatchDocuments] = useReducer(reducer, {})\n  const debouncedDocuments = useDebounce(documents, 100)\n\n  const {\n    config: {\n      collections,\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n  const { code: locale } = useLocale()\n  const prevLocale = useRef(locale)\n\n  const loadRelationshipDocs = useCallback(\n    (reloadAll = false) => {\n      Object.entries(debouncedDocuments).forEach(async ([slug, docs]) => {\n        const idsToLoad: (number | string)[] = []\n\n        Object.entries(docs).forEach(([id, value]) => {\n          if (value === null || reloadAll) {\n            idsToLoad.push(id)\n          }\n        })\n\n        if (idsToLoad.length > 0) {\n          const url = `${serverURL}${api}/${slug}`\n\n          const params = new URLSearchParams()\n          const select: SelectType = {}\n\n          params.append('depth', '0')\n          params.append('limit', '250')\n\n          const collection = collections.find((c) => c.slug === slug)\n          if (collection.admin.enableListViewSelectAPI) {\n            const fieldToSelect = collection.admin.useAsTitle ?? 'id'\n            select[fieldToSelect] = true\n\n            if (collection.upload) {\n              appendUploadSelectFields({ collectionConfig: collection, select })\n            }\n          }\n\n          if (locale) {\n            params.append('locale', locale)\n          }\n\n          const idsToString = idsToLoad.map((id) => String(id))\n          params.append('where[id][in]', idsToString.join(','))\n\n          const query = `?${params.toString()}&${qs.stringify({ select })}`\n\n          const result = await fetch(`${url}${query}`, {\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          })\n\n          if (result.ok) {\n            const json = await result.json()\n            if (json.docs) {\n              dispatchDocuments({\n                type: 'ADD_LOADED',\n                docs: json.docs,\n                idsToLoad,\n                relationTo: slug,\n              })\n            }\n          } else {\n            dispatchDocuments({ type: 'ADD_LOADED', docs: [], idsToLoad, relationTo: slug })\n          }\n        }\n      })\n    },\n    [debouncedDocuments, serverURL, api, i18n, locale, collections],\n  )\n\n  useEffect(() => {\n    void loadRelationshipDocs(locale && prevLocale.current !== locale)\n    prevLocale.current = locale\n  }, [locale, loadRelationshipDocs])\n\n  const getRelationships = useCallback(\n    (relationships: { relationTo: string; value: number | string }[]) => {\n      dispatchDocuments({ type: 'REQUEST', docs: relationships })\n    },\n    [],\n  )\n\n  return <Context value={{ documents, getRelationships }}>{children}</Context>\n}\n\nexport const useListRelationships = (): ListRelationshipContext => use(Context)\n"],"names":["appendUploadSelectFields","qs","createContext","use","useCallback","useEffect","useReducer","useRef","useDebounce","useConfig","useLocale","useTranslation","reducer","Context","RelationshipProvider","children","documents","dispatchDocuments","debouncedDocuments","config","collections","routes","api","serverURL","i18n","code","locale","prevLocale","loadRelationshipDocs","reloadAll","Object","entries","forEach","slug","docs","idsToLoad","id","value","push","length","url","params","URLSearchParams","select","append","collection","find","c","admin","enableListViewSelectAPI","fieldToSelect","useAsTitle","upload","collectionConfig","idsToString","map","String","join","query","toString","stringify","result","fetch","credentials","headers","language","ok","json","type","relationTo","current","getRelationships","relationships","useListRelationships"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { SelectType, TypeWithID } from 'payload'\n\nimport { appendUploadSelectFields } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { createContext, use, useCallback, useEffect, useReducer, useRef } from 'react'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reducer } from './reducer.js'\n\n// documents are first set to null when requested\n// set to false when no doc is returned\n// or set to the document returned\nexport type Documents = {\n  [slug: string]: {\n    [id: number | string]: false | null | TypeWithID\n  }\n}\n\ntype ListRelationshipContext = {\n  documents: Documents\n  getRelationships: (\n    docs: {\n      relationTo: string\n      value: number | string\n    }[],\n  ) => void\n}\n\nconst Context = createContext({} as ListRelationshipContext)\n\nexport const RelationshipProvider: React.FC<{ readonly children?: React.ReactNode }> = ({\n  children,\n}) => {\n  const [documents, dispatchDocuments] = useReducer(reducer, {})\n  const debouncedDocuments = useDebounce(documents, 100)\n\n  const {\n    config: {\n      collections,\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n  const { code: locale } = useLocale()\n  const prevLocale = useRef(locale)\n\n  const loadRelationshipDocs = useCallback(\n    (reloadAll = false) => {\n      Object.entries(debouncedDocuments).forEach(async ([slug, docs]) => {\n        const idsToLoad: (number | string)[] = []\n\n        Object.entries(docs).forEach(([id, value]) => {\n          if (value === null || reloadAll) {\n            idsToLoad.push(id)\n          }\n        })\n\n        if (idsToLoad.length > 0) {\n          const url = `${serverURL}${api}/${slug}`\n\n          const params = new URLSearchParams()\n          const select: SelectType = {}\n\n          params.append('depth', '0')\n          params.append('limit', '250')\n\n          const collection = collections.find((c) => c.slug === slug)\n          if (collection.admin.enableListViewSelectAPI) {\n            const fieldToSelect = collection.admin.useAsTitle ?? 'id'\n            select[fieldToSelect] = true\n\n            if (collection.upload) {\n              appendUploadSelectFields({ collectionConfig: collection, select })\n            }\n          }\n\n          if (locale) {\n            params.append('locale', locale)\n          }\n\n          const idsToString = idsToLoad.map((id) => String(id))\n          params.append('where[id][in]', idsToString.join(','))\n\n          const query = `?${params.toString()}&${qs.stringify({ select })}`\n\n          const result = await fetch(`${url}${query}`, {\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          })\n\n          if (result.ok) {\n            const json = await result.json()\n            if (json.docs) {\n              dispatchDocuments({\n                type: 'ADD_LOADED',\n                docs: json.docs,\n                idsToLoad,\n                relationTo: slug,\n              })\n            }\n          } else {\n            dispatchDocuments({ type: 'ADD_LOADED', docs: [], idsToLoad, relationTo: slug })\n          }\n        }\n      })\n    },\n    [debouncedDocuments, serverURL, api, i18n, locale, collections],\n  )\n\n  useEffect(() => {\n    void loadRelationshipDocs(locale && prevLocale.current !== locale)\n    prevLocale.current = locale\n  }, [locale, loadRelationshipDocs])\n\n  const getRelationships = useCallback(\n    (relationships: { relationTo: string; value: number | string }[]) => {\n      dispatchDocuments({ type: 'REQUEST', docs: relationships })\n    },\n    [],\n  )\n\n  return <Context value={{ documents, getRelationships }}>{children}</Context>\n}\n\nexport const useListRelationships = (): ListRelationshipContext => use(Context)\n"],"names":["appendUploadSelectFields","qs","React","createContext","use","useCallback","useEffect","useReducer","useRef","useDebounce","useConfig","useLocale","useTranslation","reducer","Context","RelationshipProvider","children","documents","dispatchDocuments","debouncedDocuments","config","collections","routes","api","serverURL","i18n","code","locale","prevLocale","loadRelationshipDocs","reloadAll","Object","entries","forEach","slug","docs","idsToLoad","id","value","push","length","url","params","URLSearchParams","select","append","collection","find","c","admin","enableListViewSelectAPI","fieldToSelect","useAsTitle","upload","collectionConfig","idsToString","map","String","join","query","toString","stringify","result","fetch","credentials","headers","language","ok","json","type","relationTo","current","getRelationships","relationships","useListRelationships"],"mappings":"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"}

package/dist/elements/Table/index.js

@@ -1,38 +1,89 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React from 'react';
 import './index.scss';
 const baseClass = 'table';
 export const Table = ({ appearance, BeforeTable, columns, data })=>{
     const activeColumns = columns?.filter((col)=>col?.active);
     if (!activeColumns || activeColumns.length === 0) {
-        return <div>No columns selected</div>;
+        return /*#__PURE__*/ _jsxDEV("div", {
+            children: "No columns selected"
+        }, void 0, false, {
+            fileName: "src/elements/Table/index.tsx",
+            lineNumber: 22,
+            columnNumber: 12
+        }, this);
     }
-    return <div className={[
-        baseClass,
-        appearance && `${baseClass}--appearance-${appearance}`
-    ].filter(Boolean).join(' ')}>
-      {BeforeTable}
-      <table cellPadding="0" cellSpacing="0">
-        <thead>
-          <tr>
-            {activeColumns.map((col, i)=><th id={`heading-${col.accessor.replace(/\./g, '__')}`} key={i}>
-                {col.Heading}
-              </th>)}
-          </tr>
-        </thead>
-        <tbody>
-          {data && data?.map((row, rowIndex)=>{
-        return <tr className={`row-${rowIndex + 1}`} data-id={row.id} key={typeof row.id === 'string' || typeof row.id === 'number' ? String(row.id) : rowIndex}>
-                  {activeColumns.map((col, colIndex)=>{
-            const { accessor } = col;
-            return <td className={`cell-${accessor.replace(/\./g, '__')}`} key={colIndex}>
-                        {col.renderedCells[rowIndex]}
-                      </td>;
-        })}
-                </tr>;
-    })}
-        </tbody>
-      </table>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: [
+            baseClass,
+            appearance && `${baseClass}--appearance-${appearance}`
+        ].filter(Boolean).join(' '),
+        children: [
+            BeforeTable,
+            /*#__PURE__*/ _jsxDEV("table", {
+                cellPadding: "0",
+                cellSpacing: "0",
+                children: [
+                    /*#__PURE__*/ _jsxDEV("thead", {
+                        children: /*#__PURE__*/ _jsxDEV("tr", {
+                            children: activeColumns.map((col, i)=>/*#__PURE__*/ _jsxDEV("th", {
+                                    id: `heading-${col.accessor.replace(/\./g, '__')}`,
+                                    children: col.Heading
+                                }, i, false, {
+                                    fileName: "src/elements/Table/index.tsx",
+                                    lineNumber: 36,
+                                    columnNumber: 15
+                                }, this))
+                        }, void 0, false, {
+                            fileName: "src/elements/Table/index.tsx",
+                            lineNumber: 34,
+                            columnNumber: 11
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/Table/index.tsx",
+                        lineNumber: 33,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("tbody", {
+                        children: data && data?.map((row, rowIndex)=>{
+                            return /*#__PURE__*/ _jsxDEV("tr", {
+                                className: `row-${rowIndex + 1}`,
+                                "data-id": row.id,
+                                children: activeColumns.map((col, colIndex)=>{
+                                    const { accessor } = col;
+                                    return /*#__PURE__*/ _jsxDEV("td", {
+                                        className: `cell-${accessor.replace(/\./g, '__')}`,
+                                        children: col.renderedCells[rowIndex]
+                                    }, colIndex, false, {
+                                        fileName: "src/elements/Table/index.tsx",
+                                        lineNumber: 59,
+                                        columnNumber: 23
+                                    }, this);
+                                })
+                            }, typeof row.id === 'string' || typeof row.id === 'number' ? String(row.id) : rowIndex, false, {
+                                fileName: "src/elements/Table/index.tsx",
+                                lineNumber: 46,
+                                columnNumber: 17
+                            }, this);
+                        })
+                    }, void 0, false, {
+                        fileName: "src/elements/Table/index.tsx",
+                        lineNumber: 42,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/Table/index.tsx",
+                lineNumber: 32,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/Table/index.tsx",
+        lineNumber: 26,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Table/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Column } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'table'\n\nexport type Props = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly BeforeTable?: React.ReactNode\n  readonly columns?: Column[]\n  readonly data: Record<string, unknown>[]\n}\n\nexport const Table: React.FC<Props> = ({ appearance, BeforeTable, columns, data }) => {\n  const activeColumns = columns?.filter((col) => col?.active)\n\n  if (!activeColumns || activeColumns.length === 0) {\n    return <div>No columns selected</div>\n  }\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {BeforeTable}\n      <table cellPadding=\"0\" cellSpacing=\"0\">\n        <thead>\n          <tr>\n            {activeColumns.map((col, i) => (\n              <th id={`heading-${col.accessor.replace(/\\./g, '__')}`} key={i}>\n                {col.Heading}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {data &&\n            data?.map((row, rowIndex) => {\n              return (\n                <tr\n                  className={`row-${rowIndex + 1}`}\n                  data-id={row.id}\n                  key={\n                    typeof row.id === 'string' || typeof row.id === 'number'\n                      ? String(row.id)\n                      : rowIndex\n                  }\n                >\n                  {activeColumns.map((col, colIndex) => {\n                    const { accessor } = col\n\n                    return (\n                      <td className={`cell-${accessor.replace(/\\./g, '__')}`} key={colIndex}>\n                        {col.renderedCells[rowIndex]}\n                      </td>\n                    )\n                  })}\n                </tr>\n              )\n            })}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n"],"names":["baseClass","Table","appearance","BeforeTable","columns","data","activeColumns","filter","col","active","length","div","className","Boolean","join","table","cellPadding","cellSpacing","thead","tr","map","i","th","id","accessor","replace","key","Heading","tbody","row","rowIndex","data-id","String","colIndex","td","renderedCells"],"mappings":"AAAA;AAMA,OAAO,eAAc;AAErB,MAAMA,YAAY;AASlB,OAAO,MAAMC,QAAyB,CAAC,EAAEC,UAAU,EAAEC,WAAW,EAAEC,OAAO,EAAEC,IAAI,EAAE;IAC/E,MAAMC,gBAAgBF,SAASG,OAAO,CAACC,MAAQA,KAAKC;IAEpD,IAAI,CAACH,iBAAiBA,cAAcI,MAAM,KAAK,GAAG;QAChD,QAAQC,IAAI,mBAAmB,EAAEA;IACnC;IAEA,QACGA,IACCC,WAAW;QAACZ;QAAWE,cAAc,GAAGF,UAAU,aAAa,EAAEE,YAAY;KAAC,CAC3EK,MAAM,CAACM,SACPC,IAAI,CAAC,MACT;MACC,CAACX,YAAY;MACb,CAACY,MAAMC,YAAY,IAAIC,YAAY,IAAI;QACrC,CAACC,MAAM;UACL,CAACC,GAAG;YACF,CAACb,cAAcc,GAAG,CAAC,CAACZ,KAAKa,KACtBC,GAAGC,IAAI,CAAC,QAAQ,EAAEf,IAAIgB,QAAQ,CAACC,OAAO,CAAC,OAAO,OAAO,EAAEC,KAAKL,GAAG;gBAC9D,CAACb,IAAImB,OAAO,CAAC;cACf,EAAEL,KACD;UACL,EAAEH,GAAG;QACP,EAAED,MAAM;QACR,CAACU,MAAM;UACL,CAACvB,QACCA,MAAMe,IAAI,CAACS,KAAKC;QACd,QACGX,GACCP,WAAW,CAAC,IAAI,EAAEkB,WAAW,GAAG,EAChCC,SAASF,IAAIN,EAAE,EACfG,KACE,OAAOG,IAAIN,EAAE,KAAK,YAAY,OAAOM,IAAIN,EAAE,KAAK,WAC5CS,OAAOH,IAAIN,EAAE,IACbO,UAEP;kBACC,CAACxB,cAAcc,GAAG,CAAC,CAACZ,KAAKyB;YACvB,MAAM,EAAET,QAAQ,EAAE,GAAGhB;YAErB,QACG0B,GAAGtB,WAAW,CAAC,KAAK,EAAEY,SAASC,OAAO,CAAC,OAAO,OAAO,EAAEC,KAAKO,UAAU;wBACrE,CAACzB,IAAI2B,aAAa,CAACL,SAAS,CAAC;sBAC/B,EAAEI;QAEN,GAAG;gBACL,EAAEf;IAEN,GAAG;QACP,EAAES,MAAM;MACV,EAAEb,MAAM;IACV,EAAEJ;AAEN,EAAC"}
+{"version":3,"sources":["../../../src/elements/Table/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Column } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'table'\n\nexport type Props = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly BeforeTable?: React.ReactNode\n  readonly columns?: Column[]\n  readonly data: Record<string, unknown>[]\n}\n\nexport const Table: React.FC<Props> = ({ appearance, BeforeTable, columns, data }) => {\n  const activeColumns = columns?.filter((col) => col?.active)\n\n  if (!activeColumns || activeColumns.length === 0) {\n    return <div>No columns selected</div>\n  }\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {BeforeTable}\n      <table cellPadding=\"0\" cellSpacing=\"0\">\n        <thead>\n          <tr>\n            {activeColumns.map((col, i) => (\n              <th id={`heading-${col.accessor.replace(/\\./g, '__')}`} key={i}>\n                {col.Heading}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {data &&\n            data?.map((row, rowIndex) => {\n              return (\n                <tr\n                  className={`row-${rowIndex + 1}`}\n                  data-id={row.id}\n                  key={\n                    typeof row.id === 'string' || typeof row.id === 'number'\n                      ? String(row.id)\n                      : rowIndex\n                  }\n                >\n                  {activeColumns.map((col, colIndex) => {\n                    const { accessor } = col\n\n                    return (\n                      <td className={`cell-${accessor.replace(/\\./g, '__')}`} key={colIndex}>\n                        {col.renderedCells[rowIndex]}\n                      </td>\n                    )\n                  })}\n                </tr>\n              )\n            })}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n"],"names":["React","baseClass","Table","appearance","BeforeTable","columns","data","activeColumns","filter","col","active","length","div","className","Boolean","join","table","cellPadding","cellSpacing","thead","tr","map","i","th","id","accessor","replace","Heading","tbody","row","rowIndex","data-id","colIndex","td","renderedCells","String"],"mappings":"AAAA;;AAIA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AASlB,OAAO,MAAMC,QAAyB,CAAC,EAAEC,UAAU,EAAEC,WAAW,EAAEC,OAAO,EAAEC,IAAI,EAAE;IAC/E,MAAMC,gBAAgBF,SAASG,OAAO,CAACC,MAAQA,KAAKC;IAEpD,IAAI,CAACH,iBAAiBA,cAAcI,MAAM,KAAK,GAAG;QAChD,qBAAO,QAACC;sBAAI;;;;;;IACd;IAEA,qBACE,QAACA;QACCC,WAAW;YAACZ;YAAWE,cAAc,GAAGF,UAAU,aAAa,EAAEE,YAAY;SAAC,CAC3EK,MAAM,CAACM,SACPC,IAAI,CAAC;;YAEPX;0BACD,QAACY;gBAAMC,aAAY;gBAAIC,aAAY;;kCACjC,QAACC;kCACC,cAAA,QAACC;sCACEb,cAAcc,GAAG,CAAC,CAACZ,KAAKa,kBACvB,QAACC;oCAAGC,IAAI,CAAC,QAAQ,EAAEf,IAAIgB,QAAQ,CAACC,OAAO,CAAC,OAAO,OAAO;8CACnDjB,IAAIkB,OAAO;mCAD+CL;;;;;;;;;;;;;;;kCAMnE,QAACM;kCACEtB,QACCA,MAAMe,IAAI,CAACQ,KAAKC;4BACd,qBACE,QAACV;gCACCP,WAAW,CAAC,IAAI,EAAEiB,WAAW,GAAG;gCAChCC,WAASF,IAAIL,EAAE;0CAOdjB,cAAcc,GAAG,CAAC,CAACZ,KAAKuB;oCACvB,MAAM,EAAEP,QAAQ,EAAE,GAAGhB;oCAErB,qBACE,QAACwB;wCAAGpB,WAAW,CAAC,KAAK,EAAEY,SAASC,OAAO,CAAC,OAAO,OAAO;kDACnDjB,IAAIyB,aAAa,CAACJ,SAAS;uCAD+BE;;;;;gCAIjE;+BAbE,OAAOH,IAAIL,EAAE,KAAK,YAAY,OAAOK,IAAIL,EAAE,KAAK,WAC5CW,OAAON,IAAIL,EAAE,IACbM;;;;;wBAcZ;;;;;;;;;;;;;;;;;;AAKZ,EAAC"}

package/dist/elements/Thumbnail/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'thumbnail';
@@ -18,12 +19,12 @@ export const Thumbnail = (props)=>{
             return;
         }
         setFileExists(undefined);
-        const img1 = new Image();
-        img1.src = fileSrc;
-        img1.onload = ()=>{
+        const img = new Image();
+        img.src = fileSrc;
+        img.onload = ()=>{
             setFileExists(true);
         };
-        img1.onerror = ()=>{
+        img.onerror = ()=>{
             setFileExists(false);
         };
     }, [
@@ -37,11 +38,37 @@ export const Thumbnail = (props)=>{
         const queryChar = fileSrc?.includes('?') ? '&' : '?';
         src = imageCacheTag ? `${fileSrc}${queryChar}${encodeURIComponent(imageCacheTag)}` : fileSrc;
     }
-    return <div className={classNames}>
-      {fileExists === undefined && <ShimmerEffect height="100%"/>}
-      {fileExists && <img alt={filename} height={height} src={src} width={width}/>}
-      {fileExists === false && <File/>}
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: classNames,
+        children: [
+            fileExists === undefined && /*#__PURE__*/ _jsxDEV(ShimmerEffect, {
+                height: "100%"
+            }, void 0, false, {
+                fileName: "src/elements/Thumbnail/index.tsx",
+                lineNumber: 69,
+                columnNumber: 36
+            }, this),
+            fileExists && /*#__PURE__*/ _jsxDEV("img", {
+                alt: filename,
+                height: height,
+                src: src,
+                width: width
+            }, void 0, false, {
+                fileName: "src/elements/Thumbnail/index.tsx",
+                lineNumber: 70,
+                columnNumber: 22
+            }, this),
+            fileExists === false && /*#__PURE__*/ _jsxDEV(File, {}, void 0, false, {
+                fileName: "src/elements/Thumbnail/index.tsx",
+                lineNumber: 71,
+                columnNumber: 32
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/Thumbnail/index.tsx",
+        lineNumber: 68,
+        columnNumber: 5
+    }, this);
 };
 export function ThumbnailComponent(props) {
     const { alt, className = '', filename, fileSrc, imageCacheTag, size } = props;
@@ -57,12 +84,12 @@ export function ThumbnailComponent(props) {
             return;
         }
         setFileExists(undefined);
-        const img1 = new Image();
-        img1.src = fileSrc;
-        img1.onload = ()=>{
+        const img = new Image();
+        img.src = fileSrc;
+        img.onload = ()=>{
             setFileExists(true);
         };
-        img1.onerror = ()=>{
+        img.onerror = ()=>{
             setFileExists(false);
         };
     }, [
@@ -76,11 +103,35 @@ export function ThumbnailComponent(props) {
         const queryChar = fileSrc?.includes('?') ? '&' : '?';
         src = imageCacheTag ? `${fileSrc}${queryChar}${encodeURIComponent(imageCacheTag)}` : fileSrc;
     }
-    return <div className={classNames}>
-      {fileExists === undefined && <ShimmerEffect height="100%"/>}
-      {fileExists && <img alt={alt || filename} src={src}/>}
-      {fileExists === false && <File/>}
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: classNames,
+        children: [
+            fileExists === undefined && /*#__PURE__*/ _jsxDEV(ShimmerEffect, {
+                height: "100%"
+            }, void 0, false, {
+                fileName: "src/elements/Thumbnail/index.tsx",
+                lineNumber: 120,
+                columnNumber: 36
+            }, this),
+            fileExists && /*#__PURE__*/ _jsxDEV("img", {
+                alt: alt || filename,
+                src: src
+            }, void 0, false, {
+                fileName: "src/elements/Thumbnail/index.tsx",
+                lineNumber: 121,
+                columnNumber: 22
+            }, this),
+            fileExists === false && /*#__PURE__*/ _jsxDEV(File, {}, void 0, false, {
+                fileName: "src/elements/Thumbnail/index.tsx",
+                lineNumber: 122,
+                columnNumber: 32
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/Thumbnail/index.tsx",
+        lineNumber: 119,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Thumbnail/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'thumbnail'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { File } from '../../graphics/File/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nexport type ThumbnailProps = {\n  className?: string\n  collectionSlug?: string\n  doc?: Record<string, unknown>\n  fileSrc?: string\n  height?: number\n  imageCacheTag?: string\n  size?: 'expand' | 'large' | 'medium' | 'none' | 'small'\n  uploadConfig?: SanitizedCollectionConfig['upload']\n  width?: number\n}\n\nexport const Thumbnail: React.FC<ThumbnailProps> = (props) => {\n  const {\n    className = '',\n    doc: { filename } = {},\n    fileSrc,\n    height,\n    imageCacheTag,\n    size,\n    width,\n  } = props\n  const [fileExists, setFileExists] = React.useState(undefined)\n\n  const classNames = [baseClass, `${baseClass}--size-${size || 'medium'}`, className].join(' ')\n\n  React.useEffect(() => {\n    if (!fileSrc) {\n      setFileExists(false)\n      return\n    }\n    setFileExists(undefined)\n\n    const img = new Image()\n    img.src = fileSrc\n    img.onload = () => {\n      setFileExists(true)\n    }\n    img.onerror = () => {\n      setFileExists(false)\n    }\n  }, [fileSrc])\n\n  let src: null | string = null\n\n  /**\n   * If an imageCacheTag is provided, append it to the fileSrc\n   * Check if the fileSrc already has a query string, if it does, append the imageCacheTag with an ampersand\n   */\n  if (fileSrc) {\n    const queryChar = fileSrc?.includes('?') ? '&' : '?'\n    src = imageCacheTag ? `${fileSrc}${queryChar}${encodeURIComponent(imageCacheTag)}` : fileSrc\n  }\n\n  return (\n    <div className={classNames}>\n      {fileExists === undefined && <ShimmerEffect height=\"100%\" />}\n      {fileExists && <img alt={filename as string} height={height} src={src} width={width} />}\n      {fileExists === false && <File />}\n    </div>\n  )\n}\n\ntype ThumbnailComponentProps = {\n  readonly alt?: string\n  readonly className?: string\n  readonly filename: string\n  readonly fileSrc: string\n  readonly imageCacheTag?: string\n  readonly size?: 'expand' | 'large' | 'medium' | 'none' | 'small'\n}\nexport function ThumbnailComponent(props: ThumbnailComponentProps) {\n  const { alt, className = '', filename, fileSrc, imageCacheTag, size } = props\n  const [fileExists, setFileExists] = React.useState(undefined)\n\n  const classNames = [baseClass, `${baseClass}--size-${size || 'medium'}`, className].join(' ')\n\n  React.useEffect(() => {\n    if (!fileSrc) {\n      setFileExists(false)\n      return\n    }\n    setFileExists(undefined)\n\n    const img = new Image()\n    img.src = fileSrc\n    img.onload = () => {\n      setFileExists(true)\n    }\n    img.onerror = () => {\n      setFileExists(false)\n    }\n  }, [fileSrc])\n\n  let src: string = ''\n\n  /**\n   * If an imageCacheTag is provided, append it to the fileSrc\n   * Check if the fileSrc already has a query string, if it does, append the imageCacheTag with an ampersand\n   */\n  if (fileSrc) {\n    const queryChar = fileSrc?.includes('?') ? '&' : '?'\n    src = imageCacheTag ? `${fileSrc}${queryChar}${encodeURIComponent(imageCacheTag)}` : fileSrc\n  }\n\n  return (\n    <div className={classNames}>\n      {fileExists === undefined && <ShimmerEffect height=\"100%\" />}\n      {fileExists && <img alt={alt || filename} src={src} />}\n      {fileExists === false && <File />}\n    </div>\n  )\n}\n"],"names":["React","baseClass","File","ShimmerEffect","Thumbnail","props","className","doc","filename","fileSrc","height","imageCacheTag","size","width","fileExists","setFileExists","useState","undefined","classNames","join","useEffect","img","Image","src","onload","onerror","queryChar","includes","encodeURIComponent","div","alt","ThumbnailComponent"],"mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAIlB,SAASC,IAAI,QAAQ,+BAA8B;AACnD,SAASC,aAAa,QAAQ,4BAA2B;AAczD,OAAO,MAAMC,YAAsC,CAACC;IAClD,MAAM,EACJC,YAAY,EAAE,EACdC,KAAK,EAAEC,QAAQ,EAAE,GAAG,CAAC,CAAC,EACtBC,OAAO,EACPC,MAAM,EACNC,aAAa,EACbC,IAAI,EACJC,KAAK,EACN,GAAGR;IACJ,MAAM,CAACS,YAAYC,cAAc,GAAGf,MAAMgB,QAAQ,CAACC;IAEnD,MAAMC,aAAa;QAACjB;QAAW,GAAGA,UAAU,OAAO,EAAEW,QAAQ,UAAU;QAAEN;KAAU,CAACa,IAAI,CAAC;IAEzFnB,MAAMoB,SAAS,CAAC;QACd,IAAI,CAACX,SAAS;YACZM,cAAc;YACd;QACF;QACAA,cAAcE;QAEd,MAAMI,OAAM,IAAIC;QAChBD,KAAIE,GAAG,GAAGd;QACVY,KAAIG,MAAM,GAAG;YACXT,cAAc;QAChB;QACAM,KAAII,OAAO,GAAG;YACZV,cAAc;QAChB;IACF,GAAG;QAACN;KAAQ;IAEZ,IAAIc,MAAqB;IAEzB;;;GAGC,GACD,IAAId,SAAS;QACX,MAAMiB,YAAYjB,SAASkB,SAAS,OAAO,MAAM;QACjDJ,MAAMZ,gBAAgB,GAAGF,UAAUiB,YAAYE,mBAAmBjB,gBAAgB,GAAGF;IACvF;IAEA,QACGoB,IAAIvB,WAAWY,YAAY;MAC1B,CAACJ,eAAeG,cAAcd,cAAcO,OAAO,SAAU;MAC7D,CAACI,eAAeO,IAAIS,KAAKtB,UAAoBE,QAAQA,QAAQa,KAAKA,KAAKV,OAAOA,SAAU;MACxF,CAACC,eAAe,UAAUZ,OAAQ;IACpC,EAAE2B;AAEN,EAAC;AAUD,OAAO,SAASE,mBAAmB1B,KAA8B;IAC/D,MAAM,EAAEyB,GAAG,EAAExB,YAAY,EAAE,EAAEE,QAAQ,EAAEC,OAAO,EAAEE,aAAa,EAAEC,IAAI,EAAE,GAAGP;IACxE,MAAM,CAACS,YAAYC,cAAc,GAAGf,MAAMgB,QAAQ,CAACC;IAEnD,MAAMC,aAAa;QAACjB;QAAW,GAAGA,UAAU,OAAO,EAAEW,QAAQ,UAAU;QAAEN;KAAU,CAACa,IAAI,CAAC;IAEzFnB,MAAMoB,SAAS,CAAC;QACd,IAAI,CAACX,SAAS;YACZM,cAAc;YACd;QACF;QACAA,cAAcE;QAEd,MAAMI,OAAM,IAAIC;QAChBD,KAAIE,GAAG,GAAGd;QACVY,KAAIG,MAAM,GAAG;YACXT,cAAc;QAChB;QACAM,KAAII,OAAO,GAAG;YACZV,cAAc;QAChB;IACF,GAAG;QAACN;KAAQ;IAEZ,IAAIc,MAAc;IAElB;;;GAGC,GACD,IAAId,SAAS;QACX,MAAMiB,YAAYjB,SAASkB,SAAS,OAAO,MAAM;QACjDJ,MAAMZ,gBAAgB,GAAGF,UAAUiB,YAAYE,mBAAmBjB,gBAAgB,GAAGF;IACvF;IAEA,QACGoB,IAAIvB,WAAWY,YAAY;MAC1B,CAACJ,eAAeG,cAAcd,cAAcO,OAAO,SAAU;MAC7D,CAACI,eAAeO,IAAIS,KAAKA,OAAOtB,UAAUe,KAAKA,OAAQ;MACvD,CAACT,eAAe,UAAUZ,OAAQ;IACpC,EAAE2B;AAEN"}
+{"version":3,"sources":["../../../src/elements/Thumbnail/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'thumbnail'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { File } from '../../graphics/File/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nexport type ThumbnailProps = {\n  className?: string\n  collectionSlug?: string\n  doc?: Record<string, unknown>\n  fileSrc?: string\n  height?: number\n  imageCacheTag?: string\n  size?: 'expand' | 'large' | 'medium' | 'none' | 'small'\n  uploadConfig?: SanitizedCollectionConfig['upload']\n  width?: number\n}\n\nexport const Thumbnail: React.FC<ThumbnailProps> = (props) => {\n  const {\n    className = '',\n    doc: { filename } = {},\n    fileSrc,\n    height,\n    imageCacheTag,\n    size,\n    width,\n  } = props\n  const [fileExists, setFileExists] = React.useState(undefined)\n\n  const classNames = [baseClass, `${baseClass}--size-${size || 'medium'}`, className].join(' ')\n\n  React.useEffect(() => {\n    if (!fileSrc) {\n      setFileExists(false)\n      return\n    }\n    setFileExists(undefined)\n\n    const img = new Image()\n    img.src = fileSrc\n    img.onload = () => {\n      setFileExists(true)\n    }\n    img.onerror = () => {\n      setFileExists(false)\n    }\n  }, [fileSrc])\n\n  let src: null | string = null\n\n  /**\n   * If an imageCacheTag is provided, append it to the fileSrc\n   * Check if the fileSrc already has a query string, if it does, append the imageCacheTag with an ampersand\n   */\n  if (fileSrc) {\n    const queryChar = fileSrc?.includes('?') ? '&' : '?'\n    src = imageCacheTag ? `${fileSrc}${queryChar}${encodeURIComponent(imageCacheTag)}` : fileSrc\n  }\n\n  return (\n    <div className={classNames}>\n      {fileExists === undefined && <ShimmerEffect height=\"100%\" />}\n      {fileExists && <img alt={filename as string} height={height} src={src} width={width} />}\n      {fileExists === false && <File />}\n    </div>\n  )\n}\n\ntype ThumbnailComponentProps = {\n  readonly alt?: string\n  readonly className?: string\n  readonly filename: string\n  readonly fileSrc: string\n  readonly imageCacheTag?: string\n  readonly size?: 'expand' | 'large' | 'medium' | 'none' | 'small'\n}\nexport function ThumbnailComponent(props: ThumbnailComponentProps) {\n  const { alt, className = '', filename, fileSrc, imageCacheTag, size } = props\n  const [fileExists, setFileExists] = React.useState(undefined)\n\n  const classNames = [baseClass, `${baseClass}--size-${size || 'medium'}`, className].join(' ')\n\n  React.useEffect(() => {\n    if (!fileSrc) {\n      setFileExists(false)\n      return\n    }\n    setFileExists(undefined)\n\n    const img = new Image()\n    img.src = fileSrc\n    img.onload = () => {\n      setFileExists(true)\n    }\n    img.onerror = () => {\n      setFileExists(false)\n    }\n  }, [fileSrc])\n\n  let src: string = ''\n\n  /**\n   * If an imageCacheTag is provided, append it to the fileSrc\n   * Check if the fileSrc already has a query string, if it does, append the imageCacheTag with an ampersand\n   */\n  if (fileSrc) {\n    const queryChar = fileSrc?.includes('?') ? '&' : '?'\n    src = imageCacheTag ? `${fileSrc}${queryChar}${encodeURIComponent(imageCacheTag)}` : fileSrc\n  }\n\n  return (\n    <div className={classNames}>\n      {fileExists === undefined && <ShimmerEffect height=\"100%\" />}\n      {fileExists && <img alt={alt || filename} src={src} />}\n      {fileExists === false && <File />}\n    </div>\n  )\n}\n"],"names":["React","baseClass","File","ShimmerEffect","Thumbnail","props","className","doc","filename","fileSrc","height","imageCacheTag","size","width","fileExists","setFileExists","useState","undefined","classNames","join","useEffect","img","Image","src","onload","onerror","queryChar","includes","encodeURIComponent","div","alt","ThumbnailComponent"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAIlB,SAASC,IAAI,QAAQ,+BAA8B;AACnD,SAASC,aAAa,QAAQ,4BAA2B;AAczD,OAAO,MAAMC,YAAsC,CAACC;IAClD,MAAM,EACJC,YAAY,EAAE,EACdC,KAAK,EAAEC,QAAQ,EAAE,GAAG,CAAC,CAAC,EACtBC,OAAO,EACPC,MAAM,EACNC,aAAa,EACbC,IAAI,EACJC,KAAK,EACN,GAAGR;IACJ,MAAM,CAACS,YAAYC,cAAc,GAAGf,MAAMgB,QAAQ,CAACC;IAEnD,MAAMC,aAAa;QAACjB;QAAW,GAAGA,UAAU,OAAO,EAAEW,QAAQ,UAAU;QAAEN;KAAU,CAACa,IAAI,CAAC;IAEzFnB,MAAMoB,SAAS,CAAC;QACd,IAAI,CAACX,SAAS;YACZM,cAAc;YACd;QACF;QACAA,cAAcE;QAEd,MAAMI,MAAM,IAAIC;QAChBD,IAAIE,GAAG,GAAGd;QACVY,IAAIG,MAAM,GAAG;YACXT,cAAc;QAChB;QACAM,IAAII,OAAO,GAAG;YACZV,cAAc;QAChB;IACF,GAAG;QAACN;KAAQ;IAEZ,IAAIc,MAAqB;IAEzB;;;GAGC,GACD,IAAId,SAAS;QACX,MAAMiB,YAAYjB,SAASkB,SAAS,OAAO,MAAM;QACjDJ,MAAMZ,gBAAgB,GAAGF,UAAUiB,YAAYE,mBAAmBjB,gBAAgB,GAAGF;IACvF;IAEA,qBACE,QAACoB;QAAIvB,WAAWY;;YACbJ,eAAeG,2BAAa,QAACd;gBAAcO,QAAO;;;;;;YAClDI,4BAAc,QAACO;gBAAIS,KAAKtB;gBAAoBE,QAAQA;gBAAQa,KAAKA;gBAAKV,OAAOA;;;;;;YAC7EC,eAAe,uBAAS,QAACZ;;;;;;;;;;;AAGhC,EAAC;AAUD,OAAO,SAAS6B,mBAAmB1B,KAA8B;IAC/D,MAAM,EAAEyB,GAAG,EAAExB,YAAY,EAAE,EAAEE,QAAQ,EAAEC,OAAO,EAAEE,aAAa,EAAEC,IAAI,EAAE,GAAGP;IACxE,MAAM,CAACS,YAAYC,cAAc,GAAGf,MAAMgB,QAAQ,CAACC;IAEnD,MAAMC,aAAa;QAACjB;QAAW,GAAGA,UAAU,OAAO,EAAEW,QAAQ,UAAU;QAAEN;KAAU,CAACa,IAAI,CAAC;IAEzFnB,MAAMoB,SAAS,CAAC;QACd,IAAI,CAACX,SAAS;YACZM,cAAc;YACd;QACF;QACAA,cAAcE;QAEd,MAAMI,MAAM,IAAIC;QAChBD,IAAIE,GAAG,GAAGd;QACVY,IAAIG,MAAM,GAAG;YACXT,cAAc;QAChB;QACAM,IAAII,OAAO,GAAG;YACZV,cAAc;QAChB;IACF,GAAG;QAACN;KAAQ;IAEZ,IAAIc,MAAc;IAElB;;;GAGC,GACD,IAAId,SAAS;QACX,MAAMiB,YAAYjB,SAASkB,SAAS,OAAO,MAAM;QACjDJ,MAAMZ,gBAAgB,GAAGF,UAAUiB,YAAYE,mBAAmBjB,gBAAgB,GAAGF;IACvF;IAEA,qBACE,QAACoB;QAAIvB,WAAWY;;YACbJ,eAAeG,2BAAa,QAACd;gBAAcO,QAAO;;;;;;YAClDI,4BAAc,QAACO;gBAAIS,KAAKA,OAAOtB;gBAAUe,KAAKA;;;;;;YAC9CT,eAAe,uBAAS,QAACZ;;;;;;;;;;;AAGhC"}

package/dist/elements/ThumbnailCard/index.js

@@ -1,4 +1,6 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React from 'react';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { formatDocTitle } from '../../utilities/formatDocTitle/index.js';
@@ -24,10 +26,34 @@ export const ThumbnailCard = (props)=>{
             i18n
         });
     }
-    return <button className={classes} onClick={onClick} title={title} type="button">
-      <div className={`${baseClass}__thumbnail`}>{thumbnail}</div>
-      <div className={`${baseClass}__label`}>{title}</div>
-    </button>;
+    return /*#__PURE__*/ _jsxDEV("button", {
+        className: classes,
+        onClick: onClick,
+        title: title,
+        type: "button",
+        children: [
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__thumbnail`,
+                children: thumbnail
+            }, void 0, false, {
+                fileName: "src/elements/ThumbnailCard/index.tsx",
+                lineNumber: 62,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__label`,
+                children: title
+            }, void 0, false, {
+                fileName: "src/elements/ThumbnailCard/index.tsx",
+                lineNumber: 63,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/ThumbnailCard/index.tsx",
+        lineNumber: 61,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ThumbnailCard/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, TypeWithID } from 'payload'\n\nimport React from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDocTitle } from '../../utilities/formatDocTitle/index.js'\nimport './index.scss'\n\nexport type ThumbnailCardProps = {\n  alignLabel?: 'center' | 'left'\n  className?: string\n  collection?: ClientCollectionConfig\n  doc?: { filename?: string } & TypeWithID\n  label?: string\n  onClick?: () => void\n  onKeyDown?: () => void\n  thumbnail: React.ReactNode\n}\n\nconst baseClass = 'thumbnail-card'\n\nexport const ThumbnailCard: React.FC<ThumbnailCardProps> = (props) => {\n  const {\n    alignLabel,\n    className,\n    collection,\n    doc,\n    label: labelFromProps,\n    onClick,\n    thumbnail,\n  } = props\n\n  const { config } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const classes = [\n    baseClass,\n    className,\n    typeof onClick === 'function' && `${baseClass}--has-on-click`,\n    alignLabel && `${baseClass}--align-label-${alignLabel}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let title = labelFromProps\n\n  if (!title) {\n    title = formatDocTitle({\n      collectionConfig: collection,\n      data: doc,\n      dateFormat: config.admin.dateFormat,\n      fallback: doc?.filename,\n      i18n,\n    })\n  }\n\n  return (\n    <button className={classes} onClick={onClick} title={title} type=\"button\">\n      <div className={`${baseClass}__thumbnail`}>{thumbnail}</div>\n      <div className={`${baseClass}__label`}>{title}</div>\n    </button>\n  )\n}\n"],"names":["useConfig","useTranslation","formatDocTitle","baseClass","ThumbnailCard","props","alignLabel","className","collection","doc","label","labelFromProps","onClick","thumbnail","config","i18n","classes","filter","Boolean","join","title","collectionConfig","data","dateFormat","admin","fallback","filename","button","type","div"],"mappings":"AAAA;AAKA,SAASA,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,0CAAyC;AACxE,OAAO,eAAc;AAarB,MAAMC,YAAY;AAElB,OAAO,MAAMC,gBAA8C,CAACC;IAC1D,MAAM,EACJC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,GAAG,EACHC,OAAOC,cAAc,EACrBC,OAAO,EACPC,SAAS,EACV,GAAGR;IAEJ,MAAM,EAAES,MAAM,EAAE,GAAGd;IAEnB,MAAM,EAAEe,IAAI,EAAE,GAAGd;IAEjB,MAAMe,UAAU;QACdb;QACAI;QACA,OAAOK,YAAY,cAAc,GAAGT,UAAU,cAAc,CAAC;QAC7DG,cAAc,GAAGH,UAAU,cAAc,EAAEG,YAAY;KACxD,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIC,QAAQT;IAEZ,IAAI,CAACS,OAAO;QACVA,QAAQlB,eAAe;YACrBmB,kBAAkBb;YAClBc,MAAMb;YACNc,YAAYT,OAAOU,KAAK,CAACD,UAAU;YACnCE,UAAUhB,KAAKiB;YACfX;QACF;IACF;IAEA,QACGY,OAAOpB,WAAWS,SAASJ,SAASA,SAASQ,OAAOA,OAAOQ,KAAK,SAAS;MACxE,CAACC,IAAItB,WAAW,GAAGJ,UAAU,WAAW,CAAC,GAAGU,YAAYgB,IAAI;MAC5D,CAACA,IAAItB,WAAW,GAAGJ,UAAU,OAAO,CAAC,GAAGiB,QAAQS,IAAI;IACtD,EAAEF;AAEN,EAAC"}
+{"version":3,"sources":["../../../src/elements/ThumbnailCard/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, TypeWithID } from 'payload'\n\nimport React from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDocTitle } from '../../utilities/formatDocTitle/index.js'\nimport './index.scss'\n\nexport type ThumbnailCardProps = {\n  alignLabel?: 'center' | 'left'\n  className?: string\n  collection?: ClientCollectionConfig\n  doc?: { filename?: string } & TypeWithID\n  label?: string\n  onClick?: () => void\n  onKeyDown?: () => void\n  thumbnail: React.ReactNode\n}\n\nconst baseClass = 'thumbnail-card'\n\nexport const ThumbnailCard: React.FC<ThumbnailCardProps> = (props) => {\n  const {\n    alignLabel,\n    className,\n    collection,\n    doc,\n    label: labelFromProps,\n    onClick,\n    thumbnail,\n  } = props\n\n  const { config } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const classes = [\n    baseClass,\n    className,\n    typeof onClick === 'function' && `${baseClass}--has-on-click`,\n    alignLabel && `${baseClass}--align-label-${alignLabel}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let title = labelFromProps\n\n  if (!title) {\n    title = formatDocTitle({\n      collectionConfig: collection,\n      data: doc,\n      dateFormat: config.admin.dateFormat,\n      fallback: doc?.filename,\n      i18n,\n    })\n  }\n\n  return (\n    <button className={classes} onClick={onClick} title={title} type=\"button\">\n      <div className={`${baseClass}__thumbnail`}>{thumbnail}</div>\n      <div className={`${baseClass}__label`}>{title}</div>\n    </button>\n  )\n}\n"],"names":["React","useConfig","useTranslation","formatDocTitle","baseClass","ThumbnailCard","props","alignLabel","className","collection","doc","label","labelFromProps","onClick","thumbnail","config","i18n","classes","filter","Boolean","join","title","collectionConfig","data","dateFormat","admin","fallback","filename","button","type","div"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,0CAAyC;AACxE,OAAO,eAAc;AAarB,MAAMC,YAAY;AAElB,OAAO,MAAMC,gBAA8C,CAACC;IAC1D,MAAM,EACJC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,GAAG,EACHC,OAAOC,cAAc,EACrBC,OAAO,EACPC,SAAS,EACV,GAAGR;IAEJ,MAAM,EAAES,MAAM,EAAE,GAAGd;IAEnB,MAAM,EAAEe,IAAI,EAAE,GAAGd;IAEjB,MAAMe,UAAU;QACdb;QACAI;QACA,OAAOK,YAAY,cAAc,GAAGT,UAAU,cAAc,CAAC;QAC7DG,cAAc,GAAGH,UAAU,cAAc,EAAEG,YAAY;KACxD,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIC,QAAQT;IAEZ,IAAI,CAACS,OAAO;QACVA,QAAQlB,eAAe;YACrBmB,kBAAkBb;YAClBc,MAAMb;YACNc,YAAYT,OAAOU,KAAK,CAACD,UAAU;YACnCE,UAAUhB,KAAKiB;YACfX;QACF;IACF;IAEA,qBACE,QAACY;QAAOpB,WAAWS;QAASJ,SAASA;QAASQ,OAAOA;QAAOQ,MAAK;;0BAC/D,QAACC;gBAAItB,WAAW,GAAGJ,UAAU,WAAW,CAAC;0BAAGU;;;;;;0BAC5C,QAACgB;gBAAItB,WAAW,GAAGJ,UAAU,OAAO,CAAC;0BAAGiB;;;;;;;;;;;;AAG9C,EAAC"}

package/dist/elements/TimezonePicker/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useMemo } from 'react';
 import { FieldLabel } from '../../fields/FieldLabel/index.js';
 import './index.scss';
@@ -19,14 +20,43 @@ export const TimezonePicker = (props)=>{
         selectedTimezoneFromProps
     ]);
     const readOnly = Boolean(readOnlyFromProps) || options.length === 1;
-    return <div className="timezone-picker-wrapper">
-      <FieldLabel htmlFor={id} label={`${t('general:timezone')} ${required ? '*' : ''}`} required={required} unstyled/>
-      <ReactSelect className="timezone-picker" disabled={readOnly} inputId={id} isClearable={!required} isCreatable={false} onChange={(val)=>{
-        if (onChangeFromProps) {
-            onChangeFromProps(val?.value || '');
-        }
-    }} options={options} value={selectedTimezone}/>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: "timezone-picker-wrapper",
+        children: [
+            /*#__PURE__*/ _jsxDEV(FieldLabel, {
+                htmlFor: id,
+                label: `${t('general:timezone')} ${required ? '*' : ''}`,
+                required: required,
+                unstyled: true
+            }, void 0, false, {
+                fileName: "src/elements/TimezonePicker/index.tsx",
+                lineNumber: 41,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(ReactSelect, {
+                className: "timezone-picker",
+                disabled: readOnly,
+                inputId: id,
+                isClearable: !required,
+                isCreatable: false,
+                onChange: (val)=>{
+                    if (onChangeFromProps) {
+                        onChangeFromProps(val?.value || '');
+                    }
+                },
+                options: options,
+                value: selectedTimezone
+            }, void 0, false, {
+                fileName: "src/elements/TimezonePicker/index.tsx",
+                lineNumber: 47,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/TimezonePicker/index.tsx",
+        lineNumber: 40,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/TimezonePicker/index.tsx"],"sourcesContent":["'use client'\n\nimport type { OptionObject } from 'payload'\nimport type React from 'react'\n\nimport { useMemo } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport './index.scss'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport { formatOptions } from '../WhereBuilder/Condition/Select/formatOptions.js'\n\nexport const TimezonePicker: React.FC<Props> = (props) => {\n  const {\n    id,\n    onChange: onChangeFromProps,\n    options: optionsFromProps,\n    readOnly: readOnlyFromProps,\n    required,\n    selectedTimezone: selectedTimezoneFromProps,\n  } = props\n\n  const { t } = useTranslation()\n\n  const options = formatOptions(optionsFromProps)\n\n  const selectedTimezone = useMemo(() => {\n    return options.find((t) => {\n      const value = typeof t === 'string' ? t : t.value\n      return value === (selectedTimezoneFromProps || 'UTC')\n    })\n  }, [options, selectedTimezoneFromProps])\n\n  const readOnly = Boolean(readOnlyFromProps) || options.length === 1\n\n  return (\n    <div className=\"timezone-picker-wrapper\">\n      <FieldLabel\n        htmlFor={id}\n        label={`${t('general:timezone')} ${required ? '*' : ''}`}\n        required={required}\n        unstyled\n      />\n      <ReactSelect\n        className=\"timezone-picker\"\n        disabled={readOnly}\n        inputId={id}\n        isClearable={!required}\n        isCreatable={false}\n        onChange={(val: OptionObject) => {\n          if (onChangeFromProps) {\n            onChangeFromProps(val?.value || '')\n          }\n        }}\n        options={options}\n        value={selectedTimezone}\n      />\n    </div>\n  )\n}\n"],"names":["useMemo","FieldLabel","useTranslation","ReactSelect","formatOptions","TimezonePicker","props","id","onChange","onChangeFromProps","options","optionsFromProps","readOnly","readOnlyFromProps","required","selectedTimezone","selectedTimezoneFromProps","t","find","value","Boolean","length","div","className","htmlFor","label","unstyled","disabled","inputId","isClearable","isCreatable","val"],"mappings":"AAAA;AAKA,SAASA,OAAO,QAAQ,QAAO;AAI/B,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,OAAO,eAAc;AACrB,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,WAAW,QAAQ,0BAAyB;AACrD,SAASC,aAAa,QAAQ,oDAAmD;AAEjF,OAAO,MAAMC,iBAAkC,CAACC;IAC9C,MAAM,EACJC,EAAE,EACFC,UAAUC,iBAAiB,EAC3BC,SAASC,gBAAgB,EACzBC,UAAUC,iBAAiB,EAC3BC,QAAQ,EACRC,kBAAkBC,yBAAyB,EAC5C,GAAGV;IAEJ,MAAM,EAAEW,CAAC,EAAE,GAAGf;IAEd,MAAMQ,UAAUN,cAAcO;IAE9B,MAAMI,mBAAmBf,QAAQ;QAC/B,OAAOU,QAAQQ,IAAI,CAAC,CAACD;YACnB,MAAME,QAAQ,OAAOF,MAAM,WAAWA,IAAIA,EAAEE,KAAK;YACjD,OAAOA,UAAWH,CAAAA,6BAA6B,KAAI;QACrD;IACF,GAAG;QAACN;QAASM;KAA0B;IAEvC,MAAMJ,WAAWQ,QAAQP,sBAAsBH,QAAQW,MAAM,KAAK;IAElE,QACGC,IAAIC,UAAU,0BAA0B;MACvC,CAACtB,WACCuB,SAASjB,IACTkB,OAAO,GAAGR,EAAE,oBAAoB,CAAC,EAAEH,WAAW,MAAM,IAAI,EACxDA,UAAUA,UACVY,UACA;MACF,CAACvB,YACCoB,UAAU,kBACVI,UAAUf,UACVgB,SAASrB,IACTsB,aAAa,CAACf,UACdgB,aAAa,OACbtB,UAAU,CAACuB;QACT,IAAItB,mBAAmB;YACrBA,kBAAkBsB,KAAKZ,SAAS;QAClC;IACF,GACAT,SAASA,SACTS,OAAOJ,mBACP;IACJ,EAAEO;AAEN,EAAC"}
+{"version":3,"sources":["../../../src/elements/TimezonePicker/index.tsx"],"sourcesContent":["'use client'\n\nimport type { OptionObject } from 'payload'\nimport type React from 'react'\n\nimport { useMemo } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport './index.scss'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport { formatOptions } from '../WhereBuilder/Condition/Select/formatOptions.js'\n\nexport const TimezonePicker: React.FC<Props> = (props) => {\n  const {\n    id,\n    onChange: onChangeFromProps,\n    options: optionsFromProps,\n    readOnly: readOnlyFromProps,\n    required,\n    selectedTimezone: selectedTimezoneFromProps,\n  } = props\n\n  const { t } = useTranslation()\n\n  const options = formatOptions(optionsFromProps)\n\n  const selectedTimezone = useMemo(() => {\n    return options.find((t) => {\n      const value = typeof t === 'string' ? t : t.value\n      return value === (selectedTimezoneFromProps || 'UTC')\n    })\n  }, [options, selectedTimezoneFromProps])\n\n  const readOnly = Boolean(readOnlyFromProps) || options.length === 1\n\n  return (\n    <div className=\"timezone-picker-wrapper\">\n      <FieldLabel\n        htmlFor={id}\n        label={`${t('general:timezone')} ${required ? '*' : ''}`}\n        required={required}\n        unstyled\n      />\n      <ReactSelect\n        className=\"timezone-picker\"\n        disabled={readOnly}\n        inputId={id}\n        isClearable={!required}\n        isCreatable={false}\n        onChange={(val: OptionObject) => {\n          if (onChangeFromProps) {\n            onChangeFromProps(val?.value || '')\n          }\n        }}\n        options={options}\n        value={selectedTimezone}\n      />\n    </div>\n  )\n}\n"],"names":["useMemo","FieldLabel","useTranslation","ReactSelect","formatOptions","TimezonePicker","props","id","onChange","onChangeFromProps","options","optionsFromProps","readOnly","readOnlyFromProps","required","selectedTimezone","selectedTimezoneFromProps","t","find","value","Boolean","length","div","className","htmlFor","label","unstyled","disabled","inputId","isClearable","isCreatable","val"],"mappings":"AAAA;;AAKA,SAASA,OAAO,QAAQ,QAAO;AAI/B,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,OAAO,eAAc;AACrB,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,WAAW,QAAQ,0BAAyB;AACrD,SAASC,aAAa,QAAQ,oDAAmD;AAEjF,OAAO,MAAMC,iBAAkC,CAACC;IAC9C,MAAM,EACJC,EAAE,EACFC,UAAUC,iBAAiB,EAC3BC,SAASC,gBAAgB,EACzBC,UAAUC,iBAAiB,EAC3BC,QAAQ,EACRC,kBAAkBC,yBAAyB,EAC5C,GAAGV;IAEJ,MAAM,EAAEW,CAAC,EAAE,GAAGf;IAEd,MAAMQ,UAAUN,cAAcO;IAE9B,MAAMI,mBAAmBf,QAAQ;QAC/B,OAAOU,QAAQQ,IAAI,CAAC,CAACD;YACnB,MAAME,QAAQ,OAAOF,MAAM,WAAWA,IAAIA,EAAEE,KAAK;YACjD,OAAOA,UAAWH,CAAAA,6BAA6B,KAAI;QACrD;IACF,GAAG;QAACN;QAASM;KAA0B;IAEvC,MAAMJ,WAAWQ,QAAQP,sBAAsBH,QAAQW,MAAM,KAAK;IAElE,qBACE,QAACC;QAAIC,WAAU;;0BACb,QAACtB;gBACCuB,SAASjB;gBACTkB,OAAO,GAAGR,EAAE,oBAAoB,CAAC,EAAEH,WAAW,MAAM,IAAI;gBACxDA,UAAUA;gBACVY,QAAQ;;;;;;0BAEV,QAACvB;gBACCoB,WAAU;gBACVI,UAAUf;gBACVgB,SAASrB;gBACTsB,aAAa,CAACf;gBACdgB,aAAa;gBACbtB,UAAU,CAACuB;oBACT,IAAItB,mBAAmB;wBACrBA,kBAAkBsB,KAAKZ,SAAS;oBAClC;gBACF;gBACAT,SAASA;gBACTS,OAAOJ;;;;;;;;;;;;AAIf,EAAC"}

package/dist/elements/Toasts/fieldErrors.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 function groupSimilarErrors(items) {
     const result = [];
@@ -43,14 +44,38 @@ function createErrorsFromMessage(message) {
 }
 export function FieldErrorsToast({ errorMessage }) {
     const [{ errors, message }] = React.useState(()=>createErrorsFromMessage(errorMessage));
-    return <div>
-      {message}
-      {Array.isArray(errors) && errors.length > 0 ? errors.length === 1 ? <span data-testid="field-error">{errors[0]}</span> : <ul data-testid="field-errors">
-            {errors.map((error, index)=>{
-        return <li key={index}>{error}</li>;
-    })}
-          </ul> : null}
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        children: [
+            message,
+            Array.isArray(errors) && errors.length > 0 ? errors.length === 1 ? /*#__PURE__*/ _jsxDEV("span", {
+                "data-testid": "field-error",
+                children: errors[0]
+            }, void 0, false, {
+                fileName: "src/elements/Toasts/fieldErrors.tsx",
+                lineNumber: 67,
+                columnNumber: 11
+            }, this) : /*#__PURE__*/ _jsxDEV("ul", {
+                "data-testid": "field-errors",
+                children: errors.map((error, index)=>{
+                    return /*#__PURE__*/ _jsxDEV("li", {
+                        children: error
+                    }, index, false, {
+                        fileName: "src/elements/Toasts/fieldErrors.tsx",
+                        lineNumber: 71,
+                        columnNumber: 22
+                    }, this);
+                })
+            }, void 0, false, {
+                fileName: "src/elements/Toasts/fieldErrors.tsx",
+                lineNumber: 69,
+                columnNumber: 11
+            }, this) : null
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/Toasts/fieldErrors.tsx",
+        lineNumber: 63,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=fieldErrors.js.map

package/dist/elements/Toasts/fieldErrors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Toasts/fieldErrors.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nfunction groupSimilarErrors(items: string[]): string[] {\n  const result: string[] = []\n\n  for (const item of items) {\n    if (item) {\n      const parts = item.split(' → ')\n      let inserted = false\n\n      // Find a place where a similar path exists\n      for (let i = 0; i < result.length; i++) {\n        if (result[i].startsWith(parts[0])) {\n          result.splice(i + 1, 0, item)\n          inserted = true\n          break\n        }\n      }\n\n      // If no similar path was found, add to the end\n      if (!inserted) {\n        result.push(item)\n      }\n    }\n  }\n\n  return result\n}\n\nfunction createErrorsFromMessage(message: string): {\n  errors?: string[]\n  message: string\n} {\n  const [intro, errorsString] = message.split(':')\n\n  if (!errorsString) {\n    return {\n      message: intro,\n    }\n  }\n\n  const errors = errorsString.split(',').map((error) => error.replaceAll(' > ', ' → ').trim())\n\n  if (errors.length === 1) {\n    return {\n      errors,\n      message: `${intro}: `,\n    }\n  }\n\n  return {\n    errors: groupSimilarErrors(errors),\n    message: `${intro} (${errors.length}):`,\n  }\n}\n\nexport function FieldErrorsToast({ errorMessage }) {\n  const [{ errors, message }] = React.useState(() => createErrorsFromMessage(errorMessage))\n\n  return (\n    <div>\n      {message}\n      {Array.isArray(errors) && errors.length > 0 ? (\n        errors.length === 1 ? (\n          <span data-testid=\"field-error\">{errors[0]}</span>\n        ) : (\n          <ul data-testid=\"field-errors\">\n            {errors.map((error, index) => {\n              return <li key={index}>{error}</li>\n            })}\n          </ul>\n        )\n      ) : null}\n    </div>\n  )\n}\n"],"names":["React","groupSimilarErrors","items","result","item","parts","split","inserted","i","length","startsWith","splice","push","createErrorsFromMessage","message","intro","errorsString","errors","map","error","replaceAll","trim","FieldErrorsToast","errorMessage","useState","div","Array","isArray","span","data-testid","ul","index","li","key"],"mappings":"AAAA;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,mBAAmBC,KAAe;IACzC,MAAMC,SAAmB,EAAE;IAE3B,KAAK,MAAMC,QAAQF,MAAO;QACxB,IAAIE,MAAM;YACR,MAAMC,QAAQD,KAAKE,KAAK,CAAC;YACzB,IAAIC,WAAW;YAEf,2CAA2C;YAC3C,IAAK,IAAIC,IAAI,GAAGA,IAAIL,OAAOM,MAAM,EAAED,IAAK;gBACtC,IAAIL,MAAM,CAACK,EAAE,CAACE,UAAU,CAACL,KAAK,CAAC,EAAE,GAAG;oBAClCF,OAAOQ,MAAM,CAACH,IAAI,GAAG,GAAGJ;oBACxBG,WAAW;oBACX;gBACF;YACF;YAEA,+CAA+C;YAC/C,IAAI,CAACA,UAAU;gBACbJ,OAAOS,IAAI,CAACR;YACd;QACF;IACF;IAEA,OAAOD;AACT;AAEA,SAASU,wBAAwBC,OAAe;IAI9C,MAAM,CAACC,OAAOC,aAAa,GAAGF,QAAQR,KAAK,CAAC;IAE5C,IAAI,CAACU,cAAc;QACjB,OAAO;YACLF,SAASC;QACX;IACF;IAEA,MAAME,SAASD,aAAaV,KAAK,CAAC,KAAKY,GAAG,CAAC,CAACC,QAAUA,MAAMC,UAAU,CAAC,OAAO,OAAOC,IAAI;IAEzF,IAAIJ,OAAOR,MAAM,KAAK,GAAG;QACvB,OAAO;YACLQ;YACAH,SAAS,GAAGC,MAAM,EAAE,CAAC;QACvB;IACF;IAEA,OAAO;QACLE,QAAQhB,mBAAmBgB;QAC3BH,SAAS,GAAGC,MAAM,EAAE,EAAEE,OAAOR,MAAM,CAAC,EAAE,CAAC;IACzC;AACF;AAEA,OAAO,SAASa,iBAAiB,EAAEC,YAAY,EAAE;IAC/C,MAAM,CAAC,EAAEN,MAAM,EAAEH,OAAO,EAAE,CAAC,GAAGd,MAAMwB,QAAQ,CAAC,IAAMX,wBAAwBU;IAE3E,QACGE,IAAI;MACH,CAACX,QAAQ;MACT,CAACY,MAAMC,OAAO,CAACV,WAAWA,OAAOR,MAAM,GAAG,IACxCQ,OAAOR,MAAM,KAAK,KACfmB,KAAKC,YAAY,eAAeZ,MAAM,CAAC,EAAE,GAAGW,SAE5CE,GAAGD,YAAY,eAAe;YAC7B,CAACZ,OAAOC,GAAG,CAAC,CAACC,OAAOY;QAClB,QAAQC,GAAGC,KAAKF,QAAQZ,QAAQa;IAClC,GAAG;UACL,EAAEF,MAEF,KAAK;IACX,EAAEL;AAEN"}
+{"version":3,"sources":["../../../src/elements/Toasts/fieldErrors.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nfunction groupSimilarErrors(items: string[]): string[] {\n  const result: string[] = []\n\n  for (const item of items) {\n    if (item) {\n      const parts = item.split(' → ')\n      let inserted = false\n\n      // Find a place where a similar path exists\n      for (let i = 0; i < result.length; i++) {\n        if (result[i].startsWith(parts[0])) {\n          result.splice(i + 1, 0, item)\n          inserted = true\n          break\n        }\n      }\n\n      // If no similar path was found, add to the end\n      if (!inserted) {\n        result.push(item)\n      }\n    }\n  }\n\n  return result\n}\n\nfunction createErrorsFromMessage(message: string): {\n  errors?: string[]\n  message: string\n} {\n  const [intro, errorsString] = message.split(':')\n\n  if (!errorsString) {\n    return {\n      message: intro,\n    }\n  }\n\n  const errors = errorsString.split(',').map((error) => error.replaceAll(' > ', ' → ').trim())\n\n  if (errors.length === 1) {\n    return {\n      errors,\n      message: `${intro}: `,\n    }\n  }\n\n  return {\n    errors: groupSimilarErrors(errors),\n    message: `${intro} (${errors.length}):`,\n  }\n}\n\nexport function FieldErrorsToast({ errorMessage }) {\n  const [{ errors, message }] = React.useState(() => createErrorsFromMessage(errorMessage))\n\n  return (\n    <div>\n      {message}\n      {Array.isArray(errors) && errors.length > 0 ? (\n        errors.length === 1 ? (\n          <span data-testid=\"field-error\">{errors[0]}</span>\n        ) : (\n          <ul data-testid=\"field-errors\">\n            {errors.map((error, index) => {\n              return <li key={index}>{error}</li>\n            })}\n          </ul>\n        )\n      ) : null}\n    </div>\n  )\n}\n"],"names":["React","groupSimilarErrors","items","result","item","parts","split","inserted","i","length","startsWith","splice","push","createErrorsFromMessage","message","intro","errorsString","errors","map","error","replaceAll","trim","FieldErrorsToast","errorMessage","useState","div","Array","isArray","span","data-testid","ul","index","li"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,mBAAmBC,KAAe;IACzC,MAAMC,SAAmB,EAAE;IAE3B,KAAK,MAAMC,QAAQF,MAAO;QACxB,IAAIE,MAAM;YACR,MAAMC,QAAQD,KAAKE,KAAK,CAAC;YACzB,IAAIC,WAAW;YAEf,2CAA2C;YAC3C,IAAK,IAAIC,IAAI,GAAGA,IAAIL,OAAOM,MAAM,EAAED,IAAK;gBACtC,IAAIL,MAAM,CAACK,EAAE,CAACE,UAAU,CAACL,KAAK,CAAC,EAAE,GAAG;oBAClCF,OAAOQ,MAAM,CAACH,IAAI,GAAG,GAAGJ;oBACxBG,WAAW;oBACX;gBACF;YACF;YAEA,+CAA+C;YAC/C,IAAI,CAACA,UAAU;gBACbJ,OAAOS,IAAI,CAACR;YACd;QACF;IACF;IAEA,OAAOD;AACT;AAEA,SAASU,wBAAwBC,OAAe;IAI9C,MAAM,CAACC,OAAOC,aAAa,GAAGF,QAAQR,KAAK,CAAC;IAE5C,IAAI,CAACU,cAAc;QACjB,OAAO;YACLF,SAASC;QACX;IACF;IAEA,MAAME,SAASD,aAAaV,KAAK,CAAC,KAAKY,GAAG,CAAC,CAACC,QAAUA,MAAMC,UAAU,CAAC,OAAO,OAAOC,IAAI;IAEzF,IAAIJ,OAAOR,MAAM,KAAK,GAAG;QACvB,OAAO;YACLQ;YACAH,SAAS,GAAGC,MAAM,EAAE,CAAC;QACvB;IACF;IAEA,OAAO;QACLE,QAAQhB,mBAAmBgB;QAC3BH,SAAS,GAAGC,MAAM,EAAE,EAAEE,OAAOR,MAAM,CAAC,EAAE,CAAC;IACzC;AACF;AAEA,OAAO,SAASa,iBAAiB,EAAEC,YAAY,EAAE;IAC/C,MAAM,CAAC,EAAEN,MAAM,EAAEH,OAAO,EAAE,CAAC,GAAGd,MAAMwB,QAAQ,CAAC,IAAMX,wBAAwBU;IAE3E,qBACE,QAACE;;YACEX;YACAY,MAAMC,OAAO,CAACV,WAAWA,OAAOR,MAAM,GAAG,IACxCQ,OAAOR,MAAM,KAAK,kBAChB,QAACmB;gBAAKC,eAAY;0BAAeZ,MAAM,CAAC,EAAE;;;;;qCAE1C,QAACa;gBAAGD,eAAY;0BACbZ,OAAOC,GAAG,CAAC,CAACC,OAAOY;oBAClB,qBAAO,QAACC;kCAAgBb;uBAARY;;;;;gBAClB;;;;;uBAGF;;;;;;;AAGV"}