@itwin/grouping-mapping-widget 0.15.1 → 0.16.0

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

@@ -0,0 +1,115 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const itwins_client_1 = require("@itwin/itwins-client");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const react_1 = __importStar(require("react"));
+require("./SelectITwin.scss");
+const GroupingApiConfigContext_1 = require("./context/GroupingApiConfigContext");
+const ITwinsClientContext_1 = require("./context/ITwinsClientContext");
+const utils_1 = require("./utils");
+const defaultDisplayStrings = {
+    iTwins: "iTwins",
+    iTwinNumber: "Number",
+    iTwinName: "Name",
+    iTwinStatus: "Status",
+};
+const tabsWithIcons = [
+    react_1.default.createElement(itwinui_react_1.Tab, { key: "favorite", label: "Favorite iTwins", startIcon: react_1.default.createElement(itwinui_icons_react_1.SvgStarHollow, null) }),
+    react_1.default.createElement(itwinui_react_1.Tab, { key: "recents", label: "Recent iTwins", startIcon: react_1.default.createElement(itwinui_icons_react_1.SvgCalendar, null) }),
+    react_1.default.createElement(itwinui_react_1.Tab, { key: "all", label: "My iTwins", startIcon: react_1.default.createElement(itwinui_icons_react_1.SvgList, null) }),
+];
+const fetchITwins = async (setITwins, setIsLoading, getAccessToken, iTwinsClient, iTwinType) => {
+    try {
+        setITwins([]);
+        setIsLoading(true);
+        const accessToken = await getAccessToken();
+        let iTwinsResponse;
+        switch (iTwinType) {
+            case 0:
+                iTwinsResponse = await iTwinsClient.queryFavoritesAsync(accessToken, itwins_client_1.ITwinSubClass.Project);
+                break;
+            case 1:
+                iTwinsResponse = await iTwinsClient.queryRecentsAsync(accessToken, itwins_client_1.ITwinSubClass.Project);
+                break;
+            default:
+                iTwinsResponse = await iTwinsClient.queryAsync(accessToken, itwins_client_1.ITwinSubClass.Project);
+        }
+        setITwins(iTwinsResponse.data);
+    }
+    catch (error) {
+        utils_1.handleError(error.status);
+    }
+    finally {
+        setIsLoading(false);
+    }
+};
+const SelectITwin = ({ onSelect, onCancel, onChangeITwinType, displayStrings: userDisplayStrings, defaultITwinType = 0, }) => {
+    const { getAccessToken } = GroupingApiConfigContext_1.useGroupingMappingApiConfig();
+    const iTwinsClient = ITwinsClientContext_1.useITwinsClient();
+    const [isLoading, setIsLoading] = react_1.useState(true);
+    const [iTwins, setITwins] = react_1.useState([]);
+    const [iTwinType, setITwinType] = react_1.useState(defaultITwinType);
+    react_1.useEffect(() => {
+        void fetchITwins(setITwins, setIsLoading, getAccessToken, iTwinsClient, iTwinType);
+    }, [getAccessToken, iTwinsClient, setIsLoading, iTwinType]);
+    const displayStrings = react_1.default.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    const iTwinsColumns = react_1.useMemo(() => [
+        {
+            Header: "Table",
+            columns: [
+                {
+                    id: "iTwinNumber",
+                    Header: `${displayStrings.iTwinNumber}`,
+                    accessor: "number",
+                    Filter: itwinui_react_1.tableFilters.TextFilter(),
+                },
+                {
+                    id: "iTwinName",
+                    Header: `${displayStrings.iTwinName}`,
+                    accessor: "displayName",
+                    Filter: itwinui_react_1.tableFilters.TextFilter(),
+                },
+                {
+                    id: "iTwinStatus",
+                    Header: `${displayStrings.iTwinStatus}`,
+                    accessor: "status",
+                    Filter: itwinui_react_1.tableFilters.TextFilter(),
+                },
+            ],
+        },
+    ], [displayStrings.iTwinNumber, displayStrings.iTwinName, displayStrings.iTwinStatus]);
+    const pageSizeList = react_1.useMemo(() => [10, 25, 50], []);
+    const paginator = react_1.useCallback((props) => (react_1.default.createElement(itwinui_react_1.TablePaginator, { ...props, pageSizeList: pageSizeList })), [pageSizeList]);
+    return (react_1.default.createElement("div", { className: "gmw-select-itwin-table-container" },
+        react_1.default.createElement(itwinui_react_1.HorizontalTabs, { labels: tabsWithIcons, onTabSelected: (type) => {
+                onChangeITwinType(type);
+                setITwinType(type);
+            }, activeIndex: iTwinType, type: "borderless", contentClassName: "gmw-table-holding-tab" }),
+        react_1.default.createElement(itwinui_react_1.Table, { data: iTwins, columns: iTwinsColumns, className: 'gmw-select-itwin-table', emptyTableContent: `No ${displayStrings.iTwins} available.`, isSortable: true, isLoading: isLoading, onRowClick: (_, row) => {
+                onSelect(row.original.id);
+            }, paginatorRenderer: paginator }),
+        react_1.default.createElement("div", { className: "gmw-import-action-panel" },
+            react_1.default.createElement(itwinui_react_1.Button, { onClick: onCancel }, "Cancel"))));
+};
+exports.default = SelectITwin;
+//# sourceMappingURL=SelectITwin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectITwin.js","sourceRoot":"","sources":["../../../../src/widget/components/SelectITwin.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 { ITwin, ITwinsAccessClient, ITwinsAPIResponse } from \"@itwin/itwins-client\";\nimport { ITwinSubClass } from \"@itwin/itwins-client\";\nimport { SvgCalendar, SvgList, SvgStarHollow } from \"@itwin/itwinui-icons-react\";\nimport type { TablePaginatorRendererProps } from \"@itwin/itwinui-react\";\nimport { Button, HorizontalTabs, Tab, Table, tableFilters, TablePaginator } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../utils\";\nimport \"./SelectITwin.scss\";\nimport type { GetAccessTokenFn } from \"./context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport { useITwinsClient } from \"./context/ITwinsClientContext\";\nimport { handleError } from \"./utils\";\n\ntype IITwinTyped = CreateTypeFromInterface<ITwin>;\n\nconst defaultDisplayStrings = {\n  iTwins: \"iTwins\",\n  iTwinNumber: \"Number\",\n  iTwinName: \"Name\",\n  iTwinStatus: \"Status\",\n};\n\nconst tabsWithIcons = [\n  <Tab key=\"favorite\" label=\"Favorite iTwins\" startIcon={<SvgStarHollow />} />,\n  <Tab key=\"recents\" label=\"Recent iTwins\" startIcon={<SvgCalendar />} />,\n  <Tab key=\"all\" label=\"My iTwins\" startIcon={<SvgList />} />,\n];\n\nconst fetchITwins = async (\n  setITwins: (iTwins: ITwin[]) => void,\n  setIsLoading: (isLoading: boolean) => void,\n  getAccessToken: GetAccessTokenFn,\n  iTwinsClient: ITwinsAccessClient,\n  iTwinType: number,\n) => {\n  try {\n    setITwins([]);\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    let iTwinsResponse: ITwinsAPIResponse<ITwin[]>;\n    switch (iTwinType) {\n      case 0:\n        iTwinsResponse = await iTwinsClient.queryFavoritesAsync(accessToken, ITwinSubClass.Project);\n        break;\n      case 1:\n        iTwinsResponse = await iTwinsClient.queryRecentsAsync(accessToken, ITwinSubClass.Project);\n        break;\n      default:\n        iTwinsResponse = await iTwinsClient.queryAsync(accessToken, ITwinSubClass.Project);\n    }\n    setITwins(iTwinsResponse.data!);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\ninterface SelectITwinProps {\n  onSelect: (iTwinId: string) => void;\n  onCancel: () => void;\n  onChangeITwinType: (iTwinType: number) => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n  defaultITwinType?: number;\n}\nconst SelectITwin = ({\n  onSelect,\n  onCancel,\n  onChangeITwinType,\n  displayStrings: userDisplayStrings,\n  defaultITwinType = 0,\n}: SelectITwinProps) => {\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const iTwinsClient = useITwinsClient();\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [iTwins, setITwins] = useState<ITwin[]>([]);\n  const [iTwinType, setITwinType] = useState<number>(defaultITwinType);\n\n  useEffect(() => {\n    void fetchITwins(setITwins, setIsLoading, getAccessToken, iTwinsClient, iTwinType);\n  }, [getAccessToken, iTwinsClient, setIsLoading, iTwinType]);\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const iTwinsColumns = useMemo(\n    () => [\n      {\n        Header: \"Table\",\n        columns: [\n          {\n            id: \"iTwinNumber\",\n            Header: `${displayStrings.iTwinNumber}`,\n            accessor: \"number\",\n            Filter: tableFilters.TextFilter(),\n          },\n          {\n            id: \"iTwinName\",\n            Header: `${displayStrings.iTwinName}`,\n            accessor: \"displayName\",\n            Filter: tableFilters.TextFilter(),\n          },\n          {\n            id: \"iTwinStatus\",\n            Header: `${displayStrings.iTwinStatus}`,\n            accessor: \"status\",\n            Filter: tableFilters.TextFilter(),\n          },\n        ],\n      },\n    ],\n    [displayStrings.iTwinNumber, displayStrings.iTwinName, displayStrings.iTwinStatus]\n  );\n\n  const pageSizeList = useMemo(() => [10, 25, 50], []);\n  const paginator = useCallback(\n    (props: TablePaginatorRendererProps) => (\n      <TablePaginator {...props} pageSizeList={pageSizeList} />\n    ),\n    [pageSizeList]\n  );\n\n  return (\n    <div className=\"gmw-select-itwin-table-container\">\n      <HorizontalTabs\n        labels={tabsWithIcons}\n        onTabSelected={(type) => {\n          onChangeITwinType(type);\n          setITwinType(type);\n        }}\n        activeIndex={iTwinType}\n        type={\"borderless\"}\n        contentClassName=\"gmw-table-holding-tab\">\n      </HorizontalTabs>\n      <Table<IITwinTyped>\n        data={iTwins}\n        columns={iTwinsColumns}\n        className='gmw-select-itwin-table'\n        emptyTableContent={`No ${displayStrings.iTwins} available.`}\n        isSortable\n        isLoading={isLoading}\n        onRowClick={(_, row) => {\n          onSelect(row.original.id!);\n        }}\n        paginatorRenderer={paginator}\n      />\n      <div className=\"gmw-import-action-panel\">\n        <Button onClick={onCancel}>Cancel</Button>\n      </div>\n    </div>\n  );\n};\n\nexport default SelectITwin;\n"]}

package/lib/{esm/widget/components/SelectProject.scss → cjs/widget/components/SelectITwin.scss}

@@ -4,30 +4,20 @@
 *--------------------------------------------------------------------------------------------*/
 @import '~@itwin/itwinui-css/scss/variables';
 
-.gmw-select-project-grid-container {
+.gmw-select-itwin-table-container {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   min-height: 0;
 
-  .gmw-search-input {
-    margin-left: auto;
-  }
-
-  .gmw-project-grid {
-    overflow: auto;
-    flex-grow: 1;
-  }
-
-  .gmw-grid-holding-tab {
+  .gmw-table-holding-tab {
     display: flex;
     flex-direction: column;
     gap: $iui-baseline;
   }
 
-  .gmw-select-project-action-panel {
-    display: flex;
-    justify-content: center;
-    padding: $iui-baseline * 2 $iui-m $iui-baseline;
+  .gmw-select-itwin-table {
+    overflow: auto;
+    flex-grow: 1;
   }
-}
+}

package/lib/cjs/widget/components/SelectMapping.scss

@@ -7,12 +7,11 @@
 .gmw-select-mapping-container {
   display: flex;
   flex-direction: column;
-  gap: $iui-baseline * 2;
   flex-grow: 1;
   min-height: 0;
 
   .gmw-select-mapping-table {
-    flex-grow: 1;
     overflow: auto;
+    flex-grow: 1;
   }
 }

package/lib/cjs/widget/components/context/IModelsClientContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IModelsClient } from "@itwin/imodels-client-management";
+import type { ClientPrefix } from "./GroupingApiConfigContext";
+export declare const createIModelsClient: (prefix?: ClientPrefix) => IModelsClient;
+export declare const IModelsClientContext: import("react").Context<IModelsClient>;
+export declare const useIModelsClient: () => IModelsClient;
+//# sourceMappingURL=IModelsClientContext.d.ts.map

package/lib/cjs/widget/components/context/IModelsClientContext.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIModelsClient = exports.IModelsClientContext = exports.createIModelsClient = void 0;
+const imodels_client_management_1 = require("@itwin/imodels-client-management");
+const react_1 = require("react");
+const baseUrl = "https://api.bentley.com/imodels";
+const prefixUrl = (baseUrl, prefix) => {
+    if (prefix && baseUrl) {
+        return baseUrl.replace("api.bentley.com", `${prefix}-api.bentley.com`);
+    }
+    return baseUrl;
+};
+const createIModelsClient = (prefix) => {
+    const url = prefixUrl(baseUrl, prefix);
+    const options = {
+        api: {
+            baseUrl: url,
+        },
+    };
+    return new imodels_client_management_1.IModelsClient(options);
+};
+exports.createIModelsClient = createIModelsClient;
+exports.IModelsClientContext = react_1.createContext(exports.createIModelsClient());
+const useIModelsClient = () => {
+    const context = react_1.useContext(exports.IModelsClientContext);
+    if (!context) {
+        throw new Error("useIModelsClient should be used within an IModelsClientContext provider");
+    }
+    return context;
+};
+exports.useIModelsClient = useIModelsClient;
+//# sourceMappingURL=IModelsClientContext.js.map

package/lib/cjs/widget/components/context/IModelsClientContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IModelsClientContext.js","sourceRoot":"","sources":["../../../../../src/widget/components/context/IModelsClientContext.ts"],"names":[],"mappings":";;;AAKA,gFAAiE;AACjE,iCAAkD;AAGlD,MAAM,OAAO,GAAW,iCAAiC,CAAC;AAE1D,MAAM,SAAS,GAAG,CAAC,OAAgB,EAAE,MAAe,EAAE,EAAE;IACtD,IAAI,MAAM,IAAI,OAAO,EAAE;QACrB,OAAO,OAAO,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,MAAM,kBAAkB,CAAC,CAAC;KACxE;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEK,MAAM,mBAAmB,GAAG,CAAC,MAAqB,EAAiB,EAAE;IAC1E,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACvC,MAAM,OAAO,GAAyB;QACpC,GAAG,EAAE;YACH,OAAO,EAAE,GAAG;SACb;KACF,CAAC;IACF,OAAO,IAAI,yCAAa,CAAC,OAAO,CAAC,CAAC;AACpC,CAAC,CAAC;AARW,QAAA,mBAAmB,uBAQ9B;AAEW,QAAA,oBAAoB,GAAG,qBAAa,CAAgB,2BAAmB,EAAE,CAAC,CAAC;AAEjF,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,OAAO,GAAG,kBAAU,CAAC,4BAAoB,CAAC,CAAC;IACjD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,yEAAyE,CAC1E,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,gBAAgB,oBAQ3B","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 { IModelsClientOptions } from \"@itwin/imodels-client-management\";\nimport { IModelsClient } from \"@itwin/imodels-client-management\";\nimport { createContext, useContext } from \"react\";\nimport type { ClientPrefix } from \"./GroupingApiConfigContext\";\n\nconst baseUrl: string = \"https://api.bentley.com/imodels\";\n\nconst prefixUrl = (baseUrl?: string, prefix?: string) => {\n  if (prefix && baseUrl) {\n    return baseUrl.replace(\"api.bentley.com\", `${prefix}-api.bentley.com`);\n  }\n  return baseUrl;\n};\n\nexport const createIModelsClient = (prefix?: ClientPrefix): IModelsClient => {\n  const url = prefixUrl(baseUrl, prefix);\n  const options: IModelsClientOptions = {\n    api: {\n      baseUrl: url,\n    },\n  };\n  return new IModelsClient(options);\n};\n\nexport const IModelsClientContext = createContext<IModelsClient>(createIModelsClient());\n\nexport const useIModelsClient = () => {\n  const context = useContext(IModelsClientContext);\n  if (!context) {\n    throw new Error(\n      \"useIModelsClient should be used within an IModelsClientContext provider\"\n    );\n  }\n  return context;\n};\n"]}

package/lib/cjs/widget/components/context/ITwinsClientContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ITwinsAccessClient } from "@itwin/itwins-client";
+import type { ClientPrefix } from "./GroupingApiConfigContext";
+export declare const createITwinsClient: (prefix?: ClientPrefix) => ITwinsAccessClient;
+export declare const ITwinsClientContext: import("react").Context<ITwinsAccessClient>;
+export declare const useITwinsClient: () => ITwinsAccessClient;
+//# sourceMappingURL=ITwinsClientContext.d.ts.map

package/lib/cjs/widget/components/context/ITwinsClientContext.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useITwinsClient = exports.ITwinsClientContext = exports.createITwinsClient = 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 itwins_client_1 = require("@itwin/itwins-client");
+const react_1 = require("react");
+const baseUrl = "https://api.bentley.com/itwins";
+const prefixUrl = (baseUrl, prefix) => {
+    if (prefix && baseUrl) {
+        return baseUrl.replace("api.bentley.com", `${prefix}-api.bentley.com`);
+    }
+    return baseUrl;
+};
+const createITwinsClient = (prefix) => {
+    const url = prefixUrl(baseUrl, prefix);
+    return new itwins_client_1.ITwinsAccessClient(url);
+};
+exports.createITwinsClient = createITwinsClient;
+exports.ITwinsClientContext = react_1.createContext(exports.createITwinsClient());
+const useITwinsClient = () => {
+    const context = react_1.useContext(exports.ITwinsClientContext);
+    if (!context) {
+        throw new Error("useITwinsClient should be used within an ITwinsClientContext provider");
+    }
+    return context;
+};
+exports.useITwinsClient = useITwinsClient;
+//# sourceMappingURL=ITwinsClientContext.js.map

package/lib/cjs/widget/components/context/ITwinsClientContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITwinsClientContext.js","sourceRoot":"","sources":["../../../../../src/widget/components/context/ITwinsClientContext.ts"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F,wDAA0D;AAC1D,iCAAkD;AAGlD,MAAM,OAAO,GAAW,gCAAgC,CAAC;AAEzD,MAAM,SAAS,GAAG,CAAC,OAAgB,EAAE,MAAe,EAAE,EAAE;IACtD,IAAI,MAAM,IAAI,OAAO,EAAE;QACrB,OAAO,OAAO,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,MAAM,kBAAkB,CAAC,CAAC;KACxE;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEK,MAAM,kBAAkB,GAAG,CAAC,MAAqB,EAAsB,EAAE;IAC9E,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACvC,OAAO,IAAI,kCAAkB,CAAC,GAAG,CAAC,CAAC;AACrC,CAAC,CAAC;AAHW,QAAA,kBAAkB,sBAG7B;AAEW,QAAA,mBAAmB,GAAG,qBAAa,CAAqB,0BAAkB,EAAE,CAAC,CAAC;AAEpF,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,kBAAU,CAAC,2BAAmB,CAAC,CAAC;IAChD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,uEAAuE,CACxE,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,eAAe,mBAQ1B","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 { ITwinsAccessClient } from \"@itwin/itwins-client\";\nimport { createContext, useContext } from \"react\";\nimport type { ClientPrefix } from \"./GroupingApiConfigContext\";\n\nconst baseUrl: string = \"https://api.bentley.com/itwins\";\n\nconst prefixUrl = (baseUrl?: string, prefix?: string) => {\n  if (prefix && baseUrl) {\n    return baseUrl.replace(\"api.bentley.com\", `${prefix}-api.bentley.com`);\n  }\n  return baseUrl;\n};\n\nexport const createITwinsClient = (prefix?: ClientPrefix): ITwinsAccessClient => {\n  const url = prefixUrl(baseUrl, prefix);\n  return new ITwinsAccessClient(url);\n};\n\nexport const ITwinsClientContext = createContext<ITwinsAccessClient>(createITwinsClient());\n\nexport const useITwinsClient = () => {\n  const context = useContext(ITwinsClientContext);\n  if (!context) {\n    throw new Error(\n      \"useITwinsClient should be used within an ITwinsClientContext provider\"\n    );\n  }\n  return context;\n};\n"]}

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

@@ -1,10 +1,10 @@
-import type { AbstractWidgetProps, UiItemsProvider } from "@itwin/appui-abstract";
-import { AbstractZoneLocation, StagePanelLocation, StagePanelSection } from "@itwin/appui-abstract";
+import type { CommonWidgetProps, UiItemsProvider } from "@itwin/appui-react";
+import { StagePanelLocation, StagePanelSection } from "@itwin/appui-react";
 import type { GroupingMappingProps } from "./components/GroupingMapping";
 export declare class GroupingMappingProvider implements UiItemsProvider {
     private readonly _props;
     readonly id = "GroupingMappingProvider";
     constructor(_props?: GroupingMappingProps);
-    provideWidgets(_stageId: string, stageUsage: string, location: StagePanelLocation, section?: StagePanelSection, zonelocation?: AbstractZoneLocation): ReadonlyArray<AbstractWidgetProps>;
+    provideWidgets(_stageId: string, stageUsage: string, location: StagePanelLocation, section?: StagePanelSection): ReadonlyArray<CommonWidgetProps>;
 }
 //# sourceMappingURL=GroupingMappingWidget.d.ts.map

package/lib/esm/widget/GroupingMappingWidget.js

@@ -1,4 +1,4 @@
-import { AbstractZoneLocation, StagePanelLocation, StagePanelSection, StageUsage, } from "@itwin/appui-abstract";
+import { StagePanelLocation, StagePanelSection, StageUsage, } from "@itwin/appui-react";
 import React from "react";
 import GroupingMapping from "./components/GroupingMapping";
 export class GroupingMappingProvider {
@@ -6,12 +6,11 @@ export class GroupingMappingProvider {
         this._props = _props;
         this.id = "GroupingMappingProvider";
     }
-    provideWidgets(_stageId, stageUsage, location, section, zonelocation) {
+    provideWidgets(_stageId, stageUsage, location, section) {
         const widgets = [];
-        if ((location === StagePanelLocation.Left &&
+        if (location === StagePanelLocation.Left &&
             section === StagePanelSection.Start &&
-            stageUsage === StageUsage.General) ||
-            zonelocation === AbstractZoneLocation.CenterLeft) {
+            stageUsage === StageUsage.General) {
             const GroupingMappingWidget = {
                 id: "GroupingMappingWidget",
                 label: "Grouping & Mapping",

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

@@ -1 +1 @@
-{"version":3,"file":"GroupingMappingWidget.js","sourceRoot":"","sources":["../../../src/widget/GroupingMappingWidget.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,GACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAE3D,MAAM,OAAO,uBAAuB;IAGlC,YAA6B,SAA+B,EAAE;QAAjC,WAAM,GAAN,MAAM,CAA2B;QAF9C,OAAE,GAAG,yBAAyB,CAAC;IAEmB,CAAC;IAE5D,cAAc,CACnB,QAAgB,EAChB,UAAkB,EAClB,QAA4B,EAC5B,OAA2B,EAC3B,YAAmC;QAEnC,MAAM,OAAO,GAA0B,EAAE,CAAC;QAC1C,IACE,CAAC,QAAQ,KAAK,kBAAkB,CAAC,IAAI;YACnC,OAAO,KAAK,iBAAiB,CAAC,KAAK;YACnC,UAAU,KAAK,UAAU,CAAC,OAAO,CAAC;YACpC,YAAY,KAAK,oBAAoB,CAAC,UAAU,EAChD;YACA,MAAM,qBAAqB,GAAwB;gBACjD,EAAE,EAAE,uBAAuB;gBAC3B,KAAK,EAAE,oBAAoB;gBAC3B,gBAAgB,EAAE,GAAG,EAAE;oBACrB,OAAO,oBAAC,eAAe,OAAK,IAAI,CAAC,MAAM,GAAI,CAAC;gBAC9C,CAAC;aACF,CAAC;YAEF,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;SACrC;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type {\n  AbstractWidgetProps,\n  UiItemsProvider,\n} from \"@itwin/appui-abstract\";\nimport {\n  AbstractZoneLocation,\n  StagePanelLocation,\n  StagePanelSection,\n  StageUsage,\n} from \"@itwin/appui-abstract\";\nimport React from \"react\";\nimport type { GroupingMappingProps } from \"./components/GroupingMapping\";\nimport GroupingMapping from \"./components/GroupingMapping\";\n\nexport class GroupingMappingProvider implements UiItemsProvider {\n  public readonly id = \"GroupingMappingProvider\";\n\n  constructor(private readonly _props: GroupingMappingProps = {}) { }\n\n  public provideWidgets(\n    _stageId: string,\n    stageUsage: string,\n    location: StagePanelLocation,\n    section?: StagePanelSection,\n    zonelocation?: AbstractZoneLocation\n  ): ReadonlyArray<AbstractWidgetProps> {\n    const widgets: AbstractWidgetProps[] = [];\n    if (\n      (location === StagePanelLocation.Left &&\n        section === StagePanelSection.Start &&\n        stageUsage === StageUsage.General) ||\n      zonelocation === AbstractZoneLocation.CenterLeft\n    ) {\n      const GroupingMappingWidget: AbstractWidgetProps = {\n        id: \"GroupingMappingWidget\",\n        label: \"Grouping & Mapping\",\n        getWidgetContent: () => {\n          return <GroupingMapping {...this._props} />;\n        },\n      };\n\n      widgets.push(GroupingMappingWidget);\n    }\n\n    return widgets;\n  }\n}\n"]}
+{"version":3,"file":"GroupingMappingWidget.js","sourceRoot":"","sources":["../../../src/widget/GroupingMappingWidget.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,GACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAE3D,MAAM,OAAO,uBAAuB;IAGlC,YAA6B,SAA+B,EAAE;QAAjC,WAAM,GAAN,MAAM,CAA2B;QAF9C,OAAE,GAAG,yBAAyB,CAAC;IAEmB,CAAC;IAE5D,cAAc,CACnB,QAAgB,EAChB,UAAkB,EAClB,QAA4B,EAC5B,OAA2B;QAE3B,MAAM,OAAO,GAAwB,EAAE,CAAC;QACxC,IAAI,QAAQ,KAAK,kBAAkB,CAAC,IAAI;YACpC,OAAO,KAAK,iBAAiB,CAAC,KAAK;YACnC,UAAU,KAAK,UAAU,CAAC,OAAO,EACnC;YACA,MAAM,qBAAqB,GAAsB;gBAC/C,EAAE,EAAE,uBAAuB;gBAC3B,KAAK,EAAE,oBAAoB;gBAC3B,gBAAgB,EAAE,GAAG,EAAE;oBACrB,OAAO,oBAAC,eAAe,OAAK,IAAI,CAAC,MAAM,GAAI,CAAC;gBAC9C,CAAC;aACF,CAAC;YAEF,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;SACrC;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type {\n  CommonWidgetProps,\n  UiItemsProvider,\n} from \"@itwin/appui-react\";\nimport {\n  StagePanelLocation,\n  StagePanelSection,\n  StageUsage,\n} from \"@itwin/appui-react\";\nimport React from \"react\";\nimport type { GroupingMappingProps } from \"./components/GroupingMapping\";\nimport GroupingMapping from \"./components/GroupingMapping\";\n\nexport class GroupingMappingProvider implements UiItemsProvider {\n  public readonly id = \"GroupingMappingProvider\";\n\n  constructor(private readonly _props: GroupingMappingProps = {}) { }\n\n  public provideWidgets(\n    _stageId: string,\n    stageUsage: string,\n    location: StagePanelLocation,\n    section?: StagePanelSection,\n  ): ReadonlyArray<CommonWidgetProps> {\n    const widgets: CommonWidgetProps[] = [];\n    if (location === StagePanelLocation.Left &&\n        section === StagePanelSection.Start &&\n        stageUsage === StageUsage.General\n    ) {\n      const GroupingMappingWidget: CommonWidgetProps = {\n        id: \"GroupingMappingWidget\",\n        label: \"Grouping & Mapping\",\n        getWidgetContent: () => {\n          return <GroupingMapping {...this._props} />;\n        },\n      };\n\n      widgets.push(GroupingMappingWidget);\n    }\n\n    return widgets;\n  }\n}\n"]}

package/lib/esm/widget/components/Mapping.d.ts

@@ -5,6 +5,13 @@ import type { CreateTypeFromInterface } from "../utils";
 export declare type IMappingTyped = CreateTypeFromInterface<Mapping>;
 declare const defaultDisplayStrings: {
     mappings: string;
+    iTwins: string;
+    iTwinNumber: string;
+    iTwinName: string;
+    iTwinStatus: string;
+    iModels: string;
+    iModelName: string;
+    iModelDescription: string;
 };
 export interface MappingsProps {
     onClickAddMapping?: () => void;

package/lib/esm/widget/components/Mapping.js

@@ -15,6 +15,13 @@ import { HorizontalTile } from "./HorizontalTile";
 import { useGroupingMappingApiConfig } from "./context/GroupingApiConfigContext";
 const defaultDisplayStrings = {
     mappings: "Mappings",
+    iTwins: "iTwins",
+    iTwinNumber: "Number",
+    iTwinName: "Name",
+    iTwinStatus: "Status",
+    iModels: "iModels",
+    iModelName: "Name",
+    iModelDescription: "Description",
 };
 const fetchMappings = async (setMappings, iModelId, setIsLoading, getAccessToken, mappingsClient) => {
     try {

package/lib/esm/widget/components/Mapping.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mapping.js","sourceRoot":"","sources":["../../../../src/widget/components/Mapping.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport {\n  SvgAdd,\n  SvgDelete,\n  SvgEdit,\n  SvgImport,\n  SvgMore,\n  SvgProcess,\n  SvgRefresh,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  DropdownMenu,\n  IconButton,\n  MenuItem,\n  Surface,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport {\n  EmptyMessage,\n  handleError,\n  LoadingOverlay,\n} from \"./utils\";\nimport \"./Mapping.scss\";\nimport DeleteModal from \"./DeleteModal\";\nimport { MappingImportWizardModal } from \"./MappingImportWizardModal\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport type { IMappingsClient, Mapping } from \"@itwin/insights-client\";\nimport { BlockingOverlay } from \"./BlockingOverlay\";\nimport { HorizontalTile } from \"./HorizontalTile\";\nimport type { GetAccessTokenFn } from \"./context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport type { CreateTypeFromInterface } from \"../utils\";\n\nexport type IMappingTyped = CreateTypeFromInterface<Mapping>;\n\nconst defaultDisplayStrings = {\n  mappings: \"Mappings\",\n};\nexport interface MappingsProps {\n  onClickAddMapping?: () => void;\n  onClickMappingTitle?: (mapping: Mapping) => void;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nconst fetchMappings = async (\n  setMappings: React.Dispatch<React.SetStateAction<Mapping[]>>,\n  iModelId: string,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n  getAccessToken: GetAccessTokenFn,\n  mappingsClient: IMappingsClient\n) => {\n  try {\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    const mappings = await mappingsClient.getMappings(accessToken, iModelId);\n    setMappings(mappings.sort((a, b) => a.mappingName.localeCompare(b.mappingName)));\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\nconst toggleExtraction = async (\n  getAccessToken: GetAccessTokenFn,\n  mappingsClient: IMappingsClient,\n  iModelId: string,\n  mapping: Mapping\n) => {\n  try {\n    const newState = mapping.extractionEnabled;\n    const accessToken = await getAccessToken();\n    await mappingsClient.updateMapping(accessToken, iModelId, mapping.id, {\n      extractionEnabled: newState,\n    });\n  } catch (error: any) {\n    handleError(error.status);\n  }\n};\n\nexport const Mappings = ({\n  onClickAddMapping,\n  onClickMappingTitle,\n  onClickMappingModify,\n  displayStrings: userDisplayStrings,\n}: MappingsProps) => {\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [showDeleteModal, setShowDeleteModal] = useState<Mapping | undefined>(undefined);\n  const [showImportModal, setShowImportModal] = useState<boolean>(false);\n  const [showBlockingOverlay, setShowBlockingOverlay] =\n    useState<boolean>(false);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [mappings, setMappings] = useState<Mapping[]>([]);\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  useEffect(() => {\n    void fetchMappings(\n      setMappings,\n      iModelId,\n      setIsLoading,\n      getAccessToken,\n      mappingClient\n    );\n  }, [getAccessToken, mappingClient, iModelId, setIsLoading]);\n\n  const refresh = useCallback(async () => {\n    setMappings([]);\n    await fetchMappings(\n      setMappings,\n      iModelId,\n      setIsLoading,\n      getAccessToken,\n      mappingClient\n    );\n  }, [getAccessToken, mappingClient, iModelId, setMappings]);\n\n  return (\n    <>\n      <BlockingOverlay isVisible={showBlockingOverlay} />\n      <Surface className=\"gmw-mappings-container\">\n        <div className=\"gmw-table-toolbar\">\n          <div className=\"gmw-button-spacing\">\n            {onClickAddMapping &&\n              <Button\n                startIcon={<SvgAdd />}\n                onClick={onClickAddMapping}\n                styleType=\"high-visibility\"\n              >\n                New\n              </Button>\n            }\n            <IconButton\n              title={`Import ${displayStrings.mappings}`}\n              onClick={() => setShowImportModal(true)}\n            >\n              <SvgImport />\n            </IconButton>\n          </div>\n          <IconButton\n            title=\"Refresh\"\n            onClick={refresh}\n            disabled={isLoading}\n            styleType='borderless'\n          >\n            <SvgRefresh />\n          </IconButton>\n        </div>\n        {isLoading ? (\n          <LoadingOverlay />\n        ) : mappings.length === 0 ? (\n          <EmptyMessage message={`No ${displayStrings.mappings} available.`} />\n        ) : (\n          <div className=\"gmw-mappings-list\">\n            {mappings\n              .map((mapping) => (\n                <HorizontalTile\n                  key={mapping.id}\n                  title={\n                    mapping.mappingName ? mapping.mappingName : \"Untitled\"\n                  }\n                  subText={mapping.description ?? \"\"}\n                  subtextToolTip={mapping.description ?? \"\"}\n                  titleTooltip={mapping.mappingName}\n                  onClickTitle={onClickMappingTitle ? () => onClickMappingTitle(mapping) : undefined}\n                  actionGroup={\n                    <DropdownMenu\n                      menuItems={(close: () => void) => [\n                        onClickMappingModify ? (\n                          <MenuItem\n                            key={0}\n                            onClick={() => {\n                              onClickMappingModify(mapping);\n                              close();\n                            }}\n                            icon={<SvgEdit />}\n                          >\n                            Modify\n                          </MenuItem>\n                        ) : [],\n                        <MenuItem\n                          key={1}\n                          onClick={async () => {\n                            setShowBlockingOverlay(true);\n                            close();\n                            await toggleExtraction(\n                              getAccessToken,\n                              mappingClient,\n                              iModelId,\n                              mapping\n                            );\n                            await refresh();\n                            setShowBlockingOverlay(false);\n                          }}\n                          icon={<SvgProcess />}\n                        >\n                          {mapping.extractionEnabled\n                            ? \"Disable extraction\"\n                            : \"Enable extraction\"}\n                        </MenuItem>,\n                        <MenuItem\n                          key={2}\n                          onClick={() => {\n                            setShowDeleteModal(mapping);\n                            close();\n                          }}\n                          icon={<SvgDelete />}\n                        >\n                          Remove\n                        </MenuItem>,\n                      ].flatMap((m) => m)}\n                    >\n                      <IconButton styleType=\"borderless\">\n                        <SvgMore\n                          style={{\n                            width: \"16px\",\n                            height: \"16px\",\n                          }}\n                        />\n                      </IconButton>\n                    </DropdownMenu>\n                  }\n                />\n              ))}\n          </div>\n        )}\n      </Surface>\n      <DeleteModal\n        entityName={showDeleteModal?.mappingName}\n        onClose={() => setShowDeleteModal(undefined)}\n        onDelete={async () => {\n          const accessToken = await getAccessToken();\n          await mappingClient.deleteMapping(\n            accessToken,\n            iModelId,\n            showDeleteModal?.id ?? \"\"\n          );\n        }}\n        refresh={refresh}\n      />\n      <MappingImportWizardModal\n        show={showImportModal}\n        setShow={setShowImportModal}\n        onFinish={refresh}\n        displayStrings={displayStrings}\n      />\n    </>\n  );\n};\n"]}
+{"version":3,"file":"Mapping.js","sourceRoot":"","sources":["../../../../src/widget/components/Mapping.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport {\n  SvgAdd,\n  SvgDelete,\n  SvgEdit,\n  SvgImport,\n  SvgMore,\n  SvgProcess,\n  SvgRefresh,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  DropdownMenu,\n  IconButton,\n  MenuItem,\n  Surface,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport {\n  EmptyMessage,\n  handleError,\n  LoadingOverlay,\n} from \"./utils\";\nimport \"./Mapping.scss\";\nimport DeleteModal from \"./DeleteModal\";\nimport { MappingImportWizardModal } from \"./MappingImportWizardModal\";\nimport { useMappingClient } from \"./context/MappingClientContext\";\nimport type { IMappingsClient, Mapping } from \"@itwin/insights-client\";\nimport { BlockingOverlay } from \"./BlockingOverlay\";\nimport { HorizontalTile } from \"./HorizontalTile\";\nimport type { GetAccessTokenFn } from \"./context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport type { CreateTypeFromInterface } from \"../utils\";\n\nexport type IMappingTyped = CreateTypeFromInterface<Mapping>;\n\nconst defaultDisplayStrings = {\n  mappings: \"Mappings\",\n  iTwins: \"iTwins\",\n  iTwinNumber: \"Number\",\n  iTwinName: \"Name\",\n  iTwinStatus: \"Status\",\n  iModels: \"iModels\",\n  iModelName: \"Name\",\n  iModelDescription: \"Description\",\n};\nexport interface MappingsProps {\n  onClickAddMapping?: () => void;\n  onClickMappingTitle?: (mapping: Mapping) => void;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nconst fetchMappings = async (\n  setMappings: React.Dispatch<React.SetStateAction<Mapping[]>>,\n  iModelId: string,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n  getAccessToken: GetAccessTokenFn,\n  mappingsClient: IMappingsClient\n) => {\n  try {\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    const mappings = await mappingsClient.getMappings(accessToken, iModelId);\n    setMappings(mappings.sort((a, b) => a.mappingName.localeCompare(b.mappingName)));\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\nconst toggleExtraction = async (\n  getAccessToken: GetAccessTokenFn,\n  mappingsClient: IMappingsClient,\n  iModelId: string,\n  mapping: Mapping\n) => {\n  try {\n    const newState = mapping.extractionEnabled;\n    const accessToken = await getAccessToken();\n    await mappingsClient.updateMapping(accessToken, iModelId, mapping.id, {\n      extractionEnabled: newState,\n    });\n  } catch (error: any) {\n    handleError(error.status);\n  }\n};\n\nexport const Mappings = ({\n  onClickAddMapping,\n  onClickMappingTitle,\n  onClickMappingModify,\n  displayStrings: userDisplayStrings,\n}: MappingsProps) => {\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [showDeleteModal, setShowDeleteModal] = useState<Mapping | undefined>(undefined);\n  const [showImportModal, setShowImportModal] = useState<boolean>(false);\n  const [showBlockingOverlay, setShowBlockingOverlay] =\n    useState<boolean>(false);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [mappings, setMappings] = useState<Mapping[]>([]);\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  useEffect(() => {\n    void fetchMappings(\n      setMappings,\n      iModelId,\n      setIsLoading,\n      getAccessToken,\n      mappingClient\n    );\n  }, [getAccessToken, mappingClient, iModelId, setIsLoading]);\n\n  const refresh = useCallback(async () => {\n    setMappings([]);\n    await fetchMappings(\n      setMappings,\n      iModelId,\n      setIsLoading,\n      getAccessToken,\n      mappingClient\n    );\n  }, [getAccessToken, mappingClient, iModelId, setMappings]);\n\n  return (\n    <>\n      <BlockingOverlay isVisible={showBlockingOverlay} />\n      <Surface className=\"gmw-mappings-container\">\n        <div className=\"gmw-table-toolbar\">\n          <div className=\"gmw-button-spacing\">\n            {onClickAddMapping &&\n              <Button\n                startIcon={<SvgAdd />}\n                onClick={onClickAddMapping}\n                styleType=\"high-visibility\"\n              >\n                New\n              </Button>\n            }\n            <IconButton\n              title={`Import ${displayStrings.mappings}`}\n              onClick={() => setShowImportModal(true)}\n            >\n              <SvgImport />\n            </IconButton>\n          </div>\n          <IconButton\n            title=\"Refresh\"\n            onClick={refresh}\n            disabled={isLoading}\n            styleType='borderless'\n          >\n            <SvgRefresh />\n          </IconButton>\n        </div>\n        {isLoading ? (\n          <LoadingOverlay />\n        ) : mappings.length === 0 ? (\n          <EmptyMessage message={`No ${displayStrings.mappings} available.`} />\n        ) : (\n          <div className=\"gmw-mappings-list\">\n            {mappings\n              .map((mapping) => (\n                <HorizontalTile\n                  key={mapping.id}\n                  title={\n                    mapping.mappingName ? mapping.mappingName : \"Untitled\"\n                  }\n                  subText={mapping.description ?? \"\"}\n                  subtextToolTip={mapping.description ?? \"\"}\n                  titleTooltip={mapping.mappingName}\n                  onClickTitle={onClickMappingTitle ? () => onClickMappingTitle(mapping) : undefined}\n                  actionGroup={\n                    <DropdownMenu\n                      menuItems={(close: () => void) => [\n                        onClickMappingModify ? (\n                          <MenuItem\n                            key={0}\n                            onClick={() => {\n                              onClickMappingModify(mapping);\n                              close();\n                            }}\n                            icon={<SvgEdit />}\n                          >\n                            Modify\n                          </MenuItem>\n                        ) : [],\n                        <MenuItem\n                          key={1}\n                          onClick={async () => {\n                            setShowBlockingOverlay(true);\n                            close();\n                            await toggleExtraction(\n                              getAccessToken,\n                              mappingClient,\n                              iModelId,\n                              mapping\n                            );\n                            await refresh();\n                            setShowBlockingOverlay(false);\n                          }}\n                          icon={<SvgProcess />}\n                        >\n                          {mapping.extractionEnabled\n                            ? \"Disable extraction\"\n                            : \"Enable extraction\"}\n                        </MenuItem>,\n                        <MenuItem\n                          key={2}\n                          onClick={() => {\n                            setShowDeleteModal(mapping);\n                            close();\n                          }}\n                          icon={<SvgDelete />}\n                        >\n                          Remove\n                        </MenuItem>,\n                      ].flatMap((m) => m)}\n                    >\n                      <IconButton styleType=\"borderless\">\n                        <SvgMore\n                          style={{\n                            width: \"16px\",\n                            height: \"16px\",\n                          }}\n                        />\n                      </IconButton>\n                    </DropdownMenu>\n                  }\n                />\n              ))}\n          </div>\n        )}\n      </Surface>\n      <DeleteModal\n        entityName={showDeleteModal?.mappingName}\n        onClose={() => setShowDeleteModal(undefined)}\n        onDelete={async () => {\n          const accessToken = await getAccessToken();\n          await mappingClient.deleteMapping(\n            accessToken,\n            iModelId,\n            showDeleteModal?.id ?? \"\"\n          );\n        }}\n        refresh={refresh}\n      />\n      <MappingImportWizardModal\n        show={showImportModal}\n        setShow={setShowImportModal}\n        onFinish={refresh}\n        displayStrings={displayStrings}\n      />\n    </>\n  );\n};\n"]}

package/lib/esm/widget/components/MappingImportWizardModal.d.ts

@@ -2,6 +2,13 @@ import React from "react";
 import "./MappingImportWizardModal.scss";
 declare const defaultDisplayStrings: {
     mappings: string;
+    iTwins: string;
+    iTwinNumber: string;
+    iTwinName: string;
+    iTwinStatus: string;
+    iModels: string;
+    iModelName: string;
+    iModelDescription: string;
 };
 interface MappingImportWizardModalProps {
     show: boolean;

package/lib/esm/widget/components/MappingImportWizardModal.js

@@ -1,32 +1,46 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-import React, { useRef, useState } from "react";
 import { Modal, Wizard } from "@itwin/itwinui-react";
-import SelectProject from "./SelectProject";
+import React, { useEffect, useRef, useState } from "react";
+import ConfirmMappingImport from "./ConfirmMappingsImport";
 import "./MappingImportWizardModal.scss";
 import SelectIModel from "./SelectIModel";
+import SelectITwin from "./SelectITwin";
 import SelectMappings from "./SelectMappings";
-import ConfirmMappingImport from "./ConfirmMappingsImport";
+import { useGroupingMappingApiConfig } from "./context/GroupingApiConfigContext";
+import { createIModelsClient, IModelsClientContext } from "./context/IModelsClientContext";
+import { createITwinsClient, ITwinsClientContext } from "./context/ITwinsClientContext";
 const defaultDisplayStrings = {
     mappings: "Mappings",
+    iTwins: "iTwins",
+    iTwinNumber: "Number",
+    iTwinName: "Name",
+    iTwinStatus: "Status",
+    iModels: "iModels",
+    iModelName: "Name",
+    iModelDescription: "Description",
 };
 export const MappingImportWizardModal = ({ show, setShow, onFinish, displayStrings: userDisplayStrings, }) => {
+    const { prefix } = useGroupingMappingApiConfig();
     const [currentStep, setCurrentStep] = useState(0);
-    const [selectedProjectId, setSelectedProjectId] = useState("");
+    const [iTwinType, setITwinType] = useState(0);
+    const [selectedITwinId, setSelectedITwinId] = useState("");
     const [selectedIModelId, setSelectedIModelId] = useState("");
     const [selectedMappings, setSelectedMappings] = useState([]);
     const [importing, setImporting] = useState(false);
+    const [iTwinsClient, setITwinsClient] = useState(createITwinsClient(prefix));
+    const [iModelsClient, setIModelsClient] = useState(createIModelsClient(prefix));
+    useEffect(() => {
+        setITwinsClient(createITwinsClient(prefix));
+        setIModelsClient(createIModelsClient(prefix));
+    }, [prefix]);
     const displayStrings = React.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
     const steps = useRef([
         {
-            name: "Select source project",
-            description: `Select the source project to bring your ${displayStrings.mappings} from.`,
+            name: "Select iTwin",
+            description: `Select the source iTwin to bring your ${displayStrings.mappings} from.`,
         },
         {
             name: "Select iModel",
-            description: "Select an iModel within the project you have selected.",
+            description: "Select an iModel within the iTwin you have selected.",
         },
         {
             name: `Select ${displayStrings.mappings}`,
@@ -50,20 +64,24 @@ export const MappingImportWizardModal = ({ show, setShow, onFinish, displayStrin
             (() => {
                 switch (currentStep) {
                     case 0:
-                        return (React.createElement(SelectProject, { onSelect: (project) => {
-                                setSelectedProjectId(project.id);
-                                setCurrentStep(1);
-                            }, onCancel: onClose }));
+                        return (React.createElement(ITwinsClientContext.Provider, { value: iTwinsClient },
+                            React.createElement("div", { className: "gmw-table-container" },
+                                React.createElement(SelectITwin, { onSelect: (iTwinId) => {
+                                        setSelectedITwinId(iTwinId);
+                                        setCurrentStep(1);
+                                    }, onCancel: onClose, onChangeITwinType: setITwinType, displayStrings: displayStrings, defaultITwinType: iTwinType }))));
                     case 1:
-                        return (React.createElement(SelectIModel, { projectId: selectedProjectId, onSelect: (iModel) => {
-                                setSelectedIModelId(iModel.id);
-                                setCurrentStep(2);
-                            }, backFn: () => setCurrentStep(currentStep - 1), onCancel: onClose }));
+                        return (React.createElement(IModelsClientContext.Provider, { value: iModelsClient },
+                            React.createElement("div", { className: "gmw-table-container" },
+                                React.createElement(SelectIModel, { iTwinId: selectedITwinId, onSelect: (iModelId) => {
+                                        setSelectedIModelId(iModelId);
+                                        setCurrentStep(2);
+                                    }, backFn: () => setCurrentStep(currentStep - 1), onCancel: onClose }))));
                     case 2:
                     case 3:
                         // Preserve table state within Select Mappings
                         return (React.createElement(React.Fragment, null,
-                            React.createElement("div", { style: { display: currentStep === 2 ? "flex" : "none" }, className: "gmw-mappings-container" },
+                            React.createElement("div", { style: { display: currentStep === 2 ? "flex" : "none" }, className: "gmw-mapping-container" },
                                 React.createElement(SelectMappings, { iModelId: selectedIModelId, onSelect: (selectedMappings) => {
                                         setSelectedMappings(selectedMappings);
                                         setCurrentStep(3);

package/lib/esm/widget/components/MappingImportWizardModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"MappingImportWizardModal.js","sourceRoot":"","sources":["../../../../src/widget/components/MappingImportWizardModal.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, { useRef, useState } from \"react\";\nimport type { StepProperties } from \"@itwin/itwinui-react\";\nimport { Modal, Wizard } from \"@itwin/itwinui-react\";\nimport SelectProject from \"./SelectProject\";\nimport \"./MappingImportWizardModal.scss\";\nimport SelectIModel from \"./SelectIModel\";\nimport SelectMappings from \"./SelectMappings\";\nimport type { IMappingTyped } from \"./Mapping\";\nimport ConfirmMappingImport from \"./ConfirmMappingsImport\";\n\nconst defaultDisplayStrings = {\n  mappings: \"Mappings\",\n};\ninterface MappingImportWizardModalProps {\n  show: boolean;\n  setShow: React.Dispatch<React.SetStateAction<boolean>>;\n  onFinish: () => Promise<void>;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nexport const MappingImportWizardModal = ({\n  show,\n  setShow,\n  onFinish,\n  displayStrings: userDisplayStrings,\n}: MappingImportWizardModalProps) => {\n  const [currentStep, setCurrentStep] = useState<number>(0);\n  const [selectedProjectId, setSelectedProjectId] = useState<string>(\"\");\n  const [selectedIModelId, setSelectedIModelId] = useState<string>(\"\");\n  const [selectedMappings, setSelectedMappings] = useState<IMappingTyped[]>([]);\n  const [importing, setImporting] = useState<boolean>(false);\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const steps = useRef<StepProperties[]>([\n    {\n      name: \"Select source project\",\n      description: `Select the source project to bring your ${displayStrings.mappings} from.`,\n    },\n    {\n      name: \"Select iModel\",\n      description: \"Select an iModel within the project you have selected.\",\n    },\n    {\n      name: `Select ${displayStrings.mappings}`,\n      description: `Select one or more ${displayStrings.mappings} to import.`,\n    },\n    {\n      name: \"Rename & Confirm\",\n      description:\n        \"Rename and confirm your selections. Click import when finished.\",\n    },\n  ]);\n\n  const onClose = async () => {\n    setShow(false);\n    setCurrentStep(0);\n    await onFinish();\n  };\n\n  return (\n    <Modal\n      title={`Import ${displayStrings.mappings}`}\n      modalRootId='grouping-mapping-widget'\n      isOpen={show}\n      closeOnEsc={false}\n      closeOnExternalClick={false}\n      isDismissible={!importing}\n      styleType='fullPage'\n      onClose={async () => {\n        await onClose();\n      }}\n    >\n      <div className='gmw-import-wizard-body-container'>\n        <Wizard\n          currentStep={currentStep}\n          steps={steps.current}\n          onStepClick={\n            importing ? undefined : (index: number) => setCurrentStep(index)\n          }\n        />\n\n        {(() => {\n          switch (currentStep) {\n            case 0:\n              return (\n                <SelectProject\n                  onSelect={(project) => {\n                    setSelectedProjectId(project.id);\n                    setCurrentStep(1);\n                  }}\n                  onCancel={onClose}\n                />\n              );\n            case 1:\n              return (\n                <SelectIModel\n                  projectId={selectedProjectId}\n                  onSelect={(iModel) => {\n                    setSelectedIModelId(iModel.id);\n                    setCurrentStep(2);\n                  }}\n                  backFn={() => setCurrentStep(currentStep - 1)}\n                  onCancel={onClose}\n                />\n              );\n            case 2:\n            case 3:\n              // Preserve table state within Select Mappings\n              return (\n                <>\n                  <div\n                    style={{ display: currentStep === 2 ? \"flex\" : \"none\" }}\n                    className=\"gmw-mappings-container\"\n                  >\n                    <SelectMappings\n                      iModelId={selectedIModelId}\n                      onSelect={(selectedMappings) => {\n                        setSelectedMappings(selectedMappings);\n                        setCurrentStep(3);\n                      }}\n                      onCancel={onClose}\n                      backFn={() => setCurrentStep(currentStep - 1)}\n                      displayStrings={displayStrings}\n                    />\n                  </div>\n                  {currentStep === 3 && (\n                    <ConfirmMappingImport\n                      sourceiModelId={selectedIModelId}\n                      selectedMappings={selectedMappings}\n                      importing={importing}\n                      setImporting={setImporting}\n                      setSelectedMappings={setSelectedMappings}\n                      backFn={() => setCurrentStep(currentStep - 1)}\n                      onCancel={onClose}\n                      onFinish={async () => {\n                        await onClose();\n                        setImporting(false);\n                      }}\n                      displayStrings={displayStrings}\n                    />\n                  )}\n                </>\n              );\n            default:\n              return null;\n          }\n        })()}\n      </div>\n    </Modal>\n  );\n};\n"]}
+{"version":3,"file":"MappingImportWizardModal.js","sourceRoot":"","sources":["../../../../src/widget/components/MappingImportWizardModal.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 { IModelsClient } from \"@itwin/imodels-client-management\";\nimport type { ITwinsAccessClient } from \"@itwin/itwins-client\";\nimport type { StepProperties } from \"@itwin/itwinui-react\";\nimport { Modal, Wizard } from \"@itwin/itwinui-react\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport ConfirmMappingImport from \"./ConfirmMappingsImport\";\nimport type { IMappingTyped } from \"./Mapping\";\nimport \"./MappingImportWizardModal.scss\";\nimport SelectIModel from \"./SelectIModel\";\nimport SelectITwin from \"./SelectITwin\";\nimport SelectMappings from \"./SelectMappings\";\nimport { useGroupingMappingApiConfig } from \"./context/GroupingApiConfigContext\";\nimport { createIModelsClient, IModelsClientContext } from \"./context/IModelsClientContext\";\nimport { createITwinsClient, ITwinsClientContext } from \"./context/ITwinsClientContext\";\n\nconst defaultDisplayStrings = {\n  mappings: \"Mappings\",\n  iTwins: \"iTwins\",\n  iTwinNumber: \"Number\",\n  iTwinName: \"Name\",\n  iTwinStatus: \"Status\",\n  iModels: \"iModels\",\n  iModelName: \"Name\",\n  iModelDescription: \"Description\",\n};\ninterface MappingImportWizardModalProps {\n  show: boolean;\n  setShow: React.Dispatch<React.SetStateAction<boolean>>;\n  onFinish: () => Promise<void>;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nexport const MappingImportWizardModal = ({\n  show,\n  setShow,\n  onFinish,\n  displayStrings: userDisplayStrings,\n}: MappingImportWizardModalProps) => {\n  const { prefix } = useGroupingMappingApiConfig();\n  const [currentStep, setCurrentStep] = useState<number>(0);\n  const [iTwinType, setITwinType] = useState<number>(0);\n  const [selectedITwinId, setSelectedITwinId] = useState<string>(\"\");\n  const [selectedIModelId, setSelectedIModelId] = useState<string>(\"\");\n  const [selectedMappings, setSelectedMappings] = useState<IMappingTyped[]>([]);\n  const [importing, setImporting] = useState<boolean>(false);\n  const [iTwinsClient, setITwinsClient] = useState<ITwinsAccessClient>(createITwinsClient(prefix));\n  const [iModelsClient, setIModelsClient] = useState<IModelsClient>(createIModelsClient(prefix));\n\n  useEffect(() => {\n    setITwinsClient(createITwinsClient(prefix));\n    setIModelsClient(createIModelsClient(prefix));\n  }, [prefix]);\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const steps = useRef<StepProperties[]>([\n    {\n      name: \"Select iTwin\",\n      description: `Select the source iTwin to bring your ${displayStrings.mappings} from.`,\n    },\n    {\n      name: \"Select iModel\",\n      description: \"Select an iModel within the iTwin you have selected.\",\n    },\n    {\n      name: `Select ${displayStrings.mappings}`,\n      description: `Select one or more ${displayStrings.mappings} to import.`,\n    },\n    {\n      name: \"Rename & Confirm\",\n      description:\n        \"Rename and confirm your selections. Click import when finished.\",\n    },\n  ]);\n\n  const onClose = async () => {\n    setShow(false);\n    setCurrentStep(0);\n    await onFinish();\n  };\n\n  return (\n    <Modal\n      title={`Import ${displayStrings.mappings}`}\n      modalRootId='grouping-mapping-widget'\n      isOpen={show}\n      closeOnEsc={false}\n      closeOnExternalClick={false}\n      isDismissible={!importing}\n      styleType='fullPage'\n      onClose={async () => {\n        await onClose();\n      }}\n    >\n      <div className='gmw-import-wizard-body-container'>\n        <Wizard\n          currentStep={currentStep}\n          steps={steps.current}\n          onStepClick={\n            importing ? undefined : (index: number) => setCurrentStep(index)\n          }\n        />\n\n        {(() => {\n          switch (currentStep) {\n            case 0:\n              return (\n                <ITwinsClientContext.Provider value={iTwinsClient}>\n                  <div className=\"gmw-table-container\">\n                    <SelectITwin\n                      onSelect={(iTwinId) => {\n                        setSelectedITwinId(iTwinId);\n                        setCurrentStep(1);\n                      }}\n                      onCancel={onClose}\n                      onChangeITwinType={setITwinType}\n                      displayStrings={displayStrings}\n                      defaultITwinType={iTwinType}\n                    />\n                  </div>\n                </ITwinsClientContext.Provider>\n              );\n            case 1:\n              return (\n                <IModelsClientContext.Provider value={iModelsClient}>\n                  <div className=\"gmw-table-container\">\n                    <SelectIModel\n                      iTwinId={selectedITwinId}\n                      onSelect={(iModelId) => {\n                        setSelectedIModelId(iModelId);\n                        setCurrentStep(2);\n                      }}\n                      backFn={() => setCurrentStep(currentStep - 1)}\n                      onCancel={onClose}\n                    />\n                  </div>\n                </IModelsClientContext.Provider>\n              );\n            case 2:\n            case 3:\n              // Preserve table state within Select Mappings\n              return (\n                <>\n                  <div\n                    style={{ display: currentStep === 2 ? \"flex\" : \"none\" }}\n                    className=\"gmw-mapping-container\"\n                  >\n                    <SelectMappings\n                      iModelId={selectedIModelId}\n                      onSelect={(selectedMappings) => {\n                        setSelectedMappings(selectedMappings);\n                        setCurrentStep(3);\n                      }}\n                      onCancel={onClose}\n                      backFn={() => setCurrentStep(currentStep - 1)}\n                      displayStrings={displayStrings}\n                    />\n                  </div>\n                  {currentStep === 3 && (\n                    <ConfirmMappingImport\n                      sourceiModelId={selectedIModelId}\n                      selectedMappings={selectedMappings}\n                      importing={importing}\n                      setImporting={setImporting}\n                      setSelectedMappings={setSelectedMappings}\n                      backFn={() => setCurrentStep(currentStep - 1)}\n                      onCancel={onClose}\n                      onFinish={async () => {\n                        await onClose();\n                        setImporting(false);\n                      }}\n                      displayStrings={displayStrings}\n                    />\n                  )}\n                </>\n              );\n            default:\n              return null;\n          }\n        })()}\n      </div>\n    </Modal>\n  );\n};\n"]}