@itwin/reports-config-widget-react 0.0.1

package/lib/esm/widget/ReportsConfigUiProvider.d.ts

@@ -0,0 +1,12 @@
+import type { AbstractWidgetProps, UiItemsProvider } from "@itwin/appui-abstract";
+import { StagePanelLocation, StagePanelSection } from "@itwin/appui-abstract";
+import type { AccessToken } from "@itwin/core-bentley";
+export declare const REPORTS_CONFIG_BASE_URL = "https://api.bentley.com";
+export declare class ReportsConfigProvider implements UiItemsProvider {
+    readonly id = "ReportsConfigProvider";
+    private readonly _getAccessToken?;
+    private readonly _baseUrl;
+    constructor(getAccessToken?: () => Promise<AccessToken>, baseUrl?: string);
+    provideWidgets(_stageId: string, stageUsage: string, location: StagePanelLocation, section?: StagePanelSection): ReadonlyArray<AbstractWidgetProps>;
+}
+//# sourceMappingURL=ReportsConfigUiProvider.d.ts.map

package/lib/esm/widget/ReportsConfigUiProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportsConfigUiProvider.d.ts","sourceRoot":"","sources":["../../../src/widget/ReportsConfigUiProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,mBAAmB,EACnB,eAAe,EAChB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EAElB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAMvD,eAAO,MAAM,uBAAuB,4BAA4B,CAAC;AAEjE,qBAAa,qBAAsB,YAAW,eAAe;IAC3D,SAAgB,EAAE,2BAA2B;IAC7C,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,CAA6B;IAC9D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;gBAGhC,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,WAAW,CAAC,EAC3C,OAAO,GAAE,MAAgC;IAMpC,cAAc,CACnB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,CAAC,EAAE,iBAAiB,GAC1B,aAAa,CAAC,mBAAmB,CAAC;CA2BtC"}

package/lib/esm/widget/ReportsConfigUiProvider.js

@@ -0,0 +1,29 @@
+import { StagePanelLocation, StagePanelSection, StageUsage, } from "@itwin/appui-abstract";
+import * as React from "react";
+import { ReportsConfigWidget } from "../ReportsConfigWidget";
+import ReportsContainer from "./components/ReportsContainer";
+export const REPORTS_CONFIG_BASE_URL = "https://api.bentley.com";
+export class ReportsConfigProvider {
+    constructor(getAccessToken, baseUrl = REPORTS_CONFIG_BASE_URL) {
+        this.id = "ReportsConfigProvider";
+        this._getAccessToken = getAccessToken;
+        this._baseUrl = baseUrl;
+    }
+    provideWidgets(_stageId, stageUsage, location, section) {
+        const widgets = [];
+        if (location === StagePanelLocation.Left &&
+            section === StagePanelSection.Start &&
+            stageUsage === StageUsage.General) {
+            const ReportsWidget = {
+                id: "reports-config-widget",
+                label: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ReportsConfig"),
+                getWidgetContent: () => {
+                    return (React.createElement(ReportsContainer, { getAccessToken: this._getAccessToken, baseUrl: this._baseUrl }));
+                },
+            };
+            widgets.push(ReportsWidget);
+        }
+        return widgets;
+    }
+}
+//# sourceMappingURL=ReportsConfigUiProvider.js.map

package/lib/esm/widget/ReportsConfigUiProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportsConfigUiProvider.js","sourceRoot":"","sources":["../../../src/widget/ReportsConfigUiProvider.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,GACX,MAAM,uBAAuB,CAAC;AAG/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAE7D,MAAM,CAAC,MAAM,uBAAuB,GAAG,yBAAyB,CAAC;AAEjE,MAAM,OAAO,qBAAqB;IAKhC,YACE,cAA2C,EAC3C,UAAkB,uBAAuB;QAN3B,OAAE,GAAG,uBAAuB,CAAC;QAQ3C,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC;QACtC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;IAC1B,CAAC;IAEM,cAAc,CACnB,QAAgB,EAChB,UAAkB,EAClB,QAA4B,EAC5B,OAA2B;QAE3B,MAAM,OAAO,GAA0B,EAAE,CAAC;QAC1C,IACE,QAAQ,KAAK,kBAAkB,CAAC,IAAI;YACpC,OAAO,KAAK,iBAAiB,CAAC,KAAK;YACnC,UAAU,KAAK,UAAU,CAAC,OAAO,EACjC;YACA,MAAM,aAAa,GAAwB;gBACzC,EAAE,EAAE,uBAAuB;gBAC3B,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACxD,mCAAmC,CACpC;gBACD,gBAAgB,EAAE,GAAG,EAAE;oBACrB,OAAO,CACL,oBAAC,gBAAgB,IACf,cAAc,EAAE,IAAI,CAAC,eAAe,EACpC,OAAO,EAAE,IAAI,CAAC,QAAQ,GACtB,CACH,CAAC;gBACJ,CAAC;aACF,CAAC;YAEF,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;SAC7B;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type {\n  AbstractWidgetProps,\n  UiItemsProvider,\n} from \"@itwin/appui-abstract\";\nimport {\n  StagePanelLocation,\n  StagePanelSection,\n  StageUsage,\n} from \"@itwin/appui-abstract\";\nimport type { AccessToken } from \"@itwin/core-bentley\";\n\nimport * as React from \"react\";\nimport { ReportsConfigWidget } from \"../ReportsConfigWidget\";\nimport ReportsContainer from \"./components/ReportsContainer\";\n\nexport const REPORTS_CONFIG_BASE_URL = \"https://api.bentley.com\";\n\nexport class ReportsConfigProvider implements UiItemsProvider {\n  public readonly id = \"ReportsConfigProvider\";\n  private readonly _getAccessToken?: () => Promise<AccessToken>;\n  private readonly _baseUrl: string;\n\n  constructor(\n    getAccessToken?: () => Promise<AccessToken>,\n    baseUrl: string = REPORTS_CONFIG_BASE_URL\n  ) {\n    this._getAccessToken = getAccessToken;\n    this._baseUrl = baseUrl;\n  }\n\n  public provideWidgets(\n    _stageId: string,\n    stageUsage: string,\n    location: StagePanelLocation,\n    section?: StagePanelSection\n  ): ReadonlyArray<AbstractWidgetProps> {\n    const widgets: AbstractWidgetProps[] = [];\n    if (\n      location === StagePanelLocation.Left &&\n      section === StagePanelSection.Start &&\n      stageUsage === StageUsage.General\n    ) {\n      const ReportsWidget: AbstractWidgetProps = {\n        id: \"reports-config-widget\",\n        label: ReportsConfigWidget.localization.getLocalizedString(\n          \"ReportsConfigWidget:ReportsConfig\"\n        ),\n        getWidgetContent: () => {\n          return (\n            <ReportsContainer\n              getAccessToken={this._getAccessToken}\n              baseUrl={this._baseUrl}\n            />\n          );\n        },\n      };\n\n      widgets.push(ReportsWidget);\n    }\n\n    return widgets;\n  }\n}\n"]}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import "./ActionPanel.scss";
+export interface ActionPanelProps {
+    actionLabel: string;
+    onAction: () => Promise<void>;
+    onCancel: () => void;
+    isCancelDisabled?: boolean;
+    isSavingDisabled?: boolean;
+    isLoading?: boolean;
+}
+declare const ActionPanel: ({ actionLabel, onAction, onCancel, isCancelDisabled, isSavingDisabled, isLoading, }: ActionPanelProps) => JSX.Element;
+export default ActionPanel;
+//# sourceMappingURL=ActionPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionPanel.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ActionPanel.tsx"],"names":[],"mappings":";AAOA,OAAO,oBAAoB,CAAC;AAG5B,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,WAAW,wFAOd,gBAAgB,KAAG,WA2BrB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,18 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import { Button } from "@itwin/itwinui-react";
+import * as React from "react";
+import { ReportsConfigWidget } from "../../ReportsConfigWidget";
+import "./ActionPanel.scss";
+import { LoadingSpinner } from "./utils";
+const ActionPanel = ({ actionLabel, onAction, onCancel, isCancelDisabled = false, isSavingDisabled = false, isLoading = false, }) => {
+    return (React.createElement("div", { id: "action" },
+        React.createElement("div", { className: "rcw-action-panel" },
+            isLoading && React.createElement(LoadingSpinner, null),
+            React.createElement(Button, { disabled: isSavingDisabled || isLoading, styleType: "high-visibility", id: "save-app", onClick: onAction }, actionLabel),
+            React.createElement(Button, { styleType: "default", type: "button", id: "cancel", onClick: onCancel, disabled: isCancelDisabled || isLoading }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Cancel")))));
+};
+export default ActionPanel;
+//# sourceMappingURL=ActionPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionPanel.js","sourceRoot":"","sources":["../../../../src/widget/components/ActionPanel.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAWzC,MAAM,WAAW,GAAG,CAAC,EACnB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,gBAAgB,GAAG,KAAK,EACxB,gBAAgB,GAAG,KAAK,EACxB,SAAS,GAAG,KAAK,GACA,EAAe,EAAE;IAClC,OAAO,CACL,6BAAK,EAAE,EAAC,QAAQ;QACd,6BAAK,SAAS,EAAC,kBAAkB;YAC9B,SAAS,IAAI,oBAAC,cAAc,OAAG;YAChC,oBAAC,MAAM,IACL,QAAQ,EAAE,gBAAgB,IAAI,SAAS,EACvC,SAAS,EAAC,iBAAiB,EAC3B,EAAE,EAAC,UAAU,EACb,OAAO,EAAE,QAAQ,IAEhB,WAAW,CACL;YACT,oBAAC,MAAM,IACL,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,QAAQ,EACb,EAAE,EAAC,QAAQ,EACX,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,gBAAgB,IAAI,SAAS,IAEtC,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,4BAA4B,CAC7B,CACM,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { Button } from \"@itwin/itwinui-react\";\nimport * as React from \"react\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport \"./ActionPanel.scss\";\nimport { LoadingSpinner } from \"./utils\";\n\nexport interface ActionPanelProps {\n  actionLabel: string;\n  onAction: () => Promise<void>;\n  onCancel: () => void;\n  isCancelDisabled?: boolean;\n  isSavingDisabled?: boolean;\n  isLoading?: boolean;\n}\n\nconst ActionPanel = ({\n  actionLabel,\n  onAction,\n  onCancel,\n  isCancelDisabled = false,\n  isSavingDisabled = false,\n  isLoading = false,\n}: ActionPanelProps): JSX.Element => {\n  return (\n    <div id=\"action\">\n      <div className=\"rcw-action-panel\">\n        {isLoading && <LoadingSpinner />}\n        <Button\n          disabled={isSavingDisabled || isLoading}\n          styleType=\"high-visibility\"\n          id=\"save-app\"\n          onClick={onAction}\n        >\n          {actionLabel}\n        </Button>\n        <Button\n          styleType=\"default\"\n          type=\"button\"\n          id=\"cancel\"\n          onClick={onCancel}\n          disabled={isCancelDisabled || isLoading}\n        >\n          {ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Cancel\"\n          )}\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nexport default ActionPanel;\n"]}

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

@@ -0,0 +1,12 @@
+/*---------------------------------------------------------------------------------------------
+* 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-action-panel {
+  display: flex;
+  justify-content: right;
+  padding: $iui-baseline * 2 $iui-m $iui-baseline;
+  gap: $iui-s;
+}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { Mapping } from "@itwin/insights-client";
+import "./AddMappingsModal.scss";
+import type { ReportMappingAndMapping } from "./ReportMappings";
+import type { CreateTypeFromInterface } from "./utils";
+export declare type MappingType = CreateTypeFromInterface<Mapping>;
+interface AddMappingsModalProps {
+    reportId: string;
+    existingMappings: ReportMappingAndMapping[];
+    show: boolean;
+    returnFn: () => Promise<void>;
+}
+declare const AddMappingsModal: ({ reportId, existingMappings, show, returnFn, }: AddMappingsModalProps) => JSX.Element;
+export default AddMappingsModal;
+//# sourceMappingURL=AddMappingsModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddMappingsModal.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/AddMappingsModal.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGtD,OAAO,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAIhE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAIvD,oBAAY,WAAW,GAAG,uBAAuB,CAAC,OAAO,CAAC,CAAC;AA0B3D,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,uBAAuB,EAAE,CAAC;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/B;AAED,QAAA,MAAM,gBAAgB,oDAKnB,qBAAqB,gBAmHvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,94 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import { Modal, Table, tableFilters } from "@itwin/itwinui-react";
+import React, { useEffect, useMemo, useState } from "react";
+import { REPORTING_BASE_PATH, ReportingClient } from "@itwin/insights-client";
+import ActionPanel from "./ActionPanel";
+import "./AddMappingsModal.scss";
+import { LocalizedTablePaginator } from "./LocalizedTablePaginator";
+import { useReportsApiConfig } from "../context/ReportsApiConfigContext";
+import { SelectIModel } from "./SelectIModel";
+import { generateUrl, handleError } from "./utils";
+import { ReportsConfigWidget } from "../../ReportsConfigWidget";
+const fetchMappings = async (setMappings, iModelId, setIsLoading, apiContext) => {
+    try {
+        setIsLoading(true);
+        const reportingClientApi = new ReportingClient(generateUrl(REPORTING_BASE_PATH, apiContext.baseUrl));
+        const accessToken = await apiContext.getAccessToken();
+        const mappings = await reportingClientApi.getMappings(accessToken, iModelId);
+        setMappings(mappings);
+    }
+    catch (error) {
+        handleError(error.status);
+    }
+    finally {
+        setIsLoading(false);
+    }
+};
+const AddMappingsModal = ({ reportId, existingMappings, show, returnFn, }) => {
+    const [isLoading, setIsLoading] = useState(true);
+    const [selectedMappings, setSelectedMappings] = useState([]);
+    const [selectedIModelId, setSelectediModelId] = useState("");
+    const [mappings, setMappings] = useState([]);
+    const apiConfig = useReportsApiConfig();
+    useEffect(() => {
+        if (selectedIModelId) {
+            void fetchMappings(setMappings, selectedIModelId, setIsLoading, apiConfig);
+        }
+    }, [apiConfig, selectedIModelId, setIsLoading]);
+    const mappingsColumns = useMemo(() => [
+        {
+            Header: "Table",
+            columns: [
+                {
+                    id: "mappingName",
+                    Header: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:MappingName"),
+                    accessor: "mappingName",
+                    Filter: tableFilters.TextFilter(),
+                },
+                {
+                    id: "description",
+                    Header: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Description"),
+                    accessor: "description",
+                    Filter: tableFilters.TextFilter(),
+                },
+            ],
+        },
+    ], []);
+    const onSave = async () => {
+        var _a;
+        try {
+            if (!selectedIModelId)
+                return;
+            setIsLoading(true);
+            const reportingClientApi = new ReportingClient(generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl));
+            const accessToken = await apiConfig.getAccessToken();
+            for (const mapping of selectedMappings) {
+                await reportingClientApi.createReportMapping(accessToken, reportId, {
+                    imodelId: selectedIModelId,
+                    mappingId: (_a = mapping.id) !== null && _a !== void 0 ? _a : "",
+                });
+            }
+            await returnFn();
+        }
+        catch (error) {
+            handleError(error.status);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return (React.createElement(Modal, { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:AddMappings"), isOpen: show, isDismissible: !isLoading, onClose: async () => {
+            await returnFn();
+        }, style: { display: "flex", flexDirection: "column", maxHeight: "77vh" } },
+        React.createElement("div", { className: "add-mappings-container" },
+            React.createElement(SelectIModel, { selectedIModelId: selectedIModelId, setSelectedIModelId: setSelectediModelId }),
+            React.createElement(Table, { data: isLoading ? [] : mappings, columns: mappingsColumns, className: "add-mappings-table", emptyTableContent: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:NoMappingsAvailable"), isSortable: true, isSelectable: true, isLoading: isLoading, isRowDisabled: (rowData) => existingMappings.some((v) => v.mappingId === rowData.id), onSelect: (selectData) => {
+                    selectData && setSelectedMappings(selectData);
+                }, paginatorRenderer: LocalizedTablePaginator })),
+        React.createElement(ActionPanel, { actionLabel: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Add"), onAction: onSave, onCancel: returnFn, isSavingDisabled: selectedMappings.length === 0, isLoading: isLoading })));
+};
+export default AddMappingsModal;
+//# sourceMappingURL=AddMappingsModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddMappingsModal.js","sourceRoot":"","sources":["../../../../src/widget/components/AddMappingsModal.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 { Modal, Table, tableFilters } from \"@itwin/itwinui-react\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport type { Mapping } from \"@itwin/insights-client\";\nimport { REPORTING_BASE_PATH, ReportingClient } from \"@itwin/insights-client\";\nimport ActionPanel from \"./ActionPanel\";\nimport \"./AddMappingsModal.scss\";\nimport { LocalizedTablePaginator } from \"./LocalizedTablePaginator\";\nimport type { ReportMappingAndMapping } from \"./ReportMappings\";\nimport type { ReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { useReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { SelectIModel } from \"./SelectIModel\";\nimport type { CreateTypeFromInterface } from \"./utils\";\nimport { generateUrl, handleError } from \"./utils\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\nexport type MappingType = CreateTypeFromInterface<Mapping>;\n\nconst fetchMappings = async (\n  setMappings: React.Dispatch<React.SetStateAction<Mapping[]>>,\n  iModelId: 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 mappings = await reportingClientApi.getMappings(\n      accessToken,\n      iModelId\n    );\n    setMappings(mappings);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\ninterface AddMappingsModalProps {\n  reportId: string;\n  existingMappings: ReportMappingAndMapping[];\n  show: boolean;\n  returnFn: () => Promise<void>;\n}\n\nconst AddMappingsModal = ({\n  reportId,\n  existingMappings,\n  show,\n  returnFn,\n}: AddMappingsModalProps) => {\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [selectedMappings, setSelectedMappings] = useState<Mapping[]>([]);\n  const [selectedIModelId, setSelectediModelId] = useState<string>(\"\");\n  const [mappings, setMappings] = useState<Mapping[]>([]);\n  const apiConfig = useReportsApiConfig();\n\n  useEffect(() => {\n    if (selectedIModelId) {\n      void fetchMappings(\n        setMappings,\n        selectedIModelId,\n        setIsLoading,\n        apiConfig\n      );\n    }\n  }, [apiConfig, selectedIModelId, setIsLoading]);\n\n  const mappingsColumns = useMemo(\n    () => [\n      {\n        Header: \"Table\",\n        columns: [\n          {\n            id: \"mappingName\",\n            Header: ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:MappingName\"\n            ),\n            accessor: \"mappingName\",\n            Filter: tableFilters.TextFilter(),\n          },\n          {\n            id: \"description\",\n            Header: ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:Description\"\n            ),\n            accessor: \"description\",\n            Filter: tableFilters.TextFilter(),\n          },\n        ],\n      },\n    ],\n    []\n  );\n\n  const onSave = async () => {\n    try {\n      if (!selectedIModelId) return;\n      setIsLoading(true);\n      const reportingClientApi = new ReportingClient(\n        generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)\n      );\n      const accessToken = await apiConfig.getAccessToken();\n      for (const mapping of selectedMappings) {\n        await reportingClientApi.createReportMapping(accessToken, reportId, {\n          imodelId: selectedIModelId,\n          mappingId: mapping.id ?? \"\",\n        });\n      }\n\n      await returnFn();\n    } catch (error: any) {\n      handleError(error.status);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return (\n    <Modal\n      title={ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:AddMappings\"\n      )}\n      isOpen={show}\n      isDismissible={!isLoading}\n      onClose={async () => {\n        await returnFn();\n      }}\n      style={{ display: \"flex\", flexDirection: \"column\", maxHeight: \"77vh\" }}\n    >\n      <div className=\"add-mappings-container\">\n        <SelectIModel\n          selectedIModelId={selectedIModelId}\n          setSelectedIModelId={setSelectediModelId}\n        />\n        <Table<MappingType>\n          data={isLoading ? [] : mappings}\n          columns={mappingsColumns}\n          className=\"add-mappings-table\"\n          emptyTableContent={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:NoMappingsAvailable\"\n          )}\n          isSortable\n          isSelectable\n          isLoading={isLoading}\n          isRowDisabled={(rowData) =>\n            existingMappings.some((v) => v.mappingId === rowData.id)\n          }\n          onSelect={(selectData: Mapping[] | undefined) => {\n            selectData && setSelectedMappings(selectData);\n          }}\n          paginatorRenderer={LocalizedTablePaginator}\n        />\n      </div>\n      <ActionPanel\n        actionLabel={ReportsConfigWidget.localization.getLocalizedString(\n          \"ReportsConfigWidget:Add\"\n        )}\n        onAction={onSave}\n        onCancel={returnFn}\n        isSavingDisabled={selectedMappings.length === 0}\n        isLoading={isLoading}\n      />\n    </Modal>\n  );\n};\n\nexport default AddMappingsModal;\n"]}

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

@@ -0,0 +1,18 @@
+/*---------------------------------------------------------------------------------------------
+* 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";
+
+.add-mappings-container {
+  display: flex;
+  flex-direction: column;
+  gap: $iui-baseline;
+  width: 45vw;
+  min-width: 100%;
+  overflow: auto;
+  .add-mappings-table {
+    flex-grow: 1;
+    overflow: auto;
+  }
+}

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

@@ -0,0 +1,12 @@
+import React from "react";
+import "./DeleteModal.scss";
+export interface DeleteModalProps {
+    entityName: string;
+    show: boolean;
+    setShow: React.Dispatch<React.SetStateAction<boolean>>;
+    onDelete: () => Promise<void>;
+    refresh: () => Promise<void>;
+}
+export declare const DeleteModal: ({ entityName, show, setShow, onDelete, refresh, }: DeleteModalProps) => JSX.Element;
+export default DeleteModal;
+//# sourceMappingURL=DeleteModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteModal.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/DeleteModal.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,oBAAoB,CAAC;AAG5B,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACvD,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,WAAW,sDAMrB,gBAAgB,gBAkElB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,42 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import { Button, Leading, MiddleTextTruncation, Modal, ModalButtonBar, ModalContent, } from "@itwin/itwinui-react";
+import React, { useState } from "react";
+import { ReportsConfigWidget } from "../../ReportsConfigWidget";
+import "./DeleteModal.scss";
+import { handleError, LoadingSpinner } from "./utils";
+export const DeleteModal = ({ entityName, show, setShow, onDelete, refresh, }) => {
+    const [isLoading, setIsLoading] = useState(false);
+    const deleteCallback = async () => {
+        try {
+            setIsLoading(true);
+            await onDelete();
+            setShow(false);
+            await refresh();
+        }
+        catch (error) {
+            handleError(error.status);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return (React.createElement(Modal, { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Confirm"), isOpen: show, isDismissible: !isLoading, onClose: () => {
+            setShow(false);
+        } },
+        React.createElement(ModalContent, null,
+            React.createElement("div", { className: "delete-modal-body-text" },
+                React.createElement(Leading, null, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:AreYouSureYouWantToDelete")),
+                React.createElement("strong", null, React.createElement(MiddleTextTruncation, { text: `${entityName}?` })))),
+        React.createElement(ModalButtonBar, null,
+            isLoading && (React.createElement("div", { className: "rcw-loading-delete", "data-testid": "rcw-loading-delete" },
+                React.createElement(LoadingSpinner, null))),
+            React.createElement(Button, { styleType: "high-visibility", onClick: deleteCallback, disabled: isLoading }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Delete")),
+            React.createElement(Button, { styleType: "default", onClick: () => {
+                    setShow(false);
+                }, disabled: isLoading }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Cancel")))));
+};
+export default DeleteModal;
+//# sourceMappingURL=DeleteModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteModal.js","sourceRoot":"","sources":["../../../../src/widget/components/DeleteModal.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,EACL,MAAM,EACN,OAAO,EACP,oBAAoB,EACpB,KAAK,EACL,cAAc,EACd,YAAY,GACb,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAUtD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,UAAU,EACV,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAO,GACU,EAAE,EAAE;IACrB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE3D,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;QAChC,IAAI;YACF,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,MAAM,QAAQ,EAAE,CAAC;YACjB,OAAO,CAAC,KAAK,CAAC,CAAC;YACf,MAAM,OAAO,EAAE,CAAC;SACjB;QAAC,OAAO,KAAU,EAAE;YACnB,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SAC3B;gBAAS;YACR,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,IACJ,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACxD,6BAA6B,CAC9B,EACD,MAAM,EAAE,IAAI,EACZ,aAAa,EAAE,CAAC,SAAS,EACzB,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;QAED,oBAAC,YAAY;YACX,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,oBAAC,OAAO,QACL,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,+CAA+C,CAChD,CACO;gBACV,oCAAS,oBAAC,oBAAoB,IAAC,IAAI,EAAE,GAAG,UAAU,GAAG,GAAI,CAAU,CAC/D,CACO;QACf,oBAAC,cAAc;YACZ,SAAS,IAAI,CACZ,6BAAK,SAAS,EAAC,oBAAoB,iBAAa,oBAAoB;gBAClE,oBAAC,cAAc,OAAG,CACd,CACP;YACD,oBAAC,MAAM,IACL,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,SAAS,IAElB,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,4BAA4B,CAC7B,CACM;YACT,oBAAC,MAAM,IACL,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,KAAK,CAAC,CAAC;gBACjB,CAAC,EACD,QAAQ,EAAE,SAAS,IAElB,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,4BAA4B,CAC7B,CACM,CACM,CACX,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport {\n  Button,\n  Leading,\n  MiddleTextTruncation,\n  Modal,\n  ModalButtonBar,\n  ModalContent,\n} from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport \"./DeleteModal.scss\";\nimport { handleError, LoadingSpinner } from \"./utils\";\n\nexport interface DeleteModalProps {\n  entityName: string;\n  show: boolean;\n  setShow: React.Dispatch<React.SetStateAction<boolean>>;\n  onDelete: () => Promise<void>;\n  refresh: () => Promise<void>;\n}\n\nexport const DeleteModal = ({\n  entityName,\n  show,\n  setShow,\n  onDelete,\n  refresh,\n}: DeleteModalProps) => {\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n\n  const deleteCallback = async () => {\n    try {\n      setIsLoading(true);\n      await onDelete();\n      setShow(false);\n      await refresh();\n    } catch (error: any) {\n      handleError(error.status);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return (\n    <Modal\n      title={ReportsConfigWidget.localization.getLocalizedString(\n        \"ReportsConfigWidget:Confirm\"\n      )}\n      isOpen={show}\n      isDismissible={!isLoading}\n      onClose={() => {\n        setShow(false);\n      }}\n    >\n      <ModalContent>\n        <div className=\"delete-modal-body-text\">\n          <Leading>\n            {ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:AreYouSureYouWantToDelete\"\n            )}\n          </Leading>\n          <strong>{<MiddleTextTruncation text={`${entityName}?`} />}</strong>\n        </div>\n      </ModalContent>\n      <ModalButtonBar>\n        {isLoading && (\n          <div className=\"rcw-loading-delete\" data-testid=\"rcw-loading-delete\">\n            <LoadingSpinner />\n          </div>\n        )}\n        <Button\n          styleType=\"high-visibility\"\n          onClick={deleteCallback}\n          disabled={isLoading}\n        >\n          {ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Delete\"\n          )}\n        </Button>\n        <Button\n          styleType=\"default\"\n          onClick={() => {\n            setShow(false);\n          }}\n          disabled={isLoading}\n        >\n          {ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Cancel\"\n          )}\n        </Button>\n      </ModalButtonBar>\n    </Modal>\n  );\n};\n\nexport default DeleteModal;\n"]}

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

@@ -0,0 +1,18 @@
+/*---------------------------------------------------------------------------------------------
+* 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";
+
+.delete-modal-body-text {
+  display: flex;
+  gap: $iui-xs;
+  flex-wrap: wrap;
+  > strong {
+    min-width: 0px;
+  }
+}
+
+.rcw-loading-delete {
+  margin-right: $iui-s;
+}

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

@@ -0,0 +1,28 @@
+import * as React from "react";
+import "./Extraction.scss";
+export declare const REFRESH_DELAY = 2000;
+export declare enum ExtractionStates {
+    None = 0,
+    Starting = 1,
+    FetchingUpdate = 2,
+    Queued = 3,
+    Running = 4,
+    Succeeded = 5,
+    Failed = 6
+}
+interface ExtractionStatusProps {
+    state: ExtractionStates;
+    setExtractionState?: React.Dispatch<React.SetStateAction<ExtractionStates>>;
+    children?: React.ReactNode;
+}
+export declare const ExtractionStatus: ({ state, children, setExtractionState, }: ExtractionStatusProps) => JSX.Element;
+interface ExtractionProps {
+    iModels: Map<string, string>;
+    setExtractingIModelId: React.Dispatch<React.SetStateAction<string>>;
+    extractionState: ExtractionStates;
+    setExtractionState: React.Dispatch<React.SetStateAction<ExtractionStates>>;
+    isLoading: boolean;
+}
+export declare const Extraction: ({ iModels, setExtractingIModelId, extractionState, setExtractionState, isLoading, }: ExtractionProps) => JSX.Element;
+export {};
+//# sourceMappingURL=Extraction.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Extraction.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/Extraction.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,mBAAmB,CAAC;AAU3B,eAAO,MAAM,aAAa,OAAO,CAAC;AAElC,oBAAY,gBAAgB;IAC1B,IAAI,IAAA;IACJ,QAAQ,IAAA;IACR,cAAc,IAAA;IACd,MAAM,IAAA;IACN,OAAO,IAAA;IACP,SAAS,IAAA;IACT,MAAM,IAAA;CACP;AACD,UAAU,qBAAqB;IAC7B,KAAK,EAAE,gBAAgB,CAAC;IACxB,kBAAkB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB,6CAI1B,qBAAqB,gBAkHvB,CAAC;AAEF,UAAU,eAAe;IACvB,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,qBAAqB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACpE,eAAe,EAAE,gBAAgB,CAAC;IAClC,kBAAkB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC3E,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,wFAMpB,eAAe,gBA0IjB,CAAC"}

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

@@ -0,0 +1,169 @@
+import { ComboBox, Label, ProgressRadial, StatusMessage, } from "@itwin/itwinui-react";
+import * as React from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { REPORTING_BASE_PATH, ReportingClient } from "@itwin/insights-client";
+import { generateUrl, handleError, SkeletonBlock } from "./utils";
+import "./Extraction.scss";
+import { SvgStatusError, SvgStatusPending, SvgStatusPendingHollow, SvgStatusSuccess, } from "@itwin/itwinui-icons-color-react";
+import { useReportsApiConfig } from "../context/ReportsApiConfigContext";
+import { ReportsConfigWidget } from "../../ReportsConfigWidget";
+export const REFRESH_DELAY = 2000;
+export 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 || (ExtractionStates = {}));
+export const ExtractionStatus = ({ state, children, setExtractionState, }) => {
+    const [fadeOut, setFadeOut] = useState(false);
+    const onAnimationEnd = () => {
+        if (setExtractionState) {
+            setExtractionState(ExtractionStates.None);
+            setFadeOut(false);
+        }
+    };
+    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.localization.getLocalizedString("ReportsConfigWidget:Starting"), className: "extraction-status" },
+                React.createElement("div", { className: "status-icon" },
+                    React.createElement(SvgStatusPendingHollow, null))));
+        case ExtractionStates.FetchingUpdate:
+            return (React.createElement("div", { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Loading"), className: "extraction-status" },
+                React.createElement(ProgressRadial, { size: "x-small", indeterminate: true })));
+        case ExtractionStates.Queued:
+            return (React.createElement("div", { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Queued"), className: "extraction-status" },
+                React.createElement("div", { className: "status-icon" },
+                    React.createElement(SvgStatusPending, null))));
+        case ExtractionStates.Running:
+            return (React.createElement("div", { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Running"), className: "extraction-status" },
+                React.createElement(ProgressRadial, { size: "x-small", indeterminate: true })));
+        case ExtractionStates.Succeeded:
+            return (React.createElement("div", { title: 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(SvgStatusSuccess, null))));
+        case ExtractionStates.Failed:
+            return (React.createElement("div", { title: 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(SvgStatusError, null))));
+        default:
+            return React.createElement(React.Fragment, null, children);
+    }
+};
+export const Extraction = ({ iModels, setExtractingIModelId, extractionState, setExtractionState, isLoading, }) => {
+    const jobId = useRef("");
+    const intervalId = useRef();
+    const [isRunning, setIsRunning] = useState(false);
+    const [currentIModelId, setCurrentIModelId] = useState();
+    const apiConfig = useReportsApiConfig();
+    const runExtraction = async (iModelId) => {
+        var _a, _b;
+        try {
+            setExtractionState(ExtractionStates.Starting);
+            setExtractingIModelId(iModelId);
+            const reportingClientApi = new ReportingClient(generateUrl(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) {
+            handleError(error.status);
+            setExtractionState(ExtractionStates.Failed);
+            setIsRunning(false);
+            setCurrentIModelId(undefined);
+        }
+    };
+    useEffect(() => {
+        if (!intervalId.current && isRunning) {
+            const newIntervalId = window.setInterval(async () => {
+                var _a, _b, _c, _d;
+                const reportingClientApi = new ReportingClient(generateUrl(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);
+                }
+            }, 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 = 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(Label, { htmlFor: "combo-input" }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateDataset")),
+            isLoading ? (React.createElement(SkeletonBlock, null)) : (React.createElement(ComboBox, { options: iModelOptions, value: currentIModelId, onChange: async (value) => {
+                    setCurrentIModelId(value);
+                    await runExtraction(value);
+                }, inputProps: {
+                    id: "combo-input",
+                    placeholder: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:SelectIModel"),
+                }, message: extractionState !== ExtractionStates.None && (React.createElement(StatusMessage, null,
+                    React.createElement("div", { className: "extraction-status-container" },
+                        React.createElement(ExtractionStatus, { state: extractionState, setExtractionState: setExtractionState }),
+                        (() => {
+                            switch (extractionState) {
+                                case ExtractionStates.Succeeded: {
+                                    return ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Success");
+                                }
+                                case ExtractionStates.Failed: {
+                                    return ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Failed");
+                                }
+                                default: {
+                                    return ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateInProgress");
+                                }
+                            }
+                        })()))) })))));
+};
+//# sourceMappingURL=Extraction.js.map

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