@itwin/reports-config-widget-react 0.5.0 → 0.7.0

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

@@ -1 +1 @@
-{"version":3,"file":"ReportHorizontalTile.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportHorizontalTile.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 React, { useEffect, useRef, useState } from \"react\";\nimport type { BulkExtractor } from \"./BulkExtractor\";\nimport { ExtractionStates, ExtractionStatus } from \"./ExtractionStatus\";\nimport type { BeEvent } from \"@itwin/core-bentley\";\nimport { STATUS_CHECK_INTERVAL } from \"./Constants\";\nimport type { Report } from \"@itwin/insights-client\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport {\n  DropdownMenu,\n  IconButton,\n  MenuItem,\n} from \"@itwin/itwinui-react\";\nimport {\n  SvgDelete,\n  SvgEdit,\n  SvgMore,\n} from \"@itwin/itwinui-icons-react\";\nimport { HorizontalTile } from \"./HorizontalTile\";\n\nexport interface ReportHorizontalTileProps {\n  selected: boolean;\n  onSelectionChange: (reportId: string, controlPressed: boolean) => void;\n  bulkExtractor: BulkExtractor;\n  jobStartEvent: BeEvent<(reportId: string) => void>;\n  report: Report;\n  onClickDelete: () => void;\n  onClickModify?: (report: Report) => void;\n  onClickTitle?: (report: Report) => void;\n}\n\nexport const ReportHorizontalTile = (props: ReportHorizontalTileProps) => {\n  const [jobStarted, setJobStarted] = useState<boolean>(false);\n  const [extractionState, setExtractionState] = useState<ExtractionStates>(ExtractionStates.None);\n  const interval = useRef<number>();\n\n  useEffect(() => {\n    const listener = (startedReportId: string) => {\n      if (startedReportId === props.report.id) {\n        setExtractionState(ExtractionStates.Starting);\n        setJobStarted(true);\n      }\n    };\n    props.jobStartEvent.addListener(listener);\n\n    return () => {\n      props.jobStartEvent.removeListener(listener);\n    };\n  }, [props.jobStartEvent, props.report.id]);\n\n  useEffect(() => {\n    if (jobStarted) {\n      window.clearInterval(interval.current);\n      interval.current = window.setInterval(async () => {\n        const state = await props.bulkExtractor.getReportState(props.report.id);\n        if (state) {\n          setExtractionState(state);\n          if (state === ExtractionStates.Failed || state === ExtractionStates.Succeeded) {\n            setJobStarted(false);\n          }\n        }\n      }, STATUS_CHECK_INTERVAL);\n    }\n    return () => window.clearInterval(interval.current);\n  }, [props.report.id, props.bulkExtractor, jobStarted]);\n\n  const onClickTile = (e: React.MouseEvent) => {\n    if (e?.currentTarget.className?.toString().split(\" \").includes(\"rcw-horizontal-tile-container\")) {\n      props.onSelectionChange(props.report.id, e.ctrlKey);\n    }\n  };\n\n  return (\n    <HorizontalTile\n      title={props.report.displayName}\n      subText={props.report.description ?? \"\"}\n      subtextToolTip={props.report.description ?? \"\"}\n      titleTooltip={props.report.displayName}\n      onClick={onClickTile}\n      onClickTitle={() => props.onClickTitle?.(props.report)}\n      selected={props.selected}\n      actionGroup={extractionState === ExtractionStates.None ? (\n        <div\n          className=\"rcw-action-button\"\n          data-testid=\"tile-action-button\">\n          <DropdownMenu\n            menuItems={(close: () => void) => [\n              props.onClickModify ? <MenuItem\n                key={0}\n                onClick={() => props.onClickModify?.(props.report)}\n                icon={<SvgEdit />}\n              >\n                {ReportsConfigWidget.localization.getLocalizedString(\n                  \"ReportsConfigWidget:Modify\"\n                )}\n              </MenuItem> : [],\n              <MenuItem\n                key={1}\n                onClick={() => {\n                  props.onClickDelete();\n                  close();\n                }}\n                icon={<SvgDelete />}\n              >\n                {ReportsConfigWidget.localization.getLocalizedString(\n                  \"ReportsConfigWidget:Remove\"\n                )}\n              </MenuItem>,\n            ].flat()}\n          >\n            <IconButton styleType=\"borderless\" title={ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:ReportOptions\")}>\n              <SvgMore />\n            </IconButton>\n          </DropdownMenu>\n        </div>\n      ) : (\n        <ExtractionStatus\n          state={extractionState}\n          clearExtractionState={() => {\n            setExtractionState(ExtractionStates.None);\n          }}\n        ></ExtractionStatus>\n      )}\n    ></HorizontalTile>\n  );\n};\n"]}
+{"version":3,"file":"ReportHorizontalTile.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportHorizontalTile.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 React, { useEffect, useRef, useState } from \"react\";\nimport type { BulkExtractor } from \"./BulkExtractor\";\nimport { ExtractionStates, ExtractionStatus } from \"./ExtractionStatus\";\nimport type { BeEvent } from \"@itwin/core-bentley\";\nimport { STATUS_CHECK_INTERVAL } from \"./Constants\";\nimport type { Report } from \"@itwin/insights-client\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport { DropdownMenu, IconButton, MenuItem } from \"@itwin/itwinui-react\";\nimport { SvgDelete, SvgEdit, SvgMore } from \"@itwin/itwinui-icons-react\";\nimport { HorizontalTile } from \"./HorizontalTile\";\n\nexport interface ReportHorizontalTileProps {\n  selected: boolean;\n  onSelectionChange: (reportId: string, controlPressed: boolean) => void;\n  bulkExtractor: BulkExtractor;\n  jobStartEvent: BeEvent<(reportId: string) => void>;\n  report: Report;\n  onClickDelete: () => void;\n  onClickModify?: (report: Report) => void;\n  onClickTitle?: (report: Report) => void;\n}\n\nexport const ReportHorizontalTile = (props: ReportHorizontalTileProps) => {\n  const [jobStarted, setJobStarted] = useState<boolean>(false);\n  const [extractionState, setExtractionState] = useState<ExtractionStates>(ExtractionStates.None);\n  const interval = useRef<number>();\n\n  useEffect(() => {\n    const listener = (startedReportId: string) => {\n      if (startedReportId === props.report.id) {\n        setExtractionState(ExtractionStates.Starting);\n        setJobStarted(true);\n      }\n    };\n    props.jobStartEvent.addListener(listener);\n\n    return () => {\n      props.jobStartEvent.removeListener(listener);\n    };\n  }, [props.jobStartEvent, props.report.id]);\n\n  useEffect(() => {\n    if (jobStarted) {\n      window.clearInterval(interval.current);\n      interval.current = window.setInterval(async () => {\n        const state = await props.bulkExtractor.getReportState(props.report.id);\n        if (state) {\n          setExtractionState(state);\n          if (state === ExtractionStates.Failed || state === ExtractionStates.Succeeded) {\n            setJobStarted(false);\n          }\n        }\n      }, STATUS_CHECK_INTERVAL);\n    }\n    return () => window.clearInterval(interval.current);\n  }, [props.report.id, props.bulkExtractor, jobStarted]);\n\n  const onClickTile = (e: React.MouseEvent) => {\n    if (e?.currentTarget.className?.toString().split(\" \").includes(\"rcw-horizontal-tile-container\")) {\n      props.onSelectionChange(props.report.id, e.ctrlKey);\n    }\n  };\n\n  return (\n    <HorizontalTile\n      title={props.report.displayName}\n      subText={props.report.description ?? \"\"}\n      subtextToolTip={props.report.description ?? \"\"}\n      titleTooltip={props.report.displayName}\n      onClick={onClickTile}\n      onClickTitle={() => props.onClickTitle?.(props.report)}\n      selected={props.selected}\n      actionGroup={\n        extractionState === ExtractionStates.None ? (\n          <div className=\"rcw-action-button\" data-testid=\"tile-action-button\">\n            <DropdownMenu\n              menuItems={(close: () => void) =>\n                [\n                  props.onClickModify ? (\n                    <MenuItem key={0} onClick={() => props.onClickModify?.(props.report)} icon={<SvgEdit />}>\n                      {ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:Modify\")}\n                    </MenuItem>\n                  ) : (\n                    []\n                  ),\n                  <MenuItem\n                    key={1}\n                    onClick={() => {\n                      props.onClickDelete();\n                      close();\n                    }}\n                    icon={<SvgDelete />}\n                  >\n                    {ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:Remove\")}\n                  </MenuItem>,\n                ].flat()\n              }\n            >\n              <IconButton styleType=\"borderless\" title={ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:ReportOptions\")}>\n                <SvgMore />\n              </IconButton>\n            </DropdownMenu>\n          </div>\n        ) : (\n          <ExtractionStatus\n            state={extractionState}\n            clearExtractionState={() => {\n              setExtractionState(ExtractionStates.None);\n            }}\n          ></ExtractionStatus>\n        )\n      }\n    ></HorizontalTile>\n  );\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ReportMappingHorizontalTile.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappingHorizontalTile.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AASnD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,WAAW,gCAAgC;IAC/C,aAAa,EAAE,OAAO,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IACnD,OAAO,EAAE,uBAAuB,CAAC;IACjC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,EAAE,aAAa,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,2BAA2B,UAAW,gCAAgC,gBAqGlF,CAAC"}
+{"version":3,"file":"ReportMappingHorizontalTile.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappingHorizontalTile.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAMnD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAGhE,MAAM,WAAW,gCAAgC;IAC/C,aAAa,EAAE,OAAO,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IACnD,OAAO,EAAE,uBAAuB,CAAC;IACjC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,EAAE,aAAa,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,2BAA2B,UAAW,gCAAgC,gBA+FlF,CAAC"}

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

@@ -1,74 +1,75 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { ExtractionStates, ExtractionStatus } from "./ExtractionStatus";
 import { STATUS_CHECK_INTERVAL } from "./Constants";
 import { ReportsConfigWidget } from "../../ReportsConfigWidget";
 import { IconButton } from "@itwin/itwinui-react";
-import { SvgDelete, SvgPlay, } from "@itwin/itwinui-icons-react";
+import { SvgDelete, SvgPlay } from "@itwin/itwinui-icons-react";
 import { HorizontalTile } from "./HorizontalTile";
 export const ReportMappingHorizontalTile = (props) => {
     const [extractionState, setExtractionState] = useState(ExtractionStates.None);
-    const [jobStarted, setJobStarted] = useState(true);
     const interval = useRef();
-    const initialLoad = useRef(true);
     useEffect(() => {
         const listener = (startedIModelId) => {
             if (startedIModelId === props.mapping.imodelId) {
                 setExtractionState(ExtractionStates.Starting);
-                setJobStarted(true);
             }
         };
         props.jobStartEvent.addListener(listener);
         return () => {
             props.jobStartEvent.removeListener(listener);
         };
-    }, [props.jobStartEvent, props.mapping]);
-    const getExtractionState = useCallback(async () => {
-        const state = await props.bulkExtractor.getIModelState(props.mapping.imodelId, props.mapping.iModelName, props.odataFeedUrl);
-        if (state === ExtractionStates.Failed || state === ExtractionStates.Succeeded || state === ExtractionStates.None) {
-            setJobStarted(false);
-            if (initialLoad.current) {
-                initialLoad.current = false;
-                setExtractionState(ExtractionStates.None);
-                return;
+    }, [props.jobStartEvent, props.mapping.imodelId]);
+    const updateExtractionState = useCallback(async () => {
+        try {
+            const state = await props.bulkExtractor.getIModelState(props.mapping.imodelId, props.mapping.iModelName, props.odataFeedUrl);
+            if (state === ExtractionStates.Failed || state === ExtractionStates.Succeeded) {
+                if (extractionState === ExtractionStates.Running) {
+                    setExtractionState(state);
+                }
+            }
+            else {
+                setExtractionState(state);
             }
         }
-        else {
-            initialLoad.current = false;
+        catch (error) {
+            setExtractionState(ExtractionStates.Failed);
+            /* eslint-disable no-console */
+            console.error(error);
         }
-        setExtractionState(state);
-    }, [props.mapping, props.bulkExtractor, props.odataFeedUrl]);
+    }, [props.bulkExtractor, props.mapping.imodelId, props.mapping.iModelName, props.odataFeedUrl, extractionState]);
     useEffect(() => {
-        if (jobStarted) {
-            getExtractionState().catch((error) => {
-                setExtractionState(ExtractionStates.Failed);
-                setJobStarted(false);
-                /* eslint-disable no-console */
-                console.error(error);
-            });
-            window.clearInterval(interval.current);
-            interval.current = window.setInterval(async () => {
-                await getExtractionState();
-            }, STATUS_CHECK_INTERVAL);
-        }
+        void updateExtractionState();
+    }, [extractionState, updateExtractionState]);
+    useEffect(() => {
+        window.clearInterval(interval.current);
+        if (extractionState === ExtractionStates.None)
+            return;
+        interval.current = window.setInterval(async () => {
+            await updateExtractionState();
+        }, STATUS_CHECK_INTERVAL);
         return () => window.clearInterval(interval.current);
-    }, [jobStarted, getExtractionState]);
-    return (React.createElement(HorizontalTile, { title: props.mapping.mappingName, subText: props.mapping.iModelName, titleTooltip: props.mapping.mappingDescription, actionGroup: (React.createElement("div", { className: "rcw-action-button", "data-testid": "tile-action-button" }, extractionState === ExtractionStates.None ?
-            (React.createElement(React.Fragment, null,
-                React.createElement(IconButton, { styleType: "borderless", title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateDataset"), onClick: async () => {
-                        setExtractionState(ExtractionStates.Starting);
-                        await props.bulkExtractor.runIModelExtraction(props.mapping.imodelId);
-                        props.jobStartEvent.raiseEvent(props.mapping.imodelId);
-                    }, disabled: jobStarted },
-                    React.createElement(SvgPlay, null)),
-                React.createElement(IconButton, { styleType: "borderless", title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Remove"), onClick: () => {
-                        props.onClickDelete();
-                    } },
-                    React.createElement(SvgDelete, null)))) : (React.createElement(ExtractionStatus, { state: extractionState, clearExtractionState: () => {
+    }, [extractionState, updateExtractionState]);
+    const handleUpdateDataset = useCallback(async () => {
+        setExtractionState(ExtractionStates.Starting);
+        const extractionRequestDetails = {
+            iModelId: props.mapping.imodelId,
+            mappings: [{ id: props.mapping.mappingId }],
+        };
+        await props.bulkExtractor.runIModelExtraction(extractionRequestDetails);
+        props.jobStartEvent.raiseEvent(props.mapping.imodelId);
+    }, [props.bulkExtractor, props.jobStartEvent, props.mapping.imodelId, props.mapping.mappingId]);
+    return (React.createElement(HorizontalTile, { title: props.mapping.mappingName, subText: props.mapping.iModelName, titleTooltip: props.mapping.mappingDescription, actionGroup: React.createElement("div", { className: "rcw-action-button", "data-testid": "tile-action-button" }, extractionState === ExtractionStates.None ? (React.createElement(React.Fragment, null,
+            React.createElement(IconButton, { styleType: "borderless", title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateDataset"), onClick: handleUpdateDataset },
+                React.createElement(SvgPlay, null)),
+            React.createElement(IconButton, { styleType: "borderless", title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Remove"), onClick: () => {
+                    props.onClickDelete();
+                } },
+                React.createElement(SvgDelete, null)))) : (React.createElement(ExtractionStatus, { state: extractionState, clearExtractionState: () => {
                 setExtractionState(ExtractionStates.None);
-            } })))) }));
+            } }))) }));
 };
 //# sourceMappingURL=ReportMappingHorizontalTile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReportMappingHorizontalTile.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappingHorizontalTile.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 React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { BulkExtractor } from \"./BulkExtractor\";\nimport { ExtractionStates, ExtractionStatus } from \"./ExtractionStatus\";\nimport type { BeEvent } from \"@itwin/core-bentley\";\nimport { STATUS_CHECK_INTERVAL } from \"./Constants\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport { IconButton } from \"@itwin/itwinui-react\";\nimport {\n  SvgDelete,\n  SvgPlay,\n} from \"@itwin/itwinui-icons-react\";\nimport { HorizontalTile } from \"./HorizontalTile\";\nimport type { ReportMappingAndMapping } from \"./ReportMappings\";\n\nexport interface ReportMappingHorizontalTileProps {\n  jobStartEvent: BeEvent<(iModelId: string) => void>;\n  mapping: ReportMappingAndMapping;\n  onClickDelete: () => void;\n  bulkExtractor: BulkExtractor;\n  odataFeedUrl: string;\n}\n\nexport const ReportMappingHorizontalTile = (props: ReportMappingHorizontalTileProps) => {\n  const [extractionState, setExtractionState] = useState<ExtractionStates>(ExtractionStates.None);\n  const [jobStarted, setJobStarted] = useState<boolean>(true);\n  const interval = useRef<number>();\n  const initialLoad = useRef<boolean>(true);\n\n  useEffect(() => {\n    const listener = (startedIModelId: string) => {\n      if (startedIModelId === props.mapping.imodelId) {\n        setExtractionState(ExtractionStates.Starting);\n        setJobStarted(true);\n      }\n    };\n    props.jobStartEvent.addListener(listener);\n\n    return () => {\n      props.jobStartEvent.removeListener(listener);\n    };\n  }, [props.jobStartEvent, props.mapping]);\n\n  const getExtractionState = useCallback(async () => {\n    const state = await props.bulkExtractor.getIModelState(props.mapping.imodelId, props.mapping.iModelName, props.odataFeedUrl);\n    if (state === ExtractionStates.Failed || state === ExtractionStates.Succeeded || state === ExtractionStates.None) {\n      setJobStarted(false);\n      if (initialLoad.current) {\n        initialLoad.current = false;\n        setExtractionState(ExtractionStates.None);\n        return;\n      }\n    } else {\n      initialLoad.current = false;\n    }\n    setExtractionState(state);\n  }, [props.mapping, props.bulkExtractor, props.odataFeedUrl]);\n\n  useEffect(() => {\n    if (jobStarted) {\n      getExtractionState().catch((error) => {\n        setExtractionState(ExtractionStates.Failed);\n        setJobStarted(false);\n        /* eslint-disable no-console */\n        console.error(error);\n      });\n      window.clearInterval(interval.current);\n      interval.current = window.setInterval(async () => {\n        await getExtractionState();\n      }, STATUS_CHECK_INTERVAL);\n    }\n    return () => window.clearInterval(interval.current);\n  }, [jobStarted, getExtractionState]);\n\n  return (\n    <HorizontalTile\n      title={props.mapping.mappingName}\n      subText={props.mapping.iModelName}\n      titleTooltip={props.mapping.mappingDescription}\n      actionGroup={(\n        <div\n          className=\"rcw-action-button\"\n          data-testid=\"tile-action-button\">\n          {extractionState === ExtractionStates.None ?\n            (\n              <>\n                <IconButton\n                  styleType=\"borderless\"\n                  title={ReportsConfigWidget.localization.getLocalizedString(\n                    \"ReportsConfigWidget:UpdateDataset\"\n                  )}\n                  onClick={async () => {\n                    setExtractionState(ExtractionStates.Starting);\n                    await props.bulkExtractor.runIModelExtraction(props.mapping.imodelId);\n                    props.jobStartEvent.raiseEvent(props.mapping.imodelId);\n                  }}\n                  disabled={jobStarted}\n                >\n                  <SvgPlay />\n                </IconButton>\n                <IconButton\n                  styleType=\"borderless\"\n                  title={ReportsConfigWidget.localization.getLocalizedString(\n                    \"ReportsConfigWidget:Remove\"\n                  )}\n                  onClick={() => {\n                    props.onClickDelete();\n                  }}\n                >\n                  <SvgDelete />\n                </IconButton>\n              </>\n            ) : (\n              <ExtractionStatus\n                state={extractionState}\n                clearExtractionState={() => {\n                  setExtractionState(ExtractionStates.None);\n                }}\n              ></ExtractionStatus>\n            )}\n        </div >\n      )}\n    />\n  );\n};\n"]}
+{"version":3,"file":"ReportMappingHorizontalTile.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappingHorizontalTile.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAExE,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAYlD,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,KAAuC,EAAE,EAAE;IACrF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAmB,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAChG,MAAM,QAAQ,GAAG,MAAM,EAAU,CAAC;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,CAAC,eAAuB,EAAE,EAAE;YAC3C,IAAI,eAAe,KAAK,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE;gBAC9C,kBAAkB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;aAC/C;QACH,CAAC,CAAC;QACF,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAE1C,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QAC/C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IAElD,MAAM,qBAAqB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACnD,IAAI;YACF,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;YAC7H,IAAI,KAAK,KAAK,gBAAgB,CAAC,MAAM,IAAI,KAAK,KAAK,gBAAgB,CAAC,SAAS,EAAE;gBAC7E,IAAI,eAAe,KAAK,gBAAgB,CAAC,OAAO,EAAE;oBAChD,kBAAkB,CAAC,KAAK,CAAC,CAAC;iBAC3B;aACF;iBAAM;gBACL,kBAAkB,CAAC,KAAK,CAAC,CAAC;aAC3B;SACF;QAAC,OAAO,KAAK,EAAE;YACd,kBAAkB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;YAC5C,+BAA+B;YAC/B,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SACtB;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAEjH,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,qBAAqB,EAAE,CAAC;IAC/B,CAAC,EAAE,CAAC,eAAe,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACvC,IAAI,eAAe,KAAK,gBAAgB,CAAC,IAAI;YAAE,OAAO;QACtD,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;YAC/C,MAAM,qBAAqB,EAAE,CAAC;QAChC,CAAC,EAAE,qBAAqB,CAAC,CAAC;QAC1B,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,eAAe,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE7C,MAAM,mBAAmB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACjD,kBAAkB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAC9C,MAAM,wBAAwB,GAA6B;YACzD,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ;YAChC,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;SAC5C,CAAC;QACF,MAAM,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,wBAAwB,CAAC,CAAC;QACxE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhG,OAAO,CACL,oBAAC,cAAc,IACb,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,EAChC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,EACjC,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,EAC9C,WAAW,EACT,6BAAK,SAAS,EAAC,mBAAmB,iBAAa,oBAAoB,IAChE,eAAe,KAAK,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAC3C;YACE,oBAAC,UAAU,IACT,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAAC,mCAAmC,CAAC,EAC/F,OAAO,EAAE,mBAAmB;gBAE5B,oBAAC,OAAO,OAAG,CACA;YACb,oBAAC,UAAU,IACT,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAAC,4BAA4B,CAAC,EACxF,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,aAAa,EAAE,CAAC;gBACxB,CAAC;gBAED,oBAAC,SAAS,OAAG,CACF,CACZ,CACJ,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,IACf,KAAK,EAAE,eAAe,EACtB,oBAAoB,EAAE,GAAG,EAAE;gBACzB,kBAAkB,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;YAC5C,CAAC,GACiB,CACrB,CACG,GAER,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { BulkExtractor } from \"./BulkExtractor\";\nimport { ExtractionStates, ExtractionStatus } from \"./ExtractionStatus\";\nimport type { BeEvent } from \"@itwin/core-bentley\";\nimport { STATUS_CHECK_INTERVAL } from \"./Constants\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport { IconButton } from \"@itwin/itwinui-react\";\nimport { SvgDelete, SvgPlay } from \"@itwin/itwinui-icons-react\";\nimport { HorizontalTile } from \"./HorizontalTile\";\nimport type { ReportMappingAndMapping } from \"./ReportMappings\";\nimport type { ExtractionRequestDetails } from \"@itwin/insights-client\";\n\nexport interface ReportMappingHorizontalTileProps {\n  jobStartEvent: BeEvent<(iModelId: string) => void>;\n  mapping: ReportMappingAndMapping;\n  onClickDelete: () => void;\n  bulkExtractor: BulkExtractor;\n  odataFeedUrl: string;\n}\n\nexport const ReportMappingHorizontalTile = (props: ReportMappingHorizontalTileProps) => {\n  const [extractionState, setExtractionState] = useState<ExtractionStates>(ExtractionStates.None);\n  const interval = useRef<number>();\n\n  useEffect(() => {\n    const listener = (startedIModelId: string) => {\n      if (startedIModelId === props.mapping.imodelId) {\n        setExtractionState(ExtractionStates.Starting);\n      }\n    };\n    props.jobStartEvent.addListener(listener);\n\n    return () => {\n      props.jobStartEvent.removeListener(listener);\n    };\n  }, [props.jobStartEvent, props.mapping.imodelId]);\n\n  const updateExtractionState = useCallback(async () => {\n    try {\n      const state = await props.bulkExtractor.getIModelState(props.mapping.imodelId, props.mapping.iModelName, props.odataFeedUrl);\n      if (state === ExtractionStates.Failed || state === ExtractionStates.Succeeded) {\n        if (extractionState === ExtractionStates.Running) {\n          setExtractionState(state);\n        }\n      } else {\n        setExtractionState(state);\n      }\n    } catch (error) {\n      setExtractionState(ExtractionStates.Failed);\n      /* eslint-disable no-console */\n      console.error(error);\n    }\n  }, [props.bulkExtractor, props.mapping.imodelId, props.mapping.iModelName, props.odataFeedUrl, extractionState]);\n\n  useEffect(() => {\n    void updateExtractionState();\n  }, [extractionState, updateExtractionState]);\n\n  useEffect(() => {\n    window.clearInterval(interval.current);\n    if (extractionState === ExtractionStates.None) return;\n    interval.current = window.setInterval(async () => {\n      await updateExtractionState();\n    }, STATUS_CHECK_INTERVAL);\n    return () => window.clearInterval(interval.current);\n  }, [extractionState, updateExtractionState]);\n\n  const handleUpdateDataset = useCallback(async () => {\n    setExtractionState(ExtractionStates.Starting);\n    const extractionRequestDetails: ExtractionRequestDetails = {\n      iModelId: props.mapping.imodelId,\n      mappings: [{ id: props.mapping.mappingId }],\n    };\n    await props.bulkExtractor.runIModelExtraction(extractionRequestDetails);\n    props.jobStartEvent.raiseEvent(props.mapping.imodelId);\n  }, [props.bulkExtractor, props.jobStartEvent, props.mapping.imodelId, props.mapping.mappingId]);\n\n  return (\n    <HorizontalTile\n      title={props.mapping.mappingName}\n      subText={props.mapping.iModelName}\n      titleTooltip={props.mapping.mappingDescription}\n      actionGroup={\n        <div className=\"rcw-action-button\" data-testid=\"tile-action-button\">\n          {extractionState === ExtractionStates.None ? (\n            <>\n              <IconButton\n                styleType=\"borderless\"\n                title={ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:UpdateDataset\")}\n                onClick={handleUpdateDataset}\n              >\n                <SvgPlay />\n              </IconButton>\n              <IconButton\n                styleType=\"borderless\"\n                title={ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:Remove\")}\n                onClick={() => {\n                  props.onClickDelete();\n                }}\n              >\n                <SvgDelete />\n              </IconButton>\n            </>\n          ) : (\n            <ExtractionStatus\n              state={extractionState}\n              clearExtractionState={() => {\n                setExtractionState(ExtractionStates.None);\n              }}\n            ></ExtractionStatus>\n          )}\n        </div>\n      }\n    />\n  );\n};\n"]}

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

@@ -8,10 +8,18 @@ export declare type ReportMappingAndMapping = ReportMappingType & {
     mappingDescription: string;
     iModelName: string;
 };
+/**
+ * Props for the {@link ReportMappings} component.
+ * @public
+ */
 export interface ReportMappingsProps {
     report: Report;
     onClickClose: () => void;
     defaultIModelId?: string;
 }
+/**
+ * Component to display and manage report mappings.
+ * @public
+ */
 export declare const ReportMappings: ({ report, onClickClose, defaultIModelId }: ReportMappingsProps) => JSX.Element | null;
 //# sourceMappingURL=ReportMappings.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReportMappings.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappings.tsx"],"names":[],"mappings":";AAiBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAQvD,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAkB,MAAM,EAAE,aAAa,EAAiB,MAAM,wBAAwB,CAAC;AAgBnG,oBAAY,iBAAiB,GAAG,uBAAuB,CAAC,aAAa,CAAC,CAAC;AAEvE,oBAAY,uBAAuB,GAAG,iBAAiB,GAAG;IACxD,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AA2DF,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,cAAc,8CAA+C,mBAAmB,uBAmN5F,CAAC"}
+{"version":3,"file":"ReportMappings.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappings.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAA6D,MAAM,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAY/H,oBAAY,iBAAiB,GAAG,uBAAuB,CAAC,aAAa,CAAC,CAAC;AAEvE,oBAAY,uBAAuB,GAAG,iBAAiB,GAAG;IACxD,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAmDF;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,8CAA+C,mBAAmB,uBAgK5F,CAAC"}

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

@@ -1,11 +1,11 @@
 /*---------------------------------------------------------------------------------------------
-* 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, SvgRefresh, } from "@itwin/itwinui-icons-react";
-import { Button, IconButton, LabeledInput, Text, 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, 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, LoadingSpinner, } from "./utils";
+import { EmptyMessage, generateUrl, handleError, LoadingOverlay, LoadingSpinner } from "./utils";
 import "./ReportMappings.scss";
 import DeleteModal from "./DeleteModal";
 import { REPORTING_BASE_PATH } from "@itwin/insights-client";
@@ -28,7 +28,7 @@ const fetchReportMappings = async (setReportMappings, reportId, setIsLoading, re
         for (const reportMapping of reportMappings) {
             const iModelId = reportMapping.imodelId;
             let iModelName = "";
-            const mapping = await mappingsClient.getMapping(accessToken, iModelId, reportMapping.mappingId);
+            const mapping = await mappingsClient.getMapping(accessToken, reportMapping.mappingId);
             if (iModelNames.has(iModelId)) {
                 iModelName = iModelNames.get(iModelId) ?? "";
             }
@@ -58,6 +58,10 @@ const fetchReportMappings = async (setReportMappings, reportId, setIsLoading, re
         setIsLoading(false);
     }
 };
+/**
+ * Component to display and manage report mappings.
+ * @public
+ */
 export const ReportMappings = ({ report, onClickClose, defaultIModelId }) => {
     const { getAccessToken, reportsClient, iModelsClient, mappingsClient, baseUrl } = useReportsConfigApi();
     const [showDeleteModal, setShowDeleteModal] = useState(undefined);
@@ -83,11 +87,11 @@ export const ReportMappings = ({ report, onClickClose, defaultIModelId }) => {
     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]);
+    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,
@@ -100,7 +104,7 @@ export const ReportMappings = ({ report, onClickClose, defaultIModelId }) => {
             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(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,
@@ -120,7 +124,17 @@ export const ReportMappings = ({ report, onClickClose, defaultIModelId }) => {
             React.createElement(Button, { disabled: isLoading || jobRunning || reportMappings.length === 0, styleType: "high-visibility", onClick: async () => {
                     setJobRunning(true);
                     const uniqueIModels = Array.from(new Set(reportMappings.map((x) => x.imodelId)));
-                    await bulkExtractor.runIModelExtractions(uniqueIModels);
+                    const iModelsAndMappings = uniqueIModels.map((iModelId) => {
+                        return {
+                            iModelId,
+                            mappings: reportMappings
+                                .filter((reportMapping) => reportMapping.imodelId === iModelId)
+                                .map((reportMappingForIModel) => ({
+                                id: reportMappingForIModel.mappingId,
+                            })),
+                        };
+                    });
+                    await bulkExtractor.runIModelExtractions(iModelsAndMappings);
                     reportMappings.forEach((reportMapping) => {
                         jobStartEvent.raiseEvent(reportMapping.imodelId);
                     });

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

@@ -1 +1 @@
-{"version":3,"file":"ReportMappings.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappings.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,EACL,MAAM,EACN,OAAO,EACP,UAAU,GACX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,MAAM,EACN,UAAU,EACV,YAAY,EACZ,IAAI,EACJ,OAAO,GACR,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,EACL,YAAY,EACZ,WAAW,EACX,WAAW,EACX,cAAc,EACd,cAAc,GACf,MAAM,SAAS,CAAC;AACjB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAKtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAUnE,MAAM,mBAAmB,GAAG,KAAK,EAC/B,iBAAgE,EAChE,QAAgB,EAChB,YAA0C,EAC1C,aAA4B,EAC5B,cAA8B,EAC9B,aAA4B,EAC5B,cAA0C,EAC1C,EAAE;IACF,IAAI;QACF,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE,CAAC;QAC3C,MAAM,cAAc,GAAG,MAAM,aAAa,CAAC,iBAAiB,CAC1D,WAAW,EACX,QAAQ,CACT,CAAC;QACF,MAAM,aAAa,GACjB,kBAAkB,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC;QAC1D,MAAM,WAAW,GAAG,IAAI,GAAG,EAAkB,CAAC;QAE9C,MAAM,yBAAyB,GAAG,EAAE,CAAC;QACrC,KAAK,MAAM,aAAa,IAAI,cAAc,EAAE;YAC1C,MAAM,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC;YACxC,IAAI,UAAU,GAAG,EAAE,CAAC;YACpB,MAAM,OAAO,GAAG,MAAM,cAAc,CAAC,UAAU,CAC7C,WAAW,EACX,QAAQ,EACR,aAAa,CAAC,SAAS,CACxB,CAAC;YACF,IAAI,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;gBAC7B,UAAU,GAAG,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;aAC9C;iBAAM;gBACL,MAAM,eAAe,GAA0B;oBAC7C,aAAa;oBACb,QAAQ;iBACT,CAAC;gBACF,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;gBACtE,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC;gBAChC,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;aACvC;YACD,MAAM,uBAAuB,GAA4B;gBACvD,GAAG,aAAa;gBAChB,UAAU;gBACV,WAAW,EAAE,OAAO,CAAC,WAAW;gBAChC,kBAAkB,EAAE,OAAO,CAAC,WAAW,IAAI,EAAE;aAC9C,CAAC;YACF,yBAAyB,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;SACzD;QAED,iBAAiB,CAAC,yBAAyB,CAAC,CAAC;KAC9C;IAAC,OAAO,KAAU,EAAE;QACnB,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;KAC3B;YAAS;QACR,YAAY,CAAC,KAAK,CAAC,CAAC;KACrB;AACH,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,eAAe,EAAuB,EAAE,EAAE;IAC/F,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACxG,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAsC,SAAS,CAAC,CAAC;IACvG,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrE,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC7C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAA4B,EAAE,CAAC,CAAC;IACpF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC7D,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,IAAI,OAAO,EAA8B,EAC/C,EAAE,CACH,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,mBAAmB,CACtB,iBAAiB,EACjB,MAAM,CAAC,EAAE,EACT,YAAY,EACZ,aAAa,EACb,cAAc,EACd,aAAa,EACb,cAAc,CACf,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,CAAC,EAAE,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC;IAE5F,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa;YAAE,OAAO;QAC3B,aAAa,CAAC,OAAO,CAAC,aAAa,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9E,CAAC,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;IAEpC,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACrC,MAAM,mBAAmB,CACvB,iBAAiB,EACjB,MAAM,CAAC,EAAE,EACT,YAAY,EACZ,aAAa,EACb,cAAc,EACd,aAAa,EACb,cAAc,CACf,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC;IAE9E,MAAM,YAAY,GAAG,GAAG,WAAW,CACjC,mBAAmB,EACnB,OAAO,CACR,UAAU,MAAM,CAAC,EAAE,EAAE,CAAC;IAEvB,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,sBAAsB,GAAG,OAAO,CACpC,GAAG,EAAE,CACH,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAC1B,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,kBAAkB,CAAC;SAChD,IAAI,CAAC,GAAG,CAAC;SACT,WAAW,EAAE;SACb,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CACvC,EACH,CAAC,cAAc,EAAE,WAAW,CAAC,CAC9B,CAAC;IAEF,MAAM,uBAAuB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE,GAAG,MAAM,OAAO,EAAE,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEnH,IAAI,CAAC,aAAa;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,+BAA+B;YAC5C,oBAAC,YAAY,IACX,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACxD,kCAAkC,CACnC,EACD,SAAS,EAAC,qBAAqB,EAC/B,QAAQ,EAAE,IAAI,EACd,KAAK,EAAE,YAAY,EACnB,OAAO,EACL,oBAAC,UAAU,IACT,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACxD,0BAA0B,CAC3B,EACD,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;wBACnB,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;wBAClD,OAAO,CAAC,QAAQ,CACd,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACjD,uCAAuC,CACxC,CACF,CAAC;oBACJ,CAAC;oBAED,oBAAC,OAAO,OAAG,CACA,EAEf,gBAAgB,EAAC,QAAQ,GACzB;YACF,6BAAK,SAAS,EAAC,aAAa;gBAC1B,oBAAC,MAAM,IACL,SAAS,EAAE,oBAAC,MAAM,OAAG,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,EAC3B,SAAS,EAAC,iBAAiB,IAE1B,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,gCAAgC,CACjC,CACM;gBACT,6BAAK,SAAS,EAAC,0BAA0B,iBAAa,gBAAgB;oBACpE,oBAAC,UAAU,IACT,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACxD,6BAA6B,CAC9B,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAC,YAAY;wBAEtB,oBAAC,UAAU,OAAG,CACH;oBACb,oBAAC,SAAS,IACR,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,SAAS,GACnB,CACE,CACF;YACL,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,cAAc,OAAG,CACnB,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAChC,oBAAC,YAAY;gBACX;oBACE,oBAAC,IAAI,QACF,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,sCAAsC,CACvC,CACI;oBACP;wBACE,oBAAC,MAAM,IAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,KAAK,IACzC,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,4CAA4C,CAC7C,CACM,CACL,CACL,CACU,CAChB,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,kBAAkB,IAC9B,sBAAsB,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACvC,oBAAC,2BAA2B,IAC1B,GAAG,EAAE,OAAO,CAAC,SAAS,EACtB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,GAAG,EAAE;oBAClB,kBAAkB,CAAC,OAAO,CAAC,CAAC;gBAC9B,CAAC,EACD,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC,CACE,CACP,CACG;QACN,oBAAC,gBAAgB,IACf,IAAI,EAAE,cAAc,EACpB,QAAQ,EAAE,MAAM,CAAC,EAAE,EACnB,gBAAgB,EAAE,cAAc,EAChC,OAAO,EAAE,uBAAuB,EAChC,eAAe,EAAE,eAAe,GAChC;QACF,oBAAC,WAAW,IACV,UAAU,EAAE,eAAe,EAAE,WAAW,IAAI,EAAE,EAC9C,QAAQ,EAAE,KAAK,IAAI,EAAE;gBACnB,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE,CAAC;gBAC3C,MAAM,aAAa,CAAC,mBAAmB,CACrC,WAAW,EACX,MAAM,CAAC,EAAE,EACT,eAAe,EAAE,SAAS,IAAI,EAAE,CACjC,CAAC;YACJ,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,SAAS,CAAC,GAC5C;QACF,6BAAK,SAAS,EAAC,kBAAkB;YAC9B,SAAS,IAAI,oBAAC,cAAc,OAAG;YAChC,oBAAC,MAAM,IACL,QAAQ,EAAE,SAAS,IAAI,UAAU,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAChE,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,KAAK,IAAI,EAAE;oBAClB,aAAa,CAAC,IAAI,CAAC,CAAC;oBACpB,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;oBACjF,MAAM,aAAa,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;oBACxD,cAAc,CAAC,OAAO,CAAC,CAAC,aAAa,EAAE,EAAE;wBACvC,aAAa,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;oBACnD,CAAC,CAAC,CAAC;gBACL,CAAC,IAEA,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,uCAAuC,CACxC,CACM;YACT,oBAAC,MAAM,IACL,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,SAAS,IAElB,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,2BAA2B,CAC5B,CACM,CACL,CACL,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport {\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"]}
+{"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 { SvgAdd, SvgCopy, SvgRefresh } from \"@itwin/itwinui-icons-react\";\nimport { Button, IconButton, LabeledInput, Text, toaster } from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"./utils\";\nimport { EmptyMessage, generateUrl, handleError, LoadingOverlay, LoadingSpinner } from \"./utils\";\nimport \"./ReportMappings.scss\";\nimport DeleteModal from \"./DeleteModal\";\nimport type { ExtractionRequestDetails, IMappingsClient, IReportsClient, Report, ReportMapping } from \"@itwin/insights-client\";\nimport { REPORTING_BASE_PATH } from \"@itwin/insights-client\";\nimport { AddMappingsModal } from \"./AddMappingsModal\";\nimport type { GetSingleIModelParams, IModelsClient } 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\";\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: IReportsClient,\n  mappingsClient: IMappingsClient,\n  iModelsClient: IModelsClient,\n  getAccessToken: () => Promise<AccessToken>,\n) => {\n  try {\n    setIsLoading(true);\n    const accessToken = await getAccessToken();\n    const reportMappings = await reportsClient.getReportMappings(accessToken, reportId);\n    const authorization = 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(accessToken, reportMapping.mappingId);\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\n/**\n * Props for the {@link ReportMappings} component.\n * @public\n */\nexport interface ReportMappingsProps {\n  report: Report;\n  onClickClose: () => void;\n  defaultIModelId?: string;\n}\n\n/**\n * Component to display and manage report mappings.\n * @public\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(() => new BeEvent<(iModelId: string) => void>(), []);\n\n  useEffect(() => {\n    void fetchReportMappings(setReportMappings, report.id, setIsLoading, reportsClient, mappingsClient, iModelsClient, getAccessToken);\n  }, [getAccessToken, iModelsClient, mappingsClient, report.id, reportsClient, setIsLoading]);\n\n  useEffect(() => {\n    if (!bulkExtractor) return;\n    bulkExtractor.setHook(\n      setJobRunning,\n      reportMappings.map((x) => x.imodelId),\n    );\n  }, [bulkExtractor, reportMappings]);\n\n  const refresh = useCallback(async () => {\n    await fetchReportMappings(setReportMappings, report.id, setIsLoading, reportsClient, mappingsClient, iModelsClient, getAccessToken);\n  }, [getAccessToken, iModelsClient, mappingsClient, report.id, reportsClient]);\n\n  const odataFeedUrl = `${generateUrl(REPORTING_BASE_PATH, baseUrl)}/odata/${report.id}`;\n\n  const addMapping = useCallback(() => {\n    setShowAddMapping(true);\n  }, []);\n\n  const filteredReportMappings = useMemo(\n    () => reportMappings.filter((x) => [x.iModelName, x.mappingName, x.mappingDescription].join(\" \").toLowerCase().includes(searchValue.toLowerCase())),\n    [reportMappings, searchValue],\n  );\n\n  const onAddMappingsModalClose = useCallback(async () => {\n    await refresh();\n    setShowAddMapping(false);\n  }, [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(\"ReportsConfigWidget:ODataFeedURL\")}\n          className=\"rcw-odata-url-input\"\n          readOnly={true}\n          value={odataFeedUrl}\n          svgIcon={\n            <IconButton\n              title={ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:Copy\")}\n              onClick={async (_) => {\n                await navigator.clipboard.writeText(odataFeedUrl);\n                toaster.positive(ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:CopiedToClipboard\"));\n              }}\n            >\n              <SvgCopy />\n            </IconButton>\n          }\n          iconDisplayStyle=\"inline\"\n        />\n        <div className=\"rcw-toolbar\">\n          <Button startIcon={<SvgAdd />} onClick={() => addMapping()} styleType=\"high-visibility\">\n            {ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:AddMapping\")}\n          </Button>\n          <div className=\"rcw-search-bar-container\" data-testid=\"rcw-search-bar\">\n            <IconButton\n              title={ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:Refresh\")}\n              onClick={refresh}\n              disabled={isLoading}\n              styleType=\"borderless\"\n            >\n              <SvgRefresh />\n            </IconButton>\n            <SearchBar searchValue={searchValue} setSearchValue={setSearchValue} disabled={isLoading} />\n          </div>\n        </div>\n        {isLoading ? (\n          <LoadingOverlay />\n        ) : reportMappings.length === 0 ? (\n          <EmptyMessage>\n            <>\n              <Text>{ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:NoReportMappings\")}</Text>\n              <div>\n                <Button onClick={addMapping} styleType=\"cta\">\n                  {ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:LetsAddSomeMappingsCTA\")}\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(accessToken, report.id, showDeleteModal?.mappingId ?? \"\");\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            const iModelsAndMappings: ExtractionRequestDetails[] = uniqueIModels.map((iModelId) => {\n              return {\n                iModelId,\n                mappings: reportMappings\n                  .filter((reportMapping) => reportMapping.imodelId === iModelId)\n                  .map((reportMappingForIModel) => ({\n                    id: reportMappingForIModel.mappingId,\n                  })),\n              };\n            });\n            await bulkExtractor.runIModelExtractions(iModelsAndMappings);\n            reportMappings.forEach((reportMapping) => {\n              jobStartEvent.raiseEvent(reportMapping.imodelId);\n            });\n          }}\n        >\n          {ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:UpdateAllDatasets\")}\n        </Button>\n        <Button styleType=\"default\" type=\"button\" onClick={onClickClose} disabled={isLoading}>\n          {ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:Close\")}\n        </Button>\n      </div>\n    </>\n  );\n};\n"]}

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

@@ -3,10 +3,18 @@ import type { CreateTypeFromInterface } from "./utils";
 import "./Reports.scss";
 import type { Report } from "@itwin/insights-client";
 export declare type ReportType = CreateTypeFromInterface<Report>;
+/**
+ * Props for {@link Reports} component.
+ * @public
+ */
 export interface ReportsProps {
     onClickAddReport?: () => void;
     onClickReportTitle?: (report: Report) => void;
     onClickReportModify?: (report: Report) => void;
 }
-export declare const Reports: ({ onClickAddReport, onClickReportModify, onClickReportTitle, }: ReportsProps) => JSX.Element | null;
+/**
+ * Component to manage and list reports for an iTwin.
+ * @public
+ */
+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":";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"}
+{"version":3,"file":"Reports.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/Reports.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,OAAO,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAkB,MAAM,EAAE,MAAM,wBAAwB,CAAC;AASrE,oBAAY,UAAU,GAAG,uBAAuB,CAAC,MAAM,CAAC,CAAC;AAsBzD;;;GAGG;AACH,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;;;GAGG;AACH,eAAO,MAAM,OAAO,kEAAmE,YAAY,uBAgHlG,CAAC"}

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

@@ -5,7 +5,7 @@
 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, handleError, LoadingOverlay, } from "./utils";
+import { EmptyMessage, handleError, LoadingOverlay } from "./utils";
 import "./Reports.scss";
 import DeleteModal from "./DeleteModal";
 import { ReportHorizontalTile } from "./ReportHorizontalTile";
@@ -30,7 +30,11 @@ const fetchReports = async (setReports, iTwinId, setIsLoading, reportsClient, ge
         setIsLoading(false);
     }
 };
-export const Reports = ({ onClickAddReport, onClickReportModify, onClickReportTitle, }) => {
+/**
+ * Component to manage and list reports for an iTwin.
+ * @public
+ */
+export const Reports = ({ onClickAddReport, onClickReportModify, onClickReportTitle }) => {
     const { iTwinId, getAccessToken, reportsClient } = useReportsConfigApi();
     const { bulkExtractor } = useBulkExtractor();
     const [showDeleteModal, setShowDeleteModal] = useState(undefined);
@@ -45,16 +49,11 @@ export const Reports = ({ onClickAddReport, onClickReportModify, onClickReportTi
     const refresh = useCallback(async () => {
         await fetchReports(setReports, iTwinId, setIsLoading, reportsClient, getAccessToken);
     }, [getAccessToken, iTwinId, reportsClient]);
-    const filteredReports = useMemo(() => reports.filter((x) => [x.displayName, x.description]
-        .join(" ")
-        .toLowerCase()
-        .includes(searchValue.toLowerCase())), [reports, searchValue]);
+    const filteredReports = useMemo(() => reports.filter((x) => [x.displayName, x.description].join(" ").toLowerCase().includes(searchValue.toLowerCase())), [reports, searchValue]);
     const onSelectionChange = (reportId, control) => {
         if (!control)
             setSelectedReportIds([]);
-        setSelectedReportIds((sr) => sr.some((r) => reportId === r)
-            ? sr.filter((r) => reportId !== r)
-            : [...sr, reportId]);
+        setSelectedReportIds((sr) => (sr.some((r) => reportId === r) ? sr.filter((r) => reportId !== r) : [...sr, reportId]));
     };
     const updateDatasets = useCallback(async () => {
         if (!bulkExtractor)

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

@@ -1 +1 @@
-{"version":3,"file":"Reports.js","sourceRoot":"","sources":["../../../../src/widget/components/Reports.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,EACL,YAAY,EACZ,WAAW,EACX,cAAc,GACf,MAAM,SAAS,CAAC;AACjB,OAAO,gBAAgB,CAAC;AACxB,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAInE,MAAM,YAAY,GAAG,KAAK,EACxB,UAAuC,EACvC,OAA2B,EAC3B,YAA0C,EAC1C,aAA4B,EAC5B,cAA0C,EAC1C,EAAE;IACF,IAAI;QACF,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE,CAAC;QAC3C,MAAM,OAAO,GAAG,MAAM,aAAa,CAAC,UAAU,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;QACrE,UAAU,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;KAC3B;IAAC,OAAO,KAAU,EAAE;QACnB,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;KAC3B;YAAS;QACR,YAAY,CAAC,KAAK,CAAC,CAAC;KACrB;AACH,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,GACL,EAAE,EAAE;IACjB,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACzE,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC7C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CACpD,SAAS,CACV,CAAC;IACF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IACzE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IACrD,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,IAAI,OAAO,EAA8B,EAC/C,EAAE,CACH,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,YAAY,CACf,UAAU,EACV,OAAO,EACP,YAAY,EACZ,aAAa,EACb,cAAc,CACf,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC;IAE3D,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACrC,MAAM,YAAY,CAChB,UAAU,EACV,OAAO,EACP,YAAY,EACZ,aAAa,EACb,cAAc,CACf,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAE7C,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CACH,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CACnB,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,WAAW,CAAC;SAC3B,IAAI,CAAC,GAAG,CAAC;SACT,WAAW,EAAE;SACb,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CACvC,EACH,CAAC,OAAO,EAAE,WAAW,CAAC,CACvB,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,OAAgB,EAAE,EAAE;QAC/D,IAAI,CAAC,OAAO;YAAE,oBAAoB,CAAC,EAAE,CAAC,CAAC;QAEvC,oBAAoB,CAAC,CAAC,EAAE,EAAE,EAAE,CAC1B,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,KAAK,CAAC,CAAC;YAC5B,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,KAAK,CAAC,CAAC;YAClC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,QAAQ,CAAC,CACtB,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC5C,IAAI,CAAC,aAAa;YAAE,OAAO;QAC3B,MAAM,aAAa,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;QAC5D,iBAAiB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;QACxE,oBAAoB,CAAC,EAAE,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,iBAAiB,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC;IAEtD,IAAI,CAAC,aAAa;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,4BAA4B;YACzC,6BAAK,SAAS,EAAC,aAAa;gBAC1B,6BAAK,SAAS,EAAC,oBAAoB;oBAChC,gBAAgB,IAAI,CACnB,oBAAC,MAAM,IACL,SAAS,EAAE,oBAAC,MAAM,OAAG,EACrB,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAC,YAAY,IAEjB,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,yBAAyB,CAC1B,CACM,CACV;oBACD,oBAAC,UAAU,IACT,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACxD,oCAAoC,CACrC,EACD,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,iBAAiB,CAAC,MAAM,KAAK,CAAC;wBAExC,oBAAC,OAAO,OAAG,CACA,CACT;gBACN,6BACE,SAAS,EAAC,0BAA0B,iBACxB,gBAAgB;oBAE5B,oBAAC,UAAU,IACT,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACxD,6BAA6B,CAC9B,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAC,YAAY;wBAEtB,oBAAC,UAAU,OAAG,CACH;oBACb,oBAAC,SAAS,IACR,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,SAAS,GACnB,CACE,CACF;YACL,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,cAAc,OAAG,CACnB,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAC7C,oBAAC,YAAY;gBACX;oBACG,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,+BAA+B,CAChC;oBACD;wBACE,oBAAC,MAAM,IAAC,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAC,KAAK,IAC/C,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,wCAAwC,CACzC,CACM,CACL,CACL,CACU,CAChB,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,kBAAkB,IAC9B,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC/B,oBAAC,oBAAoB,IACnB,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,kBAAkB,EAChC,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,GAAG,EAAE;oBAClB,kBAAkB,CAAC,MAAM,CAAC,CAAC;gBAC7B,CAAC,EACD,aAAa,EAAE,mBAAmB,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,iBAAiB,CAAC,IAAI,CAC9B,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,QAAQ,CACrC,GACD,CACH,CAAC,CACE,CACP,CACG;QACN,oBAAC,WAAW,IACV,UAAU,EAAE,eAAe,EAAE,WAAW,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,SAAS,CAAC,EAC5C,QAAQ,EAAE,KAAK,IAAI,EAAE;gBACnB,MAAM,WAAW,GAAG,MAAM,cAAc,EAAE,CAAC;gBAC3C,MAAM,aAAa,CAAC,YAAY,CAC9B,WAAW,EACX,eAAe,EAAE,EAAE,IAAI,EAAE,CAC1B,CAAC;YACJ,CAAC,EACD,OAAO,EAAE,OAAO,GAChB,CACD,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport { 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"]}
+{"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 { EmptyMessage, handleError, LoadingOverlay } from \"./utils\";\nimport \"./Reports.scss\";\nimport DeleteModal from \"./DeleteModal\";\nimport type { IReportsClient, Report } 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: IReportsClient,\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\n/**\n * Props for {@link Reports} component.\n * @public\n */\nexport interface ReportsProps {\n  onClickAddReport?: () => void;\n  onClickReportTitle?: (report: Report) => void;\n  onClickReportModify?: (report: Report) => void;\n}\n\n/**\n * Component to manage and list reports for an iTwin.\n * @public\n */\nexport const Reports = ({ onClickAddReport, onClickReportModify, onClickReportTitle }: ReportsProps) => {\n  const { iTwinId, getAccessToken, reportsClient } = useReportsConfigApi();\n  const { bulkExtractor } = useBulkExtractor();\n  const [showDeleteModal, setShowDeleteModal] = useState<Report | undefined>(undefined);\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(() => new BeEvent<(reportId: string) => void>(), []);\n\n  useEffect(() => {\n    void fetchReports(setReports, iTwinId, setIsLoading, reportsClient, getAccessToken);\n  }, [getAccessToken, iTwinId, reportsClient, setIsLoading]);\n\n  const refresh = useCallback(async () => {\n    await fetchReports(setReports, iTwinId, setIsLoading, reportsClient, getAccessToken);\n  }, [getAccessToken, iTwinId, reportsClient]);\n\n  const filteredReports = useMemo(\n    () => reports.filter((x) => [x.displayName, x.description].join(\" \").toLowerCase().includes(searchValue.toLowerCase())),\n    [reports, searchValue],\n  );\n\n  const onSelectionChange = (reportId: string, control: boolean) => {\n    if (!control) setSelectedReportIds([]);\n\n    setSelectedReportIds((sr) => (sr.some((r) => reportId === r) ? sr.filter((r) => reportId !== r) : [...sr, reportId]));\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 startIcon={<SvgAdd />} onClick={onClickAddReport} styleType=\"high-visibility\" title=\"New Report\">\n                {ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:New\")}\n              </Button>\n            )}\n            <IconButton\n              title={ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:UpdateDatasets\")}\n              onClick={updateDatasets}\n              disabled={selectedReportIds.length === 0}\n            >\n              <SvgPlay />\n            </IconButton>\n          </div>\n          <div className=\"rcw-search-bar-container\" data-testid=\"rcw-search-bar\">\n            <IconButton\n              title={ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:Refresh\")}\n              onClick={refresh}\n              disabled={isLoading}\n              styleType=\"borderless\"\n            >\n              <SvgRefresh />\n            </IconButton>\n            <SearchBar searchValue={searchValue} setSearchValue={setSearchValue} disabled={isLoading} />\n          </div>\n        </div>\n        {isLoading ? (\n          <LoadingOverlay />\n        ) : reports.length === 0 && onClickAddReport ? (\n          <EmptyMessage>\n            <>\n              {ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:NoReports\")}\n              <div>\n                <Button onClick={onClickAddReport} styleType=\"cta\">\n                  {ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:CreateOneReportCTA\")}\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((reportId) => report.id === reportId)}\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(accessToken, showDeleteModal?.id ?? \"\");\n        }}\n        refresh={refresh}\n      />\n    </>\n  );\n};\n"]}

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

@@ -37,4 +37,3 @@
     margin-top: var(--iui-size-xs);
   }
 }
-