@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

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,"file":"index.js","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","_jsxs","className","enableQueryPresets","_jsx","Actions","icon","direction","id","onClick","pillStyle","size","groupBy","Array","isArray","button","ariaLabel","horizontalAlign","verticalAlign","map","item","filter","onSearchChange","searchQueryParam","search","height","slug","collectionPluralLabel","labels","plural"],"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"],"mappings":"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","ignoreList":[]}

package/dist/elements/ListControls/types.js

@@ -1,9 +1,2 @@
-export { }; /**
-   * @deprecated
-   * These are now handled by the `ListSelection` component
-   */  /**
-   * @deprecated
-   * These are now handled by the `ListSelection` component
-   */ 
-
+export {};
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ListControls/types.ts"],"sourcesContent":["import type {\n  ClientCollectionConfig,\n  QueryPreset,\n  ResolvedFilterOptions,\n  SanitizedCollectionPermission,\n  Where,\n} from 'payload'\n\nexport type ListControlsProps = {\n  readonly beforeActions?: React.ReactNode[]\n  readonly collectionConfig: ClientCollectionConfig\n  readonly collectionSlug: string\n  /**\n   * @deprecated\n   * These are now handled by the `ListSelection` component\n   */\n  readonly disableBulkDelete?: boolean\n  /**\n   * @deprecated\n   * These are now handled by the `ListSelection` component\n   */\n  readonly disableBulkEdit?: boolean\n  readonly disableQueryPresets?: boolean\n  readonly enableColumns?: boolean\n  readonly enableFilters?: boolean\n  readonly enableSort?: boolean\n  readonly handleSearchChange?: (search: string) => void\n  readonly handleSortChange?: (sort: string) => void\n  readonly handleWhereChange?: (where: Where) => void\n  readonly listMenuItems?: React.ReactNode[]\n  readonly queryPreset?: QueryPreset\n  readonly queryPresetPermissions?: SanitizedCollectionPermission\n  readonly renderedFilters?: Map<string, React.ReactNode>\n  readonly resolvedFilterOptions?: Map<string, ResolvedFilterOptions>\n}\n"],"names":[],"mappings":"AAQA,WA0BC,CAtBC;;;GAGC,IAED;;;GAGC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/ListControls/types.ts"],"sourcesContent":["import type {\n  ClientCollectionConfig,\n  QueryPreset,\n  ResolvedFilterOptions,\n  SanitizedCollectionPermission,\n  Where,\n} from 'payload'\n\nexport type ListControlsProps = {\n  readonly beforeActions?: React.ReactNode[]\n  readonly collectionConfig: ClientCollectionConfig\n  readonly collectionSlug: string\n  /**\n   * @deprecated\n   * These are now handled by the `ListSelection` component\n   */\n  readonly disableBulkDelete?: boolean\n  /**\n   * @deprecated\n   * These are now handled by the `ListSelection` component\n   */\n  readonly disableBulkEdit?: boolean\n  readonly disableQueryPresets?: boolean\n  readonly enableColumns?: boolean\n  readonly enableFilters?: boolean\n  readonly enableSort?: boolean\n  readonly handleSearchChange?: (search: string) => void\n  readonly handleSortChange?: (sort: string) => void\n  readonly handleWhereChange?: (where: Where) => void\n  readonly listMenuItems?: React.ReactNode[]\n  readonly queryPreset?: QueryPreset\n  readonly queryPresetPermissions?: SanitizedCollectionPermission\n  readonly renderedFilters?: Map<string, React.ReactNode>\n  readonly resolvedFilterOptions?: Map<string, ResolvedFilterOptions>\n}\n"],"mappings":"AAQA","ignoreList":[]}

package/dist/elements/ListDrawer/DrawerContent.js

@@ -1,172 +1,185 @@
 'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-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';
 import { useServerFunctions } from '../../providers/ServerFunctions/index.js';
 import { ListDrawerContextProvider } from '../ListDrawer/Provider.js';
 import { LoadingOverlay } from '../Loading/index.js';
-export const ListDrawerContent = ({ allowCreate = true, collectionSlugs, disableQueryPresets, drawerSlug, enableRowSelections, filterOptions, onBulkSelect, onSelect, overrideEntityVisibility = true, selectedCollection: collectionSlugFromProps })=>{
-    const { closeModal, isModalOpen } = useModal();
-    const { serverFunction } = useServerFunctions();
-    const [ListView, setListView] = useState(undefined);
-    const [isLoading, setIsLoading] = useState(true);
-    const { config: { collections }, getEntityConfig } = useConfig();
-    const isOpen = isModalOpen(drawerSlug);
-    const enabledCollections = collections.filter(({ slug })=>{
-        return collectionSlugs.includes(slug);
+export const ListDrawerContent = ({
+  allowCreate = true,
+  collectionSlugs,
+  disableQueryPresets,
+  drawerSlug,
+  enableRowSelections,
+  filterOptions,
+  onBulkSelect,
+  onSelect,
+  overrideEntityVisibility = true,
+  selectedCollection: collectionSlugFromProps
+}) => {
+  const {
+    closeModal,
+    isModalOpen
+  } = useModal();
+  const {
+    serverFunction
+  } = useServerFunctions();
+  const [ListView, setListView] = useState(undefined);
+  const [isLoading, setIsLoading] = useState(true);
+  const {
+    config: {
+      collections
+    },
+    getEntityConfig
+  } = useConfig();
+  const isOpen = isModalOpen(drawerSlug);
+  const enabledCollections = collections.filter(({
+    slug
+  }) => {
+    return collectionSlugs.includes(slug);
+  });
+  const [selectedOption, setSelectedOption] = useState(() => {
+    const initialSelection = collectionSlugFromProps || enabledCollections[0]?.slug;
+    const found = getEntityConfig({
+      collectionSlug: initialSelection
     });
-    const [selectedOption, setSelectedOption] = useState(()=>{
-        const initialSelection = collectionSlugFromProps || enabledCollections[0]?.slug;
-        const found = getEntityConfig({
-            collectionSlug: initialSelection
+    return found ? {
+      label: found.labels,
+      value: found.slug
+    } : undefined;
+  });
+  const [DocumentDrawer, DocumentDrawerToggler, {
+    drawerSlug: documentDrawerSlug
+  }] = useDocumentDrawer({
+    collectionSlug: selectedOption.value
+  });
+  const updateSelectedOption = useEffectEvent(collectionSlug => {
+    if (collectionSlug && collectionSlug !== selectedOption?.value) {
+      setSelectedOption({
+        label: getEntityConfig({
+          collectionSlug
+        })?.labels,
+        value: collectionSlug
+      });
+    }
+  });
+  useEffect(() => {
+    updateSelectedOption(collectionSlugFromProps);
+  }, [collectionSlugFromProps]);
+  /**
+  * This performs a full server round trip to get the list view for the selected collection.
+  * On the server, the data is freshly queried for the list view and all components are fully rendered.
+  * This work includes building column state, rendering custom components, etc.
+  */
+  const refresh = useCallback(async ({
+    slug: slug_0,
+    query
+  }) => {
+    try {
+      const newQuery = {
+        ...(query || {}),
+        where: {
+          ...(query?.where || {})
+        }
+      };
+      const filterOption = filterOptions?.[slug_0];
+      if (filterOptions && typeof filterOption !== 'boolean') {
+        newQuery.where = hoistQueryParamsToAnd(newQuery.where, filterOption);
+      }
+      if (slug_0) {
+        const result = await serverFunction({
+          name: 'render-list',
+          args: {
+            collectionSlug: slug_0,
+            disableBulkDelete: true,
+            disableBulkEdit: true,
+            disableQueryPresets,
+            drawerSlug,
+            enableRowSelections,
+            overrideEntityVisibility,
+            query: newQuery
+          }
         });
-        return found ? {
-            label: found.labels,
-            value: found.slug
-        } : undefined;
-    });
-    const [DocumentDrawer, DocumentDrawerToggler, { drawerSlug: documentDrawerSlug }] = useDocumentDrawer({
-        collectionSlug: selectedOption.value
+        setListView(result?.List || null);
+      } else {
+        setListView(null);
+      }
+      setIsLoading(false);
+    } catch (_err) {
+      console.error('Error rendering List View: ', _err); // eslint-disable-line no-console
+      if (isOpen) {
+        closeModal(drawerSlug);
+      }
+    }
+  }, [serverFunction, closeModal, drawerSlug, isOpen, enableRowSelections, filterOptions, overrideEntityVisibility, disableQueryPresets]);
+  useEffect(() => {
+    if (!ListView) {
+      void refresh({
+        slug: selectedOption?.value
+      });
+    }
+  }, [refresh, ListView, selectedOption.value]);
+  const onCreateNew = useCallback(({
+    doc
+  }) => {
+    if (typeof onSelect === 'function') {
+      onSelect({
+        collectionSlug: selectedOption?.value,
+        doc,
+        docID: doc.id
+      });
+    }
+    closeModal(documentDrawerSlug);
+    closeModal(drawerSlug);
+  }, [closeModal, documentDrawerSlug, drawerSlug, onSelect, selectedOption.value]);
+  const onQueryChange = useCallback(query_0 => {
+    void refresh({
+      slug: selectedOption?.value,
+      query: query_0
     });
-    const updateSelectedOption = useEffectEvent((collectionSlug)=>{
-        if (collectionSlug && collectionSlug !== selectedOption?.value) {
-            setSelectedOption({
-                label: getEntityConfig({
-                    collectionSlug
-                })?.labels,
-                value: collectionSlug
-            });
-        }
+  }, [refresh, selectedOption.value]);
+  const setMySelectedOption = useCallback(incomingSelection => {
+    setSelectedOption(incomingSelection);
+    void refresh({
+      slug: incomingSelection?.value
     });
-    useEffect(()=>{
-        updateSelectedOption(collectionSlugFromProps);
-    }, [
-        collectionSlugFromProps
-    ]);
-    /**
-   * This performs a full server round trip to get the list view for the selected collection.
-   * On the server, the data is freshly queried for the list view and all components are fully rendered.
-   * This work includes building column state, rendering custom components, etc.
-   */ const refresh = useCallback(async ({ slug, query })=>{
-        try {
-            const newQuery = {
-                ...query || {},
-                where: {
-                    ...query?.where || {}
-                }
-            };
-            const filterOption = filterOptions?.[slug];
-            if (filterOptions && typeof filterOption !== 'boolean') {
-                newQuery.where = hoistQueryParamsToAnd(newQuery.where, filterOption);
-            }
-            if (slug) {
-                const result = await serverFunction({
-                    name: 'render-list',
-                    args: {
-                        collectionSlug: slug,
-                        disableBulkDelete: true,
-                        disableBulkEdit: true,
-                        disableQueryPresets,
-                        drawerSlug,
-                        enableRowSelections,
-                        overrideEntityVisibility,
-                        query: newQuery
-                    }
-                });
-                setListView(result?.List || null);
-            } else {
-                setListView(null);
-            }
-            setIsLoading(false);
-        } catch (_err) {
-            console.error('Error rendering List View: ', _err);
-            // eslint-disable-line no-console
-            if (isOpen) {
-                closeModal(drawerSlug);
-            }
-        }
-    }, [
-        serverFunction,
-        closeModal,
-        drawerSlug,
-        isOpen,
-        enableRowSelections,
-        filterOptions,
-        overrideEntityVisibility,
-        disableQueryPresets
-    ]);
-    useEffect(()=>{
-        if (!ListView) {
-            void refresh({
-                slug: selectedOption?.value
-            });
-        }
-    }, [
-        refresh,
-        ListView,
-        selectedOption.value
-    ]);
-    const onCreateNew = useCallback(({ doc })=>{
-        if (typeof onSelect === 'function') {
-            onSelect({
-                collectionSlug: selectedOption?.value,
-                doc,
-                docID: doc.id
-            });
-        }
-        closeModal(documentDrawerSlug);
-        closeModal(drawerSlug);
-    }, [
-        closeModal,
-        documentDrawerSlug,
-        drawerSlug,
-        onSelect,
-        selectedOption.value
-    ]);
-    const onQueryChange = useCallback((query)=>{
-        void refresh({
-            slug: selectedOption?.value,
-            query
-        });
-    }, [
-        refresh,
-        selectedOption.value
-    ]);
-    const setMySelectedOption = useCallback((incomingSelection)=>{
-        setSelectedOption(incomingSelection);
-        void refresh({
-            slug: incomingSelection?.value
-        });
-    }, [
-        refresh
-    ]);
-    const refreshSelf = useCallback(async (incomingCollectionSlug)=>{
-        if (incomingCollectionSlug) {
-            setSelectedOption({
-                label: getEntityConfig({
-                    collectionSlug: incomingCollectionSlug
-                })?.labels,
-                value: incomingCollectionSlug
-            });
-        }
-        await refresh({
-            slug: selectedOption.value || incomingCollectionSlug
-        });
-    }, [
-        getEntityConfig,
-        refresh,
-        selectedOption.value
-    ]);
-    if (isLoading) {
-        return <LoadingOverlay/>;
+  }, [refresh]);
+  const refreshSelf = useCallback(async incomingCollectionSlug => {
+    if (incomingCollectionSlug) {
+      setSelectedOption({
+        label: getEntityConfig({
+          collectionSlug: incomingCollectionSlug
+        })?.labels,
+        value: incomingCollectionSlug
+      });
     }
-    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>;
+    await refresh({
+      slug: selectedOption.value || incomingCollectionSlug
+    });
+  }, [getEntityConfig, refresh, selectedOption.value]);
+  if (isLoading) {
+    return /*#__PURE__*/_jsx(LoadingOverlay, {});
+  }
+  return /*#__PURE__*/_jsxs(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__*/_jsx(DocumentDrawer, {
+      onSave: onCreateNew
+    })]
+  });
 };
-
 //# 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,"file":"DrawerContent.js","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","_jsx","_jsxs","createNewDrawerSlug","onSave"],"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"],"mappings":"AAAA;;;AAGA,SAASA,QAAQ,QAAQ;AACzB,SAASC,qBAAqB,QAAQ;AACtC,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AASxD,SAASC,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,SAASC,SAAS,QAAQ;AAC1B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,cAAc,QAAQ;AAG/B,OAAO,MAAMC,iBAAA,GAA+CA,CAAC;EAC3DC,WAAA,GAAc,IAAI;EAClBC,eAAe;EACfC,mBAAmB;EACnBC,UAAU;EACVC,mBAAmB;EACnBC,aAAa;EACbC,YAAY;EACZC,QAAQ;EACRC,wBAAA,GAA2B,IAAI;EAC/BC,kBAAA,EAAoBC;AAAuB,CAC5C;EACC,MAAM;IAAEC,UAAU;IAAEC;EAAW,CAAE,GAAGzB,QAAA;EAEpC,MAAM;IAAE0B;EAAc,CAAE,GAAGjB,kBAAA;EAC3B,MAAM,CAACkB,QAAA,EAAUC,WAAA,CAAY,GAAGvB,QAAA,CAA0BwB,SAAA;EAC1D,MAAM,CAACC,SAAA,EAAWC,YAAA,CAAa,GAAG1B,QAAA,CAAS;EAE3C,MAAM;IACJ2B,MAAA,EAAQ;MAAEC;IAAW,CAAE;IACvBC;EAAe,CAChB,GAAG1B,SAAA;EAEJ,MAAM2B,MAAA,GAASV,WAAA,CAAYT,UAAA;EAE3B,MAAMoB,kBAAA,GAAqBH,WAAA,CAAYI,MAAM,CAAC,CAAC;IAAEC;EAAI,CAAE;IACrD,OAAOxB,eAAA,CAAgByB,QAAQ,CAACD,IAAA;EAClC;EAEA,MAAM,CAACE,cAAA,EAAgBC,iBAAA,CAAkB,GAAGpC,QAAA,CAAyB;IACnE,MAAMqC,gBAAA,GAAmBnB,uBAAA,IAA2Ba,kBAAkB,CAAC,EAAE,EAAEE,IAAA;IAC3E,MAAMK,KAAA,GAAQT,eAAA,CAAgB;MAAEU,cAAA,EAAgBF;IAAiB;IAEjE,OAAOC,KAAA,GACH;MACEE,KAAA,EAAOF,KAAA,CAAMG,MAAM;MACnBC,KAAA,EAAOJ,KAAA,CAAML;IACf,IACAT,SAAA;EACN;EAEA,MAAM,CAACmB,cAAA,EAAgBC,qBAAA,EAAuB;IAAEjC,UAAA,EAAYkC;EAAkB,CAAE,CAAC,GAC/E5C,iBAAA,CAAkB;IAChBsC,cAAA,EAAgBJ,cAAA,CAAeO;EACjC;EAEF,MAAMI,oBAAA,GAAuB5C,cAAA,CAAgBqC,cAAA;IAC3C,IAAIA,cAAA,IAAkBA,cAAA,KAAmBJ,cAAA,EAAgBO,KAAA,EAAO;MAC9DN,iBAAA,CAAkB;QAChBI,KAAA,EAAOX,eAAA,CAAgB;UAAEU;QAAe,IAAIE,MAAA;QAC5CC,KAAA,EAAOH;MACT;IACF;EACF;EAEAxC,SAAA,CAAU;IACR+C,oBAAA,CAAqB5B,uBAAA;EACvB,GAAG,CAACA,uBAAA,CAAwB;EAE5B;;;;;EAKA,MAAM6B,OAAA,GAAUjD,WAAA,CACd,OAAO;IAAEmC,IAAI,EAAJA,MAAI;IAAEe;EAAK,CAAuC;IACzD,IAAI;MACF,MAAMC,QAAA,GAAsB;QAAE,IAAID,KAAA,IAAS,CAAC,CAAC;QAAGE,KAAA,EAAO;UAAE,IAAIF,KAAA,EAAOE,KAAA,IAAS,CAAC,CAAC;QAAE;MAAE;MAEnF,MAAMC,YAAA,GAAetC,aAAA,GAAgBoB,MAAA,CAAK;MAE1C,IAAIpB,aAAA,IAAiB,OAAOsC,YAAA,KAAiB,WAAW;QACtDF,QAAA,CAASC,KAAK,GAAGtD,qBAAA,CAAsBqD,QAAA,CAASC,KAAK,EAAEC,YAAA;MACzD;MAEA,IAAIlB,MAAA,EAAM;QACR,MAAMmB,MAAA,GAAwC,MAAM/B,cAAA,CAAe;UACjEgC,IAAA,EAAM;UACNC,IAAA,EAAM;YACJf,cAAA,EAAgBN,MAAA;YAChBsB,iBAAA,EAAmB;YACnBC,eAAA,EAAiB;YACjB9C,mBAAA;YACAC,UAAA;YACAC,mBAAA;YACAI,wBAAA;YACAgC,KAAA,EAAOC;UACT;QACF;QAEA1B,WAAA,CAAY6B,MAAA,EAAQK,IAAA,IAAQ;MAC9B,OAAO;QACLlC,WAAA,CAAY;MACd;MACAG,YAAA,CAAa;IACf,EAAE,OAAOgC,IAAA,EAAM;MACbC,OAAA,CAAQC,KAAK,CAAC,+BAA+BF,IAAA,GAAM;MAEnD,IAAI5B,MAAA,EAAQ;QACVX,UAAA,CAAWR,UAAA;MACb;IACF;EACF,GACA,CACEU,cAAA,EACAF,UAAA,EACAR,UAAA,EACAmB,MAAA,EACAlB,mBAAA,EACAC,aAAA,EACAG,wBAAA,EACAN,mBAAA,CACD;EAGHX,SAAA,CAAU;IACR,IAAI,CAACuB,QAAA,EAAU;MACb,KAAKyB,OAAA,CAAQ;QAAEd,IAAA,EAAME,cAAA,EAAgBO;MAAM;IAC7C;EACF,GAAG,CAACK,OAAA,EAASzB,QAAA,EAAUa,cAAA,CAAeO,KAAK,CAAC;EAE5C,MAAMmB,WAAA,GAAc/D,WAAA,CAClB,CAAC;IAAEgE;EAAG,CAAE;IACN,IAAI,OAAO/C,QAAA,KAAa,YAAY;MAClCA,QAAA,CAAS;QACPwB,cAAA,EAAgBJ,cAAA,EAAgBO,KAAA;QAChCoB,GAAA;QACAC,KAAA,EAAOD,GAAA,CAAIE;MACb;IACF;IAEA7C,UAAA,CAAW0B,kBAAA;IACX1B,UAAA,CAAWR,UAAA;EACb,GACA,CAACQ,UAAA,EAAY0B,kBAAA,EAAoBlC,UAAA,EAAYI,QAAA,EAAUoB,cAAA,CAAeO,KAAK,CAAC;EAG9E,MAAMuB,aAAA,GAAyDnE,WAAA,CAC5DkD,OAAA;IACC,KAAKD,OAAA,CAAQ;MAAEd,IAAA,EAAME,cAAA,EAAgBO,KAAA;MAAOM,KAAA,EAAAA;IAAM;EACpD,GACA,CAACD,OAAA,EAASZ,cAAA,CAAeO,KAAK,CAAC;EAGjC,MAAMwB,mBAAA,GAAmEpE,WAAA,CACtEqE,iBAAA;IACC/B,iBAAA,CAAkB+B,iBAAA;IAClB,KAAKpB,OAAA,CAAQ;MAAEd,IAAA,EAAMkC,iBAAA,EAAmBzB;IAAM;EAChD,GACA,CAACK,OAAA,CAAQ;EAGX,MAAMqB,WAAA,GAAgDtE,WAAA,CACpD,MAAOuE,sBAAA;IACL,IAAIA,sBAAA,EAAwB;MAC1BjC,iBAAA,CAAkB;QAChBI,KAAA,EAAOX,eAAA,CAAgB;UAAEU,cAAA,EAAgB8B;QAAuB,IAAI5B,MAAA;QACpEC,KAAA,EAAO2B;MACT;IACF;IAEA,MAAMtB,OAAA,CAAQ;MAAEd,IAAA,EAAME,cAAA,CAAeO,KAAK,IAAI2B;IAAuB;EACvE,GACA,CAACxC,eAAA,EAAiBkB,OAAA,EAASZ,cAAA,CAAeO,KAAK,CAAC;EAGlD,IAAIjB,SAAA,EAAW;IACb,oBAAO6C,IAAA,CAAChE,cAAA;EACV;EAEA,oBACEiE,KAAA,CAAClE,yBAAA;IACCG,WAAA,EAAaA,WAAA;IACbgE,mBAAA,EAAqB3B,kBAAA;IACrBD,qBAAA,EAAuBA,qBAAA;IACvBjC,UAAA,EAAYA,UAAA;IACZoB,kBAAA,EAAoBtB,eAAA;IACpBK,YAAA,EAAcA,YAAA;IACdmD,aAAA,EAAeA,aAAA;IACflD,QAAA,EAAUA,QAAA;IACVgC,OAAA,EAASqB,WAAA;IACTjC,cAAA,EAAgBA,cAAA;IAChBC,iBAAA,EAAmB8B,mBAAA;eAElB5C,QAAA,E,aACDgD,IAAA,CAAC3B,cAAA;MAAe8B,MAAA,EAAQZ;;;AAG9B","ignoreList":[]}

package/dist/elements/ListDrawer/Provider.js

@@ -1,26 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, use } from 'react';
-/**
-     * @deprecated
-     * The `docID` property is deprecated and will be removed in the next major version of Payload.
-     * Use `doc.id` instead.
-     */ /**
-   * 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 ListDrawerContextProvider = ({ children, ...rest })=>{
-    return <ListDrawerContext value={{
-        isInDrawer: Boolean(rest.drawerSlug),
-        ...rest
-    }}>
-      {children}
-    </ListDrawerContext>;
+export const ListDrawerContext = /*#__PURE__*/createContext({});
+export const ListDrawerContextProvider = ({
+  children,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(ListDrawerContext, {
+    value: {
+      isInDrawer: Boolean(rest.drawerSlug),
+      ...rest
+    },
+    children: children
+  });
 };
-export const useListDrawerContext = ()=>{
-    const context = use(ListDrawerContext);
-    if (!context) {
-        throw new Error('useListDrawerContext must be used within a ListDrawerContextProvider');
-    }
-    return context;
+export const useListDrawerContext = () => {
+  const context = use(ListDrawerContext);
+  if (!context) {
+    throw new Error('useListDrawerContext must be used within a ListDrawerContextProvider');
+  }
+  return context;
 };
-
 //# sourceMappingURL=Provider.js.map

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

@@ -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,"file":"Provider.js","names":["createContext","use","ListDrawerContext","ListDrawerContextProvider","children","rest","_jsx","value","isInDrawer","Boolean","drawerSlug","useListDrawerContext","context","Error"],"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"],"mappings":";AAEA,SAASA,aAAa,EAAEC,GAAG,QAAQ;AAqCnC,OAAO,MAAMC,iBAAA,gBAAoBF,aAAA,CAAc,CAAC;AAEhD,OAAO,MAAMG,yBAAA,GAKTA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAA,CAAM;EACxB,oBACEC,IAAA,CAACJ,iBAAA;IAAkBK,KAAA,EAAO;MAAEC,UAAA,EAAYC,OAAA,CAAQJ,IAAA,CAAKK,UAAU;MAAG,GAAGL;IAAK;cACvED;;AAGP;AAEA,OAAO,MAAMO,oBAAA,GAAuBA,CAAA;EAClC,MAAMC,OAAA,GAAUX,GAAA,CAAIC,iBAAA;EAEpB,IAAI,CAACU,OAAA,EAAS;IACZ,MAAM,IAAIC,KAAA,CAAM;EAClB;EAEA,OAAOD,OAAA;AACT","ignoreList":[]}