@itwin/grouping-mapping-widget 0.5.8 → 0.7.0

package/README.md

@@ -29,3 +29,87 @@ import { GroupingMappingProvider } from "@itwin/grouping-mapping-widget";
   uiProviders={[new GroupingMappingProvider()]}
 />
 ```
+
+## Custom UI
+
+This package provides an interface to define your own custom UI or callback functions in grouping mapping widget. There are different types of custom UIs provided.
+
+### Grouping Custom UI
+
+You can use your own UI component to define group creation method.
+
+An example of grouping custom UI, [ManualGroupingCustomUI](https://github.com/iTwin/viewer-components-react/blob/master/packages/itwin/grouping-mapping-widget/src/widget/components/customUI/ManualGroupingCustomUI.tsx) helps user to manually define ECSQL query for groups.
+
+In `GroupingCustomUIProps`:
+
+- `updateQuery` is used to run the query and visualize results in the viewer.
+- `isUpdating` keeps track of the status of query execution.
+- `resetView` enables you to reset the viewer state.
+
+To configure your own grouping custom UI, you need to give it:
+
+- a `type` as `GroupingMappingCustomUIType.Grouping`
+- a `name` as identifier
+- a `displayLabel` which will be shown in the 'Add Group' dropdown list
+- a `uiComponent` like above
+- an optional `icon`
+
+You can define your UI provider as follows in the GroupingMappingProvider:
+
+```tsx
+new GroupingMappingProvider({
+  customUIs: [
+    {
+      type: GroupingMappingCustomUIType.Grouping,
+      name: "Manual",
+      displayLabel: "Manual Query",
+      uiComponent: ManualGroupingCustomUI,
+      icon: <SvgDraw />,
+    },
+  ],
+});
+```
+
+After adding the grouping custom UI, it will be presented in the 'Add Group' drop down list.
+
+![Process Functional Grouping Menu Item](./assets/ProcessGroupingMenuItem.jpg)
+
+### Context Custom UI
+
+You can also add custom UI in context menu for each group. This could be UI driven interaction or simply a callback function to execute your own code.
+
+You can use the `iModelId`, `mappingId` and `groupId` in `ContextCustomUIProps` provided by Grouping Mapping Widget in your UI component or callback.
+
+To configure your own context custom UI, you need to give it:
+
+- a `type` as `GroupingMappingCustomUIType.Context`
+- a `name` as identifier
+- a `displayLabel` which will be shown in the context dropdown list in each group tile
+- an optional `uiComponent` which will be presented in the widget as a UI component
+- an optional `onClick` callback function where you could make your own API calls
+- an optional `icon`
+
+You can define your context custom UI as following example in the GroupingMappingProvider with an example is to use [clash detection](https://www.itwinjs.org/sandboxes/iTwinPlatform/Clash%20Review) in the widget:
+
+```tsx
+const customCB = (groupId: string, mappingId: string, iModelId: string) => {
+  toaster.informational(`Called callback for group ${groupId}`)
+}
+
+new GroupingMappingProvider({
+  customUIs: [
+    {
+      type: GroupingMappingCustomUIType.Context,
+      name: "ClashDetection",
+      displayLabel: "Clash Detection",
+      uiComponent: ClashDetectionCustomUI,
+      onClick: customCB,
+      icon: <SvgClash />,
+    },
+  ],
+});
+```
+
+After adding the context custom UI, the context menu item will look like this with additional `Clash Detection` menu item.
+
+![Clash Detection Context Menu Item](./assets/ClashDetectionContextMenuItem.jpg)

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

@@ -4,7 +4,6 @@ export * from "./widget/GroupingMappingWidget";
 export { createDefaultMappingClient } from "./widget/components/context/MappingClientContext";
 export { ClientPrefix, GetAccessTokenFn } 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";
@@ -13,4 +12,5 @@ export { PropertyMenu } from "./widget/components/PropertyMenu";
 export { resolveFormulaDataType } from "./formula/FormulaDataTypeResolver";
 export { DataType, PropertyMap } from "./formula/Types";
 export { IResult } from "./formula/IResult";
+export { GroupingMappingCustomUI, GroupingMappingCustomUIType, ContextCustomUI, GroupingCustomUI, GroupingCustomUIProps, ContextCustomUIProps } from "./widget/components/customUI/GroupingMappingCustomUI";
 //# 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.resolveFormulaDataType = exports.PropertyMenu = exports.Groupings = exports.Mappings = exports.createDefaultMappingClient = void 0;
+exports.GroupingMappingCustomUIType = 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.
@@ -21,7 +21,6 @@ __exportStar(require("./widget/GroupingMappingWidget"), exports);
 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 */
 var Mapping_1 = require("./widget/components/Mapping");
 Object.defineProperty(exports, "Mappings", { enumerable: true, get: function () { return Mapping_1.Mappings; } });
@@ -32,4 +31,6 @@ Object.defineProperty(exports, "PropertyMenu", { enumerable: true, get: function
 /** Formula DataType resolver */
 var FormulaDataTypeResolver_1 = require("./formula/FormulaDataTypeResolver");
 Object.defineProperty(exports, "resolveFormulaDataType", { enumerable: true, get: function () { return FormulaDataTypeResolver_1.resolveFormulaDataType; } });
+var GroupingMappingCustomUI_1 = require("./widget/components/customUI/GroupingMappingCustomUI");
+Object.defineProperty(exports, "GroupingMappingCustomUIType", { enumerable: true, get: function () { return GroupingMappingCustomUI_1.GroupingMappingCustomUIType; } });
 //# 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,0EAA0E;AAC1E,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 and API configuration */\nexport { createDefaultMappingClient } from \"./widget/components/context/MappingClientContext\";\nexport { ClientPrefix, GetAccessTokenFn } 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"]}
+{"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,0EAA0E;AAC1E,yFAA8F;AAArF,kIAAA,0BAA0B,OAAA;AAEnC,yDAAuC;AAEvC,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;AAG/B,gGAA4M;AAA1K,sIAAA,2BAA2B,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 and API configuration */\nexport { createDefaultMappingClient } from \"./widget/components/context/MappingClientContext\";\nexport { ClientPrefix, GetAccessTokenFn } from \"./widget/components/context/GroupingApiConfigContext\";\nexport * from \"@itwin/insights-client\";\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\";\nexport { GroupingMappingCustomUI, GroupingMappingCustomUIType, ContextCustomUI, GroupingCustomUI, GroupingCustomUIProps, ContextCustomUIProps } from \"./widget/components/customUI/GroupingMappingCustomUI\";\n"]}

package/lib/cjs/test/GroupingMappingCustomUI.test.d.ts

@@ -0,0 +1,2 @@
+import "@testing-library/jest-dom";
+//# sourceMappingURL=GroupingMappingCustomUI.test.d.ts.map

package/lib/cjs/test/GroupingMappingCustomUI.test.js

@@ -0,0 +1,162 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/*---------------------------------------------------------------------------------------------
+* 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"));
+require("@testing-library/jest-dom");
+const test_utils_1 = require("./test-utils");
+const faker_1 = require("@faker-js/faker");
+const grouping_mapping_widget_1 = require("../grouping-mapping-widget");
+const moq = __importStar(require("typemoq"));
+const core_frontend_1 = require("@itwin/core-frontend");
+const presentation_frontend_1 = require("@itwin/presentation-frontend");
+const core_common_1 = require("@itwin/core-common");
+const mockITwinId = faker_1.faker.datatype.uuid();
+const mockIModelId = faker_1.faker.datatype.uuid();
+const mockMappingId = faker_1.faker.datatype.uuid();
+const mockMapping = {
+    id: mockMappingId,
+    mappingName: "mOcKmApPiNg1",
+    description: "mOcKmApPiNgDeScRiPtIoN1",
+    createdBy: faker_1.faker.random.alpha(),
+    createdOn: faker_1.faker.date.past().toDateString(),
+    modifiedBy: faker_1.faker.random.alpha(),
+    modifiedOn: faker_1.faker.date.past().toDateString(),
+    extractionEnabled: false,
+    _links: {
+        imodel: {
+            href: "",
+        },
+    },
+};
+const groupsFactory = () => ({
+    groups: Array.from({ length: faker_1.faker.datatype.number({ min: 3, max: 5 }) }, (_, index) => ({
+        id: `${faker_1.faker.datatype.uuid()}`,
+        groupName: `mOcKgRoUp${index}`,
+        description: `mOcKgRoUpDeScRiPtIoN${index}`,
+        query: `mOcKgRoUpQuErY${index}`,
+        _links: {
+            imodel: {
+                href: "",
+            },
+            mapping: {
+                href: "",
+            },
+        },
+    })),
+    _links: {
+        next: undefined,
+        self: {
+            href: "",
+        },
+    },
+});
+const connectionMock = moq.Mock.ofType();
+const selectionManagerMock = moq.Mock.ofType();
+const selectionScopesManagerMock = moq.Mock.ofType();
+jest.mock("@itwin/appui-react", () => ({
+    ...jest.requireActual("@itwin/appui-react"),
+    useActiveIModelConnection: () => connectionMock.object,
+}));
+beforeAll(async () => {
+    await core_frontend_1.NoRenderApp.startup({ localization: new core_common_1.EmptyLocalization() });
+    await presentation_frontend_1.Presentation.initialize();
+    const selectionSet = moq.Mock.ofType();
+    const onChanged = moq.Mock.ofType();
+    selectionSet.setup((x) => x.elements).returns(() => new Set([]));
+    selectionSet.setup((x) => x.onChanged).returns(() => onChanged.object);
+    connectionMock
+        .setup((x) => x.selectionSet)
+        .returns(() => selectionSet.object);
+    connectionMock.setup((x) => x.iModelId).returns(() => mockIModelId);
+    connectionMock.setup((x) => x.iTwinId).returns(() => mockITwinId);
+    selectionManagerMock
+        .setup((x) => x.selectionChange)
+        .returns(() => new presentation_frontend_1.SelectionChangeEvent());
+    selectionScopesManagerMock
+        .setup(async (x) => x.getSelectionScopes(connectionMock.object))
+        .returns(async () => []);
+    selectionManagerMock
+        .setup((x) => x.scopes)
+        .returns(() => selectionScopesManagerMock.object);
+    presentation_frontend_1.Presentation.setSelectionManager(selectionManagerMock.object);
+    await test_utils_1.TestUtils.initializeUiFramework(connectionMock.object);
+});
+describe("Groupings View with default UIs", () => {
+    it("List all groups and click on add group and edit group buttons", async () => {
+        // Arange
+        const mockGroups = groupsFactory();
+        const mockedAccessToken = await test_utils_1.mockAccessToken();
+        test_utils_1.mockMappingClient
+            .setup(async (x) => x.getGroups(mockedAccessToken, mockIModelId, mockMappingId))
+            .returns(async () => mockGroups.groups);
+        // Act
+        const { user } = test_utils_1.render(react_1.default.createElement(grouping_mapping_widget_1.Groupings, { mapping: mockMapping, goBack: jest.fn() }));
+        await test_utils_1.waitForElementToBeRemoved(() => test_utils_1.screen.getByText(/loading/i));
+        // Assert
+        const addButton = test_utils_1.screen.getAllByTestId("gmw-add-group-button");
+        expect(addButton).toHaveLength(1);
+        // Click on 'Add Group' button
+        await user.click(addButton[0]);
+        // Should have three menu items
+        const addSelection = test_utils_1.screen.getAllByTestId("gmw-add-0");
+        expect(addSelection).toHaveLength(1);
+        const addSearch = test_utils_1.screen.getAllByTestId("gmw-add-1");
+        expect(addSearch).toHaveLength(1);
+        const addManual = test_utils_1.screen.getAllByTestId("gmw-add-2");
+        expect(addManual).toHaveLength(1);
+        // Should have the right group number
+        const horizontalTiles = test_utils_1.screen.getAllByTestId("gmw-horizontal-tile");
+        expect(horizontalTiles).toHaveLength(mockGroups.groups.length);
+        horizontalTiles.forEach((horizontalTile, index) => {
+            var _a;
+            const groupTile = test_utils_1.within(horizontalTile);
+            expect(groupTile.getByText(mockGroups.groups[index].groupName)).toBeInTheDocument();
+            expect(groupTile.getByText((_a = mockGroups.groups[index].description) !== null && _a !== void 0 ? _a : "")).toBeInTheDocument();
+        });
+        // Click on first group more icon
+        const moreButton = test_utils_1.screen.getAllByTestId("gmw-more-button");
+        expect(moreButton).toHaveLength(mockGroups.groups.length);
+        await user.click(moreButton[0]);
+        // Should have 3 context menu items
+        const contextMenuItems = test_utils_1.screen.getAllByTestId("gmw-context-menu-item");
+        expect(contextMenuItems).toHaveLength(3);
+        expect(contextMenuItems[0]).toHaveTextContent("Edit");
+        expect(contextMenuItems[1]).toHaveTextContent("Properties");
+        expect(contextMenuItems[2]).toHaveTextContent("Remove");
+        // Hover on 'Edit'
+        await user.hover(contextMenuItems[0]);
+        // Should have 3 sub menu items
+        const editSelection = test_utils_1.screen.getAllByTestId(`gmw-edit-0`);
+        expect(editSelection).toHaveLength(1);
+        const editSearch = test_utils_1.screen.getAllByTestId(`gmw-edit-1`);
+        expect(editSearch).toHaveLength(1);
+        const editManual = test_utils_1.screen.getAllByTestId(`gmw-edit-2`);
+        expect(editManual).toHaveLength(1);
+    });
+});
+//# sourceMappingURL=GroupingMappingCustomUI.test.js.map

package/lib/cjs/test/GroupingMappingCustomUI.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupingMappingCustomUI.test.js","sourceRoot":"","sources":["../../../src/test/GroupingMappingCustomUI.test.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 \"@testing-library/jest-dom\";\nimport { mockAccessToken, mockMappingClient, render, screen, TestUtils, waitForElementToBeRemoved, within } from \"./test-utils\";\nimport { faker } from \"@faker-js/faker\";\nimport { Groupings } from \"../grouping-mapping-widget\";\nimport type { GroupCollection, Mapping} from \"@itwin/insights-client\";\nimport * as moq from \"typemoq\";\nimport type { IModelConnection, SelectionSet, SelectionSetEvent} from \"@itwin/core-frontend\";\nimport { NoRenderApp } from \"@itwin/core-frontend\";\nimport type { SelectionManager, SelectionScopesManager } from \"@itwin/presentation-frontend\";\nimport { Presentation, SelectionChangeEvent } from \"@itwin/presentation-frontend\";\nimport type { BeEvent } from \"@itwin/core-bentley\";\nimport { EmptyLocalization } from \"@itwin/core-common\";\n\nconst mockITwinId = faker.datatype.uuid();\nconst mockIModelId = faker.datatype.uuid();\nconst mockMappingId = faker.datatype.uuid();\nconst mockMapping: Mapping = {\n  id: mockMappingId,\n  mappingName: \"mOcKmApPiNg1\",\n  description: \"mOcKmApPiNgDeScRiPtIoN1\",\n  createdBy: faker.random.alpha(),\n  createdOn: faker.date.past().toDateString(),\n  modifiedBy: faker.random.alpha(),\n  modifiedOn: faker.date.past().toDateString(),\n  extractionEnabled:false,\n  _links: {\n    imodel: {\n      href: \"\",\n    },\n  },\n};\n\nconst groupsFactory = (): GroupCollection => ({\n  groups: Array.from(\n    { length: faker.datatype.number({ min: 3, max: 5 }) },\n    (_, index) => ({\n      id: `${faker.datatype.uuid()}`,\n      groupName: `mOcKgRoUp${index}`,\n      description: `mOcKgRoUpDeScRiPtIoN${index}`,\n      query: `mOcKgRoUpQuErY${index}`,\n      _links: {\n        imodel: {\n          href: \"\",\n        },\n        mapping: {\n          href: \"\",\n        },\n      },\n    })\n  ),\n  _links: {\n    next: undefined,\n    self: {\n      href: \"\",\n    },\n  },\n});\n\nconst connectionMock = moq.Mock.ofType<IModelConnection>();\nconst selectionManagerMock = moq.Mock.ofType<SelectionManager>();\nconst selectionScopesManagerMock = moq.Mock.ofType<SelectionScopesManager>();\n\njest.mock(\"@itwin/appui-react\", () => ({\n  ...jest.requireActual(\"@itwin/appui-react\"),\n  useActiveIModelConnection: () => connectionMock.object,\n}));\n\nbeforeAll(async () => {\n  await NoRenderApp.startup({localization: new EmptyLocalization()});\n  await Presentation.initialize();\n  const selectionSet = moq.Mock.ofType<SelectionSet>();\n  const onChanged = moq.Mock.ofType<BeEvent<(ev: SelectionSetEvent) => void>>();\n  selectionSet.setup((x) => x.elements).returns(() => new Set([]));\n  selectionSet.setup((x) => x.onChanged).returns(() => onChanged.object);\n  connectionMock\n    .setup((x) => x.selectionSet)\n    .returns(() => selectionSet.object);\n  connectionMock.setup((x) => x.iModelId).returns(() => mockIModelId);\n  connectionMock.setup((x) => x.iTwinId).returns(() => mockITwinId);\n\n  selectionManagerMock\n    .setup((x) => x.selectionChange)\n    .returns(() => new SelectionChangeEvent());\n\n  selectionScopesManagerMock\n    .setup(async (x) => x.getSelectionScopes(connectionMock.object))\n    .returns(async () => []);\n  selectionManagerMock\n    .setup((x) => x.scopes)\n    .returns(() => selectionScopesManagerMock.object);\n\n  Presentation.setSelectionManager(selectionManagerMock.object);\n  await TestUtils.initializeUiFramework(connectionMock.object);\n});\n\ndescribe(\"Groupings View with default UIs\", () => {\n  it(\"List all groups and click on add group and edit group buttons\", async () => {\n    // Arange\n    const mockGroups = groupsFactory();\n    const mockedAccessToken = await mockAccessToken();\n    mockMappingClient\n      .setup(async (x) => x.getGroups(mockedAccessToken, mockIModelId, mockMappingId))\n      .returns(async () => mockGroups.groups);\n\n    // Act\n    const { user } = render(<Groupings mapping={mockMapping} goBack={jest.fn()} />);\n    await waitForElementToBeRemoved(() => screen.getByText(/loading/i));\n\n    // Assert\n    const addButton = screen.getAllByTestId(\"gmw-add-group-button\");\n    expect(addButton).toHaveLength(1);\n\n    // Click on 'Add Group' button\n    await user.click(addButton[0]);\n\n    // Should have three menu items\n    const addSelection = screen.getAllByTestId(\"gmw-add-0\");\n    expect(addSelection).toHaveLength(1);\n    const addSearch = screen.getAllByTestId(\"gmw-add-1\");\n    expect(addSearch).toHaveLength(1);\n    const addManual = screen.getAllByTestId(\"gmw-add-2\");\n    expect(addManual).toHaveLength(1);\n\n    // Should have the right group number\n    const horizontalTiles = screen.getAllByTestId(\"gmw-horizontal-tile\");\n    expect(horizontalTiles).toHaveLength(mockGroups.groups.length);\n\n    horizontalTiles.forEach((horizontalTile, index) => {\n      const groupTile = within(horizontalTile);\n      expect(\n        groupTile.getByText(\n          mockGroups.groups[index].groupName\n        )\n      ).toBeInTheDocument();\n      expect(\n        groupTile.getByText(\n          mockGroups.groups[index].description ?? \"\"\n        )\n      ).toBeInTheDocument();\n    });\n\n    // Click on first group more icon\n    const moreButton = screen.getAllByTestId(\"gmw-more-button\");\n    expect(moreButton).toHaveLength(mockGroups.groups.length);\n\n    await user.click(moreButton[0]);\n\n    // Should have 3 context menu items\n    const contextMenuItems = screen.getAllByTestId(\"gmw-context-menu-item\");\n    expect(contextMenuItems).toHaveLength(3);\n    expect(contextMenuItems[0]).toHaveTextContent(\"Edit\");\n    expect(contextMenuItems[1]).toHaveTextContent(\"Properties\");\n    expect(contextMenuItems[2]).toHaveTextContent(\"Remove\");\n\n    // Hover on 'Edit'\n    await user.hover(contextMenuItems[0]);\n\n    // Should have 3 sub menu items\n    const editSelection = screen.getAllByTestId(`gmw-edit-0`);\n    expect(editSelection).toHaveLength(1);\n    const editSearch = screen.getAllByTestId(`gmw-edit-1`);\n    expect(editSearch).toHaveLength(1);\n    const editManual = screen.getAllByTestId(`gmw-edit-2`);\n    expect(editManual).toHaveLength(1);\n  });\n});\n"]}

package/lib/cjs/test/WidgetHeader.test.d.ts

@@ -0,0 +1,2 @@
+import "@testing-library/jest-dom";
+//# sourceMappingURL=WidgetHeader.test.d.ts.map

package/lib/cjs/test/WidgetHeader.test.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/*---------------------------------------------------------------------------------------------
+* 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"));
+require("@testing-library/jest-dom");
+const test_utils_1 = require("../test/test-utils");
+const utils_1 = require("../widget/components/utils");
+const faker_1 = require("@faker-js/faker");
+describe("Widget Header Component", () => {
+    it("title renders", async () => {
+        // Arrange
+        const fakeTitle = faker_1.faker.word.interjection();
+        // Act
+        test_utils_1.render(react_1.default.createElement(utils_1.WidgetHeader, { title: fakeTitle }));
+        // Assert
+        const title = test_utils_1.screen.getByText(fakeTitle);
+        expect(title).toHaveTextContent(fakeTitle);
+    });
+    it("header allows return callback", async () => {
+        // Arrange
+        const mockReturnFn = jest.fn();
+        // Act
+        const { user, container } = test_utils_1.render(react_1.default.createElement(utils_1.WidgetHeader, { title: "", returnFn: mockReturnFn }));
+        // Assert
+        const returnBtn = container.getElementsByClassName("gmw-chevron")[0];
+        await user.click(returnBtn);
+        expect(mockReturnFn).toHaveBeenCalledTimes(1);
+    });
+});
+//# sourceMappingURL=WidgetHeader.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetHeader.test.js","sourceRoot":"","sources":["../../../src/test/WidgetHeader.test.tsx"],"names":[],"mappings":";;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,qCAAmC;AACnC,mDAAoD;AACpD,sDAA0D;AAC1D,2CAAwC;AAExC,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;QAC7B,UAAU;QACV,MAAM,SAAS,GAAG,aAAK,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;QAE5C,MAAM;QACN,mBAAM,CAAC,8BAAC,oBAAY,IAAC,KAAK,EAAE,SAAS,GAAI,CAAC,CAAC;QAE3C,SAAS;QACT,MAAM,KAAK,GAAG,mBAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAC1C,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,UAAU;QACV,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAE/B,MAAM;QACN,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,mBAAM,CAAC,8BAAC,oBAAY,IAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,YAAY,GAAI,CAAC,CAAC;QAEtF,SAAS;QACT,MAAM,SAAS,GAAG,SAAS,CAAC,sBAAsB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;QACrE,MAAM,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC5B,MAAM,CAAC,YAAY,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport \"@testing-library/jest-dom\";\nimport { render, screen } from \"../test/test-utils\";\nimport { WidgetHeader } from \"../widget/components/utils\";\nimport { faker } from \"@faker-js/faker\";\n\ndescribe(\"Widget Header Component\", () => {\n  it(\"title renders\", async () => {\n    // Arrange\n    const fakeTitle = faker.word.interjection();\n\n    // Act\n    render(<WidgetHeader title={fakeTitle} />);\n\n    // Assert\n    const title = screen.getByText(fakeTitle);\n    expect(title).toHaveTextContent(fakeTitle);\n  });\n\n  it(\"header allows return callback\", async () => {\n    // Arrange\n    const mockReturnFn = jest.fn();\n\n    // Act\n    const { user, container } = render(<WidgetHeader title=\"\" returnFn={mockReturnFn} />);\n\n    // Assert\n    const returnBtn = container.getElementsByClassName(\"gmw-chevron\")[0];\n    await user.click(returnBtn);\n    expect(mockReturnFn).toHaveBeenCalledTimes(1);\n  });\n});\n"]}

package/lib/cjs/test/test-utils.d.ts

@@ -0,0 +1,72 @@
+import * as React from "react";
+import type { Store } from "redux";
+import type { IModelConnection } from "@itwin/core-frontend";
+import type { IMappingsClient } from "@itwin/insights-client";
+import type { GroupingMappingCustomUI } from "../grouping-mapping-widget";
+import * as moq from "typemoq";
+export declare const mockAccessToken: () => Promise<string>;
+export declare const mockMappingClient: moq.IMock<IMappingsClient>;
+declare function render(ui: React.ReactElement, mockUIs?: GroupingMappingCustomUI[], { ...options }?: {}): {
+    container: HTMLElement;
+    baseElement: HTMLElement;
+    debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: any) => void;
+    rerender: (ui: React.ReactElement<any, string | React.JSXElementConstructor<any>>) => void;
+    unmount: () => void;
+    asFragment: () => DocumentFragment;
+    getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
+    getAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    queryByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
+    queryAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    findByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
+    getAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    queryByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
+    queryAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
+    findByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByRole: (role: any, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement;
+    getAllByRole: (role: any, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement[];
+    queryByRole: (role: any, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement | null;
+    queryAllByRole: (role: any, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement[];
+    findByRole: (role: any, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByRole: (role: any, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    getByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
+    getAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
+    queryAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    findByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
+    findAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
+    user: import("@testing-library/user-event/dist/types/setup").UserEvent;
+};
+export * from "@testing-library/react";
+export { render };
+export declare class TestUtils {
+    static createAppStore(): Store;
+    static initializeUiFramework(_?: IModelConnection): Promise<void>;
+}
+//# sourceMappingURL=test-utils.d.ts.map

package/lib/cjs/test/test-utils.js

@@ -0,0 +1,71 @@
+"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;
+};
+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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TestUtils = exports.render = exports.mockMappingClient = exports.mockAccessToken = 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 = __importStar(require("react"));
+const react_1 = require("@testing-library/react");
+const redux_1 = require("redux");
+const appui_react_1 = require("@itwin/appui-react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const GroupingApiConfigContext_1 = require("../widget/components/context/GroupingApiConfigContext");
+const MappingClientContext_1 = require("../widget/components/context/MappingClientContext");
+const GroupingMappingCustomUIContext_1 = require("../widget/components/context/GroupingMappingCustomUIContext");
+const moq = __importStar(require("typemoq"));
+const mockAccessToken = async () => "Bearer eyJhbGci";
+exports.mockAccessToken = mockAccessToken;
+exports.mockMappingClient = moq.Mock.ofType();
+function render(ui, mockUIs = [], { ...options } = {}) {
+    const Wrapper = ({ children }) => (React.createElement(GroupingApiConfigContext_1.GroupingMappingApiConfigContext.Provider, { value: { getAccessToken: exports.mockAccessToken } },
+        React.createElement(MappingClientContext_1.MappingClientContext.Provider, { value: exports.mockMappingClient.object },
+            React.createElement(GroupingMappingCustomUIContext_1.GroupingMappingCustomUIContext.Provider, { value: mockUIs }, children))));
+    return {
+        user: user_event_1.default.setup(),
+        ...react_1.render(ui, { wrapper: Wrapper, ...options }),
+    };
+}
+exports.render = render;
+__exportStar(require("@testing-library/react"), exports);
+class TestUtils {
+    static createAppStore() {
+        const rootReducer = redux_1.combineReducers({
+            frameworkState: appui_react_1.FrameworkReducer,
+        });
+        return redux_1.createStore(rootReducer, window.__REDUX_DEVTOOLS_EXTENSION__ &&
+            window.__REDUX_DEVTOOLS_EXTENSION__());
+    }
+    static async initializeUiFramework(_) {
+        const store = this.createAppStore();
+        await appui_react_1.UiFramework.initialize(store);
+        appui_react_1.SyncUiEventDispatcher.setTimeoutPeriod(0); // disables non-immediate event processing.
+    }
+}
+exports.TestUtils = TestUtils;
+//# sourceMappingURL=test-utils.js.map

package/lib/cjs/test/test-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-utils.js","sourceRoot":"","sources":["../../../src/test/test-utils.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAC/B,kDAA6D;AAE7D,iCAAqD;AACrD,oDAI4B;AAE5B,6EAAoD;AACpD,oGAAwG;AAExG,4FAAyF;AACzF,gHAA6G;AAE7G,6CAA+B;AAExB,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC;AAAhD,QAAA,eAAe,mBAAiC;AAChD,QAAA,iBAAiB,GAAI,GAAG,CAAC,IAAI,CAAC,MAAM,EAAmB,CAAC;AAMrE,SAAS,MAAM,CAAC,EAAsB,EAAE,UAAqC,EAAE,EAAE,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE;IAClG,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAgB,EAAE,EAAE,CAAC,CAC9C,oBAAC,0DAA+B,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,uBAAe,EAAE;QAClF,oBAAC,2CAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,yBAAiB,CAAC,MAAM;YAC5D,oBAAC,+DAA8B,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,IACpD,QAAQ,CAC+B,CACZ,CACS,CAC5C,CAAC;IAEF,OAAO;QACL,IAAI,EAAE,oBAAS,CAAC,KAAK,EAAE;QACvB,GAAG,cAAS,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,OAAO,EAAE,CAAC;KACnD,CAAC;AACJ,CAAC;AAIQ,wBAAM;AAFf,yDAAuC;AAIvC,MAAa,SAAS;IACb,MAAM,CAAC,cAAc;QAC1B,MAAM,WAAW,GAAG,uBAAe,CAAC;YAClC,cAAc,EAAE,8BAAgB;SACjC,CAAC,CAAC;QAEH,OAAO,mBAAW,CAChB,WAAW,EACV,MAAc,CAAC,4BAA4B;YAC3C,MAAc,CAAC,4BAA4B,EAAE,CAC/C,CAAC;IACJ,CAAC;IAEM,MAAM,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAoB;QAC5D,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACpC,MAAM,yBAAW,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACpC,mCAAqB,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,2CAA2C;IACxF,CAAC;CACF;AAlBD,8BAkBC","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 * as React from \"react\";\nimport { render as rtlRender } from \"@testing-library/react\";\nimport type { Store } from \"redux\";\nimport { combineReducers, createStore } from \"redux\";\nimport {\n  FrameworkReducer,\n  SyncUiEventDispatcher,\n  UiFramework,\n} from \"@itwin/appui-react\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport userEvent from \"@testing-library/user-event\";\nimport { GroupingMappingApiConfigContext } from \"../widget/components/context/GroupingApiConfigContext\";\nimport type { IMappingsClient } from \"@itwin/insights-client\";\nimport { MappingClientContext } from \"../widget/components/context/MappingClientContext\";\nimport { GroupingMappingCustomUIContext } from \"../widget/components/context/GroupingMappingCustomUIContext\";\nimport type { GroupingMappingCustomUI } from \"../grouping-mapping-widget\";\nimport * as moq from \"typemoq\";\n\nexport const mockAccessToken = async () => \"Bearer eyJhbGci\";\nexport const mockMappingClient =  moq.Mock.ofType<IMappingsClient>();\n\ninterface WrapperProps {\n  children?: React.ReactNode;\n}\n\nfunction render(ui: React.ReactElement, mockUIs: GroupingMappingCustomUI[] = [], { ...options } = {}) {\n  const Wrapper = ({ children }: WrapperProps) => (\n    <GroupingMappingApiConfigContext.Provider value={{ getAccessToken: mockAccessToken }}>\n      <MappingClientContext.Provider value={mockMappingClient.object}>\n        <GroupingMappingCustomUIContext.Provider value={mockUIs}>\n          {children}\n        </GroupingMappingCustomUIContext.Provider>\n      </MappingClientContext.Provider>\n    </GroupingMappingApiConfigContext.Provider>\n  );\n\n  return {\n    user: userEvent.setup(),\n    ...rtlRender(ui, { wrapper: Wrapper, ...options }),\n  };\n}\n\nexport * from \"@testing-library/react\";\n// override React Testing Library's render with our own\nexport { render };\n\nexport class TestUtils {\n  public static createAppStore(): Store {\n    const rootReducer = combineReducers({\n      frameworkState: FrameworkReducer,\n    });\n\n    return createStore(\n      rootReducer,\n      (window as any).__REDUX_DEVTOOLS_EXTENSION__ &&\n      (window as any).__REDUX_DEVTOOLS_EXTENSION__()\n    );\n  }\n\n  public static async initializeUiFramework(_?: IModelConnection) {\n    const store = this.createAppStore();\n    await UiFramework.initialize(store);\n    SyncUiEventDispatcher.setTimeoutPeriod(0); // disables non-immediate event processing.\n  }\n}\n"]}

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

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import "./CalculatedPropertyAction.scss";
-import type { CalculatedPropertyType } from "./CalculatedPropertyTable";
+import type { ICalculatedPropertyTyped } from "./CalculatedPropertyTable";
 interface CalculatedPropertyActionProps {
     iModelId: string;
     mappingId: string;
     groupId: string;
-    property?: CalculatedPropertyType;
+    property?: ICalculatedPropertyTyped;
     ids: string[];
     returnFn: (modified: boolean) => Promise<void>;
 }