@itwin/grouping-mapping-widget 0.9.3 → 0.11.0

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

@@ -5,12 +5,18 @@ export { createDefaultMappingClient, createMappingClient, MappingClientContext,
 export { ClientPrefix, GetAccessTokenFn, GroupingMappingApiConfig, GroupingMappingApiConfigContext, useGroupingMappingApiConfig } from "./widget/components/context/GroupingApiConfigContext";
 export * from "@itwin/insights-client";
 /** Internal components for custom UIs */
-export { Mappings } from "./widget/components/Mapping";
-export { Groupings } from "./widget/components/Grouping";
+export { Mappings, MappingsProps } from "./widget/components/Mapping";
+export { MappingAction, MappingActionProps } from "./widget/components/MappingAction";
+export { GroupingMappingContext, GroupingMappingContextProps } from "./widget/components/GroupingMappingContext";
+export { Groupings, GroupingProps } from "./widget/components/Grouping";
+export { GroupAction, GroupActionProps } from "./widget/components/GroupAction";
 export { PropertyMenu } from "./widget/components/PropertyMenu";
+export { SearchGroupingCustomUI } from "./widget/components/customUI/SearchGroupingCustomUI";
+export { ManualGroupingCustomUI } from "./widget/components/customUI/ManualGroupingCustomUI";
+export { GroupQueryBuilderCustomUI } from "./widget/components/customUI/GroupQueryBuilderCustomUI";
+export { GroupingMappingCustomUI, GroupingMappingCustomUIType, ContextCustomUI, GroupingCustomUI, GroupingCustomUIProps, ContextCustomUIProps } from "./widget/components/customUI/GroupingMappingCustomUI";
 /** Formula DataType resolver */
 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.GroupingMappingCustomUIType = exports.resolveFormulaDataType = exports.PropertyMenu = exports.Groupings = exports.Mappings = exports.useGroupingMappingApiConfig = exports.GroupingMappingApiConfigContext = exports.useMappingClient = exports.MappingClientContext = exports.createMappingClient = exports.createDefaultMappingClient = void 0;
+exports.resolveFormulaDataType = exports.GroupingMappingCustomUIType = exports.GroupQueryBuilderCustomUI = exports.ManualGroupingCustomUI = exports.SearchGroupingCustomUI = exports.PropertyMenu = exports.GroupAction = exports.Groupings = exports.GroupingMappingContext = exports.MappingAction = exports.Mappings = exports.useGroupingMappingApiConfig = exports.GroupingMappingApiConfigContext = exports.useMappingClient = exports.MappingClientContext = exports.createMappingClient = 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.
@@ -30,13 +30,25 @@ __exportStar(require("@itwin/insights-client"), 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; } });
+var MappingAction_1 = require("./widget/components/MappingAction");
+Object.defineProperty(exports, "MappingAction", { enumerable: true, get: function () { return MappingAction_1.MappingAction; } });
+var GroupingMappingContext_1 = require("./widget/components/GroupingMappingContext");
+Object.defineProperty(exports, "GroupingMappingContext", { enumerable: true, get: function () { return GroupingMappingContext_1.GroupingMappingContext; } });
 var Grouping_1 = require("./widget/components/Grouping");
 Object.defineProperty(exports, "Groupings", { enumerable: true, get: function () { return Grouping_1.Groupings; } });
+var GroupAction_1 = require("./widget/components/GroupAction");
+Object.defineProperty(exports, "GroupAction", { enumerable: true, get: function () { return GroupAction_1.GroupAction; } });
 var PropertyMenu_1 = require("./widget/components/PropertyMenu");
 Object.defineProperty(exports, "PropertyMenu", { enumerable: true, get: function () { return PropertyMenu_1.PropertyMenu; } });
+var SearchGroupingCustomUI_1 = require("./widget/components/customUI/SearchGroupingCustomUI");
+Object.defineProperty(exports, "SearchGroupingCustomUI", { enumerable: true, get: function () { return SearchGroupingCustomUI_1.SearchGroupingCustomUI; } });
+var ManualGroupingCustomUI_1 = require("./widget/components/customUI/ManualGroupingCustomUI");
+Object.defineProperty(exports, "ManualGroupingCustomUI", { enumerable: true, get: function () { return ManualGroupingCustomUI_1.ManualGroupingCustomUI; } });
+var GroupQueryBuilderCustomUI_1 = require("./widget/components/customUI/GroupQueryBuilderCustomUI");
+Object.defineProperty(exports, "GroupQueryBuilderCustomUI", { enumerable: true, get: function () { return GroupQueryBuilderCustomUI_1.GroupQueryBuilderCustomUI; } });
+var GroupingMappingCustomUI_1 = require("./widget/components/customUI/GroupingMappingCustomUI");
+Object.defineProperty(exports, "GroupingMappingCustomUIType", { enumerable: true, get: function () { return GroupingMappingCustomUI_1.GroupingMappingCustomUIType; } });
 /** 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,yFAA2J;AAAlJ,kIAAA,0BAA0B,OAAA;AAAE,2HAAA,mBAAmB,OAAA;AAAE,4HAAA,oBAAoB,OAAA;AAAE,wHAAA,gBAAgB,OAAA;AAChG,iGAA8L;AAA3H,2IAAA,+BAA+B,OAAA;AAAE,uIAAA,2BAA2B,OAAA;AAC/H,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, createMappingClient, MappingClientContext, useMappingClient } from \"./widget/components/context/MappingClientContext\";\nexport { ClientPrefix, GetAccessTokenFn, GroupingMappingApiConfig, GroupingMappingApiConfigContext, useGroupingMappingApiConfig } 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"]}
+{"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,yFAA2J;AAAlJ,kIAAA,0BAA0B,OAAA;AAAE,2HAAA,mBAAmB,OAAA;AAAE,4HAAA,oBAAoB,OAAA;AAAE,wHAAA,gBAAgB,OAAA;AAChG,iGAA8L;AAA3H,2IAAA,+BAA+B,OAAA;AAAE,uIAAA,2BAA2B,OAAA;AAC/H,yDAAuC;AAEvC,yCAAyC;AACzC,uDAAsE;AAA7D,mGAAA,QAAQ,OAAA;AACjB,mEAAsF;AAA7E,8GAAA,aAAa,OAAA;AACtB,qFAAiH;AAAxG,gIAAA,sBAAsB,OAAA;AAC/B,yDAAwE;AAA/D,qGAAA,SAAS,OAAA;AAClB,+DAAgF;AAAvE,0GAAA,WAAW,OAAA;AACpB,iEAAgE;AAAvD,4GAAA,YAAY,OAAA;AACrB,8FAA6F;AAApF,gIAAA,sBAAsB,OAAA;AAC/B,8FAA6F;AAApF,gIAAA,sBAAsB,OAAA;AAC/B,oGAAmG;AAA1F,sIAAA,yBAAyB,OAAA;AAClC,gGAA4M;AAA1K,sIAAA,2BAA2B,OAAA;AAE7D,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, createMappingClient, MappingClientContext, useMappingClient } from \"./widget/components/context/MappingClientContext\";\nexport { ClientPrefix, GetAccessTokenFn, GroupingMappingApiConfig, GroupingMappingApiConfigContext, useGroupingMappingApiConfig } from \"./widget/components/context/GroupingApiConfigContext\";\nexport * from \"@itwin/insights-client\";\n\n/** Internal components for custom UIs */\nexport { Mappings, MappingsProps } from \"./widget/components/Mapping\";\nexport { MappingAction, MappingActionProps } from \"./widget/components/MappingAction\";\nexport { GroupingMappingContext, GroupingMappingContextProps } from \"./widget/components/GroupingMappingContext\";\nexport { Groupings, GroupingProps } from \"./widget/components/Grouping\";\nexport { GroupAction, GroupActionProps } from \"./widget/components/GroupAction\";\nexport { PropertyMenu } from \"./widget/components/PropertyMenu\";\nexport { SearchGroupingCustomUI } from \"./widget/components/customUI/SearchGroupingCustomUI\";\nexport { ManualGroupingCustomUI } from \"./widget/components/customUI/ManualGroupingCustomUI\";\nexport { GroupQueryBuilderCustomUI } from \"./widget/components/customUI/GroupQueryBuilderCustomUI\";\nexport { GroupingMappingCustomUI, GroupingMappingCustomUIType, ContextCustomUI, GroupingCustomUI, GroupingCustomUIProps, ContextCustomUIProps } from \"./widget/components/customUI/GroupingMappingCustomUI\";\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/test/GroupingMappingCustomUI.test.js

@@ -28,13 +28,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 *--------------------------------------------------------------------------------------------*/
 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 grouping_mapping_widget_2 = require("../grouping-mapping-widget");
 const user_event_1 = __importDefault(require("@testing-library/user-event"));
-const react_2 = require("@testing-library/react");
+const test_utils_1 = require("../test/test-utils");
 const mockITwinId = faker_1.faker.datatype.uuid();
 const mockIModelId = faker_1.faker.datatype.uuid();
 const mockMappingId = faker_1.faker.datatype.uuid();
@@ -76,61 +74,44 @@ const groupsFactory = () => ({
     },
 });
 const connectionMock = moq.Mock.ofType();
-let groupingMappingCustomUIMock = [];
+const viewManagerMock = moq.Mock.ofType();
 const mappingClientMock = moq.Mock.ofType();
 jest.mock("@itwin/appui-react", () => ({
     ...jest.requireActual("@itwin/appui-react"),
     useActiveIModelConnection: () => connectionMock.object,
 }));
-const mockAccessToken = jest.fn().mockResolvedValue("Bearer eyJhbGci");
-jest.mock("../widget/components/context/GroupingApiConfigContext", () => ({
-    ...jest.requireActual("../widget/components/context/GroupingApiConfigContext"),
-    useGroupingMappingApiConfig: () => ({
-        getAccessToken: mockAccessToken,
-    }),
-}));
-jest.mock("../widget/components/context/GroupingMappingCustomUIContext", () => ({
-    ...jest.requireActual("../widget/components/context/GroupingMappingCustomUIContext"),
-    useGroupingMappingCustomUI: () => groupingMappingCustomUIMock,
+jest.mock("@itwin/core-frontend", () => ({
+    ...jest.requireActual("@itwin/core-frontend"),
+    IModelApp: {
+        viewManager: {},
+    },
 }));
 jest.mock("../widget/components/context/MappingClientContext", () => ({
     ...jest.requireActual("../widget/components/context/MappingClientContext"),
     useMappingClient: () => mappingClientMock.object,
 }));
 const mockGroups = groupsFactory();
-describe("Groupings View with default UIs", () => {
+describe("Groupings View", () => {
     beforeEach(async () => {
         connectionMock.setup((x) => x.iModelId).returns(() => mockIModelId);
         connectionMock.setup((x) => x.iTwinId).returns(() => mockITwinId);
-        const mockedAccessToken = await mockAccessToken();
         mappingClientMock
-            .setup(async (x) => x.getGroups(mockedAccessToken, mockIModelId, mockMappingId))
+            .setup(async (x) => x.getGroups(moq.It.isAny(), moq.It.isAny(), moq.It.isAny()))
             .returns(async () => Promise.resolve(mockGroups.groups));
     });
     afterEach(() => {
         connectionMock.reset();
         mappingClientMock.reset();
-        groupingMappingCustomUIMock = [];
+        viewManagerMock.reset();
     });
-    it("List all groups and click on add group and edit group buttons", async () => {
+    it("List all groups", async () => {
         // Arange
         // Act
         const user = user_event_1.default.setup();
-        react_2.render(react_1.default.createElement(grouping_mapping_widget_1.Groupings, { mapping: mockMapping, goBack: jest.fn() }));
+        test_utils_1.render(react_1.default.createElement(grouping_mapping_widget_1.Groupings, { mapping: mockMapping, onClickAddGroup: jest.fn(), onClickGroupModify: jest.fn(), onClickGroupTitle: jest.fn, onClickRenderContextCustomUI: 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
+        // Should have the correct random mockGroups.groups count listed
         const horizontalTiles = test_utils_1.screen.getAllByTestId("gmw-horizontal-tile");
         expect(horizontalTiles).toHaveLength(mockGroups.groups.length);
         horizontalTiles.forEach((horizontalTile, index) => {
@@ -143,35 +124,23 @@ describe("Groupings View with default UIs", () => {
         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
+        // Should only have the permanent delete context item.
         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);
+        expect(contextMenuItems).toHaveLength(1);
+        expect(contextMenuItems[0]).toHaveTextContent("Remove");
     });
-    it("Set up grouping custom UI - should replace default grouping methods", async () => {
+    it("Set up grouping custom UI", async () => {
         // Arange
         const mockedUIComponent = (_props) => react_1.default.createElement("div");
         const mockGroupingUI = {
-            type: grouping_mapping_widget_2.GroupingMappingCustomUIType.Grouping,
+            type: grouping_mapping_widget_1.GroupingMappingCustomUIType.Grouping,
             name: "mOcKgRoUpInGuI",
             displayLabel: "Mock Grouping UI",
             uiComponent: mockedUIComponent,
         };
-        groupingMappingCustomUIMock = [mockGroupingUI];
+        const groupingMappingCustomUIMock = [mockGroupingUI];
         // Act
-        const user = user_event_1.default.setup();
-        react_2.render(react_1.default.createElement(grouping_mapping_widget_1.Groupings, { mapping: mockMapping, goBack: jest.fn() }));
+        const { user } = test_utils_1.render(react_1.default.createElement(grouping_mapping_widget_1.Groupings, { mapping: mockMapping, onClickAddGroup: jest.fn(), onClickGroupModify: jest.fn(), onClickGroupTitle: jest.fn, onClickRenderContextCustomUI: jest.fn() }), groupingMappingCustomUIMock);
         await test_utils_1.waitForElementToBeRemoved(() => test_utils_1.screen.getByText(/loading/i));
         // Assert
         const addButton = test_utils_1.screen.getAllByTestId("gmw-add-group-button");
@@ -188,9 +157,9 @@ describe("Groupings View with default UIs", () => {
         expect(moreButton.length).toBeGreaterThan(0);
         // Click on first more icon
         await user.click(moreButton[0]);
-        // Should have 3 context menu items without context configuration
+        // Should have 2 context menu items
         const contextMenuItems = test_utils_1.screen.getAllByTestId("gmw-context-menu-item");
-        expect(contextMenuItems).toHaveLength(3);
+        expect(contextMenuItems).toHaveLength(2);
         expect(contextMenuItems[0]).toHaveTextContent("Edit");
         // Hover on 'Edit'
         await user.hover(contextMenuItems[0]);
@@ -203,32 +172,21 @@ describe("Groupings View with default UIs", () => {
         const groupName = test_utils_1.screen.getAllByText(mockGroups.groups[0].groupName);
         expect(groupName).toHaveLength(1);
     });
-    it("Set up context custom UI - should have default grouping methods and add context menu", async () => {
+    it("Set up context custom UI - should have add context menu", async () => {
         // Arange
         const mockedUIComponent = (_props) => react_1.default.createElement("div");
         const mockContextUI = {
-            type: grouping_mapping_widget_2.GroupingMappingCustomUIType.Context,
+            type: grouping_mapping_widget_1.GroupingMappingCustomUIType.Context,
             name: "mOcKgRoUpInGuI",
             displayLabel: "Mock Grouping UI",
             uiComponent: mockedUIComponent,
         };
-        groupingMappingCustomUIMock = [mockContextUI];
+        const groupingMappingCustomUIMock = [mockContextUI];
+        const onClickRenderContextCustomUIMock = jest.fn();
         // Act
-        const user = user_event_1.default.setup();
-        react_2.render(react_1.default.createElement(grouping_mapping_widget_1.Groupings, { mapping: mockMapping, goBack: jest.fn() }));
+        const { user } = test_utils_1.render(react_1.default.createElement(grouping_mapping_widget_1.Groupings, { mapping: mockMapping, onClickAddGroup: jest.fn(), onClickGroupModify: jest.fn(), onClickGroupTitle: jest.fn, onClickRenderContextCustomUI: onClickRenderContextCustomUIMock }), groupingMappingCustomUIMock);
         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);
@@ -236,36 +194,37 @@ describe("Groupings View with default UIs", () => {
         const moreButton = test_utils_1.screen.getAllByTestId("gmw-more-button");
         expect(moreButton).toHaveLength(mockGroups.groups.length);
         await user.click(moreButton[0]);
-        // Should have 4 context menu items
+        // Should have 2 context menu items
         const contextMenuItems = test_utils_1.screen.getAllByTestId("gmw-context-menu-item");
-        expect(contextMenuItems).toHaveLength(4);
-        expect(contextMenuItems[0]).toHaveTextContent("Edit");
-        expect(contextMenuItems[1]).toHaveTextContent("Properties");
-        expect(contextMenuItems[2]).toHaveTextContent("Remove");
-        expect(contextMenuItems[3]).toHaveTextContent(mockContextUI.displayLabel);
+        expect(contextMenuItems).toHaveLength(2);
+        expect(contextMenuItems[0]).toHaveTextContent(mockContextUI.displayLabel);
+        expect(contextMenuItems[1]).toHaveTextContent("Remove");
         // Click on the context ui
-        await user.click(contextMenuItems[3]);
+        await user.click(contextMenuItems[0]);
+        // Callback should have been called with correct parameters
+        expect(onClickRenderContextCustomUIMock).toBeCalledWith(mockedUIComponent, mockGroups.groups[0]);
     });
     it("Set up both grouping and context custom UI", async () => {
         // Arange
         const mockedGroupingUIComponent = (_props) => react_1.default.createElement("div");
         const mockedContextUIComponent = (_props) => react_1.default.createElement("div");
         const mockGroupingUI = {
-            type: grouping_mapping_widget_2.GroupingMappingCustomUIType.Grouping,
+            type: grouping_mapping_widget_1.GroupingMappingCustomUIType.Grouping,
             name: "mOcKgRoUpInGuI",
             displayLabel: "Mock Grouping UI",
             uiComponent: mockedGroupingUIComponent,
         };
         const mockContextUI = {
-            type: grouping_mapping_widget_2.GroupingMappingCustomUIType.Context,
+            type: grouping_mapping_widget_1.GroupingMappingCustomUIType.Context,
             name: "mOcKgRoUpInGuI",
             displayLabel: "Mock Grouping UI",
             uiComponent: mockedContextUIComponent,
         };
-        groupingMappingCustomUIMock = [mockContextUI, mockGroupingUI];
+        const groupingMappingCustomUIMock = [mockContextUI, mockGroupingUI];
+        const onClickAddGroup = jest.fn();
+        const onClickRenderContextCustomUIMock = jest.fn();
         // Act
-        const user = user_event_1.default.setup();
-        react_2.render(react_1.default.createElement(grouping_mapping_widget_1.Groupings, { mapping: mockMapping, goBack: jest.fn() }));
+        const { user } = test_utils_1.render(react_1.default.createElement(grouping_mapping_widget_1.Groupings, { mapping: mockMapping, onClickAddGroup: onClickAddGroup, onClickGroupModify: jest.fn(), onClickGroupTitle: jest.fn, onClickRenderContextCustomUI: onClickRenderContextCustomUIMock }), groupingMappingCustomUIMock);
         await test_utils_1.waitForElementToBeRemoved(() => test_utils_1.screen.getByText(/loading/i));
         // Assert
         const addButton = test_utils_1.screen.getAllByTestId("gmw-add-group-button");
@@ -276,6 +235,9 @@ describe("Groupings View with default UIs", () => {
         const addCustom = test_utils_1.screen.getAllByTestId("gmw-add-0");
         expect(addCustom).toHaveLength(1);
         expect(addCustom[0]).toHaveTextContent(mockGroupingUI.displayLabel);
+        await user.click(addCustom[0]);
+        // Callback should have been called with correct parameters
+        expect(onClickAddGroup).toBeCalledWith(mockGroupingUI.name);
         // Check the group tile number
         const horizontalTiles = test_utils_1.screen.getAllByTestId("gmw-horizontal-tile");
         expect(horizontalTiles).toHaveLength(mockGroups.groups.length);
@@ -283,15 +245,16 @@ describe("Groupings View with default UIs", () => {
         const moreButton = test_utils_1.screen.getAllByTestId("gmw-more-button");
         expect(moreButton).toHaveLength(mockGroups.groups.length);
         await user.click(moreButton[0]);
-        // Should have 4 context menu items
+        // Should have 3 context menu items
         const contextMenuItems = test_utils_1.screen.getAllByTestId("gmw-context-menu-item");
-        expect(contextMenuItems).toHaveLength(4);
+        expect(contextMenuItems).toHaveLength(3);
         expect(contextMenuItems[0]).toHaveTextContent("Edit");
-        expect(contextMenuItems[1]).toHaveTextContent("Properties");
+        expect(contextMenuItems[1]).toHaveTextContent(mockContextUI.displayLabel);
         expect(contextMenuItems[2]).toHaveTextContent("Remove");
-        expect(contextMenuItems[3]).toHaveTextContent(mockContextUI.displayLabel);
         // Click on the context ui
-        await user.click(contextMenuItems[3]);
+        await user.click(contextMenuItems[1]);
+        // Callback should have been called with correct parameters
+        expect(onClickRenderContextCustomUIMock).toBeCalledWith(mockedContextUIComponent, mockGroups.groups[0]);
     });
 });
 //# sourceMappingURL=GroupingMappingCustomUI.test.js.map

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

@@ -1 +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 { screen, waitForElementToBeRemoved, within } from \"./test-utils\";\nimport { faker } from \"@faker-js/faker\";\nimport { Groupings } from \"../grouping-mapping-widget\";\nimport type { GroupCollection, IMappingsClient, Mapping } from \"@itwin/insights-client\";\nimport * as moq from \"typemoq\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { ContextCustomUIProps, GroupingCustomUIProps, GroupingMappingCustomUI } from \"../grouping-mapping-widget\";\nimport { GroupingMappingCustomUIType } from \"../grouping-mapping-widget\";\nimport userEvent from \"@testing-library/user-event\";\nimport { render } from \"@testing-library/react\";\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>();\nlet groupingMappingCustomUIMock: GroupingMappingCustomUI[] = [];\nconst mappingClientMock = moq.Mock.ofType<IMappingsClient>();\n\njest.mock(\"@itwin/appui-react\", () => ({\n  ...jest.requireActual(\"@itwin/appui-react\"),\n  useActiveIModelConnection: () => connectionMock.object,\n}));\n\nconst mockAccessToken = jest.fn().mockResolvedValue(\"Bearer eyJhbGci\");\n\njest.mock(\"../widget/components/context/GroupingApiConfigContext\", () => ({\n  ...jest.requireActual(\"../widget/components/context/GroupingApiConfigContext\"),\n  useGroupingMappingApiConfig: () => ({\n    getAccessToken: mockAccessToken,\n  }),\n}));\n\njest.mock(\"../widget/components/context/GroupingMappingCustomUIContext\", () => ({\n  ...jest.requireActual(\"../widget/components/context/GroupingMappingCustomUIContext\"),\n  useGroupingMappingCustomUI: () => groupingMappingCustomUIMock,\n}));\n\njest.mock(\"../widget/components/context/MappingClientContext\", () => ({\n  ...jest.requireActual(\"../widget/components/context/MappingClientContext\"),\n  useMappingClient: () => mappingClientMock.object,\n}));\n\nconst mockGroups = groupsFactory();\n\ndescribe(\"Groupings View with default UIs\", () => {\n  beforeEach(async () => {\n    connectionMock.setup((x) => x.iModelId).returns(() => mockIModelId);\n    connectionMock.setup((x) => x.iTwinId).returns(() => mockITwinId);\n\n    const mockedAccessToken = await mockAccessToken();\n    mappingClientMock\n      .setup(async (x) => x.getGroups(mockedAccessToken, mockIModelId, mockMappingId))\n      .returns(async () => Promise.resolve(mockGroups.groups));\n  });\n\n  afterEach(() => {\n    connectionMock.reset();\n    mappingClientMock.reset();\n    groupingMappingCustomUIMock = [];\n  });\n\n  it(\"List all groups and click on add group and edit group buttons\", async () => {\n    // Arange\n\n    // Act\n    const user = userEvent.setup();\n    render(<Groupings mapping={mockMapping} goBack={jest.fn()} />);\n\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  it(\"Set up grouping custom UI - should replace default grouping methods\", async () => {\n    // Arange\n    const mockedUIComponent = (_props: GroupingCustomUIProps) => React.createElement(\"div\");\n    const mockGroupingUI: GroupingMappingCustomUI = {\n      type: GroupingMappingCustomUIType.Grouping,\n      name: \"mOcKgRoUpInGuI\",\n      displayLabel: \"Mock Grouping UI\",\n      uiComponent: mockedUIComponent,\n    };\n\n    groupingMappingCustomUIMock = [mockGroupingUI];\n\n    // Act\n    const user = userEvent.setup();\n    render(<Groupings mapping={mockMapping} goBack={jest.fn()} />);\n\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 exactly 1 add method with given configuration\n    const addCustom = screen.getAllByTestId(\"gmw-add-0\");\n    expect(addCustom).toHaveLength(1);\n    expect(addCustom[0]).toHaveTextContent(mockGroupingUI.displayLabel);\n\n    // Each group should have a more icon button\n    const moreButton = screen.getAllByTestId(\"gmw-more-button\");\n    expect(moreButton).toHaveLength(mockGroups.groups.length);\n    expect(moreButton.length).toBeGreaterThan(0);\n\n    // Click on first more icon\n    await user.click(moreButton[0]);\n\n    // Should have 3 context menu items without context configuration\n    const contextMenuItems = screen.getAllByTestId(\"gmw-context-menu-item\");\n    expect(contextMenuItems).toHaveLength(3);\n    expect(contextMenuItems[0]).toHaveTextContent(\"Edit\");\n\n    // Hover on 'Edit'\n    await user.hover(contextMenuItems[0]);\n\n    // Should have exactly 1 sub menu item\n    const editCustom = screen.getAllByTestId(`gmw-edit-0`);\n    expect(editCustom).toHaveLength(1);\n    expect(editCustom[0]).toHaveTextContent(mockGroupingUI.displayLabel);\n\n    // Click on the edit custom UI\n    await user.click(editCustom[0]);\n\n    const groupName = screen.getAllByText(mockGroups.groups[0].groupName);\n    expect(groupName).toHaveLength(1);\n  });\n\n  it(\"Set up context custom UI - should have default grouping methods and add context menu\", async () => {\n    // Arange\n    const mockedUIComponent = (_props: ContextCustomUIProps) => React.createElement(\"div\");\n    const mockContextUI: GroupingMappingCustomUI = {\n      type: GroupingMappingCustomUIType.Context,\n      name: \"mOcKgRoUpInGuI\",\n      displayLabel: \"Mock Grouping UI\",\n      uiComponent: mockedUIComponent,\n    };\n\n    groupingMappingCustomUIMock = [mockContextUI];\n\n    // Act\n    const user = userEvent.setup();\n    render(<Groupings mapping={mockMapping} goBack={jest.fn()} />);\n\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    // 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 4 context menu items\n    const contextMenuItems = screen.getAllByTestId(\"gmw-context-menu-item\");\n    expect(contextMenuItems).toHaveLength(4);\n    expect(contextMenuItems[0]).toHaveTextContent(\"Edit\");\n    expect(contextMenuItems[1]).toHaveTextContent(\"Properties\");\n    expect(contextMenuItems[2]).toHaveTextContent(\"Remove\");\n    expect(contextMenuItems[3]).toHaveTextContent(mockContextUI.displayLabel);\n\n    // Click on the context ui\n    await user.click(contextMenuItems[3]);\n  });\n\n  it(\"Set up both grouping and context custom UI\", async () => {\n    // Arange\n    const mockedGroupingUIComponent = (_props: GroupingCustomUIProps) => React.createElement(\"div\");\n    const mockedContextUIComponent = (_props: ContextCustomUIProps) => React.createElement(\"div\");\n    const mockGroupingUI: GroupingMappingCustomUI = {\n      type: GroupingMappingCustomUIType.Grouping,\n      name: \"mOcKgRoUpInGuI\",\n      displayLabel: \"Mock Grouping UI\",\n      uiComponent: mockedGroupingUIComponent,\n    };\n    const mockContextUI: GroupingMappingCustomUI = {\n      type: GroupingMappingCustomUIType.Context,\n      name: \"mOcKgRoUpInGuI\",\n      displayLabel: \"Mock Grouping UI\",\n      uiComponent: mockedContextUIComponent,\n    };\n\n    groupingMappingCustomUIMock = [mockContextUI, mockGroupingUI];\n\n    // Act\n    const user = userEvent.setup();\n    render(<Groupings mapping={mockMapping} goBack={jest.fn()} />);\n\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 exactly 1 add method with given configuration\n    const addCustom = screen.getAllByTestId(\"gmw-add-0\");\n    expect(addCustom).toHaveLength(1);\n    expect(addCustom[0]).toHaveTextContent(mockGroupingUI.displayLabel);\n\n    // Check the group tile number\n    const horizontalTiles = screen.getAllByTestId(\"gmw-horizontal-tile\");\n    expect(horizontalTiles).toHaveLength(mockGroups.groups.length);\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 4 context menu items\n    const contextMenuItems = screen.getAllByTestId(\"gmw-context-menu-item\");\n    expect(contextMenuItems).toHaveLength(4);\n    expect(contextMenuItems[0]).toHaveTextContent(\"Edit\");\n    expect(contextMenuItems[1]).toHaveTextContent(\"Properties\");\n    expect(contextMenuItems[2]).toHaveTextContent(\"Remove\");\n    expect(contextMenuItems[3]).toHaveTextContent(mockContextUI.displayLabel);\n\n    // Click on the context ui\n    await user.click(contextMenuItems[3]);\n  });\n});\n"]}
+{"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 { faker } from \"@faker-js/faker\";\nimport { GroupingMappingCustomUIType, Groupings } from \"../grouping-mapping-widget\";\nimport type { GroupCollection, IMappingsClient, Mapping } from \"@itwin/insights-client\";\nimport * as moq from \"typemoq\";\nimport type { IModelConnection, ViewManager } from \"@itwin/core-frontend\";\nimport type { ContextCustomUIProps, GroupingCustomUIProps, GroupingMappingCustomUI } from \"../grouping-mapping-widget\";\nimport userEvent from \"@testing-library/user-event\";\nimport { render, screen, waitForElementToBeRemoved, within } from \"../test/test-utils\";\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 viewManagerMock = moq.Mock.ofType<ViewManager>();\nconst mappingClientMock = moq.Mock.ofType<IMappingsClient>();\n\njest.mock(\"@itwin/appui-react\", () => ({\n  ...jest.requireActual(\"@itwin/appui-react\"),\n  useActiveIModelConnection: () => connectionMock.object,\n}));\n\njest.mock(\"@itwin/core-frontend\", () => ({\n  ...jest.requireActual(\"@itwin/core-frontend\"),\n  IModelApp: {\n    viewManager: {},\n  },\n}));\n\njest.mock(\"../widget/components/context/MappingClientContext\", () => ({\n  ...jest.requireActual(\"../widget/components/context/MappingClientContext\"),\n  useMappingClient: () => mappingClientMock.object,\n}));\n\nconst mockGroups = groupsFactory();\n\ndescribe(\"Groupings View\", () => {\n  beforeEach(async () => {\n    connectionMock.setup((x) => x.iModelId).returns(() => mockIModelId);\n    connectionMock.setup((x) => x.iTwinId).returns(() => mockITwinId);\n\n    mappingClientMock\n      .setup(async (x) => x.getGroups(moq.It.isAny(), moq.It.isAny(), moq.It.isAny()))\n      .returns(async () => Promise.resolve(mockGroups.groups));\n  });\n\n  afterEach(() => {\n    connectionMock.reset();\n    mappingClientMock.reset();\n    viewManagerMock.reset();\n  });\n\n  it(\"List all groups\", async () => {\n    // Arange\n\n    // Act\n    const user = userEvent.setup();\n    render(\n      <Groupings\n        mapping={mockMapping}\n        onClickAddGroup={jest.fn()}\n        onClickGroupModify={jest.fn()}\n        onClickGroupTitle={jest.fn}\n        onClickRenderContextCustomUI={jest.fn()}\n      />\n    );\n\n    await waitForElementToBeRemoved(() => screen.getByText(/loading/i));\n\n    // Assert\n\n    // Should have the correct random mockGroups.groups count listed\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 only have the permanent delete context item.\n    const contextMenuItems = screen.getAllByTestId(\"gmw-context-menu-item\");\n    expect(contextMenuItems).toHaveLength(1);\n    expect(contextMenuItems[0]).toHaveTextContent(\"Remove\");\n  });\n\n  it(\"Set up grouping custom UI\", async () => {\n    // Arange\n    const mockedUIComponent = (_props: GroupingCustomUIProps) => React.createElement(\"div\");\n    const mockGroupingUI: GroupingMappingCustomUI = {\n      type: GroupingMappingCustomUIType.Grouping,\n      name: \"mOcKgRoUpInGuI\",\n      displayLabel: \"Mock Grouping UI\",\n      uiComponent: mockedUIComponent,\n    };\n\n    const groupingMappingCustomUIMock = [mockGroupingUI];\n\n    // Act\n    const { user } = render(\n      <Groupings\n        mapping={mockMapping}\n        onClickAddGroup={jest.fn()}\n        onClickGroupModify={jest.fn()}\n        onClickGroupTitle={jest.fn}\n        onClickRenderContextCustomUI={jest.fn()}\n      />,\n      groupingMappingCustomUIMock\n    );\n\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 exactly 1 add method with given configuration\n    const addCustom = screen.getAllByTestId(\"gmw-add-0\");\n    expect(addCustom).toHaveLength(1);\n    expect(addCustom[0]).toHaveTextContent(mockGroupingUI.displayLabel);\n\n    // Each group should have a more icon button\n    const moreButton = screen.getAllByTestId(\"gmw-more-button\");\n    expect(moreButton).toHaveLength(mockGroups.groups.length);\n    expect(moreButton.length).toBeGreaterThan(0);\n\n    // Click on first more icon\n    await user.click(moreButton[0]);\n\n    // Should have 2 context menu items\n    const contextMenuItems = screen.getAllByTestId(\"gmw-context-menu-item\");\n    expect(contextMenuItems).toHaveLength(2);\n    expect(contextMenuItems[0]).toHaveTextContent(\"Edit\");\n\n    // Hover on 'Edit'\n    await user.hover(contextMenuItems[0]);\n\n    // Should have exactly 1 sub menu item\n    const editCustom = screen.getAllByTestId(`gmw-edit-0`);\n    expect(editCustom).toHaveLength(1);\n    expect(editCustom[0]).toHaveTextContent(mockGroupingUI.displayLabel);\n\n    // Click on the edit custom UI\n    await user.click(editCustom[0]);\n\n    const groupName = screen.getAllByText(mockGroups.groups[0].groupName);\n    expect(groupName).toHaveLength(1);\n  });\n\n  it(\"Set up context custom UI - should have add context menu\", async () => {\n    // Arange\n    const mockedUIComponent = (_props: ContextCustomUIProps) => React.createElement(\"div\");\n    const mockContextUI: GroupingMappingCustomUI = {\n      type: GroupingMappingCustomUIType.Context,\n      name: \"mOcKgRoUpInGuI\",\n      displayLabel: \"Mock Grouping UI\",\n      uiComponent: mockedUIComponent,\n    };\n\n    const groupingMappingCustomUIMock = [mockContextUI];\n    const onClickRenderContextCustomUIMock = jest.fn();\n\n    // Act\n    const { user } = render(\n      <Groupings\n        mapping={mockMapping}\n        onClickAddGroup={jest.fn()}\n        onClickGroupModify={jest.fn()}\n        onClickGroupTitle={jest.fn}\n        onClickRenderContextCustomUI={onClickRenderContextCustomUIMock}\n      />,\n      groupingMappingCustomUIMock\n    );\n\n    await waitForElementToBeRemoved(() => screen.getByText(/loading/i));\n\n    // Assert\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    // 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 2 context menu items\n    const contextMenuItems = screen.getAllByTestId(\"gmw-context-menu-item\");\n    expect(contextMenuItems).toHaveLength(2);\n    expect(contextMenuItems[0]).toHaveTextContent(mockContextUI.displayLabel);\n    expect(contextMenuItems[1]).toHaveTextContent(\"Remove\");\n\n    // Click on the context ui\n    await user.click(contextMenuItems[0]);\n\n    // Callback should have been called with correct parameters\n    expect(onClickRenderContextCustomUIMock).toBeCalledWith(mockedUIComponent, mockGroups.groups[0]);\n  });\n\n  it(\"Set up both grouping and context custom UI\", async () => {\n    // Arange\n    const mockedGroupingUIComponent = (_props: GroupingCustomUIProps) => React.createElement(\"div\");\n    const mockedContextUIComponent = (_props: ContextCustomUIProps) => React.createElement(\"div\");\n    const mockGroupingUI: GroupingMappingCustomUI = {\n      type: GroupingMappingCustomUIType.Grouping,\n      name: \"mOcKgRoUpInGuI\",\n      displayLabel: \"Mock Grouping UI\",\n      uiComponent: mockedGroupingUIComponent,\n    };\n    const mockContextUI: GroupingMappingCustomUI = {\n      type: GroupingMappingCustomUIType.Context,\n      name: \"mOcKgRoUpInGuI\",\n      displayLabel: \"Mock Grouping UI\",\n      uiComponent: mockedContextUIComponent,\n    };\n\n    const groupingMappingCustomUIMock = [mockContextUI, mockGroupingUI];\n    const onClickAddGroup = jest.fn();\n    const onClickRenderContextCustomUIMock = jest.fn();\n\n    // Act\n    const { user } = render(\n      <Groupings\n        mapping={mockMapping}\n        onClickAddGroup={onClickAddGroup}\n        onClickGroupModify={jest.fn()}\n        onClickGroupTitle={jest.fn}\n        onClickRenderContextCustomUI={onClickRenderContextCustomUIMock}\n      />,\n      groupingMappingCustomUIMock\n    );\n\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 exactly 1 add method with given configuration\n    const addCustom = screen.getAllByTestId(\"gmw-add-0\");\n    expect(addCustom).toHaveLength(1);\n    expect(addCustom[0]).toHaveTextContent(mockGroupingUI.displayLabel);\n\n    await user.click(addCustom[0]);\n\n    // Callback should have been called with correct parameters\n    expect(onClickAddGroup).toBeCalledWith(mockGroupingUI.name);\n\n    // Check the group tile number\n    const horizontalTiles = screen.getAllByTestId(\"gmw-horizontal-tile\");\n    expect(horizontalTiles).toHaveLength(mockGroups.groups.length);\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\n    expect(contextMenuItems).toHaveLength(3);\n    expect(contextMenuItems[0]).toHaveTextContent(\"Edit\");\n    expect(contextMenuItems[1]).toHaveTextContent(mockContextUI.displayLabel);\n    expect(contextMenuItems[2]).toHaveTextContent(\"Remove\");\n\n    // Click on the context ui\n    await user.click(contextMenuItems[1]);\n\n    // Callback should have been called with correct parameters\n    expect(onClickRenderContextCustomUIMock).toBeCalledWith(mockedContextUIComponent, mockGroups.groups[0]);\n  });\n});\n"]}

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

@@ -1,6 +1,4 @@
 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";
@@ -65,8 +63,4 @@ declare function render(ui: React.ReactElement, mockUIs?: GroupingMappingCustomU
 };
 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

@@ -25,27 +25,26 @@ 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;
+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 GroupingMappingContext_1 = require("../widget/components/GroupingMappingContext");
 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))));
+    const contextProps = {
+        getAccessToken: exports.mockAccessToken,
+        iModelId: "mock",
+        customUIs: mockUIs,
+    };
+    const Wrapper = ({ children }) => (React.createElement(GroupingMappingContext_1.GroupingMappingContext, { ...contextProps }, children));
     return {
         user: user_event_1.default.setup(),
         ...react_1.render(ui, { wrapper: Wrapper, ...options }),
@@ -53,19 +52,4 @@ function render(ui, mockUIs = [], { ...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

@@ -1 +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"]}
+{"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;AAC7D,6EAAoD;AAGpD,6CAA+B;AAE/B,wFAAqF;AAE9E,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC;AAAhD,QAAA,eAAe,mBAAiC;AAChD,QAAA,iBAAiB,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,EAAmB,CAAC;AAMpE,SAAS,MAAM,CAAC,EAAsB,EAAE,UAAqC,EAAE,EAAE,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE;IAClG,MAAM,YAAY,GAAgC;QAChD,cAAc,EAAE,uBAAe;QAC/B,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,OAAO;KACnB,CAAC;IACF,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAgB,EAAE,EAAE,CAAC,CAC9C,oBAAC,+CAAsB,OAAK,YAAY,IACrC,QAAQ,CACc,CAC1B,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","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 userEvent from \"@testing-library/user-event\";\nimport type { IMappingsClient } from \"@itwin/insights-client\";\nimport type { GroupingMappingCustomUI } from \"../grouping-mapping-widget\";\nimport * as moq from \"typemoq\";\nimport type { GroupingMappingContextProps } from \"../widget/components/GroupingMappingContext\";\nimport { GroupingMappingContext } from \"../widget/components/GroupingMappingContext\";\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 contextProps: GroupingMappingContextProps = {\n    getAccessToken: mockAccessToken,\n    iModelId: \"mock\",\n    customUIs: mockUIs,\n  };\n  const Wrapper = ({ children }: WrapperProps) => (\n    <GroupingMappingContext {...contextProps}>\n      {children}\n    </GroupingMappingContext>\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"]}

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

@@ -2,7 +2,7 @@
 import "./ActionPanel.scss";
 export interface ActionPanelProps {
     onSave: () => void;
-    onCancel: () => void;
+    onCancel?: () => void;
     isCancelDisabled?: boolean;
     isSavingDisabled?: boolean;
     isLoading?: boolean;

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

@@ -33,7 +33,7 @@ const ActionPanel = ({ onSave, onCancel, isCancelDisabled = false, isSavingDisab
             isLoading &&
                 React.createElement(utils_1.LoadingSpinner, null),
             React.createElement(itwinui_react_1.Button, { disabled: isSavingDisabled || isLoading, styleType: 'high-visibility', id: 'save-app', onClick: onSave }, "Save"),
-            React.createElement(itwinui_react_1.Button, { styleType: 'default', type: 'button', id: 'cancel', onClick: onCancel, disabled: isCancelDisabled || isLoading }, "Cancel"))));
+            onCancel && React.createElement(itwinui_react_1.Button, { styleType: 'default', type: 'button', id: 'cancel', onClick: onCancel, disabled: isCancelDisabled || isLoading }, "Cancel"))));
 };
 exports.default = ActionPanel;
 //# sourceMappingURL=ActionPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionPanel.js","sourceRoot":"","sources":["../../../../src/widget/components/ActionPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,wDAA8C;AAC9C,6CAA+B;AAC/B,8BAA4B;AAC5B,mCAAyC;AAUzC,MAAM,WAAW,GAAG,CAAC,EACnB,MAAM,EACN,QAAQ,EACR,gBAAgB,GAAG,KAAK,EACxB,gBAAgB,GAAG,KAAK,EACxB,SAAS,GAAG,KAAK,GACA,EAAe,EAAE;IAClC,OAAO,CACL,6BAAK,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAC,4BAA4B;QACrD,6BAAK,SAAS,EAAC,kBAAkB;YAC9B,SAAS;gBACR,oBAAC,sBAAc,OAAG;YAEpB,oBAAC,sBAAM,IACL,QAAQ,EAAE,gBAAgB,IAAI,SAAS,EACvC,SAAS,EAAC,iBAAiB,EAC3B,EAAE,EAAC,UAAU,EACb,OAAO,EAAE,MAAM,WAGR;YACT,oBAAC,sBAAM,IACL,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,QAAQ,EACb,EAAE,EAAC,QAAQ,EACX,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,gBAAgB,IAAI,SAAS,aAGhC,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,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 { Button } from \"@itwin/itwinui-react\";\nimport * as React from \"react\";\nimport \"./ActionPanel.scss\";\nimport { LoadingSpinner } from \"./utils\";\n\nexport interface ActionPanelProps {\n  onSave: () => void;\n  onCancel: () => void;\n  isCancelDisabled?: boolean;\n  isSavingDisabled?: boolean;\n  isLoading?: boolean;\n}\n\nconst ActionPanel = ({\n  onSave,\n  onCancel,\n  isCancelDisabled = false,\n  isSavingDisabled = false,\n  isLoading = false,\n}: ActionPanelProps): JSX.Element => {\n  return (\n    <div id='action' className='gmw-action-panel-container'>\n      <div className='gmw-action-panel'>\n        {isLoading &&\n          <LoadingSpinner />\n        }\n        <Button\n          disabled={isSavingDisabled || isLoading}\n          styleType='high-visibility'\n          id='save-app'\n          onClick={onSave}\n        >\n          Save\n        </Button>\n        <Button\n          styleType='default'\n          type='button'\n          id='cancel'\n          onClick={onCancel}\n          disabled={isCancelDisabled || isLoading}\n        >\n          Cancel\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nexport default ActionPanel;\n"]}
+{"version":3,"file":"ActionPanel.js","sourceRoot":"","sources":["../../../../src/widget/components/ActionPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,wDAA8C;AAC9C,6CAA+B;AAC/B,8BAA4B;AAC5B,mCAAyC;AAUzC,MAAM,WAAW,GAAG,CAAC,EACnB,MAAM,EACN,QAAQ,EACR,gBAAgB,GAAG,KAAK,EACxB,gBAAgB,GAAG,KAAK,EACxB,SAAS,GAAG,KAAK,GACA,EAAe,EAAE;IAClC,OAAO,CACL,6BAAK,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAC,4BAA4B;QACrD,6BAAK,SAAS,EAAC,kBAAkB;YAC9B,SAAS;gBACR,oBAAC,sBAAc,OAAG;YAEpB,oBAAC,sBAAM,IACL,QAAQ,EAAE,gBAAgB,IAAI,SAAS,EACvC,SAAS,EAAC,iBAAiB,EAC3B,EAAE,EAAC,UAAU,EACb,OAAO,EAAE,MAAM,WAGR;YACR,QAAQ,IAAI,oBAAC,sBAAM,IAClB,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,QAAQ,EACb,EAAE,EAAC,QAAQ,EACX,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,gBAAgB,IAAI,SAAS,aAGhC,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,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 { Button } from \"@itwin/itwinui-react\";\nimport * as React from \"react\";\nimport \"./ActionPanel.scss\";\nimport { LoadingSpinner } from \"./utils\";\n\nexport interface ActionPanelProps {\n  onSave: () => void;\n  onCancel?: () => void;\n  isCancelDisabled?: boolean;\n  isSavingDisabled?: boolean;\n  isLoading?: boolean;\n}\n\nconst ActionPanel = ({\n  onSave,\n  onCancel,\n  isCancelDisabled = false,\n  isSavingDisabled = false,\n  isLoading = false,\n}: ActionPanelProps): JSX.Element => {\n  return (\n    <div id='action' className='gmw-action-panel-container'>\n      <div className='gmw-action-panel'>\n        {isLoading &&\n          <LoadingSpinner />\n        }\n        <Button\n          disabled={isSavingDisabled || isLoading}\n          styleType='high-visibility'\n          id='save-app'\n          onClick={onSave}\n        >\n          Save\n        </Button>\n        {onCancel && <Button\n          styleType='default'\n          type='button'\n          id='cancel'\n          onClick={onCancel}\n          disabled={isCancelDisabled || isLoading}\n        >\n          Cancel\n        </Button>}\n      </div>\n    </div>\n  );\n};\n\nexport default ActionPanel;\n"]}