@itwin/grouping-mapping-widget 0.25.1 → 0.26.0

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

@@ -6,6 +6,8 @@
 .gmw-actions {
   display: flex;
   flex-direction: row;
+  align-self: center;
+  flex-shrink: 1;
   .gmw-action-dropdown {
     width: calc(var(--iui-size-3xl) + var(--iui-size-xl));
   }

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import type { Group } from "@itwin/insights-client";
+import type { GroupMinimal } from "@itwin/insights-client";
 import type { OverlappedInfo } from "../context/GroupHilitedElementsContext";
 interface OverlapProgressProps {
-    group: Group;
+    group: GroupMinimal;
     groupElementsInfo: Map<string, number>;
     overlappedElementsInfo: Map<string, OverlappedInfo[]>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"GroupOverlapProgressBar.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupOverlapProgressBar.tsx"],"names":[],"mappings":";;;;;;AAKA,wDAAsD;AACtD,kDAA0B;AASnB,MAAM,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,sBAAsB,EAAwB,EAAE,EAAE;IAC5G,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC;IACzB,MAAM,aAAa,GAAG,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,MAAM,cAAc,GAAG,sBAAsB,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACjE,MAAM,kBAAkB,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACnG,MAAM,iBAAiB,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,kBAAkB,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;IAEzF,OAAO,CACL,8BAAC,8BAAc,IACb,KAAK,EAAE,GAAG,kBAAkB,WAAW,kBAAkB,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,uBAAuB,aAAa,GAAG,EACjH,KAAK,EAAE,iBAAiB,EACxB,UAAU,QACV,MAAM,EAAC,UAAU,GACjB,CACH,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,eAAe,mBAe1B","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 { ProgressLinear } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport type { OverlappedInfo } from \"../context/GroupHilitedElementsContext\";\n\ninterface OverlapProgressProps {\n  group: Group;\n  groupElementsInfo: Map<string, number>;\n  overlappedElementsInfo: Map<string, OverlappedInfo[]>;\n}\n\nexport const OverlapProgress = ({ group, groupElementsInfo, overlappedElementsInfo }: OverlapProgressProps) => {\n  const groupId = group.id;\n  const totalElements = groupElementsInfo.get(groupId) || 0;\n  const overlappedInfo = overlappedElementsInfo.get(groupId) || [];\n  const overlappedElements = overlappedInfo.reduce((count, info) => count + info.elements.length, 0);\n  const overlapPercentage = (totalElements ? overlappedElements / totalElements : 0) * 100;\n\n  return (\n    <ProgressLinear\n      title={`${overlappedElements} element${overlappedElements === 1 ? \"\" : \"s\"} overlapping out of ${totalElements} `}\n      value={overlapPercentage}\n      isAnimated\n      status=\"negative\"\n    />\n  );\n};\n"]}
+{"version":3,"file":"GroupOverlapProgressBar.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupOverlapProgressBar.tsx"],"names":[],"mappings":";;;;;;AAKA,wDAAsD;AACtD,kDAA0B;AASnB,MAAM,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,sBAAsB,EAAwB,EAAE,EAAE;IAC5G,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC;IACzB,MAAM,aAAa,GAAG,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,MAAM,cAAc,GAAG,sBAAsB,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACjE,MAAM,kBAAkB,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACnG,MAAM,iBAAiB,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,kBAAkB,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;IAEzF,OAAO,CACL,8BAAC,8BAAc,IACb,KAAK,EAAE,GAAG,kBAAkB,WAAW,kBAAkB,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,uBAAuB,aAAa,GAAG,EACjH,KAAK,EAAE,iBAAiB,EACxB,UAAU,QACV,MAAM,EAAC,UAAU,GACjB,CACH,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,eAAe,mBAe1B","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 { GroupMinimal } from \"@itwin/insights-client\";\nimport { ProgressLinear } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport type { OverlappedInfo } from \"../context/GroupHilitedElementsContext\";\n\ninterface OverlapProgressProps {\n  group: GroupMinimal;\n  groupElementsInfo: Map<string, number>;\n  overlappedElementsInfo: Map<string, OverlappedInfo[]>;\n}\n\nexport const OverlapProgress = ({ group, groupElementsInfo, overlappedElementsInfo }: OverlapProgressProps) => {\n  const groupId = group.id;\n  const totalElements = groupElementsInfo.get(groupId) || 0;\n  const overlappedInfo = overlappedElementsInfo.get(groupId) || [];\n  const overlappedElements = overlappedInfo.reduce((count, info) => count + info.elements.length, 0);\n  const overlapPercentage = (totalElements ? overlappedElements / totalElements : 0) * 100;\n\n  return (\n    <ProgressLinear\n      title={`${overlappedElements} element${overlappedElements === 1 ? \"\" : \"s\"} overlapping out of ${totalElements} `}\n      value={overlapPercentage}\n      isAnimated\n      status=\"negative\"\n    />\n  );\n};\n"]}

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

@@ -1,19 +1,27 @@
 import React from "react";
-import type { Group, Mapping } from "@itwin/insights-client";
+import type { GroupMinimal, Mapping } from "@itwin/insights-client";
 import type { ContextCustomUI } from "../customUI/GroupingMappingCustomUI";
 import type { ActionButtonRenderer, ProgressConfig } from "./GroupsView";
 import { Alert } from "@itwin/itwinui-react";
+/**
+ * Props for the {@link Groups} component.
+ * @public
+ */
 export interface GroupsProps {
     mapping: Mapping;
     actionButtonRenderers?: ActionButtonRenderer[];
     onClickAddGroup?: (queryGenerationType: string) => void;
-    onClickGroupTitle?: (group: Group) => void;
-    onClickGroupModify?: (group: Group, queryGenerationType: string) => void;
-    onClickRenderContextCustomUI?: (contextCustomUI: Exclude<ContextCustomUI["uiComponent"], undefined>, group: Group, displayLabel: string) => void;
+    onClickGroupTitle?: (group: GroupMinimal) => void;
+    onClickGroupModify?: (group: GroupMinimal, queryGenerationType: string) => void;
+    onClickRenderContextCustomUI?: (contextCustomUI: Exclude<ContextCustomUI["uiComponent"], undefined>, group: GroupMinimal, displayLabel: string) => void;
     disableActions?: boolean;
     isVisualizing?: boolean;
     progressConfig?: ProgressConfig;
     alert?: React.ReactElement<typeof Alert>;
 }
+/**
+ * Component to list groups and handle basic operations.
+ * @public
+ */
 export declare const Groups: ({ mapping, actionButtonRenderers, onClickAddGroup, onClickGroupTitle, onClickGroupModify, onClickRenderContextCustomUI, disableActions, progressConfig, alert, }: GroupsProps) => JSX.Element;
 //# sourceMappingURL=Groups.d.ts.map

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

@@ -32,6 +32,10 @@ const react_1 = __importStar(require("react"));
 const GroupsView_1 = require("./GroupsView");
 const useGroupsOperations_1 = require("./hooks/useGroupsOperations");
 const itwinui_react_1 = require("@itwin/itwinui-react");
+/**
+ * Component to list groups and handle basic operations.
+ * @public
+ */
 const Groups = ({ mapping, actionButtonRenderers, onClickAddGroup, onClickGroupTitle, onClickGroupModify, onClickRenderContextCustomUI, disableActions, progressConfig, alert, }) => {
     const { groups, isLoading, refresh, onDeleteGroup, setShowDeleteModal, showDeleteModal, groupUIs, contextUIs, errorMessage, setErrorMessage, activeOverlapInfoPanelGroup, setActiveOverlapInfoPanelGroup, overlappedElementsInfo, } = (0, useGroupsOperations_1.useGroupsOperations)({ mappingId: mapping.id });
     const addGroup = (0, react_1.useCallback)((type) => {

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

@@ -1 +1 @@
-{"version":3,"file":"Groups.js","sourceRoot":"","sources":["../../../../src/components/Groups/Groups.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAA2C;AAM3C,6CAA0C;AAC1C,qEAAkE;AAClE,wDAA6C;AAmBtC,MAAM,MAAM,GAAG,CAAC,EACrB,OAAO,EACP,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,4BAA4B,EAC5B,cAAc,EACd,cAAc,EACd,KAAK,GACO,EAAE,EAAE;IAChB,MAAM,EACJ,MAAM,EACN,SAAS,EACT,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,eAAe,EACf,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,eAAe,EACf,2BAA2B,EAC3B,8BAA8B,EAC9B,sBAAsB,GACvB,GAAG,IAAA,yCAAmB,EAAC,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnD,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAC,IAAY,EAAE,EAAE;QAC5C,IAAI,CAAC,eAAe;YAAE,OAAO;QAC7B,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,IAAI,CAAC,YAAY,EAAE;YACjB,OAAO,KAAK,CAAC;SACd;QACD,OAAO,CACL,8BAAC,qBAAK,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,IAC7D,YAAY,CACP,CACT,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAE3C,OAAO,CACL,8BAAC,uBAAU,IACT,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,IAAI,EAAE,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,EAC5C,eAAe,EAAE,QAAQ,EACzB,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,4BAA4B,EAAE,4BAA4B,EAC1D,cAAc,EAAE,cAAc,EAC9B,wBAAwB,EAAE,eAAe,EACzC,2BAA2B,EAAE,kBAAkB,EAC/C,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,SAAS,CAAC,EACvD,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,WAAW,EAAE,EACpB,8BAA8B,EAAE,8BAA8B,EAC9D,2BAA2B,EAAE,2BAA2B,EACxD,sBAAsB,EAAE,sBAAsB,GAC9C,CACH,CAAC;AACJ,CAAC,CAAC;AApEW,QAAA,MAAM,UAoEjB","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, { useCallback } from \"react\";\nimport type { Group, Mapping } from \"@itwin/insights-client\";\nimport type {\n  ContextCustomUI,\n} from \"../customUI/GroupingMappingCustomUI\";\nimport type { ActionButtonRenderer, ProgressConfig } from \"./GroupsView\";\nimport { GroupsView } from \"./GroupsView\";\nimport { useGroupsOperations } from \"./hooks/useGroupsOperations\";\nimport { Alert } from \"@itwin/itwinui-react\";\n\nexport interface GroupsProps {\n  mapping: Mapping;\n  actionButtonRenderers?: ActionButtonRenderer[];\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  isVisualizing?: boolean;\n  progressConfig?: ProgressConfig;\n  alert?: React.ReactElement<typeof Alert>;\n}\n\nexport const Groups = ({\n  mapping,\n  actionButtonRenderers,\n  onClickAddGroup,\n  onClickGroupTitle,\n  onClickGroupModify,\n  onClickRenderContextCustomUI,\n  disableActions,\n  progressConfig,\n  alert,\n}: GroupsProps) => {\n  const {\n    groups,\n    isLoading,\n    refresh,\n    onDeleteGroup,\n    setShowDeleteModal,\n    showDeleteModal,\n    groupUIs,\n    contextUIs,\n    errorMessage,\n    setErrorMessage,\n    activeOverlapInfoPanelGroup,\n    setActiveOverlapInfoPanelGroup,\n    overlappedElementsInfo,\n  } = useGroupsOperations({ mappingId: mapping.id });\n\n  const addGroup = useCallback((type: string) => {\n    if (!onClickAddGroup) return;\n    onClickAddGroup(type);\n  }, [onClickAddGroup]);\n\n  const renderAlert = useCallback(() => {\n    if (!errorMessage) {\n      return alert;\n    }\n    return (\n      <Alert type=\"negative\" onClose={() => setErrorMessage(undefined)}>\n        {errorMessage}\n      </Alert>\n    );\n  }, [alert, errorMessage, setErrorMessage]);\n\n  return (\n    <GroupsView\n      mapping={mapping}\n      groups={groups ?? []}\n      isLoading={isLoading}\n      onRefresh={refresh}\n      groupUIs={groupUIs}\n      actionButtonRenderers={actionButtonRenderers}\n      onClickAddGroup={addGroup}\n      onClickGroupTitle={onClickGroupTitle}\n      onClickGroupModify={onClickGroupModify}\n      onClickRenderContextCustomUI={onClickRenderContextCustomUI}\n      disableActions={disableActions}\n      selectedGroupForDeletion={showDeleteModal}\n      setSelectedGroupForDeletion={setShowDeleteModal}\n      onDeleteGroup={onDeleteGroup}\n      onCloseDeleteModal={() => setShowDeleteModal(undefined)}\n      contextUIs={contextUIs}\n      progressConfig={progressConfig}\n      alert={renderAlert()}\n      setActiveOverlapInfoPanelGroup={setActiveOverlapInfoPanelGroup}\n      activeOverlapInfoPanelGroup={activeOverlapInfoPanelGroup}\n      overlappedElementsInfo={overlappedElementsInfo}\n    />\n  );\n};\n"]}
+{"version":3,"file":"Groups.js","sourceRoot":"","sources":["../../../../src/components/Groups/Groups.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAA2C;AAM3C,6CAA0C;AAC1C,qEAAkE;AAClE,wDAA6C;AAuB7C;;;GAGG;AACI,MAAM,MAAM,GAAG,CAAC,EACrB,OAAO,EACP,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,4BAA4B,EAC5B,cAAc,EACd,cAAc,EACd,KAAK,GACO,EAAE,EAAE;IAChB,MAAM,EACJ,MAAM,EACN,SAAS,EACT,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,eAAe,EACf,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,eAAe,EACf,2BAA2B,EAC3B,8BAA8B,EAC9B,sBAAsB,GACvB,GAAG,IAAA,yCAAmB,EAAC,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnD,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAC,IAAY,EAAE,EAAE;QAC5C,IAAI,CAAC,eAAe;YAAE,OAAO;QAC7B,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,IAAI,CAAC,YAAY,EAAE;YACjB,OAAO,KAAK,CAAC;SACd;QACD,OAAO,CACL,8BAAC,qBAAK,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,IAC7D,YAAY,CACP,CACT,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAE3C,OAAO,CACL,8BAAC,uBAAU,IACT,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,IAAI,EAAE,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,EAC5C,eAAe,EAAE,QAAQ,EACzB,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,4BAA4B,EAAE,4BAA4B,EAC1D,cAAc,EAAE,cAAc,EAC9B,wBAAwB,EAAE,eAAe,EACzC,2BAA2B,EAAE,kBAAkB,EAC/C,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,SAAS,CAAC,EACvD,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,WAAW,EAAE,EACpB,8BAA8B,EAAE,8BAA8B,EAC9D,2BAA2B,EAAE,2BAA2B,EACxD,sBAAsB,EAAE,sBAAsB,GAC9C,CACH,CAAC;AACJ,CAAC,CAAC;AApEW,QAAA,MAAM,UAoEjB","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, { useCallback } from \"react\";\nimport type { GroupMinimal, Mapping } from \"@itwin/insights-client\";\nimport type {\n  ContextCustomUI,\n} from \"../customUI/GroupingMappingCustomUI\";\nimport type { ActionButtonRenderer, ProgressConfig } from \"./GroupsView\";\nimport { GroupsView } from \"./GroupsView\";\nimport { useGroupsOperations } from \"./hooks/useGroupsOperations\";\nimport { Alert } from \"@itwin/itwinui-react\";\n\n/**\n * Props for the {@link Groups} component.\n * @public\n */\nexport interface GroupsProps {\n  mapping: Mapping;\n  actionButtonRenderers?: ActionButtonRenderer[];\n  onClickAddGroup?: (queryGenerationType: string) => void;\n  onClickGroupTitle?: (group: GroupMinimal) => void;\n  onClickGroupModify?: (group: GroupMinimal, queryGenerationType: string) => void;\n  onClickRenderContextCustomUI?: (\n    contextCustomUI: Exclude<ContextCustomUI[\"uiComponent\"], undefined>,\n    group: GroupMinimal,\n    displayLabel: string,\n  ) => void;\n  disableActions?: boolean;\n  isVisualizing?: boolean;\n  progressConfig?: ProgressConfig;\n  alert?: React.ReactElement<typeof Alert>;\n}\n\n/**\n * Component to list groups and handle basic operations.\n * @public\n */\nexport const Groups = ({\n  mapping,\n  actionButtonRenderers,\n  onClickAddGroup,\n  onClickGroupTitle,\n  onClickGroupModify,\n  onClickRenderContextCustomUI,\n  disableActions,\n  progressConfig,\n  alert,\n}: GroupsProps) => {\n  const {\n    groups,\n    isLoading,\n    refresh,\n    onDeleteGroup,\n    setShowDeleteModal,\n    showDeleteModal,\n    groupUIs,\n    contextUIs,\n    errorMessage,\n    setErrorMessage,\n    activeOverlapInfoPanelGroup,\n    setActiveOverlapInfoPanelGroup,\n    overlappedElementsInfo,\n  } = useGroupsOperations({ mappingId: mapping.id });\n\n  const addGroup = useCallback((type: string) => {\n    if (!onClickAddGroup) return;\n    onClickAddGroup(type);\n  }, [onClickAddGroup]);\n\n  const renderAlert = useCallback(() => {\n    if (!errorMessage) {\n      return alert;\n    }\n    return (\n      <Alert type=\"negative\" onClose={() => setErrorMessage(undefined)}>\n        {errorMessage}\n      </Alert>\n    );\n  }, [alert, errorMessage, setErrorMessage]);\n\n  return (\n    <GroupsView\n      mapping={mapping}\n      groups={groups ?? []}\n      isLoading={isLoading}\n      onRefresh={refresh}\n      groupUIs={groupUIs}\n      actionButtonRenderers={actionButtonRenderers}\n      onClickAddGroup={addGroup}\n      onClickGroupTitle={onClickGroupTitle}\n      onClickGroupModify={onClickGroupModify}\n      onClickRenderContextCustomUI={onClickRenderContextCustomUI}\n      disableActions={disableActions}\n      selectedGroupForDeletion={showDeleteModal}\n      setSelectedGroupForDeletion={setShowDeleteModal}\n      onDeleteGroup={onDeleteGroup}\n      onCloseDeleteModal={() => setShowDeleteModal(undefined)}\n      contextUIs={contextUIs}\n      progressConfig={progressConfig}\n      alert={renderAlert()}\n      setActiveOverlapInfoPanelGroup={setActiveOverlapInfoPanelGroup}\n      activeOverlapInfoPanelGroup={activeOverlapInfoPanelGroup}\n      overlappedElementsInfo={overlappedElementsInfo}\n    />\n  );\n};\n"]}

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import type { Group } from "@itwin/insights-client";
+import type { GroupMinimal } from "@itwin/insights-client";
 interface GroupsShowHideButtonsProps {
-    group: Group;
+    group: GroupMinimal;
     isLoadingQuery: boolean;
-    showGroup: (group: Group) => void;
-    hideGroup: (group: Group) => void;
+    showGroup: (group: GroupMinimal) => void;
+    hideGroup: (group: GroupMinimal) => void;
 }
 export declare const GroupsShowHideButtons: ({ group, isLoadingQuery, showGroup, hideGroup, }: GroupsShowHideButtonsProps) => JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"GroupsShowHideButtons.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupsShowHideButtons.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,oEAAkF;AAClF,wDAAkD;AAClD,+CAAoD;AACpD,wFAAwF;AASjF,MAAM,qBAAqB,GAAG,CAAC,EACpC,KAAK,EACL,cAAc,EACd,SAAS,EACT,SAAS,GACkB,EAAE,EAAE;IAC/B,MAAM,EAAE,eAAe,EAAE,kBAAkB,EAAE,GAAG,IAAA,4DAA8B,GAAE,CAAC;IACjF,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC;IAE5G,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC7C,IAAI,aAAa,EAAE;YACjB,SAAS,CAAC,KAAK,CAAC,CAAC;YACjB,kBAAkB,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;SACnF;aAAM;YACL,SAAS,CAAC,KAAK,CAAC,CAAC;YACjB,IAAI,KAAK,CAAC,EAAE,EAAE;gBACZ,kBAAkB,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;aAC7D;SACF;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,EAAE,SAAS,CAAC,CAAC,CAAC;IAEtF,OAAO,CACL,8BAAC,0BAAU,IACT,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,qBAAqB,EAC9B,KAAK,EAAC,yBAAyB,IAE9B,aAAa,CAAC,CAAC,CAAC,8BAAC,uCAAiB,OAAG,CAAC,CAAC,CAAC,8BAAC,uCAAiB,OAAG,CACnD,CACd,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,qBAAqB,yBA+BhC","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 { SvgVisibilityHide, SvgVisibilityShow } from \"@itwin/itwinui-icons-react\";\nimport { IconButton } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useMemo } from \"react\";\nimport { useGroupHilitedElementsContext } from \"../context/GroupHilitedElementsContext\";\n\ninterface GroupsShowHideButtonsProps {\n  group: Group;\n  isLoadingQuery: boolean;\n  showGroup: (group: Group) => void;\n  hideGroup: (group: Group) => void;\n}\n\nexport const GroupsShowHideButtons = ({\n  group,\n  isLoadingQuery,\n  showGroup,\n  hideGroup,\n}: GroupsShowHideButtonsProps) => {\n  const { hiddenGroupsIds, setHiddenGroupsIds } = useGroupHilitedElementsContext();\n  const isGroupHidden = useMemo(() => group.id && hiddenGroupsIds.has(group.id), [group.id, hiddenGroupsIds]);\n\n  const toggleGroupVisibility = useCallback(() => {\n    if (isGroupHidden) {\n      showGroup(group);\n      setHiddenGroupsIds(new Set([...hiddenGroupsIds].filter((id) => group.id !== id)));\n    } else {\n      hideGroup(group);\n      if (group.id) {\n        setHiddenGroupsIds(new Set([...hiddenGroupsIds, group.id]));\n      }\n    }\n  }, [group, hiddenGroupsIds, hideGroup, isGroupHidden, setHiddenGroupsIds, showGroup]);\n\n  return (\n    <IconButton\n      disabled={isLoadingQuery}\n      styleType=\"borderless\"\n      onClick={toggleGroupVisibility}\n      title='Toggle Group Visibility'\n    >\n      {isGroupHidden ? <SvgVisibilityHide /> : <SvgVisibilityShow />}\n    </IconButton>\n  );\n};\n"]}
+{"version":3,"file":"GroupsShowHideButtons.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupsShowHideButtons.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,oEAAkF;AAClF,wDAAkD;AAClD,+CAAoD;AACpD,wFAAwF;AASjF,MAAM,qBAAqB,GAAG,CAAC,EACpC,KAAK,EACL,cAAc,EACd,SAAS,EACT,SAAS,GACkB,EAAE,EAAE;IAC/B,MAAM,EAAE,eAAe,EAAE,kBAAkB,EAAE,GAAG,IAAA,4DAA8B,GAAE,CAAC;IACjF,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC;IAE5G,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC7C,IAAI,aAAa,EAAE;YACjB,SAAS,CAAC,KAAK,CAAC,CAAC;YACjB,kBAAkB,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;SACnF;aAAM;YACL,SAAS,CAAC,KAAK,CAAC,CAAC;YACjB,IAAI,KAAK,CAAC,EAAE,EAAE;gBACZ,kBAAkB,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;aAC7D;SACF;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,EAAE,SAAS,CAAC,CAAC,CAAC;IAEtF,OAAO,CACL,8BAAC,0BAAU,IACT,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,qBAAqB,EAC9B,KAAK,EAAC,yBAAyB,IAE9B,aAAa,CAAC,CAAC,CAAC,8BAAC,uCAAiB,OAAG,CAAC,CAAC,CAAC,8BAAC,uCAAiB,OAAG,CACnD,CACd,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,qBAAqB,yBA+BhC","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 { GroupMinimal } from \"@itwin/insights-client\";\nimport { SvgVisibilityHide, SvgVisibilityShow } from \"@itwin/itwinui-icons-react\";\nimport { IconButton } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useMemo } from \"react\";\nimport { useGroupHilitedElementsContext } from \"../context/GroupHilitedElementsContext\";\n\ninterface GroupsShowHideButtonsProps {\n  group: GroupMinimal;\n  isLoadingQuery: boolean;\n  showGroup: (group: GroupMinimal) => void;\n  hideGroup: (group: GroupMinimal) => void;\n}\n\nexport const GroupsShowHideButtons = ({\n  group,\n  isLoadingQuery,\n  showGroup,\n  hideGroup,\n}: GroupsShowHideButtonsProps) => {\n  const { hiddenGroupsIds, setHiddenGroupsIds } = useGroupHilitedElementsContext();\n  const isGroupHidden = useMemo(() => group.id && hiddenGroupsIds.has(group.id), [group.id, hiddenGroupsIds]);\n\n  const toggleGroupVisibility = useCallback(() => {\n    if (isGroupHidden) {\n      showGroup(group);\n      setHiddenGroupsIds(new Set([...hiddenGroupsIds].filter((id) => group.id !== id)));\n    } else {\n      hideGroup(group);\n      if (group.id) {\n        setHiddenGroupsIds(new Set([...hiddenGroupsIds, group.id]));\n      }\n    }\n  }, [group, hiddenGroupsIds, hideGroup, isGroupHidden, setHiddenGroupsIds, showGroup]);\n\n  return (\n    <IconButton\n      disabled={isLoadingQuery}\n      styleType=\"borderless\"\n      onClick={toggleGroupVisibility}\n      title='Toggle Group Visibility'\n    >\n      {isGroupHidden ? <SvgVisibilityHide /> : <SvgVisibilityShow />}\n    </IconButton>\n  );\n};\n"]}

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

@@ -1,11 +1,11 @@
 import React from "react";
 import type { Alert } from "@itwin/itwinui-react";
 import "./GroupsView.scss";
-import type { Group, Mapping } from "@itwin/insights-client";
+import type { GroupMinimal, Mapping } from "@itwin/insights-client";
 import type { ContextCustomUI, GroupingCustomUI } from "../customUI/GroupingMappingCustomUI";
 import type { OverlappedInfo } from "../context/GroupHilitedElementsContext";
 export interface ActionButtonRendererProps {
-    group: Group;
+    group: GroupMinimal;
 }
 export declare type ActionButtonRenderer = (props: ActionButtonRendererProps) => React.ReactNode;
 export interface ProgressConfig {
@@ -16,28 +16,36 @@ export interface ProgressConfig {
     baseProgress?: number;
     maxDynamicProgress?: number;
 }
+/**
+ * Props for the {@link GroupsView} component.
+ * @internal
+ */
 export interface GroupsViewProps {
     mapping: Mapping;
-    groups: Group[];
+    groups: GroupMinimal[];
     isLoading: boolean;
     onRefresh: () => Promise<void>;
     groupUIs: GroupingCustomUI[];
     actionButtonRenderers?: ActionButtonRenderer[];
     contextUIs: ContextCustomUI[];
     onClickAddGroup?: (queryGenerationType: string) => void;
-    onClickGroupTitle?: (group: Group) => void;
-    onClickGroupModify?: (group: Group, queryGenerationType: string) => void;
-    onClickRenderContextCustomUI?: (contextCustomUI: Exclude<ContextCustomUI["uiComponent"], undefined>, group: Group, displayLabel: string) => void;
+    onClickGroupTitle?: (group: GroupMinimal) => void;
+    onClickGroupModify?: (group: GroupMinimal, queryGenerationType: string) => void;
+    onClickRenderContextCustomUI?: (contextCustomUI: Exclude<ContextCustomUI["uiComponent"], undefined>, group: GroupMinimal, displayLabel: string) => void;
     disableActions?: boolean;
-    selectedGroupForDeletion?: Group;
-    setSelectedGroupForDeletion: (group: Group) => void;
-    onDeleteGroup: (group: Group) => Promise<void>;
+    selectedGroupForDeletion?: GroupMinimal;
+    setSelectedGroupForDeletion: (group: GroupMinimal) => void;
+    onDeleteGroup: (group: GroupMinimal) => Promise<void>;
     onCloseDeleteModal: () => void;
     alert?: React.ReactElement<typeof Alert>;
-    setActiveOverlapInfoPanelGroup?: (activeOverlapInfoPanelGroup: Group | undefined) => void;
-    activeOverlapInfoPanelGroup?: Group | undefined;
+    setActiveOverlapInfoPanelGroup?: (activeOverlapInfoPanelGroup: GroupMinimal | undefined) => void;
+    activeOverlapInfoPanelGroup?: GroupMinimal | undefined;
     overlappedElementsInfo?: Map<string, OverlappedInfo[]>;
     progressConfig?: ProgressConfig;
 }
+/**
+ * Component to list groups.
+ * @internal
+ */
 export declare const GroupsView: ({ mapping, groups, isLoading, onRefresh, groupUIs, actionButtonRenderers, onClickAddGroup, onClickGroupTitle, onClickGroupModify, onClickRenderContextCustomUI, disableActions, selectedGroupForDeletion, onDeleteGroup, onCloseDeleteModal, setSelectedGroupForDeletion, contextUIs, alert, setActiveOverlapInfoPanelGroup, activeOverlapInfoPanelGroup, overlappedElementsInfo, progressConfig, }: GroupsViewProps) => JSX.Element;
 //# sourceMappingURL=GroupsView.d.ts.map

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

@@ -18,6 +18,10 @@ const LoadingOverlay_1 = require("../SharedComponents/LoadingOverlay");
 const GroupListItem_1 = require("./GroupListItem");
 const GroupsAddButton_1 = require("./GroupsAddButton");
 const OverlappedElementsInformationPanel_1 = require("./OverlappedElementsInformationPanel");
+/**
+ * Component to list groups.
+ * @internal
+ */
 const GroupsView = ({ mapping, groups, isLoading, onRefresh, groupUIs, actionButtonRenderers, onClickAddGroup, onClickGroupTitle, onClickGroupModify, onClickRenderContextCustomUI, disableActions, selectedGroupForDeletion, onDeleteGroup, onCloseDeleteModal, setSelectedGroupForDeletion, contextUIs, alert, setActiveOverlapInfoPanelGroup, activeOverlapInfoPanelGroup, overlappedElementsInfo, progressConfig, }) => {
     /**
      * UX Progress Bar Logic:

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

@@ -1 +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  List,\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 { GroupListItem } from \"./GroupListItem\";\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        <List className=\"gmw-group-list\">\n          {groups.map((group) => (\n            <GroupListItem\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        </List>\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        />\n      )}\n    </InformationPanelWrapper>\n  );\n};\n"]}
+{"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  List,\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 { GroupMinimal, Mapping } from \"@itwin/insights-client\";\nimport { GroupListItem } from \"./GroupListItem\";\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: GroupMinimal;\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\n/**\n * Props for the {@link GroupsView} component.\n * @internal\n */\nexport interface GroupsViewProps {\n  mapping: Mapping;\n  groups: GroupMinimal[];\n  isLoading: boolean;\n  onRefresh: () => Promise<void>;\n  groupUIs: GroupingCustomUI[];\n  actionButtonRenderers?: ActionButtonRenderer[];\n  contextUIs: ContextCustomUI[];\n  onClickAddGroup?: (queryGenerationType: string) => void;\n  onClickGroupTitle?: (group: GroupMinimal) => void;\n  onClickGroupModify?: (group: GroupMinimal, queryGenerationType: string) => void;\n  onClickRenderContextCustomUI?: (\n    contextCustomUI: Exclude<ContextCustomUI[\"uiComponent\"], undefined>,\n    group: GroupMinimal,\n    displayLabel: string,\n  ) => void;\n  disableActions?: boolean;\n  selectedGroupForDeletion?: GroupMinimal;\n  setSelectedGroupForDeletion: (group: GroupMinimal) => void;\n  onDeleteGroup: (group: GroupMinimal) => Promise<void>;\n  onCloseDeleteModal: () => void;\n  alert?: React.ReactElement<typeof Alert>;\n  setActiveOverlapInfoPanelGroup?: (activeOverlapInfoPanelGroup: GroupMinimal | undefined) => void;\n  activeOverlapInfoPanelGroup?: GroupMinimal | undefined;\n  overlappedElementsInfo?: Map<string, OverlappedInfo[]>;\n  progressConfig?: ProgressConfig;\n}\n\n/**\n * Component to list groups.\n * @internal\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        <List className=\"gmw-group-list\">\n          {groups.map((group) => (\n            <GroupListItem\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        </List>\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        />\n      )}\n    </InformationPanelWrapper>\n  );\n};\n"]}

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

@@ -1,9 +1,17 @@
 /// <reference types="react" />
 import type { GroupsProps } from "./Groups";
 import "./GroupsVisualization.scss";
+/**
+ * Props for the {@link GroupsVisualization} component.
+ * @public
+ */
 export interface GroupsVisualizationProps extends GroupsProps {
     isNonEmphasizedSelectable?: boolean;
     emphasizeElements?: boolean;
 }
+/**
+ * Component to visualize groups and their elements.
+ * @public
+ */
 export declare const GroupsVisualization: ({ emphasizeElements, isNonEmphasizedSelectable, onClickGroupModify, onClickAddGroup, mapping, ...rest }: GroupsVisualizationProps) => JSX.Element;
 //# sourceMappingURL=GroupsVisualization.d.ts.map

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

@@ -36,11 +36,15 @@ 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 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 GroupsClientContext_1 = require("../context/GroupsClientContext");
+/**
+ * Component to visualize groups and their elements.
+ * @public
+ */
 const GroupsVisualization = ({ emphasizeElements = true, isNonEmphasizedSelectable = false, onClickGroupModify, onClickAddGroup, mapping, ...rest }) => {
     const { iModelConnection } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
     if (!iModelConnection) {
@@ -49,9 +53,9 @@ const GroupsVisualization = ({ emphasizeElements = true, isNonEmphasizedSelectab
     const [isAlertClosed, setIsAlertClosed] = (0, react_1.useState)(true);
     const [isAlertExpanded, setIsAlertExpanded] = (0, react_1.useState)(false);
     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 { getAccessToken } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
+    const groupsClient = (0, GroupsClientContext_1.useGroupsClient)();
+    const { data: groups, isFetched: isGroupsFetched, isFetching: isGroupsFetching } = (0, useFetchGroups_1.useFetchGroups)(mapping.id, getAccessToken, groupsClient);
     const isMounted = (0, useIsMounted_1.useIsMounted)();
     const [enableGroupQueries, setEnableGroupQueries] = (0, react_1.useState)(false);
     const { groupQueries } = (0, useKeySetHiliteQueries_1.useKeySetHiliteQueries)(groups ?? [], enableGroupQueries, iModelConnection);

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 type { OverlappedElementGroupPairs } from \"../context/GroupHilitedElementsContext\";\nimport { useGroupHilitedElementsContext } from \"../context/GroupHilitedElementsContext\";\nimport {\n  generateOverlappedGroups,\n  hideGroupConsideringOverlaps,\n  hideGroupIds,\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    if (!isGroupsQueriesReady || !groups) return [];\n\n    // Map to track which groups have been processed for each query to ensure unique associations between groups and queries\n    const processedGroupIds = new Map<string, string[]>();\n\n    return groupQueries.flatMap((query) => {\n      // Find all groups that match the current query and haven't been processed yet for this query\n      const matchingGroups = groups.filter((group) => {\n        const isMatch = group.query === query.data!.query;\n        const isProcessed = processedGroupIds.get(query.data!.query)?.includes(group.id);\n        return isMatch && !isProcessed;\n      });\n\n      matchingGroups.forEach((group) => {\n        const existingGroupIds = processedGroupIds.get(query.data!.query);\n        if (existingGroupIds) {\n          existingGroupIds.push(group.id);\n        } else {\n          processedGroupIds.set(query.data!.query, [group.id]);\n        }\n      });\n\n      // Map each matching group to an object with groupId and elementIds\n      return matchingGroups.map((group) => ({\n        groupId: group.id,\n        elementIds: query.data!.result.ids,\n      }));\n    });\n  }, [groupQueries, isGroupsQueriesReady, groups]);\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    const processOverlappedGroups = async () => {\n      const results = generateOverlappedGroups(hiliteIds);\n      const { groupsWithGroupedOverlaps, overlappedElementsInfo, numberOfElementsInGroups } = results;\n\n      setOverlappedElementsMetadata({\n        overlappedElementsInfo,\n        groupElementsInfo: numberOfElementsInGroups,\n        overlappedElementGroupPairs: groupsWithGroupedOverlaps,\n      });\n\n      if (showGroupColor) {\n        await visualizationMutation.mutateAsync(groupsWithGroupedOverlaps);\n      } else {\n        clearEmphasizedOverriddenElements();\n      }\n\n      clearHiddenElements();\n      hideGroupIds(hiddenGroupsIds, groupsWithGroupedOverlaps);\n    };\n\n    const shouldProcessOverlappedGroups = () => !isOverlappedColored && hiliteIds.length > 0 && !isGroupsFetching;\n\n    if (shouldProcessOverlappedGroups()) {\n      void processOverlappedGroups();\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"]}
+{"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 { GroupMinimal } 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  hideGroupIds,\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 { useMutation } from \"@tanstack/react-query\";\nimport { useIsMounted } from \"../../common/hooks/useIsMounted\";\nimport { useFetchGroups } from \"./hooks/useFetchGroups\";\nimport { useKeySetHiliteQueries } from \"./hooks/useKeySetHiliteQueries\";\nimport { useGroupsClient } from \"../context/GroupsClientContext\";\n\n/**\n * Props for the {@link GroupsVisualization} component.\n * @public\n */\nexport interface GroupsVisualizationProps extends GroupsProps {\n  isNonEmphasizedSelectable?: boolean;\n  emphasizeElements?: boolean;\n}\n\n/**\n * Component to visualize groups and their elements.\n * @public\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} = useGroupingMappingApiConfig();\n  const groupsClient = useGroupsClient();\n  const { data: groups, isFetched: isGroupsFetched, isFetching: isGroupsFetching } = useFetchGroups(mapping.id, getAccessToken, groupsClient);\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    if (!isGroupsQueriesReady || !groups) return [];\n\n    // Map to track which groups have been processed for each query to ensure unique associations between groups and queries\n    const processedGroupIds = new Map<string, string[]>();\n\n    return groupQueries.flatMap((query) => {\n      // Find all groups that match the current query and haven't been processed yet for this query\n      const matchingGroups = groups.filter((group) => {\n        const isMatch = group.query === query.data!.query;\n        const isProcessed = processedGroupIds.get(query.data!.query)?.includes(group.id);\n        return isMatch && !isProcessed;\n      });\n\n      matchingGroups.forEach((group) => {\n        const existingGroupIds = processedGroupIds.get(query.data!.query);\n        if (existingGroupIds) {\n          existingGroupIds.push(group.id);\n        } else {\n          processedGroupIds.set(query.data!.query, [group.id]);\n        }\n      });\n\n      // Map each matching group to an object with groupId and elementIds\n      return matchingGroups.map((group) => ({\n        groupId: group.id,\n        elementIds: query.data!.result.ids,\n      }));\n    });\n  }, [groupQueries, isGroupsQueriesReady, groups]);\n\n  const getHiliteIdsFromGroupsWrapper = useCallback(\n    (groups: GroupMinimal[]) =>\n      hiliteIds.filter((id) => groups.some((group) => group.id === id.groupId)).flatMap((id) => id.elementIds),\n    [hiliteIds]\n  );\n\n  useEffect(() => {\n    const processOverlappedGroups = async () => {\n      const results = generateOverlappedGroups(hiliteIds);\n      const { groupsWithGroupedOverlaps, overlappedElementsInfo, numberOfElementsInGroups } = results;\n\n      setOverlappedElementsMetadata({\n        overlappedElementsInfo,\n        groupElementsInfo: numberOfElementsInGroups,\n        overlappedElementGroupPairs: groupsWithGroupedOverlaps,\n      });\n\n      if (showGroupColor) {\n        await visualizationMutation.mutateAsync(groupsWithGroupedOverlaps);\n      } else {\n        clearEmphasizedOverriddenElements();\n      }\n\n      clearHiddenElements();\n      hideGroupIds(hiddenGroupsIds, groupsWithGroupedOverlaps);\n    };\n\n    const shouldProcessOverlappedGroups = () => !isOverlappedColored && hiliteIds.length > 0 && !isGroupsFetching;\n\n    if (shouldProcessOverlappedGroups()) {\n      void processOverlappedGroups();\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: GroupMinimal) => {\n      hideGroupConsideringOverlaps(overlappedElementsMetadata.overlappedElementGroupPairs, groupToHide.id, hiddenGroupsIds);\n    },\n    [hiddenGroupsIds, overlappedElementsMetadata.overlappedElementGroupPairs]\n  );\n\n  const showGroup = useCallback(\n    (viewGroup: GroupMinimal) => {\n      if (!groups) return;\n      clearHiddenElements();\n\n      // hide group Ids filter\n      const newHiddenGroups: GroupMinimal[] = 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: GroupMinimal, 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/OverlappedElementsInformationPanel.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import "./OverlappedElementsInformationPanel.scss";
-import type { Group } from "@itwin/insights-client";
+import type { GroupMinimal } from "@itwin/insights-client";
 import type { OverlappedInfo } from "../context/GroupHilitedElementsContext";
 export interface OverlappedElementsInformationPanelProps {
-    group?: Group;
+    group?: GroupMinimal;
     onClose: () => void;
     overlappedElementsInfo: Map<string, OverlappedInfo[]>;
-    groups: Group[];
+    groups: GroupMinimal[];
 }
 export interface OverlappedElementsDisplayProps {
     overlappedElements: string;

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

@@ -1 +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"]}
+{"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 { GroupMinimal } 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?: GroupMinimal;\n  onClose: () => void;\n  overlappedElementsInfo: Map<string, OverlappedInfo[]>;\n  groups: GroupMinimal[];\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/cjs/components/Groups/QueryBuilder/QueryBuilderCustomUI.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"QueryBuilderCustomUI.js","sourceRoot":"","sources":["../../../../../src/components/Groups/QueryBuilder/QueryBuilderCustomUI.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAE1B,sEAAmE;AAY5D,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,eAAK,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,8BAAC,2BAAY,IAAC,OAAO,EAAC,uCAAuC,GAAG,CAAC;AAC1E,CAAC,CAAC;AApBW,QAAA,oBAAoB,wBAoB/B","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"]}
+{"version":3,"file":"QueryBuilderCustomUI.js","sourceRoot":"","sources":["../../../../../src/components/Groups/QueryBuilder/QueryBuilderCustomUI.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAE1B,sEAAmE;AAY5D,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,eAAK,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,8BAAC,2BAAY,IAAC,OAAO,EAAC,uCAAuC,GAAG,CAAC;AAC1E,CAAC,CAAC;AApBW,QAAA,oBAAoB,wBAoB/B","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 { GroupMinimal } 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?: GroupMinimal;\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/cjs/components/Groups/groupsHelpers.d.ts

@@ -1,5 +1,5 @@
 import type { IModelConnection } from "@itwin/core-frontend";
-import type { Group } from "@itwin/insights-client";
+import type { GroupMinimal } from "@itwin/insights-client";
 import type { OverlappedElementGroupPairs, OverlappedInfo } from "../context/GroupHilitedElementsContext";
 export declare const getGroupColor: (index: number) => string;
 export declare type GroupsElementIds = {
@@ -8,7 +8,7 @@ export declare type GroupsElementIds = {
 }[];
 export declare const hideGroupIds: (hiddenGroupIds: Set<string>, groupsWithGroupedOverlaps: OverlappedElementGroupPairs[]) => void;
 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<{
+export declare const getHiliteIdsAndKeysetFromGroup: (iModelConnection: IModelConnection, group: GroupMinimal) => Promise<{
     query: string;
     result: {
         keySet: import("@itwin/presentation-common").KeySet;