@itwin/grouping-mapping-widget 0.6.0 → 0.8.0

package/lib/cjs/widget/components/Grouping.d.ts

@@ -3,6 +3,11 @@ import type { CreateTypeFromInterface } from "../utils";
 import "./Grouping.scss";
 import type { Group, Mapping } from "@itwin/insights-client";
 export declare type IGroupTyped = CreateTypeFromInterface<Group>;
+export declare const defaultUIMetadata: {
+    name: string;
+    displayLabel: string;
+    icon: JSX.Element;
+}[];
 interface GroupsTreeProps {
     mapping: Mapping;
     goBack: () => Promise<void>;

package/lib/cjs/widget/components/Grouping.js

@@ -22,7 +22,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Groupings = void 0;
+exports.Groupings = exports.defaultUIMetadata = void 0;
 /*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -41,12 +41,33 @@ const MappingClientContext_1 = require("./context/MappingClientContext");
 const core_common_1 = require("@itwin/core-common");
 const HorizontalTile_1 = require("./HorizontalTile");
 const GroupingApiConfigContext_1 = require("./context/GroupingApiConfigContext");
+const GroupingMappingCustomUIContext_1 = require("./context/GroupingMappingCustomUIContext");
+const GroupingMappingCustomUI_1 = require("./customUI/GroupingMappingCustomUI");
+const presentation_frontend_1 = require("@itwin/presentation-frontend");
+exports.defaultUIMetadata = [
+    {
+        name: "Selection",
+        displayLabel: "Selection",
+        icon: react_1.default.createElement(itwinui_icons_react_1.SvgCursor, null),
+    },
+    {
+        name: "Search",
+        displayLabel: "Query Keywords",
+        icon: react_1.default.createElement(itwinui_icons_react_1.SvgSearch, null),
+    },
+    {
+        name: "Manual",
+        displayLabel: "Manual Query",
+        icon: react_1.default.createElement(itwinui_icons_react_1.SvgDraw, null),
+    },
+];
 var GroupsView;
 (function (GroupsView) {
-    GroupsView["GROUPS"] = "groups";
-    GroupsView["MODIFYING"] = "modifying";
-    GroupsView["ADD"] = "ADD";
-    GroupsView["PROPERTIES"] = "properties";
+    GroupsView[GroupsView["Add"] = 0] = "Add";
+    GroupsView[GroupsView["Groups"] = 1] = "Groups";
+    GroupsView[GroupsView["CustomUI"] = 2] = "CustomUI";
+    GroupsView[GroupsView["Modifying"] = 3] = "Modifying";
+    GroupsView[GroupsView["Properties"] = 4] = "Properties";
 })(GroupsView || (GroupsView = {}));
 const goldenAngle = 180 * (3 - Math.sqrt(5));
 const fetchGroups = async (setGroups, iModelId, mappingId, setIsLoading, getAccessToken, mappingsClient) => {
@@ -71,15 +92,21 @@ const Groupings = ({ mapping, goBack }) => {
     const { getAccessToken } = GroupingApiConfigContext_1.useGroupingMappingApiConfig();
     const mappingClient = MappingClientContext_1.useMappingClient();
     const iModelId = (_a = appui_react_1.useActiveIModelConnection()) === null || _a === void 0 ? void 0 : _a.iModelId;
+    const groupUIs = GroupingMappingCustomUIContext_1.useGroupingMappingCustomUI()
+        .filter((p) => p.type === GroupingMappingCustomUI_1.GroupingMappingCustomUIType.Grouping);
+    const contextUIs = GroupingMappingCustomUIContext_1.useGroupingMappingCustomUI()
+        .filter((p) => p.type === GroupingMappingCustomUI_1.GroupingMappingCustomUIType.Context);
     const [showDeleteModal, setShowDeleteModal] = react_1.useState(false);
     const [isLoading, setIsLoading] = react_1.useState(true);
-    const [groupsView, setGroupsView] = react_1.useState(GroupsView.GROUPS);
+    const [groupsView, setGroupsView] = react_1.useState(GroupsView.Groups);
     const [selectedGroup, setSelectedGroup] = react_1.useState(undefined);
     const hilitedElements = react_1.useRef(new Map());
     const [isLoadingQuery, setLoadingQuery] = react_1.useState(false);
     const [groups, setGroups] = react_1.useState([]);
     const [hiddenGroupsIds, setHiddenGroupsIds] = react_1.useState([]);
     const [showGroupColor, setShowGroupColor] = react_1.useState(false);
+    const [queryGenerationType, setQueryGenerationType] = react_1.useState("Selection");
+    const [selectedContextCustomUI, setSelectedContextCustomUI] = react_1.useState(undefined);
     react_1.useEffect(() => {
         void fetchGroups(setGroups, iModelId, mapping.id, setIsLoading, getAccessToken, mappingClient);
     }, [getAccessToken, mappingClient, iModelId, mapping.id, setIsLoading]);
@@ -167,13 +194,15 @@ const Groupings = ({ mapping, goBack }) => {
         hiddenIds = hiddenIds.filter((id) => !viewIds.includes(id));
         viewerUtils_1.hideElements(hiddenIds);
     }, [groups, hiddenGroupsIds, getHiliteIdsFromGroups]);
-    const addGroup = () => {
+    const addGroup = (type) => {
+        setQueryGenerationType(type);
         viewerUtils_1.clearEmphasizedElements();
-        setGroupsView(GroupsView.ADD);
+        setGroupsView(GroupsView.Add);
     };
-    const onModify = async (group) => {
+    const onModify = async (group, type) => {
+        setQueryGenerationType(type);
         setSelectedGroup(group);
-        setGroupsView(GroupsView.MODIFYING);
+        setGroupsView(GroupsView.Modifying);
         if (group.id && hiddenGroupsIds.includes(group.id)) {
             await showGroup(group);
             setHiddenGroupsIds(hiddenGroupsIds.filter((id) => id !== group.id));
@@ -182,15 +211,16 @@ const Groupings = ({ mapping, goBack }) => {
     };
     const openProperties = async (group) => {
         setSelectedGroup(group);
-        setGroupsView(GroupsView.PROPERTIES);
+        setGroupsView(GroupsView.Properties);
         if (group.id && hiddenGroupsIds.includes(group.id)) {
             await showGroup(group);
             setHiddenGroupsIds(hiddenGroupsIds.filter((id) => id !== group.id));
         }
     };
     const refresh = react_1.useCallback(async () => {
-        setGroupsView(GroupsView.GROUPS);
+        setGroupsView(GroupsView.Groups);
         setSelectedGroup(undefined);
+        setSelectedContextCustomUI(undefined);
         setGroups([]);
         const groups = await fetchGroups(setGroups, iModelId, mapping.id, setIsLoading, getAccessToken, mappingClient);
         if (groups) {
@@ -246,72 +276,105 @@ const Groupings = ({ mapping, goBack }) => {
         }
     }, [groups, visualizeGroupColors, setShowGroupColor]);
     const propertyMenuGoBack = react_1.useCallback(async () => {
-        setGroupsView(GroupsView.GROUPS);
+        setGroupsView(GroupsView.Groups);
         await refresh();
     }, [refresh]);
     switch (groupsView) {
-        case GroupsView.ADD:
-            return (react_1.default.createElement(GroupAction_1.default, { iModelId: iModelId, mappingId: mapping.id, goBack: async () => {
-                    setGroupsView(GroupsView.GROUPS);
+        case GroupsView.Add:
+            return (react_1.default.createElement(GroupAction_1.default, { iModelId: iModelId, mappingId: mapping.id, queryGenerationType: queryGenerationType, goBack: async () => {
+                    setGroupsView(GroupsView.Groups);
                     await refresh();
                 }, resetView: resetView }));
-        case GroupsView.MODIFYING:
-            return selectedGroup ? (react_1.default.createElement(GroupAction_1.default, { iModelId: iModelId, mappingId: mapping.id, group: selectedGroup, goBack: async () => {
-                    setGroupsView(GroupsView.GROUPS);
+        case GroupsView.Modifying:
+            return selectedGroup ? (react_1.default.createElement(GroupAction_1.default, { iModelId: iModelId, mappingId: mapping.id, group: selectedGroup, queryGenerationType: queryGenerationType, goBack: async () => {
+                    setGroupsView(GroupsView.Groups);
                     await refresh();
                 }, resetView: resetView })) : null;
-        case GroupsView.PROPERTIES:
+        case GroupsView.Properties:
             return selectedGroup ? (react_1.default.createElement(PropertyMenu_1.PropertyMenu, { iModelId: iModelId, mappingId: mapping.id, group: selectedGroup, goBack: propertyMenuGoBack })) : null;
-        default:
+        case GroupsView.Groups:
             return (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(utils_1.WidgetHeader, { title: mapping.mappingName, disabled: isLoading || isLoadingQuery, returnFn: async () => {
                         viewerUtils_1.clearEmphasizedOverriddenElements();
                         await goBack();
                     } }),
-                react_1.default.createElement(itwinui_react_1.Surface, { className: "gmw-groups-container" },
-                    react_1.default.createElement("div", { className: "gmw-toolbar" },
-                        react_1.default.createElement(itwinui_react_1.Button, { className: "add-load-button", startIcon: isLoadingQuery ? (react_1.default.createElement(itwinui_react_1.ProgressRadial, { size: "small", indeterminate: true })) : (react_1.default.createElement(itwinui_icons_react_1.SvgAdd, null)), styleType: "high-visibility", disabled: isLoadingQuery, onClick: addGroup }, isLoadingQuery ? "Loading" : "Add Group"),
-                        react_1.default.createElement(itwinui_react_1.ButtonGroup, { className: "gmw-toolbar-buttons" },
-                            react_1.default.createElement(itwinui_react_1.ToggleSwitch, { label: "Color by Group", labelPosition: "left", className: "gmw-toggle", disabled: isLoadingQuery, checked: showGroupColor, onChange: toggleGroupColor }),
-                            react_1.default.createElement(itwinui_react_1.IconButton, { title: "Show All", onClick: showAll, disabled: isLoadingQuery, styleType: "borderless", className: "gmw-group-view-icon" },
+                react_1.default.createElement(itwinui_react_1.Surface, { className: 'gmw-groups-container' },
+                    react_1.default.createElement("div", { className: 'gmw-toolbar' },
+                        react_1.default.createElement(itwinui_react_1.DropdownMenu, { className: 'gmw-custom-ui-dropdown', disabled: isLoadingQuery, menuItems: () => (groupUIs.length > 0
+                                ? groupUIs
+                                : exports.defaultUIMetadata)
+                                .map((p, index) => (react_1.default.createElement(itwinui_react_1.MenuItem, { key: index, onClick: () => addGroup(p.name), icon: p.icon, className: 'gmw-menu-item', "data-testid": `gmw-add-${index}` }, p.displayLabel))) },
+                            react_1.default.createElement(itwinui_react_1.Button, { "data-testid": "gmw-add-group-button", className: 'add-load-button', startIcon: isLoadingQuery ? (react_1.default.createElement(itwinui_react_1.ProgressRadial, { size: 'small', indeterminate: true })) : (react_1.default.createElement(itwinui_icons_react_1.SvgAdd, null)), styleType: 'high-visibility', disabled: isLoadingQuery }, isLoadingQuery ? "Loading" : "Add Group")),
+                        react_1.default.createElement(itwinui_react_1.ButtonGroup, { className: 'gmw-toolbar-buttons' },
+                            react_1.default.createElement(itwinui_react_1.ToggleSwitch, { label: 'Color by Group', labelPosition: 'left', className: 'gmw-toggle', disabled: isLoadingQuery, checked: showGroupColor, onChange: toggleGroupColor }),
+                            react_1.default.createElement(itwinui_react_1.IconButton, { title: 'Show All', onClick: showAll, disabled: isLoadingQuery, styleType: 'borderless', className: 'gmw-group-view-icon' },
                                 react_1.default.createElement(itwinui_icons_react_1.SvgVisibilityShow, null)),
-                            react_1.default.createElement(itwinui_react_1.IconButton, { title: "Hide All", onClick: hideAll, disabled: isLoadingQuery, styleType: "borderless", className: "gmw-group-view-icon" },
+                            react_1.default.createElement(itwinui_react_1.IconButton, { title: 'Hide All', onClick: hideAll, disabled: isLoadingQuery, styleType: 'borderless', className: 'gmw-group-view-icon' },
                                 react_1.default.createElement(itwinui_icons_react_1.SvgVisibilityHide, null)))),
-                    isLoading ? (react_1.default.createElement(utils_1.LoadingOverlay, null)) : groups.length === 0 ? (react_1.default.createElement(utils_1.EmptyMessage, { message: "No Groups available." })) : (react_1.default.createElement("div", { className: "gmw-group-list" }, groups
-                        .sort((a, b) => { var _a; return (_a = a.groupName.localeCompare(b.groupName)) !== null && _a !== void 0 ? _a : 1; })
-                        .map((g) => (react_1.default.createElement(HorizontalTile_1.HorizontalTile, { key: g.id, title: g.groupName ? g.groupName : "Untitled", subText: g.description, actionGroup: react_1.default.createElement("div", { className: "gmw-actions" },
-                            showGroupColor && (react_1.default.createElement(itwinui_react_1.IconButton, { styleType: "borderless", className: "gmw-group-view-icon" },
+                    isLoading ? (react_1.default.createElement(utils_1.LoadingOverlay, null)) : groups.length === 0 ? (react_1.default.createElement(utils_1.EmptyMessage, { message: 'No Groups available.' })) : (react_1.default.createElement("div", { className: 'gmw-group-list' }, groups
+                        .sort((a, b) => { var _a, _b, _c; return (_c = (_a = a.groupName) === null || _a === void 0 ? void 0 : _a.localeCompare((_b = b.groupName) !== null && _b !== void 0 ? _b : "")) !== null && _c !== void 0 ? _c : 1; })
+                        .map((g) => (react_1.default.createElement(HorizontalTile_1.HorizontalTile, { key: g.id, title: g.groupName ? g.groupName : "Untitled", subText: g.description, actionGroup: react_1.default.createElement("div", { className: 'gmw-actions' },
+                            showGroupColor && (react_1.default.createElement(itwinui_react_1.IconButton, { styleType: 'borderless', className: 'gmw-group-view-icon' },
                                 react_1.default.createElement("div", { className: "gmw-color-legend", style: {
                                         backgroundColor: getGroupColor(groups.findIndex((group) => g.id === group.id)),
                                     } }))),
-                            g.id && hiddenGroupsIds.includes(g.id) ? (react_1.default.createElement(itwinui_react_1.IconButton, { disabled: isLoadingQuery, styleType: "borderless", className: "gmw-group-view-icon", onClick: async () => {
+                            g.id && hiddenGroupsIds.includes(g.id) ? (react_1.default.createElement(itwinui_react_1.IconButton, { disabled: isLoadingQuery, styleType: 'borderless', className: 'gmw-group-view-icon', onClick: async () => {
                                     await showGroup(g);
                                     setHiddenGroupsIds(hiddenGroupsIds.filter((id) => g.id !== id));
                                 } },
-                                react_1.default.createElement(itwinui_icons_react_1.SvgVisibilityHide, null))) : (react_1.default.createElement(itwinui_react_1.IconButton, { disabled: isLoadingQuery, styleType: "borderless", className: "gmw-group-view-icon", onClick: async () => {
+                                react_1.default.createElement(itwinui_icons_react_1.SvgVisibilityHide, null))) : (react_1.default.createElement(itwinui_react_1.IconButton, { disabled: isLoadingQuery, styleType: 'borderless', className: 'gmw-group-view-icon', onClick: async () => {
                                     await hideGroups([g]);
                                     setHiddenGroupsIds(hiddenGroupsIds.concat(g.id ? [g.id] : []));
                                 } },
                                 react_1.default.createElement(itwinui_icons_react_1.SvgVisibilityShow, null))),
-                            react_1.default.createElement(itwinui_react_1.DropdownMenu, { disabled: isLoadingQuery, menuItems: (close) => [
-                                    react_1.default.createElement(itwinui_react_1.MenuItem, { key: 0, onClick: async () => onModify(g), icon: react_1.default.createElement(itwinui_icons_react_1.SvgEdit, null) }, "Modify"),
-                                    react_1.default.createElement(itwinui_react_1.MenuItem, { key: 1, onClick: async () => openProperties(g), icon: react_1.default.createElement(itwinui_icons_react_1.SvgList, null) }, "Properties"),
+                            react_1.default.createElement(itwinui_react_1.DropdownMenu, { className: 'gmw-custom-ui-dropdown', disabled: isLoadingQuery, menuItems: (close) => [
+                                    react_1.default.createElement(itwinui_react_1.MenuItem, { key: 0, icon: react_1.default.createElement(itwinui_icons_react_1.SvgEdit, null), disabled: isLoadingQuery, "data-testid": "gmw-context-menu-item", subMenuItems: (groupUIs.length > 0
+                                            ? groupUIs
+                                            : exports.defaultUIMetadata)
+                                            .map((p, index) => (react_1.default.createElement(itwinui_react_1.MenuItem, { key: index, className: 'gmw-menu-item', "data-testid": `gmw-edit-${index}`, onClick: async () => onModify(g, p.name), icon: p.icon }, p.displayLabel))) }, "Edit"),
+                                    react_1.default.createElement(itwinui_react_1.MenuItem, { key: 1, onClick: async () => openProperties(g), icon: react_1.default.createElement(itwinui_icons_react_1.SvgList, null), "data-testid": "gmw-context-menu-item" }, "Properties"),
                                     react_1.default.createElement(itwinui_react_1.MenuItem, { key: 2, onClick: () => {
                                             setSelectedGroup(g);
                                             setShowDeleteModal(true);
                                             close();
-                                        }, icon: react_1.default.createElement(itwinui_icons_react_1.SvgDelete, null) }, "Remove"),
-                                ] },
-                                react_1.default.createElement(itwinui_react_1.IconButton, { disabled: isLoadingQuery, styleType: "borderless" },
-                                    react_1.default.createElement(itwinui_icons_react_1.SvgMore, { style: {
-                                            width: "16px",
-                                            height: "16px",
-                                        } })))), onClickTitle: isLoadingQuery ? undefined : async () => openProperties(g) })))))),
+                                        }, icon: react_1.default.createElement(itwinui_icons_react_1.SvgDelete, null), "data-testid": "gmw-context-menu-item" }, "Remove"),
+                                ].concat(contextUIs.map((p) => {
+                                    return react_1.default.createElement(itwinui_react_1.MenuItem, { key: p.name, onClick: () => {
+                                            if (p.uiComponent) {
+                                                setSelectedGroup(g);
+                                                setSelectedContextCustomUI(p);
+                                                setGroupsView(GroupsView.CustomUI);
+                                            }
+                                            if (p.onClick) {
+                                                p.onClick(g.id, mapping.id, iModelId);
+                                            }
+                                            close();
+                                        }, icon: p.icon, "data-testid": "gmw-context-menu-item" }, p.displayLabel);
+                                })) },
+                                react_1.default.createElement(itwinui_react_1.IconButton, { disabled: isLoadingQuery, styleType: 'borderless', "data-testid": "gmw-more-button" },
+                                    react_1.default.createElement(itwinui_icons_react_1.SvgMore, null)))), onClickTitle: isLoadingQuery
+                            ? undefined
+                            : async () => openProperties(g) })))))),
                 react_1.default.createElement(DeleteModal_1.default, { entityName: (_b = selectedGroup === null || selectedGroup === void 0 ? void 0 : selectedGroup.groupName) !== null && _b !== void 0 ? _b : "", show: showDeleteModal, setShow: setShowDeleteModal, onDelete: async () => {
                         var _a;
                         const accessToken = await getAccessToken();
                         await mappingClient.deleteGroup(accessToken, iModelId, mapping.id, (_a = selectedGroup === null || selectedGroup === void 0 ? void 0 : selectedGroup.id) !== null && _a !== void 0 ? _a : "");
                     }, refresh: refresh })));
+        case GroupsView.CustomUI:
+            return selectedContextCustomUI && selectedContextCustomUI.uiComponent && selectedGroup
+                ? (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(utils_1.WidgetHeader, { title: selectedContextCustomUI.displayLabel, returnFn: async () => {
+                            presentation_frontend_1.Presentation.selection.clearSelection("GroupingMappingWidget", iModelConnection);
+                            await refresh();
+                        } }),
+                    react_1.default.createElement(selectedContextCustomUI.uiComponent, {
+                        iModelId,
+                        mappingId: mapping.id,
+                        groupId: selectedGroup.id,
+                    })))
+                : null;
+        default:
+            return (react_1.default.createElement(utils_1.EmptyMessage, { message: "No given group view" }));
     }
 };
 exports.Groupings = Groupings;

package/lib/cjs/widget/components/Grouping.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grouping.js","sourceRoot":"","sources":["../../../../src/widget/components/Grouping.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 { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../utils\";\nimport {\n  Button,\n  ButtonGroup,\n  DropdownMenu,\n  IconButton,\n  MenuItem,\n  ProgressRadial,\n  Surface,\n  toaster,\n  ToggleSwitch,\n} from \"@itwin/itwinui-react\";\nimport {\n  SvgAdd,\n  SvgDelete,\n  SvgEdit,\n  SvgList,\n  SvgMore,\n  SvgVisibilityHide,\n  SvgVisibilityShow,\n} from \"@itwin/itwinui-icons-react\";\nimport DeleteModal from \"./DeleteModal\";\nimport \"./Grouping.scss\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { PropertyMenu } from \"./PropertyMenu\";\nimport {\n  clearEmphasizedElements,\n  clearEmphasizedOverriddenElements,\n  clearHiddenElements,\n  clearOverriddenElements,\n  emphasizeElements,\n  getHiliteIds,\n  hideElements,\n  hideElementsByQuery,\n  overrideElements,\n  zoomToElements,\n} from \"./viewerUtils\";\nimport {\n  EmptyMessage,\n  handleError,\n  LoadingOverlay,\n  WidgetHeader,\n} from \"./utils\";\nimport GroupAction from \"./GroupAction\";\nimport type { Group, IMappingsClient, Mapping } from \"@itwin/insights-client\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport { FeatureOverrideType } from \"@itwin/core-common\";\nimport { HorizontalTile } from \"./HorizontalTile\";\nimport type { GetAccessTokenFn } from \"./context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\n\nexport type IGroupTyped = CreateTypeFromInterface<Group>;\n\nenum GroupsView {\n  GROUPS = \"groups\",\n  MODIFYING = \"modifying\",\n  ADD = \"ADD\",\n  PROPERTIES = \"properties\",\n}\n\ninterface GroupsTreeProps {\n  mapping: Mapping;\n  goBack: () => Promise<void>;\n}\n\nconst goldenAngle = 180 * (3 - Math.sqrt(5));\n\nconst fetchGroups = async (\n  setGroups: React.Dispatch<React.SetStateAction<IGroupTyped[]>>,\n  iModelId: string,\n  mappingId: string,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n  getAccessToken: GetAccessTokenFn,\n  mappingsClient: IMappingsClient,\n): Promise<Group[] | undefined> => {\n  try {\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    const groups = await mappingsClient.getGroups(\n      accessToken,\n      iModelId,\n      mappingId,\n    );\n    setGroups(groups);\n    return groups;\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n  return undefined;\n};\n\nexport const Groupings = ({ mapping, goBack }: GroupsTreeProps) => {\n  const iModelConnection = useActiveIModelConnection() as IModelConnection;\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const iModelId = useActiveIModelConnection()?.iModelId as string;\n  const [showDeleteModal, setShowDeleteModal] = useState<boolean>(false);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [groupsView, setGroupsView] = useState<GroupsView>(GroupsView.GROUPS);\n  const [selectedGroup, setSelectedGroup] = useState<IGroupTyped | undefined>(\n    undefined,\n  );\n  const hilitedElements = useRef<Map<string, string[]>>(new Map());\n  const [isLoadingQuery, setLoadingQuery] = useState<boolean>(false);\n  const [groups, setGroups] = useState<Group[]>([]);\n  const [hiddenGroupsIds, setHiddenGroupsIds] = useState<string[]>([]);\n  const [showGroupColor, setShowGroupColor] = useState<boolean>(false);\n\n  useEffect(() => {\n    void fetchGroups(\n      setGroups,\n      iModelId,\n      mapping.id,\n      setIsLoading,\n      getAccessToken,\n      mappingClient,\n    );\n  }, [getAccessToken, mappingClient, iModelId, mapping.id, setIsLoading]);\n\n  const getGroupColor = function (index: number) {\n    return `hsl(${index * goldenAngle + 60}, 100%, 50%)`;\n  };\n\n  const getHiliteIdsFromGroups = useCallback(\n    async (groups: Group[]) => {\n      let allIds: string[] = [];\n      for (const group of groups) {\n        const query = group.query;\n        let currentIds: string[] = [];\n        if (hilitedElements.current.has(query)) {\n          currentIds = hilitedElements.current.get(query) ?? [];\n        } else {\n          try {\n            const queryRowCount = await iModelConnection.queryRowCount(query);\n            if (queryRowCount === 0) {\n              toaster.warning(\n                `${group.groupName}'s query is valid but produced no results.`,\n              );\n            }\n            currentIds = await getHiliteIds(query, iModelConnection);\n            hilitedElements.current.set(query, currentIds);\n          } catch {\n            toaster.negative(\n              `Could not hide/show ${group.groupName}. Query could not be resolved.`,\n            );\n          }\n        }\n        allIds = allIds.concat(currentIds);\n      }\n      return allIds;\n    },\n    [iModelConnection, hilitedElements],\n  );\n\n  const visualizeGroupColors = useCallback(\n    async (viewGroups: Group[]) => {\n      setLoadingQuery(true);\n      clearEmphasizedOverriddenElements();\n      let allIds: string[] = [];\n      for (const group of viewGroups) {\n        const index =\n          viewGroups.length > groups.length\n            ? viewGroups.findIndex((g) => g.id === group.id)\n            : groups.findIndex((g) => g.id === group.id);\n        const hilitedIds = await getHiliteIdsFromGroups([group]);\n        overrideElements(\n          hilitedIds,\n          getGroupColor(index),\n          FeatureOverrideType.ColorAndAlpha,\n        );\n        emphasizeElements(hilitedIds, undefined);\n        if (!hiddenGroupsIds.includes(group.id)) {\n          allIds = allIds.concat(hilitedIds);\n        }\n      }\n\n      await zoomToElements(allIds);\n      setLoadingQuery(false);\n    },\n    [groups, hiddenGroupsIds, getHiliteIdsFromGroups],\n  );\n\n  const hideGroups = useCallback(\n    async (viewGroups: Group[]) => {\n      setLoadingQuery(true);\n      for (const viewGroup of viewGroups) {\n        const query = viewGroup.query;\n        if (hilitedElements.current.has(query)) {\n          const hilitedIds = hilitedElements.current.get(query) ?? [];\n          hideElements(hilitedIds);\n        } else {\n          try {\n            const queryRowCount = await iModelConnection.queryRowCount(query);\n            if (queryRowCount === 0) {\n              toaster.warning(\n                `${viewGroup.groupName}'s query is valid but produced no results.`,\n              );\n            }\n            const hiliteIds = await hideElementsByQuery(\n              query,\n              iModelConnection,\n              false,\n            );\n            hilitedElements.current.set(query, hiliteIds);\n          } catch {\n            toaster.negative(\n              `Could not hide/show ${viewGroup.groupName}. Query could not be resolved.`,\n            );\n          }\n        }\n      }\n      setLoadingQuery(false);\n    },\n    [iModelConnection],\n  );\n\n  const showGroup = useCallback(\n    async (viewGroup: Group) => {\n      clearHiddenElements();\n\n      // hide group Ids filter\n      const newHiddenGroups: Group[] = hiddenGroupsIds\n        .map((id) => groups.find((g) => g.id === id))\n        .filter((g): g is Group => !!g && g.id !== viewGroup.id);\n\n      // view group Ids filter\n      const viewIds = await getHiliteIdsFromGroups(\n        groups.filter((g) => !newHiddenGroups.find((hg) => hg.id === g.id)),\n      );\n      let hiddenIds = await getHiliteIdsFromGroups(newHiddenGroups);\n      hiddenIds = hiddenIds.filter((id) => !viewIds.includes(id));\n      hideElements(hiddenIds);\n    },\n    [groups, hiddenGroupsIds, getHiliteIdsFromGroups],\n  );\n\n  const addGroup = () => {\n    clearEmphasizedElements();\n    setGroupsView(GroupsView.ADD);\n  };\n\n  const onModify = async (group: Group) => {\n    setSelectedGroup(group);\n    setGroupsView(GroupsView.MODIFYING);\n    if (group.id && hiddenGroupsIds.includes(group.id)) {\n      await showGroup(group);\n      setHiddenGroupsIds(hiddenGroupsIds.filter((id) => id !== group.id));\n    }\n    clearEmphasizedElements();\n  };\n\n  const openProperties = async (group: Group) => {\n    setSelectedGroup(group);\n    setGroupsView(GroupsView.PROPERTIES);\n    if (group.id && hiddenGroupsIds.includes(group.id)) {\n      await showGroup(group);\n      setHiddenGroupsIds(hiddenGroupsIds.filter((id) => id !== group.id));\n    }\n  };\n\n  const refresh = useCallback(async () => {\n    setGroupsView(GroupsView.GROUPS);\n    setSelectedGroup(undefined);\n    setGroups([]);\n    const groups = await fetchGroups(\n      setGroups,\n      iModelId,\n      mapping.id,\n      setIsLoading,\n      getAccessToken,\n      mappingClient,\n    );\n    if (groups) {\n      if (showGroupColor) {\n        await visualizeGroupColors(groups);\n      } else {\n        clearEmphasizedOverriddenElements();\n      }\n    }\n  }, [\n    getAccessToken,\n    mappingClient,\n    iModelId,\n    mapping.id,\n    setGroups,\n    showGroupColor,\n    visualizeGroupColors,\n  ]);\n\n  const resetView = async () => {\n    if (groups) {\n      if (showGroupColor) {\n        await visualizeGroupColors(groups);\n      } else {\n        clearOverriddenElements();\n      }\n      clearEmphasizedElements();\n    }\n  };\n\n  const showAll = async () => {\n    setLoadingQuery(true);\n\n    clearHiddenElements();\n    setHiddenGroupsIds([]);\n    const allIds = await getHiliteIdsFromGroups(groups);\n    await zoomToElements(allIds);\n\n    setLoadingQuery(false);\n  };\n\n  const hideAll = useCallback(async () => {\n    await hideGroups(groups);\n    setHiddenGroupsIds(\n      groups.map((g) => g.id).filter((id): id is string => !!id),\n    );\n    const allIds = await getHiliteIdsFromGroups(groups);\n    await zoomToElements(allIds);\n  }, [setHiddenGroupsIds, groups, hideGroups, getHiliteIdsFromGroups]);\n\n  const toggleGroupColor = useCallback(\n    async (e: any) => {\n      if (e.target.checked) {\n        await visualizeGroupColors(groups);\n        setShowGroupColor(true);\n      } else {\n        clearEmphasizedOverriddenElements();\n        setShowGroupColor(false);\n      }\n    },\n    [groups, visualizeGroupColors, setShowGroupColor],\n  );\n\n  const propertyMenuGoBack = useCallback(async () => {\n    setGroupsView(GroupsView.GROUPS);\n    await refresh();\n  }, [refresh]);\n\n  switch (groupsView) {\n    case GroupsView.ADD:\n      return (\n        <GroupAction\n          iModelId={iModelId}\n          mappingId={mapping.id}\n          goBack={async () => {\n            setGroupsView(GroupsView.GROUPS);\n            await refresh();\n          }}\n          resetView={resetView}\n        />\n      );\n    case GroupsView.MODIFYING:\n      return selectedGroup ? (\n        <GroupAction\n          iModelId={iModelId}\n          mappingId={mapping.id}\n          group={selectedGroup}\n          goBack={async () => {\n            setGroupsView(GroupsView.GROUPS);\n            await refresh();\n          }}\n          resetView={resetView}\n        />\n      ) : null;\n    case GroupsView.PROPERTIES:\n      return selectedGroup ? (\n        <PropertyMenu\n          iModelId={iModelId}\n          mappingId={mapping.id}\n          group={selectedGroup}\n          goBack={propertyMenuGoBack}\n        />\n      ) : null;\n    default:\n      return (\n        <>\n          <WidgetHeader\n            title={mapping.mappingName}\n            disabled={isLoading || isLoadingQuery}\n            returnFn={async () => {\n              clearEmphasizedOverriddenElements();\n              await goBack();\n            }}\n          />\n          <Surface className=\"gmw-groups-container\">\n            <div className=\"gmw-toolbar\">\n              <Button\n                className=\"add-load-button\"\n                startIcon={\n                  isLoadingQuery ? (\n                    <ProgressRadial size=\"small\" indeterminate />\n                  ) : (\n                    <SvgAdd />\n                  )\n                }\n                styleType=\"high-visibility\"\n                disabled={isLoadingQuery}\n                onClick={addGroup}\n              >\n                {isLoadingQuery ? \"Loading\" : \"Add Group\"}\n              </Button>\n              <ButtonGroup className=\"gmw-toolbar-buttons\">\n                <ToggleSwitch\n                  label=\"Color by Group\"\n                  labelPosition=\"left\"\n                  className=\"gmw-toggle\"\n                  disabled={isLoadingQuery}\n                  checked={showGroupColor}\n                  onChange={toggleGroupColor}\n                ></ToggleSwitch>\n                <IconButton\n                  title=\"Show All\"\n                  onClick={showAll}\n                  disabled={isLoadingQuery}\n                  styleType=\"borderless\"\n                  className=\"gmw-group-view-icon\"\n                >\n                  <SvgVisibilityShow />\n                </IconButton>\n                <IconButton\n                  title=\"Hide All\"\n                  onClick={hideAll}\n                  disabled={isLoadingQuery}\n                  styleType=\"borderless\"\n                  className=\"gmw-group-view-icon\"\n                >\n                  <SvgVisibilityHide />\n                </IconButton>\n              </ButtonGroup>\n            </div>\n            {isLoading ? (\n              <LoadingOverlay />\n            ) : groups.length === 0 ? (\n              <EmptyMessage message=\"No Groups available.\" />\n            ) : (\n              <div className=\"gmw-group-list\">\n                {\n                  groups\n                    .sort((a, b) => a.groupName.localeCompare(b.groupName) ?? 1)\n                    .map((g) => (\n                      <HorizontalTile\n                        key={g.id}\n                        title={g.groupName ? g.groupName : \"Untitled\"}\n                        subText={g.description}\n                        actionGroup={\n                          <div className=\"gmw-actions\">\n                            {showGroupColor && (\n                              <IconButton\n                                styleType=\"borderless\"\n                                className=\"gmw-group-view-icon\"\n                              >\n                                <div\n                                  className=\"gmw-color-legend\"\n                                  style={{\n                                    backgroundColor: getGroupColor(groups.findIndex((group) => g.id === group.id)),\n                                  }}\n                                />\n                              </IconButton>\n                            )}\n                            {g.id && hiddenGroupsIds.includes(g.id) ? (\n                              <IconButton\n                                disabled={isLoadingQuery}\n                                styleType=\"borderless\"\n                                className=\"gmw-group-view-icon\"\n                                onClick={async () => {\n                                  await showGroup(g);\n                                  setHiddenGroupsIds(\n                                    hiddenGroupsIds.filter((id) => g.id !== id),\n                                  );\n                                }}\n                              >\n                                <SvgVisibilityHide />\n                              </IconButton>\n                            ) : (\n                              <IconButton\n                                disabled={isLoadingQuery}\n                                styleType=\"borderless\"\n                                className=\"gmw-group-view-icon\"\n                                onClick={async () => {\n                                  await hideGroups([g]);\n                                  setHiddenGroupsIds(\n                                    hiddenGroupsIds.concat(g.id ? [g.id] : []),\n                                  );\n                                }}\n                              >\n                                <SvgVisibilityShow />\n                              </IconButton>\n                            )}\n                            <DropdownMenu\n                              disabled={isLoadingQuery}\n                              menuItems={(close: () => void) => [\n                                <MenuItem\n                                  key={0}\n                                  onClick={async () => onModify(g)}\n                                  icon={<SvgEdit />}\n                                >\n                                  Modify\n                                </MenuItem>,\n                                <MenuItem\n                                  key={1}\n                                  onClick={async () => openProperties(g)}\n                                  icon={<SvgList />}\n                                >\n                                  Properties\n                                </MenuItem>,\n                                <MenuItem\n                                  key={2}\n                                  onClick={() => {\n                                    setSelectedGroup(g);\n                                    setShowDeleteModal(true);\n                                    close();\n                                  }}\n                                  icon={<SvgDelete />}\n                                >\n                                  Remove\n                                </MenuItem>,\n                              ]}\n                            >\n                              <IconButton\n                                disabled={isLoadingQuery}\n                                styleType=\"borderless\"\n                              >\n                                <SvgMore\n                                  style={{\n                                    width: \"16px\",\n                                    height: \"16px\",\n                                  }}\n                                />\n                              </IconButton>\n                            </DropdownMenu>\n                          </div>\n                        }\n                        onClickTitle={\n                          isLoadingQuery ? undefined : async () => openProperties(g)\n                        }\n                      />\n                    ))}\n              </div>\n            )}\n          </Surface>\n          <DeleteModal\n            entityName={selectedGroup?.groupName ?? \"\"}\n            show={showDeleteModal}\n            setShow={setShowDeleteModal}\n            onDelete={async () => {\n              const accessToken = await getAccessToken();\n              await mappingClient.deleteGroup(\n                accessToken,\n                iModelId,\n                mapping.id,\n                selectedGroup?.id ?? \"\",\n              );\n            }}\n            refresh={refresh}\n          />\n        </>\n      );\n  }\n};\n"]}
+{"version":3,"file":"Grouping.js","sourceRoot":"","sources":["../../../../src/widget/components/Grouping.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 { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../utils\";\nimport {\n  Button,\n  ButtonGroup,\n  DropdownMenu,\n  IconButton,\n  MenuItem,\n  ProgressRadial,\n  Surface,\n  toaster,\n  ToggleSwitch,\n} from \"@itwin/itwinui-react\";\nimport {\n  SvgAdd,\n  SvgCursor,\n  SvgDelete,\n  SvgDraw,\n  SvgEdit,\n  SvgList,\n  SvgMore,\n  SvgSearch,\n  SvgVisibilityHide,\n  SvgVisibilityShow,\n} from \"@itwin/itwinui-icons-react\";\nimport DeleteModal from \"./DeleteModal\";\nimport \"./Grouping.scss\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { PropertyMenu } from \"./PropertyMenu\";\nimport {\n  clearEmphasizedElements,\n  clearEmphasizedOverriddenElements,\n  clearHiddenElements,\n  clearOverriddenElements,\n  emphasizeElements,\n  getHiliteIds,\n  hideElements,\n  hideElementsByQuery,\n  overrideElements,\n  zoomToElements,\n} from \"./viewerUtils\";\nimport {\n  EmptyMessage,\n  handleError,\n  LoadingOverlay,\n  WidgetHeader,\n} from \"./utils\";\nimport GroupAction from \"./GroupAction\";\nimport type { Group, IMappingsClient, Mapping } from \"@itwin/insights-client\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport { FeatureOverrideType } from \"@itwin/core-common\";\nimport { HorizontalTile } from \"./HorizontalTile\";\nimport type { GetAccessTokenFn } from \"./context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport { useGroupingMappingCustomUI } from \"./context/GroupingMappingCustomUIContext\";\nimport { GroupingMappingCustomUIType } from \"./customUI/GroupingMappingCustomUI\";\nimport type { ContextCustomUI, GroupingCustomUI } from \"./customUI/GroupingMappingCustomUI\";\nimport { Presentation } from \"@itwin/presentation-frontend\";\n\nexport type IGroupTyped = CreateTypeFromInterface<Group>;\n\nexport const defaultUIMetadata = [\n  {\n    name: \"Selection\",\n    displayLabel: \"Selection\",\n    icon: <SvgCursor />,\n  },\n  {\n    name: \"Search\",\n    displayLabel: \"Query Keywords\",\n    icon: <SvgSearch />,\n  },\n  {\n    name: \"Manual\",\n    displayLabel: \"Manual Query\",\n    icon: <SvgDraw />,\n  },\n];\n\nenum GroupsView {\n  Add,          // Add group view\n  Groups,       // Group list page\n  CustomUI,     // Context custom UI view\n  Modifying,    // Modify group view\n  Properties,   // Group properties view\n}\n\ninterface GroupsTreeProps {\n  mapping: Mapping;\n  goBack: () => Promise<void>;\n}\n\nconst goldenAngle = 180 * (3 - Math.sqrt(5));\n\nconst fetchGroups = async (\n  setGroups: React.Dispatch<React.SetStateAction<IGroupTyped[]>>,\n  iModelId: string,\n  mappingId: string,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n  getAccessToken: GetAccessTokenFn,\n  mappingsClient: IMappingsClient,\n): Promise<Group[] | undefined> => {\n  try {\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    const groups = await mappingsClient.getGroups(\n      accessToken,\n      iModelId,\n      mappingId,\n    );\n    setGroups(groups);\n    return groups;\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n  return undefined;\n};\n\nexport const Groupings = ({ mapping, goBack }: GroupsTreeProps) => {\n  const iModelConnection = useActiveIModelConnection() as IModelConnection;\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const iModelId = useActiveIModelConnection()?.iModelId as string;\n  const groupUIs: GroupingCustomUI[] = useGroupingMappingCustomUI()\n    .filter((p) => p.type === GroupingMappingCustomUIType.Grouping) as GroupingCustomUI[];\n  const contextUIs: ContextCustomUI[] = useGroupingMappingCustomUI()\n    .filter((p) => p.type === GroupingMappingCustomUIType.Context) as ContextCustomUI[];\n\n  const [showDeleteModal, setShowDeleteModal] = useState<boolean>(false);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [groupsView, setGroupsView] = useState<GroupsView>(GroupsView.Groups);\n  const [selectedGroup, setSelectedGroup] = useState<IGroupTyped | undefined>(\n    undefined,\n  );\n  const hilitedElements = useRef<Map<string, string[]>>(new Map());\n  const [isLoadingQuery, setLoadingQuery] = useState<boolean>(false);\n  const [groups, setGroups] = useState<Group[]>([]);\n  const [hiddenGroupsIds, setHiddenGroupsIds] = useState<string[]>([]);\n  const [showGroupColor, setShowGroupColor] = useState<boolean>(false);\n\n  const [queryGenerationType, setQueryGenerationType] =\n    useState<string>(\"Selection\");\n  const [selectedContextCustomUI, setSelectedContextCustomUI] = useState<ContextCustomUI | undefined>(undefined);\n\n  useEffect(() => {\n    void fetchGroups(\n      setGroups,\n      iModelId,\n      mapping.id,\n      setIsLoading,\n      getAccessToken,\n      mappingClient,\n    );\n  }, [getAccessToken, mappingClient, iModelId, mapping.id, setIsLoading]);\n\n  const getGroupColor = function (index: number) {\n    return `hsl(${index * goldenAngle + 60}, 100%, 50%)`;\n  };\n\n  const getHiliteIdsFromGroups = useCallback(\n    async (groups: Group[]) => {\n      let allIds: string[] = [];\n      for (const group of groups) {\n        const query = group.query;\n        let currentIds: string[] = [];\n        if (hilitedElements.current.has(query)) {\n          currentIds = hilitedElements.current.get(query) ?? [];\n        } else {\n          try {\n            const queryRowCount = await iModelConnection.queryRowCount(query);\n            if (queryRowCount === 0) {\n              toaster.warning(\n                `${group.groupName}'s query is valid but produced no results.`,\n              );\n            }\n            currentIds = await getHiliteIds(query, iModelConnection);\n            hilitedElements.current.set(query, currentIds);\n          } catch {\n            toaster.negative(\n              `Could not hide/show ${group.groupName}. Query could not be resolved.`,\n            );\n          }\n        }\n        allIds = allIds.concat(currentIds);\n      }\n      return allIds;\n    },\n    [iModelConnection, hilitedElements],\n  );\n\n  const visualizeGroupColors = useCallback(\n    async (viewGroups: Group[]) => {\n      setLoadingQuery(true);\n      clearEmphasizedOverriddenElements();\n      let allIds: string[] = [];\n      for (const group of viewGroups) {\n        const index =\n          viewGroups.length > groups.length\n            ? viewGroups.findIndex((g) => g.id === group.id)\n            : groups.findIndex((g) => g.id === group.id);\n        const hilitedIds = await getHiliteIdsFromGroups([group]);\n        overrideElements(\n          hilitedIds,\n          getGroupColor(index),\n          FeatureOverrideType.ColorAndAlpha,\n        );\n        emphasizeElements(hilitedIds, undefined);\n        if (!hiddenGroupsIds.includes(group.id)) {\n          allIds = allIds.concat(hilitedIds);\n        }\n      }\n\n      await zoomToElements(allIds);\n      setLoadingQuery(false);\n    },\n    [groups, hiddenGroupsIds, getHiliteIdsFromGroups],\n  );\n\n  const hideGroups = useCallback(\n    async (viewGroups: Group[]) => {\n      setLoadingQuery(true);\n      for (const viewGroup of viewGroups) {\n        const query = viewGroup.query;\n        if (hilitedElements.current.has(query)) {\n          const hilitedIds = hilitedElements.current.get(query) ?? [];\n          hideElements(hilitedIds);\n        } else {\n          try {\n            const queryRowCount = await iModelConnection.queryRowCount(query);\n            if (queryRowCount === 0) {\n              toaster.warning(\n                `${viewGroup.groupName}'s query is valid but produced no results.`,\n              );\n            }\n            const hiliteIds = await hideElementsByQuery(\n              query,\n              iModelConnection,\n              false,\n            );\n            hilitedElements.current.set(query, hiliteIds);\n          } catch {\n            toaster.negative(\n              `Could not hide/show ${viewGroup.groupName}. Query could not be resolved.`,\n            );\n          }\n        }\n      }\n      setLoadingQuery(false);\n    },\n    [iModelConnection],\n  );\n\n  const showGroup = useCallback(\n    async (viewGroup: Group) => {\n      clearHiddenElements();\n\n      // hide group Ids filter\n      const newHiddenGroups: Group[] = hiddenGroupsIds\n        .map((id) => groups.find((g) => g.id === id))\n        .filter((g): g is Group => !!g && g.id !== viewGroup.id);\n\n      // view group Ids filter\n      const viewIds = await getHiliteIdsFromGroups(\n        groups.filter((g) => !newHiddenGroups.find((hg) => hg.id === g.id)),\n      );\n      let hiddenIds = await getHiliteIdsFromGroups(newHiddenGroups);\n      hiddenIds = hiddenIds.filter((id) => !viewIds.includes(id));\n      hideElements(hiddenIds);\n    },\n    [groups, hiddenGroupsIds, getHiliteIdsFromGroups],\n  );\n\n  const addGroup = (type: string) => {\n    setQueryGenerationType(type);\n    clearEmphasizedElements();\n    setGroupsView(GroupsView.Add);\n  };\n\n  const onModify = async (group: Group, type: string) => {\n    setQueryGenerationType(type);\n    setSelectedGroup(group);\n    setGroupsView(GroupsView.Modifying);\n    if (group.id && hiddenGroupsIds.includes(group.id)) {\n      await showGroup(group);\n      setHiddenGroupsIds(hiddenGroupsIds.filter((id) => id !== group.id));\n    }\n    clearEmphasizedElements();\n  };\n\n  const openProperties = async (group: Group) => {\n    setSelectedGroup(group);\n    setGroupsView(GroupsView.Properties);\n    if (group.id && hiddenGroupsIds.includes(group.id)) {\n      await showGroup(group);\n      setHiddenGroupsIds(hiddenGroupsIds.filter((id) => id !== group.id));\n    }\n  };\n\n  const refresh = useCallback(async () => {\n    setGroupsView(GroupsView.Groups);\n    setSelectedGroup(undefined);\n    setSelectedContextCustomUI(undefined);\n    setGroups([]);\n    const groups = await fetchGroups(\n      setGroups,\n      iModelId,\n      mapping.id,\n      setIsLoading,\n      getAccessToken,\n      mappingClient,\n    );\n    if (groups) {\n      if (showGroupColor) {\n        await visualizeGroupColors(groups);\n      } else {\n        clearEmphasizedOverriddenElements();\n      }\n    }\n  }, [\n    getAccessToken,\n    mappingClient,\n    iModelId,\n    mapping.id,\n    setGroups,\n    showGroupColor,\n    visualizeGroupColors,\n  ]);\n\n  const resetView = async () => {\n    if (groups) {\n      if (showGroupColor) {\n        await visualizeGroupColors(groups);\n      } else {\n        clearOverriddenElements();\n      }\n      clearEmphasizedElements();\n    }\n  };\n\n  const showAll = async () => {\n    setLoadingQuery(true);\n\n    clearHiddenElements();\n    setHiddenGroupsIds([]);\n    const allIds = await getHiliteIdsFromGroups(groups);\n    await zoomToElements(allIds);\n\n    setLoadingQuery(false);\n  };\n\n  const hideAll = useCallback(async () => {\n    await hideGroups(groups);\n    setHiddenGroupsIds(\n      groups.map((g) => g.id).filter((id): id is string => !!id),\n    );\n    const allIds = await getHiliteIdsFromGroups(groups);\n    await zoomToElements(allIds);\n  }, [setHiddenGroupsIds, groups, hideGroups, getHiliteIdsFromGroups]);\n\n  const toggleGroupColor = useCallback(\n    async (e: any) => {\n      if (e.target.checked) {\n        await visualizeGroupColors(groups);\n        setShowGroupColor(true);\n      } else {\n        clearEmphasizedOverriddenElements();\n        setShowGroupColor(false);\n      }\n    },\n    [groups, visualizeGroupColors, setShowGroupColor],\n  );\n\n  const propertyMenuGoBack = useCallback(async () => {\n    setGroupsView(GroupsView.Groups);\n    await refresh();\n  }, [refresh]);\n\n  switch (groupsView) {\n    case GroupsView.Add:\n      return (\n        <GroupAction\n          iModelId={iModelId}\n          mappingId={mapping.id}\n          queryGenerationType={queryGenerationType}\n          goBack={async () => {\n            setGroupsView(GroupsView.Groups);\n            await refresh();\n          }}\n          resetView={resetView}\n        />\n      );\n    case GroupsView.Modifying:\n      return selectedGroup ? (\n        <GroupAction\n          iModelId={iModelId}\n          mappingId={mapping.id}\n          group={selectedGroup}\n          queryGenerationType={queryGenerationType}\n          goBack={async () => {\n            setGroupsView(GroupsView.Groups);\n            await refresh();\n          }}\n          resetView={resetView}\n        />\n      ) : null;\n    case GroupsView.Properties:\n      return selectedGroup ? (\n        <PropertyMenu\n          iModelId={iModelId}\n          mappingId={mapping.id}\n          group={selectedGroup}\n          goBack={propertyMenuGoBack}\n        />\n      ) : null;\n    case GroupsView.Groups:\n      return (\n        <>\n          <WidgetHeader\n            title={mapping.mappingName}\n            disabled={isLoading || isLoadingQuery}\n            returnFn={async () => {\n              clearEmphasizedOverriddenElements();\n              await goBack();\n            }}\n          />\n\n          <Surface className='gmw-groups-container'>\n            <div className='gmw-toolbar'>\n              <DropdownMenu\n                className='gmw-custom-ui-dropdown'\n                disabled={isLoadingQuery}\n                menuItems={() =>\n                  (groupUIs.length > 0\n                    ? groupUIs\n                    : defaultUIMetadata)\n                    .map((p, index) => (\n                      <MenuItem\n                        key={index}\n                        onClick={() => addGroup(p.name)}\n                        icon={p.icon}\n                        className='gmw-menu-item'\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                  className='add-load-button'\n                  startIcon={\n                    isLoadingQuery ? (\n                      <ProgressRadial size='small' indeterminate />\n                    ) : (\n                      <SvgAdd />\n                    )\n                  }\n                  styleType='high-visibility'\n                  disabled={isLoadingQuery}\n                >\n                  {isLoadingQuery ? \"Loading\" : \"Add Group\"}\n                </Button>\n              </DropdownMenu>\n              <ButtonGroup className='gmw-toolbar-buttons'>\n                <ToggleSwitch\n                  label='Color by Group'\n                  labelPosition='left'\n                  className='gmw-toggle'\n                  disabled={isLoadingQuery}\n                  checked={showGroupColor}\n                  onChange={toggleGroupColor}\n                ></ToggleSwitch>\n                <IconButton\n                  title='Show All'\n                  onClick={showAll}\n                  disabled={isLoadingQuery}\n                  styleType='borderless'\n                  className='gmw-group-view-icon'\n                >\n                  <SvgVisibilityShow />\n                </IconButton>\n                <IconButton\n                  title='Hide All'\n                  onClick={hideAll}\n                  disabled={isLoadingQuery}\n                  styleType='borderless'\n                  className='gmw-group-view-icon'\n                >\n                  <SvgVisibilityHide />\n                </IconButton>\n              </ButtonGroup>\n            </div>\n            {isLoading ? (\n              <LoadingOverlay />\n            ) : groups.length === 0 ? (\n              <EmptyMessage message='No Groups available.' />\n            ) : (\n              <div className='gmw-group-list'>\n                {groups\n                  .sort(\n                    (a, b) =>\n                      a.groupName?.localeCompare(b.groupName ?? \"\") ?? 1,\n                  )\n                  .map((g) => (\n                    <HorizontalTile\n                      key={g.id}\n                      title={g.groupName ? g.groupName : \"Untitled\"}\n                      subText={g.description}\n                      actionGroup={\n                        <div className='gmw-actions'>\n                          {showGroupColor && (\n                            <IconButton\n                              styleType='borderless'\n                              className='gmw-group-view-icon'\n                            >\n                              <div\n                                className=\"gmw-color-legend\"\n                                style={{\n                                  backgroundColor: getGroupColor(groups.findIndex((group) => g.id === group.id)),\n                                }}\n                              />\n                            </IconButton>\n                          )}\n                          {g.id && hiddenGroupsIds.includes(g.id) ? (\n                            <IconButton\n                              disabled={isLoadingQuery}\n                              styleType='borderless'\n                              className='gmw-group-view-icon'\n                              onClick={async () => {\n                                await showGroup(g);\n                                setHiddenGroupsIds(\n                                  hiddenGroupsIds.filter((id) => g.id !== id),\n                                );\n                              }}\n                            >\n                              <SvgVisibilityHide />\n                            </IconButton>\n                          ) : (\n                            <IconButton\n                              disabled={isLoadingQuery}\n                              styleType='borderless'\n                              className='gmw-group-view-icon'\n                              onClick={async () => {\n                                await hideGroups([g]);\n                                setHiddenGroupsIds(\n                                  hiddenGroupsIds.concat(g.id ? [g.id] : []),\n                                );\n                              }}\n                            >\n                              <SvgVisibilityShow />\n                            </IconButton>\n                          )}\n                          <DropdownMenu\n                            className='gmw-custom-ui-dropdown'\n                            disabled={isLoadingQuery}\n                            menuItems={(close: () => void) =>\n                              [\n                                <MenuItem\n                                  key={0}\n                                  icon={<SvgEdit />}\n                                  disabled={isLoadingQuery}\n                                  data-testid=\"gmw-context-menu-item\"\n                                  subMenuItems={\n                                    (groupUIs.length > 0\n                                      ? groupUIs\n                                      : defaultUIMetadata)\n                                      .map((p, index) => (\n                                        <MenuItem\n                                          key={index}\n                                          className='gmw-menu-item'\n                                          data-testid={`gmw-edit-${index}`}\n                                          onClick={async () => onModify(g, p.name)}\n                                          icon={p.icon}\n                                        >\n                                          {p.displayLabel}\n                                        </MenuItem>\n                                      ))\n                                  }\n                                >\n                                  Edit\n                                </MenuItem>,\n                                <MenuItem\n                                  key={1}\n                                  onClick={async () => openProperties(g)}\n                                  icon={<SvgList />}\n                                  data-testid=\"gmw-context-menu-item\"\n                                >\n                                  Properties\n                                </MenuItem>,\n                                <MenuItem\n                                  key={2}\n                                  onClick={() => {\n                                    setSelectedGroup(g);\n                                    setShowDeleteModal(true);\n                                    close();\n                                  }}\n                                  icon={<SvgDelete />}\n                                  data-testid=\"gmw-context-menu-item\"\n                                >\n                                  Remove\n                                </MenuItem>,\n                              ].concat(\n                                contextUIs.map((p) => {\n                                  return <MenuItem\n                                    key={p.name}\n                                    onClick={() => {\n                                      if(p.uiComponent) {\n                                        setSelectedGroup(g);\n                                        setSelectedContextCustomUI(p);\n                                        setGroupsView(GroupsView.CustomUI);\n                                      }\n                                      if(p.onClick) {\n                                        p.onClick(g.id, mapping.id, 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                            }\n                          >\n                            <IconButton\n                              disabled={isLoadingQuery}\n                              styleType='borderless'\n                              data-testid=\"gmw-more-button\"\n                            >\n                              <SvgMore />\n                            </IconButton>\n                          </DropdownMenu>\n                        </div>\n                      }\n                      onClickTitle={\n                        isLoadingQuery\n                          ? undefined\n                          : async () => openProperties(g)\n                      }\n                    />\n                  ))}\n              </div>\n            )}\n          </Surface>\n          <DeleteModal\n            entityName={selectedGroup?.groupName ?? \"\"}\n            show={showDeleteModal}\n            setShow={setShowDeleteModal}\n            onDelete={async () => {\n              const accessToken = await getAccessToken();\n              await mappingClient.deleteGroup(\n                accessToken,\n                iModelId,\n                mapping.id,\n                selectedGroup?.id ?? \"\",\n              );\n            }}\n            refresh={refresh}\n          />\n        </>\n      );\n    case GroupsView.CustomUI:\n      return selectedContextCustomUI && selectedContextCustomUI.uiComponent && selectedGroup\n        ? (\n          <>\n            <WidgetHeader\n              title={selectedContextCustomUI.displayLabel}\n              returnFn={async () => {\n                Presentation.selection.clearSelection(\n                  \"GroupingMappingWidget\",\n                  iModelConnection,\n                );\n                await refresh();\n              }}\n            />\n            {React.createElement(selectedContextCustomUI.uiComponent, {\n              iModelId,\n              mappingId: mapping.id,\n              groupId: selectedGroup.id,\n            })}\n          </>\n        )\n        : null;\n    default:\n      return (\n        <EmptyMessage message=\"No given group view\"/>\n      );\n  }\n};\n"]}

package/lib/cjs/widget/components/Grouping.scss

@@ -33,8 +33,8 @@
     display: flex;
     flex-direction: column;
     overflow-y: overlay;
-    gap: 7.5px;
-    margin-top: 7.5px;
+    gap: $iui-s;
+    margin-top: $iui-s;
 
     .gmw-actions {
       display: flex;
@@ -49,7 +49,22 @@
     cursor: pointer;
 
     .gmw-color-legend {
-      border: 2px solid black;
+      border: $iui-xxs solid black;
     }
   }
+
+  .gmw-menu-item {
+    padding-left: $iui-component-padding-horizontal;
+  }
+}
+
+.gmw-nest-menu-item {
+  width: 100%;
+  justify-content: flex-start;
+  padding: 0 $iui-component-padding-horizontal;
+  gap: $iui-s;
+}
+
+.gmw-custom-ui-dropdown {
+  width: $iui-3xl + $iui-l;
 }

package/lib/cjs/widget/components/GroupingMapping.d.ts

@@ -2,6 +2,7 @@
 import "./GroupingMapping.scss";
 import type { ClientPrefix, GetAccessTokenFn } from "./context/GroupingApiConfigContext";
 import type { IMappingsClient } from "@itwin/insights-client";
+import type { GroupingMappingCustomUI } from "./customUI/GroupingMappingCustomUI";
 export interface GroupingMappingProps {
     /**
      * Custom callback to retrieve access token.
@@ -16,7 +17,11 @@ export interface GroupingMappingProps {
      * A custom implementation of MappingClient.
      */
     client?: IMappingsClient;
+    /**
+     * Custom UI to add and update groups or provide additional group context capabilities.
+     */
+    customUIs?: GroupingMappingCustomUI[];
 }
-declare const GroupingMapping: ({ getAccessToken, prefix, client }: GroupingMappingProps) => JSX.Element;
+declare const GroupingMapping: (props: GroupingMappingProps) => JSX.Element;
 export default GroupingMapping;
 //# sourceMappingURL=GroupingMapping.d.ts.map

package/lib/cjs/widget/components/GroupingMapping.js

@@ -29,24 +29,37 @@ require("./GroupingMapping.scss");
 const core_frontend_1 = require("@itwin/core-frontend");
 const GroupingApiConfigContext_1 = require("./context/GroupingApiConfigContext");
 const MappingClientContext_1 = require("./context/MappingClientContext");
-const authorizationClientGetAccessToken = (async () => { var _a, _b; return ((_b = await ((_a = core_frontend_1.IModelApp.authorizationClient) === null || _a === void 0 ? void 0 : _a.getAccessToken())) !== null && _b !== void 0 ? _b : ""); });
-const GroupingMapping = ({ getAccessToken, prefix, client }) => {
-    const clientProp = client !== null && client !== void 0 ? client : prefix;
+const GroupingMappingCustomUIContext_1 = require("./context/GroupingMappingCustomUIContext");
+const authorizationClientGetAccessToken = async () => { var _a, _b; return (_b = (await ((_a = core_frontend_1.IModelApp.authorizationClient) === null || _a === void 0 ? void 0 : _a.getAccessToken()))) !== null && _b !== void 0 ? _b : ""; };
+const GroupingMapping = (props) => {
+    var _a, _b;
+    const clientProp = (_a = props.client) !== null && _a !== void 0 ? _a : props.prefix;
     const [mappingClient, setMappingClient] = react_1.useState(MappingClientContext_1.createMappingClient(clientProp));
+    const [customUIs, setCustomUIs] = react_1.useState(GroupingMappingCustomUIContext_1.createGroupingMappingCustomUI(props.customUIs));
     const [apiConfig, setApiConfig] = react_1.useState({
-        getAccessToken: getAccessToken !== null && getAccessToken !== void 0 ? getAccessToken : authorizationClientGetAccessToken,
-        prefix,
+        getAccessToken: (_b = props.getAccessToken) !== null && _b !== void 0 ? _b : authorizationClientGetAccessToken,
+        prefix: props.prefix,
     });
     react_1.useEffect(() => {
-        setApiConfig(() => ({ prefix, getAccessToken: getAccessToken !== null && getAccessToken !== void 0 ? getAccessToken : authorizationClientGetAccessToken }));
-    }, [getAccessToken, prefix]);
+        setApiConfig(() => {
+            var _a;
+            return ({
+                prefix: props.prefix,
+                getAccessToken: (_a = props.getAccessToken) !== null && _a !== void 0 ? _a : authorizationClientGetAccessToken,
+            });
+        });
+    }, [props.getAccessToken, props.prefix]);
     react_1.useEffect(() => {
         setMappingClient(MappingClientContext_1.createMappingClient(clientProp));
     }, [clientProp]);
+    react_1.useEffect(() => {
+        setCustomUIs(GroupingMappingCustomUIContext_1.createGroupingMappingCustomUI(props.customUIs));
+    }, [props.customUIs]);
     return (react_1.default.createElement(GroupingApiConfigContext_1.GroupingMappingApiConfigContext.Provider, { value: apiConfig },
         react_1.default.createElement(MappingClientContext_1.MappingClientContext.Provider, { value: mappingClient },
-            react_1.default.createElement("div", { className: 'gmw-group-mapping-container' },
-                react_1.default.createElement(Mapping_1.Mappings, null)))));
+            react_1.default.createElement(GroupingMappingCustomUIContext_1.GroupingMappingCustomUIContext.Provider, { value: customUIs },
+                react_1.default.createElement("div", { className: 'gmw-group-mapping-container' },
+                    react_1.default.createElement(Mapping_1.Mappings, null))))));
 };
 exports.default = GroupingMapping;
 //# sourceMappingURL=GroupingMapping.js.map

package/lib/cjs/widget/components/GroupingMapping.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupingMapping.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupingMapping.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAAmD;AACnD,uCAAqC;AACrC,kCAAgC;AAChC,wDAAiD;AAEjD,iFAAqF;AACrF,yEAA2F;AAmB3F,MAAM,iCAAiC,GAAG,CAAC,KAAK,IAAI,EAAE,eAAC,OAAA,CAAC,MAAA,MAAM,CAAA,MAAA,yBAAS,CAAC,mBAAmB,0CAAE,cAAc,EAAE,CAAA,mCAAI,EAAE,CAAC,CAAA,EAAA,CAAC,CAAC;AAEtH,MAAM,eAAe,GAAG,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAwB,EAAE,EAAE;IACnF,MAAM,UAAU,GAAmC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,MAAM,CAAC;IACpE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,gBAAQ,CAAkB,0CAAmB,CAAC,UAAU,CAAC,CAAC,CAAC;IACrG,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,gBAAQ,CAA2B;QACnE,cAAc,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,iCAAiC;QACnE,MAAM;KACP,CAAC,CAAC;IAEH,iBAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,iCAAiC,EAAE,CAAC,CAAC,CAAC;IACxG,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;IAE7B,iBAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,CAAC,0CAAmB,CAAC,UAAU,CAAC,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,8BAAC,0DAA+B,CAAC,QAAQ,IACvC,KAAK,EAAE,SAAS;QAEhB,8BAAC,2CAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;YACjD,uCAAK,SAAS,EAAC,6BAA6B;gBAC1C,8BAAC,kBAAQ,OAAG,CACR,CACwB,CACS,CAC5C,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,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, { useEffect, useState } from \"react\";\nimport { Mappings } from \"./Mapping\";\nimport \"./GroupingMapping.scss\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport type { ClientPrefix, GetAccessTokenFn, GroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport { GroupingMappingApiConfigContext } from \"./context/GroupingApiConfigContext\";\nimport { createMappingClient, MappingClientContext } from \"./context/MappingClientContext\";\nimport type { IMappingsClient } from \"@itwin/insights-client\";\n\nexport interface GroupingMappingProps {\n  /**\n   * Custom callback to retrieve access token.\n   */\n  getAccessToken?: GetAccessTokenFn;\n  /**\n   * Used for iTwin and iModel APIs.\n   * Also used for Mapping API if a custom {@link client} is not provided.\n   */\n  prefix?: ClientPrefix;\n  /**\n   * A custom implementation of MappingClient.\n   */\n  client?: IMappingsClient;\n}\n\nconst authorizationClientGetAccessToken = (async () => (await IModelApp.authorizationClient?.getAccessToken() ?? \"\"));\n\nconst GroupingMapping = ({ getAccessToken, prefix, client }: GroupingMappingProps) => {\n  const clientProp: IMappingsClient | ClientPrefix = client ?? prefix;\n  const [mappingClient, setMappingClient] = useState<IMappingsClient>(createMappingClient(clientProp));\n  const [apiConfig, setApiConfig] = useState<GroupingMappingApiConfig>({\n    getAccessToken: getAccessToken ?? authorizationClientGetAccessToken,\n    prefix,\n  });\n\n  useEffect(() => {\n    setApiConfig(() => ({ prefix, getAccessToken: getAccessToken ?? authorizationClientGetAccessToken }));\n  }, [getAccessToken, prefix]);\n\n  useEffect(() => {\n    setMappingClient(createMappingClient(clientProp));\n  }, [clientProp]);\n\n  return (\n    <GroupingMappingApiConfigContext.Provider\n      value={apiConfig}\n    >\n      <MappingClientContext.Provider value={mappingClient}>\n        <div className='gmw-group-mapping-container'>\n          <Mappings />\n        </div>\n      </MappingClientContext.Provider>\n    </GroupingMappingApiConfigContext.Provider>\n  );\n};\n\nexport default GroupingMapping;\n"]}
+{"version":3,"file":"GroupingMapping.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupingMapping.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAAmD;AACnD,uCAAqC;AACrC,kCAAgC;AAChC,wDAAiD;AAMjD,iFAAqF;AACrF,yEAGwC;AAExC,6FAAyH;AAuBzH,MAAM,iCAAiC,GAAG,KAAK,IAAI,EAAE,eACnD,OAAA,MAAA,CAAC,MAAM,CAAA,MAAA,yBAAS,CAAC,mBAAmB,0CAAE,cAAc,EAAE,CAAA,CAAC,mCAAI,EAAE,CAAA,EAAA,CAAC;AAEhE,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;;IACtD,MAAM,UAAU,GAAmC,MAAA,KAAK,CAAC,MAAM,mCAAI,KAAK,CAAC,MAAM,CAAC;IAChF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,gBAAQ,CAAkB,0CAAmB,CAAC,UAAU,CAAC,CAAC,CAAC;IACrG,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,gBAAQ,CACxC,8DAA6B,CAAC,KAAK,CAAC,SAAS,CAAC,CAC/C,CAAC;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,gBAAQ,CAA2B;QACnE,cAAc,EAAE,MAAA,KAAK,CAAC,cAAc,mCAAI,iCAAiC;QACzE,MAAM,EAAE,KAAK,CAAC,MAAM;KACrB,CAAC,CAAC;IAEH,iBAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,GAAG,EAAE;;YAAC,OAAA,CAAC;gBAClB,MAAM,EAAE,KAAK,CAAC,MAAM;gBACpB,cAAc,EAAE,MAAA,KAAK,CAAC,cAAc,mCAAI,iCAAiC;aAC1E,CAAC,CAAA;SAAA,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAEzC,iBAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,CAAC,0CAAmB,CAAC,UAAU,CAAC,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,iBAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,8DAA6B,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,8BAAC,0DAA+B,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS;QACxD,8BAAC,2CAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;YACjD,8BAAC,+DAA8B,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS;gBACvD,uCAAK,SAAS,EAAC,6BAA6B;oBAC1C,8BAAC,kBAAQ,OAAG,CACR,CACkC,CACZ,CACS,CAC5C,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,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, { useEffect, useState } from \"react\";\nimport { Mappings } from \"./Mapping\";\nimport \"./GroupingMapping.scss\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport type {\n  ClientPrefix,\n  GetAccessTokenFn,\n  GroupingMappingApiConfig,\n} from \"./context/GroupingApiConfigContext\";\nimport { GroupingMappingApiConfigContext } from \"./context/GroupingApiConfigContext\";\nimport {\n  createMappingClient,\n  MappingClientContext,\n} from \"./context/MappingClientContext\";\nimport type { IMappingsClient } from \"@itwin/insights-client\";\nimport { createGroupingMappingCustomUI, GroupingMappingCustomUIContext } from \"./context/GroupingMappingCustomUIContext\";\nimport type { GroupingMappingCustomUI } from \"./customUI/GroupingMappingCustomUI\";\n\nexport interface GroupingMappingProps {\n  /**\n   * Custom callback to retrieve access token.\n   */\n  getAccessToken?: GetAccessTokenFn;\n  /**\n   * Used for iTwin and iModel APIs.\n   * Also used for Mapping API if a custom {@link client} is not provided.\n   */\n  prefix?: ClientPrefix;\n  /**\n   * A custom implementation of MappingClient.\n   */\n  client?: IMappingsClient;\n  /**\n   * Custom UI to add and update groups or provide additional group context capabilities.\n   */\n  customUIs?: GroupingMappingCustomUI[];\n}\n\nconst authorizationClientGetAccessToken = async () =>\n  (await IModelApp.authorizationClient?.getAccessToken()) ?? \"\";\n\nconst GroupingMapping = (props: GroupingMappingProps) => {\n  const clientProp: IMappingsClient | ClientPrefix = props.client ?? props.prefix;\n  const [mappingClient, setMappingClient] = useState<IMappingsClient>(createMappingClient(clientProp));\n  const [customUIs, setCustomUIs] = useState<GroupingMappingCustomUI[]>(\n    createGroupingMappingCustomUI(props.customUIs),\n  );\n  const [apiConfig, setApiConfig] = useState<GroupingMappingApiConfig>({\n    getAccessToken: props.getAccessToken ?? authorizationClientGetAccessToken,\n    prefix: props.prefix,\n  });\n\n  useEffect(() => {\n    setApiConfig(() => ({\n      prefix: props.prefix,\n      getAccessToken: props.getAccessToken ?? authorizationClientGetAccessToken,\n    }));\n  }, [props.getAccessToken, props.prefix]);\n\n  useEffect(() => {\n    setMappingClient(createMappingClient(clientProp));\n  }, [clientProp]);\n\n  useEffect(() => {\n    setCustomUIs(createGroupingMappingCustomUI(props.customUIs));\n  }, [props.customUIs]);\n\n  return (\n    <GroupingMappingApiConfigContext.Provider value={apiConfig}>\n      <MappingClientContext.Provider value={mappingClient}>\n        <GroupingMappingCustomUIContext.Provider value={customUIs}>\n          <div className='gmw-group-mapping-container'>\n            <Mappings />\n          </div>\n        </GroupingMappingCustomUIContext.Provider>\n      </MappingClientContext.Provider>\n    </GroupingMappingApiConfigContext.Provider>\n  );\n};\n\nexport default GroupingMapping;\n"]}

package/lib/cjs/widget/components/HorizontalTile.d.ts

@@ -1,13 +1,15 @@
 import type { ReactNode } from "react";
 import "./HorizontalTile.scss";
-interface HorizontalTileProps {
+export interface HorizontalTileProps {
     title: string;
     actionGroup: ReactNode;
     subText?: string;
+    onClick?: () => void;
     onClickTitle?: () => void;
     titleTooltip?: string;
     subtextToolTip?: string;
+    selected?: boolean;
+    dragHandle?: ReactNode;
 }
-export declare const HorizontalTile: ({ title, subText, onClickTitle, titleTooltip, subtextToolTip, actionGroup }: HorizontalTileProps) => JSX.Element;
-export {};
+export declare const HorizontalTile: (props: HorizontalTileProps) => JSX.Element;
 //# sourceMappingURL=HorizontalTile.d.ts.map