intelicoreact 0.2.35 → 0.2.38

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GRADIENTS_OBJECTS = exports.FINTURF_ADD_GRADIENT_COLORS_NEGATIVE = exports.FINTURF_ADD_GRADIENT_COLORS_POSITIVE = exports.DEFAULT_CHART_MODEL = exports.CHART_TYPES = void 0;
+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;
 var CHART_TYPES = ['Bar', 'Line'];
 exports.CHART_TYPES = CHART_TYPES;
-var DEFAULT_CHART_MODEL = 'barLayout';
+var DEFAULT_CHART_MODEL = 'emptyLayout';
 exports.DEFAULT_CHART_MODEL = DEFAULT_CHART_MODEL;
 var FINTURF_ADD_GRADIENT_COLORS_POSITIVE = ['#53D1AD', '#389AA3'];
 exports.FINTURF_ADD_GRADIENT_COLORS_POSITIVE = FINTURF_ADD_GRADIENT_COLORS_POSITIVE;
@@ -30,7 +30,6 @@ var GRADIENTS_OBJECTS = {
       colors: ['rgba(84, 210, 173, 0.2)', 'rgba(84, 210, 173, 0.1)', 'rgba(84, 210, 173, 0)'],
       direction: 'toBottom',
       collorStopPoints: [0.31, 0.72, 1],
-      typeDistributionOfGradientPoints: 'personalBase',
       isAddFill: true
     }],
     positiveLineIcon: [{
@@ -45,4 +44,11 @@ var GRADIENTS_OBJECTS = {
     }]
   }
 };
-exports.GRADIENTS_OBJECTS = GRADIENTS_OBJECTS;
+exports.GRADIENTS_OBJECTS = GRADIENTS_OBJECTS;
+var ICON_MODELS = ['lineIconLayout', 'finturfPositiveLineIcon', 'finturfNegativeLineIcon'];
+exports.ICON_MODELS = ICON_MODELS;
+var COMPONENT_OPTIONS = {
+  disableDescriptionsFor: [].concat(ICON_MODELS),
+  disableChartTypeSwitcherFor: [].concat(ICON_MODELS, ['barLayout', 'lineLayout'])
+};
+exports.COMPONENT_OPTIONS = COMPONENT_OPTIONS;

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

@@ -13,8 +13,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _utils = require("../utils");
-
 require("./ChartTypeSwitcherIcon.scss");
 
 var RC = 'chart__type-switcher-icon';

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

@@ -19,8 +19,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 // auxiliary functions
 var addDatasetsObjects = function addDatasetsObjects(currentData, mutation) {
+  var _currentData$datasets, _currentData$datasets2;
+
   return _objectSpread(_objectSpread({}, currentData), {}, {
-    datasets: currentData.datasets.map(function (dataset) {
+    datasets: (_currentData$datasets = currentData.datasets) === null || _currentData$datasets === void 0 ? void 0 : (_currentData$datasets2 = _currentData$datasets.map) === null || _currentData$datasets2 === void 0 ? void 0 : _currentData$datasets2.call(_currentData$datasets, function (dataset) {
       return _objectSpread(_objectSpread({}, dataset), typeof mutation === 'function' ? mutation(dataset) : mutation);
     })
   });

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

@@ -5,13 +5,13 @@ 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 _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 +50,6 @@ var reactChartJsOptionsLayouts = {
       // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
       // => Файл Chart.js => определение ChartComponent
       chartTypeKey: 'Line',
-      changeData: {},
       setCanvasDimensions: {
         width: '75px',
         height: '35px'
@@ -60,34 +59,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,94 +86,109 @@ var reactChartJsOptionsLayouts = {
   barLayout: {
     options: {
       responsive: true,
+      elements: {
+        bar: {
+          borderRadius: 10
+        }
+      }
+    },
+    plugins: {},
+    redraw: true,
+    notLibraryOptions: {
+      // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
+      // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
+      // => Файл Chart.js => определение ChartComponent
+      chartTypeKey: 'Bar'
+    }
+  },
+  emptyLayout: {
+    options: {
+      responsive: true,
+      maintainAspectRatio: false,
       scales: {
         x: {
-          grid: {
-            display: false,
-            offset: true
-          }
+          display: false
         },
         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
-          }
+          display: false
         }
       },
       elements: {
-        bar: {
-          borderRadius: 10
+        point: {
+          radius: 0
+        },
+        line: {
+          borderWidth: 0
         }
       }
     },
-    plugins: {},
-    redraw: true,
     notLibraryOptions: {
       // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
       // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
       // => Файл Chart.js => определение ChartComponent
-      chartTypeKey: 'Bar'
+      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;
+
+    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
+            })
+          }),
+          y: _objectSpread(_objectSpread({}, (_reactChartJsOptionsL7 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsL7 === void 0 ? void 0 : (_reactChartJsOptionsL8 = _reactChartJsOptionsL7.scales) === null || _reactChartJsOptionsL8 === void 0 ? void 0 : _reactChartJsOptionsL8.y), {}, {
+            min: 0,
+            bounds: 'data',
+            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), {}, {
+              borderColor: '#E1E8F1',
+              color: '#E1E8F1',
+              borderDash: [5],
+              // borderDashOffset: 12,
+              drawTicks: false,
+              z: -1
+            })
+          })
+        })
+      }),
+      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
 
@@ -219,7 +205,7 @@ var addGradientsSettings = function addGradientsSettings(currentOptions, gradien
   });
 };
 
-var reactChartJsOptions = {
+var finturfReactChartJsOptions = {
   finturfChartBar: _objectSpread({}, addGradientsSettings(finturfChartBar, _Chart.GRADIENTS_OBJECTS.finturf.bar)),
   finturfLoadingModeBar: _objectSpread(_objectSpread({}, finturfChartBar), {}, {
     options: _objectSpread(_objectSpread({}, finturfChartBar.options), {}, {
@@ -239,7 +225,7 @@ var reactChartJsOptions = {
           // easing: 'easeInOutExpo',
           // ToDo - предусмотреть 'auto' и default для from и to
           from: 10,
-          to: 90,
+          to: 75,
           columnsDelayCoef: 500
         }]
       })
@@ -258,14 +244,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 +255,19 @@ 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))
 };
-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/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"));
 
@@ -17,29 +15,38 @@ var _utils = require("../../../../Functions/utils");
 
 var _datasetSetters = require("./datasetSetters");
 
-var _excluded = ["notLibraryOptions"];
+var getChartTypeKey = function getChartTypeKey(model) {
+  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;
+};
+
+exports.getChartTypeKey = getChartTypeKey;
+
+var correctModelKey = function correctModelKey(model) {
+  return model && _optionsConstructor.default[model] && _Chart.CHART_TYPES.includes(getChartTypeKey(model)) ? model : _Chart.DEFAULT_CHART_MODEL;
+};
+
+exports.correctModelKey = correctModelKey;
 
 var getOptions = function getOptions(model) {
-  return _optionsConstructor.default[model] || {};
+  return (0, _utils.omitKeys)(_optionsConstructor.default[model] || _optionsConstructor.default[_Chart.DEFAULT_CHART_MODEL], ['notLibraryOptions']);
 };
 
 exports.getOptions = getOptions;
 
-var getChartTypeKey = function getChartTypeKey(model) {
-  var _optionsConstructor$m, _optionsConstructor$m2, _optionsConstructor$D, _optionsConstructor$D2;
+var getNotLibraryOptionsOptions = function getNotLibraryOptionsOptions(model) {
+  var _ref = _optionsConstructor.default[model] || _optionsConstructor.default[_Chart.DEFAULT_CHART_MODEL] || {},
+      notLibraryOptions = _ref.notLibraryOptions;
 
-  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 notLibraryOptions ? (0, _utils.clone)(notLibraryOptions) : undefined;
 };
 
-exports.getChartTypeKey = getChartTypeKey;
+exports.getNotLibraryOptionsOptions = getNotLibraryOptionsOptions;
 
 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 notLibraryOptions = getNotLibraryOptionsOptions(model);
   var dataPreparationIterationsKeys = notLibraryOptions !== null && notLibraryOptions !== void 0 && notLibraryOptions.changeData ? Object.keys(notLibraryOptions.changeData) : [];
   return dataPreparationIterationsKeys.reduce(function (acc, iterationKey) {
     return changeData(acc, iterationKey);
@@ -48,28 +55,35 @@ var prepareData = function prepareData(model, data, chart) {
   function changeData(currentData, iterationKey) {
     switch (iterationKey) {
       case 'setMaxBarThickness':
-        var _ref = notLibraryOptions.changeData || {},
-            setMaxBarThickness = _ref.setMaxBarThickness;
+        var _ref2 = notLibraryOptions.changeData || {},
+            setMaxBarThickness = _ref2.setMaxBarThickness;
 
         return (0, _datasetSetters.addDatasetsObjects)(currentData, {
           maxBarThickness: setMaxBarThickness
         });
 
       case 'addGradientsObjects':
-        var _ref2 = notLibraryOptions.changeData || {},
-            addGradientsObjects = _ref2.addGradientsObjects;
+        var _ref3 = notLibraryOptions.changeData || {},
+            addGradientsObjects = _ref3.addGradientsObjects;
 
         return addGradientsObjects.reduce(function (acc, gradientSettingsObj) {
           return (0, _datasetSetters.addGradientsObject)(acc, gradientSettingsObj, chart);
         }, (0, _utils.clone)(currentData));
 
       case 'addNotLibraryAnimations':
-        var _ref3 = (notLibraryOptions === null || notLibraryOptions === void 0 ? void 0 : notLibraryOptions.changeData) || {},
-            addNotLibraryAnimations = _ref3.addNotLibraryAnimations;
+        var _ref4 = (notLibraryOptions === null || notLibraryOptions === void 0 ? void 0 : notLibraryOptions.changeData) || {},
+            addNotLibraryAnimations = _ref4.addNotLibraryAnimations;
 
         return addNotLibraryAnimations.reduce(function (acc, animationObj) {
           return (0, _datasetSetters.addNotLibraryAnimation)(acc, animationObj, chart);
         }, currentData);
+
+      case 'changeScaleSize':
+        var _ref5 = (notLibraryOptions === null || notLibraryOptions === void 0 ? void 0 : notLibraryOptions.changeData) || {},
+            changeScaleSize = _ref5.changeScaleSize;
+
+        console.log(changeScaleSize);
+        return currentData;
       // ToDo - после выпилить кейс
 
       case 'consoleCurrentData':

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':
@@ -166,7 +167,6 @@ var ExampleChartIntegration = function ExampleChartIntegration(props) {
   };
 
   (0, _react.useLayoutEffect)(function () {
-    setDataForRender(getMockData());
     setTab1(null);
     setTab2(null);
     setTab3(null);

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

@@ -18,18 +18,30 @@ var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 var _dependencies = require("../../../FormElements/InputDateRange/dependencies");
 
 var getLabels = function getLabels(range) {
+  var MINIMUM_INTERVAL = 'hour';
+  var NO_MORE_THAN_THREE_HOURS = 3; // this is hours
+
+  var NO_MORE_THAN_TWO_DAYS = 48; // this is hours
+
+  var NO_MORE_THAN_TWO_MONTHS = 2; // this is months
+
+  var NO_MORE_THAN_THREE_YEARS = 24; // this is months
   // safely Range must have 'start' and 'end' properties
+
   var safelyRange = (0, _dependencies.getActualDateRange)(range);
-  var NO_MORE_THAN_TWO_DAYS = 48;
-  var NO_MORE_THAN_TWO_MONTHS = 2;
-  var NO_MORE_THAN_THREE_YEARS = 36;
+  var start = (0, _momentTimezone.default)(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.start).startOf(MINIMUM_INTERVAL);
+  var end = (0, _momentTimezone.default)(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.end).startOf(MINIMUM_INTERVAL);
 
   var getValues = function getValues(intervalStepKey) {
     var format;
 
     switch (intervalStepKey) {
+      case 'minutes':
+        format = 'MM.DD hh:mm';
+        break;
+
       case 'hours':
-        format = 'MM.DD.YYYY - HH:00';
+        format = 'MM.DD.YYYY h A';
         break;
 
       case 'days':
@@ -45,18 +57,19 @@ var getLabels = function getLabels(range) {
         break;
     }
 
-    var process = (0, _toConsumableArray2.default)(Array((0, _momentTimezone.default)(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.end).diff(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.start, intervalStepKey)).keys()).reduce(function (acc, iteration) {
+    var structure = (0, _toConsumableArray2.default)(Array(end.diff(start, intervalStepKey)).keys());
+    var process = structure.reduce(function (acc, iteration) {
       acc.values.push(acc.point.format(format));
-      acc.point = acc.point.add(1, intervalStepKey);
+      acc.point = (0, _momentTimezone.default)(acc.point).add(1, intervalStepKey);
       return acc;
     }, {
-      point: (0, _momentTimezone.default)(safelyRange.start),
+      point: start,
       values: []
     });
     return process.values;
   };
 
-  if ((0, _momentTimezone.default)(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.end).diff(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.start, 'hours') <= NO_MORE_THAN_TWO_DAYS) return getValues('hours');else if ((0, _momentTimezone.default)(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.end).diff(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.start, 'month') <= NO_MORE_THAN_TWO_MONTHS) return getValues('days');else if ((0, _momentTimezone.default)(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.end).diff(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.start, 'month') <= NO_MORE_THAN_THREE_YEARS) return getValues('months');else return getValues('years');
+  if (end.diff(start, 'hours') <= NO_MORE_THAN_THREE_HOURS) return getValues('minutes');else if (end.diff(start, 'hours') <= NO_MORE_THAN_TWO_DAYS) return getValues('hours');else if (end.diff(start, 'months') <= NO_MORE_THAN_TWO_MONTHS) return getValues('days');else if (end.diff(start, 'months') <= NO_MORE_THAN_THREE_YEARS) return getValues('months');else return getValues('years');
 };
 
 exports.getLabels = getLabels;

package/dist/Atomic/UI/Hint/Hint.js

@@ -31,7 +31,9 @@ var Hint = function Hint(_ref) {
       _ref$label = _ref.label,
       label = _ref$label === void 0 ? '' : _ref$label,
       _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'filled' : _ref$variant;
+      variant = _ref$variant === void 0 ? 'filled' : _ref$variant,
+      _ref$handleOpenType = _ref.handleOpenType,
+      handleOpenType = _ref$handleOpenType === void 0 ? 'click' : _ref$handleOpenType;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -58,7 +60,13 @@ var Hint = function Hint(_ref) {
   }, /*#__PURE__*/_react.default.createElement("button", {
     "data-testid": 'test-hint',
     onClick: function onClick() {
-      return setIsOpen(!isOpen);
+      return handleOpenType === 'click' && setIsOpen(!isOpen);
+    },
+    onMouseEnter: function onMouseEnter() {
+      return handleOpenType === 'hover' && setIsOpen(!isOpen);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return handleOpenType === 'hover' && handleClickOutside();
     },
     className: (0, _classnames.default)('hint__button', {
       hint__button_active: isOpen

package/dist/Atomic/UI/ProgressLine/ProgressLine.js

@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _utils = require("../../../Functions/utils");
+
 require("./ProgressLine.scss");
 
 var ProgressLine = function ProgressLine(_ref) {
@@ -61,7 +63,7 @@ var ProgressLine = function ProgressLine(_ref) {
     if (!renderValue) return null;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "progress-line__wrapper__value"
-    }, renderValueInPercents ? getFilledLineWidth() : "".concat(value, " ").concat(valueMeasurement));
+    }, renderValueInPercents ? getFilledLineWidth() : "".concat((0, _utils.addBitDepthPoints)(String(value)), " ").concat(valueMeasurement));
   };
 
   var renderExtremums = function renderExtremums() {