@msrajawat298/do-graphs 1.0.0 → 1.0.2

package/dist/Components/Common/Menu/index.js

@@ -1,24 +1,24 @@
-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 './index.css';
-import { faDashboard } from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-export var Menu = function () {
-    var menuList = [{
-            id: 1,
-            name: 'Dashboard',
-            icon: faDashboard
-        }];
-    return (_jsxs("div", __assign({ className: 'menu-section' }, { children: [_jsx("div", __assign({ className: 'up-1' }, { children: _jsx("p", { children: "Welcome to LDG Portal!" }) })), _jsxs("div", __assign({ className: 'up-2' }, { children: [_jsx("div", __assign({ className: 'prf-sect' }, { children: _jsx("h1", { children: "A" }) })), _jsx("p", __assign({ className: 'prf-name' }, { children: "Admin" }))] })), _jsx("div", __assign({ className: 'mid' }, { children: _jsx("ul", __assign({ className: 'list-unstyled' }, { children: menuList === null || menuList === void 0 ? void 0 : menuList.map(function (item, i) { return (_jsxs("li", { children: [_jsx(FontAwesomeIcon, { icon: item === null || item === void 0 ? void 0 : item.icon, style: { marginRight: 5 }, color: '#ff9068' }), " ", item === null || item === void 0 ? void 0 : item.name] }, i)); }) })) })), _jsx("div", __assign({ className: 'bottom' }, { children: _jsx("p", { children: "Version 0.1" }) }))] })));
-};
-export default Menu;
+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 './index.css';
+import { faDashboard } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+export var Menu = function () {
+    var menuList = [{
+            id: 1,
+            name: 'Dashboard',
+            icon: faDashboard
+        }];
+    return (_jsxs("div", __assign({ className: 'menu-section' }, { children: [_jsx("div", __assign({ className: 'up-1' }, { children: _jsx("p", { children: "Welcome to LDG Portal!" }) })), _jsxs("div", __assign({ className: 'up-2' }, { children: [_jsx("div", __assign({ className: 'prf-sect' }, { children: _jsx("h1", { children: "A" }) })), _jsx("p", __assign({ className: 'prf-name' }, { children: "Admin" }))] })), _jsx("div", __assign({ className: 'mid' }, { children: _jsx("ul", __assign({ className: 'list-unstyled' }, { children: menuList === null || menuList === void 0 ? void 0 : menuList.map(function (item, i) { return (_jsxs("li", { children: [_jsx(FontAwesomeIcon, { icon: item === null || item === void 0 ? void 0 : item.icon, style: { marginRight: 5 }, color: '#ff9068' }), " ", item === null || item === void 0 ? void 0 : item.name] }, i)); }) })) })), _jsx("div", __assign({ className: 'bottom' }, { children: _jsx("p", { children: "Version 0.1" }) }))] })));
+};
+export default Menu;

package/dist/Components/Common/Model/Model.js

@@ -1,56 +1,56 @@
-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 } from "react";
-import { PopUpContext } from "../../../Utility/Contexts";
-import { ChartTypes, ModelTypes, Modules } from "../../../Utility/Main";
-import './Model.css';
-import BarConfigForm from "../../Charts/Bar/Form";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faClose } from "@fortawesome/free-solid-svg-icons";
-import LineConfigForm from "../../Charts/Line/Form";
-import DoughnutConfigForm from "../../Charts/DoughnutAndPie/Form";
-import PolarConfigForm from "../../Charts/PolarArea/Form";
-import TableConfigForm from "../../Charts/Table/Form";
-import CreatePage from "../../../Pages/Dashboard/CreatePage";
-import ScatterConfigForm from "../../Charts/Scatter/Form";
-import ProgressChartConfigForm from "../../Charts/Progess/Form";
-import DynamicMenu from "../Menu/DynamicMenu";
-import LayoutTitleConfigForm from "../Title/Form";
-var Model = function (props) {
-    var _a = useContext(PopUpContext), showPopup = _a.showPopup, setshowPopup = _a.setshowPopup;
-    var closePopup = function () {
-        setshowPopup(false);
-    };
-    return (_jsxs("div", __assign({ className: "".concat((props === null || props === void 0 ? void 0 : props.type) === ModelTypes.FORM ? 'model-section-form' : (props === null || props === void 0 ? void 0 : props.type) === (ModelTypes === null || ModelTypes === void 0 ? void 0 : ModelTypes.SIDE_FORM) ? 'model-section-side-form' : 'model-section', " disable") }, { children: [(props === null || props === void 0 ? void 0 : props.type) === (ModelTypes === null || ModelTypes === void 0 ? void 0 : ModelTypes.CONFIGURE) &&
-                _jsxs("div", __assign({ className: "model-body" }, { children: [_jsxs("div", __assign({ className: "model-header" }, { children: [_jsx("h5", { children: props === null || props === void 0 ? void 0 : props.headTitle }), _jsx(FontAwesomeIcon, { icon: faClose, style: { cursor: 'pointer', color: '#000' }, onClick: function () { return closePopup(); } })] })), _jsx("div", __assign({ className: "model-bottom" }, { children: (props === null || props === void 0 ? void 0 : props.chart) === (ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.BAR) ?
-                                _jsx(BarConfigForm, { data: props === null || props === void 0 ? void 0 : props.data })
-                                : (props === null || props === void 0 ? void 0 : props.chart) === ChartTypes.LINE ?
-                                    _jsx(LineConfigForm, { data: props === null || props === void 0 ? void 0 : props.data })
-                                    : (props === null || props === void 0 ? void 0 : props.chart) === ChartTypes.DOUGHNUT ?
-                                        _jsx(DoughnutConfigForm, { data: props === null || props === void 0 ? void 0 : props.data })
-                                        : (props === null || props === void 0 ? void 0 : props.chart) === ChartTypes.POLAR ?
-                                            _jsx(PolarConfigForm, { data: props === null || props === void 0 ? void 0 : props.data })
-                                            : (props === null || props === void 0 ? void 0 : props.chart) === ChartTypes.SCATTER ?
-                                                _jsx(ScatterConfigForm, { data: props === null || props === void 0 ? void 0 : props.data })
-                                                : (props === null || props === void 0 ? void 0 : props.chart) === ChartTypes.TABLE ?
-                                                    _jsx(TableConfigForm, { data: props === null || props === void 0 ? void 0 : props.data })
-                                                    : (props === null || props === void 0 ? void 0 : props.chart) === ChartTypes.PROGRESS &&
-                                                        _jsx(ProgressChartConfigForm, { data: props === null || props === void 0 ? void 0 : props.data }) }))] })), (props === null || props === void 0 ? void 0 : props.type) === (ModelTypes === null || ModelTypes === void 0 ? void 0 : ModelTypes.FORM) &&
-                _jsxs("div", __assign({ className: "model-body-form" }, { children: [_jsxs("div", __assign({ className: "model-header" }, { children: [_jsx("h5", { children: props === null || props === void 0 ? void 0 : props.headTitle }), _jsx(FontAwesomeIcon, { icon: faClose, style: { cursor: 'pointer', color: '#000' }, onClick: function () { return closePopup(); } })] })), _jsx("div", __assign({ className: "model-bottom" }, { children: (props === null || props === void 0 ? void 0 : props.module) === Modules.DASHBOARD ?
-                                _jsx(CreatePage, { data: props === null || props === void 0 ? void 0 : props.data, backendUrl: props === null || props === void 0 ? void 0 : props.backendUrl, headers: props === null || props === void 0 ? void 0 : props.headers })
-                                : (props === null || props === void 0 ? void 0 : props.module) === Modules.MENU &&
-                                    _jsx(DynamicMenu, { data: props === null || props === void 0 ? void 0 : props.data, backendUrl: props === null || props === void 0 ? void 0 : props.backendUrl, headers: props === null || props === void 0 ? void 0 : props.headers }) }))] })), (props === null || props === void 0 ? void 0 : props.type) === (ModelTypes === null || ModelTypes === void 0 ? void 0 : ModelTypes.SIDE_FORM) &&
-                _jsxs("div", __assign({ className: "model-body-form" }, { children: [_jsxs("div", __assign({ className: "model-header" }, { children: [_jsx("h5", { children: props === null || props === void 0 ? void 0 : props.headTitle }), _jsx(FontAwesomeIcon, { icon: faClose, style: { cursor: 'pointer' }, onClick: function () { return closePopup(); } })] })), _jsx("div", __assign({ className: "model-bottom" }, { children: (props === null || props === void 0 ? void 0 : props.module) === Modules.TITLE &&
-                                _jsx(LayoutTitleConfigForm, { data: props === null || props === void 0 ? void 0 : props.data }) }))] }))] })));
-};
-export default Model;
+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 } from "react";
+import { PopUpContext } from "../../../Utility/Contexts";
+import { ChartTypes, ModelTypes, Modules } from "../../../Utility/Main";
+import './Model.css';
+import BarConfigForm from "../../Charts/Bar/Form";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faClose } from "@fortawesome/free-solid-svg-icons";
+import LineConfigForm from "../../Charts/Line/Form";
+import DoughnutConfigForm from "../../Charts/DoughnutAndPie/Form";
+import PolarConfigForm from "../../Charts/PolarArea/Form";
+import TableConfigForm from "../../Charts/Table/Form";
+import CreatePage from "../../../Pages/Dashboard/CreatePage";
+import ScatterConfigForm from "../../Charts/Scatter/Form";
+import ProgressChartConfigForm from "../../Charts/Progess/Form";
+import DynamicMenu from "../Menu/DynamicMenu";
+import LayoutTitleConfigForm from "../Title/Form";
+var Model = function (props) {
+    var _a = useContext(PopUpContext), showPopup = _a.showPopup, setshowPopup = _a.setshowPopup;
+    var closePopup = function () {
+        setshowPopup(false);
+    };
+    return (_jsxs("div", __assign({ className: "".concat((props === null || props === void 0 ? void 0 : props.type) === ModelTypes.FORM ? 'model-section-form' : (props === null || props === void 0 ? void 0 : props.type) === (ModelTypes === null || ModelTypes === void 0 ? void 0 : ModelTypes.SIDE_FORM) ? 'model-section-side-form' : 'model-section', " disable") }, { children: [(props === null || props === void 0 ? void 0 : props.type) === (ModelTypes === null || ModelTypes === void 0 ? void 0 : ModelTypes.CONFIGURE) &&
+                _jsxs("div", __assign({ className: "model-body" }, { children: [_jsxs("div", __assign({ className: "model-header" }, { children: [_jsx("h5", { children: props === null || props === void 0 ? void 0 : props.headTitle }), _jsx(FontAwesomeIcon, { icon: faClose, style: { cursor: 'pointer', color: '#000' }, onClick: function () { return closePopup(); } })] })), _jsx("div", __assign({ className: "model-bottom" }, { children: (props === null || props === void 0 ? void 0 : props.chart) === (ChartTypes === null || ChartTypes === void 0 ? void 0 : ChartTypes.BAR) ?
+                                _jsx(BarConfigForm, { data: props === null || props === void 0 ? void 0 : props.data })
+                                : (props === null || props === void 0 ? void 0 : props.chart) === ChartTypes.LINE ?
+                                    _jsx(LineConfigForm, { data: props === null || props === void 0 ? void 0 : props.data })
+                                    : (props === null || props === void 0 ? void 0 : props.chart) === ChartTypes.DOUGHNUT ?
+                                        _jsx(DoughnutConfigForm, { data: props === null || props === void 0 ? void 0 : props.data })
+                                        : (props === null || props === void 0 ? void 0 : props.chart) === ChartTypes.POLAR ?
+                                            _jsx(PolarConfigForm, { data: props === null || props === void 0 ? void 0 : props.data })
+                                            : (props === null || props === void 0 ? void 0 : props.chart) === ChartTypes.SCATTER ?
+                                                _jsx(ScatterConfigForm, { data: props === null || props === void 0 ? void 0 : props.data })
+                                                : (props === null || props === void 0 ? void 0 : props.chart) === ChartTypes.TABLE ?
+                                                    _jsx(TableConfigForm, { data: props === null || props === void 0 ? void 0 : props.data })
+                                                    : (props === null || props === void 0 ? void 0 : props.chart) === ChartTypes.PROGRESS &&
+                                                        _jsx(ProgressChartConfigForm, { data: props === null || props === void 0 ? void 0 : props.data }) }))] })), (props === null || props === void 0 ? void 0 : props.type) === (ModelTypes === null || ModelTypes === void 0 ? void 0 : ModelTypes.FORM) &&
+                _jsxs("div", __assign({ className: "model-body-form" }, { children: [_jsxs("div", __assign({ className: "model-header" }, { children: [_jsx("h5", { children: props === null || props === void 0 ? void 0 : props.headTitle }), _jsx(FontAwesomeIcon, { icon: faClose, style: { cursor: 'pointer', color: '#000' }, onClick: function () { return closePopup(); } })] })), _jsx("div", __assign({ className: "model-bottom" }, { children: (props === null || props === void 0 ? void 0 : props.module) === Modules.DASHBOARD ?
+                                _jsx(CreatePage, { data: props === null || props === void 0 ? void 0 : props.data, backendUrl: props === null || props === void 0 ? void 0 : props.backendUrl, headers: props === null || props === void 0 ? void 0 : props.headers })
+                                : (props === null || props === void 0 ? void 0 : props.module) === Modules.MENU &&
+                                    _jsx(DynamicMenu, { data: props === null || props === void 0 ? void 0 : props.data, backendUrl: props === null || props === void 0 ? void 0 : props.backendUrl, headers: props === null || props === void 0 ? void 0 : props.headers }) }))] })), (props === null || props === void 0 ? void 0 : props.type) === (ModelTypes === null || ModelTypes === void 0 ? void 0 : ModelTypes.SIDE_FORM) &&
+                _jsxs("div", __assign({ className: "model-body-form" }, { children: [_jsxs("div", __assign({ className: "model-header" }, { children: [_jsx("h5", { children: props === null || props === void 0 ? void 0 : props.headTitle }), _jsx(FontAwesomeIcon, { icon: faClose, style: { cursor: 'pointer' }, onClick: function () { return closePopup(); } })] })), _jsx("div", __assign({ className: "model-bottom" }, { children: (props === null || props === void 0 ? void 0 : props.module) === Modules.TITLE &&
+                                _jsx(LayoutTitleConfigForm, { data: props === null || props === void 0 ? void 0 : props.data }) }))] }))] })));
+};
+export default Model;

package/dist/Components/Common/MultipleSelectDropdown/index.js

@@ -1,124 +1,124 @@
-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 __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 React, { useContext, useEffect, useState } from "react";
-import { GraphContext } from "../../../Utility/Contexts";
-import { toast } from "react-toastify";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faChevronDown } from "@fortawesome/free-solid-svg-icons";
-var MultipleSelectDropdown = function (_a) {
-    var _b;
-    var data = _a.data, existFilter = _a.existFilter, isEdit = _a.isEdit;
-    var _c = useState(false), enable = _c[0], setEnable = _c[1];
-    var _d = useState([]), active = _d[0], setActive = _d[1];
-    var _e = useState(0), maxCount = _e[0], setMaxCount = _e[1];
-    var _f = useContext(GraphContext), drawData = _f.drawData, setDrawData = _f.setDrawData;
-    var handleList = function () {
-        if (enable) {
-            setEnable(false);
-        }
-        else {
-            setEnable(true);
-        }
-    };
-    var onFilterChange = function (e) {
-        var _a, _b, _c;
-        try {
-            var _d = e.target, value = _d.value, name_1 = _d.name, type = _d.type;
-            var typeNo = Number(type);
-            if (value) {
-                if ((_a = drawData['apiCall']) === null || _a === void 0 ? void 0 : _a.body) {
-                    var bodyFormat = JSON.parse(drawData['apiCall']['body']);
-                    switch (typeNo) {
-                        case 1:
-                            bodyFormat[name_1] = value;
-                            setActive([value]);
-                            break;
-                        case 2:
-                            if (((_b = bodyFormat[name_1]) === null || _b === void 0 ? void 0 : _b.indexOf(value)) === -1) {
-                                if ((active === null || active === void 0 ? void 0 : active.length) < maxCount) {
-                                    bodyFormat[name_1] = __spreadArray(__spreadArray([], bodyFormat[name_1], true), [value], false);
-                                }
-                            }
-                            else {
-                                bodyFormat[name_1].splice((_c = bodyFormat[name_1]) === null || _c === void 0 ? void 0 : _c.indexOf(value), 1);
-                            }
-                            if ((active === null || active === void 0 ? void 0 : active.indexOf(value)) === -1) {
-                                if ((active === null || active === void 0 ? void 0 : active.length) < maxCount) {
-                                    active.push(value);
-                                }
-                                else {
-                                    toast.error("Selection Exceeded.");
-                                }
-                            }
-                            else {
-                                active.splice(active === null || active === void 0 ? void 0 : active.indexOf(value), 1);
-                            }
-                            setActive(active);
-                            break;
-                        default:
-                            bodyFormat[name_1] = value;
-                            setActive([]);
-                    }
-                    drawData['apiCall']['body'] = JSON.stringify(bodyFormat);
-                    setDrawData(__assign({}, drawData));
-                }
-            }
-        }
-        catch (error) {
-            console.debug(error === null || error === void 0 ? void 0 : error.toString());
-        }
-    };
-    var defaultSelected = function () {
-        var _a, _b, _c;
-        try {
-            var parseFilter = (JSON === null || JSON === void 0 ? void 0 : JSON.parse(existFilter)) || {};
-            if (((_a = Object === null || Object === void 0 ? void 0 : Object.keys(parseFilter)) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                setActive(parseFilter[(_c = (_b = drawData === null || drawData === void 0 ? void 0 : drawData.filters) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.filter]);
-            }
-            else {
-                setActive([]);
-            }
-        }
-        catch (error) {
-            console.debug(error === null || error === void 0 ? void 0 : error.toString());
-        }
-    };
-    var getMaxSelection = function () {
-        var _a, _b, _c;
-        try {
-            var parseFilter = (JSON === null || JSON === void 0 ? void 0 : JSON.parse(existFilter)) || {};
-            setMaxCount(((_c = parseFilter[(_b = (_a = drawData === null || drawData === void 0 ? void 0 : drawData.filters) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.filter]) === null || _c === void 0 ? void 0 : _c.length) || 0);
-        }
-        catch (error) {
-            console.debug(error === null || error === void 0 ? void 0 : error.toString());
-        }
-    };
-    useEffect(function () { defaultSelected(); }, [existFilter]);
-    useEffect(function () { getMaxSelection(); }, []);
-    return (_jsx(React.Fragment, { children: (_b = drawData === null || drawData === void 0 ? void 0 : drawData.filters) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
-            var _a, _b;
-            return (_jsxs("div", __assign({ className: "multiple-select disable", style: { right: isEdit ? '60px' : '2px' } }, { children: [_jsxs("button", __assign({ className: "btn", onClick: handleList }, { children: [(typeof active === 'object' && (active === null || active === void 0 ? void 0 : active.length)) ? "".concat(active === null || active === void 0 ? void 0 : active.length, " Items Selected") : (typeof active === 'string' && active) ? active : 'Select', " ", _jsx(FontAwesomeIcon, { icon: faChevronDown })] })), enable && _jsx("div", __assign({ className: "list-section" }, { children: _jsx("ul", __assign({ className: "list-unstyled" }, { children: ((_a = item === null || item === void 0 ? void 0 : item.values) === null || _a === void 0 ? void 0 : _a.length) > 0 ?
-                                (_b = item === null || item === void 0 ? void 0 : item.values) === null || _b === void 0 ? void 0 : _b.map(function (it, no) { return (_jsxs("li", __assign({ className: "d-flex align-items-center flex-wrap ".concat((active === null || active === void 0 ? void 0 : active.includes(it)) ? 'multi-select-li-active' : 'multi-select-li-inactive'), onClick: function (e) { return onFilterChange({ target: { name: item === null || item === void 0 ? void 0 : item.filter, value: it, type: item === null || item === void 0 ? void 0 : item.type } }); } }, { children: [_jsx("div", { style: { width: 10, height: 10, borderRadius: 3, border: '1px solid #bbb', marginRight: 5, background: (active === null || active === void 0 ? void 0 : active.includes(it)) ? '#f29f67' : 'transparent' } }), _jsx("span", __assign({ style: { color: '#000' } }, { children: it }))] }), no)); })
-                                : _jsx("li", { children: "No Data Found" }) })) }))] }), i));
-        }) }));
-};
-export default MultipleSelectDropdown;
+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 __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 React, { useContext, useEffect, useState } from "react";
+import { GraphContext } from "../../../Utility/Contexts";
+import { toast } from "react-toastify";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faChevronDown } from "@fortawesome/free-solid-svg-icons";
+var MultipleSelectDropdown = function (_a) {
+    var _b;
+    var data = _a.data, existFilter = _a.existFilter, isEdit = _a.isEdit;
+    var _c = useState(false), enable = _c[0], setEnable = _c[1];
+    var _d = useState([]), active = _d[0], setActive = _d[1];
+    var _e = useState(0), maxCount = _e[0], setMaxCount = _e[1];
+    var _f = useContext(GraphContext), drawData = _f.drawData, setDrawData = _f.setDrawData;
+    var handleList = function () {
+        if (enable) {
+            setEnable(false);
+        }
+        else {
+            setEnable(true);
+        }
+    };
+    var onFilterChange = function (e) {
+        var _a, _b, _c;
+        try {
+            var _d = e.target, value = _d.value, name_1 = _d.name, type = _d.type;
+            var typeNo = Number(type);
+            if (value) {
+                if ((_a = drawData['apiCall']) === null || _a === void 0 ? void 0 : _a.body) {
+                    var bodyFormat = JSON.parse(drawData['apiCall']['body']);
+                    switch (typeNo) {
+                        case 1:
+                            bodyFormat[name_1] = value;
+                            setActive([value]);
+                            break;
+                        case 2:
+                            if (((_b = bodyFormat[name_1]) === null || _b === void 0 ? void 0 : _b.indexOf(value)) === -1) {
+                                if ((active === null || active === void 0 ? void 0 : active.length) < maxCount) {
+                                    bodyFormat[name_1] = __spreadArray(__spreadArray([], bodyFormat[name_1], true), [value], false);
+                                }
+                            }
+                            else {
+                                bodyFormat[name_1].splice((_c = bodyFormat[name_1]) === null || _c === void 0 ? void 0 : _c.indexOf(value), 1);
+                            }
+                            if ((active === null || active === void 0 ? void 0 : active.indexOf(value)) === -1) {
+                                if ((active === null || active === void 0 ? void 0 : active.length) < maxCount) {
+                                    active.push(value);
+                                }
+                                else {
+                                    toast.error("Selection Exceeded.");
+                                }
+                            }
+                            else {
+                                active.splice(active === null || active === void 0 ? void 0 : active.indexOf(value), 1);
+                            }
+                            setActive(active);
+                            break;
+                        default:
+                            bodyFormat[name_1] = value;
+                            setActive([]);
+                    }
+                    drawData['apiCall']['body'] = JSON.stringify(bodyFormat);
+                    setDrawData(__assign({}, drawData));
+                }
+            }
+        }
+        catch (error) {
+            console.debug(error === null || error === void 0 ? void 0 : error.toString());
+        }
+    };
+    var defaultSelected = function () {
+        var _a, _b, _c;
+        try {
+            var parseFilter = (JSON === null || JSON === void 0 ? void 0 : JSON.parse(existFilter)) || {};
+            if (((_a = Object === null || Object === void 0 ? void 0 : Object.keys(parseFilter)) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                setActive(parseFilter[(_c = (_b = drawData === null || drawData === void 0 ? void 0 : drawData.filters) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.filter]);
+            }
+            else {
+                setActive([]);
+            }
+        }
+        catch (error) {
+            console.debug(error === null || error === void 0 ? void 0 : error.toString());
+        }
+    };
+    var getMaxSelection = function () {
+        var _a, _b, _c;
+        try {
+            var parseFilter = (JSON === null || JSON === void 0 ? void 0 : JSON.parse(existFilter)) || {};
+            setMaxCount(((_c = parseFilter[(_b = (_a = drawData === null || drawData === void 0 ? void 0 : drawData.filters) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.filter]) === null || _c === void 0 ? void 0 : _c.length) || 0);
+        }
+        catch (error) {
+            console.debug(error === null || error === void 0 ? void 0 : error.toString());
+        }
+    };
+    useEffect(function () { defaultSelected(); }, [existFilter]);
+    useEffect(function () { getMaxSelection(); }, []);
+    return (_jsx(React.Fragment, { children: (_b = drawData === null || drawData === void 0 ? void 0 : drawData.filters) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
+            var _a, _b;
+            return (_jsxs("div", __assign({ className: "multiple-select disable", style: { right: isEdit ? '60px' : '2px' } }, { children: [_jsxs("button", __assign({ className: "btn", onClick: handleList }, { children: [(typeof active === 'object' && (active === null || active === void 0 ? void 0 : active.length)) ? "".concat(active === null || active === void 0 ? void 0 : active.length, " Items Selected") : (typeof active === 'string' && active) ? active : 'Select', " ", _jsx(FontAwesomeIcon, { icon: faChevronDown })] })), enable && _jsx("div", __assign({ className: "list-section" }, { children: _jsx("ul", __assign({ className: "list-unstyled" }, { children: ((_a = item === null || item === void 0 ? void 0 : item.values) === null || _a === void 0 ? void 0 : _a.length) > 0 ?
+                                (_b = item === null || item === void 0 ? void 0 : item.values) === null || _b === void 0 ? void 0 : _b.map(function (it, no) { return (_jsxs("li", __assign({ className: "d-flex align-items-center flex-wrap ".concat((active === null || active === void 0 ? void 0 : active.includes(it)) ? 'multi-select-li-active' : 'multi-select-li-inactive'), onClick: function (e) { return onFilterChange({ target: { name: item === null || item === void 0 ? void 0 : item.filter, value: it, type: item === null || item === void 0 ? void 0 : item.type } }); } }, { children: [_jsx("div", { style: { width: 10, height: 10, borderRadius: 3, border: '1px solid #bbb', marginRight: 5, background: (active === null || active === void 0 ? void 0 : active.includes(it)) ? '#f29f67' : 'transparent' } }), _jsx("span", __assign({ style: { color: '#000' } }, { children: it }))] }), no)); })
+                                : _jsx("li", { children: "No Data Found" }) })) }))] }), i));
+        }) }));
+};
+export default MultipleSelectDropdown;

package/dist/Components/Common/NotFound/index.js

@@ -1,19 +1,19 @@
-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 { faCircleExclamation } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import './index.css';
-var NotFoundComponent = function () {
-    return (_jsxs("div", __assign({ className: "not-found-componet" }, { children: [_jsx(FontAwesomeIcon, { icon: faCircleExclamation, size: "2x", className: "nf-icon", color: "red" }), _jsx("p", { children: "Oops! Data Not Found." })] })));
-};
-export default NotFoundComponent;
+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 { faCircleExclamation } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import './index.css';
+var NotFoundComponent = function () {
+    return (_jsxs("div", __assign({ className: "not-found-componet" }, { children: [_jsx(FontAwesomeIcon, { icon: faCircleExclamation, size: "2x", className: "nf-icon", color: "red" }), _jsx("p", { children: "Oops! Data Not Found." })] })));
+};
+export default NotFoundComponent;

package/dist/Components/Common/Title/Form.js

@@ -1,36 +1,36 @@
-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, useState } from 'react';
-import { PopUpContext } from '../../../Utility/Contexts';
-var LayoutTitleConfigForm = function (props) {
-    var _a, _b, _c, _d, _e;
-    var _f = useState((_a = props === null || props === void 0 ? void 0 : props.data) === null || _a === void 0 ? void 0 : _a.gData), data = _f[0], setData = _f[1];
-    var setTitle = useContext(PopUpContext).setTitle;
-    var handleChange = function (e, field) {
-        var _a = e.target, name = _a.name, value = _a.value;
-        if (field === 'customStyles') {
-            data[field]['div'][name] = value;
-        }
-        else {
-            data[name] = value;
-        }
-        setData(__assign({}, data));
-        setTitle(__assign({}, data));
-    };
-    return (_jsxs("div", __assign({ className: 'popup-model-form' }, { children: [((_c = (_b = props === null || props === void 0 ? void 0 : props.data) === null || _b === void 0 ? void 0 : _b.gData) === null || _c === void 0 ? void 0 : _c.name) &&
-                _jsxs("div", __assign({ className: 'form-group d-flex' }, { children: [_jsx("label", __assign({ className: 'subtitle' }, { children: "Title:" })), _jsx("input", { type: 'text', name: 'name', value: data === null || data === void 0 ? void 0 : data.name, className: 'form-control', onChange: function (e) { return handleChange(e); } })] })), (_e = Object.keys((_d = data === null || data === void 0 ? void 0 : data.customStyles) === null || _d === void 0 ? void 0 : _d.div)) === null || _e === void 0 ? void 0 : _e.map(function (st, sn) {
-                var _a, _b;
-                return (_jsxs("div", __assign({ className: 'form-group d-flex' }, { children: [_jsxs("label", { children: ["Title ", st, ":"] }), _jsx("input", { type: 'text', name: st, value: (_b = (_a = data === null || data === void 0 ? void 0 : data.customStyles) === null || _a === void 0 ? void 0 : _a.div) === null || _b === void 0 ? void 0 : _b[st], className: 'form-control', onChange: function (e) { return handleChange(e, 'customStyles'); } })] }), sn));
-            })] })));
-};
-export default LayoutTitleConfigForm;
+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, useState } from 'react';
+import { PopUpContext } from '../../../Utility/Contexts';
+var LayoutTitleConfigForm = function (props) {
+    var _a, _b, _c, _d, _e;
+    var _f = useState((_a = props === null || props === void 0 ? void 0 : props.data) === null || _a === void 0 ? void 0 : _a.gData), data = _f[0], setData = _f[1];
+    var setTitle = useContext(PopUpContext).setTitle;
+    var handleChange = function (e, field) {
+        var _a = e.target, name = _a.name, value = _a.value;
+        if (field === 'customStyles') {
+            data[field]['div'][name] = value;
+        }
+        else {
+            data[name] = value;
+        }
+        setData(__assign({}, data));
+        setTitle(__assign({}, data));
+    };
+    return (_jsxs("div", __assign({ className: 'popup-model-form' }, { children: [((_c = (_b = props === null || props === void 0 ? void 0 : props.data) === null || _b === void 0 ? void 0 : _b.gData) === null || _c === void 0 ? void 0 : _c.name) &&
+                _jsxs("div", __assign({ className: 'form-group d-flex' }, { children: [_jsx("label", __assign({ className: 'subtitle' }, { children: "Title:" })), _jsx("input", { type: 'text', name: 'name', value: data === null || data === void 0 ? void 0 : data.name, className: 'form-control', onChange: function (e) { return handleChange(e); } })] })), (_e = Object.keys((_d = data === null || data === void 0 ? void 0 : data.customStyles) === null || _d === void 0 ? void 0 : _d.div)) === null || _e === void 0 ? void 0 : _e.map(function (st, sn) {
+                var _a, _b;
+                return (_jsxs("div", __assign({ className: 'form-group d-flex' }, { children: [_jsxs("label", { children: ["Title ", st, ":"] }), _jsx("input", { type: 'text', name: st, value: (_b = (_a = data === null || data === void 0 ? void 0 : data.customStyles) === null || _a === void 0 ? void 0 : _a.div) === null || _b === void 0 ? void 0 : _b[st], className: 'form-control', onChange: function (e) { return handleChange(e, 'customStyles'); } })] }), sn));
+            })] })));
+};
+export default LayoutTitleConfigForm;

package/dist/Components/Common/Title/Styles.js

@@ -1,16 +1,16 @@
-export var LayoutTitleStyles = function () {
-    return {
-        div: {
-            padding: '10px 0 10px 0',
-            display: 'flex',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-            flexWrap: 'wrap',
-            background: 'transparent',
-            color: '#000',
-            borderRadius: 5,
-            boxShadow: '0 0',
-            fontSize: '15px'
-        }
-    };
-};
+export var LayoutTitleStyles = function () {
+    return {
+        div: {
+            padding: '10px 0 10px 0',
+            display: 'flex',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            flexWrap: 'wrap',
+            background: 'transparent',
+            color: '#000',
+            borderRadius: 5,
+            boxShadow: '0 0',
+            fontSize: '15px'
+        }
+    };
+};