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

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

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

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

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

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

@@ -1,190 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Extraction = exports.ExtractionStatus = exports.ExtractionStates = exports.REFRESH_DELAY = void 0;
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const React = __importStar(require("react"));
-const react_1 = require("react");
-const insights_client_1 = require("@itwin/insights-client");
-const utils_1 = require("./utils");
-require("./Extraction.scss");
-const itwinui_icons_color_react_1 = require("@itwin/itwinui-icons-color-react");
-const ReportsApiConfigContext_1 = require("../context/ReportsApiConfigContext");
-const ReportsConfigWidget_1 = require("../../ReportsConfigWidget");
-exports.REFRESH_DELAY = 2000;
-var ExtractionStates;
-(function (ExtractionStates) {
-    ExtractionStates[ExtractionStates["None"] = 0] = "None";
-    ExtractionStates[ExtractionStates["Starting"] = 1] = "Starting";
-    ExtractionStates[ExtractionStates["FetchingUpdate"] = 2] = "FetchingUpdate";
-    ExtractionStates[ExtractionStates["Queued"] = 3] = "Queued";
-    ExtractionStates[ExtractionStates["Running"] = 4] = "Running";
-    ExtractionStates[ExtractionStates["Succeeded"] = 5] = "Succeeded";
-    ExtractionStates[ExtractionStates["Failed"] = 6] = "Failed";
-})(ExtractionStates = exports.ExtractionStates || (exports.ExtractionStates = {}));
-const ExtractionStatus = ({ state, children, setExtractionState, }) => {
-    const [fadeOut, setFadeOut] = react_1.useState(false);
-    const onAnimationEnd = () => {
-        if (setExtractionState) {
-            setExtractionState(ExtractionStates.None);
-            setFadeOut(false);
-        }
-    };
-    react_1.useEffect(() => {
-        let timer;
-        switch (state) {
-            case ExtractionStates.Succeeded:
-            case ExtractionStates.Failed:
-                timer = window.setTimeout(() => setFadeOut(true), 5000);
-        }
-        return () => clearTimeout(timer);
-    }, [state, setExtractionState]);
-    switch (state) {
-        case ExtractionStates.Starting:
-            return (React.createElement("div", { title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Starting"), className: "extraction-status" },
-                React.createElement("div", { className: "status-icon" },
-                    React.createElement(itwinui_icons_color_react_1.SvgStatusPendingHollow, null))));
-        case ExtractionStates.FetchingUpdate:
-            return (React.createElement("div", { title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Loading"), className: "extraction-status" },
-                React.createElement(itwinui_react_1.ProgressRadial, { size: "x-small", indeterminate: true })));
-        case ExtractionStates.Queued:
-            return (React.createElement("div", { title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Queued"), className: "extraction-status" },
-                React.createElement("div", { className: "status-icon" },
-                    React.createElement(itwinui_icons_color_react_1.SvgStatusPending, null))));
-        case ExtractionStates.Running:
-            return (React.createElement("div", { title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Running"), className: "extraction-status" },
-                React.createElement(itwinui_react_1.ProgressRadial, { size: "x-small", indeterminate: true })));
-        case ExtractionStates.Succeeded:
-            return (React.createElement("div", { title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Success"), className: "extraction-status" },
-                React.createElement("div", { className: `status-icon`, style: {
-                        animationName: fadeOut ? "rcw-fade-out" : "",
-                        animationDelay: "5s",
-                        animationDuration: "1s",
-                    }, onAnimationEnd: onAnimationEnd },
-                    React.createElement(itwinui_icons_color_react_1.SvgStatusSuccess, null))));
-        case ExtractionStates.Failed:
-            return (React.createElement("div", { title: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Failed"), className: "extraction-status" },
-                React.createElement("div", { className: `status-icon`, style: {
-                        animationName: fadeOut ? "rcw-fade-out" : "",
-                        animationDelay: "5s",
-                        animationDuration: "1s",
-                    }, onAnimationEnd: onAnimationEnd },
-                    React.createElement(itwinui_icons_color_react_1.SvgStatusError, null))));
-        default:
-            return React.createElement(React.Fragment, null, children);
-    }
-};
-exports.ExtractionStatus = ExtractionStatus;
-const Extraction = ({ iModels, setExtractingIModelId, extractionState, setExtractionState, isLoading, }) => {
-    const jobId = react_1.useRef("");
-    const intervalId = react_1.useRef();
-    const [isRunning, setIsRunning] = react_1.useState(false);
-    const [currentIModelId, setCurrentIModelId] = react_1.useState();
-    const apiConfig = ReportsApiConfigContext_1.useReportsApiConfig();
-    const runExtraction = async (iModelId) => {
-        try {
-            setExtractionState(ExtractionStates.Starting);
-            setExtractingIModelId(iModelId);
-            const extractionClientApi = new insights_client_1.ExtractionClient(utils_1.generateUrl(insights_client_1.REPORTING_BASE_PATH, apiConfig.baseUrl));
-            const accessToken = await apiConfig.getAccessToken();
-            const response = await extractionClientApi.runExtraction(accessToken, iModelId);
-            jobId.current = response.id;
-            setIsRunning(true);
-            setExtractionState(ExtractionStates.FetchingUpdate);
-        }
-        catch (error) {
-            utils_1.handleError(error.status);
-            setExtractionState(ExtractionStates.Failed);
-            setIsRunning(false);
-            setCurrentIModelId(undefined);
-        }
-    };
-    react_1.useEffect(() => {
-        if (!intervalId.current && isRunning) {
-            const newIntervalId = window.setInterval(async () => {
-                const extractionClientApi = new insights_client_1.ExtractionClient(utils_1.generateUrl(insights_client_1.REPORTING_BASE_PATH, apiConfig.baseUrl));
-                const accessToken = await apiConfig.getAccessToken();
-                const response = await extractionClientApi.getExtractionStatus(accessToken, jobId.current);
-                if (response.state === "Queued") {
-                    setExtractionState(ExtractionStates.Queued);
-                }
-                else if (response.state === "Running") {
-                    setExtractionState(ExtractionStates.Running);
-                }
-                else if (response.state === "Succeeded") {
-                    setExtractionState(ExtractionStates.Succeeded);
-                    setIsRunning(false);
-                    setCurrentIModelId(undefined);
-                }
-                else if (response.state === "Failed") {
-                    setExtractionState(ExtractionStates.Failed);
-                    setIsRunning(false);
-                    setCurrentIModelId(undefined);
-                }
-            }, exports.REFRESH_DELAY);
-            intervalId.current = newIntervalId;
-        }
-        else if (intervalId && !isRunning) {
-            window.clearInterval(intervalId.current);
-            intervalId.current = undefined;
-        }
-        return () => window.clearInterval(intervalId.current);
-    }, [apiConfig, isRunning, jobId, setExtractionState]);
-    const iModelOptions = react_1.useMemo(() => {
-        const newIModelOptions = [];
-        for (const [iModelId, iModelName] of iModels.entries()) {
-            newIModelOptions.push({
-                label: iModelName,
-                value: iModelId,
-                key: iModelId,
-                disabled: extractionState !== ExtractionStates.None,
-            });
-        }
-        return newIModelOptions;
-    }, [iModels, extractionState]);
-    return (React.createElement("div", { className: "extraction-container" },
-        React.createElement("div", { className: "extraction-combo-box", "data-testid": "extraction-combo-box" },
-            React.createElement(itwinui_react_1.Label, { htmlFor: "combo-input" }, ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateDataset")),
-            isLoading ? (React.createElement(utils_1.SkeletonBlock, null)) : (React.createElement(itwinui_react_1.ComboBox, { options: iModelOptions, value: currentIModelId, onChange: async (value) => {
-                    setCurrentIModelId(value);
-                    value && await runExtraction(value);
-                }, inputProps: {
-                    id: "combo-input",
-                    placeholder: ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:SelectIModel"),
-                }, message: extractionState !== ExtractionStates.None && (React.createElement(itwinui_react_1.StatusMessage, null,
-                    React.createElement("div", { className: "extraction-status-container" },
-                        React.createElement(exports.ExtractionStatus, { state: extractionState, setExtractionState: setExtractionState }),
-                        (() => {
-                            switch (extractionState) {
-                                case ExtractionStates.Succeeded: {
-                                    return ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Success");
-                                }
-                                case ExtractionStates.Failed: {
-                                    return ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Failed");
-                                }
-                                default: {
-                                    return ReportsConfigWidget_1.ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateInProgress");
-                                }
-                            }
-                        })()))) })))));
-};
-exports.Extraction = Extraction;
-//# sourceMappingURL=Extraction.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Extraction.js","sourceRoot":"","sources":["../../../../src/widget/components/Extraction.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport {\n  ComboBox,\n  Label,\n  ProgressRadial,\n  StatusMessage,\n} from \"@itwin/itwinui-react\";\nimport * as React from \"react\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { ExtractionClient, REPORTING_BASE_PATH } from \"@itwin/insights-client\";\nimport { generateUrl, handleError, SkeletonBlock } from \"./utils\";\nimport \"./Extraction.scss\";\nimport {\n  SvgStatusError,\n  SvgStatusPending,\n  SvgStatusPendingHollow,\n  SvgStatusSuccess,\n} from \"@itwin/itwinui-icons-color-react\";\nimport { useReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\nexport const REFRESH_DELAY = 2000;\n\nexport enum ExtractionStates {\n  None,\n  Starting,\n  FetchingUpdate,\n  Queued,\n  Running,\n  Succeeded,\n  Failed,\n}\ninterface ExtractionStatusProps {\n  state: ExtractionStates;\n  setExtractionState?: React.Dispatch<React.SetStateAction<ExtractionStates>>;\n  children?: React.ReactNode;\n}\n\nexport const ExtractionStatus = ({\n  state,\n  children,\n  setExtractionState,\n}: ExtractionStatusProps) => {\n  const [fadeOut, setFadeOut] = useState<boolean>(false);\n\n  const onAnimationEnd = () => {\n    if (setExtractionState) {\n      setExtractionState(ExtractionStates.None);\n      setFadeOut(false);\n    }\n  };\n\n  useEffect(() => {\n    let timer: number;\n    switch (state) {\n      case ExtractionStates.Succeeded:\n      case ExtractionStates.Failed:\n        timer = window.setTimeout(() => setFadeOut(true), 5000);\n    }\n    return () => clearTimeout(timer);\n  }, [state, setExtractionState]);\n\n  switch (state) {\n    case ExtractionStates.Starting:\n      return (\n        <div\n          title={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Starting\"\n          )}\n          className=\"extraction-status\"\n        >\n          <div className=\"status-icon\">\n            <SvgStatusPendingHollow />\n          </div>\n        </div>\n      );\n    case ExtractionStates.FetchingUpdate:\n      return (\n        <div\n          title={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Loading\"\n          )}\n          className=\"extraction-status\"\n        >\n          <ProgressRadial size=\"x-small\" indeterminate />\n        </div>\n      );\n    case ExtractionStates.Queued:\n      return (\n        <div\n          title={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Queued\"\n          )}\n          className=\"extraction-status\"\n        >\n          <div className=\"status-icon\">\n            <SvgStatusPending />\n          </div>\n        </div>\n      );\n    case ExtractionStates.Running:\n      return (\n        <div\n          title={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Running\"\n          )}\n          className=\"extraction-status\"\n        >\n          <ProgressRadial size=\"x-small\" indeterminate />\n        </div>\n      );\n    case ExtractionStates.Succeeded:\n      return (\n        <div\n          title={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Success\"\n          )}\n          className=\"extraction-status\"\n        >\n          <div\n            className={`status-icon`}\n            style={{\n              animationName: fadeOut ? \"rcw-fade-out\" : \"\",\n              animationDelay: \"5s\",\n              animationDuration: \"1s\",\n            }}\n            onAnimationEnd={onAnimationEnd}\n          >\n            <SvgStatusSuccess />\n          </div>\n        </div>\n      );\n    case ExtractionStates.Failed:\n      return (\n        <div\n          title={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Failed\"\n          )}\n          className=\"extraction-status\"\n        >\n          <div\n            className={`status-icon`}\n            style={{\n              animationName: fadeOut ? \"rcw-fade-out\" : \"\",\n              animationDelay: \"5s\",\n              animationDuration: \"1s\",\n            }}\n            onAnimationEnd={onAnimationEnd}\n          >\n            <SvgStatusError />\n          </div>\n        </div>\n      );\n    default:\n      return <>{children}</>;\n  }\n};\n\ninterface ExtractionProps {\n  iModels: Map<string, string>;\n  setExtractingIModelId: React.Dispatch<React.SetStateAction<string>>;\n  extractionState: ExtractionStates;\n  setExtractionState: React.Dispatch<React.SetStateAction<ExtractionStates>>;\n  isLoading: boolean;\n}\n\nexport const Extraction = ({\n  iModels,\n  setExtractingIModelId,\n  extractionState,\n  setExtractionState,\n  isLoading,\n}: ExtractionProps) => {\n  const jobId = useRef<string>(\"\");\n  const intervalId = useRef<number>();\n  const [isRunning, setIsRunning] = useState<boolean>(false);\n  const [currentIModelId, setCurrentIModelId] = useState<string>();\n  const apiConfig = useReportsApiConfig();\n\n  const runExtraction = async (iModelId: string) => {\n    try {\n      setExtractionState(ExtractionStates.Starting);\n      setExtractingIModelId(iModelId);\n      const extractionClientApi = new ExtractionClient(\n        generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)\n      );\n      const accessToken = await apiConfig.getAccessToken();\n      const response = await extractionClientApi.runExtraction(\n        accessToken,\n        iModelId\n      );\n      jobId.current = response.id;\n      setIsRunning(true);\n      setExtractionState(ExtractionStates.FetchingUpdate);\n    } catch (error: any) {\n      handleError(error.status);\n      setExtractionState(ExtractionStates.Failed);\n      setIsRunning(false);\n      setCurrentIModelId(undefined);\n    }\n  };\n\n  useEffect(() => {\n    if (!intervalId.current && isRunning) {\n      const newIntervalId = window.setInterval(async () => {\n        const extractionClientApi = new ExtractionClient(\n          generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)\n        );\n        const accessToken = await apiConfig.getAccessToken();\n        const response = await extractionClientApi.getExtractionStatus(\n          accessToken,\n          jobId.current\n        );\n        if (response.state === \"Queued\") {\n          setExtractionState(ExtractionStates.Queued);\n        } else if (response.state === \"Running\") {\n          setExtractionState(ExtractionStates.Running);\n        } else if (response.state === \"Succeeded\") {\n          setExtractionState(ExtractionStates.Succeeded);\n          setIsRunning(false);\n          setCurrentIModelId(undefined);\n        } else if (response.state === \"Failed\") {\n          setExtractionState(ExtractionStates.Failed);\n          setIsRunning(false);\n          setCurrentIModelId(undefined);\n        }\n      }, REFRESH_DELAY);\n      intervalId.current = newIntervalId;\n    } else if (intervalId && !isRunning) {\n      window.clearInterval(intervalId.current);\n      intervalId.current = undefined;\n    }\n    return () => window.clearInterval(intervalId.current);\n  }, [apiConfig, isRunning, jobId, setExtractionState]);\n\n  const iModelOptions = useMemo(() => {\n    const newIModelOptions: SelectOption<string>[] = [];\n\n    for (const [iModelId, iModelName] of iModels.entries()) {\n      newIModelOptions.push({\n        label: iModelName,\n        value: iModelId,\n        key: iModelId,\n        disabled: extractionState !== ExtractionStates.None,\n      });\n    }\n\n    return newIModelOptions;\n  }, [iModels, extractionState]);\n\n  return (\n    <div className=\"extraction-container\">\n      <div className=\"extraction-combo-box\" data-testid=\"extraction-combo-box\">\n        <Label htmlFor=\"combo-input\">\n          {ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:UpdateDataset\"\n          )}\n        </Label>\n        {isLoading ? (\n          <SkeletonBlock />\n        ) : (\n          <ComboBox\n            options={iModelOptions}\n            value={currentIModelId}\n            onChange={async (value) => {\n              setCurrentIModelId(value);\n              value && await runExtraction(value);\n            }}\n            inputProps={{\n              id: \"combo-input\",\n              placeholder: ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:SelectIModel\"\n              ),\n            }}\n            message={\n              extractionState !== ExtractionStates.None && (\n                <StatusMessage>\n                  <div className=\"extraction-status-container\">\n                    <ExtractionStatus\n                      state={extractionState}\n                      setExtractionState={setExtractionState}\n                    />\n                    {(() => {\n                      switch (extractionState) {\n                        case ExtractionStates.Succeeded: {\n                          return ReportsConfigWidget.localization.getLocalizedString(\n                            \"ReportsConfigWidget:Success\"\n                          );\n                        }\n                        case ExtractionStates.Failed: {\n                          return ReportsConfigWidget.localization.getLocalizedString(\n                            \"ReportsConfigWidget:Failed\"\n                          );\n                        }\n                        default: {\n                          return ReportsConfigWidget.localization.getLocalizedString(\n                            \"ReportsConfigWidget:UpdateInProgress\"\n                          );\n                        }\n                      }\n                    })()}\n                  </div>\n                </StatusMessage>\n              )\n            }\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"]}

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

@@ -1,39 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/itwinui-css/scss/variables";
-
-.extraction-container {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: $iui-s;
-  .extraction-combo-box {
-    display: flex;
-    flex-direction: column;
-    flex-grow: 1;
-  }
-  .extraction-status-container {
-    display: flex;
-  }
-}
-
-.extraction-status {
-  display: flex;
-  align-items: center;
-  margin: 0 $iui-s;
-  .status-icon {
-    width: $iui-icons-default;
-    height: $iui-icons-default;
-  }
-}
-
-@keyframes rcw-fade-out {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}

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

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

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

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

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

@@ -1,166 +0,0 @@
-import { ComboBox, Label, ProgressRadial, StatusMessage, } from "@itwin/itwinui-react";
-import * as React from "react";
-import { useEffect, useMemo, useRef, useState } from "react";
-import { ExtractionClient, REPORTING_BASE_PATH } from "@itwin/insights-client";
-import { generateUrl, handleError, SkeletonBlock } from "./utils";
-import "./Extraction.scss";
-import { SvgStatusError, SvgStatusPending, SvgStatusPendingHollow, SvgStatusSuccess, } from "@itwin/itwinui-icons-color-react";
-import { useReportsApiConfig } from "../context/ReportsApiConfigContext";
-import { ReportsConfigWidget } from "../../ReportsConfigWidget";
-export const REFRESH_DELAY = 2000;
-export var ExtractionStates;
-(function (ExtractionStates) {
-    ExtractionStates[ExtractionStates["None"] = 0] = "None";
-    ExtractionStates[ExtractionStates["Starting"] = 1] = "Starting";
-    ExtractionStates[ExtractionStates["FetchingUpdate"] = 2] = "FetchingUpdate";
-    ExtractionStates[ExtractionStates["Queued"] = 3] = "Queued";
-    ExtractionStates[ExtractionStates["Running"] = 4] = "Running";
-    ExtractionStates[ExtractionStates["Succeeded"] = 5] = "Succeeded";
-    ExtractionStates[ExtractionStates["Failed"] = 6] = "Failed";
-})(ExtractionStates || (ExtractionStates = {}));
-export const ExtractionStatus = ({ state, children, setExtractionState, }) => {
-    const [fadeOut, setFadeOut] = useState(false);
-    const onAnimationEnd = () => {
-        if (setExtractionState) {
-            setExtractionState(ExtractionStates.None);
-            setFadeOut(false);
-        }
-    };
-    useEffect(() => {
-        let timer;
-        switch (state) {
-            case ExtractionStates.Succeeded:
-            case ExtractionStates.Failed:
-                timer = window.setTimeout(() => setFadeOut(true), 5000);
-        }
-        return () => clearTimeout(timer);
-    }, [state, setExtractionState]);
-    switch (state) {
-        case ExtractionStates.Starting:
-            return (React.createElement("div", { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Starting"), className: "extraction-status" },
-                React.createElement("div", { className: "status-icon" },
-                    React.createElement(SvgStatusPendingHollow, null))));
-        case ExtractionStates.FetchingUpdate:
-            return (React.createElement("div", { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Loading"), className: "extraction-status" },
-                React.createElement(ProgressRadial, { size: "x-small", indeterminate: true })));
-        case ExtractionStates.Queued:
-            return (React.createElement("div", { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Queued"), className: "extraction-status" },
-                React.createElement("div", { className: "status-icon" },
-                    React.createElement(SvgStatusPending, null))));
-        case ExtractionStates.Running:
-            return (React.createElement("div", { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Running"), className: "extraction-status" },
-                React.createElement(ProgressRadial, { size: "x-small", indeterminate: true })));
-        case ExtractionStates.Succeeded:
-            return (React.createElement("div", { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Success"), className: "extraction-status" },
-                React.createElement("div", { className: `status-icon`, style: {
-                        animationName: fadeOut ? "rcw-fade-out" : "",
-                        animationDelay: "5s",
-                        animationDuration: "1s",
-                    }, onAnimationEnd: onAnimationEnd },
-                    React.createElement(SvgStatusSuccess, null))));
-        case ExtractionStates.Failed:
-            return (React.createElement("div", { title: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Failed"), className: "extraction-status" },
-                React.createElement("div", { className: `status-icon`, style: {
-                        animationName: fadeOut ? "rcw-fade-out" : "",
-                        animationDelay: "5s",
-                        animationDuration: "1s",
-                    }, onAnimationEnd: onAnimationEnd },
-                    React.createElement(SvgStatusError, null))));
-        default:
-            return React.createElement(React.Fragment, null, children);
-    }
-};
-export const Extraction = ({ iModels, setExtractingIModelId, extractionState, setExtractionState, isLoading, }) => {
-    const jobId = useRef("");
-    const intervalId = useRef();
-    const [isRunning, setIsRunning] = useState(false);
-    const [currentIModelId, setCurrentIModelId] = useState();
-    const apiConfig = useReportsApiConfig();
-    const runExtraction = async (iModelId) => {
-        try {
-            setExtractionState(ExtractionStates.Starting);
-            setExtractingIModelId(iModelId);
-            const extractionClientApi = new ExtractionClient(generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl));
-            const accessToken = await apiConfig.getAccessToken();
-            const response = await extractionClientApi.runExtraction(accessToken, iModelId);
-            jobId.current = response.id;
-            setIsRunning(true);
-            setExtractionState(ExtractionStates.FetchingUpdate);
-        }
-        catch (error) {
-            handleError(error.status);
-            setExtractionState(ExtractionStates.Failed);
-            setIsRunning(false);
-            setCurrentIModelId(undefined);
-        }
-    };
-    useEffect(() => {
-        if (!intervalId.current && isRunning) {
-            const newIntervalId = window.setInterval(async () => {
-                const extractionClientApi = new ExtractionClient(generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl));
-                const accessToken = await apiConfig.getAccessToken();
-                const response = await extractionClientApi.getExtractionStatus(accessToken, jobId.current);
-                if (response.state === "Queued") {
-                    setExtractionState(ExtractionStates.Queued);
-                }
-                else if (response.state === "Running") {
-                    setExtractionState(ExtractionStates.Running);
-                }
-                else if (response.state === "Succeeded") {
-                    setExtractionState(ExtractionStates.Succeeded);
-                    setIsRunning(false);
-                    setCurrentIModelId(undefined);
-                }
-                else if (response.state === "Failed") {
-                    setExtractionState(ExtractionStates.Failed);
-                    setIsRunning(false);
-                    setCurrentIModelId(undefined);
-                }
-            }, REFRESH_DELAY);
-            intervalId.current = newIntervalId;
-        }
-        else if (intervalId && !isRunning) {
-            window.clearInterval(intervalId.current);
-            intervalId.current = undefined;
-        }
-        return () => window.clearInterval(intervalId.current);
-    }, [apiConfig, isRunning, jobId, setExtractionState]);
-    const iModelOptions = useMemo(() => {
-        const newIModelOptions = [];
-        for (const [iModelId, iModelName] of iModels.entries()) {
-            newIModelOptions.push({
-                label: iModelName,
-                value: iModelId,
-                key: iModelId,
-                disabled: extractionState !== ExtractionStates.None,
-            });
-        }
-        return newIModelOptions;
-    }, [iModels, extractionState]);
-    return (React.createElement("div", { className: "extraction-container" },
-        React.createElement("div", { className: "extraction-combo-box", "data-testid": "extraction-combo-box" },
-            React.createElement(Label, { htmlFor: "combo-input" }, ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateDataset")),
-            isLoading ? (React.createElement(SkeletonBlock, null)) : (React.createElement(ComboBox, { options: iModelOptions, value: currentIModelId, onChange: async (value) => {
-                    setCurrentIModelId(value);
-                    value && await runExtraction(value);
-                }, inputProps: {
-                    id: "combo-input",
-                    placeholder: ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:SelectIModel"),
-                }, message: extractionState !== ExtractionStates.None && (React.createElement(StatusMessage, null,
-                    React.createElement("div", { className: "extraction-status-container" },
-                        React.createElement(ExtractionStatus, { state: extractionState, setExtractionState: setExtractionState }),
-                        (() => {
-                            switch (extractionState) {
-                                case ExtractionStates.Succeeded: {
-                                    return ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Success");
-                                }
-                                case ExtractionStates.Failed: {
-                                    return ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:Failed");
-                                }
-                                default: {
-                                    return ReportsConfigWidget.localization.getLocalizedString("ReportsConfigWidget:UpdateInProgress");
-                                }
-                            }
-                        })()))) })))));
-};
-//# sourceMappingURL=Extraction.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Extraction.js","sourceRoot":"","sources":["../../../../src/widget/components/Extraction.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport {\n  ComboBox,\n  Label,\n  ProgressRadial,\n  StatusMessage,\n} from \"@itwin/itwinui-react\";\nimport * as React from \"react\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { ExtractionClient, REPORTING_BASE_PATH } from \"@itwin/insights-client\";\nimport { generateUrl, handleError, SkeletonBlock } from \"./utils\";\nimport \"./Extraction.scss\";\nimport {\n  SvgStatusError,\n  SvgStatusPending,\n  SvgStatusPendingHollow,\n  SvgStatusSuccess,\n} from \"@itwin/itwinui-icons-color-react\";\nimport { useReportsApiConfig } from \"../context/ReportsApiConfigContext\";\nimport { ReportsConfigWidget } from \"../../ReportsConfigWidget\";\n\nexport const REFRESH_DELAY = 2000;\n\nexport enum ExtractionStates {\n  None,\n  Starting,\n  FetchingUpdate,\n  Queued,\n  Running,\n  Succeeded,\n  Failed,\n}\ninterface ExtractionStatusProps {\n  state: ExtractionStates;\n  setExtractionState?: React.Dispatch<React.SetStateAction<ExtractionStates>>;\n  children?: React.ReactNode;\n}\n\nexport const ExtractionStatus = ({\n  state,\n  children,\n  setExtractionState,\n}: ExtractionStatusProps) => {\n  const [fadeOut, setFadeOut] = useState<boolean>(false);\n\n  const onAnimationEnd = () => {\n    if (setExtractionState) {\n      setExtractionState(ExtractionStates.None);\n      setFadeOut(false);\n    }\n  };\n\n  useEffect(() => {\n    let timer: number;\n    switch (state) {\n      case ExtractionStates.Succeeded:\n      case ExtractionStates.Failed:\n        timer = window.setTimeout(() => setFadeOut(true), 5000);\n    }\n    return () => clearTimeout(timer);\n  }, [state, setExtractionState]);\n\n  switch (state) {\n    case ExtractionStates.Starting:\n      return (\n        <div\n          title={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Starting\"\n          )}\n          className=\"extraction-status\"\n        >\n          <div className=\"status-icon\">\n            <SvgStatusPendingHollow />\n          </div>\n        </div>\n      );\n    case ExtractionStates.FetchingUpdate:\n      return (\n        <div\n          title={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Loading\"\n          )}\n          className=\"extraction-status\"\n        >\n          <ProgressRadial size=\"x-small\" indeterminate />\n        </div>\n      );\n    case ExtractionStates.Queued:\n      return (\n        <div\n          title={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Queued\"\n          )}\n          className=\"extraction-status\"\n        >\n          <div className=\"status-icon\">\n            <SvgStatusPending />\n          </div>\n        </div>\n      );\n    case ExtractionStates.Running:\n      return (\n        <div\n          title={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Running\"\n          )}\n          className=\"extraction-status\"\n        >\n          <ProgressRadial size=\"x-small\" indeterminate />\n        </div>\n      );\n    case ExtractionStates.Succeeded:\n      return (\n        <div\n          title={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Success\"\n          )}\n          className=\"extraction-status\"\n        >\n          <div\n            className={`status-icon`}\n            style={{\n              animationName: fadeOut ? \"rcw-fade-out\" : \"\",\n              animationDelay: \"5s\",\n              animationDuration: \"1s\",\n            }}\n            onAnimationEnd={onAnimationEnd}\n          >\n            <SvgStatusSuccess />\n          </div>\n        </div>\n      );\n    case ExtractionStates.Failed:\n      return (\n        <div\n          title={ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:Failed\"\n          )}\n          className=\"extraction-status\"\n        >\n          <div\n            className={`status-icon`}\n            style={{\n              animationName: fadeOut ? \"rcw-fade-out\" : \"\",\n              animationDelay: \"5s\",\n              animationDuration: \"1s\",\n            }}\n            onAnimationEnd={onAnimationEnd}\n          >\n            <SvgStatusError />\n          </div>\n        </div>\n      );\n    default:\n      return <>{children}</>;\n  }\n};\n\ninterface ExtractionProps {\n  iModels: Map<string, string>;\n  setExtractingIModelId: React.Dispatch<React.SetStateAction<string>>;\n  extractionState: ExtractionStates;\n  setExtractionState: React.Dispatch<React.SetStateAction<ExtractionStates>>;\n  isLoading: boolean;\n}\n\nexport const Extraction = ({\n  iModels,\n  setExtractingIModelId,\n  extractionState,\n  setExtractionState,\n  isLoading,\n}: ExtractionProps) => {\n  const jobId = useRef<string>(\"\");\n  const intervalId = useRef<number>();\n  const [isRunning, setIsRunning] = useState<boolean>(false);\n  const [currentIModelId, setCurrentIModelId] = useState<string>();\n  const apiConfig = useReportsApiConfig();\n\n  const runExtraction = async (iModelId: string) => {\n    try {\n      setExtractionState(ExtractionStates.Starting);\n      setExtractingIModelId(iModelId);\n      const extractionClientApi = new ExtractionClient(\n        generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)\n      );\n      const accessToken = await apiConfig.getAccessToken();\n      const response = await extractionClientApi.runExtraction(\n        accessToken,\n        iModelId\n      );\n      jobId.current = response.id;\n      setIsRunning(true);\n      setExtractionState(ExtractionStates.FetchingUpdate);\n    } catch (error: any) {\n      handleError(error.status);\n      setExtractionState(ExtractionStates.Failed);\n      setIsRunning(false);\n      setCurrentIModelId(undefined);\n    }\n  };\n\n  useEffect(() => {\n    if (!intervalId.current && isRunning) {\n      const newIntervalId = window.setInterval(async () => {\n        const extractionClientApi = new ExtractionClient(\n          generateUrl(REPORTING_BASE_PATH, apiConfig.baseUrl)\n        );\n        const accessToken = await apiConfig.getAccessToken();\n        const response = await extractionClientApi.getExtractionStatus(\n          accessToken,\n          jobId.current\n        );\n        if (response.state === \"Queued\") {\n          setExtractionState(ExtractionStates.Queued);\n        } else if (response.state === \"Running\") {\n          setExtractionState(ExtractionStates.Running);\n        } else if (response.state === \"Succeeded\") {\n          setExtractionState(ExtractionStates.Succeeded);\n          setIsRunning(false);\n          setCurrentIModelId(undefined);\n        } else if (response.state === \"Failed\") {\n          setExtractionState(ExtractionStates.Failed);\n          setIsRunning(false);\n          setCurrentIModelId(undefined);\n        }\n      }, REFRESH_DELAY);\n      intervalId.current = newIntervalId;\n    } else if (intervalId && !isRunning) {\n      window.clearInterval(intervalId.current);\n      intervalId.current = undefined;\n    }\n    return () => window.clearInterval(intervalId.current);\n  }, [apiConfig, isRunning, jobId, setExtractionState]);\n\n  const iModelOptions = useMemo(() => {\n    const newIModelOptions: SelectOption<string>[] = [];\n\n    for (const [iModelId, iModelName] of iModels.entries()) {\n      newIModelOptions.push({\n        label: iModelName,\n        value: iModelId,\n        key: iModelId,\n        disabled: extractionState !== ExtractionStates.None,\n      });\n    }\n\n    return newIModelOptions;\n  }, [iModels, extractionState]);\n\n  return (\n    <div className=\"extraction-container\">\n      <div className=\"extraction-combo-box\" data-testid=\"extraction-combo-box\">\n        <Label htmlFor=\"combo-input\">\n          {ReportsConfigWidget.localization.getLocalizedString(\n            \"ReportsConfigWidget:UpdateDataset\"\n          )}\n        </Label>\n        {isLoading ? (\n          <SkeletonBlock />\n        ) : (\n          <ComboBox\n            options={iModelOptions}\n            value={currentIModelId}\n            onChange={async (value) => {\n              setCurrentIModelId(value);\n              value && await runExtraction(value);\n            }}\n            inputProps={{\n              id: \"combo-input\",\n              placeholder: ReportsConfigWidget.localization.getLocalizedString(\n                \"ReportsConfigWidget:SelectIModel\"\n              ),\n            }}\n            message={\n              extractionState !== ExtractionStates.None && (\n                <StatusMessage>\n                  <div className=\"extraction-status-container\">\n                    <ExtractionStatus\n                      state={extractionState}\n                      setExtractionState={setExtractionState}\n                    />\n                    {(() => {\n                      switch (extractionState) {\n                        case ExtractionStates.Succeeded: {\n                          return ReportsConfigWidget.localization.getLocalizedString(\n                            \"ReportsConfigWidget:Success\"\n                          );\n                        }\n                        case ExtractionStates.Failed: {\n                          return ReportsConfigWidget.localization.getLocalizedString(\n                            \"ReportsConfigWidget:Failed\"\n                          );\n                        }\n                        default: {\n                          return ReportsConfigWidget.localization.getLocalizedString(\n                            \"ReportsConfigWidget:UpdateInProgress\"\n                          );\n                        }\n                      }\n                    })()}\n                  </div>\n                </StatusMessage>\n              )\n            }\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"]}

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

@@ -1,39 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/itwinui-css/scss/variables";
-
-.extraction-container {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: $iui-s;
-  .extraction-combo-box {
-    display: flex;
-    flex-direction: column;
-    flex-grow: 1;
-  }
-  .extraction-status-container {
-    display: flex;
-  }
-}
-
-.extraction-status {
-  display: flex;
-  align-items: center;
-  margin: 0 $iui-s;
-  .status-icon {
-    width: $iui-icons-default;
-    height: $iui-icons-default;
-  }
-}
-
-@keyframes rcw-fade-out {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}

package/src/widget/components/Extraction.scss

@@ -1,39 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/itwinui-css/scss/variables";
-
-.extraction-container {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: $iui-s;
-  .extraction-combo-box {
-    display: flex;
-    flex-direction: column;
-    flex-grow: 1;
-  }
-  .extraction-status-container {
-    display: flex;
-  }
-}
-
-.extraction-status {
-  display: flex;
-  align-items: center;
-  margin: 0 $iui-s;
-  .status-icon {
-    width: $iui-icons-default;
-    height: $iui-icons-default;
-  }
-}
-
-@keyframes rcw-fade-out {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}