intelicoreact 1.3.22 → 1.3.24

package/dist/Atomic/UI/Button/Button.scss

@@ -1,13 +1,16 @@
 .button {
   position: relative;
+
   display: inline-flex;
-  align-items: center;
   justify-content: center;
+  align-items: center;
 
   box-sizing: border-box;
   height: 28px;
   padding: 3px 10px;
 
+  font-size: 13px;
+  line-height: 20px;
   cursor: pointer;
   user-select: none;
   text-align: center;
@@ -16,9 +19,6 @@
   border-radius: 3px;
   box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
 
-  font-size: 13px;
-  line-height: 20px;
-
   &:disabled {
     pointer-events: none;
 
@@ -26,9 +26,9 @@
   }
 
   &_warning {
-    color: #FFF;
-    border: 1px solid #F06D8D;
-    background-color: #F06D8D;
+    color: #fff;
+    border: 1px solid #f06d8d;
+    background-color: #f06d8d;
 
     &:hover {
       filter: brightness(1.1);
@@ -36,18 +36,18 @@
   }
 
   &_dark-outline {
-    color: #1E1E2DFF;
-    border: 1px solid #BAC2C9;
+    color: #1e1e2dff;
+    border: 1px solid #bac2c9;
 
     &:hover {
-      background-color: #F2F2F8FF;
+      background-color: #f2f2f8ff;
     }
   }
 
   &_primary {
-    color: #FFF;
-    border: 1px solid #6B81DDFF;
-    background-color: #6B81DDFF;
+    color: #fff;
+    border: 1px solid #6b81ddff;
+    background-color: #6b81ddff;
 
     &:hover {
       filter: brightness(1.1);
@@ -55,9 +55,9 @@
   }
 
   &_secondary {
-    color: #FFF;
-    border: 1px solid #BAC2C9FF;
-    background-color: #BAC2C9FF;
+    color: #fff;
+    border: 1px solid #bac2c9ff;
+    background-color: #bac2c9ff;
 
     &:hover {
       filter: brightness(1.1);
@@ -67,36 +67,34 @@
   &_ellipse-apply {
     padding: 8px 16px;
 
-    letter-spacing: 0.1px;
-
-    color: #FFF;
-    border-radius: 40px;
-    background: #1F7499;
-
     font-family: Sarabun, sans-serif;
     font-size: 16px;
     font-weight: 500;
     font-style: normal;
     line-height: 24px;
+    letter-spacing: 0.1px;
+
+    color: #fff;
+    border-radius: 40px;
+    background: #1f7499;
   }
 
   &_ellipse-cancel {
     padding: 8px 18px;
 
-    letter-spacing: 0.2px;
-
-    color: #1F7499;
-    border-radius: 32px;
-
     font-family: Sarabun, sans-serif;
     font-size: 14px;
     font-weight: normal;
     font-style: normal;
     line-height: 20px;
+    letter-spacing: 0.2px;
+
+    color: #1f7499;
+    border-radius: 32px;
   }
 
   &_link {
-    color: #6B81DD;
+    color: #6b81dd;
     box-shadow: none;
 
     svg {
@@ -105,9 +103,9 @@
   }
 
   &_success {
-    color: #FFF;
-    border: 1px solid #7AC48C;
-    background-color: #7AC48C;
+    color: #fff;
+    border: 1px solid #7ac48c;
+    background-color: #7ac48c;
 
     &:hover {
       filter: brightness(1.1);
@@ -116,8 +114,8 @@
 
   &__text {
     display: flex;
-    align-items: center;
     justify-content: center;
+    align-items: center;
 
     width: 100%;
 
@@ -155,9 +153,11 @@
 }
 
 .text-ellipsis {
-  width: 100%;
   display: block;
   overflow: hidden;
-  text-overflow: ellipsis;
+
+  width: 100%;
+
   white-space: nowrap;
+  text-overflow: ellipsis;
 }

package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactRouterDom = require("react-router-dom");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _reactRouterDom = require("react-router-dom");
 var _Button = _interopRequireDefault(require("../Button/Button"));
 require("./ButtonsBar.scss");
 const ButtonsBar = _ref => {
@@ -28,11 +28,11 @@ const ButtonsBar = _ref => {
     confirmBtnClass,
     isConfirmBtnDisabled,
     onConfirm,
-    testIdFirstBtn = 'test-btn-bar-first',
-    testIdSecondBtn = 'test-btn-bar-second'
+    testIdFirstBtn = "test-btn-bar-first",
+    testIdSecondBtn = "test-btn-bar-second"
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('button-bar', className)
+    className: (0, _classnames.default)("button-bar", className)
   }, rejectLink ? /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
     className: "text-decoration-none",
     to: rejectLink

package/dist/Atomic/UI/ButtonsBar/ButtonsBar.scss

@@ -1,7 +1,7 @@
 .button-bar {
   display: flex;
-  align-items: center;
   justify-content: center;
+  align-items: center;
 
   width: 100%;
   margin: 15px;

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

@@ -7,18 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
 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("./partial/utils");
+var _utils = require("../../../Functions/utils");
 var _Chart = require("./partial/Chart.constants");
-var _utils2 = require("../../../Functions/utils");
 var _ChartTypeSwitcherIcon = _interopRequireDefault(require("./partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon"));
+var _utils2 = require("./partial/utils");
 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';
+const RC = "chart";
 _chart.Chart.register(_chart.CategoryScale, _chart.LinearScale, _chart.BarElement, _chart.PointElement, _chart.LineElement, _chart.Filler, _chart.Tooltip);
 const Chart = _ref => {
   var _modifyOptions$toStri;
@@ -42,10 +42,10 @@ const Chart = _ref => {
   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 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, _utils.getChartTypeKey)(model)];
+    const Component = ChartComponents[(0, _utils2.getChartTypeKey)(model)];
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       ref: chartRef
     }, props));
@@ -53,7 +53,7 @@ const Chart = _ref => {
   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);
+    if (setModelExternalValue && model !== "emptyLayout") setModelExternalValue(model);
   }, [model]);
   (0, _react.useLayoutEffect)(() => {
     const {
@@ -61,15 +61,15 @@ const Chart = _ref => {
     } = 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 : '';
+      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)(() => {
-    setModel((0, _utils.correctModelKey)(initialModel));
+    setModel((0, _utils2.correctModelKey)(initialModel));
   }, [initialModel]);
   (0, _react.useEffect)(() => {
-    setLocalData((0, _utils.prepareData)(model, (0, _utils2.clone)(data), chartRef.current, addToDatasets));
+    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, {
@@ -89,12 +89,12 @@ const Chart = _ref => {
     className: (0, _classnames.default)("".concat(RC, "__type-switcher"))
   }, /*#__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')
+    isActive: (0, _utils2.getChartTypeKey)(model) === "Bar",
+    onClick: () => 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')
+    isActive: (0, _utils2.getChartTypeKey)(model) === "Line",
+    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"))

package/dist/Atomic/UI/Chart/Chart.scss

@@ -7,9 +7,9 @@
 
   &__header {
     display: flex;
-    align-items: flex-start;
     flex-flow: row nowrap;
     justify-content: space-between;
+    align-items: flex-start;
 
     margin-bottom: 24px;
 
@@ -20,19 +20,19 @@
 
   &__description {
     display: flex;
-    align-items: flex-start;
-    flex-flow: column nowrap;
     flex-grow: 1;
+    flex-flow: column nowrap;
     justify-content: flex-start;
+    align-items: flex-start;
 
     padding-left: 24px;
   }
 
   &__type-switcher {
     display: flex;
-    align-items: flex-start;
     flex-flow: row nowrap;
     justify-content: flex-start;
+    align-items: flex-start;
 
     width: fit-content;
     height: fit-content;

package/dist/Atomic/UI/Chart/partial/AnyOuterClass.scss

@@ -2,41 +2,37 @@
   max-width: 806px;
 
   border-radius: 16px;
-
-  background: #FFF;
+  background: #fff;
   box-shadow: 0 16px 24px rgb(0 0 0 / 5%);
 }
 
 .any-outer-class__chart {
   .chart__description-title {
-    letter-spacing: 0.1px;
-
-    color: #3B414B;
-
     font-size: 16px;
     font-weight: 600;
     font-style: normal;
     line-height: 24px;
+    letter-spacing: 0.1px;
+
+    color: #3b414b;
   }
 
   .chart__description-value {
     span {
-      letter-spacing: 0.359794px;
-
-      color: #3B414B;
-
       font-size: 20px;
       font-weight: 600;
       font-style: normal;
       line-height: 30px;
+      letter-spacing: 0.359794px;
 
-      &:last-child {
-        letter-spacing: 0.2px;
-
-        color: #757F8C;
+      color: #3b414b;
 
+      &:last-child {
         font-size: 14px;
         line-height: 20px;
+        letter-spacing: 0.2px;
+
+        color: #757f8c;
       }
     }
   }

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

@@ -4,76 +4,76 @@ 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 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',
+      gradientTargetPropertyName: "backgroundColor",
       colors: FINTURF_ADD_GRADIENT_COLORS_POSITIVE,
-      direction: 'toBottom',
-      typeDistributionOfGradientPoints: 'personalBase',
+      direction: "toBottom",
+      typeDistributionOfGradientPoints: "personalBase",
       collorStopPoints: [0.2, 1]
     }],
     line: [{
-      gradientTargetPropertyName: 'borderColor',
+      gradientTargetPropertyName: "borderColor",
       colors: FINTURF_ADD_GRADIENT_COLORS_POSITIVE,
-      direction: 'toRight'
+      direction: "toRight"
     }, {
-      gradientTargetPropertyName: 'backgroundColor',
-      colors: ['rgba(84, 210, 173, 0.2)', 'rgba(84, 210, 173, 0.1)', 'rgba(84, 210, 173, 0)'],
-      direction: 'toBottom',
+      gradientTargetPropertyName: "backgroundColor",
+      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],
       isAddFill: true
     }],
     positiveLineIcon: [{
-      gradientTargetPropertyName: 'borderColor',
+      gradientTargetPropertyName: "borderColor",
       colors: FINTURF_ADD_GRADIENT_COLORS_POSITIVE,
-      direction: 'toRight'
+      direction: "toRight"
     }],
     negativeLineIcon: [{
-      gradientTargetPropertyName: 'borderColor',
+      gradientTargetPropertyName: "borderColor",
       colors: FINTURF_ADD_GRADIENT_COLORS_NEGATIVE,
-      direction: 'toRight'
+      direction: "toRight"
     }]
   }
 };
 const FINTURF_TOOLTIP_OPTIONS = exports.FINTURF_TOOLTIP_OPTIONS = {
   enabled: true,
-  mode: 'index',
+  mode: "index",
   intersect: false,
   padding: 8,
-  backgroundColor: '#FFFFFF',
-  titleColor: '#757F8C',
-  borderColor: '#D6D9E4',
+  backgroundColor: "#FFFFFF",
+  titleColor: "#757F8C",
+  borderColor: "#D6D9E4",
   titleFont: {
-    family: 'Sarabun',
-    style: 'normal',
+    family: "Sarabun",
+    style: "normal",
     weight: 500,
     size: 12
     // line-height: 18px;
   },
-  titleAlign: 'center',
-  bodyColor: '#1E1E2D',
+  titleAlign: "center",
+  bodyColor: "#1E1E2D",
   bodyFont: {
-    family: 'Sarabun',
-    style: 'normal',
+    family: "Sarabun",
+    style: "normal",
     weight: 400,
     size: 14
   },
-  bodyAlign: 'center',
+  bodyAlign: "center",
   caretSize: 0,
   displayColors: false,
   borderWidth: 1,
   borderRadius: 6,
   callbacks: {
-    label: context => context.raw || '0'
+    label: context => context.raw || "0"
   }
 };
-const ICON_MODELS = exports.ICON_MODELS = ['lineIconLayout', 'finturfPositiveLineIcon', 'finturfNegativeLineIcon'];
+const ICON_MODELS = exports.ICON_MODELS = ["lineIconLayout", "finturfPositiveLineIcon", "finturfNegativeLineIcon"];
 const COMPONENT_OPTIONS = exports.COMPONENT_OPTIONS = {
   disableDescriptionsFor: [...ICON_MODELS],
-  disableChartTypeSwitcherFor: [...ICON_MODELS, 'barLayout', 'lineLayout']
+  disableChartTypeSwitcherFor: [...ICON_MODELS, "barLayout", "lineLayout"]
 };

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

@@ -8,10 +8,10 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./ChartTypeSwitcherIcon.scss");
-const RC = 'chart__type-switcher-icon';
+const RC = "chart__type-switcher-icon";
 const getIcon = type => {
   switch (type) {
-    case 'Bar':
+    case "Bar":
       return /*#__PURE__*/_react.default.createElement("svg", {
         width: "24",
         height: "24",
@@ -43,7 +43,7 @@ const getIcon = type => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }));
-    case 'Line':
+    case "Line":
       return /*#__PURE__*/_react.default.createElement("svg", {
         width: "24",
         height: "24",

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

@@ -13,7 +13,7 @@
 
   &_active {
     svg rect {
-      fill: #1F7499;
+      fill: #1f7499;
     }
 
     svg path {

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

@@ -13,7 +13,7 @@ const addDatasetsObjects = (currentData, mutation) => {
     ...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)
+      ...(typeof mutation === "function" ? mutation(dataset) : mutation)
     }))
   };
 };
@@ -29,21 +29,21 @@ const createGradient = _ref => {
   } = _ref;
   const getStartGradient = () => {
     switch (direction) {
-      case 'toTop-toRight':
+      case "toTop-toRight":
         return ctx.createLinearGradient(area.left, area.bottom, area.right, area.top);
-      case 'toTop-toLeft':
+      case "toTop-toLeft":
         return ctx.createLinearGradient(area.right, area.bottom, area.left, area.top);
-      case 'toBottom-toRight':
+      case "toBottom-toRight":
         return ctx.createLinearGradient(area.left, area.top, area.right, area.bottom);
-      case 'toBottom-toLeft':
+      case "toBottom-toLeft":
         return ctx.createLinearGradient(area.right, area.top, area.left, area.bottom);
-      case 'toBottom':
+      case "toBottom":
         return ctx.createLinearGradient(0, area.top, 0, area.bottom);
-      case 'toTop':
+      case "toTop":
         return ctx.createLinearGradient(0, area.bottom, 0, area.top);
-      case 'toLeft':
+      case "toLeft":
         return ctx.createLinearGradient(area.right, 0, area.left, 0);
-      case 'toRight':
+      case "toRight":
       default:
         return ctx.createLinearGradient(area.left, 0, area.right, 0);
     }
@@ -71,7 +71,7 @@ const addGradientsObject = (currentData, gradientSettingsObj, chartInstance) =>
     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,
+    correctionFactors: gradientSettingsObj.typeDistributionOfGradientPoints === "personalBase" ? dataset.data.map(value => value / Math.max.apply(null, dataset.data)) : null,
     collorStopPoints: gradientSettingsObj.collorStopPoints
   }),
   ...(gradientSettingsObj.isAddFill ? {
@@ -85,7 +85,7 @@ const addNotLibraryAnimation = (currentData, animationObj, chartInstance) => {
     ...restAnimationObj
   } = animationObj || {};
   switch (type) {
-    case 'runningColumns':
+    case "runningColumns":
       const runningColumnsDefaultFromValue = 25;
       const runningColumnsDefaultToValue = 75;
       const runningColumnsDefaultAverageValue = 50;
@@ -94,7 +94,7 @@ const addNotLibraryAnimation = (currentData, animationObj, chartInstance) => {
         animations: dataset.data.map((item, idx) => ({
           y: {
             duration: animationObj.duration,
-            easing: animationObj.easing || 'linear',
+            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,
@@ -114,13 +114,13 @@ function changeData(currentData, iterationKey, settingsForChange, chartInstance)
   // console.log('settingsForChange - ', settingsForChange);
 
   switch (iterationKey) {
-    case 'setMaxBarThickness':
+    case "setMaxBarThickness":
       return addDatasetsObjects(currentData, {
         maxBarThickness: settingsForChange
       });
-    case 'addGradientsObjects':
+    case "addGradientsObjects":
       return settingsForChange.reduce((acc, gradientSettingsObj) => addGradientsObject(acc, gradientSettingsObj, chartInstance), (0, _utils.clone)(currentData));
-    case 'addNotLibraryAnimations':
+    case "addNotLibraryAnimations":
       return settingsForChange.reduce((acc, animationObj) => addNotLibraryAnimation(acc, animationObj, chartInstance), currentData);
     default:
       return currentData;