@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ListHeader/TitleActions/ListCreateNewDocButton.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\n\nconst baseClass = 'list-create-new-doc'\n\nexport function ListCreateNewButton({\n  collectionConfig,\n  hasCreatePermission,\n  newDocumentURL,\n}: {\n  collectionConfig: ClientCollectionConfig\n  hasCreatePermission: boolean\n  newDocumentURL: string\n}) {\n  const { i18n, t } = useTranslation()\n\n  if (!hasCreatePermission) {\n    return null\n  }\n\n  return (\n    <Button\n      aria-label={t('general:createNewLabel', {\n        label: getTranslation(collectionConfig?.labels?.singular, i18n),\n      })}\n      buttonStyle=\"pill\"\n      className={`${baseClass}__create-new-button`}\n      el={'link'}\n      key=\"create-new-button\"\n      size=\"small\"\n      to={newDocumentURL}\n    >\n      {t('general:createNew')}\n    </Button>\n  )\n}\n"],"names":["getTranslation","useTranslation","Button","baseClass","ListCreateNewButton","collectionConfig","hasCreatePermission","newDocumentURL","i18n","t","aria-label","label","labels","singular","buttonStyle","className","el","key","size","to"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AAGzD,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,MAAM,QAAQ,wBAAuB;AAE9C,MAAMC,YAAY;AAElB,OAAO,SAASC,oBAAoB,EAClCC,gBAAgB,EAChBC,mBAAmB,EACnBC,cAAc,EAKf;IACC,MAAM,EAAEC,IAAI,EAAEC,CAAC,EAAE,GAAGR;IAEpB,IAAI,CAACK,qBAAqB;QACxB,OAAO;IACT;IAEA,QACGJ,OACCQ,YAAYD,EAAE,0BAA0B;QACtCE,OAAOX,eAAeK,kBAAkBO,QAAQC,UAAUL;IAC5D,IACAM,YAAY,OACZC,WAAW,GAAGZ,UAAU,mBAAmB,CAAC,EAC5Ca,IAAI,QACJC,IAAI,oBACJC,KAAK,QACLC,IAAIZ,gBACL;MACC,CAACE,EAAE,qBAAqB;IAC1B,EAAEP;AAEN"}
+{"version":3,"sources":["../../../../src/elements/ListHeader/TitleActions/ListCreateNewDocButton.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\n\nconst baseClass = 'list-create-new-doc'\n\nexport function ListCreateNewButton({\n  collectionConfig,\n  hasCreatePermission,\n  newDocumentURL,\n}: {\n  collectionConfig: ClientCollectionConfig\n  hasCreatePermission: boolean\n  newDocumentURL: string\n}) {\n  const { i18n, t } = useTranslation()\n\n  if (!hasCreatePermission) {\n    return null\n  }\n\n  return (\n    <Button\n      aria-label={t('general:createNewLabel', {\n        label: getTranslation(collectionConfig?.labels?.singular, i18n),\n      })}\n      buttonStyle=\"pill\"\n      className={`${baseClass}__create-new-button`}\n      el={'link'}\n      key=\"create-new-button\"\n      size=\"small\"\n      to={newDocumentURL}\n    >\n      {t('general:createNew')}\n    </Button>\n  )\n}\n"],"names":["getTranslation","React","useTranslation","Button","baseClass","ListCreateNewButton","collectionConfig","hasCreatePermission","newDocumentURL","i18n","t","aria-label","label","labels","singular","buttonStyle","className","el","size","to"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,MAAM,QAAQ,wBAAuB;AAE9C,MAAMC,YAAY;AAElB,OAAO,SAASC,oBAAoB,EAClCC,gBAAgB,EAChBC,mBAAmB,EACnBC,cAAc,EAKf;IACC,MAAM,EAAEC,IAAI,EAAEC,CAAC,EAAE,GAAGR;IAEpB,IAAI,CAACK,qBAAqB;QACxB,OAAO;IACT;IAEA,qBACE,QAACJ;QACCQ,cAAYD,EAAE,0BAA0B;YACtCE,OAAOZ,eAAeM,kBAAkBO,QAAQC,UAAUL;QAC5D;QACAM,aAAY;QACZC,WAAW,GAAGZ,UAAU,mBAAmB,CAAC;QAC5Ca,IAAI;QAEJC,MAAK;QACLC,IAAIX;kBAEHE,EAAE;OAJC;;;;;AAOV"}

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

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
@@ -29,58 +30,115 @@ export function ListCreateNewDocInFolderButton({ buttonLabel, collectionSlugs, f
     if (enabledCollections.length === 0) {
         return null;
     }
-    return <React.Fragment>
-      {enabledCollections.length === 1 ? <Button buttonStyle="pill" className={`${baseClass}__button`} el="div" onClick={()=>{
-        if (enabledCollections[0].slug === folderCollectionConfig.slug) {
-            openFolderDrawer();
-        } else {
-            setCreateCollectionSlug(enabledCollections[0].slug);
-            openModal(newDocInFolderDrawerSlug);
-        }
-    }} size="small">
-          {buttonLabel}
-        </Button> : <Popup button={<Button buttonStyle="pill" className={`${baseClass}__popup-button`} el="div" icon="chevron" size="small">
-              {buttonLabel}
-            </Button>} buttonType="default" className={`${baseClass}__action-popup`}>
-          <PopupList.ButtonGroup>
-            {enabledCollections.map((collection, index)=>{
-        return <PopupList.Button key={index} onClick={()=>{
-            if (collection.slug === folderCollectionConfig.slug) {
-                openFolderDrawer();
-            } else {
-                setCreateCollectionSlug(collection.slug);
-                openModal(newDocInFolderDrawerSlug);
-            }
-        }}>
-                  {getTranslation(collection.labels.singular, i18n)}
-                </PopupList.Button>;
-    })}
-          </PopupList.ButtonGroup>
-        </Popup>}
-
-      {createCollectionSlug && <DocumentDrawer collectionSlug={createCollectionSlug} drawerSlug={newDocInFolderDrawerSlug} initialData={{
-        [folderFieldName]: folderID
-    }} onSave={async ({ doc })=>{
-        await onCreateSuccess({
-            collectionSlug: createCollectionSlug,
-            doc
-        });
-        closeModal(newDocInFolderDrawerSlug);
-    }} redirectAfterCreate={false}/>}
-
-      {collectionSlugs.includes(folderCollectionConfig.slug) && <FolderDocumentDrawer initialData={{
-        [folderFieldName]: folderID,
-        folderType: createCollectionSlug ? folderAssignedCollections || [
-            createCollectionSlug
-        ] : folderAssignedCollections
-    }} onSave={async (result)=>{
-        await onCreateSuccess({
-            collectionSlug: folderCollectionConfig.slug,
-            doc: result.doc
-        });
-        closeFolderDrawer();
-    }} redirectAfterCreate={false}/>}
-    </React.Fragment>;
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
+        children: [
+            enabledCollections.length === 1 ? // If there is only 1 option, do not render a popup
+            /*#__PURE__*/ _jsxDEV(Button, {
+                buttonStyle: "pill",
+                className: `${baseClass}__button`,
+                el: "div",
+                onClick: ()=>{
+                    if (enabledCollections[0].slug === folderCollectionConfig.slug) {
+                        openFolderDrawer();
+                    } else {
+                        setCreateCollectionSlug(enabledCollections[0].slug);
+                        openModal(newDocInFolderDrawerSlug);
+                    }
+                },
+                size: "small",
+                children: buttonLabel
+            }, void 0, false, {
+                fileName: "src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx",
+                lineNumber: 62,
+                columnNumber: 9
+            }, this) : /*#__PURE__*/ _jsxDEV(Popup, {
+                button: /*#__PURE__*/ _jsxDEV(Button, {
+                    buttonStyle: "pill",
+                    className: `${baseClass}__popup-button`,
+                    el: "div",
+                    icon: "chevron",
+                    size: "small",
+                    children: buttonLabel
+                }, void 0, false, {
+                    fileName: "src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx",
+                    lineNumber: 81,
+                    columnNumber: 13
+                }, void 0),
+                buttonType: "default",
+                className: `${baseClass}__action-popup`,
+                children: /*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
+                    children: enabledCollections.map((collection, index)=>{
+                        return /*#__PURE__*/ _jsxDEV(PopupList.Button, {
+                            onClick: ()=>{
+                                if (collection.slug === folderCollectionConfig.slug) {
+                                    openFolderDrawer();
+                                } else {
+                                    setCreateCollectionSlug(collection.slug);
+                                    openModal(newDocInFolderDrawerSlug);
+                                }
+                            },
+                            children: getTranslation(collection.labels.singular, i18n)
+                        }, index, false, {
+                            fileName: "src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx",
+                            lineNumber: 97,
+                            columnNumber: 17
+                        }, this);
+                    })
+                }, void 0, false, {
+                    fileName: "src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx",
+                    lineNumber: 94,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx",
+                lineNumber: 79,
+                columnNumber: 9
+            }, this),
+            createCollectionSlug && /*#__PURE__*/ _jsxDEV(DocumentDrawer, {
+                collectionSlug: createCollectionSlug,
+                drawerSlug: newDocInFolderDrawerSlug,
+                initialData: {
+                    [folderFieldName]: folderID
+                },
+                onSave: async ({ doc })=>{
+                    await onCreateSuccess({
+                        collectionSlug: createCollectionSlug,
+                        doc
+                    });
+                    closeModal(newDocInFolderDrawerSlug);
+                },
+                redirectAfterCreate: false
+            }, void 0, false, {
+                fileName: "src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx",
+                lineNumber: 117,
+                columnNumber: 9
+            }, this),
+            collectionSlugs.includes(folderCollectionConfig.slug) && /*#__PURE__*/ _jsxDEV(FolderDocumentDrawer, {
+                initialData: {
+                    [folderFieldName]: folderID,
+                    folderType: createCollectionSlug ? folderAssignedCollections || [
+                        createCollectionSlug
+                    ] : folderAssignedCollections
+                },
+                onSave: async (result)=>{
+                    await onCreateSuccess({
+                        collectionSlug: folderCollectionConfig.slug,
+                        doc: result.doc
+                    });
+                    closeFolderDrawer();
+                },
+                redirectAfterCreate: false
+            }, void 0, false, {
+                fileName: "src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx",
+                lineNumber: 135,
+                columnNumber: 9
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx",
+        lineNumber: 59,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=ListCreateNewDocInFolderButton.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, CollectionSlug } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DocumentDrawer, useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nconst baseClass = 'create-new-doc-in-folder'\n\nexport function ListCreateNewDocInFolderButton({\n  buttonLabel,\n  collectionSlugs,\n  folderAssignedCollections,\n  onCreateSuccess,\n  slugPrefix,\n}: {\n  buttonLabel: string\n  collectionSlugs: CollectionSlug[]\n  folderAssignedCollections: CollectionSlug[]\n  onCreateSuccess: (args: {\n    collectionSlug: CollectionSlug\n    doc: Record<string, unknown>\n  }) => Promise<void> | void\n  slugPrefix: string\n}) {\n  const newDocInFolderDrawerSlug = `${slugPrefix}-new-doc-in-folder-drawer`\n  const { i18n } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const { config } = useConfig()\n  const { folderCollectionConfig, folderCollectionSlug, folderFieldName, folderID } = useFolder()\n  const [FolderDocumentDrawer, , { closeDrawer: closeFolderDrawer, openDrawer: openFolderDrawer }] =\n    useDocumentDrawer({\n      collectionSlug: folderCollectionSlug,\n    })\n  const [createCollectionSlug, setCreateCollectionSlug] = React.useState<string | undefined>()\n  const [enabledCollections] = React.useState<ClientCollectionConfig[]>(() =>\n    collectionSlugs.reduce((acc, collectionSlug) => {\n      const collectionConfig = config.collections.find(({ slug }) => slug === collectionSlug)\n      if (collectionConfig) {\n        acc.push(collectionConfig)\n      }\n      return acc\n    }, []),\n  )\n\n  if (enabledCollections.length === 0) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      {enabledCollections.length === 1 ? (\n        // If there is only 1 option, do not render a popup\n        <Button\n          buttonStyle=\"pill\"\n          className={`${baseClass}__button`}\n          el=\"div\"\n          onClick={() => {\n            if (enabledCollections[0].slug === folderCollectionConfig.slug) {\n              openFolderDrawer()\n            } else {\n              setCreateCollectionSlug(enabledCollections[0].slug)\n              openModal(newDocInFolderDrawerSlug)\n            }\n          }}\n          size=\"small\"\n        >\n          {buttonLabel}\n        </Button>\n      ) : (\n        <Popup\n          button={\n            <Button\n              buttonStyle=\"pill\"\n              className={`${baseClass}__popup-button`}\n              el=\"div\"\n              icon=\"chevron\"\n              size=\"small\"\n            >\n              {buttonLabel}\n            </Button>\n          }\n          buttonType=\"default\"\n          className={`${baseClass}__action-popup`}\n        >\n          <PopupList.ButtonGroup>\n            {enabledCollections.map((collection, index) => {\n              return (\n                <PopupList.Button\n                  key={index}\n                  onClick={() => {\n                    if (collection.slug === folderCollectionConfig.slug) {\n                      openFolderDrawer()\n                    } else {\n                      setCreateCollectionSlug(collection.slug)\n                      openModal(newDocInFolderDrawerSlug)\n                    }\n                  }}\n                >\n                  {getTranslation(collection.labels.singular, i18n)}\n                </PopupList.Button>\n              )\n            })}\n          </PopupList.ButtonGroup>\n        </Popup>\n      )}\n\n      {createCollectionSlug && (\n        <DocumentDrawer\n          collectionSlug={createCollectionSlug}\n          drawerSlug={newDocInFolderDrawerSlug}\n          initialData={{\n            [folderFieldName]: folderID,\n          }}\n          onSave={async ({ doc }) => {\n            await onCreateSuccess({\n              collectionSlug: createCollectionSlug,\n              doc,\n            })\n            closeModal(newDocInFolderDrawerSlug)\n          }}\n          redirectAfterCreate={false}\n        />\n      )}\n\n      {collectionSlugs.includes(folderCollectionConfig.slug) && (\n        <FolderDocumentDrawer\n          initialData={{\n            [folderFieldName]: folderID,\n            folderType: createCollectionSlug\n              ? folderAssignedCollections || [createCollectionSlug]\n              : folderAssignedCollections,\n          }}\n          onSave={async (result) => {\n            await onCreateSuccess({\n              collectionSlug: folderCollectionConfig.slug,\n              doc: result.doc,\n            })\n            closeFolderDrawer()\n          }}\n          redirectAfterCreate={false}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","getTranslation","React","useConfig","useFolder","useTranslation","Button","DocumentDrawer","useDocumentDrawer","Popup","PopupList","baseClass","ListCreateNewDocInFolderButton","buttonLabel","collectionSlugs","folderAssignedCollections","onCreateSuccess","slugPrefix","newDocInFolderDrawerSlug","i18n","closeModal","openModal","config","folderCollectionConfig","folderCollectionSlug","folderFieldName","folderID","FolderDocumentDrawer","closeDrawer","closeFolderDrawer","openDrawer","openFolderDrawer","collectionSlug","createCollectionSlug","setCreateCollectionSlug","useState","enabledCollections","reduce","acc","collectionConfig","collections","find","slug","push","length","Fragment","buttonStyle","className","el","onClick","size","button","icon","buttonType","ButtonGroup","map","collection","index","key","labels","singular","drawerSlug","initialData","onSave","doc","redirectAfterCreate","includes","folderType","result"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, CollectionSlug } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DocumentDrawer, useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nconst baseClass = 'create-new-doc-in-folder'\n\nexport function ListCreateNewDocInFolderButton({\n  buttonLabel,\n  collectionSlugs,\n  folderAssignedCollections,\n  onCreateSuccess,\n  slugPrefix,\n}: {\n  buttonLabel: string\n  collectionSlugs: CollectionSlug[]\n  folderAssignedCollections: CollectionSlug[]\n  onCreateSuccess: (args: {\n    collectionSlug: CollectionSlug\n    doc: Record<string, unknown>\n  }) => Promise<void> | void\n  slugPrefix: string\n}) {\n  const newDocInFolderDrawerSlug = `${slugPrefix}-new-doc-in-folder-drawer`\n  const { i18n } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const { config } = useConfig()\n  const { folderCollectionConfig, folderCollectionSlug, folderFieldName, folderID } = useFolder()\n  const [FolderDocumentDrawer, , { closeDrawer: closeFolderDrawer, openDrawer: openFolderDrawer }] =\n    useDocumentDrawer({\n      collectionSlug: folderCollectionSlug,\n    })\n  const [createCollectionSlug, setCreateCollectionSlug] = React.useState<string | undefined>()\n  const [enabledCollections] = React.useState<ClientCollectionConfig[]>(() =>\n    collectionSlugs.reduce((acc, collectionSlug) => {\n      const collectionConfig = config.collections.find(({ slug }) => slug === collectionSlug)\n      if (collectionConfig) {\n        acc.push(collectionConfig)\n      }\n      return acc\n    }, []),\n  )\n\n  if (enabledCollections.length === 0) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      {enabledCollections.length === 1 ? (\n        // If there is only 1 option, do not render a popup\n        <Button\n          buttonStyle=\"pill\"\n          className={`${baseClass}__button`}\n          el=\"div\"\n          onClick={() => {\n            if (enabledCollections[0].slug === folderCollectionConfig.slug) {\n              openFolderDrawer()\n            } else {\n              setCreateCollectionSlug(enabledCollections[0].slug)\n              openModal(newDocInFolderDrawerSlug)\n            }\n          }}\n          size=\"small\"\n        >\n          {buttonLabel}\n        </Button>\n      ) : (\n        <Popup\n          button={\n            <Button\n              buttonStyle=\"pill\"\n              className={`${baseClass}__popup-button`}\n              el=\"div\"\n              icon=\"chevron\"\n              size=\"small\"\n            >\n              {buttonLabel}\n            </Button>\n          }\n          buttonType=\"default\"\n          className={`${baseClass}__action-popup`}\n        >\n          <PopupList.ButtonGroup>\n            {enabledCollections.map((collection, index) => {\n              return (\n                <PopupList.Button\n                  key={index}\n                  onClick={() => {\n                    if (collection.slug === folderCollectionConfig.slug) {\n                      openFolderDrawer()\n                    } else {\n                      setCreateCollectionSlug(collection.slug)\n                      openModal(newDocInFolderDrawerSlug)\n                    }\n                  }}\n                >\n                  {getTranslation(collection.labels.singular, i18n)}\n                </PopupList.Button>\n              )\n            })}\n          </PopupList.ButtonGroup>\n        </Popup>\n      )}\n\n      {createCollectionSlug && (\n        <DocumentDrawer\n          collectionSlug={createCollectionSlug}\n          drawerSlug={newDocInFolderDrawerSlug}\n          initialData={{\n            [folderFieldName]: folderID,\n          }}\n          onSave={async ({ doc }) => {\n            await onCreateSuccess({\n              collectionSlug: createCollectionSlug,\n              doc,\n            })\n            closeModal(newDocInFolderDrawerSlug)\n          }}\n          redirectAfterCreate={false}\n        />\n      )}\n\n      {collectionSlugs.includes(folderCollectionConfig.slug) && (\n        <FolderDocumentDrawer\n          initialData={{\n            [folderFieldName]: folderID,\n            folderType: createCollectionSlug\n              ? folderAssignedCollections || [createCollectionSlug]\n              : folderAssignedCollections,\n          }}\n          onSave={async (result) => {\n            await onCreateSuccess({\n              collectionSlug: folderCollectionConfig.slug,\n              doc: result.doc,\n            })\n            closeFolderDrawer()\n          }}\n          redirectAfterCreate={false}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","getTranslation","React","useConfig","useFolder","useTranslation","Button","DocumentDrawer","useDocumentDrawer","Popup","PopupList","baseClass","ListCreateNewDocInFolderButton","buttonLabel","collectionSlugs","folderAssignedCollections","onCreateSuccess","slugPrefix","newDocInFolderDrawerSlug","i18n","closeModal","openModal","config","folderCollectionConfig","folderCollectionSlug","folderFieldName","folderID","FolderDocumentDrawer","closeDrawer","closeFolderDrawer","openDrawer","openFolderDrawer","collectionSlug","createCollectionSlug","setCreateCollectionSlug","useState","enabledCollections","reduce","acc","collectionConfig","collections","find","slug","push","length","Fragment","buttonStyle","className","el","onClick","size","button","icon","buttonType","ButtonGroup","map","collection","index","labels","singular","drawerSlug","initialData","onSave","doc","redirectAfterCreate","includes","folderType","result"],"mappings":"AAAA;;AAIA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,SAASC,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,SAAS,QAAQ,sCAAqC;AAC/D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,MAAM,QAAQ,wBAAuB;AAC9C,SAASC,cAAc,EAAEC,iBAAiB,QAAQ,gCAA+B;AACjF,SAASC,KAAK,EAAEC,SAAS,QAAQ,uBAAsB;AAEvD,MAAMC,YAAY;AAElB,OAAO,SAASC,+BAA+B,EAC7CC,WAAW,EACXC,eAAe,EACfC,yBAAyB,EACzBC,eAAe,EACfC,UAAU,EAUX;IACC,MAAMC,2BAA2B,GAAGD,WAAW,yBAAyB,CAAC;IACzE,MAAM,EAAEE,IAAI,EAAE,GAAGd;IACjB,MAAM,EAAEe,UAAU,EAAEC,SAAS,EAAE,GAAGrB;IAClC,MAAM,EAAEsB,MAAM,EAAE,GAAGnB;IACnB,MAAM,EAAEoB,sBAAsB,EAAEC,oBAAoB,EAAEC,eAAe,EAAEC,QAAQ,EAAE,GAAGtB;IACpF,MAAM,CAACuB,wBAAwB,EAAEC,aAAaC,iBAAiB,EAAEC,YAAYC,gBAAgB,EAAE,CAAC,GAC9FvB,kBAAkB;QAChBwB,gBAAgBR;IAClB;IACF,MAAM,CAACS,sBAAsBC,wBAAwB,GAAGhC,MAAMiC,QAAQ;IACtE,MAAM,CAACC,mBAAmB,GAAGlC,MAAMiC,QAAQ,CAA2B,IACpErB,gBAAgBuB,MAAM,CAAC,CAACC,KAAKN;YAC3B,MAAMO,mBAAmBjB,OAAOkB,WAAW,CAACC,IAAI,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKA,SAASV;YACxE,IAAIO,kBAAkB;gBACpBD,IAAIK,IAAI,CAACJ;YACX;YACA,OAAOD;QACT,GAAG,EAAE;IAGP,IAAIF,mBAAmBQ,MAAM,KAAK,GAAG;QACnC,OAAO;IACT;IAEA,qBACE,QAAC1C,MAAM2C,QAAQ;;YACZT,mBAAmBQ,MAAM,KAAK,IAC7B,mDAAmD;0BACnD,QAACtC;gBACCwC,aAAY;gBACZC,WAAW,GAAGpC,UAAU,QAAQ,CAAC;gBACjCqC,IAAG;gBACHC,SAAS;oBACP,IAAIb,kBAAkB,CAAC,EAAE,CAACM,IAAI,KAAKnB,uBAAuBmB,IAAI,EAAE;wBAC9DX;oBACF,OAAO;wBACLG,wBAAwBE,kBAAkB,CAAC,EAAE,CAACM,IAAI;wBAClDrB,UAAUH;oBACZ;gBACF;gBACAgC,MAAK;0BAEJrC;;;;;qCAGH,QAACJ;gBACC0C,sBACE,QAAC7C;oBACCwC,aAAY;oBACZC,WAAW,GAAGpC,UAAU,cAAc,CAAC;oBACvCqC,IAAG;oBACHI,MAAK;oBACLF,MAAK;8BAEJrC;;;;;;gBAGLwC,YAAW;gBACXN,WAAW,GAAGpC,UAAU,cAAc,CAAC;0BAEvC,cAAA,QAACD,UAAU4C,WAAW;8BACnBlB,mBAAmBmB,GAAG,CAAC,CAACC,YAAYC;wBACnC,qBACE,QAAC/C,UAAUJ,MAAM;4BAEf2C,SAAS;gCACP,IAAIO,WAAWd,IAAI,KAAKnB,uBAAuBmB,IAAI,EAAE;oCACnDX;gCACF,OAAO;oCACLG,wBAAwBsB,WAAWd,IAAI;oCACvCrB,UAAUH;gCACZ;4BACF;sCAECjB,eAAeuD,WAAWE,MAAM,CAACC,QAAQ,EAAExC;2BAVvCsC;;;;;oBAaX;;;;;;;;;;;YAKLxB,sCACC,QAAC1B;gBACCyB,gBAAgBC;gBAChB2B,YAAY1C;gBACZ2C,aAAa;oBACX,CAACpC,gBAAgB,EAAEC;gBACrB;gBACAoC,QAAQ,OAAO,EAAEC,GAAG,EAAE;oBACpB,MAAM/C,gBAAgB;wBACpBgB,gBAAgBC;wBAChB8B;oBACF;oBACA3C,WAAWF;gBACb;gBACA8C,qBAAqB;;;;;;YAIxBlD,gBAAgBmD,QAAQ,CAAC1C,uBAAuBmB,IAAI,mBACnD,QAACf;gBACCkC,aAAa;oBACX,CAACpC,gBAAgB,EAAEC;oBACnBwC,YAAYjC,uBACRlB,6BAA6B;wBAACkB;qBAAqB,GACnDlB;gBACN;gBACA+C,QAAQ,OAAOK;oBACb,MAAMnD,gBAAgB;wBACpBgB,gBAAgBT,uBAAuBmB,IAAI;wBAC3CqB,KAAKI,OAAOJ,GAAG;oBACjB;oBACAlC;gBACF;gBACAmC,qBAAqB;;;;;;;;;;;;AAK/B"}

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

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter, useSearchParams } from 'next/navigation.js';
@@ -116,22 +117,69 @@ export function ListEmptyTrashButton({ collectionConfig, hasDeletePermission })
         router,
         clearRouteCache
     ]);
-    return <React.Fragment>
-      <Button aria-label={t('general:emptyTrashLabel', {
-        label: getTranslation(collectionConfig?.labels?.plural, i18n)
-    })} buttonStyle="pill" disabled={trashCount === 0} id="empty-trash-button" key="empty-trash-button" onClick={()=>{
-        openModal(confirmEmptyTrashSlug);
-    }} size="small">
-        {t('general:emptyTrash')}
-      </Button>
-      <ConfirmationModal body={<Translation elements={{
-        '0': ({ children })=><strong>{children}</strong>,
-        '1': ({ children })=><strong>{children}</strong>
-    }} 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}/>
-    </React.Fragment>;
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxDEV(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", false, {
+                fileName: "src/elements/ListHeader/TitleActions/ListEmptyTrashButton.tsx",
+                lineNumber: 155,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
+                body: /*#__PURE__*/ _jsxDEV(Translation, {
+                    elements: {
+                        '0': ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
+                                children: children
+                            }, void 0, false, {
+                                fileName: "src/elements/ListHeader/TitleActions/ListEmptyTrashButton.tsx",
+                                lineNumber: 174,
+                                columnNumber: 38
+                            }, void 0),
+                        '1': ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
+                                children: children
+                            }, void 0, false, {
+                                fileName: "src/elements/ListHeader/TitleActions/ListEmptyTrashButton.tsx",
+                                lineNumber: 175,
+                                columnNumber: 38
+                            }, void 0)
+                    },
+                    i18nKey: "general:aboutToPermanentlyDeleteTrash",
+                    t: t,
+                    variables: {
+                        count: trashCount ?? 0,
+                        label: getTranslation(trashCount === 1 ? collectionConfig.labels?.singular : collectionConfig.labels?.plural, i18n)
+                    }
+                }, void 0, false, {
+                    fileName: "src/elements/ListHeader/TitleActions/ListEmptyTrashButton.tsx",
+                    lineNumber: 172,
+                    columnNumber: 11
+                }, void 0),
+                confirmingLabel: t('general:deleting'),
+                heading: t('general:confirmDeletion'),
+                modalSlug: confirmEmptyTrashSlug,
+                onConfirm: handleEmptyTrash
+            }, void 0, false, {
+                fileName: "src/elements/ListHeader/TitleActions/ListEmptyTrashButton.tsx",
+                lineNumber: 170,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/ListHeader/TitleActions/ListEmptyTrashButton.tsx",
+        lineNumber: 154,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=ListEmptyTrashButton.js.map

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

@@ -1 +1 @@
-{"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","key","onClick","size","body","elements","children","strong","i18nKey","variables","singular","confirmingLabel","heading","modalSlug","onConfirm"],"mappings":"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"}
+{"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":"AAAA;;AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,SAASC,cAAc,QAAQ,2BAA0B;AACzD,SAASC,SAAS,EAAEC,eAAe,QAAQ,qBAAoB;AAC/D,YAAYC,QAAQ,SAAQ;AAC5B,OAAOC,WAAW,QAAO;AACzB,SAASC,KAAK,QAAQ,SAAQ;AAE9B,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,aAAa,QAAQ,yCAAwC;AACtE,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,MAAM,QAAQ,wBAAuB;AAC9C,SAASC,iBAAiB,QAAQ,mCAAkC;AACpE,SAASC,WAAW,QAAQ,6BAA4B;AAExD,MAAMC,wBAAwB;AAE9B,OAAO,SAASC,qBAAqB,EACnCC,gBAAgB,EAChBC,mBAAmB,EAIpB;IACC,MAAM,EAAEC,IAAI,EAAEC,CAAC,EAAE,GAAGV;IACpB,MAAM,EAAEW,MAAMC,MAAM,EAAE,GAAGd;IACzB,MAAM,EAAEe,MAAM,EAAE,GAAGhB;IACnB,MAAM,EAAEiB,SAAS,EAAE,GAAGxB;IACtB,MAAMyB,SAASvB;IACf,MAAMwB,eAAevB;IACrB,MAAM,EAAEwB,eAAe,EAAE,GAAGlB;IAE5B,MAAM,CAACmB,YAAYC,cAAc,GAAGxB,MAAMyB,QAAQ,CAAgB;IAElEzB,MAAM0B,SAAS,CAAC;QACd,MAAMC,kBAAkB;YACtB,MAAMC,cAAc7B,GAAG8B,SAAS,CAC9B;gBACEC,OAAO;gBACPC,OAAO;gBACPd;gBACAe,OAAO;gBACPC,OAAO;oBACLC,WAAW;wBACTC,QAAQ;oBACV;gBACF;YACF,GACA;gBAAEC,gBAAgB;YAAK;YAGzB,IAAI;gBACF,MAAMC,MAAM,MAAM/B,SAASgC,GAAG,CAC5B,GAAGpB,OAAOqB,SAAS,GAAGrB,OAAOsB,MAAM,CAACC,GAAG,CAAC,CAAC,EAAE7B,iBAAiB8B,IAAI,GAAGd,aAAa,EAChF;oBACEe,SAAS;wBACP,mBAAmB7B,KAAK8B,QAAQ;wBAChC,gBAAgB;oBAClB;gBACF;gBAGF,MAAMC,OAAO,MAAMR,IAAIQ,IAAI;gBAC3BrB,cAAcqB,MAAMC,aAAa;YACnC,EAAE,OAAM;gBACNtB,cAAc;YAChB;QACF;QAEA,KAAKG;IACP,GAAG;QAACf,iBAAiB8B,IAAI;QAAExB;QAAQJ,KAAK8B,QAAQ;QAAE3B;KAAO;IAEzD,MAAM8B,mBAAmB/C,MAAMgD,WAAW,CAAC;QACzC,IAAI,CAACnC,qBAAqB;YACxB;QACF;QAEA,MAAM,EAAE6B,IAAI,EAAEO,MAAM,EAAE,GAAGrC;QAEzB,MAAMgB,cAAc7B,GAAG8B,SAAS,CAC9B;YACEE,OAAO;YACPd;YACAe,OAAO;YACPC,OAAO;gBACLC,WAAW;oBACTC,QAAQ;gBACV;YACF;QACF,GACA;YAAEC,gBAAgB;QAAK;QAGzB,MAAMC,MAAM,MAAM/B,SAAS4C,MAAM,CAC/B,GAAGhC,OAAOqB,SAAS,GAAGrB,OAAOsB,MAAM,CAACC,GAAG,CAAC,CAAC,EAAEC,OAAOd,aAAa,EAC/D;YACEe,SAAS;gBACP,mBAAmB7B,KAAK8B,QAAQ;gBAChC,gBAAgB;YAClB;QACF;QAGF,IAAI;YACF,MAAMC,OAAO,MAAMR,IAAIQ,IAAI;YAC3B,MAAMM,eAAeN,MAAMO,MAAMC,UAAU;YAE3C,IAAIhB,IAAIiB,MAAM,GAAG,KAAK;gBACpBrD,MAAMsD,OAAO,CACXxC,EAAE,+CAA+C;oBAC/CyC,OAAOL;oBACPM,OAAO7D,eAAeqD,QAAQS,QAAQ5C;gBACxC;YAEJ;YAEA,IAAI+B,MAAMc,QAAQN,SAAS,GAAG;gBAC5BpD,MAAM2D,KAAK,CAACf,KAAKgB,OAAO,EAAE;oBACxBC,aAAajB,KAAKc,MAAM,CAACI,GAAG,CAAC,CAACC,MAAQA,IAAIH,OAAO,EAAEI,IAAI,CAAC;gBAC1D;YACF;YAEA7C,OAAO8C,OAAO,CACZnE,GAAG8B,SAAS,CACV;gBACE,GAAGsC,OAAOC,WAAW,CAAC/C,aAAagD,OAAO,GAAG;gBAC7CC,MAAM;YACR,GACA;gBAAElC,gBAAgB;YAAK;YAI3Bd;QACF,EAAE,OAAM;YACNrB,MAAM2D,KAAK,CAAC7C,EAAE;QAChB;IACF,GAAG;QACDH;QACAM;QACAL;QACAC;QACAC;QACAE;QACAI;QACAD;QACAE;KACD;IAED,qBACE,QAACtB,MAAMuE,QAAQ;;0BACb,QAAChE;gBACCiE,cAAYzD,EAAE,2BAA2B;oBACvC0C,OAAO7D,eAAegB,kBAAkBqC,QAAQS,QAAQ5C;gBAC1D;gBACA2D,aAAY;gBACZC,UAAUnD,eAAe;gBACzBoD,IAAG;gBAEHC,SAAS;oBACPzD,UAAUT;gBACZ;gBACAmE,MAAK;0BAEJ9D,EAAE;eANC;;;;;0BAQN,QAACP;gBACCsE,oBACE,QAACrE;oBACCsE,UAAU;wBACR,KAAK,CAAC,EAAEC,QAAQ,EAAE,iBAAK,QAACC;0CAAQD;;;;;;wBAChC,KAAK,CAAC,EAAEA,QAAQ,EAAE,iBAAK,QAACC;0CAAQD;;;;;;oBAClC;oBACAE,SAAQ;oBACRnE,GAAGA;oBACHoE,WAAW;wBACT3B,OAAOjC,cAAc;wBACrBkC,OAAO7D,eACL2B,eAAe,IACXX,iBAAiBqC,MAAM,EAAEmC,WACzBxE,iBAAiBqC,MAAM,EAAES,QAC7B5C;oBAEJ;;;;;;gBAGJuE,iBAAiBtE,EAAE;gBACnBuE,SAASvE,EAAE;gBACXwE,WAAW7E;gBACX8E,WAAWzC;;;;;;;;;;;;AAInB"}

package/dist/elements/ListHeader/index.js

@@ -1,21 +1,70 @@
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React from 'react';
 import './index.scss';
 export const listHeaderClass = 'list-header';
 export const ListHeader = (props)=>{
-    return <header className={[
-        listHeaderClass,
-        props.className
-    ].filter(Boolean).join(' ')}>
-      <div className={`${listHeaderClass}__content`}>
-        <div className={`${listHeaderClass}__title-and-actions`}>
-          <h1 className={`${listHeaderClass}__title`}>{props.title}</h1>
-          {props.TitleActions.length ? <div className={`${listHeaderClass}__title-actions`}>{props.TitleActions}</div> : null}
-        </div>
-        {props.Actions.length ? <div className={`${listHeaderClass}__actions`}>{props.Actions}</div> : null}
-      </div>
-      {props.AfterListHeaderContent ? <div className={`${listHeaderClass}__after-header-content`}>
-          {props.AfterListHeaderContent}
-        </div> : null}
-    </header>;
+    return /*#__PURE__*/ _jsxDEV("header", {
+        className: [
+            listHeaderClass,
+            props.className
+        ].filter(Boolean).join(' '),
+        children: [
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${listHeaderClass}__content`,
+                children: [
+                    /*#__PURE__*/ _jsxDEV("div", {
+                        className: `${listHeaderClass}__title-and-actions`,
+                        children: [
+                            /*#__PURE__*/ _jsxDEV("h1", {
+                                className: `${listHeaderClass}__title`,
+                                children: props.title
+                            }, void 0, false, {
+                                fileName: "src/elements/ListHeader/index.tsx",
+                                lineNumber: 19,
+                                columnNumber: 11
+                            }, this),
+                            props.TitleActions.length ? /*#__PURE__*/ _jsxDEV("div", {
+                                className: `${listHeaderClass}__title-actions`,
+                                children: props.TitleActions
+                            }, void 0, false, {
+                                fileName: "src/elements/ListHeader/index.tsx",
+                                lineNumber: 21,
+                                columnNumber: 13
+                            }, this) : null
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/elements/ListHeader/index.tsx",
+                        lineNumber: 18,
+                        columnNumber: 9
+                    }, this),
+                    props.Actions.length ? /*#__PURE__*/ _jsxDEV("div", {
+                        className: `${listHeaderClass}__actions`,
+                        children: props.Actions
+                    }, void 0, false, {
+                        fileName: "src/elements/ListHeader/index.tsx",
+                        lineNumber: 25,
+                        columnNumber: 11
+                    }, this) : null
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/ListHeader/index.tsx",
+                lineNumber: 17,
+                columnNumber: 7
+            }, this),
+            props.AfterListHeaderContent ? /*#__PURE__*/ _jsxDEV("div", {
+                className: `${listHeaderClass}__after-header-content`,
+                children: props.AfterListHeaderContent
+            }, void 0, false, {
+                fileName: "src/elements/ListHeader/index.tsx",
+                lineNumber: 29,
+                columnNumber: 9
+            }, this) : null
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/ListHeader/index.tsx",
+        lineNumber: 16,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":["listHeaderClass","ListHeader","props","header","className","filter","Boolean","join","div","h1","title","TitleActions","length","Actions","AfterListHeaderContent"],"mappings":"AAEA,OAAO,eAAc;AAErB,OAAO,MAAMA,kBAAkB,cAAa;AAS5C,OAAO,MAAMC,aAAwC,CAACC;IACpD,QACGC,OAAOC,WAAW;QAACJ;QAAiBE,MAAME,SAAS;KAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC,MAAM;MAC/E,CAACC,IAAIJ,WAAW,GAAGJ,gBAAgB,SAAS,CAAC,EAAE;QAC7C,CAACQ,IAAIJ,WAAW,GAAGJ,gBAAgB,mBAAmB,CAAC,EAAE;UACvD,CAACS,GAAGL,WAAW,GAAGJ,gBAAgB,OAAO,CAAC,GAAGE,MAAMQ,KAAK,GAAGD,GAAG;UAC9D,CAACP,MAAMS,YAAY,CAACC,MAAM,IACvBJ,IAAIJ,WAAW,GAAGJ,gBAAgB,eAAe,CAAC,GAAGE,MAAMS,YAAY,GAAGH,OACzE,KAAK;QACX,EAAEA,IAAI;QACN,CAACN,MAAMW,OAAO,CAACD,MAAM,IAClBJ,IAAIJ,WAAW,GAAGJ,gBAAgB,SAAS,CAAC,GAAGE,MAAMW,OAAO,GAAGL,OAC9D,KAAK;MACX,EAAEA,IAAI;MACN,CAACN,MAAMY,sBAAsB,IAC1BN,IAAIJ,WAAW,GAAGJ,gBAAgB,sBAAsB,CAAC,EAAE;UAC1D,CAACE,MAAMY,sBAAsB,CAAC;QAChC,EAAEN,OACA,KAAK;IACX,EAAEL;AAEN,EAAC"}
+{"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,QAACC;QAAOC,WAAW;YAACJ;YAAiBE,MAAME,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;;0BACzE,QAACC;gBAAIJ,WAAW,GAAGJ,gBAAgB,SAAS,CAAC;;kCAC3C,QAACQ;wBAAIJ,WAAW,GAAGJ,gBAAgB,mBAAmB,CAAC;;0CACrD,QAACS;gCAAGL,WAAW,GAAGJ,gBAAgB,OAAO,CAAC;0CAAGE,MAAMQ,KAAK;;;;;;4BACvDR,MAAMS,YAAY,CAACC,MAAM,iBACxB,QAACJ;gCAAIJ,WAAW,GAAGJ,gBAAgB,eAAe,CAAC;0CAAGE,MAAMS,YAAY;;;;;uCACtE;;;;;;;oBAELT,MAAMW,OAAO,CAACD,MAAM,iBACnB,QAACJ;wBAAIJ,WAAW,GAAGJ,gBAAgB,SAAS,CAAC;kCAAGE,MAAMW,OAAO;;;;;+BAC3D;;;;;;;YAELX,MAAMY,sBAAsB,iBAC3B,QAACN;gBAAIJ,WAAW,GAAGJ,gBAAgB,sBAAsB,CAAC;0BACvDE,MAAMY,sBAAsB;;;;;uBAE7B;;;;;;;AAGV,EAAC"}

package/dist/elements/ListSelection/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
@@ -16,28 +17,86 @@ const baseClass = 'list-selection';
    * @example edit, delete, publish, unpublish
    */ export function ListSelection_v4({ count, ListActions, SelectionActions }) {
     const { t } = useTranslation();
-    return <div className={baseClass}>
-      <span>{t('general:selectedCount', {
-        count,
-        label: ''
-    })}</span>
-      {ListActions && ListActions.length > 0 && <React.Fragment>
-          <span>&mdash;</span>
-          <div className={`${baseClass}__actions`}>{ListActions}</div>
-        </React.Fragment>}
-      {SelectionActions && SelectionActions.length > 0 && <React.Fragment>
-          <span>&mdash;</span>
-          <div className={`${baseClass}__actions`}>{SelectionActions}</div>
-        </React.Fragment>}
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsxDEV("span", {
+                children: t('general:selectedCount', {
+                    count,
+                    label: ''
+                })
+            }, void 0, false, {
+                fileName: "src/elements/ListSelection/index.tsx",
+                lineNumber: 35,
+                columnNumber: 7
+            }, this),
+            ListActions && ListActions.length > 0 && /*#__PURE__*/ _jsxDEV(React.Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsxDEV("span", {
+                        children: "—"
+                    }, void 0, false, {
+                        fileName: "src/elements/ListSelection/index.tsx",
+                        lineNumber: 38,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("div", {
+                        className: `${baseClass}__actions`,
+                        children: ListActions
+                    }, void 0, false, {
+                        fileName: "src/elements/ListSelection/index.tsx",
+                        lineNumber: 39,
+                        columnNumber: 11
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/ListSelection/index.tsx",
+                lineNumber: 37,
+                columnNumber: 9
+            }, this),
+            SelectionActions && SelectionActions.length > 0 && /*#__PURE__*/ _jsxDEV(React.Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsxDEV("span", {
+                        children: "—"
+                    }, void 0, false, {
+                        fileName: "src/elements/ListSelection/index.tsx",
+                        lineNumber: 44,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("div", {
+                        className: `${baseClass}__actions`,
+                        children: SelectionActions
+                    }, void 0, false, {
+                        fileName: "src/elements/ListSelection/index.tsx",
+                        lineNumber: 45,
+                        columnNumber: 11
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/ListSelection/index.tsx",
+                lineNumber: 43,
+                columnNumber: 9
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/ListSelection/index.tsx",
+        lineNumber: 34,
+        columnNumber: 5
+    }, this);
 }
 export function ListSelectionButton({ children, className, ...props }) {
-    return <Button {...props} buttonStyle="none" className={[
-        `${baseClass}__button`,
-        className
-    ].filter(Boolean).join(' ')}>
-      {children}
-    </Button>;
+    return /*#__PURE__*/ _jsxDEV(Button, {
+        ...props,
+        buttonStyle: "none",
+        className: [
+            `${baseClass}__button`,
+            className
+        ].filter(Boolean).join(' '),
+        children: children
+    }, void 0, false, {
+        fileName: "src/elements/ListSelection/index.tsx",
+        lineNumber: 55,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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;AAGhB;;GAEC,GAED;;;;GAIC,GAED;;;;GAIC,GAGH,OAAO,SAASC,iBAAiB,EAAEC,KAAK,EAAEC,WAAW,EAAEC,gBAAgB,EAAyB;IAC9F,MAAM,EAAEC,CAAC,EAAE,GAAGP;IAEd,QACGQ,IAAIC,WAAWP,WAAW;MACzB,CAACQ,MAAMH,EAAE,yBAAyB;QAAEH;QAAOO,OAAO;IAAG,KAAKD,KAAK;MAC/D,CAACL,eAAeA,YAAYO,MAAM,GAAG,MAClCb,MAAMc,SAAS;UACd,CAACH,KAAK,OAAO,EAAEA,KAAK;UACpB,CAACF,IAAIC,WAAW,GAAGP,UAAU,SAAS,CAAC,GAAGG,cAAcG,IAAI;QAC9D,EAAET,MAAMc,UACR;MACF,CAACP,oBAAoBA,iBAAiBM,MAAM,GAAG,MAC5Cb,MAAMc,SAAS;UACd,CAACH,KAAK,OAAO,EAAEA,KAAK;UACpB,CAACF,IAAIC,WAAW,GAAGP,UAAU,SAAS,CAAC,GAAGI,mBAAmBE,IAAI;QACnE,EAAET,MAAMc,UACR;IACJ,EAAEL;AAEN;AAGA,OAAO,SAASM,oBAAoB,EAAEC,QAAQ,EAAEN,SAAS,EAAE,GAAGO,OAAiC;IAC7F,QACGf,QACE,GAAGe,KAAK,EACTC,YAAY,OACZR,WAAW;QAAC,GAAGP,UAAU,QAAQ,CAAC;QAAEO;KAAU,CAACS,MAAM,CAACC,SAASC,IAAI,CAAC,MACrE;MACC,CAACL,SAAS;IACZ,EAAEd;AAEN"}
+{"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;AAGhB;;GAEC,GAED;;;;GAIC,GAED;;;;GAIC,GAGH,OAAO,SAASC,iBAAiB,EAAEC,KAAK,EAAEC,WAAW,EAAEC,gBAAgB,EAAyB;IAC9F,MAAM,EAAEC,CAAC,EAAE,GAAGP;IAEd,qBACE,QAACQ;QAAIC,WAAWP;;0BACd,QAACQ;0BAAMH,EAAE,yBAAyB;oBAAEH;oBAAOO,OAAO;gBAAG;;;;;;YACpDN,eAAeA,YAAYO,MAAM,GAAG,mBACnC,QAACb,MAAMc,QAAQ;;kCACb,QAACH;kCAAK;;;;;;kCACN,QAACF;wBAAIC,WAAW,GAAGP,UAAU,SAAS,CAAC;kCAAGG;;;;;;;;;;;;YAG7CC,oBAAoBA,iBAAiBM,MAAM,GAAG,mBAC7C,QAACb,MAAMc,QAAQ;;kCACb,QAACH;kCAAK;;;;;;kCACN,QAACF;wBAAIC,WAAW,GAAGP,UAAU,SAAS,CAAC;kCAAGI;;;;;;;;;;;;;;;;;;AAKpD;AAGA,OAAO,SAASQ,oBAAoB,EAAEC,QAAQ,EAAEN,SAAS,EAAE,GAAGO,OAAiC;IAC7F,qBACE,QAACf;QACE,GAAGe,KAAK;QACTC,aAAY;QACZR,WAAW;YAAC,GAAGP,UAAU,QAAQ,CAAC;YAAEO;SAAU,CAACS,MAAM,CAACC,SAASC,IAAI,CAAC;kBAEnEL;;;;;;AAGP"}