@corva/ui 0.65.0-1-test → 0.65.0-3

package/components/StatusBadge/constants.js

@@ -1,125 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import WarningIcon from '@material-ui/icons/Warning';
-import DoneIcon from '@material-ui/icons/Done';
-import ErrorIcon from '@material-ui/icons/Error';
-import CheckCircleIcon from '@material-ui/icons/CheckCircle';
-import { DangerousIcon } from '../Icons/DangerousIcon.js';
-
-var _BADGE_ICONS;
-var MAX_MOBILE_WIDTH = 959;
-var ALERT_STATUSES = {
-  FLAGGED: 'flagged',
-  EXPIRED: 'expired',
-  RESOLVED: 'resolved',
-  OPEN: 'open',
-  INVESTIGATION: 'investigation',
-  ON_HOLD: 'on hold'
-};
-var ALERT_ICONS = {
-  Missing: DangerousIcon,
-  Issue: ErrorIcon,
-  Resolved: CheckCircleIcon
-};
-var ALERT_STATES = {
-  missing: 'Missing',
-  issue: 'Issue'
-};
-var BADGE_ICON_STATUSES = {
-  success: 'success',
-  warning: 'warning',
-  issue: 'issue',
-  error: 'error'
-};
-var BADGE_ICONS = (_BADGE_ICONS = {}, _defineProperty(_BADGE_ICONS, BADGE_ICON_STATUSES.success, DoneIcon), _defineProperty(_BADGE_ICONS, BADGE_ICON_STATUSES.warning, WarningIcon), _defineProperty(_BADGE_ICONS, BADGE_ICON_STATUSES.issue, ErrorIcon), _defineProperty(_BADGE_ICONS, BADGE_ICON_STATUSES.error, DangerousIcon), _BADGE_ICONS);
-var WARNING = 'Recommendations may be incorrect based on data quality errors';
-var METADATA = {
-  recordProvider: 'corva',
-  recordCollections: {
-    wellnessAlerts: 'wellness_alerts',
-    wcuRuleMapping: 'wcu_rule_mapping',
-    wellnessRuleSettings: 'wellness_rule_settings',
-    wcuRulesCheckTime: 'wcu-rule-check-time'
-  }
-};
-var DATA_QUALITY_CHECK_PASSED = 'Data quality check passed';
-var DIRECTIONAL_DIVERGENCE_APP_ID_QA = 188;
-var TVS_VS_MD_APP_ID_QA = 190;
-var RIG_OPERATIONS_APP_ID_QA = 216;
-var ASSET_STATUS_APP_ID_QA = 237;
-var NPT_EVENTS_APP_ID_QA = 348;
-var STAGE_DESIGN_V_ACTUAL_APP_ID_QA = 358;
-var PRESSURE_RATE_COMPARISON_APP_ID_QA = 359;
-var WELL_COMPARISON_APP_ID_QA = 360;
-var ACTIVITY_DETECTION_APP_ID_QA = 361;
-var TIME_ANALYSIS_APP_ID_QA = 370;
-var TRIPPING_SPEEDS_APP_ID_QA = 375;
-var WIRELINE_TRACES_APP_ID_QA = 382;
-var SWAP_OVER_TIMES_APP_ID_QA = 389;
-var FLUSH_APP_ID_QA = 391;
-var DRILLOUT_PARAMETER_SHEET_APP_ID_QA = 392;
-var PAD_METRICS_APP_ID_QA = 397;
-var KPI_VISUALIZER_APP_ID_QA = 406;
-var DRILLOUT_TRACES_APP_ID_QA = 418;
-
-// Drilling Prod Apps:
-var DRILLING_ASSET_STATUS_APP_ID_PROD = 84;
-var DRILLING_RIG_OPERATIONS_APP_ID_PROD = 32;
-var DRILLING_KPI_VISUALIZER_APP_ID_PROD = 196;
-var DRILLING_ROP_HEATMAP_APP_ID_PROD = 34;
-var DRILLING_LEADERBOARD_APP_ID_PROD = 224;
-var DRILLING_TRIPPING_SPEEDS_APP_ID_PROD = 139;
-var DRILLING_TRACES_APP_ID_PROD = 80;
-var DRILLING_TOOLFACE_VS_MEASURED_DEPTH_APP_ID_PROD = 104;
-var DRILLING_BUCKLING_LOAD_ANALYSIS_APP_ID_PROD = 24;
-var DRILLING_BHA_OPTIMIZATION_APP_ID_PROD = 131;
-var DRILLING_DIRECTIONAL_DIVERGENCE_APP_ID_PROD = 40;
-var DRILLING_CIRCULATING_PRESSURE_TREND_APP_ID_PROD = 63;
-var DRILLING_ROTARY_TREND_ANALYSIS_APP_ID_PROD = 124;
-var DRILLING_SURGE_AND_SWAB_APP_ID_PROD = 121;
-var DRILLING_BUCKLING_LOAD_APP_ID_PROD = 24;
-var DRILLING_CIRCULATING_PRESSURE_APP_ID_PROD = 63;
-
-// Drilling QA Apps:
-var DRILLING_ASSET_STATUS_APP_ID_QA = 237;
-var DRILLING_RIG_OPERATIONS_APP_ID_QA = 216;
-var DRILLING_KPI_VISUALIZER_APP_ID_QA = 406;
-var DRILLING_ROP_HEATMAP_APP_ID_QA = 182;
-var DRILLING_LEADERBOARD_APP_ID_QA = 437;
-var DRILLING_TRIPPING_SPEEDS_APP_ID_QA = 375;
-var DRILLING_TRACES_APP_ID_QA = 238;
-var DRILLING_TOOLFACE_VS_MEASURED_DEPTH_APP_ID_QA = 310;
-var DRILLING_BUCKLING_LOAD_ANALYSIS_APP_ID_QA = 175;
-var DRILLING_BHA_OPTIMIZATION_APP_ID_QA = 34599;
-var DRILLING_DIRECTIONAL_DIVERGENCE_APP_ID_QA = 188;
-var DRILLING_CIRCULATING_PRESSURE_TREND_APP_ID_QA = 207;
-var DRILLING_ROTARY_TREND_ANALYSIS_APP_ID_QA = 329;
-var DRILLING_SURGE_AND_SWAB_APP_ID_QA = 328;
-var DRILLING_BUCKLING_LOAD_APP_ID_QA = 175;
-var DRILLING_CIRCULATING_PRESSURE_APP_ID_QA = 207;
-var ENABLING_ON_QA_APP_IDS_LIST = [DIRECTIONAL_DIVERGENCE_APP_ID_QA, TVS_VS_MD_APP_ID_QA, RIG_OPERATIONS_APP_ID_QA, ASSET_STATUS_APP_ID_QA, NPT_EVENTS_APP_ID_QA, STAGE_DESIGN_V_ACTUAL_APP_ID_QA, PRESSURE_RATE_COMPARISON_APP_ID_QA, WELL_COMPARISON_APP_ID_QA, ACTIVITY_DETECTION_APP_ID_QA, TIME_ANALYSIS_APP_ID_QA, TRIPPING_SPEEDS_APP_ID_QA, WIRELINE_TRACES_APP_ID_QA, SWAP_OVER_TIMES_APP_ID_QA, FLUSH_APP_ID_QA, DRILLOUT_PARAMETER_SHEET_APP_ID_QA, PAD_METRICS_APP_ID_QA, KPI_VISUALIZER_APP_ID_QA, DRILLOUT_TRACES_APP_ID_QA,
-// Drilling Apps:
-DRILLING_ASSET_STATUS_APP_ID_QA, DRILLING_RIG_OPERATIONS_APP_ID_QA, DRILLING_KPI_VISUALIZER_APP_ID_QA, DRILLING_ROP_HEATMAP_APP_ID_QA, DRILLING_LEADERBOARD_APP_ID_QA, DRILLING_TRIPPING_SPEEDS_APP_ID_QA, DRILLING_TRACES_APP_ID_QA, DRILLING_TOOLFACE_VS_MEASURED_DEPTH_APP_ID_QA, DRILLING_BUCKLING_LOAD_ANALYSIS_APP_ID_QA, DRILLING_BHA_OPTIMIZATION_APP_ID_QA, DRILLING_DIRECTIONAL_DIVERGENCE_APP_ID_QA, DRILLING_CIRCULATING_PRESSURE_TREND_APP_ID_QA, DRILLING_ROTARY_TREND_ANALYSIS_APP_ID_QA, DRILLING_SURGE_AND_SWAB_APP_ID_QA, DRILLING_BUCKLING_LOAD_APP_ID_QA, DRILLING_CIRCULATING_PRESSURE_APP_ID_QA];
-var DIRECTIONAL_DIVERGENCE_APP_ID_PROD = 40;
-var TVS_VS_MD_APP_ID_PROD = 156;
-var RIG_OPERATIONS_APP_ID_PROD = 32;
-var ASSET_STATUS_APP_ID_PROD = 84;
-var NPT_EVENTS_APP_ID_PROD = 137;
-var STAGE_DESIGN_V_ACTUAL_APP_ID_PROD = 157;
-var PRESSURE_RATE_COMPARISON_APP_ID_PROD = 158;
-var WELL_COMPARISON_APP_ID_PROD = 160;
-var ACTIVITY_DETECTION_APP_ID_PROD = 159;
-var TIME_ANALYSIS_APP_ID_PROD = 164;
-var TRIPPING_SPEEDS_APP_ID_PROD = 139;
-var WIRELINE_TRACES_APP_ID_PROD = 168;
-var SWAP_OVER_TIMES_APP_ID_PROD = 178;
-var FLUSH_APP_ID_PROD = 181;
-var DRILLOUT_PARAMETER_SHEET_APP_ID_PROD = 183;
-var PAD_METRICS_APP_ID_PROD = 187;
-var KPI_VISUALIZER_APP_ID_PROD = 196;
-var DRILLOUT_TRACES_APP_ID_PROD = 208;
-var ENABLING_ON_PROD_APP_IDS_LIST = [DIRECTIONAL_DIVERGENCE_APP_ID_PROD, TVS_VS_MD_APP_ID_PROD, RIG_OPERATIONS_APP_ID_PROD, ASSET_STATUS_APP_ID_PROD, NPT_EVENTS_APP_ID_PROD, STAGE_DESIGN_V_ACTUAL_APP_ID_PROD, PRESSURE_RATE_COMPARISON_APP_ID_PROD, WELL_COMPARISON_APP_ID_PROD, ACTIVITY_DETECTION_APP_ID_PROD, TIME_ANALYSIS_APP_ID_PROD, TRIPPING_SPEEDS_APP_ID_PROD, WIRELINE_TRACES_APP_ID_PROD, SWAP_OVER_TIMES_APP_ID_PROD, FLUSH_APP_ID_PROD, DRILLOUT_PARAMETER_SHEET_APP_ID_PROD, PAD_METRICS_APP_ID_PROD, KPI_VISUALIZER_APP_ID_PROD, DRILLOUT_TRACES_APP_ID_PROD,
-// Drilling Apps:
-DRILLING_ASSET_STATUS_APP_ID_PROD, DRILLING_RIG_OPERATIONS_APP_ID_PROD, DRILLING_KPI_VISUALIZER_APP_ID_PROD, DRILLING_ROP_HEATMAP_APP_ID_PROD, DRILLING_LEADERBOARD_APP_ID_PROD, DRILLING_TRIPPING_SPEEDS_APP_ID_PROD, DRILLING_TRACES_APP_ID_PROD, DRILLING_TOOLFACE_VS_MEASURED_DEPTH_APP_ID_PROD, DRILLING_BUCKLING_LOAD_ANALYSIS_APP_ID_PROD, DRILLING_BHA_OPTIMIZATION_APP_ID_PROD, DRILLING_DIRECTIONAL_DIVERGENCE_APP_ID_PROD, DRILLING_CIRCULATING_PRESSURE_TREND_APP_ID_PROD, DRILLING_ROTARY_TREND_ANALYSIS_APP_ID_PROD, DRILLING_SURGE_AND_SWAB_APP_ID_PROD, DRILLING_BUCKLING_LOAD_APP_ID_PROD, DRILLING_CIRCULATING_PRESSURE_APP_ID_PROD];
-
-export { ALERT_ICONS, ALERT_STATES, ALERT_STATUSES, BADGE_ICONS, BADGE_ICON_STATUSES, DATA_QUALITY_CHECK_PASSED, ENABLING_ON_PROD_APP_IDS_LIST, ENABLING_ON_QA_APP_IDS_LIST, MAX_MOBILE_WIDTH, METADATA, WARNING };
-//# sourceMappingURL=constants.js.map
+import e from"@material-ui/icons/Warning";import s from"@material-ui/icons/Done";import r from"@material-ui/icons/Error";import i from"@material-ui/icons/CheckCircle";import{DangerousIcon as o}from"../Icons/DangerousIcon.js";var n,a=959,c={FLAGGED:"flagged",EXPIRED:"expired",RESOLVED:"resolved",OPEN:"open",INVESTIGATION:"investigation",ON_HOLD:"on hold"},l={Missing:o,Issue:r,Resolved:i},t={missing:"Missing",issue:"Issue"},u={success:"success",warning:"warning",issue:"issue",error:"error"},m=((n={})[u.success]=s,n[u.warning]=e,n[u.issue]=r,n[u.error]=o,n),g="Recommendations may be incorrect based on data quality errors",p={recordProvider:"corva",recordCollections:{wellnessAlerts:"wellness_alerts",wcuRuleMapping:"wcu_rule_mapping",wellnessRuleSettings:"wellness_rule_settings",wcuRulesCheckTime:"wcu-rule-check-time"}},d="Data quality check passed",w=[188,190,216,237,348,358,359,360,361,370,375,382,389,391,392,397,406,418,237,216,406,182,437,375,238,310,175,34599,188,207,329,328,175,207],E=[40,156,32,84,137,157,158,160,159,164,139,168,178,181,183,187,196,208,84,32,196,34,224,139,80,104,24,131,40,63,124,121,24,63];export{l as ALERT_ICONS,t as ALERT_STATES,c as ALERT_STATUSES,m as BADGE_ICONS,u as BADGE_ICON_STATUSES,d as DATA_QUALITY_CHECK_PASSED,E as ENABLING_ON_PROD_APP_IDS_LIST,w as ENABLING_ON_QA_APP_IDS_LIST,a as MAX_MOBILE_WIDTH,p as METADATA,g as WARNING};

package/components/StatusBadge/index.d.ts

@@ -5,12 +5,15 @@ declare type StatusBadgeProps = {
     appWidth: number;
     className?: string;
     DQIssueTooltipMaxHeight?: number;
-    iconType?: 'error' | 'success' | 'issue';
-    lastTimestamp: number;
-    onReportErrorClick: (description: string, assetId: number) => void;
+    iconType?: 'error' | 'success' | 'issue' | '';
+    lastTimestamp?: number;
+    onReportErrorClick?: (description: string, assetId: number) => void;
     warningData?: Record<string, any>;
     hasSubscriptionsData?: boolean;
+    currentUser: Record<string, any>;
+    segment: 'drilling' | 'completion';
+    maximized?: boolean;
 };
-export declare const StatusBadge: ({ assetsData, appWidth, DQIssueTooltipMaxHeight, iconType, className, lastTimestamp, onReportErrorClick, warningData, hasSubscriptionsData, }: StatusBadgeProps) => JSX.Element;
+export declare const StatusBadge: ({ assetsData, appWidth, DQIssueTooltipMaxHeight, iconType, className, lastTimestamp, onReportErrorClick: customOnReportErrorClick, warningData, hasSubscriptionsData, currentUser, segment, maximized, }: StatusBadgeProps) => JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/components/StatusBadge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAkD,SAAS,EAAE,MAAM,aAAa,CAAC;AAmFxF,aAAK,gBAAgB,GAAG;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAClC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,WAAW,kJAUrB,gBAAgB,KAAG,WA4HrB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAkD,SAAS,EAAE,MAAM,aAAa,CAAC;AAqFxF,aAAK,gBAAgB,GAAG;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,EAAE,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAClC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjC,OAAO,EAAE,UAAU,GAAG,YAAY,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,WAAW,6MAarB,gBAAgB,KAAG,WA8HrB,CAAC"}

package/components/StatusBadge/index.js

@@ -1,237 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useRef, useEffect } from 'react';
-import moment from 'moment';
-import classNames from 'classnames';
-import { makeStyles, Typography } from '@material-ui/core';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import '../Tooltip/ScrollableTooltip.js';
-import { WARNING, BADGE_ICON_STATUSES, MAX_MOBILE_WIDTH } from './constants.js';
-import { DQStatusIcon } from './components/DQStatusIcon.js';
-import { DQUnvalidatedContent } from './components/DQUnvalidatedContent.js';
-import { ReportIssueModal } from './components/ReportIssueModal.js';
-import { postReportError } from './api.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var PAGE_NAME = 'Status_badge';
-var DEFAULT_TOOLTIP_MAX_HEIGHT = window.innerHeight - 212;
-var useStyles = makeStyles(function (theme) {
-  return {
-    statusBadgeWrapper: {
-      backgroundColor: theme.palette.background.b4,
-      display: 'flex',
-      height: 30
-    },
-    statusBadgeContent: {
-      display: 'flex',
-      padding: function padding(_ref) {
-        var isSuccessTypeIcon = _ref.isSuccessTypeIcon,
-          isErrorTypeIcon = _ref.isErrorTypeIcon,
-          isIssueTypeIcon = _ref.isIssueTypeIcon;
-        return "12px 0 2px ".concat(isSuccessTypeIcon || isErrorTypeIcon || isIssueTypeIcon ? 6 : 2, "px");
-      },
-      whiteSpace: 'nowrap',
-      width: 'calc(100% - 140px)'
-    },
-    text: {
-      fontSize: '10px',
-      lineHeight: '12px',
-      alignSelf: 'center'
-    },
-    timestamp: {
-      color: theme.palette.primary.text6,
-      marginLeft: function marginLeft(_ref2) {
-        var isIconExist = _ref2.isIconExist;
-        return isIconExist && 4;
-      }
-    },
-    warningMessage: {
-      color: theme.palette.primary.text1,
-      marginLeft: 4,
-      textOverflow: 'ellipsis',
-      overflow: 'hidden',
-      fontSize: '12px'
-    },
-    badgeIconWarning: {
-      marginLeft: 8
-    },
-    popper: {
-      zIndex: function zIndex(_ref3) {
-        var maximized = _ref3.maximized;
-        return maximized ? 500 : 1;
-      },
-      '& .MuiTooltip-tooltip': {
-        position: 'absolute',
-        bottom: 0,
-        width: 'max-content',
-        transformOrigin: 'center top',
-        maxWidth: 'none',
-        padding: 4,
-        fontSize: 12,
-        boxShadow: '0px 0px 4px 2px rgb(0 0 0 / 12%)',
-        fontWeight: 400,
-        lineHeight: '16px',
-        letterSpacing: '0.4px',
-        backgroundColor: theme.palette.background.b9
-      }
-    },
-    DQIconWrapper: {
-      display: 'flex',
-      alignItems: 'center',
-      alignSelf: 'center',
-      justifyContent: 'center',
-      height: 24,
-      width: 24,
-      minWidth: 24,
-      borderRadius: 12,
-      '&:hover': {
-        backgroundColor: function backgroundColor(_ref4) {
-          var isErrorTypeIcon = _ref4.isErrorTypeIcon,
-            isSuccessTypeIcon = _ref4.isSuccessTypeIcon,
-            isIssueTypeIcon = _ref4.isIssueTypeIcon;
-          if (isErrorTypeIcon) return 'rgba(244, 67, 54, 0.1)';
-          if (isSuccessTypeIcon) return 'rgba(117, 219, 41, 0.2)';
-          if (isIssueTypeIcon) return 'rgba(255, 193, 7, 0.16)';
-          return 'transparent';
-        }
-      }
-    }
-  };
-});
-var StatusBadge = function StatusBadge(_ref5) {
-  var _ref5$assetsData = _ref5.assetsData,
-    assetsData = _ref5$assetsData === void 0 ? {} : _ref5$assetsData,
-    appWidth = _ref5.appWidth,
-    _ref5$DQIssueTooltipM = _ref5.DQIssueTooltipMaxHeight,
-    DQIssueTooltipMaxHeight = _ref5$DQIssueTooltipM === void 0 ? DEFAULT_TOOLTIP_MAX_HEIGHT : _ref5$DQIssueTooltipM,
-    iconType = _ref5.iconType,
-    className = _ref5.className,
-    lastTimestamp = _ref5.lastTimestamp,
-    customOnReportErrorClick = _ref5.onReportErrorClick,
-    warningData = _ref5.warningData,
-    hasSubscriptionsData = _ref5.hasSubscriptionsData,
-    currentUser = _ref5.currentUser,
-    segment = _ref5.segment,
-    maximized = _ref5.maximized;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isTooltipOpen = _useState4[0],
-    setIsTooltipOpen = _useState4[1];
-  var tooltipRef = useRef(null);
-  var warningMessage = warningData === null || warningData === void 0 ? void 0 : warningData.message;
-  var isErrorTypeIcon = iconType === BADGE_ICON_STATUSES.error;
-  var isSuccessTypeIcon = iconType === BADGE_ICON_STATUSES.success;
-  var isIssueTypeIcon = iconType === BADGE_ICON_STATUSES.issue;
-  var isMobile = appWidth < MAX_MOBILE_WIDTH;
-  var classes = useStyles({
-    isIconExist: !!iconType,
-    isSuccessTypeIcon: isSuccessTypeIcon,
-    isErrorTypeIcon: isErrorTypeIcon,
-    isIssueTypeIcon: isIssueTypeIcon,
-    maximized: maximized
-  });
-  var leaveTimeoutRef = useRef(null);
-  var handleClick = function handleClick(event) {
-    if (tooltipRef.current && !tooltipRef.current.contains(event.target)) setIsTooltipOpen(false);
-  };
-  useEffect(function () {
-    document.addEventListener('click', handleClick);
-    return function () {
-      document.removeEventListener('click', handleClick);
-      clearTimeout(leaveTimeoutRef.current);
-    };
-  }, []);
-  var handleMouseEnter = function handleMouseEnter() {
-    clearTimeout(leaveTimeoutRef.current);
-    setIsTooltipOpen(true);
-  };
-  var handleMouseLeave = function handleMouseLeave(_) {
-    var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 700;
-    leaveTimeoutRef.current = setTimeout(function () {
-      return setIsTooltipOpen(false);
-    }, delay);
-  };
-  var onReportErrorClick = function onReportErrorClick(description, selectedAssetId) {
-    postReportError(selectedAssetId, description, currentUser, segment);
-  };
-  useEffect(function () {
-    if (!hasSubscriptionsData) return;
-    handleMouseEnter();
-    handleMouseLeave(null, 10000);
-  }, [JSON.stringify(assetsData)]);
-  return /*#__PURE__*/jsxs("div", {
-    "data-testid": PAGE_NAME,
-    className: classNames(classes.statusBadgeWrapper, "c-status-badge--".concat(iconType), className),
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classes.statusBadgeContent,
-      ref: tooltipRef,
-      children: [iconType && /*#__PURE__*/jsx(Tooltip, {
-        isFullScreen: false,
-        disableHoverListener: true,
-        open: isTooltipOpen,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        PopperProps: {
-          className: classes.popper
-        },
-        placement: "top-start",
-        title: /*#__PURE__*/jsx(DQUnvalidatedContent, {
-          tooltipRef: tooltipRef,
-          onMouseEnter: handleMouseEnter,
-          onMouseLeave: handleMouseLeave,
-          assetsData: assetsData,
-          maxHeight: DQIssueTooltipMaxHeight,
-          onClick: function onClick() {
-            return setIsOpen(true);
-          }
-        }),
-        children: /*#__PURE__*/jsx("div", {
-          className: classes.DQIconWrapper,
-          "data-testid": "".concat(PAGE_NAME, "__DQ_icon_").concat(iconType),
-          children: /*#__PURE__*/jsx(DQStatusIcon, {
-            color: iconType,
-            iconType: iconType
-          })
-        })
-      }), lastTimestamp && /*#__PURE__*/jsxs(Typography, {
-        className: classNames(classes.text, classes.timestamp),
-        variant: "body1",
-        children: ["Last Update: ", moment.unix(lastTimestamp).format('M/D/YYYY h:mm a')]
-      }), warningData && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(Tooltip, {
-          placement: "top",
-          title: warningMessage ? "".concat(WARNING, ". ").concat(warningMessage) : WARNING,
-          children: /*#__PURE__*/jsx("div", {
-            "data-testid": "".concat(PAGE_NAME, "__DQ_icon_warning"),
-            children: /*#__PURE__*/jsx(DQStatusIcon, {
-              className: classes.badgeIconWarning,
-              color: BADGE_ICON_STATUSES.warning,
-              iconType: BADGE_ICON_STATUSES.warning
-            })
-          })
-        }), !isMobile && /*#__PURE__*/jsx(Typography, {
-          className: classNames(classes.text, classes.warningMessage),
-          variant: "body1",
-          children: warningMessage ? "".concat(WARNING, ". ").concat(warningMessage) : WARNING
-        })]
-      })]
-    }), isOpen && /*#__PURE__*/jsx(ReportIssueModal, {
-      assets: Object.keys(assetsData).map(function (assetKey) {
-        return {
-          name: assetKey,
-          id: assetsData[assetKey][0].alert.assetId
-        };
-      }),
-      onSave: customOnReportErrorClick || onReportErrorClick,
-      onClose: function onClose() {
-        return setIsOpen(false);
-      }
-    })]
-  });
-};
-
-export { StatusBadge };
-//# sourceMappingURL=index.js.map
+import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as t,jsx as n,Fragment as o}from"react/jsx-runtime";import{useState as r,useRef as i,useEffect as a}from"react";import s from"moment";import c from"classnames";import{makeStyles as p,Typography as l}from"@material-ui/core";import{Tooltip as m}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import{WARNING as u,BADGE_ICON_STATUSES as d,MAX_MOBILE_WIDTH as g}from"./constants.js";import{DQStatusIcon as f}from"./components/DQStatusIcon.js";import{DQUnvalidatedContent as x}from"./components/DQUnvalidatedContent.js";import{ReportIssueModal as h}from"./components/ReportIssueModal.js";import{postReportError as b}from"./api.js";var v=window.innerHeight-212,I=p((function(e){return{statusBadgeWrapper:{backgroundColor:e.palette.background.b4,display:"flex",height:30},statusBadgeContent:{display:"flex",padding:function(e){var t=e.isSuccessTypeIcon,n=e.isErrorTypeIcon,o=e.isIssueTypeIcon;return"12px 0 2px ".concat(t||n||o?6:2,"px")},whiteSpace:"nowrap",width:"calc(100% - 140px)"},text:{fontSize:"10px",lineHeight:"12px",alignSelf:"center"},timestamp:{color:e.palette.primary.text6,marginLeft:function(e){return e.isIconExist&&4}},warningMessage:{color:e.palette.primary.text1,marginLeft:4,textOverflow:"ellipsis",overflow:"hidden",fontSize:"12px"},badgeIconWarning:{marginLeft:8},popper:{zIndex:function(e){return e.maximized?500:1},"& .MuiTooltip-tooltip":{position:"absolute",bottom:0,width:"max-content",transformOrigin:"center top",maxWidth:"none",padding:4,fontSize:12,boxShadow:"0px 0px 4px 2px rgb(0 0 0 / 12%)",fontWeight:400,lineHeight:"16px",letterSpacing:"0.4px",backgroundColor:e.palette.background.b9}},DQIconWrapper:{display:"flex",alignItems:"center",alignSelf:"center",justifyContent:"center",height:24,width:24,minWidth:24,borderRadius:12,"&:hover":{backgroundColor:function(e){var t=e.isErrorTypeIcon,n=e.isSuccessTypeIcon,o=e.isIssueTypeIcon;return t?"rgba(244, 67, 54, 0.1)":n?"rgba(117, 219, 41, 0.2)":o?"rgba(255, 193, 7, 0.16)":"transparent"}}}}})),y=function(p){var y=p.assetsData,T=void 0===y?{}:y,S=p.appWidth,w=p.DQIssueTooltipMaxHeight,D=void 0===w?v:w,_=p.iconType,j=p.className,k=p.lastTimestamp,C=p.onReportErrorClick,E=p.warningData,M=p.hasSubscriptionsData,W=p.currentUser,L=p.segment,N=p.maximized,z=r(!1),Q=z[0],H=z[1],B=r(!1),O=B[0],R=B[1],Y=i(null),U=null==E?void 0:E.message,P=_===d.error,F=_===d.success,J=_===d.issue,q=S<g,A=I({isIconExist:!!_,isSuccessTypeIcon:F,isErrorTypeIcon:P,isIssueTypeIcon:J,maximized:N}),G=i(null),K=function(e){Y.current&&!Y.current.contains(e.target)&&R(!1)};a((function(){return document.addEventListener("click",K),function(){document.removeEventListener("click",K),clearTimeout(G.current)}}),[]);var V=function(){clearTimeout(G.current),R(!0)},X=function(e,t){void 0===t&&(t=700),G.current=setTimeout((function(){return R(!1)}),t)};return a((function(){M&&(V(),X(0,1e4))}),[JSON.stringify(T)]),t("div",e({"data-testid":"Status_badge",className:c(A.statusBadgeWrapper,"c-status-badge--".concat(_),j)},{children:[t("div",e({className:A.statusBadgeContent,ref:Y},{children:[_&&n(m,e({isFullScreen:!1,disableHoverListener:!0,open:O,onMouseEnter:V,onMouseLeave:X,PopperProps:{className:A.popper},placement:"top-start",title:n(x,{tooltipRef:Y,onMouseEnter:V,onMouseLeave:X,assetsData:T,maxHeight:D,onClick:function(){return H(!0)}})},{children:n("div",e({className:A.DQIconWrapper,"data-testid":"".concat("Status_badge","__DQ_icon_").concat(_)},{children:n(f,{color:_,iconType:_})}))})),k&&t(l,e({className:c(A.text,A.timestamp),variant:"body1"},{children:["Last Update: ",s.unix(k).format("M/D/YYYY h:mm a")]})),E&&t(o,{children:[n(m,e({placement:"top",title:U?"".concat(u,". ").concat(U):u},{children:n("div",e({"data-testid":"".concat("Status_badge","__DQ_icon_warning")},{children:n(f,{className:A.badgeIconWarning,color:d.warning,iconType:d.warning})}))})),!q&&n(l,e({className:c(A.text,A.warningMessage),variant:"body1"},{children:U?"".concat(u,". ").concat(U):u}))]})]})),Q&&n(h,{assets:Object.keys(T).map((function(e){return{name:e,id:T[e][0].alert.assetId}})),onSave:C||function(e,t){b(t,e,W,L)},onClose:function(){return H(!1)}})]}))};export{y as StatusBadge};

package/components/StatusBadge/styles.js

@@ -1,150 +1 @@
-import { makeStyles } from '@material-ui/core';
-
-var useDQUnvalidatedContentStyles = makeStyles(function (theme) {
-  return {
-    alertIcon: {
-      width: 16,
-      height: 16
-    },
-    assetWrapper: {
-      display: 'table-row'
-    },
-    assetTable: {
-      display: 'table',
-      color: theme.palette.primary.contrastText,
-      marginLeft: 8
-    },
-    assetCell: {
-      display: 'table-cell',
-      padding: '5px 0',
-      verticalAlign: 'middle',
-      width: 111
-    },
-    assetName: {
-      fontSize: '12px',
-      width: 89
-    },
-    container: {
-      padding: '12px 0 4px 12px'
-    },
-    headerText: {
-      lineHeight: '19px',
-      fontSize: '16px',
-      fontWeight: 500
-    },
-    subheaderText: {
-      lineHeight: '14px',
-      fontSize: '12px',
-      fontWeight: 400,
-      marginRight: 16,
-      color: theme.palette.primary.text7,
-      marginTop: 4
-    },
-    Issue: {
-      color: '#ffa500'
-    },
-    Missing: {
-      color: theme.palette.error.main
-    },
-    Resolved: {
-      color: theme.palette.success.bright
-    },
-    errorContainer: {
-      display: 'flex',
-      alignItems: 'center',
-      marginLeft: 8,
-      height: 22
-    },
-    missingContainer: {
-      marginLeft: 0
-    },
-    errorText: {
-      marginLeft: 4,
-      fontSize: '14px'
-    },
-    errorNum: {
-      fontSize: '16px',
-      marginLeft: 4
-    },
-    accordion: {
-      '&:not(:first-child)': {
-        marginTop: '16px !important'
-      },
-      marginTop: '8px !important',
-      color: theme.palette.primary.contrastText,
-      '& .MuiAccordionSummary-content': {
-        fontWeight: '400 !important'
-      }
-    },
-    accordionDetails: {
-      marginTop: 8
-    },
-    categoryName: {
-      marginTop: 4
-    },
-    accordionsWrapper: {
-      maxHeight: function maxHeight(_ref) {
-        var _maxHeight = _ref.maxHeight;
-        return _maxHeight;
-      },
-      overflowY: 'auto',
-      paddingRight: 16,
-      '&::before, &::after': {
-        content: '""',
-        width: '100%',
-        height: 16,
-        position: 'absolute',
-        zIndex: 1
-      },
-      '&::before': {
-        background: "linear-gradient(180deg, ".concat(theme.palette.background.b9, " 18.23%, rgba(59, 59, 59, 0) 100%)"),
-        opacity: 0.8,
-        top: 0
-      },
-      '&::after': {
-        background: "linear-gradient(0deg, ".concat(theme.palette.background.b9, " 18.23%, rgba(59, 59, 59, 0) 100%)"),
-        opacity: 0.8,
-        bottom: 0
-      }
-    },
-    relative: {
-      position: 'relative',
-      padding: '8px 0'
-    },
-    reportDQIssueButtonWrapper: {
-      display: 'flex',
-      justifyContent: 'end'
-    },
-    reportDQIssueButton: {
-      marginRight: 12,
-      marginBottom: 8
-    },
-    headerWrapper: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    linkIcon: {
-      width: 24,
-      height: 24,
-      color: theme.palette.primary.main
-    },
-    link: {
-      lineHeight: 0,
-      zIndex: 1,
-      position: 'relative',
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      marginLeft: 8,
-      width: 36,
-      height: 36,
-      borderRadius: 18,
-      '&:hover': {
-        backgroundColor: theme.palette.background.b7
-      }
-    }
-  };
-});
-
-export { useDQUnvalidatedContentStyles };
-//# sourceMappingURL=styles.js.map
+import{makeStyles as e}from"@material-ui/core";var t=e((function(e){return{alertIcon:{width:16,height:16},assetWrapper:{display:"table-row"},assetTable:{display:"table",color:e.palette.primary.contrastText,marginLeft:8},assetCell:{display:"table-cell",padding:"5px 0",verticalAlign:"middle",width:111},assetName:{fontSize:"12px",width:89},container:{padding:"12px 0 4px 12px"},headerText:{lineHeight:"19px",fontSize:"16px",fontWeight:500},subheaderText:{lineHeight:"14px",fontSize:"12px",fontWeight:400,marginRight:16,color:e.palette.primary.text7,marginTop:4},Issue:{color:"#ffa500"},Missing:{color:e.palette.error.main},Resolved:{color:e.palette.success.bright},errorContainer:{display:"flex",alignItems:"center",marginLeft:8,height:22},missingContainer:{marginLeft:0},errorText:{marginLeft:4,fontSize:"14px"},errorNum:{fontSize:"16px",marginLeft:4},accordion:{"&:not(:first-child)":{marginTop:"16px !important"},marginTop:"8px !important",color:e.palette.primary.contrastText,"& .MuiAccordionSummary-content":{fontWeight:"400 !important"}},accordionDetails:{marginTop:8},categoryName:{marginTop:4},accordionsWrapper:{maxHeight:function(e){var t=e.maxHeight;return t},overflowY:"auto",paddingRight:16,"&::before, &::after":{content:'""',width:"100%",height:16,position:"absolute",zIndex:1},"&::before":{background:"linear-gradient(180deg, ".concat(e.palette.background.b9," 18.23%, rgba(59, 59, 59, 0) 100%)"),opacity:.8,top:0},"&::after":{background:"linear-gradient(0deg, ".concat(e.palette.background.b9," 18.23%, rgba(59, 59, 59, 0) 100%)"),opacity:.8,bottom:0}},relative:{position:"relative",padding:"8px 0"},reportDQIssueButtonWrapper:{display:"flex",justifyContent:"end"},reportDQIssueButton:{marginRight:12,marginBottom:8},headerWrapper:{display:"flex",alignItems:"center"},linkIcon:{width:24,height:24,color:e.palette.primary.main},link:{lineHeight:0,zIndex:1,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",marginLeft:8,width:36,height:36,borderRadius:18,"&:hover":{backgroundColor:e.palette.background.b7}}}}));export{t as useDQUnvalidatedContentStyles};

package/components/StatusBadge/utils.d.ts

@@ -3,7 +3,7 @@ export declare const isResolved: (status: string) => boolean;
 export declare const getDeductsFromScoreClass: GetDeductsFromScoreClass;
 export declare const getDeductsFromScoreValue: GetDeductsFromScoreValue;
 export declare const parseWellnessAlertFromJson: ParseWellnessAlertFromJson;
-export declare const getLinkToDQPage: ({ assetId, wellHubSlug }: {
+export declare const getLinkToDQPage: ({ assetId, wellHubSlug, }: {
     assetId: number;
     wellHubSlug: string;
 }) => string;

package/components/StatusBadge/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/utils.ts"],"names":[],"mappings":"AACA,OAAO,EACL,0BAA0B,EAC1B,wBAAwB,EACxB,wBAAwB,EACzB,MAAM,gCAAgC,CAAC;AAExC,eAAO,MAAM,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAA2E,CAAC;AAEzH,eAAO,MAAM,wBAAwB,EAAE,wBAatC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,wBAEtC,CAAC;AA6BF,eAAO,MAAM,0BAA0B,EAAE,0BA8BxC,CAAC;AAEF,eAAO,MAAM,eAAe;aAAyC,MAAM;iBAAe,MAAM;MAAK,MACnD,CAAC;AAEnD,eAAO,MAAM,sBAAsB,uCAkB3B,CAAC;AAET,eAAO,MAAM,oBAAoB,uEAqChC,CAAC;AAEF,eAAO,MAAM,WAAW,0GAqBvB,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/utils.ts"],"names":[],"mappings":"AAMA,OAAO,EACL,0BAA0B,EAC1B,wBAAwB,EACxB,wBAAwB,EACzB,MAAM,gCAAgC,CAAC;AAExC,eAAO,MAAM,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OACK,CAAC;AAEnD,eAAO,MAAM,wBAAwB,EAAE,wBAYtC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,wBAKtC,CAAC;AA6BF,eAAO,MAAM,0BAA0B,EAAE,0BA8BxC,CAAC;AAEF,eAAO,MAAM,eAAe;aAIjB,MAAM;iBACF,MAAM;MACjB,MAA0D,CAAC;AAE/D,eAAO,MAAM,sBAAsB,uCAkB3B,CAAC;AAET,eAAO,MAAM,oBAAoB,uEAqChC,CAAC;AAEF,eAAO,MAAM,WAAW,0GAoBvB,CAAC"}