@itwin/grouping-mapping-widget 0.35.4 → 0.37.0

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

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

package/lib/cjs/test/setup.js

@@ -0,0 +1,11 @@
+"use strict";
+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.
+ *--------------------------------------------------------------------------------------------*/
+require("@testing-library/jest-dom/vitest");
+const core_common_1 = require("@itwin/core-common");
+const GroupingMappingWidget_1 = require("../GroupingMappingWidget");
+void GroupingMappingWidget_1.GroupingMappingWidget.initialize({ localization: new core_common_1.EmptyLocalization() });
+//# sourceMappingURL=setup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"setup.js","sourceRoot":"","sources":["../../../src/test/setup.ts"],"names":[],"mappings":";;AAAA;;;gGAGgG;AAChG,4CAA0C;AAC1C,oDAAuD;AACvD,oEAAiE;AAEjE,KAAK,6CAAqB,CAAC,UAAU,CAAC,EAAE,YAAY,EAAE,IAAI,+BAAiB,EAAE,EAAE,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 \"@testing-library/jest-dom/vitest\";\nimport { EmptyLocalization } from \"@itwin/core-common\";\nimport { GroupingMappingWidget } from \"../GroupingMappingWidget\";\n\nvoid GroupingMappingWidget.initialize({ localization: new EmptyLocalization() });\n"]}

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

@@ -7,8 +7,8 @@ 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;
+    debug: (baseElement?: Element | DocumentFragment | Array<Element | DocumentFragment>, maxLength?: number, options?: prettyFormat.OptionsReceived) => void;
+    rerender: (ui: React.ReactElement) => void;
     unmount: () => void;
     asFragment: () => DocumentFragment;
     getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
@@ -61,6 +61,6 @@ declare function render(ui: React.ReactElement, mockUIs?: GroupingMappingCustomU
     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 { act, cleanup, fireEvent, screen, waitFor, waitForElementToBeRemoved, within, } from "@testing-library/react";
 export { render };
 //# sourceMappingURL=test-utils.d.ts.map

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

@@ -22,14 +22,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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.render = exports.mockMappingClient = exports.mockAccessToken = void 0;
+exports.within = exports.waitForElementToBeRemoved = exports.waitFor = exports.screen = exports.fireEvent = exports.cleanup = exports.act = exports.mockMappingClient = exports.mockAccessToken = void 0;
+exports.render = render;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -62,6 +60,14 @@ function render(ui, mockUIs = [], { ...options } = {}) {
         ...(0, react_1.render)(ui, { wrapper: Wrapper, ...options }),
     };
 }
-exports.render = render;
-__exportStar(require("@testing-library/react"), exports);
+// Re-export everything from @testing-library/react EXCEPT render,
+// then export our custom render which wraps components in GroupingMappingContext.
+var react_2 = require("@testing-library/react");
+Object.defineProperty(exports, "act", { enumerable: true, get: function () { return react_2.act; } });
+Object.defineProperty(exports, "cleanup", { enumerable: true, get: function () { return react_2.cleanup; } });
+Object.defineProperty(exports, "fireEvent", { enumerable: true, get: function () { return react_2.fireEvent; } });
+Object.defineProperty(exports, "screen", { enumerable: true, get: function () { return react_2.screen; } });
+Object.defineProperty(exports, "waitFor", { enumerable: true, get: function () { return react_2.waitFor; } });
+Object.defineProperty(exports, "waitForElementToBeRemoved", { enumerable: true, get: function () { return react_2.waitForElementToBeRemoved; } });
+Object.defineProperty(exports, "within", { enumerable: true, get: function () { return react_2.within; } });
 //# 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;;;gGAGgG;AAChG,6CAA+B;AAC/B,kDAA6D;AAC7D,6EAAoD;AAGpD,6CAA+B;AAE/B,iFAA8E;AAC9E,uDAAoD;AAE7C,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;QAClB,WAAW,EAAE,IAAI,yBAAW,CAAC;YAC3B,cAAc,EAAE;gBACd,OAAO,EAAE;oBACP,oBAAoB,EAAE,KAAK;iBAC5B;aACF;SACF,CAAC;KACH,CAAC;IACF,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAgB,EAAE,EAAE,CAAC,oBAAC,+CAAsB,OAAK,YAAY,IAAG,QAAQ,CAA0B,CAAC;IAE9H,OAAO;QACL,IAAI,EAAE,oBAAS,CAAC,KAAK,EAAE;QACvB,GAAG,IAAA,cAAS,EAAC,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 \"../components/GroupingMappingContext\";\nimport { GroupingMappingContext } from \"../components/GroupingMappingContext\";\nimport { QueryClient } from \"@tanstack/react-query\";\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    queryClient: new QueryClient({\n      defaultOptions: {\n        queries: {\n          refetchOnWindowFocus: false,\n        },\n      },\n    }),\n  };\n  const Wrapper = ({ children }: WrapperProps) => <GroupingMappingContext {...contextProps}>{children}</GroupingMappingContext>;\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"]}
+{"version":3,"file":"test-utils.js","sourceRoot":"","sources":["../../../src/test/test-utils.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDS,wBAAM;AArDf;;;gGAGgG;AAChG,6CAA+B;AAC/B,kDAA6D;AAC7D,6EAAoD;AAGpD,6CAA+B;AAE/B,iFAA8E;AAC9E,uDAAoD;AAE7C,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;QAClB,WAAW,EAAE,IAAI,yBAAW,CAAC;YAC3B,cAAc,EAAE;gBACd,OAAO,EAAE;oBACP,oBAAoB,EAAE,KAAK;iBAC5B;aACF;SACF,CAAC;KACH,CAAC;IACF,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAgB,EAAE,EAAE,CAAC,oBAAC,+CAAsB,OAAK,YAAY,IAAG,QAAQ,CAA0B,CAAC;IAE9H,OAAO;QACL,IAAI,EAAE,oBAAS,CAAC,KAAK,EAAE;QACvB,GAAG,IAAA,cAAS,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,OAAO,EAAE,CAAC;KACnD,CAAC;AACJ,CAAC;AAED,kEAAkE;AAClE,kFAAkF;AAClF,gDAQgC;AAP9B,4FAAA,GAAG,OAAA;AACH,gGAAA,OAAO,OAAA;AACP,kGAAA,SAAS,OAAA;AACT,+FAAA,MAAM,OAAA;AACN,gGAAA,OAAO,OAAA;AACP,kHAAA,yBAAyB,OAAA;AACzB,+FAAA,MAAM,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 *--------------------------------------------------------------------------------------------*/\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 \"../components/GroupingMappingContext\";\nimport { GroupingMappingContext } from \"../components/GroupingMappingContext\";\nimport { QueryClient } from \"@tanstack/react-query\";\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    queryClient: new QueryClient({\n      defaultOptions: {\n        queries: {\n          refetchOnWindowFocus: false,\n        },\n      },\n    }),\n  };\n  const Wrapper = ({ children }: WrapperProps) => <GroupingMappingContext {...contextProps}>{children}</GroupingMappingContext>;\n\n  return {\n    user: userEvent.setup(),\n    ...rtlRender(ui, { wrapper: Wrapper, ...options }),\n  };\n}\n\n// Re-export everything from @testing-library/react EXCEPT render,\n// then export our custom render which wraps components in GroupingMappingContext.\nexport {\n  act,\n  cleanup,\n  fireEvent,\n  screen,\n  waitFor,\n  waitForElementToBeRemoved,\n  within,\n} from \"@testing-library/react\";\nexport { render };\n"]}

package/lib/esm/GroupingMappingWidget.d.ts

@@ -0,0 +1,28 @@
+import type { Localization, TranslationOptions } from "@itwin/core-common";
+/** @public */
+export interface GroupingMappingWidgetConfig {
+    localization?: Localization;
+    /** Override specific translation keys at runtime. Keys correspond to those in GroupingMappingWidget.json. */
+    localizationOverrides?: Map<string, string>;
+}
+/**
+ * Entry point for static initialization required by various components used in the package.
+ * @public
+ */
+export declare class GroupingMappingWidget {
+    #private;
+    /**
+     * Called to initialize the Grouping & Mapping Widget localization.
+     * @param config - Optional configuration with custom localization service and overrides.
+     */
+    static initialize(config?: GroupingMappingWidgetConfig): Promise<void>;
+    /** Unregisters the GroupingMappingWidget internationalization service namespace */
+    static terminate(): void;
+    /** The internationalization service created by the IModelApp. */
+    static get i18n(): Localization;
+    /** The internationalization service namespace. */
+    static get i18nNamespace(): string;
+    /** Calls i18n.getLocalizedString with the "GroupingMappingWidget" namespace. Do NOT include the namespace in the key. */
+    static translate(key: string | string[], options?: TranslationOptions): string;
+}
+//# sourceMappingURL=GroupingMappingWidget.d.ts.map

package/lib/esm/GroupingMappingWidget.js

@@ -0,0 +1,54 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+import { BentleyError, BentleyStatus } from "@itwin/core-bentley";
+import { IModelApp } from "@itwin/core-frontend";
+/**
+ * Entry point for static initialization required by various components used in the package.
+ * @public
+ */
+export class GroupingMappingWidget {
+    static #i18n;
+    static #initialized;
+    static #localizationOverrides;
+    /**
+     * Called to initialize the Grouping & Mapping Widget localization.
+     * @param config - Optional configuration with custom localization service and overrides.
+     */
+    static async initialize(config) {
+        if (this.#initialized) {
+            return;
+        }
+        GroupingMappingWidget.#initialized = true;
+        GroupingMappingWidget.#i18n = config?.localization ?? IModelApp.localization;
+        GroupingMappingWidget.#localizationOverrides = config?.localizationOverrides;
+        return GroupingMappingWidget.#i18n.registerNamespace(GroupingMappingWidget.i18nNamespace);
+    }
+    /** Unregisters the GroupingMappingWidget internationalization service namespace */
+    static terminate() {
+        if (GroupingMappingWidget.#i18n) {
+            GroupingMappingWidget.#i18n.unregisterNamespace(GroupingMappingWidget.i18nNamespace);
+            GroupingMappingWidget.#i18n = undefined;
+        }
+        GroupingMappingWidget.#initialized = false;
+    }
+    /** The internationalization service created by the IModelApp. */
+    static get i18n() {
+        if (!GroupingMappingWidget.#i18n) {
+            throw new BentleyError(BentleyStatus.ERROR, "GroupingMappingWidget not initialized");
+        }
+        return GroupingMappingWidget.#i18n;
+    }
+    /** The internationalization service namespace. */
+    static get i18nNamespace() {
+        return "GroupingMappingWidget";
+    }
+    /** Calls i18n.getLocalizedString with the "GroupingMappingWidget" namespace. Do NOT include the namespace in the key. */
+    static translate(key, options) {
+        const keyStr = Array.isArray(key) ? key[0] : key;
+        return (GroupingMappingWidget.#localizationOverrides?.get(keyStr) ??
+            GroupingMappingWidget.i18n.getLocalizedString(`${GroupingMappingWidget.i18nNamespace}:${key}`, options));
+    }
+}
+//# sourceMappingURL=GroupingMappingWidget.js.map

package/lib/esm/GroupingMappingWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupingMappingWidget.js","sourceRoot":"","sources":["../../src/GroupingMappingWidget.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAWjD;;;GAGG;AACH,MAAM,OAAO,qBAAqB;IAChC,MAAM,CAAC,KAAK,CAAgB;IAC5B,MAAM,CAAC,YAAY,CAAW;IAC9B,MAAM,CAAC,sBAAsB,CAAuB;IAEpD;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,MAAoC;QACjE,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,qBAAqB,CAAC,YAAY,GAAG,IAAI,CAAC;QAC1C,qBAAqB,CAAC,KAAK,GAAG,MAAM,EAAE,YAAY,IAAI,SAAS,CAAC,YAAY,CAAC;QAC7E,qBAAqB,CAAC,sBAAsB,GAAG,MAAM,EAAE,qBAAqB,CAAC;QAC7E,OAAO,qBAAqB,CAAC,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,aAAa,CAAC,CAAC;IAC5F,CAAC;IAED,mFAAmF;IAC5E,MAAM,CAAC,SAAS;QACrB,IAAI,qBAAqB,CAAC,KAAK,EAAE,CAAC;YAChC,qBAAqB,CAAC,KAAK,CAAC,mBAAmB,CAAC,qBAAqB,CAAC,aAAa,CAAC,CAAC;YACrF,qBAAqB,CAAC,KAAK,GAAG,SAAS,CAAC;QAC1C,CAAC;QAED,qBAAqB,CAAC,YAAY,GAAG,KAAK,CAAC;IAC7C,CAAC;IAED,iEAAiE;IAC1D,MAAM,KAAK,IAAI;QACpB,IAAI,CAAC,qBAAqB,CAAC,KAAK,EAAE,CAAC;YACjC,MAAM,IAAI,YAAY,CAAC,aAAa,CAAC,KAAK,EAAE,uCAAuC,CAAC,CAAC;QACvF,CAAC;QACD,OAAO,qBAAqB,CAAC,KAAK,CAAC;IACrC,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,aAAa;QAC7B,OAAO,uBAAuB,CAAC;IACjC,CAAC;IAED,yHAAyH;IAClH,MAAM,CAAC,SAAS,CAAC,GAAsB,EAAE,OAA4B;QAC1E,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QACjD,OAAO,CACL,qBAAqB,CAAC,sBAAsB,EAAE,GAAG,CAAC,MAAM,CAAC;YACzD,qBAAqB,CAAC,IAAI,CAAC,kBAAkB,CAC3C,GAAG,qBAAqB,CAAC,aAAa,IAAI,GAAG,EAAE,EAC/C,OAAO,CACR,CACF,CAAC;IACJ,CAAC;CACF","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 { BentleyError, BentleyStatus } from \"@itwin/core-bentley\";\nimport { IModelApp } from \"@itwin/core-frontend\";\n\nimport type { Localization, TranslationOptions } from \"@itwin/core-common\";\n\n/** @public */\nexport interface GroupingMappingWidgetConfig {\n  localization?: Localization;\n  /** Override specific translation keys at runtime. Keys correspond to those in GroupingMappingWidget.json. */\n  localizationOverrides?: Map<string, string>;\n}\n\n/**\n * Entry point for static initialization required by various components used in the package.\n * @public\n */\nexport class GroupingMappingWidget {\n  static #i18n?: Localization;\n  static #initialized?: boolean;\n  static #localizationOverrides?: Map<string, string>;\n\n  /**\n   * Called to initialize the Grouping & Mapping Widget localization.\n   * @param config - Optional configuration with custom localization service and overrides.\n   */\n  public static async initialize(config?: GroupingMappingWidgetConfig): Promise<void> {\n    if (this.#initialized) {\n      return;\n    }\n\n    GroupingMappingWidget.#initialized = true;\n    GroupingMappingWidget.#i18n = config?.localization ?? IModelApp.localization;\n    GroupingMappingWidget.#localizationOverrides = config?.localizationOverrides;\n    return GroupingMappingWidget.#i18n.registerNamespace(GroupingMappingWidget.i18nNamespace);\n  }\n\n  /** Unregisters the GroupingMappingWidget internationalization service namespace */\n  public static terminate() {\n    if (GroupingMappingWidget.#i18n) {\n      GroupingMappingWidget.#i18n.unregisterNamespace(GroupingMappingWidget.i18nNamespace);\n      GroupingMappingWidget.#i18n = undefined;\n    }\n\n    GroupingMappingWidget.#initialized = false;\n  }\n\n  /** The internationalization service created by the IModelApp. */\n  public static get i18n(): Localization {\n    if (!GroupingMappingWidget.#i18n) {\n      throw new BentleyError(BentleyStatus.ERROR, \"GroupingMappingWidget not initialized\");\n    }\n    return GroupingMappingWidget.#i18n;\n  }\n\n  /** The internationalization service namespace. */\n  public static get i18nNamespace(): string {\n    return \"GroupingMappingWidget\";\n  }\n\n  /** Calls i18n.getLocalizedString with the \"GroupingMappingWidget\" namespace. Do NOT include the namespace in the key. */\n  public static translate(key: string | string[], options?: TranslationOptions): string {\n    const keyStr = Array.isArray(key) ? key[0] : key;\n    return (\n      GroupingMappingWidget.#localizationOverrides?.get(keyStr) ??\n      GroupingMappingWidget.i18n.getLocalizedString(\n        `${GroupingMappingWidget.i18nNamespace}:${key}`,\n        options\n      )\n    );\n  }\n}\n"]}

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { GroupMinimal, Mapping, Property } from "@itwin/insights-client";
 import type { GroupingMappingContextProps } from "../components/GroupingMappingContext";
 import "./GroupingMapping.scss";
 import type { ContextCustomUI } from "../components/customUI/GroupingMappingCustomUI";
-export declare type GroupingMappingProps = Omit<GroupingMappingContextProps, "iModelId" | "changesetId"> & {
+export type GroupingMappingProps = Omit<GroupingMappingContextProps, "iModelId" | "changesetId"> & {
     hideRefreshIcon?: boolean;
     groupsAction?: JSX.Element;
 };

package/lib/esm/WidgetShell/GroupingMapping.js

@@ -1,4 +1,5 @@
 import React, { useCallback, useMemo, useState } from "react";
+import { GroupingMappingWidget } from "../GroupingMappingWidget";
 import { GroupingMappingContext } from "../components/GroupingMappingContext";
 import "./GroupingMapping.scss";
 import { useActiveIModelConnection } from "@itwin/appui-react";
@@ -6,7 +7,7 @@ import { GroupingMappingCustomUIType } from "../components/customUI/GroupingMapp
 import { SvgList } from "@itwin/itwinui-icons-react";
 import { GroupingMappingContent } from "./GroupingMappingContent";
 import { GroupingMappingHeader } from "./GroupingMappingHeader";
-import { defaultGroupingUI } from "../components/customUI/DefaultGroupingUI";
+import { getDefaultGroupingUI } from "../components/customUI/DefaultGroupingUI";
 export var RouteStep;
 (function (RouteStep) {
     RouteStep[RouteStep["Mappings"] = 0] = "Mappings";
@@ -20,7 +21,7 @@ export var RouteStep;
     RouteStep[RouteStep["CustomCalculationPropertyAction"] = 8] = "CustomCalculationPropertyAction";
 })(RouteStep || (RouteStep = {}));
 const GroupingMapping = (props) => {
-    const [routingHistory, setRoutingHistory] = useState([{ step: RouteStep.Mappings, title: "Mapping", groupingRouteFields: {} }]);
+    const [routingHistory, setRoutingHistory] = useState([{ step: RouteStep.Mappings, title: GroupingMappingWidget.translate("mappings.mappings"), groupingRouteFields: {} }]);
     const currentRoute = routingHistory[routingHistory.length - 1];
     const activeIModelConnection = useActiveIModelConnection();
     const iModelConnection = props.iModelConnection ?? activeIModelConnection;
@@ -37,7 +38,7 @@ const GroupingMapping = (props) => {
     const injectedCustomUI = useMemo(() => [
         {
             name: "Properties",
-            displayLabel: "Properties",
+            displayLabel: GroupingMappingWidget.translate("customUI.properties"),
             type: GroupingMappingCustomUIType.Context,
             icon: React.createElement(SvgList, null),
             onClick: (group) => navigateTo((prev) => ({
@@ -47,7 +48,7 @@ const GroupingMapping = (props) => {
             })),
         },
         // No group UI's provided means the widget provides its own
-        ...(props.customUIs ?? defaultGroupingUI),
+        ...(props.customUIs ?? getDefaultGroupingUI()),
     ], [props.customUIs, navigateTo]);
     return (React.createElement(GroupingMappingContext, { iModelId: iModelId, changeSetId: changeSetId, ...props, customUIs: injectedCustomUI },
         React.createElement("div", { className: "gmw-group-mapping-container" },

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

@@ -1 +1 @@
-{"version":3,"file":"GroupingMapping.js","sourceRoot":"","sources":["../../../src/WidgetShell/GroupingMapping.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 type { GroupMinimal, Mapping, Property } from \"@itwin/insights-client\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport type { GroupingMappingContextProps } from \"../components/GroupingMappingContext\";\nimport { GroupingMappingContext } from \"../components/GroupingMappingContext\";\nimport \"./GroupingMapping.scss\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport type { ContextCustomUI, GroupingMappingCustomUI } from \"../components/customUI/GroupingMappingCustomUI\";\nimport { GroupingMappingCustomUIType } from \"../components/customUI/GroupingMappingCustomUI\";\nimport { SvgList } from \"@itwin/itwinui-icons-react\";\nimport { GroupingMappingContent } from \"./GroupingMappingContent\";\nimport { GroupingMappingHeader } from \"./GroupingMappingHeader\";\nimport { defaultGroupingUI } from \"../components/customUI/DefaultGroupingUI\";\n\nexport type GroupingMappingProps = Omit<GroupingMappingContextProps, \"iModelId\" | \"changesetId\"> & {\n  hideRefreshIcon?: boolean;\n  groupsAction?: JSX.Element;\n};\n\nexport enum RouteStep {\n  Mappings,\n  MappingsAction,\n  Groups,\n  GroupAction,\n  GroupContextCustomUI,\n  Properties,\n  PropertyAction,\n  CalculatedPropertyAction,\n  CustomCalculationPropertyAction,\n}\n\nexport interface Route {\n  step: RouteStep;\n  title: string;\n  groupingRouteFields: GroupingRouteFields;\n}\n\nexport interface GroupingRouteFields {\n  mapping?: Mapping;\n  group?: GroupMinimal;\n  property?: Property;\n  calculatedProperty?: Property;\n  customCalculation?: Property;\n  // Optional prop but cannot be declared undefined.\n  groupContextCustomUI?: Exclude<ContextCustomUI[\"uiComponent\"], undefined>;\n  queryGenerationType?: string;\n}\n\nconst GroupingMapping = (props: GroupingMappingProps) => {\n  const [routingHistory, setRoutingHistory] = useState<Route[]>([{ step: RouteStep.Mappings, title: \"Mapping\", groupingRouteFields: {} }]);\n  const currentRoute = routingHistory[routingHistory.length - 1];\n  const activeIModelConnection = useActiveIModelConnection();\n  const iModelConnection = props.iModelConnection ?? activeIModelConnection;\n  const iModelId = iModelConnection?.iModelId ?? \"\";\n  const changeSetId = iModelConnection?.changeset.id ?? \"\";\n  const navigateTo = useCallback((toRoute: (prev: Route | undefined) => Route) => {\n    setRoutingHistory((r) => [...r, toRoute(r[r.length - 1])]);\n  }, []);\n\n  const goBack = useCallback(() => {\n    const updatedRouting = [...routingHistory];\n    updatedRouting.pop();\n    setRoutingHistory(updatedRouting);\n  }, [routingHistory]);\n\n  const injectedCustomUI = useMemo<GroupingMappingCustomUI[]>(\n    () => [\n      {\n        name: \"Properties\",\n        displayLabel: \"Properties\",\n        type: GroupingMappingCustomUIType.Context,\n        icon: <SvgList />,\n        onClick: (group) =>\n          navigateTo((prev) => ({\n            step: RouteStep.Properties,\n            title: group.groupName,\n            groupingRouteFields: { ...prev?.groupingRouteFields, group },\n          })),\n      },\n      // No group UI's provided means the widget provides its own\n      ...(props.customUIs ?? defaultGroupingUI),\n    ],\n    [props.customUIs, navigateTo],\n  );\n\n  return (\n    <GroupingMappingContext iModelId={iModelId} changeSetId={changeSetId} {...props} customUIs={injectedCustomUI}>\n      <div className=\"gmw-group-mapping-container\">\n        <GroupingMappingHeader goBack={goBack} currentRoute={currentRoute} />\n        <GroupingMappingContent\n          routingHistory={routingHistory}\n          navigateTo={navigateTo}\n          goBack={goBack}\n          hideRefreshIcon={props.hideRefreshIcon}\n          groupsAction={props.groupsAction}\n        />\n      </div>\n    </GroupingMappingContext>\n  );\n};\n\nexport default GroupingMapping;\n"]}
+{"version":3,"file":"GroupingMapping.js","sourceRoot":"","sources":["../../../src/WidgetShell/GroupingMapping.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 type { GroupMinimal, Mapping, Property } from \"@itwin/insights-client\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport { GroupingMappingWidget } from \"../GroupingMappingWidget\";\nimport type { GroupingMappingContextProps } from \"../components/GroupingMappingContext\";\nimport { GroupingMappingContext } from \"../components/GroupingMappingContext\";\nimport \"./GroupingMapping.scss\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport type { ContextCustomUI, GroupingMappingCustomUI } from \"../components/customUI/GroupingMappingCustomUI\";\nimport { GroupingMappingCustomUIType } from \"../components/customUI/GroupingMappingCustomUI\";\nimport { SvgList } from \"@itwin/itwinui-icons-react\";\nimport { GroupingMappingContent } from \"./GroupingMappingContent\";\nimport { GroupingMappingHeader } from \"./GroupingMappingHeader\";\nimport { getDefaultGroupingUI } from \"../components/customUI/DefaultGroupingUI\";\n\nexport type GroupingMappingProps = Omit<GroupingMappingContextProps, \"iModelId\" | \"changesetId\"> & {\n  hideRefreshIcon?: boolean;\n  groupsAction?: JSX.Element;\n};\n\nexport enum RouteStep {\n  Mappings,\n  MappingsAction,\n  Groups,\n  GroupAction,\n  GroupContextCustomUI,\n  Properties,\n  PropertyAction,\n  CalculatedPropertyAction,\n  CustomCalculationPropertyAction,\n}\n\nexport interface Route {\n  step: RouteStep;\n  title: string;\n  groupingRouteFields: GroupingRouteFields;\n}\n\nexport interface GroupingRouteFields {\n  mapping?: Mapping;\n  group?: GroupMinimal;\n  property?: Property;\n  calculatedProperty?: Property;\n  customCalculation?: Property;\n  // Optional prop but cannot be declared undefined.\n  groupContextCustomUI?: Exclude<ContextCustomUI[\"uiComponent\"], undefined>;\n  queryGenerationType?: string;\n}\n\nconst GroupingMapping = (props: GroupingMappingProps) => {\n  const [routingHistory, setRoutingHistory] = useState<Route[]>([{ step: RouteStep.Mappings, title: GroupingMappingWidget.translate(\"mappings.mappings\"), groupingRouteFields: {} }]);\n  const currentRoute = routingHistory[routingHistory.length - 1];\n  const activeIModelConnection = useActiveIModelConnection();\n  const iModelConnection = props.iModelConnection ?? activeIModelConnection;\n  const iModelId = iModelConnection?.iModelId ?? \"\";\n  const changeSetId = iModelConnection?.changeset.id ?? \"\";\n  const navigateTo = useCallback((toRoute: (prev: Route | undefined) => Route) => {\n    setRoutingHistory((r) => [...r, toRoute(r[r.length - 1])]);\n  }, []);\n\n  const goBack = useCallback(() => {\n    const updatedRouting = [...routingHistory];\n    updatedRouting.pop();\n    setRoutingHistory(updatedRouting);\n  }, [routingHistory]);\n\n  const injectedCustomUI = useMemo<GroupingMappingCustomUI[]>(\n    () => [\n      {\n        name: \"Properties\",\n        displayLabel: GroupingMappingWidget.translate(\"customUI.properties\"),\n        type: GroupingMappingCustomUIType.Context,\n        icon: <SvgList />,\n        onClick: (group) =>\n          navigateTo((prev) => ({\n            step: RouteStep.Properties,\n            title: group.groupName,\n            groupingRouteFields: { ...prev?.groupingRouteFields, group },\n          })),\n      },\n      // No group UI's provided means the widget provides its own\n      ...(props.customUIs ?? getDefaultGroupingUI()),\n    ],\n    [props.customUIs, navigateTo],\n  );\n\n  return (\n    <GroupingMappingContext iModelId={iModelId} changeSetId={changeSetId} {...props} customUIs={injectedCustomUI}>\n      <div className=\"gmw-group-mapping-container\">\n        <GroupingMappingHeader goBack={goBack} currentRoute={currentRoute} />\n        <GroupingMappingContent\n          routingHistory={routingHistory}\n          navigateTo={navigateTo}\n          goBack={goBack}\n          hideRefreshIcon={props.hideRefreshIcon}\n          groupsAction={props.groupsAction}\n        />\n      </div>\n    </GroupingMappingContext>\n  );\n};\n\nexport default GroupingMapping;\n"]}

package/lib/esm/WidgetShell/GroupingMappingContent.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import type { Route } from "./GroupingMapping";
 export declare const GroupingMappingContent: ({ routingHistory, navigateTo, goBack, hideRefreshIcon, groupsAction, }: {
     routingHistory: Route[];
     navigateTo: (toRoute: (prev: Route | undefined) => Route) => void;
     goBack: () => void;
-    hideRefreshIcon?: boolean | undefined;
-    groupsAction?: JSX.Element | undefined;
+    hideRefreshIcon?: boolean;
+    groupsAction?: JSX.Element;
 }) => JSX.Element;
 //# sourceMappingURL=GroupingMappingContent.d.ts.map

package/lib/esm/WidgetShell/GroupingMappingContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupingMappingContent.js","sourceRoot":"","sources":["../../../src/WidgetShell/GroupingMappingContent.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,8BAA8B,EAAE,MAAM,mDAAmD,CAAC;AACnG,OAAO,EAAE,8BAA8B,EAAE,MAAM,mDAAmD,CAAC;AAEnG,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,cAAc,EACd,UAAU,EACV,MAAM,EACN,eAAe,EACf,YAAY,GAOb,EAAE,EAAE;IACH,MAAM,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,GAAG,8BAA8B,EAAE,CAAC;IACnF,MAAM,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,GAAG,8BAA8B,EAAE,CAAC;IACvF,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAE/D,gDAAgD;IAChD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;YAC/B,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,kBAAkB,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;YAC9B,QAAQ,EAAE,CAAC;YACX,2CAA2C;SAC5C;aAAM,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;YACtC,sBAAsB,CAAC,KAAK,CAAC,CAAC;SAC/B;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEpF,OAAO,CACL,oBAAC,qBAAqB,IAAC,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,GAAI,CAC5J,CAAC;AACJ,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, { useEffect } from \"react\";\nimport { useGroupHilitedElementsContext } from \"../components/context/GroupHilitedElementsContext\";\nimport { usePropertiesGroupColorContext } from \"../components/context/PropertiesGroupColorContext\";\nimport type { Route } from \"./GroupingMapping\";\nimport { GroupingMappingRouter } from \"./Router/GroupingMappingRouter\";\nimport { clearAll } from \"../common/viewerUtils\";\n\nexport const GroupingMappingContent = ({\n  routingHistory,\n  navigateTo,\n  goBack,\n  hideRefreshIcon,\n  groupsAction,\n}: {\n  routingHistory: Route[];\n  navigateTo: (toRoute: (prev: Route | undefined) => Route) => void;\n  goBack: () => void;\n  hideRefreshIcon?: boolean;\n  groupsAction?: JSX.Element;\n}) => {\n  const { setShowGroupColor, setHiddenGroupsIds } = useGroupHilitedElementsContext();\n  const { setShowGroupColor: setPropertiesShowGroup } = usePropertiesGroupColorContext();\n  const currentRoute = routingHistory[routingHistory.length - 1];\n\n  // Clean up group visualization when in mappings\n  useEffect(() => {\n    if (routingHistory.length === 1) {\n      setShowGroupColor(false);\n      setHiddenGroupsIds(new Set());\n      clearAll();\n      // Turn off visualiztion in properties menu\n    } else if (routingHistory.length === 2) {\n      setPropertiesShowGroup(false);\n    }\n  }, [routingHistory, setHiddenGroupsIds, setPropertiesShowGroup, setShowGroupColor]);\n\n  return (\n    <GroupingMappingRouter currentRoute={currentRoute} navigateTo={navigateTo} goBack={goBack} hideRefreshIcon={hideRefreshIcon} groupsAction={groupsAction} />\n  );\n};\n"]}
+{"version":3,"file":"GroupingMappingContent.js","sourceRoot":"","sources":["../../../src/WidgetShell/GroupingMappingContent.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,8BAA8B,EAAE,MAAM,mDAAmD,CAAC;AACnG,OAAO,EAAE,8BAA8B,EAAE,MAAM,mDAAmD,CAAC;AAEnG,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,cAAc,EACd,UAAU,EACV,MAAM,EACN,eAAe,EACf,YAAY,GAOb,EAAE,EAAE;IACH,MAAM,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,GAAG,8BAA8B,EAAE,CAAC;IACnF,MAAM,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,GAAG,8BAA8B,EAAE,CAAC;IACvF,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAE/D,gDAAgD;IAChD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAChC,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,kBAAkB,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;YAC9B,QAAQ,EAAE,CAAC;YACX,2CAA2C;QAC7C,CAAC;aAAM,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvC,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEpF,OAAO,CACL,oBAAC,qBAAqB,IAAC,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,GAAI,CAC5J,CAAC;AACJ,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, { useEffect } from \"react\";\nimport { useGroupHilitedElementsContext } from \"../components/context/GroupHilitedElementsContext\";\nimport { usePropertiesGroupColorContext } from \"../components/context/PropertiesGroupColorContext\";\nimport type { Route } from \"./GroupingMapping\";\nimport { GroupingMappingRouter } from \"./Router/GroupingMappingRouter\";\nimport { clearAll } from \"../common/viewerUtils\";\n\nexport const GroupingMappingContent = ({\n  routingHistory,\n  navigateTo,\n  goBack,\n  hideRefreshIcon,\n  groupsAction,\n}: {\n  routingHistory: Route[];\n  navigateTo: (toRoute: (prev: Route | undefined) => Route) => void;\n  goBack: () => void;\n  hideRefreshIcon?: boolean;\n  groupsAction?: JSX.Element;\n}) => {\n  const { setShowGroupColor, setHiddenGroupsIds } = useGroupHilitedElementsContext();\n  const { setShowGroupColor: setPropertiesShowGroup } = usePropertiesGroupColorContext();\n  const currentRoute = routingHistory[routingHistory.length - 1];\n\n  // Clean up group visualization when in mappings\n  useEffect(() => {\n    if (routingHistory.length === 1) {\n      setShowGroupColor(false);\n      setHiddenGroupsIds(new Set());\n      clearAll();\n      // Turn off visualiztion in properties menu\n    } else if (routingHistory.length === 2) {\n      setPropertiesShowGroup(false);\n    }\n  }, [routingHistory, setHiddenGroupsIds, setPropertiesShowGroup, setShowGroupColor]);\n\n  return (\n    <GroupingMappingRouter currentRoute={currentRoute} navigateTo={navigateTo} goBack={goBack} hideRefreshIcon={hideRefreshIcon} groupsAction={groupsAction} />\n  );\n};\n"]}

package/lib/esm/WidgetShell/GroupingMappingHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Route } from "./GroupingMapping";
 export declare const GroupingMappingHeader: ({ goBack, currentRoute }: {
     goBack: () => void;

package/lib/esm/WidgetShell/GroupingMappingWidget.js

@@ -1,21 +1,23 @@
 import { StagePanelLocation, StagePanelSection, StageUsage } from "@itwin/appui-react";
 import React from "react";
+import { GroupingMappingWidget as GMWidget } from "../GroupingMappingWidget";
 import GroupingMapping from "./GroupingMapping";
 /**
  * UI Provider for Grouping & Mapping Widget
  * @public
  */
 export class GroupingMappingProvider {
+    _props;
+    id = "GroupingMappingProvider";
     constructor(_props = {}) {
         this._props = _props;
-        this.id = "GroupingMappingProvider";
     }
     provideWidgets(_stageId, stageUsage, location, section) {
         const widgets = [];
         if (location === StagePanelLocation.Left && section === StagePanelSection.Start && stageUsage === StageUsage.General) {
             const GroupingMappingWidget = {
                 id: "GroupingMappingWidget",
-                label: "Grouping & Mapping",
+                label: GMWidget.translate("widget.label"),
                 content: React.createElement(GroupingMapping, { ...this._props }),
             };
             widgets.push(GroupingMappingWidget);

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

@@ -1 +1 @@
-{"version":3,"file":"GroupingMappingWidget.js","sourceRoot":"","sources":["../../../src/WidgetShell/GroupingMappingWidget.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD;;;GAGG;AACH,MAAM,OAAO,uBAAuB;IAGlC,YAA6B,SAA+B,EAAE;QAAjC,WAAM,GAAN,MAAM,CAA2B;QAF9C,OAAE,GAAG,yBAAyB,CAAC;IAEkB,CAAC;IAE3D,cAAc,CAAC,QAAgB,EAAE,UAAkB,EAAE,QAA4B,EAAE,OAA2B;QACnH,MAAM,OAAO,GAAa,EAAE,CAAC;QAC7B,IAAI,QAAQ,KAAK,kBAAkB,CAAC,IAAI,IAAI,OAAO,KAAK,iBAAiB,CAAC,KAAK,IAAI,UAAU,KAAK,UAAU,CAAC,OAAO,EAAE;YACpH,MAAM,qBAAqB,GAAW;gBACpC,EAAE,EAAE,uBAAuB;gBAC3B,KAAK,EAAE,oBAAoB;gBAC3B,OAAO,EAAE,oBAAC,eAAe,OAAK,IAAI,CAAC,MAAM,GAAI;aAC9C,CAAC;YAEF,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;SACrC;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport type { UiItemsProvider, Widget } from \"@itwin/appui-react\";\nimport { StagePanelLocation, StagePanelSection, StageUsage } from \"@itwin/appui-react\";\nimport React from \"react\";\nimport type { GroupingMappingProps } from \"./GroupingMapping\";\nimport GroupingMapping from \"./GroupingMapping\";\n\n/**\n * UI Provider for Grouping & Mapping Widget\n * @public\n */\nexport class GroupingMappingProvider implements UiItemsProvider {\n  public readonly id = \"GroupingMappingProvider\";\n\n  constructor(private readonly _props: GroupingMappingProps = {}) {}\n\n  public provideWidgets(_stageId: string, stageUsage: string, location: StagePanelLocation, section?: StagePanelSection): ReadonlyArray<Widget> {\n    const widgets: Widget[] = [];\n    if (location === StagePanelLocation.Left && section === StagePanelSection.Start && stageUsage === StageUsage.General) {\n      const GroupingMappingWidget: Widget = {\n        id: \"GroupingMappingWidget\",\n        label: \"Grouping & Mapping\",\n        content: <GroupingMapping {...this._props} />,\n      };\n\n      widgets.push(GroupingMappingWidget);\n    }\n\n    return widgets;\n  }\n}\n"]}
+{"version":3,"file":"GroupingMappingWidget.js","sourceRoot":"","sources":["../../../src/WidgetShell/GroupingMappingWidget.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,IAAI,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAE7E,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD;;;GAGG;AACH,MAAM,OAAO,uBAAuB;IAGL;IAFb,EAAE,GAAG,yBAAyB,CAAC;IAE/C,YAA6B,SAA+B,EAAE;QAAjC,WAAM,GAAN,MAAM,CAA2B;IAAG,CAAC;IAE3D,cAAc,CAAC,QAAgB,EAAE,UAAkB,EAAE,QAA4B,EAAE,OAA2B;QACnH,MAAM,OAAO,GAAa,EAAE,CAAC;QAC7B,IAAI,QAAQ,KAAK,kBAAkB,CAAC,IAAI,IAAI,OAAO,KAAK,iBAAiB,CAAC,KAAK,IAAI,UAAU,KAAK,UAAU,CAAC,OAAO,EAAE,CAAC;YACrH,MAAM,qBAAqB,GAAW;gBACpC,EAAE,EAAE,uBAAuB;gBAC3B,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,cAAc,CAAC;gBACzC,OAAO,EAAE,oBAAC,eAAe,OAAK,IAAI,CAAC,MAAM,GAAI;aAC9C,CAAC;YAEF,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QACtC,CAAC;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport type { UiItemsProvider, Widget } from \"@itwin/appui-react\";\nimport { StagePanelLocation, StagePanelSection, StageUsage } from \"@itwin/appui-react\";\nimport React from \"react\";\nimport { GroupingMappingWidget as GMWidget } from \"../GroupingMappingWidget\";\nimport type { GroupingMappingProps } from \"./GroupingMapping\";\nimport GroupingMapping from \"./GroupingMapping\";\n\n/**\n * UI Provider for Grouping & Mapping Widget\n * @public\n */\nexport class GroupingMappingProvider implements UiItemsProvider {\n  public readonly id = \"GroupingMappingProvider\";\n\n  constructor(private readonly _props: GroupingMappingProps = {}) {}\n\n  public provideWidgets(_stageId: string, stageUsage: string, location: StagePanelLocation, section?: StagePanelSection): ReadonlyArray<Widget> {\n    const widgets: Widget[] = [];\n    if (location === StagePanelLocation.Left && section === StagePanelSection.Start && stageUsage === StageUsage.General) {\n      const GroupingMappingWidget: Widget = {\n        id: \"GroupingMappingWidget\",\n        label: GMWidget.translate(\"widget.label\"),\n        content: <GroupingMapping {...this._props} />,\n      };\n\n      widgets.push(GroupingMappingWidget);\n    }\n\n    return widgets;\n  }\n}\n"]}

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

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

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

@@ -12,13 +12,14 @@ import { MappingAction } from "../../components/Mappings/Editing/MappingAction";
 import { PropertyMenuWithVisualization } from "../../components/Properties/PropertyMenuWithVisualization";
 import { GroupsVisualization } from "../../components/Groups/GroupsVisualization";
 import { useGroupHilitedElementsContext } from "../../components/context/GroupHilitedElementsContext";
+import { GroupingMappingWidget as GMWidget } from "../../GroupingMappingWidget";
 export const GroupingMappingRouter = ({ currentRoute, navigateTo, goBack, hideRefreshIcon, groupsAction, }) => {
     const { iModelId } = useGroupingMappingApiConfig();
     const { mapping, group, property, groupContextCustomUI, queryGenerationType } = currentRoute.groupingRouteFields;
     const { showGroupColor, groupColors } = useGroupHilitedElementsContext();
     switch (currentRoute.step) {
         case RouteStep.Mappings:
-            return (React.createElement(Mappings, { onClickAddMapping: () => navigateTo(() => ({ step: RouteStep.MappingsAction, title: "Add Mapping", groupingRouteFields: {} })), onClickMappingTitle: (mapping) => {
+            return (React.createElement(Mappings, { onClickAddMapping: () => navigateTo(() => ({ step: RouteStep.MappingsAction, title: GMWidget.translate("mappings.addMapping"), groupingRouteFields: {} })), onClickMappingTitle: (mapping) => {
                     navigateTo(() => ({
                         step: RouteStep.Groups,
                         groupingRouteFields: { mapping },
@@ -38,7 +39,7 @@ export const GroupingMappingRouter = ({ currentRoute, navigateTo, goBack, hideRe
                 return (React.createElement(GroupsVisualization, { mapping: mapping, onClickAddGroup: (qType) => navigateTo((prev) => ({
                         step: RouteStep.GroupAction,
                         groupingRouteFields: { ...prev?.groupingRouteFields, queryGenerationType: qType },
-                        title: "Add Group",
+                        title: GMWidget.translate("groups.addGroup"),
                     })), onClickGroupTitle: (g) => navigateTo((prev) => ({
                         step: RouteStep.Properties,
                         title: g.groupName,
@@ -72,13 +73,13 @@ export const GroupingMappingRouter = ({ currentRoute, navigateTo, goBack, hideRe
             return null;
         case RouteStep.Properties:
             if (mapping && group) {
-                return (React.createElement(PropertyMenuWithVisualization, { mapping: mapping, group: group, color: showGroupColor ? groupColors.get(group.id) ?? "red" : "red", onClickAddGroupProperty: () => navigateTo((prev) => ({ step: RouteStep.PropertyAction, title: "Add Property", groupingRouteFields: { ...prev?.groupingRouteFields } })), onClickModifyGroupProperty: (gp) => navigateTo((prev) => ({
+                return (React.createElement(PropertyMenuWithVisualization, { mapping: mapping, group: group, color: showGroupColor ? groupColors.get(group.id) ?? "red" : "red", onClickAddGroupProperty: () => navigateTo((prev) => ({ step: RouteStep.PropertyAction, title: GMWidget.translate("properties.addPropertyTitle"), groupingRouteFields: { ...prev?.groupingRouteFields } })), onClickModifyGroupProperty: (gp) => navigateTo((prev) => ({
                         step: RouteStep.PropertyAction,
                         title: gp.propertyName,
                         groupingRouteFields: { ...prev?.groupingRouteFields, property: gp },
                     })), onClickAddCalculatedProperty: () => navigateTo((prev) => ({
                         step: RouteStep.CalculatedPropertyAction,
-                        title: "Create Calculated Property",
+                        title: GMWidget.translate("properties.createCalculatedProperty"),
                         groupingRouteFields: { ...prev?.groupingRouteFields },
                     })), onClickModifyCalculatedProperty: (cp) => navigateTo((prev) => ({
                         step: RouteStep.CalculatedPropertyAction,
@@ -86,7 +87,7 @@ export const GroupingMappingRouter = ({ currentRoute, navigateTo, goBack, hideRe
                         groupingRouteFields: { ...prev?.groupingRouteFields, calculatedProperty: cp },
                     })), onClickAddCustomCalculationProperty: () => navigateTo((prev) => ({
                         step: RouteStep.CustomCalculationPropertyAction,
-                        title: "Create Custom Calculation",
+                        title: GMWidget.translate("properties.createCustomCalculation"),
                         groupingRouteFields: { ...prev?.groupingRouteFields },
                     })), onClickModifyCustomCalculation: (cc) => navigateTo((prev) => ({
                         step: RouteStep.CustomCalculationPropertyAction,

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

@@ -1 +1 @@
-{"version":3,"file":"GroupingMappingRouter.js","sourceRoot":"","sources":["../../../../src/WidgetShell/Router/GroupingMappingRouter.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport { useGroupingMappingApiConfig } from \"../../components/context/GroupingApiConfigContext\";\nimport { GroupAction } from \"../../components/Groups/Editing/GroupAction\";\nimport type { Route } from \"../GroupingMapping\";\nimport { RouteStep } from \"../GroupingMapping\";\nimport { GroupPropertyAction } from \"../../components/Properties/GroupProperties/GroupPropertyAction\";\nimport { Mappings } from \"../../components/Mappings/Mappings\";\nimport { MappingAction } from \"../../components/Mappings/Editing/MappingAction\";\nimport { PropertyMenuWithVisualization } from \"../../components/Properties/PropertyMenuWithVisualization\";\nimport { GroupsVisualization } from \"../../components/Groups/GroupsVisualization\";\nimport { useGroupHilitedElementsContext } from \"../../components/context/GroupHilitedElementsContext\";\n\nexport const GroupingMappingRouter = ({\n  currentRoute,\n  navigateTo,\n  goBack,\n  hideRefreshIcon,\n  groupsAction,\n}: {\n  currentRoute: Route;\n  navigateTo: (toRoute: (prev: Route | undefined) => Route) => void;\n  goBack: () => void;\n  hideRefreshIcon?: boolean;\n  groupsAction?: JSX.Element;\n}) => {\n  const { iModelId } = useGroupingMappingApiConfig();\n  const { mapping, group, property, groupContextCustomUI, queryGenerationType } = currentRoute.groupingRouteFields;\n  const { showGroupColor, groupColors } = useGroupHilitedElementsContext();\n\n  switch (currentRoute.step) {\n    case RouteStep.Mappings:\n      return (\n        <Mappings\n          onClickAddMapping={() => navigateTo(() => ({ step: RouteStep.MappingsAction, title: \"Add Mapping\", groupingRouteFields: {} }))}\n          onClickMappingTitle={(mapping) => {\n            navigateTo(() => ({\n              step: RouteStep.Groups,\n              groupingRouteFields: { mapping },\n              title: mapping.mappingName,\n            }));\n          }}\n          onClickMappingModify={(mapping) => {\n            navigateTo(() => ({\n              step: RouteStep.MappingsAction,\n              groupingRouteFields: { mapping },\n              title: mapping.mappingName,\n            }));\n          }}\n          hideRefreshIcon={hideRefreshIcon}\n        />\n      );\n    case RouteStep.MappingsAction:\n      return <MappingAction mapping={mapping} onClickCancel={goBack} onSaveSuccess={goBack} />;\n    case RouteStep.Groups:\n      if (mapping) {\n        return (\n          <GroupsVisualization\n            mapping={mapping}\n            onClickAddGroup={(qType) =>\n              navigateTo((prev) => ({\n                step: RouteStep.GroupAction,\n                groupingRouteFields: { ...prev?.groupingRouteFields, queryGenerationType: qType },\n                title: \"Add Group\",\n              }))\n            }\n            onClickGroupTitle={(g) =>\n              navigateTo((prev) => ({\n                step: RouteStep.Properties,\n                title: g.groupName,\n                groupingRouteFields: { ...prev?.groupingRouteFields, group: g },\n              }))\n            }\n            onClickGroupModify={(g, qType) =>\n              navigateTo((prev) => ({\n                step: RouteStep.GroupAction,\n                title: g.groupName,\n                groupingRouteFields: { ...prev?.groupingRouteFields, group: g, queryGenerationType: qType },\n              }))\n            }\n            onClickRenderContextCustomUI={(ccUI, g, displayLabel) =>\n              navigateTo((prev) => ({\n                step: RouteStep.GroupContextCustomUI,\n                title: displayLabel,\n                groupingRouteFields: { ...prev?.groupingRouteFields, group: g, groupContextCustomUI: ccUI },\n              }))\n            }\n            hideRefreshIcon={hideRefreshIcon}\n            groupsAction={groupsAction}\n          />\n        );\n      }\n      return null;\n    case RouteStep.GroupAction:\n      if (mapping) {\n        if (queryGenerationType) {\n          return (\n            <GroupAction\n              shouldVisualize\n              mappingId={mapping.id}\n              group={group}\n              onClickCancel={goBack}\n              onSaveSuccess={goBack}\n              queryGenerationType={queryGenerationType}\n            />\n          );\n        }\n      }\n      return null;\n    case RouteStep.GroupContextCustomUI:\n      if (mapping && group && groupContextCustomUI) {\n        return React.createElement(groupContextCustomUI, {\n          iModelId,\n          mappingId: mapping.id,\n          groupId: group.id,\n        });\n      }\n      return null;\n    case RouteStep.Properties:\n      if (mapping && group) {\n        return (\n          <PropertyMenuWithVisualization\n            mapping={mapping}\n            group={group}\n            color={showGroupColor ? groupColors.get(group.id) ?? \"red\" : \"red\"}\n            onClickAddGroupProperty={() =>\n              navigateTo((prev) => ({ step: RouteStep.PropertyAction, title: \"Add Property\", groupingRouteFields: { ...prev?.groupingRouteFields } }))\n            }\n            onClickModifyGroupProperty={(gp) =>\n              navigateTo((prev) => ({\n                step: RouteStep.PropertyAction,\n                title: gp.propertyName,\n                groupingRouteFields: { ...prev?.groupingRouteFields, property: gp },\n              }))\n            }\n            onClickAddCalculatedProperty={() =>\n              navigateTo((prev) => ({\n                step: RouteStep.CalculatedPropertyAction,\n                title: \"Create Calculated Property\",\n                groupingRouteFields: { ...prev?.groupingRouteFields },\n              }))\n            }\n            onClickModifyCalculatedProperty={(cp) =>\n              navigateTo((prev) => ({\n                step: RouteStep.CalculatedPropertyAction,\n                title: cp.propertyName,\n                groupingRouteFields: { ...prev?.groupingRouteFields, calculatedProperty: cp },\n              }))\n            }\n            onClickAddCustomCalculationProperty={() =>\n              navigateTo((prev) => ({\n                step: RouteStep.CustomCalculationPropertyAction,\n                title: \"Create Custom Calculation\",\n                groupingRouteFields: { ...prev?.groupingRouteFields },\n              }))\n            }\n            onClickModifyCustomCalculation={(cc) =>\n              navigateTo((prev) => ({\n                step: RouteStep.CustomCalculationPropertyAction,\n                title: cc.propertyName,\n                groupingRouteFields: { ...prev?.groupingRouteFields, customCalculation: cc },\n              }))\n            }\n            hideRefreshIcon={hideRefreshIcon}\n          />\n        );\n      }\n      return null;\n    case RouteStep.PropertyAction: {\n      if (mapping && group) {\n        return <GroupPropertyAction mappingId={mapping.id} group={group} groupProperty={property} onSaveSuccess={goBack} onClickCancel={goBack} />;\n      }\n      return null;\n    }\n    default:\n      return null;\n  }\n};\n"]}
+{"version":3,"file":"GroupingMappingRouter.js","sourceRoot":"","sources":["../../../../src/WidgetShell/Router/GroupingMappingRouter.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport { useGroupingMappingApiConfig } from \"../../components/context/GroupingApiConfigContext\";\nimport { GroupAction } from \"../../components/Groups/Editing/GroupAction\";\nimport type { Route } from \"../GroupingMapping\";\nimport { RouteStep } from \"../GroupingMapping\";\nimport { GroupPropertyAction } from \"../../components/Properties/GroupProperties/GroupPropertyAction\";\nimport { Mappings } from \"../../components/Mappings/Mappings\";\nimport { MappingAction } from \"../../components/Mappings/Editing/MappingAction\";\nimport { PropertyMenuWithVisualization } from \"../../components/Properties/PropertyMenuWithVisualization\";\nimport { GroupsVisualization } from \"../../components/Groups/GroupsVisualization\";\nimport { useGroupHilitedElementsContext } from \"../../components/context/GroupHilitedElementsContext\";\nimport { GroupingMappingWidget as GMWidget } from \"../../GroupingMappingWidget\";\n\nexport const GroupingMappingRouter = ({\n  currentRoute,\n  navigateTo,\n  goBack,\n  hideRefreshIcon,\n  groupsAction,\n}: {\n  currentRoute: Route;\n  navigateTo: (toRoute: (prev: Route | undefined) => Route) => void;\n  goBack: () => void;\n  hideRefreshIcon?: boolean;\n  groupsAction?: JSX.Element;\n}) => {\n  const { iModelId } = useGroupingMappingApiConfig();\n  const { mapping, group, property, groupContextCustomUI, queryGenerationType } = currentRoute.groupingRouteFields;\n  const { showGroupColor, groupColors } = useGroupHilitedElementsContext();\n\n  switch (currentRoute.step) {\n    case RouteStep.Mappings:\n      return (\n        <Mappings\n          onClickAddMapping={() => navigateTo(() => ({ step: RouteStep.MappingsAction, title: GMWidget.translate(\"mappings.addMapping\"), groupingRouteFields: {} }))}\n          onClickMappingTitle={(mapping) => {\n            navigateTo(() => ({\n              step: RouteStep.Groups,\n              groupingRouteFields: { mapping },\n              title: mapping.mappingName,\n            }));\n          }}\n          onClickMappingModify={(mapping) => {\n            navigateTo(() => ({\n              step: RouteStep.MappingsAction,\n              groupingRouteFields: { mapping },\n              title: mapping.mappingName,\n            }));\n          }}\n          hideRefreshIcon={hideRefreshIcon}\n        />\n      );\n    case RouteStep.MappingsAction:\n      return <MappingAction mapping={mapping} onClickCancel={goBack} onSaveSuccess={goBack} />;\n    case RouteStep.Groups:\n      if (mapping) {\n        return (\n          <GroupsVisualization\n            mapping={mapping}\n            onClickAddGroup={(qType) =>\n              navigateTo((prev) => ({\n                step: RouteStep.GroupAction,\n                groupingRouteFields: { ...prev?.groupingRouteFields, queryGenerationType: qType },\n                title: GMWidget.translate(\"groups.addGroup\"),\n              }))\n            }\n            onClickGroupTitle={(g) =>\n              navigateTo((prev) => ({\n                step: RouteStep.Properties,\n                title: g.groupName,\n                groupingRouteFields: { ...prev?.groupingRouteFields, group: g },\n              }))\n            }\n            onClickGroupModify={(g, qType) =>\n              navigateTo((prev) => ({\n                step: RouteStep.GroupAction,\n                title: g.groupName,\n                groupingRouteFields: { ...prev?.groupingRouteFields, group: g, queryGenerationType: qType },\n              }))\n            }\n            onClickRenderContextCustomUI={(ccUI, g, displayLabel) =>\n              navigateTo((prev) => ({\n                step: RouteStep.GroupContextCustomUI,\n                title: displayLabel,\n                groupingRouteFields: { ...prev?.groupingRouteFields, group: g, groupContextCustomUI: ccUI },\n              }))\n            }\n            hideRefreshIcon={hideRefreshIcon}\n            groupsAction={groupsAction}\n          />\n        );\n      }\n      return null;\n    case RouteStep.GroupAction:\n      if (mapping) {\n        if (queryGenerationType) {\n          return (\n            <GroupAction\n              shouldVisualize\n              mappingId={mapping.id}\n              group={group}\n              onClickCancel={goBack}\n              onSaveSuccess={goBack}\n              queryGenerationType={queryGenerationType}\n            />\n          );\n        }\n      }\n      return null;\n    case RouteStep.GroupContextCustomUI:\n      if (mapping && group && groupContextCustomUI) {\n        return React.createElement(groupContextCustomUI, {\n          iModelId,\n          mappingId: mapping.id,\n          groupId: group.id,\n        });\n      }\n      return null;\n    case RouteStep.Properties:\n      if (mapping && group) {\n        return (\n          <PropertyMenuWithVisualization\n            mapping={mapping}\n            group={group}\n            color={showGroupColor ? groupColors.get(group.id) ?? \"red\" : \"red\"}\n            onClickAddGroupProperty={() =>\n              navigateTo((prev) => ({ step: RouteStep.PropertyAction, title: GMWidget.translate(\"properties.addPropertyTitle\"), groupingRouteFields: { ...prev?.groupingRouteFields } }))\n            }\n            onClickModifyGroupProperty={(gp) =>\n              navigateTo((prev) => ({\n                step: RouteStep.PropertyAction,\n                title: gp.propertyName,\n                groupingRouteFields: { ...prev?.groupingRouteFields, property: gp },\n              }))\n            }\n            onClickAddCalculatedProperty={() =>\n              navigateTo((prev) => ({\n                step: RouteStep.CalculatedPropertyAction,\n                title: GMWidget.translate(\"properties.createCalculatedProperty\"),\n                groupingRouteFields: { ...prev?.groupingRouteFields },\n              }))\n            }\n            onClickModifyCalculatedProperty={(cp) =>\n              navigateTo((prev) => ({\n                step: RouteStep.CalculatedPropertyAction,\n                title: cp.propertyName,\n                groupingRouteFields: { ...prev?.groupingRouteFields, calculatedProperty: cp },\n              }))\n            }\n            onClickAddCustomCalculationProperty={() =>\n              navigateTo((prev) => ({\n                step: RouteStep.CustomCalculationPropertyAction,\n                title: GMWidget.translate(\"properties.createCustomCalculation\"),\n                groupingRouteFields: { ...prev?.groupingRouteFields },\n              }))\n            }\n            onClickModifyCustomCalculation={(cc) =>\n              navigateTo((prev) => ({\n                step: RouteStep.CustomCalculationPropertyAction,\n                title: cc.propertyName,\n                groupingRouteFields: { ...prev?.groupingRouteFields, customCalculation: cc },\n              }))\n            }\n            hideRefreshIcon={hideRefreshIcon}\n          />\n        );\n      }\n      return null;\n    case RouteStep.PropertyAction: {\n      if (mapping && group) {\n        return <GroupPropertyAction mappingId={mapping.id} group={group} groupProperty={property} onSaveSuccess={goBack} onClickCancel={goBack} />;\n      }\n      return null;\n    }\n    default:\n      return null;\n  }\n};\n"]}

package/lib/esm/WidgetShell/WidgetHeader/WidgetHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./WidgetHeader.scss";
 export interface WidgetHeaderProps {
     title: string;

package/lib/esm/WidgetShell/WidgetHeader/WidgetHeader.js

@@ -4,11 +4,12 @@
  *--------------------------------------------------------------------------------------------*/
 import { SvgChevronLeft } from "@itwin/itwinui-icons-react";
 import { Icon, Text } from "@itwin/itwinui-react";
-import "./WidgetHeader.scss";
 import React from "react";
+import { GroupingMappingWidget } from "../../GroupingMappingWidget";
+import "./WidgetHeader.scss";
 export const WidgetHeader = ({ title, disabled = false, returnFn }) => {
     return (React.createElement("div", { className: "gmw-widget-header-container" },
-        returnFn && (React.createElement(Icon, { className: `${disabled ? "gmw-chevron-disabled" : "gmw-chevron"}`, size: "large", onClick: disabled ? undefined : returnFn, title: "Back" },
+        returnFn && (React.createElement(Icon, { className: `${disabled ? "gmw-chevron-disabled" : "gmw-chevron"}`, size: "large", onClick: disabled ? undefined : returnFn, title: GroupingMappingWidget.translate("common.back") },
             React.createElement(SvgChevronLeft, null))),
         React.createElement(Text, { className: "gmw-title", variant: "title" }, title)));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetHeader.js","sourceRoot":"","sources":["../../../../src/WidgetShell/WidgetHeader/WidgetHeader.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAqB,EAAE,EAAE;IACvF,OAAO,CACL,6BAAK,SAAS,EAAC,6BAA6B;QACzC,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,aAAa,EAAE,EAAE,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAC,MAAM;YAC1I,oBAAC,cAAc,OAAG,CACb,CACR;QACD,oBAAC,IAAI,IAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,IACxC,KAAK,CACD,CACH,CACP,CAAC;AACJ,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 { SvgChevronLeft } from \"@itwin/itwinui-icons-react\";\nimport { Icon, Text } from \"@itwin/itwinui-react\";\nimport \"./WidgetHeader.scss\";\nimport React from \"react\";\n\nexport interface WidgetHeaderProps {\n  title: string;\n  disabled?: boolean;\n  returnFn?: () => void;\n}\n\nexport const WidgetHeader = ({ title, disabled = false, returnFn }: WidgetHeaderProps) => {\n  return (\n    <div className=\"gmw-widget-header-container\">\n      {returnFn && (\n        <Icon className={`${disabled ? \"gmw-chevron-disabled\" : \"gmw-chevron\"}`} size=\"large\" onClick={disabled ? undefined : returnFn} title=\"Back\">\n          <SvgChevronLeft />\n        </Icon>\n      )}\n      <Text className=\"gmw-title\" variant=\"title\">\n        {title}\n      </Text>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"WidgetHeader.js","sourceRoot":"","sources":["../../../../src/WidgetShell/WidgetHeader/WidgetHeader.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,qBAAqB,CAAC;AAQ7B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAqB,EAAE,EAAE;IACvF,OAAO,CACL,6BAAK,SAAS,EAAC,6BAA6B;QACzC,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,aAAa,EAAE,EAAE,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,qBAAqB,CAAC,SAAS,CAAC,aAAa,CAAC;YACnL,oBAAC,cAAc,OAAG,CACb,CACR;QACD,oBAAC,IAAI,IAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,IACxC,KAAK,CACD,CACH,CACP,CAAC;AACJ,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 { SvgChevronLeft } from \"@itwin/itwinui-icons-react\";\nimport { Icon, Text } from \"@itwin/itwinui-react\";\nimport React from \"react\";\nimport { GroupingMappingWidget } from \"../../GroupingMappingWidget\";\nimport \"./WidgetHeader.scss\";\n\nexport interface WidgetHeaderProps {\n  title: string;\n  disabled?: boolean;\n  returnFn?: () => void;\n}\n\nexport const WidgetHeader = ({ title, disabled = false, returnFn }: WidgetHeaderProps) => {\n  return (\n    <div className=\"gmw-widget-header-container\">\n      {returnFn && (\n        <Icon className={`${disabled ? \"gmw-chevron-disabled\" : \"gmw-chevron\"}`} size=\"large\" onClick={disabled ? undefined : returnFn} title={GroupingMappingWidget.translate(\"common.back\")}>\n          <SvgChevronLeft />\n        </Icon>\n      )}\n      <Text className=\"gmw-title\" variant=\"title\">\n        {title}\n      </Text>\n    </div>\n  );\n};\n"]}

package/lib/esm/common/hooks/useIsMounted.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const useIsMounted: () => import("react").MutableRefObject<boolean>;
 //# sourceMappingURL=useIsMounted.d.ts.map

package/lib/esm/common/hooks/useMemoizedCollectionPick.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMemoizedCollectionPick.js","sourceRoot":"","sources":["../../../../src/common/hooks/useMemoizedCollectionPick.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,yIAAyI;AACzI,SAAS,qBAAqB,CAAmC,CAAI,EAAE,CAAI;IACzE,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAC1D,CAAC;AAED,SAAS,yBAAyB,CAAe,CAAM,EAAE,CAAM;IAC7D,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAClG,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAkC,KAAU,EAAE,SAAuB;IAC5G,uDAAuD;IACvD,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC9E,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC;IACxG,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE;YACvD,OAAO,SAAS,CAAC,OAAO,CAAC;SAC1B;QACD,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,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 { useMemo, useRef } from \"react\";\nimport { pick } from \"lodash\";\n\n// Workaround for github.com/TanStack/query/issues/5137. Will be removed when updating to the latest version of react-query and React 18.\nfunction shallowCompareObjects<T extends { [key: string]: any }>(a: T, b: T): boolean {\n  return Object.keys(a).every((key) => a[key] === b[key]);\n}\n\nfunction shallowCompareCollections<T extends {}>(a: T[], b: T[]) {\n  return a.length === b.length && a.every((item, index) => shallowCompareObjects(item, b[index]));\n}\n\nexport function useMemoizedCollectionPick<T extends {}, P extends keyof T>(array: T[], pickValue: readonly P[]): Pick<T, P>[] {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stablePickValue = useMemo(() => pickValue, [JSON.stringify(pickValue)]);\n  const value = useMemo(() => array.map((item) => pick(item, stablePickValue)), [array, stablePickValue]);\n  const prevValue = useRef(value);\n  return useMemo(() => {\n    if (shallowCompareCollections(value, prevValue.current)) {\n      return prevValue.current;\n    }\n    prevValue.current = value;\n    return value;\n  }, [value]);\n}\n"]}
+{"version":3,"file":"useMemoizedCollectionPick.js","sourceRoot":"","sources":["../../../../src/common/hooks/useMemoizedCollectionPick.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,yIAAyI;AACzI,SAAS,qBAAqB,CAAmC,CAAI,EAAE,CAAI;IACzE,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAC1D,CAAC;AAED,SAAS,yBAAyB,CAAe,CAAM,EAAE,CAAM;IAC7D,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAClG,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAkC,KAAU,EAAE,SAAuB;IAC5G,uDAAuD;IACvD,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC9E,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC;IACxG,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC;YACxD,OAAO,SAAS,CAAC,OAAO,CAAC;QAC3B,CAAC;QACD,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,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 { useMemo, useRef } from \"react\";\nimport { pick } from \"lodash\";\n\n// Workaround for github.com/TanStack/query/issues/5137. Will be removed when updating to the latest version of react-query and React 18.\nfunction shallowCompareObjects<T extends { [key: string]: any }>(a: T, b: T): boolean {\n  return Object.keys(a).every((key) => a[key] === b[key]);\n}\n\nfunction shallowCompareCollections<T extends {}>(a: T[], b: T[]) {\n  return a.length === b.length && a.every((item, index) => shallowCompareObjects(item, b[index]));\n}\n\nexport function useMemoizedCollectionPick<T extends {}, P extends keyof T>(array: T[], pickValue: readonly P[]): Pick<T, P>[] {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stablePickValue = useMemo(() => pickValue, [JSON.stringify(pickValue)]);\n  const value = useMemo(() => array.map((item) => pick(item, stablePickValue)), [array, stablePickValue]);\n  const prevValue = useRef(value);\n  return useMemo(() => {\n    if (shallowCompareCollections(value, prevValue.current)) {\n      return prevValue.current;\n    }\n    prevValue.current = value;\n    return value;\n  }, [value]);\n}\n"]}

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

@@ -1,5 +1,5 @@
 import type { IModelConnection } from "@itwin/core-frontend";
-export declare type CreateTypeFromInterface<Interface> = {
+export type CreateTypeFromInterface<Interface> = {
     [Property in keyof Interface]: Interface[Property];
 };
 export declare function debounce<F extends (...args: any[]) => void>(f: F, delay: number): (...args: any[]) => void;