coject 2.0.0 → 2.1.2
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 copy.css +102 -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 copy.css +102 -0
- package/dist/esm/rtl_style.css +102 -0
- package/package.json +3 -5
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React, { useState } from "react";
|
|
2
|
+
// Material UI
|
|
3
|
+
import { Box, Button, List, ListItem, Menu, MenuItem, Tooltip } from "@mui/material";
|
|
4
|
+
// Coject
|
|
5
|
+
import { Icons } from "../../../Components";
|
|
6
|
+
// Styles
|
|
7
|
+
import useStyles from "../theme";
|
|
8
|
+
export const MinSidebar = ({ menus, setMenus }) => {
|
|
9
|
+
const { classes } = useStyles();
|
|
10
|
+
const [menuList, setMenuList] = useState({});
|
|
11
|
+
return (React.createElement(React.Fragment, null,
|
|
12
|
+
React.createElement(Box, { className: classes.sidebarList },
|
|
13
|
+
React.createElement(List, { className: classes.list }, menus && !!Object.keys(menus).length && menus.sidebar && !!menus.sidebar.length && menus.sidebar.map((listItem, index) => {
|
|
14
|
+
const ItemIcon = listItem.icon && Icons[listItem.icon];
|
|
15
|
+
if (listItem.children && !!listItem.children.length) {
|
|
16
|
+
return (React.createElement(ListItem, { key: index, className: classes.listItem },
|
|
17
|
+
React.createElement(Tooltip, { title: listItem.label, placement: "right" },
|
|
18
|
+
React.createElement(Button, { onClick: (e) => setMenuList({ [((listItem.label).toLowerCase()).replaceAll(" ", "_")]: e.currentTarget }) },
|
|
19
|
+
listItem.image && React.createElement("img", { src: listItem.image, alt: listItem.label }),
|
|
20
|
+
ItemIcon ? React.createElement(ItemIcon, null) : "")),
|
|
21
|
+
menuList && !!Object.keys(menuList).length &&
|
|
22
|
+
React.createElement(Menu, { className: `${classes.menuList} minMenuList`, anchorEl: menuList[((listItem.label).toLowerCase()).replaceAll(" ", "_")], open: Boolean(menuList[((listItem.label).toLowerCase()).replaceAll(" ", "_")]), onClose: () => setMenuList({}), transformOrigin: { horizontal: "right", vertical: "top" }, anchorOrigin: { horizontal: "right", vertical: "top" } }, listItem.children.map((childListItem, childIndex) => {
|
|
23
|
+
const ChildItemIcon = childListItem.icon && Icons[childListItem.icon];
|
|
24
|
+
return (React.createElement(MenuItem, { key: childIndex, onClick: () => setMenuList({}) },
|
|
25
|
+
React.createElement(Button, { ...(childListItem.link ? { href: childListItem.link } : {}), onClick: () => childListItem.onClick && childListItem.onClick(setMenus) },
|
|
26
|
+
childListItem.image && React.createElement("img", { src: childListItem.image, alt: childListItem.label }),
|
|
27
|
+
ChildItemIcon ? React.createElement(ChildItemIcon, null) : "",
|
|
28
|
+
!childListItem.noLabel && childListItem.label)));
|
|
29
|
+
}))));
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
return (React.createElement(ListItem, { key: index, className: classes.listItem },
|
|
33
|
+
React.createElement(Tooltip, { title: listItem.label, placement: "right" },
|
|
34
|
+
React.createElement(Button, { fullWidth: true, className: classes.button, ...(listItem.link ? { href: listItem.link } : {}), onClick: () => listItem.onClick && listItem.onClick(setMenus) },
|
|
35
|
+
listItem.image && React.createElement("img", { src: listItem.image, alt: listItem.label }),
|
|
36
|
+
ItemIcon ? React.createElement(ItemIcon, null) : ""))));
|
|
37
|
+
}
|
|
38
|
+
})))));
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../resources/Builder/Sidebar/MinSidebar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
// Material UI
|
|
3
|
+
import { Box } from "@mui/material";
|
|
4
|
+
// Components
|
|
5
|
+
import { MaxSidebar } from "./MaxSidebar";
|
|
6
|
+
import { MinSidebar } from "./MinSidebar";
|
|
7
|
+
// Styles
|
|
8
|
+
import useStyles from "./theme";
|
|
9
|
+
export const Sidebar = ({ menus, setMenus, sidebar }) => {
|
|
10
|
+
const { classes } = useStyles();
|
|
11
|
+
return (React.createElement(React.Fragment, null,
|
|
12
|
+
React.createElement(Box, { sx: { display: { xs: "none", md: "flex" } } },
|
|
13
|
+
React.createElement(Box, { className: `${classes.root} ${!sidebar ? classes.closedSidebar : ""}` }, sidebar
|
|
14
|
+
? React.createElement(MaxSidebar, { menus: menus, setMenus: setMenus })
|
|
15
|
+
: React.createElement(MinSidebar, { menus: menus, setMenus: setMenus })))));
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Builder/Sidebar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,cAAc;AACd,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,aAAa;AACb,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,SAAS;AACT,OAAO,SAAS,MAAM,SAAS,CAAC;AAShC,MAAM,CAAC,MAAM,OAAO,GAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1E,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC;IAEhC,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE;YAC5C,oBAAC,GAAG,IAAC,SAAS,EAAE,GAAG,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,IACpE,OAAO;gBACL,CAAC,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI;gBAClD,CAAC,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAEpD,CACJ,CACO,CACpB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -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<"button" | "list" | "root" | "menuList" | "closedSidebar" | "sidebarList" | "accordion" | "accordionTitle" | "accordionList" | "listItem", 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,216 @@
|
|
|
1
|
+
import { makeStyles } from "tss-react/mui";
|
|
2
|
+
const useStyles = makeStyles()((theme) => {
|
|
3
|
+
return {
|
|
4
|
+
root: {
|
|
5
|
+
width: "250px",
|
|
6
|
+
display: "flex",
|
|
7
|
+
flexDirection: "column",
|
|
8
|
+
height: "calc(100vh - 70px)",
|
|
9
|
+
color: theme.palette.primary.light,
|
|
10
|
+
backgroundColor: theme.palette.secondary.dark,
|
|
11
|
+
transition: "width 225ms cubic-bezier(0.4, 0, 0.6, 1) 0ms"
|
|
12
|
+
},
|
|
13
|
+
closedSidebar: {
|
|
14
|
+
width: "70px !important"
|
|
15
|
+
},
|
|
16
|
+
sidebarList: {
|
|
17
|
+
gap: 16,
|
|
18
|
+
display: "flex",
|
|
19
|
+
overflow: "auto",
|
|
20
|
+
padding: "22px 20px",
|
|
21
|
+
flexDirection: "column"
|
|
22
|
+
},
|
|
23
|
+
button: {
|
|
24
|
+
gap: 10,
|
|
25
|
+
margin: 0,
|
|
26
|
+
padding: 0,
|
|
27
|
+
display: "flex",
|
|
28
|
+
fontSize: "13px",
|
|
29
|
+
minWidth: "auto",
|
|
30
|
+
minHeight: "auto",
|
|
31
|
+
lineHeight: "13px",
|
|
32
|
+
alignItems: "center",
|
|
33
|
+
textTransform: "capitalize",
|
|
34
|
+
justifyContent: "flex-start",
|
|
35
|
+
color: theme.palette.primary.light,
|
|
36
|
+
backgroundColor: "transparent !important",
|
|
37
|
+
"& svg": {
|
|
38
|
+
width: "22px",
|
|
39
|
+
height: "22px",
|
|
40
|
+
color: theme.palette.primary.contrastText
|
|
41
|
+
},
|
|
42
|
+
"& img": {
|
|
43
|
+
width: "22px",
|
|
44
|
+
objectFit: "cover"
|
|
45
|
+
},
|
|
46
|
+
"&:hover": {
|
|
47
|
+
color: theme.palette.primary.contrastText
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
accordion: {
|
|
51
|
+
width: "100%",
|
|
52
|
+
margin: "0 !important",
|
|
53
|
+
boxShadow: "none !important",
|
|
54
|
+
backgroundColor: "transparent !important",
|
|
55
|
+
"&:before": {
|
|
56
|
+
content: "none"
|
|
57
|
+
},
|
|
58
|
+
"& .MuiAccordionDetails-root": {
|
|
59
|
+
padding: 0
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
accordionTitle: {
|
|
63
|
+
padding: 0,
|
|
64
|
+
borderRadius: 0,
|
|
65
|
+
minHeight: "auto !important",
|
|
66
|
+
transition: "background-color .4s ease",
|
|
67
|
+
"& .MuiAccordionSummary-content": {
|
|
68
|
+
gap: 10,
|
|
69
|
+
display: "flex",
|
|
70
|
+
fontSize: "13px",
|
|
71
|
+
lineHeight: "13px",
|
|
72
|
+
alignItems: "center",
|
|
73
|
+
margin: "0 !important",
|
|
74
|
+
textTransform: "capitalize",
|
|
75
|
+
color: theme.palette.primary.light,
|
|
76
|
+
"& svg": {
|
|
77
|
+
width: "22px",
|
|
78
|
+
height: "22px",
|
|
79
|
+
color: theme.palette.primary.contrastText
|
|
80
|
+
},
|
|
81
|
+
"& img": {
|
|
82
|
+
width: "22px",
|
|
83
|
+
objectFit: "cover"
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
"& .MuiAccordionSummary-expandIconWrapper": {
|
|
87
|
+
fontSize: "7px",
|
|
88
|
+
marginRight: "auto",
|
|
89
|
+
"& svg": {
|
|
90
|
+
width: "22px !important",
|
|
91
|
+
height: "22px !important",
|
|
92
|
+
color: theme.palette.primary.light + "!important"
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
"&:hover .MuiAccordionSummary-content, &:hover svg": {
|
|
96
|
+
color: theme.palette.primary.contrastText + "!important"
|
|
97
|
+
}
|
|
98
|
+
},
|
|
99
|
+
accordionList: {
|
|
100
|
+
gap: 16,
|
|
101
|
+
display: "flex",
|
|
102
|
+
marginTop: "16px",
|
|
103
|
+
flexDirection: "column",
|
|
104
|
+
padding: "0 !important",
|
|
105
|
+
"& li": {
|
|
106
|
+
padding: 0,
|
|
107
|
+
"& a, & button": {
|
|
108
|
+
gap: 5,
|
|
109
|
+
margin: 0,
|
|
110
|
+
width: "100%",
|
|
111
|
+
fontSize: "13px",
|
|
112
|
+
lineHeight: "13px",
|
|
113
|
+
textAlign: "start",
|
|
114
|
+
alignItems: "center",
|
|
115
|
+
padding: "0 0 0 32px",
|
|
116
|
+
textTransform: "capitalize",
|
|
117
|
+
justifyContent: "flex-start",
|
|
118
|
+
color: theme.palette.primary.light,
|
|
119
|
+
transition: "background-color .4s ease",
|
|
120
|
+
backgroundColor: "transparent !important",
|
|
121
|
+
"& svg": {
|
|
122
|
+
width: "22px !important",
|
|
123
|
+
height: "22px !important",
|
|
124
|
+
color: theme.palette.primary.contrastText + "!important"
|
|
125
|
+
},
|
|
126
|
+
"& img": {
|
|
127
|
+
width: "22px",
|
|
128
|
+
objectFit: "cover"
|
|
129
|
+
},
|
|
130
|
+
"&:hover": {
|
|
131
|
+
color: theme.palette.primary.contrastText + "!important"
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
},
|
|
136
|
+
list: {
|
|
137
|
+
gap: 16,
|
|
138
|
+
padding: 0,
|
|
139
|
+
display: "flex",
|
|
140
|
+
flexDirection: "column"
|
|
141
|
+
},
|
|
142
|
+
listItem: {
|
|
143
|
+
margin: 0,
|
|
144
|
+
padding: 0,
|
|
145
|
+
width: "auto",
|
|
146
|
+
cursor: "pointer",
|
|
147
|
+
justifyContent: "center",
|
|
148
|
+
"& button, & a": {
|
|
149
|
+
margin: 0,
|
|
150
|
+
padding: 0,
|
|
151
|
+
width: "100%",
|
|
152
|
+
fontSize: "13px",
|
|
153
|
+
minWidth: "auto",
|
|
154
|
+
lineHeight: "13px",
|
|
155
|
+
justifyContent: "center",
|
|
156
|
+
textTransform: "capitalize",
|
|
157
|
+
backgroundColor: "transparent !important",
|
|
158
|
+
"& svg": {
|
|
159
|
+
width: "22px",
|
|
160
|
+
height: "22px",
|
|
161
|
+
color: theme.palette.primary.light
|
|
162
|
+
},
|
|
163
|
+
"& img": {
|
|
164
|
+
width: "22px",
|
|
165
|
+
objectFit: "cover"
|
|
166
|
+
},
|
|
167
|
+
"&:hover svg": {
|
|
168
|
+
color: theme.palette.primary.contrastText
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
},
|
|
172
|
+
menuList: {
|
|
173
|
+
"& .MuiPaper-root": {
|
|
174
|
+
width: "180px",
|
|
175
|
+
boxShadow: "none",
|
|
176
|
+
overflow: "initial",
|
|
177
|
+
left: "70px !important",
|
|
178
|
+
transform: "translateY(-6px) !important",
|
|
179
|
+
backgroundColor: "transparent !important"
|
|
180
|
+
},
|
|
181
|
+
"& ul": {
|
|
182
|
+
gap: 16,
|
|
183
|
+
display: "flex",
|
|
184
|
+
padding: "16px 20px",
|
|
185
|
+
flexDirection: "column",
|
|
186
|
+
backgroundColor: theme.palette.secondary.dark,
|
|
187
|
+
"& li, & a, & button": {
|
|
188
|
+
gap: 5,
|
|
189
|
+
padding: 0,
|
|
190
|
+
width: "100%",
|
|
191
|
+
fontSize: "13px",
|
|
192
|
+
lineHeight: "13px",
|
|
193
|
+
alignItems: "center",
|
|
194
|
+
textTransform: "capitalize",
|
|
195
|
+
justifyContent: "flex-start",
|
|
196
|
+
color: theme.palette.primary.light,
|
|
197
|
+
backgroundColor: "transparent !important",
|
|
198
|
+
"& svg": {
|
|
199
|
+
width: "22px",
|
|
200
|
+
height: "22px",
|
|
201
|
+
color: theme.palette.primary.contrastText
|
|
202
|
+
},
|
|
203
|
+
"& img": {
|
|
204
|
+
width: "22px",
|
|
205
|
+
objectFit: "cover"
|
|
206
|
+
},
|
|
207
|
+
"&:hover": {
|
|
208
|
+
color: theme.palette.primary.contrastText
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
};
|
|
214
|
+
});
|
|
215
|
+
export default useStyles;
|
|
216
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Builder/Sidebar/theme.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
// Header
|
|
2
|
+
export { Header } from "./Header";
|
|
3
|
+
// Footer
|
|
4
|
+
export { Footer } from "./Footer";
|
|
5
|
+
// Sidebar
|
|
6
|
+
export { Sidebar } from "./Sidebar";
|
|
7
|
+
// Dashboard
|
|
8
|
+
export { Dashboard } from "./Dashboard";
|
|
9
|
+
// Page
|
|
10
|
+
export { Page } from "./Page";
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../resources/Builder/index.tsx"],"names":[],"mappings":"AAAA,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,UAAU;AACV,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,YAAY;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO;AACP,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { createTheme } from "@mui/material/styles";
|
|
2
|
+
const theme = createTheme({
|
|
3
|
+
palette: {
|
|
4
|
+
primary: {
|
|
5
|
+
main: "#556ee6",
|
|
6
|
+
dark: "#3147ad",
|
|
7
|
+
light: "#a6b0cf",
|
|
8
|
+
contrastText: "#FFFFFF"
|
|
9
|
+
},
|
|
10
|
+
secondary: {
|
|
11
|
+
main: "#79829c",
|
|
12
|
+
dark: "#2a3042",
|
|
13
|
+
light: "#f3f3f8",
|
|
14
|
+
contrastText: "#212529"
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
typography: {
|
|
18
|
+
fontSize: 13,
|
|
19
|
+
fontFamily: [
|
|
20
|
+
"Poppins",
|
|
21
|
+
"sans-serif"
|
|
22
|
+
].join(',')
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
export default theme;
|
|
26
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../resources/Builder/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,MAAM,KAAK,GAAG,WAAW,CAAC;IACtB,OAAO,EAAE;QACL,OAAO,EAAE;YACL,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,SAAS;YAChB,YAAY,EAAE,SAAS;SAC1B;QACD,SAAS,EAAE;YACP,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,SAAS;YAChB,YAAY,EAAE,SAAS;SAC1B;KACJ;IACD,UAAU,EAAE;QACR,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE;YACR,SAAS;YACT,YAAY;SACf,CAAC,IAAI,CAAC,GAAG,CAAC;KACd;CACJ,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
// Material UI
|
|
3
|
+
import { Box, Button as MuiButton } from "@mui/material";
|
|
4
|
+
// Styles
|
|
5
|
+
import useStyles from "./theme";
|
|
6
|
+
export const Button = ({ ...props }) => {
|
|
7
|
+
const { classes } = useStyles();
|
|
8
|
+
return (React.createElement(React.Fragment, null,
|
|
9
|
+
React.createElement(Box, { className: classes.root },
|
|
10
|
+
React.createElement(MuiButton, { ...props }, props?.children))));
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,cAAc;AACd,OAAO,EAAE,GAAG,EAAE,MAAM,IAAI,SAAS,EAAe,MAAM,eAAe,CAAC;AAEtE,SAAS;AACT,OAAO,SAAS,MAAM,SAAS,CAAC;AAEhC,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpD,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC;IAEhC,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;YACxB,oBAAC,SAAS,OAAK,KAAK,IAAG,KAAK,EAAE,QAAQ,CAAa,CACjD,CACO,CACpB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -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", 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,20 @@
|
|
|
1
|
+
import { makeStyles } from "tss-react/mui";
|
|
2
|
+
const useStyles = makeStyles()(() => {
|
|
3
|
+
return {
|
|
4
|
+
root: {
|
|
5
|
+
margin: 0,
|
|
6
|
+
width: "auto",
|
|
7
|
+
display: "flex",
|
|
8
|
+
alignItems: "center",
|
|
9
|
+
"& button": {
|
|
10
|
+
fontSize: "14px",
|
|
11
|
+
minWidth: "auto",
|
|
12
|
+
minHeight: "auto",
|
|
13
|
+
lineHeight: "14px",
|
|
14
|
+
textTransform: "capitalize"
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
});
|
|
19
|
+
export default useStyles;
|
|
20
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Button/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,GAAG,EAAE;IAChC,OAAO;QACH,IAAI,EAAE;YACF,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE;gBACR,QAAQ,EAAE,MAAM;gBAChB,QAAQ,EAAE,MAAM;gBAChB,SAAS,EAAE,MAAM;gBACjB,UAAU,EAAE,MAAM;gBAClB,aAAa,EAAE,YAAY;aAC9B;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { CheckboxProps } from "@mui/material";
|
|
3
|
+
interface iCheckbox extends Omit<CheckboxProps, "onChange" | "defaultChecked"> {
|
|
4
|
+
value?: any;
|
|
5
|
+
name?: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
onChange?: any;
|
|
8
|
+
error?: boolean;
|
|
9
|
+
trueValue?: string;
|
|
10
|
+
falseValue?: string;
|
|
11
|
+
helperText?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const Checkbox: FC<iCheckbox>;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import React, { useEffect, useState } from "react";
|
|
2
|
+
// React Hook Form
|
|
3
|
+
import { useFormContext } from "react-hook-form";
|
|
4
|
+
// Material UI
|
|
5
|
+
import { Box, FormControlLabel, Checkbox as MuiCheckbox, FormHelperText } from "@mui/material";
|
|
6
|
+
// Styles
|
|
7
|
+
import useStyles from "./theme";
|
|
8
|
+
export const Checkbox = ({ name, value, label, onChange, trueValue, falseValue, helperText, error, ...props }) => {
|
|
9
|
+
const { classes } = useStyles();
|
|
10
|
+
const Methods = useFormContext() || {};
|
|
11
|
+
const [checkedValue, setCheckedValue] = useState(false);
|
|
12
|
+
const { setValue, control, getValues, watch } = useFormContext() || {};
|
|
13
|
+
// Methods Watching
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
control && setCheckedValue(!!getValues(name || "default") ? trueValue ? trueValue === getValues(name || "default") : !!getValues(name || "default") : false);
|
|
16
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
17
|
+
}, [control, getValues, name, watch && watch(name || "default")]);
|
|
18
|
+
// Value
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
if (value) {
|
|
21
|
+
control && setValue(name || "default", (trueValue ? (value === trueValue) ? trueValue : (falseValue ? falseValue : false) : value));
|
|
22
|
+
setCheckedValue(value ? (`${value}` !== (falseValue ? falseValue : "false")) ? (trueValue ? (`${value}` === trueValue) : true) : false : false);
|
|
23
|
+
}
|
|
24
|
+
else
|
|
25
|
+
control && setValue(name || "default", falseValue ? falseValue : false);
|
|
26
|
+
}, [control, name, setValue, value, falseValue, trueValue]);
|
|
27
|
+
// Change Value
|
|
28
|
+
const changeValue = (event) => {
|
|
29
|
+
onChange && onChange(event, ((event.target.checked) ? (trueValue ? trueValue : true) : (falseValue ? falseValue : false)), Methods);
|
|
30
|
+
if (event.target.checked) {
|
|
31
|
+
setCheckedValue(true);
|
|
32
|
+
control && setValue(name || "default", (trueValue ? trueValue : true));
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
setCheckedValue(false);
|
|
36
|
+
control && setValue(name || "default", (falseValue ? falseValue : false));
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
return (React.createElement(React.Fragment, null,
|
|
40
|
+
React.createElement(Box, { className: `${classes.root} ${error ? classes.rootError : ""}` },
|
|
41
|
+
React.createElement(FormControlLabel, { control: React.createElement(MuiCheckbox, { name: name || "default", value: checkedValue, checked: checkedValue, onChange: changeValue, ...props }), label: label ? label : (name || "default") }),
|
|
42
|
+
helperText && React.createElement(FormHelperText, { className: classes.error }, helperText))));
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Checkbox/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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<"error" | "root" | "rootError", 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,36 @@
|
|
|
1
|
+
import { makeStyles } from "tss-react/mui";
|
|
2
|
+
const useStyles = makeStyles()((theme) => {
|
|
3
|
+
return {
|
|
4
|
+
root: {
|
|
5
|
+
margin: 0,
|
|
6
|
+
width: "100%",
|
|
7
|
+
display: "flex",
|
|
8
|
+
alignItems: "center",
|
|
9
|
+
justifyContent: "flex-start",
|
|
10
|
+
"& .MuiButtonBase-root": {
|
|
11
|
+
padding: "0 9px"
|
|
12
|
+
},
|
|
13
|
+
"& .MuiTypography-root": {
|
|
14
|
+
fontSize: "14px",
|
|
15
|
+
lineHeight: "14px",
|
|
16
|
+
textTransform: "capitalize"
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
rootError: {
|
|
20
|
+
"& span": {
|
|
21
|
+
color: theme.palette.error.main
|
|
22
|
+
},
|
|
23
|
+
"& svg": {
|
|
24
|
+
fill: theme.palette.error.main
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
error: {
|
|
28
|
+
fontSize: "11px",
|
|
29
|
+
lineHeight: "16px",
|
|
30
|
+
textTransform: "capitalize",
|
|
31
|
+
color: theme.palette.error.main
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
});
|
|
35
|
+
export default useStyles;
|
|
36
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Checkbox/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,YAAY;YAC5B,uBAAuB,EAAE;gBACrB,OAAO,EAAE,OAAO;aACnB;YACD,uBAAuB,EAAE;gBACrB,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,MAAM;gBAClB,aAAa,EAAE,YAAY;aAC9B;SACJ;QACD,SAAS,EAAE;YACP,QAAQ,EAAE;gBACN,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;aAClC;YACD,OAAO,EAAE;gBACL,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;aACjC;SACJ;QACD,KAAK,EAAE;YACH,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,MAAM;YAClB,aAAa,EAAE,YAAY;YAC3B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;SAClC;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { FC } from "react";
|
|
2
|
+
import { DateTimePickerProps } from "@mui/x-date-pickers/DateTimePicker";
|
|
3
|
+
import { DatePickerProps } from "@mui/x-date-pickers/DatePicker";
|
|
4
|
+
type iDatePicker = DateTimePickerProps<any> & DatePickerProps<any> & {
|
|
5
|
+
style?: any;
|
|
6
|
+
name?: string;
|
|
7
|
+
value?: string;
|
|
8
|
+
onChange?: any;
|
|
9
|
+
error?: boolean;
|
|
10
|
+
hijri?: boolean;
|
|
11
|
+
minDate?: string;
|
|
12
|
+
maxDate?: string;
|
|
13
|
+
withTime?: boolean;
|
|
14
|
+
textView?: boolean;
|
|
15
|
+
fullWidth?: boolean;
|
|
16
|
+
helperText?: string;
|
|
17
|
+
viewFormat?: string;
|
|
18
|
+
actionFormat?: string;
|
|
19
|
+
};
|
|
20
|
+
export declare const DatePicker: FC<iDatePicker>;
|
|
21
|
+
export {};
|