@payloadcms/ui 3.0.0-beta.13 → 3.0.0-beta.131

package/dist/elements/ListDrawer/Provider.d.ts

@@ -0,0 +1,27 @@
+import type { CollectionSlug, ListQuery } from 'payload';
+import type { useSelection } from '../../providers/Selection/index.js';
+import type { UseDocumentDrawer } from '../DocumentDrawer/types.js';
+import type { Option } from '../ReactSelect/index.js';
+export type ListDrawerContextProps = {
+    readonly createNewDrawerSlug?: string;
+    readonly DocumentDrawerToggler?: ReturnType<UseDocumentDrawer>[1];
+    readonly drawerSlug?: string;
+    readonly enabledCollections?: CollectionSlug[];
+    readonly onBulkSelect?: (selected: ReturnType<typeof useSelection>['selected']) => void;
+    readonly onQueryChange?: (query: ListQuery) => void;
+    readonly onSelect?: (args: {
+        collectionSlug: CollectionSlug;
+        docID: string;
+    }) => void;
+    readonly selectedOption?: Option<string>;
+    readonly setSelectedOption?: (option: Option<string>) => void;
+};
+export type ListDrawerContextType = {
+    isInDrawer: boolean;
+} & ListDrawerContextProps;
+export declare const ListDrawerContext: import("react").Context<ListDrawerContextType>;
+export declare const ListDrawerContextProvider: React.FC<{
+    children: React.ReactNode;
+} & ListDrawerContextProps>;
+export declare const useListDrawerContext: () => ListDrawerContextType;
+//# sourceMappingURL=Provider.d.ts.map

package/dist/elements/ListDrawer/Provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAIxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAErD,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IACrC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IACjE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,cAAc,EAAE,CAAA;IAC9C,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;IACvF,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IACnD,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,EAAE,cAAc,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACrF,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;IACxC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;CAC9D,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,OAAO,CAAA;CACpB,GAAG,sBAAsB,CAAA;AAE1B,eAAO,MAAM,iBAAiB,gDAA6C,CAAA;AAE3E,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAC9C;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,sBAAsB,CAO3B,CAAA;AAED,eAAO,MAAM,oBAAoB,QAAO,qBAQvC,CAAA"}

package/dist/elements/ListDrawer/Provider.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+export const ListDrawerContext = /*#__PURE__*/createContext({});
+export const ListDrawerContextProvider = ({
+  children,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(ListDrawerContext.Provider, {
+    value: {
+      isInDrawer: Boolean(rest.drawerSlug),
+      ...rest
+    },
+    children: children
+  });
+};
+export const useListDrawerContext = () => {
+  const context = useContext(ListDrawerContext);
+  if (!context) {
+    throw new Error('useListDrawerContext must be used within a ListDrawerContextProvider');
+  }
+  return context;
+};
+//# sourceMappingURL=Provider.js.map

package/dist/elements/ListDrawer/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","names":["createContext","useContext","ListDrawerContext","ListDrawerContextProvider","children","rest","_jsx","Provider","value","isInDrawer","Boolean","drawerSlug","useListDrawerContext","context","Error"],"sources":["../../../src/elements/ListDrawer/Provider.tsx"],"sourcesContent":["import type { CollectionSlug, ListQuery } from 'payload'\n\nimport { createContext, useContext } from 'react'\n\nimport type { useSelection } from '../../providers/Selection/index.js'\nimport type { UseDocumentDrawer } from '../DocumentDrawer/types.js'\nimport type { Option } from '../ReactSelect/index.js'\n\nexport type ListDrawerContextProps = {\n  readonly createNewDrawerSlug?: string\n  readonly DocumentDrawerToggler?: ReturnType<UseDocumentDrawer>[1]\n  readonly drawerSlug?: string\n  readonly enabledCollections?: CollectionSlug[]\n  readonly onBulkSelect?: (selected: ReturnType<typeof useSelection>['selected']) => void\n  readonly onQueryChange?: (query: ListQuery) => void\n  readonly onSelect?: (args: { collectionSlug: CollectionSlug; docID: string }) => void\n  readonly selectedOption?: Option<string>\n  readonly setSelectedOption?: (option: Option<string>) => void\n}\n\nexport type ListDrawerContextType = {\n  isInDrawer: boolean\n} & ListDrawerContextProps\n\nexport const ListDrawerContext = createContext({} as ListDrawerContextType)\n\nexport const ListDrawerContextProvider: React.FC<\n  {\n    children: React.ReactNode\n  } & ListDrawerContextProps\n> = ({ children, ...rest }) => {\n  return (\n    <ListDrawerContext.Provider value={{ isInDrawer: Boolean(rest.drawerSlug), ...rest }}>\n      {children}\n    </ListDrawerContext.Provider>\n  )\n}\n\nexport const useListDrawerContext = (): ListDrawerContextType => {\n  const context = useContext(ListDrawerContext)\n\n  if (!context) {\n    throw new Error('useListDrawerContext must be used within a ListDrawerContextProvider')\n  }\n\n  return context\n}\n"],"mappings":";AAEA,SAASA,aAAa,EAAEC,UAAU,QAAQ;AAsB1C,OAAO,MAAMC,iBAAA,gBAAoBF,aAAA,CAAc,CAAC;AAEhD,OAAO,MAAMG,yBAAA,GAITA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAA,CAAM;EACxB,oBACEC,IAAA,CAACJ,iBAAA,CAAkBK,QAAQ;IAACC,KAAA,EAAO;MAAEC,UAAA,EAAYC,OAAA,CAAQL,IAAA,CAAKM,UAAU;MAAG,GAAGN;IAAK;cAChFD;;AAGP;AAEA,OAAO,MAAMQ,oBAAA,GAAuBA,CAAA;EAClC,MAAMC,OAAA,GAAUZ,UAAA,CAAWC,iBAAA;EAE3B,IAAI,CAACW,OAAA,EAAS;IACZ,MAAM,IAAIC,KAAA,CAAM;EAClB;EAEA,OAAOD,OAAA;AACT","ignoreList":[]}

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import type { ListDrawerProps, ListTogglerProps, UseListDrawer } from './types.js';
 export * from './types.js';
-import './index.scss';
 export declare const baseClass = "list-drawer";
 export declare const formatListDrawerSlug: ({ depth, uuid, }: {
     depth: number;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAE/E,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAElF,cAAc,YAAY,CAAA;AAM1B,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,gBAAgB,CAAA;AAEtC,eAAO,MAAM,oBAAoB,qBAG9B;IACD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,WAAmC,CAAA;AAEpC,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiBxD,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAQhD,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,aAgF3B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAE/E,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAElF,cAAc,YAAY,CAAA;AAO1B,eAAO,MAAM,SAAS,gBAAgB,CAAA;AACtC,eAAO,MAAM,oBAAoB,qBAG9B;IACD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,WAAmC,CAAA;AAEpC,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmBxD,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAQhD,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,aA4F3B,CAAA"}

package/dist/elements/ListDrawer/index.js

@@ -1,5 +1,9 @@
 'use client';
-import * as facelessUIImport from '@faceless-ui/modal';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { useModal } from '@faceless-ui/modal';
 import React, { useCallback, useEffect, useId, useMemo, useState } from 'react';
 export * from './types.js';
 import { useConfig } from '../../providers/Config/index.js';
@@ -7,125 +11,238 @@ import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { Drawer, DrawerToggler } from '../Drawer/index.js';
 import { ListDrawerContent } from './DrawerContent.js';
 export const baseClass = 'list-drawer';
-export const formatListDrawerSlug = ({ depth, uuid })=>`list-drawer_${depth}_${uuid}`;
-export const ListDrawerToggler = ({ children, className, disabled, drawerSlug, ...rest })=>{
-    return /*#__PURE__*/ React.createElement(DrawerToggler, {
-        className: [
-            className,
-            `${baseClass}__toggler`
-        ].filter(Boolean).join(' '),
-        disabled: disabled,
-        slug: drawerSlug,
-        ...rest
-    }, children);
+export const formatListDrawerSlug = ({
+  depth,
+  uuid
+}) => `list-drawer_${depth}_${uuid}`;
+export const ListDrawerToggler = ({
+  children,
+  className,
+  disabled,
+  drawerSlug,
+  onClick,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(DrawerToggler, {
+    className: [className, `${baseClass}__toggler`].filter(Boolean).join(' '),
+    disabled: disabled,
+    onClick: onClick,
+    slug: drawerSlug,
+    ...rest,
+    children: children
+  });
 };
-export const ListDrawer = (props)=>{
-    const { drawerSlug } = props;
-    return /*#__PURE__*/ React.createElement(Drawer, {
-        Header: null,
-        className: baseClass,
-        gutter: false,
-        slug: drawerSlug
-    }, /*#__PURE__*/ React.createElement(ListDrawerContent, props));
+export const ListDrawer = props => {
+  const {
+    drawerSlug
+  } = props;
+  return /*#__PURE__*/_jsx(Drawer, {
+    className: baseClass,
+    gutter: false,
+    Header: null,
+    slug: drawerSlug,
+    children: /*#__PURE__*/_jsx(ListDrawerContent, {
+      ...props
+    })
+  });
 };
-export const useListDrawer = ({ collectionSlugs: collectionSlugsFromProps, filterOptions, selectedCollection, uploads })=>{
-    const { useModal } = facelessUIImport;
-    const { collections } = useConfig();
-    const drawerDepth = useEditDepth();
-    const uuid = useId();
-    const { closeModal, modalState, openModal, toggleModal } = useModal();
-    const [isOpen, setIsOpen] = useState(false);
-    const [collectionSlugs, setCollectionSlugs] = useState(collectionSlugsFromProps);
-    const drawerSlug = formatListDrawerSlug({
-        depth: drawerDepth,
-        uuid
+export const useListDrawer = t0 => {
+  const $ = _c(42);
+  const {
+    collectionSlugs: collectionSlugsFromProps,
+    filterOptions,
+    selectedCollection,
+    uploads
+  } = t0;
+  const {
+    config: t1
+  } = useConfig();
+  const {
+    collections
+  } = t1;
+  const drawerDepth = useEditDepth();
+  const uuid = useId();
+  const {
+    closeModal,
+    modalState,
+    openModal,
+    toggleModal
+  } = useModal();
+  const [isOpen, setIsOpen] = useState(false);
+  const [collectionSlugs, setCollectionSlugs] = useState(collectionSlugsFromProps);
+  let t2;
+  if ($[0] !== drawerDepth || $[1] !== uuid) {
+    t2 = formatListDrawerSlug({
+      depth: drawerDepth,
+      uuid
+    });
+    $[0] = drawerDepth;
+    $[1] = uuid;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const drawerSlug = t2;
+  let t3;
+  let t4;
+  if ($[3] !== modalState || $[4] !== drawerSlug) {
+    t3 = () => {
+      setIsOpen(Boolean(modalState[drawerSlug]?.isOpen));
+    };
+    t4 = [modalState, drawerSlug];
+    $[3] = modalState;
+    $[4] = drawerSlug;
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t3 = $[5];
+    t4 = $[6];
+  }
+  useEffect(t3, t4);
+  let t5;
+  let t6;
+  if ($[7] !== collectionSlugs || $[8] !== collections || $[9] !== uploads) {
+    t5 = () => {
+      if (!collectionSlugs || collectionSlugs.length === 0) {
+        const filteredCollectionSlugs = collections.filter(t7 => {
+          const {
+            upload
+          } = t7;
+          if (uploads) {
+            return Boolean(upload) === true;
+          }
+          return true;
+        });
+        setCollectionSlugs(filteredCollectionSlugs.map(t8 => {
+          const {
+            slug
+          } = t8;
+          return slug;
+        }));
+      }
+    };
+    t6 = [collectionSlugs, uploads, collections];
+    $[7] = collectionSlugs;
+    $[8] = collections;
+    $[9] = uploads;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t5 = $[10];
+    t6 = $[11];
+  }
+  useEffect(t5, t6);
+  let t7;
+  if ($[12] !== toggleModal || $[13] !== drawerSlug) {
+    t7 = () => {
+      toggleModal(drawerSlug);
+    };
+    $[12] = toggleModal;
+    $[13] = drawerSlug;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  const toggleDrawer = t7;
+  let t8;
+  if ($[15] !== closeModal || $[16] !== drawerSlug) {
+    t8 = () => {
+      closeModal(drawerSlug);
+    };
+    $[15] = closeModal;
+    $[16] = drawerSlug;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  const closeDrawer = t8;
+  let t9;
+  if ($[18] !== openModal || $[19] !== drawerSlug) {
+    t9 = () => {
+      openModal(drawerSlug);
+    };
+    $[18] = openModal;
+    $[19] = drawerSlug;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  const openDrawer = t9;
+  let t10;
+  let t11;
+  if ($[21] !== closeDrawer || $[22] !== collectionSlugs || $[23] !== drawerSlug || $[24] !== filterOptions || $[25] !== selectedCollection || $[26] !== uploads) {
+    t11 = props => _createElement(ListDrawer, {
+      ...props,
+      closeDrawer,
+      collectionSlugs,
+      drawerSlug,
+      filterOptions,
+      key: drawerSlug,
+      selectedCollection,
+      uploads
     });
-    useEffect(()=>{
-        setIsOpen(Boolean(modalState[drawerSlug]?.isOpen));
-    }, [
-        modalState,
-        drawerSlug
-    ]);
-    useEffect(()=>{
-        if (!collectionSlugs || collectionSlugs.length === 0) {
-            const filteredCollectionSlugs = collections.filter(({ upload })=>{
-                if (uploads) {
-                    return Boolean(upload) === true;
-                }
-                return true;
-            });
-            setCollectionSlugs(filteredCollectionSlugs.map(({ slug })=>slug));
-        }
-    }, [
-        collectionSlugs,
-        uploads,
-        collections
-    ]);
-    const toggleDrawer = useCallback(()=>{
-        toggleModal(drawerSlug);
-    }, [
-        toggleModal,
-        drawerSlug
-    ]);
-    const closeDrawer = useCallback(()=>{
-        closeModal(drawerSlug);
-    }, [
-        drawerSlug,
-        closeModal
-    ]);
-    const openDrawer = useCallback(()=>{
-        openModal(drawerSlug);
-    }, [
-        drawerSlug,
-        openModal
-    ]);
-    const MemoizedDrawer = useMemo(()=>{
-        return (props)=>/*#__PURE__*/ React.createElement(ListDrawer, {
-                ...props,
-                closeDrawer: closeDrawer,
-                collectionSlugs: collectionSlugs,
-                drawerSlug: drawerSlug,
-                filterOptions: filterOptions,
-                key: drawerSlug,
-                selectedCollection: selectedCollection,
-                uploads: uploads
-            });
-    }, [
-        drawerSlug,
-        collectionSlugs,
-        uploads,
-        closeDrawer,
-        selectedCollection,
-        filterOptions
-    ]);
-    const MemoizedDrawerToggler = useMemo(()=>{
-        return (props)=>/*#__PURE__*/ React.createElement(ListDrawerToggler, {
-                ...props,
-                drawerSlug: drawerSlug
-            });
-    }, [
-        drawerSlug
-    ]);
-    const MemoizedDrawerState = useMemo(()=>({
-            closeDrawer,
-            drawerDepth,
-            drawerSlug,
-            isDrawerOpen: isOpen,
-            openDrawer,
-            toggleDrawer
-        }), [
-        drawerDepth,
-        drawerSlug,
-        isOpen,
-        toggleDrawer,
-        closeDrawer,
-        openDrawer
-    ]);
-    return [
-        MemoizedDrawer,
-        MemoizedDrawerToggler,
-        MemoizedDrawerState
-    ];
+    $[21] = closeDrawer;
+    $[22] = collectionSlugs;
+    $[23] = drawerSlug;
+    $[24] = filterOptions;
+    $[25] = selectedCollection;
+    $[26] = uploads;
+    $[27] = t11;
+  } else {
+    t11 = $[27];
+  }
+  t10 = t11;
+  const MemoizedDrawer = t10;
+  let t12;
+  let t13;
+  if ($[28] !== drawerSlug) {
+    t13 = props_0 => _jsx(ListDrawerToggler, {
+      ...props_0,
+      drawerSlug
+    });
+    $[28] = drawerSlug;
+    $[29] = t13;
+  } else {
+    t13 = $[29];
+  }
+  t12 = t13;
+  const MemoizedDrawerToggler = t12;
+  let t14;
+  let t15;
+  if ($[30] !== closeDrawer || $[31] !== collectionSlugs || $[32] !== drawerDepth || $[33] !== drawerSlug || $[34] !== isOpen || $[35] !== openDrawer || $[36] !== toggleDrawer) {
+    t15 = {
+      closeDrawer,
+      collectionSlugs,
+      drawerDepth,
+      drawerSlug,
+      isDrawerOpen: isOpen,
+      openDrawer,
+      setCollectionSlugs,
+      toggleDrawer
+    };
+    $[30] = closeDrawer;
+    $[31] = collectionSlugs;
+    $[32] = drawerDepth;
+    $[33] = drawerSlug;
+    $[34] = isOpen;
+    $[35] = openDrawer;
+    $[36] = toggleDrawer;
+    $[37] = t15;
+  } else {
+    t15 = $[37];
+  }
+  t14 = t15;
+  const MemoizedDrawerState = t14;
+  let t16;
+  if ($[38] !== MemoizedDrawer || $[39] !== MemoizedDrawerToggler || $[40] !== MemoizedDrawerState) {
+    t16 = [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState];
+    $[38] = MemoizedDrawer;
+    $[39] = MemoizedDrawerToggler;
+    $[40] = MemoizedDrawerState;
+    $[41] = t16;
+  } else {
+    t16 = $[41];
+  }
+  return t16;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ListDrawer/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useId, useMemo, useState } from 'react'\n\nimport type { ListDrawerProps, ListTogglerProps, UseListDrawer } from './types.js'\n\nexport * from './types.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { ListDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'list-drawer'\n\nexport const formatListDrawerSlug = ({\n  depth,\n  uuid,\n}: {\n  depth: number\n  uuid: string // supply when creating a new document and no id is available\n}) => `list-drawer_${depth}_${uuid}`\n\nexport const ListDrawerToggler: React.FC<ListTogglerProps> = ({\n  children,\n  className,\n  disabled,\n  drawerSlug,\n  ...rest\n}) => {\n  return (\n    <DrawerToggler\n      className={[className, `${baseClass}__toggler`].filter(Boolean).join(' ')}\n      disabled={disabled}\n      slug={drawerSlug}\n      {...rest}\n    >\n      {children}\n    </DrawerToggler>\n  )\n}\n\nexport const ListDrawer: React.FC<ListDrawerProps> = (props) => {\n  const { drawerSlug } = props\n\n  return (\n    <Drawer Header={null} className={baseClass} gutter={false} slug={drawerSlug}>\n      <ListDrawerContent {...props} />\n    </Drawer>\n  )\n}\n\nexport const useListDrawer: UseListDrawer = ({\n  collectionSlugs: collectionSlugsFromProps,\n  filterOptions,\n  selectedCollection,\n  uploads,\n}) => {\n  const { useModal } = facelessUIImport\n\n  const { collections } = useConfig()\n  const drawerDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, modalState, openModal, toggleModal } = useModal()\n  const [isOpen, setIsOpen] = useState(false)\n  const [collectionSlugs, setCollectionSlugs] = useState(collectionSlugsFromProps)\n\n  const drawerSlug = formatListDrawerSlug({\n    depth: drawerDepth,\n    uuid,\n  })\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  useEffect(() => {\n    if (!collectionSlugs || collectionSlugs.length === 0) {\n      const filteredCollectionSlugs = collections.filter(({ upload }) => {\n        if (uploads) {\n          return Boolean(upload) === true\n        }\n        return true\n      })\n\n      setCollectionSlugs(filteredCollectionSlugs.map(({ slug }) => slug))\n    }\n  }, [collectionSlugs, uploads, collections])\n  const toggleDrawer = useCallback(() => {\n    toggleModal(drawerSlug)\n  }, [toggleModal, drawerSlug])\n\n  const closeDrawer = useCallback(() => {\n    closeModal(drawerSlug)\n  }, [drawerSlug, closeModal])\n\n  const openDrawer = useCallback(() => {\n    openModal(drawerSlug)\n  }, [drawerSlug, openModal])\n\n  const MemoizedDrawer = useMemo(() => {\n    return (props) => (\n      <ListDrawer\n        {...props}\n        closeDrawer={closeDrawer}\n        collectionSlugs={collectionSlugs}\n        drawerSlug={drawerSlug}\n        filterOptions={filterOptions}\n        key={drawerSlug}\n        selectedCollection={selectedCollection}\n        uploads={uploads}\n      />\n    )\n  }, [drawerSlug, collectionSlugs, uploads, closeDrawer, selectedCollection, filterOptions])\n\n  const MemoizedDrawerToggler = useMemo(() => {\n    return (props) => <ListDrawerToggler {...props} drawerSlug={drawerSlug} />\n  }, [drawerSlug])\n\n  const MemoizedDrawerState = useMemo(\n    () => ({\n      closeDrawer,\n      drawerDepth,\n      drawerSlug,\n      isDrawerOpen: isOpen,\n      openDrawer,\n      toggleDrawer,\n    }),\n    [drawerDepth, drawerSlug, isOpen, toggleDrawer, closeDrawer, openDrawer],\n  )\n\n  return [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState]\n}\n"],"names":["facelessUIImport","React","useCallback","useEffect","useId","useMemo","useState","useConfig","useEditDepth","Drawer","DrawerToggler","ListDrawerContent","baseClass","formatListDrawerSlug","depth","uuid","ListDrawerToggler","children","className","disabled","drawerSlug","rest","filter","Boolean","join","slug","ListDrawer","props","Header","gutter","useListDrawer","collectionSlugs","collectionSlugsFromProps","filterOptions","selectedCollection","uploads","useModal","collections","drawerDepth","closeModal","modalState","openModal","toggleModal","isOpen","setIsOpen","setCollectionSlugs","length","filteredCollectionSlugs","upload","map","toggleDrawer","closeDrawer","openDrawer","MemoizedDrawer","key","MemoizedDrawerToggler","MemoizedDrawerState","isDrawerOpen"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","useCallback","useEffect","useId","useMemo","useState","useConfig","useEditDepth","Drawer","DrawerToggler","ListDrawerContent","baseClass","formatListDrawerSlug","depth","uuid","ListDrawerToggler","children","className","disabled","drawerSlug","onClick","rest","_jsx","filter","Boolean","join","slug","ListDrawer","props","gutter","Header","useListDrawer","t0","$","collectionSlugs","collectionSlugsFromProps","filterOptions","selectedCollection","uploads","config","t1","collections","drawerDepth","closeModal","modalState","openModal","toggleModal","isOpen","setIsOpen","setCollectionSlugs","t2","t3","t4","t5","t6","length","filteredCollectionSlugs","t7","upload","map","t8","toggleDrawer","closeDrawer","t9","openDrawer","t10","t11","_createElement","key","MemoizedDrawer","t12","t13","props_0","MemoizedDrawerToggler","t14","t15","isDrawerOpen","MemoizedDrawerState","t16"],"sources":["../../../src/elements/ListDrawer/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useId, useMemo, useState } from 'react'\n\nimport type { ListDrawerProps, ListTogglerProps, UseListDrawer } from './types.js'\n\nexport * from './types.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { ListDrawerContent } from './DrawerContent.js'\n\nexport const baseClass = 'list-drawer'\nexport const formatListDrawerSlug = ({\n  depth,\n  uuid,\n}: {\n  depth: number\n  uuid: string // supply when creating a new document and no id is available\n}) => `list-drawer_${depth}_${uuid}`\n\nexport const ListDrawerToggler: React.FC<ListTogglerProps> = ({\n  children,\n  className,\n  disabled,\n  drawerSlug,\n  onClick,\n  ...rest\n}) => {\n  return (\n    <DrawerToggler\n      className={[className, `${baseClass}__toggler`].filter(Boolean).join(' ')}\n      disabled={disabled}\n      onClick={onClick}\n      slug={drawerSlug}\n      {...rest}\n    >\n      {children}\n    </DrawerToggler>\n  )\n}\n\nexport const ListDrawer: React.FC<ListDrawerProps> = (props) => {\n  const { drawerSlug } = props\n\n  return (\n    <Drawer className={baseClass} gutter={false} Header={null} slug={drawerSlug}>\n      <ListDrawerContent {...props} />\n    </Drawer>\n  )\n}\n\nexport const useListDrawer: UseListDrawer = ({\n  collectionSlugs: collectionSlugsFromProps,\n  filterOptions,\n  selectedCollection,\n  uploads,\n}) => {\n  const {\n    config: { collections },\n  } = useConfig()\n  const drawerDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, modalState, openModal, toggleModal } = useModal()\n  const [isOpen, setIsOpen] = useState(false)\n  const [collectionSlugs, setCollectionSlugs] = useState(collectionSlugsFromProps)\n\n  const drawerSlug = formatListDrawerSlug({\n    depth: drawerDepth,\n    uuid,\n  })\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  useEffect(() => {\n    if (!collectionSlugs || collectionSlugs.length === 0) {\n      const filteredCollectionSlugs = collections.filter(({ upload }) => {\n        if (uploads) {\n          return Boolean(upload) === true\n        }\n        return true\n      })\n\n      setCollectionSlugs(filteredCollectionSlugs.map(({ slug }) => slug))\n    }\n  }, [collectionSlugs, uploads, collections])\n\n  const toggleDrawer = useCallback(() => {\n    toggleModal(drawerSlug)\n  }, [toggleModal, drawerSlug])\n\n  const closeDrawer = useCallback(() => {\n    closeModal(drawerSlug)\n  }, [drawerSlug, closeModal])\n\n  const openDrawer = useCallback(() => {\n    openModal(drawerSlug)\n  }, [drawerSlug, openModal])\n\n  const MemoizedDrawer = useMemo(() => {\n    return (props) => (\n      <ListDrawer\n        {...props}\n        closeDrawer={closeDrawer}\n        collectionSlugs={collectionSlugs}\n        drawerSlug={drawerSlug}\n        filterOptions={filterOptions}\n        key={drawerSlug}\n        selectedCollection={selectedCollection}\n        uploads={uploads}\n      />\n    )\n  }, [drawerSlug, collectionSlugs, uploads, closeDrawer, selectedCollection, filterOptions])\n\n  const MemoizedDrawerToggler = useMemo(() => {\n    return (props) => <ListDrawerToggler {...props} drawerSlug={drawerSlug} />\n  }, [drawerSlug])\n\n  const MemoizedDrawerState = useMemo(\n    () => ({\n      closeDrawer,\n      collectionSlugs,\n      drawerDepth,\n      drawerSlug,\n      isDrawerOpen: isOpen,\n      openDrawer,\n      setCollectionSlugs,\n      toggleDrawer,\n    }),\n    [\n      drawerDepth,\n      drawerSlug,\n      isOpen,\n      toggleDrawer,\n      closeDrawer,\n      openDrawer,\n      setCollectionSlugs,\n      collectionSlugs,\n    ],\n  )\n\n  return [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState]\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;;AACA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,KAAK,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AAIxE,cAAc;AAEd,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,SAASC,MAAM,EAAEC,aAAa,QAAQ;AACtC,SAASC,iBAAiB,QAAQ;AAElC,OAAO,MAAMC,SAAA,GAAY;AACzB,OAAO,MAAMC,oBAAA,GAAuBA,CAAC;EACnCC,KAAK;EACLC;AAAI,CAIL,KAAK,eAAeD,KAAA,IAASC,IAAA,EAAM;AAEpC,OAAO,MAAMC,iBAAA,GAAgDA,CAAC;EAC5DC,QAAQ;EACRC,SAAS;EACTC,QAAQ;EACRC,UAAU;EACVC,OAAO;EACP,GAAGC;AAAA,CACJ;EACC,oBACEC,IAAA,CAACb,aAAA;IACCQ,SAAA,EAAW,CAACA,SAAA,EAAW,GAAGN,SAAA,WAAoB,CAAC,CAACY,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACrEP,QAAA,EAAUA,QAAA;IACVE,OAAA,EAASA,OAAA;IACTM,IAAA,EAAMP,UAAA;IACL,GAAGE,IAAI;cAEPL;;AAGP;AAEA,OAAO,MAAMW,UAAA,GAAyCC,KAAA;EACpD,MAAM;IAAET;EAAU,CAAE,GAAGS,KAAA;EAEvB,oBACEN,IAAA,CAACd,MAAA;IAAOS,SAAA,EAAWN,SAAA;IAAWkB,MAAA,EAAQ;IAAOC,MAAA,EAAQ;IAAMJ,IAAA,EAAMP,UAAA;cAC/D,aAAAG,IAAA,CAACZ,iBAAA;MAAmB,GAAGkB;;;AAG7B;AAEA,OAAO,MAAMG,aAAA,GAA+BC,EAAA;EAAA,MAAAC,CAAA,GAAAnC,EAAA;EAAC;IAAAoC,eAAA,EAAAC,wBAAA;IAAAC,aAAA;IAAAC,kBAAA;IAAAC;EAAA,IAAAN,EAK5C;EACC;IAAAO,MAAA,EAAAC;EAAA,IAEIlC,SAAA;EADM;IAAAmC;EAAA,IAAAD,EAAe;EAEzB,MAAAE,WAAA,GAAoBnC,YAAA;EACpB,MAAAO,IAAA,GAAaX,KAAA;EACb;IAAAwC,UAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC;EAAA,IAA2D/C,QAAA;EAC3D,OAAAgD,MAAA,EAAAC,SAAA,IAA4B3C,QAAA,MAAS;EACrC,OAAA6B,eAAA,EAAAe,kBAAA,IAA8C5C,QAAA,CAAS8B,wBAAA;EAAA,IAAAe,EAAA;EAAA,IAAAjB,CAAA,QAAAS,WAAA,IAAAT,CAAA,QAAAnB,IAAA;IAEpCoC,EAAA,GAAAtC,oBAAA;MAAAC,KAAA,EACV6B,WAAA;MAAA5B;IAAA,CAET;IAAAmB,CAAA,MAAAS,WAAA;IAAAT,CAAA,MAAAnB,IAAA;IAAAmB,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAHA,MAAAd,UAAA,GAAmB+B,EAGnB;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAnB,CAAA,QAAAW,UAAA,IAAAX,CAAA,QAAAd,UAAA;IAEUgC,EAAA,GAAAA,CAAA;MACRH,SAAA,CAAUxB,OAAA,CAAQoB,UAAU,CAACzB,UAAA,GAAA4B,MAAa;IAAA;IACzCK,EAAA,IAACR,UAAA,EAAYzB,UAAA;IAAWc,CAAA,MAAAW,UAAA;IAAAX,CAAA,MAAAd,UAAA;IAAAc,CAAA,MAAAkB,EAAA;IAAAlB,CAAA,MAAAmB,EAAA;EAAA;IAAAD,EAAA,GAAAlB,CAAA;IAAAmB,EAAA,GAAAnB,CAAA;EAAA;EAF3B/B,SAAA,CAAUiD,EAEV,EAAGC,EAAwB;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAArB,CAAA,QAAAC,eAAA,IAAAD,CAAA,QAAAQ,WAAA,IAAAR,CAAA,QAAAK,OAAA;IAEjBe,EAAA,GAAAA,CAAA;MAAA,IACJ,CAACnB,eAAA,IAAmBA,eAAA,CAAAqB,MAAA,MAA2B;QACjD,MAAAC,uBAAA,GAAgCf,WAAA,CAAAlB,MAAA,CAAAkC,EAAA;UAAoB;YAAAC;UAAA,IAAAD,EAAU;UAAA,IACxDnB,OAAA;YAAA,OACKd,OAAA,CAAQkC,MAAA,UAAY;UAAA;UAAA;QAAA,CAG/B;QAEAT,kBAAA,CAAmBO,uBAAA,CAAAG,GAAA,CAAAC,EAAA;UAA6B;YAAAlC;UAAA,IAAAkC,EAAQ;UAAA,OAAKlC,IAAA;QAAA;MAAA;IAAA;IAE9D4B,EAAA,IAACpB,eAAA,EAAiBI,OAAA,EAASG,WAAA;IAAYR,CAAA,MAAAC,eAAA;IAAAD,CAAA,MAAAQ,WAAA;IAAAR,CAAA,MAAAK,OAAA;IAAAL,CAAA,OAAAoB,EAAA;IAAApB,CAAA,OAAAqB,EAAA;EAAA;IAAAD,EAAA,GAAApB,CAAA;IAAAqB,EAAA,GAAArB,CAAA;EAAA;EAX1C/B,SAAA,CAAUmD,EAWV,EAAGC,EAAuC;EAAA,IAAAG,EAAA;EAAA,IAAAxB,CAAA,SAAAa,WAAA,IAAAb,CAAA,SAAAd,UAAA;IAETsC,EAAA,GAAAA,CAAA;MAC/BX,WAAA,CAAY3B,UAAA;IAAA;IACdc,CAAA,OAAAa,WAAA;IAAAb,CAAA,OAAAd,UAAA;IAAAc,CAAA,OAAAwB,EAAA;EAAA;IAAAA,EAAA,GAAAxB,CAAA;EAAA;EAFA,MAAA4B,YAAA,GAAqBJ,EAEO;EAAA,IAAAG,EAAA;EAAA,IAAA3B,CAAA,SAAAU,UAAA,IAAAV,CAAA,SAAAd,UAAA;IAEIyC,EAAA,GAAAA,CAAA;MAC9BjB,UAAA,CAAWxB,UAAA;IAAA;IACbc,CAAA,OAAAU,UAAA;IAAAV,CAAA,OAAAd,UAAA;IAAAc,CAAA,OAAA2B,EAAA;EAAA;IAAAA,EAAA,GAAA3B,CAAA;EAAA;EAFA,MAAA6B,WAAA,GAAoBF,EAEO;EAAA,IAAAG,EAAA;EAAA,IAAA9B,CAAA,SAAAY,SAAA,IAAAZ,CAAA,SAAAd,UAAA;IAEI4C,EAAA,GAAAA,CAAA;MAC7BlB,SAAA,CAAU1B,UAAA;IAAA;IACZc,CAAA,OAAAY,SAAA;IAAAZ,CAAA,OAAAd,UAAA;IAAAc,CAAA,OAAA8B,EAAA;EAAA;IAAAA,EAAA,GAAA9B,CAAA;EAAA;EAFA,MAAA+B,UAAA,GAAmBD,EAEO;EAAA,IAAAE,GAAA;EAAA,IAAAC,GAAA;EAAA,IAAAjC,CAAA,SAAA6B,WAAA,IAAA7B,CAAA,SAAAC,eAAA,IAAAD,CAAA,SAAAd,UAAA,IAAAc,CAAA,SAAAG,aAAA,IAAAH,CAAA,SAAAI,kBAAA,IAAAJ,CAAA,SAAAK,OAAA;IAGjB4B,GAAA,GAAAtC,KAAA,IACLuC,cAAA,CAAAxC,UAAA;MAAA,GACMC,KAAK;MAAAkC,WAAA;MAAA5B,eAAA;MAAAf,UAAA;MAAAiB,aAAA;MAAAgC,GAAA,EAKJjD,UAAA;MAAAkB,kBAAA;MAAAC;IAAA,C;;;;;;;;;;;EAPT2B,GAAA,GAAOC,G;EADT,MAAAG,cAAA,GAAuBJ,GAakE;EAAA,IAAAK,GAAA;EAAA,IAAAC,GAAA;EAAA,IAAAtC,CAAA,SAAAd,UAAA;IAGhFoD,GAAA,GAAAC,OAAA,IAAWlD,IAAA,CAAAP,iBAAA;MAAA,GAAuBa,OAAK;MAAAT;IAAA,C;;;;;;EAA9CmD,GAAA,GAAOC,G;EADT,MAAAE,qBAAA,GAA8BH,GAEf;EAAA,IAAAI,GAAA;EAAA,IAAAC,GAAA;EAAA,IAAA1C,CAAA,SAAA6B,WAAA,IAAA7B,CAAA,SAAAC,eAAA,IAAAD,CAAA,SAAAS,WAAA,IAAAT,CAAA,SAAAd,UAAA,IAAAc,CAAA,SAAAc,MAAA,IAAAd,CAAA,SAAA+B,UAAA,IAAA/B,CAAA,SAAA4B,YAAA;IAGNc,GAAA;MAAAb,WAAA;MAAA5B,eAAA;MAAAQ,WAAA;MAAAvB,UAAA;MAAAyD,YAAA,EAKS7B,MAAA;MAAAiB,UAAA;MAAAf,kBAAA;MAAAY;IAAA;IAIhB5B,CAAA,OAAA6B,WAAA;IAAA7B,CAAA,OAAAC,eAAA;IAAAD,CAAA,OAAAS,WAAA;IAAAT,CAAA,OAAAd,UAAA;IAAAc,CAAA,OAAAc,MAAA;IAAAd,CAAA,OAAA+B,UAAA;IAAA/B,CAAA,OAAA4B,YAAA;IAAA5B,CAAA,OAAA0C,GAAA;EAAA;IAAAA,GAAA,GAAA1C,CAAA;EAAA;EAAAyC,GAAA,GATOC,GASP;EAVF,MAAAE,mBAAA,GAA4BH,GAoBzB;EAAA,IAAAI,GAAA;EAAA,IAAA7C,CAAA,SAAAoC,cAAA,IAAApC,CAAA,SAAAwC,qBAAA,IAAAxC,CAAA,SAAA4C,mBAAA;IAGIC,GAAA,IAACT,cAAA,EAAgBI,qBAAA,EAAuBI,mBAAA;IAAoB5C,CAAA,OAAAoC,cAAA;IAAApC,CAAA,OAAAwC,qBAAA;IAAAxC,CAAA,OAAA4C,mBAAA;IAAA5C,CAAA,OAAA6C,GAAA;EAAA;IAAAA,GAAA,GAAA7C,CAAA;EAAA;EAAA,OAA5D6C,GAA4D;AAAA,CACrE","ignoreList":[]}

package/dist/elements/ListDrawer/types.d.ts

@@ -1,38 +1,37 @@
-/// <reference types="react/experimental" resolution-mode="require"/>
-import type { FilterOptionsResult, SanitizedCollectionConfig } from 'payload/types';
+import type { FilterOptionsResult, SanitizedCollectionConfig } from 'payload';
 import type React from 'react';
 import type { HTMLAttributes } from 'react';
+import type { ListDrawerContextProps } from './Provider.js';
 export type ListDrawerProps = {
-    collectionSlugs: string[];
-    customHeader?: React.ReactNode;
-    drawerSlug?: string;
-    filterOptions?: FilterOptionsResult;
-    onSelect?: (args: {
-        collectionSlug: SanitizedCollectionConfig['slug'];
-        docID: string;
-    }) => void;
-    selectedCollection?: string;
-};
-export type ListTogglerProps = HTMLAttributes<HTMLButtonElement> & {
+    readonly allowCreate?: boolean;
+    readonly collectionSlugs: SanitizedCollectionConfig['slug'][];
+    readonly drawerSlug?: string;
+    readonly enableRowSelections?: boolean;
+    readonly filterOptions?: FilterOptionsResult;
+    readonly selectedCollection?: string;
+} & ListDrawerContextProps;
+export type ListTogglerProps = {
     children?: React.ReactNode;
     className?: string;
     disabled?: boolean;
     drawerSlug?: string;
-};
+} & HTMLAttributes<HTMLButtonElement>;
 export type UseListDrawer = (args: {
-    collectionSlugs?: string[];
+    collectionSlugs?: SanitizedCollectionConfig['slug'][];
     filterOptions?: FilterOptionsResult;
-    selectedCollection?: string;
+    selectedCollection?: SanitizedCollectionConfig['slug'];
     uploads?: boolean;
 }) => [
-    React.FC<Pick<ListDrawerProps, 'onSelect'>>,
-    React.FC<Pick<ListTogglerProps, 'children' | 'className' | 'disabled'>>,
+    React.FC<Pick<ListDrawerProps, 'allowCreate' | 'enableRowSelections' | 'onBulkSelect' | 'onSelect'>>,
+    React.FC<Pick<ListTogglerProps, 'children' | 'className' | 'disabled' | 'onClick'>>,
     {
         closeDrawer: () => void;
+        collectionSlugs: SanitizedCollectionConfig['slug'][];
         drawerDepth: number;
         drawerSlug: string;
         isDrawerOpen: boolean;
         openDrawer: () => void;
+        setCollectionSlugs: React.Dispatch<React.SetStateAction<SanitizedCollectionConfig['slug'][]>>;
         toggleDrawer: () => void;
     }
 ];

package/dist/elements/ListDrawer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AACnF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,eAAe,GAAG;IAC5B,eAAe,EAAE,MAAM,EAAE,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC/F,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE;IACjC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,KAAK;IACJ,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC;IACvE;QACE,WAAW,EAAE,MAAM,IAAI,CAAA;QACvB,WAAW,EAAE,MAAM,CAAA;QACnB,UAAU,EAAE,MAAM,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,YAAY,EAAE,MAAM,IAAI,CAAA;KACzB;CACF,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAC7E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAE3D,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,eAAe,EAAE,yBAAyB,CAAC,MAAM,CAAC,EAAE,CAAA;IAC7D,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,aAAa,CAAC,EAAE,mBAAmB,CAAA;IAC5C,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CACrC,GAAG,sBAAsB,CAAA;AAE1B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAA;AAErC,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE;IACjC,eAAe,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,EAAE,CAAA;IACrD,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,kBAAkB,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IACtD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,KAAK;IACJ,KAAK,CAAC,EAAE,CACN,IAAI,CAAC,eAAe,EAAE,aAAa,GAAG,qBAAqB,GAAG,cAAc,GAAG,UAAU,CAAC,CAC3F;IACD,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;IACnF;QACE,WAAW,EAAE,MAAM,IAAI,CAAA;QACvB,eAAe,EAAE,yBAAyB,CAAC,MAAM,CAAC,EAAE,CAAA;QACpD,WAAW,EAAE,MAAM,CAAA;QACnB,UAAU,EAAE,MAAM,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,kBAAkB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,yBAAyB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAA;QAC7F,YAAY,EAAE,MAAM,IAAI,CAAA;KACzB;CACF,CAAA"}

package/dist/elements/ListDrawer/types.js

@@ -1,3 +1,2 @@
-export { };
-
+export {};
 //# sourceMappingURL=types.js.map

package/dist/elements/ListDrawer/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ListDrawer/types.ts"],"sourcesContent":["import type { FilterOptionsResult, SanitizedCollectionConfig } from 'payload/types'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nexport type ListDrawerProps = {\n  collectionSlugs: string[]\n  customHeader?: React.ReactNode\n  drawerSlug?: string\n  filterOptions?: FilterOptionsResult\n  onSelect?: (args: { collectionSlug: SanitizedCollectionConfig['slug']; docID: string }) => void\n  selectedCollection?: string\n}\n\nexport type ListTogglerProps = HTMLAttributes<HTMLButtonElement> & {\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  drawerSlug?: string\n}\n\nexport type UseListDrawer = (args: {\n  collectionSlugs?: string[]\n  filterOptions?: FilterOptionsResult\n  selectedCollection?: string\n  uploads?: boolean // finds all collections with upload: true\n}) => [\n  React.FC<Pick<ListDrawerProps, 'onSelect'>>, // drawer\n  React.FC<Pick<ListTogglerProps, 'children' | 'className' | 'disabled'>>, // toggler\n  {\n    closeDrawer: () => void\n    drawerDepth: number\n    drawerSlug: string\n    isDrawerOpen: boolean\n    openDrawer: () => void\n    toggleDrawer: () => void\n  },\n]\n"],"names":[],"rangeMappings":"","mappings":"AAoBA,WAgBC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/ListDrawer/types.ts"],"sourcesContent":["import type { FilterOptionsResult, SanitizedCollectionConfig } from 'payload'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nimport type { ListDrawerContextProps } from './Provider.js'\n\nexport type ListDrawerProps = {\n  readonly allowCreate?: boolean\n  readonly collectionSlugs: SanitizedCollectionConfig['slug'][]\n  readonly drawerSlug?: string\n  readonly enableRowSelections?: boolean\n  readonly filterOptions?: FilterOptionsResult\n  readonly selectedCollection?: string\n} & ListDrawerContextProps\n\nexport type ListTogglerProps = {\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  drawerSlug?: string\n} & HTMLAttributes<HTMLButtonElement>\n\nexport type UseListDrawer = (args: {\n  collectionSlugs?: SanitizedCollectionConfig['slug'][]\n  filterOptions?: FilterOptionsResult\n  selectedCollection?: SanitizedCollectionConfig['slug']\n  uploads?: boolean // finds all collections with upload: true\n}) => [\n  React.FC<\n    Pick<ListDrawerProps, 'allowCreate' | 'enableRowSelections' | 'onBulkSelect' | 'onSelect'>\n  >, // drawer\n  React.FC<Pick<ListTogglerProps, 'children' | 'className' | 'disabled' | 'onClick'>>, // toggler\n  {\n    closeDrawer: () => void\n    collectionSlugs: SanitizedCollectionConfig['slug'][]\n    drawerDepth: number\n    drawerSlug: string\n    isDrawerOpen: boolean\n    openDrawer: () => void\n    setCollectionSlugs: React.Dispatch<React.SetStateAction<SanitizedCollectionConfig['slug'][]>>\n    toggleDrawer: () => void\n  },\n]\n"],"mappings":"AAsBA","ignoreList":[]}