@itwin/grouping-mapping-widget 0.21.1 → 0.23.0

package/lib/cjs/components/Groups/GroupsVisualization.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -32,93 +36,117 @@ require("./GroupsVisualization.scss");
 const GroupingApiConfigContext_1 = require("../context/GroupingApiConfigContext");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-const GroupsVisualization = ({ emphasizeElements = true, isNonEmphasizedSelectable = false, onClickGroupModify, onClickAddGroup, ...rest }) => {
+const MappingClientContext_1 = require("../context/MappingClientContext");
+const react_query_1 = require("@tanstack/react-query");
+const useIsMounted_1 = require("../../common/hooks/useIsMounted");
+const useFetchGroups_1 = require("./hooks/useFetchGroups");
+const useKeySetHiliteQueries_1 = require("./hooks/useKeySetHiliteQueries");
+const GroupsVisualization = ({ emphasizeElements = true, isNonEmphasizedSelectable = false, onClickGroupModify, onClickAddGroup, mapping, ...rest }) => {
     const { iModelConnection } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
     if (!iModelConnection) {
         throw new Error("This component requires an active iModelConnection.");
     }
-    const [isLoadingQuery, setLoadingQuery] = (0, react_1.useState)(false);
-    const [isVisualizing, setIsVisualizing] = (0, react_1.useState)(false);
     const [isAlertClosed, setIsAlertClosed] = (0, react_1.useState)(true);
     const [isAlertExpanded, setIsAlertExpanded] = (0, react_1.useState)(false);
-    const { hilitedElementsQueryCache, groups, hiddenGroupsIds, showGroupColor, isOverlappedColored, setHiddenGroupsIds, setNumberOfVisualizedGroups, setOverlappedElementsInfo, setGroupElementsInfo, overlappedElementsInfo, overlappedElementGroupPairs, setOverlappedElementGroupPairs, } = (0, GroupHilitedElementsContext_1.useGroupHilitedElementsContext)();
-    const getHiliteIdsFromGroupsWrapper = (0, react_1.useCallback)(async (groups) => iModelConnection
-        ? (0, groupsHelpers_1.getHiliteIdsFromGroups)(iModelConnection, groups, hilitedElementsQueryCache)
-        : [], [iModelConnection, hilitedElementsQueryCache]);
-    const handleVisualizationStates = (0, react_1.useCallback)((start = true) => {
-        setIsVisualizing(start);
-        setLoadingQuery(start);
-        if (!start) {
-            setNumberOfVisualizedGroups(0);
-        }
-    }, [setNumberOfVisualizedGroups]);
-    const triggerVisualization = (0, react_1.useCallback)(async () => {
-        handleVisualizationStates(true);
-        const groupsCopy = [...groups];
-        await (0, groupsHelpers_1.visualizeGroupColors)(iModelConnection, groupsCopy, hiddenGroupsIds, hilitedElementsQueryCache, setNumberOfVisualizedGroups, setOverlappedElementsInfo, setGroupElementsInfo, setOverlappedElementGroupPairs, emphasizeElements);
-        isNonEmphasizedSelectable && (0, viewerUtils_1.clearEmphasizedElements)();
-        handleVisualizationStates(false);
-    }, [handleVisualizationStates, groups, iModelConnection, hiddenGroupsIds, hilitedElementsQueryCache, setNumberOfVisualizedGroups, setOverlappedElementsInfo, setGroupElementsInfo, setOverlappedElementGroupPairs, emphasizeElements, isNonEmphasizedSelectable]);
+    const { hiddenGroupsIds, showGroupColor, setShowGroupColor, isOverlappedColored, setHiddenGroupsIds, setNumberOfVisualizedGroups, isVisualizationsEnabled, setIsVisualizationsEnabled, overlappedElementsMetadata, setOverlappedElementsMetadata, } = (0, GroupHilitedElementsContext_1.useGroupHilitedElementsContext)();
+    const { getAccessToken, iModelId } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
+    const mappingClient = (0, MappingClientContext_1.useMappingClient)();
+    const { data: groups, isFetched: isGroupsFetched, isFetching: isGroupsFetching } = (0, useFetchGroups_1.useFetchGroups)(iModelId, mapping.id, getAccessToken, mappingClient);
+    const isMounted = (0, useIsMounted_1.useIsMounted)();
+    const [enableGroupQueries, setEnableGroupQueries] = (0, react_1.useState)(false);
+    const { groupQueries } = (0, useKeySetHiliteQueries_1.useKeySetHiliteQueries)(groups ?? [], enableGroupQueries, iModelConnection);
+    const triggerVisualization = (0, react_1.useCallback)(async (groupsWithGroupedOverlaps) => (0, groupsHelpers_1.visualizeGroupColors)(hiddenGroupsIds, groupsWithGroupedOverlaps, setNumberOfVisualizedGroups, emphasizeElements), [emphasizeElements, hiddenGroupsIds, setNumberOfVisualizedGroups]);
+    const zoomToElementsMutation = (0, react_query_1.useMutation)({
+        mutationFn: viewerUtils_1.zoomToElements,
+        onSuccess: () => {
+            if (isMounted()) {
+                isNonEmphasizedSelectable && (0, viewerUtils_1.clearEmphasizedElements)();
+            }
+        },
+    });
+    const visualizationMutation = (0, react_query_1.useMutation)({
+        mutationFn: triggerVisualization,
+        onSuccess: (allIds) => {
+            if (isMounted()) {
+                zoomToElementsMutation.mutate(allIds);
+            }
+        },
+    });
+    const isGroupsQueriesReady = (0, react_1.useMemo)(() => groupQueries.every((query) => query.isFetched && query.data) && groupQueries.length > 0, [groupQueries]);
+    const groupQueriesProgressCount = (0, react_1.useMemo)(() => groupQueries.filter((query) => query.isFetched).length, [groupQueries]);
+    const isResolvingGroupQueries = (0, react_1.useMemo)(() => groupQueries.some((query) => query.isFetching), [groupQueries]);
+    const hiliteIds = (0, react_1.useMemo)(() => isGroupsQueriesReady
+        ? groupQueries.map((query) => ({
+            groupId: query.data.group.id,
+            elementIds: query.data.result.ids,
+        }))
+        : [], [groupQueries, isGroupsQueriesReady]);
+    const getHiliteIdsFromGroupsWrapper = (0, react_1.useCallback)((groups) => hiliteIds.filter((id) => groups.some((group) => group.id === id.groupId)).flatMap((id) => id.elementIds), [hiliteIds]);
     (0, react_1.useEffect)(() => {
-        const visualize = async () => {
-            if (isOverlappedColored === false) {
-                if (groups.length > 0 && showGroupColor) {
-                    await triggerVisualization();
-                }
-                else {
-                    (0, viewerUtils_1.clearEmphasizedOverriddenElements)();
-                }
+        if (isOverlappedColored === false) {
+            if (hiliteIds.length > 0 && showGroupColor && !isGroupsFetching) {
+                const results = (0, groupsHelpers_1.generateOverlappedGroups)(hiliteIds);
+                const { groupsWithGroupedOverlaps, overlappedElementsInfo, numberOfElementsInGroups } = results;
+                setOverlappedElementsMetadata({ overlappedElementsInfo, groupElementsInfo: numberOfElementsInGroups, overlappedElementGroupPairs: groupsWithGroupedOverlaps });
+                visualizationMutation.mutate(results.groupsWithGroupedOverlaps);
             }
-        };
-        void visualize();
+            else {
+                (0, viewerUtils_1.clearEmphasizedOverriddenElements)();
+            }
+        }
         // We don't want to trigger full visualization when toggling individual groups.
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [groups, showGroupColor, isOverlappedColored]);
-    const hideAllGroups = (0, react_1.useCallback)(async () => {
-        setLoadingQuery(true);
-        await (0, groupsHelpers_1.hideGroups)(iModelConnection, groups, hilitedElementsQueryCache);
-        setLoadingQuery(false);
-    }, [groups, hilitedElementsQueryCache, iModelConnection]);
-    const hideSingleGroupWrapper = (0, react_1.useCallback)(async (groupToHide) => {
-        setLoadingQuery(true);
-        await (0, groupsHelpers_1.hideGroupConsideringOverlaps)(overlappedElementGroupPairs, groupToHide.id, hiddenGroupsIds);
-        setLoadingQuery(false);
-    }, [overlappedElementGroupPairs, hiddenGroupsIds]);
-    const showGroup = (0, react_1.useCallback)(async (viewGroup) => {
-        setLoadingQuery(true);
+    }, [showGroupColor, isOverlappedColored, hiliteIds]);
+    (0, react_1.useEffect)(() => {
+        if (isVisualizationsEnabled) {
+            setEnableGroupQueries(true);
+        }
+        else {
+            setShowGroupColor(false);
+            (0, viewerUtils_1.clearHiddenElements)();
+            setHiddenGroupsIds(new Set());
+        }
+    }, [isVisualizationsEnabled, setHiddenGroupsIds, setIsVisualizationsEnabled, setShowGroupColor]);
+    const hideAllGroups = (0, react_1.useCallback)(() => {
+        if (!groups)
+            return;
+        (0, viewerUtils_1.hideElements)(getHiliteIdsFromGroupsWrapper(groups));
+    }, [getHiliteIdsFromGroupsWrapper, groups]);
+    const hideSingleGroupWrapper = (0, react_1.useCallback)((groupToHide) => {
+        (0, groupsHelpers_1.hideGroupConsideringOverlaps)(overlappedElementsMetadata.overlappedElementGroupPairs, groupToHide.id, hiddenGroupsIds);
+    }, [hiddenGroupsIds, overlappedElementsMetadata.overlappedElementGroupPairs]);
+    const showGroup = (0, react_1.useCallback)((viewGroup) => {
+        if (!groups)
+            return;
         (0, viewerUtils_1.clearHiddenElements)();
         // hide group Ids filter
         const newHiddenGroups = groups.filter((g) => hiddenGroupsIds.has(g.id) && g.id !== viewGroup.id);
         // view group Ids filter
         const viewGroups = groups.filter((g) => !hiddenGroupsIds.has(g.id) || g.id === viewGroup.id);
-        const viewIds = await getHiliteIdsFromGroupsWrapper(viewGroups);
-        let hiddenIds = await getHiliteIdsFromGroupsWrapper(newHiddenGroups);
+        const viewIds = getHiliteIdsFromGroupsWrapper(viewGroups);
+        let hiddenIds = getHiliteIdsFromGroupsWrapper(newHiddenGroups);
         hiddenIds = hiddenIds.filter((id) => !viewIds.includes(id));
         (0, viewerUtils_1.hideElements)(hiddenIds);
-        setLoadingQuery(false);
     }, [groups, hiddenGroupsIds, getHiliteIdsFromGroupsWrapper]);
-    const showAll = (0, react_1.useCallback)(async () => {
-        setLoadingQuery(true);
+    const showAll = (0, react_1.useCallback)(() => {
         (0, viewerUtils_1.clearHiddenElements)();
         setHiddenGroupsIds(new Set());
-        await getHiliteIdsFromGroupsWrapper(groups);
-        setLoadingQuery(false);
-    }, [getHiliteIdsFromGroupsWrapper, groups, setHiddenGroupsIds]);
-    const hideAll = (0, react_1.useCallback)(async () => {
-        await hideAllGroups();
+    }, [setHiddenGroupsIds]);
+    const hideAll = (0, react_1.useCallback)(() => {
+        if (!groups)
+            return;
+        hideAllGroups();
         setHiddenGroupsIds(new Set(groups.map((g) => g.id)));
-        await getHiliteIdsFromGroupsWrapper(groups);
     }, [
         setHiddenGroupsIds,
         groups,
         hideAllGroups,
-        getHiliteIdsFromGroupsWrapper,
     ]);
-    const onModify = (0, react_1.useCallback)(async (group, type) => {
+    const onModify = (0, react_1.useCallback)((group, type) => {
         if (!onClickGroupModify)
             return;
         if (group.id && hiddenGroupsIds.has(group.id)) {
-            await showGroup(group);
+            showGroup(group);
             setHiddenGroupsIds(new Set([...hiddenGroupsIds].filter((id) => id !== group.id)));
         }
         (0, viewerUtils_1.clearEmphasizedElements)();
@@ -130,11 +158,11 @@ const GroupsVisualization = ({ emphasizeElements = true, isNonEmphasizedSelectab
         onClickAddGroup(type);
         (0, viewerUtils_1.clearEmphasizedElements)();
     }, [onClickAddGroup]);
-    const groupActionButtonRenderers = (0, react_1.useMemo)(() => [
-        (props) => showGroupColor ? react_1.default.createElement(GroupColorLegend_1.GroupColorLegend, { ...props, groups: groups }) : [],
-        (props) => (react_1.default.createElement(GroupsShowHideButtons_1.GroupsShowHideButtons, { ...props, isLoadingQuery: isLoadingQuery, showGroup: showGroup, hideGroup: hideSingleGroupWrapper })),
-    ].flat(), [groups, hideSingleGroupWrapper, isLoadingQuery, showGroup, showGroupColor]);
-    const overlappedAlert = (0, react_1.useMemo)(() => overlappedElementsInfo.size > 0 && isAlertClosed && showGroupColor && !isVisualizing ?
+    const groupActionButtonRenderers = (0, react_1.useMemo)(() => isVisualizationsEnabled ? [
+        (props) => showGroupColor ? react_1.default.createElement(GroupColorLegend_1.GroupColorLegend, { ...props, groups: groups ?? [] }) : [],
+        (props) => (react_1.default.createElement(GroupsShowHideButtons_1.GroupsShowHideButtons, { ...props, isLoadingQuery: !(isVisualizationsEnabled && isGroupsFetched && isGroupsQueriesReady), showGroup: showGroup, hideGroup: hideSingleGroupWrapper })),
+    ].flat() : [], [groups, hideSingleGroupWrapper, isGroupsFetched, isGroupsQueriesReady, isVisualizationsEnabled, showGroup, showGroupColor]);
+    const overlappedAlert = (0, react_1.useMemo)(() => overlappedElementsMetadata.overlappedElementsInfo.size > 0 && isAlertClosed && showGroupColor ?
         react_1.default.createElement(itwinui_react_1.Alert, { onClose: () => setIsAlertClosed(false), clickableText: isAlertExpanded ? "Less Details" : "More Details", clickableTextProps: { onClick: () => setIsAlertExpanded(!isAlertExpanded) } },
             "Overlapping elements are colored ",
             react_1.default.createElement(itwinui_react_1.Text, { className: "gmw-red-text" }, "red"),
@@ -144,10 +172,18 @@ const GroupsVisualization = ({ emphasizeElements = true, isNonEmphasizedSelectab
                 "To get overlap info in detail, click the ",
                 react_1.default.createElement(itwinui_react_1.Icon, null,
                     react_1.default.createElement(itwinui_icons_react_1.SvgMore, null)),
-                " button then \u201COverlap Info\u201D")) : undefined) : undefined, [isAlertClosed, isAlertExpanded, isVisualizing, overlappedElementsInfo.size, showGroupColor]);
+                " button then \u201COverlap Info\u201D")) : undefined) : undefined, [isAlertClosed, isAlertExpanded, overlappedElementsMetadata.overlappedElementsInfo.size, showGroupColor]);
+    const progressConfig = (0, react_1.useMemo)(() => isVisualizationsEnabled && isResolvingGroupQueries
+        ? {
+            hilitedGroupsProgress: {
+                currentHilitedGroups: groupQueriesProgressCount,
+                totalNumberOfGroups: groups?.length ?? 0,
+            },
+        }
+        : undefined, [groupQueriesProgressCount, groups, isResolvingGroupQueries, isVisualizationsEnabled]);
     return (react_1.default.createElement("div", { className: "gmw-groups-vis-container" },
-        react_1.default.createElement(GroupsVisualizationActions_1.GroupVisualizationActions, { isLoadingQuery: isLoadingQuery, showAll: showAll, hideAll: hideAll }),
-        react_1.default.createElement(Groups_1.Groups, { onClickGroupModify: onModify, onClickAddGroup: onAddGroup, actionButtonRenderers: groupActionButtonRenderers, ...rest, disableActions: isLoadingQuery, isVisualizing: isVisualizing, alert: overlappedAlert })));
+        react_1.default.createElement(GroupsVisualizationActions_1.GroupVisualizationActions, { disabled: !(isVisualizationsEnabled && isGroupsFetched && isGroupsQueriesReady), isVisualizationEnabled: isVisualizationsEnabled, onClickVisualizationButton: () => setIsVisualizationsEnabled((b) => !b), showAll: showAll, hideAll: hideAll }),
+        react_1.default.createElement(Groups_1.Groups, { onClickGroupModify: onModify, onClickAddGroup: onAddGroup, actionButtonRenderers: groupActionButtonRenderers, mapping: mapping, ...rest, progressConfig: progressConfig, alert: overlappedAlert })));
 };
 exports.GroupsVisualization = GroupsVisualization;
 //# sourceMappingURL=GroupsVisualization.js.map

package/lib/cjs/components/Groups/GroupsVisualization.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupsVisualization.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupsVisualization.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*--------------------------------------------------------------------------------------------*/\nimport type { Group } from \"@itwin/insights-client\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useGroupHilitedElementsContext } from \"../context/GroupHilitedElementsContext\";\nimport {\n  getHiliteIdsFromGroups,\n  hideGroupConsideringOverlaps,\n  hideGroups,\n  visualizeGroupColors,\n} from \"./groupsHelpers\";\nimport {\n  clearEmphasizedElements,\n  clearEmphasizedOverriddenElements,\n  clearHiddenElements,\n  hideElements,\n} from \"../../common/viewerUtils\";\nimport type { GroupsProps } from \"./Groups\";\nimport { Groups } from \"./Groups\";\nimport { GroupColorLegend } from \"./GroupColorLegend\";\nimport { GroupVisualizationActions } from \"./GroupsVisualizationActions\";\nimport { GroupsShowHideButtons } from \"./GroupsShowHideButtons\";\nimport \"./GroupsVisualization.scss\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\nimport type { ActionButtonRenderer, ActionButtonRendererProps } from \"./GroupsView\";\nimport { Alert, Icon, Text } from \"@itwin/itwinui-react\";\nimport { SvgMore } from \"@itwin/itwinui-icons-react\";\n\nexport interface GroupsVisualizationProps extends GroupsProps {\n  isNonEmphasizedSelectable?: boolean;\n  emphasizeElements?: boolean;\n}\n\nexport const GroupsVisualization = ({\n  emphasizeElements = true,\n  isNonEmphasizedSelectable = false,\n  onClickGroupModify,\n  onClickAddGroup,\n  ...rest\n}: GroupsVisualizationProps) => {\n  const { iModelConnection } = useGroupingMappingApiConfig();\n  if (!iModelConnection) {\n    throw new Error(\"This component requires an active iModelConnection.\");\n  }\n  const [isLoadingQuery, setLoadingQuery] = useState<boolean>(false);\n  const [isVisualizing, setIsVisualizing] = useState<boolean>(false);\n  const [isAlertClosed, setIsAlertClosed] = useState<boolean>(true);\n  const [isAlertExpanded, setIsAlertExpanded] = useState<boolean>(false);\n  const {\n    hilitedElementsQueryCache,\n    groups,\n    hiddenGroupsIds,\n    showGroupColor,\n    isOverlappedColored,\n    setHiddenGroupsIds,\n    setNumberOfVisualizedGroups,\n    setOverlappedElementsInfo,\n    setGroupElementsInfo,\n    overlappedElementsInfo,\n    overlappedElementGroupPairs,\n    setOverlappedElementGroupPairs,\n  } = useGroupHilitedElementsContext();\n\n  const getHiliteIdsFromGroupsWrapper = useCallback(\n    async (groups: Group[]): Promise<string[]> =>\n      iModelConnection\n        ? getHiliteIdsFromGroups(\n          iModelConnection,\n          groups,\n          hilitedElementsQueryCache\n        )\n        : [],\n    [iModelConnection, hilitedElementsQueryCache]\n  );\n\n  const handleVisualizationStates = useCallback((start: boolean = true) => {\n    setIsVisualizing(start);\n    setLoadingQuery(start);\n    if (!start) {\n      setNumberOfVisualizedGroups(0);\n    }\n  }, [setNumberOfVisualizedGroups]);\n\n  const triggerVisualization = useCallback(async () => {\n    handleVisualizationStates(true);\n    const groupsCopy = [...groups];\n    await visualizeGroupColors(\n      iModelConnection,\n      groupsCopy,\n      hiddenGroupsIds,\n      hilitedElementsQueryCache,\n      setNumberOfVisualizedGroups,\n      setOverlappedElementsInfo,\n      setGroupElementsInfo,\n      setOverlappedElementGroupPairs,\n      emphasizeElements,\n    );\n    isNonEmphasizedSelectable && clearEmphasizedElements();\n    handleVisualizationStates(false);\n  }, [handleVisualizationStates, groups, iModelConnection, hiddenGroupsIds, hilitedElementsQueryCache, setNumberOfVisualizedGroups, setOverlappedElementsInfo, setGroupElementsInfo, setOverlappedElementGroupPairs, emphasizeElements, isNonEmphasizedSelectable]);\n\n  useEffect(() => {\n    const visualize = async () => {\n      if (isOverlappedColored === false) {\n        if (groups.length > 0 && showGroupColor) {\n          await triggerVisualization();\n        } else {\n          clearEmphasizedOverriddenElements();\n        }\n      }\n    };\n    void visualize();\n    // We don't want to trigger full visualization when toggling individual groups.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [groups, showGroupColor, isOverlappedColored]);\n\n  const hideAllGroups = useCallback(\n    async () => {\n      setLoadingQuery(true);\n      await hideGroups(iModelConnection, groups, hilitedElementsQueryCache);\n      setLoadingQuery(false);\n    },\n    [groups, hilitedElementsQueryCache, iModelConnection]\n  );\n\n  const hideSingleGroupWrapper = useCallback(\n    async (groupToHide: Group) => {\n      setLoadingQuery(true);\n\n      await hideGroupConsideringOverlaps(overlappedElementGroupPairs, groupToHide.id, hiddenGroupsIds);\n\n      setLoadingQuery(false);\n    },\n    [overlappedElementGroupPairs, hiddenGroupsIds]\n  );\n\n  const showGroup = useCallback(\n    async (viewGroup: Group) => {\n      setLoadingQuery(true);\n      clearHiddenElements();\n\n      // hide group Ids filter\n      const newHiddenGroups: Group[] = groups.filter((g) => hiddenGroupsIds.has(g.id) && g.id !== viewGroup.id);\n\n      // view group Ids filter\n      const viewGroups = groups.filter((g) => !hiddenGroupsIds.has(g.id) || g.id === viewGroup.id);\n      const viewIds = await getHiliteIdsFromGroupsWrapper(viewGroups);\n\n      let hiddenIds = await getHiliteIdsFromGroupsWrapper(newHiddenGroups);\n      hiddenIds = hiddenIds.filter((id) => !viewIds.includes(id));\n      hideElements(hiddenIds);\n      setLoadingQuery(false);\n    },\n    [groups, hiddenGroupsIds, getHiliteIdsFromGroupsWrapper]\n  );\n\n  const showAll = useCallback(async () => {\n    setLoadingQuery(true);\n\n    clearHiddenElements();\n    setHiddenGroupsIds(new Set());\n    await getHiliteIdsFromGroupsWrapper(groups);\n\n    setLoadingQuery(false);\n  }, [getHiliteIdsFromGroupsWrapper, groups, setHiddenGroupsIds]);\n\n  const hideAll = useCallback(async () => {\n    await hideAllGroups();\n    setHiddenGroupsIds(\n      new Set(groups.map((g) => g.id))\n    );\n    await getHiliteIdsFromGroupsWrapper(groups);\n  }, [\n    setHiddenGroupsIds,\n    groups,\n    hideAllGroups,\n    getHiliteIdsFromGroupsWrapper,\n  ]);\n\n  const onModify = useCallback(\n    async (group: Group, type: string) => {\n      if (!onClickGroupModify) return;\n      if (group.id && hiddenGroupsIds.has(group.id)) {\n        await showGroup(group);\n        setHiddenGroupsIds(new Set([...hiddenGroupsIds].filter((id) => id !== group.id)));\n      }\n      clearEmphasizedElements();\n      onClickGroupModify(group, type);\n    },\n    [hiddenGroupsIds, onClickGroupModify, setHiddenGroupsIds, showGroup]\n  );\n\n  const onAddGroup = useCallback(\n    (type: string) => {\n      if (!onClickAddGroup) return;\n      onClickAddGroup(type);\n      clearEmphasizedElements();\n    },\n    [onClickAddGroup]\n  );\n\n  const groupActionButtonRenderers: ActionButtonRenderer[] = useMemo(() => [\n    (props: ActionButtonRendererProps) =>\n      showGroupColor ? <GroupColorLegend {...props} groups={groups} /> : [],\n    (props: ActionButtonRendererProps) => (\n      <GroupsShowHideButtons\n        {...props}\n        isLoadingQuery={isLoadingQuery}\n        showGroup={showGroup}\n        hideGroup={hideSingleGroupWrapper}\n      />\n    ),\n  ].flat(), [groups, hideSingleGroupWrapper, isLoadingQuery, showGroup, showGroupColor]);\n\n  const overlappedAlert = useMemo(() =>\n    overlappedElementsInfo.size > 0 && isAlertClosed && showGroupColor && !isVisualizing ?\n      <Alert\n        onClose={() => setIsAlertClosed(false)}\n        clickableText={isAlertExpanded ? \"Less Details\" : \"More Details\"}\n        clickableTextProps={{ onClick: () => setIsAlertExpanded(!isAlertExpanded) }}\n      >\n        Overlapping elements are colored <Text className=\"gmw-red-text\">red</Text> in the viewer.\n        {isAlertExpanded ? (\n          <>\n            <br />\n            To get overlap info in detail, click the <Icon><SvgMore/></Icon> button then &ldquo;Overlap Info&rdquo;\n          </>\n        ) : undefined}\n      </Alert> : undefined,\n  [isAlertClosed, isAlertExpanded, isVisualizing, overlappedElementsInfo.size, showGroupColor]\n  );\n\n  return (\n    <div className=\"gmw-groups-vis-container\">\n      <GroupVisualizationActions\n        isLoadingQuery={isLoadingQuery}\n        showAll={showAll}\n        hideAll={hideAll}\n      />\n      <Groups\n        onClickGroupModify={onModify}\n        onClickAddGroup={onAddGroup}\n        actionButtonRenderers={groupActionButtonRenderers}\n        {...rest}\n        disableActions={isLoadingQuery}\n        isVisualizing={isVisualizing}\n        alert={overlappedAlert}\n      />\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"GroupsVisualization.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupsVisualization.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*--------------------------------------------------------------------------------------------*/\nimport type { Group } from \"@itwin/insights-client\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { OverlappedElementGroupPairs } from \"../context/GroupHilitedElementsContext\";\nimport { useGroupHilitedElementsContext } from \"../context/GroupHilitedElementsContext\";\nimport {\n  generateOverlappedGroups,\n  hideGroupConsideringOverlaps,\n  visualizeGroupColors,\n} from \"./groupsHelpers\";\nimport {\n  clearEmphasizedElements,\n  clearEmphasizedOverriddenElements,\n  clearHiddenElements,\n  hideElements,\n  zoomToElements,\n} from \"../../common/viewerUtils\";\nimport type { GroupsProps } from \"./Groups\";\nimport { Groups } from \"./Groups\";\nimport { GroupColorLegend } from \"./GroupColorLegend\";\nimport { GroupVisualizationActions } from \"./GroupsVisualizationActions\";\nimport { GroupsShowHideButtons } from \"./GroupsShowHideButtons\";\nimport \"./GroupsVisualization.scss\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\nimport type { ActionButtonRenderer, ActionButtonRendererProps } from \"./GroupsView\";\nimport { Alert, Icon, Text } from \"@itwin/itwinui-react\";\nimport { SvgMore } from \"@itwin/itwinui-icons-react\";\nimport { useMappingClient } from \"../context/MappingClientContext\";\nimport { useMutation } from \"@tanstack/react-query\";\nimport { useIsMounted } from \"../../common/hooks/useIsMounted\";\nimport { useFetchGroups } from \"./hooks/useFetchGroups\";\nimport { useKeySetHiliteQueries } from \"./hooks/useKeySetHiliteQueries\";\n\nexport interface GroupsVisualizationProps extends GroupsProps {\n  isNonEmphasizedSelectable?: boolean;\n  emphasizeElements?: boolean;\n}\n\nexport const GroupsVisualization = ({\n  emphasizeElements = true,\n  isNonEmphasizedSelectable = false,\n  onClickGroupModify,\n  onClickAddGroup,\n  mapping,\n  ...rest\n}: GroupsVisualizationProps) => {\n  const { iModelConnection } = useGroupingMappingApiConfig();\n  if (!iModelConnection) {\n    throw new Error(\"This component requires an active iModelConnection.\");\n  }\n  const [isAlertClosed, setIsAlertClosed] = useState<boolean>(true);\n  const [isAlertExpanded, setIsAlertExpanded] = useState<boolean>(false);\n  const {\n    hiddenGroupsIds,\n    showGroupColor,\n    setShowGroupColor,\n    isOverlappedColored,\n    setHiddenGroupsIds,\n    setNumberOfVisualizedGroups,\n    isVisualizationsEnabled,\n    setIsVisualizationsEnabled,\n    overlappedElementsMetadata,\n    setOverlappedElementsMetadata,\n  } = useGroupHilitedElementsContext();\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const { data: groups, isFetched: isGroupsFetched, isFetching: isGroupsFetching } = useFetchGroups(iModelId, mapping.id, getAccessToken, mappingClient);\n  const isMounted = useIsMounted();\n  const [enableGroupQueries, setEnableGroupQueries] = useState<boolean>(false);\n  const { groupQueries } = useKeySetHiliteQueries(groups ?? [], enableGroupQueries, iModelConnection);\n\n  const triggerVisualization = useCallback(async (groupsWithGroupedOverlaps: OverlappedElementGroupPairs[]) =>\n    visualizeGroupColors(\n      hiddenGroupsIds,\n      groupsWithGroupedOverlaps,\n      setNumberOfVisualizedGroups,\n      emphasizeElements,\n    ), [emphasizeElements, hiddenGroupsIds, setNumberOfVisualizedGroups]);\n\n  const zoomToElementsMutation = useMutation({\n    mutationFn: zoomToElements,\n    onSuccess: () => {\n      if (isMounted()) {\n        isNonEmphasizedSelectable && clearEmphasizedElements();\n      }\n    },\n  });\n\n  const visualizationMutation = useMutation({\n    mutationFn: triggerVisualization,\n    onSuccess: (allIds) => {\n      if (isMounted()) {\n        zoomToElementsMutation.mutate(allIds);\n      }\n    },\n  });\n\n  const isGroupsQueriesReady = useMemo(() =>\n    groupQueries.every((query) => query.isFetched && query.data) && groupQueries.length > 0, [groupQueries]\n  );\n  const groupQueriesProgressCount = useMemo(() => groupQueries.filter((query) => query.isFetched).length, [groupQueries]);\n  const isResolvingGroupQueries = useMemo(() => groupQueries.some((query) => query.isFetching), [groupQueries]);\n\n  const hiliteIds = useMemo(\n    () =>\n      isGroupsQueriesReady\n        ? groupQueries.map((query) => ({\n          groupId: query.data!.group.id,\n          elementIds: query.data!.result.ids,\n        }))\n        : [],\n    [groupQueries, isGroupsQueriesReady]\n  );\n  const getHiliteIdsFromGroupsWrapper = useCallback(\n    (groups: Group[]) =>\n      hiliteIds.filter((id) => groups.some((group) => group.id === id.groupId)).flatMap((id) => id.elementIds),\n    [hiliteIds]\n  );\n\n  useEffect(() => {\n    if (isOverlappedColored === false) {\n      if (hiliteIds.length > 0 && showGroupColor && !isGroupsFetching) {\n        const results = generateOverlappedGroups(hiliteIds);\n        const { groupsWithGroupedOverlaps, overlappedElementsInfo, numberOfElementsInGroups } = results;\n        setOverlappedElementsMetadata({ overlappedElementsInfo, groupElementsInfo: numberOfElementsInGroups, overlappedElementGroupPairs: groupsWithGroupedOverlaps });\n        visualizationMutation.mutate(results.groupsWithGroupedOverlaps);\n      } else {\n        clearEmphasizedOverriddenElements();\n      }\n    }\n    // We don't want to trigger full visualization when toggling individual groups.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [showGroupColor, isOverlappedColored, hiliteIds]);\n\n  useEffect(() => {\n    if (isVisualizationsEnabled) {\n      setEnableGroupQueries(true);\n    } else {\n      setShowGroupColor(false);\n      clearHiddenElements();\n      setHiddenGroupsIds(new Set());\n    }\n  }, [isVisualizationsEnabled, setHiddenGroupsIds, setIsVisualizationsEnabled, setShowGroupColor]);\n\n  const hideAllGroups = useCallback(\n    () => {\n      if (!groups) return;\n      hideElements(getHiliteIdsFromGroupsWrapper(groups));\n    },\n    [getHiliteIdsFromGroupsWrapper, groups]\n  );\n\n  const hideSingleGroupWrapper = useCallback(\n    (groupToHide: Group) => {\n      hideGroupConsideringOverlaps(overlappedElementsMetadata.overlappedElementGroupPairs, groupToHide.id, hiddenGroupsIds);\n    },\n    [hiddenGroupsIds, overlappedElementsMetadata.overlappedElementGroupPairs]\n  );\n\n  const showGroup = useCallback(\n    (viewGroup: Group) => {\n      if (!groups) return;\n      clearHiddenElements();\n\n      // hide group Ids filter\n      const newHiddenGroups: Group[] = groups.filter((g) => hiddenGroupsIds.has(g.id) && g.id !== viewGroup.id);\n\n      // view group Ids filter\n      const viewGroups = groups.filter((g) => !hiddenGroupsIds.has(g.id) || g.id === viewGroup.id);\n      const viewIds = getHiliteIdsFromGroupsWrapper(viewGroups);\n\n      let hiddenIds = getHiliteIdsFromGroupsWrapper(newHiddenGroups);\n      hiddenIds = hiddenIds.filter((id) => !viewIds.includes(id));\n      hideElements(hiddenIds);\n    },\n    [groups, hiddenGroupsIds, getHiliteIdsFromGroupsWrapper]\n  );\n\n  const showAll = useCallback(() => {\n    clearHiddenElements();\n    setHiddenGroupsIds(new Set());\n  }, [setHiddenGroupsIds]);\n\n  const hideAll = useCallback(() => {\n    if (!groups) return;\n    hideAllGroups();\n    setHiddenGroupsIds(\n      new Set(groups.map((g) => g.id))\n    );\n\n  }, [\n    setHiddenGroupsIds,\n    groups,\n    hideAllGroups,\n  ]);\n\n  const onModify = useCallback(\n    (group: Group, type: string) => {\n      if (!onClickGroupModify) return;\n      if (group.id && hiddenGroupsIds.has(group.id)) {\n        showGroup(group);\n        setHiddenGroupsIds(new Set([...hiddenGroupsIds].filter((id) => id !== group.id)));\n      }\n      clearEmphasizedElements();\n      onClickGroupModify(group, type);\n    },\n    [hiddenGroupsIds, onClickGroupModify, setHiddenGroupsIds, showGroup]\n  );\n\n  const onAddGroup = useCallback(\n    (type: string) => {\n      if (!onClickAddGroup) return;\n      onClickAddGroup(type);\n      clearEmphasizedElements();\n    },\n    [onClickAddGroup]\n  );\n\n  const groupActionButtonRenderers: ActionButtonRenderer[] = useMemo(() => isVisualizationsEnabled ? [\n    (props: ActionButtonRendererProps) =>\n      showGroupColor ? <GroupColorLegend {...props} groups={groups ?? []} /> : [],\n    (props: ActionButtonRendererProps) => (\n      <GroupsShowHideButtons\n        {...props}\n        isLoadingQuery={!(isVisualizationsEnabled && isGroupsFetched && isGroupsQueriesReady)}\n        showGroup={showGroup}\n        hideGroup={hideSingleGroupWrapper}\n      />\n    ),\n  ].flat() : [], [groups, hideSingleGroupWrapper, isGroupsFetched, isGroupsQueriesReady, isVisualizationsEnabled, showGroup, showGroupColor]);\n\n  const overlappedAlert = useMemo(() =>\n    overlappedElementsMetadata.overlappedElementsInfo.size > 0 && isAlertClosed && showGroupColor ?\n      <Alert\n        onClose={() => setIsAlertClosed(false)}\n        clickableText={isAlertExpanded ? \"Less Details\" : \"More Details\"}\n        clickableTextProps={{ onClick: () => setIsAlertExpanded(!isAlertExpanded) }}\n      >\n        Overlapping elements are colored <Text className=\"gmw-red-text\">red</Text> in the viewer.\n        {isAlertExpanded ? (\n          <>\n            <br />\n            To get overlap info in detail, click the <Icon><SvgMore /></Icon> button then &ldquo;Overlap Info&rdquo;\n          </>\n        ) : undefined}\n      </Alert> : undefined, [isAlertClosed, isAlertExpanded, overlappedElementsMetadata.overlappedElementsInfo.size, showGroupColor]\n  );\n\n  const progressConfig = useMemo(\n    () =>\n      isVisualizationsEnabled && isResolvingGroupQueries\n        ? {\n          hilitedGroupsProgress: {\n            currentHilitedGroups: groupQueriesProgressCount,\n            totalNumberOfGroups: groups?.length ?? 0,\n          },\n        }\n        : undefined,\n    [groupQueriesProgressCount, groups, isResolvingGroupQueries, isVisualizationsEnabled],\n  );\n\n  return (\n    <div className=\"gmw-groups-vis-container\">\n      <GroupVisualizationActions\n        disabled={!(isVisualizationsEnabled && isGroupsFetched && isGroupsQueriesReady)}\n        isVisualizationEnabled={isVisualizationsEnabled}\n        onClickVisualizationButton={() => setIsVisualizationsEnabled((b) => !b)}\n        showAll={showAll}\n        hideAll={hideAll}\n      />\n      <Groups\n        onClickGroupModify={onModify}\n        onClickAddGroup={onAddGroup}\n        actionButtonRenderers={groupActionButtonRenderers}\n        mapping={mapping}\n        {...rest}\n        progressConfig={progressConfig}\n        alert={overlappedAlert}\n      />\n    </div>\n  );\n};\n"]}

package/lib/cjs/components/Groups/GroupsVisualizationActions.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
 import "./GroupsVisualizationActions.scss";
 interface GroupVisualizationActionsProps {
-    isLoadingQuery: boolean;
-    showAll: () => Promise<void>;
-    hideAll: () => Promise<void>;
+    disabled: boolean;
+    isVisualizationEnabled: boolean;
+    onClickVisualizationButton: () => void;
+    showAll: () => void;
+    hideAll: () => void;
 }
-export declare const GroupVisualizationActions: ({ isLoadingQuery, showAll, hideAll, }: GroupVisualizationActionsProps) => JSX.Element;
+export declare const GroupVisualizationActions: ({ disabled, isVisualizationEnabled, onClickVisualizationButton, showAll, hideAll, }: GroupVisualizationActionsProps) => JSX.Element;
 export {};
 //# sourceMappingURL=GroupsVisualizationActions.d.ts.map

package/lib/cjs/components/Groups/GroupsVisualizationActions.js

@@ -14,14 +14,16 @@ const ToggleGroupVisibility_1 = require("./ToggleGroupVisibility");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 require("./GroupsVisualizationActions.scss");
 const GroupHilitedElementsContext_1 = require("../context/GroupHilitedElementsContext");
-const GroupVisualizationActions = ({ isLoadingQuery, showAll, hideAll, }) => {
+const GroupVisualizationActions = ({ disabled, isVisualizationEnabled, onClickVisualizationButton, showAll, hideAll, }) => {
     const { showGroupColor, setShowGroupColor, } = (0, GroupHilitedElementsContext_1.useGroupHilitedElementsContext)();
     return (react_1.default.createElement(itwinui_react_1.ButtonGroup, { className: "gmw-visual-buttons" },
-        react_1.default.createElement(ToggleGroupVisibility_1.ToggleGroupVisibility, { isLoadingQuery: isLoadingQuery, showGroupColor: showGroupColor, setShowGroupColor: setShowGroupColor }),
-        react_1.default.createElement(itwinui_react_1.IconButton, { title: "Show All", onClick: showAll, disabled: isLoadingQuery, styleType: "borderless" },
-            react_1.default.createElement(itwinui_icons_react_1.SvgVisibilityShow, null)),
-        react_1.default.createElement(itwinui_react_1.IconButton, { title: "Hide All", onClick: hideAll, disabled: isLoadingQuery, styleType: "borderless" },
-            react_1.default.createElement(itwinui_icons_react_1.SvgVisibilityHide, null))));
+        react_1.default.createElement(itwinui_react_1.ToggleSwitch, { label: "Visualization", labelPosition: "left", checked: isVisualizationEnabled, onChange: onClickVisualizationButton }),
+        react_1.default.createElement(itwinui_react_1.ButtonGroup, null,
+            react_1.default.createElement(ToggleGroupVisibility_1.ToggleGroupVisibility, { isLoadingQuery: disabled, showGroupColor: showGroupColor, setShowGroupColor: setShowGroupColor }),
+            react_1.default.createElement(itwinui_react_1.IconButton, { title: "Show All", onClick: showAll, disabled: disabled, styleType: "borderless" },
+                react_1.default.createElement(itwinui_icons_react_1.SvgVisibilityShow, null)),
+            react_1.default.createElement(itwinui_react_1.IconButton, { title: "Hide All", onClick: hideAll, disabled: disabled, styleType: "borderless" },
+                react_1.default.createElement(itwinui_icons_react_1.SvgVisibilityHide, null)))));
 };
 exports.GroupVisualizationActions = GroupVisualizationActions;
 //# sourceMappingURL=GroupsVisualizationActions.js.map

package/lib/cjs/components/Groups/GroupsVisualizationActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupsVisualizationActions.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupsVisualizationActions.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,wDAA+D;AAC/D,kDAA0B;AAC1B,mEAAgE;AAChE,oEAAkF;AAClF,6CAA2C;AAC3C,wFAAwF;AAQjF,MAAM,yBAAyB,GAAG,CAAC,EACxC,cAAc,EACd,OAAO,EACP,OAAO,GACwB,EAAE,EAAE;IACnC,MAAM,EACJ,cAAc,EACd,iBAAiB,GAClB,GAAG,IAAA,4DAA8B,GAAE,CAAC;IAErC,OAAO,CACL,8BAAC,2BAAW,IAAC,SAAS,EAAC,oBAAoB;QACzC,8BAAC,6CAAqB,IACpB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,GACpC;QACF,8BAAC,0BAAU,IACT,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,YAAY;YAEtB,8BAAC,uCAAiB,OAAG,CACV;QACb,8BAAC,0BAAU,IACT,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,YAAY;YAEtB,8BAAC,uCAAiB,OAAG,CACV,CACD,CACf,CAAC;AAEJ,CAAC,CAAC;AApCW,QAAA,yBAAyB,6BAoCpC","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*--------------------------------------------------------------------------------------------*/\nimport { ButtonGroup, IconButton } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport { ToggleGroupVisibility } from \"./ToggleGroupVisibility\";\nimport { SvgVisibilityHide, SvgVisibilityShow } from \"@itwin/itwinui-icons-react\";\nimport \"./GroupsVisualizationActions.scss\";\nimport { useGroupHilitedElementsContext } from \"../context/GroupHilitedElementsContext\";\n\ninterface GroupVisualizationActionsProps {\n  isLoadingQuery: boolean;\n  showAll: () => Promise<void>;\n  hideAll: () => Promise<void>;\n}\n\nexport const GroupVisualizationActions = ({\n  isLoadingQuery,\n  showAll,\n  hideAll,\n}: GroupVisualizationActionsProps) => {\n  const {\n    showGroupColor,\n    setShowGroupColor,\n  } = useGroupHilitedElementsContext();\n\n  return (\n    <ButtonGroup className=\"gmw-visual-buttons\">\n      <ToggleGroupVisibility\n        isLoadingQuery={isLoadingQuery}\n        showGroupColor={showGroupColor}\n        setShowGroupColor={setShowGroupColor}\n      />\n      <IconButton\n        title=\"Show All\"\n        onClick={showAll}\n        disabled={isLoadingQuery}\n        styleType=\"borderless\"\n      >\n        <SvgVisibilityShow />\n      </IconButton>\n      <IconButton\n        title=\"Hide All\"\n        onClick={hideAll}\n        disabled={isLoadingQuery}\n        styleType=\"borderless\"\n      >\n        <SvgVisibilityHide />\n      </IconButton>\n    </ButtonGroup>\n  );\n\n};\n\n"]}
+{"version":3,"file":"GroupsVisualizationActions.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupsVisualizationActions.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,wDAA6E;AAC7E,kDAA0B;AAC1B,mEAAgE;AAChE,oEAAkF;AAClF,6CAA2C;AAC3C,wFAAwF;AAUjF,MAAM,yBAAyB,GAAG,CAAC,EACxC,QAAQ,EACR,sBAAsB,EACtB,0BAA0B,EAC1B,OAAO,EACP,OAAO,GACwB,EAAE,EAAE;IACnC,MAAM,EACJ,cAAc,EACd,iBAAiB,GAClB,GAAG,IAAA,4DAA8B,GAAE,CAAC;IAErC,OAAO,CACL,8BAAC,2BAAW,IAAC,SAAS,EAAC,oBAAoB;QACzC,8BAAC,4BAAY,IACX,KAAK,EAAC,eAAe,EACrB,aAAa,EAAC,MAAM,EACpB,OAAO,EAAE,sBAAsB,EAC/B,QAAQ,EAAE,0BAA0B,GACpC;QACF,8BAAC,2BAAW;YACV,8BAAC,6CAAqB,IACpB,cAAc,EAAE,QAAQ,EACxB,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,GACpC;YACF,8BAAC,0BAAU,IACT,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,YAAY;gBAEtB,8BAAC,uCAAiB,OAAG,CACV;YACb,8BAAC,0BAAU,IACT,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,YAAY;gBAEtB,8BAAC,uCAAiB,OAAG,CACV,CACD,CACD,CAChB,CAAC;AAEJ,CAAC,CAAC;AA9CW,QAAA,yBAAyB,6BA8CpC","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*--------------------------------------------------------------------------------------------*/\nimport { ButtonGroup, IconButton, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport { ToggleGroupVisibility } from \"./ToggleGroupVisibility\";\nimport { SvgVisibilityHide, SvgVisibilityShow } from \"@itwin/itwinui-icons-react\";\nimport \"./GroupsVisualizationActions.scss\";\nimport { useGroupHilitedElementsContext } from \"../context/GroupHilitedElementsContext\";\n\ninterface GroupVisualizationActionsProps {\n  disabled: boolean;\n  isVisualizationEnabled: boolean;\n  onClickVisualizationButton: () => void;\n  showAll: () => void;\n  hideAll: () => void;\n}\n\nexport const GroupVisualizationActions = ({\n  disabled,\n  isVisualizationEnabled,\n  onClickVisualizationButton,\n  showAll,\n  hideAll,\n}: GroupVisualizationActionsProps) => {\n  const {\n    showGroupColor,\n    setShowGroupColor,\n  } = useGroupHilitedElementsContext();\n\n  return (\n    <ButtonGroup className=\"gmw-visual-buttons\">\n      <ToggleSwitch\n        label=\"Visualization\"\n        labelPosition=\"left\"\n        checked={isVisualizationEnabled}\n        onChange={onClickVisualizationButton}\n      />\n      <ButtonGroup>\n        <ToggleGroupVisibility\n          isLoadingQuery={disabled}\n          showGroupColor={showGroupColor}\n          setShowGroupColor={setShowGroupColor}\n        />\n        <IconButton\n          title=\"Show All\"\n          onClick={showAll}\n          disabled={disabled}\n          styleType=\"borderless\"\n        >\n          <SvgVisibilityShow />\n        </IconButton>\n        <IconButton\n          title=\"Hide All\"\n          onClick={hideAll}\n          disabled={disabled}\n          styleType=\"borderless\"\n        >\n          <SvgVisibilityHide />\n        </IconButton>\n      </ButtonGroup>\n    </ButtonGroup >\n  );\n\n};\n\n"]}

package/lib/cjs/components/Groups/GroupsVisualizationActions.scss

@@ -4,5 +4,6 @@
 *--------------------------------------------------------------------------------------------*/
 
 .gmw-visual-buttons {
+  justify-content: space-between;
   flex-wrap: wrap;
 }

package/lib/cjs/components/Groups/groupsHelpers.d.ts

@@ -1,11 +1,23 @@
 import type { IModelConnection } from "@itwin/core-frontend";
 import type { Group } from "@itwin/insights-client";
-import type { OverlappedElementGroupPairs, OverlappedInfo, QueryCacheItem } from "../context/GroupHilitedElementsContext";
+import type { OverlappedElementGroupPairs, OverlappedInfo } from "../context/GroupHilitedElementsContext";
 export declare const getGroupColor: (index: number) => string;
-export declare const getHiliteIdsFromGroups: (iModelConnection: IModelConnection, groups: Group[], hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>) => Promise<string[]>;
-export declare const hideGroups: (iModelConnection: IModelConnection, viewGroups: Group[], hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>) => Promise<void>;
-export declare const hideGroup: (iModelConnection: IModelConnection, viewGroup: Group, hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>) => Promise<void>;
-export declare const visualizeGroupColors: (iModelConnection: IModelConnection, groups: Group[], hiddenGroupsIds: Set<string>, hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>, setNumberOfVisualizedGroups: (numberOfVisualizedGroups: number | ((numberOfVisualizedGroups: number) => number)) => void, setOverlappedElementsInfo: (overlappedElementsInfo: Map<string, OverlappedInfo[]> | ((overlappedElementsInfo: Map<string, OverlappedInfo[]>) => Map<string, OverlappedInfo[]>)) => void, setGroupElementsInfo: (groupElementsInfo: Map<string, number> | ((groupElementsInfo: Map<string, number>) => Map<string, number>)) => void, setOverlappedElementGroupPairs: (overlappedElementGroupPairs: OverlappedElementGroupPairs[]) => void, doEmphasizeElements?: boolean) => Promise<void>;
-export declare const getHiliteIdsAndKeysetFromGroup: (iModelConnection: IModelConnection, group: Group, hilitedElementsQueryCache: React.MutableRefObject<Map<string, QueryCacheItem>>) => Promise<QueryCacheItem>;
-export declare const hideGroupConsideringOverlaps: (overlappedElementGroupPairs: OverlappedElementGroupPairs[], groupIdToHide: string, hiddenGroupsIds: Set<string>) => Promise<void>;
+export declare type GroupsElementIds = {
+    groupId: string;
+    elementIds: string[];
+}[];
+export declare const visualizeGroupColors: (hiddenGroupsIds: Set<string>, groupsWithGroupedOverlaps: OverlappedElementGroupPairs[], setNumberOfVisualizedGroups: (numberOfVisualizedGroups: number | ((numberOfVisualizedGroups: number) => number)) => void, doEmphasizeElements?: boolean) => Promise<string[]>;
+export declare const getHiliteIdsAndKeysetFromGroup: (iModelConnection: IModelConnection, group: Group) => Promise<{
+    group: Group;
+    result: {
+        keySet: import("@itwin/presentation-common").KeySet;
+        ids: string[];
+    };
+}>;
+export declare const generateOverlappedGroups: (groupsElementIds: GroupsElementIds) => {
+    groupsWithGroupedOverlaps: OverlappedElementGroupPairs[];
+    overlappedElementsInfo: Map<string, OverlappedInfo[]>;
+    numberOfElementsInGroups: Map<string, number>;
+};
+export declare const hideGroupConsideringOverlaps: (overlappedElementGroupPairs: OverlappedElementGroupPairs[], groupIdToHide: string, hiddenGroupsIds: Set<string>) => void;
 //# sourceMappingURL=groupsHelpers.d.ts.map

package/lib/cjs/components/Groups/groupsHelpers.js

@@ -1,13 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.hideGroupConsideringOverlaps = exports.getHiliteIdsAndKeysetFromGroup = exports.visualizeGroupColors = exports.hideGroup = exports.hideGroups = exports.getHiliteIdsFromGroups = exports.getGroupColor = void 0;
+exports.hideGroupConsideringOverlaps = exports.generateOverlappedGroups = exports.getHiliteIdsAndKeysetFromGroup = exports.visualizeGroupColors = exports.getGroupColor = void 0;
 /*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 const core_common_1 = require("@itwin/core-common");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const presentation_common_1 = require("@itwin/presentation-common");
 const viewerUtils_1 = require("../../common/viewerUtils");
 const GOLDEN_ANGLE_MULTIPLIER = 1.5; // Multiplier to spread colors more uniformly.
 const BASE_HUE_OFFSET = 60; // Initial hue offset to avoid certain colors e.g 0 offset would begin with red.
@@ -26,37 +24,6 @@ const getGroupColor = (index) => {
     return generateHSL(hue);
 };
 exports.getGroupColor = getGroupColor;
-const getHiliteIdsFromGroups = async (iModelConnection, groups, hilitedElementsQueryCache) => {
-    const distinctQueries = new Set();
-    const promises = [];
-    for (const group of groups) {
-        if (!distinctQueries.has(group.query)) {
-            distinctQueries.add(group.query);
-            promises.push((0, exports.getHiliteIdsAndKeysetFromGroup)(iModelConnection, group, hilitedElementsQueryCache));
-        }
-    }
-    const results = await Promise.all(promises);
-    const allIds = results.flatMap((result) => result.ids);
-    return allIds;
-};
-exports.getHiliteIdsFromGroups = getHiliteIdsFromGroups;
-const hideGroups = async (iModelConnection, viewGroups, hilitedElementsQueryCache) => {
-    const distinctQueries = new Set();
-    const promises = [];
-    for (const viewGroup of viewGroups) {
-        if (!distinctQueries.has(viewGroup.query)) {
-            distinctQueries.add(viewGroup.query);
-            promises.push((0, exports.hideGroup)(iModelConnection, viewGroup, hilitedElementsQueryCache));
-        }
-    }
-    await Promise.all(promises);
-};
-exports.hideGroups = hideGroups;
-const hideGroup = async (iModelConnection, viewGroup, hilitedElementsQueryCache) => {
-    const result = await (0, exports.getHiliteIdsAndKeysetFromGroup)(iModelConnection, viewGroup, hilitedElementsQueryCache);
-    (0, viewerUtils_1.hideElements)(result.ids);
-};
-exports.hideGroup = hideGroup;
 const processGroupVisualization = async (overlappedElementGroupPairs, hiddenGroupsIds, doEmphasizeElements, color, replace, setNumberOfVisualizedGroups) => {
     const hilitedIds = Array.from(overlappedElementGroupPairs.elementIds);
     (0, viewerUtils_1.overrideElements)(hilitedIds, color, core_common_1.FeatureOverrideType.ColorAndAlpha, replace);
@@ -69,12 +36,8 @@ const processGroupVisualization = async (overlappedElementGroupPairs, hiddenGrou
     }
     return hilitedIds;
 };
-const visualizeGroupColors = async (iModelConnection, groups, hiddenGroupsIds, hilitedElementsQueryCache, setNumberOfVisualizedGroups, setOverlappedElementsInfo, setGroupElementsInfo, setOverlappedElementGroupPairs, doEmphasizeElements = true) => {
+const visualizeGroupColors = async (hiddenGroupsIds, groupsWithGroupedOverlaps, setNumberOfVisualizedGroups, doEmphasizeElements = true) => {
     (0, viewerUtils_1.clearEmphasizedOverriddenElements)();
-    const { groupsWithGroupedOverlaps, overlappedElementsInfo, numberOfElementsInGroups } = await generateOverlappedGroups(groups, iModelConnection, hilitedElementsQueryCache);
-    setOverlappedElementsInfo(overlappedElementsInfo);
-    setGroupElementsInfo(numberOfElementsInGroups);
-    setOverlappedElementGroupPairs(groupsWithGroupedOverlaps);
     const singleGroupPromises = groupsWithGroupedOverlaps
         .filter((group) => group.groupIds.size === 1)
         .map(async (group, index) => processGroupVisualization(group, hiddenGroupsIds, doEmphasizeElements, (0, exports.getGroupColor)(index), // color for single group
@@ -85,39 +48,20 @@ const visualizeGroupColors = async (iModelConnection, groups, hiddenGroupsIds, h
         .map(async (group) => processGroupVisualization(group, hiddenGroupsIds, doEmphasizeElements, generateHSL(0), // color for group of overlapped elements
     false, setNumberOfVisualizedGroups));
     (0, viewerUtils_1.clearHiddenElements)();
-    hiddenGroupsIds.forEach(async (groupId) => {
-        await (0, exports.hideGroupConsideringOverlaps)(groupsWithGroupedOverlaps, groupId, hiddenGroupsIds);
+    hiddenGroupsIds.forEach((groupId) => {
+        (0, exports.hideGroupConsideringOverlaps)(groupsWithGroupedOverlaps, groupId, hiddenGroupsIds);
     });
     const allPromises = [...singleGroupPromises, ...overlappedGroupPromises];
     const allIds = (await Promise.all(allPromises)).flat();
-    await (0, viewerUtils_1.zoomToElements)(allIds);
+    return allIds;
 };
 exports.visualizeGroupColors = visualizeGroupColors;
-const getHiliteIdsAndKeysetFromGroup = async (iModelConnection, group, hilitedElementsQueryCache) => {
+const getHiliteIdsAndKeysetFromGroup = async (iModelConnection, group) => {
     const query = group.query;
-    if (hilitedElementsQueryCache.current.has(query)) {
-        return hilitedElementsQueryCache.current.get(query) ?? ({ keySet: new presentation_common_1.KeySet(), ids: [] });
-    }
-    try {
-        const queryRowCount = await iModelConnection.queryRowCount(query);
-        if (queryRowCount === 0) {
-            itwinui_react_1.toaster.warning(`${group.groupName}'s query is valid but produced no results.`);
-        }
-        const result = await (0, viewerUtils_1.getHiliteIds)(query, iModelConnection);
-        hilitedElementsQueryCache.current.set(query, result);
-        return result;
-    }
-    catch {
-        itwinui_react_1.toaster.negative(`Query could not be resolved.`);
-        return ({ keySet: new presentation_common_1.KeySet(), ids: [] });
-    }
+    const result = await (0, viewerUtils_1.getHiliteIds)(query, iModelConnection);
+    return { group, result };
 };
 exports.getHiliteIdsAndKeysetFromGroup = getHiliteIdsAndKeysetFromGroup;
-const getHiliteIdsForGroup = async (iModelConnection, group, hilitedElementsQueryCache) => {
-    const result = await (0, exports.getHiliteIdsAndKeysetFromGroup)(iModelConnection, group, hilitedElementsQueryCache);
-    const hilitedIds = result.ids;
-    return hilitedIds;
-};
 const getOverlappedElementsInfo = (overlappedElements) => {
     const overlappedElementsInfo = new Map();
     overlappedElements.forEach((elementGroup) => {
@@ -146,11 +90,7 @@ const mergeElementsByGroup = (elems) => {
     });
     return mergedList;
 };
-const generateOverlappedGroups = async (groups, iModelConnection, hilitedElementsQueryCache) => {
-    const groupsElementIds = await Promise.all(groups.map(async (group) => ({
-        groupId: group.id,
-        elementIds: await getHiliteIdsForGroup(iModelConnection, group, hilitedElementsQueryCache),
-    })));
+const generateOverlappedGroups = (groupsElementIds) => {
     const elems = new Map();
     const groupElementCount = new Map();
     // Build the elems map for associations between elements and their groups.
@@ -172,7 +112,8 @@ const generateOverlappedGroups = async (groups, iModelConnection, hilitedElement
     const overlappedGroupsInformation = Array.from(mergedList.values()).filter((value) => value.groupIds.size > 1);
     return { groupsWithGroupedOverlaps: [...allGroups, ...overlappedGroupsInformation], overlappedElementsInfo: getOverlappedElementsInfo(overlappedGroupsInformation), numberOfElementsInGroups: groupElementCount };
 };
-const hideGroupConsideringOverlaps = async (overlappedElementGroupPairs, groupIdToHide, hiddenGroupsIds) => {
+exports.generateOverlappedGroups = generateOverlappedGroups;
+const hideGroupConsideringOverlaps = (overlappedElementGroupPairs, groupIdToHide, hiddenGroupsIds) => {
     const elementsToPotentiallyHide = new Set();
     // Check each entry in overlappedElementGroupPairs
     for (const entry of overlappedElementGroupPairs) {