@payloadcms/ui 3.51.0-internal.62eeed3 → 3.52.0-internal.8a9caef

package/dist/elements/{ListControls/useQueryPresets.js → QueryPresets/QueryPresetBar/index.js}

@@ -1,21 +1,25 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { transformColumnsToPreferences, transformColumnsToSearchParams } from 'payload/shared';
-import React, { useCallback, useMemo } from 'react';
+import React, { Fragment, useCallback, useMemo } from 'react';
 import { toast } from 'sonner';
-import { useConfig } from '../../providers/Config/index.js';
-import { useListQuery } from '../../providers/ListQuery/context.js';
-import { useTranslation } from '../../providers/Translation/index.js';
-import { ConfirmationModal } from '../ConfirmationModal/index.js';
-import { useDocumentDrawer } from '../DocumentDrawer/index.js';
-import { useListDrawer } from '../ListDrawer/index.js';
-import { PopupList } from '../Popup/index.js';
-import { PopupListGroupLabel } from '../Popup/PopupGroupLabel/index.js';
-import { Translation } from '../Translation/index.js';
+import { PlusIcon } from '../../../icons/Plus/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useListQuery } from '../../../providers/ListQuery/context.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { ConfirmationModal } from '../../ConfirmationModal/index.js';
+import { useDocumentDrawer } from '../../DocumentDrawer/index.js';
+import { useListDrawer } from '../../ListDrawer/index.js';
+import { ListSelectionButton } from '../../ListSelection/index.js';
+import { Pill } from '../../Pill/index.js';
+import { Translation } from '../../Translation/index.js';
+import { QueryPresetToggler } from '../QueryPresetToggler/index.js';
+import './index.scss';
 const confirmDeletePresetModalSlug = 'confirm-delete-preset';
 const queryPresetsSlug = 'payload-query-presets';
-export const useQueryPresets = ({
+const baseClass = 'query-preset-bar';
+export const QueryPresetBar = ({
   activePreset,
   collectionSlug,
   queryPresetPermissions
@@ -157,45 +161,68 @@ export const useQueryPresets = ({
       toast.error(t('error:unknown'));
     }
   }, [apiRoute, activePreset?.id, query.columns, query.where, t, presetConfig?.labels?.singular, i18n, setQueryModified]);
-  // Memoize so that components aren't re-rendered on query and column changes
-  const queryPresetMenuItems = useMemo(() => {
-    const hasModifiedPreset = activePreset && modified;
-    return [/*#__PURE__*/_jsx(PopupListGroupLabel, {
-      label: getTranslation(presetConfig?.labels?.plural, i18n)
-    }, "preset-group-label"), /*#__PURE__*/_jsxs(PopupList.ButtonGroup, {
-      children: [hasModifiedPreset && /*#__PURE__*/_jsx(PopupList.Button, {
-        onClick: async () => {
-          await refineListData({
-            columns: transformColumnsToSearchParams(activePreset.columns),
-            where: activePreset.where
-          }, false);
-        },
-        children: t('general:reset')
-      }), hasModifiedPreset && queryPresetPermissions.update && /*#__PURE__*/_jsx(PopupList.Button, {
-        onClick: async () => {
-          await saveCurrentChanges();
-        },
-        children: activePreset?.isShared ? t('general:updateForEveryone') : t('general:save')
-      }), /*#__PURE__*/_jsx(PopupList.Button, {
-        onClick: () => {
-          openCreateNewDrawer();
-        },
-        children: t('general:createNew')
-      }), activePreset && queryPresetPermissions?.delete && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(PopupList.Button, {
-          onClick: () => openModal(confirmDeletePresetModalSlug),
-          children: t('general:delete')
-        }), /*#__PURE__*/_jsx(PopupList.Button, {
+  const hasModifiedPreset = activePreset && modified;
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: baseClass,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__menu`,
+        children: [/*#__PURE__*/_jsx(QueryPresetToggler, {
+          activePreset: activePreset,
+          openPresetListDrawer: openListDrawer,
+          resetPreset: resetQueryPreset
+        }), /*#__PURE__*/_jsx(Pill, {
+          "aria-label": t('general:newLabel', {
+            label: presetConfig?.labels?.singular
+          }),
+          className: `${baseClass}__create-new-preset`,
+          icon: /*#__PURE__*/_jsx(PlusIcon, {}),
+          id: "create-new-preset",
           onClick: () => {
-            openDocumentDrawer();
+            openCreateNewDrawer();
           },
-          children: t('general:edit')
+          size: "small"
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__menu-items`,
+        children: [hasModifiedPreset && /*#__PURE__*/_jsx(ListSelectionButton, {
+          id: "reset-preset",
+          onClick: async () => {
+            await refineListData({
+              columns: transformColumnsToSearchParams(activePreset.columns),
+              where: activePreset.where
+            }, false);
+          },
+          type: "button",
+          children: t('general:reset')
+        }, "reset"), hasModifiedPreset && queryPresetPermissions.update && /*#__PURE__*/_jsx(ListSelectionButton, {
+          id: "save-preset",
+          onClick: async () => {
+            await saveCurrentChanges();
+          },
+          type: "button",
+          children: activePreset?.isShared ? t('general:updateForEveryone') : t('fields:saveChanges')
+        }, "save"), activePreset && queryPresetPermissions?.delete && /*#__PURE__*/_jsxs(Fragment, {
+          children: [/*#__PURE__*/_jsx(ListSelectionButton, {
+            id: "delete-preset",
+            onClick: () => openModal(confirmDeletePresetModalSlug),
+            type: "button",
+            children: t('general:deleteLabel', {
+              label: presetConfig?.labels?.singular
+            })
+          }), /*#__PURE__*/_jsx(ListSelectionButton, {
+            id: "edit-preset",
+            onClick: () => {
+              openDocumentDrawer();
+            },
+            type: "button",
+            children: t('general:editLabel', {
+              label: presetConfig?.labels?.singular
+            })
+          })]
         })]
       })]
-    }, "preset-group-buttons")];
-  }, [activePreset, queryPresetPermissions?.delete, queryPresetPermissions?.update, openCreateNewDrawer, openDocumentDrawer, openModal, saveCurrentChanges, t, refineListData, modified, presetConfig?.labels?.plural, i18n]);
-  return {
-    CreateNewPresetDrawer: /*#__PURE__*/_jsx(CreateNewPresetDrawer, {
+    }), /*#__PURE__*/_jsx(CreateNewPresetDrawer, {
       initialData: {
         columns: transformColumnsToPreferences(query.columns),
         relatedCollection: collectionSlug,
@@ -208,8 +235,7 @@ export const useQueryPresets = ({
         await handlePresetChange(doc);
       },
       redirectAfterCreate: false
-    }),
-    DeletePresetModal: /*#__PURE__*/_jsx(ConfirmationModal, {
+    }), /*#__PURE__*/_jsx(ConfirmationModal, {
       body: /*#__PURE__*/_jsx(Translation, {
         elements: {
           '1': ({
@@ -229,8 +255,7 @@ export const useQueryPresets = ({
       heading: t('general:confirmDeletion'),
       modalSlug: confirmDeletePresetModalSlug,
       onConfirm: handleDeletePreset
-    }),
-    EditPresetDrawer: /*#__PURE__*/_jsx(PresetDocumentDrawer, {
+    }), /*#__PURE__*/_jsx(PresetDocumentDrawer, {
       onDelete: () => {
         // setSelectedPreset(undefined)
       },
@@ -244,10 +269,7 @@ export const useQueryPresets = ({
       }) => {
         await handlePresetChange(doc);
       }
-    }),
-    hasModifiedPreset: modified,
-    openPresetListDrawer: openListDrawer,
-    PresetListDrawer: /*#__PURE__*/_jsx(ListDrawer, {
+    }), /*#__PURE__*/_jsx(ListDrawer, {
       allowCreate: false,
       disableQueryPresets: true,
       onSelect: async ({
@@ -256,9 +278,7 @@ export const useQueryPresets = ({
         closeListDrawer();
         await handlePresetChange(doc);
       }
-    }),
-    queryPresetMenuItems,
-    resetPreset: resetQueryPreset
-  };
+    })]
+  });
 };
-//# sourceMappingURL=useQueryPresets.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useModal","getTranslation","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","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","where","resetQueryPreset","handleDeletePreset","fetch","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 { transformColumnsToPreferences, transformColumnsToSearchParams } 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    },\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          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        preset: '',\n        where: {},\n      },\n      false,\n    )\n  }, [refineListData])\n\n  const handleDeletePreset = useCallback(async () => {\n    try {\n      await fetch(`${apiRoute}/${queryPresetsSlug}/${activePreset.id}`, {\n        method: 'DELETE',\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(`${apiRoute}/payload-query-presets/${activePreset.id}`, {\n        body: JSON.stringify({\n          columns: transformColumnsToPreferences(query.columns),\n          where: query.where,\n        }),\n        credentials: 'include',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'PATCH',\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.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                    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          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":";AAEA,SAASA,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,6BAA6B,EAAEC,8BAA8B,QAAQ;AAC9E,OAAOC,KAAA,IAASC,QAAQ,EAAEC,WAAW,EAAEC,OAAO,QAAQ;AACtD,SAASC,KAAK,QAAQ;AAEtB,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,aAAa,QAAQ;AAC9B,SAASC,mBAAmB,QAAQ;AACpC,SAASC,IAAI,QAAQ;AACrB,SAASC,WAAW,QAAQ;AAC5B,SAASC,kBAAkB,QAAQ;AACnC,OAAO;AAEP,MAAMC,4BAAA,GAA+B;AAErC,MAAMC,gBAAA,GAAmB;AAEzB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,GAIRA,CAAC;EAAEC,YAAY;EAAEC,cAAc;EAAEC;AAAsB,CAAE;EAC5D,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,cAAc;IAAEC,WAAA,EAAaC;EAAgB,CAAE,GAAGpB,YAAA;EAE3E,MAAM;IAAEqB,IAAI;IAAEC;EAAC,CAAE,GAAGrB,cAAA;EACpB,MAAM;IAAEsB;EAAS,CAAE,GAAGlC,QAAA;EAEtB,MAAM;IACJmC,MAAA,EAAQ;MACNC,MAAA,EAAQ;QAAEC,GAAA,EAAKC;MAAQ;IAAE,CAC1B;IACDC;EAAe,CAChB,GAAG7B,SAAA;EAEJ,MAAM8B,YAAA,GAAeD,eAAA,CAAgB;IAAEd,cAAA,EAAgBJ;EAAiB;EAExE,MAAM,CAACoB,oBAAA,GAAwB;IAAEC,UAAA,EAAYC;EAAkB,CAAE,CAAC,GAAG7B,iBAAA,CAAkB;IACrF8B,EAAA,EAAIpB,YAAA,EAAcoB,EAAA;IAClBnB,cAAA,EAAgBJ;EAClB;EAEA,MAAM,CACJwB,qBAAA,GAEA;IAAEC,WAAA,EAAaC,oBAAoB;IAAEL,UAAA,EAAYM;EAAmB,CAAE,CACvE,GAAGlC,iBAAA,CAAkB;IACpBW,cAAA,EAAgBJ;EAClB;EAEA,MAAM4B,aAAA,GAAgB1C,OAAA,CACpB,OAAO;IACL,yBAAyB;MACvB2C,MAAA,EAAQ;QACNC,UAAA,EAAY;MACd;MACAC,iBAAA,EAAmB;QACjBC,MAAA,EAAQ5B;MACV;IACF;EACF,IACA,CAACA,cAAA,CAAe;EAGlB,MAAM,CAAC6B,UAAA,GAAc;IAAER,WAAA,EAAaS,eAAe;IAAEb,UAAA,EAAYc;EAAc,CAAE,CAAC,GAChFzC,aAAA,CAAc;IACZ0C,eAAA,EAAiB,CAACpC,gBAAA,CAAiB;IACnC4B,aAAA;IACAS,kBAAA,EAAoBrC;EACtB;EAEF,MAAMsC,kBAAA,GAAqBrD,WAAA,CACzB,MAAOsD,MAAA;IACL,MAAM/B,cAAA,CACJ;MACEgC,OAAA,EAASD,MAAA,CAAOC,OAAO,GAAG1D,8BAAA,CAA+ByD,MAAA,CAAOC,OAAO,IAAIC,SAAA;MAC3EF,MAAA,EAAQA,MAAA,CAAOhB,EAAE;MACjBmB,KAAA,EAAOH,MAAA,CAAOG;IAChB,GACA;EAEJ,GACA,CAAClC,cAAA,CAAe;EAGlB,MAAMmC,gBAAA,GAAmB1D,WAAA,CAAY;IACnC,MAAMuB,cAAA,CACJ;MACEgC,OAAA,EAAS,EAAE;MACXD,MAAA,EAAQ;MACRG,KAAA,EAAO,CAAC;IACV,GACA;EAEJ,GAAG,CAAClC,cAAA,CAAe;EAEnB,MAAMoC,kBAAA,GAAqB3D,WAAA,CAAY;IACrC,IAAI;MACF,MAAM4D,KAAA,CAAM,GAAG5B,QAAA,IAAYjB,gBAAA,IAAoBG,YAAA,CAAaoB,EAAE,EAAE,EAAE;QAChEuB,MAAA,EAAQ;MACV,GAAGC,IAAI,CAAC,MAAOC,GAAA;QACb,IAAI;UACF,MAAMC,IAAA,GAAO,MAAMD,GAAA,CAAIC,IAAI;UAE3B,IAAID,GAAA,CAAIE,MAAM,GAAG,KAAK;YACpB/D,KAAA,CAAMgE,OAAO,CACXvC,CAAA,CAAE,wBAAwB;cACxBwC,KAAA,EAAOxE,cAAA,CAAeuC,YAAA,EAAckC,MAAA,EAAQC,QAAA,EAAU3C,IAAA;cACtD4C,KAAA,EAAOpD,YAAA,CAAaoD;YACtB;YAGF,MAAMZ,gBAAA;UACR,OAAO;YACL,IAAIM,IAAA,CAAKO,MAAM,EAAE;cACfP,IAAA,CAAKO,MAAM,CAACC,OAAO,CAAEC,KAAA,IAAUvE,KAAA,CAAMuE,KAAK,CAACA,KAAA,CAAMC,OAAO;YAC1D,OAAO;cACLxE,KAAA,CAAMuE,KAAK,CAAC9C,CAAA,CAAE,uBAAuB;gBAAE2C,KAAA,EAAOpD,YAAA,CAAaoD;cAAM;YACnE;UACF;QACF,EAAE,OAAOK,IAAA,EAAM;UACbzE,KAAA,CAAMuE,KAAK,CAAC9C,CAAA,CAAE,uBAAuB;YAAE2C,KAAA,EAAOpD,YAAA,CAAaoD;UAAM;QACnE;MACF;IACF,EAAE,OAAOK,IAAA,EAAM;MACbzE,KAAA,CAAMuE,KAAK,CAAC9C,CAAA,CAAE,uBAAuB;QAAE2C,KAAA,EAAOpD,YAAA,CAAaoD;MAAM;IACnE;EACF,GAAG,CAACtC,QAAA,EAAUd,YAAA,EAAcoB,EAAA,EAAIpB,YAAA,EAAcoD,KAAA,EAAO3C,CAAA,EAAGO,YAAA,EAAcR,IAAA,EAAMgC,gBAAA,CAAiB;EAE7F,MAAMkB,kBAAA,GAAqB5E,WAAA,CAAY;IACrC,IAAI;MACF,MAAM4D,KAAA,CAAM,GAAG5B,QAAA,0BAAkCd,YAAA,CAAaoB,EAAE,EAAE,EAAE;QAClEuC,IAAA,EAAMC,IAAA,CAAKC,SAAS,CAAC;UACnBxB,OAAA,EAAS3D,6BAAA,CAA8B0B,KAAA,CAAMiC,OAAO;UACpDE,KAAA,EAAOnC,KAAA,CAAMmC;QACf;QACAuB,WAAA,EAAa;QACbC,OAAA,EAAS;UACP,gBAAgB;QAClB;QACApB,MAAA,EAAQ;MACV,GAAGC,IAAI,CAAC,MAAOC,GAAA;QACb,IAAI;UACF,MAAMC,IAAA,GAAO,MAAMD,GAAA,CAAIC,IAAI;UAE3B,IAAID,GAAA,CAAIE,MAAM,GAAG,KAAK;YACpB/D,KAAA,CAAMgE,OAAO,CACXvC,CAAA,CAAE,oCAAoC;cACpCwC,KAAA,EAAOxE,cAAA,CAAeuC,YAAA,EAAckC,MAAA,EAAQC,QAAA,EAAU3C,IAAA;YACxD;YAGFD,gBAAA,CAAiB;UACnB,OAAO;YACL,IAAIuC,IAAA,CAAKO,MAAM,EAAE;cACfP,IAAA,CAAKO,MAAM,CAACC,OAAO,CAAEC,KAAA,IAAUvE,KAAA,CAAMuE,KAAK,CAACA,KAAA,CAAMC,OAAO;YAC1D,OAAO;cACLxE,KAAA,CAAMuE,KAAK,CAAC9C,CAAA,CAAE;YAChB;UACF;QACF,EAAE,OAAOgD,IAAA,EAAM;UACbzE,KAAA,CAAMuE,KAAK,CAAC9C,CAAA,CAAE;QAChB;MACF;IACF,EAAE,OAAOgD,IAAA,EAAM;MACbzE,KAAA,CAAMuE,KAAK,CAAC9C,CAAA,CAAE;IAChB;EACF,GAAG,CACDK,QAAA,EACAd,YAAA,EAAcoB,EAAA,EACdhB,KAAA,CAAMiC,OAAO,EACbjC,KAAA,CAAMmC,KAAK,EACX9B,CAAA,EACAO,YAAA,EAAckC,MAAA,EAAQC,QAAA,EACtB3C,IAAA,EACAD,gBAAA,CACD;EAED,MAAMyD,iBAAA,GAAoBhE,YAAA,IAAgBG,QAAA;EAE1C,oBACE8D,KAAA,CAACpF,QAAA;4BACCoF,KAAA,CAAC;MAAIC,SAAA,EAAWpE,SAAA;8BACdmE,KAAA,CAAC;QAAIC,SAAA,EAAW,GAAGpE,SAAA,QAAiB;gCAClCqE,IAAA,CAACxE,kBAAA;UACCK,YAAA,EAAcA,YAAA;UACdoE,oBAAA,EAAsBpC,cAAA;UACtBqC,WAAA,EAAa7B;yBAEf2B,IAAA,CAAC1E,IAAA;UACC,cAAYgB,CAAA,CAAE,oBAAoB;YAAEwC,KAAA,EAAOjC,YAAA,EAAckC,MAAA,EAAQC;UAAS;UAC1Ee,SAAA,EAAW,GAAGpE,SAAA,qBAA8B;UAC5CwE,IAAA,eAAMH,IAAA,CAAClF,QAAA;UACPmC,EAAA,EAAG;UACHmD,OAAA,EAASA,CAAA;YACP/C,mBAAA;UACF;UACAgD,IAAA,EAAK;;uBAGTP,KAAA,CAAC;QAAIC,SAAA,EAAW,GAAGpE,SAAA,cAAuB;mBACvCkE,iBAAA,iBACCG,IAAA,CAAC3E,mBAAA;UACC4B,EAAA,EAAG;UAEHmD,OAAA,EAAS,MAAAA,CAAA;YACP,MAAMlE,cAAA,CACJ;cACEgC,OAAA,EAAS1D,8BAAA,CAA+BqB,YAAA,CAAaqC,OAAO;cAC5DE,KAAA,EAAOvC,YAAA,CAAauC;YACtB,GACA;UAEJ;UACAkC,IAAA,EAAK;oBAEJhE,CAAA,CAAE;WAZC,UAePuD,iBAAA,IAAqB9D,sBAAA,CAAuBwE,MAAM,iBACjDP,IAAA,CAAC3E,mBAAA;UACC4B,EAAA,EAAG;UAEHmD,OAAA,EAAS,MAAAA,CAAA;YACP,MAAMb,kBAAA;UACR;UACAe,IAAA,EAAK;oBAEJzE,YAAA,EAAc2E,QAAA,GAAWlE,CAAA,CAAE,+BAA+BA,CAAA,CAAE;WANzD,SASPT,YAAA,IAAgBE,sBAAA,EAAwB0E,MAAA,iBACvCX,KAAA,CAACpF,QAAA;kCACCsF,IAAA,CAAC3E,mBAAA;YACC4B,EAAA,EAAG;YACHmD,OAAA,EAASA,CAAA,KAAM7D,SAAA,CAAUd,4BAAA;YACzB6E,IAAA,EAAK;sBAEJhE,CAAA,CAAE,uBAAuB;cAAEwC,KAAA,EAAOjC,YAAA,EAAckC,MAAA,EAAQC;YAAS;2BAEpEgB,IAAA,CAAC3E,mBAAA;YACC4B,EAAA,EAAG;YACHmD,OAAA,EAASA,CAAA;cACPpD,kBAAA;YACF;YACAsD,IAAA,EAAK;sBAEJhE,CAAA,CAAE,qBAAqB;cAAEwC,KAAA,EAAOjC,YAAA,EAAckC,MAAA,EAAQC;YAAS;;;;qBAM1EgB,IAAA,CAAC9C,qBAAA;MACCwD,WAAA,EAAa;QACXxC,OAAA,EAAS3D,6BAAA,CAA8B0B,KAAA,CAAMiC,OAAO;QACpDT,iBAAA,EAAmB3B,cAAA;QACnBsC,KAAA,EAAOnC,KAAA,CAAMmC;MACf;MACAuC,MAAA,EAAQ,MAAAA,CAAO;QAAEC;MAAG,CAAE;QACpBxD,oBAAA;QACA,MAAMY,kBAAA,CAAmB4C,GAAA;MAC3B;MACAC,mBAAA,EAAqB;qBAEvBb,IAAA,CAAC9E,iBAAA;MACCsE,IAAA,eACEQ,IAAA,CAACzE,WAAA;QACCuF,QAAA,EAAU;UACR,KAAKC,CAAC;YAAEC;UAAQ,CAAE,kBAAKhB,IAAA,CAAC;sBAAQgB;;QAClC;QACAC,OAAA,EAAQ;QACR3E,CAAA,EAAGA,CAAA;QACH4E,SAAA,EAAW;UACTpC,KAAA,EAAOjC,YAAA,EAAckC,MAAA,EAAQC,QAAA;UAC7BC,KAAA,EAAOpD,YAAA,EAAcoD;QACvB;;MAGJkC,eAAA,EAAiB7E,CAAA,CAAE;MACnB8E,OAAA,EAAS9E,CAAA,CAAE;MACX+E,SAAA,EAAW5F,4BAAA;MACX6F,SAAA,EAAWhD;qBAEb0B,IAAA,CAAClD,oBAAA;MACCyE,QAAA,EAAUA,CAAA;QACR;MAAA,CACF;MACAC,WAAA,EAAa,MAAAA,CAAO;QAAEZ;MAAG,CAAE;QACzB,MAAM5C,kBAAA,CAAmB4C,GAAA;MAC3B;MACAD,MAAA,EAAQ,MAAAA,CAAO;QAAEC;MAAG,CAAE;QACpB,MAAM5C,kBAAA,CAAmB4C,GAAA;MAC3B;qBAEFZ,IAAA,CAACrC,UAAA;MACC8D,WAAA,EAAa;MACbC,mBAAmB;MACnBC,QAAA,EAAU,MAAAA,CAAO;QAAEf;MAAG,CAAE;QACtBhD,eAAA;QACA,MAAMI,kBAAA,CAAmB4C,GAAA;MAC3B;;;AAIR","ignoreList":[]}

package/dist/elements/QueryPresets/QueryPresetBar/index.scss

@@ -0,0 +1,41 @@
+@import '../../../scss/styles';
+
+@layer payload-default {
+  .query-preset-bar {
+    display: flex;
+    gap: base(0.5);
+    justify-content: space-between;
+    background-color: var(--theme-elevation-50);
+    border-radius: var(--style-radius-m);
+    padding: base(0.5);
+
+    &__menu {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      flex-grow: 1;
+    }
+
+    &__create-new-preset {
+      height: 100%;
+      padding: 0 3px;
+      background: transparent;
+      box-shadow: inset 0 0 0 1px var(--theme-elevation-150);
+
+      &:hover {
+        background: transparent;
+      }
+    }
+
+    &__menu-items {
+      overflow: auto;
+      display: flex;
+      gap: base(0.5);
+
+      button {
+        color: var(--theme-elevation-500);
+        margin: 0;
+      }
+    }
+  }
+}

package/dist/elements/{ListControls/ActiveQueryPreset → QueryPresets/QueryPresetToggler}/index.d.ts

@@ -1,6 +1,6 @@
 import type { QueryPreset } from 'payload';
 import './index.scss';
-export declare function ActiveQueryPreset({ activePreset, openPresetListDrawer, resetPreset, }: {
+export declare function QueryPresetToggler({ activePreset, openPresetListDrawer, resetPreset, }: {
     activePreset: QueryPreset;
     openPresetListDrawer: () => void;
     resetPreset: () => Promise<void>;

package/dist/elements/QueryPresets/QueryPresetToggler/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/QueryPresets/QueryPresetToggler/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAS1C,OAAO,cAAc,CAAA;AAIrB,wBAAgB,kBAAkB,CAAC,EACjC,YAAY,EACZ,oBAAoB,EACpB,WAAW,GACZ,EAAE;IACD,YAAY,EAAE,WAAW,CAAA;IACzB,oBAAoB,EAAE,MAAM,IAAI,CAAA;IAChC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CACjC,+BAmDA"}

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

@@ -0,0 +1,198 @@
+'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 { PeopleIcon } from '../../../icons/People/index.js';
+import { XIcon } from '../../../icons/X/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+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(50);
+  const {
+    activePreset,
+    openPresetListDrawer,
+    resetPreset
+  } = t0;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    getEntityConfig
+  } = useConfig();
+  let t1;
+  let t10;
+  let t11;
+  let t12;
+  let t13;
+  let t14;
+  let t15;
+  let t16;
+  let t17;
+  let t18;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  let t8;
+  let t9;
+  if ($[0] !== activePreset || $[1] !== getEntityConfig || $[2] !== i18n || $[3] !== openPresetListDrawer || $[4] !== t) {
+    const presetsConfig = getEntityConfig({
+      collectionSlug: "payload-query-presets"
+    });
+    t17 = _jsx;
+    t18 = Pill;
+    const t19 = activePreset && `${baseClass}--active`;
+    let t20;
+    if ($[23] !== t19) {
+      t20 = [baseClass, t19].filter(Boolean);
+      $[23] = t19;
+      $[24] = t20;
+    } else {
+      t20 = $[24];
+    }
+    t12 = t20.join(" ");
+    t13 = "select-preset";
+    if ($[25] !== openPresetListDrawer) {
+      t14 = () => {
+        openPresetListDrawer();
+      };
+      $[25] = openPresetListDrawer;
+      $[26] = t14;
+    } else {
+      t14 = $[26];
+    }
+    t15 = "light";
+    t16 = "small";
+    t10 = _jsxs;
+    t11 = "div";
+    t9 = `${baseClass}__label`;
+    if ($[27] !== activePreset?.isShared) {
+      t8 = activePreset?.isShared && _jsx(PeopleIcon, {
+        className: `${baseClass}__shared`
+      });
+      $[27] = activePreset?.isShared;
+      $[28] = t8;
+    } else {
+      t8 = $[28];
+    }
+    t6 = _jsx;
+    t7 = "div";
+    t5 = `${baseClass}__label-text-max-width`;
+    t3 = _jsx;
+    t4 = "div";
+    t1 = `${baseClass}__label-text`;
+    t2 = activePreset?.title || t("general:selectLabel", {
+      label: getTranslation(presetsConfig.labels.singular, i18n)
+    });
+    $[0] = activePreset;
+    $[1] = getEntityConfig;
+    $[2] = i18n;
+    $[3] = openPresetListDrawer;
+    $[4] = t;
+    $[5] = t1;
+    $[6] = t10;
+    $[7] = t11;
+    $[8] = t12;
+    $[9] = t13;
+    $[10] = t14;
+    $[11] = t15;
+    $[12] = t16;
+    $[13] = t17;
+    $[14] = t18;
+    $[15] = t2;
+    $[16] = t3;
+    $[17] = t4;
+    $[18] = t5;
+    $[19] = t6;
+    $[20] = t7;
+    $[21] = t8;
+    $[22] = t9;
+  } else {
+    t1 = $[5];
+    t10 = $[6];
+    t11 = $[7];
+    t12 = $[8];
+    t13 = $[9];
+    t14 = $[10];
+    t15 = $[11];
+    t16 = $[12];
+    t17 = $[13];
+    t18 = $[14];
+    t2 = $[15];
+    t3 = $[16];
+    t4 = $[17];
+    t5 = $[18];
+    t6 = $[19];
+    t7 = $[20];
+    t8 = $[21];
+    t9 = $[22];
+  }
+  let t19;
+  if ($[29] !== activePreset || $[30] !== resetPreset || $[31] !== t1 || $[32] !== t10 || $[33] !== t11 || $[34] !== t12 || $[35] !== t13 || $[36] !== t14 || $[37] !== t15 || $[38] !== t16 || $[39] !== t17 || $[40] !== t18 || $[41] !== t2 || $[42] !== t3 || $[43] !== t4 || $[44] !== t5 || $[45] !== t6 || $[46] !== t7 || $[47] !== t8 || $[48] !== t9) {
+    t19 = t17(t18, {
+      className: t12,
+      id: t13,
+      onClick: t14,
+      pillStyle: t15,
+      size: t16,
+      children: t10(t11, {
+        className: t9,
+        children: [t8, t6(t7, {
+          className: t5,
+          children: t3(t4, {
+            className: t1,
+            children: t2
+          })
+        }), 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]
+      })
+    });
+    $[29] = activePreset;
+    $[30] = resetPreset;
+    $[31] = t1;
+    $[32] = t10;
+    $[33] = t11;
+    $[34] = t12;
+    $[35] = t13;
+    $[36] = t14;
+    $[37] = t15;
+    $[38] = t16;
+    $[39] = t17;
+    $[40] = t18;
+    $[41] = t2;
+    $[42] = t3;
+    $[43] = t4;
+    $[44] = t5;
+    $[45] = t6;
+    $[46] = t7;
+    $[47] = t8;
+    $[48] = t9;
+    $[49] = t19;
+  } else {
+    t19 = $[49];
+  }
+  return t19;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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","t10","t11","t12","t13","t14","t15","t16","t17","t18","t2","t3","t4","t5","t6","t7","t8","t9","presetsConfig","collectionSlug","_jsx","t19","t20","filter","Boolean","join","_jsxs","isShared","className","title","label","labels","singular","id","onClick","pillStyle","size","children","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":"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","ignoreList":[]}

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

@@ -0,0 +1,61 @@
+@import '../../../scss/styles';
+
+@layer payload-default {
+  .active-query-preset {
+    &__label {
+      display: flex;
+      align-items: center;
+    }
+
+    &__label-text-max-width {
+      max-width: 100px;
+      overflow: hidden;
+    }
+
+    &__label-text {
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+    }
+
+    &__label-and-clear-wrap {
+      display: flex;
+      align-items: center;
+    }
+
+    &__shared {
+      margin-right: 2px;
+    }
+
+    &__clear {
+      display: flex;
+      align-items: center;
+      width: var(--pill-icon-size);
+      height: var(--pill-icon-size);
+    }
+
+    &--active {
+      box-shadow: inset 0 0 0 1px var(--theme-elevation-200);
+      background-color: var(--theme-elevation-0);
+      padding-right: 4px;
+
+      &:hover {
+        background-color: var(--theme-elevation-100);
+      }
+    }
+  }
+
+  html[data-theme='dark'] {
+    .active-query-preset {
+      &--active {
+        box-shadow: inset 0 0 0 1px var(--theme-elevation-300);
+        color: var(--theme-elevation-0);
+        background-color: var(--theme-elevation-800);
+
+        &:hover {
+          background-color: var(--theme-elevation-700);
+        }
+      }
+    }
+  }
+}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Status/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAW1C,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAyM1B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Status/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAW1C,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAiN1B,CAAA"}

package/dist/elements/Status/index.js

@@ -23,6 +23,7 @@ export const Status = () => {
     hasPublishedDoc,
     incrementVersionCount,
     isTrashed,
+    savedDocumentData: doc,
     setHasPublishedDoc,
     setMostRecentVersionIsAutosaved,
     setUnpublishedVersionCount,
@@ -37,7 +38,8 @@ export const Status = () => {
         api
       },
       serverURL
-    }
+    },
+    getEntityConfig
   } = useConfig();
   const {
     reset: resetForm
@@ -51,13 +53,21 @@ export const Status = () => {
   } = useTranslation();
   const unPublishModalSlug = `confirm-un-publish-${id}`;
   const revertModalSlug = `confirm-revert-${id}`;
-  let statusToRender;
-  if (unpublishedVersionCount > 0 && hasPublishedDoc) {
-    statusToRender = 'changed';
-  } else if (!hasPublishedDoc) {
-    statusToRender = 'draft';
-  } else if (hasPublishedDoc && unpublishedVersionCount <= 0) {
-    statusToRender = 'published';
+  let statusToRender = 'draft';
+  const collectionConfig = getEntityConfig({
+    collectionSlug
+  });
+  const globalConfig = getEntityConfig({
+    globalSlug
+  });
+  const docConfig = collectionConfig || globalConfig;
+  const autosaveEnabled = typeof docConfig?.versions?.drafts === 'object' ? docConfig.versions.drafts.autosave : false;
+  if (autosaveEnabled) {
+    if (hasPublishedDoc) {
+      statusToRender = unpublishedVersionCount > 0 ? 'changed' : 'published';
+    }
+  } else {
+    statusToRender = doc._status || 'draft';
   }
   const displayStatusKey = isTrashed ? hasPublishedDoc ? 'previouslyPublished' : 'previouslyDraft' : statusToRender;
   const performAction = useCallback(async action => {
@@ -154,7 +164,7 @@ export const Status = () => {
             modalSlug: unPublishModalSlug,
             onConfirm: () => performAction('unpublish')
           })]
-        }), !isTrashed && canUpdate && statusToRender === 'changed' && /*#__PURE__*/_jsxs(React.Fragment, {
+        }), !isTrashed && canUpdate && statusToRender === 'changed' || statusToRender === 'draft' && /*#__PURE__*/_jsxs(React.Fragment, {
           children: [" — ", /*#__PURE__*/_jsx(Button, {
             buttonStyle: "none",
             className: `${baseClass}__action`,