@payloadcms/ui 3.71.0-canary.2 → 3.71.0-internal-debug.dea9d74

package/dist/elements/QueryPresets/QueryPresetBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useModal","getTranslation","formatAdminURL","transformColumnsToPreferences","transformColumnsToSearchParams","React","Fragment","useCallback","useMemo","toast","PlusIcon","useConfig","useListQuery","useTranslation","ConfirmationModal","useDocumentDrawer","useListDrawer","ListSelectionButton","Pill","Translation","QueryPresetToggler","confirmDeletePresetModalSlug","queryPresetsSlug","baseClass","QueryPresetBar","activePreset","collectionSlug","queryPresetPermissions","modified","query","refineListData","setModified","setQueryModified","i18n","t","openModal","config","routes","api","apiRoute","serverURL","getEntityConfig","presetConfig","PresetDocumentDrawer","openDrawer","openDocumentDrawer","id","CreateNewPresetDrawer","closeDrawer","closeCreateNewDrawer","openCreateNewDrawer","filterOptions","isTemp","not_equals","relatedCollection","equals","ListDrawer","closeListDrawer","openListDrawer","collectionSlugs","selectedCollection","handlePresetChange","preset","columns","undefined","groupBy","where","resetQueryPreset","handleDeletePreset","fetch","path","method","then","res","json","status","success","label","labels","singular","title","errors","forEach","error","message","_err","saveCurrentChanges","body","JSON","stringify","credentials","headers","hasModifiedPreset","_jsxs","className","_jsx","openPresetListDrawer","resetPreset","icon","onClick","size","type","update","isShared","delete","initialData","onSave","doc","redirectAfterCreate","elements","1","children","i18nKey","variables","confirmingLabel","heading","modalSlug","onConfirm","onDelete","onDuplicate","allowCreate","disableQueryPresets","onSelect"],"sources":["../../../../src/elements/QueryPresets/QueryPresetBar/index.tsx"],"sourcesContent":["import type { QueryPreset, SanitizedCollectionPermission } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  formatAdminURL,\n  transformColumnsToPreferences,\n  transformColumnsToSearchParams,\n} from 'payload/shared'\nimport React, { Fragment, useCallback, useMemo } from 'react'\nimport { toast } from 'sonner'\n\nimport { PlusIcon } from '../../../icons/Plus/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useListQuery } from '../../../providers/ListQuery/context.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { useListDrawer } from '../../ListDrawer/index.js'\nimport { ListSelectionButton } from '../../ListSelection/index.js'\nimport { Pill } from '../../Pill/index.js'\nimport { Translation } from '../../Translation/index.js'\nimport { QueryPresetToggler } from '../QueryPresetToggler/index.js'\nimport './index.scss'\n\nconst confirmDeletePresetModalSlug = 'confirm-delete-preset'\n\nconst queryPresetsSlug = 'payload-query-presets'\n\nconst baseClass = 'query-preset-bar'\n\nexport const QueryPresetBar: React.FC<{\n  activePreset: QueryPreset\n  collectionSlug?: string\n  queryPresetPermissions: SanitizedCollectionPermission\n}> = ({ activePreset, collectionSlug, queryPresetPermissions }) => {\n  const { modified, query, refineListData, setModified: setQueryModified } = useListQuery()\n\n  const { i18n, t } = useTranslation()\n  const { openModal } = useModal()\n\n  const {\n    config: {\n      routes: { api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const presetConfig = getEntityConfig({ collectionSlug: queryPresetsSlug })\n\n  const [PresetDocumentDrawer, , { openDrawer: openDocumentDrawer }] = useDocumentDrawer({\n    id: activePreset?.id,\n    collectionSlug: queryPresetsSlug,\n  })\n\n  const [\n    CreateNewPresetDrawer,\n    ,\n    { closeDrawer: closeCreateNewDrawer, openDrawer: openCreateNewDrawer },\n  ] = useDocumentDrawer({\n    collectionSlug: queryPresetsSlug,\n  })\n\n  const filterOptions = useMemo(\n    () => ({\n      'payload-query-presets': {\n        isTemp: {\n          not_equals: true,\n        },\n        relatedCollection: {\n          equals: collectionSlug,\n        },\n      },\n    }),\n    [collectionSlug],\n  )\n\n  const [ListDrawer, , { closeDrawer: closeListDrawer, openDrawer: openListDrawer }] =\n    useListDrawer({\n      collectionSlugs: [queryPresetsSlug],\n      filterOptions,\n      selectedCollection: queryPresetsSlug,\n    })\n\n  const handlePresetChange = useCallback(\n    async (preset: QueryPreset) => {\n      await refineListData(\n        {\n          columns: preset.columns ? transformColumnsToSearchParams(preset.columns) : undefined,\n          groupBy: preset.groupBy || '',\n          preset: preset.id,\n          where: preset.where,\n        },\n        false,\n      )\n    },\n    [refineListData],\n  )\n\n  const resetQueryPreset = useCallback(async () => {\n    await refineListData(\n      {\n        columns: [],\n        groupBy: '',\n        preset: '',\n        where: {},\n      },\n      false,\n    )\n  }, [refineListData])\n\n  const handleDeletePreset = useCallback(async () => {\n    try {\n      await fetch(\n        formatAdminURL({\n          apiRoute,\n          path: `/${queryPresetsSlug}/${activePreset.id}`,\n        }),\n        {\n          method: 'DELETE',\n        },\n      ).then(async (res) => {\n        try {\n          const json = await res.json()\n\n          if (res.status < 400) {\n            toast.success(\n              t('general:titleDeleted', {\n                label: getTranslation(presetConfig?.labels?.singular, i18n),\n                title: activePreset.title,\n              }),\n            )\n\n            await resetQueryPreset()\n          } else {\n            if (json.errors) {\n              json.errors.forEach((error) => toast.error(error.message))\n            } else {\n              toast.error(t('error:deletingTitle', { title: activePreset.title }))\n            }\n          }\n        } catch (_err) {\n          toast.error(t('error:deletingTitle', { title: activePreset.title }))\n        }\n      })\n    } catch (_err) {\n      toast.error(t('error:deletingTitle', { title: activePreset.title }))\n    }\n  }, [apiRoute, activePreset?.id, activePreset?.title, t, presetConfig, i18n, resetQueryPreset])\n\n  const saveCurrentChanges = useCallback(async () => {\n    try {\n      await fetch(\n        formatAdminURL({\n          apiRoute,\n          path: `/${queryPresetsSlug}/${activePreset.id}`,\n        }),\n        {\n          body: JSON.stringify({\n            columns: transformColumnsToPreferences(query.columns),\n            groupBy: query.groupBy,\n            where: query.where,\n          }),\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'PATCH',\n        },\n      ).then(async (res) => {\n        try {\n          const json = await res.json()\n\n          if (res.status < 400) {\n            toast.success(\n              t('general:updatedLabelSuccessfully', {\n                label: getTranslation(presetConfig?.labels?.singular, i18n),\n              }),\n            )\n\n            setQueryModified(false)\n          } else {\n            if (json.errors) {\n              json.errors.forEach((error) => toast.error(error.message))\n            } else {\n              toast.error(t('error:unknown'))\n            }\n          }\n        } catch (_err) {\n          toast.error(t('error:unknown'))\n        }\n      })\n    } catch (_err) {\n      toast.error(t('error:unknown'))\n    }\n  }, [\n    apiRoute,\n    activePreset?.id,\n    query.columns,\n    query.groupBy,\n    query.where,\n    t,\n    presetConfig?.labels?.singular,\n    i18n,\n    setQueryModified,\n  ])\n\n  const hasModifiedPreset = activePreset && modified\n\n  return (\n    <Fragment>\n      <div className={baseClass}>\n        <div className={`${baseClass}__menu`}>\n          <QueryPresetToggler\n            activePreset={activePreset}\n            openPresetListDrawer={openListDrawer}\n            resetPreset={resetQueryPreset}\n          />\n          <Pill\n            aria-label={t('general:newLabel', { label: presetConfig?.labels?.singular })}\n            className={`${baseClass}__create-new-preset`}\n            icon={<PlusIcon />}\n            id=\"create-new-preset\"\n            onClick={() => {\n              openCreateNewDrawer()\n            }}\n            size=\"small\"\n          />\n        </div>\n        <div className={`${baseClass}__menu-items`}>\n          {hasModifiedPreset && (\n            <ListSelectionButton\n              id=\"reset-preset\"\n              key=\"reset\"\n              onClick={async () => {\n                await refineListData(\n                  {\n                    columns: transformColumnsToSearchParams(activePreset.columns),\n                    groupBy: activePreset.groupBy || '',\n                    where: activePreset.where,\n                  },\n                  false,\n                )\n              }}\n              type=\"button\"\n            >\n              {t('general:reset')}\n            </ListSelectionButton>\n          )}\n          {hasModifiedPreset && queryPresetPermissions.update && (\n            <ListSelectionButton\n              id=\"save-preset\"\n              key=\"save\"\n              onClick={async () => {\n                await saveCurrentChanges()\n              }}\n              type=\"button\"\n            >\n              {activePreset?.isShared ? t('general:updateForEveryone') : t('fields:saveChanges')}\n            </ListSelectionButton>\n          )}\n          {activePreset && queryPresetPermissions?.delete && (\n            <Fragment>\n              <ListSelectionButton\n                id=\"delete-preset\"\n                onClick={() => openModal(confirmDeletePresetModalSlug)}\n                type=\"button\"\n              >\n                {t('general:deleteLabel', { label: presetConfig?.labels?.singular })}\n              </ListSelectionButton>\n              <ListSelectionButton\n                id=\"edit-preset\"\n                onClick={() => {\n                  openDocumentDrawer()\n                }}\n                type=\"button\"\n              >\n                {t('general:editLabel', { label: presetConfig?.labels?.singular })}\n              </ListSelectionButton>\n            </Fragment>\n          )}\n        </div>\n      </div>\n      <CreateNewPresetDrawer\n        initialData={{\n          columns: transformColumnsToPreferences(query.columns),\n          groupBy: query.groupBy,\n          relatedCollection: collectionSlug,\n          where: query.where,\n        }}\n        onSave={async ({ doc }) => {\n          closeCreateNewDrawer()\n          await handlePresetChange(doc as QueryPreset)\n        }}\n        redirectAfterCreate={false}\n      />\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              '1': ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"general:aboutToDelete\"\n            t={t}\n            variables={{\n              label: presetConfig?.labels?.singular,\n              title: activePreset?.title,\n            }}\n          />\n        }\n        confirmingLabel={t('general:deleting')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={confirmDeletePresetModalSlug}\n        onConfirm={handleDeletePreset}\n      />\n      <PresetDocumentDrawer\n        onDelete={() => {\n          // setSelectedPreset(undefined)\n        }}\n        onDuplicate={async ({ doc }) => {\n          await handlePresetChange(doc as QueryPreset)\n        }}\n        onSave={async ({ doc }) => {\n          await handlePresetChange(doc as QueryPreset)\n        }}\n      />\n      <ListDrawer\n        allowCreate={false}\n        disableQueryPresets\n        onSelect={async ({ doc }) => {\n          closeListDrawer()\n          await handlePresetChange(doc as QueryPreset)\n        }}\n      />\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/QueryPresets/QueryPresetBar/index.tsx"],"sourcesContent":["import type { QueryPreset, SanitizedCollectionPermission } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  formatAdminURL,\n  transformColumnsToPreferences,\n  transformColumnsToSearchParams,\n} from 'payload/shared'\nimport React, { Fragment, useCallback, useMemo } from 'react'\nimport { toast } from 'sonner'\n\nimport { PlusIcon } from '../../../icons/Plus/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useListQuery } from '../../../providers/ListQuery/context.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { useListDrawer } from '../../ListDrawer/index.js'\nimport { ListSelectionButton } from '../../ListSelection/index.js'\nimport { Pill } from '../../Pill/index.js'\nimport { Translation } from '../../Translation/index.js'\nimport { QueryPresetToggler } from '../QueryPresetToggler/index.js'\nimport './index.scss'\n\nconst confirmDeletePresetModalSlug = 'confirm-delete-preset'\n\nconst queryPresetsSlug = 'payload-query-presets'\n\nconst baseClass = 'query-preset-bar'\n\nexport const QueryPresetBar: React.FC<{\n  activePreset: QueryPreset\n  collectionSlug?: string\n  queryPresetPermissions: SanitizedCollectionPermission\n}> = ({ activePreset, collectionSlug, queryPresetPermissions }) => {\n  const { modified, query, refineListData, setModified: setQueryModified } = useListQuery()\n\n  const { i18n, t } = useTranslation()\n  const { openModal } = useModal()\n\n  const {\n    config: {\n      routes: { api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const presetConfig = getEntityConfig({ collectionSlug: queryPresetsSlug })\n\n  const [PresetDocumentDrawer, , { openDrawer: openDocumentDrawer }] = useDocumentDrawer({\n    id: activePreset?.id,\n    collectionSlug: queryPresetsSlug,\n  })\n\n  const [\n    CreateNewPresetDrawer,\n    ,\n    { closeDrawer: closeCreateNewDrawer, openDrawer: openCreateNewDrawer },\n  ] = useDocumentDrawer({\n    collectionSlug: queryPresetsSlug,\n  })\n\n  const filterOptions = useMemo(\n    () => ({\n      'payload-query-presets': {\n        isTemp: {\n          not_equals: true,\n        },\n        relatedCollection: {\n          equals: collectionSlug,\n        },\n      },\n    }),\n    [collectionSlug],\n  )\n\n  const [ListDrawer, , { closeDrawer: closeListDrawer, openDrawer: openListDrawer }] =\n    useListDrawer({\n      collectionSlugs: [queryPresetsSlug],\n      filterOptions,\n      selectedCollection: queryPresetsSlug,\n    })\n\n  const handlePresetChange = useCallback(\n    async (preset: QueryPreset) => {\n      await refineListData(\n        {\n          columns: preset.columns ? transformColumnsToSearchParams(preset.columns) : undefined,\n          groupBy: preset.groupBy || '',\n          preset: preset.id,\n          where: preset.where,\n        },\n        false,\n      )\n    },\n    [refineListData],\n  )\n\n  const resetQueryPreset = useCallback(async () => {\n    await refineListData(\n      {\n        columns: [],\n        groupBy: '',\n        preset: '',\n        where: {},\n      },\n      false,\n    )\n  }, [refineListData])\n\n  const handleDeletePreset = useCallback(async () => {\n    try {\n      await fetch(\n        formatAdminURL({\n          apiRoute,\n          path: `/${queryPresetsSlug}/${activePreset.id}`,\n        }),\n        {\n          method: 'DELETE',\n        },\n      ).then(async (res) => {\n        try {\n          const json = await res.json()\n\n          if (res.status < 400) {\n            toast.success(\n              t('general:titleDeleted', {\n                label: getTranslation(presetConfig?.labels?.singular, i18n),\n                title: activePreset.title,\n              }),\n            )\n\n            await resetQueryPreset()\n          } else {\n            if (json.errors) {\n              json.errors.forEach((error) => toast.error(error.message))\n            } else {\n              toast.error(t('error:deletingTitle', { title: activePreset.title }))\n            }\n          }\n        } catch (_err) {\n          toast.error(t('error:deletingTitle', { title: activePreset.title }))\n        }\n      })\n    } catch (_err) {\n      toast.error(t('error:deletingTitle', { title: activePreset.title }))\n    }\n  }, [apiRoute, activePreset?.id, activePreset?.title, t, presetConfig, i18n, resetQueryPreset])\n\n  const saveCurrentChanges = useCallback(async () => {\n    try {\n      await fetch(\n        formatAdminURL({\n          apiRoute,\n          path: `/${queryPresetsSlug}/${activePreset.id}`,\n        }),\n        {\n          body: JSON.stringify({\n            columns: transformColumnsToPreferences(query.columns),\n            groupBy: query.groupBy,\n            where: query.where,\n          }),\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'PATCH',\n        },\n      ).then(async (res) => {\n        try {\n          const json = await res.json()\n\n          if (res.status < 400) {\n            toast.success(\n              t('general:updatedLabelSuccessfully', {\n                label: getTranslation(presetConfig?.labels?.singular, i18n),\n              }),\n            )\n\n            setQueryModified(false)\n          } else {\n            if (json.errors) {\n              json.errors.forEach((error) => toast.error(error.message))\n            } else {\n              toast.error(t('error:unknown'))\n            }\n          }\n        } catch (_err) {\n          toast.error(t('error:unknown'))\n        }\n      })\n    } catch (_err) {\n      toast.error(t('error:unknown'))\n    }\n  }, [\n    apiRoute,\n    activePreset?.id,\n    query.columns,\n    query.groupBy,\n    query.where,\n    t,\n    presetConfig?.labels?.singular,\n    i18n,\n    setQueryModified,\n  ])\n\n  const hasModifiedPreset = activePreset && modified\n\n  return (\n    <Fragment>\n      <div className={baseClass}>\n        <div className={`${baseClass}__menu`}>\n          <QueryPresetToggler\n            activePreset={activePreset}\n            openPresetListDrawer={openListDrawer}\n            resetPreset={resetQueryPreset}\n          />\n          <Pill\n            aria-label={t('general:newLabel', { label: presetConfig?.labels?.singular })}\n            className={`${baseClass}__create-new-preset`}\n            icon={<PlusIcon />}\n            id=\"create-new-preset\"\n            onClick={() => {\n              openCreateNewDrawer()\n            }}\n            size=\"small\"\n          />\n        </div>\n        <div className={`${baseClass}__menu-items`}>\n          {hasModifiedPreset && (\n            <ListSelectionButton\n              id=\"reset-preset\"\n              key=\"reset\"\n              onClick={async () => {\n                await refineListData(\n                  {\n                    columns: transformColumnsToSearchParams(activePreset.columns),\n                    groupBy: activePreset.groupBy || '',\n                    where: activePreset.where,\n                  },\n                  false,\n                )\n              }}\n              type=\"button\"\n            >\n              {t('general:reset')}\n            </ListSelectionButton>\n          )}\n          {hasModifiedPreset && queryPresetPermissions.update && (\n            <ListSelectionButton\n              id=\"save-preset\"\n              key=\"save\"\n              onClick={async () => {\n                await saveCurrentChanges()\n              }}\n              type=\"button\"\n            >\n              {activePreset?.isShared ? t('general:updateForEveryone') : t('fields:saveChanges')}\n            </ListSelectionButton>\n          )}\n          {activePreset && queryPresetPermissions?.delete && (\n            <Fragment>\n              <ListSelectionButton\n                id=\"delete-preset\"\n                onClick={() => openModal(confirmDeletePresetModalSlug)}\n                type=\"button\"\n              >\n                {t('general:deleteLabel', { label: presetConfig?.labels?.singular })}\n              </ListSelectionButton>\n              <ListSelectionButton\n                id=\"edit-preset\"\n                onClick={() => {\n                  openDocumentDrawer()\n                }}\n                type=\"button\"\n              >\n                {t('general:editLabel', { label: presetConfig?.labels?.singular })}\n              </ListSelectionButton>\n            </Fragment>\n          )}\n        </div>\n      </div>\n      <CreateNewPresetDrawer\n        initialData={{\n          columns: transformColumnsToPreferences(query.columns),\n          groupBy: query.groupBy,\n          relatedCollection: collectionSlug,\n          where: query.where,\n        }}\n        onSave={async ({ doc }) => {\n          closeCreateNewDrawer()\n          await handlePresetChange(doc as QueryPreset)\n        }}\n        redirectAfterCreate={false}\n      />\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              '1': ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"general:aboutToDelete\"\n            t={t}\n            variables={{\n              label: presetConfig?.labels?.singular,\n              title: activePreset?.title,\n            }}\n          />\n        }\n        confirmingLabel={t('general:deleting')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={confirmDeletePresetModalSlug}\n        onConfirm={handleDeletePreset}\n      />\n      <PresetDocumentDrawer\n        onDelete={() => {\n          // setSelectedPreset(undefined)\n        }}\n        onDuplicate={async ({ doc }) => {\n          await handlePresetChange(doc as QueryPreset)\n        }}\n        onSave={async ({ doc }) => {\n          await handlePresetChange(doc as QueryPreset)\n        }}\n      />\n      <ListDrawer\n        allowCreate={false}\n        disableQueryPresets\n        onSelect={async ({ doc }) => {\n          closeListDrawer()\n          await handlePresetChange(doc as QueryPreset)\n        }}\n      />\n    </Fragment>\n  )\n}\n"],"names":["useModal","getTranslation","formatAdminURL","transformColumnsToPreferences","transformColumnsToSearchParams","React","Fragment","useCallback","useMemo","toast","PlusIcon","useConfig","useListQuery","useTranslation","ConfirmationModal","useDocumentDrawer","useListDrawer","ListSelectionButton","Pill","Translation","QueryPresetToggler","confirmDeletePresetModalSlug","queryPresetsSlug","baseClass","QueryPresetBar","activePreset","collectionSlug","queryPresetPermissions","modified","query","refineListData","setModified","setQueryModified","i18n","t","openModal","config","routes","api","apiRoute","serverURL","getEntityConfig","presetConfig","PresetDocumentDrawer","openDrawer","openDocumentDrawer","id","CreateNewPresetDrawer","closeDrawer","closeCreateNewDrawer","openCreateNewDrawer","filterOptions","isTemp","not_equals","relatedCollection","equals","ListDrawer","closeListDrawer","openListDrawer","collectionSlugs","selectedCollection","handlePresetChange","preset","columns","undefined","groupBy","where","resetQueryPreset","handleDeletePreset","fetch","path","method","then","res","json","status","success","label","labels","singular","title","errors","forEach","error","message","_err","saveCurrentChanges","body","JSON","stringify","credentials","headers","hasModifiedPreset","div","className","openPresetListDrawer","resetPreset","aria-label","icon","onClick","size","type","update","isShared","delete","initialData","onSave","doc","redirectAfterCreate","elements","children","strong","i18nKey","variables","confirmingLabel","heading","modalSlug","onConfirm","onDelete","onDuplicate","allowCreate","disableQueryPresets","onSelect"],"mappings":"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"}

package/dist/elements/QueryPresets/QueryPresetToggler/index.js

@@ -1,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { PeopleIcon } from '../../../icons/People/index.js';
 import { XIcon } from '../../../icons/X/index.js';
@@ -10,91 +8,86 @@ import { useTranslation } from '../../../providers/Translation/index.js';
 import { Pill } from '../../Pill/index.js';
 import './index.scss';
 const baseClass = 'active-query-preset';
-export function QueryPresetToggler(t0) {
-  const $ = _c(11);
-  const {
-    activePreset,
-    openPresetListDrawer,
-    resetPreset
-  } = t0;
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const {
-    getEntityConfig
-  } = useConfig();
-  let t1;
-  if ($[0] !== activePreset || $[1] !== getEntityConfig || $[2] !== i18n || $[3] !== openPresetListDrawer || $[4] !== resetPreset || $[5] !== t) {
+export function QueryPresetToggler({ activePreset, openPresetListDrawer, resetPreset }) {
+    const { i18n, t } = useTranslation();
+    const { getEntityConfig } = useConfig();
     const presetsConfig = getEntityConfig({
-      collectionSlug: "payload-query-presets"
-    });
-    const t2 = activePreset && `${baseClass}--active`;
-    let t3;
-    if ($[7] !== t2) {
-      t3 = [baseClass, t2].filter(Boolean);
-      $[7] = t2;
-      $[8] = t3;
-    } else {
-      t3 = $[8];
-    }
-    let t4;
-    if ($[9] !== openPresetListDrawer) {
-      t4 = () => {
-        openPresetListDrawer();
-      };
-      $[9] = openPresetListDrawer;
-      $[10] = t4;
-    } else {
-      t4 = $[10];
-    }
-    t1 = _jsx(Pill, {
-      className: t3.join(" "),
-      id: "select-preset",
-      onClick: t4,
-      pillStyle: "light",
-      size: "small",
-      children: _jsxs("div", {
-        className: `${baseClass}__label`,
-        children: [activePreset?.isShared && _jsx(PeopleIcon, {
-          className: `${baseClass}__shared`
-        }), _jsx("div", {
-          className: `${baseClass}__label-text-max-width`,
-          children: _jsx("div", {
-            className: `${baseClass}__label-text`,
-            children: activePreset?.title || t("general:selectLabel", {
-              label: getTranslation(presetsConfig.labels.singular, i18n)
-            })
-          })
-        }), activePreset ? _jsx("div", {
-          className: `${baseClass}__clear`,
-          id: "clear-preset",
-          onClick: async e => {
-            e.stopPropagation();
-            await resetPreset();
-          },
-          onKeyDown: async e_0 => {
-            if (e_0.key === "Enter" || e_0.key === " ") {
-              e_0.stopPropagation();
-              await resetPreset();
-            }
-          },
-          role: "button",
-          tabIndex: 0,
-          children: _jsx(XIcon, {})
-        }) : null]
-      })
+        collectionSlug: 'payload-query-presets'
     });
-    $[0] = activePreset;
-    $[1] = getEntityConfig;
-    $[2] = i18n;
-    $[3] = openPresetListDrawer;
-    $[4] = resetPreset;
-    $[5] = t;
-    $[6] = t1;
-  } else {
-    t1 = $[6];
-  }
-  return t1;
+    return /*#__PURE__*/ _jsxDEV(Pill, {
+        className: [
+            baseClass,
+            activePreset && `${baseClass}--active`
+        ].filter(Boolean).join(' '),
+        id: "select-preset",
+        onClick: ()=>{
+            openPresetListDrawer();
+        },
+        pillStyle: "light",
+        size: "small",
+        children: /*#__PURE__*/ _jsxDEV("div", {
+            className: `${baseClass}__label`,
+            children: [
+                activePreset?.isShared && /*#__PURE__*/ _jsxDEV(PeopleIcon, {
+                    className: `${baseClass}__shared`
+                }, void 0, false, {
+                    fileName: "src/elements/QueryPresets/QueryPresetToggler/index.tsx",
+                    lineNumber: 42,
+                    columnNumber: 36
+                }, this),
+                /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__label-text-max-width`,
+                    children: /*#__PURE__*/ _jsxDEV("div", {
+                        className: `${baseClass}__label-text`,
+                        children: activePreset?.title || t('general:selectLabel', {
+                            label: getTranslation(presetsConfig.labels.singular, i18n)
+                        })
+                    }, void 0, false, {
+                        fileName: "src/elements/QueryPresets/QueryPresetToggler/index.tsx",
+                        lineNumber: 44,
+                        columnNumber: 11
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/elements/QueryPresets/QueryPresetToggler/index.tsx",
+                    lineNumber: 43,
+                    columnNumber: 9
+                }, this),
+                activePreset ? /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__clear`,
+                    id: "clear-preset",
+                    onClick: async (e)=>{
+                        e.stopPropagation();
+                        await resetPreset();
+                    },
+                    onKeyDown: async (e)=>{
+                        if (e.key === 'Enter' || e.key === ' ') {
+                            e.stopPropagation();
+                            await resetPreset();
+                        }
+                    },
+                    role: "button",
+                    tabIndex: 0,
+                    children: /*#__PURE__*/ _jsxDEV(XIcon, {}, void 0, false, {
+                        fileName: "src/elements/QueryPresets/QueryPresetToggler/index.tsx",
+                        lineNumber: 68,
+                        columnNumber: 13
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/elements/QueryPresets/QueryPresetToggler/index.tsx",
+                    lineNumber: 52,
+                    columnNumber: 11
+                }, this) : null
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/QueryPresets/QueryPresetToggler/index.tsx",
+            lineNumber: 41,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/QueryPresets/QueryPresetToggler/index.tsx",
+        lineNumber: 32,
+        columnNumber: 5
+    }, this);
 }
+
 //# sourceMappingURL=index.js.map

package/dist/elements/QueryPresets/QueryPresetToggler/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","PeopleIcon","XIcon","useConfig","useTranslation","Pill","baseClass","QueryPresetToggler","t0","$","activePreset","openPresetListDrawer","resetPreset","i18n","t","getEntityConfig","t1","presetsConfig","collectionSlug","t2","t3","filter","Boolean","t4","_jsx","className","join","id","onClick","pillStyle","size","children","_jsxs","isShared","title","label","labels","singular","e","stopPropagation","onKeyDown","e_0","key","role","tabIndex"],"sources":["../../../../src/elements/QueryPresets/QueryPresetToggler/index.tsx"],"sourcesContent":["'use client'\nimport type { QueryPreset } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport { PeopleIcon } from '../../../icons/People/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Pill } from '../../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'active-query-preset'\n\nexport function QueryPresetToggler({\n  activePreset,\n  openPresetListDrawer,\n  resetPreset,\n}: {\n  activePreset: QueryPreset\n  openPresetListDrawer: () => void\n  resetPreset: () => Promise<void>\n}) {\n  const { i18n, t } = useTranslation()\n  const { getEntityConfig } = useConfig()\n\n  const presetsConfig = getEntityConfig({\n    collectionSlug: 'payload-query-presets',\n  })\n\n  return (\n    <Pill\n      className={[baseClass, activePreset && `${baseClass}--active`].filter(Boolean).join(' ')}\n      id=\"select-preset\"\n      onClick={() => {\n        openPresetListDrawer()\n      }}\n      pillStyle=\"light\"\n      size=\"small\"\n    >\n      <div className={`${baseClass}__label`}>\n        {activePreset?.isShared && <PeopleIcon className={`${baseClass}__shared`} />}\n        <div className={`${baseClass}__label-text-max-width`}>\n          <div className={`${baseClass}__label-text`}>\n            {activePreset?.title ||\n              t('general:selectLabel', {\n                label: getTranslation(presetsConfig.labels.singular, i18n),\n              })}\n          </div>\n        </div>\n        {activePreset ? (\n          <div\n            className={`${baseClass}__clear`}\n            id=\"clear-preset\"\n            onClick={async (e) => {\n              e.stopPropagation()\n              await resetPreset()\n            }}\n            onKeyDown={async (e) => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.stopPropagation()\n                await resetPreset()\n              }\n            }}\n            role=\"button\"\n            tabIndex={0}\n          >\n            <XIcon />\n          </div>\n        ) : null}\n      </div>\n    </Pill>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAE/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,KAAK,QAAQ;AACtB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,SAAAC,mBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAA4B;IAAAW,YAAA;IAAAC,oBAAA;IAAAC;EAAA,IAAAJ,EAQlC;EACC;IAAAK,IAAA;IAAAC;EAAA,IAAoBV,cAAA;EACpB;IAAAW;EAAA,IAA4BZ,SAAA;EAAA,IAAAa,EAAA;EAAA,IAAAP,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAM,eAAA,IAAAN,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAE,oBAAA,IAAAF,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAK,CAAA;IAE5B,MAAAG,aAAA,GAAsBF,eAAA;MAAAG,cAAA,EACJ;IAAA,CAClB;IAI2B,MAAAC,EAAA,GAAAT,YAAA,IAAgB,GAAAJ,SAAA,UAAsB;IAAA,IAAAc,EAAA;IAAA,IAAAX,CAAA,QAAAU,EAAA;MAAlDC,EAAA,IAAAd,SAAA,EAAYa,EAAsC,EAAAE,MAAA,CAAAC,OAAS;MAAAb,CAAA,MAAAU,EAAA;MAAAV,CAAA,MAAAW,EAAA;IAAA;MAAAA,EAAA,GAAAX,CAAA;IAAA;IAAA,IAAAc,EAAA;IAAA,IAAAd,CAAA,QAAAE,oBAAA;MAE7DY,EAAA,GAAAA,CAAA;QACPZ,oBAAA;MAAA;MACFF,CAAA,MAAAE,oBAAA;MAAAF,CAAA,OAAAc,EAAA;IAAA;MAAAA,EAAA,GAAAd,CAAA;IAAA;IALFO,EAAA,GAAAQ,IAAA,CAAAnB,IAAA;MAAAoB,SAAA,EACaL,EAA2D,CAAAM,IAAA,CAAc;MAAAC,EAAA,EACjF;MAAAC,OAAA,EACML,EAET;MAAAM,SAAA,EACU;MAAAC,IAAA,EACL;MAAAC,QAAA,EAELC,KAAA,CAAC;QAAAP,SAAA,EAAe,GAAAnB,SAAA,SAAqB;QAAAyB,QAAA,GAClCrB,YAAA,EAAAuB,QAAA,IAA0BT,IAAA,CAAAvB,UAAA;UAAAwB,SAAA,EAAuB,GAAAnB,SAAA;QAAsB,C,GACxEkB,IAAA,CAAC;UAAAC,SAAA,EAAe,GAAAnB,SAAA,wBAAoC;UAAAyB,QAAA,EAClDP,IAAA,CAAC;YAAAC,SAAA,EAAe,GAAAnB,SAAA,cAA0B;YAAAyB,QAAA,EACvCrB,YAAA,EAAAwB,KAAA,IACCpB,CAAA,CAAE;cAAAqB,KAAA,EACOnC,cAAA,CAAeiB,aAAA,CAAAmB,MAAA,CAAAC,QAAA,EAA+BxB,IAAA;YAAA,CACvD;UAAA,C;YAGLH,YAAA,GACCc,IAAA,CAAC;UAAAC,SAAA,EACY,GAAAnB,SAAA,SAAqB;UAAAqB,EAAA,EAC7B;UAAAC,OAAA,QAAAU,CAAA;YAEDA,CAAA,CAAAC,eAAA,CAAiB;YAAA,MACX3B,WAAA;UAAA;UAAA4B,SAAA,QAAAC,GAAA;YAAA,IAGFH,GAAA,CAAAI,GAAA,KAAU,WAAWJ,GAAA,CAAAI,GAAA,KAAU;cACjCJ,GAAA,CAAAC,eAAA,CAAiB;cAAA,MACX3B,WAAA;YAAA;UAAA;UAAA+B,IAAA,EAGL;UAAAC,QAAA;UAAAb,QAAA,EAGLP,IAAA,CAAAtB,KAAA,IAAC;QAAA,C,QAED;MAAA,C;;;;;;;;;;;;SAtCRc,E","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/QueryPresets/QueryPresetToggler/index.tsx"],"sourcesContent":["'use client'\nimport type { QueryPreset } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport { PeopleIcon } from '../../../icons/People/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Pill } from '../../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'active-query-preset'\n\nexport function QueryPresetToggler({\n  activePreset,\n  openPresetListDrawer,\n  resetPreset,\n}: {\n  activePreset: QueryPreset\n  openPresetListDrawer: () => void\n  resetPreset: () => Promise<void>\n}) {\n  const { i18n, t } = useTranslation()\n  const { getEntityConfig } = useConfig()\n\n  const presetsConfig = getEntityConfig({\n    collectionSlug: 'payload-query-presets',\n  })\n\n  return (\n    <Pill\n      className={[baseClass, activePreset && `${baseClass}--active`].filter(Boolean).join(' ')}\n      id=\"select-preset\"\n      onClick={() => {\n        openPresetListDrawer()\n      }}\n      pillStyle=\"light\"\n      size=\"small\"\n    >\n      <div className={`${baseClass}__label`}>\n        {activePreset?.isShared && <PeopleIcon className={`${baseClass}__shared`} />}\n        <div className={`${baseClass}__label-text-max-width`}>\n          <div className={`${baseClass}__label-text`}>\n            {activePreset?.title ||\n              t('general:selectLabel', {\n                label: getTranslation(presetsConfig.labels.singular, i18n),\n              })}\n          </div>\n        </div>\n        {activePreset ? (\n          <div\n            className={`${baseClass}__clear`}\n            id=\"clear-preset\"\n            onClick={async (e) => {\n              e.stopPropagation()\n              await resetPreset()\n            }}\n            onKeyDown={async (e) => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.stopPropagation()\n                await resetPreset()\n              }\n            }}\n            role=\"button\"\n            tabIndex={0}\n          >\n            <XIcon />\n          </div>\n        ) : null}\n      </div>\n    </Pill>\n  )\n}\n"],"names":["getTranslation","PeopleIcon","XIcon","useConfig","useTranslation","Pill","baseClass","QueryPresetToggler","activePreset","openPresetListDrawer","resetPreset","i18n","t","getEntityConfig","presetsConfig","collectionSlug","className","filter","Boolean","join","id","onClick","pillStyle","size","div","isShared","title","label","labels","singular","e","stopPropagation","onKeyDown","key","role","tabIndex"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AAEzD,SAASC,UAAU,QAAQ,iCAAgC;AAC3D,SAASC,KAAK,QAAQ,4BAA2B;AACjD,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,IAAI,QAAQ,sBAAqB;AAC1C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC,mBAAmB,EACjCC,YAAY,EACZC,oBAAoB,EACpBC,WAAW,EAKZ;IACC,MAAM,EAAEC,IAAI,EAAEC,CAAC,EAAE,GAAGR;IACpB,MAAM,EAAES,eAAe,EAAE,GAAGV;IAE5B,MAAMW,gBAAgBD,gBAAgB;QACpCE,gBAAgB;IAClB;IAEA,qBACE,QAACV;QACCW,WAAW;YAACV;YAAWE,gBAAgB,GAAGF,UAAU,QAAQ,CAAC;SAAC,CAACW,MAAM,CAACC,SAASC,IAAI,CAAC;QACpFC,IAAG;QACHC,SAAS;YACPZ;QACF;QACAa,WAAU;QACVC,MAAK;kBAEL,cAAA,QAACC;YAAIR,WAAW,GAAGV,UAAU,OAAO,CAAC;;gBAClCE,cAAciB,0BAAY,QAACxB;oBAAWe,WAAW,GAAGV,UAAU,QAAQ,CAAC;;;;;;8BACxE,QAACkB;oBAAIR,WAAW,GAAGV,UAAU,sBAAsB,CAAC;8BAClD,cAAA,QAACkB;wBAAIR,WAAW,GAAGV,UAAU,YAAY,CAAC;kCACvCE,cAAckB,SACbd,EAAE,uBAAuB;4BACvBe,OAAO3B,eAAec,cAAcc,MAAM,CAACC,QAAQ,EAAElB;wBACvD;;;;;;;;;;;gBAGLH,6BACC,QAACgB;oBACCR,WAAW,GAAGV,UAAU,OAAO,CAAC;oBAChCc,IAAG;oBACHC,SAAS,OAAOS;wBACdA,EAAEC,eAAe;wBACjB,MAAMrB;oBACR;oBACAsB,WAAW,OAAOF;wBAChB,IAAIA,EAAEG,GAAG,KAAK,WAAWH,EAAEG,GAAG,KAAK,KAAK;4BACtCH,EAAEC,eAAe;4BACjB,MAAMrB;wBACR;oBACF;oBACAwB,MAAK;oBACLC,UAAU;8BAEV,cAAA,QAACjC;;;;;;;;;2BAED;;;;;;;;;;;;AAIZ"}

package/dist/elements/QueryPresets/cells/AccessCell/index.js

@@ -1,25 +1,51 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { toWords } from 'payload/shared';
 import React, { Fragment } from 'react';
-export const QueryPresetsAccessCell = ({
-  cellData
-}) => {
-  // first sort the operations in the order they should be displayed
-  const operations = ['read', 'update', 'delete'];
-  return /*#__PURE__*/_jsx("p", {
-    children: operations.reduce((acc, operation, index) => {
-      const operationData = cellData?.[operation];
-      if (operationData && operationData.constraint) {
-        acc.push(/*#__PURE__*/_jsxs(Fragment, {
-          children: [/*#__PURE__*/_jsxs("span", {
-            children: [/*#__PURE__*/_jsx("strong", {
-              children: toWords(operation)
-            }), ": ", toWords(operationData.constraint)]
-          }), index !== operations.length - 1 && ', ']
-        }, operation));
-      }
-      return acc;
-    }, [])
-  });
+export const QueryPresetsAccessCell = ({ cellData })=>{
+    // first sort the operations in the order they should be displayed
+    const operations = [
+        'read',
+        'update',
+        'delete'
+    ];
+    return /*#__PURE__*/ _jsxDEV("p", {
+        children: operations.reduce((acc, operation, index)=>{
+            const operationData = cellData?.[operation];
+            if (operationData && operationData.constraint) {
+                acc.push(/*#__PURE__*/ _jsxDEV(Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsxDEV("span", {
+                            children: [
+                                /*#__PURE__*/ _jsxDEV("strong", {
+                                    children: toWords(operation)
+                                }, void 0, false, {
+                                    fileName: "src/elements/QueryPresets/cells/AccessCell/index.tsx",
+                                    lineNumber: 20,
+                                    columnNumber: 17
+                                }, this),
+                                ": ",
+                                toWords(operationData.constraint)
+                            ]
+                        }, void 0, true, {
+                            fileName: "src/elements/QueryPresets/cells/AccessCell/index.tsx",
+                            lineNumber: 19,
+                            columnNumber: 15
+                        }, this),
+                        index !== operations.length - 1 && ', '
+                    ]
+                }, operation, true, {
+                    fileName: "src/elements/QueryPresets/cells/AccessCell/index.tsx",
+                    lineNumber: 18,
+                    columnNumber: 13
+                }, this));
+            }
+            return acc;
+        }, [])
+    }, void 0, false, {
+        fileName: "src/elements/QueryPresets/cells/AccessCell/index.tsx",
+        lineNumber: 12,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/QueryPresets/cells/AccessCell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["toWords","React","Fragment","QueryPresetsAccessCell","cellData","operations","_jsx","reduce","acc","operation","index","operationData","constraint","push","_jsxs","length"],"sources":["../../../../../src/elements/QueryPresets/cells/AccessCell/index.tsx"],"sourcesContent":["import type { DefaultCellComponentProps } from 'payload'\nimport type { JSX } from 'react'\n\nimport { toWords } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nexport const QueryPresetsAccessCell: React.FC<DefaultCellComponentProps> = ({ cellData }) => {\n  // first sort the operations in the order they should be displayed\n  const operations = ['read', 'update', 'delete']\n\n  return (\n    <p>\n      {operations.reduce((acc, operation, index) => {\n        const operationData = (cellData as JSON)?.[operation]\n\n        if (operationData && operationData.constraint) {\n          acc.push(\n            <Fragment key={operation}>\n              <span>\n                <strong>{toWords(operation)}</strong>: {toWords(operationData.constraint)}\n              </span>\n              {index !== operations.length - 1 && ', '}\n            </Fragment>,\n          )\n        }\n        return acc\n      }, [] as JSX.Element[])}\n    </p>\n  )\n}\n"],"mappings":";AAGA,SAASA,OAAO,QAAQ;AACxB,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,OAAO,MAAMC,sBAAA,GAA8DA,CAAC;EAAEC;AAAQ,CAAE;EACtF;EACA,MAAMC,UAAA,GAAa,CAAC,QAAQ,UAAU,SAAS;EAE/C,oBACEC,IAAA,CAAC;cACED,UAAA,CAAWE,MAAM,CAAC,CAACC,GAAA,EAAKC,SAAA,EAAWC,KAAA;MAClC,MAAMC,aAAA,GAAiBP,QAAA,GAAoBK,SAAA,CAAU;MAErD,IAAIE,aAAA,IAAiBA,aAAA,CAAcC,UAAU,EAAE;QAC7CJ,GAAA,CAAIK,IAAI,cACNC,KAAA,CAACZ,QAAA;kCACCY,KAAA,CAAC;oCACCR,IAAA,CAAC;wBAAQN,OAAA,CAAQS,SAAA;gBAAoB,MAAGT,OAAA,CAAQW,aAAA,CAAcC,UAAU;cAEzEF,KAAA,KAAUL,UAAA,CAAWU,MAAM,GAAG,KAAK;WAJvBN,SAAA;MAOnB;MACA,OAAOD,GAAA;IACT,GAAG,EAAE;;AAGX","ignoreList":[]}
+{"version":3,"sources":["../../../../../src/elements/QueryPresets/cells/AccessCell/index.tsx"],"sourcesContent":["import type { DefaultCellComponentProps } from 'payload'\nimport type { JSX } from 'react'\n\nimport { toWords } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nexport const QueryPresetsAccessCell: React.FC<DefaultCellComponentProps> = ({ cellData }) => {\n  // first sort the operations in the order they should be displayed\n  const operations = ['read', 'update', 'delete']\n\n  return (\n    <p>\n      {operations.reduce((acc, operation, index) => {\n        const operationData = (cellData as JSON)?.[operation]\n\n        if (operationData && operationData.constraint) {\n          acc.push(\n            <Fragment key={operation}>\n              <span>\n                <strong>{toWords(operation)}</strong>: {toWords(operationData.constraint)}\n              </span>\n              {index !== operations.length - 1 && ', '}\n            </Fragment>,\n          )\n        }\n        return acc\n      }, [] as JSX.Element[])}\n    </p>\n  )\n}\n"],"names":["toWords","React","Fragment","QueryPresetsAccessCell","cellData","operations","p","reduce","acc","operation","index","operationData","constraint","push","span","strong","length"],"mappings":";AAGA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,OAAO,MAAMC,yBAA8D,CAAC,EAAEC,QAAQ,EAAE;IACtF,kEAAkE;IAClE,MAAMC,aAAa;QAAC;QAAQ;QAAU;KAAS;IAE/C,qBACE,QAACC;kBACED,WAAWE,MAAM,CAAC,CAACC,KAAKC,WAAWC;YAClC,MAAMC,gBAAiBP,UAAmB,CAACK,UAAU;YAErD,IAAIE,iBAAiBA,cAAcC,UAAU,EAAE;gBAC7CJ,IAAIK,IAAI,eACN,QAACX;;sCACC,QAACY;;8CACC,QAACC;8CAAQf,QAAQS;;;;;;gCAAoB;gCAAGT,QAAQW,cAAcC,UAAU;;;;;;;wBAEzEF,UAAUL,WAAWW,MAAM,GAAG,KAAK;;mBAJvBP;;;;;YAOnB;YACA,OAAOD;QACT,GAAG,EAAE;;;;;;AAGX,EAAC"}

package/dist/elements/QueryPresets/cells/ColumnsCell/index.js

@@ -1,26 +1,33 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { toWords, transformColumnsToSearchParams } from 'payload/shared';
 import React from 'react';
 import { Pill } from '../../../Pill/index.js';
 import './index.scss';
 const baseClass = 'query-preset-columns-cell';
-export const QueryPresetsColumnsCell = ({
-  cellData
-}) => {
-  return /*#__PURE__*/_jsx("div", {
-    className: baseClass,
-    children: cellData ? transformColumnsToSearchParams(cellData).map((column, i) => {
-      const isColumnActive = !column.startsWith('-');
-      // to void very lengthy cells, only display the active columns
-      if (!isColumnActive) {
-        return null;
-      }
-      return /*#__PURE__*/_jsx(Pill, {
-        pillStyle: isColumnActive ? 'always-white' : 'light',
-        size: "small",
-        children: toWords(column)
-      }, i);
-    }) : 'No columns selected'
-  });
+export const QueryPresetsColumnsCell = ({ cellData })=>{
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: cellData ? transformColumnsToSearchParams(cellData).map((column, i)=>{
+            const isColumnActive = !column.startsWith('-');
+            // to void very lengthy cells, only display the active columns
+            if (!isColumnActive) {
+                return null;
+            }
+            return /*#__PURE__*/ _jsxDEV(Pill, {
+                pillStyle: isColumnActive ? 'always-white' : 'light',
+                size: "small",
+                children: toWords(column)
+            }, i, false, {
+                fileName: "src/elements/QueryPresets/cells/ColumnsCell/index.tsx",
+                lineNumber: 24,
+                columnNumber: 15
+            }, this);
+        }) : 'No columns selected'
+    }, void 0, false, {
+        fileName: "src/elements/QueryPresets/cells/ColumnsCell/index.tsx",
+        lineNumber: 13,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/QueryPresets/cells/ColumnsCell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["toWords","transformColumnsToSearchParams","React","Pill","baseClass","QueryPresetsColumnsCell","cellData","_jsx","className","map","column","i","isColumnActive","startsWith","pillStyle","size"],"sources":["../../../../../src/elements/QueryPresets/cells/ColumnsCell/index.tsx"],"sourcesContent":["import type { ColumnPreference, DefaultCellComponentProps } from 'payload'\n\nimport { toWords, transformColumnsToSearchParams } from 'payload/shared'\nimport React from 'react'\n\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'query-preset-columns-cell'\n\nexport const QueryPresetsColumnsCell: React.FC<DefaultCellComponentProps> = ({ cellData }) => {\n  return (\n    <div className={baseClass}>\n      {cellData\n        ? transformColumnsToSearchParams(cellData as ColumnPreference[]).map((column, i) => {\n            const isColumnActive = !column.startsWith('-')\n\n            // to void very lengthy cells, only display the active columns\n            if (!isColumnActive) {\n              return null\n            }\n\n            return (\n              <Pill key={i} pillStyle={isColumnActive ? 'always-white' : 'light'} size=\"small\">\n                {toWords(column)}\n              </Pill>\n            )\n          })\n        : 'No columns selected'}\n    </div>\n  )\n}\n"],"mappings":";AAEA,SAASA,OAAO,EAAEC,8BAA8B,QAAQ;AACxD,OAAOC,KAAA,MAAW;AAElB,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,uBAAA,GAA+DA,CAAC;EAAEC;AAAQ,CAAE;EACvF,oBACEC,IAAA,CAAC;IAAIC,SAAA,EAAWJ,SAAA;cACbE,QAAA,GACGL,8BAAA,CAA+BK,QAAA,EAAgCG,GAAG,CAAC,CAACC,MAAA,EAAQC,CAAA;MAC1E,MAAMC,cAAA,GAAiB,CAACF,MAAA,CAAOG,UAAU,CAAC;MAE1C;MACA,IAAI,CAACD,cAAA,EAAgB;QACnB,OAAO;MACT;MAEA,oBACEL,IAAA,CAACJ,IAAA;QAAaW,SAAA,EAAWF,cAAA,GAAiB,iBAAiB;QAASG,IAAA,EAAK;kBACtEf,OAAA,CAAQU,MAAA;SADAC,CAAA;IAIf,KACA;;AAGV","ignoreList":[]}
+{"version":3,"sources":["../../../../../src/elements/QueryPresets/cells/ColumnsCell/index.tsx"],"sourcesContent":["import type { ColumnPreference, DefaultCellComponentProps } from 'payload'\n\nimport { toWords, transformColumnsToSearchParams } from 'payload/shared'\nimport React from 'react'\n\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'query-preset-columns-cell'\n\nexport const QueryPresetsColumnsCell: React.FC<DefaultCellComponentProps> = ({ cellData }) => {\n  return (\n    <div className={baseClass}>\n      {cellData\n        ? transformColumnsToSearchParams(cellData as ColumnPreference[]).map((column, i) => {\n            const isColumnActive = !column.startsWith('-')\n\n            // to void very lengthy cells, only display the active columns\n            if (!isColumnActive) {\n              return null\n            }\n\n            return (\n              <Pill key={i} pillStyle={isColumnActive ? 'always-white' : 'light'} size=\"small\">\n                {toWords(column)}\n              </Pill>\n            )\n          })\n        : 'No columns selected'}\n    </div>\n  )\n}\n"],"names":["toWords","transformColumnsToSearchParams","React","Pill","baseClass","QueryPresetsColumnsCell","cellData","div","className","map","column","i","isColumnActive","startsWith","pillStyle","size"],"mappings":";AAEA,SAASA,OAAO,EAAEC,8BAA8B,QAAQ,iBAAgB;AACxE,OAAOC,WAAW,QAAO;AAEzB,SAASC,IAAI,QAAQ,yBAAwB;AAC7C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,0BAA+D,CAAC,EAAEC,QAAQ,EAAE;IACvF,qBACE,QAACC;QAAIC,WAAWJ;kBACbE,WACGL,+BAA+BK,UAAgCG,GAAG,CAAC,CAACC,QAAQC;YAC1E,MAAMC,iBAAiB,CAACF,OAAOG,UAAU,CAAC;YAE1C,8DAA8D;YAC9D,IAAI,CAACD,gBAAgB;gBACnB,OAAO;YACT;YAEA,qBACE,QAACT;gBAAaW,WAAWF,iBAAiB,iBAAiB;gBAASG,MAAK;0BACtEf,QAAQU;eADAC;;;;;QAIf,KACA;;;;;;AAGV,EAAC"}

package/dist/elements/QueryPresets/cells/GroupByCell/index.js

@@ -1,57 +1,70 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { toWords } from 'payload/shared';
 import React, { useMemo } from 'react';
 import { useAuth } from '../../../../providers/Auth/index.js';
 import { useConfig } from '../../../../providers/Config/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import { reduceFieldsToOptions } from '../../../../utilities/reduceFieldsToOptions.js';
-export const QueryPresetsGroupByCell = ({
-  cellData,
-  rowData
-}) => {
-  const {
-    i18n
-  } = useTranslation();
-  const {
-    permissions
-  } = useAuth();
-  const {
-    config
-  } = useConfig();
-  // Get the related collection from the row data
-  const relatedCollection = rowData?.relatedCollection;
-  // Get the collection config for the related collection
-  const collectionConfig = useMemo(() => {
-    if (!relatedCollection) {
-      return null;
+export const QueryPresetsGroupByCell = ({ cellData, rowData })=>{
+    const { i18n } = useTranslation();
+    const { permissions } = useAuth();
+    const { config } = useConfig();
+    // Get the related collection from the row data
+    const relatedCollection = rowData?.relatedCollection;
+    // Get the collection config for the related collection
+    const collectionConfig = useMemo(()=>{
+        if (!relatedCollection) {
+            return null;
+        }
+        return config.collections?.find((col)=>col.slug === relatedCollection);
+    }, [
+        relatedCollection,
+        config.collections
+    ]);
+    // Reduce fields to options to get proper labels
+    const reducedFields = useMemo(()=>{
+        if (!collectionConfig) {
+            return [];
+        }
+        const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields;
+        return reduceFieldsToOptions({
+            fieldPermissions,
+            fields: collectionConfig.fields,
+            i18n
+        });
+    }, [
+        collectionConfig,
+        permissions,
+        relatedCollection,
+        i18n
+    ]);
+    if (!cellData || typeof cellData !== 'string') {
+        return /*#__PURE__*/ _jsxDEV("div", {
+            children: "No group by selected"
+        }, void 0, false, {
+            fileName: "src/elements/QueryPresets/cells/GroupByCell/index.tsx",
+            lineNumber: 47,
+            columnNumber: 12
+        }, this);
     }
-    return config.collections?.find(col => col.slug === relatedCollection);
-  }, [relatedCollection, config.collections]);
-  // Reduce fields to options to get proper labels
-  const reducedFields = useMemo(() => {
-    if (!collectionConfig) {
-      return [];
-    }
-    const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields;
-    return reduceFieldsToOptions({
-      fieldPermissions,
-      fields: collectionConfig.fields,
-      i18n
-    });
-  }, [collectionConfig, permissions, relatedCollection, i18n]);
-  if (!cellData || typeof cellData !== 'string') {
-    return /*#__PURE__*/_jsx("div", {
-      children: "No group by selected"
-    });
-  }
-  const isDescending = cellData.startsWith('-');
-  const fieldName = isDescending ? cellData.slice(1) : cellData;
-  const direction = isDescending ? 'descending' : 'ascending';
-  // Find the field option to get the proper label
-  const fieldOption = reducedFields.find(field => field.value === fieldName);
-  const displayLabel = fieldOption?.label || toWords(fieldName);
-  return /*#__PURE__*/_jsxs("div", {
-    children: [displayLabel, " (", direction, ")"]
-  });
+    const isDescending = cellData.startsWith('-');
+    const fieldName = isDescending ? cellData.slice(1) : cellData;
+    const direction = isDescending ? 'descending' : 'ascending';
+    // Find the field option to get the proper label
+    const fieldOption = reducedFields.find((field)=>field.value === fieldName);
+    const displayLabel = fieldOption?.label || toWords(fieldName);
+    return /*#__PURE__*/ _jsxDEV("div", {
+        children: [
+            displayLabel,
+            " (",
+            direction,
+            ")"
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/QueryPresets/cells/GroupByCell/index.tsx",
+        lineNumber: 59,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/QueryPresets/cells/GroupByCell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["toWords","React","useMemo","useAuth","useConfig","useTranslation","reduceFieldsToOptions","QueryPresetsGroupByCell","cellData","rowData","i18n","permissions","config","relatedCollection","collectionConfig","collections","find","col","slug","reducedFields","fieldPermissions","fields","_jsx","isDescending","startsWith","fieldName","slice","direction","fieldOption","field","value","displayLabel","label","_jsxs"],"sources":["../../../../../src/elements/QueryPresets/cells/GroupByCell/index.tsx"],"sourcesContent":["import type { DefaultCellComponentProps } from 'payload'\n\nimport { toWords } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../../../utilities/reduceFieldsToOptions.js'\n\nexport const QueryPresetsGroupByCell: React.FC<DefaultCellComponentProps> = ({\n  cellData,\n  rowData,\n}) => {\n  const { i18n } = useTranslation()\n  const { permissions } = useAuth()\n  const { config } = useConfig()\n\n  // Get the related collection from the row data\n  const relatedCollection = rowData?.relatedCollection as string\n\n  // Get the collection config for the related collection\n  const collectionConfig = useMemo(() => {\n    if (!relatedCollection) {\n      return null\n    }\n\n    return config.collections?.find((col) => col.slug === relatedCollection)\n  }, [relatedCollection, config.collections])\n\n  // Reduce fields to options to get proper labels\n  const reducedFields = useMemo(() => {\n    if (!collectionConfig) {\n      return []\n    }\n\n    const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields\n\n    return reduceFieldsToOptions({\n      fieldPermissions,\n      fields: collectionConfig.fields,\n      i18n,\n    })\n  }, [collectionConfig, permissions, relatedCollection, i18n])\n\n  if (!cellData || typeof cellData !== 'string') {\n    return <div>No group by selected</div>\n  }\n\n  const isDescending = cellData.startsWith('-')\n  const fieldName = isDescending ? cellData.slice(1) : cellData\n  const direction = isDescending ? 'descending' : 'ascending'\n\n  // Find the field option to get the proper label\n  const fieldOption = reducedFields.find((field) => field.value === fieldName)\n  const displayLabel = fieldOption?.label || toWords(fieldName)\n\n  return (\n    <div>\n      {displayLabel} ({direction})\n    </div>\n  )\n}\n"],"mappings":";AAEA,SAASA,OAAO,QAAQ;AACxB,OAAOC,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ;AAEtC,OAAO,MAAMC,uBAAA,GAA+DA,CAAC;EAC3EC,QAAQ;EACRC;AAAO,CACR;EACC,MAAM;IAAEC;EAAI,CAAE,GAAGL,cAAA;EACjB,MAAM;IAAEM;EAAW,CAAE,GAAGR,OAAA;EACxB,MAAM;IAAES;EAAM,CAAE,GAAGR,SAAA;EAEnB;EACA,MAAMS,iBAAA,GAAoBJ,OAAA,EAASI,iBAAA;EAEnC;EACA,MAAMC,gBAAA,GAAmBZ,OAAA,CAAQ;IAC/B,IAAI,CAACW,iBAAA,EAAmB;MACtB,OAAO;IACT;IAEA,OAAOD,MAAA,CAAOG,WAAW,EAAEC,IAAA,CAAMC,GAAA,IAAQA,GAAA,CAAIC,IAAI,KAAKL,iBAAA;EACxD,GAAG,CAACA,iBAAA,EAAmBD,MAAA,CAAOG,WAAW,CAAC;EAE1C;EACA,MAAMI,aAAA,GAAgBjB,OAAA,CAAQ;IAC5B,IAAI,CAACY,gBAAA,EAAkB;MACrB,OAAO,EAAE;IACX;IAEA,MAAMM,gBAAA,GAAmBT,WAAA,EAAaI,WAAA,GAAcF,iBAAA,CAAkB,EAAEQ,MAAA;IAExE,OAAOf,qBAAA,CAAsB;MAC3Bc,gBAAA;MACAC,MAAA,EAAQP,gBAAA,CAAiBO,MAAM;MAC/BX;IACF;EACF,GAAG,CAACI,gBAAA,EAAkBH,WAAA,EAAaE,iBAAA,EAAmBH,IAAA,CAAK;EAE3D,IAAI,CAACF,QAAA,IAAY,OAAOA,QAAA,KAAa,UAAU;IAC7C,oBAAOc,IAAA,CAAC;gBAAI;;EACd;EAEA,MAAMC,YAAA,GAAef,QAAA,CAASgB,UAAU,CAAC;EACzC,MAAMC,SAAA,GAAYF,YAAA,GAAef,QAAA,CAASkB,KAAK,CAAC,KAAKlB,QAAA;EACrD,MAAMmB,SAAA,GAAYJ,YAAA,GAAe,eAAe;EAEhD;EACA,MAAMK,WAAA,GAAcT,aAAA,CAAcH,IAAI,CAAEa,KAAA,IAAUA,KAAA,CAAMC,KAAK,KAAKL,SAAA;EAClE,MAAMM,YAAA,GAAeH,WAAA,EAAaI,KAAA,IAAShC,OAAA,CAAQyB,SAAA;EAEnD,oBACEQ,KAAA,CAAC;eACEF,YAAA,EAAa,MAAGJ,SAAA,EAAU;;AAGjC","ignoreList":[]}
+{"version":3,"sources":["../../../../../src/elements/QueryPresets/cells/GroupByCell/index.tsx"],"sourcesContent":["import type { DefaultCellComponentProps } from 'payload'\n\nimport { toWords } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../../../utilities/reduceFieldsToOptions.js'\n\nexport const QueryPresetsGroupByCell: React.FC<DefaultCellComponentProps> = ({\n  cellData,\n  rowData,\n}) => {\n  const { i18n } = useTranslation()\n  const { permissions } = useAuth()\n  const { config } = useConfig()\n\n  // Get the related collection from the row data\n  const relatedCollection = rowData?.relatedCollection as string\n\n  // Get the collection config for the related collection\n  const collectionConfig = useMemo(() => {\n    if (!relatedCollection) {\n      return null\n    }\n\n    return config.collections?.find((col) => col.slug === relatedCollection)\n  }, [relatedCollection, config.collections])\n\n  // Reduce fields to options to get proper labels\n  const reducedFields = useMemo(() => {\n    if (!collectionConfig) {\n      return []\n    }\n\n    const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields\n\n    return reduceFieldsToOptions({\n      fieldPermissions,\n      fields: collectionConfig.fields,\n      i18n,\n    })\n  }, [collectionConfig, permissions, relatedCollection, i18n])\n\n  if (!cellData || typeof cellData !== 'string') {\n    return <div>No group by selected</div>\n  }\n\n  const isDescending = cellData.startsWith('-')\n  const fieldName = isDescending ? cellData.slice(1) : cellData\n  const direction = isDescending ? 'descending' : 'ascending'\n\n  // Find the field option to get the proper label\n  const fieldOption = reducedFields.find((field) => field.value === fieldName)\n  const displayLabel = fieldOption?.label || toWords(fieldName)\n\n  return (\n    <div>\n      {displayLabel} ({direction})\n    </div>\n  )\n}\n"],"names":["toWords","React","useMemo","useAuth","useConfig","useTranslation","reduceFieldsToOptions","QueryPresetsGroupByCell","cellData","rowData","i18n","permissions","config","relatedCollection","collectionConfig","collections","find","col","slug","reducedFields","fieldPermissions","fields","div","isDescending","startsWith","fieldName","slice","direction","fieldOption","field","value","displayLabel","label"],"mappings":";AAEA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,OAAOC,SAASC,OAAO,QAAQ,QAAO;AAEtC,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,SAAS,QAAQ,wCAAuC;AACjE,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,qBAAqB,QAAQ,iDAAgD;AAEtF,OAAO,MAAMC,0BAA+D,CAAC,EAC3EC,QAAQ,EACRC,OAAO,EACR;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGL;IACjB,MAAM,EAAEM,WAAW,EAAE,GAAGR;IACxB,MAAM,EAAES,MAAM,EAAE,GAAGR;IAEnB,+CAA+C;IAC/C,MAAMS,oBAAoBJ,SAASI;IAEnC,uDAAuD;IACvD,MAAMC,mBAAmBZ,QAAQ;QAC/B,IAAI,CAACW,mBAAmB;YACtB,OAAO;QACT;QAEA,OAAOD,OAAOG,WAAW,EAAEC,KAAK,CAACC,MAAQA,IAAIC,IAAI,KAAKL;IACxD,GAAG;QAACA;QAAmBD,OAAOG,WAAW;KAAC;IAE1C,gDAAgD;IAChD,MAAMI,gBAAgBjB,QAAQ;QAC5B,IAAI,CAACY,kBAAkB;YACrB,OAAO,EAAE;QACX;QAEA,MAAMM,mBAAmBT,aAAaI,aAAa,CAACF,kBAAkB,EAAEQ;QAExE,OAAOf,sBAAsB;YAC3Bc;YACAC,QAAQP,iBAAiBO,MAAM;YAC/BX;QACF;IACF,GAAG;QAACI;QAAkBH;QAAaE;QAAmBH;KAAK;IAE3D,IAAI,CAACF,YAAY,OAAOA,aAAa,UAAU;QAC7C,qBAAO,QAACc;sBAAI;;;;;;IACd;IAEA,MAAMC,eAAef,SAASgB,UAAU,CAAC;IACzC,MAAMC,YAAYF,eAAef,SAASkB,KAAK,CAAC,KAAKlB;IACrD,MAAMmB,YAAYJ,eAAe,eAAe;IAEhD,gDAAgD;IAChD,MAAMK,cAAcT,cAAcH,IAAI,CAAC,CAACa,QAAUA,MAAMC,KAAK,KAAKL;IAClE,MAAMM,eAAeH,aAAaI,SAAShC,QAAQyB;IAEnD,qBACE,QAACH;;YACES;YAAa;YAAGJ;YAAU;;;;;;;AAGjC,EAAC"}