@msrajawat298/do-graphs 1.0.0 → 1.0.2

package/dist/Pages/LayoutPages/index.js

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

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

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