@itwin/grouping-mapping-widget 0.4.0 → 0.5.0

package/lib/cjs/formula/{FormulaTokensValidator.js → FormulaTokensDataTypeResolver.js}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateTokens = void 0;
+exports.resolveTokensDataType = void 0;
 /*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -21,49 +21,49 @@ function isNumericalConstant(name) {
         "sqrt2",
     ].includes(name.toLowerCase());
 }
-function validateTokens(formulaName, tokens, properties) {
+function resolveTokensDataType(formulaName, tokens, properties) {
     if (tokens.length === 0)
-        return "Formula cannot be empty.";
+        return { errorMessage: "Formula cannot be empty." };
     const argStack = new Stack_1.Stack();
     while (tokens.length > 0) {
         const token = tokens.dequeue();
         switch (token.type) {
             case InfixToPostfixConverter_1.TokenType.Number:
-                argStack.push("number");
+                argStack.push("Number");
                 break;
             case InfixToPostfixConverter_1.TokenType.String:
-                argStack.push("string");
+                argStack.push("String");
                 break;
             case InfixToPostfixConverter_1.TokenType.Boolean:
-                argStack.push("boolean");
+                argStack.push("Boolean");
                 break;
             case InfixToPostfixConverter_1.TokenType.Null:
-                argStack.push("undefined");
+                argStack.push("Undefined");
                 break;
             case InfixToPostfixConverter_1.TokenType.Variable:
                 const isConstant = isNumericalConstant(token.value);
                 if (isConstant) {
-                    argStack.push("number");
+                    argStack.push("Number");
                 }
                 else {
                     if (token.value === formulaName)
-                        return "Formula cannot reference itself.";
+                        return { errorMessage: "Formula cannot reference itself." };
                     const prop = properties[token.value];
                     if (!prop)
-                        return `Variable "${token.value}" is not available.`;
+                        return { errorMessage: `Variable "${token.value}" is not available.` };
                     argStack.push(prop);
                 }
                 break;
             case InfixToPostfixConverter_1.TokenType.Operator:
                 if (!FormulaOperatorsProvider_1.isOperator(token.value))
-                    return `Operator "${token.value}" is not supported.`;
+                    return { errorMessage: `Operator "${token.value}" is not supported.` };
                 const operatorBounds = FormulaOperatorsProvider_1.getOperatorArgumentCountBounds(token.value);
                 if (!operatorBounds)
-                    return `Operator "${token.value}" is not supported.`;
+                    return { errorMessage: `Operator "${token.value}" is not supported.` };
                 if (operatorBounds[0] === 2 && token.argCount === 1)
-                    return `Unary operator "${token.value}" is not supported.`;
+                    return { errorMessage: `Unary operator "${token.value}" is not supported.` };
                 if (argStack.length < token.argCount) {
-                    return `Too few arguments given for ${token.argCount === 1 ? "unary" : "binary"} operator "${token.value}".`;
+                    return { errorMessage: `Too few arguments given for ${token.argCount === 1 ? "unary" : "binary"} operator "${token.value}".` };
                 }
                 const opArgs = argStack.popN(token.argCount).reverse();
                 let operationResult;
@@ -72,66 +72,66 @@ function validateTokens(formulaName, tokens, properties) {
                 else if (opArgs.length === 2)
                     operationResult = FormulaOperatorsProvider_1.getOperatorReturnType(token.value, opArgs[0], opArgs[1]);
                 else
-                    return `Operator "${token.value}" does not support ${token.argCount} operands.`;
+                    return { errorMessage: `Operator "${token.value}" does not support ${token.argCount} operands.` };
                 if (operationResult.errorMessage)
-                    return operationResult.errorMessage;
+                    return { errorMessage: operationResult.errorMessage };
                 else
                     argStack.push(operationResult.value);
                 break;
             case InfixToPostfixConverter_1.TokenType.Function:
                 const fnArg = FormulaFunctionProvider_1.getFunction(token.value);
                 if (!fnArg)
-                    return `Function "${token.value}" is not supported.`;
+                    return { errorMessage: `Function "${token.value}" is not supported.` };
                 const fnArgBounds = fnArg.argumentCountBounds;
                 if (fnArgBounds[0] === 0 && fnArgBounds[1] === 0 && token.argCount > 0) {
-                    return `Function "${token.value}" does not accept any arguments.`;
+                    return { errorMessage: `Function "${token.value}" does not accept any arguments.` };
                 }
                 else if (fnArgBounds[1] === -1 && token.argCount < fnArgBounds[0]) {
                     if (fnArgBounds[0] === 1) {
-                        return `Function "${token.value}" requires at least 1 argument.`;
+                        return { errorMessage: `Function "${token.value}" requires at least 1 argument.` };
                     }
                     else {
                         if (token.argCount === 1) {
-                            return `Function "${token.value}" requires at least ${fnArgBounds[0]} arguments, but only 1 argument was given.`;
+                            return { errorMessage: `Function "${token.value}" requires at least ${fnArgBounds[0]} arguments, but only 1 argument was given.` };
                         }
                         else {
-                            return `Function "${token.value}" requires at least ${fnArgBounds[0]} arguments, but only ${token.argCount} arguments were given.`;
+                            return { errorMessage: `Function "${token.value}" requires at least ${fnArgBounds[0]} arguments, but only ${token.argCount} arguments were given.` };
                         }
                     }
                 }
                 else if (fnArgBounds[0] === fnArgBounds[1] && token.argCount !== fnArgBounds[0]) {
                     if (fnArgBounds[0] === 1) {
-                        return `Function "${token.value}" requires exactly 1 argument, but ${token.argCount} arguments were given.`;
+                        return { errorMessage: `Function "${token.value}" requires exactly 1 argument, but ${token.argCount} arguments were given.` };
                     }
                     else {
                         if (token.argCount === 1) {
-                            return `Function "${token.value}" requires exactly ${fnArgBounds[0]} arguments, but 1 argument was given.`;
+                            return { errorMessage: `Function "${token.value}" requires exactly ${fnArgBounds[0]} arguments, but 1 argument was given.` };
                         }
                         else {
-                            return `Function "${token.value}" requires exactly ${fnArgBounds[0]} arguments, but ${token.argCount} arguments were given.`;
+                            return { errorMessage: `Function "${token.value}" requires exactly ${fnArgBounds[0]} arguments, but ${token.argCount} arguments were given.` };
                         }
                     }
                 }
                 const fArgs = argStack.popN(token.argCount).reverse();
                 if (fArgs.length < token.argCount) {
-                    return `Too few arguments given for function "${token.value}".`;
+                    return { errorMessage: `Too few arguments given for function "${token.value}".` };
                 }
                 const functionResult = FormulaFunctionProvider_1.getFormulaFunctionReturnType(fnArg, fArgs);
                 if (functionResult.errorMessage)
-                    return `Function "${token.value}" is invalid. ${functionResult.errorMessage}`;
+                    return { errorMessage: `Function "${token.value}" is invalid. ${functionResult.errorMessage}` };
                 else
                     argStack.push(functionResult.value);
                 break;
         }
     }
     if (argStack.length !== 1) {
-        return "Formula is invalid.";
+        return { errorMessage: "Formula is invalid." };
     }
     const resultType = argStack.pop();
-    if (!resultType || resultType === "undefined") {
-        return "Formula cannot always return null.";
+    if (!resultType || resultType === "Undefined") {
+        return { errorMessage: "Formula cannot always return null." };
     }
-    return "";
+    return { value: resultType };
 }
-exports.validateTokens = validateTokens;
-//# sourceMappingURL=FormulaTokensValidator.js.map
+exports.resolveTokensDataType = resolveTokensDataType;
+//# sourceMappingURL=FormulaTokensDataTypeResolver.js.map

package/lib/cjs/formula/FormulaTokensDataTypeResolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormulaTokensDataTypeResolver.js","sourceRoot":"","sources":["../../../src/formula/FormulaTokensDataTypeResolver.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 { getFormulaFunctionReturnType, getFunction } from \"./FormulaFunctionProvider\";\nimport { getOperatorArgumentCountBounds, getOperatorReturnType, isOperator } from \"./FormulaOperatorsProvider\";\nimport type { Token } from \"./InfixToPostfixConverter\";\nimport { TokenType } from \"./InfixToPostfixConverter\";\nimport type { IResult } from \"./IResult\";\nimport type { Queue } from \"./Queue\";\nimport { Stack } from \"./Stack\";\nimport type { DataType, PossibleDataType, PropertyMap } from \"./Types\";\n\nfunction isNumericalConstant(name: string): boolean {\n  return [\n    \"e\",\n    \"ln2\",\n    \"ln10\",\n    \"log2e\",\n    \"log10e\",\n    \"pi\",\n    \"sqrt1_2\",\n    \"sqrt2\",\n  ].includes(name.toLowerCase());\n}\n\nexport function resolveTokensDataType(formulaName: string, tokens: Queue<Token>, properties: PropertyMap): IResult<DataType> {\n  if (tokens.length === 0)\n    return { errorMessage: \"Formula cannot be empty.\" };\n\n  const argStack = new Stack<PossibleDataType>();\n\n  while (tokens.length > 0) {\n    const token = tokens.dequeue()!;\n\n    switch (token.type) {\n      case TokenType.Number:\n        argStack.push(\"Number\");\n        break;\n      case TokenType.String:\n        argStack.push(\"String\");\n        break;\n      case TokenType.Boolean:\n        argStack.push(\"Boolean\");\n        break;\n      case TokenType.Null:\n        argStack.push(\"Undefined\");\n        break;\n      case TokenType.Variable:\n        const isConstant = isNumericalConstant(token.value);\n        if (isConstant) {\n          argStack.push(\"Number\");\n        } else {\n          if (token.value === formulaName)\n            return { errorMessage: \"Formula cannot reference itself.\" };\n\n          const prop = properties[token.value];\n          if (!prop)\n            return { errorMessage: `Variable \"${token.value}\" is not available.` };\n\n          argStack.push(prop);\n        }\n        break;\n      case TokenType.Operator:\n        if (!isOperator(token.value))\n          return { errorMessage: `Operator \"${token.value}\" is not supported.` };\n\n        const operatorBounds = getOperatorArgumentCountBounds(token.value);\n        if (!operatorBounds)\n          return { errorMessage: `Operator \"${token.value}\" is not supported.` };\n\n        if (operatorBounds[0] === 2 && token.argCount === 1)\n          return { errorMessage: `Unary operator \"${token.value}\" is not supported.` };\n\n        if (argStack.length < token.argCount) {\n          return { errorMessage: `Too few arguments given for ${token.argCount === 1 ? \"unary\" : \"binary\"} operator \"${token.value}\".` };\n        }\n        const opArgs = argStack.popN(token.argCount).reverse();\n        let operationResult;\n        if (opArgs.length === 1)\n          operationResult = getOperatorReturnType(token.value, opArgs[0]);\n        else if (opArgs.length === 2)\n          operationResult = getOperatorReturnType(token.value, opArgs[0], opArgs[1]);\n        else\n          return { errorMessage: `Operator \"${token.value}\" does not support ${token.argCount} operands.` };\n\n        if (operationResult.errorMessage)\n          return { errorMessage: operationResult.errorMessage };\n        else\n          argStack.push(operationResult.value!);\n\n        break;\n      case TokenType.Function:\n        const fnArg = getFunction(token.value);\n        if (!fnArg)\n          return { errorMessage: `Function \"${token.value}\" is not supported.` };\n\n        const fnArgBounds = fnArg.argumentCountBounds;\n        if (fnArgBounds[0] === 0 && fnArgBounds[1] === 0 && token.argCount > 0) {\n          return { errorMessage: `Function \"${token.value}\" does not accept any arguments.` };\n        } else if (fnArgBounds[1] === -1 && token.argCount < fnArgBounds[0]) {\n          if (fnArgBounds[0] === 1) {\n            return { errorMessage: `Function \"${token.value}\" requires at least 1 argument.` };\n          } else {\n            if (token.argCount === 1) {\n              return { errorMessage: `Function \"${token.value}\" requires at least ${fnArgBounds[0]} arguments, but only 1 argument was given.` };\n            } else {\n              return { errorMessage: `Function \"${token.value}\" requires at least ${fnArgBounds[0]} arguments, but only ${token.argCount} arguments were given.` };\n            }\n          }\n        } else if (fnArgBounds[0] === fnArgBounds[1] && token.argCount !== fnArgBounds[0]) {\n          if (fnArgBounds[0] === 1) {\n            return { errorMessage: `Function \"${token.value}\" requires exactly 1 argument, but ${token.argCount} arguments were given.` };\n          } else {\n            if (token.argCount === 1) {\n              return { errorMessage: `Function \"${token.value}\" requires exactly ${fnArgBounds[0]} arguments, but 1 argument was given.` };\n            } else {\n              return { errorMessage: `Function \"${token.value}\" requires exactly ${fnArgBounds[0]} arguments, but ${token.argCount} arguments were given.` };\n            }\n          }\n        }\n\n        const fArgs = argStack.popN(token.argCount).reverse();\n        if (fArgs.length < token.argCount) {\n          return { errorMessage: `Too few arguments given for function \"${token.value}\".` };\n        }\n\n        const functionResult = getFormulaFunctionReturnType(fnArg, fArgs);\n        if (functionResult.errorMessage)\n          return { errorMessage: `Function \"${token.value}\" is invalid. ${functionResult.errorMessage}` };\n        else\n          argStack.push(functionResult.value!);\n\n        break;\n    }\n  }\n\n  if (argStack.length !== 1) {\n    return { errorMessage: \"Formula is invalid.\" };\n  }\n\n  const resultType = argStack.pop();\n  if (!resultType || resultType === \"Undefined\") {\n    return { errorMessage: \"Formula cannot always return null.\" };\n  }\n\n  return { value: resultType };\n}\n\n"]}

package/lib/cjs/formula/Types.d.ts

@@ -1,7 +1,7 @@
 export declare type ValueType = number | string | boolean;
 export declare type PossibleValueType = ValueType | undefined;
-export declare type DataType = "number" | "string" | "boolean";
-export declare type PossibleDataType = DataType | "undefined";
+export declare type DataType = "Number" | "String" | "Boolean";
+export declare type PossibleDataType = DataType | "Undefined";
 export interface PropertyMap {
     [key: string]: PossibleDataType;
 }

package/lib/cjs/formula/Types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Types.js","sourceRoot":"","sources":["../../../src/formula/Types.ts"],"names":[],"mappings":"","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*--------------------------------------------------------------------------------------------*/\nexport type ValueType = number | string | boolean;\n\nexport type PossibleValueType = ValueType | undefined;\n\nexport type DataType = \"number\" | \"string\" | \"boolean\";\n\nexport type PossibleDataType = DataType | \"undefined\";\n\nexport interface PropertyMap { [key: string]: PossibleDataType }\n"]}
+{"version":3,"file":"Types.js","sourceRoot":"","sources":["../../../src/formula/Types.ts"],"names":[],"mappings":"","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*--------------------------------------------------------------------------------------------*/\nexport type ValueType = number | string | boolean;\n\nexport type PossibleValueType = ValueType | undefined;\n\nexport type DataType = \"Number\" | \"String\" | \"Boolean\";\n\nexport type PossibleDataType = DataType | \"Undefined\";\n\nexport interface PropertyMap { [key: string]: PossibleDataType }\n"]}

package/lib/cjs/grouping-mapping-widget.d.ts

@@ -1,11 +1,16 @@
 /** UI Provider for iTwin Viewer Applications */
 export * from "./widget/GroupingMappingWidget";
 /** Interfaces for providing custom MappingClient */
-export { createDefaultMappingClient, ClientPrefix } from "./widget/components/GroupingMapping";
+export { createDefaultMappingClient } from "./widget/components/context/MappingClientContext";
+export { ClientPrefix } from "./widget/components/context/GroupingApiConfigContext";
 export * from "@itwin/insights-client";
 export * from "./widget/IMappingClient";
 /** Internal components for custom UIs */
 export { Mappings } from "./widget/components/Mapping";
 export { Groupings } from "./widget/components/Grouping";
 export { PropertyMenu } from "./widget/components/PropertyMenu";
+/** Formula DataType resolver */
+export { resolveFormulaDataType } from "./formula/FormulaDataTypeResolver";
+export { DataType, PropertyMap } from "./formula/Types";
+export { IResult } from "./formula/IResult";
 //# sourceMappingURL=grouping-mapping-widget.d.ts.map

package/lib/cjs/grouping-mapping-widget.js

@@ -10,7 +10,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PropertyMenu = exports.Groupings = exports.Mappings = exports.createDefaultMappingClient = void 0;
+exports.resolveFormulaDataType = exports.PropertyMenu = exports.Groupings = exports.Mappings = exports.createDefaultMappingClient = void 0;
 /*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -18,8 +18,8 @@ exports.PropertyMenu = exports.Groupings = exports.Mappings = exports.createDefa
 /** UI Provider for iTwin Viewer Applications */
 __exportStar(require("./widget/GroupingMappingWidget"), exports);
 /** Interfaces for providing custom MappingClient */
-var GroupingMapping_1 = require("./widget/components/GroupingMapping");
-Object.defineProperty(exports, "createDefaultMappingClient", { enumerable: true, get: function () { return GroupingMapping_1.createDefaultMappingClient; } });
+var MappingClientContext_1 = require("./widget/components/context/MappingClientContext");
+Object.defineProperty(exports, "createDefaultMappingClient", { enumerable: true, get: function () { return MappingClientContext_1.createDefaultMappingClient; } });
 __exportStar(require("@itwin/insights-client"), exports);
 __exportStar(require("./widget/IMappingClient"), exports);
 /** Internal components for custom UIs */
@@ -29,4 +29,7 @@ var Grouping_1 = require("./widget/components/Grouping");
 Object.defineProperty(exports, "Groupings", { enumerable: true, get: function () { return Grouping_1.Groupings; } });
 var PropertyMenu_1 = require("./widget/components/PropertyMenu");
 Object.defineProperty(exports, "PropertyMenu", { enumerable: true, get: function () { return PropertyMenu_1.PropertyMenu; } });
+/** Formula DataType resolver */
+var FormulaDataTypeResolver_1 = require("./formula/FormulaDataTypeResolver");
+Object.defineProperty(exports, "resolveFormulaDataType", { enumerable: true, get: function () { return FormulaDataTypeResolver_1.resolveFormulaDataType; } });
 //# sourceMappingURL=grouping-mapping-widget.js.map

package/lib/cjs/grouping-mapping-widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"grouping-mapping-widget.js","sourceRoot":"","sources":["../../src/grouping-mapping-widget.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,gDAAgD;AAChD,iEAA+C;AAE/C,oDAAoD;AACpD,uEAA+F;AAAtF,6HAAA,0BAA0B,OAAA;AACnC,yDAAuC;AACvC,0DAAwC;AAExC,yCAAyC;AACzC,uDAAuD;AAA9C,mGAAA,QAAQ,OAAA;AACjB,yDAAyD;AAAhD,qGAAA,SAAS,OAAA;AAClB,iEAAgE;AAAvD,4GAAA,YAAY,OAAA","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*--------------------------------------------------------------------------------------------*/\n/** UI Provider for iTwin Viewer Applications */\nexport * from \"./widget/GroupingMappingWidget\";\n\n/** Interfaces for providing custom MappingClient */\nexport { createDefaultMappingClient, ClientPrefix } from \"./widget/components/GroupingMapping\";\nexport * from \"@itwin/insights-client\";\nexport * from \"./widget/IMappingClient\";\n\n/** Internal components for custom UIs */\nexport { Mappings } from \"./widget/components/Mapping\";\nexport { Groupings } from \"./widget/components/Grouping\";\nexport { PropertyMenu } from \"./widget/components/PropertyMenu\";\n"]}
+{"version":3,"file":"grouping-mapping-widget.js","sourceRoot":"","sources":["../../src/grouping-mapping-widget.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,gDAAgD;AAChD,iEAA+C;AAE/C,oDAAoD;AACpD,yFAA8F;AAArF,kIAAA,0BAA0B,OAAA;AAEnC,yDAAuC;AACvC,0DAAwC;AAExC,yCAAyC;AACzC,uDAAuD;AAA9C,mGAAA,QAAQ,OAAA;AACjB,yDAAyD;AAAhD,qGAAA,SAAS,OAAA;AAClB,iEAAgE;AAAvD,4GAAA,YAAY,OAAA;AAErB,gCAAgC;AAChC,6EAA2E;AAAlE,iIAAA,sBAAsB,OAAA","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*--------------------------------------------------------------------------------------------*/\n/** UI Provider for iTwin Viewer Applications */\nexport * from \"./widget/GroupingMappingWidget\";\n\n/** Interfaces for providing custom MappingClient */\nexport { createDefaultMappingClient } from \"./widget/components/context/MappingClientContext\";\nexport { ClientPrefix } from \"./widget/components/context/GroupingApiConfigContext\";\nexport * from \"@itwin/insights-client\";\nexport * from \"./widget/IMappingClient\";\n\n/** Internal components for custom UIs */\nexport { Mappings } from \"./widget/components/Mapping\";\nexport { Groupings } from \"./widget/components/Grouping\";\nexport { PropertyMenu } from \"./widget/components/PropertyMenu\";\n\n/** Formula DataType resolver */\nexport { resolveFormulaDataType } from \"./formula/FormulaDataTypeResolver\";\nexport { DataType, PropertyMap } from \"./formula/Types\";\nexport { IResult } from \"./formula/IResult\";\n"]}

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

@@ -1,13 +1,10 @@
 import type { AbstractWidgetProps, UiItemsProvider } from "@itwin/appui-abstract";
 import { AbstractZoneLocation, StagePanelLocation, StagePanelSection } from "@itwin/appui-abstract";
-import type { AccessToken } from "@itwin/core-bentley";
-import type { IMappingClient } from "./IMappingClient";
+import type { GroupingMappingProps } from "./components/GroupingMapping";
 export declare class GroupingMappingProvider implements UiItemsProvider {
+    private readonly _props;
     readonly id = "GroupingMappingProvider";
-    private readonly _accessToken?;
-    private readonly _prefix?;
-    private readonly _client?;
-    constructor(accessToken?: AccessToken, prefix?: "" | "dev" | "qa", client?: IMappingClient);
+    constructor(_props?: GroupingMappingProps);
     provideWidgets(_stageId: string, stageUsage: string, location: StagePanelLocation, section?: StagePanelSection, zonelocation?: AbstractZoneLocation): ReadonlyArray<AbstractWidgetProps>;
 }
 //# sourceMappingURL=GroupingMappingWidget.d.ts.map

package/lib/cjs/widget/GroupingMappingWidget.js

@@ -8,11 +8,9 @@ const appui_abstract_1 = require("@itwin/appui-abstract");
 const react_1 = __importDefault(require("react"));
 const GroupingMapping_1 = __importDefault(require("./components/GroupingMapping"));
 class GroupingMappingProvider {
-    constructor(accessToken, prefix, client) {
+    constructor(_props = {}) {
+        this._props = _props;
         this.id = "GroupingMappingProvider";
-        this._accessToken = accessToken;
-        this._prefix = prefix;
-        this._client = client;
     }
     provideWidgets(_stageId, stageUsage, location, section, zonelocation) {
         const widgets = [];
@@ -24,7 +22,7 @@ class GroupingMappingProvider {
                 id: "GroupingMappingWidget",
                 label: "Grouping & Mapping",
                 getWidgetContent: () => {
-                    return react_1.default.createElement(GroupingMapping_1.default, { accessToken: this._accessToken, prefix: this._prefix, client: this._client });
+                    return react_1.default.createElement(GroupingMapping_1.default, { ...this._props });
                 },
             };
             widgets.push(GroupingMappingWidget);

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

@@ -1 +1 @@
-{"version":3,"file":"GroupingMappingWidget.js","sourceRoot":"","sources":["../../../src/widget/GroupingMappingWidget.tsx"],"names":[],"mappings":";;;;;;AAQA,0DAK+B;AAE/B,kDAA0B;AAC1B,mFAA2D;AAI3D,MAAa,uBAAuB;IAOlC,YAAY,WAAyB,EAAE,MAA0B,EAAE,MAAuB;QAN1E,OAAE,GAAG,yBAAyB,CAAC;QAO7C,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;QAChC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;IACxB,CAAC;IAEM,cAAc,CACnB,QAAgB,EAChB,UAAkB,EAClB,QAA4B,EAC5B,OAA2B,EAC3B,YAAmC;QAEnC,MAAM,OAAO,GAA0B,EAAE,CAAC;QAC1C,IACE,CAAC,QAAQ,KAAK,mCAAkB,CAAC,IAAI;YACnC,OAAO,KAAK,kCAAiB,CAAC,KAAK;YACnC,UAAU,KAAK,2BAAU,CAAC,OAAO,CAAC;YACpC,YAAY,KAAK,qCAAoB,CAAC,UAAU,EAChD;YACA,MAAM,qBAAqB,GAAwB;gBACjD,EAAE,EAAE,uBAAuB;gBAC3B,KAAK,EAAE,oBAAoB;gBAC3B,gBAAgB,EAAE,GAAG,EAAE;oBACrB,OAAO,8BAAC,yBAAe,IAAC,WAAW,EAAE,IAAI,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,GAAI,CAAC;gBACzG,CAAC;aACF,CAAC;YAEF,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;SACrC;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;CACF;AAxCD,0DAwCC","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  AbstractWidgetProps,\n  UiItemsProvider,\n} from \"@itwin/appui-abstract\";\nimport {\n  AbstractZoneLocation,\n  StagePanelLocation,\n  StagePanelSection,\n  StageUsage,\n} from \"@itwin/appui-abstract\";\nimport type { AccessToken } from \"@itwin/core-bentley\";\nimport React from \"react\";\nimport GroupingMapping from \"./components/GroupingMapping\";\nimport type { ClientPrefix } from \"./components/GroupingMapping\";\nimport type { IMappingClient } from \"./IMappingClient\";\n\nexport class GroupingMappingProvider implements UiItemsProvider {\n  public readonly id = \"GroupingMappingProvider\";\n\n  private readonly _accessToken?: AccessToken;\n  private readonly _prefix?: ClientPrefix;\n  private readonly _client?: IMappingClient;\n\n  constructor(accessToken?: AccessToken, prefix?: \"\" | \"dev\" | \"qa\", client?: IMappingClient) {\n    this._accessToken = accessToken;\n    this._prefix = prefix;\n    this._client = client;\n  }\n\n  public provideWidgets(\n    _stageId: string,\n    stageUsage: string,\n    location: StagePanelLocation,\n    section?: StagePanelSection,\n    zonelocation?: AbstractZoneLocation\n  ): ReadonlyArray<AbstractWidgetProps> {\n    const widgets: AbstractWidgetProps[] = [];\n    if (\n      (location === StagePanelLocation.Left &&\n        section === StagePanelSection.Start &&\n        stageUsage === StageUsage.General) ||\n      zonelocation === AbstractZoneLocation.CenterLeft\n    ) {\n      const GroupingMappingWidget: AbstractWidgetProps = {\n        id: \"GroupingMappingWidget\",\n        label: \"Grouping & Mapping\",\n        getWidgetContent: () => {\n          return <GroupingMapping accessToken={this._accessToken} prefix={this._prefix} client={this._client} />;\n        },\n      };\n\n      widgets.push(GroupingMappingWidget);\n    }\n\n    return widgets;\n  }\n}\n"]}
+{"version":3,"file":"GroupingMappingWidget.js","sourceRoot":"","sources":["../../../src/widget/GroupingMappingWidget.tsx"],"names":[],"mappings":";;;;;;AAQA,0DAK+B;AAC/B,kDAA0B;AAE1B,mFAA2D;AAE3D,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,EAC3B,YAAmC;QAEnC,MAAM,OAAO,GAA0B,EAAE,CAAC;QAC1C,IACE,CAAC,QAAQ,KAAK,mCAAkB,CAAC,IAAI;YACnC,OAAO,KAAK,kCAAiB,CAAC,KAAK;YACnC,UAAU,KAAK,2BAAU,CAAC,OAAO,CAAC;YACpC,YAAY,KAAK,qCAAoB,CAAC,UAAU,EAChD;YACA,MAAM,qBAAqB,GAAwB;gBACjD,EAAE,EAAE,uBAAuB;gBAC3B,KAAK,EAAE,oBAAoB;gBAC3B,gBAAgB,EAAE,GAAG,EAAE;oBACrB,OAAO,8BAAC,yBAAe,OAAK,IAAI,CAAC,MAAM,GAAI,CAAC;gBAC9C,CAAC;aACF,CAAC;YAEF,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;SACrC;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;CACF;AAhCD,0DAgCC","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  AbstractWidgetProps,\n  UiItemsProvider,\n} from \"@itwin/appui-abstract\";\nimport {\n  AbstractZoneLocation,\n  StagePanelLocation,\n  StagePanelSection,\n  StageUsage,\n} from \"@itwin/appui-abstract\";\nimport React from \"react\";\nimport type { GroupingMappingProps } from \"./components/GroupingMapping\";\nimport GroupingMapping from \"./components/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    zonelocation?: AbstractZoneLocation\n  ): ReadonlyArray<AbstractWidgetProps> {\n    const widgets: AbstractWidgetProps[] = [];\n    if (\n      (location === StagePanelLocation.Left &&\n        section === StagePanelSection.Start &&\n        stageUsage === StageUsage.General) ||\n      zonelocation === AbstractZoneLocation.CenterLeft\n    ) {\n      const GroupingMappingWidget: AbstractWidgetProps = {\n        id: \"GroupingMappingWidget\",\n        label: \"Grouping & Mapping\",\n        getWidgetContent: () => {\n          return <GroupingMapping {...this._props} />;\n        },\n      };\n\n      widgets.push(GroupingMappingWidget);\n    }\n\n    return widgets;\n  }\n}\n"]}

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

@@ -35,11 +35,12 @@ const useValidator_1 = __importStar(require("../hooks/useValidator"));
 const utils_1 = require("./utils");
 const viewerUtils_1 = require("./viewerUtils");
 require("./CalculatedPropertyAction.scss");
-const GroupingMapping_1 = require("./GroupingMapping");
+const MappingClientContext_1 = require("./context/MappingClientContext");
+const GroupingApiConfigContext_1 = require("./context/GroupingApiConfigContext");
 const CalculatedPropertyAction = ({ iModelId, mappingId, groupId, property, ids, returnFn, }) => {
     var _a, _b, _c;
-    const apiContext = react_1.useContext(GroupingMapping_1.ApiContext);
-    const mappingClient = react_1.useContext(GroupingMapping_1.MappingClientContext);
+    const { getAccessToken } = GroupingApiConfigContext_1.useGroupingMappingApiConfig();
+    const mappingClient = MappingClientContext_1.useMappingClient();
     const [propertyName, setPropertyName] = react_1.useState((_a = property === null || property === void 0 ? void 0 : property.propertyName) !== null && _a !== void 0 ? _a : "");
     const [type, setType] = react_1.useState((_b = property === null || property === void 0 ? void 0 : property.type) !== null && _b !== void 0 ? _b : "");
     const [bboxDecorator, setBboxDecorator] = react_1.useState();
@@ -88,12 +89,13 @@ const CalculatedPropertyAction = ({ iModelId, mappingId, groupId, property, ids,
         }
         try {
             setIsLoading(true);
+            const accessToken = await getAccessToken();
             property
-                ? await mappingClient.updateCalculatedProperty(apiContext.accessToken, iModelId, mappingId, groupId, (_a = property.id) !== null && _a !== void 0 ? _a : "", {
+                ? await mappingClient.updateCalculatedProperty(accessToken, iModelId, mappingId, groupId, (_a = property.id) !== null && _a !== void 0 ? _a : "", {
                     propertyName,
                     type,
                 })
-                : await mappingClient.createCalculatedProperty(apiContext.accessToken, iModelId, mappingId, groupId, {
+                : await mappingClient.createCalculatedProperty(accessToken, iModelId, mappingId, groupId, {
                     propertyName,
                     type,
                 });

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

@@ -1 +1 @@
-{"version":3,"file":"CalculatedPropertyAction.js","sourceRoot":"","sources":["../../../../src/widget/components/CalculatedPropertyAction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,wDAAiD;AAIjD,wDAM8B;AAC9B,+CAA+D;AAC/D,gEAAwC;AACxC,sFAGkD;AAClD,sEAAwE;AACxE,mCAAoD;AACpD,+CAAkE;AAClE,2CAAyC;AAEzC,uDAAqE;AAWrE,MAAM,wBAAwB,GAAG,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,EACH,QAAQ,GACsB,EAAE,EAAE;;IAClC,MAAM,UAAU,GAAG,kBAAU,CAAC,4BAAU,CAAC,CAAC;IAC1C,MAAM,aAAa,GAAG,kBAAU,CAAC,sCAAoB,CAAC,CAAC;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,gBAAQ,CAC9C,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,mCAAI,EAAE,CAC7B,CAAC;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,gBAAQ,CAAS,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,EAAE,CAAC,CAAC;IAC/D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,gBAAQ,EAAuC,CAAC;IAC1F,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,gBAAQ,CAAU,KAAK,CAAC,CAAC;IAC3D,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,gBAAQ,EAA0C,CAAC;IACzG,MAAM,CAAC,SAAS,EAAE,qBAAqB,CAAC,GAAG,sBAAY,EAAE,CAAC;IAE1D,iBAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,IAAI,iDAAuB,EAAE,CAAC;QAChD,yBAAS,CAAC,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;QAC9C,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAC5B,OAAO,GAAG,EAAE;YACV,yBAAS,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QACjD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,iBAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE;YACpB,OAAO;SACR;QACD,+BAAiB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;QACnC,KAAK,4BAAc,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,iBAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE;YACpB,OAAO;SACR;QACD,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;YAC5B,IAAI,aAAa,EAAE;gBACjB,MAAM,aAAa,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;gBACvC,sBAAsB,CAAC,aAAa,CAAC,sBAAsB,EAAE,CAAC,CAAC;aAChE;QACH,CAAC,CAAC;QACF,KAAK,UAAU,EAAE,CAAC;IACpB,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC,CAAC;IAEzB,iBAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,IAAI,IAAI,IAAI,mBAAmB,EAAE;YAChD,mBAAmB,CAAC,GAAG,CAAC,uCAAa,CAAC,IAAkC,CAAC,CAAC;gBACxE,CAAC,CAAC,aAAa,CAAC,WAAW,CACzB,uCAAa,CAAC,IAAkC,CAAC,CAClD;gBACD,CAAC,CAAC,aAAa,CAAC,YAAY,EAAE,CAAC;SAClC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,mBAAmB,EAAE,IAAI,CAAC,CAAC,CAAC;IAE/C,MAAM,MAAM,GAAG,KAAK,IAAI,EAAE;;QACxB,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE;YACzB,qBAAqB,CAAC,IAAI,CAAC,CAAC;YAC5B,OAAO;SACR;QACD,IAAI;YACF,YAAY,CAAC,IAAI,CAAC,CAAC;YAEnB,QAAQ;gBACN,CAAC,CAAC,MAAM,aAAa,CAAC,wBAAwB,CAC5C,UAAU,CAAC,WAAW,EACtB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,MAAA,QAAQ,CAAC,EAAE,mCAAI,EAAE,EACjB;oBACE,YAAY;oBACZ,IAAI;iBACL,CACF;gBACD,CAAC,CAAC,MAAM,aAAa,CAAC,wBAAwB,CAC5C,UAAU,CAAC,WAAW,EACtB,QAAQ,EACR,SAAS,EACT,OAAO,EACP;oBACE,YAAY;oBACZ,IAAI;iBACL,CACF,CAAC;YACJ,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAC;SACtB;QAAC,OAAO,KAAU,EAAE;YACnB,mBAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAC1B,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE;;QACvC,OAAA,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,GAAG,CACtB,uCAAa,CAAC,KAAmC,CAAC,CACnD,KAAI,CACH,2CACG,GAAG,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CACnB,GAAG,CAAC,uCAAa,CAAC,KAAmC,CAAC,CAAC,0CACvD,WAAW,CAAC,CAAC,CAAC,GAAG,CACjB,CACP,CAAA;KAAA,CAAC;IAEJ,OAAO,CACL;QACE,8BAAC,oBAAY,IACX,KAAK,EACH,QAAQ;gBACN,CAAC,CAAC,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,mCAAI,EAAE,EAAE;gBACnC,CAAC,CAAC,4BAA4B,EAElC,QAAQ,EAAE,KAAK,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GACrC;QACF,uCAAK,SAAS,EAAC,wCAAwC;YACrD,8BAAC,wBAAQ,IAAC,MAAM,EAAC,6BAA6B,EAAC,SAAS,EAAC,cAAc;gBACrE,8BAAC,qBAAK,IAAC,SAAS,EAAC,cAAc,6CAEvB;gBACR,8BAAC,4BAAY,IACX,KAAK,EAAE,YAAY,EACnB,QAAQ,QACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBACpC,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;oBACnC,CAAC,EACD,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,YAAY,EAAE,gCAAiB,CAAC,EACnE,MAAM,EACJ,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,YAAY,EAAE,gCAAiB,CAAC;wBACxD,CAAC,CAAC,UAAU;wBACZ,CAAC,CAAC,SAAS,EAEf,MAAM,EAAE,GAAG,EAAE;wBACX,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;oBACnC,CAAC,EACD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;wBACvB,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBACpC,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;oBACnC,CAAC,GACD;gBACF,8BAAC,6BAAa,IACZ,KAAK,EAAC,eAAe,EACrB,QAAQ,QACR,OAAO,EAAE;wBACP,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;wBACpC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;wBAChC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;wBACpC;4BACE,KAAK,EAAE,8BAA8B;4BACrC,KAAK,EAAE,qBAAqB;yBAC7B;wBACD;4BACE,KAAK,EAAE,mCAAmC;4BAC1C,KAAK,EAAE,0BAA0B;yBAClC;wBACD;4BACE,KAAK,EAAE,+BAA+B;4BACtC,KAAK,EAAE,sBAAsB;yBAC9B;wBACD;4BACE,KAAK,EAAE,2BAA2B;4BAClC,KAAK,EAAE,iBAAiB;yBACzB;wBACD;4BACE,KAAK,EAAE,sCAAsC;4BAC7C,KAAK,EAAE,8BAA8B;yBACtC;wBACD;4BACE,KAAK,EAAE,2CAA2C;4BAClD,KAAK,EAAE,mCAAmC;yBAC3C;wBACD;4BACE,KAAK,EAAE,uCAAuC;4BAC9C,KAAK,EAAE,+BAA+B;yBACvC;qBACF,EACD,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,OAAO,EACjB,YAAY,EAAE,CAAC,MAA4B,EAAE,EAAE,CAAC,CAC9C,8BAAC,wBAAQ;wBACP,uCAAK,SAAS,EAAC,iBAAiB;4BAC9B,2CAAM,MAAM,CAAC,KAAK,CAAO;4BACxB,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,CACzB,CACG,CACZ,EACD,oBAAoB,EAAE,CAAC,MAA4B,EAAE,EAAE,CAAC,CACtD,uCAAK,SAAS,EAAC,aAAa;wBAC1B,2CAAM,MAAM,CAAC,KAAK,CAAO;wBACxB,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,CACzB,CACP,EACD,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,EACjB,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,GACjB,CACO,CACP;QACN,8BAAC,qBAAW,IACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,KAAK,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EACrC,gBAAgB,EAAE,CAAC,CAAC,IAAI,IAAI,YAAY,CAAC,EACzC,SAAS,EAAE,SAAS,GACpB,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,wBAAwB,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 { IModelApp } from \"@itwin/core-frontend\";\nimport type {\n  SelectOption,\n} from \"@itwin/itwinui-react\";\nimport {\n  Fieldset,\n  LabeledInput,\n  LabeledSelect,\n  MenuItem,\n  Small,\n} from \"@itwin/itwinui-react\";\nimport React, { useContext, useEffect, useState } from \"react\";\nimport ActionPanel from \"./ActionPanel\";\nimport {\n  BboxDimension,\n  BboxDimensionsDecorator,\n} from \"../../decorators/BboxDimensionsDecorator\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../hooks/useValidator\";\nimport { handleError, WidgetHeader } from \"./utils\";\nimport { visualizeElements, zoomToElements } from \"./viewerUtils\";\nimport \"./CalculatedPropertyAction.scss\";\nimport type { CalculatedPropertyType } from \"./CalculatedPropertyTable\";\nimport { ApiContext, MappingClientContext } from \"./GroupingMapping\";\n\ninterface CalculatedPropertyActionProps {\n  iModelId: string;\n  mappingId: string;\n  groupId: string;\n  property?: CalculatedPropertyType;\n  ids: string[];\n  returnFn: (modified: boolean) => Promise<void>;\n}\n\nconst CalculatedPropertyAction = ({\n  iModelId,\n  mappingId,\n  groupId,\n  property,\n  ids,\n  returnFn,\n}: CalculatedPropertyActionProps) => {\n  const apiContext = useContext(ApiContext);\n  const mappingClient = useContext(MappingClientContext);\n  const [propertyName, setPropertyName] = useState<string>(\n    property?.propertyName ?? \"\",\n  );\n  const [type, setType] = useState<string>(property?.type ?? \"\");\n  const [bboxDecorator, setBboxDecorator] = useState<BboxDimensionsDecorator | undefined>();\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const [inferredSpatialData, setInferredSpatialData] = useState<Map<BboxDimension, number> | undefined>();\n  const [validator, showValidationMessage] = useValidator();\n\n  useEffect(() => {\n    const decorator = new BboxDimensionsDecorator();\n    IModelApp.viewManager.addDecorator(decorator);\n    setBboxDecorator(decorator);\n    return () => {\n      IModelApp.viewManager.dropDecorator(decorator);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (ids.length === 0) {\n      return;\n    }\n    visualizeElements([ids[0]], \"red\");\n    void zoomToElements([ids[0]]);\n  }, [ids]);\n\n  useEffect(() => {\n    if (ids.length === 0) {\n      return;\n    }\n    const setContext = async () => {\n      if (bboxDecorator) {\n        await bboxDecorator.setContext(ids[0]);\n        setInferredSpatialData(bboxDecorator.getInferredSpatialData());\n      }\n    };\n    void setContext();\n  }, [bboxDecorator, ids]);\n\n  useEffect(() => {\n    if (bboxDecorator && type && inferredSpatialData) {\n      inferredSpatialData.has(BboxDimension[type as keyof typeof BboxDimension])\n        ? bboxDecorator.drawContext(\n          BboxDimension[type as keyof typeof BboxDimension],\n        )\n        : bboxDecorator.clearContext();\n    }\n  }, [bboxDecorator, inferredSpatialData, type]);\n\n  const onSave = async () => {\n    if (!validator.allValid()) {\n      showValidationMessage(true);\n      return;\n    }\n    try {\n      setIsLoading(true);\n\n      property\n        ? await mappingClient.updateCalculatedProperty(\n          apiContext.accessToken,\n          iModelId,\n          mappingId,\n          groupId,\n          property.id ?? \"\",\n          {\n            propertyName,\n            type,\n          },\n        )\n        : await mappingClient.createCalculatedProperty(\n          apiContext.accessToken,\n          iModelId,\n          mappingId,\n          groupId,\n          {\n            propertyName,\n            type,\n          },\n        );\n      await returnFn(true);\n    } catch (error: any) {\n      handleError(error.status);\n      setIsLoading(false);\n    }\n  };\n\n  const getSpatialData = (value: string) =>\n    inferredSpatialData?.has(\n      BboxDimension[value as keyof typeof BboxDimension],\n    ) && (\n      <div>\n        {`${inferredSpatialData\n          ?.get(BboxDimension[value as keyof typeof BboxDimension])\n          ?.toPrecision(4)}m`}\n      </div>\n    );\n\n  return (\n    <>\n      <WidgetHeader\n        title={\n          property\n            ? `${property?.propertyName ?? \"\"}`\n            : \"Create Calculated Property\"\n        }\n        returnFn={async () => returnFn(false)}\n      />\n      <div className='calculated-properties-action-container'>\n        <Fieldset legend='Calculated Property Details' className='details-form'>\n          <Small className='field-legend'>\n            Asterisk * indicates mandatory fields.\n          </Small>\n          <LabeledInput\n            value={propertyName}\n            required\n            name='name'\n            label='Name'\n            onChange={(event) => {\n              setPropertyName(event.target.value);\n              validator.showMessageFor(\"name\");\n            }}\n            message={validator.message(\"name\", propertyName, NAME_REQUIREMENTS)}\n            status={\n              validator.message(\"name\", propertyName, NAME_REQUIREMENTS)\n                ? \"negative\"\n                : undefined\n            }\n            onBlur={() => {\n              validator.showMessageFor(\"name\");\n            }}\n            onBlurCapture={(event) => {\n              setPropertyName(event.target.value);\n              validator.showMessageFor(\"name\");\n            }}\n          />\n          <LabeledSelect<string>\n            label='Quantity Type'\n            required\n            options={[\n              { value: \"Length\", label: \"Length\" },\n              { value: \"Area\", label: \"Area\" },\n              { value: \"Volume\", label: \"Volume\" },\n              {\n                value: \"BoundingBoxLongestEdgeLength\",\n                label: \"Longest Edge Length\",\n              },\n              {\n                value: \"BoundingBoxIntermediateEdgeLength\",\n                label: \"Intermediate Edge Length\",\n              },\n              {\n                value: \"BoundingBoxShortestEdgeLength\",\n                label: \"Shortest Edge Length\",\n              },\n              {\n                value: \"BoundingBoxDiagonalLength\",\n                label: \"Diagonal Length\",\n              },\n              {\n                value: \"BoundingBoxLongestFaceDiagonalLength\",\n                label: \"Longest Face Diagonal Length\",\n              },\n              {\n                value: \"BoundingBoxIntermediateFaceDiagonalLength\",\n                label: \"Intermediate Face Diagonal Length\",\n              },\n              {\n                value: \"BoundingBoxShortestFaceDiagonalLength\",\n                label: \"Shortest Face Diagonal Length\",\n              },\n            ]}\n            value={type}\n            onChange={setType}\n            itemRenderer={(option: SelectOption<string>) => (\n              <MenuItem>\n                <div className='gr-cp-menu-item'>\n                  <div>{option.label}</div>\n                  {getSpatialData(option.value)}\n                </div>\n              </MenuItem>\n            )}\n            selectedItemRenderer={(option: SelectOption<string>) => (\n              <div className='select-item'>\n                <div>{option.label}</div>\n                {getSpatialData(option.value)}\n              </div>\n            )}\n            onShow={() => { }}\n            onHide={() => { }}\n          />\n        </Fieldset>\n      </div>\n      <ActionPanel\n        onSave={onSave}\n        onCancel={async () => returnFn(false)}\n        isSavingDisabled={!(type && propertyName)}\n        isLoading={isLoading}\n      />\n    </>\n  );\n};\n\nexport default CalculatedPropertyAction;\n"]}
+{"version":3,"file":"CalculatedPropertyAction.js","sourceRoot":"","sources":["../../../../src/widget/components/CalculatedPropertyAction.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 { IModelApp } from \"@itwin/core-frontend\";\nimport type {\n  SelectOption,\n} from \"@itwin/itwinui-react\";\nimport {\n  Fieldset,\n  LabeledInput,\n  LabeledSelect,\n  MenuItem,\n  Small,\n} from \"@itwin/itwinui-react\";\nimport React, { useEffect, useState } from \"react\";\nimport ActionPanel from \"./ActionPanel\";\nimport {\n  BboxDimension,\n  BboxDimensionsDecorator,\n} from \"../../decorators/BboxDimensionsDecorator\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../hooks/useValidator\";\nimport { handleError, WidgetHeader } from \"./utils\";\nimport { visualizeElements, zoomToElements } from \"./viewerUtils\";\nimport \"./CalculatedPropertyAction.scss\";\nimport type { CalculatedPropertyType } from \"./CalculatedPropertyTable\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\n\ninterface CalculatedPropertyActionProps {\n  iModelId: string;\n  mappingId: string;\n  groupId: string;\n  property?: CalculatedPropertyType;\n  ids: string[];\n  returnFn: (modified: boolean) => Promise<void>;\n}\n\nconst CalculatedPropertyAction = ({\n  iModelId,\n  mappingId,\n  groupId,\n  property,\n  ids,\n  returnFn,\n}: CalculatedPropertyActionProps) => {\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [propertyName, setPropertyName] = useState<string>(\n    property?.propertyName ?? \"\",\n  );\n  const [type, setType] = useState<string>(property?.type ?? \"\");\n  const [bboxDecorator, setBboxDecorator] = useState<BboxDimensionsDecorator | undefined>();\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const [inferredSpatialData, setInferredSpatialData] = useState<Map<BboxDimension, number> | undefined>();\n  const [validator, showValidationMessage] = useValidator();\n\n  useEffect(() => {\n    const decorator = new BboxDimensionsDecorator();\n    IModelApp.viewManager.addDecorator(decorator);\n    setBboxDecorator(decorator);\n    return () => {\n      IModelApp.viewManager.dropDecorator(decorator);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (ids.length === 0) {\n      return;\n    }\n    visualizeElements([ids[0]], \"red\");\n    void zoomToElements([ids[0]]);\n  }, [ids]);\n\n  useEffect(() => {\n    if (ids.length === 0) {\n      return;\n    }\n    const setContext = async () => {\n      if (bboxDecorator) {\n        await bboxDecorator.setContext(ids[0]);\n        setInferredSpatialData(bboxDecorator.getInferredSpatialData());\n      }\n    };\n    void setContext();\n  }, [bboxDecorator, ids]);\n\n  useEffect(() => {\n    if (bboxDecorator && type && inferredSpatialData) {\n      inferredSpatialData.has(BboxDimension[type as keyof typeof BboxDimension])\n        ? bboxDecorator.drawContext(\n          BboxDimension[type as keyof typeof BboxDimension],\n        )\n        : bboxDecorator.clearContext();\n    }\n  }, [bboxDecorator, inferredSpatialData, type]);\n\n  const onSave = async () => {\n    if (!validator.allValid()) {\n      showValidationMessage(true);\n      return;\n    }\n    try {\n      setIsLoading(true);\n\n      const accessToken = await getAccessToken();\n\n      property\n        ? await mappingClient.updateCalculatedProperty(\n          accessToken,\n          iModelId,\n          mappingId,\n          groupId,\n          property.id ?? \"\",\n          {\n            propertyName,\n            type,\n          },\n        )\n        : await mappingClient.createCalculatedProperty(\n          accessToken,\n          iModelId,\n          mappingId,\n          groupId,\n          {\n            propertyName,\n            type,\n          },\n        );\n      await returnFn(true);\n    } catch (error: any) {\n      handleError(error.status);\n      setIsLoading(false);\n    }\n  };\n\n  const getSpatialData = (value: string) =>\n    inferredSpatialData?.has(\n      BboxDimension[value as keyof typeof BboxDimension],\n    ) && (\n      <div>\n        {`${inferredSpatialData\n          ?.get(BboxDimension[value as keyof typeof BboxDimension])\n          ?.toPrecision(4)}m`}\n      </div>\n    );\n\n  return (\n    <>\n      <WidgetHeader\n        title={\n          property\n            ? `${property?.propertyName ?? \"\"}`\n            : \"Create Calculated Property\"\n        }\n        returnFn={async () => returnFn(false)}\n      />\n      <div className='calculated-properties-action-container'>\n        <Fieldset legend='Calculated Property Details' className='details-form'>\n          <Small className='field-legend'>\n            Asterisk * indicates mandatory fields.\n          </Small>\n          <LabeledInput\n            value={propertyName}\n            required\n            name='name'\n            label='Name'\n            onChange={(event) => {\n              setPropertyName(event.target.value);\n              validator.showMessageFor(\"name\");\n            }}\n            message={validator.message(\"name\", propertyName, NAME_REQUIREMENTS)}\n            status={\n              validator.message(\"name\", propertyName, NAME_REQUIREMENTS)\n                ? \"negative\"\n                : undefined\n            }\n            onBlur={() => {\n              validator.showMessageFor(\"name\");\n            }}\n            onBlurCapture={(event) => {\n              setPropertyName(event.target.value);\n              validator.showMessageFor(\"name\");\n            }}\n          />\n          <LabeledSelect<string>\n            label='Quantity Type'\n            required\n            options={[\n              { value: \"Length\", label: \"Length\" },\n              { value: \"Area\", label: \"Area\" },\n              { value: \"Volume\", label: \"Volume\" },\n              {\n                value: \"BoundingBoxLongestEdgeLength\",\n                label: \"Longest Edge Length\",\n              },\n              {\n                value: \"BoundingBoxIntermediateEdgeLength\",\n                label: \"Intermediate Edge Length\",\n              },\n              {\n                value: \"BoundingBoxShortestEdgeLength\",\n                label: \"Shortest Edge Length\",\n              },\n              {\n                value: \"BoundingBoxDiagonalLength\",\n                label: \"Diagonal Length\",\n              },\n              {\n                value: \"BoundingBoxLongestFaceDiagonalLength\",\n                label: \"Longest Face Diagonal Length\",\n              },\n              {\n                value: \"BoundingBoxIntermediateFaceDiagonalLength\",\n                label: \"Intermediate Face Diagonal Length\",\n              },\n              {\n                value: \"BoundingBoxShortestFaceDiagonalLength\",\n                label: \"Shortest Face Diagonal Length\",\n              },\n            ]}\n            value={type}\n            onChange={setType}\n            itemRenderer={(option: SelectOption<string>) => (\n              <MenuItem>\n                <div className='gr-cp-menu-item'>\n                  <div>{option.label}</div>\n                  {getSpatialData(option.value)}\n                </div>\n              </MenuItem>\n            )}\n            selectedItemRenderer={(option: SelectOption<string>) => (\n              <div className='select-item'>\n                <div>{option.label}</div>\n                {getSpatialData(option.value)}\n              </div>\n            )}\n            onShow={() => { }}\n            onHide={() => { }}\n          />\n        </Fieldset>\n      </div>\n      <ActionPanel\n        onSave={onSave}\n        onCancel={async () => returnFn(false)}\n        isSavingDisabled={!(type && propertyName)}\n        isLoading={isLoading}\n      />\n    </>\n  );\n};\n\nexport default CalculatedPropertyAction;\n"]}

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

@@ -31,11 +31,12 @@ const itwinui_react_1 = require("@itwin/itwinui-react");
 const react_1 = __importStar(require("react"));
 const PropertyMenu_1 = require("./PropertyMenu");
 const DeleteModal_1 = __importDefault(require("./DeleteModal"));
-const GroupingMapping_1 = require("./GroupingMapping");
+const MappingClientContext_1 = require("./context/MappingClientContext");
+const GroupingApiConfigContext_1 = require("./context/GroupingApiConfigContext");
 const CalculatedPropertyTable = ({ iModelId, mappingId, groupId, setSelectedCalculatedProperty, setGroupModifyView, onCalculatedPropertyModify, isLoadingCalculatedProperties: isLoadingGroupProperties, calculatedProperties, refreshCalculatedProperties, selectedCalculatedProperty, }) => {
     var _a;
-    const apiContext = react_1.useContext(GroupingMapping_1.ApiContext);
-    const mappingClient = react_1.useContext(GroupingMapping_1.MappingClientContext);
+    const { getAccessToken } = GroupingApiConfigContext_1.useGroupingMappingApiConfig();
+    const mappingClient = MappingClientContext_1.useMappingClient();
     const [showCalculatedPropertyDeleteModal, setShowCalculatedPropertyDeleteModal,] = react_1.useState(false);
     const calculatedPropertiesColumns = react_1.useMemo(() => [
         {
@@ -77,7 +78,8 @@ const CalculatedPropertyTable = ({ iModelId, mappingId, groupId, setSelectedCalc
         react_1.default.createElement(itwinui_react_1.Table, { data: calculatedProperties, density: 'extra-condensed', columns: calculatedPropertiesColumns, emptyTableContent: 'No Calculated Properties', isSortable: true, isLoading: isLoadingGroupProperties }),
         react_1.default.createElement(DeleteModal_1.default, { entityName: (_a = selectedCalculatedProperty === null || selectedCalculatedProperty === void 0 ? void 0 : selectedCalculatedProperty.propertyName) !== null && _a !== void 0 ? _a : "", show: showCalculatedPropertyDeleteModal, setShow: setShowCalculatedPropertyDeleteModal, onDelete: async () => {
                 var _a;
-                await mappingClient.deleteCalculatedProperty(apiContext.accessToken, iModelId, mappingId, groupId, (_a = selectedCalculatedProperty === null || selectedCalculatedProperty === void 0 ? void 0 : selectedCalculatedProperty.id) !== null && _a !== void 0 ? _a : "");
+                const accessToken = await getAccessToken();
+                await mappingClient.deleteCalculatedProperty(accessToken, iModelId, mappingId, groupId, (_a = selectedCalculatedProperty === null || selectedCalculatedProperty === void 0 ? void 0 : selectedCalculatedProperty.id) !== null && _a !== void 0 ? _a : "");
             }, refresh: refreshCalculatedProperties })));
 };
 exports.default = CalculatedPropertyTable;

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

@@ -1 +1 @@
-{"version":3,"file":"CalculatedPropertyTable.js","sourceRoot":"","sources":["../../../../src/widget/components/CalculatedPropertyTable.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 {\n  SvgAdd,\n  SvgDelete,\n  SvgEdit,\n  SvgMore,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  DropdownMenu,\n  IconButton,\n  MenuItem,\n  Table,\n} from \"@itwin/itwinui-react\";\nimport React, { useContext, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../utils\";\nimport { PropertyMenuView } from \"./PropertyMenu\";\nimport type { CellProps } from \"react-table\";\nimport DeleteModal from \"./DeleteModal\";\nimport type { CalculatedProperty } from \"@itwin/insights-client\";\nimport { ApiContext, MappingClientContext } from \"./GroupingMapping\";\n\nexport type CalculatedPropertyType =\n  CreateTypeFromInterface<CalculatedProperty>;\n\ninterface CalculatedPropertyTableProps {\n  iModelId: string;\n  mappingId: string;\n  groupId: string;\n  setSelectedCalculatedProperty: React.Dispatch<React.SetStateAction<CreateTypeFromInterface<CalculatedPropertyType> | undefined>>;\n  setGroupModifyView: React.Dispatch<React.SetStateAction<PropertyMenuView>>;\n  onCalculatedPropertyModify: (value: CellProps<CalculatedPropertyType>) => void;\n  isLoadingCalculatedProperties: boolean;\n  calculatedProperties: CalculatedPropertyType[];\n  refreshCalculatedProperties: () => Promise<void>;\n  selectedCalculatedProperty?: CalculatedPropertyType;\n}\n\nconst CalculatedPropertyTable = ({\n  iModelId,\n  mappingId,\n  groupId,\n  setSelectedCalculatedProperty,\n  setGroupModifyView,\n  onCalculatedPropertyModify,\n  isLoadingCalculatedProperties: isLoadingGroupProperties,\n  calculatedProperties,\n  refreshCalculatedProperties,\n  selectedCalculatedProperty,\n}: CalculatedPropertyTableProps) => {\n  const apiContext = useContext(ApiContext);\n  const mappingClient = useContext(MappingClientContext);\n  const [\n    showCalculatedPropertyDeleteModal,\n    setShowCalculatedPropertyDeleteModal,\n  ] = useState<boolean>(false);\n\n  const calculatedPropertiesColumns = useMemo(\n    () => [\n      {\n        Header: \"Table\",\n        columns: [\n          {\n            id: \"propertyName\",\n            Header: \"Calculated Property\",\n            accessor: \"propertyName\",\n            Cell: (value: CellProps<CalculatedPropertyType>) => (\n              <div\n                className='iui-anchor'\n                onClick={() => onCalculatedPropertyModify(value)}\n              >\n                {value.row.original.propertyName}\n              </div>\n            ),\n          },\n          {\n            id: \"dropdown\",\n            Header: \"\",\n            width: 80,\n            Cell: (value: CellProps<CalculatedPropertyType>) => {\n              return (\n                <DropdownMenu\n                  menuItems={(close: () => void) => [\n                    <MenuItem\n                      key={0}\n                      onClick={() => onCalculatedPropertyModify(value)}\n                      icon={<SvgEdit />}\n                    >\n                      Modify\n                    </MenuItem>,\n                    <MenuItem\n                      key={1}\n                      onClick={() => {\n                        setSelectedCalculatedProperty(value.row.original);\n                        setShowCalculatedPropertyDeleteModal(true);\n                        close();\n                      }}\n                      icon={<SvgDelete />}\n                    >\n                      Remove\n                    </MenuItem>,\n                  ]}\n                >\n                  <IconButton styleType='borderless'>\n                    <SvgMore\n                      style={{\n                        width: \"16px\",\n                        height: \"16px\",\n                      }}\n                    />\n                  </IconButton>\n                </DropdownMenu>\n              );\n            },\n          },\n        ],\n      },\n    ],\n    [onCalculatedPropertyModify, setSelectedCalculatedProperty],\n  );\n\n  return (\n    <>\n      <Button\n        startIcon={<SvgAdd />}\n        styleType='high-visibility'\n        onClick={() => {\n          setGroupModifyView(PropertyMenuView.ADD_CALCULATED_PROPERTY);\n        }}\n      >\n        Add Calculated Property\n      </Button>\n      <Table<CalculatedPropertyType>\n        data={calculatedProperties}\n        density='extra-condensed'\n        columns={calculatedPropertiesColumns}\n        emptyTableContent='No Calculated Properties'\n        isSortable\n        isLoading={isLoadingGroupProperties}\n      />\n\n      <DeleteModal\n        entityName={selectedCalculatedProperty?.propertyName ?? \"\"}\n        show={showCalculatedPropertyDeleteModal}\n        setShow={setShowCalculatedPropertyDeleteModal}\n        onDelete={async () => {\n          await mappingClient.deleteCalculatedProperty(\n            apiContext.accessToken,\n            iModelId,\n            mappingId,\n            groupId,\n            selectedCalculatedProperty?.id ?? \"\",\n          );\n        }}\n        refresh={refreshCalculatedProperties}\n      />\n    </>\n  );\n};\n\nexport default CalculatedPropertyTable;\n"]}
+{"version":3,"file":"CalculatedPropertyTable.js","sourceRoot":"","sources":["../../../../src/widget/components/CalculatedPropertyTable.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 {\n  SvgAdd,\n  SvgDelete,\n  SvgEdit,\n  SvgMore,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  DropdownMenu,\n  IconButton,\n  MenuItem,\n  Table,\n} from \"@itwin/itwinui-react\";\nimport React, { useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../utils\";\nimport { PropertyMenuView } from \"./PropertyMenu\";\nimport type { CellProps } from \"react-table\";\nimport DeleteModal from \"./DeleteModal\";\nimport type { CalculatedProperty } from \"@itwin/insights-client\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\n\nexport type CalculatedPropertyType =\n  CreateTypeFromInterface<CalculatedProperty>;\n\ninterface CalculatedPropertyTableProps {\n  iModelId: string;\n  mappingId: string;\n  groupId: string;\n  setSelectedCalculatedProperty: React.Dispatch<React.SetStateAction<CreateTypeFromInterface<CalculatedPropertyType> | undefined>>;\n  setGroupModifyView: React.Dispatch<React.SetStateAction<PropertyMenuView>>;\n  onCalculatedPropertyModify: (value: CellProps<CalculatedPropertyType>) => void;\n  isLoadingCalculatedProperties: boolean;\n  calculatedProperties: CalculatedPropertyType[];\n  refreshCalculatedProperties: () => Promise<void>;\n  selectedCalculatedProperty?: CalculatedPropertyType;\n}\n\nconst CalculatedPropertyTable = ({\n  iModelId,\n  mappingId,\n  groupId,\n  setSelectedCalculatedProperty,\n  setGroupModifyView,\n  onCalculatedPropertyModify,\n  isLoadingCalculatedProperties: isLoadingGroupProperties,\n  calculatedProperties,\n  refreshCalculatedProperties,\n  selectedCalculatedProperty,\n}: CalculatedPropertyTableProps) => {\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [\n    showCalculatedPropertyDeleteModal,\n    setShowCalculatedPropertyDeleteModal,\n  ] = useState<boolean>(false);\n\n  const calculatedPropertiesColumns = useMemo(\n    () => [\n      {\n        Header: \"Table\",\n        columns: [\n          {\n            id: \"propertyName\",\n            Header: \"Calculated Property\",\n            accessor: \"propertyName\",\n            Cell: (value: CellProps<CalculatedPropertyType>) => (\n              <div\n                className='iui-anchor'\n                onClick={() => onCalculatedPropertyModify(value)}\n              >\n                {value.row.original.propertyName}\n              </div>\n            ),\n          },\n          {\n            id: \"dropdown\",\n            Header: \"\",\n            width: 80,\n            Cell: (value: CellProps<CalculatedPropertyType>) => {\n              return (\n                <DropdownMenu\n                  menuItems={(close: () => void) => [\n                    <MenuItem\n                      key={0}\n                      onClick={() => onCalculatedPropertyModify(value)}\n                      icon={<SvgEdit />}\n                    >\n                      Modify\n                    </MenuItem>,\n                    <MenuItem\n                      key={1}\n                      onClick={() => {\n                        setSelectedCalculatedProperty(value.row.original);\n                        setShowCalculatedPropertyDeleteModal(true);\n                        close();\n                      }}\n                      icon={<SvgDelete />}\n                    >\n                      Remove\n                    </MenuItem>,\n                  ]}\n                >\n                  <IconButton styleType='borderless'>\n                    <SvgMore\n                      style={{\n                        width: \"16px\",\n                        height: \"16px\",\n                      }}\n                    />\n                  </IconButton>\n                </DropdownMenu>\n              );\n            },\n          },\n        ],\n      },\n    ],\n    [onCalculatedPropertyModify, setSelectedCalculatedProperty],\n  );\n\n  return (\n    <>\n      <Button\n        startIcon={<SvgAdd />}\n        styleType='high-visibility'\n        onClick={() => {\n          setGroupModifyView(PropertyMenuView.ADD_CALCULATED_PROPERTY);\n        }}\n      >\n        Add Calculated Property\n      </Button>\n      <Table<CalculatedPropertyType>\n        data={calculatedProperties}\n        density='extra-condensed'\n        columns={calculatedPropertiesColumns}\n        emptyTableContent='No Calculated Properties'\n        isSortable\n        isLoading={isLoadingGroupProperties}\n      />\n\n      <DeleteModal\n        entityName={selectedCalculatedProperty?.propertyName ?? \"\"}\n        show={showCalculatedPropertyDeleteModal}\n        setShow={setShowCalculatedPropertyDeleteModal}\n        onDelete={async () => {\n          const accessToken = await getAccessToken();\n          await mappingClient.deleteCalculatedProperty(\n            accessToken,\n            iModelId,\n            mappingId,\n            groupId,\n            selectedCalculatedProperty?.id ?? \"\",\n          );\n        }}\n        refresh={refreshCalculatedProperties}\n      />\n    </>\n  );\n};\n\nexport default CalculatedPropertyTable;\n"]}

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

@@ -30,12 +30,13 @@ const appui_react_1 = require("@itwin/appui-react");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const useValidator_1 = __importStar(require("../hooks/useValidator"));
 const utils_1 = require("./utils");
-const GroupingMapping_1 = require("./GroupingMapping");
+const MappingClientContext_1 = require("./context/MappingClientContext");
+const GroupingApiConfigContext_1 = require("./context/GroupingApiConfigContext");
 const ConfirmMappingImport = ({ sourceiModelId, selectedMappings, importing, setImporting, setSelectedMappings, backFn, onCancel, onFinish, }) => {
     var _a;
     const iModelId = (_a = appui_react_1.useActiveIModelConnection()) === null || _a === void 0 ? void 0 : _a.iModelId;
-    const apiContext = react_1.useContext(GroupingMapping_1.ApiContext);
-    const mappingClient = react_1.useContext(GroupingMapping_1.MappingClientContext);
+    const { getAccessToken } = GroupingApiConfigContext_1.useGroupingMappingApiConfig();
+    const mappingClient = MappingClientContext_1.useMappingClient();
     const [importCount, setImportCount] = react_1.useState(0);
     const [currentlyImporting, setCurrentlyImporting] = react_1.useState("");
     const [validator, showValidationMessage] = useValidator_1.default();
@@ -64,7 +65,8 @@ const ConfirmMappingImport = ({ sourceiModelId, selectedMappings, importing, set
         try {
             for (const selectedMapping of selectedMappings) {
                 setCurrentlyImporting((_a = selectedMapping.mappingName) !== null && _a !== void 0 ? _a : "");
-                await mappingClient.copyMapping(apiContext.accessToken, sourceiModelId, (_b = selectedMapping.id) !== null && _b !== void 0 ? _b : "", {
+                const accessToken = await getAccessToken();
+                await mappingClient.copyMapping(accessToken, sourceiModelId, (_b = selectedMapping.id) !== null && _b !== void 0 ? _b : "", {
                     targetIModelId: iModelId !== null && iModelId !== void 0 ? iModelId : "",
                     mappingName: (_c = selectedMapping.mappingName) !== null && _c !== void 0 ? _c : "",
                 });

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmMappingsImport.js","sourceRoot":"","sources":["../../../../src/widget/components/ConfirmMappingsImport.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 {\n  Button,\n  LabeledInput,\n  MiddleTextTruncation,\n  ProgressLinear,\n  Text,\n} from \"@itwin/itwinui-react\";\nimport React, { useContext, useEffect, useState } from \"react\";\nimport type { MappingType } from \"./Mapping\";\nimport \"./ConfirmMappingsImport.scss\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport { SvgStatusSuccessHollow } from \"@itwin/itwinui-icons-react\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../hooks/useValidator\";\nimport { handleError } from \"./utils\";\nimport { ApiContext, MappingClientContext } from \"./GroupingMapping\";\n\ninterface ConfirmMappingImportProps {\n  sourceiModelId: string;\n  selectedMappings: MappingType[];\n  importing: boolean;\n  setImporting: React.Dispatch<React.SetStateAction<boolean>>;\n  setSelectedMappings: React.Dispatch<React.SetStateAction<MappingType[]>>;\n  backFn: () => void;\n  onCancel: () => void;\n  onFinish: () => void;\n}\n\nconst ConfirmMappingImport = ({\n  sourceiModelId,\n  selectedMappings,\n  importing,\n  setImporting,\n  setSelectedMappings,\n  backFn,\n  onCancel,\n  onFinish,\n}: ConfirmMappingImportProps) => {\n  const iModelId = useActiveIModelConnection()?.iModelId;\n  const apiContext = useContext(ApiContext);\n  const mappingClient = useContext(MappingClientContext);\n\n  const [importCount, setImportCount] = useState<number>(0);\n  const [currentlyImporting, setCurrentlyImporting] = useState<string>(\"\");\n  const [validator, showValidationMessage] = useValidator();\n  const [errored, setErrored] = useState<boolean>(false);\n\n  useEffect(() => {\n    setSelectedMappings((selectedMappings) =>\n      selectedMappings.map((mapping) => ({\n        ...mapping,\n        mappingName: `${mapping.mappingName}_Copy`,\n      })),\n    );\n  }, [setSelectedMappings]);\n\n  const handleChange = (\n    e: React.ChangeEvent<HTMLInputElement>,\n    index: number,\n  ) => {\n    const newState = [...selectedMappings];\n    newState[index] = {\n      ...newState[index],\n      mappingName: e.target.value,\n    };\n    setSelectedMappings(newState);\n  };\n\n  const onImport = async () => {\n    if (!validator.allValid()) {\n      showValidationMessage(true);\n      return;\n    }\n    setImporting(true);\n    try {\n      for (const selectedMapping of selectedMappings) {\n        setCurrentlyImporting(selectedMapping.mappingName ?? \"\");\n        await mappingClient.copyMapping(\n          apiContext.accessToken,\n          sourceiModelId,\n          selectedMapping.id ?? \"\",\n          {\n            targetIModelId: iModelId ?? \"\",\n            mappingName: selectedMapping.mappingName ?? \"\",\n          },\n        );\n        setImportCount((importCount) => importCount + 1);\n      }\n    } catch (error: any) {\n      handleError(error);\n      setErrored(true);\n    }\n  };\n\n  return (\n    <>\n      {importing ? (\n        <div className='import-progress-container'>\n          <div className='import-progress-bar'>\n            <div className='import-progress-bar-description'>\n              {\n                !errored ? importCount !== selectedMappings.length ? (\n                  <>\n                    <Text variant='title'>Importing</Text>\n                    <Text>We are currently importing the mappings.</Text>\n                  </>\n                ) : (\n                  <>\n                    <Text variant='title'>Done!</Text>\n                    <Text>Your mapping(s) are ready.</Text>\n                  </>\n                ) :\n                  <>\n                    <Text variant='title'>Error!</Text>\n                    <Text>Sorry, there was an error importing some or all mappings.</Text>\n                  </>}\n            </div>\n            <ProgressLinear\n              value={(importCount / selectedMappings.length) * 100}\n              labels={\n                importCount === selectedMappings.length\n                  ? [\"Import done!\", <SvgStatusSuccessHollow key='0' />]\n                  : [\n                    <>\n                      <Text>Copying</Text>\n                      <MiddleTextTruncation text={currentlyImporting} />\n                    </>,\n                    `${importCount}/${selectedMappings.length}`,\n                  ]\n              }\n              status={\n                !errored ?\n                  importCount === selectedMappings.length ? \"positive\" : undefined : \"negative\"\n              }\n            />\n          </div>\n          <div className='import-action-panel'>\n            <Button\n              disabled={!errored && importCount !== selectedMappings.length}\n              onClick={() => {\n                setImporting(false);\n                setImportCount(0);\n                setCurrentlyImporting(\"\");\n                setErrored(false);\n              }}\n            >\n              Back\n            </Button>\n            <Button\n              styleType='high-visibility'\n              disabled={!errored && importCount !== selectedMappings.length}\n              onClick={() => onFinish()}\n            >\n              Close\n            </Button>\n          </div>\n        </div>\n      ) : (\n        <div className='rename-confirm-container '>\n          <div className='mapping-rename-container'>\n            <div className='mapping-row-header-container'>\n              <div className='mapping-row'>\n                <Text variant='leading'>Mapping </Text>\n                <Text variant='leading'>Description</Text>\n              </div>\n            </div>\n            <div className='mapping-row-body'>\n              {selectedMappings.map((mapping, index) => (\n                <div className='mapping-row-container' key={mapping.id}>\n                  <div className='mapping-row'>\n                    <LabeledInput\n                      value={mapping.mappingName}\n                      name={`mapping_${mapping.id}`}\n                      required\n                      onChange={(event) => {\n                        handleChange(event, index);\n                        validator.showMessageFor(`mapping_${mapping.id}`);\n                      }}\n                      message={validator.message(\n                        `mapping_${mapping.id}`,\n                        mapping.mappingName,\n                        NAME_REQUIREMENTS,\n                      )}\n                      status={\n                        validator.message(\n                          `mapping_${mapping.id}`,\n                          mapping.mappingName,\n                          NAME_REQUIREMENTS,\n                        )\n                          ? \"negative\"\n                          : undefined\n                      }\n                      onBlur={() => {\n                        validator.showMessageFor(`mapping_${mapping.id}`);\n                      }}\n                      onBlurCapture={(event) => {\n                        handleChange(event, index);\n                        validator.showMessageFor(`mapping_${mapping.id}`);\n                      }}\n                    />\n                    <div>{mapping.description}</div>\n                  </div>\n                  <div className='border-div' />\n                </div>\n              ))}\n            </div>\n          </div>\n          <div className='import-action-panel'>\n            <Button onClick={backFn}>Back</Button>\n            <Button styleType='high-visibility' onClick={async () => onImport()}>\n              Import\n            </Button>\n            <Button onClick={onCancel}>Cancel</Button>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default ConfirmMappingImport;\n"]}
+{"version":3,"file":"ConfirmMappingsImport.js","sourceRoot":"","sources":["../../../../src/widget/components/ConfirmMappingsImport.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 {\n  Button,\n  LabeledInput,\n  MiddleTextTruncation,\n  ProgressLinear,\n  Text,\n} from \"@itwin/itwinui-react\";\nimport React, { useEffect, useState } from \"react\";\nimport type { MappingType } from \"./Mapping\";\nimport \"./ConfirmMappingsImport.scss\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport { SvgStatusSuccessHollow } from \"@itwin/itwinui-icons-react\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../hooks/useValidator\";\nimport { handleError } from \"./utils\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\n\ninterface ConfirmMappingImportProps {\n  sourceiModelId: string;\n  selectedMappings: MappingType[];\n  importing: boolean;\n  setImporting: React.Dispatch<React.SetStateAction<boolean>>;\n  setSelectedMappings: React.Dispatch<React.SetStateAction<MappingType[]>>;\n  backFn: () => void;\n  onCancel: () => void;\n  onFinish: () => void;\n}\n\nconst ConfirmMappingImport = ({\n  sourceiModelId,\n  selectedMappings,\n  importing,\n  setImporting,\n  setSelectedMappings,\n  backFn,\n  onCancel,\n  onFinish,\n}: ConfirmMappingImportProps) => {\n  const iModelId = useActiveIModelConnection()?.iModelId;\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n\n  const [importCount, setImportCount] = useState<number>(0);\n  const [currentlyImporting, setCurrentlyImporting] = useState<string>(\"\");\n  const [validator, showValidationMessage] = useValidator();\n  const [errored, setErrored] = useState<boolean>(false);\n\n  useEffect(() => {\n    setSelectedMappings((selectedMappings) =>\n      selectedMappings.map((mapping) => ({\n        ...mapping,\n        mappingName: `${mapping.mappingName}_Copy`,\n      })),\n    );\n  }, [setSelectedMappings]);\n\n  const handleChange = (\n    e: React.ChangeEvent<HTMLInputElement>,\n    index: number,\n  ) => {\n    const newState = [...selectedMappings];\n    newState[index] = {\n      ...newState[index],\n      mappingName: e.target.value,\n    };\n    setSelectedMappings(newState);\n  };\n\n  const onImport = async () => {\n    if (!validator.allValid()) {\n      showValidationMessage(true);\n      return;\n    }\n    setImporting(true);\n    try {\n      for (const selectedMapping of selectedMappings) {\n        setCurrentlyImporting(selectedMapping.mappingName ?? \"\");\n        const accessToken = await getAccessToken();\n        await mappingClient.copyMapping(\n          accessToken,\n          sourceiModelId,\n          selectedMapping.id ?? \"\",\n          {\n            targetIModelId: iModelId ?? \"\",\n            mappingName: selectedMapping.mappingName ?? \"\",\n          },\n        );\n        setImportCount((importCount) => importCount + 1);\n      }\n    } catch (error: any) {\n      handleError(error);\n      setErrored(true);\n    }\n  };\n\n  return (\n    <>\n      {importing ? (\n        <div className='import-progress-container'>\n          <div className='import-progress-bar'>\n            <div className='import-progress-bar-description'>\n              {\n                !errored ? importCount !== selectedMappings.length ? (\n                  <>\n                    <Text variant='title'>Importing</Text>\n                    <Text>We are currently importing the mappings.</Text>\n                  </>\n                ) : (\n                  <>\n                    <Text variant='title'>Done!</Text>\n                    <Text>Your mapping(s) are ready.</Text>\n                  </>\n                ) :\n                  <>\n                    <Text variant='title'>Error!</Text>\n                    <Text>Sorry, there was an error importing some or all mappings.</Text>\n                  </>}\n            </div>\n            <ProgressLinear\n              value={(importCount / selectedMappings.length) * 100}\n              labels={\n                importCount === selectedMappings.length\n                  ? [\"Import done!\", <SvgStatusSuccessHollow key='0' />]\n                  : [\n                    <>\n                      <Text>Copying</Text>\n                      <MiddleTextTruncation text={currentlyImporting} />\n                    </>,\n                    `${importCount}/${selectedMappings.length}`,\n                  ]\n              }\n              status={\n                !errored ?\n                  importCount === selectedMappings.length ? \"positive\" : undefined : \"negative\"\n              }\n            />\n          </div>\n          <div className='import-action-panel'>\n            <Button\n              disabled={!errored && importCount !== selectedMappings.length}\n              onClick={() => {\n                setImporting(false);\n                setImportCount(0);\n                setCurrentlyImporting(\"\");\n                setErrored(false);\n              }}\n            >\n              Back\n            </Button>\n            <Button\n              styleType='high-visibility'\n              disabled={!errored && importCount !== selectedMappings.length}\n              onClick={() => onFinish()}\n            >\n              Close\n            </Button>\n          </div>\n        </div>\n      ) : (\n        <div className='rename-confirm-container '>\n          <div className='mapping-rename-container'>\n            <div className='mapping-row-header-container'>\n              <div className='mapping-row'>\n                <Text variant='leading'>Mapping </Text>\n                <Text variant='leading'>Description</Text>\n              </div>\n            </div>\n            <div className='mapping-row-body'>\n              {selectedMappings.map((mapping, index) => (\n                <div className='mapping-row-container' key={mapping.id}>\n                  <div className='mapping-row'>\n                    <LabeledInput\n                      value={mapping.mappingName}\n                      name={`mapping_${mapping.id}`}\n                      required\n                      onChange={(event) => {\n                        handleChange(event, index);\n                        validator.showMessageFor(`mapping_${mapping.id}`);\n                      }}\n                      message={validator.message(\n                        `mapping_${mapping.id}`,\n                        mapping.mappingName,\n                        NAME_REQUIREMENTS,\n                      )}\n                      status={\n                        validator.message(\n                          `mapping_${mapping.id}`,\n                          mapping.mappingName,\n                          NAME_REQUIREMENTS,\n                        )\n                          ? \"negative\"\n                          : undefined\n                      }\n                      onBlur={() => {\n                        validator.showMessageFor(`mapping_${mapping.id}`);\n                      }}\n                      onBlurCapture={(event) => {\n                        handleChange(event, index);\n                        validator.showMessageFor(`mapping_${mapping.id}`);\n                      }}\n                    />\n                    <div>{mapping.description}</div>\n                  </div>\n                  <div className='border-div' />\n                </div>\n              ))}\n            </div>\n          </div>\n          <div className='import-action-panel'>\n            <Button onClick={backFn}>Back</Button>\n            <Button styleType='high-visibility' onClick={async () => onImport()}>\n              Import\n            </Button>\n            <Button onClick={onCancel}>Cancel</Button>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default ConfirmMappingImport;\n"]}