@itwin/grouping-mapping-widget 0.19.2 → 0.20.0

package/lib/esm/components/Groups/GroupsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupsView.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupsView.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 React from \"react\";\nimport type {\n  Alert,\n} from \"@itwin/itwinui-react\";\nimport {\n  ButtonGroup,\n  IconButton,\n  InformationPanelWrapper,\n  ProgressLinear,\n} from \"@itwin/itwinui-react\";\nimport {\n  SvgRefresh,\n} from \"@itwin/itwinui-icons-react\";\nimport DeleteModal from \"../SharedComponents/DeleteModal\";\nimport \"./GroupsView.scss\";\nimport { EmptyMessage } from \"../SharedComponents/EmptyMessage\";\nimport { LoadingOverlay } from \"../SharedComponents/LoadingOverlay\";\nimport type { Group, Mapping } from \"@itwin/insights-client\";\nimport { GroupItem } from \"./GroupItem\";\nimport type { ContextCustomUI, GroupingCustomUI } from \"../customUI/GroupingMappingCustomUI\";\nimport { GroupsAddButton } from \"./GroupsAddButton\";\nimport { OverlappedElementsInformationPanel } from \"./OverlappedElementsInformationPanel\";\nimport type { OverlappedInfo } from \"../context/GroupHilitedElementsContext\";\n\nexport interface ActionButtonRendererProps {\n  group: Group;\n}\n\nexport type ActionButtonRenderer = (\n  props: ActionButtonRendererProps\n) => React.ReactNode;\n\nexport interface ProgressConfig {\n  hilitedGroupsProgress?: {\n    currentHilitedGroups: number;\n    totalNumberOfGroups: number;\n  };\n  baseProgress?: number;\n  maxDynamicProgress?: number;\n}\n\nexport interface GroupsViewProps {\n  mapping: Mapping;\n  groups: Group[];\n  isLoading: boolean;\n  onRefresh: () => Promise<void>;\n  groupUIs: GroupingCustomUI[];\n  actionButtonRenderers?: ActionButtonRenderer[];\n  contextUIs: ContextCustomUI[];\n  onClickAddGroup?: (queryGenerationType: string) => void;\n  onClickGroupTitle?: (group: Group) => void;\n  onClickGroupModify?: (group: Group, queryGenerationType: string) => void;\n  onClickRenderContextCustomUI?: (\n    contextCustomUI: Exclude<ContextCustomUI[\"uiComponent\"], undefined>,\n    group: Group,\n    displayLabel: string,\n  ) => void;\n  disableActions?: boolean;\n  selectedGroupForDeletion?: Group;\n  setSelectedGroupForDeletion: (group: Group) => void;\n  onDeleteGroup: (group: Group) => Promise<void>;\n  onCloseDeleteModal: () => void;\n  alert?: React.ReactElement<typeof Alert>;\n  setActiveOverlapInfoPanelGroup?: (activeOverlapInfoPanelGroup: Group | undefined) => void;\n  activeOverlapInfoPanelGroup?: Group | undefined;\n  overlappedElementsInfo?: Map<string, OverlappedInfo[]>;\n  progressConfig?: ProgressConfig;\n}\n\nexport const GroupsView = ({\n  mapping,\n  groups,\n  isLoading,\n  onRefresh,\n  groupUIs,\n  actionButtonRenderers,\n  onClickAddGroup,\n  onClickGroupTitle,\n  onClickGroupModify,\n  onClickRenderContextCustomUI,\n  disableActions,\n  selectedGroupForDeletion,\n  onDeleteGroup,\n  onCloseDeleteModal,\n  setSelectedGroupForDeletion,\n  contextUIs,\n  alert,\n  setActiveOverlapInfoPanelGroup,\n  activeOverlapInfoPanelGroup,\n  overlappedElementsInfo,\n  progressConfig,\n}: GroupsViewProps) => {\n  /**\n   * UX Progress Bar Logic:\n   * - Start non-zero for immediate feedback.\n   * - Restrict motion to a range (e.g., 25-90%) for perceived continuity.\n   * - Disappear when compplete.\n   * Goal: Smooth experience for unpredictable durations.\n   */\n  const { baseProgress = 25, maxDynamicProgress = 65, hilitedGroupsProgress } = progressConfig || {};\n\n  return (\n    <InformationPanelWrapper className=\"gmw-groups-container\">\n      <div className=\"gmw-toolbar\">\n        {onClickAddGroup && groupUIs.length > 0 && (\n          <GroupsAddButton\n            disabled={disableActions}\n            groupUIs={groupUIs}\n            onClickAddGroup={onClickAddGroup}\n          />\n        )}\n        <ButtonGroup className=\"gmw-toolbar-buttons\">\n          <IconButton\n            title=\"Refresh\"\n            onClick={onRefresh}\n            disabled={isLoading || disableActions}\n            styleType=\"borderless\"\n          >\n            <SvgRefresh />\n          </IconButton>\n        </ButtonGroup>\n      </div>\n      {alert}\n      <div className='gmw-groups-border' />\n      {!!hilitedGroupsProgress &&\n        <div className=\"gmw-group-progress-bar\">\n          <ProgressLinear\n            value={baseProgress + (hilitedGroupsProgress.currentHilitedGroups / hilitedGroupsProgress.totalNumberOfGroups * maxDynamicProgress)}\n          />\n        </div>}\n      {isLoading ? (\n        <LoadingOverlay />\n      ) : groups.length === 0 ? (\n        <EmptyMessage message=\"No Groups available.\" />\n      ) : (\n        <div className=\"gmw-group-list\">\n          {groups.map((group) => (\n            <GroupItem\n              key={group.id}\n              mapping={mapping}\n              group={group}\n              groupUIs={groupUIs}\n              actionButtonRenderers={actionButtonRenderers}\n              onClickGroupTitle={onClickGroupTitle}\n              onClickGroupModify={onClickGroupModify}\n              onClickRenderContextCustomUI={onClickRenderContextCustomUI}\n              disableActions={disableActions}\n              setShowDeleteModal={setSelectedGroupForDeletion}\n              contextUIs={contextUIs}\n              setActiveOverlapInfoPanelGroup={setActiveOverlapInfoPanelGroup}\n            />\n          ))}\n        </div>\n      )}\n      {overlappedElementsInfo && setActiveOverlapInfoPanelGroup &&\n        <OverlappedElementsInformationPanel\n          group={activeOverlapInfoPanelGroup}\n          onClose={() => setActiveOverlapInfoPanelGroup(undefined)}\n          overlappedElementsInfo={overlappedElementsInfo}\n          groups={groups}\n        />}\n      {selectedGroupForDeletion && (\n        <DeleteModal\n          entityName={selectedGroupForDeletion.groupName}\n          onClose={onCloseDeleteModal}\n          onDelete={async () => {\n            await onDeleteGroup(selectedGroupForDeletion);\n          }}\n          refresh={onRefresh}\n        />\n      )}\n    </InformationPanelWrapper>\n  );\n};\n"]}

package/lib/esm/components/Groups/GroupsView.scss

@@ -0,0 +1,53 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+.gmw-groups-container {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  min-height: 0;
+
+  .gmw-toolbar {
+    display: flex;
+    justify-content: space-between;
+    gap: var(--iui-size-xs);
+    padding-bottom: var(--iui-size-s);
+    flex-wrap: wrap;
+
+    &.gmw-visualizing-toolbar {
+      border-bottom: none;
+    }
+
+    .gmw-toolbar-buttons {
+      margin-right: var(--iui-size-s);
+      margin-left: auto;
+      flex-wrap: wrap;
+    }
+  }
+
+  .gmw-groups-border {
+    border-bottom: 1px solid var(--iui-color-border-subtle);
+  }
+
+  .gmw-group-progress-bar {
+    height: 1px;
+  }
+
+  .gmw-overlap-alert{
+    font-size: small;
+  }
+
+  .gmw-group-list {
+    display: flex;
+    flex-direction: column;
+    overflow-y: overlay;
+    gap: var(--iui-size-xs);
+    margin-top: var(--iui-size-xs);
+  }
+
+  .gmw-menu-item {
+    padding-left: var(--iui-size-s);
+  }
+}

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

@@ -0,0 +1,130 @@
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { useGroupHilitedElementsContext } from "../context/GroupHilitedElementsContext";
+import { getHiliteIdsFromGroups, hideGroupConsideringOverlaps, hideGroups, visualizeGroupColors, } from "./groupsHelpers";
+import { clearEmphasizedElements, clearEmphasizedOverriddenElements, clearHiddenElements, hideElements, } from "../../common/viewerUtils";
+import { Groups } from "./Groups";
+import { GroupColorLegend } from "./GroupColorLegend";
+import { GroupVisualizationActions } from "./GroupsVisualizationActions";
+import { GroupsShowHideButtons } from "./GroupsShowHideButtons";
+import "./GroupsVisualization.scss";
+import { useGroupingMappingApiConfig } from "../context/GroupingApiConfigContext";
+import { Alert, Icon, Text } from "@itwin/itwinui-react";
+import { SvgMore } from "@itwin/itwinui-icons-react";
+export const GroupsVisualization = ({ emphasizeElements = true, isNonEmphasizedSelectable = false, onClickGroupModify, onClickAddGroup, ...rest }) => {
+    const { iModelConnection } = useGroupingMappingApiConfig();
+    if (!iModelConnection) {
+        throw new Error("This component requires an active iModelConnection.");
+    }
+    const [isLoadingQuery, setLoadingQuery] = useState(false);
+    const [isVisualizing, setIsVisualizing] = useState(false);
+    const [isAlertClosed, setIsAlertClosed] = useState(true);
+    const [isAlertExpanded, setIsAlertExpanded] = useState(false);
+    const { hilitedElementsQueryCache, groups, hiddenGroupsIds, showGroupColor, isOverlappedColored, setHiddenGroupsIds, setNumberOfVisualizedGroups, setOverlappedElementsInfo, setGroupElementsInfo, overlappedElementsInfo, overlappedElementGroupPairs, setOverlappedElementGroupPairs, } = useGroupHilitedElementsContext();
+    const getHiliteIdsFromGroupsWrapper = useCallback(async (groups) => iModelConnection
+        ? getHiliteIdsFromGroups(iModelConnection, groups, hilitedElementsQueryCache)
+        : [], [iModelConnection, hilitedElementsQueryCache]);
+    const handleVisualizationStates = useCallback((start = true) => {
+        setIsVisualizing(start);
+        setLoadingQuery(start);
+        if (!start) {
+            setNumberOfVisualizedGroups(0);
+        }
+    }, [setNumberOfVisualizedGroups]);
+    const triggerVisualization = useCallback(async () => {
+        handleVisualizationStates(true);
+        const groupsCopy = [...groups];
+        await visualizeGroupColors(iModelConnection, groupsCopy, hiddenGroupsIds, hilitedElementsQueryCache, setNumberOfVisualizedGroups, setOverlappedElementsInfo, setGroupElementsInfo, setOverlappedElementGroupPairs, emphasizeElements);
+        isNonEmphasizedSelectable && clearEmphasizedElements();
+        handleVisualizationStates(false);
+    }, [handleVisualizationStates, groups, iModelConnection, hiddenGroupsIds, hilitedElementsQueryCache, setNumberOfVisualizedGroups, setOverlappedElementsInfo, setGroupElementsInfo, setOverlappedElementGroupPairs, emphasizeElements, isNonEmphasizedSelectable]);
+    useEffect(() => {
+        const visualize = async () => {
+            if (isOverlappedColored === false) {
+                if (groups.length > 0 && showGroupColor) {
+                    await triggerVisualization();
+                }
+                else {
+                    clearEmphasizedOverriddenElements();
+                }
+            }
+        };
+        void visualize();
+        // 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 = useCallback(async () => {
+        setLoadingQuery(true);
+        await hideGroups(iModelConnection, groups, hilitedElementsQueryCache);
+        setLoadingQuery(false);
+    }, [groups, hilitedElementsQueryCache, iModelConnection]);
+    const hideSingleGroupWrapper = useCallback(async (groupToHide) => {
+        setLoadingQuery(true);
+        await hideGroupConsideringOverlaps(overlappedElementGroupPairs, groupToHide.id, hiddenGroupsIds);
+        setLoadingQuery(false);
+    }, [overlappedElementGroupPairs, hiddenGroupsIds]);
+    const showGroup = useCallback(async (viewGroup) => {
+        setLoadingQuery(true);
+        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);
+        hiddenIds = hiddenIds.filter((id) => !viewIds.includes(id));
+        hideElements(hiddenIds);
+        setLoadingQuery(false);
+    }, [groups, hiddenGroupsIds, getHiliteIdsFromGroupsWrapper]);
+    const showAll = useCallback(async () => {
+        setLoadingQuery(true);
+        clearHiddenElements();
+        setHiddenGroupsIds(new Set());
+        await getHiliteIdsFromGroupsWrapper(groups);
+        setLoadingQuery(false);
+    }, [getHiliteIdsFromGroupsWrapper, groups, setHiddenGroupsIds]);
+    const hideAll = useCallback(async () => {
+        await hideAllGroups();
+        setHiddenGroupsIds(new Set(groups.map((g) => g.id)));
+        await getHiliteIdsFromGroupsWrapper(groups);
+    }, [
+        setHiddenGroupsIds,
+        groups,
+        hideAllGroups,
+        getHiliteIdsFromGroupsWrapper,
+    ]);
+    const onModify = useCallback(async (group, type) => {
+        if (!onClickGroupModify)
+            return;
+        if (group.id && hiddenGroupsIds.has(group.id)) {
+            await showGroup(group);
+            setHiddenGroupsIds(new Set([...hiddenGroupsIds].filter((id) => id !== group.id)));
+        }
+        clearEmphasizedElements();
+        onClickGroupModify(group, type);
+    }, [hiddenGroupsIds, onClickGroupModify, setHiddenGroupsIds, showGroup]);
+    const onAddGroup = useCallback((type) => {
+        if (!onClickAddGroup)
+            return;
+        onClickAddGroup(type);
+        clearEmphasizedElements();
+    }, [onClickAddGroup]);
+    const groupActionButtonRenderers = useMemo(() => [
+        (props) => showGroupColor ? React.createElement(GroupColorLegend, { ...props, groups: groups }) : [],
+        (props) => (React.createElement(GroupsShowHideButtons, { ...props, isLoadingQuery: isLoadingQuery, showGroup: showGroup, hideGroup: hideSingleGroupWrapper })),
+    ].flat(), [groups, hideSingleGroupWrapper, isLoadingQuery, showGroup, showGroupColor]);
+    const overlappedAlert = useMemo(() => overlappedElementsInfo.size > 0 && isAlertClosed && showGroupColor && !isVisualizing ?
+        React.createElement(Alert, { onClose: () => setIsAlertClosed(false), clickableText: isAlertExpanded ? "Less Details" : "More Details", clickableTextProps: { onClick: () => setIsAlertExpanded(!isAlertExpanded) } },
+            "Overlapping elements are colored ",
+            React.createElement(Text, { className: "gmw-red-text" }, "red"),
+            " in the viewer.",
+            isAlertExpanded ? (React.createElement(React.Fragment, null,
+                React.createElement("br", null),
+                "To get overlap info in detail, click the ",
+                React.createElement(Icon, null,
+                    React.createElement(SvgMore, null)),
+                " button then \u201COverlap Info\u201D")) : undefined) : undefined, [isAlertClosed, isAlertExpanded, isVisualizing, overlappedElementsInfo.size, showGroupColor]);
+    return (React.createElement("div", { className: "gmw-groups-vis-container" },
+        React.createElement(GroupVisualizationActions, { isLoadingQuery: isLoadingQuery, showAll: showAll, hideAll: hideAll }),
+        React.createElement(Groups, { onClickGroupModify: onModify, onClickAddGroup: onAddGroup, actionButtonRenderers: groupActionButtonRenderers, ...rest, disableActions: isLoadingQuery, isVisualizing: isVisualizing, alert: overlappedAlert })));
+};
+//# sourceMappingURL=GroupsVisualization.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupsVisualization.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupsVisualization.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AACxF,OAAO,EACL,sBAAsB,EACtB,4BAA4B,EAC5B,UAAU,EACV,oBAAoB,GACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,uBAAuB,EACvB,iCAAiC,EACjC,mBAAmB,EACnB,YAAY,GACb,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,4BAA4B,CAAC;AACpC,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAElF,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAOrD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,iBAAiB,GAAG,IAAI,EACxB,yBAAyB,GAAG,KAAK,EACjC,kBAAkB,EAClB,eAAe,EACf,GAAG,IAAI,EACkB,EAAE,EAAE;IAC7B,MAAM,EAAE,gBAAgB,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAC3D,IAAI,CAAC,gBAAgB,EAAE;QACrB,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;KACxE;IACD,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACnE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACnE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IAClE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACvE,MAAM,EACJ,yBAAyB,EACzB,MAAM,EACN,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,2BAA2B,EAC3B,yBAAyB,EACzB,oBAAoB,EACpB,sBAAsB,EACtB,2BAA2B,EAC3B,8BAA8B,GAC/B,GAAG,8BAA8B,EAAE,CAAC;IAErC,MAAM,6BAA6B,GAAG,WAAW,CAC/C,KAAK,EAAE,MAAe,EAAqB,EAAE,CAC3C,gBAAgB;QACd,CAAC,CAAC,sBAAsB,CACtB,gBAAgB,EAChB,MAAM,EACN,yBAAyB,CAC1B;QACD,CAAC,CAAC,EAAE,EACR,CAAC,gBAAgB,EAAE,yBAAyB,CAAC,CAC9C,CAAC;IAEF,MAAM,yBAAyB,GAAG,WAAW,CAAC,CAAC,QAAiB,IAAI,EAAE,EAAE;QACtE,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,CAAC,KAAK,EAAE;YACV,2BAA2B,CAAC,CAAC,CAAC,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC,CAAC;IAElC,MAAM,oBAAoB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAClD,yBAAyB,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,UAAU,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;QAC/B,MAAM,oBAAoB,CACxB,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,yBAAyB,EACzB,2BAA2B,EAC3B,yBAAyB,EACzB,oBAAoB,EACpB,8BAA8B,EAC9B,iBAAiB,CAClB,CAAC;QACF,yBAAyB,IAAI,uBAAuB,EAAE,CAAC;QACvD,yBAAyB,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,yBAAyB,EAAE,MAAM,EAAE,gBAAgB,EAAE,eAAe,EAAE,yBAAyB,EAAE,2BAA2B,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,8BAA8B,EAAE,iBAAiB,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAElQ,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,KAAK,IAAI,EAAE;YAC3B,IAAI,mBAAmB,KAAK,KAAK,EAAE;gBACjC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,EAAE;oBACvC,MAAM,oBAAoB,EAAE,CAAC;iBAC9B;qBAAM;oBACL,iCAAiC,EAAE,CAAC;iBACrC;aACF;QACH,CAAC,CAAC;QACF,KAAK,SAAS,EAAE,CAAC;QACjB,+EAA+E;QAC/E,uDAAuD;IACzD,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,WAAW,CAC/B,KAAK,IAAI,EAAE;QACT,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,MAAM,UAAU,CAAC,gBAAgB,EAAE,MAAM,EAAE,yBAAyB,CAAC,CAAC;QACtE,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,MAAM,EAAE,yBAAyB,EAAE,gBAAgB,CAAC,CACtD,CAAC;IAEF,MAAM,sBAAsB,GAAG,WAAW,CACxC,KAAK,EAAE,WAAkB,EAAE,EAAE;QAC3B,eAAe,CAAC,IAAI,CAAC,CAAC;QAEtB,MAAM,4BAA4B,CAAC,2BAA2B,EAAE,WAAW,CAAC,EAAE,EAAE,eAAe,CAAC,CAAC;QAEjG,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,2BAA2B,EAAE,eAAe,CAAC,CAC/C,CAAC;IAEF,MAAM,SAAS,GAAG,WAAW,CAC3B,KAAK,EAAE,SAAgB,EAAE,EAAE;QACzB,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,mBAAmB,EAAE,CAAC;QAEtB,wBAAwB;QACxB,MAAM,eAAe,GAAY,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,CAAC,CAAC;QAE1G,wBAAwB;QACxB,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,CAAC,CAAC;QAC7F,MAAM,OAAO,GAAG,MAAM,6BAA6B,CAAC,UAAU,CAAC,CAAC;QAEhE,IAAI,SAAS,GAAG,MAAM,6BAA6B,CAAC,eAAe,CAAC,CAAC;QACrE,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;QAC5D,YAAY,CAAC,SAAS,CAAC,CAAC;QACxB,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,MAAM,EAAE,eAAe,EAAE,6BAA6B,CAAC,CACzD,CAAC;IAEF,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACrC,eAAe,CAAC,IAAI,CAAC,CAAC;QAEtB,mBAAmB,EAAE,CAAC;QACtB,kBAAkB,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;QAC9B,MAAM,6BAA6B,CAAC,MAAM,CAAC,CAAC;QAE5C,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,6BAA6B,EAAE,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEhE,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACrC,MAAM,aAAa,EAAE,CAAC;QACtB,kBAAkB,CAChB,IAAI,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CACjC,CAAC;QACF,MAAM,6BAA6B,CAAC,MAAM,CAAC,CAAC;IAC9C,CAAC,EAAE;QACD,kBAAkB;QAClB,MAAM;QACN,aAAa;QACb,6BAA6B;KAC9B,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,WAAW,CAC1B,KAAK,EAAE,KAAY,EAAE,IAAY,EAAE,EAAE;QACnC,IAAI,CAAC,kBAAkB;YAAE,OAAO;QAChC,IAAI,KAAK,CAAC,EAAE,IAAI,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE;YAC7C,MAAM,SAAS,CAAC,KAAK,CAAC,CAAC;YACvB,kBAAkB,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;SACnF;QACD,uBAAuB,EAAE,CAAC;QAC1B,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,eAAe,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,SAAS,CAAC,CACrE,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,IAAY,EAAE,EAAE;QACf,IAAI,CAAC,eAAe;YAAE,OAAO;QAC7B,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,uBAAuB,EAAE,CAAC;IAC5B,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,MAAM,0BAA0B,GAA2B,OAAO,CAAC,GAAG,EAAE,CAAC;QACvE,CAAC,KAAgC,EAAE,EAAE,CACnC,cAAc,CAAC,CAAC,CAAC,oBAAC,gBAAgB,OAAK,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,EAAE;QACvE,CAAC,KAAgC,EAAE,EAAE,CAAC,CACpC,oBAAC,qBAAqB,OAChB,KAAK,EACT,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,sBAAsB,GACjC,CACH;KACF,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,EAAE,sBAAsB,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEvF,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CACnC,sBAAsB,CAAC,IAAI,GAAG,CAAC,IAAI,aAAa,IAAI,cAAc,IAAI,CAAC,aAAa,CAAC,CAAC;QACpF,oBAAC,KAAK,IACJ,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EACtC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,EAChE,kBAAkB,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,EAAE;;YAE1C,oBAAC,IAAI,IAAC,SAAS,EAAC,cAAc,UAAW;;YACzE,eAAe,CAAC,CAAC,CAAC,CACjB;gBACE,+BAAM;;gBACmC,oBAAC,IAAI;oBAAC,oBAAC,OAAO,OAAE,CAAO;wDAC/D,CACJ,CAAC,CAAC,CAAC,SAAS,CACP,CAAC,CAAC,CAAC,SAAS,EACxB,CAAC,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,sBAAsB,CAAC,IAAI,EAAE,cAAc,CAAC,CAC3F,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,0BAA0B;QACvC,oBAAC,yBAAyB,IACxB,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB;QACF,oBAAC,MAAM,IACL,kBAAkB,EAAE,QAAQ,EAC5B,eAAe,EAAE,UAAU,EAC3B,qBAAqB,EAAE,0BAA0B,KAC7C,IAAI,EACR,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,eAAe,GACtB,CACE,CACP,CAAC;AACJ,CAAC,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*--------------------------------------------------------------------------------------------*/\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"]}

package/lib/esm/components/Groups/GroupsVisualization.scss

@@ -0,0 +1,18 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+.gmw-groups-vis-container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--iui-size-s);
+  flex-grow: 1;
+  min-height: 0;
+}
+
+.gmw-red-text {
+  display: inline-block;
+  color: var(--iui-color-border-negative);
+  font-weight: bold;
+}

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

@@ -0,0 +1,20 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import { ButtonGroup, IconButton } from "@itwin/itwinui-react";
+import React from "react";
+import { ToggleGroupVisibility } from "./ToggleGroupVisibility";
+import { SvgVisibilityHide, SvgVisibilityShow } from "@itwin/itwinui-icons-react";
+import "./GroupsVisualizationActions.scss";
+import { useGroupHilitedElementsContext } from "../context/GroupHilitedElementsContext";
+export const GroupVisualizationActions = ({ isLoadingQuery, showAll, hideAll, }) => {
+    const { showGroupColor, setShowGroupColor, } = useGroupHilitedElementsContext();
+    return (React.createElement(ButtonGroup, { className: "gmw-visual-buttons" },
+        React.createElement(ToggleGroupVisibility, { isLoadingQuery: isLoadingQuery, showGroupColor: showGroupColor, setShowGroupColor: setShowGroupColor }),
+        React.createElement(IconButton, { title: "Show All", onClick: showAll, disabled: isLoadingQuery, styleType: "borderless" },
+            React.createElement(SvgVisibilityShow, null)),
+        React.createElement(IconButton, { title: "Hide All", onClick: hideAll, disabled: isLoadingQuery, styleType: "borderless" },
+            React.createElement(SvgVisibilityHide, null))));
+};
+//# sourceMappingURL=GroupsVisualizationActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupsVisualizationActions.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupsVisualizationActions.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAClF,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AAQxF,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,cAAc,EACd,OAAO,EACP,OAAO,GACwB,EAAE,EAAE;IACnC,MAAM,EACJ,cAAc,EACd,iBAAiB,GAClB,GAAG,8BAA8B,EAAE,CAAC;IAErC,OAAO,CACL,oBAAC,WAAW,IAAC,SAAS,EAAC,oBAAoB;QACzC,oBAAC,qBAAqB,IACpB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,GACpC;QACF,oBAAC,UAAU,IACT,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,YAAY;YAEtB,oBAAC,iBAAiB,OAAG,CACV;QACb,oBAAC,UAAU,IACT,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,YAAY;YAEtB,oBAAC,iBAAiB,OAAG,CACV,CACD,CACf,CAAC;AAEJ,CAAC,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*--------------------------------------------------------------------------------------------*/\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"]}

package/lib/esm/components/Groups/OverlappedElementsInformationPanel.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import "./OverlappedElementsInformationPanel.scss";
+import type { Group } from "@itwin/insights-client";
+import type { OverlappedInfo } from "../context/GroupHilitedElementsContext";
+export interface OverlappedElementsInformationPanelProps {
+    group?: Group;
+    onClose: () => void;
+    overlappedElementsInfo: Map<string, OverlappedInfo[]>;
+    groups: Group[];
+}
+export interface OverlappedElementsDisplayProps {
+    overlappedElements: string;
+    groups: string[];
+    elementsIds: string[];
+}
+export declare const OverlappedElementsInformationPanel: ({ group, onClose, overlappedElementsInfo, groups, }: OverlappedElementsInformationPanelProps) => JSX.Element;
+//# sourceMappingURL=OverlappedElementsInformationPanel.d.ts.map

package/lib/esm/components/Groups/OverlappedElementsInformationPanel.js

@@ -0,0 +1,84 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import React from "react";
+import { useCallback, useMemo, useState } from "react";
+import { InformationPanel, InformationPanelBody, InformationPanelHeader, Table, Text, toaster, } from "@itwin/itwinui-react";
+import "./OverlappedElementsInformationPanel.scss";
+import { useGroupHilitedElementsContext } from "../context/GroupHilitedElementsContext";
+import { clearEmphasizedOverriddenElements, clearHiddenElements, visualizeElements, zoomToElements } from "../../common/viewerUtils";
+export const OverlappedElementsInformationPanel = ({ group, onClose, overlappedElementsInfo, groups, }) => {
+    const [isOverlappedInfoLoading, setIsOverlappedInfoLoading] = useState(false);
+    const { setIsOverlappedColored } = useGroupHilitedElementsContext();
+    const [isLoading, setIsLoading] = useState(false);
+    const columns = useMemo(() => [
+        {
+            id: "number",
+            Header: "Overlapped elements",
+            accessor: "overlappedElements",
+        },
+        {
+            id: "groups",
+            Header: "Groups",
+            accessor: "groups",
+            Cell: (value) => {
+                return (React.createElement("div", null, value.row.original.groups.map((groupName, index) => (React.createElement("div", { key: index }, groupName)))));
+            },
+        },
+    ], []);
+    const key = group ? group.id : "";
+    const overlappedInfo = overlappedElementsInfo.get(key);
+    const arr = useMemo(() => {
+        setIsOverlappedInfoLoading(true);
+        const result = [];
+        if (overlappedInfo) {
+            setIsOverlappedColored(true);
+            overlappedInfo.forEach((array) => {
+                const groupNames = [];
+                array.groupIds.forEach((groupId) => {
+                    const group = groups.find((group) => group.id === groupId);
+                    if (group) {
+                        groupNames.push(group.groupName);
+                    }
+                });
+                result.push({
+                    overlappedElements: array.elements.length.toString(),
+                    groups: groupNames,
+                    elementsIds: array.elements,
+                });
+            });
+        }
+        setIsOverlappedInfoLoading(false);
+        return result;
+    }, [overlappedInfo, groups, setIsOverlappedColored]);
+    const handleClose = () => {
+        setIsOverlappedColored(false);
+        onClose();
+    };
+    const onSelect = useCallback(async (selectedData) => {
+        try {
+            setIsLoading(true);
+            clearEmphasizedOverriddenElements();
+            clearHiddenElements();
+            if (selectedData && selectedData.length !== 0) {
+                visualizeElements(selectedData[0].elementsIds, "red");
+                await zoomToElements(selectedData[0].elementsIds);
+            }
+        }
+        catch (error) {
+            toaster.negative("There was an error visualizing overlapped elements.");
+            /* eslint-disable no-console */
+            console.error(error);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, []);
+    return (React.createElement(InformationPanel, { isOpen: !!group, className: "gmw-overlap-information" },
+        React.createElement(InformationPanelHeader, { onClose: handleClose },
+            React.createElement(Text, { variant: "leading" }, `Overlap Info of ${group?.groupName}`)),
+        React.createElement(InformationPanelBody, { className: "gmw-information-body" },
+            React.createElement(Table, { columns: columns, data: arr, emptyTableContent: "No Overlaps.", isLoading: isOverlappedInfoLoading, isSortable: true, isSelectable: true, selectionMode: "single", onSelect: onSelect, isRowDisabled: () => isLoading }))));
+};
+//# sourceMappingURL=OverlappedElementsInformationPanel.js.map

package/lib/esm/components/Groups/OverlappedElementsInformationPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlappedElementsInformationPanel.js","sourceRoot":"","sources":["../../../../src/components/Groups/OverlappedElementsInformationPanel.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 React from \"react\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../../common/utils\";\nimport {\n  InformationPanel,\n  InformationPanelBody,\n  InformationPanelHeader,\n  Table,\n  Text,\n  toaster,\n} from \"@itwin/itwinui-react\";\nimport \"./OverlappedElementsInformationPanel.scss\";\nimport type { Group } from \"@itwin/insights-client\";\nimport type { OverlappedInfo } from \"../context/GroupHilitedElementsContext\";\nimport type { CellProps, Column } from \"react-table\";\nimport { useGroupHilitedElementsContext } from \"../context/GroupHilitedElementsContext\";\nimport { clearEmphasizedOverriddenElements, clearHiddenElements, visualizeElements, zoomToElements } from \"../../common/viewerUtils\";\n\nexport interface OverlappedElementsInformationPanelProps {\n  group?: Group;\n  onClose: () => void;\n  overlappedElementsInfo: Map<string, OverlappedInfo[]>;\n  groups: Group[];\n}\n\nexport interface OverlappedElementsDisplayProps {\n  overlappedElements: string;\n  groups: string[];\n  elementsIds: string[];\n}\ntype OverlappedTyped = CreateTypeFromInterface<OverlappedElementsDisplayProps>;\n\nexport const OverlappedElementsInformationPanel = ({\n  group,\n  onClose,\n  overlappedElementsInfo,\n  groups,\n}: OverlappedElementsInformationPanelProps) => {\n  const [isOverlappedInfoLoading, setIsOverlappedInfoLoading] =\n    useState<boolean>(false);\n  const { setIsOverlappedColored } = useGroupHilitedElementsContext();\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n\n  const columns = useMemo(\n    (): Column<OverlappedTyped>[] =>[\n      {\n        id: \"number\",\n        Header: \"Overlapped elements\",\n        accessor: \"overlappedElements\",\n      },\n      {\n        id: \"groups\",\n        Header: \"Groups\",\n        accessor: \"groups\",\n        Cell: (value: CellProps<OverlappedTyped>) => {\n          return (\n            <div>\n              {value.row.original.groups.map((groupName, index) => (\n                <div key={index}>{groupName}</div>\n              ))}\n            </div>\n          );\n        },\n      },\n    ],\n    []\n  );\n\n  const key = group ? group.id : \"\";\n  const overlappedInfo = overlappedElementsInfo.get(key);\n\n  const arr: OverlappedElementsDisplayProps[] = useMemo(() => {\n    setIsOverlappedInfoLoading(true);\n    const result: OverlappedElementsDisplayProps[] = [];\n    if (overlappedInfo) {\n      setIsOverlappedColored(true);\n      overlappedInfo.forEach((array) => {\n        const groupNames: string[] = [];\n        array.groupIds.forEach((groupId) => {\n          const group = groups.find((group) => group.id === groupId);\n          if (group) {\n            groupNames.push(group.groupName);\n          }\n        });\n        result.push({\n          overlappedElements: array.elements.length.toString(),\n          groups: groupNames,\n          elementsIds: array.elements,\n        });\n      });\n    }\n    setIsOverlappedInfoLoading(false);\n    return result;\n  }, [overlappedInfo, groups, setIsOverlappedColored]);\n\n  const handleClose = () => {\n    setIsOverlappedColored(false);\n    onClose();\n  };\n\n  const onSelect = useCallback(\n    async (\n      selectedData: CreateTypeFromInterface<OverlappedElementsDisplayProps>[] | undefined\n    ) => {\n      try {\n        setIsLoading(true);\n        clearEmphasizedOverriddenElements();\n        clearHiddenElements();\n        if (selectedData && selectedData.length !== 0) {\n          visualizeElements(selectedData[0].elementsIds, \"red\");\n          await zoomToElements(selectedData[0].elementsIds);\n        }\n      } catch (error) {\n        toaster.negative(\"There was an error visualizing overlapped elements.\");\n        /* eslint-disable no-console */\n        console.error(error);\n      } finally {\n        setIsLoading(false);\n      }\n    },\n    []\n  );\n\n  return (\n    <InformationPanel isOpen={!!group} className=\"gmw-overlap-information\">\n      <InformationPanelHeader onClose={handleClose}>\n        <Text variant=\"leading\">{`Overlap Info of ${group?.groupName}`}</Text>\n      </InformationPanelHeader>\n      <InformationPanelBody className=\"gmw-information-body\">\n        <Table<OverlappedTyped>\n          columns={columns}\n          data={arr}\n          emptyTableContent=\"No Overlaps.\"\n          isLoading={isOverlappedInfoLoading}\n          isSortable={true}\n          isSelectable\n          selectionMode=\"single\"\n          onSelect={onSelect}\n          isRowDisabled={() => isLoading}\n        />\n      </InformationPanelBody>\n    </InformationPanel>\n  );\n};\n"]}

package/lib/esm/components/Groups/OverlappedElementsInformationPanel.scss

@@ -0,0 +1,14 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+.gmw-overlap-information {
+    max-width: 100%;
+    width: 100%;
+    .gmw-information-body {
+      textarea {
+        resize: vertical;
+      }
+    }
+  }

package/lib/esm/components/Groups/QueryBuilder/QueryBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilder.js","sourceRoot":"","sources":["../../../../../src/components/Groups/QueryBuilder/QueryBuilder.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*--------------------------------------------------------------------------------------------*/\nimport type { PresentationPropertyDataProvider } from \"@itwin/presentation-components\";\nimport type {\n  InstanceKey,\n  PropertiesField,\n} from \"@itwin/presentation-common\";\nimport type { Primitives, PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport { toaster } from \"@itwin/itwinui-react\";\n\nexport interface Query {\n  unions: QueryUnion[];\n}\n\nexport interface QueryUnion {\n  classes: QueryClass[];\n  properties: QueryProperty[];\n}\n\nexport interface QueryClass {\n  // schemaName.className\n  className: string;\n  classJoins: ClassJoin[];\n}\n\nexport interface ClassJoin {\n  classProperty: string;\n  joinClassName: string;\n  joinClassProperty: string;\n}\n\nexport interface QueryProperty {\n  className: string;\n  classProperties: ClassProperty[];\n  isCategory: boolean;\n  isAspect: boolean;\n}\n\nexport interface ClassProperty {\n  name: string;\n  value: Primitives.Value;\n  needsQuote: boolean;\n}\n\nexport interface AddedProperty {\n  propertyRecord: PropertyRecord;\n  propertiesField: PropertiesField;\n}\n\n/* This class is to build adaptive and dynamic query for find similar property selections */\nexport class QueryBuilder {\n  private static readonly MULTI_ASPECT_PRIMARY_CLASS =\n    \"BisCore:ElementOwnsMultiAspects\";\n  private static readonly UNIQUE_ASPECT_PRIMARY_CLASS =\n    \"BisCore:ElementOwnsUniqueAspect\";\n  private static readonly DEFAULT_DOUBLE_PRECISION = 4;\n\n  private dataProvider: PresentationPropertyDataProvider;\n  private query: Query | undefined;\n\n  constructor(provider: PresentationPropertyDataProvider) {\n    this.dataProvider = provider;\n  }\n\n  private isCategory(propertyField: PropertiesField): boolean {\n    const classInfo =\n      propertyField.properties[0].property.navigationPropertyInfo?.classInfo;\n    return classInfo?.name === \"BisCore:GeometricElement3dIsInCategory\";\n  }\n\n  private _propertyMap: Map<string, AddedProperty> = new Map();\n\n  public resetQueryBuilder = () => {\n    this._propertyMap = new Map();\n  };\n\n  private regenerateQuery = () => {\n    this.query = undefined;\n\n    for (const property of this._propertyMap.values()) {\n      this.buildProperty(property.propertyRecord, property.propertiesField);\n    }\n  };\n\n  public async addProperty(prop: PropertyRecord): Promise<boolean> {\n    // TODO: only handle primitive properties now\n    if (prop.value?.valueFormat !== PropertyValueFormat.Primitive) {\n      toaster.warning(\"Only primitive types are supported for now.\");\n      return false;\n    }\n    if (prop.value.value === undefined) {\n      return false;\n    }\n\n    const propertyField = (await this.dataProvider.getFieldByPropertyRecord(\n      prop,\n    )) as PropertiesField;\n\n    if (!propertyField) {\n      toaster.negative(\n        \"Error. Failed to fetch field for this property record.\",\n      );\n      return false;\n    }\n\n    this._propertyMap.set(JSON.stringify(propertyField.getFieldDescriptor()), { propertyRecord: prop, propertiesField: propertyField });\n    return true;\n  }\n\n  public async removeProperty(prop: PropertyRecord) {\n    const propertyField = (await this.dataProvider.getFieldByPropertyRecord(\n      prop,\n    )) as PropertiesField;\n\n    this._propertyMap.delete(JSON.stringify(propertyField.getFieldDescriptor()));\n  }\n\n  private buildProperty(prop: PropertyRecord, propertiesField: PropertiesField) {\n    if (prop.value?.valueFormat !== PropertyValueFormat.Primitive || prop.value.value === undefined) {\n      toaster.negative(\n        \"Error. An unexpected error has occured while building a query.\",\n      );\n      return;\n    }\n\n    function replaceAll(str: string, match: string, replacement: string) {\n      return str.split(match).join(replacement);\n    }\n    // if property value has single quote, escape\n    if (\n      (typeof prop.value.value === \"string\" ||\n        prop.value.value instanceof String) &&\n      String(prop.value.value).indexOf(\"'\") >= 0\n    ) {\n      prop.value.value = replaceAll(prop.value.value.toString(), \"'\", \"''\");\n    }\n\n    const pathToPrimaryClass = propertiesField.parent?.pathToPrimaryClass;\n\n    // get the special cases\n    const isNavigation: boolean =\n      prop.property.typename.toLowerCase() === \"navigation\";\n    const isCategory: boolean = isNavigation && this.isCategory(propertiesField);\n\n    const isAspect: boolean =\n      pathToPrimaryClass?.find(\n        (a) =>\n          a.relationshipInfo?.name ===\n          QueryBuilder.UNIQUE_ASPECT_PRIMARY_CLASS ||\n          a.relationshipInfo?.name === QueryBuilder.MULTI_ASPECT_PRIMARY_CLASS,\n      ) !== undefined;\n\n    for (let i = 0; i < propertiesField.properties.length; i++) {\n      const property = propertiesField.properties[i].property;\n\n      const className = property.classInfo.name.replace(\":\", \".\");\n      const propertyName = isNavigation\n        ? isCategory\n          ? `${property.name}.CodeValue`\n          : `${property.name}.id`\n        : property.name;\n      const propertyValue = isNavigation\n        ? isCategory\n          ? prop.value.displayValue ?? \"\"\n          : (prop.value.value as InstanceKey).id\n        : prop.value.value;\n\n      if (\n        !isAspect &&\n        pathToPrimaryClass &&\n        pathToPrimaryClass.length > 0\n      ) {\n        this.addRelatedToQuery(\n          i,\n          propertiesField,\n          propertyName,\n          propertyValue,\n        );\n      } else {\n        this.addPropertyToQuery(\n          i,\n          className,\n          propertyName,\n          propertyValue,\n          this.needsQuote(propertiesField),\n          isCategory,\n          isAspect,\n        );\n      }\n    }\n    return true;\n  }\n\n  private needsQuote(propertyField: PropertiesField): boolean {\n    // list of property types that need quote around property value\n    const typeName = propertyField.type.typeName.toLowerCase();\n    return \"string\" === typeName || \"uri\" === typeName;\n  }\n\n  private addRelatedToQuery(\n    unionIndex: number,\n    propertyField: PropertiesField,\n    propertyName: string,\n    propertyValue: Primitives.Value,\n  ) {\n    const paths = [...(propertyField.parent?.pathToPrimaryClass ?? [])];\n    paths.reverse().forEach((path) => {\n      const sourceClassName = path.sourceClassInfo?.name.replace(\":\", \".\");\n      const targetClassName = path.targetClassInfo?.name.replace(\":\", \".\");\n      const relClassName = path.relationshipInfo?.name.replace(\":\", \".\");\n\n      const relClassProperty = path.isForwardRelationship\n        ? `SourceECInstanceId`\n        : `TargetECInstanceId`;\n\n      const relPropertyValue = path.isForwardRelationship\n        ? `TargetECInstanceId`\n        : `SourceECInstanceId`;\n\n      this.addClassToQuery(\n        unionIndex,\n        targetClassName,\n        `ECInstanceId`,\n        relClassName,\n        relPropertyValue\n      );\n\n      this.addClassToQuery(\n        unionIndex,\n        relClassName,\n        relClassProperty,\n        sourceClassName,\n        `ECInstanceId`\n      );\n\n      if (path.sourceClassInfo?.name\n        === propertyField.parent?.contentClassInfo.name) {\n        this.addPropertyToQuery(\n          unionIndex,\n          sourceClassName,\n          propertyName,\n          propertyValue,\n          this.needsQuote(propertyField),\n          false,\n          false,\n        );\n      }\n    });\n  }\n\n  private addClassToQuery(\n    unionIndex: number,\n    className: string,\n    classProperty: string,\n    joinClassName: string,\n    joinClassProperty: string,\n  ) {\n    if (this.query === undefined) {\n      this.query = { unions: [] };\n    }\n\n    const classJoin: ClassJoin = {\n      classProperty,\n      joinClassName,\n      joinClassProperty,\n    };\n\n    const queryClass: QueryClass = {\n      className,\n      classJoins: [classJoin],\n    };\n\n    if (this.query.unions.length <= unionIndex) {\n      this.query.unions.push({\n        classes: [queryClass],\n        properties: [],\n      });\n      return;\n    }\n\n    const foundClass = this.query.unions[unionIndex].classes.find((c) =>\n      c.className === className\n    );\n\n    if (foundClass) {\n      const foundJoin = foundClass.classJoins.find((join) =>\n        join.classProperty === classProperty && join.joinClassName === joinClassName && join.joinClassProperty === joinClassProperty\n      );\n\n      if (!foundJoin)\n        foundClass.classJoins.push(classJoin);\n      return;\n    }\n\n    this.query.unions[unionIndex].classes.push(queryClass);\n  }\n\n  private addPropertyToQuery(\n    unionIndex: number,\n    className: string,\n    propertyName: string,\n    propertyValue: Primitives.Value,\n    needsQuote: boolean,\n    isCategory: boolean,\n    isAspect: boolean,\n  ) {\n    if (this.query === undefined) {\n      this.query = { unions: [] };\n    }\n\n    const queryJoin: ClassProperty = {\n      name: propertyName,\n      value: propertyValue,\n      needsQuote,\n    };\n\n    const queryProperty: QueryProperty = {\n      className,\n      isCategory,\n      isAspect,\n      classProperties: [queryJoin],\n    };\n\n    if (this.query.unions.length <= unionIndex) {\n      this.query.unions.push({\n        classes: [],\n        properties: [queryProperty],\n      });\n      return;\n    }\n\n    const foundPropertyClass = this.query.unions[unionIndex].properties.find((p) =>\n      p.className === className\n    );\n\n    if (foundPropertyClass) {\n      const foundJoin = foundPropertyClass?.classProperties.find((join) =>\n        join.name === propertyName\n      );\n\n      if (foundJoin) {\n        foundJoin.value = propertyValue;\n        return;\n      }\n\n      foundPropertyClass.classProperties.push(queryJoin);\n      return;\n    }\n\n    this.query.unions[unionIndex].properties.push(queryProperty);\n  }\n\n  public buildQueryString() {\n    this.regenerateQuery();\n    if (\n      this.query === undefined ||\n      (this.query.unions.find((u) => u.classes.length === 0 && u.properties.length === 0))\n    ) {\n      return \"\";\n    }\n\n    const unionSegments: string[] = [];\n    for (const union of this.query.unions) {\n\n      const baseClass = union.classes[0];\n      const baseProperty = union.properties[0];\n      const baseClassName = baseClass ? baseClass.className : baseProperty?.className;\n      const baseIdName = `${baseClassName}.ECInstanceId`;\n\n      const selectClause = this.selectClause(baseProperty, baseClass);\n\n      let querySegments: Map<string, string[]> = new Map();\n      querySegments = this.relationalJoinSegments(union.classes, querySegments);\n\n      const whereSegments: string[] = [];\n      for (const property of union.properties) {\n        if (property.isCategory) {\n          if (property.className !== baseClassName)\n            querySegments.set(\"BisCore.GeometricElement3d\", [`BisCore.GeometricElement3d.ECInstanceId = ${baseIdName}`]);\n\n          querySegments.set(\"BisCore.Category\", [`BisCore.Category.ECInstanceId = BisCore.GeometricElement3d.category.id`]);\n          whereSegments.push(this.categoryWhereQuery(property.classProperties[0].value.toString()));\n          continue;\n        }\n\n        const joinIdName = property.isAspect\n          ? `${property.className}.Element.id`\n          : `${property.className}.ECInstanceId`;\n\n        if (!querySegments.has(property.className) && property.className !== baseClassName)\n          querySegments.set(property.className, [`${joinIdName} = ${baseIdName}`]);\n\n        for (const prop of property.classProperties) {\n          whereSegments.push(this.propertyQuerySegment(property.className, prop, prop.needsQuote));\n        }\n      }\n\n      const joinClauses: string[] = [];\n      for (const key of querySegments.keys()) {\n        joinClauses.push(`JOIN ${key} ON ${querySegments.get(key)?.join(\" AND \")}`);\n      }\n\n      const whereClause = `WHERE ${whereSegments.join(\" AND \")}`;\n\n      unionSegments.push([selectClause, ...joinClauses, whereClause].join(\" \"));\n    }\n\n    return unionSegments.join(\" UNION \");\n  }\n\n  private selectClause(baseProperty: QueryProperty | undefined, baseClass: QueryClass | undefined) {\n    if (baseClass) {\n      return `SELECT ${baseClass.className}.ECInstanceId, ${baseClass.className}.ECClassId FROM ${baseClass.className}`;\n    }\n\n    if (baseProperty) {\n      const baseIdName = baseProperty.isAspect\n        ? `${baseProperty.className}.Element.id ECInstanceId`\n        : `${baseProperty.className}.ECInstanceId, ${baseProperty.className}.ECClassId`;\n\n      return `SELECT ${baseIdName} FROM ${baseProperty.className}`;\n    }\n\n    return \"\";\n  }\n\n  private relationalJoinSegments = (classes: QueryClass[], querySegments: Map<string, string[]>): Map<string, string[]> => {\n    for (const queryClass of classes) {\n      for (const classJoin of queryClass.classJoins) {\n        const querySegment = [\n          ...querySegments.get(classJoin.joinClassName) ?? [],\n          `${queryClass.className}.${classJoin.classProperty} = ${classJoin.joinClassName}.${classJoin.joinClassProperty}`,\n        ];\n        querySegments.set(classJoin.joinClassName, querySegment);\n      }\n    }\n\n    return querySegments;\n  };\n\n  private propertyQuerySegment = (className: string, property: ClassProperty, needsQuote: boolean): string => {\n    if (this.isFloat(property.value))\n      return `ROUND(${className}.${property.name}, ` +\n        `${QueryBuilder.DEFAULT_DOUBLE_PRECISION}) = ` +\n        `${Number(property.value).toFixed(QueryBuilder.DEFAULT_DOUBLE_PRECISION)}`;\n\n    const propertyValue = needsQuote ? `'${property.value}'` : property.value;\n    return `${className}.${property.name} = ${propertyValue}`;\n  };\n\n  private categoryWhereQuery(codeValue: string): string {\n    return `((BisCore.Category.CodeValue = '${codeValue}') OR (BisCore.Category.UserLabel = '${codeValue}'))`;\n  }\n\n  private isFloat(n: unknown): boolean {\n    return Number(n) === n && n % 1 !== 0;\n  }\n}\n"]}

package/lib/esm/components/Groups/QueryBuilder/QueryBuilderActionPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilderActionPanel.js","sourceRoot":"","sources":["../../../../../src/components/Groups/QueryBuilder/QueryBuilderActionPanel.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,WAAW,EAAgC,EAAE,EAAE;IACvF,OAAO,CACL,oBAAC,MAAM,IACL,SAAS,EAAC,iBAAiB,EAC3B,EAAE,EAAC,UAAU,EACb,OAAO,EAAE,WAAW,WAGb,CACV,CAAC;AACJ,CAAC,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*--------------------------------------------------------------------------------------------*/\nimport { Button } from \"@itwin/itwinui-react\";\nimport React from \"react\";\n\nexport interface QueryBuilderActionPanelProps {\n  onClickNext: () => void;\n}\n\nexport const QueryBuilderActionPanel = ({ onClickNext }: QueryBuilderActionPanelProps) => {\n  return (\n    <Button\n      styleType='high-visibility'\n      id='save-app'\n      onClick={onClickNext}\n    >\n      Next\n    </Button>\n  );\n};\n"]}

package/lib/esm/components/Groups/QueryBuilder/QueryBuilderCustomUI.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { GroupingCustomUI } from "../../customUI/GroupingMappingCustomUI";
+import type { Group } from "@itwin/insights-client";
+export interface QueryBuilderCustomUIProps {
+    queryGenerationType: string;
+    groupUIs: GroupingCustomUI[];
+    isUpdating: boolean;
+    resetView: () => Promise<void>;
+    setQuery: (query: string) => void;
+    group?: Group;
+}
+export declare const QueryBuilderCustomUI: ({ queryGenerationType, groupUIs, isUpdating, resetView, setQuery, group, }: QueryBuilderCustomUIProps) => JSX.Element;
+//# sourceMappingURL=QueryBuilderCustomUI.d.ts.map

package/lib/esm/components/Groups/QueryBuilder/QueryBuilderCustomUI.js

@@ -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.
+*--------------------------------------------------------------------------------------------*/
+import React from "react";
+import { EmptyMessage } from "../../SharedComponents/EmptyMessage";
+export const QueryBuilderCustomUI = ({ queryGenerationType, groupUIs, isUpdating, resetView, setQuery, group, }) => {
+    if (queryGenerationType && queryGenerationType.length > 0) {
+        const selectedCustomUI = groupUIs.find((e) => e.name === queryGenerationType);
+        if (selectedCustomUI) {
+            return React.createElement(selectedCustomUI.uiComponent, {
+                updateQuery: setQuery,
+                isUpdating,
+                resetView,
+                initialEditModeQuery: group?.query,
+            });
+        }
+    }
+    return React.createElement(EmptyMessage, { message: "No query generation method selected. " });
+};
+//# sourceMappingURL=QueryBuilderCustomUI.js.map

package/lib/esm/components/Groups/QueryBuilder/QueryBuilderCustomUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilderCustomUI.js","sourceRoot":"","sources":["../../../../../src/components/Groups/QueryBuilder/QueryBuilderCustomUI.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAYnE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,mBAAmB,EACnB,QAAQ,EACR,UAAU,EACV,SAAS,EACT,QAAQ,EACR,KAAK,GACqB,EAAE,EAAE;IAC9B,IAAI,mBAAmB,IAAI,mBAAmB,CAAC,MAAM,GAAG,CAAC,EAAE;QACzD,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,mBAAmB,CAAC,CAAC;QAC9E,IAAI,gBAAgB,EAAE;YACpB,OAAO,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,WAAW,EAAE;gBACvD,WAAW,EAAE,QAAQ;gBACrB,UAAU;gBACV,SAAS;gBACT,oBAAoB,EAAE,KAAK,EAAE,KAAK;aACnC,CAAC,CAAC;SACJ;KACF;IACD,OAAO,oBAAC,YAAY,IAAC,OAAO,EAAC,uCAAuC,GAAG,CAAC;AAC1E,CAAC,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*--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport type { GroupingCustomUI } from \"../../customUI/GroupingMappingCustomUI\";\nimport { EmptyMessage } from \"../../SharedComponents/EmptyMessage\";\nimport type { Group } from \"@itwin/insights-client\";\n\nexport interface QueryBuilderCustomUIProps {\n  queryGenerationType: string;\n  groupUIs: GroupingCustomUI[];\n  isUpdating: boolean;\n  resetView: () => Promise<void>;\n  setQuery: (query: string) => void;\n  group?: Group;\n}\n\nexport const QueryBuilderCustomUI = ({\n  queryGenerationType,\n  groupUIs,\n  isUpdating,\n  resetView,\n  setQuery,\n  group,\n}: QueryBuilderCustomUIProps) => {\n  if (queryGenerationType && queryGenerationType.length > 0) {\n    const selectedCustomUI = groupUIs.find((e) => e.name === queryGenerationType);\n    if (selectedCustomUI) {\n      return React.createElement(selectedCustomUI.uiComponent, {\n        updateQuery: setQuery,\n        isUpdating,\n        resetView,\n        initialEditModeQuery: group?.query,\n      });\n    }\n  }\n  return <EmptyMessage message=\"No query generation method selected. \" />;\n};\n"]}

package/lib/esm/components/Groups/QueryBuilder/QueryBuilderStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilderStep.js","sourceRoot":"","sources":["../../../../../src/components/Groups/QueryBuilder/QueryBuilderStep.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAEvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,yBAAyB,CAAC;AAEjC,MAAM,qBAAqB,GAAG;IAC5B,OAAO,EAAE,UAAU;CACpB,CAAC;AAUF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAAG,IAAI,EAAyB,EAAE,EAAE;IACxJ,MAAM,kBAAkB,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC;IAEjF,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,qBAAqB,EAAE,GAAG,kBAAkB,EAAE,CAAC,EAC3D,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ,IAAC,MAAM,EAAE,cAAc,CAAC,OAAO,EAAE,SAAS,EAAE,kBAAkB;QACrE;YACE,oBAAC,KAAK,IAAC,OAAO,EAAC,mBAAmB,4BAA8B;YAChE,oBAAC,QAAQ,IACP,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAC/B,UAAU,EAAE;oBACV,EAAE,EAAE,mBAAmB;iBACxB,EACD,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,QAAQ,GAClB,CACG;QACP,oBAAC,IAAI,QAAE,cAAc,aAAa,EAAE,CAAQ;QAC5C,oBAAC,oBAAoB,OACf,IAAI,GACR,CACO,CACZ,CAAC;AACJ,CAAC,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*--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { ComboBox, Fieldset, Label, Text } from \"@itwin/itwinui-react\";\nimport type { QueryBuilderCustomUIProps } from \"./QueryBuilderCustomUI\";\nimport { QueryBuilderCustomUI } from \"./QueryBuilderCustomUI\";\nimport \"./QueryBuilderStep.scss\";\n\nconst defaultDisplayStrings = {\n  groupBy: \"Group By\",\n};\n\nexport interface QueryBuilderStepProps extends QueryBuilderCustomUIProps {\n  queryRowCount: number;\n  isHidden: boolean;\n  onChange: (value: string) => Promise<void>;\n  getOptions: SelectOption<string>[];\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nexport const QueryBuilderStep = ({ queryRowCount, isHidden, onChange, getOptions, displayStrings: userDisplayStrings, ...rest }: QueryBuilderStepProps) => {\n  const containerClassName = isHidden ? \"gmw-hide\" : \"gmw-query-builder-container\";\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  return (\n    <Fieldset legend={displayStrings.groupBy} className={containerClassName}>\n      <span>\n        <Label htmlFor='query-combo-input'>Query Generation Tool</Label>\n        <ComboBox\n          value={rest.queryGenerationType}\n          inputProps={{\n            id: \"query-combo-input\",\n          }}\n          options={getOptions}\n          onChange={onChange}\n        />\n      </span>\n      <Text>{`Row Count: ${queryRowCount}`}</Text>\n      <QueryBuilderCustomUI\n        {...rest}\n      />\n    </Fieldset>\n  );\n};\n"]}

package/lib/esm/components/Groups/ToggleGroupVisibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupVisibility.js","sourceRoot":"","sources":["../../../../src/components/Groups/ToggleGroupVisibility.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,cAAc,EAAE,cAAc,EAAE,iBAAiB,EAA8B,EAAE,EAAE,CAAC,CAC1H,oBAAC,YAAY,IACX,KAAK,EAAC,gBAAgB,EACtB,aAAa,EAAC,MAAM,EACpB,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAC5C,CACH,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*--------------------------------------------------------------------------------------------*/\nimport { ToggleSwitch } from \"@itwin/itwinui-react\";\nimport \"./ToggleGroupVisibility.scss\";\nimport React from \"react\";\n\nexport interface ToggleGroupVisibilityProps {\n  isLoadingQuery: boolean;\n  showGroupColor: boolean;\n  setShowGroupColor: (value: ((prevState: boolean) => boolean) | boolean) => void;\n}\n\nexport const ToggleGroupVisibility = ({ isLoadingQuery, showGroupColor, setShowGroupColor }: ToggleGroupVisibilityProps) => (\n  <ToggleSwitch\n    label=\"Color by Group\"\n    labelPosition=\"left\"\n    className=\"gmw-toggle\"\n    disabled={isLoadingQuery}\n    checked={showGroupColor}\n    onChange={() => setShowGroupColor((b) => !b)}\n  />\n);\n"]}

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

@@ -0,0 +1,11 @@
+import type { IModelConnection } from "@itwin/core-frontend";
+import type { Group } from "@itwin/insights-client";
+import type { OverlappedElementGroupPairs, OverlappedInfo, QueryCacheItem } 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>;
+//# sourceMappingURL=groupsHelpers.d.ts.map