coject 1.2.10 → 1.2.11
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 +4 -4
- package/dist/cjs/Components/Button/index.d.ts +3 -6
- package/dist/cjs/Components/Button/index.js +6 -2
- 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 +20 -0
- package/dist/cjs/Components/Button/theme.js.map +1 -0
- package/dist/cjs/Components/Checkbox/index.d.ts +6 -3
- package/dist/cjs/Components/Checkbox/index.js +13 -5
- 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 +24 -0
- package/dist/cjs/Components/Checkbox/theme.js.map +1 -0
- package/dist/cjs/Components/DatePicker/index.d.ts +11 -9
- package/dist/cjs/Components/DatePicker/index.js +17 -10
- 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 +39 -0
- package/dist/cjs/Components/DatePicker/theme.js.map +1 -0
- package/dist/cjs/Components/Form/index.d.ts +7 -1
- package/dist/cjs/Components/Form/index.js +20 -20
- 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 +12 -6
- package/dist/cjs/Components/Grid/index.js +61 -17
- package/dist/cjs/Components/Grid/index.js.map +1 -1
- package/dist/cjs/Components/Input/index.d.ts +2 -7
- package/dist/cjs/Components/Input/index.js +4 -4
- package/dist/cjs/Components/Input/index.js.map +1 -1
- package/dist/cjs/Components/Input/theme.js +1 -2
- 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 +2 -2
- package/dist/cjs/Components/Modal/index.js.map +1 -1
- package/dist/cjs/Components/Select/index.d.ts +6 -7
- package/dist/cjs/Components/Select/index.js +22 -15
- 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 +44 -0
- package/dist/cjs/Components/Select/theme.js.map +1 -0
- package/dist/cjs/Components/Switch/index.d.ts +6 -3
- package/dist/cjs/Components/Switch/index.js +13 -5
- 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 +28 -0
- package/dist/cjs/Components/Switch/theme.js.map +1 -0
- package/dist/esm/Components/Button/index.d.ts +3 -6
- package/dist/esm/Components/Button/index.js +7 -3
- 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 +18 -0
- package/dist/esm/Components/Button/theme.js.map +1 -0
- package/dist/esm/Components/Checkbox/index.d.ts +6 -3
- package/dist/esm/Components/Checkbox/index.js +11 -6
- 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 +22 -0
- package/dist/esm/Components/Checkbox/theme.js.map +1 -0
- package/dist/esm/Components/DatePicker/index.d.ts +11 -9
- package/dist/esm/Components/DatePicker/index.js +18 -11
- 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 +37 -0
- package/dist/esm/Components/DatePicker/theme.js.map +1 -0
- package/dist/esm/Components/Form/index.d.ts +7 -1
- package/dist/esm/Components/Form/index.js +20 -20
- 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 +12 -6
- package/dist/esm/Components/Grid/index.js +63 -19
- package/dist/esm/Components/Grid/index.js.map +1 -1
- package/dist/esm/Components/Input/index.d.ts +2 -7
- package/dist/esm/Components/Input/index.js +4 -4
- package/dist/esm/Components/Input/index.js.map +1 -1
- package/dist/esm/Components/Input/theme.js +1 -2
- 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 +2 -2
- package/dist/esm/Components/Modal/index.js.map +1 -1
- package/dist/esm/Components/Select/index.d.ts +6 -7
- package/dist/esm/Components/Select/index.js +20 -16
- 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 +42 -0
- package/dist/esm/Components/Select/theme.js.map +1 -0
- package/dist/esm/Components/Switch/index.d.ts +6 -3
- package/dist/esm/Components/Switch/index.js +11 -6
- 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 +26 -0
- package/dist/esm/Components/Switch/theme.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,18 @@
|
|
|
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
|
+
"& button": {
|
|
10
|
+
fontSize: "14px",
|
|
11
|
+
lineHeight: "14px",
|
|
12
|
+
textTransform: "capitalize"
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
});
|
|
17
|
+
export default useStyles;
|
|
18
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Button/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,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,UAAU,EAAE;gBACR,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,MAAM;gBAClB,aAAa,EAAE,YAAY;aAC9B;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
import { CheckboxProps } from "@mui/material";
|
|
3
|
+
interface iCheckbox extends CheckboxProps {
|
|
4
|
+
name?: string;
|
|
5
|
+
label?: string;
|
|
6
|
+
trueValue?: string;
|
|
7
|
+
falseValue?: string;
|
|
5
8
|
}
|
|
6
9
|
export declare const Checkbox: FC<iCheckbox>;
|
|
7
10
|
export {};
|
|
@@ -13,16 +13,21 @@ import React, { useEffect } from "react";
|
|
|
13
13
|
// React Hook Form
|
|
14
14
|
import { useFormContext } from "react-hook-form";
|
|
15
15
|
// Material UI
|
|
16
|
-
import { Checkbox as MuiCheckbox } from "@mui/material";
|
|
16
|
+
import { Box, FormControlLabel, Checkbox as MuiCheckbox } from "@mui/material";
|
|
17
|
+
// Styles
|
|
18
|
+
import useStyles from "./theme";
|
|
17
19
|
export const Checkbox = (_a) => {
|
|
18
|
-
var { name,
|
|
20
|
+
var { name, label, trueValue, falseValue } = _a, props = __rest(_a, ["name", "label", "trueValue", "falseValue"]);
|
|
21
|
+
const { classes } = useStyles();
|
|
19
22
|
const { register, setValue, control } = useFormContext() || {};
|
|
23
|
+
const CheckedValue = (props === null || props === void 0 ? void 0 : props.value) ? (`${props === null || props === void 0 ? void 0 : props.value}` !== (falseValue ? falseValue : "false")) ? (trueValue ? (`${props === null || props === void 0 ? void 0 : props.value}` === trueValue) : true) : false : false;
|
|
20
24
|
// Value
|
|
21
25
|
useEffect(() => {
|
|
22
|
-
if (value)
|
|
23
|
-
control && setValue(name, value);
|
|
24
|
-
}, [control, name, setValue, value]);
|
|
26
|
+
if (props === null || props === void 0 ? void 0 : props.value)
|
|
27
|
+
control && setValue(name || "default", props === null || props === void 0 ? void 0 : props.value);
|
|
28
|
+
}, [control, name, setValue, props === null || props === void 0 ? void 0 : props.value]);
|
|
25
29
|
return (React.createElement(React.Fragment, null,
|
|
26
|
-
React.createElement(
|
|
30
|
+
React.createElement(Box, { className: classes.root },
|
|
31
|
+
React.createElement(FormControlLabel, { control: React.createElement(MuiCheckbox, Object.assign({}, (control && register(name || "default")), { defaultChecked: CheckedValue }, props)), label: label ? label : name }))));
|
|
27
32
|
};
|
|
28
33
|
//# 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,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,kBAAkB;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,cAAc;AACd,OAAO,EAAE,QAAQ,IAAI,WAAW,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Checkbox/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,gBAAgB,EAAE,QAAQ,IAAI,WAAW,EAAiB,MAAM,eAAe,CAAC;AAE9F,SAAS;AACT,OAAO,SAAS,MAAM,SAAS,CAAC;AAUhC,MAAM,CAAC,MAAM,QAAQ,GAAkB,CAAC,EAAgD,EAAE,EAAE;QAApD,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,OAAY,EAAP,KAAK,cAA9C,4CAAgD,CAAF;IAClF,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,IAAI,EAAE,CAAC;IAC/D,MAAM,YAAY,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAC,CAAC,CAAC,CAAC,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAEzK,QAAQ;IACR,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK;YAAE,OAAO,IAAI,QAAQ,CAAC,IAAI,IAAI,SAAS,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,CAAC;IAC3E,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,CAAC,CAAC;IAE5C,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;YACxB,oBAAC,gBAAgB,IAAC,OAAO,EAAE,oBAAC,WAAW,oBAAK,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC,IAAE,cAAc,EAAE,YAAY,IAAM,KAAK,EAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,GAAI,CAChK,CACO,CACpB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
2
|
+
props: Record<string, unknown>;
|
|
3
|
+
ownerState?: Record<string, unknown> | undefined;
|
|
4
|
+
} | undefined) => {
|
|
5
|
+
classes: Record<"root", string>;
|
|
6
|
+
theme: import("@mui/material").Theme;
|
|
7
|
+
css: import("tss-react/types").Css;
|
|
8
|
+
cx: import("tss-react/types").Cx;
|
|
9
|
+
};
|
|
10
|
+
export default useStyles;
|
|
@@ -0,0 +1,22 @@
|
|
|
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
|
+
};
|
|
20
|
+
});
|
|
21
|
+
export default useStyles;
|
|
22
|
+
//# 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;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
@@ -1,18 +1,20 @@
|
|
|
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
|
+
name?: string;
|
|
4
6
|
value?: string;
|
|
7
|
+
views?: string;
|
|
8
|
+
onChange?: any;
|
|
5
9
|
hijri?: boolean;
|
|
6
10
|
format?: string;
|
|
7
|
-
inFormat?: string;
|
|
8
|
-
outFormat?: string;
|
|
9
11
|
minDate?: string;
|
|
10
12
|
maxDate?: string;
|
|
11
|
-
|
|
13
|
+
inFormat?: string;
|
|
14
|
+
outFormat?: string;
|
|
12
15
|
withTime?: boolean;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}
|
|
16
|
+
textView?: boolean;
|
|
17
|
+
fullWidth?: boolean;
|
|
18
|
+
};
|
|
17
19
|
export declare const DatePicker: FC<iDatePicker>;
|
|
18
20
|
export {};
|
|
@@ -16,14 +16,17 @@ import { useFormContext } from "react-hook-form";
|
|
|
16
16
|
import Moment from "moment";
|
|
17
17
|
import MomentHijri from "moment-hijri";
|
|
18
18
|
// Material UI
|
|
19
|
-
import { Typography } from "@mui/material";
|
|
19
|
+
import { Box, Typography } from "@mui/material";
|
|
20
20
|
import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
|
|
21
|
-
import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
|
|
22
21
|
import { AdapterMomentHijri } from "@mui/x-date-pickers/AdapterMomentHijri";
|
|
23
|
-
import { DatePicker as MuiDatePicker } from "@mui/x-date-pickers/DatePicker";
|
|
24
22
|
import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
|
|
23
|
+
import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
|
|
24
|
+
import { DatePicker as MuiDatePicker } from "@mui/x-date-pickers/DatePicker";
|
|
25
|
+
// Styles
|
|
26
|
+
import useStyles from "./theme";
|
|
25
27
|
export const DatePicker = (_a) => {
|
|
26
|
-
var { name, value, hijri, format, inFormat, outFormat, minDate, maxDate, views, withTime,
|
|
28
|
+
var { name, value, hijri, format, inFormat, outFormat, minDate, maxDate, views, withTime, textView, fullWidth, onChange } = _a, props = __rest(_a, ["name", "value", "hijri", "format", "inFormat", "outFormat", "minDate", "maxDate", "views", "withTime", "textView", "fullWidth", "onChange"]);
|
|
29
|
+
const { classes } = useStyles();
|
|
27
30
|
const DateComponent = withTime ? DateTimePicker : MuiDatePicker;
|
|
28
31
|
const Views = views ? { views: [`${views}`] } : {};
|
|
29
32
|
const { register, setValue } = useFormContext() || {};
|
|
@@ -34,20 +37,24 @@ export const DatePicker = (_a) => {
|
|
|
34
37
|
: { 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
38
|
// Default Value
|
|
36
39
|
useEffect(() => {
|
|
37
|
-
register && !!Object.keys(register).length && setValue(name, selectedDate.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
40
|
+
register && !!Object.keys(register).length && setValue(name || "default", selectedDate.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
38
41
|
}, [register, setValue, name, selectedDate, outFormat]);
|
|
39
42
|
// Normal Value
|
|
40
43
|
useEffect(() => {
|
|
41
44
|
if (value) {
|
|
42
45
|
const ValueFormat = hijri ? MomentHijri(value, inFormat ? inFormat : "DD-MM-YYYY") : Moment(value, inFormat ? inFormat : "DD-MM-YYYY");
|
|
43
46
|
setSelectedDate(ValueFormat);
|
|
44
|
-
register && !!Object.keys(register).length && setValue(name, ValueFormat.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
47
|
+
register && !!Object.keys(register).length && setValue(name || "default", ValueFormat.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
45
48
|
}
|
|
46
49
|
}, [value, setValue, register, name, hijri, inFormat, outFormat]);
|
|
47
|
-
return (React.createElement(
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
50
|
+
return (React.createElement(React.Fragment, null,
|
|
51
|
+
React.createElement(Box, { className: classes.root },
|
|
52
|
+
React.createElement(LocalizationProvider, { dateAdapter: hijri ? AdapterMomentHijri : AdapterMoment }, textView
|
|
53
|
+
? React.createElement(Typography, null, selectedDate.format(format ? format : hijri ? (withTime ? "iDD-iMM-iYYYY HH:mm" : "iDD-iMM-iYYYY") : withTime ? "DD-MM-YYYY HH:mm" : "DD-MM-YYYY"))
|
|
54
|
+
: React.createElement(DateComponent, Object.assign({ 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) => {
|
|
55
|
+
setSelectedDate(newValue);
|
|
56
|
+
onChange && onChange(newValue.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
57
|
+
register && !!Object.keys(register).length && setValue(name || "default", newValue.format(outFormat ? outFormat : "DD-MM-YYYY"));
|
|
58
|
+
} }))))));
|
|
52
59
|
};
|
|
53
60
|
//# 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,UAAU,EAAE,MAAM,eAAe,CAAC;
|
|
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<"root", string>;
|
|
6
|
+
theme: import("@mui/material").Theme;
|
|
7
|
+
css: import("tss-react/types").Css;
|
|
8
|
+
cx: import("tss-react/types").Cx;
|
|
9
|
+
};
|
|
10
|
+
export default useStyles;
|
|
@@ -0,0 +1,37 @@
|
|
|
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
|
+
"& legend": {
|
|
23
|
+
fontSize: "10px"
|
|
24
|
+
},
|
|
25
|
+
"& .MuiFormControl-fullWidth": {
|
|
26
|
+
width: "100%"
|
|
27
|
+
},
|
|
28
|
+
"& .MuiAutocomplete-root": {
|
|
29
|
+
"& .MuiInputBase-root, & input": {
|
|
30
|
+
cursor: "pointer"
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
});
|
|
36
|
+
export default useStyles;
|
|
37
|
+
//# 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,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,6 +1,11 @@
|
|
|
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
|
-
schema?: any;
|
|
4
9
|
mode?: string;
|
|
5
10
|
name?: string;
|
|
6
11
|
getForm?: any;
|
|
@@ -9,6 +14,7 @@ interface iForm {
|
|
|
9
14
|
dispatch?: any;
|
|
10
15
|
setModal?: any;
|
|
11
16
|
dataSource?: any;
|
|
17
|
+
schema?: iSchema | any;
|
|
12
18
|
onSubmitClear?: boolean;
|
|
13
19
|
}
|
|
14
20
|
export declare const Form: FC<iForm>;
|
|
@@ -20,6 +20,7 @@ import { Grid, Button } from "@mui/material";
|
|
|
20
20
|
import { Input } from "../Input";
|
|
21
21
|
import { Switch } from "../Switch";
|
|
22
22
|
import { Select } from "../Select";
|
|
23
|
+
import { Checkbox } from "../Checkbox";
|
|
23
24
|
import { DatePicker } from "../DatePicker";
|
|
24
25
|
// Styles
|
|
25
26
|
import useStyles from "./theme";
|
|
@@ -50,34 +51,33 @@ export const Form = (_a) => {
|
|
|
50
51
|
React.createElement("form", Object.assign({ className: classes.root, onSubmit: Methods.handleSubmit(onFormSubmit) }, props),
|
|
51
52
|
React.createElement(Grid, { container: true, spacing: 2 },
|
|
52
53
|
schema && !!(schema === null || schema === void 0 ? void 0 : schema.length) && schema.map((field, index) => {
|
|
53
|
-
var _a, _b, _c, _d, _e, _f
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
switch ((_c = field.component) === null || _c === void 0 ? void 0 : _c.toLowerCase()) {
|
|
54
|
+
var _a, _b, _c, _d, _e, _f;
|
|
55
|
+
switch ((_a = field.component) === null || _a === void 0 ? void 0 : _a.toLowerCase()) {
|
|
56
|
+
case "date":
|
|
57
|
+
return field.actionTemplate
|
|
58
|
+
? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
|
|
59
|
+
: (React.createElement(Grid, Object.assign({ item: true, key: index }, (field.componentMedia ? field.componentMedia : { md: 12, lg: 12 })),
|
|
60
|
+
React.createElement(DatePicker, Object.assign({ fullWidth: true, name: field.field }, field.componentProps, { value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : (_b = field === null || field === void 0 ? void 0 : field.componentProps) === null || _b === void 0 ? void 0 : _b.value) }))));
|
|
61
61
|
case "input":
|
|
62
62
|
return field.actionTemplate
|
|
63
63
|
? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
|
|
64
|
-
: (React.createElement(Grid, Object.assign({ item: true, key: index }, (field.
|
|
65
|
-
React.createElement(Input, Object.assign({ fullWidth: true, name: field.field }, field.
|
|
64
|
+
: (React.createElement(Grid, Object.assign({ item: true, key: index }, (field.componentMedia ? field.componentMedia : { md: 12, lg: 12 })),
|
|
65
|
+
React.createElement(Input, Object.assign({ fullWidth: true, name: field.field }, field.componentProps, { value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : (_c = field === null || field === void 0 ? void 0 : field.componentProps) === null || _c === void 0 ? void 0 : _c.value) }))));
|
|
66
66
|
case "switch":
|
|
67
67
|
return field.actionTemplate
|
|
68
68
|
? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
|
|
69
|
-
: (React.createElement(Grid, Object.assign({ item: true, key: index }, (field.
|
|
70
|
-
React.createElement(Switch, Object.assign({ name: field.field }, field.
|
|
71
|
-
case "
|
|
69
|
+
: (React.createElement(Grid, Object.assign({ item: true, key: index }, (field.componentMedia ? field.componentMedia : { md: 12, lg: 12 })),
|
|
70
|
+
React.createElement(Switch, Object.assign({ name: field.field }, field.componentProps, { value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : (_d = field === null || field === void 0 ? void 0 : field.componentProps) === null || _d === void 0 ? void 0 : _d.value) }))));
|
|
71
|
+
case "checkbox":
|
|
72
72
|
return field.actionTemplate
|
|
73
73
|
? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
|
|
74
|
-
: (React.createElement(Grid, Object.assign({ item: true, key: index }, (field.
|
|
75
|
-
React.createElement(
|
|
76
|
-
case "
|
|
74
|
+
: (React.createElement(Grid, Object.assign({ item: true, key: index }, (field.componentMedia ? field.componentMedia : { md: 12, lg: 12 })),
|
|
75
|
+
React.createElement(Checkbox, Object.assign({ name: field.field }, field.componentProps, { value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : (_e = field === null || field === void 0 ? void 0 : field.componentProps) === null || _e === void 0 ? void 0 : _e.value) }))));
|
|
76
|
+
case "select":
|
|
77
77
|
return field.actionTemplate
|
|
78
78
|
? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
|
|
79
|
-
: (React.createElement(Grid, Object.assign({ item: true, key: index }, (field.
|
|
80
|
-
React.createElement(
|
|
79
|
+
: (React.createElement(Grid, Object.assign({ item: true, key: index }, (field.componentMedia ? field.componentMedia : { md: 12, lg: 12 })),
|
|
80
|
+
React.createElement(Select, Object.assign({ name: field.field }, field.componentProps, { value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : (_f = field === null || field === void 0 ? void 0 : field.componentProps) === null || _f === void 0 ? void 0 : _f.value) }))));
|
|
81
81
|
default:
|
|
82
82
|
return null;
|
|
83
83
|
}
|
|
@@ -91,13 +91,13 @@ export const Form = (_a) => {
|
|
|
91
91
|
}
|
|
92
92
|
else {
|
|
93
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.
|
|
94
|
+
React.createElement(Button, Object.assign({}, field.componentProps), field.field));
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
97
|
else
|
|
98
98
|
return null;
|
|
99
99
|
})
|
|
100
100
|
: React.createElement(Grid, { item: true, md: 12, lg: 12 },
|
|
101
|
-
React.createElement(Button, { fullWidth: true, type: "submit", variant: "
|
|
101
|
+
React.createElement(Button, { fullWidth: true, type: "submit", variant: "outlined" }, "Save")))))));
|
|
102
102
|
};
|
|
103
103
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,kBAAkB;AAClB,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAExD,UAAU;AACV,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,cAAc;AACd,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;
|
|
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,18 @@
|
|
|
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;
|
|
5
10
|
dataSource?: any;
|
|
6
|
-
actions?: boolean;
|
|
7
11
|
toolbar?: boolean;
|
|
8
|
-
|
|
9
|
-
|
|
12
|
+
actions?: boolean;
|
|
13
|
+
onAddSubmit?: any;
|
|
14
|
+
onEditSubmit?: any;
|
|
15
|
+
schema?: iSchema | any;
|
|
10
16
|
}
|
|
11
|
-
export declare const Grid: FC<iGrid
|
|
17
|
+
export declare const Grid: FC<Omit<iGrid, "rows" | "columns">>;
|
|
12
18
|
export {};
|
|
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { useEffect, useState } from "react";
|
|
12
|
+
import React, { useEffect, useState, useReducer } from "react";
|
|
13
13
|
// Request
|
|
14
14
|
import { Request } from "../../Services";
|
|
15
15
|
// Material UI
|
|
@@ -19,16 +19,18 @@ import * as MuiIcons from "@mui/icons-material";
|
|
|
19
19
|
// Material UI Table
|
|
20
20
|
import { DataGrid, GridActionsCellItem, GridToolbarContainer, GridToolbarColumnsButton, GridToolbarFilterButton, GridToolbarExport } from "@mui/x-data-grid";
|
|
21
21
|
// Components
|
|
22
|
-
import { Form, Modal } from "../index";
|
|
22
|
+
import { Form, DatePicker, Modal } from "../index";
|
|
23
23
|
// Styles
|
|
24
24
|
import useStyles from "./theme";
|
|
25
25
|
export const Grid = (_a) => {
|
|
26
26
|
var _b;
|
|
27
|
-
var { dataSource, schema, actions, toolbar,
|
|
27
|
+
var { dataSource, schema, actions, toolbar, dispatch, onAddSubmit, onEditSubmit } = _a, props = __rest(_a, ["dataSource", "schema", "actions", "toolbar", "dispatch", "onAddSubmit", "onEditSubmit"]);
|
|
28
28
|
const Icons = MuiIcons;
|
|
29
29
|
const { classes } = useStyles();
|
|
30
30
|
const [gridData, setGridData] = useState([]);
|
|
31
|
+
const [schemaData, setSchemaData] = useState({});
|
|
31
32
|
const [selectedData, setSelectedData] = useState(null);
|
|
33
|
+
const [, forceUpdate] = useReducer(x => x + 1, 0);
|
|
32
34
|
const [addNew, setAddNew] = useState(false);
|
|
33
35
|
const [update, setUpdate] = useState(false);
|
|
34
36
|
const [delModal, setDelModal] = useState(false);
|
|
@@ -41,11 +43,50 @@ export const Grid = (_a) => {
|
|
|
41
43
|
// Dynamic Data
|
|
42
44
|
useEffect(() => {
|
|
43
45
|
if ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrl) && !dataSource.staticData) {
|
|
44
|
-
Request({ dataSource
|
|
46
|
+
Request({ dataSource, dispatch, callBack: (data) => setGridData(data) }).then();
|
|
45
47
|
}
|
|
46
48
|
}, [dataSource, dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrl, dispatch]);
|
|
49
|
+
// Dynamic Data ( Schema )
|
|
50
|
+
useEffect(() => {
|
|
51
|
+
if (schema) {
|
|
52
|
+
schema.map((field) => {
|
|
53
|
+
var _a;
|
|
54
|
+
if (field.component === "select" && ((_a = field.componentProps) === null || _a === void 0 ? void 0 : _a.dataSource)) {
|
|
55
|
+
return Request({ dataSource: field.componentProps.dataSource, callBack: (data) => setSchemaData((prev) => (Object.assign(Object.assign({}, prev), { [field.field]: data }))) }).then();
|
|
56
|
+
}
|
|
57
|
+
else
|
|
58
|
+
return null;
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
}, [schema]);
|
|
47
62
|
// Default Schema
|
|
48
|
-
const defaultSchema = !!gridData.length ? (_b = Object.keys(gridData[0])) === null || _b === void 0 ? void 0 : _b.map((columnKey) => ({
|
|
63
|
+
const defaultSchema = !!gridData.length ? (_b = Object.keys(gridData[0])) === null || _b === void 0 ? void 0 : _b.map((columnKey) => ({
|
|
64
|
+
width: 100,
|
|
65
|
+
field: columnKey,
|
|
66
|
+
component: "input",
|
|
67
|
+
flex: (columnKey === ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.primaryKey) ? dataSource.primaryKey : "id") ? 0 : 1)
|
|
68
|
+
})) : [];
|
|
69
|
+
// Custom Schema
|
|
70
|
+
useEffect(() => {
|
|
71
|
+
if (schema) {
|
|
72
|
+
schema.map((columnSchema) => {
|
|
73
|
+
if (columnSchema.component === "date" && !columnSchema.renderCell) {
|
|
74
|
+
columnSchema.renderCell = (data) => React.createElement(DatePicker, { value: data.value, textView: true });
|
|
75
|
+
}
|
|
76
|
+
if (columnSchema.component === "select") {
|
|
77
|
+
const customKey = columnSchema.componentProps.customKey;
|
|
78
|
+
const customName = columnSchema.componentProps.customName;
|
|
79
|
+
columnSchema.type = "singleSelect";
|
|
80
|
+
columnSchema.getOptionValue = (value) => customKey ? value[customKey] : value.id;
|
|
81
|
+
columnSchema.getOptionLabel = (value) => customName ? value[customName] : value.label;
|
|
82
|
+
columnSchema.valueOptions = schemaData[columnSchema.field];
|
|
83
|
+
columnSchema.componentProps.dataSource = { staticData: schemaData[columnSchema.field] };
|
|
84
|
+
}
|
|
85
|
+
return (Object.assign({}, columnSchema));
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
forceUpdate();
|
|
89
|
+
}, [forceUpdate, schema, schemaData]);
|
|
49
90
|
// Columns Schema
|
|
50
91
|
const columnsSchema = [...(schema ? schema : defaultSchema), ...(actions
|
|
51
92
|
? [{ field: "actions", type: "actions", headerName: "Actions", width: 100, cellClassName: "actions",
|
|
@@ -60,29 +101,32 @@ export const Grid = (_a) => {
|
|
|
60
101
|
// Custom Toolbar
|
|
61
102
|
const CustomToolbar = () => {
|
|
62
103
|
return (React.createElement(GridToolbarContainer, null,
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
104
|
+
toolbar &&
|
|
105
|
+
React.createElement(React.Fragment, null,
|
|
106
|
+
React.createElement(GridToolbarColumnsButton, null),
|
|
107
|
+
React.createElement(GridToolbarFilterButton, null),
|
|
108
|
+
React.createElement(GridToolbarExport, null)),
|
|
109
|
+
actions &&
|
|
110
|
+
React.createElement(Button, { onClick: () => setAddNew(true), type: "button" },
|
|
111
|
+
React.createElement(Icons.Add, null),
|
|
112
|
+
" Add New")));
|
|
69
113
|
};
|
|
70
114
|
return (React.createElement(React.Fragment, null,
|
|
71
115
|
React.createElement(Modal, { title: "Add New Item", open: addNew, setOpen: setAddNew },
|
|
72
|
-
React.createElement(Form, { dataSource: dataSource, schema: schema ? schema : defaultSchema, mode: "create" })),
|
|
116
|
+
React.createElement(Form, { onSubmit: (data) => onAddSubmit(data), dataSource: dataSource, schema: schema ? schema : defaultSchema, mode: "create" })),
|
|
73
117
|
React.createElement(Modal, { title: "Update Item", open: update, setOpen: setUpdate },
|
|
74
|
-
React.createElement(Form, { dataSource: Object.assign(Object.assign({}, dataSource), { staticData: selectedData }), schema: schema ? schema : defaultSchema, mode: "update" })),
|
|
118
|
+
React.createElement(Form, { onSubmit: (data) => onEditSubmit(data), dataSource: Object.assign(Object.assign({}, dataSource), { staticData: selectedData }), schema: schema ? schema : defaultSchema, mode: "update" })),
|
|
75
119
|
React.createElement(Modal, { title: "Delete Item", open: delModal, setOpen: setDelModal },
|
|
76
120
|
React.createElement(MuiGrid, { container: true, spacing: 2 },
|
|
77
121
|
React.createElement(MuiGrid, { item: true, md: 12, lg: 12 },
|
|
78
122
|
React.createElement(Typography, { color: theme => theme.palette.error.main }, "Are You Sure To Delete This Item?")),
|
|
79
123
|
React.createElement(MuiGrid, { item: true, md: 12, lg: 12 },
|
|
80
|
-
React.createElement(Button, { fullWidth: true, type: "button", variant: "contained", onClick: () => Request({
|
|
124
|
+
React.createElement(Button, { fullWidth: true, type: "button", variant: "contained", onClick: () => Request({
|
|
125
|
+
dataSource, mode: "delete",
|
|
126
|
+
apiUrlId: dataSource.primaryKey ? selectedData[dataSource.primaryKey] : selectedData.id,
|
|
127
|
+
callBack: () => setDelModal(false), dispatch
|
|
128
|
+
}).then() }, "Delete")))),
|
|
81
129
|
React.createElement(Box, { className: classes.root },
|
|
82
|
-
React.createElement(DataGrid, Object.assign({ className: !(gridData === null || gridData === void 0 ? void 0 : gridData.length) ? classes.empty : "", rows: gridData, columns: columnsSchema, density: "compact" }, props, { getRowClassName: (params) => (params.indexRelativeToCurrentPage % 2 === 0 ? "dark" : ""), initialState: initialState ? initialState : {
|
|
83
|
-
pagination: { paginationModel: { pageSize: 15 } }
|
|
84
|
-
}, pageSizeOptions: pageSizeOptions ? pageSizeOptions : [15, 25, 35, 50, 100], getRowId: (row) => (dataSource === null || dataSource === void 0 ? void 0 : dataSource.primaryKey) ? row[dataSource === null || dataSource === void 0 ? void 0 : dataSource.primaryKey] : row.id, slots: {
|
|
85
|
-
toolbar: toolbar ? CustomToolbar : null
|
|
86
|
-
} })))));
|
|
130
|
+
React.createElement(DataGrid, Object.assign({ className: !(gridData === null || gridData === void 0 ? void 0 : gridData.length) ? classes.empty : "", rows: gridData, columns: columnsSchema, density: "compact" }, props, { getRowClassName: (params) => (params.indexRelativeToCurrentPage % 2 === 0 ? "dark" : ""), initialState: (props === null || props === void 0 ? void 0 : props.initialState) ? props === null || props === void 0 ? void 0 : props.initialState : { pagination: { paginationModel: { pageSize: 15 } } }, pageSizeOptions: (props === null || props === void 0 ? void 0 : props.pageSizeOptions) ? props === null || props === void 0 ? void 0 : props.pageSizeOptions : [15, 25, 35, 50, 100], slots: (props === null || props === void 0 ? void 0 : props.slots) ? props === null || props === void 0 ? void 0 : props.slots : { toolbar: actions || toolbar ? CustomToolbar : null } })))));
|
|
87
131
|
};
|
|
88
132
|
//# sourceMappingURL=index.js.map
|