@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/StatusBadge/constants.js

@@ -1,128 +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',
-  resolved: 'resolved'
-};
-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), _defineProperty(_BADGE_ICONS, BADGE_ICON_STATUSES.resolved, CheckCircleIcon), _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 RIG_OPERATIONS_APP_ID_QA = 216;
-var ASSET_STATUS_APP_ID_QA = 237;
-var TVS_VS_MD_APP_ID_QA = 357;
-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 NPT_EVENTS_APP_ID_QA = 373;
-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;
-var DRILLING_SLIDE_SHEET_APP_ID_PROD = 44;
-
-// 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 DRILLING_SLIDE_SHEET_APP_ID_QA = 192;
-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, DRILLING_SLIDE_SHEET_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, DRILLING_SLIDE_SHEET_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,l=959,a={FLAGGED:"flagged",EXPIRED:"expired",RESOLVED:"resolved",OPEN:"open",INVESTIGATION:"investigation",ON_HOLD:"on hold"},c={Missing:o,Issue:r,Resolved:i},t={missing:"Missing",issue:"Issue"},u={success:"success",warning:"warning",issue:"issue",error:"error",resolved:"resolved"},m=((n={})[u.success]=s,n[u.warning]=e,n[u.issue]=r,n[u.error]=o,n[u.resolved]=i,n),d="Recommendations may be incorrect based on data quality errors",g={recordProvider:"corva",recordCollections:{wellnessAlerts:"wellness_alerts",wcuRuleMapping:"wcu_rule_mapping",wellnessRuleSettings:"wellness_rule_settings",wcuRulesCheckTime:"wcu-rule-check-time"}},p="Data quality check passed",w=[188,357,216,237,373,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,192],v=[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,44];export{c as ALERT_ICONS,t as ALERT_STATES,a as ALERT_STATUSES,m as BADGE_ICONS,u as BADGE_ICON_STATUSES,p as DATA_QUALITY_CHECK_PASSED,v as ENABLING_ON_PROD_APP_IDS_LIST,w as ENABLING_ON_QA_APP_IDS_LIST,l as MAX_MOBILE_WIDTH,g as METADATA,d as WARNING};

package/components/StatusBadge/index.js

@@ -1,240 +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 { isInsideNewMobileApp } from '../../utils/mobileDetect.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 { jsx, jsxs, 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: isInsideNewMobileApp ? 'transparent' : 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 : 400;
-      },
-      // can not be more than app's fullscreen modal
-      '& .MuiTooltip-tooltip': {
-        position: 'absolute',
-        bottom: function bottom(_ref4) {
-          var tooltipPlacement = _ref4.tooltipPlacement;
-          return tooltipPlacement.includes('top') ? 0 : 'auto';
-        },
-        top: function top(_ref5) {
-          var tooltipPlacement = _ref5.tooltipPlacement;
-          return tooltipPlacement.includes('bottom') ? 0 : 'auto';
-        },
-        left: function left(_ref6) {
-          var tooltipPlacement = _ref6.tooltipPlacement;
-          return tooltipPlacement.includes('right') ? 0 : 'auto';
-        },
-        right: function right(_ref7) {
-          var tooltipPlacement = _ref7.tooltipPlacement;
-          return tooltipPlacement.includes('left') ? 0 : 'auto';
-        },
-        width: 'max-content',
-        transformOrigin: 'center top',
-        maxWidth: 'none',
-        padding: 4,
-        fontSize: 12,
-        boxShadow: 'none',
-        fontWeight: 400,
-        lineHeight: '16px',
-        letterSpacing: 0,
-        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(_ref8) {
-          var isErrorTypeIcon = _ref8.isErrorTypeIcon,
-            isSuccessTypeIcon = _ref8.isSuccessTypeIcon,
-            isIssueTypeIcon = _ref8.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(_ref9) {
-  var _ref9$assetsData = _ref9.assetsData,
-    assetsData = _ref9$assetsData === void 0 ? {} : _ref9$assetsData,
-    _ref9$setAssetsData = _ref9.setAssetsData,
-    setAssetsData = _ref9$setAssetsData === void 0 ? function () {} : _ref9$setAssetsData,
-    appWidth = _ref9.appWidth,
-    _ref9$DQIssueTooltipM = _ref9.DQIssueTooltipMaxHeight,
-    DQIssueTooltipMaxHeight = _ref9$DQIssueTooltipM === void 0 ? DEFAULT_TOOLTIP_MAX_HEIGHT : _ref9$DQIssueTooltipM,
-    iconType = _ref9.iconType,
-    className = _ref9.className,
-    lastTimestamp = _ref9.lastTimestamp,
-    warningData = _ref9.warningData,
-    hasSubscriptionsData = _ref9.hasSubscriptionsData,
-    maximized = _ref9.maximized,
-    statusBadgeContentClassName = _ref9.statusBadgeContentClassName,
-    _ref9$tooltipPlacemen = _ref9.tooltipPlacement,
-    tooltipPlacement = _ref9$tooltipPlacemen === void 0 ? 'top-start' : _ref9$tooltipPlacemen;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isTooltipOpen = _useState2[0],
-    setIsTooltipOpen = _useState2[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,
-    tooltipPlacement: tooltipPlacement
-  });
-  var leaveTimeoutRef = useRef(null);
-  var handleClick = function handleClick(event) {
-    if (tooltipRef.current && !tooltipRef.current.contains(event.target)) setIsTooltipOpen(false);
-  };
-  useEffect(function () {
-    return function () {
-      setAssetsData({
-        hasSubscriptionsData: 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);
-  };
-  useEffect(function () {
-    if (!hasSubscriptionsData) return;
-    handleMouseEnter();
-    handleMouseLeave(null, 10000);
-  }, [JSON.stringify(assetsData)]);
-  return /*#__PURE__*/jsx("div", {
-    "data-testid": PAGE_NAME,
-    className: classNames(classes.statusBadgeWrapper, "c-status-badge--".concat(iconType), className),
-    children: /*#__PURE__*/jsxs("div", {
-      className: classNames(classes.statusBadgeContent, statusBadgeContentClassName),
-      ref: tooltipRef,
-      children: [iconType && /*#__PURE__*/jsx(Tooltip, {
-        disableHoverListener: true,
-        open: isTooltipOpen,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        PopperProps: {
-          className: classes.popper
-        },
-        placement: tooltipPlacement,
-        title: /*#__PURE__*/jsx(DQUnvalidatedContent, {
-          tooltipRef: tooltipRef,
-          onMouseEnter: handleMouseEnter,
-          onMouseLeave: handleMouseLeave,
-          assetsData: assetsData,
-          maxHeight: DQIssueTooltipMaxHeight
-        }),
-        children: /*#__PURE__*/jsx("div", {
-          className: classes.DQIconWrapper,
-          "data-testid": "".concat(PAGE_NAME, "__DQ_icon_").concat(iconType),
-          children: /*#__PURE__*/jsx(DQStatusIcon, {
-            color: iconType,
-            iconType: iconType
-          })
-        })
-      }), Number.isFinite(lastTimestamp) && /*#__PURE__*/jsxs(Typography, {
-        className: classNames(classes.text, classes.timestamp),
-        variant: "body1",
-        children: ["Last Update: ", moment.unix(lastTimestamp).format('MMM D YYYY, hh: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
-        })]
-      })]
-    })
-  });
-};
-
-export { StatusBadge };
-//# sourceMappingURL=index.js.map
+import{jsx as t,jsxs as e,Fragment as n}from"react/jsx-runtime";import{useState as o,useRef as i,useEffect as a}from"react";import r from"moment";import s from"classnames";import{makeStyles as c,Typography as l}from"@material-ui/core";import{Tooltip as p}from"../Tooltip/Tooltip.js";import"../Tooltip/ScrollableTooltip.js";import{isInsideNewMobileApp as u}from"../../utils/mobileDetect.js";import{WARNING as m,BADGE_ICON_STATUSES as d,MAX_MOBILE_WIDTH as f}from"./constants.js";import{DQStatusIcon as g}from"./components/DQStatusIcon.js";import{DQUnvalidatedContent as h}from"./components/DQUnvalidatedContent.js";var x=window.innerHeight-212,b=c((function(t){return{statusBadgeWrapper:{backgroundColor:u?"transparent":t.palette.background.b4,display:"flex",height:30},statusBadgeContent:{display:"flex",padding:function(t){var e=t.isSuccessTypeIcon,n=t.isErrorTypeIcon,o=t.isIssueTypeIcon;return"12px 0 2px ".concat(e||n||o?6:2,"px")},whiteSpace:"nowrap",width:"calc(100% - 140px)"},text:{fontSize:"10px",lineHeight:"12px",alignSelf:"center"},timestamp:{color:t.palette.primary.text6,marginLeft:function(t){return t.isIconExist&&4}},warningMessage:{color:t.palette.primary.text1,marginLeft:4,textOverflow:"ellipsis",overflow:"hidden",fontSize:"12px"},badgeIconWarning:{marginLeft:8},popper:{zIndex:function(t){return t.maximized?500:400},"& .MuiTooltip-tooltip":{position:"absolute",bottom:function(t){return t.tooltipPlacement.includes("top")?0:"auto"},top:function(t){return t.tooltipPlacement.includes("bottom")?0:"auto"},left:function(t){return t.tooltipPlacement.includes("right")?0:"auto"},right:function(t){return t.tooltipPlacement.includes("left")?0:"auto"},width:"max-content",transformOrigin:"center top",maxWidth:"none",padding:4,fontSize:12,boxShadow:"none",fontWeight:400,lineHeight:"16px",letterSpacing:0,backgroundColor:t.palette.background.b9}},DQIconWrapper:{display:"flex",alignItems:"center",alignSelf:"center",justifyContent:"center",height:24,width:24,minWidth:24,borderRadius:12,"&:hover":{backgroundColor:function(t){var e=t.isErrorTypeIcon,n=t.isSuccessTypeIcon,o=t.isIssueTypeIcon;return e?"rgba(244, 67, 54, 0.1)":n?"rgba(117, 219, 41, 0.2)":o?"rgba(255, 193, 7, 0.16)":"transparent"}}}}})),v=function(c){var u=c.assetsData,v=void 0===u?{}:u,I=c.setAssetsData,T=void 0===I?function(){}:I,y=c.appWidth,S=c.DQIssueTooltipMaxHeight,w=void 0===S?x:S,D=c.iconType,M=c.className,N=c.lastTimestamp,_=c.warningData,W=c.hasSubscriptionsData,C=c.maximized,E=c.statusBadgeContentClassName,L=c.tooltipPlacement,j=void 0===L?"top-start":L,P=o(!1),k=P[0],z=P[1],Q=i(null),H=null==_?void 0:_.message,B=D===d.error,Y=D===d.success,O=D===d.issue,A=y<f,R=b({isIconExist:!!D,isSuccessTypeIcon:Y,isErrorTypeIcon:B,isIssueTypeIcon:O,maximized:C,tooltipPlacement:j}),U=i(null),F=function(t){Q.current&&!Q.current.contains(t.target)&&z(!1)};a((function(){return function(){T({hasSubscriptionsData:!1})}}),[]),a((function(){return document.addEventListener("click",F),function(){document.removeEventListener("click",F),clearTimeout(U.current)}}),[]);var J=function(){clearTimeout(U.current),z(!0)},q=function(t,e){void 0===e&&(e=700),U.current=setTimeout((function(){return z(!1)}),e)};return a((function(){W&&(J(),q(0,1e4))}),[JSON.stringify(v)]),t("div",{"data-testid":"Status_badge",className:s(R.statusBadgeWrapper,"c-status-badge--".concat(D),M),children:e("div",{className:s(R.statusBadgeContent,E),ref:Q,children:[D&&t(p,{disableHoverListener:!0,open:k,onMouseEnter:J,onMouseLeave:q,PopperProps:{className:R.popper},placement:j,title:t(h,{tooltipRef:Q,onMouseEnter:J,onMouseLeave:q,assetsData:v,maxHeight:w}),children:t("div",{className:R.DQIconWrapper,"data-testid":"".concat("Status_badge","__DQ_icon_").concat(D),children:t(g,{color:D,iconType:D})})}),Number.isFinite(N)&&e(l,{className:s(R.text,R.timestamp),variant:"body1",children:["Last Update: ",r.unix(N).format("MMM D YYYY, hh:mm A")]}),_&&e(n,{children:[t(p,{placement:"top",title:H?"".concat(m,". ").concat(H):m,children:t("div",{"data-testid":"".concat("Status_badge","__DQ_icon_warning"),children:t(g,{className:R.badgeIconWarning,color:d.warning,iconType:d.warning})})}),!A&&t(l,{className:s(R.text,R.warningMessage),variant:"body1",children:H?"".concat(m,". ").concat(H):m})]})]})})};export{v as StatusBadge};

package/components/StatusBadge/styles.js

@@ -1,142 +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'
-    },
-    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"},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};