@itwin/grouping-mapping-widget 0.19.1 → 0.20.0

package/README.md

@@ -38,7 +38,7 @@ This package provides an interface to define your own custom UI or callback func
 
 You can use your own UI component to define group creation method.
 
-An example of grouping custom UI, [ManualGroupingCustomUI](./src/widget/components/customUI/ManualGroupingCustomUI.tsx) helps user to manually define ECSQL query for groups.
+An example of grouping custom UI, [ManualGroupingCustomUI](./src/components/customUI/ManualGroupingCustomUI.tsx) helps user to manually define ECSQL query for groups.
 
 In `GroupingCustomUIProps`:
 

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

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import type { CalculatedProperty, CustomCalculation, Group, GroupProperty, Mapping } from "@itwin/insights-client";
+import type { GroupingMappingContextProps } from "../components/GroupingMappingContext";
+import "./GroupingMapping.scss";
+import type { ContextCustomUI } from "../components/customUI/GroupingMappingCustomUI";
+export declare type GroupingMappingProps = Omit<GroupingMappingContextProps, "iModelId">;
+export declare enum RouteStep {
+    Mappings = 0,
+    MappingsAction = 1,
+    Groups = 2,
+    GroupAction = 3,
+    GroupContextCustomUI = 4,
+    Properties = 5,
+    PropertyAction = 6,
+    CalculatedPropertyAction = 7,
+    CustomCalculationPropertyAction = 8
+}
+export interface Route {
+    step: RouteStep;
+    title: string;
+    groupingRouteFields: GroupingRouteFields;
+}
+export interface GroupingRouteFields {
+    mapping?: Mapping;
+    group?: Group;
+    property?: GroupProperty;
+    calculatedProperty?: CalculatedProperty;
+    customCalculation?: CustomCalculation;
+    groupContextCustomUI?: Exclude<ContextCustomUI["uiComponent"], undefined>;
+    queryGenerationType?: string;
+}
+declare const GroupingMapping: (props: GroupingMappingProps) => JSX.Element;
+export default GroupingMapping;
+//# sourceMappingURL=GroupingMapping.d.ts.map

package/lib/cjs/WidgetShell/GroupingMapping.js

@@ -0,0 +1,79 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RouteStep = void 0;
+const react_1 = __importStar(require("react"));
+const GroupingMappingContext_1 = require("../components/GroupingMappingContext");
+require("./GroupingMapping.scss");
+const appui_react_1 = require("@itwin/appui-react");
+const GroupingMappingCustomUI_1 = require("../components/customUI/GroupingMappingCustomUI");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const GroupingMappingContent_1 = require("./GroupingMappingContent");
+const GroupingMappingHeader_1 = require("./GroupingMappingHeader");
+const DefaultGroupingUI_1 = require("../components/customUI/DefaultGroupingUI");
+var RouteStep;
+(function (RouteStep) {
+    RouteStep[RouteStep["Mappings"] = 0] = "Mappings";
+    RouteStep[RouteStep["MappingsAction"] = 1] = "MappingsAction";
+    RouteStep[RouteStep["Groups"] = 2] = "Groups";
+    RouteStep[RouteStep["GroupAction"] = 3] = "GroupAction";
+    RouteStep[RouteStep["GroupContextCustomUI"] = 4] = "GroupContextCustomUI";
+    RouteStep[RouteStep["Properties"] = 5] = "Properties";
+    RouteStep[RouteStep["PropertyAction"] = 6] = "PropertyAction";
+    RouteStep[RouteStep["CalculatedPropertyAction"] = 7] = "CalculatedPropertyAction";
+    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 currentRoute = routingHistory[routingHistory.length - 1];
+    const iModelId = (0, appui_react_1.useActiveIModelConnection)()?.iModelId ?? "";
+    const navigateTo = (0, react_1.useCallback)((toRoute) => {
+        setRoutingHistory((r) => [...r, toRoute(r[r.length - 1])]);
+    }, []);
+    const goBack = (0, react_1.useCallback)(() => {
+        const updatedRouting = [...routingHistory];
+        updatedRouting.pop();
+        setRoutingHistory(updatedRouting);
+    }, [routingHistory]);
+    const injectedCustomUI = (0, react_1.useMemo)(() => [
+        {
+            name: "Properties",
+            displayLabel: "Properties",
+            type: GroupingMappingCustomUI_1.GroupingMappingCustomUIType.Context,
+            icon: react_1.default.createElement(itwinui_icons_react_1.SvgList, null),
+            onClick: (group) => navigateTo((prev) => ({
+                step: RouteStep.Properties,
+                title: group.groupName,
+                groupingRouteFields: { ...prev?.groupingRouteFields, group },
+            })),
+        },
+        // No group UI's provided means the widget provides its own
+        ...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" },
+            react_1.default.createElement(GroupingMappingHeader_1.GroupingMappingHeader, { goBack: goBack, currentRoute: currentRoute }),
+            react_1.default.createElement(GroupingMappingContent_1.GroupingMappingContent, { routingHistory: routingHistory, navigateTo: navigateTo, goBack: goBack }))));
+};
+exports.default = GroupingMapping;
+//# sourceMappingURL=GroupingMapping.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupingMapping.js","sourceRoot":"","sources":["../../../src/WidgetShell/GroupingMapping.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAWA,+CAA8D;AAE9D,iFAA8E;AAC9E,kCAAgC;AAChC,oDAA+D;AAK/D,4FAA6F;AAC7F,oEAEoC;AACpC,qEAAkE;AAClE,mEAAgE;AAChE,gFAA6E;AAI7E,IAAY,SAUX;AAVD,WAAY,SAAS;IACnB,iDAAQ,CAAA;IACR,6DAAc,CAAA;IACd,6CAAM,CAAA;IACN,uDAAW,CAAA;IACX,yEAAoB,CAAA;IACpB,qDAAU,CAAA;IACV,6DAAc,CAAA;IACd,iFAAwB,CAAA;IACxB,+FAA+B,CAAA;AACjC,CAAC,EAVW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAUpB;AAkBD,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IACtD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAU;QAC5D,EAAE,IAAI,EAAE,SAAS,CAAC,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,EAAE,EAAE;KACxE,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC/D,MAAM,QAAQ,GAAG,IAAA,uCAAyB,GAAE,EAAE,QAAQ,IAAI,EAAE,CAAC;IAC7D,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,CAAC,OAA2C,EAAE,EAAE;QAC7E,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC9B,MAAM,cAAc,GAAG,CAAC,GAAG,cAAc,CAAC,CAAC;QAC3C,cAAc,CAAC,GAAG,EAAE,CAAC;QACrB,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAC9B,GAAG,EAAE,CAAC;QACJ;YACE,IAAI,EAAE,YAAY;YAClB,YAAY,EAAE,YAAY;YAC1B,IAAI,EAAE,qDAA2B,CAAC,OAAO;YACzC,IAAI,EAAE,8BAAC,6BAAO,OAAG;YACjB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CACjB,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBACpB,IAAI,EAAE,SAAS,CAAC,UAAU;gBAC1B,KAAK,EAAE,KAAK,CAAC,SAAS;gBACtB,mBAAmB,EAAE,EAAE,GAAG,IAAI,EAAE,mBAAmB,EAAE,KAAK,EAAE;aAC7D,CAAC,CAAC;SACN;QACD,2DAA2D;QAC3D,GAAG,KAAK,CAAC,SAAS,IAAI,qCAAiB;KACxC,EACD,CAAC,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC,CAC9B,CAAC;IAEF,OAAO,CACL,8BAAC,+CAAsB,IACrB,QAAQ,EAAE,QAAQ,KACd,KAAK,EACT,SAAS,EAAE,gBAAgB;QAE3B,uCAAK,SAAS,EAAC,6BAA6B;YAC1C,8BAAC,6CAAqB,IACpB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,GAC1B;YACF,8BAAC,+CAAsB,IACrB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACE,CACiB,CAC1B,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 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 iModelId = useActiveIModelConnection()?.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"]}

package/lib/cjs/WidgetShell/GroupingMappingContent.js

@@ -0,0 +1,51 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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.
+*--------------------------------------------------------------------------------------------*/
+const react_1 = __importStar(require("react"));
+const GroupHilitedElementsContext_1 = require("../components/context/GroupHilitedElementsContext");
+const PropertiesContext_1 = require("../components/context/PropertiesContext");
+const GroupingMappingRouter_1 = require("./Router/GroupingMappingRouter");
+const viewerUtils_1 = require("../common/viewerUtils");
+const GroupingMappingContent = ({ routingHistory, navigateTo, goBack, }) => {
+    const { setShowGroupColor, setHiddenGroupsIds } = (0, GroupHilitedElementsContext_1.useGroupHilitedElementsContext)();
+    const { setShowGroupColor: setPropertiesShowGroup } = (0, PropertiesContext_1.usePropertiesContext)();
+    const currentRoute = routingHistory[routingHistory.length - 1];
+    // Clean up group visualization when in mappings
+    (0, react_1.useEffect)(() => {
+        if (routingHistory.length === 1) {
+            setShowGroupColor(false);
+            setHiddenGroupsIds(new Set());
+            (0, viewerUtils_1.clearAll)();
+            // Turn off visualiztion in properties menu
+        }
+        else if (routingHistory.length === 2) {
+            setPropertiesShowGroup(false);
+        }
+    }, [routingHistory, setHiddenGroupsIds, setPropertiesShowGroup, setShowGroupColor]);
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupingMappingContent.js","sourceRoot":"","sources":["../../../src/WidgetShell/GroupingMappingContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAAyC;AACzC,mGAAmG;AACnG,+EAA+E;AAE/E,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,wCAAoB,GAAE,CAAC;IAC7E,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 { usePropertiesContext } from \"../components/context/PropertiesContext\";\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 } = usePropertiesContext();\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"]}

package/lib/cjs/WidgetShell/GroupingMappingHeader.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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.
+*--------------------------------------------------------------------------------------------*/
+const react_1 = __importDefault(require("react"));
+const GroupingMapping_1 = require("./GroupingMapping");
+const WidgetHeader_1 = require("./WidgetHeader/WidgetHeader");
+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 }));
+};
+exports.GroupingMappingHeader = GroupingMappingHeader;
+//# sourceMappingURL=GroupingMappingHeader.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,10 @@
+import type { UiItemsProvider, Widget } from "@itwin/appui-react";
+import { StagePanelLocation, StagePanelSection } from "@itwin/appui-react";
+import type { GroupingMappingProps } from "./GroupingMapping";
+export declare class GroupingMappingProvider implements UiItemsProvider {
+    private readonly _props;
+    readonly id = "GroupingMappingProvider";
+    constructor(_props?: GroupingMappingProps);
+    provideWidgets(_stageId: string, stageUsage: string, location: StagePanelLocation, section?: StagePanelSection): ReadonlyArray<Widget>;
+}
+//# sourceMappingURL=GroupingMappingWidget.d.ts.map

package/lib/cjs/WidgetShell/GroupingMappingWidget.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupingMappingProvider = void 0;
+const appui_react_1 = require("@itwin/appui-react");
+const react_1 = __importDefault(require("react"));
+const GroupingMapping_1 = __importDefault(require("./GroupingMapping"));
+class GroupingMappingProvider {
+    constructor(_props = {}) {
+        this._props = _props;
+        this.id = "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) {
+            const GroupingMappingWidget = {
+                id: "GroupingMappingWidget",
+                label: "Grouping & Mapping",
+                content: react_1.default.createElement(GroupingMapping_1.default, { ...this._props }),
+            };
+            widgets.push(GroupingMappingWidget);
+        }
+        return widgets;
+    }
+}
+exports.GroupingMappingProvider = GroupingMappingProvider;
+//# sourceMappingURL=GroupingMappingWidget.js.map

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

@@ -0,0 +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"]}

package/lib/cjs/WidgetShell/Router/GroupingMappingRouter.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { Route } from "../GroupingMapping";
+export declare const GroupingMappingRouter: ({ currentRoute, navigateTo, goBack, }: {
+    currentRoute: Route;
+    navigateTo: (toRoute: (prev: Route | undefined) => Route) => void;
+    goBack: () => void;
+}) => JSX.Element | null;
+//# sourceMappingURL=GroupingMappingRouter.d.ts.map

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

@@ -0,0 +1,107 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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.
+*--------------------------------------------------------------------------------------------*/
+const react_1 = __importDefault(require("react"));
+const GroupingApiConfigContext_1 = require("../../components/context/GroupingApiConfigContext");
+const CustomCalculationAction_1 = require("../../components/Properties/CustomCalculations/CustomCalculationAction");
+const GroupAction_1 = require("../../components/Groups/Editing/GroupAction");
+const GroupingMapping_1 = require("../GroupingMapping");
+const GroupPropertyAction_1 = require("../../components/Properties/GroupProperties/GroupPropertyAction");
+const Mappings_1 = require("../../components/Mappings/Mappings");
+const MappingAction_1 = require("../../components/Mappings/Editing/MappingAction");
+const CalculatedPropertyActionWithVisuals_1 = require("../../components/Properties/CalculatedProperties/CalculatedPropertyActionWithVisuals");
+const PropertyMenuWithVisualization_1 = require("../../components/Properties/PropertyMenuWithVisualization");
+const GroupsVisualization_1 = require("../../components/Groups/GroupsVisualization");
+const GroupingMappingRouter = ({ currentRoute, navigateTo, goBack, }) => {
+    const { iModelId } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
+    const { mapping, group, property, calculatedProperty, customCalculation, groupContextCustomUI, queryGenerationType } = currentRoute.groupingRouteFields;
+    switch (currentRoute.step) {
+        case GroupingMapping_1.RouteStep.Mappings:
+            return (react_1.default.createElement(Mappings_1.Mappings, { onClickAddMapping: () => navigateTo(() => ({ step: GroupingMapping_1.RouteStep.MappingsAction, title: "Add Mapping", groupingRouteFields: {} })), onClickMappingTitle: (mapping) => {
+                    navigateTo(() => ({
+                        step: GroupingMapping_1.RouteStep.Groups,
+                        groupingRouteFields: { mapping },
+                        title: mapping.mappingName,
+                    }));
+                }, onClickMappingModify: (mapping) => {
+                    navigateTo(() => ({
+                        step: GroupingMapping_1.RouteStep.MappingsAction,
+                        groupingRouteFields: { mapping },
+                        title: mapping.mappingName,
+                    }));
+                } }));
+        case GroupingMapping_1.RouteStep.MappingsAction:
+            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) => ({
+                        step: GroupingMapping_1.RouteStep.GroupAction,
+                        groupingRouteFields: { ...prev?.groupingRouteFields, queryGenerationType: qType },
+                        title: "Add Group",
+                    })), onClickGroupTitle: (g) => navigateTo((prev) => ({
+                        step: GroupingMapping_1.RouteStep.Properties,
+                        title: g.groupName,
+                        groupingRouteFields: { ...prev?.groupingRouteFields, group: g },
+                    })), onClickGroupModify: (g, qType) => navigateTo((prev) => ({
+                        step: GroupingMapping_1.RouteStep.GroupAction,
+                        title: g.groupName,
+                        groupingRouteFields: { ...prev?.groupingRouteFields, group: g, queryGenerationType: qType },
+                    })), onClickRenderContextCustomUI: (ccUI, g, displayLabel) => navigateTo((prev) => ({
+                        step: GroupingMapping_1.RouteStep.GroupContextCustomUI,
+                        title: displayLabel,
+                        groupingRouteFields: { ...prev?.groupingRouteFields, group: g, groupContextCustomUI: ccUI },
+                    })) }));
+            }
+            return null;
+        case GroupingMapping_1.RouteStep.GroupAction:
+            if (mapping) {
+                if (queryGenerationType) {
+                    return (react_1.default.createElement(GroupAction_1.GroupAction, { shouldVisualize: true, mappingId: mapping.id, group: group, onClickCancel: goBack, onSaveSuccess: goBack, queryGenerationType: queryGenerationType }));
+                }
+            }
+            return null;
+        case GroupingMapping_1.RouteStep.GroupContextCustomUI:
+            if (mapping && group && 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 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 null;
+        }
+        case GroupingMapping_1.RouteStep.CalculatedPropertyAction: {
+            if (mapping && group) {
+                return (react_1.default.createElement(CalculatedPropertyActionWithVisuals_1.CalculatedPropertyActionWithVisuals, { mappingId: mapping.id, group: group, calculatedProperty: calculatedProperty, onSaveSuccess: goBack, onClickCancel: goBack }));
+            }
+            return null;
+        }
+        case GroupingMapping_1.RouteStep.CustomCalculationPropertyAction: {
+            if (mapping && group) {
+                return (react_1.default.createElement(CustomCalculationAction_1.CustomCalculationAction, { mappingId: mapping.id, groupId: group.id, customCalculation: customCalculation, onSaveSuccess: goBack, onClickCancel: goBack }));
+            }
+            return null;
+        }
+        default:
+            return null;
+    }
+};
+exports.GroupingMappingRouter = GroupingMappingRouter;
+//# sourceMappingURL=GroupingMappingRouter.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetHeader.js","sourceRoot":"","sources":["../../../../src/WidgetShell/WidgetHeader/WidgetHeader.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,oEAA4D;AAC5D,wDAAkD;AAClD,+BAA6B;AAC7B,kDAA0B;AAQnB,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GACU,EAAE,EAAE;IACtB,OAAO,CACL,uCAAK,SAAS,EAAC,6BAA6B;QACzC,QAAQ,IAAI,CACX,8BAAC,oBAAI,IACH,SAAS,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,aAAa,EAAE,EACjE,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACxC,KAAK,EAAC,MAAM;YAEZ,8BAAC,oCAAc,OAAG,CACb,CACR;QACD,8BAAC,oBAAI,IAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,IACxC,KAAK,CACD,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,YAAY,gBAsBvB","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 { SvgChevronLeft } from \"@itwin/itwinui-icons-react\";\nimport { Icon, Text } from \"@itwin/itwinui-react\";\nimport \"./WidgetHeader.scss\";\nimport React from \"react\";\n\nexport interface WidgetHeaderProps {\n  title: string;\n  disabled?: boolean;\n  returnFn?: () => void;\n}\n\nexport const WidgetHeader = ({\n  title,\n  disabled = false,\n  returnFn,\n}: WidgetHeaderProps) => {\n  return (\n    <div className='gmw-widget-header-container'>\n      {returnFn && (\n        <Icon\n          className={`${disabled ? \"gmw-chevron-disabled\" : \"gmw-chevron\"}`}\n          size=\"large\"\n          onClick={disabled ? undefined : returnFn}\n          title='Back'\n        >\n          <SvgChevronLeft />\n        </Icon>\n      )}\n      <Text className='gmw-title' variant='title'>\n        {title}\n      </Text>\n    </div>\n  );\n};\n"]}

package/lib/cjs/common/utils.d.ts

@@ -0,0 +1,11 @@
+import type { IModelConnection } from "@itwin/core-frontend";
+export declare type CreateTypeFromInterface<Interface> = {
+    [Property in keyof Interface]: Interface[Property];
+};
+export declare function debounce<F extends (...args: any[]) => void>(f: F, delay: number): (...args: any[]) => void;
+export declare const fetchIdsFromQuery: (query: string, iModelConnection: IModelConnection) => Promise<string[]>;
+export declare const getErrorMessage: (errorStatus: number) => string;
+export declare const handleError: (errorStatus: number) => void;
+export declare const handleInputChange: <T>(e: React.ChangeEvent<HTMLInputElement>, values: T, setValues: (newValues: T) => void) => void;
+export declare const enableExperimentalFeatures: (iModelConnection: IModelConnection) => Promise<void>;
+//# sourceMappingURL=utils.d.ts.map

package/lib/cjs/common/utils.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.enableExperimentalFeatures = exports.handleInputChange = exports.handleError = exports.getErrorMessage = exports.fetchIdsFromQuery = exports.debounce = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const core_common_1 = require("@itwin/core-common");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+function debounce(f, delay) {
+    let timer;
+    return (...args) => {
+        timer && window.clearTimeout(timer);
+        timer = window.setTimeout(f, delay, ...args);
+    };
+}
+exports.debounce = debounce;
+const fetchIdsFromQuery = async (query, iModelConnection) => {
+    if (query === "") {
+        return [];
+    }
+    const ids = [];
+    const rowIterator = iModelConnection.query(query, undefined, {
+        rowFormat: core_common_1.QueryRowFormat.UseJsPropertyNames,
+    });
+    while (true) {
+        const { done, value } = await rowIterator.next();
+        if (done) {
+            break;
+        }
+        if (Object.keys(value).includes("id")) {
+            ids.push(value.id);
+        }
+        else if (Object.keys(value).includes("element.id")) {
+            ids.push(value["element.id"]);
+        }
+        else if (Object.keys(value).includes("eCInstanceId")) {
+            ids.push(value.eCInstanceId);
+        }
+    }
+    return ids;
+};
+exports.fetchIdsFromQuery = fetchIdsFromQuery;
+const getErrorMessage = (errorStatus) => {
+    switch (errorStatus) {
+        case 401:
+            return "You are unauthorized to do this operation.";
+        case 403:
+            return "You don't have permission to access the requested resource.";
+        case 404:
+            return "The requested resource was not found.";
+        case 409:
+            return "This property name is already being used.";
+        case 422:
+            return "Unable to process the request.";
+        case 429:
+            return "Too many requests.";
+        case 500:
+            return "Internal server error.";
+        case 502:
+            return "Bad gateway.";
+        case 503:
+            return "Service unavailable.";
+        default:
+            return "Something went wrong!";
+    }
+};
+exports.getErrorMessage = getErrorMessage;
+const handleError = (errorStatus) => {
+    const baseErrorMessage = "Error!";
+    const specificErrorMessage = (0, exports.getErrorMessage)(errorStatus);
+    const fullErrorMessage = `${baseErrorMessage} ${specificErrorMessage}`;
+    itwinui_react_1.toaster.negative(fullErrorMessage);
+};
+exports.handleError = handleError;
+const handleInputChange = (e, values, setValues) => {
+    const { name, value } = e.target;
+    setValues({
+        ...values,
+        [name]: value,
+    });
+};
+exports.handleInputChange = handleInputChange;
+const enableExperimentalFeatures = async (iModelConnection) => {
+    const reader = iModelConnection.createQueryReader("PRAGMA experimental_features_enabled=true");
+    await reader.step();
+};
+exports.enableExperimentalFeatures = enableExperimentalFeatures;
+//# sourceMappingURL=utils.js.map

package/lib/cjs/common/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/common/utils.ts"],"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 { QueryRowFormat } from \"@itwin/core-common\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { toaster } from \"@itwin/itwinui-react\";\n\nexport type CreateTypeFromInterface<Interface> = {\n  [Property in keyof Interface]: Interface[Property];\n};\n\nexport function debounce<F extends (...args: any[]) => void>(f: F, delay: number) {\n  let timer: number | undefined;\n  return (...args: any[]) => {\n    timer && window.clearTimeout(timer);\n    timer = window.setTimeout(f, delay, ...args);\n  };\n}\n\nexport const fetchIdsFromQuery = async (\n  query: string,\n  iModelConnection: IModelConnection\n) => {\n  if (query === \"\") {\n    return [];\n  }\n  const ids: string[] = [];\n  const rowIterator = iModelConnection.query(query, undefined, {\n    rowFormat: QueryRowFormat.UseJsPropertyNames,\n  });\n  while (true) {\n    const { done, value } = await rowIterator.next();\n    if (done) {\n      break;\n    }\n    if (Object.keys(value).includes(\"id\")) {\n      ids.push(value.id);\n    } else if (Object.keys(value).includes(\"element.id\")) {\n      ids.push(value[\"element.id\"]);\n    } else if (Object.keys(value).includes(\"eCInstanceId\")) {\n      ids.push(value.eCInstanceId);\n    }\n  }\n  return ids;\n};\n\nexport const getErrorMessage = (errorStatus: number): string => {\n  switch (errorStatus) {\n    case 401:\n      return \"You are unauthorized to do this operation.\";\n    case 403:\n      return \"You don't have permission to access the requested resource.\";\n    case 404:\n      return \"The requested resource was not found.\";\n    case 409:\n      return \"This property name is already being used.\";\n    case 422:\n      return \"Unable to process the request.\";\n    case 429:\n      return \"Too many requests.\";\n    case 500:\n      return \"Internal server error.\";\n    case 502:\n      return \"Bad gateway.\";\n    case 503:\n      return \"Service unavailable.\";\n    default:\n      return \"Something went wrong!\";\n  }\n};\n\nexport const handleError = (errorStatus: number) => {\n  const baseErrorMessage = \"Error!\";\n  const specificErrorMessage = getErrorMessage(errorStatus);\n  const fullErrorMessage = `${baseErrorMessage} ${specificErrorMessage}`;\n\n  toaster.negative(fullErrorMessage);\n};\n\nexport const handleInputChange = <T,>(\n  e: React.ChangeEvent<HTMLInputElement>,\n  values: T,\n  setValues: (newValues: T) => void,\n) => {\n  const { name, value } = e.target;\n\n  setValues({\n    ...values,\n    [name]: value,\n  });\n};\n\nexport const enableExperimentalFeatures = async (iModelConnection: IModelConnection) => {\n  const reader = iModelConnection.createQueryReader(\"PRAGMA experimental_features_enabled=true\");\n  await reader.step();\n};\n"]}

package/lib/cjs/common/viewerUtils.d.ts

@@ -0,0 +1,30 @@
+import type { IModelConnection } from "@itwin/core-frontend";
+import type { FeatureAppearance } from "@itwin/core-common";
+import { FeatureOverrideType } from "@itwin/core-common";
+import { KeySet } from "@itwin/presentation-common";
+export declare const isolateElementsByKeys: (keySet: KeySet, replace?: boolean) => Promise<string[]>;
+export declare const isolateElementsByQuery: (query: string, iModelConnection: IModelConnection, replace?: boolean) => Promise<string[]>;
+export declare const isolateElements: (hilitedIds: string[], replace?: boolean) => void;
+export declare const clearIsolatedElements: () => void;
+export declare const hideElements: (hilitedIds: string[], replace?: boolean) => void;
+export declare const clearHiddenElements: () => void;
+export declare const overrideElementsByQuery: (iModelConnection: IModelConnection, query: string, color: string, overrideType?: FeatureOverrideType) => Promise<string[]>;
+export declare const overrideElements: (hilitedIds: string[], color: string, overrideType?: FeatureOverrideType, replace?: boolean) => void;
+export declare const clearOverriddenElements: () => void;
+export declare const emphasizeElements: (hilitedIds: string[], defaultAppearance?: FeatureAppearance | undefined, replace?: boolean) => void;
+export declare const emphasisElementsByQuery: (iModelConnection: IModelConnection, query: string, defaultAppearance?: FeatureAppearance | undefined, replace?: boolean) => Promise<string[]>;
+export declare const emphasizeElementsByKeys: (keySet: KeySet, defaultAppearance?: FeatureAppearance | undefined, replace?: boolean) => Promise<string[]>;
+export declare const visualizeElementsByQuery: (query: string, color: string, iModelConnection: IModelConnection, replace?: boolean, wantEmphasis?: boolean) => Promise<string[]>;
+export declare const visualizeElementsByKeys: (keySet: KeySet, color: string, replace?: boolean, wantEmphasis?: boolean) => Promise<string[]>;
+export declare const visualizeElements: (elementIds: string[], color: string, replace?: boolean, wantEmphasis?: boolean) => void;
+export declare const transparentOverriddenElements: () => void;
+export declare const zoomToElements: (elementIds: string[]) => Promise<void>;
+export declare const getHiliteIds: (query: string, iModelConnection: IModelConnection) => Promise<{
+    keySet: KeySet;
+    ids: string[];
+}>;
+export declare const manufactureKeys: (query: string, iModelConnection: IModelConnection) => Promise<KeySet>;
+export declare const clearEmphasizedElements: () => void;
+export declare const clearEmphasizedOverriddenElements: () => void;
+export declare const clearAll: () => void;
+//# sourceMappingURL=viewerUtils.d.ts.map