@payloadcms/ui 3.67.0 → 3.68.0-internal-debug.2eb12b9

package/dist/elements/ListHeader/TitleActions/ListEmptyTrashButton.js

@@ -1,5 +1,4 @@
 'use client';
-
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
@@ -16,149 +15,147 @@ import { Button } from '../../Button/index.js';
 import { ConfirmationModal } from '../../ConfirmationModal/index.js';
 import { Translation } from '../../Translation/index.js';
 const confirmEmptyTrashSlug = 'confirm-empty-trash';
-export function ListEmptyTrashButton({
-  collectionConfig,
-  hasDeletePermission
-}) {
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const {
-    code: locale
-  } = useLocale();
-  const {
-    config
-  } = useConfig();
-  const {
-    openModal
-  } = useModal();
-  const router = useRouter();
-  const searchParams = useSearchParams();
-  const {
-    clearRouteCache
-  } = useRouteCache();
-  const [trashCount, setTrashCount] = React.useState(null);
-  React.useEffect(() => {
-    const fetchTrashCount = async () => {
-      const queryString = qs.stringify({
-        depth: 0,
-        limit: 0,
-        locale,
-        trash: true,
-        where: {
-          deletedAt: {
-            exists: true
-          }
+export function ListEmptyTrashButton({ collectionConfig, hasDeletePermission }) {
+    const { i18n, t } = useTranslation();
+    const { code: locale } = useLocale();
+    const { config } = useConfig();
+    const { openModal } = useModal();
+    const router = useRouter();
+    const searchParams = useSearchParams();
+    const { clearRouteCache } = useRouteCache();
+    const [trashCount, setTrashCount] = React.useState(null);
+    React.useEffect(()=>{
+        const fetchTrashCount = async ()=>{
+            const queryString = qs.stringify({
+                depth: 0,
+                limit: 0,
+                locale,
+                trash: true,
+                where: {
+                    deletedAt: {
+                        exists: true
+                    }
+                }
+            }, {
+                addQueryPrefix: true
+            });
+            try {
+                const res = await requests.get(`${config.serverURL}${config.routes.api}/${collectionConfig.slug}${queryString}`, {
+                    headers: {
+                        'Accept-Language': i18n.language,
+                        'Content-Type': 'application/json'
+                    }
+                });
+                const json = await res.json();
+                setTrashCount(json?.totalDocs ?? 0);
+            } catch  {
+                setTrashCount(0);
+            }
+        };
+        void fetchTrashCount();
+    }, [
+        collectionConfig.slug,
+        config,
+        i18n.language,
+        locale
+    ]);
+    const handleEmptyTrash = React.useCallback(async ()=>{
+        if (!hasDeletePermission) {
+            return;
         }
-      }, {
-        addQueryPrefix: true
-      });
-      try {
-        const res = await requests.get(`${config.serverURL}${config.routes.api}/${collectionConfig.slug}${queryString}`, {
-          headers: {
-            'Accept-Language': i18n.language,
-            'Content-Type': 'application/json'
-          }
+        const { slug, labels } = collectionConfig;
+        const queryString = qs.stringify({
+            limit: 0,
+            locale,
+            trash: true,
+            where: {
+                deletedAt: {
+                    exists: true
+                }
+            }
+        }, {
+            addQueryPrefix: true
         });
-        const json = await res.json();
-        setTrashCount(json?.totalDocs ?? 0);
-      } catch {
-        setTrashCount(0);
-      }
-    };
-    void fetchTrashCount();
-  }, [collectionConfig.slug, config, i18n.language, locale]);
-  const handleEmptyTrash = React.useCallback(async () => {
-    if (!hasDeletePermission) {
-      return;
-    }
-    const {
-      slug,
-      labels
-    } = collectionConfig;
-    const queryString_0 = qs.stringify({
-      limit: 0,
-      locale,
-      trash: true,
-      where: {
-        deletedAt: {
-          exists: true
-        }
-      }
-    }, {
-      addQueryPrefix: true
-    });
-    const res_0 = await requests.delete(`${config.serverURL}${config.routes.api}/${slug}${queryString_0}`, {
-      headers: {
-        'Accept-Language': i18n.language,
-        'Content-Type': 'application/json'
-      }
-    });
-    try {
-      const json_0 = await res_0.json();
-      const deletedCount = json_0?.docs?.length || 0;
-      if (res_0.status < 400) {
-        toast.success(t('general:permanentlyDeletedCountSuccessfully', {
-          count: deletedCount,
-          label: getTranslation(labels?.plural, i18n)
-        }));
-      }
-      if (json_0?.errors?.length > 0) {
-        toast.error(json_0.message, {
-          description: json_0.errors.map(err => err.message).join('\n')
+        const res = await requests.delete(`${config.serverURL}${config.routes.api}/${slug}${queryString}`, {
+            headers: {
+                'Accept-Language': i18n.language,
+                'Content-Type': 'application/json'
+            }
         });
-      }
-      router.replace(qs.stringify({
-        ...Object.fromEntries(searchParams.entries()),
-        page: '1'
-      }, {
-        addQueryPrefix: true
-      }));
-      clearRouteCache();
-    } catch {
-      toast.error(t('error:unknown'));
-    }
-  }, [collectionConfig, config, hasDeletePermission, i18n, t, locale, searchParams, router, clearRouteCache]);
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(Button, {
-      "aria-label": t('general:emptyTrashLabel', {
-        label: getTranslation(collectionConfig?.labels?.plural, i18n)
-      }),
-      buttonStyle: "pill",
-      disabled: trashCount === 0,
-      id: "empty-trash-button",
-      onClick: () => {
-        openModal(confirmEmptyTrashSlug);
-      },
-      size: "small",
-      children: t('general:emptyTrash')
-    }, "empty-trash-button"), /*#__PURE__*/_jsx(ConfirmationModal, {
-      body: /*#__PURE__*/_jsx(Translation, {
-        elements: {
-          '0': ({
-            children
-          }) => /*#__PURE__*/_jsx("strong", {
-            children: children
-          }),
-          '1': ({
-            children: children_0
-          }) => /*#__PURE__*/_jsx("strong", {
-            children: children_0
-          })
-        },
-        i18nKey: "general:aboutToPermanentlyDeleteTrash",
-        t: t,
-        variables: {
-          count: trashCount ?? 0,
-          label: getTranslation(trashCount === 1 ? collectionConfig.labels?.singular : collectionConfig.labels?.plural, i18n)
+        try {
+            const json = await res.json();
+            const deletedCount = json?.docs?.length || 0;
+            if (res.status < 400) {
+                toast.success(t('general:permanentlyDeletedCountSuccessfully', {
+                    count: deletedCount,
+                    label: getTranslation(labels?.plural, i18n)
+                }));
+            }
+            if (json?.errors?.length > 0) {
+                toast.error(json.message, {
+                    description: json.errors.map((err)=>err.message).join('\n')
+                });
+            }
+            router.replace(qs.stringify({
+                ...Object.fromEntries(searchParams.entries()),
+                page: '1'
+            }, {
+                addQueryPrefix: true
+            }));
+            clearRouteCache();
+        } catch  {
+            toast.error(t('error:unknown'));
         }
-      }),
-      confirmingLabel: t('general:deleting'),
-      heading: t('general:confirmDeletion'),
-      modalSlug: confirmEmptyTrashSlug,
-      onConfirm: handleEmptyTrash
-    })]
-  });
+    }, [
+        collectionConfig,
+        config,
+        hasDeletePermission,
+        i18n,
+        t,
+        locale,
+        searchParams,
+        router,
+        clearRouteCache
+    ]);
+    return /*#__PURE__*/ _jsxs(React.Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Button, {
+                "aria-label": t('general:emptyTrashLabel', {
+                    label: getTranslation(collectionConfig?.labels?.plural, i18n)
+                }),
+                buttonStyle: "pill",
+                disabled: trashCount === 0,
+                id: "empty-trash-button",
+                onClick: ()=>{
+                    openModal(confirmEmptyTrashSlug);
+                },
+                size: "small",
+                children: t('general:emptyTrash')
+            }, "empty-trash-button"),
+            /*#__PURE__*/ _jsx(ConfirmationModal, {
+                body: /*#__PURE__*/ _jsx(Translation, {
+                    elements: {
+                        '0': ({ children })=>/*#__PURE__*/ _jsx("strong", {
+                                children: children
+                            }),
+                        '1': ({ children })=>/*#__PURE__*/ _jsx("strong", {
+                                children: children
+                            })
+                    },
+                    i18nKey: "general:aboutToPermanentlyDeleteTrash",
+                    t: t,
+                    variables: {
+                        count: trashCount ?? 0,
+                        label: getTranslation(trashCount === 1 ? collectionConfig.labels?.singular : collectionConfig.labels?.plural, i18n)
+                    }
+                }),
+                confirmingLabel: t('general:deleting'),
+                heading: t('general:confirmDeletion'),
+                modalSlug: confirmEmptyTrashSlug,
+                onConfirm: handleEmptyTrash
+            })
+        ]
+    });
 }
+
 //# sourceMappingURL=ListEmptyTrashButton.js.map

package/dist/elements/ListHeader/TitleActions/ListEmptyTrashButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListEmptyTrashButton.js","names":["useModal","getTranslation","useRouter","useSearchParams","qs","React","toast","useConfig","useLocale","useRouteCache","useTranslation","requests","Button","ConfirmationModal","Translation","confirmEmptyTrashSlug","ListEmptyTrashButton","collectionConfig","hasDeletePermission","i18n","t","code","locale","config","openModal","router","searchParams","clearRouteCache","trashCount","setTrashCount","useState","useEffect","fetchTrashCount","queryString","stringify","depth","limit","trash","where","deletedAt","exists","addQueryPrefix","res","get","serverURL","routes","api","slug","headers","language","json","totalDocs","handleEmptyTrash","useCallback","labels","delete","deletedCount","docs","length","status","success","count","label","plural","errors","error","message","description","map","err","join","replace","Object","fromEntries","entries","page","_jsxs","Fragment","_jsx","buttonStyle","disabled","id","onClick","size","body","elements","0","children","1","i18nKey","variables","singular","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../../src/elements/ListHeader/TitleActions/ListEmptyTrashButton.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { requests } from '../../../utilities/api.js'\nimport { Button } from '../../Button/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { Translation } from '../../Translation/index.js'\n\nconst confirmEmptyTrashSlug = 'confirm-empty-trash'\n\nexport function ListEmptyTrashButton({\n  collectionConfig,\n  hasDeletePermission,\n}: {\n  collectionConfig: ClientCollectionConfig\n  hasDeletePermission: boolean\n}) {\n  const { i18n, t } = useTranslation()\n  const { code: locale } = useLocale()\n  const { config } = useConfig()\n  const { openModal } = useModal()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const { clearRouteCache } = useRouteCache()\n\n  const [trashCount, setTrashCount] = React.useState<null | number>(null)\n\n  React.useEffect(() => {\n    const fetchTrashCount = async () => {\n      const queryString = qs.stringify(\n        {\n          depth: 0,\n          limit: 0,\n          locale,\n          trash: true,\n          where: {\n            deletedAt: {\n              exists: true,\n            },\n          },\n        },\n        { addQueryPrefix: true },\n      )\n\n      try {\n        const res = await requests.get(\n          `${config.serverURL}${config.routes.api}/${collectionConfig.slug}${queryString}`,\n          {\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n            },\n          },\n        )\n\n        const json = await res.json()\n        setTrashCount(json?.totalDocs ?? 0)\n      } catch {\n        setTrashCount(0)\n      }\n    }\n\n    void fetchTrashCount()\n  }, [collectionConfig.slug, config, i18n.language, locale])\n\n  const handleEmptyTrash = React.useCallback(async () => {\n    if (!hasDeletePermission) {\n      return\n    }\n\n    const { slug, labels } = collectionConfig\n\n    const queryString = qs.stringify(\n      {\n        limit: 0,\n        locale,\n        trash: true,\n        where: {\n          deletedAt: {\n            exists: true,\n          },\n        },\n      },\n      { addQueryPrefix: true },\n    )\n\n    const res = await requests.delete(\n      `${config.serverURL}${config.routes.api}/${slug}${queryString}`,\n      {\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      },\n    )\n\n    try {\n      const json = await res.json()\n      const deletedCount = json?.docs?.length || 0\n\n      if (res.status < 400) {\n        toast.success(\n          t('general:permanentlyDeletedCountSuccessfully', {\n            count: deletedCount,\n            label: getTranslation(labels?.plural, i18n),\n          }),\n        )\n      }\n\n      if (json?.errors?.length > 0) {\n        toast.error(json.message, {\n          description: json.errors.map((err) => err.message).join('\\n'),\n        })\n      }\n\n      router.replace(\n        qs.stringify(\n          {\n            ...Object.fromEntries(searchParams.entries()),\n            page: '1',\n          },\n          { addQueryPrefix: true },\n        ),\n      )\n\n      clearRouteCache()\n    } catch {\n      toast.error(t('error:unknown'))\n    }\n  }, [\n    collectionConfig,\n    config,\n    hasDeletePermission,\n    i18n,\n    t,\n    locale,\n    searchParams,\n    router,\n    clearRouteCache,\n  ])\n\n  return (\n    <React.Fragment>\n      <Button\n        aria-label={t('general:emptyTrashLabel', {\n          label: getTranslation(collectionConfig?.labels?.plural, i18n),\n        })}\n        buttonStyle=\"pill\"\n        disabled={trashCount === 0}\n        id=\"empty-trash-button\"\n        key=\"empty-trash-button\"\n        onClick={() => {\n          openModal(confirmEmptyTrashSlug)\n        }}\n        size=\"small\"\n      >\n        {t('general:emptyTrash')}\n      </Button>\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              '0': ({ children }) => <strong>{children}</strong>,\n              '1': ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"general:aboutToPermanentlyDeleteTrash\"\n            t={t}\n            variables={{\n              count: trashCount ?? 0,\n              label: getTranslation(\n                trashCount === 1\n                  ? collectionConfig.labels?.singular\n                  : collectionConfig.labels?.plural,\n                i18n,\n              ),\n            }}\n          />\n        }\n        confirmingLabel={t('general:deleting')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={confirmEmptyTrashSlug}\n        onConfirm={handleEmptyTrash}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/ListHeader/TitleActions/ListEmptyTrashButton.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { requests } from '../../../utilities/api.js'\nimport { Button } from '../../Button/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { Translation } from '../../Translation/index.js'\n\nconst confirmEmptyTrashSlug = 'confirm-empty-trash'\n\nexport function ListEmptyTrashButton({\n  collectionConfig,\n  hasDeletePermission,\n}: {\n  collectionConfig: ClientCollectionConfig\n  hasDeletePermission: boolean\n}) {\n  const { i18n, t } = useTranslation()\n  const { code: locale } = useLocale()\n  const { config } = useConfig()\n  const { openModal } = useModal()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const { clearRouteCache } = useRouteCache()\n\n  const [trashCount, setTrashCount] = React.useState<null | number>(null)\n\n  React.useEffect(() => {\n    const fetchTrashCount = async () => {\n      const queryString = qs.stringify(\n        {\n          depth: 0,\n          limit: 0,\n          locale,\n          trash: true,\n          where: {\n            deletedAt: {\n              exists: true,\n            },\n          },\n        },\n        { addQueryPrefix: true },\n      )\n\n      try {\n        const res = await requests.get(\n          `${config.serverURL}${config.routes.api}/${collectionConfig.slug}${queryString}`,\n          {\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n            },\n          },\n        )\n\n        const json = await res.json()\n        setTrashCount(json?.totalDocs ?? 0)\n      } catch {\n        setTrashCount(0)\n      }\n    }\n\n    void fetchTrashCount()\n  }, [collectionConfig.slug, config, i18n.language, locale])\n\n  const handleEmptyTrash = React.useCallback(async () => {\n    if (!hasDeletePermission) {\n      return\n    }\n\n    const { slug, labels } = collectionConfig\n\n    const queryString = qs.stringify(\n      {\n        limit: 0,\n        locale,\n        trash: true,\n        where: {\n          deletedAt: {\n            exists: true,\n          },\n        },\n      },\n      { addQueryPrefix: true },\n    )\n\n    const res = await requests.delete(\n      `${config.serverURL}${config.routes.api}/${slug}${queryString}`,\n      {\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      },\n    )\n\n    try {\n      const json = await res.json()\n      const deletedCount = json?.docs?.length || 0\n\n      if (res.status < 400) {\n        toast.success(\n          t('general:permanentlyDeletedCountSuccessfully', {\n            count: deletedCount,\n            label: getTranslation(labels?.plural, i18n),\n          }),\n        )\n      }\n\n      if (json?.errors?.length > 0) {\n        toast.error(json.message, {\n          description: json.errors.map((err) => err.message).join('\\n'),\n        })\n      }\n\n      router.replace(\n        qs.stringify(\n          {\n            ...Object.fromEntries(searchParams.entries()),\n            page: '1',\n          },\n          { addQueryPrefix: true },\n        ),\n      )\n\n      clearRouteCache()\n    } catch {\n      toast.error(t('error:unknown'))\n    }\n  }, [\n    collectionConfig,\n    config,\n    hasDeletePermission,\n    i18n,\n    t,\n    locale,\n    searchParams,\n    router,\n    clearRouteCache,\n  ])\n\n  return (\n    <React.Fragment>\n      <Button\n        aria-label={t('general:emptyTrashLabel', {\n          label: getTranslation(collectionConfig?.labels?.plural, i18n),\n        })}\n        buttonStyle=\"pill\"\n        disabled={trashCount === 0}\n        id=\"empty-trash-button\"\n        key=\"empty-trash-button\"\n        onClick={() => {\n          openModal(confirmEmptyTrashSlug)\n        }}\n        size=\"small\"\n      >\n        {t('general:emptyTrash')}\n      </Button>\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              '0': ({ children }) => <strong>{children}</strong>,\n              '1': ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"general:aboutToPermanentlyDeleteTrash\"\n            t={t}\n            variables={{\n              count: trashCount ?? 0,\n              label: getTranslation(\n                trashCount === 1\n                  ? collectionConfig.labels?.singular\n                  : collectionConfig.labels?.plural,\n                i18n,\n              ),\n            }}\n          />\n        }\n        confirmingLabel={t('general:deleting')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={confirmEmptyTrashSlug}\n        onConfirm={handleEmptyTrash}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","getTranslation","useRouter","useSearchParams","qs","React","toast","useConfig","useLocale","useRouteCache","useTranslation","requests","Button","ConfirmationModal","Translation","confirmEmptyTrashSlug","ListEmptyTrashButton","collectionConfig","hasDeletePermission","i18n","t","code","locale","config","openModal","router","searchParams","clearRouteCache","trashCount","setTrashCount","useState","useEffect","fetchTrashCount","queryString","stringify","depth","limit","trash","where","deletedAt","exists","addQueryPrefix","res","get","serverURL","routes","api","slug","headers","language","json","totalDocs","handleEmptyTrash","useCallback","labels","delete","deletedCount","docs","length","status","success","count","label","plural","errors","error","message","description","map","err","join","replace","Object","fromEntries","entries","page","Fragment","aria-label","buttonStyle","disabled","id","onClick","size","body","elements","children","strong","i18nKey","variables","singular","confirmingLabel","heading","modalSlug","onConfirm"],"mappings":"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"}

package/dist/elements/ListHeader/TitleActions/index.js

@@ -2,4 +2,5 @@ export { ListBulkUploadButton } from './ListBulkUploadButton.js';
 export { ListCreateNewButton } from './ListCreateNewDocButton.js';
 export { ListCreateNewDocInFolderButton } from './ListCreateNewDocInFolderButton.js';
 export { ListEmptyTrashButton } from './ListEmptyTrashButton.js';
+
 //# sourceMappingURL=index.js.map

package/dist/elements/ListHeader/TitleActions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ListBulkUploadButton","ListCreateNewButton","ListCreateNewDocInFolderButton","ListEmptyTrashButton"],"sources":["../../../../src/elements/ListHeader/TitleActions/index.tsx"],"sourcesContent":["export { ListBulkUploadButton } from './ListBulkUploadButton.js'\nexport { ListCreateNewButton } from './ListCreateNewDocButton.js'\nexport { ListCreateNewDocInFolderButton } from './ListCreateNewDocInFolderButton.js'\nexport { ListEmptyTrashButton } from './ListEmptyTrashButton.js'\n"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ;AACrC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,8BAA8B,QAAQ;AAC/C,SAASC,oBAAoB,QAAQ","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/ListHeader/TitleActions/index.tsx"],"sourcesContent":["export { ListBulkUploadButton } from './ListBulkUploadButton.js'\nexport { ListCreateNewButton } from './ListCreateNewDocButton.js'\nexport { ListCreateNewDocInFolderButton } from './ListCreateNewDocInFolderButton.js'\nexport { ListEmptyTrashButton } from './ListEmptyTrashButton.js'\n"],"names":["ListBulkUploadButton","ListCreateNewButton","ListCreateNewDocInFolderButton","ListEmptyTrashButton"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,4BAA2B;AAChE,SAASC,mBAAmB,QAAQ,8BAA6B;AACjE,SAASC,8BAA8B,QAAQ,sCAAqC;AACpF,SAASC,oBAAoB,QAAQ,4BAA2B"}

package/dist/elements/ListHeader/index.js

@@ -2,28 +2,41 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
 export const listHeaderClass = 'list-header';
-export const ListHeader = props => {
-  return /*#__PURE__*/_jsxs("header", {
-    className: [listHeaderClass, props.className].filter(Boolean).join(' '),
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: `${listHeaderClass}__content`,
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: `${listHeaderClass}__title-and-actions`,
-        children: [/*#__PURE__*/_jsx("h1", {
-          className: `${listHeaderClass}__title`,
-          children: props.title
-        }), props.TitleActions.length ? /*#__PURE__*/_jsx("div", {
-          className: `${listHeaderClass}__title-actions`,
-          children: props.TitleActions
-        }) : null]
-      }), props.Actions.length ? /*#__PURE__*/_jsx("div", {
-        className: `${listHeaderClass}__actions`,
-        children: props.Actions
-      }) : null]
-    }), props.AfterListHeaderContent ? /*#__PURE__*/_jsx("div", {
-      className: `${listHeaderClass}__after-header-content`,
-      children: props.AfterListHeaderContent
-    }) : null]
-  });
+export const ListHeader = (props)=>{
+    return /*#__PURE__*/ _jsxs("header", {
+        className: [
+            listHeaderClass,
+            props.className
+        ].filter(Boolean).join(' '),
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: `${listHeaderClass}__content`,
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${listHeaderClass}__title-and-actions`,
+                        children: [
+                            /*#__PURE__*/ _jsx("h1", {
+                                className: `${listHeaderClass}__title`,
+                                children: props.title
+                            }),
+                            props.TitleActions.length ? /*#__PURE__*/ _jsx("div", {
+                                className: `${listHeaderClass}__title-actions`,
+                                children: props.TitleActions
+                            }) : null
+                        ]
+                    }),
+                    props.Actions.length ? /*#__PURE__*/ _jsx("div", {
+                        className: `${listHeaderClass}__actions`,
+                        children: props.Actions
+                    }) : null
+                ]
+            }),
+            props.AfterListHeaderContent ? /*#__PURE__*/ _jsx("div", {
+                className: `${listHeaderClass}__after-header-content`,
+                children: props.AfterListHeaderContent
+            }) : null
+        ]
+    });
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","listHeaderClass","ListHeader","props","_jsxs","className","filter","Boolean","join","_jsx","title","TitleActions","length","Actions","AfterListHeaderContent"],"sources":["../../../src/elements/ListHeader/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const listHeaderClass = 'list-header'\n\ntype ListHeaderProps = {\n  readonly Actions?: React.ReactNode[]\n  readonly AfterListHeaderContent?: React.ReactNode\n  readonly className?: string\n  readonly title: string\n  readonly TitleActions?: React.ReactNode[]\n}\nexport const ListHeader: React.FC<ListHeaderProps> = (props) => {\n  return (\n    <header className={[listHeaderClass, props.className].filter(Boolean).join(' ')}>\n      <div className={`${listHeaderClass}__content`}>\n        <div className={`${listHeaderClass}__title-and-actions`}>\n          <h1 className={`${listHeaderClass}__title`}>{props.title}</h1>\n          {props.TitleActions.length ? (\n            <div className={`${listHeaderClass}__title-actions`}>{props.TitleActions}</div>\n          ) : null}\n        </div>\n        {props.Actions.length ? (\n          <div className={`${listHeaderClass}__actions`}>{props.Actions}</div>\n        ) : null}\n      </div>\n      {props.AfterListHeaderContent ? (\n        <div className={`${listHeaderClass}__after-header-content`}>\n          {props.AfterListHeaderContent}\n        </div>\n      ) : null}\n    </header>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,eAAA,GAAkB;AAS/B,OAAO,MAAMC,UAAA,GAAyCC,KAAA;EACpD,oBACEC,KAAA,CAAC;IAAOC,SAAA,EAAW,CAACJ,eAAA,EAAiBE,KAAA,CAAME,SAAS,CAAC,CAACC,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BACzEJ,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGJ,eAAA,WAA0B;8BAC3CG,KAAA,CAAC;QAAIC,SAAA,EAAW,GAAGJ,eAAA,qBAAoC;gCACrDQ,IAAA,CAAC;UAAGJ,SAAA,EAAW,GAAGJ,eAAA,SAAwB;oBAAGE,KAAA,CAAMO;YAClDP,KAAA,CAAMQ,YAAY,CAACC,MAAM,gBACxBH,IAAA,CAAC;UAAIJ,SAAA,EAAW,GAAGJ,eAAA,iBAAgC;oBAAGE,KAAA,CAAMQ;aAC1D;UAELR,KAAA,CAAMU,OAAO,CAACD,MAAM,gBACnBH,IAAA,CAAC;QAAIJ,SAAA,EAAW,GAAGJ,eAAA,WAA0B;kBAAGE,KAAA,CAAMU;WACpD;QAELV,KAAA,CAAMW,sBAAsB,gBAC3BL,IAAA,CAAC;MAAIJ,SAAA,EAAW,GAAGJ,eAAA,wBAAuC;gBACvDE,KAAA,CAAMW;SAEP;;AAGV","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/ListHeader/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const listHeaderClass = 'list-header'\n\ntype ListHeaderProps = {\n  readonly Actions?: React.ReactNode[]\n  readonly AfterListHeaderContent?: React.ReactNode\n  readonly className?: string\n  readonly title: string\n  readonly TitleActions?: React.ReactNode[]\n}\nexport const ListHeader: React.FC<ListHeaderProps> = (props) => {\n  return (\n    <header className={[listHeaderClass, props.className].filter(Boolean).join(' ')}>\n      <div className={`${listHeaderClass}__content`}>\n        <div className={`${listHeaderClass}__title-and-actions`}>\n          <h1 className={`${listHeaderClass}__title`}>{props.title}</h1>\n          {props.TitleActions.length ? (\n            <div className={`${listHeaderClass}__title-actions`}>{props.TitleActions}</div>\n          ) : null}\n        </div>\n        {props.Actions.length ? (\n          <div className={`${listHeaderClass}__actions`}>{props.Actions}</div>\n        ) : null}\n      </div>\n      {props.AfterListHeaderContent ? (\n        <div className={`${listHeaderClass}__after-header-content`}>\n          {props.AfterListHeaderContent}\n        </div>\n      ) : null}\n    </header>\n  )\n}\n"],"names":["React","listHeaderClass","ListHeader","props","header","className","filter","Boolean","join","div","h1","title","TitleActions","length","Actions","AfterListHeaderContent"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,kBAAkB,cAAa;AAS5C,OAAO,MAAMC,aAAwC,CAACC;IACpD,qBACE,MAACC;QAAOC,WAAW;YAACJ;YAAiBE,MAAME,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;;0BACzE,MAACC;gBAAIJ,WAAW,GAAGJ,gBAAgB,SAAS,CAAC;;kCAC3C,MAACQ;wBAAIJ,WAAW,GAAGJ,gBAAgB,mBAAmB,CAAC;;0CACrD,KAACS;gCAAGL,WAAW,GAAGJ,gBAAgB,OAAO,CAAC;0CAAGE,MAAMQ,KAAK;;4BACvDR,MAAMS,YAAY,CAACC,MAAM,iBACxB,KAACJ;gCAAIJ,WAAW,GAAGJ,gBAAgB,eAAe,CAAC;0CAAGE,MAAMS,YAAY;iCACtE;;;oBAELT,MAAMW,OAAO,CAACD,MAAM,iBACnB,KAACJ;wBAAIJ,WAAW,GAAGJ,gBAAgB,SAAS,CAAC;kCAAGE,MAAMW,OAAO;yBAC3D;;;YAELX,MAAMY,sBAAsB,iBAC3B,KAACN;gBAAIJ,WAAW,GAAGJ,gBAAgB,sBAAsB,CAAC;0BACvDE,MAAMY,sBAAsB;iBAE7B;;;AAGV,EAAC"}

package/dist/elements/ListSelection/index.js

@@ -1,67 +1,56 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
 import './index.scss';
 const baseClass = 'list-selection';
-export function ListSelection_v4(t0) {
-  const $ = _c(5);
-  const {
-    count,
-    ListActions,
-    SelectionActions
-  } = t0;
-  const {
-    t
-  } = useTranslation();
-  let t1;
-  if ($[0] !== ListActions || $[1] !== SelectionActions || $[2] !== count || $[3] !== t) {
-    t1 = _jsxs("div", {
-      className: baseClass,
-      children: [_jsx("span", {
-        children: t("general:selectedCount", {
-          count,
-          label: ""
-        })
-      }), ListActions && ListActions.length > 0 && _jsxs(React.Fragment, {
-        children: [_jsx("span", {
-          children: "\u2014"
-        }), _jsx("div", {
-          className: `${baseClass}__actions`,
-          children: ListActions
-        })]
-      }), SelectionActions && SelectionActions.length > 0 && _jsxs(React.Fragment, {
-        children: [_jsx("span", {
-          children: "\u2014"
-        }), _jsx("div", {
-          className: `${baseClass}__actions`,
-          children: SelectionActions
-        })]
-      })]
+export function ListSelection_v4({ count, ListActions, SelectionActions }) {
+    const { t } = useTranslation();
+    return /*#__PURE__*/ _jsxs("div", {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsx("span", {
+                children: t('general:selectedCount', {
+                    count,
+                    label: ''
+                })
+            }),
+            ListActions && ListActions.length > 0 && /*#__PURE__*/ _jsxs(React.Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx("span", {
+                        children: "—"
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: `${baseClass}__actions`,
+                        children: ListActions
+                    })
+                ]
+            }),
+            SelectionActions && SelectionActions.length > 0 && /*#__PURE__*/ _jsxs(React.Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx("span", {
+                        children: "—"
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: `${baseClass}__actions`,
+                        children: SelectionActions
+                    })
+                ]
+            })
+        ]
     });
-    $[0] = ListActions;
-    $[1] = SelectionActions;
-    $[2] = count;
-    $[3] = t;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  return t1;
 }
-export function ListSelectionButton({
-  children,
-  className,
-  ...props
-}) {
-  return /*#__PURE__*/_jsx(Button, {
-    ...props,
-    buttonStyle: "none",
-    className: [`${baseClass}__button`, className].filter(Boolean).join(' '),
-    children: children
-  });
+export function ListSelectionButton({ children, className, ...props }) {
+    return /*#__PURE__*/ _jsx(Button, {
+        ...props,
+        buttonStyle: "none",
+        className: [
+            `${baseClass}__button`,
+            className
+        ].filter(Boolean).join(' '),
+        children: children
+    });
 }
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","Button","baseClass","ListSelection_v4","t0","$","count","ListActions","SelectionActions","t","t1","_jsxs","className","children","_jsx","label","length","Fragment","ListSelectionButton","props","buttonStyle","filter","Boolean","join"],"sources":["../../../src/elements/ListSelection/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props as ButtonProps } from '../Button/types.js'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'list-selection'\n\ntype ListSelection_v4Props = {\n  /**\n   * The count of selected items\n   */\n  readonly count: number\n  /**\n   * Actions that apply to the list as a whole\n   *\n   * @example select all, clear selection\n   */\n  readonly ListActions?: React.ReactNode[]\n  /**\n   * Actions that apply to the selected items\n   *\n   * @example edit, delete, publish, unpublish\n   */\n  readonly SelectionActions?: React.ReactNode[]\n}\nexport function ListSelection_v4({ count, ListActions, SelectionActions }: ListSelection_v4Props) {\n  const { t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <span>{t('general:selectedCount', { count, label: '' })}</span>\n      {ListActions && ListActions.length > 0 && (\n        <React.Fragment>\n          <span>&mdash;</span>\n          <div className={`${baseClass}__actions`}>{ListActions}</div>\n        </React.Fragment>\n      )}\n      {SelectionActions && SelectionActions.length > 0 && (\n        <React.Fragment>\n          <span>&mdash;</span>\n          <div className={`${baseClass}__actions`}>{SelectionActions}</div>\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n\ntype ListSelectionButtonProps = {} & ButtonProps\nexport function ListSelectionButton({ children, className, ...props }: ListSelectionButtonProps) {\n  return (\n    <Button\n      {...props}\n      buttonStyle=\"none\"\n      className={[`${baseClass}__button`, className].filter(Boolean).join(' ')}\n    >\n      {children}\n    </Button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAoBlB,OAAO,SAAAC,iBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAA0B;IAAAQ,KAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAJ,EAA+D;EAC9F;IAAAK;EAAA,IAAcT,cAAA;EAAA,IAAAU,EAAA;EAAA,IAAAL,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAG,gBAAA,IAAAH,CAAA,QAAAC,KAAA,IAAAD,CAAA,QAAAI,CAAA;IAGZC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAV,SAAA;MAAAW,QAAA,GACCC,IAAA,CAAC;QAAAD,QAAA,EAAMJ,CAAA,CAAE;UAAAH,KAAA;UAAAS,KAAA,EAAyC;QAAA,CAAG;MAAA,C,GACpDR,WAAA,IAAeA,WAAA,CAAAS,MAAA,IAAqB,IACnCL,KAAA,CAAAZ,KAAA,CAAAkB,QAAA;QAAAJ,QAAA,GACEC,IAAA,CAAC;UAAAD,QAAA,EAAK;QAAA,C,GACNC,IAAA,CAAC;UAAAF,SAAA,EAAe,GAAAV,SAAA,WAAuB;UAAAW,QAAA,EAAGN;QAAA,C;UAG7CC,gBAAA,IAAoBA,gBAAA,CAAAQ,MAAA,IAA0B,IAC7CL,KAAA,CAAAZ,KAAA,CAAAkB,QAAA;QAAAJ,QAAA,GACEC,IAAA,CAAC;UAAAD,QAAA,EAAK;QAAA,C,GACNC,IAAA,CAAC;UAAAF,SAAA,EAAe,GAAAV,SAAA,WAAuB;UAAAW,QAAA,EAAGL;QAAA,C;;;;;;;;;;;SAXhDE,E;;AAmBJ,OAAO,SAASQ,oBAAoB;EAAEL,QAAQ;EAAED,SAAS;EAAE,GAAGO;AAAA,CAAiC;EAC7F,oBACEL,IAAA,CAACb,MAAA;IACE,GAAGkB,KAAK;IACTC,WAAA,EAAY;IACZR,SAAA,EAAW,CAAC,GAAGV,SAAA,UAAmB,EAAEU,SAAA,CAAU,CAACS,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;cAEnEV;;AAGP","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/ListSelection/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props as ButtonProps } from '../Button/types.js'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'list-selection'\n\ntype ListSelection_v4Props = {\n  /**\n   * The count of selected items\n   */\n  readonly count: number\n  /**\n   * Actions that apply to the list as a whole\n   *\n   * @example select all, clear selection\n   */\n  readonly ListActions?: React.ReactNode[]\n  /**\n   * Actions that apply to the selected items\n   *\n   * @example edit, delete, publish, unpublish\n   */\n  readonly SelectionActions?: React.ReactNode[]\n}\nexport function ListSelection_v4({ count, ListActions, SelectionActions }: ListSelection_v4Props) {\n  const { t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <span>{t('general:selectedCount', { count, label: '' })}</span>\n      {ListActions && ListActions.length > 0 && (\n        <React.Fragment>\n          <span>&mdash;</span>\n          <div className={`${baseClass}__actions`}>{ListActions}</div>\n        </React.Fragment>\n      )}\n      {SelectionActions && SelectionActions.length > 0 && (\n        <React.Fragment>\n          <span>&mdash;</span>\n          <div className={`${baseClass}__actions`}>{SelectionActions}</div>\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n\ntype ListSelectionButtonProps = {} & ButtonProps\nexport function ListSelectionButton({ children, className, ...props }: ListSelectionButtonProps) {\n  return (\n    <Button\n      {...props}\n      buttonStyle=\"none\"\n      className={[`${baseClass}__button`, className].filter(Boolean).join(' ')}\n    >\n      {children}\n    </Button>\n  )\n}\n"],"names":["React","useTranslation","Button","baseClass","ListSelection_v4","count","ListActions","SelectionActions","t","div","className","span","label","length","Fragment","ListSelectionButton","children","props","buttonStyle","filter","Boolean","join"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAoBlB,OAAO,SAASC,iBAAiB,EAAEC,KAAK,EAAEC,WAAW,EAAEC,gBAAgB,EAAyB;IAC9F,MAAM,EAAEC,CAAC,EAAE,GAAGP;IAEd,qBACE,MAACQ;QAAIC,WAAWP;;0BACd,KAACQ;0BAAMH,EAAE,yBAAyB;oBAAEH;oBAAOO,OAAO;gBAAG;;YACpDN,eAAeA,YAAYO,MAAM,GAAG,mBACnC,MAACb,MAAMc,QAAQ;;kCACb,KAACH;kCAAK;;kCACN,KAACF;wBAAIC,WAAW,GAAGP,UAAU,SAAS,CAAC;kCAAGG;;;;YAG7CC,oBAAoBA,iBAAiBM,MAAM,GAAG,mBAC7C,MAACb,MAAMc,QAAQ;;kCACb,KAACH;kCAAK;;kCACN,KAACF;wBAAIC,WAAW,GAAGP,UAAU,SAAS,CAAC;kCAAGI;;;;;;AAKpD;AAGA,OAAO,SAASQ,oBAAoB,EAAEC,QAAQ,EAAEN,SAAS,EAAE,GAAGO,OAAiC;IAC7F,qBACE,KAACf;QACE,GAAGe,KAAK;QACTC,aAAY;QACZR,WAAW;YAAC,GAAGP,UAAU,QAAQ,CAAC;YAAEO;SAAU,CAACS,MAAM,CAACC,SAASC,IAAI,CAAC;kBAEnEL;;AAGP"}