@corva/ui 0.34.0-rc.3 → 0.34.0

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

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

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

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

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

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

package/components/ParameterCharts/components/TraceHeader.js

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

package/components/ParameterCharts/components/TraceSelect.js

@@ -1,60 +1 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { withStyles, FormControl, InputLabel, Select, MenuItem } from '@material-ui/core';
-import PropTypes from 'prop-types';
-
-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.isRequired,
-  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)
-};
-TraceSelect.defaultProps = {
-  value: '',
-  showLabel: false
-};
-var TraceSelect$1 = withStyles({
-  select: {
-    width: 200
-  }
-})(TraceSelect);
-
-export default TraceSelect$1;
-//# sourceMappingURL=TraceSelect.js.map
+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.isRequired,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)},l.defaultProps={value:"",showLabel:!1};var u=r({select:{width:200}})(l);export{u as default};

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

@@ -1,8 +1 @@
-import styleInject from '../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".TraceSettings_container__3tcku {\n  display: flex;\n  flex-direction: column;\n  padding: 5px 0 10px;\n  min-width: 360px;\n}\n\n.TraceSettings_item__2Iner {\n  display: flex;\n  align-items: center;\n  padding: 10px 0 20px;\n}\n\n.TraceSettings_scales__1Vii1 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.TraceSettings_line__2wWES {\n  border-top: 1px solid white;\n  margin-bottom: -1px;\n  width: 100%;\n}\n\n.TraceSettings_dotted__3GpOX {\n  border-top: 1px dotted white;\n}\n\n.TraceSettings_dashed__1ADAX {\n  border-top: 1px dashed white;\n}";
-var styles = {"container":"TraceSettings_container__3tcku","item":"TraceSettings_item__2Iner","scales":"TraceSettings_scales__1Vii1","line":"TraceSettings_line__2wWES","dotted":"TraceSettings_dotted__3GpOX","dashed":"TraceSettings_dashed__1ADAX"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=TraceSettings.css.js.map
+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};