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

package/components/ParameterCharts/components/SingleChannelTrackSettings.js

@@ -1 +1,47 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"prop-types";import t from"./TraceSelect.js";import{DEFAULT_TRACE_SETTINGS as n}from"../constants.js";import{jsx as o}from"react/jsx-runtime";function i(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function p(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}var a=function(e){var r,i,a=e.trackSettings,c=e.onChange,s=e.mapping;return o(t,{value:null===(r=a.traces)||void 0===r||null===(i=r[0])||void 0===i?void 0:i.key,onChange:function(e){var r=s.find((function(r){return r.key===e}));c("traces",[p(p({},n),{},{key:e,id:e},r)])},mapping:s,showLabel:!0})};a.propTypes={trackSettings:r.shape({traces:r.arrayOf(r.shape({key:r.string}))}).isRequired,onChange:r.func.isRequired,mapping:r.arrayOf(r.shape({})).isRequired};export{a as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { jsx } from 'react/jsx-runtime';
+import PropTypes from 'prop-types';
+import { DEFAULT_TRACE_SETTINGS } from '../constants.js';
+import TraceSelect from './TraceSelect.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 SingleChannelTrackSettings = function SingleChannelTrackSettings(_ref) {
+  var _trackSettings$traces, _trackSettings$traces2;
+
+  var trackSettings = _ref.trackSettings,
+      onChange = _ref.onChange,
+      mapping = _ref.mapping;
+
+  var onChannelChange = function onChannelChange(val) {
+    var mappingEntity = mapping.find(function (item) {
+      return item.key === val;
+    });
+    onChange('traces', [_objectSpread(_objectSpread({}, DEFAULT_TRACE_SETTINGS), {}, {
+      key: val,
+      id: val
+    }, mappingEntity)]);
+  };
+
+  return /*#__PURE__*/jsx(TraceSelect, {
+    value: (_trackSettings$traces = trackSettings.traces) === null || _trackSettings$traces === void 0 ? void 0 : (_trackSettings$traces2 = _trackSettings$traces[0]) === null || _trackSettings$traces2 === void 0 ? void 0 : _trackSettings$traces2.key,
+    onChange: onChannelChange,
+    mapping: mapping,
+    showLabel: true
+  });
+};
+
+SingleChannelTrackSettings.propTypes = {
+  trackSettings: PropTypes.shape({
+    traces: PropTypes.arrayOf(PropTypes.shape({
+      key: PropTypes.string
+    }))
+  }).isRequired,
+  onChange: PropTypes.func.isRequired,
+  mapping: PropTypes.arrayOf(PropTypes.shape({})).isRequired
+};
+
+export default SingleChannelTrackSettings;
+//# sourceMappingURL=SingleChannelTrackSettings.js.map

package/components/ParameterCharts/components/SingleChannelTrackSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleChannelTrackSettings.js","sources":["../../../../src/components/ParameterCharts/components/SingleChannelTrackSettings.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport TraceSelect from './TraceSelect';\n\nimport { DEFAULT_TRACE_SETTINGS } from '../constants';\n\nconst SingleChannelTrackSettings = ({ trackSettings, onChange, mapping }) => {\n  const onChannelChange = val => {\n    const mappingEntity = mapping.find(item => item.key === val);\n    onChange('traces', [{ ...DEFAULT_TRACE_SETTINGS, key: val, id: val, ...mappingEntity }]);\n  };\n\n  return (\n    <TraceSelect\n      value={trackSettings.traces?.[0]?.key}\n      onChange={onChannelChange}\n      mapping={mapping}\n      showLabel\n    />\n  );\n};\n\nSingleChannelTrackSettings.propTypes = {\n  trackSettings: PropTypes.shape({\n    traces: PropTypes.arrayOf(PropTypes.shape({\n      key: PropTypes.string,\n    })),\n  }).isRequired,\n  onChange: PropTypes.func.isRequired,\n  mapping: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n};\n\nexport default SingleChannelTrackSettings;\n"],"names":["SingleChannelTrackSettings","trackSettings","onChange","mapping","onChannelChange","val","mappingEntity","find","item","key","DEFAULT_TRACE_SETTINGS","id","_jsx","traces","propTypes","PropTypes","shape","arrayOf","string","isRequired","func"],"mappings":";;;;;;;;;;IAMMA,0BAA0B,GAAG,SAA7BA,0BAA6B,OAA0C;AAAA;;AAAA,MAAvCC,aAAuC,QAAvCA,aAAuC;AAAA,MAAxBC,QAAwB,QAAxBA,QAAwB;AAAA,MAAdC,OAAc,QAAdA,OAAc;;AAC3E,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,GAAG,EAAI;AAC7B,QAAMC,aAAa,GAAGH,OAAO,CAACI,IAAR,CAAa,UAAAC,IAAI;AAAA,aAAIA,IAAI,CAACC,GAAL,KAAaJ,GAAjB;AAAA,KAAjB,CAAtB;AACAH,IAAAA,QAAQ,CAAC,QAAD,EAAW,iCAAMQ,sBAAN;AAA8BD,MAAAA,GAAG,EAAEJ,GAAnC;AAAwCM,MAAAA,EAAE,EAAEN;AAA5C,OAAoDC,aAApD,EAAX,CAAR;AACD,GAHD;;AAKA,sBACEM,IAAC,WAAD;AACE,IAAA,KAAK,2BAAEX,aAAa,CAACY,MAAhB,oFAAE,sBAAuB,CAAvB,CAAF,2DAAE,uBAA2BJ,GADpC;AAEE,IAAA,QAAQ,EAAEL,eAFZ;AAGE,IAAA,OAAO,EAAED,OAHX;AAIE,IAAA,SAAS;AAJX,IADF;AAQD;;AAEDH,0BAA0B,CAACc,SAA3B,GAAuC;AACrCb,EAAAA,aAAa,EAAEc,SAAS,CAACC,KAAV,CAAgB;AAC7BH,IAAAA,MAAM,EAAEE,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACC,KAAV,CAAgB;AACxCP,MAAAA,GAAG,EAAEM,SAAS,CAACG;AADyB,KAAhB,CAAlB;AADqB,GAAhB,EAIZC,UALkC;AAMrCjB,EAAAA,QAAQ,EAAEa,SAAS,CAACK,IAAV,CAAeD,UANY;AAOrChB,EAAAA,OAAO,EAAEY,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAAlB,EAAuCG;AAPX,CAAvC;;;;"}

package/components/ParameterCharts/components/Tooltip/CursorPositioner.css.js

@@ -1 +1,8 @@
-import o from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var e={container:"CursorPositioner_container__EC3AR"};o(".CursorPositioner_container__EC3AR{left:0;position:absolute;top:-16px;z-index:1}");export{e as default};
+import styleInject from '../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".CursorPositioner_container__Nzhl3 {\n  position: absolute;\n  z-index: 1;\n  top: -16px;\n  left: 0;\n}";
+var styles = {"container":"CursorPositioner_container__Nzhl3"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=CursorPositioner.css.js.map

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

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

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

@@ -1 +1,108 @@
-import r from"@babel/runtime/helpers/slicedToArray";import{useContext as t,useState as o,useCallback as n,useMemo as e}from"react";import{throttle as i}from"lodash";import a from"../../SettingsContext.js";import s from"../../ChartsContext.js";import c from"./Tooltip.js";import u from"./CursorPositioner.css.js";import{jsx as f}from"react/jsx-runtime";var m=function(){var m=t(s).chartsRef,h=t(a),l=h.settings,p=h.horizontal,v=h.maxTracesCount,g=h.settingsKey,d=o([]),x=r(d,2),j=x[0],C=x[1],y=o(!1),M=r(y,2),T=M[0],b=M[1],z=n(i((function(r){return function(r){if(b(!0),m&&m.current&&l[g]){var t=[];l[g].forEach((function(o,n){var e=[],i=m.current.get(n);if(i&&i.current&&i.current.chart){var a=i.current.chart,s=a.pointer.normalize(r);a.series.forEach((function(r){var t=r.searchPoint(s,!0);t&&e.push(t)}))}t.push(e)})),C(t)}}(r)}),50,{leading:!0,trailing:!1}),[m]),E=e((function(){var r,t=(null==l||null===(r=l[g])||void 0===r?void 0:r.length)||1;return p?{right:"".concat(68*v+32,"px"),height:"".concat(116*t,"px")}:{right:0,height:0}}),[v,p,l]);return f("div",{className:u.container,style:E,onMouseMove:z,onMouseLeave:function(){b(!1)},children:T&&f(c,{points:j})})};export{m as default};
+import { throttle } from 'lodash';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsx } from 'react/jsx-runtime';
+import { useContext, useState, useCallback, useMemo } from 'react';
+import SettingsContext from '../../SettingsContext.js';
+import ChartsContext from '../../ChartsContext.js';
+import Tooltip from './Tooltip.js';
+import styles from './CursorPositioner.css.js';
+
+var HORIZONTAL_HEADER_WIDTH = 68; // px
+
+var HORIZONTAL_TRACK_HEIGHT = 100; // px
+
+var HORIZONTAL_TRACK_SPACING = 16; // px
+
+var HORRIZONTAL_TRACK_HEADER_WIDTH = 24 + 8; // header + spacing px
+
+var CursorPositioner = function CursorPositioner() {
+  var _useContext = useContext(ChartsContext),
+      chartsRef = _useContext.chartsRef;
+
+  var _useContext2 = useContext(SettingsContext),
+      settings = _useContext2.settings,
+      horizontal = _useContext2.horizontal,
+      maxTracesCount = _useContext2.maxTracesCount,
+      settingsKey = _useContext2.settingsKey;
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      points = _useState2[0],
+      setPoints = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isTooltipVisible = _useState4[0],
+      setIsTooltipVisible = _useState4[1];
+
+  var onMouseOverTraceCharts = function onMouseOverTraceCharts(e) {
+    setIsTooltipVisible(true);
+
+    if (chartsRef && chartsRef.current && settings[settingsKey]) {
+      var _points = [];
+      var tracks = settings[settingsKey];
+      tracks.forEach(function (_, index) {
+        var currentPoints = [];
+        var ref = chartsRef.current.get(index);
+
+        if (ref && ref.current && ref.current.chart) {
+          var chart = ref.current.chart;
+          var event = chart.pointer.normalize(e);
+          chart.series.forEach(function (item) {
+            var point = item.searchPoint(event, true);
+
+            if (point) {
+              currentPoints.push(point);
+            }
+          });
+        }
+
+        _points.push(currentPoints);
+      });
+      setPoints(_points);
+    }
+  };
+
+  var onMouseMove = useCallback(throttle(function (event) {
+    return onMouseOverTraceCharts(event);
+  }, 50, {
+    leading: true,
+    trailing: false
+  }), [chartsRef]);
+  var dynamicStyles = useMemo(function () {
+    var _settings$settingsKey;
+
+    var tracksAmount = (settings === null || settings === void 0 ? void 0 : (_settings$settingsKey = settings[settingsKey]) === null || _settings$settingsKey === void 0 ? void 0 : _settings$settingsKey.length) || 1;
+
+    if (horizontal) {
+      var right = "".concat(HORIZONTAL_HEADER_WIDTH * maxTracesCount + HORRIZONTAL_TRACK_HEADER_WIDTH, "px");
+      var height = "".concat((HORIZONTAL_TRACK_HEIGHT + HORIZONTAL_TRACK_SPACING) * tracksAmount, "px");
+      return {
+        right: right,
+        height: height
+      };
+    }
+
+    return {
+      right: 0,
+      height: 0
+    };
+  }, [maxTracesCount, horizontal, settings]);
+
+  var hideToolTip = function hideToolTip() {
+    setIsTooltipVisible(false);
+  };
+
+  return /*#__PURE__*/jsx("div", {
+    className: styles.container,
+    style: dynamicStyles,
+    onMouseMove: onMouseMove,
+    onMouseLeave: hideToolTip,
+    children: isTooltipVisible && /*#__PURE__*/jsx(Tooltip, {
+      points: points
+    })
+  });
+};
+
+export default CursorPositioner;
+//# sourceMappingURL=CursorPositioner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CursorPositioner.js","sources":["../../../../../src/components/ParameterCharts/components/Tooltip/CursorPositioner.js"],"sourcesContent":["import { useContext, useCallback, useMemo, useState } from 'react';\nimport { throttle } from 'lodash';\n\nimport SettingsContext from '../../SettingsContext';\nimport ChartsContext from '../../ChartsContext';\n\nimport Tooltip from './Tooltip';\n\nimport styles from './CursorPositioner.css';\n\nconst HORIZONTAL_HEADER_WIDTH = 68; // px\nconst HORIZONTAL_TRACK_HEIGHT = 100; // px\nconst HORIZONTAL_TRACK_SPACING = 16; // px\nconst HORRIZONTAL_TRACK_HEADER_WIDTH = 24 + 8; // header + spacing px\n\nconst CursorPositioner = () => {\n  const { chartsRef } = useContext(ChartsContext);\n  const { settings, horizontal, maxTracesCount, settingsKey } = useContext(SettingsContext);\n  const [points, setPoints] = useState([]);\n  const [isTooltipVisible, setIsTooltipVisible] = useState(false);\n\n  const onMouseOverTraceCharts = e => {\n    setIsTooltipVisible(true);\n    if (chartsRef && chartsRef.current && settings[settingsKey]) {\n      const points = [];\n      const tracks = settings[settingsKey];\n      tracks.forEach((_, index) => {\n        const currentPoints = [];\n        const ref = chartsRef.current.get(index);\n        if (ref && ref.current && ref.current.chart) {\n          const { chart } = ref.current;\n          const event = chart.pointer.normalize(e);\n          chart.series.forEach(item => {\n            const point = item.searchPoint(event, true);\n            if (point) {\n              currentPoints.push(point);\n            }\n          });\n        }\n        points.push(currentPoints);\n      });\n      setPoints(points);\n    }\n  };\n\n  const onMouseMove = useCallback(\n    throttle(event => onMouseOverTraceCharts(event), 50, {\n      leading: true,\n      trailing: false,\n    }),\n    [chartsRef]\n  );\n\n  const dynamicStyles = useMemo(() => {\n    const tracksAmount = settings?.[settingsKey]?.length || 1;\n    if (horizontal) {\n      const right = `${\n        HORIZONTAL_HEADER_WIDTH * maxTracesCount + HORRIZONTAL_TRACK_HEADER_WIDTH\n      }px`;\n      const height = `${(HORIZONTAL_TRACK_HEIGHT + HORIZONTAL_TRACK_SPACING) * tracksAmount}px`;\n      return {\n        right,\n        height,\n      };\n    }\n    return {\n      right: 0,\n      height: 0,\n    };\n  }, [maxTracesCount, horizontal, settings]);\n\n  const hideToolTip = () => {\n    setIsTooltipVisible(false);\n  };\n\n  return (\n    <div\n      className={styles.container}\n      style={dynamicStyles}\n      onMouseMove={onMouseMove}\n      onMouseLeave={hideToolTip}\n    >\n      {isTooltipVisible && <Tooltip points={points} />}\n    </div>\n  );\n};\n\nexport default CursorPositioner;\n"],"names":["HORIZONTAL_HEADER_WIDTH","HORIZONTAL_TRACK_HEIGHT","HORIZONTAL_TRACK_SPACING","HORRIZONTAL_TRACK_HEADER_WIDTH","CursorPositioner","useContext","ChartsContext","chartsRef","SettingsContext","settings","horizontal","maxTracesCount","settingsKey","useState","points","setPoints","isTooltipVisible","setIsTooltipVisible","onMouseOverTraceCharts","e","current","tracks","forEach","_","index","currentPoints","ref","get","chart","event","pointer","normalize","series","item","point","searchPoint","push","onMouseMove","useCallback","throttle","leading","trailing","dynamicStyles","useMemo","tracksAmount","length","right","height","hideToolTip","_jsx","styles","container"],"mappings":"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"}

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

@@ -1 +1,8 @@
-import o from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var t={container:"Tooltip_container__QvnM-",tooltipContainer:"Tooltip_tooltipContainer__XGpjA",indexTooltip:"Tooltip_indexTooltip__vSIVU",content:"Tooltip_content__LXGVS",line:"Tooltip_line__Gvb8D",name:"Tooltip_name__XFuxU",value:"Tooltip_value__TfmqF",units:"Tooltip_units__Ivwqs"};o(".Tooltip_container__QvnM-{border-left:1px solid #777;bottom:0;left:0;padding-top:15px;position:absolute;top:-4px;transition-duration:.2s}.Tooltip_tooltipContainer__XGpjA{align-items:center;display:flex;height:100px;margin-bottom:16px}.Tooltip_indexTooltip__vSIVU{border-radius:4px;color:#fff;font-size:10px;left:0;padding:4px;position:absolute;top:0}.Tooltip_content__LXGVS,.Tooltip_indexTooltip__vSIVU{backdrop-filter:blur(4px);background:hsla(0,0%,8%,.5)}.Tooltip_content__LXGVS{border-radius:0 4px 4px 0;padding:9px 7px 6px}.Tooltip_line__Gvb8D{height:0;width:16px}.Tooltip_name__XFuxU{color:hsla(0,0%,100%,.7);font-size:10px;min-width:75px;padding:0 8px;text-align:left}.Tooltip_value__TfmqF{color:#fff;font-size:12px;padding-right:4px;text-align:left}.Tooltip_units__Ivwqs{color:hsla(0,0%,100%,.7);font-size:10px;text-align:left}");export{t as default};
+import styleInject from '../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Tooltip_container__2mJRe {\n  position: absolute;\n  top: -4px;\n  bottom: 0;\n  left: 0;\n  padding-top: 15px;\n  transition-duration: 0.2s;\n  border-left: 1px solid #777;\n}\n\n.Tooltip_tooltipContainer__1NeYD {\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n  height: 100px;\n}\n\n.Tooltip_indexTooltip__2s9hz {\n  background: rgba(20, 20, 20, 0.5);\n  backdrop-filter: blur(4px);\n  border-radius: 4px;\n  color: #fff;\n  font-size: 10px;\n  position: absolute;\n  left: 0;\n  top: 0;\n  padding: 4px;\n}\n\n.Tooltip_content__2d-D5 {\n  padding: 9px 7px 6px;\n  background: rgba(20, 20, 20, 0.5);\n  backdrop-filter: blur(4px);\n  border-radius: 0 4px 4px 0;\n}\n\n.Tooltip_line__3McvR {\n  width: 16px;\n  height: 0;\n}\n\n.Tooltip_name__2yyiZ {\n  padding: 0 8px;\n  font-size: 10px;\n  color: rgba(255,255,255, 0.7);\n  min-width: 75px;\n  text-align: left;\n}\n\n.Tooltip_value__1vAUb {\n  color: #fff;\n  font-size: 12px;\n  text-align: left;\n  padding-right: 4px;\n}\n\n.Tooltip_units__1ZFox {\n  font-size: 10px;\n  text-align: left;\n  color: rgba(255,255,255, 0.7);\n}";
+var styles = {"container":"Tooltip_container__2mJRe","tooltipContainer":"Tooltip_tooltipContainer__1NeYD","indexTooltip":"Tooltip_indexTooltip__2s9hz","content":"Tooltip_content__2d-D5","line":"Tooltip_line__3McvR","name":"Tooltip_name__2yyiZ","value":"Tooltip_value__1vAUb","units":"Tooltip_units__1ZFox"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=Tooltip.css.js.map

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

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

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

@@ -1 +1,92 @@
-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 { getUnitDisplay } from '../../../../utils/convert.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import styles from './Tooltip.css.js';
+
+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 default Tooltip;
+//# 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","tooltipContainer","_jsx","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__2XaIy {\n  position: relative;\n}\n\n.TraceHeader_header__2Ta3o {\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__2Ta3o:hover {\n  background: #333333;\n}\n\n.TraceHeader_header__2Ta3o.TraceHeader_horizontal__1G2n- {\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__1G2n-.TraceHeader_minimal__3NjQj {\n  width: 38px;\n}\n\n.TraceHeader_unit__27HBd {\n  font-size: 11px;\n  color: #bdbdbd;\n  text-align: center;\n}\n\n.TraceHeader_values__15VtQ {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n}\n\n.TraceHeader_min__28jSd,\n.TraceHeader_max__2CjLb {\n  color: #9e9e9e;\n  font-size: 10px;\n}\n\n.TraceHeader_current__HW_wG {\n  padding-right: 5px;\n  font-size: 16px;\n}\n\n.TraceHeader_line__UaKbP {\n  border-width: 0;\n  position: relative;\n}\n\n.TraceHeader_horizontal__1G2n- .TraceHeader_line__UaKbP {\n  height: 40px;\n  width: 0;\n  left: -1px;\n  border-left: 1px solid #333333;\n}\n\n.TraceHeader_horizontal__1G2n- .TraceHeader_values__15VtQ {\n  border-width: 0 1px 0 0;\n  height: 100%;\n  padding: 10px 3px;\n}\n\n.TraceHeader_vertical__1T2YH .TraceHeader_line__UaKbP {\n  width: 40px;\n  height: 0;\n  top: -1px;\n  border-bottom: 1px solid #333333;\n}\n\n.TraceHeader_vertical__1T2YH .TraceHeader_values__15VtQ {\n  border-width: 0 0 1px 0;\n}\n\n.TraceHeader_empty__31pcQ {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.TraceHeader_header__2Ta3o:hover .TraceHeader_empty__31pcQ {\n  visibility: visible;\n  opacity: 1;\n}\n\n.TraceHeader_addTrace__2SBiR {\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__1G2n- .TraceHeader_addTrace__2SBiR {\n  top: 50%;\n  left: -45px;\n  transform: translate(0, -50%);\n}\n\n.TraceHeader_actions__2ldqg {\n  display: flex;\n  width: 100%;\n  justify-content: flex-end;\n}\n\n.TraceHeader_modalTitle__okFO7 {\n  color: #fff;\n  font-size: 20px;\n}\n\n.TraceHeader_trackTitle__3-niG {\n  cursor: pointer;\n  color: #03bcd4;\n  font-size: 13px;\n}\n";
+var styles = {"container":"TraceHeader_container__2XaIy","header":"TraceHeader_header__2Ta3o","horizontal":"TraceHeader_horizontal__1G2n-","minimal":"TraceHeader_minimal__3NjQj","unit":"TraceHeader_unit__27HBd","values":"TraceHeader_values__15VtQ","min":"TraceHeader_min__28jSd","max":"TraceHeader_max__2CjLb","current":"TraceHeader_current__HW_wG","line":"TraceHeader_line__UaKbP","vertical":"TraceHeader_vertical__1T2YH","empty":"TraceHeader_empty__31pcQ","addTrace":"TraceHeader_addTrace__2SBiR","actions":"TraceHeader_actions__2ldqg","modalTitle":"TraceHeader_modalTitle__okFO7","trackTitle":"TraceHeader_trackTitle__3-niG"};
+styleInject(css_248z);
+
+export default styles;
+//# 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,uDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}

package/components/ParameterCharts/components/TraceHeader.js

@@ -1 +1,270 @@
-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/index.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 x=function(e){return Number.isFinite(e)?Math.round(100*e)/100:"-"},M=function(a){var u,O=a.onChange,M=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?x(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:x(oe)}),N("span",{className:T.max,children:!P.autoScale&&Number.isFinite(P.scaleMax)?P.scaleMax:x(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(){M(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})})]})};M.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},M.defaultProps={traceSettings:v,openTrackSettings:function(){}};var P=u({button:{fontSize:14,marginLeft:20}})(M);export{P as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { get, isEqual, last } from 'lodash';
+import { getUnitDisplay } from '../../../utils/convert.js';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { withStyles, Tooltip, Button } from '@material-ui/core';
+import { useState, useContext, useRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Modal from '../../Modal/index.js';
+import { DEFAULT_TRACE_SETTINGS, MAX_TRACE_COUNT } from '../constants.js';
+import AddIcon from '@material-ui/icons/Add';
+import TraceSettings from './TraceSettings.js';
+import SettingsContext from '../SettingsContext.js';
+import DataContext from '../DataContext.js';
+import styles from './TraceHeader.css.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 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 default TraceHeader$1;
+//# sourceMappingURL=TraceHeader.js.map