@itwin/tree-widget-react 3.7.0 → 3.8.0

package/lib/cjs/tree-widget-react/components/trees/models-tree/internal/ModelsTreeVisibilityHandler.js

@@ -74,7 +74,7 @@ class ModelsTreeVisibilityHandlerImpl {
     }
     [Symbol.dispose]() {
         this._eventListener.dispose();
-        this._alwaysAndNeverDrawnElements.dispose();
+        this._alwaysAndNeverDrawnElements[Symbol.dispose]();
         this._subscriptions.forEach((x) => x.unsubscribe());
     }
     getVisibilityStatusObs(node) {
@@ -92,7 +92,7 @@ class ModelsTreeVisibilityHandlerImpl {
             return this.getSubjectNodeVisibilityStatus({ subjectIds: node.key.instanceKeys.map((key) => key.id) });
         }
         if (ModelsTreeNode_js_1.ModelsTreeNode.isModelNode(node)) {
-            return this.getModelVisibilityStatus({ modelId: node.key.instanceKeys[0].id });
+            return this.getModelVisibilityStatus({ modelIds: node.key.instanceKeys.map(({ id }) => id) });
         }
         const modelId = ModelsTreeNode_js_1.ModelsTreeNode.getModelId(node);
         if (!modelId) {
@@ -100,7 +100,7 @@ class ModelsTreeVisibilityHandlerImpl {
         }
         if (ModelsTreeNode_js_1.ModelsTreeNode.isCategoryNode(node)) {
             return this.getCategoryDisplayStatus({
-                categoryId: node.key.instanceKeys[0].id,
+                categoryIds: node.key.instanceKeys.map(({ id }) => id),
                 modelId,
             });
         }
@@ -121,12 +121,12 @@ class ModelsTreeVisibilityHandlerImpl {
                 observables.push(this.getSubjectNodeVisibilityStatus({ subjectIds: [...subjects], ignoreTooltip: true }));
             }
             if (models?.size) {
-                observables.push((0, rxjs_1.from)(models).pipe((0, rxjs_1.mergeMap)((modelId) => this.getModelVisibilityStatus({ modelId, ignoreTooltip: true }))));
+                observables.push(this.getModelVisibilityStatus({ modelIds: models, ignoreTooltip: true }));
             }
             if (categories?.size) {
                 observables.push((0, rxjs_1.from)(categories).pipe((0, rxjs_1.mergeMap)((key) => {
                     const { modelId, categoryId } = (0, FilteredTree_js_1.parseCategoryKey)(key);
-                    return this.getCategoryDisplayStatus({ modelId, categoryId, ignoreTooltip: true });
+                    return this.getCategoryDisplayStatus({ modelId, categoryIds: categoryId, ignoreTooltip: true });
                 })));
             }
             if (elements?.size) {
@@ -136,17 +136,14 @@ class ModelsTreeVisibilityHandlerImpl {
                 })));
             }
             return (0, rxjs_1.merge)(...observables);
-        }), (0, rxjs_1.map)((x) => x.state), getVisibilityFromTreeNodeChildren, (0, rxjs_1.map)((x) => {
-            (0, core_bentley_1.assert)(x !== "empty");
-            return (0, Tooltip_js_1.createVisibilityStatus)(x);
-        }));
+        }), mergeVisibilityStatuses());
     }
     getSubjectNodeVisibilityStatus({ subjectIds, ignoreTooltip }) {
         const result = (0, rxjs_1.defer)(() => {
             if (!this._props.viewport.view.isSpatialView()) {
                 return (0, rxjs_1.of)((0, Tooltip_js_1.createVisibilityStatus)("disabled", getTooltipOptions("modelsTree.subject.nonSpatialView", ignoreTooltip)));
             }
-            return (0, rxjs_1.from)(this._idsCache.getSubjectModelIds(subjectIds)).pipe((0, rxjs_1.concatAll)(), (0, rxjs_1.distinct)(), (0, rxjs_1.mergeMap)((modelId) => this.getModelVisibilityStatus({ modelId, ignoreTooltip: true })), (0, rxjs_1.map)((x) => x.state), getVisibilityStatusFromTreeNodeChildren({
+            return (0, rxjs_1.from)(this._idsCache.getSubjectModelIds(subjectIds)).pipe((0, rxjs_1.mergeMap)((modelIds) => this.getModelVisibilityStatus({ modelIds, ignoreTooltip: true })), mergeVisibilityStatuses({
                 visible: "modelsTree.subject.allModelsVisible",
                 hidden: "modelsTree.subject.allModelsHidden",
                 partial: "modelsTree.subject.someModelsHidden",
@@ -154,47 +151,68 @@ class ModelsTreeVisibilityHandlerImpl {
         });
         return (0, UseHierarchyVisibility_js_1.createVisibilityHandlerResult)(this, { ids: subjectIds }, result, this._props.overrides?.getSubjectNodeVisibility);
     }
-    getModelVisibilityStatus({ modelId, ignoreTooltip }) {
+    getModelVisibilityStatus({ modelIds, ignoreTooltip }) {
         const result = (0, rxjs_1.defer)(() => {
             const viewport = this._props.viewport;
             if (!viewport.view.isSpatialView()) {
                 return (0, rxjs_1.of)((0, Tooltip_js_1.createVisibilityStatus)("disabled", getTooltipOptions("modelsTree.model.nonSpatialView", ignoreTooltip)));
             }
-            if (!viewport.view.viewsModel(modelId)) {
-                return (0, rxjs_1.from)(this._idsCache.getModelCategories(modelId)).pipe((0, rxjs_1.mergeMap)((categoryIds) => (0, rxjs_1.from)(this._idsCache.getCategoriesModeledElements(modelId, categoryIds))), this.getSubModeledElementsVisibilityStatus({
-                    ignoreTooltips: ignoreTooltip,
-                    haveSubModel: "yes",
-                    tooltips: { visible: undefined, hidden: "modelsTree.model.hiddenThroughModelSelector", partial: "modelsTree.model.someSubModelsVisible" },
-                    parentNodeVisibilityStatus: (0, Tooltip_js_1.createVisibilityStatus)("hidden"),
+            return (0, rxjs_1.from)(modelIds).pipe((0, rxjs_1.distinct)(), (0, rxjs_1.mergeMap)((modelId) => {
+                if (!viewport.view.viewsModel(modelId)) {
+                    return (0, rxjs_1.from)(this._idsCache.getModelCategories(modelId)).pipe((0, rxjs_1.mergeMap)((categoryIds) => (0, rxjs_1.from)(this._idsCache.getCategoriesModeledElements(modelId, categoryIds))), this.getSubModeledElementsVisibilityStatus({
+                        ignoreTooltips: ignoreTooltip,
+                        haveSubModel: "yes",
+                        tooltips: { visible: undefined, hidden: "modelsTree.model.hiddenThroughModelSelector", partial: "modelsTree.model.someSubModelsVisible" },
+                        parentNodeVisibilityStatus: (0, Tooltip_js_1.createVisibilityStatus)("hidden"),
+                    }));
+                }
+                return (0, rxjs_1.from)(this._idsCache.getModelCategories(modelId)).pipe((0, rxjs_1.mergeMap)((categoryIds) => categoryIds.length === 0 ? (0, rxjs_1.of)((0, Tooltip_js_1.createVisibilityStatus)("visible")) : this.getCategoryDisplayStatus({ modelId, categoryIds, ignoreTooltip: true })), mergeVisibilityStatuses({
+                    visible: "modelsTree.model.allCategoriesVisible",
+                    partial: "modelsTree.model.someCategoriesHidden",
+                    hidden: "modelsTree.model.allCategoriesHidden",
                 }));
-            }
-            return (0, rxjs_1.from)(this._idsCache.getModelCategories(modelId)).pipe((0, rxjs_1.concatAll)(), (0, rxjs_1.mergeMap)((categoryId) => this.getCategoryDisplayStatus({ modelId, categoryId, ignoreTooltip: true })), (0, rxjs_1.map)((x) => x.state), getVisibilityFromTreeNodeChildren, (0, rxjs_1.map)((visibilityByCategories) => {
-                const state = visibilityByCategories === "empty" ? "visible" : visibilityByCategories;
-                return (0, Tooltip_js_1.createVisibilityStatus)(state, getTooltipOptions(state === "partial" ? "modelsTree.model.someCategoriesHidden" : `modelsTree.model.allCategories${state ? "Visible" : "Hidden"}`, ignoreTooltip));
-            }));
+            }), mergeVisibilityStatuses());
         });
-        return (0, UseHierarchyVisibility_js_1.createVisibilityHandlerResult)(this, { id: modelId }, result, this._props.overrides?.getModelDisplayStatus);
+        return (0, UseHierarchyVisibility_js_1.createVisibilityHandlerResult)(this, { ids: modelIds }, result, this._props.overrides?.getModelDisplayStatus);
     }
-    getDefaultCategoryVisibilityStatus({ modelId, categoryId, ignoreTooltip, }) {
+    getDefaultCategoryVisibilityStatus({ modelId, categoryIds, ignoreTooltip, }) {
         const viewport = this._props.viewport;
-        if (!viewport.view.viewsModel(modelId)) {
+        if (!viewport.view.viewsModel(modelId) || core_bentley_1.Id64.sizeOf(categoryIds) === 0) {
             return (0, Tooltip_js_1.createVisibilityStatus)("hidden", getTooltipOptions("modelsTree.category.hiddenThroughModel", ignoreTooltip));
         }
-        switch (this._props.viewport.perModelCategoryVisibility.getOverride(modelId, categoryId)) {
-            case core_frontend_1.PerModelCategoryVisibility.Override.Show:
-                return (0, Tooltip_js_1.createVisibilityStatus)("visible", getTooltipOptions("modelsTree.category.displayedThroughPerModelOverride", ignoreTooltip));
-            case core_frontend_1.PerModelCategoryVisibility.Override.Hide:
-                return (0, Tooltip_js_1.createVisibilityStatus)("hidden", getTooltipOptions("modelsTree.category.hiddenThroughPerModelOverride", ignoreTooltip));
+        let visibility = "unknown";
+        for (const categoryId of core_bentley_1.Id64.iterable(categoryIds)) {
+            const override = this._props.viewport.perModelCategoryVisibility.getOverride(modelId, categoryId);
+            if (override === core_frontend_1.PerModelCategoryVisibility.Override.Show) {
+                if (visibility === "hidden") {
+                    return (0, Tooltip_js_1.createVisibilityStatus)("partial");
+                }
+                visibility = "visible";
+                continue;
+            }
+            if (override === core_frontend_1.PerModelCategoryVisibility.Override.Hide) {
+                if (visibility === "visible") {
+                    return (0, Tooltip_js_1.createVisibilityStatus)("partial");
+                }
+                visibility = "hidden";
+                continue;
+            }
+            const isVisible = viewport.view.viewsCategory(categoryId);
+            if (isVisible && visibility === "hidden") {
+                return (0, Tooltip_js_1.createVisibilityStatus)("partial");
+            }
+            if (!isVisible && visibility === "visible") {
+                return (0, Tooltip_js_1.createVisibilityStatus)("partial");
+            }
+            visibility = isVisible ? "visible" : "hidden";
         }
-        const isVisible = viewport.view.viewsCategory(categoryId);
-        return isVisible
-            ? (0, Tooltip_js_1.createVisibilityStatus)("visible", getTooltipOptions("modelsTree.category.displayedThroughCategorySelector", ignoreTooltip))
-            : (0, Tooltip_js_1.createVisibilityStatus)("hidden", getTooltipOptions("modelsTree.category.hiddenThroughCategorySelector", ignoreTooltip));
+        (0, core_bentley_1.assert)(visibility !== "unknown");
+        return (0, Tooltip_js_1.createVisibilityStatus)(visibility);
     }
     getCategoryDisplayStatus({ ignoreTooltip, ...props }) {
         const result = (0, rxjs_1.defer)(() => {
             if (!this._props.viewport.view.viewsModel(props.modelId)) {
-                return (0, rxjs_1.from)(this._idsCache.getCategoriesModeledElements(props.modelId, [props.categoryId])).pipe(this.getSubModeledElementsVisibilityStatus({
+                return (0, rxjs_1.from)(this._idsCache.getCategoriesModeledElements(props.modelId, props.categoryIds)).pipe(this.getSubModeledElementsVisibilityStatus({
                     ignoreTooltips: ignoreTooltip,
                     parentNodeVisibilityStatus: (0, Tooltip_js_1.createVisibilityStatus)("hidden"),
                     tooltips: {
@@ -206,17 +224,19 @@ class ModelsTreeVisibilityHandlerImpl {
                 }));
             }
             return this.getVisibilityFromAlwaysAndNeverDrawnElements({
-                queryProps: props,
+                categoryProps: { categoryIds: props.categoryIds, modelId: props.modelId },
                 tooltips: {
                     allElementsInAlwaysDrawnList: "modelsTree.category.allElementsVisible",
                     allElementsInNeverDrawnList: "modelsTree.category.allElementsHidden",
                     elementsInBothAlwaysAndNeverDrawn: "modelsTree.category.someElementsAreHidden",
                     noElementsInExclusiveAlwaysDrawnList: "modelsTree.category.allElementsHidden",
                 },
-                defaultStatus: () => this.getDefaultCategoryVisibilityStatus(props),
+                defaultStatus: (categoryId) => categoryId
+                    ? this.getDefaultCategoryVisibilityStatus({ modelId: props.modelId, categoryIds: categoryId })
+                    : this.getDefaultCategoryVisibilityStatus({ modelId: props.modelId, categoryIds: props.categoryIds }),
                 ignoreTooltip,
             }).pipe((0, rxjs_1.mergeMap)((visibilityStatusAlwaysAndNeverDraw) => {
-                return (0, rxjs_1.from)(this._idsCache.getCategoriesModeledElements(props.modelId, [props.categoryId])).pipe(this.getSubModeledElementsVisibilityStatus({
+                return (0, rxjs_1.from)(this._idsCache.getCategoriesModeledElements(props.modelId, props.categoryIds)).pipe(this.getSubModeledElementsVisibilityStatus({
                     tooltips: {
                         visible: undefined,
                         hidden: "modelsTree.category.allElementsAndSubModelsHidden",
@@ -248,7 +268,7 @@ class ModelsTreeVisibilityHandlerImpl {
             return this.getVisibilityFromAlwaysAndNeverDrawnElements({
                 elements: elementIds,
                 defaultStatus: () => {
-                    const status = this.getDefaultCategoryVisibilityStatus({ categoryId, modelId, ignoreTooltip: true });
+                    const status = this.getDefaultCategoryVisibilityStatus({ categoryIds: categoryId, modelId, ignoreTooltip: true });
                     return (0, Tooltip_js_1.createVisibilityStatus)(status.state, getTooltipOptions(`modelsTree.groupingNode.${status.state}ThroughCategory`));
                 },
                 tooltips: {
@@ -325,7 +345,9 @@ class ModelsTreeVisibilityHandlerImpl {
             const { elementId, modelId, categoryId } = props;
             const viewsModel = viewport.view.viewsModel(modelId);
             const elementStatus = this.getElementOverriddenVisibility(elementId, ignoreTooltip);
-            return (0, rxjs_1.from)(this._idsCache.hasSubModel(elementId)).pipe((0, rxjs_1.mergeMap)((hasSubModel) => (hasSubModel ? this.getModelVisibilityStatus({ modelId: elementId }) : (0, rxjs_1.of)(undefined))), (0, rxjs_1.map)((subModelVisibilityStatus) => this.getElementVisibility(ignoreTooltip, viewsModel, elementStatus, this.getDefaultCategoryVisibilityStatus({ categoryId, modelId, ignoreTooltip: true }), subModelVisibilityStatus)));
+            return (0, rxjs_1.from)(this._idsCache.hasSubModel(elementId)).pipe((0, rxjs_1.mergeMap)((hasSubModel) => (hasSubModel ? this.getModelVisibilityStatus({ modelIds: [elementId] }) : (0, rxjs_1.of)(undefined))), (0, rxjs_1.map)((subModelVisibilityStatus) => this.getElementVisibility(ignoreTooltip, viewsModel, elementStatus, 
+            // Single category will always return "visible" or "hidden"
+            this.getDefaultCategoryVisibilityStatus({ categoryIds: categoryId, modelId, ignoreTooltip: true }), subModelVisibilityStatus)));
         });
         return (0, UseHierarchyVisibility_js_1.createVisibilityHandlerResult)(this, props, result, this._props.overrides?.getElementDisplayStatus);
     }
@@ -344,7 +366,7 @@ class ModelsTreeVisibilityHandlerImpl {
             return this.changeSubjectNodeState(node.key.instanceKeys.map((key) => key.id), on);
         }
         if (ModelsTreeNode_js_1.ModelsTreeNode.isModelNode(node)) {
-            return this.changeModelState({ ids: node.key.instanceKeys[0].id, on });
+            return this.changeModelState({ ids: node.key.instanceKeys.map(({ id }) => id), on });
         }
         const modelId = ModelsTreeNode_js_1.ModelsTreeNode.getModelId(node);
         if (!modelId) {
@@ -352,7 +374,7 @@ class ModelsTreeVisibilityHandlerImpl {
         }
         if (ModelsTreeNode_js_1.ModelsTreeNode.isCategoryNode(node)) {
             return this.changeCategoryState({
-                categoryId: node.key.instanceKeys[0].id,
+                categoryIds: node.key.instanceKeys.map(({ id }) => id),
                 modelId,
                 on,
             });
@@ -384,7 +406,7 @@ class ModelsTreeVisibilityHandlerImpl {
             if (categories?.size) {
                 observables.push((0, rxjs_1.from)(categories).pipe((0, rxjs_1.mergeMap)((key) => {
                     const { modelId, categoryId } = (0, FilteredTree_js_1.parseCategoryKey)(key);
-                    return this.changeCategoryState({ modelId, categoryId, on });
+                    return this.changeCategoryState({ modelId, categoryIds: categoryId, on });
                 })));
             }
             if (elements?.size) {
@@ -424,7 +446,7 @@ class ModelsTreeVisibilityHandlerImpl {
                 viewport.perModelCategoryVisibility.clearOverrides(ids);
                 return (0, rxjs_1.from)(viewport.addViewedModels(ids));
             }), idsObs.pipe((0, rxjs_1.mergeMap)((modelId) => {
-                return (0, rxjs_1.from)(this._idsCache.getModelCategories(modelId)).pipe((0, rxjs_1.concatAll)(), (0, rxjs_1.mergeMap)((categoryId) => this.changeCategoryState({ categoryId, modelId, on: true })));
+                return (0, rxjs_1.from)(this._idsCache.getModelCategories(modelId)).pipe((0, rxjs_1.mergeMap)((categoryIds) => this.changeCategoryState({ categoryIds, modelId, on: true })));
             })));
         });
         return (0, UseHierarchyVisibility_js_1.createVisibilityHandlerResult)(this, props, result, this._props.overrides?.changeModelState);
@@ -463,11 +485,13 @@ class ModelsTreeVisibilityHandlerImpl {
     changeCategoryState(props) {
         const result = (0, rxjs_1.defer)(() => {
             const viewport = this._props.viewport;
-            const { modelId, categoryId, on } = props;
+            const { modelId, categoryIds, on } = props;
             return (0, rxjs_1.concat)(props.on && !viewport.view.viewsModel(modelId) ? this.showModelWithoutAnyCategoriesOrElements(modelId) : rxjs_1.EMPTY, (0, rxjs_1.defer)(() => {
-                this.changeCategoryStateInViewportAccordingToModelVisibility(modelId, categoryId, on);
+                for (const categoryId of core_bentley_1.Id64.iterable(categoryIds)) {
+                    this.changeCategoryStateInViewportAccordingToModelVisibility(modelId, categoryId, on);
+                }
                 return this.clearAlwaysAndNeverDrawnElements(props);
-            }), (0, rxjs_1.from)(this._idsCache.getCategoriesModeledElements(modelId, [categoryId])).pipe((0, rxjs_1.mergeMap)((modeledElementIds) => this.changeModelState({ ids: modeledElementIds, on }))));
+            }), (0, rxjs_1.from)(this._idsCache.getCategoriesModeledElements(modelId, categoryIds)).pipe((0, rxjs_1.mergeMap)((modeledElementIds) => this.changeModelState({ ids: modeledElementIds, on }))));
         });
         return (0, UseHierarchyVisibility_js_1.createVisibilityHandlerResult)(this, props, result, this._props.overrides?.changeCategoryState);
     }
@@ -476,7 +500,7 @@ class ModelsTreeVisibilityHandlerImpl {
             const { modelId, categoryId, elementIds, on } = props;
             const viewport = this._props.viewport;
             return (0, rxjs_1.concat)(on && !viewport.view.viewsModel(modelId) ? this.showModelWithoutAnyCategoriesOrElements(modelId) : rxjs_1.EMPTY, (0, rxjs_1.defer)(() => {
-                const categoryVisibility = this.getDefaultCategoryVisibilityStatus({ categoryId, modelId, ignoreTooltip: true });
+                const categoryVisibility = this.getDefaultCategoryVisibilityStatus({ categoryIds: categoryId, modelId, ignoreTooltip: true });
                 const isDisplayedByDefault = categoryVisibility.state === "visible";
                 return this.queueElementsVisibilityChange(elementIds, on, isDisplayedByDefault);
             }), (0, rxjs_1.from)(elementIds).pipe((0, rxjs_1.mergeMap)(async (elementId) => ({ elementId, isSubModel: await this._idsCache.hasSubModel(elementId) })), (0, rxjs_1.filter)(({ isSubModel }) => isSubModel), (0, rxjs_1.map)(({ elementId }) => elementId), (0, rxjs_1.toArray)(), (0, rxjs_1.mergeMap)((subModelIds) => this.changeModelState({ ids: subModelIds, on }))));
@@ -598,25 +622,28 @@ class ModelsTreeVisibilityHandlerImpl {
                 ignoreTooltip,
             }));
         }
-        const { modelId, categoryId } = props.queryProps;
-        const totalCount = categoryId ? this._idsCache.getCategoryElementsCount(modelId, categoryId) : this._idsCache.getModelElementCount(modelId);
-        return (0, rxjs_1.forkJoin)({
-            totalCount,
-            alwaysDrawn: this.getAlwaysDrawnElements(props.queryProps),
-            neverDrawn: this.getNeverDrawnElements(props.queryProps),
-        }).pipe((0, rxjs_1.map)((state) => {
-            return this.getVisibilityFromAlwaysAndNeverDrawnElementsImpl({
-                ...props,
-                ...state,
-                ignoreTooltip,
-            });
-        }));
+        const { modelId, categoryIds } = props.categoryProps;
+        return (0, rxjs_1.from)(core_bentley_1.Id64.iterable(categoryIds)).pipe((0, rxjs_1.mergeMap)((categoryId) => {
+            const totalCount = this._idsCache.getCategoryElementsCount(modelId, categoryId);
+            return (0, rxjs_1.forkJoin)({
+                totalCount,
+                alwaysDrawn: this.getAlwaysDrawnElements({ categoryIds: categoryId, modelId }),
+                neverDrawn: this.getNeverDrawnElements({ categoryIds: categoryId, modelId }),
+            }).pipe((0, rxjs_1.map)((state) => {
+                return this.getVisibilityFromAlwaysAndNeverDrawnElementsImpl({
+                    ...props,
+                    ...state,
+                    defaultStatus: () => props.defaultStatus(categoryId),
+                    ignoreTooltip,
+                });
+            }));
+        }), mergeVisibilityStatuses());
     }
     getAlwaysDrawnElements(props) {
-        return this._alwaysAndNeverDrawnElements.getElements({ ...props, setType: "always" });
+        return this._alwaysAndNeverDrawnElements.getElements({ modelId: props.modelId, categoryIds: props.categoryIds, setType: "always" });
     }
     getNeverDrawnElements(props) {
-        return this._alwaysAndNeverDrawnElements.getElements({ ...props, setType: "never" });
+        return this._alwaysAndNeverDrawnElements.getElements({ modelId: props.modelId, categoryIds: props.categoryIds, setType: "never" });
     }
     clearAlwaysAndNeverDrawnElements(props) {
         return (0, rxjs_1.forkJoin)({
@@ -654,12 +681,12 @@ class ModelsTreeVisibilityHandlerImpl {
                 if (modeledElementIds.length === 0) {
                     return (0, rxjs_1.of)(parentNodeVisibilityStatus);
                 }
-                return (0, rxjs_1.from)(modeledElementIds).pipe((0, rxjs_1.mergeMap)((modeledElementId) => this.getModelVisibilityStatus({ modelId: modeledElementId })), (0, rxjs_1.startWith)(parentNodeVisibilityStatus), (0, rxjs_1.map)((visibilityStatus) => visibilityStatus.state), getVisibilityStatusFromTreeNodeChildren(tooltips, ignoreTooltips));
+                return this.getModelVisibilityStatus({ modelIds: modeledElementIds }).pipe((0, rxjs_1.startWith)(parentNodeVisibilityStatus), mergeVisibilityStatuses(tooltips, ignoreTooltips));
             }));
         };
     }
 }
-function getVisibilityFromTreeNodeChildren(obs) {
+function mergeVisibilities(obs) {
     return obs.pipe((0, Rxjs_js_1.reduceWhile)((x) => x.allVisible || x.allHidden, (acc, val) => {
         acc.allVisible &&= val === "visible";
         acc.allHidden &&= val === "hidden";
@@ -671,13 +698,13 @@ function getVisibilityFromTreeNodeChildren(obs) {
         return x.allVisible ? "visible" : x.allHidden ? "hidden" : "partial";
     }));
 }
-function getVisibilityStatusFromTreeNodeChildren(tooltipMap, ignoreTooltip) {
+function mergeVisibilityStatuses(tooltipMap, ignoreTooltip) {
     return (obs) => {
-        return getVisibilityFromTreeNodeChildren(obs).pipe((0, rxjs_1.map)((visibility) => {
+        return obs.pipe((0, rxjs_1.map)((visibilityStatus) => visibilityStatus.state), mergeVisibilities, (0, rxjs_1.map)((visibility) => {
             if (visibility === "empty") {
                 visibility = "visible";
             }
-            return (0, Tooltip_js_1.createVisibilityStatus)(visibility, getTooltipOptions(tooltipMap[visibility], ignoreTooltip));
+            return (0, Tooltip_js_1.createVisibilityStatus)(visibility, getTooltipOptions(tooltipMap?.[visibility], ignoreTooltip));
         }));
     };
 }