coject 2.0.0 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Builder/Dashboard/index.d.ts +21 -0
- package/dist/cjs/Builder/Dashboard/index.js +54 -0
- package/dist/cjs/Builder/Dashboard/index.js.map +1 -0
- package/dist/cjs/Builder/Dashboard/theme.d.ts +10 -0
- package/dist/cjs/Builder/Dashboard/theme.js +38 -0
- package/dist/cjs/Builder/Dashboard/theme.js.map +1 -0
- package/dist/cjs/Builder/Footer/index.d.ts +8 -0
- package/dist/cjs/Builder/Footer/index.js +31 -0
- package/dist/cjs/Builder/Footer/index.js.map +1 -0
- package/dist/cjs/Builder/Footer/theme.d.ts +10 -0
- package/dist/cjs/Builder/Footer/theme.js +79 -0
- package/dist/cjs/Builder/Footer/theme.js.map +1 -0
- package/dist/cjs/Builder/Header/dskHeader/index.d.ts +21 -0
- package/dist/cjs/Builder/Header/dskHeader/index.js +152 -0
- package/dist/cjs/Builder/Header/dskHeader/index.js.map +1 -0
- package/dist/cjs/Builder/Header/index.d.ts +22 -0
- package/dist/cjs/Builder/Header/index.js +21 -0
- package/dist/cjs/Builder/Header/index.js.map +1 -0
- package/dist/cjs/Builder/Header/mobHeader/index.d.ts +20 -0
- package/dist/cjs/Builder/Header/mobHeader/index.js +171 -0
- package/dist/cjs/Builder/Header/mobHeader/index.js.map +1 -0
- package/dist/cjs/Builder/Header/theme.d.ts +10 -0
- package/dist/cjs/Builder/Header/theme.js +464 -0
- package/dist/cjs/Builder/Header/theme.js.map +1 -0
- package/dist/cjs/Builder/Page/index.d.ts +7 -0
- package/dist/cjs/Builder/Page/index.js +22 -0
- package/dist/cjs/Builder/Page/index.js.map +1 -0
- package/dist/cjs/Builder/Page/theme.d.ts +10 -0
- package/dist/cjs/Builder/Page/theme.js +29 -0
- package/dist/cjs/Builder/Page/theme.js.map +1 -0
- package/dist/cjs/Builder/Sidebar/MaxSidebar/index.d.ts +7 -0
- package/dist/cjs/Builder/Sidebar/MaxSidebar/index.js +75 -0
- package/dist/cjs/Builder/Sidebar/MaxSidebar/index.js.map +1 -0
- package/dist/cjs/Builder/Sidebar/MinSidebar/index.d.ts +7 -0
- package/dist/cjs/Builder/Sidebar/MinSidebar/index.js +70 -0
- package/dist/cjs/Builder/Sidebar/MinSidebar/index.js.map +1 -0
- package/dist/cjs/Builder/Sidebar/index.d.ts +8 -0
- package/dist/cjs/Builder/Sidebar/index.js +24 -0
- package/dist/cjs/Builder/Sidebar/index.js.map +1 -0
- package/dist/cjs/Builder/Sidebar/theme.d.ts +10 -0
- package/dist/cjs/Builder/Sidebar/theme.js +218 -0
- package/dist/cjs/Builder/Sidebar/theme.js.map +1 -0
- package/dist/cjs/Builder/index.d.ts +5 -0
- package/dist/cjs/Builder/index.js +19 -0
- package/dist/cjs/Builder/index.js.map +1 -0
- package/dist/cjs/Builder/theme.d.ts +2 -0
- package/dist/cjs/Builder/theme.js +28 -0
- package/dist/cjs/Builder/theme.js.map +1 -0
- package/dist/cjs/Components/Button/index.d.ts +3 -0
- package/dist/cjs/Components/Button/index.js +19 -0
- package/dist/cjs/Components/Button/index.js.map +1 -0
- package/dist/cjs/Components/Button/theme.d.ts +10 -0
- package/dist/cjs/Components/Button/theme.js +22 -0
- package/dist/cjs/Components/Button/theme.js.map +1 -0
- package/dist/cjs/Components/Checkbox/index.d.ts +14 -0
- package/dist/cjs/Components/Checkbox/index.js +74 -0
- package/dist/cjs/Components/Checkbox/index.js.map +1 -0
- package/dist/cjs/Components/Checkbox/theme.d.ts +10 -0
- package/dist/cjs/Components/Checkbox/theme.js +38 -0
- package/dist/cjs/Components/Checkbox/theme.js.map +1 -0
- package/dist/cjs/Components/DatePicker/index.d.ts +21 -0
- package/dist/cjs/Components/DatePicker/index.js +90 -0
- package/dist/cjs/Components/DatePicker/index.js.map +1 -0
- package/dist/cjs/Components/DatePicker/theme.d.ts +10 -0
- package/dist/cjs/Components/DatePicker/theme.js +56 -0
- package/dist/cjs/Components/DatePicker/theme.js.map +1 -0
- package/dist/cjs/Components/Form/index.d.ts +58 -0
- package/dist/cjs/Components/Form/index.js +84 -0
- package/dist/cjs/Components/Form/index.js.map +1 -0
- package/dist/cjs/Components/Form/theme.d.ts +10 -0
- package/dist/cjs/Components/Form/theme.js +16 -0
- package/dist/cjs/Components/Form/theme.js.map +1 -0
- package/dist/cjs/Components/Grid/index.d.ts +85 -0
- package/dist/cjs/Components/Grid/index.js +213 -0
- package/dist/cjs/Components/Grid/index.js.map +1 -0
- package/dist/cjs/Components/Grid/theme.d.ts +10 -0
- package/dist/cjs/Components/Grid/theme.js +62 -0
- package/dist/cjs/Components/Grid/theme.js.map +1 -0
- package/dist/cjs/Components/Input/index.d.ts +33 -0
- package/dist/cjs/Components/Input/index.js +111 -0
- package/dist/cjs/Components/Input/index.js.map +1 -0
- package/dist/cjs/Components/Input/theme.d.ts +10 -0
- package/dist/cjs/Components/Input/theme.js +46 -0
- package/dist/cjs/Components/Input/theme.js.map +1 -0
- package/dist/cjs/Components/Modal/index.d.ts +8 -0
- package/dist/cjs/Components/Modal/index.js +51 -0
- package/dist/cjs/Components/Modal/index.js.map +1 -0
- package/dist/cjs/Components/Modal/theme.d.ts +10 -0
- package/dist/cjs/Components/Modal/theme.js +40 -0
- package/dist/cjs/Components/Modal/theme.js.map +1 -0
- package/dist/cjs/Components/Select/index.d.ts +54 -0
- package/dist/cjs/Components/Select/index.js +128 -0
- package/dist/cjs/Components/Select/index.js.map +1 -0
- package/dist/cjs/Components/Select/theme.d.ts +10 -0
- package/dist/cjs/Components/Select/theme.js +61 -0
- package/dist/cjs/Components/Select/theme.js.map +1 -0
- package/dist/cjs/Components/Switch/index.d.ts +14 -0
- package/dist/cjs/Components/Switch/index.js +74 -0
- package/dist/cjs/Components/Switch/index.js.map +1 -0
- package/dist/cjs/Components/Switch/theme.d.ts +10 -0
- package/dist/cjs/Components/Switch/theme.js +42 -0
- package/dist/cjs/Components/Switch/theme.js.map +1 -0
- package/dist/cjs/Components/Upload/index.d.ts +16 -0
- package/dist/cjs/Components/Upload/index.js +158 -0
- package/dist/cjs/Components/Upload/index.js.map +1 -0
- package/dist/cjs/Components/Upload/theme.d.ts +10 -0
- package/dist/cjs/Components/Upload/theme.js +99 -0
- package/dist/cjs/Components/Upload/theme.js.map +1 -0
- package/dist/cjs/Components/index.d.ts +11 -0
- package/dist/cjs/Components/index.js +61 -0
- package/dist/cjs/Components/index.js.map +1 -0
- package/dist/cjs/Services/Requests/index.d.ts +41 -0
- package/dist/cjs/Services/Requests/index.js +81 -0
- package/dist/cjs/Services/Requests/index.js.map +1 -0
- package/dist/cjs/Services/index.d.ts +1 -0
- package/dist/cjs/Services/index.js +8 -0
- package/dist/cjs/Services/index.js.map +1 -0
- package/dist/cjs/index.d.ts +4 -0
- package/dist/cjs/index.js +25 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/rtl_style.css +102 -0
- package/dist/esm/Builder/Dashboard/index.d.ts +21 -0
- package/dist/esm/Builder/Dashboard/index.js +24 -0
- package/dist/esm/Builder/Dashboard/index.js.map +1 -0
- package/dist/esm/Builder/Dashboard/theme.d.ts +10 -0
- package/dist/esm/Builder/Dashboard/theme.js +36 -0
- package/dist/esm/Builder/Dashboard/theme.js.map +1 -0
- package/dist/esm/Builder/Footer/index.d.ts +8 -0
- package/dist/esm/Builder/Footer/index.js +24 -0
- package/dist/esm/Builder/Footer/index.js.map +1 -0
- package/dist/esm/Builder/Footer/theme.d.ts +10 -0
- package/dist/esm/Builder/Footer/theme.js +77 -0
- package/dist/esm/Builder/Footer/theme.js.map +1 -0
- package/dist/esm/Builder/Header/dskHeader/index.d.ts +21 -0
- package/dist/esm/Builder/Header/dskHeader/index.js +122 -0
- package/dist/esm/Builder/Header/dskHeader/index.js.map +1 -0
- package/dist/esm/Builder/Header/index.d.ts +22 -0
- package/dist/esm/Builder/Header/index.js +14 -0
- package/dist/esm/Builder/Header/index.js.map +1 -0
- package/dist/esm/Builder/Header/mobHeader/index.d.ts +20 -0
- package/dist/esm/Builder/Header/mobHeader/index.js +141 -0
- package/dist/esm/Builder/Header/mobHeader/index.js.map +1 -0
- package/dist/esm/Builder/Header/theme.d.ts +10 -0
- package/dist/esm/Builder/Header/theme.js +462 -0
- package/dist/esm/Builder/Header/theme.js.map +1 -0
- package/dist/esm/Builder/Page/index.d.ts +7 -0
- package/dist/esm/Builder/Page/index.js +15 -0
- package/dist/esm/Builder/Page/index.js.map +1 -0
- package/dist/esm/Builder/Page/theme.d.ts +10 -0
- package/dist/esm/Builder/Page/theme.js +27 -0
- package/dist/esm/Builder/Page/theme.js.map +1 -0
- package/dist/esm/Builder/Sidebar/MaxSidebar/index.d.ts +7 -0
- package/dist/esm/Builder/Sidebar/MaxSidebar/index.js +45 -0
- package/dist/esm/Builder/Sidebar/MaxSidebar/index.js.map +1 -0
- package/dist/esm/Builder/Sidebar/MinSidebar/index.d.ts +7 -0
- package/dist/esm/Builder/Sidebar/MinSidebar/index.js +40 -0
- package/dist/esm/Builder/Sidebar/MinSidebar/index.js.map +1 -0
- package/dist/esm/Builder/Sidebar/index.d.ts +8 -0
- package/dist/esm/Builder/Sidebar/index.js +17 -0
- package/dist/esm/Builder/Sidebar/index.js.map +1 -0
- package/dist/esm/Builder/Sidebar/theme.d.ts +10 -0
- package/dist/esm/Builder/Sidebar/theme.js +216 -0
- package/dist/esm/Builder/Sidebar/theme.js.map +1 -0
- package/dist/esm/Builder/index.d.ts +5 -0
- package/dist/esm/Builder/index.js +11 -0
- package/dist/esm/Builder/index.js.map +1 -0
- package/dist/esm/Builder/theme.d.ts +2 -0
- package/dist/esm/Builder/theme.js +26 -0
- package/dist/esm/Builder/theme.js.map +1 -0
- package/dist/esm/Components/Button/index.d.ts +3 -0
- package/dist/esm/Components/Button/index.js +12 -0
- package/dist/esm/Components/Button/index.js.map +1 -0
- package/dist/esm/Components/Button/theme.d.ts +10 -0
- package/dist/esm/Components/Button/theme.js +20 -0
- package/dist/esm/Components/Button/theme.js.map +1 -0
- package/dist/esm/Components/Checkbox/index.d.ts +14 -0
- package/dist/esm/Components/Checkbox/index.js +44 -0
- package/dist/esm/Components/Checkbox/index.js.map +1 -0
- package/dist/esm/Components/Checkbox/theme.d.ts +10 -0
- package/dist/esm/Components/Checkbox/theme.js +36 -0
- package/dist/esm/Components/Checkbox/theme.js.map +1 -0
- package/dist/esm/Components/DatePicker/index.d.ts +21 -0
- package/dist/esm/Components/DatePicker/index.js +60 -0
- package/dist/esm/Components/DatePicker/index.js.map +1 -0
- package/dist/esm/Components/DatePicker/theme.d.ts +10 -0
- package/dist/esm/Components/DatePicker/theme.js +54 -0
- package/dist/esm/Components/DatePicker/theme.js.map +1 -0
- package/dist/esm/Components/Form/index.d.ts +58 -0
- package/dist/esm/Components/Form/index.js +77 -0
- package/dist/esm/Components/Form/index.js.map +1 -0
- package/dist/esm/Components/Form/theme.d.ts +10 -0
- package/dist/esm/Components/Form/theme.js +14 -0
- package/dist/esm/Components/Form/theme.js.map +1 -0
- package/dist/esm/Components/Grid/index.d.ts +85 -0
- package/dist/esm/Components/Grid/index.js +183 -0
- package/dist/esm/Components/Grid/index.js.map +1 -0
- package/dist/esm/Components/Grid/theme.d.ts +10 -0
- package/dist/esm/Components/Grid/theme.js +60 -0
- package/dist/esm/Components/Grid/theme.js.map +1 -0
- package/dist/esm/Components/Input/index.d.ts +33 -0
- package/dist/esm/Components/Input/index.js +81 -0
- package/dist/esm/Components/Input/index.js.map +1 -0
- package/dist/esm/Components/Input/theme.d.ts +10 -0
- package/dist/esm/Components/Input/theme.js +44 -0
- package/dist/esm/Components/Input/theme.js.map +1 -0
- package/dist/esm/Components/Modal/index.d.ts +8 -0
- package/dist/esm/Components/Modal/index.js +21 -0
- package/dist/esm/Components/Modal/index.js.map +1 -0
- package/dist/esm/Components/Modal/theme.d.ts +10 -0
- package/dist/esm/Components/Modal/theme.js +38 -0
- package/dist/esm/Components/Modal/theme.js.map +1 -0
- package/dist/esm/Components/Select/index.d.ts +54 -0
- package/dist/esm/Components/Select/index.js +98 -0
- package/dist/esm/Components/Select/index.js.map +1 -0
- package/dist/esm/Components/Select/theme.d.ts +10 -0
- package/dist/esm/Components/Select/theme.js +59 -0
- package/dist/esm/Components/Select/theme.js.map +1 -0
- package/dist/esm/Components/Switch/index.d.ts +14 -0
- package/dist/esm/Components/Switch/index.js +44 -0
- package/dist/esm/Components/Switch/index.js.map +1 -0
- package/dist/esm/Components/Switch/theme.d.ts +10 -0
- package/dist/esm/Components/Switch/theme.js +40 -0
- package/dist/esm/Components/Switch/theme.js.map +1 -0
- package/dist/esm/Components/Upload/index.d.ts +16 -0
- package/dist/esm/Components/Upload/index.js +128 -0
- package/dist/esm/Components/Upload/index.js.map +1 -0
- package/dist/esm/Components/Upload/theme.d.ts +10 -0
- package/dist/esm/Components/Upload/theme.js +97 -0
- package/dist/esm/Components/Upload/theme.js.map +1 -0
- package/dist/esm/Components/index.d.ts +11 -0
- package/dist/esm/Components/index.js +25 -0
- package/dist/esm/Components/index.js.map +1 -0
- package/dist/esm/Services/Requests/index.d.ts +41 -0
- package/dist/esm/Services/Requests/index.js +74 -0
- package/dist/esm/Services/Requests/index.js.map +1 -0
- package/dist/esm/Services/index.d.ts +1 -0
- package/dist/esm/Services/index.js +3 -0
- package/dist/esm/Services/index.js.map +1 -0
- package/dist/esm/index.d.ts +4 -0
- package/dist/esm/index.js +9 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/rtl_style.css +102 -0
- package/package.json +3 -5
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { FC, ReactNode } from "react";
|
|
2
|
+
interface iDashboard {
|
|
3
|
+
logo?: any;
|
|
4
|
+
icon?: any;
|
|
5
|
+
menus?: any;
|
|
6
|
+
search?: boolean;
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
copyRight?: ReactNode;
|
|
9
|
+
localeText?: {
|
|
10
|
+
headerSearch?: string;
|
|
11
|
+
};
|
|
12
|
+
defaultLanguage?: "ar" | "en" | string;
|
|
13
|
+
mobMenus?: ("menu" | "footer" | "subMenu" | "sidebar")[];
|
|
14
|
+
languages?: {
|
|
15
|
+
name: "ar" | "en" | string;
|
|
16
|
+
logo?: string;
|
|
17
|
+
onClick?: any;
|
|
18
|
+
}[];
|
|
19
|
+
}
|
|
20
|
+
export declare const Dashboard: FC<iDashboard>;
|
|
21
|
+
export {};
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.Dashboard = void 0;
|
|
30
|
+
const react_1 = __importStar(require("react"));
|
|
31
|
+
// Material UI
|
|
32
|
+
const material_1 = require("@mui/material");
|
|
33
|
+
// Components
|
|
34
|
+
const Builder_1 = require("../../Builder");
|
|
35
|
+
// Styles
|
|
36
|
+
const theme_1 = __importDefault(require("./theme"));
|
|
37
|
+
const Dashboard = ({ menus, logo, icon, search, localeText, languages, defaultLanguage, mobMenus, copyRight, children }) => {
|
|
38
|
+
const { classes } = (0, theme_1.default)();
|
|
39
|
+
const [menusList, setMenusList] = (0, react_1.useState)({});
|
|
40
|
+
const [sidebar, setSidebar] = (0, react_1.useState)(true);
|
|
41
|
+
// Menus
|
|
42
|
+
(0, react_1.useEffect)(() => {
|
|
43
|
+
setMenusList(menus);
|
|
44
|
+
}, [menus]);
|
|
45
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
46
|
+
react_1.default.createElement(material_1.Box, { className: classes.root },
|
|
47
|
+
react_1.default.createElement(Builder_1.Header, { sidebar: sidebar, setSidebar: setSidebar, menus: menusList, setMenus: setMenusList, logo: logo, icon: icon, search: search, languages: languages, defaultLanguage: defaultLanguage, mobMenus: mobMenus, localeText: localeText }),
|
|
48
|
+
react_1.default.createElement(Builder_1.Sidebar, { sidebar: sidebar, menus: menusList, setMenus: setMenusList }),
|
|
49
|
+
react_1.default.createElement(material_1.Box, { className: `${classes.pages} ${!sidebar ? classes.closeSidebar : ""}` },
|
|
50
|
+
children,
|
|
51
|
+
react_1.default.createElement(Builder_1.Footer, { menus: menusList, setMenus: setMenusList, copyRight: copyRight })))));
|
|
52
|
+
};
|
|
53
|
+
exports.Dashboard = Dashboard;
|
|
54
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Builder/Dashboard/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkE;AAElE,cAAc;AACd,4CAAoC;AAEpC,aAAa;AACb,2CAAwD;AAExD,SAAS;AACT,oDAAgC;AAkBzB,MAAM,SAAS,GAAmB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9I,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,eAAS,GAAE,CAAC;IAChC,MAAM,CAAE,SAAS,EAAE,YAAY,CAAE,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAE,OAAO,EAAE,UAAU,CAAE,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAE/C,QAAQ;IACR,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,YAAY,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,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,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,GAAI;YAC1O,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;AAtBY,QAAA,SAAS,aAsBrB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
2
|
+
props: Record<string, unknown>;
|
|
3
|
+
ownerState?: Record<string, unknown> | undefined;
|
|
4
|
+
} | undefined) => {
|
|
5
|
+
classes: Record<"root" | "pages" | "closeSidebar", string>;
|
|
6
|
+
theme: import("@mui/material").Theme;
|
|
7
|
+
css: import("tss-react/types").Css;
|
|
8
|
+
cx: import("tss-react/types").Cx;
|
|
9
|
+
};
|
|
10
|
+
export default useStyles;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const mui_1 = require("tss-react/mui");
|
|
4
|
+
const useStyles = (0, mui_1.makeStyles)()((theme) => {
|
|
5
|
+
return {
|
|
6
|
+
root: {
|
|
7
|
+
display: "flex",
|
|
8
|
+
marginTop: "70px",
|
|
9
|
+
overflow: "hidden",
|
|
10
|
+
minHeight: "calc(100vh - 70px)",
|
|
11
|
+
backgroundColor: theme.palette.secondary.light,
|
|
12
|
+
"& a": {
|
|
13
|
+
color: "inherit",
|
|
14
|
+
textTransform: "capitalize"
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
pages: {
|
|
18
|
+
display: "flex",
|
|
19
|
+
overflow: "auto",
|
|
20
|
+
alignItems: "center",
|
|
21
|
+
flexDirection: "column",
|
|
22
|
+
width: "calc(100vw - 280px)",
|
|
23
|
+
height: "calc(100vh - 70px)",
|
|
24
|
+
flex: "1 0 calc(100% - 280px)",
|
|
25
|
+
justifyContent: "space-between",
|
|
26
|
+
transition: "width 225ms cubic-bezier(0.4, 0, 0.6, 1) 0ms",
|
|
27
|
+
[theme.breakpoints.down('md')]: {
|
|
28
|
+
width: "100vw",
|
|
29
|
+
flex: "1 0 100%"
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
closeSidebar: {
|
|
33
|
+
width: "calc(100vw - 70px) !important"
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
});
|
|
37
|
+
exports.default = useStyles;
|
|
38
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Footer = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
// Material UI
|
|
9
|
+
const material_1 = require("@mui/material");
|
|
10
|
+
// Coject
|
|
11
|
+
const Components_1 = require("../../Components");
|
|
12
|
+
// Styles
|
|
13
|
+
const theme_1 = __importDefault(require("./theme"));
|
|
14
|
+
const Footer = ({ menus, setMenus, copyRight }) => {
|
|
15
|
+
const { classes } = (0, theme_1.default)();
|
|
16
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
17
|
+
react_1.default.createElement(material_1.Box, { className: classes.root },
|
|
18
|
+
copyRight &&
|
|
19
|
+
react_1.default.createElement(material_1.Box, { className: classes.copyRight }, copyRight),
|
|
20
|
+
menus && !!Object.keys(menus).length && menus.footer && !!menus.footer.length &&
|
|
21
|
+
react_1.default.createElement(material_1.List, { className: classes.menuList, sx: { display: { xs: "none", md: "flex" } } }, menus.footer.map((listItem, index) => {
|
|
22
|
+
const ItemIcon = listItem.icon && Components_1.Icons[listItem.icon];
|
|
23
|
+
return (react_1.default.createElement(material_1.ListItem, { key: index },
|
|
24
|
+
react_1.default.createElement(material_1.Button, { ...(listItem.link ? { href: listItem.link } : {}), onClick: () => listItem.onClick && listItem.onClick(setMenus) },
|
|
25
|
+
listItem.image && react_1.default.createElement("img", { src: listItem.image, alt: listItem.label }),
|
|
26
|
+
ItemIcon ? react_1.default.createElement(ItemIcon, null) : "",
|
|
27
|
+
!listItem.noLabel && listItem.label)));
|
|
28
|
+
})))));
|
|
29
|
+
};
|
|
30
|
+
exports.Footer = Footer;
|
|
31
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
2
|
+
props: Record<string, unknown>;
|
|
3
|
+
ownerState?: Record<string, unknown> | undefined;
|
|
4
|
+
} | undefined) => {
|
|
5
|
+
classes: Record<"root" | "menuList" | "copyRight", string>;
|
|
6
|
+
theme: import("@mui/material").Theme;
|
|
7
|
+
css: import("tss-react/types").Css;
|
|
8
|
+
cx: import("tss-react/types").Cx;
|
|
9
|
+
};
|
|
10
|
+
export default useStyles;
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const mui_1 = require("tss-react/mui");
|
|
4
|
+
const useStyles = (0, mui_1.makeStyles)()((theme) => {
|
|
5
|
+
return {
|
|
6
|
+
root: {
|
|
7
|
+
width: "100%",
|
|
8
|
+
height: "50px",
|
|
9
|
+
display: "flex",
|
|
10
|
+
flex: "1 0 50px",
|
|
11
|
+
padding: "0 22px",
|
|
12
|
+
alignItems: "center",
|
|
13
|
+
justifyContent: "space-between",
|
|
14
|
+
backgroundColor: theme.palette.grey[300],
|
|
15
|
+
color: theme.palette.secondary.contrastText,
|
|
16
|
+
boxShadow: "0px 10px 30px 0px rgba(82, 63, 105, 0.05);",
|
|
17
|
+
[theme.breakpoints.down('md')]: {
|
|
18
|
+
justifyContent: "center"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
copyRight: {
|
|
22
|
+
display: "flex",
|
|
23
|
+
alignItems: "center",
|
|
24
|
+
"& p": {
|
|
25
|
+
margin: 0,
|
|
26
|
+
fontSize: "13px",
|
|
27
|
+
lineHeight: "13px",
|
|
28
|
+
color: theme.palette.grey[600]
|
|
29
|
+
},
|
|
30
|
+
"& a, & button": {
|
|
31
|
+
margin: 0,
|
|
32
|
+
padding: "0 3px",
|
|
33
|
+
fontSize: "13px",
|
|
34
|
+
lineHeight: "13px",
|
|
35
|
+
fontWeight: "bolder",
|
|
36
|
+
textDecoration: "none",
|
|
37
|
+
textTransform: "capitalize",
|
|
38
|
+
transition: "color .2s ease",
|
|
39
|
+
color: theme.palette.grey[600],
|
|
40
|
+
"&:hover": {
|
|
41
|
+
color: theme.palette.primary.main + "!important"
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
menuList: {
|
|
46
|
+
gap: 16,
|
|
47
|
+
display: "flex",
|
|
48
|
+
alignItems: "center",
|
|
49
|
+
padding: "0 !important",
|
|
50
|
+
"& li": {
|
|
51
|
+
padding: 0,
|
|
52
|
+
"& a, & button": {
|
|
53
|
+
gap: 3,
|
|
54
|
+
padding: 0,
|
|
55
|
+
minWidth: "auto",
|
|
56
|
+
fontSize: "13px",
|
|
57
|
+
lineHeight: "13px",
|
|
58
|
+
whiteSpace: "nowrap",
|
|
59
|
+
transition: "color .2s ease",
|
|
60
|
+
color: theme.palette.grey[600],
|
|
61
|
+
backgroundColor: "transparent !important",
|
|
62
|
+
"& svg": {
|
|
63
|
+
width: "22px",
|
|
64
|
+
height: "22px"
|
|
65
|
+
},
|
|
66
|
+
"& img": {
|
|
67
|
+
width: "22px",
|
|
68
|
+
objectFit: "cover"
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
"&:hover a, &:hover button": {
|
|
72
|
+
color: theme.palette.primary.main + "!important"
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
});
|
|
78
|
+
exports.default = useStyles;
|
|
79
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
interface DskHeaderInterface {
|
|
3
|
+
logo?: any;
|
|
4
|
+
icon?: any;
|
|
5
|
+
menus?: any;
|
|
6
|
+
setMenus?: any;
|
|
7
|
+
setSidebar?: any;
|
|
8
|
+
search?: boolean;
|
|
9
|
+
sidebar?: boolean;
|
|
10
|
+
localeText?: {
|
|
11
|
+
headerSearch?: string;
|
|
12
|
+
};
|
|
13
|
+
defaultLanguage?: "ar" | "en" | string;
|
|
14
|
+
languages?: {
|
|
15
|
+
name: "ar" | "en" | string;
|
|
16
|
+
logo?: string;
|
|
17
|
+
onClick?: any;
|
|
18
|
+
}[];
|
|
19
|
+
}
|
|
20
|
+
export declare const DskHeader: FC<DskHeaderInterface>;
|
|
21
|
+
export {};
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.DskHeader = void 0;
|
|
30
|
+
const react_1 = __importStar(require("react"));
|
|
31
|
+
// Material UI
|
|
32
|
+
const material_1 = require("@mui/material");
|
|
33
|
+
// Coject
|
|
34
|
+
const Components_1 = require("../../../Components");
|
|
35
|
+
// Styles
|
|
36
|
+
const theme_1 = __importDefault(require("../theme"));
|
|
37
|
+
const DskHeader = ({ logo, icon, search, localeText, languages, defaultLanguage, menus, setMenus, sidebar, setSidebar }) => {
|
|
38
|
+
const { classes } = (0, theme_1.default)();
|
|
39
|
+
const [menuList, setMenuList] = (0, react_1.useState)({});
|
|
40
|
+
const [languageLogo, setLanguageLogo] = (0, react_1.useState)('/images/lang/en.jpg');
|
|
41
|
+
// Default Language Logo
|
|
42
|
+
(0, react_1.useEffect)(() => {
|
|
43
|
+
if (defaultLanguage && languages?.length) {
|
|
44
|
+
if (defaultLanguage === 'ar' || defaultLanguage === 'en') {
|
|
45
|
+
setLanguageLogo(`${defaultLanguage === "ar" ? "/images/lang/ar.jpg" : "/images/lang/en.jpg"}`);
|
|
46
|
+
}
|
|
47
|
+
else
|
|
48
|
+
setLanguageLogo(languages.filter((language) => language.name === defaultLanguage)[0]?.logo || "");
|
|
49
|
+
}
|
|
50
|
+
}, [defaultLanguage, languages]);
|
|
51
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
52
|
+
react_1.default.createElement(material_1.Box, { className: classes.dskHeader },
|
|
53
|
+
react_1.default.createElement(material_1.Box, { className: `${classes.dskLogo} ${!sidebar ? classes.closedDskLogo : ""}` }, sidebar
|
|
54
|
+
? react_1.default.createElement("img", { onClick: () => window.location.href = "/", src: logo, alt: "Logo" })
|
|
55
|
+
: react_1.default.createElement("img", { onClick: () => window.location.href = "/", src: icon, alt: "Logo" })),
|
|
56
|
+
react_1.default.createElement(material_1.Box, { className: `${classes.dskMenu} ${!sidebar ? classes.closedDskMenu : ""}` },
|
|
57
|
+
react_1.default.createElement(material_1.List, { className: classes.menuList },
|
|
58
|
+
react_1.default.createElement(material_1.ListItem, null,
|
|
59
|
+
react_1.default.createElement(material_1.Button, { onClick: () => setSidebar(!sidebar) },
|
|
60
|
+
react_1.default.createElement(Components_1.Icons.Menu, null))),
|
|
61
|
+
search &&
|
|
62
|
+
react_1.default.createElement(material_1.ListItem, null,
|
|
63
|
+
react_1.default.createElement(material_1.Box, { className: classes.dskSearch },
|
|
64
|
+
react_1.default.createElement(material_1.IconButton, null,
|
|
65
|
+
react_1.default.createElement(Components_1.Icons.Search, null)),
|
|
66
|
+
react_1.default.createElement(material_1.TextField, { placeholder: localeText?.headerSearch || "Search" }))),
|
|
67
|
+
menus && !!Object.keys(menus).length && menus.menu && !!menus.menu.length && menus.menu.map((listItem, index) => {
|
|
68
|
+
const ItemIcon = listItem.icon && Components_1.Icons[listItem.icon];
|
|
69
|
+
if (listItem.children && !!listItem.children.length) {
|
|
70
|
+
return (react_1.default.createElement(material_1.ListItem, { key: index },
|
|
71
|
+
react_1.default.createElement(material_1.Button, { onClick: (e) => setMenuList({ [((listItem.label).toLowerCase()).replaceAll(" ", "_")]: e.currentTarget }) },
|
|
72
|
+
listItem.image && react_1.default.createElement("img", { src: listItem.image, alt: listItem.label }),
|
|
73
|
+
ItemIcon ? react_1.default.createElement(ItemIcon, null) : "",
|
|
74
|
+
react_1.default.createElement(material_1.Typography, null, !listItem.noLabel && listItem.label),
|
|
75
|
+
!listItem.noArrow && react_1.default.createElement(Components_1.Icons.ExpandMore, null)),
|
|
76
|
+
menuList && !!Object.keys(menuList).length &&
|
|
77
|
+
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' } },
|
|
78
|
+
react_1.default.createElement(material_1.Box, { className: classes.subListMenu, onMouseLeave: () => setMenuList({}) },
|
|
79
|
+
react_1.default.createElement(material_1.Box, { className: classes.subMenuContent }, listItem.children.map((childListItem, childIndex) => {
|
|
80
|
+
const ChildItemIcon = childListItem.icon && Components_1.Icons[childListItem.icon];
|
|
81
|
+
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); } },
|
|
82
|
+
childListItem.image && react_1.default.createElement("img", { src: childListItem.image, alt: childListItem.label }),
|
|
83
|
+
ChildItemIcon ? react_1.default.createElement(ChildItemIcon, null) : "",
|
|
84
|
+
react_1.default.createElement(material_1.Typography, null, !childListItem.noLabel && childListItem.label)));
|
|
85
|
+
}))))));
|
|
86
|
+
}
|
|
87
|
+
else {
|
|
88
|
+
return (react_1.default.createElement(material_1.ListItem, { key: index },
|
|
89
|
+
react_1.default.createElement(material_1.Button, { ...(listItem.link ? { href: listItem.link } : {}), onClick: () => listItem.onClick && listItem.onClick(setMenus) },
|
|
90
|
+
listItem.image && react_1.default.createElement("img", { src: listItem.image, alt: listItem.label }),
|
|
91
|
+
ItemIcon ? react_1.default.createElement(ItemIcon, null) : "",
|
|
92
|
+
react_1.default.createElement(material_1.Typography, null, !listItem.noLabel && listItem.label))));
|
|
93
|
+
}
|
|
94
|
+
})),
|
|
95
|
+
react_1.default.createElement(material_1.List, { className: classes.menuList, style: { justifyContent: "flex-end" } },
|
|
96
|
+
languages && !!languages.length &&
|
|
97
|
+
react_1.default.createElement(material_1.MenuItem, null,
|
|
98
|
+
react_1.default.createElement(material_1.Button, { onClick: (e) => setMenuList({ languages: e.currentTarget }) },
|
|
99
|
+
react_1.default.createElement("img", { src: languageLogo, alt: "Language" })),
|
|
100
|
+
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' } },
|
|
101
|
+
react_1.default.createElement(material_1.Box, { className: classes.subListMenu, onMouseLeave: () => setMenuList({}) },
|
|
102
|
+
react_1.default.createElement(material_1.Box, { className: classes.subMenuContent }, languages.map((language, index) => {
|
|
103
|
+
if (language.name === "ar" || language.name === "en") {
|
|
104
|
+
return (react_1.default.createElement(material_1.MenuItem, { key: index, component: material_1.Button, onClick: (event) => {
|
|
105
|
+
setMenuList({});
|
|
106
|
+
language.onClick && language.onClick(event);
|
|
107
|
+
setLanguageLogo(`${language.name === "ar" ? "/images/lang/ar.jpg" : "/images/lang/en.jpg"}`);
|
|
108
|
+
} },
|
|
109
|
+
react_1.default.createElement("img", { src: `${language.name === "ar" ? "/images/lang/ar.jpg" : "/images/lang/en.jpg"}`, alt: language.name === "ar" ? "العربية" : "English" }),
|
|
110
|
+
language.name === "ar" ? "العربية" : "English"));
|
|
111
|
+
}
|
|
112
|
+
else {
|
|
113
|
+
return (react_1.default.createElement(material_1.MenuItem, { key: index, component: material_1.Button, onClick: (event) => {
|
|
114
|
+
setMenuList({});
|
|
115
|
+
setLanguageLogo(language?.logo || "");
|
|
116
|
+
language.onClick && language.onClick(event);
|
|
117
|
+
} },
|
|
118
|
+
react_1.default.createElement("img", { src: language?.logo, alt: language.name }),
|
|
119
|
+
language.name));
|
|
120
|
+
}
|
|
121
|
+
}))))),
|
|
122
|
+
menus && !!Object.keys(menus).length && menus.subMenu && !!menus.subMenu.length && menus.subMenu.map((listItem, index) => {
|
|
123
|
+
const ItemIcon = listItem.icon && Components_1.Icons[listItem.icon];
|
|
124
|
+
if (listItem.children && !!listItem.children.length) {
|
|
125
|
+
return (react_1.default.createElement(material_1.ListItem, { key: index },
|
|
126
|
+
react_1.default.createElement(material_1.Button, { onClick: (e) => setMenuList({ [((listItem.label).toLowerCase()).replaceAll(" ", "_")]: e.currentTarget }) },
|
|
127
|
+
listItem.image && react_1.default.createElement("img", { src: listItem.image, alt: listItem.label }),
|
|
128
|
+
ItemIcon ? react_1.default.createElement(ItemIcon, null) : "",
|
|
129
|
+
react_1.default.createElement(material_1.Typography, null, !listItem.noLabel && listItem.label),
|
|
130
|
+
!listItem.noArrow && react_1.default.createElement(Components_1.Icons.ExpandMore, null)),
|
|
131
|
+
menuList && !!Object.keys(menuList).length &&
|
|
132
|
+
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' } },
|
|
133
|
+
react_1.default.createElement(material_1.Box, { className: classes.subListMenu, onMouseLeave: () => setMenuList({}) },
|
|
134
|
+
react_1.default.createElement(material_1.Box, { className: classes.subMenuContent }, listItem.children.map((childListItem, childIndex) => {
|
|
135
|
+
const ChildItemIcon = childListItem.icon && Components_1.Icons[childListItem.icon];
|
|
136
|
+
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); } },
|
|
137
|
+
childListItem.image && react_1.default.createElement("img", { src: childListItem.image, alt: childListItem.label }),
|
|
138
|
+
ChildItemIcon ? react_1.default.createElement(ChildItemIcon, null) : "",
|
|
139
|
+
react_1.default.createElement(material_1.Typography, null, !childListItem.noLabel && childListItem.label)));
|
|
140
|
+
}))))));
|
|
141
|
+
}
|
|
142
|
+
else {
|
|
143
|
+
return (react_1.default.createElement(material_1.ListItem, { key: index },
|
|
144
|
+
react_1.default.createElement(material_1.Button, { ...(listItem.link ? { href: listItem.link } : {}), onClick: () => listItem.onClick && listItem.onClick(setMenus) },
|
|
145
|
+
listItem.image && react_1.default.createElement("img", { src: listItem.image, alt: listItem.label }),
|
|
146
|
+
ItemIcon ? react_1.default.createElement(ItemIcon, null) : "",
|
|
147
|
+
react_1.default.createElement(material_1.Typography, null, !listItem.noLabel && listItem.label))));
|
|
148
|
+
}
|
|
149
|
+
}))))));
|
|
150
|
+
};
|
|
151
|
+
exports.DskHeader = DskHeader;
|
|
152
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../resources/Builder/Header/dskHeader/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
interface HeaderInterface {
|
|
3
|
+
logo?: any;
|
|
4
|
+
icon?: any;
|
|
5
|
+
menus?: any;
|
|
6
|
+
setMenus?: any;
|
|
7
|
+
setSidebar?: any;
|
|
8
|
+
search?: boolean;
|
|
9
|
+
sidebar?: boolean;
|
|
10
|
+
localeText?: {
|
|
11
|
+
headerSearch?: string;
|
|
12
|
+
};
|
|
13
|
+
defaultLanguage?: "ar" | "en" | string;
|
|
14
|
+
mobMenus?: ("menu" | "footer" | "subMenu" | "sidebar")[];
|
|
15
|
+
languages?: {
|
|
16
|
+
name: "ar" | "en" | string;
|
|
17
|
+
logo?: string;
|
|
18
|
+
onClick?: any;
|
|
19
|
+
}[];
|
|
20
|
+
}
|
|
21
|
+
export declare const Header: FC<HeaderInterface>;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Header = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
// Material UI
|
|
9
|
+
const material_1 = require("@mui/material");
|
|
10
|
+
// Components
|
|
11
|
+
const dskHeader_1 = require("./dskHeader");
|
|
12
|
+
const mobHeader_1 = require("./mobHeader");
|
|
13
|
+
const Header = ({ logo, icon, search, localeText, languages, defaultLanguage, mobMenus, menus, sidebar, setSidebar, setMenus }) => {
|
|
14
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
15
|
+
react_1.default.createElement(material_1.Box, { sx: { display: { xs: "none", md: "flex" } } },
|
|
16
|
+
react_1.default.createElement(dskHeader_1.DskHeader, { sidebar: sidebar, setSidebar: setSidebar, menus: menus, logo: logo, icon: icon, search: search, languages: languages, defaultLanguage: defaultLanguage, setMenus: setMenus, localeText: localeText })),
|
|
17
|
+
react_1.default.createElement(material_1.Box, { sx: { display: { xs: "flex", md: "none" } } },
|
|
18
|
+
react_1.default.createElement(mobHeader_1.MobHeader, { logo: logo, icon: icon, search: search, languages: languages, defaultLanguage: defaultLanguage, mobMenus: mobMenus, setMenus: setMenus, menus: menus, localeText: localeText }))));
|
|
19
|
+
};
|
|
20
|
+
exports.Header = Header;
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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;AAmBjC,MAAM,MAAM,GAAwB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC1J,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,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,GAAI,CAC/M;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,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,GAAI,CACzL,CACO,CACpB,CAAC;AACN,CAAC,CAAC;AAXW,QAAA,MAAM,UAWjB"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
interface iMobHeader {
|
|
3
|
+
logo?: any;
|
|
4
|
+
icon?: any;
|
|
5
|
+
menus?: any;
|
|
6
|
+
setMenus?: any;
|
|
7
|
+
search?: boolean;
|
|
8
|
+
localeText?: {
|
|
9
|
+
headerSearch?: string;
|
|
10
|
+
};
|
|
11
|
+
defaultLanguage?: "ar" | "en" | string;
|
|
12
|
+
mobMenus?: ("menu" | "footer" | "subMenu" | "sidebar")[];
|
|
13
|
+
languages?: {
|
|
14
|
+
name: "ar" | "en" | string;
|
|
15
|
+
logo?: string;
|
|
16
|
+
onClick?: any;
|
|
17
|
+
}[];
|
|
18
|
+
}
|
|
19
|
+
export declare const MobHeader: FC<iMobHeader>;
|
|
20
|
+
export {};
|