@itwin/tree-widget-react 4.0.0-alpha.25 → 4.0.0-alpha.26

package/lib/esm/tree-widget-react/components/trees/categories-tree/UseCategoriesTree.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import type { Id64Array } from "@itwin/core-bentley";
-import type { PresentationHierarchyNode } from "@itwin/presentation-hierarchies-react";
+import type { TreeNode } from "@itwin/presentation-hierarchies-react";
 import type { CategoryInfo } from "../common/CategoriesVisibilityUtils.js";
 import type { VisibilityTreeProps } from "../common/components/VisibilityTree.js";
 import type { ExtendedVisibilityTreeRendererProps } from "../common/components/VisibilityTreeRenderer.js";
@@ -25,12 +25,14 @@ interface UseCategoriesTreeResult {
 }
 /**
  * Custom hook to create and manage state for the categories tree.
+ *
+ * **Note:** Requires `SharedTreeContextProvider` to be present in components tree above.
  * @beta
  */
 export declare function useCategoriesTree({ searchText, activeView, onCategoriesFiltered, emptyTreeContent, hierarchyConfig, getTreeItemProps, }: UseCategoriesTreeProps): UseCategoriesTreeResult;
 /** @beta */
 export declare function CategoriesTreeIcon({ node }: {
-    node: PresentationHierarchyNode;
+    node: TreeNode;
 }): import("react/jsx-runtime").JSX.Element | undefined;
 export {};
 //# sourceMappingURL=UseCategoriesTree.d.ts.map

package/lib/esm/tree-widget-react/components/trees/categories-tree/UseCategoriesTree.js

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import { useCallback, useEffect, useMemo } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { createECSqlQueryExecutor } from "@itwin/presentation-core-interop";
 import { Icon } from "@stratakit/foundations";
 import categorySvg from "@stratakit/icons/bis-category-3d.svg";
@@ -12,9 +12,9 @@ import classSvg from "@stratakit/icons/bis-class.svg";
 import definitionContainerSvg from "@stratakit/icons/bis-definitions-container.svg";
 import elementSvg from "@stratakit/icons/bis-element.svg";
 import { EmptyTreeContent, NoSearchMatches, SearchUnknownError, TooManySearchMatches } from "../common/components/EmptyTree.js";
+import { useSharedTreeContextInternal } from "../common/internal/SharedTreeContextProviderInternal.js";
 import { useGuid } from "../common/internal/useGuid.js";
 import { useCachedVisibility } from "../common/internal/useTreeHooks/UseCachedVisibility.js";
-import { useIdsCache } from "../common/internal/useTreeHooks/UseIdsCache.js";
 import { getClassesByView } from "../common/internal/Utils.js";
 import { CategoriesTreeDefinition, defaultHierarchyConfiguration } from "./CategoriesTreeDefinition.js";
 import { CategoriesTreeIdsCache } from "./internal/CategoriesTreeIdsCache.js";
@@ -23,6 +23,8 @@ import { CategoriesTreeVisibilityHandler } from "./internal/visibility/Categorie
 import { createCategoriesSearchResultsTree } from "./internal/visibility/SearchResultsTree.js";
 /**
  * Custom hook to create and manage state for the categories tree.
+ *
+ * **Note:** Requires `SharedTreeContextProvider` to be present in components tree above.
  * @beta
  */
 export function useCategoriesTree({ searchText, activeView, onCategoriesFiltered, emptyTreeContent, hierarchyConfig, getTreeItemProps, }) {
@@ -32,28 +34,34 @@ export function useCategoriesTree({ searchText, activeView, onCategoriesFiltered
     }), 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     Object.values(hierarchyConfig ?? {}));
-    const viewType = activeView.viewType === "2d" ? "2d" : "3d";
+    const [viewType, setViewType] = useState(activeView.viewType === "2d" ? "2d" : "3d");
     const componentId = useGuid();
-    const { getCache: getCategoriesTreeIdsCache } = useIdsCache({
-        imodel: activeView.iModel,
-        createCache,
-        cacheSpecificProps: useMemo(() => ({ viewType }), [viewType]),
-        componentId,
-    });
+    // Listen for view type changes
+    useEffect(() => {
+        return activeView.onDisplayStyleChanged.addListener(() => {
+            setViewType(activeView.viewType === "2d" ? "2d" : "3d");
+        });
+    }, [activeView]);
+    const idsCache = useCategoriesTreeIdsCache({ imodel: activeView.iModel, activeViewType: viewType });
     const { visibilityHandlerFactory, onSearchPathsChanged } = useCategoriesCachedVisibility({
         activeView,
         viewType,
-        getCache: getCategoriesTreeIdsCache,
+        idsCache,
         componentId,
         hierarchyConfig: hierarchyConfiguration,
     });
     const getHierarchyDefinition = useCallback((props) => {
-        return new CategoriesTreeDefinition({ ...props, viewType, idsCache: getCategoriesTreeIdsCache(), hierarchyConfig: hierarchyConfiguration });
-    }, [viewType, getCategoriesTreeIdsCache, hierarchyConfiguration]);
+        return new CategoriesTreeDefinition({
+            ...props,
+            viewType,
+            idsCache,
+            hierarchyConfig: hierarchyConfiguration,
+        });
+    }, [viewType, idsCache, hierarchyConfiguration]);
     const { getPaths, searchError } = useSearchPaths({
         hierarchyConfiguration,
         searchText,
-        getCategoriesTreeIdsCache,
+        idsCache,
         onSearchPathsChanged,
         viewType,
         onCategoriesFiltered,
@@ -115,43 +123,50 @@ export function CategoriesTreeIcon({ node }) {
     return _jsx(Icon, { href: getIcon() });
 }
 function useCategoriesCachedVisibility(props) {
-    const { activeView, getCache, viewType, componentId } = props;
+    const { activeView, idsCache, viewType, componentId } = props;
     const { visibilityHandlerFactory, searchPaths, onSearchPathsChanged } = useCachedVisibility({
         activeView,
-        getCache,
+        idsCache,
         createSearchResultsTree: useCallback(async (filteredTreeProps) => createSearchResultsTree({ ...filteredTreeProps, viewClasses: getClassesByView(viewType) }), [viewType]),
         createTreeSpecificVisibilityHandler: useCallback((specificProps) => createTreeSpecificVisibilityHandler({ ...specificProps, hierarchyConfig: props.hierarchyConfig }), [props.hierarchyConfig]),
         componentId,
     });
     useEffect(() => {
-        getCache().clearFilteredElementsModels();
-    }, [searchPaths, getCache]);
+        idsCache.clearFilteredElementsModels();
+    }, [searchPaths, idsCache]);
     return {
         visibilityHandlerFactory,
         onSearchPathsChanged,
     };
 }
 function createTreeSpecificVisibilityHandler(props) {
-    const { info, getCache, viewport, hierarchyConfig } = props;
+    const { info, idsCache, viewport, hierarchyConfig } = props;
     return new CategoriesTreeVisibilityHandler({
         alwaysAndNeverDrawnElementInfo: info,
-        idsCache: getCache(),
+        idsCache,
         viewport,
         hierarchyConfig,
     });
 }
 async function createSearchResultsTree(props) {
-    const { searchPaths, imodelAccess, getCache, viewClasses } = props;
+    const { searchPaths, imodelAccess, idsCache, viewClasses } = props;
     return createCategoriesSearchResultsTree({
         imodelAccess,
         searchPaths,
-        idsCache: getCache(),
+        idsCache,
         categoryClassName: viewClasses.categoryClass,
         categoryElementClassName: viewClasses.elementClass,
         categoryModelClassName: viewClasses.modelClass,
     });
 }
-function createCache(props) {
-    return new CategoriesTreeIdsCache(createECSqlQueryExecutor(props.imodel), props.specificProps.viewType, props.componentId);
+function useCategoriesTreeIdsCache({ imodel, activeViewType }) {
+    const { getBaseIdsCache, getCache } = useSharedTreeContextInternal();
+    const baseIdsCache = getBaseIdsCache({ type: activeViewType, elementClassName: getClassesByView(activeViewType).elementClass, imodel });
+    const categoriesTreeIdsCache = getCache({
+        imodel,
+        createCache: () => new CategoriesTreeIdsCache({ baseIdsCache, type: activeViewType, queryExecutor: createECSqlQueryExecutor(imodel) }),
+        cacheKey: `${activeViewType}-CategoriesTreeIdsCache`,
+    });
+    return categoriesTreeIdsCache;
 }
 //# sourceMappingURL=UseCategoriesTree.js.map

package/lib/esm/tree-widget-react/components/trees/categories-tree/UseCategoriesTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"UseCategoriesTree.js","sourceRoot":"","sources":["../../../../../../src/tree-widget-react/components/trees/categories-tree/UseCategoriesTree.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport { useCallback, useEffect, useMemo } from \"react\";\nimport { createECSqlQueryExecutor } from \"@itwin/presentation-core-interop\";\nimport { Icon } from \"@stratakit/foundations\";\nimport categorySvg from \"@stratakit/icons/bis-category-3d.svg\";\nimport subcategorySvg from \"@stratakit/icons/bis-category-subcategory.svg\";\nimport classSvg from \"@stratakit/icons/bis-class.svg\";\nimport definitionContainerSvg from \"@stratakit/icons/bis-definitions-container.svg\";\nimport elementSvg from \"@stratakit/icons/bis-element.svg\";\nimport { EmptyTreeContent, NoSearchMatches, SearchUnknownError, TooManySearchMatches } from \"../common/components/EmptyTree.js\";\nimport { useGuid } from \"../common/internal/useGuid.js\";\nimport { useCachedVisibility } from \"../common/internal/useTreeHooks/UseCachedVisibility.js\";\nimport { useIdsCache } from \"../common/internal/useTreeHooks/UseIdsCache.js\";\nimport { getClassesByView } from \"../common/internal/Utils.js\";\nimport { CategoriesTreeDefinition, defaultHierarchyConfiguration } from \"./CategoriesTreeDefinition.js\";\nimport { CategoriesTreeIdsCache } from \"./internal/CategoriesTreeIdsCache.js\";\nimport { useSearchPaths } from \"./internal/UseSearchPaths.js\";\nimport { CategoriesTreeVisibilityHandler } from \"./internal/visibility/CategoriesTreeVisibilityHandler.js\";\nimport { createCategoriesSearchResultsTree } from \"./internal/visibility/SearchResultsTree.js\";\n\nimport type { ReactNode } from \"react\";\nimport type { GuidString, Id64Array } from \"@itwin/core-bentley\";\nimport type { PresentationHierarchyNode } from \"@itwin/presentation-hierarchies-react\";\nimport type { CategoryInfo } from \"../common/CategoriesVisibilityUtils.js\";\nimport type { VisibilityTreeProps } from \"../common/components/VisibilityTree.js\";\nimport type { ExtendedVisibilityTreeRendererProps } from \"../common/components/VisibilityTreeRenderer.js\";\nimport type { CreateSearchResultsTreeProps, CreateTreeSpecificVisibilityHandlerProps } from \"../common/internal/useTreeHooks/UseCachedVisibility.js\";\nimport type { CreateCacheProps } from \"../common/internal/useTreeHooks/UseIdsCache.js\";\nimport type { SearchResultsTree } from \"../common/internal/visibility/BaseSearchResultsTree.js\";\nimport type { TreeWidgetViewport } from \"../common/TreeWidgetViewport.js\";\nimport type { CategoriesTreeHierarchyConfiguration } from \"./CategoriesTreeDefinition.js\";\nimport type { CategoriesTreeSearchError } from \"./internal/UseSearchPaths.js\";\nimport type { CategoriesTreeSearchTargets } from \"./internal/visibility/SearchResultsTree.js\";\n\n/** @beta */\nexport interface UseCategoriesTreeProps {\n  activeView: TreeWidgetViewport;\n  onCategoriesFiltered?: (props: { categories: CategoryInfo[] | undefined; models?: Id64Array }) => void;\n  searchText?: string;\n  emptyTreeContent?: ReactNode;\n  hierarchyConfig?: Partial<CategoriesTreeHierarchyConfiguration>;\n  getTreeItemProps?: ExtendedVisibilityTreeRendererProps[\"getTreeItemProps\"];\n}\n\n/** @beta */\ninterface UseCategoriesTreeResult {\n  treeProps: Pick<\n    VisibilityTreeProps,\n    \"treeName\" | \"getHierarchyDefinition\" | \"getSearchPaths\" | \"visibilityHandlerFactory\" | \"highlightText\" | \"emptyTreeContent\"\n  >;\n  getTreeItemProps: Required<ExtendedVisibilityTreeRendererProps>[\"getTreeItemProps\"];\n}\n\n/**\n * Custom hook to create and manage state for the categories tree.\n * @beta\n */\nexport function useCategoriesTree({\n  searchText,\n  activeView,\n  onCategoriesFiltered,\n  emptyTreeContent,\n  hierarchyConfig,\n  getTreeItemProps,\n}: UseCategoriesTreeProps): UseCategoriesTreeResult {\n  const hierarchyConfiguration = useMemo<CategoriesTreeHierarchyConfiguration>(\n    () => ({\n      ...defaultHierarchyConfiguration,\n      ...hierarchyConfig,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    Object.values(hierarchyConfig ?? {}),\n  );\n  const viewType = activeView.viewType === \"2d\" ? \"2d\" : \"3d\";\n  const componentId = useGuid();\n\n  const { getCache: getCategoriesTreeIdsCache } = useIdsCache<CategoriesTreeIdsCache, { viewType: \"2d\" | \"3d\" }>({\n    imodel: activeView.iModel,\n    createCache,\n    cacheSpecificProps: useMemo(() => ({ viewType }), [viewType]),\n    componentId,\n  });\n\n  const { visibilityHandlerFactory, onSearchPathsChanged } = useCategoriesCachedVisibility({\n    activeView,\n    viewType,\n    getCache: getCategoriesTreeIdsCache,\n    componentId,\n    hierarchyConfig: hierarchyConfiguration,\n  });\n\n  const getHierarchyDefinition = useCallback<VisibilityTreeProps[\"getHierarchyDefinition\"]>(\n    (props) => {\n      return new CategoriesTreeDefinition({ ...props, viewType, idsCache: getCategoriesTreeIdsCache(), hierarchyConfig: hierarchyConfiguration });\n    },\n    [viewType, getCategoriesTreeIdsCache, hierarchyConfiguration],\n  );\n\n  const { getPaths, searchError } = useSearchPaths({\n    hierarchyConfiguration,\n    searchText,\n    getCategoriesTreeIdsCache,\n    onSearchPathsChanged,\n    viewType,\n    onCategoriesFiltered,\n    componentId,\n  });\n\n  return {\n    treeProps: {\n      treeName: \"categories-tree-v2\",\n      getHierarchyDefinition,\n      getSearchPaths: getPaths,\n      visibilityHandlerFactory,\n      emptyTreeContent: useMemo(() => getEmptyTreeContentComponent(searchText, searchError, emptyTreeContent), [searchText, searchError, emptyTreeContent]),\n      highlightText: searchText,\n    },\n    getTreeItemProps: (node, rendererProps) => ({\n      ...rendererProps.getTreeItemProps?.(node),\n      decorations: <CategoriesTreeIcon node={node} />,\n      description: node.nodeData.extendedData?.description,\n      ...getTreeItemProps?.(node, rendererProps),\n    }),\n  };\n}\n\nfunction getEmptyTreeContentComponent(searchText?: string, error?: CategoriesTreeSearchError, emptyTreeContent?: React.ReactNode) {\n  if (error) {\n    if (error === \"tooManySearchMatches\") {\n      return <TooManySearchMatches base={\"categoriesTree\"} />;\n    }\n    return <SearchUnknownError base={\"categoriesTree\"} />;\n  }\n  if (searchText) {\n    return <NoSearchMatches base={\"categoriesTree\"} />;\n  }\n  if (emptyTreeContent) {\n    return emptyTreeContent;\n  }\n  return <EmptyTreeContent icon={categorySvg} />;\n}\n\n/** @beta */\nexport function CategoriesTreeIcon({ node }: { node: PresentationHierarchyNode }) {\n  if (node.nodeData.extendedData?.imageId === undefined) {\n    return undefined;\n  }\n\n  const getIcon = () => {\n    switch (node.nodeData.extendedData!.imageId) {\n      case \"icon-layers\":\n        return categorySvg;\n      case \"icon-layers-isolate\":\n        return subcategorySvg;\n      case \"icon-definition-container\":\n        return definitionContainerSvg;\n      case \"icon-item\":\n        return elementSvg;\n      case \"icon-ec-class\":\n        return classSvg;\n      default:\n        return undefined;\n    }\n  };\n\n  return <Icon href={getIcon()} />;\n}\n\nfunction useCategoriesCachedVisibility(props: {\n  activeView: TreeWidgetViewport;\n  getCache: () => CategoriesTreeIdsCache;\n  viewType: \"2d\" | \"3d\";\n  componentId: GuidString;\n  hierarchyConfig: CategoriesTreeHierarchyConfiguration;\n}) {\n  const { activeView, getCache, viewType, componentId } = props;\n  const { visibilityHandlerFactory, searchPaths, onSearchPathsChanged } = useCachedVisibility<CategoriesTreeIdsCache, CategoriesTreeSearchTargets>({\n    activeView,\n    getCache,\n    createSearchResultsTree: useCallback(\n      async (filteredTreeProps: CreateSearchResultsTreeProps<CategoriesTreeIdsCache>) =>\n        createSearchResultsTree({ ...filteredTreeProps, viewClasses: getClassesByView(viewType) }),\n      [viewType],\n    ),\n    createTreeSpecificVisibilityHandler: useCallback(\n      (specificProps) => createTreeSpecificVisibilityHandler({ ...specificProps, hierarchyConfig: props.hierarchyConfig }),\n      [props.hierarchyConfig],\n    ),\n    componentId,\n  });\n\n  useEffect(() => {\n    getCache().clearFilteredElementsModels();\n  }, [searchPaths, getCache]);\n\n  return {\n    visibilityHandlerFactory,\n    onSearchPathsChanged,\n  };\n}\n\nfunction createTreeSpecificVisibilityHandler(\n  props: CreateTreeSpecificVisibilityHandlerProps<CategoriesTreeIdsCache> & { hierarchyConfig: CategoriesTreeHierarchyConfiguration },\n) {\n  const { info, getCache, viewport, hierarchyConfig } = props;\n  return new CategoriesTreeVisibilityHandler({\n    alwaysAndNeverDrawnElementInfo: info,\n    idsCache: getCache(),\n    viewport,\n    hierarchyConfig,\n  });\n}\n\nasync function createSearchResultsTree(\n  props: CreateSearchResultsTreeProps<CategoriesTreeIdsCache> & { viewClasses: ReturnType<typeof getClassesByView> },\n): Promise<SearchResultsTree<CategoriesTreeSearchTargets>> {\n  const { searchPaths, imodelAccess, getCache, viewClasses } = props;\n  return createCategoriesSearchResultsTree({\n    imodelAccess,\n    searchPaths,\n    idsCache: getCache(),\n    categoryClassName: viewClasses.categoryClass,\n    categoryElementClassName: viewClasses.elementClass,\n    categoryModelClassName: viewClasses.modelClass,\n  });\n}\n\nfunction createCache(props: CreateCacheProps<{ viewType: \"2d\" | \"3d\" }>) {\n  return new CategoriesTreeIdsCache(createECSqlQueryExecutor(props.imodel), props.specificProps.viewType, props.componentId);\n}\n"]}
+{"version":3,"file":"UseCategoriesTree.js","sourceRoot":"","sources":["../../../../../../src/tree-widget-react/components/trees/categories-tree/UseCategoriesTree.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { createECSqlQueryExecutor } from \"@itwin/presentation-core-interop\";\nimport { Icon } from \"@stratakit/foundations\";\nimport categorySvg from \"@stratakit/icons/bis-category-3d.svg\";\nimport subcategorySvg from \"@stratakit/icons/bis-category-subcategory.svg\";\nimport classSvg from \"@stratakit/icons/bis-class.svg\";\nimport definitionContainerSvg from \"@stratakit/icons/bis-definitions-container.svg\";\nimport elementSvg from \"@stratakit/icons/bis-element.svg\";\nimport { EmptyTreeContent, NoSearchMatches, SearchUnknownError, TooManySearchMatches } from \"../common/components/EmptyTree.js\";\nimport { useSharedTreeContextInternal } from \"../common/internal/SharedTreeContextProviderInternal.js\";\nimport { useGuid } from \"../common/internal/useGuid.js\";\nimport { useCachedVisibility } from \"../common/internal/useTreeHooks/UseCachedVisibility.js\";\nimport { getClassesByView } from \"../common/internal/Utils.js\";\nimport { CategoriesTreeDefinition, defaultHierarchyConfiguration } from \"./CategoriesTreeDefinition.js\";\nimport { CategoriesTreeIdsCache } from \"./internal/CategoriesTreeIdsCache.js\";\nimport { useSearchPaths } from \"./internal/UseSearchPaths.js\";\nimport { CategoriesTreeVisibilityHandler } from \"./internal/visibility/CategoriesTreeVisibilityHandler.js\";\nimport { createCategoriesSearchResultsTree } from \"./internal/visibility/SearchResultsTree.js\";\n\nimport type { ReactNode } from \"react\";\nimport type { GuidString, Id64Array } from \"@itwin/core-bentley\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { TreeNode } from \"@itwin/presentation-hierarchies-react\";\nimport type { CategoryInfo } from \"../common/CategoriesVisibilityUtils.js\";\nimport type { VisibilityTreeProps } from \"../common/components/VisibilityTree.js\";\nimport type { ExtendedVisibilityTreeRendererProps } from \"../common/components/VisibilityTreeRenderer.js\";\nimport type { CreateSearchResultsTreeProps, CreateTreeSpecificVisibilityHandlerProps } from \"../common/internal/useTreeHooks/UseCachedVisibility.js\";\nimport type { SearchResultsTree } from \"../common/internal/visibility/BaseSearchResultsTree.js\";\nimport type { TreeWidgetViewport } from \"../common/TreeWidgetViewport.js\";\nimport type { CategoriesTreeHierarchyConfiguration } from \"./CategoriesTreeDefinition.js\";\nimport type { CategoriesTreeSearchError } from \"./internal/UseSearchPaths.js\";\nimport type { CategoriesTreeSearchTargets } from \"./internal/visibility/SearchResultsTree.js\";\n\n/** @beta */\nexport interface UseCategoriesTreeProps {\n  activeView: TreeWidgetViewport;\n  onCategoriesFiltered?: (props: { categories: CategoryInfo[] | undefined; models?: Id64Array }) => void;\n  searchText?: string;\n  emptyTreeContent?: ReactNode;\n  hierarchyConfig?: Partial<CategoriesTreeHierarchyConfiguration>;\n  getTreeItemProps?: ExtendedVisibilityTreeRendererProps[\"getTreeItemProps\"];\n}\n\n/** @beta */\ninterface UseCategoriesTreeResult {\n  treeProps: Pick<\n    VisibilityTreeProps,\n    \"treeName\" | \"getHierarchyDefinition\" | \"getSearchPaths\" | \"visibilityHandlerFactory\" | \"highlightText\" | \"emptyTreeContent\"\n  >;\n  getTreeItemProps: Required<ExtendedVisibilityTreeRendererProps>[\"getTreeItemProps\"];\n}\n\n/**\n * Custom hook to create and manage state for the categories tree.\n *\n * **Note:** Requires `SharedTreeContextProvider` to be present in components tree above.\n * @beta\n */\nexport function useCategoriesTree({\n  searchText,\n  activeView,\n  onCategoriesFiltered,\n  emptyTreeContent,\n  hierarchyConfig,\n  getTreeItemProps,\n}: UseCategoriesTreeProps): UseCategoriesTreeResult {\n  const hierarchyConfiguration = useMemo<CategoriesTreeHierarchyConfiguration>(\n    () => ({\n      ...defaultHierarchyConfiguration,\n      ...hierarchyConfig,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    Object.values(hierarchyConfig ?? {}),\n  );\n  const [viewType, setViewType] = useState<\"2d\" | \"3d\">(activeView.viewType === \"2d\" ? \"2d\" : \"3d\");\n  const componentId = useGuid();\n\n  // Listen for view type changes\n  useEffect(() => {\n    return activeView.onDisplayStyleChanged.addListener(() => {\n      setViewType(activeView.viewType === \"2d\" ? \"2d\" : \"3d\");\n    });\n  }, [activeView]);\n\n  const idsCache = useCategoriesTreeIdsCache({ imodel: activeView.iModel, activeViewType: viewType });\n\n  const { visibilityHandlerFactory, onSearchPathsChanged } = useCategoriesCachedVisibility({\n    activeView,\n    viewType,\n    idsCache,\n    componentId,\n    hierarchyConfig: hierarchyConfiguration,\n  });\n\n  const getHierarchyDefinition = useCallback<VisibilityTreeProps[\"getHierarchyDefinition\"]>(\n    (props) => {\n      return new CategoriesTreeDefinition({\n        ...props,\n        viewType,\n        idsCache,\n        hierarchyConfig: hierarchyConfiguration,\n      });\n    },\n    [viewType, idsCache, hierarchyConfiguration],\n  );\n\n  const { getPaths, searchError } = useSearchPaths({\n    hierarchyConfiguration,\n    searchText,\n    idsCache,\n    onSearchPathsChanged,\n    viewType,\n    onCategoriesFiltered,\n    componentId,\n  });\n\n  return {\n    treeProps: {\n      treeName: \"categories-tree-v2\",\n      getHierarchyDefinition,\n      getSearchPaths: getPaths,\n      visibilityHandlerFactory,\n      emptyTreeContent: useMemo(() => getEmptyTreeContentComponent(searchText, searchError, emptyTreeContent), [searchText, searchError, emptyTreeContent]),\n      highlightText: searchText,\n    },\n    getTreeItemProps: (node, rendererProps) => ({\n      ...rendererProps.getTreeItemProps?.(node),\n      decorations: <CategoriesTreeIcon node={node} />,\n      description: node.nodeData.extendedData?.description,\n      ...getTreeItemProps?.(node, rendererProps),\n    }),\n  };\n}\n\nfunction getEmptyTreeContentComponent(searchText?: string, error?: CategoriesTreeSearchError, emptyTreeContent?: React.ReactNode) {\n  if (error) {\n    if (error === \"tooManySearchMatches\") {\n      return <TooManySearchMatches base={\"categoriesTree\"} />;\n    }\n    return <SearchUnknownError base={\"categoriesTree\"} />;\n  }\n  if (searchText) {\n    return <NoSearchMatches base={\"categoriesTree\"} />;\n  }\n  if (emptyTreeContent) {\n    return emptyTreeContent;\n  }\n  return <EmptyTreeContent icon={categorySvg} />;\n}\n\n/** @beta */\nexport function CategoriesTreeIcon({ node }: { node: TreeNode }) {\n  if (node.nodeData.extendedData?.imageId === undefined) {\n    return undefined;\n  }\n\n  const getIcon = () => {\n    switch (node.nodeData.extendedData!.imageId) {\n      case \"icon-layers\":\n        return categorySvg;\n      case \"icon-layers-isolate\":\n        return subcategorySvg;\n      case \"icon-definition-container\":\n        return definitionContainerSvg;\n      case \"icon-item\":\n        return elementSvg;\n      case \"icon-ec-class\":\n        return classSvg;\n      default:\n        return undefined;\n    }\n  };\n\n  return <Icon href={getIcon()} />;\n}\n\nfunction useCategoriesCachedVisibility(props: {\n  activeView: TreeWidgetViewport;\n  idsCache: CategoriesTreeIdsCache;\n  viewType: \"2d\" | \"3d\";\n  componentId: GuidString;\n  hierarchyConfig: CategoriesTreeHierarchyConfiguration;\n}) {\n  const { activeView, idsCache, viewType, componentId } = props;\n  const { visibilityHandlerFactory, searchPaths, onSearchPathsChanged } = useCachedVisibility<CategoriesTreeIdsCache, CategoriesTreeSearchTargets>({\n    activeView,\n    idsCache,\n    createSearchResultsTree: useCallback(\n      async (filteredTreeProps: CreateSearchResultsTreeProps<CategoriesTreeIdsCache>) =>\n        createSearchResultsTree({ ...filteredTreeProps, viewClasses: getClassesByView(viewType) }),\n      [viewType],\n    ),\n    createTreeSpecificVisibilityHandler: useCallback(\n      (specificProps) => createTreeSpecificVisibilityHandler({ ...specificProps, hierarchyConfig: props.hierarchyConfig }),\n      [props.hierarchyConfig],\n    ),\n    componentId,\n  });\n\n  useEffect(() => {\n    idsCache.clearFilteredElementsModels();\n  }, [searchPaths, idsCache]);\n\n  return {\n    visibilityHandlerFactory,\n    onSearchPathsChanged,\n  };\n}\n\nfunction createTreeSpecificVisibilityHandler(\n  props: CreateTreeSpecificVisibilityHandlerProps<CategoriesTreeIdsCache> & {\n    hierarchyConfig: CategoriesTreeHierarchyConfiguration;\n  },\n) {\n  const { info, idsCache, viewport, hierarchyConfig } = props;\n  return new CategoriesTreeVisibilityHandler({\n    alwaysAndNeverDrawnElementInfo: info,\n    idsCache,\n    viewport,\n    hierarchyConfig,\n  });\n}\n\nasync function createSearchResultsTree(\n  props: CreateSearchResultsTreeProps<CategoriesTreeIdsCache> & { viewClasses: ReturnType<typeof getClassesByView> },\n): Promise<SearchResultsTree<CategoriesTreeSearchTargets>> {\n  const { searchPaths, imodelAccess, idsCache, viewClasses } = props;\n  return createCategoriesSearchResultsTree({\n    imodelAccess,\n    searchPaths,\n    idsCache,\n    categoryClassName: viewClasses.categoryClass,\n    categoryElementClassName: viewClasses.elementClass,\n    categoryModelClassName: viewClasses.modelClass,\n  });\n}\n\nfunction useCategoriesTreeIdsCache({ imodel, activeViewType }: { imodel: IModelConnection; activeViewType: \"2d\" | \"3d\" }): CategoriesTreeIdsCache {\n  const { getBaseIdsCache, getCache } = useSharedTreeContextInternal();\n\n  const baseIdsCache = getBaseIdsCache({ type: activeViewType, elementClassName: getClassesByView(activeViewType).elementClass, imodel });\n  const categoriesTreeIdsCache = getCache({\n    imodel,\n    createCache: () => new CategoriesTreeIdsCache({ baseIdsCache, type: activeViewType, queryExecutor: createECSqlQueryExecutor(imodel) }),\n    cacheKey: `${activeViewType}-CategoriesTreeIdsCache`,\n  });\n  return categoriesTreeIdsCache;\n}\n"]}

package/lib/esm/tree-widget-react/components/trees/categories-tree/internal/CategoriesTreeIdsCache.d.ts

@@ -1,33 +1,31 @@
+import { BaseIdsCacheImpl } from "../../common/internal/caches/BaseIdsCache.js";
 import type { Observable } from "rxjs";
-import type { GuidString, Id64Arg, Id64Array, Id64Set, Id64String } from "@itwin/core-bentley";
+import type { Id64Arg, Id64Set, Id64String } from "@itwin/core-bentley";
 import type { LimitingECSqlQueryExecutor } from "@itwin/presentation-hierarchies";
 import type { InstanceKey } from "@itwin/presentation-shared";
-import type { CategoryId, DefinitionContainerId, ModelId, SubCategoryId } from "../../common/internal/Types.js";
+import type { BaseIdsCacheImplProps } from "../../common/internal/caches/BaseIdsCache.js";
+import type { CategoryId, DefinitionContainerId } from "../../common/internal/Types.js";
 /** @internal */
 export interface CategoryInfo {
     id: CategoryId;
     subCategoryChildCount: number;
     hasElements: boolean;
 }
+interface CategoriesTreeIdsCacheProps extends BaseIdsCacheImplProps {
+    queryExecutor: LimitingECSqlQueryExecutor;
+    type: "2d" | "3d";
+}
 /** @internal */
-export declare class CategoriesTreeIdsCache implements Disposable {
+export declare class CategoriesTreeIdsCache extends BaseIdsCacheImpl {
     #private;
-    constructor(queryExecutor: LimitingECSqlQueryExecutor, viewType: "3d" | "2d", componentId?: GuidString);
-    [Symbol.dispose](): void;
+    constructor(props: CategoriesTreeIdsCacheProps);
     private queryFilteredElementsModels;
     getFilteredElementsModels(filteredElementIds: Id64Arg): Observable<Map<string, string>>;
     clearFilteredElementsModels(): void;
-    private queryElementModelCategories;
     private queryCategories;
     private queryIsDefinitionContainersSupported;
     private queryDefinitionContainers;
-    private querySubCategories;
     private getModelsCategoriesInfo;
-    private getElementModelsCategories;
-    private queryModeledElements;
-    private getModelWithCategoryModeledElements;
-    getCategoriesModeledElements(modelId: Id64String, categoryIds: Id64Arg): Observable<Id64Array>;
-    private getSubCategoriesInfo;
     private getDefinitionContainersInfo;
     getDirectChildDefinitionContainersAndCategories({ parentDefinitionContainerIds, includeEmpty, }: {
         parentDefinitionContainerIds: Id64Arg;
@@ -36,13 +34,6 @@ export declare class CategoriesTreeIdsCache implements Disposable {
         categories: CategoryInfo[];
         definitionContainers: Array<DefinitionContainerId>;
     }>;
-    getCategoriesElementModels(categoryIds: Id64Arg, includeSubModels?: boolean): Observable<{
-        id: CategoryId;
-        models: Array<ModelId> | undefined;
-    }>;
-    getModelCategoryIds(modelId: Id64String): Observable<Id64Array>;
-    getAllCategories(): Observable<Id64Set>;
-    hasSubModel(elementId: Id64String): Observable<boolean>;
     getAllContainedCategories({ definitionContainerIds, includeEmptyCategories, }: {
         definitionContainerIds: Id64Arg;
         includeEmptyCategories?: boolean;
@@ -54,7 +45,6 @@ export declare class CategoriesTreeIdsCache implements Disposable {
     } | {
         subCategoryId: Id64String;
     }): Observable<InstanceKey[]>;
-    getCategoryElementsCount(modelId: Id64String, categoryId: Id64String): Observable<number>;
     getAllDefinitionContainersAndCategories(props?: {
         includeEmpty?: boolean;
     }): Observable<{
@@ -67,7 +57,7 @@ export declare class CategoriesTreeIdsCache implements Disposable {
         categories: CategoryInfo[];
         definitionContainers: Array<DefinitionContainerId>;
     }>;
-    getSubCategories(categoryId: Id64String): Observable<Array<SubCategoryId>>;
     getIsDefinitionContainerSupported(): Observable<boolean>;
 }
+export {};
 //# sourceMappingURL=CategoriesTreeIdsCache.d.ts.map

package/lib/esm/tree-widget-react/components/trees/categories-tree/internal/CategoriesTreeIdsCache.js

@@ -2,40 +2,31 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import { defer, EMPTY, forkJoin, from, map, mergeMap, of, reduce, shareReplay, toArray } from "rxjs";
+import { defer, forkJoin, from, map, mergeMap, of, reduce, shareReplay, toArray } from "rxjs";
 import { Guid, Id64 } from "@itwin/core-bentley";
+import { BaseIdsCacheImpl } from "../../common/internal/caches/BaseIdsCache.js";
 import { CLASS_NAME_DefinitionContainer, CLASS_NAME_Model, CLASS_NAME_SubCategory } from "../../common/internal/ClassNameDefinitions.js";
-import { ModelCategoryElementsCountCache } from "../../common/internal/ModelCategoryElementsCountCache.js";
 import { catchBeSQLiteInterrupts } from "../../common/internal/UseErrorState.js";
 import { getClassesByView, joinId64Arg } from "../../common/internal/Utils.js";
 /** @internal */
-export class CategoriesTreeIdsCache {
+export class CategoriesTreeIdsCache extends BaseIdsCacheImpl {
     #definitionContainersInfo;
     #modelsCategoriesInfo;
-    #elementModelsCategories;
-    #subCategoriesInfo;
-    #categoryElementCounts;
-    #modelWithCategoryModeledElements;
     #categoryClass;
     #categoryElementClass;
-    #categoryModelClass;
     #isDefinitionContainerSupported;
     #filteredElementsModels;
     #queryExecutor;
     #componentId;
     #componentName;
-    constructor(queryExecutor, viewType, componentId) {
-        this.#queryExecutor = queryExecutor;
-        const { categoryClass, elementClass, modelClass } = getClassesByView(viewType);
+    constructor(props) {
+        super(props);
+        this.#queryExecutor = props.queryExecutor;
+        const { categoryClass, elementClass } = getClassesByView(props.type);
         this.#categoryClass = categoryClass;
         this.#categoryElementClass = elementClass;
-        this.#categoryModelClass = modelClass;
-        this.#componentId = componentId ?? Guid.createValue();
+        this.#componentId = Guid.createValue();
         this.#componentName = "CategoriesTreeIdsCache";
-        this.#categoryElementCounts = new ModelCategoryElementsCountCache(this.#queryExecutor, [elementClass], this.#componentId);
-    }
-    [Symbol.dispose]() {
-        this.#categoryElementCounts[Symbol.dispose]();
     }
     queryFilteredElementsModels(filteredElementIds) {
         return defer(() => {
@@ -66,20 +57,6 @@ export class CategoriesTreeIdsCache {
     clearFilteredElementsModels() {
         this.#filteredElementsModels = undefined;
     }
-    queryElementModelCategories() {
-        return defer(() => {
-            const query = `
-        SELECT this.Model.Id modelId, this.Category.Id categoryId
-        FROM ${this.#categoryModelClass} m
-        JOIN ${this.#categoryElementClass} this ON m.ECInstanceId = this.Model.Id
-        WHERE this.Parent.Id IS NULL AND m.IsPrivate = false
-        GROUP BY modelId, categoryId
-      `;
-            return this.#queryExecutor.createQueryReader({ ecsql: query }, { rowFormat: "ECSqlPropertyNames", limit: "unbounded", restartToken: `${this.#componentName}/${this.#componentId}/element-models-and-categories` });
-        }).pipe(catchBeSQLiteInterrupts, map((row) => {
-            return { modelId: row.modelId, categoryId: row.categoryId };
-        }));
-    }
     queryCategories() {
         return this.getIsDefinitionContainerSupported().pipe(mergeMap((isDefinitionContainerSupported) => defer(() => {
             const categoriesQuery = `
@@ -187,22 +164,6 @@ export class CategoriesTreeIdsCache {
             return { id: row.id, modelId: row.modelId, hasElements: !!row.hasElements };
         }));
     }
-    querySubCategories() {
-        return defer(() => {
-            const definitionsQuery = `
-        SELECT
-          sc.ECInstanceId id,
-          sc.Parent.Id categoryId
-        FROM
-          ${CLASS_NAME_SubCategory} sc
-        WHERE
-          NOT sc.IsPrivate
-      `;
-            return this.#queryExecutor.createQueryReader({ ecsql: definitionsQuery }, { rowFormat: "ECSqlPropertyNames", limit: "unbounded", restartToken: `${this.#componentName}/${this.#componentId}/visible-sub-categories` });
-        }).pipe(catchBeSQLiteInterrupts, map((row) => {
-            return { id: row.id, parentId: row.categoryId };
-        }));
-    }
     getModelsCategoriesInfo() {
         this.#modelsCategoriesInfo ??= this.queryCategories()
             .pipe(reduce((acc, queriedCategory) => {
@@ -221,92 +182,6 @@ export class CategoriesTreeIdsCache {
             .pipe(shareReplay());
         return this.#modelsCategoriesInfo;
     }
-    getElementModelsCategories() {
-        this.#elementModelsCategories ??= forkJoin({
-            modelCategories: this.queryElementModelCategories().pipe(reduce((acc, queriedCategory) => {
-                let modelEntry = acc.get(queriedCategory.modelId);
-                if (modelEntry === undefined) {
-                    modelEntry = { categoryIds: new Set() };
-                    acc.set(queriedCategory.modelId, modelEntry);
-                }
-                modelEntry.categoryIds.add(queriedCategory.categoryId);
-                return acc;
-            }, new Map())),
-            modelWithCategoryModeledElements: this.getModelWithCategoryModeledElements(),
-        }).pipe(map(({ modelCategories, modelWithCategoryModeledElements }) => {
-            const result = new Map();
-            const subModels = new Set();
-            modelWithCategoryModeledElements.forEach((categoryMap) => categoryMap.forEach((categorySubModels) => categorySubModels.forEach((subModelId) => subModels.add(subModelId))));
-            for (const [modelId, modelEntry] of modelCategories) {
-                const isSubModel = subModels.has(modelId);
-                result.set(modelId, { categoryIds: modelEntry.categoryIds, isSubModel });
-            }
-            return result;
-        }), shareReplay());
-        return this.#elementModelsCategories;
-    }
-    queryModeledElements() {
-        return defer(() => {
-            const query = `
-          SELECT
-            pe.ECInstanceId modeledElementId,
-            pe.Category.Id categoryId,
-            pe.Model.Id modelId
-          FROM ${this.#categoryModelClass} m
-          JOIN ${this.#categoryElementClass} pe ON pe.ECInstanceId = m.ModeledElement.Id
-          WHERE
-            m.IsPrivate = false
-            AND m.ECInstanceId IN (SELECT Model.Id FROM ${this.#categoryElementClass})
-        `;
-            return this.#queryExecutor.createQueryReader({ ecsql: query }, { rowFormat: "ECSqlPropertyNames", limit: "unbounded", restartToken: `${this.#componentName}/${this.#componentId}/modeled-elements` });
-        }).pipe(catchBeSQLiteInterrupts, map((row) => {
-            return { modelId: row.modelId, categoryId: row.categoryId, modeledElementId: row.modeledElementId, rootCategoryId: row.rootCategoryId };
-        }));
-    }
-    getModelWithCategoryModeledElements() {
-        this.#modelWithCategoryModeledElements ??= this.queryModeledElements().pipe(reduce((acc, { modelId, categoryId, modeledElementId }) => {
-            let modelEntry = acc.get(modelId);
-            if (!modelEntry) {
-                modelEntry = new Map();
-                acc.set(modelId, modelEntry);
-            }
-            const categoryEntry = modelEntry.get(categoryId);
-            if (!categoryEntry) {
-                modelEntry.set(categoryId, new Set([modeledElementId]));
-            }
-            else {
-                categoryEntry.add(modeledElementId);
-            }
-            return acc;
-        }, new Map()), shareReplay());
-        return this.#modelWithCategoryModeledElements;
-    }
-    getCategoriesModeledElements(modelId, categoryIds) {
-        return this.getModelWithCategoryModeledElements().pipe(mergeMap((modelWithCategoryModeledElements) => {
-            const result = new Array();
-            const categoryMap = modelWithCategoryModeledElements.get(modelId);
-            if (!categoryMap) {
-                return of(result);
-            }
-            return from(Id64.iterable(categoryIds)).pipe(map((categoryId) => categoryMap.get(categoryId)), mergeMap((elementsSet) => (elementsSet ? from(elementsSet) : EMPTY)), toArray());
-        }));
-    }
-    getSubCategoriesInfo() {
-        this.#subCategoriesInfo ??= this.querySubCategories()
-            .pipe(reduce((acc, queriedSubCategory) => {
-            acc.subCategoryCategories.set(queriedSubCategory.id, queriedSubCategory.parentId);
-            const entry = acc.categorySubCategories.get(queriedSubCategory.parentId);
-            if (entry) {
-                entry.push(queriedSubCategory.id);
-            }
-            else {
-                acc.categorySubCategories.set(queriedSubCategory.parentId, [queriedSubCategory.id]);
-            }
-            return acc;
-        }, { subCategoryCategories: new Map(), categorySubCategories: new Map() }))
-            .pipe(shareReplay());
-        return this.#subCategoriesInfo;
-    }
     getDefinitionContainersInfo() {
         this.#definitionContainersInfo ??= forkJoin({
             isDefinitionContainerSupported: this.getIsDefinitionContainerSupported(),
@@ -346,37 +221,12 @@ export class CategoriesTreeIdsCache {
         return this.getDefinitionContainersInfo().pipe(mergeMap((definitionContainersInfo) => from(Id64.iterable(parentDefinitionContainerIds)).pipe(reduce((acc, parentDefinitionContainerId) => {
             const parentDefinitionContainerInfo = definitionContainersInfo.get(parentDefinitionContainerId);
             if (parentDefinitionContainerInfo !== undefined) {
-                acc.definitionContainers.push(...applyElementsFilter(parentDefinitionContainerInfo.childDefinitionContainers, includeEmpty).map((dc) => dc.id));
-                acc.categories.push(...applyElementsFilter(parentDefinitionContainerInfo.childCategories, includeEmpty));
+                applyElementsFilter(parentDefinitionContainerInfo.childDefinitionContainers, includeEmpty).forEach((dc) => acc.definitionContainers.push(dc.id));
+                applyElementsFilter(parentDefinitionContainerInfo.childCategories, includeEmpty).forEach((category) => acc.categories.push(category));
             }
             return acc;
         }, { definitionContainers: new Array(), categories: new Array() }))));
     }
-    getCategoriesElementModels(categoryIds, includeSubModels) {
-        return this.getElementModelsCategories().pipe(mergeMap((elementModelsCategories) => from(Id64.iterable(categoryIds)).pipe(map((categoryId) => {
-            const categoryModels = new Array();
-            elementModelsCategories.forEach(({ categoryIds: categories, isSubModel }, modelId) => {
-                if ((includeSubModels || !isSubModel) && categories.has(categoryId)) {
-                    categoryModels.push(modelId);
-                }
-            });
-            return { id: categoryId, models: categoryModels.length > 0 ? categoryModels : undefined };
-        }))));
-    }
-    getModelCategoryIds(modelId) {
-        return this.getElementModelsCategories().pipe(map((elementModelsCategories) => {
-            return [...(elementModelsCategories.get(modelId)?.categoryIds ?? [])];
-        }));
-    }
-    getAllCategories() {
-        return this.getModelsCategoriesInfo().pipe(mergeMap((modelsCategoriesInfo) => modelsCategoriesInfo.values()), reduce((acc, { childCategories }) => {
-            childCategories.forEach(({ id }) => acc.add(id));
-            return acc;
-        }, new Set()));
-    }
-    hasSubModel(elementId) {
-        return this.getElementModelsCategories().pipe(map((elementModelsCategories) => elementModelsCategories.has(elementId)));
-    }
     getAllContainedCategories({ definitionContainerIds, includeEmptyCategories, }) {
         return this.getDefinitionContainersInfo().pipe(mergeMap((definitionContainersInfo) => from(Id64.iterable(definitionContainerIds)).pipe(mergeMap((definitionContainerId) => {
             const definitionContainerInfo = definitionContainersInfo.get(definitionContainerId);
@@ -396,8 +246,12 @@ export class CategoriesTreeIdsCache {
                 };
             }));
         }), reduce((acc, { directCategories, indirectCategories }) => {
-            directCategories?.forEach((categoryId) => acc.add(categoryId));
-            indirectCategories?.forEach((categoryId) => acc.add(categoryId));
+            for (const categoryId of directCategories ?? []) {
+                acc.add(categoryId);
+            }
+            for (const categoryId of indirectCategories ?? []) {
+                acc.add(categoryId);
+            }
             return acc;
         }, new Set()))));
     }
@@ -441,9 +295,6 @@ export class CategoriesTreeIdsCache {
             return this.getInstanceKeyPaths({ definitionContainerId: definitionContainerInfo.modelId }).pipe(map((pathToParentDefinitionContainer) => [...pathToParentDefinitionContainer, instanceKey]));
         }));
     }
-    getCategoryElementsCount(modelId, categoryId) {
-        return this.#categoryElementCounts.getCategoryElementsCount(modelId, categoryId);
-    }
     getAllDefinitionContainersAndCategories(props) {
         return forkJoin({
             categories: this.getModelsCategoriesInfo().pipe(mergeMap((modelsCategoriesInfo) => modelsCategoriesInfo.values()), reduce((acc, modelCategoriesInfo) => {
@@ -474,9 +325,6 @@ export class CategoriesTreeIdsCache {
             }, new Array())),
         });
     }
-    getSubCategories(categoryId) {
-        return this.getSubCategoriesInfo().pipe(map(({ categorySubCategories }) => categorySubCategories.get(categoryId) ?? []));
-    }
     getIsDefinitionContainerSupported() {
         this.#isDefinitionContainerSupported ??= this.queryIsDefinitionContainersSupported().pipe(shareReplay());
         return this.#isDefinitionContainerSupported;