intelicoreact 0.2.39 → 0.2.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -41,7 +41,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
41
41
 
42
42
  var RC = 'chart';
43
43
 
44
- _chart.Chart.register(_chart.CategoryScale, _chart.LinearScale, _chart.BarElement, _chart.PointElement, _chart.LineElement, _chart.Filler);
44
+ _chart.Chart.register(_chart.CategoryScale, _chart.LinearScale, _chart.BarElement, _chart.PointElement, _chart.LineElement, _chart.Filler, _chart.Tooltip);
45
45
 
46
46
  var Chart = function Chart(_ref) {
47
47
  var className = _ref.className,
@@ -3,7 +3,10 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.COMPONENT_OPTIONS = exports.ICON_MODELS = exports.GRADIENTS_OBJECTS = exports.FINTURF_ADD_GRADIENT_COLORS_NEGATIVE = exports.FINTURF_ADD_GRADIENT_COLORS_POSITIVE = exports.DEFAULT_CHART_MODEL = exports.CHART_TYPES = void 0;
6
+ exports.COMPONENT_OPTIONS = exports.ICON_MODELS = exports.FINTURF_TOOLTIP_OPTIONS = exports.GRADIENTS_OBJECTS = exports.FINTURF_ADD_GRADIENT_COLORS_NEGATIVE = exports.FINTURF_ADD_GRADIENT_COLORS_POSITIVE = exports.DEFAULT_CHART_MODEL = exports.CHART_TYPES = void 0;
7
+
8
+ var _fieldValueFormatters = require("../../../../Functions/fieldValueFormatters");
9
+
7
10
  var CHART_TYPES = ['Bar', 'Line'];
8
11
  exports.CHART_TYPES = CHART_TYPES;
9
12
  var DEFAULT_CHART_MODEL = 'emptyLayout';
@@ -45,6 +48,40 @@ var GRADIENTS_OBJECTS = {
45
48
  }
46
49
  };
47
50
  exports.GRADIENTS_OBJECTS = GRADIENTS_OBJECTS;
51
+ var FINTURF_TOOLTIP_OPTIONS = {
52
+ enabled: true,
53
+ mode: 'index',
54
+ intersect: false,
55
+ padding: 8,
56
+ backgroundColor: '#FFFFFF',
57
+ titleColor: '#757F8C',
58
+ titleFont: {
59
+ family: 'Sarabun',
60
+ style: 'normal',
61
+ weight: 500,
62
+ size: 12 // line-height: 18px;
63
+
64
+ },
65
+ titleAlign: 'center',
66
+ bodyColor: '#1E1E2D',
67
+ bodyFont: {
68
+ family: 'Sarabun',
69
+ style: 'normal',
70
+ weight: 400,
71
+ size: 14
72
+ },
73
+ bodyAlign: 'center',
74
+ caretSize: 0,
75
+ displayColors: false,
76
+ borderWidth: 1,
77
+ borderRadius: 6,
78
+ callbacks: {
79
+ label: function label(context) {
80
+ return (0, _fieldValueFormatters.formatDollarSign)((0, _fieldValueFormatters.formatToAddBitDepthPoints)(context.raw));
81
+ }
82
+ }
83
+ };
84
+ exports.FINTURF_TOOLTIP_OPTIONS = FINTURF_TOOLTIP_OPTIONS;
48
85
  var ICON_MODELS = ['lineIconLayout', 'finturfPositiveLineIcon', 'finturfNegativeLineIcon'];
49
86
  exports.ICON_MODELS = ICON_MODELS;
50
87
  var COMPONENT_OPTIONS = {
@@ -5,12 +5,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.addNotLibraryAnimation = exports.addGradientsObject = exports.createGradient = exports.addDatasetsObjects = void 0;
8
+ exports.default = exports.addNotLibraryAnimation = exports.addGradientsObject = exports.createGradient = exports.addDatasetsObjects = void 0;
9
9
 
10
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
11
 
12
12
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
13
 
14
+ var _utils = require("../../../../Functions/utils");
15
+
14
16
  var _excluded = ["type"];
15
17
 
16
18
  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; }
@@ -89,11 +91,11 @@ var createGradient = function createGradient(_ref) {
89
91
 
90
92
  exports.createGradient = createGradient;
91
93
 
92
- var addGradientsObject = function addGradientsObject(currentData, gradientSettingsObj, chart) {
94
+ var addGradientsObject = function addGradientsObject(currentData, gradientSettingsObj, chartInstance) {
93
95
  return addDatasetsObjects(currentData, function (dataset) {
94
96
  return _objectSpread((0, _defineProperty2.default)({}, gradientSettingsObj.gradientTargetPropertyName, createGradient({
95
- ctx: chart.ctx,
96
- area: chart.chartArea,
97
+ ctx: chartInstance.ctx,
98
+ area: chartInstance.chartArea,
97
99
  colors: gradientSettingsObj.colors,
98
100
  direction: gradientSettingsObj.direction,
99
101
  correctionFactors: gradientSettingsObj.typeDistributionOfGradientPoints === 'personalBase' ? dataset.data.map(function (value) {
@@ -108,7 +110,7 @@ var addGradientsObject = function addGradientsObject(currentData, gradientSettin
108
110
 
109
111
  exports.addGradientsObject = addGradientsObject;
110
112
 
111
- var addNotLibraryAnimation = function addNotLibraryAnimation(currentData, animationObj, chart) {
113
+ var addNotLibraryAnimation = function addNotLibraryAnimation(currentData, animationObj, chartInstance) {
112
114
  var _ref2 = animationObj || {},
113
115
  type = _ref2.type,
114
116
  restAnimationObj = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
@@ -139,6 +141,40 @@ var addNotLibraryAnimation = function addNotLibraryAnimation(currentData, animat
139
141
  default:
140
142
  return currentData;
141
143
  }
142
- };
144
+ }; // must be last function in file
145
+
146
+
147
+ exports.addNotLibraryAnimation = addNotLibraryAnimation;
148
+
149
+ function changeData(currentData, iterationKey, settingsForChange, chartInstance) {
150
+ // console.log('iterationKey - ', iterationKey);
151
+ // console.log('settingsForChange - ', settingsForChange);
152
+ switch (iterationKey) {
153
+ case 'setMaxBarThickness':
154
+ return addDatasetsObjects(currentData, {
155
+ maxBarThickness: settingsForChange
156
+ });
157
+
158
+ case 'addGradientsObjects':
159
+ return settingsForChange.reduce(function (acc, gradientSettingsObj) {
160
+ return addGradientsObject(acc, gradientSettingsObj, chartInstance);
161
+ }, (0, _utils.clone)(currentData));
162
+
163
+ case 'addNotLibraryAnimations':
164
+ return settingsForChange.reduce(function (acc, animationObj) {
165
+ return addNotLibraryAnimation(acc, animationObj, chartInstance);
166
+ }, currentData);
167
+ // ToDo - после выпилить кейс
168
+
169
+ case 'consoleCurrentData':
170
+ console.log(currentData);
171
+ return currentData;
172
+
173
+ default:
174
+ return currentData;
175
+ }
176
+ }
143
177
 
144
- exports.addNotLibraryAnimation = addNotLibraryAnimation;
178
+ ;
179
+ var _default = changeData;
180
+ exports.default = _default;
@@ -11,6 +11,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
11
11
 
12
12
  var _Chart = require("./Chart.constants");
13
13
 
14
+ var _optionsSetters = _interopRequireDefault(require("./optionsSetters"));
15
+
14
16
  var _finturfChartLayouts$, _finturfChartLayouts$2, _finturfChartLayouts$3, _finturfChartLayouts$4, _finturfChartLayouts$5, _finturfChartLayouts$6, _finturfChartLayouts$7, _finturfChartLayouts$8, _finturfChartBar$opti, _finturfChartBar$opti2, _finturfChartBar$opti3, _finturfChartBar$notL, _finturfChartLine$opt, _finturfChartLine$opt2, _finturfChartLine$opt3, _finturfChartLine$opt4, _finturfChartLine$opt5, _finturfChartLine$opt6, _finturfChartLine$not;
15
17
 
16
18
  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; }
@@ -125,7 +127,7 @@ var reactChartJsOptionsLayouts = {
125
127
  notLibraryOptions: {
126
128
  // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
127
129
  // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
128
- // => Файл Chart.js => определение ChartComponent
130
+ // => Файл Chart.js => определение подкомпонента ChartComponent => строка const Component = ...
129
131
  chartTypeKey: 'Line'
130
132
  }
131
133
  }
@@ -134,7 +136,7 @@ exports.reactChartJsOptionsLayouts = reactChartJsOptionsLayouts;
134
136
 
135
137
  var finturfChartLayouts = function () {
136
138
  return ['barLayout', 'lineLayout'].reduce(function (acc, key) {
137
- var _reactChartJsOptionsL, _reactChartJsOptionsL2, _reactChartJsOptionsL3, _reactChartJsOptionsL4, _reactChartJsOptionsL5, _reactChartJsOptionsL6, _reactChartJsOptionsL7, _reactChartJsOptionsL8, _reactChartJsOptionsL9, _reactChartJsOptionsL10, _reactChartJsOptionsL11;
139
+ var _reactChartJsOptionsL, _reactChartJsOptionsL2, _reactChartJsOptionsL3, _reactChartJsOptionsL4, _reactChartJsOptionsL5, _reactChartJsOptionsL6, _reactChartJsOptionsL7, _reactChartJsOptionsL8, _reactChartJsOptionsL9, _reactChartJsOptionsL10, _reactChartJsOptionsL11, _reactChartJsOptionsL12, _reactChartJsOptionsL13, _reactChartJsOptionsL14, _reactChartJsOptionsL15, _reactChartJsOptionsL16, _reactChartJsOptionsL17;
138
140
 
139
141
  return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2.default)({}, key, _objectSpread(_objectSpread({}, reactChartJsOptionsLayouts[key]), {}, {
140
142
  options: _objectSpread(_objectSpread({}, reactChartJsOptionsLayouts[key].options), {}, {
@@ -143,18 +145,51 @@ var finturfChartLayouts = function () {
143
145
  grid: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL4 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL4 === void 0 ? void 0 : (_reactChartJsOptionsL5 = _reactChartJsOptionsL4.scales) === null || _reactChartJsOptionsL5 === void 0 ? void 0 : (_reactChartJsOptionsL6 = _reactChartJsOptionsL5.x) === null || _reactChartJsOptionsL6 === void 0 ? void 0 : _reactChartJsOptionsL6.grid), {}, {
144
146
  display: false,
145
147
  offset: true
148
+ }),
149
+ ticks: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL7 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL7 === void 0 ? void 0 : (_reactChartJsOptionsL8 = _reactChartJsOptionsL7.scales) === null || _reactChartJsOptionsL8 === void 0 ? void 0 : (_reactChartJsOptionsL9 = _reactChartJsOptionsL8.y) === null || _reactChartJsOptionsL9 === void 0 ? void 0 : _reactChartJsOptionsL9.ticks), {}, {
150
+ autoSkipPadding: 10,
151
+ align: 'center',
152
+ color: '#757F8C',
153
+ lineHeight: 18,
154
+ font: {
155
+ family: 'Sarabun',
156
+ style: 'normal',
157
+ weight: 400,
158
+ size: 8
159
+ } // callback: (value, index, ticks) => {
160
+ // console.log(value);
161
+ // console.log(index);
162
+ // console.log(ticks);
163
+ // console.log('***********');
164
+ // return value;
165
+ // },
166
+
146
167
  })
147
168
  }),
148
- y: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL7 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL7 === void 0 ? void 0 : (_reactChartJsOptionsL8 = _reactChartJsOptionsL7.scales) === null || _reactChartJsOptionsL8 === void 0 ? void 0 : _reactChartJsOptionsL8.y), {}, {
169
+ y: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL10 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL10 === void 0 ? void 0 : (_reactChartJsOptionsL11 = _reactChartJsOptionsL10.scales) === null || _reactChartJsOptionsL11 === void 0 ? void 0 : _reactChartJsOptionsL11.y), {}, {
149
170
  min: 0,
171
+ // grace: '5%',
150
172
  bounds: 'data',
151
- grid: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL9 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL9 === void 0 ? void 0 : (_reactChartJsOptionsL10 = _reactChartJsOptionsL9.scales) === null || _reactChartJsOptionsL10 === void 0 ? void 0 : (_reactChartJsOptionsL11 = _reactChartJsOptionsL10.y) === null || _reactChartJsOptionsL11 === void 0 ? void 0 : _reactChartJsOptionsL11.grid), {}, {
173
+ grid: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL12 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL12 === void 0 ? void 0 : (_reactChartJsOptionsL13 = _reactChartJsOptionsL12.scales) === null || _reactChartJsOptionsL13 === void 0 ? void 0 : (_reactChartJsOptionsL14 = _reactChartJsOptionsL13.y) === null || _reactChartJsOptionsL14 === void 0 ? void 0 : _reactChartJsOptionsL14.grid), {}, {
152
174
  borderColor: '#E1E8F1',
153
175
  color: '#E1E8F1',
154
176
  borderDash: [5],
155
177
  // borderDashOffset: 12,
156
178
  drawTicks: false,
157
179
  z: -1
180
+ }),
181
+ ticks: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL15 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL15 === void 0 ? void 0 : (_reactChartJsOptionsL16 = _reactChartJsOptionsL15.scales) === null || _reactChartJsOptionsL16 === void 0 ? void 0 : (_reactChartJsOptionsL17 = _reactChartJsOptionsL16.y) === null || _reactChartJsOptionsL17 === void 0 ? void 0 : _reactChartJsOptionsL17.ticks), {}, {
182
+ autoSkipPadding: 10,
183
+ align: 'center',
184
+ color: '#A0A4B0',
185
+ lineHeight: 18,
186
+ padding: 6,
187
+ font: {
188
+ family: 'Sarabun',
189
+ style: 'normal',
190
+ weight: 400,
191
+ size: 10
192
+ }
158
193
  })
159
194
  })
160
195
  })
@@ -190,23 +225,13 @@ var finturfChartLine = _objectSpread(_objectSpread({}, finturfChartLayouts.lineL
190
225
  })
191
226
  })
192
227
  })
193
- }); // gradientsSettings is Array of objects
194
-
195
-
196
- var addGradientsSettings = function addGradientsSettings(currentOptions, gradientsSettings) {
197
- var _currentOptions$notLi;
198
-
199
- return _objectSpread(_objectSpread({}, currentOptions), {}, {
200
- notLibraryOptions: _objectSpread(_objectSpread({}, currentOptions.notLibraryOptions), {}, {
201
- changeData: _objectSpread(_objectSpread({}, (_currentOptions$notLi = currentOptions.notLibraryOptions) === null || _currentOptions$notLi === void 0 ? void 0 : _currentOptions$notLi.changeData), {}, {
202
- addGradientsObjects: gradientsSettings
203
- })
204
- })
205
- });
206
- };
228
+ });
207
229
 
208
230
  var finturfReactChartJsOptions = {
209
- finturfChartBar: _objectSpread({}, addGradientsSettings(finturfChartBar, _Chart.GRADIENTS_OBJECTS.finturf.bar)),
231
+ finturfChartBar: (0, _optionsSetters.default)(finturfChartBar, {
232
+ addGradientsSettings: _Chart.GRADIENTS_OBJECTS.finturf.bar,
233
+ addTooltipOptions: _Chart.FINTURF_TOOLTIP_OPTIONS
234
+ }),
210
235
  finturfLoadingModeBar: _objectSpread(_objectSpread({}, finturfChartBar), {}, {
211
236
  options: _objectSpread(_objectSpread({}, finturfChartBar.options), {}, {
212
237
  animations: _objectSpread(_objectSpread({}, (_finturfChartBar$opti = finturfChartBar.options) === null || _finturfChartBar$opti === void 0 ? void 0 : _finturfChartBar$opti.animations), {}, {
@@ -231,7 +256,11 @@ var finturfReactChartJsOptions = {
231
256
  })
232
257
  })
233
258
  }),
234
- finturfChartLine: _objectSpread({}, addGradientsSettings(finturfChartLine, _Chart.GRADIENTS_OBJECTS.finturf.line)),
259
+ finturfChartLine: (0, _optionsSetters.default)(finturfChartLine, {
260
+ addGradientsSettings: _Chart.GRADIENTS_OBJECTS.finturf.line,
261
+ addTooltipOptions: _Chart.FINTURF_TOOLTIP_OPTIONS // consoleCurrentData: true,
262
+
263
+ }),
235
264
  finturfLoadingModeLine: _objectSpread(_objectSpread({}, finturfChartLine), {}, {
236
265
  options: _objectSpread(_objectSpread({}, finturfChartLine.options), {}, {
237
266
  elements: _objectSpread(_objectSpread({}, (_finturfChartLine$opt = finturfChartLine.options) === null || _finturfChartLine$opt === void 0 ? void 0 : _finturfChartLine$opt.elements), {}, {
@@ -261,8 +290,12 @@ var finturfReactChartJsOptions = {
261
290
  })
262
291
  })
263
292
  }),
264
- finturfPositiveLineIcon: _objectSpread({}, addGradientsSettings(reactChartJsOptionsLayouts.lineIconLayout, _Chart.GRADIENTS_OBJECTS.finturf.positiveLineIcon)),
265
- finturfNegativeLineIcon: _objectSpread({}, addGradientsSettings(reactChartJsOptionsLayouts.lineIconLayout, _Chart.GRADIENTS_OBJECTS.finturf.negativeLineIcon))
293
+ finturfPositiveLineIcon: (0, _optionsSetters.default)(reactChartJsOptionsLayouts.lineIconLayout, {
294
+ addGradientsSettings: _Chart.GRADIENTS_OBJECTS.finturf.positiveLineIcon
295
+ }),
296
+ finturfNegativeLineIcon: (0, _optionsSetters.default)(reactChartJsOptionsLayouts.lineIconLayout, {
297
+ addGradientsSettings: _Chart.GRADIENTS_OBJECTS.finturf.negativeLineIcon
298
+ })
266
299
  };
267
300
  exports.finturfReactChartJsOptions = finturfReactChartJsOptions;
268
301
 
@@ -0,0 +1,70 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = exports.addTooltipOptions = exports.addGradientsSettings = void 0;
9
+
10
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
+
12
+ 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; }
13
+
14
+ 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) { (0, _defineProperty2.default)(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; }
15
+
16
+ // gradientsSettings is Array of objects
17
+ var addGradientsSettings = function addGradientsSettings(currentOptions, gradientsSettings) {
18
+ var _currentOptions$notLi;
19
+
20
+ return _objectSpread(_objectSpread({}, currentOptions), {}, {
21
+ notLibraryOptions: _objectSpread(_objectSpread({}, currentOptions.notLibraryOptions), {}, {
22
+ changeData: _objectSpread(_objectSpread({}, (_currentOptions$notLi = currentOptions.notLibraryOptions) === null || _currentOptions$notLi === void 0 ? void 0 : _currentOptions$notLi.changeData), {}, {
23
+ addGradientsObjects: gradientsSettings
24
+ })
25
+ })
26
+ });
27
+ };
28
+
29
+ exports.addGradientsSettings = addGradientsSettings;
30
+
31
+ var addTooltipOptions = function addTooltipOptions(currentOptions, tooltipOptions) {
32
+ return _objectSpread(_objectSpread({}, currentOptions), {}, {
33
+ options: _objectSpread(_objectSpread({}, currentOptions.options), {}, {
34
+ plugins: _objectSpread(_objectSpread({}, currentOptions.options.plugins), {}, {
35
+ tooltip: tooltipOptions
36
+ })
37
+ })
38
+ });
39
+ }; // must be last function in file
40
+
41
+
42
+ exports.addTooltipOptions = addTooltipOptions;
43
+
44
+ var addAdditionalOptions = function addAdditionalOptions(currentOptions, optionsToAdd) {
45
+ var addOption = function addOption(currentOptions, optionKey, optionData) {
46
+ switch (optionKey) {
47
+ case 'addGradientsSettings':
48
+ return addGradientsSettings(currentOptions, optionData);
49
+
50
+ case 'addTooltipOptions':
51
+ return addTooltipOptions(currentOptions, optionData);
52
+ // ToDo - после выпилить кейс
53
+
54
+ case 'consoleCurrentData':
55
+ console.log(currentOptions);
56
+ return currentOptions;
57
+
58
+ default:
59
+ return currentOptions;
60
+ }
61
+ };
62
+
63
+ var iterator = Object.keys(optionsToAdd);
64
+ return iterator.reduce(function (acc, key) {
65
+ return addOption(acc, key, optionsToAdd[key]);
66
+ }, currentOptions);
67
+ };
68
+
69
+ var _default = addAdditionalOptions;
70
+ exports.default = _default;
@@ -13,7 +13,7 @@ var _Chart = require("./Chart.constants");
13
13
 
14
14
  var _utils = require("../../../../Functions/utils");
15
15
 
16
- var _datasetSetters = require("./datasetSetters");
16
+ var _datasetSetters = _interopRequireDefault(require("./datasetSetters"));
17
17
 
18
18
  var getChartTypeKey = function getChartTypeKey(model) {
19
19
  var _optionsConstructor$m, _optionsConstructor$m2;
@@ -44,58 +44,13 @@ var getNotLibraryOptionsOptions = function getNotLibraryOptionsOptions(model) {
44
44
 
45
45
  exports.getNotLibraryOptionsOptions = getNotLibraryOptionsOptions;
46
46
 
47
- var prepareData = function prepareData(model, data, chart) {
48
- if (!chart) return data;
47
+ var prepareData = function prepareData(model, data, chartInstance) {
48
+ if (!chartInstance) return data;
49
49
  var notLibraryOptions = getNotLibraryOptionsOptions(model);
50
- var dataPreparationIterationsKeys = notLibraryOptions !== null && notLibraryOptions !== void 0 && notLibraryOptions.changeData ? Object.keys(notLibraryOptions.changeData) : [];
51
- return dataPreparationIterationsKeys.reduce(function (acc, iterationKey) {
52
- return changeData(acc, iterationKey);
50
+ var iterator = notLibraryOptions !== null && notLibraryOptions !== void 0 && notLibraryOptions.changeData ? Object.keys(notLibraryOptions.changeData) : [];
51
+ return iterator.reduce(function (acc, dataChangeKey) {
52
+ return (0, _datasetSetters.default)(acc, dataChangeKey, notLibraryOptions.changeData[dataChangeKey], chartInstance);
53
53
  }, (0, _utils.clone)(data));
54
-
55
- function changeData(currentData, iterationKey) {
56
- switch (iterationKey) {
57
- case 'setMaxBarThickness':
58
- var _ref2 = notLibraryOptions.changeData || {},
59
- setMaxBarThickness = _ref2.setMaxBarThickness;
60
-
61
- return (0, _datasetSetters.addDatasetsObjects)(currentData, {
62
- maxBarThickness: setMaxBarThickness
63
- });
64
-
65
- case 'addGradientsObjects':
66
- var _ref3 = notLibraryOptions.changeData || {},
67
- addGradientsObjects = _ref3.addGradientsObjects;
68
-
69
- return addGradientsObjects.reduce(function (acc, gradientSettingsObj) {
70
- return (0, _datasetSetters.addGradientsObject)(acc, gradientSettingsObj, chart);
71
- }, (0, _utils.clone)(currentData));
72
-
73
- case 'addNotLibraryAnimations':
74
- var _ref4 = (notLibraryOptions === null || notLibraryOptions === void 0 ? void 0 : notLibraryOptions.changeData) || {},
75
- addNotLibraryAnimations = _ref4.addNotLibraryAnimations;
76
-
77
- return addNotLibraryAnimations.reduce(function (acc, animationObj) {
78
- return (0, _datasetSetters.addNotLibraryAnimation)(acc, animationObj, chart);
79
- }, currentData);
80
-
81
- case 'changeScaleSize':
82
- var _ref5 = (notLibraryOptions === null || notLibraryOptions === void 0 ? void 0 : notLibraryOptions.changeData) || {},
83
- changeScaleSize = _ref5.changeScaleSize;
84
-
85
- console.log(changeScaleSize);
86
- return currentData;
87
- // ToDo - после выпилить кейс
88
-
89
- case 'consoleCurrentData':
90
- console.log(currentData);
91
- return currentData;
92
-
93
- default:
94
- return currentData;
95
- }
96
- }
97
-
98
- ;
99
54
  };
100
55
 
101
56
  exports.prepareData = prepareData;
@@ -124,6 +124,25 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
124
124
  }
125
125
  };
126
126
 
127
+ var getDescription = function getDescription(tabId) {
128
+ switch (tabId) {
129
+ case 'tab1':
130
+ return 'Tab 1';
131
+
132
+ case 'tab2':
133
+ return 'Tab 2';
134
+
135
+ case 'tab3':
136
+ return 'Tab 3';
137
+
138
+ case 'tab4':
139
+ return 'Tab 4';
140
+
141
+ default:
142
+ return null;
143
+ }
144
+ };
145
+
127
146
  var selectData = function selectData() {
128
147
  return getTabData(tab) ? getTabData(tab) : getMockData();
129
148
  };
@@ -220,7 +239,10 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
220
239
  data: dataForRender,
221
240
  setModelExternalValue: handleChangeChartType,
222
241
  initialModel: initialModel,
223
- modelsForSwitch: modelsForSwitch
242
+ modelsForSwitch: modelsForSwitch,
243
+ description: {
244
+ label: getDescription(tab)
245
+ }
224
246
  })));
225
247
  };
226
248
 
@@ -1,3 +1,5 @@
1
+ @import url('https://fonts.googleapis.com/css2?family=Sarabun&display=swap');
2
+
1
3
  .example-wrapper {
2
4
  max-width: 850px;
3
5
 
@@ -39,6 +41,7 @@
39
41
  line-height: 24px;
40
42
  letter-spacing: 0.1px;
41
43
  color: #3B414B;
44
+ font-family: 'Sarabun';
42
45
  }
43
46
 
44
47
  .chart__description-value {
@@ -75,7 +75,7 @@ var getLabels = function getLabels(range) {
75
75
  exports.getLabels = getLabels;
76
76
 
77
77
  var getMockValue = function getMockValue() {
78
- return Math.trunc(Math.random() * 1000);
78
+ return Math.trunc(Math.random() * 1000000);
79
79
  };
80
80
 
81
81
  exports.getMockValue = getMockValue;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "intelicoreact",
3
- "version": "0.2.39",
3
+ "version": "0.2.40",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "files": [
@@ -22,6 +22,7 @@
22
22
  "classnames": "^2.3.1",
23
23
  "moment": "^2.29.1",
24
24
  "moment-timezone": "^0.5.34",
25
+ "node-fetch": "^3.2.6",
25
26
  "react": "^17.0.2",
26
27
  "react-chartjs-2": "^4.1.0",
27
28
  "react-feather": "^2.0.9",