@itwin/grouping-mapping-widget 0.35.4 → 0.37.0

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/QueuedExtractionState.js

@@ -10,7 +10,8 @@ exports.QueuedExtractionState = void 0;
  *--------------------------------------------------------------------------------------------*/
 const react_1 = __importDefault(require("react"));
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-const QueuedExtractionState = () => (react_1.default.createElement("div", { title: "Queued", className: "gmw-extraction-status" },
+const GroupingMappingWidget_1 = require("../../../../GroupingMappingWidget");
+const QueuedExtractionState = () => (react_1.default.createElement("div", { title: GroupingMappingWidget_1.GroupingMappingWidget.translate("extraction.queued"), className: "gmw-extraction-status" },
     react_1.default.createElement("div", { className: "gmw-status-icon" },
         react_1.default.createElement(itwinui_icons_react_1.SvgStatusPending, null))));
 exports.QueuedExtractionState = QueuedExtractionState;

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/QueuedExtractionState.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueuedExtractionState.js","sourceRoot":"","sources":["../../../../../../src/components/Mappings/Extraction/ExtractionStates/QueuedExtractionState.tsx"],"names":[],"mappings":";;;;;;AAAA;;;gGAGgG;AAChG,kDAA0B;AAC1B,oEAA8D;AAEvD,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,CACzC,uCAAK,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,uBAAuB;IACnD,uCAAK,SAAS,EAAC,iBAAiB;QAC9B,8BAAC,sCAAgB,OAAG,CAChB,CACF,CACP,CAAC;AANW,QAAA,qBAAqB,yBAMhC","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 { SvgStatusPending } from \"@itwin/itwinui-icons-react\";\n\nexport const QueuedExtractionState = () => (\n  <div title=\"Queued\" className=\"gmw-extraction-status\">\n    <div className=\"gmw-status-icon\">\n      <SvgStatusPending />\n    </div>\n  </div>\n);\n"]}
+{"version":3,"file":"QueuedExtractionState.js","sourceRoot":"","sources":["../../../../../../src/components/Mappings/Extraction/ExtractionStates/QueuedExtractionState.tsx"],"names":[],"mappings":";;;;;;AAAA;;;gGAGgG;AAChG,kDAA0B;AAC1B,oEAA8D;AAC9D,6EAA0E;AAEnE,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,CACzC,uCAAK,KAAK,EAAE,6CAAqB,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,SAAS,EAAC,uBAAuB;IACjG,uCAAK,SAAS,EAAC,iBAAiB;QAC9B,8BAAC,sCAAgB,OAAG,CAChB,CACF,CACP,CAAC;AANW,QAAA,qBAAqB,yBAMhC","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 { SvgStatusPending } from \"@itwin/itwinui-icons-react\";\nimport { GroupingMappingWidget } from \"../../../../GroupingMappingWidget\";\n\nexport const QueuedExtractionState = () => (\n  <div title={GroupingMappingWidget.translate(\"extraction.queued\")} className=\"gmw-extraction-status\">\n    <div className=\"gmw-status-icon\">\n      <SvgStatusPending />\n    </div>\n  </div>\n);\n"]}

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/RunningExtractionState.d.ts

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

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/RunningExtractionState.js

@@ -10,7 +10,8 @@ exports.RunningExtractionState = void 0;
  *--------------------------------------------------------------------------------------------*/
 const react_1 = __importDefault(require("react"));
 const itwinui_react_1 = require("@itwin/itwinui-react");
-const RunningExtractionState = () => (react_1.default.createElement("div", { title: "Running", className: "gmw-extraction-status-running" },
+const GroupingMappingWidget_1 = require("../../../../GroupingMappingWidget");
+const RunningExtractionState = () => (react_1.default.createElement("div", { title: GroupingMappingWidget_1.GroupingMappingWidget.translate("extraction.running"), className: "gmw-extraction-status-running" },
     react_1.default.createElement(itwinui_react_1.ProgressRadial, { size: "x-small", indeterminate: true })));
 exports.RunningExtractionState = RunningExtractionState;
 //# sourceMappingURL=RunningExtractionState.js.map

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/RunningExtractionState.js.map

@@ -1 +1 @@
-{"version":3,"file":"RunningExtractionState.js","sourceRoot":"","sources":["../../../../../../src/components/Mappings/Extraction/ExtractionStates/RunningExtractionState.tsx"],"names":[],"mappings":";;;;;;AAAA;;;gGAGgG;AAChG,kDAA0B;AAC1B,wDAAsD;AAE/C,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,CAC1C,uCAAK,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,+BAA+B;IAC5D,8BAAC,8BAAc,IAAC,IAAI,EAAC,SAAS,EAAC,aAAa,SAAG,CAC3C,CACP,CAAC;AAJW,QAAA,sBAAsB,0BAIjC","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 { ProgressRadial } from \"@itwin/itwinui-react\";\n\nexport const RunningExtractionState = () => (\n  <div title=\"Running\" className=\"gmw-extraction-status-running\">\n    <ProgressRadial size=\"x-small\" indeterminate />\n  </div>\n);\n"]}
+{"version":3,"file":"RunningExtractionState.js","sourceRoot":"","sources":["../../../../../../src/components/Mappings/Extraction/ExtractionStates/RunningExtractionState.tsx"],"names":[],"mappings":";;;;;;AAAA;;;gGAGgG;AAChG,kDAA0B;AAC1B,wDAAsD;AACtD,6EAA0E;AAEnE,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,CAC1C,uCAAK,KAAK,EAAE,6CAAqB,CAAC,SAAS,CAAC,oBAAoB,CAAC,EAAE,SAAS,EAAC,+BAA+B;IAC1G,8BAAC,8BAAc,IAAC,IAAI,EAAC,SAAS,EAAC,aAAa,SAAG,CAC3C,CACP,CAAC;AAJW,QAAA,sBAAsB,0BAIjC","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 { ProgressRadial } from \"@itwin/itwinui-react\";\nimport { GroupingMappingWidget } from \"../../../../GroupingMappingWidget\";\n\nexport const RunningExtractionState = () => (\n  <div title={GroupingMappingWidget.translate(\"extraction.running\")} className=\"gmw-extraction-status-running\">\n    <ProgressRadial size=\"x-small\" indeterminate />\n  </div>\n);\n"]}

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/StartingExtractionState.d.ts

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

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/StartingExtractionState.js

@@ -10,7 +10,8 @@ exports.StartingExtractionState = void 0;
  *--------------------------------------------------------------------------------------------*/
 const react_1 = __importDefault(require("react"));
 const itwinui_icons_color_react_1 = require("@itwin/itwinui-icons-color-react");
-const StartingExtractionState = () => (react_1.default.createElement("div", { title: "Starting", className: "gmw-extraction-status" },
+const GroupingMappingWidget_1 = require("../../../../GroupingMappingWidget");
+const StartingExtractionState = () => (react_1.default.createElement("div", { title: GroupingMappingWidget_1.GroupingMappingWidget.translate("extraction.starting"), className: "gmw-extraction-status" },
     react_1.default.createElement("div", { className: "gmw-status-icon" },
         react_1.default.createElement(itwinui_icons_color_react_1.SvgStatusPendingHollow, null))));
 exports.StartingExtractionState = StartingExtractionState;

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/StartingExtractionState.js.map

@@ -1 +1 @@
-{"version":3,"file":"StartingExtractionState.js","sourceRoot":"","sources":["../../../../../../src/components/Mappings/Extraction/ExtractionStates/StartingExtractionState.tsx"],"names":[],"mappings":";;;;;;AAAA;;;gGAGgG;AAChG,kDAA0B;AAC1B,gFAA0E;AAEnE,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,CAC3C,uCAAK,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,uBAAuB;IACrD,uCAAK,SAAS,EAAC,iBAAiB;QAC9B,8BAAC,kDAAsB,OAAG,CACtB,CACF,CACP,CAAC;AANW,QAAA,uBAAuB,2BAMlC","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 { SvgStatusPendingHollow } from \"@itwin/itwinui-icons-color-react\";\n\nexport const StartingExtractionState = () => (\n  <div title=\"Starting\" className=\"gmw-extraction-status\">\n    <div className=\"gmw-status-icon\">\n      <SvgStatusPendingHollow />\n    </div>\n  </div>\n);\n"]}
+{"version":3,"file":"StartingExtractionState.js","sourceRoot":"","sources":["../../../../../../src/components/Mappings/Extraction/ExtractionStates/StartingExtractionState.tsx"],"names":[],"mappings":";;;;;;AAAA;;;gGAGgG;AAChG,kDAA0B;AAC1B,gFAA0E;AAC1E,6EAA0E;AAEnE,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,CAC3C,uCAAK,KAAK,EAAE,6CAAqB,CAAC,SAAS,CAAC,qBAAqB,CAAC,EAAE,SAAS,EAAC,uBAAuB;IACnG,uCAAK,SAAS,EAAC,iBAAiB;QAC9B,8BAAC,kDAAsB,OAAG,CACtB,CACF,CACP,CAAC;AANW,QAAA,uBAAuB,2BAMlC","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 { SvgStatusPendingHollow } from \"@itwin/itwinui-icons-color-react\";\nimport { GroupingMappingWidget } from \"../../../../GroupingMappingWidget\";\n\nexport const StartingExtractionState = () => (\n  <div title={GroupingMappingWidget.translate(\"extraction.starting\")} className=\"gmw-extraction-status\">\n    <div className=\"gmw-status-icon\">\n      <SvgStatusPendingHollow />\n    </div>\n  </div>\n);\n"]}

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/TerminalExtractionState.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ExtractionStateProps {
     status: string;
     animation: boolean;

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/TerminalExtractionState.js

@@ -11,7 +11,8 @@ exports.TerminalExtractionState = void 0;
 const react_1 = __importDefault(require("react"));
 const itwinui_icons_color_react_1 = require("@itwin/itwinui-icons-color-react");
 const Constants_1 = require("../../../Constants");
-const TerminalExtractionState = ({ status, animation, onAnimationEnd }) => (react_1.default.createElement("div", { title: status, className: "gmw-extraction-status" },
+const GroupingMappingWidget_1 = require("../../../../GroupingMappingWidget");
+const TerminalExtractionState = ({ status, animation, onAnimationEnd }) => (react_1.default.createElement("div", { title: status === "Succeeded" ? GroupingMappingWidget_1.GroupingMappingWidget.translate("extraction.succeeded") : GroupingMappingWidget_1.GroupingMappingWidget.translate("extraction.failed"), className: "gmw-extraction-status" },
     react_1.default.createElement("div", { className: `gmw-status-icon`, style: {
             animationName: animation ? "gmw-fade-out" : "",
             animationDelay: Constants_1.ANIMATION_DELAY,

package/lib/cjs/components/Mappings/Extraction/ExtractionStates/TerminalExtractionState.js.map

@@ -1 +1 @@
-{"version":3,"file":"TerminalExtractionState.js","sourceRoot":"","sources":["../../../../../../src/components/Mappings/Extraction/ExtractionStates/TerminalExtractionState.tsx"],"names":[],"mappings":";;;;;;AAAA;;;gGAGgG;AAChG,kDAA0B;AAC1B,gFAAoF;AACpF,kDAAyE;AAQlE,MAAM,uBAAuB,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAwB,EAAE,EAAE,CAAC,CACtG,uCAAK,KAAK,EAAE,MAAM,EAAE,SAAS,EAAC,uBAAuB;IACnD,uCACE,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE;YACL,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;YAC9C,cAAc,EAAE,2BAAe;YAC/B,iBAAiB,EAAE,8BAAkB;SACtC,EACD,cAAc,EAAE,cAAc,IAE7B,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,8BAAC,4CAAgB,OAAG,CAAC,CAAC,CAAC,8BAAC,0CAAc,OAAG,CAC/D,CACF,CACP,CAAC;AAdW,QAAA,uBAAuB,2BAclC","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 { SvgStatusError, SvgStatusSuccess } from \"@itwin/itwinui-icons-color-react\";\nimport { ANIMATION_DELAY, ANIMATION_DURATION } from \"../../../Constants\";\n\ninterface ExtractionStateProps {\n  status: string;\n  animation: boolean;\n  onAnimationEnd: () => void;\n}\n\nexport const TerminalExtractionState = ({ status, animation, onAnimationEnd }: ExtractionStateProps) => (\n  <div title={status} className=\"gmw-extraction-status\">\n    <div\n      className={`gmw-status-icon`}\n      style={{\n        animationName: animation ? \"gmw-fade-out\" : \"\",\n        animationDelay: ANIMATION_DELAY,\n        animationDuration: ANIMATION_DURATION,\n      }}\n      onAnimationEnd={onAnimationEnd}\n    >\n      {status === \"Succeeded\" ? <SvgStatusSuccess /> : <SvgStatusError />}\n    </div>\n  </div>\n);\n"]}
+{"version":3,"file":"TerminalExtractionState.js","sourceRoot":"","sources":["../../../../../../src/components/Mappings/Extraction/ExtractionStates/TerminalExtractionState.tsx"],"names":[],"mappings":";;;;;;AAAA;;;gGAGgG;AAChG,kDAA0B;AAC1B,gFAAoF;AACpF,kDAAyE;AACzE,6EAA0E;AAQnE,MAAM,uBAAuB,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAwB,EAAE,EAAE,CAAC,CACtG,uCAAK,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,6CAAqB,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,6CAAqB,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,SAAS,EAAC,uBAAuB;IACpL,uCACE,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE;YACL,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;YAC9C,cAAc,EAAE,2BAAe;YAC/B,iBAAiB,EAAE,8BAAkB;SACtC,EACD,cAAc,EAAE,cAAc,IAE7B,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,8BAAC,4CAAgB,OAAG,CAAC,CAAC,CAAC,8BAAC,0CAAc,OAAG,CAC/D,CACF,CACP,CAAC;AAdW,QAAA,uBAAuB,2BAclC","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 { SvgStatusError, SvgStatusSuccess } from \"@itwin/itwinui-icons-color-react\";\nimport { ANIMATION_DELAY, ANIMATION_DURATION } from \"../../../Constants\";\nimport { GroupingMappingWidget } from \"../../../../GroupingMappingWidget\";\n\ninterface ExtractionStateProps {\n  status: string;\n  animation: boolean;\n  onAnimationEnd: () => void;\n}\n\nexport const TerminalExtractionState = ({ status, animation, onAnimationEnd }: ExtractionStateProps) => (\n  <div title={status === \"Succeeded\" ? GroupingMappingWidget.translate(\"extraction.succeeded\") : GroupingMappingWidget.translate(\"extraction.failed\")} className=\"gmw-extraction-status\">\n    <div\n      className={`gmw-status-icon`}\n      style={{\n        animationName: animation ? \"gmw-fade-out\" : \"\",\n        animationDelay: ANIMATION_DELAY,\n        animationDuration: ANIMATION_DURATION,\n      }}\n      onAnimationEnd={onAnimationEnd}\n    >\n      {status === \"Succeeded\" ? <SvgStatusSuccess /> : <SvgStatusError />}\n    </div>\n  </div>\n);\n"]}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./ExtractionStatus.scss";
 export declare enum ExtractionStates {
     None = 0,

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

@@ -44,7 +44,7 @@ var ExtractionStates;
     ExtractionStates[ExtractionStates["Running"] = 3] = "Running";
     ExtractionStates[ExtractionStates["Succeeded"] = 4] = "Succeeded";
     ExtractionStates[ExtractionStates["Failed"] = 5] = "Failed";
-})(ExtractionStates = exports.ExtractionStates || (exports.ExtractionStates = {}));
+})(ExtractionStates || (exports.ExtractionStates = ExtractionStates = {}));
 const ExtractionStatus = ({ state, clearExtractionState }) => {
     const [fadeOut, setFadeOut] = (0, react_1.useState)(false);
     const onAnimationEnd = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"ExtractionStatus.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Extraction/ExtractionStatus.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,iCAA4C;AAC5C,6CAA+B;AAC/B,+CAAwD;AACxD,wFAAqF;AACrF,oFAAiF;AACjF,wFAAqF;AACrF,sFAAmF;AACnF,mCAAiC;AAEjC,IAAY,gBAOX;AAPD,WAAY,gBAAgB;IAC1B,uDAAI,CAAA;IACJ,+DAAQ,CAAA;IACR,2DAAM,CAAA;IACN,6DAAO,CAAA;IACP,iEAAS,CAAA;IACT,2DAAM,CAAA;AACR,CAAC,EAPW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAO3B;AAOM,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,oBAAoB,EAAyB,EAAE,EAAE;IACzF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEvD,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,oBAAoB,EAAE,CAAC;QACvB,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAa,CAAC;QAClB,QAAQ,KAAK,EAAE;YACb,KAAK,gBAAgB,CAAC,SAAS,CAAC;YAChC,KAAK,gBAAgB,CAAC,MAAM;gBAC1B,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,iCAAqB,CAAC,CAAC;SAC5E;QACD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,QAAQ,KAAK,EAAE;QACb,KAAK,gBAAgB,CAAC,QAAQ;YAC5B,OAAO,oBAAC,iDAAuB,OAAG,CAAC;QACrC,KAAK,gBAAgB,CAAC,MAAM;YAC1B,OAAO,oBAAC,6CAAqB,OAAG,CAAC;QACnC,KAAK,gBAAgB,CAAC,OAAO;YAC3B,OAAO,oBAAC,+CAAsB,OAAG,CAAC;QACpC,KAAK,gBAAgB,CAAC,SAAS;YAC7B,OAAO,oBAAC,iDAAuB,IAAC,MAAM,EAAC,WAAW,EAAC,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,GAAI,CAAC;QAC5G,KAAK,gBAAgB,CAAC,MAAM;YAC1B,OAAO,oBAAC,iDAAuB,IAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,GAAI,CAAC;QACzG;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAhCW,QAAA,gBAAgB,oBAgC3B","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 { useEffect, useState } from \"react\";\nimport * as React from \"react\";\nimport { STATUS_CHECK_INTERVAL } from \"../../Constants\";\nimport { StartingExtractionState } from \"./ExtractionStates/StartingExtractionState\";\nimport { QueuedExtractionState } from \"./ExtractionStates/QueuedExtractionState\";\nimport { TerminalExtractionState } from \"./ExtractionStates/TerminalExtractionState\";\nimport { RunningExtractionState } from \"./ExtractionStates/RunningExtractionState\";\nimport \"./ExtractionStatus.scss\";\n\nexport enum ExtractionStates {\n  None,\n  Starting,\n  Queued,\n  Running,\n  Succeeded,\n  Failed,\n}\n\ninterface ExtractionStatusProps {\n  state: ExtractionStates | undefined;\n  clearExtractionState: () => void;\n}\n\nexport const ExtractionStatus = ({ state, clearExtractionState }: ExtractionStatusProps) => {\n  const [fadeOut, setFadeOut] = useState<boolean>(false);\n\n  const onAnimationEnd = () => {\n    clearExtractionState();\n    setFadeOut(false);\n  };\n\n  useEffect(() => {\n    let timer: number;\n    switch (state) {\n      case ExtractionStates.Succeeded:\n      case ExtractionStates.Failed:\n        timer = window.setTimeout(() => setFadeOut(true), STATUS_CHECK_INTERVAL);\n    }\n    return () => window.clearTimeout(timer);\n  }, [state]);\n\n  switch (state) {\n    case ExtractionStates.Starting:\n      return <StartingExtractionState />;\n    case ExtractionStates.Queued:\n      return <QueuedExtractionState />;\n    case ExtractionStates.Running:\n      return <RunningExtractionState />;\n    case ExtractionStates.Succeeded:\n      return <TerminalExtractionState status=\"Succeeded\" animation={fadeOut} onAnimationEnd={onAnimationEnd} />;\n    case ExtractionStates.Failed:\n      return <TerminalExtractionState status=\"Failed\" animation={fadeOut} onAnimationEnd={onAnimationEnd} />;\n    default:\n      return null;\n  }\n};\n"]}
+{"version":3,"file":"ExtractionStatus.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Extraction/ExtractionStatus.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,iCAA4C;AAC5C,6CAA+B;AAC/B,+CAAwD;AACxD,wFAAqF;AACrF,oFAAiF;AACjF,wFAAqF;AACrF,sFAAmF;AACnF,mCAAiC;AAEjC,IAAY,gBAOX;AAPD,WAAY,gBAAgB;IAC1B,uDAAI,CAAA;IACJ,+DAAQ,CAAA;IACR,2DAAM,CAAA;IACN,6DAAO,CAAA;IACP,iEAAS,CAAA;IACT,2DAAM,CAAA;AACR,CAAC,EAPW,gBAAgB,gCAAhB,gBAAgB,QAO3B;AAOM,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,oBAAoB,EAAyB,EAAE,EAAE;IACzF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEvD,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,oBAAoB,EAAE,CAAC;QACvB,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAa,CAAC;QAClB,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,gBAAgB,CAAC,SAAS,CAAC;YAChC,KAAK,gBAAgB,CAAC,MAAM;gBAC1B,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,iCAAqB,CAAC,CAAC;QAC7E,CAAC;QACD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,gBAAgB,CAAC,QAAQ;YAC5B,OAAO,oBAAC,iDAAuB,OAAG,CAAC;QACrC,KAAK,gBAAgB,CAAC,MAAM;YAC1B,OAAO,oBAAC,6CAAqB,OAAG,CAAC;QACnC,KAAK,gBAAgB,CAAC,OAAO;YAC3B,OAAO,oBAAC,+CAAsB,OAAG,CAAC;QACpC,KAAK,gBAAgB,CAAC,SAAS;YAC7B,OAAO,oBAAC,iDAAuB,IAAC,MAAM,EAAC,WAAW,EAAC,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,GAAI,CAAC;QAC5G,KAAK,gBAAgB,CAAC,MAAM;YAC1B,OAAO,oBAAC,iDAAuB,IAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,GAAI,CAAC;QACzG;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC,CAAC;AAhCW,QAAA,gBAAgB,oBAgC3B","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 { useEffect, useState } from \"react\";\nimport * as React from \"react\";\nimport { STATUS_CHECK_INTERVAL } from \"../../Constants\";\nimport { StartingExtractionState } from \"./ExtractionStates/StartingExtractionState\";\nimport { QueuedExtractionState } from \"./ExtractionStates/QueuedExtractionState\";\nimport { TerminalExtractionState } from \"./ExtractionStates/TerminalExtractionState\";\nimport { RunningExtractionState } from \"./ExtractionStates/RunningExtractionState\";\nimport \"./ExtractionStatus.scss\";\n\nexport enum ExtractionStates {\n  None,\n  Starting,\n  Queued,\n  Running,\n  Succeeded,\n  Failed,\n}\n\ninterface ExtractionStatusProps {\n  state: ExtractionStates | undefined;\n  clearExtractionState: () => void;\n}\n\nexport const ExtractionStatus = ({ state, clearExtractionState }: ExtractionStatusProps) => {\n  const [fadeOut, setFadeOut] = useState<boolean>(false);\n\n  const onAnimationEnd = () => {\n    clearExtractionState();\n    setFadeOut(false);\n  };\n\n  useEffect(() => {\n    let timer: number;\n    switch (state) {\n      case ExtractionStates.Succeeded:\n      case ExtractionStates.Failed:\n        timer = window.setTimeout(() => setFadeOut(true), STATUS_CHECK_INTERVAL);\n    }\n    return () => window.clearTimeout(timer);\n  }, [state]);\n\n  switch (state) {\n    case ExtractionStates.Starting:\n      return <StartingExtractionState />;\n    case ExtractionStates.Queued:\n      return <QueuedExtractionState />;\n    case ExtractionStates.Running:\n      return <RunningExtractionState />;\n    case ExtractionStates.Succeeded:\n      return <TerminalExtractionState status=\"Succeeded\" animation={fadeOut} onAnimationEnd={onAnimationEnd} />;\n    case ExtractionStates.Failed:\n      return <TerminalExtractionState status=\"Failed\" animation={fadeOut} onAnimationEnd={onAnimationEnd} />;\n    default:\n      return null;\n  }\n};\n"]}

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-declare type IconStatus = "negative" | "positive" | "warning" | undefined;
+type IconStatus = "negative" | "positive" | "warning" | undefined;
 export interface ExtractionStatusData {
     iconStatus: IconStatus;
     iconMessage: string;

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

@@ -1,7 +1,7 @@
 import React from "react";
 import type { IMappingTyped } from "../Mappings";
 import "./ConfirmMappingsImport.scss";
-declare const defaultDisplayStrings: {
+declare const getDefaultDisplayStrings: () => {
     mappings: string;
 };
 interface ConfirmMappingImportProps {
@@ -12,7 +12,7 @@ interface ConfirmMappingImportProps {
     backFn: () => void;
     onCancel: () => void;
     onFinish: () => void;
-    displayStrings?: Partial<typeof defaultDisplayStrings>;
+    displayStrings?: Partial<ReturnType<typeof getDefaultDisplayStrings>>;
 }
 declare const ConfirmMappingImport: ({ selectedMappings, importing, setImporting, setSelectedMappings, backFn, onCancel, onFinish, displayStrings: userDisplayStrings, }: ConfirmMappingImportProps) => JSX.Element;
 export default ConfirmMappingImport;

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

@@ -29,15 +29,16 @@ 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");
 require("./ConfirmMappingsImport.scss");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const useValidator_1 = __importStar(require("../../Properties/hooks/useValidator"));
 const MappingClientContext_1 = require("../../context/MappingClientContext");
 const GroupingApiConfigContext_1 = require("../../context/GroupingApiConfigContext");
 const react_query_1 = require("@tanstack/react-query");
-const defaultDisplayStrings = {
-    mappings: "Mappings",
-};
+const getDefaultDisplayStrings = () => ({
+    mappings: GroupingMappingWidget_1.GroupingMappingWidget.translate("mappings.mappings"),
+});
 const ConfirmMappingImport = ({ selectedMappings, importing, setImporting, setSelectedMappings, backFn, onCancel, onFinish, displayStrings: userDisplayStrings, }) => {
     const { getAccessToken, iModelId } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
     const mappingClient = (0, MappingClientContext_1.useMappingClient)();
@@ -45,11 +46,11 @@ const ConfirmMappingImport = ({ selectedMappings, importing, setImporting, setSe
     const [currentlyImporting, setCurrentlyImporting] = (0, react_1.useState)("");
     const [validator, showValidationMessage] = (0, useValidator_1.default)();
     const [errored, setErrored] = (0, react_1.useState)(false);
-    const displayStrings = react_1.default.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    const displayStrings = react_1.default.useMemo(() => ({ ...getDefaultDisplayStrings(), ...userDisplayStrings }), [userDisplayStrings]);
     (0, react_1.useEffect)(() => {
         setSelectedMappings((selectedMappings) => selectedMappings.map((mapping) => ({
             ...mapping,
-            mappingName: `${mapping.mappingName}_Copy`,
+            mappingName: GroupingMappingWidget_1.GroupingMappingWidget.translate("import.copySuffix", { name: mapping.mappingName }),
         })));
     }, [setSelectedMappings]);
     const handleChange = (e, index) => {
@@ -93,17 +94,17 @@ const ConfirmMappingImport = ({ selectedMappings, importing, setImporting, setSe
     return (react_1.default.createElement(react_1.default.Fragment, null, importing ? (react_1.default.createElement("div", { className: "gmw-import-progress-container" },
         react_1.default.createElement("div", { className: "gmw-import-progress-bar" },
             react_1.default.createElement("div", { className: "gmw-import-progress-bar-description" }, !errored ? (importCount !== selectedMappings.length ? (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(itwinui_react_1.Text, { variant: "title" }, "Importing"),
-                react_1.default.createElement(itwinui_react_1.Text, null, `We are currently importing the ${displayStrings.mappings.toLocaleLowerCase()}.`))) : (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(itwinui_react_1.Text, { variant: "title" }, "Done!"),
-                react_1.default.createElement(itwinui_react_1.Text, null, `Your imported ${displayStrings.mappings.toLocaleLowerCase()} are ready.`)))) : (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(itwinui_react_1.Text, { variant: "title" }, "Error!"),
-                react_1.default.createElement(itwinui_react_1.Text, null, `Sorry, there was an error importing some or all ${displayStrings.mappings}.`)))),
+                react_1.default.createElement(itwinui_react_1.Text, { variant: "title" }, GroupingMappingWidget_1.GroupingMappingWidget.translate("import.importing")),
+                react_1.default.createElement(itwinui_react_1.Text, null, GroupingMappingWidget_1.GroupingMappingWidget.translate("import.currentlyImporting", { mappings: displayStrings.mappings.toLocaleLowerCase() })))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(itwinui_react_1.Text, { variant: "title" }, GroupingMappingWidget_1.GroupingMappingWidget.translate("import.done")),
+                react_1.default.createElement(itwinui_react_1.Text, null, GroupingMappingWidget_1.GroupingMappingWidget.translate("import.importedReady", { mappings: displayStrings.mappings.toLocaleLowerCase() }))))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(itwinui_react_1.Text, { variant: "title" }, GroupingMappingWidget_1.GroupingMappingWidget.translate("import.error")),
+                react_1.default.createElement(itwinui_react_1.Text, null, GroupingMappingWidget_1.GroupingMappingWidget.translate("import.importError", { mappings: displayStrings.mappings }))))),
             react_1.default.createElement(itwinui_react_1.ProgressLinear, { value: (importCount / selectedMappings.length) * 100, labels: importCount === selectedMappings.length
-                    ? ["Import done!", react_1.default.createElement(itwinui_icons_react_1.SvgStatusSuccessHollow, { key: "0" })]
+                    ? [GroupingMappingWidget_1.GroupingMappingWidget.translate("import.importDone"), react_1.default.createElement(itwinui_icons_react_1.SvgStatusSuccessHollow, { key: "0" })]
                     : [
                         react_1.default.createElement(react_1.default.Fragment, null,
-                            react_1.default.createElement(itwinui_react_1.Text, null, "Copying"),
+                            react_1.default.createElement(itwinui_react_1.Text, null, GroupingMappingWidget_1.GroupingMappingWidget.translate("import.copying")),
                             react_1.default.createElement(itwinui_react_1.MiddleTextTruncation, { text: currentlyImporting })),
                         `${importCount}/${selectedMappings.length}`,
                     ], status: !errored ? (importCount === selectedMappings.length ? "positive" : undefined) : "negative" })),
@@ -113,13 +114,13 @@ const ConfirmMappingImport = ({ selectedMappings, importing, setImporting, setSe
                     setImportCount(0);
                     setCurrentlyImporting("");
                     setErrored(false);
-                } }, "Back"),
-            react_1.default.createElement(itwinui_react_1.Button, { styleType: "high-visibility", disabled: !errored && importCount !== selectedMappings.length, onClick: onFinish }, "Close")))) : (react_1.default.createElement("div", { className: "gmw-rename-confirm-container " },
+                } }, GroupingMappingWidget_1.GroupingMappingWidget.translate("common.back")),
+            react_1.default.createElement(itwinui_react_1.Button, { styleType: "high-visibility", disabled: !errored && importCount !== selectedMappings.length, onClick: onFinish }, GroupingMappingWidget_1.GroupingMappingWidget.translate("common.close"))))) : (react_1.default.createElement("div", { className: "gmw-rename-confirm-container " },
         react_1.default.createElement("div", { className: "gmw-mapping-rename-container" },
             react_1.default.createElement("div", { className: "gmw-mapping-row-header-container" },
                 react_1.default.createElement("div", { className: "gmw-mapping-row" },
                     react_1.default.createElement(itwinui_react_1.Text, { variant: "leading" }, displayStrings.mappings),
-                    react_1.default.createElement(itwinui_react_1.Text, { variant: "leading" }, "Description"))),
+                    react_1.default.createElement(itwinui_react_1.Text, { variant: "leading" }, GroupingMappingWidget_1.GroupingMappingWidget.translate("common.description")))),
             react_1.default.createElement("div", { className: "gmw-mapping-row-body" }, selectedMappings.map((mapping, index) => (react_1.default.createElement("div", { className: "gmw-mapping-row-container", key: mapping.id },
                 react_1.default.createElement("div", { className: "gmw-mapping-row" },
                     react_1.default.createElement(itwinui_react_1.LabeledInput, { value: mapping.mappingName, name: `mapping_${mapping.id}`, required: true, onChange: (event) => {
@@ -134,9 +135,9 @@ const ConfirmMappingImport = ({ selectedMappings, importing, setImporting, setSe
                     react_1.default.createElement("div", null, mapping.description)),
                 react_1.default.createElement("div", { className: "gmw-border-div" })))))),
         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, { styleType: "high-visibility", onClick: async () => onImport() }, "Import"),
-            react_1.default.createElement(itwinui_react_1.Button, { onClick: onCancel }, "Cancel"))))));
+            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: async () => onImport() }, GroupingMappingWidget_1.GroupingMappingWidget.translate("common.import")),
+            react_1.default.createElement(itwinui_react_1.Button, { onClick: onCancel }, GroupingMappingWidget_1.GroupingMappingWidget.translate("common.cancel")))))));
 };
 exports.default = ConfirmMappingImport;
 //# sourceMappingURL=ConfirmMappingsImport.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmMappingsImport.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Import/ConfirmMappingsImport.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 { Button, LabeledInput, MiddleTextTruncation, ProgressLinear, Text } from \"@itwin/itwinui-react\";\nimport React, { useEffect, useState } from \"react\";\nimport type { IMappingTyped } from \"../Mappings\";\nimport \"./ConfirmMappingsImport.scss\";\nimport { SvgStatusSuccessHollow } from \"@itwin/itwinui-icons-react\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../../Properties/hooks/useValidator\";\nimport { useMappingClient } from \"../../context/MappingClientContext\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useMutation } from \"@tanstack/react-query\";\n\nconst defaultDisplayStrings = {\n  mappings: \"Mappings\",\n};\n\ninterface ConfirmMappingImportProps {\n  selectedMappings: IMappingTyped[];\n  importing: boolean;\n  setImporting: React.Dispatch<React.SetStateAction<boolean>>;\n  setSelectedMappings: React.Dispatch<React.SetStateAction<IMappingTyped[]>>;\n  backFn: () => void;\n  onCancel: () => void;\n  onFinish: () => void;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nconst ConfirmMappingImport = ({\n  selectedMappings,\n  importing,\n  setImporting,\n  setSelectedMappings,\n  backFn,\n  onCancel,\n  onFinish,\n  displayStrings: userDisplayStrings,\n}: ConfirmMappingImportProps) => {\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [importCount, setImportCount] = useState<number>(0);\n  const [currentlyImporting, setCurrentlyImporting] = useState<string>(\"\");\n  const [validator, showValidationMessage] = useValidator();\n  const [errored, setErrored] = useState<boolean>(false);\n\n  const displayStrings = React.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);\n\n  useEffect(() => {\n    setSelectedMappings((selectedMappings) =>\n      selectedMappings.map((mapping) => ({\n        ...mapping,\n        mappingName: `${mapping.mappingName}_Copy`,\n      })),\n    );\n  }, [setSelectedMappings]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>, index: number) => {\n    const newState = [...selectedMappings];\n    newState[index] = {\n      ...newState[index],\n      mappingName: e.target.value,\n    };\n    setSelectedMappings(newState);\n  };\n\n  const importMutation = useMutation({\n    mutationFn: async (selectedMapping: IMappingTyped) => {\n      const accessToken = await getAccessToken();\n      await mappingClient.createMapping(accessToken, {\n        iModelId,\n        mappingName: selectedMapping.mappingName,\n        sourceMappingId: selectedMapping.id,\n      });\n    },\n    onMutate: async (selectedMapping: IMappingTyped) => {\n      setCurrentlyImporting(selectedMapping.mappingName);\n    },\n    onSuccess: () => {\n      setImportCount((count) => count + 1);\n    },\n    onError: () => {\n      setErrored(true);\n    },\n  });\n\n  const onImport = async () => {\n    if (!validator.allValid()) {\n      showValidationMessage(true);\n      return;\n    }\n    setImporting(true);\n    setImportCount(0);\n    for (const mapping of selectedMappings) {\n      await importMutation.mutateAsync(mapping);\n    }\n  };\n\n  return (\n    <>\n      {importing ? (\n        <div className=\"gmw-import-progress-container\">\n          <div className=\"gmw-import-progress-bar\">\n            <div className=\"gmw-import-progress-bar-description\">\n              {!errored ? (\n                importCount !== selectedMappings.length ? (\n                  <>\n                    <Text variant=\"title\">Importing</Text>\n                    <Text>{`We are currently importing the ${displayStrings.mappings.toLocaleLowerCase()}.`}</Text>\n                  </>\n                ) : (\n                  <>\n                    <Text variant=\"title\">Done!</Text>\n                    <Text>{`Your imported ${displayStrings.mappings.toLocaleLowerCase()} are ready.`}</Text>\n                  </>\n                )\n              ) : (\n                <>\n                  <Text variant=\"title\">Error!</Text>\n                  <Text>{`Sorry, there was an error importing some or all ${displayStrings.mappings}.`}</Text>\n                </>\n              )}\n            </div>\n            <ProgressLinear\n              value={(importCount / selectedMappings.length) * 100}\n              labels={\n                importCount === selectedMappings.length\n                  ? [\"Import done!\", <SvgStatusSuccessHollow key=\"0\" />]\n                  : [\n                      <>\n                        <Text>Copying</Text>\n                        <MiddleTextTruncation text={currentlyImporting} />\n                      </>,\n                      `${importCount}/${selectedMappings.length}`,\n                    ]\n              }\n              status={!errored ? (importCount === selectedMappings.length ? \"positive\" : undefined) : \"negative\"}\n            />\n          </div>\n          <div className=\"gmw-import-action-panel\">\n            <Button\n              disabled={!errored && importCount === selectedMappings.length}\n              onClick={() => {\n                setImporting(false);\n                setImportCount(0);\n                setCurrentlyImporting(\"\");\n                setErrored(false);\n              }}\n            >\n              Back\n            </Button>\n            <Button styleType=\"high-visibility\" disabled={!errored && importCount !== selectedMappings.length} onClick={onFinish}>\n              Close\n            </Button>\n          </div>\n        </div>\n      ) : (\n        <div className=\"gmw-rename-confirm-container \">\n          <div className=\"gmw-mapping-rename-container\">\n            <div className=\"gmw-mapping-row-header-container\">\n              <div className=\"gmw-mapping-row\">\n                <Text variant=\"leading\">{displayStrings.mappings}</Text>\n                <Text variant=\"leading\">Description</Text>\n              </div>\n            </div>\n            <div className=\"gmw-mapping-row-body\">\n              {selectedMappings.map((mapping, index) => (\n                <div className=\"gmw-mapping-row-container\" key={mapping.id}>\n                  <div className=\"gmw-mapping-row\">\n                    <LabeledInput\n                      value={mapping.mappingName}\n                      name={`mapping_${mapping.id}`}\n                      required\n                      onChange={(event) => {\n                        handleChange(event, index);\n                        validator.showMessageFor(`mapping_${mapping.id}`);\n                      }}\n                      message={validator.message(`mapping_${mapping.id}`, mapping.mappingName, NAME_REQUIREMENTS)}\n                      status={validator.message(`mapping_${mapping.id}`, mapping.mappingName, NAME_REQUIREMENTS) ? \"negative\" : undefined}\n                      onBlur={() => {\n                        validator.showMessageFor(`mapping_${mapping.id}`);\n                      }}\n                      onBlurCapture={(event) => {\n                        handleChange(event, index);\n                        validator.showMessageFor(`mapping_${mapping.id}`);\n                      }}\n                    />\n                    <div>{mapping.description}</div>\n                  </div>\n                  <div className=\"gmw-border-div\" />\n                </div>\n              ))}\n            </div>\n          </div>\n          <div className=\"gmw-import-action-panel\">\n            <Button onClick={backFn}>Back</Button>\n            <Button styleType=\"high-visibility\" onClick={async () => onImport()}>\n              Import\n            </Button>\n            <Button onClick={onCancel}>Cancel</Button>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default ConfirmMappingImport;\n"]}
+{"version":3,"file":"ConfirmMappingsImport.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Import/ConfirmMappingsImport.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 { Button, LabeledInput, MiddleTextTruncation, ProgressLinear, Text } from \"@itwin/itwinui-react\";\nimport React, { useEffect, useState } from \"react\";\nimport { GroupingMappingWidget } from \"../../../GroupingMappingWidget\";\nimport type { IMappingTyped } from \"../Mappings\";\nimport \"./ConfirmMappingsImport.scss\";\nimport { SvgStatusSuccessHollow } from \"@itwin/itwinui-icons-react\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../../Properties/hooks/useValidator\";\nimport { useMappingClient } from \"../../context/MappingClientContext\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { useMutation } from \"@tanstack/react-query\";\n\nconst getDefaultDisplayStrings = () => ({\n  mappings: GroupingMappingWidget.translate(\"mappings.mappings\"),\n});\n\ninterface ConfirmMappingImportProps {\n  selectedMappings: IMappingTyped[];\n  importing: boolean;\n  setImporting: React.Dispatch<React.SetStateAction<boolean>>;\n  setSelectedMappings: React.Dispatch<React.SetStateAction<IMappingTyped[]>>;\n  backFn: () => void;\n  onCancel: () => void;\n  onFinish: () => void;\n  displayStrings?: Partial<ReturnType<typeof getDefaultDisplayStrings>>;\n}\n\nconst ConfirmMappingImport = ({\n  selectedMappings,\n  importing,\n  setImporting,\n  setSelectedMappings,\n  backFn,\n  onCancel,\n  onFinish,\n  displayStrings: userDisplayStrings,\n}: ConfirmMappingImportProps) => {\n  const { getAccessToken, iModelId } = useGroupingMappingApiConfig();\n  const mappingClient = useMappingClient();\n  const [importCount, setImportCount] = useState<number>(0);\n  const [currentlyImporting, setCurrentlyImporting] = useState<string>(\"\");\n  const [validator, showValidationMessage] = useValidator();\n  const [errored, setErrored] = useState<boolean>(false);\n\n  const displayStrings = React.useMemo(() => ({ ...getDefaultDisplayStrings(), ...userDisplayStrings }), [userDisplayStrings]);\n\n  useEffect(() => {\n    setSelectedMappings((selectedMappings) =>\n      selectedMappings.map((mapping) => ({\n        ...mapping,\n        mappingName: GroupingMappingWidget.translate(\"import.copySuffix\", { name: mapping.mappingName }),\n      })),\n    );\n  }, [setSelectedMappings]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>, index: number) => {\n    const newState = [...selectedMappings];\n    newState[index] = {\n      ...newState[index],\n      mappingName: e.target.value,\n    };\n    setSelectedMappings(newState);\n  };\n\n  const importMutation = useMutation({\n    mutationFn: async (selectedMapping: IMappingTyped) => {\n      const accessToken = await getAccessToken();\n      await mappingClient.createMapping(accessToken, {\n        iModelId,\n        mappingName: selectedMapping.mappingName,\n        sourceMappingId: selectedMapping.id,\n      });\n    },\n    onMutate: async (selectedMapping: IMappingTyped) => {\n      setCurrentlyImporting(selectedMapping.mappingName);\n    },\n    onSuccess: () => {\n      setImportCount((count) => count + 1);\n    },\n    onError: () => {\n      setErrored(true);\n    },\n  });\n\n  const onImport = async () => {\n    if (!validator.allValid()) {\n      showValidationMessage(true);\n      return;\n    }\n    setImporting(true);\n    setImportCount(0);\n    for (const mapping of selectedMappings) {\n      await importMutation.mutateAsync(mapping);\n    }\n  };\n\n  return (\n    <>\n      {importing ? (\n        <div className=\"gmw-import-progress-container\">\n          <div className=\"gmw-import-progress-bar\">\n            <div className=\"gmw-import-progress-bar-description\">\n              {!errored ? (\n                importCount !== selectedMappings.length ? (\n                  <>\n                    <Text variant=\"title\">{GroupingMappingWidget.translate(\"import.importing\")}</Text>\n                    <Text>{GroupingMappingWidget.translate(\"import.currentlyImporting\", { mappings: displayStrings.mappings.toLocaleLowerCase() })}</Text>\n                  </>\n                ) : (\n                  <>\n                    <Text variant=\"title\">{GroupingMappingWidget.translate(\"import.done\")}</Text>\n                    <Text>{GroupingMappingWidget.translate(\"import.importedReady\", { mappings: displayStrings.mappings.toLocaleLowerCase() })}</Text>\n                  </>\n                )\n              ) : (\n                <>\n                  <Text variant=\"title\">{GroupingMappingWidget.translate(\"import.error\")}</Text>\n                  <Text>{GroupingMappingWidget.translate(\"import.importError\", { mappings: displayStrings.mappings })}</Text>\n                </>\n              )}\n            </div>\n            <ProgressLinear\n              value={(importCount / selectedMappings.length) * 100}\n              labels={\n                importCount === selectedMappings.length\n                  ? [GroupingMappingWidget.translate(\"import.importDone\"), <SvgStatusSuccessHollow key=\"0\" />]\n                  : [\n                      <>\n                        <Text>{GroupingMappingWidget.translate(\"import.copying\")}</Text>\n                        <MiddleTextTruncation text={currentlyImporting} />\n                      </>,\n                      `${importCount}/${selectedMappings.length}`,\n                    ]\n              }\n              status={!errored ? (importCount === selectedMappings.length ? \"positive\" : undefined) : \"negative\"}\n            />\n          </div>\n          <div className=\"gmw-import-action-panel\">\n            <Button\n              disabled={!errored && importCount === selectedMappings.length}\n              onClick={() => {\n                setImporting(false);\n                setImportCount(0);\n                setCurrentlyImporting(\"\");\n                setErrored(false);\n              }}\n            >\n              {GroupingMappingWidget.translate(\"common.back\")}\n            </Button>\n            <Button styleType=\"high-visibility\" disabled={!errored && importCount !== selectedMappings.length} onClick={onFinish}>\n              {GroupingMappingWidget.translate(\"common.close\")}\n            </Button>\n          </div>\n        </div>\n      ) : (\n        <div className=\"gmw-rename-confirm-container \">\n          <div className=\"gmw-mapping-rename-container\">\n            <div className=\"gmw-mapping-row-header-container\">\n              <div className=\"gmw-mapping-row\">\n                <Text variant=\"leading\">{displayStrings.mappings}</Text>\n                <Text variant=\"leading\">{GroupingMappingWidget.translate(\"common.description\")}</Text>\n              </div>\n            </div>\n            <div className=\"gmw-mapping-row-body\">\n              {selectedMappings.map((mapping, index) => (\n                <div className=\"gmw-mapping-row-container\" key={mapping.id}>\n                  <div className=\"gmw-mapping-row\">\n                    <LabeledInput\n                      value={mapping.mappingName}\n                      name={`mapping_${mapping.id}`}\n                      required\n                      onChange={(event) => {\n                        handleChange(event, index);\n                        validator.showMessageFor(`mapping_${mapping.id}`);\n                      }}\n                      message={validator.message(`mapping_${mapping.id}`, mapping.mappingName, NAME_REQUIREMENTS)}\n                      status={validator.message(`mapping_${mapping.id}`, mapping.mappingName, NAME_REQUIREMENTS) ? \"negative\" : undefined}\n                      onBlur={() => {\n                        validator.showMessageFor(`mapping_${mapping.id}`);\n                      }}\n                      onBlurCapture={(event) => {\n                        handleChange(event, index);\n                        validator.showMessageFor(`mapping_${mapping.id}`);\n                      }}\n                    />\n                    <div>{mapping.description}</div>\n                  </div>\n                  <div className=\"gmw-border-div\" />\n                </div>\n              ))}\n            </div>\n          </div>\n          <div className=\"gmw-import-action-panel\">\n            <Button onClick={backFn}>{GroupingMappingWidget.translate(\"common.back\")}</Button>\n            <Button styleType=\"high-visibility\" onClick={async () => onImport()}>\n              {GroupingMappingWidget.translate(\"common.import\")}\n            </Button>\n            <Button onClick={onCancel}>{GroupingMappingWidget.translate(\"common.cancel\")}</Button>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default ConfirmMappingImport;\n"]}

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import "./MappingImportWizardModal.scss";
-declare const defaultDisplayStrings: {
+declare const getDefaultDisplayStrings: () => {
     mappings: string;
     iTwins: string;
     iTwinNumber: string;
@@ -14,7 +13,7 @@ interface MappingImportWizardModalProps {
     show: boolean;
     setShow: (show: boolean) => void;
     onFinish: () => Promise<void>;
-    displayStrings?: Partial<typeof defaultDisplayStrings>;
+    displayStrings?: Partial<ReturnType<typeof getDefaultDisplayStrings>>;
 }
 export declare const MappingImportWizardModal: ({ show, setShow, onFinish, displayStrings: userDisplayStrings }: MappingImportWizardModalProps) => JSX.Element;
 export {};

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

@@ -28,8 +28,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MappingImportWizardModal = void 0;
 const itwinui_react_1 = require("@itwin/itwinui-react");
-const itwinui_react_2 = require("@itwin/itwinui-react");
 const react_1 = __importStar(require("react"));
+const GroupingMappingWidget_1 = require("../../../GroupingMappingWidget");
 const ConfirmMappingsImport_1 = __importDefault(require("./ConfirmMappingsImport"));
 require("./MappingImportWizardModal.scss");
 const SelectIModel_1 = __importDefault(require("./SelectIModel"));
@@ -38,16 +38,16 @@ const SelectMappings_1 = __importDefault(require("./SelectMappings"));
 const GroupingApiConfigContext_1 = require("../../context/GroupingApiConfigContext");
 const IModelsClientContext_1 = require("../../context/IModelsClientContext");
 const ITwinsClientContext_1 = require("../../context/ITwinsClientContext");
-const defaultDisplayStrings = {
-    mappings: "Mappings",
+const getDefaultDisplayStrings = () => ({
+    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"),
+});
 const MappingImportWizardModal = ({ show, setShow, onFinish, displayStrings: userDisplayStrings }) => {
     const { prefix } = (0, GroupingApiConfigContext_1.useGroupingMappingApiConfig)();
     const [currentStep, setCurrentStep] = (0, react_1.useState)(0);
@@ -62,23 +62,23 @@ const MappingImportWizardModal = ({ show, setShow, onFinish, displayStrings: use
         setITwinsClient((0, ITwinsClientContext_1.createITwinsClient)(prefix));
         setIModelsClient((0, IModelsClientContext_1.createIModelsClient)(prefix));
     }, [prefix]);
-    const displayStrings = react_1.default.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    const displayStrings = react_1.default.useMemo(() => ({ ...getDefaultDisplayStrings(), ...userDisplayStrings }), [userDisplayStrings]);
     const steps = (0, react_1.useRef)([
         {
-            name: "Select iTwin",
-            description: `Select the source iTwin to bring your ${displayStrings.mappings} from.`,
+            name: GroupingMappingWidget_1.GroupingMappingWidget.translate("import.selectITwin"),
+            description: GroupingMappingWidget_1.GroupingMappingWidget.translate("import.selectITwinDescription", { mappings: displayStrings.mappings }),
         },
         {
-            name: "Select iModel",
-            description: "Select an iModel within the iTwin you have selected.",
+            name: GroupingMappingWidget_1.GroupingMappingWidget.translate("import.selectIModel"),
+            description: GroupingMappingWidget_1.GroupingMappingWidget.translate("import.selectIModelDescription"),
         },
         {
-            name: `Select ${displayStrings.mappings}`,
-            description: `Select one or more ${displayStrings.mappings} to import.`,
+            name: GroupingMappingWidget_1.GroupingMappingWidget.translate("import.selectMappings", { mappings: displayStrings.mappings }),
+            description: GroupingMappingWidget_1.GroupingMappingWidget.translate("import.selectMappingsDescription", { mappings: displayStrings.mappings }),
         },
         {
-            name: "Rename & Confirm",
-            description: "Rename and confirm your selections. Click import when finished.",
+            name: GroupingMappingWidget_1.GroupingMappingWidget.translate("import.renameAndConfirm"),
+            description: GroupingMappingWidget_1.GroupingMappingWidget.translate("import.renameAndConfirmDescription"),
         },
     ]);
     const onClose = async () => {
@@ -86,7 +86,7 @@ const MappingImportWizardModal = ({ show, setShow, onFinish, displayStrings: use
         setCurrentStep(0);
         await onFinish();
     };
-    return (react_1.default.createElement(itwinui_react_2.Modal, { title: `Import ${displayStrings.mappings}`, modalRootId: "grouping-mapping-widget", isOpen: show, closeOnEsc: false, closeOnExternalClick: false, isDismissible: !importing, styleType: "fullPage", onClose: async () => {
+    return (react_1.default.createElement(itwinui_react_1.Modal, { title: GroupingMappingWidget_1.GroupingMappingWidget.translate("mappings.importMappings", { mappings: displayStrings.mappings }), modalRootId: "grouping-mapping-widget", isOpen: show, closeOnEsc: false, closeOnExternalClick: false, isDismissible: !importing, styleType: "fullPage", onClose: async () => {
             await onClose();
         } },
         react_1.default.createElement("div", { className: "gmw-import-wizard-body-container" },

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

@@ -1 +1 @@
-{"version":3,"file":"MappingImportWizardModal.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Import/MappingImportWizardModal.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport type { IModelsClient } from \"@itwin/imodels-client-management\";\nimport type { ITwinsAccessClient } from \"@itwin/itwins-client\";\nimport type { StepProperties } from \"@itwin/itwinui-react\";\nimport { Stepper } from \"@itwin/itwinui-react\";\nimport { Modal } from \"@itwin/itwinui-react\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport ConfirmMappingImport from \"./ConfirmMappingsImport\";\nimport type { IMappingTyped } from \"../Mappings\";\nimport \"./MappingImportWizardModal.scss\";\nimport SelectIModel from \"./SelectIModel\";\nimport SelectITwin, { ITwinType } from \"./SelectITwin\";\nimport SelectMappings from \"./SelectMappings\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { createIModelsClient, IModelsClientContext } from \"../../context/IModelsClientContext\";\nimport { createITwinsClient, ITwinsClientContext } from \"../../context/ITwinsClientContext\";\n\nconst defaultDisplayStrings = {\n  mappings: \"Mappings\",\n  iTwins: \"iTwins\",\n  iTwinNumber: \"Number\",\n  iTwinName: \"Name\",\n  iTwinStatus: \"Status\",\n  iModels: \"iModels\",\n  iModelName: \"Name\",\n  iModelDescription: \"Description\",\n};\ninterface MappingImportWizardModalProps {\n  show: boolean;\n  setShow: (show: boolean) => void;\n  onFinish: () => Promise<void>;\n  displayStrings?: Partial<typeof defaultDisplayStrings>;\n}\n\nexport const MappingImportWizardModal = ({ show, setShow, onFinish, displayStrings: userDisplayStrings }: MappingImportWizardModalProps) => {\n  const { prefix } = useGroupingMappingApiConfig();\n  const [currentStep, setCurrentStep] = useState<number>(0);\n  const [iTwinType, setITwinType] = useState<ITwinType>(ITwinType.Favorite);\n  const [selectedITwinId, setSelectedITwinId] = useState<string>(\"\");\n  const [selectedIModelId, setSelectedIModelId] = useState<string>(\"\");\n  const [selectedMappings, setSelectedMappings] = useState<IMappingTyped[]>([]);\n  const [importing, setImporting] = useState<boolean>(false);\n  const [iTwinsClient, setITwinsClient] = useState<ITwinsAccessClient>(createITwinsClient(prefix));\n  const [iModelsClient, setIModelsClient] = useState<IModelsClient>(createIModelsClient(prefix));\n\n  useEffect(() => {\n    setITwinsClient(createITwinsClient(prefix));\n    setIModelsClient(createIModelsClient(prefix));\n  }, [prefix]);\n\n  const displayStrings = React.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);\n\n  const steps = useRef<StepProperties[]>([\n    {\n      name: \"Select iTwin\",\n      description: `Select the source iTwin to bring your ${displayStrings.mappings} from.`,\n    },\n    {\n      name: \"Select iModel\",\n      description: \"Select an iModel within the iTwin you have selected.\",\n    },\n    {\n      name: `Select ${displayStrings.mappings}`,\n      description: `Select one or more ${displayStrings.mappings} to import.`,\n    },\n    {\n      name: \"Rename & Confirm\",\n      description: \"Rename and confirm your selections. Click import when finished.\",\n    },\n  ]);\n\n  const onClose = async () => {\n    setShow(false);\n    setCurrentStep(0);\n    await onFinish();\n  };\n\n  return (\n    <Modal\n      title={`Import ${displayStrings.mappings}`}\n      modalRootId=\"grouping-mapping-widget\"\n      isOpen={show}\n      closeOnEsc={false}\n      closeOnExternalClick={false}\n      isDismissible={!importing}\n      styleType=\"fullPage\"\n      onClose={async () => {\n        await onClose();\n      }}\n    >\n      <div className=\"gmw-import-wizard-body-container\">\n        <Stepper currentStep={currentStep} steps={steps.current} onStepClick={importing ? undefined : (index: number) => setCurrentStep(index)} />\n\n        {(() => {\n          switch (currentStep) {\n            case 0:\n              return (\n                <ITwinsClientContext.Provider value={iTwinsClient}>\n                  <div className=\"gmw-table-container\">\n                    <SelectITwin\n                      onSelect={(iTwinId) => {\n                        setSelectedITwinId(iTwinId);\n                        setCurrentStep(1);\n                      }}\n                      onCancel={onClose}\n                      onChangeITwinType={setITwinType}\n                      displayStrings={displayStrings}\n                      defaultITwinType={iTwinType}\n                    />\n                  </div>\n                </ITwinsClientContext.Provider>\n              );\n            case 1:\n              return (\n                <IModelsClientContext.Provider value={iModelsClient}>\n                  <div className=\"gmw-table-container\">\n                    <SelectIModel\n                      iTwinId={selectedITwinId}\n                      onSelect={(iModelId) => {\n                        setSelectedIModelId(iModelId);\n                        setCurrentStep(2);\n                      }}\n                      backFn={() => setCurrentStep(currentStep - 1)}\n                      onCancel={onClose}\n                    />\n                  </div>\n                </IModelsClientContext.Provider>\n              );\n            case 2:\n            case 3:\n              // Preserve table state within Select Mappings\n              return (\n                <>\n                  <div style={{ display: currentStep === 2 ? \"flex\" : \"none\" }} className=\"gmw-mapping-container\">\n                    <SelectMappings\n                      iModelId={selectedIModelId}\n                      onSelect={(selectedMappings) => {\n                        setSelectedMappings(selectedMappings);\n                        setCurrentStep(3);\n                      }}\n                      onCancel={onClose}\n                      backFn={() => setCurrentStep(currentStep - 1)}\n                      displayStrings={displayStrings}\n                    />\n                  </div>\n                  {currentStep === 3 && (\n                    <ConfirmMappingImport\n                      selectedMappings={selectedMappings}\n                      importing={importing}\n                      setImporting={setImporting}\n                      setSelectedMappings={setSelectedMappings}\n                      backFn={() => setCurrentStep(currentStep - 1)}\n                      onCancel={onClose}\n                      onFinish={onClose}\n                      displayStrings={displayStrings}\n                    />\n                  )}\n                </>\n              );\n            default:\n              return null;\n          }\n        })()}\n      </div>\n    </Modal>\n  );\n};\n"]}
+{"version":3,"file":"MappingImportWizardModal.js","sourceRoot":"","sources":["../../../../../src/components/Mappings/Import/MappingImportWizardModal.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport type { IModelsClient } from \"@itwin/imodels-client-management\";\nimport type { ITwinsAccessClient } from \"@itwin/itwins-client\";\nimport type { StepProperties } from \"@itwin/itwinui-react\";\nimport { Modal , Stepper } from \"@itwin/itwinui-react\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { GroupingMappingWidget } from \"../../../GroupingMappingWidget\";\nimport ConfirmMappingImport from \"./ConfirmMappingsImport\";\nimport type { IMappingTyped } from \"../Mappings\";\nimport \"./MappingImportWizardModal.scss\";\nimport SelectIModel from \"./SelectIModel\";\nimport SelectITwin, { ITwinType } from \"./SelectITwin\";\nimport SelectMappings from \"./SelectMappings\";\nimport { useGroupingMappingApiConfig } from \"../../context/GroupingApiConfigContext\";\nimport { createIModelsClient, IModelsClientContext } from \"../../context/IModelsClientContext\";\nimport { createITwinsClient, ITwinsClientContext } from \"../../context/ITwinsClientContext\";\n\nconst getDefaultDisplayStrings = () => ({\n  mappings: GroupingMappingWidget.translate(\"mappings.mappings\"),\n  iTwins: \"iTwins\",\n  iTwinNumber: GroupingMappingWidget.translate(\"common.number\"),\n  iTwinName: GroupingMappingWidget.translate(\"common.name\"),\n  iTwinStatus: GroupingMappingWidget.translate(\"common.status\"),\n  iModels: \"iModels\",\n  iModelName: GroupingMappingWidget.translate(\"common.name\"),\n  iModelDescription: GroupingMappingWidget.translate(\"common.description\"),\n});\ninterface MappingImportWizardModalProps {\n  show: boolean;\n  setShow: (show: boolean) => void;\n  onFinish: () => Promise<void>;\n  displayStrings?: Partial<ReturnType<typeof getDefaultDisplayStrings>>;\n}\n\nexport const MappingImportWizardModal = ({ show, setShow, onFinish, displayStrings: userDisplayStrings }: MappingImportWizardModalProps) => {\n  const { prefix } = useGroupingMappingApiConfig();\n  const [currentStep, setCurrentStep] = useState<number>(0);\n  const [iTwinType, setITwinType] = useState<ITwinType>(ITwinType.Favorite);\n  const [selectedITwinId, setSelectedITwinId] = useState<string>(\"\");\n  const [selectedIModelId, setSelectedIModelId] = useState<string>(\"\");\n  const [selectedMappings, setSelectedMappings] = useState<IMappingTyped[]>([]);\n  const [importing, setImporting] = useState<boolean>(false);\n  const [iTwinsClient, setITwinsClient] = useState<ITwinsAccessClient>(createITwinsClient(prefix));\n  const [iModelsClient, setIModelsClient] = useState<IModelsClient>(createIModelsClient(prefix));\n\n  useEffect(() => {\n    setITwinsClient(createITwinsClient(prefix));\n    setIModelsClient(createIModelsClient(prefix));\n  }, [prefix]);\n\n  const displayStrings = React.useMemo(() => ({ ...getDefaultDisplayStrings(), ...userDisplayStrings }), [userDisplayStrings]);\n\n  const steps = useRef<StepProperties[]>([\n    {\n      name: GroupingMappingWidget.translate(\"import.selectITwin\"),\n      description: GroupingMappingWidget.translate(\"import.selectITwinDescription\", { mappings: displayStrings.mappings }),\n    },\n    {\n      name: GroupingMappingWidget.translate(\"import.selectIModel\"),\n      description: GroupingMappingWidget.translate(\"import.selectIModelDescription\"),\n    },\n    {\n      name: GroupingMappingWidget.translate(\"import.selectMappings\", { mappings: displayStrings.mappings }),\n      description: GroupingMappingWidget.translate(\"import.selectMappingsDescription\", { mappings: displayStrings.mappings }),\n    },\n    {\n      name: GroupingMappingWidget.translate(\"import.renameAndConfirm\"),\n      description: GroupingMappingWidget.translate(\"import.renameAndConfirmDescription\"),\n    },\n  ]);\n\n  const onClose = async () => {\n    setShow(false);\n    setCurrentStep(0);\n    await onFinish();\n  };\n\n  return (\n    <Modal\n      title={GroupingMappingWidget.translate(\"mappings.importMappings\", { mappings: displayStrings.mappings })}\n      modalRootId=\"grouping-mapping-widget\"\n      isOpen={show}\n      closeOnEsc={false}\n      closeOnExternalClick={false}\n      isDismissible={!importing}\n      styleType=\"fullPage\"\n      onClose={async () => {\n        await onClose();\n      }}\n    >\n      <div className=\"gmw-import-wizard-body-container\">\n        <Stepper currentStep={currentStep} steps={steps.current} onStepClick={importing ? undefined : (index: number) => setCurrentStep(index)} />\n\n        {(() => {\n          switch (currentStep) {\n            case 0:\n              return (\n                <ITwinsClientContext.Provider value={iTwinsClient}>\n                  <div className=\"gmw-table-container\">\n                    <SelectITwin\n                      onSelect={(iTwinId) => {\n                        setSelectedITwinId(iTwinId);\n                        setCurrentStep(1);\n                      }}\n                      onCancel={onClose}\n                      onChangeITwinType={setITwinType}\n                      displayStrings={displayStrings}\n                      defaultITwinType={iTwinType}\n                    />\n                  </div>\n                </ITwinsClientContext.Provider>\n              );\n            case 1:\n              return (\n                <IModelsClientContext.Provider value={iModelsClient}>\n                  <div className=\"gmw-table-container\">\n                    <SelectIModel\n                      iTwinId={selectedITwinId}\n                      onSelect={(iModelId) => {\n                        setSelectedIModelId(iModelId);\n                        setCurrentStep(2);\n                      }}\n                      backFn={() => setCurrentStep(currentStep - 1)}\n                      onCancel={onClose}\n                    />\n                  </div>\n                </IModelsClientContext.Provider>\n              );\n            case 2:\n            case 3:\n              // Preserve table state within Select Mappings\n              return (\n                <>\n                  <div style={{ display: currentStep === 2 ? \"flex\" : \"none\" }} className=\"gmw-mapping-container\">\n                    <SelectMappings\n                      iModelId={selectedIModelId}\n                      onSelect={(selectedMappings) => {\n                        setSelectedMappings(selectedMappings);\n                        setCurrentStep(3);\n                      }}\n                      onCancel={onClose}\n                      backFn={() => setCurrentStep(currentStep - 1)}\n                      displayStrings={displayStrings}\n                    />\n                  </div>\n                  {currentStep === 3 && (\n                    <ConfirmMappingImport\n                      selectedMappings={selectedMappings}\n                      importing={importing}\n                      setImporting={setImporting}\n                      setSelectedMappings={setSelectedMappings}\n                      backFn={() => setCurrentStep(currentStep - 1)}\n                      onCancel={onClose}\n                      onFinish={onClose}\n                      displayStrings={displayStrings}\n                    />\n                  )}\n                </>\n              );\n            default:\n              return null;\n          }\n        })()}\n      </div>\n    </Modal>\n  );\n};\n"]}

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import "./SelectIModel.scss";
-declare const defaultDisplayStrings: {
+declare const getDefaultDisplayStrings: () => {
     iModels: string;
     iModelName: string;
     iModelDescription: string;
@@ -10,7 +9,7 @@ interface SelectIModelProps {
     onSelect: (iModelId: string) => void;
     onCancel: () => void;
     backFn: () => void;
-    displayStrings?: Partial<typeof defaultDisplayStrings>;
+    displayStrings?: Partial<ReturnType<typeof getDefaultDisplayStrings>>;
 }
 declare const SelectIModel: ({ iTwinId: iTwinId, onSelect, onCancel, backFn, displayStrings: userDisplayStrings }: SelectIModelProps) => JSX.Element;
 export default SelectIModel;

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

@@ -25,16 +25,17 @@ 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");
 require("./SelectIModel.scss");
 const GroupingApiConfigContext_1 = require("../../context/GroupingApiConfigContext");
 const IModelsClientContext_1 = require("../../context/IModelsClientContext");
 const react_query_1 = require("@tanstack/react-query");
 const imodels_access_frontend_1 = require("@itwin/imodels-access-frontend");
-const defaultDisplayStrings = {
+const getDefaultDisplayStrings = () => ({
     iModels: "iModels",
-    iModelName: "Name",
-    iModelDescription: "Description",
-};
+    iModelName: GroupingMappingWidget_1.GroupingMappingWidget.translate("common.name"),
+    iModelDescription: GroupingMappingWidget_1.GroupingMappingWidget.translate("common.description"),
+});
 const fetchIModels = async (getAccessToken, iTwinId, iModelsClient) => {
     const accessToken = await getAccessToken();
     const authorization = imodels_access_frontend_1.AccessTokenAdapter.toAuthorizationCallback(accessToken);
@@ -57,7 +58,7 @@ const SelectIModel = ({ iTwinId: iTwinId, onSelect, onCancel, backFn, displayStr
         queryKey: ["iModels", iTwinId],
         queryFn: async () => fetchIModels(getAccessToken, iTwinId, iModelsClient),
     });
-    const displayStrings = react_1.default.useMemo(() => ({ ...defaultDisplayStrings, ...userDisplayStrings }), [userDisplayStrings]);
+    const displayStrings = react_1.default.useMemo(() => ({ ...getDefaultDisplayStrings(), ...userDisplayStrings }), [userDisplayStrings]);
     const iModelsColumns = (0, react_1.useMemo)(() => [
         {
             id: "iModelName",
@@ -75,12 +76,12 @@ const SelectIModel = ({ iTwinId: iTwinId, onSelect, onCancel, backFn, displayStr
     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-imodel-table-container" },
-        react_1.default.createElement(itwinui_react_1.Table, { data: iModels ?? [], columns: iModelsColumns, className: "gmw-select-imodel-table", emptyTableContent: `No ${displayStrings.iModels} available.`, isSortable: true, isLoading: isLoading, onRowClick: (_, row) => {
+        react_1.default.createElement(itwinui_react_1.Table, { data: iModels ?? [], columns: iModelsColumns, className: "gmw-select-imodel-table", emptyTableContent: GroupingMappingWidget_1.GroupingMappingWidget.translate("import.noIModels", { iModels: displayStrings.iModels }), 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: backFn }, "Back"),
-            react_1.default.createElement(itwinui_react_1.Button, { onClick: onCancel }, "Cancel"))));
+            react_1.default.createElement(itwinui_react_1.Button, { onClick: backFn }, GroupingMappingWidget_1.GroupingMappingWidget.translate("common.back")),
+            react_1.default.createElement(itwinui_react_1.Button, { onClick: onCancel }, GroupingMappingWidget_1.GroupingMappingWidget.translate("common.cancel")))));
 };
 exports.default = SelectIModel;
 //# sourceMappingURL=SelectIModel.js.map