@corva/ui 0.65.0-0 → 0.65.0-1-test

package/components/ParameterCharts/components/Tooltip/Tooltip.js

@@ -1 +1,86 @@
-import i from"prop-types";import{useMemo as o}from"react";import{getUnitDisplay as n}from"../../../../utils/convert.js";import l from"./Tooltip.css.js";import{jsxs as r,jsx as e}from"react/jsx-runtime";var t={Dash:"dashed",Solid:"solid",Dot:"dotted"},s=function(i){var s,d,a,u,c=i.points,p=o((function(){for(var i=0;i<c.length;i+=1){var o,n;if(null!==(o=c[i])&&void 0!==o&&null!==(n=o[0])&&void 0!==n&&n.plotX)return i}return 0}),[c]);return r("div",{className:l.container,style:{transform:"translate(".concat(null===(s=c[p])||void 0===s||null===(d=s[0])||void 0===d?void 0:d.plotX,"px, 0)")},children:[r("div",{className:l.indexTooltip,children:[null===(a=c[p])||void 0===a||null===(u=a[0])||void 0===u?void 0:u.x," ’"]}),c.map((function(i,o){return e("div",{className:l.tooltipContainer,children:!!i.length&&e("table",{className:l.content,children:e("tbody",{children:i.map((function(i){var o,s,d,a,u,c,p,v=i.id,m=i.y,h=i.series;return r("tr",{children:[e("td",{children:e("div",{className:l.line,style:{borderBottom:"1px ".concat(t[null==h||null===(o=h.userOptions)||void 0===o?void 0:o.dashStyle]," ").concat((null==h||null===(s=h.userOptions)||void 0===s?void 0:s.color)||(null==h||null===(d=h.userOptions)||void 0===d?void 0:d.lineColor))}})}),e("td",{className:l.name,children:null==h||null===(a=h.userOptions)||void 0===a?void 0:a.name}),e("td",{className:l.value,children:(p=m,Number.isFinite(p)?Math.round(1e5*p)/1e5:"-")}),e("td",{className:l.units,children:n(null==h||null===(u=h.userOptions)||void 0===u?void 0:u.unitType)||(null==h||null===(c=h.userOptions)||void 0===c?void 0:c.unit)})]},v)}))})})},"points_from_track_".concat(o))}))]})};s.propTypes={points:i.arrayOf(i.arrayOf(i.shape({plotX:i.number.isRequired,x:i.number.isRequired}))).isRequired};export{s as default};
+import PropTypes from 'prop-types';
+import { useMemo } from 'react';
+import { getUnitDisplay } from '../../../../utils/convert.js';
+import styles from './Tooltip.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var BORDER_STYLES = {
+  Dash: 'dashed',
+  Solid: 'solid',
+  Dot: 'dotted'
+};
+var round = function round(val) {
+  return Number.isFinite(val) ? Math.round(val * 100000) / 100000 : '-';
+};
+var Tooltip = function Tooltip(_ref) {
+  var _points$firstValidPoi, _points$firstValidPoi2, _points$firstValidPoi3, _points$firstValidPoi4;
+  var points = _ref.points;
+  var firstValidPointIndex = useMemo(function () {
+    for (var i = 0; i < points.length; i += 1) {
+      var _points$i, _points$i$;
+      if ((_points$i = points[i]) !== null && _points$i !== void 0 && (_points$i$ = _points$i[0]) !== null && _points$i$ !== void 0 && _points$i$.plotX) {
+        return i;
+      }
+    }
+    return 0;
+  }, [points]);
+
+  // TODO: find first track with points instead of taking just first
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.container,
+    style: {
+      transform: "translate(".concat((_points$firstValidPoi = points[firstValidPointIndex]) === null || _points$firstValidPoi === void 0 ? void 0 : (_points$firstValidPoi2 = _points$firstValidPoi[0]) === null || _points$firstValidPoi2 === void 0 ? void 0 : _points$firstValidPoi2.plotX, "px, 0)")
+    },
+    children: [/*#__PURE__*/jsxs("div", {
+      className: styles.indexTooltip,
+      children: [(_points$firstValidPoi3 = points[firstValidPointIndex]) === null || _points$firstValidPoi3 === void 0 ? void 0 : (_points$firstValidPoi4 = _points$firstValidPoi3[0]) === null || _points$firstValidPoi4 === void 0 ? void 0 : _points$firstValidPoi4.x, " \u2019"]
+    }), points.map(function (point, index) {
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line react/no-array-index-key
+        jsx("div", {
+          className: styles.tooltipContainer,
+          children: !!point.length && /*#__PURE__*/jsx("table", {
+            className: styles.content,
+            children: /*#__PURE__*/jsx("tbody", {
+              children: point.map(function (_ref2) {
+                var _series$userOptions, _series$userOptions2, _series$userOptions3, _series$userOptions4, _series$userOptions5, _series$userOptions6;
+                var id = _ref2.id,
+                  y = _ref2.y,
+                  series = _ref2.series;
+                return /*#__PURE__*/jsxs("tr", {
+                  children: [/*#__PURE__*/jsx("td", {
+                    children: /*#__PURE__*/jsx("div", {
+                      className: styles.line,
+                      style: {
+                        borderBottom: "1px ".concat(BORDER_STYLES[series === null || series === void 0 ? void 0 : (_series$userOptions = series.userOptions) === null || _series$userOptions === void 0 ? void 0 : _series$userOptions.dashStyle], " ").concat((series === null || series === void 0 ? void 0 : (_series$userOptions2 = series.userOptions) === null || _series$userOptions2 === void 0 ? void 0 : _series$userOptions2.color) || (series === null || series === void 0 ? void 0 : (_series$userOptions3 = series.userOptions) === null || _series$userOptions3 === void 0 ? void 0 : _series$userOptions3.lineColor))
+                      }
+                    })
+                  }), /*#__PURE__*/jsx("td", {
+                    className: styles.name,
+                    children: series === null || series === void 0 ? void 0 : (_series$userOptions4 = series.userOptions) === null || _series$userOptions4 === void 0 ? void 0 : _series$userOptions4.name
+                  }), /*#__PURE__*/jsx("td", {
+                    className: styles.value,
+                    children: round(y)
+                  }), /*#__PURE__*/jsx("td", {
+                    className: styles.units,
+                    children: getUnitDisplay(series === null || series === void 0 ? void 0 : (_series$userOptions5 = series.userOptions) === null || _series$userOptions5 === void 0 ? void 0 : _series$userOptions5.unitType) || (series === null || series === void 0 ? void 0 : (_series$userOptions6 = series.userOptions) === null || _series$userOptions6 === void 0 ? void 0 : _series$userOptions6.unit)
+                  })]
+                }, id);
+              })
+            })
+          })
+        }, "points_from_track_".concat(index))
+      );
+    })]
+  });
+};
+Tooltip.propTypes = {
+  points: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.shape({
+    plotX: PropTypes.number.isRequired,
+    x: PropTypes.number.isRequired
+  }))).isRequired
+};
+
+export { Tooltip as default };
+//# sourceMappingURL=Tooltip.js.map

package/components/ParameterCharts/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../../../src/components/ParameterCharts/components/Tooltip/Tooltip.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useMemo } from 'react';\n\nimport { getUnitDisplay } from '~/utils/convert';\n\nimport styles from './Tooltip.css';\n\nconst BORDER_STYLES = {\n  Dash: 'dashed',\n  Solid: 'solid',\n  Dot: 'dotted',\n};\n\nconst round = val => (Number.isFinite(val) ? Math.round(val * 100000) / 100000 : '-');\n\nconst Tooltip = ({ points }) => {\n  const firstValidPointIndex = useMemo(() => {\n    for (let i = 0; i < points.length; i += 1) {\n      if (points[i]?.[0]?.plotX) {\n        return i;\n      }\n    }\n    return 0;\n  }, [points]);\n\n  // TODO: find first track with points instead of taking just first\n  return (\n    <div\n      className={styles.container}\n      style={{\n        transform: `translate(${points[firstValidPointIndex]?.[0]?.plotX}px, 0)`,\n      }}\n    >\n      <div className={styles.indexTooltip}>{points[firstValidPointIndex]?.[0]?.x} ’</div>\n      {points.map((point, index) => {\n        return (\n          // eslint-disable-next-line react/no-array-index-key\n          <div key={`points_from_track_${index}`} className={styles.tooltipContainer}>\n            {!!point.length && (\n              <table className={styles.content}>\n                <tbody>\n                  {point.map(({ id, y, series }) => (\n                    <tr key={id}>\n                      <td>\n                        <div\n                          className={styles.line}\n                          style={{\n                            borderBottom: `1px ${BORDER_STYLES[series?.userOptions?.dashStyle]} ${\n                              series?.userOptions?.color || series?.userOptions?.lineColor\n                            }`,\n                          }}\n                        />\n                      </td>\n                      <td className={styles.name}>{series?.userOptions?.name}</td>\n                      <td className={styles.value}>{round(y)}</td>\n                      <td className={styles.units}>\n                        {getUnitDisplay(series?.userOptions?.unitType) || series?.userOptions?.unit}\n                      </td>\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nTooltip.propTypes = {\n  points: PropTypes.arrayOf(\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        plotX: PropTypes.number.isRequired,\n        x: PropTypes.number.isRequired,\n      })\n    )\n  ).isRequired,\n};\n\nexport default Tooltip;\n"],"names":["BORDER_STYLES","Dash","Solid","Dot","round","val","Number","isFinite","Math","Tooltip","points","firstValidPointIndex","useMemo","i","length","plotX","_jsxs","styles","container","transform","indexTooltip","x","map","point","index","_jsx","tooltipContainer","content","id","y","series","line","borderBottom","userOptions","dashStyle","color","lineColor","name","value","units","getUnitDisplay","unitType","unit","propTypes","PropTypes","arrayOf","shape","number","isRequired"],"mappings":"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"}

package/components/ParameterCharts/components/TraceHeader.css.js

@@ -1 +1,8 @@
-import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var r={container:"TraceHeader_container__9-2ML",header:"TraceHeader_header__dYqmm",horizontal:"TraceHeader_horizontal__B4Ktt",minimal:"TraceHeader_minimal__duKeS",unit:"TraceHeader_unit__iO786",values:"TraceHeader_values__kBj7H",min:"TraceHeader_min__auAtt",max:"TraceHeader_max__PDbyy",current:"TraceHeader_current__LpTbq",line:"TraceHeader_line__HCJx2",vertical:"TraceHeader_vertical__HDVD3",empty:"TraceHeader_empty__r0KJ8",addTrace:"TraceHeader_addTrace__qUXq5",actions:"TraceHeader_actions__AAhr-",modalTitle:"TraceHeader_modalTitle__MCuLx",trackTitle:"TraceHeader_trackTitle__zfzfk"};e(".TraceHeader_container__9-2ML{position:relative}.TraceHeader_header__dYqmm{align-items:center;background:#272727;cursor:pointer;display:flex;flex-direction:column;height:74px;justify-content:center;justify-content:flex-end;position:relative;transition:background .3s ease-in;width:100%}.TraceHeader_header__dYqmm:hover{background:#333}.TraceHeader_header__dYqmm.TraceHeader_horizontal__B4Ktt{border-left:1px solid #333;height:100px;transform:rotate(180deg);width:68px;writing-mode:vertical-rl}.TraceHeader_horizontal__B4Ktt.TraceHeader_minimal__duKeS{width:38px}.TraceHeader_unit__iO786{color:#bdbdbd;font-size:11px;text-align:center}.TraceHeader_values__kBj7H{align-items:flex-end;display:flex;justify-content:space-between}.TraceHeader_max__PDbyy,.TraceHeader_min__auAtt{color:#9e9e9e;font-size:10px}.TraceHeader_current__LpTbq{font-size:16px;padding-right:5px}.TraceHeader_line__HCJx2{border-width:0;position:relative}.TraceHeader_horizontal__B4Ktt .TraceHeader_line__HCJx2{border-left:1px solid #333;height:40px;left:-1px;width:0}.TraceHeader_horizontal__B4Ktt .TraceHeader_values__kBj7H{border-width:0 1px 0 0;height:100%;padding:10px 3px}.TraceHeader_vertical__HDVD3 .TraceHeader_line__HCJx2{border-bottom:1px solid #333;height:0;top:-1px;width:40px}.TraceHeader_vertical__HDVD3 .TraceHeader_values__kBj7H{border-width:0 0 1px}.TraceHeader_empty__r0KJ8{align-items:center;display:flex;flex:1;justify-content:center}.TraceHeader_header__dYqmm:hover .TraceHeader_empty__r0KJ8{opacity:1;visibility:visible}.TraceHeader_addTrace__qUXq5{align-items:center;background:#414141;border-radius:30px;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;width:30px;z-index:101}.TraceHeader_horizontal__B4Ktt .TraceHeader_addTrace__qUXq5{left:-45px;top:50%;transform:translateY(-50%)}.TraceHeader_actions__AAhr-{display:flex;justify-content:flex-end;width:100%}.TraceHeader_modalTitle__MCuLx{color:#fff;font-size:20px}.TraceHeader_trackTitle__zfzfk{color:#03bcd4;cursor:pointer;font-size:13px}");export{r as default};
+import styleInject from './../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".TraceHeader_container__9-2ML {\n  position: relative;\n}\n\n.TraceHeader_header__dYqmm {\n  height: 74px;\n  width: 100%;\n  background: #272727;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  justify-content: flex-end;\n  cursor: pointer;\n  transition: background 0.3s ease-in;\n  position: relative;\n}\n\n.TraceHeader_header__dYqmm:hover {\n  background: #333333;\n}\n\n.TraceHeader_header__dYqmm.TraceHeader_horizontal__B4Ktt {\n  writing-mode: vertical-rl;\n  transform: rotate(180deg);\n  width: 68px;\n  height: 100px;\n  border-left: 1px solid #333333;\n}\n\n.TraceHeader_horizontal__B4Ktt.TraceHeader_minimal__duKeS {\n  width: 38px;\n}\n\n.TraceHeader_unit__iO786 {\n  font-size: 11px;\n  color: #bdbdbd;\n  text-align: center;\n}\n\n.TraceHeader_values__kBj7H {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n}\n\n.TraceHeader_min__auAtt,\n.TraceHeader_max__PDbyy {\n  color: #9e9e9e;\n  font-size: 10px;\n}\n\n.TraceHeader_current__LpTbq {\n  padding-right: 5px;\n  font-size: 16px;\n}\n\n.TraceHeader_line__HCJx2 {\n  border-width: 0;\n  position: relative;\n}\n\n.TraceHeader_horizontal__B4Ktt .TraceHeader_line__HCJx2 {\n  height: 40px;\n  width: 0;\n  left: -1px;\n  border-left: 1px solid #333333;\n}\n\n.TraceHeader_horizontal__B4Ktt .TraceHeader_values__kBj7H {\n  border-width: 0 1px 0 0;\n  height: 100%;\n  padding: 10px 3px;\n}\n\n.TraceHeader_vertical__HDVD3 .TraceHeader_line__HCJx2 {\n  width: 40px;\n  height: 0;\n  top: -1px;\n  border-bottom: 1px solid #333333;\n}\n\n.TraceHeader_vertical__HDVD3 .TraceHeader_values__kBj7H {\n  border-width: 0 0 1px 0;\n}\n\n.TraceHeader_empty__r0KJ8 {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.TraceHeader_header__dYqmm:hover .TraceHeader_empty__r0KJ8 {\n  visibility: visible;\n  opacity: 1;\n}\n\n.TraceHeader_addTrace__qUXq5 {\n  position: absolute;\n  background: #414141;\n  border-radius: 30px;\n  width: 30px;\n  height: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 101;\n}\n\n.TraceHeader_horizontal__B4Ktt .TraceHeader_addTrace__qUXq5 {\n  top: 50%;\n  left: -45px;\n  transform: translate(0, -50%);\n}\n\n.TraceHeader_actions__AAhr- {\n  display: flex;\n  width: 100%;\n  justify-content: flex-end;\n}\n\n.TraceHeader_modalTitle__MCuLx {\n  color: #fff;\n  font-size: 20px;\n}\n\n.TraceHeader_trackTitle__zfzfk {\n  cursor: pointer;\n  color: #03bcd4;\n  font-size: 13px;\n}\n";
+var styles = {"container":"TraceHeader_container__9-2ML","header":"TraceHeader_header__dYqmm","horizontal":"TraceHeader_horizontal__B4Ktt","minimal":"TraceHeader_minimal__duKeS","unit":"TraceHeader_unit__iO786","values":"TraceHeader_values__kBj7H","min":"TraceHeader_min__auAtt","max":"TraceHeader_max__PDbyy","current":"TraceHeader_current__LpTbq","line":"TraceHeader_line__HCJx2","vertical":"TraceHeader_vertical__HDVD3","empty":"TraceHeader_empty__r0KJ8","addTrace":"TraceHeader_addTrace__qUXq5","actions":"TraceHeader_actions__AAhr-","modalTitle":"TraceHeader_modalTitle__MCuLx","trackTitle":"TraceHeader_trackTitle__zfzfk"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=TraceHeader.css.js.map

package/components/ParameterCharts/components/TraceHeader.css.js.map

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

package/components/ParameterCharts/components/TraceHeader.js

@@ -1 +1,245 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as n,useContext as t,useRef as i}from"react";import a from"prop-types";import o from"classnames";import{get as c,isEqual as s,last as l}from"lodash";import m from"@material-ui/icons/Add";import{withStyles as u,Tooltip as p,Button as d}from"@material-ui/core";import f from"../../Modal/Modal.js";import{getUnitDisplay as h}from"../../../utils/convert.js";import g from"./TraceSettings.js";import y from"../SettingsContext.js";import b from"../DataContext.js";import{DEFAULT_TRACE_SETTINGS as v,MAX_TRACE_COUNT as S}from"../constants.js";import T from"./TraceHeader.css.js";import{jsxs as j,jsx as N,Fragment as k}from"react/jsx-runtime";function O(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function C(r){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?O(Object(t),!0).forEach((function(n){e(r,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}var M=function(e){return Number.isFinite(e)?Math.round(100*e)/100:"-"},x=function(a){var u,O=a.onChange,x=a.onDelete,P=a.traceSettings,D=a.classes,q=a.mapping,R=a.index,w=a.openTrackSettings,z=n(!1),E=r(z,2),F=E[0],L=E[1],A=n(!1),H=r(A,2),B=H[0],G=H[1],I=n(!1),J=r(I,2),K=J[0],Q=J[1],U=n(P),V=r(U,2),W=V[0],X=V[1],Y=n(v),Z=r(Y,2),$=Z[0],_=Z[1],ee=t(y),re=ee.horizontal,ne=ee.maxTracesCount,te=t(b).parsedData,ie=i(),ae=c(te,P&&"".concat(P.collection,".").concat(P.key),{}),oe=ae.min,ce=ae.max,se=ae.data,le=ne>=5,me=function(){O(B?$:W),L(!1),G(!1),_(v)},ue=function(){clearTimeout(ie.current),ie.current=setTimeout((function(){Q(!1)}),1e3)},pe=!P||!P.name,de=R===ne-1,fe=ne>=S,he=B?!$.key:s(P,W),ge=se?M(c(l(se),1,"-")):"-";return j("div",{onMouseEnter:function(){return Q(!0)},onMouseLeave:ue,className:o(T.container,e({},T.horizontal,re)),children:[N(p,{title:le&&!pe?j("p",{children:[P.name,": ",N("br",{})," ",ge," (",h(P.unitType)||P.unit,")"]}):"",children:j("div",{className:o(T.header,(u={},e(u,T.horizontal,re),e(u,T.vertical,!re),e(u,T.last,de),e(u,T.minimal,le),u)),onClick:function(){return L(!0)},children:[pe&&N("div",{className:T.empty,children:N(m,{color:"primary",fontSize:"small"})}),!pe&&j(k,{children:[!le&&j("span",{className:T.unit,children:[P.name," (",h(P.unitType)||P.unit,")"]}),N("span",{className:T.current,children:ge}),j("div",{className:T.values,children:[N("span",{className:T.min,children:!P.autoScale&&Number.isFinite(P.scaleMin)?P.scaleMin:M(oe)}),N("span",{className:T.max,children:!P.autoScale&&Number.isFinite(P.scaleMax)?P.scaleMax:M(ce)})]}),N("div",{className:T.line,style:{borderColor:P.color,borderStyle:P.dashStyle}})]})]})}),de&&!pe&&K&&!fe&&N("div",{className:T.addTrace,onClick:function(){G(!0),L(!0)},onMouseLeave:ue,onMouseEnter:function(){return clearTimeout(ie.current)},children:N(m,{color:"primary",fontSize:"small"})}),N(f,{open:F,title:j("div",{className:T.modalTitle,children:[j("span",{className:T.trackTitle,onClick:function(){me(),w()},children:["Track Settings /"," "]}),P.name||"Empty Trace"]}),actions:j("div",{className:T.actions,children:[N(d,{className:D.button,color:"primary",onClick:function(){x(P.id),L(!1)},disabled:!P||!P.id,children:"Delete Trace"}),N(d,{className:D.button,color:"primary",onClick:function(){L(!1),G(!1),_(v)},children:"Cancel"}),N(d,{className:D.button,variant:"contained",color:"primary",onClick:me,disabled:he,children:"Save"})]}),children:N(g,{traceSettings:B?$:W,onChange:function(n,t){var i=r(B?[$,_]:[W,X],2),a=i[0],o=i[1];if("key"===n){var c=q.find((function(e){return e.key===t}));o(C(C({},a),{},e({},n,t),c))}else o(C(C({},a),{},e({},n,t)))},mapping:q})})]})};x.propTypes={onChange:a.func.isRequired,onDelete:a.func.isRequired,openTrackSettings:a.func,classes:a.shape({}).isRequired,traceSettings:a.shape({name:a.string,key:a.string,id:a.string,unit:a.string,unitType:a.string,autoScale:a.bool,scaleMin:a.string,scaleMax:a.string,color:a.string,dashStyle:a.string,collection:a.string}),mapping:a.arrayOf(a.shape({name:a.string.isRequired,key:a.string.isRequired}).isRequired).isRequired,index:a.number.isRequired},x.defaultProps={traceSettings:v,openTrackSettings:function(){}};var P=u({button:{fontSize:14,marginLeft:20}})(x);export{P as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useContext, useRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { get, isEqual, last } from 'lodash';
+import AddIcon from '@material-ui/icons/Add';
+import { withStyles, Tooltip, Button } from '@material-ui/core';
+import Modal from '../../Modal/Modal.js';
+import { getUnitDisplay } from '../../../utils/convert.js';
+import TraceSettings from './TraceSettings.js';
+import SettingsContext from '../SettingsContext.js';
+import DataContext from '../DataContext.js';
+import { DEFAULT_TRACE_SETTINGS, MAX_TRACE_COUNT } from '../constants.js';
+import styles from './TraceHeader.css.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 round = function round(val) {
+  return Number.isFinite(val) ? Math.round(val * 100) / 100 : '-';
+};
+var TraceHeader = function TraceHeader(_ref) {
+  var _classNames2;
+  var onChange = _ref.onChange,
+    onDelete = _ref.onDelete,
+    traceSettings = _ref.traceSettings,
+    classes = _ref.classes,
+    mapping = _ref.mapping,
+    index = _ref.index,
+    openTrackSettings = _ref.openTrackSettings;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isSettingsVisible = _useState2[0],
+    setIsSettingsVisible = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isAddingTraceInProgress = _useState4[0],
+    setIsAddingTraceInProgress = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isAddTraceVisible = _useState6[0],
+    setIsAddTraceVisible = _useState6[1];
+  var _useState7 = useState(traceSettings),
+    _useState8 = _slicedToArray(_useState7, 2),
+    currentSettings = _useState8[0],
+    setCurrentSettings = _useState8[1];
+  var _useState9 = useState(DEFAULT_TRACE_SETTINGS),
+    _useState10 = _slicedToArray(_useState9, 2),
+    newTraceSettings = _useState10[0],
+    setNewTraceSettings = _useState10[1];
+  var _useContext = useContext(SettingsContext),
+    horizontal = _useContext.horizontal,
+    maxTracesCount = _useContext.maxTracesCount;
+  var _useContext2 = useContext(DataContext),
+    parsedData = _useContext2.parsedData;
+  var timer = useRef();
+  var _get = get(parsedData, traceSettings && "".concat(traceSettings.collection, ".").concat(traceSettings.key), {}),
+    min = _get.min,
+    max = _get.max,
+    data = _get.data;
+  var showMinimalInfo = maxTracesCount >= 5;
+  var onSettingsChange = function onSettingsChange(key, value) {
+    var _ref2 = isAddingTraceInProgress ? [newTraceSettings, setNewTraceSettings] : [currentSettings, setCurrentSettings],
+      _ref3 = _slicedToArray(_ref2, 2),
+      settings = _ref3[0],
+      setSettings = _ref3[1];
+    if (key === 'key') {
+      // Trace change
+      var mappingData = mapping.find(function (item) {
+        return item.key === value;
+      });
+      setSettings(_objectSpread(_objectSpread({}, settings), {}, _defineProperty({}, key, value), mappingData));
+    } else {
+      setSettings(_objectSpread(_objectSpread({}, settings), {}, _defineProperty({}, key, value)));
+    }
+  };
+  var onSave = function onSave() {
+    onChange(isAddingTraceInProgress ? newTraceSettings : currentSettings);
+    setIsSettingsVisible(false);
+    setIsAddingTraceInProgress(false);
+    setNewTraceSettings(DEFAULT_TRACE_SETTINGS);
+  };
+  var autoHideAddingTrraces = function autoHideAddingTrraces() {
+    clearTimeout(timer.current);
+    timer.current = setTimeout(function () {
+      setIsAddTraceVisible(false);
+    }, 1000);
+  };
+  var deleteTrace = function deleteTrace() {
+    onDelete(traceSettings.id);
+    setIsSettingsVisible(false);
+  };
+  var addNewTrace = function addNewTrace() {
+    setIsAddingTraceInProgress(true);
+    setIsSettingsVisible(true);
+  };
+  var onSettingsClose = function onSettingsClose() {
+    setIsSettingsVisible(false);
+    setIsAddingTraceInProgress(false);
+    setNewTraceSettings(DEFAULT_TRACE_SETTINGS);
+  };
+  var isEpmty = !traceSettings || !traceSettings.name;
+  var isLastTrace = index === maxTracesCount - 1;
+  var isTracesLimitReached = maxTracesCount >= MAX_TRACE_COUNT;
+  var isSaveDisabled = isAddingTraceInProgress ? !newTraceSettings.key : isEqual(traceSettings, currentSettings);
+  var onTrackClick = function onTrackClick() {
+    onSave();
+    openTrackSettings();
+  };
+  var actualValue = data ? round(get(last(data), 1, '-')) : '-';
+  return /*#__PURE__*/jsxs("div", {
+    onMouseEnter: function onMouseEnter() {
+      return setIsAddTraceVisible(true);
+    },
+    onMouseLeave: autoHideAddingTrraces,
+    className: classNames(styles.container, _defineProperty({}, styles.horizontal, horizontal)),
+    children: [/*#__PURE__*/jsx(Tooltip, {
+      title: showMinimalInfo && !isEpmty ? /*#__PURE__*/jsxs("p", {
+        children: [traceSettings.name, ": ", /*#__PURE__*/jsx("br", {}), " ", actualValue, " (", getUnitDisplay(traceSettings.unitType) || traceSettings.unit, ")"]
+      }) : '',
+      children: /*#__PURE__*/jsxs("div", {
+        className: classNames(styles.header, (_classNames2 = {}, _defineProperty(_classNames2, styles.horizontal, horizontal), _defineProperty(_classNames2, styles.vertical, !horizontal), _defineProperty(_classNames2, styles.last, isLastTrace), _defineProperty(_classNames2, styles.minimal, showMinimalInfo), _classNames2)),
+        onClick: function onClick() {
+          return setIsSettingsVisible(true);
+        },
+        children: [isEpmty && /*#__PURE__*/jsx("div", {
+          className: styles.empty,
+          children: /*#__PURE__*/jsx(AddIcon, {
+            color: "primary",
+            fontSize: "small"
+          })
+        }), !isEpmty && /*#__PURE__*/jsxs(Fragment, {
+          children: [!showMinimalInfo && /*#__PURE__*/jsxs("span", {
+            className: styles.unit,
+            children: [traceSettings.name, " (", getUnitDisplay(traceSettings.unitType) || traceSettings.unit, ")"]
+          }), /*#__PURE__*/jsx("span", {
+            className: styles.current,
+            children: actualValue
+          }), /*#__PURE__*/jsxs("div", {
+            className: styles.values,
+            children: [/*#__PURE__*/jsx("span", {
+              className: styles.min,
+              children: !traceSettings.autoScale && Number.isFinite(traceSettings.scaleMin) ? traceSettings.scaleMin : round(min)
+            }), /*#__PURE__*/jsx("span", {
+              className: styles.max,
+              children: !traceSettings.autoScale && Number.isFinite(traceSettings.scaleMax) ? traceSettings.scaleMax : round(max)
+            })]
+          }), /*#__PURE__*/jsx("div", {
+            className: styles.line,
+            style: {
+              borderColor: traceSettings.color,
+              borderStyle: traceSettings.dashStyle
+            }
+          })]
+        })]
+      })
+    }), isLastTrace && !isEpmty && isAddTraceVisible && !isTracesLimitReached && /*#__PURE__*/jsx("div", {
+      className: styles.addTrace,
+      onClick: addNewTrace,
+      onMouseLeave: autoHideAddingTrraces,
+      onMouseEnter: function onMouseEnter() {
+        return clearTimeout(timer.current);
+      },
+      children: /*#__PURE__*/jsx(AddIcon, {
+        color: "primary",
+        fontSize: "small"
+      })
+    }), /*#__PURE__*/jsx(Modal, {
+      open: isSettingsVisible,
+      title: /*#__PURE__*/jsxs("div", {
+        className: styles.modalTitle,
+        children: [/*#__PURE__*/jsxs("span", {
+          className: styles.trackTitle,
+          onClick: onTrackClick,
+          children: ["Track Settings /", ' ']
+        }), traceSettings.name || 'Empty Trace']
+      }),
+      actions: /*#__PURE__*/jsxs("div", {
+        className: styles.actions,
+        children: [/*#__PURE__*/jsx(Button, {
+          className: classes.button,
+          color: "primary",
+          onClick: deleteTrace,
+          disabled: !traceSettings || !traceSettings.id,
+          children: "Delete Trace"
+        }), /*#__PURE__*/jsx(Button, {
+          className: classes.button,
+          color: "primary",
+          onClick: onSettingsClose,
+          children: "Cancel"
+        }), /*#__PURE__*/jsx(Button, {
+          className: classes.button,
+          variant: "contained",
+          color: "primary",
+          onClick: onSave,
+          disabled: isSaveDisabled,
+          children: "Save"
+        })]
+      }),
+      children: /*#__PURE__*/jsx(TraceSettings, {
+        traceSettings: isAddingTraceInProgress ? newTraceSettings : currentSettings,
+        onChange: onSettingsChange,
+        mapping: mapping
+      })
+    })]
+  });
+};
+TraceHeader.propTypes = {
+  onChange: PropTypes.func.isRequired,
+  onDelete: PropTypes.func.isRequired,
+  openTrackSettings: PropTypes.func,
+  classes: PropTypes.shape({}).isRequired,
+  traceSettings: PropTypes.shape({
+    name: PropTypes.string,
+    key: PropTypes.string,
+    id: PropTypes.string,
+    unit: PropTypes.string,
+    unitType: PropTypes.string,
+    autoScale: PropTypes.bool,
+    scaleMin: PropTypes.string,
+    scaleMax: PropTypes.string,
+    color: PropTypes.string,
+    dashStyle: PropTypes.string,
+    collection: PropTypes.string
+  }),
+  mapping: PropTypes.arrayOf(PropTypes.shape({
+    name: PropTypes.string.isRequired,
+    key: PropTypes.string.isRequired
+  }).isRequired).isRequired,
+  index: PropTypes.number.isRequired
+};
+TraceHeader.defaultProps = {
+  traceSettings: DEFAULT_TRACE_SETTINGS,
+  openTrackSettings: function openTrackSettings() {}
+};
+var TraceHeader$1 = withStyles({
+  button: {
+    fontSize: 14,
+    marginLeft: 20
+  }
+})(TraceHeader);
+
+export { TraceHeader$1 as default };
+//# sourceMappingURL=TraceHeader.js.map

package/components/ParameterCharts/components/TraceHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceHeader.js","sources":["../../../../src/components/ParameterCharts/components/TraceHeader.js"],"sourcesContent":["import { useContext, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { get, isEqual, last } from 'lodash';\nimport AddIcon from '@material-ui/icons/Add';\n\nimport { withStyles, Button, Tooltip } from '@material-ui/core';\n\nimport Modal from '~/components/Modal';\nimport { getUnitDisplay } from '~/utils/convert';\n\nimport TraceSettings from './TraceSettings';\n\nimport SettingsContext from '../SettingsContext';\nimport DataContext from '../DataContext';\n\nimport { DEFAULT_TRACE_SETTINGS, MAX_TRACE_COUNT } from '../constants';\n\nimport styles from './TraceHeader.css';\n\nconst round = val => {\n  return Number.isFinite(val) ? Math.round(val * 100) / 100 : '-';\n}\n\nconst TraceHeader = ({\n  onChange,\n  onDelete,\n  traceSettings,\n  classes,\n  mapping,\n  index,\n  openTrackSettings,\n}) => {\n  const [isSettingsVisible, setIsSettingsVisible] = useState(false);\n  const [isAddingTraceInProgress, setIsAddingTraceInProgress] = useState(false);\n  const [isAddTraceVisible, setIsAddTraceVisible] = useState(false);\n  const [currentSettings, setCurrentSettings] = useState(traceSettings);\n  const [newTraceSettings, setNewTraceSettings] = useState(DEFAULT_TRACE_SETTINGS);\n  const { horizontal, maxTracesCount } = useContext(SettingsContext);\n  const { parsedData } = useContext(DataContext);\n  const timer = useRef();\n\n  const { min, max, data } = get(\n    parsedData,\n    traceSettings && `${traceSettings.collection}.${traceSettings.key}`,\n    {}\n  );\n  const showMinimalInfo = maxTracesCount >= 5;\n\n  const onSettingsChange = (key, value) => {\n    const [settings, setSettings] = isAddingTraceInProgress\n      ? [newTraceSettings, setNewTraceSettings]\n      : [currentSettings, setCurrentSettings];\n    if (key === 'key') {\n      // Trace change\n      const mappingData = mapping.find(item => item.key === value);\n      setSettings({\n        ...settings,\n        [key]: value,\n        ...mappingData,\n      });\n    } else {\n      setSettings({\n        ...settings,\n        [key]: value,\n      });\n    }\n  };\n\n  const onSave = () => {\n    onChange(isAddingTraceInProgress ? newTraceSettings : currentSettings);\n    setIsSettingsVisible(false);\n    setIsAddingTraceInProgress(false);\n    setNewTraceSettings(DEFAULT_TRACE_SETTINGS);\n  };\n\n  const autoHideAddingTrraces = () => {\n    clearTimeout(timer.current);\n    timer.current = setTimeout(() => {\n      setIsAddTraceVisible(false);\n    }, 1000);\n  };\n\n  const deleteTrace = () => {\n    onDelete(traceSettings.id);\n    setIsSettingsVisible(false);\n  };\n\n  const addNewTrace = () => {\n    setIsAddingTraceInProgress(true);\n    setIsSettingsVisible(true);\n  };\n\n  const onSettingsClose = () => {\n    setIsSettingsVisible(false);\n    setIsAddingTraceInProgress(false);\n    setNewTraceSettings(DEFAULT_TRACE_SETTINGS);\n  };\n\n  const isEpmty = !traceSettings || !traceSettings.name;\n\n  const isLastTrace = index === maxTracesCount - 1;\n\n  const isTracesLimitReached = maxTracesCount >= MAX_TRACE_COUNT;\n\n  const isSaveDisabled = isAddingTraceInProgress\n    ? !newTraceSettings.key\n    : isEqual(traceSettings, currentSettings);\n\n  const onTrackClick = () => {\n    onSave();\n    openTrackSettings();\n  };\n\n  const actualValue = data ? round(get(last(data), 1, '-')) : '-';\n  \n  return (\n    <div\n      onMouseEnter={() => setIsAddTraceVisible(true)}\n      onMouseLeave={autoHideAddingTrraces}\n      className={classNames(styles.container, {\n        [styles.horizontal]: horizontal,\n      })}\n    >\n      <Tooltip\n        title={\n          showMinimalInfo && !isEpmty ? (\n            <p>\n              {traceSettings.name}: <br /> {actualValue} (\n              {getUnitDisplay(traceSettings.unitType) || traceSettings.unit})\n            </p>\n          ) : (\n            ''\n          )\n        }\n      >\n        <div\n          className={classNames(styles.header, {\n            [styles.horizontal]: horizontal,\n            [styles.vertical]: !horizontal,\n            [styles.last]: isLastTrace,\n            [styles.minimal]: showMinimalInfo,\n          })}\n          onClick={() => setIsSettingsVisible(true)}\n        >\n          {isEpmty && (\n            <div className={styles.empty}>\n              <AddIcon color=\"primary\" fontSize=\"small\" />\n            </div>\n          )}\n          {!isEpmty && (\n            <>\n              {!showMinimalInfo && (\n                <span className={styles.unit}>\n                  {traceSettings.name} ({getUnitDisplay(traceSettings.unitType) || traceSettings.unit})\n                </span>\n              )}\n              <span className={styles.current}>{actualValue}</span>\n              <div className={styles.values}>\n                <span className={styles.min}>\n                  {!traceSettings.autoScale && Number.isFinite(traceSettings.scaleMin)\n                    ? traceSettings.scaleMin\n                    : round(min)}\n                </span>\n                <span className={styles.max}>\n                  {!traceSettings.autoScale && Number.isFinite(traceSettings.scaleMax)\n                    ? traceSettings.scaleMax\n                    : round(max)}\n                </span>\n              </div>\n              <div\n                className={styles.line}\n                style={{\n                  borderColor: traceSettings.color,\n                  borderStyle: traceSettings.dashStyle,\n                }}\n              />\n            </>\n          )}\n        </div>\n      </Tooltip>\n      {isLastTrace && !isEpmty && isAddTraceVisible && !isTracesLimitReached && (\n        <div\n          className={styles.addTrace}\n          onClick={addNewTrace}\n          onMouseLeave={autoHideAddingTrraces}\n          onMouseEnter={() => clearTimeout(timer.current)}\n        >\n          <AddIcon color=\"primary\" fontSize=\"small\" />\n        </div>\n      )}\n      <Modal\n        open={isSettingsVisible}\n        title={\n          <div className={styles.modalTitle}>\n            <span className={styles.trackTitle} onClick={onTrackClick}>\n              Track Settings /{' '}\n            </span>\n            {traceSettings.name || 'Empty Trace'}\n          </div>\n        }\n        actions={\n          <div className={styles.actions}>\n            <Button\n              className={classes.button}\n              color=\"primary\"\n              onClick={deleteTrace}\n              disabled={!traceSettings || !traceSettings.id}\n            >\n              Delete Trace\n            </Button>\n            <Button className={classes.button} color=\"primary\" onClick={onSettingsClose}>\n              Cancel\n            </Button>\n            <Button\n              className={classes.button}\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={onSave}\n              disabled={isSaveDisabled}\n            >\n              Save\n            </Button>\n          </div>\n        }\n      >\n        <TraceSettings\n          traceSettings={isAddingTraceInProgress ? newTraceSettings : currentSettings}\n          onChange={onSettingsChange}\n          mapping={mapping}\n        />\n      </Modal>\n    </div>\n  );\n};\n\nTraceHeader.propTypes = {\n  onChange: PropTypes.func.isRequired,\n  onDelete: PropTypes.func.isRequired,\n  openTrackSettings: PropTypes.func,\n  classes: PropTypes.shape({}).isRequired,\n  traceSettings: PropTypes.shape({\n    name: PropTypes.string,\n    key: PropTypes.string,\n    id: PropTypes.string,\n    unit: PropTypes.string,\n    unitType: PropTypes.string,\n    autoScale: PropTypes.bool,\n    scaleMin: PropTypes.string,\n    scaleMax: PropTypes.string,\n    color: PropTypes.string,\n    dashStyle: PropTypes.string,\n    collection: PropTypes.string,\n  }),\n  mapping: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      key: PropTypes.string.isRequired,\n    }).isRequired\n  ).isRequired,\n  index: PropTypes.number.isRequired,\n};\n\nTraceHeader.defaultProps = {\n  traceSettings: DEFAULT_TRACE_SETTINGS,\n  openTrackSettings: () => {},\n};\n\nexport default withStyles({\n  button: { fontSize: 14, marginLeft: 20 },\n})(TraceHeader);\n"],"names":["round","val","Number","isFinite","Math","TraceHeader","onChange","onDelete","traceSettings","classes","mapping","index","openTrackSettings","useState","isSettingsVisible","setIsSettingsVisible","isAddingTraceInProgress","setIsAddingTraceInProgress","isAddTraceVisible","setIsAddTraceVisible","currentSettings","setCurrentSettings","DEFAULT_TRACE_SETTINGS","newTraceSettings","setNewTraceSettings","useContext","SettingsContext","horizontal","maxTracesCount","DataContext","parsedData","timer","useRef","get","collection","key","min","max","data","showMinimalInfo","onSettingsChange","value","settings","setSettings","mappingData","find","item","onSave","autoHideAddingTrraces","clearTimeout","current","setTimeout","deleteTrace","id","addNewTrace","onSettingsClose","isEpmty","name","isLastTrace","isTracesLimitReached","MAX_TRACE_COUNT","isSaveDisabled","isEqual","onTrackClick","actualValue","last","_jsxs","classNames","styles","container","_jsx","getUnitDisplay","unitType","unit","header","vertical","minimal","empty","_Fragment","values","autoScale","scaleMin","scaleMax","line","borderColor","color","borderStyle","dashStyle","addTrace","modalTitle","trackTitle","actions","button","propTypes","PropTypes","func","isRequired","shape","string","bool","arrayOf","number","defaultProps","withStyles","fontSize","marginLeft"],"mappings":"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"}

package/components/ParameterCharts/components/TraceSelect.js

@@ -1 +1,59 @@
-import e from"prop-types";import{withStyles as r,FormControl as a,InputLabel as i,Select as s,MenuItem as n}from"@material-ui/core";import{jsxs as t,jsx as o}from"react/jsx-runtime";var l=function(e){var r=e.value,l=e.onChange,u=e.mapping,p=e.classes,c=e.showLabel;return t(a,{children:[o(i,{htmlFor:"traceKey",children:c?"Trace Name":r?"":"Choose a trace"}),o(s,{displayEmpty:!0,value:r,className:p.select,onChange:function(e){return l(e.target.value)},inputProps:{name:"traceKey"},children:u&&u.map((function(e){var r=e.key,a=e.name;return o(n,{value:r,children:a},r)}))})]})};l.propTypes={value:e.string,onChange:e.func.isRequired,classes:e.shape({}).isRequired,showLabel:e.bool,mapping:e.arrayOf(e.shape({name:e.string.isRequired,key:e.string.isRequired}).isRequired).isRequired},l.defaultProps={value:"",showLabel:!1};var u=r({select:{width:200}})(l);export{u as default};
+import PropTypes from 'prop-types';
+import { withStyles, FormControl, InputLabel, Select, MenuItem } from '@material-ui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var TraceSelect = function TraceSelect(_ref) {
+  var value = _ref.value,
+    _onChange = _ref.onChange,
+    mapping = _ref.mapping,
+    classes = _ref.classes,
+    showLabel = _ref.showLabel;
+  // eslint-disable-next-line no-nested-ternary
+  var label = showLabel ? 'Trace Name' : value ? '' : 'Choose a trace';
+  return /*#__PURE__*/jsxs(FormControl, {
+    children: [/*#__PURE__*/jsx(InputLabel, {
+      htmlFor: "traceKey",
+      children: label
+    }), /*#__PURE__*/jsx(Select, {
+      displayEmpty: true,
+      value: value,
+      className: classes.select,
+      onChange: function onChange(e) {
+        return _onChange(e.target.value);
+      },
+      inputProps: {
+        name: 'traceKey'
+      },
+      children: mapping && mapping.map(function (_ref2) {
+        var key = _ref2.key,
+          name = _ref2.name;
+        return /*#__PURE__*/jsx(MenuItem, {
+          value: key,
+          children: name
+        }, key);
+      })
+    })]
+  });
+};
+TraceSelect.propTypes = {
+  value: PropTypes.string,
+  onChange: PropTypes.func.isRequired,
+  classes: PropTypes.shape({}).isRequired,
+  showLabel: PropTypes.bool,
+  mapping: PropTypes.arrayOf(PropTypes.shape({
+    name: PropTypes.string.isRequired,
+    key: PropTypes.string.isRequired
+  }).isRequired).isRequired
+};
+TraceSelect.defaultProps = {
+  value: '',
+  showLabel: false
+};
+var TraceSelect$1 = withStyles({
+  select: {
+    width: 200
+  }
+})(TraceSelect);
+
+export { TraceSelect$1 as default };
+//# sourceMappingURL=TraceSelect.js.map

package/components/ParameterCharts/components/TraceSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceSelect.js","sources":["../../../../src/components/ParameterCharts/components/TraceSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport { FormControl, Select, InputLabel, MenuItem, withStyles } from '@material-ui/core';\n\nconst TraceSelect = ({ value, onChange, mapping, classes, showLabel }) => {\n  // eslint-disable-next-line no-nested-ternary\n  const label = showLabel ? 'Trace Name' : value ? '' : 'Choose a trace';\n  return (\n    <FormControl>\n      <InputLabel htmlFor=\"traceKey\">{label}</InputLabel>\n      <Select\n        displayEmpty\n        value={value}\n        className={classes.select}\n        onChange={e => onChange(e.target.value)}\n        inputProps={{\n          name: 'traceKey',\n        }}\n      >\n        {mapping &&\n          mapping.map(({ key, name }) => (\n            <MenuItem key={key} value={key}>\n              {name}\n            </MenuItem>\n          ))}\n      </Select>\n    </FormControl>\n  );\n};\n\nTraceSelect.propTypes = {\n  value: PropTypes.string,\n  onChange: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  showLabel: PropTypes.bool,\n  mapping: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      key: PropTypes.string.isRequired,\n    }).isRequired\n  ).isRequired,\n};\n\nTraceSelect.defaultProps = {\n  value: '',\n  showLabel: false,\n};\n\nexport default withStyles({\n  select: {\n    width: 200,\n  },\n})(TraceSelect);\n"],"names":["TraceSelect","value","onChange","mapping","classes","showLabel","label","_jsxs","_jsx","select","e","target","name","map","key","propTypes","PropTypes","string","func","isRequired","shape","bool","arrayOf","defaultProps","withStyles","width"],"mappings":";;;;AAIA,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAyD,IAAA,EAAA;EAAA,IAAnDC,KAAK,QAALA,KAAK;AAAEC,IAAAA,SAAQ,QAARA,QAAQ;AAAEC,IAAAA,OAAO,QAAPA,OAAO;AAAEC,IAAAA,OAAO,QAAPA,OAAO;AAAEC,IAAAA,SAAS,QAATA,SAAS,CAAA;AACjE;EACA,IAAMC,KAAK,GAAGD,SAAS,GAAG,YAAY,GAAGJ,KAAK,GAAG,EAAE,GAAG,gBAAgB,CAAA;AACtE,EAAA,oBACEM,KAAC,WAAW,EAAA;AAAA,IAAA,QAAA,EAAA,cACVC,IAAC,UAAU,EAAA;AAAC,MAAA,OAAO,EAAC,UAAU;MAAA,QAAEF,EAAAA,KAAAA;KAAmB,CAAA,eACnDE,IAAC,MAAM,EAAA;MACL,YAAY,EAAA,IAAA;AACZ,MAAA,KAAK,EAAEP,KAAM;MACb,SAAS,EAAEG,OAAO,CAACK,MAAO;MAC1B,QAAQ,EAAE,kBAAAC,CAAC,EAAA;AAAA,QAAA,OAAIR,SAAQ,CAACQ,CAAC,CAACC,MAAM,CAACV,KAAK,CAAC,CAAA;OAAC;AACxC,MAAA,UAAU,EAAE;AACVW,QAAAA,IAAI,EAAE,UAAA;OACN;AAAA,MAAA,QAAA,EAEDT,OAAO,IACNA,OAAO,CAACU,GAAG,CAAC,UAAA,KAAA,EAAA;QAAA,IAAGC,GAAG,SAAHA,GAAG;AAAEF,UAAAA,IAAI,SAAJA,IAAI,CAAA;AAAA,QAAA,oBACtBJ,IAAC,QAAQ,EAAA;AAAW,UAAA,KAAK,EAAEM,GAAI;UAAA,QAC5BF,EAAAA,IAAAA;AAAI,SAAA,EADQE,GAAG,CAEP,CAAA;OACZ,CAAA;KACI,CAAA,CAAA;GACG,CAAA,CAAA;AAElB,CAAC,CAAA;AAEDd,WAAW,CAACe,SAAS,GAAG;EACtBd,KAAK,EAAEe,SAAS,CAACC,MAAM;AACvBf,EAAAA,QAAQ,EAAEc,SAAS,CAACE,IAAI,CAACC,UAAU;EACnCf,OAAO,EAAEY,SAAS,CAACI,KAAK,CAAC,EAAE,CAAC,CAACD,UAAU;EACvCd,SAAS,EAAEW,SAAS,CAACK,IAAI;EACzBlB,OAAO,EAAEa,SAAS,CAACM,OAAO,CACxBN,SAAS,CAACI,KAAK,CAAC;AACdR,IAAAA,IAAI,EAAEI,SAAS,CAACC,MAAM,CAACE,UAAU;AACjCL,IAAAA,GAAG,EAAEE,SAAS,CAACC,MAAM,CAACE,UAAAA;AACxB,GAAC,CAAC,CAACA,UAAU,CACd,CAACA,UAAAA;AACJ,CAAC,CAAA;AAEDnB,WAAW,CAACuB,YAAY,GAAG;AACzBtB,EAAAA,KAAK,EAAE,EAAE;AACTI,EAAAA,SAAS,EAAE,KAAA;AACb,CAAC,CAAA;AAED,oBAAemB,UAAU,CAAC;AACxBf,EAAAA,MAAM,EAAE;AACNgB,IAAAA,KAAK,EAAE,GAAA;AACT,GAAA;AACF,CAAC,CAAC,CAACzB,WAAW,CAAC;;;;"}

package/components/ParameterCharts/components/TraceSettings.css.js

@@ -1 +1,8 @@
-import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var t={container:"TraceSettings_container__4jOW5",item:"TraceSettings_item__Ilc74",scales:"TraceSettings_scales__21pLT",line:"TraceSettings_line__GRYlg",dotted:"TraceSettings_dotted__L-ufI",dashed:"TraceSettings_dashed__5XJaU"};e(".TraceSettings_container__4jOW5{display:flex;flex-direction:column;min-width:360px;padding:5px 0 10px}.TraceSettings_item__Ilc74{align-items:center;display:flex;padding:10px 0 20px}.TraceSettings_scales__21pLT{align-items:center;display:flex;justify-content:space-between}.TraceSettings_line__GRYlg{border-top:1px solid #fff;margin-bottom:-1px;width:100%}.TraceSettings_dotted__L-ufI{border-top:1px dotted #fff}.TraceSettings_dashed__5XJaU{border-top:1px dashed #fff}");export{t as default};
+import styleInject from './../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".TraceSettings_container__4jOW5 {\n  display: flex;\n  flex-direction: column;\n  padding: 5px 0 10px;\n  min-width: 360px;\n}\n\n.TraceSettings_item__Ilc74 {\n  display: flex;\n  align-items: center;\n  padding: 10px 0 20px;\n}\n\n.TraceSettings_scales__21pLT {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.TraceSettings_line__GRYlg {\n  border-top: 1px solid white;\n  margin-bottom: -1px;\n  width: 100%;\n}\n\n.TraceSettings_dotted__L-ufI {\n  border-top: 1px dotted white;\n}\n\n.TraceSettings_dashed__5XJaU {\n  border-top: 1px dashed white;\n}";
+var styles = {"container":"TraceSettings_container__4jOW5","item":"TraceSettings_item__Ilc74","scales":"TraceSettings_scales__21pLT","line":"TraceSettings_line__GRYlg","dotted":"TraceSettings_dotted__L-ufI","dashed":"TraceSettings_dashed__5XJaU"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=TraceSettings.css.js.map

package/components/ParameterCharts/components/TraceSettings.css.js.map

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