@msrajawat298/do-graphs 1.0.0 → 1.0.2

package/dist/Utility/Main.js

@@ -1,368 +1,368 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import BarImage from '../Assets/Images/bar-graph.png';
-import LineImage from '../Assets/Images/line-chart.png';
-import HorizontalBarImage from '../Assets/Images/horizontal-bar-graph.png';
-import MizedChartImage from '../Assets/Images/mixed-chart.png';
-import DoughnutChartImage from '../Assets/Images/doughnut.png';
-import PieChartImage from '../Assets/Images/pie-chart.png';
-import PolarChartImage from '../Assets/Images/polar-chart.png';
-import ScatterChartImage from '../Assets/Images/scatter-graph.png';
-import TableChartImage from '../Assets/Images/table.png';
-import ProgressChartImage from '../Assets/Images/progress-bar.png';
-import Coding from '../Assets/Images/coding.png';
-import Bar from '../Components/Charts/Bar';
-import Line from '../Components/Charts/Line';
-import MixedChart from '../Components/Charts/MixedChart';
-import DoughnutAndPie from '../Components/Charts/DoughnutAndPie';
-import PolarArea from '../Components/Charts/PolarArea';
-import TableChart from '../Components/Charts/Table';
-import Scatter from '../Components/Charts/Scatter';
-import ProgressChart from '../Components/Charts/Progess';
-import { toast } from 'react-toastify';
-import CustomComponent from '../Components/Common/CustomComponent';
-export var ChartTypes;
-(function (ChartTypes) {
-    ChartTypes["BAR"] = "bar";
-    ChartTypes["LINE"] = "line";
-    ChartTypes["DOUGHNUT"] = "doughnut";
-    ChartTypes["PIE"] = "pie";
-    ChartTypes["BUBBLE"] = "bubble";
-    ChartTypes["POLAR"] = "polarArea";
-    ChartTypes["RADAR"] = "radar";
-    ChartTypes["SCATTER"] = "scatter";
-    ChartTypes["GEO"] = "choropleth";
-    ChartTypes["TABLE"] = "table";
-    ChartTypes["MIXED"] = "mixed";
-    ChartTypes["PROGRESS"] = "progress";
-})(ChartTypes || (ChartTypes = {}));
-export var GraphConfigs = {
-    POINT_FONT_SIZE: 10,
-    DEFAULT_BGCOLOR: ['#fd746c', '#ff9068'],
-    TICK_FONT_SIZE: 10,
-    FONT_FAMILY: "Noto Sans"
-};
-export var ModelTypes;
-(function (ModelTypes) {
-    ModelTypes["CONFIGURE"] = "configure";
-    ModelTypes["FORM"] = "form";
-    ModelTypes["SIDE_FORM"] = "side_form";
-})(ModelTypes || (ModelTypes = {}));
-export var Modules;
-(function (Modules) {
-    Modules["DASHBOARD"] = "dashboard";
-    Modules["MENU"] = "menu";
-    Modules["TITLE"] = "title";
-})(Modules || (Modules = {}));
-export var ChartCategories = [
-    {
-        id: 1,
-        name: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.BAR,
-        title: 'Bar',
-        image: BarImage
-    },
-    {
-        id: 2,
-        name: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.LINE,
-        title: 'Line',
-        image: LineImage
-    },
-    {
-        id: 3,
-        name: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.BAR,
-        title: 'Horizontal Bar',
-        image: HorizontalBarImage
-    },
-    {
-        id: 4,
-        name: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.LINE,
-        title: 'Mixed Chart',
-        image: MizedChartImage
-    },
-    {
-        id: 5,
-        name: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.DOUGHNUT,
-        title: 'Douhgnut',
-        image: DoughnutChartImage
-    },
-    {
-        id: 6,
-        name: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.PIE,
-        title: 'Pie',
-        image: PieChartImage
-    },
-    {
-        id: 7,
-        name: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.POLAR,
-        title: 'Polar',
-        image: PolarChartImage
-    },
-    {
-        id: 8,
-        name: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.SCATTER,
-        title: 'Scatter',
-        image: ScatterChartImage
-    },
-    // {
-    //     id: 9,
-    //     name: ChartTypes?.GEO,
-    //     title: 'Geography',
-    //     image: GeogrpahyChartImage
-    // },
-    {
-        id: 10,
-        name: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.TABLE,
-        title: 'Table',
-        image: TableChartImage
-    },
-    {
-        id: 11,
-        name: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.PROGRESS,
-        title: 'Progress',
-        image: ProgressChartImage
-    },
-    {
-        id: 12,
-        name: 'custom',
-        title: 'Custom',
-        image: Coding
-    }
-];
-export var storeLocal = function (key, value) {
-    return localStorage.setItem(key, value);
-};
-export var getLocal = function (key) {
-    return localStorage.getItem(key);
-};
-export var renderHtmlData = function (component, props) {
-    switch (component) {
-        case ChartTypes.BAR:
-            return _jsx(Bar, { title: props === null || props === void 0 ? void 0 : props.title, labels: props === null || props === void 0 ? void 0 : props.labels, datasets: props === null || props === void 0 ? void 0 : props.datasets, isConfigEdit: props === null || props === void 0 ? void 0 : props.isConfigEdit, chartOptions: props === null || props === void 0 ? void 0 : props.chartOptions, layoutId: props === null || props === void 0 ? void 0 : props.id, apiCall: props === null || props === void 0 ? void 0 : props.apiCall });
-        case ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.LINE:
-            return _jsx(Line, { title: props === null || props === void 0 ? void 0 : props.title, labels: props === null || props === void 0 ? void 0 : props.labels, datasets: props === null || props === void 0 ? void 0 : props.datasets, isConfigEdit: props === null || props === void 0 ? void 0 : props.isConfigEdit, chartOptions: props === null || props === void 0 ? void 0 : props.chartOptions, layoutId: props === null || props === void 0 ? void 0 : props.id, apiCall: props === null || props === void 0 ? void 0 : props.apiCall });
-        case ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.MIXED:
-            return _jsx(MixedChart, { title: props === null || props === void 0 ? void 0 : props.title, labels: props === null || props === void 0 ? void 0 : props.labels, datasets: props === null || props === void 0 ? void 0 : props.datasets, isConfigEdit: props === null || props === void 0 ? void 0 : props.isConfigEdit, chartOptions: props === null || props === void 0 ? void 0 : props.chartOptions, layoutId: props === null || props === void 0 ? void 0 : props.id, apiCall: props === null || props === void 0 ? void 0 : props.apiCall });
-        case ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.DOUGHNUT:
-            return _jsx(DoughnutAndPie, { title: props === null || props === void 0 ? void 0 : props.title, labels: props === null || props === void 0 ? void 0 : props.labels, datasets: props === null || props === void 0 ? void 0 : props.datasets, chart: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.DOUGHNUT, isConfigEdit: props === null || props === void 0 ? void 0 : props.isConfigEdit, chartOptions: props === null || props === void 0 ? void 0 : props.chartOptions, layoutId: props === null || props === void 0 ? void 0 : props.id, apiCall: props === null || props === void 0 ? void 0 : props.apiCall });
-        case ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.PIE:
-            return _jsx(DoughnutAndPie, { title: props === null || props === void 0 ? void 0 : props.title, labels: props === null || props === void 0 ? void 0 : props.labels, datasets: props === null || props === void 0 ? void 0 : props.datasets, chart: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.PIE, isConfigEdit: props === null || props === void 0 ? void 0 : props.isConfigEdit, chartOptions: props === null || props === void 0 ? void 0 : props.chartOptions, layoutId: props === null || props === void 0 ? void 0 : props.id, apiCall: props === null || props === void 0 ? void 0 : props.apiCall });
-        case ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.POLAR:
-            return _jsx(PolarArea, { title: props === null || props === void 0 ? void 0 : props.title, labels: props === null || props === void 0 ? void 0 : props.labels, datasets: props === null || props === void 0 ? void 0 : props.datasets, isConfigEdit: props === null || props === void 0 ? void 0 : props.isConfigEdit, chartOptions: props === null || props === void 0 ? void 0 : props.chartOptions, layoutId: props === null || props === void 0 ? void 0 : props.id, apiCall: props === null || props === void 0 ? void 0 : props.apiCall });
-        case ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.SCATTER:
-            return _jsx(Scatter, { title: props === null || props === void 0 ? void 0 : props.title, labels: props === null || props === void 0 ? void 0 : props.labels, datasets: props === null || props === void 0 ? void 0 : props.datasets, isConfigEdit: props === null || props === void 0 ? void 0 : props.isConfigEdit, chartOptions: props === null || props === void 0 ? void 0 : props.chartOptions, layoutId: props === null || props === void 0 ? void 0 : props.id, apiCall: props === null || props === void 0 ? void 0 : props.apiCall });
-        case ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.TABLE:
-            return _jsx(TableChart, { title: props === null || props === void 0 ? void 0 : props.title, tableData: props === null || props === void 0 ? void 0 : props.tableData, isConfigEdit: props === null || props === void 0 ? void 0 : props.isConfigEdit, chartOptions: props === null || props === void 0 ? void 0 : props.chartOptions, layoutId: props === null || props === void 0 ? void 0 : props.id, apiCall: props === null || props === void 0 ? void 0 : props.apiCall });
-        case ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.PROGRESS:
-            return _jsx(ProgressChart, { title: props === null || props === void 0 ? void 0 : props.title, labels: props === null || props === void 0 ? void 0 : props.labels, datasets: props === null || props === void 0 ? void 0 : props.datasets, isConfigEdit: props === null || props === void 0 ? void 0 : props.isConfigEdit, layoutId: props === null || props === void 0 ? void 0 : props.id, apiCall: props === null || props === void 0 ? void 0 : props.apiCall });
-        case 'custom':
-            return _jsx(CustomComponent, { isConfigEdit: props === null || props === void 0 ? void 0 : props.isConfigEdit, component: props === null || props === void 0 ? void 0 : props.component, layoutId: props === null || props === void 0 ? void 0 : props.id });
-        default:
-            return '';
-    }
-};
-export var APIRequestMethods;
-(function (APIRequestMethods) {
-    APIRequestMethods["GET"] = "GET";
-    APIRequestMethods["POST"] = "POST";
-    APIRequestMethods["DELETE"] = "DELETE";
-    APIRequestMethods["PATCH"] = "PATCH";
-    APIRequestMethods["PUT"] = "PUT";
-})(APIRequestMethods || (APIRequestMethods = {}));
-export var fetchApi = function (apiCall, drawData, chart_type, modelEdit, chartOptions) { return __awaiter(void 0, void 0, void 0, function () {
-    var config, res, result, i, colValues, j, arr, labels, j, maxArr, hasStateLegend, _loop_1, i, sumMaxArr, error_1;
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
-    return __generator(this, function (_y) {
-        switch (_y.label) {
-            case 0:
-                _y.trys.push([0, 5, , 6]);
-                if (!((apiCall === null || apiCall === void 0 ? void 0 : apiCall.display) && !modelEdit)) return [3 /*break*/, 4];
-                config = {
-                    method: apiCall === null || apiCall === void 0 ? void 0 : apiCall.method,
-                    headers: JSON.parse(apiCall === null || apiCall === void 0 ? void 0 : apiCall.headers)
-                };
-                if ((apiCall === null || apiCall === void 0 ? void 0 : apiCall.method) !== (APIRequestMethods === null || APIRequestMethods === void 0 ? void 0 : APIRequestMethods.GET)) {
-                    config['body'] = apiCall === null || apiCall === void 0 ? void 0 : apiCall.body;
-                }
-                return [4 /*yield*/, fetch(apiCall === null || apiCall === void 0 ? void 0 : apiCall.uri, config)];
-            case 1:
-                res = _y.sent();
-                if (!(res === null || res === void 0 ? void 0 : res.ok)) return [3 /*break*/, 3];
-                return [4 /*yield*/, (res === null || res === void 0 ? void 0 : res.json())];
-            case 2:
-                result = _y.sent();
-                if (chart_type === (ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.TABLE)) {
-                    for (i = 0; i < ((_a = result === null || result === void 0 ? void 0 : result.message) === null || _a === void 0 ? void 0 : _a.length); i++) {
-                        colValues = [];
-                        for (j = 0; j < ((_b = drawData === null || drawData === void 0 ? void 0 : drawData.columns) === null || _b === void 0 ? void 0 : _b.length); j++) {
-                            colValues.push(((_d = (_c = result === null || result === void 0 ? void 0 : result.message) === null || _c === void 0 ? void 0 : _c[i]) === null || _d === void 0 ? void 0 : _d[(_e = drawData === null || drawData === void 0 ? void 0 : drawData.columns) === null || _e === void 0 ? void 0 : _e[j]]) || '');
-                        }
-                        drawData['rows'][i] = colValues;
-                    }
-                }
-                else if (chart_type === (ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.PROGRESS)) {
-                    arr = [];
-                    labels = [];
-                    for (j = 0; j < ((_f = result === null || result === void 0 ? void 0 : result.message) === null || _f === void 0 ? void 0 : _f.length); j++) {
-                        arr.push((_h = (_g = result === null || result === void 0 ? void 0 : result.message) === null || _g === void 0 ? void 0 : _g[j]) === null || _h === void 0 ? void 0 : _h[apiCall === null || apiCall === void 0 ? void 0 : apiCall.yAxisField[0]]);
-                        labels.push((_k = (_j = result === null || result === void 0 ? void 0 : result.message) === null || _j === void 0 ? void 0 : _j[j]) === null || _k === void 0 ? void 0 : _k[apiCall === null || apiCall === void 0 ? void 0 : apiCall.xAxisField[0]]);
-                    }
-                    drawData['datasets'] = arr;
-                    drawData['labels'] = labels;
-                }
-                else {
-                    maxArr = [];
-                    hasStateLegend = ['Per Capita Income(INR)', 'CPI (Ratio)', 'WPI (Ratio)', 'Per Capita Electricity Consumption (KWH)', 'Credit to Deposit Ratio', 'Overall Fish Production (Tons/Ha)', 'Total Egg Production (Mn.)', 'Poultry Meat Production (Mn. Tn.)', 'Total Milk Production (Mn. Tn.)', 'No. of AI Procedures Conducted in Sector', 'Manufacturing GSVA (INR Lakh Cr.)', 'GVA per Factory (INR Cr./Unit)', 'Overall Exports (INR Cr.)', 'No. of Operational Factories under ASI Frame', 'Increase in No. of MSMEs Registered on UDYAM Registration Portal', 'MSME credit as a % of GSDP (%)', 'Advances to MSME (INR Cr.)', 'Total Energy Consumption of Industries based on  ASI (INR Thousand Cr.)', 'Percentage of Manufacturing to Total Working Population', 'Employment Generated under PMEGP (000s)', 'No. of establishments registered with EPFO', 'No. of members enrolled under EPFO in the State'];
-                    _loop_1 = function (i) {
-                        var arr = [];
-                        var labels = [];
-                        for (var j = 0; j < ((_m = result === null || result === void 0 ? void 0 : result.message) === null || _m === void 0 ? void 0 : _m.length); j++) {
-                            arr.push(((_p = (_o = result === null || result === void 0 ? void 0 : result.message) === null || _o === void 0 ? void 0 : _o[j]) === null || _p === void 0 ? void 0 : _p[apiCall === null || apiCall === void 0 ? void 0 : apiCall.yAxisField[i]]) || 0);
-                            labels.push((_r = (_q = result === null || result === void 0 ? void 0 : result.message) === null || _q === void 0 ? void 0 : _q[j]) === null || _r === void 0 ? void 0 : _r[apiCall === null || apiCall === void 0 ? void 0 : apiCall.xAxisField[0]]);
-                        }
-                        drawData['datasets'][i]['data'] = arr;
-                        drawData['labels'] = labels;
-                        drawData['datasets'][i]['datalabels']['formatter'] = function (value) {
-                            var _a, _b;
-                            return ((_a = drawData['datasets'][i]) === null || _a === void 0 ? void 0 : _a.addPointLabel) ? value + ((_b = drawData['datasets'][i]) === null || _b === void 0 ? void 0 : _b.addPointLabel) : value;
-                        };
-                        var parseBody = (apiCall === null || apiCall === void 0 ? void 0 : apiCall.body) ? JSON.parse(apiCall['body']) : null;
-                        if ((_s = parseBody === null || parseBody === void 0 ? void 0 : parseBody.state_array) === null || _s === void 0 ? void 0 : _s.includes('India')) {
-                            var getIndex = (_t = parseBody === null || parseBody === void 0 ? void 0 : parseBody.state_array) === null || _t === void 0 ? void 0 : _t.indexOf('India');
-                            var removeElement = (_u = parseBody === null || parseBody === void 0 ? void 0 : parseBody.state_array) === null || _u === void 0 ? void 0 : _u.splice(getIndex, 1);
-                            parseBody['state_array'] = __spreadArray(__spreadArray([], parseBody['state_array'], true), ['India'], false);
-                        }
-                        if ((_v = parseBody === null || parseBody === void 0 ? void 0 : parseBody.state_array) === null || _v === void 0 ? void 0 : _v.length) {
-                            if (hasStateLegend === null || hasStateLegend === void 0 ? void 0 : hasStateLegend.includes(drawData === null || drawData === void 0 ? void 0 : drawData.title)) {
-                                drawData['datasets'][i]['label'] = ((_w = parseBody === null || parseBody === void 0 ? void 0 : parseBody.state_array) === null || _w === void 0 ? void 0 : _w[i]) || 'NA';
-                            }
-                        }
-                        var getMax = Math.max.apply(Math, arr);
-                        maxArr === null || maxArr === void 0 ? void 0 : maxArr.push(getMax);
-                    };
-                    for (i = 0; i < ((_l = drawData === null || drawData === void 0 ? void 0 : drawData.datasets) === null || _l === void 0 ? void 0 : _l.length); i++) {
-                        _loop_1(i);
-                    }
-                    sumMaxArr = maxArr === null || maxArr === void 0 ? void 0 : maxArr.reduce(function (a, b) { return a + b; }, 0);
-                    if ((_x = [ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.MIXED, ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.BAR, ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.LINE]) === null || _x === void 0 ? void 0 : _x.includes(chart_type)) {
-                        chartOptions['scales']['y']['max'] = sumMaxArr * 1.2;
-                    }
-                }
-                return [2 /*return*/, drawData];
-            case 3:
-                if (!(res === null || res === void 0 ? void 0 : res.ok)) {
-                    drawData['datasets'] = [];
-                    drawData['labels'] = [];
-                }
-                _y.label = 4;
-            case 4: return [3 /*break*/, 6];
-            case 5:
-                error_1 = _y.sent();
-                toast.error(error_1 === null || error_1 === void 0 ? void 0 : error_1.toString());
-                return [3 /*break*/, 6];
-            case 6: return [2 /*return*/];
-        }
-    });
-}); };
-export var titleStyleConfig = function () {
-    return {
-        backgroundColor: '#fff',
-        color: '#000'
-    };
-};
-export var chartDrawData = function (props, layout, chartDatasets) {
-    var _a;
-    var getLayout = (_a = layout === null || layout === void 0 ? void 0 : layout.find(function (it) { return (it === null || it === void 0 ? void 0 : it.i) === (props === null || props === void 0 ? void 0 : props.layoutId); })) === null || _a === void 0 ? void 0 : _a.props;
-    var getStyles = getLayout === null || getLayout === void 0 ? void 0 : getLayout.styles;
-    var getUrl = getLayout === null || getLayout === void 0 ? void 0 : getLayout.url;
-    var getUrlTitle = getLayout === null || getLayout === void 0 ? void 0 : getLayout.urlTitle;
-    var getFilters = getLayout === null || getLayout === void 0 ? void 0 : getLayout.filters;
-    return {
-        title: props === null || props === void 0 ? void 0 : props.title,
-        labels: props === null || props === void 0 ? void 0 : props.labels,
-        datasets: chartDatasets,
-        styles: getStyles ? getStyles : titleStyleConfig(),
-        urlTitle: getUrlTitle ? getUrlTitle : '',
-        url: getUrl ? getUrl : '',
-        filters: getFilters || [],
-        apiCall: (props === null || props === void 0 ? void 0 : props.apiCall) ? props === null || props === void 0 ? void 0 : props.apiCall : {}
-    };
-};
-export var updateChartLayoutDetails = function (field, data, layout, layoutId) {
-    for (var i = 0; i < (layout === null || layout === void 0 ? void 0 : layout.length); i++) {
-        if (layout[i]['i'] === layoutId) {
-            if (field.includes('labels')) {
-                layout[i]['props']['labels'] = data['labels'];
-            }
-            if (field.includes('datasets')) {
-                layout[i]['props']['datasets'] = data['datasets'];
-            }
-            if (field.includes('options')) {
-                layout[i]['props']['chartOptions'] = data;
-            }
-            if (field.includes('title')) {
-                layout[i]['props']['title'] = data['title'];
-            }
-            if (field.includes('styles')) {
-                layout[i]['props']['styles'] = data['styles'];
-            }
-            if (field.includes('url')) {
-                layout[i]['props']['url'] = data['url'];
-            }
-            if (field.includes('filters')) {
-                layout[i]['props']['filters'] = data['filters'];
-            }
-            if (field.includes('apiCall')) {
-                layout[i]['props']['apiCall'] = data['apiCall'];
-            }
-            if (field.includes('urlTitle')) {
-                layout[i]['props']['urlTitle'] = data['urlTitle'];
-            }
-        }
-    }
-    return layout;
-};
-export var STORAGE_KEY = 'chartData';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import BarImage from '../Assets/Images/bar-graph.png';
+import LineImage from '../Assets/Images/line-chart.png';
+import HorizontalBarImage from '../Assets/Images/horizontal-bar-graph.png';
+import MizedChartImage from '../Assets/Images/mixed-chart.png';
+import DoughnutChartImage from '../Assets/Images/doughnut.png';
+import PieChartImage from '../Assets/Images/pie-chart.png';
+import PolarChartImage from '../Assets/Images/polar-chart.png';
+import ScatterChartImage from '../Assets/Images/scatter-graph.png';
+import TableChartImage from '../Assets/Images/table.png';
+import ProgressChartImage from '../Assets/Images/progress-bar.png';
+import Coding from '../Assets/Images/coding.png';
+import Bar from '../Components/Charts/Bar';
+import Line from '../Components/Charts/Line';
+import MixedChart from '../Components/Charts/MixedChart';
+import DoughnutAndPie from '../Components/Charts/DoughnutAndPie';
+import PolarArea from '../Components/Charts/PolarArea';
+import TableChart from '../Components/Charts/Table';
+import Scatter from '../Components/Charts/Scatter';
+import ProgressChart from '../Components/Charts/Progess';
+import { toast } from 'react-toastify';
+import CustomComponent from '../Components/Common/CustomComponent';
+export var ChartTypes;
+(function (ChartTypes) {
+    ChartTypes["BAR"] = "bar";
+    ChartTypes["LINE"] = "line";
+    ChartTypes["DOUGHNUT"] = "doughnut";
+    ChartTypes["PIE"] = "pie";
+    ChartTypes["BUBBLE"] = "bubble";
+    ChartTypes["POLAR"] = "polarArea";
+    ChartTypes["RADAR"] = "radar";
+    ChartTypes["SCATTER"] = "scatter";
+    ChartTypes["GEO"] = "choropleth";
+    ChartTypes["TABLE"] = "table";
+    ChartTypes["MIXED"] = "mixed";
+    ChartTypes["PROGRESS"] = "progress";
+})(ChartTypes || (ChartTypes = {}));
+export var GraphConfigs = {
+    POINT_FONT_SIZE: 10,
+    DEFAULT_BGCOLOR: ['#fd746c', '#ff9068'],
+    TICK_FONT_SIZE: 10,
+    FONT_FAMILY: "Noto Sans"
+};
+export var ModelTypes;
+(function (ModelTypes) {
+    ModelTypes["CONFIGURE"] = "configure";
+    ModelTypes["FORM"] = "form";
+    ModelTypes["SIDE_FORM"] = "side_form";
+})(ModelTypes || (ModelTypes = {}));
+export var Modules;
+(function (Modules) {
+    Modules["DASHBOARD"] = "dashboard";
+    Modules["MENU"] = "menu";
+    Modules["TITLE"] = "title";
+})(Modules || (Modules = {}));
+export var ChartCategories = [
+    {
+        id: 1,
+        name: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.BAR,
+        title: 'Bar',
+        image: BarImage
+    },
+    {
+        id: 2,
+        name: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.LINE,
+        title: 'Line',
+        image: LineImage
+    },
+    {
+        id: 3,
+        name: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.BAR,
+        title: 'Horizontal Bar',
+        image: HorizontalBarImage
+    },
+    {
+        id: 4,
+        name: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.LINE,
+        title: 'Mixed Chart',
+        image: MizedChartImage
+    },
+    {
+        id: 5,
+        name: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.DOUGHNUT,
+        title: 'Douhgnut',
+        image: DoughnutChartImage
+    },
+    {
+        id: 6,
+        name: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.PIE,
+        title: 'Pie',
+        image: PieChartImage
+    },
+    {
+        id: 7,
+        name: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.POLAR,
+        title: 'Polar',
+        image: PolarChartImage
+    },
+    {
+        id: 8,
+        name: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.SCATTER,
+        title: 'Scatter',
+        image: ScatterChartImage
+    },
+    // {
+    //     id: 9,
+    //     name: ChartTypes?.GEO,
+    //     title: 'Geography',
+    //     image: GeogrpahyChartImage
+    // },
+    {
+        id: 10,
+        name: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.TABLE,
+        title: 'Table',
+        image: TableChartImage
+    },
+    {
+        id: 11,
+        name: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.PROGRESS,
+        title: 'Progress',
+        image: ProgressChartImage
+    },
+    {
+        id: 12,
+        name: 'custom',
+        title: 'Custom',
+        image: Coding
+    }
+];
+export var storeLocal = function (key, value) {
+    return localStorage.setItem(key, value);
+};
+export var getLocal = function (key) {
+    return localStorage.getItem(key);
+};
+export var renderHtmlData = function (component, props) {
+    switch (component) {
+        case ChartTypes.BAR:
+            return _jsx(Bar, { title: props === null || props === void 0 ? void 0 : props.title, labels: props === null || props === void 0 ? void 0 : props.labels, datasets: props === null || props === void 0 ? void 0 : props.datasets, isConfigEdit: props === null || props === void 0 ? void 0 : props.isConfigEdit, chartOptions: props === null || props === void 0 ? void 0 : props.chartOptions, layoutId: props === null || props === void 0 ? void 0 : props.id, apiCall: props === null || props === void 0 ? void 0 : props.apiCall });
+        case ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.LINE:
+            return _jsx(Line, { title: props === null || props === void 0 ? void 0 : props.title, labels: props === null || props === void 0 ? void 0 : props.labels, datasets: props === null || props === void 0 ? void 0 : props.datasets, isConfigEdit: props === null || props === void 0 ? void 0 : props.isConfigEdit, chartOptions: props === null || props === void 0 ? void 0 : props.chartOptions, layoutId: props === null || props === void 0 ? void 0 : props.id, apiCall: props === null || props === void 0 ? void 0 : props.apiCall });
+        case ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.MIXED:
+            return _jsx(MixedChart, { title: props === null || props === void 0 ? void 0 : props.title, labels: props === null || props === void 0 ? void 0 : props.labels, datasets: props === null || props === void 0 ? void 0 : props.datasets, isConfigEdit: props === null || props === void 0 ? void 0 : props.isConfigEdit, chartOptions: props === null || props === void 0 ? void 0 : props.chartOptions, layoutId: props === null || props === void 0 ? void 0 : props.id, apiCall: props === null || props === void 0 ? void 0 : props.apiCall });
+        case ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.DOUGHNUT:
+            return _jsx(DoughnutAndPie, { title: props === null || props === void 0 ? void 0 : props.title, labels: props === null || props === void 0 ? void 0 : props.labels, datasets: props === null || props === void 0 ? void 0 : props.datasets, chart: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.DOUGHNUT, isConfigEdit: props === null || props === void 0 ? void 0 : props.isConfigEdit, chartOptions: props === null || props === void 0 ? void 0 : props.chartOptions, layoutId: props === null || props === void 0 ? void 0 : props.id, apiCall: props === null || props === void 0 ? void 0 : props.apiCall });
+        case ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.PIE:
+            return _jsx(DoughnutAndPie, { title: props === null || props === void 0 ? void 0 : props.title, labels: props === null || props === void 0 ? void 0 : props.labels, datasets: props === null || props === void 0 ? void 0 : props.datasets, chart: ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.PIE, isConfigEdit: props === null || props === void 0 ? void 0 : props.isConfigEdit, chartOptions: props === null || props === void 0 ? void 0 : props.chartOptions, layoutId: props === null || props === void 0 ? void 0 : props.id, apiCall: props === null || props === void 0 ? void 0 : props.apiCall });
+        case ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.POLAR:
+            return _jsx(PolarArea, { title: props === null || props === void 0 ? void 0 : props.title, labels: props === null || props === void 0 ? void 0 : props.labels, datasets: props === null || props === void 0 ? void 0 : props.datasets, isConfigEdit: props === null || props === void 0 ? void 0 : props.isConfigEdit, chartOptions: props === null || props === void 0 ? void 0 : props.chartOptions, layoutId: props === null || props === void 0 ? void 0 : props.id, apiCall: props === null || props === void 0 ? void 0 : props.apiCall });
+        case ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.SCATTER:
+            return _jsx(Scatter, { title: props === null || props === void 0 ? void 0 : props.title, labels: props === null || props === void 0 ? void 0 : props.labels, datasets: props === null || props === void 0 ? void 0 : props.datasets, isConfigEdit: props === null || props === void 0 ? void 0 : props.isConfigEdit, chartOptions: props === null || props === void 0 ? void 0 : props.chartOptions, layoutId: props === null || props === void 0 ? void 0 : props.id, apiCall: props === null || props === void 0 ? void 0 : props.apiCall });
+        case ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.TABLE:
+            return _jsx(TableChart, { title: props === null || props === void 0 ? void 0 : props.title, tableData: props === null || props === void 0 ? void 0 : props.tableData, isConfigEdit: props === null || props === void 0 ? void 0 : props.isConfigEdit, chartOptions: props === null || props === void 0 ? void 0 : props.chartOptions, layoutId: props === null || props === void 0 ? void 0 : props.id, apiCall: props === null || props === void 0 ? void 0 : props.apiCall });
+        case ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.PROGRESS:
+            return _jsx(ProgressChart, { title: props === null || props === void 0 ? void 0 : props.title, labels: props === null || props === void 0 ? void 0 : props.labels, datasets: props === null || props === void 0 ? void 0 : props.datasets, isConfigEdit: props === null || props === void 0 ? void 0 : props.isConfigEdit, layoutId: props === null || props === void 0 ? void 0 : props.id, apiCall: props === null || props === void 0 ? void 0 : props.apiCall });
+        case 'custom':
+            return _jsx(CustomComponent, { isConfigEdit: props === null || props === void 0 ? void 0 : props.isConfigEdit, component: props === null || props === void 0 ? void 0 : props.component, layoutId: props === null || props === void 0 ? void 0 : props.id });
+        default:
+            return '';
+    }
+};
+export var APIRequestMethods;
+(function (APIRequestMethods) {
+    APIRequestMethods["GET"] = "GET";
+    APIRequestMethods["POST"] = "POST";
+    APIRequestMethods["DELETE"] = "DELETE";
+    APIRequestMethods["PATCH"] = "PATCH";
+    APIRequestMethods["PUT"] = "PUT";
+})(APIRequestMethods || (APIRequestMethods = {}));
+export var fetchApi = function (apiCall, drawData, chart_type, modelEdit, chartOptions) { return __awaiter(void 0, void 0, void 0, function () {
+    var config, res, result, i, colValues, j, arr, labels, j, maxArr, hasStateLegend, _loop_1, i, sumMaxArr, error_1;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+    return __generator(this, function (_y) {
+        switch (_y.label) {
+            case 0:
+                _y.trys.push([0, 5, , 6]);
+                if (!((apiCall === null || apiCall === void 0 ? void 0 : apiCall.display) && !modelEdit)) return [3 /*break*/, 4];
+                config = {
+                    method: apiCall === null || apiCall === void 0 ? void 0 : apiCall.method,
+                    headers: JSON.parse(apiCall === null || apiCall === void 0 ? void 0 : apiCall.headers)
+                };
+                if ((apiCall === null || apiCall === void 0 ? void 0 : apiCall.method) !== (APIRequestMethods === null || APIRequestMethods === void 0 ? void 0 : APIRequestMethods.GET)) {
+                    config['body'] = apiCall === null || apiCall === void 0 ? void 0 : apiCall.body;
+                }
+                return [4 /*yield*/, fetch(apiCall === null || apiCall === void 0 ? void 0 : apiCall.uri, config)];
+            case 1:
+                res = _y.sent();
+                if (!(res === null || res === void 0 ? void 0 : res.ok)) return [3 /*break*/, 3];
+                return [4 /*yield*/, (res === null || res === void 0 ? void 0 : res.json())];
+            case 2:
+                result = _y.sent();
+                if (chart_type === (ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.TABLE)) {
+                    for (i = 0; i < ((_a = result === null || result === void 0 ? void 0 : result.message) === null || _a === void 0 ? void 0 : _a.length); i++) {
+                        colValues = [];
+                        for (j = 0; j < ((_b = drawData === null || drawData === void 0 ? void 0 : drawData.columns) === null || _b === void 0 ? void 0 : _b.length); j++) {
+                            colValues.push(((_d = (_c = result === null || result === void 0 ? void 0 : result.message) === null || _c === void 0 ? void 0 : _c[i]) === null || _d === void 0 ? void 0 : _d[(_e = drawData === null || drawData === void 0 ? void 0 : drawData.columns) === null || _e === void 0 ? void 0 : _e[j]]) || '');
+                        }
+                        drawData['rows'][i] = colValues;
+                    }
+                }
+                else if (chart_type === (ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.PROGRESS)) {
+                    arr = [];
+                    labels = [];
+                    for (j = 0; j < ((_f = result === null || result === void 0 ? void 0 : result.message) === null || _f === void 0 ? void 0 : _f.length); j++) {
+                        arr.push((_h = (_g = result === null || result === void 0 ? void 0 : result.message) === null || _g === void 0 ? void 0 : _g[j]) === null || _h === void 0 ? void 0 : _h[apiCall === null || apiCall === void 0 ? void 0 : apiCall.yAxisField[0]]);
+                        labels.push((_k = (_j = result === null || result === void 0 ? void 0 : result.message) === null || _j === void 0 ? void 0 : _j[j]) === null || _k === void 0 ? void 0 : _k[apiCall === null || apiCall === void 0 ? void 0 : apiCall.xAxisField[0]]);
+                    }
+                    drawData['datasets'] = arr;
+                    drawData['labels'] = labels;
+                }
+                else {
+                    maxArr = [];
+                    hasStateLegend = ['Per Capita Income(INR)', 'CPI (Ratio)', 'WPI (Ratio)', 'Per Capita Electricity Consumption (KWH)', 'Credit to Deposit Ratio', 'Overall Fish Production (Tons/Ha)', 'Total Egg Production (Mn.)', 'Poultry Meat Production (Mn. Tn.)', 'Total Milk Production (Mn. Tn.)', 'No. of AI Procedures Conducted in Sector', 'Manufacturing GSVA (INR Lakh Cr.)', 'GVA per Factory (INR Cr./Unit)', 'Overall Exports (INR Cr.)', 'No. of Operational Factories under ASI Frame', 'Increase in No. of MSMEs Registered on UDYAM Registration Portal', 'MSME credit as a % of GSDP (%)', 'Advances to MSME (INR Cr.)', 'Total Energy Consumption of Industries based on  ASI (INR Thousand Cr.)', 'Percentage of Manufacturing to Total Working Population', 'Employment Generated under PMEGP (000s)', 'No. of establishments registered with EPFO', 'No. of members enrolled under EPFO in the State', 'IIP (Index)'];
+                    _loop_1 = function (i) {
+                        var arr = [];
+                        var labels = [];
+                        for (var j = 0; j < ((_m = result === null || result === void 0 ? void 0 : result.message) === null || _m === void 0 ? void 0 : _m.length); j++) {
+                            arr.push(((_p = (_o = result === null || result === void 0 ? void 0 : result.message) === null || _o === void 0 ? void 0 : _o[j]) === null || _p === void 0 ? void 0 : _p[apiCall === null || apiCall === void 0 ? void 0 : apiCall.yAxisField[i]]) || 0);
+                            labels.push((_r = (_q = result === null || result === void 0 ? void 0 : result.message) === null || _q === void 0 ? void 0 : _q[j]) === null || _r === void 0 ? void 0 : _r[apiCall === null || apiCall === void 0 ? void 0 : apiCall.xAxisField[0]]);
+                        }
+                        drawData['datasets'][i]['data'] = arr;
+                        drawData['labels'] = labels;
+                        drawData['datasets'][i]['datalabels']['formatter'] = function (value) {
+                            var _a, _b;
+                            return ((_a = drawData['datasets'][i]) === null || _a === void 0 ? void 0 : _a.addPointLabel) ? value + ((_b = drawData['datasets'][i]) === null || _b === void 0 ? void 0 : _b.addPointLabel) : value;
+                        };
+                        var parseBody = (apiCall === null || apiCall === void 0 ? void 0 : apiCall.body) ? JSON.parse(apiCall['body']) : null;
+                        if ((_s = parseBody === null || parseBody === void 0 ? void 0 : parseBody.state_array) === null || _s === void 0 ? void 0 : _s.includes('India')) {
+                            var getIndex = (_t = parseBody === null || parseBody === void 0 ? void 0 : parseBody.state_array) === null || _t === void 0 ? void 0 : _t.indexOf('India');
+                            var removeElement = (_u = parseBody === null || parseBody === void 0 ? void 0 : parseBody.state_array) === null || _u === void 0 ? void 0 : _u.splice(getIndex, 1);
+                            parseBody['state_array'] = __spreadArray(__spreadArray([], parseBody['state_array'], true), ['India'], false);
+                        }
+                        if ((_v = parseBody === null || parseBody === void 0 ? void 0 : parseBody.state_array) === null || _v === void 0 ? void 0 : _v.length) {
+                            if (hasStateLegend === null || hasStateLegend === void 0 ? void 0 : hasStateLegend.includes(drawData === null || drawData === void 0 ? void 0 : drawData.title)) {
+                                drawData['datasets'][i]['label'] = ((_w = parseBody === null || parseBody === void 0 ? void 0 : parseBody.state_array) === null || _w === void 0 ? void 0 : _w[i]) || 'NA';
+                            }
+                        }
+                        var getMax = Math.max.apply(Math, arr);
+                        maxArr === null || maxArr === void 0 ? void 0 : maxArr.push(getMax);
+                    };
+                    for (i = 0; i < ((_l = drawData === null || drawData === void 0 ? void 0 : drawData.datasets) === null || _l === void 0 ? void 0 : _l.length); i++) {
+                        _loop_1(i);
+                    }
+                    sumMaxArr = maxArr === null || maxArr === void 0 ? void 0 : maxArr.reduce(function (a, b) { return a + b; }, 0);
+                    if ((_x = [ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.MIXED, ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.BAR, ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.LINE]) === null || _x === void 0 ? void 0 : _x.includes(chart_type)) {
+                        chartOptions['scales']['y']['max'] = sumMaxArr * 1.2;
+                    }
+                }
+                return [2 /*return*/, drawData];
+            case 3:
+                if (!(res === null || res === void 0 ? void 0 : res.ok)) {
+                    drawData['datasets'] = [];
+                    drawData['labels'] = [];
+                }
+                _y.label = 4;
+            case 4: return [3 /*break*/, 6];
+            case 5:
+                error_1 = _y.sent();
+                toast.error(error_1 === null || error_1 === void 0 ? void 0 : error_1.toString());
+                return [3 /*break*/, 6];
+            case 6: return [2 /*return*/];
+        }
+    });
+}); };
+export var titleStyleConfig = function () {
+    return {
+        backgroundColor: '#fff',
+        color: '#000'
+    };
+};
+export var chartDrawData = function (props, layout, chartDatasets) {
+    var _a;
+    var getLayout = (_a = layout === null || layout === void 0 ? void 0 : layout.find(function (it) { return (it === null || it === void 0 ? void 0 : it.i) === (props === null || props === void 0 ? void 0 : props.layoutId); })) === null || _a === void 0 ? void 0 : _a.props;
+    var getStyles = getLayout === null || getLayout === void 0 ? void 0 : getLayout.styles;
+    var getUrl = getLayout === null || getLayout === void 0 ? void 0 : getLayout.url;
+    var getUrlTitle = getLayout === null || getLayout === void 0 ? void 0 : getLayout.urlTitle;
+    var getFilters = getLayout === null || getLayout === void 0 ? void 0 : getLayout.filters;
+    return {
+        title: props === null || props === void 0 ? void 0 : props.title,
+        labels: props === null || props === void 0 ? void 0 : props.labels,
+        datasets: chartDatasets,
+        styles: getStyles ? getStyles : titleStyleConfig(),
+        urlTitle: getUrlTitle ? getUrlTitle : '',
+        url: getUrl ? getUrl : '',
+        filters: getFilters || [],
+        apiCall: (props === null || props === void 0 ? void 0 : props.apiCall) ? props === null || props === void 0 ? void 0 : props.apiCall : {}
+    };
+};
+export var updateChartLayoutDetails = function (field, data, layout, layoutId) {
+    for (var i = 0; i < (layout === null || layout === void 0 ? void 0 : layout.length); i++) {
+        if (layout[i]['i'] === layoutId) {
+            if (field.includes('labels')) {
+                layout[i]['props']['labels'] = data['labels'];
+            }
+            if (field.includes('datasets')) {
+                layout[i]['props']['datasets'] = data['datasets'];
+            }
+            if (field.includes('options')) {
+                layout[i]['props']['chartOptions'] = data;
+            }
+            if (field.includes('title')) {
+                layout[i]['props']['title'] = data['title'];
+            }
+            if (field.includes('styles')) {
+                layout[i]['props']['styles'] = data['styles'];
+            }
+            if (field.includes('url')) {
+                layout[i]['props']['url'] = data['url'];
+            }
+            if (field.includes('filters')) {
+                layout[i]['props']['filters'] = data['filters'];
+            }
+            if (field.includes('apiCall')) {
+                layout[i]['props']['apiCall'] = data['apiCall'];
+            }
+            if (field.includes('urlTitle')) {
+                layout[i]['props']['urlTitle'] = data['urlTitle'];
+            }
+        }
+    }
+    return layout;
+};
+export var STORAGE_KEY = 'chartData';