intelicoreact 0.2.36 → 0.2.39

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

@@ -25,12 +25,12 @@ var _helpers = require("chart.js/helpers");
 
 var ChartComponents = _interopRequireWildcard(require("react-chartjs-2"));
 
-var _optionsConstructor = require("./partial/optionsConstructor");
-
 var _utils = require("./partial/utils");
 
 var _Chart = require("./partial/Chart.constants");
 
+var _utils2 = require("../../../Functions/utils");
+
 var _ChartTypeSwitcherIcon = _interopRequireDefault(require("./partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon"));
 
 require("./Chart.scss");
@@ -53,15 +53,11 @@ var Chart = function Chart(_ref) {
       data = _ref.data;
   if (!data) return null;
 
-  var correctModelKey = function correctModelKey(key) {
-    return key && _Chart.CHART_TYPES.includes((0, _utils.getChartTypeKey)(key)) ? key : _Chart.DEFAULT_CHART_MODEL;
-  };
-
   var _ref2 = description || {},
       label = _ref2.label,
       value = _ref2.value;
 
-  var _useState = (0, _react.useState)(correctModelKey(initialModel)),
+  var _useState = (0, _react.useState)(_Chart.DEFAULT_CHART_MODEL),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       model = _useState2[0],
       setModel = _useState2[1];
@@ -72,46 +68,46 @@ var Chart = function Chart(_ref) {
       setLocalData = _useState4[1];
 
   var chartRef = (0, _react.useRef)(null);
-
-  var isExcludeDescription = _optionsConstructor.componentOptions.disableDescriptionsFor.includes(model);
-
-  var isExcludeChartTypeSwitcher = _optionsConstructor.componentOptions.disableChartTypeSwitcherFor.includes(model);
-
-  var getChartOptions = function getChartOptions(currentModel) {
-    return customOptions || (0, _utils.getOptions)(currentModel);
-  };
-
+  var charContainertRef = (0, _react.useRef)(null);
+  var options = (0, _react.useMemo)(function () {
+    return customOptions || (0, _utils.getOptions)(model);
+  }, [customOptions, model]);
+  var notLibraryOptionsOptions = (0, _react.useMemo)(function () {
+    return customOptions ? customOptions === null || customOptions === void 0 ? void 0 : customOptions.notLibraryOptions : (0, _utils.getNotLibraryOptionsOptions)(model);
+  }, [customOptions, model]);
   var ChartComponent = (0, _react.useCallback)(function (props) {
     var Component = ChartComponents[(0, _utils.getChartTypeKey)(model)];
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       ref: chartRef
     }, props));
   }, [model]);
+
+  var isExcludeDescription = _Chart.COMPONENT_OPTIONS.disableDescriptionsFor.includes(model);
+
+  var isExcludeChartTypeSwitcher = _Chart.COMPONENT_OPTIONS.disableChartTypeSwitcherFor.includes(model);
+
   (0, _react.useLayoutEffect)(function () {
-    setModel(correctModelKey(initialModel));
-  }, [initialModel]);
-  (0, _react.useLayoutEffect)(function () {
-    if (setModelExternalValue) setModelExternalValue(correctModelKey(model));
+    if (setModelExternalValue && model !== 'emptyLayout') setModelExternalValue(model);
   }, [model]);
-  (0, _react.useEffect)(function () {
-    var _getChartOptions = getChartOptions(model),
-        _getChartOptions$notL = _getChartOptions.notLibraryOptions;
-
-    _getChartOptions$notL = _getChartOptions$notL === void 0 ? {} : _getChartOptions$notL;
-    var setCanvasDimensions = _getChartOptions$notL.setCanvasDimensions;
+  (0, _react.useLayoutEffect)(function () {
+    var _ref3 = notLibraryOptionsOptions || {},
+        setCanvasDimensions = _ref3.setCanvasDimensions;
 
-    if (chartRef.current) {
+    if (charContainertRef.current) {
       var _setCanvasDimensions$, _setCanvasDimensions$2;
 
-      chartRef.current.canvas.parentNode.style.width = (_setCanvasDimensions$ = setCanvasDimensions === null || setCanvasDimensions === void 0 ? void 0 : setCanvasDimensions.width) !== null && _setCanvasDimensions$ !== void 0 ? _setCanvasDimensions$ : '';
-      chartRef.current.canvas.parentNode.style.height = (_setCanvasDimensions$2 = setCanvasDimensions === null || setCanvasDimensions === void 0 ? void 0 : setCanvasDimensions.height) !== null && _setCanvasDimensions$2 !== void 0 ? _setCanvasDimensions$2 : '';
+      charContainertRef.current.style.width = (_setCanvasDimensions$ = setCanvasDimensions === null || setCanvasDimensions === void 0 ? void 0 : setCanvasDimensions.width) !== null && _setCanvasDimensions$ !== void 0 ? _setCanvasDimensions$ : '';
+      charContainertRef.current.style.height = (_setCanvasDimensions$2 = setCanvasDimensions === null || setCanvasDimensions === void 0 ? void 0 : setCanvasDimensions.height) !== null && _setCanvasDimensions$2 !== void 0 ? _setCanvasDimensions$2 : '';
     }
-  }, [model]);
+  }, [notLibraryOptionsOptions]);
+  (0, _react.useEffect)(function () {
+    return setModel((0, _utils.correctModelKey)(initialModel));
+  }, [initialModel]);
   (0, _react.useEffect)(function () {
-    return setLocalData((0, _utils.prepareData)(model, data, chartRef.current));
-  }, [model, data, chartRef]);
+    return setLocalData((0, _utils.prepareData)(model, (0, _utils2.clone)(data), chartRef.current));
+  }, [model, data]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, (0, _defineProperty2.default)({}, "".concat(RC, "_icon-mode"), _optionsConstructor.iconModels.includes(model)), className)
+    className: (0, _classnames.default)(RC, (0, _defineProperty2.default)({}, "".concat(RC, "_icon-mode"), _Chart.ICON_MODELS.includes(model)), className)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__header"), (0, _defineProperty2.default)({}, "".concat(RC, "__header_only-switcher"), !description))
   }, description && !isExcludeDescription ? /*#__PURE__*/_react.default.createElement("div", {
@@ -135,8 +131,9 @@ var Chart = function Chart(_ref) {
       return setModel((modelsForSwitch === null || modelsForSwitch === void 0 ? void 0 : modelsForSwitch[1]) || 'lineLayout');
     }
   })) : null), /*#__PURE__*/_react.default.createElement("div", {
+    ref: charContainertRef,
     className: (0, _classnames.default)("".concat(RC, "__chart-wrapper"))
-  }, /*#__PURE__*/_react.default.createElement(ChartComponent, (0, _extends2.default)({}, getChartOptions(model), {
+  }, /*#__PURE__*/_react.default.createElement(ChartComponent, (0, _extends2.default)({}, options, {
     data: localData
   }))));
 };

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);