@itwin/grouping-mapping-widget 0.35.4 → 0.37.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 { 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 (getAccessToken: GetAccessTokenFn, iTwinId: string, iModelsClient: IModelsClient) => {\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 = ({ iTwinId: iTwinId, onSelect, onCancel, backFn, displayStrings: userDisplayStrings }: 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  });\n\n  const displayStrings = React.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);\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((props: TablePaginatorRendererProps) => <TablePaginator {...props} pageSizeList={pageSizeList} />, [pageSizeList]);\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 { GroupingMappingWidget } from \"../../../GroupingMappingWidget\";\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 getDefaultDisplayStrings = () => ({\n  iModels: \"iModels\",\n  iModelName: GroupingMappingWidget.translate(\"common.name\"),\n  iModelDescription: GroupingMappingWidget.translate(\"common.description\"),\n});\n\nconst fetchIModels = async (getAccessToken: GetAccessTokenFn, iTwinId: string, iModelsClient: IModelsClient) => {\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<ReturnType<typeof getDefaultDisplayStrings>>;\n}\nconst SelectIModel = ({ iTwinId: iTwinId, onSelect, onCancel, backFn, displayStrings: userDisplayStrings }: 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  });\n\n  const displayStrings = React.useMemo(() => ({ ...getDefaultDisplayStrings(), ...userDisplayStrings }), [userDisplayStrings]);\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((props: TablePaginatorRendererProps) => <TablePaginator {...props} pageSizeList={pageSizeList} />, [pageSizeList]);\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={GroupingMappingWidget.translate(\"import.noIModels\", { iModels: displayStrings.iModels })}\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}>{GroupingMappingWidget.translate(\"common.back\")}</Button>\n        <Button onClick={onCancel}>{GroupingMappingWidget.translate(\"common.cancel\")}</Button>\n      </div>\n    </div>\n  );\n};\n\nexport default SelectIModel;\n"]}

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import "./SelectITwin.scss";
-declare const defaultDisplayStrings: {
+declare const getDefaultDisplayStrings: () => {
     iTwins: string;
     iTwinNumber: string;
     iTwinName: string;
@@ -15,7 +14,7 @@ interface SelectITwinProps {
     onSelect: (iTwinId: string) => void;
     onCancel: () => void;
     onChangeITwinType: (iTwinType: number) => void;
-    displayStrings?: Partial<typeof defaultDisplayStrings>;
+    displayStrings?: Partial<ReturnType<typeof getDefaultDisplayStrings>>;
     defaultITwinType?: ITwinType;
 }
 declare const SelectITwin: ({ onSelect, onCancel, onChangeITwinType, displayStrings: userDisplayStrings, defaultITwinType, }: SelectITwinProps) => JSX.Element;

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

@@ -28,26 +28,27 @@ 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"));
+const GroupingMappingWidget_1 = require("../../../GroupingMappingWidget");
 require("./SelectITwin.scss");
 const GroupingApiConfigContext_1 = require("../../context/GroupingApiConfigContext");
 const ITwinsClientContext_1 = require("../../context/ITwinsClientContext");
 const react_query_1 = require("@tanstack/react-query");
-const defaultDisplayStrings = {
+const getDefaultDisplayStrings = () => ({
     iTwins: "iTwins",
-    iTwinNumber: "Number",
-    iTwinName: "Name",
-    iTwinStatus: "Status",
-};
+    iTwinNumber: GroupingMappingWidget_1.GroupingMappingWidget.translate("common.number"),
+    iTwinName: GroupingMappingWidget_1.GroupingMappingWidget.translate("common.name"),
+    iTwinStatus: GroupingMappingWidget_1.GroupingMappingWidget.translate("common.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) }),
+})(ITwinType || (exports.ITwinType = ITwinType = {}));
+const getTabsWithIcons = () => [
+    react_1.default.createElement(itwinui_react_1.Tab, { key: "favorite", label: GroupingMappingWidget_1.GroupingMappingWidget.translate("import.favoriteITwins"), startIcon: react_1.default.createElement(itwinui_icons_react_1.SvgStarHollow, null) }),
+    react_1.default.createElement(itwinui_react_1.Tab, { key: "recents", label: GroupingMappingWidget_1.GroupingMappingWidget.translate("import.recentITwins"), startIcon: react_1.default.createElement(itwinui_icons_react_1.SvgCalendar, null) }),
+    react_1.default.createElement(itwinui_react_1.Tab, { key: "all", label: GroupingMappingWidget_1.GroupingMappingWidget.translate("import.myITwins"), startIcon: react_1.default.createElement(itwinui_icons_react_1.SvgList, null) }),
 ];
 const fetchITwins = async (getAccessToken, iTwinsClient, iTwinType) => {
     const accessToken = await getAccessToken();
@@ -68,7 +69,7 @@ const SelectITwin = ({ onSelect, onCancel, onChangeITwinType, displayStrings: us
         queryKey: ["iTwinsByType", iTwinType],
         queryFn: async () => (await fetchITwins(getAccessToken, iTwinsClient, iTwinType)).data,
     });
-    const displayStrings = react_1.default.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    const displayStrings = react_1.default.useMemo(() => ({ ...getDefaultDisplayStrings(), ...userDisplayStrings }), [userDisplayStrings]);
     const iTwinsColumns = (0, react_1.useMemo)(() => [
         {
             id: "iTwinNumber",
@@ -92,15 +93,15 @@ const SelectITwin = ({ onSelect, onCancel, onChangeITwinType, displayStrings: us
     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-itwin-table-container" },
-        react_1.default.createElement(itwinui_react_1.Tabs, { orientation: "horizontal", labels: tabsWithIcons, onTabSelected: (type) => {
+        react_1.default.createElement(itwinui_react_1.Tabs, { orientation: "horizontal", labels: getTabsWithIcons(), 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) => {
+        react_1.default.createElement(itwinui_react_1.Table, { data: iTwins ?? [], columns: iTwinsColumns, className: "gmw-select-itwin-table", emptyTableContent: GroupingMappingWidget_1.GroupingMappingWidget.translate("import.noITwins", { iTwins: displayStrings.iTwins }), 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"))));
+            react_1.default.createElement(itwinui_react_1.Button, { onClick: onCancel }, GroupingMappingWidget_1.GroupingMappingWidget.translate("common.cancel")))));
 };
 exports.default = SelectITwin;
 //# sourceMappingURL=SelectITwin.js.map

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 } 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 (getAccessToken: GetAccessTokenFn, iTwinsClient: ITwinsAccessClient, iTwinType: ITwinType) => {\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(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);\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((props: TablePaginatorRendererProps) => <TablePaginator {...props} pageSizeList={pageSizeList} />, [pageSizeList]);\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":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wDAAqD;AACrD,oEAAiF;AAEjF,wDAA8F;AAC9F,+CAA8D;AAC9D,0EAAuE;AAEvE,8BAA4B;AAE5B,qFAAqF;AACrF,2EAAoE;AACpE,uDAAiD;AAKjD,MAAM,wBAAwB,GAAG,GAAG,EAAE,CAAC,CAAC;IACtC,MAAM,EAAE,QAAQ;IAChB,WAAW,EAAE,6CAAqB,CAAC,SAAS,CAAC,eAAe,CAAC;IAC7D,SAAS,EAAE,6CAAqB,CAAC,SAAS,CAAC,aAAa,CAAC;IACzD,WAAW,EAAE,6CAAqB,CAAC,SAAS,CAAC,eAAe,CAAC;CAC9D,CAAC,CAAC;AAEH,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,iDAAY,CAAA;IACZ,6CAAU,CAAA;IACV,uCAAO,CAAA;AACT,CAAC,EAJW,SAAS,yBAAT,SAAS,QAIpB;AAED,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC;IAC7B,8BAAC,mBAAG,IAAC,GAAG,EAAC,UAAU,EAAC,KAAK,EAAE,6CAAqB,CAAC,SAAS,CAAC,uBAAuB,CAAC,EAAE,SAAS,EAAE,8BAAC,mCAAa,OAAG,GAAI;IACrH,8BAAC,mBAAG,IAAC,GAAG,EAAC,SAAS,EAAC,KAAK,EAAE,6CAAqB,CAAC,SAAS,CAAC,qBAAqB,CAAC,EAAE,SAAS,EAAE,8BAAC,iCAAW,OAAG,GAAI;IAChH,8BAAC,mBAAG,IAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAE,6CAAqB,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,SAAS,EAAE,8BAAC,6BAAO,OAAG,GAAI;CACrG,CAAC;AAEF,MAAM,WAAW,GAAG,KAAK,EAAE,cAAgC,EAAE,YAAgC,EAAE,SAAoB,EAAE,EAAE;IACrH,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE,CAAC;IAC3C,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,SAAS,CAAC,QAAQ;YACrB,OAAO,YAAY,CAAC,mBAAmB,CAAC,WAAW,EAAE,6BAAa,CAAC,OAAO,CAAC,CAAC;QAC9E,KAAK,SAAS,CAAC,MAAM;YACnB,OAAO,YAAY,CAAC,iBAAiB,CAAC,WAAW,EAAE,6BAAa,CAAC,OAAO,CAAC,CAAC;QAC5E;YACE,OAAO,YAAY,CAAC,UAAU,CAAC,WAAW,EAAE,6BAAa,CAAC,OAAO,CAAC,CAAC;IACvE,CAAC;AACH,CAAC,CAAC;AAUF,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,cAAc,EAAE,kBAAkB,EAClC,gBAAgB,GAAG,SAAS,CAAC,QAAQ,GACpB,EAAE,EAAE;IACrB,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,sDAA2B,GAAE,CAAC;IACzD,MAAM,YAAY,GAAG,IAAA,qCAAe,GAAE,CAAC;IACvC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAS,gBAAgB,CAAC,CAAC;IAErE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAA,sBAAQ,EAAC;QACvD,QAAQ,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC;QACrC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,WAAW,CAAC,cAAc,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC,IAAK;KACxF,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,wBAAwB,EAAE,EAAE,GAAG,kBAAkB,EAAE,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAE7H,MAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,GAAG,EAAE,CAAC;QACJ;YACE,EAAE,EAAE,aAAa;YACjB,MAAM,EAAE,GAAG,cAAc,CAAC,WAAW,EAAE;YACvC,QAAQ,EAAE,QAAQ;YAClB,MAAM,EAAE,4BAAY,CAAC,UAAU,EAAE;SAClC;QACD;YACE,EAAE,EAAE,WAAW;YACf,MAAM,EAAE,GAAG,cAAc,CAAC,SAAS,EAAE;YACrC,QAAQ,EAAE,aAAa;YACvB,MAAM,EAAE,4BAAY,CAAC,UAAU,EAAE;SAClC;QACD;YACE,EAAE,EAAE,aAAa;YACjB,MAAM,EAAE,GAAG,cAAc,CAAC,WAAW,EAAE;YACvC,QAAQ,EAAE,QAAQ;YAClB,MAAM,EAAE,4BAAY,CAAC,UAAU,EAAE;SAClC;KACF,EACD,CAAC,cAAc,CAAC,WAAW,EAAE,cAAc,CAAC,SAAS,EAAE,cAAc,CAAC,WAAW,CAAC,CACnF,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,EAAC,CAAC,KAAkC,EAAE,EAAE,CAAC,8BAAC,8BAAc,OAAK,KAAK,EAAE,YAAY,EAAE,YAAY,GAAI,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEjJ,OAAO,CACL,uCAAK,SAAS,EAAC,kCAAkC;QAC/C,8BAAC,oBAAI,IACH,WAAW,EAAC,YAAY,EACxB,MAAM,EAAE,gBAAgB,EAAE,EAC1B,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE;gBACtB,iBAAiB,CAAC,IAAI,CAAC,CAAC;gBACxB,YAAY,CAAC,IAAI,CAAC,CAAC;YACrB,CAAC,EACD,WAAW,EAAE,SAAS,EACtB,IAAI,EAAE,YAAY,EAClB,gBAAgB,EAAC,uBAAuB,GAClC;QACR,8BAAC,qBAAK,IACJ,IAAI,EAAE,MAAM,IAAI,EAAE,EAClB,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,wBAAwB,EAClC,iBAAiB,EAAE,6CAAqB,CAAC,SAAS,CAAC,iBAAiB,EAAE,EAAE,MAAM,EAAE,cAAc,CAAC,MAAM,EAAE,CAAC,EACxG,UAAU,QACV,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;gBACrB,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAG,CAAC,CAAC;YAC7B,CAAC,EACD,iBAAiB,EAAE,SAAS,GAC5B;QACF,uCAAK,SAAS,EAAC,yBAAyB;YACtC,8BAAC,sBAAM,IAAC,OAAO,EAAE,QAAQ,IAAG,6CAAqB,CAAC,SAAS,CAAC,eAAe,CAAC,CAAU,CAClF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport 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 { GroupingMappingWidget } from \"../../../GroupingMappingWidget\";\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 getDefaultDisplayStrings = () => ({\n  iTwins: \"iTwins\",\n  iTwinNumber: GroupingMappingWidget.translate(\"common.number\"),\n  iTwinName: GroupingMappingWidget.translate(\"common.name\"),\n  iTwinStatus: GroupingMappingWidget.translate(\"common.status\"),\n});\n\nexport enum ITwinType {\n  Favorite = 0,\n  Recent = 1,\n  All = 2,\n}\n\nconst getTabsWithIcons = () => [\n  <Tab key=\"favorite\" label={GroupingMappingWidget.translate(\"import.favoriteITwins\")} startIcon={<SvgStarHollow />} />,\n  <Tab key=\"recents\" label={GroupingMappingWidget.translate(\"import.recentITwins\")} startIcon={<SvgCalendar />} />,\n  <Tab key=\"all\" label={GroupingMappingWidget.translate(\"import.myITwins\")} startIcon={<SvgList />} />,\n];\n\nconst fetchITwins = async (getAccessToken: GetAccessTokenFn, iTwinsClient: ITwinsAccessClient, iTwinType: ITwinType) => {\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<ReturnType<typeof getDefaultDisplayStrings>>;\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(() => ({ ...getDefaultDisplayStrings(), ...userDisplayStrings }), [userDisplayStrings]);\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((props: TablePaginatorRendererProps) => <TablePaginator {...props} pageSizeList={pageSizeList} />, [pageSizeList]);\n\n  return (\n    <div className=\"gmw-select-itwin-table-container\">\n      <Tabs\n        orientation=\"horizontal\"\n        labels={getTabsWithIcons()}\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={GroupingMappingWidget.translate(\"import.noITwins\", { iTwins: displayStrings.iTwins })}\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}>{GroupingMappingWidget.translate(\"common.cancel\")}</Button>\n      </div>\n    </div>\n  );\n};\n\nexport default SelectITwin;\n"]}

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import type { IMappingTyped } from "../Mappings";
 import "./SelectMapping.scss";
-declare const defaultDisplayStrings: {
+declare const getDefaultDisplayStrings: () => {
     mappings: string;
 };
 interface SelectMappingsProps {
@@ -9,7 +8,7 @@ interface SelectMappingsProps {
     onSelect: (selectedMappings: IMappingTyped[]) => void;
     onCancel: () => void;
     backFn: () => void;
-    displayStrings?: Partial<typeof defaultDisplayStrings>;
+    displayStrings?: Partial<ReturnType<typeof getDefaultDisplayStrings>>;
 }
 declare const SelectMappings: ({ iModelId, onSelect, onCancel, backFn, displayStrings: userDisplayStrings }: SelectMappingsProps) => JSX.Element;
 export default SelectMappings;

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

@@ -25,19 +25,20 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const react_1 = __importStar(require("react"));
+const GroupingMappingWidget_1 = require("../../../GroupingMappingWidget");
 const MappingClientContext_1 = require("../../context/MappingClientContext");
 require("./SelectMapping.scss");
 const GroupingApiConfigContext_1 = require("../../context/GroupingApiConfigContext");
 const useFetchMappings_1 = require("../hooks/useFetchMappings");
-const defaultDisplayStrings = {
-    mappings: "Mappings",
-};
+const getDefaultDisplayStrings = () => ({
+    mappings: GroupingMappingWidget_1.GroupingMappingWidget.translate("mappings.mappings"),
+});
 const SelectMappings = ({ iModelId, onSelect, onCancel, backFn, displayStrings: userDisplayStrings }) => {
     const { getAccessToken } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
     const mappingClient = (0, MappingClientContext_1.useMappingClient)();
     const [selectedMappings, setSelectedMappings] = (0, react_1.useState)([]);
     const { data: mappings, isFetching: isLoading } = (0, useFetchMappings_1.useFetchMappings)(iModelId, getAccessToken, mappingClient);
-    const displayStrings = react_1.default.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    const displayStrings = react_1.default.useMemo(() => ({ ...getDefaultDisplayStrings(), ...userDisplayStrings }), [userDisplayStrings]);
     const mappingsColumns = (0, react_1.useMemo)(() => [
         {
             id: "mappingName",
@@ -47,7 +48,7 @@ const SelectMappings = ({ iModelId, onSelect, onCancel, backFn, displayStrings:
         },
         {
             id: "description",
-            Header: "Description",
+            Header: GroupingMappingWidget_1.GroupingMappingWidget.translate("common.description"),
             accessor: "description",
             Filter: itwinui_react_1.tableFilters.TextFilter(),
         },
@@ -55,15 +56,15 @@ const SelectMappings = ({ iModelId, onSelect, onCancel, backFn, displayStrings:
     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: GroupingMappingWidget_1.GroupingMappingWidget.translate("import.noMappings", { mappings: displayStrings.mappings }), isSortable: true, isSelectable: true, isLoading: isLoading, onSelect: (selectData) => {
                 selectData && setSelectedMappings(selectData);
             }, paginatorRenderer: paginator }),
         react_1.default.createElement("div", { className: "gmw-import-action-panel" },
-            react_1.default.createElement(itwinui_react_1.Button, { onClick: backFn }, "Back"),
+            react_1.default.createElement(itwinui_react_1.Button, { onClick: backFn }, GroupingMappingWidget_1.GroupingMappingWidget.translate("common.back")),
             react_1.default.createElement(itwinui_react_1.Button, { styleType: "high-visibility", onClick: () => {
                     onSelect(selectedMappings);
-                }, disabled: isLoading || selectedMappings.length === 0 }, "Next"),
-            react_1.default.createElement(itwinui_react_1.Button, { onClick: onCancel }, "Cancel"))));
+                }, disabled: isLoading || selectedMappings.length === 0 }, GroupingMappingWidget_1.GroupingMappingWidget.translate("common.next")),
+            react_1.default.createElement(itwinui_react_1.Button, { onClick: onCancel }, GroupingMappingWidget_1.GroupingMappingWidget.translate("common.cancel")))));
 };
 exports.default = SelectMappings;
 //# sourceMappingURL=SelectMappings.js.map

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":";;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wDAAmF;AACnF,+CAA8D;AAC9D,6EAAsE;AAEtE,gCAA8B;AAC9B,qFAAqF;AACrF,gEAA6D;AAG7D,MAAM,qBAAqB,GAAG;IAC5B,QAAQ,EAAE,UAAU;CACrB,CAAC;AAUF,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,cAAc,EAAE,kBAAkB,EAAuB,EAAE,EAAE;IAC3H,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,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAA,mCAAgB,EAAC,QAAQ,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC;IAE5G,MAAM,cAAc,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,qBAAqB,EAAE,GAAG,kBAAkB,EAAE,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAExH,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,EAAC,CAAC,KAAkC,EAAE,EAAE,CAAC,8BAAC,8BAAc,OAAK,KAAK,EAAE,YAAY,EAAE,YAAY,GAAI,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEjJ,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 { TablePaginatorRendererProps } from \"@itwin/itwinui-react\";\nimport { Button, Table, tableFilters, TablePaginator } 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 = ({ iModelId, onSelect, onCancel, backFn, displayStrings: userDisplayStrings }: SelectMappingsProps) => {\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [selectedMappings, setSelectedMappings] = useState<IMappingTyped[]>([]);\n\n  const { data: mappings, isFetching: isLoading } = useFetchMappings(iModelId, getAccessToken, mappingClient);\n\n  const displayStrings = React.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);\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((props: TablePaginatorRendererProps) => <TablePaginator {...props} pageSizeList={pageSizeList} />, [pageSizeList]);\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":"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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 { TablePaginatorRendererProps } from \"@itwin/itwinui-react\";\nimport { Button, Table, tableFilters, TablePaginator } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport { GroupingMappingWidget } from \"../../../GroupingMappingWidget\";\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 getDefaultDisplayStrings = () => ({\n  mappings: GroupingMappingWidget.translate(\"mappings.mappings\"),\n});\n\ninterface SelectMappingsProps {\n  iModelId: string;\n  onSelect: (selectedMappings: IMappingTyped[]) => void;\n  onCancel: () => void;\n  backFn: () => void;\n  displayStrings?: Partial<ReturnType<typeof getDefaultDisplayStrings>>;\n}\n\nconst SelectMappings = ({ iModelId, onSelect, onCancel, backFn, displayStrings: userDisplayStrings }: SelectMappingsProps) => {\n  const { getAccessToken } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [selectedMappings, setSelectedMappings] = useState<IMappingTyped[]>([]);\n\n  const { data: mappings, isFetching: isLoading } = useFetchMappings(iModelId, getAccessToken, mappingClient);\n\n  const displayStrings = React.useMemo(() => ({ ...getDefaultDisplayStrings(), ...userDisplayStrings }), [userDisplayStrings]);\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: GroupingMappingWidget.translate(\"common.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((props: TablePaginatorRendererProps) => <TablePaginator {...props} pageSizeList={pageSizeList} />, [pageSizeList]);\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={GroupingMappingWidget.translate(\"import.noMappings\", { mappings: displayStrings.mappings })}\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}>{GroupingMappingWidget.translate(\"common.back\")}</Button>\n        <Button\n          styleType=\"high-visibility\"\n          onClick={() => {\n            onSelect(selectedMappings);\n          }}\n          disabled={isLoading || selectedMappings.length === 0}\n        >\n          {GroupingMappingWidget.translate(\"common.next\")}\n        </Button>\n        <Button onClick={onCancel}>{GroupingMappingWidget.translate(\"common.cancel\")}</Button>\n      </div>\n    </div>\n  );\n};\n\nexport default SelectMappings;\n"]}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Mapping } from "@itwin/insights-client";
 import type { BeEvent } from "@itwin/core-bentley";
 import "./MappingListItem.scss";

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

@@ -28,7 +28,6 @@ const react_1 = __importStar(require("react"));
 const MappingViewActionGroup_1 = require("./MappingViewActionGroup");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const ExtractionStatus_1 = require("./Extraction/ExtractionStatus");
-const ExtractionStatus_2 = require("./Extraction/ExtractionStatus");
 const ExtractionStateJobContext_1 = require("../context/ExtractionStateJobContext");
 const useFetchMappingExtractionStatus_1 = require("./hooks/useFetchMappingExtractionStatus");
 require("./MappingListItem.scss");
@@ -87,7 +86,7 @@ const MappingListItem = ({ selected, onSelectionChange, mapping, jobId, jobStart
         react_1.default.createElement(itwinui_react_1.ListItem.Content, null,
             onClickMappingTitle ? react_1.default.createElement(itwinui_react_1.Anchor, { onClick: () => onClickMappingTitle(mapping) }, mapping.mappingName) : mapping.mappingName,
             react_1.default.createElement(itwinui_react_1.ListItem.Description, null, mapping.description)),
-        react_1.default.createElement(ExtractionStatus_2.ExtractionStatus, { state: extractionState, clearExtractionState: () => {
+        react_1.default.createElement(ExtractionStatus_1.ExtractionStatus, { state: extractionState, clearExtractionState: () => {
                 setExtractionState(ExtractionStatus_1.ExtractionStates.None);
             } }),
         react_1.default.createElement(MappingViewActionGroup_1.MappingViewActionGroup, { mapping: mapping, onToggleExtraction: onToggleExtraction, onRefresh: onRefreshMappings, onClickMappingModify: onClickMappingModify, setShowDeleteModal: setShowDeleteModal })));

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

@@ -1 +1 @@
-{"version":3,"file":"MappingListItem.js","sourceRoot":"","sources":["../../../../src/components/Mappings/MappingListItem.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 { Mapping } from \"@itwin/insights-client\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport type { BeEvent } from \"@itwin/core-bentley\";\nimport { MappingViewActionGroup } from \"./MappingViewActionGroup\";\nimport { Anchor, ListItem } from \"@itwin/itwinui-react\";\nimport { ExtractionStates } from \"./Extraction/ExtractionStatus\";\nimport { ExtractionStatus } from \"./Extraction/ExtractionStatus\";\nimport { useExtractionStateJobContext } from \"../context/ExtractionStateJobContext\";\nimport { useFetchMappingExtractionStatus } from \"./hooks/useFetchMappingExtractionStatus\";\nimport \"./MappingListItem.scss\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nexport interface MappingListItemProps {\n  selected: boolean;\n  mapping: Mapping;\n  jobId: string;\n  jobStartEvent: BeEvent<(mappingId: string) => void>;\n  onSelectionChange?: (mapping: Mapping) => void;\n  onClickMappingTitle?: (mapping: Mapping) => void;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  onRefreshMappings: () => Promise<void>;\n  onToggleExtraction: (mapping: Mapping) => Promise<void>;\n  setShowDeleteModal: (mapping?: Mapping) => void;\n  initialStateExtractionFlag?: boolean;\n  setInitialExtractionStateFlag?: (initialStateExtractionFlag: boolean) => void;\n}\n\nexport const MappingListItem = ({\n  selected,\n  onSelectionChange,\n  mapping,\n  jobId,\n  jobStartEvent,\n  onClickMappingModify,\n  onClickMappingTitle,\n  onRefreshMappings,\n  onToggleExtraction,\n  setShowDeleteModal,\n}: MappingListItemProps) => {\n  const [extractionState, setExtractionState] = useState<ExtractionStates | undefined>(ExtractionStates.None);\n  const { mappingIdJobInfo, setMappingIdJobInfo } = useExtractionStateJobContext();\n  const groupingMappingApiConfig = useGroupingMappingApiConfig();\n  const [isJobStarted, setIsJobStarted] = useState<boolean>(false);\n  const statusQuery = useFetchMappingExtractionStatus({ ...groupingMappingApiConfig, mapping, enabled: isJobStarted });\n  const queryClient = useQueryClient();\n\n  const onClickTile = useCallback(() => {\n    onSelectionChange && onSelectionChange(mapping);\n  }, [mapping, onSelectionChange]);\n\n  // Check whether the job is still running when users refresh the mapping list\n  // or modify any mappings\n  useEffect(() => {\n    if (mappingIdJobInfo.get(mapping.id)) {\n      setIsJobStarted(true);\n    }\n  }, [mappingIdJobInfo, mapping.id]);\n\n  const resolveTerminalExtractionStatus = useCallback(async () => {\n    const state = statusQuery.data!.finalExtractionStateValue;\n    if (state === ExtractionStates.Failed || state === ExtractionStates.Succeeded) {\n      setIsJobStarted(false);\n      setMappingIdJobInfo((prevMap: Map<string, string>) => {\n        const newMap = new Map(prevMap);\n        newMap.delete(mapping.id);\n        return newMap;\n      });\n      await queryClient.invalidateQueries({ queryKey: [\"iModelExtractionStatus\"] });\n    }\n  }, [mapping.id, queryClient, setMappingIdJobInfo, statusQuery.data]);\n\n  useEffect(() => {\n    const listener = (startedMappingId: string) => {\n      if (startedMappingId === mapping.id) {\n        setExtractionState(ExtractionStates.Starting);\n        setIsJobStarted(true);\n      }\n    };\n    jobStartEvent.addListener(listener);\n\n    return () => {\n      jobStartEvent.removeListener(listener);\n    };\n  }, [jobStartEvent, mapping.id, jobId]);\n\n  useEffect(() => {\n    const isStatusReady = statusQuery.data && statusQuery.isFetched;\n    if (isStatusReady) {\n      setExtractionState(statusQuery.data.finalExtractionStateValue);\n      // No need to await. We don't need to wait for the status to be resolved in invalidation.\n      void resolveTerminalExtractionStatus();\n    }\n  }, [resolveTerminalExtractionStatus, statusQuery]);\n\n  return (\n    <ListItem\n      actionable={!!onSelectionChange}\n      className=\"gmw-mapping-list-item\"\n      active={selected}\n      key={mapping.id}\n      onClick={onClickTile}\n      title={mapping.mappingName}\n    >\n      <ListItem.Content>\n        {onClickMappingTitle ? <Anchor onClick={() => onClickMappingTitle(mapping)}>{mapping.mappingName}</Anchor> : mapping.mappingName}\n        <ListItem.Description>{mapping.description}</ListItem.Description>\n      </ListItem.Content>\n      <ExtractionStatus\n        state={extractionState}\n        clearExtractionState={() => {\n          setExtractionState(ExtractionStates.None);\n        }}\n      ></ExtractionStatus>\n      <MappingViewActionGroup\n        mapping={mapping}\n        onToggleExtraction={onToggleExtraction}\n        onRefresh={onRefreshMappings}\n        onClickMappingModify={onClickMappingModify}\n        setShowDeleteModal={setShowDeleteModal}\n      />\n    </ListItem>\n  );\n};\n"]}
+{"version":3,"file":"MappingListItem.js","sourceRoot":"","sources":["../../../../src/components/Mappings/MappingListItem.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 { Mapping } from \"@itwin/insights-client\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport type { BeEvent } from \"@itwin/core-bentley\";\nimport { MappingViewActionGroup } from \"./MappingViewActionGroup\";\nimport { Anchor, ListItem } from \"@itwin/itwinui-react\";\nimport { ExtractionStates , ExtractionStatus } from \"./Extraction/ExtractionStatus\";\nimport { useExtractionStateJobContext } from \"../context/ExtractionStateJobContext\";\nimport { useFetchMappingExtractionStatus } from \"./hooks/useFetchMappingExtractionStatus\";\nimport \"./MappingListItem.scss\";\nimport { useGroupingMappingApiConfig } from \"../context/GroupingApiConfigContext\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nexport interface MappingListItemProps {\n  selected: boolean;\n  mapping: Mapping;\n  jobId: string;\n  jobStartEvent: BeEvent<(mappingId: string) => void>;\n  onSelectionChange?: (mapping: Mapping) => void;\n  onClickMappingTitle?: (mapping: Mapping) => void;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  onRefreshMappings: () => Promise<void>;\n  onToggleExtraction: (mapping: Mapping) => Promise<void>;\n  setShowDeleteModal: (mapping?: Mapping) => void;\n  initialStateExtractionFlag?: boolean;\n  setInitialExtractionStateFlag?: (initialStateExtractionFlag: boolean) => void;\n}\n\nexport const MappingListItem = ({\n  selected,\n  onSelectionChange,\n  mapping,\n  jobId,\n  jobStartEvent,\n  onClickMappingModify,\n  onClickMappingTitle,\n  onRefreshMappings,\n  onToggleExtraction,\n  setShowDeleteModal,\n}: MappingListItemProps) => {\n  const [extractionState, setExtractionState] = useState<ExtractionStates | undefined>(ExtractionStates.None);\n  const { mappingIdJobInfo, setMappingIdJobInfo } = useExtractionStateJobContext();\n  const groupingMappingApiConfig = useGroupingMappingApiConfig();\n  const [isJobStarted, setIsJobStarted] = useState<boolean>(false);\n  const statusQuery = useFetchMappingExtractionStatus({ ...groupingMappingApiConfig, mapping, enabled: isJobStarted });\n  const queryClient = useQueryClient();\n\n  const onClickTile = useCallback(() => {\n    onSelectionChange && onSelectionChange(mapping);\n  }, [mapping, onSelectionChange]);\n\n  // Check whether the job is still running when users refresh the mapping list\n  // or modify any mappings\n  useEffect(() => {\n    if (mappingIdJobInfo.get(mapping.id)) {\n      setIsJobStarted(true);\n    }\n  }, [mappingIdJobInfo, mapping.id]);\n\n  const resolveTerminalExtractionStatus = useCallback(async () => {\n    const state = statusQuery.data!.finalExtractionStateValue;\n    if (state === ExtractionStates.Failed || state === ExtractionStates.Succeeded) {\n      setIsJobStarted(false);\n      setMappingIdJobInfo((prevMap: Map<string, string>) => {\n        const newMap = new Map(prevMap);\n        newMap.delete(mapping.id);\n        return newMap;\n      });\n      await queryClient.invalidateQueries({ queryKey: [\"iModelExtractionStatus\"] });\n    }\n  }, [mapping.id, queryClient, setMappingIdJobInfo, statusQuery.data]);\n\n  useEffect(() => {\n    const listener = (startedMappingId: string) => {\n      if (startedMappingId === mapping.id) {\n        setExtractionState(ExtractionStates.Starting);\n        setIsJobStarted(true);\n      }\n    };\n    jobStartEvent.addListener(listener);\n\n    return () => {\n      jobStartEvent.removeListener(listener);\n    };\n  }, [jobStartEvent, mapping.id, jobId]);\n\n  useEffect(() => {\n    const isStatusReady = statusQuery.data && statusQuery.isFetched;\n    if (isStatusReady) {\n      setExtractionState(statusQuery.data.finalExtractionStateValue);\n      // No need to await. We don't need to wait for the status to be resolved in invalidation.\n      void resolveTerminalExtractionStatus();\n    }\n  }, [resolveTerminalExtractionStatus, statusQuery]);\n\n  return (\n    <ListItem\n      actionable={!!onSelectionChange}\n      className=\"gmw-mapping-list-item\"\n      active={selected}\n      key={mapping.id}\n      onClick={onClickTile}\n      title={mapping.mappingName}\n    >\n      <ListItem.Content>\n        {onClickMappingTitle ? <Anchor onClick={() => onClickMappingTitle(mapping)}>{mapping.mappingName}</Anchor> : mapping.mappingName}\n        <ListItem.Description>{mapping.description}</ListItem.Description>\n      </ListItem.Content>\n      <ExtractionStatus\n        state={extractionState}\n        clearExtractionState={() => {\n          setExtractionState(ExtractionStates.None);\n        }}\n      ></ExtractionStatus>\n      <MappingViewActionGroup\n        mapping={mapping}\n        onToggleExtraction={onToggleExtraction}\n        onRefresh={onRefreshMappings}\n        onClickMappingModify={onClickMappingModify}\n        setShowDeleteModal={setShowDeleteModal}\n      />\n    </ListItem>\n  );\n};\n"]}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Mapping } from "@itwin/insights-client";
 interface MappingUIActionGroupProps {
     mapping: Mapping;

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

@@ -11,22 +11,23 @@ exports.MappingViewActionGroup = void 0;
 const react_1 = __importDefault(require("react"));
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const GroupingMappingWidget_1 = require("../../GroupingMappingWidget");
 const MappingViewActionGroup = ({ mapping, onToggleExtraction, onClickMappingModify, setShowDeleteModal }) => {
     return (react_1.default.createElement(itwinui_react_1.DropdownMenu, { menuItems: (close) => [
             onClickMappingModify ? (react_1.default.createElement(itwinui_react_1.MenuItem, { key: 0, onClick: () => {
                     onClickMappingModify(mapping);
                     close();
-                }, icon: react_1.default.createElement(itwinui_icons_react_1.SvgEdit, null) }, "Modify")) : ([]),
+                }, icon: react_1.default.createElement(itwinui_icons_react_1.SvgEdit, null) }, GroupingMappingWidget_1.GroupingMappingWidget.translate("common.modify"))) : ([]),
             react_1.default.createElement(itwinui_react_1.MenuItem, { key: 1, onClick: async () => {
                     close();
                     await onToggleExtraction(mapping);
-                }, icon: react_1.default.createElement(itwinui_icons_react_1.SvgProcess, null) }, mapping.extractionEnabled ? "Disable extraction" : "Enable extraction"),
+                }, icon: react_1.default.createElement(itwinui_icons_react_1.SvgProcess, null) }, mapping.extractionEnabled ? GroupingMappingWidget_1.GroupingMappingWidget.translate("mappings.disableExtraction") : GroupingMappingWidget_1.GroupingMappingWidget.translate("mappings.enableExtraction")),
             react_1.default.createElement(itwinui_react_1.MenuItem, { key: 2, onClick: () => {
                     setShowDeleteModal(mapping);
                     close();
-                }, icon: react_1.default.createElement(itwinui_icons_react_1.SvgDelete, null) }, "Remove"),
+                }, icon: react_1.default.createElement(itwinui_icons_react_1.SvgDelete, null) }, GroupingMappingWidget_1.GroupingMappingWidget.translate("common.remove")),
         ].flat() },
-        react_1.default.createElement(itwinui_react_1.IconButton, { styleType: "borderless", title: "Mapping Options" },
+        react_1.default.createElement(itwinui_react_1.IconButton, { styleType: "borderless", title: GroupingMappingWidget_1.GroupingMappingWidget.translate("mappings.mappingOptions") },
             react_1.default.createElement(itwinui_icons_react_1.SvgMore, null))));
 };
 exports.MappingViewActionGroup = MappingViewActionGroup;

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

@@ -1 +1 @@
-{"version":3,"file":"MappingViewActionGroup.js","sourceRoot":"","sources":["../../../../src/components/Mappings/MappingViewActionGroup.tsx"],"names":[],"mappings":";;;;;;AAAA;;;gGAGgG;AAChG,kDAA0B;AAC1B,wDAA0E;AAC1E,oEAAqF;AAW9E,MAAM,sBAAsB,GAAG,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,kBAAkB,EAA6B,EAAE,EAAE;IAC7I,OAAO,CACL,8BAAC,4BAAY,IACX,SAAS,EAAE,CAAC,KAAiB,EAAE,EAAE,CAC/B;YACE,oBAAoB,CAAC,CAAC,CAAC,CACrB,8BAAC,wBAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,GAAG,EAAE;oBACZ,oBAAoB,CAAC,OAAO,CAAC,CAAC;oBAC9B,KAAK,EAAE,CAAC;gBACV,CAAC,EACD,IAAI,EAAE,8BAAC,6BAAO,OAAG,aAGR,CACZ,CAAC,CAAC,CAAC,CACF,EAAE,CACH;YACD,8BAAC,wBAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,KAAK,IAAI,EAAE;oBAClB,KAAK,EAAE,CAAC;oBACR,MAAM,kBAAkB,CAAC,OAAO,CAAC,CAAC;gBACpC,CAAC,EACD,IAAI,EAAE,8BAAC,gCAAU,OAAG,IAEnB,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,mBAAmB,CAC9D;YACX,8BAAC,wBAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,GAAG,EAAE;oBACZ,kBAAkB,CAAC,OAAO,CAAC,CAAC;oBAC5B,KAAK,EAAE,CAAC;gBACV,CAAC,EACD,IAAI,EAAE,8BAAC,+BAAS,OAAG,aAGV;SACZ,CAAC,IAAI,EAAE;QAGV,8BAAC,0BAAU,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAC,iBAAiB;YACxD,8BAAC,6BAAO,OAAG,CACA,CACA,CAChB,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,sBAAsB,0BA+CjC","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 { DropdownMenu, IconButton, MenuItem } from \"@itwin/itwinui-react\";\nimport { SvgDelete, SvgEdit, SvgMore, SvgProcess } from \"@itwin/itwinui-icons-react\";\nimport type { Mapping } from \"@itwin/insights-client\";\n\ninterface MappingUIActionGroupProps {\n  mapping: Mapping;\n  onToggleExtraction: (mapping: Mapping) => Promise<void>;\n  onRefresh: () => Promise<void>;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  setShowDeleteModal: (mapping?: Mapping) => void;\n}\n\nexport const MappingViewActionGroup = ({ mapping, onToggleExtraction, onClickMappingModify, setShowDeleteModal }: MappingUIActionGroupProps) => {\n  return (\n    <DropdownMenu\n      menuItems={(close: () => void) =>\n        [\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            []\n          ),\n          <MenuItem\n            key={1}\n            onClick={async () => {\n              close();\n              await onToggleExtraction(mapping);\n            }}\n            icon={<SvgProcess />}\n          >\n            {mapping.extractionEnabled ? \"Disable extraction\" : \"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        ].flat()\n      }\n    >\n      <IconButton styleType=\"borderless\" title=\"Mapping Options\">\n        <SvgMore />\n      </IconButton>\n    </DropdownMenu>\n  );\n};\n"]}
+{"version":3,"file":"MappingViewActionGroup.js","sourceRoot":"","sources":["../../../../src/components/Mappings/MappingViewActionGroup.tsx"],"names":[],"mappings":";;;;;;AAAA;;;gGAGgG;AAChG,kDAA0B;AAC1B,wDAA0E;AAC1E,oEAAqF;AAErF,uEAAoE;AAU7D,MAAM,sBAAsB,GAAG,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,kBAAkB,EAA6B,EAAE,EAAE;IAC7I,OAAO,CACL,8BAAC,4BAAY,IACX,SAAS,EAAE,CAAC,KAAiB,EAAE,EAAE,CAC/B;YACE,oBAAoB,CAAC,CAAC,CAAC,CACrB,8BAAC,wBAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,GAAG,EAAE;oBACZ,oBAAoB,CAAC,OAAO,CAAC,CAAC;oBAC9B,KAAK,EAAE,CAAC;gBACV,CAAC,EACD,IAAI,EAAE,8BAAC,6BAAO,OAAG,IAEhB,6CAAqB,CAAC,SAAS,CAAC,eAAe,CAAC,CACxC,CACZ,CAAC,CAAC,CAAC,CACF,EAAE,CACH;YACD,8BAAC,wBAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,KAAK,IAAI,EAAE;oBAClB,KAAK,EAAE,CAAC;oBACR,MAAM,kBAAkB,CAAC,OAAO,CAAC,CAAC;gBACpC,CAAC,EACD,IAAI,EAAE,8BAAC,gCAAU,OAAG,IAEnB,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,6CAAqB,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC,6CAAqB,CAAC,SAAS,CAAC,2BAA2B,CAAC,CAChJ;YACX,8BAAC,wBAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,GAAG,EAAE;oBACZ,kBAAkB,CAAC,OAAO,CAAC,CAAC;oBAC5B,KAAK,EAAE,CAAC;gBACV,CAAC,EACD,IAAI,EAAE,8BAAC,+BAAS,OAAG,IAElB,6CAAqB,CAAC,SAAS,CAAC,eAAe,CAAC,CACxC;SACZ,CAAC,IAAI,EAAE;QAGV,8BAAC,0BAAU,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,6CAAqB,CAAC,SAAS,CAAC,yBAAyB,CAAC;YAClG,8BAAC,6BAAO,OAAG,CACA,CACA,CAChB,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,sBAAsB,0BA+CjC","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 { DropdownMenu, IconButton, MenuItem } from \"@itwin/itwinui-react\";\nimport { SvgDelete, SvgEdit, SvgMore, SvgProcess } from \"@itwin/itwinui-icons-react\";\nimport type { Mapping } from \"@itwin/insights-client\";\nimport { GroupingMappingWidget } from \"../../GroupingMappingWidget\";\n\ninterface MappingUIActionGroupProps {\n  mapping: Mapping;\n  onToggleExtraction: (mapping: Mapping) => Promise<void>;\n  onRefresh: () => Promise<void>;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  setShowDeleteModal: (mapping?: Mapping) => void;\n}\n\nexport const MappingViewActionGroup = ({ mapping, onToggleExtraction, onClickMappingModify, setShowDeleteModal }: MappingUIActionGroupProps) => {\n  return (\n    <DropdownMenu\n      menuItems={(close: () => void) =>\n        [\n          onClickMappingModify ? (\n            <MenuItem\n              key={0}\n              onClick={() => {\n                onClickMappingModify(mapping);\n                close();\n              }}\n              icon={<SvgEdit />}\n            >\n              {GroupingMappingWidget.translate(\"common.modify\")}\n            </MenuItem>\n          ) : (\n            []\n          ),\n          <MenuItem\n            key={1}\n            onClick={async () => {\n              close();\n              await onToggleExtraction(mapping);\n            }}\n            icon={<SvgProcess />}\n          >\n            {mapping.extractionEnabled ? GroupingMappingWidget.translate(\"mappings.disableExtraction\") : GroupingMappingWidget.translate(\"mappings.enableExtraction\")}\n          </MenuItem>,\n          <MenuItem\n            key={2}\n            onClick={() => {\n              setShowDeleteModal(mapping);\n              close();\n            }}\n            icon={<SvgDelete />}\n          >\n            {GroupingMappingWidget.translate(\"common.remove\")}\n          </MenuItem>,\n        ].flat()\n      }\n    >\n      <IconButton styleType=\"borderless\" title={GroupingMappingWidget.translate(\"mappings.mappingOptions\")}>\n        <SvgMore />\n      </IconButton>\n    </DropdownMenu>\n  );\n};\n"]}

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import type { Mapping } from "@itwin/insights-client";
 import type { CreateTypeFromInterface } from "../../common/utils";
-import type { mappingViewDefaultDisplayStrings } from "./MappingsView";
-export declare type IMappingTyped = CreateTypeFromInterface<Mapping>;
+import type { getMappingViewDefaultDisplayStrings } from "./MappingsView";
+export type IMappingTyped = CreateTypeFromInterface<Mapping>;
 /**
  * Props for the {@link Mappings} component.
  * @public
@@ -11,7 +10,7 @@ export interface MappingsProps {
     onClickAddMapping?: () => void;
     onClickMappingTitle?: (mapping: Mapping) => void;
     onClickMappingModify?: (mapping: Mapping) => void;
-    displayStrings?: Partial<typeof mappingViewDefaultDisplayStrings>;
+    displayStrings?: Partial<ReturnType<typeof getMappingViewDefaultDisplayStrings>>;
     hideRefreshIcon?: boolean;
 }
 /**

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;;;gGAGgG;AAChG,kDAA0B;AAC1B,0EAAmE;AAEnE,kFAAkF;AAGlF,iDAA8C;AAC9C,yEAAsE;AAgBtE;;;GAGG;AACI,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\n/**\n * Props for the {@link Mappings} component.\n * @public\n */\nexport interface MappingsProps {\n  onClickAddMapping?: () => void;\n  onClickMappingTitle?: (mapping: Mapping) => void;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  displayStrings?: Partial<typeof mappingViewDefaultDisplayStrings>;\n  hideRefreshIcon?: boolean;\n}\n\n/**\n * Component to list mappings and handle basic operations.\n * @public\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"]}
+{"version":3,"file":"Mappings.js","sourceRoot":"","sources":["../../../../src/components/Mappings/Mappings.tsx"],"names":[],"mappings":";;;;;;AAAA;;;gGAGgG;AAChG,kDAA0B;AAC1B,0EAAmE;AAEnE,kFAAkF;AAGlF,iDAA8C;AAC9C,yEAAsE;AAgBtE;;;GAGG;AACI,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 { getMappingViewDefaultDisplayStrings } from \"./MappingsView\";\nimport { MappingsView } from \"./MappingsView\";\nimport { useMappingsOperations } from \"./hooks/useMappingsOperations\";\n\nexport type IMappingTyped = CreateTypeFromInterface<Mapping>;\n\n/**\n * Props for the {@link Mappings} component.\n * @public\n */\nexport interface MappingsProps {\n  onClickAddMapping?: () => void;\n  onClickMappingTitle?: (mapping: Mapping) => void;\n  onClickMappingModify?: (mapping: Mapping) => void;\n  displayStrings?: Partial<ReturnType<typeof getMappingViewDefaultDisplayStrings>>;\n  hideRefreshIcon?: boolean;\n}\n\n/**\n * Component to list mappings and handle basic operations.\n * @public\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

@@ -4,7 +4,7 @@ import "./MappingsView.scss";
 import type { Mapping } from "@itwin/insights-client";
 import type { ExtractionStatusData } from "./Extraction/ExtractionStatusIcon";
 import type { ExtractionMessageData } from "./Extraction/ExtractionMessageModal";
-export declare const mappingViewDefaultDisplayStrings: {
+export declare const getMappingViewDefaultDisplayStrings: () => {
     mappings: string;
     iTwins: string;
     iTwinNumber: string;
@@ -31,7 +31,7 @@ export interface MappingsViewProps {
     onDelete: (mapping: Mapping) => Promise<void>;
     showDeleteModal: Mapping | undefined;
     setShowDeleteModal: (mapping?: Mapping) => void;
-    displayStrings?: Partial<typeof mappingViewDefaultDisplayStrings>;
+    displayStrings?: Partial<ReturnType<typeof getMappingViewDefaultDisplayStrings>>;
     showImportModal?: boolean;
     setShowImportModal?: (show: boolean) => void;
     onClickAddMapping?: () => void;

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

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MappingsView = exports.mappingViewDefaultDisplayStrings = void 0;
+exports.MappingsView = exports.getMappingViewDefaultDisplayStrings = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -34,6 +34,7 @@ exports.MappingsView = exports.mappingViewDefaultDisplayStrings = void 0;
 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 GroupingMappingWidget_1 = require("../../GroupingMappingWidget");
 const EmptyMessage_1 = require("../SharedComponents/EmptyMessage");
 const LoadingOverlay_1 = require("../SharedComponents/LoadingOverlay");
 require("./MappingsView.scss");
@@ -47,22 +48,23 @@ const core_bentley_1 = require("@itwin/core-bentley");
 const ExtractionStateJobContext_1 = require("../context/ExtractionStateJobContext");
 const GroupingApiConfigContext_1 = require("../context/GroupingApiConfigContext");
 const useRunExtraction_1 = require("./hooks/useRunExtraction");
-exports.mappingViewDefaultDisplayStrings = {
-    mappings: "Mappings",
+const getMappingViewDefaultDisplayStrings = () => ({
+    mappings: GroupingMappingWidget_1.GroupingMappingWidget.translate("mappings.mappings"),
     iTwins: "iTwins",
-    iTwinNumber: "Number",
-    iTwinName: "Name",
-    iTwinStatus: "Status",
+    iTwinNumber: GroupingMappingWidget_1.GroupingMappingWidget.translate("common.number"),
+    iTwinName: GroupingMappingWidget_1.GroupingMappingWidget.translate("common.name"),
+    iTwinStatus: GroupingMappingWidget_1.GroupingMappingWidget.translate("common.status"),
     iModels: "iModels",
-    iModelName: "Name",
-    iModelDescription: "Description",
-};
+    iModelName: GroupingMappingWidget_1.GroupingMappingWidget.translate("common.name"),
+    iModelDescription: GroupingMappingWidget_1.GroupingMappingWidget.translate("common.description"),
+});
+exports.getMappingViewDefaultDisplayStrings = getMappingViewDefaultDisplayStrings;
 /**
  * UI Component to list mappings and handle extraction.
  * @internal
  */
 const MappingsView = ({ mappings, isLoading, extractionStatusData, showExtractionMessageModal, extractionMessageData, setShowExtractionMessageModal, isTogglingExtraction, onRefreshMappings, onRefreshExtractionStatus, onToggleExtraction, onDelete, showDeleteModal, setShowDeleteModal, displayStrings: userDisplayStrings, showImportModal, setShowImportModal, onClickAddMapping, onClickMappingTitle, onClickMappingModify, alert, hideRefreshIcon, }) => {
-    const displayStrings = react_1.default.useMemo(() => ({ ...exports.mappingViewDefaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    const displayStrings = react_1.default.useMemo(() => ({ ...(0, exports.getMappingViewDefaultDisplayStrings)(), ...userDisplayStrings }), [userDisplayStrings]);
     const [selectedMappings, setSelectedMappings] = (0, react_1.useState)([]);
     const groupingMappingApiConfig = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
     const { mappingIdJobInfo } = (0, ExtractionStateJobContext_1.useExtractionStateJobContext)();
@@ -90,10 +92,10 @@ const MappingsView = ({ mappings, isLoading, extractionStatusData, showExtractio
         react_1.default.createElement("div", { className: "gmw-mappings-view-container" },
             react_1.default.createElement("div", { className: "gmw-table-toolbar" },
                 react_1.default.createElement("div", { className: "gmw-button-spacing" },
-                    onClickAddMapping && (react_1.default.createElement(itwinui_react_1.Button, { startIcon: react_1.default.createElement(itwinui_icons_react_1.SvgAdd, null), onClick: onClickAddMapping, styleType: "high-visibility", title: "New Mapping" }, "New")),
-                    showImportModal !== undefined && setShowImportModal && (react_1.default.createElement(itwinui_react_1.IconButton, { title: `Import ${displayStrings.mappings}`, onClick: () => setShowImportModal(true) },
+                    onClickAddMapping && (react_1.default.createElement(itwinui_react_1.Button, { startIcon: react_1.default.createElement(itwinui_icons_react_1.SvgAdd, null), onClick: onClickAddMapping, styleType: "high-visibility", title: GroupingMappingWidget_1.GroupingMappingWidget.translate("mappings.newMapping") }, GroupingMappingWidget_1.GroupingMappingWidget.translate("common.new"))),
+                    showImportModal !== undefined && setShowImportModal && (react_1.default.createElement(itwinui_react_1.IconButton, { title: GroupingMappingWidget_1.GroupingMappingWidget.translate("mappings.importMappings", { mappings: displayStrings.mappings }), onClick: () => setShowImportModal(true) },
                         react_1.default.createElement(itwinui_icons_react_1.SvgImport, null))),
-                    react_1.default.createElement(itwinui_react_1.IconButton, { title: "Run extraction", onClick: onRunExtraction, disabled: selectedMappings.length === 0 },
+                    react_1.default.createElement(itwinui_react_1.IconButton, { title: GroupingMappingWidget_1.GroupingMappingWidget.translate("mappings.runExtraction"), onClick: onRunExtraction, disabled: selectedMappings.length === 0 },
                         react_1.default.createElement(itwinui_icons_react_1.SvgPlay, null))),
                 react_1.default.createElement("div", { className: "gmw-button-spacing" },
                     react_1.default.createElement(ExtractionStatusIcon_1.ExtractionStatusIcon, { iconStatus: extractionStatusData.iconStatus, onClick: () => {
@@ -101,12 +103,12 @@ const MappingsView = ({ mappings, isLoading, extractionStatusData, showExtractio
                                 setShowExtractionMessageModal(true);
                             }
                         }, iconMessage: extractionStatusData.iconMessage }),
-                    !hideRefreshIcon && (react_1.default.createElement(itwinui_react_1.IconButton, { title: "Refresh", onClick: refreshAll, disabled: isLoading, styleType: "borderless" },
+                    !hideRefreshIcon && (react_1.default.createElement(itwinui_react_1.IconButton, { title: GroupingMappingWidget_1.GroupingMappingWidget.translate("common.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 && !isTogglingExtraction ? (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(itwinui_react_1.List, { className: "gmw-mappings-list" }, mappings.map((mapping) => (react_1.default.createElement(MappingListItem_1.MappingListItem, { key: mapping.id, mapping: mapping, jobId: mappingIdJobInfo?.get(mapping.id) ?? "", jobStartEvent: jobStartEvent, onClickMappingTitle: onClickMappingTitle, onSelectionChange: onSelectionChange, selected: selectedMappings.some((eachMapping) => mapping.id === eachMapping.id), onToggleExtraction: onToggleExtraction, onRefreshMappings: 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 })),
+            isLoading && !isTogglingExtraction ? (react_1.default.createElement(LoadingOverlay_1.LoadingOverlay, null)) : mappings.length === 0 ? (react_1.default.createElement(EmptyMessage_1.EmptyMessage, { message: GroupingMappingWidget_1.GroupingMappingWidget.translate("mappings.noMappings", { mappings: displayStrings.mappings }) })) : (react_1.default.createElement(itwinui_react_1.List, { className: "gmw-mappings-list" }, mappings.map((mapping) => (react_1.default.createElement(MappingListItem_1.MappingListItem, { key: mapping.id, mapping: mapping, jobId: mappingIdJobInfo?.get(mapping.id) ?? "", jobStartEvent: jobStartEvent, onClickMappingTitle: onClickMappingTitle, onSelectionChange: onSelectionChange, selected: selectedMappings.some((eachMapping) => mapping.id === eachMapping.id), onToggleExtraction: onToggleExtraction, onRefreshMappings: onRefreshMappings, onClickMappingModify: onClickMappingModify, setShowDeleteModal: setShowDeleteModal })))))),
+        showExtractionMessageModal && (react_1.default.createElement(ExtractionMessageModal_1.ExtractionMessageModal, { isOpen: showExtractionMessageModal, onClose: () => setShowExtractionMessageModal(false), extractionMessageData: extractionMessageData, timestamp: extractionMessageData.find((data) => data.date?.trim().length > 0)?.date ?? "" })),
         showDeleteModal && (react_1.default.createElement(DeleteModal_1.default, { entityName: showDeleteModal?.mappingName, onClose: () => setShowDeleteModal(undefined), onDelete: async () => {
                 await onDelete(showDeleteModal);
             } })),