@payloadcms/ui 4.0.0-internal.011fd46 → 4.0.0-internal.016994f

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useModal","getTranslation","formatAdminURL","qs","React","useCallback","useMemo","useState","toast","useConfig","useDocumentSelection","useLocale","useTranslation","requests","ConfirmationModal","ListSelectionButton","Translation","useHierarchyDrawer","baseClass","getParentFieldName","hierarchyConfig","config","hierarchy","undefined","parentFieldName","MoveMany","currentParentID","hierarchySlug","Icon","modalPrefix","onSuccess","selections","i18n","t","code","locale","openModal","collections","routes","api","getSelectionsWithMetadata","destination","setDestination","confirmMoveDrawerSlug","requiredCollections","selectionsWithMeta","required","Set","collectionSlug","items","Object","entries","metadata","allowedCollections","slug","add","size","Array","from","disabledIds","parentIds","ids","length","HierarchyDrawer","closeDrawer","openDrawer","filterByCollection","hierarchyCollectionSlug","count","label","totalCount","labels","find","c","collectionLabel","plural","singular","push","join","hierarchyCollectionConfig","canMove","handleDrawerSave","selectionsMap","firstSelection","values","next","value","destinationId","id","destinationTitle","path","title","String","handleMoveToRoot","handleConfirmMove","totalMoved","hasErrors","queryString","stringify","where","in","addQueryPrefix","url","apiRoute","response","patch","body","JSON","headers","language","credentials","json","status","errors","error","message","description","map","movedCount","docs","successKey","success","_err","_jsxs","Fragment","_jsx","className","onClick","hasMany","initialSelections","onMoveToRoot","onSave","showMoveToRoot","elements","1","children","i18nKey","variables","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../../src/elements/Hierarchy/MoveMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useMemo, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { SelectionWithPath } from '../Drawer/types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentSelection } from '../../../providers/DocumentSelection/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { requests } from '../../../utilities/api.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { ListSelectionButton } from '../../ListSelection/index.js'\nimport { Translation } from '../../Translation/index.js'\nimport { useHierarchyDrawer } from '../Drawer/useHierarchyDrawer.js'\n\nexport const baseClass = 'move-many'\n\ntype MoveManyProps = {\n  /** Current parent ID - drawer will open expanded to this location */\n  currentParentID?: null | number | string\n  /** The hierarchy collection slug (e.g., 'folders') */\n  hierarchySlug: string\n  /** Icon to display in the hierarchy drawer */\n  Icon?: React.ReactNode\n  /** When multiple MoveMany components are rendered on the page, this will differentiate them */\n  modalPrefix?: string\n  /** Callback after successful move */\n  onSuccess?: () => void\n  /** Selections grouped by collection slug */\n  selections: Record<string, { ids: (number | string)[] }>\n}\n\n/**\n * Gets the parent field name from the hierarchy config.\n */\nfunction getParentFieldName(\n  hierarchyConfig: ClientCollectionConfig | undefined,\n): string | undefined {\n  const config =\n    hierarchyConfig?.hierarchy && typeof hierarchyConfig.hierarchy === 'object'\n      ? hierarchyConfig.hierarchy\n      : undefined\n  return config?.parentFieldName\n}\n\nexport function MoveMany({\n  currentParentID,\n  hierarchySlug,\n  Icon,\n  modalPrefix,\n  onSuccess,\n  selections,\n}: MoveManyProps) {\n  const { i18n, t } = useTranslation()\n  const { code: locale } = useLocale()\n  const { openModal } = useModal()\n  const {\n    config: {\n      collections,\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { getSelectionsWithMetadata } = useDocumentSelection()\n\n  const [destination, setDestination] = useState<{\n    id: null | number | string\n    title: string\n  } | null>(null)\n\n  const confirmMoveDrawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}confirm-move-many`\n\n  // Compute required collections from selection metadata\n  // For related items: add their collection slug\n  // For folders: add their allowedCollections values\n  const requiredCollections = useMemo(() => {\n    const selectionsWithMeta = getSelectionsWithMetadata()\n    const required = new Set<string>()\n\n    for (const [collectionSlug, { selections: items }] of Object.entries(selectionsWithMeta)) {\n      if (collectionSlug === hierarchySlug) {\n        // For folders, add their allowedCollections to required set\n        for (const { metadata } of items) {\n          if (metadata.allowedCollections) {\n            for (const slug of metadata.allowedCollections) {\n              required.add(slug)\n            }\n          }\n        }\n      } else {\n        // For related items, add their collection slug\n        required.add(collectionSlug)\n      }\n    }\n\n    return required.size > 0 ? Array.from(required) : undefined\n  }, [getSelectionsWithMetadata, hierarchySlug])\n\n  // Folders being moved cannot be selected as destination (can't move into themselves)\n  const disabledIds = useMemo(() => {\n    const parentIds = selections[hierarchySlug]?.ids\n    return parentIds?.length ? new Set(parentIds) : undefined\n  }, [selections, hierarchySlug])\n\n  const [HierarchyDrawer, , { closeDrawer, openDrawer }] = useHierarchyDrawer({\n    disabledIds,\n    filterByCollection: requiredCollections,\n    hierarchyCollectionSlug: hierarchySlug,\n    Icon,\n  })\n\n  // Calculate total count and label\n  const { count, label } = useMemo(() => {\n    let totalCount = 0\n    const labels: string[] = []\n\n    for (const [collectionSlug, { ids }] of Object.entries(selections)) {\n      const config = collections.find((c) => c.slug === collectionSlug)\n\n      if (config && ids.length > 0) {\n        totalCount += ids.length\n        const collectionLabel = getTranslation(\n          ids.length > 1 ? config.labels.plural : config.labels.singular,\n          i18n,\n        )\n        labels.push(collectionLabel)\n      }\n    }\n\n    return {\n      count: totalCount,\n      label: labels.join(', '),\n    }\n  }, [selections, collections, i18n])\n\n  const hierarchyCollectionConfig = collections.find((c) => c.slug === hierarchySlug)\n  const parentFieldName = getParentFieldName(hierarchyCollectionConfig)\n\n  // Check if hierarchy has a valid parentFieldName\n  const canMove = parentFieldName !== undefined\n\n  const handleDrawerSave = useCallback(\n    ({ selections: selectionsMap }: { selections: Map<number | string, SelectionWithPath> }) => {\n      if (selectionsMap.size === 0) {\n        return\n      }\n\n      const firstSelection = selectionsMap.values().next().value\n      const destinationId = firstSelection?.id\n      const destinationTitle =\n        firstSelection?.path?.[firstSelection.path.length - 1]?.title || String(destinationId)\n\n      setDestination({ id: destinationId, title: destinationTitle })\n      openModal(confirmMoveDrawerSlug)\n    },\n    [openModal, confirmMoveDrawerSlug],\n  )\n\n  const handleMoveToRoot = useCallback(() => {\n    setDestination({ id: null, title: t('hierarchy:noParent') })\n    openModal(confirmMoveDrawerSlug)\n  }, [openModal, confirmMoveDrawerSlug, t])\n\n  const handleConfirmMove = useCallback(async () => {\n    if (destination === null) {\n      return\n    }\n\n    let totalMoved = 0\n    let hasErrors = false\n\n    try {\n      for (const [collectionSlug, { ids }] of Object.entries(selections)) {\n        if (ids.length === 0) {\n          continue\n        }\n\n        const queryString = qs.stringify(\n          {\n            locale,\n            where: { id: { in: ids } },\n          },\n          { addQueryPrefix: true },\n        )\n\n        const url = formatAdminURL({\n          apiRoute: api,\n          path: `/${collectionSlug}${queryString}`,\n        })\n\n        const response = await requests.patch(url, {\n          body: JSON.stringify({ [parentFieldName]: destination.id }),\n          headers: {\n            'Accept-Language': i18n.language,\n            'Content-Type': 'application/json',\n            credentials: 'include',\n          },\n        })\n\n        const json = await response.json()\n\n        if (response.status >= 400) {\n          hasErrors = true\n\n          if (json?.errors?.length > 0) {\n            toast.error(json.message || t('error:unknown'), {\n              description: json.errors\n                .map((error: { message: string }) => error.message)\n                .join('\\n'),\n            })\n          } else {\n            toast.error(json?.message || t('error:unknown'))\n          }\n\n          continue\n        }\n\n        const movedCount = json?.docs?.length || 0\n        totalMoved += movedCount\n\n        if (json?.errors?.length > 0) {\n          hasErrors = true\n          toast.error(json.message, {\n            description: json.errors.map((error: { message: string }) => error.message).join('\\n'),\n          })\n        }\n      }\n\n      if (totalMoved > 0) {\n        const successKey =\n          destination.id === null ? 'hierarchy:itemsMovedToRoot' : 'hierarchy:itemsMovedTo'\n\n        toast.success(\n          t(successKey, {\n            destination: destination.title,\n            title: label,\n          }),\n        )\n      }\n\n      if (!hasErrors || totalMoved > 0) {\n        closeDrawer()\n        onSuccess?.()\n      }\n    } catch (_err) {\n      toast.error(t('error:unknown'))\n    } finally {\n      setDestination(null)\n    }\n  }, [\n    closeDrawer,\n    destination,\n    selections,\n    parentFieldName,\n    locale,\n    api,\n    i18n,\n    t,\n    label,\n    onSuccess,\n  ])\n\n  if (count === 0 || !canMove) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('general:move')}\n        className={`${baseClass}__toggle`}\n        onClick={openDrawer}\n      >\n        {t('general:move')}\n      </ListSelectionButton>\n      <HierarchyDrawer\n        hasMany={false}\n        initialSelections={currentParentID ? [currentParentID] : null}\n        onMoveToRoot={handleMoveToRoot}\n        onSave={handleDrawerSave}\n        showMoveToRoot\n      />\n      <ConfirmationModal\n        body={\n          <p>\n            {destination?.id === null ? (\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey=\"hierarchy:moveItemsToRootConfirmation\"\n                t={t}\n                variables={{\n                  count,\n                  label,\n                }}\n              />\n            ) : (\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey=\"general:moveConfirm\"\n                t={t}\n                variables={{\n                  count,\n                  destination: destination?.title || '',\n                  label,\n                }}\n              />\n            )}\n          </p>\n        }\n        confirmingLabel={t('general:moving')}\n        heading={t('general:confirmMove')}\n        modalSlug={confirmMoveDrawerSlug}\n        onConfirm={handleConfirmMove}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","ArrowIcon","XIcon","useConfig","useLocale","useTranslation","ListSelectionButton","Popup","PopupList","useHierarchyModal","moveDocuments","baseClass","getParentFieldName","hierarchyConfig","config","hierarchy","undefined","parentFieldName","MoveMany","currentParentID","hierarchySlug","Icon","onSuccess","requiredCollections","selections","i18n","t","code","locale","collections","routes","api","disabledIds","parentIds","ids","length","Set","HierarchyModal","closeModal","openModal","openHierarchyModal","filterByCollection","hierarchyCollectionSlug","count","label","modalTitleLabel","totalCount","labels","collectionSlug","Object","entries","find","c","slug","collectionLabel","plural","singular","push","join","hierarchyCollectionConfig","hierarchyLabel","canMove","performMove","destination","hasErrors","totalMoved","apiRoute","handleDrawerSave","selectionsMap","size","firstSelection","values","next","value","destinationId","id","destinationTitle","path","title","String","handleMoveToRoot","canRemoveFromFolder","handleRemoveFromFolder","_jsxs","Fragment","_jsx","caret","className","horizontalAlign","portalClassName","render","close","MenuItem","Button","icon","direction","onClick","renderButton","active","onKeyDown","extraButtonProps","selected","verticalAlign","hasMany","initialSelections","onMoveToRoot","onSave","showMoveToRoot"],"sources":["../../../../src/elements/Hierarchy/MoveMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { SelectionWithPath } from '../Modal/types.js'\n\nimport { ArrowIcon } from '../../../icons/Arrow/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ListSelectionButton } from '../../ListSelection/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport { useHierarchyModal } from '../Modal/useHierarchyModal.js'\nimport { moveDocuments } from '../move/moveDocuments.js'\nimport './index.css'\n\nexport const baseClass = 'move-many'\n\ntype MoveManyProps = {\n  /** Current parent ID - modal will open expanded to this location */\n  currentParentID?: null | number | string\n  /** The hierarchy collection slug (e.g., 'folders') */\n  hierarchySlug: string\n  /** Icon to display in the hierarchy modal */\n  Icon?: React.ReactNode\n  /** Callback after successful move */\n  onSuccess?: () => void\n  /**\n   * Collection slugs the destination folder must accept (via its `allowedCollections` config).\n   * Pass the selected items' own collection slugs, plus any `allowedCollections` of selected\n   * folders, so the picker only shows folders that can hold every selected item.\n   */\n  requiredCollections?: string[]\n  /** Selections grouped by collection slug */\n  selections: Record<string, { ids: (number | string)[] }>\n}\n\n/**\n * Gets the parent field name from the hierarchy config.\n */\nfunction getParentFieldName(\n  hierarchyConfig: ClientCollectionConfig | undefined,\n): string | undefined {\n  const config =\n    hierarchyConfig?.hierarchy && typeof hierarchyConfig.hierarchy === 'object'\n      ? hierarchyConfig.hierarchy\n      : undefined\n  return config?.parentFieldName\n}\n\nexport function MoveMany({\n  currentParentID,\n  hierarchySlug,\n  Icon,\n  onSuccess,\n  requiredCollections,\n  selections,\n}: MoveManyProps) {\n  const { i18n, t } = useTranslation()\n  const { code: locale } = useLocale()\n  const {\n    config: {\n      collections,\n      routes: { api },\n    },\n  } = useConfig()\n\n  // Folders being moved cannot be selected as destination (can't move into themselves)\n  const disabledIds = useMemo(() => {\n    const parentIds = selections[hierarchySlug]?.ids\n    return parentIds?.length ? new Set(parentIds) : undefined\n  }, [selections, hierarchySlug])\n\n  const [HierarchyModal, , { closeModal, openModal: openHierarchyModal }] = useHierarchyModal({\n    disabledIds,\n    filterByCollection: requiredCollections,\n    hierarchyCollectionSlug: hierarchySlug,\n    Icon,\n  })\n\n  // Calculate total count and label\n  const { count, label, modalTitleLabel } = useMemo(() => {\n    let totalCount = 0\n    const labels: string[] = []\n\n    for (const [collectionSlug, { ids }] of Object.entries(selections)) {\n      const config = collections.find((c) => c.slug === collectionSlug)\n\n      if (config && ids.length > 0) {\n        totalCount += ids.length\n        const collectionLabel = getTranslation(\n          ids.length > 1 ? config.labels.plural : config.labels.singular,\n          i18n,\n        )\n        labels.push(collectionLabel)\n      }\n    }\n\n    return {\n      count: totalCount,\n      label: labels.join(', '),\n      // Mixed selections read better as \"Move 3 Documents\" than \"Move 3 Posts, Pages\"\n      modalTitleLabel:\n        labels.length === 1\n          ? labels[0]\n          : t(totalCount === 1 ? 'general:document' : 'general:documents'),\n    }\n  }, [selections, collections, i18n, t])\n\n  const hierarchyCollectionConfig = collections.find((c) => c.slug === hierarchySlug)\n  const parentFieldName = getParentFieldName(hierarchyCollectionConfig)\n  // e.g. \"Folder\" / \"Tag\" - the hierarchy collection the selected documents are filed under.\n  const hierarchyLabel = getTranslation(hierarchyCollectionConfig?.labels?.singular, i18n)\n\n  // Check if hierarchy has a valid parentFieldName\n  const canMove = parentFieldName !== undefined\n\n  // Performs the move immediately - there is no separate confirmation step, so the browse\n  // modal is closed as soon as a destination is chosen rather than staying open behind one.\n  const performMove = useCallback(\n    async (destination: { id: null | number | string; title: string }) => {\n      const { hasErrors, totalMoved } = await moveDocuments({\n        apiRoute: api,\n        destination,\n        i18n,\n        label,\n        locale,\n        parentFieldName,\n        selections,\n        t,\n      })\n\n      if (!hasErrors || totalMoved > 0) {\n        onSuccess?.()\n      }\n    },\n    [selections, parentFieldName, locale, api, i18n, t, label, onSuccess],\n  )\n\n  const handleDrawerSave = useCallback(\n    ({ selections: selectionsMap }: { selections: Map<number | string, SelectionWithPath> }) => {\n      if (selectionsMap.size === 0) {\n        return\n      }\n\n      const firstSelection = selectionsMap.values().next().value\n      const destinationId = firstSelection?.id ?? null\n      const destinationTitle =\n        firstSelection?.path?.[firstSelection.path.length - 1]?.title || String(destinationId)\n\n      closeModal()\n      void performMove({ id: destinationId, title: destinationTitle })\n    },\n    [closeModal, performMove],\n  )\n\n  const handleMoveToRoot = useCallback(() => {\n    closeModal()\n    void performMove({ id: null, title: t('hierarchy:noParent') })\n  }, [closeModal, performMove, t])\n\n  // Every document in a folder-scoped listing shares that folder, so a known parent is what makes\n  // \"Remove from Folder\" safe to offer for the whole selection.\n  const canRemoveFromFolder = currentParentID !== null && currentParentID !== undefined && canMove\n\n  const handleRemoveFromFolder = useCallback(async () => {\n    await performMove({ id: null, title: t('hierarchy:noParent') })\n  }, [performMove, t])\n\n  if (count === 0 || !canMove) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      {canRemoveFromFolder ? (\n        <Popup\n          caret={false}\n          className={`${baseClass}__popup`}\n          horizontalAlign=\"left\"\n          portalClassName={`${baseClass}__popup-content`}\n          render={({ close }) => (\n            <PopupList.MenuItem>\n              <PopupList.Button\n                icon={<ArrowIcon direction=\"right\" />}\n                onClick={() => {\n                  close()\n                  openHierarchyModal()\n                }}\n              >\n                Move to...\n              </PopupList.Button>\n              <PopupList.Button\n                icon={<XIcon />}\n                onClick={() => {\n                  close()\n                  void handleRemoveFromFolder()\n                }}\n              >\n                {`Remove from ${hierarchyLabel}`}\n              </PopupList.Button>\n            </PopupList.MenuItem>\n          )}\n          renderButton={({ active, onClick, onKeyDown }) => (\n            <ListSelectionButton\n              aria-label={t('general:move')}\n              className={`${baseClass}__toggle`}\n              extraButtonProps={{\n                'aria-expanded': active,\n                'aria-haspopup': 'menu',\n                onKeyDown,\n              }}\n              onClick={onClick}\n              selected={active}\n            >\n              {t('general:move')}\n            </ListSelectionButton>\n          )}\n          size=\"fit-content\"\n          verticalAlign=\"bottom\"\n        />\n      ) : (\n        <ListSelectionButton\n          aria-label={t('general:move')}\n          className={`${baseClass}__toggle`}\n          onClick={openHierarchyModal}\n        >\n          {t('general:move')}\n        </ListSelectionButton>\n      )}\n      <HierarchyModal\n        hasMany={false}\n        initialSelections={currentParentID ? [currentParentID] : null}\n        onMoveToRoot={handleMoveToRoot}\n        onSave={handleDrawerSave}\n        showMoveToRoot\n        title={t('general:moveCount', { count, label: modalTitleLabel })}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAI5C,SAASC,SAAS,QAAQ;AAC1B,SAASC,KAAK,QAAQ;AACtB,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ;AACpC,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,aAAa,QAAQ;AAC9B,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAY;AAqBzB;;;AAGA,SAASC,mBACPC,eAAmD;EAEnD,MAAMC,MAAA,GACJD,eAAA,EAAiBE,SAAA,IAAa,OAAOF,eAAA,CAAgBE,SAAS,KAAK,WAC/DF,eAAA,CAAgBE,SAAS,GACzBC,SAAA;EACN,OAAOF,MAAA,EAAQG,eAAA;AACjB;AAEA,OAAO,SAASC,SAAS;EACvBC,eAAe;EACfC,aAAa;EACbC,IAAI;EACJC,SAAS;EACTC,mBAAmB;EACnBC;AAAU,CACI;EACd,MAAM;IAAEC,IAAI;IAAEC;EAAC,CAAE,GAAGrB,cAAA;EACpB,MAAM;IAAEsB,IAAA,EAAMC;EAAM,CAAE,GAAGxB,SAAA;EACzB,MAAM;IACJU,MAAA,EAAQ;MACNe,WAAW;MACXC,MAAA,EAAQ;QAAEC;MAAG;IAAE;EAChB,CACF,GAAG5B,SAAA;EAEJ;EACA,MAAM6B,WAAA,GAAchC,OAAA,CAAQ;IAC1B,MAAMiC,SAAA,GAAYT,UAAU,CAACJ,aAAA,CAAc,EAAEc,GAAA;IAC7C,OAAOD,SAAA,EAAWE,MAAA,GAAS,IAAIC,GAAA,CAAIH,SAAA,IAAajB,SAAA;EAClD,GAAG,CAACQ,UAAA,EAAYJ,aAAA,CAAc;EAE9B,MAAM,CAACiB,cAAA,GAAkB;IAAEC,UAAU;IAAEC,SAAA,EAAWC;EAAkB,CAAE,CAAC,GAAG/B,iBAAA,CAAkB;IAC1FuB,WAAA;IACAS,kBAAA,EAAoBlB,mBAAA;IACpBmB,uBAAA,EAAyBtB,aAAA;IACzBC;EACF;EAEA;EACA,MAAM;IAAEsB,KAAK;IAAEC,KAAK;IAAEC;EAAe,CAAE,GAAG7C,OAAA,CAAQ;IAChD,IAAI8C,UAAA,GAAa;IACjB,MAAMC,MAAA,GAAmB,EAAE;IAE3B,KAAK,MAAM,CAACC,cAAA,EAAgB;MAAEd;IAAG,CAAE,CAAC,IAAIe,MAAA,CAAOC,OAAO,CAAC1B,UAAA,GAAa;MAClE,MAAMV,MAAA,GAASe,WAAA,CAAYsB,IAAI,CAAEC,CAAA,IAAMA,CAAA,CAAEC,IAAI,KAAKL,cAAA;MAElD,IAAIlC,MAAA,IAAUoB,GAAA,CAAIC,MAAM,GAAG,GAAG;QAC5BW,UAAA,IAAcZ,GAAA,CAAIC,MAAM;QACxB,MAAMmB,eAAA,GAAkBzD,cAAA,CACtBqC,GAAA,CAAIC,MAAM,GAAG,IAAIrB,MAAA,CAAOiC,MAAM,CAACQ,MAAM,GAAGzC,MAAA,CAAOiC,MAAM,CAACS,QAAQ,EAC9D/B,IAAA;QAEFsB,MAAA,CAAOU,IAAI,CAACH,eAAA;MACd;IACF;IAEA,OAAO;MACLX,KAAA,EAAOG,UAAA;MACPF,KAAA,EAAOG,MAAA,CAAOW,IAAI,CAAC;MACnB;MACAb,eAAA,EACEE,MAAA,CAAOZ,MAAM,KAAK,IACdY,MAAM,CAAC,EAAE,GACTrB,CAAA,CAAEoB,UAAA,KAAe,IAAI,qBAAqB;IAClD;EACF,GAAG,CAACtB,UAAA,EAAYK,WAAA,EAAaJ,IAAA,EAAMC,CAAA,CAAE;EAErC,MAAMiC,yBAAA,GAA4B9B,WAAA,CAAYsB,IAAI,CAAEC,GAAA,IAAMA,GAAA,CAAEC,IAAI,KAAKjC,aAAA;EACrE,MAAMH,eAAA,GAAkBL,kBAAA,CAAmB+C,yBAAA;EAC3C;EACA,MAAMC,cAAA,GAAiB/D,cAAA,CAAe8D,yBAAA,EAA2BZ,MAAA,EAAQS,QAAA,EAAU/B,IAAA;EAEnF;EACA,MAAMoC,OAAA,GAAU5C,eAAA,KAAoBD,SAAA;EAEpC;EACA;EACA,MAAM8C,WAAA,GAAc/D,WAAA,CAClB,MAAOgE,WAAA;IACL,MAAM;MAAEC,SAAS;MAAEC;IAAU,CAAE,GAAG,MAAMvD,aAAA,CAAc;MACpDwD,QAAA,EAAUnC,GAAA;MACVgC,WAAA;MACAtC,IAAA;MACAmB,KAAA;MACAhB,MAAA;MACAX,eAAA;MACAO,UAAA;MACAE;IACF;IAEA,IAAI,CAACsC,SAAA,IAAaC,UAAA,GAAa,GAAG;MAChC3C,SAAA;IACF;EACF,GACA,CAACE,UAAA,EAAYP,eAAA,EAAiBW,MAAA,EAAQG,GAAA,EAAKN,IAAA,EAAMC,CAAA,EAAGkB,KAAA,EAAOtB,SAAA,CAAU;EAGvE,MAAM6C,gBAAA,GAAmBpE,WAAA,CACvB,CAAC;IAAEyB,UAAA,EAAY4C;EAAa,CAA2D;IACrF,IAAIA,aAAA,CAAcC,IAAI,KAAK,GAAG;MAC5B;IACF;IAEA,MAAMC,cAAA,GAAiBF,aAAA,CAAcG,MAAM,GAAGC,IAAI,GAAGC,KAAK;IAC1D,MAAMC,aAAA,GAAgBJ,cAAA,EAAgBK,EAAA,IAAM;IAC5C,MAAMC,gBAAA,GACJN,cAAA,EAAgBO,IAAA,GAAOP,cAAA,CAAeO,IAAI,CAAC1C,MAAM,GAAG,EAAE,EAAE2C,KAAA,IAASC,MAAA,CAAOL,aAAA;IAE1EpC,UAAA;IACA,KAAKwB,WAAA,CAAY;MAAEa,EAAA,EAAID,aAAA;MAAeI,KAAA,EAAOF;IAAiB;EAChE,GACA,CAACtC,UAAA,EAAYwB,WAAA,CAAY;EAG3B,MAAMkB,gBAAA,GAAmBjF,WAAA,CAAY;IACnCuC,UAAA;IACA,KAAKwB,WAAA,CAAY;MAAEa,EAAA,EAAI;MAAMG,KAAA,EAAOpD,CAAA,CAAE;IAAsB;EAC9D,GAAG,CAACY,UAAA,EAAYwB,WAAA,EAAapC,CAAA,CAAE;EAE/B;EACA;EACA,MAAMuD,mBAAA,GAAsB9D,eAAA,KAAoB,QAAQA,eAAA,KAAoBH,SAAA,IAAa6C,OAAA;EAEzF,MAAMqB,sBAAA,GAAyBnF,WAAA,CAAY;IACzC,MAAM+D,WAAA,CAAY;MAAEa,EAAA,EAAI;MAAMG,KAAA,EAAOpD,CAAA,CAAE;IAAsB;EAC/D,GAAG,CAACoC,WAAA,EAAapC,CAAA,CAAE;EAEnB,IAAIiB,KAAA,KAAU,KAAK,CAACkB,OAAA,EAAS;IAC3B,OAAO;EACT;EAEA,oBACEsB,KAAA,CAACrF,KAAA,CAAMsF,QAAQ;eACZH,mBAAA,gBACCI,IAAA,CAAC9E,KAAA;MACC+E,KAAA,EAAO;MACPC,SAAA,EAAW,GAAG5E,SAAA,SAAkB;MAChC6E,eAAA,EAAgB;MAChBC,eAAA,EAAiB,GAAG9E,SAAA,iBAA0B;MAC9C+E,MAAA,EAAQA,CAAC;QAAEC;MAAK,CAAE,kBAChBR,KAAA,CAAC3E,SAAA,CAAUoF,QAAQ;gCACjBP,IAAA,CAAC7E,SAAA,CAAUqF,MAAM;UACfC,IAAA,eAAMT,IAAA,CAACpF,SAAA;YAAU8F,SAAA,EAAU;;UAC3BC,OAAA,EAASA,CAAA;YACPL,KAAA;YACAnD,kBAAA;UACF;oBACD;yBAGD6C,IAAA,CAAC7E,SAAA,CAAUqF,MAAM;UACfC,IAAA,eAAMT,IAAA,CAACnF,KAAA;UACP8F,OAAA,EAASA,CAAA;YACPL,KAAA;YACA,KAAKT,sBAAA;UACP;oBAEC,eAAetB,cAAA;;;MAItBqC,YAAA,EAAcA,CAAC;QAAEC,MAAM;QAAEF,OAAO;QAAEG;MAAS,CAAE,kBAC3Cd,IAAA,CAAC/E,mBAAA;QACC,cAAYoB,CAAA,CAAE;QACd6D,SAAA,EAAW,GAAG5E,SAAA,UAAmB;QACjCyF,gBAAA,EAAkB;UAChB,iBAAiBF,MAAA;UACjB,iBAAiB;UACjBC;QACF;QACAH,OAAA,EAASA,OAAA;QACTK,QAAA,EAAUH,MAAA;kBAETxE,CAAA,CAAE;;MAGP2C,IAAA,EAAK;MACLiC,aAAA,EAAc;sBAGhBjB,IAAA,CAAC/E,mBAAA;MACC,cAAYoB,CAAA,CAAE;MACd6D,SAAA,EAAW,GAAG5E,SAAA,UAAmB;MACjCqF,OAAA,EAASxD,kBAAA;gBAERd,CAAA,CAAE;qBAGP2D,IAAA,CAAChD,cAAA;MACCkE,OAAA,EAAS;MACTC,iBAAA,EAAmBrF,eAAA,GAAkB,CAACA,eAAA,CAAgB,GAAG;MACzDsF,YAAA,EAAczB,gBAAA;MACd0B,MAAA,EAAQvC,gBAAA;MACRwC,cAAc;MACd7B,KAAA,EAAOpD,CAAA,CAAE,qBAAqB;QAAEiB,KAAA;QAAOC,KAAA,EAAOC;MAAgB;;;AAItE","ignoreList":[]}

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

@@ -3,25 +3,18 @@
     display: flex;
     flex-direction: column;
     width: 100%;
+    padding: var(--spacer-2-5) var(--spacer-2) var(--spacer-1) var(--spacer-2-5);
   }
 
   .hierarchy-search__controls {
     display: flex;
-    gap: var(--spacer-2);
+    gap: var(--spacer-1);
 
     .search-input {
       flex: 1;
     }
   }
 
-  .hierarchy-search__filter {
-    flex-shrink: 0;
-  }
-
-  .hierarchy-search__filter:hover:not(.btn--selected) {
-    background: var(--color-bg-tertiary);
-  }
-
   .hierarchy-search-results {
     display: flex;
     flex-direction: column;

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

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

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

@@ -4,27 +4,22 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { useCallback, useState } from 'react';
-import { CheckIcon } from '../../../icons/Check/index.js';
-import { FilterIcon } from '../../../icons/Filter/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
-import { Button } from '../../Button/index.js';
-import { Popup, PopupList } from '../../Popup/index.js';
 import { SearchInput } from '../../Search/SearchInput/index.js';
+import { HierarchyCreateNewButton } from '../CreateNewButton/index.js';
 import { HierarchySearchResults } from './HierarchySearchResults.js';
 import { useHierarchySearch } from './useHierarchySearch.js';
 import './index.css';
 const baseClass = 'hierarchy-search';
 export const HierarchySearch = t0 => {
-  const $ = _c(15);
+  const $ = _c(13);
   const {
     collectionSlug,
-    collectionSpecificOptions,
     isActive,
     onActiveChange,
-    onFilterChange,
     onSelect,
-    selectedFilters
+    parentId
   } = t0;
   const {
     i18n,
@@ -116,22 +111,6 @@ export const HierarchySearch = t0 => {
     t4 = $[12];
   }
   const handleSelect = t4;
-  let t5;
-  if ($[13] !== onFilterChange) {
-    t5 = t6 => {
-      const {
-        selectedValues
-      } = t6;
-      onFilterChange?.(selectedValues);
-    };
-    $[13] = onFilterChange;
-    $[14] = t5;
-  } else {
-    t5 = $[14];
-  }
-  const handleFilterChange = t5;
-  const hasFilters = collectionSpecificOptions && collectionSpecificOptions.length > 0;
-  const hasActiveFilters = selectedFilters && selectedFilters.length > 0;
   return _jsxs("div", {
     className: baseClass,
     children: [_jsxs("div", {
@@ -144,55 +123,9 @@ export const HierarchySearch = t0 => {
           label: collectionLabel
         }),
         value: inputValue
-      }), hasFilters && _jsx(Popup, {
-        buttonClassName: `${baseClass}__filter`,
-        caret: false,
-        horizontalAlign: "right",
-        render: () => _jsx(PopupList.RadioGroup, {
-          children: collectionSpecificOptions.map(t6 => {
-            const {
-              label,
-              value: value_0
-            } = t6;
-            const isActive_0 = selectedFilters?.includes(value_0);
-            return _jsx(PopupList.Button, {
-              active: isActive_0,
-              icon: isActive_0 ? _jsx(CheckIcon, {
-                size: 16
-              }) : undefined,
-              onClick: () => {
-                const newSelectedValues = isActive_0 ? selectedFilters.filter(v => v !== value_0) : [...selectedFilters, value_0];
-                handleFilterChange({
-                  selectedValues: newSelectedValues
-                });
-              },
-              children: label
-            }, value_0);
-          })
-        }),
-        renderButton: t7 => {
-          const {
-            active,
-            onClick,
-            onKeyDown
-          } = t7;
-          return _jsx(Button, {
-            "aria-label": t("general:filter"),
-            buttonStyle: "secondary",
-            className: `${baseClass}__filter`,
-            extraButtonProps: {
-              onKeyDown
-            },
-            icon: _jsx(FilterIcon, {
-              hasBadgeCutout: hasActiveFilters,
-              size: 16
-            }),
-            onClick,
-            round: true,
-            selected: active
-          });
-        },
-        verticalAlign: "bottom"
+      }), _jsx(HierarchyCreateNewButton, {
+        collectionSlug,
+        parentId
       })]
     }), isActive && _jsx(HierarchySearchResults, {
       hasNextPage,

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

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

package/dist/elements/Hierarchy/Search/types.d.ts

@@ -6,16 +6,12 @@ export type SearchResult = {
 };
 export type HierarchySearchProps = {
     collectionSlug: string;
-    collectionSpecificOptions?: {
-        label: string;
-        value: string;
-    }[];
     isActive: boolean;
     onActiveChange: (isActive: boolean) => void;
-    onFilterChange?: (values: string[]) => void;
     onSelect: ({ id }: {
         id: number | string;
     }) => void;
-    selectedFilters?: string[];
+    /** Document new items are created under. `null` creates at the root level. */
+    parentId: null | number | string;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,cAAc,EAAE,MAAM,CAAA;IACtB,yBAAyB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC9D,QAAQ,EAAE,OAAO,CAAA;IACjB,cAAc,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC3C,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACnD,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;CAC3B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;IACjB,cAAc,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3C,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACnD,8EAA8E;IAC9E,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;CACjC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/Hierarchy/Search/types.ts"],"sourcesContent":["export type SearchResult = {\n  [key: string]: unknown\n  _h_titlePath?: string\n  id: number | string\n  path: string\n}\n\nexport type HierarchySearchProps = {\n  collectionSlug: string\n  collectionSpecificOptions?: { label: string; value: string }[]\n  isActive: boolean\n  onActiveChange: (isActive: boolean) => void\n  onFilterChange?: (values: string[]) => void\n  onSelect: ({ id }: { id: number | string }) => void\n  selectedFilters?: string[]\n}\n"],"mappings":"AAOA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/Hierarchy/Search/types.ts"],"sourcesContent":["export type SearchResult = {\n  [key: string]: unknown\n  _h_titlePath?: string\n  id: number | string\n  path: string\n}\n\nexport type HierarchySearchProps = {\n  collectionSlug: string\n  isActive: boolean\n  onActiveChange: (isActive: boolean) => void\n  onSelect: ({ id }: { id: number | string }) => void\n  /** Document new items are created under. `null` creates at the root level. */\n  parentId: null | number | string\n}\n"],"mappings":"AAOA","ignoreList":[]}

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

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

package/dist/elements/Hierarchy/Tree/HierarchySidebarTab.d.ts

@@ -3,10 +3,6 @@ import React from 'react';
 import type { HierarchyInitialData } from './types.js';
 export declare const HierarchySidebarTab: React.FC<{
     baseFilter?: Record<string, unknown>;
-    collectionSpecificOptions?: {
-        label: string;
-        value: string;
-    }[];
     hierarchyCollectionSlug: string;
     icon?: React.ReactNode;
     initialData?: HierarchyInitialData | null;

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

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

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

@@ -13,12 +13,11 @@ import { HydrateHierarchyProvider } from '../HydrateProvider/index.js';
 import { HierarchySearch } from '../Search/index.js';
 import { HierarchyTree } from './index.js';
 export const HierarchySidebarTab = t0 => {
-  const $ = _c(40);
+  const $ = _c(37);
   const {
     baseFilter,
-    collectionSpecificOptions,
     hierarchyCollectionSlug,
-    icon,
+    icon: _icon,
     initialData,
     initialExpandedNodes,
     initialSelectedFilters,
@@ -43,97 +42,99 @@ export const HierarchySidebarTab = t0 => {
     admin: adminRoute
   } = t2;
   const [isSearchActive, setIsSearchActive] = useState(false);
-  let t3;
-  if ($[0] !== initialSelectedFilters) {
-    t3 = initialSelectedFilters ?? [];
-    $[0] = initialSelectedFilters;
-    $[1] = t3;
-  } else {
-    t3 = $[1];
-  }
-  const [selectedFilters, setSelectedFiltersLocal] = useState(t3);
   const {
-    setSelectedFilters: setSelectedFiltersContext,
     treeRefreshKeys
   } = useHierarchy();
   const sidebarTabs = useSidebarTabs();
+  const resolvedParentFieldName = parentFieldName ?? "parent";
+  let t3;
+  if ($[0] !== resolvedParentFieldName || $[1] !== searchParams) {
+    t3 = searchParams.get(resolvedParentFieldName);
+    $[0] = resolvedParentFieldName;
+    $[1] = searchParams;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const currentParentParam = t3;
   const tabSlug = `hierarchy-${hierarchyCollectionSlug}`;
+  const isActiveTab = sidebarTabs?.activeTabSlug === tabSlug;
   let t4;
-  if ($[2] !== hierarchyCollectionSlug || $[3] !== treeRefreshKeys) {
+  if ($[3] !== hierarchyCollectionSlug || $[4] !== treeRefreshKeys) {
     t4 = treeRefreshKeys.get(hierarchyCollectionSlug) ?? 0;
-    $[2] = hierarchyCollectionSlug;
-    $[3] = treeRefreshKeys;
-    $[4] = t4;
+    $[3] = hierarchyCollectionSlug;
+    $[4] = treeRefreshKeys;
+    $[5] = t4;
   } else {
-    t4 = $[4];
+    t4 = $[5];
   }
   const treeRefreshKey = t4;
   const prevTreeRefreshKeyRef = useRef(treeRefreshKey);
   let t5;
   let t6;
-  if ($[5] !== sidebarTabs || $[6] !== tabSlug || $[7] !== treeRefreshKey) {
+  if ($[6] !== currentParentParam || $[7] !== isActiveTab || $[8] !== resolvedParentFieldName || $[9] !== sidebarTabs || $[10] !== tabSlug || $[11] !== treeRefreshKey) {
     t5 = () => {
       if (prevTreeRefreshKeyRef.current !== treeRefreshKey) {
         prevTreeRefreshKeyRef.current = treeRefreshKey;
-        sidebarTabs?.reloadTabContent(tabSlug);
+        sidebarTabs?.reloadTabContent(tabSlug, {
+          searchParams: isActiveTab && currentParentParam ? {
+            [resolvedParentFieldName]: currentParentParam
+          } : undefined
+        });
       }
     };
-    t6 = [treeRefreshKey, sidebarTabs, tabSlug];
-    $[5] = sidebarTabs;
-    $[6] = tabSlug;
-    $[7] = treeRefreshKey;
-    $[8] = t5;
-    $[9] = t6;
+    t6 = [treeRefreshKey, sidebarTabs, tabSlug, isActiveTab, currentParentParam, resolvedParentFieldName];
+    $[6] = currentParentParam;
+    $[7] = isActiveTab;
+    $[8] = resolvedParentFieldName;
+    $[9] = sidebarTabs;
+    $[10] = tabSlug;
+    $[11] = treeRefreshKey;
+    $[12] = t5;
+    $[13] = t6;
   } else {
-    t5 = $[8];
-    t6 = $[9];
+    t5 = $[12];
+    t6 = $[13];
   }
   useEffect(t5, t6);
+  const selectedNodeId = isActiveTab ? currentParentParam ?? selectedNodeIdFromServer ?? undefined : undefined;
   let t7;
-  if ($[10] !== adminRoute || $[11] !== baseFilter || $[12] !== collectionSpecificOptions || $[13] !== hierarchyCollectionSlug || $[14] !== icon || $[15] !== initialData || $[16] !== initialExpandedNodes || $[17] !== initialSelectedFilters || $[18] !== isSearchActive || $[19] !== parentFieldName || $[20] !== router || $[21] !== searchParams || $[22] !== selectedFilters || $[23] !== selectedNodeIdFromServer || $[24] !== setSelectedFiltersContext || $[25] !== sidebarTabs?.activeTabSlug || $[26] !== startRouteTransition || $[27] !== tabSlug || $[28] !== treeLimit || $[29] !== typeFieldName || $[30] !== useAsTitle) {
-    const parentParam = searchParams.get(parentFieldName ?? "parent");
-    const isActiveTab = sidebarTabs?.activeTabSlug === tabSlug;
-    const selectedNodeId = isActiveTab ? parentParam ?? selectedNodeIdFromServer ?? undefined : undefined;
-    const baseFilterKey = baseFilter ? JSON.stringify(baseFilter) : "";
-    let t8;
-    if ($[32] !== setSelectedFiltersContext) {
-      t8 = filters => {
-        setSelectedFiltersLocal(filters);
-        setSelectedFiltersContext(filters);
-      };
-      $[32] = setSelectedFiltersContext;
-      $[33] = t8;
-    } else {
-      t8 = $[33];
-    }
-    const handleFilterChange = t8;
-    let t9;
-    if ($[34] !== adminRoute || $[35] !== hierarchyCollectionSlug || $[36] !== parentFieldName || $[37] !== router || $[38] !== startRouteTransition) {
-      t9 = t10 => {
-        const {
-          id
-        } = t10;
-        const queryParam = parentFieldName ?? "parent";
-        const url = formatAdminURL({
-          adminRoute,
-          path: `/collections/${hierarchyCollectionSlug}/hierarchy?${queryParam}=${id}`
-        });
-        startRouteTransition(() => {
-          router.push(url);
-          router.refresh();
-        });
-      };
-      $[34] = adminRoute;
-      $[35] = hierarchyCollectionSlug;
-      $[36] = parentFieldName;
-      $[37] = router;
-      $[38] = startRouteTransition;
-      $[39] = t9;
-    } else {
-      t9 = $[39];
-    }
-    const handleNavigateToParent = t9;
-    t7 = _jsxs(_Fragment, {
+  if ($[14] !== baseFilter) {
+    t7 = baseFilter ? JSON.stringify(baseFilter) : "";
+    $[14] = baseFilter;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  const baseFilterKey = t7;
+  let t8;
+  if ($[16] !== adminRoute || $[17] !== hierarchyCollectionSlug || $[18] !== resolvedParentFieldName || $[19] !== router || $[20] !== startRouteTransition) {
+    t8 = t9 => {
+      const {
+        id
+      } = t9;
+      const url = formatAdminURL({
+        adminRoute,
+        path: `/collections/${hierarchyCollectionSlug}/hierarchy?${resolvedParentFieldName}=${id}`
+      });
+      startRouteTransition(() => {
+        router.push(url);
+        router.refresh();
+      });
+    };
+    $[16] = adminRoute;
+    $[17] = hierarchyCollectionSlug;
+    $[18] = resolvedParentFieldName;
+    $[19] = router;
+    $[20] = startRouteTransition;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  const handleNavigateToParent = t8;
+  let t9;
+  if ($[22] !== _icon || $[23] !== baseFilter || $[24] !== baseFilterKey || $[25] !== handleNavigateToParent || $[26] !== hierarchyCollectionSlug || $[27] !== initialData || $[28] !== initialExpandedNodes || $[29] !== initialSelectedFilters || $[30] !== isSearchActive || $[31] !== parentFieldName || $[32] !== selectedNodeId || $[33] !== treeLimit || $[34] !== typeFieldName || $[35] !== useAsTitle) {
+    t9 = _jsxs(_Fragment, {
       children: [_jsx(HydrateHierarchyProvider, {
         baseFilter,
         collectionSlug: hierarchyCollectionSlug,
@@ -147,17 +148,15 @@ export const HierarchySidebarTab = t0 => {
         className: "hierarchy-sidebar-tab",
         children: [_jsx(HierarchySearch, {
           collectionSlug: hierarchyCollectionSlug,
-          collectionSpecificOptions,
           isActive: isSearchActive,
           onActiveChange: setIsSearchActive,
-          onFilterChange: handleFilterChange,
           onSelect: handleNavigateToParent,
-          selectedFilters
+          parentId: selectedNodeId ?? null
         }), !isSearchActive && _jsx(HierarchyTree, {
           baseFilter,
           collectionSlug: hierarchyCollectionSlug,
-          filterByCollections: selectedFilters.length > 0 ? selectedFilters : undefined,
-          icon,
+          filterByCollections: initialSelectedFilters?.length ? initialSelectedFilters : undefined,
+          icon: _icon,
           initialData,
           initialExpandedNodes,
           onNodeClick: handleNavigateToParent,
@@ -166,31 +165,24 @@ export const HierarchySidebarTab = t0 => {
         }, `${hierarchyCollectionSlug}-${baseFilterKey}`)]
       })]
     });
-    $[10] = adminRoute;
-    $[11] = baseFilter;
-    $[12] = collectionSpecificOptions;
-    $[13] = hierarchyCollectionSlug;
-    $[14] = icon;
-    $[15] = initialData;
-    $[16] = initialExpandedNodes;
-    $[17] = initialSelectedFilters;
-    $[18] = isSearchActive;
-    $[19] = parentFieldName;
-    $[20] = router;
-    $[21] = searchParams;
-    $[22] = selectedFilters;
-    $[23] = selectedNodeIdFromServer;
-    $[24] = setSelectedFiltersContext;
-    $[25] = sidebarTabs?.activeTabSlug;
-    $[26] = startRouteTransition;
-    $[27] = tabSlug;
-    $[28] = treeLimit;
-    $[29] = typeFieldName;
-    $[30] = useAsTitle;
-    $[31] = t7;
+    $[22] = _icon;
+    $[23] = baseFilter;
+    $[24] = baseFilterKey;
+    $[25] = handleNavigateToParent;
+    $[26] = hierarchyCollectionSlug;
+    $[27] = initialData;
+    $[28] = initialExpandedNodes;
+    $[29] = initialSelectedFilters;
+    $[30] = isSearchActive;
+    $[31] = parentFieldName;
+    $[32] = selectedNodeId;
+    $[33] = treeLimit;
+    $[34] = typeFieldName;
+    $[35] = useAsTitle;
+    $[36] = t9;
   } else {
-    t7 = $[31];
+    t9 = $[36];
   }
-  return t7;
+  return t9;
 };
 //# sourceMappingURL=HierarchySidebarTab.js.map