@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/ParameterCharts/ParameterCharts.js

@@ -1,143 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { get, maxBy } from 'lodash';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useRef, useEffect, useMemo } from 'react';
-import uuid from 'uuid';
-import { shape, arrayOf, string, number, func, bool } from 'prop-types';
-import classNames from 'classnames';
-import { DEFAULT_TRACK_SETTINGS, SETTINGS_KEY } from './constants.js';
-import SettingsContext from './SettingsContext.js';
-import DataContext from './DataContext.js';
-import ChartsContext from './ChartsContext.js';
-import Track from './components/Track.js';
-import CursorPositioner from './components/Tooltip/CursorPositioner.js';
-import { convertData } from './utils/dataParser.js';
-import styles from './ParameterCharts.css.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var ParameterCharts = function ParameterCharts(_ref) {
-  var settings = _ref.settings,
-      onSettingsChange = _ref.onSettingsChange,
-      settingsKey = _ref.settingsKey,
-      horizontal = _ref.horizontal,
-      mapping = _ref.mapping,
-      data = _ref.data,
-      indexes = _ref.indexes,
-      isLoading = _ref.isLoading,
-      multipleAssets = _ref.multipleAssets,
-      assestColors = _ref.assestColors;
-  var currentSettings = settings[settingsKey];
-  var chartsRef = useRef(new Map());
-
-  var onChartChange = function onChartChange(id, chartRef) {
-    chartsRef.current.set(id, chartRef);
-  }; // TODO: move to utils
-  // TODO: move types to files?
-  // TODO: async data calculation
-  // TODO: fix the vertical view
-  // TODO: update data by higcharts API
-
-
-  useEffect(function () {
-    if (!currentSettings || !currentSettings.length) {
-      onSettingsChange(_objectSpread(_objectSpread({}, settings), {}, _defineProperty({}, settingsKey, [_objectSpread(_objectSpread({}, DEFAULT_TRACK_SETTINGS), {}, {
-        id: uuid()
-      })])));
-    }
-  }, []);
-  var maxTracesCount = useMemo(function () {
-    return get(maxBy(currentSettings, 'traces.length'), 'traces.length') || 1;
-  }, [currentSettings]);
-  var parsedData = useMemo(function () {
-    if (multipleAssets) {
-      var assetsKeys = Object.keys(data);
-      return assetsKeys.reduce(function (acc, assetKey) {
-        return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, assetKey, convertData({
-          data: data[assetKey],
-          mapping: mapping,
-          indexesKeys: indexes.keys
-        })));
-      }, {});
-    } else {
-      return convertData({
-        data: data,
-        mapping: mapping,
-        indexesKeys: indexes.keys
-      });
-    }
-  }, [data, mapping, indexes.keys, multipleAssets]);
-  return /*#__PURE__*/jsx(SettingsContext.Provider, {
-    value: {
-      horizontal: horizontal,
-      settingsKey: settingsKey,
-      settings: settings,
-      onSettingsChange: onSettingsChange,
-      maxTracesCount: maxTracesCount,
-      multipleAssets: multipleAssets,
-      assestColors: assestColors
-    },
-    children: /*#__PURE__*/jsx(DataContext.Provider, {
-      value: {
-        mapping: mapping,
-        parsedData: parsedData,
-        indexes: indexes,
-        isLoading: isLoading
-      },
-      children: /*#__PURE__*/jsx(ChartsContext.Provider, {
-        value: {
-          chartsRef: chartsRef,
-          onChartChange: onChartChange
-        },
-        children: /*#__PURE__*/jsxs("div", {
-          className: classNames(styles.container, _defineProperty({}, styles.horizontal, horizontal)),
-          children: [/*#__PURE__*/jsx(CursorPositioner, {}), currentSettings && currentSettings.map(function (trackSettings, index) {
-            return /*#__PURE__*/jsx(Track, {
-              settings: settings,
-              onSettingsChange: onSettingsChange,
-              id: trackSettings.id,
-              index: index
-            }, trackSettings.id);
-          })]
-        })
-      })
-    })
-  });
-};
-
-ParameterCharts.propTypes = {
-  data: shape({}).isRequired,
-  mapping: arrayOf(shape({
-    name: string.isRequired,
-    key: string.isRequired,
-    unit: string.isRequired,
-    unitType: string.isRequired
-  }).isRequired).isRequired,
-  indexes: shape({
-    key: string,
-    name: string,
-    min: number,
-    max: number,
-    unit: string,
-    unitType: string
-  }).isRequired,
-  settingsKey: string,
-  settings: shape({}),
-  onSettingsChange: func.isRequired,
-  horizontal: bool,
-  multipleAssets: bool,
-  isLoading: bool.isRequired,
-  assestColors: arrayOf(string)
-};
-ParameterCharts.defaultProps = {
-  settingsKey: SETTINGS_KEY,
-  horizontal: false,
-  multipleAssets: false,
-  settings: {},
-  assestColors: []
-};
-
-export default ParameterCharts;
-//# sourceMappingURL=ParameterCharts.js.map
+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"./ParameterCharts.css.js";import P from"./ChartsContext.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(P.Provider,{value:{chartsRef:K,onChartChange:function(e,t){K.current.set(e,t)}},children:x("div",{className:u(C.container,e({},C.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};

package/components/ParameterCharts/SettingsContext.js

@@ -1,13 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { createContext } from 'react';
-import { SETTINGS_KEY } from './constants.js';
-
-var SettingsContext = createContext({
-  horizontal: false,
-  settingsKey: SETTINGS_KEY,
-  settings: _defineProperty({}, SETTINGS_KEY, []),
-  onSettingsChange: function onSettingsChange() {}
-});
-
-export default SettingsContext;
-//# sourceMappingURL=SettingsContext.js.map
+import t from"@babel/runtime/helpers/defineProperty";import{createContext as e}from"react";import{SETTINGS_KEY as r}from"./constants.js";var o=e({horizontal:!1,settingsKey:r,settings:t({},r,[]),onSettingsChange:function(){}});export{o as default};

package/components/ParameterCharts/components/ChartContainer.css.js

@@ -1,8 +1 @@
-import styleInject from '../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".ChartContainer_container__rMrv_ {\n  flex: 1;\n  height: 100%;\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: flex-end;\n}\n\n.ChartContainer_horizontal__3ad7V {\n  margin-right: 8px;\n}\n\n.ChartContainer_first__3yMwU {\n  height: 123px;\n}";
-var styles = {"container":"ChartContainer_container__rMrv_","horizontal":"ChartContainer_horizontal__3ad7V","first":"ChartContainer_first__3yMwU"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=ChartContainer.css.js.map
+import t from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var i={container:"ChartContainer_container__kwguV",horizontal:"ChartContainer_horizontal__Ogc29",first:"ChartContainer_first__S7W9z"};t(".ChartContainer_container__kwguV{align-items:flex-end;display:flex;flex:1;height:100%;position:relative;width:100%}.ChartContainer_horizontal__Ogc29{margin-right:8px}.ChartContainer_first__S7W9z{height:123px}");export{i as default};

package/components/ParameterCharts/components/ChartContainer.js

@@ -1,48 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useContext } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import SettingsContext from '../SettingsContext.js';
-import DataContext from '../DataContext.js';
-import LineChart from './Charts/LineChart.js';
-import DataLoadingIndicator from './DataLoadingIndicator.js';
-import styles from './ChartContainer.css.js';
-
-var ChartContainer = function ChartContainer(_ref) {
-  var _classNames;
-
-  var traces = _ref.traces,
-      trackIndex = _ref.trackIndex;
-
-  var _useContext = useContext(SettingsContext),
-      horizontal = _useContext.horizontal;
-
-  var _useContext2 = useContext(DataContext),
-      isLoading = _useContext2.isLoading;
-
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames(styles.container, (_classNames = {}, _defineProperty(_classNames, styles.horizontal, horizontal), _defineProperty(_classNames, styles.first, trackIndex === 0), _classNames)),
-    children: [/*#__PURE__*/jsx(LineChart, {
-      trackIndex: trackIndex,
-      traceSettings: traces
-    }), isLoading && /*#__PURE__*/jsx(DataLoadingIndicator, {})]
-  });
-};
-
-ChartContainer.propTypes = {
-  traces: PropTypes.arrayOf(PropTypes.shape({
-    dashStyle: PropTypes.string.isRequired,
-    id: PropTypes.string.isRequired,
-    key: PropTypes.string,
-    color: PropTypes.string,
-    name: PropTypes.string,
-    traceType: PropTypes.string.isRequired,
-    unit: PropTypes.string,
-    lineWidth: PropTypes.number.isRequired
-  }).isRequired).isRequired,
-  trackIndex: PropTypes.number.isRequired
-};
-
-export default ChartContainer;
-//# sourceMappingURL=ChartContainer.js.map
+import r from"@babel/runtime/helpers/defineProperty";import{useContext as t}from"react";import e from"prop-types";import i from"classnames";import s from"./Charts/LineChart.js";import o from"./DataLoadingIndicator.js";import a from"../SettingsContext.js";import n from"../DataContext.js";import m from"./ChartContainer.css.js";import{jsxs as p,jsx as d}from"react/jsx-runtime";var c=function(e){var c,f=e.traces,u=e.trackIndex,g=t(a).horizontal,l=t(n).isLoading;return p("div",{className:i(m.container,(c={},r(c,m.horizontal,g),r(c,m.first,0===u),c)),children:[d(s,{trackIndex:u,traceSettings:f}),l&&d(o,{})]})};c.propTypes={traces:e.arrayOf(e.shape({dashStyle:e.string.isRequired,id:e.string.isRequired,key:e.string,color:e.string,name:e.string,traceType:e.string.isRequired,unit:e.string,lineWidth:e.number.isRequired}).isRequired).isRequired,trackIndex:e.number.isRequired};export{c as default};

package/components/ParameterCharts/components/Charts/EmptyChart.css.js

@@ -1,8 +1 @@
-import styleInject from '../../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".EmptyChart_container__8RCqJ {\n  height: 100px;\n  background: #272727;\n  display: flex;\n  position: relative;\n  height: 100px;\n  flex: 1;\n  justify-content: space-around;\n}\n\n.EmptyChart_yAxis__3k5uD {\n  position: absolute;\n  height: 1px;\n  background: #414141;\n  left: 0;\n  top: 50%;\n  transform: translate(0, -50%);\n  width: 100%;\n}\n\n.EmptyChart_xAxis__qnDi6 {\n  border-right: 1px dashed #616161;\n}\n\n.EmptyChart_xAxis__qnDi6:last-child {\n  border-left: 1px dashed #616161;\n}";
-var styles = {"container":"EmptyChart_container__8RCqJ","yAxis":"EmptyChart_yAxis__3k5uD","xAxis":"EmptyChart_xAxis__qnDi6"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=EmptyChart.css.js.map
+import t from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var e={container:"EmptyChart_container__N1bie",yAxis:"EmptyChart_yAxis__AAMM7",xAxis:"EmptyChart_xAxis__tJfn0"};t(".EmptyChart_container__N1bie{background:#272727;display:flex;flex:1;height:100px;justify-content:space-around;position:relative}.EmptyChart_yAxis__AAMM7{background:#414141;height:1px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.EmptyChart_xAxis__tJfn0{border-right:1px dashed #616161}.EmptyChart_xAxis__tJfn0:last-child{border-left:1px dashed #616161}");export{e as default};

package/components/ParameterCharts/components/Charts/EmptyChart.js

@@ -1,20 +1 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styles from './EmptyChart.css.js';
-
-var EmptyChart = function EmptyChart() {
-  return /*#__PURE__*/jsxs("div", {
-    className: styles.container,
-    children: [/*#__PURE__*/jsx("div", {
-      className: styles.yAxis
-    }), /*#__PURE__*/jsx("div", {
-      className: styles.xAxis
-    }), /*#__PURE__*/jsx("div", {
-      className: styles.xAxis
-    }), /*#__PURE__*/jsx("div", {
-      className: styles.xAxis
-    })]
-  });
-};
-
-export default EmptyChart;
-//# sourceMappingURL=EmptyChart.js.map
+import s from"./EmptyChart.css.js";import{jsxs as a,jsx as i}from"react/jsx-runtime";var r=function(){return a("div",{className:s.container,children:[i("div",{className:s.yAxis}),i("div",{className:s.xAxis}),i("div",{className:s.xAxis}),i("div",{className:s.xAxis})]})};export{r as default};

package/components/ParameterCharts/components/Charts/LineChart.css.js

@@ -1,8 +1 @@
-import styleInject from '../../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".LineChart_container__vhChb {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}";
-var styles = {"container":"LineChart_container__vhChb"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=LineChart.css.js.map
+import t from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var e={container:"LineChart_container__ymQPP"};t(".LineChart_container__ymQPP{height:100%;position:absolute;width:100%}");export{e as default};

package/components/ParameterCharts/components/Charts/LineChart.js

@@ -1,111 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { toNumber } from 'lodash';
-import { jsx } from 'react/jsx-runtime';
-import Highcharts from 'highcharts';
-import { useContext, useRef, useMemo, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import SettingsContext from '../../SettingsContext.js';
-import DataContext from '../../DataContext.js';
-import HighchartsReact from 'highcharts-react-official';
-import ChartsContext from '../../ChartsContext.js';
-import EmptyChart from './EmptyChart.js';
-import { getLineOptionsByTrack } from './options.js';
-import styles from './LineChart.css.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var LineChart = function LineChart(_ref) {
-  var traceSettings = _ref.traceSettings,
-      trackIndex = _ref.trackIndex;
-
-  var _useContext = useContext(DataContext),
-      parsedData = _useContext.parsedData,
-      indexes = _useContext.indexes;
-
-  var _useContext2 = useContext(ChartsContext),
-      onChartChange = _useContext2.onChartChange;
-
-  var _useContext3 = useContext(SettingsContext),
-      maxTracesCount = _useContext3.maxTracesCount,
-      multipleAssets = _useContext3.multipleAssets,
-      assestColors = _useContext3.assestColors;
-
-  var chartRef = useRef();
-  var options = useMemo(function () {
-    var result = getLineOptionsByTrack(trackIndex);
-    var defaultYAxis = result.yAxis;
-    result.yAxis = [];
-
-    if (multipleAssets) {
-      var traceSetting = traceSettings[0];
-      if (!traceSetting) return result;
-      var assetKeys = Object.keys(parsedData);
-      assetKeys.forEach(function (assetKey) {
-        result.series.push(_objectSpread(_objectSpread(_objectSpread({}, traceSetting), {}, {
-          lineColor: assestColors[assetKey]
-        }, parsedData[assetKey]["".concat(traceSetting.collection, ".").concat(traceSetting.key)]), {}, {
-          name: assetKey
-        }));
-        result.yAxis.push(_objectSpread(_objectSpread({}, defaultYAxis), {}, {
-          min: !traceSetting.autoScale && traceSetting.scaleMin ? toNumber(traceSetting.scaleMin) : undefined,
-          max: !traceSetting.autoScale && traceSetting.scaleMax ? toNumber(traceSetting.scaleMax) : undefined
-        }));
-      });
-    } else {
-      traceSettings.forEach(function (item) {
-        result.series.push(_objectSpread(_objectSpread({}, item), parsedData["".concat(item.collection, ".").concat(item.key)]));
-        result.yAxis.push(_objectSpread(_objectSpread({}, defaultYAxis), {}, {
-          min: !item.autoScale && item.scaleMin ? toNumber(item.scaleMin) : undefined,
-          max: !item.autoScale && item.scaleMax ? toNumber(item.scaleMax) : undefined
-        }));
-      });
-    }
-
-    return result;
-  }, [traceSettings, parsedData]);
-  useEffect(function () {
-    if (chartRef.current) {
-      chartRef.current.chart.xAxis[0].setExtremes(indexes.min, indexes.max);
-    }
-  }, [indexes.min, indexes.max]);
-  useEffect(function () {
-    if (chartRef.current) chartRef.current.chart.setSize();
-  }, [maxTracesCount]);
-  useEffect(function () {
-    onChartChange(trackIndex, chartRef);
-  }, [chartRef]);
-  var isEpmty = !options.series || !options.series.length || options.series.length === 1 && !options.series[0].data;
-  return useMemo(function () {
-    if (isEpmty) {
-      return /*#__PURE__*/jsx(EmptyChart, {});
-    }
-
-    return options && /*#__PURE__*/jsx(HighchartsReact, {
-      highcharts: Highcharts,
-      options: options,
-      ref: chartRef,
-      containerProps: {
-        className: styles.container
-      }
-    });
-  }, [options]);
-};
-
-LineChart.propTypes = {
-  traceSettings: PropTypes.arrayOf(PropTypes.shape({
-    dashStyle: PropTypes.string.isRequired,
-    id: PropTypes.string.isRequired,
-    key: PropTypes.string,
-    color: PropTypes.string,
-    name: PropTypes.string,
-    traceType: PropTypes.string.isRequired,
-    unit: PropTypes.string,
-    lineWidth: PropTypes.number.isRequired
-  }).isRequired).isRequired,
-  trackIndex: PropTypes.number.isRequired
-};
-
-export default LineChart;
-//# sourceMappingURL=LineChart.js.map
+import e from"@babel/runtime/helpers/defineProperty";import{useContext as r,useRef as t,useMemo as i,useEffect as n}from"react";import o from"prop-types";import s from"highcharts";import a from"highcharts-react-official";import{toNumber as c}from"lodash";import u from"../../DataContext.js";import p from"../../SettingsContext.js";import m from"../../ChartsContext.js";import f from"./EmptyChart.js";import{getLineOptionsByTrack as l}from"./options.js";import h from"./LineChart.css.js";import{jsx as y}from"react/jsx-runtime";function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r&&(i=i.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,i)}return t}function x(r){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?d(Object(i),!0).forEach((function(t){e(r,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(i)):d(Object(i)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(i,e))}))}return r}var g=function(e){var o=e.traceSettings,d=e.trackIndex,g=r(u),b=g.parsedData,j=g.indexes,O=r(m).onChartChange,v=r(p),C=v.maxTracesCount,S=v.multipleAssets,P=v.assestColors,M=t(),k=i((function(){var e=l(d),r=e.yAxis;if(e.yAxis=[],S){var t=o[0];if(!t)return e;Object.keys(b).forEach((function(i){e.series.push(x(x(x({},t),{},{lineColor:P[i]},b[i]["".concat(t.collection,".").concat(t.key)]),{},{name:i})),e.yAxis.push(x(x({},r),{},{min:!t.autoScale&&t.scaleMin?c(t.scaleMin):void 0,max:!t.autoScale&&t.scaleMax?c(t.scaleMax):void 0}))}))}else o.forEach((function(t){e.series.push(x(x({},t),b["".concat(t.collection,".").concat(t.key)])),e.yAxis.push(x(x({},r),{},{min:!t.autoScale&&t.scaleMin?c(t.scaleMin):void 0,max:!t.autoScale&&t.scaleMax?c(t.scaleMax):void 0}))}));return e}),[o,b]);n((function(){M.current&&M.current.chart.xAxis[0].setExtremes(j.min,j.max)}),[j.min,j.max]),n((function(){M.current&&M.current.chart.setSize()}),[C]),n((function(){O(d,M)}),[M]);var q=!k.series||!k.series.length||1===k.series.length&&!k.series[0].data;return i((function(){return q?y(f,{}):k&&y(a,{highcharts:s,options:k,ref:M,containerProps:{className:h.container}})}),[k])};g.propTypes={traceSettings:o.arrayOf(o.shape({dashStyle:o.string.isRequired,id:o.string.isRequired,key:o.string,color:o.string,name:o.string,traceType:o.string.isRequired,unit:o.string,lineWidth:o.number.isRequired}).isRequired).isRequired,trackIndex:o.number.isRequired};export{g as default};

package/components/ParameterCharts/components/Charts/options.js

@@ -1,81 +1 @@
-var getLineOptionsByTrack = function getLineOptionsByTrack(index) {
-  var isFirstTrack = index === 0;
-  return {
-    boost: {
-      enabled: false
-    },
-    chart: {
-      backgroundColor: 'transparent',
-      plotBackgroundColor: '#272727',
-      type: 'line',
-      spacing: [0, 0, 0, 0],
-      animation: false
-    },
-    plotOptions: {
-      series: {
-        animation: false,
-        states: {
-          hover: {
-            enabled: false
-          }
-        },
-        enableMouseTracking: false,
-        turboThreshold: 10000
-      },
-      line: {
-        marker: {
-          enabled: false
-        }
-      }
-    },
-    xAxis: {
-      gridLineColor: '#616161',
-      gridLineWidth: 1,
-      gridLineDashStyle: 'dot',
-      tickLength: 0,
-      lineWidth: 0,
-      startOnTick: false,
-      endOnTick: false,
-      minPadding: 0,
-      maxPadding: 0,
-      opposite: Boolean(isFirstTrack),
-      offset: isFirstTrack ? -5 : 0,
-      labels: {
-        style: {
-          fontSize: '10px',
-          color: '#9E9E9E',
-          fontFamily: 'Roboto'
-        },
-        enabled: Boolean(isFirstTrack)
-      }
-    },
-    yAxis: {
-      title: {
-        enabled: false
-      },
-      labels: {
-        enabled: false
-      },
-      gridLineColor: '#414141',
-      gridLineWidth: 1,
-      startOnTick: false,
-      endOnTick: false,
-      minPadding: 0.25,
-      maxPadding: 0.25
-    },
-    title: '',
-    legend: {
-      enabled: false
-    },
-    credits: {
-      enabled: false
-    },
-    exporting: {
-      enabled: false
-    },
-    series: []
-  };
-};
-
-export { getLineOptionsByTrack };
-//# sourceMappingURL=options.js.map
+var e=function(e){var n=0===e;return{boost:{enabled:!1},chart:{backgroundColor:"transparent",plotBackgroundColor:"#272727",type:"line",spacing:[0,0,0,0],animation:!1},plotOptions:{series:{animation:!1,states:{hover:{enabled:!1}},enableMouseTracking:!1,turboThreshold:1e4},line:{marker:{enabled:!1}}},xAxis:{gridLineColor:"#616161",gridLineWidth:1,gridLineDashStyle:"dot",tickLength:0,lineWidth:0,startOnTick:!1,endOnTick:!1,minPadding:0,maxPadding:0,opposite:Boolean(n),offset:n?-5:0,labels:{style:{fontSize:"10px",color:"#9E9E9E",fontFamily:"Roboto"},enabled:Boolean(n)}},yAxis:{title:{enabled:!1},labels:{enabled:!1},gridLineColor:"#414141",gridLineWidth:1,startOnTick:!1,endOnTick:!1,minPadding:.25,maxPadding:.25},title:"",legend:{enabled:!1},credits:{enabled:!1},exporting:{enabled:!1},series:[]}};export{e as getLineOptionsByTrack};

package/components/ParameterCharts/components/DataLoadingIndicator.js

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

package/components/ParameterCharts/components/SingleChannelTrackSettings.js

@@ -1,47 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { jsx } from 'react/jsx-runtime';
-import PropTypes from 'prop-types';
-import { DEFAULT_TRACE_SETTINGS } from '../constants.js';
-import TraceSelect from './TraceSelect.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var SingleChannelTrackSettings = function SingleChannelTrackSettings(_ref) {
-  var _trackSettings$traces, _trackSettings$traces2;
-
-  var trackSettings = _ref.trackSettings,
-      onChange = _ref.onChange,
-      mapping = _ref.mapping;
-
-  var onChannelChange = function onChannelChange(val) {
-    var mappingEntity = mapping.find(function (item) {
-      return item.key === val;
-    });
-    onChange('traces', [_objectSpread(_objectSpread({}, DEFAULT_TRACE_SETTINGS), {}, {
-      key: val,
-      id: val
-    }, mappingEntity)]);
-  };
-
-  return /*#__PURE__*/jsx(TraceSelect, {
-    value: (_trackSettings$traces = trackSettings.traces) === null || _trackSettings$traces === void 0 ? void 0 : (_trackSettings$traces2 = _trackSettings$traces[0]) === null || _trackSettings$traces2 === void 0 ? void 0 : _trackSettings$traces2.key,
-    onChange: onChannelChange,
-    mapping: mapping,
-    showLabel: true
-  });
-};
-
-SingleChannelTrackSettings.propTypes = {
-  trackSettings: PropTypes.shape({
-    traces: PropTypes.arrayOf(PropTypes.shape({
-      key: PropTypes.string
-    }))
-  }).isRequired,
-  onChange: PropTypes.func.isRequired,
-  mapping: PropTypes.arrayOf(PropTypes.shape({})).isRequired
-};
-
-export default SingleChannelTrackSettings;
-//# sourceMappingURL=SingleChannelTrackSettings.js.map
+import e from"@babel/runtime/helpers/defineProperty";import r from"prop-types";import t from"./TraceSelect.js";import{DEFAULT_TRACE_SETTINGS as n}from"../constants.js";import{jsx as o}from"react/jsx-runtime";function i(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function p(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}var a=function(e){var r,i,a=e.trackSettings,c=e.onChange,s=e.mapping;return o(t,{value:null===(r=a.traces)||void 0===r||null===(i=r[0])||void 0===i?void 0:i.key,onChange:function(e){var r=s.find((function(r){return r.key===e}));c("traces",[p(p({},n),{},{key:e,id:e},r)])},mapping:s,showLabel:!0})};a.propTypes={trackSettings:r.shape({traces:r.arrayOf(r.shape({key:r.string}))}).isRequired,onChange:r.func.isRequired,mapping:r.arrayOf(r.shape({})).isRequired};export{a as default};

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

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

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

@@ -1,108 +1 @@
-import { throttle } from 'lodash';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { jsx } from 'react/jsx-runtime';
-import { useContext, useState, useCallback, useMemo } from 'react';
-import SettingsContext from '../../SettingsContext.js';
-import ChartsContext from '../../ChartsContext.js';
-import Tooltip from './Tooltip.js';
-import styles from './CursorPositioner.css.js';
-
-var HORIZONTAL_HEADER_WIDTH = 68; // px
-
-var HORIZONTAL_TRACK_HEIGHT = 100; // px
-
-var HORIZONTAL_TRACK_SPACING = 16; // px
-
-var HORRIZONTAL_TRACK_HEADER_WIDTH = 24 + 8; // header + spacing px
-
-var CursorPositioner = function CursorPositioner() {
-  var _useContext = useContext(ChartsContext),
-      chartsRef = _useContext.chartsRef;
-
-  var _useContext2 = useContext(SettingsContext),
-      settings = _useContext2.settings,
-      horizontal = _useContext2.horizontal,
-      maxTracesCount = _useContext2.maxTracesCount,
-      settingsKey = _useContext2.settingsKey;
-
-  var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      points = _useState2[0],
-      setPoints = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isTooltipVisible = _useState4[0],
-      setIsTooltipVisible = _useState4[1];
-
-  var onMouseOverTraceCharts = function onMouseOverTraceCharts(e) {
-    setIsTooltipVisible(true);
-
-    if (chartsRef && chartsRef.current && settings[settingsKey]) {
-      var _points = [];
-      var tracks = settings[settingsKey];
-      tracks.forEach(function (_, index) {
-        var currentPoints = [];
-        var ref = chartsRef.current.get(index);
-
-        if (ref && ref.current && ref.current.chart) {
-          var chart = ref.current.chart;
-          var event = chart.pointer.normalize(e);
-          chart.series.forEach(function (item) {
-            var point = item.searchPoint(event, true);
-
-            if (point) {
-              currentPoints.push(point);
-            }
-          });
-        }
-
-        _points.push(currentPoints);
-      });
-      setPoints(_points);
-    }
-  };
-
-  var onMouseMove = useCallback(throttle(function (event) {
-    return onMouseOverTraceCharts(event);
-  }, 50, {
-    leading: true,
-    trailing: false
-  }), [chartsRef]);
-  var dynamicStyles = useMemo(function () {
-    var _settings$settingsKey;
-
-    var tracksAmount = (settings === null || settings === void 0 ? void 0 : (_settings$settingsKey = settings[settingsKey]) === null || _settings$settingsKey === void 0 ? void 0 : _settings$settingsKey.length) || 1;
-
-    if (horizontal) {
-      var right = "".concat(HORIZONTAL_HEADER_WIDTH * maxTracesCount + HORRIZONTAL_TRACK_HEADER_WIDTH, "px");
-      var height = "".concat((HORIZONTAL_TRACK_HEIGHT + HORIZONTAL_TRACK_SPACING) * tracksAmount, "px");
-      return {
-        right: right,
-        height: height
-      };
-    }
-
-    return {
-      right: 0,
-      height: 0
-    };
-  }, [maxTracesCount, horizontal, settings]);
-
-  var hideToolTip = function hideToolTip() {
-    setIsTooltipVisible(false);
-  };
-
-  return /*#__PURE__*/jsx("div", {
-    className: styles.container,
-    style: dynamicStyles,
-    onMouseMove: onMouseMove,
-    onMouseLeave: hideToolTip,
-    children: isTooltipVisible && /*#__PURE__*/jsx(Tooltip, {
-      points: points
-    })
-  });
-};
-
-export default CursorPositioner;
-//# sourceMappingURL=CursorPositioner.js.map
+import r from"@babel/runtime/helpers/slicedToArray";import{useContext as t,useState as o,useCallback as n,useMemo as e}from"react";import{throttle as i}from"lodash";import a from"../../SettingsContext.js";import s from"../../ChartsContext.js";import c from"./Tooltip.js";import u from"./CursorPositioner.css.js";import{jsx as f}from"react/jsx-runtime";var m=function(){var m=t(s).chartsRef,h=t(a),l=h.settings,p=h.horizontal,v=h.maxTracesCount,g=h.settingsKey,d=o([]),x=r(d,2),j=x[0],C=x[1],y=o(!1),M=r(y,2),T=M[0],b=M[1],z=n(i((function(r){return function(r){if(b(!0),m&&m.current&&l[g]){var t=[];l[g].forEach((function(o,n){var e=[],i=m.current.get(n);if(i&&i.current&&i.current.chart){var a=i.current.chart,s=a.pointer.normalize(r);a.series.forEach((function(r){var t=r.searchPoint(s,!0);t&&e.push(t)}))}t.push(e)})),C(t)}}(r)}),50,{leading:!0,trailing:!1}),[m]),E=e((function(){var r,t=(null==l||null===(r=l[g])||void 0===r?void 0:r.length)||1;return p?{right:"".concat(68*v+32,"px"),height:"".concat(116*t,"px")}:{right:0,height:0}}),[v,p,l]);return f("div",{className:u.container,style:E,onMouseMove:z,onMouseLeave:function(){b(!1)},children:T&&f(c,{points:j})})};export{m as default};