@itwin/grouping-mapping-widget 0.19.2 → 0.20.0

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

@@ -1,79 +0,0 @@
-"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("./GroupingMappingContext");
-require("./GroupingMapping.scss");
-const appui_react_1 = require("@itwin/appui-react");
-const GroupingMappingCustomUI_1 = require("./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("./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/widget/components/GroupingMapping.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupingMapping.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupingMapping.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAWA,+CAA8D;AAE9D,qEAAkE;AAClE,kCAAgC;AAChC,oDAA+D;AAK/D,gFAAiF;AACjF,oEAEoC;AACpC,qEAAkE;AAClE,mEAAgE;AAChE,oEAAiE;AAIjE,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 \"./GroupingMappingContext\";\nimport { GroupingMappingContext } from \"./GroupingMappingContext\";\nimport \"./GroupingMapping.scss\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport type {\n  ContextCustomUI,\n  GroupingMappingCustomUI,\n} from \"./customUI/GroupingMappingCustomUI\";\nimport { GroupingMappingCustomUIType } from \"./customUI/GroupingMappingCustomUI\";\nimport {\n  SvgList,\n} from \"@itwin/itwinui-icons-react\";\nimport { GroupingMappingContent } from \"./GroupingMappingContent\";\nimport { GroupingMappingHeader } from \"./GroupingMappingHeader\";\nimport { defaultGroupingUI } from \"./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/widget/components/GroupingMappingContent.js

@@ -1,51 +0,0 @@
-"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("./context/GroupHilitedElementsContext");
-const PropertiesContext_1 = require("./context/PropertiesContext");
-const GroupingMappingRouter_1 = require("./GroupingMappingRouter");
-const viewerUtils_1 = require("./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/widget/components/GroupingMappingContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupingMappingContent.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupingMappingContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAAyC;AACzC,uFAAuF;AACvF,mEAAmE;AAEnE,mEAAgE;AAChE,+CAAyC;AAElC,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 \"./context/GroupHilitedElementsContext\";\nimport { usePropertiesContext } from \"./context/PropertiesContext\";\nimport type { Route } from \"./GroupingMapping\";\nimport { GroupingMappingRouter } from \"./GroupingMappingRouter\";\nimport { clearAll } from \"./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/widget/components/GroupingMappingContext.d.ts

@@ -1,40 +0,0 @@
-import React from "react";
-import "./GroupingMapping.scss";
-import type { IModelConnection } from "@itwin/core-frontend";
-import type { ClientPrefix, GetAccessTokenFn } from "./context/GroupingApiConfigContext";
-import type { IExtractionClient, IMappingsClient } from "@itwin/insights-client";
-import type { GroupingMappingCustomUI } from "./customUI/GroupingMappingCustomUI";
-export interface GroupingMappingContextProps {
-    /**
-     * Custom callback to retrieve access token.
-     */
-    getAccessToken?: GetAccessTokenFn;
-    /**
-     * The iTwin iModel Id.
-     */
-    iModelId: string;
-    /**
-     * Used for iTwin and iModel APIs.
-     * Also used for Mapping API if a custom {@link client} is not provided.
-     */
-    prefix?: ClientPrefix;
-    /**
-     * A custom implementation of MappingClient.
-     */
-    client?: IMappingsClient;
-    /**
-     * A custom implementation of ExtractionClient.
-     */
-    extractionClient?: IExtractionClient;
-    /**
-     * Custom UI to add and update groups or provide additional group context capabilities.
-     */
-    customUIs?: GroupingMappingCustomUI[];
-    /**
-     * A custom iModelConnection to use instead of the active iModelConnection from UiFramework.
-     */
-    iModelConnection?: IModelConnection;
-    children?: React.ReactNode;
-}
-export declare const GroupingMappingContext: (props: GroupingMappingContextProps) => JSX.Element;
-//# sourceMappingURL=GroupingMappingContext.d.ts.map

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

@@ -1,109 +0,0 @@
-"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.GroupingMappingContext = 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"));
-require("./GroupingMapping.scss");
-const core_frontend_1 = require("@itwin/core-frontend");
-const GroupingApiConfigContext_1 = require("./context/GroupingApiConfigContext");
-const MappingClientContext_1 = require("./context/MappingClientContext");
-const GroupingMappingCustomUIContext_1 = require("./context/GroupingMappingCustomUIContext");
-const GroupHilitedElementsContext_1 = require("./context/GroupHilitedElementsContext");
-const PropertiesContext_1 = require("./context/PropertiesContext");
-const appui_react_1 = require("@itwin/appui-react");
-const ExtractionClientContext_1 = require("./context/ExtractionClientContext");
-const authorizationClientGetAccessToken = async () => (await core_frontend_1.IModelApp.authorizationClient?.getAccessToken()) ?? "";
-const GroupingMappingContext = (props) => {
-    const activeIModelConntextion = (0, appui_react_1.useActiveIModelConnection)();
-    const clientProp = props.client ?? props.prefix;
-    const extractionClientProp = props.extractionClient ?? props.prefix;
-    const [mappingClient, setMappingClient] = (0, react_1.useState)((0, MappingClientContext_1.createMappingClient)(clientProp));
-    const [extractionClient, setExtractionClient] = (0, react_1.useState)((0, ExtractionClientContext_1.createExtractionClient)(extractionClientProp));
-    const [customUIs, setCustomUIs] = (0, react_1.useState)((0, GroupingMappingCustomUIContext_1.createGroupingMappingCustomUI)(props.customUIs));
-    const [apiConfig, setApiConfig] = (0, react_1.useState)({
-        getAccessToken: props.getAccessToken ?? authorizationClientGetAccessToken,
-        iModelId: props.iModelId,
-        prefix: props.prefix,
-    });
-    const hilitedElementsQueryCache = (0, react_1.useRef)(new Map());
-    const [hiddenGroupsIds, setHiddenGroupsIds] = (0, react_1.useState)(new Set());
-    const [showGroupColor, setShowGroupColor] = (0, react_1.useState)(false);
-    const [propertiesShowGroup, setPropertiesShowGroup] = (0, react_1.useState)(false);
-    const [groups, setGroups] = (0, react_1.useState)([]);
-    const [groupProperties, setGroupProperties] = (0, react_1.useState)([]);
-    const [calculatedProperties, setCalculatedProperties] = (0, react_1.useState)([]);
-    const [customCalculationProperties, setCustomCalculationProperties] = (0, react_1.useState)([]);
-    const [numberOfVisualizedGroups, setNumberOfVisualizedGroups] = (0, react_1.useState)(0);
-    (0, react_1.useEffect)(() => {
-        setApiConfig(() => ({
-            prefix: props.prefix,
-            iModelId: props.iModelId,
-            getAccessToken: props.getAccessToken ?? authorizationClientGetAccessToken,
-            iModelConnection: props.iModelConnection ?? activeIModelConntextion,
-        }));
-    }, [activeIModelConntextion, props.getAccessToken, props.iModelConnection, props.iModelId, props.prefix]);
-    (0, react_1.useEffect)(() => {
-        setMappingClient((0, MappingClientContext_1.createMappingClient)(clientProp));
-    }, [clientProp]);
-    (0, react_1.useEffect)(() => {
-        setExtractionClient((0, ExtractionClientContext_1.createExtractionClient)(extractionClientProp));
-    }, [extractionClientProp]);
-    (0, react_1.useEffect)(() => {
-        setCustomUIs((0, GroupingMappingCustomUIContext_1.createGroupingMappingCustomUI)(props.customUIs));
-    }, [props.customUIs]);
-    const hilitedElementsContextValue = (0, react_1.useMemo)(() => ({
-        showGroupColor,
-        setShowGroupColor,
-        hiddenGroupsIds,
-        setHiddenGroupsIds,
-        hilitedElementsQueryCache,
-        groups,
-        setGroups,
-        numberOfVisualizedGroups,
-        setNumberOfVisualizedGroups,
-    }), [groups, hiddenGroupsIds, showGroupColor, numberOfVisualizedGroups]);
-    const propertiesContextValue = (0, react_1.useMemo)(() => ({
-        showGroupColor: propertiesShowGroup,
-        setShowGroupColor: setPropertiesShowGroup,
-        groupProperties,
-        setGroupProperties,
-        calculatedProperties,
-        setCalculatedProperties,
-        customCalculationProperties,
-        setCustomCalculationProperties,
-    }), [calculatedProperties, customCalculationProperties, groupProperties, propertiesShowGroup]);
-    const customUIContextValue = (0, react_1.useMemo)(() => ({
-        customUIs,
-        setCustomUIs,
-    }), [customUIs]);
-    return (react_1.default.createElement(GroupingApiConfigContext_1.GroupingMappingApiConfigContext.Provider, { value: apiConfig },
-        react_1.default.createElement(MappingClientContext_1.MappingClientContext.Provider, { value: mappingClient },
-            react_1.default.createElement(ExtractionClientContext_1.ExtractionClientContext.Provider, { value: extractionClient },
-                react_1.default.createElement(GroupingMappingCustomUIContext_1.GroupingMappingCustomUIContext.Provider, { value: customUIContextValue },
-                    react_1.default.createElement(GroupHilitedElementsContext_1.GroupHilitedElementsContext.Provider, { value: hilitedElementsContextValue },
-                        react_1.default.createElement(PropertiesContext_1.PropertiesContext.Provider, { value: propertiesContextValue }, props.children)))))));
-};
-exports.GroupingMappingContext = GroupingMappingContext;
-//# sourceMappingURL=GroupingMappingContext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"GroupingMappingContext.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupingMappingContext.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, { useEffect, useMemo, useRef, useState } from \"react\";\nimport \"./GroupingMapping.scss\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport type {\n  ClientPrefix,\n  GetAccessTokenFn,\n  GroupingMappingApiConfig,\n} from \"./context/GroupingApiConfigContext\";\nimport { GroupingMappingApiConfigContext } from \"./context/GroupingApiConfigContext\";\nimport {\n  createMappingClient,\n  MappingClientContext,\n} from \"./context/MappingClientContext\";\nimport type { CalculatedProperty, CustomCalculation, Group, GroupProperty, IExtractionClient, IMappingsClient } from \"@itwin/insights-client\";\nimport { createGroupingMappingCustomUI, GroupingMappingCustomUIContext } from \"./context/GroupingMappingCustomUIContext\";\nimport type { GroupingMappingCustomUI } from \"./customUI/GroupingMappingCustomUI\";\nimport type { QueryCacheItem } from \"./context/GroupHilitedElementsContext\";\nimport { GroupHilitedElementsContext } from \"./context/GroupHilitedElementsContext\";\nimport { PropertiesContext } from \"./context/PropertiesContext\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport { createExtractionClient, ExtractionClientContext } from \"./context/ExtractionClientContext\";\n\nexport interface GroupingMappingContextProps {\n  /**\n   * Custom callback to retrieve access token.\n   */\n  getAccessToken?: GetAccessTokenFn;\n  /**\n   * The iTwin iModel Id.\n   */\n  iModelId: string;\n  /**\n   * Used for iTwin and iModel APIs.\n   * Also used for Mapping API if a custom {@link client} is not provided.\n   */\n  prefix?: ClientPrefix;\n  /**\n   * A custom implementation of MappingClient.\n   */\n  client?: IMappingsClient;\n  /**\n   * A custom implementation of ExtractionClient.\n   */\n  extractionClient?: IExtractionClient;\n  /**\n   * Custom UI to add and update groups or provide additional group context capabilities.\n   */\n  customUIs?: GroupingMappingCustomUI[];\n  /**\n   * A custom iModelConnection to use instead of the active iModelConnection from UiFramework.\n   */\n  iModelConnection?: IModelConnection;\n  children?: React.ReactNode;\n}\n\nconst authorizationClientGetAccessToken = async () =>\n  (await IModelApp.authorizationClient?.getAccessToken()) ?? \"\";\n\nexport const GroupingMappingContext = (props: GroupingMappingContextProps) => {\n  const activeIModelConntextion = useActiveIModelConnection();\n  const clientProp: IMappingsClient | ClientPrefix = props.client ?? props.prefix;\n  const extractionClientProp: IExtractionClient | ClientPrefix = props.extractionClient ?? props.prefix;\n  const [mappingClient, setMappingClient] = useState<IMappingsClient>(createMappingClient(clientProp));\n  const [extractionClient, setExtractionClient] = useState<IExtractionClient>(createExtractionClient(extractionClientProp));\n  const [customUIs, setCustomUIs] = useState<GroupingMappingCustomUI[]>(\n    createGroupingMappingCustomUI(props.customUIs),\n  );\n  const [apiConfig, setApiConfig] = useState<GroupingMappingApiConfig>({\n    getAccessToken: props.getAccessToken ?? authorizationClientGetAccessToken,\n    iModelId: props.iModelId,\n    prefix: props.prefix,\n  });\n  const hilitedElementsQueryCache = useRef<Map<string, QueryCacheItem>>(new Map());\n  const [hiddenGroupsIds, setHiddenGroupsIds] = useState<Set<string>>(new Set());\n  const [showGroupColor, setShowGroupColor] = useState<boolean>(false);\n  const [propertiesShowGroup, setPropertiesShowGroup] = useState<boolean>(false);\n  const [groups, setGroups] = useState<Group[]>([]);\n  const [groupProperties, setGroupProperties] = useState<GroupProperty[]>([]);\n  const [calculatedProperties, setCalculatedProperties] = useState<CalculatedProperty[]>([]);\n  const [customCalculationProperties, setCustomCalculationProperties] = useState<CustomCalculation[]>([]);\n  const [numberOfVisualizedGroups, setNumberOfVisualizedGroups] = useState(0);\n\n  useEffect(() => {\n    setApiConfig(() => ({\n      prefix: props.prefix,\n      iModelId: props.iModelId,\n      getAccessToken: props.getAccessToken ?? authorizationClientGetAccessToken,\n      iModelConnection: props.iModelConnection ?? activeIModelConntextion,\n    }));\n  }, [activeIModelConntextion, props.getAccessToken, props.iModelConnection, props.iModelId, props.prefix]);\n\n  useEffect(() => {\n    setMappingClient(createMappingClient(clientProp));\n  }, [clientProp]);\n\n  useEffect(() => {\n    setExtractionClient(createExtractionClient(extractionClientProp));\n  }, [extractionClientProp]);\n\n  useEffect(() => {\n    setCustomUIs(createGroupingMappingCustomUI(props.customUIs));\n  }, [props.customUIs]);\n\n  const hilitedElementsContextValue = useMemo(\n    () => ({\n      showGroupColor,\n      setShowGroupColor,\n      hiddenGroupsIds,\n      setHiddenGroupsIds,\n      hilitedElementsQueryCache,\n      groups,\n      setGroups,\n      numberOfVisualizedGroups,\n      setNumberOfVisualizedGroups,\n    }),\n    [groups, hiddenGroupsIds, showGroupColor, numberOfVisualizedGroups]\n  );\n\n  const propertiesContextValue = useMemo(\n    () => ({\n      showGroupColor: propertiesShowGroup,\n      setShowGroupColor: setPropertiesShowGroup,\n      groupProperties,\n      setGroupProperties,\n      calculatedProperties,\n      setCalculatedProperties,\n      customCalculationProperties,\n      setCustomCalculationProperties,\n    }),\n    [calculatedProperties, customCalculationProperties, groupProperties, propertiesShowGroup]\n  );\n\n  const customUIContextValue = useMemo(() => ({\n    customUIs,\n    setCustomUIs,\n  }), [customUIs]);\n\n  return (\n    <GroupingMappingApiConfigContext.Provider value={apiConfig}>\n      <MappingClientContext.Provider value={mappingClient}>\n        <ExtractionClientContext.Provider value={extractionClient}>\n          <GroupingMappingCustomUIContext.Provider value={customUIContextValue}>\n            <GroupHilitedElementsContext.Provider value={hilitedElementsContextValue}>\n              <PropertiesContext.Provider value={propertiesContextValue}>\n                {props.children}\n              </PropertiesContext.Provider>\n            </GroupHilitedElementsContext.Provider>\n          </GroupingMappingCustomUIContext.Provider>\n        </ExtractionClientContext.Provider>\n      </MappingClientContext.Provider>\n    </GroupingMappingApiConfigContext.Provider>\n  );\n};\n"]}

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

@@ -1,24 +0,0 @@
-"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");
-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/widget/components/GroupingMappingHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupingMappingHeader.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupingMappingHeader.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAE1B,uDAA8C;AAC9C,iDAA8C;AAEvC,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\";\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/widget/components/GroupingMappingRouter.d.ts

@@ -1,8 +0,0 @@
-/// <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/widget/components/GroupingMappingRouter.js

@@ -1,107 +0,0 @@
-"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("./context/GroupingApiConfigContext");
-const CustomCalculationAction_1 = require("./CustomCalculationAction");
-const GroupAction_1 = require("./GroupAction");
-const GroupingMapping_1 = require("./GroupingMapping");
-const GroupPropertyAction_1 = require("./GroupPropertyAction");
-const Mappings_1 = require("./Mappings");
-const MappingAction_1 = require("./MappingAction");
-const CalculatedPropertyActionWithVisuals_1 = require("./CalculatedPropertyActionWithVisuals");
-const PropertyMenuWithVisualization_1 = require("./PropertyMenuWithVisualization");
-const GroupsVisualization_1 = require("./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/widget/components/GroupingMappingRouter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupingMappingRouter.js","sourceRoot":"","sources":["../../../../src/widget/components/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 \"./context/GroupingApiConfigContext\";\nimport { CustomCalculationAction } from \"./CustomCalculationAction\";\nimport { GroupAction } from \"./GroupAction\";\nimport type { Route } from \"./GroupingMapping\";\nimport { RouteStep } from \"./GroupingMapping\";\nimport { GroupPropertyAction } from \"./GroupPropertyAction\";\nimport { Mappings } from \"./Mappings\";\nimport { MappingAction } from \"./MappingAction\";\nimport { CalculatedPropertyActionWithVisuals } from \"./CalculatedPropertyActionWithVisuals\";\nimport { PropertyMenuWithVisualization } from \"./PropertyMenuWithVisualization\";\nimport { GroupsVisualization } from \"./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/widget/components/Groups.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import type { Group, Mapping } from "@itwin/insights-client";
-import type { ContextCustomUI } from "./customUI/GroupingMappingCustomUI";
-import type { ActionButtonRenderer } from "./GroupsView";
-export interface GroupsProps {
-    mapping: Mapping;
-    actionButtonRenderers?: ActionButtonRenderer[];
-    onClickAddGroup?: (queryGenerationType: string) => void;
-    onClickGroupTitle?: (group: Group) => void;
-    onClickGroupModify?: (group: Group, queryGenerationType: string) => void;
-    onClickRenderContextCustomUI?: (contextCustomUI: Exclude<ContextCustomUI["uiComponent"], undefined>, group: Group, displayLabel: string) => void;
-    disableActions?: boolean;
-    isVisualizing?: boolean;
-}
-export declare const Groups: ({ mapping, actionButtonRenderers, onClickAddGroup, onClickGroupTitle, onClickGroupModify, onClickRenderContextCustomUI, disableActions, isVisualizing, }: GroupsProps) => JSX.Element;
-//# sourceMappingURL=Groups.d.ts.map

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

@@ -1,46 +0,0 @@
-"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.Groups = void 0;
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-const react_1 = __importStar(require("react"));
-const GroupsView_1 = require("./GroupsView");
-const useGroupsOperations_1 = require("./hooks/useGroupsOperations");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const Groups = ({ mapping, actionButtonRenderers, onClickAddGroup, onClickGroupTitle, onClickGroupModify, onClickRenderContextCustomUI, disableActions, isVisualizing, }) => {
-    const { groups, isLoading, refresh, onDeleteGroup, setShowDeleteModal, showDeleteModal, groupUIs, contextUIs, numberOfVisualizedGroups, errorMessage, setErrorMessage, } = (0, useGroupsOperations_1.useGroupsOperations)({ mappingId: mapping.id });
-    const addGroup = (0, react_1.useCallback)((type) => {
-        if (!onClickAddGroup)
-            return;
-        onClickAddGroup(type);
-    }, [onClickAddGroup]);
-    const renderAlert = (0, react_1.useCallback)(() => {
-        if (!errorMessage)
-            return;
-        return (react_1.default.createElement(itwinui_react_1.Alert, { type: "negative", onClose: () => setErrorMessage(undefined) }, errorMessage));
-    }, [errorMessage, setErrorMessage]);
-    return (react_1.default.createElement(GroupsView_1.GroupsView, { mapping: mapping, groups: groups, isLoading: isLoading, onRefresh: refresh, groupUIs: groupUIs, actionButtonRenderers: actionButtonRenderers, onClickAddGroup: addGroup, onClickGroupTitle: onClickGroupTitle, onClickGroupModify: onClickGroupModify, onClickRenderContextCustomUI: onClickRenderContextCustomUI, disableActions: disableActions, selectedGroupForDeletion: showDeleteModal, setSelectedGroupForDeletion: setShowDeleteModal, onDeleteGroup: onDeleteGroup, onCloseDeleteModal: () => setShowDeleteModal(undefined), contextUIs: contextUIs, numberOfVisualizedGroups: isVisualizing ? numberOfVisualizedGroups : undefined, alert: renderAlert() }));
-};
-exports.Groups = Groups;
-//# sourceMappingURL=Groups.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Groups.js","sourceRoot":"","sources":["../../../../src/widget/components/Groups.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAA2C;AAM3C,6CAA0C;AAC1C,qEAAkE;AAClE,wDAA6C;AAiBtC,MAAM,MAAM,GAAG,CAAC,EACrB,OAAO,EACP,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,4BAA4B,EAC5B,cAAc,EACd,aAAa,GACD,EAAE,EAAE;IAChB,MAAM,EACJ,MAAM,EACN,SAAS,EACT,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,eAAe,EACf,QAAQ,EACR,UAAU,EACV,wBAAwB,EACxB,YAAY,EACZ,eAAe,GAChB,GAAG,IAAA,yCAAmB,EAAC,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnD,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAC,IAAY,EAAE,EAAE;QAC5C,IAAI,CAAC,eAAe;YAAE,OAAO;QAC7B,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,IAAI,CAAC,YAAY;YAAE,OAAO;QAC1B,OAAO,CACL,8BAAC,qBAAK,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,IAC7D,YAAY,CACP,CACT,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,8BAAC,uBAAU,IACT,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,EAC5C,eAAe,EAAE,QAAQ,EACzB,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,4BAA4B,EAAE,4BAA4B,EAC1D,cAAc,EAAE,cAAc,EAC9B,wBAAwB,EAAE,eAAe,EACzC,2BAA2B,EAAE,kBAAkB,EAC/C,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,SAAS,CAAC,EACvD,UAAU,EAAE,UAAU,EACtB,wBAAwB,EAAE,aAAa,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,SAAS,EAC9E,KAAK,EAAE,WAAW,EAAE,GACpB,CACH,CAAC;AACJ,CAAC,CAAC;AA5DW,QAAA,MAAM,UA4DjB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React, { useCallback } from \"react\";\nimport type { Group, Mapping } from \"@itwin/insights-client\";\nimport type {\n  ContextCustomUI,\n} from \"./customUI/GroupingMappingCustomUI\";\nimport type { ActionButtonRenderer } from \"./GroupsView\";\nimport { GroupsView } from \"./GroupsView\";\nimport { useGroupsOperations } from \"./hooks/useGroupsOperations\";\nimport { Alert } from \"@itwin/itwinui-react\";\n\nexport interface GroupsProps {\n  mapping: Mapping;\n  actionButtonRenderers?: ActionButtonRenderer[];\n  onClickAddGroup?: (queryGenerationType: string) => void;\n  onClickGroupTitle?: (group: Group) => void;\n  onClickGroupModify?: (group: Group, queryGenerationType: string) => void;\n  onClickRenderContextCustomUI?: (\n    contextCustomUI: Exclude<ContextCustomUI[\"uiComponent\"], undefined>,\n    group: Group,\n    displayLabel: string,\n  ) => void;\n  disableActions?: boolean;\n  isVisualizing?: boolean;\n}\n\nexport const Groups = ({\n  mapping,\n  actionButtonRenderers,\n  onClickAddGroup,\n  onClickGroupTitle,\n  onClickGroupModify,\n  onClickRenderContextCustomUI,\n  disableActions,\n  isVisualizing,\n}: GroupsProps) => {\n  const {\n    groups,\n    isLoading,\n    refresh,\n    onDeleteGroup,\n    setShowDeleteModal,\n    showDeleteModal,\n    groupUIs,\n    contextUIs,\n    numberOfVisualizedGroups,\n    errorMessage,\n    setErrorMessage,\n  } = useGroupsOperations({ mappingId: mapping.id });\n\n  const addGroup = useCallback((type: string) => {\n    if (!onClickAddGroup) return;\n    onClickAddGroup(type);\n  }, [onClickAddGroup]);\n\n  const renderAlert = useCallback(() => {\n    if (!errorMessage) return;\n    return (\n      <Alert type=\"negative\" onClose={() => setErrorMessage(undefined)}>\n        {errorMessage}\n      </Alert>\n    );\n  }, [errorMessage, setErrorMessage]);\n\n  return (\n    <GroupsView\n      mapping={mapping}\n      groups={groups}\n      isLoading={isLoading}\n      onRefresh={refresh}\n      groupUIs={groupUIs}\n      actionButtonRenderers={actionButtonRenderers}\n      onClickAddGroup={addGroup}\n      onClickGroupTitle={onClickGroupTitle}\n      onClickGroupModify={onClickGroupModify}\n      onClickRenderContextCustomUI={onClickRenderContextCustomUI}\n      disableActions={disableActions}\n      selectedGroupForDeletion={showDeleteModal}\n      setSelectedGroupForDeletion={setShowDeleteModal}\n      onDeleteGroup={onDeleteGroup}\n      onCloseDeleteModal={() => setShowDeleteModal(undefined)}\n      contextUIs={contextUIs}\n      numberOfVisualizedGroups={isVisualizing ? numberOfVisualizedGroups : undefined}\n      alert={renderAlert()}\n    />\n  );\n};\n"]}

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import type { GroupingCustomUI } from "./customUI/GroupingMappingCustomUI";
-import "./GroupsAddButton.scss";
-export interface GroupsDropdownMenuProps {
-    disabled?: boolean;
-    groupUIs: GroupingCustomUI[];
-    onClickAddGroup: (type: string) => void;
-}
-export declare const GroupsAddButton: ({ disabled, groupUIs, onClickAddGroup, }: GroupsDropdownMenuProps) => JSX.Element;
-//# sourceMappingURL=GroupsAddButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"GroupsAddButton.js","sourceRoot":"","sources":["../../../../src/widget/components/GroupsAddButton.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,wDAA4E;AAC5E,kDAA0B;AAE1B,kCAAgC;AAChC,oEAA+D;AAQxD,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,eAAe,GACS,EAAE,EAAE,CAAC,CAC7B,8BAAC,4BAAY,IACX,SAAS,EAAC,wBAAwB,EAClC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,GAAG,EAAE,CACd,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,8BAAC,wBAAQ,IACP,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,EACtC,IAAI,EAAE,CAAC,CAAC,IAAI,iBACC,WAAW,KAAK,EAAE,IAE9B,CAAC,CAAC,YAAY,CACN,CACZ,CAAC;IAGJ,8BAAC,sBAAM,mBACO,sBAAsB,EAClC,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,8BAAC,uCAAiB,OAAG;QAE9B,8BAAC,oBAAI,oBAAiB,CACf,CACI,CAChB,CAAC;AA9BW,QAAA,eAAe,mBA8B1B","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { Button, DropdownMenu, MenuItem, Text } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport type { GroupingCustomUI } from \"./customUI/GroupingMappingCustomUI\";\nimport \"./GroupsAddButton.scss\";\nimport { SvgCaretDownSmall } from \"@itwin/itwinui-icons-react\";\n\nexport interface GroupsDropdownMenuProps {\n  disabled?: boolean;\n  groupUIs: GroupingCustomUI[];\n  onClickAddGroup: (type: string) => void;\n}\n\nexport const GroupsAddButton = ({\n  disabled,\n  groupUIs,\n  onClickAddGroup,\n}: GroupsDropdownMenuProps) => (\n  <DropdownMenu\n    className=\"gmw-custom-ui-dropdown\"\n    disabled={disabled}\n    menuItems={() =>\n      groupUIs.map((p, index) => (\n        <MenuItem\n          key={index}\n          onClick={() => onClickAddGroup(p.name)}\n          icon={p.icon}\n          data-testid={`gmw-add-${index}`}\n        >\n          {p.displayLabel}\n        </MenuItem>\n      ))\n    }\n  >\n    <Button\n      data-testid=\"gmw-add-group-button\"\n      styleType=\"high-visibility\"\n      disabled={disabled}\n      endIcon={<SvgCaretDownSmall />}\n    >\n      <Text>Add Group</Text>\n    </Button>\n  </DropdownMenu>\n);\n"]}