@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/DevCenter/AppHeader/AppHeader.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.js","sources":["../../../../src/components/DevCenter/AppHeader/AppHeader.js"],"sourcesContent":["import { useRef, useState, useEffect } from 'react';\nimport { get } from 'lodash';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { Tooltip } from '@material-ui/core';\n\nimport { LastAnnotation } from '~/components/Annotations';\n\nimport { SEGMENTS } from '~constants/segment';\nimport { DEV_CENTER_CLI_APP_ID } from '~/constants';\nimport { getAppName, getAppSegment } from '~/utils/devcenter';\nimport VersionBadge from './VersionBadge';\nimport PadMode from './PadMode';\n\nimport { getAppDimension } from './utils';\nimport SecondaryAssetNameLabel from '../../AssetNameLabel/SecondaryAssetNameLabel';\nimport PrimaryAssetNameLabel from '../../AssetNameLabel/PrimaryAssetNameLabel';\n\nimport styles from './AppHeader.css';\n\nconst PAGE_NAME = 'DevCenter_AppHeader';\n\nconst APP_LAYOUT_SIZES = {\n  EXTRA_LARGE: 'EXTRA_LARGE',\n  LARGE: 'LARGE',\n  MEDIUM: 'MEDIUM',\n  SMALL: 'SMALL',\n};\n\nfunction AppHeader({\n  app,\n  appLastAnnotation,\n  appSettings,\n  badge,\n  classes,\n  coordinates,\n  currentUser,\n  fracFleet,\n  isMaximized,\n  onSettingChange,\n  openAnnotationsList,\n  rig,\n  showLastAnnotation,\n  updateCurrentDashboardAppLastAnnotation,\n  well,\n  wells,\n  children,\n}) {\n  const appCoordinatesWidth = coordinates?.pixelWidth;\n  const appDimension = getAppDimension(appCoordinatesWidth);\n\n  const appName = getAppName(app);\n  const subtitle = app?.package?.manifest?.application?.subtitle;\n  const segment = getAppSegment(app);\n\n  const isDrilling = segment === SEGMENTS.DRILLING;\n  const { wellId, rigId, fracFleetId, padId } = app?.settings || {};\n  const pad = padId && fracFleet?.pad_frac_fleets.find(({ pad }) => pad.id === padId)?.pad;\n  const primaryAssetName = isDrilling ? rig?.name : fracFleet?.name;\n  const secondaryAssetName = isDrilling ? wellId && well?.name : padId && pad?.name;\n  const isPrimaryNameVisible = !!(wellId || rigId || fracFleetId);\n\n  const currentPadLink = fracFleet?.current_pad_id\n    ? `assets/types/pad/${fracFleet?.current_pad_id}`\n    : null;\n  const primaryAssetLink =\n    // we need to use assetId till platform is using old API for assets.\n    isDrilling ? primaryAssetName && `assets/${well?.asset_id}` : currentPadLink;\n  const replacedPadLink = padId && `assets/types/pad/${padId}`;\n\n  const isCLIApp = app && app.id === DEV_CENTER_CLI_APP_ID;\n\n  const titleRef = useRef(null);\n\n  const [primaryAssetLabelWidth, setPrimaryAssetLabelWidth] = useState({ width: 0 });\n  const [secondaryAssetLabelWidth, setSecondaryAssetLabelWidth] = useState({ width: 0 });\n  const [childrenMarginRight, setChildrenMarginRight] = useState(0);\n  const [isAppNameTooltipShown, setIsAppNameTooltipShown] = useState(false);\n\n  const handlePrimaryAssetLabelWidthChange = size => setPrimaryAssetLabelWidth(size);\n  const handleSecondaryAssetLabelWidthChange = size => setSecondaryAssetLabelWidth(size);\n\n  useEffect(() => {\n    setChildrenMarginRight(primaryAssetLabelWidth?.width + secondaryAssetLabelWidth?.width + 16);\n    setIsAppNameTooltipShown(\n      Math.abs(titleRef.current?.offsetWidth - titleRef.current?.scrollWidth) > 1\n    );\n  }, [primaryAssetLabelWidth?.width, secondaryAssetLabelWidth?.width, appCoordinatesWidth]);\n\n  return (\n    <>\n      <div className={classNames(styles.appHeaderContainer, classes.appHeader)}>\n        <div className={styles.titleBlock}>\n          <div className={classes.appHeaderTitleWrapper} ref={titleRef}>\n            <div className={styles.titleWrapper}>\n              <Tooltip title={isAppNameTooltipShown ? appName : ''} placement=\"bottom\">\n                <h6 data-testid={`${PAGE_NAME}_name`} className={styles.title}>\n                  {appName}\n                </h6>\n              </Tooltip>\n              <VersionBadge app={app} />\n            </div>\n            {badge}\n          </div>\n          {subtitle && (\n            <h6 data-testid={`${PAGE_NAME}_subtitle`} className={styles.subtitle}>\n              {subtitle}\n            </h6>\n          )}\n        </div>\n        <div\n          className={styles.headerComponents}\n          style={{ marginRight: `${childrenMarginRight}px` }}\n        >\n          {appDimension === APP_LAYOUT_SIZES.EXTRA_LARGE && (\n            <div className={styles.headerChildren}>{children}</div>\n          )}\n\n          {segment === SEGMENTS.COMPLETION && appDimension !== APP_LAYOUT_SIZES.SMALL && (\n            <div className={styles.padModeSelect}>\n              <PadMode\n                fracFleet={fracFleet}\n                wells={wells}\n                well={well}\n                onSettingChange={onSettingChange}\n                appSettings={appSettings}\n              />\n            </div>\n          )}\n        </div>\n        {app && coordinates && (\n          // Note: Needed to separate these two elements to calc their widths correctly\n          // (apply withSize to each component because for the whole component in case of truncating\n          // it shows width before truncating)\n          <div\n            className={classNames(\n              styles.assetNameLabelContainer,\n              isMaximized && styles.appMaximized\n            )}\n          >\n            {secondaryAssetName && (\n              <SecondaryAssetNameLabel\n                secondaryAssetName={secondaryAssetName}\n                coordinatesPixelWidth={coordinates.pixelWidth}\n                secondaryAssetLink={!isCLIApp && replacedPadLink}\n                pageName={PAGE_NAME}\n                onSize={handleSecondaryAssetLabelWidthChange}\n              />\n            )}\n            {isPrimaryNameVisible && (\n              <PrimaryAssetNameLabel\n                primaryAssetName={primaryAssetName}\n                pageName={PAGE_NAME}\n                coordinatesPixelWidth={coordinates.pixelWidth}\n                primaryAssetLink={primaryAssetLink}\n                onSize={handlePrimaryAssetLabelWidthChange}\n              />\n            )}\n          </div>\n        )}\n\n        {showLastAnnotation && appLastAnnotation && (\n          <LastAnnotation\n            dashboardAppId={app.id}\n            appId={get(app, ['app', 'id'])}\n            annotation={appLastAnnotation}\n            openAnnotationsList={openAnnotationsList}\n            updateCurrentDashboardAppLastAnnotation={updateCurrentDashboardAppLastAnnotation}\n            currentUser={currentUser}\n          />\n        )}\n      </div>\n      {appDimension === APP_LAYOUT_SIZES.SMALL && (\n        <div className={classNames(styles.padModeSelect, styles.smallPadModeSelect)}>\n          <PadMode\n            fracFleet={fracFleet}\n            wells={wells}\n            well={well}\n            onSettingChange={onSettingChange}\n            appSettings={appSettings}\n          />\n        </div>\n      )}\n      {appDimension !== APP_LAYOUT_SIZES.EXTRA_LARGE && (\n        <div className={classNames(styles.mediumSizeContent, styles.headerComponents)}>\n          <div className={styles.headerChildren}>{children}</div>\n        </div>\n      )}\n    </>\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    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        }).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.arrayOf(PropTypes.node),\n};\n\nAppHeader.defaultProps = {\n  appLastAnnotation: null,\n  appSettings: null,\n  badge: null,\n  classes: {},\n  coordinates: undefined,\n  currentUser: undefined,\n  fracFleet: null,\n  isMaximized: false,\n  onSettingChange: undefined,\n  openAnnotationsList: undefined,\n  rig: null,\n  showLastAnnotation: true,\n  updateCurrentDashboardAppLastAnnotation: () => {},\n  well: null,\n  wells: null,\n  children: null,\n};\n\nexport default AppHeader;\n"],"names":["PAGE_NAME","APP_LAYOUT_SIZES","EXTRA_LARGE","LARGE","MEDIUM","SMALL","AppHeader","app","appLastAnnotation","appSettings","badge","classes","coordinates","currentUser","fracFleet","isMaximized","onSettingChange","openAnnotationsList","rig","showLastAnnotation","updateCurrentDashboardAppLastAnnotation","well","wells","children","appCoordinatesWidth","pixelWidth","appDimension","getAppDimension","appName","getAppName","subtitle","package","manifest","application","segment","getAppSegment","isDrilling","SEGMENTS","DRILLING","settings","wellId","rigId","fracFleetId","padId","pad","pad_frac_fleets","find","id","primaryAssetName","name","secondaryAssetName","isPrimaryNameVisible","currentPadLink","current_pad_id","primaryAssetLink","asset_id","replacedPadLink","isCLIApp","DEV_CENTER_CLI_APP_ID","titleRef","useRef","useState","width","primaryAssetLabelWidth","setPrimaryAssetLabelWidth","secondaryAssetLabelWidth","setSecondaryAssetLabelWidth","childrenMarginRight","setChildrenMarginRight","isAppNameTooltipShown","setIsAppNameTooltipShown","handlePrimaryAssetLabelWidthChange","size","handleSecondaryAssetLabelWidthChange","useEffect","Math","abs","current","offsetWidth","scrollWidth","_jsxs","classNames","styles","appHeaderContainer","appHeader","titleBlock","appHeaderTitleWrapper","titleWrapper","_jsx","title","headerComponents","marginRight","headerChildren","COMPLETION","padModeSelect","assetNameLabelContainer","appMaximized","get","smallPadModeSelect","mediumSizeContent","propTypes","PropTypes","object","isRequired","node","shape","string","bool","func","number","arrayOf","defaultProps","undefined"],"mappings":"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"}

package/components/DevCenter/AppHeader/PadMode.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PadMode.js","sources":["../../../../src/components/DevCenter/AppHeader/PadMode.js"],"sourcesContent":["import { get, isEmpty, noop } from 'lodash';\nimport PropTypes from 'prop-types';\n\nimport PadModeSelect from '~/components/PadModeSelect';\nimport { COMPLETION_APP_TYPES } from '~/constants/completion';\nimport { getAssetKey, getDefaultPadModeSetting } from '~/utils/completion';\n\nconst PadMode = ({ fracFleet, wells, well, onSettingChange, appSettings, completionAppType }) => {\n  if (well || (!wells && !fracFleet)) return null;\n\n  // use COMPLETION_APP_TYPES.fracMultiWellApp as a default if not defined in app;\n  // this will be moved to the Apps Wizard soon\n  // https://corvaqa.atlassian.net/browse/DC-1317\n\n  const { padId } = appSettings;\n\n  const appType = completionAppType || COMPLETION_APP_TYPES.fracMultiWellApp;\n  const assetKey = getAssetKey(fracFleet, well, padId);\n  const currentPadModeSetting = get(appSettings, ['settingsByAsset', assetKey]);\n\n  const padModeSetting = !isEmpty(currentPadModeSetting)\n    ? currentPadModeSetting\n    : getDefaultPadModeSetting(fracFleet, well, appType);\n\n  return (\n    <PadModeSelect\n      assets={wells}\n      completionAppType={appType}\n      padModeSetting={padModeSetting}\n      onChange={newPadModeSetting =>\n        onSettingChange('settingsByAsset', {\n          ...get(appSettings, 'settingsByAsset', {}),\n          [assetKey]: newPadModeSetting,\n        })\n      }\n    />\n  );\n};\n\nPadMode.propTypes = {\n  appSettings: PropTypes.shape({\n    padId: PropTypes.number,\n  }),\n  completionAppType: PropTypes.string,\n  fracFleet: PropTypes.shape({}),\n  onSettingChange: PropTypes.func,\n  well: PropTypes.shape({}),\n  wells: PropTypes.arrayOf(PropTypes.shape()),\n};\n\nPadMode.defaultProps = {\n  appSettings: {},\n  completionAppType: undefined,\n  fracFleet: undefined,\n  onSettingChange: noop,\n  well: undefined,\n  wells: undefined,\n};\n\nexport default PadMode;\n"],"names":["PadMode","fracFleet","wells","well","onSettingChange","appSettings","completionAppType","padId","appType","COMPLETION_APP_TYPES","fracMultiWellApp","assetKey","getAssetKey","currentPadModeSetting","get","padModeSetting","isEmpty","getDefaultPadModeSetting","_jsx","newPadModeSetting","propTypes","PropTypes","shape","number","string","func","arrayOf","defaultProps","undefined","noop"],"mappings":";;;;;;;;;;;;IAOMA,OAAO,GAAG,SAAVA,OAAU,OAAiF;AAAA,MAA9EC,SAA8E,QAA9EA,SAA8E;AAAA,MAAnEC,KAAmE,QAAnEA,KAAmE;AAAA,MAA5DC,IAA4D,QAA5DA,IAA4D;AAAA,MAAtDC,eAAsD,QAAtDA,eAAsD;AAAA,MAArCC,WAAqC,QAArCA,WAAqC;AAAA,MAAxBC,iBAAwB,QAAxBA,iBAAwB;AAC/F,MAAIH,IAAI,IAAK,CAACD,KAAD,IAAU,CAACD,SAAxB,EAAoC,OAAO,IAAP,CAD2D;AAI/F;AACA;;AAL+F,MAOvFM,KAPuF,GAO7EF,WAP6E,CAOvFE,KAPuF;AAS/F,MAAMC,OAAO,GAAGF,iBAAiB,IAAIG,oBAAoB,CAACC,gBAA1D;AACA,MAAMC,QAAQ,GAAGC,WAAW,CAACX,SAAD,EAAYE,IAAZ,EAAkBI,KAAlB,CAA5B;AACA,MAAMM,qBAAqB,GAAGC,GAAG,CAACT,WAAD,EAAc,CAAC,iBAAD,EAAoBM,QAApB,CAAd,CAAjC;AAEA,MAAMI,cAAc,GAAG,CAACC,OAAO,CAACH,qBAAD,CAAR,GACnBA,qBADmB,GAEnBI,wBAAwB,CAAChB,SAAD,EAAYE,IAAZ,EAAkBK,OAAlB,CAF5B;AAIA,sBACEU,IAAC,aAAD;AACE,IAAA,MAAM,EAAEhB,KADV;AAEE,IAAA,iBAAiB,EAAEM,OAFrB;AAGE,IAAA,cAAc,EAAEO,cAHlB;AAIE,IAAA,QAAQ,EAAE,kBAAAI,iBAAiB;AAAA,aACzBf,eAAe,CAAC,iBAAD,kCACVU,GAAG,CAACT,WAAD,EAAc,iBAAd,EAAiC,EAAjC,CADO,2BAEZM,QAFY,EAEDQ,iBAFC,GADU;AAAA;AAJ7B,IADF;AAaD;;AAEDnB,OAAO,CAACoB,SAAR,GAAoB;AAClBf,EAAAA,WAAW,EAAEgB,SAAS,CAACC,KAAV,CAAgB;AAC3Bf,IAAAA,KAAK,EAAEc,SAAS,CAACE;AADU,GAAhB,CADK;AAIlBjB,EAAAA,iBAAiB,EAAEe,SAAS,CAACG,MAJX;AAKlBvB,EAAAA,SAAS,EAAEoB,SAAS,CAACC,KAAV,CAAgB,EAAhB,CALO;AAMlBlB,EAAAA,eAAe,EAAEiB,SAAS,CAACI,IANT;AAOlBtB,EAAAA,IAAI,EAAEkB,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAPY;AAQlBpB,EAAAA,KAAK,EAAEmB,SAAS,CAACK,OAAV,CAAkBL,SAAS,CAACC,KAAV,EAAlB;AARW,CAApB;AAWAtB,OAAO,CAAC2B,YAAR,GAAuB;AACrBtB,EAAAA,WAAW,EAAE,EADQ;AAErBC,EAAAA,iBAAiB,EAAEsB,SAFE;AAGrB3B,EAAAA,SAAS,EAAE2B,SAHU;AAIrBxB,EAAAA,eAAe,EAAEyB,IAJI;AAKrB1B,EAAAA,IAAI,EAAEyB,SALe;AAMrB1B,EAAAA,KAAK,EAAE0B;AANc,CAAvB;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,uDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}

package/components/DevCenter/AppHeader/VersionBadge.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"VersionBadge.js","sources":["../../../../src/components/DevCenter/AppHeader/VersionBadge.js"],"sourcesContent":["import classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport styles from './VersionBadge.css';\n\nconst PAGE_NAME = 'DC_versionBadge';\n\nconst VersionBadge = ({ app }) => {\n  if (!app.package) return null;\n  const { label, version, package_code_version: packageCodeVersion } = app.package;\n  if (label === 'PROD') return null;\n\n  return (\n    <div className={classNames(styles.versionContainer, label && styles.versionContainerBeta)}>\n      <p data-testid={PAGE_NAME} className={styles.versionText}>\n        {label ? 'Beta' : `v${packageCodeVersion || version}`}\n      </p>\n    </div>\n  );\n};\n\nVersionBadge.propTypes = {\n  app: PropTypes.object, // eslint-disable-line react/forbid-prop-types\n};\n\nVersionBadge.defaultProps = { app: {} };\n\nexport default VersionBadge;\n"],"names":["PAGE_NAME","VersionBadge","app","package","label","version","packageCodeVersion","package_code_version","_jsx","classNames","styles","versionContainer","versionContainerBeta","versionText","propTypes","PropTypes","object","defaultProps"],"mappings":";;;;;AAKA,IAAMA,SAAS,GAAG,iBAAlB;;IAEMC,YAAY,GAAG,SAAfA,YAAe,OAAa;AAAA,MAAVC,GAAU,QAAVA,GAAU;AAChC,MAAI,CAACA,GAAG,CAACC,OAAT,EAAkB,OAAO,IAAP;AADc,qBAEqCD,GAAG,CAACC,OAFzC;AAAA,MAExBC,KAFwB,gBAExBA,KAFwB;AAAA,MAEjBC,OAFiB,gBAEjBA,OAFiB;AAAA,MAEcC,kBAFd,gBAERC,oBAFQ;AAGhC,MAAIH,KAAK,KAAK,MAAd,EAAsB,OAAO,IAAP;AAEtB,sBACEI;AAAK,IAAA,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,gBAAR,EAA0BP,KAAK,IAAIM,MAAM,CAACE,oBAA1C,CAA1B;AAAA,2BACEJ;AAAG,qBAAaR,SAAhB;AAA2B,MAAA,SAAS,EAAEU,MAAM,CAACG,WAA7C;AAAA,gBACGT,KAAK,GAAG,MAAH,cAAgBE,kBAAkB,IAAID,OAAtC;AADR;AADF,IADF;AAOD;;AAEDJ,YAAY,CAACa,SAAb,GAAyB;AACvBZ,EAAAA,GAAG,EAAEa,SAAS,CAACC,MADQ;;AAAA,CAAzB;AAIAf,YAAY,CAACgB,YAAb,GAA4B;AAAEf,EAAAA,GAAG,EAAE;AAAP,CAA5B;;;;"}

package/components/DevCenter/AppHeader/utils.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/DevCenter/AppHeader/utils.js"],"sourcesContent":["const APP_LAYOUT_SIZES = {\n  EXTRA_LARGE: 'EXTRA_LARGE',\n  LARGE: 'LARGE',\n  MEDIUM: 'MEDIUM',\n  SMALL: 'SMALL',\n};\n\nconst APP_WIDTH_DEMENSIONS = {\n  EXTRA_LARGE: 1440,\n  LARGE: 960,\n  MEDIUM: 600,\n  SMALL: 428,\n};\n\nexport const getAppDimension = appCoordinatesWidth => {\n  if (appCoordinatesWidth <= APP_WIDTH_DEMENSIONS.SMALL) {\n    return APP_LAYOUT_SIZES.SMALL;\n  } else if (appCoordinatesWidth <= APP_WIDTH_DEMENSIONS.MEDIUM) {\n    return APP_LAYOUT_SIZES.MEDIUM;\n  } else if (appCoordinatesWidth <= APP_WIDTH_DEMENSIONS.LARGE) {\n    return APP_LAYOUT_SIZES.LARGE;\n  } else return APP_LAYOUT_SIZES.EXTRA_LARGE;\n};\n"],"names":["APP_LAYOUT_SIZES","EXTRA_LARGE","LARGE","MEDIUM","SMALL","APP_WIDTH_DEMENSIONS","getAppDimension","appCoordinatesWidth"],"mappings":"AAAA,IAAMA,gBAAgB,GAAG;AACvBC,EAAAA,WAAW,EAAE,aADU;AAEvBC,EAAAA,KAAK,EAAE,OAFgB;AAGvBC,EAAAA,MAAM,EAAE,QAHe;AAIvBC,EAAAA,KAAK,EAAE;AAJgB,CAAzB;AAOA,IAAMC,oBAAoB,GAAG;AAC3BJ,EAAAA,WAAW,EAAE,IADc;AAE3BC,EAAAA,KAAK,EAAE,GAFoB;AAG3BC,EAAAA,MAAM,EAAE,GAHmB;AAI3BC,EAAAA,KAAK,EAAE;AAJoB,CAA7B;IAOaE,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,mBAAmB,EAAI;AACpD,MAAIA,mBAAmB,IAAIF,oBAAoB,CAACD,KAAhD,EAAuD;AACrD,WAAOJ,gBAAgB,CAACI,KAAxB;AACD,GAFD,MAEO,IAAIG,mBAAmB,IAAIF,oBAAoB,CAACF,MAAhD,EAAwD;AAC7D,WAAOH,gBAAgB,CAACG,MAAxB;AACD,GAFM,MAEA,IAAII,mBAAmB,IAAIF,oBAAoB,CAACH,KAAhD,EAAuD;AAC5D,WAAOF,gBAAgB,CAACE,KAAxB;AACD,GAFM,MAEA,OAAOF,gBAAgB,CAACC,WAAxB;AACR;;;;"}