@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/DevCenter/AppHeader/AppHeader.js

@@ -1,273 +1 @@
-import { get } from 'lodash';
-import '../../../constants/completion.js';
-import '../../../constants/alerts.js';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { DEV_CENTER_CLI_APP_ID } from '../../../constants/devcenter.js';
-import '../../../constants/goals.js';
-import { SEGMENTS } from '../../../constants/segment.js';
-import '../../../constants/apps.js';
-import '../../../constants/drillstring.js';
-import '../../../constants/notifications.js';
-import '../../../constants/feed.js';
-import '../../../constants/bha.js';
-import { getAppName, getAppSegment } from '../../../utils/devcenter.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Tooltip } from '@material-ui/core';
-import { useRef, useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import '../../Annotations/AnnotationsContext.js';
-import '../../Annotations/components/AnnotationsList/index.js';
-import LastAnnotation from '../../Annotations/components/LastAnnotation/index.js';
-import VersionBadge from './VersionBadge.js';
-import PadMode from './PadMode.js';
-import { getAppDimension } from './utils.js';
-import SecondaryAssetNameLabel from '../../AssetNameLabel/SecondaryAssetNameLabel.js';
-import PrimaryAssetNameLabel from '../../AssetNameLabel/PrimaryAssetNameLabel.js';
-import styles from './AppHeader.css.js';
-
-var PAGE_NAME = 'DevCenter_AppHeader';
-var APP_LAYOUT_SIZES = {
-  EXTRA_LARGE: 'EXTRA_LARGE',
-  LARGE: 'LARGE',
-  MEDIUM: 'MEDIUM',
-  SMALL: 'SMALL'
-};
-
-function AppHeader(_ref) {
-  var _app$package, _app$package$manifest, _app$package$manifest2, _fracFleet$pad_frac_f;
-
-  var app = _ref.app,
-      appLastAnnotation = _ref.appLastAnnotation,
-      appSettings = _ref.appSettings,
-      badge = _ref.badge,
-      classes = _ref.classes,
-      coordinates = _ref.coordinates,
-      currentUser = _ref.currentUser,
-      fracFleet = _ref.fracFleet,
-      isMaximized = _ref.isMaximized,
-      onSettingChange = _ref.onSettingChange,
-      openAnnotationsList = _ref.openAnnotationsList,
-      rig = _ref.rig,
-      showLastAnnotation = _ref.showLastAnnotation,
-      updateCurrentDashboardAppLastAnnotation = _ref.updateCurrentDashboardAppLastAnnotation,
-      well = _ref.well,
-      wells = _ref.wells,
-      children = _ref.children;
-  var appCoordinatesWidth = coordinates === null || coordinates === void 0 ? void 0 : coordinates.pixelWidth;
-  var appDimension = getAppDimension(appCoordinatesWidth);
-  var appName = getAppName(app);
-  var subtitle = 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$manifest2.subtitle;
-  var segment = getAppSegment(app);
-  var isDrilling = segment === SEGMENTS.DRILLING;
-
-  var _ref2 = (app === null || app === void 0 ? void 0 : app.settings) || {},
-      wellId = _ref2.wellId,
-      rigId = _ref2.rigId,
-      fracFleetId = _ref2.fracFleetId,
-      padId = _ref2.padId;
-
-  var pad = padId && (fracFleet === null || fracFleet === void 0 ? void 0 : (_fracFleet$pad_frac_f = fracFleet.pad_frac_fleets.find(function (_ref3) {
-    var pad = _ref3.pad;
-    return pad.id === padId;
-  })) === null || _fracFleet$pad_frac_f === void 0 ? void 0 : _fracFleet$pad_frac_f.pad);
-  var primaryAssetName = isDrilling ? rig === null || rig === void 0 ? void 0 : rig.name : fracFleet === null || fracFleet === void 0 ? void 0 : fracFleet.name;
-  var secondaryAssetName = isDrilling ? wellId && (well === null || well === void 0 ? void 0 : well.name) : padId && (pad === null || pad === void 0 ? void 0 : pad.name);
-  var isPrimaryNameVisible = !!(wellId || rigId || fracFleetId);
-  var currentPadLink = fracFleet !== null && fracFleet !== void 0 && fracFleet.current_pad_id ? "assets/types/pad/".concat(fracFleet === null || fracFleet === void 0 ? void 0 : fracFleet.current_pad_id) : null;
-  var primaryAssetLink = // we need to use assetId till platform is using old API for assets.
-  isDrilling ? primaryAssetName && "assets/".concat(well === null || well === void 0 ? void 0 : well.asset_id) : currentPadLink;
-  var replacedPadLink = padId && "assets/types/pad/".concat(padId);
-  var isCLIApp = app && app.id === DEV_CENTER_CLI_APP_ID;
-  var titleRef = useRef(null);
-
-  var _useState = useState({
-    width: 0
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      primaryAssetLabelWidth = _useState2[0],
-      setPrimaryAssetLabelWidth = _useState2[1];
-
-  var _useState3 = useState({
-    width: 0
-  }),
-      _useState4 = _slicedToArray(_useState3, 2),
-      secondaryAssetLabelWidth = _useState4[0],
-      setSecondaryAssetLabelWidth = _useState4[1];
-
-  var _useState5 = useState(0),
-      _useState6 = _slicedToArray(_useState5, 2),
-      childrenMarginRight = _useState6[0],
-      setChildrenMarginRight = _useState6[1];
-
-  var _useState7 = useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      isAppNameTooltipShown = _useState8[0],
-      setIsAppNameTooltipShown = _useState8[1];
-
-  var handlePrimaryAssetLabelWidthChange = function handlePrimaryAssetLabelWidthChange(size) {
-    return setPrimaryAssetLabelWidth(size);
-  };
-
-  var handleSecondaryAssetLabelWidthChange = function handleSecondaryAssetLabelWidthChange(size) {
-    return setSecondaryAssetLabelWidth(size);
-  };
-
-  useEffect(function () {
-    var _titleRef$current, _titleRef$current2;
-
-    setChildrenMarginRight((primaryAssetLabelWidth === null || primaryAssetLabelWidth === void 0 ? void 0 : primaryAssetLabelWidth.width) + (secondaryAssetLabelWidth === null || secondaryAssetLabelWidth === void 0 ? void 0 : secondaryAssetLabelWidth.width) + 16);
-    setIsAppNameTooltipShown(Math.abs(((_titleRef$current = titleRef.current) === null || _titleRef$current === void 0 ? void 0 : _titleRef$current.offsetWidth) - ((_titleRef$current2 = titleRef.current) === null || _titleRef$current2 === void 0 ? void 0 : _titleRef$current2.scrollWidth)) > 1);
-  }, [primaryAssetLabelWidth === null || primaryAssetLabelWidth === void 0 ? void 0 : primaryAssetLabelWidth.width, secondaryAssetLabelWidth === null || secondaryAssetLabelWidth === void 0 ? void 0 : secondaryAssetLabelWidth.width, appCoordinatesWidth]);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classNames(styles.appHeaderContainer, classes.appHeader),
-      children: [/*#__PURE__*/jsxs("div", {
-        className: styles.titleBlock,
-        children: [/*#__PURE__*/jsxs("div", {
-          className: classes.appHeaderTitleWrapper,
-          ref: titleRef,
-          children: [/*#__PURE__*/jsxs("div", {
-            className: styles.titleWrapper,
-            children: [/*#__PURE__*/jsx(Tooltip, {
-              title: isAppNameTooltipShown ? appName : '',
-              placement: "bottom",
-              children: /*#__PURE__*/jsx("h6", {
-                "data-testid": "".concat(PAGE_NAME, "_name"),
-                className: styles.title,
-                children: appName
-              })
-            }), /*#__PURE__*/jsx(VersionBadge, {
-              app: app
-            })]
-          }), badge]
-        }), subtitle && /*#__PURE__*/jsx("h6", {
-          "data-testid": "".concat(PAGE_NAME, "_subtitle"),
-          className: styles.subtitle,
-          children: subtitle
-        })]
-      }), /*#__PURE__*/jsxs("div", {
-        className: styles.headerComponents,
-        style: {
-          marginRight: "".concat(childrenMarginRight, "px")
-        },
-        children: [appDimension === APP_LAYOUT_SIZES.EXTRA_LARGE && /*#__PURE__*/jsx("div", {
-          className: styles.headerChildren,
-          children: children
-        }), segment === SEGMENTS.COMPLETION && appDimension !== APP_LAYOUT_SIZES.SMALL && /*#__PURE__*/jsx("div", {
-          className: styles.padModeSelect,
-          children: /*#__PURE__*/jsx(PadMode, {
-            fracFleet: fracFleet,
-            wells: wells,
-            well: well,
-            onSettingChange: onSettingChange,
-            appSettings: appSettings
-          })
-        })]
-      }), app && coordinates &&
-      /*#__PURE__*/
-      // Note: Needed to separate these two elements to calc their widths correctly
-      // (apply withSize to each component because for the whole component in case of truncating
-      // it shows width before truncating)
-      jsxs("div", {
-        className: classNames(styles.assetNameLabelContainer, isMaximized && styles.appMaximized),
-        children: [secondaryAssetName && /*#__PURE__*/jsx(SecondaryAssetNameLabel, {
-          secondaryAssetName: secondaryAssetName,
-          coordinatesPixelWidth: coordinates.pixelWidth,
-          secondaryAssetLink: !isCLIApp && replacedPadLink,
-          pageName: PAGE_NAME,
-          onSize: handleSecondaryAssetLabelWidthChange
-        }), isPrimaryNameVisible && /*#__PURE__*/jsx(PrimaryAssetNameLabel, {
-          primaryAssetName: primaryAssetName,
-          pageName: PAGE_NAME,
-          coordinatesPixelWidth: coordinates.pixelWidth,
-          primaryAssetLink: primaryAssetLink,
-          onSize: handlePrimaryAssetLabelWidthChange
-        })]
-      }), showLastAnnotation && appLastAnnotation && /*#__PURE__*/jsx(LastAnnotation, {
-        dashboardAppId: app.id,
-        appId: get(app, ['app', 'id']),
-        annotation: appLastAnnotation,
-        openAnnotationsList: openAnnotationsList,
-        updateCurrentDashboardAppLastAnnotation: updateCurrentDashboardAppLastAnnotation,
-        currentUser: currentUser
-      })]
-    }), appDimension === APP_LAYOUT_SIZES.SMALL && /*#__PURE__*/jsx("div", {
-      className: classNames(styles.padModeSelect, styles.smallPadModeSelect),
-      children: /*#__PURE__*/jsx(PadMode, {
-        fracFleet: fracFleet,
-        wells: wells,
-        well: well,
-        onSettingChange: onSettingChange,
-        appSettings: appSettings
-      })
-    }), appDimension !== APP_LAYOUT_SIZES.EXTRA_LARGE && /*#__PURE__*/jsx("div", {
-      className: classNames(styles.mediumSizeContent, styles.headerComponents),
-      children: /*#__PURE__*/jsx("div", {
-        className: styles.headerChildren,
-        children: children
-      })
-    })]
-  });
-}
-
-AppHeader.propTypes = {
-  app: PropTypes.object.isRequired,
-  // eslint-disable-line react/forbid-prop-types
-  badge: PropTypes.node,
-  classes: PropTypes.shape({
-    appHeader: 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
-      }).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.arrayOf(PropTypes.node)
-};
-AppHeader.defaultProps = {
-  appLastAnnotation: null,
-  appSettings: null,
-  badge: null,
-  classes: {},
-  coordinates: undefined,
-  currentUser: undefined,
-  fracFleet: null,
-  isMaximized: false,
-  onSettingChange: undefined,
-  openAnnotationsList: undefined,
-  rig: null,
-  showLastAnnotation: true,
-  updateCurrentDashboardAppLastAnnotation: function updateCurrentDashboardAppLastAnnotation() {},
-  well: null,
-  wells: null,
-  children: null
-};
-
-export default AppHeader;
-//# sourceMappingURL=AppHeader.js.map
+import e from"@babel/runtime/helpers/slicedToArray";import{useRef as t,useState as n,useEffect as a}from"react";import{get as i}from"lodash";import s from"prop-types";import o from"classnames";import{Tooltip as r}from"@material-ui/core";import"../../Annotations/components/AnnotationsList/index.js";import l from"../../Annotations/components/LastAnnotation/index.js";import"../../Annotations/AnnotationsContext.js";import{SEGMENTS as d}from"../../../constants/segment.js";import{DEV_CENTER_CLI_APP_ID as p}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/notifications.js";import"../../../constants/feed.js";import"../../../constants/bha.js";import{getAppName as c,getAppSegment as m}from"../../../utils/devcenter.js";import u from"./VersionBadge.js";import h from"./PadMode.js";import{getAppDimension as f}from"./utils.js";import v from"../../AssetNameLabel/SecondaryAssetNameLabel.js";import A from"../../AssetNameLabel/PrimaryAssetNameLabel.js";import g from"./AppHeader.css.js";import{jsxs as b,Fragment as L,jsx as N}from"react/jsx-runtime";var j="DevCenter_AppHeader",w="EXTRA_LARGE",C="SMALL";function S(s){var S,_,x,y,M=s.app,W=s.appLastAnnotation,I=s.appSettings,R=s.badge,z=s.classes,H=s.coordinates,P=s.currentUser,D=s.fracFleet,F=s.isMaximized,T=s.onSettingChange,q=s.openAnnotationsList,O=s.rig,k=s.showLastAnnotation,U=s.updateCurrentDashboardAppLastAnnotation,E=s.well,B=s.wells,G=s.children,V=null==H?void 0:H.pixelWidth,X=f(V),J=c(M),K=null==M||null===(S=M.package)||void 0===S||null===(_=S.manifest)||void 0===_||null===(x=_.application)||void 0===x?void 0:x.subtitle,Q=m(M),Y=Q===d.DRILLING,Z=(null==M?void 0:M.settings)||{},$=Z.wellId,ee=Z.rigId,te=Z.fracFleetId,ne=Z.padId,ae=ne&&(null==D||null===(y=D.pad_frac_fleets.find((function(e){return e.pad.id===ne})))||void 0===y?void 0:y.pad),ie=Y?null==O?void 0:O.name:null==D?void 0:D.name,se=Y?$&&(null==E?void 0:E.name):ne&&(null==ae?void 0:ae.name),oe=!!($||ee||te),re=null!=D&&D.current_pad_id?"assets/types/pad/".concat(null==D?void 0:D.current_pad_id):null,le=Y?ie&&"assets/".concat(null==E?void 0:E.asset_id):re,de=ne&&"assets/types/pad/".concat(ne),pe=M&&M.id===p,ce=t(null),me=n({width:0}),ue=e(me,2),he=ue[0],fe=ue[1],ve=n({width:0}),Ae=e(ve,2),ge=Ae[0],be=Ae[1],Le=n(0),Ne=e(Le,2),je=Ne[0],we=Ne[1],Ce=n(!1),Se=e(Ce,2),_e=Se[0],xe=Se[1];return a((function(){var e,t;we((null==he?void 0:he.width)+(null==ge?void 0:ge.width)+16),xe(Math.abs((null===(e=ce.current)||void 0===e?void 0:e.offsetWidth)-(null===(t=ce.current)||void 0===t?void 0:t.scrollWidth))>1)}),[null==he?void 0:he.width,null==ge?void 0:ge.width,V]),b(L,{children:[b("div",{className:o(g.appHeaderContainer,z.appHeader),children:[b("div",{className:g.titleBlock,children:[b("div",{className:z.appHeaderTitleWrapper,ref:ce,children:[b("div",{className:g.titleWrapper,children:[N(r,{title:_e?J:"",placement:"bottom",children:N("h6",{"data-testid":"".concat(j,"_name"),className:g.title,children:J})}),N(u,{app:M})]}),R]}),K&&N("h6",{"data-testid":"".concat(j,"_subtitle"),className:g.subtitle,children:K})]}),b("div",{className:g.headerComponents,style:{marginRight:"".concat(je,"px")},children:[X===w&&N("div",{className:g.headerChildren,children:G}),Q===d.COMPLETION&&X!==C&&N("div",{className:g.padModeSelect,children:N(h,{fracFleet:D,wells:B,well:E,onSettingChange:T,appSettings:I})})]}),M&&H&&b("div",{className:o(g.assetNameLabelContainer,F&&g.appMaximized),children:[se&&N(v,{secondaryAssetName:se,coordinatesPixelWidth:H.pixelWidth,secondaryAssetLink:!pe&&de,pageName:j,onSize:function(e){return be(e)}}),oe&&N(A,{primaryAssetName:ie,pageName:j,coordinatesPixelWidth:H.pixelWidth,primaryAssetLink:le,onSize:function(e){return fe(e)}})]}),k&&W&&N(l,{dashboardAppId:M.id,appId:i(M,["app","id"]),annotation:W,openAnnotationsList:q,updateCurrentDashboardAppLastAnnotation:U,currentUser:P})]}),X===C&&N("div",{className:o(g.padModeSelect,g.smallPadModeSelect),children:N(h,{fracFleet:D,wells:B,well:E,onSettingChange:T,appSettings:I})}),X!==w&&N("div",{className:o(g.mediumSizeContent,g.headerComponents),children:N("div",{className:g.headerChildren,children:G})})]})}S.propTypes={app:s.object.isRequired,badge:s.node,classes:s.shape({appHeader:s.string,appHeaderTitleWrapper:s.string}),showLastAnnotation:s.bool,currentUser:s.shape({}),appLastAnnotation:s.shape({}),updateCurrentDashboardAppLastAnnotation:s.func,openAnnotationsList:s.func,rig:s.shape({name:s.string,asset_id:s.number}),well:s.shape({name:s.string,asset_id:s.number}),fracFleet:s.shape({name:s.string,current_pad_id:s.number,pad_frac_fleets:s.arrayOf(s.shape({pad:s.shape({id:s.number.isRequired}).isRequired})).isRequired}),wells:s.arrayOf(s.shape({})),coordinates:s.shape({pixelWidth:s.number.isRequired}),isMaximized:s.bool,appSettings:s.shape({}),onSettingChange:s.func,children:s.arrayOf(s.node)},S.defaultProps={appLastAnnotation:null,appSettings:null,badge:null,classes:{},coordinates:void 0,currentUser:void 0,fracFleet:null,isMaximized:!1,onSettingChange:void 0,openAnnotationsList:void 0,rig:null,showLastAnnotation:!0,updateCurrentDashboardAppLastAnnotation:function(){},well:null,wells:null,children:null};export{S as default};

package/components/DevCenter/AppHeader/PadMode.js

@@ -1,59 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { noop, get, isEmpty } from 'lodash';
-import { COMPLETION_APP_TYPES } from '../../../constants/completion.js';
-import { getAssetKey, getDefaultPadModeSetting } from '../../../utils/completion.js';
-import { jsx } from 'react/jsx-runtime';
-import PropTypes from 'prop-types';
-import PadModeSelect from '../../PadModeSelect/PadModeSelect.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var PadMode = function PadMode(_ref) {
-  var fracFleet = _ref.fracFleet,
-      wells = _ref.wells,
-      well = _ref.well,
-      onSettingChange = _ref.onSettingChange,
-      appSettings = _ref.appSettings,
-      completionAppType = _ref.completionAppType;
-  if (well || !wells && !fracFleet) return null; // use COMPLETION_APP_TYPES.fracMultiWellApp as a default if not defined in app;
-  // this will be moved to the Apps Wizard soon
-  // https://corvaqa.atlassian.net/browse/DC-1317
-
-  var padId = appSettings.padId;
-  var appType = completionAppType || COMPLETION_APP_TYPES.fracMultiWellApp;
-  var assetKey = getAssetKey(fracFleet, well, padId);
-  var currentPadModeSetting = get(appSettings, ['settingsByAsset', assetKey]);
-  var padModeSetting = !isEmpty(currentPadModeSetting) ? currentPadModeSetting : getDefaultPadModeSetting(fracFleet, well, appType);
-  return /*#__PURE__*/jsx(PadModeSelect, {
-    assets: wells,
-    completionAppType: appType,
-    padModeSetting: padModeSetting,
-    onChange: function onChange(newPadModeSetting) {
-      return onSettingChange('settingsByAsset', _objectSpread(_objectSpread({}, get(appSettings, 'settingsByAsset', {})), {}, _defineProperty({}, assetKey, newPadModeSetting)));
-    }
-  });
-};
-
-PadMode.propTypes = {
-  appSettings: PropTypes.shape({
-    padId: PropTypes.number
-  }),
-  completionAppType: PropTypes.string,
-  fracFleet: PropTypes.shape({}),
-  onSettingChange: PropTypes.func,
-  well: PropTypes.shape({}),
-  wells: PropTypes.arrayOf(PropTypes.shape())
-};
-PadMode.defaultProps = {
-  appSettings: {},
-  completionAppType: undefined,
-  fracFleet: undefined,
-  onSettingChange: noop,
-  well: undefined,
-  wells: undefined
-};
-
-export default PadMode;
-//# sourceMappingURL=PadMode.js.map
+import e from"@babel/runtime/helpers/defineProperty";import{get as t,isEmpty as r,noop as o}from"lodash";import p from"prop-types";import n from"../../PadModeSelect/PadModeSelect.js";import{COMPLETION_APP_TYPES as i}from"../../../constants/completion.js";import{getAssetKey as s,getDefaultPadModeSetting as l}from"../../../utils/completion.js";import{jsx as a}from"react/jsx-runtime";function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function f(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?c(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):c(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var m=function(o){var p=o.fracFleet,c=o.wells,m=o.well,u=o.onSettingChange,g=o.appSettings,y=o.completionAppType;if(m||!c&&!p)return null;var d=g.padId,O=y||i.fracMultiWellApp,b=s(p,m,d),j=t(g,["settingsByAsset",b]),h=r(j)?l(p,m,O):j;return a(n,{assets:c,completionAppType:O,padModeSetting:h,onChange:function(r){return u("settingsByAsset",f(f({},t(g,"settingsByAsset",{})),{},e({},b,r)))}})};m.propTypes={appSettings:p.shape({padId:p.number}),completionAppType:p.string,fracFleet:p.shape({}),onSettingChange:p.func,well:p.shape({}),wells:p.arrayOf(p.shape())},m.defaultProps={appSettings:{},completionAppType:void 0,fracFleet:void 0,onSettingChange:o,well:void 0,wells:void 0};export{m as default};

package/components/DevCenter/AppHeader/VersionBadge.css.js

@@ -1,8 +1 @@
-import styleInject from '../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".VersionBadge_versionContainer__2HWPt {\n  display: flex;\n  position: relative;\n  height: 20px;\n  align-items: center;\n  background: var(--palette-background-b-6);\n  color: var(--palette-primary-text-1);\n}\n\n.VersionBadge_versionContainer__2HWPt::after {\n  content: '';\n  border-top: 20px solid var(--palette-background-b-6);\n  border-left: 5px solid var(--palette-background-b-6);\n  border-right: 5px solid transparent;\n  position: absolute;\n  right: -10px;\n  top: 0;\n  padding-left: 5px;\n}\n\n.VersionBadge_versionContainerBeta__2mLIv {\n  background: #ee4b69;\n}\n\n.VersionBadge_versionContainerBeta__2mLIv::after {\n  border-top: 20px solid #ee4b69;\n  border-left: 5px solid #ee4b69;\n  border-right: 5px solid transparent;\n}\n\n.VersionBadge_versionText__1T64L {\n  z-index: 1;\n  font-size: 12px;\n  font-style: italic;\n  margin: 0;\n  padding: 1px 0 0 5px;\n}\n";
-var styles = {"versionContainer":"VersionBadge_versionContainer__2HWPt","versionContainerBeta":"VersionBadge_versionContainerBeta__2mLIv","versionText":"VersionBadge_versionText__1T64L"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=VersionBadge.css.js.map
+import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var r={versionContainer:"VersionBadge_versionContainer__Gftpx",versionContainerBeta:"VersionBadge_versionContainerBeta__ojq0v",versionText:"VersionBadge_versionText__J9lfS"};e('.VersionBadge_versionContainer__Gftpx{align-items:center;background:var(--palette-background-b-6);color:var(--palette-primary-text-1);display:flex;height:20px;position:relative}.VersionBadge_versionContainer__Gftpx:after{border-left:5px solid var(--palette-background-b-6);border-right:5px solid transparent;border-top:20px solid var(--palette-background-b-6);content:"";padding-left:5px;position:absolute;right:-10px;top:0}.VersionBadge_versionContainerBeta__ojq0v{background:#ee4b69}.VersionBadge_versionContainerBeta__ojq0v:after{border-left:5px solid #ee4b69;border-right:5px solid transparent;border-top:20px solid #ee4b69}.VersionBadge_versionText__J9lfS{font-size:12px;font-style:italic;margin:0;padding:1px 0 0 5px;z-index:1}');export{r as default};

package/components/DevCenter/AppHeader/VersionBadge.js

@@ -1,35 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import styles from './VersionBadge.css.js';
-
-var PAGE_NAME = 'DC_versionBadge';
-
-var VersionBadge = function VersionBadge(_ref) {
-  var app = _ref.app;
-  if (!app.package) return null;
-  var _app$package = app.package,
-      label = _app$package.label,
-      version = _app$package.version,
-      packageCodeVersion = _app$package.package_code_version;
-  if (label === 'PROD') return null;
-  return /*#__PURE__*/jsx("div", {
-    className: classNames(styles.versionContainer, label && styles.versionContainerBeta),
-    children: /*#__PURE__*/jsx("p", {
-      "data-testid": PAGE_NAME,
-      className: styles.versionText,
-      children: label ? 'Beta' : "v".concat(packageCodeVersion || version)
-    })
-  });
-};
-
-VersionBadge.propTypes = {
-  app: PropTypes.object // eslint-disable-line react/forbid-prop-types
-
-};
-VersionBadge.defaultProps = {
-  app: {}
-};
-
-export default VersionBadge;
-//# sourceMappingURL=VersionBadge.js.map
+import e from"classnames";import a from"prop-types";import r from"./VersionBadge.css.js";import{jsx as o}from"react/jsx-runtime";var s=function(a){var s=a.app;if(!s.package)return null;var t=s.package,n=t.label,p=t.version,i=t.package_code_version;return"PROD"===n?null:o("div",{className:e(r.versionContainer,n&&r.versionContainerBeta),children:o("p",{"data-testid":"DC_versionBadge",className:r.versionText,children:n?"Beta":"v".concat(i||p)})})};s.propTypes={app:a.object},s.defaultProps={app:{}};export{s as default};

package/components/DevCenter/AppHeader/utils.js

@@ -1,24 +1 @@
-var APP_LAYOUT_SIZES = {
-  EXTRA_LARGE: 'EXTRA_LARGE',
-  LARGE: 'LARGE',
-  MEDIUM: 'MEDIUM',
-  SMALL: 'SMALL'
-};
-var APP_WIDTH_DEMENSIONS = {
-  EXTRA_LARGE: 1440,
-  LARGE: 960,
-  MEDIUM: 600,
-  SMALL: 428
-};
-var getAppDimension = function getAppDimension(appCoordinatesWidth) {
-  if (appCoordinatesWidth <= APP_WIDTH_DEMENSIONS.SMALL) {
-    return APP_LAYOUT_SIZES.SMALL;
-  } else if (appCoordinatesWidth <= APP_WIDTH_DEMENSIONS.MEDIUM) {
-    return APP_LAYOUT_SIZES.MEDIUM;
-  } else if (appCoordinatesWidth <= APP_WIDTH_DEMENSIONS.LARGE) {
-    return APP_LAYOUT_SIZES.LARGE;
-  } else return APP_LAYOUT_SIZES.EXTRA_LARGE;
-};
-
-export { getAppDimension };
-//# sourceMappingURL=utils.js.map
+var r="EXTRA_LARGE",A="LARGE",E="MEDIUM",L="SMALL",n=960,t=600,M=428,R=function(R){return R<=M?L:R<=t?E:R<=n?A:r};export{R as getAppDimension};

package/components/DevCenter/AppSettingsPopover/AppSettingsPopover.js

@@ -1,151 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { makeStyles, Popover } from '@material-ui/core';
-import { useState } from 'react';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { Close, Settings } from '@material-ui/icons';
-import IconButton from '../../IconButton/index.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var useStyles = makeStyles(function (theme) {
-  return {
-    popoverPaper: {
-      minWidth: 286,
-      width: 286,
-      overflowY: 'hidden',
-      backgroundColor: theme.palette.background.b9,
-      maxHeight: 'calc(100% - 24px)',
-      '&.scrollable': {
-        height: '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, " 79%, 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%'
-    }
-  };
-});
-
-function AppSettingsPopover(_ref) {
-  var _popoverProps$classes;
-
-  var children = _ref.children,
-      iconSettingsProps = _ref.iconSettingsProps,
-      popoverProps = _objectWithoutProperties(_ref, ["children", "iconSettingsProps"]);
-
-  var styles = useStyles();
-
-  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 handleClose = function handleClose() {
-    setAnchorEl(null);
-  };
-
-  var isOpen = Boolean(anchorEl);
-
-  var handleContainerRef = function handleContainerRef(containerEl) {
-    if (containerEl) {
-      if (containerEl.scrollHeight <= containerEl.clientHeight) setIsScrollable(false);
-    }
-  };
-
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(IconButton, _objectSpread(_objectSpread({
-      onClick: function onClick(event) {
-        return setAnchorEl(event.currentTarget);
-      }
-    }, iconSettingsProps), {}, {
-      children: /*#__PURE__*/jsx(Settings, {})
-    })), /*#__PURE__*/jsxs(Popover, _objectSpread(_objectSpread({
-      open: isOpen,
-      anchorEl: anchorEl,
-      onClose: handleClose,
-      anchorOrigin: {
-        vertical: 'top',
-        horizontal: 'right'
-      },
-      transformOrigin: {
-        vertical: 'top',
-        horizontal: 'right'
-      },
-      marginThreshold: 12
-    }, popoverProps), {}, {
-      classes: _objectSpread(_objectSpread({}, popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.classes), {}, {
-        paper: classNames(styles.popoverPaper, isScrollable && 'scrollable', popoverProps === null || popoverProps === void 0 ? void 0 : (_popoverProps$classes = popoverProps.classes) === null || _popoverProps$classes === void 0 ? void 0 : _popoverProps$classes.paper)
-      }),
-      children: [/*#__PURE__*/jsxs("div", {
-        className: classNames(styles.popoverHeader, isScrollable && 'scrollable'),
-        children: [/*#__PURE__*/jsx("div", {
-          className: styles.headerTitle,
-          children: "Settings"
-        }), /*#__PURE__*/jsx(IconButton, {
-          tooltipProps: {
-            title: 'Close'
-          },
-          onClick: handleClose,
-          children: /*#__PURE__*/jsx(Close, {})
-        })]
-      }), /*#__PURE__*/jsx("div", {
-        className: classNames(styles.popoverContentContainer, isScrollable && 'scrollable'),
-        ref: handleContainerRef,
-        children: /*#__PURE__*/jsx("div", {
-          className: styles.popoverContent,
-          children: children
-        })
-      })]
-    }))]
-  });
-}
-
-AppSettingsPopover.propTypes = {
-  children: PropTypes.node.isRequired,
-  iconSettingsProps: PropTypes.shape({
-    iconSize: PropTypes.string
-  })
-};
-AppSettingsPopover.defaultProps = {
-  iconSettingsProps: {
-    iconSize: 'small'
-  }
-};
-
-export default AppSettingsPopover;
-//# sourceMappingURL=AppSettingsPopover.js.map
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/helpers/objectWithoutProperties";import{useState as t}from"react";import n from"prop-types";import i from"classnames";import{makeStyles as l,Popover as a}from"@material-ui/core";import{Settings as c,Close as p}from"@material-ui/icons";import s from"../../IconButton/index.js";import{jsxs as d,Fragment as h,jsx as u}from"react/jsx-runtime";var m=["children","iconSettingsProps"];function b(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),o.push.apply(o,t)}return o}function f(r){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};o%2?b(Object(t),!0).forEach((function(o){e(r,o,t[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):b(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}var g=l((function(e){return{popoverPaper:{minWidth:286,width:286,overflowY:"hidden",backgroundColor:e.palette.background.b9,maxHeight:"calc(100% - 24px)","&.scrollable":{height:"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(e.palette.background.b9,", ").concat(e.palette.background.b9," 79%, 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%"}}}));function v(e){var n,l=e.children,b=e.iconSettingsProps,v=o(e,m),O=g(),P=t(null),y=r(P,2),j=y[0],w=y[1],x=t(!0),C=r(x,2),S=C[0],k=C[1],T=function(){w(null)},z=Boolean(j);return d(h,{children:[u(s,f(f({onClick:function(e){return w(e.currentTarget)}},b),{},{children:u(c,{})})),d(a,f(f({open:z,anchorEl:j,onClose:T,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},marginThreshold:12},v),{},{classes:f(f({},null==v?void 0:v.classes),{},{paper:i(O.popoverPaper,S&&"scrollable",null==v||null===(n=v.classes)||void 0===n?void 0:n.paper)}),children:[d("div",{className:i(O.popoverHeader,S&&"scrollable"),children:[u("div",{className:O.headerTitle,children:"Settings"}),u(s,{tooltipProps:{title:"Close"},onClick:T,children:u(p,{})})]}),u("div",{className:i(O.popoverContentContainer,S&&"scrollable"),ref:function(e){e&&e.scrollHeight<=e.clientHeight&&k(!1)},children:u("div",{className:O.popoverContent,children:l})})]}))]})}v.propTypes={children:n.node.isRequired,iconSettingsProps:n.shape({iconSize:n.string})},v.defaultProps={iconSettingsProps:{iconSize:"small"}};export{v as default};