@payloadcms/ui 3.0.0-beta.84 → 3.0.0-beta.86

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

@@ -1,19 +1,22 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const CodeCell = ({ cellData, nowrap })=>{
-    const textToShow = cellData.length > 100 ? `${cellData.substring(0, 100)}\u2026` : cellData;
-    const noWrapStyle = nowrap ? {
-        whiteSpace: 'nowrap'
-    } : {};
-    return /*#__PURE__*/ _jsx("code", {
-        className: "code-cell",
-        style: noWrapStyle,
-        children: /*#__PURE__*/ _jsx("span", {
-            children: textToShow
-        })
-    });
+export const CodeCell = ({
+  cellData,
+  nowrap
+}) => {
+  const textToShow = cellData.length > 100 ? `${cellData.substring(0, 100)}\u2026` : cellData;
+  const noWrapStyle = nowrap ? {
+    whiteSpace: 'nowrap'
+  } : {};
+  return /*#__PURE__*/_jsx("code", {
+    className: "code-cell",
+    style: noWrapStyle,
+    children: /*#__PURE__*/_jsx("span", {
+      children: textToShow
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"sourcesContent":["'use client'\nimport type { CodeFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport interface CodeCellProps extends DefaultCellComponentProps<string, CodeFieldClient> {\n  readonly nowrap?: boolean\n}\n\nexport const CodeCell: React.FC<CodeCellProps> = ({ cellData, nowrap }) => {\n  const textToShow = cellData.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  const noWrapStyle: React.CSSProperties = nowrap ? { whiteSpace: 'nowrap' } : {}\n\n  return (\n    <code className=\"code-cell\" style={noWrapStyle}>\n      <span>{textToShow}</span>\n    </code>\n  )\n}\n"],"names":["React","CodeCell","cellData","nowrap","textToShow","length","substring","noWrapStyle","whiteSpace","code","className","style","span"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAMrB,OAAO,MAAMC,WAAoC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACpE,MAAMC,aAAaF,SAASG,MAAM,GAAG,MAAM,CAAC,EAAEH,SAASI,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGJ;IAEnF,MAAMK,cAAmCJ,SAAS;QAAEK,YAAY;IAAS,IAAI,CAAC;IAE9E,qBACE,KAACC;QAAKC,WAAU;QAAYC,OAAOJ;kBACjC,cAAA,KAACK;sBAAMR;;;AAGb,EAAC"}
+{"version":3,"file":"index.js","names":["React","CodeCell","cellData","nowrap","textToShow","length","substring","noWrapStyle","whiteSpace","_jsx","className","style"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"sourcesContent":["'use client'\nimport type { CodeFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport interface CodeCellProps extends DefaultCellComponentProps<string, CodeFieldClient> {\n  readonly nowrap?: boolean\n}\n\nexport const CodeCell: React.FC<CodeCellProps> = ({ cellData, nowrap }) => {\n  const textToShow = cellData.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  const noWrapStyle: React.CSSProperties = nowrap ? { whiteSpace: 'nowrap' } : {}\n\n  return (\n    <code className=\"code-cell\" style={noWrapStyle}>\n      <span>{textToShow}</span>\n    </code>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAMP,OAAO,MAAMC,QAAA,GAAoCA,CAAC;EAAEC,QAAQ;EAAEC;AAAM,CAAE;EACpE,MAAMC,UAAA,GAAaF,QAAA,CAASG,MAAM,GAAG,MAAM,GAAGH,QAAA,CAASI,SAAS,CAAC,GAAG,YAAY,GAAGJ,QAAA;EAEnF,MAAMK,WAAA,GAAmCJ,MAAA,GAAS;IAAEK,UAAA,EAAY;EAAS,IAAI,CAAC;EAE9E,oBACEC,IAAA,CAAC;IAAKC,SAAA,EAAU;IAAYC,KAAA,EAAOJ,WAAA;cACjC,aAAAE,IAAA,CAAC;gBAAML;;;AAGb","ignoreList":[]}

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

@@ -1,20 +1,68 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useConfig } from '../../../../../providers/Config/index.js';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
 import { formatDate } from '../../../../../utilities/formatDate.js';
-export const DateCell = ({ cellData, field: { admin: { date } = {} } })=>{
-    const { config: { admin: { dateFormat: dateFormatFromRoot } } } = useConfig();
-    const dateFormat = date?.displayFormat || dateFormatFromRoot;
-    const { i18n } = useTranslation();
-    return /*#__PURE__*/ _jsx("span", {
-        children: cellData && formatDate({
-            date: cellData,
-            i18n,
-            pattern: dateFormat
-        })
+export const DateCell = t0 => {
+  const $ = _c(8);
+  const {
+    cellData,
+    field: t1
+  } = t0;
+  const {
+    admin: t2
+  } = t1;
+  let t3;
+  if ($[0] !== t2) {
+    t3 = t2 === undefined ? {} : t2;
+    $[0] = t2;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const {
+    date
+  } = t3;
+  const {
+    config: t4
+  } = useConfig();
+  const {
+    admin: t5
+  } = t4;
+  const {
+    dateFormat: dateFormatFromRoot
+  } = t5;
+  const dateFormat = date?.displayFormat || dateFormatFromRoot;
+  const {
+    i18n
+  } = useTranslation();
+  let t6;
+  if ($[2] !== cellData || $[3] !== i18n || $[4] !== dateFormat) {
+    t6 = cellData && formatDate({
+      date: cellData,
+      i18n,
+      pattern: dateFormat
+    });
+    $[2] = cellData;
+    $[3] = i18n;
+    $[4] = dateFormat;
+    $[5] = t6;
+  } else {
+    t6 = $[5];
+  }
+  let t7;
+  if ($[6] !== t6) {
+    t7 = _jsx("span", {
+      children: t6
     });
+    $[6] = t6;
+    $[7] = t7;
+  } else {
+    t7 = $[7];
+  }
+  return t7;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDate.js'\n\nexport const DateCell: React.FC<\n  DefaultCellComponentProps<Date | number | string, DateFieldClient>\n> = ({ cellData, field: { admin: { date } = {} } }) => {\n  const {\n    config: {\n      admin: { dateFormat: dateFormatFromRoot },\n    },\n  } = useConfig()\n\n  const dateFormat = date?.displayFormat || dateFormatFromRoot\n\n  const { i18n } = useTranslation()\n\n  return <span>{cellData && formatDate({ date: cellData, i18n, pattern: dateFormat })}</span>\n}\n"],"names":["React","useConfig","useTranslation","formatDate","DateCell","cellData","field","admin","date","config","dateFormat","dateFormatFromRoot","displayFormat","i18n","span","pattern"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,2CAA0C;AACpE,SAASC,cAAc,QAAQ,gDAA+C;AAC9E,SAASC,UAAU,QAAQ,yCAAwC;AAEnE,OAAO,MAAMC,WAET,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAEC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE;IAChD,MAAM,EACJC,QAAQ,EACNF,OAAO,EAAEG,YAAYC,kBAAkB,EAAE,EAC1C,EACF,GAAGV;IAEJ,MAAMS,aAAaF,MAAMI,iBAAiBD;IAE1C,MAAM,EAAEE,IAAI,EAAE,GAAGX;IAEjB,qBAAO,KAACY;kBAAMT,YAAYF,WAAW;YAAEK,MAAMH;YAAUQ;YAAME,SAASL;QAAW;;AACnF,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","useConfig","useTranslation","formatDate","DateCell","t0","$","cellData","field","t1","admin","t2","t3","undefined","date","config","t4","t5","dateFormat","dateFormatFromRoot","displayFormat","i18n","t6","pattern","t7","_jsx","children"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDate.js'\n\nexport const DateCell: React.FC<\n  DefaultCellComponentProps<Date | number | string, DateFieldClient>\n> = ({ cellData, field: { admin: { date } = {} } }) => {\n  const {\n    config: {\n      admin: { dateFormat: dateFormatFromRoot },\n    },\n  } = useConfig()\n\n  const dateFormat = date?.displayFormat || dateFormatFromRoot\n\n  const { i18n } = useTranslation()\n\n  return <span>{cellData && formatDate({ date: cellData, i18n, pattern: dateFormat })}</span>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,QAAA,GAETC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,QAAA;IAAAC,KAAA,EAAAC;EAAA,IAAAJ,EAA6C;EAA1B;IAAAK,KAAA,EAAAC;EAAA,IAAAF,EAAwB;EAAA,IAAAG,EAAA;EAAA,IAAAN,CAAA,QAAAK,EAAA;IAAfC,EAAA,GAAAD,EAAa,KAAAE,SAAA,QAAbF,EAAa;IAAAL,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAAb;IAAAQ;EAAA,IAAAF,EAAa;EAC5C;IAAAG,MAAA,EAAAC;EAAA,IAIIf,SAAA;EAHM;IAAAS,KAAA,EAAAO;EAAA,IAAAD,EAEP;EADQ;IAAAE,UAAA,EAAAC;EAAA,IAAAF,EAAkC;EAI7C,MAAAC,UAAA,GAAmBJ,IAAA,EAAAM,aAAA,IAAuBD,kBAAA;EAE1C;IAAAE;EAAA,IAAiBnB,cAAA;EAAA,IAAAoB,EAAA;EAAA,IAAAhB,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAe,IAAA,IAAAf,CAAA,QAAAY,UAAA;IAEHI,EAAA,GAAAf,QAAA,IAAYJ,UAAA;MAAAW,IAAA,EAAmBP,QAAA;MAAAc,IAAA;MAAAE,OAAA,EAAyBL;IAAA,CAAW;IAAAZ,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAe,IAAA;IAAAf,CAAA,MAAAY,UAAA;IAAAZ,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAlB,CAAA,QAAAgB,EAAA;IAA1EE,EAAA,GAAAC,IAAA,CAAC;MAAAC,QAAA,EAAMJ;IAAmE,C;;;;;;SAA1EE,E;CACT","ignoreList":[]}

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

@@ -1,31 +1,35 @@
 'use client';
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Thumbnail } from '../../../../Thumbnail/index.js';
 import './index.scss';
 const baseClass = 'file';
-export const FileCell = ({ cellData: filename, customCellContext, rowData })=>{
-    const { collectionSlug, uploadConfig } = customCellContext;
-    return /*#__PURE__*/ _jsxs("div", {
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsx(Thumbnail, {
-                className: `${baseClass}__thumbnail`,
-                collectionSlug: collectionSlug,
-                doc: {
-                    ...rowData,
-                    filename
-                },
-                fileSrc: rowData?.thumbnailURL || rowData?.url,
-                size: "small",
-                uploadConfig: uploadConfig
-            }),
-            /*#__PURE__*/ _jsx("span", {
-                className: `${baseClass}__filename`,
-                children: String(filename)
-            })
-        ]
-    });
+export const FileCell = ({
+  cellData: filename,
+  customCellContext,
+  rowData
+}) => {
+  const {
+    collectionSlug,
+    uploadConfig
+  } = customCellContext;
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsx(Thumbnail, {
+      className: `${baseClass}__thumbnail`,
+      collectionSlug: collectionSlug,
+      doc: {
+        ...rowData,
+        filename
+      },
+      fileSrc: rowData?.thumbnailURL || rowData?.url,
+      size: "small",
+      uploadConfig: uploadConfig
+    }), /*#__PURE__*/_jsx("span", {
+      className: `${baseClass}__filename`,
+      children: String(filename)
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, UploadFieldClient } from 'payload'\n\nimport React from 'react'\n\nimport { Thumbnail } from '../../../../Thumbnail/index.js'\nimport './index.scss'\n\nconst baseClass = 'file'\n\nexport interface FileCellProps extends DefaultCellComponentProps<any, UploadFieldClient> {}\n\nexport const FileCell: React.FC<FileCellProps> = ({\n  cellData: filename,\n  customCellContext,\n  rowData,\n}) => {\n  const { collectionSlug, uploadConfig } = customCellContext\n\n  return (\n    <div className={baseClass}>\n      <Thumbnail\n        className={`${baseClass}__thumbnail`}\n        collectionSlug={collectionSlug}\n        doc={{\n          ...rowData,\n          filename,\n        }}\n        fileSrc={rowData?.thumbnailURL || rowData?.url}\n        size=\"small\"\n        uploadConfig={uploadConfig}\n      />\n      <span className={`${baseClass}__filename`}>{String(filename)}</span>\n    </div>\n  )\n}\n"],"names":["React","Thumbnail","baseClass","FileCell","cellData","filename","customCellContext","rowData","collectionSlug","uploadConfig","div","className","doc","fileSrc","thumbnailURL","url","size","span","String"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,iCAAgC;AAC1D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAIlB,OAAO,MAAMC,WAAoC,CAAC,EAChDC,UAAUC,QAAQ,EAClBC,iBAAiB,EACjBC,OAAO,EACR;IACC,MAAM,EAAEC,cAAc,EAAEC,YAAY,EAAE,GAAGH;IAEzC,qBACE,MAACI;QAAIC,WAAWT;;0BACd,KAACD;gBACCU,WAAW,CAAC,EAAET,UAAU,WAAW,CAAC;gBACpCM,gBAAgBA;gBAChBI,KAAK;oBACH,GAAGL,OAAO;oBACVF;gBACF;gBACAQ,SAASN,SAASO,gBAAgBP,SAASQ;gBAC3CC,MAAK;gBACLP,cAAcA;;0BAEhB,KAACQ;gBAAKN,WAAW,CAAC,EAAET,UAAU,UAAU,CAAC;0BAAGgB,OAAOb;;;;AAGzD,EAAC"}
+{"version":3,"file":"index.js","names":["React","Thumbnail","baseClass","FileCell","cellData","filename","customCellContext","rowData","collectionSlug","uploadConfig","_jsxs","className","_jsx","doc","fileSrc","thumbnailURL","url","size","String"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, UploadFieldClient } from 'payload'\n\nimport React from 'react'\n\nimport { Thumbnail } from '../../../../Thumbnail/index.js'\nimport './index.scss'\n\nconst baseClass = 'file'\n\nexport interface FileCellProps extends DefaultCellComponentProps<any, UploadFieldClient> {}\n\nexport const FileCell: React.FC<FileCellProps> = ({\n  cellData: filename,\n  customCellContext,\n  rowData,\n}) => {\n  const { collectionSlug, uploadConfig } = customCellContext\n\n  return (\n    <div className={baseClass}>\n      <Thumbnail\n        className={`${baseClass}__thumbnail`}\n        collectionSlug={collectionSlug}\n        doc={{\n          ...rowData,\n          filename,\n        }}\n        fileSrc={rowData?.thumbnailURL || rowData?.url}\n        size=\"small\"\n        uploadConfig={uploadConfig}\n      />\n      <span className={`${baseClass}__filename`}>{String(filename)}</span>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAIlB,OAAO,MAAMC,QAAA,GAAoCA,CAAC;EAChDC,QAAA,EAAUC,QAAQ;EAClBC,iBAAiB;EACjBC;AAAO,CACR;EACC,MAAM;IAAEC,cAAc;IAAEC;EAAY,CAAE,GAAGH,iBAAA;EAEzC,oBACEI,KAAA,CAAC;IAAIC,SAAA,EAAWT,SAAA;4BACdU,IAAA,CAACX,SAAA;MACCU,SAAA,EAAW,GAAGT,SAAA,aAAsB;MACpCM,cAAA,EAAgBA,cAAA;MAChBK,GAAA,EAAK;QACH,GAAGN,OAAO;QACVF;MACF;MACAS,OAAA,EAASP,OAAA,EAASQ,YAAA,IAAgBR,OAAA,EAASS,GAAA;MAC3CC,IAAA,EAAK;MACLR,YAAA,EAAcA;qBAEhBG,IAAA,CAAC;MAAKD,SAAA,EAAW,GAAGT,SAAA,YAAqB;gBAAGgB,MAAA,CAAOb,QAAA;;;AAGzD","ignoreList":[]}

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

@@ -1,15 +1,17 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const JSONCell = ({ cellData })=>{
-    const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\u2026` : cellData;
-    return /*#__PURE__*/ _jsx("code", {
-        className: "json-cell",
-        children: /*#__PURE__*/ _jsx("span", {
-            children: JSON.stringify(textToShow)
-        })
-    });
+export const JSONCell = ({
+  cellData
+}) => {
+  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\u2026` : cellData;
+  return /*#__PURE__*/_jsx("code", {
+    className: "json-cell",
+    children: /*#__PURE__*/_jsx("span", {
+      children: JSON.stringify(textToShow)
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, JSONFieldClient } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport const JSONCell: React.FC<DefaultCellComponentProps<string, JSONFieldClient>> = ({\n  cellData,\n}) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  return (\n    <code className=\"json-cell\">\n      <span>{JSON.stringify(textToShow)}</span>\n    </code>\n  )\n}\n"],"names":["React","JSONCell","cellData","textToShow","length","substring","code","className","span","JSON","stringify"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAyE,CAAC,EACrFC,QAAQ,EACT;IACC,MAAMC,aAAaD,UAAUE,SAAS,MAAM,CAAC,EAAEF,SAASG,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGH;IAEpF,qBACE,KAACI;QAAKC,WAAU;kBACd,cAAA,KAACC;sBAAMC,KAAKC,SAAS,CAACP;;;AAG5B,EAAC"}
+{"version":3,"file":"index.js","names":["React","JSONCell","cellData","textToShow","length","substring","_jsx","className","JSON","stringify"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, JSONFieldClient } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport const JSONCell: React.FC<DefaultCellComponentProps<string, JSONFieldClient>> = ({\n  cellData,\n}) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  return (\n    <code className=\"json-cell\">\n      <span>{JSON.stringify(textToShow)}</span>\n    </code>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAAyEA,CAAC;EACrFC;AAAQ,CACT;EACC,MAAMC,UAAA,GAAaD,QAAA,EAAUE,MAAA,GAAS,MAAM,GAAGF,QAAA,CAASG,SAAS,CAAC,GAAG,YAAY,GAAGH,QAAA;EAEpF,oBACEI,IAAA,CAAC;IAAKC,SAAA,EAAU;cACd,aAAAD,IAAA,CAAC;gBAAME,IAAA,CAAKC,SAAS,CAACN,UAAA;;;AAG5B","ignoreList":[]}

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

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { useEffect, useState } from 'react';
@@ -12,97 +14,188 @@ import { FileCell } from '../File/index.js';
 import './index.scss';
 const baseClass = 'relationship-cell';
 const totalToShow = 3;
-export const RelationshipCell = ({ cellData, customCellContext, field, field: { label, relationTo } })=>{
-    const { config } = useConfig();
-    const { collections, routes } = config;
-    const [intersectionRef, entry] = useIntersect();
-    const [values, setValues] = useState([]);
-    const { documents, getRelationships } = useListRelationships();
-    const [hasRequested, setHasRequested] = useState(false);
-    const { i18n, t } = useTranslation();
-    const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false;
-    useEffect(()=>{
-        if ((cellData || typeof cellData === 'number') && isAboveViewport && !hasRequested) {
-            const formattedValues = [];
-            const arrayCellData = Array.isArray(cellData) ? cellData : [
-                cellData
-            ];
-            arrayCellData.slice(0, arrayCellData.length < totalToShow ? arrayCellData.length : totalToShow).forEach((cell)=>{
-                if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {
-                    formattedValues.push(cell);
-                }
-                if ((typeof cell === 'number' || typeof cell === 'string') && typeof relationTo === 'string') {
-                    formattedValues.push({
-                        relationTo,
-                        value: cell
-                    });
-                }
+export const RelationshipCell = t0 => {
+  const $ = _c(40);
+  const {
+    cellData,
+    customCellContext,
+    field,
+    field: t1
+  } = t0;
+  const {
+    label,
+    relationTo
+  } = t1;
+  const {
+    config
+  } = useConfig();
+  const {
+    collections,
+    routes
+  } = config;
+  const [intersectionRef, entry] = useIntersect();
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [];
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  const [values, setValues] = useState(t2);
+  const {
+    documents,
+    getRelationships
+  } = useListRelationships();
+  const [hasRequested, setHasRequested] = useState(false);
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false;
+  let t3;
+  if ($[1] !== cellData || $[2] !== isAboveViewport || $[3] !== hasRequested || $[4] !== relationTo || $[5] !== getRelationships) {
+    t3 = () => {
+      if ((cellData || typeof cellData === "number") && isAboveViewport && !hasRequested) {
+        const formattedValues = [];
+        const arrayCellData = Array.isArray(cellData) ? cellData : [cellData];
+        arrayCellData.slice(0, arrayCellData.length < totalToShow ? arrayCellData.length : totalToShow).forEach(cell => {
+          if (typeof cell === "object" && "relationTo" in cell && "value" in cell) {
+            formattedValues.push(cell);
+          }
+          if ((typeof cell === "number" || typeof cell === "string") && typeof relationTo === "string") {
+            formattedValues.push({
+              relationTo,
+              value: cell
             });
-            getRelationships(formattedValues);
-            setHasRequested(true);
-            setValues(formattedValues);
-        }
-    }, [
-        cellData,
-        relationTo,
-        collections,
-        isAboveViewport,
-        routes.api,
-        hasRequested,
-        getRelationships
-    ]);
-    useEffect(()=>{
-        if (hasRequested) {
-            setHasRequested(false);
+          }
+        });
+        getRelationships(formattedValues);
+        setHasRequested(true);
+        setValues(formattedValues);
+      }
+    };
+    $[1] = cellData;
+    $[2] = isAboveViewport;
+    $[3] = hasRequested;
+    $[4] = relationTo;
+    $[5] = getRelationships;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== cellData || $[8] !== relationTo || $[9] !== collections || $[10] !== isAboveViewport || $[11] !== routes.api || $[12] !== hasRequested || $[13] !== getRelationships) {
+    t4 = [cellData, relationTo, collections, isAboveViewport, routes.api, hasRequested, getRelationships];
+    $[7] = cellData;
+    $[8] = relationTo;
+    $[9] = collections;
+    $[10] = isAboveViewport;
+    $[11] = routes.api;
+    $[12] = hasRequested;
+    $[13] = getRelationships;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  useEffect(t3, t4);
+  let t5;
+  if ($[15] !== hasRequested) {
+    t5 = () => {
+      if (hasRequested) {
+        setHasRequested(false);
+      }
+    };
+    $[15] = hasRequested;
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  let t6;
+  if ($[17] !== cellData) {
+    t6 = [cellData];
+    $[17] = cellData;
+    $[18] = t6;
+  } else {
+    t6 = $[18];
+  }
+  useEffect(t5, t6);
+  let t7;
+  if ($[19] !== documents || $[20] !== collections || $[21] !== config.admin.dateFormat || $[22] !== t || $[23] !== i18n || $[24] !== field || $[25] !== customCellContext || $[26] !== values || $[27] !== cellData || $[28] !== label || $[29] !== intersectionRef) {
+    let t8;
+    if ($[31] !== documents || $[32] !== collections || $[33] !== config.admin.dateFormat || $[34] !== t || $[35] !== i18n || $[36] !== field || $[37] !== customCellContext || $[38] !== values.length) {
+      t8 = (t9, i) => {
+        const {
+          relationTo: relationTo_0,
+          value
+        } = t9;
+        const document = documents[relationTo_0][value];
+        const relatedCollection = collections.find(t10 => {
+          const {
+            slug
+          } = t10;
+          return slug === relationTo_0;
+        });
+        const label_0 = formatDocTitle({
+          collectionConfig: relatedCollection,
+          data: document || null,
+          dateFormat: config.admin.dateFormat,
+          fallback: `${t("general:untitled")} - ID: ${value}`,
+          i18n
+        });
+        let fileField = null;
+        if (field.type === "upload") {
+          const relatedCollectionPreview = !!relatedCollection.upload.displayPreview;
+          const previewAllowed = field.displayPreview || relatedCollectionPreview && field.displayPreview !== false;
+          if (previewAllowed && document) {
+            fileField = _jsx(FileCell, {
+              cellData: label_0,
+              customCellContext,
+              field,
+              rowData: document
+            });
+          }
         }
-    }, [
-        cellData
-    ]);
-    return /*#__PURE__*/ _jsxs("div", {
-        className: baseClass,
-        ref: intersectionRef,
-        children: [
-            values.map(({ relationTo, value }, i)=>{
-                const document = documents[relationTo][value];
-                const relatedCollection = collections.find(({ slug })=>slug === relationTo);
-                const label = formatDocTitle({
-                    collectionConfig: relatedCollection,
-                    data: document || null,
-                    dateFormat: config.admin.dateFormat,
-                    fallback: `${t('general:untitled')} - ID: ${value}`,
-                    i18n
-                });
-                let fileField = null;
-                if (field.type === 'upload') {
-                    const relatedCollectionPreview = !!relatedCollection.upload.displayPreview;
-                    const previewAllowed = field.displayPreview || relatedCollectionPreview && field.displayPreview !== false;
-                    if (previewAllowed && document) {
-                        fileField = /*#__PURE__*/ _jsx(FileCell, {
-                            cellData: label,
-                            customCellContext: customCellContext,
-                            field: field,
-                            rowData: document
-                        });
-                    }
-                }
-                return /*#__PURE__*/ _jsxs(React.Fragment, {
-                    children: [
-                        document === false && `${t('general:untitled')} - ID: ${value}`,
-                        document === null && `${t('general:loading')}...`,
-                        document ? fileField || label : null,
-                        values.length > i + 1 && ', '
-                    ]
-                }, i);
-            }),
-            Array.isArray(cellData) && cellData.length > totalToShow && t('fields:itemsAndMore', {
-                count: cellData.length - totalToShow,
-                items: ''
-            }),
-            values.length === 0 && t('general:noLabel', {
-                label: getTranslation(label || '', i18n)
-            })
-        ]
+        return _jsxs(React.Fragment, {
+          children: [document === false && `${t("general:untitled")} - ID: ${value}`, document === null && `${t("general:loading")}...`, document ? fileField || label_0 : null, values.length > i + 1 && ", "]
+        }, i);
+      };
+      $[31] = documents;
+      $[32] = collections;
+      $[33] = config.admin.dateFormat;
+      $[34] = t;
+      $[35] = i18n;
+      $[36] = field;
+      $[37] = customCellContext;
+      $[38] = values.length;
+      $[39] = t8;
+    } else {
+      t8 = $[39];
+    }
+    t7 = _jsxs("div", {
+      className: baseClass,
+      ref: intersectionRef,
+      children: [values.map(t8), Array.isArray(cellData) && cellData.length > totalToShow && t("fields:itemsAndMore", {
+        count: cellData.length - totalToShow,
+        items: ""
+      }), values.length === 0 && t("general:noLabel", {
+        label: getTranslation(label || "", i18n)
+      })]
     });
+    $[19] = documents;
+    $[20] = collections;
+    $[21] = config.admin.dateFormat;
+    $[22] = t;
+    $[23] = i18n;
+    $[24] = field;
+    $[25] = customCellContext;
+    $[26] = values;
+    $[27] = cellData;
+    $[28] = label;
+    $[29] = intersectionRef;
+    $[30] = t7;
+  } else {
+    t7 = $[30];
+  }
+  return t7;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, RelationshipFieldClient, UploadFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useState } from 'react'\n\nimport { useIntersect } from '../../../../../hooks/useIntersect.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { canUseDOM } from '../../../../../utilities/canUseDOM.js'\nimport { formatDocTitle } from '../../../../../utilities/formatDocTitle.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport { FileCell } from '../File/index.js'\nimport './index.scss'\n\ntype Value = { relationTo: string; value: number | string }\nconst baseClass = 'relationship-cell'\nconst totalToShow = 3\n\nexport interface RelationshipCellProps\n  extends DefaultCellComponentProps<any, RelationshipFieldClient | UploadFieldClient> {}\n\nexport const RelationshipCell: React.FC<RelationshipCellProps> = ({\n  cellData,\n  customCellContext,\n  field,\n  field: { label, relationTo },\n}) => {\n  const { config } = useConfig()\n  const { collections, routes } = config\n  const [intersectionRef, entry] = useIntersect()\n  const [values, setValues] = useState<Value[]>([])\n  const { documents, getRelationships } = useListRelationships()\n  const [hasRequested, setHasRequested] = useState(false)\n  const { i18n, t } = useTranslation()\n\n  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false\n\n  useEffect(() => {\n    if ((cellData || typeof cellData === 'number') && isAboveViewport && !hasRequested) {\n      const formattedValues: Value[] = []\n      const arrayCellData = Array.isArray(cellData) ? cellData : [cellData]\n      arrayCellData\n        .slice(0, arrayCellData.length < totalToShow ? arrayCellData.length : totalToShow)\n        .forEach((cell) => {\n          if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {\n            formattedValues.push(cell)\n          }\n          if (\n            (typeof cell === 'number' || typeof cell === 'string') &&\n            typeof relationTo === 'string'\n          ) {\n            formattedValues.push({\n              relationTo,\n              value: cell,\n            })\n          }\n        })\n      getRelationships(formattedValues)\n      setHasRequested(true)\n      setValues(formattedValues)\n    }\n  }, [\n    cellData,\n    relationTo,\n    collections,\n    isAboveViewport,\n    routes.api,\n    hasRequested,\n    getRelationships,\n  ])\n\n  useEffect(() => {\n    if (hasRequested) {\n      setHasRequested(false)\n    }\n  }, [cellData])\n\n  return (\n    <div className={baseClass} ref={intersectionRef}>\n      {values.map(({ relationTo, value }, i) => {\n        const document = documents[relationTo][value]\n        const relatedCollection = collections.find(({ slug }) => slug === relationTo)\n\n        const label = formatDocTitle({\n          collectionConfig: relatedCollection,\n          data: document || null,\n          dateFormat: config.admin.dateFormat,\n          fallback: `${t('general:untitled')} - ID: ${value}`,\n          i18n,\n        })\n\n        let fileField = null\n\n        if (field.type === 'upload') {\n          const relatedCollectionPreview = !!relatedCollection.upload.displayPreview\n          const previewAllowed =\n            field.displayPreview || (relatedCollectionPreview && field.displayPreview !== false)\n\n          if (previewAllowed && document) {\n            fileField = (\n              <FileCell\n                cellData={label}\n                customCellContext={customCellContext}\n                field={field}\n                rowData={document}\n              />\n            )\n          }\n        }\n\n        return (\n          <React.Fragment key={i}>\n            {document === false && `${t('general:untitled')} - ID: ${value}`}\n            {document === null && `${t('general:loading')}...`}\n            {document ? fileField || label : null}\n            {values.length > i + 1 && ', '}\n          </React.Fragment>\n        )\n      })}\n      {Array.isArray(cellData) &&\n        cellData.length > totalToShow &&\n        t('fields:itemsAndMore', { count: cellData.length - totalToShow, items: '' })}\n      {values.length === 0 && t('general:noLabel', { label: getTranslation(label || '', i18n) })}\n    </div>\n  )\n}\n"],"names":["getTranslation","React","useEffect","useState","useIntersect","useConfig","useTranslation","canUseDOM","formatDocTitle","useListRelationships","FileCell","baseClass","totalToShow","RelationshipCell","cellData","customCellContext","field","label","relationTo","config","collections","routes","intersectionRef","entry","values","setValues","documents","getRelationships","hasRequested","setHasRequested","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","formattedValues","arrayCellData","Array","isArray","slice","length","forEach","cell","push","value","api","div","className","ref","map","i","document","relatedCollection","find","slug","collectionConfig","data","dateFormat","admin","fallback","fileField","type","relatedCollectionPreview","upload","displayPreview","previewAllowed","rowData","Fragment","count","items"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useEffect","useState","useIntersect","useConfig","useTranslation","canUseDOM","formatDocTitle","useListRelationships","FileCell","baseClass","totalToShow","RelationshipCell","t0","$","cellData","customCellContext","field","t1","label","relationTo","config","collections","routes","intersectionRef","entry","t2","Symbol","for","values","setValues","documents","getRelationships","hasRequested","setHasRequested","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","t3","formattedValues","arrayCellData","Array","isArray","slice","length","forEach","cell","push","value","t4","api","t5","t6","t7","admin","dateFormat","t8","t9","i","relationTo_0","document","relatedCollection","find","t10","slug","label_0","collectionConfig","data","fallback","fileField","type","relatedCollectionPreview","upload","displayPreview","previewAllowed","rowData","_jsxs","Fragment","children","className","ref","map","count","items"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, RelationshipFieldClient, UploadFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useState } from 'react'\n\nimport { useIntersect } from '../../../../../hooks/useIntersect.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { canUseDOM } from '../../../../../utilities/canUseDOM.js'\nimport { formatDocTitle } from '../../../../../utilities/formatDocTitle.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport { FileCell } from '../File/index.js'\nimport './index.scss'\n\ntype Value = { relationTo: string; value: number | string }\nconst baseClass = 'relationship-cell'\nconst totalToShow = 3\n\nexport interface RelationshipCellProps\n  extends DefaultCellComponentProps<any, RelationshipFieldClient | UploadFieldClient> {}\n\nexport const RelationshipCell: React.FC<RelationshipCellProps> = ({\n  cellData,\n  customCellContext,\n  field,\n  field: { label, relationTo },\n}) => {\n  const { config } = useConfig()\n  const { collections, routes } = config\n  const [intersectionRef, entry] = useIntersect()\n  const [values, setValues] = useState<Value[]>([])\n  const { documents, getRelationships } = useListRelationships()\n  const [hasRequested, setHasRequested] = useState(false)\n  const { i18n, t } = useTranslation()\n\n  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false\n\n  useEffect(() => {\n    if ((cellData || typeof cellData === 'number') && isAboveViewport && !hasRequested) {\n      const formattedValues: Value[] = []\n      const arrayCellData = Array.isArray(cellData) ? cellData : [cellData]\n      arrayCellData\n        .slice(0, arrayCellData.length < totalToShow ? arrayCellData.length : totalToShow)\n        .forEach((cell) => {\n          if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {\n            formattedValues.push(cell)\n          }\n          if (\n            (typeof cell === 'number' || typeof cell === 'string') &&\n            typeof relationTo === 'string'\n          ) {\n            formattedValues.push({\n              relationTo,\n              value: cell,\n            })\n          }\n        })\n      getRelationships(formattedValues)\n      setHasRequested(true)\n      setValues(formattedValues)\n    }\n  }, [\n    cellData,\n    relationTo,\n    collections,\n    isAboveViewport,\n    routes.api,\n    hasRequested,\n    getRelationships,\n  ])\n\n  useEffect(() => {\n    if (hasRequested) {\n      setHasRequested(false)\n    }\n  }, [cellData])\n\n  return (\n    <div className={baseClass} ref={intersectionRef}>\n      {values.map(({ relationTo, value }, i) => {\n        const document = documents[relationTo][value]\n        const relatedCollection = collections.find(({ slug }) => slug === relationTo)\n\n        const label = formatDocTitle({\n          collectionConfig: relatedCollection,\n          data: document || null,\n          dateFormat: config.admin.dateFormat,\n          fallback: `${t('general:untitled')} - ID: ${value}`,\n          i18n,\n        })\n\n        let fileField = null\n\n        if (field.type === 'upload') {\n          const relatedCollectionPreview = !!relatedCollection.upload.displayPreview\n          const previewAllowed =\n            field.displayPreview || (relatedCollectionPreview && field.displayPreview !== false)\n\n          if (previewAllowed && document) {\n            fileField = (\n              <FileCell\n                cellData={label}\n                customCellContext={customCellContext}\n                field={field}\n                rowData={document}\n              />\n            )\n          }\n        }\n\n        return (\n          <React.Fragment key={i}>\n            {document === false && `${t('general:untitled')} - ID: ${value}`}\n            {document === null && `${t('general:loading')}...`}\n            {document ? fileField || label : null}\n            {values.length > i + 1 && ', '}\n          </React.Fragment>\n        )\n      })}\n      {Array.isArray(cellData) &&\n        cellData.length > totalToShow &&\n        t('fields:itemsAndMore', { count: cellData.length - totalToShow, items: '' })}\n      {values.length === 0 && t('general:noLabel', { label: getTranslation(label || '', i18n) })}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,SAAS,EAAEC,QAAQ,QAAQ;AAE3C,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,QAAQ,QAAQ;AACzB,OAAO;AAGP,MAAMC,SAAA,GAAY;AAClB,MAAMC,WAAA,GAAc;AAKpB,OAAO,MAAMC,gBAAA,GAAoDC,EAAA;EAAA,MAAAC,CAAA,GAAAhB,EAAA;EAAC;IAAAiB,QAAA;IAAAC,iBAAA;IAAAC,KAAA;IAAAA,KAAA,EAAAC;EAAA,IAAAL,EAKjE;EADQ;IAAAM,KAAA;IAAAC;EAAA,IAAAF,EAAqB;EAE5B;IAAAG;EAAA,IAAmBjB,SAAA;EACnB;IAAAkB,WAAA;IAAAC;EAAA,IAAgCF,MAAA;EAChC,OAAAG,eAAA,EAAAC,KAAA,IAAiCtB,YAAA;EAAA,IAAAuB,EAAA;EAAA,IAAAZ,CAAA,QAAAa,MAAA,CAAAC,GAAA;IACaF,EAAA;IAAEZ,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAAhD,OAAAe,MAAA,EAAAC,SAAA,IAA4B5B,QAAA,CAAkBwB,EAAE;EAChD;IAAAK,SAAA;IAAAC;EAAA,IAAwCxB,oBAAA;EACxC,OAAAyB,YAAA,EAAAC,eAAA,IAAwChC,QAAA,MAAS;EACjD;IAAAiC,IAAA;IAAAC;EAAA,IAAoB/B,cAAA;EAEpB,MAAAgC,eAAA,GAAwB/B,SAAA,GAAYmB,KAAA,EAAAa,kBAAA,EAAAC,GAAA,GAAAC,MAAA,CAAAC,WAAmD,QAAG;EAAA,IAAAC,EAAA;EAAA,IAAA5B,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAuB,eAAA,IAAAvB,CAAA,QAAAmB,YAAA,IAAAnB,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAkB,gBAAA;IAEhFU,EAAA,GAAAA,CAAA;MAAA,IACJ,CAAC3B,QAAA,IAAY,OAAOA,QAAA,KAAa,QAAO,KAAMsB,eAAA,KAAoBJ,YAAA;QACpE,MAAAU,eAAA;QACA,MAAAC,aAAA,GAAsBC,KAAA,CAAAC,OAAA,CAAc/B,QAAA,IAAYA,QAAA,IAAYA,QAAA,CAAS;QACrE6B,aAAA,CAAAG,KAAA,IACYH,aAAA,CAAAI,MAAA,GAAArC,WAAuB,GAAciC,aAAA,CAAAI,MAAA,GAAArC,WAAuB,EAAAsC,OAAA,CAAAC,IAAA;UAAA,IAEhE,OAAOA,IAAA,KAAS,YAAY,gBAAgBA,IAAA,IAAQ,WAAWA,IAAA;YACjEP,eAAA,CAAAQ,IAAA,CAAqBD,IAAA;UAAA;UAAA,IAGrB,CAAC,OAAOA,IAAA,KAAS,YAAY,OAAOA,IAAA,KAAS,QAAO,KACpD,OAAO9B,UAAA,KAAe;YAEtBuB,eAAA,CAAAQ,IAAA;cAAA/B,UAAA;cAAAgC,KAAA,EAESF;YAAA,CACT;UAAA;QAAA,CAEJ;QACFlB,gBAAA,CAAiBW,eAAA;QACjBT,eAAA,KAAgB;QAChBJ,SAAA,CAAUa,eAAA;MAAA;IAAA;IAEd7B,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAuB,eAAA;IAAAvB,CAAA,MAAAmB,YAAA;IAAAnB,CAAA,MAAAM,UAAA;IAAAN,CAAA,MAAAkB,gBAAA;IAAAlB,CAAA,MAAA4B,EAAA;EAAA;IAAAA,EAAA,GAAA5B,CAAA;EAAA;EAAA,IAAAuC,EAAA;EAAA,IAAAvC,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAQ,WAAA,IAAAR,CAAA,SAAAuB,eAAA,IAAAvB,CAAA,SAAAS,MAAA,CAAA+B,GAAA,IAAAxC,CAAA,SAAAmB,YAAA,IAAAnB,CAAA,SAAAkB,gBAAA;IAAGqB,EAAA,IACDtC,QAAA,EACAK,UAAA,EACAE,WAAA,EACAe,eAAA,EACAd,MAAA,CAAA+B,GAAA,EACArB,YAAA,EACAD,gBAAA;IACDlB,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAM,UAAA;IAAAN,CAAA,MAAAQ,WAAA;IAAAR,CAAA,OAAAuB,eAAA;IAAAvB,CAAA,OAAAS,MAAA,CAAA+B,GAAA;IAAAxC,CAAA,OAAAmB,YAAA;IAAAnB,CAAA,OAAAkB,gBAAA;IAAAlB,CAAA,OAAAuC,EAAA;EAAA;IAAAA,EAAA,GAAAvC,CAAA;EAAA;EAhCDb,SAAA,CAAUyC,EAwBV,EAAGW,EAQF;EAAA,IAAAE,EAAA;EAAA,IAAAzC,CAAA,SAAAmB,YAAA;IAESsB,EAAA,GAAAA,CAAA;MAAA,IACJtB,YAAA;QACFC,eAAA,MAAgB;MAAA;IAAA;IAEpBpB,CAAA,OAAAmB,YAAA;IAAAnB,CAAA,OAAAyC,EAAA;EAAA;IAAAA,EAAA,GAAAzC,CAAA;EAAA;EAAA,IAAA0C,EAAA;EAAA,IAAA1C,CAAA,SAAAC,QAAA;IAAGyC,EAAA,IAACzC,QAAA;IAASD,CAAA,OAAAC,QAAA;IAAAD,CAAA,OAAA0C,EAAA;EAAA;IAAAA,EAAA,GAAA1C,CAAA;EAAA;EAJbb,SAAA,CAAUsD,EAIV,EAAGC,EAAU;EAAA,IAAAC,EAAA;EAAA,IAAA3C,CAAA,SAAAiB,SAAA,IAAAjB,CAAA,SAAAQ,WAAA,IAAAR,CAAA,SAAAO,MAAA,CAAAqC,KAAA,CAAAC,UAAA,IAAA7C,CAAA,SAAAsB,CAAA,IAAAtB,CAAA,SAAAqB,IAAA,IAAArB,CAAA,SAAAG,KAAA,IAAAH,CAAA,SAAAE,iBAAA,IAAAF,CAAA,SAAAe,MAAA,IAAAf,CAAA,SAAAC,QAAA,IAAAD,CAAA,SAAAK,KAAA,IAAAL,CAAA,SAAAU,eAAA;IAAA,IAAAoC,EAAA;IAAA,IAAA9C,CAAA,SAAAiB,SAAA,IAAAjB,CAAA,SAAAQ,WAAA,IAAAR,CAAA,SAAAO,MAAA,CAAAqC,KAAA,CAAAC,UAAA,IAAA7C,CAAA,SAAAsB,CAAA,IAAAtB,CAAA,SAAAqB,IAAA,IAAArB,CAAA,SAAAG,KAAA,IAAAH,CAAA,SAAAE,iBAAA,IAAAF,CAAA,SAAAe,MAAA,CAAAmB,MAAA;MAIGY,EAAA,GAAAA,CAAAC,EAAA,EAAAC,CAAA;QAAC;UAAA1C,UAAA,EAAA2C,YAAA;UAAAX;QAAA,IAAAS,EAAqB;QAChC,MAAAG,QAAA,GAAiBjC,SAAS,CAACX,YAAA,EAAYgC,KAAA;QACvC,MAAAa,iBAAA,GAA0B3C,WAAA,CAAA4C,IAAA,CAAAC,GAAA;UAAkB;YAAAC;UAAA,IAAAD,GAAQ;UAAA,OAAKC,IAAA,KAAShD,YAAA;QAAA;QAElE,MAAAiD,OAAA,GAAc9D,cAAA;UAAA+D,gBAAA,EACML,iBAAA;UAAAM,IAAA,EACZP,QAAA,QAAY;UAAAL,UAAA,EACNtC,MAAA,CAAAqC,KAAA,CAAAC,UAAA;UAAAa,QAAA,EACF,GAAGpC,CAAA,CAAE,6BAA6BgB,KAAA,EAAO;UAAAjB;QAAA,CAErD;QAEA,IAAAsC,SAAA;QAAgB,IAEZxD,KAAA,CAAAyD,IAAA,KAAe;UACjB,MAAAC,wBAAA,KAAmCV,iBAAA,CAAAW,MAAA,CAAAC,cAAA;UACnC,MAAAC,cAAA,GACE7D,KAAA,CAAA4D,cAAA,IAAyBF,wBAAA,IAA4B1D,KAAA,CAAA4D,cAAA,UAAyB;UAAA,IAE5EC,cAAA,IAAkBd,QAAA;YACpBS,SAAA,CAAAA,CAAA,CACEA,cAAA,CAAAA;cAAAA,SAAA,CACYtD,OAAA;cAAAH,iBAAA;cAAAC,KAAA;cAAA8D,OAAA,EAGDf;YAAA,C;UALb;QAAA;QAAA,OAYFgB,KAAA,CAAAhF,KAAA,CAAAiF,QAAA;UAAAC,QAAA,GACGlB,QAAA,UAAa,IAAS,GAAG5B,CAAA,CAAE,6BAA6BgB,KAAA,EAAO,EAC/DY,QAAA,SAAa,IAAQ,GAAG5B,CAAA,CAAE,uBAAuB,EACjD4B,QAAA,GAAWS,SAAA,IAAatD,OAAA,OAAQ,EAChCU,MAAA,CAAAmB,MAAA,GAAgBc,CAAA,IAAI,IAAK;QAAA,GAJPA,CAAA;MAAA;MAOzBhD,CAAA,OAAAiB,SAAA;MAAAjB,CAAA,OAAAQ,WAAA;MAAAR,CAAA,OAAAO,MAAA,CAAAqC,KAAA,CAAAC,UAAA;MAAA7C,CAAA,OAAAsB,CAAA;MAAAtB,CAAA,OAAAqB,IAAA;MAAArB,CAAA,OAAAG,KAAA;MAAAH,CAAA,OAAAE,iBAAA;MAAAF,CAAA,OAAAe,MAAA,CAAAmB,MAAA;MAAAlC,CAAA,OAAA8C,EAAA;IAAA;MAAAA,EAAA,GAAA9C,CAAA;IAAA;IAxCF2C,EAAA,GAAAuB,KAAA,CAAC;MAAAG,SAAA,EAAAzE,SAAA;MAAA0E,GAAA,EAA+B5D,eAAA;MAAA0D,QAAA,GAC7BrD,MAAA,CAAAwD,GAAA,CAAWzB,EAuCZ,GACCf,KAAA,CAAAC,OAAA,CAAc/B,QAAA,KACbA,QAAA,CAAAiC,MAAA,GAAArC,WAAkB,IAClByB,CAAA,CAAE;QAAAkD,KAAA,EAAgCvE,QAAA,CAAAiC,MAAA,GAAArC,WAAkB;QAAA4E,KAAA,EAAoB;MAAA,CAAG,GAC5E1D,MAAA,CAAAmB,MAAA,MAAkB,IAAKZ,CAAA,CAAE;QAAAjB,KAAA,EAA4BpB,cAAA,CAAeoB,KAAA,IAAS,IAAIgB,IAAA;MAAA,CAAM;IAAA,C;;;;;;;;;;;;;;;;SA5C1FsB,E;CA+CJ","ignoreList":[]}