@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.591ab42

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { FieldLabel } from '../../../fields/FieldLabel/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
@@ -17,13 +17,17 @@ export const DrawerRelationshipSelect = ()=>{
         const activeCollectionConfig = getEntityConfig({
             collectionSlug: selectedOption.value
         });
-        return /*#__PURE__*/ _jsxs("div", {
+        return /*#__PURE__*/ _jsxDEV("div", {
             className: `${drawerBaseClass}__select-collection-wrap`,
             children: [
-                /*#__PURE__*/ _jsx(FieldLabel, {
+                /*#__PURE__*/ _jsxDEV(FieldLabel, {
                     label: t('upload:selectCollectionToBrowse')
-                }),
-                /*#__PURE__*/ _jsx(ReactSelect, {
+                }, void 0, false, {
+                    fileName: "src/elements/ListHeader/DrawerRelationshipSelect/index.tsx",
+                    lineNumber: 29,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV(ReactSelect, {
                     className: `${listHeaderClass}__select-collection`,
                     isClearable: false,
                     onChange: setSelectedOption,
@@ -35,9 +39,17 @@ export const DrawerRelationshipSelect = ()=>{
                         label: getTranslation(activeCollectionConfig?.labels.singular, i18n),
                         value: activeCollectionConfig?.slug
                     }
-                })
+                }, void 0, false, {
+                    fileName: "src/elements/ListHeader/DrawerRelationshipSelect/index.tsx",
+                    lineNumber: 30,
+                    columnNumber: 9
+                }, this)
             ]
-        });
+        }, void 0, true, {
+            fileName: "src/elements/ListHeader/DrawerRelationshipSelect/index.tsx",
+            lineNumber: 28,
+            columnNumber: 7
+        }, this);
     }
     return null;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ListHeader/DrawerRelationshipSelect/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { useListDrawerContext } from '../../ListDrawer/Provider.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { listHeaderClass } from '../index.js'\n\nconst drawerBaseClass = 'list-drawer'\n\nexport const DrawerRelationshipSelect = () => {\n  const { i18n, t } = useTranslation()\n  const {\n    config: { collections },\n    getEntityConfig,\n  } = useConfig()\n  const { enabledCollections, selectedOption, setSelectedOption } = useListDrawerContext()\n  const enabledCollectionConfigs = collections.filter(({ slug }) =>\n    enabledCollections.includes(slug),\n  )\n  if (enabledCollectionConfigs.length > 1) {\n    const activeCollectionConfig = getEntityConfig({ collectionSlug: selectedOption.value })\n\n    return (\n      <div className={`${drawerBaseClass}__select-collection-wrap`}>\n        <FieldLabel label={t('upload:selectCollectionToBrowse')} />\n        <ReactSelect\n          className={`${listHeaderClass}__select-collection`}\n          isClearable={false}\n          onChange={setSelectedOption}\n          options={enabledCollectionConfigs.map((coll) => ({\n            label: getTranslation(coll.labels.singular, i18n),\n            value: coll.slug,\n          }))}\n          value={{\n            label: getTranslation(activeCollectionConfig?.labels.singular, i18n),\n            value: activeCollectionConfig?.slug,\n          }}\n        />\n      </div>\n    )\n  }\n  return null\n}\n"],"names":["getTranslation","FieldLabel","useConfig","useTranslation","useListDrawerContext","ReactSelect","listHeaderClass","drawerBaseClass","DrawerRelationshipSelect","i18n","t","config","collections","getEntityConfig","enabledCollections","selectedOption","setSelectedOption","enabledCollectionConfigs","filter","slug","includes","length","activeCollectionConfig","collectionSlug","value","div","className","label","isClearable","onChange","options","map","coll","labels","singular"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AAEzD,SAASC,UAAU,QAAQ,sCAAqC;AAChE,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,oBAAoB,QAAQ,+BAA8B;AACnE,SAASC,WAAW,QAAQ,6BAA4B;AACxD,SAASC,eAAe,QAAQ,cAAa;AAE7C,MAAMC,kBAAkB;AAExB,OAAO,MAAMC,2BAA2B;IACtC,MAAM,EAAEC,IAAI,EAAEC,CAAC,EAAE,GAAGP;IACpB,MAAM,EACJQ,QAAQ,EAAEC,WAAW,EAAE,EACvBC,eAAe,EAChB,GAAGX;IACJ,MAAM,EAAEY,kBAAkB,EAAEC,cAAc,EAAEC,iBAAiB,EAAE,GAAGZ;IAClE,MAAMa,2BAA2BL,YAAYM,MAAM,CAAC,CAAC,EAAEC,IAAI,EAAE,GAC3DL,mBAAmBM,QAAQ,CAACD;IAE9B,IAAIF,yBAAyBI,MAAM,GAAG,GAAG;QACvC,MAAMC,yBAAyBT,gBAAgB;YAAEU,gBAAgBR,eAAeS,KAAK;QAAC;QAEtF,qBACE,MAACC;YAAIC,WAAW,GAAGnB,gBAAgB,wBAAwB,CAAC;;8BAC1D,KAACN;oBAAW0B,OAAOjB,EAAE;;8BACrB,KAACL;oBACCqB,WAAW,GAAGpB,gBAAgB,mBAAmB,CAAC;oBAClDsB,aAAa;oBACbC,UAAUb;oBACVc,SAASb,yBAAyBc,GAAG,CAAC,CAACC,OAAU,CAAA;4BAC/CL,OAAO3B,eAAegC,KAAKC,MAAM,CAACC,QAAQ,EAAEzB;4BAC5Ce,OAAOQ,KAAKb,IAAI;wBAClB,CAAA;oBACAK,OAAO;wBACLG,OAAO3B,eAAesB,wBAAwBW,OAAOC,UAAUzB;wBAC/De,OAAOF,wBAAwBH;oBACjC;;;;IAIR;IACA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../../src/elements/ListHeader/DrawerRelationshipSelect/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { useListDrawerContext } from '../../ListDrawer/Provider.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { listHeaderClass } from '../index.js'\n\nconst drawerBaseClass = 'list-drawer'\n\nexport const DrawerRelationshipSelect = () => {\n  const { i18n, t } = useTranslation()\n  const {\n    config: { collections },\n    getEntityConfig,\n  } = useConfig()\n  const { enabledCollections, selectedOption, setSelectedOption } = useListDrawerContext()\n  const enabledCollectionConfigs = collections.filter(({ slug }) =>\n    enabledCollections.includes(slug),\n  )\n  if (enabledCollectionConfigs.length > 1) {\n    const activeCollectionConfig = getEntityConfig({ collectionSlug: selectedOption.value })\n\n    return (\n      <div className={`${drawerBaseClass}__select-collection-wrap`}>\n        <FieldLabel label={t('upload:selectCollectionToBrowse')} />\n        <ReactSelect\n          className={`${listHeaderClass}__select-collection`}\n          isClearable={false}\n          onChange={setSelectedOption}\n          options={enabledCollectionConfigs.map((coll) => ({\n            label: getTranslation(coll.labels.singular, i18n),\n            value: coll.slug,\n          }))}\n          value={{\n            label: getTranslation(activeCollectionConfig?.labels.singular, i18n),\n            value: activeCollectionConfig?.slug,\n          }}\n        />\n      </div>\n    )\n  }\n  return null\n}\n"],"names":["getTranslation","FieldLabel","useConfig","useTranslation","useListDrawerContext","ReactSelect","listHeaderClass","drawerBaseClass","DrawerRelationshipSelect","i18n","t","config","collections","getEntityConfig","enabledCollections","selectedOption","setSelectedOption","enabledCollectionConfigs","filter","slug","includes","length","activeCollectionConfig","collectionSlug","value","div","className","label","isClearable","onChange","options","map","coll","labels","singular"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AAEzD,SAASC,UAAU,QAAQ,sCAAqC;AAChE,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,oBAAoB,QAAQ,+BAA8B;AACnE,SAASC,WAAW,QAAQ,6BAA4B;AACxD,SAASC,eAAe,QAAQ,cAAa;AAE7C,MAAMC,kBAAkB;AAExB,OAAO,MAAMC,2BAA2B;IACtC,MAAM,EAAEC,IAAI,EAAEC,CAAC,EAAE,GAAGP;IACpB,MAAM,EACJQ,QAAQ,EAAEC,WAAW,EAAE,EACvBC,eAAe,EAChB,GAAGX;IACJ,MAAM,EAAEY,kBAAkB,EAAEC,cAAc,EAAEC,iBAAiB,EAAE,GAAGZ;IAClE,MAAMa,2BAA2BL,YAAYM,MAAM,CAAC,CAAC,EAAEC,IAAI,EAAE,GAC3DL,mBAAmBM,QAAQ,CAACD;IAE9B,IAAIF,yBAAyBI,MAAM,GAAG,GAAG;QACvC,MAAMC,yBAAyBT,gBAAgB;YAAEU,gBAAgBR,eAAeS,KAAK;QAAC;QAEtF,qBACE,QAACC;YAAIC,WAAW,GAAGnB,gBAAgB,wBAAwB,CAAC;;8BAC1D,QAACN;oBAAW0B,OAAOjB,EAAE;;;;;;8BACrB,QAACL;oBACCqB,WAAW,GAAGpB,gBAAgB,mBAAmB,CAAC;oBAClDsB,aAAa;oBACbC,UAAUb;oBACVc,SAASb,yBAAyBc,GAAG,CAAC,CAACC,OAAU,CAAA;4BAC/CL,OAAO3B,eAAegC,KAAKC,MAAM,CAACC,QAAQ,EAAEzB;4BAC5Ce,OAAOQ,KAAKb,IAAI;wBAClB,CAAA;oBACAK,OAAO;wBACLG,OAAO3B,eAAesB,wBAAwBW,OAAOC,UAAUzB;wBAC/De,OAAOF,wBAAwBH;oBACjC;;;;;;;;;;;;IAIR;IACA,OAAO;AACT,EAAC"}

package/dist/elements/ListHeader/DrawerTitleActions/ListDrawerCreateNewDocButton.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { useListDrawerContext } from '../../ListDrawer/Provider.js';
 import { Pill } from '../../Pill/index.js';
@@ -10,13 +10,21 @@ export function ListDrawerCreateNewDocButton({ hasCreatePermission }) {
     if (!hasCreatePermission) {
         return null;
     }
-    return /*#__PURE__*/ _jsx(DocumentDrawerToggler, {
+    return /*#__PURE__*/ _jsxDEV(DocumentDrawerToggler, {
         className: `${baseClass}__create-new-button`,
-        children: /*#__PURE__*/ _jsx(Pill, {
+        children: /*#__PURE__*/ _jsxDEV(Pill, {
             size: "small",
             children: t('general:createNew')
-        })
-    }, "create-new-button-toggler");
+        }, void 0, false, {
+            fileName: "src/elements/ListHeader/DrawerTitleActions/ListDrawerCreateNewDocButton.tsx",
+            lineNumber: 28,
+            columnNumber: 7
+        }, this)
+    }, "create-new-button-toggler", false, {
+        fileName: "src/elements/ListHeader/DrawerTitleActions/ListDrawerCreateNewDocButton.tsx",
+        lineNumber: 24,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=ListDrawerCreateNewDocButton.js.map

package/dist/elements/ListHeader/DrawerTitleActions/ListDrawerCreateNewDocButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ListHeader/DrawerTitleActions/ListDrawerCreateNewDocButton.tsx"],"sourcesContent":["'use client'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { useListDrawerContext } from '../../ListDrawer/Provider.js'\nimport { Pill } from '../../Pill/index.js'\n\nconst baseClass = 'list-header'\n\ntype DefaultDrawerTitleActionsProps = {\n  hasCreatePermission: boolean\n}\n\nexport function ListDrawerCreateNewDocButton({\n  hasCreatePermission,\n}: DefaultDrawerTitleActionsProps) {\n  const { DocumentDrawerToggler } = useListDrawerContext()\n  const { t } = useTranslation()\n\n  if (!hasCreatePermission) {\n    return null\n  }\n\n  return (\n    <DocumentDrawerToggler\n      className={`${baseClass}__create-new-button`}\n      key=\"create-new-button-toggler\"\n    >\n      <Pill size=\"small\">{t('general:createNew')}</Pill>\n    </DocumentDrawerToggler>\n  )\n}\n"],"names":["useTranslation","useListDrawerContext","Pill","baseClass","ListDrawerCreateNewDocButton","hasCreatePermission","DocumentDrawerToggler","t","className","size"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,0CAAyC;AACxE,SAASC,oBAAoB,QAAQ,+BAA8B;AACnE,SAASC,IAAI,QAAQ,sBAAqB;AAE1C,MAAMC,YAAY;AAMlB,OAAO,SAASC,6BAA6B,EAC3CC,mBAAmB,EACY;IAC/B,MAAM,EAAEC,qBAAqB,EAAE,GAAGL;IAClC,MAAM,EAAEM,CAAC,EAAE,GAAGP;IAEd,IAAI,CAACK,qBAAqB;QACxB,OAAO;IACT;IAEA,qBACE,KAACC;QACCE,WAAW,GAAGL,UAAU,mBAAmB,CAAC;kBAG5C,cAAA,KAACD;YAAKO,MAAK;sBAASF,EAAE;;OAFlB;AAKV"}
+{"version":3,"sources":["../../../../src/elements/ListHeader/DrawerTitleActions/ListDrawerCreateNewDocButton.tsx"],"sourcesContent":["'use client'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { useListDrawerContext } from '../../ListDrawer/Provider.js'\nimport { Pill } from '../../Pill/index.js'\n\nconst baseClass = 'list-header'\n\ntype DefaultDrawerTitleActionsProps = {\n  hasCreatePermission: boolean\n}\n\nexport function ListDrawerCreateNewDocButton({\n  hasCreatePermission,\n}: DefaultDrawerTitleActionsProps) {\n  const { DocumentDrawerToggler } = useListDrawerContext()\n  const { t } = useTranslation()\n\n  if (!hasCreatePermission) {\n    return null\n  }\n\n  return (\n    <DocumentDrawerToggler\n      className={`${baseClass}__create-new-button`}\n      key=\"create-new-button-toggler\"\n    >\n      <Pill size=\"small\">{t('general:createNew')}</Pill>\n    </DocumentDrawerToggler>\n  )\n}\n"],"names":["useTranslation","useListDrawerContext","Pill","baseClass","ListDrawerCreateNewDocButton","hasCreatePermission","DocumentDrawerToggler","t","className","size"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,0CAAyC;AACxE,SAASC,oBAAoB,QAAQ,+BAA8B;AACnE,SAASC,IAAI,QAAQ,sBAAqB;AAE1C,MAAMC,YAAY;AAMlB,OAAO,SAASC,6BAA6B,EAC3CC,mBAAmB,EACY;IAC/B,MAAM,EAAEC,qBAAqB,EAAE,GAAGL;IAClC,MAAM,EAAEM,CAAC,EAAE,GAAGP;IAEd,IAAI,CAACK,qBAAqB;QACxB,OAAO;IACT;IAEA,qBACE,QAACC;QACCE,WAAW,GAAGL,UAAU,mBAAmB,CAAC;kBAG5C,cAAA,QAACD;YAAKO,MAAK;sBAASF,EAAE;;;;;;OAFlB;;;;;AAKV"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { useRouter } from 'next/navigation.js';
 import React from 'react';
@@ -42,13 +42,17 @@ export function ListBulkUploadButton({ collectionSlug, hasCreatePermission, isBu
     if (!hasCreatePermission || !isBulkUploadEnabled) {
         return null;
     }
-    return /*#__PURE__*/ _jsx(Button, {
+    return /*#__PURE__*/ _jsxDEV(Button, {
         "aria-label": t('upload:bulkUpload'),
         buttonStyle: "pill",
         onClick: openBulkUpload,
         size: "small",
         children: t('upload:bulkUpload')
-    }, "bulk-upload-button");
+    }, "bulk-upload-button", false, {
+        fileName: "src/elements/ListHeader/TitleActions/ListBulkUploadButton.tsx",
+        lineNumber: 65,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=ListBulkUploadButton.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ListHeader/TitleActions/ListBulkUploadButton.tsx"],"sourcesContent":["'use client'\nimport type { CollectionSlug } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { useRouter } from 'next/navigation.js'\nimport React from 'react'\n\nimport { useBulkUpload } from '../../../elements/BulkUpload/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\n\nexport function ListBulkUploadButton({\n  collectionSlug,\n  hasCreatePermission,\n  isBulkUploadEnabled,\n  onBulkUploadSuccess,\n  openBulkUpload: openBulkUploadFromProps,\n}: {\n  collectionSlug: CollectionSlug\n  hasCreatePermission: boolean\n  isBulkUploadEnabled: boolean\n  onBulkUploadSuccess?: () => void\n  /**\n   * @deprecated This prop will be removed in the next major version.\n   *\n   * Prefer using `onBulkUploadSuccess`\n   */\n  openBulkUpload?: () => void\n}) {\n  const { drawerSlug: bulkUploadDrawerSlug, setCollectionSlug, setOnSuccess } = useBulkUpload()\n  const { t } = useTranslation()\n  const { openModal } = useModal()\n  const router = useRouter()\n\n  const openBulkUpload = React.useCallback(() => {\n    if (typeof openBulkUploadFromProps === 'function') {\n      openBulkUploadFromProps()\n    } else {\n      setCollectionSlug(collectionSlug)\n      openModal(bulkUploadDrawerSlug)\n      setOnSuccess(() => {\n        if (typeof onBulkUploadSuccess === 'function') {\n          onBulkUploadSuccess()\n        } else {\n          router.refresh()\n        }\n      })\n    }\n  }, [\n    router,\n    collectionSlug,\n    bulkUploadDrawerSlug,\n    openModal,\n    setCollectionSlug,\n    setOnSuccess,\n    onBulkUploadSuccess,\n    openBulkUploadFromProps,\n  ])\n\n  if (!hasCreatePermission || !isBulkUploadEnabled) {\n    return null\n  }\n\n  return (\n    <Button\n      aria-label={t('upload:bulkUpload')}\n      buttonStyle=\"pill\"\n      key=\"bulk-upload-button\"\n      onClick={openBulkUpload}\n      size=\"small\"\n    >\n      {t('upload:bulkUpload')}\n    </Button>\n  )\n}\n"],"names":["useModal","useRouter","React","useBulkUpload","useTranslation","Button","ListBulkUploadButton","collectionSlug","hasCreatePermission","isBulkUploadEnabled","onBulkUploadSuccess","openBulkUpload","openBulkUploadFromProps","drawerSlug","bulkUploadDrawerSlug","setCollectionSlug","setOnSuccess","t","openModal","router","useCallback","refresh","aria-label","buttonStyle","onClick","size"],"mappings":"AAAA;;AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,OAAOC,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,wCAAuC;AACrE,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,MAAM,QAAQ,wBAAuB;AAE9C,OAAO,SAASC,qBAAqB,EACnCC,cAAc,EACdC,mBAAmB,EACnBC,mBAAmB,EACnBC,mBAAmB,EACnBC,gBAAgBC,uBAAuB,EAYxC,EANC;;;;GAIC;IAGD,MAAM,EAAEC,YAAYC,oBAAoB,EAAEC,iBAAiB,EAAEC,YAAY,EAAE,GAAGb;IAC9E,MAAM,EAAEc,CAAC,EAAE,GAAGb;IACd,MAAM,EAAEc,SAAS,EAAE,GAAGlB;IACtB,MAAMmB,SAASlB;IAEf,MAAMU,iBAAiBT,MAAMkB,WAAW,CAAC;QACvC,IAAI,OAAOR,4BAA4B,YAAY;YACjDA;QACF,OAAO;YACLG,kBAAkBR;YAClBW,UAAUJ;YACVE,aAAa;gBACX,IAAI,OAAON,wBAAwB,YAAY;oBAC7CA;gBACF,OAAO;oBACLS,OAAOE,OAAO;gBAChB;YACF;QACF;IACF,GAAG;QACDF;QACAZ;QACAO;QACAI;QACAH;QACAC;QACAN;QACAE;KACD;IAED,IAAI,CAACJ,uBAAuB,CAACC,qBAAqB;QAChD,OAAO;IACT;IAEA,qBACE,KAACJ;QACCiB,cAAYL,EAAE;QACdM,aAAY;QAEZC,SAASb;QACTc,MAAK;kBAEJR,EAAE;OAJC;AAOV"}
+{"version":3,"sources":["../../../../src/elements/ListHeader/TitleActions/ListBulkUploadButton.tsx"],"sourcesContent":["'use client'\nimport type { CollectionSlug } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { useRouter } from 'next/navigation.js'\nimport React from 'react'\n\nimport { useBulkUpload } from '../../../elements/BulkUpload/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\n\nexport function ListBulkUploadButton({\n  collectionSlug,\n  hasCreatePermission,\n  isBulkUploadEnabled,\n  onBulkUploadSuccess,\n  openBulkUpload: openBulkUploadFromProps,\n}: {\n  collectionSlug: CollectionSlug\n  hasCreatePermission: boolean\n  isBulkUploadEnabled: boolean\n  onBulkUploadSuccess?: () => void\n  /**\n   * @deprecated This prop will be removed in the next major version.\n   *\n   * Prefer using `onBulkUploadSuccess`\n   */\n  openBulkUpload?: () => void\n}) {\n  const { drawerSlug: bulkUploadDrawerSlug, setCollectionSlug, setOnSuccess } = useBulkUpload()\n  const { t } = useTranslation()\n  const { openModal } = useModal()\n  const router = useRouter()\n\n  const openBulkUpload = React.useCallback(() => {\n    if (typeof openBulkUploadFromProps === 'function') {\n      openBulkUploadFromProps()\n    } else {\n      setCollectionSlug(collectionSlug)\n      openModal(bulkUploadDrawerSlug)\n      setOnSuccess(() => {\n        if (typeof onBulkUploadSuccess === 'function') {\n          onBulkUploadSuccess()\n        } else {\n          router.refresh()\n        }\n      })\n    }\n  }, [\n    router,\n    collectionSlug,\n    bulkUploadDrawerSlug,\n    openModal,\n    setCollectionSlug,\n    setOnSuccess,\n    onBulkUploadSuccess,\n    openBulkUploadFromProps,\n  ])\n\n  if (!hasCreatePermission || !isBulkUploadEnabled) {\n    return null\n  }\n\n  return (\n    <Button\n      aria-label={t('upload:bulkUpload')}\n      buttonStyle=\"pill\"\n      key=\"bulk-upload-button\"\n      onClick={openBulkUpload}\n      size=\"small\"\n    >\n      {t('upload:bulkUpload')}\n    </Button>\n  )\n}\n"],"names":["useModal","useRouter","React","useBulkUpload","useTranslation","Button","ListBulkUploadButton","collectionSlug","hasCreatePermission","isBulkUploadEnabled","onBulkUploadSuccess","openBulkUpload","openBulkUploadFromProps","drawerSlug","bulkUploadDrawerSlug","setCollectionSlug","setOnSuccess","t","openModal","router","useCallback","refresh","aria-label","buttonStyle","onClick","size"],"mappings":"AAAA;;AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,OAAOC,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,wCAAuC;AACrE,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,MAAM,QAAQ,wBAAuB;AAE9C,OAAO,SAASC,qBAAqB,EACnCC,cAAc,EACdC,mBAAmB,EACnBC,mBAAmB,EACnBC,mBAAmB,EACnBC,gBAAgBC,uBAAuB,EAYxC,EANC;;;;GAIC;IAGD,MAAM,EAAEC,YAAYC,oBAAoB,EAAEC,iBAAiB,EAAEC,YAAY,EAAE,GAAGb;IAC9E,MAAM,EAAEc,CAAC,EAAE,GAAGb;IACd,MAAM,EAAEc,SAAS,EAAE,GAAGlB;IACtB,MAAMmB,SAASlB;IAEf,MAAMU,iBAAiBT,MAAMkB,WAAW,CAAC;QACvC,IAAI,OAAOR,4BAA4B,YAAY;YACjDA;QACF,OAAO;YACLG,kBAAkBR;YAClBW,UAAUJ;YACVE,aAAa;gBACX,IAAI,OAAON,wBAAwB,YAAY;oBAC7CA;gBACF,OAAO;oBACLS,OAAOE,OAAO;gBAChB;YACF;QACF;IACF,GAAG;QACDF;QACAZ;QACAO;QACAI;QACAH;QACAC;QACAN;QACAE;KACD;IAED,IAAI,CAACJ,uBAAuB,CAACC,qBAAqB;QAChD,OAAO;IACT;IAEA,qBACE,QAACJ;QACCiB,cAAYL,EAAE;QACdM,aAAY;QAEZC,SAASb;QACTc,MAAK;kBAEJR,EAAE;OAJC;;;;;AAOV"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { useTranslation } from '../../../providers/Translation/index.js';
@@ -10,7 +10,7 @@ export function ListCreateNewButton({ collectionConfig, hasCreatePermission, new
     if (!hasCreatePermission) {
         return null;
     }
-    return /*#__PURE__*/ _jsx(Button, {
+    return /*#__PURE__*/ _jsxDEV(Button, {
         "aria-label": t('general:createNewLabel', {
             label: getTranslation(collectionConfig?.labels?.singular, i18n)
         }),
@@ -20,7 +20,11 @@ export function ListCreateNewButton({ collectionConfig, hasCreatePermission, new
         size: "small",
         to: newDocumentURL,
         children: t('general:createNew')
-    }, "create-new-button");
+    }, "create-new-button", false, {
+        fileName: "src/elements/ListHeader/TitleActions/ListCreateNewDocButton.tsx",
+        lineNumber: 28,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=ListCreateNewDocButton.js.map

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","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,KAACJ;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"}
+{"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,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
@@ -30,10 +30,10 @@ export function ListCreateNewDocInFolderButton({ buttonLabel, collectionSlugs, f
     if (enabledCollections.length === 0) {
         return null;
     }
-    return /*#__PURE__*/ _jsxs(React.Fragment, {
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
         children: [
             enabledCollections.length === 1 ? // If there is only 1 option, do not render a popup
-            /*#__PURE__*/ _jsx(Button, {
+            /*#__PURE__*/ _jsxDEV(Button, {
                 buttonStyle: "pill",
                 className: `${baseClass}__button`,
                 el: "div",
@@ -47,20 +47,28 @@ export function ListCreateNewDocInFolderButton({ buttonLabel, collectionSlugs, f
                 },
                 size: "small",
                 children: buttonLabel
-            }) : /*#__PURE__*/ _jsx(Popup, {
-                button: /*#__PURE__*/ _jsx(Button, {
+            }, 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__*/ _jsx(PopupList.ButtonGroup, {
+                children: /*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
                     children: enabledCollections.map((collection, index)=>{
-                        return /*#__PURE__*/ _jsx(PopupList.Button, {
+                        return /*#__PURE__*/ _jsxDEV(PopupList.Button, {
                             onClick: ()=>{
                                 if (collection.slug === folderCollectionConfig.slug) {
                                     openFolderDrawer();
@@ -70,11 +78,23 @@ export function ListCreateNewDocInFolderButton({ buttonLabel, collectionSlugs, f
                                 }
                             },
                             children: getTranslation(collection.labels.singular, i18n)
-                        }, index);
+                        }, index, false, {
+                            fileName: "src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx",
+                            lineNumber: 97,
+                            columnNumber: 17
+                        }, this);
                     })
-                })
-            }),
-            createCollectionSlug && /*#__PURE__*/ _jsx(DocumentDrawer, {
+                }, 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: {
@@ -88,8 +108,12 @@ export function ListCreateNewDocInFolderButton({ buttonLabel, collectionSlugs, f
                     closeModal(newDocInFolderDrawerSlug);
                 },
                 redirectAfterCreate: false
-            }),
-            collectionSlugs.includes(folderCollectionConfig.slug) && /*#__PURE__*/ _jsx(FolderDocumentDrawer, {
+            }, 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 || [
@@ -104,9 +128,17 @@ export function ListCreateNewDocInFolderButton({ buttonLabel, collectionSlugs, f
                     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","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":"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"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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';
@@ -117,9 +117,9 @@ export function ListEmptyTrashButton({ collectionConfig, hasDeletePermission })
         router,
         clearRouteCache
     ]);
-    return /*#__PURE__*/ _jsxs(React.Fragment, {
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
         children: [
-            /*#__PURE__*/ _jsx(Button, {
+            /*#__PURE__*/ _jsxDEV(Button, {
                 "aria-label": t('general:emptyTrashLabel', {
                     label: getTranslation(collectionConfig?.labels?.plural, i18n)
                 }),
@@ -131,16 +131,28 @@ export function ListEmptyTrashButton({ collectionConfig, hasDeletePermission })
                 },
                 size: "small",
                 children: t('general:emptyTrash')
-            }, "empty-trash-button"),
-            /*#__PURE__*/ _jsx(ConfirmationModal, {
-                body: /*#__PURE__*/ _jsx(Translation, {
+            }, "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__*/ _jsx("strong", {
+                        '0': ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
                                 children: children
-                            }),
-                        '1': ({ children })=>/*#__PURE__*/ _jsx("strong", {
+                            }, 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,
@@ -148,14 +160,26 @@ export function ListEmptyTrashButton({ collectionConfig, hasDeletePermission })
                         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","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":"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"}

package/dist/elements/ListHeader/index.js

@@ -1,42 +1,70 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 /*#__PURE__*/ _jsxs("header", {
+    return /*#__PURE__*/ _jsxDEV("header", {
         className: [
             listHeaderClass,
             props.className
         ].filter(Boolean).join(' '),
         children: [
-            /*#__PURE__*/ _jsxs("div", {
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${listHeaderClass}__content`,
                 children: [
-                    /*#__PURE__*/ _jsxs("div", {
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${listHeaderClass}__title-and-actions`,
                         children: [
-                            /*#__PURE__*/ _jsx("h1", {
+                            /*#__PURE__*/ _jsxDEV("h1", {
                                 className: `${listHeaderClass}__title`,
                                 children: props.title
-                            }),
-                            props.TitleActions.length ? /*#__PURE__*/ _jsx("div", {
+                            }, 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
-                            }) : null
+                            }, void 0, false, {
+                                fileName: "src/elements/ListHeader/index.tsx",
+                                lineNumber: 21,
+                                columnNumber: 13
+                            }, this) : null
                         ]
-                    }),
-                    props.Actions.length ? /*#__PURE__*/ _jsx("div", {
+                    }, 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
-                    }) : null
+                    }, void 0, false, {
+                        fileName: "src/elements/ListHeader/index.tsx",
+                        lineNumber: 25,
+                        columnNumber: 11
+                    }, this) : null
                 ]
-            }),
-            props.AfterListHeaderContent ? /*#__PURE__*/ _jsx("div", {
+            }, 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
-            }) : null
+            }, 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":["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"}
+{"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"}