@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ListControls/index.tsx"],"sourcesContent":["'use client'\n\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { getTranslation } from '@payloadcms/translations'\nimport { validateWhereQuery } from 'payload/shared'\nimport React, { Fragment, useEffect, useRef, useState } from 'react'\n\nimport type { ListControlsProps } from './types.js'\n\nimport { Popup } from '../../elements/Popup/index.js'\nimport { useUseTitleField } from '../../hooks/useUseAsTitle.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { Dots } from '../../icons/Dots/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { AnimateHeight } from '../AnimateHeight/index.js'\nimport { ColumnSelector } from '../ColumnSelector/index.js'\nimport { GroupByBuilder } from '../GroupByBuilder/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { QueryPresetBar } from '../QueryPresets/QueryPresetBar/index.js'\nimport { SearchBar } from '../SearchBar/index.js'\nimport { WhereBuilder } from '../WhereBuilder/index.js'\nimport { getTextFieldsToBeSearched } from './getTextFieldsToBeSearched.js'\nimport './index.scss'\n\nconst baseClass = 'list-controls'\n\n/**\n * The ListControls component is used to render the controls (search, filter, where)\n * for a collection's list view. You can find those directly above the table which lists\n * the collection's documents.\n */\nexport const ListControls: React.FC<ListControlsProps> = (props) => {\n  const {\n    beforeActions,\n    collectionConfig,\n    collectionSlug,\n    disableQueryPresets,\n    enableColumns = true,\n    enableFilters = true,\n    enableSort = false,\n    listMenuItems,\n    queryPreset: activePreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n  } = props\n\n  const { handleSearchChange, query } = useListQuery()\n\n  const titleField = useUseTitleField(collectionConfig)\n  const { i18n, t } = useTranslation()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const searchLabel =\n    (titleField &&\n      getTranslation(\n        'label' in titleField &&\n          (typeof titleField.label === 'string' || typeof titleField.label === 'object')\n          ? titleField.label\n          : 'name' in titleField\n            ? titleField.name\n            : null,\n        i18n,\n      )) ??\n    'ID'\n\n  const listSearchableFields = getTextFieldsToBeSearched(\n    collectionConfig.admin.listSearchableFields,\n    collectionConfig.fields,\n    i18n,\n  )\n\n  const searchLabelTranslated = useRef(\n    t('general:searchBy', { label: getTranslation(searchLabel, i18n) }),\n  )\n\n  const hasWhereParam = useRef(Boolean(query?.where))\n\n  const shouldInitializeWhereOpened = validateWhereQuery(query?.where)\n\n  const [visibleDrawer, setVisibleDrawer] = useState<'columns' | 'group-by' | 'sort' | 'where'>(\n    shouldInitializeWhereOpened ? 'where' : undefined,\n  )\n\n  useEffect(() => {\n    if (hasWhereParam.current && !query?.where) {\n      hasWhereParam.current = false\n    } else if (query?.where) {\n      hasWhereParam.current = true\n    }\n  }, [setVisibleDrawer, query?.where])\n\n  useEffect(() => {\n    if (listSearchableFields?.length > 0) {\n      searchLabelTranslated.current = listSearchableFields.reduce(\n        (placeholderText: string, field, i: number) => {\n          const label =\n            'label' in field && field.label ? field.label : 'name' in field ? field.name : null\n\n          if (i === 0) {\n            return `${t('general:searchBy', {\n              label: getTranslation(label, i18n),\n            })}`\n          }\n\n          if (i === listSearchableFields.length - 1) {\n            return `${placeholderText} ${t('general:or')} ${getTranslation(label, i18n)}`\n          }\n\n          return `${placeholderText}, ${getTranslation(label, i18n)}`\n        },\n        '',\n      )\n    } else {\n      searchLabelTranslated.current = t('general:searchBy', {\n        label: getTranslation(searchLabel, i18n),\n      })\n    }\n  }, [t, listSearchableFields, i18n, searchLabel])\n\n  return (\n    <div className={baseClass}>\n      {collectionConfig?.enableQueryPresets && !disableQueryPresets && (\n        <QueryPresetBar\n          activePreset={activePreset}\n          collectionSlug={collectionSlug}\n          queryPresetPermissions={queryPresetPermissions}\n        />\n      )}\n      <SearchBar\n        Actions={[\n          !smallBreak && (\n            <React.Fragment key=\"before-actions\">{beforeActions && beforeActions}</React.Fragment>\n          ),\n          enableColumns && (\n            <Pill\n              aria-controls={`${baseClass}-columns`}\n              aria-expanded={visibleDrawer === 'columns'}\n              className={`${baseClass}__toggle-columns`}\n              icon={<ChevronIcon direction={visibleDrawer === 'columns' ? 'up' : 'down'} />}\n              id=\"toggle-list-columns\"\n              key=\"toggle-list-columns\"\n              onClick={() => setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined)}\n              pillStyle=\"light\"\n              size=\"small\"\n            >\n              {t('general:columns')}\n            </Pill>\n          ),\n          enableFilters && (\n            <Pill\n              aria-controls={`${baseClass}-where`}\n              aria-expanded={visibleDrawer === 'where'}\n              className={`${baseClass}__toggle-where`}\n              icon={<ChevronIcon direction={visibleDrawer === 'where' ? 'up' : 'down'} />}\n              id=\"toggle-list-filters\"\n              key=\"toggle-list-filters\"\n              onClick={() => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined)}\n              pillStyle=\"light\"\n              size=\"small\"\n            >\n              {t('general:filters')}\n            </Pill>\n          ),\n          enableSort && (\n            <Pill\n              aria-controls={`${baseClass}-sort`}\n              aria-expanded={visibleDrawer === 'sort'}\n              className={`${baseClass}__toggle-sort`}\n              icon={<ChevronIcon />}\n              id=\"toggle-list-sort\"\n              key=\"toggle-list-sort\"\n              onClick={() => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined)}\n              pillStyle=\"light\"\n              size=\"small\"\n            >\n              {t('general:sort')}\n            </Pill>\n          ),\n          collectionConfig.admin.groupBy && (\n            <Pill\n              aria-controls={`${baseClass}-group-by`}\n              aria-expanded={visibleDrawer === 'group-by'}\n              className={`${baseClass}__toggle-group-by`}\n              icon={<ChevronIcon direction={visibleDrawer === 'group-by' ? 'up' : 'down'} />}\n              id=\"toggle-group-by\"\n              key=\"toggle-group-by\"\n              onClick={() =>\n                setVisibleDrawer(visibleDrawer !== 'group-by' ? 'group-by' : undefined)\n              }\n              pillStyle=\"light\"\n              size=\"small\"\n            >\n              {t('general:groupByLabel', {\n                label: '',\n              })}\n            </Pill>\n          ),\n          listMenuItems && Array.isArray(listMenuItems) && listMenuItems.length > 0 && (\n            <Popup\n              button={<Dots ariaLabel={t('general:moreOptions')} />}\n              className={`${baseClass}__popup`}\n              horizontalAlign=\"right\"\n              id=\"list-menu\"\n              key=\"list-menu\"\n              size=\"small\"\n              verticalAlign=\"bottom\"\n            >\n              {listMenuItems.map((item, i) => (\n                <Fragment key={`list-menu-item-${i}`}>{item}</Fragment>\n              ))}\n            </Popup>\n          ),\n        ].filter(Boolean)}\n        key={collectionSlug}\n        label={searchLabelTranslated.current}\n        onSearchChange={handleSearchChange}\n        searchQueryParam={query?.search}\n      />\n      {enableColumns && (\n        <AnimateHeight\n          className={`${baseClass}__columns`}\n          height={visibleDrawer === 'columns' ? 'auto' : 0}\n          id={`${baseClass}-columns`}\n        >\n          <ColumnSelector collectionSlug={collectionConfig.slug} />\n        </AnimateHeight>\n      )}\n      <AnimateHeight\n        className={`${baseClass}__where`}\n        height={visibleDrawer === 'where' ? 'auto' : 0}\n        id={`${baseClass}-where`}\n      >\n        <WhereBuilder\n          collectionPluralLabel={collectionConfig?.labels?.plural}\n          collectionSlug={collectionConfig.slug}\n          fields={collectionConfig?.fields}\n          renderedFilters={renderedFilters}\n          resolvedFilterOptions={resolvedFilterOptions}\n        />\n      </AnimateHeight>\n      {collectionConfig.admin.groupBy && (\n        <AnimateHeight\n          className={`${baseClass}__group-by`}\n          height={visibleDrawer === 'group-by' ? 'auto' : 0}\n          id={`${baseClass}-group-by`}\n        >\n          <GroupByBuilder collectionSlug={collectionConfig.slug} fields={collectionConfig.fields} />\n        </AnimateHeight>\n      )}\n    </div>\n  )\n}\n"],"names":["useWindowInfo","getTranslation","validateWhereQuery","React","Fragment","useEffect","useRef","useState","Popup","useUseTitleField","ChevronIcon","Dots","useListQuery","useTranslation","AnimateHeight","ColumnSelector","GroupByBuilder","Pill","QueryPresetBar","SearchBar","WhereBuilder","getTextFieldsToBeSearched","baseClass","ListControls","props","beforeActions","collectionConfig","collectionSlug","disableQueryPresets","enableColumns","enableFilters","enableSort","listMenuItems","queryPreset","activePreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","handleSearchChange","query","titleField","i18n","t","breakpoints","s","smallBreak","searchLabel","label","name","listSearchableFields","admin","fields","searchLabelTranslated","hasWhereParam","Boolean","where","shouldInitializeWhereOpened","visibleDrawer","setVisibleDrawer","undefined","current","length","reduce","placeholderText","field","i","div","className","enableQueryPresets","Actions","key","aria-controls","aria-expanded","icon","direction","id","onClick","pillStyle","size","groupBy","Array","isArray","button","ariaLabel","horizontalAlign","verticalAlign","map","item","filter","onSearchChange","searchQueryParam","search","height","slug","collectionPluralLabel","labels","plural"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/ListControls/index.tsx"],"sourcesContent":["'use client'\n\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { getTranslation } from '@payloadcms/translations'\nimport { validateWhereQuery } from 'payload/shared'\nimport React, { Fragment, useEffect, useRef, useState } from 'react'\n\nimport type { ListControlsProps } from './types.js'\n\nimport { Popup } from '../../elements/Popup/index.js'\nimport { useUseTitleField } from '../../hooks/useUseAsTitle.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { Dots } from '../../icons/Dots/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { AnimateHeight } from '../AnimateHeight/index.js'\nimport { ColumnSelector } from '../ColumnSelector/index.js'\nimport { GroupByBuilder } from '../GroupByBuilder/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { QueryPresetBar } from '../QueryPresets/QueryPresetBar/index.js'\nimport { SearchBar } from '../SearchBar/index.js'\nimport { WhereBuilder } from '../WhereBuilder/index.js'\nimport { getTextFieldsToBeSearched } from './getTextFieldsToBeSearched.js'\nimport './index.scss'\n\nconst baseClass = 'list-controls'\n\n/**\n * The ListControls component is used to render the controls (search, filter, where)\n * for a collection's list view. You can find those directly above the table which lists\n * the collection's documents.\n */\nexport const ListControls: React.FC<ListControlsProps> = (props) => {\n  const {\n    beforeActions,\n    collectionConfig,\n    collectionSlug,\n    disableQueryPresets,\n    enableColumns = true,\n    enableFilters = true,\n    enableSort = false,\n    listMenuItems,\n    queryPreset: activePreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n  } = props\n\n  const { handleSearchChange, query } = useListQuery()\n\n  const titleField = useUseTitleField(collectionConfig)\n  const { i18n, t } = useTranslation()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const searchLabel =\n    (titleField &&\n      getTranslation(\n        'label' in titleField &&\n          (typeof titleField.label === 'string' || typeof titleField.label === 'object')\n          ? titleField.label\n          : 'name' in titleField\n            ? titleField.name\n            : null,\n        i18n,\n      )) ??\n    'ID'\n\n  const listSearchableFields = getTextFieldsToBeSearched(\n    collectionConfig.admin.listSearchableFields,\n    collectionConfig.fields,\n    i18n,\n  )\n\n  const searchLabelTranslated = useRef(\n    t('general:searchBy', { label: getTranslation(searchLabel, i18n) }),\n  )\n\n  const hasWhereParam = useRef(Boolean(query?.where))\n\n  const shouldInitializeWhereOpened = validateWhereQuery(query?.where)\n\n  const [visibleDrawer, setVisibleDrawer] = useState<'columns' | 'group-by' | 'sort' | 'where'>(\n    shouldInitializeWhereOpened ? 'where' : undefined,\n  )\n\n  useEffect(() => {\n    if (hasWhereParam.current && !query?.where) {\n      hasWhereParam.current = false\n    } else if (query?.where) {\n      hasWhereParam.current = true\n    }\n  }, [setVisibleDrawer, query?.where])\n\n  useEffect(() => {\n    if (listSearchableFields?.length > 0) {\n      searchLabelTranslated.current = listSearchableFields.reduce(\n        (placeholderText: string, field, i: number) => {\n          const label =\n            'label' in field && field.label ? field.label : 'name' in field ? field.name : null\n\n          if (i === 0) {\n            return `${t('general:searchBy', {\n              label: getTranslation(label, i18n),\n            })}`\n          }\n\n          if (i === listSearchableFields.length - 1) {\n            return `${placeholderText} ${t('general:or')} ${getTranslation(label, i18n)}`\n          }\n\n          return `${placeholderText}, ${getTranslation(label, i18n)}`\n        },\n        '',\n      )\n    } else {\n      searchLabelTranslated.current = t('general:searchBy', {\n        label: getTranslation(searchLabel, i18n),\n      })\n    }\n  }, [t, listSearchableFields, i18n, searchLabel])\n\n  return (\n    <div className={baseClass}>\n      {collectionConfig?.enableQueryPresets && !disableQueryPresets && (\n        <QueryPresetBar\n          activePreset={activePreset}\n          collectionSlug={collectionSlug}\n          queryPresetPermissions={queryPresetPermissions}\n        />\n      )}\n      <SearchBar\n        Actions={[\n          !smallBreak && (\n            <React.Fragment key=\"before-actions\">{beforeActions && beforeActions}</React.Fragment>\n          ),\n          enableColumns && (\n            <Pill\n              aria-controls={`${baseClass}-columns`}\n              aria-expanded={visibleDrawer === 'columns'}\n              className={`${baseClass}__toggle-columns`}\n              icon={<ChevronIcon direction={visibleDrawer === 'columns' ? 'up' : 'down'} />}\n              id=\"toggle-list-columns\"\n              key=\"toggle-list-columns\"\n              onClick={() => setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined)}\n              pillStyle=\"light\"\n              size=\"small\"\n            >\n              {t('general:columns')}\n            </Pill>\n          ),\n          enableFilters && (\n            <Pill\n              aria-controls={`${baseClass}-where`}\n              aria-expanded={visibleDrawer === 'where'}\n              className={`${baseClass}__toggle-where`}\n              icon={<ChevronIcon direction={visibleDrawer === 'where' ? 'up' : 'down'} />}\n              id=\"toggle-list-filters\"\n              key=\"toggle-list-filters\"\n              onClick={() => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined)}\n              pillStyle=\"light\"\n              size=\"small\"\n            >\n              {t('general:filters')}\n            </Pill>\n          ),\n          enableSort && (\n            <Pill\n              aria-controls={`${baseClass}-sort`}\n              aria-expanded={visibleDrawer === 'sort'}\n              className={`${baseClass}__toggle-sort`}\n              icon={<ChevronIcon />}\n              id=\"toggle-list-sort\"\n              key=\"toggle-list-sort\"\n              onClick={() => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined)}\n              pillStyle=\"light\"\n              size=\"small\"\n            >\n              {t('general:sort')}\n            </Pill>\n          ),\n          collectionConfig.admin.groupBy && (\n            <Pill\n              aria-controls={`${baseClass}-group-by`}\n              aria-expanded={visibleDrawer === 'group-by'}\n              className={`${baseClass}__toggle-group-by`}\n              icon={<ChevronIcon direction={visibleDrawer === 'group-by' ? 'up' : 'down'} />}\n              id=\"toggle-group-by\"\n              key=\"toggle-group-by\"\n              onClick={() =>\n                setVisibleDrawer(visibleDrawer !== 'group-by' ? 'group-by' : undefined)\n              }\n              pillStyle=\"light\"\n              size=\"small\"\n            >\n              {t('general:groupByLabel', {\n                label: '',\n              })}\n            </Pill>\n          ),\n          listMenuItems && Array.isArray(listMenuItems) && listMenuItems.length > 0 && (\n            <Popup\n              button={<Dots ariaLabel={t('general:moreOptions')} />}\n              className={`${baseClass}__popup`}\n              horizontalAlign=\"right\"\n              id=\"list-menu\"\n              key=\"list-menu\"\n              size=\"small\"\n              verticalAlign=\"bottom\"\n            >\n              {listMenuItems.map((item, i) => (\n                <Fragment key={`list-menu-item-${i}`}>{item}</Fragment>\n              ))}\n            </Popup>\n          ),\n        ].filter(Boolean)}\n        key={collectionSlug}\n        label={searchLabelTranslated.current}\n        onSearchChange={handleSearchChange}\n        searchQueryParam={query?.search}\n      />\n      {enableColumns && (\n        <AnimateHeight\n          className={`${baseClass}__columns`}\n          height={visibleDrawer === 'columns' ? 'auto' : 0}\n          id={`${baseClass}-columns`}\n        >\n          <ColumnSelector collectionSlug={collectionConfig.slug} />\n        </AnimateHeight>\n      )}\n      <AnimateHeight\n        className={`${baseClass}__where`}\n        height={visibleDrawer === 'where' ? 'auto' : 0}\n        id={`${baseClass}-where`}\n      >\n        <WhereBuilder\n          collectionPluralLabel={collectionConfig?.labels?.plural}\n          collectionSlug={collectionConfig.slug}\n          fields={collectionConfig?.fields}\n          renderedFilters={renderedFilters}\n          resolvedFilterOptions={resolvedFilterOptions}\n        />\n      </AnimateHeight>\n      {collectionConfig.admin.groupBy && (\n        <AnimateHeight\n          className={`${baseClass}__group-by`}\n          height={visibleDrawer === 'group-by' ? 'auto' : 0}\n          id={`${baseClass}-group-by`}\n        >\n          <GroupByBuilder collectionSlug={collectionConfig.slug} fields={collectionConfig.fields} />\n        </AnimateHeight>\n      )}\n    </div>\n  )\n}\n"],"names":["useWindowInfo","getTranslation","validateWhereQuery","React","Fragment","useEffect","useRef","useState","Popup","useUseTitleField","ChevronIcon","Dots","useListQuery","useTranslation","AnimateHeight","ColumnSelector","GroupByBuilder","Pill","QueryPresetBar","SearchBar","WhereBuilder","getTextFieldsToBeSearched","baseClass","ListControls","props","beforeActions","collectionConfig","collectionSlug","disableQueryPresets","enableColumns","enableFilters","enableSort","listMenuItems","queryPreset","activePreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","handleSearchChange","query","titleField","i18n","t","breakpoints","s","smallBreak","searchLabel","label","name","listSearchableFields","admin","fields","searchLabelTranslated","hasWhereParam","Boolean","where","shouldInitializeWhereOpened","visibleDrawer","setVisibleDrawer","undefined","current","length","reduce","placeholderText","field","i","div","className","enableQueryPresets","Actions","aria-controls","aria-expanded","icon","direction","id","onClick","pillStyle","size","groupBy","Array","isArray","button","ariaLabel","horizontalAlign","verticalAlign","map","item","filter","onSearchChange","searchQueryParam","search","height","slug","collectionPluralLabel","labels","plural"],"mappings":"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"}

package/dist/elements/ListDrawer/DrawerContent.js

@@ -1,7 +1,8 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { hoistQueryParamsToAnd } from 'payload/shared';
-import { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js';
 import { useEffectEvent } from '../../hooks/useEffectEvent.js';
 import { useConfig } from '../../providers/Config/index.js';
@@ -161,12 +162,39 @@ export const ListDrawerContent = ({ allowCreate = true, collectionSlugs, disable
         selectedOption.value
     ]);
     if (isLoading) {
-        return <LoadingOverlay/>;
+        return /*#__PURE__*/ _jsxDEV(LoadingOverlay, {}, void 0, false, {
+            fileName: "src/elements/ListDrawer/DrawerContent.tsx",
+            lineNumber: 190,
+            columnNumber: 12
+        }, this);
     }
-    return <ListDrawerContextProvider allowCreate={allowCreate} createNewDrawerSlug={documentDrawerSlug} DocumentDrawerToggler={DocumentDrawerToggler} drawerSlug={drawerSlug} enabledCollections={collectionSlugs} onBulkSelect={onBulkSelect} onQueryChange={onQueryChange} onSelect={onSelect} refresh={refreshSelf} selectedOption={selectedOption} setSelectedOption={setMySelectedOption}>
-      {ListView}
-      <DocumentDrawer onSave={onCreateNew}/>
-    </ListDrawerContextProvider>;
+    return /*#__PURE__*/ _jsxDEV(ListDrawerContextProvider, {
+        allowCreate: allowCreate,
+        createNewDrawerSlug: documentDrawerSlug,
+        DocumentDrawerToggler: DocumentDrawerToggler,
+        drawerSlug: drawerSlug,
+        enabledCollections: collectionSlugs,
+        onBulkSelect: onBulkSelect,
+        onQueryChange: onQueryChange,
+        onSelect: onSelect,
+        refresh: refreshSelf,
+        selectedOption: selectedOption,
+        setSelectedOption: setMySelectedOption,
+        children: [
+            ListView,
+            /*#__PURE__*/ _jsxDEV(DocumentDrawer, {
+                onSave: onCreateNew
+            }, void 0, false, {
+                fileName: "src/elements/ListDrawer/DrawerContent.tsx",
+                lineNumber: 208,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/ListDrawer/DrawerContent.tsx",
+        lineNumber: 194,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=DrawerContent.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ListDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\nimport type { CollectionSlug, ListQuery } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { hoistQueryParamsToAnd } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { ListDrawerContextProps, ListDrawerContextType } from '../ListDrawer/Provider.js'\nimport type {\n  ListDrawerProps,\n  RenderListServerFnArgs,\n  RenderListServerFnReturnType,\n} from './types.js'\n\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { ListDrawerContextProvider } from '../ListDrawer/Provider.js'\nimport { LoadingOverlay } from '../Loading/index.js'\nimport { type Option } from '../ReactSelect/index.js'\n\nexport const ListDrawerContent: React.FC<ListDrawerProps> = ({\n  allowCreate = true,\n  collectionSlugs,\n  disableQueryPresets,\n  drawerSlug,\n  enableRowSelections,\n  filterOptions,\n  onBulkSelect,\n  onSelect,\n  overrideEntityVisibility = true,\n  selectedCollection: collectionSlugFromProps,\n}) => {\n  const { closeModal, isModalOpen } = useModal()\n\n  const { serverFunction } = useServerFunctions()\n  const [ListView, setListView] = useState<React.ReactNode>(undefined)\n  const [isLoading, setIsLoading] = useState(true)\n\n  const {\n    config: { collections },\n    getEntityConfig,\n  } = useConfig()\n\n  const isOpen = isModalOpen(drawerSlug)\n\n  const enabledCollections = collections.filter(({ slug }) => {\n    return collectionSlugs.includes(slug)\n  })\n\n  const [selectedOption, setSelectedOption] = useState<Option<string>>(() => {\n    const initialSelection = collectionSlugFromProps || enabledCollections[0]?.slug\n    const found = getEntityConfig({ collectionSlug: initialSelection })\n\n    return found\n      ? {\n          label: found.labels,\n          value: found.slug,\n        }\n      : undefined\n  })\n\n  const [DocumentDrawer, DocumentDrawerToggler, { drawerSlug: documentDrawerSlug }] =\n    useDocumentDrawer({\n      collectionSlug: selectedOption.value,\n    })\n\n  const updateSelectedOption = useEffectEvent((collectionSlug: CollectionSlug) => {\n    if (collectionSlug && collectionSlug !== selectedOption?.value) {\n      setSelectedOption({\n        label: getEntityConfig({ collectionSlug })?.labels,\n        value: collectionSlug,\n      })\n    }\n  })\n\n  useEffect(() => {\n    updateSelectedOption(collectionSlugFromProps)\n  }, [collectionSlugFromProps])\n\n  /**\n   * This performs a full server round trip to get the list view for the selected collection.\n   * On the server, the data is freshly queried for the list view and all components are fully rendered.\n   * This work includes building column state, rendering custom components, etc.\n   */\n  const refresh = useCallback(\n    async ({ slug, query }: { query?: ListQuery; slug: string }) => {\n      try {\n        const newQuery: ListQuery = { ...(query || {}), where: { ...(query?.where || {}) } }\n\n        const filterOption = filterOptions?.[slug]\n\n        if (filterOptions && typeof filterOption !== 'boolean') {\n          newQuery.where = hoistQueryParamsToAnd(newQuery.where, filterOption)\n        }\n\n        if (slug) {\n          const result: RenderListServerFnReturnType = (await serverFunction({\n            name: 'render-list',\n            args: {\n              collectionSlug: slug,\n              disableBulkDelete: true,\n              disableBulkEdit: true,\n              disableQueryPresets,\n              drawerSlug,\n              enableRowSelections,\n              overrideEntityVisibility,\n              query: newQuery,\n            } satisfies RenderListServerFnArgs,\n          })) as RenderListServerFnReturnType\n\n          setListView(result?.List || null)\n        } else {\n          setListView(null)\n        }\n        setIsLoading(false)\n      } catch (_err) {\n        console.error('Error rendering List View: ', _err) // eslint-disable-line no-console\n\n        if (isOpen) {\n          closeModal(drawerSlug)\n        }\n      }\n    },\n    [\n      serverFunction,\n      closeModal,\n      drawerSlug,\n      isOpen,\n      enableRowSelections,\n      filterOptions,\n      overrideEntityVisibility,\n      disableQueryPresets,\n    ],\n  )\n\n  useEffect(() => {\n    if (!ListView) {\n      void refresh({ slug: selectedOption?.value })\n    }\n  }, [refresh, ListView, selectedOption.value])\n\n  const onCreateNew = useCallback(\n    ({ doc }) => {\n      if (typeof onSelect === 'function') {\n        onSelect({\n          collectionSlug: selectedOption?.value,\n          doc,\n          docID: doc.id,\n        })\n      }\n\n      closeModal(documentDrawerSlug)\n      closeModal(drawerSlug)\n    },\n    [closeModal, documentDrawerSlug, drawerSlug, onSelect, selectedOption.value],\n  )\n\n  const onQueryChange: ListDrawerContextProps['onQueryChange'] = useCallback(\n    (query) => {\n      void refresh({ slug: selectedOption?.value, query })\n    },\n    [refresh, selectedOption.value],\n  )\n\n  const setMySelectedOption: ListDrawerContextProps['setSelectedOption'] = useCallback(\n    (incomingSelection) => {\n      setSelectedOption(incomingSelection)\n      void refresh({ slug: incomingSelection?.value })\n    },\n    [refresh],\n  )\n\n  const refreshSelf: ListDrawerContextType['refresh'] = useCallback(\n    async (incomingCollectionSlug) => {\n      if (incomingCollectionSlug) {\n        setSelectedOption({\n          label: getEntityConfig({ collectionSlug: incomingCollectionSlug })?.labels,\n          value: incomingCollectionSlug,\n        })\n      }\n\n      await refresh({ slug: selectedOption.value || incomingCollectionSlug })\n    },\n    [getEntityConfig, refresh, selectedOption.value],\n  )\n\n  if (isLoading) {\n    return <LoadingOverlay />\n  }\n\n  return (\n    <ListDrawerContextProvider\n      allowCreate={allowCreate}\n      createNewDrawerSlug={documentDrawerSlug}\n      DocumentDrawerToggler={DocumentDrawerToggler}\n      drawerSlug={drawerSlug}\n      enabledCollections={collectionSlugs}\n      onBulkSelect={onBulkSelect}\n      onQueryChange={onQueryChange}\n      onSelect={onSelect}\n      refresh={refreshSelf}\n      selectedOption={selectedOption}\n      setSelectedOption={setMySelectedOption}\n    >\n      {ListView}\n      <DocumentDrawer onSave={onCreateNew} />\n    </ListDrawerContextProvider>\n  )\n}\n"],"names":["useModal","hoistQueryParamsToAnd","useCallback","useEffect","useState","useDocumentDrawer","useEffectEvent","useConfig","useServerFunctions","ListDrawerContextProvider","LoadingOverlay","ListDrawerContent","allowCreate","collectionSlugs","disableQueryPresets","drawerSlug","enableRowSelections","filterOptions","onBulkSelect","onSelect","overrideEntityVisibility","selectedCollection","collectionSlugFromProps","closeModal","isModalOpen","serverFunction","ListView","setListView","undefined","isLoading","setIsLoading","config","collections","getEntityConfig","isOpen","enabledCollections","filter","slug","includes","selectedOption","setSelectedOption","initialSelection","found","collectionSlug","label","labels","value","DocumentDrawer","DocumentDrawerToggler","documentDrawerSlug","updateSelectedOption","refresh","query","newQuery","where","filterOption","result","name","args","disableBulkDelete","disableBulkEdit","List","_err","console","error","onCreateNew","doc","docID","id","onQueryChange","setMySelectedOption","incomingSelection","refreshSelf","incomingCollectionSlug","createNewDrawerSlug","onSave"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/ListDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\nimport type { CollectionSlug, ListQuery } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { hoistQueryParamsToAnd } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { ListDrawerContextProps, ListDrawerContextType } from '../ListDrawer/Provider.js'\nimport type {\n  ListDrawerProps,\n  RenderListServerFnArgs,\n  RenderListServerFnReturnType,\n} from './types.js'\n\nimport { useDocumentDrawer } from '../../elements/DocumentDrawer/index.js'\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { ListDrawerContextProvider } from '../ListDrawer/Provider.js'\nimport { LoadingOverlay } from '../Loading/index.js'\nimport { type Option } from '../ReactSelect/index.js'\n\nexport const ListDrawerContent: React.FC<ListDrawerProps> = ({\n  allowCreate = true,\n  collectionSlugs,\n  disableQueryPresets,\n  drawerSlug,\n  enableRowSelections,\n  filterOptions,\n  onBulkSelect,\n  onSelect,\n  overrideEntityVisibility = true,\n  selectedCollection: collectionSlugFromProps,\n}) => {\n  const { closeModal, isModalOpen } = useModal()\n\n  const { serverFunction } = useServerFunctions()\n  const [ListView, setListView] = useState<React.ReactNode>(undefined)\n  const [isLoading, setIsLoading] = useState(true)\n\n  const {\n    config: { collections },\n    getEntityConfig,\n  } = useConfig()\n\n  const isOpen = isModalOpen(drawerSlug)\n\n  const enabledCollections = collections.filter(({ slug }) => {\n    return collectionSlugs.includes(slug)\n  })\n\n  const [selectedOption, setSelectedOption] = useState<Option<string>>(() => {\n    const initialSelection = collectionSlugFromProps || enabledCollections[0]?.slug\n    const found = getEntityConfig({ collectionSlug: initialSelection })\n\n    return found\n      ? {\n          label: found.labels,\n          value: found.slug,\n        }\n      : undefined\n  })\n\n  const [DocumentDrawer, DocumentDrawerToggler, { drawerSlug: documentDrawerSlug }] =\n    useDocumentDrawer({\n      collectionSlug: selectedOption.value,\n    })\n\n  const updateSelectedOption = useEffectEvent((collectionSlug: CollectionSlug) => {\n    if (collectionSlug && collectionSlug !== selectedOption?.value) {\n      setSelectedOption({\n        label: getEntityConfig({ collectionSlug })?.labels,\n        value: collectionSlug,\n      })\n    }\n  })\n\n  useEffect(() => {\n    updateSelectedOption(collectionSlugFromProps)\n  }, [collectionSlugFromProps])\n\n  /**\n   * This performs a full server round trip to get the list view for the selected collection.\n   * On the server, the data is freshly queried for the list view and all components are fully rendered.\n   * This work includes building column state, rendering custom components, etc.\n   */\n  const refresh = useCallback(\n    async ({ slug, query }: { query?: ListQuery; slug: string }) => {\n      try {\n        const newQuery: ListQuery = { ...(query || {}), where: { ...(query?.where || {}) } }\n\n        const filterOption = filterOptions?.[slug]\n\n        if (filterOptions && typeof filterOption !== 'boolean') {\n          newQuery.where = hoistQueryParamsToAnd(newQuery.where, filterOption)\n        }\n\n        if (slug) {\n          const result: RenderListServerFnReturnType = (await serverFunction({\n            name: 'render-list',\n            args: {\n              collectionSlug: slug,\n              disableBulkDelete: true,\n              disableBulkEdit: true,\n              disableQueryPresets,\n              drawerSlug,\n              enableRowSelections,\n              overrideEntityVisibility,\n              query: newQuery,\n            } satisfies RenderListServerFnArgs,\n          })) as RenderListServerFnReturnType\n\n          setListView(result?.List || null)\n        } else {\n          setListView(null)\n        }\n        setIsLoading(false)\n      } catch (_err) {\n        console.error('Error rendering List View: ', _err) // eslint-disable-line no-console\n\n        if (isOpen) {\n          closeModal(drawerSlug)\n        }\n      }\n    },\n    [\n      serverFunction,\n      closeModal,\n      drawerSlug,\n      isOpen,\n      enableRowSelections,\n      filterOptions,\n      overrideEntityVisibility,\n      disableQueryPresets,\n    ],\n  )\n\n  useEffect(() => {\n    if (!ListView) {\n      void refresh({ slug: selectedOption?.value })\n    }\n  }, [refresh, ListView, selectedOption.value])\n\n  const onCreateNew = useCallback(\n    ({ doc }) => {\n      if (typeof onSelect === 'function') {\n        onSelect({\n          collectionSlug: selectedOption?.value,\n          doc,\n          docID: doc.id,\n        })\n      }\n\n      closeModal(documentDrawerSlug)\n      closeModal(drawerSlug)\n    },\n    [closeModal, documentDrawerSlug, drawerSlug, onSelect, selectedOption.value],\n  )\n\n  const onQueryChange: ListDrawerContextProps['onQueryChange'] = useCallback(\n    (query) => {\n      void refresh({ slug: selectedOption?.value, query })\n    },\n    [refresh, selectedOption.value],\n  )\n\n  const setMySelectedOption: ListDrawerContextProps['setSelectedOption'] = useCallback(\n    (incomingSelection) => {\n      setSelectedOption(incomingSelection)\n      void refresh({ slug: incomingSelection?.value })\n    },\n    [refresh],\n  )\n\n  const refreshSelf: ListDrawerContextType['refresh'] = useCallback(\n    async (incomingCollectionSlug) => {\n      if (incomingCollectionSlug) {\n        setSelectedOption({\n          label: getEntityConfig({ collectionSlug: incomingCollectionSlug })?.labels,\n          value: incomingCollectionSlug,\n        })\n      }\n\n      await refresh({ slug: selectedOption.value || incomingCollectionSlug })\n    },\n    [getEntityConfig, refresh, selectedOption.value],\n  )\n\n  if (isLoading) {\n    return <LoadingOverlay />\n  }\n\n  return (\n    <ListDrawerContextProvider\n      allowCreate={allowCreate}\n      createNewDrawerSlug={documentDrawerSlug}\n      DocumentDrawerToggler={DocumentDrawerToggler}\n      drawerSlug={drawerSlug}\n      enabledCollections={collectionSlugs}\n      onBulkSelect={onBulkSelect}\n      onQueryChange={onQueryChange}\n      onSelect={onSelect}\n      refresh={refreshSelf}\n      selectedOption={selectedOption}\n      setSelectedOption={setMySelectedOption}\n    >\n      {ListView}\n      <DocumentDrawer onSave={onCreateNew} />\n    </ListDrawerContextProvider>\n  )\n}\n"],"names":["useModal","hoistQueryParamsToAnd","React","useCallback","useEffect","useState","useDocumentDrawer","useEffectEvent","useConfig","useServerFunctions","ListDrawerContextProvider","LoadingOverlay","ListDrawerContent","allowCreate","collectionSlugs","disableQueryPresets","drawerSlug","enableRowSelections","filterOptions","onBulkSelect","onSelect","overrideEntityVisibility","selectedCollection","collectionSlugFromProps","closeModal","isModalOpen","serverFunction","ListView","setListView","undefined","isLoading","setIsLoading","config","collections","getEntityConfig","isOpen","enabledCollections","filter","slug","includes","selectedOption","setSelectedOption","initialSelection","found","collectionSlug","label","labels","value","DocumentDrawer","DocumentDrawerToggler","documentDrawerSlug","updateSelectedOption","refresh","query","newQuery","where","filterOption","result","name","args","disableBulkDelete","disableBulkEdit","List","_err","console","error","onCreateNew","doc","docID","id","onQueryChange","setMySelectedOption","incomingSelection","refreshSelf","incomingCollectionSlug","createNewDrawerSlug","onSave"],"mappings":"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"}

package/dist/elements/ListDrawer/Provider.js

@@ -1,3 +1,4 @@
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { createContext, use } from 'react';
 /**
      * @deprecated
@@ -6,14 +7,19 @@ import { createContext, use } from 'react';
      */ /**
    * When called, will either refresh the list view with its currently selected collection.
    * If an collection slug is provided, will use that instead of the currently selected one.
-   */ export const ListDrawerContext = createContext({});
+   */ export const ListDrawerContext = /*#__PURE__*/ createContext({});
 export const ListDrawerContextProvider = ({ children, ...rest })=>{
-    return <ListDrawerContext value={{
-        isInDrawer: Boolean(rest.drawerSlug),
-        ...rest
-    }}>
-      {children}
-    </ListDrawerContext>;
+    return /*#__PURE__*/ _jsxDEV(ListDrawerContext, {
+        value: {
+            isInDrawer: Boolean(rest.drawerSlug),
+            ...rest
+        },
+        children: children
+    }, void 0, false, {
+        fileName: "src/elements/ListDrawer/Provider.tsx",
+        lineNumber: 49,
+        columnNumber: 5
+    }, this);
 };
 export const useListDrawerContext = ()=>{
     const context = use(ListDrawerContext);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ListDrawer/Provider.tsx"],"sourcesContent":["import type { CollectionSlug, Data, ListQuery } from 'payload'\n\nimport { createContext, use } from 'react'\n\nimport type { useSelection } from '../../providers/Selection/index.js'\nimport type { UseDocumentDrawer } from '../DocumentDrawer/types.js'\nimport type { Option } from '../ReactSelect/index.js'\n\nexport type ListDrawerContextProps = {\n  readonly allowCreate?: boolean\n  readonly createNewDrawerSlug?: string\n  readonly DocumentDrawerToggler?: ReturnType<UseDocumentDrawer>[1]\n  readonly drawerSlug?: string\n  readonly enabledCollections?: CollectionSlug[]\n  readonly onBulkSelect?: (selected: ReturnType<typeof useSelection>['selected']) => void\n  readonly onQueryChange?: (query: ListQuery) => void\n  readonly onSelect?: (args: {\n    collectionSlug: CollectionSlug\n    doc: Data\n    /**\n     * @deprecated\n     * The `docID` property is deprecated and will be removed in the next major version of Payload.\n     * Use `doc.id` instead.\n     */\n    docID: string\n  }) => void\n  readonly selectedOption?: Option<CollectionSlug>\n  readonly setSelectedOption?: (option: Option<CollectionSlug>) => void\n}\n\nexport type ListDrawerContextType = {\n  readonly isInDrawer: boolean\n  /**\n   * When called, will either refresh the list view with its currently selected collection.\n   * If an collection slug is provided, will use that instead of the currently selected one.\n   */\n  readonly refresh: (collectionSlug?: CollectionSlug) => Promise<void>\n} & ListDrawerContextProps\n\nexport const ListDrawerContext = createContext({} as ListDrawerContextType)\n\nexport const ListDrawerContextProvider: React.FC<\n  {\n    children: React.ReactNode\n    refresh: ListDrawerContextType['refresh']\n  } & ListDrawerContextProps\n> = ({ children, ...rest }) => {\n  return (\n    <ListDrawerContext value={{ isInDrawer: Boolean(rest.drawerSlug), ...rest }}>\n      {children}\n    </ListDrawerContext>\n  )\n}\n\nexport const useListDrawerContext = (): ListDrawerContextType => {\n  const context = use(ListDrawerContext)\n\n  if (!context) {\n    throw new Error('useListDrawerContext must be used within a ListDrawerContextProvider')\n  }\n\n  return context\n}\n"],"names":["createContext","use","ListDrawerContext","ListDrawerContextProvider","children","rest","value","isInDrawer","Boolean","drawerSlug","useListDrawerContext","context","Error"],"mappings":"AAEA,SAASA,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAiBtC;;;;KAIC,GASH;;;GAGC,GAIH,OAAO,MAAMC,oBAAoBF,cAAc,CAAC,GAA2B;AAE3E,OAAO,MAAMG,4BAKT,CAAC,EAAEC,QAAQ,EAAE,GAAGC,MAAM;IACxB,QACGH,kBAAkBI,OAAO;QAAEC,YAAYC,QAAQH,KAAKI,UAAU;QAAG,GAAGJ,IAAI;IAAC,GAAG;MAC3E,CAACD,SAAS;IACZ,EAAEF;AAEN,EAAC;AAED,OAAO,MAAMQ,uBAAuB;IAClC,MAAMC,UAAUV,IAAIC;IAEpB,IAAI,CAACS,SAAS;QACZ,MAAM,IAAIC,MAAM;IAClB;IAEA,OAAOD;AACT,EAAC"}
+{"version":3,"sources":["../../../src/elements/ListDrawer/Provider.tsx"],"sourcesContent":["import type { CollectionSlug, Data, ListQuery } from 'payload'\n\nimport { createContext, use } from 'react'\n\nimport type { useSelection } from '../../providers/Selection/index.js'\nimport type { UseDocumentDrawer } from '../DocumentDrawer/types.js'\nimport type { Option } from '../ReactSelect/index.js'\n\nexport type ListDrawerContextProps = {\n  readonly allowCreate?: boolean\n  readonly createNewDrawerSlug?: string\n  readonly DocumentDrawerToggler?: ReturnType<UseDocumentDrawer>[1]\n  readonly drawerSlug?: string\n  readonly enabledCollections?: CollectionSlug[]\n  readonly onBulkSelect?: (selected: ReturnType<typeof useSelection>['selected']) => void\n  readonly onQueryChange?: (query: ListQuery) => void\n  readonly onSelect?: (args: {\n    collectionSlug: CollectionSlug\n    doc: Data\n    /**\n     * @deprecated\n     * The `docID` property is deprecated and will be removed in the next major version of Payload.\n     * Use `doc.id` instead.\n     */\n    docID: string\n  }) => void\n  readonly selectedOption?: Option<CollectionSlug>\n  readonly setSelectedOption?: (option: Option<CollectionSlug>) => void\n}\n\nexport type ListDrawerContextType = {\n  readonly isInDrawer: boolean\n  /**\n   * When called, will either refresh the list view with its currently selected collection.\n   * If an collection slug is provided, will use that instead of the currently selected one.\n   */\n  readonly refresh: (collectionSlug?: CollectionSlug) => Promise<void>\n} & ListDrawerContextProps\n\nexport const ListDrawerContext = createContext({} as ListDrawerContextType)\n\nexport const ListDrawerContextProvider: React.FC<\n  {\n    children: React.ReactNode\n    refresh: ListDrawerContextType['refresh']\n  } & ListDrawerContextProps\n> = ({ children, ...rest }) => {\n  return (\n    <ListDrawerContext value={{ isInDrawer: Boolean(rest.drawerSlug), ...rest }}>\n      {children}\n    </ListDrawerContext>\n  )\n}\n\nexport const useListDrawerContext = (): ListDrawerContextType => {\n  const context = use(ListDrawerContext)\n\n  if (!context) {\n    throw new Error('useListDrawerContext must be used within a ListDrawerContextProvider')\n  }\n\n  return context\n}\n"],"names":["createContext","use","ListDrawerContext","ListDrawerContextProvider","children","rest","value","isInDrawer","Boolean","drawerSlug","useListDrawerContext","context","Error"],"mappings":";AAEA,SAASA,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAiBtC;;;;KAIC,GASH;;;GAGC,GAIH,OAAO,MAAMC,kCAAoBF,cAAc,CAAC,GAA2B;AAE3E,OAAO,MAAMG,4BAKT,CAAC,EAAEC,QAAQ,EAAE,GAAGC,MAAM;IACxB,qBACE,QAACH;QAAkBI,OAAO;YAAEC,YAAYC,QAAQH,KAAKI,UAAU;YAAG,GAAGJ,IAAI;QAAC;kBACvED;;;;;;AAGP,EAAC;AAED,OAAO,MAAMM,uBAAuB;IAClC,MAAMC,UAAUV,IAAIC;IAEpB,IAAI,CAACS,SAAS;QACZ,MAAM,IAAIC,MAAM;IAClB;IAEA,OAAOD;AACT,EAAC"}

package/dist/elements/ListDrawer/index.js

@@ -1,6 +1,8 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { createElement as _createElement } from "react";
 import { useModal } from '@faceless-ui/modal';
-import { useCallback, useEffect, useId, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useId, useMemo, useState } from 'react';
 export * from './types.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
@@ -10,18 +12,41 @@ export const baseClass = 'list-drawer';
 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 <DrawerToggler className={[
-        className,
-        `${baseClass}__toggler`
-    ].filter(Boolean).join(' ')} disabled={disabled} onClick={onClick} slug={drawerSlug} {...rest}>
-      {children}
-    </DrawerToggler>;
+    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 <Drawer className={baseClass} gutter={false} Header={null} slug={drawerSlug}>
-      <ListDrawerContent {...props}/>
-    </Drawer>;
+    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.
@@ -92,7 +117,22 @@ export const ListDrawer = (props)=>{
         openModal
     ]);
     const MemoizedDrawer = useMemo(()=>{
-        return (props)=><ListDrawer {...props} closeDrawer={closeDrawer} collectionSlugs={collectionSlugs} drawerSlug={drawerSlug} filterOptions={filterOptions} key={drawerSlug} selectedCollection={selectedCollection} uploads={uploads}/>;
+        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,
@@ -102,7 +142,14 @@ export const ListDrawer = (props)=>{
         filterOptions
     ]);
     const MemoizedDrawerToggler = useMemo(()=>{
-        return (props)=><ListDrawerToggler {...props} drawerSlug={drawerSlug}/>;
+        return (props)=>/*#__PURE__*/ _jsxDEV(ListDrawerToggler, {
+                ...props,
+                drawerSlug: drawerSlug
+            }, void 0, false, {
+                fileName: "src/elements/ListDrawer/index.tsx",
+                lineNumber: 138,
+                columnNumber: 23
+            }, this);
     }, [
         drawerSlug
     ]);

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","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","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/ListHeader/DrawerRelationshipSelect/index.js

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

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

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

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

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

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

@@ -1,5 +1,7 @@
 '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';
@@ -8,11 +10,21 @@ export function ListCreateNewButton({ collectionConfig, hasCreatePermission, new
     if (!hasCreatePermission) {
         return null;
     }
-    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>;
+    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);
 }
 
 //# sourceMappingURL=ListCreateNewDocButton.js.map