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.
Files changed (243) 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.css +102 -0
  122. package/dist/esm/Builder/Dashboard/index.d.ts +21 -0
  123. package/dist/esm/Builder/Dashboard/index.js +24 -0
  124. package/dist/esm/Builder/Dashboard/index.js.map +1 -0
  125. package/dist/esm/Builder/Dashboard/theme.d.ts +10 -0
  126. package/dist/esm/Builder/Dashboard/theme.js +36 -0
  127. package/dist/esm/Builder/Dashboard/theme.js.map +1 -0
  128. package/dist/esm/Builder/Footer/index.d.ts +8 -0
  129. package/dist/esm/Builder/Footer/index.js +24 -0
  130. package/dist/esm/Builder/Footer/index.js.map +1 -0
  131. package/dist/esm/Builder/Footer/theme.d.ts +10 -0
  132. package/dist/esm/Builder/Footer/theme.js +77 -0
  133. package/dist/esm/Builder/Footer/theme.js.map +1 -0
  134. package/dist/esm/Builder/Header/dskHeader/index.d.ts +21 -0
  135. package/dist/esm/Builder/Header/dskHeader/index.js +122 -0
  136. package/dist/esm/Builder/Header/dskHeader/index.js.map +1 -0
  137. package/dist/esm/Builder/Header/index.d.ts +22 -0
  138. package/dist/esm/Builder/Header/index.js +14 -0
  139. package/dist/esm/Builder/Header/index.js.map +1 -0
  140. package/dist/esm/Builder/Header/mobHeader/index.d.ts +20 -0
  141. package/dist/esm/Builder/Header/mobHeader/index.js +141 -0
  142. package/dist/esm/Builder/Header/mobHeader/index.js.map +1 -0
  143. package/dist/esm/Builder/Header/theme.d.ts +10 -0
  144. package/dist/esm/Builder/Header/theme.js +462 -0
  145. package/dist/esm/Builder/Header/theme.js.map +1 -0
  146. package/dist/esm/Builder/Page/index.d.ts +7 -0
  147. package/dist/esm/Builder/Page/index.js +15 -0
  148. package/dist/esm/Builder/Page/index.js.map +1 -0
  149. package/dist/esm/Builder/Page/theme.d.ts +10 -0
  150. package/dist/esm/Builder/Page/theme.js +27 -0
  151. package/dist/esm/Builder/Page/theme.js.map +1 -0
  152. package/dist/esm/Builder/Sidebar/MaxSidebar/index.d.ts +7 -0
  153. package/dist/esm/Builder/Sidebar/MaxSidebar/index.js +45 -0
  154. package/dist/esm/Builder/Sidebar/MaxSidebar/index.js.map +1 -0
  155. package/dist/esm/Builder/Sidebar/MinSidebar/index.d.ts +7 -0
  156. package/dist/esm/Builder/Sidebar/MinSidebar/index.js +40 -0
  157. package/dist/esm/Builder/Sidebar/MinSidebar/index.js.map +1 -0
  158. package/dist/esm/Builder/Sidebar/index.d.ts +8 -0
  159. package/dist/esm/Builder/Sidebar/index.js +17 -0
  160. package/dist/esm/Builder/Sidebar/index.js.map +1 -0
  161. package/dist/esm/Builder/Sidebar/theme.d.ts +10 -0
  162. package/dist/esm/Builder/Sidebar/theme.js +216 -0
  163. package/dist/esm/Builder/Sidebar/theme.js.map +1 -0
  164. package/dist/esm/Builder/index.d.ts +5 -0
  165. package/dist/esm/Builder/index.js +11 -0
  166. package/dist/esm/Builder/index.js.map +1 -0
  167. package/dist/esm/Builder/theme.d.ts +2 -0
  168. package/dist/esm/Builder/theme.js +26 -0
  169. package/dist/esm/Builder/theme.js.map +1 -0
  170. package/dist/esm/Components/Button/index.d.ts +3 -0
  171. package/dist/esm/Components/Button/index.js +12 -0
  172. package/dist/esm/Components/Button/index.js.map +1 -0
  173. package/dist/esm/Components/Button/theme.d.ts +10 -0
  174. package/dist/esm/Components/Button/theme.js +20 -0
  175. package/dist/esm/Components/Button/theme.js.map +1 -0
  176. package/dist/esm/Components/Checkbox/index.d.ts +14 -0
  177. package/dist/esm/Components/Checkbox/index.js +44 -0
  178. package/dist/esm/Components/Checkbox/index.js.map +1 -0
  179. package/dist/esm/Components/Checkbox/theme.d.ts +10 -0
  180. package/dist/esm/Components/Checkbox/theme.js +36 -0
  181. package/dist/esm/Components/Checkbox/theme.js.map +1 -0
  182. package/dist/esm/Components/DatePicker/index.d.ts +21 -0
  183. package/dist/esm/Components/DatePicker/index.js +60 -0
  184. package/dist/esm/Components/DatePicker/index.js.map +1 -0
  185. package/dist/esm/Components/DatePicker/theme.d.ts +10 -0
  186. package/dist/esm/Components/DatePicker/theme.js +54 -0
  187. package/dist/esm/Components/DatePicker/theme.js.map +1 -0
  188. package/dist/esm/Components/Form/index.d.ts +58 -0
  189. package/dist/esm/Components/Form/index.js +77 -0
  190. package/dist/esm/Components/Form/index.js.map +1 -0
  191. package/dist/esm/Components/Form/theme.d.ts +10 -0
  192. package/dist/esm/Components/Form/theme.js +14 -0
  193. package/dist/esm/Components/Form/theme.js.map +1 -0
  194. package/dist/esm/Components/Grid/index.d.ts +85 -0
  195. package/dist/esm/Components/Grid/index.js +183 -0
  196. package/dist/esm/Components/Grid/index.js.map +1 -0
  197. package/dist/esm/Components/Grid/theme.d.ts +10 -0
  198. package/dist/esm/Components/Grid/theme.js +60 -0
  199. package/dist/esm/Components/Grid/theme.js.map +1 -0
  200. package/dist/esm/Components/Input/index.d.ts +33 -0
  201. package/dist/esm/Components/Input/index.js +81 -0
  202. package/dist/esm/Components/Input/index.js.map +1 -0
  203. package/dist/esm/Components/Input/theme.d.ts +10 -0
  204. package/dist/esm/Components/Input/theme.js +44 -0
  205. package/dist/esm/Components/Input/theme.js.map +1 -0
  206. package/dist/esm/Components/Modal/index.d.ts +8 -0
  207. package/dist/esm/Components/Modal/index.js +21 -0
  208. package/dist/esm/Components/Modal/index.js.map +1 -0
  209. package/dist/esm/Components/Modal/theme.d.ts +10 -0
  210. package/dist/esm/Components/Modal/theme.js +38 -0
  211. package/dist/esm/Components/Modal/theme.js.map +1 -0
  212. package/dist/esm/Components/Select/index.d.ts +54 -0
  213. package/dist/esm/Components/Select/index.js +98 -0
  214. package/dist/esm/Components/Select/index.js.map +1 -0
  215. package/dist/esm/Components/Select/theme.d.ts +10 -0
  216. package/dist/esm/Components/Select/theme.js +59 -0
  217. package/dist/esm/Components/Select/theme.js.map +1 -0
  218. package/dist/esm/Components/Switch/index.d.ts +14 -0
  219. package/dist/esm/Components/Switch/index.js +44 -0
  220. package/dist/esm/Components/Switch/index.js.map +1 -0
  221. package/dist/esm/Components/Switch/theme.d.ts +10 -0
  222. package/dist/esm/Components/Switch/theme.js +40 -0
  223. package/dist/esm/Components/Switch/theme.js.map +1 -0
  224. package/dist/esm/Components/Upload/index.d.ts +16 -0
  225. package/dist/esm/Components/Upload/index.js +128 -0
  226. package/dist/esm/Components/Upload/index.js.map +1 -0
  227. package/dist/esm/Components/Upload/theme.d.ts +10 -0
  228. package/dist/esm/Components/Upload/theme.js +97 -0
  229. package/dist/esm/Components/Upload/theme.js.map +1 -0
  230. package/dist/esm/Components/index.d.ts +11 -0
  231. package/dist/esm/Components/index.js +25 -0
  232. package/dist/esm/Components/index.js.map +1 -0
  233. package/dist/esm/Services/Requests/index.d.ts +41 -0
  234. package/dist/esm/Services/Requests/index.js +74 -0
  235. package/dist/esm/Services/Requests/index.js.map +1 -0
  236. package/dist/esm/Services/index.d.ts +1 -0
  237. package/dist/esm/Services/index.js +3 -0
  238. package/dist/esm/Services/index.js.map +1 -0
  239. package/dist/esm/index.d.ts +4 -0
  240. package/dist/esm/index.js +9 -0
  241. package/dist/esm/index.js.map +1 -0
  242. package/dist/esm/rtl_style.css +102 -0
  243. package/package.json +3 -5
@@ -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 {};
@@ -0,0 +1,60 @@
1
+ import React, { useState, useEffect } from "react";
2
+ // React Hook Form
3
+ import { useFormContext } from "react-hook-form";
4
+ // Moment
5
+ import Moment from "moment";
6
+ // Coject Hijri
7
+ import MomentHijri from "coject-hijri";
8
+ import { Adapter } from "coject-hijri/adapter";
9
+ // Material UI
10
+ import { Box, Typography, FormHelperText } from "@mui/material";
11
+ import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
12
+ import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
13
+ import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
14
+ import { DatePicker as MuiDatePicker } from "@mui/x-date-pickers/DatePicker";
15
+ // Styles
16
+ import useStyles from "./theme";
17
+ export const DatePicker = ({ name, value, hijri, viewFormat, actionFormat, minDate, maxDate, error, helperText, style, withTime, textView, fullWidth, onChange, ...props }) => {
18
+ const { classes } = useStyles();
19
+ const Methods = useFormContext() || {};
20
+ const DateComponent = withTime ? DateTimePicker : MuiDatePicker;
21
+ const [selectedDate, setSelectedDate] = useState(hijri ? MomentHijri(new Date()) : Moment(new Date()));
22
+ const { setValue, control, getValues, watch } = useFormContext() || {};
23
+ // Calendar
24
+ const Calendar = hijri
25
+ ? { minDate: MomentHijri(minDate ? minDate : "14-03-1937", (actionFormat && minDate) ? actionFormat : "DD-MM-YYYY"), maxDate: MomentHijri(maxDate ? maxDate : "26-10-2076", (actionFormat && maxDate) ? actionFormat : "DD-MM-YYYY") }
26
+ : { minDate: Moment(minDate ? minDate : "01-01-1900", (actionFormat && minDate) ? actionFormat : "DD-MM-YYYY"), maxDate: Moment(maxDate ? maxDate : "01-12-2099", (actionFormat && maxDate) ? actionFormat : "DD-MM-YYYY") };
27
+ // Methods Watching
28
+ useEffect(() => {
29
+ if (getValues && getValues(name || "default")) {
30
+ const ValueFormat = hijri ? MomentHijri(getValues(name || "default"), actionFormat ? actionFormat : "DD-MM-YYYY") : Moment(getValues(name || "default"), actionFormat ? actionFormat : "DD-MM-YYYY");
31
+ setSelectedDate(ValueFormat);
32
+ }
33
+ else
34
+ setSelectedDate(hijri ? MomentHijri(new Date()) : Moment(new Date()));
35
+ // eslint-disable-next-line react-hooks/exhaustive-deps
36
+ }, [getValues, name, watch && watch(name || "default")]);
37
+ // Default Value
38
+ useEffect(() => {
39
+ control && setValue(name || "default", selectedDate.format(actionFormat ? actionFormat : "DD-MM-YYYY"));
40
+ }, [control, setValue, name, selectedDate, actionFormat]);
41
+ // Normal Value
42
+ useEffect(() => {
43
+ if (value) {
44
+ const ValueFormat = hijri ? MomentHijri(value, actionFormat ? actionFormat : "DD-MM-YYYY") : Moment(value, actionFormat ? actionFormat : "DD-MM-YYYY");
45
+ setSelectedDate(ValueFormat);
46
+ control && setValue(name || "default", ValueFormat.format(actionFormat ? actionFormat : "DD-MM-YYYY"));
47
+ }
48
+ }, [value, setValue, control, name, hijri, actionFormat]);
49
+ return (React.createElement(React.Fragment, null,
50
+ React.createElement(Box, { className: `${classes.root} ${error ? classes.rootError : ""}` },
51
+ React.createElement(LocalizationProvider, { dateAdapter: (hijri ? Adapter : AdapterMoment) }, textView
52
+ ? React.createElement(Typography, { ...style, ...props }, selectedDate.format(viewFormat ? viewFormat : hijri ? (withTime ? "iDD-iMM-iYYYY HH:mm" : "iDD-iMM-iYYYY") : withTime ? "DD-MM-YYYY HH:mm" : "DD-MM-YYYY"))
53
+ : React.createElement(DateComponent, { className: `${fullWidth ? "MuiFormControl-fullWidth" : ""}`, label: props.label ? props.label : name, value: selectedDate, ...style, ...Calendar, ...props, format: viewFormat ? viewFormat : hijri ? (withTime ? "iDD-iMM-iYYYY HH:mm" : "iDD-iMM-iYYYY") : withTime ? "DD-MM-YYYY HH:mm" : "DD-MM-YYYY", onChange: (newValue) => {
54
+ setSelectedDate(newValue);
55
+ onChange && onChange(newValue.format(actionFormat ? actionFormat : "DD-MM-YYYY"), Methods);
56
+ control && setValue(name || "default", newValue.format(actionFormat ? actionFormat : "DD-MM-YYYY"));
57
+ } })),
58
+ helperText && React.createElement(FormHelperText, { className: classes.error }, helperText))));
59
+ };
60
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/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,54 @@
1
+ import { makeStyles } from "tss-react/mui";
2
+ const useStyles = makeStyles()((theme) => {
3
+ return {
4
+ root: {
5
+ margin: 0,
6
+ width: "100%",
7
+ "& input": {
8
+ padding: "12px",
9
+ fontSize: "14px"
10
+ },
11
+ "& fieldset": {
12
+ borderRadius: "unset"
13
+ },
14
+ "& label": {
15
+ top: "-5px",
16
+ fontSize: "14px",
17
+ textTransform: "capitalize",
18
+ "&.MuiInputLabel-shrink": {
19
+ top: "2px"
20
+ }
21
+ },
22
+ "& button": {
23
+ backgroundColor: "transparent !important"
24
+ },
25
+ "& legend": {
26
+ fontSize: "10px"
27
+ },
28
+ "& .MuiFormControl-fullWidth": {
29
+ width: "100%"
30
+ },
31
+ "& .MuiAutocomplete-root": {
32
+ "& .MuiInputBase-root, & input": {
33
+ cursor: "pointer"
34
+ }
35
+ }
36
+ },
37
+ rootError: {
38
+ "& p, & input, & label, & button": {
39
+ color: theme.palette.error.main + "!important"
40
+ },
41
+ "& fieldset": {
42
+ borderColor: theme.palette.error.main + "!important"
43
+ }
44
+ },
45
+ error: {
46
+ fontSize: "11px",
47
+ lineHeight: "16px",
48
+ textTransform: "capitalize",
49
+ color: theme.palette.error.main
50
+ }
51
+ };
52
+ });
53
+ export default useStyles;
54
+ //# sourceMappingURL=theme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/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,SAAS,EAAE;gBACP,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,MAAM;aACnB;YACD,YAAY,EAAE;gBACV,YAAY,EAAE,OAAO;aACxB;YACD,SAAS,EAAE;gBACP,GAAG,EAAE,MAAM;gBACX,QAAQ,EAAE,MAAM;gBAChB,aAAa,EAAE,YAAY;gBAC3B,wBAAwB,EAAE;oBACtB,GAAG,EAAE,KAAK;iBACb;aACJ;YACD,UAAU,EAAE;gBACR,eAAe,EAAE,wBAAwB;aAC5C;YACD,UAAU,EAAE;gBACR,QAAQ,EAAE,MAAM;aACnB;YACD,6BAA6B,EAAE;gBAC3B,KAAK,EAAE,MAAM;aAChB;YACD,yBAAyB,EAAE;gBACvB,+BAA+B,EAAE;oBAC7B,MAAM,EAAE,SAAS;iBACpB;aACJ;SACJ;QACD,SAAS,EAAE;YACP,iCAAiC,EAAE;gBAC/B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,YAAY;aACjD;YACD,YAAY,EAAE;gBACV,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,YAAY;aACvD;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,58 @@
1
+ import { FC, ReactNode } from 'react';
2
+ import { GridColDef } from "@mui/x-data-grid";
3
+ type iSchema = GridColDef & {
4
+ component?: string;
5
+ componentProps?: any;
6
+ componentMedia?: any;
7
+ };
8
+ interface iDataSource {
9
+ name?: string;
10
+ headers?: any;
11
+ apiUrl?: string;
12
+ baseUrl?: string;
13
+ requestData?: any;
14
+ dataPath?: string;
15
+ method?: "get" | "post" | "put" | "delete";
16
+ create?: {
17
+ headers?: any;
18
+ apiUrl?: string;
19
+ requestData?: any;
20
+ dataPath?: string;
21
+ method?: "get" | "post" | "put" | "delete";
22
+ };
23
+ update?: {
24
+ headers?: any;
25
+ apiUrl?: string;
26
+ requestData?: any;
27
+ dataPath?: string;
28
+ method?: "get" | "post" | "put" | "delete";
29
+ };
30
+ delete?: {
31
+ headers?: any;
32
+ apiUrl?: string;
33
+ requestData?: any;
34
+ dataPath?: string;
35
+ method?: "get" | "post" | "put" | "delete";
36
+ };
37
+ }
38
+ interface iForm {
39
+ getForm?: any;
40
+ onSubmit?: any;
41
+ dispatch?: any;
42
+ setModal?: any;
43
+ callback?: any;
44
+ staticData?: any;
45
+ customKey?: string;
46
+ noRequest?: boolean;
47
+ children?: ReactNode;
48
+ schema?: iSchema | any;
49
+ invisibility?: string[];
50
+ onSubmitClear?: boolean;
51
+ dataSource?: iDataSource;
52
+ localeText?: {
53
+ submitButton?: string;
54
+ };
55
+ mode?: "render" | "create" | "update" | "delete";
56
+ }
57
+ export declare const Form: FC<iForm>;
58
+ export {};
@@ -0,0 +1,77 @@
1
+ import React from 'react';
2
+ // React Hook Form
3
+ import { useForm, FormProvider } from "react-hook-form";
4
+ // Request
5
+ import { Request } from "../../Services";
6
+ // Material UI
7
+ import { Grid, Button } from "@mui/material";
8
+ // Coject
9
+ import { Input, Switch, Select, Checkbox, DatePicker } from "../index";
10
+ // Styles
11
+ import useStyles from "./theme";
12
+ export const Form = ({ mode, getForm, schema, dataSource, localeText, staticData, customKey, onSubmit, onSubmitClear, setModal, dispatch, callback, noRequest, invisibility, children, ...props }) => {
13
+ const Data = { ...(staticData ? staticData : {}) };
14
+ const { classes } = useStyles();
15
+ const Methods = useForm();
16
+ // Use Form
17
+ getForm && getForm(Methods);
18
+ // On Form Submit
19
+ const onFormSubmit = (submitData) => {
20
+ onSubmit && onSubmit({ ...((mode === "update") ? Data : {}), ...submitData });
21
+ if (dataSource && !noRequest) {
22
+ Request({
23
+ dataSource, mode,
24
+ apiUrlId: customKey ? Data[customKey] : Data.id,
25
+ data: { ...(dataSource?.requestData ? dataSource.requestData(submitData) : submitData) },
26
+ callback: (data) => {
27
+ callback && callback(data);
28
+ setModal && setModal(false);
29
+ onSubmitClear && Methods.reset();
30
+ }, dispatch
31
+ }).then();
32
+ }
33
+ };
34
+ return (React.createElement(React.Fragment, null,
35
+ React.createElement(FormProvider, { ...Methods },
36
+ React.createElement("form", { className: classes.root, onSubmit: Methods.handleSubmit(onFormSubmit), ...props },
37
+ schema &&
38
+ React.createElement(Grid, { container: true, spacing: 2 },
39
+ schema && !!schema?.length && schema.map((field, index) => {
40
+ if (!(invisibility?.includes(field.field)))
41
+ switch (field.component?.toLowerCase()) {
42
+ case "date":
43
+ return field.actionTemplate
44
+ ? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
45
+ : (React.createElement(Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
46
+ React.createElement(DatePicker, { fullWidth: true, name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
47
+ case "input":
48
+ return field.actionTemplate
49
+ ? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
50
+ : (React.createElement(Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
51
+ React.createElement(Input, { fullWidth: true, name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
52
+ case "switch":
53
+ return field.actionTemplate
54
+ ? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
55
+ : (React.createElement(Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
56
+ React.createElement(Switch, { name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
57
+ case "checkbox":
58
+ return field.actionTemplate
59
+ ? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
60
+ : (React.createElement(Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
61
+ React.createElement(Checkbox, { name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
62
+ case "select":
63
+ return field.actionTemplate
64
+ ? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
65
+ : (React.createElement(Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
66
+ React.createElement(Select, { fullWidth: true, name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
67
+ default:
68
+ return null;
69
+ }
70
+ }),
71
+ children,
72
+ !(children) &&
73
+ React.createElement(Grid, { item: true, xs: 12, sm: 12, md: 12, lg: 12 },
74
+ React.createElement(Button, { fullWidth: true, type: "submit", variant: "outlined" }, localeText?.submitButton || "Submit"))),
75
+ (children && !schema) && children))));
76
+ };
77
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Form/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<"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,14 @@
1
+ import { makeStyles } from "tss-react/mui";
2
+ const useStyles = makeStyles()(() => {
3
+ return {
4
+ root: {
5
+ width: "100%",
6
+ "& button": {
7
+ padding: "9px 15px",
8
+ textTransform: "capitalize"
9
+ }
10
+ }
11
+ };
12
+ });
13
+ export default useStyles;
14
+ //# sourceMappingURL=theme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Form/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,KAAK,EAAE,MAAM;YACb,UAAU,EAAE;gBACR,OAAO,EAAE,UAAU;gBACnB,aAAa,EAAE,YAAY;aAC9B;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
@@ -0,0 +1,85 @@
1
+ import { FC, ReactNode } from 'react';
2
+ import { DataGridProps, GridColDef, GridLocaleText } from "@mui/x-data-grid";
3
+ type iSchema = GridColDef & {
4
+ component?: string;
5
+ componentProps?: any;
6
+ componentMedia?: any;
7
+ };
8
+ type iLocaleText = GridLocaleText & {
9
+ toolbarNew?: string;
10
+ modalAddTitle?: string;
11
+ modalAddButton?: string;
12
+ modalEditTitle?: string;
13
+ modalEditButton?: string;
14
+ paginationLabel?: string;
15
+ modalDeleteTitle?: string;
16
+ gridHeaderAction?: string;
17
+ paginationLabelOf?: string;
18
+ modalDeleteButton?: string;
19
+ modalDeleteMessage?: string;
20
+ };
21
+ interface iDataSource {
22
+ name?: string;
23
+ headers?: any;
24
+ apiUrl?: string;
25
+ baseUrl?: string;
26
+ requestData?: any;
27
+ dataPath?: string;
28
+ method?: "get" | "post" | "put" | "delete";
29
+ create?: {
30
+ headers?: any;
31
+ apiUrl?: string;
32
+ requestData?: any;
33
+ dataPath?: string;
34
+ method?: "get" | "post" | "put" | "delete";
35
+ };
36
+ update?: {
37
+ headers?: any;
38
+ apiUrl?: string;
39
+ requestData?: any;
40
+ dataPath?: string;
41
+ method?: "get" | "post" | "put" | "delete";
42
+ };
43
+ delete?: {
44
+ headers?: any;
45
+ apiUrl?: string;
46
+ requestData?: any;
47
+ dataPath?: string;
48
+ method?: "get" | "post" | "put" | "delete";
49
+ };
50
+ }
51
+ interface iGrid extends DataGridProps {
52
+ dispatch?: any;
53
+ callback?: any;
54
+ staticData?: any;
55
+ onAddSubmit?: any;
56
+ customKey?: string;
57
+ onEditSubmit?: any;
58
+ noRequest?: boolean;
59
+ customToolbar?: any;
60
+ onAddCallback?: any;
61
+ onDeleteSubmit?: any;
62
+ onEditCallback?: any;
63
+ actionsControl?: any;
64
+ schema?: iSchema | any;
65
+ noAddRequest?: boolean;
66
+ onDeleteCallback?: any;
67
+ editFormChildren?: any;
68
+ invisibility?: string[];
69
+ noEditRequest?: boolean;
70
+ dataSource?: iDataSource;
71
+ noRenderRequest?: boolean;
72
+ noDeleteRequest?: boolean;
73
+ addFormChildren?: ReactNode;
74
+ formInvisibility?: string[];
75
+ localeText?: iLocaleText | any;
76
+ actions?: boolean | ("add" | "edit" | "delete")[];
77
+ toolbar?: boolean | ("visibility" | "filter" | "export")[];
78
+ customActions?: {
79
+ icon: string;
80
+ label: string;
81
+ onClick: any;
82
+ }[];
83
+ }
84
+ export declare const Grid: FC<Omit<iGrid, "rows" | "columns">>;
85
+ export {};