@itwin/reports-config-widget-react 0.0.1

package/lib/esm/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/esm/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/esm/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/esm/widget/components/HorizontalTile.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { Text } from "@itwin/itwinui-react";
+import "./HorizontalTile.scss";
+export const HorizontalTile = ({ title, subText, onClickTitle, titleTooltip, subtextToolTip, button, }) => {
+    return (React.createElement("div", { className: "rcw-horizontal-tile-container", "data-testid": "horizontal-tile" },
+        React.createElement("div", { className: "body" },
+            React.createElement(Text, { className: `body-text ${onClickTitle ? "iui-anchor" : ""}`, onClick: onClickTitle, variant: "body", title: titleTooltip }, title),
+            subText && (React.createElement(Text, { className: "body-text", isMuted: true, title: subtextToolTip, variant: "small" }, subText))),
+        React.createElement("div", { className: "action-button", "data-testid": "tile-action-button" }, button)));
+};
+//# sourceMappingURL=HorizontalTile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalTile.js","sourceRoot":"","sources":["../../../../src/widget/components/HorizontalTile.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,uBAAuB,CAAC;AAW/B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,MAAM,GACc,EAAE,EAAE;IACxB,OAAO,CACL,6BACE,SAAS,EAAC,+BAA+B,iBAC7B,iBAAiB;QAE7B,6BAAK,SAAS,EAAC,MAAM;YACnB,oBAAC,IAAI,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,oBAAC,IAAI,IACH,SAAS,EAAC,WAAW,EACrB,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,cAAc,EACrB,OAAO,EAAC,OAAO,IAEd,OAAO,CACH,CACR,CACG;QACN,6BAAK,SAAS,EAAC,eAAe,iBAAa,oBAAoB,IAC5D,MAAM,CACH,CACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { 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/esm/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/esm/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/esm/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/esm/widget/components/LocalizedTablePaginator.js

@@ -0,0 +1,18 @@
+import { TablePaginator } from "@itwin/itwinui-react";
+import React, { useMemo } from "react";
+import { ReportsConfigWidget } from "../../ReportsConfigWidget";
+export const LocalizedTablePaginator = (props) => {
+    const pageSizeList = useMemo(() => [10, 25, 50], []);
+    const paginationLocalization = useMemo(() => ({
+        pageSizeLabel: (size) => ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Table.SizePerPage", { size }),
+        rangeLabel: (startIndex, endIndex, totalRows, isLoading) => isLoading
+            ? ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Table.StartIndexEndIndex", { startIndex, endIndex })
+            : ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Table.StartIndexEndIndexOf", { startIndex, endIndex, totalRows }),
+        previousPage: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Table.PreviousPage"),
+        nextPage: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Table.NextPage"),
+        goToPageLabel: (page) => ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Table.GoToPage", { page }),
+        rowsPerPageLabel: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Table.RowsPerPage"),
+    }), []);
+    return (React.createElement(TablePaginator, { ...props, pageSizeList: pageSizeList, localization: paginationLocalization }));
+};
+//# sourceMappingURL=LocalizedTablePaginator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocalizedTablePaginator.js","sourceRoot":"","sources":["../../../../src/widget/components/LocalizedTablePaginator.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAkC,EAAE,EAAE;IAC5E,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACrD,MAAM,sBAAsB,GAAG,OAAO,CACpC,GAAG,EAAE,CAAC,CAAC;QACL,aAAa,EAAE,CAAC,IAAY,EAAE,EAAE,CAC9B,mBAAmB,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,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACnD,8CAA8C,EAC9C,EAAE,UAAU,EAAE,QAAQ,EAAE,CACzB;YACD,CAAC,CAAC,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACnD,gDAAgD,EAChD,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,CACpC;QACL,YAAY,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC/D,wCAAwC,CACzC;QACD,QAAQ,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC3D,oCAAoC,CACrC;QACD,aAAa,EAAE,CAAC,IAAY,EAAE,EAAE,CAC9B,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACjD,oCAAoC,EACpC,EAAE,IAAI,EAAE,CACT;QACH,gBAAgB,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACnE,uCAAuC,CACxC;KACF,CAAC,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,OACT,KAAK,EACT,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,sBAAsB,GACpC,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { TablePaginatorRendererProps } from \"@itwin/itwinui-react\";\nimport { 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/esm/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/esm/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/esm/widget/components/ReportAction.js

@@ -0,0 +1,77 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import { Fieldset, LabeledInput, Small } from "@itwin/itwinui-react";
+import React, { useState } from "react";
+import ActionPanel from "./ActionPanel";
+import useValidator, { NAME_REQUIREMENTS } from "../hooks/useValidator";
+import { generateUrl, handleError, handleInputChange, WidgetHeader, } from "./utils";
+import "./ReportAction.scss";
+import { REPORTING_BASE_PATH, ReportingClient } from "@itwin/insights-client";
+import { useReportsApiConfig } from "../context/ReportsApiConfigContext";
+import { ReportsConfigWidget } from "../../ReportsConfigWidget";
+const ReportAction = ({ iTwinId, report, returnFn }) => {
+    var _a, _b;
+    const apiConfig = useReportsApiConfig();
+    const [values, setValues] = 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();
+    const [isLoading, setIsLoading] = useState(false);
+    const onSave = async () => {
+        var _a;
+        try {
+            if (!validator.allValid()) {
+                showValidationMessage(true);
+                return;
+            }
+            setIsLoading(true);
+            const reportingClientApi = new ReportingClient(generateUrl(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) {
+            handleError(error.status);
+            setIsLoading(false);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(WidgetHeader, { title: report
+                ? ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ModifyReport")
+                : ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:AddReport"), returnFn: returnFn }),
+        React.createElement("div", { className: "rcw-details-form-container" },
+            React.createElement(Fieldset, { legend: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ReportDetails"), className: "details-form" },
+                React.createElement(Small, { className: "field-legend" }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:MandatoryFields")),
+                React.createElement(LabeledInput, { id: "name", name: "name", label: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Name"), value: values.name, required: true, disabled: isLoading, onChange: (event) => {
+                        handleInputChange(event, values, setValues);
+                        validator.showMessageFor("name");
+                    }, message: validator.message("name", values.name, NAME_REQUIREMENTS), status: validator.message("name", values.name, NAME_REQUIREMENTS)
+                        ? "negative"
+                        : undefined, onBlur: () => {
+                        validator.showMessageFor("name");
+                    }, onBlurCapture: (event) => {
+                        handleInputChange(event, values, setValues);
+                        validator.showMessageFor("name");
+                    } }),
+                React.createElement(LabeledInput, { id: "description", name: "description", label: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Description"), value: values.description, onChange: (event) => {
+                        handleInputChange(event, values, setValues);
+                    }, disabled: isLoading }))),
+        React.createElement(ActionPanel, { actionLabel: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Add"), onAction: onSave, onCancel: returnFn, isSavingDisabled: !values.name, isLoading: isLoading })));
+};
+export default ReportAction;
+//# sourceMappingURL=ReportAction.js.map

package/lib/esm/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/esm/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/esm/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/esm/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"}

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

@@ -0,0 +1,148 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import { SvgAdd, SvgCopy, SvgDelete, SvgMore, } from "@itwin/itwinui-icons-react";
+import { Button, DropdownMenu, IconButton, LabeledInput, MenuItem, Surface, Text, toaster, } from "@itwin/itwinui-react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { EmptyMessage, generateUrl, handleError, LoadingOverlay, WidgetHeader, } from "./utils";
+import "./ReportMappings.scss";
+import DeleteModal from "./DeleteModal";
+import { REPORTING_BASE_PATH, ReportingClient } from "@itwin/insights-client";
+import AddMappingsModal from "./AddMappingsModal";
+import { Constants, IModelsClient } from "@itwin/imodels-client-management";
+import { AccessTokenAdapter } from "@itwin/imodels-access-frontend";
+import { HorizontalTile } from "./HorizontalTile";
+import { Extraction, ExtractionStates, ExtractionStatus } from "./Extraction";
+import { SearchBar } from "./SearchBar";
+import { useReportsApiConfig } from "../context/ReportsApiConfigContext";
+import { ReportsConfigWidget } from "../../ReportsConfigWidget";
+var ReportMappingsView;
+(function (ReportMappingsView) {
+    ReportMappingsView["REPORTMAPPINGS"] = "reportmappings";
+    ReportMappingsView["ADDING"] = "adding";
+})(ReportMappingsView || (ReportMappingsView = {}));
+const fetchReportMappings = async (setReportMappings, reportId, setIsLoading, apiContext) => {
+    var _a;
+    try {
+        setIsLoading(true);
+        const reportingClientApi = new ReportingClient(generateUrl(REPORTING_BASE_PATH, apiContext.baseUrl));
+        const accessToken = await apiContext.getAccessToken();
+        const reportMappings = await reportingClientApi.getReportMappings(accessToken, reportId);
+        const iModelClientOptions = {
+            api: { baseUrl: generateUrl(Constants.api.baseUrl, apiContext.baseUrl) },
+        };
+        const iModelsClient = new IModelsClient(iModelClientOptions);
+        const authorization = AccessTokenAdapter.toAuthorizationCallback(accessToken);
+        const iModelNames = new Map();
+        const reportMappingsAndMapping = await Promise.all((_a = reportMappings === null || reportMappings === void 0 ? void 0 : reportMappings.map(async (reportMapping) => {
+            var _a, _b, _c, _d, _e, _f, _g;
+            const iModelId = (_a = reportMapping.imodelId) !== null && _a !== void 0 ? _a : "";
+            let iModelName = "";
+            const mapping = await reportingClientApi.getMapping(accessToken, (_b = reportMapping.mappingId) !== null && _b !== void 0 ? _b : "", iModelId);
+            if (iModelNames.has(iModelId)) {
+                iModelName = (_c = iModelNames.get(iModelId)) !== null && _c !== void 0 ? _c : "";
+            }
+            else {
+                const getSingleParams = {
+                    authorization,
+                    iModelId,
+                };
+                const iModel = await iModelsClient.iModels.getSingle(getSingleParams);
+                iModelName = iModel.displayName;
+                iModelNames.set(iModelId, iModelName);
+            }
+            const reportMappingAndMapping = {
+                ...reportMapping,
+                iModelName,
+                mappingName: (_e = (_d = mapping.mapping) === null || _d === void 0 ? void 0 : _d.mappingName) !== null && _e !== void 0 ? _e : "",
+                mappingDescription: (_g = (_f = mapping.mapping) === null || _f === void 0 ? void 0 : _f.description) !== null && _g !== void 0 ? _g : "",
+            };
+            return reportMappingAndMapping;
+        })) !== null && _a !== void 0 ? _a : []);
+        setReportMappings(reportMappingsAndMapping);
+    }
+    catch (error) {
+        handleError(error.status);
+    }
+    finally {
+        setIsLoading(false);
+    }
+};
+export const ReportMappings = ({ report, goBack }) => {
+    var _a, _b, _c;
+    const apiConfig = useReportsApiConfig();
+    const [reportMappingsView, setReportMappingsView] = useState(ReportMappingsView.REPORTMAPPINGS);
+    const [selectedReportMapping, setSelectedReportMapping] = useState(undefined);
+    const [showDeleteModal, setShowDeleteModal] = useState(false);
+    const [isLoading, setIsLoading] = useState(true);
+    const [extractionState, setExtractionState] = useState(ExtractionStates.None);
+    const [runningIModelId, setRunningIModelId] = useState("");
+    const [searchValue, setSearchValue] = useState("");
+    const [reportMappings, setReportMappings] = useState([]);
+    useEffect(() => {
+        var _a;
+        void fetchReportMappings(setReportMappings, (_a = report.id) !== null && _a !== void 0 ? _a : "", setIsLoading, apiConfig);
+    }, [apiConfig, report.id, setIsLoading]);
+    const refresh = useCallback(async () => {
+        var _a;
+        setReportMappingsView(ReportMappingsView.REPORTMAPPINGS);
+        await fetchReportMappings(setReportMappings, (_a = report.id) !== null && _a !== void 0 ? _a : "", setIsLoading, apiConfig);
+    }, [apiConfig, report.id, setReportMappings]);
+    const addMapping = () => {
+        setReportMappingsView(ReportMappingsView.ADDING);
+    };
+    const uniqueIModels = useMemo(() => new Map(reportMappings.map((mapping) => {
+        var _a;
+        return [
+            (_a = mapping.imodelId) !== null && _a !== void 0 ? _a : "",
+            mapping.iModelName,
+        ];
+    })), [reportMappings]);
+    const odataFeedUrl = `${generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)}/odata/${report.id}`;
+    const filteredReportMappings = useMemo(() => reportMappings.filter((x) => [x.iModelName, x.mappingName, x.mappingDescription]
+        .join(" ")
+        .toLowerCase()
+        .includes(searchValue.toLowerCase())), [reportMappings, searchValue]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(WidgetHeader, { title: (_a = report.displayName) !== null && _a !== void 0 ? _a : "", returnFn: goBack }),
+        React.createElement("div", { className: "report-mapping-misc" },
+            React.createElement(LabeledInput, { label: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ODataFeedURL"), className: "odata-url-input", readOnly: true, value: odataFeedUrl, svgIcon: React.createElement(IconButton, { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Copy"), styleType: "borderless", onClick: async (_) => {
+                        await navigator.clipboard.writeText(odataFeedUrl);
+                        toaster.positive(ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:CopiedToClipboard"));
+                    } },
+                    React.createElement(SvgCopy, null)), iconDisplayStyle: "inline" }),
+            React.createElement(Extraction, { iModels: uniqueIModels, extractionState: extractionState, setExtractionState: setExtractionState, setExtractingIModelId: setRunningIModelId, isLoading: isLoading })),
+        React.createElement(Surface, { className: "report-mappings-container" },
+            React.createElement("div", { className: "toolbar" },
+                React.createElement(Button, { startIcon: React.createElement(SvgAdd, null), onClick: () => addMapping(), styleType: "high-visibility" }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:AddMapping")),
+                React.createElement("div", { className: "search-bar-container", "data-testid": "search-bar" },
+                    React.createElement(SearchBar, { searchValue: searchValue, setSearchValue: setSearchValue, disabled: isLoading }))),
+            isLoading ? (React.createElement(LoadingOverlay, null)) : reportMappings.length === 0 ? (React.createElement(EmptyMessage, null,
+                React.createElement(React.Fragment, null,
+                    React.createElement(Text, null, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:NoReportMappings")),
+                    React.createElement("div", null,
+                        React.createElement(Button, { onClick: () => addMapping(), styleType: "cta" }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:LetsAddSomeMappingsCTA")))))) : (React.createElement("div", { className: "mapping-list" }, filteredReportMappings.map((mapping) => (React.createElement(HorizontalTile, { key: mapping.mappingId, title: mapping.mappingName, subText: mapping.iModelName, titleTooltip: mapping.mappingDescription, button: React.createElement(ExtractionStatus, { state: mapping.imodelId === runningIModelId
+                        ? extractionState
+                        : ExtractionStates.None },
+                    React.createElement(DropdownMenu, { menuItems: (close) => [
+                            React.createElement(MenuItem, { key: 0, onClick: () => {
+                                    setSelectedReportMapping(mapping);
+                                    setShowDeleteModal(true);
+                                    close();
+                                }, icon: React.createElement(SvgDelete, null) }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Remove")),
+                        ] },
+                        React.createElement(IconButton, { styleType: "borderless" },
+                            React.createElement(SvgMore, { style: {
+                                    width: "16px",
+                                    height: "16px",
+                                } })))) })))))),
+        React.createElement(AddMappingsModal, { show: reportMappingsView === ReportMappingsView.ADDING, reportId: (_b = report.id) !== null && _b !== void 0 ? _b : "", existingMappings: reportMappings, returnFn: refresh }),
+        React.createElement(DeleteModal, { entityName: (_c = selectedReportMapping === null || selectedReportMapping === void 0 ? void 0 : selectedReportMapping.mappingName) !== null && _c !== void 0 ? _c : "", show: showDeleteModal, setShow: setShowDeleteModal, onDelete: async () => {
+                var _a, _b;
+                const reportingClientApi = new ReportingClient(generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl));
+                const accessToken = await apiConfig.getAccessToken();
+                await reportingClientApi.deleteReportMapping(accessToken, (_a = report.id) !== null && _a !== void 0 ? _a : "", (_b = selectedReportMapping === null || selectedReportMapping === void 0 ? void 0 : selectedReportMapping.mappingId) !== null && _b !== void 0 ? _b : "");
+            }, refresh: refresh })));
+};
+//# sourceMappingURL=ReportMappings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReportMappings.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappings.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport {\n  SvgAdd,\n  SvgCopy,\n  SvgDelete,\n  SvgMore,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  DropdownMenu,\n  IconButton,\n  LabeledInput,\n  MenuItem,\n  Surface,\n  Text,\n  toaster,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"./utils\";\nimport {\n  EmptyMessage,\n  generateUrl,\n  handleError,\n  LoadingOverlay,\n  WidgetHeader,\n} from \"./utils\";\nimport \"./ReportMappings.scss\";\nimport DeleteModal from \"./DeleteModal\";\nimport type { Report, ReportMapping } from \"@itwin/insights-client\";\nimport { REPORTING_BASE_PATH, ReportingClient } from \"@itwin/insights-client\";\nimport AddMappingsModal from \"./AddMappingsModal\";\nimport type {\n  GetSingleIModelParams,\n  IModelsClientOptions,\n} from \"@itwin/imodels-client-management\";\nimport { Constants, IModelsClient } from \"@itwin/imodels-client-management\";\nimport { AccessTokenAdapter } from \"@itwin/imodels-access-frontend\";\nimport { HorizontalTile } from \"./HorizontalTile\";\nimport { Extraction, ExtractionStates, ExtractionStatus } from \"./Extraction\";\nimport { SearchBar } from \"./SearchBar\";\nimport type { ReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { useReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\nexport type ReportMappingType = CreateTypeFromInterface<ReportMapping>;\n\nexport type ReportMappingAndMapping = ReportMappingType & {\n  mappingName: string;\n  mappingDescription: string;\n  iModelName: string;\n};\n\nenum ReportMappingsView {\n  REPORTMAPPINGS = \"reportmappings\",\n  ADDING = \"adding\",\n}\n\nconst fetchReportMappings = async (\n  setReportMappings: React.Dispatch<\n  React.SetStateAction<ReportMappingAndMapping[]>\n  >,\n  reportId: string,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n  apiContext: ReportsApiConfig\n) => {\n  try {\n    setIsLoading(true);\n    const reportingClientApi = new ReportingClient(\n      generateUrl(REPORTING_BASE_PATH, apiContext.baseUrl)\n    );\n    const accessToken = await apiContext.getAccessToken();\n    const reportMappings = await reportingClientApi.getReportMappings(\n      accessToken,\n      reportId\n    );\n    const iModelClientOptions: IModelsClientOptions = {\n      api: { baseUrl: generateUrl(Constants.api.baseUrl, apiContext.baseUrl) },\n    };\n\n    const iModelsClient: IModelsClient = new IModelsClient(iModelClientOptions);\n    const authorization =\n      AccessTokenAdapter.toAuthorizationCallback(accessToken);\n    const iModelNames = new Map<string, string>();\n    const reportMappingsAndMapping = await Promise.all(\n      reportMappings?.map(async (reportMapping) => {\n        const iModelId = reportMapping.imodelId ?? \"\";\n        let iModelName = \"\";\n        const mapping = await reportingClientApi.getMapping(\n          accessToken,\n          reportMapping.mappingId ?? \"\",\n          iModelId\n        );\n        if (iModelNames.has(iModelId)) {\n          iModelName = iModelNames.get(iModelId) ?? \"\";\n        } else {\n          const getSingleParams: GetSingleIModelParams = {\n            authorization,\n            iModelId,\n          };\n          const iModel = await iModelsClient.iModels.getSingle(getSingleParams);\n          iModelName = iModel.displayName;\n          iModelNames.set(iModelId, iModelName);\n        }\n        const reportMappingAndMapping: ReportMappingAndMapping = {\n          ...reportMapping,\n          iModelName,\n          mappingName: mapping.mapping?.mappingName ?? \"\",\n          mappingDescription: mapping.mapping?.description ?? \"\",\n        };\n        return reportMappingAndMapping;\n      }) ?? []\n    );\n\n    setReportMappings(reportMappingsAndMapping);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\ninterface ReportMappingsProps {\n  report: Report;\n  goBack: () => Promise<void>;\n}\n\nexport const ReportMappings = ({ report, goBack }: ReportMappingsProps) => {\n  const apiConfig = useReportsApiConfig();\n  const [reportMappingsView, setReportMappingsView] =\n    useState<ReportMappingsView>(ReportMappingsView.REPORTMAPPINGS);\n  const [selectedReportMapping, setSelectedReportMapping] = useState<\n  ReportMappingAndMapping | undefined\n  >(undefined);\n  const [showDeleteModal, setShowDeleteModal] = useState<boolean>(false);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n\n  const [extractionState, setExtractionState] = useState<ExtractionStates>(\n    ExtractionStates.None\n  );\n  const [runningIModelId, setRunningIModelId] = useState<string>(\"\");\n  const [searchValue, setSearchValue] = useState<string>(\"\");\n  const [reportMappings, setReportMappings] = useState<\n  ReportMappingAndMapping[]\n  >([]);\n\n  useEffect(() => {\n    void fetchReportMappings(\n      setReportMappings,\n      report.id ?? \"\",\n      setIsLoading,\n      apiConfig\n    );\n  }, [apiConfig, report.id, setIsLoading]);\n\n  const refresh = useCallback(async () => {\n    setReportMappingsView(ReportMappingsView.REPORTMAPPINGS);\n    await fetchReportMappings(\n      setReportMappings,\n      report.id ?? \"\",\n      setIsLoading,\n      apiConfig\n    );\n  }, [apiConfig, report.id, setReportMappings]);\n\n  const addMapping = () => {\n    setReportMappingsView(ReportMappingsView.ADDING);\n  };\n\n  const uniqueIModels = useMemo(\n    () =>\n      new Map(\n        reportMappings.map((mapping) => [\n          mapping.imodelId ?? \"\",\n          mapping.iModelName,\n        ])\n      ),\n    [reportMappings]\n  );\n\n  const odataFeedUrl = `${generateUrl(\n    REPORTING_BASE_PATH,\n    apiConfig.baseUrl\n  )}/odata/${report.id}`;\n\n  const filteredReportMappings = useMemo(\n    () =>\n      reportMappings.filter((x) =>\n        [x.iModelName, x.mappingName, x.mappingDescription]\n          .join(\" \")\n          .toLowerCase()\n          .includes(searchValue.toLowerCase())\n      ),\n    [reportMappings, searchValue]\n  );\n\n  return (\n    <>\n      <WidgetHeader title={report.displayName ?? \"\"} returnFn={goBack} />\n      <div className=\"report-mapping-misc\">\n        <LabeledInput\n          label={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:ODataFeedURL\"\n          )}\n          className=\"odata-url-input\"\n          readOnly={true}\n          value={odataFeedUrl}\n          svgIcon={\n            <IconButton\n              title={ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:Copy\"\n              )}\n              styleType=\"borderless\"\n              onClick={async (_) => {\n                await navigator.clipboard.writeText(odataFeedUrl);\n                toaster.positive(\n                  ReportsConfigWidget.localization.getLocalizedString(\n                    \"ReportsConfigWidget:CopiedToClipboard\"\n                  )\n                );\n              }}\n            >\n              <SvgCopy />\n            </IconButton>\n          }\n          iconDisplayStyle=\"inline\"\n        />\n        <Extraction\n          iModels={uniqueIModels}\n          extractionState={extractionState}\n          setExtractionState={setExtractionState}\n          setExtractingIModelId={setRunningIModelId}\n          isLoading={isLoading}\n        />\n      </div>\n      <Surface className=\"report-mappings-container\">\n        <div className=\"toolbar\">\n          <Button\n            startIcon={<SvgAdd />}\n            onClick={() => addMapping()}\n            styleType=\"high-visibility\"\n          >\n            {ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:AddMapping\"\n            )}\n          </Button>\n          <div className=\"search-bar-container\" data-testid=\"search-bar\">\n            <SearchBar\n              searchValue={searchValue}\n              setSearchValue={setSearchValue}\n              disabled={isLoading}\n            />\n          </div>\n        </div>\n        {isLoading ? (\n          <LoadingOverlay />\n        ) : reportMappings.length === 0 ? (\n          <EmptyMessage>\n            <>\n              <Text>\n                {ReportsConfigWidget.localization.getLocalizedString(\n                  \"ReportsConfigWidget:NoReportMappings\"\n                )}\n              </Text>\n              <div>\n                <Button onClick={() => addMapping()} styleType=\"cta\">\n                  {ReportsConfigWidget.localization.getLocalizedString(\n                    \"ReportsConfigWidget:LetsAddSomeMappingsCTA\"\n                  )}\n                </Button>\n              </div>\n            </>\n          </EmptyMessage>\n        ) : (\n          <div className=\"mapping-list\">\n            {filteredReportMappings.map((mapping) => (\n              <HorizontalTile\n                key={mapping.mappingId}\n                title={mapping.mappingName}\n                subText={mapping.iModelName}\n                titleTooltip={mapping.mappingDescription}\n                button={\n                  <ExtractionStatus\n                    state={\n                      mapping.imodelId === runningIModelId\n                        ? extractionState\n                        : ExtractionStates.None\n                    }\n                  >\n                    <DropdownMenu\n                      menuItems={(close: () => void) => [\n                        <MenuItem\n                          key={0}\n                          onClick={() => {\n                            setSelectedReportMapping(mapping);\n                            setShowDeleteModal(true);\n                            close();\n                          }}\n                          icon={<SvgDelete />}\n                        >\n                          {ReportsConfigWidget.localization.getLocalizedString(\n                            \"ReportsConfigWidget:Remove\"\n                          )}\n                        </MenuItem>,\n                      ]}\n                    >\n                      <IconButton styleType=\"borderless\">\n                        <SvgMore\n                          style={{\n                            width: \"16px\",\n                            height: \"16px\",\n                          }}\n                        />\n                      </IconButton>\n                    </DropdownMenu>\n                  </ExtractionStatus>\n                }\n              />\n            ))}\n          </div>\n        )}\n      </Surface>\n      <AddMappingsModal\n        show={reportMappingsView === ReportMappingsView.ADDING}\n        reportId={report.id ?? \"\"}\n        existingMappings={reportMappings}\n        returnFn={refresh}\n      />\n      <DeleteModal\n        entityName={selectedReportMapping?.mappingName ?? \"\"}\n        show={showDeleteModal}\n        setShow={setShowDeleteModal}\n        onDelete={async () => {\n          const reportingClientApi = new ReportingClient(\n            generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)\n          );\n          const accessToken = await apiConfig.getAccessToken();\n          await reportingClientApi.deleteReportMapping(\n            accessToken,\n            report.id ?? \"\",\n            selectedReportMapping?.mappingId ?? \"\"\n          );\n        }}\n        refresh={refresh}\n      />\n    </>\n  );\n};\n"]}

package/lib/esm/widget/components/ReportMappings.scss

@@ -0,0 +1,46 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/itwinui-css/scss/variables";
+
+.report-mapping-misc {
+  display: flex;
+  flex-direction: column;
+  gap: $iui-baseline;
+}
+
+.report-mappings-container {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  padding: $iui-baseline $iui-m;
+  min-height: 0;
+
+  .odata-url-input {
+    margin-bottom: $iui-baseline * 2;
+  }
+
+  .toolbar {
+    display: flex;
+    justify-content: space-between;
+    gap: $iui-s;
+    border-bottom: 1px solid var(--iui-color-background-4);
+    padding-bottom: $iui-baseline;
+    flex-wrap: wrap;
+  }
+
+  .mapping-list {
+    display: flex;
+    flex-direction: column;
+    overflow-y: overlay;
+    gap: 7.5px;
+    margin-top: 7.5px;
+  }
+
+  .search-bar-container {
+    flex-basis: $iui-3xl;
+    flex-shrink: 1;
+    flex-grow: 1;
+  }
+}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { CreateTypeFromInterface } from "./utils";
+import "./Reports.scss";
+import type { Report } from "@itwin/insights-client";
+export declare type ReportType = CreateTypeFromInterface<Report>;
+export declare const Reports: () => JSX.Element | null;
+//# sourceMappingURL=Reports.d.ts.map

package/lib/esm/widget/components/Reports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reports.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/Reports.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAQvD,OAAO,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAWrD,oBAAY,UAAU,GAAG,uBAAuB,CAAC,MAAM,CAAC,CAAC;AA+BzD,eAAO,MAAM,OAAO,0BAiLnB,CAAC"}