coject 1.2.22 → 1.2.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Components/Checkbox/index.d.ts +2 -0
- package/dist/cjs/Components/Checkbox/index.js +5 -4
- package/dist/cjs/Components/Checkbox/index.js.map +1 -1
- package/dist/cjs/Components/Checkbox/theme.d.ts +1 -1
- package/dist/cjs/Components/Checkbox/theme.js +6 -0
- package/dist/cjs/Components/Checkbox/theme.js.map +1 -1
- package/dist/cjs/Components/DatePicker/index.d.ts +3 -0
- package/dist/cjs/Components/DatePicker/index.js +12 -11
- package/dist/cjs/Components/DatePicker/index.js.map +1 -1
- package/dist/cjs/Components/DatePicker/theme.d.ts +1 -1
- package/dist/cjs/Components/DatePicker/theme.js +17 -0
- package/dist/cjs/Components/DatePicker/theme.js.map +1 -1
- package/dist/cjs/Components/Input/index.d.ts +5 -1
- package/dist/cjs/Components/Input/index.js +3 -2
- 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 +6 -3
- package/dist/cjs/Components/Input/theme.js.map +1 -1
- package/dist/cjs/Components/Select/index.d.ts +3 -1
- package/dist/cjs/Components/Select/index.js +7 -5
- package/dist/cjs/Components/Select/index.js.map +1 -1
- package/dist/cjs/Components/Select/theme.d.ts +1 -1
- package/dist/cjs/Components/Select/theme.js +10 -0
- package/dist/cjs/Components/Select/theme.js.map +1 -1
- package/dist/cjs/Components/Switch/index.d.ts +2 -0
- package/dist/cjs/Components/Switch/index.js +5 -4
- package/dist/cjs/Components/Switch/index.js.map +1 -1
- package/dist/cjs/Components/Switch/theme.d.ts +1 -1
- package/dist/cjs/Components/Switch/theme.js +6 -0
- package/dist/cjs/Components/Switch/theme.js.map +1 -1
- package/dist/esm/Components/Checkbox/index.d.ts +2 -0
- package/dist/esm/Components/Checkbox/index.js +6 -5
- package/dist/esm/Components/Checkbox/index.js.map +1 -1
- package/dist/esm/Components/Checkbox/theme.d.ts +1 -1
- package/dist/esm/Components/Checkbox/theme.js +6 -0
- package/dist/esm/Components/Checkbox/theme.js.map +1 -1
- package/dist/esm/Components/DatePicker/index.d.ts +3 -0
- package/dist/esm/Components/DatePicker/index.js +13 -12
- package/dist/esm/Components/DatePicker/index.js.map +1 -1
- package/dist/esm/Components/DatePicker/theme.d.ts +1 -1
- package/dist/esm/Components/DatePicker/theme.js +17 -0
- package/dist/esm/Components/DatePicker/theme.js.map +1 -1
- package/dist/esm/Components/Input/index.d.ts +5 -1
- package/dist/esm/Components/Input/index.js +4 -3
- 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 +6 -3
- package/dist/esm/Components/Input/theme.js.map +1 -1
- package/dist/esm/Components/Select/index.d.ts +3 -1
- package/dist/esm/Components/Select/index.js +8 -6
- package/dist/esm/Components/Select/index.js.map +1 -1
- package/dist/esm/Components/Select/theme.d.ts +1 -1
- package/dist/esm/Components/Select/theme.js +10 -0
- package/dist/esm/Components/Select/theme.js.map +1 -1
- package/dist/esm/Components/Switch/index.d.ts +2 -0
- package/dist/esm/Components/Switch/index.js +6 -5
- package/dist/esm/Components/Switch/index.js.map +1 -1
- package/dist/esm/Components/Switch/theme.d.ts +1 -1
- package/dist/esm/Components/Switch/theme.js +6 -0
- package/dist/esm/Components/Switch/theme.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,8 +3,10 @@ import { CheckboxProps } from "@mui/material";
|
|
|
3
3
|
interface iCheckbox extends CheckboxProps {
|
|
4
4
|
name?: string;
|
|
5
5
|
label?: string;
|
|
6
|
+
error?: boolean;
|
|
6
7
|
trueValue?: string;
|
|
7
8
|
falseValue?: string;
|
|
9
|
+
helperText?: string;
|
|
8
10
|
}
|
|
9
11
|
export declare const Checkbox: FC<iCheckbox>;
|
|
10
12
|
export {};
|
|
@@ -34,7 +34,7 @@ const react_hook_form_1 = require("react-hook-form");
|
|
|
34
34
|
const material_1 = require("@mui/material");
|
|
35
35
|
// Styles
|
|
36
36
|
const theme_1 = __importDefault(require("./theme"));
|
|
37
|
-
const Checkbox = ({ name, label, trueValue, falseValue, ...props }) => {
|
|
37
|
+
const Checkbox = ({ name, label, trueValue, falseValue, helperText, error, ...props }) => {
|
|
38
38
|
const { classes } = (0, theme_1.default)();
|
|
39
39
|
const [checkedValue, setCheckedValue] = (0, react_1.useState)(false);
|
|
40
40
|
const { register, setValue, control } = (0, react_hook_form_1.useFormContext)() || {};
|
|
@@ -51,16 +51,17 @@ const Checkbox = ({ name, label, trueValue, falseValue, ...props }) => {
|
|
|
51
51
|
const changeValue = (event) => {
|
|
52
52
|
if (event.target.checked) {
|
|
53
53
|
setCheckedValue(true);
|
|
54
|
-
setValue(name || "default", (trueValue ? trueValue : true));
|
|
54
|
+
control && setValue(name || "default", (trueValue ? trueValue : true));
|
|
55
55
|
}
|
|
56
56
|
else {
|
|
57
57
|
setCheckedValue(false);
|
|
58
|
-
setValue(name || "default", (falseValue ? falseValue : false));
|
|
58
|
+
control && setValue(name || "default", (falseValue ? falseValue : false));
|
|
59
59
|
}
|
|
60
60
|
};
|
|
61
61
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
62
62
|
react_1.default.createElement(material_1.Box, { className: classes.root },
|
|
63
|
-
react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { ...(control && register(name || "default")), value: checkedValue, checked: checkedValue, onChange: changeValue, ...props }), label: label ? label : name })
|
|
63
|
+
react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { ...(control && register(name || "default")), value: checkedValue, checked: checkedValue, onChange: changeValue, color: error ? "error" : (props?.color ? props.color : "primary"), ...props }), label: label ? label : (name || "default") }),
|
|
64
|
+
helperText && react_1.default.createElement(material_1.FormHelperText, { className: classes.error }, helperText))));
|
|
64
65
|
};
|
|
65
66
|
exports.Checkbox = Checkbox;
|
|
66
67
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Checkbox/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"root", string>;
|
|
5
|
+
classes: Record<"error" | "root", string>;
|
|
6
6
|
theme: import("@mui/material").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -17,6 +17,12 @@ const useStyles = (0, mui_1.makeStyles)()((theme) => {
|
|
|
17
17
|
lineHeight: "14px",
|
|
18
18
|
textTransform: "capitalize"
|
|
19
19
|
}
|
|
20
|
+
},
|
|
21
|
+
error: {
|
|
22
|
+
fontSize: "11px",
|
|
23
|
+
lineHeight: "16px",
|
|
24
|
+
textTransform: "capitalize",
|
|
25
|
+
color: theme.palette.error.main
|
|
20
26
|
}
|
|
21
27
|
};
|
|
22
28
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Checkbox/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,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;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Checkbox/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,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,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,kBAAe,SAAS,CAAC"}
|
|
@@ -2,10 +2,12 @@ import { FC } from "react";
|
|
|
2
2
|
import { DateTimePickerProps } from "@mui/x-date-pickers/DateTimePicker";
|
|
3
3
|
import { DatePickerProps } from "@mui/x-date-pickers/DatePicker";
|
|
4
4
|
type iDatePicker = DateTimePickerProps<any> & DatePickerProps<any> & {
|
|
5
|
+
style?: any;
|
|
5
6
|
name?: string;
|
|
6
7
|
value?: string;
|
|
7
8
|
views?: string;
|
|
8
9
|
onChange?: any;
|
|
10
|
+
error?: boolean;
|
|
9
11
|
hijri?: boolean;
|
|
10
12
|
format?: string;
|
|
11
13
|
minDate?: string;
|
|
@@ -15,6 +17,7 @@ type iDatePicker = DateTimePickerProps<any> & DatePickerProps<any> & {
|
|
|
15
17
|
withTime?: boolean;
|
|
16
18
|
textView?: boolean;
|
|
17
19
|
fullWidth?: boolean;
|
|
20
|
+
helperText?: string;
|
|
18
21
|
};
|
|
19
22
|
export declare const DatePicker: FC<iDatePicker>;
|
|
20
23
|
export {};
|
|
@@ -42,11 +42,11 @@ const DateTimePicker_1 = require("@mui/x-date-pickers/DateTimePicker");
|
|
|
42
42
|
const DatePicker_1 = require("@mui/x-date-pickers/DatePicker");
|
|
43
43
|
// Styles
|
|
44
44
|
const theme_1 = __importDefault(require("./theme"));
|
|
45
|
-
const DatePicker = ({ name, value, hijri, format, inFormat, outFormat, minDate, maxDate, views, withTime, textView, fullWidth, onChange, ...props }) => {
|
|
45
|
+
const DatePicker = ({ name, value, hijri, format, inFormat, outFormat, minDate, maxDate, views, error, helperText, style, withTime, textView, fullWidth, onChange, ...props }) => {
|
|
46
46
|
const { classes } = (0, theme_1.default)();
|
|
47
47
|
const DateComponent = withTime ? DateTimePicker_1.DateTimePicker : DatePicker_1.DatePicker;
|
|
48
48
|
const Views = views ? { views: [`${views}`] } : {};
|
|
49
|
-
const {
|
|
49
|
+
const { setValue, control } = (0, react_hook_form_1.useFormContext)() || {};
|
|
50
50
|
const [selectedDate, setSelectedDate] = (0, react_1.useState)(hijri ? (0, moment_hijri_1.default)(new Date()) : (0, moment_1.default)(new Date()));
|
|
51
51
|
// Calendar
|
|
52
52
|
const Calendar = hijri
|
|
@@ -54,25 +54,26 @@ const DatePicker = ({ name, value, hijri, format, inFormat, outFormat, minDate,
|
|
|
54
54
|
: { minDate: (0, moment_1.default)(minDate ? minDate : "01-01-1900", inFormat ? inFormat : "DD-MM-YYYY"), maxDate: (0, moment_1.default)(minDate ? minDate : "01-12-2099", inFormat ? inFormat : "DD-MM-YYYY") };
|
|
55
55
|
// Default Value
|
|
56
56
|
(0, react_1.useEffect)(() => {
|
|
57
|
-
|
|
58
|
-
}, [
|
|
57
|
+
control && setValue(name || "default", selectedDate.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
58
|
+
}, [control, setValue, name, selectedDate, outFormat]);
|
|
59
59
|
// Normal Value
|
|
60
60
|
(0, react_1.useEffect)(() => {
|
|
61
61
|
if (value) {
|
|
62
62
|
const ValueFormat = hijri ? (0, moment_hijri_1.default)(value, inFormat ? inFormat : "DD-MM-YYYY") : (0, moment_1.default)(value, inFormat ? inFormat : "DD-MM-YYYY");
|
|
63
63
|
setSelectedDate(ValueFormat);
|
|
64
|
-
|
|
64
|
+
control && setValue(name || "default", ValueFormat.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
65
65
|
}
|
|
66
|
-
}, [value, setValue,
|
|
66
|
+
}, [value, setValue, control, name, hijri, inFormat, outFormat]);
|
|
67
67
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
68
|
-
react_1.default.createElement(material_1.Box, { className: classes.root },
|
|
68
|
+
react_1.default.createElement(material_1.Box, { className: `${classes.root} ${error ? classes.errorRoot : ""}` },
|
|
69
69
|
react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: hijri ? AdapterMomentHijri_1.AdapterMomentHijri : AdapterMoment_1.AdapterMoment }, textView
|
|
70
|
-
? react_1.default.createElement(material_1.Typography,
|
|
71
|
-
: react_1.default.createElement(DateComponent, { className: `${fullWidth ? "MuiFormControl-fullWidth" : ""}`, label: props.label ? props.label : name, value: selectedDate, ...Calendar, ...Views, ...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) => {
|
|
70
|
+
? react_1.default.createElement(material_1.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"))
|
|
71
|
+
: react_1.default.createElement(DateComponent, { className: `${fullWidth ? "MuiFormControl-fullWidth" : ""}`, label: props.label ? props.label : name, value: selectedDate, ...style, ...Calendar, ...Views, ...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) => {
|
|
72
72
|
setSelectedDate(newValue);
|
|
73
73
|
onChange && onChange(newValue.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
74
|
-
|
|
75
|
-
} }))
|
|
74
|
+
control && setValue(name || "default", newValue.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
75
|
+
} })),
|
|
76
|
+
helperText && react_1.default.createElement(material_1.FormHelperText, { className: classes.error }, helperText))));
|
|
76
77
|
};
|
|
77
78
|
exports.DatePicker = DatePicker;
|
|
78
79
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AAEvD,kBAAkB;AAClB,qDAAiD;AAEjD,SAAS;AACT,oDAA4B;AAC5B,gEAAuC;AAEvC,cAAc;AACd,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"root", string>;
|
|
5
|
+
classes: Record<"error" | "root" | "errorRoot", string>;
|
|
6
6
|
theme: import("@mui/material").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -21,6 +21,9 @@ const useStyles = (0, mui_1.makeStyles)()((theme) => {
|
|
|
21
21
|
top: "2px"
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
|
+
"& button": {
|
|
25
|
+
backgroundColor: "transparent !important"
|
|
26
|
+
},
|
|
24
27
|
"& legend": {
|
|
25
28
|
fontSize: "10px"
|
|
26
29
|
},
|
|
@@ -32,6 +35,20 @@ const useStyles = (0, mui_1.makeStyles)()((theme) => {
|
|
|
32
35
|
cursor: "pointer"
|
|
33
36
|
}
|
|
34
37
|
}
|
|
38
|
+
},
|
|
39
|
+
errorRoot: {
|
|
40
|
+
"& p, & input, & label, & button": {
|
|
41
|
+
color: theme.palette.error.main + "!important"
|
|
42
|
+
},
|
|
43
|
+
"& fieldset": {
|
|
44
|
+
borderColor: theme.palette.error.main + "!important"
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
error: {
|
|
48
|
+
fontSize: "11px",
|
|
49
|
+
lineHeight: "16px",
|
|
50
|
+
textTransform: "capitalize",
|
|
51
|
+
color: theme.palette.error.main
|
|
35
52
|
}
|
|
36
53
|
};
|
|
37
54
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,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,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;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,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,kBAAe,SAAS,CAAC"}
|
|
@@ -34,7 +34,7 @@ const react_hook_form_1 = require("react-hook-form");
|
|
|
34
34
|
const material_1 = require("@mui/material");
|
|
35
35
|
// Styles
|
|
36
36
|
const theme_1 = __importDefault(require("./theme"));
|
|
37
|
-
const Input = ({ value, ...props }) => {
|
|
37
|
+
const Input = ({ value, helperText, ...props }) => {
|
|
38
38
|
const { classes } = (0, theme_1.default)();
|
|
39
39
|
const { register, setValue, control } = (0, react_hook_form_1.useFormContext)() || {};
|
|
40
40
|
// Value
|
|
@@ -44,7 +44,8 @@ const Input = ({ value, ...props }) => {
|
|
|
44
44
|
}, [control, props?.name, setValue, value]);
|
|
45
45
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
46
46
|
react_1.default.createElement(material_1.Box, { className: classes.root },
|
|
47
|
-
react_1.default.createElement(material_1.TextField, { ...(control && register(props?.name || "default")), defaultValue: value, label: props?.label ? props?.label : props?.name, ...props }, props?.children)
|
|
47
|
+
react_1.default.createElement(material_1.TextField, { ...(control && register(props?.name || "default")), defaultValue: value, label: props?.label ? props?.label : (props?.name || "default"), ...props }, props?.children),
|
|
48
|
+
helperText && react_1.default.createElement(material_1.FormHelperText, { className: classes.error }, helperText))));
|
|
48
49
|
};
|
|
49
50
|
exports.Input = Input;
|
|
50
51
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Input/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6C;AAE7C,kBAAkB;AAClB,qDAAiD;AAEjD,cAAc;AACd,4CAA+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Input/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6C;AAE7C,kBAAkB;AAClB,qDAAiD;AAEjD,cAAc;AACd,4CAA+E;AAE/E,SAAS;AACT,oDAAgC;AAOzB,MAAM,KAAK,GAAe,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,eAAS,GAAE,CAAC;IAChC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAc,GAAE,IAAI,EAAE,CAAC;IAE/D,QAAQ;IACR,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,KAAK;YAAE,OAAO,IAAI,QAAQ,CAAC,KAAK,EAAE,IAAI,IAAI,SAAS,EAAE,KAAK,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5C,OAAO,CACH,8BAAC,eAAK,CAAC,QAAQ;QACX,8BAAC,cAAG,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;YACxB,8BAAC,oBAAS,OAAK,CAAC,OAAO,IAAI,QAAQ,CAAC,KAAK,EAAE,IAAI,IAAI,SAAS,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,IAAI,SAAS,CAAC,KAAM,KAAK,IAC1J,KAAK,EAAE,QAAQ,CACR;YACV,UAAU,IAAI,8BAAC,yBAAc,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IAAG,UAAU,CAAkB,CACrF,CACO,CACpB,CAAC;AACN,CAAC,CAAC;AAnBW,QAAA,KAAK,SAmBhB"}
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"root", string>;
|
|
5
|
+
classes: Record<"error" | "root", string>;
|
|
6
6
|
theme: import("@mui/material").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -30,12 +30,15 @@ const useStyles = (0, mui_1.makeStyles)()((theme) => {
|
|
|
30
30
|
"& .MuiInputLabel-sizeSmall": {
|
|
31
31
|
top: "-2px"
|
|
32
32
|
},
|
|
33
|
-
"& .MuiFormHelperText-root": {
|
|
34
|
-
fontSize: "12px"
|
|
35
|
-
},
|
|
36
33
|
"& .MuiInputBase-fullWidth": {
|
|
37
34
|
minWidth: "200px"
|
|
38
35
|
}
|
|
36
|
+
},
|
|
37
|
+
error: {
|
|
38
|
+
fontSize: "11px",
|
|
39
|
+
lineHeight: "16px",
|
|
40
|
+
textTransform: "capitalize",
|
|
41
|
+
color: theme.palette.error.main
|
|
39
42
|
}
|
|
40
43
|
};
|
|
41
44
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Input/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,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,QAAQ,EAAE,MAAM;aACnB;YACD,gCAAgC,EAAE;gBAC9B,OAAO,EAAE,UAAU;aACtB;YACD,4BAA4B,EAAE;gBAC1B,GAAG,EAAE,MAAM;aACd;YACD,2BAA2B,EAAE;gBACzB,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Input/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,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,QAAQ,EAAE,MAAM;aACnB;YACD,gCAAgC,EAAE;gBAC9B,OAAO,EAAE,UAAU;aACtB;YACD,4BAA4B,EAAE;gBAC1B,GAAG,EAAE,MAAM;aACd;YACD,2BAA2B,EAAE;gBACzB,QAAQ,EAAE,OAAO;aACpB;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,kBAAe,SAAS,CAAC"}
|
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
|
-
import { AutocompleteProps } from
|
|
2
|
+
import { AutocompleteProps } from '@mui/material';
|
|
3
3
|
interface iSelect extends AutocompleteProps<any, any, any, any> {
|
|
4
4
|
name?: string;
|
|
5
5
|
label?: string;
|
|
6
6
|
onChange?: any;
|
|
7
7
|
dispatch?: any;
|
|
8
|
+
error?: boolean;
|
|
8
9
|
dataSource?: any;
|
|
9
10
|
inputProps?: any;
|
|
10
11
|
required?: boolean;
|
|
11
12
|
renderOption?: any;
|
|
12
13
|
customKey?: string;
|
|
13
14
|
customName?: string;
|
|
15
|
+
helperText?: string;
|
|
14
16
|
checkboxes?: boolean;
|
|
15
17
|
fixedOption?: (string | number)[];
|
|
16
18
|
disabledOption?: (string | number)[];
|
|
@@ -38,7 +38,7 @@ const material_1 = require("@mui/material");
|
|
|
38
38
|
const Components_1 = require("../../Components");
|
|
39
39
|
// Styles
|
|
40
40
|
const theme_1 = __importDefault(require("./theme"));
|
|
41
|
-
const Select = ({ name, label, dataSource, checkboxes, customKey, customName, renderOption, fixedOption, disabledOption, onChange, required, dispatch, inputProps, ...props }) => {
|
|
41
|
+
const Select = ({ name, label, helperText, dataSource, checkboxes, customKey, customName, renderOption, fixedOption, disabledOption, onChange, required, dispatch, inputProps, error, ...props }) => {
|
|
42
42
|
const { classes } = (0, theme_1.default)();
|
|
43
43
|
const Methods = (0, react_hook_form_1.useFormContext)() || {};
|
|
44
44
|
const [selectedValue, setSelectedValue] = (0, react_1.useState)();
|
|
@@ -91,12 +91,14 @@ const Select = ({ name, label, dataSource, checkboxes, customKey, customName, re
|
|
|
91
91
|
? react_1.default.createElement(react_1.default.Fragment, null,
|
|
92
92
|
react_1.default.createElement(material_1.Checkbox, { icon: react_1.default.createElement(Components_1.Icons.CheckBoxOutlineBlank, { fontSize: "small" }), checkedIcon: react_1.default.createElement(Components_1.Icons.CheckBox, { fontSize: "small" }), style: { marginRight: 5 }, checked: selected }),
|
|
93
93
|
customName ? row[`${customName}`] : row.label)
|
|
94
|
-
: renderOption(row)) } : {}), getOptionDisabled: (row) => (disabledOption ? disabledOption.includes(customKey ? row[`${customKey}`] : row.id) : false) || ((fixedOption && props?.multiple) ? fixedOption.includes(customKey ? row[`${customKey}`] : row.id) : false), renderInput: (params) => react_1.default.createElement(material_1.TextField, { ...params, InputProps: { ...params.InputProps, ...inputProps, type: "search" }, label: label ? label : (name || "default"), required: required }) }));
|
|
94
|
+
: renderOption(row)) } : {}), getOptionDisabled: (row) => (disabledOption ? disabledOption.includes(customKey ? row[`${customKey}`] : row.id) : false) || ((fixedOption && props?.multiple) ? fixedOption.includes(customKey ? row[`${customKey}`] : row.id) : false), renderInput: (params) => react_1.default.createElement(material_1.TextField, { ...params, InputProps: { ...params.InputProps, ...inputProps, type: "search" }, error: error, label: label ? label : (name || "default"), required: required }) }));
|
|
95
95
|
};
|
|
96
96
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
97
|
-
react_1.default.createElement(material_1.Box, { className: classes.root },
|
|
98
|
-
|
|
99
|
-
|
|
97
|
+
react_1.default.createElement(material_1.Box, { className: classes.root },
|
|
98
|
+
control
|
|
99
|
+
? react_1.default.createElement(react_hook_form_1.Controller, { name: name || "default", control: control, rules: { required: required }, render: () => react_1.default.createElement(MuiAutocomplete, null) })
|
|
100
|
+
: react_1.default.createElement(MuiAutocomplete, null),
|
|
101
|
+
helperText && react_1.default.createElement(material_1.FormHelperText, { className: classes.error }, helperText))));
|
|
100
102
|
};
|
|
101
103
|
exports.Select = Select;
|
|
102
104
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AAEvD,kBAAkB;AAClB,qDAA6D;AAE7D,UAAU;AACV,6CAAyC;AAEzC,cAAc;AACd,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"root", string>;
|
|
5
|
+
classes: Record<"error" | "root", string>;
|
|
6
6
|
theme: import("@mui/material").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -26,6 +26,10 @@ const useStyles = (0, mui_1.makeStyles)()((theme) => {
|
|
|
26
26
|
},
|
|
27
27
|
"& button": {
|
|
28
28
|
padding: "2px 10px",
|
|
29
|
+
backgroundColor: "transparent !important"
|
|
30
|
+
},
|
|
31
|
+
"& .MuiFormControl-root": {
|
|
32
|
+
width: "auto"
|
|
29
33
|
},
|
|
30
34
|
"& .MuiAutocomplete-root": {
|
|
31
35
|
"& .MuiAutocomplete-input": {
|
|
@@ -43,6 +47,12 @@ const useStyles = (0, mui_1.makeStyles)()((theme) => {
|
|
|
43
47
|
minWidth: "200px"
|
|
44
48
|
}
|
|
45
49
|
}
|
|
50
|
+
},
|
|
51
|
+
error: {
|
|
52
|
+
fontSize: "11px",
|
|
53
|
+
lineHeight: "16px",
|
|
54
|
+
textTransform: "capitalize",
|
|
55
|
+
color: theme.palette.error.main
|
|
46
56
|
}
|
|
47
57
|
};
|
|
48
58
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Select/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,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,QAAQ,EAAE,MAAM;aACnB;YACD,UAAU,EAAE;gBACR,OAAO,EAAE,UAAU;
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Select/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,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,QAAQ,EAAE,MAAM;aACnB;YACD,UAAU,EAAE;gBACR,OAAO,EAAE,UAAU;gBACnB,eAAe,EAAE,wBAAwB;aAC5C;YACD,wBAAwB,EAAE;gBACtB,KAAK,EAAE,MAAM;aAChB;YACD,yBAAyB,EAAE;gBACvB,0BAA0B,EAAE;oBACxB,MAAM,EAAE,SAAS;oBACjB,OAAO,EAAE,iBAAiB;iBAC7B;gBACD,sBAAsB,EAAE;oBACpB,MAAM,EAAE,SAAS;oBACjB,OAAO,EAAE,YAAY;iBACxB;gBACD,2BAA2B,EAAE;oBACzB,QAAQ,EAAE,MAAM;iBACnB;gBACD,2BAA2B,EAAE;oBACzB,QAAQ,EAAE,OAAO;iBACpB;aACJ;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,kBAAe,SAAS,CAAC"}
|
|
@@ -3,8 +3,10 @@ import { SwitchProps } from "@mui/material";
|
|
|
3
3
|
interface iSwitch extends SwitchProps {
|
|
4
4
|
name?: string;
|
|
5
5
|
label?: string;
|
|
6
|
+
error?: boolean;
|
|
6
7
|
trueValue?: string;
|
|
7
8
|
falseValue?: string;
|
|
9
|
+
helperText?: string;
|
|
8
10
|
}
|
|
9
11
|
export declare const Switch: FC<iSwitch>;
|
|
10
12
|
export {};
|
|
@@ -34,7 +34,7 @@ const react_hook_form_1 = require("react-hook-form");
|
|
|
34
34
|
const material_1 = require("@mui/material");
|
|
35
35
|
// Styles
|
|
36
36
|
const theme_1 = __importDefault(require("./theme"));
|
|
37
|
-
const Switch = ({ name, trueValue, falseValue, label, ...props }) => {
|
|
37
|
+
const Switch = ({ name, trueValue, falseValue, label, helperText, error, ...props }) => {
|
|
38
38
|
const { classes } = (0, theme_1.default)();
|
|
39
39
|
const [checkedValue, setCheckedValue] = (0, react_1.useState)(false);
|
|
40
40
|
const { register, setValue, control } = (0, react_hook_form_1.useFormContext)() || {};
|
|
@@ -51,16 +51,17 @@ const Switch = ({ name, trueValue, falseValue, label, ...props }) => {
|
|
|
51
51
|
const changeValue = (event) => {
|
|
52
52
|
if (event.target.checked) {
|
|
53
53
|
setCheckedValue(true);
|
|
54
|
-
setValue(name || "default", (trueValue ? trueValue : true));
|
|
54
|
+
control && setValue(name || "default", (trueValue ? trueValue : true));
|
|
55
55
|
}
|
|
56
56
|
else {
|
|
57
57
|
setCheckedValue(false);
|
|
58
|
-
setValue(name || "default", (falseValue ? falseValue : false));
|
|
58
|
+
control && setValue(name || "default", (falseValue ? falseValue : false));
|
|
59
59
|
}
|
|
60
60
|
};
|
|
61
61
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
62
62
|
react_1.default.createElement(material_1.Box, { className: classes.root },
|
|
63
|
-
react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Switch, { ...(control && register(name || "default")), value: checkedValue, checked: checkedValue, onChange: changeValue, ...props }), label: label ? label : name })
|
|
63
|
+
react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Switch, { ...(control && register(name || "default")), value: checkedValue, checked: checkedValue, onChange: changeValue, color: error ? "error" : (props?.color ? props.color : "primary"), ...props }), label: label ? label : (name || "default") }),
|
|
64
|
+
helperText && react_1.default.createElement(material_1.FormHelperText, { className: classes.error }, helperText))));
|
|
64
65
|
};
|
|
65
66
|
exports.Switch = Switch;
|
|
66
67
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Switch/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Switch/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"root", string>;
|
|
5
|
+
classes: Record<"error" | "root", string>;
|
|
6
6
|
theme: import("@mui/material").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -21,6 +21,12 @@ const useStyles = (0, mui_1.makeStyles)()((theme) => {
|
|
|
21
21
|
lineHeight: "14px",
|
|
22
22
|
textTransform: "capitalize"
|
|
23
23
|
}
|
|
24
|
+
},
|
|
25
|
+
error: {
|
|
26
|
+
fontSize: "11px",
|
|
27
|
+
lineHeight: "16px",
|
|
28
|
+
textTransform: "capitalize",
|
|
29
|
+
color: theme.palette.error.main
|
|
24
30
|
}
|
|
25
31
|
};
|
|
26
32
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Switch/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,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,mBAAmB,EAAE;gBACjB,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,cAAc;gBACvB,uBAAuB,EAAE;oBACrB,OAAO,EAAE,SAAS;iBACrB;aACJ;YACD,uBAAuB,EAAE;gBACrB,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,MAAM;gBAClB,aAAa,EAAE,YAAY;aAC9B;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Switch/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,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,mBAAmB,EAAE;gBACjB,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,cAAc;gBACvB,uBAAuB,EAAE;oBACrB,OAAO,EAAE,SAAS;iBACrB;aACJ;YACD,uBAAuB,EAAE;gBACrB,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,MAAM;gBAClB,aAAa,EAAE,YAAY;aAC9B;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,kBAAe,SAAS,CAAC"}
|
|
@@ -3,8 +3,10 @@ import { CheckboxProps } from "@mui/material";
|
|
|
3
3
|
interface iCheckbox extends CheckboxProps {
|
|
4
4
|
name?: string;
|
|
5
5
|
label?: string;
|
|
6
|
+
error?: boolean;
|
|
6
7
|
trueValue?: string;
|
|
7
8
|
falseValue?: string;
|
|
9
|
+
helperText?: string;
|
|
8
10
|
}
|
|
9
11
|
export declare const Checkbox: FC<iCheckbox>;
|
|
10
12
|
export {};
|
|
@@ -2,10 +2,10 @@ import React, { useEffect, useState } from "react";
|
|
|
2
2
|
// React Hook Form
|
|
3
3
|
import { useFormContext } from "react-hook-form";
|
|
4
4
|
// Material UI
|
|
5
|
-
import { Box, FormControlLabel, Checkbox as MuiCheckbox } from "@mui/material";
|
|
5
|
+
import { Box, FormControlLabel, Checkbox as MuiCheckbox, FormHelperText } from "@mui/material";
|
|
6
6
|
// Styles
|
|
7
7
|
import useStyles from "./theme";
|
|
8
|
-
export const Checkbox = ({ name, label, trueValue, falseValue, ...props }) => {
|
|
8
|
+
export const Checkbox = ({ name, label, trueValue, falseValue, helperText, error, ...props }) => {
|
|
9
9
|
const { classes } = useStyles();
|
|
10
10
|
const [checkedValue, setCheckedValue] = useState(false);
|
|
11
11
|
const { register, setValue, control } = useFormContext() || {};
|
|
@@ -22,15 +22,16 @@ export const Checkbox = ({ name, label, trueValue, falseValue, ...props }) => {
|
|
|
22
22
|
const changeValue = (event) => {
|
|
23
23
|
if (event.target.checked) {
|
|
24
24
|
setCheckedValue(true);
|
|
25
|
-
setValue(name || "default", (trueValue ? trueValue : true));
|
|
25
|
+
control && setValue(name || "default", (trueValue ? trueValue : true));
|
|
26
26
|
}
|
|
27
27
|
else {
|
|
28
28
|
setCheckedValue(false);
|
|
29
|
-
setValue(name || "default", (falseValue ? falseValue : false));
|
|
29
|
+
control && setValue(name || "default", (falseValue ? falseValue : false));
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
32
|
return (React.createElement(React.Fragment, null,
|
|
33
33
|
React.createElement(Box, { className: classes.root },
|
|
34
|
-
React.createElement(FormControlLabel, { control: React.createElement(MuiCheckbox, { ...(control && register(name || "default")), value: checkedValue, checked: checkedValue, onChange: changeValue, ...props }), label: label ? label : name })
|
|
34
|
+
React.createElement(FormControlLabel, { control: React.createElement(MuiCheckbox, { ...(control && register(name || "default")), value: checkedValue, checked: checkedValue, onChange: changeValue, color: error ? "error" : (props?.color ? props.color : "primary"), ...props }), label: label ? label : (name || "default") }),
|
|
35
|
+
helperText && React.createElement(FormHelperText, { className: classes.error }, helperText))));
|
|
35
36
|
};
|
|
36
37
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Checkbox/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"root", string>;
|
|
5
|
+
classes: Record<"error" | "root", string>;
|
|
6
6
|
theme: import("@mui/material").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -1 +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;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
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,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"}
|
|
@@ -2,10 +2,12 @@ import { FC } from "react";
|
|
|
2
2
|
import { DateTimePickerProps } from "@mui/x-date-pickers/DateTimePicker";
|
|
3
3
|
import { DatePickerProps } from "@mui/x-date-pickers/DatePicker";
|
|
4
4
|
type iDatePicker = DateTimePickerProps<any> & DatePickerProps<any> & {
|
|
5
|
+
style?: any;
|
|
5
6
|
name?: string;
|
|
6
7
|
value?: string;
|
|
7
8
|
views?: string;
|
|
8
9
|
onChange?: any;
|
|
10
|
+
error?: boolean;
|
|
9
11
|
hijri?: boolean;
|
|
10
12
|
format?: string;
|
|
11
13
|
minDate?: string;
|
|
@@ -15,6 +17,7 @@ type iDatePicker = DateTimePickerProps<any> & DatePickerProps<any> & {
|
|
|
15
17
|
withTime?: boolean;
|
|
16
18
|
textView?: boolean;
|
|
17
19
|
fullWidth?: boolean;
|
|
20
|
+
helperText?: string;
|
|
18
21
|
};
|
|
19
22
|
export declare const DatePicker: FC<iDatePicker>;
|
|
20
23
|
export {};
|
|
@@ -5,7 +5,7 @@ import { useFormContext } from "react-hook-form";
|
|
|
5
5
|
import Moment from "moment";
|
|
6
6
|
import MomentHijri from "moment-hijri";
|
|
7
7
|
// Material UI
|
|
8
|
-
import { Box, Typography } from "@mui/material";
|
|
8
|
+
import { Box, Typography, FormHelperText } from "@mui/material";
|
|
9
9
|
import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
|
|
10
10
|
import { AdapterMomentHijri } from "@mui/x-date-pickers/AdapterMomentHijri";
|
|
11
11
|
import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
|
|
@@ -13,11 +13,11 @@ import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
|
|
|
13
13
|
import { DatePicker as MuiDatePicker } from "@mui/x-date-pickers/DatePicker";
|
|
14
14
|
// Styles
|
|
15
15
|
import useStyles from "./theme";
|
|
16
|
-
export const DatePicker = ({ name, value, hijri, format, inFormat, outFormat, minDate, maxDate, views, withTime, textView, fullWidth, onChange, ...props }) => {
|
|
16
|
+
export const DatePicker = ({ name, value, hijri, format, inFormat, outFormat, minDate, maxDate, views, error, helperText, style, withTime, textView, fullWidth, onChange, ...props }) => {
|
|
17
17
|
const { classes } = useStyles();
|
|
18
18
|
const DateComponent = withTime ? DateTimePicker : MuiDatePicker;
|
|
19
19
|
const Views = views ? { views: [`${views}`] } : {};
|
|
20
|
-
const {
|
|
20
|
+
const { setValue, control } = useFormContext() || {};
|
|
21
21
|
const [selectedDate, setSelectedDate] = useState(hijri ? MomentHijri(new Date()) : Moment(new Date()));
|
|
22
22
|
// Calendar
|
|
23
23
|
const Calendar = hijri
|
|
@@ -25,24 +25,25 @@ export const DatePicker = ({ name, value, hijri, format, inFormat, outFormat, mi
|
|
|
25
25
|
: { minDate: Moment(minDate ? minDate : "01-01-1900", inFormat ? inFormat : "DD-MM-YYYY"), maxDate: Moment(minDate ? minDate : "01-12-2099", inFormat ? inFormat : "DD-MM-YYYY") };
|
|
26
26
|
// Default Value
|
|
27
27
|
useEffect(() => {
|
|
28
|
-
|
|
29
|
-
}, [
|
|
28
|
+
control && setValue(name || "default", selectedDate.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
29
|
+
}, [control, setValue, name, selectedDate, outFormat]);
|
|
30
30
|
// Normal Value
|
|
31
31
|
useEffect(() => {
|
|
32
32
|
if (value) {
|
|
33
33
|
const ValueFormat = hijri ? MomentHijri(value, inFormat ? inFormat : "DD-MM-YYYY") : Moment(value, inFormat ? inFormat : "DD-MM-YYYY");
|
|
34
34
|
setSelectedDate(ValueFormat);
|
|
35
|
-
|
|
35
|
+
control && setValue(name || "default", ValueFormat.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
36
36
|
}
|
|
37
|
-
}, [value, setValue,
|
|
37
|
+
}, [value, setValue, control, name, hijri, inFormat, outFormat]);
|
|
38
38
|
return (React.createElement(React.Fragment, null,
|
|
39
|
-
React.createElement(Box, { className: classes.root },
|
|
39
|
+
React.createElement(Box, { className: `${classes.root} ${error ? classes.errorRoot : ""}` },
|
|
40
40
|
React.createElement(LocalizationProvider, { dateAdapter: hijri ? AdapterMomentHijri : AdapterMoment }, textView
|
|
41
|
-
? React.createElement(Typography,
|
|
42
|
-
: React.createElement(DateComponent, { className: `${fullWidth ? "MuiFormControl-fullWidth" : ""}`, label: props.label ? props.label : name, value: selectedDate, ...Calendar, ...Views, ...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) => {
|
|
41
|
+
? 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"))
|
|
42
|
+
: React.createElement(DateComponent, { className: `${fullWidth ? "MuiFormControl-fullWidth" : ""}`, label: props.label ? props.label : name, value: selectedDate, ...style, ...Calendar, ...Views, ...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) => {
|
|
43
43
|
setSelectedDate(newValue);
|
|
44
44
|
onChange && onChange(newValue.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
45
|
-
|
|
46
|
-
} }))
|
|
45
|
+
control && setValue(name || "default", newValue.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
46
|
+
} })),
|
|
47
|
+
helperText && React.createElement(FormHelperText, { className: classes.error }, helperText))));
|
|
47
48
|
};
|
|
48
49
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,kBAAkB;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,SAAS;AACT,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,WAAW,MAAM,cAAc,CAAC;AAEvC,cAAc;AACd,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"root", string>;
|
|
5
|
+
classes: Record<"error" | "root" | "errorRoot", string>;
|
|
6
6
|
theme: import("@mui/material").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -19,6 +19,9 @@ const useStyles = makeStyles()((theme) => {
|
|
|
19
19
|
top: "2px"
|
|
20
20
|
}
|
|
21
21
|
},
|
|
22
|
+
"& button": {
|
|
23
|
+
backgroundColor: "transparent !important"
|
|
24
|
+
},
|
|
22
25
|
"& legend": {
|
|
23
26
|
fontSize: "10px"
|
|
24
27
|
},
|
|
@@ -30,6 +33,20 @@ const useStyles = makeStyles()((theme) => {
|
|
|
30
33
|
cursor: "pointer"
|
|
31
34
|
}
|
|
32
35
|
}
|
|
36
|
+
},
|
|
37
|
+
errorRoot: {
|
|
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
|
|
33
50
|
}
|
|
34
51
|
};
|
|
35
52
|
});
|
|
@@ -1 +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,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;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
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"}
|
|
@@ -2,10 +2,10 @@ import React, { useEffect } from "react";
|
|
|
2
2
|
// React Hook Form
|
|
3
3
|
import { useFormContext } from "react-hook-form";
|
|
4
4
|
// Material UI
|
|
5
|
-
import { Box, TextField } from "@mui/material";
|
|
5
|
+
import { Box, TextField, FormHelperText } from "@mui/material";
|
|
6
6
|
// Styles
|
|
7
7
|
import useStyles from "./theme";
|
|
8
|
-
export const Input = ({ value, ...props }) => {
|
|
8
|
+
export const Input = ({ value, helperText, ...props }) => {
|
|
9
9
|
const { classes } = useStyles();
|
|
10
10
|
const { register, setValue, control } = useFormContext() || {};
|
|
11
11
|
// Value
|
|
@@ -15,6 +15,7 @@ export const Input = ({ value, ...props }) => {
|
|
|
15
15
|
}, [control, props?.name, setValue, value]);
|
|
16
16
|
return (React.createElement(React.Fragment, null,
|
|
17
17
|
React.createElement(Box, { className: classes.root },
|
|
18
|
-
React.createElement(TextField, { ...(control && register(props?.name || "default")), defaultValue: value, label: props?.label ? props?.label : props?.name, ...props }, props?.children)
|
|
18
|
+
React.createElement(TextField, { ...(control && register(props?.name || "default")), defaultValue: value, label: props?.label ? props?.label : (props?.name || "default"), ...props }, props?.children),
|
|
19
|
+
helperText && React.createElement(FormHelperText, { className: classes.error }, helperText))));
|
|
19
20
|
};
|
|
20
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,kBAAkB;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,cAAc;AACd,OAAO,EAAE,GAAG,EAAE,SAAS,EAAkB,MAAM,eAAe,CAAC;AAE/
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,kBAAkB;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,cAAc;AACd,OAAO,EAAE,GAAG,EAAE,SAAS,EAAkB,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/E,SAAS;AACT,OAAO,SAAS,MAAM,SAAS,CAAC;AAOhC,MAAM,CAAC,MAAM,KAAK,GAAe,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,IAAI,EAAE,CAAC;IAE/D,QAAQ;IACR,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,KAAK;YAAE,OAAO,IAAI,QAAQ,CAAC,KAAK,EAAE,IAAI,IAAI,SAAS,EAAE,KAAK,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5C,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;YACxB,oBAAC,SAAS,OAAK,CAAC,OAAO,IAAI,QAAQ,CAAC,KAAK,EAAE,IAAI,IAAI,SAAS,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,IAAI,SAAS,CAAC,KAAM,KAAK,IAC1J,KAAK,EAAE,QAAQ,CACR;YACV,UAAU,IAAI,oBAAC,cAAc,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IAAG,UAAU,CAAkB,CACrF,CACO,CACpB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"root", string>;
|
|
5
|
+
classes: Record<"error" | "root", string>;
|
|
6
6
|
theme: import("@mui/material").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -28,12 +28,15 @@ const useStyles = makeStyles()((theme) => {
|
|
|
28
28
|
"& .MuiInputLabel-sizeSmall": {
|
|
29
29
|
top: "-2px"
|
|
30
30
|
},
|
|
31
|
-
"& .MuiFormHelperText-root": {
|
|
32
|
-
fontSize: "12px"
|
|
33
|
-
},
|
|
34
31
|
"& .MuiInputBase-fullWidth": {
|
|
35
32
|
minWidth: "200px"
|
|
36
33
|
}
|
|
34
|
+
},
|
|
35
|
+
error: {
|
|
36
|
+
fontSize: "11px",
|
|
37
|
+
lineHeight: "16px",
|
|
38
|
+
textTransform: "capitalize",
|
|
39
|
+
color: theme.palette.error.main
|
|
37
40
|
}
|
|
38
41
|
};
|
|
39
42
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Input/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,QAAQ,EAAE,MAAM;aACnB;YACD,gCAAgC,EAAE;gBAC9B,OAAO,EAAE,UAAU;aACtB;YACD,4BAA4B,EAAE;gBAC1B,GAAG,EAAE,MAAM;aACd;YACD,2BAA2B,EAAE;gBACzB,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Input/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,QAAQ,EAAE,MAAM;aACnB;YACD,gCAAgC,EAAE;gBAC9B,OAAO,EAAE,UAAU;aACtB;YACD,4BAA4B,EAAE;gBAC1B,GAAG,EAAE,MAAM;aACd;YACD,2BAA2B,EAAE;gBACzB,QAAQ,EAAE,OAAO;aACpB;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,16 +1,18 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
|
-
import { AutocompleteProps } from
|
|
2
|
+
import { AutocompleteProps } from '@mui/material';
|
|
3
3
|
interface iSelect extends AutocompleteProps<any, any, any, any> {
|
|
4
4
|
name?: string;
|
|
5
5
|
label?: string;
|
|
6
6
|
onChange?: any;
|
|
7
7
|
dispatch?: any;
|
|
8
|
+
error?: boolean;
|
|
8
9
|
dataSource?: any;
|
|
9
10
|
inputProps?: any;
|
|
10
11
|
required?: boolean;
|
|
11
12
|
renderOption?: any;
|
|
12
13
|
customKey?: string;
|
|
13
14
|
customName?: string;
|
|
15
|
+
helperText?: string;
|
|
14
16
|
checkboxes?: boolean;
|
|
15
17
|
fixedOption?: (string | number)[];
|
|
16
18
|
disabledOption?: (string | number)[];
|
|
@@ -4,12 +4,12 @@ import { useFormContext, Controller } from "react-hook-form";
|
|
|
4
4
|
// Request
|
|
5
5
|
import { Request } from "../../Services";
|
|
6
6
|
// Material UI
|
|
7
|
-
import { Box, TextField, Autocomplete, Chip, Checkbox } from
|
|
7
|
+
import { Box, TextField, Autocomplete, Chip, Checkbox, FormHelperText } from '@mui/material';
|
|
8
8
|
// Components
|
|
9
9
|
import { Icons } from "../../Components";
|
|
10
10
|
// Styles
|
|
11
11
|
import useStyles from "./theme";
|
|
12
|
-
export const Select = ({ name, label, dataSource, checkboxes, customKey, customName, renderOption, fixedOption, disabledOption, onChange, required, dispatch, inputProps, ...props }) => {
|
|
12
|
+
export const Select = ({ name, label, helperText, dataSource, checkboxes, customKey, customName, renderOption, fixedOption, disabledOption, onChange, required, dispatch, inputProps, error, ...props }) => {
|
|
13
13
|
const { classes } = useStyles();
|
|
14
14
|
const Methods = useFormContext() || {};
|
|
15
15
|
const [selectedValue, setSelectedValue] = useState();
|
|
@@ -62,11 +62,13 @@ export const Select = ({ name, label, dataSource, checkboxes, customKey, customN
|
|
|
62
62
|
? React.createElement(React.Fragment, null,
|
|
63
63
|
React.createElement(Checkbox, { icon: React.createElement(Icons.CheckBoxOutlineBlank, { fontSize: "small" }), checkedIcon: React.createElement(Icons.CheckBox, { fontSize: "small" }), style: { marginRight: 5 }, checked: selected }),
|
|
64
64
|
customName ? row[`${customName}`] : row.label)
|
|
65
|
-
: renderOption(row)) } : {}), getOptionDisabled: (row) => (disabledOption ? disabledOption.includes(customKey ? row[`${customKey}`] : row.id) : false) || ((fixedOption && props?.multiple) ? fixedOption.includes(customKey ? row[`${customKey}`] : row.id) : false), renderInput: (params) => React.createElement(TextField, { ...params, InputProps: { ...params.InputProps, ...inputProps, type: "search" }, label: label ? label : (name || "default"), required: required }) }));
|
|
65
|
+
: renderOption(row)) } : {}), getOptionDisabled: (row) => (disabledOption ? disabledOption.includes(customKey ? row[`${customKey}`] : row.id) : false) || ((fixedOption && props?.multiple) ? fixedOption.includes(customKey ? row[`${customKey}`] : row.id) : false), renderInput: (params) => React.createElement(TextField, { ...params, InputProps: { ...params.InputProps, ...inputProps, type: "search" }, error: error, label: label ? label : (name || "default"), required: required }) }));
|
|
66
66
|
};
|
|
67
67
|
return (React.createElement(React.Fragment, null,
|
|
68
|
-
React.createElement(Box, { className: classes.root },
|
|
69
|
-
|
|
70
|
-
|
|
68
|
+
React.createElement(Box, { className: classes.root },
|
|
69
|
+
control
|
|
70
|
+
? React.createElement(Controller, { name: name || "default", control: control, rules: { required: required }, render: () => React.createElement(MuiAutocomplete, null) })
|
|
71
|
+
: React.createElement(MuiAutocomplete, null),
|
|
72
|
+
helperText && React.createElement(FormHelperText, { className: classes.error }, helperText))));
|
|
71
73
|
};
|
|
72
74
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,kBAAkB;AAClB,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7D,UAAU;AACV,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,cAAc;AACd,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,EAAqB,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"root", string>;
|
|
5
|
+
classes: Record<"error" | "root", string>;
|
|
6
6
|
theme: import("@mui/material").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -24,6 +24,10 @@ const useStyles = makeStyles()((theme) => {
|
|
|
24
24
|
},
|
|
25
25
|
"& button": {
|
|
26
26
|
padding: "2px 10px",
|
|
27
|
+
backgroundColor: "transparent !important"
|
|
28
|
+
},
|
|
29
|
+
"& .MuiFormControl-root": {
|
|
30
|
+
width: "auto"
|
|
27
31
|
},
|
|
28
32
|
"& .MuiAutocomplete-root": {
|
|
29
33
|
"& .MuiAutocomplete-input": {
|
|
@@ -41,6 +45,12 @@ const useStyles = makeStyles()((theme) => {
|
|
|
41
45
|
minWidth: "200px"
|
|
42
46
|
}
|
|
43
47
|
}
|
|
48
|
+
},
|
|
49
|
+
error: {
|
|
50
|
+
fontSize: "11px",
|
|
51
|
+
lineHeight: "16px",
|
|
52
|
+
textTransform: "capitalize",
|
|
53
|
+
color: theme.palette.error.main
|
|
44
54
|
}
|
|
45
55
|
};
|
|
46
56
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Select/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,QAAQ,EAAE,MAAM;aACnB;YACD,UAAU,EAAE;gBACR,OAAO,EAAE,UAAU;
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Select/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,QAAQ,EAAE,MAAM;aACnB;YACD,UAAU,EAAE;gBACR,OAAO,EAAE,UAAU;gBACnB,eAAe,EAAE,wBAAwB;aAC5C;YACD,wBAAwB,EAAE;gBACtB,KAAK,EAAE,MAAM;aAChB;YACD,yBAAyB,EAAE;gBACvB,0BAA0B,EAAE;oBACxB,MAAM,EAAE,SAAS;oBACjB,OAAO,EAAE,iBAAiB;iBAC7B;gBACD,sBAAsB,EAAE;oBACpB,MAAM,EAAE,SAAS;oBACjB,OAAO,EAAE,YAAY;iBACxB;gBACD,2BAA2B,EAAE;oBACzB,QAAQ,EAAE,MAAM;iBACnB;gBACD,2BAA2B,EAAE;oBACzB,QAAQ,EAAE,OAAO;iBACpB;aACJ;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"}
|
|
@@ -3,8 +3,10 @@ import { SwitchProps } from "@mui/material";
|
|
|
3
3
|
interface iSwitch extends SwitchProps {
|
|
4
4
|
name?: string;
|
|
5
5
|
label?: string;
|
|
6
|
+
error?: boolean;
|
|
6
7
|
trueValue?: string;
|
|
7
8
|
falseValue?: string;
|
|
9
|
+
helperText?: string;
|
|
8
10
|
}
|
|
9
11
|
export declare const Switch: FC<iSwitch>;
|
|
10
12
|
export {};
|
|
@@ -2,10 +2,10 @@ import React, { useEffect, useState } from "react";
|
|
|
2
2
|
// React Hook Form
|
|
3
3
|
import { useFormContext } from "react-hook-form";
|
|
4
4
|
// Material UI
|
|
5
|
-
import { Box, FormControlLabel, Switch as MuiSwitch } from "@mui/material";
|
|
5
|
+
import { Box, FormControlLabel, Switch as MuiSwitch, FormHelperText } from "@mui/material";
|
|
6
6
|
// Styles
|
|
7
7
|
import useStyles from "./theme";
|
|
8
|
-
export const Switch = ({ name, trueValue, falseValue, label, ...props }) => {
|
|
8
|
+
export const Switch = ({ name, trueValue, falseValue, label, helperText, error, ...props }) => {
|
|
9
9
|
const { classes } = useStyles();
|
|
10
10
|
const [checkedValue, setCheckedValue] = useState(false);
|
|
11
11
|
const { register, setValue, control } = useFormContext() || {};
|
|
@@ -22,15 +22,16 @@ export const Switch = ({ name, trueValue, falseValue, label, ...props }) => {
|
|
|
22
22
|
const changeValue = (event) => {
|
|
23
23
|
if (event.target.checked) {
|
|
24
24
|
setCheckedValue(true);
|
|
25
|
-
setValue(name || "default", (trueValue ? trueValue : true));
|
|
25
|
+
control && setValue(name || "default", (trueValue ? trueValue : true));
|
|
26
26
|
}
|
|
27
27
|
else {
|
|
28
28
|
setCheckedValue(false);
|
|
29
|
-
setValue(name || "default", (falseValue ? falseValue : false));
|
|
29
|
+
control && setValue(name || "default", (falseValue ? falseValue : false));
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
32
|
return (React.createElement(React.Fragment, null,
|
|
33
33
|
React.createElement(Box, { className: classes.root },
|
|
34
|
-
React.createElement(FormControlLabel, { control: React.createElement(MuiSwitch, { ...(control && register(name || "default")), value: checkedValue, checked: checkedValue, onChange: changeValue, ...props }), label: label ? label : name })
|
|
34
|
+
React.createElement(FormControlLabel, { control: React.createElement(MuiSwitch, { ...(control && register(name || "default")), value: checkedValue, checked: checkedValue, onChange: changeValue, color: error ? "error" : (props?.color ? props.color : "primary"), ...props }), label: label ? label : (name || "default") }),
|
|
35
|
+
helperText && React.createElement(FormHelperText, { className: classes.error }, helperText))));
|
|
35
36
|
};
|
|
36
37
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Switch/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"root", string>;
|
|
5
|
+
classes: Record<"error" | "root", string>;
|
|
6
6
|
theme: import("@mui/material").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Switch/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,mBAAmB,EAAE;gBACjB,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,cAAc;gBACvB,uBAAuB,EAAE;oBACrB,OAAO,EAAE,SAAS;iBACrB;aACJ;YACD,uBAAuB,EAAE;gBACrB,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,MAAM;gBAClB,aAAa,EAAE,YAAY;aAC9B;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Switch/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,mBAAmB,EAAE;gBACjB,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,cAAc;gBACvB,uBAAuB,EAAE;oBACrB,OAAO,EAAE,SAAS;iBACrB;aACJ;YACD,uBAAuB,EAAE;gBACrB,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,MAAM;gBAClB,aAAa,EAAE,YAAY;aAC9B;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"}
|