intelicoreact 1.3.19 → 1.3.21

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

@@ -1,84 +1,119 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _chart = require("chart.js");
+
 var _helpers = require("chart.js/helpers");
+
 var ChartComponents = _interopRequireWildcard(require("react-chartjs-2"));
+
 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");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const RC = 'chart';
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var RC = 'chart';
+
 _chart.Chart.register(_chart.CategoryScale, _chart.LinearScale, _chart.BarElement, _chart.PointElement, _chart.LineElement, _chart.Filler, _chart.Tooltip);
-const Chart = _ref => {
+
+var Chart = function Chart(_ref) {
   var _modifyOptions$toStri;
-  let {
-    className,
-    initialModel,
-    modelsForSwitch,
-    setModelExternalValue,
-    description,
-    customOptions,
-    data,
-    addToDatasets,
-    modifyOptions
-  } = _ref;
+
+  var className = _ref.className,
+      initialModel = _ref.initialModel,
+      modelsForSwitch = _ref.modelsForSwitch,
+      setModelExternalValue = _ref.setModelExternalValue,
+      description = _ref.description,
+      customOptions = _ref.customOptions,
+      data = _ref.data,
+      addToDatasets = _ref.addToDatasets,
+      modifyOptions = _ref.modifyOptions;
   if (!data) return null;
-  const {
-    label,
-    value
-  } = description || {};
-  const [model, setModel] = (0, _react.useState)(_Chart.DEFAULT_CHART_MODEL);
-  const [localData, setLocalData] = (0, _react.useState)(data);
-  const chartRef = (0, _react.useRef)(null);
-  const charContainertRef = (0, _react.useRef)(null);
-  const options = (0, _react.useMemo)(() => customOptions || (modifyOptions ? modifyOptions((0, _utils.getOptions)(model)) : (0, _utils.getOptions)(model)), [customOptions, model, modifyOptions === null || modifyOptions === void 0 || (_modifyOptions$toStri = modifyOptions.toString) === null || _modifyOptions$toStri === void 0 ? void 0 : _modifyOptions$toStri.call(modifyOptions), data]);
-  const notLibraryOptionsOptions = (0, _react.useMemo)(() => customOptions ? customOptions === null || customOptions === void 0 ? void 0 : customOptions.notLibraryOptions : (0, _utils.getNotLibraryOptionsOptions)(model), [customOptions, model, data]);
-  const ChartComponent = (0, _react.useCallback)(props => {
-    const Component = ChartComponents[(0, _utils.getChartTypeKey)(model)];
+
+  var _ref2 = description || {},
+      label = _ref2.label,
+      value = _ref2.value;
+
+  var _useState = (0, _react.useState)(_Chart.DEFAULT_CHART_MODEL),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      model = _useState2[0],
+      setModel = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(data),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      localData = _useState4[0],
+      setLocalData = _useState4[1];
+
+  var chartRef = (0, _react.useRef)(null);
+  var charContainertRef = (0, _react.useRef)(null);
+  var options = (0, _react.useMemo)(function () {
+    return customOptions || (modifyOptions ? modifyOptions((0, _utils.getOptions)(model)) : (0, _utils.getOptions)(model));
+  }, [customOptions, model, modifyOptions === null || modifyOptions === void 0 ? void 0 : (_modifyOptions$toStri = modifyOptions.toString) === null || _modifyOptions$toStri === void 0 ? void 0 : _modifyOptions$toStri.call(modifyOptions), data]);
+  var notLibraryOptionsOptions = (0, _react.useMemo)(function () {
+    return customOptions ? customOptions === null || customOptions === void 0 ? void 0 : customOptions.notLibraryOptions : (0, _utils.getNotLibraryOptionsOptions)(model);
+  }, [customOptions, model, data]);
+  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]);
-  const isExcludeDescription = _Chart.COMPONENT_OPTIONS.disableDescriptionsFor.includes(model);
-  const isExcludeChartTypeSwitcher = _Chart.COMPONENT_OPTIONS.disableChartTypeSwitcherFor.includes(model);
-  (0, _react.useLayoutEffect)(() => {
+
+  var isExcludeDescription = _Chart.COMPONENT_OPTIONS.disableDescriptionsFor.includes(model);
+
+  var isExcludeChartTypeSwitcher = _Chart.COMPONENT_OPTIONS.disableChartTypeSwitcherFor.includes(model);
+
+  (0, _react.useLayoutEffect)(function () {
     if (setModelExternalValue && model !== 'emptyLayout') setModelExternalValue(model);
   }, [model]);
-  (0, _react.useLayoutEffect)(() => {
-    const {
-      setCanvasDimensions
-    } = notLibraryOptionsOptions || {};
+  (0, _react.useLayoutEffect)(function () {
+    var _ref3 = notLibraryOptionsOptions || {},
+        setCanvasDimensions = _ref3.setCanvasDimensions;
+
     if (charContainertRef.current) {
       var _setCanvasDimensions$, _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 : '';
     }
   }, [notLibraryOptionsOptions]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     setModel((0, _utils.correctModelKey)(initialModel));
   }, [initialModel]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     setLocalData((0, _utils.prepareData)(model, (0, _utils2.clone)(data), chartRef.current, addToDatasets));
   }, [model, data]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, {
-      ["".concat(RC, "_icon-mode")]: _Chart.ICON_MODELS.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"), {
-      ["".concat(RC, "__header_only-switcher")]: !description
-    })
+    className: (0, _classnames.default)("".concat(RC, "__header"), (0, _defineProperty2.default)({}, "".concat(RC, "__header_only-switcher"), !description))
   }, description && !isExcludeDescription ? /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__description"))
   }, label ? /*#__PURE__*/_react.default.createElement("span", {
@@ -90,11 +125,15 @@ const Chart = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_ChartTypeSwitcherIcon.default, {
     iconType: "Bar",
     isActive: (0, _utils.getChartTypeKey)(model) === 'Bar',
-    onClick: () => setModel((modelsForSwitch === null || modelsForSwitch === void 0 ? void 0 : modelsForSwitch[0]) || 'barLayout')
+    onClick: function onClick() {
+      return setModel((modelsForSwitch === null || modelsForSwitch === void 0 ? void 0 : modelsForSwitch[0]) || 'barLayout');
+    }
   }), /*#__PURE__*/_react.default.createElement(_ChartTypeSwitcherIcon.default, {
     iconType: "Line",
     isActive: (0, _utils.getChartTypeKey)(model) === 'Line',
-    onClick: () => setModel((modelsForSwitch === null || modelsForSwitch === void 0 ? void 0 : modelsForSwitch[1]) || 'lineLayout')
+    onClick: function onClick() {
+      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"))
@@ -102,4 +141,6 @@ const Chart = _ref => {
     data: localData
   }))));
 };
-var _default = exports.default = Chart;
+
+var _default = Chart;
+exports.default = _default;

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

@@ -4,11 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ICON_MODELS = exports.GRADIENTS_OBJECTS = exports.FINTURF_TOOLTIP_OPTIONS = exports.FINTURF_ADD_GRADIENT_COLORS_POSITIVE = exports.FINTURF_ADD_GRADIENT_COLORS_NEGATIVE = exports.DEFAULT_CHART_MODEL = exports.COMPONENT_OPTIONS = exports.CHART_TYPES = void 0;
-const CHART_TYPES = exports.CHART_TYPES = ['Bar', 'Line'];
-const DEFAULT_CHART_MODEL = exports.DEFAULT_CHART_MODEL = 'emptyLayout';
-const FINTURF_ADD_GRADIENT_COLORS_POSITIVE = exports.FINTURF_ADD_GRADIENT_COLORS_POSITIVE = ['#53D1AD', '#389AA3'];
-const FINTURF_ADD_GRADIENT_COLORS_NEGATIVE = exports.FINTURF_ADD_GRADIENT_COLORS_NEGATIVE = ['#FDB4DB', '#FA2E69'];
-const GRADIENTS_OBJECTS = exports.GRADIENTS_OBJECTS = {
+var CHART_TYPES = ['Bar', 'Line'];
+exports.CHART_TYPES = CHART_TYPES;
+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;
+var FINTURF_ADD_GRADIENT_COLORS_NEGATIVE = ['#FDB4DB', '#FA2E69'];
+exports.FINTURF_ADD_GRADIENT_COLORS_NEGATIVE = FINTURF_ADD_GRADIENT_COLORS_NEGATIVE;
+var GRADIENTS_OBJECTS = {
   finturf: {
     bar: [{
       gradientTargetPropertyName: 'backgroundColor',
@@ -40,7 +44,8 @@ const GRADIENTS_OBJECTS = exports.GRADIENTS_OBJECTS = {
     }]
   }
 };
-const FINTURF_TOOLTIP_OPTIONS = exports.FINTURF_TOOLTIP_OPTIONS = {
+exports.GRADIENTS_OBJECTS = GRADIENTS_OBJECTS;
+var FINTURF_TOOLTIP_OPTIONS = {
   enabled: true,
   mode: 'index',
   intersect: false,
@@ -52,8 +57,8 @@ const FINTURF_TOOLTIP_OPTIONS = exports.FINTURF_TOOLTIP_OPTIONS = {
     family: 'Sarabun',
     style: 'normal',
     weight: 500,
-    size: 12
-    // line-height: 18px;
+    size: 12 // line-height: 18px;
+
   },
   titleAlign: 'center',
   bodyColor: '#1E1E2D',
@@ -69,11 +74,16 @@ const FINTURF_TOOLTIP_OPTIONS = exports.FINTURF_TOOLTIP_OPTIONS = {
   borderWidth: 1,
   borderRadius: 6,
   callbacks: {
-    label: context => context.raw || '0'
+    label: function label(context) {
+      return context.raw || '0';
+    }
   }
 };
-const ICON_MODELS = exports.ICON_MODELS = ['lineIconLayout', 'finturfPositiveLineIcon', 'finturfNegativeLineIcon'];
-const COMPONENT_OPTIONS = exports.COMPONENT_OPTIONS = {
-  disableDescriptionsFor: [...ICON_MODELS],
-  disableChartTypeSwitcherFor: [...ICON_MODELS, 'barLayout', 'lineLayout']
-};
+exports.FINTURF_TOOLTIP_OPTIONS = FINTURF_TOOLTIP_OPTIONS;
+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

@@ -1,15 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 require("./ChartTypeSwitcherIcon.scss");
-const RC = 'chart__type-switcher-icon';
-const getIcon = type => {
+
+var RC = 'chart__type-switcher-icon';
+
+var getIcon = function getIcon(type) {
   switch (type) {
     case 'Bar':
       return /*#__PURE__*/_react.default.createElement("svg", {
@@ -43,6 +51,7 @@ const getIcon = type => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }));
+
     case 'Line':
       return /*#__PURE__*/_react.default.createElement("svg", {
         width: "24",
@@ -63,22 +72,22 @@ const getIcon = type => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }));
+
     default:
       return null;
   }
 };
-const ChartTypeSwitcherIcon = _ref => {
-  let {
-    iconType,
-    isActive,
-    className,
-    onClick
-  } = _ref;
+
+var ChartTypeSwitcherIcon = function ChartTypeSwitcherIcon(_ref) {
+  var iconType = _ref.iconType,
+      isActive = _ref.isActive,
+      className = _ref.className,
+      onClick = _ref.onClick;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, {
-      ["".concat(RC, "_active")]: isActive
-    }, className),
+    className: (0, _classnames.default)(RC, (0, _defineProperty2.default)({}, "".concat(RC, "_active"), isActive), className),
     onClick: onClick
   }, getIcon(iconType));
 };
-var _default = exports.default = ChartTypeSwitcherIcon;
+
+var _default = ChartTypeSwitcherIcon;
+exports.default = _default;

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

@@ -1,129 +1,174 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.createGradient = exports.addNotLibraryAnimation = exports.addGradientsObject = exports.addDatasetsObjects = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _utils = require("../../../../Functions/utils");
-// auxiliary functions
 
-const addDatasetsObjects = (currentData, mutation) => {
+var _excluded = ["type"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+// auxiliary functions
+var addDatasetsObjects = function addDatasetsObjects(currentData, mutation) {
   var _currentData$datasets, _currentData$datasets2;
-  return {
-    ...currentData,
-    datasets: (_currentData$datasets = currentData.datasets) === null || _currentData$datasets === void 0 || (_currentData$datasets2 = _currentData$datasets.map) === null || _currentData$datasets2 === void 0 ? void 0 : _currentData$datasets2.call(_currentData$datasets, dataset => ({
-      ...dataset,
-      ...(typeof mutation === 'function' ? mutation(dataset) : mutation)
-    }))
-  };
+
+  return _objectSpread(_objectSpread({}, currentData), {}, {
+    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);
+    })
+  });
 };
+
 exports.addDatasetsObjects = addDatasetsObjects;
-const createGradient = _ref => {
-  let {
-    ctx,
-    area,
-    colors,
-    direction,
-    correctionFactors,
-    collorStopPoints
-  } = _ref;
-  const getStartGradient = () => {
+
+var createGradient = function createGradient(_ref) {
+  var ctx = _ref.ctx,
+      area = _ref.area,
+      colors = _ref.colors,
+      direction = _ref.direction,
+      correctionFactors = _ref.correctionFactors,
+      collorStopPoints = _ref.collorStopPoints;
+
+  var getStartGradient = function getStartGradient() {
     switch (direction) {
       case 'toTop-toRight':
         return ctx.createLinearGradient(area.left, area.bottom, area.right, area.top);
+
       case 'toTop-toLeft':
         return ctx.createLinearGradient(area.right, area.bottom, area.left, area.top);
+
       case 'toBottom-toRight':
         return ctx.createLinearGradient(area.left, area.top, area.right, area.bottom);
+
       case 'toBottom-toLeft':
         return ctx.createLinearGradient(area.right, area.top, area.left, area.bottom);
+
       case 'toBottom':
         return ctx.createLinearGradient(0, area.top, 0, area.bottom);
+
       case 'toTop':
         return ctx.createLinearGradient(0, area.bottom, 0, area.top);
+
       case 'toLeft':
         return ctx.createLinearGradient(area.right, 0, area.left, 0);
+
       case 'toRight':
       default:
         return ctx.createLinearGradient(area.left, 0, area.right, 0);
     }
   };
-  const getGradientWithPoints = corection => {
-    const newGradient = getStartGradient();
-    const staptPoint = corection ? 1 - corection : 0;
-    colors.forEach((color, idx) => {
-      const point = (() => {
+
+  var getGradientWithPoints = function getGradientWithPoints(corection) {
+    var newGradient = getStartGradient();
+    var staptPoint = corection ? 1 - corection : 0;
+    colors.forEach(function (color, idx) {
+      var point = function () {
         if (idx === colors.length - 1) return 1;
         return collorStopPoints && Array.isArray(collorStopPoints) ? staptPoint + collorStopPoints[idx] * (corection || 1) : staptPoint + 1 / colors.length * (corection || 1);
-      })();
+      }();
+
       newGradient.addColorStop(point.toFixed(2), color);
     });
     return newGradient;
   };
-  return correctionFactors ? correctionFactors.map(corection => getGradientWithPoints(corection)) : getGradientWithPoints();
-};
 
-// target functions
+  return correctionFactors ? correctionFactors.map(function (corection) {
+    return getGradientWithPoints(corection);
+  }) : getGradientWithPoints();
+}; // target functions
+
+
 exports.createGradient = createGradient;
-const addGradientsObject = (currentData, gradientSettingsObj, chartInstance) => addDatasetsObjects(currentData, dataset => ({
-  [gradientSettingsObj.gradientTargetPropertyName]: createGradient({
-    ctx: chartInstance.ctx,
-    area: chartInstance.chartArea,
-    colors: gradientSettingsObj.colors,
-    direction: gradientSettingsObj.direction,
-    correctionFactors: gradientSettingsObj.typeDistributionOfGradientPoints === 'personalBase' ? dataset.data.map(value => value / Math.max.apply(null, dataset.data)) : null,
-    collorStopPoints: gradientSettingsObj.collorStopPoints
-  }),
-  ...(gradientSettingsObj.isAddFill ? {
-    fill: true
-  } : {})
-}));
+
+var addGradientsObject = function addGradientsObject(currentData, gradientSettingsObj, chartInstance) {
+  return addDatasetsObjects(currentData, function (dataset) {
+    return _objectSpread((0, _defineProperty2.default)({}, gradientSettingsObj.gradientTargetPropertyName, createGradient({
+      ctx: chartInstance.ctx,
+      area: chartInstance.chartArea,
+      colors: gradientSettingsObj.colors,
+      direction: gradientSettingsObj.direction,
+      correctionFactors: gradientSettingsObj.typeDistributionOfGradientPoints === 'personalBase' ? dataset.data.map(function (value) {
+        return value / Math.max.apply(null, dataset.data);
+      }) : null,
+      collorStopPoints: gradientSettingsObj.collorStopPoints
+    })), gradientSettingsObj.isAddFill ? {
+      fill: true
+    } : {});
+  });
+};
+
 exports.addGradientsObject = addGradientsObject;
-const addNotLibraryAnimation = (currentData, animationObj, chartInstance) => {
-  const {
-    type,
-    ...restAnimationObj
-  } = animationObj || {};
+
+var addNotLibraryAnimation = function addNotLibraryAnimation(currentData, animationObj, chartInstance) {
+  var _ref2 = animationObj || {},
+      type = _ref2.type,
+      restAnimationObj = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+
   switch (type) {
     case 'runningColumns':
-      const runningColumnsDefaultFromValue = 25;
-      const runningColumnsDefaultToValue = 75;
-      const runningColumnsDefaultAverageValue = 50;
-      const runningColumnsDefaultColumnsDelayCoef = 50;
-      return addDatasetsObjects(currentData, dataset => ({
-        animations: dataset.data.map((item, idx) => ({
-          y: {
-            duration: animationObj.duration,
-            easing: animationObj.easing || 'linear',
-            from: animationObj.isFixExtremeColumns && (!idx || idx === dataset.data.length - 1) ? runningColumnsDefaultAverageValue : animationObj.from || runningColumnsDefaultFromValue,
-            to: animationObj.isFixExtremeColumns && (!idx || idx === dataset.data.length - 1) ? runningColumnsDefaultAverageValue : animationObj.to || runningColumnsDefaultToValue,
-            loop: true,
-            delay: Math.random().toFixed(1) * (animationObj.columnsDelayCoef || runningColumnsDefaultColumnsDelayCoef)
-          }
-        }))
-      }));
+      var runningColumnsDefaultFromValue = 25;
+      var runningColumnsDefaultToValue = 75;
+      var runningColumnsDefaultAverageValue = 50;
+      var runningColumnsDefaultColumnsDelayCoef = 50;
+      return addDatasetsObjects(currentData, function (dataset) {
+        return {
+          animations: dataset.data.map(function (item, idx) {
+            return {
+              y: {
+                duration: animationObj.duration,
+                easing: animationObj.easing || 'linear',
+                from: animationObj.isFixExtremeColumns && (!idx || idx === dataset.data.length - 1) ? runningColumnsDefaultAverageValue : animationObj.from || runningColumnsDefaultFromValue,
+                to: animationObj.isFixExtremeColumns && (!idx || idx === dataset.data.length - 1) ? runningColumnsDefaultAverageValue : animationObj.to || runningColumnsDefaultToValue,
+                loop: true,
+                delay: Math.random().toFixed(1) * (animationObj.columnsDelayCoef || runningColumnsDefaultColumnsDelayCoef)
+              }
+            };
+          })
+        };
+      });
+
     default:
       return currentData;
   }
-};
+}; // must be last function in file
+
 
-// must be last function in file
 exports.addNotLibraryAnimation = addNotLibraryAnimation;
+
 function changeData(currentData, iterationKey, settingsForChange, chartInstance) {
   // console.log('iterationKey - ', iterationKey);
   // console.log('settingsForChange - ', settingsForChange);
-
   switch (iterationKey) {
     case 'setMaxBarThickness':
       return addDatasetsObjects(currentData, {
         maxBarThickness: settingsForChange
       });
+
     case 'addGradientsObjects':
-      return settingsForChange.reduce((acc, gradientSettingsObj) => addGradientsObject(acc, gradientSettingsObj, chartInstance), (0, _utils.clone)(currentData));
+      return settingsForChange.reduce(function (acc, gradientSettingsObj) {
+        return addGradientsObject(acc, gradientSettingsObj, chartInstance);
+      }, (0, _utils.clone)(currentData));
+
     case 'addNotLibraryAnimations':
-      return settingsForChange.reduce((acc, animationObj) => addNotLibraryAnimation(acc, animationObj, chartInstance), currentData);
+      return settingsForChange.reduce(function (acc, animationObj) {
+        return addNotLibraryAnimation(acc, animationObj, chartInstance);
+      }, currentData);
+
     default:
       return currentData;
   }
 }
-var _default = exports.default = changeData;
+
+var _default = changeData;
+exports.default = _default;