intelicoreact 1.4.83 → 1.4.84

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

@@ -1,119 +1,84 @@
 "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 _chart = require("chart.js");
-
 var _helpers = require("chart.js/helpers");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var ChartComponents = _interopRequireWildcard(require("react-chartjs-2"));
-
 var _utils = require("../../../Functions/utils");
-
 var _Chart = require("./partial/Chart.constants");
-
 var _ChartTypeSwitcherIcon = _interopRequireDefault(require("./partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon"));
-
 var _utils2 = require("./partial/utils");
-
 require("./Chart.scss");
-
-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";
-
+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";
 _chart.Chart.register(_chart.CategoryScale, _chart.LinearScale, _chart.BarElement, _chart.PointElement, _chart.LineElement, _chart.Filler, _chart.Tooltip);
-
-var Chart = function Chart(_ref) {
+const Chart = _ref => {
   var _modifyOptions$toStri;
-
-  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;
+  let {
+    className,
+    initialModel,
+    modelsForSwitch,
+    setModelExternalValue,
+    description,
+    customOptions,
+    data,
+    addToDatasets,
+    modifyOptions
+  } = _ref;
   if (!data) return null;
-
-  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, _utils2.getOptions)(model)) : (0, _utils2.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, _utils2.getNotLibraryOptionsOptions)(model);
-  }, [customOptions, model, data]);
-  var ChartComponent = (0, _react.useCallback)(function (props) {
-    var Component = ChartComponents[(0, _utils2.getChartTypeKey)(model)];
+  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, _utils2.getOptions)(model)) : (0, _utils2.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, _utils2.getNotLibraryOptionsOptions)(model), [customOptions, model, data]);
+  const ChartComponent = (0, _react.useCallback)(props => {
+    const Component = ChartComponents[(0, _utils2.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 () {
+  const isExcludeDescription = _Chart.COMPONENT_OPTIONS.disableDescriptionsFor.includes(model);
+  const isExcludeChartTypeSwitcher = _Chart.COMPONENT_OPTIONS.disableChartTypeSwitcherFor.includes(model);
+  (0, _react.useLayoutEffect)(() => {
     if (setModelExternalValue && model !== "emptyLayout") setModelExternalValue(model);
   }, [model]);
-  (0, _react.useLayoutEffect)(function () {
-    var _ref3 = notLibraryOptionsOptions || {},
-        setCanvasDimensions = _ref3.setCanvasDimensions;
-
+  (0, _react.useLayoutEffect)(() => {
+    const {
+      setCanvasDimensions
+    } = notLibraryOptionsOptions || {};
     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)(function () {
+  (0, _react.useEffect)(() => {
     setModel((0, _utils2.correctModelKey)(initialModel));
   }, [initialModel]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setLocalData((0, _utils2.prepareData)(model, (0, _utils.clone)(data), chartRef.current, addToDatasets));
   }, [model, data]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, (0, _defineProperty2.default)({}, "".concat(RC, "_icon-mode"), _Chart.ICON_MODELS.includes(model)), className)
+    className: (0, _classnames.default)(RC, {
+      ["".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))
+    className: (0, _classnames.default)("".concat(RC, "__header"), {
+      ["".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", {
@@ -125,15 +90,11 @@ var Chart = function Chart(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_ChartTypeSwitcherIcon.default, {
     iconType: "Bar",
     isActive: (0, _utils2.getChartTypeKey)(model) === "Bar",
-    onClick: function onClick() {
-      return setModel((modelsForSwitch === null || modelsForSwitch === void 0 ? void 0 : modelsForSwitch[0]) || "barLayout");
-    }
+    onClick: () => setModel((modelsForSwitch === null || modelsForSwitch === void 0 ? void 0 : modelsForSwitch[0]) || "barLayout")
   }), /*#__PURE__*/_react.default.createElement(_ChartTypeSwitcherIcon.default, {
     iconType: "Line",
     isActive: (0, _utils2.getChartTypeKey)(model) === "Line",
-    onClick: function onClick() {
-      return setModel((modelsForSwitch === null || modelsForSwitch === void 0 ? void 0 : modelsForSwitch[1]) || "lineLayout");
-    }
+    onClick: () => 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"))
@@ -141,6 +102,4 @@ var Chart = function Chart(_ref) {
     data: localData
   }))));
 };
-
-var _default = Chart;
-exports.default = _default;
+var _default = exports.default = Chart;

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

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

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

@@ -1,23 +1,15 @@
 "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");
-
-var RC = "chart__type-switcher-icon";
-
-var getIcon = function getIcon(type) {
+const RC = "chart__type-switcher-icon";
+const getIcon = type => {
   switch (type) {
     case "Bar":
       return /*#__PURE__*/_react.default.createElement("svg", {
@@ -51,7 +43,6 @@ var getIcon = function getIcon(type) {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }));
-
     case "Line":
       return /*#__PURE__*/_react.default.createElement("svg", {
         width: "24",
@@ -72,22 +63,22 @@ var getIcon = function getIcon(type) {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }));
-
     default:
       return null;
   }
 };
-
-var ChartTypeSwitcherIcon = function ChartTypeSwitcherIcon(_ref) {
-  var iconType = _ref.iconType,
-      isActive = _ref.isActive,
-      className = _ref.className,
-      onClick = _ref.onClick;
+const ChartTypeSwitcherIcon = _ref => {
+  let {
+    iconType,
+    isActive,
+    className,
+    onClick
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, (0, _defineProperty2.default)({}, "".concat(RC, "_active"), isActive), className),
+    className: (0, _classnames.default)(RC, {
+      ["".concat(RC, "_active")]: isActive
+    }, className),
     onClick: onClick
   }, getIcon(iconType));
 };
-
-var _default = ChartTypeSwitcherIcon;
-exports.default = _default;
+var _default = exports.default = ChartTypeSwitcherIcon;

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

@@ -1,174 +1,129 @@
 "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");
-
-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 _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);
-    })
-  });
+const 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)
+    }))
+  };
 };
-
 exports.addDatasetsObjects = addDatasetsObjects;
-
-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() {
+const createGradient = _ref => {
+  let {
+    ctx,
+    area,
+    colors,
+    direction,
+    correctionFactors,
+    collorStopPoints
+  } = _ref;
+  const 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);
     }
   };
-
-  var getGradientWithPoints = function getGradientWithPoints(corection) {
-    var newGradient = getStartGradient();
-    var staptPoint = corection ? 1 - corection : 0;
-    colors.forEach(function (color, idx) {
-      var point = function () {
+  const getGradientWithPoints = corection => {
+    const newGradient = getStartGradient();
+    const staptPoint = corection ? 1 - corection : 0;
+    colors.forEach((color, idx) => {
+      const point = (() => {
         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(function (corection) {
-    return getGradientWithPoints(corection);
-  }) : getGradientWithPoints();
-}; // target functions
-
-
-exports.createGradient = createGradient;
-
-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
-    } : {});
-  });
+  return correctionFactors ? correctionFactors.map(corection => 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
+  } : {})
+}));
 exports.addGradientsObject = addGradientsObject;
-
-var addNotLibraryAnimation = function addNotLibraryAnimation(currentData, animationObj, chartInstance) {
-  var _ref2 = animationObj || {},
-      type = _ref2.type,
-      restAnimationObj = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-
+const addNotLibraryAnimation = (currentData, animationObj, chartInstance) => {
+  const {
+    type,
+    ...restAnimationObj
+  } = animationObj || {};
   switch (type) {
     case "runningColumns":
-      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)
-              }
-            };
-          })
-        };
-      });
-
+      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)
+          }
+        }))
+      }));
     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(function (acc, gradientSettingsObj) {
-        return addGradientsObject(acc, gradientSettingsObj, chartInstance);
-      }, (0, _utils.clone)(currentData));
-
+      return settingsForChange.reduce((acc, gradientSettingsObj) => addGradientsObject(acc, gradientSettingsObj, chartInstance), (0, _utils.clone)(currentData));
     case "addNotLibraryAnimations":
-      return settingsForChange.reduce(function (acc, animationObj) {
-        return addNotLibraryAnimation(acc, animationObj, chartInstance);
-      }, currentData);
-
+      return settingsForChange.reduce((acc, animationObj) => addNotLibraryAnimation(acc, animationObj, chartInstance), currentData);
     default:
       return currentData;
   }
 }
-
-var _default = changeData;
-exports.default = _default;
+var _default = exports.default = changeData;