@itwin/grouping-mapping-widget 0.25.2 → 0.26.1

package/LICENSE.md

@@ -1,9 +1,9 @@
-# MIT License
-
-Copyright © 2022 Bentley Systems, Inc. All rights reserved.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+# MIT License
+
+Copyright © 2022 Bentley Systems, Inc. All rights reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -1,115 +1,115 @@
-# @itwin/grouping-mapping-widget
-
-Copyright © Bentley Systems, Incorporated. All rights reserved.
-The Grouping Mapping widget is a UI component for iTwin Viewer applications that simplifies how users (and developers) interface with the [Reporting Platform APIs](https://developer.bentley.com/apis/insights/overview/).
-The grouping-mapping-widget package provides a UiProvider class - `GroupingMappingProvider` - which can be passed into the `uiProviders` prop of the iTwin Viewer's `<Viewer />` component.
-
-## Getting Started
-
-This is not a standalone UI and requires a parent iTwin Viewer application to work as intended.
-A guide on how to create a basic iTwin Viewer application can be found here: <https://www.itwinjs.org/learning/tutorials/develop-web-viewer/>.
-This package provides a viewer 'widget'. Documentation on how to add a widget to your application can be found here: <https://developer.bentley.com/tutorials/itwin-viewer-hello-world/#2-your-first-ui-widget>.
-
-## Permissions and Scopes
-
-The SPA client used by your iTwin viewer must have these additional scopes:
-
-- `insights:read`
-- `insights:modify`
-- `itwins:read`
-
-In addition, users must have the `imodels_read` and `imodels_write` [permissions](https://developer.bentley.com/apis/insights/operations/create-mapping/#authorization) assigned at either the Project or iModel level. Further instruction on how to create roles and assign permissions can be found in the [iTwin Platform Projects API documentation](https://developer.bentley.com/apis/projects/tutorials/).
-
-## Sample usage
-
-```tsx
-import { GroupingMappingProvider } from "@itwin/grouping-mapping-widget";
-<Viewer
-  ...
-  uiProviders={[new GroupingMappingProvider()]}
-/>
-```
-
-## Custom UI
-
-This package provides an interface to define your own custom UI or callback functions in grouping mapping widget. There are different types of custom UIs provided.
-
-### Grouping Custom UI
-
-You can use your own UI component to define group creation method.
-
-An example of grouping custom UI, [ManualGroupingCustomUI](./src/components/customUI/ManualGroupingCustomUI.tsx) helps user to manually define ECSQL query for groups.
-
-In `GroupingCustomUIProps`:
-
-- `updateQuery` is used to run the query and visualize results in the viewer.
-- `isUpdating` keeps track of the status of query execution.
-- `resetView` enables you to reset the viewer state.
-
-To configure your own grouping custom UI, you need to give it:
-
-- a `type` as `GroupingMappingCustomUIType.Grouping`
-- a `name` as identifier
-- a `displayLabel` which will be shown in the 'Add Group' dropdown list
-- a `uiComponent` like above
-- an optional `icon`
-
-You can define your UI provider as follows in the GroupingMappingProvider:
-
-```tsx
-new GroupingMappingProvider({
-  customUIs: [
-    {
-      type: GroupingMappingCustomUIType.Grouping,
-      name: "Manual",
-      displayLabel: "Manual Query",
-      uiComponent: ManualGroupingCustomUI,
-      icon: <SvgDraw />,
-    },
-  ],
-});
-```
-
-After adding the grouping custom UI, it will be presented in the 'Add Group' drop down list.
-
-![Process Functional Grouping Menu Item](./assets/ProcessGroupingMenuItem.jpg)
-
-### Context Custom UI
-
-You can also add custom UI in context menu for each group. This could be UI driven interaction or simply a callback function to execute your own code.
-
-You can use the `iModelId`, `mappingId` and `groupId` in `ContextCustomUIProps` provided by Grouping Mapping Widget in your UI component or callback.
-
-To configure your own context custom UI, you need to give it:
-
-- a `type` as `GroupingMappingCustomUIType.Context`
-- a `name` as identifier
-- a `displayLabel` which will be shown in the context dropdown list in each group tile
-- an optional `uiComponent` which will be presented in the widget as a UI component
-- an optional `onClick` callback function where you could make your own API calls
-- an optional `icon`
-
-You can define your context custom UI as following example in the GroupingMappingProvider with an example is to use [clash detection](https://www.itwinjs.org/sandboxes/iTwinPlatform/Clash%20Review) in the widget:
-
-```tsx
-const customCB = (groupId: string, mappingId: string, iModelId: string) => {
-  toaster.informational(`Called callback for group ${groupId}`)
-}
-
-new GroupingMappingProvider({
-  customUIs: [
-    {
-      type: GroupingMappingCustomUIType.Context,
-      name: "ClashDetection",
-      displayLabel: "Clash Detection",
-      uiComponent: ClashDetectionCustomUI,
-      onClick: customCB,
-      icon: <SvgClash />,
-    },
-  ],
-});
-```
-
-After adding the context custom UI, the context menu item will look like this with additional `Clash Detection` menu item.
-
-![Clash Detection Context Menu Item](./assets/ClashDetectionContextMenuItem.jpg)
+# @itwin/grouping-mapping-widget
+
+Copyright © Bentley Systems, Incorporated. All rights reserved.
+The Grouping Mapping widget is a UI component for iTwin Viewer applications that simplifies how users (and developers) interface with the [Reporting Platform APIs](https://developer.bentley.com/apis/insights/overview/).
+The grouping-mapping-widget package provides a UiProvider class - `GroupingMappingProvider` - which can be passed into the `uiProviders` prop of the iTwin Viewer's `<Viewer />` component.
+
+## Getting Started
+
+This is not a standalone UI and requires a parent iTwin Viewer application to work as intended.
+A guide on how to create a basic iTwin Viewer application can be found here: <https://www.itwinjs.org/learning/tutorials/develop-web-viewer/>.
+This package provides a viewer 'widget'. Documentation on how to add a widget to your application can be found here: <https://developer.bentley.com/tutorials/itwin-viewer-hello-world/#2-your-first-ui-widget>.
+
+## Permissions and Scopes
+
+The SPA client used by your iTwin viewer must have these additional scopes:
+
+- `insights:read`
+- `insights:modify`
+- `itwins:read`
+
+In addition, users must have the `imodels_read` and `imodels_write` [permissions](https://developer.bentley.com/apis/insights/operations/create-mapping/#authorization) assigned at either the Project or iModel level. Further instruction on how to create roles and assign permissions can be found in the [iTwin Platform Projects API documentation](https://developer.bentley.com/apis/projects/tutorials/).
+
+## Sample usage
+
+```tsx
+import { GroupingMappingProvider } from "@itwin/grouping-mapping-widget";
+<Viewer
+  ...
+  uiProviders={[new GroupingMappingProvider()]}
+/>
+```
+
+## Custom UI
+
+This package provides an interface to define your own custom UI or callback functions in grouping mapping widget. There are different types of custom UIs provided.
+
+### Grouping Custom UI
+
+You can use your own UI component to define group creation method.
+
+An example of grouping custom UI, [ManualGroupingCustomUI](./src/components/customUI/ManualGroupingCustomUI.tsx) helps user to manually define ECSQL query for groups.
+
+In `GroupingCustomUIProps`:
+
+- `updateQuery` is used to run the query and visualize results in the viewer.
+- `isUpdating` keeps track of the status of query execution.
+- `resetView` enables you to reset the viewer state.
+
+To configure your own grouping custom UI, you need to give it:
+
+- a `type` as `GroupingMappingCustomUIType.Grouping`
+- a `name` as identifier
+- a `displayLabel` which will be shown in the 'Add Group' dropdown list
+- a `uiComponent` like above
+- an optional `icon`
+
+You can define your UI provider as follows in the GroupingMappingProvider:
+
+```tsx
+new GroupingMappingProvider({
+  customUIs: [
+    {
+      type: GroupingMappingCustomUIType.Grouping,
+      name: "Manual",
+      displayLabel: "Manual Query",
+      uiComponent: ManualGroupingCustomUI,
+      icon: <SvgDraw />,
+    },
+  ],
+});
+```
+
+After adding the grouping custom UI, it will be presented in the 'Add Group' drop down list.
+
+![Process Functional Grouping Menu Item](./assets/ProcessGroupingMenuItem.jpg)
+
+### Context Custom UI
+
+You can also add custom UI in context menu for each group. This could be UI driven interaction or simply a callback function to execute your own code.
+
+You can use the `iModelId`, `mappingId` and `groupId` in `ContextCustomUIProps` provided by Grouping Mapping Widget in your UI component or callback.
+
+To configure your own context custom UI, you need to give it:
+
+- a `type` as `GroupingMappingCustomUIType.Context`
+- a `name` as identifier
+- a `displayLabel` which will be shown in the context dropdown list in each group tile
+- an optional `uiComponent` which will be presented in the widget as a UI component
+- an optional `onClick` callback function where you could make your own API calls
+- an optional `icon`
+
+You can define your context custom UI as following example in the GroupingMappingProvider with an example is to use [clash detection](https://www.itwinjs.org/sandboxes/iTwinPlatform/Clash%20Review) in the widget:
+
+```tsx
+const customCB = (groupId: string, mappingId: string, iModelId: string) => {
+  toaster.informational(`Called callback for group ${groupId}`);
+};
+
+new GroupingMappingProvider({
+  customUIs: [
+    {
+      type: GroupingMappingCustomUIType.Context,
+      name: "ClashDetection",
+      displayLabel: "Clash Detection",
+      uiComponent: ClashDetectionCustomUI,
+      onClick: customCB,
+      icon: <SvgClash />,
+    },
+  ],
+});
+```
+
+After adding the context custom UI, the context menu item will look like this with additional `Clash Detection` menu item.
+
+![Clash Detection Context Menu Item](./assets/ClashDetectionContextMenuItem.jpg)

package/lib/cjs/WidgetShell/GroupingMapping.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { CalculatedProperty, CustomCalculation, Group, GroupProperty, Mapping } from "@itwin/insights-client";
+import type { GroupMinimal, Mapping, Property } from "@itwin/insights-client";
 import type { GroupingMappingContextProps } from "../components/GroupingMappingContext";
 import "./GroupingMapping.scss";
 import type { ContextCustomUI } from "../components/customUI/GroupingMappingCustomUI";
@@ -22,10 +22,10 @@ export interface Route {
 }
 export interface GroupingRouteFields {
     mapping?: Mapping;
-    group?: Group;
-    property?: GroupProperty;
-    calculatedProperty?: CalculatedProperty;
-    customCalculation?: CustomCalculation;
+    group?: GroupMinimal;
+    property?: Property;
+    calculatedProperty?: Property;
+    customCalculation?: Property;
     groupContextCustomUI?: Exclude<ContextCustomUI["uiComponent"], undefined>;
     queryGenerationType?: string;
 }

package/lib/cjs/WidgetShell/GroupingMapping.js

@@ -46,9 +46,7 @@ var RouteStep;
     RouteStep[RouteStep["CustomCalculationPropertyAction"] = 8] = "CustomCalculationPropertyAction";
 })(RouteStep = exports.RouteStep || (exports.RouteStep = {}));
 const GroupingMapping = (props) => {
-    const [routingHistory, setRoutingHistory] = (0, react_1.useState)([
-        { step: RouteStep.Mappings, title: "Mapping", groupingRouteFields: {} },
-    ]);
+    const [routingHistory, setRoutingHistory] = (0, react_1.useState)([{ step: RouteStep.Mappings, title: "Mapping", groupingRouteFields: {} }]);
     const currentRoute = routingHistory[routingHistory.length - 1];
     const activeIModelConnection = (0, appui_react_1.useActiveIModelConnection)();
     const iModelConnection = props.iModelConnection ?? activeIModelConnection;
@@ -74,7 +72,7 @@ const GroupingMapping = (props) => {
             })),
         },
         // No group UI's provided means the widget provides its own
-        ...props.customUIs ?? DefaultGroupingUI_1.defaultGroupingUI,
+        ...(props.customUIs ?? DefaultGroupingUI_1.defaultGroupingUI),
     ], [props.customUIs, navigateTo]);
     return (react_1.default.createElement(GroupingMappingContext_1.GroupingMappingContext, { iModelId: iModelId, ...props, customUIs: injectedCustomUI },
         react_1.default.createElement("div", { className: "gmw-group-mapping-container" },

package/lib/cjs/WidgetShell/GroupingMapping.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupingMapping.js","sourceRoot":"","sources":["../../../src/WidgetShell/GroupingMapping.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 {\n  CalculatedProperty,\n  CustomCalculation,\n  Group,\n  GroupProperty,\n  Mapping,\n} from \"@itwin/insights-client\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport type { GroupingMappingContextProps } from \"../components/GroupingMappingContext\";\nimport { GroupingMappingContext } from \"../components/GroupingMappingContext\";\nimport \"./GroupingMapping.scss\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport type {\n  ContextCustomUI,\n  GroupingMappingCustomUI,\n} from \"../components/customUI/GroupingMappingCustomUI\";\nimport { GroupingMappingCustomUIType } from \"../components/customUI/GroupingMappingCustomUI\";\nimport {\n  SvgList,\n} from \"@itwin/itwinui-icons-react\";\nimport { GroupingMappingContent } from \"./GroupingMappingContent\";\nimport { GroupingMappingHeader } from \"./GroupingMappingHeader\";\nimport { defaultGroupingUI } from \"../components/customUI/DefaultGroupingUI\";\n\nexport type GroupingMappingProps = Omit<GroupingMappingContextProps, \"iModelId\">;\n\nexport enum RouteStep {\n  Mappings,\n  MappingsAction,\n  Groups,\n  GroupAction,\n  GroupContextCustomUI,\n  Properties,\n  PropertyAction,\n  CalculatedPropertyAction,\n  CustomCalculationPropertyAction,\n}\n\nexport interface Route {\n  step: RouteStep;\n  title: string;\n  groupingRouteFields: GroupingRouteFields;\n}\nexport interface GroupingRouteFields {\n  mapping?: Mapping;\n  group?: Group;\n  property?: GroupProperty;\n  calculatedProperty?: CalculatedProperty;\n  customCalculation?: CustomCalculation;\n  // Optional prop but cannot be declared undefined.\n  groupContextCustomUI?: Exclude<ContextCustomUI[\"uiComponent\"], undefined>;\n  queryGenerationType?: string;\n}\n\nconst GroupingMapping = (props: GroupingMappingProps) => {\n  const [routingHistory, setRoutingHistory] = useState<Route[]>([\n    { step: RouteStep.Mappings, title: \"Mapping\", groupingRouteFields: {} },\n  ]);\n  const currentRoute = routingHistory[routingHistory.length - 1];\n  const activeIModelConnection = useActiveIModelConnection();\n  const iModelConnection = props.iModelConnection ?? activeIModelConnection;\n  const iModelId = iModelConnection?.iModelId ?? \"\";\n  const navigateTo = useCallback((toRoute: (prev: Route | undefined) => Route) => {\n    setRoutingHistory((r) => [...r, toRoute(r[r.length - 1])]);\n  }, []);\n\n  const goBack = useCallback(() => {\n    const updatedRouting = [...routingHistory];\n    updatedRouting.pop();\n    setRoutingHistory(updatedRouting);\n  }, [routingHistory]);\n\n  const injectedCustomUI = useMemo<GroupingMappingCustomUI[]>(\n    () => [\n      {\n        name: \"Properties\",\n        displayLabel: \"Properties\",\n        type: GroupingMappingCustomUIType.Context,\n        icon: <SvgList />,\n        onClick: (group) =>\n          navigateTo((prev) => ({\n            step: RouteStep.Properties,\n            title: group.groupName,\n            groupingRouteFields: { ...prev?.groupingRouteFields, group },\n          })),\n      },\n      // No group UI's provided means the widget provides its own\n      ...props.customUIs ?? defaultGroupingUI,\n    ],\n    [props.customUIs, navigateTo]\n  );\n\n  return (\n    <GroupingMappingContext\n      iModelId={iModelId}\n      {...props}\n      customUIs={injectedCustomUI}\n    >\n      <div className=\"gmw-group-mapping-container\">\n        <GroupingMappingHeader\n          goBack={goBack}\n          currentRoute={currentRoute}\n        />\n        <GroupingMappingContent\n          routingHistory={routingHistory}\n          navigateTo={navigateTo}\n          goBack={goBack}\n        />\n      </div>\n    </GroupingMappingContext>\n  );\n};\n\nexport default GroupingMapping;\n"]}
+{"version":3,"file":"GroupingMapping.js","sourceRoot":"","sources":["../../../src/WidgetShell/GroupingMapping.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, Mapping, Property } from \"@itwin/insights-client\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport type { GroupingMappingContextProps } from \"../components/GroupingMappingContext\";\nimport { GroupingMappingContext } from \"../components/GroupingMappingContext\";\nimport \"./GroupingMapping.scss\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport type { ContextCustomUI, GroupingMappingCustomUI } from \"../components/customUI/GroupingMappingCustomUI\";\nimport { GroupingMappingCustomUIType } from \"../components/customUI/GroupingMappingCustomUI\";\nimport { SvgList } from \"@itwin/itwinui-icons-react\";\nimport { GroupingMappingContent } from \"./GroupingMappingContent\";\nimport { GroupingMappingHeader } from \"./GroupingMappingHeader\";\nimport { defaultGroupingUI } from \"../components/customUI/DefaultGroupingUI\";\n\nexport type GroupingMappingProps = Omit<GroupingMappingContextProps, \"iModelId\">;\n\nexport enum RouteStep {\n  Mappings,\n  MappingsAction,\n  Groups,\n  GroupAction,\n  GroupContextCustomUI,\n  Properties,\n  PropertyAction,\n  CalculatedPropertyAction,\n  CustomCalculationPropertyAction,\n}\n\nexport interface Route {\n  step: RouteStep;\n  title: string;\n  groupingRouteFields: GroupingRouteFields;\n}\nexport interface GroupingRouteFields {\n  mapping?: Mapping;\n  group?: GroupMinimal;\n  property?: Property;\n  calculatedProperty?: Property;\n  customCalculation?: Property;\n  // Optional prop but cannot be declared undefined.\n  groupContextCustomUI?: Exclude<ContextCustomUI[\"uiComponent\"], undefined>;\n  queryGenerationType?: string;\n}\n\nconst GroupingMapping = (props: GroupingMappingProps) => {\n  const [routingHistory, setRoutingHistory] = useState<Route[]>([{ step: RouteStep.Mappings, title: \"Mapping\", groupingRouteFields: {} }]);\n  const currentRoute = routingHistory[routingHistory.length - 1];\n  const activeIModelConnection = useActiveIModelConnection();\n  const iModelConnection = props.iModelConnection ?? activeIModelConnection;\n  const iModelId = iModelConnection?.iModelId ?? \"\";\n  const navigateTo = useCallback((toRoute: (prev: Route | undefined) => Route) => {\n    setRoutingHistory((r) => [...r, toRoute(r[r.length - 1])]);\n  }, []);\n\n  const goBack = useCallback(() => {\n    const updatedRouting = [...routingHistory];\n    updatedRouting.pop();\n    setRoutingHistory(updatedRouting);\n  }, [routingHistory]);\n\n  const injectedCustomUI = useMemo<GroupingMappingCustomUI[]>(\n    () => [\n      {\n        name: \"Properties\",\n        displayLabel: \"Properties\",\n        type: GroupingMappingCustomUIType.Context,\n        icon: <SvgList />,\n        onClick: (group) =>\n          navigateTo((prev) => ({\n            step: RouteStep.Properties,\n            title: group.groupName,\n            groupingRouteFields: { ...prev?.groupingRouteFields, group },\n          })),\n      },\n      // No group UI's provided means the widget provides its own\n      ...(props.customUIs ?? defaultGroupingUI),\n    ],\n    [props.customUIs, navigateTo],\n  );\n\n  return (\n    <GroupingMappingContext iModelId={iModelId} {...props} customUIs={injectedCustomUI}>\n      <div className=\"gmw-group-mapping-container\">\n        <GroupingMappingHeader goBack={goBack} currentRoute={currentRoute} />\n        <GroupingMappingContent routingHistory={routingHistory} navigateTo={navigateTo} goBack={goBack} />\n      </div>\n    </GroupingMappingContext>\n  );\n};\n\nexport default GroupingMapping;\n"]}

package/lib/cjs/WidgetShell/GroupingMappingContent.js

@@ -25,9 +25,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GroupingMappingContent = void 0;
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 const react_1 = __importStar(require("react"));
 const GroupHilitedElementsContext_1 = require("../components/context/GroupHilitedElementsContext");
 const PropertiesGroupColorContext_1 = require("../components/context/PropertiesGroupColorContext");
@@ -49,7 +49,7 @@ const GroupingMappingContent = ({ routingHistory, navigateTo, goBack, }) => {
             setPropertiesShowGroup(false);
         }
     }, [routingHistory, setHiddenGroupsIds, setPropertiesShowGroup, setShowGroupColor]);
-    return (react_1.default.createElement(GroupingMappingRouter_1.GroupingMappingRouter, { currentRoute: currentRoute, navigateTo: navigateTo, goBack: goBack }));
+    return react_1.default.createElement(GroupingMappingRouter_1.GroupingMappingRouter, { currentRoute: currentRoute, navigateTo: navigateTo, goBack: goBack });
 };
 exports.GroupingMappingContent = GroupingMappingContent;
 //# sourceMappingURL=GroupingMappingContent.js.map

package/lib/cjs/WidgetShell/GroupingMappingContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupingMappingContent.js","sourceRoot":"","sources":["../../../src/WidgetShell/GroupingMappingContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAAyC;AACzC,mGAAmG;AACnG,mGAAmG;AAEnG,0EAAuE;AACvE,uDAAiD;AAE1C,MAAM,sBAAsB,GAAG,CAAC,EACrC,cAAc,EACd,UAAU,EACV,MAAM,GAKP,EAAE,EAAE;IACH,MAAM,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,GAAG,IAAA,4DAA8B,GAAE,CAAC;IACnF,MAAM,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,GAAG,IAAA,4DAA8B,GAAE,CAAC;IACvF,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAE/D,gDAAgD;IAChD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;YAC/B,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,kBAAkB,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;YAC9B,IAAA,sBAAQ,GAAE,CAAC;YACX,2CAA2C;SAC5C;aAAM,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;YACtC,sBAAsB,CAAC,KAAK,CAAC,CAAC;SAC/B;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEpF,OAAO,CACL,8BAAC,6CAAqB,IACpB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,sBAAsB,0BAgCjC","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 } from \"react\";\nimport { useGroupHilitedElementsContext } from \"../components/context/GroupHilitedElementsContext\";\nimport { usePropertiesGroupColorContext } from \"../components/context/PropertiesGroupColorContext\";\nimport type { Route } from \"./GroupingMapping\";\nimport { GroupingMappingRouter } from \"./Router/GroupingMappingRouter\";\nimport { clearAll } from \"../common/viewerUtils\";\n\nexport const GroupingMappingContent = ({\n  routingHistory,\n  navigateTo,\n  goBack,\n}: {\n  routingHistory: Route[];\n  navigateTo: (toRoute: (prev: Route | undefined) => Route) => void;\n  goBack: () => void;\n}) => {\n  const { setShowGroupColor, setHiddenGroupsIds } = useGroupHilitedElementsContext();\n  const { setShowGroupColor: setPropertiesShowGroup } = usePropertiesGroupColorContext();\n  const currentRoute = routingHistory[routingHistory.length - 1];\n\n  // Clean up group visualization when in mappings\n  useEffect(() => {\n    if (routingHistory.length === 1) {\n      setShowGroupColor(false);\n      setHiddenGroupsIds(new Set());\n      clearAll();\n      // Turn off visualiztion in properties menu\n    } else if (routingHistory.length === 2) {\n      setPropertiesShowGroup(false);\n    }\n  }, [routingHistory, setHiddenGroupsIds, setPropertiesShowGroup, setShowGroupColor]);\n\n  return (\n    <GroupingMappingRouter\n      currentRoute={currentRoute}\n      navigateTo={navigateTo}\n      goBack={goBack}\n    />\n  );\n};\n"]}
+{"version":3,"file":"GroupingMappingContent.js","sourceRoot":"","sources":["../../../src/WidgetShell/GroupingMappingContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,+CAAyC;AACzC,mGAAmG;AACnG,mGAAmG;AAEnG,0EAAuE;AACvE,uDAAiD;AAE1C,MAAM,sBAAsB,GAAG,CAAC,EACrC,cAAc,EACd,UAAU,EACV,MAAM,GAKP,EAAE,EAAE;IACH,MAAM,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,GAAG,IAAA,4DAA8B,GAAE,CAAC;IACnF,MAAM,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,GAAG,IAAA,4DAA8B,GAAE,CAAC;IACvF,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAE/D,gDAAgD;IAChD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;YAC/B,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,kBAAkB,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;YAC9B,IAAA,sBAAQ,GAAE,CAAC;YACX,2CAA2C;SAC5C;aAAM,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;YACtC,sBAAsB,CAAC,KAAK,CAAC,CAAC;SAC/B;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEpF,OAAO,8BAAC,6CAAqB,IAAC,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACvG,CAAC,CAAC;AA1BW,QAAA,sBAAsB,0BA0BjC","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 } from \"react\";\nimport { useGroupHilitedElementsContext } from \"../components/context/GroupHilitedElementsContext\";\nimport { usePropertiesGroupColorContext } from \"../components/context/PropertiesGroupColorContext\";\nimport type { Route } from \"./GroupingMapping\";\nimport { GroupingMappingRouter } from \"./Router/GroupingMappingRouter\";\nimport { clearAll } from \"../common/viewerUtils\";\n\nexport const GroupingMappingContent = ({\n  routingHistory,\n  navigateTo,\n  goBack,\n}: {\n  routingHistory: Route[];\n  navigateTo: (toRoute: (prev: Route | undefined) => Route) => void;\n  goBack: () => void;\n}) => {\n  const { setShowGroupColor, setHiddenGroupsIds } = useGroupHilitedElementsContext();\n  const { setShowGroupColor: setPropertiesShowGroup } = usePropertiesGroupColorContext();\n  const currentRoute = routingHistory[routingHistory.length - 1];\n\n  // Clean up group visualization when in mappings\n  useEffect(() => {\n    if (routingHistory.length === 1) {\n      setShowGroupColor(false);\n      setHiddenGroupsIds(new Set());\n      clearAll();\n      // Turn off visualiztion in properties menu\n    } else if (routingHistory.length === 2) {\n      setPropertiesShowGroup(false);\n    }\n  }, [routingHistory, setHiddenGroupsIds, setPropertiesShowGroup, setShowGroupColor]);\n\n  return <GroupingMappingRouter currentRoute={currentRoute} navigateTo={navigateTo} goBack={goBack} />;\n};\n"]}

package/lib/cjs/WidgetShell/GroupingMappingHeader.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { Route } from "./GroupingMapping";
-export declare const GroupingMappingHeader: ({ goBack, currentRoute, }: {
+export declare const GroupingMappingHeader: ({ goBack, currentRoute }: {
     goBack: () => void;
     currentRoute: Route;
 }) => JSX.Element;

package/lib/cjs/WidgetShell/GroupingMappingHeader.js

@@ -5,20 +5,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GroupingMappingHeader = void 0;
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 const react_1 = __importDefault(require("react"));
 const GroupingMapping_1 = require("./GroupingMapping");
 const WidgetHeader_1 = require("./WidgetHeader/WidgetHeader");
-const GroupingMappingHeader = ({ goBack, currentRoute, }) => {
+const GroupingMappingHeader = ({ goBack, currentRoute }) => {
     const shouldDisableReturnFn = currentRoute.step === GroupingMapping_1.RouteStep.Mappings ||
         currentRoute.step === GroupingMapping_1.RouteStep.MappingsAction ||
         currentRoute.step === GroupingMapping_1.RouteStep.GroupAction ||
         currentRoute.step === GroupingMapping_1.RouteStep.PropertyAction ||
         currentRoute.step === GroupingMapping_1.RouteStep.CalculatedPropertyAction ||
         currentRoute.step === GroupingMapping_1.RouteStep.CustomCalculationPropertyAction;
-    return (react_1.default.createElement(WidgetHeader_1.WidgetHeader, { returnFn: shouldDisableReturnFn ? undefined : goBack, title: currentRoute.title }));
+    return react_1.default.createElement(WidgetHeader_1.WidgetHeader, { returnFn: shouldDisableReturnFn ? undefined : goBack, title: currentRoute.title });
 };
 exports.GroupingMappingHeader = GroupingMappingHeader;
 //# sourceMappingURL=GroupingMappingHeader.js.map

package/lib/cjs/WidgetShell/GroupingMappingHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupingMappingHeader.js","sourceRoot":"","sources":["../../../src/WidgetShell/GroupingMappingHeader.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAE1B,uDAA8C;AAC9C,8DAA2D;AAEpD,MAAM,qBAAqB,GAAG,CAAC,EACpC,MAAM,EACN,YAAY,GAIb,EAAE,EAAE;IACH,MAAM,qBAAqB,GACzB,YAAY,CAAC,IAAI,KAAK,2BAAS,CAAC,QAAQ;QACxC,YAAY,CAAC,IAAI,KAAK,2BAAS,CAAC,cAAc;QAC9C,YAAY,CAAC,IAAI,KAAK,2BAAS,CAAC,WAAW;QAC3C,YAAY,CAAC,IAAI,KAAK,2BAAS,CAAC,cAAc;QAC9C,YAAY,CAAC,IAAI,KAAK,2BAAS,CAAC,wBAAwB;QACxD,YAAY,CAAC,IAAI,KAAK,2BAAS,CAAC,+BAA+B,CAAC;IAClE,OAAO,CACL,8BAAC,2BAAY,IACX,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EACpD,KAAK,EAAE,YAAY,CAAC,KAAK,GACzB,CACH,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,qBAAqB,yBAoBhC","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 { Route } from \"./GroupingMapping\";\nimport { RouteStep } from \"./GroupingMapping\";\nimport { WidgetHeader } from \"./WidgetHeader/WidgetHeader\";\n\nexport const GroupingMappingHeader = ({\n  goBack,\n  currentRoute,\n}: {\n  goBack: () => void;\n  currentRoute: Route;\n}) => {\n  const shouldDisableReturnFn =\n    currentRoute.step === RouteStep.Mappings ||\n    currentRoute.step === RouteStep.MappingsAction ||\n    currentRoute.step === RouteStep.GroupAction ||\n    currentRoute.step === RouteStep.PropertyAction ||\n    currentRoute.step === RouteStep.CalculatedPropertyAction ||\n    currentRoute.step === RouteStep.CustomCalculationPropertyAction;\n  return (\n    <WidgetHeader\n      returnFn={shouldDisableReturnFn ? undefined : goBack}\n      title={currentRoute.title}\n    />\n  );\n};\n"]}
+{"version":3,"file":"GroupingMappingHeader.js","sourceRoot":"","sources":["../../../src/WidgetShell/GroupingMappingHeader.tsx"],"names":[],"mappings":";;;;;;AAAA;;;gGAGgG;AAChG,kDAA0B;AAE1B,uDAA8C;AAC9C,8DAA2D;AAEpD,MAAM,qBAAqB,GAAG,CAAC,EAAE,MAAM,EAAE,YAAY,EAA+C,EAAE,EAAE;IAC7G,MAAM,qBAAqB,GACzB,YAAY,CAAC,IAAI,KAAK,2BAAS,CAAC,QAAQ;QACxC,YAAY,CAAC,IAAI,KAAK,2BAAS,CAAC,cAAc;QAC9C,YAAY,CAAC,IAAI,KAAK,2BAAS,CAAC,WAAW;QAC3C,YAAY,CAAC,IAAI,KAAK,2BAAS,CAAC,cAAc;QAC9C,YAAY,CAAC,IAAI,KAAK,2BAAS,CAAC,wBAAwB;QACxD,YAAY,CAAC,IAAI,KAAK,2BAAS,CAAC,+BAA+B,CAAC;IAClE,OAAO,8BAAC,2BAAY,IAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,GAAI,CAAC;AAC3G,CAAC,CAAC;AATW,QAAA,qBAAqB,yBAShC","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 { Route } from \"./GroupingMapping\";\nimport { RouteStep } from \"./GroupingMapping\";\nimport { WidgetHeader } from \"./WidgetHeader/WidgetHeader\";\n\nexport const GroupingMappingHeader = ({ goBack, currentRoute }: { goBack: () => void; currentRoute: Route }) => {\n  const shouldDisableReturnFn =\n    currentRoute.step === RouteStep.Mappings ||\n    currentRoute.step === RouteStep.MappingsAction ||\n    currentRoute.step === RouteStep.GroupAction ||\n    currentRoute.step === RouteStep.PropertyAction ||\n    currentRoute.step === RouteStep.CalculatedPropertyAction ||\n    currentRoute.step === RouteStep.CustomCalculationPropertyAction;\n  return <WidgetHeader returnFn={shouldDisableReturnFn ? undefined : goBack} title={currentRoute.title} />;\n};\n"]}

package/lib/cjs/WidgetShell/GroupingMappingWidget.d.ts

@@ -1,6 +1,10 @@
 import type { UiItemsProvider, Widget } from "@itwin/appui-react";
 import { StagePanelLocation, StagePanelSection } from "@itwin/appui-react";
 import type { GroupingMappingProps } from "./GroupingMapping";
+/**
+ * UI Provider for Grouping & Mapping Widget
+ * @public
+ */
 export declare class GroupingMappingProvider implements UiItemsProvider {
     private readonly _props;
     readonly id = "GroupingMappingProvider";

package/lib/cjs/WidgetShell/GroupingMappingWidget.js

@@ -7,6 +7,10 @@ exports.GroupingMappingProvider = void 0;
 const appui_react_1 = require("@itwin/appui-react");
 const react_1 = __importDefault(require("react"));
 const GroupingMapping_1 = __importDefault(require("./GroupingMapping"));
+/**
+ * UI Provider for Grouping & Mapping Widget
+ * @public
+ */
 class GroupingMappingProvider {
     constructor(_props = {}) {
         this._props = _props;
@@ -14,9 +18,7 @@ class GroupingMappingProvider {
     }
     provideWidgets(_stageId, stageUsage, location, section) {
         const widgets = [];
-        if (location === appui_react_1.StagePanelLocation.Left &&
-            section === appui_react_1.StagePanelSection.Start &&
-            stageUsage === appui_react_1.StageUsage.General) {
+        if (location === appui_react_1.StagePanelLocation.Left && section === appui_react_1.StagePanelSection.Start && stageUsage === appui_react_1.StageUsage.General) {
             const GroupingMappingWidget = {
                 id: "GroupingMappingWidget",
                 label: "Grouping & Mapping",

package/lib/cjs/WidgetShell/GroupingMappingWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupingMappingWidget.js","sourceRoot":"","sources":["../../../src/WidgetShell/GroupingMappingWidget.tsx"],"names":[],"mappings":";;;;;;AAQA,oDAI4B;AAC5B,kDAA0B;AAE1B,wEAAgD;AAEhD,MAAa,uBAAuB;IAGlC,YAA6B,SAA+B,EAAE;QAAjC,WAAM,GAAN,MAAM,CAA2B;QAF9C,OAAE,GAAG,yBAAyB,CAAC;IAEmB,CAAC;IAE5D,cAAc,CACnB,QAAgB,EAChB,UAAkB,EAClB,QAA4B,EAC5B,OAA2B;QAE3B,MAAM,OAAO,GAAa,EAAE,CAAC;QAC7B,IAAI,QAAQ,KAAK,gCAAkB,CAAC,IAAI;YACpC,OAAO,KAAK,+BAAiB,CAAC,KAAK;YACnC,UAAU,KAAK,wBAAU,CAAC,OAAO,EACnC;YACA,MAAM,qBAAqB,GAAW;gBACpC,EAAE,EAAE,uBAAuB;gBAC3B,KAAK,EAAE,oBAAoB;gBAC3B,OAAO,EAAE,8BAAC,yBAAe,OAAK,IAAI,CAAC,MAAM,GAAI;aAC9C,CAAC;YAEF,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;SACrC;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;CACF;AA3BD,0DA2BC","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 {\n  UiItemsProvider,\n  Widget,\n} from \"@itwin/appui-react\";\nimport {\n  StagePanelLocation,\n  StagePanelSection,\n  StageUsage,\n} from \"@itwin/appui-react\";\nimport React from \"react\";\nimport type { GroupingMappingProps } from \"./GroupingMapping\";\nimport GroupingMapping from \"./GroupingMapping\";\n\nexport class GroupingMappingProvider implements UiItemsProvider {\n  public readonly id = \"GroupingMappingProvider\";\n\n  constructor(private readonly _props: GroupingMappingProps = {}) { }\n\n  public provideWidgets(\n    _stageId: string,\n    stageUsage: string,\n    location: StagePanelLocation,\n    section?: StagePanelSection,\n  ): ReadonlyArray<Widget> {\n    const widgets: Widget[] = [];\n    if (location === StagePanelLocation.Left &&\n        section === StagePanelSection.Start &&\n        stageUsage === StageUsage.General\n    ) {\n      const GroupingMappingWidget: Widget = {\n        id: \"GroupingMappingWidget\",\n        label: \"Grouping & Mapping\",\n        content: <GroupingMapping {...this._props} />,\n      };\n\n      widgets.push(GroupingMappingWidget);\n    }\n\n    return widgets;\n  }\n}\n"]}
+{"version":3,"file":"GroupingMappingWidget.js","sourceRoot":"","sources":["../../../src/WidgetShell/GroupingMappingWidget.tsx"],"names":[],"mappings":";;;;;;AAKA,oDAAuF;AACvF,kDAA0B;AAE1B,wEAAgD;AAEhD;;;GAGG;AACH,MAAa,uBAAuB;IAGlC,YAA6B,SAA+B,EAAE;QAAjC,WAAM,GAAN,MAAM,CAA2B;QAF9C,OAAE,GAAG,yBAAyB,CAAC;IAEkB,CAAC;IAE3D,cAAc,CAAC,QAAgB,EAAE,UAAkB,EAAE,QAA4B,EAAE,OAA2B;QACnH,MAAM,OAAO,GAAa,EAAE,CAAC;QAC7B,IAAI,QAAQ,KAAK,gCAAkB,CAAC,IAAI,IAAI,OAAO,KAAK,+BAAiB,CAAC,KAAK,IAAI,UAAU,KAAK,wBAAU,CAAC,OAAO,EAAE;YACpH,MAAM,qBAAqB,GAAW;gBACpC,EAAE,EAAE,uBAAuB;gBAC3B,KAAK,EAAE,oBAAoB;gBAC3B,OAAO,EAAE,8BAAC,yBAAe,OAAK,IAAI,CAAC,MAAM,GAAI;aAC9C,CAAC;YAEF,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;SACrC;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;CACF;AAnBD,0DAmBC","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 { UiItemsProvider, Widget } from \"@itwin/appui-react\";\nimport { StagePanelLocation, StagePanelSection, StageUsage } from \"@itwin/appui-react\";\nimport React from \"react\";\nimport type { GroupingMappingProps } from \"./GroupingMapping\";\nimport GroupingMapping from \"./GroupingMapping\";\n\n/**\n * UI Provider for Grouping & Mapping Widget\n * @public\n */\nexport class GroupingMappingProvider implements UiItemsProvider {\n  public readonly id = \"GroupingMappingProvider\";\n\n  constructor(private readonly _props: GroupingMappingProps = {}) {}\n\n  public provideWidgets(_stageId: string, stageUsage: string, location: StagePanelLocation, section?: StagePanelSection): ReadonlyArray<Widget> {\n    const widgets: Widget[] = [];\n    if (location === StagePanelLocation.Left && section === StagePanelSection.Start && stageUsage === StageUsage.General) {\n      const GroupingMappingWidget: Widget = {\n        id: \"GroupingMappingWidget\",\n        label: \"Grouping & Mapping\",\n        content: <GroupingMapping {...this._props} />,\n      };\n\n      widgets.push(GroupingMappingWidget);\n    }\n\n    return widgets;\n  }\n}\n"]}

package/lib/cjs/WidgetShell/Router/GroupingMappingRouter.js

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GroupingMappingRouter = void 0;
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 const react_1 = __importDefault(require("react"));
 const GroupingApiConfigContext_1 = require("../../components/context/GroupingApiConfigContext");
 const CustomCalculationAction_1 = require("../../components/Properties/CustomCalculations/CustomCalculationAction");
@@ -38,7 +38,7 @@ const GroupingMappingRouter = ({ currentRoute, navigateTo, goBack, }) => {
                     }));
                 } }));
         case GroupingMapping_1.RouteStep.MappingsAction:
-            return (react_1.default.createElement(MappingAction_1.MappingAction, { mapping: mapping, onClickCancel: goBack, onSaveSuccess: goBack }));
+            return react_1.default.createElement(MappingAction_1.MappingAction, { mapping: mapping, onClickCancel: goBack, onSaveSuccess: goBack });
         case GroupingMapping_1.RouteStep.Groups:
             if (mapping) {
                 return (react_1.default.createElement(GroupsVisualization_1.GroupsVisualization, { mapping: mapping, onClickAddGroup: (qType) => navigateTo((prev) => ({
@@ -69,21 +69,41 @@ const GroupingMappingRouter = ({ currentRoute, navigateTo, goBack, }) => {
             return null;
         case GroupingMapping_1.RouteStep.GroupContextCustomUI:
             if (mapping && group && groupContextCustomUI) {
-                return (react_1.default.createElement(groupContextCustomUI, {
+                return react_1.default.createElement(groupContextCustomUI, {
                     iModelId,
                     mappingId: mapping.id,
                     groupId: group.id,
-                }));
+                });
             }
             return null;
         case GroupingMapping_1.RouteStep.Properties:
             if (mapping && group) {
-                return (react_1.default.createElement(PropertyMenuWithVisualization_1.PropertyMenuWithVisualization, { mapping: mapping, group: group, color: "red", onClickAddGroupProperty: () => navigateTo((prev) => ({ step: GroupingMapping_1.RouteStep.PropertyAction, title: "Add Property", groupingRouteFields: { ...prev?.groupingRouteFields } })), onClickModifyGroupProperty: (gp) => navigateTo((prev) => ({ step: GroupingMapping_1.RouteStep.PropertyAction, title: gp.propertyName, groupingRouteFields: { ...prev?.groupingRouteFields, property: gp } })), onClickAddCalculatedProperty: () => navigateTo((prev) => ({ step: GroupingMapping_1.RouteStep.CalculatedPropertyAction, title: "Create Calculated Property", groupingRouteFields: { ...prev?.groupingRouteFields } })), onClickModifyCalculatedProperty: (cp) => navigateTo((prev) => ({ step: GroupingMapping_1.RouteStep.CalculatedPropertyAction, title: cp.propertyName, groupingRouteFields: { ...prev?.groupingRouteFields, calculatedProperty: cp } })), onClickAddCustomCalculationProperty: () => navigateTo((prev) => ({ step: GroupingMapping_1.RouteStep.CustomCalculationPropertyAction, title: "Create Custom Calculation", groupingRouteFields: { ...prev?.groupingRouteFields } })), onClickModifyCustomCalculation: (cc) => navigateTo((prev) => ({ step: GroupingMapping_1.RouteStep.CustomCalculationPropertyAction, title: cc.propertyName, groupingRouteFields: { ...prev?.groupingRouteFields, customCalculation: cc } })) }));
+                return (react_1.default.createElement(PropertyMenuWithVisualization_1.PropertyMenuWithVisualization, { mapping: mapping, group: group, color: "red", onClickAddGroupProperty: () => navigateTo((prev) => ({ step: GroupingMapping_1.RouteStep.PropertyAction, title: "Add Property", groupingRouteFields: { ...prev?.groupingRouteFields } })), onClickModifyGroupProperty: (gp) => navigateTo((prev) => ({
+                        step: GroupingMapping_1.RouteStep.PropertyAction,
+                        title: gp.propertyName,
+                        groupingRouteFields: { ...prev?.groupingRouteFields, property: gp },
+                    })), onClickAddCalculatedProperty: () => navigateTo((prev) => ({
+                        step: GroupingMapping_1.RouteStep.CalculatedPropertyAction,
+                        title: "Create Calculated Property",
+                        groupingRouteFields: { ...prev?.groupingRouteFields },
+                    })), onClickModifyCalculatedProperty: (cp) => navigateTo((prev) => ({
+                        step: GroupingMapping_1.RouteStep.CalculatedPropertyAction,
+                        title: cp.propertyName,
+                        groupingRouteFields: { ...prev?.groupingRouteFields, calculatedProperty: cp },
+                    })), onClickAddCustomCalculationProperty: () => navigateTo((prev) => ({
+                        step: GroupingMapping_1.RouteStep.CustomCalculationPropertyAction,
+                        title: "Create Custom Calculation",
+                        groupingRouteFields: { ...prev?.groupingRouteFields },
+                    })), onClickModifyCustomCalculation: (cc) => navigateTo((prev) => ({
+                        step: GroupingMapping_1.RouteStep.CustomCalculationPropertyAction,
+                        title: cc.propertyName,
+                        groupingRouteFields: { ...prev?.groupingRouteFields, customCalculation: cc },
+                    })) }));
             }
             return null;
         case GroupingMapping_1.RouteStep.PropertyAction: {
             if (mapping && group) {
-                return (react_1.default.createElement(GroupPropertyAction_1.GroupPropertyAction, { mappingId: mapping.id, group: group, groupProperty: property, onSaveSuccess: goBack, onClickCancel: goBack }));
+                return react_1.default.createElement(GroupPropertyAction_1.GroupPropertyAction, { mappingId: mapping.id, group: group, groupProperty: property, onSaveSuccess: goBack, onClickCancel: goBack });
             }
             return null;
         }

package/lib/cjs/WidgetShell/Router/GroupingMappingRouter.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupingMappingRouter.js","sourceRoot":"","sources":["../../../../src/WidgetShell/Router/GroupingMappingRouter.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 { useGroupingMappingApiConfig } from \"../../components/context/GroupingApiConfigContext\";\nimport { CustomCalculationAction } from \"../../components/Properties/CustomCalculations/CustomCalculationAction\";\nimport { GroupAction } from \"../../components/Groups/Editing/GroupAction\";\nimport type { Route } from \"../GroupingMapping\";\nimport { RouteStep } from \"../GroupingMapping\";\nimport { GroupPropertyAction } from \"../../components/Properties/GroupProperties/GroupPropertyAction\";\nimport { Mappings } from \"../../components/Mappings/Mappings\";\nimport { MappingAction } from \"../../components/Mappings/Editing/MappingAction\";\nimport { CalculatedPropertyActionWithVisuals } from \"../../components/Properties/CalculatedProperties/CalculatedPropertyActionWithVisuals\";\nimport { PropertyMenuWithVisualization } from \"../../components/Properties/PropertyMenuWithVisualization\";\nimport { GroupsVisualization } from \"../../components/Groups/GroupsVisualization\";\n\nexport const GroupingMappingRouter = ({\n  currentRoute,\n  navigateTo,\n  goBack,\n}: {\n  currentRoute: Route;\n  navigateTo: (toRoute: (prev: Route | undefined) => Route) => void;\n  goBack: () => void;\n}) => {\n  const { iModelId } = useGroupingMappingApiConfig();\n  const { mapping, group, property, calculatedProperty, customCalculation, groupContextCustomUI, queryGenerationType } = currentRoute.groupingRouteFields;\n\n  switch (currentRoute.step) {\n    case RouteStep.Mappings:\n      return (\n        <Mappings\n          onClickAddMapping={() =>\n            navigateTo(() => ({ step: RouteStep.MappingsAction, title: \"Add Mapping\", groupingRouteFields: {} }))\n          }\n          onClickMappingTitle={(mapping) => {\n            navigateTo(() => ({\n              step: RouteStep.Groups,\n              groupingRouteFields: { mapping },\n              title: mapping.mappingName,\n            }));\n          }}\n          onClickMappingModify={(mapping) => {\n            navigateTo(() => ({\n              step: RouteStep.MappingsAction,\n              groupingRouteFields: { mapping },\n              title: mapping.mappingName,\n            }));\n          }}\n        />);\n    case RouteStep.MappingsAction:\n      return (<MappingAction mapping={mapping} onClickCancel={goBack} onSaveSuccess={goBack} />);\n    case RouteStep.Groups:\n      if (mapping) {\n        return (\n          <GroupsVisualization\n            mapping={mapping}\n            onClickAddGroup={(qType) =>\n              navigateTo((prev) => ({\n                step: RouteStep.GroupAction,\n                groupingRouteFields: { ...prev?.groupingRouteFields, queryGenerationType: qType },\n                title: \"Add Group\",\n              }))\n            }\n            onClickGroupTitle={(g) =>\n              navigateTo((prev) => ({\n                step: RouteStep.Properties,\n                title: g.groupName,\n                groupingRouteFields: { ...prev?.groupingRouteFields, group: g },\n              }))\n            }\n            onClickGroupModify={(g, qType) =>\n              navigateTo((prev) => ({\n                step: RouteStep.GroupAction,\n                title: g.groupName,\n                groupingRouteFields: { ...prev?.groupingRouteFields, group: g, queryGenerationType: qType },\n              }))\n            }\n            onClickRenderContextCustomUI={(ccUI, g, displayLabel) =>\n              navigateTo((prev) => ({\n                step: RouteStep.GroupContextCustomUI,\n                title: displayLabel,\n                groupingRouteFields: { ...prev?.groupingRouteFields, group: g, groupContextCustomUI: ccUI },\n              }))\n            }\n          />\n        );\n      }\n      return null;\n    case RouteStep.GroupAction:\n      if (mapping) {\n        if (queryGenerationType) {\n          return (\n            <GroupAction\n              shouldVisualize\n              mappingId={mapping.id}\n              group={group}\n              onClickCancel={goBack}\n              onSaveSuccess={goBack}\n              queryGenerationType={queryGenerationType}\n            />\n          );\n        }\n      }\n      return null;\n    case RouteStep.GroupContextCustomUI:\n      if (mapping && group && groupContextCustomUI) {\n        return (\n          React.createElement(groupContextCustomUI, {\n            iModelId,\n            mappingId: mapping.id,\n            groupId: group.id,\n          })\n        );\n      }\n      return null;\n    case RouteStep.Properties:\n      if (mapping && group) {\n        return (\n          <PropertyMenuWithVisualization\n            mapping={mapping}\n            group={group}\n            color=\"red\"\n            onClickAddGroupProperty={() =>\n              navigateTo((prev) => ({ step: RouteStep.PropertyAction, title: \"Add Property\", groupingRouteFields: { ...prev?.groupingRouteFields } }))\n            }\n            onClickModifyGroupProperty={(gp) =>\n              navigateTo((prev) => ({ step: RouteStep.PropertyAction, title: gp.propertyName, groupingRouteFields: { ...prev?.groupingRouteFields, property: gp } }))\n            }\n            onClickAddCalculatedProperty={() =>\n              navigateTo((prev) => ({ step: RouteStep.CalculatedPropertyAction, title: \"Create Calculated Property\", groupingRouteFields: { ...prev?.groupingRouteFields } }))\n            }\n            onClickModifyCalculatedProperty={(cp) =>\n              navigateTo((prev) => ({ step: RouteStep.CalculatedPropertyAction, title: cp.propertyName, groupingRouteFields: { ...prev?.groupingRouteFields, calculatedProperty: cp } }))\n            }\n            onClickAddCustomCalculationProperty={() =>\n              navigateTo((prev) => ({ step: RouteStep.CustomCalculationPropertyAction, title: \"Create Custom Calculation\", groupingRouteFields: { ...prev?.groupingRouteFields } }))\n            }\n            onClickModifyCustomCalculation={(cc) =>\n              navigateTo((prev) => ({ step: RouteStep.CustomCalculationPropertyAction, title: cc.propertyName, groupingRouteFields: { ...prev?.groupingRouteFields, customCalculation: cc } }))\n            }\n          />\n        );\n      }\n      return null;\n    case RouteStep.PropertyAction: {\n      if (mapping && group) {\n        return (\n          <GroupPropertyAction\n            mappingId={mapping.id}\n            group={group}\n            groupProperty={property}\n            onSaveSuccess={goBack}\n            onClickCancel={goBack}\n          />\n        );\n      }\n      return null;\n    }\n    case RouteStep.CalculatedPropertyAction: {\n      if (mapping && group) {\n        return (\n          <CalculatedPropertyActionWithVisuals\n            mappingId={mapping.id}\n            group={group}\n            calculatedProperty={calculatedProperty}\n            onSaveSuccess={goBack}\n            onClickCancel={goBack}\n          />\n        );\n      }\n      return null;\n    }\n    case RouteStep.CustomCalculationPropertyAction: {\n      if (mapping && group) {\n        return (\n          <CustomCalculationAction\n            mappingId={mapping.id}\n            groupId={group.id}\n            customCalculation={customCalculation}\n            onSaveSuccess={goBack}\n            onClickCancel={goBack}\n          />\n        );\n      }\n      return null;\n    }\n    default:\n      return null;\n  }\n};\n"]}
+{"version":3,"file":"GroupingMappingRouter.js","sourceRoot":"","sources":["../../../../src/WidgetShell/Router/GroupingMappingRouter.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 { useGroupingMappingApiConfig } from \"../../components/context/GroupingApiConfigContext\";\nimport { CustomCalculationAction } from \"../../components/Properties/CustomCalculations/CustomCalculationAction\";\nimport { GroupAction } from \"../../components/Groups/Editing/GroupAction\";\nimport type { Route } from \"../GroupingMapping\";\nimport { RouteStep } from \"../GroupingMapping\";\nimport { GroupPropertyAction } from \"../../components/Properties/GroupProperties/GroupPropertyAction\";\nimport { Mappings } from \"../../components/Mappings/Mappings\";\nimport { MappingAction } from \"../../components/Mappings/Editing/MappingAction\";\nimport { CalculatedPropertyActionWithVisuals } from \"../../components/Properties/CalculatedProperties/CalculatedPropertyActionWithVisuals\";\nimport { PropertyMenuWithVisualization } from \"../../components/Properties/PropertyMenuWithVisualization\";\nimport { GroupsVisualization } from \"../../components/Groups/GroupsVisualization\";\n\nexport const GroupingMappingRouter = ({\n  currentRoute,\n  navigateTo,\n  goBack,\n}: {\n  currentRoute: Route;\n  navigateTo: (toRoute: (prev: Route | undefined) => Route) => void;\n  goBack: () => void;\n}) => {\n  const { iModelId } = useGroupingMappingApiConfig();\n  const { mapping, group, property, calculatedProperty, customCalculation, groupContextCustomUI, queryGenerationType } = currentRoute.groupingRouteFields;\n\n  switch (currentRoute.step) {\n    case RouteStep.Mappings:\n      return (\n        <Mappings\n          onClickAddMapping={() => navigateTo(() => ({ step: RouteStep.MappingsAction, title: \"Add Mapping\", groupingRouteFields: {} }))}\n          onClickMappingTitle={(mapping) => {\n            navigateTo(() => ({\n              step: RouteStep.Groups,\n              groupingRouteFields: { mapping },\n              title: mapping.mappingName,\n            }));\n          }}\n          onClickMappingModify={(mapping) => {\n            navigateTo(() => ({\n              step: RouteStep.MappingsAction,\n              groupingRouteFields: { mapping },\n              title: mapping.mappingName,\n            }));\n          }}\n        />\n      );\n    case RouteStep.MappingsAction:\n      return <MappingAction mapping={mapping} onClickCancel={goBack} onSaveSuccess={goBack} />;\n    case RouteStep.Groups:\n      if (mapping) {\n        return (\n          <GroupsVisualization\n            mapping={mapping}\n            onClickAddGroup={(qType) =>\n              navigateTo((prev) => ({\n                step: RouteStep.GroupAction,\n                groupingRouteFields: { ...prev?.groupingRouteFields, queryGenerationType: qType },\n                title: \"Add Group\",\n              }))\n            }\n            onClickGroupTitle={(g) =>\n              navigateTo((prev) => ({\n                step: RouteStep.Properties,\n                title: g.groupName,\n                groupingRouteFields: { ...prev?.groupingRouteFields, group: g },\n              }))\n            }\n            onClickGroupModify={(g, qType) =>\n              navigateTo((prev) => ({\n                step: RouteStep.GroupAction,\n                title: g.groupName,\n                groupingRouteFields: { ...prev?.groupingRouteFields, group: g, queryGenerationType: qType },\n              }))\n            }\n            onClickRenderContextCustomUI={(ccUI, g, displayLabel) =>\n              navigateTo((prev) => ({\n                step: RouteStep.GroupContextCustomUI,\n                title: displayLabel,\n                groupingRouteFields: { ...prev?.groupingRouteFields, group: g, groupContextCustomUI: ccUI },\n              }))\n            }\n          />\n        );\n      }\n      return null;\n    case RouteStep.GroupAction:\n      if (mapping) {\n        if (queryGenerationType) {\n          return (\n            <GroupAction\n              shouldVisualize\n              mappingId={mapping.id}\n              group={group}\n              onClickCancel={goBack}\n              onSaveSuccess={goBack}\n              queryGenerationType={queryGenerationType}\n            />\n          );\n        }\n      }\n      return null;\n    case RouteStep.GroupContextCustomUI:\n      if (mapping && group && groupContextCustomUI) {\n        return React.createElement(groupContextCustomUI, {\n          iModelId,\n          mappingId: mapping.id,\n          groupId: group.id,\n        });\n      }\n      return null;\n    case RouteStep.Properties:\n      if (mapping && group) {\n        return (\n          <PropertyMenuWithVisualization\n            mapping={mapping}\n            group={group}\n            color=\"red\"\n            onClickAddGroupProperty={() =>\n              navigateTo((prev) => ({ step: RouteStep.PropertyAction, title: \"Add Property\", groupingRouteFields: { ...prev?.groupingRouteFields } }))\n            }\n            onClickModifyGroupProperty={(gp) =>\n              navigateTo((prev) => ({\n                step: RouteStep.PropertyAction,\n                title: gp.propertyName,\n                groupingRouteFields: { ...prev?.groupingRouteFields, property: gp },\n              }))\n            }\n            onClickAddCalculatedProperty={() =>\n              navigateTo((prev) => ({\n                step: RouteStep.CalculatedPropertyAction,\n                title: \"Create Calculated Property\",\n                groupingRouteFields: { ...prev?.groupingRouteFields },\n              }))\n            }\n            onClickModifyCalculatedProperty={(cp) =>\n              navigateTo((prev) => ({\n                step: RouteStep.CalculatedPropertyAction,\n                title: cp.propertyName,\n                groupingRouteFields: { ...prev?.groupingRouteFields, calculatedProperty: cp },\n              }))\n            }\n            onClickAddCustomCalculationProperty={() =>\n              navigateTo((prev) => ({\n                step: RouteStep.CustomCalculationPropertyAction,\n                title: \"Create Custom Calculation\",\n                groupingRouteFields: { ...prev?.groupingRouteFields },\n              }))\n            }\n            onClickModifyCustomCalculation={(cc) =>\n              navigateTo((prev) => ({\n                step: RouteStep.CustomCalculationPropertyAction,\n                title: cc.propertyName,\n                groupingRouteFields: { ...prev?.groupingRouteFields, customCalculation: cc },\n              }))\n            }\n          />\n        );\n      }\n      return null;\n    case RouteStep.PropertyAction: {\n      if (mapping && group) {\n        return <GroupPropertyAction mappingId={mapping.id} group={group} groupProperty={property} onSaveSuccess={goBack} onClickCancel={goBack} />;\n      }\n      return null;\n    }\n    case RouteStep.CalculatedPropertyAction: {\n      if (mapping && group) {\n        return (\n          <CalculatedPropertyActionWithVisuals\n            mappingId={mapping.id}\n            group={group}\n            calculatedProperty={calculatedProperty}\n            onSaveSuccess={goBack}\n            onClickCancel={goBack}\n          />\n        );\n      }\n      return null;\n    }\n    case RouteStep.CustomCalculationPropertyAction: {\n      if (mapping && group) {\n        return (\n          <CustomCalculationAction\n            mappingId={mapping.id}\n            groupId={group.id}\n            customCalculation={customCalculation}\n            onSaveSuccess={goBack}\n            onClickCancel={goBack}\n          />\n        );\n      }\n      return null;\n    }\n    default:\n      return null;\n  }\n};\n"]}