intelicoreact 0.2.37 → 0.2.40

package/dist/Atomic/UI/Chart/partial/optionsConstructor.js

@@ -5,13 +5,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.componentOptions = exports.iconModels = exports.chartTypeKeysFormatter = exports.default = exports.reactChartJsOptionsLayouts = void 0;
+exports.default = exports.finturfReactChartJsOptions = exports.reactChartJsOptionsLayouts = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _Chart = require("./Chart.constants");
 
-var _reactChartJsOptionsL, _reactChartJsOptionsL2, _reactChartJsOptionsL3, _reactChartJsOptionsL4, _reactChartJsOptionsL5, _reactChartJsOptionsL6, _reactChartJsOptionsL7, _reactChartJsOptionsL8, _reactChartJsOptionsL9, _reactChartJsOptionsL10, _finturfChartBar$opti, _finturfChartBar$opti2, _finturfChartBar$opti3, _finturfChartBar$notL, _finturfChartLine$opt, _finturfChartLine$opt2, _finturfChartLine$opt3, _finturfChartLine$opt4, _finturfChartLine$opt5, _finturfChartLine$opt6, _finturfChartLine$not;
+var _optionsSetters = _interopRequireDefault(require("./optionsSetters"));
+
+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;
 
 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; }
 
@@ -50,7 +52,6 @@ var reactChartJsOptionsLayouts = {
       // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
       // => Файл Chart.js => определение ChartComponent
       chartTypeKey: 'Line',
-      changeData: {},
       setCanvasDimensions: {
         width: '75px',
         height: '35px'
@@ -60,34 +61,6 @@ var reactChartJsOptionsLayouts = {
   lineLayout: {
     options: {
       responsive: true,
-      scales: {
-        x: {
-          grid: {
-            display: false,
-            offset: true
-          }
-        },
-        y: {
-          min: 0,
-          bounds: 'data',
-          title: {// color: '#A0A4B0',
-            // color: '#32A784',
-            // font: '',
-            // padding: {
-            //   right: 25,
-            //   bottom: 10,
-            // },
-          },
-          grid: {
-            borderColor: '#E1E8F1',
-            color: '#E1E8F1',
-            borderDash: [5],
-            // borderDashOffset: 12,
-            drawTicks: false,
-            z: -1
-          }
-        }
-      },
       elements: {
         point: {
           radius: 4,
@@ -115,33 +88,6 @@ var reactChartJsOptionsLayouts = {
   barLayout: {
     options: {
       responsive: true,
-      scales: {
-        x: {
-          grid: {
-            display: false,
-            offset: true
-          }
-        },
-        y: {
-          min: 0,
-          bounds: 'data',
-          title: {// color: '#A0A4B0',
-            // color: '#32A784',
-            // font: '',
-            // padding: {
-            //   right: 25,
-            //   bottom: 10,
-            // },
-          },
-          grid: {
-            borderColor: '#E1E8F1',
-            color: '#E1E8F1',
-            borderDash: [5],
-            drawTicks: false,
-            z: -1
-          }
-        }
-      },
       elements: {
         bar: {
           borderRadius: 10
@@ -156,71 +102,136 @@ var reactChartJsOptionsLayouts = {
       // => Файл Chart.js => определение ChartComponent
       chartTypeKey: 'Bar'
     }
+  },
+  emptyLayout: {
+    options: {
+      responsive: true,
+      maintainAspectRatio: false,
+      scales: {
+        x: {
+          display: false
+        },
+        y: {
+          display: false
+        }
+      },
+      elements: {
+        point: {
+          radius: 0
+        },
+        line: {
+          borderWidth: 0
+        }
+      }
+    },
+    notLibraryOptions: {
+      // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
+      // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
+      // => Файл Chart.js => определение подкомпонента ChartComponent => строка const Component = ...
+      chartTypeKey: 'Line'
+    }
   }
 };
 exports.reactChartJsOptionsLayouts = reactChartJsOptionsLayouts;
 
-var finturfChartBar = _objectSpread(_objectSpread({}, reactChartJsOptionsLayouts.barLayout), {}, {
-  options: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL = reactChartJsOptionsLayouts.barLayout) === null || _reactChartJsOptionsL === void 0 ? void 0 : _reactChartJsOptionsL.options), {}, {
-    maintainAspectRatio: false,
-    elements: _objectSpread({}, (_reactChartJsOptionsL2 = reactChartJsOptionsLayouts.barLayout) === null || _reactChartJsOptionsL2 === void 0 ? void 0 : (_reactChartJsOptionsL3 = _reactChartJsOptionsL2.options) === null || _reactChartJsOptionsL3 === void 0 ? void 0 : _reactChartJsOptionsL3.elements)
+var finturfChartLayouts = function () {
+  return ['barLayout', 'lineLayout'].reduce(function (acc, key) {
+    var _reactChartJsOptionsL, _reactChartJsOptionsL2, _reactChartJsOptionsL3, _reactChartJsOptionsL4, _reactChartJsOptionsL5, _reactChartJsOptionsL6, _reactChartJsOptionsL7, _reactChartJsOptionsL8, _reactChartJsOptionsL9, _reactChartJsOptionsL10, _reactChartJsOptionsL11, _reactChartJsOptionsL12, _reactChartJsOptionsL13, _reactChartJsOptionsL14, _reactChartJsOptionsL15, _reactChartJsOptionsL16, _reactChartJsOptionsL17;
+
+    return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2.default)({}, key, _objectSpread(_objectSpread({}, reactChartJsOptionsLayouts[key]), {}, {
+      options: _objectSpread(_objectSpread({}, reactChartJsOptionsLayouts[key].options), {}, {
+        scales: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL === void 0 ? void 0 : _reactChartJsOptionsL.scales), {}, {
+          x: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL2 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL2 === void 0 ? void 0 : (_reactChartJsOptionsL3 = _reactChartJsOptionsL2.scales) === null || _reactChartJsOptionsL3 === void 0 ? void 0 : _reactChartJsOptionsL3.x), {}, {
+            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), {}, {
+              display: false,
+              offset: true
+            }),
+            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), {}, {
+              autoSkipPadding: 10,
+              align: 'center',
+              color: '#757F8C',
+              lineHeight: 18,
+              font: {
+                family: 'Sarabun',
+                style: 'normal',
+                weight: 400,
+                size: 8
+              } // callback: (value, index, ticks) => {
+              //   console.log(value);
+              //   console.log(index);
+              //   console.log(ticks);
+              //   console.log('***********');
+              //   return value;
+              // },
+
+            })
+          }),
+          y: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL10 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL10 === void 0 ? void 0 : (_reactChartJsOptionsL11 = _reactChartJsOptionsL10.scales) === null || _reactChartJsOptionsL11 === void 0 ? void 0 : _reactChartJsOptionsL11.y), {}, {
+            min: 0,
+            // grace: '5%',
+            bounds: 'data',
+            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), {}, {
+              borderColor: '#E1E8F1',
+              color: '#E1E8F1',
+              borderDash: [5],
+              // borderDashOffset: 12,
+              drawTicks: false,
+              z: -1
+            }),
+            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), {}, {
+              autoSkipPadding: 10,
+              align: 'center',
+              color: '#A0A4B0',
+              lineHeight: 18,
+              padding: 6,
+              font: {
+                family: 'Sarabun',
+                style: 'normal',
+                weight: 400,
+                size: 10
+              }
+            })
+          })
+        })
+      }),
+      notLibraryOptions: _objectSpread(_objectSpread({}, reactChartJsOptionsLayouts[key].notLibraryOptions), {}, {
+        setCanvasDimensions: {
+          height: '194px'
+        }
+      })
+    })));
+  }, {});
+}();
+
+var finturfChartBar = _objectSpread(_objectSpread({}, finturfChartLayouts.barLayout), {}, {
+  options: _objectSpread(_objectSpread({}, (_finturfChartLayouts$ = finturfChartLayouts.barLayout) === null || _finturfChartLayouts$ === void 0 ? void 0 : _finturfChartLayouts$.options), {}, {
+    maintainAspectRatio: false
   }),
-  notLibraryOptions: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL4 = reactChartJsOptionsLayouts.barLayout) === null || _reactChartJsOptionsL4 === void 0 ? void 0 : _reactChartJsOptionsL4.notLibraryOptions), {}, {
-    changeData: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL5 = reactChartJsOptionsLayouts.barLayout) === null || _reactChartJsOptionsL5 === void 0 ? void 0 : (_reactChartJsOptionsL6 = _reactChartJsOptionsL5.notLibraryOptions) === null || _reactChartJsOptionsL6 === void 0 ? void 0 : _reactChartJsOptionsL6.changeData), {}, {
+  notLibraryOptions: _objectSpread(_objectSpread({}, (_finturfChartLayouts$2 = finturfChartLayouts.barLayout) === null || _finturfChartLayouts$2 === void 0 ? void 0 : _finturfChartLayouts$2.notLibraryOptions), {}, {
+    changeData: _objectSpread(_objectSpread({}, (_finturfChartLayouts$3 = finturfChartLayouts.barLayout) === null || _finturfChartLayouts$3 === void 0 ? void 0 : (_finturfChartLayouts$4 = _finturfChartLayouts$3.notLibraryOptions) === null || _finturfChartLayouts$4 === void 0 ? void 0 : _finturfChartLayouts$4.changeData), {}, {
       setMaxBarThickness: 20
-    }),
-    setCanvasDimensions: {
-      height: '194px'
-    }
+    })
   })
 });
 
-var finturfChartLine = _objectSpread(_objectSpread({}, reactChartJsOptionsLayouts.lineLayout), {}, {
-  options: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL7 = reactChartJsOptionsLayouts.lineLayout) === null || _reactChartJsOptionsL7 === void 0 ? void 0 : _reactChartJsOptionsL7.options), {}, {
+var finturfChartLine = _objectSpread(_objectSpread({}, finturfChartLayouts.lineLayout), {}, {
+  options: _objectSpread(_objectSpread({}, (_finturfChartLayouts$5 = finturfChartLayouts.lineLayout) === null || _finturfChartLayouts$5 === void 0 ? void 0 : _finturfChartLayouts$5.options), {}, {
     maintainAspectRatio: false,
-    // scales: {
-    //   ...reactChartJsOptionsLayouts.lineLayout?.options?.scales,
-    //   y: {
-    //     ...reactChartJsOptionsLayouts.lineLayout?.options?.scales.y,
-    //     title: {
-    //       ...reactChartJsOptionsLayouts.lineLayout?.options?.scales?.y?.title,
-    //     },
-    //     grid: {
-    //       ...reactChartJsOptionsLayouts.lineLayout?.options?.scales?.y?.grid,
-    //     },
-    //   },
-    // },
-    elements: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL8 = reactChartJsOptionsLayouts.lineLayout.options) === null || _reactChartJsOptionsL8 === void 0 ? void 0 : _reactChartJsOptionsL8.elements), {}, {
-      point: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL9 = reactChartJsOptionsLayouts.lineLayout.options) === null || _reactChartJsOptionsL9 === void 0 ? void 0 : (_reactChartJsOptionsL10 = _reactChartJsOptionsL9.elements) === null || _reactChartJsOptionsL10 === void 0 ? void 0 : _reactChartJsOptionsL10.point), {}, {
+    elements: _objectSpread(_objectSpread({}, (_finturfChartLayouts$6 = finturfChartLayouts.lineLayout.options) === null || _finturfChartLayouts$6 === void 0 ? void 0 : _finturfChartLayouts$6.elements), {}, {
+      point: _objectSpread(_objectSpread({}, (_finturfChartLayouts$7 = finturfChartLayouts.lineLayout.options) === null || _finturfChartLayouts$7 === void 0 ? void 0 : (_finturfChartLayouts$8 = _finturfChartLayouts$7.elements) === null || _finturfChartLayouts$8 === void 0 ? void 0 : _finturfChartLayouts$8.point), {}, {
         radius: 2,
         borderColor: '#32A784',
         borderWidth: 4
       })
     })
-  }),
-  notLibraryOptions: _objectSpread(_objectSpread({}, reactChartJsOptionsLayouts.lineLayout.notLibraryOptions), {}, {
-    setCanvasDimensions: {
-      height: '194px'
-    },
-    changeData: {}
   })
-}); // gradientsSettings is Array of objects
-
-
-var addGradientsSettings = function addGradientsSettings(currentOptions, gradientsSettings) {
-  var _currentOptions$notLi;
-
-  return _objectSpread(_objectSpread({}, currentOptions), {}, {
-    notLibraryOptions: _objectSpread(_objectSpread({}, currentOptions.notLibraryOptions), {}, {
-      changeData: _objectSpread(_objectSpread({}, (_currentOptions$notLi = currentOptions.notLibraryOptions) === null || _currentOptions$notLi === void 0 ? void 0 : _currentOptions$notLi.changeData), {}, {
-        addGradientsObjects: gradientsSettings
-      })
-    })
-  });
-};
+});
 
-var reactChartJsOptions = {
-  finturfChartBar: _objectSpread({}, addGradientsSettings(finturfChartBar, _Chart.GRADIENTS_OBJECTS.finturf.bar)),
+var finturfReactChartJsOptions = {
+  finturfChartBar: (0, _optionsSetters.default)(finturfChartBar, {
+    addGradientsSettings: _Chart.GRADIENTS_OBJECTS.finturf.bar,
+    addTooltipOptions: _Chart.FINTURF_TOOLTIP_OPTIONS
+  }),
   finturfLoadingModeBar: _objectSpread(_objectSpread({}, finturfChartBar), {}, {
     options: _objectSpread(_objectSpread({}, finturfChartBar.options), {}, {
       animations: _objectSpread(_objectSpread({}, (_finturfChartBar$opti = finturfChartBar.options) === null || _finturfChartBar$opti === void 0 ? void 0 : _finturfChartBar$opti.animations), {}, {
@@ -239,13 +250,17 @@ var reactChartJsOptions = {
           // easing: 'easeInOutExpo',
           // ToDo - предусмотреть 'auto' и default для from и to
           from: 10,
-          to: 90,
+          to: 75,
           columnsDelayCoef: 500
         }]
       })
     })
   }),
-  finturfChartLine: _objectSpread({}, addGradientsSettings(finturfChartLine, _Chart.GRADIENTS_OBJECTS.finturf.line)),
+  finturfChartLine: (0, _optionsSetters.default)(finturfChartLine, {
+    addGradientsSettings: _Chart.GRADIENTS_OBJECTS.finturf.line,
+    addTooltipOptions: _Chart.FINTURF_TOOLTIP_OPTIONS // consoleCurrentData: true,
+
+  }),
   finturfLoadingModeLine: _objectSpread(_objectSpread({}, finturfChartLine), {}, {
     options: _objectSpread(_objectSpread({}, finturfChartLine.options), {}, {
       elements: _objectSpread(_objectSpread({}, (_finturfChartLine$opt = finturfChartLine.options) === null || _finturfChartLine$opt === void 0 ? void 0 : _finturfChartLine$opt.elements), {}, {
@@ -258,14 +273,7 @@ var reactChartJsOptions = {
       animations: _objectSpread(_objectSpread({}, (_finturfChartLine$opt4 = finturfChartLine.options) === null || _finturfChartLine$opt4 === void 0 ? void 0 : _finturfChartLine$opt4.animations), {}, {
         y: _objectSpread(_objectSpread({}, (_finturfChartLine$opt5 = finturfChartLine.options) === null || _finturfChartLine$opt5 === void 0 ? void 0 : (_finturfChartLine$opt6 = _finturfChartLine$opt5.animations) === null || _finturfChartLine$opt6 === void 0 ? void 0 : _finturfChartLine$opt6.y), {}, {
           duration: 0
-        }) // tension: {
-        //   duration: 1000,
-        //   easing: 'linear',
-        //   from: 0.45,
-        //   to: 1,
-        //   loop: true
-        // }
-
+        })
       })
     }),
     notLibraryOptions: _objectSpread(_objectSpread({}, finturfChartLine.notLibraryOptions), {}, {
@@ -276,47 +284,23 @@ var reactChartJsOptions = {
           duration: 600,
           // default easing - 'linear',
           // easing: 'easeInOutExpo',
-          // ToDo - предусмотреть 'auto' и default для from и to
           columnsDelayCoef: 500,
           isFixExtremeColumns: true
         }]
       })
-    }) // notLibraryOptions: {
-    //   ...finturfChartLine.notLibraryOptions,
-    //   changeData: {
-    //     ...finturfChartLine.notLibraryOptions?.changeData,
-    //     addNotLibraryAnimations: [{
-    //       type: 'LineTensionChange',
-    //       // duration - ms
-    //       duration: 1000,
-    //       // default easing - 'linear',
-    //       // easing: 'easeInOutExpo',
-    //       // ToDo - предусмотреть 'auto' и default для from и to
-    //       from: 0.2,
-    //       to: 0.6,
-    //       // columnsDelayCoef: 500
-    //     }],
-    //   },
-    // },
-
+    })
   }),
-  finturfPositiveLineIcon: _objectSpread({}, addGradientsSettings(reactChartJsOptionsLayouts.lineIconLayout, _Chart.GRADIENTS_OBJECTS.finturf.positiveLineIcon)),
-  finturfNegativeLineIcon: _objectSpread({}, addGradientsSettings(reactChartJsOptionsLayouts.lineIconLayout, _Chart.GRADIENTS_OBJECTS.finturf.negativeLineIcon))
+  finturfPositiveLineIcon: (0, _optionsSetters.default)(reactChartJsOptionsLayouts.lineIconLayout, {
+    addGradientsSettings: _Chart.GRADIENTS_OBJECTS.finturf.positiveLineIcon
+  }),
+  finturfNegativeLineIcon: (0, _optionsSetters.default)(reactChartJsOptionsLayouts.lineIconLayout, {
+    addGradientsSettings: _Chart.GRADIENTS_OBJECTS.finturf.negativeLineIcon
+  })
 };
-var _default = reactChartJsOptions; // Chart component constructors
+exports.finturfReactChartJsOptions = finturfReactChartJsOptions;
 
-exports.default = _default;
-var chartTypeKeysFormatter = {
-  finturfChartBar: 'Bar',
-  finturfChartLine: 'Line',
-  finturfPositiveLineIcon: 'Line',
-  finturfNegativeLineIcon: 'Line'
-};
-exports.chartTypeKeysFormatter = chartTypeKeysFormatter;
-var iconModels = ['lineIconLayout', 'finturfPositiveLineIcon', 'finturfNegativeLineIcon'];
-exports.iconModels = iconModels;
-var componentOptions = {
-  disableDescriptionsFor: [].concat(iconModels),
-  disableChartTypeSwitcherFor: [].concat(iconModels)
-};
-exports.componentOptions = componentOptions;
+var _default = _objectSpread(_objectSpread({}, finturfReactChartJsOptions), {}, {
+  emptyLayout: reactChartJsOptionsLayouts.emptyLayout
+});
+
+exports.default = _default;

package/dist/Atomic/UI/Chart/partial/optionsSetters.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.addTooltipOptions = exports.addGradientsSettings = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+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) { (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; }
+
+// gradientsSettings is Array of objects
+var addGradientsSettings = function addGradientsSettings(currentOptions, gradientsSettings) {
+  var _currentOptions$notLi;
+
+  return _objectSpread(_objectSpread({}, currentOptions), {}, {
+    notLibraryOptions: _objectSpread(_objectSpread({}, currentOptions.notLibraryOptions), {}, {
+      changeData: _objectSpread(_objectSpread({}, (_currentOptions$notLi = currentOptions.notLibraryOptions) === null || _currentOptions$notLi === void 0 ? void 0 : _currentOptions$notLi.changeData), {}, {
+        addGradientsObjects: gradientsSettings
+      })
+    })
+  });
+};
+
+exports.addGradientsSettings = addGradientsSettings;
+
+var addTooltipOptions = function addTooltipOptions(currentOptions, tooltipOptions) {
+  return _objectSpread(_objectSpread({}, currentOptions), {}, {
+    options: _objectSpread(_objectSpread({}, currentOptions.options), {}, {
+      plugins: _objectSpread(_objectSpread({}, currentOptions.options.plugins), {}, {
+        tooltip: tooltipOptions
+      })
+    })
+  });
+}; // must be last function in file
+
+
+exports.addTooltipOptions = addTooltipOptions;
+
+var addAdditionalOptions = function addAdditionalOptions(currentOptions, optionsToAdd) {
+  var addOption = function addOption(currentOptions, optionKey, optionData) {
+    switch (optionKey) {
+      case 'addGradientsSettings':
+        return addGradientsSettings(currentOptions, optionData);
+
+      case 'addTooltipOptions':
+        return addTooltipOptions(currentOptions, optionData);
+      // ToDo - после выпилить кейс
+
+      case 'consoleCurrentData':
+        console.log(currentOptions);
+        return currentOptions;
+
+      default:
+        return currentOptions;
+    }
+  };
+
+  var iterator = Object.keys(optionsToAdd);
+  return iterator.reduce(function (acc, key) {
+    return addOption(acc, key, optionsToAdd[key]);
+  }, currentOptions);
+};
+
+var _default = addAdditionalOptions;
+exports.default = _default;

package/dist/Atomic/UI/Chart/partial/utils.js

@@ -5,9 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.prepareData = exports.getChartTypeKey = exports.getOptions = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+exports.prepareData = exports.getNotLibraryOptionsOptions = exports.getOptions = exports.correctModelKey = exports.getChartTypeKey = void 0;
 
 var _optionsConstructor = _interopRequireDefault(require("./optionsConstructor"));
 
@@ -15,73 +13,44 @@ var _Chart = require("./Chart.constants");
 
 var _utils = require("../../../../Functions/utils");
 
-var _datasetSetters = require("./datasetSetters");
-
-var _excluded = ["notLibraryOptions"];
-
-var getOptions = function getOptions(model) {
-  return _optionsConstructor.default[model] || {};
-};
-
-exports.getOptions = getOptions;
+var _datasetSetters = _interopRequireDefault(require("./datasetSetters"));
 
 var getChartTypeKey = function getChartTypeKey(model) {
-  var _optionsConstructor$m, _optionsConstructor$m2, _optionsConstructor$D, _optionsConstructor$D2;
+  var _optionsConstructor$m, _optionsConstructor$m2;
 
-  return ((_optionsConstructor$m = _optionsConstructor.default[model]) === null || _optionsConstructor$m === void 0 ? void 0 : (_optionsConstructor$m2 = _optionsConstructor$m.notLibraryOptions) === null || _optionsConstructor$m2 === void 0 ? void 0 : _optionsConstructor$m2.chartTypeKey) || ((_optionsConstructor$D = _optionsConstructor.default[_Chart.DEFAULT_CHART_MODEL]) === null || _optionsConstructor$D === void 0 ? void 0 : (_optionsConstructor$D2 = _optionsConstructor$D.notLibraryOptions) === null || _optionsConstructor$D2 === void 0 ? void 0 : _optionsConstructor$D2.chartTypeKey);
+  return (_optionsConstructor$m = _optionsConstructor.default[model]) === null || _optionsConstructor$m === void 0 ? void 0 : (_optionsConstructor$m2 = _optionsConstructor$m.notLibraryOptions) === null || _optionsConstructor$m2 === void 0 ? void 0 : _optionsConstructor$m2.chartTypeKey;
 };
 
 exports.getChartTypeKey = getChartTypeKey;
 
-var prepareData = function prepareData(model, data, chart) {
-  if (!chart) return data;
-
-  var _getOptions = getOptions(model),
-      notLibraryOptions = _getOptions.notLibraryOptions,
-      libraryOptions = (0, _objectWithoutProperties2.default)(_getOptions, _excluded);
-
-  var dataPreparationIterationsKeys = notLibraryOptions !== null && notLibraryOptions !== void 0 && notLibraryOptions.changeData ? Object.keys(notLibraryOptions.changeData) : [];
-  return dataPreparationIterationsKeys.reduce(function (acc, iterationKey) {
-    return changeData(acc, iterationKey);
-  }, (0, _utils.clone)(data));
-
-  function changeData(currentData, iterationKey) {
-    switch (iterationKey) {
-      case 'setMaxBarThickness':
-        var _ref = notLibraryOptions.changeData || {},
-            setMaxBarThickness = _ref.setMaxBarThickness;
-
-        return (0, _datasetSetters.addDatasetsObjects)(currentData, {
-          maxBarThickness: setMaxBarThickness
-        });
+var correctModelKey = function correctModelKey(model) {
+  return model && _optionsConstructor.default[model] && _Chart.CHART_TYPES.includes(getChartTypeKey(model)) ? model : _Chart.DEFAULT_CHART_MODEL;
+};
 
-      case 'addGradientsObjects':
-        var _ref2 = notLibraryOptions.changeData || {},
-            addGradientsObjects = _ref2.addGradientsObjects;
+exports.correctModelKey = correctModelKey;
 
-        return addGradientsObjects.reduce(function (acc, gradientSettingsObj) {
-          return (0, _datasetSetters.addGradientsObject)(acc, gradientSettingsObj, chart);
-        }, (0, _utils.clone)(currentData));
+var getOptions = function getOptions(model) {
+  return (0, _utils.omitKeys)(_optionsConstructor.default[model] || _optionsConstructor.default[_Chart.DEFAULT_CHART_MODEL], ['notLibraryOptions']);
+};
 
-      case 'addNotLibraryAnimations':
-        var _ref3 = (notLibraryOptions === null || notLibraryOptions === void 0 ? void 0 : notLibraryOptions.changeData) || {},
-            addNotLibraryAnimations = _ref3.addNotLibraryAnimations;
+exports.getOptions = getOptions;
 
-        return addNotLibraryAnimations.reduce(function (acc, animationObj) {
-          return (0, _datasetSetters.addNotLibraryAnimation)(acc, animationObj, chart);
-        }, currentData);
-      // ToDo - после выпилить кейс
+var getNotLibraryOptionsOptions = function getNotLibraryOptionsOptions(model) {
+  var _ref = _optionsConstructor.default[model] || _optionsConstructor.default[_Chart.DEFAULT_CHART_MODEL] || {},
+      notLibraryOptions = _ref.notLibraryOptions;
 
-      case 'consoleCurrentData':
-        console.log(currentData);
-        return currentData;
+  return notLibraryOptions ? (0, _utils.clone)(notLibraryOptions) : undefined;
+};
 
-      default:
-        return currentData;
-    }
-  }
+exports.getNotLibraryOptionsOptions = getNotLibraryOptionsOptions;
 
-  ;
+var prepareData = function prepareData(model, data, chartInstance) {
+  if (!chartInstance) return data;
+  var notLibraryOptions = getNotLibraryOptionsOptions(model);
+  var iterator = notLibraryOptions !== null && notLibraryOptions !== void 0 && notLibraryOptions.changeData ? Object.keys(notLibraryOptions.changeData) : [];
+  return iterator.reduce(function (acc, dataChangeKey) {
+    return (0, _datasetSetters.default)(acc, dataChangeKey, notLibraryOptions.changeData[dataChangeKey], chartInstance);
+  }, (0, _utils.clone)(data));
 };
 
 exports.prepareData = prepareData;

package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js

@@ -38,6 +38,9 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
       dateRange = _ref.dateRange,
       chart = _ref.chart;
 
+  var _ref2 = chart || {},
+      initialChartType = _ref2.initialChartType;
+
   var _useState = (0, _react.useState)({
     intervalKey: 'thisMonth'
   }),
@@ -45,7 +48,7 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
       range = _useState2[0],
       setRange = _useState2[1];
 
-  var _useState3 = (0, _react.useState)('Bar'),
+  var _useState3 = (0, _react.useState)(initialChartType || 'Bar'),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       chartType = _useState4[0],
       setChartType = _useState4[1];
@@ -55,7 +58,7 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
       tab = _useState6[0],
       setTab = _useState6[1];
 
-  var _useState7 = (0, _react.useState)('finturfChartBar'),
+  var _useState7 = (0, _react.useState)(chartType === 'Bar' ? 'finturfLoadingModeBar' : 'finturfLoadingModeLine'),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
       initialModel = _useState8[0],
       setInitialModel = _useState8[1];
@@ -80,13 +83,16 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
       tab4 = _useState16[0],
       setTab4 = _useState16[1];
 
+  var _useState17 = (0, _react.useState)(null),
+      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+      dataForRender = _useState18[0],
+      setDataForRender = _useState18[1];
+
   var getMockData = function getMockData() {
     var labels = (0, _utils.getLabels)(range);
 
     var mock = function mock() {
-      return chartType === 'Bar' ? labels.map(function (label) {
-        return 50;
-      }) : labels.map(function (label) {
+      return labels.map(function (label) {
         return (0, _utils.getMockValue)();
       });
     };
@@ -99,11 +105,6 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
     };
   };
 
-  var _useState17 = (0, _react.useState)(getMockData()),
-      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      dataForRender = _useState18[0],
-      setDataForRender = _useState18[1];
-
   var getTabData = function getTabData(tabId) {
     switch (tabId) {
       case 'tab1':
@@ -123,6 +124,25 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
     }
   };
 
+  var getDescription = function getDescription(tabId) {
+    switch (tabId) {
+      case 'tab1':
+        return 'Tab 1';
+
+      case 'tab2':
+        return 'Tab 2';
+
+      case 'tab3':
+        return 'Tab 3';
+
+      case 'tab4':
+        return 'Tab 4';
+
+      default:
+        return null;
+    }
+  };
+
   var selectData = function selectData() {
     return getTabData(tab) ? getTabData(tab) : getMockData();
   };
@@ -166,7 +186,6 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
   };
 
   (0, _react.useLayoutEffect)(function () {
-    setDataForRender(getMockData());
     setTab1(null);
     setTab2(null);
     setTab3(null);
@@ -220,7 +239,10 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
     data: dataForRender,
     setModelExternalValue: handleChangeChartType,
     initialModel: initialModel,
-    modelsForSwitch: modelsForSwitch
+    modelsForSwitch: modelsForSwitch,
+    description: {
+      label: getDescription(tab)
+    }
   })));
 };