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.
- package/dist/Atomic/UI/Chart/Chart.js +1 -1
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +38 -1
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +43 -7
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +55 -22
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +70 -0
- package/dist/Atomic/UI/Chart/partial/utils.js +6 -51
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +23 -1
- package/dist/Atomic/UI/ExampleChartIntegration/partial/AnyOuterClass.scss +3 -0
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +1 -1
- package/package.json +2 -1
|
@@ -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,
|
|
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:
|
|
96
|
-
area:
|
|
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,
|
|
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
|
-
|
|
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({}, (
|
|
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({}, (
|
|
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
|
-
});
|
|
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:
|
|
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:
|
|
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:
|
|
265
|
-
|
|
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,
|
|
48
|
-
if (!
|
|
47
|
+
var prepareData = function prepareData(model, data, chartInstance) {
|
|
48
|
+
if (!chartInstance) return data;
|
|
49
49
|
var notLibraryOptions = getNotLibraryOptionsOptions(model);
|
|
50
|
-
var
|
|
51
|
-
return
|
|
52
|
-
return
|
|
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() *
|
|
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.
|
|
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",
|