@payloadcms/ui 3.70.0-canary.9 → 3.71.0-internal-debug.80dab4c

package/dist/elements/ListDrawer/index.js

@@ -1,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { createElement as _createElement } from "react";
 import { useModal } from '@faceless-ui/modal';
 import React, { useCallback, useEffect, useId, useMemo, useState } from 'react';
@@ -11,40 +9,44 @@ 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,
-  onClick,
-  ...rest
-}) => {
-  return /*#__PURE__*/_jsx(DrawerToggler, {
-    className: [className, `${baseClass}__toggler`].filter(Boolean).join(' '),
-    disabled: disabled,
-    onClick: onClick,
-    slug: drawerSlug,
-    ...rest,
-    children: children
-  });
+export const formatListDrawerSlug = ({ depth, uuid })=>// supply when creating a new document and no id is available
+    `list-drawer_${depth}_${uuid}`;
+export const ListDrawerToggler = ({ children, className, disabled, drawerSlug, onClick, ...rest })=>{
+    return /*#__PURE__*/ _jsxDEV(DrawerToggler, {
+        className: [
+            className,
+            `${baseClass}__toggler`
+        ].filter(Boolean).join(' '),
+        disabled: disabled,
+        onClick: onClick,
+        slug: drawerSlug,
+        ...rest,
+        children: children
+    }, void 0, false, {
+        fileName: "src/elements/ListDrawer/index.tsx",
+        lineNumber: 32,
+        columnNumber: 5
+    }, this);
 };
-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 ListDrawer = (props)=>{
+    const { drawerSlug } = props;
+    return /*#__PURE__*/ _jsxDEV(Drawer, {
+        className: baseClass,
+        gutter: false,
+        Header: null,
+        slug: drawerSlug,
+        children: /*#__PURE__*/ _jsxDEV(ListDrawerContent, {
+            ...props
+        }, void 0, false, {
+            fileName: "src/elements/ListDrawer/index.tsx",
+            lineNumber: 49,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/ListDrawer/index.tsx",
+        lineNumber: 48,
+        columnNumber: 5
+    }, this);
 };
 /**
  * Returns an array containing the ListDrawer component, the ListDrawerToggler component, and an object with state and methods for controlling the drawer.
@@ -64,199 +66,117 @@ export const ListDrawer = props => {
  *      <ListDrawerToggler onClick={openDrawer}>Open List Drawer</ListDrawerToggler>
  *    </>
  * )
- */
-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] !== drawerSlug || $[4] !== modalState) {
-    t3 = () => {
-      setIsOpen(Boolean(modalState[drawerSlug]?.isOpen));
-    };
-    t4 = [modalState, drawerSlug];
-    $[3] = drawerSlug;
-    $[4] = modalState;
-    $[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(_temp));
-      }
-    };
-    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] !== drawerSlug || $[13] !== toggleModal) {
-    t7 = () => {
-      toggleModal(drawerSlug);
-    };
-    $[12] = drawerSlug;
-    $[13] = toggleModal;
-    $[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] !== drawerSlug || $[19] !== openModal) {
-    t9 = () => {
-      openModal(drawerSlug);
-    };
-    $[18] = drawerSlug;
-    $[19] = openModal;
-    $[20] = t9;
-  } else {
-    t9 = $[20];
-  }
-  const openDrawer = t9;
-  let t10;
-  if ($[21] !== closeDrawer || $[22] !== collectionSlugs || $[23] !== drawerSlug || $[24] !== filterOptions || $[25] !== selectedCollection || $[26] !== uploads) {
-    t10 = props => _createElement(ListDrawer, {
-      ...props,
-      closeDrawer,
-      collectionSlugs,
-      drawerSlug,
-      filterOptions,
-      key: drawerSlug,
-      selectedCollection,
-      uploads
+ */ export const useListDrawer = ({ collectionSlugs: collectionSlugsFromProps, filterOptions, selectedCollection, uploads })=>{
+    const { config: { 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
     });
-    $[21] = closeDrawer;
-    $[22] = collectionSlugs;
-    $[23] = drawerSlug;
-    $[24] = filterOptions;
-    $[25] = selectedCollection;
-    $[26] = uploads;
-    $[27] = t10;
-  } else {
-    t10 = $[27];
-  }
-  const MemoizedDrawer = t10;
-  let t11;
-  if ($[28] !== drawerSlug) {
-    t11 = props_0 => _jsx(ListDrawerToggler, {
-      ...props_0,
-      drawerSlug
-    });
-    $[28] = drawerSlug;
-    $[29] = t11;
-  } else {
-    t11 = $[29];
-  }
-  const MemoizedDrawerToggler = t11;
-  let t12;
-  if ($[30] !== closeDrawer || $[31] !== collectionSlugs || $[32] !== drawerDepth || $[33] !== drawerSlug || $[34] !== isOpen || $[35] !== openDrawer || $[36] !== toggleDrawer) {
-    t12 = {
-      closeDrawer,
-      collectionSlugs,
-      drawerDepth,
-      drawerSlug,
-      isDrawerOpen: isOpen,
-      openDrawer,
-      setCollectionSlugs,
-      toggleDrawer
-    };
-    $[30] = closeDrawer;
-    $[31] = collectionSlugs;
-    $[32] = drawerDepth;
-    $[33] = drawerSlug;
-    $[34] = isOpen;
-    $[35] = openDrawer;
-    $[36] = toggleDrawer;
-    $[37] = t12;
-  } else {
-    t12 = $[37];
-  }
-  const MemoizedDrawerState = t12;
-  let t13;
-  if ($[38] !== MemoizedDrawer || $[39] !== MemoizedDrawerState || $[40] !== MemoizedDrawerToggler) {
-    t13 = [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState];
-    $[38] = MemoizedDrawer;
-    $[39] = MemoizedDrawerState;
-    $[40] = MemoizedDrawerToggler;
-    $[41] = t13;
-  } else {
-    t13 = $[41];
-  }
-  return t13;
+    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__*/ _createElement(ListDrawer, {
+                ...props,
+                closeDrawer: closeDrawer,
+                collectionSlugs: collectionSlugs,
+                drawerSlug: drawerSlug,
+                filterOptions: filterOptions,
+                key: drawerSlug,
+                selectedCollection: selectedCollection,
+                uploads: uploads,
+                __source: {
+                    fileName: "src/elements/ListDrawer/index.tsx",
+                    lineNumber: 124,
+                    columnNumber: 7
+                },
+                __self: this
+            });
+    }, [
+        drawerSlug,
+        collectionSlugs,
+        uploads,
+        closeDrawer,
+        selectedCollection,
+        filterOptions
+    ]);
+    const MemoizedDrawerToggler = useMemo(()=>{
+        return (props)=>/*#__PURE__*/ _jsxDEV(ListDrawerToggler, {
+                ...props,
+                drawerSlug: drawerSlug
+            }, void 0, false, {
+                fileName: "src/elements/ListDrawer/index.tsx",
+                lineNumber: 138,
+                columnNumber: 23
+            }, this);
+    }, [
+        drawerSlug
+    ]);
+    const MemoizedDrawerState = useMemo(()=>({
+            closeDrawer,
+            collectionSlugs,
+            drawerDepth,
+            drawerSlug,
+            isDrawerOpen: isOpen,
+            openDrawer,
+            setCollectionSlugs,
+            toggleDrawer
+        }), [
+        drawerDepth,
+        drawerSlug,
+        isOpen,
+        toggleDrawer,
+        closeDrawer,
+        openDrawer,
+        setCollectionSlugs,
+        collectionSlugs
+    ]);
+    return [
+        MemoizedDrawer,
+        MemoizedDrawerToggler,
+        MemoizedDrawerState
+    ];
 };
-function _temp(t0) {
-  const {
-    slug
-  } = t0;
-  return slug;
-}
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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","_temp","toggleDrawer","t8","closeDrawer","t9","openDrawer","t10","_createElement","key","MemoizedDrawer","t11","props_0","MemoizedDrawerToggler","t12","isDrawerOpen","MemoizedDrawerState","t13"],"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\n/**\n * Returns an array containing the ListDrawer component, the ListDrawerToggler component, and an object with state and methods for controlling the drawer.\n * @example\n * import { useListDrawer } from '@payloadcms/ui'\n *\n * // inside a React component\n * const [ListDrawer, ListDrawerToggler, { closeDrawer, openDrawer }] = useListDrawer({\n *   collectionSlugs: ['users'],\n *   selectedCollection: 'users',\n * })\n *\n * // inside the return statement\n * return (\n *    <>\n *      <ListDrawer />\n *      <ListDrawerToggler onClick={openDrawer}>Open List Drawer</ListDrawerToggler>\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":"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","ignoreList":[]}
+{"version":3,"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\n/**\n * Returns an array containing the ListDrawer component, the ListDrawerToggler component, and an object with state and methods for controlling the drawer.\n * @example\n * import { useListDrawer } from '@payloadcms/ui'\n *\n * // inside a React component\n * const [ListDrawer, ListDrawerToggler, { closeDrawer, openDrawer }] = useListDrawer({\n *   collectionSlugs: ['users'],\n *   selectedCollection: 'users',\n * })\n *\n * // inside the return statement\n * return (\n *    <>\n *      <ListDrawer />\n *      <ListDrawerToggler onClick={openDrawer}>Open List Drawer</ListDrawerToggler>\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"],"names":["useModal","React","useCallback","useEffect","useId","useMemo","useState","useConfig","useEditDepth","Drawer","DrawerToggler","ListDrawerContent","baseClass","formatListDrawerSlug","depth","uuid","ListDrawerToggler","children","className","disabled","drawerSlug","onClick","rest","filter","Boolean","join","slug","ListDrawer","props","gutter","Header","useListDrawer","collectionSlugs","collectionSlugsFromProps","filterOptions","selectedCollection","uploads","config","collections","drawerDepth","closeModal","modalState","openModal","toggleModal","isOpen","setIsOpen","setCollectionSlugs","length","filteredCollectionSlugs","upload","map","toggleDrawer","closeDrawer","openDrawer","MemoizedDrawer","key","MemoizedDrawerToggler","MemoizedDrawerState","isDrawerOpen"],"mappings":"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"}

package/dist/elements/ListDrawer/types.js

@@ -1,2 +1,7 @@
-export {};
+/**
+ * @internal - this may change in a minor release
+ */ /**
+ * @internal - this may change in a minor release
+ */ export { }; // finds all collections with upload: true
+
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/ListDrawer/types.ts"],"sourcesContent":["import type {\n  CollectionPreferences,\n  FilterOptionsResult,\n  ListQuery,\n  SanitizedCollectionConfig,\n} from 'payload'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nimport type { ListDrawerContextProps } from './Provider.js'\n\n/**\n * @internal - this may change in a minor release\n */\nexport type RenderListServerFnArgs = {\n  collectionSlug: string\n  disableActions?: boolean\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  disableQueryPresets?: boolean\n  drawerSlug?: string\n  enableRowSelections: boolean\n  overrideEntityVisibility?: boolean\n  query: ListQuery\n  redirectAfterDelete?: boolean\n  redirectAfterDuplicate?: boolean\n}\n\n/**\n * @internal - this may change in a minor release\n */\nexport type RenderListServerFnReturnType = {\n  List: React.ReactNode\n  preferences: CollectionPreferences\n}\n\nexport type ListDrawerProps = {\n  readonly allowCreate?: boolean\n  readonly collectionSlugs: SanitizedCollectionConfig['slug'][]\n  readonly disableQueryPresets?: boolean\n  readonly drawerSlug?: string\n  readonly enableRowSelections?: boolean\n  readonly filterOptions?: FilterOptionsResult\n  readonly overrideEntityVisibility?: boolean\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  overrideEntityVisibility?: boolean\n  selectedCollection?: SanitizedCollectionConfig['slug']\n  uploads?: boolean // finds all collections with upload: true\n}) => [\n  React.FC<Omit<ListDrawerProps, 'collectionSlugs'>>,\n  React.FC<Omit<ListTogglerProps, 'drawerSlug'>>,\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":"AAsDA","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/ListDrawer/types.ts"],"sourcesContent":["import type {\n  CollectionPreferences,\n  FilterOptionsResult,\n  ListQuery,\n  SanitizedCollectionConfig,\n} from 'payload'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nimport type { ListDrawerContextProps } from './Provider.js'\n\n/**\n * @internal - this may change in a minor release\n */\nexport type RenderListServerFnArgs = {\n  collectionSlug: string\n  disableActions?: boolean\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  disableQueryPresets?: boolean\n  drawerSlug?: string\n  enableRowSelections: boolean\n  overrideEntityVisibility?: boolean\n  query: ListQuery\n  redirectAfterDelete?: boolean\n  redirectAfterDuplicate?: boolean\n}\n\n/**\n * @internal - this may change in a minor release\n */\nexport type RenderListServerFnReturnType = {\n  List: React.ReactNode\n  preferences: CollectionPreferences\n}\n\nexport type ListDrawerProps = {\n  readonly allowCreate?: boolean\n  readonly collectionSlugs: SanitizedCollectionConfig['slug'][]\n  readonly disableQueryPresets?: boolean\n  readonly drawerSlug?: string\n  readonly enableRowSelections?: boolean\n  readonly filterOptions?: FilterOptionsResult\n  readonly overrideEntityVisibility?: boolean\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  overrideEntityVisibility?: boolean\n  selectedCollection?: SanitizedCollectionConfig['slug']\n  uploads?: boolean // finds all collections with upload: true\n}) => [\n  React.FC<Omit<ListDrawerProps, 'collectionSlugs'>>,\n  React.FC<Omit<ListTogglerProps, 'drawerSlug'>>,\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"],"names":[],"mappings":"AAWA;;CAEC,GAeD;;CAEC,GAwBD,WAmBC,CAdmB,0CAA0C"}

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

@@ -1,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-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';
@@ -10,89 +8,50 @@ import { useListDrawerContext } from '../../ListDrawer/Provider.js';
 import { ReactSelect } from '../../ReactSelect/index.js';
 import { listHeaderClass } from '../index.js';
 const drawerBaseClass = 'list-drawer';
-export const DrawerRelationshipSelect = () => {
-  const $ = _c(12);
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const {
-    config: t0,
-    getEntityConfig
-  } = useConfig();
-  const {
-    collections
-  } = t0;
-  const {
-    enabledCollections,
-    selectedOption,
-    setSelectedOption
-  } = useListDrawerContext();
-  let t1;
-  if ($[0] !== collections || $[1] !== enabledCollections || $[2] !== getEntityConfig || $[3] !== i18n || $[4] !== selectedOption || $[5] !== setSelectedOption || $[6] !== t) {
-    t1 = Symbol.for("react.early_return_sentinel");
-    bb0: {
-      let t2;
-      if ($[8] !== enabledCollections) {
-        t2 = t3 => {
-          const {
-            slug
-          } = t3;
-          return enabledCollections.includes(slug);
-        };
-        $[8] = enabledCollections;
-        $[9] = t2;
-      } else {
-        t2 = $[9];
-      }
-      const enabledCollectionConfigs = collections.filter(t2);
-      if (enabledCollectionConfigs.length > 1) {
+export const DrawerRelationshipSelect = ()=>{
+    const { i18n, t } = useTranslation();
+    const { config: { collections }, getEntityConfig } = useConfig();
+    const { enabledCollections, selectedOption, setSelectedOption } = useListDrawerContext();
+    const enabledCollectionConfigs = collections.filter(({ slug })=>enabledCollections.includes(slug));
+    if (enabledCollectionConfigs.length > 1) {
         const activeCollectionConfig = getEntityConfig({
-          collectionSlug: selectedOption.value
-        });
-        let t3;
-        if ($[10] !== i18n) {
-          t3 = coll => ({
-            label: getTranslation(coll.labels.singular, i18n),
-            value: coll.slug
-          });
-          $[10] = i18n;
-          $[11] = t3;
-        } else {
-          t3 = $[11];
-        }
-        t1 = _jsxs("div", {
-          className: `${drawerBaseClass}__select-collection-wrap`,
-          children: [_jsx(FieldLabel, {
-            label: t("upload:selectCollectionToBrowse")
-          }), _jsx(ReactSelect, {
-            className: `${listHeaderClass}__select-collection`,
-            isClearable: false,
-            onChange: setSelectedOption,
-            options: enabledCollectionConfigs.map(t3),
-            value: {
-              label: getTranslation(activeCollectionConfig?.labels.singular, i18n),
-              value: activeCollectionConfig?.slug
-            }
-          })]
+            collectionSlug: selectedOption.value
         });
-        break bb0;
-      }
+        return /*#__PURE__*/ _jsxDEV("div", {
+            className: `${drawerBaseClass}__select-collection-wrap`,
+            children: [
+                /*#__PURE__*/ _jsxDEV(FieldLabel, {
+                    label: t('upload:selectCollectionToBrowse')
+                }, 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,
+                    options: enabledCollectionConfigs.map((coll)=>({
+                            label: getTranslation(coll.labels.singular, i18n),
+                            value: coll.slug
+                        })),
+                    value: {
+                        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);
     }
-    $[0] = collections;
-    $[1] = enabledCollections;
-    $[2] = getEntityConfig;
-    $[3] = i18n;
-    $[4] = selectedOption;
-    $[5] = setSelectedOption;
-    $[6] = t;
-    $[7] = t1;
-  } else {
-    t1 = $[7];
-  }
-  if (t1 !== Symbol.for("react.early_return_sentinel")) {
-    return t1;
-  }
-  return null;
+    return null;
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","FieldLabel","useConfig","useTranslation","useListDrawerContext","ReactSelect","listHeaderClass","drawerBaseClass","DrawerRelationshipSelect","$","i18n","t","config","t0","getEntityConfig","collections","enabledCollections","selectedOption","setSelectedOption","t1","Symbol","for","t2","t3","slug","includes","enabledCollectionConfigs","filter","length","activeCollectionConfig","collectionSlug","value","coll","label","labels","singular","_jsxs","className","children","_jsx","isClearable","onChange","options","map"],"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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,cAAc,QAAQ;AAE/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,WAAW,QAAQ;AAC5B,SAASC,eAAe,QAAQ;AAEhC,MAAMC,eAAA,GAAkB;AAExB,OAAO,MAAMC,wBAAA,GAA2BA,CAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACtC;IAAAW,IAAA;IAAAC;EAAA,IAAoBR,cAAA;EACpB;IAAAS,MAAA,EAAAC,EAAA;IAAAC;EAAA,IAGIZ,SAAA;EAFM;IAAAa;EAAA,IAAAF,EAAe;EAGzB;IAAAG,kBAAA;IAAAC,cAAA;IAAAC;EAAA,IAAkEd,oBAAA;EAAA,IAAAe,EAAA;EAAA,IAAAV,CAAA,QAAAM,WAAA,IAAAN,CAAA,QAAAO,kBAAA,IAAAP,CAAA,QAAAK,eAAA,IAAAL,CAAA,QAAAC,IAAA,IAAAD,CAAA,QAAAQ,cAAA,IAAAR,CAAA,QAAAS,iBAAA,IAAAT,CAAA,QAAAE,CAAA;IAQ9DQ,EAAA,GAAAC,MAAA,CAAAC,GAAA,8B;;;;QAPgDC,EAAA,GAAAC,EAAA;UAAC;YAAAC;UAAA,IAAAD,EAAQ;UAAA,OAC3DP,kBAAA,CAAAS,QAAA,CAA4BD,IAAA;QAAA;QAAAf,CAAA,MAAAO,kBAAA;QAAAP,CAAA,MAAAa,EAAA;MAAA;QAAAA,EAAA,GAAAb,CAAA;MAAA;MAD9B,MAAAiB,wBAAA,GAAiCX,WAAA,CAAAY,MAAA,CAAmBL,EACtB;MAAA,IAE1BI,wBAAA,CAAAE,MAAA,IAAkC;QACpC,MAAAC,sBAAA,GAA+Bf,eAAA;UAAAgB,cAAA,EAAkCb,cAAA,CAAAc;QAAA,CAAqB;QAAA,IAAAR,EAAA;QAAA,IAAAd,CAAA,SAAAC,IAAA;UAS1Ca,EAAA,GAAAS,IAAA;YAAAC,KAAA,EAC7BjC,cAAA,CAAegC,IAAA,CAAAE,MAAA,CAAAC,QAAA,EAAsBzB,IAAA;YAAAqB,KAAA,EACrCC,IAAA,CAAAR;UAAA;UACTf,CAAA,OAAAC,IAAA;UAAAD,CAAA,OAAAc,EAAA;QAAA;UAAAA,EAAA,GAAAd,CAAA;QAAA;QATJU,EAAA,GAAAiB,KAAA,CAAC;UAAAC,SAAA,EAAe,GAAA9B,eAAA,0BAA4C;UAAA+B,QAAA,GAC1DC,IAAA,CAAAtC,UAAA;YAAAgC,KAAA,EAAmBtB,CAAA,CAAE;UAAA,C,GACrB4B,IAAA,CAAAlC,WAAA;YAAAgC,SAAA,EACa,GAAA/B,eAAA,qBAAuC;YAAAkC,WAAA;YAAAC,QAAA,EAExCvB,iBAAA;YAAAwB,OAAA,EACDhB,wBAAA,CAAAiB,GAAA,CAA6BpB,EAGtC;YAAAQ,KAAA;cAAAE,KAAA,EAESjC,cAAA,CAAe6B,sBAAA,EAAAK,MAAA,CAAAC,QAAA,EAAyCzB,IAAA;cAAAqB,KAAA,EACxDF,sBAAA,EAAAL;YAAA;UAAA,C;;;;;;;;;;;;;;;;;;;;CAOnB","ignoreList":[]}
+{"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"}