@msrajawat298/do-graphs 1.0.0

package/dist/Services/Routing.js

@@ -0,0 +1,80 @@
+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 };
+    }
+};
+export var getRoutLists = function (url, config) { return __awaiter(void 0, void 0, void 0, function () {
+    var result;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, fetch(url, config).then(function (res) { return (res === null || res === void 0 ? void 0 : res.ok) && res.json(); })];
+            case 1:
+                result = _a.sent();
+                return [2 /*return*/, result];
+        }
+    });
+}); };
+export var create = function (url, config) { return __awaiter(void 0, void 0, void 0, function () {
+    var result;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, fetch(url, config).then(function (res) { return (res === null || res === void 0 ? void 0 : res.ok) && res.json(); })];
+            case 1:
+                result = _a.sent();
+                return [2 /*return*/, result];
+        }
+    });
+}); };
+export var update = function (url, config, id) { return __awaiter(void 0, void 0, void 0, function () {
+    var result;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, fetch("".concat(url, "/").concat(id), config).then(function (res) { return (res === null || res === void 0 ? void 0 : res.ok) && res.json(); })];
+            case 1:
+                result = _a.sent();
+                return [2 /*return*/, result];
+        }
+    });
+}); };
+export var deletePageById = function (url, config, id) { return __awaiter(void 0, void 0, void 0, function () {
+    var result;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, fetch("".concat(url, "/").concat(id), config).then(function (res) { return (res === null || res === void 0 ? void 0 : res.ok) && res.json(); })];
+            case 1:
+                result = _a.sent();
+                return [2 /*return*/, result];
+        }
+    });
+}); };

package/dist/Utility/Contexts.js

@@ -0,0 +1,20 @@
+import { createContext } from "react";
+export var ModelPopUp = {
+    showPopup: false,
+    setshowPopup: function () { },
+    modelData: {},
+    setModelData: function () { }
+};
+export var GraphData = {
+    drawData: {},
+    setDrawData: function () { },
+    graphOptions: {},
+    setGraphOptions: function () { }
+};
+export var DynamicRoute = {
+    routePages: {},
+    setRoutePages: function () { }
+};
+export var PopUpContext = createContext(ModelPopUp);
+export var GraphContext = createContext(GraphData);
+export var RouteContext = createContext(DynamicRoute);

package/dist/Utility/Main.js

@@ -0,0 +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';

package/dist/Utility/Routes.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import LayoutPages from "../Pages/LayoutPages";
+import Dashboard from "../Pages/Dashboard";
+export var RoutePath = function () {
+    var route = [
+        { id: 1, path: '/', element: _jsx(Dashboard, { routeBackendUrl: 'http://localhost:8001/dev/api/v1/custom-layout/routing' }) },
+        { id: 2, path: '/layout/:id', element: _jsx(LayoutPages, { routeBackendUrl: 'http://localhost:8001/dev/api/v1/custom-layout/routing', menuBackendUrl: 'http://localhost:8001/dev/api/v1/custom-layout/menu', headers: {}, frontendUrl: 'http://localhost:3000' }) },
+    ];
+    return route;
+};

package/dist/index.css

@@ -0,0 +1,13 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}

package/dist/index.js

@@ -0,0 +1,15 @@
+export { RouteContext } from './Utility/Contexts';
+export { getRoutLists } from './Services/Routing';
+export { getMenuList } from './Services/Menu';
+export { default as CustomDashboard } from "./Pages/Dashboard";
+export { default as LayoutPages } from "./Pages/LayoutPages";
+export { default as Layouts } from "./Pages/Layouts";
+// import ReactDOM from 'react-dom/client';
+// import './index.css';
+// import DOGraphs from './App';
+// import reportWebVitals from './reportWebVitals';
+// const root = ReactDOM.createRoot(
+//   document.getElementById('app') as HTMLElement
+// );
+// root.render(<DOGraphs />);
+// reportWebVitals();

package/dist/reportWebVitals.js

@@ -0,0 +1,13 @@
+var reportWebVitals = function (onPerfEntry) {
+    if (onPerfEntry && onPerfEntry instanceof Function) {
+        import('web-vitals').then(function (_a) {
+            var getCLS = _a.getCLS, getFID = _a.getFID, getFCP = _a.getFCP, getLCP = _a.getLCP, getTTFB = _a.getTTFB;
+            getCLS(onPerfEntry);
+            getFID(onPerfEntry);
+            getFCP(onPerfEntry);
+            getLCP(onPerfEntry);
+            getTTFB(onPerfEntry);
+        });
+    }
+};
+export default reportWebVitals;

package/dist/setupTests.js

@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@msrajawat298/do-graphs",
+  "version": "1.0.0",
+  "private": false,
+  "author": "Mayank Singh Kushwah",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "react",
+    "component",
+    "npm",
+    "graphs",
+    "charts",
+    "dashboard",
+    "analytics"
+  ],
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.6.0",
+    "@fortawesome/free-regular-svg-icons": "^6.6.0",
+    "@fortawesome/free-solid-svg-icons": "^6.6.0",
+    "@fortawesome/react-fontawesome": "^0.2.2",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^27.5.2",
+    "@types/node": "^16.18.104",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "chart.js": "^4.4.4",
+    "chartjs-plugin-datalabels": "^2.2.0",
+    "react": "^18.3.1",
+    "react-chartjs-2": "^5.2.0",
+    "react-dom": "^18.3.1",
+    "react-grid-layout": "^1.4.4",
+    "react-router-dom": "^6.25.1",
+    "react-scripts": "5.0.1",
+    "react-toastify": "^10.0.5",
+    "save-dev": "^0.0.1-security",
+    "typescript": "^4.9.5",
+    "web-vitals": "^2.1.4",
+    "xlsx": "^0.18.5"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "clean": "rimraf dist/",
+    "copy-files": "copyfiles -u 1 src/**/*.html src/**/*.css src/Assets/** dist/",
+    "build": "npm run clean && tsc && npm run copy-files",
+    "prepublishOnly": "npm run build"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not op_mini all"
+  ],
+  "devDependencies": {
+    "@types/react-grid-layout": "^1.3.5",
+    "copyfiles": "^2.4.1",
+    "rimraf": "^6.0.1"
+  }
+}