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

package/components/ParameterCharts/components/TraceHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceHeader.js","sources":["../../../../src/components/ParameterCharts/components/TraceHeader.js"],"sourcesContent":["import { useContext, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { get, isEqual, last } from 'lodash';\nimport AddIcon from '@material-ui/icons/Add';\n\nimport { withStyles, Button, Tooltip } from '@material-ui/core';\n\nimport Modal from '~/components/Modal';\nimport { getUnitDisplay } from '~/utils/convert';\n\nimport TraceSettings from './TraceSettings';\n\nimport SettingsContext from '../SettingsContext';\nimport DataContext from '../DataContext';\n\nimport { DEFAULT_TRACE_SETTINGS, MAX_TRACE_COUNT } from '../constants';\n\nimport styles from './TraceHeader.css';\n\nconst round = val => {\n  return Number.isFinite(val) ? Math.round(val * 100) / 100 : '-';\n}\n\nconst TraceHeader = ({\n  onChange,\n  onDelete,\n  traceSettings,\n  classes,\n  mapping,\n  index,\n  openTrackSettings,\n}) => {\n  const [isSettingsVisible, setIsSettingsVisible] = useState(false);\n  const [isAddingTraceInProgress, setIsAddingTraceInProgress] = useState(false);\n  const [isAddTraceVisible, setIsAddTraceVisible] = useState(false);\n  const [currentSettings, setCurrentSettings] = useState(traceSettings);\n  const [newTraceSettings, setNewTraceSettings] = useState(DEFAULT_TRACE_SETTINGS);\n  const { horizontal, maxTracesCount } = useContext(SettingsContext);\n  const { parsedData } = useContext(DataContext);\n  const timer = useRef();\n\n  const { min, max, data } = get(\n    parsedData,\n    traceSettings && `${traceSettings.collection}.${traceSettings.key}`,\n    {}\n  );\n  const showMinimalInfo = maxTracesCount >= 5;\n\n  const onSettingsChange = (key, value) => {\n    const [settings, setSettings] = isAddingTraceInProgress\n      ? [newTraceSettings, setNewTraceSettings]\n      : [currentSettings, setCurrentSettings];\n    if (key === 'key') {\n      // Trace change\n      const mappingData = mapping.find(item => item.key === value);\n      setSettings({\n        ...settings,\n        [key]: value,\n        ...mappingData,\n      });\n    } else {\n      setSettings({\n        ...settings,\n        [key]: value,\n      });\n    }\n  };\n\n  const onSave = () => {\n    onChange(isAddingTraceInProgress ? newTraceSettings : currentSettings);\n    setIsSettingsVisible(false);\n    setIsAddingTraceInProgress(false);\n    setNewTraceSettings(DEFAULT_TRACE_SETTINGS);\n  };\n\n  const autoHideAddingTrraces = () => {\n    clearTimeout(timer.current);\n    timer.current = setTimeout(() => {\n      setIsAddTraceVisible(false);\n    }, 1000);\n  };\n\n  const deleteTrace = () => {\n    onDelete(traceSettings.id);\n    setIsSettingsVisible(false);\n  };\n\n  const addNewTrace = () => {\n    setIsAddingTraceInProgress(true);\n    setIsSettingsVisible(true);\n  };\n\n  const onSettingsClose = () => {\n    setIsSettingsVisible(false);\n    setIsAddingTraceInProgress(false);\n    setNewTraceSettings(DEFAULT_TRACE_SETTINGS);\n  };\n\n  const isEpmty = !traceSettings || !traceSettings.name;\n\n  const isLastTrace = index === maxTracesCount - 1;\n\n  const isTracesLimitReached = maxTracesCount >= MAX_TRACE_COUNT;\n\n  const isSaveDisabled = isAddingTraceInProgress\n    ? !newTraceSettings.key\n    : isEqual(traceSettings, currentSettings);\n\n  const onTrackClick = () => {\n    onSave();\n    openTrackSettings();\n  };\n\n  const actualValue = data ? round(get(last(data), 1, '-')) : '-';\n  \n  return (\n    <div\n      onMouseEnter={() => setIsAddTraceVisible(true)}\n      onMouseLeave={autoHideAddingTrraces}\n      className={classNames(styles.container, {\n        [styles.horizontal]: horizontal,\n      })}\n    >\n      <Tooltip\n        title={\n          showMinimalInfo && !isEpmty ? (\n            <p>\n              {traceSettings.name}: <br /> {actualValue} (\n              {getUnitDisplay(traceSettings.unitType) || traceSettings.unit})\n            </p>\n          ) : (\n            ''\n          )\n        }\n      >\n        <div\n          className={classNames(styles.header, {\n            [styles.horizontal]: horizontal,\n            [styles.vertical]: !horizontal,\n            [styles.last]: isLastTrace,\n            [styles.minimal]: showMinimalInfo,\n          })}\n          onClick={() => setIsSettingsVisible(true)}\n        >\n          {isEpmty && (\n            <div className={styles.empty}>\n              <AddIcon color=\"primary\" fontSize=\"small\" />\n            </div>\n          )}\n          {!isEpmty && (\n            <>\n              {!showMinimalInfo && (\n                <span className={styles.unit}>\n                  {traceSettings.name} ({getUnitDisplay(traceSettings.unitType) || traceSettings.unit})\n                </span>\n              )}\n              <span className={styles.current}>{actualValue}</span>\n              <div className={styles.values}>\n                <span className={styles.min}>\n                  {!traceSettings.autoScale && Number.isFinite(traceSettings.scaleMin)\n                    ? traceSettings.scaleMin\n                    : round(min)}\n                </span>\n                <span className={styles.max}>\n                  {!traceSettings.autoScale && Number.isFinite(traceSettings.scaleMax)\n                    ? traceSettings.scaleMax\n                    : round(max)}\n                </span>\n              </div>\n              <div\n                className={styles.line}\n                style={{\n                  borderColor: traceSettings.color,\n                  borderStyle: traceSettings.dashStyle,\n                }}\n              />\n            </>\n          )}\n        </div>\n      </Tooltip>\n      {isLastTrace && !isEpmty && isAddTraceVisible && !isTracesLimitReached && (\n        <div\n          className={styles.addTrace}\n          onClick={addNewTrace}\n          onMouseLeave={autoHideAddingTrraces}\n          onMouseEnter={() => clearTimeout(timer.current)}\n        >\n          <AddIcon color=\"primary\" fontSize=\"small\" />\n        </div>\n      )}\n      <Modal\n        open={isSettingsVisible}\n        title={\n          <div className={styles.modalTitle}>\n            <span className={styles.trackTitle} onClick={onTrackClick}>\n              Track Settings /{' '}\n            </span>\n            {traceSettings.name || 'Empty Trace'}\n          </div>\n        }\n        actions={\n          <div className={styles.actions}>\n            <Button\n              className={classes.button}\n              color=\"primary\"\n              onClick={deleteTrace}\n              disabled={!traceSettings || !traceSettings.id}\n            >\n              Delete Trace\n            </Button>\n            <Button className={classes.button} color=\"primary\" onClick={onSettingsClose}>\n              Cancel\n            </Button>\n            <Button\n              className={classes.button}\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={onSave}\n              disabled={isSaveDisabled}\n            >\n              Save\n            </Button>\n          </div>\n        }\n      >\n        <TraceSettings\n          traceSettings={isAddingTraceInProgress ? newTraceSettings : currentSettings}\n          onChange={onSettingsChange}\n          mapping={mapping}\n        />\n      </Modal>\n    </div>\n  );\n};\n\nTraceHeader.propTypes = {\n  onChange: PropTypes.func.isRequired,\n  onDelete: PropTypes.func.isRequired,\n  openTrackSettings: PropTypes.func,\n  classes: PropTypes.shape({}).isRequired,\n  traceSettings: PropTypes.shape({\n    name: PropTypes.string,\n    key: PropTypes.string,\n    id: PropTypes.string,\n    unit: PropTypes.string,\n    unitType: PropTypes.string,\n    autoScale: PropTypes.bool,\n    scaleMin: PropTypes.string,\n    scaleMax: PropTypes.string,\n    color: PropTypes.string,\n    dashStyle: PropTypes.string,\n    collection: PropTypes.string,\n  }),\n  mapping: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      key: PropTypes.string.isRequired,\n    }).isRequired\n  ).isRequired,\n  index: PropTypes.number.isRequired,\n};\n\nTraceHeader.defaultProps = {\n  traceSettings: DEFAULT_TRACE_SETTINGS,\n  openTrackSettings: () => {},\n};\n\nexport default withStyles({\n  button: { fontSize: 14, marginLeft: 20 },\n})(TraceHeader);\n"],"names":["round","val","Number","isFinite","Math","TraceHeader","onChange","onDelete","traceSettings","classes","mapping","index","openTrackSettings","useState","isSettingsVisible","setIsSettingsVisible","isAddingTraceInProgress","setIsAddingTraceInProgress","isAddTraceVisible","setIsAddTraceVisible","currentSettings","setCurrentSettings","DEFAULT_TRACE_SETTINGS","newTraceSettings","setNewTraceSettings","useContext","SettingsContext","horizontal","maxTracesCount","DataContext","parsedData","timer","useRef","get","collection","key","min","max","data","showMinimalInfo","onSettingsChange","value","settings","setSettings","mappingData","find","item","onSave","autoHideAddingTrraces","clearTimeout","current","setTimeout","deleteTrace","id","addNewTrace","onSettingsClose","isEpmty","name","isLastTrace","isTracesLimitReached","MAX_TRACE_COUNT","isSaveDisabled","isEqual","onTrackClick","actualValue","last","_jsxs","classNames","styles","container","_jsx","getUnitDisplay","unitType","unit","header","vertical","minimal","empty","values","autoScale","scaleMin","scaleMax","line","borderColor","color","borderStyle","dashStyle","addTrace","modalTitle","trackTitle","actions","button","propTypes","PropTypes","func","isRequired","shape","string","bool","arrayOf","number","defaultProps","withStyles","fontSize","marginLeft"],"mappings":"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"}

package/components/ParameterCharts/components/TraceSelect.js

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

package/components/ParameterCharts/components/TraceSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceSelect.js","sources":["../../../../src/components/ParameterCharts/components/TraceSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport { FormControl, Select, InputLabel, MenuItem, withStyles } from '@material-ui/core';\n\nconst TraceSelect = ({ value, onChange, mapping, classes, showLabel }) => {\n  // eslint-disable-next-line no-nested-ternary\n  const label = showLabel ? 'Trace Name' : value ? '' : 'Choose a trace';\n  return (\n    <FormControl>\n      <InputLabel htmlFor=\"traceKey\">{label}</InputLabel>\n      <Select\n        displayEmpty\n        value={value}\n        className={classes.select}\n        onChange={e => onChange(e.target.value)}\n        inputProps={{\n          name: 'traceKey',\n        }}\n      >\n        {mapping &&\n          mapping.map(({ key, name }) => (\n            <MenuItem key={key} value={key}>\n              {name}\n            </MenuItem>\n          ))}\n      </Select>\n    </FormControl>\n  );\n};\n\nTraceSelect.propTypes = {\n  value: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  showLabel: PropTypes.bool,\n  mapping: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      key: PropTypes.string.isRequired,\n    }).isRequired\n  ),\n};\n\nTraceSelect.defaultProps = {\n  value: '',\n  showLabel: false\n};\n\nexport default withStyles({\n  select: {\n    width: 200,\n  },\n})(TraceSelect);\n"],"names":["TraceSelect","value","onChange","mapping","classes","showLabel","label","_jsxs","_jsx","select","e","target","name","map","key","propTypes","PropTypes","string","isRequired","func","shape","bool","arrayOf","defaultProps","withStyles","width"],"mappings":";;;;AAIA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAAsD;AAAA,MAAnDC,KAAmD,QAAnDA,KAAmD;AAAA,MAA5CC,SAA4C,QAA5CA,QAA4C;AAAA,MAAlCC,OAAkC,QAAlCA,OAAkC;AAAA,MAAzBC,OAAyB,QAAzBA,OAAyB;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;AACxE;AACA,MAAMC,KAAK,GAAGD,SAAS,GAAG,YAAH,GAAkBJ,KAAK,GAAG,EAAH,GAAQ,gBAAtD;AACA,sBACEM,KAAC,WAAD;AAAA,4BACEC,IAAC,UAAD;AAAY,MAAA,OAAO,EAAC,UAApB;AAAA,gBAAgCF;AAAhC,MADF,eAEEE,IAAC,MAAD;AACE,MAAA,YAAY,MADd;AAEE,MAAA,KAAK,EAAEP,KAFT;AAGE,MAAA,SAAS,EAAEG,OAAO,CAACK,MAHrB;AAIE,MAAA,QAAQ,EAAE,kBAAAC,CAAC;AAAA,eAAIR,SAAQ,CAACQ,CAAC,CAACC,MAAF,CAASV,KAAV,CAAZ;AAAA,OAJb;AAKE,MAAA,UAAU,EAAE;AACVW,QAAAA,IAAI,EAAE;AADI,OALd;AAAA,gBASGT,OAAO,IACNA,OAAO,CAACU,GAAR,CAAY;AAAA,YAAGC,GAAH,SAAGA,GAAH;AAAA,YAAQF,IAAR,SAAQA,IAAR;AAAA,4BACVJ,IAAC,QAAD;AAAoB,UAAA,KAAK,EAAEM,GAA3B;AAAA,oBACGF;AADH,WAAeE,GAAf,CADU;AAAA,OAAZ;AAVJ,MAFF;AAAA,IADF;AAqBD,CAxBD;;AA0BAd,WAAW,CAACe,SAAZ,GAAwB;AACtBd,EAAAA,KAAK,EAAEe,SAAS,CAACC,MAAV,CAAiBC,UADF;AAEtBhB,EAAAA,QAAQ,EAAEc,SAAS,CAACG,IAAV,CAAeD,UAFH;AAGtBd,EAAAA,OAAO,EAAEY,SAAS,CAACI,KAAV,CAAgB,EAAhB,EAAoBF,UAHP;AAItBb,EAAAA,SAAS,EAAEW,SAAS,CAACK,IAJC;AAKtBlB,EAAAA,OAAO,EAAEa,SAAS,CAACM,OAAV,CACPN,SAAS,CAACI,KAAV,CAAgB;AACdR,IAAAA,IAAI,EAAEI,SAAS,CAACC,MAAV,CAAiBC,UADT;AAEdJ,IAAAA,GAAG,EAAEE,SAAS,CAACC,MAAV,CAAiBC;AAFR,GAAhB,EAGGA,UAJI;AALa,CAAxB;AAaAlB,WAAW,CAACuB,YAAZ,GAA2B;AACzBtB,EAAAA,KAAK,EAAE,EADkB;AAEzBI,EAAAA,SAAS,EAAE;AAFc,CAA3B;AAKA,oBAAemB,UAAU,CAAC;AACxBf,EAAAA,MAAM,EAAE;AACNgB,IAAAA,KAAK,EAAE;AADD;AADgB,CAAD,CAAV,CAIZzB,WAJY,CAAf;;;;"}

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

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

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

package/components/ParameterCharts/components/TraceSettings.js

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

package/components/ParameterCharts/components/TraceSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceSettings.js","sources":["../../../../src/components/ParameterCharts/components/TraceSettings.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { toNumber } from 'lodash';\n\nimport {\n  withStyles,\n  FormControl,\n  InputLabel,\n  FormControlLabel,\n  Select,\n  MenuItem,\n  TextField,\n  Checkbox,\n} from '@material-ui/core';\n\nimport ColorPicker from '~/components/ColorPicker';\n\nimport TraceSelect from './TraceSelect';\n\nimport styles from './TraceSettings.css';\n\nconst StyledMenuItem = withStyles({\n  root: {\n    minHeight: 35,\n  },\n})(MenuItem);\n\nconst TraceSettings = ({ traceSettings, onChange, mapping, classes }) => {\n  return (\n    <div className={styles.container}>\n      <div className={styles.item}>\n        <TraceSelect\n          value={traceSettings.key}\n          onChange={val => onChange('key', val)}\n          mapping={mapping}\n          showLabel\n        />\n      </div>\n      {traceSettings.key && (\n        <>\n          <div className={styles.item}>\n            <FormControl>\n              <InputLabel htmlFor=\"traceType\">Trace Type</InputLabel>\n              <Select\n                displayEmpty\n                value={traceSettings.traceType}\n                className={classes.select}\n                onChange={e => onChange('traceType', e.target.value)}\n                inputProps={{\n                  name: 'traceType',\n                }}\n              >\n                <MenuItem value=\"line\">Line</MenuItem>\n                <MenuItem value=\"numeric\" disabled>\n                  Numeric\n                </MenuItem>\n              </Select>\n            </FormControl>\n            <TextField\n              label=\"Width\"\n              type=\"number\"\n              name=\"lineWidth\"\n              InputLabelProps={{\n                shrink: true,\n              }}\n              InputProps={{ inputProps: { min: 1, max: 5 } }}\n              className={classes.lineWidth}\n              value={traceSettings.lineWidth}\n              onChange={e => onChange('lineWidth', toNumber(e.target.value))}\n            />\n            <ColorPicker\n              buttonClassName={classes.colorPickerBtn}\n              className={classes.colorPicker}\n              value={traceSettings.color}\n              onChange={val => onChange('color', val)}\n              label=\"Fill color\"\n            />\n          </div>\n          <div className={styles.item}>\n            <FormControl className={classes.formControl}>\n              <InputLabel htmlFor=\"dashStyle\">Line Style</InputLabel>\n              <Select\n                value={traceSettings.dashStyle}\n                onChange={e => onChange('dashStyle', e.target.value)}\n                inputProps={{\n                  name: 'dashStyle',\n                }}\n                classes={{\n                  select: classes.lineSelect,\n                }}\n              >\n                <StyledMenuItem key=\"Line\" value=\"Solid\">\n                  <span className={classNames(styles.line)} />\n                </StyledMenuItem>\n                <StyledMenuItem key=\"Dotted\" value=\"Dot\">\n                  <span className={classNames(styles.line, styles.dotted)} />\n                </StyledMenuItem>\n                <StyledMenuItem key=\"Dashed\" value=\"Dash\">\n                  <span className={classNames(styles.line, styles.dashed)} />\n                </StyledMenuItem>\n              </Select>\n            </FormControl>\n          </div>\n          <div className={styles.item}>\n            <FormControl>\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    checked={traceSettings.autoScale}\n                    color=\"primary\"\n                    onChange={e => onChange('autoScale', e.target.checked)}\n                    value=\"autoScale\"\n                  />\n                }\n                label=\"Auto Scale\"\n              />\n            </FormControl>\n          </div>\n\n          {!traceSettings.autoScale && (\n            <div className={styles.scales}>\n              <TextField\n                label=\"Min Value\"\n                type=\"number\"\n                value={traceSettings.scaleMin}\n                onChange={e => onChange('scaleMin', e.target.value)}\n                InputLabelProps={{\n                  shrink: true,\n                }}\n                defaultValue=\"\"\n              />\n              <TextField\n                label=\"Max Value\"\n                type=\"number\"\n                value={traceSettings.scaleMax}\n                onChange={e => onChange('scaleMax', e.target.value)}\n                InputLabelProps={{\n                  shrink: true,\n                }}\n                defaultValue=\"\"\n              />\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nTraceSettings.propTypes = {\n  traceSettings: PropTypes.shape({\n    lineWidth: PropTypes.number,\n    scaleMin: PropTypes.number,\n    scaleMax: PropTypes.number,\n    key: PropTypes.string,\n    color: PropTypes.string,\n    autoScale: PropTypes.bool,\n    dashStyle: PropTypes.string,\n    traceType: PropTypes.string.isRequired,\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({\n  select: {\n    minWidth: 200,\n  },\n  lineSelect: {\n    minWidth: 175,\n    display: 'flex',\n    alignItems: 'center',\n  },\n  lineWidth: {\n    width: 64,\n    margin: '0 30px',\n  },\n  colorPicker: {\n    whiteSpace: 'nowrap',\n  },\n  colorPickerBtn: {\n    width: 36,\n    minWidth: 36,\n    height: 24,\n  },\n})(TraceSettings);\n"],"names":["StyledMenuItem","withStyles","root","minHeight","MenuItem","TraceSettings","traceSettings","onChange","mapping","classes","_jsxs","styles","container","_jsx","item","key","val","traceType","select","e","target","value","name","shrink","inputProps","min","max","lineWidth","toNumber","colorPickerBtn","colorPicker","color","formControl","dashStyle","lineSelect","classNames","line","dotted","dashed","autoScale","checked","scales","scaleMin","scaleMax","propTypes","PropTypes","shape","number","string","bool","isRequired","func","arrayOf","minWidth","display","alignItems","width","margin","whiteSpace","height"],"mappings":"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"}

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

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

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

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

package/components/ParameterCharts/components/Track.js

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

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';\n\nimport AddEditTrack from '../AddEditTrack';\nimport TraceHeader from './TraceHeader';\nimport ChartContainer from './ChartContainer';\n\nimport SettingsContext from '../SettingsContext';\nimport DataContext from '../DataContext';\n\nimport styles from './Track.css';\n\nconst Track = ({ id, index }) => {\n  const {\n    horizontal,\n    settingsKey,\n    settings,\n    onSettingsChange,\n    maxTracesCount,\n    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","_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.css.js

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

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

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