@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/ParameterCharts/components/TraceSettings.js

@@ -1,209 +1 @@
-import { toNumber } from 'lodash';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { withStyles, MenuItem, FormControl, InputLabel, Select, TextField, FormControlLabel, Checkbox } from '@material-ui/core';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import ColorPicker from '../../ColorPicker/ColorPicker.js';
-import TraceSelect from './TraceSelect.js';
-import styles from './TraceSettings.css.js';
-
-var StyledMenuItem = withStyles({
-  root: {
-    minHeight: 35
-  }
-})(MenuItem);
-
-var TraceSettings = function TraceSettings(_ref) {
-  var traceSettings = _ref.traceSettings,
-      _onChange = _ref.onChange,
-      mapping = _ref.mapping,
-      classes = _ref.classes;
-  return /*#__PURE__*/jsxs("div", {
-    className: styles.container,
-    children: [/*#__PURE__*/jsx("div", {
-      className: styles.item,
-      children: /*#__PURE__*/jsx(TraceSelect, {
-        value: traceSettings.key,
-        onChange: function onChange(val) {
-          return _onChange('key', val);
-        },
-        mapping: mapping,
-        showLabel: true
-      })
-    }), traceSettings.key && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsxs("div", {
-        className: styles.item,
-        children: [/*#__PURE__*/jsxs(FormControl, {
-          children: [/*#__PURE__*/jsx(InputLabel, {
-            htmlFor: "traceType",
-            children: "Trace Type"
-          }), /*#__PURE__*/jsxs(Select, {
-            displayEmpty: true,
-            value: traceSettings.traceType,
-            className: classes.select,
-            onChange: function onChange(e) {
-              return _onChange('traceType', e.target.value);
-            },
-            inputProps: {
-              name: 'traceType'
-            },
-            children: [/*#__PURE__*/jsx(MenuItem, {
-              value: "line",
-              children: "Line"
-            }), /*#__PURE__*/jsx(MenuItem, {
-              value: "numeric",
-              disabled: true,
-              children: "Numeric"
-            })]
-          })]
-        }), /*#__PURE__*/jsx(TextField, {
-          label: "Width",
-          type: "number",
-          name: "lineWidth",
-          InputLabelProps: {
-            shrink: true
-          },
-          InputProps: {
-            inputProps: {
-              min: 1,
-              max: 5
-            }
-          },
-          className: classes.lineWidth,
-          value: traceSettings.lineWidth,
-          onChange: function onChange(e) {
-            return _onChange('lineWidth', toNumber(e.target.value));
-          }
-        }), /*#__PURE__*/jsx(ColorPicker, {
-          buttonClassName: classes.colorPickerBtn,
-          className: classes.colorPicker,
-          value: traceSettings.color,
-          onChange: function onChange(val) {
-            return _onChange('color', val);
-          },
-          label: "Fill color"
-        })]
-      }), /*#__PURE__*/jsx("div", {
-        className: styles.item,
-        children: /*#__PURE__*/jsxs(FormControl, {
-          className: classes.formControl,
-          children: [/*#__PURE__*/jsx(InputLabel, {
-            htmlFor: "dashStyle",
-            children: "Line Style"
-          }), /*#__PURE__*/jsxs(Select, {
-            value: traceSettings.dashStyle,
-            onChange: function onChange(e) {
-              return _onChange('dashStyle', e.target.value);
-            },
-            inputProps: {
-              name: 'dashStyle'
-            },
-            classes: {
-              select: classes.lineSelect
-            },
-            children: [/*#__PURE__*/jsx(StyledMenuItem, {
-              value: "Solid",
-              children: /*#__PURE__*/jsx("span", {
-                className: classNames(styles.line)
-              })
-            }, "Line"), /*#__PURE__*/jsx(StyledMenuItem, {
-              value: "Dot",
-              children: /*#__PURE__*/jsx("span", {
-                className: classNames(styles.line, styles.dotted)
-              })
-            }, "Dotted"), /*#__PURE__*/jsx(StyledMenuItem, {
-              value: "Dash",
-              children: /*#__PURE__*/jsx("span", {
-                className: classNames(styles.line, styles.dashed)
-              })
-            }, "Dashed")]
-          })]
-        })
-      }), /*#__PURE__*/jsx("div", {
-        className: styles.item,
-        children: /*#__PURE__*/jsx(FormControl, {
-          children: /*#__PURE__*/jsx(FormControlLabel, {
-            control: /*#__PURE__*/jsx(Checkbox, {
-              checked: traceSettings.autoScale,
-              color: "primary",
-              onChange: function onChange(e) {
-                return _onChange('autoScale', e.target.checked);
-              },
-              value: "autoScale"
-            }),
-            label: "Auto Scale"
-          })
-        })
-      }), !traceSettings.autoScale && /*#__PURE__*/jsxs("div", {
-        className: styles.scales,
-        children: [/*#__PURE__*/jsx(TextField, {
-          label: "Min Value",
-          type: "number",
-          value: traceSettings.scaleMin,
-          onChange: function onChange(e) {
-            return _onChange('scaleMin', e.target.value);
-          },
-          InputLabelProps: {
-            shrink: true
-          },
-          defaultValue: ""
-        }), /*#__PURE__*/jsx(TextField, {
-          label: "Max Value",
-          type: "number",
-          value: traceSettings.scaleMax,
-          onChange: function onChange(e) {
-            return _onChange('scaleMax', e.target.value);
-          },
-          InputLabelProps: {
-            shrink: true
-          },
-          defaultValue: ""
-        })]
-      })]
-    })]
-  });
-};
-
-TraceSettings.propTypes = {
-  traceSettings: PropTypes.shape({
-    lineWidth: PropTypes.number,
-    scaleMin: PropTypes.number,
-    scaleMax: PropTypes.number,
-    key: PropTypes.string,
-    color: PropTypes.string,
-    autoScale: PropTypes.bool,
-    dashStyle: PropTypes.string,
-    traceType: PropTypes.string.isRequired
-  }).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 TraceSettings$1 = withStyles({
-  select: {
-    minWidth: 200
-  },
-  lineSelect: {
-    minWidth: 175,
-    display: 'flex',
-    alignItems: 'center'
-  },
-  lineWidth: {
-    width: 64,
-    margin: '0 30px'
-  },
-  colorPicker: {
-    whiteSpace: 'nowrap'
-  },
-  colorPickerBtn: {
-    width: 36,
-    minWidth: 36,
-    height: 24
-  }
-})(TraceSettings);
-
-export default TraceSettings$1;
-//# sourceMappingURL=TraceSettings.js.map
+import e from"prop-types";import a from"classnames";import{toNumber as r}from"lodash";import{withStyles as n,MenuItem as i,FormControl as l,InputLabel as t,Select as s,TextField as c,FormControlLabel as o,Checkbox as u}from"@material-ui/core";import d from"../../ColorPicker/ColorPicker.js";import h from"./TraceSelect.js";import m from"./TraceSettings.css.js";import{jsxs as p,jsx as g,Fragment as v}from"react/jsx-runtime";var y=n({root:{minHeight:35}})(i),f=function(e){var n=e.traceSettings,f=e.onChange,S=e.mapping,b=e.classes;return p("div",{className:m.container,children:[g("div",{className:m.item,children:g(h,{value:n.key,onChange:function(e){return f("key",e)},mapping:S,showLabel:!0})}),n.key&&p(v,{children:[p("div",{className:m.item,children:[p(l,{children:[g(t,{htmlFor:"traceType",children:"Trace Type"}),p(s,{displayEmpty:!0,value:n.traceType,className:b.select,onChange:function(e){return f("traceType",e.target.value)},inputProps:{name:"traceType"},children:[g(i,{value:"line",children:"Line"}),g(i,{value:"numeric",disabled:!0,children:"Numeric"})]})]}),g(c,{label:"Width",type:"number",name:"lineWidth",InputLabelProps:{shrink:!0},InputProps:{inputProps:{min:1,max:5}},className:b.lineWidth,value:n.lineWidth,onChange:function(e){return f("lineWidth",r(e.target.value))}}),g(d,{buttonClassName:b.colorPickerBtn,className:b.colorPicker,value:n.color,onChange:function(e){return f("color",e)},label:"Fill color"})]}),g("div",{className:m.item,children:p(l,{className:b.formControl,children:[g(t,{htmlFor:"dashStyle",children:"Line Style"}),p(s,{value:n.dashStyle,onChange:function(e){return f("dashStyle",e.target.value)},inputProps:{name:"dashStyle"},classes:{select:b.lineSelect},children:[g(y,{value:"Solid",children:g("span",{className:a(m.line)})},"Line"),g(y,{value:"Dot",children:g("span",{className:a(m.line,m.dotted)})},"Dotted"),g(y,{value:"Dash",children:g("span",{className:a(m.line,m.dashed)})},"Dashed")]})]})}),g("div",{className:m.item,children:g(l,{children:g(o,{control:g(u,{checked:n.autoScale,color:"primary",onChange:function(e){return f("autoScale",e.target.checked)},value:"autoScale"}),label:"Auto Scale"})})}),!n.autoScale&&p("div",{className:m.scales,children:[g(c,{label:"Min Value",type:"number",value:n.scaleMin,onChange:function(e){return f("scaleMin",e.target.value)},InputLabelProps:{shrink:!0},defaultValue:""}),g(c,{label:"Max Value",type:"number",value:n.scaleMax,onChange:function(e){return f("scaleMax",e.target.value)},InputLabelProps:{shrink:!0},defaultValue:""})]})]})]})};f.propTypes={traceSettings:e.shape({lineWidth:e.number,scaleMin:e.number,scaleMax:e.number,key:e.string,color:e.string,autoScale:e.bool,dashStyle:e.string,traceType:e.string.isRequired}).isRequired,onChange:e.func.isRequired,classes:e.shape({}).isRequired,mapping:e.arrayOf(e.shape({name:e.string.isRequired,key:e.string.isRequired}).isRequired).isRequired};var S=n({select:{minWidth:200},lineSelect:{minWidth:175,display:"flex",alignItems:"center"},lineWidth:{width:64,margin:"0 30px"},colorPicker:{whiteSpace:"nowrap"},colorPickerBtn:{width:36,minWidth:36,height:24}})(f);export{S as default};

package/components/ParameterCharts/components/Track.css.js

@@ -1,8 +1 @@
-import styleInject from '../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".Track_container__2h0r1 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.Track_vertical___HUek {\n  flex: 1;\n}\n\n.Track_horizontal__dHUK6 {\n  height: 100px;\n  flex-direction: row-reverse;\n  align-items: flex-end;\n  margin-bottom: 16px;\n}\n\n.Track_header__1TSs1 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #272727;\n  transition: background .3s ease-out;\n}\n\n.Track_header__1TSs1:hover {\n  background: #333333;\n}\n\n.Track_title__3OO_A {\n  font-weight: 500;\n  font-size: 14px;\n  text-align: center;\n}\n\n.Track_horizontal__dHUK6 .Track_header__1TSs1 {\n  transform: rotate(180deg);\n  writing-mode: vertical-rl;\n  height: 100px;\n  width: 24px;\n}\n";
-var styles = {"container":"Track_container__2h0r1","vertical":"Track_vertical___HUek","horizontal":"Track_horizontal__dHUK6","header":"Track_header__1TSs1","title":"Track_title__3OO_A"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=Track.css.js.map
+import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var t={container:"Track_container__SUj58",vertical:"Track_vertical__xRbKR",horizontal:"Track_horizontal__NhpDA",header:"Track_header__TuoC-",title:"Track_title__gYuEH"};e(".Track_container__SUj58{align-items:center;display:flex;flex-direction:column}.Track_vertical__xRbKR{flex:1}.Track_horizontal__NhpDA{align-items:flex-end;flex-direction:row-reverse;height:100px;margin-bottom:16px}.Track_header__TuoC-{align-items:center;background:#272727;display:flex;justify-content:center;transition:background .3s ease-out}.Track_header__TuoC-:hover{background:#333}.Track_title__gYuEH{font-size:14px;font-weight:500;text-align:center}.Track_horizontal__NhpDA .Track_header__TuoC-{height:100px;transform:rotate(180deg);width:24px;writing-mode:vertical-rl}");export{t as default};

package/components/ParameterCharts/components/Track.js

@@ -1,142 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { range } from 'lodash';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useContext, useRef, useMemo } from 'react';
-import uuid from 'uuid';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-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';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var 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 default Track;
-//# sourceMappingURL=Track.js.map
+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"./TraceHeader.js";import f from"./ChartContainer.js";import d from"../SettingsContext.js";import l from"../DataContext.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(d),C=x.horizontal,k=x.settingsKey,S=x.settings,w=x.onSettingsChange,D=x.maxTracesCount,T=x.multipleAssets,A=e(l).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(u,{index:r,traceSettings:N.traces[r],onDelete:z,mapping:A,onChange:K,openTrackSettings:q},N.traces[r]?N.traces[r].id:r)})),b(f,{traces:N.traces,trackIndex:P})]})})};O.propTypes={id:c.string,index:c.number.isRequired},O.defaultProps={id:""};export{O as default};

package/components/ParameterCharts/components/TrackSettings.css.js

@@ -1,8 +1 @@
-import styleInject from '../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".TrackSettings_title__2nIa- {\n  margin-top: 25px;\n  margin-bottom: 10px;\n  color: #bdbdbd;\n}\n\n.TrackSettings_tracesContainer__3-fRM {\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 20px;\n  border-top: 1px solid #616161;\n  margin-top: 25px;\n}\n\n.TrackSettings_tracesItem__2Q-YC {\n  display: flex;\n  align-items: flex-end;\n  border-bottom: 1px solid #616161;\n  padding: 0 10px 10px;\n  position: relative;\n}\n\n.TrackSettings_colorPicker__1R22C {\n  margin: 0 50px 0 36px;\n}\n\n.TrackSettings_actions__2uPri {\n  display: flex;\n  width: 100%;\n  justify-content: flex-end;\n}\n\n.TrackSettings_modalTitle__3LKeJ {\n  color: #fff;\n  font-size: 20px;\n}\n\n.TrackSettings_trackTitle__25nH- {\n  cursor: pointer;\n  color: #03BCD4;\n  font-size: 13px;\n}\n\n";
-var styles = {"title":"TrackSettings_title__2nIa-","tracesContainer":"TrackSettings_tracesContainer__3-fRM","tracesItem":"TrackSettings_tracesItem__2Q-YC","colorPicker":"TrackSettings_colorPicker__1R22C","actions":"TrackSettings_actions__2uPri","modalTitle":"TrackSettings_modalTitle__3LKeJ","trackTitle":"TrackSettings_trackTitle__25nH-"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=TrackSettings.css.js.map
+import t from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var e={title:"TrackSettings_title__k02I4",tracesContainer:"TrackSettings_tracesContainer__6hEW3",tracesItem:"TrackSettings_tracesItem__a8By8",colorPicker:"TrackSettings_colorPicker__wTFrM",actions:"TrackSettings_actions__aS7GU",modalTitle:"TrackSettings_modalTitle__FL7Nv",trackTitle:"TrackSettings_trackTitle__3Ibwu"};t(".TrackSettings_title__k02I4{color:#bdbdbd;margin-bottom:10px;margin-top:25px}.TrackSettings_tracesContainer__6hEW3{border-top:1px solid #616161;display:flex;flex-direction:column;margin-top:25px;padding-bottom:20px}.TrackSettings_tracesItem__a8By8{align-items:flex-end;border-bottom:1px solid #616161;display:flex;padding:0 10px 10px;position:relative}.TrackSettings_colorPicker__wTFrM{margin:0 50px 0 36px}.TrackSettings_actions__aS7GU{display:flex;justify-content:flex-end;width:100%}.TrackSettings_modalTitle__FL7Nv{color:#fff;font-size:20px}.TrackSettings_trackTitle__3Ibwu{color:#03bcd4;cursor:pointer;font-size:13px}");export{e as default};

package/components/ParameterCharts/components/TrackSettings.js

@@ -1,255 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { withStyles, Grid, FormControl, TextField, IconButton, Button } from '@material-ui/core';
-import { useState } from 'react';
-import uuid from 'uuid';
-import PropTypes from 'prop-types';
-import Modal from '../../Modal/index.js';
-import { MAX_TRACE_COUNT, DEFAULT_TRACE_SETTINGS } from '../constants.js';
-import NavigateNextIcon from '@material-ui/icons/NavigateNext';
-import AddIcon from '@material-ui/icons/Add';
-import ColorPicker from '../../ColorPicker/ColorPicker.js';
-import TraceSelect from './TraceSelect.js';
-import TraceSettings from './TraceSettings.js';
-import styles from './TrackSettings.css.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var 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 default TrackSettings$1;
-//# sourceMappingURL=TrackSettings.js.map
+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 f from"../../ColorPicker/ColorPicker.js";import h from"../../Modal/index.js";import g from"./TraceSettings.js";import v from"./TraceSelect.js";import{MAX_TRACE_COUNT as b,DEFAULT_TRACE_SETTINGS as y}from"../constants.js";import k from"./TrackSettings.css.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],x=n(),A=t(x,2),E=A[0],I=A[1],z=T&&T.length>b,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:k.title,children:"Traces: "}),T&&!!T.length&&O("div",{className:k.tracesContainer,children:T.map((function(e,t){var n=e.id,i=e.key,a=e.color;return N("div",{className:k.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:k.colorPicker,children:O(f,{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()},y)])):P("traces",[C({id:a()},y)])},children:[O(d,{}),O("span",{children:"Add Trace"})]}),O(h,{open:R,title:N("div",{className:k.modalTitle,children:[N("span",{className:k.trackTitle,onClick:L,children:["Track Settings /"," "]}),E&&E.name||"Empty Trace"]}),actions:N("div",{className:k.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};

package/components/ParameterCharts/constants.js

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