@msrajawat298/do-graphs 1.0.0

package/dist/Pages/Dashboard/index.css

@@ -0,0 +1,114 @@
+.w-1400 {
+    max-width: 1400px;
+}
+
+.mar-0{
+    margin: 0;
+}
+
+.dashboard-section {
+    background: #fff;
+    box-sizing: border-box;
+    box-shadow: 0 0 5px #dedede;
+    border-radius: 5px;
+    padding: 15px;
+    height: 100vh;
+    overflow-y: scroll;
+
+    .d-title {
+        margin-bottom: 30px;
+        margin-top: 15px;
+        position: relative;
+    }
+
+    .d-title::after {
+        content: '';
+        position: absolute;
+        bottom: -5px;
+        left: 0;
+        width: 30px;
+        height: 1px;
+        background: #ff9068;
+    }
+
+    .dashboard-page-srch {
+        margin-bottom: 30px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 70%;
+        border-radius: 5rem;
+        border: 1px solid #dee2e6;
+        padding: 0;
+        height: 40px;
+        background: #f5f5f5;
+        input {
+            font-size: 13px;
+            width: 90%;
+            border: 0;
+            height: 39px;
+            border-radius: 5rem 0 0 5rem;
+        }
+        .srch-icon{
+            width: 10%;
+            font-size: 13px;
+        }
+    }
+
+    .dashboard-page-lists {
+        h5 {
+            font-size: 15px;
+            margin-bottom: 15px;
+        }
+
+        ul {
+            li{
+                padding-left: 0;
+                margin-bottom: 15px;
+            }
+            .pg-lst, .create-page-section {
+                border-radius: 5px;
+                padding: 15px;
+                border: 1px solid #dedede;
+                height: 100px;
+                text-align: center;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                flex-direction: column;
+                position: relative;
+                .icon{
+                    margin-bottom: 15px;
+                }
+                p{
+                    font-size: 12px;
+                    margin-bottom: 0;
+                    cursor: pointer;
+                }
+            }
+            .create-page-section{
+                background: #f5f5f5;
+                border: 0;
+            }
+        }
+    }
+}
+.pge-dlte{
+    position: absolute;
+    top: 5px;
+    right: 5px;
+}
+.pad-l-0{
+    padding-left: 0 !important;
+}
+.dashboard-section::-webkit-scrollbar{
+    width: 2px;
+    height: 2px;
+}
+.dashboard-section::-webkit-scrollbar-track{
+    border-radius: 10px;
+}
+.dashboard-section::-webkit-scrollbar-thumb{
+    background: #ef5323;
+    border-radius: 10px;
+}

package/dist/Pages/Dashboard/index.js

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

package/dist/Pages/LayoutPages/index.css

@@ -0,0 +1,80 @@
+.w-1400 {
+    max-width: 1400px;
+}
+
+.hd-sect {
+    padding: 12px;
+    padding-bottom: 0;
+
+    .header-section h4 {
+        font-size: 15px;
+    }
+
+    .mar-b-0 {
+        margin-bottom: 0 !important;
+    }
+}
+
+.layout-left {
+    width: 5%;
+}
+
+.layout-right {
+    width: 95%;
+}
+
+.filter-dropdown {
+    padding: 0;
+    position: absolute;
+    right: 2px;
+    top: 2px;
+    height: 30px;
+    background: #eee;
+    color: #000;
+    border: 1px solid #fff;
+    border-radius: 5px;
+}
+
+.multiple-select {
+    position: absolute;
+    right: 2px;
+    top: 2px;
+    font-size: 13px;
+    max-width: 50%;
+    height: 30px;
+
+    button {
+        width: 100%;
+        background: #efefef;
+        font-size: 13px;
+        border: 1px solid #dedede;
+    }
+
+    button:hover, button:active{
+        background: #efefef !important;
+        border: 1px solid #dedede !important;
+    }
+
+    .list-section {
+        background: #fff;
+        height: 150px;
+        overflow-y: scroll;
+        border: 1px solid #dedede;
+        border-radius: 0 0 8px 8px;
+        ul {
+            margin-bottom: 0;
+            li {
+                padding: 3px 5px 3px 5px;
+                font-size: 12px;
+                /* opacity: .6; */
+                cursor: pointer;
+            }
+            li:hover{
+                background: #eee;
+            }
+            .multi-select-li-active{
+                background: #ffe3da;
+            }
+        }
+    }
+}

package/dist/Pages/LayoutPages/index.js

@@ -0,0 +1,143 @@
+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, useEffect, useState } from 'react';
+import { Responsive, WidthProvider } from "react-grid-layout";
+import 'react-grid-layout/css/styles.css';
+import 'react-resizable/css/styles.css';
+import { PopUpContext, RouteContext } from '../../Utility/Contexts';
+import Widget from '../../Components/Common/Widget';
+import './index.css';
+import { useParams } from 'react-router-dom';
+import { renderHtmlData } from '../../Utility/Main';
+import { update } from '../../Services/Routing';
+import { toast } from 'react-toastify';
+import DynamicMenuList from '../../Components/Common/Menu/DynamicMenu/List';
+import LayoutTitle from '../../Components/Common/Title';
+var LayoutPages = function (_a) {
+    var routeBackendUrl = _a.routeBackendUrl, menuBackendUrl = _a.menuBackendUrl, headers = _a.headers, frontendUrl = _a.frontendUrl;
+    var id = useParams().id;
+    var ResponsiveGridLayout = WidthProvider(Responsive);
+    var _b = useContext(RouteContext), routePages = _b.routePages, menu = _b.menu, setMenu = _b.setMenu;
+    var _c = useState([]), layout = _c[0], setLayout = _c[1];
+    var _d = useState({}), title = _d[0], setTitle = _d[1];
+    var _e = useState({}), menuVal = _e[0], setMenuVal = _e[1];
+    var _f = useState([]), menuData = _f[0], setMenuData = _f[1];
+    var _g = useState(false), showMenu = _g[0], setShowMenu = _g[1];
+    var _h = useState(''), previewUrl = _h[0], setPreviewUrl = _h[1];
+    var updateLayoutPos = function (layouts) {
+        for (var i = 0; i < (layout === null || layout === void 0 ? void 0 : layout.length); i++) {
+            layout[i]['x'] = layouts[i]['x'];
+            layout[i]['y'] = layouts[i]['y'];
+            layout[i]['w'] = layouts[i]['w'];
+            layout[i]['h'] = layouts[i]['h'];
+        }
+        setLayout(layout);
+    };
+    var updateLayouts = function () {
+        var _a;
+        var getLayoutById = (routePages === null || routePages === void 0 ? void 0 : routePages.length) ? routePages === null || routePages === void 0 ? void 0 : routePages.find(function (it) { return (it === null || it === void 0 ? void 0 : it.id) === Number(id); }) : {};
+        var mapLayoutByHeader = (_a = getLayoutById === null || getLayoutById === void 0 ? void 0 : getLayoutById.element) === null || _a === void 0 ? void 0 : _a.map(function (it) {
+            var _a, _b, _c, _d, _e, _f, _g;
+            var structureHeaders = ((_a = it === null || it === void 0 ? void 0 : it.props) === null || _a === void 0 ? void 0 : _a.apiCall) ? __assign(__assign({}, JSON.parse((_c = (_b = it === null || it === void 0 ? void 0 : it.props) === null || _b === void 0 ? void 0 : _b.apiCall) === null || _c === void 0 ? void 0 : _c.headers)), headers) : {};
+            if ((_d = it === null || it === void 0 ? void 0 : it.props) === null || _d === void 0 ? void 0 : _d.apiCall) {
+                ((_f = (_e = it === null || it === void 0 ? void 0 : it.props) === null || _e === void 0 ? void 0 : _e.apiCall) === null || _f === void 0 ? void 0 : _f.headers) !== '' ? it['props']['apiCall']['headers'] = JSON.stringify(structureHeaders) : ((_g = Object.keys(headers)) === null || _g === void 0 ? void 0 : _g.length) > 0 ? it['props']['apiCall']['headers'] = JSON.stringify(headers) : it['props']['apiCall']['headers'] = '';
+            }
+            return it;
+        });
+        setLayout(mapLayoutByHeader);
+        setTitle(getLayoutById === null || getLayoutById === void 0 ? void 0 : getLayoutById.title);
+        setMenuVal(function (prev) {
+            return {
+                prevState: prev === null || prev === void 0 ? void 0 : prev.currState,
+                currState: getLayoutById === null || getLayoutById === void 0 ? void 0 : getLayoutById.menu_id
+            };
+        });
+        setPreviewUrl(frontendUrl + '/' + (getLayoutById === null || getLayoutById === void 0 ? void 0 : getLayoutById.path));
+        var getMenuById = (menu === null || menu === void 0 ? void 0 : menu.find(function (it) { return (it === null || it === void 0 ? void 0 : it.id) === (getLayoutById === null || getLayoutById === void 0 ? void 0 : getLayoutById.menu_id); })) || [];
+        setMenuData(getMenuById === null || getMenuById === void 0 ? void 0 : getMenuById.menu);
+    };
+    var removeChart = function (layoutId) { return __awaiter(void 0, void 0, void 0, function () {
+        var getObj, getIndex, config, result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    getObj = layout === null || layout === void 0 ? void 0 : layout.find(function (it) { return (it === null || it === void 0 ? void 0 : it.i) === layoutId; });
+                    getIndex = layout.indexOf(getObj);
+                    return [4 /*yield*/, layout.splice(getIndex, 1)];
+                case 1:
+                    _a.sent();
+                    config = {
+                        method: 'PATCH',
+                        body: JSON.stringify(layout),
+                        headers: { 'Content-Type': 'application/json' }
+                    };
+                    return [4 /*yield*/, update(routeBackendUrl, config, Number(id))];
+                case 2:
+                    result = _a.sent();
+                    toast.success(result === null || result === void 0 ? void 0 : result.message);
+                    setLayout(__spreadArray([], layout, true));
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        updateLayouts();
+    }, [routePages, menu]);
+    return (_jsx(PopUpContext.Provider, __assign({ value: { layout: layout, setLayout: setLayout, removeChart: removeChart, menu: menu, setMenu: setMenu, menuVal: menuVal, setMenuVal: setMenuVal, showMenu: showMenu, setShowMenu: setShowMenu, title: title, setTitle: setTitle } }, { children: _jsx("div", __assign({ className: 'container w-1400' }, { children: _jsxs("div", __assign({ className: 'row mar-0' }, { children: [(menuData === null || menuData === void 0 ? void 0 : menuData.length) > 0 && _jsx("div", __assign({ className: 'layout-left pad-0' }, { children: _jsx(DynamicMenuList, { menu: menuData, show: showMenu }) })), _jsxs("div", __assign({ className: "".concat((menuData === null || menuData === void 0 ? void 0 : menuData.length) > 0 ? 'layout-right' : 'col-md-12', " pad-0") }, { children: [_jsx("div", __assign({ className: 'hd-sect' }, { children: _jsx(LayoutTitle, { id: id }) })), _jsx(ResponsiveGridLayout, __assign({ className: "layout", layouts: { lg: (layout === null || layout === void 0 ? void 0 : layout.length) > 0 ? layout : [] }, breakpoints: { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 }, cols: { lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 }, rowHeight: 30, draggableCancel: '.disable', onDrag: function (e) { return updateLayoutPos(e); }, onResize: function (e) { return updateLayoutPos(e); } }, { children: (layout === null || layout === void 0 ? void 0 : layout.length) > 0 && (layout === null || layout === void 0 ? void 0 : layout.map(function (it, i) { return (_jsx("div", { children: renderHtmlData(it === null || it === void 0 ? void 0 : it.component, __assign(__assign({}, it === null || it === void 0 ? void 0 : it.props), { isConfigEdit: true })) }, it === null || it === void 0 ? void 0 : it.i)); })) })), _jsx(Widget, { routeBackendUrl: routeBackendUrl, menuBackendUrl: menuBackendUrl, headers: headers, addCustomCss: 'half-widget-section', isHalfWidget: true, id: id, preview: previewUrl })] }))] })) })) })));
+};
+export default LayoutPages;

package/dist/Pages/Layouts/index.js

@@ -0,0 +1,52 @@
+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);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useEffect, useState } from 'react';
+import { Responsive, WidthProvider } from "react-grid-layout";
+import { renderHtmlData } from '../../Utility/Main';
+import { PopUpContext, RouteContext } from '../../Utility/Contexts';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faArrowRightLong } from '@fortawesome/free-solid-svg-icons';
+import '../LayoutPages/index.css';
+import DynamicMenuList from '../../Components/Common/Menu/DynamicMenu/List';
+var Layouts = function (props) {
+    var _a, _b, _c, _d;
+    var ResponsiveGridLayout = WidthProvider(Responsive);
+    var _e = useState([]), layout = _e[0], setLayout = _e[1];
+    var _f = useState(false), showMenu = _f[0], setShowMenu = _f[1];
+    var menu = useContext(RouteContext).menu;
+    var _g = useState([]), menuData = _g[0], setMenuData = _g[1];
+    var handleMenu = function () {
+        if (showMenu) {
+            setShowMenu(false);
+        }
+        else {
+            setShowMenu(true);
+        }
+    };
+    useEffect(function () {
+        var _a, _b;
+        var getMenuById = (_a = menu === null || menu === void 0 ? void 0 : menu.find(function (it) { return (it === null || it === void 0 ? void 0 : it.id) === (props === null || props === void 0 ? void 0 : props.menuId); })) === null || _a === void 0 ? void 0 : _a.menu;
+        var mapLayoutByHeader = (_b = props === null || props === void 0 ? void 0 : props.html) === null || _b === void 0 ? void 0 : _b.map(function (it) {
+            var _a, _b, _c, _d, _e, _f;
+            if ((_a = it === null || it === void 0 ? void 0 : it.props) === null || _a === void 0 ? void 0 : _a.apiCall) {
+                ((_c = (_b = it === null || it === void 0 ? void 0 : it.props) === null || _b === void 0 ? void 0 : _b.apiCall) === null || _c === void 0 ? void 0 : _c.headers) !== '' ? it['props']['apiCall']['headers'] = (_e = (_d = it === null || it === void 0 ? void 0 : it.props) === null || _d === void 0 ? void 0 : _d.apiCall) === null || _e === void 0 ? void 0 : _e.headers : ((_f = Object.keys(props === null || props === void 0 ? void 0 : props.headers)) === null || _f === void 0 ? void 0 : _f.length) > 0 ? it['props']['apiCall']['headers'] = JSON.stringify(props === null || props === void 0 ? void 0 : props.headers) : it['props']['apiCall']['headers'] = '';
+            }
+            return it;
+        });
+        setMenuData(getMenuById);
+        setShowMenu(false);
+        setLayout(mapLayoutByHeader);
+    }, [props]);
+    return (_jsx(PopUpContext.Provider, __assign({ value: { layout: layout, setLayout: setLayout, showMenu: showMenu, setShowMenu: setShowMenu } }, { children: _jsx("div", __assign({ className: 'container w-1400' }, { children: _jsxs("div", __assign({ className: 'row mar-0' }, { children: [(menuData === null || menuData === void 0 ? void 0 : menuData.length) > 0 && _jsx("div", __assign({ className: 'layout-left pad-0' }, { children: _jsx(DynamicMenuList, { menu: menuData, show: showMenu }) })), _jsxs("div", __assign({ className: "".concat((menuData === null || menuData === void 0 ? void 0 : menuData.length) > 0 ? 'layout-right' : 'col-md-12', " pad-0") }, { children: [_jsx("div", __assign({ className: 'hd-sect' }, { children: ((_a = props === null || props === void 0 ? void 0 : props.title) === null || _a === void 0 ? void 0 : _a.name) && _jsx("div", __assign({ className: 'header-section', style: __assign({}, (_c = (_b = props === null || props === void 0 ? void 0 : props.title) === null || _b === void 0 ? void 0 : _b.customStyles) === null || _c === void 0 ? void 0 : _c.div) }, { children: _jsxs("h4", __assign({ className: 'mar-b-0' }, { children: [(_d = props === null || props === void 0 ? void 0 : props.title) === null || _d === void 0 ? void 0 : _d.name, " ", _jsx(FontAwesomeIcon, { icon: faArrowRightLong, style: { marginLeft: 5 } })] })) })) })), _jsx(ResponsiveGridLayout, __assign({ className: "layout", layouts: { lg: layout }, breakpoints: { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 }, cols: { lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 }, rowHeight: 30, draggableCancel: '.disable' }, { children: layout === null || layout === void 0 ? void 0 : layout.map(function (it, i) { return (_jsx("div", { children: renderHtmlData(it === null || it === void 0 ? void 0 : it.component, __assign(__assign({}, it === null || it === void 0 ? void 0 : it.props), { isConfigEdit: false })) }, it === null || it === void 0 ? void 0 : it.i)); }) }))] }))] })) })) })));
+};
+export default Layouts;

package/dist/Services/Menu.js

@@ -0,0 +1,58 @@
+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 createMenu = 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 getMenuList = 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];
+        }
+    });
+}); };