@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

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

@@ -1 +1,91 @@
-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 _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useContext, useState, useCallback, useMemo } from 'react';
+import { throttle } from 'lodash';
+import SettingsContext from '../../SettingsContext.js';
+import ChartsContext from '../../ChartsContext.js';
+import Tooltip from './Tooltip.js';
+import styles from './CursorPositioner.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+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 { CursorPositioner as default };
+//# 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{background:hsla(0,0%,8%,.5);border-radius:4px;color:#fff;font-size:10px;left:0;padding:4px;position:absolute;top:0}.Tooltip_content__LXGVS{background:hsla(0,0%,8%,.5);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__QvnM- {\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__XGpjA {\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n  height: 100px;\n}\n\n.Tooltip_indexTooltip__vSIVU {\n  background: rgba(20, 20, 20, 0.5);\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__LXGVS {\n  padding: 9px 7px 6px;\n  background: rgba(20, 20, 20, 0.5);\n  border-radius: 0 4px 4px 0;\n}\n\n.Tooltip_line__Gvb8D {\n  width: 16px;\n  height: 0;\n}\n\n.Tooltip_name__XFuxU {\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__TfmqF {\n  color: #fff;\n  font-size: 12px;\n  text-align: left;\n  padding-right: 4px;\n}\n\n.Tooltip_units__Ivwqs {\n  font-size: 10px;\n  text-align: left;\n  color: rgba(255,255,255, 0.7);\n}";
+var styles = {"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"};
+styleInject(css_248z);
+
+export { styles as default };
+//# 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,4DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;"}

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/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;"}

package/components/ParameterCharts/components/Track.js

@@ -1 +1,128 @@
-import r from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/defineProperty";import{useContext as e,useRef as n,useMemo as i}from"react";import o from"uuid";import a from"classnames";import c from"prop-types";import{range as s}from"lodash";import{DEFAULT_TRACK_SETTINGS as m}from"../constants.js";import p from"../AddEditTrack.js";import u from"../SettingsContext.js";import f from"../DataContext.js";import d from"./TraceHeader.js";import l from"./ChartContainer.js";import g from"./Track.css.js";import{jsx as b,Fragment as h,jsxs as j}from"react/jsx-runtime";function y(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,n)}return e}function v(r){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?y(Object(n),!0).forEach((function(e){t(r,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(n,t))}))}return r}var O=function(c){var y,O=c.id,P=c.index,x=e(u),C=x.horizontal,k=x.settingsKey,S=x.settings,w=x.onSettingsChange,D=x.maxTracesCount,T=x.multipleAssets,A=e(f).mapping,E=n(),N=i((function(){return O?S[k].find((function(r){return r.id===O})):m}),[O,S,k]),z=function(r){var e=S[k].map((function(t){return O===t.id?v(v({},t),{},{traces:t.traces&&t.traces.filter((function(t){return t.id!==r}))}):t}));w(v(v({},S),{},t({},k,e)))},K=function(e){var n=[];n=e.id?N.traces.map((function(r){return r.id===e.id?e:r})):[].concat(r(N.traces),[v(v({},e),{},{id:o()})]);var i=S[k].map((function(r){return O===r.id?v(v({},r),{},{traces:n}):r}));w(v(v({},S),{},t({},k,i)))},q=function(){E.current.click()},H=i((function(){if(!T)return N.name;var r=A.find((function(r){var t,e;return r.key===(null===(t=N.traces)||void 0===t||null===(e=t[0])||void 0===e?void 0:e.key)}));return r?r.name:N.name}),[N.traces,N.name,T]);return b(h,{children:j("div",{className:a(g.container,(y={},t(y,g.horizontal,C),t(y,g.vertical,!C),y)),children:[b(p,{mapping:A,settings:S,onSettingsChange:w,settingsKey:k,id:O,multipleAssets:T,children:b("div",{className:g.header,ref:E,children:b("div",{className:g.title,children:H})})}),!T&&s(D).map((function(r){return b(d,{index:r,traceSettings:N.traces[r],onDelete:z,mapping:A,onChange:K,openTrackSettings:q},N.traces[r]?N.traces[r].id:r)})),b(l,{traces:N.traces,trackIndex:P})]})})};O.propTypes={id:c.string,index:c.number.isRequired},O.defaultProps={id:""};export{O as default};
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useContext, useRef, useMemo } from 'react';
+import uuid from 'uuid';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import { range } from 'lodash';
+import { DEFAULT_TRACK_SETTINGS } from '../constants.js';
+import AddEditTrack from '../AddEditTrack.js';
+import SettingsContext from '../SettingsContext.js';
+import DataContext from '../DataContext.js';
+import TraceHeader from './TraceHeader.js';
+import ChartContainer from './ChartContainer.js';
+import styles from './Track.css.js';
+import { jsx, Fragment, jsxs } 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 Track = function Track(_ref) {
+  var _classNames;
+  var id = _ref.id,
+    index = _ref.index;
+  var _useContext = useContext(SettingsContext),
+    horizontal = _useContext.horizontal,
+    settingsKey = _useContext.settingsKey,
+    settings = _useContext.settings,
+    onSettingsChange = _useContext.onSettingsChange,
+    maxTracesCount = _useContext.maxTracesCount,
+    multipleAssets = _useContext.multipleAssets;
+  var _useContext2 = useContext(DataContext),
+    mapping = _useContext2.mapping;
+  var trackSettingsRef = useRef();
+  var trackSettings = useMemo(function () {
+    return id ? settings[settingsKey].find(function (item) {
+      return item.id === id;
+    }) : DEFAULT_TRACK_SETTINGS;
+  }, [id, settings, settingsKey]);
+  var deleteTrace = function deleteTrace(traceId) {
+    var updatedSettings = settings[settingsKey].map(function (item) {
+      if (id === item.id) {
+        return _objectSpread(_objectSpread({}, item), {}, {
+          traces: item.traces && item.traces.filter(function (trace) {
+            return trace.id !== traceId;
+          })
+        });
+      } else {
+        return item;
+      }
+    });
+    onSettingsChange(_objectSpread(_objectSpread({}, settings), {}, _defineProperty({}, settingsKey, updatedSettings)));
+  };
+  var onTraceChange = function onTraceChange(newSettings) {
+    var updateTraces = [];
+    if (newSettings.id) {
+      updateTraces = trackSettings.traces.map(function (item) {
+        return item.id === newSettings.id ? newSettings : item;
+      });
+    } else {
+      updateTraces = [].concat(_toConsumableArray(trackSettings.traces), [_objectSpread(_objectSpread({}, newSettings), {}, {
+        id: uuid()
+      })]);
+    }
+    var updatedSettings = settings[settingsKey].map(function (item) {
+      if (id === item.id) {
+        return _objectSpread(_objectSpread({}, item), {}, {
+          traces: updateTraces
+        });
+      } else {
+        return item;
+      }
+    });
+    onSettingsChange(_objectSpread(_objectSpread({}, settings), {}, _defineProperty({}, settingsKey, updatedSettings)));
+  };
+  var openTrackSettings = function openTrackSettings() {
+    trackSettingsRef.current.click();
+  };
+  var trackName = useMemo(function () {
+    if (!multipleAssets) return trackSettings.name;
+    var mappingValue = mapping.find(function (item) {
+      var _trackSettings$traces, _trackSettings$traces2;
+      return item.key === ((_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);
+    });
+    return mappingValue ? mappingValue.name : trackSettings.name;
+  }, [trackSettings.traces, trackSettings.name, multipleAssets]);
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsxs("div", {
+      className: classNames(styles.container, (_classNames = {}, _defineProperty(_classNames, styles.horizontal, horizontal), _defineProperty(_classNames, styles.vertical, !horizontal), _classNames)),
+      children: [/*#__PURE__*/jsx(AddEditTrack, {
+        mapping: mapping,
+        settings: settings,
+        onSettingsChange: onSettingsChange,
+        settingsKey: settingsKey,
+        id: id,
+        multipleAssets: multipleAssets,
+        children: /*#__PURE__*/jsx("div", {
+          className: styles.header,
+          ref: trackSettingsRef,
+          children: /*#__PURE__*/jsx("div", {
+            className: styles.title,
+            children: trackName
+          })
+        })
+      }), !multipleAssets && range(maxTracesCount).map(function (indx) {
+        return /*#__PURE__*/jsx(TraceHeader, {
+          index: indx,
+          traceSettings: trackSettings.traces[indx],
+          onDelete: deleteTrace,
+          mapping: mapping,
+          onChange: onTraceChange,
+          openTrackSettings: openTrackSettings
+        }, trackSettings.traces[indx] ? trackSettings.traces[indx].id : indx);
+      }), /*#__PURE__*/jsx(ChartContainer, {
+        traces: trackSettings.traces,
+        trackIndex: index
+      })]
+    })
+  });
+};
+Track.propTypes = {
+  id: PropTypes.string,
+  index: PropTypes.number.isRequired
+};
+Track.defaultProps = {
+  id: ''
+};
+
+export { Track as default };
+//# sourceMappingURL=Track.js.map

package/components/ParameterCharts/components/Track.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Track.js","sources":["../../../../src/components/ParameterCharts/components/Track.js"],"sourcesContent":["import { useMemo, useContext, useRef } from 'react';\nimport uuid from 'uuid';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { range } from 'lodash';\n\nimport { DEFAULT_TRACK_SETTINGS } from '../constants';\nimport AddEditTrack from '../AddEditTrack';\nimport SettingsContext from '../SettingsContext';\nimport DataContext from '../DataContext';\n\nimport TraceHeader from './TraceHeader';\nimport ChartContainer from './ChartContainer';\n\nimport styles from './Track.css';\n\nconst Track = ({ id, index }) => {\n  const { horizontal, settingsKey, settings, onSettingsChange, maxTracesCount, multipleAssets } =\n    useContext(SettingsContext);\n  const { mapping } = useContext(DataContext);\n\n  const trackSettingsRef = useRef();\n\n  const trackSettings = useMemo(\n    () => (id ? settings[settingsKey].find(item => item.id === id) : DEFAULT_TRACK_SETTINGS),\n    [id, settings, settingsKey]\n  );\n\n  const deleteTrace = traceId => {\n    const updatedSettings = settings[settingsKey].map(item => {\n      if (id === item.id) {\n        return {\n          ...item,\n          traces: item.traces && item.traces.filter(trace => trace.id !== traceId),\n        };\n      } else {\n        return item;\n      }\n    });\n    onSettingsChange({\n      ...settings,\n      [settingsKey]: updatedSettings,\n    });\n  };\n\n  const onTraceChange = newSettings => {\n    let updateTraces = [];\n\n    if (newSettings.id) {\n      updateTraces = trackSettings.traces.map(item =>\n        item.id === newSettings.id ? newSettings : item\n      );\n    } else {\n      updateTraces = [...trackSettings.traces, { ...newSettings, id: uuid() }];\n    }\n\n    const updatedSettings = settings[settingsKey].map(item => {\n      if (id === item.id) {\n        return {\n          ...item,\n          traces: updateTraces,\n        };\n      } else {\n        return item;\n      }\n    });\n    onSettingsChange({\n      ...settings,\n      [settingsKey]: updatedSettings,\n    });\n  };\n\n  const openTrackSettings = () => {\n    trackSettingsRef.current.click();\n  };\n\n  const trackName = useMemo(() => {\n    if (!multipleAssets) return trackSettings.name;\n    const mappingValue = mapping.find(item => item.key === trackSettings.traces?.[0]?.key);\n    return mappingValue ? mappingValue.name : trackSettings.name;\n  }, [trackSettings.traces, trackSettings.name, multipleAssets]);\n\n  return (\n    <>\n      <div\n        className={classNames(styles.container, {\n          [styles.horizontal]: horizontal,\n          [styles.vertical]: !horizontal,\n        })}\n      >\n        <AddEditTrack\n          mapping={mapping}\n          settings={settings}\n          onSettingsChange={onSettingsChange}\n          settingsKey={settingsKey}\n          id={id}\n          multipleAssets={multipleAssets}\n        >\n          <div className={styles.header} ref={trackSettingsRef}>\n            <div className={styles.title}>{trackName}</div>\n          </div>\n        </AddEditTrack>\n        {!multipleAssets &&\n          range(maxTracesCount).map(indx => (\n            <TraceHeader\n              key={trackSettings.traces[indx] ? trackSettings.traces[indx].id : indx}\n              index={indx}\n              traceSettings={trackSettings.traces[indx]}\n              onDelete={deleteTrace}\n              mapping={mapping}\n              onChange={onTraceChange}\n              openTrackSettings={openTrackSettings}\n            />\n          ))}\n        <ChartContainer traces={trackSettings.traces} trackIndex={index} />\n      </div>\n    </>\n  );\n};\n\nTrack.propTypes = {\n  id: PropTypes.string,\n  index: PropTypes.number.isRequired,\n};\n\nTrack.defaultProps = {\n  id: '',\n};\n\nexport default Track;\n"],"names":["Track","id","index","useContext","SettingsContext","horizontal","settingsKey","settings","onSettingsChange","maxTracesCount","multipleAssets","DataContext","mapping","trackSettingsRef","useRef","trackSettings","useMemo","find","item","DEFAULT_TRACK_SETTINGS","deleteTrace","traceId","updatedSettings","map","traces","filter","trace","onTraceChange","newSettings","updateTraces","uuid","openTrackSettings","current","click","trackName","name","mappingValue","key","_jsx","_Fragment","_jsxs","classNames","styles","container","vertical","header","title","range","indx","propTypes","PropTypes","string","number","isRequired","defaultProps"],"mappings":"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"}

package/components/ParameterCharts/components/TrackSettings.js

@@ -1 +1,234 @@
-import e from"@babel/runtime/helpers/toConsumableArray";import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as n}from"react";import i from"prop-types";import a from"uuid";import{withStyles as o,Grid as c,FormControl as s,TextField as l,IconButton as m,Button as u}from"@material-ui/core";import p from"@material-ui/icons/NavigateNext";import d from"@material-ui/icons/Add";import{MAX_TRACE_COUNT as f,DEFAULT_TRACE_SETTINGS as h}from"../constants.js";import g from"./TraceSettings.js";import v from"./TraceSelect.js";import b from"./TrackSettings.css.js";import y from"../../ColorPicker/ColorPicker.js";import k from"../../Modal/Modal.js";import{jsxs as N,jsx as O}from"react/jsx-runtime";function j(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 C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var T=function(i){var o=i.settings,j=o.name,T=o.traces,P=i.onChange,S=i.classes,q=i.mapping,w=n(!1),D=t(w,2),R=D[0],B=D[1],A=n(),x=t(A,2),E=x[0],I=x[1],z=T&&T.length>f,L=function(){var e=T.map((function(e){return e.id===E.id?E:e}));P("traces",e),B(!1)};return N(c,{className:S.container,children:[O(s,{className:S.input,children:O(l,{label:"Track Name",value:j,className:S.input,onChange:function(e){var r=e.target.value;return P("name",r)}})}),O("div",{className:b.title,children:"Traces: "}),T&&!!T.length&&O("div",{className:b.tracesContainer,children:T.map((function(e,t){var n=e.id,i=e.key,a=e.color;return N("div",{className:b.tracesItem,children:[O(v,{value:i,onChange:function(e){return function(e,r){var t=T.map((function(t){var n=q.find((function(e){var t=e.key;return r===t}));return t.id===e?C(C({},t),n):t}));P("traces",t)}(n,e)},mapping:q}),O("div",{className:b.colorPicker,children:O(y,{value:a,onChange:function(e){return function(e,t,n){var i=T.map((function(i){return i.id===e?C(C({},i),{},r({},t,n)):i}));P("traces",i)}(n,"color",e)},hideLabel:!0,buttonClassName:S.picker})}),O(m,{onClick:function(){return function(e){I(T[e]),B(!0)}(t)},className:S.navBtn,children:O(p,{fontSize:"small",className:S.navIcon})})]},n)}))}),!z&&N(u,{color:"primary",onClick:function(){T&&T.length?P("traces",[].concat(e(T),[C({id:a()},h)])):P("traces",[C({id:a()},h)])},children:[O(d,{}),O("span",{children:"Add Trace"})]}),O(k,{open:R,title:N("div",{className:b.modalTitle,children:[N("span",{className:b.trackTitle,onClick:L,children:["Track Settings /"," "]}),E&&E.name||"Empty Trace"]}),actions:N("div",{className:b.actions,children:[O(u,{className:S.button,color:"primary",onClick:function(){var e=T.filter((function(e){return e.id!==E.id}));P("traces",e),B(!1)},children:"Delete Trace"}),O(u,{className:S.button,color:"primary",onClick:function(){return B(!1)},children:"Cancel"}),O(u,{className:S.button,variant:"contained",color:"primary",onClick:L,children:"Save"})]}),children:O(g,{traceSettings:E,onChange:function(e,t){I(C(C({},E),{},r({},e,t)))},mapping:q})})]})};T.propTypes={settings:i.shape({name:i.string.isRequired,traces:i.arrayOf(i.shape({}))}).isRequired,onChange:i.func.isRequired,classes:i.shape({}).isRequired,mapping:i.arrayOf(i.shape({name:i.string.isRequired,key:i.string.isRequired}).isRequired).isRequired};var P=o((function(e){return{container:{paddingTop:20,minWidth:300},input:{width:200},picker:{width:36,minWidth:36,height:24},navBtn:{position:"absolute",right:-10,top:"50%",transform:"translate(0, -50%)"},navIcon:{color:"#BDBDBD"},button:{fontSize:14,marginLeft:20}}}))(T);export{P as default};
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import PropTypes from 'prop-types';
+import uuid from 'uuid';
+import { withStyles, Grid, FormControl, TextField, IconButton, Button } from '@material-ui/core';
+import NavigateNextIcon from '@material-ui/icons/NavigateNext';
+import AddIcon from '@material-ui/icons/Add';
+import { MAX_TRACE_COUNT, DEFAULT_TRACE_SETTINGS } from '../constants.js';
+import TraceSettings from './TraceSettings.js';
+import TraceSelect from './TraceSelect.js';
+import styles from './TrackSettings.css.js';
+import ColorPicker from '../../ColorPicker/ColorPicker.js';
+import Modal from '../../Modal/Modal.js';
+import { jsxs, jsx } 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 TrackSettings = function TrackSettings(_ref) {
+  var _ref$settings = _ref.settings,
+    name = _ref$settings.name,
+    traces = _ref$settings.traces,
+    _onChange = _ref.onChange,
+    classes = _ref.classes,
+    mapping = _ref.mapping;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isTraceSettingsVisible = _useState2[0],
+    setIsTraceSettingsVisible = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedTrace = _useState4[0],
+    setSelectedTrace = _useState4[1];
+  var onTraceTypeChange = function onTraceTypeChange(id, value) {
+    var updatedTraces = traces.map(function (trace) {
+      var currentMapping = mapping.find(function (_ref2) {
+        var key = _ref2.key;
+        return value === key;
+      });
+      if (trace.id === id) {
+        return _objectSpread(_objectSpread({}, trace), currentMapping);
+      } else {
+        return trace;
+      }
+    });
+    _onChange('traces', updatedTraces);
+  };
+  var onTraceChange = function onTraceChange(id, key, value) {
+    var updatedTraces = traces.map(function (trace) {
+      if (trace.id === id) {
+        return _objectSpread(_objectSpread({}, trace), {}, _defineProperty({}, key, value));
+      } else {
+        return trace;
+      }
+    });
+    _onChange('traces', updatedTraces);
+  };
+  var addTrace = function addTrace() {
+    if (!traces || !traces.length) {
+      _onChange('traces', [_objectSpread({
+        id: uuid()
+      }, DEFAULT_TRACE_SETTINGS)]);
+    } else {
+      _onChange('traces', [].concat(_toConsumableArray(traces), [_objectSpread({
+        id: uuid()
+      }, DEFAULT_TRACE_SETTINGS)]));
+    }
+  };
+  var isMaxNumOftraces = traces && traces.length > MAX_TRACE_COUNT;
+  var showTraceSettings = function showTraceSettings(index) {
+    setSelectedTrace(traces[index]);
+    setIsTraceSettingsVisible(true);
+  };
+  var onTraceSettingsChange = function onTraceSettingsChange(key, value) {
+    setSelectedTrace(_objectSpread(_objectSpread({}, selectedTrace), {}, _defineProperty({}, key, value)));
+  };
+  var deleteTrace = function deleteTrace() {
+    var updatedTraces = traces.filter(function (_ref3) {
+      var id = _ref3.id;
+      return id !== selectedTrace.id;
+    });
+    _onChange('traces', updatedTraces);
+    setIsTraceSettingsVisible(false);
+  };
+  var saveTrace = function saveTrace() {
+    var updatedTraces = traces.map(function (trace) {
+      return trace.id === selectedTrace.id ? selectedTrace : trace;
+    });
+    _onChange('traces', updatedTraces);
+    setIsTraceSettingsVisible(false);
+  };
+  return /*#__PURE__*/jsxs(Grid, {
+    className: classes.container,
+    children: [/*#__PURE__*/jsx(FormControl, {
+      className: classes.input,
+      children: /*#__PURE__*/jsx(TextField, {
+        label: "Track Name",
+        value: name,
+        className: classes.input,
+        onChange: function onChange(_ref4) {
+          var value = _ref4.target.value;
+          return _onChange('name', value);
+        }
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: styles.title,
+      children: "Traces: "
+    }), traces && !!traces.length && /*#__PURE__*/jsx("div", {
+      className: styles.tracesContainer,
+      children: traces.map(function (_ref5, index) {
+        var id = _ref5.id,
+          key = _ref5.key,
+          color = _ref5.color;
+        return /*#__PURE__*/jsxs("div", {
+          className: styles.tracesItem,
+          children: [/*#__PURE__*/jsx(TraceSelect, {
+            value: key,
+            onChange: function onChange(val) {
+              return onTraceTypeChange(id, val);
+            },
+            mapping: mapping
+          }), /*#__PURE__*/jsx("div", {
+            className: styles.colorPicker,
+            children: /*#__PURE__*/jsx(ColorPicker, {
+              value: color,
+              onChange: function onChange(val) {
+                return onTraceChange(id, 'color', val);
+              },
+              hideLabel: true,
+              buttonClassName: classes.picker
+            })
+          }), /*#__PURE__*/jsx(IconButton, {
+            onClick: function onClick() {
+              return showTraceSettings(index);
+            },
+            className: classes.navBtn,
+            children: /*#__PURE__*/jsx(NavigateNextIcon, {
+              fontSize: "small",
+              className: classes.navIcon
+            })
+          })]
+        }, id);
+      })
+    }), !isMaxNumOftraces && /*#__PURE__*/jsxs(Button, {
+      color: "primary",
+      onClick: addTrace,
+      children: [/*#__PURE__*/jsx(AddIcon, {}), /*#__PURE__*/jsx("span", {
+        children: "Add Trace"
+      })]
+    }), /*#__PURE__*/jsx(Modal, {
+      open: isTraceSettingsVisible,
+      title: /*#__PURE__*/jsxs("div", {
+        className: styles.modalTitle,
+        children: [/*#__PURE__*/jsxs("span", {
+          className: styles.trackTitle,
+          onClick: saveTrace,
+          children: ["Track Settings /", ' ']
+        }), selectedTrace && selectedTrace.name || 'Empty Trace']
+      }),
+      actions: /*#__PURE__*/jsxs("div", {
+        className: styles.actions,
+        children: [/*#__PURE__*/jsx(Button, {
+          className: classes.button,
+          color: "primary",
+          onClick: deleteTrace,
+          children: "Delete Trace"
+        }), /*#__PURE__*/jsx(Button, {
+          className: classes.button,
+          color: "primary",
+          onClick: function onClick() {
+            return setIsTraceSettingsVisible(false);
+          },
+          children: "Cancel"
+        }), /*#__PURE__*/jsx(Button, {
+          className: classes.button,
+          variant: "contained",
+          color: "primary",
+          onClick: saveTrace,
+          children: "Save"
+        })]
+      }),
+      children: /*#__PURE__*/jsx(TraceSettings, {
+        traceSettings: selectedTrace,
+        onChange: onTraceSettingsChange,
+        mapping: mapping
+      })
+    })]
+  });
+};
+TrackSettings.propTypes = {
+  settings: PropTypes.shape({
+    name: PropTypes.string.isRequired,
+    traces: PropTypes.arrayOf(PropTypes.shape({}))
+  }).isRequired,
+  onChange: PropTypes.func.isRequired,
+  classes: PropTypes.shape({}).isRequired,
+  mapping: PropTypes.arrayOf(PropTypes.shape({
+    name: PropTypes.string.isRequired,
+    key: PropTypes.string.isRequired
+  }).isRequired).isRequired
+};
+var TrackSettings$1 = withStyles(function (_theme) {
+  return {
+    container: {
+      paddingTop: 20,
+      minWidth: 300
+    },
+    input: {
+      width: 200
+    },
+    picker: {
+      width: 36,
+      minWidth: 36,
+      height: 24
+    },
+    navBtn: {
+      position: 'absolute',
+      right: -10,
+      top: '50%',
+      transform: 'translate(0, -50%)'
+    },
+    navIcon: {
+      color: '#BDBDBD'
+    },
+    button: {
+      fontSize: 14,
+      marginLeft: 20
+    }
+  };
+})(TrackSettings);
+
+export { TrackSettings$1 as default };
+//# sourceMappingURL=TrackSettings.js.map

package/components/ParameterCharts/components/TrackSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackSettings.js","sources":["../../../../src/components/ParameterCharts/components/TrackSettings.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport uuid from 'uuid';\nimport { FormControl, TextField, withStyles, Grid, IconButton, Button } from '@material-ui/core';\nimport NavigateNextIcon from '@material-ui/icons/NavigateNext';\nimport AddIcon from '@material-ui/icons/Add';\n\nimport { DEFAULT_TRACE_SETTINGS, MAX_TRACE_COUNT } from '../constants';\n\nimport TraceSettings from './TraceSettings';\nimport TraceSelect from './TraceSelect';\n\nimport styles from './TrackSettings.css';\n\nimport ColorPicker from '~/components/ColorPicker';\nimport Modal from '~/components/Modal';\n\nconst TrackSettings = ({ settings: { name, traces }, onChange, classes, mapping }) => {\n  const [isTraceSettingsVisible, setIsTraceSettingsVisible] = useState(false);\n  const [selectedTrace, setSelectedTrace] = useState();\n\n  const onTraceTypeChange = (id, value) => {\n    const updatedTraces = traces.map(trace => {\n      const currentMapping = mapping.find(({ key }) => value === key);\n      if (trace.id === id) {\n        return {\n          ...trace,\n          ...currentMapping,\n        };\n      } else {\n        return trace;\n      }\n    });\n    onChange('traces', updatedTraces);\n  };\n\n  const onTraceChange = (id, key, value) => {\n    const updatedTraces = traces.map(trace => {\n      if (trace.id === id) {\n        return {\n          ...trace,\n          [key]: value,\n        };\n      } else {\n        return trace;\n      }\n    });\n    onChange('traces', updatedTraces);\n  };\n\n  const addTrace = () => {\n    if (!traces || !traces.length) {\n      onChange('traces', [{ id: uuid(), ...DEFAULT_TRACE_SETTINGS }]);\n    } else {\n      onChange('traces', [...traces, { id: uuid(), ...DEFAULT_TRACE_SETTINGS }]);\n    }\n  };\n\n  const isMaxNumOftraces = traces && traces.length > MAX_TRACE_COUNT;\n\n  const showTraceSettings = index => {\n    setSelectedTrace(traces[index]);\n    setIsTraceSettingsVisible(true);\n  };\n\n  const onTraceSettingsChange = (key, value) => {\n    setSelectedTrace({\n      ...selectedTrace,\n      [key]: value,\n    });\n  };\n\n  const deleteTrace = () => {\n    const updatedTraces = traces.filter(({ id }) => id !== selectedTrace.id);\n    onChange('traces', updatedTraces);\n    setIsTraceSettingsVisible(false);\n  };\n\n  const saveTrace = () => {\n    const updatedTraces = traces.map(trace =>\n      trace.id === selectedTrace.id ? selectedTrace : trace\n    );\n    onChange('traces', updatedTraces);\n    setIsTraceSettingsVisible(false);\n  };\n\n  return (\n    <Grid className={classes.container}>\n      <FormControl className={classes.input}>\n        <TextField\n          label=\"Track Name\"\n          value={name}\n          className={classes.input}\n          onChange={({ target: { value } }) => onChange('name', value)}\n        />\n      </FormControl>\n      <div className={styles.title}>Traces: </div>\n      {traces && !!traces.length && (\n        <div className={styles.tracesContainer}>\n          {traces.map(({ id, key, color }, index) => (\n            <div className={styles.tracesItem} key={id}>\n              <TraceSelect\n                value={key}\n                onChange={val => onTraceTypeChange(id, val)}\n                mapping={mapping}\n              />\n              <div className={styles.colorPicker}>\n                <ColorPicker\n                  value={color}\n                  onChange={val => onTraceChange(id, 'color', val)}\n                  hideLabel\n                  buttonClassName={classes.picker}\n                />\n              </div>\n              <IconButton onClick={() => showTraceSettings(index)} className={classes.navBtn}>\n                <NavigateNextIcon fontSize=\"small\" className={classes.navIcon} />\n              </IconButton>\n            </div>\n          ))}\n        </div>\n      )}\n      {!isMaxNumOftraces && (\n        <Button color=\"primary\" onClick={addTrace}>\n          <AddIcon />\n          <span>Add Trace</span>\n        </Button>\n      )}\n      <Modal\n        open={isTraceSettingsVisible}\n        title={\n          <div className={styles.modalTitle}>\n            <span className={styles.trackTitle} onClick={saveTrace}>\n              Track Settings /{' '}\n            </span>\n            {(selectedTrace && selectedTrace.name) || 'Empty Trace'}\n          </div>\n        }\n        actions={\n          <div className={styles.actions}>\n            <Button className={classes.button} color=\"primary\" onClick={deleteTrace}>\n              Delete Trace\n            </Button>\n            <Button\n              className={classes.button}\n              color=\"primary\"\n              onClick={() => setIsTraceSettingsVisible(false)}\n            >\n              Cancel\n            </Button>\n            <Button\n              className={classes.button}\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={saveTrace}\n            >\n              Save\n            </Button>\n          </div>\n        }\n      >\n        <TraceSettings\n          traceSettings={selectedTrace}\n          onChange={onTraceSettingsChange}\n          mapping={mapping}\n        />\n      </Modal>\n    </Grid>\n  );\n};\n\nTrackSettings.propTypes = {\n  settings: PropTypes.shape({\n    name: PropTypes.string.isRequired,\n    traces: PropTypes.arrayOf(PropTypes.shape({})),\n  }).isRequired,\n  onChange: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  mapping: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      key: PropTypes.string.isRequired,\n    }).isRequired\n  ).isRequired,\n};\n\nexport default withStyles(_theme => ({\n  container: {\n    paddingTop: 20,\n    minWidth: 300,\n  },\n  input: {\n    width: 200,\n  },\n  picker: {\n    width: 36,\n    minWidth: 36,\n    height: 24,\n  },\n  navBtn: {\n    position: 'absolute',\n    right: -10,\n    top: '50%',\n    transform: 'translate(0, -50%)',\n  },\n  navIcon: {\n    color: '#BDBDBD',\n  },\n  button: { fontSize: 14, marginLeft: 20 },\n}))(TrackSettings);\n"],"names":["TrackSettings","settings","name","traces","onChange","classes","mapping","useState","isTraceSettingsVisible","setIsTraceSettingsVisible","selectedTrace","setSelectedTrace","onTraceTypeChange","id","value","updatedTraces","map","trace","currentMapping","find","key","onTraceChange","addTrace","length","uuid","DEFAULT_TRACE_SETTINGS","isMaxNumOftraces","MAX_TRACE_COUNT","showTraceSettings","index","onTraceSettingsChange","deleteTrace","filter","saveTrace","_jsxs","container","_jsx","input","target","styles","title","tracesContainer","color","tracesItem","val","colorPicker","picker","navBtn","navIcon","modalTitle","trackTitle","actions","button","propTypes","PropTypes","shape","string","isRequired","arrayOf","func","withStyles","_theme","paddingTop","minWidth","width","height","position","right","top","transform","fontSize","marginLeft"],"mappings":"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"}

package/components/ParameterCharts/constants.js

@@ -1 +1,16 @@
-var e="parameterChart",a={name:"New Track",traces:[]},r={traceType:"line",dashStyle:"Solid",lineColor:"#ccc",lineWidth:1,autoScale:!0},t=10;export{r as DEFAULT_TRACE_SETTINGS,a as DEFAULT_TRACK_SETTINGS,t as MAX_TRACE_COUNT,e as SETTINGS_KEY};
+var SETTINGS_KEY = 'parameterChart';
+var DEFAULT_TRACK_SETTINGS = {
+  name: 'New Track',
+  traces: []
+};
+var DEFAULT_TRACE_SETTINGS = {
+  traceType: 'line',
+  dashStyle: 'Solid',
+  lineColor: '#ccc',
+  lineWidth: 1,
+  autoScale: true
+};
+var MAX_TRACE_COUNT = 10;
+
+export { DEFAULT_TRACE_SETTINGS, DEFAULT_TRACK_SETTINGS, MAX_TRACE_COUNT, SETTINGS_KEY };
+//# sourceMappingURL=constants.js.map

package/components/ParameterCharts/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/ParameterCharts/constants.js"],"sourcesContent":["export const SETTINGS_KEY = 'parameterChart';\n\nexport const DEFAULT_TRACK_SETTINGS = {\n  name: 'New Track',\n  traces: [],\n};\n\nexport const DEFAULT_TRACE_SETTINGS = {\n  traceType: 'line',\n  dashStyle: 'Solid',\n  lineColor: '#ccc',\n  lineWidth: 1,\n  autoScale: true,\n};\n\nexport const MAX_TRACE_COUNT = 10;\n"],"names":["SETTINGS_KEY","DEFAULT_TRACK_SETTINGS","name","traces","DEFAULT_TRACE_SETTINGS","traceType","dashStyle","lineColor","lineWidth","autoScale","MAX_TRACE_COUNT"],"mappings":"AAAO,IAAMA,YAAY,GAAG,iBAAgB;AAErC,IAAMC,sBAAsB,GAAG;AACpCC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,MAAM,EAAE,EAAA;AACV,EAAC;AAEM,IAAMC,sBAAsB,GAAG;AACpCC,EAAAA,SAAS,EAAE,MAAM;AACjBC,EAAAA,SAAS,EAAE,OAAO;AAClBC,EAAAA,SAAS,EAAE,MAAM;AACjBC,EAAAA,SAAS,EAAE,CAAC;AACZC,EAAAA,SAAS,EAAE,IAAA;AACb,EAAC;AAEM,IAAMC,eAAe,GAAG;;;;"}