@corva/ui 3.73.0-6 → 3.73.0-8

package/components/ParameterCharts/AddEditTrack.d.ts

@@ -1,15 +1,15 @@
 import PropTypes from 'prop-types';
 import './AddEditTrack.css';
-declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
+declare const _default: import("react").ComponentType<Pick<Pick<{
     children: any;
     classes: any;
-    id: any;
+    id?: string | undefined;
     mapping: any;
-    multipleAssets: any;
+    multipleAssets?: boolean | undefined;
     onSettingsChange: any;
-    settings: any;
-    settingsKey: any;
-}, never> & Pick<PropTypes.InferProps<{
+    settings?: {} | undefined;
+    settingsKey?: string | undefined;
+}, "id" | "multipleAssets" | "settings" | "settingsKey"> & Pick<PropTypes.InferProps<{
     settingsKey: PropTypes.Requireable<string>;
     multipleAssets: PropTypes.Requireable<boolean>;
     settings: PropTypes.Requireable<PropTypes.InferProps<{}>>;
@@ -20,7 +20,7 @@ declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
         name: PropTypes.Validator<string>;
         key: PropTypes.Validator<string>;
     }>>[]>;
-}>, "id" | "multipleAssets" | "settings" | "settingsKey" | PropTypes.RequiredKeys<{
+}>, PropTypes.RequiredKeys<{
     settingsKey: PropTypes.Requireable<string>;
     multipleAssets: PropTypes.Requireable<boolean>;
     settings: PropTypes.Requireable<PropTypes.InferProps<{}>>;
@@ -34,29 +34,13 @@ declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
 }>> & Pick<{
     children: any;
     classes: any;
-    id: any;
+    id?: string | undefined;
     mapping: any;
-    multipleAssets: any;
+    multipleAssets?: boolean | undefined;
     onSettingsChange: any;
-    settings: any;
-    settingsKey: any;
-}, "classes">, "classes" | PropTypes.RequiredKeys<{
-    settingsKey: PropTypes.Requireable<string>;
-    multipleAssets: PropTypes.Requireable<boolean>;
-    settings: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-    onSettingsChange: PropTypes.Validator<(...args: any[]) => any>;
-    children: PropTypes.Validator<PropTypes.ReactElementLike>;
-    id: PropTypes.Requireable<string>;
-    mapping: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-        name: PropTypes.Validator<string>;
-        key: PropTypes.Validator<string>;
-    }>>[]>;
-}>> & {
-    settingsKey?: string | null | undefined;
-    multipleAssets?: boolean | null | undefined;
-    settings?: PropTypes.InferProps<{}> | null | undefined;
-    id?: string | null | undefined;
-} & {}, "id" | "multipleAssets" | "settings" | "settingsKey" | PropTypes.RequiredKeys<{
+    settings?: {} | undefined;
+    settingsKey?: string | undefined;
+}, "classes">, "id" | "multipleAssets" | "settings" | "settingsKey" | PropTypes.RequiredKeys<{
     settingsKey: PropTypes.Requireable<string>;
     multipleAssets: PropTypes.Requireable<boolean>;
     settings: PropTypes.Requireable<PropTypes.InferProps<{}>>;

package/components/ParameterCharts/AddEditTrack.js

@@ -1,2 +1,2 @@
-import t from"@babel/runtime/helpers/toConsumableArray";import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as n,useEffect as i}from"react";import o from"prop-types";import s from"uuid/v1";import{withStyles as c,Button as a}from"@material-ui/core";import p from"./components/TrackSettings.js";import l from"./components/SingleChannelTrackSettings.js";import{DEFAULT_TRACK_SETTINGS as m,SETTINGS_KEY as u}from"./constants.js";import d from"../Modal/Modal.js";import"./AddEditTrack.css.js";import{jsxs as f,Fragment as g,jsx as b}from"react/jsx-runtime";function y(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function h(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?y(Object(n),!0).forEach((function(r){e(t,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var O=function(o){var c=o.children,u=o.classes,y=o.id,O=o.settings,j=o.onSettingsChange,k=o.settingsKey,v=o.mapping,C=o.multipleAssets,S=n(!1),P=r(S,2),T=P[0],A=P[1],D=n(m),q=r(D,2),w=q[0],R=q[1],E=function(t,r){R(h(h({},w),{},e({},t,r)))};i((function(){var t=y?O[k].find((function(t){return t.id===y})):m;R(t)}),[O,k,y]);return f(g,{children:[b("div",{className:u.link,onClick:y?function(){return A(!0)}:function(){j(h(h({},O),{},e({},k,[].concat(t(O&&O[k]||[]),[h(h({},w),{},{id:s()})])))),R(m)},children:c}),b(d,{open:T,title:"Track Settings",actions:f("div",{className:"c-pc-track-setting-actions",children:[y&&b(a,{className:u.button,color:"primary",onClick:function(){var t=O[k].filter((function(t){return t.id!==y}));j(h(h({},O),{},e({},k,t))),A(!1)},children:"Delete Track"}),b(a,{"data-testid":"".concat("DC_AddEditTrack","_cancel"),className:u.button,color:"primary",onClick:function(){var t=y?O[k].find((function(t){return t.id===y})):m;R(t),A(!1)},children:"Cancel"}),b(a,{"data-testid":"".concat("DC_AddEditTrack","_save"),className:u.button,variant:"contained",color:"primary",onClick:function(){var t=O[k].map((function(t){return t.id===y?w:t}));j(h(h({},O),{},e({},k,t))),A(!1)},children:"Save"})]}),children:C?b(l,{trackSettings:w,onChange:E,mapping:v}):b(p,{settings:w,onChange:E,mapping:v})})]})};O.propTypes={settingsKey:o.string,multipleAssets:o.bool,settings:o.shape({}),onSettingsChange:o.func.isRequired,children:o.element.isRequired,id:o.string,mapping:o.arrayOf(o.shape({name:o.string.isRequired,key:o.string.isRequired}).isRequired).isRequired},O.defaultProps={id:"",settingsKey:u,settings:{},multipleAssets:!1};var j=c({link:{cursor:"pointer"},button:{fontSize:14,marginLeft:20}})(O);export{j as default};
+import t from"@babel/runtime/helpers/toConsumableArray";import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as n,useEffect as i}from"react";import o from"prop-types";import c from"uuid/v1";import{withStyles as a,Button as s}from"@material-ui/core";import p from"./components/TrackSettings.js";import l from"./components/SingleChannelTrackSettings.js";import{DEFAULT_TRACK_SETTINGS as m,SETTINGS_KEY as d}from"./constants.js";import u from"../Modal/Modal.js";import"./AddEditTrack.css.js";import{jsxs as f,Fragment as g,jsx as b}from"react/jsx-runtime";function h(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function y(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?h(Object(n),!0).forEach((function(r){e(t,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var v=function(o){var a=o.children,d=o.classes,h=o.id,v=void 0===h?"":h,k=o.settings,C=void 0===k?j:k,S=o.onSettingsChange,P=o.settingsKey,T=void 0===P?O:P,A=o.mapping,D=o.multipleAssets,q=void 0!==D&&D,w=n(!1),R=r(w,2),E=R[0],N=R[1],_=n(m),x=r(_,2),K=x[0],M=x[1],z=function(t,r){M(y(y({},K),{},e({},t,r)))};i((function(){var t=v?C[T].find((function(t){return t.id===v})):m;M(t)}),[C,T,v]);return f(g,{children:[b("div",{className:d.link,onClick:v?function(){return N(!0)}:function(){S(y(y({},C),{},e({},T,[].concat(t(C&&C[T]||[]),[y(y({},K),{},{id:c()})])))),M(m)},children:a}),b(u,{open:E,title:"Track Settings",actions:f("div",{className:"c-pc-track-setting-actions",children:[v&&b(s,{className:d.button,color:"primary",onClick:function(){var t=C[T].filter((function(t){return t.id!==v}));S(y(y({},C),{},e({},T,t))),N(!1)},children:"Delete Track"}),b(s,{"data-testid":"".concat("DC_AddEditTrack","_cancel"),className:d.button,color:"primary",onClick:function(){var t=v?C[T].find((function(t){return t.id===v})):m;M(t),N(!1)},children:"Cancel"}),b(s,{"data-testid":"".concat("DC_AddEditTrack","_save"),className:d.button,variant:"contained",color:"primary",onClick:function(){var t=C[T].map((function(t){return t.id===v?K:t}));S(y(y({},C),{},e({},T,t))),N(!1)},children:"Save"})]}),children:q?b(l,{trackSettings:K,onChange:z,mapping:A}):b(p,{settings:K,onChange:z,mapping:A})})]})};v.propTypes={settingsKey:o.string,multipleAssets:o.bool,settings:o.shape({}),onSettingsChange:o.func.isRequired,children:o.element.isRequired,id:o.string,mapping:o.arrayOf(o.shape({name:o.string.isRequired,key:o.string.isRequired}).isRequired).isRequired};var O=d,j={},k=a({link:{cursor:"pointer"},button:{fontSize:14,marginLeft:20}})(v);export{k as default};
 //# sourceMappingURL=AddEditTrack.js.map

package/components/ParameterCharts/AddEditTrack.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddEditTrack.js","sources":["../../../src/components/ParameterCharts/AddEditTrack.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport uuidV1 from 'uuid/v1';\nimport { withStyles, Button } from '@material-ui/core';\n\nimport TrackSettings from './components/TrackSettings';\nimport SingleChannelTrackSettings from './components/SingleChannelTrackSettings';\nimport { DEFAULT_TRACK_SETTINGS, SETTINGS_KEY } from './constants';\n\nimport Modal from '~/components/Modal';\n\nimport './AddEditTrack.css';\n\nconst PAGE_NAME = 'DC_AddEditTrack';\n\nconst AddEditTrack = ({\n  children,\n  classes,\n  id,\n  settings,\n  onSettingsChange,\n  settingsKey,\n  mapping,\n  multipleAssets,\n}) => {\n  const [isTrackSettingsOpen, setIsTrackSettingsOpen] = useState(false);\n  const [currentSettings, setCurrentSettings] = useState(DEFAULT_TRACK_SETTINGS);\n\n  const onSettingChange = (key, val) => {\n    setCurrentSettings({ ...currentSettings, [key]: val });\n  };\n\n  const addTrack = () => {\n    onSettingsChange({\n      ...settings,\n      [settingsKey]: [\n        ...((settings && settings[settingsKey]) || []),\n        {\n          ...currentSettings,\n          id: uuidV1(),\n        },\n      ],\n    });\n    setCurrentSettings(DEFAULT_TRACK_SETTINGS);\n  };\n\n  const removeTrack = () => {\n    const updatedSettings = settings[settingsKey].filter(item => item.id !== id);\n    onSettingsChange({\n      ...settings,\n      [settingsKey]: updatedSettings,\n    });\n    setIsTrackSettingsOpen(false);\n  };\n\n  const onTrackChange = () => {\n    const updatedSettings = settings[settingsKey].map(item =>\n      item.id === id ? currentSettings : item\n    );\n    onSettingsChange({\n      ...settings,\n      [settingsKey]: updatedSettings,\n    });\n    setIsTrackSettingsOpen(false);\n  };\n\n  useEffect(() => {\n    const existingSettings = id\n      ? settings[settingsKey].find(item => item.id === id)\n      : DEFAULT_TRACK_SETTINGS;\n    setCurrentSettings(existingSettings);\n  }, [settings, settingsKey, id]);\n\n  const onCancel = () => {\n    const existingSettings = id\n      ? settings[settingsKey].find(item => item.id === id)\n      : DEFAULT_TRACK_SETTINGS;\n    setCurrentSettings(existingSettings);\n    setIsTrackSettingsOpen(false);\n  };\n\n  return (\n    <>\n      <div className={classes.link} onClick={id ? () => setIsTrackSettingsOpen(true) : addTrack}>\n        {children}\n      </div>\n      <Modal\n        open={isTrackSettingsOpen}\n        title=\"Track Settings\"\n        actions={\n          <div className=\"c-pc-track-setting-actions\">\n            {id && (\n              <Button className={classes.button} color=\"primary\" onClick={removeTrack}>\n                Delete Track\n              </Button>\n            )}\n            <Button\n              data-testid={`${PAGE_NAME}_cancel`}\n              className={classes.button}\n              color=\"primary\"\n              onClick={onCancel}\n            >\n              Cancel\n            </Button>\n            <Button\n              data-testid={`${PAGE_NAME}_save`}\n              className={classes.button}\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={onTrackChange}\n            >\n              Save\n            </Button>\n          </div>\n        }\n      >\n        {multipleAssets ? (\n          <SingleChannelTrackSettings\n            trackSettings={currentSettings}\n            onChange={onSettingChange}\n            mapping={mapping}\n          />\n        ) : (\n          <TrackSettings settings={currentSettings} onChange={onSettingChange} mapping={mapping} />\n        )}\n      </Modal>\n    </>\n  );\n};\n\nAddEditTrack.propTypes = {\n  settingsKey: PropTypes.string,\n  multipleAssets: PropTypes.bool,\n  settings: PropTypes.shape({}),\n  onSettingsChange: PropTypes.func.isRequired,\n  children: PropTypes.element.isRequired,\n  id: PropTypes.string,\n  mapping: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      key: PropTypes.string.isRequired,\n    }).isRequired\n  ).isRequired,\n};\n\nAddEditTrack.defaultProps = {\n  id: '',\n  settingsKey: SETTINGS_KEY,\n  settings: {},\n  multipleAssets: false,\n};\n\nexport default withStyles({\n  link: { cursor: 'pointer' },\n  button: { fontSize: 14, marginLeft: 20 },\n})(AddEditTrack);\n"],"names":["AddEditTrack","_ref","children","classes","id","settings","onSettingsChange","settingsKey","mapping","multipleAssets","useState","_useState2","_slicedToArray","_useState","isTrackSettingsOpen","setIsTrackSettingsOpen","DEFAULT_TRACK_SETTINGS","_useState4","_useState3","currentSettings","setCurrentSettings","onSettingChange","key","val","_defineProperty","useEffect","existingSettings","find","item","_jsxs","_Fragment","_jsx","className","link","onClick","uuidV1","Modal","open","title","actions","Button","button","color","updatedSettings","filter","concat","variant","map","SingleChannelTrackSettings","trackSettings","onChange","TrackSettings","propTypes","PropTypes","string","bool","shape","func","isRequired","element","arrayOf","name","defaultProps","SETTINGS_KEY","AddEditTrack$1","withStyles","cursor","fontSize","marginLeft"],"mappings":"4qCAaA,IAEMA,EAAe,SASfC,GAAA,IARJC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,GACAC,IAAAA,SACAC,IAAAA,iBACAC,IAAAA,YACAC,IAAAA,QACAC,IAAAA,eAEsDC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA9DC,EAAmBH,EAAA,GAAEI,EAAsBJ,EAAA,GACJD,EAAAA,EAASM,GAAuBC,EAAAL,EAAAM,EAAA,GAAvEC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAEpCI,EAAkB,SAACC,EAAKC,GAC5BH,SAAwBD,GAAe,GAAAK,EAAA,CAAA,EAAGF,EAAMC,MAqClDE,GAAU,WACR,IAAMC,EAAmBtB,EACrBC,EAASE,GAAaoB,MAAK,SAAAC,GAAI,OAAIA,EAAKxB,KAAOA,CAAE,IACjDY,EACJI,EAAmBM,EACpB,GAAE,CAACrB,EAAUE,EAAaH,IAU3B,OACEyB,EAAAC,EAAA,CAAA5B,SACE,CAAA6B,EAAA,MAAA,CAAKC,UAAW7B,EAAQ8B,KAAMC,QAAS9B,EAAK,WAAA,OAAMW,GAAuB,EAAK,EAnDjE,WACfT,EACKD,EAAAA,EAAAA,CAAAA,EAAAA,GACFE,CAAAA,EAAAA,EAAAA,CAAAA,EAAAA,cACMF,GAAYA,EAASE,IAAiB,YAEtCY,GAAe,CAAA,EAAA,CAClBf,GAAI+B,WAIVf,EAAmBJ,IAwCyEd,SACvFA,IAEH6B,EAACK,EAAK,CACJC,KAAMvB,EACNwB,MAAM,iBACNC,QACEV,EAAA,MAAA,CAAKG,UAAU,6BAA4B9B,SACxCE,CAAAA,GACC2B,EAACS,EAAM,CAACR,UAAW7B,EAAQsC,OAAQC,MAAM,UAAUR,QA9C3C,WAClB,IAAMS,EAAkBtC,EAASE,GAAaqC,QAAO,SAAAhB,GAAI,OAAIA,EAAKxB,KAAOA,KACzEE,SACKD,GAAQ,GAAAmB,EAAA,CAAA,EACVjB,EAAcoC,KAEjB5B,GAAuB,IAwC2Db,SAAA,iBAI1E6B,EAACS,EAAM,CACL,cAAA,GAAAK,OApFI,kBAoF+B,WACnCb,UAAW7B,EAAQsC,OACnBC,MAAM,UACNR,QA3BK,WACf,IAAMR,EAAmBtB,EACrBC,EAASE,GAAaoB,MAAK,SAAAC,GAAI,OAAIA,EAAKxB,KAAOA,CAAE,IACjDY,EACJI,EAAmBM,GACnBX,GAAuB,IAsBKb,SAAA,WAIpB6B,EAACS,EAAM,CACL,cAAA,GAAAK,OA5FI,kBA4F6B,SACjCb,UAAW7B,EAAQsC,OACnBK,QAAQ,YACRJ,MAAM,UACNR,QAtDU,WACpB,IAAMS,EAAkBtC,EAASE,GAAawC,KAAI,SAAAnB,GAAI,OACpDA,EAAKxB,KAAOA,EAAKe,EAAkBS,KAErCtB,SACKD,GAAQ,GAAAmB,EAAA,CAAA,EACVjB,EAAcoC,KAEjB5B,GAAuB,IA8CUb,SAAA,YAK5BA,SAEAO,EACCsB,EAACiB,EAA0B,CACzBC,cAAe9B,EACf+B,SAAU7B,EACVb,QAASA,IAGXuB,EAACoB,EAAa,CAAC9C,SAAUc,EAAiB+B,SAAU7B,EAAiBb,QAASA,QAKxF,EAEAR,EAAaoD,UAAY,CACvB7C,YAAa8C,EAAUC,OACvB7C,eAAgB4C,EAAUE,KAC1BlD,SAAUgD,EAAUG,MAAM,IAC1BlD,iBAAkB+C,EAAUI,KAAKC,WACjCxD,SAAUmD,EAAUM,QAAQD,WAC5BtD,GAAIiD,EAAUC,OACd9C,QAAS6C,EAAUO,QACjBP,EAAUG,MAAM,CACdK,KAAMR,EAAUC,OAAOI,WACvBpC,IAAK+B,EAAUC,OAAOI,aACrBA,YACHA,YAGJ1D,EAAa8D,aAAe,CAC1B1D,GAAI,GACJG,YAAawD,EACb1D,SAAU,CAAE,EACZI,gBAAgB,GAGlB,IAAAuD,EAAeC,EAAW,CACxBhC,KAAM,CAAEiC,OAAQ,WAChBzB,OAAQ,CAAE0B,SAAU,GAAIC,WAAY,KAFvBH,CAGZjE"}
+{"version":3,"file":"AddEditTrack.js","sources":["../../../src/components/ParameterCharts/AddEditTrack.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport uuidV1 from 'uuid/v1';\nimport { withStyles, Button } from '@material-ui/core';\n\nimport TrackSettings from './components/TrackSettings';\nimport SingleChannelTrackSettings from './components/SingleChannelTrackSettings';\nimport { DEFAULT_TRACK_SETTINGS, SETTINGS_KEY } from './constants';\n\nimport Modal from '~/components/Modal';\n\nimport './AddEditTrack.css';\n\nconst PAGE_NAME = 'DC_AddEditTrack';\n\nconst AddEditTrack = ({\n  children,\n  classes,\n  id = '',\n  settings = DEFAULT_ADD_EDIT_TRACK_SETTINGS,\n  onSettingsChange,\n  settingsKey = DEFAULT_ADD_EDIT_TRACK_SETTINGS_KEY,\n  mapping,\n  multipleAssets = false,\n}) => {\n  const [isTrackSettingsOpen, setIsTrackSettingsOpen] = useState(false);\n  const [currentSettings, setCurrentSettings] = useState(DEFAULT_TRACK_SETTINGS);\n\n  const onSettingChange = (key, val) => {\n    setCurrentSettings({ ...currentSettings, [key]: val });\n  };\n\n  const addTrack = () => {\n    onSettingsChange({\n      ...settings,\n      [settingsKey]: [\n        ...((settings && settings[settingsKey]) || []),\n        {\n          ...currentSettings,\n          id: uuidV1(),\n        },\n      ],\n    });\n    setCurrentSettings(DEFAULT_TRACK_SETTINGS);\n  };\n\n  const removeTrack = () => {\n    const updatedSettings = settings[settingsKey].filter(item => item.id !== id);\n    onSettingsChange({\n      ...settings,\n      [settingsKey]: updatedSettings,\n    });\n    setIsTrackSettingsOpen(false);\n  };\n\n  const onTrackChange = () => {\n    const updatedSettings = settings[settingsKey].map(item =>\n      item.id === id ? currentSettings : item\n    );\n    onSettingsChange({\n      ...settings,\n      [settingsKey]: updatedSettings,\n    });\n    setIsTrackSettingsOpen(false);\n  };\n\n  useEffect(() => {\n    const existingSettings = id\n      ? settings[settingsKey].find(item => item.id === id)\n      : DEFAULT_TRACK_SETTINGS;\n    setCurrentSettings(existingSettings);\n  }, [settings, settingsKey, id]);\n\n  const onCancel = () => {\n    const existingSettings = id\n      ? settings[settingsKey].find(item => item.id === id)\n      : DEFAULT_TRACK_SETTINGS;\n    setCurrentSettings(existingSettings);\n    setIsTrackSettingsOpen(false);\n  };\n\n  return (\n    <>\n      <div className={classes.link} onClick={id ? () => setIsTrackSettingsOpen(true) : addTrack}>\n        {children}\n      </div>\n      <Modal\n        open={isTrackSettingsOpen}\n        title=\"Track Settings\"\n        actions={\n          <div className=\"c-pc-track-setting-actions\">\n            {id && (\n              <Button className={classes.button} color=\"primary\" onClick={removeTrack}>\n                Delete Track\n              </Button>\n            )}\n            <Button\n              data-testid={`${PAGE_NAME}_cancel`}\n              className={classes.button}\n              color=\"primary\"\n              onClick={onCancel}\n            >\n              Cancel\n            </Button>\n            <Button\n              data-testid={`${PAGE_NAME}_save`}\n              className={classes.button}\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={onTrackChange}\n            >\n              Save\n            </Button>\n          </div>\n        }\n      >\n        {multipleAssets ? (\n          <SingleChannelTrackSettings\n            trackSettings={currentSettings}\n            onChange={onSettingChange}\n            mapping={mapping}\n          />\n        ) : (\n          <TrackSettings settings={currentSettings} onChange={onSettingChange} mapping={mapping} />\n        )}\n      </Modal>\n    </>\n  );\n};\n\nAddEditTrack.propTypes = {\n  settingsKey: PropTypes.string,\n  multipleAssets: PropTypes.bool,\n  settings: PropTypes.shape({}),\n  onSettingsChange: PropTypes.func.isRequired,\n  children: PropTypes.element.isRequired,\n  id: PropTypes.string,\n  mapping: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      key: PropTypes.string.isRequired,\n    }).isRequired\n  ).isRequired,\n};\n\nconst DEFAULT_ADD_EDIT_TRACK_SETTINGS_KEY = SETTINGS_KEY;\nconst DEFAULT_ADD_EDIT_TRACK_SETTINGS = {};\n\nexport default withStyles({\n  link: { cursor: 'pointer' },\n  button: { fontSize: 14, marginLeft: 20 },\n})(AddEditTrack);\n"],"names":["AddEditTrack","_ref","children","classes","_ref$id","id","_ref$settings","settings","DEFAULT_ADD_EDIT_TRACK_SETTINGS","onSettingsChange","_ref$settingsKey","settingsKey","DEFAULT_ADD_EDIT_TRACK_SETTINGS_KEY","mapping","_ref$multipleAssets","multipleAssets","useState","_useState2","_slicedToArray","_useState","isTrackSettingsOpen","setIsTrackSettingsOpen","DEFAULT_TRACK_SETTINGS","_useState4","_useState3","currentSettings","setCurrentSettings","onSettingChange","key","val","_defineProperty","useEffect","existingSettings","find","item","_jsxs","_Fragment","_jsx","className","link","onClick","uuidV1","Modal","open","title","actions","Button","button","color","updatedSettings","filter","concat","variant","map","SingleChannelTrackSettings","trackSettings","onChange","TrackSettings","propTypes","PropTypes","string","bool","shape","func","isRequired","element","arrayOf","name","SETTINGS_KEY","AddEditTrack$1","withStyles","cursor","fontSize","marginLeft"],"mappings":"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"}

package/components/ParameterCharts/ParameterCharts.d.ts

@@ -1,14 +1,14 @@
 declare function ParameterCharts({ settings, onSettingsChange, settingsKey, horizontal, mapping, data, indexes, isLoading, multipleAssets, assestColors, }: {
-    assestColors: any;
+    assestColors?: any[] | undefined;
     data: any;
-    horizontal: any;
+    horizontal?: boolean | undefined;
     indexes: any;
     isLoading: any;
     mapping: any;
-    multipleAssets: any;
+    multipleAssets?: boolean | undefined;
     onSettingsChange: any;
-    settings: any;
-    settingsKey: any;
+    settings?: {} | undefined;
+    settingsKey?: string | undefined;
 }): import("react").JSX.Element;
 declare namespace ParameterCharts {
     var propTypes: {
@@ -35,13 +35,6 @@ declare namespace ParameterCharts {
         isLoading: import("prop-types").Validator<boolean>;
         assestColors: import("prop-types").Requireable<(string | null | undefined)[]>;
     };
-    var defaultProps: {
-        settingsKey: string;
-        horizontal: boolean;
-        multipleAssets: boolean;
-        settings: {};
-        assestColors: never[];
-    };
 }
 export default ParameterCharts;
 //# sourceMappingURL=ParameterCharts.d.ts.map

package/components/ParameterCharts/ParameterCharts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ParameterCharts.d.ts","sourceRoot":"","sources":["../../../src/components/ParameterCharts/ParameterCharts.js"],"names":[],"mappings":"iCAgByB,EACvB,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,OAAO,EACP,IAAI,EACJ,OAAO,EACP,SAAS,EACT,cAAc,EACd,YAAY,GACb;;;;;;;;;;;CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAkIc,eAAe"}
+{"version":3,"file":"ParameterCharts.d.ts","sourceRoot":"","sources":["../../../src/components/ParameterCharts/ParameterCharts.js"],"names":[],"mappings":"iCAgByB,EACvB,QAA4C,EAC5C,gBAAgB,EAChB,WAAmD,EACnD,UAAkB,EAClB,OAAO,EACP,IAAI,EACJ,OAAO,EACP,SAAS,EACT,cAAsB,EACtB,YAAqD,GACtD;;;;;;;;;;;CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;eA8Hc,eAAe"}

package/components/ParameterCharts/ParameterCharts.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import{useRef as t,useEffect as r,useMemo as s}from"react";import{shape as i,arrayOf as n,string as o,number as a,func as p,bool as m}from"prop-types";import u from"classnames";import{get as c,maxBy as d}from"lodash";import l from"uuid";import f from"./components/Track.js";import g from"./components/Tooltip/CursorPositioner.js";import{DEFAULT_TRACK_SETTINGS as y,SETTINGS_KEY as h}from"./constants.js";import{convertData as j}from"./utils/dataParser.js";import O from"./SettingsContext.js";import b from"./DataContext.js";import C from"./ChartsContext.js";import P from"./ParameterCharts.css.js";import{jsx as v,jsxs as x}from"react/jsx-runtime";function R(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,s)}return r}function q(t){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{};r%2?R(Object(s),!0).forEach((function(r){e(t,r,s[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):R(Object(s)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))}))}return t}var k=function(i){var n=i.settings,o=i.onSettingsChange,a=i.settingsKey,p=i.horizontal,m=i.mapping,h=i.data,R=i.indexes,k=i.isLoading,w=i.multipleAssets,S=i.assestColors,D=n[a],K=t(new Map);r((function(){D&&D.length||o(q(q({},n),{},e({},a,[q(q({},y),{},{id:l()})])))}),[]);var T=s((function(){return c(d(D,"traces.length"),"traces.length")||1}),[D]),z=s((function(){return w?Object.keys(h).reduce((function(t,r){return q(q({},t),{},e({},r,j({data:h[r],mapping:m,indexesKeys:R.keys})))}),{}):j({data:h,mapping:m,indexesKeys:R.keys})}),[h,m,R.keys,w]);return v(O.Provider,{value:{horizontal:p,settingsKey:a,settings:n,onSettingsChange:o,maxTracesCount:T,multipleAssets:w,assestColors:S},children:v(b.Provider,{value:{mapping:m,parsedData:z,indexes:R,isLoading:k},children:v(C.Provider,{value:{chartsRef:K,onChartChange:function(e,t){K.current.set(e,t)}},children:x("div",{className:u(P.container,e({},P.horizontal,p)),children:[v(g,{}),D&&D.map((function(e,t){return v(f,{settings:n,onSettingsChange:o,id:e.id,index:t},e.id)}))]})})})})};k.propTypes={data:i({}).isRequired,mapping:n(i({name:o.isRequired,key:o.isRequired,unit:o.isRequired,unitType:o.isRequired}).isRequired).isRequired,indexes:i({key:o,name:o,min:a,max:a,unit:o,unitType:o}).isRequired,settingsKey:o,settings:i({}),onSettingsChange:p.isRequired,horizontal:m,multipleAssets:m,isLoading:m.isRequired,assestColors:n(o)},k.defaultProps={settingsKey:h,horizontal:!1,multipleAssets:!1,settings:{},assestColors:[]};export{k as default};
+import e from"@babel/runtime/helpers/defineProperty";import{useRef as t,useEffect as r,useMemo as i}from"react";import{shape as n,arrayOf as s,string as o,number as a,func as p,bool as m}from"prop-types";import u from"classnames";import{get as c,maxBy as d}from"lodash";import l from"uuid";import f from"./components/Track.js";import g from"./components/Tooltip/CursorPositioner.js";import{DEFAULT_TRACK_SETTINGS as y,SETTINGS_KEY as h}from"./constants.js";import{convertData as j}from"./utils/dataParser.js";import v from"./SettingsContext.js";import O from"./DataContext.js";import b from"./ChartsContext.js";import C from"./ParameterCharts.css.js";import{jsx as P,jsxs as x}from"react/jsx-runtime";function R(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function q(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?R(Object(i),!0).forEach((function(r){e(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):R(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var k=function(n){var s=n.settings,o=void 0===s?S:s,a=n.onSettingsChange,p=n.settingsKey,m=void 0===p?w:p,h=n.horizontal,R=void 0!==h&&h,k=n.mapping,T=n.data,K=n.indexes,z=n.isLoading,A=n.multipleAssets,L=void 0!==A&&A,E=n.assestColors,M=void 0===E?D:E,N=o[m],B=t(new Map);r((function(){N&&N.length||a(q(q({},o),{},e({},m,[q(q({},y),{},{id:l()})])))}),[]);var F=i((function(){return c(d(N,"traces.length"),"traces.length")||1}),[N]),G=i((function(){return L?Object.keys(T).reduce((function(t,r){return q(q({},t),{},e({},r,j({data:T[r],mapping:k,indexesKeys:K.keys})))}),{}):j({data:T,mapping:k,indexesKeys:K.keys})}),[T,k,K.keys,L]);return P(v.Provider,{value:{horizontal:R,settingsKey:m,settings:o,onSettingsChange:a,maxTracesCount:F,multipleAssets:L,assestColors:M},children:P(O.Provider,{value:{mapping:k,parsedData:G,indexes:K,isLoading:z},children:P(b.Provider,{value:{chartsRef:B,onChartChange:function(e,t){B.current.set(e,t)}},children:x("div",{className:u(C.container,e({},C.horizontal,R)),children:[P(g,{}),N&&N.map((function(e,t){return P(f,{settings:o,onSettingsChange:a,id:e.id,index:t},e.id)}))]})})})})};k.propTypes={data:n({}).isRequired,mapping:s(n({name:o.isRequired,key:o.isRequired,unit:o.isRequired,unitType:o.isRequired}).isRequired).isRequired,indexes:n({key:o,name:o,min:a,max:a,unit:o,unitType:o}).isRequired,settingsKey:o,settings:n({}),onSettingsChange:p.isRequired,horizontal:m,multipleAssets:m,isLoading:m.isRequired,assestColors:s(o)};var w=h,S={},D=[];export{k as default};
 //# sourceMappingURL=ParameterCharts.js.map

package/components/ParameterCharts/ParameterCharts.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParameterCharts.js","sources":["../../../src/components/ParameterCharts/ParameterCharts.js"],"sourcesContent":["import { useMemo, useEffect, useRef } from 'react';\nimport { shape, string, func, bool, arrayOf, number } from 'prop-types';\nimport classNames from 'classnames';\nimport { get, maxBy } from 'lodash';\nimport uuid from 'uuid';\n\nimport Track from './components/Track';\nimport CursorPositioner from './components/Tooltip/CursorPositioner';\nimport { SETTINGS_KEY, DEFAULT_TRACK_SETTINGS } from './constants';\nimport { convertData } from './utils/dataParser';\nimport SettingsContext from './SettingsContext';\nimport DataContext from './DataContext';\nimport ChartsContext from './ChartsContext';\n\nimport styles from './ParameterCharts.css';\n\nconst ParameterCharts = ({\n  settings,\n  onSettingsChange,\n  settingsKey,\n  horizontal,\n  mapping,\n  data,\n  indexes,\n  isLoading,\n  multipleAssets,\n  assestColors,\n}) => {\n  const currentSettings = settings[settingsKey];\n\n  const chartsRef = useRef(new Map());\n\n  const onChartChange = (id, chartRef) => {\n    chartsRef.current.set(id, chartRef);\n  };\n\n  // TODO: move to utils\n  // TODO: move types to files?\n  // TODO: async data calculation\n  // TODO: fix the vertical view\n  // TODO: update data by higcharts API\n\n  useEffect(() => {\n    if (!currentSettings || !currentSettings.length) {\n      onSettingsChange({\n        ...settings,\n        [settingsKey]: [\n          {\n            ...DEFAULT_TRACK_SETTINGS,\n            id: uuid(),\n          },\n        ],\n      });\n    }\n  }, []);\n\n  const maxTracesCount = useMemo(\n    () => get(maxBy(currentSettings, 'traces.length'), 'traces.length') || 1,\n    [currentSettings]\n  );\n\n  const parsedData = useMemo(() => {\n    if (multipleAssets) {\n      const assetsKeys = Object.keys(data);\n\n      return assetsKeys.reduce(\n        (acc, assetKey) => ({\n          ...acc,\n          [assetKey]: convertData({ data: data[assetKey], mapping, indexesKeys: indexes.keys }),\n        }),\n        {}\n      );\n    } else {\n      return convertData({ data, mapping, indexesKeys: indexes.keys });\n    }\n  }, [data, mapping, indexes.keys, multipleAssets]);\n\n  return (\n    <SettingsContext.Provider\n      value={{\n        horizontal,\n        settingsKey,\n        settings,\n        onSettingsChange,\n        maxTracesCount,\n        multipleAssets,\n        assestColors,\n      }}\n    >\n      <DataContext.Provider\n        value={{\n          mapping,\n          parsedData,\n          indexes,\n          isLoading,\n        }}\n      >\n        <ChartsContext.Provider\n          value={{\n            chartsRef,\n            onChartChange,\n          }}\n        >\n          <div className={classNames(styles.container, { [styles.horizontal]: horizontal })}>\n            <CursorPositioner />\n            {currentSettings &&\n              currentSettings.map((trackSettings, index) => (\n                <Track\n                  key={trackSettings.id}\n                  settings={settings}\n                  onSettingsChange={onSettingsChange}\n                  id={trackSettings.id}\n                  index={index}\n                />\n              ))}\n          </div>\n        </ChartsContext.Provider>\n      </DataContext.Provider>\n    </SettingsContext.Provider>\n  );\n};\n\nParameterCharts.propTypes = {\n  data: shape({}).isRequired,\n  mapping: arrayOf(\n    shape({\n      name: string.isRequired,\n      key: string.isRequired,\n      unit: string.isRequired,\n      unitType: string.isRequired,\n    }).isRequired\n  ).isRequired,\n  indexes: shape({\n    key: string,\n    name: string,\n    min: number,\n    max: number,\n    unit: string,\n    unitType: string,\n  }).isRequired,\n  settingsKey: string,\n  settings: shape({}),\n  onSettingsChange: func.isRequired,\n  horizontal: bool,\n  multipleAssets: bool,\n  isLoading: bool.isRequired,\n  assestColors: arrayOf(string),\n};\n\nParameterCharts.defaultProps = {\n  settingsKey: SETTINGS_KEY,\n  horizontal: false,\n  multipleAssets: false,\n  settings: {},\n  assestColors: [],\n};\n\nexport default ParameterCharts;\n"],"names":["ParameterCharts","_ref","settings","onSettingsChange","settingsKey","horizontal","mapping","data","indexes","isLoading","multipleAssets","assestColors","currentSettings","chartsRef","useRef","Map","useEffect","length","_defineProperty","DEFAULT_TRACK_SETTINGS","id","uuid","maxTracesCount","useMemo","get","maxBy","parsedData","Object","keys","reduce","acc","assetKey","_objectSpread","convertData","indexesKeys","_jsx","SettingsContext","Provider","value","children","DataContext","ChartsContext","onChartChange","chartRef","current","set","_jsxs","className","classNames","styles","container","CursorPositioner","map","trackSettings","index","Track","propTypes","shape","isRequired","arrayOf","name","string","key","unit","unitType","min","number","max","func","bool","defaultProps","SETTINGS_KEY"],"mappings":"4vCAgBA,IAAMA,EAAkB,SAWlBC,GAAA,IAVJC,IAAAA,SACAC,IAAAA,iBACAC,IAAAA,YACAC,IAAAA,WACAC,IAAAA,QACAC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,UACAC,IAAAA,eACAC,IAAAA,aAEMC,EAAkBV,EAASE,GAE3BS,EAAYC,EAAO,IAAIC,KAY7BC,GAAU,WACHJ,GAAoBA,EAAgBK,QACvCd,SACKD,GAAQ,CAAA,EAAAgB,EAAA,CAAA,EACVd,EAAc,QAERe,GAAsB,GAAA,CACzBC,GAAIC,SAKb,GAAE,IAEH,IAAMC,EAAiBC,GACrB,WAAA,OAAMC,EAAIC,EAAMb,EAAiB,iBAAkB,kBAAoB,IACvE,CAACA,IAGGc,EAAaH,GAAQ,WACzB,OAAIb,EACiBiB,OAAOC,KAAKrB,GAEbsB,QAChB,SAACC,EAAKC,GAAQ,OAAAC,EAAAA,EAAA,CAAA,EACTF,GAAG,CAAA,EAAAZ,EAAA,CAAA,EACLa,EAAWE,EAAY,CAAE1B,KAAMA,EAAKwB,GAAWzB,QAAAA,EAAS4B,YAAa1B,EAAQoB,QAC9E,GACF,CAAE,GAGGK,EAAY,CAAE1B,KAAAA,EAAMD,QAAAA,EAAS4B,YAAa1B,EAAQoB,MAE7D,GAAG,CAACrB,EAAMD,EAASE,EAAQoB,KAAMlB,IAEjC,OACEyB,EAACC,EAAgBC,SAAQ,CACvBC,MAAO,CACLjC,WAAAA,EACAD,YAAAA,EACAF,SAAAA,EACAC,iBAAAA,EACAmB,eAAAA,EACAZ,eAAAA,EACAC,aAAAA,GACA4B,SAEFJ,EAACK,EAAYH,SAAQ,CACnBC,MAAO,CACLhC,QAAAA,EACAoB,WAAAA,EACAlB,QAAAA,EACAC,UAAAA,GACA8B,SAEFJ,EAACM,EAAcJ,SAAQ,CACrBC,MAAO,CACLzB,UAAAA,EACA6B,cApEY,SAACtB,EAAIuB,GACzB9B,EAAU+B,QAAQC,IAAIzB,EAAIuB,KAoElBJ,SAEFO,EAAA,MAAA,CAAKC,UAAWC,EAAWC,EAAOC,UAAcD,EAAAA,CAAAA,EAAAA,EAAO5C,WAAaA,IAAckC,SAAA,CAChFJ,EAACgB,EAAmB,IACnBvC,GACCA,EAAgBwC,KAAI,SAACC,EAAeC,GAAK,OACvCnB,EAACoB,EAAK,CAEJrD,SAAUA,EACVC,iBAAkBA,EAClBiB,GAAIiC,EAAcjC,GAClBkC,MAAOA,GAJFD,EAAcjC,GAKnB,YAOlB,EAEApB,EAAgBwD,UAAY,CAC1BjD,KAAMkD,EAAM,CAAE,GAAEC,WAChBpD,QAASqD,EACPF,EAAM,CACJG,KAAMC,EAAOH,WACbI,IAAKD,EAAOH,WACZK,KAAMF,EAAOH,WACbM,SAAUH,EAAOH,aAChBA,YACHA,WACFlD,QAASiD,EAAM,CACbK,IAAKD,EACLD,KAAMC,EACNI,IAAKC,EACLC,IAAKD,EACLH,KAAMF,EACNG,SAAUH,IACTH,WACHtD,YAAayD,EACb3D,SAAUuD,EAAM,IAChBtD,iBAAkBiE,EAAKV,WACvBrD,WAAYgE,EACZ3D,eAAgB2D,EAChB5D,UAAW4D,EAAKX,WAChB/C,aAAcgD,EAAQE,IAGxB7D,EAAgBsE,aAAe,CAC7BlE,YAAamE,EACblE,YAAY,EACZK,gBAAgB,EAChBR,SAAU,CAAE,EACZS,aAAc"}
+{"version":3,"file":"ParameterCharts.js","sources":["../../../src/components/ParameterCharts/ParameterCharts.js"],"sourcesContent":["import { useMemo, useEffect, useRef } from 'react';\nimport { shape, string, func, bool, arrayOf, number } from 'prop-types';\nimport classNames from 'classnames';\nimport { get, maxBy } from 'lodash';\nimport uuid from 'uuid';\n\nimport Track from './components/Track';\nimport CursorPositioner from './components/Tooltip/CursorPositioner';\nimport { SETTINGS_KEY, DEFAULT_TRACK_SETTINGS } from './constants';\nimport { convertData } from './utils/dataParser';\nimport SettingsContext from './SettingsContext';\nimport DataContext from './DataContext';\nimport ChartsContext from './ChartsContext';\n\nimport styles from './ParameterCharts.css';\n\nconst ParameterCharts = ({\n  settings = DEFAULT_PARAMETER_CHARTS_SETTINGS,\n  onSettingsChange,\n  settingsKey = DEFAULT_PARAMETER_CHARTS_SETTINGS_KEY,\n  horizontal = false,\n  mapping,\n  data,\n  indexes,\n  isLoading,\n  multipleAssets = false,\n  assestColors = DEFAULT_PARAMETER_CHARTS_ASSEST_COLORS,\n}) => {\n  const currentSettings = settings[settingsKey];\n\n  const chartsRef = useRef(new Map());\n\n  const onChartChange = (id, chartRef) => {\n    chartsRef.current.set(id, chartRef);\n  };\n\n  // TODO: move to utils\n  // TODO: move types to files?\n  // TODO: async data calculation\n  // TODO: fix the vertical view\n  // TODO: update data by higcharts API\n\n  useEffect(() => {\n    if (!currentSettings || !currentSettings.length) {\n      onSettingsChange({\n        ...settings,\n        [settingsKey]: [\n          {\n            ...DEFAULT_TRACK_SETTINGS,\n            id: uuid(),\n          },\n        ],\n      });\n    }\n  }, []);\n\n  const maxTracesCount = useMemo(\n    () => get(maxBy(currentSettings, 'traces.length'), 'traces.length') || 1,\n    [currentSettings]\n  );\n\n  const parsedData = useMemo(() => {\n    if (multipleAssets) {\n      const assetsKeys = Object.keys(data);\n\n      return assetsKeys.reduce(\n        (acc, assetKey) => ({\n          ...acc,\n          [assetKey]: convertData({ data: data[assetKey], mapping, indexesKeys: indexes.keys }),\n        }),\n        {}\n      );\n    } else {\n      return convertData({ data, mapping, indexesKeys: indexes.keys });\n    }\n  }, [data, mapping, indexes.keys, multipleAssets]);\n\n  return (\n    <SettingsContext.Provider\n      value={{\n        horizontal,\n        settingsKey,\n        settings,\n        onSettingsChange,\n        maxTracesCount,\n        multipleAssets,\n        assestColors,\n      }}\n    >\n      <DataContext.Provider\n        value={{\n          mapping,\n          parsedData,\n          indexes,\n          isLoading,\n        }}\n      >\n        <ChartsContext.Provider\n          value={{\n            chartsRef,\n            onChartChange,\n          }}\n        >\n          <div className={classNames(styles.container, { [styles.horizontal]: horizontal })}>\n            <CursorPositioner />\n            {currentSettings &&\n              currentSettings.map((trackSettings, index) => (\n                <Track\n                  key={trackSettings.id}\n                  settings={settings}\n                  onSettingsChange={onSettingsChange}\n                  id={trackSettings.id}\n                  index={index}\n                />\n              ))}\n          </div>\n        </ChartsContext.Provider>\n      </DataContext.Provider>\n    </SettingsContext.Provider>\n  );\n};\n\nParameterCharts.propTypes = {\n  data: shape({}).isRequired,\n  mapping: arrayOf(\n    shape({\n      name: string.isRequired,\n      key: string.isRequired,\n      unit: string.isRequired,\n      unitType: string.isRequired,\n    }).isRequired\n  ).isRequired,\n  indexes: shape({\n    key: string,\n    name: string,\n    min: number,\n    max: number,\n    unit: string,\n    unitType: string,\n  }).isRequired,\n  settingsKey: string,\n  settings: shape({}),\n  onSettingsChange: func.isRequired,\n  horizontal: bool,\n  multipleAssets: bool,\n  isLoading: bool.isRequired,\n  assestColors: arrayOf(string),\n};\n\nconst DEFAULT_PARAMETER_CHARTS_SETTINGS_KEY = SETTINGS_KEY;\nconst DEFAULT_PARAMETER_CHARTS_SETTINGS = {};\nconst DEFAULT_PARAMETER_CHARTS_ASSEST_COLORS = [];\n\nexport default ParameterCharts;\n"],"names":["ParameterCharts","_ref","_ref$settings","settings","DEFAULT_PARAMETER_CHARTS_SETTINGS","onSettingsChange","_ref$settingsKey","settingsKey","DEFAULT_PARAMETER_CHARTS_SETTINGS_KEY","_ref$horizontal","horizontal","mapping","data","indexes","isLoading","_ref$multipleAssets","multipleAssets","_ref$assestColors","assestColors","DEFAULT_PARAMETER_CHARTS_ASSEST_COLORS","currentSettings","chartsRef","useRef","Map","useEffect","length","_defineProperty","DEFAULT_TRACK_SETTINGS","id","uuid","maxTracesCount","useMemo","get","maxBy","parsedData","Object","keys","reduce","acc","assetKey","_objectSpread","convertData","indexesKeys","_jsx","SettingsContext","Provider","value","children","DataContext","ChartsContext","onChartChange","chartRef","current","set","_jsxs","className","classNames","styles","container","CursorPositioner","map","trackSettings","index","Track","propTypes","shape","isRequired","arrayOf","name","string","key","unit","unitType","min","number","max","func","bool","SETTINGS_KEY"],"mappings":"4vCAgBA,IAAMA,EAAkB,SAWlBC,GAAA,IAAAC,EAAAD,EAVJE,SAAAA,aAAWC,EAAiCF,EAC5CG,IAAAA,iBAAgBC,EAAAL,EAChBM,YAAAA,aAAcC,EAAqCF,EAAAG,EAAAR,EACnDS,WAAAA,cAAkBD,EAClBE,IAAAA,QACAC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,UAASC,EAAAd,EACTe,eAAAA,cAAsBD,EAAAE,EAAAhB,EACtBiB,aAAAA,aAAeC,EAAsCF,EAE/CG,EAAkBjB,EAASI,GAE3Bc,EAAYC,EAAO,IAAIC,KAY7BC,GAAU,WACHJ,GAAoBA,EAAgBK,QACvCpB,SACKF,GAAQ,CAAA,EAAAuB,EAAA,CAAA,EACVnB,EAAc,QAERoB,GAAsB,GAAA,CACzBC,GAAIC,SAKb,GAAE,IAEH,IAAMC,EAAiBC,GACrB,WAAA,OAAMC,EAAIC,EAAMb,EAAiB,iBAAkB,kBAAoB,IACvE,CAACA,IAGGc,EAAaH,GAAQ,WACzB,OAAIf,EACiBmB,OAAOC,KAAKxB,GAEbyB,QAChB,SAACC,EAAKC,GAAQ,OAAAC,EAAAA,EAAA,CAAA,EACTF,GAAG,CAAA,EAAAZ,EAAA,CAAA,EACLa,EAAWE,EAAY,CAAE7B,KAAMA,EAAK2B,GAAW5B,QAAAA,EAAS+B,YAAa7B,EAAQuB,QAC9E,GACF,CAAE,GAGGK,EAAY,CAAE7B,KAAAA,EAAMD,QAAAA,EAAS+B,YAAa7B,EAAQuB,MAE7D,GAAG,CAACxB,EAAMD,EAASE,EAAQuB,KAAMpB,IAEjC,OACE2B,EAACC,EAAgBC,SAAQ,CACvBC,MAAO,CACLpC,WAAAA,EACAH,YAAAA,EACAJ,SAAAA,EACAE,iBAAAA,EACAyB,eAAAA,EACAd,eAAAA,EACAE,aAAAA,GACA6B,SAEFJ,EAACK,EAAYH,SAAQ,CACnBC,MAAO,CACLnC,QAAAA,EACAuB,WAAAA,EACArB,QAAAA,EACAC,UAAAA,GACAiC,SAEFJ,EAACM,EAAcJ,SAAQ,CACrBC,MAAO,CACLzB,UAAAA,EACA6B,cApEY,SAACtB,EAAIuB,GACzB9B,EAAU+B,QAAQC,IAAIzB,EAAIuB,KAoElBJ,SAEFO,EAAA,MAAA,CAAKC,UAAWC,EAAWC,EAAOC,UAAcD,EAAAA,CAAAA,EAAAA,EAAO/C,WAAaA,IAAcqC,SAAA,CAChFJ,EAACgB,EAAmB,IACnBvC,GACCA,EAAgBwC,KAAI,SAACC,EAAeC,GAAK,OACvCnB,EAACoB,EAAK,CAEJ5D,SAAUA,EACVE,iBAAkBA,EAClBuB,GAAIiC,EAAcjC,GAClBkC,MAAOA,GAJFD,EAAcjC,GAKnB,YAOlB,EAEA5B,EAAgBgE,UAAY,CAC1BpD,KAAMqD,EAAM,CAAE,GAAEC,WAChBvD,QAASwD,EACPF,EAAM,CACJG,KAAMC,EAAOH,WACbI,IAAKD,EAAOH,WACZK,KAAMF,EAAOH,WACbM,SAAUH,EAAOH,aAChBA,YACHA,WACFrD,QAASoD,EAAM,CACbK,IAAKD,EACLD,KAAMC,EACNI,IAAKC,EACLC,IAAKD,EACLH,KAAMF,EACNG,SAAUH,IACTH,WACH3D,YAAa8D,EACblE,SAAU8D,EAAM,IAChB5D,iBAAkBuE,EAAKV,WACvBxD,WAAYmE,EACZ7D,eAAgB6D,EAChB/D,UAAW+D,EAAKX,WAChBhD,aAAciD,EAAQE,IAGxB,IAAM7D,EAAwCsE,EACxC1E,EAAoC,CAAA,EACpCe,EAAyC"}

package/components/ParameterCharts/components/TraceHeader.d.ts

@@ -1,96 +1,20 @@
-import PropTypes from 'prop-types';
-declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
+declare const DEFAULT_TRACE_HEADER_OPEN_TRACK_SETTINGS: () => void;
+declare const _default: import("react").ComponentType<Pick<import("@material-ui/types").ConsistentWith<{
     classes: any;
     index: any;
     mapping: any;
     onChange: any;
     onDelete: any;
-    openTrackSettings: any;
-    traceSettings: any;
-}, never> & Pick<PropTypes.InferProps<{
-    onChange: PropTypes.Validator<(...args: any[]) => any>;
-    onDelete: PropTypes.Validator<(...args: any[]) => any>;
-    openTrackSettings: PropTypes.Requireable<(...args: any[]) => any>;
-    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-    traceSettings: PropTypes.Requireable<PropTypes.InferProps<{
-        name: PropTypes.Requireable<string>;
-        key: PropTypes.Requireable<string>;
-        id: PropTypes.Requireable<string>;
-        unit: PropTypes.Requireable<string>;
-        unitType: PropTypes.Requireable<string>;
-        autoScale: PropTypes.Requireable<boolean>;
-        scaleMin: PropTypes.Requireable<string>;
-        scaleMax: PropTypes.Requireable<string>;
-        color: PropTypes.Requireable<string>;
-        dashStyle: PropTypes.Requireable<string>;
-        collection: PropTypes.Requireable<string>;
-    }>>;
-    mapping: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-        name: PropTypes.Validator<string>;
-        key: PropTypes.Validator<string>;
-    }>>[]>;
-    index: PropTypes.Validator<number>;
-}>, "openTrackSettings" | "traceSettings" | PropTypes.RequiredKeys<{
-    onChange: PropTypes.Validator<(...args: any[]) => any>;
-    onDelete: PropTypes.Validator<(...args: any[]) => any>;
-    openTrackSettings: PropTypes.Requireable<(...args: any[]) => any>;
-    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-    traceSettings: PropTypes.Requireable<PropTypes.InferProps<{
-        name: PropTypes.Requireable<string>;
-        key: PropTypes.Requireable<string>;
-        id: PropTypes.Requireable<string>;
-        unit: PropTypes.Requireable<string>;
-        unitType: PropTypes.Requireable<string>;
-        autoScale: PropTypes.Requireable<boolean>;
-        scaleMin: PropTypes.Requireable<string>;
-        scaleMax: PropTypes.Requireable<string>;
-        color: PropTypes.Requireable<string>;
-        dashStyle: PropTypes.Requireable<string>;
-        collection: PropTypes.Requireable<string>;
-    }>>;
-    mapping: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-        name: PropTypes.Validator<string>;
-        key: PropTypes.Validator<string>;
-    }>>[]>;
-    index: PropTypes.Validator<number>;
-}>>, PropTypes.RequiredKeys<{
-    onChange: PropTypes.Validator<(...args: any[]) => any>;
-    onDelete: PropTypes.Validator<(...args: any[]) => any>;
-    openTrackSettings: PropTypes.Requireable<(...args: any[]) => any>;
-    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-    traceSettings: PropTypes.Requireable<PropTypes.InferProps<{
-        name: PropTypes.Requireable<string>;
-        key: PropTypes.Requireable<string>;
-        id: PropTypes.Requireable<string>;
-        unit: PropTypes.Requireable<string>;
-        unitType: PropTypes.Requireable<string>;
-        autoScale: PropTypes.Requireable<boolean>;
-        scaleMin: PropTypes.Requireable<string>;
-        scaleMax: PropTypes.Requireable<string>;
-        color: PropTypes.Requireable<string>;
-        dashStyle: PropTypes.Requireable<string>;
-        collection: PropTypes.Requireable<string>;
-    }>>;
-    mapping: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-        name: PropTypes.Validator<string>;
-        key: PropTypes.Validator<string>;
-    }>>[]>;
-    index: PropTypes.Validator<number>;
-}>> & {
-    openTrackSettings?: ((...args: any[]) => any) | null | undefined;
-    traceSettings?: PropTypes.InferProps<{
-        name: PropTypes.Requireable<string>;
-        key: PropTypes.Requireable<string>;
-        id: PropTypes.Requireable<string>;
-        unit: PropTypes.Requireable<string>;
-        unitType: PropTypes.Requireable<string>;
-        autoScale: PropTypes.Requireable<boolean>;
-        scaleMin: PropTypes.Requireable<string>;
-        scaleMax: PropTypes.Requireable<string>;
-        color: PropTypes.Requireable<string>;
-        dashStyle: PropTypes.Requireable<string>;
-        collection: PropTypes.Requireable<string>;
-    }> | null | undefined;
-} & {}, "index" | "mapping" | "onChange" | "onDelete" | "openTrackSettings" | "traceSettings"> & import("@material-ui/styles").StyledComponentProps<"button">>;
+    openTrackSettings?: typeof DEFAULT_TRACE_HEADER_OPEN_TRACK_SETTINGS | undefined;
+    traceSettings?: {
+        traceType: string;
+        dashStyle: string;
+        lineColor: string;
+        lineWidth: number;
+        autoScale: boolean;
+    } | undefined;
+}, {
+    classes: import("@material-ui/styles").ClassNameMap<"button">;
+}>, "index" | "mapping" | "onChange" | "onDelete" | "openTrackSettings" | "traceSettings"> & import("@material-ui/styles").StyledComponentProps<"button">>;
 export default _default;
 //# sourceMappingURL=TraceHeader.d.ts.map

package/components/ParameterCharts/components/TraceHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TraceHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/ParameterCharts/components/TraceHeader.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC"}
+{"version":3,"file":"TraceHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/ParameterCharts/components/TraceHeader.js"],"names":[],"mappings":"AAuQA,QAAA,MAAM,wCAAwC,YAAW,CAAC"}

package/components/ParameterCharts/components/TraceHeader.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as n,useContext as c,useRef as i}from"react";import t from"prop-types";import e from"classnames";import{get as r,isEqual as m,last as a}from"lodash";import{withStyles as p,Tooltip as u,Button as l}from"@material-ui/core";import d from"../SettingsContext.js";import j from"../DataContext.js";import{DEFAULT_TRACE_SETTINGS as I,MAX_TRACE_COUNT as f}from"../constants.js";import h from"./TraceSettings.js";import b from"./TraceHeader.css.js";import{getUnitDisplay as g}from"../../../utils/convert.js";import C from"../../Modal/Modal.js";import{PlusIcon as y}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as v,jsx as O,Fragment as k}from"react/jsx-runtime";function S(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(o);s&&(c=c.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,c)}return n}function T(s){for(var n=1;n<arguments.length;n++){var c=null!=arguments[n]?arguments[n]:{};n%2?S(Object(c),!0).forEach((function(n){o(s,n,c[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):S(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}var M=function(o){return Number.isFinite(o)?Math.round(100*o)/100:"-"},N=function(t){var p,S=t.onChange,N=t.onDelete,F=t.traceSettings,P=t.classes,D=t.mapping,x=t.index,R=t.openTrackSettings,A=n(!1),q=s(A,2),E=q[0],z=q[1],w=n(!1),L=s(w,2),B=L[0],G=L[1],U=n(!1),W=s(U,2),H=W[0],K=W[1],Z=n(F),J=s(Z,2),Q=J[0],V=J[1],X=n(I),Y=s(X,2),$=Y[0],_=Y[1],oo=c(d),so=oo.horizontal,no=oo.maxTracesCount,co=c(j).parsedData,io=i(),to=r(co,F&&"".concat(F.collection,".").concat(F.key),{}),eo=to.min,ro=to.max,mo=to.data,ao=no>=5,po=function(){S(B?$:Q),z(!1),G(!1),_(I)},uo=function(){clearTimeout(io.current),io.current=setTimeout((function(){K(!1)}),1e3)},lo=!F||!F.name,jo=x===no-1,Io=no>=f,fo=B?!$.key:m(F,Q),ho=mo?M(r(a(mo),1,"-")):"-";return v("div",{onMouseEnter:function(){return K(!0)},onMouseLeave:uo,className:e(b.container,o({},b.horizontal,so)),children:[O(u,{title:ao&&!lo?v("p",{children:[F.name,": ",O("br",{})," ",ho," (",g(F.unitType)||F.unit,")"]}):"",children:v("div",{className:e(b.header,(p={},o(p,b.horizontal,so),o(p,b.vertical,!so),o(p,b.last,jo),o(p,b.minimal,ao),p)),onClick:function(){return z(!0)},children:[lo&&O("div",{className:b.empty,children:O(y,{fill:"#03BCD4",size:16})}),!lo&&v(k,{children:[!ao&&v("span",{className:b.unit,children:[F.name," (",g(F.unitType)||F.unit,")"]}),O("span",{className:b.current,children:ho}),v("div",{className:b.values,children:[O("span",{className:b.min,children:!F.autoScale&&Number.isFinite(F.scaleMin)?F.scaleMin:M(eo)}),O("span",{className:b.max,children:!F.autoScale&&Number.isFinite(F.scaleMax)?F.scaleMax:M(ro)})]}),O("div",{className:b.line,style:{borderColor:F.color,borderStyle:F.dashStyle}})]})]})}),jo&&!lo&&H&&!Io&&O("div",{className:b.addTrace,onClick:function(){G(!0),z(!0)},onMouseLeave:uo,onMouseEnter:function(){return clearTimeout(io.current)},children:O(y,{fill:"#03BCD4",size:16})}),O(C,{open:E,title:v("div",{className:b.modalTitle,children:[v("span",{className:b.trackTitle,onClick:function(){po(),R()},children:["Track Settings /"," "]}),F.name||"Empty Trace"]}),actions:v("div",{className:b.actions,children:[O(l,{className:P.button,color:"primary",onClick:function(){N(F.id),z(!1)},disabled:!F||!F.id,children:"Delete Trace"}),O(l,{className:P.button,color:"primary",onClick:function(){z(!1),G(!1),_(I)},children:"Cancel"}),O(l,{className:P.button,variant:"contained",color:"primary",onClick:po,disabled:fo,children:"Save"})]}),children:O(h,{traceSettings:B?$:Q,onChange:function(n,c){var i=s(B?[$,_]:[Q,V],2),t=i[0],e=i[1];if("key"===n){var r=D.find((function(o){return o.key===c}));e(T(T({},t),{},o({},n,c),r))}else e(T(T({},t),{},o({},n,c)))},mapping:D})})]})};N.propTypes={onChange:t.func.isRequired,onDelete:t.func.isRequired,openTrackSettings:t.func,classes:t.shape({}).isRequired,traceSettings:t.shape({name:t.string,key:t.string,id:t.string,unit:t.string,unitType:t.string,autoScale:t.bool,scaleMin:t.string,scaleMax:t.string,color:t.string,dashStyle:t.string,collection:t.string}),mapping:t.arrayOf(t.shape({name:t.string.isRequired,key:t.string.isRequired}).isRequired).isRequired,index:t.number.isRequired},N.defaultProps={traceSettings:I,openTrackSettings:function(){}};var F=p({button:{fontSize:14,marginLeft:20}})(N);export{F as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as i,useContext as n,useRef as c}from"react";import t from"prop-types";import e from"classnames";import{get as r,isEqual as m,last as a}from"lodash";import{withStyles as u,Tooltip as p,Button as l}from"@material-ui/core";import d from"../SettingsContext.js";import j from"../DataContext.js";import{DEFAULT_TRACE_SETTINGS as I,MAX_TRACE_COUNT as f}from"../constants.js";import h from"./TraceSettings.js";import b from"./TraceHeader.css.js";import{getUnitDisplay as g}from"../../../utils/convert.js";import C from"../../Modal/Modal.js";import{PlusIcon as y}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/SearchOne.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as v,jsx as O,Fragment as k}from"react/jsx-runtime";function S(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,n)}return i}function T(s){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{};i%2?S(Object(n),!0).forEach((function(i){o(s,i,n[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var M=function(o){return Number.isFinite(o)?Math.round(100*o)/100:"-"},N=function(t){var u,S=t.onChange,N=t.onDelete,D=t.traceSettings,x=void 0===D?F:D,R=t.classes,A=t.mapping,q=t.index,E=t.openTrackSettings,z=void 0===E?P:E,w=i(!1),L=s(w,2),B=L[0],G=L[1],U=i(!1),W=s(U,2),H=W[0],K=W[1],Z=i(!1),J=s(Z,2),Q=J[0],V=J[1],X=i(x),Y=s(X,2),$=Y[0],_=Y[1],oo=i(I),so=s(oo,2),io=so[0],no=so[1],co=n(d),to=co.horizontal,eo=co.maxTracesCount,ro=n(j).parsedData,mo=c(),ao=r(ro,x&&"".concat(x.collection,".").concat(x.key),{}),uo=ao.min,po=ao.max,lo=ao.data,jo=eo>=5,Io=function(){S(H?io:$),G(!1),K(!1),no(I)},fo=function(){clearTimeout(mo.current),mo.current=setTimeout((function(){V(!1)}),1e3)},ho=!x||!x.name,bo=q===eo-1,go=eo>=f,Co=H?!io.key:m(x,$),yo=lo?M(r(a(lo),1,"-")):"-";return v("div",{onMouseEnter:function(){return V(!0)},onMouseLeave:fo,className:e(b.container,o({},b.horizontal,to)),children:[O(p,{title:jo&&!ho?v("p",{children:[x.name,": ",O("br",{})," ",yo," (",g(x.unitType)||x.unit,")"]}):"",children:v("div",{className:e(b.header,(u={},o(u,b.horizontal,to),o(u,b.vertical,!to),o(u,b.last,bo),o(u,b.minimal,jo),u)),onClick:function(){return G(!0)},children:[ho&&O("div",{className:b.empty,children:O(y,{fill:"#03BCD4",size:16})}),!ho&&v(k,{children:[!jo&&v("span",{className:b.unit,children:[x.name," (",g(x.unitType)||x.unit,")"]}),O("span",{className:b.current,children:yo}),v("div",{className:b.values,children:[O("span",{className:b.min,children:!x.autoScale&&Number.isFinite(x.scaleMin)?x.scaleMin:M(uo)}),O("span",{className:b.max,children:!x.autoScale&&Number.isFinite(x.scaleMax)?x.scaleMax:M(po)})]}),O("div",{className:b.line,style:{borderColor:x.color,borderStyle:x.dashStyle}})]})]})}),bo&&!ho&&Q&&!go&&O("div",{className:b.addTrace,onClick:function(){K(!0),G(!0)},onMouseLeave:fo,onMouseEnter:function(){return clearTimeout(mo.current)},children:O(y,{fill:"#03BCD4",size:16})}),O(C,{open:B,title:v("div",{className:b.modalTitle,children:[v("span",{className:b.trackTitle,onClick:function(){Io(),z()},children:["Track Settings /"," "]}),x.name||"Empty Trace"]}),actions:v("div",{className:b.actions,children:[O(l,{className:R.button,color:"primary",onClick:function(){N(x.id),G(!1)},disabled:!x||!x.id,children:"Delete Trace"}),O(l,{className:R.button,color:"primary",onClick:function(){G(!1),K(!1),no(I)},children:"Cancel"}),O(l,{className:R.button,variant:"contained",color:"primary",onClick:Io,disabled:Co,children:"Save"})]}),children:O(h,{traceSettings:H?io:$,onChange:function(i,n){var c=s(H?[io,no]:[$,_],2),t=c[0],e=c[1];if("key"===i){var r=A.find((function(o){return o.key===n}));e(T(T({},t),{},o({},i,n),r))}else e(T(T({},t),{},o({},i,n)))},mapping:A})})]})};N.propTypes={onChange:t.func.isRequired,onDelete:t.func.isRequired,openTrackSettings:t.func,classes:t.shape({}).isRequired,traceSettings:t.shape({name:t.string,key:t.string,id:t.string,unit:t.string,unitType:t.string,autoScale:t.bool,scaleMin:t.string,scaleMax:t.string,color:t.string,dashStyle:t.string,collection:t.string}),mapping:t.arrayOf(t.shape({name:t.string.isRequired,key:t.string.isRequired}).isRequired).isRequired,index:t.number.isRequired};var F=I,P=function(){},D=u({button:{fontSize:14,marginLeft:20}})(N);export{D as default};
 //# sourceMappingURL=TraceHeader.js.map

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

@@ -1 +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 { withStyles, Button, Tooltip } from '@material-ui/core';\n\nimport SettingsContext from '../SettingsContext';\nimport DataContext from '../DataContext';\nimport { DEFAULT_TRACE_SETTINGS, MAX_TRACE_COUNT } from '../constants';\n\nimport TraceSettings from './TraceSettings';\n\nimport styles from './TraceHeader.css';\n\nimport { getUnitDisplay } from '~/utils/convert';\nimport Modal from '~/components/Modal';\nimport { PlusIcon } from '~/icons';\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              <PlusIcon fill=\"#03BCD4\" size={16} />\n            </div>\n          )}\n          {!isEpmty && (\n            <>\n              {!showMinimalInfo && (\n                <span className={styles.unit}>\n                  {traceSettings.name} (\n                  {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          <PlusIcon fill=\"#03BCD4\" size={16} />\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","_ref","_classNames2","onChange","onDelete","traceSettings","classes","mapping","index","openTrackSettings","useState","_useState2","_slicedToArray","_useState","isSettingsVisible","setIsSettingsVisible","_useState4","_useState3","isAddingTraceInProgress","setIsAddingTraceInProgress","_useState6","_useState5","isAddTraceVisible","setIsAddTraceVisible","_useState8","_useState7","currentSettings","setCurrentSettings","DEFAULT_TRACE_SETTINGS","_useState10","_useState9","newTraceSettings","setNewTraceSettings","useContext","SettingsContext","horizontal","maxTracesCount","parsedData","DataContext","timer","useRef","_get","get","collection","concat","key","min","max","data","showMinimalInfo","onSave","autoHideAddingTrraces","clearTimeout","current","setTimeout","isEpmty","name","isLastTrace","isTracesLimitReached","MAX_TRACE_COUNT","isSaveDisabled","isEqual","actualValue","last","_jsxs","onMouseEnter","onMouseLeave","className","classNames","styles","container","children","_jsx","Tooltip","title","getUnitDisplay","unitType","unit","header","vertical","_defineProperty","minimal","onClick","empty","PlusIcon","fill","size","_Fragment","values","autoScale","scaleMin","scaleMax","line","style","borderColor","color","borderStyle","dashStyle","addTrace","Modal","open","modalTitle","trackTitle","actions","Button","button","id","disabled","variant","TraceSettings","value","_ref3","settings","setSettings","mappingData","find","item","_objectSpread","propTypes","PropTypes","func","isRequired","shape","string","bool","arrayOf","number","defaultProps","TraceHeader$1","withStyles","fontSize","marginLeft"],"mappings":"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"}
+{"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 { withStyles, Button, Tooltip } from '@material-ui/core';\n\nimport SettingsContext from '../SettingsContext';\nimport DataContext from '../DataContext';\nimport { DEFAULT_TRACE_SETTINGS, MAX_TRACE_COUNT } from '../constants';\n\nimport TraceSettings from './TraceSettings';\n\nimport styles from './TraceHeader.css';\n\nimport { getUnitDisplay } from '~/utils/convert';\nimport Modal from '~/components/Modal';\nimport { PlusIcon } from '~/icons';\n\nconst round = val => {\n  return Number.isFinite(val) ? Math.round(val * 100) / 100 : '-';\n};\n\nconst TraceHeader = ({\n  onChange,\n  onDelete,\n  traceSettings = DEFAULT_TRACE_HEADER_TRACE_SETTINGS,\n  classes,\n  mapping,\n  index,\n  openTrackSettings = DEFAULT_TRACE_HEADER_OPEN_TRACK_SETTINGS,\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              <PlusIcon fill=\"#03BCD4\" size={16} />\n            </div>\n          )}\n          {!isEpmty && (\n            <>\n              {!showMinimalInfo && (\n                <span className={styles.unit}>\n                  {traceSettings.name} (\n                  {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          <PlusIcon fill=\"#03BCD4\" size={16} />\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\nconst DEFAULT_TRACE_HEADER_TRACE_SETTINGS = DEFAULT_TRACE_SETTINGS;\nconst DEFAULT_TRACE_HEADER_OPEN_TRACK_SETTINGS = () => {};\n\nexport default withStyles({\n  button: { fontSize: 14, marginLeft: 20 },\n})(TraceHeader);\n"],"names":["round","val","Number","isFinite","Math","TraceHeader","_ref","_classNames2","onChange","onDelete","_ref$traceSettings","traceSettings","DEFAULT_TRACE_HEADER_TRACE_SETTINGS","classes","mapping","index","_ref$openTrackSetting","openTrackSettings","DEFAULT_TRACE_HEADER_OPEN_TRACK_SETTINGS","useState","_useState2","_slicedToArray","_useState","isSettingsVisible","setIsSettingsVisible","_useState4","_useState3","isAddingTraceInProgress","setIsAddingTraceInProgress","_useState6","_useState5","isAddTraceVisible","setIsAddTraceVisible","_useState8","_useState7","currentSettings","setCurrentSettings","DEFAULT_TRACE_SETTINGS","_useState10","_useState9","newTraceSettings","setNewTraceSettings","useContext","SettingsContext","horizontal","maxTracesCount","parsedData","DataContext","timer","useRef","_get","get","collection","concat","key","min","max","data","showMinimalInfo","onSave","autoHideAddingTrraces","clearTimeout","current","setTimeout","isEpmty","name","isLastTrace","isTracesLimitReached","MAX_TRACE_COUNT","isSaveDisabled","isEqual","actualValue","last","_jsxs","onMouseEnter","onMouseLeave","className","classNames","styles","container","children","_jsx","Tooltip","title","getUnitDisplay","unitType","unit","header","vertical","_defineProperty","minimal","onClick","empty","PlusIcon","fill","size","_Fragment","values","autoScale","scaleMin","scaleMax","line","style","borderColor","color","borderStyle","dashStyle","addTrace","Modal","open","modalTitle","trackTitle","actions","Button","button","id","disabled","variant","TraceSettings","value","_ref3","settings","setSettings","mappingData","find","item","_objectSpread","propTypes","PropTypes","func","isRequired","shape","string","bool","arrayOf","number","TraceHeader$1","withStyles","fontSize","marginLeft"],"mappings":"+mKAkBA,IAAMA,EAAQ,SAAAC,GACZ,OAAOC,OAAOC,SAASF,GAAOG,KAAKJ,MAAY,IAANC,GAAa,IAAM,GAC9D,EAEMI,EAAc,SAQdC,GAAA,IAAAC,EAPJC,IAAAA,SACAC,IAAAA,SAAQC,EAAAJ,EACRK,cAAAA,aAAgBC,EAAmCF,EACnDG,IAAAA,QACAC,IAAAA,QACAC,IAAAA,MAAKC,EAAAV,EACLW,kBAAAA,aAAoBC,EAAwCF,EAEVG,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAA1DC,EAAiBH,EAAA,GAAEI,EAAoBJ,EAAA,GACgBD,EAAAA,GAAS,GAAMM,EAAAJ,EAAAK,EAAA,GAAtEC,EAAuBF,EAAA,GAAEG,EAA0BH,EAAA,GACRN,EAAAA,GAAS,GAAMU,EAAAR,EAAAS,EAAA,GAA1DC,EAAiBF,EAAA,GAAEG,EAAoBH,EAAA,GACAV,EAAAA,EAASR,GAAcsB,EAAAZ,EAAAa,EAAA,GAA9DC,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GACMd,GAAAA,EAASkB,GAAuBC,GAAAjB,EAAAkB,GAAA,GAAzEC,GAAgBF,GAAA,GAAEG,GAAmBH,GAAA,GACLI,GAAAA,EAAWC,GAA1CC,MAAAA,WAAYC,MAAAA,eACZC,GAAeJ,EAAWK,GAA1BD,WACFE,GAAQC,IAEdC,GAA2BC,EACzBL,GACAnC,aAAoBA,EAAcyC,WAAU,KAAAC,OAAI1C,EAAc2C,KAC9D,CAAA,GAHMC,MAAAA,IAAKC,MAAAA,IAAKC,MAAAA,KAKZC,GAAkBb,IAAkB,EAsBpCc,GAAS,WACbnD,EAASmB,EAA0Ba,GAAmBL,GACtDX,GAAqB,GACrBI,GAA2B,GAC3Ba,GAAoBJ,IAGhBuB,GAAwB,WAC5BC,aAAab,GAAMc,SACnBd,GAAMc,QAAUC,YAAW,WACzB/B,GAAqB,EACtB,GAAE,MAmBCgC,IAAWrD,IAAkBA,EAAcsD,KAE3CC,GAAcnD,IAAU8B,GAAiB,EAEzCsB,GAAuBtB,IAAkBuB,EAEzCC,GAAiB1C,GAClBa,GAAiBc,IAClBgB,EAAQ3D,EAAewB,GAOrBoC,GAAcd,GAAOzD,EAAMmD,EAAIqB,EAAKf,IAAO,EAAG,MAAQ,IAE5D,OACEgB,EAAA,MAAA,CACEC,aAAc,WAAA,OAAM1C,GAAqB,EAAM,EAC/C2C,aAAcf,GACdgB,UAAWC,EAAWC,EAAOC,UAC1BD,EAAAA,CAAAA,EAAAA,EAAOlC,WAAaA,KACpBoC,SAAA,CAEHC,EAACC,EAAO,CACNC,MACEzB,KAAoBM,GAClBS,EAAA,IAAA,CAAAO,SAAA,CACGrE,EAAcsD,KAAO,KAAAgB,EAAA,KAAA,CAAA,OAAQV,GAAW,KACxCa,EAAezE,EAAc0E,WAAa1E,EAAc2E,KAAI,OAG/D,GAEHN,SAEDP,EAAA,MAAA,CACEG,UAAWC,EAAWC,EAAOS,QAC1BT,EAAAA,CAAAA,EAAAA,EAAAA,EAAAA,EAAOlC,WAAaA,QACpBkC,EAAOU,UAAY5C,IACnBkC,EAAAA,EAAAA,EAAON,KAAON,IAAWuB,EAAAlF,EACzBuE,EAAOY,QAAUhC,IACjBnD,IACHoF,QAAS,WAAA,OAAMnE,GAAqB,EAAM,EAAAwD,SAAA,CAEzChB,IACCiB,EAAA,MAAA,CAAKL,UAAWE,EAAOc,MAAMZ,SAC3BC,EAACY,EAAQ,CAACC,KAAK,UAAUC,KAAM,QAGjC/B,IACAS,EAAAuB,EAAA,CAAAhB,SACG,EAACtB,IACAe,EAAA,OAAA,CAAMG,UAAWE,EAAOQ,KAAKN,SAAA,CAC1BrE,EAAcsD,KAAI,KAClBmB,EAAezE,EAAc0E,WAAa1E,EAAc2E,KAAI,OAGjEL,EAAA,OAAA,CAAML,UAAWE,EAAOhB,QAAQkB,SAAET,KAClCE,EAAA,MAAA,CAAKG,UAAWE,EAAOmB,OAAOjB,SAC5B,CAAAC,EAAA,OAAA,CAAML,UAAWE,EAAOvB,IAAIyB,UACxBrE,EAAcuF,WAAahG,OAAOC,SAASQ,EAAcwF,UACvDxF,EAAcwF,SACdnG,EAAMuD,MAEZ0B,EAAA,OAAA,CAAML,UAAWE,EAAOtB,IAAIwB,UACxBrE,EAAcuF,WAAahG,OAAOC,SAASQ,EAAcyF,UACvDzF,EAAcyF,SACdpG,EAAMwD,SAGdyB,EAAA,MAAA,CACEL,UAAWE,EAAOuB,KAClBC,MAAO,CACLC,YAAa5F,EAAc6F,MAC3BC,YAAa9F,EAAc+F,qBAOtCxC,KAAgBF,IAAWjC,IAAsBoC,IAChDc,EAAA,MAAA,CACEL,UAAWE,EAAO6B,SAClBhB,QAjGY,WAClB/D,GAA2B,GAC3BJ,GAAqB,IAgGfmD,aAAcf,GACdc,aAAc,WAAA,OAAMb,aAAab,GAAMc,QAAS,EAAAkB,SAEhDC,EAACY,EAAQ,CAACC,KAAK,UAAUC,KAAM,OAGnCd,EAAC2B,EAAK,CACJC,KAAMtF,EACN4D,MACEV,EAAA,MAAA,CAAKG,UAAWE,EAAOgC,WAAW9B,SAChC,CAAAP,EAAA,OAAA,CAAMG,UAAWE,EAAOiC,WAAYpB,QAvFzB,WACnBhC,KACA1C,KAqFkE+D,SAAA,CAAA,mBACvC,OAElBrE,EAAcsD,MAAQ,iBAG3B+C,QACEvC,EAAA,MAAA,CAAKG,UAAWE,EAAOkC,QAAQhC,SAAA,CAC7BC,EAACgC,EAAM,CACLrC,UAAW/D,EAAQqG,OACnBV,MAAM,UACNb,QA5HQ,WAClBlF,EAASE,EAAcwG,IACvB3F,GAAqB,IA2HX4F,UAAWzG,IAAkBA,EAAcwG,GAAGnC,SAAA,iBAIhDC,EAACgC,EAAM,CAACrC,UAAW/D,EAAQqG,OAAQV,MAAM,UAAUb,QAvHrC,WACtBnE,GAAqB,GACrBI,GAA2B,GAC3Ba,GAAoBJ,IAoHgE2C,SAAA,WAG5EC,EAACgC,EAAM,CACLrC,UAAW/D,EAAQqG,OACnBG,QAAQ,YACRb,MAAM,UACNb,QAAShC,GACTyD,SAAU/C,GAAeW,SAAA,YAK9BA,SAEDC,EAACqC,EAAa,CACZ3G,cAAegB,EAA0Ba,GAAmBL,EAC5D3B,SApLiB,SAAC8C,EAAKiE,GAC7B,IAEyCC,EAAAnG,EAFTM,EAC5B,CAACa,GAAkBC,IACnB,CAACN,EAAiBC,GAAmB,GAFlCqF,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAG5B,GAAY,QAARlE,EAAe,CAEjB,IAAMqE,EAAc7G,EAAQ8G,MAAK,SAAAC,GAAI,OAAIA,EAAKvE,MAAQiE,KACtDG,EAAWI,EAAAA,EAAA,CAAA,EACNL,GACFnE,CAAAA,EAAAA,EAAAA,CAAAA,EAAAA,EAAMiE,GACJI,GAEP,MACED,SACKD,GAAQ,GAAAhC,EAAA,CAAA,EACVnC,EAAMiE,MAsKLzG,QAASA,QAKnB,EAEAT,EAAY0H,UAAY,CACtBvH,SAAUwH,EAAUC,KAAKC,WACzBzH,SAAUuH,EAAUC,KAAKC,WACzBjH,kBAAmB+G,EAAUC,KAC7BpH,QAASmH,EAAUG,MAAM,CAAA,GAAID,WAC7BvH,cAAeqH,EAAUG,MAAM,CAC7BlE,KAAM+D,EAAUI,OAChB9E,IAAK0E,EAAUI,OACfjB,GAAIa,EAAUI,OACd9C,KAAM0C,EAAUI,OAChB/C,SAAU2C,EAAUI,OACpBlC,UAAW8B,EAAUK,KACrBlC,SAAU6B,EAAUI,OACpBhC,SAAU4B,EAAUI,OACpB5B,MAAOwB,EAAUI,OACjB1B,UAAWsB,EAAUI,OACrBhF,WAAY4E,EAAUI,SAExBtH,QAASkH,EAAUM,QACjBN,EAAUG,MAAM,CACdlE,KAAM+D,EAAUI,OAAOF,WACvB5E,IAAK0E,EAAUI,OAAOF,aACrBA,YACHA,WACFnH,MAAOiH,EAAUO,OAAOL,YAG1B,IAAMtH,EAAsCyB,EACtCnB,EAA2C,aAEjDsH,EAAeC,EAAW,CACxBvB,OAAQ,CAAEwB,SAAU,GAAIC,WAAY,KADvBF,CAEZpI"}

package/components/ParameterCharts/components/TraceSelect.d.ts

@@ -1,11 +1,11 @@
 import PropTypes from 'prop-types';
-declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
+declare const _default: import("react").ComponentType<Pick<Pick<{
     classes: any;
     mapping: any;
     onChange: any;
-    showLabel: any;
-    value: any;
-}, never> & Pick<PropTypes.InferProps<{
+    showLabel?: boolean | undefined;
+    value?: string | undefined;
+}, "showLabel" | "value"> & Pick<PropTypes.InferProps<{
     value: PropTypes.Requireable<string>;
     onChange: PropTypes.Validator<(...args: any[]) => any>;
     classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
@@ -14,7 +14,7 @@ declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
         name: PropTypes.Validator<string>;
         key: PropTypes.Validator<string>;
     }>>[]>;
-}>, "showLabel" | "value" | PropTypes.RequiredKeys<{
+}>, PropTypes.RequiredKeys<{
     value: PropTypes.Requireable<string>;
     onChange: PropTypes.Validator<(...args: any[]) => any>;
     classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
@@ -23,18 +23,12 @@ declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
         name: PropTypes.Validator<string>;
         key: PropTypes.Validator<string>;
     }>>[]>;
-}>>, PropTypes.RequiredKeys<{
-    value: PropTypes.Requireable<string>;
-    onChange: PropTypes.Validator<(...args: any[]) => any>;
-    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-    showLabel: PropTypes.Requireable<boolean>;
-    mapping: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-        name: PropTypes.Validator<string>;
-        key: PropTypes.Validator<string>;
-    }>>[]>;
-}>> & {
-    value?: string | null | undefined;
-    showLabel?: boolean | null | undefined;
-} & {}, "mapping" | "onChange" | "showLabel" | "value"> & import("@material-ui/styles").StyledComponentProps<"select">>;
+}>> & Pick<{
+    classes: any;
+    mapping: any;
+    onChange: any;
+    showLabel?: boolean | undefined;
+    value?: string | undefined;
+}, never>, "mapping" | "onChange" | "showLabel" | "value"> & import("@material-ui/styles").StyledComponentProps<"select">>;
 export default _default;
 //# sourceMappingURL=TraceSelect.d.ts.map

package/components/ParameterCharts/components/TraceSelect.js

@@ -1,2 +1,2 @@
-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};
+import e from"prop-types";import{withStyles as r,FormControl as a,InputLabel as i,Select as n,MenuItem as s}from"@material-ui/core";import{jsxs as t,jsx as o}from"react/jsx-runtime";var u=function(e){var r=e.value,u=void 0===r?"":r,l=e.onChange,p=e.mapping,c=e.classes,m=e.showLabel;return t(a,{children:[o(i,{htmlFor:"traceKey",children:void 0!==m&&m?"Trace Name":u?"":"Choose a trace"}),o(n,{displayEmpty:!0,value:u,className:c.select,onChange:function(e){return l(e.target.value)},inputProps:{name:"traceKey"},children:p&&p.map((function(e){var r=e.key,a=e.name;return o(s,{value:r,children:a},r)}))})]})};u.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};var l=r({select:{width:200}})(u);export{l as default};
 //# sourceMappingURL=TraceSelect.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TraceSelect.js","sources":["../../../../src/components/ParameterCharts/components/TraceSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\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,\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  ).isRequired,\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","_ref","value","onChange","mapping","classes","showLabel","_jsxs","FormControl","children","_jsx","InputLabel","htmlFor","Select","displayEmpty","className","select","e","target","inputProps","name","map","_ref2","key","MenuItem","propTypes","PropTypes","string","func","isRequired","shape","bool","arrayOf","defaultProps","TraceSelect$1","withStyles","width"],"mappings":"sLAGA,IAAMA,EAAc,SAAsDC,GAAA,IAAnDC,IAAAA,MAAOC,IAAAA,SAAUC,IAAAA,QAASC,IAAAA,QAASC,IAAAA,UAGxD,OACEC,EAACC,EAAW,CAAAC,SAAA,CACVC,EAACC,EAAU,CAACC,QAAQ,WAAUH,SAHpBH,EAAY,aAAeJ,EAAQ,GAAK,mBAIlDQ,EAACG,EAAM,CACLC,cAAY,EACZZ,MAAOA,EACPa,UAAWV,EAAQW,OACnBb,SAAU,SAAAc,GAAC,OAAId,EAASc,EAAEC,OAAOhB,MAAO,EACxCiB,WAAY,CACVC,KAAM,YACNX,SAEDL,GACCA,EAAQiB,KAAI,SAAAC,GAAA,IAAGC,IAAAA,IAAKH,IAAAA,KAAI,OACtBV,EAACc,EAAQ,CAAWtB,MAAOqB,EAAId,SAC5BW,GADYG,UAO3B,EAEAvB,EAAYyB,UAAY,CACtBvB,MAAOwB,EAAUC,OACjBxB,SAAUuB,EAAUE,KAAKC,WACzBxB,QAASqB,EAAUI,MAAM,CAAA,GAAID,WAC7BvB,UAAWoB,EAAUK,KACrB3B,QAASsB,EAAUM,QACjBN,EAAUI,MAAM,CACdV,KAAMM,EAAUC,OAAOE,WACvBN,IAAKG,EAAUC,OAAOE,aACrBA,YACHA,YAGJ7B,EAAYiC,aAAe,CACzB/B,MAAO,GACPI,WAAW,GAGb,IAAA4B,EAAeC,EAAW,CACxBnB,OAAQ,CACNoB,MAAO,MAFID,CAIZnC"}
+{"version":3,"file":"TraceSelect.js","sources":["../../../../src/components/ParameterCharts/components/TraceSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { FormControl, Select, InputLabel, MenuItem, withStyles } from '@material-ui/core';\n\nconst TraceSelect = ({ value = '', onChange, mapping, classes, showLabel = false }) => {\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,\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  ).isRequired,\n};\n\nexport default withStyles({\n  select: {\n    width: 200,\n  },\n})(TraceSelect);\n"],"names":["TraceSelect","_ref","_ref$value","value","onChange","mapping","classes","_ref$showLabel","showLabel","_jsxs","FormControl","children","_jsx","InputLabel","htmlFor","Select","displayEmpty","className","select","e","target","inputProps","name","map","_ref2","key","MenuItem","propTypes","PropTypes","string","func","isRequired","shape","bool","arrayOf","TraceSelect$1","withStyles","width"],"mappings":"sLAGA,IAAMA,EAAc,SAAmEC,GAAA,IAAAC,EAAAD,EAAhEE,MAAAA,aAAQ,GAAED,EAAEE,IAAAA,SAAUC,IAAAA,QAASC,IAAAA,QAAOC,EAAAN,EAAEO,UAG7D,OACEC,EAACC,EAAW,CAAAC,SAAA,CACVC,EAACC,EAAU,CAACC,QAAQ,WAAUH,qBAL4CJ,EAEpD,aAAeJ,EAAQ,GAAK,mBAIlDS,EAACG,EAAM,CACLC,cAAY,EACZb,MAAOA,EACPc,UAAWX,EAAQY,OACnBd,SAAU,SAAAe,GAAC,OAAIf,EAASe,EAAEC,OAAOjB,MAAO,EACxCkB,WAAY,CACVC,KAAM,YACNX,SAEDN,GACCA,EAAQkB,KAAI,SAAAC,GAAA,IAAGC,IAAAA,IAAKH,IAAAA,KAAI,OACtBV,EAACc,EAAQ,CAAWvB,MAAOsB,EAAId,SAC5BW,GADYG,UAO3B,EAEAzB,EAAY2B,UAAY,CACtBxB,MAAOyB,EAAUC,OACjBzB,SAAUwB,EAAUE,KAAKC,WACzBzB,QAASsB,EAAUI,MAAM,CAAA,GAAID,WAC7BvB,UAAWoB,EAAUK,KACrB5B,QAASuB,EAAUM,QACjBN,EAAUI,MAAM,CACdV,KAAMM,EAAUC,OAAOE,WACvBN,IAAKG,EAAUC,OAAOE,aACrBA,YACHA,YAGJ,IAAAI,EAAeC,EAAW,CACxBlB,OAAQ,CACNmB,MAAO,MAFID,CAIZpC"}