@itwin/grouping-mapping-widget 0.21.1 → 0.23.0

package/lib/cjs/components/Mappings/Import/SelectIModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectIModel.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Import/SelectIModel.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 { EntityListIterator, IModel, IModelsClient } from \"@itwin/imodels-client-management\";\nimport type { TablePaginatorRendererProps } from \"@itwin/itwinui-react\";\nimport { Button, Table, tableFilters, TablePaginator } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../../../common/utils\";\nimport \"./SelectIModel.scss\";\nimport type { GetAccessTokenFn } from \"../../context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useIModelsClient } from \"../../context/IModelsClientContext\";\nimport { handleError } from \"../../../common/utils\";\n\ntype IIModelTyped = CreateTypeFromInterface<IModel>;\n\nconst defaultDisplayStrings = {\n  iModels: \"iModels\",\n  iModelName: \"Name\",\n  iModelDescription: \"Description\",\n};\n\nconst fetchIModels = async (\n  setIModels: (iModels: IModel[]) => void,\n  setIsLoading: (isLoading: boolean) => void,\n  getAccessToken: GetAccessTokenFn,\n  iTwinId: string,\n  iModelsClient: IModelsClient,\n) => {\n  try {\n    setIModels([]);\n    setIsLoading(true);\n    const iModelIterator: EntityListIterator<IModel> = iModelsClient.iModels.getRepresentationList({\n      authorization: async () => {\n        const token = await getAccessToken();\n        const splitToken = token.split(\" \");\n        return {\n          scheme: splitToken[0],\n          token: splitToken[1],\n        };\n      },\n      urlParams: {\n        iTwinId,\n      },\n    });\n    const iModels: IModel[] = [];\n    for await (const iModel of iModelIterator) {\n      iModels.push(iModel);\n    }\n    setIModels(iModels);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\ninterface SelectIModelProps {\n  iTwinId: string;\n  onSelect: (iModelId: string) => void;\n  onCancel: () => void;\n  backFn: () => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\nconst SelectIModel = ({\n  iTwinId: iTwinId,\n  onSelect,\n  onCancel,\n  backFn,\n  displayStrings: userDisplayStrings,\n}: SelectIModelProps) => {\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const iModelsClient = useIModelsClient();\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [iModels, setIModels] = useState<IModel[]>([]);\n\n  useEffect(() => {\n    void fetchIModels(setIModels, setIsLoading, getAccessToken, iTwinId, iModelsClient);\n  }, [getAccessToken, iModelsClient, setIsLoading, iTwinId]);\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const iModelsColumns = useMemo(\n    () => [\n      {\n        Header: \"Table\",\n        columns: [\n          {\n            id: \"iModelName\",\n            Header: `${displayStrings.iModelName}`,\n            accessor: \"name\",\n            Filter: tableFilters.TextFilter(),\n          },\n          {\n            id: \"iModelDescription\",\n            Header: `${displayStrings.iModelDescription}`,\n            accessor: \"description\",\n            Filter: tableFilters.TextFilter(),\n          },\n        ],\n      },\n    ],\n    [displayStrings.iModelName, displayStrings.iModelDescription]\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-imodel-table-container'>\n      <Table<IIModelTyped>\n        data={iModels}\n        columns={iModelsColumns}\n        className='gmw-select-imodel-table'\n        emptyTableContent={`No ${displayStrings.iModels} 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={backFn}>Back</Button>\n        <Button onClick={onCancel}>Cancel</Button>\n      </div>\n    </div>\n  );\n};\n\nexport default SelectIModel;\n"]}
+{"version":3,"file":"SelectIModel.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Import/SelectIModel.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 { IModel, IModelsClient } from \"@itwin/imodels-client-management\";\nimport type { TablePaginatorRendererProps } from \"@itwin/itwinui-react\";\nimport { Button, Table, tableFilters, TablePaginator } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useMemo } from \"react\";\nimport type { CreateTypeFromInterface } from \"../../../common/utils\";\nimport \"./SelectIModel.scss\";\nimport type { GetAccessTokenFn } from \"../../context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useIModelsClient } from \"../../context/IModelsClientContext\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport type { Column } from \"react-table\";\nimport { AccessTokenAdapter } from \"@itwin/imodels-access-frontend\";\n\ntype IIModelTyped = CreateTypeFromInterface<IModel>;\n\nconst defaultDisplayStrings = {\n  iModels: \"iModels\",\n  iModelName: \"Name\",\n  iModelDescription: \"Description\",\n};\n\nconst fetchIModels = async (\n  getAccessToken: GetAccessTokenFn,\n  iTwinId: string,\n  iModelsClient: IModelsClient,\n) => {\n  const accessToken = await getAccessToken();\n  const authorization = AccessTokenAdapter.toAuthorizationCallback(accessToken);\n  const iModelIterator = iModelsClient.iModels.getRepresentationList({\n    authorization,\n    urlParams: {\n      iTwinId,\n    },\n  });\n\n  const iModels = [];\n  for await (const iModel of iModelIterator) {\n    iModels.push(iModel);\n  }\n  return iModels;\n};\n\ninterface SelectIModelProps {\n  iTwinId: string;\n  onSelect: (iModelId: string) => void;\n  onCancel: () => void;\n  backFn: () => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\nconst SelectIModel = ({\n  iTwinId: iTwinId,\n  onSelect,\n  onCancel,\n  backFn,\n  displayStrings: userDisplayStrings,\n}: SelectIModelProps) => {\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const iModelsClient = useIModelsClient();\n\n  const { data: iModels, isFetching: isLoading } = useQuery({\n    queryKey: [\"iModels\", iTwinId],\n    queryFn: async () => fetchIModels(getAccessToken, iTwinId, iModelsClient),\n    initialData: [],\n  });\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const iModelsColumns = useMemo<Column<IIModelTyped>[]>(\n    () => [\n      {\n        id: \"iModelName\",\n        Header: `${displayStrings.iModelName}`,\n        accessor: \"name\",\n        Filter: tableFilters.TextFilter(),\n      },\n      {\n        id: \"iModelDescription\",\n        Header: `${displayStrings.iModelDescription}`,\n        accessor: \"description\",\n        Filter: tableFilters.TextFilter(),\n      },\n    ],\n    [displayStrings.iModelName, displayStrings.iModelDescription]\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-imodel-table-container'>\n      <Table<IIModelTyped>\n        data={iModels}\n        columns={iModelsColumns}\n        className='gmw-select-imodel-table'\n        emptyTableContent={`No ${displayStrings.iModels} 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={backFn}>Back</Button>\n        <Button onClick={onCancel}>Cancel</Button>\n      </div>\n    </div>\n  );\n};\n\nexport default SelectIModel;\n"]}

package/lib/cjs/components/Mappings/Import/SelectITwin.d.ts

@@ -6,12 +6,17 @@ declare const defaultDisplayStrings: {
     iTwinName: string;
     iTwinStatus: string;
 };
+export declare enum ITwinType {
+    Favorite = 0,
+    Recent = 1,
+    All = 2
+}
 interface SelectITwinProps {
     onSelect: (iTwinId: string) => void;
     onCancel: () => void;
     onChangeITwinType: (iTwinType: number) => void;
     displayStrings?: Partial<typeof defaultDisplayStrings>;
-    defaultITwinType?: number;
+    defaultITwinType?: ITwinType;
 }
 declare const SelectITwin: ({ onSelect, onCancel, onChangeITwinType, displayStrings: userDisplayStrings, defaultITwinType, }: SelectITwinProps) => JSX.Element;
 export default SelectITwin;

package/lib/cjs/components/Mappings/Import/SelectITwin.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -19,6 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ITwinType = void 0;
 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");
@@ -26,76 +31,62 @@ 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("../../../common/utils");
+const react_query_1 = require("@tanstack/react-query");
 const defaultDisplayStrings = {
     iTwins: "iTwins",
     iTwinNumber: "Number",
     iTwinName: "Name",
     iTwinStatus: "Status",
 };
+var ITwinType;
+(function (ITwinType) {
+    ITwinType[ITwinType["Favorite"] = 0] = "Favorite";
+    ITwinType[ITwinType["Recent"] = 1] = "Recent";
+    ITwinType[ITwinType["All"] = 2] = "All";
+})(ITwinType = exports.ITwinType || (exports.ITwinType = {}));
 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) {
-        (0, utils_1.handleError)(error.status);
-    }
-    finally {
-        setIsLoading(false);
+const fetchITwins = async (getAccessToken, iTwinsClient, iTwinType) => {
+    const accessToken = await getAccessToken();
+    switch (iTwinType) {
+        case ITwinType.Favorite:
+            return iTwinsClient.queryFavoritesAsync(accessToken, itwins_client_1.ITwinSubClass.Project);
+        case ITwinType.Recent:
+            return iTwinsClient.queryRecentsAsync(accessToken, itwins_client_1.ITwinSubClass.Project);
+        default:
+            return iTwinsClient.queryAsync(accessToken, itwins_client_1.ITwinSubClass.Project);
     }
 };
-const SelectITwin = ({ onSelect, onCancel, onChangeITwinType, displayStrings: userDisplayStrings, defaultITwinType = 0, }) => {
+const SelectITwin = ({ onSelect, onCancel, onChangeITwinType, displayStrings: userDisplayStrings, defaultITwinType = ITwinType.Favorite, }) => {
     const { getAccessToken } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
     const iTwinsClient = (0, ITwinsClientContext_1.useITwinsClient)();
-    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
-    const [iTwins, setITwins] = (0, react_1.useState)([]);
     const [iTwinType, setITwinType] = (0, react_1.useState)(defaultITwinType);
-    (0, react_1.useEffect)(() => {
-        void fetchITwins(setITwins, setIsLoading, getAccessToken, iTwinsClient, iTwinType);
-    }, [getAccessToken, iTwinsClient, setIsLoading, iTwinType]);
+    const { data: iTwins, isFetching: isLoading } = (0, react_query_1.useQuery)({
+        queryKey: ["iTwinsByType", iTwinType],
+        queryFn: async () => (await fetchITwins(getAccessToken, iTwinsClient, iTwinType)).data,
+    });
     const displayStrings = react_1.default.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
     const iTwinsColumns = (0, 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(),
-                },
-            ],
+            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 = (0, react_1.useMemo)(() => [10, 25, 50], []);
@@ -105,7 +96,7 @@ const SelectITwin = ({ onSelect, onCancel, onChangeITwinType, displayStrings: us
                 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) => {
+        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" },

package/lib/cjs/components/Mappings/Import/SelectITwin.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectITwin.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Import/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, Tab, Table, tableFilters, TablePaginator, Tabs } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../../../common/utils\";\nimport \"./SelectITwin.scss\";\nimport type { GetAccessTokenFn } from \"../../context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useITwinsClient } from \"../../context/ITwinsClientContext\";\nimport { handleError } from \"../../../common/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      <Tabs\n        orientation=\"horizontal\"\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      </Tabs>\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"]}
+{"version":3,"file":"SelectITwin.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Import/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 } 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, Tab, Table, tableFilters, TablePaginator, Tabs } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"../../../common/utils\";\nimport \"./SelectITwin.scss\";\nimport type { GetAccessTokenFn } from \"../../context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useITwinsClient } from \"../../context/ITwinsClientContext\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport type { Column } from \"react-table\";\n\ntype IITwinTyped = CreateTypeFromInterface<ITwin>;\n\nconst defaultDisplayStrings = {\n  iTwins: \"iTwins\",\n  iTwinNumber: \"Number\",\n  iTwinName: \"Name\",\n  iTwinStatus: \"Status\",\n};\n\nexport enum ITwinType {\n  Favorite = 0,\n  Recent = 1,\n  All = 2,\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  getAccessToken: GetAccessTokenFn,\n  iTwinsClient: ITwinsAccessClient,\n  iTwinType: ITwinType,\n) => {\n  const accessToken = await getAccessToken();\n  switch (iTwinType) {\n    case ITwinType.Favorite:\n      return iTwinsClient.queryFavoritesAsync(accessToken, ITwinSubClass.Project);\n    case ITwinType.Recent:\n      return iTwinsClient.queryRecentsAsync(accessToken, ITwinSubClass.Project);\n    default:\n      return iTwinsClient.queryAsync(accessToken, ITwinSubClass.Project);\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?: ITwinType;\n}\n\nconst SelectITwin = ({\n  onSelect,\n  onCancel,\n  onChangeITwinType,\n  displayStrings: userDisplayStrings,\n  defaultITwinType = ITwinType.Favorite,\n}: SelectITwinProps) => {\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const iTwinsClient = useITwinsClient();\n  const [iTwinType, setITwinType] = useState<number>(defaultITwinType);\n\n  const { data: iTwins, isFetching: isLoading } = useQuery({\n    queryKey: [\"iTwinsByType\", iTwinType],\n    queryFn: async () => (await fetchITwins(getAccessToken, iTwinsClient, iTwinType)).data!,\n  });\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const iTwinsColumns = useMemo<Column<IITwinTyped>[]>(\n    () => [\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    [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      <Tabs\n        orientation=\"horizontal\"\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      </Tabs>\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/cjs/components/Mappings/Import/SelectMappings.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -23,58 +27,35 @@ const itwinui_react_1 = require("@itwin/itwinui-react");
 const react_1 = __importStar(require("react"));
 const MappingClientContext_1 = require("../../context/MappingClientContext");
 require("./SelectMapping.scss");
-const utils_1 = require("../../../common/utils");
 const GroupingApiConfigContext_1 = require("../../context/GroupingApiConfigContext");
+const useFetchMappings_1 = require("../hooks/useFetchMappings");
 const defaultDisplayStrings = {
     mappings: "Mappings",
 };
-const fetchMappings = async (setMappings, iModelId, setIsLoading, getAccessToken, mappingsClient) => {
-    try {
-        setIsLoading(true);
-        const accessToken = await getAccessToken();
-        const mappings = await mappingsClient.getMappings(accessToken, iModelId);
-        setMappings(mappings);
-    }
-    catch (error) {
-        (0, utils_1.handleError)(error.status);
-    }
-    finally {
-        setIsLoading(false);
-    }
-};
 const SelectMappings = ({ iModelId, onSelect, onCancel, backFn, displayStrings: userDisplayStrings, }) => {
     const { getAccessToken } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
     const mappingClient = (0, MappingClientContext_1.useMappingClient)();
-    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
     const [selectedMappings, setSelectedMappings] = (0, react_1.useState)([]);
-    const [mappings, setMappings] = (0, react_1.useState)([]);
-    (0, react_1.useEffect)(() => {
-        void fetchMappings(setMappings, iModelId, setIsLoading, getAccessToken, mappingClient);
-    }, [getAccessToken, mappingClient, iModelId, setIsLoading]);
+    const { data: mappings, isFetching: isLoading, } = (0, useFetchMappings_1.useFetchMappings)(iModelId, getAccessToken, mappingClient);
     const displayStrings = react_1.default.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
     const mappingsColumns = (0, react_1.useMemo)(() => [
         {
-            Header: "Table",
-            columns: [
-                {
-                    id: "mappingName",
-                    Header: `${displayStrings.mappings}`,
-                    accessor: "mappingName",
-                    Filter: itwinui_react_1.tableFilters.TextFilter(),
-                },
-                {
-                    id: "description",
-                    Header: "Description",
-                    accessor: "description",
-                    Filter: itwinui_react_1.tableFilters.TextFilter(),
-                },
-            ],
+            id: "mappingName",
+            Header: `${displayStrings.mappings}`,
+            accessor: "mappingName",
+            Filter: itwinui_react_1.tableFilters.TextFilter(),
+        },
+        {
+            id: "description",
+            Header: "Description",
+            accessor: "description",
+            Filter: itwinui_react_1.tableFilters.TextFilter(),
         },
     ], [displayStrings.mappings]);
     const pageSizeList = (0, react_1.useMemo)(() => [10, 25, 50], []);
     const paginator = (0, 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-mapping-container' },
-        react_1.default.createElement(itwinui_react_1.Table, { data: mappings, columns: mappingsColumns, className: 'gmw-select-mapping-table', emptyTableContent: `No ${displayStrings.mappings} available.`, isSortable: true, isSelectable: true, isLoading: isLoading, onSelect: (selectData) => {
+        react_1.default.createElement(itwinui_react_1.Table, { data: mappings ?? [], columns: mappingsColumns, className: 'gmw-select-mapping-table', emptyTableContent: `No ${displayStrings.mappings} available.`, isSortable: true, isSelectable: true, isLoading: isLoading, onSelect: (selectData) => {
                 selectData && setSelectedMappings(selectData);
             }, paginatorRenderer: paginator }),
         react_1.default.createElement("div", { className: 'gmw-import-action-panel' },

package/lib/cjs/components/Mappings/Import/SelectMappings.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectMappings.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Import/SelectMappings.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 {\n  TablePaginatorRendererProps,\n} from \"@itwin/itwinui-react\";\nimport {\n  Button,\n  Table,\n  tableFilters,\n  TablePaginator,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { IMappingsClient, Mapping } from \"@itwin/insights-client\";\nimport { useMappingClient } from \"../../context/MappingClientContext\";\nimport type { IMappingTyped } from \"../Mappings\";\nimport \"./SelectMapping.scss\";\nimport { handleError } from \"../../../common/utils\";\nimport type { GetAccessTokenFn } from \"../../context/GroupingApiConfigContext\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\n\nconst defaultDisplayStrings = {\n  mappings: \"Mappings\",\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);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\ninterface SelectMappingsProps {\n  iModelId: string;\n  onSelect: (selectedMappings: IMappingTyped[]) => void;\n  onCancel: () => void;\n  backFn: () => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nconst SelectMappings = ({\n  iModelId,\n  onSelect,\n  onCancel,\n  backFn,\n  displayStrings: userDisplayStrings,\n}: SelectMappingsProps) => {\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [selectedMappings, setSelectedMappings] = useState<IMappingTyped[]>([]);\n  const [mappings, setMappings] = useState<Mapping[]>([]);\n\n  useEffect(() => {\n    void fetchMappings(setMappings, iModelId, setIsLoading, getAccessToken, mappingClient);\n  }, [getAccessToken, mappingClient, iModelId, setIsLoading]);\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const mappingsColumns = useMemo(\n    () => [\n      {\n        Header: \"Table\",\n        columns: [\n          {\n            id: \"mappingName\",\n            Header: `${displayStrings.mappings}`,\n            accessor: \"mappingName\",\n            Filter: tableFilters.TextFilter(),\n          },\n          {\n            id: \"description\",\n            Header: \"Description\",\n            accessor: \"description\",\n            Filter: tableFilters.TextFilter(),\n          },\n        ],\n      },\n    ],\n    [displayStrings.mappings]\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-mapping-container'>\n      <Table<IMappingTyped>\n        data={mappings}\n        columns={mappingsColumns}\n        className='gmw-select-mapping-table'\n        emptyTableContent={`No ${displayStrings.mappings} available.`}\n        isSortable\n        isSelectable\n        isLoading={isLoading}\n        onSelect={(selectData: IMappingTyped[] | undefined) => {\n          selectData && setSelectedMappings(selectData);\n        }}\n        paginatorRenderer={paginator}\n      />\n      <div className='gmw-import-action-panel'>\n        <Button onClick={backFn}>Back</Button>\n        <Button\n          styleType='high-visibility'\n          onClick={() => {\n            onSelect(selectedMappings);\n          }}\n          disabled={isLoading || selectedMappings.length === 0}\n        >\n          Next\n        </Button>\n        <Button onClick={onCancel}>Cancel</Button>\n      </div>\n    </div>\n  );\n};\n\nexport default SelectMappings;\n"]}
+{"version":3,"file":"SelectMappings.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Import/SelectMappings.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOA,wDAK8B;AAC9B,+CAA8D;AAC9D,6EAAsE;AAEtE,gCAA8B;AAC9B,qFAAqF;AACrF,gEAA6D;AAG7D,MAAM,qBAAqB,GAAG;IAC5B,QAAQ,EAAE,UAAU;CACrB,CAAC;AAUF,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,cAAc,EAAE,kBAAkB,GACd,EAAE,EAAE;IACxB,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,sDAA2B,GAAE,CAAC;IACzD,MAAM,aAAa,GAAG,IAAA,uCAAgB,GAAE,CAAC;IACzC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAkB,EAAE,CAAC,CAAC;IAE9E,MAAM,EACJ,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,SAAS,GACtB,GAAG,IAAA,mCAAgB,EAAC,QAAQ,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC;IAE9D,MAAM,cAAc,GAAG,eAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,qBAAqB,EAAE,GAAG,kBAAkB,EAAE,CAAC,EAC3D,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,MAAM,eAAe,GAAG,IAAA,eAAO,EAC7B,GAAG,EAAE,CAAC;QACJ;YACE,EAAE,EAAE,aAAa;YACjB,MAAM,EAAE,GAAG,cAAc,CAAC,QAAQ,EAAE;YACpC,QAAQ,EAAE,aAAa;YACvB,MAAM,EAAE,4BAAY,CAAC,UAAU,EAAE;SAClC;QACD;YACE,EAAE,EAAE,aAAa;YACjB,MAAM,EAAE,aAAa;YACrB,QAAQ,EAAE,aAAa;YACvB,MAAM,EAAE,4BAAY,CAAC,UAAU,EAAE;SAClC;KACF,EACD,CAAC,cAAc,CAAC,QAAQ,CAAC,CAC1B,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACrD,MAAM,SAAS,GAAG,IAAA,mBAAW,EAC3B,CAAC,KAAkC,EAAE,EAAE,CAAC,CACtC,8BAAC,8BAAc,OAAK,KAAK,EAAE,YAAY,EAAE,YAAY,GAAI,CAC1D,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAC,8BAA8B;QAC3C,8BAAC,qBAAK,IACJ,IAAI,EAAE,QAAQ,IAAI,EAAE,EACpB,OAAO,EAAE,eAAe,EACxB,SAAS,EAAC,0BAA0B,EACpC,iBAAiB,EAAE,MAAM,cAAc,CAAC,QAAQ,aAAa,EAC7D,UAAU,QACV,YAAY,QACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,UAAuC,EAAE,EAAE;gBACpD,UAAU,IAAI,mBAAmB,CAAC,UAAU,CAAC,CAAC;YAChD,CAAC,EACD,iBAAiB,EAAE,SAAS,GAC5B;QACF,uCAAK,SAAS,EAAC,yBAAyB;YACtC,8BAAC,sBAAM,IAAC,OAAO,EAAE,MAAM,WAAe;YACtC,8BAAC,sBAAM,IACL,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,CAAC,gBAAgB,CAAC,CAAC;gBAC7B,CAAC,EACD,QAAQ,EAAE,SAAS,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,WAG7C;YACT,8BAAC,sBAAM,IAAC,OAAO,EAAE,QAAQ,aAAiB,CACtC,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,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 type {\n  TablePaginatorRendererProps,\n} from \"@itwin/itwinui-react\";\nimport {\n  Button,\n  Table,\n  tableFilters,\n  TablePaginator,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport { useMappingClient } from \"../../context/MappingClientContext\";\nimport type { IMappingTyped } from \"../Mappings\";\nimport \"./SelectMapping.scss\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useFetchMappings } from \"../hooks/useFetchMappings\";\nimport type { Column } from \"react-table\";\n\nconst defaultDisplayStrings = {\n  mappings: \"Mappings\",\n};\n\ninterface SelectMappingsProps {\n  iModelId: string;\n  onSelect: (selectedMappings: IMappingTyped[]) => void;\n  onCancel: () => void;\n  backFn: () => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nconst SelectMappings = ({\n  iModelId,\n  onSelect,\n  onCancel,\n  backFn,\n  displayStrings: userDisplayStrings,\n}: SelectMappingsProps) => {\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [selectedMappings, setSelectedMappings] = useState<IMappingTyped[]>([]);\n\n  const {\n    data: mappings,\n    isFetching: isLoading,\n  } = useFetchMappings(iModelId, getAccessToken, mappingClient);\n\n  const displayStrings = React.useMemo(\n    () => ({ ...defaultDisplayStrings, ...userDisplayStrings }),\n    [userDisplayStrings]\n  );\n\n  const mappingsColumns = useMemo<Column<IMappingTyped>[]>(\n    () => [\n      {\n        id: \"mappingName\",\n        Header: `${displayStrings.mappings}`,\n        accessor: \"mappingName\",\n        Filter: tableFilters.TextFilter(),\n      },\n      {\n        id: \"description\",\n        Header: \"Description\",\n        accessor: \"description\",\n        Filter: tableFilters.TextFilter(),\n      },\n    ],\n    [displayStrings.mappings]\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-mapping-container'>\n      <Table<IMappingTyped>\n        data={mappings ?? []}\n        columns={mappingsColumns}\n        className='gmw-select-mapping-table'\n        emptyTableContent={`No ${displayStrings.mappings} available.`}\n        isSortable\n        isSelectable\n        isLoading={isLoading}\n        onSelect={(selectData: IMappingTyped[] | undefined) => {\n          selectData && setSelectedMappings(selectData);\n        }}\n        paginatorRenderer={paginator}\n      />\n      <div className='gmw-import-action-panel'>\n        <Button onClick={backFn}>Back</Button>\n        <Button\n          styleType='high-visibility'\n          onClick={() => {\n            onSelect(selectedMappings);\n          }}\n          disabled={isLoading || selectedMappings.length === 0}\n        >\n          Next\n        </Button>\n        <Button onClick={onCancel}>Cancel</Button>\n      </div>\n    </div>\n  );\n};\n\nexport default SelectMappings;\n"]}

package/lib/cjs/components/Mappings/Mappings.js

@@ -1,22 +1,6 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Mappings = void 0;
@@ -24,22 +8,16 @@ exports.Mappings = void 0;
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const MappingClientContext_1 = require("../context/MappingClientContext");
 const GroupingApiConfigContext_1 = require("../context/GroupingApiConfigContext");
 const MappingsView_1 = require("./MappingsView");
 const useMappingsOperations_1 = require("./hooks/useMappingsOperations");
-const itwinui_react_1 = require("@itwin/itwinui-react");
 const Mappings = (props) => {
     const groupingMappingApiConfig = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
     const mappingClient = (0, MappingClientContext_1.useMappingClient)();
-    const { mappings, isLoading, extractionStatusIcon, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, refresh, toggleExtraction, onDelete, setShowImportModal, showImportModal, setShowDeleteModal, showDeleteModal, isTogglingExtraction, errorMessage, setErrorMessage, } = (0, useMappingsOperations_1.useMappingsOperations)({ ...groupingMappingApiConfig, mappingClient });
-    const renderAlert = (0, react_1.useCallback)(() => {
-        if (!errorMessage)
-            return;
-        return (react_1.default.createElement(itwinui_react_1.Alert, { type: "negative", onClose: () => setErrorMessage(undefined) }, errorMessage));
-    }, [errorMessage, setErrorMessage]);
-    return (react_1.default.createElement(MappingsView_1.MappingsView, { mappings: mappings, isLoading: isLoading, extractionStatusData: extractionStatusIcon, showExtractionMessageModal: showExtractionMessageModal, extractionMessageData: extractionMessageData, setShowExtractionMessageModal: setShowExtractionMessageModal, onRefresh: refresh, onToggleExtraction: toggleExtraction, onDelete: onDelete, showImportModal: showImportModal, setShowImportModal: setShowImportModal, showDeleteModal: showDeleteModal, setShowDeleteModal: setShowDeleteModal, isTogglingExtraction: isTogglingExtraction, alert: renderAlert(), ...props }));
+    const { mappings, isLoading, showExtractionMessageModal, extractionStatus, setShowExtractionMessageModal, refreshMappings, refreshExtractionStatus, toggleExtraction, onDelete, setShowImportModal, showImportModal, setShowDeleteModal, showDeleteModal, isTogglingExtraction, } = (0, useMappingsOperations_1.useMappingsOperations)({ ...groupingMappingApiConfig, mappingClient });
+    return (react_1.default.createElement(MappingsView_1.MappingsView, { mappings: mappings ?? [], isLoading: isLoading, extractionStatusData: extractionStatus.extractionStatusIcon, showExtractionMessageModal: showExtractionMessageModal, extractionMessageData: extractionStatus.extractionMessageData, setShowExtractionMessageModal: setShowExtractionMessageModal, onRefreshMappings: refreshMappings, onRefreshExtractionStatus: refreshExtractionStatus, onToggleExtraction: toggleExtraction, onDelete: onDelete, showImportModal: showImportModal, setShowImportModal: setShowImportModal, showDeleteModal: showDeleteModal, setShowDeleteModal: setShowDeleteModal, isTogglingExtraction: isTogglingExtraction, ...props }));
 };
 exports.Mappings = Mappings;
 //# sourceMappingURL=Mappings.js.map

package/lib/cjs/components/Mappings/Mappings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mappings.js","sourceRoot":"","sources":["../../../../src/components/Mappings/Mappings.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAA2C;AAC3C,0EAAmE;AAEnE,kFAAkF;AAGlF,iDAA8C;AAC9C,yEAAsE;AACtE,wDAA6C;AAWtC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,wBAAwB,GAAG,IAAA,sDAA2B,GAAE,CAAC;IAC/D,MAAM,aAAa,GAAG,IAAA,uCAAgB,GAAE,CAAC;IACzC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,0BAA0B,EAC1B,qBAAqB,EACrB,6BAA6B,EAC7B,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACpB,YAAY,EACZ,eAAe,GAChB,GAAG,IAAA,6CAAqB,EAAC,EAAE,GAAG,wBAAwB,EAAE,aAAa,EAAE,CAAC,CAAC;IAE1E,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,IAAI,CAAC,YAAY;YAAE,OAAO;QAC1B,OAAO,CACL,8BAAC,qBAAK,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,IAC7D,YAAY,CACP,CACT,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,8BAAC,2BAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,oBAAoB,EAAE,oBAAoB,EAC1C,0BAA0B,EAAE,0BAA0B,EACtD,qBAAqB,EAAE,qBAAqB,EAC5C,6BAA6B,EAAE,6BAA6B,EAC5D,SAAS,EAAE,OAAO,EAClB,kBAAkB,EAAE,gBAAgB,EACpC,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,oBAAoB,EAAE,oBAAoB,EAC1C,KAAK,EAAE,WAAW,EAAE,KAChB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,QAAQ,YAmDnB","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, { useCallback } from \"react\";\nimport { useMappingClient } from \"../context/MappingClientContext\";\nimport type { Mapping } from \"@itwin/insights-client\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\nimport type { CreateTypeFromInterface } from \"../../common/utils\";\nimport type { mappingViewDefaultDisplayStrings } from \"./MappingsView\";\nimport { MappingsView } from \"./MappingsView\";\nimport { useMappingsOperations } from \"./hooks/useMappingsOperations\";\nimport { Alert } from \"@itwin/itwinui-react\";\n\nexport type IMappingTyped = CreateTypeFromInterface<Mapping>;\n\nexport interface MappingsProps {\n  onClickAddMapping?: () => void;\n  onClickMappingTitle?: (mapping: Mapping) => void;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  displayStrings?: Partial<typeof mappingViewDefaultDisplayStrings>;\n}\n\nexport const Mappings = (props: MappingsProps) => {\n  const groupingMappingApiConfig = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const {\n    mappings,\n    isLoading,\n    extractionStatusIcon,\n    showExtractionMessageModal,\n    extractionMessageData,\n    setShowExtractionMessageModal,\n    refresh,\n    toggleExtraction,\n    onDelete,\n    setShowImportModal,\n    showImportModal,\n    setShowDeleteModal,\n    showDeleteModal,\n    isTogglingExtraction,\n    errorMessage,\n    setErrorMessage,\n  } = useMappingsOperations({ ...groupingMappingApiConfig, mappingClient });\n\n  const renderAlert = useCallback(() => {\n    if (!errorMessage) return;\n    return (\n      <Alert type=\"negative\" onClose={() => setErrorMessage(undefined)}>\n        {errorMessage}\n      </Alert>\n    );\n  }, [errorMessage, setErrorMessage]);\n\n  return (\n    <MappingsView\n      mappings={mappings}\n      isLoading={isLoading}\n      extractionStatusData={extractionStatusIcon}\n      showExtractionMessageModal={showExtractionMessageModal}\n      extractionMessageData={extractionMessageData}\n      setShowExtractionMessageModal={setShowExtractionMessageModal}\n      onRefresh={refresh}\n      onToggleExtraction={toggleExtraction}\n      onDelete={onDelete}\n      showImportModal={showImportModal}\n      setShowImportModal={setShowImportModal}\n      showDeleteModal={showDeleteModal}\n      setShowDeleteModal={setShowDeleteModal}\n      isTogglingExtraction={isTogglingExtraction}\n      alert={renderAlert()}\n      {...props}\n    />\n  );\n};\n"]}
+{"version":3,"file":"Mappings.js","sourceRoot":"","sources":["../../../../src/components/Mappings/Mappings.tsx"],"names":[],"mappings":";;;;;;AAAA;;;+FAG+F;AAC/F,kDAA0B;AAC1B,0EAAmE;AAEnE,kFAAkF;AAGlF,iDAA8C;AAC9C,yEAAsE;AAW/D,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,wBAAwB,GAAG,IAAA,sDAA2B,GAAE,CAAC;IAC/D,MAAM,aAAa,GAAG,IAAA,uCAAgB,GAAE,CAAC;IACzC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,0BAA0B,EAC1B,gBAAgB,EAChB,6BAA6B,EAC7B,eAAe,EACf,uBAAuB,EACvB,gBAAgB,EAChB,QAAQ,EACR,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,oBAAoB,GACrB,GAAG,IAAA,6CAAqB,EAAC,EAAE,GAAG,wBAAwB,EAAE,aAAa,EAAE,CAAC,CAAC;IAE1E,OAAO,CACL,8BAAC,2BAAY,IACX,QAAQ,EAAE,QAAQ,IAAI,EAAE,EACxB,SAAS,EAAE,SAAS,EACpB,oBAAoB,EAAE,gBAAgB,CAAC,oBAAoB,EAC3D,0BAA0B,EAAE,0BAA0B,EACtD,qBAAqB,EAAE,gBAAgB,CAAC,qBAAqB,EAC7D,6BAA6B,EAAE,6BAA6B,EAC5D,iBAAiB,EAAE,eAAe,EAClC,yBAAyB,EAAE,uBAAuB,EAClD,kBAAkB,EAAE,gBAAgB,EACpC,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,oBAAoB,EAAE,oBAAoB,KACtC,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,QAAQ,YAwCnB","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 { useMappingClient } from \"../context/MappingClientContext\";\nimport type { Mapping } from \"@itwin/insights-client\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\nimport type { CreateTypeFromInterface } from \"../../common/utils\";\nimport type { mappingViewDefaultDisplayStrings } from \"./MappingsView\";\nimport { MappingsView } from \"./MappingsView\";\nimport { useMappingsOperations } from \"./hooks/useMappingsOperations\";\n\nexport type IMappingTyped = CreateTypeFromInterface<Mapping>;\n\nexport interface MappingsProps {\n  onClickAddMapping?: () => void;\n  onClickMappingTitle?: (mapping: Mapping) => void;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  displayStrings?: Partial<typeof mappingViewDefaultDisplayStrings>;\n}\n\nexport const Mappings = (props: MappingsProps) => {\n  const groupingMappingApiConfig = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const {\n    mappings,\n    isLoading,\n    showExtractionMessageModal,\n    extractionStatus,\n    setShowExtractionMessageModal,\n    refreshMappings,\n    refreshExtractionStatus,\n    toggleExtraction,\n    onDelete,\n    setShowImportModal,\n    showImportModal,\n    setShowDeleteModal,\n    showDeleteModal,\n    isTogglingExtraction,\n  } = useMappingsOperations({ ...groupingMappingApiConfig, mappingClient });\n\n  return (\n    <MappingsView\n      mappings={mappings ?? []}\n      isLoading={isLoading}\n      extractionStatusData={extractionStatus.extractionStatusIcon}\n      showExtractionMessageModal={showExtractionMessageModal}\n      extractionMessageData={extractionStatus.extractionMessageData}\n      setShowExtractionMessageModal={setShowExtractionMessageModal}\n      onRefreshMappings={refreshMappings}\n      onRefreshExtractionStatus={refreshExtractionStatus}\n      onToggleExtraction={toggleExtraction}\n      onDelete={onDelete}\n      showImportModal={showImportModal}\n      setShowImportModal={setShowImportModal}\n      showDeleteModal={showDeleteModal}\n      setShowDeleteModal={setShowDeleteModal}\n      isTogglingExtraction={isTogglingExtraction}\n      {...props}\n    />\n  );\n};\n"]}

package/lib/cjs/components/Mappings/MappingsView.d.ts

@@ -2,8 +2,8 @@ import React from "react";
 import type { Alert } from "@itwin/itwinui-react";
 import "./MappingsView.scss";
 import type { Mapping } from "@itwin/insights-client";
-import type { ExtractionMessageData } from "../context/ExtractionStatusDataContext";
-import type { ExtractionStatusData } from "../context/ExtractionStatusDataContext";
+import type { ExtractionStatusData } from "./Extraction/ExtractionStatusIcon";
+import type { ExtractionMessageData } from "./Extraction/ExtractionMessageModal";
 export declare const mappingViewDefaultDisplayStrings: {
     mappings: string;
     iTwins: string;
@@ -22,7 +22,8 @@ export interface MappingsViewProps {
     extractionMessageData: ExtractionMessageData[];
     setShowExtractionMessageModal: (show: boolean) => void;
     isTogglingExtraction: boolean;
-    onRefresh: () => Promise<void>;
+    onRefreshMappings: () => Promise<void>;
+    onRefreshExtractionStatus: () => Promise<void>;
     onToggleExtraction: (mapping: Mapping) => Promise<void>;
     onDelete: (mapping: Mapping) => Promise<void>;
     showDeleteModal: Mapping | undefined;
@@ -35,5 +36,5 @@ export interface MappingsViewProps {
     onClickMappingModify?: (mapping: Mapping) => void;
     alert?: React.ReactElement<typeof Alert>;
 }
-export declare const MappingsView: ({ mappings, isLoading, extractionStatusData, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, isTogglingExtraction, onRefresh, onToggleExtraction, onDelete, showDeleteModal, setShowDeleteModal, displayStrings: userDisplayStrings, showImportModal, setShowImportModal, onClickAddMapping, onClickMappingTitle, onClickMappingModify, alert, }: MappingsViewProps) => JSX.Element;
+export declare const MappingsView: ({ mappings, isLoading, extractionStatusData, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, isTogglingExtraction, onRefreshMappings, onRefreshExtractionStatus, onToggleExtraction, onDelete, showDeleteModal, setShowDeleteModal, displayStrings: userDisplayStrings, showImportModal, setShowImportModal, onClickAddMapping, onClickMappingTitle, onClickMappingModify, alert, }: MappingsViewProps) => JSX.Element;
 //# sourceMappingURL=MappingsView.d.ts.map

package/lib/cjs/components/Mappings/MappingsView.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,7 +31,7 @@ exports.MappingsView = exports.mappingViewDefaultDisplayStrings = void 0;
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const EmptyMessage_1 = require("../SharedComponents/EmptyMessage");
@@ -31,8 +54,11 @@ exports.mappingViewDefaultDisplayStrings = {
     iModelName: "Name",
     iModelDescription: "Description",
 };
-const MappingsView = ({ mappings, isLoading, extractionStatusData, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, isTogglingExtraction, onRefresh, onToggleExtraction, onDelete, showDeleteModal, setShowDeleteModal, displayStrings: userDisplayStrings, showImportModal, setShowImportModal, onClickAddMapping, onClickMappingTitle, onClickMappingModify, alert, }) => {
+const MappingsView = ({ mappings, isLoading, extractionStatusData, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, isTogglingExtraction, onRefreshMappings, onRefreshExtractionStatus, onToggleExtraction, onDelete, showDeleteModal, setShowDeleteModal, displayStrings: userDisplayStrings, showImportModal, setShowImportModal, onClickAddMapping, onClickMappingTitle, onClickMappingModify, alert, }) => {
     const displayStrings = react_1.default.useMemo(() => ({ ...exports.mappingViewDefaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    const refreshAll = (0, react_1.useCallback)(async () => {
+        await Promise.all([onRefreshMappings(), onRefreshExtractionStatus()]);
+    }, [onRefreshMappings, onRefreshExtractionStatus]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(BlockingOverlay_1.BlockingOverlay, { isVisible: isTogglingExtraction }),
         react_1.default.createElement("div", { className: "gmw-mappings-view-container" },
@@ -48,17 +74,17 @@ const MappingsView = ({ mappings, isLoading, extractionStatusData, showExtractio
                                 setShowExtractionMessageModal(true);
                             }
                         }, iconMessage: extractionStatusData.iconMessage }),
-                    react_1.default.createElement(itwinui_react_1.IconButton, { title: "Refresh", onClick: onRefresh, disabled: isLoading, styleType: 'borderless' },
+                    react_1.default.createElement(itwinui_react_1.IconButton, { title: "Refresh", onClick: refreshAll, disabled: isLoading, styleType: 'borderless' },
                         react_1.default.createElement(itwinui_icons_react_1.SvgRefresh, null)))),
             alert,
             react_1.default.createElement("div", { className: 'gmw-mappings-border' }),
-            isLoading ? (react_1.default.createElement(LoadingOverlay_1.LoadingOverlay, null)) : mappings.length === 0 ? (react_1.default.createElement(EmptyMessage_1.EmptyMessage, { message: `No ${displayStrings.mappings} available.` })) : (react_1.default.createElement("div", { className: "gmw-mappings-list" }, mappings.map((mapping) => (react_1.default.createElement(HorizontalTile_1.HorizontalTile, { key: mapping.id, title: mapping.mappingName ? mapping.mappingName : "Untitled", subText: mapping.description ?? "", subtextToolTip: mapping.description ?? "", titleTooltip: mapping.mappingName, onClickTitle: onClickMappingTitle ? () => onClickMappingTitle(mapping) : undefined, actionGroup: react_1.default.createElement(MappingViewActionGroup_1.MappingUIActionGroup, { mapping: mapping, onToggleExtraction: onToggleExtraction, onRefresh: onRefresh, onClickMappingModify: onClickMappingModify, setShowDeleteModal: setShowDeleteModal }) })))))),
-        react_1.default.createElement(ExtractionMessageModal_1.ExtractionMessageModal, { isOpen: showExtractionMessageModal, onClose: () => setShowExtractionMessageModal(false), extractionMessageData: extractionMessageData, timestamp: extractionMessageData.length === 0 ? "" : extractionMessageData[0].date }),
+            isLoading ? (react_1.default.createElement(LoadingOverlay_1.LoadingOverlay, null)) : mappings.length === 0 ? (react_1.default.createElement(EmptyMessage_1.EmptyMessage, { message: `No ${displayStrings.mappings} available.` })) : (react_1.default.createElement("div", { className: "gmw-mappings-list" }, mappings.map((mapping) => (react_1.default.createElement(HorizontalTile_1.HorizontalTile, { key: mapping.id, title: mapping.mappingName ? mapping.mappingName : "Untitled", subText: mapping.description ?? "", subtextToolTip: mapping.description ?? "", titleTooltip: mapping.mappingName, onClickTitle: onClickMappingTitle ? () => onClickMappingTitle(mapping) : undefined, actionGroup: react_1.default.createElement(MappingViewActionGroup_1.MappingUIActionGroup, { mapping: mapping, onToggleExtraction: onToggleExtraction, onRefresh: onRefreshMappings, onClickMappingModify: onClickMappingModify, setShowDeleteModal: setShowDeleteModal }) })))))),
+        showExtractionMessageModal && react_1.default.createElement(ExtractionMessageModal_1.ExtractionMessageModal, { isOpen: showExtractionMessageModal, onClose: () => setShowExtractionMessageModal(false), extractionMessageData: extractionMessageData, timestamp: extractionMessageData.length === 0 ? "" : extractionMessageData[0].date }),
         showDeleteModal &&
             react_1.default.createElement(DeleteModal_1.default, { entityName: showDeleteModal?.mappingName, onClose: () => setShowDeleteModal(undefined), onDelete: async () => {
                     await onDelete(showDeleteModal);
-                }, refresh: onRefresh }),
-        showImportModal && setShowImportModal && react_1.default.createElement(MappingImportWizardModal_1.MappingImportWizardModal, { show: showImportModal, setShow: setShowImportModal, onFinish: onRefresh, displayStrings: displayStrings })));
+                } }),
+        showImportModal && setShowImportModal && react_1.default.createElement(MappingImportWizardModal_1.MappingImportWizardModal, { show: showImportModal, setShow: setShowImportModal, onFinish: onRefreshMappings, displayStrings: displayStrings })));
 };
 exports.MappingsView = MappingsView;
 //# sourceMappingURL=MappingsView.js.map