intelicoreact 1.5.32 → 1.5.34

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

@@ -0,0 +1,344 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    default: function() {
+        return _default;
+    },
+    finturfReactChartJsOptions: function() {
+        return finturfReactChartJsOptions;
+    },
+    reactChartJsOptionsLayouts: function() {
+        return reactChartJsOptionsLayouts;
+    }
+});
+const _Chartconstants = require("./Chart.constants");
+const _optionsSetters = /*#__PURE__*/ _interop_require_default(require("./optionsSetters"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var _finturfChartLayouts_barLayout, _finturfChartLayouts_barLayout_options, _finturfChartLayouts_barLayout1, _finturfChartLayouts_barLayout_options_elements, _finturfChartLayouts_barLayout_options1, _finturfChartLayouts_barLayout2, _finturfChartLayouts_barLayout3, _finturfChartLayouts_barLayout_notLibraryOptions, _finturfChartLayouts_barLayout4, _finturfChartLayouts_lineLayout, _finturfChartLayouts_lineLayout_options, _finturfChartLayouts_lineLayout_options_elements, _finturfChartLayouts_lineLayout_options1, _finturfChartBar_options, _finturfChartBar_options_animations, _finturfChartBar_options1, _finturfChartBar_notLibraryOptions, _finturfChartLine_options, _finturfChartLine_options_elements, _finturfChartLine_options1, _finturfChartLine_options2, _finturfChartLine_options_animations, _finturfChartLine_options3, _finturfChartLine_notLibraryOptions;
+const reactChartJsOptionsLayouts = {
+    lineIconLayout: {
+        options: {
+            responsive: true,
+            maintainAspectRatio: false,
+            scales: {
+                x: {
+                    display: false
+                },
+                y: {
+                    display: false
+                }
+            },
+            elements: {
+                point: {
+                    radius: 0
+                },
+                line: {
+                    tension: 0.45,
+                    borderJoinStyle: "round",
+                    borderWidth: 2,
+                    capBezierPoints: true
+                }
+            }
+        },
+        redraw: true,
+        notLibraryOptions: {
+            // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
+            // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
+            // => Файл Chart.js => определение ChartComponent
+            chartTypeKey: "Line",
+            setCanvasDimensions: {
+                width: "75px",
+                height: "35px"
+            }
+        }
+    },
+    lineLayout: {
+        options: {
+            responsive: true,
+            elements: {
+                point: {
+                    radius: 4,
+                    pointStyle: "circle",
+                    backgroundColor: "#FFFFFF",
+                    color: "#FFFFFF"
+                },
+                line: {
+                    tension: 0.45,
+                    borderJoinStyle: "round",
+                    borderWidth: 2,
+                    capBezierPoints: true
+                }
+            }
+        },
+        redraw: true,
+        notLibraryOptions: {
+            // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
+            // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
+            // => Файл Chart.js => определение ChartComponent
+            chartTypeKey: "Line"
+        }
+    },
+    barLayout: {
+        options: {
+            responsive: true,
+            elements: {
+                bar: {
+                    borderRadius: 10
+                }
+            }
+        },
+        redraw: true,
+        notLibraryOptions: {
+            // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
+            // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
+            // => Файл Chart.js => определение ChartComponent
+            chartTypeKey: "Bar"
+        }
+    },
+    emptyLayout: {
+        options: {
+            responsive: true,
+            maintainAspectRatio: false,
+            scales: {
+                x: {
+                    display: false
+                },
+                y: {
+                    display: false
+                }
+            },
+            elements: {
+                point: {
+                    radius: 0
+                },
+                line: {
+                    borderWidth: 0
+                }
+            }
+        },
+        notLibraryOptions: {
+            // Этот ключ должен быть в любой итоговой конфигурации для нормальной работы компонента именно в такой вложенности
+            // На основании этого ключа будет приниматься решение какой компонет будет использован (<Line />, <Bar /> и т.д.)
+            // => Файл Chart.js => определение подкомпонента ChartComponent => строка const Component = ...
+            chartTypeKey: "Line"
+        }
+    }
+};
+const finturfChartLayouts = (()=>{
+    return [
+        "barLayout",
+        "lineLayout"
+    ].reduce((acc, key)=>{
+        var _reactChartJsOptionsLayouts_key_options, _reactChartJsOptionsLayouts_key_options_scales, _reactChartJsOptionsLayouts_key_options1, _reactChartJsOptionsLayouts_key_options_scales_x, _reactChartJsOptionsLayouts_key_options_scales1, _reactChartJsOptionsLayouts_key_options2, _reactChartJsOptionsLayouts_key_options_scales_y, _reactChartJsOptionsLayouts_key_options_scales2, _reactChartJsOptionsLayouts_key_options3, _reactChartJsOptionsLayouts_key_options_scales3, _reactChartJsOptionsLayouts_key_options4, _reactChartJsOptionsLayouts_key_options_scales_y1, _reactChartJsOptionsLayouts_key_options_scales4, _reactChartJsOptionsLayouts_key_options5, _reactChartJsOptionsLayouts_key_options_scales_y2, _reactChartJsOptionsLayouts_key_options_scales5, _reactChartJsOptionsLayouts_key_options6;
+        return {
+            ...acc,
+            [key]: {
+                ...reactChartJsOptionsLayouts[key],
+                options: {
+                    ...reactChartJsOptionsLayouts[key].options,
+                    scales: {
+                        ...(_reactChartJsOptionsLayouts_key_options = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsLayouts_key_options === void 0 ? void 0 : _reactChartJsOptionsLayouts_key_options.scales,
+                        x: {
+                            ...(_reactChartJsOptionsLayouts_key_options1 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsLayouts_key_options1 === void 0 ? void 0 : (_reactChartJsOptionsLayouts_key_options_scales = _reactChartJsOptionsLayouts_key_options1.scales) === null || _reactChartJsOptionsLayouts_key_options_scales === void 0 ? void 0 : _reactChartJsOptionsLayouts_key_options_scales.x,
+                            grid: {
+                                ...(_reactChartJsOptionsLayouts_key_options2 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsLayouts_key_options2 === void 0 ? void 0 : (_reactChartJsOptionsLayouts_key_options_scales1 = _reactChartJsOptionsLayouts_key_options2.scales) === null || _reactChartJsOptionsLayouts_key_options_scales1 === void 0 ? void 0 : (_reactChartJsOptionsLayouts_key_options_scales_x = _reactChartJsOptionsLayouts_key_options_scales1.x) === null || _reactChartJsOptionsLayouts_key_options_scales_x === void 0 ? void 0 : _reactChartJsOptionsLayouts_key_options_scales_x.grid,
+                                display: false,
+                                offset: true
+                            },
+                            ticks: {
+                                ...(_reactChartJsOptionsLayouts_key_options3 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsLayouts_key_options3 === void 0 ? void 0 : (_reactChartJsOptionsLayouts_key_options_scales2 = _reactChartJsOptionsLayouts_key_options3.scales) === null || _reactChartJsOptionsLayouts_key_options_scales2 === void 0 ? void 0 : (_reactChartJsOptionsLayouts_key_options_scales_y = _reactChartJsOptionsLayouts_key_options_scales2.y) === null || _reactChartJsOptionsLayouts_key_options_scales_y === void 0 ? void 0 : _reactChartJsOptionsLayouts_key_options_scales_y.ticks,
+                                autoSkipPadding: 10,
+                                align: "center",
+                                color: "#757F8C",
+                                lineHeight: 18,
+                                font: {
+                                    family: "Sarabun",
+                                    style: "normal",
+                                    weight: 400,
+                                    size: 8
+                                }
+                            }
+                        },
+                        y: {
+                            ...(_reactChartJsOptionsLayouts_key_options4 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsLayouts_key_options4 === void 0 ? void 0 : (_reactChartJsOptionsLayouts_key_options_scales3 = _reactChartJsOptionsLayouts_key_options4.scales) === null || _reactChartJsOptionsLayouts_key_options_scales3 === void 0 ? void 0 : _reactChartJsOptionsLayouts_key_options_scales3.y,
+                            min: 0,
+                            // grace: '5%',
+                            bounds: "data",
+                            grid: {
+                                ...(_reactChartJsOptionsLayouts_key_options5 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsLayouts_key_options5 === void 0 ? void 0 : (_reactChartJsOptionsLayouts_key_options_scales4 = _reactChartJsOptionsLayouts_key_options5.scales) === null || _reactChartJsOptionsLayouts_key_options_scales4 === void 0 ? void 0 : (_reactChartJsOptionsLayouts_key_options_scales_y1 = _reactChartJsOptionsLayouts_key_options_scales4.y) === null || _reactChartJsOptionsLayouts_key_options_scales_y1 === void 0 ? void 0 : _reactChartJsOptionsLayouts_key_options_scales_y1.grid,
+                                borderColor: "#E1E8F1",
+                                color: "#E1E8F1",
+                                borderDash: [
+                                    5
+                                ],
+                                // borderDashOffset: 12,
+                                drawTicks: false,
+                                z: -1
+                            },
+                            ticks: {
+                                ...(_reactChartJsOptionsLayouts_key_options6 = reactChartJsOptionsLayouts[key].options) === null || _reactChartJsOptionsLayouts_key_options6 === void 0 ? void 0 : (_reactChartJsOptionsLayouts_key_options_scales5 = _reactChartJsOptionsLayouts_key_options6.scales) === null || _reactChartJsOptionsLayouts_key_options_scales5 === void 0 ? void 0 : (_reactChartJsOptionsLayouts_key_options_scales_y2 = _reactChartJsOptionsLayouts_key_options_scales5.y) === null || _reactChartJsOptionsLayouts_key_options_scales_y2 === void 0 ? void 0 : _reactChartJsOptionsLayouts_key_options_scales_y2.ticks,
+                                autoSkipPadding: 10,
+                                align: "center",
+                                color: "#A0A4B0",
+                                lineHeight: 18,
+                                padding: 6,
+                                font: {
+                                    family: "Sarabun",
+                                    style: "normal",
+                                    weight: 400,
+                                    size: 10
+                                }
+                            }
+                        }
+                    }
+                },
+                notLibraryOptions: {
+                    ...reactChartJsOptionsLayouts[key].notLibraryOptions,
+                    setCanvasDimensions: {
+                        height: "194px"
+                    }
+                }
+            }
+        };
+    }, {});
+})();
+const finturfChartBar = {
+    ...finturfChartLayouts.barLayout,
+    options: {
+        ...(_finturfChartLayouts_barLayout = finturfChartLayouts.barLayout) === null || _finturfChartLayouts_barLayout === void 0 ? void 0 : _finturfChartLayouts_barLayout.options,
+        maintainAspectRatio: false,
+        elements: {
+            ...(_finturfChartLayouts_barLayout1 = finturfChartLayouts.barLayout) === null || _finturfChartLayouts_barLayout1 === void 0 ? void 0 : (_finturfChartLayouts_barLayout_options = _finturfChartLayouts_barLayout1.options) === null || _finturfChartLayouts_barLayout_options === void 0 ? void 0 : _finturfChartLayouts_barLayout_options.elements,
+            bar: {
+                ...(_finturfChartLayouts_barLayout2 = finturfChartLayouts.barLayout) === null || _finturfChartLayouts_barLayout2 === void 0 ? void 0 : (_finturfChartLayouts_barLayout_options1 = _finturfChartLayouts_barLayout2.options) === null || _finturfChartLayouts_barLayout_options1 === void 0 ? void 0 : (_finturfChartLayouts_barLayout_options_elements = _finturfChartLayouts_barLayout_options1.elements) === null || _finturfChartLayouts_barLayout_options_elements === void 0 ? void 0 : _finturfChartLayouts_barLayout_options_elements.bar,
+                borderRadius: 4
+            }
+        }
+    },
+    notLibraryOptions: {
+        ...(_finturfChartLayouts_barLayout3 = finturfChartLayouts.barLayout) === null || _finturfChartLayouts_barLayout3 === void 0 ? void 0 : _finturfChartLayouts_barLayout3.notLibraryOptions,
+        changeData: {
+            ...(_finturfChartLayouts_barLayout4 = finturfChartLayouts.barLayout) === null || _finturfChartLayouts_barLayout4 === void 0 ? void 0 : (_finturfChartLayouts_barLayout_notLibraryOptions = _finturfChartLayouts_barLayout4.notLibraryOptions) === null || _finturfChartLayouts_barLayout_notLibraryOptions === void 0 ? void 0 : _finturfChartLayouts_barLayout_notLibraryOptions.changeData,
+            setMaxBarThickness: 16
+        }
+    }
+};
+const finturfChartLine = {
+    ...finturfChartLayouts.lineLayout,
+    options: {
+        ...(_finturfChartLayouts_lineLayout = finturfChartLayouts.lineLayout) === null || _finturfChartLayouts_lineLayout === void 0 ? void 0 : _finturfChartLayouts_lineLayout.options,
+        maintainAspectRatio: false,
+        elements: {
+            ...(_finturfChartLayouts_lineLayout_options = finturfChartLayouts.lineLayout.options) === null || _finturfChartLayouts_lineLayout_options === void 0 ? void 0 : _finturfChartLayouts_lineLayout_options.elements,
+            point: {
+                ...(_finturfChartLayouts_lineLayout_options1 = finturfChartLayouts.lineLayout.options) === null || _finturfChartLayouts_lineLayout_options1 === void 0 ? void 0 : (_finturfChartLayouts_lineLayout_options_elements = _finturfChartLayouts_lineLayout_options1.elements) === null || _finturfChartLayouts_lineLayout_options_elements === void 0 ? void 0 : _finturfChartLayouts_lineLayout_options_elements.point,
+                radius: 2,
+                borderColor: "#32A784",
+                borderWidth: 4
+            }
+        }
+    }
+};
+const finturfReactChartJsOptions = {
+    finturfChartBar: (0, _optionsSetters.default)(finturfChartBar, {
+        addGradientsSettings: _Chartconstants.GRADIENTS_OBJECTS.finturf.bar,
+        addTooltipOptions: _Chartconstants.FINTURF_TOOLTIP_OPTIONS
+    }),
+    finturfLoadingModeBar: {
+        ...finturfChartBar,
+        options: {
+            ...finturfChartBar.options,
+            animations: {
+                ...(_finturfChartBar_options = finturfChartBar.options) === null || _finturfChartBar_options === void 0 ? void 0 : _finturfChartBar_options.animations,
+                y: {
+                    ...(_finturfChartBar_options1 = finturfChartBar.options) === null || _finturfChartBar_options1 === void 0 ? void 0 : (_finturfChartBar_options_animations = _finturfChartBar_options1.animations) === null || _finturfChartBar_options_animations === void 0 ? void 0 : _finturfChartBar_options_animations.y,
+                    duration: 0
+                }
+            }
+        },
+        notLibraryOptions: {
+            ...finturfChartBar.notLibraryOptions,
+            changeData: {
+                ...(_finturfChartBar_notLibraryOptions = finturfChartBar.notLibraryOptions) === null || _finturfChartBar_notLibraryOptions === void 0 ? void 0 : _finturfChartBar_notLibraryOptions.changeData,
+                addNotLibraryAnimations: [
+                    {
+                        type: "runningColumns",
+                        // duration - ms
+                        duration: 600,
+                        // default easing - 'linear',
+                        // easing: 'easeInOutExpo',
+                        // ToDo - предусмотреть 'auto' и default для from и to
+                        from: 10,
+                        to: 75,
+                        columnsDelayCoef: 500
+                    }
+                ]
+            }
+        }
+    },
+    finturfChartLine: (0, _optionsSetters.default)(finturfChartLine, {
+        addGradientsSettings: _Chartconstants.GRADIENTS_OBJECTS.finturf.line,
+        addTooltipOptions: _Chartconstants.FINTURF_TOOLTIP_OPTIONS
+    }),
+    finturfLoadingModeLine: {
+        ...finturfChartLine,
+        options: {
+            ...finturfChartLine.options,
+            elements: {
+                ...(_finturfChartLine_options = finturfChartLine.options) === null || _finturfChartLine_options === void 0 ? void 0 : _finturfChartLine_options.elements,
+                point: {
+                    ...(_finturfChartLine_options1 = finturfChartLine.options) === null || _finturfChartLine_options1 === void 0 ? void 0 : (_finturfChartLine_options_elements = _finturfChartLine_options1.elements) === null || _finturfChartLine_options_elements === void 0 ? void 0 : _finturfChartLine_options_elements.point,
+                    radius: 4,
+                    borderWidth: 1,
+                    borderColor: "#E1E8F1"
+                }
+            },
+            animations: {
+                ...(_finturfChartLine_options2 = finturfChartLine.options) === null || _finturfChartLine_options2 === void 0 ? void 0 : _finturfChartLine_options2.animations,
+                y: {
+                    ...(_finturfChartLine_options3 = finturfChartLine.options) === null || _finturfChartLine_options3 === void 0 ? void 0 : (_finturfChartLine_options_animations = _finturfChartLine_options3.animations) === null || _finturfChartLine_options_animations === void 0 ? void 0 : _finturfChartLine_options_animations.y,
+                    duration: 0
+                }
+            }
+        },
+        notLibraryOptions: {
+            ...finturfChartLine.notLibraryOptions,
+            changeData: {
+                ...(_finturfChartLine_notLibraryOptions = finturfChartLine.notLibraryOptions) === null || _finturfChartLine_notLibraryOptions === void 0 ? void 0 : _finturfChartLine_notLibraryOptions.changeData,
+                addNotLibraryAnimations: [
+                    {
+                        type: "runningColumns",
+                        // duration - ms
+                        duration: 600,
+                        // default easing - 'linear',
+                        // easing: 'easeInOutExpo',
+                        columnsDelayCoef: 500,
+                        isFixExtremeColumns: true
+                    }
+                ]
+            }
+        }
+    },
+    finturfPositiveLineIcon: (0, _optionsSetters.default)(reactChartJsOptionsLayouts.lineIconLayout, {
+        addGradientsSettings: _Chartconstants.GRADIENTS_OBJECTS.finturf.positiveLineIcon
+    }),
+    finturfNegativeLineIcon: (0, _optionsSetters.default)(reactChartJsOptionsLayouts.lineIconLayout, {
+        addGradientsSettings: _Chartconstants.GRADIENTS_OBJECTS.finturf.negativeLineIcon
+    })
+};
+const _default = {
+    ...finturfReactChartJsOptions,
+    emptyLayout: reactChartJsOptionsLayouts.emptyLayout
+};

package/dist/src/Atomic/UI/Chart/partial/optionsSetters.js

@@ -0,0 +1,61 @@
+// gradientsSettings is Array of objects
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    addGradientsSettings: function() {
+        return addGradientsSettings;
+    },
+    addTooltipOptions: function() {
+        return addTooltipOptions;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const addGradientsSettings = (currentOptions, gradientsSettings)=>{
+    var _currentOptions_notLibraryOptions;
+    return {
+        ...currentOptions,
+        notLibraryOptions: {
+            ...currentOptions.notLibraryOptions,
+            changeData: {
+                ...(_currentOptions_notLibraryOptions = currentOptions.notLibraryOptions) === null || _currentOptions_notLibraryOptions === void 0 ? void 0 : _currentOptions_notLibraryOptions.changeData,
+                addGradientsObjects: gradientsSettings
+            }
+        }
+    };
+};
+const addTooltipOptions = (currentOptions, tooltipOptions)=>({
+        ...currentOptions,
+        options: {
+            ...currentOptions.options,
+            plugins: {
+                ...currentOptions.options.plugins,
+                tooltip: tooltipOptions
+            }
+        }
+    });
+// must be last function in file
+const addAdditionalOptions = (currentOptions, optionsToAdd)=>{
+    const addOption = (currentOptions, optionKey, optionData)=>{
+        switch(optionKey){
+            case "addGradientsSettings":
+                return addGradientsSettings(currentOptions, optionData);
+            case "addTooltipOptions":
+                return addTooltipOptions(currentOptions, optionData);
+            default:
+                return currentOptions;
+        }
+    };
+    const iterator = Object.keys(optionsToAdd);
+    return iterator.reduce((acc, key)=>addOption(acc, key, optionsToAdd[key]), currentOptions);
+};
+const _default = addAdditionalOptions;

package/dist/src/Atomic/UI/Chart/partial/utils.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    correctModelKey: function() {
+        return correctModelKey;
+    },
+    getChartTypeKey: function() {
+        return getChartTypeKey;
+    },
+    getNotLibraryOptionsOptions: function() {
+        return getNotLibraryOptionsOptions;
+    },
+    getOptions: function() {
+        return getOptions;
+    },
+    prepareData: function() {
+        return prepareData;
+    }
+});
+const _utils = require("../../../../Functions/utils");
+const _Chartconstants = require("./Chart.constants");
+const _datasetSetters = /*#__PURE__*/ _interop_require_default(require("./datasetSetters"));
+const _optionsConstructor = /*#__PURE__*/ _interop_require_default(require("./optionsConstructor"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const getChartTypeKey = (model)=>{
+    var _optionsConstructor_model_notLibraryOptions, _optionsConstructor_model;
+    return (_optionsConstructor_model = _optionsConstructor.default[model]) === null || _optionsConstructor_model === void 0 ? void 0 : (_optionsConstructor_model_notLibraryOptions = _optionsConstructor_model.notLibraryOptions) === null || _optionsConstructor_model_notLibraryOptions === void 0 ? void 0 : _optionsConstructor_model_notLibraryOptions.chartTypeKey;
+};
+const correctModelKey = (model)=>model && _optionsConstructor.default[model] && _Chartconstants.CHART_TYPES.includes(getChartTypeKey(model)) ? model : _Chartconstants.DEFAULT_CHART_MODEL;
+const getOptions = (model)=>(0, _utils.omitKeys)(_optionsConstructor.default[model] || _optionsConstructor.default[_Chartconstants.DEFAULT_CHART_MODEL], [
+        "notLibraryOptions"
+    ]);
+const getNotLibraryOptionsOptions = (model)=>{
+    const { notLibraryOptions } = _optionsConstructor.default[model] || _optionsConstructor.default[_Chartconstants.DEFAULT_CHART_MODEL] || {};
+    return notLibraryOptions ? (0, _utils.clone)(notLibraryOptions) : undefined;
+};
+const prepareData = (model, data, chartInstance, addToDatasets)=>{
+    if (!chartInstance) return data;
+    const notLibraryOptions = getNotLibraryOptionsOptions(model);
+    const iterator = (notLibraryOptions === null || notLibraryOptions === void 0 ? void 0 : notLibraryOptions.changeData) ? Object.keys(notLibraryOptions.changeData) : [];
+    const changedData = iterator.reduce((acc, dataChangeKey)=>(0, _datasetSetters.default)(acc, dataChangeKey, notLibraryOptions.changeData[dataChangeKey], chartInstance, addToDatasets), (0, _utils.clone)(data));
+    return addToDatasets && typeof addToDatasets === "object" && !Array.isArray(addToDatasets) ? {
+        ...changedData,
+        datasets: changedData.datasets.map((dataset)=>({
+                ...dataset,
+                ...addToDatasets
+            }))
+    } : changedData;
+};

package/dist/src/Atomic/UI/CircleProgressBar/CircleProgressBar.js

@@ -0,0 +1,151 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+require("./CircleProgressBar.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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;
+}
+const CircleProgressBar = ({ amount, totalAmount, isReverseType, children, className, colors, isInnerLine, radius = 59, strokeWidth = 2, innerLineStrokeWidth = 2, testId = "circle-progress-bar" })=>{
+    const circumference = Math.round(2 * Math.PI * radius);
+    const amountProgress = amount < totalAmount ? Math.round(amount / totalAmount * 100) : 100; //%
+    const defaultColors = {
+        start: "#6b81dd",
+        finish: "#f06d8d",
+        meter: "#ffcad6"
+    };
+    const [strokeDashoffset, setStrokeDashoffset] = (0, _react.useState)(isReverseType ? String(0) : circumference);
+    (0, _react.useEffect)(()=>{
+        setStrokeDashoffset(circumference - circumference * amountProgress / 100);
+    }, [
+        amountProgress
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)("limit-progress-bar", {
+            "limit-progress-bar--reverse": isReverseType
+        }, className),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("svg", {
+                className: "limit-progress-bar__progress",
+                width: "124",
+                height: "124",
+                viewBox: "0 0 124 124",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("defs", {
+                        children: isReverseType ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("linearGradient", {
+                            id: "limit-progress-bar-linear-gradient-reverse",
+                            x1: "0",
+                            y1: "1",
+                            x2: "0",
+                            y2: "0",
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
+                                    offset: "0",
+                                    stopColor: colors.finish || defaultColors.finish
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
+                                    offset: "1",
+                                    stopColor: colors.start || defaultColors.start
+                                })
+                            ]
+                        }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)("linearGradient", {
+                            id: "limit-progress-bar-linear-gradient",
+                            x1: "0",
+                            y1: "1",
+                            x2: "0",
+                            y2: "0",
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
+                                    offset: "0",
+                                    stopColor: colors.start || defaultColors.start
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("stop", {
+                                    offset: "1",
+                                    stopColor: colors.finish || defaultColors.finish
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("circle", {
+                        className: "limit-progress-bar__meter",
+                        cx: radius,
+                        cy: radius,
+                        r: radius,
+                        stroke: !isInnerLine ? "" : colors.meter || defaultColors.meter,
+                        strokeWidth: String(innerLineStrokeWidth)
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("circle", {
+                        className: "limit-progress-bar__value",
+                        cx: radius,
+                        cy: radius,
+                        r: radius,
+                        strokeWidth: String(strokeWidth),
+                        stroke: `url(#limit-progress-bar-linear-gradient${isReverseType ? "-reverse" : ""})`,
+                        style: {
+                            strokeDasharray: circumference,
+                            strokeDashoffset
+                        }
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "limit-progress-bar__content",
+                children: children
+            })
+        ]
+    });
+};
+const _default = CircleProgressBar;