npm - @payloadcms/ui - Versions diffs - 4.0.0-internal.9496957 → 4.0.0-internal.970009e - Mend

@payloadcms/ui 4.0.0-internal.9496957 → 4.0.0-internal.970009e

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1948) hide show

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

	@@ -1 +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","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":[]}
1	+ {"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","qs","React","useCallback","useMemo","useRef","useState","toast","useConfig","useDocumentSelection","useLocale","useTranslation","requests","getEffectiveHierarchyCollections","getHierarchyCollectionRestrictions","ListSelectionButton","HierarchyActionsMenu","useHierarchyModal","baseClass","getParentFieldName","hierarchyConfig","config","hierarchy","undefined","parentFieldName","MoveMany","currentParentID","hierarchySlug","Icon","onSuccess","requiredCollections","requiredCollectionsProp","selections","i18n","t","currentLocale","locale","code","collections","routes","api","getSelectionsWithMetadata","hierarchyCollectionConfig","find","c","slug","relatedCollectionSlugs","collectionConfig","inferredRequiredCollections","selectionsWithMeta","required","Set","collectionSlug","items","Object","entries","metadata","allowedCollections","add","size","Array","from","disabledIds","parentIds","ids","length","HierarchyModal","closeModal","openModal","openHierarchyModal","filterByCollection","hierarchyCollectionSlug","count","label","modalTitleLabel","totalCount","labels","collectionLabel","plural","singular","push","join","canMove","hierarchyLabel","isMovingRef","isMoving","setIsMoving","moveDocuments","destination","current","totalMoved","hasErrors","queryString","stringify","where","id","in","addQueryPrefix","url","apiRoute","path","response","patch","body","JSON","headers","language","credentials","json","status","errors","error","message","description","map","movedCount","docs","successKey","success","title","_err","handleModalSave","selectionsMap","firstSelection","values","next","value","destinationTitle","String","handleMoveToRoot","canRemoveFromHierarchy","initialSelections","_jsxs","Fragment","_jsx","hasActions","onMove","onRemove","renderTrigger","triggerProps","className","extraButtonProps","onClick","selected","showActionIcons","confirmLabel","hasMany","isBusy","onMoveToRoot","onSave","showMoveToRoot"],"sources":["../../../../src/elements/Hierarchy/MoveMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useMemo, useRef, 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 {\n getEffectiveHierarchyCollections,\n getHierarchyCollectionRestrictions,\n} from '../../../utilities/hierarchyCollectionRestrictions.js'\nimport { ListSelectionButton } from '../../ListSelection/index.js'\nimport { HierarchyActionsMenu } from '../ActionsMenu/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 /* Callback after successful move /\n onSuccess?: () => void\n /* Collection slugs required by the selected documents at the destination. /\n requiredCollections?: string[]\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 onSuccess,\n requiredCollections: requiredCollectionsProp,\n selections,\n}: MoveManyProps) {\n const { i18n, t } = useTranslation()\n const currentLocale = useLocale()\n const locale = currentLocale?.code\n const {\n config: {\n collections,\n routes: { api },\n },\n } = useConfig()\n\n const { getSelectionsWithMetadata } = useDocumentSelection()\n const hierarchyCollectionConfig = collections.find((c) => c.slug === hierarchySlug)\n\n const { relatedCollectionSlugs } = useMemo(\n () => getHierarchyCollectionRestrictions({ collectionConfig: hierarchyCollectionConfig }),\n [hierarchyCollectionConfig],\n )\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 inferredRequiredCollections = 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 for (const slug of getEffectiveHierarchyCollections({\n allowedCollections: metadata.allowedCollections,\n relatedCollectionSlugs,\n })) {\n required.add(slug)\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, relatedCollectionSlugs])\n\n const requiredCollections = requiredCollectionsProp ?? inferredRequiredCollections\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, modalTitleLabel } = 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 modalTitleLabel:\n labels.length === 1\n ? labels[0]\n : t(totalCount === 1 ? 'general:document' : 'general:documents'),\n }\n }, [selections, collections, i18n, t])\n\n const parentFieldName = getParentFieldName(hierarchyCollectionConfig)\n\n // Check if hierarchy has a valid parentFieldName\n const canMove = parentFieldName !== undefined\n\n const hierarchyLabel =\n getTranslation(hierarchyCollectionConfig?.labels?.singular \|\| hierarchySlug, i18n) \|\|\n hierarchySlug\n const isMovingRef = useRef(false)\n const [isMoving, setIsMoving] = useState(false)\n\n const moveDocuments = useCallback(\n async (destination: { id: null \| number \| string; title: string }) => {\n // A ref, not state, so a second click in the same frame still sees the first move\n if (isMovingRef.current) {\n return\n }\n\n isMovingRef.current = true\n setIsMoving(true)\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\n .map((error: { message: string }) => error.message)\n .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 isMovingRef.current = false\n setIsMoving(false)\n }\n },\n [closeModal, selections, parentFieldName, locale, api, i18n, t, label, onSuccess],\n )\n\n const handleModalSave = useCallback(\n ({ selections: selectionsMap }: { selections: Map<number \| string, SelectionWithPath> }) => {\n const firstSelection = selectionsMap.values().next().value\n\n if (!firstSelection) {\n return\n }\n\n const destinationTitle =\n firstSelection.path[firstSelection.path.length - 1]?.title \|\| String(firstSelection.id)\n\n void moveDocuments({ id: firstSelection.id, title: destinationTitle })\n },\n [moveDocuments],\n )\n\n const handleMoveToRoot = useCallback(() => {\n void moveDocuments({ id: null, title: t('hierarchy:noParent') })\n }, [moveDocuments, t])\n\n const canRemoveFromHierarchy = currentParentID !== null && currentParentID !== undefined\n const initialSelections =\n currentParentID === null \|\| currentParentID === undefined ? undefined : [currentParentID]\n\n if (count === 0 \|\| !canMove) {\n return null\n }\n\n return (\n <React.Fragment>\n <HierarchyActionsMenu\n hasActions={canRemoveFromHierarchy}\n hierarchyLabel={hierarchyLabel}\n onMove={openHierarchyModal}\n onRemove={handleMoveToRoot}\n renderTrigger={(triggerProps) => (\n <ListSelectionButton\n aria-label={t('general:move')}\n className={`${baseClass}__toggle`}\n extraButtonProps={triggerProps?.extraButtonProps}\n onClick={triggerProps?.onClick ?? openHierarchyModal}\n selected={triggerProps?.selected}\n >\n {t('general:move')}\n </ListSelectionButton>\n )}\n showActionIcons\n />\n <HierarchyModal\n confirmLabel={t('general:confirm')}\n hasMany={false}\n initialSelections={initialSelections}\n isBusy={isMoving}\n onMoveToRoot={handleMoveToRoot}\n onSave={handleModalSave}\n showMoveToRoot\n title={t('general:moveCount', { count, label: modalTitleLabel })}\n />\n </React.Fragment>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Hierarchy/Search/HierarchySearchResultItem.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useMemo } from 'react';
 const baseClass = 'hierarchy-search-result-item';
 export const HierarchySearchResultItem = t0 => {
-  const $ = _c(11);
+  const $ = _c(14);
   const {
     id,
     onClick,
@@ -46,21 +46,28 @@ export const HierarchySearchResultItem = t0 => {
   }
   const handleKeyDown = t3;
   let t4;
-  bb0: {
-    if (!path) {
-      t4 = "";
-      break bb0;
-    }
-    const segments = path.split(" / ");
-    if (segments.length <= truncateSegments) {
-      t4 = path;
-      break bb0;
+  if ($[6] !== path || $[7] !== truncateSegments) {
+    bb0: {
+      if (!path) {
+        t4 = "";
+        break bb0;
+      }
+      const segments = path.split(" / ");
+      if (segments.length <= truncateSegments) {
+        t4 = path;
+        break bb0;
+      }
+      t4 = "... / " + segments.slice(-truncateSegments).join(" / ");
     }
-    t4 = "... / " + segments.slice(-truncateSegments).join(" / ");
+    $[6] = path;
+    $[7] = truncateSegments;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
   }
   const truncatedPath = t4;
   let t5;
-  if ($[6] !== handleClick || $[7] !== handleKeyDown || $[8] !== title || $[9] !== truncatedPath) {
+  if ($[9] !== handleClick || $[10] !== handleKeyDown || $[11] !== title || $[12] !== truncatedPath) {
     t5 = _jsxs("div", {
       className: baseClass,
       onClick: handleClick,
@@ -75,13 +82,13 @@ export const HierarchySearchResultItem = t0 => {
         children: truncatedPath
       })]
     });
-    $[6] = handleClick;
-    $[7] = handleKeyDown;
-    $[8] = title;
-    $[9] = truncatedPath;
-    $[10] = t5;
+    $[9] = handleClick;
+    $[10] = handleKeyDown;
+    $[11] = title;
+    $[12] = truncatedPath;
+    $[13] = t5;
   } else {
-    t5 = $[10];
+    t5 = $[13];
   }
   return t5;
 };

package/dist/elements/Hierarchy/Search/HierarchySearchResultItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HierarchySearchResultItem.js","names":["c","_c","React","useCallback","useMemo","baseClass","HierarchySearchResultItem","t0","$","id","onClick","path","title","truncateSegments","t1","undefined","t2","handleClick","t3","e","key","preventDefault","handleKeyDown","t4","bb0","segments","split","length","slice","join","truncatedPath","t5","_jsxs","className","onKeyDown","role","tabIndex","children","_jsx"],"sources":["../../../../src/elements/Hierarchy/Search/HierarchySearchResultItem.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useMemo } from 'react'\n\nconst baseClass = 'hierarchy-search-result-item'\n\ntype HierarchySearchResultItemProps = {\n id: number \| string\n onClick: ({ id }: { id: number \| string }) => void\n path: string\n title: string\n truncateSegments?: number\n}\n\nexport const HierarchySearchResultItem: React.FC<HierarchySearchResultItemProps> = ({\n id,\n onClick,\n path,\n title,\n truncateSegments = 3,\n}) => {\n const handleClick = useCallback(() => {\n onClick({ id })\n }, [id, onClick])\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n e.preventDefault()\n onClick({ id })\n }\n },\n [id, onClick],\n )\n\n const truncatedPath = useMemo(() => {\n if (!path) {\n return ''\n }\n\n const segments = path.split(' / ')\n\n if (segments.length <= truncateSegments) {\n return path\n }\n\n return '... / ' + segments.slice(-truncateSegments).join(' / ')\n }, [path, truncateSegments])\n\n return (\n <div\n className={baseClass}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n role=\"button\"\n tabIndex={0}\n >\n <div className={`${baseClass}__title`}>{title}</div>\n {truncatedPath && <div className={`${baseClass}__path`}>{truncatedPath}</div>}\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAE5C,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,yBAAA,GAAsEC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,EAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,gBAAA,EAAAC;EAAA,IAAAP,EAMnF;EADC,MAAAM,gBAAA,GAAAC,EAAoB,~~KAAAC~~,~~SAAA~~,~~OAApBD~~,EAAoB;EAAA,IAAAE,EAAA;EAAA,IAAAR,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAE,OAAA;IAEYM,EAAA,GAAAA,CAAA;MAC9BN,OAAA;QAAAD;~~MAAA,CAAa~~;IAAA;~~IACfD~~,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAE,OAAA;IAAAF,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAFA,MAAAS,WAAA,GAAoBD,EAEJ;EAAA,IAAAE,EAAA;EAAA,IAAAV,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAE,OAAA;IAGdQ,EAAA,GAAAC,CAAA;~~MAAA~~,~~IACMA~~,CAAA,CAAAC,~~GAAA~~,~~KAAU~~,~~WAAWD~~,CAAA,CAAAC,~~GAAA~~,~~KAAU~~;QACjCD,CAAA,CAAAE,~~cAAA,CAAgB~~;QAChBX,OAAA;UAAAD;~~QAAA,CAAa~~;MAAA;~~IAAA~~;~~IAEjBD~~,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAE,OAAA;IAAAF,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EANF,MAAAc,aAAA,GAAsBJ,EAOP;EAAA,IAAAK,EAAA;~~EAAAC~~,GAAA;~~IAAA~~,~~KAIRb~~,IAAA;~~MACHY~~,EAAA,GAAO;~~MAAA~~,MAAAC,GAAA;~~IAAA~~;~~IAGT~~,MAAAC,QAAA,GAAiBd,IAAA,CAAAe,~~KAAA~~,~~CAAW~~;~~IAAA~~,~~IAExBD~~,QAAA,CAAAE,~~MAAA~~,~~IAAmBd~~,gBAAA;~~MACrBU~~,EAAA,GAAOZ,IAAA;~~MAAA~~,MAAAa,GAAA;~~IAAA~~;~~IAGTD~~,EAAA,GAAO,WAAWE,QAAA,CAAAG,~~KAAA~~,~~EAAgBf~~,gBAAA,EAAAgB,IAAA,~~CAAuB~~;EAAA;EAX3D,~~MAAAC~~,aAAA,GAAsBP,EAYK;EAAA,IAAAQ,EAAA;EAAA,IAAAvB,CAAA,QAAAS,WAAA,IAAAT,CAAA,~~QAAAc~~,aAAA,IAAAd,CAAA,~~QAAAI~~,KAAA,IAAAJ,CAAA,~~QAAAsB~~,aAAA;IAGzBC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,~~EAAA5B~~,SAAA;MAAAK,OAAA,~~EAEUO~~,WAAA;MAAAiB,SAAA,EACEZ,aAAA;MAAAa,IAAA,EACN;MAAAC,QAAA;MAAAC,QAAA,~~GAGLC~~,IAAA,CAAC;QAAAL,SAAA,EAAe,~~GAAA5B~~,SAAA,~~SAAqB~~;QAAAgC,QAAA,EAAGzB;~~MAAA~~,C,~~GACvCkB,aAAA,~~IAAiBQ,IAAA,CAAC;QAAAL,SAAA,EAAe,~~GAAA5B~~,SAAA,~~QAAoB~~;QAAAgC,QAAA,EAAGP~~;MAAA,C;;;;;;;;;;~~SAR3DC,E;CAWJ","ignoreList":[]}
1	+ {"version":3,"file":"HierarchySearchResultItem.js","names":["c","_c","React","useCallback","useMemo","baseClass","HierarchySearchResultItem","t0","$","id","onClick","path","title","truncateSegments","t1","undefined","t2","handleClick","t3","e","key","preventDefault","handleKeyDown","t4","bb0","segments","split","length","slice","join","truncatedPath","t5","_jsxs","className","onKeyDown","role","tabIndex","children","_jsx"],"sources":["../../../../src/elements/Hierarchy/Search/HierarchySearchResultItem.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useMemo } from 'react'\n\nconst baseClass = 'hierarchy-search-result-item'\n\ntype HierarchySearchResultItemProps = {\n id: number \| string\n onClick: ({ id }: { id: number \| string }) => void\n path: string\n title: string\n truncateSegments?: number\n}\n\nexport const HierarchySearchResultItem: React.FC<HierarchySearchResultItemProps> = ({\n id,\n onClick,\n path,\n title,\n truncateSegments = 3,\n}) => {\n const handleClick = useCallback(() => {\n onClick({ id })\n }, [id, onClick])\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n e.preventDefault()\n onClick({ id })\n }\n },\n [id, onClick],\n )\n\n const truncatedPath = useMemo(() => {\n if (!path) {\n return ''\n }\n\n const segments = path.split(' / ')\n\n if (segments.length <= truncateSegments) {\n return path\n }\n\n return '... / ' + segments.slice(-truncateSegments).join(' / ')\n }, [path, truncateSegments])\n\n return (\n <div\n className={baseClass}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n role=\"button\"\n tabIndex={0}\n >\n <div className={`${baseClass}__title`}>{title}</div>\n {truncatedPath && <div className={`${baseClass}__path`}>{truncatedPath}</div>}\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAE5C,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,yBAAA,GAAsEC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,EAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,gBAAA,EAAAC;EAAA,IAAAP,EAMnF;EADC,MAAAM,gBAAA,GAAAC,EAAoB,KAApBC,SAAoB,GAApB,CAAoB,GAApBD,EAAoB;EAAA,IAAAE,EAAA;EAAA,IAAAR,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAE,OAAA;IAEYM,EAAA,GAAAA,CAAA;MAC9BN,OAAA,CAAQ;QAAAD;MAAK;IAAA,CACf;IAAAD,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAE,OAAA;IAAAF,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAFA,MAAAS,WAAA,GAAoBD,EAEJ;EAAA,IAAAE,EAAA;EAAA,IAAAV,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAE,OAAA;IAGdQ,EAAA,GAAAC,CAAA;MACE,IAAIA,CAAA,CAAAC,GAAK,KAAK,OAAqB,IAAVD,CAAA,CAAAC,GAAK,KAAK;QACjCD,CAAA,CAAAE,cAAgB;QAChBX,OAAA,CAAQ;UAAAD;QAAK;MAAA;IACf,CACF;IAAAD,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAE,OAAA;IAAAF,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EANF,MAAAc,aAAA,GAAsBJ,EAOP;EAAA,IAAAK,EAAA;EAAA,IAAAf,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAK,gBAAA;IAAAW,GAAA;MAIb,IAAI,CAACb,IAAA;QACHY,EAAA,GAAO;QAAP,MAAAC,GAAA;MAAO;MAGT,MAAAC,QAAA,GAAiBd,IAAA,CAAAe,KAAU,CAAC;MAE5B,IAAID,QAAA,CAAAE,MAAe,IAAId,gBAAA;QACrBU,EAAA,GAAOZ,IAAA;QAAP,MAAAa,GAAA;MAAO;MAGTD,EAAA,GAAO,WAAWE,QAAA,CAAAG,KAAc,CAAC,CAACf,gBAAA,EAAAgB,IAAsB,CAAC;IAAA;IAAArB,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAK,gBAAA;IAAAL,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAX3D,MAAAsB,aAAA,GAAsBP,EAYK;EAAA,IAAAQ,EAAA;EAAA,IAAAvB,CAAA,QAAAS,WAAA,IAAAT,CAAA,SAAAc,aAAA,IAAAd,CAAA,SAAAI,KAAA,IAAAJ,CAAA,SAAAsB,aAAA;IAGzBC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EACY5B,SAAA;MAAAK,OAAA,EACFO,WAAA;MAAAiB,SAAA,EACEZ,aAAA;MAAAa,IAAA,EACN;MAAAC,QAAA,EACK;MAAAC,QAAA,E,CAEVC,IAAA,CAAC;QAAAL,SAAA,EAAe,GAAG5B,SAAA,SAAkB;QAAAgC,QAAA,EAAGzB;UACvCkB,a,IAAiBQ,IAAA,CAAC;QAAAL,SAAA,EAAe,GAAG5B,SAAA,QAAiB;QAAAgC,QAAA,EAAGP;;;;;;;;;;;SAR3DC,E;CAWJ","ignoreList":[]}

package/dist/elements/Hierarchy/Search/HierarchySearchResults.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HierarchySearchResults.js","names":["c","_c","React","useTranslation","LoadMoreRow","HierarchySearchResultItem","baseClass","HierarchySearchResults","t0","$","hasNextPage","isLoading","onLoadMore","onSelect","query","results","titleField","totalDocs","t","length","t1","_jsx","className","children","t2","result","id","onClick","path","title","String","_jsxs","map","currentCount","hasMore"],"sources":["../../../../src/elements/Hierarchy/Search/HierarchySearchResults.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport type { SearchResult } from './types.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { LoadMoreRow } from '../../LoadMoreRow/index.js'\nimport { HierarchySearchResultItem } from './HierarchySearchResultItem.js'\n\nconst baseClass = 'hierarchy-search-results'\n\ntype HierarchySearchResultsProps = {\n hasNextPage: boolean\n isLoading: boolean\n onLoadMore: () => void\n onSelect: ({ id }: { id: number \| string }) => void\n query: string\n results: SearchResult[]\n titleField: string\n totalDocs: number\n}\n\nexport const HierarchySearchResults: React.FC<HierarchySearchResultsProps> = ({\n hasNextPage,\n isLoading,\n onLoadMore,\n onSelect,\n query,\n results,\n titleField,\n totalDocs,\n}) => {\n const { t } = useTranslation()\n\n if (results.length === 0 && !isLoading) {\n return <div className={`${baseClass}__empty`}>{t('hierarchy:noResults', { query })}</div>\n }\n\n return (\n <div className={baseClass}>\n <div className={`${baseClass}__list`}>\n {results.map((result) => (\n <HierarchySearchResultItem\n id={result.id}\n key={result.id}\n onClick={onSelect}\n path={result.path}\n // eslint-disable-next-line @typescript-eslint/no-base-to-string\n title={String(result[titleField] \|\| result.id)}\n />\n ))}\n </div>\n <LoadMoreRow\n className={`${baseClass}__load-more`}\n currentCount={results.length}\n hasMore={hasNextPage}\n isLoading={isLoading}\n onLoadMore={onLoadMore}\n totalDocs={totalDocs}\n />\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,SAASC,WAAW,QAAQ;AAC5B,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAalB,OAAO,MAAMC,sBAAA,GAAgEC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,WAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAT,EAS7E;EACC;IAAAU;EAAA,IAAcf,cAAA;~~EAAA~~,~~IAEVY~~,OAAA,CAAAI,~~MAAA~~,~~MAAmB~~,~~KAAMR~~,SAAA;IAAA,IAAAS,EAAA;IAAA,IAAAX,CAAA,QAAAK,KAAA,IAAAL,CAAA,QAAAS,CAAA;MACpBE,EAAA,GAAAC,IAAA,CAAC;QAAAC,SAAA,EAAe,~~GAAAhB~~,SAAA,~~SAAqB~~;QAAAiB,QAAA,EAAGL,CAAA,CAAE;UAAAJ;QAAA,~~CAA+B~~;~~MAAA~~,~~C;;;;;;;WAAzEM~~,~~E;;;;;;MAMUI~~,EAAA,GAAAC,MAAA,IACXJ,IAAA,~~CAAAhB~~,yBAAA;QAAAqB,EAAA,~~EACMD~~,MAAA,CAAAC,~~EAAA~~;QAAAC,OAAA,~~EAEKd~~,QAAA;QAAAe,IAAA,EACHH,MAAA,CAAAG,~~IAAA~~;QAAAC,KAAA,~~EAECC~~,MAAA,CAAOL,MAAM,CAACT,UAAA,~~KAAeS~~,MAAA,CAAAC,EAAS;~~MAAA~~,~~GAJxCD,~~MAAA,CAAAC,EAAS;MAAAjB,CAAA,OAAAI,QAAA;MAAAJ,CAAA,OAAAO,UAAA;MAAAP,CAAA,OAAAe,EAAA;IAAA;MAAAA,EAAA,GAAAf,CAAA;IAAA;IALtBW,EAAA,GAAAW,KAAA,CAAC;MAAAT,SAAA,~~EAAAhB~~,SAAA;MAAAiB,QAAA,~~GACCF~~,IAAA,CAAC;QAAAC,SAAA,EAAe,~~GAAAhB~~,SAAA,~~QAAoB~~;QAAAiB,QAAA,EACjCR,OAAA,CAAAiB,~~GAAA~~,~~CAAYR~~,EAGK;~~MAAA~~,~~C,GAQpBH,~~IAAA,~~CAAAjB~~,WAAA;QAAAkB,SAAA,~~EACa~~,~~GAAAhB~~,SAAA,~~aAAyB~~;QAAA2B,YAAA,EACtBlB,OAAA,CAAAI,~~MAAA~~;QAAAe,OAAA,~~EACLxB~~,WAAA;QAAAC,SAAA;QAAAC,UAAA;QAAAK~~;MAAA,C;;;;;;;;;;;;;~~SAhBbG,E;CAuBJ","ignoreList":[]}
1	+ {"version":3,"file":"HierarchySearchResults.js","names":["c","_c","React","useTranslation","LoadMoreRow","HierarchySearchResultItem","baseClass","HierarchySearchResults","t0","$","hasNextPage","isLoading","onLoadMore","onSelect","query","results","titleField","totalDocs","t","length","t1","_jsx","className","children","t2","result","id","onClick","path","title","String","_jsxs","map","currentCount","hasMore"],"sources":["../../../../src/elements/Hierarchy/Search/HierarchySearchResults.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport type { SearchResult } from './types.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { LoadMoreRow } from '../../LoadMoreRow/index.js'\nimport { HierarchySearchResultItem } from './HierarchySearchResultItem.js'\n\nconst baseClass = 'hierarchy-search-results'\n\ntype HierarchySearchResultsProps = {\n hasNextPage: boolean\n isLoading: boolean\n onLoadMore: () => void\n onSelect: ({ id }: { id: number \| string }) => void\n query: string\n results: SearchResult[]\n titleField: string\n totalDocs: number\n}\n\nexport const HierarchySearchResults: React.FC<HierarchySearchResultsProps> = ({\n hasNextPage,\n isLoading,\n onLoadMore,\n onSelect,\n query,\n results,\n titleField,\n totalDocs,\n}) => {\n const { t } = useTranslation()\n\n if (results.length === 0 && !isLoading) {\n return <div className={`${baseClass}__empty`}>{t('hierarchy:noResults', { query })}</div>\n }\n\n return (\n <div className={baseClass}>\n <div className={`${baseClass}__list`}>\n {results.map((result) => (\n <HierarchySearchResultItem\n id={result.id}\n key={result.id}\n onClick={onSelect}\n path={result.path}\n // eslint-disable-next-line @typescript-eslint/no-base-to-string\n title={String(result[titleField] \|\| result.id)}\n />\n ))}\n </div>\n <LoadMoreRow\n className={`${baseClass}__load-more`}\n currentCount={results.length}\n hasMore={hasNextPage}\n isLoading={isLoading}\n onLoadMore={onLoadMore}\n totalDocs={totalDocs}\n />\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,SAASC,WAAW,QAAQ;AAC5B,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAalB,OAAO,MAAMC,sBAAA,GAAgEC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,WAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAT,EAS7E;EACC;IAAAU;EAAA,IAAcf,cAAA;EAEd,IAAIY,OAAA,CAAAI,MAAc,KAAK,CAAM,IAAzB,CAAyBR,SAAA;IAAA,IAAAS,EAAA;IAAA,IAAAX,CAAA,QAAAK,KAAA,IAAAL,CAAA,QAAAS,CAAA;MACpBE,EAAA,GAAAC,IAAA,CAAC;QAAAC,SAAA,EAAe,GAAGhB,SAAA,SAAkB;QAAAiB,QAAA,EAAGL,CAAA,CAAE,uBAAuB;UAAAJ;QAAQ;;;;;;;;WAAzEM,E;;EACT,IAAAA,EAAA;EAAA,IAAAX,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAI,QAAA,IAAAJ,CAAA,QAAAM,OAAA,IAAAN,CAAA,QAAAO,UAAA,IAAAP,CAAA,QAAAQ,SAAA;IAAA,IAAAO,EAAA;IAAA,IAAAf,CAAA,SAAAI,QAAA,IAAAJ,CAAA,SAAAO,UAAA;MAKmBQ,EAAA,GAAAC,MAAA,IACXJ,IAAA,CAAChB,yBAAA;QAAAqB,EAAA,EACKD,MAAA,CAAAC,EAAS;QAAAC,OAAA,EAEJd,QAAA;QAAAe,IAAA,EACHH,MAAA,CAAAG,IAAW;QAAAC,KAAA,EAEVC,MAAA,CAAOL,MAAM,CAACT,UAAA,CAAwB,IAATS,MAAA,CAAAC,EAAS;SAJxCD,MAAA,CAAAC,EAAS;MAAAjB,CAAA,OAAAI,QAAA;MAAAJ,CAAA,OAAAO,UAAA;MAAAP,CAAA,OAAAe,EAAA;IAAA;MAAAA,EAAA,GAAAf,CAAA;IAAA;IALtBW,EAAA,GAAAW,KAAA,CAAC;MAAAT,SAAA,EAAehB,SAAA;MAAAiB,QAAA,E,CACdF,IAAA,CAAC;QAAAC,SAAA,EAAe,GAAGhB,SAAA,QAAiB;QAAAiB,QAAA,EACjCR,OAAA,CAAAiB,GAAW,CAACR,EAGK;UAQpBH,IAAA,CAACjB,WAAA;QAAAkB,SAAA,EACY,GAAGhB,SAAA,aAAsB;QAAA2B,YAAA,EACtBlB,OAAA,CAAAI,MAAc;QAAAe,OAAA,EACnBxB,WAAA;QAAAC,SAAA;QAAAC,UAAA;QAAAK;;;;;;;;;;;;;;SAhBbG,E;CAuBJ","ignoreList":[]}

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

	@@ -1 +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"}
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;AAUtD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqJ1D,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 CHANGED Viewed

@@ -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';
@@ -34,6 +33,7 @@ export const HierarchySearch = t0 => {
     getEntityConfig
   } = useConfig();
   const [inputValue, setInputValue] = useState("");
+  const [completedQuery, setCompletedQuery] = useState("");
   const collectionConfig = getEntityConfig({
     collectionSlug
   });
@@ -58,6 +58,7 @@ export const HierarchySearch = t0 => {
   if ($[0] !== onActiveChange || $[1] !== search) {
     t1 = async query => {
       await search(query);
+      setCompletedQuery(query);
       onActiveChange(true);
     };
     $[0] = onActiveChange;
@@ -148,18 +149,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 +173,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`,
@@ -194,6 +195,15 @@ export const HierarchySearch = t0 => {
         },
         verticalAlign: "bottom"
       })]
+    }), _jsx("div", {
+      "aria-atomic": "true",
+      className: "sr-only",
+      role: "status",
+      children: isActive && !isLoading ? totalDocs === 0 ? t("hierarchy:noResults", {
+        query: completedQuery
+      }) : t("hierarchy:searchResults", {
+        count: totalDocs
+      }) : ""
     }), isActive && _jsx(HierarchySearchResults, {
       hasNextPage,
       isLoading,

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

	@@ -1 +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":[]}
1	+ {"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","completedQuery","setCompletedQuery","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","t7","onKeyDown","ariaProps","buttonStyle","extraButtonProps","icon","hasBadgeCutout","size","selected","role","count","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 const [completedQuery, setCompletedQuery] = 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 setCompletedQuery(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 <div aria-atomic=\"true\" className=\"sr-only\" role=\"status\">\n {isActive && !isLoading\n ? totalDocs === 0\n ? t('hierarchy:noResults', { query: completedQuery })\n : t('hierarchy:searchResults', { count: totalDocs })\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/Tree/HierarchySidebarTab.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HierarchySidebarTab.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Tree/HierarchySidebarTab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;~~AAGpD~~,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAWtD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CACxC;IACE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,yBAAyB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC9D,uBAAuB,EAAE,MAAM,CAAA;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAA;IACzC,oBAAoB,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC1C,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAA;IACjC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,GAAG,qBAAqB,~~CAmI1B~~,CAAA"}
1	+ {"version":3,"file":"HierarchySidebarTab.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Tree/HierarchySidebarTab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAIpD,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAWtD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CACxC;IACE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,yBAAyB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC9D,uBAAuB,EAAE,MAAM,CAAA;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAA;IACzC,oBAAoB,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC1C,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAA;IACjC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,GAAG,qBAAqB,CAsI1B,CAAA"}

package/dist/elements/Hierarchy/Tree/HierarchySidebarTab.js CHANGED Viewed

@@ -3,6 +3,7 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { formatAdminURL } from 'payload/shared';
+import * as qs from 'qs-esm';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useHierarchy } from '../../../providers/Hierarchy/index.js';
@@ -138,7 +139,12 @@ export const HierarchySidebarTab = t0 => {
       } = t11;
       const url = formatAdminURL({
         adminRoute,
-        path: `/collections/${hierarchyCollectionSlug}/hierarchy?${resolvedParentFieldName}=${id}`
+        path: `/collections/${hierarchyCollectionSlug}${qs.stringify({
+          [resolvedParentFieldName]: id,
+          view: "hierarchy"
+        }, {
+          addQueryPrefix: true
+        })}`
       });
       startRouteTransition(() => {
         router.push(url);

package/dist/elements/Hierarchy/Tree/HierarchySidebarTab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HierarchySidebarTab.js","names":["c","_c","formatAdminURL","React","useCallback","useEffect","useRef","useState","useConfig","useHierarchy","useRouter","useSearchParams","useRouteTransition","useSidebarTabs","HydrateHierarchyProvider","HierarchySearch","HierarchyTree","HierarchySidebarTab","t0","$","baseFilter","collectionSpecificOptions","hierarchyCollectionSlug","icon","initialData","initialExpandedNodes","initialSelectedFilters","parentFieldName","selectedNodeId","selectedNodeIdFromServer","treeLimit","typeFieldName","useAsTitle","router","searchParams","startRouteTransition","config","t1","routes","t2","admin","adminRoute","isSearchActive","setIsSearchActive","t3","selectedFilters","setSelectedFiltersLocal","setSelectedFilters","setSelectedFiltersContext","treeRefreshKeys","sidebarTabs","resolvedParentFieldName","t4","get","currentParentParam","tabSlug","isActiveTab","activeTabSlug","t5","treeRefreshKey","prevTreeRefreshKeyRef","t6","t7","current","reloadTabContent","undefined","t8","JSON","stringify","baseFilterKey","t9","filters","handleFilterChange","t10","t11","id","url","path","push","refresh","handleNavigateToParent","_jsxs","_Fragment","children","_jsx","collectionSlug","expandedNodes","treeData","className","isActive","onActiveChange","onFilterChange","onSelect","filterByCollections","length","onNodeClick"],"sources":["../../../../src/elements/Hierarchy/Tree/HierarchySidebarTab.tsx"],"sourcesContent":["'use client'\n\nimport type { SidebarTabClientProps } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { HierarchyInitialData } from './types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\nimport { useRouter, useSearchParams } from '../../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../../providers/RouteTransition/index.js'\nimport { useSidebarTabs } from '../../../providers/SidebarTabs/index.js'\nimport { HydrateHierarchyProvider } from '../HydrateProvider/index.js'\nimport { HierarchySearch } from '../Search/index.js'\nimport { HierarchyTree } from './index.js'\n\nexport const HierarchySidebarTab: React.FC<\n {\n baseFilter?: Record<string, unknown>\n collectionSpecificOptions?: { label: string; value: string }[]\n hierarchyCollectionSlug: string\n icon?: React.ReactNode\n initialData?: HierarchyInitialData \| null\n initialExpandedNodes?: (number \| string)[]\n initialSelectedFilters?: string[]\n parentFieldName?: string\n selectedNodeId?: null \| string\n treeLimit?: number\n typeFieldName?: string\n useAsTitle?: string\n } & SidebarTabClientProps\n> = ({\n baseFilter,\n collectionSpecificOptions,\n hierarchyCollectionSlug,\n icon,\n initialData,\n initialExpandedNodes,\n initialSelectedFilters,\n parentFieldName,\n selectedNodeId: selectedNodeIdFromServer,\n treeLimit,\n typeFieldName,\n useAsTitle,\n}) => {\n const router = useRouter()\n const searchParams = useSearchParams()\n const { startRouteTransition } = useRouteTransition()\n const {\n config: {\n routes: { admin: adminRoute },\n },\n } = useConfig()\n const [isSearchActive, setIsSearchActive] = useState(false)\n const [selectedFilters, setSelectedFiltersLocal] = useState<string[]>(\n initialSelectedFilters ?? [],\n )\n const { setSelectedFilters: setSelectedFiltersContext, treeRefreshKeys } = useHierarchy()\n const sidebarTabs = useSidebarTabs()\n\n const resolvedParentFieldName = parentFieldName ?? 'parent'\n const currentParentParam = searchParams.get(resolvedParentFieldName)\n\n // When refreshTree(slug) is called from the list view (e.g. after mutations), reload this tab.\n // Always reload regardless of active state so inactive tabs are fresh when switched to.\n // The render-tab server function runs with a fresh request that lacks the client's URL query,\n // so forward the current selected parent id — otherwise the reload can't tell which node is\n // being viewed and rebuilds the tree from preference state.\n const tabSlug = `hierarchy-${hierarchyCollectionSlug}`\n const isActiveTab = sidebarTabs?.activeTabSlug === tabSlug\n const treeRefreshKey = treeRefreshKeys.get(hierarchyCollectionSlug) ?? 0\n const prevTreeRefreshKeyRef = useRef(treeRefreshKey)\n useEffect(() => {\n if (prevTreeRefreshKeyRef.current !== treeRefreshKey) {\n prevTreeRefreshKeyRef.current = treeRefreshKey\n // Only forward the selected parent id when this tab is active. currentParentParam\n // reflects the global URL search params, so an inactive tab could otherwise pick up\n // another hierarchy collection's value if they share the same parentFieldName.\n sidebarTabs?.reloadTabContent(tabSlug, {\n searchParams:\n isActiveTab && currentParentParam\n ? { [resolvedParentFieldName]: currentParentParam }\n : undefined,\n })\n }\n }, [\n treeRefreshKey,\n sidebarTabs,\n tabSlug,\n isActiveTab,\n currentParentParam,\n resolvedParentFieldName,\n ])\n\n // Only highlight selected node when this tab is active\n const selectedNodeId = isActiveTab\n ? (currentParentParam ?? selectedNodeIdFromServer ?? undefined)\n : undefined\n\n const baseFilterKey = baseFilter ? JSON.stringify(baseFilter) : ''\n\n const handleFilterChange = useCallback(\n (filters: string[]) => {\n setSelectedFiltersLocal(filters)\n setSelectedFiltersContext(filters)\n },\n [setSelectedFiltersContext],\n )\n\n const handleNavigateToParent = useCallback(\n ({ id }: { id: number \| string }) => {\n const url = formatAdminURL({\n adminRoute,\n path: `/collections/${hierarchyCollectionSlug}/hierarchy?${resolvedParentFieldName}=${id}`,\n })\n startRouteTransition(() => {\n router.push(url)\n router.refresh()\n })\n },\n [adminRoute, hierarchyCollectionSlug, resolvedParentFieldName, router, startRouteTransition],\n )\n return (\n <>\n <HydrateHierarchyProvider\n baseFilter={baseFilter}\n collectionSlug={hierarchyCollectionSlug}\n expandedNodes={initialExpandedNodes}\n parentFieldName={parentFieldName}\n selectedFilters={initialSelectedFilters}\n treeData={initialData}\n treeLimit={treeLimit}\n typeFieldName={typeFieldName}\n />\n <div className=\"hierarchy-sidebar-tab\">\n <HierarchySearch\n collectionSlug={hierarchyCollectionSlug}\n collectionSpecificOptions={collectionSpecificOptions}\n isActive={isSearchActive}\n onActiveChange={setIsSearchActive}\n onFilterChange={handleFilterChange}\n onSelect={handleNavigateToParent}\n selectedFilters={selectedFilters}\n />\n {!isSearchActive && (\n <HierarchyTree\n baseFilter={baseFilter}\n collectionSlug={hierarchyCollectionSlug}\n filterByCollections={selectedFilters.length > 0 ? selectedFilters : undefined}\n icon={icon}\n initialData={initialData}\n initialExpandedNodes={initialExpandedNodes}\n key={`${hierarchyCollectionSlug}-${baseFilterKey}`}\n onNodeClick={handleNavigateToParent}\n selectedNodeId={selectedNodeId}\n useAsTitle={useAsTitle}\n />\n )}\n </div>\n </>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"HierarchySidebarTab.js","names":["c","_c","formatAdminURL","qs","React","useCallback","useEffect","useRef","useState","useConfig","useHierarchy","useRouter","useSearchParams","useRouteTransition","useSidebarTabs","HydrateHierarchyProvider","HierarchySearch","HierarchyTree","HierarchySidebarTab","t0","$","baseFilter","collectionSpecificOptions","hierarchyCollectionSlug","icon","initialData","initialExpandedNodes","initialSelectedFilters","parentFieldName","selectedNodeId","selectedNodeIdFromServer","treeLimit","typeFieldName","useAsTitle","router","searchParams","startRouteTransition","config","t1","routes","t2","admin","adminRoute","isSearchActive","setIsSearchActive","t3","selectedFilters","setSelectedFiltersLocal","setSelectedFilters","setSelectedFiltersContext","treeRefreshKeys","sidebarTabs","resolvedParentFieldName","t4","get","currentParentParam","tabSlug","isActiveTab","activeTabSlug","t5","treeRefreshKey","prevTreeRefreshKeyRef","t6","t7","current","reloadTabContent","undefined","t8","JSON","stringify","baseFilterKey","t9","filters","handleFilterChange","t10","t11","id","url","path","view","addQueryPrefix","push","refresh","handleNavigateToParent","_jsxs","_Fragment","children","_jsx","collectionSlug","expandedNodes","treeData","className","isActive","onActiveChange","onFilterChange","onSelect","filterByCollections","length","onNodeClick"],"sources":["../../../../src/elements/Hierarchy/Tree/HierarchySidebarTab.tsx"],"sourcesContent":["'use client'\n\nimport type { SidebarTabClientProps } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { HierarchyInitialData } from './types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\nimport { useRouter, useSearchParams } from '../../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../../providers/RouteTransition/index.js'\nimport { useSidebarTabs } from '../../../providers/SidebarTabs/index.js'\nimport { HydrateHierarchyProvider } from '../HydrateProvider/index.js'\nimport { HierarchySearch } from '../Search/index.js'\nimport { HierarchyTree } from './index.js'\n\nexport const HierarchySidebarTab: React.FC<\n {\n baseFilter?: Record<string, unknown>\n collectionSpecificOptions?: { label: string; value: string }[]\n hierarchyCollectionSlug: string\n icon?: React.ReactNode\n initialData?: HierarchyInitialData \| null\n initialExpandedNodes?: (number \| string)[]\n initialSelectedFilters?: string[]\n parentFieldName?: string\n selectedNodeId?: null \| string\n treeLimit?: number\n typeFieldName?: string\n useAsTitle?: string\n } & SidebarTabClientProps\n> = ({\n baseFilter,\n collectionSpecificOptions,\n hierarchyCollectionSlug,\n icon,\n initialData,\n initialExpandedNodes,\n initialSelectedFilters,\n parentFieldName,\n selectedNodeId: selectedNodeIdFromServer,\n treeLimit,\n typeFieldName,\n useAsTitle,\n}) => {\n const router = useRouter()\n const searchParams = useSearchParams()\n const { startRouteTransition } = useRouteTransition()\n const {\n config: {\n routes: { admin: adminRoute },\n },\n } = useConfig()\n const [isSearchActive, setIsSearchActive] = useState(false)\n const [selectedFilters, setSelectedFiltersLocal] = useState<string[]>(\n initialSelectedFilters ?? [],\n )\n const { setSelectedFilters: setSelectedFiltersContext, treeRefreshKeys } = useHierarchy()\n const sidebarTabs = useSidebarTabs()\n\n const resolvedParentFieldName = parentFieldName ?? 'parent'\n const currentParentParam = searchParams.get(resolvedParentFieldName)\n\n // When refreshTree(slug) is called from the list view (e.g. after mutations), reload this tab.\n // Always reload regardless of active state so inactive tabs are fresh when switched to.\n // The render-tab server function runs with a fresh request that lacks the client's URL query,\n // so forward the current selected parent id — otherwise the reload can't tell which node is\n // being viewed and rebuilds the tree from preference state.\n const tabSlug = `hierarchy-${hierarchyCollectionSlug}`\n const isActiveTab = sidebarTabs?.activeTabSlug === tabSlug\n const treeRefreshKey = treeRefreshKeys.get(hierarchyCollectionSlug) ?? 0\n const prevTreeRefreshKeyRef = useRef(treeRefreshKey)\n useEffect(() => {\n if (prevTreeRefreshKeyRef.current !== treeRefreshKey) {\n prevTreeRefreshKeyRef.current = treeRefreshKey\n // Only forward the selected parent id when this tab is active. currentParentParam\n // reflects the global URL search params, so an inactive tab could otherwise pick up\n // another hierarchy collection's value if they share the same parentFieldName.\n sidebarTabs?.reloadTabContent(tabSlug, {\n searchParams:\n isActiveTab && currentParentParam\n ? { [resolvedParentFieldName]: currentParentParam }\n : undefined,\n })\n }\n }, [\n treeRefreshKey,\n sidebarTabs,\n tabSlug,\n isActiveTab,\n currentParentParam,\n resolvedParentFieldName,\n ])\n\n // Only highlight selected node when this tab is active\n const selectedNodeId = isActiveTab\n ? (currentParentParam ?? selectedNodeIdFromServer ?? undefined)\n : undefined\n\n const baseFilterKey = baseFilter ? JSON.stringify(baseFilter) : ''\n\n const handleFilterChange = useCallback(\n (filters: string[]) => {\n setSelectedFiltersLocal(filters)\n setSelectedFiltersContext(filters)\n },\n [setSelectedFiltersContext],\n )\n\n const handleNavigateToParent = useCallback(\n ({ id }: { id: number \| string }) => {\n const url = formatAdminURL({\n adminRoute,\n path: `/collections/${hierarchyCollectionSlug}${qs.stringify(\n { [resolvedParentFieldName]: id, view: 'hierarchy' },\n { addQueryPrefix: true },\n )}`,\n })\n void startRouteTransition(() => {\n router.push(url)\n router.refresh()\n })\n },\n [adminRoute, hierarchyCollectionSlug, resolvedParentFieldName, router, startRouteTransition],\n )\n return (\n <>\n <HydrateHierarchyProvider\n baseFilter={baseFilter}\n collectionSlug={hierarchyCollectionSlug}\n expandedNodes={initialExpandedNodes}\n parentFieldName={parentFieldName}\n selectedFilters={initialSelectedFilters}\n treeData={initialData}\n treeLimit={treeLimit}\n typeFieldName={typeFieldName}\n />\n <div className=\"hierarchy-sidebar-tab\">\n <HierarchySearch\n collectionSlug={hierarchyCollectionSlug}\n collectionSpecificOptions={collectionSpecificOptions}\n isActive={isSearchActive}\n onActiveChange={setIsSearchActive}\n onFilterChange={handleFilterChange}\n onSelect={handleNavigateToParent}\n selectedFilters={selectedFilters}\n />\n {!isSearchActive && (\n <HierarchyTree\n baseFilter={baseFilter}\n collectionSlug={hierarchyCollectionSlug}\n filterByCollections={selectedFilters.length > 0 ? selectedFilters : undefined}\n icon={icon}\n initialData={initialData}\n initialExpandedNodes={initialExpandedNodes}\n key={`${hierarchyCollectionSlug}-${baseFilterKey}`}\n onNodeClick={handleNavigateToParent}\n selectedNodeId={selectedNodeId}\n useAsTitle={useAsTitle}\n />\n )}\n </div>\n </>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Hierarchy/Tree/TreeFocusContext.d.ts CHANGED Viewed

@@ -15,8 +15,9 @@ export declare const TreeFocusProvider: React.FC<{
     children: React.ReactNode;
 }>;
 export declare const useTreeFocus: () => TreeFocusContextType;
-export declare const useFocusableItem: ({ id, type, ref, }: {
+export declare const useFocusableItem: ({ id, type, isInitialTabStop, ref, }: {
     id: string;
+    isInitialTabStop?: boolean;
     ref: React.RefObject<HTMLElement>;
     type: 'load-more' | 'node';
 }) => {

package/dist/elements/Hierarchy/Tree/TreeFocusContext.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TreeFocusContext.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Tree/TreeFocusContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,KAAK,aAAa,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IACjC,IAAI,EAAE,WAAW,GAAG,MAAM,CAAA;CAC3B,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,IAAI,GAAG,MAAM,CAAA;IACxB,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7C,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;IAC3C,YAAY,EAAE,CAAC,EAAE,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAA;IACzC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC,CAAA;AAID,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,~~CAgFrE~~,CAAA;AAED,eAAO,MAAM,YAAY,4BAMxB,CAAA;AAED,eAAO,MAAM,gBAAgB,~~uBAI1B~~;IACD,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IACjC,IAAI,EAAE,WAAW,GAAG,MAAM,CAAA;CAC3B;;;;~~CAsCA~~,CAAA"}
1	+ {"version":3,"file":"TreeFocusContext.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Tree/TreeFocusContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,KAAK,aAAa,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IACjC,IAAI,EAAE,WAAW,GAAG,MAAM,CAAA;CAC3B,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,IAAI,GAAG,MAAM,CAAA;IACxB,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7C,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;IAC3C,YAAY,EAAE,CAAC,EAAE,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAA;IACzC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC,CAAA;AAID,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAiFrE,CAAA;AAED,eAAO,MAAM,YAAY,4BAMxB,CAAA;AAED,eAAO,MAAM,gBAAgB,yCAK1B;IACD,EAAE,EAAE,MAAM,CAAA;IACV,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IACjC,IAAI,EAAE,WAAW,GAAG,MAAM,CAAA;CAC3B;;;;CAoCA,CAAA"}

package/dist/elements/Hierarchy/Tree/TreeFocusContext.js CHANGED Viewed

@@ -23,6 +23,7 @@ export const TreeFocusProvider = ({
   }, []);
   const unregisterItem = useCallback(id_0 => {
     itemsRef.current.delete(id_0);
+    setFocusedIdState(focusedId_0 => focusedId_0 === id_0 ? null : focusedId_0);
   }, []);
   const moveFocus = useCallback(direction => {
     const items = Array.from(itemsRef.current.values());
@@ -81,8 +82,10 @@ export const useFocusableItem = t0 => {
   const {
     id,
     type,
+    isInitialTabStop: t1,
     ref
   } = t0;
+  const isInitialTabStop = t1 === undefined ? false : t1;
   const {
     focusedId,
     registerItem,
@@ -90,12 +93,11 @@ export const useFocusableItem = t0 => {
     unregisterItem
   } = useTreeFocus();
   const isFocused = focusedId === id;
-  const isFirstItemEver = focusedId === null;
   const wasFocusedRef = useRef(false);
-  let t1;
   let t2;
+  let t3;
   if ($[0] !== id || $[1] !== ref || $[2] !== registerItem || $[3] !== type || $[4] !== unregisterItem) {
-    t1 = () => {
+    t2 = () => {
       registerItem({
         id,
         type,
@@ -105,54 +107,54 @@ export const useFocusableItem = t0 => {
         unregisterItem(id);
       };
     };
-    t2 = [id, ref, type, registerItem, unregisterItem];
+    t3 = [id, ref, type, registerItem, unregisterItem];
     $[0] = id;
     $[1] = ref;
     $[2] = registerItem;
     $[3] = type;
     $[4] = unregisterItem;
-    $[5] = t1;
-    $[6] = t2;
+    $[5] = t2;
+    $[6] = t3;
   } else {
-    t1 = $[5];
-    t2 = $[6];
+    t2 = $[5];
+    t3 = $[6];
   }
-  useEffect(t1, t2);
-  let t3;
+  useEffect(t2, t3);
   let t4;
+  let t5;
   if ($[7] !== isFocused || $[8] !== ref) {
-    t3 = () => {
+    t4 = () => {
       if (isFocused && !wasFocusedRef.current && ref.current && document.activeElement !== ref.current) {
         ref.current.focus();
       }
       wasFocusedRef.current = isFocused;
     };
-    t4 = [isFocused, ref];
+    t5 = [isFocused, ref];
     $[7] = isFocused;
     $[8] = ref;
-    $[9] = t3;
-    $[10] = t4;
+    $[9] = t4;
+    $[10] = t5;
   } else {
-    t3 = $[9];
-    t4 = $[10];
+    t4 = $[9];
+    t5 = $[10];
   }
-  useLayoutEffect(t3, t4);
-  let t5;
+  useLayoutEffect(t4, t5);
+  let t6;
   if ($[11] !== id || $[12] !== setFocusedId) {
-    t5 = () => {
+    t6 = () => {
       setFocusedId(id);
     };
     $[11] = id;
     $[12] = setFocusedId;
-    $[13] = t5;
+    $[13] = t6;
   } else {
-    t5 = $[13];
+    t6 = $[13];
   }
-  const handleFocus = t5;
-  const tabIndex = isFocused ? 0 : isFirstItemEver ? 0 : -1;
-  let t6;
+  const handleFocus = t6;
+  const tabIndex = isFocused || focusedId === null && isInitialTabStop ? 0 : -1;
+  let t7;
   if ($[14] !== handleFocus || $[15] !== isFocused || $[16] !== tabIndex) {
-    t6 = {
+    t7 = {
       handleFocus,
       isFocused,
       tabIndex
@@ -160,10 +162,10 @@ export const useFocusableItem = t0 => {
     $[14] = handleFocus;
     $[15] = isFocused;
     $[16] = tabIndex;
-    $[17] = t6;
+    $[17] = t7;
   } else {
-    t6 = $[17];
+    t7 = $[17];
   }
-  return t6;
+  return t7;
 };
 //# sourceMappingURL=TreeFocusContext.js.map