@itwin/tree-widget-react 2.3.1 → 3.0.0-dev.0

package/lib/esm/components/trees/stateless/common/UseHierarchyFiltering.js

@@ -0,0 +1,135 @@
+import { jsx as _jsx, Fragment as _Fragment } 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, useMemo, useState } from "react";
+import { useDebouncedAsyncValue } from "@itwin/components-react";
+import { DefaultContentDisplayTypes, KeySet } from "@itwin/presentation-common";
+import { PresentationInstanceFilter, PresentationInstanceFilterDialog } from "@itwin/presentation-components";
+import { Presentation } from "@itwin/presentation-frontend";
+import { GenericInstanceFilter, RowsLimitExceededError } from "@itwin/presentation-hierarchies";
+import { TreeWidget } from "../../../../TreeWidget";
+/** @internal */
+export function useHierarchyLevelFiltering({ imodel, defaultHierarchyLevelSizeLimit, getHierarchyLevelDetails }) {
+    const [filteringOptions, setFilteringOptions] = useState();
+    const onFilterClick = useCallback((nodeId) => {
+        const hierarchyDetails = getHierarchyLevelDetails(nodeId);
+        setFilteringOptions(hierarchyDetails ? { nodeId, hierarchyDetails } : undefined);
+    }, [getHierarchyLevelDetails]);
+    const propertiesSource = useMemo(() => {
+        if (!filteringOptions) {
+            return undefined;
+        }
+        return async () => {
+            const inputKeys = await collectInstanceKeys(filteringOptions.hierarchyDetails.getInstanceKeysIterator());
+            if (inputKeys.length === 0) {
+                throw new Error("Hierarchy level is empty - unable to create content descriptor.");
+            }
+            const descriptor = await Presentation.presentation.getContentDescriptor({
+                imodel,
+                rulesetOrId: {
+                    id: `Hierarchy level descriptor ruleset`,
+                    rules: [
+                        {
+                            ruleType: "Content",
+                            specifications: [
+                                {
+                                    specType: "SelectedNodeInstances",
+                                },
+                            ],
+                        },
+                    ],
+                },
+                displayType: DefaultContentDisplayTypes.PropertyPane,
+                keys: new KeySet(inputKeys),
+            });
+            if (!descriptor) {
+                throw new Error("Failed to create content descriptor");
+            }
+            return { descriptor, inputKeys };
+        };
+    }, [filteringOptions, imodel]);
+    const getInitialFilter = useMemo(() => {
+        const currentFilter = filteringOptions?.hierarchyDetails.instanceFilter;
+        if (!currentFilter) {
+            return undefined;
+        }
+        return (descriptor) => fromGenericFilter(descriptor, currentFilter);
+    }, [filteringOptions]);
+    const filteringDialog = (_jsx(PresentationInstanceFilterDialog, { imodel: imodel, isOpen: !!filteringOptions, onApply: (info) => {
+            if (!filteringOptions) {
+                return;
+            }
+            filteringOptions.hierarchyDetails.setInstanceFilter(toGenericFilter(info));
+            setFilteringOptions(undefined);
+        }, onClose: () => {
+            setFilteringOptions(undefined);
+        }, propertiesSource: propertiesSource, initialFilter: getInitialFilter, filterResultsCountRenderer: (filter) => {
+            if (!filteringOptions) {
+                return null;
+            }
+            return (_jsx(MatchingInstancesCount, { filter: filter, hierarchyLevelDetails: filteringOptions.hierarchyDetails, defaultHierarchyLevelSizeLimit: defaultHierarchyLevelSizeLimit }));
+        } }));
+    return {
+        onFilterClick,
+        filteringDialog,
+    };
+}
+function MatchingInstancesCount({ filter, defaultHierarchyLevelSizeLimit, hierarchyLevelDetails }) {
+    const { value } = useDebouncedAsyncValue(useCallback(async () => {
+        const instanceFilter = toGenericFilter(filter);
+        try {
+            const instanceKeys = await collectInstanceKeys(hierarchyLevelDetails.getInstanceKeysIterator({
+                instanceFilter,
+                hierarchyLevelSizeLimit: hierarchyLevelDetails.sizeLimit ?? defaultHierarchyLevelSizeLimit,
+            }));
+            return TreeWidget.translate("stateless.matchingInstancesCount", { count: instanceKeys.length });
+        }
+        catch (e) {
+            if (e instanceof RowsLimitExceededError) {
+                return TreeWidget.translate("stateless.filterExceedsLimit", { limit: e.limit });
+            }
+            return TreeWidget.translate("stateless.failedToCalculateMatchingInstances");
+        }
+    }, [filter, hierarchyLevelDetails, defaultHierarchyLevelSizeLimit]));
+    if (!value) {
+        return null;
+    }
+    return _jsx(_Fragment, { children: value });
+}
+async function collectInstanceKeys(iterator) {
+    const inputKeys = [];
+    for await (const inputKey of iterator) {
+        inputKeys.push(inputKey);
+    }
+    return inputKeys;
+}
+function fromGenericFilter(descriptor, filter) {
+    const presentationFilter = GenericInstanceFilter.isFilterRuleGroup(filter.rules) && filter.rules.rules.length === 0
+        ? undefined
+        : PresentationInstanceFilter.fromGenericInstanceFilter(descriptor, filter);
+    return {
+        filter: presentationFilter,
+        usedClasses: (filter.filteredClassNames ?? [])
+            .map((name) => descriptor.selectClasses.find((selectClass) => selectClass.selectClassInfo.name === name)?.selectClassInfo)
+            .filter((classInfo) => classInfo !== undefined),
+    };
+}
+function toGenericFilter(filterInfo) {
+    if (!filterInfo) {
+        return undefined;
+    }
+    if (!filterInfo.filter) {
+        return filterInfo.usedClasses.length > 0
+            ? {
+                propertyClassNames: [],
+                relatedInstances: [],
+                filteredClassNames: filterInfo.usedClasses.map((info) => info.name),
+                rules: { operator: "and", rules: [] },
+            }
+            : undefined;
+    }
+    return PresentationInstanceFilter.toGenericInstanceFilter(filterInfo.filter, filterInfo.usedClasses);
+}
+//# sourceMappingURL=UseHierarchyFiltering.js.map

package/lib/esm/components/trees/stateless/common/UseHierarchyFiltering.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseHierarchyFiltering.js","sourceRoot":"","sources":["../../../../../../src/components/trees/stateless/common/UseHierarchyFiltering.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, useMemo, useState } from \"react\";\nimport { useDebouncedAsyncValue } from \"@itwin/components-react\";\nimport { DefaultContentDisplayTypes, KeySet } from \"@itwin/presentation-common\";\nimport { PresentationInstanceFilter, PresentationInstanceFilterDialog } from \"@itwin/presentation-components\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\nimport { GenericInstanceFilter, RowsLimitExceededError } from \"@itwin/presentation-hierarchies\";\nimport { TreeWidget } from \"../../../../TreeWidget\";\n\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { ClassInfo, Descriptor } from \"@itwin/presentation-common\";\nimport type { PresentationInstanceFilterInfo, PresentationInstanceFilterPropertiesSource } from \"@itwin/presentation-components\";\nimport type { HierarchyLevelDetails, useTree } from \"@itwin/presentation-hierarchies-react\";\nimport type { InstanceKey } from \"@itwin/presentation-shared\";\n\ntype UseTreeResult = ReturnType<typeof useTree>;\n\ninterface UseHierarchyLevelFilteringOwnProps {\n  imodel: IModelConnection;\n  defaultHierarchyLevelSizeLimit: number;\n}\n\ntype UseHierarchyLevelFilteringProps = UseHierarchyLevelFilteringOwnProps & Pick<UseTreeResult, \"getHierarchyLevelDetails\">;\n\n/** @internal */\nexport function useHierarchyLevelFiltering({ imodel, defaultHierarchyLevelSizeLimit, getHierarchyLevelDetails }: UseHierarchyLevelFilteringProps) {\n  const [filteringOptions, setFilteringOptions] = useState<{ nodeId: string | undefined; hierarchyDetails: HierarchyLevelDetails }>();\n  const onFilterClick = useCallback(\n    (nodeId: string | undefined) => {\n      const hierarchyDetails = getHierarchyLevelDetails(nodeId);\n      setFilteringOptions(hierarchyDetails ? { nodeId, hierarchyDetails } : undefined);\n    },\n    [getHierarchyLevelDetails],\n  );\n\n  const propertiesSource = useMemo<(() => Promise<PresentationInstanceFilterPropertiesSource>) | undefined>(() => {\n    if (!filteringOptions) {\n      return undefined;\n    }\n\n    return async () => {\n      const inputKeys = await collectInstanceKeys(filteringOptions.hierarchyDetails.getInstanceKeysIterator());\n      if (inputKeys.length === 0) {\n        throw new Error(\"Hierarchy level is empty - unable to create content descriptor.\");\n      }\n\n      const descriptor = await Presentation.presentation.getContentDescriptor({\n        imodel,\n        rulesetOrId: {\n          id: `Hierarchy level descriptor ruleset`,\n          rules: [\n            {\n              ruleType: \"Content\",\n              specifications: [\n                {\n                  specType: \"SelectedNodeInstances\",\n                },\n              ],\n            },\n          ],\n        },\n        displayType: DefaultContentDisplayTypes.PropertyPane,\n        keys: new KeySet(inputKeys),\n      });\n      if (!descriptor) {\n        throw new Error(\"Failed to create content descriptor\");\n      }\n\n      return { descriptor, inputKeys };\n    };\n  }, [filteringOptions, imodel]);\n\n  const getInitialFilter = useMemo(() => {\n    const currentFilter = filteringOptions?.hierarchyDetails.instanceFilter;\n    if (!currentFilter) {\n      return undefined;\n    }\n\n    return (descriptor: Descriptor) => fromGenericFilter(descriptor, currentFilter);\n  }, [filteringOptions]);\n\n  const filteringDialog = (\n    <PresentationInstanceFilterDialog\n      imodel={imodel}\n      isOpen={!!filteringOptions}\n      onApply={(info) => {\n        if (!filteringOptions) {\n          return;\n        }\n        filteringOptions.hierarchyDetails.setInstanceFilter(toGenericFilter(info));\n        setFilteringOptions(undefined);\n      }}\n      onClose={() => {\n        setFilteringOptions(undefined);\n      }}\n      propertiesSource={propertiesSource}\n      initialFilter={getInitialFilter}\n      filterResultsCountRenderer={(filter) => {\n        if (!filteringOptions) {\n          return null;\n        }\n\n        return (\n          <MatchingInstancesCount\n            filter={filter}\n            hierarchyLevelDetails={filteringOptions.hierarchyDetails}\n            defaultHierarchyLevelSizeLimit={defaultHierarchyLevelSizeLimit}\n          />\n        );\n      }}\n    />\n  );\n\n  return {\n    onFilterClick,\n    filteringDialog,\n  };\n}\n\ninterface MatchingInstancesCountProps {\n  filter: PresentationInstanceFilterInfo;\n  hierarchyLevelDetails: HierarchyLevelDetails;\n  defaultHierarchyLevelSizeLimit: number;\n}\n\nfunction MatchingInstancesCount({ filter, defaultHierarchyLevelSizeLimit, hierarchyLevelDetails }: MatchingInstancesCountProps) {\n  const { value } = useDebouncedAsyncValue(\n    useCallback(async () => {\n      const instanceFilter = toGenericFilter(filter);\n      try {\n        const instanceKeys = await collectInstanceKeys(\n          hierarchyLevelDetails.getInstanceKeysIterator({\n            instanceFilter,\n            hierarchyLevelSizeLimit: hierarchyLevelDetails.sizeLimit ?? defaultHierarchyLevelSizeLimit,\n          }),\n        );\n        return TreeWidget.translate(\"stateless.matchingInstancesCount\", { count: instanceKeys.length });\n      } catch (e) {\n        if (e instanceof RowsLimitExceededError) {\n          return TreeWidget.translate(\"stateless.filterExceedsLimit\", { limit: e.limit });\n        }\n        return TreeWidget.translate(\"stateless.failedToCalculateMatchingInstances\");\n      }\n    }, [filter, hierarchyLevelDetails, defaultHierarchyLevelSizeLimit]),\n  );\n\n  if (!value) {\n    return null;\n  }\n\n  return <>{value}</>;\n}\n\nasync function collectInstanceKeys(iterator: AsyncIterableIterator<InstanceKey>) {\n  const inputKeys = [];\n  for await (const inputKey of iterator) {\n    inputKeys.push(inputKey);\n  }\n  return inputKeys;\n}\n\nfunction fromGenericFilter(descriptor: Descriptor, filter: GenericInstanceFilter): PresentationInstanceFilterInfo {\n  const presentationFilter =\n    GenericInstanceFilter.isFilterRuleGroup(filter.rules) && filter.rules.rules.length === 0\n      ? undefined\n      : PresentationInstanceFilter.fromGenericInstanceFilter(descriptor, filter);\n  return {\n    filter: presentationFilter,\n    usedClasses: (filter.filteredClassNames ?? [])\n      .map((name) => descriptor.selectClasses.find((selectClass) => selectClass.selectClassInfo.name === name)?.selectClassInfo)\n      .filter((classInfo): classInfo is ClassInfo => classInfo !== undefined),\n  };\n}\n\nfunction toGenericFilter(filterInfo?: PresentationInstanceFilterInfo): GenericInstanceFilter | undefined {\n  if (!filterInfo) {\n    return undefined;\n  }\n\n  if (!filterInfo.filter) {\n    return filterInfo.usedClasses.length > 0\n      ? {\n          propertyClassNames: [],\n          relatedInstances: [],\n          filteredClassNames: filterInfo.usedClasses.map((info) => info.name),\n          rules: { operator: \"and\", rules: [] },\n        }\n      : undefined;\n  }\n\n  return PresentationInstanceFilter.toGenericInstanceFilter(filterInfo.filter, filterInfo.usedClasses);\n}\n"]}

package/lib/esm/components/trees/stateless/common/UseHierarchyVisibility.d.ts

@@ -0,0 +1,21 @@
+import type { BeEvent } from "@itwin/core-bentley";
+import type { HierarchyNode } from "@itwin/presentation-hierarchies";
+import type { PresentationHierarchyNode } from "@itwin/presentation-hierarchies-react";
+import type { VisibilityStatus } from "../../VisibilityTreeEventHandler";
+interface HierarchyVisibilityHandler {
+    getVisibilityStatus: (node: HierarchyNode) => Promise<VisibilityStatus>;
+    changeVisibility: (node: HierarchyNode, on: boolean) => Promise<void>;
+    onVisibilityChange: BeEvent<() => void>;
+    dispose: () => void;
+}
+interface UseHierarchyVisibilityProps {
+    visibilityHandlerFactory: () => HierarchyVisibilityHandler;
+}
+interface UseHierarchyVisibilityResult {
+    onCheckboxClicked: (node: PresentationHierarchyNode, checked: boolean) => void;
+    getCheckboxStatus: (node: PresentationHierarchyNode) => VisibilityStatus;
+}
+/** @internal */
+export declare function useHierarchyVisibility({ visibilityHandlerFactory }: UseHierarchyVisibilityProps): UseHierarchyVisibilityResult;
+export {};
+//# sourceMappingURL=UseHierarchyVisibility.d.ts.map

package/lib/esm/components/trees/stateless/common/UseHierarchyVisibility.js

@@ -0,0 +1,78 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+import { useEffect, useRef, useState } from "react";
+import { defer, distinct, mergeMap, Subject, takeUntil } from "rxjs";
+/** @internal */
+export function useHierarchyVisibility({ visibilityHandlerFactory }) {
+    const statusMap = useRef(new Map());
+    const [state, setState] = useState({
+        getCheckboxStatus: (_node) => ({ state: "hidden", isDisabled: true }),
+        onCheckboxClicked: (_node, _checked) => { },
+    });
+    useEffect(() => {
+        statusMap.current.clear();
+        const handler = visibilityHandlerFactory();
+        const visibilityChanged = new Subject();
+        const calculate = new Subject();
+        const calculateNodeStatus = (node) => {
+            calculate.next(node);
+        };
+        const subscription = calculate
+            .pipe(distinct(undefined, visibilityChanged), mergeMap((node) => defer(async () => ({ node, status: await handler.getVisibilityStatus(node.nodeData) })).pipe(takeUntil(visibilityChanged))))
+            .subscribe({
+            next: ({ node, status }) => {
+                statusMap.current.set(node.id, { node, status, needsRefresh: false });
+                setState((prev) => ({
+                    ...prev,
+                    getCheckboxStatus: createStatusGetter(statusMap, calculateNodeStatus),
+                }));
+            },
+        });
+        const changeVisibility = (node, checked) => {
+            void handler.changeVisibility(node.nodeData, checked);
+            const status = statusMap.current.get(node.id);
+            if (!status) {
+                return;
+            }
+            status.status.state = checked ? "visible" : "hidden";
+            status.status.tooltip = undefined;
+            setState((prev) => ({ ...prev, getCheckboxStatus: createStatusGetter(statusMap, calculateNodeStatus) }));
+        };
+        setState({
+            onCheckboxClicked: changeVisibility,
+            getCheckboxStatus: createStatusGetter(statusMap, calculateNodeStatus),
+        });
+        const removeListener = handler.onVisibilityChange.addListener(() => {
+            statusMap.current.forEach((value) => {
+                value.needsRefresh = true;
+            });
+            visibilityChanged.next();
+            setState((prev) => ({
+                ...prev,
+                getCheckboxStatus: createStatusGetter(statusMap, calculateNodeStatus),
+            }));
+        });
+        return () => {
+            subscription.unsubscribe();
+            removeListener();
+            handler.dispose();
+        };
+    }, [visibilityHandlerFactory]);
+    return state;
+}
+function createStatusGetter(map, calculateVisibility) {
+    return (node) => {
+        const status = map.current.get(node.id);
+        if (status === undefined) {
+            calculateVisibility(node);
+            return { state: "hidden", isDisabled: true };
+        }
+        if (status.needsRefresh) {
+            calculateVisibility(node);
+        }
+        return status.status;
+    };
+}
+//# sourceMappingURL=UseHierarchyVisibility.js.map

package/lib/esm/components/trees/stateless/common/UseHierarchyVisibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseHierarchyVisibility.js","sourceRoot":"","sources":["../../../../../../src/components/trees/stateless/common/UseHierarchyVisibility.ts"],"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 { useEffect, useRef, useState } from \"react\";\nimport { defer, distinct, mergeMap, Subject, takeUntil } from \"rxjs\";\n\nimport type { MutableRefObject } from \"react\";\nimport type { BeEvent } from \"@itwin/core-bentley\";\nimport type { HierarchyNode } from \"@itwin/presentation-hierarchies\";\nimport type { PresentationHierarchyNode } from \"@itwin/presentation-hierarchies-react\";\nimport type { VisibilityStatus } from \"../../VisibilityTreeEventHandler\";\n\ninterface HierarchyVisibilityHandler {\n  getVisibilityStatus: (node: HierarchyNode) => Promise<VisibilityStatus>;\n  changeVisibility: (node: HierarchyNode, on: boolean) => Promise<void>;\n  onVisibilityChange: BeEvent<() => void>;\n  dispose: () => void;\n}\n\ninterface UseHierarchyVisibilityProps {\n  visibilityHandlerFactory: () => HierarchyVisibilityHandler;\n}\n\ninterface UseHierarchyVisibilityResult {\n  onCheckboxClicked: (node: PresentationHierarchyNode, checked: boolean) => void;\n  getCheckboxStatus: (node: PresentationHierarchyNode) => VisibilityStatus;\n}\n\n/** @internal */\nexport function useHierarchyVisibility({ visibilityHandlerFactory }: UseHierarchyVisibilityProps): UseHierarchyVisibilityResult {\n  const statusMap = useRef(new Map<string, { node: PresentationHierarchyNode; status: VisibilityStatus; needsRefresh: boolean }>());\n  const [state, setState] = useState({\n    getCheckboxStatus: (_node: PresentationHierarchyNode): VisibilityStatus => ({ state: \"hidden\", isDisabled: true }),\n    onCheckboxClicked: (_node: PresentationHierarchyNode, _checked: boolean): void => {},\n  });\n\n  useEffect(() => {\n    statusMap.current.clear();\n    const handler = visibilityHandlerFactory();\n\n    const visibilityChanged = new Subject<void>();\n    const calculate = new Subject<PresentationHierarchyNode>();\n    const calculateNodeStatus = (node: PresentationHierarchyNode) => {\n      calculate.next(node);\n    };\n\n    const subscription = calculate\n      .pipe(\n        distinct(undefined, visibilityChanged),\n        mergeMap((node) => defer(async () => ({ node, status: await handler.getVisibilityStatus(node.nodeData) })).pipe(takeUntil(visibilityChanged))),\n      )\n      .subscribe({\n        next: ({ node, status }) => {\n          statusMap.current.set(node.id, { node, status, needsRefresh: false });\n          setState((prev) => ({\n            ...prev,\n            getCheckboxStatus: createStatusGetter(statusMap, calculateNodeStatus),\n          }));\n        },\n      });\n\n    const changeVisibility = (node: PresentationHierarchyNode, checked: boolean) => {\n      void handler.changeVisibility(node.nodeData, checked);\n      const status = statusMap.current.get(node.id);\n      if (!status) {\n        return;\n      }\n      status.status.state = checked ? \"visible\" : \"hidden\";\n      status.status.tooltip = undefined;\n      setState((prev) => ({ ...prev, getCheckboxStatus: createStatusGetter(statusMap, calculateNodeStatus) }));\n    };\n\n    setState({\n      onCheckboxClicked: changeVisibility,\n      getCheckboxStatus: createStatusGetter(statusMap, calculateNodeStatus),\n    });\n\n    const removeListener = handler.onVisibilityChange.addListener(() => {\n      statusMap.current.forEach((value) => {\n        value.needsRefresh = true;\n      });\n\n      visibilityChanged.next();\n      setState((prev) => ({\n        ...prev,\n        getCheckboxStatus: createStatusGetter(statusMap, calculateNodeStatus),\n      }));\n    });\n\n    return () => {\n      subscription.unsubscribe();\n      removeListener();\n      handler.dispose();\n    };\n  }, [visibilityHandlerFactory]);\n\n  return state;\n}\n\nfunction createStatusGetter(\n  map: MutableRefObject<Map<string, { node: PresentationHierarchyNode; status: VisibilityStatus; needsRefresh: boolean }>>,\n  calculateVisibility: (node: PresentationHierarchyNode) => void,\n) {\n  return (node: PresentationHierarchyNode): VisibilityStatus => {\n    const status = map.current.get(node.id);\n    if (status === undefined) {\n      calculateVisibility(node);\n      return { state: \"hidden\", isDisabled: true };\n    }\n    if (status.needsRefresh) {\n      calculateVisibility(node);\n    }\n\n    return status.status;\n  };\n}\n"]}

package/lib/esm/components/trees/stateless/common/UseMultiCheckboxHandler.d.ts

@@ -0,0 +1,13 @@
+import type { PresentationHierarchyNode, PresentationTreeNode } from "@itwin/presentation-hierarchies-react";
+interface UseMultiCheckboxHandlerProps {
+    rootNodes: PresentationTreeNode[] | undefined;
+    isNodeSelected: (nodeId: string) => boolean;
+    onClick: (node: PresentationHierarchyNode, checked: boolean) => void;
+}
+interface UseMultiCheckboxHandlerResult {
+    onCheckboxClicked: (node: PresentationHierarchyNode, checked: boolean) => void;
+}
+/** @internal */
+export declare function useMultiCheckboxHandler({ rootNodes, isNodeSelected, onClick }: UseMultiCheckboxHandlerProps): UseMultiCheckboxHandlerResult;
+export {};
+//# sourceMappingURL=UseMultiCheckboxHandler.d.ts.map

package/lib/esm/components/trees/stateless/common/UseMultiCheckboxHandler.js

@@ -0,0 +1,30 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+import { isPresentationHierarchyNode } from "@itwin/presentation-hierarchies-react";
+/** @internal */
+export function useMultiCheckboxHandler({ rootNodes, isNodeSelected, onClick }) {
+    const clickSelectedNodes = (nodes, checked) => {
+        nodes.forEach((node) => {
+            if (!isPresentationHierarchyNode(node)) {
+                return;
+            }
+            if (isNodeSelected(node.id)) {
+                onClick(node, checked);
+            }
+            if (node.isExpanded && typeof node.children !== "boolean") {
+                clickSelectedNodes(node.children, checked);
+            }
+        });
+    };
+    const onCheckboxClicked = (node, checked) => {
+        if (!isNodeSelected(node.id)) {
+            onClick(node, checked);
+            return;
+        }
+        rootNodes && clickSelectedNodes(rootNodes, checked);
+    };
+    return { onCheckboxClicked };
+}
+//# sourceMappingURL=UseMultiCheckboxHandler.js.map

package/lib/esm/components/trees/stateless/common/UseMultiCheckboxHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseMultiCheckboxHandler.js","sourceRoot":"","sources":["../../../../../../src/components/trees/stateless/common/UseMultiCheckboxHandler.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,EAAE,2BAA2B,EAAE,MAAM,uCAAuC,CAAC;AAcpF,gBAAgB;AAChB,MAAM,UAAU,uBAAuB,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAgC;IAC1G,MAAM,kBAAkB,GAAG,CAAC,KAAkC,EAAE,OAAgB,EAAE,EAAE;QAClF,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,EAAE;gBACtC,OAAO;aACR;YACD,IAAI,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;gBAC3B,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;aACxB;YACD,IAAI,IAAI,CAAC,UAAU,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,SAAS,EAAE;gBACzD,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;aAC5C;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,IAA+B,EAAE,OAAgB,EAAE,EAAE;QAC9E,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;YAC5B,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YACvB,OAAO;SACR;QACD,SAAS,IAAI,kBAAkB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IACtD,CAAC,CAAC;IAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC/B,CAAC","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 { isPresentationHierarchyNode } from \"@itwin/presentation-hierarchies-react\";\n\nimport type { PresentationHierarchyNode, PresentationTreeNode } from \"@itwin/presentation-hierarchies-react\";\n\ninterface UseMultiCheckboxHandlerProps {\n  rootNodes: PresentationTreeNode[] | undefined;\n  isNodeSelected: (nodeId: string) => boolean;\n  onClick: (node: PresentationHierarchyNode, checked: boolean) => void;\n}\n\ninterface UseMultiCheckboxHandlerResult {\n  onCheckboxClicked: (node: PresentationHierarchyNode, checked: boolean) => void;\n}\n\n/** @internal */\nexport function useMultiCheckboxHandler({ rootNodes, isNodeSelected, onClick }: UseMultiCheckboxHandlerProps): UseMultiCheckboxHandlerResult {\n  const clickSelectedNodes = (nodes: Array<PresentationTreeNode>, checked: boolean) => {\n    nodes.forEach((node) => {\n      if (!isPresentationHierarchyNode(node)) {\n        return;\n      }\n      if (isNodeSelected(node.id)) {\n        onClick(node, checked);\n      }\n      if (node.isExpanded && typeof node.children !== \"boolean\") {\n        clickSelectedNodes(node.children, checked);\n      }\n    });\n  };\n\n  const onCheckboxClicked = (node: PresentationHierarchyNode, checked: boolean) => {\n    if (!isNodeSelected(node.id)) {\n      onClick(node, checked);\n      return;\n    }\n    rootNodes && clickSelectedNodes(rootNodes, checked);\n  };\n\n  return { onCheckboxClicked };\n}\n"]}

package/lib/esm/components/trees/stateless/common/Utils.d.ts

@@ -0,0 +1,3 @@
+/** @internal */
+export declare function createIdsSelector(ids: string[]): string;
+//# sourceMappingURL=Utils.d.ts.map

package/lib/esm/components/trees/stateless/common/Utils.js

@@ -0,0 +1,19 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @internal */
+export function createIdsSelector(ids) {
+    // Note: `json_array` function only accepts up to 127 arguments and we may have more `ids` than that. As a workaround,
+    // we're creating an array of arrays
+    const slices = new Array();
+    for (let sliceStartIndex = 0; sliceStartIndex < ids.length; sliceStartIndex += 127) {
+        let sliceEndIndex = sliceStartIndex + 127;
+        if (sliceEndIndex > ids.length) {
+            sliceEndIndex = undefined;
+        }
+        slices.push(ids.slice(sliceStartIndex, sliceEndIndex));
+    }
+    return `json_array(${slices.map((sliceIds) => `json_array(${sliceIds.map((id) => `'${id}'`).join(",")})`).join(",")})`;
+}
+//# sourceMappingURL=Utils.js.map

package/lib/esm/components/trees/stateless/common/Utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Utils.js","sourceRoot":"","sources":["../../../../../../src/components/trees/stateless/common/Utils.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAIhG,gBAAgB;AAChB,MAAM,UAAU,iBAAiB,CAAC,GAAa;IAC7C,sHAAsH;IACtH,oCAAoC;IACpC,MAAM,MAAM,GAAG,IAAI,KAAK,EAAgB,CAAC;IACzC,KAAK,IAAI,eAAe,GAAG,CAAC,EAAE,eAAe,GAAG,GAAG,CAAC,MAAM,EAAE,eAAe,IAAI,GAAG,EAAE;QAClF,IAAI,aAAa,GAAuB,eAAe,GAAG,GAAG,CAAC;QAC9D,IAAI,aAAa,GAAG,GAAG,CAAC,MAAM,EAAE;YAC9B,aAAa,GAAG,SAAS,CAAC;SAC3B;QACD,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC,CAAC;KACxD;IACD,OAAO,cAAc,MAAM,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,cAAc,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AACzH,CAAC","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 type { Id64String } from \"@itwin/core-bentley\";\n\n/** @internal */\nexport function createIdsSelector(ids: string[]): string {\n  // Note: `json_array` function only accepts up to 127 arguments and we may have more `ids` than that. As a workaround,\n  // we're creating an array of arrays\n  const slices = new Array<Id64String[]>();\n  for (let sliceStartIndex = 0; sliceStartIndex < ids.length; sliceStartIndex += 127) {\n    let sliceEndIndex: number | undefined = sliceStartIndex + 127;\n    if (sliceEndIndex > ids.length) {\n      sliceEndIndex = undefined;\n    }\n    slices.push(ids.slice(sliceStartIndex, sliceEndIndex));\n  }\n  return `json_array(${slices.map((sliceIds) => `json_array(${sliceIds.map((id) => `'${id}'`).join(\",\")})`).join(\",\")})`;\n}\n"]}

package/lib/esm/components/trees/stateless/common/components/Delayed.d.ts

@@ -0,0 +1,6 @@
+import type { PropsWithChildren } from "react";
+/** @internal */
+export declare function Delayed({ show, children }: PropsWithChildren<{
+    show: boolean;
+}>): JSX.Element | null;
+//# sourceMappingURL=Delayed.d.ts.map

package/lib/esm/components/trees/stateless/common/components/Delayed.js

@@ -0,0 +1,27 @@
+import { Fragment as _Fragment, 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 { useLayoutEffect, useState } from "react";
+/** @internal */
+export function Delayed({ show, children }) {
+    const [visible, setVisible] = useState(false);
+    useLayoutEffect(() => {
+        if (!show) {
+            setVisible(false);
+            return;
+        }
+        const timer = setTimeout(() => {
+            setVisible(show);
+        }, 250);
+        return () => {
+            clearTimeout(timer);
+        };
+    }, [show]);
+    if (!visible) {
+        return null;
+    }
+    return _jsx(_Fragment, { children: children });
+}
+//# sourceMappingURL=Delayed.js.map

package/lib/esm/components/trees/stateless/common/components/Delayed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Delayed.js","sourceRoot":"","sources":["../../../../../../../src/components/trees/stateless/common/components/Delayed.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAEhG,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIlD,gBAAgB;AAChB,MAAM,UAAU,OAAO,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAwC;IAC9E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,IAAI,EAAE;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,OAAO;SACR;QAED,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,UAAU,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC,EAAE,GAAG,CAAC,CAAC;QACR,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,CAAC","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 { useLayoutEffect, useState } from \"react\";\n\nimport type { PropsWithChildren } from \"react\";\n\n/** @internal */\nexport function Delayed({ show, children }: PropsWithChildren<{ show: boolean }>) {\n  const [visible, setVisible] = useState(false);\n\n  useLayoutEffect(() => {\n    if (!show) {\n      setVisible(false);\n      return;\n    }\n\n    const timer = setTimeout(() => {\n      setVisible(show);\n    }, 250);\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [show]);\n\n  if (!visible) {\n    return null;\n  }\n\n  return <>{children}</>;\n}\n"]}

package/lib/esm/components/trees/stateless/common/components/FilterableTree.d.ts

@@ -0,0 +1,23 @@
+import type { ReactElement, ReactNode } from "react";
+import type { IModelConnection } from "@itwin/core-frontend";
+import type { SchemaContext } from "@itwin/ecschema-metadata";
+import type { PresentationHierarchyNode, useSelectionHandler, useTree } from "@itwin/presentation-hierarchies-react";
+interface FilterableTreeOwnProps {
+    imodel: IModelConnection;
+    getSchemaContext: (imodel: IModelConnection) => SchemaContext;
+    height: number;
+    width: number;
+    treeName: string;
+    hierarchyLevelSizeLimit?: number;
+    getIcon?: (node: PresentationHierarchyNode) => ReactElement | undefined;
+    getSublabel?: (node: PresentationHierarchyNode) => ReactElement | undefined;
+    density?: "default" | "enlarged";
+    noDataMessage?: ReactNode;
+}
+type UseTreeProps = Parameters<typeof useTree>[0];
+type UseSelectionHandlerProps = Parameters<typeof useSelectionHandler>[0];
+type FilterableTreeProps = FilterableTreeOwnProps & Pick<UseTreeProps, "getFilteredPaths" | "getHierarchyDefinition" | "onPerformanceMeasured"> & Pick<Partial<UseSelectionHandlerProps>, "selectionMode">;
+/** @internal */
+export declare function FilterableTree({ imodel, getSchemaContext, hierarchyLevelSizeLimit, ...props }: FilterableTreeProps): JSX.Element | null;
+export {};
+//# sourceMappingURL=FilterableTree.d.ts.map

package/lib/esm/components/trees/stateless/common/components/FilterableTree.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } 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 { useEffect, useState } from "react";
+import { Flex, ProgressRadial, Text } from "@itwin/itwinui-react";
+import { createECSchemaProvider, createECSqlQueryExecutor } from "@itwin/presentation-core-interop";
+import { createLimitingECSqlQueryExecutor } from "@itwin/presentation-hierarchies";
+import { isPresentationHierarchyNode, TreeRenderer, useUnifiedSelectionTree } from "@itwin/presentation-hierarchies-react";
+import { createCachingECClassHierarchyInspector } from "@itwin/presentation-shared";
+import { TreeWidget } from "../../../../../TreeWidget";
+import { useHierarchiesLocalization } from "../UseHierarchiesLocalization";
+import { useHierarchyLevelFiltering } from "../UseHierarchyFiltering";
+import { Delayed } from "./Delayed";
+import { ProgressOverlay } from "./ProgressOverlay";
+/** @internal */
+export function FilterableTree({ imodel, getSchemaContext, hierarchyLevelSizeLimit, ...props }) {
+    const [imodelAccess, setIModelAccess] = useState();
+    const defaultHierarchyLevelSizeLimit = hierarchyLevelSizeLimit ?? 1000;
+    useEffect(() => {
+        const schemas = getSchemaContext(imodel);
+        const schemaProvider = createECSchemaProvider(schemas);
+        setIModelAccess({
+            ...schemaProvider,
+            ...createCachingECClassHierarchyInspector({ schemaProvider }),
+            ...createLimitingECSqlQueryExecutor(createECSqlQueryExecutor(imodel), 1000),
+        });
+    }, [imodel, getSchemaContext]);
+    if (!imodelAccess) {
+        return null;
+    }
+    return _jsx(FilterableTreeRenderer, { ...props, imodel: imodel, imodelAccess: imodelAccess, defaultHierarchyLevelSizeLimit: defaultHierarchyLevelSizeLimit });
+}
+/** @internal */
+function FilterableTreeRenderer({ imodel, imodelAccess, height, width, treeName, getIcon, getSublabel, noDataMessage, defaultHierarchyLevelSizeLimit, getHierarchyDefinition, selectionMode, onPerformanceMeasured, }) {
+    const localizedStrings = useHierarchiesLocalization();
+    const { rootNodes, isLoading, reloadTree: _reloadTree, setFormatter: _setFormatter, ...treeProps } = useUnifiedSelectionTree({
+        imodelKey: imodel.key,
+        sourceName: treeName,
+        imodelAccess,
+        getHierarchyDefinition,
+        onPerformanceMeasured,
+        localizedStrings,
+    });
+    const { filteringDialog, onFilterClick } = useHierarchyLevelFiltering({
+        imodel,
+        getHierarchyLevelDetails: treeProps.getHierarchyLevelDetails,
+        defaultHierarchyLevelSizeLimit,
+    });
+    const renderContent = () => {
+        if (rootNodes === undefined) {
+            return (_jsx(Flex, { alignItems: "center", justifyContent: "center", flexDirection: "column", style: { width, height }, children: _jsx(Delayed, { show: true, children: _jsx(ProgressRadial, { size: "large" }) }) }));
+        }
+        if ((rootNodes.length === 0 && !isLoading) || (rootNodes.length === 1 && !isPresentationHierarchyNode(rootNodes[0]) && rootNodes[0].type === "Unknown")) {
+            return (_jsx(Flex, { alignItems: "center", justifyContent: "center", flexDirection: "column", style: { width, height }, children: noDataMessage ? noDataMessage : _jsx(Text, { children: TreeWidget.translate("stateless.dataIsNotAvailable") }) }));
+        }
+        return (_jsx(Flex.Item, { alignSelf: "flex-start", style: { width: "100%", overflow: "auto" }, children: _jsx(TreeRenderer, { rootNodes: rootNodes, ...treeProps, onFilterClick: onFilterClick, getIcon: getIcon, getSublabel: getSublabel, selectionMode: selectionMode, localizedStrings: localizedStrings }) }));
+    };
+    return (_jsxs("div", { style: { position: "relative", height, overflow: "hidden" }, children: [_jsxs("div", { style: { overflow: "auto", height: "100%" }, children: [renderContent(), filteringDialog] }), _jsx(Delayed, { show: isLoading && !!rootNodes, children: _jsx(ProgressOverlay, {}) })] }));
+}
+//# sourceMappingURL=FilterableTree.js.map

package/lib/esm/components/trees/stateless/common/components/FilterableTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterableTree.js","sourceRoot":"","sources":["../../../../../../../src/components/trees/stateless/common/components/FilterableTree.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 { useEffect, useState } from \"react\";\nimport { Flex, ProgressRadial, Text } from \"@itwin/itwinui-react\";\nimport { createECSchemaProvider, createECSqlQueryExecutor } from \"@itwin/presentation-core-interop\";\nimport { createLimitingECSqlQueryExecutor } from \"@itwin/presentation-hierarchies\";\nimport { isPresentationHierarchyNode, TreeRenderer, useUnifiedSelectionTree } from \"@itwin/presentation-hierarchies-react\";\nimport { createCachingECClassHierarchyInspector } from \"@itwin/presentation-shared\";\nimport { TreeWidget } from \"../../../../../TreeWidget\";\nimport { useHierarchiesLocalization } from \"../UseHierarchiesLocalization\";\nimport { useHierarchyLevelFiltering } from \"../UseHierarchyFiltering\";\nimport { Delayed } from \"./Delayed\";\nimport { ProgressOverlay } from \"./ProgressOverlay\";\n\nimport type { ReactElement, ReactNode } from \"react\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { SchemaContext } from \"@itwin/ecschema-metadata\";\nimport type { PresentationHierarchyNode, useSelectionHandler, useTree } from \"@itwin/presentation-hierarchies-react\";\n\ninterface FilterableTreeOwnProps {\n  imodel: IModelConnection;\n  getSchemaContext: (imodel: IModelConnection) => SchemaContext;\n  height: number;\n  width: number;\n  treeName: string;\n  hierarchyLevelSizeLimit?: number;\n  getIcon?: (node: PresentationHierarchyNode) => ReactElement | undefined;\n  getSublabel?: (node: PresentationHierarchyNode) => ReactElement | undefined;\n  density?: \"default\" | \"enlarged\";\n  noDataMessage?: ReactNode;\n}\n\ntype UseTreeProps = Parameters<typeof useTree>[0];\ntype UseSelectionHandlerProps = Parameters<typeof useSelectionHandler>[0];\ntype IModelAccess = UseTreeProps[\"imodelAccess\"];\n\ntype FilterableTreeProps = FilterableTreeOwnProps &\n  Pick<UseTreeProps, \"getFilteredPaths\" | \"getHierarchyDefinition\" | \"onPerformanceMeasured\"> &\n  Pick<Partial<UseSelectionHandlerProps>, \"selectionMode\">;\n\n/** @internal */\nexport function FilterableTree({ imodel, getSchemaContext, hierarchyLevelSizeLimit, ...props }: FilterableTreeProps) {\n  const [imodelAccess, setIModelAccess] = useState<IModelAccess>();\n  const defaultHierarchyLevelSizeLimit = hierarchyLevelSizeLimit ?? 1000;\n\n  useEffect(() => {\n    const schemas = getSchemaContext(imodel);\n    const schemaProvider = createECSchemaProvider(schemas);\n    setIModelAccess({\n      ...schemaProvider,\n      ...createCachingECClassHierarchyInspector({ schemaProvider }),\n      ...createLimitingECSqlQueryExecutor(createECSqlQueryExecutor(imodel), 1000),\n    });\n  }, [imodel, getSchemaContext]);\n\n  if (!imodelAccess) {\n    return null;\n  }\n\n  return <FilterableTreeRenderer {...props} imodel={imodel} imodelAccess={imodelAccess} defaultHierarchyLevelSizeLimit={defaultHierarchyLevelSizeLimit} />;\n}\n\n/** @internal */\nfunction FilterableTreeRenderer({\n  imodel,\n  imodelAccess,\n  height,\n  width,\n  treeName,\n  getIcon,\n  getSublabel,\n  noDataMessage,\n  defaultHierarchyLevelSizeLimit,\n  getHierarchyDefinition,\n  selectionMode,\n  onPerformanceMeasured,\n}: Omit<FilterableTreeProps, \"getSchemaContext\"> & { imodelAccess: IModelAccess; defaultHierarchyLevelSizeLimit: number }) {\n  const localizedStrings = useHierarchiesLocalization();\n  const {\n    rootNodes,\n    isLoading,\n    reloadTree: _reloadTree,\n    setFormatter: _setFormatter,\n    ...treeProps\n  } = useUnifiedSelectionTree({\n    imodelKey: imodel.key,\n    sourceName: treeName,\n    imodelAccess,\n    getHierarchyDefinition,\n    onPerformanceMeasured,\n    localizedStrings,\n  });\n\n  const { filteringDialog, onFilterClick } = useHierarchyLevelFiltering({\n    imodel,\n    getHierarchyLevelDetails: treeProps.getHierarchyLevelDetails,\n    defaultHierarchyLevelSizeLimit,\n  });\n\n  const renderContent = () => {\n    if (rootNodes === undefined) {\n      return (\n        <Flex alignItems=\"center\" justifyContent=\"center\" flexDirection=\"column\" style={{ width, height }}>\n          <Delayed show={true}>\n            <ProgressRadial size=\"large\" />\n          </Delayed>\n        </Flex>\n      );\n    }\n\n    if ((rootNodes.length === 0 && !isLoading) || (rootNodes.length === 1 && !isPresentationHierarchyNode(rootNodes[0]) && rootNodes[0].type === \"Unknown\")) {\n      return (\n        <Flex alignItems=\"center\" justifyContent=\"center\" flexDirection=\"column\" style={{ width, height }}>\n          {noDataMessage ? noDataMessage : <Text>{TreeWidget.translate(\"stateless.dataIsNotAvailable\")}</Text>}\n        </Flex>\n      );\n    }\n\n    return (\n      <Flex.Item alignSelf=\"flex-start\" style={{ width: \"100%\", overflow: \"auto\" }}>\n        <TreeRenderer\n          rootNodes={rootNodes}\n          {...treeProps}\n          onFilterClick={onFilterClick}\n          getIcon={getIcon}\n          getSublabel={getSublabel}\n          selectionMode={selectionMode}\n          localizedStrings={localizedStrings}\n        />\n      </Flex.Item>\n    );\n  };\n\n  return (\n    <div style={{ position: \"relative\", height, overflow: \"hidden\" }}>\n      <div style={{ overflow: \"auto\", height: \"100%\" }}>\n        {renderContent()}\n        {filteringDialog}\n      </div>\n      <Delayed show={isLoading && !!rootNodes}>\n        <ProgressOverlay />\n      </Delayed>\n    </div>\n  );\n}\n"]}

package/lib/esm/components/trees/stateless/common/components/ProgressOverlay.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import "./ProgressOverlay.scss";
+/** @internal */
+export declare function ProgressOverlay(): JSX.Element;
+//# sourceMappingURL=ProgressOverlay.d.ts.map

package/lib/esm/components/trees/stateless/common/components/ProgressOverlay.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } 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 "./ProgressOverlay.scss";
+import { ProgressLinear } from "@itwin/itwinui-react";
+/** @internal */
+export function ProgressOverlay() {
+    return (_jsxs("div", { className: "tw-progress-overlay-container", children: [_jsx(ProgressLinear, { indeterminate: true }), _jsx("div", { className: "tw-progress-overlay-backdrop" })] }));
+}
+//# sourceMappingURL=ProgressOverlay.js.map

package/lib/esm/components/trees/stateless/common/components/ProgressOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressOverlay.js","sourceRoot":"","sources":["../../../../../../../src/components/trees/stateless/common/components/ProgressOverlay.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAEhG,OAAO,wBAAwB,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,gBAAgB;AAChB,MAAM,UAAU,eAAe;IAC7B,OAAO,CACL,eAAK,SAAS,EAAC,+BAA+B,aAC5C,KAAC,cAAc,IAAC,aAAa,SAAG,EAChC,cAAK,SAAS,EAAC,8BAA8B,GAAG,IAC5C,CACP,CAAC;AACJ,CAAC","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 \"./ProgressOverlay.scss\";\nimport { ProgressLinear } from \"@itwin/itwinui-react\";\n\n/** @internal */\nexport function ProgressOverlay() {\n  return (\n    <div className=\"tw-progress-overlay-container\">\n      <ProgressLinear indeterminate />\n      <div className=\"tw-progress-overlay-backdrop\" />\n    </div>\n  );\n}\n"]}

package/lib/esm/components/trees/stateless/common/components/ProgressOverlay.scss

@@ -0,0 +1,21 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+.tw-progress-overlay-container {
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 1;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+
+  .tw-progress-overlay-backdrop {
+    opacity: 0.5;
+    background-color: var(--iui-color-background-backdrop);
+    height: 100%;
+    width: 100%;
+  }
+}

package/lib/esm/components/trees/stateless/common/components/VisibilityTree.d.ts

@@ -0,0 +1,26 @@
+import { useSelectionHandler } from "@itwin/presentation-hierarchies-react";
+import { useHierarchyVisibility } from "../UseHierarchyVisibility";
+import type { ReactElement, ReactNode } from "react";
+import type { IModelConnection } from "@itwin/core-frontend";
+import type { SchemaContext } from "@itwin/ecschema-metadata";
+import type { PresentationHierarchyNode, useTree } from "@itwin/presentation-hierarchies-react";
+interface VisibilityTreeOwnProps {
+    imodel: IModelConnection;
+    getSchemaContext: (imodel: IModelConnection) => SchemaContext;
+    height: number;
+    width: number;
+    treeName: string;
+    hierarchyLevelSizeLimit?: number;
+    getIcon?: (node: PresentationHierarchyNode) => ReactElement | undefined;
+    getSublabel?: (node: PresentationHierarchyNode) => ReactElement | undefined;
+    density?: "default" | "enlarged";
+    noDataMessage?: ReactNode;
+}
+type UseTreeProps = Parameters<typeof useTree>[0];
+type UseHierarchyVisibilityProps = Parameters<typeof useHierarchyVisibility>[0];
+type UseSelectionHandlerProps = Parameters<typeof useSelectionHandler>[0];
+type VisibilityTreeProps = VisibilityTreeOwnProps & Pick<UseTreeProps, "getFilteredPaths" | "getHierarchyDefinition" | "onPerformanceMeasured"> & UseHierarchyVisibilityProps & Pick<Partial<UseSelectionHandlerProps>, "selectionMode">;
+/** @internal */
+export declare function VisibilityTree({ imodel, getSchemaContext, hierarchyLevelSizeLimit, ...props }: VisibilityTreeProps): JSX.Element | null;
+export {};
+//# sourceMappingURL=VisibilityTree.d.ts.map