@payloadcms/ui 3.39.0-internal.32c7661 → 3.39.0

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

@@ -0,0 +1,39 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { useListDrawerContext } from '../../ListDrawer/Provider.js';
+import { Pill } from '../../Pill/index.js';
+const baseClass = 'list-header';
+export function ListDrawerCreateNewDocButton(t0) {
+  const $ = _c(3);
+  const {
+    hasCreatePermission
+  } = t0;
+  const {
+    DocumentDrawerToggler
+  } = useListDrawerContext();
+  const {
+    t
+  } = useTranslation();
+  if (!hasCreatePermission) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== DocumentDrawerToggler || $[1] !== t) {
+    t1 = _jsx(DocumentDrawerToggler, {
+      className: `${baseClass}__create-new-button`,
+      children: _jsx(Pill, {
+        children: t("general:createNew")
+      })
+    }, "create-new-button-toggler");
+    $[0] = DocumentDrawerToggler;
+    $[1] = t;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+//# sourceMappingURL=ListDrawerCreateNewDocButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListDrawerCreateNewDocButton.js","names":["c","_c","useTranslation","useListDrawerContext","Pill","baseClass","ListDrawerCreateNewDocButton","t0","$","hasCreatePermission","DocumentDrawerToggler","t","t1","_jsx","className","children"],"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>{t('general:createNew')}</Pill>\n    </DocumentDrawerToggler>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,cAAc,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,IAAI,QAAQ;AAErB,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAAAC,6BAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAsC;IAAAQ;EAAA,IAAAF,EAEZ;EAC/B;IAAAG;EAAA,IAAkCP,oBAAA;EAClC;IAAAQ;EAAA,IAAcT,cAAA;EAAA,KAETO,mBAAA;IAAA;EAAA;EAAA,IAAAG,EAAA;EAAA,IAAAJ,CAAA,QAAAE,qBAAA,IAAAF,CAAA,QAAAG,CAAA;IAKHC,EAAA,GAAAC,IAAA,CAACH,qBAAA;MAAAI,SAAA,EACY,GAAAT,SAAA,qBAAiC;MAAAU,QAAA,EAG5CF,IAAA,CAAAT,IAAA;QAAAW,QAAA,EAAOJ,CAAA,CAAE;MAAA,C;OAFL;IAAAH,CAAA,MAAAE,qBAAA;IAAAF,CAAA,MAAAG,CAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,OAFNI,EAEM;AAAA","ignoreList":[]}

package/dist/elements/ListHeader/DrawerTitleActions/index.d.ts

@@ -0,0 +1,2 @@
+export { ListDrawerCreateNewDocButton } from './ListDrawerCreateNewDocButton.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/ListHeader/DrawerTitleActions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ListHeader/DrawerTitleActions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAA"}

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

@@ -0,0 +1,2 @@
+export { ListDrawerCreateNewDocButton } from './ListDrawerCreateNewDocButton.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ListDrawerCreateNewDocButton"],"sources":["../../../../src/elements/ListHeader/DrawerTitleActions/index.tsx"],"sourcesContent":["export { ListDrawerCreateNewDocButton } from './ListDrawerCreateNewDocButton.js'\n"],"mappings":"AAAA,SAASA,4BAA4B,QAAQ","ignoreList":[]}

package/dist/elements/ListHeader/TitleActions/ListBulkUploadButton.d.ts

@@ -0,0 +1,15 @@
+import type { CollectionSlug } from 'payload';
+import React from 'react';
+export declare function ListBulkUploadButton({ collectionSlug, hasCreatePermission, isBulkUploadEnabled, onBulkUploadSuccess, openBulkUpload: openBulkUploadFromProps, }: {
+    collectionSlug: CollectionSlug;
+    hasCreatePermission: boolean;
+    isBulkUploadEnabled: boolean;
+    onBulkUploadSuccess?: () => void;
+    /**
+     * @deprecated This prop will be removed in the next major version.
+     *
+     * Prefer using `onBulkUploadSuccess`
+     */
+    openBulkUpload?: () => void;
+}): React.JSX.Element;
+//# sourceMappingURL=ListBulkUploadButton.d.ts.map

package/dist/elements/ListHeader/TitleActions/ListBulkUploadButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBulkUploadButton.d.ts","sourceRoot":"","sources":["../../../../src/elements/ListHeader/TitleActions/ListBulkUploadButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAI7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,wBAAgB,oBAAoB,CAAC,EACnC,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EAAE,uBAAuB,GACxC,EAAE;IACD,cAAc,EAAE,cAAc,CAAA;IAC9B,mBAAmB,EAAE,OAAO,CAAA;IAC5B,mBAAmB,EAAE,OAAO,CAAA;IAC5B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;CAC5B,qBAqDA"}

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

@@ -0,0 +1,85 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
+import { useRouter } from 'next/navigation.js';
+import React from 'react';
+import { useBulkUpload } from '../../../elements/BulkUpload/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
+export function ListBulkUploadButton(t0) {
+  const $ = _c(13);
+  const {
+    collectionSlug,
+    hasCreatePermission,
+    isBulkUploadEnabled,
+    onBulkUploadSuccess,
+    openBulkUpload: openBulkUploadFromProps
+  } = t0;
+  const {
+    drawerSlug: bulkUploadDrawerSlug,
+    setCollectionSlug,
+    setCurrentActivePath,
+    setOnSuccess
+  } = useBulkUpload();
+  const {
+    t
+  } = useTranslation();
+  const {
+    openModal
+  } = useModal();
+  const router = useRouter();
+  let t1;
+  if ($[0] !== bulkUploadDrawerSlug || $[1] !== collectionSlug || $[2] !== onBulkUploadSuccess || $[3] !== openBulkUploadFromProps || $[4] !== openModal || $[5] !== router || $[6] !== setCollectionSlug || $[7] !== setCurrentActivePath || $[8] !== setOnSuccess) {
+    t1 = () => {
+      if (typeof openBulkUploadFromProps === "function") {
+        openBulkUploadFromProps();
+      } else {
+        setCollectionSlug(collectionSlug);
+        setCurrentActivePath(collectionSlug);
+        openModal(bulkUploadDrawerSlug);
+        setOnSuccess(collectionSlug, () => {
+          if (typeof onBulkUploadSuccess === "function") {
+            onBulkUploadSuccess();
+          } else {
+            router.refresh();
+          }
+        });
+      }
+    };
+    $[0] = bulkUploadDrawerSlug;
+    $[1] = collectionSlug;
+    $[2] = onBulkUploadSuccess;
+    $[3] = openBulkUploadFromProps;
+    $[4] = openModal;
+    $[5] = router;
+    $[6] = setCollectionSlug;
+    $[7] = setCurrentActivePath;
+    $[8] = setOnSuccess;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+  const openBulkUpload = t1;
+  if (!hasCreatePermission || !isBulkUploadEnabled) {
+    return null;
+  }
+  let t2;
+  if ($[10] !== openBulkUpload || $[11] !== t) {
+    t2 = _jsx(Button, {
+      "aria-label": t("upload:bulkUpload"),
+      buttonStyle: "pill",
+      onClick: openBulkUpload,
+      size: "small",
+      children: t("upload:bulkUpload")
+    }, "bulk-upload-button");
+    $[10] = openBulkUpload;
+    $[11] = t;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  return t2;
+}
+//# sourceMappingURL=ListBulkUploadButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListBulkUploadButton.js","names":["c","_c","useModal","useRouter","React","useBulkUpload","useTranslation","Button","ListBulkUploadButton","t0","$","collectionSlug","hasCreatePermission","isBulkUploadEnabled","onBulkUploadSuccess","openBulkUpload","openBulkUploadFromProps","drawerSlug","bulkUploadDrawerSlug","setCollectionSlug","setCurrentActivePath","setOnSuccess","t","openModal","router","t1","refresh","t2","_jsx","buttonStyle","onClick","size","children"],"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 {\n    drawerSlug: bulkUploadDrawerSlug,\n    setCollectionSlug,\n    setCurrentActivePath,\n    setOnSuccess,\n  } = 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      setCurrentActivePath(collectionSlug)\n      openModal(bulkUploadDrawerSlug)\n      setOnSuccess(collectionSlug, () => {\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    setCurrentActivePath,\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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AAEvB,OAAO,SAAAC,qBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAA8B;IAAAU,cAAA;IAAAC,mBAAA;IAAAC,mBAAA;IAAAC,mBAAA;IAAAC,cAAA,EAAAC;EAAA,IAAAP,EAiBpC;EACC;IAAAQ,UAAA,EAAAC,oBAAA;IAAAC,iBAAA;IAAAC,oBAAA;IAAAC;EAAA,IAKIhB,aAAA;EACJ;IAAAiB;EAAA,IAAchB,cAAA;EACd;IAAAiB;EAAA,IAAsBrB,QAAA;EACtB,MAAAsB,MAAA,GAAerB,SAAA;EAAA,IAAAsB,EAAA;EAAA,IAAAf,CAAA,QAAAQ,oBAAA,IAAAR,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAI,mBAAA,IAAAJ,CAAA,QAAAM,uBAAA,IAAAN,CAAA,QAAAa,SAAA,IAAAb,CAAA,QAAAc,MAAA,IAAAd,CAAA,QAAAS,iBAAA,IAAAT,CAAA,QAAAU,oBAAA,IAAAV,CAAA,QAAAW,YAAA;IAE0BI,EAAA,GAAAA,CAAA;MAAA,IACnC,OAAOT,uBAAA,KAA4B;QACrCA,uBAAA;MAAA;QAEAG,iBAAA,CAAkBR,cAAA;QAClBS,oBAAA,CAAqBT,cAAA;QACrBY,SAAA,CAAUL,oBAAA;QACVG,YAAA,CAAaV,cAAA;UAAA,IACP,OAAOG,mBAAA,KAAwB;YACjCA,mBAAA;UAAA;YAEAU,MAAA,CAAAE,OAAA,CAAc;UAAA;QAAA,CAElB;MAAA;IAAA;IAEJhB,CAAA,MAAAQ,oBAAA;IAAAR,CAAA,MAAAC,cAAA;IAAAD,CAAA,MAAAI,mBAAA;IAAAJ,CAAA,MAAAM,uBAAA;IAAAN,CAAA,MAAAa,SAAA;IAAAb,CAAA,MAAAc,MAAA;IAAAd,CAAA,MAAAS,iBAAA;IAAAT,CAAA,MAAAU,oBAAA;IAAAV,CAAA,MAAAW,YAAA;IAAAX,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAfA,MAAAK,cAAA,GAAuBU,EAyBtB;EAAA,IAEG,CAACb,mBAAA,KAAwBC,mBAAA;IAAA;EAAA;EAAA,IAAAc,EAAA;EAAA,IAAAjB,CAAA,SAAAK,cAAA,IAAAL,CAAA,SAAAY,CAAA;IAK3BK,EAAA,GAAAC,IAAA,CAAArB,MAAA;MAAA,cACce,CAAA,CAAE;MAAAO,WAAA,EACF;MAAAC,OAAA,EAEHf,cAAA;MAAAgB,IAAA,EACJ;MAAAC,QAAA,EAEJV,CAAA,CAAE;IAAA,GAJC;IAAAZ,CAAA,OAAAK,cAAA;IAAAL,CAAA,OAAAY,CAAA;IAAAZ,CAAA,OAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAAA,OAHNiB,EAGM;AAAA","ignoreList":[]}

package/dist/elements/ListHeader/TitleActions/ListCreateNewDocButton.d.ts

@@ -0,0 +1,8 @@
+import type { ClientCollectionConfig } from 'payload';
+import React from 'react';
+export declare function ListCreateNewButton({ collectionConfig, hasCreatePermission, newDocumentURL, }: {
+    collectionConfig: ClientCollectionConfig;
+    hasCreatePermission: boolean;
+    newDocumentURL: string;
+}): React.JSX.Element;
+//# sourceMappingURL=ListCreateNewDocButton.d.ts.map

package/dist/elements/ListHeader/TitleActions/ListCreateNewDocButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCreateNewDocButton.d.ts","sourceRoot":"","sources":["../../../../src/elements/ListHeader/TitleActions/ListCreateNewDocButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAGrD,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,wBAAgB,mBAAmB,CAAC,EAClC,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,GACf,EAAE;IACD,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,mBAAmB,EAAE,OAAO,CAAA;IAC5B,cAAc,EAAE,MAAM,CAAA;CACvB,qBAsBA"}

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

@@ -0,0 +1,48 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
+const baseClass = 'list-create-new-doc';
+export function ListCreateNewButton(t0) {
+  const $ = _c(5);
+  const {
+    collectionConfig,
+    hasCreatePermission,
+    newDocumentURL
+  } = t0;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  if (!hasCreatePermission) {
+    return null;
+  }
+  const t1 = collectionConfig?.labels?.singular;
+  let t2;
+  if ($[0] !== i18n || $[1] !== newDocumentURL || $[2] !== t || $[3] !== t1) {
+    t2 = _jsx(Button, {
+      "aria-label": t("general:createNewLabel", {
+        label: getTranslation(t1, i18n)
+      }),
+      buttonStyle: "pill",
+      className: `${baseClass}__create-new-button`,
+      el: "link",
+      size: "small",
+      to: newDocumentURL,
+      children: t("general:createNew")
+    }, "create-new-button");
+    $[0] = i18n;
+    $[1] = newDocumentURL;
+    $[2] = t;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+}
+//# sourceMappingURL=ListCreateNewDocButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListCreateNewDocButton.js","names":["c","_c","getTranslation","React","useTranslation","Button","baseClass","ListCreateNewButton","t0","$","collectionConfig","hasCreatePermission","newDocumentURL","i18n","t","t1","labels","singular","t2","_jsx","label","buttonStyle","className","el","size","to","children"],"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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AAEvB,MAAMC,SAAA,GAAY;AAElB,OAAO,SAAAC,oBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAA6B;IAAAS,gBAAA;IAAAC,mBAAA;IAAAC;EAAA,IAAAJ,EAQnC;EACC;IAAAK,IAAA;IAAAC;EAAA,IAAoBV,cAAA;EAAA,KAEfO,mBAAA;IAAA;EAAA;EAOuB,MAAAI,EAAA,GAAAL,gBAAA,EAAAM,MAAA,EAAAC,QAAA;EAA0B,IAAAC,EAAA;EAAA,IAAAT,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAM,EAAA;IAFpDG,EAAA,GAAAC,IAAA,CAAAd,MAAA;MAAA,cACcS,CAAA,CAAE;QAAAM,KAAA,EACLlB,cAAA,CAAea,EAA0B,EAAUF,IAAA;MAAA,CAC5D;MAAAQ,WAAA,EACY;MAAAC,SAAA,EACD,GAAAhB,SAAA,qBAAiC;MAAAiB,EAAA,EACxC;MAAAC,IAAA,EAEC;MAAAC,EAAA,EACDb,cAAA;MAAAc,QAAA,EAEHZ,CAAA,CAAE;IAAA,GAJC;IAAAL,CAAA,MAAAI,IAAA;IAAAJ,CAAA,MAAAG,cAAA;IAAAH,CAAA,MAAAK,CAAA;IAAAL,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAA,OAPNS,EAOM;AAAA","ignoreList":[]}

package/dist/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.d.ts

@@ -0,0 +1,12 @@
+import type { CollectionSlug } from 'payload';
+import React from 'react';
+export declare function ListCreateNewDocInFolderButton({ buttonLabel, collectionSlugs, onCreateSuccess, slugPrefix, }: {
+    buttonLabel: string;
+    collectionSlugs: CollectionSlug[];
+    onCreateSuccess: (args: {
+        collectionSlug: CollectionSlug;
+        doc: Record<string, unknown>;
+    }) => Promise<void> | void;
+    slugPrefix: string;
+}): React.JSX.Element;
+//# sourceMappingURL=ListCreateNewDocInFolderButton.d.ts.map

package/dist/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCreateNewDocInFolderButton.d.ts","sourceRoot":"","sources":["../../../../src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAA0B,cAAc,EAAE,MAAM,SAAS,CAAA;AAIrE,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,wBAAgB,8BAA8B,CAAC,EAC7C,WAAW,EACX,eAAe,EACf,eAAe,EACf,UAAU,GACX,EAAE;IACD,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,cAAc,EAAE,CAAA;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE;QACtB,cAAc,EAAE,cAAc,CAAA;QAC9B,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAC7B,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC1B,UAAU,EAAE,MAAM,CAAA;CACnB,qBAkHA"}

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

@@ -0,0 +1,168 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
+import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useFolder } from '../../../providers/Folders/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
+import { DocumentDrawer } from '../../DocumentDrawer/index.js';
+import { NewFolderDrawer } from '../../FolderView/Drawers/NewFolder/index.js';
+import { Popup, PopupList } from '../../Popup/index.js';
+const baseClass = 'create-new-doc-in-folder';
+export function ListCreateNewDocInFolderButton(t0) {
+  const $ = _c(24);
+  const {
+    buttonLabel,
+    collectionSlugs,
+    onCreateSuccess,
+    slugPrefix
+  } = t0;
+  const newFolderDrawerSlug = `${slugPrefix}-new-folder-drawer`;
+  const newDocInFolderDrawerSlug = `${slugPrefix}-new-doc-in-folder-drawer`;
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  const {
+    config
+  } = useConfig();
+  const {
+    folderCollectionConfig,
+    folderID
+  } = useFolder();
+  const [createCollectionSlug, setCreateCollectionSlug] = React.useState();
+  let t1;
+  if ($[0] !== collectionSlugs || $[1] !== config) {
+    t1 = () => collectionSlugs.reduce((acc, collectionSlug) => {
+      const collectionConfig = config.collections.find(t2 => {
+        const {
+          slug
+        } = t2;
+        return slug === collectionSlug;
+      });
+      if (collectionConfig) {
+        acc.push(collectionConfig);
+      }
+      return acc;
+    }, []);
+    $[0] = collectionSlugs;
+    $[1] = config;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const [enabledCollections] = React.useState(t1);
+  if (enabledCollections.length === 0) {
+    return null;
+  }
+  let t2;
+  if ($[3] !== buttonLabel || $[4] !== closeModal || $[5] !== collectionSlugs || $[6] !== config || $[7] !== createCollectionSlug || $[8] !== enabledCollections || $[9] !== folderCollectionConfig.slug || $[10] !== folderID || $[11] !== i18n || $[12] !== newDocInFolderDrawerSlug || $[13] !== newFolderDrawerSlug || $[14] !== onCreateSuccess || $[15] !== openModal) {
+    let t3;
+    if ($[17] !== closeModal || $[18] !== config || $[19] !== createCollectionSlug || $[20] !== folderID || $[21] !== newDocInFolderDrawerSlug || $[22] !== onCreateSuccess) {
+      t3 = createCollectionSlug && _jsx(DocumentDrawer, {
+        collectionSlug: createCollectionSlug,
+        drawerSlug: newDocInFolderDrawerSlug,
+        initialData: {
+          [config.folders.fieldName]: folderID
+        },
+        onSave: t4 => {
+          const {
+            doc
+          } = t4;
+          closeModal(newDocInFolderDrawerSlug);
+          onCreateSuccess({
+            collectionSlug: createCollectionSlug,
+            doc
+          });
+        },
+        redirectAfterCreate: false
+      });
+      $[17] = closeModal;
+      $[18] = config;
+      $[19] = createCollectionSlug;
+      $[20] = folderID;
+      $[21] = newDocInFolderDrawerSlug;
+      $[22] = onCreateSuccess;
+      $[23] = t3;
+    } else {
+      t3 = $[23];
+    }
+    t2 = _jsxs(React.Fragment, {
+      children: [enabledCollections.length === 1 ? _jsx(Button, {
+        buttonStyle: "pill",
+        className: `${baseClass}__button`,
+        el: "div",
+        onClick: () => {
+          if (enabledCollections[0].slug === folderCollectionConfig.slug) {
+            openModal(newFolderDrawerSlug);
+          } else {
+            setCreateCollectionSlug(enabledCollections[0].slug);
+            openModal(newDocInFolderDrawerSlug);
+          }
+        },
+        size: "small",
+        children: buttonLabel
+      }) : _jsx(Popup, {
+        button: _jsx(Button, {
+          buttonStyle: "pill",
+          className: `${baseClass}__popup-button`,
+          el: "div",
+          icon: "chevron",
+          size: "small",
+          children: buttonLabel
+        }),
+        buttonType: "default",
+        className: `${baseClass}__action-popup`,
+        children: _jsx(PopupList.ButtonGroup, {
+          children: enabledCollections.map((collection, index) => _jsx(PopupList.Button, {
+            onClick: () => {
+              if (collection.slug === folderCollectionConfig.slug) {
+                openModal(newFolderDrawerSlug);
+              } else {
+                setCreateCollectionSlug(collection.slug);
+                openModal(newDocInFolderDrawerSlug);
+              }
+            },
+            children: getTranslation(collection.labels.singular, i18n)
+          }, index))
+        })
+      }), t3, collectionSlugs.includes(folderCollectionConfig.slug) && _jsx(NewFolderDrawer, {
+        drawerSlug: newFolderDrawerSlug,
+        onNewFolderSuccess: doc_0 => {
+          closeModal(newFolderDrawerSlug);
+          if (typeof onCreateSuccess === "function") {
+            onCreateSuccess({
+              collectionSlug: folderCollectionConfig.slug,
+              doc: doc_0
+            });
+          }
+        }
+      })]
+    });
+    $[3] = buttonLabel;
+    $[4] = closeModal;
+    $[5] = collectionSlugs;
+    $[6] = config;
+    $[7] = createCollectionSlug;
+    $[8] = enabledCollections;
+    $[9] = folderCollectionConfig.slug;
+    $[10] = folderID;
+    $[11] = i18n;
+    $[12] = newDocInFolderDrawerSlug;
+    $[13] = newFolderDrawerSlug;
+    $[14] = onCreateSuccess;
+    $[15] = openModal;
+    $[16] = t2;
+  } else {
+    t2 = $[16];
+  }
+  return t2;
+}
+//# sourceMappingURL=ListCreateNewDocInFolderButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListCreateNewDocInFolderButton.js","names":["c","_c","useModal","getTranslation","React","useConfig","useFolder","useTranslation","Button","DocumentDrawer","NewFolderDrawer","Popup","PopupList","baseClass","ListCreateNewDocInFolderButton","t0","$","buttonLabel","collectionSlugs","onCreateSuccess","slugPrefix","newFolderDrawerSlug","newDocInFolderDrawerSlug","i18n","closeModal","openModal","config","folderCollectionConfig","folderID","createCollectionSlug","setCreateCollectionSlug","useState","t1","reduce","acc","collectionSlug","collectionConfig","collections","find","t2","slug","push","enabledCollections","length","t3","_jsx","drawerSlug","initialData","folders","fieldName","onSave","t4","doc","redirectAfterCreate","_jsxs","Fragment","children","buttonStyle","className","el","onClick","size","button","icon","ButtonGroup","map","collection","index","labels","singular","includes","onNewFolderSuccess","doc_0"],"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 } from '../../DocumentDrawer/index.js'\nimport { NewFolderDrawer } from '../../FolderView/Drawers/NewFolder/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  onCreateSuccess,\n  slugPrefix,\n}: {\n  buttonLabel: string\n  collectionSlugs: CollectionSlug[]\n  onCreateSuccess: (args: {\n    collectionSlug: CollectionSlug\n    doc: Record<string, unknown>\n  }) => Promise<void> | void\n  slugPrefix: string\n}) {\n  const newFolderDrawerSlug = `${slugPrefix}-new-folder-drawer`\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, folderID } = useFolder()\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              openModal(newFolderDrawerSlug)\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                      openModal(newFolderDrawerSlug)\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            [config.folders.fieldName]: folderID,\n          }}\n          onSave={({ doc }) => {\n            closeModal(newDocInFolderDrawerSlug)\n            void onCreateSuccess({\n              collectionSlug: createCollectionSlug,\n              doc,\n            })\n          }}\n          redirectAfterCreate={false}\n        />\n      )}\n\n      {collectionSlugs.includes(folderCollectionConfig.slug) && (\n        <NewFolderDrawer\n          drawerSlug={newFolderDrawerSlug}\n          onNewFolderSuccess={(doc) => {\n            closeModal(newFolderDrawerSlug)\n            if (typeof onCreateSuccess === 'function') {\n              void onCreateSuccess({\n                collectionSlug: folderCollectionConfig.slug,\n                doc,\n              })\n            }\n          }}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ListHeader/TitleActions/index.d.ts

@@ -0,0 +1,4 @@
+export { ListBulkUploadButton } from './ListBulkUploadButton.js';
+export { ListCreateNewButton } from './ListCreateNewDocButton.js';
+export { ListCreateNewDocInFolderButton } from './ListCreateNewDocInFolderButton.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/ListHeader/TitleActions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ListHeader/TitleActions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAA"}

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

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

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

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

package/dist/elements/ListHeader/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.scss';
+export declare const listHeaderClass = "list-header";
+type ListHeaderProps = {
+    readonly Actions?: React.ReactNode[];
+    readonly AfterListHeaderContent?: React.ReactNode;
+    readonly className?: string;
+    readonly title: string;
+    readonly TitleActions?: React.ReactNode[];
+};
+export declare const ListHeader: React.FC<ListHeaderProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,eAAe,gBAAgB,CAAA;AAE5C,KAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACpC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;CAC1C,CAAA;AACD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqBhD,CAAA"}

package/dist/elements/ListHeader/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","listHeaderClass","ListHeader","props","_jsxs","className","filter","Boolean","join","_jsx","title","TitleActions","length","Actions","AfterListHeaderContent"],"sources":["../../../src/elements/ListHeader/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const listHeaderClass = 'list-header'\n\ntype ListHeaderProps = {\n  readonly Actions?: React.ReactNode[]\n  readonly AfterListHeaderContent?: React.ReactNode\n  readonly className?: string\n  readonly title: string\n  readonly TitleActions?: React.ReactNode[]\n}\nexport const ListHeader: React.FC<ListHeaderProps> = (props) => {\n  return (\n    <header className={[listHeaderClass, props.className].filter(Boolean).join(' ')}>\n      <div className={`${listHeaderClass}__content`}>\n        <div className={`${listHeaderClass}__title-and-actions`}>\n          <h1 className={`${listHeaderClass}__title`}>{props.title}</h1>\n          {props.TitleActions.length ? (\n            <div className={`${listHeaderClass}__title-actions`}>{props.TitleActions}</div>\n          ) : null}\n        </div>\n        {props.Actions.length ? (\n          <div className={`${listHeaderClass}__actions`}>{props.Actions}</div>\n        ) : null}\n      </div>\n      {props.AfterListHeaderContent ? (\n        <div className={`${listHeaderClass}__after-header-content`}>\n          {props.AfterListHeaderContent}\n        </div>\n      ) : null}\n    </header>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,eAAA,GAAkB;AAS/B,OAAO,MAAMC,UAAA,GAAyCC,KAAA;EACpD,oBACEC,KAAA,CAAC;IAAOC,SAAA,EAAW,CAACJ,eAAA,EAAiBE,KAAA,CAAME,SAAS,CAAC,CAACC,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BACzEJ,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGJ,eAAA,WAA0B;8BAC3CG,KAAA,CAAC;QAAIC,SAAA,EAAW,GAAGJ,eAAA,qBAAoC;gCACrDQ,IAAA,CAAC;UAAGJ,SAAA,EAAW,GAAGJ,eAAA,SAAwB;oBAAGE,KAAA,CAAMO;YAClDP,KAAA,CAAMQ,YAAY,CAACC,MAAM,gBACxBH,IAAA,CAAC;UAAIJ,SAAA,EAAW,GAAGJ,eAAA,iBAAgC;oBAAGE,KAAA,CAAMQ;aAC1D;UAELR,KAAA,CAAMU,OAAO,CAACD,MAAM,gBACnBH,IAAA,CAAC;QAAIJ,SAAA,EAAW,GAAGJ,eAAA,WAA0B;kBAAGE,KAAA,CAAMU;WACpD;QAELV,KAAA,CAAMW,sBAAsB,gBAC3BL,IAAA,CAAC;MAAIJ,SAAA,EAAW,GAAGJ,eAAA,wBAAuC;gBACvDE,KAAA,CAAMW;SAEP;;AAGV","ignoreList":[]}

package/dist/elements/ListHeader/index.scss

@@ -0,0 +1,48 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .list-header {
+    display: flex;
+    align-items: flex-end;
+    flex-wrap: wrap;
+
+    &__content {
+      display: grid;
+      grid-template-columns: 1fr auto;
+      width: 100%;
+    }
+
+    &__title-and-actions {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: flex-end;
+      gap: calc(var(--base) * 0.5);
+    }
+
+    &__title {
+      margin: 0;
+    }
+
+    &__title-actions {
+      margin-bottom: 4px;
+      display: flex;
+      gap: calc(var(--base) * 0.5);
+    }
+
+    &__actions {
+      margin-bottom: 4px;
+      display: flex;
+      flex-wrap: wrap;
+      align-items: flex-end;
+      gap: calc(var(--base) * 0.5);
+    }
+
+    &__after-header-content {
+      width: 100%;
+    }
+
+    .btn {
+      margin: 0;
+    }
+  }
+}

package/dist/elements/ListSelection/index.d.ts

@@ -1,11 +1,26 @@
-import type { ClientCollectionConfig } from 'payload';
 import React from 'react';
+import type { Props as ButtonProps } from '../Button/types.js';
 import './index.scss';
-export type ListSelectionProps = {
-    collectionConfig?: ClientCollectionConfig;
-    disableBulkDelete?: boolean;
-    disableBulkEdit?: boolean;
-    label: string;
+type ListSelection_v4Props = {
+    /**
+     * The count of selected items
+     */
+    readonly count: number;
+    /**
+     * Actions that apply to the list as a whole
+     *
+     * @example select all, clear selection
+     */
+    readonly ListActions?: React.ReactNode[];
+    /**
+     * Actions that apply to the selected items
+     *
+     * @example edit, delete, publish, unpublish
+     */
+    readonly SelectionActions?: React.ReactNode[];
 };
-export declare const ListSelection: React.FC<ListSelectionProps>;
+export declare function ListSelection_v4({ count, ListActions, SelectionActions }: ListSelection_v4Props): React.JSX.Element;
+type ListSelectionButtonProps = {} & ButtonProps;
+export declare function ListSelectionButton({ children, className, ...props }: ListSelectionButtonProps): React.JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListSelection/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAQvC,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsCtD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListSelection/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAI9D,OAAO,cAAc,CAAA;AAIrB,KAAK,qBAAqB,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB;;;;OAIG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACxC;;;;OAIG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;CAC9C,CAAA;AACD,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,EAAE,qBAAqB,qBAoB/F;AAED,KAAK,wBAAwB,GAAG,EAAE,GAAG,WAAW,CAAA;AAChD,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,qBAU9F"}