coject 1.2.29 → 1.3.0

package/README.md

@@ -42,6 +42,10 @@ $ npm i @emotion/react @emotion/styled @mui/icons-material @mui/material @mui/x-
 // yarn install
 $ yarn add @emotion/react @emotion/styled @mui/icons-material @mui/material @mui/x-data-grid @mui/x-date-pickers @types/moment @types/moment-hijri coject moment moment-hijri react-hook-form react-toastify tss-react axios
 ```
+```html
+<!-- Add Font In /public/index.html Head -->
+<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+```
 
 ### Important
 1. Create `.env` File In The Same Directory Where Your `package.json` Is

package/dist/cjs/Builder/Dashboard/index.d.ts

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from "react";
+interface iDashboard {
+    logo?: any;
+    icon?: any;
+    menus?: any;
+    search?: boolean;
+    children?: ReactNode;
+    copyRight?: ReactNode;
+    languages?: ("ar" | "en" | string)[];
+    mobMenus?: ("menu" | "footer" | "subMenu" | "sidebar")[];
+}
+export declare const Dashboard: FC<iDashboard>;
+export {};

package/dist/cjs/Builder/Dashboard/index.js

@@ -0,0 +1,50 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dashboard = void 0;
+const react_1 = __importStar(require("react"));
+// Material UI
+const material_1 = require("@mui/material");
+// Components
+const Builder_1 = require("../../Builder");
+// Styles
+const theme_1 = __importDefault(require("./theme"));
+const Dashboard = ({ menus, logo, icon, search, languages, mobMenus, copyRight, children }) => {
+    const { classes } = (0, theme_1.default)();
+    const [menusList, setMenusList] = (0, react_1.useState)(menus);
+    const [sidebar, setSidebar] = (0, react_1.useState)(true);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.Box, { className: classes.root },
+            react_1.default.createElement(Builder_1.Header, { sidebar: sidebar, setSidebar: setSidebar, menus: menusList, setMenus: setMenusList, logo: logo, icon: icon, search: search, languages: languages, mobMenus: mobMenus }),
+            react_1.default.createElement(Builder_1.Sidebar, { sidebar: sidebar, menus: menusList, setMenus: setMenusList }),
+            react_1.default.createElement(material_1.Box, { className: `${classes.pages} ${!sidebar ? classes.closeSidebar : ""}` },
+                children,
+                react_1.default.createElement(Builder_1.Footer, { menus: menusList, setMenus: setMenusList, copyRight: copyRight })))));
+};
+exports.Dashboard = Dashboard;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Builder/Dashboard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Builder/Dashboard/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AAEvD,cAAc;AACd,4CAAoC;AAEpC,aAAa;AACb,2CAAwD;AAExD,SAAS;AACT,oDAAgC;AAczB,MAAM,SAAS,GAAmB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjH,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,eAAS,GAAE,CAAC;IAChC,MAAM,CAAE,SAAS,EAAE,YAAY,CAAE,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAE,OAAO,EAAE,UAAU,CAAE,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAE/C,OAAO,CACH,8BAAC,eAAK,CAAC,QAAQ;QACX,8BAAC,cAAG,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;YACxB,8BAAC,gBAAM,IAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAI;YAChL,8BAAC,iBAAO,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,GAAI;YACvE,8BAAC,cAAG,IAAC,SAAS,EAAE,GAAG,OAAO,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE;gBACrE,QAAQ;gBACT,8BAAC,gBAAM,IAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CACxE,CACJ,CACO,CACpB,CAAC;AACN,CAAC,CAAA;AAjBY,QAAA,SAAS,aAiBrB"}

package/dist/cjs/Builder/Dashboard/theme.d.ts

@@ -0,0 +1,10 @@
+declare const useStyles: (params: void, muiStyleOverridesParams?: {
+    props: Record<string, unknown>;
+    ownerState?: Record<string, unknown> | undefined;
+} | undefined) => {
+    classes: Record<"root" | "pages" | "closeSidebar", string>;
+    theme: import("@mui/material").Theme;
+    css: import("tss-react/types").Css;
+    cx: import("tss-react/types").Cx;
+};
+export default useStyles;

package/dist/cjs/Builder/Dashboard/theme.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const mui_1 = require("tss-react/mui");
+const useStyles = (0, mui_1.makeStyles)()((theme) => {
+    return {
+        root: {
+            display: "flex",
+            marginTop: "70px",
+            overflow: "hidden",
+            minHeight: "calc(100vh - 70px)",
+            backgroundColor: theme.palette.secondary.light,
+            "& a": {
+                color: "inherit",
+                textTransform: "capitalize"
+            }
+        },
+        pages: {
+            display: "flex",
+            overflow: "auto",
+            alignItems: "center",
+            flexDirection: "column",
+            width: "calc(100vw - 280px)",
+            height: "calc(100vh - 70px)",
+            flex: "1 0 calc(100% - 280px)",
+            justifyContent: "space-between",
+            transition: "width 225ms cubic-bezier(0.4, 0, 0.6, 1) 0ms",
+            [theme.breakpoints.down('md')]: {
+                width: "100vw",
+                flex: "1 0 100%"
+            }
+        },
+        closeSidebar: {
+            width: "calc(100vw - 70px) !important"
+        }
+    };
+});
+exports.default = useStyles;
+//# sourceMappingURL=theme.js.map

package/dist/cjs/Builder/Dashboard/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Builder/Dashboard/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,MAAM;YACjB,QAAQ,EAAE,QAAQ;YAClB,SAAS,EAAE,oBAAoB;YAC/B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK;YAC9C,KAAK,EAAE;gBACH,KAAK,EAAE,SAAS;gBAChB,aAAa,EAAE,YAAY;aAC9B;SACJ;QACD,KAAK,EAAE;YACH,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,QAAQ;YACvB,KAAK,EAAE,qBAAqB;YAC5B,MAAM,EAAE,oBAAoB;YAC5B,IAAI,EAAE,wBAAwB;YAC9B,cAAc,EAAE,eAAe;YAC/B,UAAU,EAAE,8CAA8C;YAC1D,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;gBAC5B,KAAK,EAAE,OAAO;gBACd,IAAI,EAAE,UAAU;aACnB;SACJ;QACD,YAAY,EAAE;YACV,KAAK,EAAE,+BAA+B;SACzC;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}

package/dist/cjs/Builder/Footer/index.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from "react";
+interface iFooter {
+    menus?: any;
+    setMenus?: any;
+    copyRight?: ReactNode;
+}
+export declare const Footer: FC<iFooter>;
+export {};

package/dist/cjs/Builder/Footer/index.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Footer = void 0;
+const react_1 = __importDefault(require("react"));
+// Material UI
+const material_1 = require("@mui/material");
+// Coject
+const Components_1 = require("../../Components");
+// Styles
+const theme_1 = __importDefault(require("./theme"));
+const Footer = ({ menus, setMenus, copyRight }) => {
+    const { classes } = (0, theme_1.default)();
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.Box, { className: classes.root },
+            copyRight &&
+                react_1.default.createElement(material_1.Box, { className: classes.copyRight }, copyRight),
+            menus && !!Object.keys(menus).length && menus.footer && !!menus.footer.length &&
+                react_1.default.createElement(material_1.List, { className: classes.menuList, sx: { display: { xs: "none", md: "flex" } } }, menus.footer.map((listItem, index) => {
+                    const ItemIcon = listItem.icon && Components_1.Icons[listItem.icon];
+                    return (react_1.default.createElement(material_1.ListItem, { key: index },
+                        react_1.default.createElement(material_1.Button, { ...(listItem.link ? { href: listItem.link } : {}), onClick: () => listItem.onClick && listItem.onClick(setMenus) },
+                            listItem.image && react_1.default.createElement("img", { src: listItem.image, alt: listItem.label }),
+                            ItemIcon ? react_1.default.createElement(ItemIcon, null) : "",
+                            !listItem.noLabel && listItem.label)));
+                })))));
+};
+exports.Footer = Footer;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Builder/Footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Builder/Footer/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA6C;AAE7C,cAAc;AACd,4CAA4D;AAE5D,SAAS;AACT,iDAAyC;AAEzC,SAAS;AACT,oDAAgC;AASzB,MAAM,MAAM,GAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IAClE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,eAAS,GAAE,CAAC;IAEhC,OAAO,CACH,8BAAC,eAAK,CAAC,QAAQ;QACX,8BAAC,cAAG,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;YACtB,SAAS;gBACP,8BAAC,cAAG,IAAC,SAAS,EAAE,OAAO,CAAC,SAAS,IAAG,SAAS,CAAO;YAEtD,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;gBAC3E,8BAAC,eAAI,IAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,IACxE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,QAAa,EAAE,KAAa,EAAE,EAAE;oBAChD,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,IAAI,kBAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;oBACvD,OAAO,CACH,8BAAC,mBAAQ,IAAC,GAAG,EAAE,KAAK;wBAChB,8BAAC,iBAAM,OAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;4BAClH,QAAQ,CAAC,KAAK,IAAI,uCAAK,GAAG,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,KAAK,GAAI;4BACnE,QAAQ,CAAC,CAAC,CAAC,8BAAC,QAAQ,OAAG,CAAC,CAAC,CAAC,EAAE;4BAC5B,CAAC,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,KAAK,CAC/B,CACF,CACd,CAAA;gBACL,CAAC,CAAC,CACC,CAET,CACO,CACpB,CAAC;AACN,CAAC,CAAA;AA5BY,QAAA,MAAM,UA4BlB"}

package/dist/cjs/Builder/Footer/theme.d.ts

@@ -0,0 +1,10 @@
+declare const useStyles: (params: void, muiStyleOverridesParams?: {
+    props: Record<string, unknown>;
+    ownerState?: Record<string, unknown> | undefined;
+} | undefined) => {
+    classes: Record<"root" | "menuList" | "copyRight", string>;
+    theme: import("@mui/material").Theme;
+    css: import("tss-react/types").Css;
+    cx: import("tss-react/types").Cx;
+};
+export default useStyles;

package/dist/cjs/Builder/Footer/theme.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const mui_1 = require("tss-react/mui");
+const useStyles = (0, mui_1.makeStyles)()((theme) => {
+    return {
+        root: {
+            width: "100%",
+            height: "50px",
+            display: "flex",
+            flex: "1 0 50px",
+            padding: "0 22px",
+            alignItems: "center",
+            justifyContent: "space-between",
+            backgroundColor: theme.palette.grey[300],
+            color: theme.palette.secondary.contrastText,
+            boxShadow: "0px 10px 30px 0px rgba(82, 63, 105, 0.05);",
+            [theme.breakpoints.down('md')]: {
+                justifyContent: "center"
+            }
+        },
+        copyRight: {
+            display: "flex",
+            alignItems: "center",
+            "& p": {
+                margin: 0,
+                fontSize: "13px",
+                lineHeight: "13px",
+                color: theme.palette.grey[600]
+            },
+            "& a, & button": {
+                margin: 0,
+                padding: "0 3px",
+                fontSize: "13px",
+                lineHeight: "13px",
+                fontWeight: "bolder",
+                textDecoration: "none",
+                textTransform: "capitalize",
+                transition: "color .2s ease",
+                color: theme.palette.grey[600],
+                "&:hover": {
+                    color: theme.palette.primary.main + "!important"
+                }
+            }
+        },
+        menuList: {
+            gap: 16,
+            display: "flex",
+            alignItems: "center",
+            padding: "0 !important",
+            "& li": {
+                padding: 0,
+                "& a, & button": {
+                    gap: 3,
+                    padding: 0,
+                    minWidth: "auto",
+                    fontSize: "13px",
+                    lineHeight: "13px",
+                    whiteSpace: "nowrap",
+                    transition: "color .2s ease",
+                    color: theme.palette.grey[600],
+                    backgroundColor: "transparent !important",
+                    "& svg": {
+                        width: "22px",
+                        height: "22px"
+                    },
+                    "& img": {
+                        width: "22px",
+                        objectFit: "cover"
+                    }
+                },
+                "&:hover a, &:hover button": {
+                    color: theme.palette.primary.main + "!important"
+                }
+            }
+        }
+    };
+});
+exports.default = useStyles;
+//# sourceMappingURL=theme.js.map

package/dist/cjs/Builder/Footer/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Builder/Footer/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,QAAQ;YACjB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;YAC/B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACxC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,YAAY;YAC3C,SAAS,EAAE,4CAA4C;YACvD,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;gBAC5B,cAAc,EAAE,QAAQ;aAC3B;SACJ;QACD,SAAS,EAAE;YACP,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,KAAK,EAAE;gBACH,MAAM,EAAE,CAAC;gBACT,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,MAAM;gBAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;aACjC;YACD,eAAe,EAAE;gBACb,MAAM,EAAE,CAAC;gBACT,OAAO,EAAE,OAAO;gBAChB,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,MAAM;gBAClB,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,MAAM;gBACtB,aAAa,EAAE,YAAY;gBAC3B,UAAU,EAAE,gBAAgB;gBAC5B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;gBAC9B,SAAS,EAAE;oBACP,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,GAAG,YAAY;iBACnD;aACJ;SACJ;QACD,QAAQ,EAAE;YACN,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,cAAc;YACvB,MAAM,EAAE;gBACJ,OAAO,EAAE,CAAC;gBACV,eAAe,EAAE;oBACb,GAAG,EAAE,CAAC;oBACN,OAAO,EAAE,CAAC;oBACV,QAAQ,EAAE,MAAM;oBAChB,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,MAAM;oBAClB,UAAU,EAAE,QAAQ;oBACpB,UAAU,EAAE,gBAAgB;oBAC5B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;oBAC9B,eAAe,EAAE,wBAAwB;oBACzC,OAAO,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;qBACjB;oBACD,OAAO,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,SAAS,EAAE,OAAO;qBACrB;iBACJ;gBACD,2BAA2B,EAAE;oBACzB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,GAAG,YAAY;iBACnD;aACJ;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}

package/dist/cjs/Builder/Header/dskHeader/index.d.ts

@@ -0,0 +1,13 @@
+import { FC } from "react";
+interface DskHeaderInterface {
+    logo?: any;
+    icon?: any;
+    menus?: any;
+    setMenus?: any;
+    setSidebar?: any;
+    search?: boolean;
+    sidebar?: boolean;
+    languages?: ("ar" | "en" | string)[];
+}
+export declare const DskHeader: FC<DskHeaderInterface>;
+export {};

package/dist/cjs/Builder/Header/dskHeader/index.js

@@ -0,0 +1,128 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DskHeader = void 0;
+const react_1 = __importStar(require("react"));
+// Material UI
+const material_1 = require("@mui/material");
+// Coject
+const Components_1 = require("../../../Components");
+// Styles
+const theme_1 = __importDefault(require("../theme"));
+const DskHeader = ({ logo, icon, search, languages, menus, setMenus, sidebar, setSidebar }) => {
+    const { classes } = (0, theme_1.default)();
+    const [menuList, setMenuList] = (0, react_1.useState)({});
+    const [languageValue, setLanguageValue] = (0, react_1.useState)("en");
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.Box, { className: classes.dskHeader },
+            react_1.default.createElement(material_1.Box, { className: `${classes.dskLogo} ${!sidebar ? classes.closedDskLogo : ""}` }, sidebar
+                ? react_1.default.createElement("img", { onClick: () => window.location.href = "/", src: logo, alt: "Logo" })
+                : react_1.default.createElement("img", { onClick: () => window.location.href = "/", src: icon, alt: "Logo" })),
+            react_1.default.createElement(material_1.Box, { className: `${classes.dskMenu} ${!sidebar ? classes.closedDskMenu : ""}` },
+                react_1.default.createElement(material_1.List, { className: classes.menuList },
+                    react_1.default.createElement(material_1.ListItem, null,
+                        react_1.default.createElement(material_1.Button, { onClick: () => setSidebar(!sidebar) },
+                            react_1.default.createElement(Components_1.Icons.Menu, null))),
+                    search &&
+                        react_1.default.createElement(material_1.ListItem, null,
+                            react_1.default.createElement(material_1.Box, { className: classes.dskSearch },
+                                react_1.default.createElement(material_1.IconButton, null,
+                                    react_1.default.createElement(Components_1.Icons.Search, null)),
+                                react_1.default.createElement(material_1.TextField, { placeholder: "Search" }))),
+                    menus && !!Object.keys(menus).length && menus.menu && !!menus.menu.length && menus.menu.map((listItem, index) => {
+                        const ItemIcon = listItem.icon && Components_1.Icons[listItem.icon];
+                        if (listItem.children && !!listItem.children.length) {
+                            return (react_1.default.createElement(material_1.ListItem, { key: index },
+                                react_1.default.createElement(material_1.Button, { onClick: (e) => setMenuList({ [((listItem.label).toLowerCase()).replaceAll(" ", "_")]: e.currentTarget }) },
+                                    listItem.image && react_1.default.createElement("img", { src: listItem.image, alt: listItem.label }),
+                                    ItemIcon ? react_1.default.createElement(ItemIcon, null) : "",
+                                    !listItem.noLabel && listItem.label,
+                                    !listItem.noArrow && react_1.default.createElement(Components_1.Icons.ExpandMore, null)),
+                                menuList && !!Object.keys(menuList).length &&
+                                    react_1.default.createElement(material_1.Menu, { className: classes.subMenuList, anchorEl: menuList && Object.keys(menuList).length && menuList[((listItem.label).toLowerCase()).replaceAll(" ", "_")], open: Boolean(menuList[((listItem.label).toLowerCase()).replaceAll(" ", "_")]), onClose: () => setMenuList({}), transformOrigin: { horizontal: 'left', vertical: 'top' }, anchorOrigin: { horizontal: 'left', vertical: 'bottom' } },
+                                        react_1.default.createElement(material_1.Box, { className: classes.subListMenu, onMouseLeave: () => setMenuList({}) },
+                                            react_1.default.createElement(material_1.Box, { className: classes.subMenuContent }, listItem.children.map((childListItem, childIndex) => {
+                                                const ChildItemIcon = childListItem.icon && Components_1.Icons[childListItem.icon];
+                                                return (react_1.default.createElement(material_1.MenuItem, { key: childIndex, component: material_1.Button, ...(childListItem.link ? { href: childListItem.link } : {}), onClick: () => { setMenuList({}); childListItem.onClick && childListItem.onClick(setMenus); } },
+                                                    childListItem.image && react_1.default.createElement("img", { src: childListItem.image, alt: childListItem.label }),
+                                                    ChildItemIcon ? react_1.default.createElement(ChildItemIcon, null) : "",
+                                                    !childListItem.noLabel && childListItem.label));
+                                            }))))));
+                        }
+                        else {
+                            return (react_1.default.createElement(material_1.ListItem, { key: index },
+                                react_1.default.createElement(material_1.Button, { ...(listItem.link ? { href: listItem.link } : {}), onClick: () => listItem.onClick && listItem.onClick(setMenus) },
+                                    listItem.image && react_1.default.createElement("img", { src: listItem.image, alt: listItem.label }),
+                                    ItemIcon ? react_1.default.createElement(ItemIcon, null) : "",
+                                    !listItem.noLabel && listItem.label)));
+                        }
+                    })),
+                react_1.default.createElement(material_1.List, { className: classes.menuList, style: { justifyContent: "flex-end" } },
+                    languages && !!languages.length &&
+                        react_1.default.createElement(material_1.MenuItem, null,
+                            react_1.default.createElement(material_1.Button, { onClick: (e) => setMenuList({ languages: e.currentTarget }) },
+                                react_1.default.createElement("img", { src: process.env.PUBLIC_URL + `${'/images/lang/' + languageValue + '.jpg'}`, alt: languageValue })),
+                            react_1.default.createElement(material_1.Menu, { className: classes.subMenuList, anchorEl: menuList && Object.keys(menuList).length && menuList?.languages, open: Boolean(menuList?.languages), onClose: () => setMenuList({}), transformOrigin: { horizontal: 'right', vertical: 'top' }, anchorOrigin: { horizontal: 'right', vertical: 'bottom' } },
+                                react_1.default.createElement(material_1.Box, { className: classes.subListMenu, onMouseLeave: () => setMenuList({}) },
+                                    react_1.default.createElement(material_1.Box, { className: classes.subMenuContent }, languages.map((language, index) => {
+                                        return (react_1.default.createElement(material_1.MenuItem, { key: index, component: material_1.Button, onClick: () => { setMenuList({}); setLanguageValue(language); } },
+                                            react_1.default.createElement("img", { src: process.env.PUBLIC_URL + `${'/images/lang/' + language + '.jpg'}`, alt: language }),
+                                            language === "ar" ? "Arabic" : "",
+                                            language === "en" ? "English" : ""));
+                                    }))))),
+                    menus && !!Object.keys(menus).length && menus.subMenu && !!menus.subMenu.length && menus.subMenu.map((listItem, index) => {
+                        const ItemIcon = listItem.icon && Components_1.Icons[listItem.icon];
+                        if (listItem.children && !!listItem.children.length) {
+                            return (react_1.default.createElement(material_1.ListItem, { key: index },
+                                react_1.default.createElement(material_1.Button, { onClick: (e) => setMenuList({ [((listItem.label).toLowerCase()).replaceAll(" ", "_")]: e.currentTarget }) },
+                                    listItem.image && react_1.default.createElement("img", { src: listItem.image, alt: listItem.label }),
+                                    ItemIcon ? react_1.default.createElement(ItemIcon, null) : "",
+                                    !listItem.noLabel && listItem.label,
+                                    !listItem.noArrow && react_1.default.createElement(Components_1.Icons.ExpandMore, null)),
+                                menuList && !!Object.keys(menuList).length &&
+                                    react_1.default.createElement(material_1.Menu, { className: classes.subMenuList, anchorEl: menuList && Object.keys(menuList).length && menuList[((listItem.label).toLowerCase()).replaceAll(" ", "_")], open: Boolean(menuList[((listItem.label).toLowerCase()).replaceAll(" ", "_")]), onClose: () => setMenuList({}), transformOrigin: { horizontal: 'right', vertical: 'top' }, anchorOrigin: { horizontal: 'right', vertical: 'bottom' } },
+                                        react_1.default.createElement(material_1.Box, { className: classes.subListMenu, onMouseLeave: () => setMenuList({}) },
+                                            react_1.default.createElement(material_1.Box, { className: classes.subMenuContent }, listItem.children.map((childListItem, childIndex) => {
+                                                const ChildItemIcon = childListItem.icon && Components_1.Icons[childListItem.icon];
+                                                return (react_1.default.createElement(material_1.MenuItem, { key: childIndex, component: material_1.Button, ...(childListItem.link ? { href: childListItem.link } : {}), onClick: () => { setMenuList({}); childListItem.onClick && childListItem.onClick(setMenus); } },
+                                                    childListItem.image && react_1.default.createElement("img", { src: childListItem.image, alt: childListItem.label }),
+                                                    ChildItemIcon ? react_1.default.createElement(ChildItemIcon, null) : "",
+                                                    !childListItem.noLabel && childListItem.label));
+                                            }))))));
+                        }
+                        else {
+                            return (react_1.default.createElement(material_1.ListItem, { key: index },
+                                react_1.default.createElement(material_1.Button, { ...(listItem.link ? { href: listItem.link } : {}), onClick: () => listItem.onClick && listItem.onClick(setMenus) },
+                                    listItem.image && react_1.default.createElement("img", { src: listItem.image, alt: listItem.label }),
+                                    ItemIcon ? react_1.default.createElement(ItemIcon, null) : "",
+                                    !listItem.noLabel && listItem.label)));
+                        }
+                    }))))));
+};
+exports.DskHeader = DskHeader;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Builder/Header/dskHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../resources/Builder/Header/dskHeader/index.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Builder/Header/index.d.ts

@@ -0,0 +1,14 @@
+import { FC } from "react";
+interface HeaderInterface {
+    logo?: any;
+    icon?: any;
+    menus?: any;
+    setMenus?: any;
+    setSidebar?: any;
+    search?: boolean;
+    sidebar?: boolean;
+    languages?: ("ar" | "en" | string)[];
+    mobMenus?: ("menu" | "footer" | "subMenu" | "sidebar")[];
+}
+export declare const Header: FC<HeaderInterface>;
+export {};

package/dist/cjs/Builder/Header/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
+const react_1 = __importDefault(require("react"));
+// Material UI
+const material_1 = require("@mui/material");
+// Components
+const dskHeader_1 = require("./dskHeader");
+const mobHeader_1 = require("./mobHeader");
+const Header = ({ logo, icon, search, languages, mobMenus, menus, sidebar, setSidebar, setMenus }) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.Box, { sx: { display: { xs: "none", md: "flex" } } },
+            react_1.default.createElement(dskHeader_1.DskHeader, { sidebar: sidebar, setSidebar: setSidebar, menus: menus, logo: logo, icon: icon, search: search, languages: languages, setMenus: setMenus })),
+        react_1.default.createElement(material_1.Box, { sx: { display: { xs: "flex", md: "none" } } },
+            react_1.default.createElement(mobHeader_1.MobHeader, { logo: logo, icon: icon, search: search, languages: languages, mobMenus: mobMenus, setMenus: setMenus, menus: menus }))));
+};
+exports.Header = Header;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Builder/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Builder/Header/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAkC;AAElC,cAAc;AACd,4CAAoC;AAEpC,aAAa;AACb,2CAAwC;AACxC,2CAAwC;AAejC,MAAM,MAAM,GAAwB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7H,OAAO,CACH,8BAAC,eAAK,CAAC,QAAQ;QACX,8BAAC,cAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE;YAC5C,8BAAC,qBAAS,IAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACrJ;QACN,8BAAC,cAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE;YAC5C,8BAAC,qBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAC/H,CACO,CACpB,CAAC;AACN,CAAC,CAAC;AAXW,QAAA,MAAM,UAWjB"}

package/dist/cjs/Builder/Header/mobHeader/index.d.ts

@@ -0,0 +1,12 @@
+import { FC } from "react";
+interface iMobHeader {
+    logo?: any;
+    icon?: any;
+    menus?: any;
+    setMenus?: any;
+    search?: boolean;
+    languages?: ("ar" | "en" | string)[];
+    mobMenus?: ("menu" | "footer" | "subMenu" | "sidebar")[];
+}
+export declare const MobHeader: FC<iMobHeader>;
+export {};