@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/DevCenter/AppHeader/AppHeader.js

@@ -1 +1,291 @@
-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};
+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

package/components/DevCenter/AppHeader/AppHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.js","sources":["../../../../src/components/DevCenter/AppHeader/AppHeader.js"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { get } from 'lodash';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Box, Tooltip, Typography } from '@material-ui/core';\n\nimport { SecondaryAssetNameLabel } from '../../AssetNameLabel/SecondaryAssetNameLabel';\nimport { AssetNameLabel } from '../../AssetNameLabel/AssetNameLabel';\n\nimport { VersionBadge } from './VersionBadge';\nimport PadMode from './PadMode';\nimport { APP_LAYOUT_SIZES, getAppDimension } from './utils';\nimport { PadIcon } from './PadIcon';\nimport { useStyles } from './AppHeaderStyles';\n\nimport styles from './AppHeader.css';\n\nimport LastAnnotation from '~/components/Annotations/components/LastAnnotation';\nimport { SEGMENTS } from '~/constants/segment';\nimport { DEV_CENTER_CLI_APP_ID } from '~/constants';\nimport { getAppName, getAppSegment } from '~/utils/devcenter';\nimport { isInsideNewMobileApp } from '~/utils/mobileDetect';\n\nexport const PAGE_NAME = 'DevCenter_AppHeader';\n\nconst getLinkFromWell = well => well?.asset_id && `/assets/${well?.asset_id}`;\n\nconst getAssetLabels = ({ appSettings = {}, well, rig, fracFleet, segment }) => {\n  const isDrilling = segment === SEGMENTS.DRILLING;\n  const isCompletion = segment === SEGMENTS.COMPLETION;\n\n  const { wellId, rigId, fracFleetId, padId } = appSettings;\n  const pad = fracFleet?.pad_frac_fleets.find(\n    ({ pad }) => pad.id === (padId || fracFleet.current_pad_id)\n  )?.pad;\n  const secondaryAssetName = isDrilling ? wellId && well?.name : pad?.name;\n  const currentPadLink = `/assets/types/pad/${padId || fracFleet?.current_pad_id}`;\n\n  let primaryAssetName = isDrilling ? rig?.name : fracFleet?.name;\n  let isPrimaryNameVisible = !!(wellId || rigId || fracFleetId);\n  let isPrimaryAssetStatusVisible = false;\n\n  let primaryAssetLink =\n    // we need to use assetId till platform is using old API for assets.\n    isDrilling ? primaryAssetName && getLinkFromWell(well) : currentPadLink;\n\n  if (isCompletion && !isPrimaryNameVisible && well?.id && well?.name) {\n    isPrimaryAssetStatusVisible = true;\n    isPrimaryNameVisible = true;\n    primaryAssetLink = getLinkFromWell(well);\n    primaryAssetName = well.name;\n  }\n\n  const secondaryAssetLink = isDrilling\n    ? getLinkFromWell(well)\n    : `/assets/types/pad/${padId || fracFleet?.current_pad_id}`;\n\n  return {\n    isPrimaryAssetStatusVisible,\n    isPrimaryNameVisible,\n    primaryAssetLink,\n    primaryAssetName,\n    secondaryAssetLink,\n    secondaryAssetName,\n  };\n};\n\nfunction AppHeader({\n  app,\n  appLastAnnotation,\n  appSettings,\n  badge,\n  children,\n  classes,\n  coordinates,\n  currentUser,\n  fracFleet,\n  isMaximized,\n  logoSrc,\n  onSettingChange,\n  openAnnotationsList,\n  primaryAssetStatusBadge,\n  rig,\n  showLastAnnotation,\n  updateCurrentDashboardAppLastAnnotation,\n  well,\n  wells,\n  PadModeComponent,\n  activeWellName,\n}) {\n  const [isAppNameTooltipShown, setIsAppNameTooltipShown] = useState(false);\n  const titleRef = useRef(null);\n\n  const appCoordinatesWidth = coordinates?.pixelWidth;\n\n  useEffect(() => {\n    setIsAppNameTooltipShown(titleRef.current?.scrollWidth > titleRef.current?.offsetWidth);\n  }, [titleRef.current?.offsetWidth, appCoordinatesWidth]);\n\n  const appDimension = getAppDimension(appCoordinatesWidth);\n  const appName = getAppName(app);\n  const segment = getAppSegment(app);\n  const isCompletion = segment === SEGMENTS.COMPLETION;\n\n  const {\n    isPrimaryAssetStatusVisible,\n    isPrimaryNameVisible,\n    primaryAssetLink,\n    primaryAssetName,\n    secondaryAssetLink,\n    secondaryAssetName,\n  } = getAssetLabels({ appSettings: app?.settings, well, rig, fracFleet, segment });\n  const isMobileSize = [APP_LAYOUT_SIZES.MEDIUM, APP_LAYOUT_SIZES.SMALL].includes(appDimension);\n  const isCLIApp = app && app.id === DEV_CENTER_CLI_APP_ID;\n  const padModeProps = {\n    fracFleet,\n    wells,\n    well,\n    onSettingChange,\n    appSettings,\n    disableActiveWellsInPadSelect:\n      app?.package?.manifest?.application?.ui?.disableActiveWellsInPadSelect,\n    enableSimulFracInPadSelect: app?.package?.manifest?.application?.ui?.enableSimulFracInPadSelect,\n    completionAppType: app?.package?.manifest?.application?.ui?.completionAppType,\n  };\n\n  const jsStyles = useStyles({ isMobileSize });\n\n  return (\n    <div className={classNames(jsStyles.appHeaderWrapper, classes.appHeader)}>\n      <div className={jsStyles.appHeaderContainer}>\n        <div className={classNames(jsStyles.titleBlock, classes.titleBlock)}>\n          <div className={classes.appHeaderTitleWrapper} ref={titleRef}>\n            <div className={jsStyles.titleWrapper}>\n              {logoSrc && (\n                <>\n                  <img className={jsStyles.logo} src={logoSrc} alt=\"company logo\" />\n                  <div className={jsStyles.separateLine} />\n                </>\n              )}\n              <Tooltip title={isAppNameTooltipShown ? appName : ''} placement=\"bottom\">\n                <h6 data-testid={`${PAGE_NAME}_name`} className={jsStyles.title}>\n                  {appName}\n                </h6>\n              </Tooltip>\n              <VersionBadge appPackage={app?.package} />\n            </div>\n            {badge}\n          </div>\n        </div>\n\n        {app && coordinates && (\n          <div className={classNames(styles.controlsContainer, isMaximized && styles.appMaximized)}>\n            {!isMobileSize && (\n              <>\n                {isCompletion && activeWellName && (\n                  <Typography variant=\"caption\">{activeWellName}</Typography>\n                )}\n                {isCompletion && <PadModeComponent {...padModeProps} />}\n                {children}\n              </>\n            )}\n            {!isInsideNewMobileApp && (\n              <div className={styles.assetLabels}>\n                {secondaryAssetName && (\n                  <SecondaryAssetNameLabel\n                    assetName={secondaryAssetName}\n                    coordinatesPixelWidth={appCoordinatesWidth}\n                    dataTestId={`${PAGE_NAME}_secondaryAsset`}\n                    href={!isCLIApp && secondaryAssetLink}\n                    icon={isCompletion && <PadIcon />}\n                    isColored={\n                      !isCompletion ||\n                      (app.settings.padId && app.settings.padId !== fracFleet.current_pad_id)\n                    }\n                  />\n                )}\n                {isPrimaryNameVisible && (\n                  <AssetNameLabel\n                    assetName={primaryAssetName}\n                    coordinatesPixelWidth={appCoordinatesWidth}\n                    dataTestId={`${PAGE_NAME}_primaryAsset`}\n                    href={!isCLIApp && primaryAssetLink}\n                    statusBadge={isPrimaryAssetStatusVisible && primaryAssetStatusBadge}\n                  />\n                )}\n              </div>\n            )}\n          </div>\n        )}\n\n        {showLastAnnotation && appLastAnnotation && (\n          <LastAnnotation\n            annotation={appLastAnnotation}\n            appId={get(app, ['app', 'id'])}\n            currentUser={currentUser}\n            dashboardAppId={app.id}\n            openAnnotationsList={openAnnotationsList}\n            updateCurrentDashboardAppLastAnnotation={updateCurrentDashboardAppLastAnnotation}\n          />\n        )}\n      </div>\n\n      {isMobileSize && (\n        <Box display=\"flex\" alignItems=\"center\" mt={1}>\n          {isCompletion && !well && (wells || fracFleet) && (\n            <div className={styles.padModeSelect}>\n              <PadModeComponent {...padModeProps} />\n            </div>\n          )}\n          {children}\n        </Box>\n      )}\n    </div>\n  );\n}\n\nAppHeader.propTypes = {\n  app: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types\n  badge: PropTypes.node,\n  classes: PropTypes.shape({\n    appHeader: PropTypes.string,\n    titleBlock: PropTypes.string,\n    appHeaderTitleWrapper: PropTypes.string,\n  }),\n  showLastAnnotation: PropTypes.bool,\n  currentUser: PropTypes.shape({}),\n  appLastAnnotation: PropTypes.shape({}),\n  updateCurrentDashboardAppLastAnnotation: PropTypes.func,\n  openAnnotationsList: PropTypes.func,\n  rig: PropTypes.shape({\n    name: PropTypes.string,\n    asset_id: PropTypes.number,\n  }),\n  well: PropTypes.shape({\n    name: PropTypes.string,\n    asset_id: PropTypes.number,\n  }),\n  fracFleet: PropTypes.shape({\n    name: PropTypes.string,\n    current_pad_id: PropTypes.number,\n    pad_frac_fleets: PropTypes.arrayOf(\n      PropTypes.shape({\n        pad: PropTypes.shape({\n          id: PropTypes.number.isRequired,\n          name: PropTypes.string,\n        }).isRequired,\n      })\n    ).isRequired,\n  }),\n  wells: PropTypes.arrayOf(PropTypes.shape({})),\n  coordinates: PropTypes.shape({ pixelWidth: PropTypes.number.isRequired }),\n  isMaximized: PropTypes.bool,\n  appSettings: PropTypes.shape({}),\n  onSettingChange: PropTypes.func,\n  children: PropTypes.node,\n  logoSrc: PropTypes.string,\n  primaryAssetStatusBadge: PropTypes.node,\n  PadModeComponent: PropTypes.elementType,\n  activeWellName: PropTypes.string,\n};\n\nAppHeader.defaultProps = {\n  appLastAnnotation: null,\n  appSettings: null,\n  badge: null,\n  children: null,\n  classes: {},\n  coordinates: undefined,\n  currentUser: undefined,\n  fracFleet: null,\n  isMaximized: false,\n  logoSrc: null,\n  onSettingChange: undefined,\n  openAnnotationsList: undefined,\n  rig: null,\n  showLastAnnotation: true,\n  updateCurrentDashboardAppLastAnnotation: () => {},\n  well: null,\n  wells: null,\n  primaryAssetStatusBadge: null,\n  PadModeComponent: PadMode,\n  activeWellName: null,\n};\n\nexport default AppHeader;\n"],"names":["PAGE_NAME","getLinkFromWell","well","asset_id","getAssetLabels","appSettings","rig","fracFleet","segment","isDrilling","SEGMENTS","DRILLING","isCompletion","COMPLETION","wellId","rigId","fracFleetId","padId","pad","pad_frac_fleets","find","id","current_pad_id","secondaryAssetName","name","currentPadLink","primaryAssetName","isPrimaryNameVisible","isPrimaryAssetStatusVisible","primaryAssetLink","secondaryAssetLink","AppHeader","app","appLastAnnotation","badge","children","classes","coordinates","currentUser","isMaximized","logoSrc","onSettingChange","openAnnotationsList","primaryAssetStatusBadge","showLastAnnotation","updateCurrentDashboardAppLastAnnotation","wells","PadModeComponent","activeWellName","useState","isAppNameTooltipShown","setIsAppNameTooltipShown","titleRef","useRef","appCoordinatesWidth","pixelWidth","useEffect","current","scrollWidth","offsetWidth","appDimension","getAppDimension","appName","getAppName","getAppSegment","settings","isMobileSize","APP_LAYOUT_SIZES","MEDIUM","SMALL","includes","isCLIApp","DEV_CENTER_CLI_APP_ID","padModeProps","disableActiveWellsInPadSelect","package","manifest","application","ui","enableSimulFracInPadSelect","completionAppType","jsStyles","useStyles","_jsxs","classNames","appHeaderWrapper","appHeader","appHeaderContainer","_jsx","titleBlock","appHeaderTitleWrapper","titleWrapper","_Fragment","logo","separateLine","title","styles","controlsContainer","appMaximized","isInsideNewMobileApp","assetLabels","get","padModeSelect","propTypes","PropTypes","object","isRequired","node","shape","string","bool","func","number","arrayOf","elementType","defaultProps","undefined","PadMode"],"mappings":"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"}

package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js

@@ -1 +1,238 @@
-import{__rest as o,__assign as t}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as i,jsxs as n,Fragment as s}from"react/jsx-runtime";import{useState as e}from"react";import c from"classnames";import{makeStyles as r,Popover as l}from"@material-ui/core";import{SettingTwoIcon as a,CloseSmallIcon as m}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{isNativeDetected as p,isMobileDetected as d}from"../../../utils/mobileDetect.js";import u from"../../IconButton/index.js";import h from"../../Modal/Modal.js";import g from"../../Button/components/Button/index.js";import"moment-timezone";import"../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../Button/components/LiveButton/styles.js";var v=p||d,b=r((function(o){return{popoverPaper:{position:"relative",marginTop:function(o){return o.isScrollable?0:8},minWidth:286,width:286,overflowY:"hidden",backgroundColor:o.palette.background.b9,maxHeight:function(o){var t=o.maxHeight;return t?t-24:"calc(100% - 24px)"},"&.scrollable":{height:function(o){return o.maxHeight||"100%"},"&::after":{content:'""',position:"absolute",left:0,bottom:0,height:16,width:"calc(100% - 16px)",zIndex:1,background:"linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ".concat(o.palette.background.b9," 100%);")}}},popoverHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",height:76,padding:"24px 16px 16px 16px",position:"absolute",left:0,right:0,zIndex:1,"&.scrollable":{background:"linear-gradient(to bottom, ".concat(o.palette.background.b9,", ").concat(o.palette.background.b9," 89%, rgba(65, 65, 65, 0) 100%)")}},headerTitle:{fontSize:20},popoverContentContainer:{marginTop:60,paddingTop:16,overflowX:"hidden",overflowY:"auto","&.scrollable":{height:"calc(100% - 60px)"}},popoverContent:{width:"100%"},modalActions:{display:"flex",justifyContent:"flex-end"}}}));function f(r){var d=r.Trigger,f=void 0===d?null:d,j=r.children,C=r.classes,I=r.defaultScrollable,x=void 0!==I&&I,k=r.header,S=void 0===k?"Settings":k,B=r.iconSettingsProps,H=void 0===B?{}:B,P=r.maxHeight,z=void 0===P?null:P,A=r.modalActions,T=void 0===A?null:A,w=r.modalProps,F=void 0===w?{}:w,y=r.onClose,N=void 0===y?function(){}:y,O=o(r,["Trigger","children","classes","defaultScrollable","header","iconSettingsProps","maxHeight","modalActions","modalProps","onClose"]),E=e(null),L=E[0],M=E[1],D=e(!0),R=D[0],q=D[1],G=b({maxHeight:z,isScrollable:R,isNativeDetected:p}),W=C||{},Y=W.popoverContent,X=o(W,["popoverContent"]),Z=function(){M(null),N()},_=Boolean(L),J=function(o){return M(o.currentTarget)},K=T||i(g,{variation:"secondary",onClick:Z,children:"CLOSE"});return n(s,{children:[f?i(f,{onClick:J,isActive:_}):i(u,t({"data-testid":"chartSettingsButton",isActive:_,onClick:J,size:"small",tooltipProps:{title:"Settings"},variant:"contained"},H,{children:i(a,{size:(null==H?void 0:H.size)||16})})),!v&&n(l,t({open:_,anchorEl:L,onClose:Z,anchorOrigin:{vertical:R?"top":"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},O,{classes:t(t({},X),{paper:c(G.popoverPaper,R&&"scrollable",null==X?void 0:X.paper)}),children:[n("div",{className:c(G.popoverHeader,R&&"scrollable"),children:[i("div",{className:G.headerTitle,children:S}),i(u,{tooltipProps:{title:"Close"},onClick:Z,children:i(m,{})})]}),i("div",{className:c(G.popoverContentContainer,R&&"scrollable"),ref:function(o){o&&o.scrollHeight<=o.clientHeight&&!x&&q(!1)},children:i("div",{className:c(G.popoverContent,Y),children:j})})]})),v&&i(h,t({actions:K,onClose:Z,open:_,actionsClassName:G.modalActions,title:S},F,{children:j}))]})}export{f as AppSettingsPopover};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useState } from 'react';
+import classNames from 'classnames';
+import { makeStyles, Popover } from '@material-ui/core';
+import { SettingTwoIcon, CloseSmallIcon } 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 { isNativeDetected, isMobileDetected } from '../../../utils/mobileDetect.js';
+import IconButton from '../../IconButton/index.js';
+import Modal from '../../Modal/Modal.js';
+import Button from '../../Button/components/Button/index.js';
+import 'moment-timezone';
+import '../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js';
+import '../../Button/components/LiveButton/styles.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["Trigger", "children", "classes", "defaultScrollable", "header", "iconSettingsProps", "maxHeight", "modalActions", "modalProps", "onClose"],
+  _excluded2 = ["popoverContent"];
+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 isNativeOrMobileBrowser = isNativeDetected || isMobileDetected;
+var useStyles = makeStyles(function (theme) {
+  return {
+    popoverPaper: {
+      position: 'relative',
+      marginTop: function marginTop(_ref) {
+        var isScrollable = _ref.isScrollable;
+        return isScrollable ? 0 : 8;
+      },
+      minWidth: 286,
+      width: 286,
+      overflowY: 'hidden',
+      backgroundColor: theme.palette.background.b9,
+      maxHeight: function maxHeight(_ref2) {
+        var _maxHeight = _ref2.maxHeight;
+        return _maxHeight ? _maxHeight - 24 : 'calc(100% - 24px)';
+      },
+      '&.scrollable': {
+        height: function height(_ref3) {
+          var maxHeight = _ref3.maxHeight;
+          return maxHeight || '100%';
+        },
+        '&::after': {
+          content: '""',
+          position: 'absolute',
+          left: 0,
+          bottom: 0,
+          height: 16,
+          width: 'calc(100% - 16px)',
+          zIndex: 1,
+          background: "linear-gradient(180deg, rgba(65, 65, 65, 0.00) 0%, ".concat(theme.palette.background.b9, " 100%);")
+        }
+      }
+    },
+    popoverHeader: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      height: 76,
+      padding: '24px 16px 16px 16px',
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      zIndex: 1,
+      '&.scrollable': {
+        background: "linear-gradient(to bottom, ".concat(theme.palette.background.b9, ", ").concat(theme.palette.background.b9, " 89%, rgba(65, 65, 65, 0) 100%)")
+      }
+    },
+    headerTitle: {
+      fontSize: 20
+    },
+    popoverContentContainer: {
+      marginTop: 60,
+      paddingTop: 16,
+      overflowX: 'hidden',
+      overflowY: 'auto',
+      '&.scrollable': {
+        height: 'calc(100% - 60px)'
+      }
+    },
+    popoverContent: {
+      width: '100%'
+    },
+    modalActions: {
+      display: 'flex',
+      justifyContent: 'flex-end'
+    }
+  };
+});
+function AppSettingsPopover(_ref4) {
+  var _ref4$Trigger = _ref4.Trigger,
+    Trigger = _ref4$Trigger === void 0 ? null : _ref4$Trigger,
+    children = _ref4.children,
+    classes = _ref4.classes,
+    _ref4$defaultScrollab = _ref4.defaultScrollable,
+    defaultScrollable = _ref4$defaultScrollab === void 0 ? false : _ref4$defaultScrollab,
+    _ref4$header = _ref4.header,
+    header = _ref4$header === void 0 ? 'Settings' : _ref4$header,
+    _ref4$iconSettingsPro = _ref4.iconSettingsProps,
+    iconSettingsProps = _ref4$iconSettingsPro === void 0 ? {} : _ref4$iconSettingsPro,
+    _ref4$maxHeight = _ref4.maxHeight,
+    maxHeight = _ref4$maxHeight === void 0 ? null : _ref4$maxHeight,
+    _ref4$modalActions = _ref4.modalActions,
+    modalActions = _ref4$modalActions === void 0 ? null : _ref4$modalActions,
+    _ref4$modalProps = _ref4.modalProps,
+    modalProps = _ref4$modalProps === void 0 ? {} : _ref4$modalProps,
+    _ref4$onClose = _ref4.onClose,
+    onClose = _ref4$onClose === void 0 ? function () {} : _ref4$onClose,
+    popoverProps = _objectWithoutProperties(_ref4, _excluded);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    anchorEl = _useState2[0],
+    setAnchorEl = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isScrollable = _useState4[0],
+    setIsScrollable = _useState4[1];
+  var styles = useStyles({
+    maxHeight: maxHeight,
+    isScrollable: isScrollable,
+    isNativeDetected: isNativeDetected
+  });
+  var _ref5 = classes || {},
+    popoverContentClassName = _ref5.popoverContent,
+    popoverClasses = _objectWithoutProperties(_ref5, _excluded2);
+  var handleClose = function handleClose() {
+    setAnchorEl(null);
+    onClose();
+  };
+  var isOpen = Boolean(anchorEl);
+  var handleContainerRef = function handleContainerRef(containerEl) {
+    if (containerEl) {
+      if (containerEl.scrollHeight <= containerEl.clientHeight && !defaultScrollable) setIsScrollable(false);
+    }
+  };
+  var handleTriggerClick = function handleTriggerClick(event) {
+    return setAnchorEl(event.currentTarget);
+  };
+  var actions = modalActions || /*#__PURE__*/jsx(Button, {
+    variation: "secondary",
+    onClick: handleClose,
+    children: "CLOSE"
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [Trigger ?
+    /*#__PURE__*/
+    // @ts-ignore
+    jsx(Trigger, {
+      onClick: handleTriggerClick,
+      isActive: isOpen
+    }) : /*#__PURE__*/jsx(IconButton, _objectSpread(_objectSpread({
+      "data-testid": "chartSettingsButton",
+      isActive: isOpen,
+      onClick: handleTriggerClick,
+      size: "small",
+      tooltipProps: {
+        title: 'Settings'
+      },
+      variant: "contained"
+    }, iconSettingsProps), {}, {
+      children: /*#__PURE__*/jsx(SettingTwoIcon, {
+        size: (iconSettingsProps === null || iconSettingsProps === void 0 ? void 0 : iconSettingsProps.size) || 16
+      })
+    })), !isNativeOrMobileBrowser && /*#__PURE__*/jsxs(Popover, _objectSpread(_objectSpread({
+      open: isOpen,
+      anchorEl: anchorEl,
+      onClose: handleClose,
+      anchorOrigin: {
+        vertical: isScrollable ? 'top' : 'bottom',
+        horizontal: 'right'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'right'
+      },
+      marginThreshold: 12
+    }, popoverProps), {}, {
+      classes: _objectSpread(_objectSpread({}, popoverClasses), {}, {
+        paper: classNames(styles.popoverPaper, isScrollable && 'scrollable', popoverClasses === null || popoverClasses === void 0 ? void 0 : popoverClasses.paper)
+      }),
+      children: [/*#__PURE__*/jsxs("div", {
+        className: classNames(styles.popoverHeader, isScrollable && 'scrollable'),
+        children: [/*#__PURE__*/jsx("div", {
+          className: styles.headerTitle,
+          children: header
+        }), /*#__PURE__*/jsx(IconButton, {
+          tooltipProps: {
+            title: 'Close'
+          },
+          onClick: handleClose,
+          children: /*#__PURE__*/jsx(CloseSmallIcon, {})
+        })]
+      }), /*#__PURE__*/jsx("div", {
+        className: classNames(styles.popoverContentContainer, isScrollable && 'scrollable'),
+        ref: handleContainerRef,
+        children: /*#__PURE__*/jsx("div", {
+          className: classNames(styles.popoverContent, popoverContentClassName),
+          children: children
+        })
+      })]
+    })), isNativeOrMobileBrowser && /*#__PURE__*/jsx(Modal, _objectSpread(_objectSpread({
+      actions: actions,
+      onClose: handleClose,
+      open: isOpen,
+      actionsClassName: styles.modalActions,
+      title: header
+    }, modalProps), {}, {
+      children: children
+    }))]
+  });
+}
+
+export { AppSettingsPopover };
+//# sourceMappingURL=AppSettingsPopover.js.map