@itwin/reports-config-widget-react 0.0.8 → 0.2.0

package/lib/esm/widget/components/ExtractionStates/SucceededExtractionState.js

@@ -0,0 +1,16 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import React from "react";
+import { SvgStatusSuccess } from "@itwin/itwinui-icons-color-react";
+import { ReportsConfigWidget } from "../../../ReportsConfigWidget";
+import { ANIMATION_DELAY, ANIMATION_DURATION } from "../Constants";
+export const SucceededExtractionState = ({ animation, onAnimationEnd }) => (React.createElement("div", { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Success"), className: "rcw-extraction-status" },
+    React.createElement("div", { className: `rcw-status-icon`, "data-testid": "rcw-success-animation", style: {
+            animationName: animation ? "rcw-fade-out" : "",
+            animationDelay: ANIMATION_DELAY,
+            animationDuration: ANIMATION_DURATION,
+        }, onAnimationEnd: onAnimationEnd },
+        React.createElement(SvgStatusSuccess, null))));
+//# sourceMappingURL=SucceededExtractionState.js.map

package/lib/esm/widget/components/ExtractionStates/SucceededExtractionState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SucceededExtractionState.js","sourceRoot":"","sources":["../../../../../src/widget/components/ExtractionStates/SucceededExtractionState.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAOnE,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,EAAwB,EAAE,EAAE,CAAC,CAC/F,6BACE,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACxD,6BAA6B,CAC9B,EACD,SAAS,EAAC,uBAAuB;IAEjC,6BACE,SAAS,EAAE,iBAAiB,iBAChB,uBAAuB,EACnC,KAAK,EAAE;YACL,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;YAC9C,cAAc,EAAE,eAAe;YAC/B,iBAAiB,EAAE,kBAAkB;SACtC,EACD,cAAc,EAAE,cAAc;QAE9B,oBAAC,gBAAgB,OAAG,CAChB,CACF,CACP,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 from \"react\";\nimport { SvgStatusSuccess } from \"@itwin/itwinui-icons-color-react\";\nimport { ReportsConfigWidget } from \"../../../ReportsConfigWidget\";\nimport { ANIMATION_DELAY, ANIMATION_DURATION } from \"../Constants\";\n\ninterface ExtractionStateProps {\n  animation: boolean;\n  onAnimationEnd: () => void;\n}\n\nexport const SucceededExtractionState = ({ animation, onAnimationEnd }: ExtractionStateProps) => (\n  <div\n    title={ReportsConfigWidget.localization.getLocalizedString(\n      \"ReportsConfigWidget:Success\"\n    )}\n    className=\"rcw-extraction-status\"\n  >\n    <div\n      className={`rcw-status-icon`}\n      data-testid=\"rcw-success-animation\"\n      style={{\n        animationName: animation ? \"rcw-fade-out\" : \"\",\n        animationDelay: ANIMATION_DELAY,\n        animationDuration: ANIMATION_DURATION,\n      }}\n      onAnimationEnd={onAnimationEnd}\n    >\n      <SvgStatusSuccess />\n    </div>\n  </div>\n);\n"]}

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import "./ExtractionStatus.scss";
+export declare enum ExtractionStates {
+    None = 0,
+    Starting = 1,
+    Queued = 2,
+    Running = 3,
+    Succeeded = 4,
+    Failed = 5
+}
+interface ExtractionStatusProps {
+    state: ExtractionStates;
+    clearExtractionState: () => void;
+}
+export declare const ExtractionStatus: ({ state, clearExtractionState, }: ExtractionStatusProps) => JSX.Element;
+export {};
+//# sourceMappingURL=ExtractionStatus.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExtractionStatus.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ExtractionStatus.tsx"],"names":[],"mappings":";AAMA,OAAO,yBAAyB,CAAC;AAQjC,oBAAY,gBAAgB;IAC1B,IAAI,IAAA;IACJ,QAAQ,IAAA;IACR,MAAM,IAAA;IACN,OAAO,IAAA;IACP,SAAS,IAAA;IACT,MAAM,IAAA;CACP;AAED,UAAU,qBAAqB;IAC7B,KAAK,EAAE,gBAAgB,CAAC;IACxB,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,gBAAgB,qCAG1B,qBAAqB,gBAsCvB,CAAC"}

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

@@ -0,0 +1,53 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import * as React from "react";
+import { useEffect, useState } from "react";
+import "./ExtractionStatus.scss";
+import { STATUS_CHECK_INTERVAL } from "./Constants";
+import { StartingExtractionState } from "./ExtractionStates/StartingExtractionState";
+import { RunningExtractionState } from "./ExtractionStates/RunningExtractionState";
+import { FailedExtractionState } from "./ExtractionStates/FailedExtractionState";
+import { QueuedExtractionState } from "./ExtractionStates/QueuedExtractionState";
+import { SucceededExtractionState } from "./ExtractionStates/SucceededExtractionState";
+export var ExtractionStates;
+(function (ExtractionStates) {
+    ExtractionStates[ExtractionStates["None"] = 0] = "None";
+    ExtractionStates[ExtractionStates["Starting"] = 1] = "Starting";
+    ExtractionStates[ExtractionStates["Queued"] = 2] = "Queued";
+    ExtractionStates[ExtractionStates["Running"] = 3] = "Running";
+    ExtractionStates[ExtractionStates["Succeeded"] = 4] = "Succeeded";
+    ExtractionStates[ExtractionStates["Failed"] = 5] = "Failed";
+})(ExtractionStates || (ExtractionStates = {}));
+export const ExtractionStatus = ({ state, clearExtractionState, }) => {
+    const [fadeOut, setFadeOut] = useState(false);
+    const onAnimationEnd = () => {
+        clearExtractionState();
+        setFadeOut(false);
+    };
+    useEffect(() => {
+        let timer;
+        switch (state) {
+            case ExtractionStates.Succeeded:
+            case ExtractionStates.Failed:
+                timer = window.setTimeout(() => setFadeOut(true), STATUS_CHECK_INTERVAL);
+        }
+        return () => window.clearTimeout(timer);
+    }, [state]);
+    switch (state) {
+        case ExtractionStates.Starting:
+            return (React.createElement(StartingExtractionState, null));
+        case ExtractionStates.Queued:
+            return (React.createElement(QueuedExtractionState, null));
+        case ExtractionStates.Running:
+            return (React.createElement(RunningExtractionState, null));
+        case ExtractionStates.Succeeded:
+            return (React.createElement(SucceededExtractionState, { animation: fadeOut, onAnimationEnd: onAnimationEnd }));
+        case ExtractionStates.Failed:
+            return (React.createElement(FailedExtractionState, { animation: fadeOut, onAnimationEnd: onAnimationEnd }));
+        default:
+            return React.createElement(React.Fragment, null);
+    }
+};
+//# sourceMappingURL=ExtractionStatus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExtractionStatus.js","sourceRoot":"","sources":["../../../../src/widget/components/ExtractionStatus.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,yBAAyB,CAAC;AACjC,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACnF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AAEvF,MAAM,CAAN,IAAY,gBAOX;AAPD,WAAY,gBAAgB;IAC1B,uDAAI,CAAA;IACJ,+DAAQ,CAAA;IACR,2DAAM,CAAA;IACN,6DAAO,CAAA;IACP,iEAAS,CAAA;IACT,2DAAM,CAAA;AACR,CAAC,EAPW,gBAAgB,KAAhB,gBAAgB,QAO3B;AAOD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,oBAAoB,GACE,EAAE,EAAE;IAC1B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEvD,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,oBAAoB,EAAE,CAAC;QACvB,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAa,CAAC;QAClB,QAAQ,KAAK,EAAE;YACb,KAAK,gBAAgB,CAAC,SAAS,CAAC;YAChC,KAAK,gBAAgB,CAAC,MAAM;gBAC1B,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,qBAAqB,CAAC,CAAC;SAC5E;QACD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,QAAQ,KAAK,EAAE;QACb,KAAK,gBAAgB,CAAC,QAAQ;YAC5B,OAAO,CAAC,oBAAC,uBAAuB,OAAG,CAAC,CAAC;QACvC,KAAK,gBAAgB,CAAC,MAAM;YAC1B,OAAO,CAAC,oBAAC,qBAAqB,OAAG,CAAC,CAAC;QACrC,KAAK,gBAAgB,CAAC,OAAO;YAC3B,OAAO,CAAC,oBAAC,sBAAsB,OAAG,CAAC,CAAC;QACtC,KAAK,gBAAgB,CAAC,SAAS;YAC7B,OAAO,CAAC,oBAAC,wBAAwB,IAC/B,SAAS,EAAE,OAAO,EAClB,cAAc,EAAE,cAAc,GAC9B,CAAC,CAAC;QACN,KAAK,gBAAgB,CAAC,MAAM;YAC1B,OAAO,CAAC,oBAAC,qBAAqB,IAC5B,SAAS,EAAE,OAAO,EAClB,cAAc,EAAE,cAAc,GAC9B,CAAC,CAAC;QACN;YACE,OAAO,yCAAK,CAAC;KAChB;AACH,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 * as React from \"react\";\nimport { useEffect, useState } from \"react\";\nimport \"./ExtractionStatus.scss\";\nimport { STATUS_CHECK_INTERVAL } from \"./Constants\";\nimport { StartingExtractionState } from \"./ExtractionStates/StartingExtractionState\";\nimport { RunningExtractionState } from \"./ExtractionStates/RunningExtractionState\";\nimport { FailedExtractionState } from \"./ExtractionStates/FailedExtractionState\";\nimport { QueuedExtractionState } from \"./ExtractionStates/QueuedExtractionState\";\nimport { SucceededExtractionState } from \"./ExtractionStates/SucceededExtractionState\";\n\nexport enum ExtractionStates {\n  None,\n  Starting,\n  Queued,\n  Running,\n  Succeeded,\n  Failed,\n}\n\ninterface ExtractionStatusProps {\n  state: ExtractionStates;\n  clearExtractionState: () => void;\n}\n\nexport const ExtractionStatus = ({\n  state,\n  clearExtractionState,\n}: ExtractionStatusProps) => {\n  const [fadeOut, setFadeOut] = useState<boolean>(false);\n\n  const onAnimationEnd = () => {\n    clearExtractionState();\n    setFadeOut(false);\n  };\n\n  useEffect(() => {\n    let timer: number;\n    switch (state) {\n      case ExtractionStates.Succeeded:\n      case ExtractionStates.Failed:\n        timer = window.setTimeout(() => setFadeOut(true), STATUS_CHECK_INTERVAL);\n    }\n    return () => window.clearTimeout(timer);\n  }, [state]);\n\n  switch (state) {\n    case ExtractionStates.Starting:\n      return (<StartingExtractionState />);\n    case ExtractionStates.Queued:\n      return (<QueuedExtractionState />);\n    case ExtractionStates.Running:\n      return (<RunningExtractionState />);\n    case ExtractionStates.Succeeded:\n      return (<SucceededExtractionState\n        animation={fadeOut}\n        onAnimationEnd={onAnimationEnd}\n      />);\n    case ExtractionStates.Failed:\n      return (<FailedExtractionState\n        animation={fadeOut}\n        onAnimationEnd={onAnimationEnd}\n      />);\n    default:\n      return <></>;\n  }\n};\n"]}

package/{src/widget/components/Extraction.scss → lib/esm/widget/components/ExtractionStatus.scss}

@@ -4,26 +4,27 @@
 *--------------------------------------------------------------------------------------------*/
 @import "~@itwin/itwinui-css/scss/variables";
 
-.extraction-container {
-  display: flex;
-  justify-content: space-between;
+.rcw-extraction-status {
   align-items: center;
-  gap: $iui-s;
-  .extraction-combo-box {
-    display: flex;
-    flex-direction: column;
-    flex-grow: 1;
-  }
-  .extraction-status-container {
+  height: 38px;
+  display: flex;
+
+  .rcw-status-icon {
+    width: $iui-icons-default;
+    height: $iui-icons-default;
+    align-items: center;
+    margin: auto $iui-xs * 3;
     display: flex;
   }
 }
 
-.extraction-status {
-  display: flex;
+.rcw-extraction-status-running {
   align-items: center;
-  margin: 0 $iui-s;
-  .status-icon {
+  height: 38px;
+  display: flex;
+  margin: auto $iui-xs * 3;
+
+  .rcw-status-icon {
     width: $iui-icons-default;
     height: $iui-icons-default;
   }
@@ -33,7 +34,8 @@
   0% {
     opacity: 1;
   }
+
   100% {
     opacity: 0;
   }
-}
+}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface SuccessfulExtractionToastProps extends ExtractionToastProps {
+    odataFeedUrl: string;
+}
+interface ExtractionToastProps {
+    iModelName: string;
+}
+export declare const SuccessfulExtractionToast: ({ iModelName, odataFeedUrl }: SuccessfulExtractionToastProps) => JSX.Element;
+export declare const FailedExtractionToast: ({ iModelName }: ExtractionToastProps) => JSX.Element;
+export {};
+//# sourceMappingURL=ExtractionToast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExtractionToast.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ExtractionToast.tsx"],"names":[],"mappings":";AAQA,UAAU,8BAA+B,SAAQ,oBAAoB;IACnE,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,oBAAoB;IAC5B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,yBAAyB,iCAAkC,8BAA8B,gBAgBrG,CAAC;AAEF,eAAO,MAAM,qBAAqB,mBAAoB,oBAAoB,gBAMzE,CAAC"}

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

@@ -0,0 +1,25 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import React from "react";
+import { Text } from "@itwin/itwinui-react";
+import { ReportsConfigWidget } from "../../ReportsConfigWidget";
+export const SuccessfulExtractionToast = ({ iModelName, odataFeedUrl }) => {
+    const onClick = async (e) => {
+        e.preventDefault();
+        await navigator.clipboard.writeText(odataFeedUrl);
+    };
+    return (React.createElement("div", null,
+        React.createElement(Text, null,
+            ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ExtractionSuccess"),
+            iModelName),
+        React.createElement("a", { href: "#", onClick: onClick }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:CopyODataUrl"))));
+};
+export const FailedExtractionToast = ({ iModelName }) => {
+    return (React.createElement("div", null,
+        React.createElement(Text, null,
+            ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ExtractionFailed"),
+            iModelName)));
+};
+//# sourceMappingURL=ExtractionToast.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExtractionToast.js","sourceRoot":"","sources":["../../../../src/widget/components/ExtractionToast.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAUhE,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EAAE,UAAU,EAAE,YAAY,EAAkC,EAAE,EAAE;IACxG,MAAM,OAAO,GAAG,KAAK,EAAE,CAAkD,EAAE,EAAE;QAC3E,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IACpD,CAAC,CAAC;IACF,OAAO,CACL;QACE,oBAAC,IAAI;YAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAAC,uCAAuC,CAAC;YAAE,UAAU,CAAQ;QACvH,2BACE,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,OAAO,IAEf,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAAC,kCAAkC,CAAC,CACtF,CACA,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,UAAU,EAAwB,EAAE,EAAE;IAC5E,OAAO,CACL;QACE,oBAAC,IAAI;YAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAAC,sCAAsC,CAAC;YAAE,UAAU,CAAQ,CAClH,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React from \"react\";\nimport { Text } from \"@itwin/itwinui-react\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\ninterface SuccessfulExtractionToastProps extends ExtractionToastProps {\n  odataFeedUrl: string;\n}\n\ninterface ExtractionToastProps {\n  iModelName: string;\n}\n\nexport const SuccessfulExtractionToast = ({ iModelName, odataFeedUrl }: SuccessfulExtractionToastProps) => {\n  const onClick = async (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n    e.preventDefault();\n    await navigator.clipboard.writeText(odataFeedUrl);\n  };\n  return (\n    <div>\n      <Text>{ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:ExtractionSuccess\")}{iModelName}</Text>\n      <a\n        href=\"#\"\n        onClick={onClick}\n      >\n        {ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:CopyODataUrl\")}\n      </a>\n    </div>\n  );\n};\n\nexport const FailedExtractionToast = ({ iModelName }: ExtractionToastProps) => {\n  return (\n    <div>\n      <Text>{ReportsConfigWidget.localization.getLocalizedString(\"ReportsConfigWidget:ExtractionFailed\")}{iModelName}</Text>\n    </div>\n  );\n};\n"]}

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

@@ -1,13 +1,14 @@
 import type { ReactNode } from "react";
+import React from "react";
 import "./HorizontalTile.scss";
-interface HorizontalTileProps {
+export interface HorizontalTileProps extends React.ComponentPropsWithoutRef<"div"> {
     title: string;
-    button: ReactNode;
-    subText?: string;
-    onClickTitle?: () => void;
-    titleTooltip?: string;
+    actionGroup: ReactNode;
+    subText: string;
+    onClickTitle?: React.MouseEventHandler;
+    titleTooltip: string;
     subtextToolTip?: string;
+    selected?: boolean;
 }
-export declare const HorizontalTile: ({ title, subText, onClickTitle, titleTooltip, subtextToolTip, button, }: HorizontalTileProps) => JSX.Element;
-export {};
+export declare const HorizontalTile: (props: HorizontalTileProps) => JSX.Element;
 //# sourceMappingURL=HorizontalTile.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalTile.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/HorizontalTile.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,uBAAuB,CAAC;AAE/B,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,cAAc,4EAOxB,mBAAmB,gBA+BrB,CAAC"}
+{"version":3,"file":"HorizontalTile.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/HorizontalTile.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,uBAAuB,CAAC;AAG/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAChF,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACvC,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,UAAW,mBAAmB,gBA+CxD,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalTile.js","sourceRoot":"","sources":["../../../../src/widget/components/HorizontalTile.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,uBAAuB,CAAC;AAW/B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,MAAM,GACc,EAAE,EAAE;IACxB,OAAO,CACL,6BACE,SAAS,EAAC,+BAA+B,iBAC7B,iBAAiB;QAE7B,6BAAK,SAAS,EAAC,MAAM;YACnB,oBAAC,IAAI,IACH,SAAS,EAAE,aAAa,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAC1D,OAAO,EAAE,YAAY,EACrB,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,YAAY,IAElB,KAAK,CACD;YACN,OAAO,IAAI,CACV,oBAAC,IAAI,IACH,SAAS,EAAC,WAAW,EACrB,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,cAAc,EACrB,OAAO,EAAC,OAAO,IAEd,OAAO,CACH,CACR,CACG;QACN,6BAAK,SAAS,EAAC,eAAe,iBAAa,oBAAoB,IAC5D,MAAM,CACH,CACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { ReactNode } from \"react\";\nimport React from \"react\";\nimport { Text } from \"@itwin/itwinui-react\";\nimport \"./HorizontalTile.scss\";\n\ninterface HorizontalTileProps {\n  title: string;\n  button: ReactNode;\n  subText?: string;\n  onClickTitle?: () => void;\n  titleTooltip?: string;\n  subtextToolTip?: string;\n}\n\nexport const HorizontalTile = ({\n  title,\n  subText,\n  onClickTitle,\n  titleTooltip,\n  subtextToolTip,\n  button,\n}: HorizontalTileProps) => {\n  return (\n    <div\n      className=\"rcw-horizontal-tile-container\"\n      data-testid=\"horizontal-tile\"\n    >\n      <div className=\"body\">\n        <Text\n          className={`body-text ${onClickTitle ? \"iui-anchor\" : \"\"}`}\n          onClick={onClickTitle}\n          variant=\"body\"\n          title={titleTooltip}\n        >\n          {title}\n        </Text>\n        {subText && (\n          <Text\n            className=\"body-text\"\n            isMuted={true}\n            title={subtextToolTip}\n            variant=\"small\"\n          >\n            {subText}\n          </Text>\n        )}\n      </div>\n      <div className=\"action-button\" data-testid=\"tile-action-button\">\n        {button}\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"HorizontalTile.js","sourceRoot":"","sources":["../../../../src/widget/components/HorizontalTile.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,uBAAuB,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAYpC,MAAM,CAAC,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,6BACE,SAAS,EAAE,UAAU,CACnB,+BAA+B,EAC/B,EAAE,8BAA8B,EAAE,QAAQ,EAAE,EAC5C,SAAS,CACV,EACD,OAAO,EAAE,IAAI,CAAC,OAAO,iBACT,iBAAiB;QAE7B,6BAAK,SAAS,EAAC,oBAAoB;YACjC,6BAAK,SAAS,EAAC,UAAU;gBACvB,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,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,oBAAC,IAAI,IAAC,SAAS,EAAC,eAAe,EAC7B,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,cAAc,EACrB,OAAO,EAAC,OAAO,IAAE,OAAO,CACnB,CAEL,CACF;QACN,6BACE,SAAS,EAAC,mBAAmB,iBACjB,oBAAoB,IAC/B,WAAW,CACR,CACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { ReactNode } from \"react\";\nimport React from \"react\";\nimport { Text } from \"@itwin/itwinui-react\";\nimport \"./HorizontalTile.scss\";\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/esm/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;
+      flex-shrink: 0;
+      display: flex;
     }
   }
-  .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/esm/widget/components/ReportAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReportAction.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ReportAction.tsx"],"names":[],"mappings":";AAcA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAKrD,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/B;AAED,QAAA,MAAM,YAAY,kCAAmC,iBAAiB,gBAqHrE,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ReportAction.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ReportAction.tsx"],"names":[],"mappings":";AAcA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAKrD,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/B;AAED,QAAA,MAAM,YAAY,kCAAmC,iBAAiB,gBAmHrE,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -55,9 +55,9 @@ const ReportAction = ({ iTwinId, report, returnFn }) => {
                 ? ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ModifyReport")
                 : ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:AddReport"), returnFn: returnFn }),
         React.createElement("div", { className: "rcw-details-form-container" },
-            React.createElement(Fieldset, { legend: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ReportDetails"), className: "details-form" },
+            React.createElement(Fieldset, { legend: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:ReportDetails"), className: "rcw-details-form" },
                 React.createElement(Small, { className: "field-legend" }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:MandatoryFields")),
-                React.createElement(LabeledInput, { id: "name", name: "name", label: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Name"), value: values.name, required: true, disabled: isLoading, onChange: (event) => {
+                React.createElement(LabeledInput, { name: "name", label: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Name"), value: values.name, required: true, disabled: isLoading, onChange: (event) => {
                         handleInputChange(event, values, setValues);
                         validator.showMessageFor("name");
                     }, message: validator.message("name", values.name, NAME_REQUIREMENTS), status: validator.message("name", values.name, NAME_REQUIREMENTS)
@@ -68,7 +68,7 @@ const ReportAction = ({ iTwinId, report, returnFn }) => {
                         handleInputChange(event, values, setValues);
                         validator.showMessageFor("name");
                     } }),
-                React.createElement(LabeledInput, { id: "description", name: "description", label: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Description"), value: values.description, onChange: (event) => {
+                React.createElement(LabeledInput, { name: "description", label: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Description"), value: values.description, onChange: (event) => {
                         handleInputChange(event, values, setValues);
                     }, disabled: isLoading }))),
         React.createElement(ActionPanel, { actionLabel: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Add"), onAction: onSave, onCancel: returnFn, isSavingDisabled: !values.name, isLoading: isLoading })));

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

@@ -1 +1 @@
-{"version":3,"file":"ReportAction.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportAction.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport { Fieldset, LabeledInput, Small } from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport ActionPanel from \"./ActionPanel\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../hooks/useValidator\";\nimport {\n  generateUrl,\n  handleError,\n  handleInputChange,\n  WidgetHeader,\n} from \"./utils\";\nimport \"./ReportAction.scss\";\nimport type { Report } from \"@itwin/insights-client\";\nimport { REPORTING_BASE_PATH, ReportsClient } from \"@itwin/insights-client\";\nimport { useReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\ninterface ReportActionProps {\n  iTwinId: string;\n  report?: Report;\n  returnFn: () => Promise<void>;\n}\n\nconst ReportAction = ({ iTwinId, report, returnFn }: ReportActionProps) => {\n  const apiConfig = useReportsApiConfig();\n  const [values, setValues] = useState({\n    name: report?.displayName ?? \"\",\n    description: report?.description ?? \"\",\n  });\n  const [validator, showValidationMessage] = useValidator();\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n\n  const onSave = async () => {\n    try {\n      if (!validator.allValid()) {\n        showValidationMessage(true);\n        return;\n      }\n      setIsLoading(true);\n      const reportsClientApi = new ReportsClient(\n        generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)\n      );\n      const accessToken = await apiConfig.getAccessToken();\n      report\n        ? await reportsClientApi.updateReport(accessToken, report.id ?? \"\", {\n          displayName: values.name,\n          description: values.description,\n        })\n        : await reportsClientApi.createReport(accessToken, {\n          displayName: values.name,\n          description: values.description,\n          projectId: iTwinId,\n        });\n      await returnFn();\n    } catch (error: any) {\n      handleError(error.status);\n      setIsLoading(false);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return (\n    <>\n      <WidgetHeader\n        title={\n          report\n            ? ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:ModifyReport\"\n            )\n            : ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:AddReport\"\n            )\n        }\n        returnFn={returnFn}\n      />\n      <div className=\"rcw-details-form-container\">\n        <Fieldset\n          legend={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:ReportDetails\"\n          )}\n          className=\"details-form\"\n        >\n          <Small className=\"field-legend\">\n            {ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:MandatoryFields\"\n            )}\n          </Small>\n          <LabeledInput\n            id=\"name\"\n            name=\"name\"\n            label={ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:Name\"\n            )}\n            value={values.name}\n            required\n            disabled={isLoading}\n            onChange={(event) => {\n              handleInputChange(event, values, setValues);\n              validator.showMessageFor(\"name\");\n            }}\n            message={validator.message(\"name\", values.name, NAME_REQUIREMENTS)}\n            status={\n              validator.message(\"name\", values.name, NAME_REQUIREMENTS)\n                ? \"negative\"\n                : undefined\n            }\n            onBlur={() => {\n              validator.showMessageFor(\"name\");\n            }}\n            onBlurCapture={(event) => {\n              handleInputChange(event, values, setValues);\n              validator.showMessageFor(\"name\");\n            }}\n          />\n          <LabeledInput\n            id=\"description\"\n            name=\"description\"\n            label={ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:Description\"\n            )}\n            value={values.description}\n            onChange={(event) => {\n              handleInputChange(event, values, setValues);\n            }}\n            disabled={isLoading}\n          />\n        </Fieldset>\n      </div>\n      <ActionPanel\n        actionLabel={ReportsConfigWidget.localization.getLocalizedString(\n          \"ReportsConfigWidget:Add\"\n        )}\n        onAction={onSave}\n        onCancel={returnFn}\n        isSavingDisabled={!values.name}\n        isLoading={isLoading}\n      />\n    </>\n  );\n};\n\nexport default ReportAction;\n"]}
+{"version":3,"file":"ReportAction.js","sourceRoot":"","sources":["../../../../src/widget/components/ReportAction.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,YAAY,EAAE,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,EACL,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,OAAO,qBAAqB,CAAC;AAE7B,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAQhE,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAqB,EAAE,EAAE;;IACxE,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC;IACxC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC;QACnC,IAAI,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,mCAAI,EAAE;QAC/B,WAAW,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,mCAAI,EAAE;KACvC,CAAC,CAAC;IACH,MAAM,CAAC,SAAS,EAAE,qBAAqB,CAAC,GAAG,YAAY,EAAE,CAAC;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE3D,MAAM,MAAM,GAAG,KAAK,IAAI,EAAE;;QACxB,IAAI;YACF,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE;gBACzB,qBAAqB,CAAC,IAAI,CAAC,CAAC;gBAC5B,OAAO;aACR;YACD,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,MAAM,gBAAgB,GAAG,IAAI,aAAa,CACxC,WAAW,CAAC,mBAAmB,EAAE,SAAS,CAAC,OAAO,CAAC,CACpD,CAAC;YACF,MAAM,WAAW,GAAG,MAAM,SAAS,CAAC,cAAc,EAAE,CAAC;YACrD,MAAM;gBACJ,CAAC,CAAC,MAAM,gBAAgB,CAAC,YAAY,CAAC,WAAW,EAAE,MAAA,MAAM,CAAC,EAAE,mCAAI,EAAE,EAAE;oBAClE,WAAW,EAAE,MAAM,CAAC,IAAI;oBACxB,WAAW,EAAE,MAAM,CAAC,WAAW;iBAChC,CAAC;gBACF,CAAC,CAAC,MAAM,gBAAgB,CAAC,YAAY,CAAC,WAAW,EAAE;oBACjD,WAAW,EAAE,MAAM,CAAC,IAAI;oBACxB,WAAW,EAAE,MAAM,CAAC,WAAW;oBAC/B,SAAS,EAAE,OAAO;iBACnB,CAAC,CAAC;YACL,MAAM,QAAQ,EAAE,CAAC;SAClB;QAAC,OAAO,KAAU,EAAE;YACnB,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAC1B,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;gBAAS;YACR,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;IACH,CAAC,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,YAAY,IACX,KAAK,EACH,MAAM;gBACJ,CAAC,CAAC,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACnD,kCAAkC,CACnC;gBACD,CAAC,CAAC,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACnD,+BAA+B,CAChC,EAEL,QAAQ,EAAE,QAAQ,GAClB;QACF,6BAAK,SAAS,EAAC,4BAA4B;YACzC,oBAAC,QAAQ,IACP,MAAM,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACzD,mCAAmC,CACpC,EACD,SAAS,EAAC,kBAAkB;gBAE5B,oBAAC,KAAK,IAAC,SAAS,EAAC,cAAc,IAC5B,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAClD,qCAAqC,CACtC,CACK;gBACR,oBAAC,YAAY,IACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACxD,0BAA0B,CAC3B,EACD,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,QAAQ,QACR,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;wBAC5C,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;oBACnC,CAAC,EACD,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,iBAAiB,CAAC,EAClE,MAAM,EACJ,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,iBAAiB,CAAC;wBACvD,CAAC,CAAC,UAAU;wBACZ,CAAC,CAAC,SAAS,EAEf,MAAM,EAAE,GAAG,EAAE;wBACX,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;oBACnC,CAAC,EACD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;wBACvB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;wBAC5C,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;oBACnC,CAAC,GACD;gBACF,oBAAC,YAAY,IACX,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CACxD,iCAAiC,CAClC,EACD,KAAK,EAAE,MAAM,CAAC,WAAW,EACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;oBAC9C,CAAC,EACD,QAAQ,EAAE,SAAS,GACnB,CACO,CACP;QACN,oBAAC,WAAW,IACV,WAAW,EAAE,mBAAmB,CAAC,YAAY,CAAC,kBAAkB,CAC9D,yBAAyB,CAC1B,EACD,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,CAAC,MAAM,CAAC,IAAI,EAC9B,SAAS,EAAE,SAAS,GACpB,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,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 { Fieldset, LabeledInput, Small } from \"@itwin/itwinui-react\";\nimport React, { useState } from \"react\";\nimport ActionPanel from \"./ActionPanel\";\nimport useValidator, { NAME_REQUIREMENTS } from \"../hooks/useValidator\";\nimport {\n  generateUrl,\n  handleError,\n  handleInputChange,\n  WidgetHeader,\n} from \"./utils\";\nimport \"./ReportAction.scss\";\nimport type { Report } from \"@itwin/insights-client\";\nimport { REPORTING_BASE_PATH, ReportsClient } from \"@itwin/insights-client\";\nimport { useReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\ninterface ReportActionProps {\n  iTwinId: string;\n  report?: Report;\n  returnFn: () => Promise<void>;\n}\n\nconst ReportAction = ({ iTwinId, report, returnFn }: ReportActionProps) => {\n  const apiConfig = useReportsApiConfig();\n  const [values, setValues] = useState({\n    name: report?.displayName ?? \"\",\n    description: report?.description ?? \"\",\n  });\n  const [validator, showValidationMessage] = useValidator();\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n\n  const onSave = async () => {\n    try {\n      if (!validator.allValid()) {\n        showValidationMessage(true);\n        return;\n      }\n      setIsLoading(true);\n      const reportsClientApi = new ReportsClient(\n        generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)\n      );\n      const accessToken = await apiConfig.getAccessToken();\n      report\n        ? await reportsClientApi.updateReport(accessToken, report.id ?? \"\", {\n          displayName: values.name,\n          description: values.description,\n        })\n        : await reportsClientApi.createReport(accessToken, {\n          displayName: values.name,\n          description: values.description,\n          projectId: iTwinId,\n        });\n      await returnFn();\n    } catch (error: any) {\n      handleError(error.status);\n      setIsLoading(false);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return (\n    <>\n      <WidgetHeader\n        title={\n          report\n            ? ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:ModifyReport\"\n            )\n            : ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:AddReport\"\n            )\n        }\n        returnFn={returnFn}\n      />\n      <div className=\"rcw-details-form-container\">\n        <Fieldset\n          legend={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:ReportDetails\"\n          )}\n          className=\"rcw-details-form\"\n        >\n          <Small className=\"field-legend\">\n            {ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:MandatoryFields\"\n            )}\n          </Small>\n          <LabeledInput\n            name=\"name\"\n            label={ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:Name\"\n            )}\n            value={values.name}\n            required\n            disabled={isLoading}\n            onChange={(event) => {\n              handleInputChange(event, values, setValues);\n              validator.showMessageFor(\"name\");\n            }}\n            message={validator.message(\"name\", values.name, NAME_REQUIREMENTS)}\n            status={\n              validator.message(\"name\", values.name, NAME_REQUIREMENTS)\n                ? \"negative\"\n                : undefined\n            }\n            onBlur={() => {\n              validator.showMessageFor(\"name\");\n            }}\n            onBlurCapture={(event) => {\n              handleInputChange(event, values, setValues);\n              validator.showMessageFor(\"name\");\n            }}\n          />\n          <LabeledInput\n            name=\"description\"\n            label={ReportsConfigWidget.localization.getLocalizedString(\n              \"ReportsConfigWidget:Description\"\n            )}\n            value={values.description}\n            onChange={(event) => {\n              handleInputChange(event, values, setValues);\n            }}\n            disabled={isLoading}\n          />\n        </Fieldset>\n      </div>\n      <ActionPanel\n        actionLabel={ReportsConfigWidget.localization.getLocalizedString(\n          \"ReportsConfigWidget:Add\"\n        )}\n        onAction={onSave}\n        onCancel={returnFn}\n        isSavingDisabled={!values.name}\n        isLoading={isLoading}\n      />\n    </>\n  );\n};\n\nexport default ReportAction;\n"]}

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

@@ -8,9 +8,9 @@
   overflow-x: auto;
   height: 100%;
 
-  .details-form {
+  .rcw-details-form {
     display: flex;
     flex-direction: column;
     gap: $iui-baseline;
   }
-}
+}

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

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

@@ -0,0 +1,64 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import { useEffect, useRef, useState } from "react";
+import React from "react";
+import { ExtractionStates, ExtractionStatus } from "./ExtractionStatus";
+import { STATUS_CHECK_INTERVAL } from "./Constants";
+import { ReportsConfigWidget } from "../../ReportsConfigWidget";
+import { DropdownMenu, IconButton, MenuItem, } from "@itwin/itwinui-react";
+import { SvgDelete, SvgEdit, SvgMore, } from "@itwin/itwinui-icons-react";
+import { HorizontalTile } from "./HorizontalTile";
+export const ReportHorizontalTile = (props) => {
+    var _a, _b;
+    const [jobStarted, setJobStarted] = useState(false);
+    const [extractionState, setExtractionState] = useState(ExtractionStates.None);
+    const interval = useRef();
+    useEffect(() => {
+        const listener = (startedReportId) => {
+            if (startedReportId === props.report.id) {
+                setExtractionState(ExtractionStates.Starting);
+                setJobStarted(true);
+            }
+        };
+        props.jobStartEvent.addListener(listener);
+        return () => {
+            props.jobStartEvent.removeListener(listener);
+        };
+    }, [props.jobStartEvent, props.report.id]);
+    useEffect(() => {
+        if (jobStarted) {
+            window.clearInterval(interval.current);
+            interval.current = window.setInterval(async () => {
+                const state = await props.bulkExtractor.getReportState(props.report.id);
+                if (state) {
+                    setExtractionState(state);
+                    if (state === ExtractionStates.Failed || state === ExtractionStates.Succeeded) {
+                        setJobStarted(false);
+                    }
+                }
+            }, 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.createElement(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 === ExtractionStates.None ? (React.createElement("div", { className: "rcw-action-button", "data-testid": "tile-action-button" },
+            React.createElement(DropdownMenu, { menuItems: (close) => [
+                    React.createElement(MenuItem, { key: 0, onClick: props.onClickModify, icon: React.createElement(SvgEdit, null) }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Modify")),
+                    React.createElement(MenuItem, { key: 1, onClick: () => {
+                            props.onClickDelete();
+                            close();
+                        }, icon: React.createElement(SvgDelete, null) }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Remove")),
+                ] },
+                React.createElement(IconButton, { styleType: "borderless" },
+                    React.createElement(SvgMore, null))))) : (React.createElement(ExtractionStatus, { state: extractionState, clearExtractionState: () => {
+                setExtractionState(ExtractionStates.None);
+            } })) }));
+};
+//# sourceMappingURL=ReportHorizontalTile.js.map

package/lib/esm/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 = 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}\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            setExtractionState(ExtractionStates.None);\n          }}\n        ></ExtractionStatus>\n      )}\n    ></HorizontalTile>\n  );\n};\n"]}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type BulkExtractor from "./BulkExtractor";
+import type { BeEvent } from "@itwin/core-bentley";
+import type { ReportMappingAndMapping } from "./ReportMappings";
+export interface ReportMappingHorizontalTileProps {
+    jobStartEvent: BeEvent<(iModelId: string) => void>;
+    mapping: ReportMappingAndMapping;
+    onClickDelete: () => void;
+    bulkExtractor: BulkExtractor;
+    odataFeedUrl: string;
+}
+export declare const ReportMappingHorizontalTile: (props: ReportMappingHorizontalTileProps) => JSX.Element;
+//# sourceMappingURL=ReportMappingHorizontalTile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReportMappingHorizontalTile.d.ts","sourceRoot":"","sources":["../../../../src/widget/components/ReportMappingHorizontalTile.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAEjD,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,gBAoGlF,CAAC"}