@msrajawat298/do-graphs 1.0.0 → 1.0.2

package/dist/Pages/Dashboard/CreatePage.js

@@ -1,115 +1,115 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useState } from "react";
-import './CreatePage.css';
-import { create } from "../../Services/Routing";
-import { toast } from "react-toastify";
-import { PopUpContext } from "../../Utility/Contexts";
-export var CreatePage = function (props) {
-    var _a;
-    var _b = useState(props === null || props === void 0 ? void 0 : props.data), data = _b[0], setData = _b[1];
-    var _c = useContext(PopUpContext), setshowPopup = _c.setshowPopup, setRoutePages = _c.setRoutePages, routePages = _c.routePages;
-    var handleChange = function (e) {
-        var _a;
-        var _b = e.target, name = _b.name, value = _b.value;
-        if (name === 'title') {
-            data['title'] = __assign(__assign({}, data['title']), { name: value });
-            setData(__assign({}, data));
-        }
-        else {
-            setData(__assign(__assign({}, data), (_a = {}, _a[name] = value, _a)));
-        }
-    };
-    var handleSubmit = function (e) { return __awaiter(void 0, void 0, void 0, function () {
-        var config, result, obj, getIds, getMaxId, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    e.preventDefault();
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 4, , 5]);
-                    if (!((data === null || data === void 0 ? void 0 : data.title) && (data === null || data === void 0 ? void 0 : data.route))) return [3 /*break*/, 3];
-                    config = {
-                        method: 'POST',
-                        body: JSON.stringify(data),
-                        headers: __assign({ "Content-Type": "application/json" }, props === null || props === void 0 ? void 0 : props.headers)
-                    };
-                    return [4 /*yield*/, create(props === null || props === void 0 ? void 0 : props.backendUrl, config)];
-                case 2:
-                    result = _a.sent();
-                    toast.success(result === null || result === void 0 ? void 0 : result.message);
-                    obj = data;
-                    getIds = (routePages === null || routePages === void 0 ? void 0 : routePages.map(function (it) { return it === null || it === void 0 ? void 0 : it.id; })) || [];
-                    getMaxId = (getIds === null || getIds === void 0 ? void 0 : getIds.length) > 0 ? Math.max.apply(Math, getIds) : 0;
-                    obj['id'] = (result === null || result === void 0 ? void 0 : result.id) || getMaxId + 1;
-                    setRoutePages(__spreadArray(__spreadArray([], routePages, true), [obj], false));
-                    setshowPopup(false);
-                    _a.label = 3;
-                case 3: return [3 /*break*/, 5];
-                case 4:
-                    error_1 = _a.sent();
-                    toast.error(error_1 === null || error_1 === void 0 ? void 0 : error_1.toString());
-                    return [3 /*break*/, 5];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); };
-    return (_jsxs("div", __assign({ className: "crt-pge-st col-md-6" }, { children: [_jsxs("div", __assign({ className: "form-group" }, { children: [_jsx("label", { children: "Title:" }), _jsx("input", { type: "text", name: "title", className: "form-control", value: (_a = data === null || data === void 0 ? void 0 : data.title) === null || _a === void 0 ? void 0 : _a.name, onChange: function (e) { return handleChange(e); } })] })), _jsxs("div", __assign({ className: "form-group" }, { children: [_jsx("label", { children: "Route:" }), _jsx("input", { type: "text", name: "route", className: "form-control", value: data === null || data === void 0 ? void 0 : data.route, onChange: function (e) { return handleChange(e); } })] })), _jsx("div", __assign({ className: "button" }, { children: _jsx("button", __assign({ className: "btn add-btn", onClick: function (e) { return handleSubmit(e); } }, { children: "Submit" })) }))] })));
-};
-export default CreatePage;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useState } from "react";
+import './CreatePage.css';
+import { create } from "../../Services/Routing";
+import { toast } from "react-toastify";
+import { PopUpContext } from "../../Utility/Contexts";
+export var CreatePage = function (props) {
+    var _a;
+    var _b = useState(props === null || props === void 0 ? void 0 : props.data), data = _b[0], setData = _b[1];
+    var _c = useContext(PopUpContext), setshowPopup = _c.setshowPopup, setRoutePages = _c.setRoutePages, routePages = _c.routePages;
+    var handleChange = function (e) {
+        var _a;
+        var _b = e.target, name = _b.name, value = _b.value;
+        if (name === 'title') {
+            data['title'] = __assign(__assign({}, data['title']), { name: value });
+            setData(__assign({}, data));
+        }
+        else {
+            setData(__assign(__assign({}, data), (_a = {}, _a[name] = value, _a)));
+        }
+    };
+    var handleSubmit = function (e) { return __awaiter(void 0, void 0, void 0, function () {
+        var config, result, obj, getIds, getMaxId, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    e.preventDefault();
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 4, , 5]);
+                    if (!((data === null || data === void 0 ? void 0 : data.title) && (data === null || data === void 0 ? void 0 : data.route))) return [3 /*break*/, 3];
+                    config = {
+                        method: 'POST',
+                        body: JSON.stringify(data),
+                        headers: __assign({ "Content-Type": "application/json" }, props === null || props === void 0 ? void 0 : props.headers)
+                    };
+                    return [4 /*yield*/, create(props === null || props === void 0 ? void 0 : props.backendUrl, config)];
+                case 2:
+                    result = _a.sent();
+                    toast.success(result === null || result === void 0 ? void 0 : result.message);
+                    obj = data;
+                    getIds = (routePages === null || routePages === void 0 ? void 0 : routePages.map(function (it) { return it === null || it === void 0 ? void 0 : it.id; })) || [];
+                    getMaxId = (getIds === null || getIds === void 0 ? void 0 : getIds.length) > 0 ? Math.max.apply(Math, getIds) : 0;
+                    obj['id'] = (result === null || result === void 0 ? void 0 : result.id) || getMaxId + 1;
+                    setRoutePages(__spreadArray(__spreadArray([], routePages, true), [obj], false));
+                    setshowPopup(false);
+                    _a.label = 3;
+                case 3: return [3 /*break*/, 5];
+                case 4:
+                    error_1 = _a.sent();
+                    toast.error(error_1 === null || error_1 === void 0 ? void 0 : error_1.toString());
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsxs("div", __assign({ className: "crt-pge-st col-md-6" }, { children: [_jsxs("div", __assign({ className: "form-group" }, { children: [_jsx("label", { children: "Title:" }), _jsx("input", { type: "text", name: "title", className: "form-control", value: (_a = data === null || data === void 0 ? void 0 : data.title) === null || _a === void 0 ? void 0 : _a.name, onChange: function (e) { return handleChange(e); } })] })), _jsxs("div", __assign({ className: "form-group" }, { children: [_jsx("label", { children: "Route:" }), _jsx("input", { type: "text", name: "route", className: "form-control", value: data === null || data === void 0 ? void 0 : data.route, onChange: function (e) { return handleChange(e); } })] })), _jsx("div", __assign({ className: "button" }, { children: _jsx("button", __assign({ className: "btn add-btn", onClick: function (e) { return handleSubmit(e); } }, { children: "Submit" })) }))] })));
+};
+export default CreatePage;

package/dist/Pages/Dashboard/index.js

@@ -1,150 +1,150 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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, jsxs as _jsxs } from "react/jsx-runtime";
-import { faFile, faTrashAlt } from '@fortawesome/free-regular-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { useContext, useEffect, useState } from 'react';
-import './index.css';
-import { faPlusCircle, faSearch } from '@fortawesome/free-solid-svg-icons';
-import { GraphConfigs, ModelTypes, Modules } from '../../Utility/Main';
-import { PopUpContext, RouteContext } from '../../Utility/Contexts';
-import Model from '../../Components/Common/Model/Model';
-import { deletePageById } from '../../Services/Routing';
-import { useNavigate } from 'react-router-dom';
-import { toast } from 'react-toastify';
-import Menu from '../../Components/Common/Menu';
-import { LayoutTitleStyles } from '../../Components/Common/Title/Styles';
-export var CustomDashboard = function (_a) {
-    var routeBackendUrl = _a.routeBackendUrl, isMenuLayoutPresent = _a.isMenuLayoutPresent, headers = _a.headers;
-    var navigate = useNavigate();
-    var _b = useContext(RouteContext), routePages = _b.routePages, setRoutePages = _b.setRoutePages;
-    var _c = useState(false), showPopup = _c[0], setshowPopup = _c[1];
-    var _d = useState([]), searchedResult = _d[0], setSearchedResult = _d[1];
-    var _e = useState({
-        headTitle: '',
-        module: '',
-        data: {},
-        type: ''
-    }), modelData = _e[0], setModelData = _e[1];
-    var srchStr = '';
-    var _f = useState({
-        title: {
-            name: '',
-            customStyles: LayoutTitleStyles()
-        },
-        route: '',
-        component: [],
-        menu_id: null
-    }), page = _f[0], setPage = _f[1];
-    var showForm = function (formName, title, data, type) {
-        setshowPopup(true);
-        setModelData({
-            headTitle: title,
-            module: formName,
-            data: data,
-            type: type
-        });
-    };
-    var deletePage = function (id) { return __awaiter(void 0, void 0, void 0, function () {
-        var config, result, findById, getIndex, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    config = { method: 'DELETE', headers: __assign({}, headers) };
-                    return [4 /*yield*/, deletePageById(routeBackendUrl, config, id)];
-                case 1:
-                    result = _a.sent();
-                    if ((result === null || result === void 0 ? void 0 : result.status) === 'OK') {
-                        findById = routePages.find(function (it) { return (it === null || it === void 0 ? void 0 : it.id) === id; });
-                        getIndex = routePages.indexOf(findById);
-                        routePages.splice(getIndex, 1);
-                        setRoutePages(__spreadArray([], routePages, true));
-                        toast.success(result === null || result === void 0 ? void 0 : result.message);
-                    }
-                    return [3 /*break*/, 3];
-                case 2:
-                    error_1 = _a.sent();
-                    toast.error(error_1 === null || error_1 === void 0 ? void 0 : error_1.toString());
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    var handleChange = function (e) {
-        var _a, _b;
-        var value = e.target.value;
-        srchStr = value;
-        var arr = [];
-        for (var i = 0; i < (routePages === null || routePages === void 0 ? void 0 : routePages.length); i++) {
-            var srchLwr = srchStr === null || srchStr === void 0 ? void 0 : srchStr.toLowerCase();
-            if ((_b = (_a = routePages[i]['title']['name']) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes(srchLwr)) {
-                arr.push(routePages[i]);
-            }
-        }
-        setSearchedResult(arr);
-    };
-    useEffect(function () { }, [routePages]);
-    return (_jsx(PopUpContext.Provider, __assign({ value: { showPopup: showPopup, setshowPopup: setshowPopup, modelData: modelData, setModelData: setModelData, routePages: routePages, setRoutePages: setRoutePages } }, { children: _jsxs("div", __assign({ className: 'container w-1400' }, { children: [_jsxs("div", __assign({ className: 'row mar-0' }, { children: [!isMenuLayoutPresent && _jsx("div", __assign({ className: 'col-md-2' }, { children: _jsx(Menu, {}) })), _jsx("div", __assign({ className: "".concat(isMenuLayoutPresent ? 'col-md-12' : 'col-md-10', " pad-l-0") }, { children: _jsxs("div", __assign({ className: 'dashboard-section' }, { children: [_jsx("h5", __assign({ className: 'd-title' }, { children: "Dashboard" })), _jsxs("div", __assign({ className: 'dashboard-page-srch' }, { children: [_jsx("input", { type: 'text', name: 'page', className: 'form-control', placeholder: 'search page..', onChange: function (e) { return handleChange(e); } }), _jsx("button", __assign({ className: 'btn srch-icon' }, { children: _jsx(FontAwesomeIcon, { icon: faSearch }) }))] })), _jsxs("div", __assign({ className: 'dashboard-page-lists' }, { children: [_jsx("h5", { children: "Pages" }), _jsxs("ul", __assign({ className: 'list-unstyled row mar-0' }, { children: [_jsx("li", __assign({ className: 'col-md-2', style: { cursor: 'pointer' }, onClick: function () { return showForm(Modules.DASHBOARD, 'Create New Page', page, ModelTypes.FORM); } }, { children: _jsxs("div", __assign({ className: 'create-page-section' }, { children: [_jsx(FontAwesomeIcon, { icon: faPlusCircle, className: 'icon', size: '2x', color: GraphConfigs.DEFAULT_BGCOLOR[1] }), _jsx("p", { children: "Create Page" })] })) })), (searchedResult === null || searchedResult === void 0 ? void 0 : searchedResult.length) > 0 ? searchedResult === null || searchedResult === void 0 ? void 0 : searchedResult.map(function (it, n) {
-                                                        var _a;
-                                                        return (_jsx("li", __assign({ className: 'col-md-2' }, { children: _jsxs("div", __assign({ className: 'pg-lst' }, { children: [_jsx(FontAwesomeIcon, { icon: faFile, className: 'icon', size: '2x', onClick: function () { return navigate("/layout/".concat(it === null || it === void 0 ? void 0 : it.id)); } }), " ", _jsx("p", __assign({ onClick: function () { return navigate("/layout/".concat(it === null || it === void 0 ? void 0 : it.id)); } }, { children: (_a = it === null || it === void 0 ? void 0 : it.title) === null || _a === void 0 ? void 0 : _a.name })), " ", _jsx(FontAwesomeIcon, { icon: faTrashAlt, color: 'red', cursor: 'pointer', className: 'pge-dlte', onClick: function () { return deletePage(it === null || it === void 0 ? void 0 : it.id); } }), " "] })) }), n));
-                                                    }) : (routePages === null || routePages === void 0 ? void 0 : routePages.length) > 0 && (routePages === null || routePages === void 0 ? void 0 : routePages.map(function (it, n) {
-                                                        var _a;
-                                                        return (_jsx("li", __assign({ className: 'col-md-2' }, { children: _jsxs("div", __assign({ className: 'pg-lst' }, { children: [_jsx(FontAwesomeIcon, { icon: faFile, className: 'icon', size: '2x', onClick: function () { return navigate("/layout/".concat(it === null || it === void 0 ? void 0 : it.id)); } }), " ", _jsx("p", __assign({ onClick: function () { return navigate("/layout/".concat(it === null || it === void 0 ? void 0 : it.id)); } }, { children: (_a = it === null || it === void 0 ? void 0 : it.title) === null || _a === void 0 ? void 0 : _a.name })), " ", _jsx(FontAwesomeIcon, { icon: faTrashAlt, color: 'red', cursor: 'pointer', className: 'pge-dlte', onClick: function () { return deletePage(it === null || it === void 0 ? void 0 : it.id); } }), " "] })) }), n));
-                                                    }))] }))] }))] })) }))] })), showPopup && _jsx(Model, { headTitle: modelData === null || modelData === void 0 ? void 0 : modelData.headTitle, module: modelData === null || modelData === void 0 ? void 0 : modelData.module, data: modelData === null || modelData === void 0 ? void 0 : modelData.data, type: modelData === null || modelData === void 0 ? void 0 : modelData.type, backendUrl: routeBackendUrl, headers: headers })] })) })));
-};
-export default CustomDashboard;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { faFile, faTrashAlt } from '@fortawesome/free-regular-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { useContext, useEffect, useState } from 'react';
+import './index.css';
+import { faPlusCircle, faSearch } from '@fortawesome/free-solid-svg-icons';
+import { GraphConfigs, ModelTypes, Modules } from '../../Utility/Main';
+import { PopUpContext, RouteContext } from '../../Utility/Contexts';
+import Model from '../../Components/Common/Model/Model';
+import { deletePageById } from '../../Services/Routing';
+import { useNavigate } from 'react-router-dom';
+import { toast } from 'react-toastify';
+import Menu from '../../Components/Common/Menu';
+import { LayoutTitleStyles } from '../../Components/Common/Title/Styles';
+export var CustomDashboard = function (_a) {
+    var routeBackendUrl = _a.routeBackendUrl, isMenuLayoutPresent = _a.isMenuLayoutPresent, headers = _a.headers;
+    var navigate = useNavigate();
+    var _b = useContext(RouteContext), routePages = _b.routePages, setRoutePages = _b.setRoutePages;
+    var _c = useState(false), showPopup = _c[0], setshowPopup = _c[1];
+    var _d = useState([]), searchedResult = _d[0], setSearchedResult = _d[1];
+    var _e = useState({
+        headTitle: '',
+        module: '',
+        data: {},
+        type: ''
+    }), modelData = _e[0], setModelData = _e[1];
+    var srchStr = '';
+    var _f = useState({
+        title: {
+            name: '',
+            customStyles: LayoutTitleStyles()
+        },
+        route: '',
+        component: [],
+        menu_id: null
+    }), page = _f[0], setPage = _f[1];
+    var showForm = function (formName, title, data, type) {
+        setshowPopup(true);
+        setModelData({
+            headTitle: title,
+            module: formName,
+            data: data,
+            type: type
+        });
+    };
+    var deletePage = function (id) { return __awaiter(void 0, void 0, void 0, function () {
+        var config, result, findById, getIndex, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    config = { method: 'DELETE', headers: __assign({}, headers) };
+                    return [4 /*yield*/, deletePageById(routeBackendUrl, config, id)];
+                case 1:
+                    result = _a.sent();
+                    if ((result === null || result === void 0 ? void 0 : result.status) === 'OK') {
+                        findById = routePages.find(function (it) { return (it === null || it === void 0 ? void 0 : it.id) === id; });
+                        getIndex = routePages.indexOf(findById);
+                        routePages.splice(getIndex, 1);
+                        setRoutePages(__spreadArray([], routePages, true));
+                        toast.success(result === null || result === void 0 ? void 0 : result.message);
+                    }
+                    return [3 /*break*/, 3];
+                case 2:
+                    error_1 = _a.sent();
+                    toast.error(error_1 === null || error_1 === void 0 ? void 0 : error_1.toString());
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleChange = function (e) {
+        var _a, _b;
+        var value = e.target.value;
+        srchStr = value;
+        var arr = [];
+        for (var i = 0; i < (routePages === null || routePages === void 0 ? void 0 : routePages.length); i++) {
+            var srchLwr = srchStr === null || srchStr === void 0 ? void 0 : srchStr.toLowerCase();
+            if ((_b = (_a = routePages[i]['title']['name']) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes(srchLwr)) {
+                arr.push(routePages[i]);
+            }
+        }
+        setSearchedResult(arr);
+    };
+    useEffect(function () { }, [routePages]);
+    return (_jsx(PopUpContext.Provider, __assign({ value: { showPopup: showPopup, setshowPopup: setshowPopup, modelData: modelData, setModelData: setModelData, routePages: routePages, setRoutePages: setRoutePages } }, { children: _jsxs("div", __assign({ className: 'container w-1400' }, { children: [_jsxs("div", __assign({ className: 'row mar-0' }, { children: [!isMenuLayoutPresent && _jsx("div", __assign({ className: 'col-md-2' }, { children: _jsx(Menu, {}) })), _jsx("div", __assign({ className: "".concat(isMenuLayoutPresent ? 'col-md-12' : 'col-md-10', " pad-l-0") }, { children: _jsxs("div", __assign({ className: 'dashboard-section' }, { children: [_jsx("h5", __assign({ className: 'd-title' }, { children: "Dashboard" })), _jsxs("div", __assign({ className: 'dashboard-page-srch' }, { children: [_jsx("input", { type: 'text', name: 'page', className: 'form-control', placeholder: 'search page..', onChange: function (e) { return handleChange(e); } }), _jsx("button", __assign({ className: 'btn srch-icon' }, { children: _jsx(FontAwesomeIcon, { icon: faSearch }) }))] })), _jsxs("div", __assign({ className: 'dashboard-page-lists' }, { children: [_jsx("h5", { children: "Pages" }), _jsxs("ul", __assign({ className: 'list-unstyled row mar-0' }, { children: [_jsx("li", __assign({ className: 'col-md-2', style: { cursor: 'pointer' }, onClick: function () { return showForm(Modules.DASHBOARD, 'Create New Page', page, ModelTypes.FORM); } }, { children: _jsxs("div", __assign({ className: 'create-page-section' }, { children: [_jsx(FontAwesomeIcon, { icon: faPlusCircle, className: 'icon', size: '2x', color: GraphConfigs.DEFAULT_BGCOLOR[1] }), _jsx("p", { children: "Create Page" })] })) })), (searchedResult === null || searchedResult === void 0 ? void 0 : searchedResult.length) > 0 ? searchedResult === null || searchedResult === void 0 ? void 0 : searchedResult.map(function (it, n) {
+                                                        var _a;
+                                                        return (_jsx("li", __assign({ className: 'col-md-2' }, { children: _jsxs("div", __assign({ className: 'pg-lst' }, { children: [_jsx(FontAwesomeIcon, { icon: faFile, className: 'icon', size: '2x', onClick: function () { return navigate("/layout/".concat(it === null || it === void 0 ? void 0 : it.id)); } }), " ", _jsx("p", __assign({ onClick: function () { return navigate("/layout/".concat(it === null || it === void 0 ? void 0 : it.id)); } }, { children: (_a = it === null || it === void 0 ? void 0 : it.title) === null || _a === void 0 ? void 0 : _a.name })), " ", _jsx(FontAwesomeIcon, { icon: faTrashAlt, color: 'red', cursor: 'pointer', className: 'pge-dlte', onClick: function () { return deletePage(it === null || it === void 0 ? void 0 : it.id); } }), " "] })) }), n));
+                                                    }) : (routePages === null || routePages === void 0 ? void 0 : routePages.length) > 0 && (routePages === null || routePages === void 0 ? void 0 : routePages.map(function (it, n) {
+                                                        var _a;
+                                                        return (_jsx("li", __assign({ className: 'col-md-2' }, { children: _jsxs("div", __assign({ className: 'pg-lst' }, { children: [_jsx(FontAwesomeIcon, { icon: faFile, className: 'icon', size: '2x', onClick: function () { return navigate("/layout/".concat(it === null || it === void 0 ? void 0 : it.id)); } }), " ", _jsx("p", __assign({ onClick: function () { return navigate("/layout/".concat(it === null || it === void 0 ? void 0 : it.id)); } }, { children: (_a = it === null || it === void 0 ? void 0 : it.title) === null || _a === void 0 ? void 0 : _a.name })), " ", _jsx(FontAwesomeIcon, { icon: faTrashAlt, color: 'red', cursor: 'pointer', className: 'pge-dlte', onClick: function () { return deletePage(it === null || it === void 0 ? void 0 : it.id); } }), " "] })) }), n));
+                                                    }))] }))] }))] })) }))] })), showPopup && _jsx(Model, { headTitle: modelData === null || modelData === void 0 ? void 0 : modelData.headTitle, module: modelData === null || modelData === void 0 ? void 0 : modelData.module, data: modelData === null || modelData === void 0 ? void 0 : modelData.data, type: modelData === null || modelData === void 0 ? void 0 : modelData.type, backendUrl: routeBackendUrl, headers: headers })] })) })));
+};
+export default CustomDashboard;