@itwin/reports-config-widget-react 0.2.1 → 0.4.0

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

@@ -2,48 +2,35 @@
 * 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, } from "@itwin/itwinui-icons-react";
-import { Button, IconButton, LabeledInput, Surface, Text, toaster, } from "@itwin/itwinui-react";
+import { SvgAdd, SvgCopy, SvgRefresh, } from "@itwin/itwinui-icons-react";
+import { Button, IconButton, LabeledInput, Text, toaster, } from "@itwin/itwinui-react";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { EmptyMessage, generateUrl, handleError, LoadingOverlay, WidgetHeader, } from "./utils";
+import { EmptyMessage, generateUrl, handleError, LoadingOverlay, LoadingSpinner, } from "./utils";
 import "./ReportMappings.scss";
 import DeleteModal from "./DeleteModal";
-import { MappingsClient, REPORTING_BASE_PATH, ReportsClient } from "@itwin/insights-client";
+import { REPORTING_BASE_PATH } from "@itwin/insights-client";
 import { AddMappingsModal } from "./AddMappingsModal";
-import { Constants, IModelsClient } from "@itwin/imodels-client-management";
 import { AccessTokenAdapter } from "@itwin/imodels-access-frontend";
 import { SearchBar } from "./SearchBar";
-import { useReportsApiConfig } from "../context/ReportsApiConfigContext";
+import { useReportsConfigApi } from "../context/ReportsConfigApiContext";
 import { ReportsConfigWidget } from "../../ReportsConfigWidget";
 import { ReportMappingHorizontalTile } from "./ReportMappingHorizontalTile";
 import { BeEvent } from "@itwin/core-bentley";
-import { LoadingSpinner } from "./utils";
-var ReportMappingsView;
-(function (ReportMappingsView) {
-    ReportMappingsView["REPORTMAPPINGS"] = "reportmappings";
-    ReportMappingsView["ADDING"] = "adding";
-})(ReportMappingsView || (ReportMappingsView = {}));
-const fetchReportMappings = async (setReportMappings, reportId, setIsLoading, apiContext) => {
-    var _a, _b;
+import { useBulkExtractor } from "../context/BulkExtractorContext";
+const fetchReportMappings = async (setReportMappings, reportId, setIsLoading, reportsClient, mappingsClient, iModelsClient, getAccessToken) => {
     try {
         setIsLoading(true);
-        const reportsClientApi = new ReportsClient(generateUrl(REPORTING_BASE_PATH, apiContext.baseUrl));
-        const mappingsClientApi = new MappingsClient(generateUrl(REPORTING_BASE_PATH, apiContext.baseUrl));
-        const accessToken = await apiContext.getAccessToken();
-        const reportMappings = await reportsClientApi.getReportMappings(accessToken, reportId);
-        const iModelClientOptions = {
-            api: { baseUrl: generateUrl(Constants.api.baseUrl, apiContext.baseUrl) },
-        };
-        const iModelsClient = new IModelsClient(iModelClientOptions);
+        const accessToken = await getAccessToken();
+        const reportMappings = await reportsClient.getReportMappings(accessToken, reportId);
         const authorization = AccessTokenAdapter.toAuthorizationCallback(accessToken);
         const iModelNames = new Map();
         const reportMappingsAndMappings = [];
         for (const reportMapping of reportMappings) {
             const iModelId = reportMapping.imodelId;
             let iModelName = "";
-            const mapping = await mappingsClientApi.getMapping(accessToken, iModelId, reportMapping.mappingId);
+            const mapping = await mappingsClient.getMapping(accessToken, iModelId, reportMapping.mappingId);
             if (iModelNames.has(iModelId)) {
-                iModelName = (_a = iModelNames.get(iModelId)) !== null && _a !== void 0 ? _a : "";
+                iModelName = iModelNames.get(iModelId) ?? "";
             }
             else {
                 const getSingleParams = {
@@ -58,7 +45,7 @@ const fetchReportMappings = async (setReportMappings, reportId, setIsLoading, ap
                 ...reportMapping,
                 iModelName,
                 mappingName: mapping.mappingName,
-                mappingDescription: (_b = mapping.description) !== null && _b !== void 0 ? _b : "",
+                mappingDescription: mapping.description ?? "",
             };
             reportMappingsAndMappings.push(reportMappingAndMapping);
         }
@@ -71,63 +58,63 @@ const fetchReportMappings = async (setReportMappings, reportId, setIsLoading, ap
         setIsLoading(false);
     }
 };
-export const ReportMappings = ({ report, bulkExtractor, goBack }) => {
-    var _a;
-    const apiConfig = useReportsApiConfig();
-    const [reportMappingsView, setReportMappingsView] = useState(ReportMappingsView.REPORTMAPPINGS);
-    const [selectedReportMapping, setSelectedReportMapping] = useState(undefined);
-    const [showDeleteModal, setShowDeleteModal] = useState(false);
+export const ReportMappings = ({ report, onClickClose, defaultIModelId }) => {
+    const { getAccessToken, reportsClient, iModelsClient, mappingsClient, baseUrl } = useReportsConfigApi();
+    const [showDeleteModal, setShowDeleteModal] = useState(undefined);
+    const [showAddMapping, setShowAddMapping] = useState(false);
+    const { bulkExtractor } = useBulkExtractor();
     const [isLoading, setIsLoading] = useState(true);
     const [searchValue, setSearchValue] = useState("");
     const [reportMappings, setReportMappings] = useState([]);
     const [jobRunning, setJobRunning] = useState(false);
     const jobStartEvent = useMemo(() => new BeEvent(), []);
     useEffect(() => {
-        void fetchReportMappings(setReportMappings, report.id, setIsLoading, apiConfig);
-    }, [apiConfig, report.id, setIsLoading]);
+        void fetchReportMappings(setReportMappings, report.id, setIsLoading, reportsClient, mappingsClient, iModelsClient, getAccessToken);
+    }, [getAccessToken, iModelsClient, mappingsClient, report.id, reportsClient, setIsLoading]);
     useEffect(() => {
+        if (!bulkExtractor)
+            return;
         bulkExtractor.setHook(setJobRunning, reportMappings.map((x) => x.imodelId));
     }, [bulkExtractor, reportMappings]);
     const refresh = useCallback(async () => {
-        setReportMappingsView(ReportMappingsView.REPORTMAPPINGS);
-        await fetchReportMappings(setReportMappings, report.id, setIsLoading, apiConfig);
-    }, [apiConfig, report.id, setReportMappings]);
-    const addMapping = () => {
-        setReportMappingsView(ReportMappingsView.ADDING);
-    };
-    const odataFeedUrl = `${generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)}/odata/${report.id}`;
+        await fetchReportMappings(setReportMappings, report.id, setIsLoading, reportsClient, mappingsClient, iModelsClient, getAccessToken);
+    }, [getAccessToken, iModelsClient, mappingsClient, report.id, reportsClient]);
+    const odataFeedUrl = `${generateUrl(REPORTING_BASE_PATH, baseUrl)}/odata/${report.id}`;
+    const addMapping = useCallback(() => {
+        setShowAddMapping(true);
+    }, []);
     const filteredReportMappings = useMemo(() => reportMappings.filter((x) => [x.iModelName, x.mappingName, x.mappingDescription]
         .join(" ")
         .toLowerCase()
         .includes(searchValue.toLowerCase())), [reportMappings, searchValue]);
+    const onAddMappingsModalClose = useCallback(async () => { await refresh(); setShowAddMapping(false); }, [refresh]);
+    if (!bulkExtractor)
+        return null;
     return (React.createElement(React.Fragment, null,
-        React.createElement(WidgetHeader, { title: report.displayName, returnFn: goBack }),
-        React.createElement("div", { className: "rcw-report-mapping-misc" },
-            React.createElement(LabeledInput, { label: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ODataFeedURL"), className: "rcw-odata-url-input", readOnly: true, value: odataFeedUrl, svgIcon: React.createElement(IconButton, { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Copy"), styleType: "borderless", onClick: async (_) => {
+        React.createElement("div", { className: "rcw-report-mappings-container" },
+            React.createElement(LabeledInput, { label: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ODataFeedURL"), className: "rcw-odata-url-input", readOnly: true, value: odataFeedUrl, svgIcon: React.createElement(IconButton, { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Copy"), onClick: async (_) => {
                         await navigator.clipboard.writeText(odataFeedUrl);
                         toaster.positive(ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:CopiedToClipboard"));
                     } },
-                    React.createElement(SvgCopy, null)), iconDisplayStyle: "inline" })),
-        React.createElement(Surface, { className: "rcw-report-mappings-container" },
+                    React.createElement(SvgCopy, null)), iconDisplayStyle: "inline" }),
             React.createElement("div", { className: "rcw-toolbar" },
                 React.createElement(Button, { startIcon: React.createElement(SvgAdd, null), onClick: () => addMapping(), styleType: "high-visibility" }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:AddMapping")),
                 React.createElement("div", { className: "rcw-search-bar-container", "data-testid": "rcw-search-bar" },
+                    React.createElement(IconButton, { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Refresh"), onClick: refresh, disabled: isLoading, styleType: 'borderless' },
+                        React.createElement(SvgRefresh, null)),
                     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: "rcw-mapping-list" }, filteredReportMappings.map((mapping) => (React.createElement(ReportMappingHorizontalTile, { key: mapping.mappingId, bulkExtractor: bulkExtractor, mapping: mapping, onClickDelete: () => {
-                    setSelectedReportMapping(mapping);
-                    setShowDeleteModal(true);
+                        React.createElement(Button, { onClick: addMapping, styleType: "cta" }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:LetsAddSomeMappingsCTA")))))) : (React.createElement("div", { className: "rcw-mapping-list" }, filteredReportMappings.map((mapping) => (React.createElement(ReportMappingHorizontalTile, { key: mapping.mappingId, bulkExtractor: bulkExtractor, mapping: mapping, onClickDelete: () => {
+                    setShowDeleteModal(mapping);
                 }, odataFeedUrl: odataFeedUrl, jobStartEvent: jobStartEvent })))))),
-        React.createElement(AddMappingsModal, { show: reportMappingsView === ReportMappingsView.ADDING, reportId: report.id, existingMappings: reportMappings, returnFn: refresh }),
-        React.createElement(DeleteModal, { entityName: (_a = selectedReportMapping === null || selectedReportMapping === void 0 ? void 0 : selectedReportMapping.mappingName) !== null && _a !== void 0 ? _a : "", show: showDeleteModal, setShow: setShowDeleteModal, onDelete: async () => {
-                var _a;
-                const reportsClientApi = new ReportsClient(generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl));
-                const accessToken = await apiConfig.getAccessToken();
-                await reportsClientApi.deleteReportMapping(accessToken, report.id, (_a = selectedReportMapping === null || selectedReportMapping === void 0 ? void 0 : selectedReportMapping.mappingId) !== null && _a !== void 0 ? _a : "");
-            }, refresh: refresh }),
+        React.createElement(AddMappingsModal, { show: showAddMapping, reportId: report.id, existingMappings: reportMappings, onClose: onAddMappingsModalClose, defaultIModelId: defaultIModelId }),
+        React.createElement(DeleteModal, { entityName: showDeleteModal?.mappingName ?? "", onDelete: async () => {
+                const accessToken = await getAccessToken();
+                await reportsClient.deleteReportMapping(accessToken, report.id, showDeleteModal?.mappingId ?? "");
+            }, refresh: refresh, onClose: () => setShowDeleteModal(undefined) }),
         React.createElement("div", { className: "rcw-action-panel" },
             isLoading && React.createElement(LoadingSpinner, null),
             React.createElement(Button, { disabled: isLoading || jobRunning || reportMappings.length === 0, styleType: "high-visibility", onClick: async () => {
@@ -138,6 +125,6 @@ export const ReportMappings = ({ report, bulkExtractor, goBack }) => {
                         jobStartEvent.raiseEvent(reportMapping.imodelId);
                     });
                 } }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateAllDatasets")),
-            React.createElement(Button, { styleType: "default", type: "button", onClick: goBack, disabled: isLoading }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Close")))));
+            React.createElement(Button, { styleType: "default", type: "button", onClick: onClickClose, disabled: isLoading }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Close")))));
 };
 //# sourceMappingURL=ReportMappings.js.map

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

@@ -1 +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} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  IconButton,\n  LabeledInput,\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 { MappingsClient, REPORTING_BASE_PATH, ReportsClient } 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 { SearchBar } from \"./SearchBar\";\nimport type { ReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { useReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport { ReportMappingHorizontalTile } from \"./ReportMappingHorizontalTile\";\nimport type BulkExtractor from \"./BulkExtractor\";\nimport { BeEvent } from \"@itwin/core-bentley\";\nimport { LoadingSpinner } from \"./utils\";\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: (mappings: ReportMappingAndMapping[]) => void,\n  reportId: string,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n  apiContext: ReportsApiConfig\n) => {\n  try {\n    setIsLoading(true);\n    const reportsClientApi = new ReportsClient(\n      generateUrl(REPORTING_BASE_PATH, apiContext.baseUrl)\n    );\n    const mappingsClientApi = new MappingsClient(\n      generateUrl(REPORTING_BASE_PATH, apiContext.baseUrl)\n    );\n    const accessToken = await apiContext.getAccessToken();\n    const reportMappings = await reportsClientApi.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\n    const reportMappingsAndMappings = [];\n    for (const reportMapping of reportMappings) {\n      const iModelId = reportMapping.imodelId;\n      let iModelName = \"\";\n      const mapping = await mappingsClientApi.getMapping(\n        accessToken,\n        iModelId,\n        reportMapping.mappingId\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.mappingName,\n        mappingDescription: mapping.description ?? \"\",\n      };\n      reportMappingsAndMappings.push(reportMappingAndMapping);\n    }\n\n    setReportMappings(reportMappingsAndMappings);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\ninterface ReportMappingsProps {\n  report: Report;\n  bulkExtractor: BulkExtractor;\n  goBack: () => Promise<void>;\n}\n\nexport const ReportMappings = ({ report, bulkExtractor, goBack }: ReportMappingsProps) => {\n  const apiConfig = useReportsApiConfig();\n  const [reportMappingsView, setReportMappingsView] =\n    useState<ReportMappingsView>(ReportMappingsView.REPORTMAPPINGS);\n  const [selectedReportMapping, setSelectedReportMapping] = useState<ReportMappingAndMapping | undefined>(undefined);\n  const [showDeleteModal, setShowDeleteModal] = useState<boolean>(false);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [searchValue, setSearchValue] = useState<string>(\"\");\n  const [reportMappings, setReportMappings] = useState<ReportMappingAndMapping[]>([]);\n  const [jobRunning, setJobRunning] = useState<boolean>(false);\n\n  const jobStartEvent = useMemo(\n    () => new BeEvent<(iModelId: string) => void>(),\n    []\n  );\n\n  useEffect(() => {\n    void fetchReportMappings(\n      setReportMappings,\n      report.id,\n      setIsLoading,\n      apiConfig\n    );\n  }, [apiConfig, report.id, setIsLoading]);\n\n  useEffect(() => {\n    bulkExtractor.setHook(setJobRunning, reportMappings.map((x) => x.imodelId));\n  }, [bulkExtractor, reportMappings]);\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 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=\"rcw-report-mapping-misc\">\n        <LabeledInput\n          label={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:ODataFeedURL\"\n          )}\n          className=\"rcw-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      </div>\n      <Surface className=\"rcw-report-mappings-container\">\n        <div className=\"rcw-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=\"rcw-search-bar-container\" data-testid=\"rcw-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=\"rcw-mapping-list\">\n            {filteredReportMappings.map((mapping) => (\n              <ReportMappingHorizontalTile\n                key={mapping.mappingId}\n                bulkExtractor={bulkExtractor}\n                mapping={mapping}\n                onClickDelete={() => {\n                  setSelectedReportMapping(mapping);\n                  setShowDeleteModal(true);\n                }}\n                odataFeedUrl={odataFeedUrl}\n                jobStartEvent={jobStartEvent}\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 reportsClientApi = new ReportsClient(\n            generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)\n          );\n          const accessToken = await apiConfig.getAccessToken();\n          await reportsClientApi.deleteReportMapping(\n            accessToken,\n            report.id,\n            selectedReportMapping?.mappingId ?? \"\"\n          );\n        }}\n        refresh={refresh}\n      />\n      <div className=\"rcw-action-panel\">\n        {isLoading && <LoadingSpinner />}\n        <Button\n          disabled={isLoading || jobRunning || reportMappings.length === 0}\n          styleType=\"high-visibility\"\n          onClick={async () => {\n            setJobRunning(true);\n            const uniqueIModels = Array.from(new Set(reportMappings.map((x) => x.imodelId)));\n            await bulkExtractor.runIModelExtractions(uniqueIModels);\n            reportMappings.forEach((reportMapping) => {\n              jobStartEvent.raiseEvent(reportMapping.imodelId);\n            });\n          }}\n        >\n          {ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:UpdateAllDatasets\"\n          )}\n        </Button>\n        <Button\n          styleType=\"default\"\n          type=\"button\"\n          onClick={goBack}\n          disabled={isLoading}\n        >\n          {ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Close\"\n          )}\n        </Button>\n      </div>\n    </>\n  );\n};\n"]}
+{"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  SvgRefresh,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  IconButton,\n  LabeledInput,\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  LoadingSpinner,\n} from \"./utils\";\nimport \"./ReportMappings.scss\";\nimport DeleteModal from \"./DeleteModal\";\nimport type { MappingsClient, Report, ReportMapping, ReportsClient } from \"@itwin/insights-client\";\nimport { REPORTING_BASE_PATH } from \"@itwin/insights-client\";\nimport { AddMappingsModal } from \"./AddMappingsModal\";\nimport type {\n  GetSingleIModelParams,\n  IModelsClient,\n} from \"@itwin/imodels-client-management\";\nimport { AccessTokenAdapter } from \"@itwin/imodels-access-frontend\";\nimport { SearchBar } from \"./SearchBar\";\nimport { useReportsConfigApi } from \"../context/ReportsConfigApiContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport { ReportMappingHorizontalTile } from \"./ReportMappingHorizontalTile\";\nimport type { AccessToken } from \"@itwin/core-bentley\";\nimport { BeEvent } from \"@itwin/core-bentley\";\nimport { useBulkExtractor } from \"../context/BulkExtractorContext\";\n\nexport type ReportMappingType = CreateTypeFromInterface<ReportMapping>;\n\nexport type ReportMappingAndMapping = ReportMappingType & {\n  mappingName: string;\n  mappingDescription: string;\n  iModelName: string;\n};\n\nconst fetchReportMappings = async (\n  setReportMappings: (mappings: ReportMappingAndMapping[]) => void,\n  reportId: string,\n  setIsLoading: (isLoading: boolean) => void,\n  reportsClient: ReportsClient,\n  mappingsClient: MappingsClient,\n  iModelsClient: IModelsClient,\n  getAccessToken: () => Promise<AccessToken>\n) => {\n  try {\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    const reportMappings = await reportsClient.getReportMappings(\n      accessToken,\n      reportId\n    );\n    const authorization =\n      AccessTokenAdapter.toAuthorizationCallback(accessToken);\n    const iModelNames = new Map<string, string>();\n\n    const reportMappingsAndMappings = [];\n    for (const reportMapping of reportMappings) {\n      const iModelId = reportMapping.imodelId;\n      let iModelName = \"\";\n      const mapping = await mappingsClient.getMapping(\n        accessToken,\n        iModelId,\n        reportMapping.mappingId\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.mappingName,\n        mappingDescription: mapping.description ?? \"\",\n      };\n      reportMappingsAndMappings.push(reportMappingAndMapping);\n    }\n\n    setReportMappings(reportMappingsAndMappings);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\nexport interface ReportMappingsProps {\n  report: Report;\n  onClickClose: () => void;\n  defaultIModelId?: string;\n}\n\nexport const ReportMappings = ({ report, onClickClose, defaultIModelId }: ReportMappingsProps) => {\n  const { getAccessToken, reportsClient, iModelsClient, mappingsClient, baseUrl } = useReportsConfigApi();\n  const [showDeleteModal, setShowDeleteModal] = useState<ReportMappingAndMapping | undefined>(undefined);\n  const [showAddMapping, setShowAddMapping] = useState<boolean>(false);\n  const { bulkExtractor } = useBulkExtractor();\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [searchValue, setSearchValue] = useState<string>(\"\");\n  const [reportMappings, setReportMappings] = useState<ReportMappingAndMapping[]>([]);\n  const [jobRunning, setJobRunning] = useState<boolean>(false);\n  const jobStartEvent = useMemo(\n    () => new BeEvent<(iModelId: string) => void>(),\n    []\n  );\n\n  useEffect(() => {\n    void fetchReportMappings(\n      setReportMappings,\n      report.id,\n      setIsLoading,\n      reportsClient,\n      mappingsClient,\n      iModelsClient,\n      getAccessToken\n    );\n  }, [getAccessToken, iModelsClient, mappingsClient, report.id, reportsClient, setIsLoading]);\n\n  useEffect(() => {\n    if (!bulkExtractor) return;\n    bulkExtractor.setHook(setJobRunning, reportMappings.map((x) => x.imodelId));\n  }, [bulkExtractor, reportMappings]);\n\n  const refresh = useCallback(async () => {\n    await fetchReportMappings(\n      setReportMappings,\n      report.id,\n      setIsLoading,\n      reportsClient,\n      mappingsClient,\n      iModelsClient,\n      getAccessToken\n    );\n  }, [getAccessToken, iModelsClient, mappingsClient, report.id, reportsClient]);\n\n  const odataFeedUrl = `${generateUrl(\n    REPORTING_BASE_PATH,\n    baseUrl\n  )}/odata/${report.id}`;\n\n  const addMapping = useCallback(() => {\n    setShowAddMapping(true);\n  }, []);\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  const onAddMappingsModalClose = useCallback(async () => { await refresh(); setShowAddMapping(false); }, [refresh]);\n\n  if (!bulkExtractor) return null;\n\n  return (\n    <>\n      <div className=\"rcw-report-mappings-container\">\n        <LabeledInput\n          label={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:ODataFeedURL\"\n          )}\n          className=\"rcw-odata-url-input\"\n          readOnly={true}\n          value={odataFeedUrl}\n          svgIcon={\n            <IconButton\n              title={ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:Copy\"\n              )}\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        <div className=\"rcw-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=\"rcw-search-bar-container\" data-testid=\"rcw-search-bar\">\n            <IconButton\n              title={ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:Refresh\"\n              )}\n              onClick={refresh}\n              disabled={isLoading}\n              styleType='borderless'\n            >\n              <SvgRefresh />\n            </IconButton>\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=\"rcw-mapping-list\">\n            {filteredReportMappings.map((mapping) => (\n              <ReportMappingHorizontalTile\n                key={mapping.mappingId}\n                bulkExtractor={bulkExtractor}\n                mapping={mapping}\n                onClickDelete={() => {\n                  setShowDeleteModal(mapping);\n                }}\n                odataFeedUrl={odataFeedUrl}\n                jobStartEvent={jobStartEvent}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n      <AddMappingsModal\n        show={showAddMapping}\n        reportId={report.id}\n        existingMappings={reportMappings}\n        onClose={onAddMappingsModalClose}\n        defaultIModelId={defaultIModelId}\n      />\n      <DeleteModal\n        entityName={showDeleteModal?.mappingName ?? \"\"}\n        onDelete={async () => {\n          const accessToken = await getAccessToken();\n          await reportsClient.deleteReportMapping(\n            accessToken,\n            report.id,\n            showDeleteModal?.mappingId ?? \"\"\n          );\n        }}\n        refresh={refresh}\n        onClose={() => setShowDeleteModal(undefined)}\n      />\n      <div className=\"rcw-action-panel\">\n        {isLoading && <LoadingSpinner />}\n        <Button\n          disabled={isLoading || jobRunning || reportMappings.length === 0}\n          styleType=\"high-visibility\"\n          onClick={async () => {\n            setJobRunning(true);\n            const uniqueIModels = Array.from(new Set(reportMappings.map((x) => x.imodelId)));\n            await bulkExtractor.runIModelExtractions(uniqueIModels);\n            reportMappings.forEach((reportMapping) => {\n              jobStartEvent.raiseEvent(reportMapping.imodelId);\n            });\n          }}\n        >\n          {ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:UpdateAllDatasets\"\n          )}\n        </Button>\n        <Button\n          styleType=\"default\"\n          type=\"button\"\n          onClick={onClickClose}\n          disabled={isLoading}\n        >\n          {ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Close\"\n          )}\n        </Button>\n      </div>\n    </>\n  );\n};\n"]}

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

@@ -2,31 +2,29 @@
 * 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-report-mapping-misc {
   display: flex;
   flex-direction: column;
-  gap: $iui-baseline;
+  gap: var(--iui-size-s);
 }
 
 .rcw-report-mappings-container {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
-  padding: $iui-baseline $iui-m;
   min-height: 0;
 
   .rcw-odata-url-input {
-    margin-bottom: $iui-baseline * 2;
+    margin-bottom: calc(var(--iui-size-s) * 2);
   }
 
   .rcw-toolbar {
     display: flex;
     justify-content: space-between;
-    gap: $iui-s;
-    border-bottom: 1px solid var(--iui-color-background-4);
-    padding-bottom: $iui-baseline;
+    gap: var(--iui-size-xs);
+    border-bottom: 1px solid var(--iui-color-border-subtle);
+    padding-bottom: var(--iui-size-s);
     flex-wrap: wrap;
   }
 
@@ -34,13 +32,14 @@
     display: flex;
     flex-direction: column;
     overflow-y: overlay;
-    gap: 7.5px;
-    margin-top: 7.5px;
+    gap: var(--iui-size-xs);
+    margin-top: var(--iui-size-xs);
   }
 
   .rcw-search-bar-container {
-    flex-basis: $iui-3xl;
+    flex-basis: var(--iui-size-3xl);
     flex-shrink: 1;
     flex-grow: 1;
+    display: flex;
   }
-}
+}

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

@@ -3,5 +3,10 @@ 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;
+export interface ReportsProps {
+    onClickAddReport?: () => void;
+    onClickReportTitle?: (report: Report) => void;
+    onClickReportModify?: (report: Report) => void;
+}
+export declare const Reports: ({ onClickAddReport, onClickReportModify, onClickReportTitle, }: ReportsProps) => JSX.Element | null;
 //# sourceMappingURL=Reports.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Reports.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/Reports.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAQvD,OAAO,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAcrD,oBAAY,UAAU,GAAG,uBAAuB,CAAC,MAAM,CAAC,CAAC;AA+BzD,eAAO,MAAM,OAAO,0BAiMnB,CAAC"}
+{"version":3,"file":"Reports.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/Reports.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAMvD,OAAO,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,wBAAwB,CAAC;AASpE,oBAAY,UAAU,GAAG,uBAAuB,CAAC,MAAM,CAAC,CAAC;AAsBzD,MAAM,WAAW,YAAY;IAC3B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,OAAO,mEAIjB,YAAY,uBAsKd,CAAC"}

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

@@ -1,40 +1,27 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-import { SvgAdd, SvgPlay, } from "@itwin/itwinui-icons-react";
-import { Button, IconButton, Surface, toaster, } from "@itwin/itwinui-react";
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+import { SvgAdd, SvgPlay, SvgRefresh } from "@itwin/itwinui-icons-react";
+import { Button, IconButton } from "@itwin/itwinui-react";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { EmptyMessage, generateUrl, handleError, LoadingOverlay, WidgetHeader, } from "./utils";
+import { EmptyMessage, handleError, LoadingOverlay, } from "./utils";
 import "./Reports.scss";
 import DeleteModal from "./DeleteModal";
-import { REPORTING_BASE_PATH, ReportsClient } from "@itwin/insights-client";
-import ReportAction from "./ReportAction";
-import { ReportMappings } from "./ReportMappings";
 import { ReportHorizontalTile } from "./ReportHorizontalTile";
 import { SearchBar } from "./SearchBar";
-import { useReportsApiConfig } from "../context/ReportsApiConfigContext";
+import { useReportsConfigApi } from "../context/ReportsConfigApiContext";
 import { ReportsConfigWidget } from "../../ReportsConfigWidget";
-import { useActiveIModelConnection } from "@itwin/appui-react";
-import BulkExtractor from "./BulkExtractor";
 import { BeEvent } from "@itwin/core-bentley";
-import { FailedExtractionToast, SuccessfulExtractionToast } from "./ExtractionToast";
-var ReportsView;
-(function (ReportsView) {
-    ReportsView["REPORTS"] = "reports";
-    ReportsView["REPORTSMAPPING"] = "reportsmapping";
-    ReportsView["ADDING"] = "adding";
-    ReportsView["MODIFYING"] = "modifying";
-})(ReportsView || (ReportsView = {}));
-const fetchReports = async (setReports, iTwinId, setIsLoading, apiContext) => {
+import { useBulkExtractor } from "../context/BulkExtractorContext";
+const fetchReports = async (setReports, iTwinId, setIsLoading, reportsClient, getAccessToken) => {
     try {
         if (!iTwinId)
             return;
         setIsLoading(true);
-        const reportsClientApi = new ReportsClient(generateUrl(REPORTING_BASE_PATH, apiContext.baseUrl));
-        const accessToken = await apiContext.getAccessToken();
-        const reports = await reportsClientApi.getReports(accessToken, iTwinId);
-        setReports(reports !== null && reports !== void 0 ? reports : []);
+        const accessToken = await getAccessToken();
+        const reports = await reportsClient.getReports(accessToken, iTwinId);
+        setReports(reports ?? []);
     }
     catch (error) {
         handleError(error.status);
@@ -43,36 +30,21 @@ const fetchReports = async (setReports, iTwinId, setIsLoading, apiContext) => {
         setIsLoading(false);
     }
 };
-export const Reports = () => {
-    var _a, _b, _c;
-    const successfulExtractionToast = (iModelName, odataFeedUrl) => {
-        toaster.positive(React.createElement(SuccessfulExtractionToast, { iModelName: iModelName, odataFeedUrl: odataFeedUrl }));
-    };
-    const failedExtractionToast = (iModelName) => {
-        toaster.negative(React.createElement(FailedExtractionToast, { iModelName: iModelName }));
-    };
-    const iTwinId = (_b = (_a = useActiveIModelConnection()) === null || _a === void 0 ? void 0 : _a.iTwinId) !== null && _b !== void 0 ? _b : "";
-    const apiConfig = useReportsApiConfig();
+export const Reports = ({ onClickAddReport, onClickReportModify, onClickReportTitle, }) => {
+    const { iTwinId, getAccessToken, reportsClient } = useReportsConfigApi();
+    const { bulkExtractor } = useBulkExtractor();
+    const [showDeleteModal, setShowDeleteModal] = useState(undefined);
     const [selectedReportIds, setSelectedReportIds] = useState([]);
-    const [showDeleteModal, setShowDeleteModal] = useState(false);
-    const [reportsView, setReportsView] = useState(ReportsView.REPORTS);
-    const [selectedReport, setSelectedReport] = useState(undefined);
     const [isLoading, setIsLoading] = useState(true);
     const [searchValue, setSearchValue] = useState("");
     const [reports, setReports] = useState([]);
-    const bulkExtractor = useMemo(() => new BulkExtractor(apiConfig, successfulExtractionToast, failedExtractionToast), [apiConfig]);
     const jobStartEvent = useMemo(() => new BeEvent(), []);
     useEffect(() => {
-        void fetchReports(setReports, iTwinId, setIsLoading, apiConfig);
-    }, [apiConfig, iTwinId, setIsLoading]);
+        void fetchReports(setReports, iTwinId, setIsLoading, reportsClient, getAccessToken);
+    }, [getAccessToken, iTwinId, reportsClient, setIsLoading]);
     const refresh = useCallback(async () => {
-        setReportsView(ReportsView.REPORTS);
-        setSelectedReport(undefined);
-        await fetchReports(setReports, iTwinId, setIsLoading, apiConfig);
-    }, [apiConfig, iTwinId, setReports]);
-    const addReport = () => {
-        setReportsView(ReportsView.ADDING);
-    };
+        await fetchReports(setReports, iTwinId, setIsLoading, reportsClient, getAccessToken);
+    }, [getAccessToken, iTwinId, reportsClient]);
     const filteredReports = useMemo(() => reports.filter((x) => [x.displayName, x.description]
         .join(" ")
         .toLowerCase()
@@ -85,48 +57,35 @@ export const Reports = () => {
             : [...sr, reportId]);
     };
     const updateDatasets = useCallback(async () => {
+        if (!bulkExtractor)
+            return;
         await bulkExtractor.runReportExtractions(selectedReportIds);
         selectedReportIds.map((reportId) => jobStartEvent.raiseEvent(reportId));
         setSelectedReportIds([]);
     }, [selectedReportIds, jobStartEvent, bulkExtractor]);
-    switch (reportsView) {
-        case ReportsView.ADDING:
-            return iTwinId ? (React.createElement(ReportAction, { iTwinId: iTwinId !== null && iTwinId !== void 0 ? iTwinId : "", returnFn: refresh })) : null;
-        case ReportsView.MODIFYING:
-            return iTwinId ? (React.createElement(ReportAction, { iTwinId: iTwinId, report: selectedReport, returnFn: refresh })) : null;
-        case ReportsView.REPORTSMAPPING:
-            return selectedReport ? (React.createElement(ReportMappings, { report: selectedReport, bulkExtractor: bulkExtractor, goBack: refresh })) : null;
-        default:
-            return (React.createElement(React.Fragment, null,
-                React.createElement(WidgetHeader, { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ITwinReports") }),
-                React.createElement(Surface, { className: "rcw-reports-list-container" },
-                    React.createElement("div", { className: "rcw-toolbar" },
-                        React.createElement(Button, { startIcon: React.createElement(SvgAdd, null), onClick: () => addReport(), styleType: "high-visibility" }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:New")),
-                        React.createElement(IconButton, { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateDatasets"), onClick: updateDatasets, disabled: selectedReportIds.length === 0 },
-                            React.createElement(SvgPlay, null)),
-                        React.createElement("div", { className: "rcw-search-bar-container", "data-testid": "rcw-search-bar" },
-                            React.createElement("div", { className: "rcw-search-button" },
-                                React.createElement(SearchBar, { searchValue: searchValue, setSearchValue: setSearchValue, disabled: isLoading })))),
-                    isLoading ? (React.createElement(LoadingOverlay, null)) : reports.length === 0 ? (React.createElement(EmptyMessage, null,
-                        React.createElement(React.Fragment, null,
-                            ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:NoReports"),
-                            React.createElement("div", null,
-                                React.createElement(Button, { onClick: addReport, styleType: "cta" }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:CreateOneReportCTA")))))) : (React.createElement("div", { className: "rcw-reports-list" }, filteredReports.map((report) => (React.createElement(ReportHorizontalTile, { key: report.id, report: report, onClickTitle: () => {
-                            setSelectedReport(report);
-                            setReportsView(ReportsView.REPORTSMAPPING);
-                        }, jobStartEvent: jobStartEvent, bulkExtractor: bulkExtractor, onClickDelete: () => {
-                            setSelectedReport(report);
-                            setShowDeleteModal(true);
-                        }, onClickModify: () => {
-                            setSelectedReport(report);
-                            setReportsView(ReportsView.MODIFYING);
-                        }, onSelectionChange: onSelectionChange, selected: selectedReportIds.some((reportId) => report.id === reportId) })))))),
-                React.createElement(DeleteModal, { entityName: (_c = selectedReport === null || selectedReport === void 0 ? void 0 : selectedReport.displayName) !== null && _c !== void 0 ? _c : "", show: showDeleteModal, setShow: setShowDeleteModal, onDelete: async () => {
-                        var _a;
-                        const reportsClientApi = new ReportsClient(generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl));
-                        const accessToken = await apiConfig.getAccessToken();
-                        await reportsClientApi.deleteReport(accessToken, (_a = selectedReport === null || selectedReport === void 0 ? void 0 : selectedReport.id) !== null && _a !== void 0 ? _a : "");
-                    }, refresh: refresh })));
-    }
+    if (!bulkExtractor)
+        return null;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "rcw-reports-list-container" },
+            React.createElement("div", { className: "rcw-toolbar" },
+                React.createElement("div", { className: "rcw-button-spacing" },
+                    onClickAddReport && (React.createElement(Button, { startIcon: React.createElement(SvgAdd, null), onClick: onClickAddReport, styleType: "high-visibility", title: "New Report" }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:New"))),
+                    React.createElement(IconButton, { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateDatasets"), onClick: updateDatasets, disabled: selectedReportIds.length === 0 },
+                        React.createElement(SvgPlay, null))),
+                React.createElement("div", { className: "rcw-search-bar-container", "data-testid": "rcw-search-bar" },
+                    React.createElement(IconButton, { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Refresh"), onClick: refresh, disabled: isLoading, styleType: "borderless" },
+                        React.createElement(SvgRefresh, null)),
+                    React.createElement(SearchBar, { searchValue: searchValue, setSearchValue: setSearchValue, disabled: isLoading }))),
+            isLoading ? (React.createElement(LoadingOverlay, null)) : reports.length === 0 && onClickAddReport ? (React.createElement(EmptyMessage, null,
+                React.createElement(React.Fragment, null,
+                    ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:NoReports"),
+                    React.createElement("div", null,
+                        React.createElement(Button, { onClick: onClickAddReport, styleType: "cta" }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:CreateOneReportCTA")))))) : (React.createElement("div", { className: "rcw-reports-list" }, filteredReports.map((report) => (React.createElement(ReportHorizontalTile, { key: report.id, report: report, onClickTitle: onClickReportTitle, jobStartEvent: jobStartEvent, bulkExtractor: bulkExtractor, onClickDelete: () => {
+                    setShowDeleteModal(report);
+                }, onClickModify: onClickReportModify, onSelectionChange: onSelectionChange, selected: selectedReportIds.some((reportId) => report.id === reportId) })))))),
+        React.createElement(DeleteModal, { entityName: showDeleteModal?.displayName, onClose: () => setShowDeleteModal(undefined), onDelete: async () => {
+                const accessToken = await getAccessToken();
+                await reportsClient.deleteReport(accessToken, showDeleteModal?.id ?? "");
+            }, refresh: refresh })));
 };
 //# sourceMappingURL=Reports.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Reports.js","sourceRoot":"","sources":["../../../../src/widget/components/Reports.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  SvgPlay,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  IconButton,\n  Surface,\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 \"./Reports.scss\";\nimport DeleteModal from \"./DeleteModal\";\nimport type { Report } from \"@itwin/insights-client\";\nimport { REPORTING_BASE_PATH, ReportsClient } from \"@itwin/insights-client\";\nimport ReportAction from \"./ReportAction\";\nimport { ReportMappings } from \"./ReportMappings\";\nimport { ReportHorizontalTile } from \"./ReportHorizontalTile\";\nimport { SearchBar } from \"./SearchBar\";\nimport type { ReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { useReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport BulkExtractor from \"./BulkExtractor\";\nimport { BeEvent } from \"@itwin/core-bentley\";\nimport { FailedExtractionToast, SuccessfulExtractionToast } from \"./ExtractionToast\";\n\nexport type ReportType = CreateTypeFromInterface<Report>;\n\nenum ReportsView {\n  REPORTS = \"reports\",\n  REPORTSMAPPING = \"reportsmapping\",\n  ADDING = \"adding\",\n  MODIFYING = \"modifying\",\n}\n\nconst fetchReports = async (\n  setReports: React.Dispatch<React.SetStateAction<Report[]>>,\n  iTwinId: string | undefined,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n  apiContext: ReportsApiConfig\n) => {\n  try {\n    if (!iTwinId) return;\n    setIsLoading(true);\n    const reportsClientApi = new ReportsClient(\n      generateUrl(REPORTING_BASE_PATH, apiContext.baseUrl)\n    );\n    const accessToken = await apiContext.getAccessToken();\n    const reports = await reportsClientApi.getReports(accessToken, iTwinId);\n    setReports(reports ?? []);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\nexport const Reports = () => {\n  const successfulExtractionToast = (iModelName: string, odataFeedUrl: string) => {\n    toaster.positive(<SuccessfulExtractionToast iModelName={iModelName} odataFeedUrl={odataFeedUrl} />);\n  };\n\n  const failedExtractionToast = (iModelName: string) => {\n    toaster.negative(<FailedExtractionToast iModelName={iModelName} />);\n  };\n\n  const iTwinId = useActiveIModelConnection()?.iTwinId ?? \"\";\n  const apiConfig = useReportsApiConfig();\n  const [selectedReportIds, setSelectedReportIds] = useState<string[]>([]);\n  const [showDeleteModal, setShowDeleteModal] = useState<boolean>(false);\n  const [reportsView, setReportsView] = useState<ReportsView>(\n    ReportsView.REPORTS\n  );\n  const [selectedReport, setSelectedReport] = useState<Report | undefined>(\n    undefined\n  );\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [searchValue, setSearchValue] = useState<string>(\"\");\n  const [reports, setReports] = useState<Report[]>([]);\n  const bulkExtractor = useMemo(\n    () => new BulkExtractor(apiConfig, successfulExtractionToast, failedExtractionToast),\n    [apiConfig]\n  );\n  const jobStartEvent = useMemo(\n    () => new BeEvent<(reportId: string) => void>(),\n    []\n  );\n\n  useEffect(() => {\n    void fetchReports(setReports, iTwinId, setIsLoading, apiConfig);\n  }, [apiConfig, iTwinId, setIsLoading]);\n\n  const refresh = useCallback(async () => {\n    setReportsView(ReportsView.REPORTS);\n    setSelectedReport(undefined);\n    await fetchReports(setReports, iTwinId, setIsLoading, apiConfig);\n  }, [apiConfig, iTwinId, setReports]);\n\n  const addReport = () => {\n    setReportsView(ReportsView.ADDING);\n  };\n\n  const filteredReports = useMemo(\n    () =>\n      reports.filter((x) =>\n        [x.displayName, x.description]\n          .join(\" \")\n          .toLowerCase()\n          .includes(searchValue.toLowerCase())\n      ),\n    [reports, searchValue]\n  );\n\n  const onSelectionChange = (reportId: string, control: boolean) => {\n    if (!control)\n      setSelectedReportIds([]);\n\n    setSelectedReportIds((sr) =>\n      sr.some((r) => reportId === r)\n        ? sr.filter(\n          (r) => reportId !== r\n        )\n        : [...sr, reportId]\n    );\n  };\n\n  const updateDatasets = useCallback(async () => {\n    await bulkExtractor.runReportExtractions(selectedReportIds);\n    selectedReportIds.map((reportId) => jobStartEvent.raiseEvent(reportId));\n    setSelectedReportIds([]);\n  }, [selectedReportIds, jobStartEvent, bulkExtractor]);\n\n  switch (reportsView) {\n    case ReportsView.ADDING:\n      return iTwinId ? (\n        <ReportAction iTwinId={iTwinId ?? \"\"} returnFn={refresh} />\n      ) : null;\n    case ReportsView.MODIFYING:\n      return iTwinId ? (\n        <ReportAction\n          iTwinId={iTwinId}\n          report={selectedReport}\n          returnFn={refresh}\n        />\n      ) : null;\n    case ReportsView.REPORTSMAPPING:\n      return selectedReport ? (\n        <ReportMappings report={selectedReport} bulkExtractor={bulkExtractor} goBack={refresh} />\n      ) : null;\n    default:\n      return (\n        <>\n          <WidgetHeader\n            title={ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:ITwinReports\"\n            )}\n          />\n          <Surface className=\"rcw-reports-list-container\">\n            <div className=\"rcw-toolbar\">\n              <Button\n                startIcon={<SvgAdd />}\n                onClick={() => addReport()}\n                styleType=\"high-visibility\"\n              >\n                {ReportsConfigWidget.localization.getLocalizedString(\n                  \"ReportsConfigWidget:New\"\n                )}\n              </Button>\n              <IconButton\n                title={ReportsConfigWidget.localization.getLocalizedString(\n                  \"ReportsConfigWidget:UpdateDatasets\"\n                )}\n                onClick={updateDatasets}\n                disabled={selectedReportIds.length === 0}\n              >\n                <SvgPlay />\n              </IconButton>\n              <div className=\"rcw-search-bar-container\" data-testid=\"rcw-search-bar\">\n                <div className=\"rcw-search-button\">\n                  <SearchBar\n                    searchValue={searchValue}\n                    setSearchValue={setSearchValue}\n                    disabled={isLoading}\n                  />\n                </div>\n              </div>\n            </div>\n            {isLoading ? (\n              <LoadingOverlay />\n            ) : reports.length === 0 ? (\n              <EmptyMessage>\n                <>\n                  {ReportsConfigWidget.localization.getLocalizedString(\n                    \"ReportsConfigWidget:NoReports\"\n                  )}\n                  <div>\n                    <Button onClick={addReport} styleType=\"cta\">\n                      {ReportsConfigWidget.localization.getLocalizedString(\n                        \"ReportsConfigWidget:CreateOneReportCTA\"\n                      )}\n                    </Button>\n                  </div>\n                </>\n              </EmptyMessage>\n            ) : (\n              <div className=\"rcw-reports-list\">\n                {filteredReports.map((report) => (\n                  <ReportHorizontalTile\n                    key={report.id}\n                    report={report}\n                    onClickTitle={() => {\n                      setSelectedReport(report);\n                      setReportsView(ReportsView.REPORTSMAPPING);\n                    }}\n                    jobStartEvent={jobStartEvent}\n                    bulkExtractor={bulkExtractor}\n                    onClickDelete={() => {\n                      setSelectedReport(report);\n                      setShowDeleteModal(true);\n                    }}\n                    onClickModify={() => {\n                      setSelectedReport(report);\n                      setReportsView(ReportsView.MODIFYING);\n                    }}\n                    onSelectionChange={onSelectionChange}\n                    selected={selectedReportIds.some((reportId) => report.id === reportId)}\n                  />\n                ))}\n              </div>\n            )}\n          </Surface>\n          <DeleteModal\n            entityName={selectedReport?.displayName ?? \"\"}\n            show={showDeleteModal}\n            setShow={setShowDeleteModal}\n            onDelete={async () => {\n              const reportsClientApi = new ReportsClient(\n                generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)\n              );\n              const accessToken = await apiConfig.getAccessToken();\n              await reportsClientApi.deleteReport(\n                accessToken,\n                selectedReport?.id ?? \"\"\n              );\n            }}\n            refresh={refresh}\n          />\n        </>\n      );\n  }\n};\n"]}
+{"version":3,"file":"Reports.js","sourceRoot":"","sources":["../../../../src/widget/components/Reports.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 { SvgAdd, SvgPlay, SvgRefresh } from \"@itwin/itwinui-icons-react\";\nimport { Button, IconButton } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"./utils\";\nimport {\n  EmptyMessage,\n  handleError,\n  LoadingOverlay,\n} from \"./utils\";\nimport \"./Reports.scss\";\nimport DeleteModal from \"./DeleteModal\";\nimport type { Report, ReportsClient } from \"@itwin/insights-client\";\nimport { ReportHorizontalTile } from \"./ReportHorizontalTile\";\nimport { SearchBar } from \"./SearchBar\";\nimport { useReportsConfigApi } from \"../context/ReportsConfigApiContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport type { AccessToken } from \"@itwin/core-bentley\";\nimport { BeEvent } from \"@itwin/core-bentley\";\nimport { useBulkExtractor } from \"../context/BulkExtractorContext\";\n\nexport type ReportType = CreateTypeFromInterface<Report>;\n\nconst fetchReports = async (\n  setReports: (reports: Report[]) => void,\n  iTwinId: string | undefined,\n  setIsLoading: (isLoading: boolean) => void,\n  reportsClient: ReportsClient,\n  getAccessToken: () => Promise<AccessToken>\n) => {\n  try {\n    if (!iTwinId) return;\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    const reports = await reportsClient.getReports(accessToken, iTwinId);\n    setReports(reports ?? []);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\nexport interface ReportsProps {\n  onClickAddReport?: () => void;\n  onClickReportTitle?: (report: Report) => void;\n  onClickReportModify?: (report: Report) => void;\n}\n\nexport const Reports = ({\n  onClickAddReport,\n  onClickReportModify,\n  onClickReportTitle,\n}: ReportsProps) => {\n  const { iTwinId, getAccessToken, reportsClient } = useReportsConfigApi();\n  const { bulkExtractor } = useBulkExtractor();\n  const [showDeleteModal, setShowDeleteModal] = useState<Report | undefined>(\n    undefined\n  );\n  const [selectedReportIds, setSelectedReportIds] = useState<string[]>([]);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [searchValue, setSearchValue] = useState<string>(\"\");\n  const [reports, setReports] = useState<Report[]>([]);\n  const jobStartEvent = useMemo(\n    () => new BeEvent<(reportId: string) => void>(),\n    []\n  );\n\n  useEffect(() => {\n    void fetchReports(\n      setReports,\n      iTwinId,\n      setIsLoading,\n      reportsClient,\n      getAccessToken\n    );\n  }, [getAccessToken, iTwinId, reportsClient, setIsLoading]);\n\n  const refresh = useCallback(async () => {\n    await fetchReports(\n      setReports,\n      iTwinId,\n      setIsLoading,\n      reportsClient,\n      getAccessToken\n    );\n  }, [getAccessToken, iTwinId, reportsClient]);\n\n  const filteredReports = useMemo(\n    () =>\n      reports.filter((x) =>\n        [x.displayName, x.description]\n          .join(\" \")\n          .toLowerCase()\n          .includes(searchValue.toLowerCase())\n      ),\n    [reports, searchValue]\n  );\n\n  const onSelectionChange = (reportId: string, control: boolean) => {\n    if (!control) setSelectedReportIds([]);\n\n    setSelectedReportIds((sr) =>\n      sr.some((r) => reportId === r)\n        ? sr.filter((r) => reportId !== r)\n        : [...sr, reportId]\n    );\n  };\n\n  const updateDatasets = useCallback(async () => {\n    if (!bulkExtractor) return;\n    await bulkExtractor.runReportExtractions(selectedReportIds);\n    selectedReportIds.map((reportId) => jobStartEvent.raiseEvent(reportId));\n    setSelectedReportIds([]);\n  }, [selectedReportIds, jobStartEvent, bulkExtractor]);\n\n  if (!bulkExtractor) return null;\n\n  return (\n    <>\n      <div className=\"rcw-reports-list-container\">\n        <div className=\"rcw-toolbar\">\n          <div className=\"rcw-button-spacing\">\n            {onClickAddReport && (\n              <Button\n                startIcon={<SvgAdd />}\n                onClick={onClickAddReport}\n                styleType=\"high-visibility\"\n                title=\"New Report\"\n              >\n                {ReportsConfigWidget.localization.getLocalizedString(\n                  \"ReportsConfigWidget:New\"\n                )}\n              </Button>\n            )}\n            <IconButton\n              title={ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:UpdateDatasets\"\n              )}\n              onClick={updateDatasets}\n              disabled={selectedReportIds.length === 0}\n            >\n              <SvgPlay />\n            </IconButton>\n          </div>\n          <div\n            className=\"rcw-search-bar-container\"\n            data-testid=\"rcw-search-bar\"\n          >\n            <IconButton\n              title={ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:Refresh\"\n              )}\n              onClick={refresh}\n              disabled={isLoading}\n              styleType=\"borderless\"\n            >\n              <SvgRefresh />\n            </IconButton>\n            <SearchBar\n              searchValue={searchValue}\n              setSearchValue={setSearchValue}\n              disabled={isLoading}\n            />\n          </div>\n        </div>\n        {isLoading ? (\n          <LoadingOverlay />\n        ) : reports.length === 0 && onClickAddReport ? (\n          <EmptyMessage>\n            <>\n              {ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:NoReports\"\n              )}\n              <div>\n                <Button onClick={onClickAddReport} styleType=\"cta\">\n                  {ReportsConfigWidget.localization.getLocalizedString(\n                    \"ReportsConfigWidget:CreateOneReportCTA\"\n                  )}\n                </Button>\n              </div>\n            </>\n          </EmptyMessage>\n        ) : (\n          <div className=\"rcw-reports-list\">\n            {filteredReports.map((report) => (\n              <ReportHorizontalTile\n                key={report.id}\n                report={report}\n                onClickTitle={onClickReportTitle}\n                jobStartEvent={jobStartEvent}\n                bulkExtractor={bulkExtractor}\n                onClickDelete={() => {\n                  setShowDeleteModal(report);\n                }}\n                onClickModify={onClickReportModify}\n                onSelectionChange={onSelectionChange}\n                selected={selectedReportIds.some(\n                  (reportId) => report.id === reportId\n                )}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n      <DeleteModal\n        entityName={showDeleteModal?.displayName}\n        onClose={() => setShowDeleteModal(undefined)}\n        onDelete={async () => {\n          const accessToken = await getAccessToken();\n          await reportsClient.deleteReport(\n            accessToken,\n            showDeleteModal?.id ?? \"\"\n          );\n        }}\n        refresh={refresh}\n      />\n    </>\n  );\n};\n"]}