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.
Files changed (245) hide show
  1. package/dist/cjs/Builder/Dashboard/index.d.ts +21 -0
  2. package/dist/cjs/Builder/Dashboard/index.js +54 -0
  3. package/dist/cjs/Builder/Dashboard/index.js.map +1 -0
  4. package/dist/cjs/Builder/Dashboard/theme.d.ts +10 -0
  5. package/dist/cjs/Builder/Dashboard/theme.js +38 -0
  6. package/dist/cjs/Builder/Dashboard/theme.js.map +1 -0
  7. package/dist/cjs/Builder/Footer/index.d.ts +8 -0
  8. package/dist/cjs/Builder/Footer/index.js +31 -0
  9. package/dist/cjs/Builder/Footer/index.js.map +1 -0
  10. package/dist/cjs/Builder/Footer/theme.d.ts +10 -0
  11. package/dist/cjs/Builder/Footer/theme.js +79 -0
  12. package/dist/cjs/Builder/Footer/theme.js.map +1 -0
  13. package/dist/cjs/Builder/Header/dskHeader/index.d.ts +21 -0
  14. package/dist/cjs/Builder/Header/dskHeader/index.js +152 -0
  15. package/dist/cjs/Builder/Header/dskHeader/index.js.map +1 -0
  16. package/dist/cjs/Builder/Header/index.d.ts +22 -0
  17. package/dist/cjs/Builder/Header/index.js +21 -0
  18. package/dist/cjs/Builder/Header/index.js.map +1 -0
  19. package/dist/cjs/Builder/Header/mobHeader/index.d.ts +20 -0
  20. package/dist/cjs/Builder/Header/mobHeader/index.js +171 -0
  21. package/dist/cjs/Builder/Header/mobHeader/index.js.map +1 -0
  22. package/dist/cjs/Builder/Header/theme.d.ts +10 -0
  23. package/dist/cjs/Builder/Header/theme.js +464 -0
  24. package/dist/cjs/Builder/Header/theme.js.map +1 -0
  25. package/dist/cjs/Builder/Page/index.d.ts +7 -0
  26. package/dist/cjs/Builder/Page/index.js +22 -0
  27. package/dist/cjs/Builder/Page/index.js.map +1 -0
  28. package/dist/cjs/Builder/Page/theme.d.ts +10 -0
  29. package/dist/cjs/Builder/Page/theme.js +29 -0
  30. package/dist/cjs/Builder/Page/theme.js.map +1 -0
  31. package/dist/cjs/Builder/Sidebar/MaxSidebar/index.d.ts +7 -0
  32. package/dist/cjs/Builder/Sidebar/MaxSidebar/index.js +75 -0
  33. package/dist/cjs/Builder/Sidebar/MaxSidebar/index.js.map +1 -0
  34. package/dist/cjs/Builder/Sidebar/MinSidebar/index.d.ts +7 -0
  35. package/dist/cjs/Builder/Sidebar/MinSidebar/index.js +70 -0
  36. package/dist/cjs/Builder/Sidebar/MinSidebar/index.js.map +1 -0
  37. package/dist/cjs/Builder/Sidebar/index.d.ts +8 -0
  38. package/dist/cjs/Builder/Sidebar/index.js +24 -0
  39. package/dist/cjs/Builder/Sidebar/index.js.map +1 -0
  40. package/dist/cjs/Builder/Sidebar/theme.d.ts +10 -0
  41. package/dist/cjs/Builder/Sidebar/theme.js +218 -0
  42. package/dist/cjs/Builder/Sidebar/theme.js.map +1 -0
  43. package/dist/cjs/Builder/index.d.ts +5 -0
  44. package/dist/cjs/Builder/index.js +19 -0
  45. package/dist/cjs/Builder/index.js.map +1 -0
  46. package/dist/cjs/Builder/theme.d.ts +2 -0
  47. package/dist/cjs/Builder/theme.js +28 -0
  48. package/dist/cjs/Builder/theme.js.map +1 -0
  49. package/dist/cjs/Components/Button/index.d.ts +3 -0
  50. package/dist/cjs/Components/Button/index.js +19 -0
  51. package/dist/cjs/Components/Button/index.js.map +1 -0
  52. package/dist/cjs/Components/Button/theme.d.ts +10 -0
  53. package/dist/cjs/Components/Button/theme.js +22 -0
  54. package/dist/cjs/Components/Button/theme.js.map +1 -0
  55. package/dist/cjs/Components/Checkbox/index.d.ts +14 -0
  56. package/dist/cjs/Components/Checkbox/index.js +74 -0
  57. package/dist/cjs/Components/Checkbox/index.js.map +1 -0
  58. package/dist/cjs/Components/Checkbox/theme.d.ts +10 -0
  59. package/dist/cjs/Components/Checkbox/theme.js +38 -0
  60. package/dist/cjs/Components/Checkbox/theme.js.map +1 -0
  61. package/dist/cjs/Components/DatePicker/index.d.ts +21 -0
  62. package/dist/cjs/Components/DatePicker/index.js +90 -0
  63. package/dist/cjs/Components/DatePicker/index.js.map +1 -0
  64. package/dist/cjs/Components/DatePicker/theme.d.ts +10 -0
  65. package/dist/cjs/Components/DatePicker/theme.js +56 -0
  66. package/dist/cjs/Components/DatePicker/theme.js.map +1 -0
  67. package/dist/cjs/Components/Form/index.d.ts +58 -0
  68. package/dist/cjs/Components/Form/index.js +84 -0
  69. package/dist/cjs/Components/Form/index.js.map +1 -0
  70. package/dist/cjs/Components/Form/theme.d.ts +10 -0
  71. package/dist/cjs/Components/Form/theme.js +16 -0
  72. package/dist/cjs/Components/Form/theme.js.map +1 -0
  73. package/dist/cjs/Components/Grid/index.d.ts +85 -0
  74. package/dist/cjs/Components/Grid/index.js +213 -0
  75. package/dist/cjs/Components/Grid/index.js.map +1 -0
  76. package/dist/cjs/Components/Grid/theme.d.ts +10 -0
  77. package/dist/cjs/Components/Grid/theme.js +62 -0
  78. package/dist/cjs/Components/Grid/theme.js.map +1 -0
  79. package/dist/cjs/Components/Input/index.d.ts +33 -0
  80. package/dist/cjs/Components/Input/index.js +111 -0
  81. package/dist/cjs/Components/Input/index.js.map +1 -0
  82. package/dist/cjs/Components/Input/theme.d.ts +10 -0
  83. package/dist/cjs/Components/Input/theme.js +46 -0
  84. package/dist/cjs/Components/Input/theme.js.map +1 -0
  85. package/dist/cjs/Components/Modal/index.d.ts +8 -0
  86. package/dist/cjs/Components/Modal/index.js +51 -0
  87. package/dist/cjs/Components/Modal/index.js.map +1 -0
  88. package/dist/cjs/Components/Modal/theme.d.ts +10 -0
  89. package/dist/cjs/Components/Modal/theme.js +40 -0
  90. package/dist/cjs/Components/Modal/theme.js.map +1 -0
  91. package/dist/cjs/Components/Select/index.d.ts +54 -0
  92. package/dist/cjs/Components/Select/index.js +128 -0
  93. package/dist/cjs/Components/Select/index.js.map +1 -0
  94. package/dist/cjs/Components/Select/theme.d.ts +10 -0
  95. package/dist/cjs/Components/Select/theme.js +61 -0
  96. package/dist/cjs/Components/Select/theme.js.map +1 -0
  97. package/dist/cjs/Components/Switch/index.d.ts +14 -0
  98. package/dist/cjs/Components/Switch/index.js +74 -0
  99. package/dist/cjs/Components/Switch/index.js.map +1 -0
  100. package/dist/cjs/Components/Switch/theme.d.ts +10 -0
  101. package/dist/cjs/Components/Switch/theme.js +42 -0
  102. package/dist/cjs/Components/Switch/theme.js.map +1 -0
  103. package/dist/cjs/Components/Upload/index.d.ts +16 -0
  104. package/dist/cjs/Components/Upload/index.js +158 -0
  105. package/dist/cjs/Components/Upload/index.js.map +1 -0
  106. package/dist/cjs/Components/Upload/theme.d.ts +10 -0
  107. package/dist/cjs/Components/Upload/theme.js +99 -0
  108. package/dist/cjs/Components/Upload/theme.js.map +1 -0
  109. package/dist/cjs/Components/index.d.ts +11 -0
  110. package/dist/cjs/Components/index.js +61 -0
  111. package/dist/cjs/Components/index.js.map +1 -0
  112. package/dist/cjs/Services/Requests/index.d.ts +41 -0
  113. package/dist/cjs/Services/Requests/index.js +81 -0
  114. package/dist/cjs/Services/Requests/index.js.map +1 -0
  115. package/dist/cjs/Services/index.d.ts +1 -0
  116. package/dist/cjs/Services/index.js +8 -0
  117. package/dist/cjs/Services/index.js.map +1 -0
  118. package/dist/cjs/index.d.ts +4 -0
  119. package/dist/cjs/index.js +25 -0
  120. package/dist/cjs/index.js.map +1 -0
  121. package/dist/cjs/rtl_style copy.css +102 -0
  122. package/dist/cjs/rtl_style.css +102 -0
  123. package/dist/esm/Builder/Dashboard/index.d.ts +21 -0
  124. package/dist/esm/Builder/Dashboard/index.js +24 -0
  125. package/dist/esm/Builder/Dashboard/index.js.map +1 -0
  126. package/dist/esm/Builder/Dashboard/theme.d.ts +10 -0
  127. package/dist/esm/Builder/Dashboard/theme.js +36 -0
  128. package/dist/esm/Builder/Dashboard/theme.js.map +1 -0
  129. package/dist/esm/Builder/Footer/index.d.ts +8 -0
  130. package/dist/esm/Builder/Footer/index.js +24 -0
  131. package/dist/esm/Builder/Footer/index.js.map +1 -0
  132. package/dist/esm/Builder/Footer/theme.d.ts +10 -0
  133. package/dist/esm/Builder/Footer/theme.js +77 -0
  134. package/dist/esm/Builder/Footer/theme.js.map +1 -0
  135. package/dist/esm/Builder/Header/dskHeader/index.d.ts +21 -0
  136. package/dist/esm/Builder/Header/dskHeader/index.js +122 -0
  137. package/dist/esm/Builder/Header/dskHeader/index.js.map +1 -0
  138. package/dist/esm/Builder/Header/index.d.ts +22 -0
  139. package/dist/esm/Builder/Header/index.js +14 -0
  140. package/dist/esm/Builder/Header/index.js.map +1 -0
  141. package/dist/esm/Builder/Header/mobHeader/index.d.ts +20 -0
  142. package/dist/esm/Builder/Header/mobHeader/index.js +141 -0
  143. package/dist/esm/Builder/Header/mobHeader/index.js.map +1 -0
  144. package/dist/esm/Builder/Header/theme.d.ts +10 -0
  145. package/dist/esm/Builder/Header/theme.js +462 -0
  146. package/dist/esm/Builder/Header/theme.js.map +1 -0
  147. package/dist/esm/Builder/Page/index.d.ts +7 -0
  148. package/dist/esm/Builder/Page/index.js +15 -0
  149. package/dist/esm/Builder/Page/index.js.map +1 -0
  150. package/dist/esm/Builder/Page/theme.d.ts +10 -0
  151. package/dist/esm/Builder/Page/theme.js +27 -0
  152. package/dist/esm/Builder/Page/theme.js.map +1 -0
  153. package/dist/esm/Builder/Sidebar/MaxSidebar/index.d.ts +7 -0
  154. package/dist/esm/Builder/Sidebar/MaxSidebar/index.js +45 -0
  155. package/dist/esm/Builder/Sidebar/MaxSidebar/index.js.map +1 -0
  156. package/dist/esm/Builder/Sidebar/MinSidebar/index.d.ts +7 -0
  157. package/dist/esm/Builder/Sidebar/MinSidebar/index.js +40 -0
  158. package/dist/esm/Builder/Sidebar/MinSidebar/index.js.map +1 -0
  159. package/dist/esm/Builder/Sidebar/index.d.ts +8 -0
  160. package/dist/esm/Builder/Sidebar/index.js +17 -0
  161. package/dist/esm/Builder/Sidebar/index.js.map +1 -0
  162. package/dist/esm/Builder/Sidebar/theme.d.ts +10 -0
  163. package/dist/esm/Builder/Sidebar/theme.js +216 -0
  164. package/dist/esm/Builder/Sidebar/theme.js.map +1 -0
  165. package/dist/esm/Builder/index.d.ts +5 -0
  166. package/dist/esm/Builder/index.js +11 -0
  167. package/dist/esm/Builder/index.js.map +1 -0
  168. package/dist/esm/Builder/theme.d.ts +2 -0
  169. package/dist/esm/Builder/theme.js +26 -0
  170. package/dist/esm/Builder/theme.js.map +1 -0
  171. package/dist/esm/Components/Button/index.d.ts +3 -0
  172. package/dist/esm/Components/Button/index.js +12 -0
  173. package/dist/esm/Components/Button/index.js.map +1 -0
  174. package/dist/esm/Components/Button/theme.d.ts +10 -0
  175. package/dist/esm/Components/Button/theme.js +20 -0
  176. package/dist/esm/Components/Button/theme.js.map +1 -0
  177. package/dist/esm/Components/Checkbox/index.d.ts +14 -0
  178. package/dist/esm/Components/Checkbox/index.js +44 -0
  179. package/dist/esm/Components/Checkbox/index.js.map +1 -0
  180. package/dist/esm/Components/Checkbox/theme.d.ts +10 -0
  181. package/dist/esm/Components/Checkbox/theme.js +36 -0
  182. package/dist/esm/Components/Checkbox/theme.js.map +1 -0
  183. package/dist/esm/Components/DatePicker/index.d.ts +21 -0
  184. package/dist/esm/Components/DatePicker/index.js +60 -0
  185. package/dist/esm/Components/DatePicker/index.js.map +1 -0
  186. package/dist/esm/Components/DatePicker/theme.d.ts +10 -0
  187. package/dist/esm/Components/DatePicker/theme.js +54 -0
  188. package/dist/esm/Components/DatePicker/theme.js.map +1 -0
  189. package/dist/esm/Components/Form/index.d.ts +58 -0
  190. package/dist/esm/Components/Form/index.js +77 -0
  191. package/dist/esm/Components/Form/index.js.map +1 -0
  192. package/dist/esm/Components/Form/theme.d.ts +10 -0
  193. package/dist/esm/Components/Form/theme.js +14 -0
  194. package/dist/esm/Components/Form/theme.js.map +1 -0
  195. package/dist/esm/Components/Grid/index.d.ts +85 -0
  196. package/dist/esm/Components/Grid/index.js +183 -0
  197. package/dist/esm/Components/Grid/index.js.map +1 -0
  198. package/dist/esm/Components/Grid/theme.d.ts +10 -0
  199. package/dist/esm/Components/Grid/theme.js +60 -0
  200. package/dist/esm/Components/Grid/theme.js.map +1 -0
  201. package/dist/esm/Components/Input/index.d.ts +33 -0
  202. package/dist/esm/Components/Input/index.js +81 -0
  203. package/dist/esm/Components/Input/index.js.map +1 -0
  204. package/dist/esm/Components/Input/theme.d.ts +10 -0
  205. package/dist/esm/Components/Input/theme.js +44 -0
  206. package/dist/esm/Components/Input/theme.js.map +1 -0
  207. package/dist/esm/Components/Modal/index.d.ts +8 -0
  208. package/dist/esm/Components/Modal/index.js +21 -0
  209. package/dist/esm/Components/Modal/index.js.map +1 -0
  210. package/dist/esm/Components/Modal/theme.d.ts +10 -0
  211. package/dist/esm/Components/Modal/theme.js +38 -0
  212. package/dist/esm/Components/Modal/theme.js.map +1 -0
  213. package/dist/esm/Components/Select/index.d.ts +54 -0
  214. package/dist/esm/Components/Select/index.js +98 -0
  215. package/dist/esm/Components/Select/index.js.map +1 -0
  216. package/dist/esm/Components/Select/theme.d.ts +10 -0
  217. package/dist/esm/Components/Select/theme.js +59 -0
  218. package/dist/esm/Components/Select/theme.js.map +1 -0
  219. package/dist/esm/Components/Switch/index.d.ts +14 -0
  220. package/dist/esm/Components/Switch/index.js +44 -0
  221. package/dist/esm/Components/Switch/index.js.map +1 -0
  222. package/dist/esm/Components/Switch/theme.d.ts +10 -0
  223. package/dist/esm/Components/Switch/theme.js +40 -0
  224. package/dist/esm/Components/Switch/theme.js.map +1 -0
  225. package/dist/esm/Components/Upload/index.d.ts +16 -0
  226. package/dist/esm/Components/Upload/index.js +128 -0
  227. package/dist/esm/Components/Upload/index.js.map +1 -0
  228. package/dist/esm/Components/Upload/theme.d.ts +10 -0
  229. package/dist/esm/Components/Upload/theme.js +97 -0
  230. package/dist/esm/Components/Upload/theme.js.map +1 -0
  231. package/dist/esm/Components/index.d.ts +11 -0
  232. package/dist/esm/Components/index.js +25 -0
  233. package/dist/esm/Components/index.js.map +1 -0
  234. package/dist/esm/Services/Requests/index.d.ts +41 -0
  235. package/dist/esm/Services/Requests/index.js +74 -0
  236. package/dist/esm/Services/Requests/index.js.map +1 -0
  237. package/dist/esm/Services/index.d.ts +1 -0
  238. package/dist/esm/Services/index.js +3 -0
  239. package/dist/esm/Services/index.js.map +1 -0
  240. package/dist/esm/index.d.ts +4 -0
  241. package/dist/esm/index.js +9 -0
  242. package/dist/esm/index.js.map +1 -0
  243. package/dist/esm/rtl_style copy.css +102 -0
  244. package/dist/esm/rtl_style.css +102 -0
  245. 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":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,cAAc;AACd,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAErF,SAAS;AACT,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,SAAS;AACT,OAAO,SAAS,MAAM,UAAU,CAAC;AAQjC,MAAM,CAAC,MAAM,UAAU,GAAoB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/D,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,CAAE,QAAQ,EAAE,WAAW,CAAE,GAAG,QAAQ,CAAM,EAAE,CAAC,CAAC;IAEpD,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,WAAW;YAC/B,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IACvB,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,QAAa,EAAE,KAAa,EAAE,EAAE;gBACpI,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACvD,IAAI,QAAQ,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;oBAClD,OAAO,CACH,oBAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,QAAQ;wBAC7C,oBAAC,OAAO,IAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAC,OAAO;4BAC7C,oBAAC,MAAM,IAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,EAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,aAAa,EAAC,CAAC;gCAC1G,QAAQ,CAAC,KAAK,IAAI,6BAAK,GAAG,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,KAAK,GAAI;gCACnE,QAAQ,CAAC,CAAC,CAAC,oBAAC,QAAQ,OAAE,CAAC,CAAC,CAAC,EAAE,CACvB,CACH;wBACR,QAAQ,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM;4BACxC,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,OAAO,CAAC,QAAQ,cAAc,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,eAAe,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,IAC1V,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,aAAkB,EAAE,UAAkB,EAAE,EAAE;gCAC/D,MAAM,aAAa,GAAG,aAAa,CAAC,IAAI,IAAI,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;gCACtE,OAAO,CACH,oBAAC,QAAQ,IAAC,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;oCACrD,oBAAC,MAAM,OAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAC,IAAI,EAAE,aAAa,CAAC,IAAI,EAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC;wCACtI,aAAa,CAAC,KAAK,IAAI,6BAAK,GAAG,EAAE,aAAa,CAAC,KAAK,EAAE,GAAG,EAAE,aAAa,CAAC,KAAK,GAAI;wCAClF,aAAa,CAAC,CAAC,CAAC,oBAAC,aAAa,OAAG,CAAC,CAAC,CAAC,EAAE;wCACtC,CAAC,aAAa,CAAC,OAAO,IAAI,aAAa,CAAC,KAAK,CACzC,CACF,CACd,CAAA;4BACL,CAAC,CAAC,CACC,CAEJ,CACd,CAAA;gBACL,CAAC;qBAAM,CAAC;oBACJ,OAAO,CACH,oBAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,QAAQ;wBAC7C,oBAAC,OAAO,IAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAC,OAAO;4BAC7C,oBAAC,MAAM,IAAC,SAAS,QAAC,SAAS,EAAE,OAAO,CAAC,MAAM,KAAM,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;gCACvJ,QAAQ,CAAC,KAAK,IAAI,6BAAK,GAAG,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,KAAK,GAAI;gCACnE,QAAQ,CAAC,CAAC,CAAC,oBAAC,QAAQ,OAAE,CAAC,CAAC,CAAC,EAAE,CACvB,CACH,CACH,CACd,CAAA;gBACL,CAAC;YACL,CAAC,CAAC,CACC,CACL,CACO,CACpB,CAAC;AACN,CAAC,CAAA"}
@@ -0,0 +1,8 @@
1
+ import { FC } from "react";
2
+ interface SidebarInterface {
3
+ menus?: any;
4
+ setMenus?: any;
5
+ sidebar?: boolean;
6
+ }
7
+ export declare const Sidebar: FC<SidebarInterface>;
8
+ export {};
@@ -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,5 @@
1
+ export { Header } from "./Header";
2
+ export { Footer } from "./Footer";
3
+ export { Sidebar } from "./Sidebar";
4
+ export { Dashboard } from "./Dashboard";
5
+ export { Page } from "./Page";
@@ -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,2 @@
1
+ declare const theme: import("@mui/material/styles").Theme;
2
+ export default theme;
@@ -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,3 @@
1
+ import { FC } from "react";
2
+ import { ButtonProps } from "@mui/material";
3
+ export declare const Button: FC<ButtonProps>;
@@ -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 {};