@itwin/reports-config-widget-react 0.0.7 → 0.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalTile.js","sourceRoot":"","sources":["../../../../src/widget/components/HorizontalTile.tsx"],"names":[],"mappings":";;;;;;AAKA,kDAA0B;AAC1B,wDAA4C;AAC5C,iCAA+B;AAWxB,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,MAAM,GACc,EAAE,EAAE;IACxB,OAAO,CACL,uCACE,SAAS,EAAC,+BAA+B,iBAC7B,iBAAiB;QAE7B,uCAAK,SAAS,EAAC,MAAM;YACnB,8BAAC,oBAAI,IACH,SAAS,EAAE,aAAa,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAC1D,OAAO,EAAE,YAAY,EACrB,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,YAAY,IAElB,KAAK,CACD;YACN,OAAO,IAAI,CACV,8BAAC,oBAAI,IACH,SAAS,EAAC,WAAW,EACrB,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,cAAc,EACrB,OAAO,EAAC,OAAO,IAEd,OAAO,CACH,CACR,CACG;QACN,uCAAK,SAAS,EAAC,eAAe,iBAAa,oBAAoB,IAC5D,MAAM,CACH,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,cAAc,kBAsCzB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { ReactNode } from \"react\";\nimport React from \"react\";\nimport { Text } from \"@itwin/itwinui-react\";\nimport \"./HorizontalTile.scss\";\n\ninterface HorizontalTileProps {\n  title: string;\n  button: ReactNode;\n  subText?: string;\n  onClickTitle?: () => void;\n  titleTooltip?: string;\n  subtextToolTip?: string;\n}\n\nexport const HorizontalTile = ({\n  title,\n  subText,\n  onClickTitle,\n  titleTooltip,\n  subtextToolTip,\n  button,\n}: HorizontalTileProps) => {\n  return (\n    <div\n      className=\"rcw-horizontal-tile-container\"\n      data-testid=\"horizontal-tile\"\n    >\n      <div className=\"body\">\n        <Text\n          className={`body-text ${onClickTitle ? \"iui-anchor\" : \"\"}`}\n          onClick={onClickTitle}\n          variant=\"body\"\n          title={titleTooltip}\n        >\n          {title}\n        </Text>\n        {subText && (\n          <Text\n            className=\"body-text\"\n            isMuted={true}\n            title={subtextToolTip}\n            variant=\"small\"\n          >\n            {subText}\n          </Text>\n        )}\n      </div>\n      <div className=\"action-button\" data-testid=\"tile-action-button\">\n        {button}\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"HorizontalTile.js","sourceRoot":"","sources":["../../../../src/widget/components/HorizontalTile.tsx"],"names":[],"mappings":";;;;;;AAKA,kDAA0B;AAC1B,wDAA4C;AAC5C,iCAA+B;AAC/B,4DAAoC;AAY7B,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC3D,MAAM,EACJ,KAAK,EACL,YAAY,EACZ,OAAO,EACP,cAAc,EACd,WAAW,EACX,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,uCACE,SAAS,EAAE,oBAAU,CACnB,+BAA+B,EAC/B,EAAE,8BAA8B,EAAE,QAAQ,EAAE,EAC5C,SAAS,CACV,EACD,OAAO,EAAE,IAAI,CAAC,OAAO,iBACT,iBAAiB;QAE7B,uCAAK,SAAS,EAAC,oBAAoB;YACjC,uCAAK,SAAS,EAAC,UAAU;gBACvB,8BAAC,oBAAI,IAAC,SAAS,EAAE,oBAAU,CAAC,eAAe,EAAE,EAAE,YAAY,EAAE,CAAC,CAAC,YAAY,EAAE,CAAC,EAC5E,OAAO,EAAE,YAAY,EACrB,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,YAAY,IAAG,KAAK,CACtB;gBAEL,OAAO;oBACP,8BAAC,oBAAI,IAAC,SAAS,EAAC,eAAe,EAC7B,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,cAAc,EACrB,OAAO,EAAC,OAAO,IAAE,OAAO,CACnB,CAEL,CACF;QACN,uCACE,SAAS,EAAC,mBAAmB,iBACjB,oBAAoB,IAC/B,WAAW,CACR,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,cAAc,kBA+CzB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { ReactNode } from \"react\";\nimport React from \"react\";\nimport { Text } from \"@itwin/itwinui-react\";\nimport \"./HorizontalTile.scss\";\nimport classNames from \"classnames\";\n\nexport interface HorizontalTileProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  title: string;\n  actionGroup: ReactNode;\n  subText: string;\n  onClickTitle?: React.MouseEventHandler;\n  titleTooltip: string;\n  subtextToolTip?: string;\n  selected?: boolean;\n}\n\nexport const HorizontalTile = (props: HorizontalTileProps) => {\n  const {\n    title,\n    titleTooltip,\n    subText,\n    subtextToolTip,\n    actionGroup,\n    selected,\n    className,\n    onClickTitle,\n    ...rest\n  } = props;\n\n  return (\n    <div\n      className={classNames(\n        \"rcw-horizontal-tile-container\",\n        { \"rcw-horizontal-tile-selected\": selected },\n        className\n      )}\n      onClick={rest.onClick}\n      data-testid=\"horizontal-tile\"\n    >\n      <div className=\"rcw-body-container\">\n        <div className=\"rcw-body\">\n          <Text className={classNames(\"rcw-body-text\", { \"iui-anchor\": !!onClickTitle })}\n            onClick={onClickTitle}\n            variant=\"body\"\n            title={titleTooltip}>{title}\n          </Text>\n          {\n            subText &&\n            <Text className=\"rcw-body-text\"\n              isMuted={true}\n              title={subtextToolTip}\n              variant=\"small\">{subText}\n            </Text>\n          }\n        </div>\n      </div>\n      <div\n        className=\"rcw-action-button\"\n        data-testid=\"tile-action-button\">\n        {actionGroup}\n      </div>\n    </div>\n  );\n};\n"]}

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

@@ -3,30 +3,50 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 @import "~@itwin/itwinui-css/scss/variables";
+@import "~@itwin/itwinui-css/scss/icon/index";
 
-.rcw-horizontal-tile-container {
-  display: flex;
-  justify-content: space-between;
-  border-radius: 5px;
-  background-color: var(--iui-color-background-2);
-  height: $iui-baseline * 4;
-  padding: 5.5px $iui-s;
-  .body {
+.rcw-horizontal-tile {
+  &-container {
     display: flex;
-    flex-direction: column;
-    min-width: 0;
-    justify-content: center;
-    &-text {
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
+    justify-content: space-between;
+    border-radius: 5px;
+    background-color: var(--iui-color-background-2);
+    height: $iui-baseline * 4;
+    padding: 5.5px $iui-s;
+
+    .rcw-body-container {
+      display: flex;
+      min-width: 0;
+
+      .rcw-body {
+        display: flex;
+        flex-direction: column;
+        min-width: 0;
+        justify-content: center;
+
+        &-text {
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
+      }
+    }
+
+    .rcw-action-button {
+      margin-left: 0;
+      align-self: center;
+      min-width: 36px;
+      margin-right: $iui-xs;
+      flex-shrink: 0;
     }
   }
-  .action-button {
-    margin-left: 0;
-    align-self: center;
-    min-width: 36px;
-    margin-right: $iui-xs;
-    flex-shrink: 0;
+
+  &-selected {
+    @include themed {
+      border: 1px solid t(iui-color-foreground-primary);
+      background: linear-gradient(rgba(t(iui-color-foreground-primary-rgb), t(iui-opacity-6)),
+          rgba(t(iui-color-foreground-primary-rgb), t(iui-opacity-6))),
+        linear-gradient(t(iui-color-background-1), t(iui-color-background-1));
+    }
   }
-}
+}

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type BulkExtractor from "./BulkExtractor";
+import type { BeEvent } from "@itwin/core-bentley";
+import type { Report } from "@itwin/insights-client";
+import type { HorizontalTileProps } from "./HorizontalTile";
+export interface ReportHorizontalTileProps extends Pick<HorizontalTileProps, "onClickTitle"> {
+    selected: boolean;
+    onSelectionChange: (reportId: string, controlPressed: boolean) => void;
+    bulkExtractor: BulkExtractor;
+    jobStartEvent: BeEvent<(reportId: string) => void>;
+    report: Report;
+    onClickDelete: () => void;
+    onClickModify: () => void;
+}
+export declare const ReportHorizontalTile: (props: ReportHorizontalTileProps) => JSX.Element;
+//# sourceMappingURL=ReportHorizontalTile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReportHorizontalTile.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ReportHorizontalTile.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAEjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAarD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,mBAAmB,EAAE,cAAc,CAAC;IAC1F,QAAQ,EAAE,OAAO,CAAC;IAClB,iBAAiB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;IACvE,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IACnD,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,oBAAoB,UAAW,yBAAyB,gBA+FpE,CAAC"}

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

@@ -0,0 +1,72 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReportHorizontalTile = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const react_1 = require("react");
+const react_2 = __importDefault(require("react"));
+const ExtractionStatus_1 = require("./ExtractionStatus");
+const Constants_1 = require("./Constants");
+const ReportsConfigWidget_1 = require("../../ReportsConfigWidget");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const HorizontalTile_1 = require("./HorizontalTile");
+const ReportHorizontalTile = (props) => {
+    var _a, _b;
+    const [jobStarted, setJobStarted] = react_1.useState(false);
+    const [extractionState, setExtractionState] = react_1.useState(ExtractionStatus_1.ExtractionStates.None);
+    const interval = react_1.useRef();
+    react_1.useEffect(() => {
+        const listener = (startedReportId) => {
+            if (startedReportId === props.report.id) {
+                setExtractionState(ExtractionStatus_1.ExtractionStates.Starting);
+                setJobStarted(true);
+            }
+        };
+        props.jobStartEvent.addListener(listener);
+        return () => {
+            props.jobStartEvent.removeListener(listener);
+        };
+    }, [props.jobStartEvent, props.report.id]);
+    react_1.useEffect(() => {
+        if (jobStarted) {
+            window.clearInterval(interval.current);
+            interval.current = window.setInterval(async () => {
+                const state = props.bulkExtractor.getState(props.report.id);
+                if (state) {
+                    setExtractionState(state);
+                    if (state === ExtractionStatus_1.ExtractionStates.Failed || state === ExtractionStatus_1.ExtractionStates.Succeeded) {
+                        setJobStarted(false);
+                    }
+                }
+            }, Constants_1.STATUS_CHECK_INTERVAL);
+        }
+        return () => window.clearInterval(interval.current);
+    }, [props.report.id, props.bulkExtractor, jobStarted]);
+    const onClickTile = (e) => {
+        var _a;
+        if ((_a = e === null || e === void 0 ? void 0 : e.currentTarget.className) === null || _a === void 0 ? void 0 : _a.toString().split(" ").includes("rcw-horizontal-tile-container")) {
+            props.onSelectionChange(props.report.id, e.ctrlKey);
+        }
+    };
+    return (react_2.default.createElement(HorizontalTile_1.HorizontalTile, { title: props.report.displayName, subText: (_a = props.report.description) !== null && _a !== void 0 ? _a : "", subtextToolTip: (_b = props.report.description) !== null && _b !== void 0 ? _b : "", titleTooltip: props.report.displayName, onClick: onClickTile, onClickTitle: props.onClickTitle, selected: props.selected, actionGroup: extractionState === ExtractionStatus_1.ExtractionStates.None ? (react_2.default.createElement("div", { className: "rcw-action-button", "data-testid": "tile-action-button" },
+            react_2.default.createElement(itwinui_react_1.DropdownMenu, { menuItems: (close) => [
+                    react_2.default.createElement(itwinui_react_1.MenuItem, { key: 0, onClick: props.onClickModify, icon: react_2.default.createElement(itwinui_icons_react_1.SvgEdit, null) }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Modify")),
+                    react_2.default.createElement(itwinui_react_1.MenuItem, { key: 1, onClick: () => {
+                            props.onClickDelete();
+                            close();
+                        }, icon: react_2.default.createElement(itwinui_icons_react_1.SvgDelete, null) }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Remove")),
+                ] },
+                react_2.default.createElement(itwinui_react_1.IconButton, { styleType: "borderless" },
+                    react_2.default.createElement(itwinui_icons_react_1.SvgMore, null))))) : (react_2.default.createElement(ExtractionStatus_1.ExtractionStatus, { state: extractionState, clearExtractionState: () => {
+                props.bulkExtractor.clearJob(props.report.id);
+                setExtractionState(ExtractionStatus_1.ExtractionStates.None);
+            } })) }));
+};
+exports.ReportHorizontalTile = ReportHorizontalTile;
+//# sourceMappingURL=ReportHorizontalTile.js.map

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

@@ -0,0 +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 { useEffect, useRef, useState } from \"react\";\nimport React 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\";\nimport type { HorizontalTileProps } from \"./HorizontalTile\";\n\nexport interface ReportHorizontalTileProps extends Pick<HorizontalTileProps, \"onClickTitle\"> {\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: () => 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 = props.bulkExtractor.getState(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}\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              <MenuItem\n                key={0}\n                onClick={props.onClickModify}\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            ]}\n          >\n            <IconButton styleType=\"borderless\">\n              <SvgMore />\n            </IconButton>\n          </DropdownMenu>\n        </div>\n      ) : (\n        <ExtractionStatus\n          state={extractionState}\n          clearExtractionState={() => {\n            props.bulkExtractor.clearJob(props.report.id);\n            setExtractionState(ExtractionStates.None);\n          }}\n        ></ExtractionStatus>\n      )}\n    ></HorizontalTile>\n  );\n};\n"]}

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

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

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

@@ -143,7 +143,7 @@ const ReportMappings = ({ report, goBack }) => {
                 react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement(itwinui_react_1.Text, null, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:NoReportMappings")),
                     react_1.default.createElement("div", null,
-                        react_1.default.createElement(itwinui_react_1.Button, { onClick: () => addMapping(), styleType: "cta" }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:LetsAddSomeMappingsCTA")))))) : (react_1.default.createElement("div", { className: "mapping-list" }, filteredReportMappings.map((mapping) => (react_1.default.createElement(HorizontalTile_1.HorizontalTile, { key: mapping.mappingId, title: mapping.mappingName, subText: mapping.iModelName, titleTooltip: mapping.mappingDescription, button: react_1.default.createElement(Extraction_1.ExtractionStatus, { state: mapping.imodelId === runningIModelId
+                        react_1.default.createElement(itwinui_react_1.Button, { onClick: () => addMapping(), styleType: "cta" }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:LetsAddSomeMappingsCTA")))))) : (react_1.default.createElement("div", { className: "mapping-list" }, filteredReportMappings.map((mapping) => (react_1.default.createElement(HorizontalTile_1.HorizontalTile, { key: mapping.mappingId, title: mapping.mappingName, subText: mapping.iModelName, titleTooltip: mapping.mappingDescription, actionGroup: react_1.default.createElement(Extraction_1.ExtractionStatus, { state: mapping.imodelId === runningIModelId
                         ? extractionState
                         : Extraction_1.ExtractionStates.None },
                     react_1.default.createElement(itwinui_react_1.DropdownMenu, { menuItems: (close) => [

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

@@ -1 +1 @@
-{"version":3,"file":"ReportMappings.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappings.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport {\n  SvgAdd,\n  SvgCopy,\n  SvgDelete,\n  SvgMore,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  DropdownMenu,\n  IconButton,\n  LabeledInput,\n  MenuItem,\n  Surface,\n  Text,\n  toaster,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"./utils\";\nimport {\n  EmptyMessage,\n  generateUrl,\n  handleError,\n  LoadingOverlay,\n  WidgetHeader,\n} from \"./utils\";\nimport \"./ReportMappings.scss\";\nimport DeleteModal from \"./DeleteModal\";\nimport type { Report, ReportMapping } from \"@itwin/insights-client\";\nimport { MappingsClient, REPORTING_BASE_PATH, ReportsClient } from \"@itwin/insights-client\";\nimport AddMappingsModal from \"./AddMappingsModal\";\nimport type {\n  GetSingleIModelParams,\n  IModelsClientOptions,\n} from \"@itwin/imodels-client-management\";\nimport { Constants, IModelsClient } from \"@itwin/imodels-client-management\";\nimport { AccessTokenAdapter } from \"@itwin/imodels-access-frontend\";\nimport { HorizontalTile } from \"./HorizontalTile\";\nimport { Extraction, ExtractionStates, ExtractionStatus } from \"./Extraction\";\nimport { SearchBar } from \"./SearchBar\";\nimport type { ReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { useReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\nexport type ReportMappingType = CreateTypeFromInterface<ReportMapping>;\n\nexport type ReportMappingAndMapping = ReportMappingType & {\n  mappingName: string;\n  mappingDescription: string;\n  iModelName: string;\n};\n\nenum ReportMappingsView {\n  REPORTMAPPINGS = \"reportmappings\",\n  ADDING = \"adding\",\n}\n\nconst fetchReportMappings = async (\n  setReportMappings: React.Dispatch<\n  React.SetStateAction<ReportMappingAndMapping[]>\n  >,\n  reportId: string,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n  apiContext: ReportsApiConfig\n) => {\n  try {\n    setIsLoading(true);\n    const reportsClientApi = new ReportsClient(\n      generateUrl(REPORTING_BASE_PATH, apiContext.baseUrl)\n    );\n    const mappingsClientApi = new MappingsClient(\n      generateUrl(REPORTING_BASE_PATH, apiContext.baseUrl)\n    );\n    const accessToken = await apiContext.getAccessToken();\n    const reportMappings = await reportsClientApi.getReportMappings(\n      accessToken,\n      reportId\n    );\n    const iModelClientOptions: IModelsClientOptions = {\n      api: { baseUrl: generateUrl(Constants.api.baseUrl, apiContext.baseUrl) },\n    };\n\n    const iModelsClient: IModelsClient = new IModelsClient(iModelClientOptions);\n    const authorization =\n      AccessTokenAdapter.toAuthorizationCallback(accessToken);\n    const iModelNames = new Map<string, string>();\n    const reportMappingsAndMapping = await Promise.all(\n      reportMappings.map(async (reportMapping) => {\n        const iModelId = reportMapping.imodelId;\n        let iModelName = \"\";\n        const mapping = await mappingsClientApi.getMapping(\n          accessToken,\n          iModelId,\n          reportMapping.mappingId\n        );\n        if (iModelNames.has(iModelId)) {\n          iModelName = iModelNames.get(iModelId) ?? \"\";\n        } else {\n          const getSingleParams: GetSingleIModelParams = {\n            authorization,\n            iModelId,\n          };\n          const iModel = await iModelsClient.iModels.getSingle(getSingleParams);\n          iModelName = iModel.displayName;\n          iModelNames.set(iModelId, iModelName);\n        }\n        const reportMappingAndMapping: ReportMappingAndMapping = {\n          ...reportMapping,\n          iModelName,\n          mappingName: mapping.mappingName,\n          mappingDescription: mapping.description ?? \"\",\n        };\n        return reportMappingAndMapping;\n      }) ?? []\n    );\n\n    setReportMappings(reportMappingsAndMapping);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\ninterface ReportMappingsProps {\n  report: Report;\n  goBack: () => Promise<void>;\n}\n\nexport const ReportMappings = ({ report, goBack }: ReportMappingsProps) => {\n  const apiConfig = useReportsApiConfig();\n  const [reportMappingsView, setReportMappingsView] =\n    useState<ReportMappingsView>(ReportMappingsView.REPORTMAPPINGS);\n  const [selectedReportMapping, setSelectedReportMapping] = useState<\n  ReportMappingAndMapping | undefined\n  >(undefined);\n  const [showDeleteModal, setShowDeleteModal] = useState<boolean>(false);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n\n  const [extractionState, setExtractionState] = useState<ExtractionStates>(\n    ExtractionStates.None\n  );\n  const [runningIModelId, setRunningIModelId] = useState<string>(\"\");\n  const [searchValue, setSearchValue] = useState<string>(\"\");\n  const [reportMappings, setReportMappings] = useState<\n  ReportMappingAndMapping[]\n  >([]);\n\n  useEffect(() => {\n    void fetchReportMappings(\n      setReportMappings,\n      report.id,\n      setIsLoading,\n      apiConfig\n    );\n  }, [apiConfig, report.id, setIsLoading]);\n\n  const refresh = useCallback(async () => {\n    setReportMappingsView(ReportMappingsView.REPORTMAPPINGS);\n    await fetchReportMappings(\n      setReportMappings,\n      report.id,\n      setIsLoading,\n      apiConfig\n    );\n  }, [apiConfig, report.id, setReportMappings]);\n\n  const addMapping = () => {\n    setReportMappingsView(ReportMappingsView.ADDING);\n  };\n\n  const uniqueIModels = useMemo(\n    () =>\n      new Map(\n        reportMappings.map((mapping) => [\n          mapping.imodelId,\n          mapping.iModelName,\n        ])\n      ),\n    [reportMappings]\n  );\n\n  const odataFeedUrl = `${generateUrl(\n    REPORTING_BASE_PATH,\n    apiConfig.baseUrl\n  )}/odata/${report.id}`;\n\n  const filteredReportMappings = useMemo(\n    () =>\n      reportMappings.filter((x) =>\n        [x.iModelName, x.mappingName, x.mappingDescription]\n          .join(\" \")\n          .toLowerCase()\n          .includes(searchValue.toLowerCase())\n      ),\n    [reportMappings, searchValue]\n  );\n\n  return (\n    <>\n      <WidgetHeader title={report.displayName} returnFn={goBack} />\n      <div className=\"report-mapping-misc\">\n        <LabeledInput\n          label={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:ODataFeedURL\"\n          )}\n          className=\"odata-url-input\"\n          readOnly={true}\n          value={odataFeedUrl}\n          svgIcon={\n            <IconButton\n              title={ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:Copy\"\n              )}\n              styleType=\"borderless\"\n              onClick={async (_) => {\n                await navigator.clipboard.writeText(odataFeedUrl);\n                toaster.positive(\n                  ReportsConfigWidget.localization.getLocalizedString(\n                    \"ReportsConfigWidget:CopiedToClipboard\"\n                  )\n                );\n              }}\n            >\n              <SvgCopy />\n            </IconButton>\n          }\n          iconDisplayStyle=\"inline\"\n        />\n        <Extraction\n          iModels={uniqueIModels}\n          extractionState={extractionState}\n          setExtractionState={setExtractionState}\n          setExtractingIModelId={setRunningIModelId}\n          isLoading={isLoading}\n        />\n      </div>\n      <Surface className=\"report-mappings-container\">\n        <div className=\"toolbar\">\n          <Button\n            startIcon={<SvgAdd />}\n            onClick={() => addMapping()}\n            styleType=\"high-visibility\"\n          >\n            {ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:AddMapping\"\n            )}\n          </Button>\n          <div className=\"search-bar-container\" data-testid=\"search-bar\">\n            <SearchBar\n              searchValue={searchValue}\n              setSearchValue={setSearchValue}\n              disabled={isLoading}\n            />\n          </div>\n        </div>\n        {isLoading ? (\n          <LoadingOverlay />\n        ) : reportMappings.length === 0 ? (\n          <EmptyMessage>\n            <>\n              <Text>\n                {ReportsConfigWidget.localization.getLocalizedString(\n                  \"ReportsConfigWidget:NoReportMappings\"\n                )}\n              </Text>\n              <div>\n                <Button onClick={() => addMapping()} styleType=\"cta\">\n                  {ReportsConfigWidget.localization.getLocalizedString(\n                    \"ReportsConfigWidget:LetsAddSomeMappingsCTA\"\n                  )}\n                </Button>\n              </div>\n            </>\n          </EmptyMessage>\n        ) : (\n          <div className=\"mapping-list\">\n            {filteredReportMappings.map((mapping) => (\n              <HorizontalTile\n                key={mapping.mappingId}\n                title={mapping.mappingName}\n                subText={mapping.iModelName}\n                titleTooltip={mapping.mappingDescription}\n                button={\n                  <ExtractionStatus\n                    state={\n                      mapping.imodelId === runningIModelId\n                        ? extractionState\n                        : ExtractionStates.None\n                    }\n                  >\n                    <DropdownMenu\n                      menuItems={(close: () => void) => [\n                        <MenuItem\n                          key={0}\n                          onClick={() => {\n                            setSelectedReportMapping(mapping);\n                            setShowDeleteModal(true);\n                            close();\n                          }}\n                          icon={<SvgDelete />}\n                        >\n                          {ReportsConfigWidget.localization.getLocalizedString(\n                            \"ReportsConfigWidget:Remove\"\n                          )}\n                        </MenuItem>,\n                      ]}\n                    >\n                      <IconButton styleType=\"borderless\">\n                        <SvgMore\n                          style={{\n                            width: \"16px\",\n                            height: \"16px\",\n                          }}\n                        />\n                      </IconButton>\n                    </DropdownMenu>\n                  </ExtractionStatus>\n                }\n              />\n            ))}\n          </div>\n        )}\n      </Surface>\n      <AddMappingsModal\n        show={reportMappingsView === ReportMappingsView.ADDING}\n        reportId={report.id}\n        existingMappings={reportMappings}\n        returnFn={refresh}\n      />\n      <DeleteModal\n        entityName={selectedReportMapping?.mappingName ?? \"\"}\n        show={showDeleteModal}\n        setShow={setShowDeleteModal}\n        onDelete={async () => {\n          const reportsClientApi = new ReportsClient(\n            generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)\n          );\n          const accessToken = await apiConfig.getAccessToken();\n          await reportsClientApi.deleteReportMapping(\n            accessToken,\n            report.id,\n            selectedReportMapping?.mappingId ?? \"\"\n          );\n        }}\n        refresh={refresh}\n      />\n    </>\n  );\n};\n"]}
+{"version":3,"file":"ReportMappings.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappings.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,oEAKoC;AACpC,wDAS8B;AAC9B,+CAAyE;AAEzE,mCAMiB;AACjB,iCAA+B;AAC/B,gEAAwC;AAExC,4DAA4F;AAC5F,0EAAkD;AAKlD,gFAA4E;AAC5E,4EAAoE;AACpE,qDAAkD;AAClD,6CAA8E;AAC9E,2CAAwC;AAExC,gFAAyE;AACzE,mEAAgE;AAUhE,IAAK,kBAGJ;AAHD,WAAK,kBAAkB;IACrB,uDAAiC,CAAA;IACjC,uCAAiB,CAAA;AACnB,CAAC,EAHI,kBAAkB,KAAlB,kBAAkB,QAGtB;AAED,MAAM,mBAAmB,GAAG,KAAK,EAC/B,iBAAgE,EAChE,QAAgB,EAChB,YAA2D,EAC3D,UAA4B,EAC5B,EAAE;;IACF,IAAI;QACF,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,MAAM,gBAAgB,GAAG,IAAI,+BAAa,CACxC,mBAAW,CAAC,qCAAmB,EAAE,UAAU,CAAC,OAAO,CAAC,CACrD,CAAC;QACF,MAAM,iBAAiB,GAAG,IAAI,gCAAc,CAC1C,mBAAW,CAAC,qCAAmB,EAAE,UAAU,CAAC,OAAO,CAAC,CACrD,CAAC;QACF,MAAM,WAAW,GAAG,MAAM,UAAU,CAAC,cAAc,EAAE,CAAC;QACtD,MAAM,cAAc,GAAG,MAAM,gBAAgB,CAAC,iBAAiB,CAC7D,WAAW,EACX,QAAQ,CACT,CAAC;QACF,MAAM,mBAAmB,GAAyB;YAChD,GAAG,EAAE,EAAE,OAAO,EAAE,mBAAW,CAAC,qCAAS,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE;SACzE,CAAC;QAEF,MAAM,aAAa,GAAkB,IAAI,yCAAa,CAAC,mBAAmB,CAAC,CAAC;QAC5E,MAAM,aAAa,GACjB,4CAAkB,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC;QAC1D,MAAM,WAAW,GAAG,IAAI,GAAG,EAAkB,CAAC;QAC9C,MAAM,wBAAwB,GAAG,MAAM,OAAO,CAAC,GAAG,CAChD,MAAA,cAAc,CAAC,GAAG,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE;;YACzC,MAAM,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC;YACxC,IAAI,UAAU,GAAG,EAAE,CAAC;YACpB,MAAM,OAAO,GAAG,MAAM,iBAAiB,CAAC,UAAU,CAChD,WAAW,EACX,QAAQ,EACR,aAAa,CAAC,SAAS,CACxB,CAAC;YACF,IAAI,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;gBAC7B,UAAU,GAAG,MAAA,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,mCAAI,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,MAAA,OAAO,CAAC,WAAW,mCAAI,EAAE;aAC9C,CAAC;YACF,OAAO,uBAAuB,CAAC;QACjC,CAAC,CAAC,mCAAI,EAAE,CACT,CAAC;QAEF,iBAAiB,CAAC,wBAAwB,CAAC,CAAC;KAC7C;IAAC,OAAO,KAAU,EAAE;QACnB,mBAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;KAC3B;YAAS;QACR,YAAY,CAAC,KAAK,CAAC,CAAC;KACrB;AACH,CAAC,CAAC;AAOK,MAAM,cAAc,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAuB,EAAE,EAAE;;IACxE,MAAM,SAAS,GAAG,6CAAmB,EAAE,CAAC;IACxC,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAC/C,gBAAQ,CAAqB,kBAAkB,CAAC,cAAc,CAAC,CAAC;IAClE,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,gBAAQ,CAAsC,SAAS,CAAC,CAAC;IACnH,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,gBAAQ,CAAU,KAAK,CAAC,CAAC;IACvE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,gBAAQ,CAAU,IAAI,CAAC,CAAC;IAE1D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,gBAAQ,CACpD,6BAAgB,CAAC,IAAI,CACtB,CAAC;IACF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,gBAAQ,CAAS,EAAE,CAAC,CAAC;IACnE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,gBAAQ,CAAS,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,gBAAQ,CAA4B,EAAE,CAAC,CAAC;IAEpF,iBAAS,CAAC,GAAG,EAAE;QACb,KAAK,mBAAmB,CACtB,iBAAiB,EACjB,MAAM,CAAC,EAAE,EACT,YAAY,EACZ,SAAS,CACV,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC;IAEzC,MAAM,OAAO,GAAG,mBAAW,CAAC,KAAK,IAAI,EAAE;QACrC,qBAAqB,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAC;QACzD,MAAM,mBAAmB,CACvB,iBAAiB,EACjB,MAAM,CAAC,EAAE,EACT,YAAY,EACZ,SAAS,CACV,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,EAAE,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE9C,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,qBAAqB,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACnD,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,eAAO,CAC3B,GAAG,EAAE,CACH,IAAI,GAAG,CACL,cAAc,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC;QAC9B,OAAO,CAAC,QAAQ;QAChB,OAAO,CAAC,UAAU;KACnB,CAAC,CACH,EACH,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,mBAAW,CACjC,qCAAmB,EACnB,SAAS,CAAC,OAAO,CAClB,UAAU,MAAM,CAAC,EAAE,EAAE,CAAC;IAEvB,MAAM,sBAAsB,GAAG,eAAO,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,OAAO,CACL;QACE,8BAAC,oBAAY,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,EAAE,MAAM,GAAI;QAC7D,uCAAK,SAAS,EAAC,qBAAqB;YAClC,8BAAC,4BAAY,IACX,KAAK,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACxD,kCAAkC,CACnC,EACD,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAE,IAAI,EACd,KAAK,EAAE,YAAY,EACnB,OAAO,EACL,8BAAC,0BAAU,IACT,KAAK,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACxD,0BAA0B,CAC3B,EACD,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;wBACnB,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;wBAClD,uBAAO,CAAC,QAAQ,CACd,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CACjD,uCAAuC,CACxC,CACF,CAAC;oBACJ,CAAC;oBAED,8BAAC,6BAAO,OAAG,CACA,EAEf,gBAAgB,EAAC,QAAQ,GACzB;YACF,8BAAC,uBAAU,IACT,OAAO,EAAE,aAAa,EACtB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,kBAAkB,EACzC,SAAS,EAAE,SAAS,GACpB,CACE;QACN,8BAAC,uBAAO,IAAC,SAAS,EAAC,2BAA2B;YAC5C,uCAAK,SAAS,EAAC,SAAS;gBACtB,8BAAC,sBAAM,IACL,SAAS,EAAE,8BAAC,4BAAM,OAAG,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,EAC3B,SAAS,EAAC,iBAAiB,IAE1B,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,gCAAgC,CACjC,CACM;gBACT,uCAAK,SAAS,EAAC,sBAAsB,iBAAa,YAAY;oBAC5D,8BAAC,qBAAS,IACR,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,SAAS,GACnB,CACE,CACF;YACL,SAAS,CAAC,CAAC,CAAC,CACX,8BAAC,sBAAc,OAAG,CACnB,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAChC,8BAAC,oBAAY;gBACX;oBACE,8BAAC,oBAAI,QACF,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,sCAAsC,CACvC,CACI;oBACP;wBACE,8BAAC,sBAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,EAAE,SAAS,EAAC,KAAK,IACjD,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,4CAA4C,CAC7C,CACM,CACL,CACL,CACU,CAChB,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAC,cAAc,IAC1B,sBAAsB,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACvC,8BAAC,+BAAc,IACb,GAAG,EAAE,OAAO,CAAC,SAAS,EACtB,KAAK,EAAE,OAAO,CAAC,WAAW,EAC1B,OAAO,EAAE,OAAO,CAAC,UAAU,EAC3B,YAAY,EAAE,OAAO,CAAC,kBAAkB,EACxC,WAAW,EACT,8BAAC,6BAAgB,IACf,KAAK,EACH,OAAO,CAAC,QAAQ,KAAK,eAAe;wBAClC,CAAC,CAAC,eAAe;wBACjB,CAAC,CAAC,6BAAgB,CAAC,IAAI;oBAG3B,8BAAC,4BAAY,IACX,SAAS,EAAE,CAAC,KAAiB,EAAE,EAAE,CAAC;4BAChC,8BAAC,wBAAQ,IACP,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,GAAG,EAAE;oCACZ,wBAAwB,CAAC,OAAO,CAAC,CAAC;oCAClC,kBAAkB,CAAC,IAAI,CAAC,CAAC;oCACzB,KAAK,EAAE,CAAC;gCACV,CAAC,EACD,IAAI,EAAE,8BAAC,+BAAS,OAAG,IAElB,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,4BAA4B,CAC7B,CACQ;yBACZ;wBAED,8BAAC,0BAAU,IAAC,SAAS,EAAC,YAAY;4BAChC,8BAAC,6BAAO,IACN,KAAK,EAAE;oCACL,KAAK,EAAE,MAAM;oCACb,MAAM,EAAE,MAAM;iCACf,GACD,CACS,CACA,CACE,GAErB,CACH,CAAC,CACE,CACP,CACO;QACV,8BAAC,0BAAgB,IACf,IAAI,EAAE,kBAAkB,KAAK,kBAAkB,CAAC,MAAM,EACtD,QAAQ,EAAE,MAAM,CAAC,EAAE,EACnB,gBAAgB,EAAE,cAAc,EAChC,QAAQ,EAAE,OAAO,GACjB;QACF,8BAAC,qBAAW,IACV,UAAU,EAAE,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,WAAW,mCAAI,EAAE,EACpD,IAAI,EAAE,eAAe,EACrB,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,KAAK,IAAI,EAAE;;gBACnB,MAAM,gBAAgB,GAAG,IAAI,+BAAa,CACxC,mBAAW,CAAC,qCAAmB,EAAE,SAAS,CAAC,OAAO,CAAC,CACpD,CAAC;gBACF,MAAM,WAAW,GAAG,MAAM,SAAS,CAAC,cAAc,EAAE,CAAC;gBACrD,MAAM,gBAAgB,CAAC,mBAAmB,CACxC,WAAW,EACX,MAAM,CAAC,EAAE,EACT,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,SAAS,mCAAI,EAAE,CACvC,CAAC;YACJ,CAAC,EACD,OAAO,EAAE,OAAO,GAChB,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAxNW,QAAA,cAAc,kBAwNzB","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport {\n  SvgAdd,\n  SvgCopy,\n  SvgDelete,\n  SvgMore,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  DropdownMenu,\n  IconButton,\n  LabeledInput,\n  MenuItem,\n  Surface,\n  Text,\n  toaster,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"./utils\";\nimport {\n  EmptyMessage,\n  generateUrl,\n  handleError,\n  LoadingOverlay,\n  WidgetHeader,\n} from \"./utils\";\nimport \"./ReportMappings.scss\";\nimport DeleteModal from \"./DeleteModal\";\nimport type { Report, ReportMapping } from \"@itwin/insights-client\";\nimport { MappingsClient, REPORTING_BASE_PATH, ReportsClient } from \"@itwin/insights-client\";\nimport AddMappingsModal from \"./AddMappingsModal\";\nimport type {\n  GetSingleIModelParams,\n  IModelsClientOptions,\n} from \"@itwin/imodels-client-management\";\nimport { Constants, IModelsClient } from \"@itwin/imodels-client-management\";\nimport { AccessTokenAdapter } from \"@itwin/imodels-access-frontend\";\nimport { HorizontalTile } from \"./HorizontalTile\";\nimport { Extraction, ExtractionStates, ExtractionStatus } from \"./Extraction\";\nimport { SearchBar } from \"./SearchBar\";\nimport type { ReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { useReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\nexport type ReportMappingType = CreateTypeFromInterface<ReportMapping>;\n\nexport type ReportMappingAndMapping = ReportMappingType & {\n  mappingName: string;\n  mappingDescription: string;\n  iModelName: string;\n};\n\nenum ReportMappingsView {\n  REPORTMAPPINGS = \"reportmappings\",\n  ADDING = \"adding\",\n}\n\nconst fetchReportMappings = async (\n  setReportMappings: (mappings: ReportMappingAndMapping[]) => void,\n  reportId: string,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n  apiContext: ReportsApiConfig\n) => {\n  try {\n    setIsLoading(true);\n    const reportsClientApi = new ReportsClient(\n      generateUrl(REPORTING_BASE_PATH, apiContext.baseUrl)\n    );\n    const mappingsClientApi = new MappingsClient(\n      generateUrl(REPORTING_BASE_PATH, apiContext.baseUrl)\n    );\n    const accessToken = await apiContext.getAccessToken();\n    const reportMappings = await reportsClientApi.getReportMappings(\n      accessToken,\n      reportId\n    );\n    const iModelClientOptions: IModelsClientOptions = {\n      api: { baseUrl: generateUrl(Constants.api.baseUrl, apiContext.baseUrl) },\n    };\n\n    const iModelsClient: IModelsClient = new IModelsClient(iModelClientOptions);\n    const authorization =\n      AccessTokenAdapter.toAuthorizationCallback(accessToken);\n    const iModelNames = new Map<string, string>();\n    const reportMappingsAndMapping = await Promise.all(\n      reportMappings.map(async (reportMapping) => {\n        const iModelId = reportMapping.imodelId;\n        let iModelName = \"\";\n        const mapping = await mappingsClientApi.getMapping(\n          accessToken,\n          iModelId,\n          reportMapping.mappingId\n        );\n        if (iModelNames.has(iModelId)) {\n          iModelName = iModelNames.get(iModelId) ?? \"\";\n        } else {\n          const getSingleParams: GetSingleIModelParams = {\n            authorization,\n            iModelId,\n          };\n          const iModel = await iModelsClient.iModels.getSingle(getSingleParams);\n          iModelName = iModel.displayName;\n          iModelNames.set(iModelId, iModelName);\n        }\n        const reportMappingAndMapping: ReportMappingAndMapping = {\n          ...reportMapping,\n          iModelName,\n          mappingName: mapping.mappingName,\n          mappingDescription: mapping.description ?? \"\",\n        };\n        return reportMappingAndMapping;\n      }) ?? []\n    );\n\n    setReportMappings(reportMappingsAndMapping);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\ninterface ReportMappingsProps {\n  report: Report;\n  goBack: () => Promise<void>;\n}\n\nexport const ReportMappings = ({ report, goBack }: ReportMappingsProps) => {\n  const apiConfig = useReportsApiConfig();\n  const [reportMappingsView, setReportMappingsView] =\n    useState<ReportMappingsView>(ReportMappingsView.REPORTMAPPINGS);\n  const [selectedReportMapping, setSelectedReportMapping] = useState<ReportMappingAndMapping | undefined>(undefined);\n  const [showDeleteModal, setShowDeleteModal] = useState<boolean>(false);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n\n  const [extractionState, setExtractionState] = useState<ExtractionStates>(\n    ExtractionStates.None\n  );\n  const [runningIModelId, setRunningIModelId] = useState<string>(\"\");\n  const [searchValue, setSearchValue] = useState<string>(\"\");\n  const [reportMappings, setReportMappings] = useState<ReportMappingAndMapping[]>([]);\n\n  useEffect(() => {\n    void fetchReportMappings(\n      setReportMappings,\n      report.id,\n      setIsLoading,\n      apiConfig\n    );\n  }, [apiConfig, report.id, setIsLoading]);\n\n  const refresh = useCallback(async () => {\n    setReportMappingsView(ReportMappingsView.REPORTMAPPINGS);\n    await fetchReportMappings(\n      setReportMappings,\n      report.id,\n      setIsLoading,\n      apiConfig\n    );\n  }, [apiConfig, report.id, setReportMappings]);\n\n  const addMapping = () => {\n    setReportMappingsView(ReportMappingsView.ADDING);\n  };\n\n  const uniqueIModels = useMemo(\n    () =>\n      new Map(\n        reportMappings.map((mapping) => [\n          mapping.imodelId,\n          mapping.iModelName,\n        ])\n      ),\n    [reportMappings]\n  );\n\n  const odataFeedUrl = `${generateUrl(\n    REPORTING_BASE_PATH,\n    apiConfig.baseUrl\n  )}/odata/${report.id}`;\n\n  const filteredReportMappings = useMemo(\n    () =>\n      reportMappings.filter((x) =>\n        [x.iModelName, x.mappingName, x.mappingDescription]\n          .join(\" \")\n          .toLowerCase()\n          .includes(searchValue.toLowerCase())\n      ),\n    [reportMappings, searchValue]\n  );\n\n  return (\n    <>\n      <WidgetHeader title={report.displayName} returnFn={goBack} />\n      <div className=\"report-mapping-misc\">\n        <LabeledInput\n          label={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:ODataFeedURL\"\n          )}\n          className=\"odata-url-input\"\n          readOnly={true}\n          value={odataFeedUrl}\n          svgIcon={\n            <IconButton\n              title={ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:Copy\"\n              )}\n              styleType=\"borderless\"\n              onClick={async (_) => {\n                await navigator.clipboard.writeText(odataFeedUrl);\n                toaster.positive(\n                  ReportsConfigWidget.localization.getLocalizedString(\n                    \"ReportsConfigWidget:CopiedToClipboard\"\n                  )\n                );\n              }}\n            >\n              <SvgCopy />\n            </IconButton>\n          }\n          iconDisplayStyle=\"inline\"\n        />\n        <Extraction\n          iModels={uniqueIModels}\n          extractionState={extractionState}\n          setExtractionState={setExtractionState}\n          setExtractingIModelId={setRunningIModelId}\n          isLoading={isLoading}\n        />\n      </div>\n      <Surface className=\"report-mappings-container\">\n        <div className=\"toolbar\">\n          <Button\n            startIcon={<SvgAdd />}\n            onClick={() => addMapping()}\n            styleType=\"high-visibility\"\n          >\n            {ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:AddMapping\"\n            )}\n          </Button>\n          <div className=\"search-bar-container\" data-testid=\"search-bar\">\n            <SearchBar\n              searchValue={searchValue}\n              setSearchValue={setSearchValue}\n              disabled={isLoading}\n            />\n          </div>\n        </div>\n        {isLoading ? (\n          <LoadingOverlay />\n        ) : reportMappings.length === 0 ? (\n          <EmptyMessage>\n            <>\n              <Text>\n                {ReportsConfigWidget.localization.getLocalizedString(\n                  \"ReportsConfigWidget:NoReportMappings\"\n                )}\n              </Text>\n              <div>\n                <Button onClick={() => addMapping()} styleType=\"cta\">\n                  {ReportsConfigWidget.localization.getLocalizedString(\n                    \"ReportsConfigWidget:LetsAddSomeMappingsCTA\"\n                  )}\n                </Button>\n              </div>\n            </>\n          </EmptyMessage>\n        ) : (\n          <div className=\"mapping-list\">\n            {filteredReportMappings.map((mapping) => (\n              <HorizontalTile\n                key={mapping.mappingId}\n                title={mapping.mappingName}\n                subText={mapping.iModelName}\n                titleTooltip={mapping.mappingDescription}\n                actionGroup={\n                  <ExtractionStatus\n                    state={\n                      mapping.imodelId === runningIModelId\n                        ? extractionState\n                        : ExtractionStates.None\n                    }\n                  >\n                    <DropdownMenu\n                      menuItems={(close: () => void) => [\n                        <MenuItem\n                          key={0}\n                          onClick={() => {\n                            setSelectedReportMapping(mapping);\n                            setShowDeleteModal(true);\n                            close();\n                          }}\n                          icon={<SvgDelete />}\n                        >\n                          {ReportsConfigWidget.localization.getLocalizedString(\n                            \"ReportsConfigWidget:Remove\"\n                          )}\n                        </MenuItem>,\n                      ]}\n                    >\n                      <IconButton styleType=\"borderless\">\n                        <SvgMore\n                          style={{\n                            width: \"16px\",\n                            height: \"16px\",\n                          }}\n                        />\n                      </IconButton>\n                    </DropdownMenu>\n                  </ExtractionStatus>\n                }\n              />\n            ))}\n          </div>\n        )}\n      </Surface>\n      <AddMappingsModal\n        show={reportMappingsView === ReportMappingsView.ADDING}\n        reportId={report.id}\n        existingMappings={reportMappings}\n        returnFn={refresh}\n      />\n      <DeleteModal\n        entityName={selectedReportMapping?.mappingName ?? \"\"}\n        show={showDeleteModal}\n        setShow={setShowDeleteModal}\n        onDelete={async () => {\n          const reportsClientApi = new ReportsClient(\n            generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)\n          );\n          const accessToken = await apiConfig.getAccessToken();\n          await reportsClientApi.deleteReportMapping(\n            accessToken,\n            report.id,\n            selectedReportMapping?.mappingId ?? \"\"\n          );\n        }}\n        refresh={refresh}\n      />\n    </>\n  );\n};\n"]}

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

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

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

@@ -36,11 +36,13 @@ const DeleteModal_1 = __importDefault(require("./DeleteModal"));
 const insights_client_1 = require("@itwin/insights-client");
 const ReportAction_1 = __importDefault(require("./ReportAction"));
 const ReportMappings_1 = require("./ReportMappings");
-const HorizontalTile_1 = require("./HorizontalTile");
+const ReportHorizontalTile_1 = require("./ReportHorizontalTile");
 const SearchBar_1 = require("./SearchBar");
 const ReportsApiConfigContext_1 = require("../context/ReportsApiConfigContext");
 const ReportsConfigWidget_1 = require("../../ReportsConfigWidget");
 const appui_react_1 = require("@itwin/appui-react");
+const BulkExtractor_1 = __importDefault(require("./BulkExtractor"));
+const core_bentley_1 = require("@itwin/core-bentley");
 var ReportsView;
 (function (ReportsView) {
     ReportsView["REPORTS"] = "reports";
@@ -69,12 +71,15 @@ const Reports = () => {
     var _a, _b, _c;
     const iTwinId = (_b = (_a = appui_react_1.useActiveIModelConnection()) === null || _a === void 0 ? void 0 : _a.iTwinId) !== null && _b !== void 0 ? _b : "";
     const apiConfig = ReportsApiConfigContext_1.useReportsApiConfig();
+    const [selectedReportIds, setSelectedReportIds] = react_1.useState([]);
     const [showDeleteModal, setShowDeleteModal] = react_1.useState(false);
     const [reportsView, setReportsView] = react_1.useState(ReportsView.REPORTS);
     const [selectedReport, setSelectedReport] = react_1.useState(undefined);
     const [isLoading, setIsLoading] = react_1.useState(true);
     const [searchValue, setSearchValue] = react_1.useState("");
     const [reports, setReports] = react_1.useState([]);
+    const bulkExtractor = react_1.useMemo(() => new BulkExtractor_1.default(apiConfig, reports.map((r) => r.id)), [apiConfig, reports]);
+    const jobStartEvent = react_1.useMemo(() => new core_bentley_1.BeEvent(), []);
     react_1.useEffect(() => {
         void fetchReports(setReports, iTwinId, setIsLoading, apiConfig);
     }, [apiConfig, iTwinId, setIsLoading]);
@@ -90,6 +95,18 @@ const Reports = () => {
         .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]);
+    };
+    const updateDatasets = react_1.useCallback(async () => {
+        selectedReportIds.map((reportId) => jobStartEvent.raiseEvent(reportId));
+        setSelectedReportIds([]);
+        await bulkExtractor.startJobs(selectedReportIds);
+    }, [selectedReportIds, jobStartEvent, bulkExtractor]);
     switch (reportsView) {
         case ReportsView.ADDING:
             return iTwinId ? (react_1.default.createElement(ReportAction_1.default, { iTwinId: iTwinId !== null && iTwinId !== void 0 ? iTwinId : "", returnFn: refresh })) : null;
@@ -101,36 +118,27 @@ const Reports = () => {
             return (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(utils_1.WidgetHeader, { title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ITwinReports") }),
                 react_1.default.createElement(itwinui_react_1.Surface, { className: "reports-list-container" },
-                    react_1.default.createElement("div", { className: "toolbar" },
+                    react_1.default.createElement("div", { className: "rcw-toolbar" },
                         react_1.default.createElement(itwinui_react_1.Button, { startIcon: react_1.default.createElement(itwinui_icons_react_1.SvgAdd, null), onClick: () => addReport(), styleType: "high-visibility" }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:New")),
-                        react_1.default.createElement("div", { className: "search-bar-container", "data-testid": "search-bar" },
-                            react_1.default.createElement(SearchBar_1.SearchBar, { searchValue: searchValue, setSearchValue: setSearchValue, disabled: isLoading }))),
+                        react_1.default.createElement(itwinui_react_1.IconButton, { title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateDatasets"), onClick: updateDatasets, disabled: selectedReportIds.length === 0 },
+                            react_1.default.createElement(itwinui_icons_react_1.SvgRefresh, null)),
+                        react_1.default.createElement("div", { className: "rcw-search-bar-container", "data-testid": "search-bar" },
+                            react_1.default.createElement("div", { className: "rcw-search-button" },
+                                react_1.default.createElement(SearchBar_1.SearchBar, { searchValue: searchValue, setSearchValue: setSearchValue, disabled: isLoading })))),
                     isLoading ? (react_1.default.createElement(utils_1.LoadingOverlay, null)) : reports.length === 0 ? (react_1.default.createElement(utils_1.EmptyMessage, null,
                         react_1.default.createElement(react_1.default.Fragment, null,
                             ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:NoReports"),
                             react_1.default.createElement("div", null,
-                                react_1.default.createElement(itwinui_react_1.Button, { onClick: () => addReport(), styleType: "cta" }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:CreateOneReportCTA")))))) : (react_1.default.createElement("div", { className: "reports-list" }, filteredReports.map((report) => {
-                        var _a, _b;
-                        return (react_1.default.createElement(HorizontalTile_1.HorizontalTile, { key: report.id, title: report.displayName, subText: (_a = report.description) !== null && _a !== void 0 ? _a : "", subtextToolTip: (_b = report.description) !== null && _b !== void 0 ? _b : "", titleTooltip: report.displayName, onClickTitle: () => {
-                                setSelectedReport(report);
-                                setReportsView(ReportsView.REPORTSMAPPING);
-                            }, button: react_1.default.createElement(itwinui_react_1.DropdownMenu, { menuItems: (close) => [
-                                    react_1.default.createElement(itwinui_react_1.MenuItem, { key: 0, onClick: () => {
-                                            setSelectedReport(report);
-                                            setReportsView(ReportsView.MODIFYING);
-                                        }, icon: react_1.default.createElement(itwinui_icons_react_1.SvgEdit, null) }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Modify")),
-                                    react_1.default.createElement(itwinui_react_1.MenuItem, { key: 1, onClick: () => {
-                                            setSelectedReport(report);
-                                            setShowDeleteModal(true);
-                                            close();
-                                        }, icon: react_1.default.createElement(itwinui_icons_react_1.SvgDelete, null) }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Remove")),
-                                ] },
-                                react_1.default.createElement(itwinui_react_1.IconButton, { styleType: "borderless" },
-                                    react_1.default.createElement(itwinui_icons_react_1.SvgMore, { style: {
-                                            width: "16px",
-                                            height: "16px",
-                                        } }))) }));
-                    })))),
+                                react_1.default.createElement(itwinui_react_1.Button, { onClick: addReport, styleType: "cta" }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:CreateOneReportCTA")))))) : (react_1.default.createElement("div", { className: "rcw-reports-list" }, filteredReports.map((report) => (react_1.default.createElement(ReportHorizontalTile_1.ReportHorizontalTile, { key: report.id, report: report, onClickTitle: () => {
+                            setSelectedReport(report);
+                            setReportsView(ReportsView.REPORTSMAPPING);
+                        }, jobStartEvent: jobStartEvent, bulkExtractor: bulkExtractor, onClickDelete: () => {
+                            setSelectedReport(report);
+                            setShowDeleteModal(true);
+                        }, onClickModify: () => {
+                            setSelectedReport(report);
+                            setReportsView(ReportsView.MODIFYING);
+                        }, onSelectionChange: onSelectionChange, selected: selectedReportIds.some((reportId) => report.id === reportId) })))))),
                 react_1.default.createElement(DeleteModal_1.default, { entityName: (_c = selectedReport === null || selectedReport === void 0 ? void 0 : selectedReport.displayName) !== null && _c !== void 0 ? _c : "", show: showDeleteModal, setShow: setShowDeleteModal, onDelete: async () => {
                         var _a;
                         const reportsClientApi = new insights_client_1.ReportsClient(utils_1.generateUrl(insights_client_1.REPORTING_BASE_PATH, apiConfig.baseUrl));

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

@@ -1 +1 @@
-{"version":3,"file":"Reports.js","sourceRoot":"","sources":["../../../../src/widget/components/Reports.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport {\n  SvgAdd,\n  SvgDelete,\n  SvgEdit,\n  SvgMore,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  DropdownMenu,\n  IconButton,\n  MenuItem,\n  Surface,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"./utils\";\nimport {\n  EmptyMessage,\n  generateUrl,\n  handleError,\n  LoadingOverlay,\n  WidgetHeader,\n} from \"./utils\";\nimport \"./Reports.scss\";\nimport DeleteModal from \"./DeleteModal\";\nimport type { Report } from \"@itwin/insights-client\";\nimport { REPORTING_BASE_PATH, ReportsClient } from \"@itwin/insights-client\";\nimport ReportAction from \"./ReportAction\";\nimport { ReportMappings } from \"./ReportMappings\";\nimport { HorizontalTile } from \"./HorizontalTile\";\nimport { SearchBar } from \"./SearchBar\";\nimport type { ReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { useReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\n\nexport type ReportType = CreateTypeFromInterface<Report>;\n\nenum ReportsView {\n  REPORTS = \"reports\",\n  REPORTSMAPPING = \"reportsmapping\",\n  ADDING = \"adding\",\n  MODIFYING = \"modifying\",\n}\n\nconst fetchReports = async (\n  setReports: React.Dispatch<React.SetStateAction<Report[]>>,\n  iTwinId: string | undefined,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n  apiContext: ReportsApiConfig\n) => {\n  try {\n    if (!iTwinId) return;\n    setIsLoading(true);\n    const reportsClientApi = new ReportsClient(\n      generateUrl(REPORTING_BASE_PATH, apiContext.baseUrl)\n    );\n    const accessToken = await apiContext.getAccessToken();\n    const reports = await reportsClientApi.getReports(accessToken, iTwinId);\n    setReports(reports ?? []);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\nexport const Reports = () => {\n  const iTwinId = useActiveIModelConnection()?.iTwinId ?? \"\";\n  const apiConfig = useReportsApiConfig();\n  const [showDeleteModal, setShowDeleteModal] = useState<boolean>(false);\n  const [reportsView, setReportsView] = useState<ReportsView>(\n    ReportsView.REPORTS\n  );\n  const [selectedReport, setSelectedReport] = useState<Report | undefined>(\n    undefined\n  );\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [searchValue, setSearchValue] = useState<string>(\"\");\n  const [reports, setReports] = useState<Report[]>([]);\n\n  useEffect(() => {\n    void fetchReports(setReports, iTwinId, setIsLoading, apiConfig);\n  }, [apiConfig, iTwinId, setIsLoading]);\n\n  const refresh = useCallback(async () => {\n    setReportsView(ReportsView.REPORTS);\n    setSelectedReport(undefined);\n    await fetchReports(setReports, iTwinId, setIsLoading, apiConfig);\n  }, [apiConfig, iTwinId, setReports]);\n\n  const addReport = () => {\n    setReportsView(ReportsView.ADDING);\n  };\n\n  const filteredReports = useMemo(\n    () =>\n      reports.filter((x) =>\n        [x.displayName, x.description]\n          .join(\" \")\n          .toLowerCase()\n          .includes(searchValue.toLowerCase())\n      ),\n    [reports, searchValue]\n  );\n\n  switch (reportsView) {\n    case ReportsView.ADDING:\n      return iTwinId ? (\n        <ReportAction iTwinId={iTwinId ?? \"\"} returnFn={refresh} />\n      ) : null;\n    case ReportsView.MODIFYING:\n      return iTwinId ? (\n        <ReportAction\n          iTwinId={iTwinId}\n          report={selectedReport}\n          returnFn={refresh}\n        />\n      ) : null;\n    case ReportsView.REPORTSMAPPING:\n      return selectedReport ? (\n        <ReportMappings report={selectedReport} goBack={refresh} />\n      ) : null;\n    default:\n      return (\n        <>\n          <WidgetHeader\n            title={ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:ITwinReports\"\n            )}\n          />\n          <Surface className=\"reports-list-container\">\n            <div className=\"toolbar\">\n              <Button\n                startIcon={<SvgAdd />}\n                onClick={() => addReport()}\n                styleType=\"high-visibility\"\n              >\n                {ReportsConfigWidget.localization.getLocalizedString(\n                  \"ReportsConfigWidget:New\"\n                )}\n              </Button>\n              <div className=\"search-bar-container\" data-testid=\"search-bar\">\n                <SearchBar\n                  searchValue={searchValue}\n                  setSearchValue={setSearchValue}\n                  disabled={isLoading}\n                />\n              </div>\n            </div>\n            {isLoading ? (\n              <LoadingOverlay />\n            ) : reports.length === 0 ? (\n              <EmptyMessage>\n                <>\n                  {ReportsConfigWidget.localization.getLocalizedString(\n                    \"ReportsConfigWidget:NoReports\"\n                  )}\n                  <div>\n                    <Button onClick={() => addReport()} styleType=\"cta\">\n                      {ReportsConfigWidget.localization.getLocalizedString(\n                        \"ReportsConfigWidget:CreateOneReportCTA\"\n                      )}\n                    </Button>\n                  </div>\n                </>\n              </EmptyMessage>\n            ) : (\n              <div className=\"reports-list\">\n                {filteredReports.map((report) => (\n                  <HorizontalTile\n                    key={report.id}\n                    title={report.displayName}\n                    subText={report.description ?? \"\"}\n                    subtextToolTip={report.description ?? \"\"}\n                    titleTooltip={report.displayName}\n                    onClickTitle={() => {\n                      setSelectedReport(report);\n                      setReportsView(ReportsView.REPORTSMAPPING);\n                    }}\n                    button={\n                      <DropdownMenu\n                        menuItems={(close: () => void) => [\n                          <MenuItem\n                            key={0}\n                            onClick={() => {\n                              setSelectedReport(report);\n                              setReportsView(ReportsView.MODIFYING);\n                            }}\n                            icon={<SvgEdit />}\n                          >\n                            {ReportsConfigWidget.localization.getLocalizedString(\n                              \"ReportsConfigWidget:Modify\"\n                            )}\n                          </MenuItem>,\n                          <MenuItem\n                            key={1}\n                            onClick={() => {\n                              setSelectedReport(report);\n                              setShowDeleteModal(true);\n                              close();\n                            }}\n                            icon={<SvgDelete />}\n                          >\n                            {ReportsConfigWidget.localization.getLocalizedString(\n                              \"ReportsConfigWidget:Remove\"\n                            )}\n                          </MenuItem>,\n                        ]}\n                      >\n                        <IconButton styleType=\"borderless\">\n                          <SvgMore\n                            style={{\n                              width: \"16px\",\n                              height: \"16px\",\n                            }}\n                          />\n                        </IconButton>\n                      </DropdownMenu>\n                    }\n                  />\n                ))}\n              </div>\n            )}\n          </Surface>\n          <DeleteModal\n            entityName={selectedReport?.displayName ?? \"\"}\n            show={showDeleteModal}\n            setShow={setShowDeleteModal}\n            onDelete={async () => {\n              const reportsClientApi = new ReportsClient(\n                generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)\n              );\n              const accessToken = await apiConfig.getAccessToken();\n              await reportsClientApi.deleteReport(\n                accessToken,\n                selectedReport?.id ?? \"\"\n              );\n            }}\n            refresh={refresh}\n          />\n        </>\n      );\n  }\n};\n"]}
+{"version":3,"file":"Reports.js","sourceRoot":"","sources":["../../../../src/widget/components/Reports.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport {\n  SvgAdd,\n  SvgRefresh,\n} from \"@itwin/itwinui-icons-react\";\nimport {\n  Button,\n  IconButton,\n  Surface,\n} from \"@itwin/itwinui-react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { CreateTypeFromInterface } from \"./utils\";\nimport {\n  EmptyMessage,\n  generateUrl,\n  handleError,\n  LoadingOverlay,\n  WidgetHeader,\n} from \"./utils\";\nimport \"./Reports.scss\";\nimport DeleteModal from \"./DeleteModal\";\nimport type { Report } from \"@itwin/insights-client\";\nimport { REPORTING_BASE_PATH, ReportsClient } from \"@itwin/insights-client\";\nimport ReportAction from \"./ReportAction\";\nimport { ReportMappings } from \"./ReportMappings\";\nimport { ReportHorizontalTile } from \"./ReportHorizontalTile\";\nimport { SearchBar } from \"./SearchBar\";\nimport type { ReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { useReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport BulkExtractor from \"./BulkExtractor\";\nimport { BeEvent } from \"@itwin/core-bentley\";\n\nexport type ReportType = CreateTypeFromInterface<Report>;\n\nenum ReportsView {\n  REPORTS = \"reports\",\n  REPORTSMAPPING = \"reportsmapping\",\n  ADDING = \"adding\",\n  MODIFYING = \"modifying\",\n}\n\nconst fetchReports = async (\n  setReports: React.Dispatch<React.SetStateAction<Report[]>>,\n  iTwinId: string | undefined,\n  setIsLoading: React.Dispatch<React.SetStateAction<boolean>>,\n  apiContext: ReportsApiConfig\n) => {\n  try {\n    if (!iTwinId) return;\n    setIsLoading(true);\n    const reportsClientApi = new ReportsClient(\n      generateUrl(REPORTING_BASE_PATH, apiContext.baseUrl)\n    );\n    const accessToken = await apiContext.getAccessToken();\n    const reports = await reportsClientApi.getReports(accessToken, iTwinId);\n    setReports(reports ?? []);\n  } catch (error: any) {\n    handleError(error.status);\n  } finally {\n    setIsLoading(false);\n  }\n};\n\nexport const Reports = () => {\n  const iTwinId = useActiveIModelConnection()?.iTwinId ?? \"\";\n  const apiConfig = useReportsApiConfig();\n  const [selectedReportIds, setSelectedReportIds] = useState<string[]>([]);\n  const [showDeleteModal, setShowDeleteModal] = useState<boolean>(false);\n  const [reportsView, setReportsView] = useState<ReportsView>(\n    ReportsView.REPORTS\n  );\n  const [selectedReport, setSelectedReport] = useState<Report | undefined>(\n    undefined\n  );\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [searchValue, setSearchValue] = useState<string>(\"\");\n  const [reports, setReports] = useState<Report[]>([]);\n  const bulkExtractor = useMemo(\n    () => new BulkExtractor(apiConfig, reports.map((r) => r.id)),\n    [apiConfig, reports]\n  );\n  const jobStartEvent = useMemo(\n    () => new BeEvent<(reportId: string) => void>(),\n    []\n  );\n\n  useEffect(() => {\n    void fetchReports(setReports, iTwinId, setIsLoading, apiConfig);\n  }, [apiConfig, iTwinId, setIsLoading]);\n\n  const refresh = useCallback(async () => {\n    setReportsView(ReportsView.REPORTS);\n    setSelectedReport(undefined);\n    await fetchReports(setReports, iTwinId, setIsLoading, apiConfig);\n  }, [apiConfig, iTwinId, setReports]);\n\n  const addReport = () => {\n    setReportsView(ReportsView.ADDING);\n  };\n\n  const filteredReports = useMemo(\n    () =>\n      reports.filter((x) =>\n        [x.displayName, x.description]\n          .join(\" \")\n          .toLowerCase()\n          .includes(searchValue.toLowerCase())\n      ),\n    [reports, searchValue]\n  );\n\n  const onSelectionChange = (reportId: string, control: boolean) => {\n    if (!control)\n      setSelectedReportIds([]);\n\n    setSelectedReportIds((sr) =>\n      sr.some((r) => reportId === r)\n        ? sr.filter(\n          (r) => reportId !== r\n        )\n        : [...sr, reportId]\n    );\n  };\n\n  const updateDatasets = useCallback(async () => {\n    selectedReportIds.map((reportId) => jobStartEvent.raiseEvent(reportId));\n    setSelectedReportIds([]);\n    await bulkExtractor.startJobs(selectedReportIds);\n  }, [selectedReportIds, jobStartEvent, bulkExtractor]);\n\n  switch (reportsView) {\n    case ReportsView.ADDING:\n      return iTwinId ? (\n        <ReportAction iTwinId={iTwinId ?? \"\"} returnFn={refresh} />\n      ) : null;\n    case ReportsView.MODIFYING:\n      return iTwinId ? (\n        <ReportAction\n          iTwinId={iTwinId}\n          report={selectedReport}\n          returnFn={refresh}\n        />\n      ) : null;\n    case ReportsView.REPORTSMAPPING:\n      return selectedReport ? (\n        <ReportMappings report={selectedReport} goBack={refresh} />\n      ) : null;\n    default:\n      return (\n        <>\n          <WidgetHeader\n            title={ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:ITwinReports\"\n            )}\n          />\n          <Surface className=\"reports-list-container\">\n            <div className=\"rcw-toolbar\">\n              <Button\n                startIcon={<SvgAdd />}\n                onClick={() => addReport()}\n                styleType=\"high-visibility\"\n              >\n                {ReportsConfigWidget.localization.getLocalizedString(\n                  \"ReportsConfigWidget:New\"\n                )}\n              </Button>\n              <IconButton\n                title={ReportsConfigWidget.localization.getLocalizedString(\n                  \"ReportsConfigWidget:UpdateDatasets\"\n                )}\n                onClick={updateDatasets}\n                disabled={selectedReportIds.length === 0}\n              >\n                <SvgRefresh />\n              </IconButton>\n              <div className=\"rcw-search-bar-container\" data-testid=\"search-bar\">\n                <div className=\"rcw-search-button\">\n                  <SearchBar\n                    searchValue={searchValue}\n                    setSearchValue={setSearchValue}\n                    disabled={isLoading}\n                  />\n                </div>\n              </div>\n            </div>\n            {isLoading ? (\n              <LoadingOverlay />\n            ) : reports.length === 0 ? (\n              <EmptyMessage>\n                <>\n                  {ReportsConfigWidget.localization.getLocalizedString(\n                    \"ReportsConfigWidget:NoReports\"\n                  )}\n                  <div>\n                    <Button onClick={addReport} styleType=\"cta\">\n                      {ReportsConfigWidget.localization.getLocalizedString(\n                        \"ReportsConfigWidget:CreateOneReportCTA\"\n                      )}\n                    </Button>\n                  </div>\n                </>\n              </EmptyMessage>\n            ) : (\n              <div className=\"rcw-reports-list\">\n                {filteredReports.map((report) => (\n                  <ReportHorizontalTile\n                    key={report.id}\n                    report={report}\n                    onClickTitle={() => {\n                      setSelectedReport(report);\n                      setReportsView(ReportsView.REPORTSMAPPING);\n                    }}\n                    jobStartEvent={jobStartEvent}\n                    bulkExtractor={bulkExtractor}\n                    onClickDelete={() => {\n                      setSelectedReport(report);\n                      setShowDeleteModal(true);\n                    }}\n                    onClickModify={() => {\n                      setSelectedReport(report);\n                      setReportsView(ReportsView.MODIFYING);\n                    }}\n                    onSelectionChange={onSelectionChange}\n                    selected={selectedReportIds.some((reportId) => report.id === reportId)}\n                  />\n                ))}\n              </div>\n            )}\n          </Surface>\n          <DeleteModal\n            entityName={selectedReport?.displayName ?? \"\"}\n            show={showDeleteModal}\n            setShow={setShowDeleteModal}\n            onDelete={async () => {\n              const reportsClientApi = new ReportsClient(\n                generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)\n              );\n              const accessToken = await apiConfig.getAccessToken();\n              await reportsClientApi.deleteReport(\n                accessToken,\n                selectedReport?.id ?? \"\"\n              );\n            }}\n            refresh={refresh}\n          />\n        </>\n      );\n  }\n};\n"]}

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

@@ -11,7 +11,7 @@
   padding: $iui-baseline $iui-m;
   min-height: 0;
 
-  .toolbar {
+  .rcw-toolbar {
     display: flex;
     justify-content: space-between;
     gap: $iui-s;
@@ -20,13 +20,13 @@
     flex-wrap: wrap;
   }
 
-  .search-bar-container {
+  .rcw-search-bar-container {
     flex-basis: $iui-3xl;
     flex-shrink: 1;
     flex-grow: 1;
   }
 
-  .reports-list {
+  .rcw-reports-list {
     display: flex;
     flex-direction: column;
     overflow-y: overlay;
@@ -34,3 +34,7 @@
     margin-top: 7.5px;
   }
 }
+
+.rcw-button-container {
+  display: flex;
+}

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

@@ -5,6 +5,9 @@
 @import "~@itwin/itwinui-css/scss/variables";
 
 .reports-container {
+  position: absolute;
+  right: 0;
+  left: 0;
   display: flex;
   flex-direction: column;
   padding: $iui-baseline $iui-m;

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

@@ -32,7 +32,7 @@ require("./SearchBar.scss");
 const SearchBar = ({ searchValue, setSearchValue, disabled, }) => {
     const [searchBarOpen, setSearchBarOpened] = react_1.useState(false);
     const [searchBarClosing, setSearchBarClosing] = react_1.useState(false);
-    return searchBarOpen || searchValue ? (react_1.default.createElement("div", { style: {
+    return searchBarOpen || searchValue ? (react_1.default.createElement("div", { className: "rcw-search-button", style: {
             animation: searchBarClosing ? "rcw-shrink .5s" : "rcw-expand .5s",
         }, onAnimationEnd: () => {
             if (searchBarClosing) {

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

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/widget/components/SearchBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,oEAAsE;AACtE,wDAAgE;AAChE,+CAAwC;AACxC,mEAAgE;AAChE,4BAA0B;AAQnB,MAAM,SAAS,GAAG,CAAC,EACxB,WAAW,EACX,cAAc,EACd,QAAQ,GACO,EAAE,EAAE;IACnB,MAAM,CAAC,aAAa,EAAE,kBAAkB,CAAC,GAAG,gBAAQ,CAAU,KAAK,CAAC,CAAC;IACrE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,gBAAQ,CAAU,KAAK,CAAC,CAAC;IAEzE,OAAO,aAAa,IAAI,WAAW,CAAC,CAAC,CAAC,CACpC,uCACE,KAAK,EAAE;YACL,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB;SAClE,EACD,cAAc,EAAE,GAAG,EAAE;YACnB,IAAI,gBAAgB,EAAE;gBACpB,mBAAmB,CAAC,KAAK,CAAC,CAAC;gBAC3B,kBAAkB,CAAC,KAAK,CAAC,CAAC;gBAC1B,cAAc,CAAC,EAAE,CAAC,CAAC;aACpB;QACH,CAAC;QAED,8BAAC,4BAAY,kBACA,gBAAgB,EAC3B,WAAW,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC9D,4BAA4B,CAC7B,EACD,OAAO,EACL,8BAAC,0BAAU,IACT,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,EACxC,SAAS,EAAC,YAAY;gBAEtB,8BAAC,mCAAa,OAAG,CACN,EAEf,gBAAgB,EAAC,QAAQ,EACzB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,QAAQ,EAAE,QAAQ,GAClB;QAAC,GAAG,CACF,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAU,IAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC;QACxE,8BAAC,+BAAS,OAAG,CACF,CACd,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,SAAS,aA6CpB","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 { SvgCloseSmall, SvgSearch } from \"@itwin/itwinui-icons-react\";\nimport { IconButton, LabeledInput } from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport \"./SearchBar.scss\";\n\ninterface SearchBarProps {\n  searchValue: string;\n  setSearchValue: React.Dispatch<React.SetStateAction<string>>;\n  disabled?: boolean;\n}\n\nexport const SearchBar = ({\n  searchValue,\n  setSearchValue,\n  disabled,\n}: SearchBarProps) => {\n  const [searchBarOpen, setSearchBarOpened] = useState<boolean>(false);\n  const [searchBarClosing, setSearchBarClosing] = useState<boolean>(false);\n\n  return searchBarOpen || searchValue ? (\n    <div\n      style={{\n        animation: searchBarClosing ? \"rcw-shrink .5s\" : \"rcw-expand .5s\",\n      }}\n      onAnimationEnd={() => {\n        if (searchBarClosing) {\n          setSearchBarClosing(false);\n          setSearchBarOpened(false);\n          setSearchValue(\"\");\n        }\n      }}\n    >\n      <LabeledInput\n        aria-label=\"search-textbox\"\n        placeholder={ReportsConfigWidget.localization.getLocalizedString(\n          \"ReportsConfigWidget:Search\"\n        )}\n        svgIcon={\n          <IconButton\n            onClick={() => setSearchBarClosing(true)}\n            styleType=\"borderless\"\n          >\n            <SvgCloseSmall />\n          </IconButton>\n        }\n        iconDisplayStyle=\"inline\"\n        value={searchValue}\n        onChange={(e) => setSearchValue(e.target.value)}\n        disabled={disabled}\n      />{\" \"}\n    </div>\n  ) : (\n    <IconButton styleType=\"borderless\" onClick={() => setSearchBarOpened(true)}>\n      <SvgSearch />\n    </IconButton>\n  );\n};\n"]}
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/widget/components/SearchBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,oEAAsE;AACtE,wDAAgE;AAChE,+CAAwC;AACxC,mEAAgE;AAChE,4BAA0B;AAQnB,MAAM,SAAS,GAAG,CAAC,EACxB,WAAW,EACX,cAAc,EACd,QAAQ,GACO,EAAE,EAAE;IACnB,MAAM,CAAC,aAAa,EAAE,kBAAkB,CAAC,GAAG,gBAAQ,CAAU,KAAK,CAAC,CAAC;IACrE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,gBAAQ,CAAU,KAAK,CAAC,CAAC;IAEzE,OAAO,aAAa,IAAI,WAAW,CAAC,CAAC,CAAC,CACpC,uCAAK,SAAS,EAAC,mBAAmB,EAChC,KAAK,EAAE;YACL,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB;SAClE,EACD,cAAc,EAAE,GAAG,EAAE;YACnB,IAAI,gBAAgB,EAAE;gBACpB,mBAAmB,CAAC,KAAK,CAAC,CAAC;gBAC3B,kBAAkB,CAAC,KAAK,CAAC,CAAC;gBAC1B,cAAc,CAAC,EAAE,CAAC,CAAC;aACpB;QACH,CAAC;QAED,8BAAC,4BAAY,kBACA,gBAAgB,EAC3B,WAAW,EAAE,yCAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC9D,4BAA4B,CAC7B,EACD,OAAO,EACL,8BAAC,0BAAU,IACT,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,EACxC,SAAS,EAAC,YAAY;gBAEtB,8BAAC,mCAAa,OAAG,CACN,EAEf,gBAAgB,EAAC,QAAQ,EACzB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,QAAQ,EAAE,QAAQ,GAClB;QAAC,GAAG,CACF,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAU,IAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC;QACxE,8BAAC,+BAAS,OAAG,CACF,CACd,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,SAAS,aA6CpB","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 { SvgCloseSmall, SvgSearch } from \"@itwin/itwinui-icons-react\";\nimport { IconButton, LabeledInput } from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\nimport \"./SearchBar.scss\";\n\ninterface SearchBarProps {\n  searchValue: string;\n  setSearchValue: React.Dispatch<React.SetStateAction<string>>;\n  disabled?: boolean;\n}\n\nexport const SearchBar = ({\n  searchValue,\n  setSearchValue,\n  disabled,\n}: SearchBarProps) => {\n  const [searchBarOpen, setSearchBarOpened] = useState<boolean>(false);\n  const [searchBarClosing, setSearchBarClosing] = useState<boolean>(false);\n\n  return searchBarOpen || searchValue ? (\n    <div className=\"rcw-search-button\"\n      style={{\n        animation: searchBarClosing ? \"rcw-shrink .5s\" : \"rcw-expand .5s\",\n      }}\n      onAnimationEnd={() => {\n        if (searchBarClosing) {\n          setSearchBarClosing(false);\n          setSearchBarOpened(false);\n          setSearchValue(\"\");\n        }\n      }}\n    >\n      <LabeledInput\n        aria-label=\"search-textbox\"\n        placeholder={ReportsConfigWidget.localization.getLocalizedString(\n          \"ReportsConfigWidget:Search\"\n        )}\n        svgIcon={\n          <IconButton\n            onClick={() => setSearchBarClosing(true)}\n            styleType=\"borderless\"\n          >\n            <SvgCloseSmall />\n          </IconButton>\n        }\n        iconDisplayStyle=\"inline\"\n        value={searchValue}\n        onChange={(e) => setSearchValue(e.target.value)}\n        disabled={disabled}\n      />{\" \"}\n    </div>\n  ) : (\n    <IconButton styleType=\"borderless\" onClick={() => setSearchBarOpened(true)}>\n      <SvgSearch />\n    </IconButton>\n  );\n};\n"]}

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

@@ -9,6 +9,7 @@
     opacity: 0;
     width: 20%;
   }
+
   100% {
     opacity: 1;
     width: 100%;
@@ -20,8 +21,13 @@
     opacity: 0;
     width: 20%;
   }
+
   0% {
     opacity: 1;
     width: 100%;
   }
 }
+
+.rcw-search-button {
+  float: right;
+}