coject 1.3.1 → 1.3.3
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/README.md +15 -7
- package/dist/cjs/Builder/Dashboard/index.d.ts +13 -0
- package/dist/cjs/Builder/Dashboard/index.js +50 -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 +13 -0
- package/dist/cjs/Builder/Header/dskHeader/index.js +128 -0
- package/dist/cjs/Builder/Header/dskHeader/index.js.map +1 -0
- package/dist/cjs/Builder/Header/index.d.ts +14 -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 +12 -0
- package/dist/cjs/Builder/Header/mobHeader/index.js +147 -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 +434 -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 +216 -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 -6
- package/dist/cjs/Components/Button/index.js +6 -14
- package/dist/cjs/Components/Button/index.js.map +1 -1
- 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 +9 -3
- package/dist/cjs/Components/Checkbox/index.js +30 -17
- package/dist/cjs/Components/Checkbox/index.js.map +1 -1
- 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 +13 -9
- package/dist/cjs/Components/DatePicker/index.js +21 -26
- package/dist/cjs/Components/DatePicker/index.js.map +1 -1
- 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 +11 -1
- package/dist/cjs/Components/Form/index.js +48 -75
- package/dist/cjs/Components/Form/index.js.map +1 -1
- package/dist/cjs/Components/Form/theme.js +3 -2
- package/dist/cjs/Components/Form/theme.js.map +1 -1
- package/dist/cjs/Components/Grid/index.d.ts +20 -6
- package/dist/cjs/Components/Grid/index.js +99 -43
- package/dist/cjs/Components/Grid/index.js.map +1 -1
- package/dist/cjs/Components/Grid/theme.js +0 -3
- package/dist/cjs/Components/Grid/theme.js.map +1 -1
- package/dist/cjs/Components/Input/index.d.ts +4 -5
- package/dist/cjs/Components/Input/index.js +5 -16
- package/dist/cjs/Components/Input/index.js.map +1 -1
- package/dist/cjs/Components/Input/theme.d.ts +1 -1
- package/dist/cjs/Components/Input/theme.js +14 -5
- package/dist/cjs/Components/Input/theme.js.map +1 -1
- package/dist/cjs/Components/Modal/index.d.ts +3 -4
- package/dist/cjs/Components/Modal/index.js +3 -15
- package/dist/cjs/Components/Modal/index.js.map +1 -1
- package/dist/cjs/Components/Modal/theme.js +3 -1
- package/dist/cjs/Components/Modal/theme.js.map +1 -1
- package/dist/cjs/Components/Select/index.d.ts +12 -7
- package/dist/cjs/Components/Select/index.js +49 -42
- package/dist/cjs/Components/Select/index.js.map +1 -1
- package/dist/cjs/Components/Select/theme.d.ts +10 -0
- package/dist/cjs/Components/Select/theme.js +63 -0
- package/dist/cjs/Components/Select/theme.js.map +1 -0
- package/dist/cjs/Components/Switch/index.d.ts +9 -3
- package/dist/cjs/Components/Switch/index.js +30 -17
- package/dist/cjs/Components/Switch/index.js.map +1 -1
- 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/index.d.ts +1 -1
- package/dist/cjs/Components/index.js +3 -1
- package/dist/cjs/Components/index.js.map +1 -1
- package/dist/cjs/Services/Requests/index.js +28 -40
- package/dist/cjs/Services/Requests/index.js.map +1 -1
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/Builder/Dashboard/index.d.ts +13 -0
- package/dist/esm/Builder/Dashboard/index.js +20 -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 +13 -0
- package/dist/esm/Builder/Header/dskHeader/index.js +98 -0
- package/dist/esm/Builder/Header/dskHeader/index.js.map +1 -0
- package/dist/esm/Builder/Header/index.d.ts +14 -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 +12 -0
- package/dist/esm/Builder/Header/mobHeader/index.js +117 -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 +432 -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 +214 -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 -6
- package/dist/esm/Components/Button/index.js +7 -15
- package/dist/esm/Components/Button/index.js.map +1 -1
- 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 +9 -3
- package/dist/esm/Components/Checkbox/index.js +30 -20
- package/dist/esm/Components/Checkbox/index.js.map +1 -1
- 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 +13 -9
- package/dist/esm/Components/DatePicker/index.js +22 -27
- package/dist/esm/Components/DatePicker/index.js.map +1 -1
- 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 +11 -1
- package/dist/esm/Components/Form/index.js +48 -75
- package/dist/esm/Components/Form/index.js.map +1 -1
- package/dist/esm/Components/Form/theme.js +3 -2
- package/dist/esm/Components/Form/theme.js.map +1 -1
- package/dist/esm/Components/Grid/index.d.ts +20 -6
- package/dist/esm/Components/Grid/index.js +101 -45
- package/dist/esm/Components/Grid/index.js.map +1 -1
- package/dist/esm/Components/Grid/theme.js +0 -3
- package/dist/esm/Components/Grid/theme.js.map +1 -1
- package/dist/esm/Components/Input/index.d.ts +4 -5
- package/dist/esm/Components/Input/index.js +6 -17
- package/dist/esm/Components/Input/index.js.map +1 -1
- package/dist/esm/Components/Input/theme.d.ts +1 -1
- package/dist/esm/Components/Input/theme.js +14 -5
- package/dist/esm/Components/Input/theme.js.map +1 -1
- package/dist/esm/Components/Modal/index.d.ts +3 -4
- package/dist/esm/Components/Modal/index.js +3 -15
- package/dist/esm/Components/Modal/index.js.map +1 -1
- package/dist/esm/Components/Modal/theme.js +3 -1
- package/dist/esm/Components/Modal/theme.js.map +1 -1
- package/dist/esm/Components/Select/index.d.ts +12 -7
- package/dist/esm/Components/Select/index.js +48 -44
- package/dist/esm/Components/Select/index.js.map +1 -1
- package/dist/esm/Components/Select/theme.d.ts +10 -0
- package/dist/esm/Components/Select/theme.js +61 -0
- package/dist/esm/Components/Select/theme.js.map +1 -0
- package/dist/esm/Components/Switch/index.d.ts +9 -3
- package/dist/esm/Components/Switch/index.js +30 -20
- package/dist/esm/Components/Switch/index.js.map +1 -1
- 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/index.d.ts +1 -1
- package/dist/esm/Components/index.js +4 -2
- package/dist/esm/Components/index.js.map +1 -1
- package/dist/esm/Services/Requests/index.js +28 -40
- package/dist/esm/Services/Requests/index.js.map +1 -1
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +7 -7
|
@@ -1,28 +1,38 @@
|
|
|
1
|
-
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { useEffect } from "react";
|
|
1
|
+
import React, { useEffect, useState } from "react";
|
|
13
2
|
// React Hook Form
|
|
14
3
|
import { useFormContext } from "react-hook-form";
|
|
15
4
|
// Material UI
|
|
16
|
-
import { Checkbox as MuiCheckbox } from "@mui/material";
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
5
|
+
import { Box, FormControlLabel, Checkbox as MuiCheckbox, FormHelperText } from "@mui/material";
|
|
6
|
+
// Styles
|
|
7
|
+
import useStyles from "./theme";
|
|
8
|
+
export const Checkbox = ({ name, label, onChange, trueValue, falseValue, helperText, error, ...props }) => {
|
|
9
|
+
const { classes } = useStyles();
|
|
10
|
+
const { setValue, control } = useFormContext() || {};
|
|
11
|
+
const [checkedValue, setCheckedValue] = useState(false);
|
|
20
12
|
// Value
|
|
21
13
|
useEffect(() => {
|
|
22
|
-
if (value)
|
|
23
|
-
control && setValue(name, value);
|
|
24
|
-
|
|
14
|
+
if (props?.value) {
|
|
15
|
+
control && setValue(name || "default", (trueValue ? (props?.value === trueValue) ? trueValue : (falseValue ? falseValue : false) : props?.value));
|
|
16
|
+
setCheckedValue(props?.value ? (`${props?.value}` !== (falseValue ? falseValue : "false")) ? (trueValue ? (`${props?.value}` === trueValue) : true) : false : false);
|
|
17
|
+
}
|
|
18
|
+
else
|
|
19
|
+
control && setValue(name || "default", falseValue ? falseValue : false);
|
|
20
|
+
}, [control, name, setValue, props?.value, falseValue, trueValue]);
|
|
21
|
+
// Change Value
|
|
22
|
+
const changeValue = (event) => {
|
|
23
|
+
onChange && onChange(event, ((event.target.checked) ? (trueValue ? trueValue : true) : (falseValue ? falseValue : false)));
|
|
24
|
+
if (event.target.checked) {
|
|
25
|
+
setCheckedValue(true);
|
|
26
|
+
control && setValue(name || "default", (trueValue ? trueValue : true));
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
setCheckedValue(false);
|
|
30
|
+
control && setValue(name || "default", (falseValue ? falseValue : false));
|
|
31
|
+
}
|
|
32
|
+
};
|
|
25
33
|
return (React.createElement(React.Fragment, null,
|
|
26
|
-
React.createElement(
|
|
34
|
+
React.createElement(Box, { className: `${classes.root} ${error ? classes.rootError : ""}` },
|
|
35
|
+
React.createElement(FormControlLabel, { control: React.createElement(MuiCheckbox, { name: name || "default", value: checkedValue, checked: checkedValue, onChange: changeValue, ...props }), label: label ? label : (name || "default") }),
|
|
36
|
+
helperText && React.createElement(FormHelperText, { className: classes.error }, helperText))));
|
|
27
37
|
};
|
|
28
38
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Checkbox/index.tsx"],"names":[],"mappings":"
|
|
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"}
|
|
@@ -1,18 +1,22 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
|
-
|
|
3
|
-
|
|
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;
|
|
4
7
|
value?: string;
|
|
8
|
+
onChange?: any;
|
|
9
|
+
error?: boolean;
|
|
5
10
|
hijri?: boolean;
|
|
6
11
|
format?: string;
|
|
7
|
-
inFormat?: string;
|
|
8
|
-
outFormat?: string;
|
|
9
12
|
minDate?: string;
|
|
10
13
|
maxDate?: string;
|
|
11
|
-
|
|
14
|
+
inFormat?: string;
|
|
15
|
+
outFormat?: string;
|
|
12
16
|
withTime?: boolean;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}
|
|
17
|
+
textView?: boolean;
|
|
18
|
+
fullWidth?: boolean;
|
|
19
|
+
helperText?: string;
|
|
20
|
+
};
|
|
17
21
|
export declare const DatePicker: FC<iDatePicker>;
|
|
18
22
|
export {};
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import React, { useState, useEffect } from "react";
|
|
13
2
|
// React Hook Form
|
|
14
3
|
import { useFormContext } from "react-hook-form";
|
|
@@ -16,17 +5,18 @@ import { useFormContext } from "react-hook-form";
|
|
|
16
5
|
import Moment from "moment";
|
|
17
6
|
import MomentHijri from "moment-hijri";
|
|
18
7
|
// Material UI
|
|
19
|
-
import { Typography } from "@mui/material";
|
|
8
|
+
import { Box, Typography, FormHelperText } from "@mui/material";
|
|
20
9
|
import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
|
|
21
|
-
import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
|
|
22
10
|
import { AdapterMomentHijri } from "@mui/x-date-pickers/AdapterMomentHijri";
|
|
23
|
-
import { DatePicker as MuiDatePicker } from "@mui/x-date-pickers/DatePicker";
|
|
24
11
|
import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
|
|
25
|
-
|
|
26
|
-
|
|
12
|
+
import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
|
|
13
|
+
import { DatePicker as MuiDatePicker } from "@mui/x-date-pickers/DatePicker";
|
|
14
|
+
// Styles
|
|
15
|
+
import useStyles from "./theme";
|
|
16
|
+
export const DatePicker = ({ name, value, hijri, format, inFormat, outFormat, minDate, maxDate, error, helperText, style, withTime, textView, fullWidth, onChange, ...props }) => {
|
|
17
|
+
const { classes } = useStyles();
|
|
27
18
|
const DateComponent = withTime ? DateTimePicker : MuiDatePicker;
|
|
28
|
-
const
|
|
29
|
-
const { register, setValue } = useFormContext() || {};
|
|
19
|
+
const { setValue, control } = useFormContext() || {};
|
|
30
20
|
const [selectedDate, setSelectedDate] = useState(hijri ? MomentHijri(new Date()) : Moment(new Date()));
|
|
31
21
|
// Calendar
|
|
32
22
|
const Calendar = hijri
|
|
@@ -34,20 +24,25 @@ export const DatePicker = (_a) => {
|
|
|
34
24
|
: { minDate: Moment(minDate ? minDate : "01-01-1900", inFormat ? inFormat : "DD-MM-YYYY"), maxDate: Moment(minDate ? minDate : "01-12-2099", inFormat ? inFormat : "DD-MM-YYYY") };
|
|
35
25
|
// Default Value
|
|
36
26
|
useEffect(() => {
|
|
37
|
-
|
|
38
|
-
}, [
|
|
27
|
+
control && setValue(name || "default", selectedDate.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
28
|
+
}, [control, setValue, name, selectedDate, outFormat]);
|
|
39
29
|
// Normal Value
|
|
40
30
|
useEffect(() => {
|
|
41
31
|
if (value) {
|
|
42
32
|
const ValueFormat = hijri ? MomentHijri(value, inFormat ? inFormat : "DD-MM-YYYY") : Moment(value, inFormat ? inFormat : "DD-MM-YYYY");
|
|
43
33
|
setSelectedDate(ValueFormat);
|
|
44
|
-
|
|
34
|
+
control && setValue(name || "default", ValueFormat.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
45
35
|
}
|
|
46
|
-
}, [value, setValue,
|
|
47
|
-
return (React.createElement(
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
36
|
+
}, [value, setValue, control, name, hijri, inFormat, outFormat]);
|
|
37
|
+
return (React.createElement(React.Fragment, null,
|
|
38
|
+
React.createElement(Box, { className: `${classes.root} ${error ? classes.rootError : ""}` },
|
|
39
|
+
React.createElement(LocalizationProvider, { dateAdapter: hijri ? AdapterMomentHijri : AdapterMoment }, textView
|
|
40
|
+
? React.createElement(Typography, { ...style, ...props }, selectedDate.format(format ? format : hijri ? (withTime ? "iDD-iMM-iYYYY HH:mm" : "iDD-iMM-iYYYY") : withTime ? "DD-MM-YYYY HH:mm" : "DD-MM-YYYY"))
|
|
41
|
+
: React.createElement(DateComponent, { className: `${fullWidth ? "MuiFormControl-fullWidth" : ""}`, label: props.label ? props.label : name, value: selectedDate, ...style, ...Calendar, ...props, format: format ? format : hijri ? (withTime ? "iDD-iMM-iYYYY HH:mm" : "iDD-iMM-iYYYY") : withTime ? "DD-MM-YYYY HH:mm" : "DD-MM-YYYY", onChange: (newValue) => {
|
|
42
|
+
setSelectedDate(newValue);
|
|
43
|
+
onChange && onChange(newValue.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
44
|
+
control && setValue(name || "default", newValue.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
45
|
+
} })),
|
|
46
|
+
helperText && React.createElement(FormHelperText, { className: classes.error }, helperText))));
|
|
52
47
|
};
|
|
53
48
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/index.tsx"],"names":[],"mappings":"
|
|
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"}
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
|
+
import { GridColDef } from "@mui/x-data-grid";
|
|
3
|
+
type iSchema = GridColDef & {
|
|
4
|
+
component?: string;
|
|
5
|
+
componentProps?: any;
|
|
6
|
+
componentMedia?: any;
|
|
7
|
+
};
|
|
2
8
|
interface iForm {
|
|
3
|
-
|
|
9
|
+
style?: any;
|
|
4
10
|
mode?: string;
|
|
5
11
|
name?: string;
|
|
6
12
|
getForm?: any;
|
|
@@ -8,7 +14,11 @@ interface iForm {
|
|
|
8
14
|
children?: any;
|
|
9
15
|
dispatch?: any;
|
|
10
16
|
setModal?: any;
|
|
17
|
+
onSuccess?: any;
|
|
11
18
|
dataSource?: any;
|
|
19
|
+
noRequest?: boolean;
|
|
20
|
+
schema?: iSchema | any;
|
|
21
|
+
invisibility?: string[];
|
|
12
22
|
onSubmitClear?: boolean;
|
|
13
23
|
}
|
|
14
24
|
export declare const Form: FC<iForm>;
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import React from "react";
|
|
13
2
|
// React Hook Form
|
|
14
3
|
import { useForm, FormProvider } from "react-hook-form";
|
|
@@ -16,88 +5,72 @@ import { useForm, FormProvider } from "react-hook-form";
|
|
|
16
5
|
import { Request } from "../../Services";
|
|
17
6
|
// Material UI
|
|
18
7
|
import { Grid, Button } from "@mui/material";
|
|
19
|
-
//
|
|
20
|
-
import { Input } from "../
|
|
21
|
-
import { Switch } from "../Switch";
|
|
22
|
-
import { Select } from "../Select";
|
|
23
|
-
import { DatePicker } from "../DatePicker";
|
|
8
|
+
// Coject
|
|
9
|
+
import { Input, Switch, Select, Checkbox, DatePicker } from "../index";
|
|
24
10
|
// Styles
|
|
25
11
|
import useStyles from "./theme";
|
|
26
|
-
export const Form = (
|
|
27
|
-
var { name, mode, getForm, schema, dataSource, onSubmit, onSubmitClear, setModal, dispatch, children } = _a, props = __rest(_a, ["name", "mode", "getForm", "schema", "dataSource", "onSubmit", "onSubmitClear", "setModal", "dispatch", "children"]);
|
|
12
|
+
export const Form = ({ name, mode, getForm, schema, dataSource, onSubmit, onSubmitClear, setModal, dispatch, onSuccess, noRequest, invisibility, style, children, ...props }) => {
|
|
28
13
|
const { classes } = useStyles();
|
|
29
14
|
const Methods = useForm();
|
|
30
|
-
const Data = (dataSource && dataSource.staticData) ?
|
|
15
|
+
const Data = (dataSource && dataSource.staticData) ? { ...dataSource.staticData } : {};
|
|
31
16
|
// Use Form
|
|
32
17
|
getForm && getForm(Methods);
|
|
33
18
|
// On Form Submit
|
|
34
19
|
const onFormSubmit = (submitData) => {
|
|
35
|
-
onSubmit && onSubmit(submitData);
|
|
36
|
-
if (dataSource) {
|
|
20
|
+
onSubmit && onSubmit({ ...Data, ...submitData });
|
|
21
|
+
if (dataSource && !noRequest) {
|
|
37
22
|
Request({ dataSource, mode,
|
|
38
23
|
data: name ? { [name]: submitData } : submitData,
|
|
39
24
|
apiUrlId: dataSource.primaryKey ? Data[dataSource.primaryKey] : Data.id,
|
|
40
|
-
callBack: () => {
|
|
41
|
-
onSubmitClear && Methods.reset();
|
|
25
|
+
callBack: (data) => {
|
|
42
26
|
setModal && setModal(false);
|
|
27
|
+
onSuccess && onSuccess(data);
|
|
28
|
+
onSubmitClear && Methods.reset();
|
|
43
29
|
}, dispatch }).then();
|
|
44
30
|
}
|
|
45
31
|
};
|
|
46
|
-
// Schema Fields
|
|
47
|
-
const Fields = schema && !!schema.length && (schema === null || schema === void 0 ? void 0 : schema.map((Field) => Field.type));
|
|
48
32
|
return (React.createElement(React.Fragment, null,
|
|
49
|
-
React.createElement(FormProvider,
|
|
50
|
-
React.createElement("form",
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
}
|
|
84
|
-
}),
|
|
85
|
-
children,
|
|
86
|
-
(schema && !!(schema === null || schema === void 0 ? void 0 : schema.length) && Fields.includes("button"))
|
|
87
|
-
? schema.map((field, index) => {
|
|
88
|
-
if (field.type === "button") {
|
|
89
|
-
if (field.template) {
|
|
90
|
-
return React.createElement(React.Fragment, { key: index }, field.template(Methods.getValues()));
|
|
91
|
-
}
|
|
92
|
-
else {
|
|
93
|
-
return React.createElement(Grid, Object.assign({ item: true, key: index }, (field.media ? field.media : { md: 12, lg: 12 })),
|
|
94
|
-
React.createElement(Button, Object.assign({}, field.props), field.field));
|
|
33
|
+
React.createElement(FormProvider, { ...Methods },
|
|
34
|
+
React.createElement("form", { className: classes.root, onSubmit: Methods.handleSubmit(onFormSubmit), style: style, ...props },
|
|
35
|
+
schema &&
|
|
36
|
+
React.createElement(Grid, { container: true, spacing: 2 },
|
|
37
|
+
schema && !!schema?.length && schema.map((field, index) => {
|
|
38
|
+
if (!(invisibility?.includes(field.field)))
|
|
39
|
+
switch (field.component?.toLowerCase()) {
|
|
40
|
+
case "date":
|
|
41
|
+
return field.actionTemplate
|
|
42
|
+
? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
|
|
43
|
+
: (React.createElement(Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
44
|
+
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) })));
|
|
45
|
+
case "input":
|
|
46
|
+
return field.actionTemplate
|
|
47
|
+
? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
|
|
48
|
+
: (React.createElement(Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
49
|
+
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) })));
|
|
50
|
+
case "switch":
|
|
51
|
+
return field.actionTemplate
|
|
52
|
+
? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
|
|
53
|
+
: (React.createElement(Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
54
|
+
React.createElement(Switch, { name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
|
|
55
|
+
case "checkbox":
|
|
56
|
+
return field.actionTemplate
|
|
57
|
+
? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
|
|
58
|
+
: (React.createElement(Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
59
|
+
React.createElement(Checkbox, { name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
|
|
60
|
+
case "select":
|
|
61
|
+
return field.actionTemplate
|
|
62
|
+
? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
|
|
63
|
+
: (React.createElement(Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
64
|
+
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) })));
|
|
65
|
+
default:
|
|
66
|
+
return null;
|
|
95
67
|
}
|
|
96
|
-
}
|
|
97
68
|
else
|
|
98
69
|
return null;
|
|
99
|
-
})
|
|
100
|
-
|
|
101
|
-
React.createElement(
|
|
70
|
+
}),
|
|
71
|
+
!(children) &&
|
|
72
|
+
React.createElement(Grid, { item: true, xs: 12, sm: 12, md: 12, lg: 12 },
|
|
73
|
+
React.createElement(Button, { fullWidth: true, type: "submit", variant: "outlined" }, "Submit"))),
|
|
74
|
+
children))));
|
|
102
75
|
};
|
|
103
76
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Form/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Form/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { makeStyles } from "tss-react/mui";
|
|
2
|
-
const useStyles = makeStyles()((
|
|
2
|
+
const useStyles = makeStyles()(() => {
|
|
3
3
|
return {
|
|
4
4
|
root: {
|
|
5
5
|
width: "100%",
|
|
6
6
|
"& button": {
|
|
7
|
-
padding: "15px"
|
|
7
|
+
padding: "9px 15px",
|
|
8
|
+
textTransform: "capitalize"
|
|
8
9
|
}
|
|
9
10
|
}
|
|
10
11
|
};
|
|
@@ -1 +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,
|
|
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"}
|
|
@@ -1,12 +1,26 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
import { DataGridProps, GridColDef } from "@mui/x-data-grid";
|
|
3
|
+
type iSchema = GridColDef & {
|
|
4
|
+
component?: string;
|
|
5
|
+
componentProps?: any;
|
|
6
|
+
componentMedia?: any;
|
|
7
|
+
};
|
|
8
|
+
interface iGrid extends DataGridProps {
|
|
4
9
|
dispatch?: any;
|
|
10
|
+
noRequest?: any;
|
|
5
11
|
dataSource?: any;
|
|
6
|
-
actions?: boolean;
|
|
7
12
|
toolbar?: boolean;
|
|
8
|
-
|
|
9
|
-
|
|
13
|
+
actions?: boolean;
|
|
14
|
+
onAddSubmit?: any;
|
|
15
|
+
customKey?: string;
|
|
16
|
+
onEditSubmit?: any;
|
|
17
|
+
onDeleteSubmit?: any;
|
|
18
|
+
schema?: iSchema | any;
|
|
19
|
+
noAddRequest?: boolean;
|
|
20
|
+
invisibility?: string[];
|
|
21
|
+
noEditRequest?: boolean;
|
|
22
|
+
noDeleteRequest?: boolean;
|
|
23
|
+
formInvisibility?: string[];
|
|
10
24
|
}
|
|
11
|
-
export declare const Grid: FC<iGrid
|
|
25
|
+
export declare const Grid: FC<Omit<iGrid, "rows" | "columns">>;
|
|
12
26
|
export {};
|