npm - @itwin/grouping-mapping-widget - Versions diffs - 0.26.0 → 0.27.0 - Mend

@itwin/grouping-mapping-widget 0.26.0 → 0.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (611) hide show

package/lib/cjs/components/Groups/Editing/GroupDetailsActionPanel.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ export interface GroupDetailsActionPanelProps {
     onClickBack: () => void;
     onClickSave: () => void;
 }
-export declare const GroupDetailsActionPanel: ({ isSaveDisabled, onClickBack, onClickSave, }: GroupDetailsActionPanelProps) => JSX.Element;
+export declare const GroupDetailsActionPanel: ({ isSaveDisabled, onClickBack, onClickSave }: GroupDetailsActionPanelProps) => JSX.Element;
 //# sourceMappingURL=GroupDetailsActionPanel.d.ts.map

package/lib/cjs/components/Groups/Editing/GroupDetailsActionPanel.js CHANGED Viewed

@@ -5,12 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GroupDetailsActionPanel = void 0;
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const react_1 = __importDefault(require("react"));
-const GroupDetailsActionPanel = ({ isSaveDisabled, onClickBack, onClickSave, }) => {
+const GroupDetailsActionPanel = ({ isSaveDisabled, onClickBack, onClickSave }) => {
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(itwinui_react_1.Button, { onClick: onClickBack }, "Back"),
         react_1.default.createElement(itwinui_react_1.Button, { disabled: isSaveDisabled, styleType: "high-visibility", onClick: onClickSave }, "Save")));

package/lib/cjs/components/Groups/Editing/GroupDetailsActionPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GroupDetailsActionPanel.js","sourceRoot":"","sources":["../../../../../src/components/Groups/Editing/GroupDetailsActionPanel.tsx"],"names":[],"mappings":";;;;;;AAAA~~;;;+FAG+F~~;~~AAC/F~~,wDAA8C;AAC9C,kDAA0B;AAQnB,MAAM,uBAAuB,GAAG,CAAC,~~EACtC~~,cAAc,~~EACd~~,WAAW,~~EACX~~,WAAW,~~GACkB~~,EAAE,EAAE;~~IACjC~~,OAAO,CACL;QACE,8BAAC,sBAAM,IAAC,OAAO,EAAE,WAAW,WAAe;QAC3C,8BAAC,sBAAM,~~IACL~~,QAAQ,EAAE,cAAc,~~EACxB~~,SAAS,EAAC,iBAAiB,~~EAC3B~~,OAAO,EAAE,WAAW,~~WAGb~~,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;~~AAjBW~~,QAAA,uBAAuB,~~2BAiBlC~~","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 GroupDetailsActionPanelProps {\n isSaveDisabled: boolean;\n onClickBack: () => void;\n onClickSave: () => void;\n}\n\nexport const GroupDetailsActionPanel = ({\n isSaveDisabled~~,\n~~ onClickBack~~,\n~~ onClickSave~~,\n~~}: GroupDetailsActionPanelProps) => {\n return (\n <>\n <Button onClick={onClickBack}>Back</Button>\n <Button\n disabled={isSaveDisabled}\n styleType=\"high-visibility\"\n onClick={onClickSave}\n >\n Save\n </Button>\n </>\n );\n};\n"]}
1	+ {"version":3,"file":"GroupDetailsActionPanel.js","sourceRoot":"","sources":["../../../../../src/components/Groups/Editing/GroupDetailsActionPanel.tsx"],"names":[],"mappings":";;;;;;AAAA;;;gGAGgG;AAChG,wDAA8C;AAC9C,kDAA0B;AAQnB,MAAM,uBAAuB,GAAG,CAAC,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAgC,EAAE,EAAE;IACpH,OAAO,CACL;QACE,8BAAC,sBAAM,IAAC,OAAO,EAAE,WAAW,WAAe;QAC3C,8BAAC,sBAAM,IAAC,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,WAAW,WAEzE,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,uBAAuB,2BASlC","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 GroupDetailsActionPanelProps {\n isSaveDisabled: boolean;\n onClickBack: () => void;\n onClickSave: () => void;\n}\n\nexport const GroupDetailsActionPanel = ({ isSaveDisabled, onClickBack, onClickSave }: GroupDetailsActionPanelProps) => {\n return (\n <>\n <Button onClick={onClickBack}>Back</Button>\n <Button disabled={isSaveDisabled} styleType=\"high-visibility\" onClick={onClickSave}>\n Save\n </Button>\n </>\n );\n};\n"]}

package/lib/cjs/components/Groups/Editing/GroupDetailsStep.js CHANGED Viewed

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GroupDetailsStep = void 0;
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const react_1 = __importDefault(require("react"));
 require("./GroupAction.scss");
@@ -18,7 +18,7 @@ const defaultDisplayStrings = {
 };
 const GroupDetailsStep = ({ displayStrings: userDisplayStrings, ...rest }) => {
     const displayStrings = react_1.default.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
-    return (react_1.default.createElement(itwinui_react_1.Fieldset, { legend: displayStrings.groupDetails, className: 'gmw-group-details' },
+    return (react_1.default.createElement(itwinui_react_1.Fieldset, { legend: displayStrings.groupDetails, className: "gmw-group-details" },
         react_1.default.createElement(GroupDetails_1.GroupDetails, { ...rest })));
 };
 exports.GroupDetailsStep = GroupDetailsStep;

package/lib/cjs/components/Groups/Editing/GroupDetailsStep.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GroupDetailsStep.js","sourceRoot":"","sources":["../../../../../src/components/Groups/Editing/GroupDetailsStep.tsx"],"names":[],"mappings":";;;;;;AAAA~~;;;+FAG+F~~;~~AAC/F~~,wDAAgD;AAChD,kDAA0B;AAC1B,8BAA4B;AAE5B,iDAA8C;AAC9C,mCAAiC;AAEjC,MAAM,qBAAqB,GAAG;IAC5B,YAAY,EAAE,eAAe;CAC9B,CAAC;AAMK,MAAM,gBAAgB,GAAG,CAAC,~~EAC/B~~,cAAc,EAAE,kBAAkB,~~EAClC~~,GAAG,IAAI,~~EACe~~,EAAE,EAAE;~~IAC1B~~,MAAM,cAAc,GAAG,eAAK,CAAC,OAAO,~~CAClC~~,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,qBAAqB,EAAE,GAAG,kBAAkB,EAAE,CAAC,~~EAC3D~~,CAAC,kBAAkB,CAAC,~~CACrB~~,CAAC;~~IAEF~~,OAAO,CACL,8BAAC,wBAAQ,~~IACP~~,MAAM,EAAE,cAAc,CAAC,YAAY,~~EACnC~~,SAAS,EAAC,mBAAmB;~~QAE7B~~,8BAAC,2BAAY,~~OACP~~,IAAI,~~GACR~~,~~CACO~~,CACZ,CAAC;AACJ,CAAC,CAAC;~~AAnBW~~,QAAA,gBAAgB,~~oBAmB3B~~","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 { Fieldset } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport \"./GroupAction.scss\";\nimport type { GroupDetailsProps } from \"./GroupDetails\";\nimport { GroupDetails } from \"./GroupDetails\";\nimport \"./GroupDetailsStep.scss\";\n\nconst defaultDisplayStrings = {\n groupDetails: \"Group Details\",\n};\n\nexport interface GroupDetailsStepProps extends GroupDetailsProps {\n displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nexport const GroupDetailsStep = ({\n displayStrings: userDisplayStrings~~,\n~~ ...rest\n}: GroupDetailsStepProps) => {\n const displayStrings = React.useMemo(\n () => ({ ...defaultDisplayStrings, ...userDisplayStrings })~~,\n~~ [userDisplayStrings]\n );\n\n return (\n <Fieldset\n legend={displayStrings.groupDetails}\n className='gmw-group-details'\n >\n <GroupDetails\n {...rest}\n />\n </Fieldset>\n );\n};\n"]}
1	+ {"version":3,"file":"GroupDetailsStep.js","sourceRoot":"","sources":["../../../../../src/components/Groups/Editing/GroupDetailsStep.tsx"],"names":[],"mappings":";;;;;;AAAA;;;gGAGgG;AAChG,wDAAgD;AAChD,kDAA0B;AAC1B,8BAA4B;AAE5B,iDAA8C;AAC9C,mCAAiC;AAEjC,MAAM,qBAAqB,GAAG;IAC5B,YAAY,EAAE,eAAe;CAC9B,CAAC;AAMK,MAAM,gBAAgB,GAAG,CAAC,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAAG,IAAI,EAAyB,EAAE,EAAE;IACzG,MAAM,cAAc,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,qBAAqB,EAAE,GAAG,kBAAkB,EAAE,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAExH,OAAO,CACL,8BAAC,wBAAQ,IAAC,MAAM,EAAE,cAAc,CAAC,YAAY,EAAE,SAAS,EAAC,mBAAmB;QAC1E,8BAAC,2BAAY,OAAK,IAAI,GAAI,CACjB,CACZ,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,gBAAgB,oBAQ3B","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 { Fieldset } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport \"./GroupAction.scss\";\nimport type { GroupDetailsProps } from \"./GroupDetails\";\nimport { GroupDetails } from \"./GroupDetails\";\nimport \"./GroupDetailsStep.scss\";\n\nconst defaultDisplayStrings = {\n groupDetails: \"Group Details\",\n};\n\nexport interface GroupDetailsStepProps extends GroupDetailsProps {\n displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nexport const GroupDetailsStep = ({ displayStrings: userDisplayStrings, ...rest }: GroupDetailsStepProps) => {\n const displayStrings = React.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);\n\n return (\n <Fieldset legend={displayStrings.groupDetails} className=\"gmw-group-details\">\n <GroupDetails {...rest} />\n </Fieldset>\n );\n};\n"]}

package/lib/cjs/components/Groups/GroupColorLegend.js CHANGED Viewed

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GroupColorLegend = void 0;
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 const react_1 = __importDefault(require("react"));
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const groupsHelpers_1 = require("./groupsHelpers");

package/lib/cjs/components/Groups/GroupColorLegend.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GroupColorLegend.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupColorLegend.tsx"],"names":[],"mappings":";;;;;;AAAA~~;;;+FAG+F~~;~~AAC/F~~,kDAA0B;AAC1B,wDAAkD;AAElD,mDAAgD;AAChD,mCAAiC;AAO1B,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAyB,EAAE,EAAE,CAAC,CAC5E,8BAAC,0BAAU,IAAC,SAAS,EAAC,YAAY;IAChC,uCACE,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE;YACL,eAAe,EAAE,IAAA,6BAAa,EAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,CAAC,CAAC;SAC3E,GACD,CACS,CACd,CAAC;AATW,QAAA,gBAAgB,oBAS3B","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 { IconButton } from \"@itwin/itwinui-react\";\nimport type { GroupMinimal } from \"@itwin/insights-client\";\nimport { getGroupColor } from \"./groupsHelpers\";\nimport \"./GroupColorLegend.scss\";\n\ninterface GroupColorLegendProps {\n group: GroupMinimal;\n groups: GroupMinimal[];\n}\n\nexport const GroupColorLegend = ({ group, groups }: GroupColorLegendProps) => (\n <IconButton styleType=\"borderless\">\n <div\n className=\"gmw-color-legend\"\n style={{\n backgroundColor: getGroupColor(groups.findIndex((g) => g.id === group.id)),\n }}\n />\n </IconButton>\n);\n"]}
1	+ {"version":3,"file":"GroupColorLegend.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupColorLegend.tsx"],"names":[],"mappings":";;;;;;AAAA;;;gGAGgG;AAChG,kDAA0B;AAC1B,wDAAkD;AAElD,mDAAgD;AAChD,mCAAiC;AAO1B,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAyB,EAAE,EAAE,CAAC,CAC5E,8BAAC,0BAAU,IAAC,SAAS,EAAC,YAAY;IAChC,uCACE,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE;YACL,eAAe,EAAE,IAAA,6BAAa,EAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,CAAC,CAAC;SAC3E,GACD,CACS,CACd,CAAC;AATW,QAAA,gBAAgB,oBAS3B","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 { IconButton } from \"@itwin/itwinui-react\";\nimport type { GroupMinimal } from \"@itwin/insights-client\";\nimport { getGroupColor } from \"./groupsHelpers\";\nimport \"./GroupColorLegend.scss\";\n\ninterface GroupColorLegendProps {\n group: GroupMinimal;\n groups: GroupMinimal[];\n}\n\nexport const GroupColorLegend = ({ group, groups }: GroupColorLegendProps) => (\n <IconButton styleType=\"borderless\">\n <div\n className=\"gmw-color-legend\"\n style={{\n backgroundColor: getGroupColor(groups.findIndex((g) => g.id === group.id)),\n }}\n />\n </IconButton>\n);\n"]}

package/lib/cjs/components/Groups/GroupListItem.js CHANGED Viewed

@@ -31,7 +31,7 @@ const GroupOverlapProgressBar_1 = require("./GroupOverlapProgressBar");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 require("./GroupListItem.scss");
 const GroupListItem = ({ onClickGroupTitle, disableActions, group, ...rest }) => {
-    const { overlappedElementsMetadata: { groupElementsInfo, overlappedElementsInfo }, showGroupColor } = (0, GroupHilitedElementsContext_1.useGroupHilitedElementsContext)();
+    const { overlappedElementsMetadata: { groupElementsInfo, overlappedElementsInfo }, showGroupColor, } = (0, GroupHilitedElementsContext_1.useGroupHilitedElementsContext)();
     const onTitleClick = (0, react_1.useCallback)(() => {
         if (onClickGroupTitle) {
             onClickGroupTitle(group);
@@ -44,9 +44,8 @@ const GroupListItem = ({ onClickGroupTitle, disableActions, group, ...rest }) =>
         react_1.default.createElement("div", { className: "gmw-group-list-end" },
             react_1.default.createElement("div", { className: "gmw-group-menu-actions" },
                 react_1.default.createElement(GroupMenuActions_1.GroupMenuActions, { group: group, disableActions: disableActions, ...rest })),
-            showGroupColor && overlappedElementsInfo.size > 0 &&
-                react_1.default.createElement("div", { className: "gmw-overlap-progress" },
-                    react_1.default.createElement(GroupOverlapProgressBar_1.OverlapProgress, { group: group, overlappedElementsInfo: overlappedElementsInfo, groupElementsInfo: groupElementsInfo })))));
+            showGroupColor && overlappedElementsInfo.size > 0 && (react_1.default.createElement("div", { className: "gmw-overlap-progress" },
+                react_1.default.createElement(GroupOverlapProgressBar_1.OverlapProgress, { group: group, overlappedElementsInfo: overlappedElementsInfo, groupElementsInfo: groupElementsInfo }))))));
 };
 exports.GroupListItem = GroupListItem;
 //# sourceMappingURL=GroupListItem.js.map

package/lib/cjs/components/Groups/GroupListItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GroupListItem.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,+CAA2C;~~AAM3C~~,yDAAsD;AACtD,wFAAwF;AACxF,uEAA4D;AAC5D,wDAAwD;AACxD,gCAA8B;~~AAYvB~~,MAAM,aAAa,GAAG,CAAC,~~EAC5B~~,iBAAiB,~~EACjB~~,cAAc,~~EACd~~,KAAK,~~EACL~~,GAAG,IAAI,~~EACY~~,EAAE,EAAE;~~IACvB~~,MAAM,~~EAAE~~,0BAA0B,EAAE,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,~~EAAE~~,cAAc,~~EAAE~~,GAAG,IAAA,4DAA8B,GAAE,CAAC;~~IAEvI~~,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACpC,IAAI,iBAAiB,EAAE;YACrB,iBAAiB,CAAC,KAAK,CAAC,CAAC;SAC1B;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE/B,OAAO,CACL,8BAAC,wBAAQ,~~IACP~~,KAAK,EAAE,KAAK,CAAC,SAAS,~~EACtB~~,GAAG,EAAE,KAAK,CAAC,EAAE,~~EACb~~,SAAS,EAAC,qBAAqB,~~iBACnB~~,iBAAiB;~~QAE7B~~,8BAAC,wBAAQ,CAAC,OAAO;YACd,iBAAiB,CAAC,CAAC,CAAC,8BAAC,sBAAM,IAAC,OAAO,EAAE,YAAY,IAAG,KAAK,CAAC,SAAS,CAAU,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS;YAChG,8BAAC,wBAAQ,CAAC,WAAW,~~QAClB~~,KAAK,CAAC,WAAW,~~CACG~~,~~CACN~~;QACnB,uCAAK,SAAS,EAAC,oBAAoB;YACjC,uCAAK,SAAS,EAAC,wBAAwB;gBACrC,8BAAC,mCAAgB,~~IACf~~,KAAK,EAAE,KAAK,~~EACZ~~,cAAc,EAAE,cAAc,~~KAC1B~~,IAAI,~~GACR~~,~~CACE~~;YACL,cAAc,IAAI,sBAAsB,CAAC,IAAI,GAAG,CAAC~~;gBAChD~~,uCAAK,SAAS,EAAC,sBAAsB;~~oBACnC~~,8BAAC,yCAAe,~~IACd~~,KAAK,EAAE,KAAK,~~EACZ~~,sBAAsB,EAAE,sBAAsB,~~EAC9C~~,iBAAiB,EAAE,iBAAiB,~~GACpC~~,~~CACE~~,~~CAEJ~~,CACG,CACZ,CAAC;AACJ,CAAC,CAAC;~~AA/CW~~,QAAA,aAAa,~~iBA+CxB~~","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 } from \"react\";\nimport type {\n ContextCustomUI~~,\n~~ GroupingCustomUI~~,\n~~} from \"../customUI/GroupingMappingCustomUI\";\nimport type { GroupsProps } from \"./Groups\";\nimport { GroupMenuActions } from \"./GroupMenuActions\";\nimport { useGroupHilitedElementsContext } from \"../context/GroupHilitedElementsContext\";\nimport { OverlapProgress } from \"./GroupOverlapProgressBar\";\nimport { Anchor, ListItem } from \"@itwin/itwinui-react\";\nimport \"./GroupListItem.scss\";\n\nexport interface GroupListItemProps extends Omit<GroupsProps, \"onClickAddGroup\"> {\n group: GroupMinimal;\n groupUIs: GroupingCustomUI[];\n contextUIs: ContextCustomUI[];\n setShowDeleteModal: (showDeleteModal: GroupMinimal) => void;\n setActiveOverlapInfoPanelGroup?: (\n activeOverlapInfoPanelGroup: GroupMinimal\n ) => void;\n}\n\nexport const GroupListItem = ({\n onClickGroupTitle~~,\n~~ disableActions~~,\n~~ group~~,\n~~ ...rest\n}: GroupListItemProps) => {\n const { overlappedElementsMetadata: { groupElementsInfo, overlappedElementsInfo }, showGroupColor } = useGroupHilitedElementsContext();\n\n const onTitleClick = useCallback(() => {\n if (onClickGroupTitle) {\n onClickGroupTitle(group);\n }\n }, [group, onClickGroupTitle]);\n\n return (\n <ListItem\n title={group.groupName}\n key={group.id}\n className=\"gmw-group-list-item\"\n data-testid=\"group-list-item\"\n >\n <ListItem.Content>\n {onClickGroupTitle ? <Anchor onClick={onTitleClick}>{group.groupName}</Anchor> : group.groupName}\n <ListItem.Description~~>\n~~ {group.description}\n </ListItem.Description>\n </ListItem.Content>\n <div className=\"gmw-group-list-end\">\n <div className=\"gmw-group-menu-actions\">\n <GroupMenuActions\n group={group}\n disableActions={disableActions}\n {...rest}\n />\n </div>\n {showGroupColor && overlappedElementsInfo.size > 0 ~~&&\~~n <div className=\"gmw-overlap-progress\">\n <OverlapProgress\n group={group}\n overlappedElementsInfo={overlappedElementsInfo}\n groupElementsInfo={groupElementsInfo}\n />\n </div>\n }\n </div>\n </ListItem>\n );\n};\n"]}
1	+ {"version":3,"file":"GroupListItem.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,+CAA2C;AAG3C,yDAAsD;AACtD,wFAAwF;AACxF,uEAA4D;AAC5D,wDAAwD;AACxD,gCAA8B;AAUvB,MAAM,aAAa,GAAG,CAAC,EAAE,iBAAiB,EAAE,cAAc,EAAE,KAAK,EAAE,GAAG,IAAI,EAAsB,EAAE,EAAE;IACzG,MAAM,EACJ,0BAA0B,EAAE,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,EACzE,cAAc,GACf,GAAG,IAAA,4DAA8B,GAAE,CAAC;IAErC,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACpC,IAAI,iBAAiB,EAAE;YACrB,iBAAiB,CAAC,KAAK,CAAC,CAAC;SAC1B;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE/B,OAAO,CACL,8BAAC,wBAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAC,qBAAqB,iBAAa,iBAAiB;QAC5G,8BAAC,wBAAQ,CAAC,OAAO;YACd,iBAAiB,CAAC,CAAC,CAAC,8BAAC,sBAAM,IAAC,OAAO,EAAE,YAAY,IAAG,KAAK,CAAC,SAAS,CAAU,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS;YAChG,8BAAC,wBAAQ,CAAC,WAAW,QAAE,KAAK,CAAC,WAAW,CAAwB,CAC/C;QACnB,uCAAK,SAAS,EAAC,oBAAoB;YACjC,uCAAK,SAAS,EAAC,wBAAwB;gBACrC,8BAAC,mCAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,KAAM,IAAI,GAAI,CACxE;YACL,cAAc,IAAI,sBAAsB,CAAC,IAAI,GAAG,CAAC,IAAI,CACpD,uCAAK,SAAS,EAAC,sBAAsB;gBACnC,8BAAC,yCAAe,IAAC,KAAK,EAAE,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,CACnH,CACP,CACG,CACG,CACZ,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,aAAa,iBA8BxB","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 } from \"react\";\nimport type { ContextCustomUI, GroupingCustomUI } from \"../customUI/GroupingMappingCustomUI\";\nimport type { GroupsProps } from \"./Groups\";\nimport { GroupMenuActions } from \"./GroupMenuActions\";\nimport { useGroupHilitedElementsContext } from \"../context/GroupHilitedElementsContext\";\nimport { OverlapProgress } from \"./GroupOverlapProgressBar\";\nimport { Anchor, ListItem } from \"@itwin/itwinui-react\";\nimport \"./GroupListItem.scss\";\n\nexport interface GroupListItemProps extends Omit<GroupsProps, \"onClickAddGroup\"> {\n group: GroupMinimal;\n groupUIs: GroupingCustomUI[];\n contextUIs: ContextCustomUI[];\n setShowDeleteModal: (showDeleteModal: GroupMinimal) => void;\n setActiveOverlapInfoPanelGroup?: (activeOverlapInfoPanelGroup: GroupMinimal) => void;\n}\n\nexport const GroupListItem = ({ onClickGroupTitle, disableActions, group, ...rest }: GroupListItemProps) => {\n const {\n overlappedElementsMetadata: { groupElementsInfo, overlappedElementsInfo },\n showGroupColor,\n } = useGroupHilitedElementsContext();\n\n const onTitleClick = useCallback(() => {\n if (onClickGroupTitle) {\n onClickGroupTitle(group);\n }\n }, [group, onClickGroupTitle]);\n\n return (\n <ListItem title={group.groupName} key={group.id} className=\"gmw-group-list-item\" data-testid=\"group-list-item\">\n <ListItem.Content>\n {onClickGroupTitle ? <Anchor onClick={onTitleClick}>{group.groupName}</Anchor> : group.groupName}\n <ListItem.Description>{group.description}</ListItem.Description>\n </ListItem.Content>\n <div className=\"gmw-group-list-end\">\n <div className=\"gmw-group-menu-actions\">\n <GroupMenuActions group={group} disableActions={disableActions} {...rest} />\n </div>\n {showGroupColor && overlappedElementsInfo.size > 0 && (\n <div className=\"gmw-overlap-progress\">\n <OverlapProgress group={group} overlappedElementsInfo={overlappedElementsInfo} groupElementsInfo={groupElementsInfo} />\n </div>\n )}\n </div>\n </ListItem>\n );\n};\n"]}

package/lib/cjs/components/Groups/GroupListItem.scss CHANGED Viewed

@@ -19,9 +19,9 @@
   justify-content: center;
   .gmw-group-menu-actions {
     display: flex;
-    flex-grow: 1
+    flex-grow: 1;
   }
   .gmw-overlap-progress {
-    width: 100%
+    width: 100%;
   }
 }

package/lib/cjs/components/Groups/GroupMenuActions.js CHANGED Viewed

@@ -50,8 +50,7 @@ const GroupMenuActions = ({ mapping, group, actionButtonRenderers, onClickGroupM
                 : []),
             ...contextUIs.map((p) => {
                 return (react_1.default.createElement(itwinui_react_1.MenuItem, { key: p.name, onClick: async () => {
-                        if (p.uiComponent &&
-                            onClickRenderContextCustomUI) {
+                        if (p.uiComponent && onClickRenderContextCustomUI) {
                             onClickRenderContextCustomUI(p.uiComponent, group, p.displayLabel);
                         }
                         if (p.onClick) {
@@ -72,12 +71,24 @@ const GroupMenuActions = ({ mapping, group, actionButtonRenderers, onClickGroupM
                 }, icon: react_1.default.createElement(itwinui_icons_react_1.SvgInfo, null), "data-testid": "gmw-overlap-menu-item" }, "Overlap Info"));
         }
         return menuItems;
-    }, [groupUIs, disableActions, group, contextUIs, mapping, iModelId, showGroupColor, onModify, setActiveOverlapInfoPanelGroup, setShowDeleteModal, onClickGroupModify, onClickRenderContextCustomUI]);
+    }, [
+        groupUIs,
+        disableActions,
+        group,
+        contextUIs,
+        mapping,
+        iModelId,
+        showGroupColor,
+        onModify,
+        setActiveOverlapInfoPanelGroup,
+        setShowDeleteModal,
+        onClickGroupModify,
+        onClickRenderContextCustomUI,
+    ]);
     return (react_1.default.createElement("div", { className: "gmw-actions" },
-        actionButtonRenderers &&
-            actionButtonRenderers.map((actionButton, index) => react_1.default.createElement(react_1.default.Fragment, { key: index }, actionButton({ group }))),
+        actionButtonRenderers && actionButtonRenderers.map((actionButton, index) => react_1.default.createElement(react_1.default.Fragment, { key: index }, actionButton({ group }))),
         react_1.default.createElement(itwinui_react_1.DropdownMenu, { className: "gmw-action-dropdown", disabled: disableActions, menuItems: createMenuItems },
-            react_1.default.createElement(itwinui_react_1.IconButton, { disabled: disableActions, styleType: "borderless", "data-testid": "gmw-more-button", title: 'Group Options' },
+            react_1.default.createElement(itwinui_react_1.IconButton, { disabled: disableActions, styleType: "borderless", "data-testid": "gmw-more-button", title: "Group Options" },
                 react_1.default.createElement(itwinui_icons_react_1.SvgMore, null)))));
 };
 exports.GroupMenuActions = GroupMenuActions;

package/lib/cjs/components/Groups/GroupMenuActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GroupMenuActions.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupMenuActions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,oEAAkF;AAClF,wDAA0E;AAC1E,+CAA2C;AAG3C,kFAAkF;AAClF,mCAAiC;AACjC,wFAAwF;AAUjF,MAAM,gBAAgB,GAAG,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,qBAAqB,EACrB,kBAAkB,EAClB,4BAA4B,EAC5B,QAAQ,EACR,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,8BAA8B,GACR,EAAE,EAAE;IAC1B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,sDAA2B,GAAE,CAAC;IACnD,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,4DAA8B,GAAE,CAAC;IAC5D,MAAM,QAAQ,GAAG,IAAA,mBAAW,~~EAAC~~,KAAK,EAAE,KAAmB,EAAE,IAAY,EAAE,EAAE;~~QACvE~~,IAAI,CAAC,kBAAkB;YAAE,OAAO;QAChC,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAClC,CAAC,~~EAAE~~,CAAC,kBAAkB,CAAC,~~CAAC~~,CAAC;~~IAEzB~~,MAAM,eAAe,GAAG,IAAA,mBAAW,~~EAAC~~,CAAC,KAAiB,EAAE,EAAE;~~QACxD~~,MAAM,SAAS,GAAG;YAChB,GAAG,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,kBAAkB;gBAC3C,CAAC,CAAC;~~oBACA~~,8BAAC,wBAAQ,IACP,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,8BAAC,6BAAO,OAAG,EACjB,QAAQ,EAAE,cAAc,iBACZ,uBAAuB,EACnC,YAAY,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACvC,8BAAC,wBAAQ,IACP,GAAG,EAAE,CAAC,CAAC,IAAI,EACX,SAAS,EAAC,eAAe,iBACZ,YAAY,KAAK,EAAE,EAChC,OAAO,EAAE,KAAK,IAAI,EAAE;gCAClB,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;gCAC9B,KAAK,EAAE,CAAC;4BACV,CAAC,EACD,IAAI,EAAE,CAAC,CAAC,IAAI,IAEX,CAAC,CAAC,YAAY,CACN,CACZ,CAAC,WAGO;iBACZ;~~gBACD~~,CAAC,CAAC,EAAE,CAAC;YACP,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBACtB,OAAO,CACL,8BAAC,wBAAQ,IACP,GAAG,EAAE,CAAC,CAAC,IAAI,EACX,OAAO,EAAE,KAAK,IAAI,EAAE;wBAClB,~~IACE~~,CAAC,CAAC,WAAW~~;4BACb~~,4BAA4B,~~EAC5B~~;~~4BACA~~,4BAA4B,~~CAC1B~~,CAAC,CAAC,WAAW,~~EACb~~,KAAK,~~EACL~~,CAAC,CAAC,YAAY,~~CACf~~,CAAC;~~yBACH~~;wBACD,IAAI,CAAC,CAAC,OAAO,EAAE;4BACb,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;yBACrC;wBACD,KAAK,EAAE,CAAC;oBACV,CAAC,EACD,IAAI,EAAE,CAAC,CAAC,IAAI,iBACA,uBAAuB,IAElC,CAAC,CAAC,YAAY,CACN,CACZ,CAAC;YACJ,CAAC,CAAC;YACF,8BAAC,wBAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,GAAG,EAAE;oBACZ,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC1B,KAAK,EAAE,CAAC;gBACV,CAAC,EACD,IAAI,EAAE,8BAAC,+BAAS,OAAG,iBACP,uBAAuB,aAG1B;SACZ,CAAC;QAEF,IAAI,cAAc,IAAI,8BAA8B,EAAE;YACpD,SAAS,CAAC,IAAI,CACZ,8BAAC,wBAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,GAAG,EAAE;oBACZ,8BAA8B,CAAC,KAAK,CAAC,CAAC;oBACtC,KAAK,EAAE,CAAC;gBACV,CAAC,EACD,IAAI,EAAE,8BAAC,6BAAO,OAAG,iBACL,uBAAuB,mBAG1B,~~CAAC~~,CAAC;~~SAChB~~;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,~~EAAE~~,~~CAAC,~~QAAQ,~~EAAE,~~cAAc,~~EAAE,~~KAAK,~~EAAE,~~UAAU,~~EAAE,~~OAAO,~~EAAE,~~QAAQ,~~EAAE,~~cAAc,~~EAAE,~~QAAQ,~~EAAE,~~8BAA8B,~~EAAE,~~kBAAkB,~~EAAE,~~kBAAkB,~~EAAE,~~4BAA4B,~~CAAC~~,CAAC~~,CAAC~~;~~IAErM~~,OAAO,CACL,uCAAK,SAAS,EAAC,aAAa;QACzB,qBAAqB~~;YACpB~~,qBAAqB,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,~~CAChD~~,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,IAAG,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC,CAAkB,~~CACvE~~;~~QACH~~,8BAAC,4BAAY,~~IACX~~,SAAS,EAAC,qBAAqB,~~EAC/B~~,QAAQ,EAAE,cAAc,~~EACxB~~,SAAS,EAAE,eAAe;~~YAE1B~~,8BAAC,0BAAU,~~IACT~~,QAAQ,EAAE,cAAc,~~EACxB~~,SAAS,EAAC,YAAY,~~iBACV~~,iBAAiB,~~EAC7B~~,KAAK,EAAC,eAAe;~~gBAErB~~,8BAAC,6BAAO,OAAG,CACA,CACA,CACX,CACP,CAAC;AACJ,CAAC,CAAC;~~AA/HW~~,QAAA,gBAAgB,~~oBA+H3B~~","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 { SvgDelete, SvgEdit, SvgInfo, SvgMore } from \"@itwin/itwinui-icons-react\";\nimport { DropdownMenu, IconButton, MenuItem } from \"@itwin/itwinui-react\";\nimport React, { useCallback } from \"react\";\nimport type { ContextCustomUI, GroupingCustomUI } from \"../customUI/GroupingMappingCustomUI\";\nimport type { GroupsProps } from \"./Groups\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\nimport \"./GroupMenuActions.scss\";\nimport { useGroupHilitedElementsContext } from \"../context/GroupHilitedElementsContext\";\n\nexport interface GroupMenuActionsProps extends Omit<GroupsProps, \"onClickAddGroup\" \| \"onClickGroupTitle\"> {\n group: GroupMinimal;\n groupUIs: GroupingCustomUI[];\n contextUIs: ContextCustomUI[];\n setShowDeleteModal: (showDeleteModal: GroupMinimal) => void;\n setActiveOverlapInfoPanelGroup?: (activeOverlapInfoPanelGroup: GroupMinimal) => void;\n}\n\nexport const GroupMenuActions = ({\n mapping,\n group,\n actionButtonRenderers,\n onClickGroupModify,\n onClickRenderContextCustomUI,\n groupUIs,\n contextUIs,\n disableActions,\n setShowDeleteModal,\n setActiveOverlapInfoPanelGroup,\n}: GroupMenuActionsProps) => {\n const { iModelId } = useGroupingMappingApiConfig();\n const { showGroupColor } = useGroupHilitedElementsContext();\n const onModify = useCallback(async (group: GroupMinimal, type: string) => {\n if (!onClickGroupModify) return;\n onClickGroupModify(group, type);\n }, [onClickGroupModify]);\n\n const createMenuItems = useCallback((close: () => void) => {\n const menuItems = [\n ...(groupUIs.length > 0 && onClickGroupModify\n ? [\n <MenuItem\n key={0}\n icon={<SvgEdit />}\n disabled={disableActions}\n data-testid=\"gmw-context-menu-item\"\n subMenuItems={groupUIs.map((p, index) => (\n <MenuItem\n key={p.name}\n className=\"gmw-menu-item\"\n data-testid={`gmw-edit-${index}`}\n onClick={async () => {\n await onModify(group, p.name);\n close();\n }}\n icon={p.icon}\n >\n {p.displayLabel}\n </MenuItem>\n ))}\n >\n Edit\n </MenuItem>,\n ]\n : []),\n ...contextUIs.map((p) => {\n return (\n <MenuItem\n key={p.name}\n onClick={async () => {\n if (\n p.uiComponent ~~&&\n~~ onClickRenderContextCustomUI\n ) {\n onClickRenderContextCustomUI(\n p.uiComponent~~,\n~~ group~~,\n~~ p.displayLabel\n );\n }\n if (p.onClick) {\n p.onClick(group, mapping, iModelId);\n }\n close();\n }}\n icon={p.icon}\n data-testid=\"gmw-context-menu-item\"\n >\n {p.displayLabel}\n </MenuItem>\n );\n }),\n <MenuItem\n key={2}\n onClick={() => {\n setShowDeleteModal(group);\n close();\n }}\n icon={<SvgDelete />}\n data-testid=\"gmw-context-menu-item\"\n >\n Remove\n </MenuItem>,\n ];\n\n if (showGroupColor && setActiveOverlapInfoPanelGroup) {\n menuItems.push(\n <MenuItem\n key={3}\n onClick={() => {\n setActiveOverlapInfoPanelGroup(group);\n close();\n }}\n icon={<SvgInfo />}\n data-testid=\"gmw-overlap-menu-item\"\n >\n Overlap Info\n </MenuItem>);\n }\n\n return menuItems;\n }, [groupUIs, disableActions, group, contextUIs, mapping, iModelId, showGroupColor, onModify, setActiveOverlapInfoPanelGroup, setShowDeleteModal, onClickGroupModify, onClickRenderContextCustomUI]);\n\n return (\n <div className=\"gmw-actions\">\n {actionButtonRenderers ~~&&\n~~ actionButtonRenderers.map((actionButton, index) ~~=>\n~~ <React.Fragment key={index}>{actionButton({ group })}</React.Fragment~~>\n~~ )}\n <DropdownMenu\n className=\"gmw-action-dropdown\"\n disabled={disableActions}\n menuItems={createMenuItems}\n >\n <IconButton\n disabled={disableActions}\n styleType=\"borderless\"\n data-testid=\"gmw-more-button\"\n title='Group Options'\n >\n <SvgMore />\n </IconButton>\n </DropdownMenu>\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"GroupMenuActions.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupMenuActions.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 { SvgDelete, SvgEdit, SvgInfo, SvgMore } from \"@itwin/itwinui-icons-react\";\nimport { DropdownMenu, IconButton, MenuItem } from \"@itwin/itwinui-react\";\nimport React, { useCallback } from \"react\";\nimport type { ContextCustomUI, GroupingCustomUI } from \"../customUI/GroupingMappingCustomUI\";\nimport type { GroupsProps } from \"./Groups\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\nimport \"./GroupMenuActions.scss\";\nimport { useGroupHilitedElementsContext } from \"../context/GroupHilitedElementsContext\";\n\nexport interface GroupMenuActionsProps extends Omit<GroupsProps, \"onClickAddGroup\" \| \"onClickGroupTitle\"> {\n group: GroupMinimal;\n groupUIs: GroupingCustomUI[];\n contextUIs: ContextCustomUI[];\n setShowDeleteModal: (showDeleteModal: GroupMinimal) => void;\n setActiveOverlapInfoPanelGroup?: (activeOverlapInfoPanelGroup: GroupMinimal) => void;\n}\n\nexport const GroupMenuActions = ({\n mapping,\n group,\n actionButtonRenderers,\n onClickGroupModify,\n onClickRenderContextCustomUI,\n groupUIs,\n contextUIs,\n disableActions,\n setShowDeleteModal,\n setActiveOverlapInfoPanelGroup,\n}: GroupMenuActionsProps) => {\n const { iModelId } = useGroupingMappingApiConfig();\n const { showGroupColor } = useGroupHilitedElementsContext();\n const onModify = useCallback(\n async (group: GroupMinimal, type: string) => {\n if (!onClickGroupModify) return;\n onClickGroupModify(group, type);\n },\n [onClickGroupModify],\n );\n\n const createMenuItems = useCallback(\n (close: () => void) => {\n const menuItems = [\n ...(groupUIs.length > 0 && onClickGroupModify\n ? [\n <MenuItem\n key={0}\n icon={<SvgEdit />}\n disabled={disableActions}\n data-testid=\"gmw-context-menu-item\"\n subMenuItems={groupUIs.map((p, index) => (\n <MenuItem\n key={p.name}\n className=\"gmw-menu-item\"\n data-testid={`gmw-edit-${index}`}\n onClick={async () => {\n await onModify(group, p.name);\n close();\n }}\n icon={p.icon}\n >\n {p.displayLabel}\n </MenuItem>\n ))}\n >\n Edit\n </MenuItem>,\n ]\n : []),\n ...contextUIs.map((p) => {\n return (\n <MenuItem\n key={p.name}\n onClick={async () => {\n if (p.uiComponent && onClickRenderContextCustomUI) {\n onClickRenderContextCustomUI(p.uiComponent, group, p.displayLabel);\n }\n if (p.onClick) {\n p.onClick(group, mapping, iModelId);\n }\n close();\n }}\n icon={p.icon}\n data-testid=\"gmw-context-menu-item\"\n >\n {p.displayLabel}\n </MenuItem>\n );\n }),\n <MenuItem\n key={2}\n onClick={() => {\n setShowDeleteModal(group);\n close();\n }}\n icon={<SvgDelete />}\n data-testid=\"gmw-context-menu-item\"\n >\n Remove\n </MenuItem>,\n ];\n\n if (showGroupColor && setActiveOverlapInfoPanelGroup) {\n menuItems.push(\n <MenuItem\n key={3}\n onClick={() => {\n setActiveOverlapInfoPanelGroup(group);\n close();\n }}\n icon={<SvgInfo />}\n data-testid=\"gmw-overlap-menu-item\"\n >\n Overlap Info\n </MenuItem>,\n );\n }\n\n return menuItems;\n },\n [\n groupUIs,\n disableActions,\n group,\n contextUIs,\n mapping,\n iModelId,\n showGroupColor,\n onModify,\n setActiveOverlapInfoPanelGroup,\n setShowDeleteModal,\n onClickGroupModify,\n onClickRenderContextCustomUI,\n ],\n );\n\n return (\n <div className=\"gmw-actions\">\n {actionButtonRenderers && actionButtonRenderers.map((actionButton, index) => <React.Fragment key={index}>{actionButton({ group })}</React.Fragment>)}\n <DropdownMenu className=\"gmw-action-dropdown\" disabled={disableActions} menuItems={createMenuItems}>\n <IconButton disabled={disableActions} styleType=\"borderless\" data-testid=\"gmw-more-button\" title=\"Group Options\">\n <SvgMore />\n </IconButton>\n </DropdownMenu>\n </div>\n );\n};\n"]}

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

	@@ -1 +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 { 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"]}
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 { 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.js CHANGED Viewed

@@ -25,9 +25,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Groups = void 0;
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 const react_1 = __importStar(require("react"));
 const GroupsView_1 = require("./GroupsView");
 const useGroupsOperations_1 = require("./hooks/useGroupsOperations");

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

	@@ -1 +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;~~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"]}
1	+ {"version":3,"file":"Groups.js","sourceRoot":"","sources":["../../../../src/components/Groups/Groups.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,+CAA2C;AAI3C,6CAA0C;AAC1C,qEAAkE;AAClE,wDAA6C;AAmB7C;;;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,EAC1B,CAAC,IAAY,EAAE,EAAE;QACf,IAAI,CAAC,eAAe;YAAE,OAAO;QAC7B,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,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;AAvEW,QAAA,MAAM,UAuEjB","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 { ContextCustomUI } 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?: (contextCustomUI: Exclude<ContextCustomUI[\"uiComponent\"], undefined>, group: GroupMinimal, displayLabel: string) => 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(\n (type: string) => {\n if (!onClickAddGroup) return;\n onClickAddGroup(type);\n },\n [onClickAddGroup],\n );\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/GroupsAddButton.d.ts CHANGED Viewed

@@ -6,5 +6,5 @@ export interface GroupsDropdownMenuProps {
     groupUIs: GroupingCustomUI[];
     onClickAddGroup: (type: string) => void;
 }
-export declare const GroupsAddButton: ({ disabled, groupUIs, onClickAddGroup, }: GroupsDropdownMenuProps) => JSX.Element;
+export declare const GroupsAddButton: ({ disabled, groupUIs, onClickAddGroup }: GroupsDropdownMenuProps) => JSX.Element;
 //# sourceMappingURL=GroupsAddButton.d.ts.map

package/lib/cjs/components/Groups/GroupsAddButton.js CHANGED Viewed

@@ -5,14 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GroupsAddButton = void 0;
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const react_1 = __importDefault(require("react"));
 require("./GroupsAddButton.scss");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-const GroupsAddButton = ({ disabled, groupUIs, onClickAddGroup, }) => (react_1.default.createElement(itwinui_react_1.DropdownMenu, { className: "gmw-custom-ui-dropdown", disabled: disabled, menuItems: () => groupUIs.map((p, index) => (react_1.default.createElement(itwinui_react_1.MenuItem, { key: index, onClick: () => onClickAddGroup(p.name), icon: p.icon, "data-testid": `gmw-add-${index}` }, p.displayLabel))) },
+const GroupsAddButton = ({ disabled, groupUIs, onClickAddGroup }) => (react_1.default.createElement(itwinui_react_1.DropdownMenu, { className: "gmw-custom-ui-dropdown", disabled: disabled, menuItems: () => groupUIs.map((p, index) => (react_1.default.createElement(itwinui_react_1.MenuItem, { key: index, onClick: () => onClickAddGroup(p.name), icon: p.icon, "data-testid": `gmw-add-${index}` }, p.displayLabel))) },
     react_1.default.createElement(itwinui_react_1.Button, { "data-testid": "gmw-add-group-button", styleType: "high-visibility", disabled: disabled, endIcon: react_1.default.createElement(itwinui_icons_react_1.SvgCaretDownSmall, null) },
         react_1.default.createElement(itwinui_react_1.Text, null, "Add Group"))));
 exports.GroupsAddButton = GroupsAddButton;

package/lib/cjs/components/Groups/GroupsAddButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GroupsAddButton.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupsAddButton.tsx"],"names":[],"mappings":";;;;;;AAAA~~;;;+FAG+F~~;~~AAC/F~~,wDAA4E;AAC5E,kDAA0B;AAE1B,kCAAgC;AAChC,oEAA+D;AAQxD,MAAM,eAAe,GAAG,CAAC,~~EAC9B~~,QAAQ,~~EACR~~,QAAQ,~~EACR~~,eAAe,~~GACS~~,EAAE,EAAE,CAAC,~~CAC7B~~,8BAAC,4BAAY,IACX,SAAS,EAAC,wBAAwB,EAClC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,GAAG,EAAE,CACd,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,8BAAC,wBAAQ,~~IACP~~,GAAG,EAAE,KAAK,~~EACV~~,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,~~EACtC~~,IAAI,EAAE,CAAC,CAAC,IAAI,~~iBACC~~,WAAW,KAAK,EAAE,~~IAE9B~~,CAAC,CAAC,YAAY,CACN,CACZ,CAAC;IAGJ,8BAAC,sBAAM,~~mBACO~~,sBAAsB,~~EAClC~~,SAAS,EAAC,iBAAiB,~~EAC3B~~,QAAQ,EAAE,QAAQ,~~EAClB~~,OAAO,EAAE,8BAAC,uCAAiB,OAAG;~~QAE9B~~,8BAAC,oBAAI,oBAAiB,CACf,CACI,CAChB,CAAC;~~AA9BW~~,QAAA,eAAe,~~mBA8B1B~~","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, DropdownMenu, MenuItem, Text } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport type { GroupingCustomUI } from \"../customUI/GroupingMappingCustomUI\";\nimport \"./GroupsAddButton.scss\";\nimport { SvgCaretDownSmall } from \"@itwin/itwinui-icons-react\";\n\nexport interface GroupsDropdownMenuProps {\n disabled?: boolean;\n groupUIs: GroupingCustomUI[];\n onClickAddGroup: (type: string) => void;\n}\n\nexport const GroupsAddButton = ({\n disabled~~,\n~~ groupUIs~~,\n~~ onClickAddGroup~~,\n~~}: GroupsDropdownMenuProps) => (\n <DropdownMenu\n className=\"gmw-custom-ui-dropdown\"\n disabled={disabled}\n menuItems={() =>\n groupUIs.map((p, index) => (\n <MenuItem\n key={index}\n onClick={() => onClickAddGroup(p.name)}\n icon={p.icon}\n data-testid={`gmw-add-${index}`}\n >\n {p.displayLabel}\n </MenuItem>\n ))\n }\n >\n <Button\n data-testid=\"gmw-add-group-button\"\n styleType=\"high-visibility\"\n disabled={disabled}\n endIcon={<SvgCaretDownSmall />}\n >\n <Text>Add Group</Text>\n </Button>\n </DropdownMenu>\n);\n"]}
1	+ {"version":3,"file":"GroupsAddButton.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupsAddButton.tsx"],"names":[],"mappings":";;;;;;AAAA;;;gGAGgG;AAChG,wDAA4E;AAC5E,kDAA0B;AAE1B,kCAAgC;AAChC,oEAA+D;AAQxD,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAA2B,EAAE,EAAE,CAAC,CACnG,8BAAC,4BAAY,IACX,SAAS,EAAC,wBAAwB,EAClC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,GAAG,EAAE,CACd,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,8BAAC,wBAAQ,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,iBAAe,WAAW,KAAK,EAAE,IACxG,CAAC,CAAC,YAAY,CACN,CACZ,CAAC;IAGJ,8BAAC,sBAAM,mBAAa,sBAAsB,EAAC,SAAS,EAAC,iBAAiB,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,8BAAC,uCAAiB,OAAG;QACvH,8BAAC,oBAAI,oBAAiB,CACf,CACI,CAChB,CAAC;AAhBW,QAAA,eAAe,mBAgB1B","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, DropdownMenu, MenuItem, Text } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport type { GroupingCustomUI } from \"../customUI/GroupingMappingCustomUI\";\nimport \"./GroupsAddButton.scss\";\nimport { SvgCaretDownSmall } from \"@itwin/itwinui-icons-react\";\n\nexport interface GroupsDropdownMenuProps {\n disabled?: boolean;\n groupUIs: GroupingCustomUI[];\n onClickAddGroup: (type: string) => void;\n}\n\nexport const GroupsAddButton = ({ disabled, groupUIs, onClickAddGroup }: GroupsDropdownMenuProps) => (\n <DropdownMenu\n className=\"gmw-custom-ui-dropdown\"\n disabled={disabled}\n menuItems={() =>\n groupUIs.map((p, index) => (\n <MenuItem key={index} onClick={() => onClickAddGroup(p.name)} icon={p.icon} data-testid={`gmw-add-${index}`}>\n {p.displayLabel}\n </MenuItem>\n ))\n }\n >\n <Button data-testid=\"gmw-add-group-button\" styleType=\"high-visibility\" disabled={disabled} endIcon={<SvgCaretDownSmall />}>\n <Text>Add Group</Text>\n </Button>\n </DropdownMenu>\n);\n"]}

package/lib/cjs/components/Groups/GroupsAddButton.scss CHANGED Viewed

@@ -5,4 +5,4 @@
 .gmw-custom-ui-dropdown {
   width: calc(var(--iui-size-3xl) + var(--iui-size-2xl));
-}
+}

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

@@ -6,6 +6,6 @@ interface GroupsShowHideButtonsProps {
     showGroup: (group: GroupMinimal) => void;
     hideGroup: (group: GroupMinimal) => void;
 }
-export declare const GroupsShowHideButtons: ({ group, isLoadingQuery, showGroup, hideGroup, }: GroupsShowHideButtonsProps) => JSX.Element;
+export declare const GroupsShowHideButtons: ({ group, isLoadingQuery, showGroup, hideGroup }: GroupsShowHideButtonsProps) => JSX.Element;
 export {};
 //# sourceMappingURL=GroupsShowHideButtons.d.ts.map

package/lib/cjs/components/Groups/GroupsShowHideButtons.js CHANGED Viewed

@@ -28,7 +28,7 @@ const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const react_1 = __importStar(require("react"));
 const GroupHilitedElementsContext_1 = require("../context/GroupHilitedElementsContext");
-const GroupsShowHideButtons = ({ group, isLoadingQuery, showGroup, hideGroup, }) => {
+const GroupsShowHideButtons = ({ group, isLoadingQuery, showGroup, hideGroup }) => {
     const { hiddenGroupsIds, setHiddenGroupsIds } = (0, GroupHilitedElementsContext_1.useGroupHilitedElementsContext)();
     const isGroupHidden = (0, react_1.useMemo)(() => group.id && hiddenGroupsIds.has(group.id), [group.id, hiddenGroupsIds]);
     const toggleGroupVisibility = (0, react_1.useCallback)(() => {
@@ -43,7 +43,7 @@ const GroupsShowHideButtons = ({ group, isLoadingQuery, showGroup, hideGroup, })
             }
         }
     }, [group, hiddenGroupsIds, hideGroup, isGroupHidden, setHiddenGroupsIds, showGroup]);
-    return (react_1.default.createElement(itwinui_react_1.IconButton, { disabled: isLoadingQuery, styleType: "borderless", onClick: toggleGroupVisibility, title: 'Toggle Group Visibility' }, isGroupHidden ? react_1.default.createElement(itwinui_icons_react_1.SvgVisibilityHide, null) : react_1.default.createElement(itwinui_icons_react_1.SvgVisibilityShow, null)));
+    return (react_1.default.createElement(itwinui_react_1.IconButton, { disabled: isLoadingQuery, styleType: "borderless", onClick: toggleGroupVisibility, title: "Toggle Group Visibility" }, isGroupHidden ? react_1.default.createElement(itwinui_icons_react_1.SvgVisibilityHide, null) : react_1.default.createElement(itwinui_icons_react_1.SvgVisibilityShow, null)));
 };
 exports.GroupsShowHideButtons = GroupsShowHideButtons;
 //# sourceMappingURL=GroupsShowHideButtons.js.map

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

	@@ -1 +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 { 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"]}
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,EAAE,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAA8B,EAAE,EAAE;IACnH,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,IAAC,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAC,yBAAyB,IACzH,aAAa,CAAC,CAAC,CAAC,8BAAC,uCAAiB,OAAG,CAAC,CAAC,CAAC,8BAAC,uCAAiB,OAAG,CACnD,CACd,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,qBAAqB,yBAqBhC","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 = ({ group, isLoadingQuery, showGroup, hideGroup }: 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 disabled={isLoadingQuery} styleType=\"borderless\" onClick={toggleGroupVisibility} title=\"Toggle Group Visibility\">\n {isGroupHidden ? <SvgVisibilityHide /> : <SvgVisibilityShow />}\n </IconButton>\n );\n};\n"]}

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

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GroupsView = void 0;
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 const react_1 = __importDefault(require("react"));
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
@@ -33,18 +33,16 @@ const GroupsView = ({ mapping, groups, isLoading, onRefresh, groupUIs, actionBut
     const { baseProgress = 25, maxDynamicProgress = 65, hilitedGroupsProgress } = progressConfig || {};
     return (react_1.default.createElement(itwinui_react_1.InformationPanelWrapper, { className: "gmw-groups-container" },
         react_1.default.createElement("div", { className: "gmw-toolbar" },
-            onClickAddGroup && groupUIs.length > 0 && (react_1.default.createElement(GroupsAddButton_1.GroupsAddButton, { disabled: disableActions, groupUIs: groupUIs, onClickAddGroup: onClickAddGroup })),
+            onClickAddGroup && groupUIs.length > 0 && react_1.default.createElement(GroupsAddButton_1.GroupsAddButton, { disabled: disableActions, groupUIs: groupUIs, onClickAddGroup: onClickAddGroup }),
             react_1.default.createElement(itwinui_react_1.ButtonGroup, { className: "gmw-toolbar-buttons" },
                 react_1.default.createElement(itwinui_react_1.IconButton, { title: "Refresh", onClick: onRefresh, disabled: isLoading || disableActions, styleType: "borderless" },
                     react_1.default.createElement(itwinui_icons_react_1.SvgRefresh, null)))),
         alert,
-        react_1.default.createElement("div", { className: 'gmw-groups-border' }),
-        !!hilitedGroupsProgress &&
-            react_1.default.createElement("div", { className: "gmw-group-progress-bar" },
-                react_1.default.createElement(itwinui_react_1.ProgressLinear, { value: baseProgress + (hilitedGroupsProgress.currentHilitedGroups / hilitedGroupsProgress.totalNumberOfGroups * maxDynamicProgress) })),
+        react_1.default.createElement("div", { className: "gmw-groups-border" }),
+        !!hilitedGroupsProgress && (react_1.default.createElement("div", { className: "gmw-group-progress-bar" },
+            react_1.default.createElement(itwinui_react_1.ProgressLinear, { value: baseProgress + (hilitedGroupsProgress.currentHilitedGroups / hilitedGroupsProgress.totalNumberOfGroups) * maxDynamicProgress }))),
         isLoading ? (react_1.default.createElement(LoadingOverlay_1.LoadingOverlay, null)) : groups.length === 0 ? (react_1.default.createElement(EmptyMessage_1.EmptyMessage, { message: "No Groups available." })) : (react_1.default.createElement(itwinui_react_1.List, { className: "gmw-group-list" }, groups.map((group) => (react_1.default.createElement(GroupListItem_1.GroupListItem, { key: group.id, mapping: mapping, group: group, groupUIs: groupUIs, actionButtonRenderers: actionButtonRenderers, onClickGroupTitle: onClickGroupTitle, onClickGroupModify: onClickGroupModify, onClickRenderContextCustomUI: onClickRenderContextCustomUI, disableActions: disableActions, setShowDeleteModal: setSelectedGroupForDeletion, contextUIs: contextUIs, setActiveOverlapInfoPanelGroup: setActiveOverlapInfoPanelGroup }))))),
-        overlappedElementsInfo && setActiveOverlapInfoPanelGroup &&
-            react_1.default.createElement(OverlappedElementsInformationPanel_1.OverlappedElementsInformationPanel, { group: activeOverlapInfoPanelGroup, onClose: () => setActiveOverlapInfoPanelGroup(undefined), overlappedElementsInfo: overlappedElementsInfo, groups: groups }),
+        overlappedElementsInfo && setActiveOverlapInfoPanelGroup && (react_1.default.createElement(OverlappedElementsInformationPanel_1.OverlappedElementsInformationPanel, { group: activeOverlapInfoPanelGroup, onClose: () => setActiveOverlapInfoPanelGroup(undefined), overlappedElementsInfo: overlappedElementsInfo, groups: groups })),
         selectedGroupForDeletion && (react_1.default.createElement(DeleteModal_1.default, { entityName: selectedGroupForDeletion.groupName, onClose: onCloseDeleteModal, onDelete: async () => {
                 await onDeleteGroup(selectedGroupForDeletion);
             } }))));

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

	@@ -1 +1 @@
1	- {"version":3,"file":"GroupsView.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupsView.tsx"],"names":[],"mappings":";;;;;;AAAA~~;;;+FAG+F~~;~~AAC/F~~,kDAA0B;~~AAI1B~~,~~wDAM8B~~;~~AAC9B~~,~~oEAEoC~~;~~AACpC~~,kFAA0D;AAC1D,6BAA2B;AAC3B,mEAAgE;AAChE,uEAAoE;AAEpE,mDAAgD;AAEhD,uDAAoD;AACpD,6FAA0F;~~AAoD1F~~;;;GAGG;AACI,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,EACP,MAAM,EACN,SAAS,EACT,SAAS,EACT,QAAQ,EACR,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,4BAA4B,EAC5B,cAAc,EACd,wBAAwB,EACxB,aAAa,EACb,kBAAkB,EAClB,2BAA2B,EAC3B,UAAU,EACV,KAAK,EACL,8BAA8B,EAC9B,2BAA2B,EAC3B,sBAAsB,EACtB,cAAc,GACE,EAAE,EAAE;IACpB;;;;;;OAMG;IACH,MAAM,EAAE,YAAY,GAAG,EAAE,EAAE,kBAAkB,GAAG,EAAE,EAAE,qBAAqB,EAAE,GAAG,cAAc,IAAI,EAAE,CAAC;IAEnG,OAAO,CACL,8BAAC,uCAAuB,IAAC,SAAS,EAAC,sBAAsB;QACvD,uCAAK,SAAS,EAAC,aAAa;YACzB,eAAe,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,~~CACzC,~~8BAAC,iCAAe,~~IACd~~,QAAQ,EAAE,cAAc,~~EACxB~~,QAAQ,EAAE,QAAQ,~~EAClB~~,eAAe,EAAE,eAAe,~~GAChC,CACH~~;~~YACD~~,8BAAC,2BAAW,IAAC,SAAS,EAAC,qBAAqB;gBAC1C,8BAAC,0BAAU,~~IACT~~,KAAK,EAAC,SAAS,~~EACf~~,OAAO,EAAE,SAAS,~~EAClB~~,QAAQ,EAAE,SAAS,IAAI,cAAc,~~EACrC~~,SAAS,EAAC,YAAY;~~oBAEtB~~,8BAAC,gCAAU,OAAG,CACH,CACD,CACV;QACL,KAAK;QACN,uCAAK,SAAS,EAAC,mBAAmB,GAAG;QACpC,CAAC,CAAC,qBAAqB~~;YACtB~~,uCAAK,SAAS,EAAC,wBAAwB;~~gBACrC~~,8BAAC,8BAAc,IACb,KAAK,EAAE,YAAY,GAAG,CAAC,qBAAqB,CAAC,oBAAoB,GAAG,qBAAqB,CAAC,mBAAmB,GAAG,kBAAkB,~~CAAC,~~GACnI,CACE;~~QACP~~,SAAS,CAAC,CAAC,CAAC,CACX,8BAAC,+BAAc,OAAG,CACnB,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACxB,8BAAC,2BAAY,IAAC,OAAO,EAAC,sBAAsB,GAAG,CAChD,CAAC,CAAC,CAAC,CACF,8BAAC,oBAAI,IAAC,SAAS,EAAC,gBAAgB,IAC7B,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,8BAAC,6BAAa,IACZ,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,EAC5C,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,4BAA4B,EAAE,4BAA4B,EAC1D,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,2BAA2B,EAC/C,UAAU,EAAE,UAAU,EACtB,8BAA8B,EAAE,8BAA8B,GAC9D,CACH,CAAC,CACG,CACR;QACA,sBAAsB,IAAI,8BAA8B~~;YACvD~~,8BAAC,uEAAkC,IACjC,KAAK,EAAE,2BAA2B,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,8BAA8B,CAAC,SAAS,CAAC,EACxD,sBAAsB,EAAE,sBAAsB,EAC9C,MAAM,EAAE,MAAM,GACd;~~QACH~~,wBAAwB,IAAI,CAC3B,8BAAC,qBAAW,IACV,UAAU,EAAE,wBAAwB,CAAC,SAAS,EAC9C,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,KAAK,IAAI,EAAE;gBACnB,MAAM,aAAa,CAAC,wBAAwB,CAAC,CAAC;YAChD,CAAC,GACD,CACH,CACuB,CAC3B,CAAC;AACJ,CAAC,CAAC;~~AAvGW~~,QAAA,UAAU,~~cAuGrB~~","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"]}
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 { Alert } from \"@itwin/itwinui-react\";\nimport { ButtonGroup, IconButton, InformationPanelWrapper, List, ProgressLinear } from \"@itwin/itwinui-react\";\nimport { SvgRefresh } 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 = (props: ActionButtonRendererProps) => 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?: (contextCustomUI: Exclude<ContextCustomUI[\"uiComponent\"], undefined>, group: GroupMinimal, displayLabel: string) => 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 && <GroupsAddButton disabled={disableActions} groupUIs={groupUIs} onClickAddGroup={onClickAddGroup} />}\n <ButtonGroup className=\"gmw-toolbar-buttons\">\n <IconButton title=\"Refresh\" onClick={onRefresh} disabled={isLoading \|\| disableActions} styleType=\"borderless\">\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 )}\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 )}\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/GroupsView.scss CHANGED Viewed

@@ -35,7 +35,7 @@
     height: 1px;
   }
-  .gmw-overlap-alert{
+  .gmw-overlap-alert {
     font-size: small;
   }

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

@@ -173,11 +173,7 @@ const GroupsVisualization = ({ emphasizeElements = true, isNonEmphasizedSelectab
             return;
         hideAllGroups();
         setHiddenGroupsIds(new Set(groups.map((g) => g.id)));
-    }, [
-        setHiddenGroupsIds,
-        groups,
-        hideAllGroups,
-    ]);
+    }, [setHiddenGroupsIds, groups, hideAllGroups]);
     const onModify = (0, react_1.useCallback)((group, type) => {
         if (!onClickGroupModify)
             return;
@@ -194,21 +190,24 @@ const GroupsVisualization = ({ emphasizeElements = true, isNonEmphasizedSelectab
         onClickAddGroup(type);
         (0, viewerUtils_1.clearEmphasizedElements)();
     }, [onClickAddGroup]);
-    const groupActionButtonRenderers = (0, react_1.useMemo)(() => isVisualizationsEnabled ? [
-        (props) => showGroupColor ? react_1.default.createElement(GroupColorLegend_1.GroupColorLegend, { ...props, groups: groups ?? [] }) : [],
-        (props) => (react_1.default.createElement(GroupsShowHideButtons_1.GroupsShowHideButtons, { ...props, isLoadingQuery: !(isVisualizationsEnabled && isGroupsFetched && isGroupsQueriesReady), showGroup: showGroup, hideGroup: hideSingleGroupWrapper })),
-    ].flat() : [], [groups, hideSingleGroupWrapper, isGroupsFetched, isGroupsQueriesReady, isVisualizationsEnabled, showGroup, showGroupColor]);
-    const overlappedAlert = (0, react_1.useMemo)(() => overlappedElementsMetadata.overlappedElementsInfo.size > 0 && isAlertClosed && showGroupColor ?
-        react_1.default.createElement(itwinui_react_1.Alert, { onClose: () => setIsAlertClosed(false), clickableText: isAlertExpanded ? "Less Details" : "More Details", clickableTextProps: { onClick: () => setIsAlertExpanded(!isAlertExpanded) } },
-            "Overlapping elements are colored ",
-            react_1.default.createElement(itwinui_react_1.Text, { className: "gmw-red-text" }, "red"),
-            " in the viewer.",
-            isAlertExpanded ? (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("br", null),
-                "To get overlap info in detail, click the ",
-                react_1.default.createElement(itwinui_react_1.Icon, null,
-                    react_1.default.createElement(itwinui_icons_react_1.SvgMore, null)),
-                " button then \u201COverlap Info\u201D")) : undefined) : undefined, [isAlertClosed, isAlertExpanded, overlappedElementsMetadata.overlappedElementsInfo.size, showGroupColor]);
+    const groupActionButtonRenderers = (0, react_1.useMemo)(() => isVisualizationsEnabled
+        ? [
+            (props) => (showGroupColor ? react_1.default.createElement(GroupColorLegend_1.GroupColorLegend, { ...props, groups: groups ?? [] }) : []),
+            (props) => (react_1.default.createElement(GroupsShowHideButtons_1.GroupsShowHideButtons, { ...props, isLoadingQuery: !(isVisualizationsEnabled && isGroupsFetched && isGroupsQueriesReady), showGroup: showGroup, hideGroup: hideSingleGroupWrapper })),
+        ].flat()
+        : [], [groups, hideSingleGroupWrapper, isGroupsFetched, isGroupsQueriesReady, isVisualizationsEnabled, showGroup, showGroupColor]);
+    const overlappedAlert = (0, react_1.useMemo)(() => overlappedElementsMetadata.overlappedElementsInfo.size > 0 && isAlertClosed && showGroupColor ? (react_1.default.createElement(itwinui_react_1.Alert, { onClose: () => setIsAlertClosed(false), clickableText: isAlertExpanded ? "Less Details" : "More Details", clickableTextProps: { onClick: () => setIsAlertExpanded(!isAlertExpanded) } },
+        "Overlapping elements are colored ",
+        react_1.default.createElement(itwinui_react_1.Text, { className: "gmw-red-text" }, "red"),
+        " in the viewer.",
+        isAlertExpanded ? (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("br", null),
+            "To get overlap info in detail, click the",
+            " ",
+            react_1.default.createElement(itwinui_react_1.Icon, null,
+                react_1.default.createElement(itwinui_icons_react_1.SvgMore, null)),
+            " ",
+            "button then \u201COverlap Info\u201D")) : undefined)) : undefined, [isAlertClosed, isAlertExpanded, overlappedElementsMetadata.overlappedElementsInfo.size, showGroupColor]);
     const progressConfig = (0, react_1.useMemo)(() => isVisualizationsEnabled && isResolvingGroupQueries
         ? {
             hilitedGroupsProgress: {