coject 2.0.0 → 2.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Builder/Dashboard/index.d.ts +21 -0
- package/dist/cjs/Builder/Dashboard/index.js +54 -0
- package/dist/cjs/Builder/Dashboard/index.js.map +1 -0
- package/dist/cjs/Builder/Dashboard/theme.d.ts +10 -0
- package/dist/cjs/Builder/Dashboard/theme.js +38 -0
- package/dist/cjs/Builder/Dashboard/theme.js.map +1 -0
- package/dist/cjs/Builder/Footer/index.d.ts +8 -0
- package/dist/cjs/Builder/Footer/index.js +31 -0
- package/dist/cjs/Builder/Footer/index.js.map +1 -0
- package/dist/cjs/Builder/Footer/theme.d.ts +10 -0
- package/dist/cjs/Builder/Footer/theme.js +79 -0
- package/dist/cjs/Builder/Footer/theme.js.map +1 -0
- package/dist/cjs/Builder/Header/dskHeader/index.d.ts +21 -0
- package/dist/cjs/Builder/Header/dskHeader/index.js +152 -0
- package/dist/cjs/Builder/Header/dskHeader/index.js.map +1 -0
- package/dist/cjs/Builder/Header/index.d.ts +22 -0
- package/dist/cjs/Builder/Header/index.js +21 -0
- package/dist/cjs/Builder/Header/index.js.map +1 -0
- package/dist/cjs/Builder/Header/mobHeader/index.d.ts +20 -0
- package/dist/cjs/Builder/Header/mobHeader/index.js +171 -0
- package/dist/cjs/Builder/Header/mobHeader/index.js.map +1 -0
- package/dist/cjs/Builder/Header/theme.d.ts +10 -0
- package/dist/cjs/Builder/Header/theme.js +464 -0
- package/dist/cjs/Builder/Header/theme.js.map +1 -0
- package/dist/cjs/Builder/Page/index.d.ts +7 -0
- package/dist/cjs/Builder/Page/index.js +22 -0
- package/dist/cjs/Builder/Page/index.js.map +1 -0
- package/dist/cjs/Builder/Page/theme.d.ts +10 -0
- package/dist/cjs/Builder/Page/theme.js +29 -0
- package/dist/cjs/Builder/Page/theme.js.map +1 -0
- package/dist/cjs/Builder/Sidebar/MaxSidebar/index.d.ts +7 -0
- package/dist/cjs/Builder/Sidebar/MaxSidebar/index.js +75 -0
- package/dist/cjs/Builder/Sidebar/MaxSidebar/index.js.map +1 -0
- package/dist/cjs/Builder/Sidebar/MinSidebar/index.d.ts +7 -0
- package/dist/cjs/Builder/Sidebar/MinSidebar/index.js +70 -0
- package/dist/cjs/Builder/Sidebar/MinSidebar/index.js.map +1 -0
- package/dist/cjs/Builder/Sidebar/index.d.ts +8 -0
- package/dist/cjs/Builder/Sidebar/index.js +24 -0
- package/dist/cjs/Builder/Sidebar/index.js.map +1 -0
- package/dist/cjs/Builder/Sidebar/theme.d.ts +10 -0
- package/dist/cjs/Builder/Sidebar/theme.js +218 -0
- package/dist/cjs/Builder/Sidebar/theme.js.map +1 -0
- package/dist/cjs/Builder/index.d.ts +5 -0
- package/dist/cjs/Builder/index.js +19 -0
- package/dist/cjs/Builder/index.js.map +1 -0
- package/dist/cjs/Builder/theme.d.ts +2 -0
- package/dist/cjs/Builder/theme.js +28 -0
- package/dist/cjs/Builder/theme.js.map +1 -0
- package/dist/cjs/Components/Button/index.d.ts +3 -0
- package/dist/cjs/Components/Button/index.js +19 -0
- package/dist/cjs/Components/Button/index.js.map +1 -0
- package/dist/cjs/Components/Button/theme.d.ts +10 -0
- package/dist/cjs/Components/Button/theme.js +22 -0
- package/dist/cjs/Components/Button/theme.js.map +1 -0
- package/dist/cjs/Components/Checkbox/index.d.ts +14 -0
- package/dist/cjs/Components/Checkbox/index.js +74 -0
- package/dist/cjs/Components/Checkbox/index.js.map +1 -0
- package/dist/cjs/Components/Checkbox/theme.d.ts +10 -0
- package/dist/cjs/Components/Checkbox/theme.js +38 -0
- package/dist/cjs/Components/Checkbox/theme.js.map +1 -0
- package/dist/cjs/Components/DatePicker/index.d.ts +21 -0
- package/dist/cjs/Components/DatePicker/index.js +90 -0
- package/dist/cjs/Components/DatePicker/index.js.map +1 -0
- package/dist/cjs/Components/DatePicker/theme.d.ts +10 -0
- package/dist/cjs/Components/DatePicker/theme.js +56 -0
- package/dist/cjs/Components/DatePicker/theme.js.map +1 -0
- package/dist/cjs/Components/Form/index.d.ts +58 -0
- package/dist/cjs/Components/Form/index.js +84 -0
- package/dist/cjs/Components/Form/index.js.map +1 -0
- package/dist/cjs/Components/Form/theme.d.ts +10 -0
- package/dist/cjs/Components/Form/theme.js +16 -0
- package/dist/cjs/Components/Form/theme.js.map +1 -0
- package/dist/cjs/Components/Grid/index.d.ts +85 -0
- package/dist/cjs/Components/Grid/index.js +213 -0
- package/dist/cjs/Components/Grid/index.js.map +1 -0
- package/dist/cjs/Components/Grid/theme.d.ts +10 -0
- package/dist/cjs/Components/Grid/theme.js +62 -0
- package/dist/cjs/Components/Grid/theme.js.map +1 -0
- package/dist/cjs/Components/Input/index.d.ts +33 -0
- package/dist/cjs/Components/Input/index.js +111 -0
- package/dist/cjs/Components/Input/index.js.map +1 -0
- package/dist/cjs/Components/Input/theme.d.ts +10 -0
- package/dist/cjs/Components/Input/theme.js +46 -0
- package/dist/cjs/Components/Input/theme.js.map +1 -0
- package/dist/cjs/Components/Modal/index.d.ts +8 -0
- package/dist/cjs/Components/Modal/index.js +51 -0
- package/dist/cjs/Components/Modal/index.js.map +1 -0
- package/dist/cjs/Components/Modal/theme.d.ts +10 -0
- package/dist/cjs/Components/Modal/theme.js +40 -0
- package/dist/cjs/Components/Modal/theme.js.map +1 -0
- package/dist/cjs/Components/Select/index.d.ts +54 -0
- package/dist/cjs/Components/Select/index.js +128 -0
- package/dist/cjs/Components/Select/index.js.map +1 -0
- package/dist/cjs/Components/Select/theme.d.ts +10 -0
- package/dist/cjs/Components/Select/theme.js +61 -0
- package/dist/cjs/Components/Select/theme.js.map +1 -0
- package/dist/cjs/Components/Switch/index.d.ts +14 -0
- package/dist/cjs/Components/Switch/index.js +74 -0
- package/dist/cjs/Components/Switch/index.js.map +1 -0
- package/dist/cjs/Components/Switch/theme.d.ts +10 -0
- package/dist/cjs/Components/Switch/theme.js +42 -0
- package/dist/cjs/Components/Switch/theme.js.map +1 -0
- package/dist/cjs/Components/Upload/index.d.ts +16 -0
- package/dist/cjs/Components/Upload/index.js +158 -0
- package/dist/cjs/Components/Upload/index.js.map +1 -0
- package/dist/cjs/Components/Upload/theme.d.ts +10 -0
- package/dist/cjs/Components/Upload/theme.js +99 -0
- package/dist/cjs/Components/Upload/theme.js.map +1 -0
- package/dist/cjs/Components/index.d.ts +11 -0
- package/dist/cjs/Components/index.js +61 -0
- package/dist/cjs/Components/index.js.map +1 -0
- package/dist/cjs/Services/Requests/index.d.ts +41 -0
- package/dist/cjs/Services/Requests/index.js +81 -0
- package/dist/cjs/Services/Requests/index.js.map +1 -0
- package/dist/cjs/Services/index.d.ts +1 -0
- package/dist/cjs/Services/index.js +8 -0
- package/dist/cjs/Services/index.js.map +1 -0
- package/dist/cjs/index.d.ts +4 -0
- package/dist/cjs/index.js +25 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/rtl_style copy.css +102 -0
- package/dist/cjs/rtl_style.css +102 -0
- package/dist/esm/Builder/Dashboard/index.d.ts +21 -0
- package/dist/esm/Builder/Dashboard/index.js +24 -0
- package/dist/esm/Builder/Dashboard/index.js.map +1 -0
- package/dist/esm/Builder/Dashboard/theme.d.ts +10 -0
- package/dist/esm/Builder/Dashboard/theme.js +36 -0
- package/dist/esm/Builder/Dashboard/theme.js.map +1 -0
- package/dist/esm/Builder/Footer/index.d.ts +8 -0
- package/dist/esm/Builder/Footer/index.js +24 -0
- package/dist/esm/Builder/Footer/index.js.map +1 -0
- package/dist/esm/Builder/Footer/theme.d.ts +10 -0
- package/dist/esm/Builder/Footer/theme.js +77 -0
- package/dist/esm/Builder/Footer/theme.js.map +1 -0
- package/dist/esm/Builder/Header/dskHeader/index.d.ts +21 -0
- package/dist/esm/Builder/Header/dskHeader/index.js +122 -0
- package/dist/esm/Builder/Header/dskHeader/index.js.map +1 -0
- package/dist/esm/Builder/Header/index.d.ts +22 -0
- package/dist/esm/Builder/Header/index.js +14 -0
- package/dist/esm/Builder/Header/index.js.map +1 -0
- package/dist/esm/Builder/Header/mobHeader/index.d.ts +20 -0
- package/dist/esm/Builder/Header/mobHeader/index.js +141 -0
- package/dist/esm/Builder/Header/mobHeader/index.js.map +1 -0
- package/dist/esm/Builder/Header/theme.d.ts +10 -0
- package/dist/esm/Builder/Header/theme.js +462 -0
- package/dist/esm/Builder/Header/theme.js.map +1 -0
- package/dist/esm/Builder/Page/index.d.ts +7 -0
- package/dist/esm/Builder/Page/index.js +15 -0
- package/dist/esm/Builder/Page/index.js.map +1 -0
- package/dist/esm/Builder/Page/theme.d.ts +10 -0
- package/dist/esm/Builder/Page/theme.js +27 -0
- package/dist/esm/Builder/Page/theme.js.map +1 -0
- package/dist/esm/Builder/Sidebar/MaxSidebar/index.d.ts +7 -0
- package/dist/esm/Builder/Sidebar/MaxSidebar/index.js +45 -0
- package/dist/esm/Builder/Sidebar/MaxSidebar/index.js.map +1 -0
- package/dist/esm/Builder/Sidebar/MinSidebar/index.d.ts +7 -0
- package/dist/esm/Builder/Sidebar/MinSidebar/index.js +40 -0
- package/dist/esm/Builder/Sidebar/MinSidebar/index.js.map +1 -0
- package/dist/esm/Builder/Sidebar/index.d.ts +8 -0
- package/dist/esm/Builder/Sidebar/index.js +17 -0
- package/dist/esm/Builder/Sidebar/index.js.map +1 -0
- package/dist/esm/Builder/Sidebar/theme.d.ts +10 -0
- package/dist/esm/Builder/Sidebar/theme.js +216 -0
- package/dist/esm/Builder/Sidebar/theme.js.map +1 -0
- package/dist/esm/Builder/index.d.ts +5 -0
- package/dist/esm/Builder/index.js +11 -0
- package/dist/esm/Builder/index.js.map +1 -0
- package/dist/esm/Builder/theme.d.ts +2 -0
- package/dist/esm/Builder/theme.js +26 -0
- package/dist/esm/Builder/theme.js.map +1 -0
- package/dist/esm/Components/Button/index.d.ts +3 -0
- package/dist/esm/Components/Button/index.js +12 -0
- package/dist/esm/Components/Button/index.js.map +1 -0
- package/dist/esm/Components/Button/theme.d.ts +10 -0
- package/dist/esm/Components/Button/theme.js +20 -0
- package/dist/esm/Components/Button/theme.js.map +1 -0
- package/dist/esm/Components/Checkbox/index.d.ts +14 -0
- package/dist/esm/Components/Checkbox/index.js +44 -0
- package/dist/esm/Components/Checkbox/index.js.map +1 -0
- package/dist/esm/Components/Checkbox/theme.d.ts +10 -0
- package/dist/esm/Components/Checkbox/theme.js +36 -0
- package/dist/esm/Components/Checkbox/theme.js.map +1 -0
- package/dist/esm/Components/DatePicker/index.d.ts +21 -0
- package/dist/esm/Components/DatePicker/index.js +60 -0
- package/dist/esm/Components/DatePicker/index.js.map +1 -0
- package/dist/esm/Components/DatePicker/theme.d.ts +10 -0
- package/dist/esm/Components/DatePicker/theme.js +54 -0
- package/dist/esm/Components/DatePicker/theme.js.map +1 -0
- package/dist/esm/Components/Form/index.d.ts +58 -0
- package/dist/esm/Components/Form/index.js +77 -0
- package/dist/esm/Components/Form/index.js.map +1 -0
- package/dist/esm/Components/Form/theme.d.ts +10 -0
- package/dist/esm/Components/Form/theme.js +14 -0
- package/dist/esm/Components/Form/theme.js.map +1 -0
- package/dist/esm/Components/Grid/index.d.ts +85 -0
- package/dist/esm/Components/Grid/index.js +183 -0
- package/dist/esm/Components/Grid/index.js.map +1 -0
- package/dist/esm/Components/Grid/theme.d.ts +10 -0
- package/dist/esm/Components/Grid/theme.js +60 -0
- package/dist/esm/Components/Grid/theme.js.map +1 -0
- package/dist/esm/Components/Input/index.d.ts +33 -0
- package/dist/esm/Components/Input/index.js +81 -0
- package/dist/esm/Components/Input/index.js.map +1 -0
- package/dist/esm/Components/Input/theme.d.ts +10 -0
- package/dist/esm/Components/Input/theme.js +44 -0
- package/dist/esm/Components/Input/theme.js.map +1 -0
- package/dist/esm/Components/Modal/index.d.ts +8 -0
- package/dist/esm/Components/Modal/index.js +21 -0
- package/dist/esm/Components/Modal/index.js.map +1 -0
- package/dist/esm/Components/Modal/theme.d.ts +10 -0
- package/dist/esm/Components/Modal/theme.js +38 -0
- package/dist/esm/Components/Modal/theme.js.map +1 -0
- package/dist/esm/Components/Select/index.d.ts +54 -0
- package/dist/esm/Components/Select/index.js +98 -0
- package/dist/esm/Components/Select/index.js.map +1 -0
- package/dist/esm/Components/Select/theme.d.ts +10 -0
- package/dist/esm/Components/Select/theme.js +59 -0
- package/dist/esm/Components/Select/theme.js.map +1 -0
- package/dist/esm/Components/Switch/index.d.ts +14 -0
- package/dist/esm/Components/Switch/index.js +44 -0
- package/dist/esm/Components/Switch/index.js.map +1 -0
- package/dist/esm/Components/Switch/theme.d.ts +10 -0
- package/dist/esm/Components/Switch/theme.js +40 -0
- package/dist/esm/Components/Switch/theme.js.map +1 -0
- package/dist/esm/Components/Upload/index.d.ts +16 -0
- package/dist/esm/Components/Upload/index.js +128 -0
- package/dist/esm/Components/Upload/index.js.map +1 -0
- package/dist/esm/Components/Upload/theme.d.ts +10 -0
- package/dist/esm/Components/Upload/theme.js +97 -0
- package/dist/esm/Components/Upload/theme.js.map +1 -0
- package/dist/esm/Components/index.d.ts +11 -0
- package/dist/esm/Components/index.js +25 -0
- package/dist/esm/Components/index.js.map +1 -0
- package/dist/esm/Services/Requests/index.d.ts +41 -0
- package/dist/esm/Services/Requests/index.js +74 -0
- package/dist/esm/Services/Requests/index.js.map +1 -0
- package/dist/esm/Services/index.d.ts +1 -0
- package/dist/esm/Services/index.js +3 -0
- package/dist/esm/Services/index.js.map +1 -0
- package/dist/esm/index.d.ts +4 -0
- package/dist/esm/index.js +9 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/rtl_style copy.css +102 -0
- package/dist/esm/rtl_style.css +102 -0
- package/package.json +3 -5
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import React, { useState, useEffect } from "react";
|
|
2
|
+
// React Hook Form
|
|
3
|
+
import { useFormContext } from "react-hook-form";
|
|
4
|
+
// Moment
|
|
5
|
+
import Moment from "moment";
|
|
6
|
+
// Coject Hijri
|
|
7
|
+
import MomentHijri from "coject-hijri";
|
|
8
|
+
import { Adapter } from "coject-hijri/adapter";
|
|
9
|
+
// Material UI
|
|
10
|
+
import { Box, Typography, FormHelperText } from "@mui/material";
|
|
11
|
+
import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
|
|
12
|
+
import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
|
|
13
|
+
import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
|
|
14
|
+
import { DatePicker as MuiDatePicker } from "@mui/x-date-pickers/DatePicker";
|
|
15
|
+
// Styles
|
|
16
|
+
import useStyles from "./theme";
|
|
17
|
+
export const DatePicker = ({ name, value, hijri, viewFormat, actionFormat, minDate, maxDate, error, helperText, style, withTime, textView, fullWidth, onChange, ...props }) => {
|
|
18
|
+
const { classes } = useStyles();
|
|
19
|
+
const Methods = useFormContext() || {};
|
|
20
|
+
const DateComponent = withTime ? DateTimePicker : MuiDatePicker;
|
|
21
|
+
const [selectedDate, setSelectedDate] = useState(hijri ? MomentHijri(new Date()) : Moment(new Date()));
|
|
22
|
+
const { setValue, control, getValues, watch } = useFormContext() || {};
|
|
23
|
+
// Calendar
|
|
24
|
+
const Calendar = hijri
|
|
25
|
+
? { minDate: MomentHijri(minDate ? minDate : "14-03-1937", (actionFormat && minDate) ? actionFormat : "DD-MM-YYYY"), maxDate: MomentHijri(maxDate ? maxDate : "26-10-2076", (actionFormat && maxDate) ? actionFormat : "DD-MM-YYYY") }
|
|
26
|
+
: { minDate: Moment(minDate ? minDate : "01-01-1900", (actionFormat && minDate) ? actionFormat : "DD-MM-YYYY"), maxDate: Moment(maxDate ? maxDate : "01-12-2099", (actionFormat && maxDate) ? actionFormat : "DD-MM-YYYY") };
|
|
27
|
+
// Methods Watching
|
|
28
|
+
useEffect(() => {
|
|
29
|
+
if (getValues && getValues(name || "default")) {
|
|
30
|
+
const ValueFormat = hijri ? MomentHijri(getValues(name || "default"), actionFormat ? actionFormat : "DD-MM-YYYY") : Moment(getValues(name || "default"), actionFormat ? actionFormat : "DD-MM-YYYY");
|
|
31
|
+
setSelectedDate(ValueFormat);
|
|
32
|
+
}
|
|
33
|
+
else
|
|
34
|
+
setSelectedDate(hijri ? MomentHijri(new Date()) : Moment(new Date()));
|
|
35
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
36
|
+
}, [getValues, name, watch && watch(name || "default")]);
|
|
37
|
+
// Default Value
|
|
38
|
+
useEffect(() => {
|
|
39
|
+
control && setValue(name || "default", selectedDate.format(actionFormat ? actionFormat : "DD-MM-YYYY"));
|
|
40
|
+
}, [control, setValue, name, selectedDate, actionFormat]);
|
|
41
|
+
// Normal Value
|
|
42
|
+
useEffect(() => {
|
|
43
|
+
if (value) {
|
|
44
|
+
const ValueFormat = hijri ? MomentHijri(value, actionFormat ? actionFormat : "DD-MM-YYYY") : Moment(value, actionFormat ? actionFormat : "DD-MM-YYYY");
|
|
45
|
+
setSelectedDate(ValueFormat);
|
|
46
|
+
control && setValue(name || "default", ValueFormat.format(actionFormat ? actionFormat : "DD-MM-YYYY"));
|
|
47
|
+
}
|
|
48
|
+
}, [value, setValue, control, name, hijri, actionFormat]);
|
|
49
|
+
return (React.createElement(React.Fragment, null,
|
|
50
|
+
React.createElement(Box, { className: `${classes.root} ${error ? classes.rootError : ""}` },
|
|
51
|
+
React.createElement(LocalizationProvider, { dateAdapter: (hijri ? Adapter : AdapterMoment) }, textView
|
|
52
|
+
? React.createElement(Typography, { ...style, ...props }, selectedDate.format(viewFormat ? viewFormat : hijri ? (withTime ? "iDD-iMM-iYYYY HH:mm" : "iDD-iMM-iYYYY") : withTime ? "DD-MM-YYYY HH:mm" : "DD-MM-YYYY"))
|
|
53
|
+
: React.createElement(DateComponent, { className: `${fullWidth ? "MuiFormControl-fullWidth" : ""}`, label: props.label ? props.label : name, value: selectedDate, ...style, ...Calendar, ...props, format: viewFormat ? viewFormat : hijri ? (withTime ? "iDD-iMM-iYYYY HH:mm" : "iDD-iMM-iYYYY") : withTime ? "DD-MM-YYYY HH:mm" : "DD-MM-YYYY", onChange: (newValue) => {
|
|
54
|
+
setSelectedDate(newValue);
|
|
55
|
+
onChange && onChange(newValue.format(actionFormat ? actionFormat : "DD-MM-YYYY"), Methods);
|
|
56
|
+
control && setValue(name || "default", newValue.format(actionFormat ? actionFormat : "DD-MM-YYYY"));
|
|
57
|
+
} })),
|
|
58
|
+
helperText && React.createElement(FormHelperText, { className: classes.error }, helperText))));
|
|
59
|
+
};
|
|
60
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
2
|
+
props: Record<string, unknown>;
|
|
3
|
+
ownerState?: Record<string, unknown> | undefined;
|
|
4
|
+
} | undefined) => {
|
|
5
|
+
classes: Record<"error" | "root" | "rootError", string>;
|
|
6
|
+
theme: import("@mui/material").Theme;
|
|
7
|
+
css: import("tss-react/types").Css;
|
|
8
|
+
cx: import("tss-react/types").Cx;
|
|
9
|
+
};
|
|
10
|
+
export default useStyles;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { makeStyles } from "tss-react/mui";
|
|
2
|
+
const useStyles = makeStyles()((theme) => {
|
|
3
|
+
return {
|
|
4
|
+
root: {
|
|
5
|
+
margin: 0,
|
|
6
|
+
width: "100%",
|
|
7
|
+
"& input": {
|
|
8
|
+
padding: "12px",
|
|
9
|
+
fontSize: "14px"
|
|
10
|
+
},
|
|
11
|
+
"& fieldset": {
|
|
12
|
+
borderRadius: "unset"
|
|
13
|
+
},
|
|
14
|
+
"& label": {
|
|
15
|
+
top: "-5px",
|
|
16
|
+
fontSize: "14px",
|
|
17
|
+
textTransform: "capitalize",
|
|
18
|
+
"&.MuiInputLabel-shrink": {
|
|
19
|
+
top: "2px"
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
"& button": {
|
|
23
|
+
backgroundColor: "transparent !important"
|
|
24
|
+
},
|
|
25
|
+
"& legend": {
|
|
26
|
+
fontSize: "10px"
|
|
27
|
+
},
|
|
28
|
+
"& .MuiFormControl-fullWidth": {
|
|
29
|
+
width: "100%"
|
|
30
|
+
},
|
|
31
|
+
"& .MuiAutocomplete-root": {
|
|
32
|
+
"& .MuiInputBase-root, & input": {
|
|
33
|
+
cursor: "pointer"
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
rootError: {
|
|
38
|
+
"& p, & input, & label, & button": {
|
|
39
|
+
color: theme.palette.error.main + "!important"
|
|
40
|
+
},
|
|
41
|
+
"& fieldset": {
|
|
42
|
+
borderColor: theme.palette.error.main + "!important"
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
error: {
|
|
46
|
+
fontSize: "11px",
|
|
47
|
+
lineHeight: "16px",
|
|
48
|
+
textTransform: "capitalize",
|
|
49
|
+
color: theme.palette.error.main
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
});
|
|
53
|
+
export default useStyles;
|
|
54
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,MAAM;YACb,SAAS,EAAE;gBACP,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,MAAM;aACnB;YACD,YAAY,EAAE;gBACV,YAAY,EAAE,OAAO;aACxB;YACD,SAAS,EAAE;gBACP,GAAG,EAAE,MAAM;gBACX,QAAQ,EAAE,MAAM;gBAChB,aAAa,EAAE,YAAY;gBAC3B,wBAAwB,EAAE;oBACtB,GAAG,EAAE,KAAK;iBACb;aACJ;YACD,UAAU,EAAE;gBACR,eAAe,EAAE,wBAAwB;aAC5C;YACD,UAAU,EAAE;gBACR,QAAQ,EAAE,MAAM;aACnB;YACD,6BAA6B,EAAE;gBAC3B,KAAK,EAAE,MAAM;aAChB;YACD,yBAAyB,EAAE;gBACvB,+BAA+B,EAAE;oBAC7B,MAAM,EAAE,SAAS;iBACpB;aACJ;SACJ;QACD,SAAS,EAAE;YACP,iCAAiC,EAAE;gBAC/B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,YAAY;aACjD;YACD,YAAY,EAAE;gBACV,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,YAAY;aACvD;SACJ;QACD,KAAK,EAAE;YACH,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,MAAM;YAClB,aAAa,EAAE,YAAY;YAC3B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;SAClC;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { GridColDef } from "@mui/x-data-grid";
|
|
3
|
+
type iSchema = GridColDef & {
|
|
4
|
+
component?: string;
|
|
5
|
+
componentProps?: any;
|
|
6
|
+
componentMedia?: any;
|
|
7
|
+
};
|
|
8
|
+
interface iDataSource {
|
|
9
|
+
name?: string;
|
|
10
|
+
headers?: any;
|
|
11
|
+
apiUrl?: string;
|
|
12
|
+
baseUrl?: string;
|
|
13
|
+
requestData?: any;
|
|
14
|
+
dataPath?: string;
|
|
15
|
+
method?: "get" | "post" | "put" | "delete";
|
|
16
|
+
create?: {
|
|
17
|
+
headers?: any;
|
|
18
|
+
apiUrl?: string;
|
|
19
|
+
requestData?: any;
|
|
20
|
+
dataPath?: string;
|
|
21
|
+
method?: "get" | "post" | "put" | "delete";
|
|
22
|
+
};
|
|
23
|
+
update?: {
|
|
24
|
+
headers?: any;
|
|
25
|
+
apiUrl?: string;
|
|
26
|
+
requestData?: any;
|
|
27
|
+
dataPath?: string;
|
|
28
|
+
method?: "get" | "post" | "put" | "delete";
|
|
29
|
+
};
|
|
30
|
+
delete?: {
|
|
31
|
+
headers?: any;
|
|
32
|
+
apiUrl?: string;
|
|
33
|
+
requestData?: any;
|
|
34
|
+
dataPath?: string;
|
|
35
|
+
method?: "get" | "post" | "put" | "delete";
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
interface iForm {
|
|
39
|
+
getForm?: any;
|
|
40
|
+
onSubmit?: any;
|
|
41
|
+
dispatch?: any;
|
|
42
|
+
setModal?: any;
|
|
43
|
+
callback?: any;
|
|
44
|
+
staticData?: any;
|
|
45
|
+
customKey?: string;
|
|
46
|
+
noRequest?: boolean;
|
|
47
|
+
children?: ReactNode;
|
|
48
|
+
schema?: iSchema | any;
|
|
49
|
+
invisibility?: string[];
|
|
50
|
+
onSubmitClear?: boolean;
|
|
51
|
+
dataSource?: iDataSource;
|
|
52
|
+
localeText?: {
|
|
53
|
+
submitButton?: string;
|
|
54
|
+
};
|
|
55
|
+
mode?: "render" | "create" | "update" | "delete";
|
|
56
|
+
}
|
|
57
|
+
export declare const Form: FC<iForm>;
|
|
58
|
+
export {};
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
// React Hook Form
|
|
3
|
+
import { useForm, FormProvider } from "react-hook-form";
|
|
4
|
+
// Request
|
|
5
|
+
import { Request } from "../../Services";
|
|
6
|
+
// Material UI
|
|
7
|
+
import { Grid, Button } from "@mui/material";
|
|
8
|
+
// Coject
|
|
9
|
+
import { Input, Switch, Select, Checkbox, DatePicker } from "../index";
|
|
10
|
+
// Styles
|
|
11
|
+
import useStyles from "./theme";
|
|
12
|
+
export const Form = ({ mode, getForm, schema, dataSource, localeText, staticData, customKey, onSubmit, onSubmitClear, setModal, dispatch, callback, noRequest, invisibility, children, ...props }) => {
|
|
13
|
+
const Data = { ...(staticData ? staticData : {}) };
|
|
14
|
+
const { classes } = useStyles();
|
|
15
|
+
const Methods = useForm();
|
|
16
|
+
// Use Form
|
|
17
|
+
getForm && getForm(Methods);
|
|
18
|
+
// On Form Submit
|
|
19
|
+
const onFormSubmit = (submitData) => {
|
|
20
|
+
onSubmit && onSubmit({ ...((mode === "update") ? Data : {}), ...submitData });
|
|
21
|
+
if (dataSource && !noRequest) {
|
|
22
|
+
Request({
|
|
23
|
+
dataSource, mode,
|
|
24
|
+
apiUrlId: customKey ? Data[customKey] : Data.id,
|
|
25
|
+
data: { ...(dataSource?.requestData ? dataSource.requestData(submitData) : submitData) },
|
|
26
|
+
callback: (data) => {
|
|
27
|
+
callback && callback(data);
|
|
28
|
+
setModal && setModal(false);
|
|
29
|
+
onSubmitClear && Methods.reset();
|
|
30
|
+
}, dispatch
|
|
31
|
+
}).then();
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
return (React.createElement(React.Fragment, null,
|
|
35
|
+
React.createElement(FormProvider, { ...Methods },
|
|
36
|
+
React.createElement("form", { className: classes.root, onSubmit: Methods.handleSubmit(onFormSubmit), ...props },
|
|
37
|
+
schema &&
|
|
38
|
+
React.createElement(Grid, { container: true, spacing: 2 },
|
|
39
|
+
schema && !!schema?.length && schema.map((field, index) => {
|
|
40
|
+
if (!(invisibility?.includes(field.field)))
|
|
41
|
+
switch (field.component?.toLowerCase()) {
|
|
42
|
+
case "date":
|
|
43
|
+
return field.actionTemplate
|
|
44
|
+
? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
|
|
45
|
+
: (React.createElement(Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
46
|
+
React.createElement(DatePicker, { fullWidth: true, name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
|
|
47
|
+
case "input":
|
|
48
|
+
return field.actionTemplate
|
|
49
|
+
? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
|
|
50
|
+
: (React.createElement(Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
51
|
+
React.createElement(Input, { fullWidth: true, name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
|
|
52
|
+
case "switch":
|
|
53
|
+
return field.actionTemplate
|
|
54
|
+
? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
|
|
55
|
+
: (React.createElement(Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
56
|
+
React.createElement(Switch, { name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
|
|
57
|
+
case "checkbox":
|
|
58
|
+
return field.actionTemplate
|
|
59
|
+
? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
|
|
60
|
+
: (React.createElement(Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
61
|
+
React.createElement(Checkbox, { name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
|
|
62
|
+
case "select":
|
|
63
|
+
return field.actionTemplate
|
|
64
|
+
? (React.createElement(React.Fragment, { key: index }, field.actionTemplate(field)))
|
|
65
|
+
: (React.createElement(Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
66
|
+
React.createElement(Select, { fullWidth: true, name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
|
|
67
|
+
default:
|
|
68
|
+
return null;
|
|
69
|
+
}
|
|
70
|
+
}),
|
|
71
|
+
children,
|
|
72
|
+
!(children) &&
|
|
73
|
+
React.createElement(Grid, { item: true, xs: 12, sm: 12, md: 12, lg: 12 },
|
|
74
|
+
React.createElement(Button, { fullWidth: true, type: "submit", variant: "outlined" }, localeText?.submitButton || "Submit"))),
|
|
75
|
+
(children && !schema) && children))));
|
|
76
|
+
};
|
|
77
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Form/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
2
|
+
props: Record<string, unknown>;
|
|
3
|
+
ownerState?: Record<string, unknown> | undefined;
|
|
4
|
+
} | undefined) => {
|
|
5
|
+
classes: Record<"root", string>;
|
|
6
|
+
theme: import("@mui/material").Theme;
|
|
7
|
+
css: import("tss-react/types").Css;
|
|
8
|
+
cx: import("tss-react/types").Cx;
|
|
9
|
+
};
|
|
10
|
+
export default useStyles;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { makeStyles } from "tss-react/mui";
|
|
2
|
+
const useStyles = makeStyles()(() => {
|
|
3
|
+
return {
|
|
4
|
+
root: {
|
|
5
|
+
width: "100%",
|
|
6
|
+
"& button": {
|
|
7
|
+
padding: "9px 15px",
|
|
8
|
+
textTransform: "capitalize"
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
});
|
|
13
|
+
export default useStyles;
|
|
14
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Form/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,GAAG,EAAE;IAChC,OAAO;QACH,IAAI,EAAE;YACF,KAAK,EAAE,MAAM;YACb,UAAU,EAAE;gBACR,OAAO,EAAE,UAAU;gBACnB,aAAa,EAAE,YAAY;aAC9B;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { DataGridProps, GridColDef, GridLocaleText } from "@mui/x-data-grid";
|
|
3
|
+
type iSchema = GridColDef & {
|
|
4
|
+
component?: string;
|
|
5
|
+
componentProps?: any;
|
|
6
|
+
componentMedia?: any;
|
|
7
|
+
};
|
|
8
|
+
type iLocaleText = GridLocaleText & {
|
|
9
|
+
toolbarNew?: string;
|
|
10
|
+
modalAddTitle?: string;
|
|
11
|
+
modalAddButton?: string;
|
|
12
|
+
modalEditTitle?: string;
|
|
13
|
+
modalEditButton?: string;
|
|
14
|
+
paginationLabel?: string;
|
|
15
|
+
modalDeleteTitle?: string;
|
|
16
|
+
gridHeaderAction?: string;
|
|
17
|
+
paginationLabelOf?: string;
|
|
18
|
+
modalDeleteButton?: string;
|
|
19
|
+
modalDeleteMessage?: string;
|
|
20
|
+
};
|
|
21
|
+
interface iDataSource {
|
|
22
|
+
name?: string;
|
|
23
|
+
headers?: any;
|
|
24
|
+
apiUrl?: string;
|
|
25
|
+
baseUrl?: string;
|
|
26
|
+
requestData?: any;
|
|
27
|
+
dataPath?: string;
|
|
28
|
+
method?: "get" | "post" | "put" | "delete";
|
|
29
|
+
create?: {
|
|
30
|
+
headers?: any;
|
|
31
|
+
apiUrl?: string;
|
|
32
|
+
requestData?: any;
|
|
33
|
+
dataPath?: string;
|
|
34
|
+
method?: "get" | "post" | "put" | "delete";
|
|
35
|
+
};
|
|
36
|
+
update?: {
|
|
37
|
+
headers?: any;
|
|
38
|
+
apiUrl?: string;
|
|
39
|
+
requestData?: any;
|
|
40
|
+
dataPath?: string;
|
|
41
|
+
method?: "get" | "post" | "put" | "delete";
|
|
42
|
+
};
|
|
43
|
+
delete?: {
|
|
44
|
+
headers?: any;
|
|
45
|
+
apiUrl?: string;
|
|
46
|
+
requestData?: any;
|
|
47
|
+
dataPath?: string;
|
|
48
|
+
method?: "get" | "post" | "put" | "delete";
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
interface iGrid extends DataGridProps {
|
|
52
|
+
dispatch?: any;
|
|
53
|
+
callback?: any;
|
|
54
|
+
staticData?: any;
|
|
55
|
+
onAddSubmit?: any;
|
|
56
|
+
customKey?: string;
|
|
57
|
+
onEditSubmit?: any;
|
|
58
|
+
noRequest?: boolean;
|
|
59
|
+
customToolbar?: any;
|
|
60
|
+
onAddCallback?: any;
|
|
61
|
+
onDeleteSubmit?: any;
|
|
62
|
+
onEditCallback?: any;
|
|
63
|
+
actionsControl?: any;
|
|
64
|
+
schema?: iSchema | any;
|
|
65
|
+
noAddRequest?: boolean;
|
|
66
|
+
onDeleteCallback?: any;
|
|
67
|
+
editFormChildren?: any;
|
|
68
|
+
invisibility?: string[];
|
|
69
|
+
noEditRequest?: boolean;
|
|
70
|
+
dataSource?: iDataSource;
|
|
71
|
+
noRenderRequest?: boolean;
|
|
72
|
+
noDeleteRequest?: boolean;
|
|
73
|
+
addFormChildren?: ReactNode;
|
|
74
|
+
formInvisibility?: string[];
|
|
75
|
+
localeText?: iLocaleText | any;
|
|
76
|
+
actions?: boolean | ("add" | "edit" | "delete")[];
|
|
77
|
+
toolbar?: boolean | ("visibility" | "filter" | "export")[];
|
|
78
|
+
customActions?: {
|
|
79
|
+
icon: string;
|
|
80
|
+
label: string;
|
|
81
|
+
onClick: any;
|
|
82
|
+
}[];
|
|
83
|
+
}
|
|
84
|
+
export declare const Grid: FC<Omit<iGrid, "rows" | "columns">>;
|
|
85
|
+
export {};
|
|
@@ -0,0 +1,183 @@
|
|
|
1
|
+
import React, { useEffect, useState, useReducer } from 'react';
|
|
2
|
+
// Request
|
|
3
|
+
import { Request } from "../../Services";
|
|
4
|
+
// Material UI
|
|
5
|
+
import { Box, Grid as MuiGrid, Button, Typography } from "@mui/material";
|
|
6
|
+
// Material UI Table
|
|
7
|
+
import { DataGrid, GridActionsCellItem, GridToolbarContainer, GridToolbarColumnsButton, GridToolbarFilterButton, GridToolbarExport } from "@mui/x-data-grid";
|
|
8
|
+
// Coject
|
|
9
|
+
import { Form, DatePicker, Modal, Icons } from "../index";
|
|
10
|
+
// Styles
|
|
11
|
+
import useStyles from "./theme";
|
|
12
|
+
export const Grid = ({ dataSource, noRenderRequest, actionsControl, staticData, callback, localeText, customKey, onAddCallback, onEditCallback, addFormChildren, editFormChildren, onDeleteCallback, schema, actions, customActions, invisibility, formInvisibility, toolbar, customToolbar, dispatch, onAddSubmit, onEditSubmit, onDeleteSubmit, noAddRequest, noEditRequest, noDeleteRequest, noRequest, ...props }) => {
|
|
13
|
+
const { classes } = useStyles();
|
|
14
|
+
const [gridData, setGridData] = useState([]);
|
|
15
|
+
const [schemaData, setSchemaData] = useState({});
|
|
16
|
+
const [selectedData, setSelectedData] = useState(null);
|
|
17
|
+
const [, forceUpdate] = useReducer(x => x + 1, 0);
|
|
18
|
+
const [callData, setCallData] = useState(false);
|
|
19
|
+
const [addModal, setAddModal] = useState(false);
|
|
20
|
+
const [editModal, setEditModal] = useState(false);
|
|
21
|
+
const [deleteModal, setDeleteModal] = useState(false);
|
|
22
|
+
// Static Data
|
|
23
|
+
useEffect(() => {
|
|
24
|
+
if (staticData) {
|
|
25
|
+
setGridData(staticData);
|
|
26
|
+
}
|
|
27
|
+
}, [staticData]);
|
|
28
|
+
// Dynamic Data
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
if (dataSource?.apiUrl && !staticData && !noRenderRequest) {
|
|
31
|
+
Request({ dataSource, dispatch, callback: (data) => {
|
|
32
|
+
setGridData(data);
|
|
33
|
+
callback && callback(data);
|
|
34
|
+
} }).then();
|
|
35
|
+
}
|
|
36
|
+
// eslint-disable-next-line
|
|
37
|
+
}, [callData, dispatch, staticData, callback, noRenderRequest]);
|
|
38
|
+
// Dynamic Data ( Schema )
|
|
39
|
+
useEffect(() => {
|
|
40
|
+
if (schema) {
|
|
41
|
+
schema.map((field) => {
|
|
42
|
+
if (field.component === "select" && field.componentProps?.dataSource?.apiUrl) {
|
|
43
|
+
return Request({ dataSource: field.componentProps.dataSource, callback: (data) => {
|
|
44
|
+
setSchemaData((prev) => ({ ...prev, [field.field]: data }));
|
|
45
|
+
} }).then();
|
|
46
|
+
}
|
|
47
|
+
else
|
|
48
|
+
return null;
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
}, []);
|
|
52
|
+
// Default Schema
|
|
53
|
+
const defaultSchema = !!gridData.length ? Object.keys(gridData[0])?.map((columnKey) => ({ field: columnKey, component: "input", flex: (columnKey === (customKey ? customKey : "id") ? 0 : 1) })) : [];
|
|
54
|
+
// Custom Schema
|
|
55
|
+
useEffect(() => {
|
|
56
|
+
if (schema) {
|
|
57
|
+
schema.map((columnSchema) => {
|
|
58
|
+
if (columnSchema.headerName) {
|
|
59
|
+
if (columnSchema.componentProps)
|
|
60
|
+
columnSchema.componentProps.label = columnSchema.headerName;
|
|
61
|
+
else
|
|
62
|
+
columnSchema.componentProps = { label: columnSchema.headerName };
|
|
63
|
+
}
|
|
64
|
+
if (columnSchema.component === "date" && !columnSchema.renderCell) {
|
|
65
|
+
columnSchema.renderCell = (data) => React.createElement(DatePicker, { value: data.value, ...columnSchema.componentProps, textView: true });
|
|
66
|
+
}
|
|
67
|
+
if (columnSchema.component === "select" && columnSchema.componentProps) {
|
|
68
|
+
const customKey = columnSchema.componentProps.customKey;
|
|
69
|
+
const customName = columnSchema.componentProps.customName;
|
|
70
|
+
columnSchema.type = "singleSelect";
|
|
71
|
+
columnSchema.getOptionValue = (value) => customKey ? value[customKey] : value.id;
|
|
72
|
+
columnSchema.getOptionLabel = (value) => customName ? value[customName] : value.label;
|
|
73
|
+
if (columnSchema.componentProps.staticData && !columnSchema.componentProps.dataSource?.apiUrl) {
|
|
74
|
+
columnSchema.valueOptions = columnSchema.componentProps.staticData;
|
|
75
|
+
}
|
|
76
|
+
else if (columnSchema.componentProps.dataSource?.apiUrl && !columnSchema.componentProps.staticData) {
|
|
77
|
+
columnSchema.valueOptions = schemaData[columnSchema.field];
|
|
78
|
+
columnSchema.componentProps.staticData = schemaData[columnSchema.field];
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
return ({ ...columnSchema });
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
forceUpdate();
|
|
85
|
+
}, [forceUpdate, schema, schemaData]);
|
|
86
|
+
// Grid Actions
|
|
87
|
+
const gridActions = (row) => actions && (actions instanceof Array
|
|
88
|
+
? actions?.map((label, index) => {
|
|
89
|
+
if (label === "edit" || label === "delete") {
|
|
90
|
+
return (React.createElement(GridActionsCellItem, { key: index, label: label, icon: label === "edit" ? React.createElement(Icons.Edit, null) : React.createElement(Icons.Delete, null), onClick: () => {
|
|
91
|
+
(label === "edit") ? setEditModal(true) : setDeleteModal(true);
|
|
92
|
+
setSelectedData(row);
|
|
93
|
+
} }));
|
|
94
|
+
}
|
|
95
|
+
else
|
|
96
|
+
return undefined;
|
|
97
|
+
}).filter((element) => element !== undefined)
|
|
98
|
+
: [
|
|
99
|
+
(actionsControl?.edit instanceof Function ? actionsControl?.edit(row) : true) ? React.createElement(GridActionsCellItem, { label: "edit", icon: React.createElement(Icons.Edit, null), onClick: () => { setEditModal(true); setSelectedData(row); } }) : React.createElement(React.Fragment, null),
|
|
100
|
+
(actionsControl?.delete instanceof Function ? actionsControl?.delete(row) : true) ? React.createElement(GridActionsCellItem, { label: "delete", icon: React.createElement(Icons.Delete, null), onClick: () => { setDeleteModal(true); setSelectedData(row); } }) : React.createElement(React.Fragment, null)
|
|
101
|
+
]);
|
|
102
|
+
// Grid Custom Actions
|
|
103
|
+
const gridCustomActions = (row) => customActions?.map((action, index) => {
|
|
104
|
+
const ActionIcon = Icons[action.icon];
|
|
105
|
+
const ActionLabel = action.label;
|
|
106
|
+
return (((actionsControl && actionsControl[ActionLabel] instanceof Function) ? actionsControl[ActionLabel](row) : true)
|
|
107
|
+
? React.createElement(GridActionsCellItem, { key: index, label: action.label, icon: React.createElement(ActionIcon, null), onClick: (event) => action.onClick(event, row) })
|
|
108
|
+
: React.createElement(React.Fragment, null));
|
|
109
|
+
}).filter((element) => element !== undefined);
|
|
110
|
+
// Columns Schema
|
|
111
|
+
const columnsSchema = [...(schema ? schema : defaultSchema), ...((actions || customActions)
|
|
112
|
+
? [{ field: "actions", type: "actions", headerName: (localeText && localeText?.gridHeaderAction) || "Actions", width: 100, cellClassName: "actions", getActions: ({ row }) => ([...(gridActions(row) || []), ...(gridCustomActions(row) || [])]) }]
|
|
113
|
+
: [])];
|
|
114
|
+
// Custom Toolbar
|
|
115
|
+
const CustomToolbar = () => {
|
|
116
|
+
return (React.createElement(GridToolbarContainer, null,
|
|
117
|
+
toolbar &&
|
|
118
|
+
React.createElement(React.Fragment, null,
|
|
119
|
+
toolbar instanceof Array ? (toolbar?.includes("visibility") && React.createElement(GridToolbarColumnsButton, null)) : React.createElement(GridToolbarColumnsButton, null),
|
|
120
|
+
toolbar instanceof Array ? (toolbar?.includes("filter") && React.createElement(GridToolbarFilterButton, null)) : React.createElement(GridToolbarFilterButton, null),
|
|
121
|
+
toolbar instanceof Array ? (toolbar?.includes("export") && React.createElement(GridToolbarExport, null)) : React.createElement(GridToolbarExport, null)),
|
|
122
|
+
customToolbar && customToolbar(gridData),
|
|
123
|
+
actions && (actions instanceof Array
|
|
124
|
+
? (actions?.includes("add") && React.createElement(Button, { onClick: () => setAddModal(true), type: "button" },
|
|
125
|
+
React.createElement(Icons.Add, null),
|
|
126
|
+
" ",
|
|
127
|
+
(localeText && localeText?.toolbarNew) || "Add New"))
|
|
128
|
+
: React.createElement(Button, { onClick: () => setAddModal(true), type: "button" },
|
|
129
|
+
React.createElement(Icons.Add, null),
|
|
130
|
+
" ",
|
|
131
|
+
(localeText && localeText?.toolbarNew) || "Add New"))));
|
|
132
|
+
};
|
|
133
|
+
return (React.createElement(React.Fragment, null,
|
|
134
|
+
React.createElement(Modal, { title: localeText?.modalAddTitle || "Add New Item", open: addModal, setOpen: setAddModal },
|
|
135
|
+
React.createElement(Form, { dataSource: dataSource, schema: schema ? schema : defaultSchema, mode: "create", noRequest: (noRequest || noAddRequest) && !!dataSource, ...(formInvisibility ? { invisibility: formInvisibility } : {}), onSubmit: (data) => {
|
|
136
|
+
onAddSubmit && onAddSubmit(data);
|
|
137
|
+
!!staticData && setAddModal(false);
|
|
138
|
+
}, callback: (data) => {
|
|
139
|
+
setCallData(!callData);
|
|
140
|
+
onAddCallback && onAddCallback(data);
|
|
141
|
+
}, setModal: setAddModal, ...(localeText?.modalAddButton ? { localeText: { submitButton: localeText?.modalAddButton } } : {}) }, addFormChildren && addFormChildren)),
|
|
142
|
+
React.createElement(Modal, { title: localeText?.modalEditTitle || "Update Item", open: editModal, setOpen: setEditModal },
|
|
143
|
+
React.createElement(Form, { dataSource: dataSource, staticData: selectedData, schema: schema ? schema : defaultSchema, mode: "update", noRequest: (noRequest || noEditRequest) && !!dataSource, ...(customKey ? { customKey: customKey } : {}), ...(formInvisibility ? { invisibility: formInvisibility } : {}), onSubmit: (data) => {
|
|
144
|
+
onEditSubmit && onEditSubmit(data);
|
|
145
|
+
!!staticData?.length && setEditModal(false);
|
|
146
|
+
}, callback: (data) => {
|
|
147
|
+
setCallData(!callData);
|
|
148
|
+
onEditCallback && onEditCallback(data);
|
|
149
|
+
}, setModal: setEditModal, ...(localeText?.modalEditButton ? { localeText: { submitButton: localeText?.modalEditButton } } : {}) }, editFormChildren && editFormChildren(selectedData))),
|
|
150
|
+
React.createElement(Modal, { title: localeText?.modalDeleteTitle || "Delete Item", open: deleteModal, setOpen: setDeleteModal },
|
|
151
|
+
React.createElement(MuiGrid, { container: true, spacing: 2 },
|
|
152
|
+
React.createElement(MuiGrid, { item: true, md: 12, lg: 12 },
|
|
153
|
+
React.createElement(Typography, { color: theme => theme.palette.error.main }, localeText?.modalDeleteMessage || "Are You Sure To Delete This Item?")),
|
|
154
|
+
React.createElement(MuiGrid, { item: true, md: 12, lg: 12 },
|
|
155
|
+
React.createElement(Button, { fullWidth: true, type: "button", variant: "contained", onClick: () => {
|
|
156
|
+
onDeleteSubmit && onDeleteSubmit(selectedData);
|
|
157
|
+
!!staticData?.length && setDeleteModal(false);
|
|
158
|
+
if (!(noRequest || noDeleteRequest) && !!dataSource) {
|
|
159
|
+
Request({
|
|
160
|
+
dataSource, mode: "delete", callback: (data) => {
|
|
161
|
+
setCallData(!callData);
|
|
162
|
+
setDeleteModal(false);
|
|
163
|
+
onDeleteCallback && onDeleteCallback(data);
|
|
164
|
+
}, dispatch,
|
|
165
|
+
apiUrlId: customKey ? selectedData[customKey] : selectedData.id
|
|
166
|
+
}).then();
|
|
167
|
+
}
|
|
168
|
+
} }, localeText?.modalDeleteButton || "Delete")))),
|
|
169
|
+
React.createElement(Box, { className: classes.root },
|
|
170
|
+
React.createElement(DataGrid, { className: !gridData?.length ? classes.empty : "", ...(localeText ? { localeText: localeText } : {}), ...(customKey ? { getRowId: (row) => row[customKey] } : {}), rows: gridData, columns: columnsSchema, density: "compact", ...props, pageSizeOptions: props?.pageSizeOptions ? props?.pageSizeOptions : [15, 25, 35, 50, 100], slotProps: {
|
|
171
|
+
...(props?.slotProps ? props.slotProps : {}),
|
|
172
|
+
...((localeText?.paginationLabel) || (localeText?.paginationLabelOf) ? {
|
|
173
|
+
pagination: {
|
|
174
|
+
...(props?.slotProps?.pagination ? props.slotProps.pagination : {}),
|
|
175
|
+
...(localeText?.paginationLabel ? { labelRowsPerPage: localeText.paginationLabel } : {}),
|
|
176
|
+
...(localeText?.paginationLabelOf ? { labelDisplayedRows: (paginationInfo) => {
|
|
177
|
+
return (paginationInfo.from + " - " + paginationInfo.to + " " + localeText.paginationLabelOf + " " + paginationInfo.count);
|
|
178
|
+
} } : {}),
|
|
179
|
+
}
|
|
180
|
+
} : {})
|
|
181
|
+
}, initialState: props?.initialState ? props?.initialState : { pagination: { paginationModel: { pageSize: 15 } } }, slots: props?.slots ? props?.slots : { toolbar: actions || toolbar || customToolbar ? CustomToolbar : null }, getRowClassName: (params) => (params.indexRelativeToCurrentPage % 2 === 0 ? "dark" : ""), ...(invisibility ? { columnVisibilityModel: invisibility.reduce((prev, key) => ({ ...prev, [key]: false }), {}) } : {}) }))));
|
|
182
|
+
};
|
|
183
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Grid/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<"empty" | "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;
|