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

package/components/ParameterCharts/components/DataLoadingIndicator.js

@@ -1,16 +1 @@
-import LinearProgress from '@material-ui/core/LinearProgress';
-import { withStyles } from '@material-ui/core/styles';
-
-var DataLoadingIndicator = withStyles({
-  colorPrimary: {
-    backgroundColor: 'transparent !important'
-  },
-  root: {
-    height: 1,
-    position: 'absolute',
-    width: '100%'
-  }
-})(LinearProgress);
-
-export { DataLoadingIndicator as default };
-//# sourceMappingURL=DataLoadingIndicator.js.map
+import r from"@material-ui/core/LinearProgress";import{withStyles as o}from"@material-ui/core/styles";var t=o({colorPrimary:{backgroundColor:"transparent !important"},root:{height:1,position:"absolute",width:"100%"}})(r);export{t as default};

package/components/ParameterCharts/components/SingleChannelTrackSettings.js

@@ -1,41 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import PropTypes from 'prop-types';
-import TraceSelect from './TraceSelect.js';
-import { DEFAULT_TRACE_SETTINGS } from '../constants.js';
-import { 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 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 { SingleChannelTrackSettings as default };
-//# sourceMappingURL=SingleChannelTrackSettings.js.map
+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};

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

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

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

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

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

package/components/ParameterCharts/components/TraceSelect.js

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

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__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
+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};