@payloadcms/ui 4.0.0-internal.ea6e8f8 → 4.0.0-internal.ec73d44

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","qs","React","useCallback","useEffect","useMemo","useState","useForm","useFormFields","useBranchParam","useConfig","useDocumentInfo","useTranslation","getEffectiveHierarchyCollections","getHierarchyCollectionRestrictions","getHierarchyListURL","Button","HierarchyActionsMenu","useHierarchyModal","baseClass","HierarchyButtonClient","fieldName","hasMany","hierarchyCollectionSlug","Icon","readOnly","readOnlyFromProps","SmallIcon","i18n","t","config","getEntityConfig","id","documentId","collectionSlug","documentCollectionSlug","disabled","formDisabled","setModified","branch","dispatchField","_","dispatch","currentFieldValue","fields","currentSelections","value","Array","isArray","filter","selection","currentId","undefined","displayName","setDisplayName","isLoading","setIsLoading","collectionConfig","useAsTitle","admin","hierarchyConfig","relatedCollectionSlugs","typeFieldName","allowedCollections","isHierarchyCollection","filterByCollection","disabledIds","Set","HierarchyModal","openModal","fetchItemName","queryString","stringify","addQueryPrefix","response","fetch","apiRoute","routes","api","path","serverURL","credentials","ok","itemData","json","title","name","String","handleModalSave","closeModal","selections","ids","from","keys","newValue","type","handleClick","label","hasSingleSelection","hierarchyLabel","labels","singular","handleRemove","goTo","href","adminRoute","parentFieldName","parentID","buttonClassName","Boolean","join","_jsxs","_Fragment","_jsx","hasActions","onMove","onRemove","renderTrigger","triggerProps","buttonStyle","className","extraButtonProps","icon","iconPosition","margin","onClick","selected","tooltip","confirmLabel","initialSelections","onSave"],"sources":["../../../../src/elements/Hierarchy/DocHeaderButton/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { SelectionWithPath } from '../Modal/types.js'\n\nimport { useForm, useFormFields } from '../../../forms/Form/context.js'\nimport { useBranchParam } from '../../../providers/Branch/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport {\n  getEffectiveHierarchyCollections,\n  getHierarchyCollectionRestrictions,\n} from '../../../utilities/hierarchyCollectionRestrictions.js'\nimport { getHierarchyListURL } from '../../../views/HierarchyList/getHierarchyListURL.js'\nimport { Button } from '../../Button/index.js'\nimport { HierarchyActionsMenu } from '../ActionsMenu/index.js'\nimport { useHierarchyModal } from '../Modal/useHierarchyModal.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-button'\n\nexport type HierarchyButtonClientProps = {\n  fieldName: string\n  hasMany?: boolean\n  hierarchyCollectionSlug: string\n  Icon?: React.ReactNode\n  readOnly?: boolean\n  SmallIcon?: React.ReactNode\n}\n\nexport const HierarchyButtonClient: React.FC<HierarchyButtonClientProps> = ({\n  fieldName,\n  hasMany = false,\n  hierarchyCollectionSlug,\n  Icon,\n  readOnly: readOnlyFromProps,\n  SmallIcon,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n  const { id: documentId, collectionSlug: documentCollectionSlug } = useDocumentInfo()\n  const { disabled: formDisabled, setModified } = useForm()\n  const branch = useBranchParam()\n  const readOnly = readOnlyFromProps || formDisabled\n  const dispatchField = useFormFields(([_, dispatch]) => dispatch)\n\n  const currentFieldValue = useFormFields(([fields]) => (fields && fields?.[fieldName]) || null)\n  const currentSelections = useMemo(() => {\n    const value = currentFieldValue?.value\n\n    if (Array.isArray(value)) {\n      return value.filter(\n        (selection): selection is number | string =>\n          typeof selection === 'number' || typeof selection === 'string',\n      )\n    }\n\n    return typeof value === 'number' || typeof value === 'string' ? [value] : []\n  }, [currentFieldValue?.value])\n  const currentId = !hasMany ? currentSelections[0] : undefined\n\n  const [displayName, setDisplayName] = useState<string>('')\n  const [isLoading, setIsLoading] = useState(true)\n\n  const collectionConfig = getEntityConfig({ collectionSlug: hierarchyCollectionSlug })\n  const useAsTitle = collectionConfig?.admin?.useAsTitle || 'name'\n  const { hierarchyConfig, relatedCollectionSlugs, typeFieldName } = useMemo(\n    () => getHierarchyCollectionRestrictions({ collectionConfig }),\n    [collectionConfig],\n  )\n\n  const allowedCollections = useFormFields(([fields]) => {\n    const value = typeFieldName ? fields?.[typeFieldName]?.value : undefined\n\n    return Array.isArray(value) ? (value as string[]) : undefined\n  })\n\n  const isHierarchyCollection = documentCollectionSlug === hierarchyCollectionSlug\n\n  // When in hierarchy collection, let the modal use allowedCollections from context\n  // When in other collections, filter by that collection's slug\n  // Memoize to prevent new array references on every render\n  const filterByCollection = useMemo(() => {\n    if (!documentCollectionSlug) {\n      return undefined\n    }\n    if (!isHierarchyCollection) {\n      return [documentCollectionSlug]\n    }\n    if (!typeFieldName) {\n      return undefined\n    }\n    return getEffectiveHierarchyCollections({ allowedCollections, relatedCollectionSlugs })\n  }, [\n    allowedCollections,\n    documentCollectionSlug,\n    isHierarchyCollection,\n    relatedCollectionSlugs,\n    typeFieldName,\n  ])\n\n  const disabledIds = useMemo(\n    () => (isHierarchyCollection && documentId !== undefined ? new Set([documentId]) : undefined),\n    [documentId, isHierarchyCollection],\n  )\n\n  const [HierarchyModal, , { openModal }] = useHierarchyModal({\n    disabledIds,\n    filterByCollection,\n    hierarchyCollectionSlug,\n    Icon,\n  })\n\n  // Fetch item name when currentId changes\n  useEffect(() => {\n    const fetchItemName = async () => {\n      if (\n        currentId !== null &&\n        currentId !== undefined &&\n        (typeof currentId === 'string' || typeof currentId === 'number')\n      ) {\n        setIsLoading(true)\n        try {\n          const queryString = qs.stringify({ branch }, { addQueryPrefix: true })\n          const response = await fetch(\n            formatAdminURL({\n              apiRoute: config.routes.api,\n              path: `/${hierarchyCollectionSlug}/${currentId}${queryString}`,\n              serverURL: config.serverURL,\n            }),\n            { credentials: 'include' },\n          )\n\n          if (response.ok) {\n            const itemData = await response.json()\n            const title = itemData?.[useAsTitle] || itemData?.name || itemData?.id\n\n            setDisplayName(String(title))\n          } else {\n            setDisplayName(t('general:none'))\n          }\n        } catch {\n          setDisplayName(t('general:none'))\n        } finally {\n          setIsLoading(false)\n        }\n      } else {\n        setDisplayName(t('general:none'))\n        setIsLoading(false)\n      }\n    }\n\n    void fetchItemName()\n  }, [\n    branch,\n    config.routes.api,\n    config.serverURL,\n    currentId,\n    hierarchyCollectionSlug,\n    t,\n    useAsTitle,\n  ])\n\n  const handleModalSave = useCallback(\n    ({\n      closeModal,\n      selections,\n    }: {\n      closeModal: () => void\n      selections: Map<number | string, SelectionWithPath>\n    }) => {\n      const ids = Array.from(selections.keys())\n      const newValue = hasMany ? ids : (ids[0] ?? null)\n\n      if (currentFieldValue?.value !== newValue) {\n        dispatchField({\n          type: 'UPDATE',\n          path: fieldName,\n          value: newValue,\n        })\n        setModified(true)\n      }\n      closeModal()\n    },\n    [currentFieldValue?.value, dispatchField, fieldName, hasMany, setModified],\n  )\n\n  const handleClick = useCallback(() => {\n    if (!readOnly) {\n      openModal()\n    }\n  }, [openModal, readOnly])\n\n  const label = isLoading ? `${t('general:loading')}...` : displayName\n  const hasSingleSelection =\n    !hasMany && (typeof currentId === 'number' || typeof currentId === 'string')\n  const hierarchyLabel =\n    getTranslation(collectionConfig?.labels?.singular || hierarchyCollectionSlug, i18n) ||\n    hierarchyCollectionSlug\n\n  const handleRemove = useCallback(() => {\n    dispatchField({\n      type: 'UPDATE',\n      path: fieldName,\n      value: null,\n    })\n    setModified(true)\n  }, [dispatchField, fieldName, setModified])\n\n  const goTo = useMemo(\n    () =>\n      hasSingleSelection\n        ? {\n            name: displayName,\n            href: getHierarchyListURL({\n              adminRoute: config.routes.admin,\n              collectionSlug: hierarchyCollectionSlug,\n              parentFieldName: hierarchyConfig?.parentFieldName,\n              parentID: currentId,\n            }),\n          }\n        : undefined,\n    [\n      config.routes.admin,\n      currentId,\n      displayName,\n      hasSingleSelection,\n      hierarchyCollectionSlug,\n      hierarchyConfig?.parentFieldName,\n    ],\n  )\n\n  const buttonClassName = [baseClass, readOnly && `${baseClass}--read-only`]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <>\n      <HierarchyActionsMenu\n        goTo={goTo}\n        hasActions={hasSingleSelection && !readOnly}\n        hierarchyLabel={hierarchyLabel}\n        onMove={openModal}\n        onRemove={handleRemove}\n        renderTrigger={(triggerProps) => (\n          <Button\n            aria-label={triggerProps ? label : undefined}\n            buttonStyle=\"secondary\"\n            className={buttonClassName}\n            disabled={readOnly}\n            extraButtonProps={triggerProps?.extraButtonProps}\n            icon={SmallIcon ?? Icon}\n            iconPosition=\"left\"\n            margin={false}\n            onClick={triggerProps?.onClick ?? handleClick}\n            selected={triggerProps?.selected}\n            tooltip={triggerProps ? displayName : undefined}\n          >\n            {triggerProps ? <span className={`${baseClass}__truncate`}>{label}</span> : label}\n          </Button>\n        )}\n      />\n      <HierarchyModal\n        confirmLabel={t('general:confirm')}\n        hasMany={hasMany}\n        initialSelections={currentSelections}\n        onSave={handleModalSave}\n      />\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","qs","React","useCallback","useEffect","useMemo","useState","useForm","useFormFields","useBranchParam","useConfig","useDocumentInfo","useTranslation","getEffectiveHierarchyCollections","getHierarchyCollectionRestrictions","getHierarchyListURL","Button","HierarchyActionsMenu","useHierarchyModal","baseClass","HierarchyButtonClient","fieldName","hasMany","hierarchyCollectionSlug","Icon","readOnly","readOnlyFromProps","SmallIcon","i18n","t","config","getEntityConfig","id","documentId","collectionSlug","documentCollectionSlug","disabled","formDisabled","setModified","branch","dispatchField","_","dispatch","currentFieldValue","fields","currentSelections","value","Array","isArray","filter","selection","currentId","undefined","displayName","setDisplayName","isLoading","setIsLoading","collectionConfig","useAsTitle","admin","hierarchyConfig","relatedCollectionSlugs","typeFieldName","allowedCollections","isHierarchyCollection","filterByCollection","disabledIds","Set","HierarchyModal","openModal","fetchItemName","queryString","stringify","addQueryPrefix","response","fetch","apiRoute","routes","api","path","serverURL","credentials","ok","itemData","json","title","name","String","handleModalSave","closeModal","selections","ids","from","keys","newValue","type","handleClick","label","hasSingleSelection","hierarchyLabel","labels","singular","handleRemove","goTo","href","adminRoute","parentFieldName","parentID","buttonClassName","Boolean","join","_jsxs","_Fragment","_jsx","hasActions","onMove","onRemove","renderTrigger","triggerProps","buttonStyle","className","extraButtonProps","icon","iconPosition","margin","onClick","selected","tooltip","confirmLabel","initialSelections","onSave"],"sources":["../../../../src/elements/Hierarchy/DocHeaderButton/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { SelectionWithPath } from '../Modal/types.js'\n\nimport { useForm, useFormFields } from '../../../forms/Form/context.js'\nimport { useBranchParam } from '../../../providers/Branch/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport {\n  getEffectiveHierarchyCollections,\n  getHierarchyCollectionRestrictions,\n} from '../../../utilities/hierarchyCollectionRestrictions.js'\nimport { getHierarchyListURL } from '../../../views/HierarchyList/getHierarchyListURL.js'\nimport { Button } from '../../Button/index.js'\nimport { HierarchyActionsMenu } from '../ActionsMenu/index.js'\nimport { useHierarchyModal } from '../Modal/useHierarchyModal.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-button'\n\nexport type HierarchyButtonClientProps = {\n  fieldName: string\n  hasMany?: boolean\n  hierarchyCollectionSlug: string\n  Icon?: React.ReactNode\n  readOnly?: boolean\n  SmallIcon?: React.ReactNode\n}\n\nexport const HierarchyButtonClient: React.FC<HierarchyButtonClientProps> = ({\n  fieldName,\n  hasMany = false,\n  hierarchyCollectionSlug,\n  Icon,\n  readOnly: readOnlyFromProps,\n  SmallIcon,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n  const { id: documentId, collectionSlug: documentCollectionSlug } = useDocumentInfo()\n  const { disabled: formDisabled, setModified } = useForm()\n  const branch = useBranchParam()\n  const readOnly = readOnlyFromProps || formDisabled\n  const dispatchField = useFormFields(([_, dispatch]) => dispatch)\n\n  const currentFieldValue = useFormFields(([fields]) => (fields && fields?.[fieldName]) || null)\n  const currentSelections = useMemo(() => {\n    const value = currentFieldValue?.value\n\n    if (Array.isArray(value)) {\n      return value.filter(\n        (selection): selection is number | string =>\n          typeof selection === 'number' || typeof selection === 'string',\n      )\n    }\n\n    return typeof value === 'number' || typeof value === 'string' ? [value] : []\n  }, [currentFieldValue?.value])\n  const currentId = !hasMany ? currentSelections[0] : undefined\n\n  const [displayName, setDisplayName] = useState<string>('')\n  const [isLoading, setIsLoading] = useState(true)\n\n  const collectionConfig = getEntityConfig({ collectionSlug: hierarchyCollectionSlug })\n  const useAsTitle = collectionConfig?.admin?.useAsTitle || 'name'\n  const { hierarchyConfig, relatedCollectionSlugs, typeFieldName } = useMemo(\n    () => getHierarchyCollectionRestrictions({ collectionConfig }),\n    [collectionConfig],\n  )\n\n  const allowedCollections = useFormFields(([fields]) => {\n    const value = typeFieldName ? fields?.[typeFieldName]?.value : undefined\n\n    return Array.isArray(value) ? (value as string[]) : undefined\n  })\n\n  const isHierarchyCollection = documentCollectionSlug === hierarchyCollectionSlug\n\n  // When in hierarchy collection, let the modal use allowedCollections from context\n  // When in other collections, filter by that collection's slug\n  // Memoize to prevent new array references on every render\n  const filterByCollection = useMemo(() => {\n    if (!documentCollectionSlug) {\n      return undefined\n    }\n    if (!isHierarchyCollection) {\n      return [documentCollectionSlug]\n    }\n    if (!typeFieldName) {\n      return undefined\n    }\n    return getEffectiveHierarchyCollections({ allowedCollections, relatedCollectionSlugs })\n  }, [\n    allowedCollections,\n    documentCollectionSlug,\n    isHierarchyCollection,\n    relatedCollectionSlugs,\n    typeFieldName,\n  ])\n\n  const disabledIds = useMemo(\n    () => (isHierarchyCollection && documentId !== undefined ? new Set([documentId]) : undefined),\n    [documentId, isHierarchyCollection],\n  )\n\n  const [HierarchyModal, , { openModal }] = useHierarchyModal({\n    disabledIds,\n    filterByCollection,\n    hierarchyCollectionSlug,\n    Icon,\n  })\n\n  // Fetch item name when currentId changes\n  useEffect(() => {\n    const fetchItemName = async () => {\n      if (\n        currentId !== null &&\n        currentId !== undefined &&\n        (typeof currentId === 'string' || typeof currentId === 'number')\n      ) {\n        setIsLoading(true)\n        try {\n          const queryString = qs.stringify({ branch }, { addQueryPrefix: true })\n          const response = await fetch(\n            formatAdminURL({\n              apiRoute: config.routes.api,\n              path: `/${hierarchyCollectionSlug}/${currentId}${queryString}`,\n              serverURL: config.serverURL,\n            }),\n            { credentials: 'include' },\n          )\n\n          if (response.ok) {\n            const itemData = await response.json()\n            const title = itemData?.[useAsTitle] || itemData?.name || itemData?.id\n\n            setDisplayName(String(title))\n          } else {\n            setDisplayName(t('general:none'))\n          }\n        } catch {\n          setDisplayName(t('general:none'))\n        } finally {\n          setIsLoading(false)\n        }\n      } else {\n        setDisplayName(t('general:none'))\n        setIsLoading(false)\n      }\n    }\n\n    void fetchItemName()\n  }, [\n    branch,\n    config.routes.api,\n    config.serverURL,\n    currentId,\n    hierarchyCollectionSlug,\n    t,\n    useAsTitle,\n  ])\n\n  const handleModalSave = useCallback(\n    ({\n      closeModal,\n      selections,\n    }: {\n      closeModal: () => void\n      selections: Map<number | string, SelectionWithPath>\n    }) => {\n      const ids = Array.from(selections.keys())\n      const newValue = hasMany ? ids : (ids[0] ?? null)\n\n      if (currentFieldValue?.value !== newValue) {\n        dispatchField({\n          type: 'UPDATE',\n          path: fieldName,\n          value: newValue,\n        })\n        setModified(true)\n      }\n      closeModal()\n    },\n    [currentFieldValue?.value, dispatchField, fieldName, hasMany, setModified],\n  )\n\n  const handleClick = useCallback(() => {\n    if (!readOnly) {\n      openModal()\n    }\n  }, [openModal, readOnly])\n\n  const label = isLoading ? `${t('general:loading')}...` : displayName\n  const hasSingleSelection =\n    !hasMany && (typeof currentId === 'number' || typeof currentId === 'string')\n  const hierarchyLabel =\n    getTranslation(collectionConfig?.labels?.singular || hierarchyCollectionSlug, i18n) ||\n    hierarchyCollectionSlug\n\n  const handleRemove = useCallback(() => {\n    dispatchField({\n      type: 'UPDATE',\n      path: fieldName,\n      value: null,\n    })\n    setModified(true)\n  }, [dispatchField, fieldName, setModified])\n\n  const goTo = useMemo(\n    () =>\n      hasSingleSelection\n        ? {\n            name: displayName,\n            href: getHierarchyListURL({\n              adminRoute: config.routes.admin,\n              collectionSlug: hierarchyCollectionSlug,\n              parentFieldName: hierarchyConfig?.parentFieldName,\n              parentID: currentId,\n            }),\n          }\n        : undefined,\n    [\n      config.routes.admin,\n      currentId,\n      displayName,\n      hasSingleSelection,\n      hierarchyCollectionSlug,\n      hierarchyConfig?.parentFieldName,\n    ],\n  )\n\n  const buttonClassName = [baseClass, readOnly && `${baseClass}--read-only`]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <>\n      <HierarchyActionsMenu\n        goTo={goTo}\n        hasActions={hasSingleSelection && !readOnly}\n        hierarchyLabel={hierarchyLabel}\n        onMove={openModal}\n        onRemove={handleRemove}\n        renderTrigger={(triggerProps) => (\n          <Button\n            aria-label={`${t('hierarchy:folderLocation')}: ${label}`}\n            buttonStyle=\"secondary\"\n            className={buttonClassName}\n            disabled={readOnly}\n            extraButtonProps={triggerProps?.extraButtonProps}\n            icon={SmallIcon ?? Icon}\n            iconPosition=\"left\"\n            margin={false}\n            onClick={triggerProps?.onClick ?? handleClick}\n            selected={triggerProps?.selected}\n            tooltip={triggerProps ? displayName : undefined}\n          >\n            {triggerProps ? <span className={`${baseClass}__truncate`}>{label}</span> : label}\n          </Button>\n        )}\n      />\n      <HierarchyModal\n        confirmLabel={t('general:confirm')}\n        hasMany={hasMany}\n        initialSelections={currentSelections}\n        onSave={handleModalSave}\n      />\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useMemo","GearIcon","useHierarchy","useRouteCache","useTranslation","Button","useDocumentDrawer","HierarchyEditButton","t0","$","id","collectionSlug","hasUpdatePermission","title","refreshTree","clearRouteCache","t","t1","drawerProps","DocumentDrawer","t2","closeDrawer","openDrawer","t3","handleSave","t4","_jsxs","_Fragment","children","_jsx","label","buttonStyle","className","icon","margin","onClick","onSave"],"sources":["../../../../src/elements/Hierarchy/EditButton/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport { GearIcon } from '../../../icons/Gear/index.js'\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\nimport { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\n\nexport function HierarchyEditButton({\n  id,\n  collectionSlug,\n  hasUpdatePermission,\n  title,\n}: {\n  collectionSlug: string\n  hasUpdatePermission: boolean\n  id: number | string\n  title: string\n}) {\n  const { refreshTree } = useHierarchy()\n  const { clearRouteCache } = useRouteCache()\n  const { t } = useTranslation()\n  const drawerProps = useMemo(() => ({ id, collectionSlug }), [id, collectionSlug])\n  const [DocumentDrawer, , { closeDrawer, openDrawer }] = useDocumentDrawer(drawerProps)\n\n  const handleSave = useCallback(() => {\n    closeDrawer()\n    clearRouteCache()\n    refreshTree(collectionSlug)\n  }, [clearRouteCache, closeDrawer, collectionSlug, refreshTree])\n\n  if (!hasUpdatePermission) {\n    return null\n  }\n\n  return (\n    <>\n      <Button\n        aria-label={t('general:editLabel', { label: title })}\n        buttonStyle=\"ghost\"\n        className=\"hierarchy-edit-button\"\n        icon={<GearIcon />}\n        margin={false}\n        onClick={openDrawer}\n      />\n      <DocumentDrawer onSave={handleSave} />\n    </>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAE5C,SAASC,QAAQ,QAAQ;AACzB,SAASC,YAAY,QAAQ;AAC7B,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,iBAAiB,QAAQ;AAElC,OAAO,SAAAC,oBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAA6B;IAAAa,EAAA;IAAAC,cAAA;IAAAC,mBAAA;IAAAC;EAAA,IAAAL,EAUnC;EACC;IAAAM;EAAA,IAAwBZ,YAAA;EACxB;IAAAa;EAAA,IAA4BZ,aAAA;EAC5B;IAAAa;EAAA,IAAcZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAC,EAAA;IACqBO,EAAA;MAAAP,EAAA;MAAAC;IAAA;IAAqBF,CAAA,MAAAE,cAAA;IAAAF,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAxD,MAAAS,WAAA,GAAmCD,EAAqB;EACxD,OAAAE,cAAA,GAAAC,EAAA,IAAwDd,iBAAA,CAAkBY,WAAA;EAAjD;IAAAG,WAAA;IAAAC;EAAA,IAAAF,EAA2B;EAAA,IAAAG,EAAA;EAAA,IAAAd,CAAA,QAAAM,eAAA,IAAAN,CAAA,QAAAY,WAAA,IAAAZ,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAK,WAAA;IAErBS,EAAA,GAAAA,CAAA;MAC7BF,WAAA;MACAN,eAAA;MACAD,WAAA,CAAYH,cAAA;IAAA;IACdF,CAAA,MAAAM,eAAA;IAAAN,CAAA,MAAAY,WAAA;IAAAZ,CAAA,MAAAE,cAAA;IAAAF,CAAA,MAAAK,WAAA;IAAAL,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAJA,MAAAe,UAAA,GAAmBD,EAI2C;EAAA,KAEzDX,mBAAA;IAAA;EAAA;EAAA,IAAAa,EAAA;EAAA,IAAAhB,CAAA,QAAAU,cAAA,IAAAV,CAAA,QAAAe,UAAA,IAAAf,CAAA,SAAAa,UAAA,IAAAb,CAAA,SAAAO,CAAA,IAAAP,CAAA,SAAAI,KAAA;IAKHY,EAAA,GAAAC,KAAA,CAAAC,SAAA;MAAAC,QAAA,GACEC,IAAA,CAAAxB,MAAA;QAAA,cACcW,CAAA,CAAE;UAAAc,KAAA,EAA8BjB;QAAA,CAAM;QAAAkB,WAAA,EACtC;QAAAC,SAAA,EACF;QAAAC,IAAA,EACJJ,IAAA,CAAA5B,QAAA,IAAC;QAAAiC,MAAA;QAAAC,OAAA,EAEEb;MAAA,C,GAEXO,IAAA,CAACV,cAAA;QAAAiB,MAAA,EAAuBZ;MAAA,C;;;;;;;;;;;SAT1BC,E","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useMemo","GearIcon","useHierarchy","useRouteCache","useTranslation","Button","useDocumentDrawer","HierarchyEditButton","t0","$","id","collectionSlug","hasUpdatePermission","title","refreshTree","clearRouteCache","t","t1","drawerProps","DocumentDrawer","t2","closeDrawer","openDrawer","t3","handleSave","t4","_jsxs","_Fragment","children","_jsx","label","buttonStyle","className","icon","margin","onClick","onSave"],"sources":["../../../../src/elements/Hierarchy/EditButton/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport { GearIcon } from '../../../icons/Gear/index.js'\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\nimport { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\n\nexport function HierarchyEditButton({\n  id,\n  collectionSlug,\n  hasUpdatePermission,\n  title,\n}: {\n  collectionSlug: string\n  hasUpdatePermission: boolean\n  id: number | string\n  title: string\n}) {\n  const { refreshTree } = useHierarchy()\n  const { clearRouteCache } = useRouteCache()\n  const { t } = useTranslation()\n  const drawerProps = useMemo(() => ({ id, collectionSlug }), [id, collectionSlug])\n  const [DocumentDrawer, , { closeDrawer, openDrawer }] = useDocumentDrawer(drawerProps)\n\n  const handleSave = useCallback(() => {\n    closeDrawer()\n    clearRouteCache()\n    refreshTree(collectionSlug)\n  }, [clearRouteCache, closeDrawer, collectionSlug, refreshTree])\n\n  if (!hasUpdatePermission) {\n    return null\n  }\n\n  return (\n    <>\n      <Button\n        aria-label={t('general:editLabel', { label: title })}\n        buttonStyle=\"ghost\"\n        className=\"hierarchy-edit-button\"\n        icon={<GearIcon />}\n        margin={false}\n        onClick={openDrawer}\n      />\n      <DocumentDrawer onSave={handleSave} />\n    </>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAE5C,SAASC,QAAQ,QAAQ;AACzB,SAASC,YAAY,QAAQ;AAC7B,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,iBAAiB,QAAQ;AAElC,OAAO,SAAAC,oBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAA6B;IAAAa,EAAA;IAAAC,cAAA;IAAAC,mBAAA;IAAAC;EAAA,IAAAL,EAUnC;EACC;IAAAM;EAAA,IAAwBZ,YAAA;EACxB;IAAAa;EAAA,IAA4BZ,aAAA;EAC5B;IAAAa;EAAA,IAAcZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAC,EAAA;IACqBO,EAAA;MAAAP,EAAA;MAAAC;IAAqB;IAAAF,CAAA,MAAAE,cAAA;IAAAF,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAxD,MAAAS,WAAA,GAAmCD,EAAqB;EACxD,OAAAE,cAAA,GAAAC,EAAA,IAAwDd,iBAAA,CAAkBY,WAAA;EAAjD;IAAAG,WAAA;IAAAC;EAAA,IAAAF,EAA2B;EAAA,IAAAG,EAAA;EAAA,IAAAd,CAAA,QAAAM,eAAA,IAAAN,CAAA,QAAAY,WAAA,IAAAZ,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAK,WAAA;IAErBS,EAAA,GAAAA,CAAA;MAC7BF,WAAA;MACAN,eAAA;MACAD,WAAA,CAAYH,cAAA;IAAA,CACd;IAAAF,CAAA,MAAAM,eAAA;IAAAN,CAAA,MAAAY,WAAA;IAAAZ,CAAA,MAAAE,cAAA;IAAAF,CAAA,MAAAK,WAAA;IAAAL,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAJA,MAAAe,UAAA,GAAmBD,EAI2C;EAE9D,IAAI,CAACX,mBAAA;IAAA,OACI;EAAA;EACT,IAAAa,EAAA;EAAA,IAAAhB,CAAA,QAAAU,cAAA,IAAAV,CAAA,QAAAe,UAAA,IAAAf,CAAA,SAAAa,UAAA,IAAAb,CAAA,SAAAO,CAAA,IAAAP,CAAA,SAAAI,KAAA;IAGEY,EAAA,GAAAC,KAAA,CAAAC,SAAA;MAAAC,QAAA,E,CACEC,IAAA,CAACxB,MAAA;QAAA,cACaW,CAAA,CAAE,qBAAqB;UAAAc,KAAA,EAASjB;QAAM;QAAAkB,WAAA,EACtC;QAAAC,SAAA,EACF;QAAAC,IAAA,EACJJ,IAAA,CAAC5B,QAAA;QAAAiC,MAAA,EACC;QAAAC,OAAA,EACCb;UAEXO,IAAA,CAACV,cAAA;QAAAiB,MAAA,EAAuBZ;;;;;;;;;;;;SAT1BC,E","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useEffect","useHierarchy","HydrateHierarchyProvider","t0","$","allowedCollections","baseFilter","collectionSlug","expandedNodes","parent","parentFieldName","selectedFilters","tableData","treeData","treeLimit","typeFieldName","useAsTitle","hydrate","t1","t2"],"sources":["../../../../src/elements/Hierarchy/HydrateProvider/index.tsx"],"sourcesContent":["'use client'\n\nimport type React from 'react'\n\nimport { useEffect } from 'react'\n\nimport type { HydrateHierarchyProviderProps } from '../../../providers/Hierarchy/types.js'\n\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\n\nexport const HydrateHierarchyProvider: React.FC<HydrateHierarchyProviderProps> = ({\n  allowedCollections,\n  baseFilter,\n  collectionSlug,\n  expandedNodes,\n  parent,\n  parentFieldName,\n  selectedFilters,\n  tableData,\n  treeData,\n  treeLimit,\n  typeFieldName,\n  useAsTitle,\n}) => {\n  const { hydrate } = useHierarchy()\n\n  useEffect(() => {\n    hydrate({\n      allowedCollections,\n      baseFilter,\n      collectionSlug,\n      expandedNodes,\n      parent,\n      parentFieldName,\n      selectedFilters,\n      tableData,\n      treeData,\n      treeLimit,\n      typeFieldName,\n      useAsTitle,\n    })\n  }, [\n    allowedCollections,\n    baseFilter,\n    collectionSlug,\n    expandedNodes,\n    hydrate,\n    parent,\n    parentFieldName,\n    selectedFilters,\n    tableData,\n    treeData,\n    treeLimit,\n    typeFieldName,\n    useAsTitle,\n  ])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,SAAS,QAAQ;AAI1B,SAASC,YAAY,QAAQ;AAE7B,OAAO,MAAMC,wBAAA,GAAoEC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM,kBAAA;IAAAC,UAAA;IAAAC,cAAA;IAAAC,aAAA;IAAAC,MAAA;IAAAC,eAAA;IAAAC,eAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,aAAA;IAAAC;EAAA,IAAAb,EAajF;EACC;IAAAc;EAAA,IAAoBhB,YAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAC,kBAAA,IAAAD,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAI,aAAA,IAAAJ,CAAA,QAAAa,OAAA,IAAAb,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAM,eAAA,IAAAN,CAAA,QAAAO,eAAA,IAAAP,CAAA,QAAAQ,SAAA,IAAAR,CAAA,QAAAS,QAAA,IAAAT,CAAA,SAAAU,SAAA,IAAAV,CAAA,SAAAW,aAAA,IAAAX,CAAA,SAAAY,UAAA;IAEVE,EAAA,GAAAA,CAAA;MACRD,OAAA;QAAAZ,kBAAA;QAAAC,UAAA;QAAAC,cAAA;QAAAC,aAAA;QAAAC,MAAA;QAAAC,eAAA;QAAAC,eAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,aAAA;QAAAC;MAAA,CAaA;IAAA;IACCG,EAAA,IACDd,kBAAA,EACAC,UAAA,EACAC,cAAA,EACAC,aAAA,EACAS,OAAA,EACAR,MAAA,EACAC,eAAA,EACAC,eAAA,EACAC,SAAA,EACAC,QAAA,EACAC,SAAA,EACAC,aAAA,EACAC,UAAA;IACDZ,CAAA,MAAAC,kBAAA;IAAAD,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAG,cAAA;IAAAH,CAAA,MAAAI,aAAA;IAAAJ,CAAA,MAAAa,OAAA;IAAAb,CAAA,MAAAK,MAAA;IAAAL,CAAA,MAAAM,eAAA;IAAAN,CAAA,MAAAO,eAAA;IAAAP,CAAA,MAAAQ,SAAA;IAAAR,CAAA,MAAAS,QAAA;IAAAT,CAAA,OAAAU,SAAA;IAAAV,CAAA,OAAAW,aAAA;IAAAX,CAAA,OAAAY,UAAA;IAAAZ,CAAA,OAAAc,EAAA;IAAAd,CAAA,OAAAe,EAAA;EAAA;IAAAD,EAAA,GAAAd,CAAA;IAAAe,EAAA,GAAAf,CAAA;EAAA;EA7BDJ,SAAA,CAAUkB,EAeV,EAAGC,EAcF;EAAA;AAAA,CAGH","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useEffect","useHierarchy","HydrateHierarchyProvider","t0","$","allowedCollections","baseFilter","collectionSlug","expandedNodes","parent","parentFieldName","selectedFilters","tableData","treeData","treeLimit","typeFieldName","useAsTitle","hydrate","t1","t2"],"sources":["../../../../src/elements/Hierarchy/HydrateProvider/index.tsx"],"sourcesContent":["'use client'\n\nimport type React from 'react'\n\nimport { useEffect } from 'react'\n\nimport type { HydrateHierarchyProviderProps } from '../../../providers/Hierarchy/types.js'\n\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\n\nexport const HydrateHierarchyProvider: React.FC<HydrateHierarchyProviderProps> = ({\n  allowedCollections,\n  baseFilter,\n  collectionSlug,\n  expandedNodes,\n  parent,\n  parentFieldName,\n  selectedFilters,\n  tableData,\n  treeData,\n  treeLimit,\n  typeFieldName,\n  useAsTitle,\n}) => {\n  const { hydrate } = useHierarchy()\n\n  useEffect(() => {\n    hydrate({\n      allowedCollections,\n      baseFilter,\n      collectionSlug,\n      expandedNodes,\n      parent,\n      parentFieldName,\n      selectedFilters,\n      tableData,\n      treeData,\n      treeLimit,\n      typeFieldName,\n      useAsTitle,\n    })\n  }, [\n    allowedCollections,\n    baseFilter,\n    collectionSlug,\n    expandedNodes,\n    hydrate,\n    parent,\n    parentFieldName,\n    selectedFilters,\n    tableData,\n    treeData,\n    treeLimit,\n    typeFieldName,\n    useAsTitle,\n  ])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,SAAS,QAAQ;AAI1B,SAASC,YAAY,QAAQ;AAE7B,OAAO,MAAMC,wBAAA,GAAoEC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM,kBAAA;IAAAC,UAAA;IAAAC,cAAA;IAAAC,aAAA;IAAAC,MAAA;IAAAC,eAAA;IAAAC,eAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,aAAA;IAAAC;EAAA,IAAAb,EAajF;EACC;IAAAc;EAAA,IAAoBhB,YAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAC,kBAAA,IAAAD,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAI,aAAA,IAAAJ,CAAA,QAAAa,OAAA,IAAAb,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAM,eAAA,IAAAN,CAAA,QAAAO,eAAA,IAAAP,CAAA,QAAAQ,SAAA,IAAAR,CAAA,QAAAS,QAAA,IAAAT,CAAA,SAAAU,SAAA,IAAAV,CAAA,SAAAW,aAAA,IAAAX,CAAA,SAAAY,UAAA;IAEVE,EAAA,GAAAA,CAAA;MACRD,OAAA,CAAQ;QAAAZ,kBAAA;QAAAC,UAAA;QAAAC,cAAA;QAAAC,aAAA;QAAAC,MAAA;QAAAC,eAAA;QAAAC,eAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,aAAA;QAAAC;MAaR;IAAA,CACF;IAAGG,EAAA,IACDd,kBAAA,EACAC,UAAA,EACAC,cAAA,EACAC,aAAA,EACAS,OAAA,EACAR,MAAA,EACAC,eAAA,EACAC,eAAA,EACAC,SAAA,EACAC,QAAA,EACAC,SAAA,EACAC,aAAA,EACAC,UAAA,CACD;IAAAZ,CAAA,MAAAC,kBAAA;IAAAD,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAG,cAAA;IAAAH,CAAA,MAAAI,aAAA;IAAAJ,CAAA,MAAAa,OAAA;IAAAb,CAAA,MAAAK,MAAA;IAAAL,CAAA,MAAAM,eAAA;IAAAN,CAAA,MAAAO,eAAA;IAAAP,CAAA,MAAAQ,SAAA;IAAAR,CAAA,MAAAS,QAAA;IAAAT,CAAA,OAAAU,SAAA;IAAAV,CAAA,OAAAW,aAAA;IAAAX,CAAA,OAAAY,UAAA;IAAAZ,CAAA,OAAAc,EAAA;IAAAd,CAAA,OAAAe,EAAA;EAAA;IAAAD,EAAA,GAAAd,CAAA;IAAAe,EAAA,GAAAf,CAAA;EAAA;EA7BDJ,SAAA,CAAUkB,EAeV,EAAGC,EAcF;EAAA,OAEM;AAAA,CACT","ignoreList":[]}

package/dist/elements/Hierarchy/Modal/Footer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","FolderIcon","ReplaceIcon","useTranslation","Button","Chip","DialogFooter","baseClass","HierarchyPath","Icon","path","label","map","segment","title","join","_jsx","className","icon","HierarchyModalFooter","t0","$","confirmLabel","destinationPath","isBusy","t1","isConfirmDisabled","isMultiSelect","onClear","onConfirm","onMoveToRoot","placeholderLabel","previousPath","selectionCount","selectionCountLabel","showMoveToRoot","undefined","t","t2","_jsxs","children","Fragment","buttonStyle","margin","onClick","size","length","disabled"],"sources":["../../../../../src/elements/Hierarchy/Modal/Footer/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { PathSegment } from '../../ColumnBrowser/types.js'\n\nimport { FolderIcon } from '../../../../icons/Folder/index.js'\nimport { ReplaceIcon } from '../../../../icons/Replace/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Button } from '../../../Button/index.js'\nimport { Chip } from '../../../Chip/index.js'\nimport { DialogFooter } from '../../../Dialog/index.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-modal-footer'\n\nexport type HierarchyModalFooterProps = {\n  confirmLabel: string\n  destinationPath?: PathSegment[]\n  Icon?: React.ReactNode\n  isBusy?: boolean\n  isConfirmDisabled: boolean\n  isMultiSelect: boolean\n  onClear: () => void\n  onConfirm: () => void\n  onMoveToRoot?: () => void\n  placeholderLabel: string\n  previousPath?: PathSegment[]\n  selectionCount: number\n  selectionCountLabel: string\n  showMoveToRoot?: boolean\n}\n\nconst HierarchyPath: React.FC<{\n  Icon?: React.ReactNode\n  path: PathSegment[]\n}> = ({ Icon, path }) => {\n  const label = path.map((segment) => segment.title).join(' / ')\n\n  return (\n    <Chip aria-label={label} className={`${baseClass}__path`} icon={Icon ?? <FolderIcon />}>\n      {label}\n    </Chip>\n  )\n}\n\nexport const HierarchyModalFooter: React.FC<HierarchyModalFooterProps> = ({\n  confirmLabel,\n  destinationPath,\n  Icon,\n  isBusy = false,\n  isConfirmDisabled,\n  isMultiSelect,\n  onClear,\n  onConfirm,\n  onMoveToRoot,\n  placeholderLabel,\n  previousPath,\n  selectionCount,\n  selectionCountLabel,\n  showMoveToRoot,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <DialogFooter>\n      <div className={`${baseClass}__info`}>\n        {isMultiSelect ? (\n          <React.Fragment>\n            <span className={`${baseClass}__secondary`}>{selectionCountLabel}</span>\n            {selectionCount > 0 ? (\n              <Button\n                buttonStyle=\"primary-ghost\"\n                className={`${baseClass}__clear`}\n                margin={false}\n                onClick={onClear}\n                size=\"medium\"\n              >\n                {t('general:clear')}\n              </Button>\n            ) : null}\n          </React.Fragment>\n        ) : (\n          <React.Fragment>\n            {previousPath?.length ? (\n              <React.Fragment>\n                <HierarchyPath Icon={Icon} path={previousPath} />\n                <span aria-hidden className={`${baseClass}__arrow`}>\n                  <ReplaceIcon />\n                </span>\n              </React.Fragment>\n            ) : null}\n            {destinationPath?.length ? (\n              <HierarchyPath Icon={Icon} path={destinationPath} />\n            ) : (\n              <span className={`${baseClass}__secondary`}>{placeholderLabel}</span>\n            )}\n          </React.Fragment>\n        )}\n      </div>\n      <div className={`${baseClass}__actions`}>\n        {showMoveToRoot && onMoveToRoot ? (\n          <Button\n            buttonStyle=\"secondary\"\n            disabled={isBusy}\n            margin={false}\n            onClick={onMoveToRoot}\n            size=\"medium\"\n          >\n            {t('hierarchy:moveToRoot')}\n          </Button>\n        ) : null}\n        <Button\n          disabled={isBusy || isConfirmDisabled}\n          margin={false}\n          onClick={onConfirm}\n          size=\"medium\"\n        >\n          {confirmLabel}\n        </Button>\n      </div>\n    </DialogFooter>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","FolderIcon","ReplaceIcon","useTranslation","Button","Chip","DialogFooter","baseClass","HierarchyPath","Icon","path","label","map","segment","title","join","_jsx","className","icon","HierarchyModalFooter","t0","$","confirmLabel","destinationPath","isBusy","t1","isConfirmDisabled","isMultiSelect","onClear","onConfirm","onMoveToRoot","placeholderLabel","previousPath","selectionCount","selectionCountLabel","showMoveToRoot","undefined","t","t2","_jsxs","children","Fragment","buttonStyle","margin","onClick","size","length","disabled"],"sources":["../../../../../src/elements/Hierarchy/Modal/Footer/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { PathSegment } from '../../ColumnBrowser/types.js'\n\nimport { FolderIcon } from '../../../../icons/Folder/index.js'\nimport { ReplaceIcon } from '../../../../icons/Replace/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Button } from '../../../Button/index.js'\nimport { Chip } from '../../../Chip/index.js'\nimport { DialogFooter } from '../../../Dialog/index.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-modal-footer'\n\nexport type HierarchyModalFooterProps = {\n  confirmLabel: string\n  destinationPath?: PathSegment[]\n  Icon?: React.ReactNode\n  isBusy?: boolean\n  isConfirmDisabled: boolean\n  isMultiSelect: boolean\n  onClear: () => void\n  onConfirm: () => void\n  onMoveToRoot?: () => void\n  placeholderLabel: string\n  previousPath?: PathSegment[]\n  selectionCount: number\n  selectionCountLabel: string\n  showMoveToRoot?: boolean\n}\n\nconst HierarchyPath: React.FC<{\n  Icon?: React.ReactNode\n  path: PathSegment[]\n}> = ({ Icon, path }) => {\n  const label = path.map((segment) => segment.title).join(' / ')\n\n  return (\n    <Chip aria-label={label} className={`${baseClass}__path`} icon={Icon ?? <FolderIcon />}>\n      {label}\n    </Chip>\n  )\n}\n\nexport const HierarchyModalFooter: React.FC<HierarchyModalFooterProps> = ({\n  confirmLabel,\n  destinationPath,\n  Icon,\n  isBusy = false,\n  isConfirmDisabled,\n  isMultiSelect,\n  onClear,\n  onConfirm,\n  onMoveToRoot,\n  placeholderLabel,\n  previousPath,\n  selectionCount,\n  selectionCountLabel,\n  showMoveToRoot,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <DialogFooter>\n      <div className={`${baseClass}__info`}>\n        {isMultiSelect ? (\n          <React.Fragment>\n            <span className={`${baseClass}__secondary`}>{selectionCountLabel}</span>\n            {selectionCount > 0 ? (\n              <Button\n                buttonStyle=\"primary-ghost\"\n                className={`${baseClass}__clear`}\n                margin={false}\n                onClick={onClear}\n                size=\"medium\"\n              >\n                {t('general:clear')}\n              </Button>\n            ) : null}\n          </React.Fragment>\n        ) : (\n          <React.Fragment>\n            {previousPath?.length ? (\n              <React.Fragment>\n                <HierarchyPath Icon={Icon} path={previousPath} />\n                <span aria-hidden className={`${baseClass}__arrow`}>\n                  <ReplaceIcon />\n                </span>\n              </React.Fragment>\n            ) : null}\n            {destinationPath?.length ? (\n              <HierarchyPath Icon={Icon} path={destinationPath} />\n            ) : (\n              <span className={`${baseClass}__secondary`}>{placeholderLabel}</span>\n            )}\n          </React.Fragment>\n        )}\n      </div>\n      <div className={`${baseClass}__actions`}>\n        {showMoveToRoot && onMoveToRoot ? (\n          <Button\n            buttonStyle=\"secondary\"\n            disabled={isBusy}\n            margin={false}\n            onClick={onMoveToRoot}\n            size=\"medium\"\n          >\n            {t('hierarchy:moveToRoot')}\n          </Button>\n        ) : null}\n        <Button\n          disabled={isBusy || isConfirmDisabled}\n          margin={false}\n          onClick={onConfirm}\n          size=\"medium\"\n        >\n          {confirmLabel}\n        </Button>\n      </div>\n    </DialogFooter>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -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

@@ -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":[]}
+{"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

@@ -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":[]}
+{"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.js.map

@@ -1 +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","onKeyDown","ariaProps","t7","buttonStyle","extraButtonProps","icon","hasBadgeCutout","size","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":[]}
+{"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.js.map

@@ -1 +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      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":[]}
+{"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.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeFocusContext.js","names":["c","_c","createContext","use","useCallback","useEffect","useLayoutEffect","useRef","useState","TreeFocusContext","undefined","TreeFocusProvider","children","focusedId","setFocusedIdState","itemsRef","Map","setFocusedId","id","item","current","get","ref","document","activeElement","focus","registerItem","set","unregisterItem","delete","moveFocus","direction","items","Array","from","values","length","sortedItems","filter","sort","a","b","aElement","bElement","position","compareDocumentPosition","Node","DOCUMENT_POSITION_FOLLOWING","DOCUMENT_POSITION_PRECEDING","currentIndex","findIndex","nextIndex","Math","min","max","nextItem","_jsx","value","useTreeFocus","context","Error","useFocusableItem","t0","$","type","isInitialTabStop","t1","isFocused","wasFocusedRef","t2","t3","t4","t5","t6","handleFocus","tabIndex","t7"],"sources":["../../../../src/elements/Hierarchy/Tree/TreeFocusContext.tsx"],"sourcesContent":["'use client'\n\nimport type React from 'react'\n\nimport {\n  createContext,\n  use,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react'\n\ntype FocusableItem = {\n  id: string\n  ref: React.RefObject<HTMLElement>\n  type: 'load-more' | 'node'\n}\n\ntype TreeFocusContextType = {\n  focusedId: null | string\n  moveFocus: (direction: 'down' | 'up') => void\n  registerItem: (item: FocusableItem) => void\n  setFocusedId: (id: null | string) => void\n  unregisterItem: (id: string) => void\n}\n\nconst TreeFocusContext = createContext<TreeFocusContextType | undefined>(undefined)\n\nexport const TreeFocusProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const [focusedId, setFocusedIdState] = useState<null | string>(null)\n  const itemsRef = useRef<Map<string, FocusableItem>>(new Map())\n\n  const setFocusedId = useCallback((id: null | string) => {\n    setFocusedIdState(id)\n    if (id) {\n      const item = itemsRef.current.get(id)\n      if (item?.ref.current && document.activeElement !== item.ref.current) {\n        item.ref.current.focus()\n      }\n    }\n  }, [])\n\n  const registerItem = useCallback((item: FocusableItem) => {\n    itemsRef.current.set(item.id, item)\n  }, [])\n\n  const unregisterItem = useCallback((id: string) => {\n    itemsRef.current.delete(id)\n    setFocusedIdState((focusedId) => (focusedId === id ? null : focusedId))\n  }, [])\n\n  const moveFocus = useCallback(\n    (direction: 'down' | 'up') => {\n      const items = Array.from(itemsRef.current.values())\n      if (items.length === 0) {\n        return\n      }\n\n      // Sort items by their DOM position to ensure correct navigation order\n      const sortedItems = items\n        .filter((item) => item.ref.current)\n        .sort((a, b) => {\n          const aElement = a.ref.current\n          const bElement = b.ref.current\n          if (!aElement || !bElement) {\n            return 0\n          }\n\n          const position = aElement.compareDocumentPosition(bElement)\n          if (position & Node.DOCUMENT_POSITION_FOLLOWING) {\n            return -1\n          }\n          if (position & Node.DOCUMENT_POSITION_PRECEDING) {\n            return 1\n          }\n          return 0\n        })\n\n      const currentIndex = focusedId ? sortedItems.findIndex((item) => item.id === focusedId) : -1\n\n      let nextIndex: number\n      if (direction === 'down') {\n        nextIndex = currentIndex === -1 ? 0 : Math.min(currentIndex + 1, sortedItems.length - 1)\n      } else {\n        nextIndex = Math.max(currentIndex - 1, 0)\n      }\n\n      const nextItem = sortedItems[nextIndex]\n      if (nextItem && nextItem.ref.current) {\n        nextItem.ref.current.focus()\n        setFocusedId(nextItem.id)\n      }\n    },\n    [focusedId, setFocusedId],\n  )\n\n  return (\n    <TreeFocusContext\n      value={{\n        focusedId,\n        moveFocus,\n        registerItem,\n        setFocusedId,\n        unregisterItem,\n      }}\n    >\n      {children}\n    </TreeFocusContext>\n  )\n}\n\nexport const useTreeFocus = () => {\n  const context = use(TreeFocusContext)\n  if (!context) {\n    throw new Error('useTreeFocus must be used within TreeFocusProvider')\n  }\n  return context\n}\n\nexport const useFocusableItem = ({\n  id,\n  type,\n  isInitialTabStop = false,\n  ref,\n}: {\n  id: string\n  isInitialTabStop?: boolean\n  ref: React.RefObject<HTMLElement>\n  type: 'load-more' | 'node'\n}) => {\n  const { focusedId, registerItem, setFocusedId, unregisterItem } = useTreeFocus()\n  const isFocused = focusedId === id\n  const wasFocusedRef = useRef(false)\n\n  useEffect(() => {\n    registerItem({ id, type, ref })\n    return () => {\n      unregisterItem(id)\n    }\n  }, [id, ref, type, registerItem, unregisterItem])\n\n  useLayoutEffect(() => {\n    if (\n      isFocused &&\n      !wasFocusedRef.current &&\n      ref.current &&\n      document.activeElement !== ref.current\n    ) {\n      ref.current.focus()\n    }\n\n    wasFocusedRef.current = isFocused\n  }, [isFocused, ref])\n\n  const handleFocus = useCallback(() => {\n    setFocusedId(id)\n  }, [id, setFocusedId])\n\n  const tabIndex = isFocused || (focusedId === null && isInitialTabStop) ? 0 : -1\n\n  return {\n    handleFocus,\n    isFocused,\n    tabIndex,\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TreeFocusContext.js","names":["c","_c","createContext","use","useCallback","useEffect","useLayoutEffect","useRef","useState","TreeFocusContext","undefined","TreeFocusProvider","children","focusedId","setFocusedIdState","itemsRef","Map","setFocusedId","id","item","current","get","ref","document","activeElement","focus","registerItem","set","unregisterItem","delete","moveFocus","direction","items","Array","from","values","length","sortedItems","filter","sort","a","b","aElement","bElement","position","compareDocumentPosition","Node","DOCUMENT_POSITION_FOLLOWING","DOCUMENT_POSITION_PRECEDING","currentIndex","findIndex","nextIndex","Math","min","max","nextItem","_jsx","value","useTreeFocus","context","Error","useFocusableItem","t0","$","type","isInitialTabStop","t1","isFocused","wasFocusedRef","t2","t3","t4","t5","t6","handleFocus","tabIndex","t7"],"sources":["../../../../src/elements/Hierarchy/Tree/TreeFocusContext.tsx"],"sourcesContent":["'use client'\n\nimport type React from 'react'\n\nimport {\n  createContext,\n  use,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react'\n\ntype FocusableItem = {\n  id: string\n  ref: React.RefObject<HTMLElement>\n  type: 'load-more' | 'node'\n}\n\ntype TreeFocusContextType = {\n  focusedId: null | string\n  moveFocus: (direction: 'down' | 'up') => void\n  registerItem: (item: FocusableItem) => void\n  setFocusedId: (id: null | string) => void\n  unregisterItem: (id: string) => void\n}\n\nconst TreeFocusContext = createContext<TreeFocusContextType | undefined>(undefined)\n\nexport const TreeFocusProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const [focusedId, setFocusedIdState] = useState<null | string>(null)\n  const itemsRef = useRef<Map<string, FocusableItem>>(new Map())\n\n  const setFocusedId = useCallback((id: null | string) => {\n    setFocusedIdState(id)\n    if (id) {\n      const item = itemsRef.current.get(id)\n      if (item?.ref.current && document.activeElement !== item.ref.current) {\n        item.ref.current.focus()\n      }\n    }\n  }, [])\n\n  const registerItem = useCallback((item: FocusableItem) => {\n    itemsRef.current.set(item.id, item)\n  }, [])\n\n  const unregisterItem = useCallback((id: string) => {\n    itemsRef.current.delete(id)\n    setFocusedIdState((focusedId) => (focusedId === id ? null : focusedId))\n  }, [])\n\n  const moveFocus = useCallback(\n    (direction: 'down' | 'up') => {\n      const items = Array.from(itemsRef.current.values())\n      if (items.length === 0) {\n        return\n      }\n\n      // Sort items by their DOM position to ensure correct navigation order\n      const sortedItems = items\n        .filter((item) => item.ref.current)\n        .sort((a, b) => {\n          const aElement = a.ref.current\n          const bElement = b.ref.current\n          if (!aElement || !bElement) {\n            return 0\n          }\n\n          const position = aElement.compareDocumentPosition(bElement)\n          if (position & Node.DOCUMENT_POSITION_FOLLOWING) {\n            return -1\n          }\n          if (position & Node.DOCUMENT_POSITION_PRECEDING) {\n            return 1\n          }\n          return 0\n        })\n\n      const currentIndex = focusedId ? sortedItems.findIndex((item) => item.id === focusedId) : -1\n\n      let nextIndex: number\n      if (direction === 'down') {\n        nextIndex = currentIndex === -1 ? 0 : Math.min(currentIndex + 1, sortedItems.length - 1)\n      } else {\n        nextIndex = Math.max(currentIndex - 1, 0)\n      }\n\n      const nextItem = sortedItems[nextIndex]\n      if (nextItem && nextItem.ref.current) {\n        nextItem.ref.current.focus()\n        setFocusedId(nextItem.id)\n      }\n    },\n    [focusedId, setFocusedId],\n  )\n\n  return (\n    <TreeFocusContext\n      value={{\n        focusedId,\n        moveFocus,\n        registerItem,\n        setFocusedId,\n        unregisterItem,\n      }}\n    >\n      {children}\n    </TreeFocusContext>\n  )\n}\n\nexport const useTreeFocus = () => {\n  const context = use(TreeFocusContext)\n  if (!context) {\n    throw new Error('useTreeFocus must be used within TreeFocusProvider')\n  }\n  return context\n}\n\nexport const useFocusableItem = ({\n  id,\n  type,\n  isInitialTabStop = false,\n  ref,\n}: {\n  id: string\n  isInitialTabStop?: boolean\n  ref: React.RefObject<HTMLElement>\n  type: 'load-more' | 'node'\n}) => {\n  const { focusedId, registerItem, setFocusedId, unregisterItem } = useTreeFocus()\n  const isFocused = focusedId === id\n  const wasFocusedRef = useRef(false)\n\n  useEffect(() => {\n    registerItem({ id, type, ref })\n    return () => {\n      unregisterItem(id)\n    }\n  }, [id, ref, type, registerItem, unregisterItem])\n\n  useLayoutEffect(() => {\n    if (\n      isFocused &&\n      !wasFocusedRef.current &&\n      ref.current &&\n      document.activeElement !== ref.current\n    ) {\n      ref.current.focus()\n    }\n\n    wasFocusedRef.current = isFocused\n  }, [isFocused, ref])\n\n  const handleFocus = useCallback(() => {\n    setFocusedId(id)\n  }, [id, setFocusedId])\n\n  const tabIndex = isFocused || (focusedId === null && isInitialTabStop) ? 0 : -1\n\n  return {\n    handleFocus,\n    isFocused,\n    tabIndex,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Tree/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAwD,MAAM,OAAO,CAAA;AAE5E,OAAO,KAAK,EAAkB,kBAAkB,EAAgB,MAAM,YAAY,CAAA;AAiBlF,OAAO,aAAa,CAAA;AA2YpB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAMtD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Tree/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAwD,MAAM,OAAO,CAAA;AAE5E,OAAO,KAAK,EAAkB,kBAAkB,EAAgB,MAAM,YAAY,CAAA;AAiBlF,OAAO,aAAa,CAAA;AAmZpB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAMtD,CAAA"}

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

@@ -147,10 +147,15 @@ const HierarchyTreeInner = ({
     prevBaseFilterKeyRef.current = baseFilterKey;
     childrenCache.current.clear();
   }
-  useMemo(() => {
-    if (!initialData || initialData.docs.length === 0) {
-      return;
-    }
+  // Fill the cache during render, so children find initialData on their first render. Compares the
+  // inputs like useMemo would, since a useMemo used only for its side effect isn't guaranteed to run.
+  const initialDataInputs = [branch, initialData, filterByCollections, parentFieldName, collectionSlug, treeLimit, baseFilterKey];
+  const prevInitialDataInputsRef = useRef(null);
+  const haveInitialDataInputsChanged = !prevInitialDataInputsRef.current || initialDataInputs.some((input, i) => !Object.is(input, prevInitialDataInputsRef.current[i]));
+  if (haveInitialDataInputsChanged) {
+    prevInitialDataInputsRef.current = initialDataInputs;
+  }
+  if (haveInitialDataInputsChanged && initialData && initialData.docs.length > 0) {
     const docsByParent = new Map();
     for (const doc of initialData.docs) {
       const parentId = doc[parentFieldName] || 'null';
@@ -184,7 +189,7 @@ const HierarchyTreeInner = ({
         });
       }
     }
-  }, [baseFilterKey, branch, collectionSlug, filterByCollections, initialData, parentFieldName, treeLimit]);
+  }
   const treeRef = useRef(null);
   const allOptionRef = useRef(null);
   const allOptionID = useId();