@payloadcms/ui 4.0.0-internal.c3ac604 → 4.0.0-internal.cb69780

package/dist/elements/Hierarchy/MoveMany/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useModal","getTranslation","formatAdminURL","qs","React","useCallback","useMemo","useState","toast","useConfig","useDocumentSelection","useLocale","useTranslation","requests","ConfirmationModal","ListSelectionButton","Translation","useHierarchyModal","baseClass","getParentFieldName","hierarchyConfig","config","hierarchy","undefined","parentFieldName","MoveMany","currentParentID","hierarchySlug","Icon","modalPrefix","onSuccess","selections","i18n","t","code","locale","openModal","collections","routes","api","getSelectionsWithMetadata","destination","setDestination","confirmMoveDrawerSlug","requiredCollections","selectionsWithMeta","required","Set","collectionSlug","items","Object","entries","metadata","allowedCollections","slug","add","size","Array","from","disabledIds","parentIds","ids","length","HierarchyModal","closeModal","openHierarchyModal","filterByCollection","hierarchyCollectionSlug","count","label","totalCount","labels","find","c","collectionLabel","plural","singular","push","join","hierarchyCollectionConfig","canMove","handleDrawerSave","selectionsMap","firstSelection","values","next","value","destinationId","id","destinationTitle","path","title","String","handleMoveToRoot","handleConfirmMove","totalMoved","hasErrors","queryString","stringify","where","in","addQueryPrefix","url","apiRoute","response","patch","body","JSON","headers","language","credentials","json","status","errors","error","message","description","map","movedCount","docs","successKey","success","_err","_jsxs","Fragment","_jsx","className","onClick","hasMany","initialSelections","onMoveToRoot","onSave","showMoveToRoot","elements","1","children","i18nKey","variables","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../../src/elements/Hierarchy/MoveMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useMemo, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { SelectionWithPath } from '../Modal/types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentSelection } from '../../../providers/DocumentSelection/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { requests } from '../../../utilities/api.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { ListSelectionButton } from '../../ListSelection/index.js'\nimport { Translation } from '../../Translation/index.js'\nimport { useHierarchyModal } from '../Modal/useHierarchyModal.js'\n\nexport const baseClass = 'move-many'\n\ntype MoveManyProps = {\n  /** Current parent ID - modal will open expanded to this location */\n  currentParentID?: null | number | string\n  /** The hierarchy collection slug (e.g., 'folders') */\n  hierarchySlug: string\n  /** Icon to display in the hierarchy modal */\n  Icon?: React.ReactNode\n  /** When multiple MoveMany components are rendered on the page, this will differentiate them */\n  modalPrefix?: string\n  /** Callback after successful move */\n  onSuccess?: () => void\n  /** Selections grouped by collection slug */\n  selections: Record<string, { ids: (number | string)[] }>\n}\n\n/**\n * Gets the parent field name from the hierarchy config.\n */\nfunction getParentFieldName(\n  hierarchyConfig: ClientCollectionConfig | undefined,\n): string | undefined {\n  const config =\n    hierarchyConfig?.hierarchy && typeof hierarchyConfig.hierarchy === 'object'\n      ? hierarchyConfig.hierarchy\n      : undefined\n  return config?.parentFieldName\n}\n\nexport function MoveMany({\n  currentParentID,\n  hierarchySlug,\n  Icon,\n  modalPrefix,\n  onSuccess,\n  selections,\n}: MoveManyProps) {\n  const { i18n, t } = useTranslation()\n  const { code: locale } = useLocale()\n  const { openModal } = useModal()\n  const {\n    config: {\n      collections,\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { getSelectionsWithMetadata } = useDocumentSelection()\n\n  const [destination, setDestination] = useState<{\n    id: null | number | string\n    title: string\n  } | null>(null)\n\n  const confirmMoveDrawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}confirm-move-many`\n\n  // Compute required collections from selection metadata\n  // For related items: add their collection slug\n  // For folders: add their allowedCollections values\n  const requiredCollections = useMemo(() => {\n    const selectionsWithMeta = getSelectionsWithMetadata()\n    const required = new Set<string>()\n\n    for (const [collectionSlug, { selections: items }] of Object.entries(selectionsWithMeta)) {\n      if (collectionSlug === hierarchySlug) {\n        // For folders, add their allowedCollections to required set\n        for (const { metadata } of items) {\n          if (metadata.allowedCollections) {\n            for (const slug of metadata.allowedCollections) {\n              required.add(slug)\n            }\n          }\n        }\n      } else {\n        // For related items, add their collection slug\n        required.add(collectionSlug)\n      }\n    }\n\n    return required.size > 0 ? Array.from(required) : undefined\n  }, [getSelectionsWithMetadata, hierarchySlug])\n\n  // Folders being moved cannot be selected as destination (can't move into themselves)\n  const disabledIds = useMemo(() => {\n    const parentIds = selections[hierarchySlug]?.ids\n    return parentIds?.length ? new Set(parentIds) : undefined\n  }, [selections, hierarchySlug])\n\n  const [HierarchyModal, , { closeModal, openModal: openHierarchyModal }] = useHierarchyModal({\n    disabledIds,\n    filterByCollection: requiredCollections,\n    hierarchyCollectionSlug: hierarchySlug,\n    Icon,\n  })\n\n  // Calculate total count and label\n  const { count, label } = useMemo(() => {\n    let totalCount = 0\n    const labels: string[] = []\n\n    for (const [collectionSlug, { ids }] of Object.entries(selections)) {\n      const config = collections.find((c) => c.slug === collectionSlug)\n\n      if (config && ids.length > 0) {\n        totalCount += ids.length\n        const collectionLabel = getTranslation(\n          ids.length > 1 ? config.labels.plural : config.labels.singular,\n          i18n,\n        )\n        labels.push(collectionLabel)\n      }\n    }\n\n    return {\n      count: totalCount,\n      label: labels.join(', '),\n    }\n  }, [selections, collections, i18n])\n\n  const hierarchyCollectionConfig = collections.find((c) => c.slug === hierarchySlug)\n  const parentFieldName = getParentFieldName(hierarchyCollectionConfig)\n\n  // Check if hierarchy has a valid parentFieldName\n  const canMove = parentFieldName !== undefined\n\n  const handleDrawerSave = useCallback(\n    ({ selections: selectionsMap }: { selections: Map<number | string, SelectionWithPath> }) => {\n      if (selectionsMap.size === 0) {\n        return\n      }\n\n      const firstSelection = selectionsMap.values().next().value\n      const destinationId = firstSelection?.id\n      const destinationTitle =\n        firstSelection?.path?.[firstSelection.path.length - 1]?.title || String(destinationId)\n\n      setDestination({ id: destinationId, title: destinationTitle })\n      openModal(confirmMoveDrawerSlug)\n    },\n    [openModal, confirmMoveDrawerSlug],\n  )\n\n  const handleMoveToRoot = useCallback(() => {\n    setDestination({ id: null, title: t('hierarchy:noParent') })\n    openModal(confirmMoveDrawerSlug)\n  }, [openModal, confirmMoveDrawerSlug, t])\n\n  const handleConfirmMove = useCallback(async () => {\n    if (destination === null) {\n      return\n    }\n\n    let totalMoved = 0\n    let hasErrors = false\n\n    try {\n      for (const [collectionSlug, { ids }] of Object.entries(selections)) {\n        if (ids.length === 0) {\n          continue\n        }\n\n        const queryString = qs.stringify(\n          {\n            locale,\n            where: { id: { in: ids } },\n          },\n          { addQueryPrefix: true },\n        )\n\n        const url = formatAdminURL({\n          apiRoute: api,\n          path: `/${collectionSlug}${queryString}`,\n        })\n\n        const response = await requests.patch(url, {\n          body: JSON.stringify({ [parentFieldName]: destination.id }),\n          headers: {\n            'Accept-Language': i18n.language,\n            'Content-Type': 'application/json',\n            credentials: 'include',\n          },\n        })\n\n        const json = await response.json()\n\n        if (response.status >= 400) {\n          hasErrors = true\n\n          if (json?.errors?.length > 0) {\n            toast.error(json.message || t('error:unknown'), {\n              description: json.errors\n                .map((error: { message: string }) => error.message)\n                .join('\\n'),\n            })\n          } else {\n            toast.error(json?.message || t('error:unknown'))\n          }\n\n          continue\n        }\n\n        const movedCount = json?.docs?.length || 0\n        totalMoved += movedCount\n\n        if (json?.errors?.length > 0) {\n          hasErrors = true\n          toast.error(json.message, {\n            description: json.errors.map((error: { message: string }) => error.message).join('\\n'),\n          })\n        }\n      }\n\n      if (totalMoved > 0) {\n        const successKey =\n          destination.id === null ? 'hierarchy:itemsMovedToRoot' : 'hierarchy:itemsMovedTo'\n\n        toast.success(\n          t(successKey, {\n            destination: destination.title,\n            title: label,\n          }),\n        )\n      }\n\n      if (!hasErrors || totalMoved > 0) {\n        closeModal()\n        onSuccess?.()\n      }\n    } catch (_err) {\n      toast.error(t('error:unknown'))\n    } finally {\n      setDestination(null)\n    }\n  }, [closeModal, destination, selections, parentFieldName, locale, api, i18n, t, label, onSuccess])\n\n  if (count === 0 || !canMove) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('general:move')}\n        className={`${baseClass}__toggle`}\n        onClick={openHierarchyModal}\n      >\n        {t('general:move')}\n      </ListSelectionButton>\n      <HierarchyModal\n        hasMany={false}\n        initialSelections={currentParentID ? [currentParentID] : null}\n        onMoveToRoot={handleMoveToRoot}\n        onSave={handleDrawerSave}\n        showMoveToRoot\n      />\n      <ConfirmationModal\n        body={\n          <p>\n            {destination?.id === null ? (\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey=\"hierarchy:moveItemsToRootConfirmation\"\n                t={t}\n                variables={{\n                  count,\n                  label,\n                }}\n              />\n            ) : (\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey=\"general:moveConfirm\"\n                t={t}\n                variables={{\n                  count,\n                  destination: destination?.title || '',\n                  label,\n                }}\n              />\n            )}\n          </p>\n        }\n        confirmingLabel={t('general:moving')}\n        heading={t('general:confirmMove')}\n        modalSlug={confirmMoveDrawerSlug}\n        onConfirm={handleConfirmMove}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useModal","getTranslation","formatAdminURL","qs","React","useCallback","useMemo","useState","toast","useConfig","useDocumentSelection","useLocale","useTranslation","requests","ConfirmationModal","ListSelectionButton","Translation","useHierarchyModal","baseClass","getParentFieldName","hierarchyConfig","config","hierarchy","undefined","parentFieldName","MoveMany","currentParentID","hierarchySlug","Icon","modalPrefix","onSuccess","selections","i18n","t","currentLocale","locale","code","openModal","collections","routes","api","getSelectionsWithMetadata","destination","setDestination","confirmMoveDrawerSlug","requiredCollections","selectionsWithMeta","required","Set","collectionSlug","items","Object","entries","metadata","allowedCollections","slug","add","size","Array","from","disabledIds","parentIds","ids","length","HierarchyModal","closeModal","openHierarchyModal","filterByCollection","hierarchyCollectionSlug","count","label","totalCount","labels","find","c","collectionLabel","plural","singular","push","join","hierarchyCollectionConfig","canMove","handleDrawerSave","selectionsMap","firstSelection","values","next","value","destinationId","id","destinationTitle","path","title","String","handleMoveToRoot","handleConfirmMove","totalMoved","hasErrors","queryString","stringify","where","in","addQueryPrefix","url","apiRoute","response","patch","body","JSON","headers","language","credentials","json","status","errors","error","message","description","map","movedCount","docs","successKey","success","_err","_jsxs","Fragment","_jsx","className","onClick","hasMany","initialSelections","onMoveToRoot","onSave","showMoveToRoot","elements","1","children","i18nKey","variables","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../../src/elements/Hierarchy/MoveMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useMemo, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { SelectionWithPath } from '../Modal/types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentSelection } from '../../../providers/DocumentSelection/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { requests } from '../../../utilities/api.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { ListSelectionButton } from '../../ListSelection/index.js'\nimport { Translation } from '../../Translation/index.js'\nimport { useHierarchyModal } from '../Modal/useHierarchyModal.js'\n\nexport const baseClass = 'move-many'\n\ntype MoveManyProps = {\n  /** Current parent ID - modal will open expanded to this location */\n  currentParentID?: null | number | string\n  /** The hierarchy collection slug (e.g., 'folders') */\n  hierarchySlug: string\n  /** Icon to display in the hierarchy modal */\n  Icon?: React.ReactNode\n  /** When multiple MoveMany components are rendered on the page, this will differentiate them */\n  modalPrefix?: string\n  /** Callback after successful move */\n  onSuccess?: () => void\n  /** Selections grouped by collection slug */\n  selections: Record<string, { ids: (number | string)[] }>\n}\n\n/**\n * Gets the parent field name from the hierarchy config.\n */\nfunction getParentFieldName(\n  hierarchyConfig: ClientCollectionConfig | undefined,\n): string | undefined {\n  const config =\n    hierarchyConfig?.hierarchy && typeof hierarchyConfig.hierarchy === 'object'\n      ? hierarchyConfig.hierarchy\n      : undefined\n  return config?.parentFieldName\n}\n\nexport function MoveMany({\n  currentParentID,\n  hierarchySlug,\n  Icon,\n  modalPrefix,\n  onSuccess,\n  selections,\n}: MoveManyProps) {\n  const { i18n, t } = useTranslation()\n  const currentLocale = useLocale()\n  const locale = currentLocale?.code\n  const { openModal } = useModal()\n  const {\n    config: {\n      collections,\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { getSelectionsWithMetadata } = useDocumentSelection()\n\n  const [destination, setDestination] = useState<{\n    id: null | number | string\n    title: string\n  } | null>(null)\n\n  const confirmMoveDrawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}confirm-move-many`\n\n  // Compute required collections from selection metadata\n  // For related items: add their collection slug\n  // For folders: add their allowedCollections values\n  const requiredCollections = useMemo(() => {\n    const selectionsWithMeta = getSelectionsWithMetadata()\n    const required = new Set<string>()\n\n    for (const [collectionSlug, { selections: items }] of Object.entries(selectionsWithMeta)) {\n      if (collectionSlug === hierarchySlug) {\n        // For folders, add their allowedCollections to required set\n        for (const { metadata } of items) {\n          if (metadata.allowedCollections) {\n            for (const slug of metadata.allowedCollections) {\n              required.add(slug)\n            }\n          }\n        }\n      } else {\n        // For related items, add their collection slug\n        required.add(collectionSlug)\n      }\n    }\n\n    return required.size > 0 ? Array.from(required) : undefined\n  }, [getSelectionsWithMetadata, hierarchySlug])\n\n  // Folders being moved cannot be selected as destination (can't move into themselves)\n  const disabledIds = useMemo(() => {\n    const parentIds = selections[hierarchySlug]?.ids\n    return parentIds?.length ? new Set(parentIds) : undefined\n  }, [selections, hierarchySlug])\n\n  const [HierarchyModal, , { closeModal, openModal: openHierarchyModal }] = useHierarchyModal({\n    disabledIds,\n    filterByCollection: requiredCollections,\n    hierarchyCollectionSlug: hierarchySlug,\n    Icon,\n  })\n\n  // Calculate total count and label\n  const { count, label } = useMemo(() => {\n    let totalCount = 0\n    const labels: string[] = []\n\n    for (const [collectionSlug, { ids }] of Object.entries(selections)) {\n      const config = collections.find((c) => c.slug === collectionSlug)\n\n      if (config && ids.length > 0) {\n        totalCount += ids.length\n        const collectionLabel = getTranslation(\n          ids.length > 1 ? config.labels.plural : config.labels.singular,\n          i18n,\n        )\n        labels.push(collectionLabel)\n      }\n    }\n\n    return {\n      count: totalCount,\n      label: labels.join(', '),\n    }\n  }, [selections, collections, i18n])\n\n  const hierarchyCollectionConfig = collections.find((c) => c.slug === hierarchySlug)\n  const parentFieldName = getParentFieldName(hierarchyCollectionConfig)\n\n  // Check if hierarchy has a valid parentFieldName\n  const canMove = parentFieldName !== undefined\n\n  const handleDrawerSave = useCallback(\n    ({ selections: selectionsMap }: { selections: Map<number | string, SelectionWithPath> }) => {\n      if (selectionsMap.size === 0) {\n        return\n      }\n\n      const firstSelection = selectionsMap.values().next().value\n      const destinationId = firstSelection?.id\n      const destinationTitle =\n        firstSelection?.path?.[firstSelection.path.length - 1]?.title || String(destinationId)\n\n      setDestination({ id: destinationId, title: destinationTitle })\n      openModal(confirmMoveDrawerSlug)\n    },\n    [openModal, confirmMoveDrawerSlug],\n  )\n\n  const handleMoveToRoot = useCallback(() => {\n    setDestination({ id: null, title: t('hierarchy:noParent') })\n    openModal(confirmMoveDrawerSlug)\n  }, [openModal, confirmMoveDrawerSlug, t])\n\n  const handleConfirmMove = useCallback(async () => {\n    if (destination === null) {\n      return\n    }\n\n    let totalMoved = 0\n    let hasErrors = false\n\n    try {\n      for (const [collectionSlug, { ids }] of Object.entries(selections)) {\n        if (ids.length === 0) {\n          continue\n        }\n\n        const queryString = qs.stringify(\n          {\n            locale,\n            where: { id: { in: ids } },\n          },\n          { addQueryPrefix: true },\n        )\n\n        const url = formatAdminURL({\n          apiRoute: api,\n          path: `/${collectionSlug}${queryString}`,\n        })\n\n        const response = await requests.patch(url, {\n          body: JSON.stringify({ [parentFieldName]: destination.id }),\n          headers: {\n            'Accept-Language': i18n.language,\n            'Content-Type': 'application/json',\n            credentials: 'include',\n          },\n        })\n\n        const json = await response.json()\n\n        if (response.status >= 400) {\n          hasErrors = true\n\n          if (json?.errors?.length > 0) {\n            toast.error(json.message || t('error:unknown'), {\n              description: json.errors\n                .map((error: { message: string }) => error.message)\n                .join('\\n'),\n            })\n          } else {\n            toast.error(json?.message || t('error:unknown'))\n          }\n\n          continue\n        }\n\n        const movedCount = json?.docs?.length || 0\n        totalMoved += movedCount\n\n        if (json?.errors?.length > 0) {\n          hasErrors = true\n          toast.error(json.message, {\n            description: json.errors.map((error: { message: string }) => error.message).join('\\n'),\n          })\n        }\n      }\n\n      if (totalMoved > 0) {\n        const successKey =\n          destination.id === null ? 'hierarchy:itemsMovedToRoot' : 'hierarchy:itemsMovedTo'\n\n        toast.success(\n          t(successKey, {\n            destination: destination.title,\n            title: label,\n          }),\n        )\n      }\n\n      if (!hasErrors || totalMoved > 0) {\n        closeModal()\n        onSuccess?.()\n      }\n    } catch (_err) {\n      toast.error(t('error:unknown'))\n    } finally {\n      setDestination(null)\n    }\n  }, [closeModal, destination, selections, parentFieldName, locale, api, i18n, t, label, onSuccess])\n\n  if (count === 0 || !canMove) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('general:move')}\n        className={`${baseClass}__toggle`}\n        onClick={openHierarchyModal}\n      >\n        {t('general:move')}\n      </ListSelectionButton>\n      <HierarchyModal\n        hasMany={false}\n        initialSelections={currentParentID ? [currentParentID] : null}\n        onMoveToRoot={handleMoveToRoot}\n        onSave={handleDrawerSave}\n        showMoveToRoot\n      />\n      <ConfirmationModal\n        body={\n          <p>\n            {destination?.id === null ? (\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey=\"hierarchy:moveItemsToRootConfirmation\"\n                t={t}\n                variables={{\n                  count,\n                  label,\n                }}\n              />\n            ) : (\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey=\"general:moveConfirm\"\n                t={t}\n                variables={{\n                  count,\n                  destination: destination?.title || '',\n                  label,\n                }}\n              />\n            )}\n          </p>\n        }\n        confirmingLabel={t('general:moving')}\n        heading={t('general:confirmMove')}\n        modalSlug={confirmMoveDrawerSlug}\n        onConfirm={handleConfirmMove}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Hierarchy/Search/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAEpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAWtD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2I1D,CAAA;AAED,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAEpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAUtD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4I1D,CAAA;AAED,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/elements/Hierarchy/Search/index.js

@@ -4,7 +4,6 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { useCallback, useState } from 'react';
-import { CheckIcon } from '../../../icons/Check/index.js';
 import { FilterIcon } from '../../../icons/Filter/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
@@ -148,18 +147,16 @@ export const HierarchySearch = t0 => {
         buttonClassName: `${baseClass}__filter`,
         caret: false,
         horizontalAlign: "right",
-        render: () => _jsx(PopupList.RadioGroup, {
+        popupType: "menu",
+        render: () => _jsx(PopupList.CheckboxGroup, {
           children: collectionSpecificOptions.map(t6 => {
             const {
               label,
               value: value_0
             } = t6;
             const isActive_0 = selectedFilters?.includes(value_0);
-            return _jsx(PopupList.Button, {
+            return _jsx(PopupList.CheckboxGroupItem, {
               active: isActive_0,
-              icon: isActive_0 ? _jsx(CheckIcon, {
-                size: 16
-              }) : undefined,
               onClick: () => {
                 const newSelectedValues = isActive_0 ? selectedFilters.filter(v => v !== value_0) : [...selectedFilters, value_0];
                 handleFilterChange({
@@ -174,9 +171,11 @@ export const HierarchySearch = t0 => {
           const {
             active,
             onClick,
-            onKeyDown
+            onKeyDown,
+            ...ariaProps
           } = t7;
           return _jsx(Button, {
+            ...ariaProps,
             "aria-label": t("general:filter"),
             buttonStyle: "secondary",
             className: `${baseClass}__filter`,

package/dist/elements/Hierarchy/Search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","useState","CheckIcon","FilterIcon","useConfig","useTranslation","Button","Popup","PopupList","SearchInput","HierarchySearchResults","useHierarchySearch","baseClass","HierarchySearch","t0","$","collectionSlug","collectionSpecificOptions","isActive","onActiveChange","onFilterChange","onSelect","selectedFilters","i18n","t","getEntityConfig","inputValue","setInputValue","collectionConfig","titleField","admin","useAsTitle","collectionLabel","labels","plural","hierarchyConfig","hierarchy","clearResults","hasNextPage","isLoading","loadMore","results","search","totalDocs","parentFieldName","titlePathField","titlePathFieldName","t1","query","handleSearch","t2","handleClear","t3","value","handleInputChange","t4","t5","id","handleSelect","t6","selectedValues","handleFilterChange","hasFilters","length","hasActiveFilters","_jsxs","className","children","_jsx","onChange","onClear","onSearch","placeholder","label","buttonClassName","caret","horizontalAlign","render","RadioGroup","map","value_0","isActive_0","includes","active","icon","size","onClick","newSelectedValues","filter","v","onKeyDown","t7","buttonStyle","extraButtonProps","hasBadgeCutout","onLoadMore","HierarchySearchResultItem"],"sources":["../../../../src/elements/Hierarchy/Search/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useState } from 'react'\n\nimport type { HierarchySearchProps } from './types.js'\n\nimport { CheckIcon } from '../../../icons/Check/index.js'\nimport { FilterIcon } from '../../../icons/Filter/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport { SearchInput } from '../../Search/SearchInput/index.js'\nimport { HierarchySearchResults } from './HierarchySearchResults.js'\nimport { useHierarchySearch } from './useHierarchySearch.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-search'\n\nexport const HierarchySearch: React.FC<HierarchySearchProps> = ({\n  collectionSlug,\n  collectionSpecificOptions,\n  isActive,\n  onActiveChange,\n  onFilterChange,\n  onSelect,\n  selectedFilters,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { getEntityConfig } = useConfig()\n  const [inputValue, setInputValue] = useState('')\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const titleField = collectionConfig?.admin?.useAsTitle || 'id'\n  const collectionLabel = getTranslation(collectionConfig?.labels?.plural, i18n)\n  const hierarchyConfig =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : null\n\n  const { clearResults, hasNextPage, isLoading, loadMore, results, search, totalDocs } =\n    useHierarchySearch({\n      collectionSlug,\n      parentFieldName: hierarchyConfig?.parentFieldName,\n      titleField,\n      titlePathField: hierarchyConfig?.titlePathFieldName,\n    })\n\n  const handleSearch = useCallback(\n    async (query: string) => {\n      await search(query)\n      onActiveChange(true)\n    },\n    [search, onActiveChange],\n  )\n\n  const handleClear = useCallback(() => {\n    setInputValue('')\n    clearResults()\n    onActiveChange(false)\n  }, [clearResults, onActiveChange])\n\n  const handleInputChange = useCallback(\n    (value: string) => {\n      setInputValue(value)\n      if (!value && isActive) {\n        clearResults()\n        onActiveChange(false)\n      }\n    },\n    [isActive, clearResults, onActiveChange],\n  )\n\n  const handleSelect = useCallback(\n    ({ id }: { id: number | string }) => {\n      onSelect({ id })\n      handleClear()\n    },\n    [onSelect, handleClear],\n  )\n\n  const handleFilterChange = useCallback(\n    ({ selectedValues }: { selectedValues: string[] }) => {\n      onFilterChange?.(selectedValues)\n    },\n    [onFilterChange],\n  )\n\n  const hasFilters = collectionSpecificOptions && collectionSpecificOptions.length > 0\n  const hasActiveFilters = selectedFilters && selectedFilters.length > 0\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__controls`}>\n        <SearchInput\n          onChange={handleInputChange}\n          onClear={handleClear}\n          onSearch={handleSearch}\n          placeholder={t('hierarchy:searchLabel', { label: collectionLabel })}\n          value={inputValue}\n        />\n        {hasFilters && (\n          <Popup\n            buttonClassName={`${baseClass}__filter`}\n            caret={false}\n            horizontalAlign=\"right\"\n            render={() => (\n              <PopupList.RadioGroup>\n                {collectionSpecificOptions.map(({ label, value }) => {\n                  const isActive = selectedFilters?.includes(value)\n                  return (\n                    <PopupList.Button\n                      active={isActive}\n                      icon={isActive ? <CheckIcon size={16} /> : undefined}\n                      key={value}\n                      onClick={() => {\n                        const newSelectedValues = isActive\n                          ? selectedFilters.filter((v) => v !== value)\n                          : [...selectedFilters, value]\n                        handleFilterChange({ selectedValues: newSelectedValues })\n                      }}\n                    >\n                      {label}\n                    </PopupList.Button>\n                  )\n                })}\n              </PopupList.RadioGroup>\n            )}\n            renderButton={({ active, onClick, onKeyDown }) => (\n              <Button\n                aria-label={t('general:filter')}\n                buttonStyle=\"secondary\"\n                className={`${baseClass}__filter`}\n                extraButtonProps={{ onKeyDown }}\n                icon={<FilterIcon hasBadgeCutout={hasActiveFilters} size={16} />}\n                onClick={onClick}\n                round\n                selected={active}\n              />\n            )}\n            verticalAlign=\"bottom\"\n          />\n        )}\n      </div>\n      {isActive && (\n        <HierarchySearchResults\n          hasNextPage={hasNextPage}\n          isLoading={isLoading}\n          onLoadMore={loadMore}\n          onSelect={handleSelect}\n          query={inputValue}\n          results={results}\n          titleField={titleField}\n          totalDocs={totalDocs}\n        />\n      )}\n    </div>\n  )\n}\n\nexport { HierarchySearchResultItem } from './HierarchySearchResultItem.js'\nexport { HierarchySearchResults } from './HierarchySearchResults.js'\nexport type { HierarchySearchProps, SearchResult } from './types.js'\nexport { useHierarchySearch } from './useHierarchySearch.js'\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","useState","FilterIcon","useConfig","useTranslation","Button","Popup","PopupList","SearchInput","HierarchySearchResults","useHierarchySearch","baseClass","HierarchySearch","t0","$","collectionSlug","collectionSpecificOptions","isActive","onActiveChange","onFilterChange","onSelect","selectedFilters","i18n","t","getEntityConfig","inputValue","setInputValue","collectionConfig","titleField","admin","useAsTitle","collectionLabel","labels","plural","hierarchyConfig","hierarchy","clearResults","hasNextPage","isLoading","loadMore","results","search","totalDocs","parentFieldName","titlePathField","titlePathFieldName","t1","query","handleSearch","t2","handleClear","t3","value","handleInputChange","t4","t5","id","handleSelect","t6","selectedValues","handleFilterChange","hasFilters","length","hasActiveFilters","_jsxs","className","children","_jsx","onChange","onClear","onSearch","placeholder","label","buttonClassName","caret","horizontalAlign","popupType","render","CheckboxGroup","map","value_0","isActive_0","includes","CheckboxGroupItem","active","onClick","newSelectedValues","filter","v","onKeyDown","ariaProps","t7","buttonStyle","extraButtonProps","icon","hasBadgeCutout","size","onLoadMore","HierarchySearchResultItem"],"sources":["../../../../src/elements/Hierarchy/Search/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useState } from 'react'\n\nimport type { HierarchySearchProps } from './types.js'\n\nimport { FilterIcon } from '../../../icons/Filter/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport { SearchInput } from '../../Search/SearchInput/index.js'\nimport { HierarchySearchResults } from './HierarchySearchResults.js'\nimport { useHierarchySearch } from './useHierarchySearch.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-search'\n\nexport const HierarchySearch: React.FC<HierarchySearchProps> = ({\n  collectionSlug,\n  collectionSpecificOptions,\n  isActive,\n  onActiveChange,\n  onFilterChange,\n  onSelect,\n  selectedFilters,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { getEntityConfig } = useConfig()\n  const [inputValue, setInputValue] = useState('')\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const titleField = collectionConfig?.admin?.useAsTitle || 'id'\n  const collectionLabel = getTranslation(collectionConfig?.labels?.plural, i18n)\n  const hierarchyConfig =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : null\n\n  const { clearResults, hasNextPage, isLoading, loadMore, results, search, totalDocs } =\n    useHierarchySearch({\n      collectionSlug,\n      parentFieldName: hierarchyConfig?.parentFieldName,\n      titleField,\n      titlePathField: hierarchyConfig?.titlePathFieldName,\n    })\n\n  const handleSearch = useCallback(\n    async (query: string) => {\n      await search(query)\n      onActiveChange(true)\n    },\n    [search, onActiveChange],\n  )\n\n  const handleClear = useCallback(() => {\n    setInputValue('')\n    clearResults()\n    onActiveChange(false)\n  }, [clearResults, onActiveChange])\n\n  const handleInputChange = useCallback(\n    (value: string) => {\n      setInputValue(value)\n      if (!value && isActive) {\n        clearResults()\n        onActiveChange(false)\n      }\n    },\n    [isActive, clearResults, onActiveChange],\n  )\n\n  const handleSelect = useCallback(\n    ({ id }: { id: number | string }) => {\n      onSelect({ id })\n      handleClear()\n    },\n    [onSelect, handleClear],\n  )\n\n  const handleFilterChange = useCallback(\n    ({ selectedValues }: { selectedValues: string[] }) => {\n      onFilterChange?.(selectedValues)\n    },\n    [onFilterChange],\n  )\n\n  const hasFilters = collectionSpecificOptions && collectionSpecificOptions.length > 0\n  const hasActiveFilters = selectedFilters && selectedFilters.length > 0\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__controls`}>\n        <SearchInput\n          onChange={handleInputChange}\n          onClear={handleClear}\n          onSearch={handleSearch}\n          placeholder={t('hierarchy:searchLabel', { label: collectionLabel })}\n          value={inputValue}\n        />\n        {hasFilters && (\n          <Popup\n            buttonClassName={`${baseClass}__filter`}\n            caret={false}\n            horizontalAlign=\"right\"\n            popupType=\"menu\"\n            render={() => (\n              <PopupList.CheckboxGroup>\n                {collectionSpecificOptions.map(({ label, value }) => {\n                  const isActive = selectedFilters?.includes(value)\n                  return (\n                    <PopupList.CheckboxGroupItem\n                      active={isActive}\n                      key={value}\n                      onClick={() => {\n                        const newSelectedValues = isActive\n                          ? selectedFilters.filter((v) => v !== value)\n                          : [...selectedFilters, value]\n                        handleFilterChange({ selectedValues: newSelectedValues })\n                      }}\n                    >\n                      {label}\n                    </PopupList.CheckboxGroupItem>\n                  )\n                })}\n              </PopupList.CheckboxGroup>\n            )}\n            renderButton={({ active, onClick, onKeyDown, ...ariaProps }) => (\n              <Button\n                {...ariaProps}\n                aria-label={t('general:filter')}\n                buttonStyle=\"secondary\"\n                className={`${baseClass}__filter`}\n                extraButtonProps={{ onKeyDown }}\n                icon={<FilterIcon hasBadgeCutout={hasActiveFilters} size={16} />}\n                onClick={onClick}\n                round\n                selected={active}\n              />\n            )}\n            verticalAlign=\"bottom\"\n          />\n        )}\n      </div>\n      {isActive && (\n        <HierarchySearchResults\n          hasNextPage={hasNextPage}\n          isLoading={isLoading}\n          onLoadMore={loadMore}\n          onSelect={handleSelect}\n          query={inputValue}\n          results={results}\n          titleField={titleField}\n          totalDocs={totalDocs}\n        />\n      )}\n    </div>\n  )\n}\n\nexport { HierarchySearchResultItem } from './HierarchySearchResultItem.js'\nexport { HierarchySearchResults } from './HierarchySearchResults.js'\nexport type { HierarchySearchProps, SearchResult } from './types.js'\nexport { useHierarchySearch } from './useHierarchySearch.js'\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Hierarchy/Search/useHierarchySearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHierarchySearch.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/useHierarchySearch.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAK9C,KAAK,sBAAsB,GAAG;IAC5B,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7B,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxC,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,kBAAkB,4EAM5B,sBAAsB,KAAG,wBAmH3B,CAAA"}
+{"version":3,"file":"useHierarchySearch.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/useHierarchySearch.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAK9C,KAAK,sBAAsB,GAAG;IAC5B,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7B,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxC,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,kBAAkB,4EAM5B,sBAAsB,KAAG,wBAoH3B,CAAA"}

package/dist/elements/Hierarchy/Search/useHierarchySearch.js

@@ -26,9 +26,8 @@ export const useHierarchySearch = ({
       serverURL
     }
   } = useConfig();
-  const {
-    code: locale
-  } = useLocale();
+  const currentLocale = useLocale();
+  const locale = currentLocale?.code;
   const fetchResults = useCallback(async ({
     append,
     pageToFetch,

package/dist/elements/Hierarchy/Search/useHierarchySearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHierarchySearch.js","names":["formatAdminURL","qs","useCallback","useState","useConfig","useLocale","useHierarchySearch","collectionSlug","limit","parentFieldName","titleField","titlePathField","results","setResults","isLoading","setIsLoading","hasNextPage","setHasNextPage","totalDocs","setTotalDocs","page","setPage","currentQuery","setCurrentQuery","config","routes","api","serverURL","code","locale","fetchResults","append","pageToFetch","query","queryString","stringify","computeHierarchyPaths","select","where","contains","addQueryPrefix","url","apiRoute","path","response","fetch","credentials","ok","Error","data","json","docs","map","doc","prev","search","loadMore","clearResults"],"sources":["../../../../src/elements/Hierarchy/Search/useHierarchySearch.ts"],"sourcesContent":["'use client'\n\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport { useCallback, useState } from 'react'\n\nimport type { SearchResult } from './types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\n\ntype UseHierarchySearchArgs = {\n  collectionSlug: string\n  limit?: number\n  parentFieldName?: string\n  titleField: string\n  titlePathField?: string\n}\n\ntype UseHierarchySearchReturn = {\n  clearResults: () => void\n  hasNextPage: boolean\n  isLoading: boolean\n  loadMore: () => Promise<void>\n  results: SearchResult[]\n  search: (query: string) => Promise<void>\n  totalDocs: number\n}\n\nexport const useHierarchySearch = ({\n  collectionSlug,\n  limit = 15,\n  parentFieldName = 'parent',\n  titleField,\n  titlePathField = '_h_titlePath',\n}: UseHierarchySearchArgs): UseHierarchySearchReturn => {\n  const [results, setResults] = useState<SearchResult[]>([])\n  const [isLoading, setIsLoading] = useState(false)\n  const [hasNextPage, setHasNextPage] = useState(false)\n  const [totalDocs, setTotalDocs] = useState(0)\n  const [page, setPage] = useState(1)\n  const [currentQuery, setCurrentQuery] = useState('')\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const { code: locale } = useLocale()\n\n  const fetchResults = useCallback(\n    async ({\n      append,\n      pageToFetch,\n      query,\n    }: {\n      append: boolean\n      pageToFetch: number\n      query: string\n    }) => {\n      setIsLoading(true)\n\n      try {\n        const queryString = qs.stringify(\n          {\n            computeHierarchyPaths: true,\n            limit,\n            locale,\n            page: pageToFetch,\n            select: {\n              [parentFieldName]: true,\n              [titleField]: true,\n              [titlePathField]: true,\n            },\n            where: {\n              [titleField]: { contains: query },\n            },\n          },\n          { addQueryPrefix: true },\n        )\n\n        const url = formatAdminURL({\n          apiRoute: api,\n          path: `/${collectionSlug}${queryString}`,\n          serverURL,\n        })\n\n        const response = await fetch(url, { credentials: 'include' })\n\n        if (!response.ok) {\n          throw new Error('Search failed')\n        }\n\n        const data = await response.json()\n        const docs: SearchResult[] = (data.docs || []).map((doc: Record<string, unknown>) => ({\n          ...doc,\n          path: doc[titlePathField] || '',\n        }))\n\n        setResults(append ? (prev) => [...prev, ...docs] : docs)\n        setHasNextPage(data.hasNextPage || false)\n        setTotalDocs(data.totalDocs || 0)\n        setPage(pageToFetch)\n        setCurrentQuery(query)\n      } catch {\n        if (!append) {\n          setResults([])\n          setHasNextPage(false)\n          setTotalDocs(0)\n        }\n      } finally {\n        setIsLoading(false)\n      }\n    },\n    [api, collectionSlug, limit, locale, parentFieldName, serverURL, titleField, titlePathField],\n  )\n\n  const search = useCallback(\n    async (query: string) => {\n      await fetchResults({ append: false, pageToFetch: 1, query })\n    },\n    [fetchResults],\n  )\n\n  const loadMore = useCallback(async () => {\n    if (isLoading || !hasNextPage || !currentQuery) {\n      return\n    }\n\n    await fetchResults({ append: true, pageToFetch: page + 1, query: currentQuery })\n  }, [isLoading, hasNextPage, currentQuery, page, fetchResults])\n\n  const clearResults = useCallback(() => {\n    setResults([])\n    setHasNextPage(false)\n    setTotalDocs(0)\n    setPage(1)\n    setCurrentQuery('')\n  }, [])\n\n  return {\n    clearResults,\n    hasNextPage,\n    isLoading,\n    loadMore,\n    results,\n    search,\n    totalDocs,\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useHierarchySearch.js","names":["formatAdminURL","qs","useCallback","useState","useConfig","useLocale","useHierarchySearch","collectionSlug","limit","parentFieldName","titleField","titlePathField","results","setResults","isLoading","setIsLoading","hasNextPage","setHasNextPage","totalDocs","setTotalDocs","page","setPage","currentQuery","setCurrentQuery","config","routes","api","serverURL","currentLocale","locale","code","fetchResults","append","pageToFetch","query","queryString","stringify","computeHierarchyPaths","select","where","contains","addQueryPrefix","url","apiRoute","path","response","fetch","credentials","ok","Error","data","json","docs","map","doc","prev","search","loadMore","clearResults"],"sources":["../../../../src/elements/Hierarchy/Search/useHierarchySearch.ts"],"sourcesContent":["'use client'\n\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport { useCallback, useState } from 'react'\n\nimport type { SearchResult } from './types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\n\ntype UseHierarchySearchArgs = {\n  collectionSlug: string\n  limit?: number\n  parentFieldName?: string\n  titleField: string\n  titlePathField?: string\n}\n\ntype UseHierarchySearchReturn = {\n  clearResults: () => void\n  hasNextPage: boolean\n  isLoading: boolean\n  loadMore: () => Promise<void>\n  results: SearchResult[]\n  search: (query: string) => Promise<void>\n  totalDocs: number\n}\n\nexport const useHierarchySearch = ({\n  collectionSlug,\n  limit = 15,\n  parentFieldName = 'parent',\n  titleField,\n  titlePathField = '_h_titlePath',\n}: UseHierarchySearchArgs): UseHierarchySearchReturn => {\n  const [results, setResults] = useState<SearchResult[]>([])\n  const [isLoading, setIsLoading] = useState(false)\n  const [hasNextPage, setHasNextPage] = useState(false)\n  const [totalDocs, setTotalDocs] = useState(0)\n  const [page, setPage] = useState(1)\n  const [currentQuery, setCurrentQuery] = useState('')\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const currentLocale = useLocale()\n  const locale = currentLocale?.code\n\n  const fetchResults = useCallback(\n    async ({\n      append,\n      pageToFetch,\n      query,\n    }: {\n      append: boolean\n      pageToFetch: number\n      query: string\n    }) => {\n      setIsLoading(true)\n\n      try {\n        const queryString = qs.stringify(\n          {\n            computeHierarchyPaths: true,\n            limit,\n            locale,\n            page: pageToFetch,\n            select: {\n              [parentFieldName]: true,\n              [titleField]: true,\n              [titlePathField]: true,\n            },\n            where: {\n              [titleField]: { contains: query },\n            },\n          },\n          { addQueryPrefix: true },\n        )\n\n        const url = formatAdminURL({\n          apiRoute: api,\n          path: `/${collectionSlug}${queryString}`,\n          serverURL,\n        })\n\n        const response = await fetch(url, { credentials: 'include' })\n\n        if (!response.ok) {\n          throw new Error('Search failed')\n        }\n\n        const data = await response.json()\n        const docs: SearchResult[] = (data.docs || []).map((doc: Record<string, unknown>) => ({\n          ...doc,\n          path: doc[titlePathField] || '',\n        }))\n\n        setResults(append ? (prev) => [...prev, ...docs] : docs)\n        setHasNextPage(data.hasNextPage || false)\n        setTotalDocs(data.totalDocs || 0)\n        setPage(pageToFetch)\n        setCurrentQuery(query)\n      } catch {\n        if (!append) {\n          setResults([])\n          setHasNextPage(false)\n          setTotalDocs(0)\n        }\n      } finally {\n        setIsLoading(false)\n      }\n    },\n    [api, collectionSlug, limit, locale, parentFieldName, serverURL, titleField, titlePathField],\n  )\n\n  const search = useCallback(\n    async (query: string) => {\n      await fetchResults({ append: false, pageToFetch: 1, query })\n    },\n    [fetchResults],\n  )\n\n  const loadMore = useCallback(async () => {\n    if (isLoading || !hasNextPage || !currentQuery) {\n      return\n    }\n\n    await fetchResults({ append: true, pageToFetch: page + 1, query: currentQuery })\n  }, [isLoading, hasNextPage, currentQuery, page, fetchResults])\n\n  const clearResults = useCallback(() => {\n    setResults([])\n    setHasNextPage(false)\n    setTotalDocs(0)\n    setPage(1)\n    setCurrentQuery('')\n  }, [])\n\n  return {\n    clearResults,\n    hasNextPage,\n    isLoading,\n    loadMore,\n    results,\n    search,\n    totalDocs,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/IDLabel/index.css

@@ -18,6 +18,12 @@
     white-space: nowrap;
   }
 
+  .id-label--is-link:hover,
+  a:not([aria-disabled='true']):hover > .id-label,
+  button:not(:disabled):hover > .id-label {
+    background: var(--color-bg-secondary-hover);
+  }
+
   .id-label__prefix {
     color: var(--color-text-secondary);
   }

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

@@ -2,7 +2,7 @@ import React from 'react';
 import './index.css';
 export declare const IDLabel: React.FC<{
     className?: string;
-    id: string;
+    id: number | string;
     prefix?: string;
 }>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/IDLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAyCjF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/IDLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAyCA,CAAA"}

package/dist/elements/IDLabel/index.js

@@ -12,7 +12,7 @@ import { useDrawerDepth } from '../Drawer/index.js';
 import './index.css';
 const baseClass = 'id-label';
 export const IDLabel = t0 => {
-  const $ = _c(13);
+  const $ = _c(12);
   const {
     id,
     className,
@@ -40,22 +40,25 @@ export const IDLabel = t0 => {
     bb0: {
       const sanitizedID = sanitizeID(id);
       const shouldRenderLink = drawerDepth > 0 && (collectionSlug || globalSlug);
+      const t6 = shouldRenderLink && `${baseClass}--is-link`;
+      let t7;
+      if ($[9] !== className || $[10] !== t6) {
+        t7 = [baseClass, t6, className].filter(Boolean);
+        $[9] = className;
+        $[10] = t6;
+        $[11] = t7;
+      } else {
+        t7 = $[11];
+      }
+      const classes = t7.join(" ");
       if (shouldRenderLink) {
         const docPath = formatAdminURL({
           adminRoute,
           path: `/${collectionSlug ? `collections/${collectionSlug}` : `globals/${globalSlug}`}/${id}`
         });
-        let t6;
-        if ($[9] !== className) {
-          t6 = [baseClass, className].filter(Boolean);
-          $[9] = className;
-          $[10] = t6;
-        } else {
-          t6 = $[10];
-        }
         t5 = _jsxs("div", {
-          className: t6.join(" "),
-          title: id,
+          className: classes,
+          title: String(id),
           children: [_jsx("span", {
             className: `${baseClass}__prefix`,
             children: prefix
@@ -67,17 +70,9 @@ export const IDLabel = t0 => {
         });
         break bb0;
       }
-      let t6;
-      if ($[11] !== className) {
-        t6 = [baseClass, className].filter(Boolean);
-        $[11] = className;
-        $[12] = t6;
-      } else {
-        t6 = $[12];
-      }
       t4 = _jsxs("div", {
-        className: t6.join(" "),
-        title: id,
+        className: classes,
+        title: String(id),
         children: [_jsx("span", {
           className: `${baseClass}__prefix`,
           children: prefix

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","formatAdminURL","React","Link","useConfig","useDocumentInfo","sanitizeID","useDrawerDepth","baseClass","IDLabel","t0","$","id","className","prefix","t1","undefined","config","t2","routes","t3","admin","adminRoute","collectionSlug","globalSlug","drawerDepth","t4","t5","Symbol","for","sanitizedID","shouldRenderLink","docPath","path","t6","filter","Boolean","_jsxs","join","title","children","_jsx","href"],"sources":["../../../src/elements/IDLabel/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { Link } from '../../elements/Link/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { sanitizeID } from '../../utilities/sanitizeID.js'\nimport { useDrawerDepth } from '../Drawer/index.js'\nimport './index.css'\n\nconst baseClass = 'id-label'\n\nexport const IDLabel: React.FC<{ className?: string; id: string; prefix?: string }> = ({\n  id,\n  className,\n  prefix = 'ID',\n}) => {\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n  const drawerDepth = useDrawerDepth()\n\n  const sanitizedID = sanitizeID(id)\n\n  // Only render as link if we're inside a drawer and have document context\n  const shouldRenderLink = drawerDepth > 0 && (collectionSlug || globalSlug)\n\n  if (shouldRenderLink) {\n    const docPath = formatAdminURL({\n      adminRoute,\n      path: `/${collectionSlug ? `collections/${collectionSlug}` : `globals/${globalSlug}`}/${id}`,\n    })\n\n    return (\n      <div className={[baseClass, className].filter(Boolean).join(' ')} title={id}>\n        <span className={`${baseClass}__prefix`}>{prefix}</span>\n        <Link className={`${baseClass}__link`} href={docPath}>\n          {sanitizedID}\n        </Link>\n      </div>\n    )\n  }\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')} title={id}>\n      <span className={`${baseClass}__prefix`}>{prefix}</span>\n      <span className={`${baseClass}__value`}>{sanitizedID}</span>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,IAAI,QAAQ;AACrB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,OAAA,GAAyEC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,EAAA;IAAAC,SAAA;IAAAC,MAAA,EAAAC;EAAA,IAAAL,EAItF;EADC,MAAAI,MAAA,GAAAC,EAAa,KAAAC,SAAA,GAAJ,IAAI,GAAbD,EAAa;EAEb;IAAAE,MAAA,EAAAC;EAAA,IAIId,SAAA;EAHM;IAAAe,MAAA,EAAAC;EAAA,IAAAF,EAEP;EADS;IAAAG,KAAA,EAAAC;EAAA,IAAAF,EAAqB;EAIjC;IAAAG,cAAA;IAAAC;EAAA,IAAuCnB,eAAA;EACvC,MAAAoB,WAAA,GAAoBlB,cAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAW,UAAA,IAAAX,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAY,cAAA,IAAAZ,CAAA,QAAAc,WAAA,IAAAd,CAAA,QAAAa,UAAA,IAAAb,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAG,MAAA;IAchBa,EAAA,GAAAC,MAAA,CAAAC,GAAA,8B;;MAZJ,MAAAC,WAAA,GAAoBxB,UAAA,CAAWM,EAAA;MAG/B,MAAAmB,gBAAA,GAAyBN,WAAA,IAAc,KAAMF,cAAA,IAAkBC,UAAS;MAAA,IAEpEO,gBAAA;QACF,MAAAC,OAAA,GAAgB/B,cAAA;UAAAqB,UAAA;UAAAW,IAAA,EAER,IAAIV,cAAA,GAAiB,eAAeA,cAAA,EAAgB,GAAG,WAAWC,UAAA,EAAY,IAAIZ,EAAA;QAAI,CAC9F;QAAA,IAAAsB,EAAA;QAAA,IAAAvB,CAAA,QAAAE,SAAA;UAGkBqB,EAAA,IAAA1B,SAAA,EAAYK,SAAA,EAAAsB,MAAA,CAAAC,OAAkB;UAAAzB,CAAA,MAAAE,SAAA;UAAAF,CAAA,OAAAuB,EAAA;QAAA;UAAAA,EAAA,GAAAvB,CAAA;QAAA;QAA9CgB,EAAA,GAAAU,KAAA,CAAC;UAAAxB,SAAA,EAAeqB,EAA8B,CAAAI,IAAA,CAAc;UAAAC,KAAA,EAAa3B,EAAA;UAAA4B,QAAA,GACvEC,IAAA,CAAC;YAAA5B,SAAA,EAAgB,GAAAL,SAAA,UAAsB;YAAAgC,QAAA,EAAG1B;UAAA,C,GAC1C2B,IAAA,CAAAtC,IAAA;YAAAU,SAAA,EAAiB,GAAAL,SAAA,QAAoB;YAAAkC,IAAA,EAAQV,OAAA;YAAAQ,QAAA,EAC1CV;UAAA,C;;;;;;QAOSI,EAAA,IAAA1B,SAAA,EAAYK,SAAA,EAAAsB,MAAA,CAAAC,OAAkB;QAAAzB,CAAA,OAAAE,SAAA;QAAAF,CAAA,OAAAuB,EAAA;MAAA;QAAAA,EAAA,GAAAvB,CAAA;MAAA;MAA9Ce,EAAA,GAAAW,KAAA,CAAC;QAAAxB,SAAA,EAAeqB,EAA8B,CAAAI,IAAA,CAAc;QAAAC,KAAA,EAAa3B,EAAA;QAAA4B,QAAA,GACvEC,IAAA,CAAC;UAAA5B,SAAA,EAAgB,GAAAL,SAAA,UAAsB;UAAAgC,QAAA,EAAG1B;QAAA,C,GAC1C2B,IAAA,CAAC;UAAA5B,SAAA,EAAgB,GAAAL,SAAA,SAAqB;UAAAgC,QAAA,EAAGV;QAAA,C;;;;;;;;;;;;;;;;;;;SAF3CJ,E;CAKJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","formatAdminURL","React","Link","useConfig","useDocumentInfo","sanitizeID","useDrawerDepth","baseClass","IDLabel","t0","$","id","className","prefix","t1","undefined","config","t2","routes","t3","admin","adminRoute","collectionSlug","globalSlug","drawerDepth","t4","t5","Symbol","for","sanitizedID","shouldRenderLink","t6","t7","filter","Boolean","classes","join","docPath","path","_jsxs","title","String","children","_jsx","href"],"sources":["../../../src/elements/IDLabel/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { Link } from '../../elements/Link/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { sanitizeID } from '../../utilities/sanitizeID.js'\nimport { useDrawerDepth } from '../Drawer/index.js'\nimport './index.css'\n\nconst baseClass = 'id-label'\n\nexport const IDLabel: React.FC<{\n  className?: string\n  id: number | string\n  prefix?: string\n}> = ({ id, className, prefix = 'ID' }) => {\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n  const drawerDepth = useDrawerDepth()\n\n  const sanitizedID = sanitizeID(id)\n\n  // Only render as link if we're inside a drawer and have document context\n  const shouldRenderLink = drawerDepth > 0 && (collectionSlug || globalSlug)\n\n  const classes = [baseClass, shouldRenderLink && `${baseClass}--is-link`, className]\n    .filter(Boolean)\n    .join(' ')\n\n  if (shouldRenderLink) {\n    const docPath = formatAdminURL({\n      adminRoute,\n      path: `/${collectionSlug ? `collections/${collectionSlug}` : `globals/${globalSlug}`}/${id}`,\n    })\n\n    return (\n      <div className={classes} title={String(id)}>\n        <span className={`${baseClass}__prefix`}>{prefix}</span>\n        <Link className={`${baseClass}__link`} href={docPath}>\n          {sanitizedID}\n        </Link>\n      </div>\n    )\n  }\n\n  return (\n    <div className={classes} title={String(id)}>\n      <span className={`${baseClass}__prefix`}>{prefix}</span>\n      <span className={`${baseClass}__value`}>{sanitizedID}</span>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,IAAI,QAAQ;AACrB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,OAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,EAAA;IAAAC,SAAA;IAAAC,MAAA,EAAAC;EAAA,IAAAL,EAAgC;EAAf,MAAAI,MAAA,GAAAC,EAAa,KAAAC,SAAA,GAAJ,IAAI,GAAbD,EAAa;EAClC;IAAAE,MAAA,EAAAC;EAAA,IAIId,SAAA;EAHM;IAAAe,MAAA,EAAAC;EAAA,IAAAF,EAEP;EADS;IAAAG,KAAA,EAAAC;EAAA,IAAAF,EAAqB;EAIjC;IAAAG,cAAA;IAAAC;EAAA,IAAuCnB,eAAA;EACvC,MAAAoB,WAAA,GAAoBlB,cAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAW,UAAA,IAAAX,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAY,cAAA,IAAAZ,CAAA,QAAAc,WAAA,IAAAd,CAAA,QAAAa,UAAA,IAAAb,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAG,MAAA;IAkBhBa,EAAA,GAAAC,MAAA,CAAAC,GAAA,8B;;MAhBJ,MAAAC,WAAA,GAAoBxB,UAAA,CAAWM,EAAA;MAG/B,MAAAmB,gBAAA,GAAyBN,WAAA,IAAc,KAAMF,cAAA,IAAkBC,UAAS;MAE5C,MAAAQ,EAAA,GAAAD,gBAAA,IAAoB,GAAAvB,SAAA,WAAuB;MAAA,IAAAyB,EAAA;MAAA,IAAAtB,CAAA,QAAAE,SAAA,IAAAF,CAAA,SAAAqB,EAAA;QAAvDC,EAAA,IAAAzB,SAAA,EAAYwB,EAA2C,EAAEnB,SAAA,EAAAqB,MAAA,CAAAC,OAC/D;QAAAxB,CAAA,MAAAE,SAAA;QAAAF,CAAA,OAAAqB,EAAA;QAAArB,CAAA,OAAAsB,EAAA;MAAA;QAAAA,EAAA,GAAAtB,CAAA;MAAA;MADV,MAAAyB,OAAA,GAAgBH,EACN,CAAAI,IAAA,CACF;MAAA,IAEJN,gBAAA;QACF,MAAAO,OAAA,GAAgBrC,cAAA;UAAAqB,UAAA;UAAAiB,IAAA,EAER,IAAIhB,cAAA,GAAiB,eAAeA,cAAA,EAAgB,GAAG,WAAWC,UAAA,EAAY,IAAIZ,EAAA;QAAI,CAC9F;QAGEe,EAAA,GAAAa,KAAA,CAAC;UAAA3B,SAAA,EAAeuB,OAAA;UAAAK,KAAA,EAAgBC,MAAA,CAAO9B,EAAA;UAAA+B,QAAA,GACrCC,IAAA,CAAC;YAAA/B,SAAA,EAAgB,GAAAL,SAAA,UAAsB;YAAAmC,QAAA,EAAG7B;UAAA,C,GAC1C8B,IAAA,CAAAzC,IAAA;YAAAU,SAAA,EAAiB,GAAAL,SAAA,QAAoB;YAAAqC,IAAA,EAAQP,OAAA;YAAAK,QAAA,EAC1Cb;UAAA,C;;;;MAOPJ,EAAA,GAAAc,KAAA,CAAC;QAAA3B,SAAA,EAAeuB,OAAA;QAAAK,KAAA,EAAgBC,MAAA,CAAO9B,EAAA;QAAA+B,QAAA,GACrCC,IAAA,CAAC;UAAA/B,SAAA,EAAgB,GAAAL,SAAA,UAAsB;UAAAmC,QAAA,EAAG7B;QAAA,C,GAC1C8B,IAAA,CAAC;UAAA/B,SAAA,EAAgB,GAAAL,SAAA,SAAqB;UAAAmC,QAAA,EAAGb;QAAA,C;;;;;;;;;;;;;;;;;;;SAF3CJ,E;CAKJ","ignoreList":[]}

package/dist/elements/ItemsDrawer/index.css

@@ -54,12 +54,14 @@
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1440px) {
     .items-drawer__items {
       grid-template-columns: repeat(5, 1fr);
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1024px) {
     .items-drawer__items-wrapper {
       padding-top: var(--spacer-2-5);
@@ -78,6 +80,7 @@
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .items-drawer__items-wrapper {
       padding-top: var(--spacer-2-5);

package/dist/elements/ListControls/index.css

@@ -39,6 +39,7 @@
     flex-shrink: 0;
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .list-controls__search-row {
       flex-wrap: wrap;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgD,MAAM,OAAO,CAAA;AAEpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAanD,OAAO,aAAa,CAAA;AAIpB;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0JpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgD,MAAM,OAAO,CAAA;AAEpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAcnD,OAAO,aAAa,CAAA;AAIpB;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmKpD,CAAA"}

package/dist/elements/ListControls/index.js

@@ -12,6 +12,7 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
 import { ListColumnSelectionButton } from '../ListColumnSelectionButton/index.js';
 import { ListGroupByButton } from '../ListGroupByButton/index.js';
+import { ListEmptyTrashButton } from '../ListHeader/TitleActions/index.js';
 import { ListWhereBuilder } from '../ListWhereBuilder/index.js';
 import { QueryPresetBar } from '../QueryPresets/QueryPresetBar/index.js';
 import { ListSearchFilter } from '../Search/ListSearchFilter/index.js';
@@ -33,6 +34,7 @@ export const ListControls = props => {
     enableFilters: t1,
     enableSort: t2,
     hasCreatePermission,
+    hasDeletePermission,
     isWhereOpen: isWhereOpenFromProps,
     listMenuItems,
     newDocumentURL,
@@ -40,7 +42,8 @@ export const ListControls = props => {
     queryPreset: activePreset,
     queryPresetPermissions,
     renderedFilters,
-    resolvedFilterOptions
+    resolvedFilterOptions,
+    viewType
   } = props;
   const enableColumns = t0 === undefined ? true : t0;
   const enableFilters = t1 === undefined ? true : t1;
@@ -165,6 +168,9 @@ export const ListControls = props => {
           size: "medium",
           to: newDocumentURL,
           children: t("general:createNew")
+        }), hasDeletePermission && collectionConfig.trash && viewType === "trash" && _jsx(ListEmptyTrashButton, {
+          collectionConfig,
+          hasDeletePermission
         }), listMenuItems && Array.isArray(listMenuItems) && listMenuItems.length > 0 && _jsx(Popup, {
           button: _jsx(Dots, {
             ariaLabel: t("general:moreOptions")
@@ -172,6 +178,7 @@ export const ListControls = props => {
           className: `${baseClass}__popup`,
           horizontalAlign: "right",
           id: "list-menu",
+          popupType: "menu",
           verticalAlign: "bottom",
           children: _jsx(PopupList.ButtonGroup, {
             children: listMenuItems.map(_temp)

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useWindowInfo","React","Fragment","useEffect","useRef","useState","Popup","PopupList","ChevronIcon","Dots","useListQuery","useTranslation","Button","ListColumnSelectionButton","ListGroupByButton","ListWhereBuilder","QueryPresetBar","ListSearchFilter","baseClass","ListControls","props","$","beforeActions","collectionConfig","collectionSlug","disableQueryPresets","enableColumns","t0","enableFilters","t1","enableSort","t2","hasCreatePermission","isWhereOpen","isWhereOpenFromProps","listMenuItems","newDocumentURL","onWhereToggle","queryPreset","activePreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","undefined","isControlled","handleSearchChange","hasActiveFilters","query","t","breakpoints","t3","s","smallBreak","searchLabelTranslated","label","split","hasWhereParam","Boolean","where","visibleDrawer","setVisibleDrawer","t4","current","t5","t6","t7","handleWhereToggle","_jsxs","className","children","_jsx","onSearchChange","searchQueryParam","search","enableQueryPresets","buttonStyle","extraButtonProps","icon","direction","size","onClick","selected","slug","fields","el","id","to","Array","isArray","length","button","ariaLabel","horizontalAlign","verticalAlign","ButtonGroup","map","_temp","collectionPluralLabel","labels","plural","onEmptyRemove","item","i"],"sources":["../../../src/elements/ListControls/index.tsx"],"sourcesContent":["'use client'\n\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport React, { Fragment, useEffect, useRef, useState } from 'react'\n\nimport type { ListControlsProps } from './types.js'\n\nimport { Popup, PopupList } from '../../elements/Popup/index.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 { Button } from '../Button/index.js'\nimport { ListColumnSelectionButton } from '../ListColumnSelectionButton/index.js'\nimport { ListGroupByButton } from '../ListGroupByButton/index.js'\nimport { ListWhereBuilder } from '../ListWhereBuilder/index.js'\nimport { QueryPresetBar } from '../QueryPresets/QueryPresetBar/index.js'\nimport { ListSearchFilter } from '../Search/ListSearchFilter/index.js'\nimport './index.css'\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    hasCreatePermission,\n    isWhereOpen: isWhereOpenFromProps,\n    listMenuItems,\n    newDocumentURL,\n    onWhereToggle,\n    queryPreset: activePreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n  } = props\n\n  const isControlled = typeof onWhereToggle === 'function'\n\n  const { handleSearchChange, hasActiveFilters, query } = useListQuery()\n\n  const { t } = useTranslation()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  // Simplified placeholder - just \"Search\" instead of \"Search by X, Y, Z\"\n  const searchLabelTranslated = t('general:searchBy', { label: '' }).split(' ')[0]\n\n  const hasWhereParam = useRef(Boolean(query?.where))\n\n  const [visibleDrawer, setVisibleDrawer] = useState<'columns' | 'sort' | 'where'>(\n    hasActiveFilters ? '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  const isWhereOpen = isControlled ? Boolean(isWhereOpenFromProps) : visibleDrawer === 'where'\n  const handleWhereToggle = isControlled\n    ? onWhereToggle\n    : () => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined)\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__search-row`}>\n        <div className={`${baseClass}__left`}>\n          <ListSearchFilter\n            key={collectionSlug}\n            label={searchLabelTranslated}\n            onSearchChange={handleSearchChange}\n            searchQueryParam={query?.search}\n          />\n          {collectionConfig?.enableQueryPresets && !disableQueryPresets && (\n            <QueryPresetBar\n              activePreset={activePreset}\n              collectionSlug={collectionSlug}\n              queryPresetPermissions={queryPresetPermissions}\n            />\n          )}\n        </div>\n        <div className={`${baseClass}__spacer`} />\n        <div className={`${baseClass}__actions`}>\n          {!smallBreak && beforeActions}\n          {enableFilters && (\n            <Button\n              buttonStyle=\"secondary\"\n              className={`${baseClass}__toggle-where`}\n              extraButtonProps={{\n                'aria-controls': `${baseClass}-where`,\n                'aria-expanded': isWhereOpen,\n              }}\n              icon={<ChevronIcon direction={isWhereOpen ? 'up' : 'down'} size={16} />}\n              id=\"toggle-list-filters\"\n              onClick={handleWhereToggle}\n              selected={isWhereOpen || hasActiveFilters}\n              size=\"medium\"\n            >\n              {t('general:filters')}\n            </Button>\n          )}\n          <ListGroupByButton\n            collectionSlug={collectionConfig.slug}\n            fields={collectionConfig.fields}\n          />\n          {enableColumns && <ListColumnSelectionButton collectionSlug={collectionConfig.slug} />}\n          {enableSort && (\n            <Button\n              buttonStyle=\"secondary\"\n              className={`${baseClass}__toggle-sort`}\n              extraButtonProps={{\n                'aria-controls': `${baseClass}-sort`,\n                'aria-expanded': visibleDrawer === 'sort',\n              }}\n              icon={<ChevronIcon size={16} />}\n              id=\"toggle-list-sort\"\n              onClick={() => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined)}\n              size=\"medium\"\n            >\n              {t('general:sort')}\n            </Button>\n          )}\n          {hasCreatePermission && newDocumentURL && (\n            <Button\n              buttonStyle=\"primary\"\n              className={`${baseClass}__create-new`}\n              el=\"link\"\n              id=\"create-new-doc\"\n              size=\"medium\"\n              to={newDocumentURL}\n            >\n              {t('general:createNew')}\n            </Button>\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              verticalAlign=\"bottom\"\n            >\n              <PopupList.ButtonGroup>\n                {listMenuItems.map((item, i) => (\n                  <Fragment key={`list-menu-item-${i}`}>{item}</Fragment>\n                ))}\n              </PopupList.ButtonGroup>\n            </Popup>\n          )}\n        </div>\n      </div>\n      {!isControlled && isWhereOpen && (\n        <div className={`${baseClass}__where`} id={`${baseClass}-where`}>\n          <ListWhereBuilder\n            collectionPluralLabel={collectionConfig?.labels?.plural}\n            collectionSlug={collectionConfig.slug}\n            fields={collectionConfig?.fields}\n            onEmptyRemove={() => setVisibleDrawer(undefined)}\n            renderedFilters={renderedFilters}\n            resolvedFilterOptions={resolvedFilterOptions}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useWindowInfo","React","Fragment","useEffect","useRef","useState","Popup","PopupList","ChevronIcon","Dots","useListQuery","useTranslation","Button","ListColumnSelectionButton","ListGroupByButton","ListEmptyTrashButton","ListWhereBuilder","QueryPresetBar","ListSearchFilter","baseClass","ListControls","props","$","beforeActions","collectionConfig","collectionSlug","disableQueryPresets","enableColumns","t0","enableFilters","t1","enableSort","t2","hasCreatePermission","hasDeletePermission","isWhereOpen","isWhereOpenFromProps","listMenuItems","newDocumentURL","onWhereToggle","queryPreset","activePreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","viewType","undefined","isControlled","handleSearchChange","hasActiveFilters","query","t","breakpoints","t3","s","smallBreak","searchLabelTranslated","label","split","hasWhereParam","Boolean","where","visibleDrawer","setVisibleDrawer","t4","current","t5","t6","t7","handleWhereToggle","_jsxs","className","children","_jsx","onSearchChange","searchQueryParam","search","enableQueryPresets","buttonStyle","extraButtonProps","icon","direction","size","onClick","selected","slug","fields","el","id","to","trash","Array","isArray","length","button","ariaLabel","horizontalAlign","popupType","verticalAlign","ButtonGroup","map","_temp","collectionPluralLabel","labels","plural","onEmptyRemove","item","i"],"sources":["../../../src/elements/ListControls/index.tsx"],"sourcesContent":["'use client'\n\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport React, { Fragment, useEffect, useRef, useState } from 'react'\n\nimport type { ListControlsProps } from './types.js'\n\nimport { Popup, PopupList } from '../../elements/Popup/index.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 { Button } from '../Button/index.js'\nimport { ListColumnSelectionButton } from '../ListColumnSelectionButton/index.js'\nimport { ListGroupByButton } from '../ListGroupByButton/index.js'\nimport { ListEmptyTrashButton } from '../ListHeader/TitleActions/index.js'\nimport { ListWhereBuilder } from '../ListWhereBuilder/index.js'\nimport { QueryPresetBar } from '../QueryPresets/QueryPresetBar/index.js'\nimport { ListSearchFilter } from '../Search/ListSearchFilter/index.js'\nimport './index.css'\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    hasCreatePermission,\n    hasDeletePermission,\n    isWhereOpen: isWhereOpenFromProps,\n    listMenuItems,\n    newDocumentURL,\n    onWhereToggle,\n    queryPreset: activePreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n    viewType,\n  } = props\n\n  const isControlled = typeof onWhereToggle === 'function'\n\n  const { handleSearchChange, hasActiveFilters, query } = useListQuery()\n\n  const { t } = useTranslation()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  // Simplified placeholder - just \"Search\" instead of \"Search by X, Y, Z\"\n  const searchLabelTranslated = t('general:searchBy', { label: '' }).split(' ')[0]\n\n  const hasWhereParam = useRef(Boolean(query?.where))\n\n  const [visibleDrawer, setVisibleDrawer] = useState<'columns' | 'sort' | 'where'>(\n    hasActiveFilters ? '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  const isWhereOpen = isControlled ? Boolean(isWhereOpenFromProps) : visibleDrawer === 'where'\n  const handleWhereToggle = isControlled\n    ? onWhereToggle\n    : () => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined)\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__search-row`}>\n        <div className={`${baseClass}__left`}>\n          <ListSearchFilter\n            key={collectionSlug}\n            label={searchLabelTranslated}\n            onSearchChange={handleSearchChange}\n            searchQueryParam={query?.search}\n          />\n          {collectionConfig?.enableQueryPresets && !disableQueryPresets && (\n            <QueryPresetBar\n              activePreset={activePreset}\n              collectionSlug={collectionSlug}\n              queryPresetPermissions={queryPresetPermissions}\n            />\n          )}\n        </div>\n        <div className={`${baseClass}__spacer`} />\n        <div className={`${baseClass}__actions`}>\n          {!smallBreak && beforeActions}\n          {enableFilters && (\n            <Button\n              buttonStyle=\"secondary\"\n              className={`${baseClass}__toggle-where`}\n              extraButtonProps={{\n                'aria-controls': `${baseClass}-where`,\n                'aria-expanded': isWhereOpen,\n              }}\n              icon={<ChevronIcon direction={isWhereOpen ? 'up' : 'down'} size={16} />}\n              id=\"toggle-list-filters\"\n              onClick={handleWhereToggle}\n              selected={isWhereOpen || hasActiveFilters}\n              size=\"medium\"\n            >\n              {t('general:filters')}\n            </Button>\n          )}\n          <ListGroupByButton\n            collectionSlug={collectionConfig.slug}\n            fields={collectionConfig.fields}\n          />\n          {enableColumns && <ListColumnSelectionButton collectionSlug={collectionConfig.slug} />}\n          {enableSort && (\n            <Button\n              buttonStyle=\"secondary\"\n              className={`${baseClass}__toggle-sort`}\n              extraButtonProps={{\n                'aria-controls': `${baseClass}-sort`,\n                'aria-expanded': visibleDrawer === 'sort',\n              }}\n              icon={<ChevronIcon size={16} />}\n              id=\"toggle-list-sort\"\n              onClick={() => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined)}\n              size=\"medium\"\n            >\n              {t('general:sort')}\n            </Button>\n          )}\n          {hasCreatePermission && newDocumentURL && (\n            <Button\n              buttonStyle=\"primary\"\n              className={`${baseClass}__create-new`}\n              el=\"link\"\n              id=\"create-new-doc\"\n              size=\"medium\"\n              to={newDocumentURL}\n            >\n              {t('general:createNew')}\n            </Button>\n          )}\n          {hasDeletePermission && collectionConfig.trash && viewType === 'trash' && (\n            <ListEmptyTrashButton\n              collectionConfig={collectionConfig}\n              hasDeletePermission={hasDeletePermission}\n            />\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              popupType=\"menu\"\n              verticalAlign=\"bottom\"\n            >\n              <PopupList.ButtonGroup>\n                {listMenuItems.map((item, i) => (\n                  <Fragment key={`list-menu-item-${i}`}>{item}</Fragment>\n                ))}\n              </PopupList.ButtonGroup>\n            </Popup>\n          )}\n        </div>\n      </div>\n      {!isControlled && isWhereOpen && (\n        <div className={`${baseClass}__where`} id={`${baseClass}-where`}>\n          <ListWhereBuilder\n            collectionPluralLabel={collectionConfig?.labels?.plural}\n            collectionSlug={collectionConfig.slug}\n            fields={collectionConfig?.fields}\n            onEmptyRemove={() => setVisibleDrawer(undefined)}\n            renderedFilters={renderedFilters}\n            resolvedFilterOptions={resolvedFilterOptions}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import type { ClientCollectionConfig, QueryPreset, ResolvedFilterOptions, SanitizedCollectionPermission, Where } from 'payload';
+import type { ClientCollectionConfig, QueryPreset, ResolvedFilterOptions, SanitizedCollectionPermission, ViewTypes, Where } from 'payload';
 export type ListControlsProps = {
     readonly beforeActions?: React.ReactNode[];
     readonly collectionConfig: ClientCollectionConfig;
@@ -21,6 +21,7 @@ export type ListControlsProps = {
     readonly handleSortChange?: (sort: string) => void;
     readonly handleWhereChange?: (where: Where) => void;
     readonly hasCreatePermission?: boolean;
+    readonly hasDeletePermission?: boolean;
     readonly isWhereOpen?: boolean;
     readonly listMenuItems?: React.ReactNode[];
     readonly newDocumentURL?: string;
@@ -29,5 +30,6 @@ export type ListControlsProps = {
     readonly queryPresetPermissions?: SanitizedCollectionPermission;
     readonly renderedFilters?: Map<string, React.ReactNode>;
     readonly resolvedFilterOptions?: Map<string, ResolvedFilterOptions>;
+    readonly viewType?: ViewTypes;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,WAAW,EACX,qBAAqB,EACrB,6BAA6B,EAC7B,KAAK,EACN,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC1C,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;IACjD,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B;;;OAGG;IACH,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IACpC;;;OAGG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACtD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACnD,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC1C,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IACnC,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAA;IAClC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,6BAA6B,CAAA;IAC/D,QAAQ,CAAC,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACvD,QAAQ,CAAC,qBAAqB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAA;CACpE,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,WAAW,EACX,qBAAqB,EACrB,6BAA6B,EAC7B,SAAS,EACT,KAAK,EACN,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC1C,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;IACjD,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B;;;OAGG;IACH,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IACpC;;;OAGG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACtD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACnD,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC1C,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IACnC,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,CAAA;IAClC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,6BAA6B,CAAA;IAC/D,QAAQ,CAAC,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACvD,QAAQ,CAAC,qBAAqB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAA;IACnE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAC9B,CAAA"}

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

@@ -1 +1 @@
-{"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 hasCreatePermission?: boolean\n  readonly isWhereOpen?: boolean\n  readonly listMenuItems?: React.ReactNode[]\n  readonly newDocumentURL?: string\n  readonly onWhereToggle?: () => void\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":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/ListControls/types.ts"],"sourcesContent":["import type {\n  ClientCollectionConfig,\n  QueryPreset,\n  ResolvedFilterOptions,\n  SanitizedCollectionPermission,\n  ViewTypes,\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 hasCreatePermission?: boolean\n  readonly hasDeletePermission?: boolean\n  readonly isWhereOpen?: boolean\n  readonly listMenuItems?: React.ReactNode[]\n  readonly newDocumentURL?: string\n  readonly onWhereToggle?: () => void\n  readonly queryPreset?: QueryPreset\n  readonly queryPresetPermissions?: SanitizedCollectionPermission\n  readonly renderedFilters?: Map<string, React.ReactNode>\n  readonly resolvedFilterOptions?: Map<string, ResolvedFilterOptions>\n  readonly viewType?: ViewTypes\n}\n"],"mappings":"AASA","ignoreList":[]}