@itwin/reports-config-widget-react 0.0.1

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

@@ -0,0 +1,193 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Extraction = exports.ExtractionStatus = exports.ExtractionStates = exports.REFRESH_DELAY = void 0;
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const insights_client_1 = require("@itwin/insights-client");
+const utils_1 = require("./utils");
+require("./Extraction.scss");
+const itwinui_icons_color_react_1 = require("@itwin/itwinui-icons-color-react");
+const ReportsApiConfigContext_1 = require("../context/ReportsApiConfigContext");
+const ReportsConfigWidget_1 = require("../../ReportsConfigWidget");
+exports.REFRESH_DELAY = 2000;
+var ExtractionStates;
+(function (ExtractionStates) {
+    ExtractionStates[ExtractionStates["None"] = 0] = "None";
+    ExtractionStates[ExtractionStates["Starting"] = 1] = "Starting";
+    ExtractionStates[ExtractionStates["FetchingUpdate"] = 2] = "FetchingUpdate";
+    ExtractionStates[ExtractionStates["Queued"] = 3] = "Queued";
+    ExtractionStates[ExtractionStates["Running"] = 4] = "Running";
+    ExtractionStates[ExtractionStates["Succeeded"] = 5] = "Succeeded";
+    ExtractionStates[ExtractionStates["Failed"] = 6] = "Failed";
+})(ExtractionStates = exports.ExtractionStates || (exports.ExtractionStates = {}));
+const ExtractionStatus = ({ state, children, setExtractionState, }) => {
+    const [fadeOut, setFadeOut] = react_1.useState(false);
+    const onAnimationEnd = () => {
+        if (setExtractionState) {
+            setExtractionState(ExtractionStates.None);
+            setFadeOut(false);
+        }
+    };
+    react_1.useEffect(() => {
+        let timer;
+        switch (state) {
+            case ExtractionStates.Succeeded:
+            case ExtractionStates.Failed:
+                timer = window.setTimeout(() => setFadeOut(true), 5000);
+        }
+        return () => clearTimeout(timer);
+    }, [state, setExtractionState]);
+    switch (state) {
+        case ExtractionStates.Starting:
+            return (React.createElement("div", { title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Starting"), className: "extraction-status" },
+                React.createElement("div", { className: "status-icon" },
+                    React.createElement(itwinui_icons_color_react_1.SvgStatusPendingHollow, null))));
+        case ExtractionStates.FetchingUpdate:
+            return (React.createElement("div", { title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Loading"), className: "extraction-status" },
+                React.createElement(itwinui_react_1.ProgressRadial, { size: "x-small", indeterminate: true })));
+        case ExtractionStates.Queued:
+            return (React.createElement("div", { title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Queued"), className: "extraction-status" },
+                React.createElement("div", { className: "status-icon" },
+                    React.createElement(itwinui_icons_color_react_1.SvgStatusPending, null))));
+        case ExtractionStates.Running:
+            return (React.createElement("div", { title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Running"), className: "extraction-status" },
+                React.createElement(itwinui_react_1.ProgressRadial, { size: "x-small", indeterminate: true })));
+        case ExtractionStates.Succeeded:
+            return (React.createElement("div", { title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Success"), className: "extraction-status" },
+                React.createElement("div", { className: `status-icon`, style: {
+                        animationName: fadeOut ? "rcw-fade-out" : "",
+                        animationDelay: "5s",
+                        animationDuration: "1s",
+                    }, onAnimationEnd: onAnimationEnd },
+                    React.createElement(itwinui_icons_color_react_1.SvgStatusSuccess, null))));
+        case ExtractionStates.Failed:
+            return (React.createElement("div", { title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Failed"), className: "extraction-status" },
+                React.createElement("div", { className: `status-icon`, style: {
+                        animationName: fadeOut ? "rcw-fade-out" : "",
+                        animationDelay: "5s",
+                        animationDuration: "1s",
+                    }, onAnimationEnd: onAnimationEnd },
+                    React.createElement(itwinui_icons_color_react_1.SvgStatusError, null))));
+        default:
+            return React.createElement(React.Fragment, null, children);
+    }
+};
+exports.ExtractionStatus = ExtractionStatus;
+const Extraction = ({ iModels, setExtractingIModelId, extractionState, setExtractionState, isLoading, }) => {
+    const jobId = react_1.useRef("");
+    const intervalId = react_1.useRef();
+    const [isRunning, setIsRunning] = react_1.useState(false);
+    const [currentIModelId, setCurrentIModelId] = react_1.useState();
+    const apiConfig = ReportsApiConfigContext_1.useReportsApiConfig();
+    const runExtraction = async (iModelId) => {
+        var _a, _b;
+        try {
+            setExtractionState(ExtractionStates.Starting);
+            setExtractingIModelId(iModelId);
+            const reportingClientApi = new insights_client_1.ReportingClient(utils_1.generateUrl(insights_client_1.REPORTING_BASE_PATH, apiConfig.baseUrl));
+            const accessToken = await apiConfig.getAccessToken();
+            const response = await reportingClientApi.runExtraction(accessToken, iModelId);
+            jobId.current = (_b = (_a = response.run) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : "";
+            setIsRunning(true);
+            setExtractionState(ExtractionStates.FetchingUpdate);
+        }
+        catch (error) {
+            utils_1.handleError(error.status);
+            setExtractionState(ExtractionStates.Failed);
+            setIsRunning(false);
+            setCurrentIModelId(undefined);
+        }
+    };
+    react_1.useEffect(() => {
+        if (!intervalId.current && isRunning) {
+            const newIntervalId = window.setInterval(async () => {
+                var _a, _b, _c, _d;
+                const reportingClientApi = new insights_client_1.ReportingClient(utils_1.generateUrl(insights_client_1.REPORTING_BASE_PATH, apiConfig.baseUrl));
+                const accessToken = await apiConfig.getAccessToken();
+                const response = await reportingClientApi.getExtractionStatus(accessToken, jobId.current);
+                if (((_a = response.status) === null || _a === void 0 ? void 0 : _a.state) === "Queued") {
+                    setExtractionState(ExtractionStates.Queued);
+                }
+                else if (((_b = response.status) === null || _b === void 0 ? void 0 : _b.state) === "Running") {
+                    setExtractionState(ExtractionStates.Running);
+                }
+                else if (((_c = response.status) === null || _c === void 0 ? void 0 : _c.state) === "Succeeded") {
+                    setExtractionState(ExtractionStates.Succeeded);
+                    setIsRunning(false);
+                    setCurrentIModelId(undefined);
+                }
+                else if (((_d = response.status) === null || _d === void 0 ? void 0 : _d.state) === "Failed") {
+                    setExtractionState(ExtractionStates.Failed);
+                    setIsRunning(false);
+                    setCurrentIModelId(undefined);
+                }
+            }, exports.REFRESH_DELAY);
+            intervalId.current = newIntervalId;
+        }
+        else if (intervalId && !isRunning) {
+            window.clearInterval(intervalId.current);
+            intervalId.current = undefined;
+        }
+        return () => window.clearInterval(intervalId.current);
+    }, [apiConfig, isRunning, jobId, setExtractionState]);
+    const iModelOptions = react_1.useMemo(() => {
+        // TODO Report ComboBox bug. Unique key error happens when the options list becomes reduced.
+        const newIModelOptions = [];
+        for (const [iModelId, iModelName] of iModels.entries()) {
+            newIModelOptions.push({
+                label: iModelName,
+                value: iModelId,
+                key: iModelId,
+                disabled: extractionState !== ExtractionStates.None,
+            });
+        }
+        return newIModelOptions;
+    }, [iModels, extractionState]);
+    return (React.createElement("div", { className: "extraction-container" },
+        React.createElement("div", { className: "extraction-combo-box", "data-testid": "extraction-combo-box" },
+            React.createElement(itwinui_react_1.Label, { htmlFor: "combo-input" }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateDataset")),
+            isLoading ? (React.createElement(utils_1.SkeletonBlock, null)) : (React.createElement(itwinui_react_1.ComboBox, { options: iModelOptions, value: currentIModelId, onChange: async (value) => {
+                    setCurrentIModelId(value);
+                    await runExtraction(value);
+                }, inputProps: {
+                    id: "combo-input",
+                    placeholder: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:SelectIModel"),
+                }, message: extractionState !== ExtractionStates.None && (React.createElement(itwinui_react_1.StatusMessage, null,
+                    React.createElement("div", { className: "extraction-status-container" },
+                        React.createElement(exports.ExtractionStatus, { state: extractionState, setExtractionState: setExtractionState }),
+                        (() => {
+                            switch (extractionState) {
+                                case ExtractionStates.Succeeded: {
+                                    return ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Success");
+                                }
+                                case ExtractionStates.Failed: {
+                                    return ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Failed");
+                                }
+                                default: {
+                                    return ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateInProgress");
+                                }
+                            }
+                        })()))) })))));
+};
+exports.Extraction = Extraction;
+//# sourceMappingURL=Extraction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Extraction.js","sourceRoot":"","sources":["../../../../src/widget/components/Extraction.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 { SelectOption } from \"@itwin/itwinui-react\";\nimport {\n  ComboBox,\n  Label,\n  ProgressRadial,\n  StatusMessage,\n} from \"@itwin/itwinui-react\";\nimport * as React from \"react\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { REPORTING_BASE_PATH, ReportingClient } from \"@itwin/insights-client\";\nimport { generateUrl, handleError, SkeletonBlock } from \"./utils\";\nimport \"./Extraction.scss\";\nimport {\n  SvgStatusError,\n  SvgStatusPending,\n  SvgStatusPendingHollow,\n  SvgStatusSuccess,\n} from \"@itwin/itwinui-icons-color-react\";\nimport { useReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\nexport const REFRESH_DELAY = 2000;\n\nexport enum ExtractionStates {\n  None,\n  Starting,\n  FetchingUpdate,\n  Queued,\n  Running,\n  Succeeded,\n  Failed,\n}\ninterface ExtractionStatusProps {\n  state: ExtractionStates;\n  setExtractionState?: React.Dispatch<React.SetStateAction<ExtractionStates>>;\n  children?: React.ReactNode;\n}\n\nexport const ExtractionStatus = ({\n  state,\n  children,\n  setExtractionState,\n}: ExtractionStatusProps) => {\n  const [fadeOut, setFadeOut] = useState<boolean>(false);\n\n  const onAnimationEnd = () => {\n    if (setExtractionState) {\n      setExtractionState(ExtractionStates.None);\n      setFadeOut(false);\n    }\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), 5000);\n    }\n    return () => clearTimeout(timer);\n  }, [state, setExtractionState]);\n\n  switch (state) {\n    case ExtractionStates.Starting:\n      return (\n        <div\n          title={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Starting\"\n          )}\n          className=\"extraction-status\"\n        >\n          <div className=\"status-icon\">\n            <SvgStatusPendingHollow />\n          </div>\n        </div>\n      );\n    case ExtractionStates.FetchingUpdate:\n      return (\n        <div\n          title={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Loading\"\n          )}\n          className=\"extraction-status\"\n        >\n          <ProgressRadial size=\"x-small\" indeterminate />\n        </div>\n      );\n    case ExtractionStates.Queued:\n      return (\n        <div\n          title={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Queued\"\n          )}\n          className=\"extraction-status\"\n        >\n          <div className=\"status-icon\">\n            <SvgStatusPending />\n          </div>\n        </div>\n      );\n    case ExtractionStates.Running:\n      return (\n        <div\n          title={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Running\"\n          )}\n          className=\"extraction-status\"\n        >\n          <ProgressRadial size=\"x-small\" indeterminate />\n        </div>\n      );\n    case ExtractionStates.Succeeded:\n      return (\n        <div\n          title={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Success\"\n          )}\n          className=\"extraction-status\"\n        >\n          <div\n            className={`status-icon`}\n            style={{\n              animationName: fadeOut ? \"rcw-fade-out\" : \"\",\n              animationDelay: \"5s\",\n              animationDuration: \"1s\",\n            }}\n            onAnimationEnd={onAnimationEnd}\n          >\n            <SvgStatusSuccess />\n          </div>\n        </div>\n      );\n    case ExtractionStates.Failed:\n      return (\n        <div\n          title={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Failed\"\n          )}\n          className=\"extraction-status\"\n        >\n          <div\n            className={`status-icon`}\n            style={{\n              animationName: fadeOut ? \"rcw-fade-out\" : \"\",\n              animationDelay: \"5s\",\n              animationDuration: \"1s\",\n            }}\n            onAnimationEnd={onAnimationEnd}\n          >\n            <SvgStatusError />\n          </div>\n        </div>\n      );\n    default:\n      return <>{children}</>;\n  }\n};\n\ninterface ExtractionProps {\n  iModels: Map<string, string>;\n  setExtractingIModelId: React.Dispatch<React.SetStateAction<string>>;\n  extractionState: ExtractionStates;\n  setExtractionState: React.Dispatch<React.SetStateAction<ExtractionStates>>;\n  isLoading: boolean;\n}\n\nexport const Extraction = ({\n  iModels,\n  setExtractingIModelId,\n  extractionState,\n  setExtractionState,\n  isLoading,\n}: ExtractionProps) => {\n  const jobId = useRef<string>(\"\");\n  const intervalId = useRef<number>();\n  const [isRunning, setIsRunning] = useState<boolean>(false);\n  const [currentIModelId, setCurrentIModelId] = useState<string>();\n  const apiConfig = useReportsApiConfig();\n\n  const runExtraction = async (iModelId: string) => {\n    try {\n      setExtractionState(ExtractionStates.Starting);\n      setExtractingIModelId(iModelId);\n      const reportingClientApi = new ReportingClient(\n        generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)\n      );\n      const accessToken = await apiConfig.getAccessToken();\n      const response = await reportingClientApi.runExtraction(\n        accessToken,\n        iModelId\n      );\n      jobId.current = response.run?.id ?? \"\";\n      setIsRunning(true);\n      setExtractionState(ExtractionStates.FetchingUpdate);\n    } catch (error: any) {\n      handleError(error.status);\n      setExtractionState(ExtractionStates.Failed);\n      setIsRunning(false);\n      setCurrentIModelId(undefined);\n    }\n  };\n\n  useEffect(() => {\n    if (!intervalId.current && isRunning) {\n      const newIntervalId = window.setInterval(async () => {\n        const reportingClientApi = new ReportingClient(\n          generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)\n        );\n        const accessToken = await apiConfig.getAccessToken();\n        const response = await reportingClientApi.getExtractionStatus(\n          accessToken,\n          jobId.current\n        );\n        if (response.status?.state === \"Queued\") {\n          setExtractionState(ExtractionStates.Queued);\n        } else if (response.status?.state === \"Running\") {\n          setExtractionState(ExtractionStates.Running);\n        } else if (response.status?.state === \"Succeeded\") {\n          setExtractionState(ExtractionStates.Succeeded);\n          setIsRunning(false);\n          setCurrentIModelId(undefined);\n        } else if (response.status?.state === \"Failed\") {\n          setExtractionState(ExtractionStates.Failed);\n          setIsRunning(false);\n          setCurrentIModelId(undefined);\n        }\n      }, REFRESH_DELAY);\n      intervalId.current = newIntervalId;\n    } else if (intervalId && !isRunning) {\n      window.clearInterval(intervalId.current);\n      intervalId.current = undefined;\n    }\n    return () => window.clearInterval(intervalId.current);\n  }, [apiConfig, isRunning, jobId, setExtractionState]);\n\n  const iModelOptions = useMemo(() => {\n    // TODO Report ComboBox bug. Unique key error happens when the options list becomes reduced.\n    const newIModelOptions: SelectOption<string>[] = [];\n\n    for (const [iModelId, iModelName] of iModels.entries()) {\n      newIModelOptions.push({\n        label: iModelName,\n        value: iModelId,\n        key: iModelId,\n        disabled: extractionState !== ExtractionStates.None,\n      });\n    }\n    return newIModelOptions;\n  }, [iModels, extractionState]);\n\n  return (\n    <div className=\"extraction-container\">\n      <div className=\"extraction-combo-box\" data-testid=\"extraction-combo-box\">\n        <Label htmlFor=\"combo-input\">\n          {ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:UpdateDataset\"\n          )}\n        </Label>\n        {isLoading ? (\n          <SkeletonBlock />\n        ) : (\n          <ComboBox\n            options={iModelOptions}\n            value={currentIModelId}\n            onChange={async (value) => {\n              setCurrentIModelId(value);\n              await runExtraction(value);\n            }}\n            inputProps={{\n              id: \"combo-input\",\n              placeholder: ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:SelectIModel\"\n              ),\n            }}\n            message={\n              extractionState !== ExtractionStates.None && (\n                <StatusMessage>\n                  <div className=\"extraction-status-container\">\n                    <ExtractionStatus\n                      state={extractionState}\n                      setExtractionState={setExtractionState}\n                    />\n                    {(() => {\n                      switch (extractionState) {\n                        case ExtractionStates.Succeeded: {\n                          return ReportsConfigWidget.localization.getLocalizedString(\n                            \"ReportsConfigWidget:Success\"\n                          );\n                        }\n                        case ExtractionStates.Failed: {\n                          return ReportsConfigWidget.localization.getLocalizedString(\n                            \"ReportsConfigWidget:Failed\"\n                          );\n                        }\n                        default: {\n                          return ReportsConfigWidget.localization.getLocalizedString(\n                            \"ReportsConfigWidget:UpdateInProgress\"\n                          );\n                        }\n                      }\n                    })()}\n                  </div>\n                </StatusMessage>\n              )\n            }\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"]}

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

@@ -0,0 +1,39 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/itwinui-css/scss/variables";
+
+.extraction-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: $iui-s;
+  .extraction-combo-box {
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+  }
+  .extraction-status-container {
+    display: flex;
+  }
+}
+
+.extraction-status {
+  display: flex;
+  align-items: center;
+  margin: 0 $iui-s;
+  .status-icon {
+    width: $iui-icons-default;
+    height: $iui-icons-default;
+  }
+}
+
+@keyframes rcw-fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}

package/lib/cjs/widget/components/HorizontalTile.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+import "./HorizontalTile.scss";
+interface HorizontalTileProps {
+    title: string;
+    button: ReactNode;
+    subText?: string;
+    onClickTitle?: () => void;
+    titleTooltip?: string;
+    subtextToolTip?: string;
+}
+export declare const HorizontalTile: ({ title, subText, onClickTitle, titleTooltip, subtextToolTip, button, }: HorizontalTileProps) => JSX.Element;
+export {};
+//# sourceMappingURL=HorizontalTile.d.ts.map

package/lib/cjs/widget/components/HorizontalTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalTile.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/HorizontalTile.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,uBAAuB,CAAC;AAE/B,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,cAAc,4EAOxB,mBAAmB,gBA+BrB,CAAC"}

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

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HorizontalTile = void 0;
+const react_1 = __importDefault(require("react"));
+const itwinui_react_1 = require("@itwin/itwinui-react");
+require("./HorizontalTile.scss");
+const HorizontalTile = ({ title, subText, onClickTitle, titleTooltip, subtextToolTip, button, }) => {
+    return (react_1.default.createElement("div", { className: "rcw-horizontal-tile-container", "data-testid": "horizontal-tile" },
+        react_1.default.createElement("div", { className: "body" },
+            react_1.default.createElement(itwinui_react_1.Text, { className: `body-text ${onClickTitle ? "iui-anchor" : ""}`, onClick: onClickTitle, variant: "body", title: titleTooltip }, title),
+            subText && (react_1.default.createElement(itwinui_react_1.Text, { className: "body-text", isMuted: true, title: subtextToolTip, variant: "small" }, subText))),
+        react_1.default.createElement("div", { className: "action-button", "data-testid": "tile-action-button" }, button)));
+};
+exports.HorizontalTile = HorizontalTile;
+//# sourceMappingURL=HorizontalTile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalTile.js","sourceRoot":"","sources":["../../../../src/widget/components/HorizontalTile.tsx"],"names":[],"mappings":";;;;;;AAKA,kDAA0B;AAC1B,wDAA4C;AAC5C,iCAA+B;AAWxB,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,MAAM,GACc,EAAE,EAAE;IACxB,OAAO,CACL,uCACE,SAAS,EAAC,+BAA+B,iBAC7B,iBAAiB;QAE7B,uCAAK,SAAS,EAAC,MAAM;YACnB,8BAAC,oBAAI,IACH,SAAS,EAAE,aAAa,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAC1D,OAAO,EAAE,YAAY,EACrB,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,YAAY,IAElB,KAAK,CACD;YACN,OAAO,IAAI,CACV,8BAAC,oBAAI,IACH,SAAS,EAAC,WAAW,EACrB,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,cAAc,EACrB,OAAO,EAAC,OAAO,IAEd,OAAO,CACH,CACR,CACG;QACN,uCAAK,SAAS,EAAC,eAAe,iBAAa,oBAAoB,IAC5D,MAAM,CACH,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,cAAc,kBAsCzB","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 { ReactNode } from \"react\";\nimport React from \"react\";\nimport { Text } from \"@itwin/itwinui-react\";\nimport \"./HorizontalTile.scss\";\n\ninterface HorizontalTileProps {\n  title: string;\n  button: ReactNode;\n  subText?: string;\n  onClickTitle?: () => void;\n  titleTooltip?: string;\n  subtextToolTip?: string;\n}\n\nexport const HorizontalTile = ({\n  title,\n  subText,\n  onClickTitle,\n  titleTooltip,\n  subtextToolTip,\n  button,\n}: HorizontalTileProps) => {\n  return (\n    <div\n      className=\"rcw-horizontal-tile-container\"\n      data-testid=\"horizontal-tile\"\n    >\n      <div className=\"body\">\n        <Text\n          className={`body-text ${onClickTitle ? \"iui-anchor\" : \"\"}`}\n          onClick={onClickTitle}\n          variant=\"body\"\n          title={titleTooltip}\n        >\n          {title}\n        </Text>\n        {subText && (\n          <Text\n            className=\"body-text\"\n            isMuted={true}\n            title={subtextToolTip}\n            variant=\"small\"\n          >\n            {subText}\n          </Text>\n        )}\n      </div>\n      <div className=\"action-button\" data-testid=\"tile-action-button\">\n        {button}\n      </div>\n    </div>\n  );\n};\n"]}

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

@@ -0,0 +1,32 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/itwinui-css/scss/variables";
+
+.rcw-horizontal-tile-container {
+  display: flex;
+  justify-content: space-between;
+  border-radius: 5px;
+  background-color: var(--iui-color-background-2);
+  height: $iui-baseline * 4;
+  padding: 5.5px $iui-s;
+  .body {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    justify-content: center;
+    &-text {
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+  }
+  .action-button {
+    margin-left: 0;
+    align-self: center;
+    min-width: 36px;
+    margin-right: $iui-xs;
+    flex-shrink: 0;
+  }
+}

package/lib/cjs/widget/components/LocalizedTablePaginator.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { TablePaginatorRendererProps } from "@itwin/itwinui-react";
+export declare const LocalizedTablePaginator: (props: TablePaginatorRendererProps) => JSX.Element;
+//# sourceMappingURL=LocalizedTablePaginator.d.ts.map

package/lib/cjs/widget/components/LocalizedTablePaginator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalizedTablePaginator.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/LocalizedTablePaginator.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AAKxE,eAAO,MAAM,uBAAuB,UAAW,2BAA2B,gBAiDzE,CAAC"}

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

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocalizedTablePaginator = void 0;
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const react_1 = __importStar(require("react"));
+const ReportsConfigWidget_1 = require("../../ReportsConfigWidget");
+const LocalizedTablePaginator = (props) => {
+    const pageSizeList = react_1.useMemo(() => [10, 25, 50], []);
+    const paginationLocalization = react_1.useMemo(() => ({
+        pageSizeLabel: (size) => ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Table.SizePerPage", { size }),
+        rangeLabel: (startIndex, endIndex, totalRows, isLoading) => isLoading
+            ? ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Table.StartIndexEndIndex", { startIndex, endIndex })
+            : ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Table.StartIndexEndIndexOf", { startIndex, endIndex, totalRows }),
+        previousPage: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Table.PreviousPage"),
+        nextPage: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Table.NextPage"),
+        goToPageLabel: (page) => ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Table.GoToPage", { page }),
+        rowsPerPageLabel: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Table.RowsPerPage"),
+    }), []);
+    return (react_1.default.createElement(itwinui_react_1.TablePaginator, { ...props, pageSizeList: pageSizeList, localization: paginationLocalization }));
+};
+exports.LocalizedTablePaginator = LocalizedTablePaginator;
+//# sourceMappingURL=LocalizedTablePaginator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocalizedTablePaginator.js","sourceRoot":"","sources":["../../../../src/widget/components/LocalizedTablePaginator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,wDAAsD;AACtD,+CAAuC;AACvC,mEAAgE;AAEzD,MAAM,uBAAuB,GAAG,CAAC,KAAkC,EAAE,EAAE;IAC5E,MAAM,YAAY,GAAG,eAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACrD,MAAM,sBAAsB,GAAG,eAAO,CACpC,GAAG,EAAE,CAAC,CAAC;QACL,aAAa,EAAE,CAAC,IAAY,EAAE,EAAE,CAC9B,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACjD,uCAAuC,EACvC,EAAE,IAAI,EAAE,CACT;QACH,UAAU,EAAE,CACV,UAAkB,EAClB,QAAgB,EAChB,SAAiB,EACjB,SAAkB,EAClB,EAAE,CACF,SAAS;YACP,CAAC,CAAC,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACnD,8CAA8C,EAC9C,EAAE,UAAU,EAAE,QAAQ,EAAE,CACzB;YACD,CAAC,CAAC,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACnD,gDAAgD,EAChD,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,CACpC;QACL,YAAY,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC/D,wCAAwC,CACzC;QACD,QAAQ,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC3D,oCAAoC,CACrC;QACD,aAAa,EAAE,CAAC,IAAY,EAAE,EAAE,CAC9B,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACjD,oCAAoC,EACpC,EAAE,IAAI,EAAE,CACT;QACH,gBAAgB,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACnE,uCAAuC,CACxC;KACF,CAAC,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,8BAAC,8BAAc,OACT,KAAK,EACT,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,sBAAsB,GACpC,CACH,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,uBAAuB,2BAiDlC","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 { TablePaginator } from \"@itwin/itwinui-react\";\nimport React, { useMemo } from \"react\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\nexport const LocalizedTablePaginator = (props: TablePaginatorRendererProps) => {\n  const pageSizeList = useMemo(() => [10, 25, 50], []);\n  const paginationLocalization = useMemo(\n    () => ({\n      pageSizeLabel: (size: number) =>\n        ReportsConfigWidget.localization.getLocalizedString(\n          \"ReportsConfigWidget:Table.SizePerPage\",\n          { size }\n        ),\n      rangeLabel: (\n        startIndex: number,\n        endIndex: number,\n        totalRows: number,\n        isLoading: boolean\n      ) =>\n        isLoading\n          ? ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Table.StartIndexEndIndex\",\n            { startIndex, endIndex }\n          )\n          : ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Table.StartIndexEndIndexOf\",\n            { startIndex, endIndex, totalRows }\n          ),\n      previousPage: ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:Table.PreviousPage\"\n      ),\n      nextPage: ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:Table.NextPage\"\n      ),\n      goToPageLabel: (page: number) =>\n        ReportsConfigWidget.localization.getLocalizedString(\n          \"ReportsConfigWidget:Table.GoToPage\",\n          { page }\n        ),\n      rowsPerPageLabel: ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:Table.RowsPerPage\"\n      ),\n    }),\n    []\n  );\n\n  return (\n    <TablePaginator\n      {...props}\n      pageSizeList={pageSizeList}\n      localization={paginationLocalization}\n    />\n  );\n};\n"]}

package/lib/cjs/widget/components/ReportAction.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import "./ReportAction.scss";
+import type { Report } from "@itwin/insights-client";
+interface ReportActionProps {
+    iTwinId: string;
+    report?: Report;
+    returnFn: () => Promise<void>;
+}
+declare const ReportAction: ({ iTwinId, report, returnFn }: ReportActionProps) => JSX.Element;
+export default ReportAction;
+//# sourceMappingURL=ReportAction.d.ts.map

package/lib/cjs/widget/components/ReportAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportAction.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ReportAction.tsx"],"names":[],"mappings":";AAcA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAKrD,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/B;AAED,QAAA,MAAM,YAAY,kCAAmC,iBAAiB,gBAqHrE,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,101 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const react_1 = __importStar(require("react"));
+const ActionPanel_1 = __importDefault(require("./ActionPanel"));
+const useValidator_1 = __importStar(require("../hooks/useValidator"));
+const utils_1 = require("./utils");
+require("./ReportAction.scss");
+const insights_client_1 = require("@itwin/insights-client");
+const ReportsApiConfigContext_1 = require("../context/ReportsApiConfigContext");
+const ReportsConfigWidget_1 = require("../../ReportsConfigWidget");
+const ReportAction = ({ iTwinId, report, returnFn }) => {
+    var _a, _b;
+    const apiConfig = ReportsApiConfigContext_1.useReportsApiConfig();
+    const [values, setValues] = react_1.useState({
+        name: (_a = report === null || report === void 0 ? void 0 : report.displayName) !== null && _a !== void 0 ? _a : "",
+        description: (_b = report === null || report === void 0 ? void 0 : report.description) !== null && _b !== void 0 ? _b : "",
+    });
+    const [validator, showValidationMessage] = useValidator_1.default();
+    const [isLoading, setIsLoading] = react_1.useState(false);
+    const onSave = async () => {
+        var _a;
+        try {
+            if (!validator.allValid()) {
+                showValidationMessage(true);
+                return;
+            }
+            setIsLoading(true);
+            const reportingClientApi = new insights_client_1.ReportingClient(utils_1.generateUrl(insights_client_1.REPORTING_BASE_PATH, apiConfig.baseUrl));
+            const accessToken = await apiConfig.getAccessToken();
+            report
+                ? await reportingClientApi.updateReport(accessToken, (_a = report.id) !== null && _a !== void 0 ? _a : "", {
+                    displayName: values.name,
+                    description: values.description,
+                })
+                : await reportingClientApi.createReport(accessToken, {
+                    displayName: values.name,
+                    description: values.description,
+                    projectId: iTwinId,
+                });
+            await returnFn();
+        }
+        catch (error) {
+            utils_1.handleError(error.status);
+            setIsLoading(false);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(utils_1.WidgetHeader, { title: report
+                ? ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ModifyReport")
+                : ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:AddReport"), returnFn: returnFn }),
+        react_1.default.createElement("div", { className: "rcw-details-form-container" },
+            react_1.default.createElement(itwinui_react_1.Fieldset, { legend: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ReportDetails"), className: "details-form" },
+                react_1.default.createElement(itwinui_react_1.Small, { className: "field-legend" }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:MandatoryFields")),
+                react_1.default.createElement(itwinui_react_1.LabeledInput, { id: "name", name: "name", label: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Name"), value: values.name, required: true, disabled: isLoading, onChange: (event) => {
+                        utils_1.handleInputChange(event, values, setValues);
+                        validator.showMessageFor("name");
+                    }, message: validator.message("name", values.name, useValidator_1.NAME_REQUIREMENTS), status: validator.message("name", values.name, useValidator_1.NAME_REQUIREMENTS)
+                        ? "negative"
+                        : undefined, onBlur: () => {
+                        validator.showMessageFor("name");
+                    }, onBlurCapture: (event) => {
+                        utils_1.handleInputChange(event, values, setValues);
+                        validator.showMessageFor("name");
+                    } }),
+                react_1.default.createElement(itwinui_react_1.LabeledInput, { id: "description", name: "description", label: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Description"), value: values.description, onChange: (event) => {
+                        utils_1.handleInputChange(event, values, setValues);
+                    }, disabled: isLoading }))),
+        react_1.default.createElement(ActionPanel_1.default, { actionLabel: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Add"), onAction: onSave, onCancel: returnFn, isSavingDisabled: !values.name, isLoading: isLoading })));
+};
+exports.default = ReportAction;
+//# sourceMappingURL=ReportAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReportAction.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportAction.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 { Fieldset, LabeledInput, Small } from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport ActionPanel from \"./ActionPanel\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../hooks/useValidator\";\nimport {\n  generateUrl,\n  handleError,\n  handleInputChange,\n  WidgetHeader,\n} from \"./utils\";\nimport \"./ReportAction.scss\";\nimport type { Report } from \"@itwin/insights-client\";\nimport { REPORTING_BASE_PATH, ReportingClient } from \"@itwin/insights-client\";\nimport { useReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\ninterface ReportActionProps {\n  iTwinId: string;\n  report?: Report;\n  returnFn: () => Promise<void>;\n}\n\nconst ReportAction = ({ iTwinId, report, returnFn }: ReportActionProps) => {\n  const apiConfig = useReportsApiConfig();\n  const [values, setValues] = useState({\n    name: report?.displayName ?? \"\",\n    description: report?.description ?? \"\",\n  });\n  const [validator, showValidationMessage] = useValidator();\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n\n  const onSave = async () => {\n    try {\n      if (!validator.allValid()) {\n        showValidationMessage(true);\n        return;\n      }\n      setIsLoading(true);\n      const reportingClientApi = new ReportingClient(\n        generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)\n      );\n      const accessToken = await apiConfig.getAccessToken();\n      report\n        ? await reportingClientApi.updateReport(accessToken, report.id ?? \"\", {\n          displayName: values.name,\n          description: values.description,\n        })\n        : await reportingClientApi.createReport(accessToken, {\n          displayName: values.name,\n          description: values.description,\n          projectId: iTwinId,\n        });\n      await returnFn();\n    } catch (error: any) {\n      handleError(error.status);\n      setIsLoading(false);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return (\n    <>\n      <WidgetHeader\n        title={\n          report\n            ? ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:ModifyReport\"\n            )\n            : ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:AddReport\"\n            )\n        }\n        returnFn={returnFn}\n      />\n      <div className=\"rcw-details-form-container\">\n        <Fieldset\n          legend={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:ReportDetails\"\n          )}\n          className=\"details-form\"\n        >\n          <Small className=\"field-legend\">\n            {ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:MandatoryFields\"\n            )}\n          </Small>\n          <LabeledInput\n            id=\"name\"\n            name=\"name\"\n            label={ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:Name\"\n            )}\n            value={values.name}\n            required\n            disabled={isLoading}\n            onChange={(event) => {\n              handleInputChange(event, values, setValues);\n              validator.showMessageFor(\"name\");\n            }}\n            message={validator.message(\"name\", values.name, NAME_REQUIREMENTS)}\n            status={\n              validator.message(\"name\", values.name, NAME_REQUIREMENTS)\n                ? \"negative\"\n                : undefined\n            }\n            onBlur={() => {\n              validator.showMessageFor(\"name\");\n            }}\n            onBlurCapture={(event) => {\n              handleInputChange(event, values, setValues);\n              validator.showMessageFor(\"name\");\n            }}\n          />\n          <LabeledInput\n            id=\"description\"\n            name=\"description\"\n            label={ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:Description\"\n            )}\n            value={values.description}\n            onChange={(event) => {\n              handleInputChange(event, values, setValues);\n            }}\n            disabled={isLoading}\n          />\n        </Fieldset>\n      </div>\n      <ActionPanel\n        actionLabel={ReportsConfigWidget.localization.getLocalizedString(\n          \"ReportsConfigWidget:Add\"\n        )}\n        onAction={onSave}\n        onCancel={returnFn}\n        isSavingDisabled={!values.name}\n        isLoading={isLoading}\n      />\n    </>\n  );\n};\n\nexport default ReportAction;\n"]}

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

@@ -0,0 +1,16 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/itwinui-css/scss/variables";
+
+.rcw-details-form-container {
+  overflow-x: auto;
+  height: 100%;
+
+  .details-form {
+    display: flex;
+    flex-direction: column;
+    gap: $iui-baseline;
+  }
+}

package/lib/cjs/widget/components/ReportMappings.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { CreateTypeFromInterface } from "./utils";
+import "./ReportMappings.scss";
+import type { Report, ReportMapping } from "@itwin/insights-client";
+export declare type ReportMappingType = CreateTypeFromInterface<ReportMapping>;
+export declare type ReportMappingAndMapping = ReportMappingType & {
+    mappingName: string;
+    mappingDescription: string;
+    iModelName: string;
+};
+interface ReportMappingsProps {
+    report: Report;
+    goBack: () => Promise<void>;
+}
+export declare const ReportMappings: ({ report, goBack }: ReportMappingsProps) => JSX.Element;
+export {};
+//# sourceMappingURL=ReportMappings.d.ts.map

package/lib/cjs/widget/components/ReportMappings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportMappings.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappings.tsx"],"names":[],"mappings":";AAqBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAQvD,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAgBpE,oBAAY,iBAAiB,GAAG,uBAAuB,CAAC,aAAa,CAAC,CAAC;AAEvE,oBAAY,uBAAuB,GAAG,iBAAiB,GAAG;IACxD,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAuEF,UAAU,mBAAmB;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,uBAAwB,mBAAmB,gBA4NrE,CAAC"}