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

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

@@ -1 +1 @@
-{"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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"}
+{"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","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/ListHeader/DrawerRelationshipSelect/index.js

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { FieldLabel } from '../../../fields/FieldLabel/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
@@ -17,39 +16,16 @@ export const DrawerRelationshipSelect = ()=>{
         const activeCollectionConfig = getEntityConfig({
             collectionSlug: selectedOption.value
         });
-        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);
+        return <div className={`${drawerBaseClass}__select-collection-wrap`}>
+        <FieldLabel label={t('upload:selectCollectionToBrowse')}/>
+        <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
+        }}/>
+      </div>;
     }
     return null;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ListHeader/DrawerRelationshipSelect/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { useListDrawerContext } from '../../ListDrawer/Provider.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { listHeaderClass } from '../index.js'\n\nconst drawerBaseClass = 'list-drawer'\n\nexport const DrawerRelationshipSelect = () => {\n  const { i18n, t } = useTranslation()\n  const {\n    config: { collections },\n    getEntityConfig,\n  } = useConfig()\n  const { enabledCollections, selectedOption, setSelectedOption } = useListDrawerContext()\n  const enabledCollectionConfigs = collections.filter(({ slug }) =>\n    enabledCollections.includes(slug),\n  )\n  if (enabledCollectionConfigs.length > 1) {\n    const activeCollectionConfig = getEntityConfig({ collectionSlug: selectedOption.value })\n\n    return (\n      <div className={`${drawerBaseClass}__select-collection-wrap`}>\n        <FieldLabel label={t('upload:selectCollectionToBrowse')} />\n        <ReactSelect\n          className={`${listHeaderClass}__select-collection`}\n          isClearable={false}\n          onChange={setSelectedOption}\n          options={enabledCollectionConfigs.map((coll) => ({\n            label: getTranslation(coll.labels.singular, i18n),\n            value: coll.slug,\n          }))}\n          value={{\n            label: getTranslation(activeCollectionConfig?.labels.singular, i18n),\n            value: activeCollectionConfig?.slug,\n          }}\n        />\n      </div>\n    )\n  }\n  return null\n}\n"],"names":["getTranslation","FieldLabel","useConfig","useTranslation","useListDrawerContext","ReactSelect","listHeaderClass","drawerBaseClass","DrawerRelationshipSelect","i18n","t","config","collections","getEntityConfig","enabledCollections","selectedOption","setSelectedOption","enabledCollectionConfigs","filter","slug","includes","length","activeCollectionConfig","collectionSlug","value","div","className","label","isClearable","onChange","options","map","coll","labels","singular"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AAEzD,SAASC,UAAU,QAAQ,sCAAqC;AAChE,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,oBAAoB,QAAQ,+BAA8B;AACnE,SAASC,WAAW,QAAQ,6BAA4B;AACxD,SAASC,eAAe,QAAQ,cAAa;AAE7C,MAAMC,kBAAkB;AAExB,OAAO,MAAMC,2BAA2B;IACtC,MAAM,EAAEC,IAAI,EAAEC,CAAC,EAAE,GAAGP;IACpB,MAAM,EACJQ,QAAQ,EAAEC,WAAW,EAAE,EACvBC,eAAe,EAChB,GAAGX;IACJ,MAAM,EAAEY,kBAAkB,EAAEC,cAAc,EAAEC,iBAAiB,EAAE,GAAGZ;IAClE,MAAMa,2BAA2BL,YAAYM,MAAM,CAAC,CAAC,EAAEC,IAAI,EAAE,GAC3DL,mBAAmBM,QAAQ,CAACD;IAE9B,IAAIF,yBAAyBI,MAAM,GAAG,GAAG;QACvC,MAAMC,yBAAyBT,gBAAgB;YAAEU,gBAAgBR,eAAeS,KAAK;QAAC;QAEtF,qBACE,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"}
+{"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,QACGC,IAAIC,WAAW,GAAGnB,gBAAgB,wBAAwB,CAAC,EAAE;QAC5D,CAACN,WAAW0B,OAAOjB,EAAE,qCAAsC;QAC3D,CAACL,YACCqB,WAAW,GAAGpB,gBAAgB,mBAAmB,CAAC,EAClDsB,aAAa,OACbC,UAAUb,mBACVc,SAASb,yBAAyBc,GAAG,CAAC,CAACC,OAAU,CAAA;gBAC/CL,OAAO3B,eAAegC,KAAKC,MAAM,CAACC,QAAQ,EAAEzB;gBAC5Ce,OAAOQ,KAAKb,IAAI;YAClB,CAAA,IACAK,OAAO;YACLG,OAAO3B,eAAesB,wBAAwBW,OAAOC,UAAUzB;YAC/De,OAAOF,wBAAwBH;QACjC,IACA;MACJ,EAAEM;IAEN;IACA,OAAO;AACT,EAAC"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, CollectionSlug } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DocumentDrawer, useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nconst baseClass = 'create-new-doc-in-folder'\n\nexport function ListCreateNewDocInFolderButton({\n  buttonLabel,\n  collectionSlugs,\n  folderAssignedCollections,\n  onCreateSuccess,\n  slugPrefix,\n}: {\n  buttonLabel: string\n  collectionSlugs: CollectionSlug[]\n  folderAssignedCollections: CollectionSlug[]\n  onCreateSuccess: (args: {\n    collectionSlug: CollectionSlug\n    doc: Record<string, unknown>\n  }) => Promise<void> | void\n  slugPrefix: string\n}) {\n  const newDocInFolderDrawerSlug = `${slugPrefix}-new-doc-in-folder-drawer`\n  const { i18n } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const { config } = useConfig()\n  const { folderCollectionConfig, folderCollectionSlug, folderFieldName, folderID } = useFolder()\n  const [FolderDocumentDrawer, , { closeDrawer: closeFolderDrawer, openDrawer: openFolderDrawer }] =\n    useDocumentDrawer({\n      collectionSlug: folderCollectionSlug,\n    })\n  const [createCollectionSlug, setCreateCollectionSlug] = React.useState<string | undefined>()\n  const [enabledCollections] = React.useState<ClientCollectionConfig[]>(() =>\n    collectionSlugs.reduce((acc, collectionSlug) => {\n      const collectionConfig = config.collections.find(({ slug }) => slug === collectionSlug)\n      if (collectionConfig) {\n        acc.push(collectionConfig)\n      }\n      return acc\n    }, []),\n  )\n\n  if (enabledCollections.length === 0) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      {enabledCollections.length === 1 ? (\n        // If there is only 1 option, do not render a popup\n        <Button\n          buttonStyle=\"pill\"\n          className={`${baseClass}__button`}\n          el=\"div\"\n          onClick={() => {\n            if (enabledCollections[0].slug === folderCollectionConfig.slug) {\n              openFolderDrawer()\n            } else {\n              setCreateCollectionSlug(enabledCollections[0].slug)\n              openModal(newDocInFolderDrawerSlug)\n            }\n          }}\n          size=\"small\"\n        >\n          {buttonLabel}\n        </Button>\n      ) : (\n        <Popup\n          button={\n            <Button\n              buttonStyle=\"pill\"\n              className={`${baseClass}__popup-button`}\n              el=\"div\"\n              icon=\"chevron\"\n              size=\"small\"\n            >\n              {buttonLabel}\n            </Button>\n          }\n          buttonType=\"default\"\n          className={`${baseClass}__action-popup`}\n        >\n          <PopupList.ButtonGroup>\n            {enabledCollections.map((collection, index) => {\n              return (\n                <PopupList.Button\n                  key={index}\n                  onClick={() => {\n                    if (collection.slug === folderCollectionConfig.slug) {\n                      openFolderDrawer()\n                    } else {\n                      setCreateCollectionSlug(collection.slug)\n                      openModal(newDocInFolderDrawerSlug)\n                    }\n                  }}\n                >\n                  {getTranslation(collection.labels.singular, i18n)}\n                </PopupList.Button>\n              )\n            })}\n          </PopupList.ButtonGroup>\n        </Popup>\n      )}\n\n      {createCollectionSlug && (\n        <DocumentDrawer\n          collectionSlug={createCollectionSlug}\n          drawerSlug={newDocInFolderDrawerSlug}\n          initialData={{\n            [folderFieldName]: folderID,\n          }}\n          onSave={async ({ doc }) => {\n            await onCreateSuccess({\n              collectionSlug: createCollectionSlug,\n              doc,\n            })\n            closeModal(newDocInFolderDrawerSlug)\n          }}\n          redirectAfterCreate={false}\n        />\n      )}\n\n      {collectionSlugs.includes(folderCollectionConfig.slug) && (\n        <FolderDocumentDrawer\n          initialData={{\n            [folderFieldName]: folderID,\n            folderType: createCollectionSlug\n              ? folderAssignedCollections || [createCollectionSlug]\n              : folderAssignedCollections,\n          }}\n          onSave={async (result) => {\n            await onCreateSuccess({\n              collectionSlug: folderCollectionConfig.slug,\n              doc: result.doc,\n            })\n            closeFolderDrawer()\n          }}\n          redirectAfterCreate={false}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","getTranslation","React","useConfig","useFolder","useTranslation","Button","DocumentDrawer","useDocumentDrawer","Popup","PopupList","baseClass","ListCreateNewDocInFolderButton","buttonLabel","collectionSlugs","folderAssignedCollections","onCreateSuccess","slugPrefix","newDocInFolderDrawerSlug","i18n","closeModal","openModal","config","folderCollectionConfig","folderCollectionSlug","folderFieldName","folderID","FolderDocumentDrawer","closeDrawer","closeFolderDrawer","openDrawer","openFolderDrawer","collectionSlug","createCollectionSlug","setCreateCollectionSlug","useState","enabledCollections","reduce","acc","collectionConfig","collections","find","slug","push","length","Fragment","buttonStyle","className","el","onClick","size","button","icon","buttonType","ButtonGroup","map","collection","index","labels","singular","drawerSlug","initialData","onSave","doc","redirectAfterCreate","includes","folderType","result"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, CollectionSlug } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DocumentDrawer, useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nconst baseClass = 'create-new-doc-in-folder'\n\nexport function ListCreateNewDocInFolderButton({\n  buttonLabel,\n  collectionSlugs,\n  folderAssignedCollections,\n  onCreateSuccess,\n  slugPrefix,\n}: {\n  buttonLabel: string\n  collectionSlugs: CollectionSlug[]\n  folderAssignedCollections: CollectionSlug[]\n  onCreateSuccess: (args: {\n    collectionSlug: CollectionSlug\n    doc: Record<string, unknown>\n  }) => Promise<void> | void\n  slugPrefix: string\n}) {\n  const newDocInFolderDrawerSlug = `${slugPrefix}-new-doc-in-folder-drawer`\n  const { i18n } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const { config } = useConfig()\n  const { folderCollectionConfig, folderCollectionSlug, folderFieldName, folderID } = useFolder()\n  const [FolderDocumentDrawer, , { closeDrawer: closeFolderDrawer, openDrawer: openFolderDrawer }] =\n    useDocumentDrawer({\n      collectionSlug: folderCollectionSlug,\n    })\n  const [createCollectionSlug, setCreateCollectionSlug] = React.useState<string | undefined>()\n  const [enabledCollections] = React.useState<ClientCollectionConfig[]>(() =>\n    collectionSlugs.reduce((acc, collectionSlug) => {\n      const collectionConfig = config.collections.find(({ slug }) => slug === collectionSlug)\n      if (collectionConfig) {\n        acc.push(collectionConfig)\n      }\n      return acc\n    }, []),\n  )\n\n  if (enabledCollections.length === 0) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      {enabledCollections.length === 1 ? (\n        // If there is only 1 option, do not render a popup\n        <Button\n          buttonStyle=\"pill\"\n          className={`${baseClass}__button`}\n          el=\"div\"\n          onClick={() => {\n            if (enabledCollections[0].slug === folderCollectionConfig.slug) {\n              openFolderDrawer()\n            } else {\n              setCreateCollectionSlug(enabledCollections[0].slug)\n              openModal(newDocInFolderDrawerSlug)\n            }\n          }}\n          size=\"small\"\n        >\n          {buttonLabel}\n        </Button>\n      ) : (\n        <Popup\n          button={\n            <Button\n              buttonStyle=\"pill\"\n              className={`${baseClass}__popup-button`}\n              el=\"div\"\n              icon=\"chevron\"\n              size=\"small\"\n            >\n              {buttonLabel}\n            </Button>\n          }\n          buttonType=\"default\"\n          className={`${baseClass}__action-popup`}\n        >\n          <PopupList.ButtonGroup>\n            {enabledCollections.map((collection, index) => {\n              return (\n                <PopupList.Button\n                  key={index}\n                  onClick={() => {\n                    if (collection.slug === folderCollectionConfig.slug) {\n                      openFolderDrawer()\n                    } else {\n                      setCreateCollectionSlug(collection.slug)\n                      openModal(newDocInFolderDrawerSlug)\n                    }\n                  }}\n                >\n                  {getTranslation(collection.labels.singular, i18n)}\n                </PopupList.Button>\n              )\n            })}\n          </PopupList.ButtonGroup>\n        </Popup>\n      )}\n\n      {createCollectionSlug && (\n        <DocumentDrawer\n          collectionSlug={createCollectionSlug}\n          drawerSlug={newDocInFolderDrawerSlug}\n          initialData={{\n            [folderFieldName]: folderID,\n          }}\n          onSave={async ({ doc }) => {\n            await onCreateSuccess({\n              collectionSlug: createCollectionSlug,\n              doc,\n            })\n            closeModal(newDocInFolderDrawerSlug)\n          }}\n          redirectAfterCreate={false}\n        />\n      )}\n\n      {collectionSlugs.includes(folderCollectionConfig.slug) && (\n        <FolderDocumentDrawer\n          initialData={{\n            [folderFieldName]: folderID,\n            folderType: createCollectionSlug\n              ? folderAssignedCollections || [createCollectionSlug]\n              : folderAssignedCollections,\n          }}\n          onSave={async (result) => {\n            await onCreateSuccess({\n              collectionSlug: folderCollectionConfig.slug,\n              doc: result.doc,\n            })\n            closeFolderDrawer()\n          }}\n          redirectAfterCreate={false}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","getTranslation","React","useConfig","useFolder","useTranslation","Button","DocumentDrawer","useDocumentDrawer","Popup","PopupList","baseClass","ListCreateNewDocInFolderButton","buttonLabel","collectionSlugs","folderAssignedCollections","onCreateSuccess","slugPrefix","newDocInFolderDrawerSlug","i18n","closeModal","openModal","config","folderCollectionConfig","folderCollectionSlug","folderFieldName","folderID","FolderDocumentDrawer","closeDrawer","closeFolderDrawer","openDrawer","openFolderDrawer","collectionSlug","createCollectionSlug","setCreateCollectionSlug","useState","enabledCollections","reduce","acc","collectionConfig","collections","find","slug","push","length","Fragment","buttonStyle","className","el","onClick","size","button","icon","buttonType","ButtonGroup","map","collection","index","key","labels","singular","drawerSlug","initialData","onSave","doc","redirectAfterCreate","includes","folderType","result"],"mappings":"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"}

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

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