npm - @itwin/grouping-mapping-widget - Versions diffs - 0.35.4 → 0.37.0 - Mend

@itwin/grouping-mapping-widget 0.35.4 → 0.37.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 (598) hide show

package/lib/esm/components/Groups/Editing/GroupDetailsStep.d.ts CHANGED Viewed

@@ -1,12 +1,11 @@
-/// <reference types="react" />
 import "./GroupAction.scss";
 import type { GroupDetailsProps } from "./GroupDetails";
 import "./GroupDetailsStep.scss";
-declare const defaultDisplayStrings: {
+declare const getDefaultDisplayStrings: () => {
     groupDetails: string;
 };
 export interface GroupDetailsStepProps extends GroupDetailsProps {
-    displayStrings?: Partial<typeof defaultDisplayStrings>;
+    displayStrings?: Partial<ReturnType<typeof getDefaultDisplayStrings>>;
 }
 export declare const GroupDetailsStep: ({ displayStrings: userDisplayStrings, ...rest }: GroupDetailsStepProps) => JSX.Element;
 export {};

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

@@ -7,11 +7,12 @@ import React from "react";
 import "./GroupAction.scss";
 import { GroupDetails } from "./GroupDetails";
 import "./GroupDetailsStep.scss";
-const defaultDisplayStrings = {
-    groupDetails: "Group Details",
-};
+import { GroupingMappingWidget } from "../../../GroupingMappingWidget";
+const getDefaultDisplayStrings = () => ({
+    groupDetails: GroupingMappingWidget.translate("groups.groupDetails"),
+});
 export const GroupDetailsStep = ({ displayStrings: userDisplayStrings, ...rest }) => {
-    const displayStrings = React.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    const displayStrings = React.useMemo(() => ({ ...getDefaultDisplayStrings(), ...userDisplayStrings }), [userDisplayStrings]);
     return (React.createElement(Fieldset, { legend: displayStrings.groupDetails, className: "gmw-group-details" },
         React.createElement(GroupDetails, { ...rest })));
 };

package/lib/esm/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;;;gGAGgG;AAChG,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,yBAAyB,CAAC;~~AAEjC~~,~~MAAM~~,qBAAqB,GAAG;~~IAC5B~~,YAAY,EAAE,~~eAAe~~;~~CAC9B~~,CAAC;~~AAMF~~,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAAG,IAAI,EAAyB,EAAE,EAAE;IACzG,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,~~qBAAqB~~,EAAE,GAAG,kBAAkB,EAAE,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;~~IAExH~~,OAAO,CACL,oBAAC,QAAQ,IAAC,MAAM,EAAE,cAAc,CAAC,YAAY,EAAE,SAAS,EAAC,mBAAmB;QAC1E,oBAAC,YAAY,OAAK,IAAI,GAAI,CACjB,CACZ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\nimport { 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"]}
1	+ {"version":3,"file":"GroupDetailsStep.js","sourceRoot":"","sources":["../../../../../src/components/Groups/Editing/GroupDetailsStep.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,yBAAyB,CAAC;AACjC,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,MAAM,wBAAwB,GAAG,GAAG,EAAE,CAAC,CAAC;IACtC,YAAY,EAAE,qBAAqB,CAAC,SAAS,CAAC,qBAAqB,CAAC;CACrE,CAAC,CAAC;AAMH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAAG,IAAI,EAAyB,EAAE,EAAE;IACzG,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,wBAAwB,EAAE,EAAE,GAAG,kBAAkB,EAAE,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAE7H,OAAO,CACL,oBAAC,QAAQ,IAAC,MAAM,EAAE,cAAc,CAAC,YAAY,EAAE,SAAS,EAAC,mBAAmB;QAC1E,oBAAC,YAAY,OAAK,IAAI,GAAI,CACjB,CACZ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\nimport { Fieldset } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport \"./GroupAction.scss\";\nimport type { GroupDetailsProps } from \"./GroupDetails\";\nimport { GroupDetails } from \"./GroupDetails\";\nimport \"./GroupDetailsStep.scss\";\nimport { GroupingMappingWidget } from \"../../../GroupingMappingWidget\";\n\nconst getDefaultDisplayStrings = () => ({\n groupDetails: GroupingMappingWidget.translate(\"groups.groupDetails\"),\n});\n\nexport interface GroupDetailsStepProps extends GroupDetailsProps {\n displayStrings?: Partial<ReturnType<typeof getDefaultDisplayStrings>>;\n}\n\nexport const GroupDetailsStep = ({ displayStrings: userDisplayStrings, ...rest }: GroupDetailsStepProps) => {\n const displayStrings = React.useMemo(() => ({ ...getDefaultDisplayStrings(), ...userDisplayStrings }), [userDisplayStrings]);\n\n return (\n <Fieldset legend={displayStrings.groupDetails} className=\"gmw-group-details\">\n <GroupDetails {...rest} />\n </Fieldset>\n );\n};\n"]}

package/lib/esm/components/Groups/GroupColorLegend.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./GroupColorLegend.scss";
 interface GroupColorLegendProps {
     backgroundColor: string;

package/lib/esm/components/Groups/GroupListItem.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { GroupMinimal } from "@itwin/insights-client";
 import type { ContextCustomUI, GroupingCustomUI } from "../customUI/GroupingMappingCustomUI";
 import type { GroupsProps } from "./Groups";

package/lib/esm/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,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,sBAAsB,CAAC;AAU9B,MAAM,CAAC,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,8BAA8B,EAAE,CAAC;IAErC,MAAM,YAAY,GAAG,WAAW,CAAC,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,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAC,qBAAqB,iBAAa,iBAAiB;QAC5G,oBAAC,QAAQ,CAAC,OAAO;YACd,iBAAiB,CAAC,CAAC,CAAC,oBAAC,MAAM,IAAC,OAAO,EAAE,YAAY,IAAG,KAAK,CAAC,SAAS,CAAU,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS;YAChG,oBAAC,QAAQ,CAAC,WAAW,QAAE,KAAK,CAAC,WAAW,CAAwB,CAC/C;QACnB,6BAAK,SAAS,EAAC,oBAAoB;YACjC,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,KAAM,IAAI,GAAI,CACxE;YACL,cAAc,IAAI,sBAAsB,CAAC,IAAI,GAAG,CAAC,IAAI,CACpD,6BAAK,SAAS,EAAC,sBAAsB;gBACnC,oBAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,CACnH,CACP,CACG,CACG,CACZ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\nimport 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"]}
1	+ {"version":3,"file":"GroupListItem.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupListItem.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,sBAAsB,CAAC;AAU9B,MAAM,CAAC,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,8BAA8B,EAAE,CAAC;IAErC,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,iBAAiB,EAAE,CAAC;YACtB,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE/B,OAAO,CACL,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAC,qBAAqB,iBAAa,iBAAiB;QAC5G,oBAAC,QAAQ,CAAC,OAAO;YACd,iBAAiB,CAAC,CAAC,CAAC,oBAAC,MAAM,IAAC,OAAO,EAAE,YAAY,IAAG,KAAK,CAAC,SAAS,CAAU,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS;YAChG,oBAAC,QAAQ,CAAC,WAAW,QAAE,KAAK,CAAC,WAAW,CAAwB,CAC/C;QACnB,6BAAK,SAAS,EAAC,oBAAoB;YACjC,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,KAAM,IAAI,GAAI,CACxE;YACL,cAAc,IAAI,sBAAsB,CAAC,IAAI,GAAG,CAAC,IAAI,CACpD,6BAAK,SAAS,EAAC,sBAAsB;gBACnC,oBAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,CACnH,CACP,CACG,CACG,CACZ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\nimport 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/esm/components/Groups/GroupMenuActions.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { GroupMinimal } from "@itwin/insights-client";
 import type { ContextCustomUI, GroupingCustomUI } from "../customUI/GroupingMappingCustomUI";
 import type { GroupsProps } from "./Groups";

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

@@ -1,6 +1,7 @@
 import { SvgDelete, SvgEdit, SvgInfo, SvgMore } from "@itwin/itwinui-icons-react";
 import { DropdownMenu, IconButton, MenuItem } from "@itwin/itwinui-react";
 import React, { useCallback } from "react";
+import { GroupingMappingWidget } from "../../GroupingMappingWidget";
 import { useGroupingMappingApiConfig } from "../context/GroupingApiConfigContext";
 import "./GroupMenuActions.scss";
 import { useGroupHilitedElementsContext } from "../context/GroupHilitedElementsContext";
@@ -19,7 +20,7 @@ export const GroupMenuActions = ({ mapping, group, actionButtonRenderers, onClic
                     React.createElement(MenuItem, { key: 0, icon: React.createElement(SvgEdit, null), disabled: disableActions, "data-testid": "gmw-context-menu-item", subMenuItems: groupUIs.map((p, index) => (React.createElement(MenuItem, { key: p.name, className: "gmw-menu-item", "data-testid": `gmw-edit-${index}`, onClick: async () => {
                                 await onModify(group, p.name);
                                 close();
-                            }, icon: p.icon }, p.displayLabel))) }, "Edit"),
+                            }, icon: p.icon }, p.displayLabel))) }, GroupingMappingWidget.translate("common.edit")),
                 ]
                 : []),
             ...contextUIs.map((p) => {
@@ -36,13 +37,13 @@ export const GroupMenuActions = ({ mapping, group, actionButtonRenderers, onClic
             React.createElement(MenuItem, { key: 2, onClick: () => {
                     setShowDeleteModal(group);
                     close();
-                }, icon: React.createElement(SvgDelete, null), "data-testid": "gmw-context-menu-item" }, "Remove"),
+                }, icon: React.createElement(SvgDelete, null), "data-testid": "gmw-context-menu-item" }, GroupingMappingWidget.translate("common.remove")),
         ];
         if (showGroupColor && setActiveOverlapInfoPanelGroup) {
             menuItems.push(React.createElement(MenuItem, { key: 3, onClick: () => {
                     setActiveOverlapInfoPanelGroup(group);
                     close();
-                }, icon: React.createElement(SvgInfo, null), "data-testid": "gmw-overlap-menu-item" }, "Overlap Info"));
+                }, icon: React.createElement(SvgInfo, null), "data-testid": "gmw-overlap-menu-item" }, GroupingMappingWidget.translate("groups.overlapInfo")));
         }
         return menuItems;
     }, [
@@ -62,7 +63,7 @@ export const GroupMenuActions = ({ mapping, group, actionButtonRenderers, onClic
     return (React.createElement("div", { className: "gmw-actions" },
         actionButtonRenderers && actionButtonRenderers.map((actionButton, index) => React.createElement(React.Fragment, { key: index }, actionButton({ group }))),
         React.createElement(DropdownMenu, { className: "gmw-action-dropdown", disabled: disableActions, menuItems: createMenuItems },
-            React.createElement(IconButton, { disabled: disableActions, styleType: "borderless", "data-testid": "gmw-more-button", title: "Group Options" },
+            React.createElement(IconButton, { disabled: disableActions, styleType: "borderless", "data-testid": "gmw-more-button", title: GroupingMappingWidget.translate("groups.groupOptions") },
                 React.createElement(SvgMore, null)))));
 };
 //# sourceMappingURL=GroupMenuActions.js.map

package/lib/esm/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,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;~~AAG3C~~,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,yBAAyB,CAAC;AACjC,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AAUxF,MAAM,CAAC,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,2BAA2B,EAAE,CAAC;IACnD,MAAM,EAAE,cAAc,EAAE,GAAG,8BAA8B,EAAE,CAAC;IAC5D,MAAM,QAAQ,GAAG,WAAW,CAC1B,KAAK,EAAE,KAAmB,EAAE,IAAY,EAAE,EAAE;QAC1C,IAAI,CAAC,kBAAkB;YAAE,OAAO;QAChC,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,KAAiB,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG;YAChB,GAAG,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,kBAAkB;gBAC3C,CAAC,CAAC;oBACE,oBAAC,QAAQ,IACP,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,oBAAC,OAAO,OAAG,EACjB,QAAQ,EAAE,cAAc,iBACZ,uBAAuB,EACnC,YAAY,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACvC,oBAAC,QAAQ,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;gBACH,CAAC,CAAC,EAAE,CAAC;YACP,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBACtB,OAAO,CACL,oBAAC,QAAQ,IACP,GAAG,EAAE,CAAC,CAAC,IAAI,EACX,OAAO,EAAE,KAAK,IAAI,EAAE;wBAClB,IAAI,CAAC,CAAC,WAAW,IAAI,4BAA4B,EAAE;~~4BACjD~~,4BAA4B,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC;~~yBACpE~~;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,oBAAC,QAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,GAAG,EAAE;oBACZ,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC1B,KAAK,EAAE,CAAC;gBACV,CAAC,EACD,IAAI,EAAE,oBAAC,SAAS,OAAG,iBACP,uBAAuB,~~aAG1B~~;SACZ,CAAC;QAEF,IAAI,cAAc,IAAI,8BAA8B,EAAE;~~YACpD~~,SAAS,CAAC,IAAI,CACZ,oBAAC,QAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,GAAG,EAAE;oBACZ,8BAA8B,CAAC,KAAK,CAAC,CAAC;oBACtC,KAAK,EAAE,CAAC;gBACV,CAAC,EACD,IAAI,EAAE,oBAAC,OAAO,OAAG,iBACL,uBAAuB,~~mBAG1B~~,CACZ,CAAC;~~SACH~~;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EACD;QACE,QAAQ;QACR,cAAc;QACd,KAAK;QACL,UAAU;QACV,OAAO;QACP,QAAQ;QACR,cAAc;QACd,QAAQ;QACR,8BAA8B;QAC9B,kBAAkB;QAClB,kBAAkB;QAClB,4BAA4B;KAC7B,CACF,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,aAAa;QACzB,qBAAqB,IAAI,qBAAqB,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,IAAG,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC,CAAkB,CAAC;QACpJ,oBAAC,YAAY,IAAC,SAAS,EAAC,qBAAqB,EAAC,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,eAAe;YAChG,oBAAC,UAAU,IAAC,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAC,YAAY,iBAAa,iBAAiB,EAAC,KAAK,~~EAAC~~,~~eAAe~~;~~gBAC9G~~,oBAAC,OAAO,OAAG,CACA,CACA,CACX,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\nimport type { 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"]}
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 { GroupingMappingWidget } from \"../../GroupingMappingWidget\";\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 {GroupingMappingWidget.translate(\"common.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 {GroupingMappingWidget.translate(\"common.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 {GroupingMappingWidget.translate(\"groups.overlapInfo\")}\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={GroupingMappingWidget.translate(\"groups.groupOptions\")}>\n <SvgMore />\n </IconButton>\n </DropdownMenu>\n </div>\n );\n};\n"]}

package/lib/esm/components/Groups/GroupOverlapProgressBar.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { GroupMinimal } from "@itwin/insights-client";
 import type { OverlappedInfo } from "../context/GroupHilitedElementsContext";
 interface OverlapProgressProps {

package/lib/esm/components/Groups/GroupOverlapProgressBar.js CHANGED Viewed

@@ -1,11 +1,12 @@
 import { ProgressLinear } from "@itwin/itwinui-react";
 import React from "react";
+import { GroupingMappingWidget } from "../../GroupingMappingWidget";
 export const OverlapProgress = ({ group, groupElementsInfo, overlappedElementsInfo }) => {
     const groupId = group.id;
     const totalElements = groupElementsInfo.get(groupId) || 0;
     const overlappedInfo = overlappedElementsInfo.get(groupId) || [];
     const overlappedElements = overlappedInfo.reduce((count, info) => count + info.elements.length, 0);
     const overlapPercentage = (totalElements ? overlappedElements / totalElements : 0) * 100;
-    return (React.createElement(ProgressLinear, { title: `${overlappedElements} element${overlappedElements === 1 ? "" : "s"} overlapping out of ${totalElements} `, value: overlapPercentage, isAnimated: true, status: "negative" }));
+    return (React.createElement(ProgressLinear, { title: GroupingMappingWidget.translate("groups.overlapProgressTitle", { overlappedElements: String(overlappedElements), totalElements: String(totalElements) }), value: overlapPercentage, isAnimated: true, status: "negative" }));
 };
 //# sourceMappingURL=GroupOverlapProgressBar.js.map

package/lib/esm/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,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;~~AAS1B~~,MAAM,CAAC,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,oBAAC,cAAc,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","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,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAQpE,MAAM,CAAC,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,oBAAC,cAAc,IACb,KAAK,EAAE,qBAAqB,CAAC,SAAS,CAAC,6BAA6B,EAAE,EAAE,kBAAkB,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAAE,aAAa,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE,CAAC,EAC/J,KAAK,EAAE,iBAAiB,EACxB,UAAU,QACV,MAAM,EAAC,UAAU,GACjB,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\nimport type { GroupMinimal } from \"@itwin/insights-client\";\nimport { ProgressLinear } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport type { OverlappedInfo } from \"../context/GroupHilitedElementsContext\";\nimport { GroupingMappingWidget } from \"../../GroupingMappingWidget\";\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={GroupingMappingWidget.translate(\"groups.overlapProgressTitle\", { overlappedElements: String(overlappedElements), totalElements: String(totalElements) })}\n value={overlapPercentage}\n isAnimated\n status=\"negative\"\n />\n );\n};\n"]}

package/lib/esm/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;;;gGAGgG;AAChG,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAuB7C;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,OAAO,EACP,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,4BAA4B,EAC5B,cAAc,EACd,cAAc,EACd,KAAK,EACL,eAAe,EACf,YAAY,EACZ,gCAAgC,EAChC,mBAAmB,GACP,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,mBAAmB,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnD,MAAM,QAAQ,GAAG,WAAW,CAC1B,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,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,YAAY,EAAE;~~YACjB~~,OAAO,KAAK,CAAC;~~SACd~~;QACD,OAAO,CACL,oBAAC,KAAK,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,oBAAC,UAAU,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,EAC9C,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,gCAAgC,EAAE,gCAAgC,EAClE,mBAAmB,EAAE,mBAAmB,GACxC,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\nimport React, { 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 hideRefreshIcon?: boolean;\n groupsAction?: JSX.Element;\n deleteConfirmationContentFactory?: (group: GroupMinimal) => JSX.Element;\n groupDeleteCallback?: (group: GroupMinimal) => void;\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 hideRefreshIcon,\n groupsAction,\n deleteConfirmationContentFactory,\n groupDeleteCallback,\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 hideRefreshIcon={hideRefreshIcon}\n groupsAction={groupsAction}\n deleteConfirmationContentFactory={deleteConfirmationContentFactory}\n groupDeleteCallback={groupDeleteCallback}\n />\n );\n};\n"]}
1	+ {"version":3,"file":"Groups.js","sourceRoot":"","sources":["../../../../src/components/Groups/Groups.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAuB7C;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,OAAO,EACP,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,4BAA4B,EAC5B,cAAc,EACd,cAAc,EACd,KAAK,EACL,eAAe,EACf,YAAY,EACZ,gCAAgC,EAChC,mBAAmB,GACP,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,mBAAmB,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnD,MAAM,QAAQ,GAAG,WAAW,CAC1B,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,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO,KAAK,CAAC;QACf,CAAC;QACD,OAAO,CACL,oBAAC,KAAK,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,oBAAC,UAAU,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,EAC9C,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,gCAAgC,EAAE,gCAAgC,EAClE,mBAAmB,EAAE,mBAAmB,GACxC,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\nimport React, { 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 hideRefreshIcon?: boolean;\n groupsAction?: JSX.Element;\n deleteConfirmationContentFactory?: (group: GroupMinimal) => JSX.Element;\n groupDeleteCallback?: (group: GroupMinimal) => void;\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 hideRefreshIcon,\n groupsAction,\n deleteConfirmationContentFactory,\n groupDeleteCallback,\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 hideRefreshIcon={hideRefreshIcon}\n groupsAction={groupsAction}\n deleteConfirmationContentFactory={deleteConfirmationContentFactory}\n groupDeleteCallback={groupDeleteCallback}\n />\n );\n};\n"]}

package/lib/esm/components/Groups/GroupsAddButton.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { GroupingCustomUI } from "../customUI/GroupingMappingCustomUI";
 import "./GroupsAddButton.scss";
 export interface GroupsDropdownMenuProps {

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

@@ -4,9 +4,10 @@
  *--------------------------------------------------------------------------------------------*/
 import { Button, DropdownMenu, MenuItem, Text } from "@itwin/itwinui-react";
 import React from "react";
+import { GroupingMappingWidget } from "../../GroupingMappingWidget";
 import "./GroupsAddButton.scss";
 import { SvgCaretDownSmall } from "@itwin/itwinui-icons-react";
 export const GroupsAddButton = ({ disabled, groupUIs, onClickAddGroup }) => (React.createElement(DropdownMenu, { className: "gmw-custom-ui-dropdown", disabled: disabled, menuItems: () => groupUIs.map((p, index) => (React.createElement(MenuItem, { key: index, onClick: () => onClickAddGroup(p.name), icon: p.icon, "data-testid": `gmw-add-${index}` }, p.displayLabel))) },
     React.createElement(Button, { "data-testid": "gmw-add-group-button", styleType: "high-visibility", disabled: disabled, endIcon: React.createElement(SvgCaretDownSmall, null) },
-        React.createElement(Text, null, "Add Group"))));
+        React.createElement(Text, null, GroupingMappingWidget.translate("groups.addGroup")))));
 //# sourceMappingURL=GroupsAddButton.js.map

package/lib/esm/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;;;gGAGgG;AAChG,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAC;~~AAE1B~~,OAAO,wBAAwB,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAQ/D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAA2B,EAAE,EAAE,CAAC,CACnG,oBAAC,YAAY,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,oBAAC,QAAQ,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,oBAAC,MAAM,mBAAa,sBAAsB,EAAC,SAAS,EAAC,iBAAiB,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,oBAAC,iBAAiB,OAAG;QACvH,oBAAC,IAAI,~~oBAAiB~~,~~CACf~~,CACI,CAChB,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\nimport { Button, 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"]}
1	+ {"version":3,"file":"GroupsAddButton.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupsAddButton.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,OAAO,wBAAwB,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAQ/D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAA2B,EAAE,EAAE,CAAC,CACnG,oBAAC,YAAY,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,oBAAC,QAAQ,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,oBAAC,MAAM,mBAAa,sBAAsB,EAAC,SAAS,EAAC,iBAAiB,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,oBAAC,iBAAiB,OAAG;QACvH,oBAAC,IAAI,QAAE,qBAAqB,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAQ,CAC1D,CACI,CAChB,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\nimport { Button, DropdownMenu, MenuItem, Text } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport { GroupingMappingWidget } from \"../../GroupingMappingWidget\";\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>{GroupingMappingWidget.translate(\"groups.addGroup\")}</Text>\n </Button>\n </DropdownMenu>\n);\n"]}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { GroupMinimal } from "@itwin/insights-client";
 interface GroupsShowHideButtonsProps {
     group: GroupMinimal;

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

@@ -1,6 +1,7 @@
 import { SvgVisibilityHide, SvgVisibilityShow } from "@itwin/itwinui-icons-react";
 import { IconButton } from "@itwin/itwinui-react";
 import React, { useCallback, useMemo } from "react";
+import { GroupingMappingWidget } from "../../GroupingMappingWidget";
 import { useGroupHilitedElementsContext } from "../context/GroupHilitedElementsContext";
 export const GroupsShowHideButtons = ({ group, isLoadingQuery, showGroup, hideGroup }) => {
     const { hiddenGroupsIds, setHiddenGroupsIds } = useGroupHilitedElementsContext();
@@ -17,6 +18,6 @@ export const GroupsShowHideButtons = ({ group, isLoadingQuery, showGroup, hideGr
             }
         }
     }, [group, hiddenGroupsIds, hideGroup, isGroupHidden, setHiddenGroupsIds, showGroup]);
-    return (React.createElement(IconButton, { disabled: isLoadingQuery, styleType: "borderless", onClick: toggleGroupVisibility, title: "Toggle Group Visibility" }, isGroupHidden ? React.createElement(SvgVisibilityHide, null) : React.createElement(SvgVisibilityShow, null)));
+    return (React.createElement(IconButton, { disabled: isLoadingQuery, styleType: "borderless", onClick: toggleGroupVisibility, title: GroupingMappingWidget.translate("groups.toggleGroupVisibility") }, isGroupHidden ? React.createElement(SvgVisibilityHide, null) : React.createElement(SvgVisibilityShow, null)));
 };
 //# sourceMappingURL=GroupsShowHideButtons.js.map

package/lib/esm/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,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AASxF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAA8B,EAAE,EAAE;IACnH,MAAM,EAAE,eAAe,EAAE,kBAAkB,EAAE,GAAG,8BAA8B,EAAE,CAAC;IACjF,MAAM,aAAa,GAAG,OAAO,CAAC,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,WAAW,CAAC,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,oBAAC,UAAU,IAAC,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,qBAAqB,EAAE,KAAK,~~EAAC~~,~~yBAAyB~~,~~IACzH~~,aAAa,CAAC,CAAC,CAAC,oBAAC,iBAAiB,OAAG,CAAC,CAAC,CAAC,oBAAC,iBAAiB,OAAG,CACnD,CACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\nimport type { 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"]}
1	+ {"version":3,"file":"GroupsShowHideButtons.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupsShowHideButtons.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AASxF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAA8B,EAAE,EAAE;IACnH,MAAM,EAAE,eAAe,EAAE,kBAAkB,EAAE,GAAG,8BAA8B,EAAE,CAAC;IACjF,MAAM,aAAa,GAAG,OAAO,CAAC,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,WAAW,CAAC,GAAG,EAAE;QAC7C,IAAI,aAAa,EAAE,CAAC;YAClB,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;QACpF,CAAC;aAAM,CAAC;YACN,SAAS,CAAC,KAAK,CAAC,CAAC;YACjB,IAAI,KAAK,CAAC,EAAE,EAAE,CAAC;gBACb,kBAAkB,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YAC9D,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,EAAE,SAAS,CAAC,CAAC,CAAC;IAEtF,OAAO,CACL,oBAAC,UAAU,IAAC,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,qBAAqB,CAAC,SAAS,CAAC,8BAA8B,CAAC,IAChK,aAAa,CAAC,CAAC,CAAC,oBAAC,iBAAiB,OAAG,CAAC,CAAC,CAAC,oBAAC,iBAAiB,OAAG,CACnD,CACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\nimport type { 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 { GroupingMappingWidget } from \"../../GroupingMappingWidget\";\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={GroupingMappingWidget.translate(\"groups.toggleGroupVisibility\")}>\n {isGroupHidden ? <SvgVisibilityHide /> : <SvgVisibilityShow />}\n </IconButton>\n );\n};\n"]}

package/lib/esm/components/Groups/GroupsView.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ import type { OverlappedInfo } from "../context/GroupHilitedElementsContext";
 export interface ActionButtonRendererProps {
     group: GroupMinimal;
 }
-export declare type ActionButtonRenderer = (props: ActionButtonRendererProps) => React.ReactNode;
+export type ActionButtonRenderer = (props: ActionButtonRendererProps) => React.ReactNode;
 export interface ProgressConfig {
     hilitedGroupsProgress?: {
         currentHilitedGroups: number;

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

@@ -5,6 +5,7 @@
 import React from "react";
 import { ButtonGroup, IconButton, InformationPanelWrapper, List, ProgressLinear } from "@itwin/itwinui-react";
 import { SvgRefresh } from "@itwin/itwinui-icons-react";
+import { GroupingMappingWidget } from "../../GroupingMappingWidget";
 import DeleteModal from "../SharedComponents/DeleteModal";
 import "./GroupsView.scss";
 import { EmptyMessage } from "../SharedComponents/EmptyMessage";
@@ -30,13 +31,13 @@ export const GroupsView = ({ mapping, groups, isLoading, onRefresh, groupUIs, ac
             onClickAddGroup && groupUIs.length > 0 && React.createElement(GroupsAddButton, { disabled: disableActions, groupUIs: groupUIs, onClickAddGroup: onClickAddGroup }),
             React.createElement(ButtonGroup, { className: "gmw-toolbar-buttons" },
                 groupsAction,
-                !hideRefreshIcon && (React.createElement(IconButton, { title: "Refresh", onClick: onRefresh, disabled: isLoading || disableActions, styleType: "borderless" },
+                !hideRefreshIcon && (React.createElement(IconButton, { title: GroupingMappingWidget.translate("common.refresh"), onClick: onRefresh, disabled: isLoading || disableActions, styleType: "borderless" },
                     React.createElement(SvgRefresh, null))))),
         alert,
         React.createElement("div", { className: "gmw-groups-border" }),
-        !!hilitedGroupsProgress && (React.createElement("div", { className: "gmw-group-progress-bar", title: "Getting visualization ready" },
+        !!hilitedGroupsProgress && (React.createElement("div", { className: "gmw-group-progress-bar", title: GroupingMappingWidget.translate("groups.gettingVisualizationReady") },
             React.createElement(ProgressLinear, { value: baseProgress + (hilitedGroupsProgress.currentHilitedGroups / hilitedGroupsProgress.totalNumberOfGroups) * maxDynamicProgress }))),
-        isLoading ? (React.createElement(LoadingOverlay, null)) : groups.length === 0 ? (React.createElement(EmptyMessage, { message: "No Groups available." })) : (React.createElement(List, { className: "gmw-group-list" }, groups.map((group) => (React.createElement(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 }))))),
+        isLoading ? (React.createElement(LoadingOverlay, null)) : groups.length === 0 ? (React.createElement(EmptyMessage, { message: GroupingMappingWidget.translate("groups.noGroups") })) : (React.createElement(List, { className: "gmw-group-list" }, groups.map((group) => (React.createElement(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.createElement(OverlappedElementsInformationPanel, { group: activeOverlapInfoPanelGroup, onClose: () => setActiveOverlapInfoPanelGroup(undefined), overlappedElementsInfo: overlappedElementsInfo, groups: groups })),
         selectedGroupForDeletion && (React.createElement(DeleteModal, { entityName: selectedGroupForDeletion.groupName, onClose: onCloseDeleteModal, onDelete: async () => {
                 await onDeleteGroup(selectedGroupForDeletion);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"GroupsView.js","sourceRoot":"","sources":["../../../../src/components/Groups/GroupsView.tsx"],"names":[],"mappings":"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","sourcesContent":["/---------------------------------------------------------------------------------------------\n Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n --------------------------------------------------------------------------------------------/\nimport React from \"react\";\nimport type { 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 hideRefreshIcon?: boolean;\n groupsAction?: JSX.Element;\n deleteConfirmationContentFactory?: (group: GroupMinimal) => JSX.Element;\n groupDeleteCallback?: (group: GroupMinimal) => void;\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 hideRefreshIcon,\n groupsAction,\n deleteConfirmationContentFactory,\n groupDeleteCallback,\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 complete.\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 {\n <ButtonGroup className=\"gmw-toolbar-buttons\">\n {groupsAction}\n {!hideRefreshIcon && (\n <IconButton title=\"Refresh\" onClick={onRefresh} disabled={isLoading \|\| disableActions} styleType=\"borderless\">\n <SvgRefresh />\n </IconButton>\n )}\n </ButtonGroup>\n }\n </div>\n {alert}\n <div className=\"gmw-groups-border\" />\n {!!hilitedGroupsProgress && (\n <div className=\"gmw-group-progress-bar\" title=\"Getting visualization ready\">\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 groupDeleteCallback?.(selectedGroupForDeletion);\n }}\n confirmationMessage={deleteConfirmationContentFactory?.(selectedGroupForDeletion)}\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 { GroupingMappingWidget } from \"../../GroupingMappingWidget\";\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 hideRefreshIcon?: boolean;\n groupsAction?: JSX.Element;\n deleteConfirmationContentFactory?: (group: GroupMinimal) => JSX.Element;\n groupDeleteCallback?: (group: GroupMinimal) => void;\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 hideRefreshIcon,\n groupsAction,\n deleteConfirmationContentFactory,\n groupDeleteCallback,\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 complete.\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 {\n <ButtonGroup className=\"gmw-toolbar-buttons\">\n {groupsAction}\n {!hideRefreshIcon && (\n <IconButton title={GroupingMappingWidget.translate(\"common.refresh\")} onClick={onRefresh} disabled={isLoading \|\| disableActions} styleType=\"borderless\">\n <SvgRefresh />\n </IconButton>\n )}\n </ButtonGroup>\n }\n </div>\n {alert}\n <div className=\"gmw-groups-border\" />\n {!!hilitedGroupsProgress && (\n <div className=\"gmw-group-progress-bar\" title={GroupingMappingWidget.translate(\"groups.gettingVisualizationReady\")}>\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={GroupingMappingWidget.translate(\"groups.noGroups\")} />\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 groupDeleteCallback?.(selectedGroupForDeletion);\n }}\n confirmationMessage={deleteConfirmationContentFactory?.(selectedGroupForDeletion)}\n />\n )}\n </InformationPanelWrapper>\n );\n};\n"]}

package/lib/esm/components/Groups/GroupsVisualization.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { GroupMinimal } from "@itwin/insights-client";
 import type { GroupsProps } from "./Groups";
 import "./GroupsVisualization.scss";

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

@@ -15,6 +15,7 @@ import { useIsMounted } from "../../common/hooks/useIsMounted";
 import { useFetchGroups } from "./hooks/useFetchGroups";
 import { useKeySetHiliteQueries } from "./hooks/useKeySetHiliteQueries";
 import { useGroupsClient } from "../context/GroupsClientContext";
+import { GroupingMappingWidget } from "../../GroupingMappingWidget";
 /**
  * Component to visualize groups and their elements.
  * @public
@@ -180,18 +181,20 @@ export const GroupsVisualization = ({ emphasizeElements = true, isNonEmphasizedS
             (props) => (React.createElement(GroupsShowHideButtons, { ...props, isLoadingQuery: !(isVisualizationsEnabled && isGroupsFetched && isGroupsQueriesReady), showGroup: showGroup, hideGroup: hideSingleGroupWrapper })),
         ].flat()
         : [], [hideSingleGroupWrapper, isGroupsFetched, isGroupsQueriesReady, isVisualizationsEnabled, showGroup, showGroupColor, groupColors]);
-    const overlappedAlert = useMemo(() => overlappedElementsMetadata.overlappedElementsInfo.size > 0 && isAlertClosed && showGroupColor ? (React.createElement(Alert, { onClose: () => setIsAlertClosed(false), clickableText: isAlertExpanded ? "Less Details" : "More Details", clickableTextProps: { onClick: () => setIsAlertExpanded(!isAlertExpanded) } },
-        "Overlapping elements are colored ",
-        React.createElement(Text, { className: "gmw-red-text" }, "red"),
-        " in the viewer.",
+    const overlappedAlert = useMemo(() => overlappedElementsMetadata.overlappedElementsInfo.size > 0 && isAlertClosed && showGroupColor ? (React.createElement(Alert, { onClose: () => setIsAlertClosed(false), clickableText: isAlertExpanded ? GroupingMappingWidget.translate("groups.lessDetails") : GroupingMappingWidget.translate("groups.moreDetails"), clickableTextProps: { onClick: () => setIsAlertExpanded(!isAlertExpanded) } },
+        GroupingMappingWidget.translate("groups.overlappingAlertPrefix"),
+        " ",
+        React.createElement(Text, { className: "gmw-red-text" }, GroupingMappingWidget.translate("groups.overlappingAlertRed")),
+        " ",
+        GroupingMappingWidget.translate("groups.overlappingAlertSuffix"),
         isAlertExpanded ? (React.createElement(React.Fragment, null,
             React.createElement("br", null),
-            "To get overlap info in detail, click the",
+            GroupingMappingWidget.translate("groups.overlapAlertDetailPrefix"),
             " ",
             React.createElement(Icon, null,
                 React.createElement(SvgMore, null)),
             " ",
-            "button then \u201COverlap Info\u201D")) : undefined)) : undefined, [isAlertClosed, isAlertExpanded, overlappedElementsMetadata.overlappedElementsInfo.size, showGroupColor]);
+            GroupingMappingWidget.translate("groups.overlapAlertDetailSuffix"))) : undefined)) : undefined, [isAlertClosed, isAlertExpanded, overlappedElementsMetadata.overlappedElementsInfo.size, showGroupColor]);
     const progressConfig = useMemo(() => isVisualizationsEnabled && isResolvingGroupQueries
         ? {
             hilitedGroupsProgress: {