@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js

@@ -1,167 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import classNames from 'classnames';
-import { makeStyles, useTheme } from '@material-ui/core';
-import { CenterAlignmentIcon } from '../../../icons/iconParkIcons.js';
-import '../../../icons/customIcons/icons/AddMessage.js';
-import '../../../icons/customIcons/icons/Attention.js';
-import '../../../icons/customIcons/icons/Collapse.js';
-import '../../../icons/customIcons/icons/Dashboard.js';
-import '../../../icons/customIcons/icons/Expand.js';
-import '../../../icons/customIcons/icons/FolderClosed.js';
-import '../../../icons/customIcons/icons/FolderClosedFilled.js';
-import '../../../icons/customIcons/icons/FolderOpened.js';
-import '../../../icons/customIcons/icons/GreaterOrEqual.js';
-import '../../../icons/customIcons/icons/LessOrEqual.js';
-import '../../../icons/customIcons/icons/Search.js';
-import '../../../icons/customIcons/icons/Wellhub.js';
-import '../../../icons/customIcons/icons/MultiRuler.js';
-import '../../../icons/customIcons/icons/Checkbox.js';
-import '../../../icons/customIcons/icons/CheckboxChecked.js';
-import '../../../icons/customIcons/icons/CheckboxIndeterminate.js';
-import '../../../icons/customIcons/icons/Radio.js';
-import '../../../icons/customIcons/icons/RadioChecked.js';
-import '../../../icons/customIcons/icons/SimulFrac.js';
-import '../../../icons/customIcons/icons/ZipperFrac.js';
-import '../../../icons/customIcons/icons/CautionFilled.js';
-import '../../../icons/customIcons/icons/MoreApp.js';
-import '../../../icons/customIcons/icons/Pad.js';
-import '../../../icons/customIcons/icons/Gap.js';
-import AppSideBar from '../AppSideBar/AppSideBar.js';
-import IconButton from '../../IconButton/index.js';
-import { AppSettingsPopover } from '../AppSettingsPopover/AppSettingsPopover.js';
-import Button from '../../Button/components/Button/index.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
-import 'moment-timezone';
-import '../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js';
-import '../../Button/components/LiveButton/styles.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useMatchAppContainerSize } from '../../../effects/useMatchAppContainerSize.js';
-import { isNativeDetected, isMobileDetected } from '../../../utils/mobileDetect.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var useStyles = makeStyles({
-  appLayout: {
-    display: 'flex',
-    flexDirection: 'column',
-    width: '100%',
-    height: '100%'
-  },
-  header: {
-    paddingLeft: 12,
-    paddingRight: 12,
-    display: 'flex',
-    height: 36
-  },
-  contentWrapper: {
-    display: 'flex',
-    position: 'relative',
-    flexGrow: 1,
-    height: 'calc(100% - 36px)',
-    // NOTE: 36px is header height
-    '@media (max-width: 960px)': {
-      height: '100%'
-    }
-  },
-  content: {
-    display: 'flex',
-    flexDirection: 'column',
-    textAlign: 'center',
-    alignItems: 'center',
-    justifyContent: 'center',
-    height: '100%',
-    width: '100%'
-  },
-  popoverContent: {
-    padding: '0 16px'
-  },
-  filtersTrigger: {
-    width: 30,
-    height: 30
-  }
-});
-var FiltersTrigger = function FiltersTrigger(props) {
-  var theme = useTheme();
-  var isTabletView = useMatchAppContainerSize({
-    width: {
-      max: theme.breakpoints.width('md')
-    }
-  });
-  var styles = useStyles();
-  if (isTabletView) {
-    return /*#__PURE__*/jsx(IconButton, _objectSpread(_objectSpread({
-      className: styles.filtersTrigger,
-      size: "small",
-      tooltipProps: {
-        title: 'Filters'
-      }
-      //@ts-ignore
-      ,
-      variant: "contained"
-    }, props), {}, {
-      children: /*#__PURE__*/jsx(CenterAlignmentIcon, {
-        size: 16
-      })
-    }));
-  }
-  return /*#__PURE__*/jsx(Button, _objectSpread(_objectSpread({
-    startIcon: /*#__PURE__*/jsx(CenterAlignmentIcon, {
-      size: 16
-    })
-  }, props), {}, {
-    children: "Filters"
-  }));
-};
-var AppFilterPanelLayout = function AppFilterPanelLayout(_ref) {
-  var appSettingsPopoverProps = _ref.appSettingsPopoverProps,
-    children = _ref.children,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes,
-    header = _ref.header,
-    sideBarContent = _ref.sideBarContent,
-    sideBarProps = _ref.sideBarProps;
-  var styles = useStyles();
-  var theme = useTheme();
-  var isTabletView = useMatchAppContainerSize({
-    width: {
-      max: theme.breakpoints.width('md')
-    }
-  });
-  var showFilterButton = isNativeDetected || isMobileDetected || isTabletView;
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames(styles.appLayout, classes.appLayout),
-    children: [showFilterButton && /*#__PURE__*/jsxs("div", {
-      className: classNames(styles.header, classes.header),
-      children: [/*#__PURE__*/jsx(AppSettingsPopover, _objectSpread(_objectSpread({
-        Trigger: FiltersTrigger,
-        classes: {
-          popoverContent: styles.popoverContent
-        },
-        header: "Filters",
-        anchorOrigin: {
-          vertical: 'top',
-          horizontal: 'left'
-        },
-        transformOrigin: {
-          vertical: 'top',
-          horizontal: 'left'
-        }
-      }, appSettingsPopoverProps), {}, {
-        children: sideBarContent
-      })), header]
-    }), /*#__PURE__*/jsxs("div", {
-      className: classNames(styles.contentWrapper, classes.contentWrapper),
-      children: [!showFilterButton && /*#__PURE__*/jsx(AppSideBar, _objectSpread(_objectSpread({}, sideBarProps), {}, {
-        anchor: "left",
-        children: sideBarContent
-      })), children && /*#__PURE__*/jsx("div", {
-        className: classNames(styles.content, classes.content),
-        children: children
-      })]
-    })]
-  });
-};
-
-export { AppFilterPanelLayout };
-//# sourceMappingURL=AppFilterPanelLayout.js.map
+import{__assign as o}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsxs as s,jsx as i}from"react/jsx-runtime";import t from"classnames";import{makeStyles as n,useTheme as e}from"@material-ui/core";import{CenterAlignmentIcon as c}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/Gap.js";import r from"../AppSideBar/AppSideBar.js";import m from"../../IconButton/index.js";import{AppSettingsPopover as p}from"../AppSettingsPopover/AppSettingsPopover.js";import a from"../../Button/components/Button/index.js";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";import{useMatchAppContainerSize as l}from"../../../effects/useMatchAppContainerSize.js";import{isNativeDetected as d,isMobileDetected as u}from"../../../utils/mobileDetect.js";var h=n({appLayout:{display:"flex",flexDirection:"column",width:"100%",height:"100%"},header:{paddingLeft:12,paddingRight:12,display:"flex",height:36},contentWrapper:{display:"flex",position:"relative",flexGrow:1,height:"calc(100% - 36px)","@media (max-width: 960px)":{height:"100%"}},content:{display:"flex",flexDirection:"column",textAlign:"center",alignItems:"center",justifyContent:"center",height:"100%",width:"100%"},popoverContent:{padding:"0 16px"},filtersTrigger:{width:30,height:30}}),j=function(s){var t=e(),n=l({width:{max:t.breakpoints.width("md")}}),r=h();return n?i(m,o({className:r.filtersTrigger,size:"small",tooltipProps:{title:"Filters"},variant:"contained"},s,{children:i(c,{size:16})})):i(a,o({startIcon:i(c,{size:16})},s,{children:"Filters"}))},f=function(n){var c=n.appSettingsPopoverProps,m=n.children,a=n.classes,f=void 0===a?{}:a,I=n.header,g=n.sideBarContent,x=n.sideBarProps,v=h(),C=e(),B=l({width:{max:C.breakpoints.width("md")}}),b=d||u||B;return s("div",{className:t(v.appLayout,f.appLayout),children:[b&&s("div",{className:t(v.header,f.header),children:[i(p,o({Trigger:j,classes:{popoverContent:v.popoverContent},header:"Filters",anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},c,{children:g})),I]}),s("div",{className:t(v.contentWrapper,f.contentWrapper),children:[!b&&i(r,o({},x,{anchor:"left",children:g})),m&&i("div",{className:t(v.content,f.content),children:m})]})]})};export{f as AppFilterPanelLayout};

package/components/DevCenter/AppHeader/AppHeader.js

@@ -1,291 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useRef, useEffect } from 'react';
-import { get } from 'lodash';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { Tooltip, Typography, Box } from '@material-ui/core';
-import { SecondaryAssetNameLabel } from '../../AssetNameLabel/SecondaryAssetNameLabel.js';
-import { AssetNameLabel } from '../../AssetNameLabel/AssetNameLabel.js';
-import { VersionBadge } from './VersionBadge.js';
-import PadMode from './PadMode.js';
-import { APP_LAYOUT_SIZES, getAppDimension } from './utils.js';
-import { PadIcon } from './PadIcon.js';
-import { useStyles } from './AppHeaderStyles.js';
-import styles from './AppHeader.css.js';
-import LastAnnotation from '../../Annotations/components/LastAnnotation/index.js';
-import { SEGMENTS } from '../../../constants/segment.js';
-import { DEV_CENTER_CLI_APP_ID } from '../../../constants/devcenter.js';
-import '../../../constants/goals.js';
-import '../../../constants/alerts.js';
-import '../../../constants/apps.js';
-import '../../../constants/drillstring.js';
-import '../../../constants/completion.js';
-import '../../../constants/appPackages.js';
-import '../../../constants/notifications.js';
-import '../../../constants/feed.js';
-import '../../../constants/bha.js';
-import '../../../utils/env.js';
-import '../../GradientManager/configuration/constants.js';
-import { getAppName, getAppSegment } from '../../../utils/devcenter.js';
-import { isInsideNewMobileApp } from '../../../utils/mobileDetect.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var PAGE_NAME = 'DevCenter_AppHeader';
-var getLinkFromWell = function getLinkFromWell(well) {
-  return (well === null || well === void 0 ? void 0 : well.asset_id) && "/assets/".concat(well === null || well === void 0 ? void 0 : well.asset_id);
-};
-var getAssetLabels = function getAssetLabels(_ref) {
-  var _fracFleet$pad_frac_f;
-  var _ref$appSettings = _ref.appSettings,
-    appSettings = _ref$appSettings === void 0 ? {} : _ref$appSettings,
-    well = _ref.well,
-    rig = _ref.rig,
-    fracFleet = _ref.fracFleet,
-    segment = _ref.segment;
-  var isDrilling = segment === SEGMENTS.DRILLING;
-  var isCompletion = segment === SEGMENTS.COMPLETION;
-  var wellId = appSettings.wellId,
-    rigId = appSettings.rigId,
-    fracFleetId = appSettings.fracFleetId,
-    padId = appSettings.padId;
-  var pad = fracFleet === null || fracFleet === void 0 ? void 0 : (_fracFleet$pad_frac_f = fracFleet.pad_frac_fleets.find(function (_ref2) {
-    var pad = _ref2.pad;
-    return pad.id === (padId || fracFleet.current_pad_id);
-  })) === null || _fracFleet$pad_frac_f === void 0 ? void 0 : _fracFleet$pad_frac_f.pad;
-  var secondaryAssetName = isDrilling ? wellId && (well === null || well === void 0 ? void 0 : well.name) : pad === null || pad === void 0 ? void 0 : pad.name;
-  var currentPadLink = "/assets/types/pad/".concat(padId || (fracFleet === null || fracFleet === void 0 ? void 0 : fracFleet.current_pad_id));
-  var primaryAssetName = isDrilling ? rig === null || rig === void 0 ? void 0 : rig.name : fracFleet === null || fracFleet === void 0 ? void 0 : fracFleet.name;
-  var isPrimaryNameVisible = !!(wellId || rigId || fracFleetId);
-  var isPrimaryAssetStatusVisible = false;
-  var primaryAssetLink =
-  // we need to use assetId till platform is using old API for assets.
-  isDrilling ? primaryAssetName && getLinkFromWell(well) : currentPadLink;
-  if (isCompletion && !isPrimaryNameVisible && well !== null && well !== void 0 && well.id && well !== null && well !== void 0 && well.name) {
-    isPrimaryAssetStatusVisible = true;
-    isPrimaryNameVisible = true;
-    primaryAssetLink = getLinkFromWell(well);
-    primaryAssetName = well.name;
-  }
-  var secondaryAssetLink = isDrilling ? getLinkFromWell(well) : "/assets/types/pad/".concat(padId || (fracFleet === null || fracFleet === void 0 ? void 0 : fracFleet.current_pad_id));
-  return {
-    isPrimaryAssetStatusVisible: isPrimaryAssetStatusVisible,
-    isPrimaryNameVisible: isPrimaryNameVisible,
-    primaryAssetLink: primaryAssetLink,
-    primaryAssetName: primaryAssetName,
-    secondaryAssetLink: secondaryAssetLink,
-    secondaryAssetName: secondaryAssetName
-  };
-};
-function AppHeader(_ref3) {
-  var _titleRef$current3, _app$package, _app$package$manifest, _app$package$manifest2, _app$package$manifest3, _app$package2, _app$package2$manifes, _app$package2$manifes2, _app$package2$manifes3, _app$package3, _app$package3$manifes, _app$package3$manifes2, _app$package3$manifes3;
-  var app = _ref3.app,
-    appLastAnnotation = _ref3.appLastAnnotation,
-    appSettings = _ref3.appSettings,
-    badge = _ref3.badge,
-    children = _ref3.children,
-    classes = _ref3.classes,
-    coordinates = _ref3.coordinates,
-    currentUser = _ref3.currentUser,
-    fracFleet = _ref3.fracFleet,
-    isMaximized = _ref3.isMaximized,
-    logoSrc = _ref3.logoSrc,
-    onSettingChange = _ref3.onSettingChange,
-    openAnnotationsList = _ref3.openAnnotationsList,
-    primaryAssetStatusBadge = _ref3.primaryAssetStatusBadge,
-    rig = _ref3.rig,
-    showLastAnnotation = _ref3.showLastAnnotation,
-    updateCurrentDashboardAppLastAnnotation = _ref3.updateCurrentDashboardAppLastAnnotation,
-    well = _ref3.well,
-    wells = _ref3.wells,
-    PadModeComponent = _ref3.PadModeComponent,
-    activeWellName = _ref3.activeWellName;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isAppNameTooltipShown = _useState2[0],
-    setIsAppNameTooltipShown = _useState2[1];
-  var titleRef = useRef(null);
-  var appCoordinatesWidth = coordinates === null || coordinates === void 0 ? void 0 : coordinates.pixelWidth;
-  useEffect(function () {
-    var _titleRef$current, _titleRef$current2;
-    setIsAppNameTooltipShown(((_titleRef$current = titleRef.current) === null || _titleRef$current === void 0 ? void 0 : _titleRef$current.scrollWidth) > ((_titleRef$current2 = titleRef.current) === null || _titleRef$current2 === void 0 ? void 0 : _titleRef$current2.offsetWidth));
-  }, [(_titleRef$current3 = titleRef.current) === null || _titleRef$current3 === void 0 ? void 0 : _titleRef$current3.offsetWidth, appCoordinatesWidth]);
-  var appDimension = getAppDimension(appCoordinatesWidth);
-  var appName = getAppName(app);
-  var segment = getAppSegment(app);
-  var isCompletion = segment === SEGMENTS.COMPLETION;
-  var _getAssetLabels = getAssetLabels({
-      appSettings: app === null || app === void 0 ? void 0 : app.settings,
-      well: well,
-      rig: rig,
-      fracFleet: fracFleet,
-      segment: segment
-    }),
-    isPrimaryAssetStatusVisible = _getAssetLabels.isPrimaryAssetStatusVisible,
-    isPrimaryNameVisible = _getAssetLabels.isPrimaryNameVisible,
-    primaryAssetLink = _getAssetLabels.primaryAssetLink,
-    primaryAssetName = _getAssetLabels.primaryAssetName,
-    secondaryAssetLink = _getAssetLabels.secondaryAssetLink,
-    secondaryAssetName = _getAssetLabels.secondaryAssetName;
-  var isMobileSize = [APP_LAYOUT_SIZES.MEDIUM, APP_LAYOUT_SIZES.SMALL].includes(appDimension);
-  var isCLIApp = app && app.id === DEV_CENTER_CLI_APP_ID;
-  var padModeProps = {
-    fracFleet: fracFleet,
-    wells: wells,
-    well: well,
-    onSettingChange: onSettingChange,
-    appSettings: appSettings,
-    disableActiveWellsInPadSelect: app === null || app === void 0 ? void 0 : (_app$package = app.package) === null || _app$package === void 0 ? void 0 : (_app$package$manifest = _app$package.manifest) === null || _app$package$manifest === void 0 ? void 0 : (_app$package$manifest2 = _app$package$manifest.application) === null || _app$package$manifest2 === void 0 ? void 0 : (_app$package$manifest3 = _app$package$manifest2.ui) === null || _app$package$manifest3 === void 0 ? void 0 : _app$package$manifest3.disableActiveWellsInPadSelect,
-    enableSimulFracInPadSelect: app === null || app === void 0 ? void 0 : (_app$package2 = app.package) === null || _app$package2 === void 0 ? void 0 : (_app$package2$manifes = _app$package2.manifest) === null || _app$package2$manifes === void 0 ? void 0 : (_app$package2$manifes2 = _app$package2$manifes.application) === null || _app$package2$manifes2 === void 0 ? void 0 : (_app$package2$manifes3 = _app$package2$manifes2.ui) === null || _app$package2$manifes3 === void 0 ? void 0 : _app$package2$manifes3.enableSimulFracInPadSelect,
-    completionAppType: app === null || app === void 0 ? void 0 : (_app$package3 = app.package) === null || _app$package3 === void 0 ? void 0 : (_app$package3$manifes = _app$package3.manifest) === null || _app$package3$manifes === void 0 ? void 0 : (_app$package3$manifes2 = _app$package3$manifes.application) === null || _app$package3$manifes2 === void 0 ? void 0 : (_app$package3$manifes3 = _app$package3$manifes2.ui) === null || _app$package3$manifes3 === void 0 ? void 0 : _app$package3$manifes3.completionAppType
-  };
-  var jsStyles = useStyles({
-    isMobileSize: isMobileSize
-  });
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames(jsStyles.appHeaderWrapper, classes.appHeader),
-    children: [/*#__PURE__*/jsxs("div", {
-      className: jsStyles.appHeaderContainer,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classNames(jsStyles.titleBlock, classes.titleBlock),
-        children: /*#__PURE__*/jsxs("div", {
-          className: classes.appHeaderTitleWrapper,
-          ref: titleRef,
-          children: [/*#__PURE__*/jsxs("div", {
-            className: jsStyles.titleWrapper,
-            children: [logoSrc && /*#__PURE__*/jsxs(Fragment, {
-              children: [/*#__PURE__*/jsx("img", {
-                className: jsStyles.logo,
-                src: logoSrc,
-                alt: "company logo"
-              }), /*#__PURE__*/jsx("div", {
-                className: jsStyles.separateLine
-              })]
-            }), /*#__PURE__*/jsx(Tooltip, {
-              title: isAppNameTooltipShown ? appName : '',
-              placement: "bottom",
-              children: /*#__PURE__*/jsx("h6", {
-                "data-testid": "".concat(PAGE_NAME, "_name"),
-                className: jsStyles.title,
-                children: appName
-              })
-            }), /*#__PURE__*/jsx(VersionBadge, {
-              appPackage: app === null || app === void 0 ? void 0 : app.package
-            })]
-          }), badge]
-        })
-      }), app && coordinates && /*#__PURE__*/jsxs("div", {
-        className: classNames(styles.controlsContainer, isMaximized && styles.appMaximized),
-        children: [!isMobileSize && /*#__PURE__*/jsxs(Fragment, {
-          children: [isCompletion && activeWellName && /*#__PURE__*/jsx(Typography, {
-            variant: "caption",
-            children: activeWellName
-          }), isCompletion && /*#__PURE__*/jsx(PadModeComponent, _objectSpread({}, padModeProps)), children]
-        }), !isInsideNewMobileApp && /*#__PURE__*/jsxs("div", {
-          className: styles.assetLabels,
-          children: [secondaryAssetName && /*#__PURE__*/jsx(SecondaryAssetNameLabel, {
-            assetName: secondaryAssetName,
-            coordinatesPixelWidth: appCoordinatesWidth,
-            dataTestId: "".concat(PAGE_NAME, "_secondaryAsset"),
-            href: !isCLIApp && secondaryAssetLink,
-            icon: isCompletion && /*#__PURE__*/jsx(PadIcon, {}),
-            isColored: !isCompletion || app.settings.padId && app.settings.padId !== fracFleet.current_pad_id
-          }), isPrimaryNameVisible && /*#__PURE__*/jsx(AssetNameLabel, {
-            assetName: primaryAssetName,
-            coordinatesPixelWidth: appCoordinatesWidth,
-            dataTestId: "".concat(PAGE_NAME, "_primaryAsset"),
-            href: !isCLIApp && primaryAssetLink,
-            statusBadge: isPrimaryAssetStatusVisible && primaryAssetStatusBadge
-          })]
-        })]
-      }), showLastAnnotation && appLastAnnotation && /*#__PURE__*/jsx(LastAnnotation, {
-        annotation: appLastAnnotation,
-        appId: get(app, ['app', 'id']),
-        currentUser: currentUser,
-        dashboardAppId: app.id,
-        openAnnotationsList: openAnnotationsList,
-        updateCurrentDashboardAppLastAnnotation: updateCurrentDashboardAppLastAnnotation
-      })]
-    }), isMobileSize && /*#__PURE__*/jsxs(Box, {
-      display: "flex",
-      alignItems: "center",
-      mt: 1,
-      children: [isCompletion && !well && (wells || fracFleet) && /*#__PURE__*/jsx("div", {
-        className: styles.padModeSelect,
-        children: /*#__PURE__*/jsx(PadModeComponent, _objectSpread({}, padModeProps))
-      }), children]
-    })]
-  });
-}
-AppHeader.propTypes = {
-  app: PropTypes.object.isRequired,
-  // eslint-disable-line react/forbid-prop-types
-  badge: PropTypes.node,
-  classes: PropTypes.shape({
-    appHeader: PropTypes.string,
-    titleBlock: PropTypes.string,
-    appHeaderTitleWrapper: PropTypes.string
-  }),
-  showLastAnnotation: PropTypes.bool,
-  currentUser: PropTypes.shape({}),
-  appLastAnnotation: PropTypes.shape({}),
-  updateCurrentDashboardAppLastAnnotation: PropTypes.func,
-  openAnnotationsList: PropTypes.func,
-  rig: PropTypes.shape({
-    name: PropTypes.string,
-    asset_id: PropTypes.number
-  }),
-  well: PropTypes.shape({
-    name: PropTypes.string,
-    asset_id: PropTypes.number
-  }),
-  fracFleet: PropTypes.shape({
-    name: PropTypes.string,
-    current_pad_id: PropTypes.number,
-    pad_frac_fleets: PropTypes.arrayOf(PropTypes.shape({
-      pad: PropTypes.shape({
-        id: PropTypes.number.isRequired,
-        name: PropTypes.string
-      }).isRequired
-    })).isRequired
-  }),
-  wells: PropTypes.arrayOf(PropTypes.shape({})),
-  coordinates: PropTypes.shape({
-    pixelWidth: PropTypes.number.isRequired
-  }),
-  isMaximized: PropTypes.bool,
-  appSettings: PropTypes.shape({}),
-  onSettingChange: PropTypes.func,
-  children: PropTypes.node,
-  logoSrc: PropTypes.string,
-  primaryAssetStatusBadge: PropTypes.node,
-  PadModeComponent: PropTypes.elementType,
-  activeWellName: PropTypes.string
-};
-AppHeader.defaultProps = {
-  appLastAnnotation: null,
-  appSettings: null,
-  badge: null,
-  children: null,
-  classes: {},
-  coordinates: undefined,
-  currentUser: undefined,
-  fracFleet: null,
-  isMaximized: false,
-  logoSrc: null,
-  onSettingChange: undefined,
-  openAnnotationsList: undefined,
-  rig: null,
-  showLastAnnotation: true,
-  updateCurrentDashboardAppLastAnnotation: function updateCurrentDashboardAppLastAnnotation() {},
-  well: null,
-  wells: null,
-  primaryAssetStatusBadge: null,
-  PadModeComponent: PadMode,
-  activeWellName: null
-};
-
-export { PAGE_NAME, AppHeader as default };
-//# sourceMappingURL=AppHeader.js.map
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as a,useRef as n,useEffect as i}from"react";import{get as s}from"lodash";import r from"prop-types";import o from"classnames";import{Tooltip as l,Typography as p,Box as d}from"@material-ui/core";import{SecondaryAssetNameLabel as c}from"../../AssetNameLabel/SecondaryAssetNameLabel.js";import{AssetNameLabel as m}from"../../AssetNameLabel/AssetNameLabel.js";import{VersionBadge as u}from"./VersionBadge.js";import f from"./PadMode.js";import{APP_LAYOUT_SIZES as g,getAppDimension as v}from"./utils.js";import{PadIcon as h}from"./PadIcon.js";import{useStyles as b}from"./AppHeaderStyles.js";import A from"./AppHeader.css.js";import y from"../../Annotations/components/LastAnnotation/index.js";import{SEGMENTS as j}from"../../../constants/segment.js";import{DEV_CENTER_CLI_APP_ID as L}from"../../../constants/devcenter.js";import"../../../constants/goals.js";import"../../../constants/alerts.js";import"../../../constants/apps.js";import"../../../constants/drillstring.js";import"../../../constants/completion.js";import"../../../constants/appPackages.js";import"../../../constants/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import"../../../utils/env.js";import"../../GradientManager/configuration/constants.js";import{getAppName as S,getAppSegment as N}from"../../../utils/devcenter.js";import{isInsideNewMobileApp as P}from"../../../utils/mobileDetect.js";import{jsxs as O,jsx as _,Fragment as I}from"react/jsx-runtime";function w(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function C(t){for(var a=1;a<arguments.length;a++){var n=null!=arguments[a]?arguments[a]:{};a%2?w(Object(n),!0).forEach((function(a){e(t,a,n[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var M="DevCenter_AppHeader",W=function(e){return(null==e?void 0:e.asset_id)&&"/assets/".concat(null==e?void 0:e.asset_id)};function k(e){var r,f,w,k,x,D,T,F,H,B,R,q,z,E=e.app,U=e.appLastAnnotation,V=e.appSettings,G=e.badge,J=e.children,K=e.classes,Q=e.coordinates,X=e.currentUser,Y=e.fracFleet,Z=e.isMaximized,$=e.logoSrc,ee=e.onSettingChange,te=e.openAnnotationsList,ae=e.primaryAssetStatusBadge,ne=e.rig,ie=e.showLastAnnotation,se=e.updateCurrentDashboardAppLastAnnotation,re=e.well,oe=e.wells,le=e.PadModeComponent,pe=e.activeWellName,de=a(!1),ce=t(de,2),me=ce[0],ue=ce[1],fe=n(null),ge=null==Q?void 0:Q.pixelWidth;i((function(){var e,t;ue((null===(e=fe.current)||void 0===e?void 0:e.scrollWidth)>(null===(t=fe.current)||void 0===t?void 0:t.offsetWidth))}),[null===(r=fe.current)||void 0===r?void 0:r.offsetWidth,ge]);var ve=v(ge),he=S(E),be=N(E),Ae=be===j.COMPLETION,ye=function(e){var t,a=e.appSettings,n=void 0===a?{}:a,i=e.well,s=e.rig,r=e.fracFleet,o=e.segment,l=o===j.DRILLING,p=o===j.COMPLETION,d=n.wellId,c=n.rigId,m=n.fracFleetId,u=n.padId,f=null==r||null===(t=r.pad_frac_fleets.find((function(e){return e.pad.id===(u||r.current_pad_id)})))||void 0===t?void 0:t.pad,g=l?d&&(null==i?void 0:i.name):null==f?void 0:f.name,v="/assets/types/pad/".concat(u||(null==r?void 0:r.current_pad_id)),h=l?null==s?void 0:s.name:null==r?void 0:r.name,b=!!(d||c||m),A=!1,y=l?h&&W(i):v;return p&&!b&&null!=i&&i.id&&null!=i&&i.name&&(A=!0,b=!0,y=W(i),h=i.name),{isPrimaryAssetStatusVisible:A,isPrimaryNameVisible:b,primaryAssetLink:y,primaryAssetName:h,secondaryAssetLink:l?W(i):"/assets/types/pad/".concat(u||(null==r?void 0:r.current_pad_id)),secondaryAssetName:g}}({appSettings:null==E?void 0:E.settings,well:re,rig:ne,fracFleet:Y,segment:be}),je=ye.isPrimaryAssetStatusVisible,Le=ye.isPrimaryNameVisible,Se=ye.primaryAssetLink,Ne=ye.primaryAssetName,Pe=ye.secondaryAssetLink,Oe=ye.secondaryAssetName,_e=[g.MEDIUM,g.SMALL].includes(ve),Ie=E&&E.id===L,we={fracFleet:Y,wells:oe,well:re,onSettingChange:ee,appSettings:V,disableActiveWellsInPadSelect:null==E||null===(f=E.package)||void 0===f||null===(w=f.manifest)||void 0===w||null===(k=w.application)||void 0===k||null===(x=k.ui)||void 0===x?void 0:x.disableActiveWellsInPadSelect,enableSimulFracInPadSelect:null==E||null===(D=E.package)||void 0===D||null===(T=D.manifest)||void 0===T||null===(F=T.application)||void 0===F||null===(H=F.ui)||void 0===H?void 0:H.enableSimulFracInPadSelect,completionAppType:null==E||null===(B=E.package)||void 0===B||null===(R=B.manifest)||void 0===R||null===(q=R.application)||void 0===q||null===(z=q.ui)||void 0===z?void 0:z.completionAppType},Ce=b({isMobileSize:_e});return O("div",{className:o(Ce.appHeaderWrapper,K.appHeader),children:[O("div",{className:Ce.appHeaderContainer,children:[_("div",{className:o(Ce.titleBlock,K.titleBlock),children:O("div",{className:K.appHeaderTitleWrapper,ref:fe,children:[O("div",{className:Ce.titleWrapper,children:[$&&O(I,{children:[_("img",{className:Ce.logo,src:$,alt:"company logo"}),_("div",{className:Ce.separateLine})]}),_(l,{title:me?he:"",placement:"bottom",children:_("h6",{"data-testid":"".concat(M,"_name"),className:Ce.title,children:he})}),_(u,{appPackage:null==E?void 0:E.package})]}),G]})}),E&&Q&&O("div",{className:o(A.controlsContainer,Z&&A.appMaximized),children:[!_e&&O(I,{children:[Ae&&pe&&_(p,{variant:"caption",children:pe}),Ae&&_(le,C({},we)),J]}),!P&&O("div",{className:A.assetLabels,children:[Oe&&_(c,{assetName:Oe,coordinatesPixelWidth:ge,dataTestId:"".concat(M,"_secondaryAsset"),href:!Ie&&Pe,icon:Ae&&_(h,{}),isColored:!Ae||E.settings.padId&&E.settings.padId!==Y.current_pad_id}),Le&&_(m,{assetName:Ne,coordinatesPixelWidth:ge,dataTestId:"".concat(M,"_primaryAsset"),href:!Ie&&Se,statusBadge:je&&ae})]})]}),ie&&U&&_(y,{annotation:U,appId:s(E,["app","id"]),currentUser:X,dashboardAppId:E.id,openAnnotationsList:te,updateCurrentDashboardAppLastAnnotation:se})]}),_e&&O(d,{display:"flex",alignItems:"center",mt:1,children:[Ae&&!re&&(oe||Y)&&_("div",{className:A.padModeSelect,children:_(le,C({},we))}),J]})]})}k.propTypes={app:r.object.isRequired,badge:r.node,classes:r.shape({appHeader:r.string,titleBlock:r.string,appHeaderTitleWrapper:r.string}),showLastAnnotation:r.bool,currentUser:r.shape({}),appLastAnnotation:r.shape({}),updateCurrentDashboardAppLastAnnotation:r.func,openAnnotationsList:r.func,rig:r.shape({name:r.string,asset_id:r.number}),well:r.shape({name:r.string,asset_id:r.number}),fracFleet:r.shape({name:r.string,current_pad_id:r.number,pad_frac_fleets:r.arrayOf(r.shape({pad:r.shape({id:r.number.isRequired,name:r.string}).isRequired})).isRequired}),wells:r.arrayOf(r.shape({})),coordinates:r.shape({pixelWidth:r.number.isRequired}),isMaximized:r.bool,appSettings:r.shape({}),onSettingChange:r.func,children:r.node,logoSrc:r.string,primaryAssetStatusBadge:r.node,PadModeComponent:r.elementType,activeWellName:r.string},k.defaultProps={appLastAnnotation:null,appSettings:null,badge:null,children:null,classes:{},coordinates:void 0,currentUser:void 0,fracFleet:null,isMaximized:!1,logoSrc:null,onSettingChange:void 0,openAnnotationsList:void 0,rig:null,showLastAnnotation:!0,updateCurrentDashboardAppLastAnnotation:function(){},well:null,wells:null,primaryAssetStatusBadge:null,PadModeComponent:f,activeWellName:null};export{M as PAGE_NAME,k as default};