@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

package/dist/elements/GroupByBuilder/index.js

@@ -1,6 +1,8 @@
 'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './index.scss';
-import { useMemo } from 'react';
+import React, { useMemo } from 'react';
 import { SelectInput } from '../../fields/Select/Input.js';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useListQuery } from '../../providers/ListQuery/index.js';
@@ -14,88 +16,103 @@ const baseClass = 'group-by-builder';
  * - fields that don't affect data, i.e. `row`, `collapsible`, `ui`, etc.
  * So we don't technically need to omit them here, but do anyway.
  * But some remaining fields still need an additional check, e.g. `richText`, etc.
- */ const supportedFieldTypes = [
-    'text',
-    'textarea',
-    'number',
-    'select',
-    'relationship',
-    'date',
-    'checkbox',
-    'radio',
-    'email',
-    'number',
-    'upload'
-];
-export const GroupByBuilder = ({ collectionSlug, fields })=>{
-    const { i18n, t } = useTranslation();
-    const { permissions } = useAuth();
-    const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields;
-    const reducedFields = useMemo(()=>reduceFieldsToOptions({
-            fieldPermissions,
-            fields,
-            i18n
-        }), [
-        fields,
-        fieldPermissions,
-        i18n
-    ]);
-    const { query, refineListData } = useListQuery();
-    const groupByFieldName = query.groupBy?.replace(/^-/, '');
-    const groupByField = reducedFields.find((field)=>field.value === groupByFieldName);
-    return <div className={baseClass}>
-      <div className={`${baseClass}__header`}>
-        <p>
-          {t('general:groupByLabel', {
-        label: ''
-    })}
-        </p>
-        {query.groupBy && <button className={`${baseClass}__clear-button`} id="group-by--reset" onClick={async ()=>{
-        await refineListData({
+ */
+const supportedFieldTypes = ['text', 'textarea', 'number', 'select', 'relationship', 'date', 'checkbox', 'radio', 'email', 'number', 'upload'];
+export const GroupByBuilder = ({
+  collectionSlug,
+  fields
+}) => {
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    permissions
+  } = useAuth();
+  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields;
+  const reducedFields = useMemo(() => reduceFieldsToOptions({
+    fieldPermissions,
+    fields,
+    i18n
+  }), [fields, fieldPermissions, i18n]);
+  const {
+    query,
+    refineListData
+  } = useListQuery();
+  const groupByFieldName = query.groupBy?.replace(/^-/, '');
+  const groupByField = reducedFields.find(field => field.value === groupByFieldName);
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__header`,
+      children: [/*#__PURE__*/_jsx("p", {
+        children: t('general:groupByLabel', {
+          label: ''
+        })
+      }), query.groupBy && /*#__PURE__*/_jsx("button", {
+        className: `${baseClass}__clear-button`,
+        id: "group-by--reset",
+        onClick: async () => {
+          await refineListData({
             groupBy: ''
-        });
-    }} type="button">
-            {t('general:clear')}
-          </button>}
-      </div>
-      <div className={`${baseClass}__inputs`}>
-        <ReactSelect filterOption={(option, inputValue)=>(option?.data?.plainTextLabel || option.label).toLowerCase().includes(inputValue.toLowerCase())} id="group-by--field-select" isClearable isMulti={false} onChange={async (v)=>{
-        const value = v === null ? undefined : v.value;
-        // value is being cleared
-        if (v === null) {
+          });
+        },
+        type: "button",
+        children: t('general:clear')
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__inputs`,
+      children: [/*#__PURE__*/_jsx(ReactSelect, {
+        filterOption: (option, inputValue) => (option?.data?.plainTextLabel || option.label).toLowerCase().includes(inputValue.toLowerCase()),
+        id: "group-by--field-select",
+        isClearable: true,
+        isMulti: false,
+        onChange: async v => {
+          const value = v === null ? undefined : v.value;
+          // value is being cleared
+          if (v === null) {
             await refineListData({
-                groupBy: '',
-                page: 1
+              groupBy: '',
+              page: 1
             });
-        }
-        await refineListData({
+          }
+          await refineListData({
             groupBy: value ? query.groupBy?.startsWith('-') ? `-${value}` : value : undefined,
             page: 1
-        });
-    }} options={reducedFields.filter((field)=>!field.field.admin.disableGroupBy && field.value !== 'id' && supportedFieldTypes.includes(field.field.type))} value={{
-        label: groupByField?.label || t('general:selectValue'),
-        value: groupByFieldName || ''
-    }}/>
-        <SelectInput id="group-by--sort" isClearable={false} name="direction" onChange={async ({ value })=>{
-        if (!groupByFieldName) {
-            return;
+          });
+        },
+        options: reducedFields.filter(field_0 => !field_0.field.admin.disableGroupBy && field_0.value !== 'id' && supportedFieldTypes.includes(field_0.field.type)),
+        value: {
+          label: groupByField?.label || t('general:selectValue'),
+          value: groupByFieldName || ''
         }
-        await refineListData({
-            groupBy: value === 'asc' ? groupByFieldName : `-${groupByFieldName}`,
+      }), /*#__PURE__*/_jsx(SelectInput, {
+        id: "group-by--sort",
+        isClearable: false,
+        name: "direction",
+        onChange: async ({
+          value: value_0
+        }) => {
+          if (!groupByFieldName) {
+            return;
+          }
+          await refineListData({
+            groupBy: value_0 === 'asc' ? groupByFieldName : `-${groupByFieldName}`,
             page: 1
-        });
-    }} options={[
-        {
-            label: t('general:ascending'),
-            value: 'asc'
+          });
         },
-        {
-            label: t('general:descending'),
-            value: 'desc'
-        }
-    ]} path="direction" readOnly={!groupByFieldName} value={!query.groupBy ? 'asc' : typeof query.groupBy === 'string' ? `${query.groupBy.startsWith('-') ? 'desc' : 'asc'}` : ''}/>
-      </div>
-    </div>;
+        options: [{
+          label: t('general:ascending'),
+          value: 'asc'
+        }, {
+          label: t('general:descending'),
+          value: 'desc'
+        }],
+        path: "direction",
+        readOnly: !groupByFieldName,
+        value: !query.groupBy ? 'asc' : typeof query.groupBy === 'string' ? `${query.groupBy.startsWith('-') ? 'desc' : 'asc'}` : ''
+      })]
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/GroupByBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Field, SanitizedCollectionConfig } from 'payload'\n\nimport './index.scss'\n\nimport React, { useMemo } from 'react'\n\nimport { SelectInput } from '../../fields/Select/Input.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\n\nexport type Props = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  fields: ClientField[]\n}\n\nconst baseClass = 'group-by-builder'\n\n/**\n * Note: Some fields are already omitted from the list of fields:\n * - fields with nested field, e.g. `tabs`, `groups`, etc.\n * - fields that don't affect data, i.e. `row`, `collapsible`, `ui`, etc.\n * So we don't technically need to omit them here, but do anyway.\n * But some remaining fields still need an additional check, e.g. `richText`, etc.\n */\nconst supportedFieldTypes: Field['type'][] = [\n  'text',\n  'textarea',\n  'number',\n  'select',\n  'relationship',\n  'date',\n  'checkbox',\n  'radio',\n  'email',\n  'number',\n  'upload',\n]\n\nexport const GroupByBuilder: React.FC<Props> = ({ collectionSlug, fields }) => {\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n\n  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields\n\n  const reducedFields = useMemo(\n    () =>\n      reduceFieldsToOptions({\n        fieldPermissions,\n        fields,\n        i18n,\n      }),\n    [fields, fieldPermissions, i18n],\n  )\n\n  const { query, refineListData } = useListQuery()\n\n  const groupByFieldName = query.groupBy?.replace(/^-/, '')\n\n  const groupByField = reducedFields.find((field) => field.value === groupByFieldName)\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <p>\n          {t('general:groupByLabel', {\n            label: '',\n          })}\n        </p>\n        {query.groupBy && (\n          <button\n            className={`${baseClass}__clear-button`}\n            id=\"group-by--reset\"\n            onClick={async () => {\n              await refineListData({\n                groupBy: '',\n              })\n            }}\n            type=\"button\"\n          >\n            {t('general:clear')}\n          </button>\n        )}\n      </div>\n      <div className={`${baseClass}__inputs`}>\n        <ReactSelect\n          filterOption={(option, inputValue) =>\n            ((option?.data?.plainTextLabel as string) || option.label)\n              .toLowerCase()\n              .includes(inputValue.toLowerCase())\n          }\n          id=\"group-by--field-select\"\n          isClearable\n          isMulti={false}\n          onChange={async (v: { value: string } | null) => {\n            const value = v === null ? undefined : v.value\n\n            // value is being cleared\n            if (v === null) {\n              await refineListData({\n                groupBy: '',\n                page: 1,\n              })\n            }\n\n            await refineListData({\n              groupBy: value ? (query.groupBy?.startsWith('-') ? `-${value}` : value) : undefined,\n              page: 1,\n            })\n          }}\n          options={reducedFields.filter(\n            (field) =>\n              !field.field.admin.disableGroupBy &&\n              field.value !== 'id' &&\n              supportedFieldTypes.includes(field.field.type),\n          )}\n          value={{\n            label: groupByField?.label || t('general:selectValue'),\n            value: groupByFieldName || '',\n          }}\n        />\n        <SelectInput\n          id=\"group-by--sort\"\n          isClearable={false}\n          name=\"direction\"\n          onChange={async ({ value }: { value: string }) => {\n            if (!groupByFieldName) {\n              return\n            }\n\n            await refineListData({\n              groupBy: value === 'asc' ? groupByFieldName : `-${groupByFieldName}`,\n              page: 1,\n            })\n          }}\n          options={[\n            { label: t('general:ascending'), value: 'asc' },\n            { label: t('general:descending'), value: 'desc' },\n          ]}\n          path=\"direction\"\n          readOnly={!groupByFieldName}\n          value={\n            !query.groupBy\n              ? 'asc'\n              : typeof query.groupBy === 'string'\n                ? `${query.groupBy.startsWith('-') ? 'desc' : 'asc'}`\n                : ''\n          }\n        />\n      </div>\n    </div>\n  )\n}\n"],"names":["useMemo","SelectInput","useAuth","useListQuery","useTranslation","reduceFieldsToOptions","ReactSelect","baseClass","supportedFieldTypes","GroupByBuilder","collectionSlug","fields","i18n","t","permissions","fieldPermissions","collections","reducedFields","query","refineListData","groupByFieldName","groupBy","replace","groupByField","find","field","value","div","className","p","label","button","id","onClick","type","filterOption","option","inputValue","data","plainTextLabel","toLowerCase","includes","isClearable","isMulti","onChange","v","undefined","page","startsWith","options","filter","admin","disableGroupBy","name","path","readOnly"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useMemo","SelectInput","useAuth","useListQuery","useTranslation","reduceFieldsToOptions","ReactSelect","baseClass","supportedFieldTypes","GroupByBuilder","collectionSlug","fields","i18n","t","permissions","fieldPermissions","collections","reducedFields","query","refineListData","groupByFieldName","groupBy","replace","groupByField","find","field","value","_jsxs","className","_jsx","label","id","onClick","type","filterOption","option","inputValue","data","plainTextLabel","toLowerCase","includes","isClearable","isMulti","onChange","v","undefined","page","startsWith","options","filter","admin","disableGroupBy","name","path","readOnly"],"sources":["../../../src/elements/GroupByBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Field, SanitizedCollectionConfig } from 'payload'\n\nimport './index.scss'\n\nimport React, { useMemo } from 'react'\n\nimport { SelectInput } from '../../fields/Select/Input.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\n\nexport type Props = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  fields: ClientField[]\n}\n\nconst baseClass = 'group-by-builder'\n\n/**\n * Note: Some fields are already omitted from the list of fields:\n * - fields with nested field, e.g. `tabs`, `groups`, etc.\n * - fields that don't affect data, i.e. `row`, `collapsible`, `ui`, etc.\n * So we don't technically need to omit them here, but do anyway.\n * But some remaining fields still need an additional check, e.g. `richText`, etc.\n */\nconst supportedFieldTypes: Field['type'][] = [\n  'text',\n  'textarea',\n  'number',\n  'select',\n  'relationship',\n  'date',\n  'checkbox',\n  'radio',\n  'email',\n  'number',\n  'upload',\n]\n\nexport const GroupByBuilder: React.FC<Props> = ({ collectionSlug, fields }) => {\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n\n  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields\n\n  const reducedFields = useMemo(\n    () =>\n      reduceFieldsToOptions({\n        fieldPermissions,\n        fields,\n        i18n,\n      }),\n    [fields, fieldPermissions, i18n],\n  )\n\n  const { query, refineListData } = useListQuery()\n\n  const groupByFieldName = query.groupBy?.replace(/^-/, '')\n\n  const groupByField = reducedFields.find((field) => field.value === groupByFieldName)\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <p>\n          {t('general:groupByLabel', {\n            label: '',\n          })}\n        </p>\n        {query.groupBy && (\n          <button\n            className={`${baseClass}__clear-button`}\n            id=\"group-by--reset\"\n            onClick={async () => {\n              await refineListData({\n                groupBy: '',\n              })\n            }}\n            type=\"button\"\n          >\n            {t('general:clear')}\n          </button>\n        )}\n      </div>\n      <div className={`${baseClass}__inputs`}>\n        <ReactSelect\n          filterOption={(option, inputValue) =>\n            ((option?.data?.plainTextLabel as string) || option.label)\n              .toLowerCase()\n              .includes(inputValue.toLowerCase())\n          }\n          id=\"group-by--field-select\"\n          isClearable\n          isMulti={false}\n          onChange={async (v: { value: string } | null) => {\n            const value = v === null ? undefined : v.value\n\n            // value is being cleared\n            if (v === null) {\n              await refineListData({\n                groupBy: '',\n                page: 1,\n              })\n            }\n\n            await refineListData({\n              groupBy: value ? (query.groupBy?.startsWith('-') ? `-${value}` : value) : undefined,\n              page: 1,\n            })\n          }}\n          options={reducedFields.filter(\n            (field) =>\n              !field.field.admin.disableGroupBy &&\n              field.value !== 'id' &&\n              supportedFieldTypes.includes(field.field.type),\n          )}\n          value={{\n            label: groupByField?.label || t('general:selectValue'),\n            value: groupByFieldName || '',\n          }}\n        />\n        <SelectInput\n          id=\"group-by--sort\"\n          isClearable={false}\n          name=\"direction\"\n          onChange={async ({ value }: { value: string }) => {\n            if (!groupByFieldName) {\n              return\n            }\n\n            await refineListData({\n              groupBy: value === 'asc' ? groupByFieldName : `-${groupByFieldName}`,\n              page: 1,\n            })\n          }}\n          options={[\n            { label: t('general:ascending'), value: 'asc' },\n            { label: t('general:descending'), value: 'desc' },\n          ]}\n          path=\"direction\"\n          readOnly={!groupByFieldName}\n          value={\n            !query.groupBy\n              ? 'asc'\n              : typeof query.groupBy === 'string'\n                ? `${query.groupBy.startsWith('-') ? 'desc' : 'asc'}`\n                : ''\n          }\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Gutter/index.js

@@ -1,20 +1,25 @@
 'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import './index.scss';
 const baseClass = 'gutter';
-export const Gutter = (props)=>{
-    const { children, className, left = true, negativeLeft = false, negativeRight = false, ref, right = true } = props;
-    const shouldPadLeft = left && !negativeLeft;
-    const shouldPadRight = right && !negativeRight;
-    return <div className={[
-        baseClass,
-        shouldPadLeft && `${baseClass}--left`,
-        shouldPadRight && `${baseClass}--right`,
-        negativeLeft && `${baseClass}--negative-left`,
-        negativeRight && `${baseClass}--negative-right`,
-        className
-    ].filter(Boolean).join(' ')} ref={ref}>
-      {children}
-    </div>;
+export const Gutter = props => {
+  const {
+    children,
+    className,
+    left = true,
+    negativeLeft = false,
+    negativeRight = false,
+    ref,
+    right = true
+  } = props;
+  const shouldPadLeft = left && !negativeLeft;
+  const shouldPadRight = right && !negativeRight;
+  return /*#__PURE__*/_jsx("div", {
+    className: [baseClass, shouldPadLeft && `${baseClass}--left`, shouldPadRight && `${baseClass}--right`, negativeLeft && `${baseClass}--negative-left`, negativeRight && `${baseClass}--negative-right`, className].filter(Boolean).join(' '),
+    ref: ref,
+    children: children
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Gutter/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nexport type GutterProps = {\n  children: React.ReactNode\n  className?: string\n  left?: boolean\n  negativeLeft?: boolean\n  negativeRight?: boolean\n  ref?: React.RefObject<HTMLDivElement>\n  right?: boolean\n}\n\nconst baseClass = 'gutter'\n\nexport const Gutter: React.FC<GutterProps> = (props) => {\n  const {\n    children,\n    className,\n    left = true,\n    negativeLeft = false,\n    negativeRight = false,\n    ref,\n    right = true,\n  } = props\n\n  const shouldPadLeft = left && !negativeLeft\n  const shouldPadRight = right && !negativeRight\n\n  return (\n    <div\n      className={[\n        baseClass,\n        shouldPadLeft && `${baseClass}--left`,\n        shouldPadRight && `${baseClass}--right`,\n        negativeLeft && `${baseClass}--negative-left`,\n        negativeRight && `${baseClass}--negative-right`,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      ref={ref}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["baseClass","Gutter","props","children","className","left","negativeLeft","negativeRight","ref","right","shouldPadLeft","shouldPadRight","div","filter","Boolean","join"],"mappings":"AAAA;AAGA,OAAO,eAAc;AAYrB,MAAMA,YAAY;AAElB,OAAO,MAAMC,SAAgC,CAACC;IAC5C,MAAM,EACJC,QAAQ,EACRC,SAAS,EACTC,OAAO,IAAI,EACXC,eAAe,KAAK,EACpBC,gBAAgB,KAAK,EACrBC,GAAG,EACHC,QAAQ,IAAI,EACb,GAAGP;IAEJ,MAAMQ,gBAAgBL,QAAQ,CAACC;IAC/B,MAAMK,iBAAiBF,SAAS,CAACF;IAEjC,QACGK,IACCR,WAAW;QACTJ;QACAU,iBAAiB,GAAGV,UAAU,MAAM,CAAC;QACrCW,kBAAkB,GAAGX,UAAU,OAAO,CAAC;QACvCM,gBAAgB,GAAGN,UAAU,eAAe,CAAC;QAC7CO,iBAAiB,GAAGP,UAAU,gBAAgB,CAAC;QAC/CI;KACD,CACES,MAAM,CAACC,SACPC,IAAI,CAAC,MACRP,KAAKA,KACN;MACC,CAACL,SAAS;IACZ,EAAES;AAEN,EAAC"}
+{"version":3,"file":"index.js","names":["React","baseClass","Gutter","props","children","className","left","negativeLeft","negativeRight","ref","right","shouldPadLeft","shouldPadRight","_jsx","filter","Boolean","join"],"sources":["../../../src/elements/Gutter/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nexport type GutterProps = {\n  children: React.ReactNode\n  className?: string\n  left?: boolean\n  negativeLeft?: boolean\n  negativeRight?: boolean\n  ref?: React.RefObject<HTMLDivElement>\n  right?: boolean\n}\n\nconst baseClass = 'gutter'\n\nexport const Gutter: React.FC<GutterProps> = (props) => {\n  const {\n    children,\n    className,\n    left = true,\n    negativeLeft = false,\n    negativeRight = false,\n    ref,\n    right = true,\n  } = props\n\n  const shouldPadLeft = left && !negativeLeft\n  const shouldPadRight = right && !negativeRight\n\n  return (\n    <div\n      className={[\n        baseClass,\n        shouldPadLeft && `${baseClass}--left`,\n        shouldPadRight && `${baseClass}--right`,\n        negativeLeft && `${baseClass}--negative-left`,\n        negativeRight && `${baseClass}--negative-right`,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      ref={ref}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAYP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAAiCC,KAAA;EAC5C,MAAM;IACJC,QAAQ;IACRC,SAAS;IACTC,IAAA,GAAO,IAAI;IACXC,YAAA,GAAe,KAAK;IACpBC,aAAA,GAAgB,KAAK;IACrBC,GAAG;IACHC,KAAA,GAAQ;EAAI,CACb,GAAGP,KAAA;EAEJ,MAAMQ,aAAA,GAAgBL,IAAA,IAAQ,CAACC,YAAA;EAC/B,MAAMK,cAAA,GAAiBF,KAAA,IAAS,CAACF,aAAA;EAEjC,oBACEK,IAAA,CAAC;IACCR,SAAA,EAAW,CACTJ,SAAA,EACAU,aAAA,IAAiB,GAAGV,SAAA,QAAiB,EACrCW,cAAA,IAAkB,GAAGX,SAAA,SAAkB,EACvCM,YAAA,IAAgB,GAAGN,SAAA,iBAA0B,EAC7CO,aAAA,IAAiB,GAAGP,SAAA,kBAA2B,EAC/CI,SAAA,CACD,CACES,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;IACRP,GAAA,EAAKA,GAAA;cAEJL;;AAGP","ignoreList":[]}