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.
Files changed (94) hide show
  1. package/README.md +4 -4
  2. package/dist/cjs/Components/Button/index.d.ts +3 -6
  3. package/dist/cjs/Components/Button/index.js +6 -2
  4. package/dist/cjs/Components/Button/index.js.map +1 -1
  5. package/dist/cjs/Components/Button/theme.d.ts +10 -0
  6. package/dist/cjs/Components/Button/theme.js +20 -0
  7. package/dist/cjs/Components/Button/theme.js.map +1 -0
  8. package/dist/cjs/Components/Checkbox/index.d.ts +6 -3
  9. package/dist/cjs/Components/Checkbox/index.js +13 -5
  10. package/dist/cjs/Components/Checkbox/index.js.map +1 -1
  11. package/dist/cjs/Components/Checkbox/theme.d.ts +10 -0
  12. package/dist/cjs/Components/Checkbox/theme.js +24 -0
  13. package/dist/cjs/Components/Checkbox/theme.js.map +1 -0
  14. package/dist/cjs/Components/DatePicker/index.d.ts +11 -9
  15. package/dist/cjs/Components/DatePicker/index.js +17 -10
  16. package/dist/cjs/Components/DatePicker/index.js.map +1 -1
  17. package/dist/cjs/Components/DatePicker/theme.d.ts +10 -0
  18. package/dist/cjs/Components/DatePicker/theme.js +39 -0
  19. package/dist/cjs/Components/DatePicker/theme.js.map +1 -0
  20. package/dist/cjs/Components/Form/index.d.ts +7 -1
  21. package/dist/cjs/Components/Form/index.js +20 -20
  22. package/dist/cjs/Components/Form/index.js.map +1 -1
  23. package/dist/cjs/Components/Form/theme.js +3 -2
  24. package/dist/cjs/Components/Form/theme.js.map +1 -1
  25. package/dist/cjs/Components/Grid/index.d.ts +12 -6
  26. package/dist/cjs/Components/Grid/index.js +61 -17
  27. package/dist/cjs/Components/Grid/index.js.map +1 -1
  28. package/dist/cjs/Components/Input/index.d.ts +2 -7
  29. package/dist/cjs/Components/Input/index.js +4 -4
  30. package/dist/cjs/Components/Input/index.js.map +1 -1
  31. package/dist/cjs/Components/Input/theme.js +1 -2
  32. package/dist/cjs/Components/Input/theme.js.map +1 -1
  33. package/dist/cjs/Components/Modal/index.d.ts +3 -4
  34. package/dist/cjs/Components/Modal/index.js +2 -2
  35. package/dist/cjs/Components/Modal/index.js.map +1 -1
  36. package/dist/cjs/Components/Select/index.d.ts +6 -7
  37. package/dist/cjs/Components/Select/index.js +22 -15
  38. package/dist/cjs/Components/Select/index.js.map +1 -1
  39. package/dist/cjs/Components/Select/theme.d.ts +10 -0
  40. package/dist/cjs/Components/Select/theme.js +44 -0
  41. package/dist/cjs/Components/Select/theme.js.map +1 -0
  42. package/dist/cjs/Components/Switch/index.d.ts +6 -3
  43. package/dist/cjs/Components/Switch/index.js +13 -5
  44. package/dist/cjs/Components/Switch/index.js.map +1 -1
  45. package/dist/cjs/Components/Switch/theme.d.ts +10 -0
  46. package/dist/cjs/Components/Switch/theme.js +28 -0
  47. package/dist/cjs/Components/Switch/theme.js.map +1 -0
  48. package/dist/esm/Components/Button/index.d.ts +3 -6
  49. package/dist/esm/Components/Button/index.js +7 -3
  50. package/dist/esm/Components/Button/index.js.map +1 -1
  51. package/dist/esm/Components/Button/theme.d.ts +10 -0
  52. package/dist/esm/Components/Button/theme.js +18 -0
  53. package/dist/esm/Components/Button/theme.js.map +1 -0
  54. package/dist/esm/Components/Checkbox/index.d.ts +6 -3
  55. package/dist/esm/Components/Checkbox/index.js +11 -6
  56. package/dist/esm/Components/Checkbox/index.js.map +1 -1
  57. package/dist/esm/Components/Checkbox/theme.d.ts +10 -0
  58. package/dist/esm/Components/Checkbox/theme.js +22 -0
  59. package/dist/esm/Components/Checkbox/theme.js.map +1 -0
  60. package/dist/esm/Components/DatePicker/index.d.ts +11 -9
  61. package/dist/esm/Components/DatePicker/index.js +18 -11
  62. package/dist/esm/Components/DatePicker/index.js.map +1 -1
  63. package/dist/esm/Components/DatePicker/theme.d.ts +10 -0
  64. package/dist/esm/Components/DatePicker/theme.js +37 -0
  65. package/dist/esm/Components/DatePicker/theme.js.map +1 -0
  66. package/dist/esm/Components/Form/index.d.ts +7 -1
  67. package/dist/esm/Components/Form/index.js +20 -20
  68. package/dist/esm/Components/Form/index.js.map +1 -1
  69. package/dist/esm/Components/Form/theme.js +3 -2
  70. package/dist/esm/Components/Form/theme.js.map +1 -1
  71. package/dist/esm/Components/Grid/index.d.ts +12 -6
  72. package/dist/esm/Components/Grid/index.js +63 -19
  73. package/dist/esm/Components/Grid/index.js.map +1 -1
  74. package/dist/esm/Components/Input/index.d.ts +2 -7
  75. package/dist/esm/Components/Input/index.js +4 -4
  76. package/dist/esm/Components/Input/index.js.map +1 -1
  77. package/dist/esm/Components/Input/theme.js +1 -2
  78. package/dist/esm/Components/Input/theme.js.map +1 -1
  79. package/dist/esm/Components/Modal/index.d.ts +3 -4
  80. package/dist/esm/Components/Modal/index.js +2 -2
  81. package/dist/esm/Components/Modal/index.js.map +1 -1
  82. package/dist/esm/Components/Select/index.d.ts +6 -7
  83. package/dist/esm/Components/Select/index.js +20 -16
  84. package/dist/esm/Components/Select/index.js.map +1 -1
  85. package/dist/esm/Components/Select/theme.d.ts +10 -0
  86. package/dist/esm/Components/Select/theme.js +42 -0
  87. package/dist/esm/Components/Select/theme.js.map +1 -0
  88. package/dist/esm/Components/Switch/index.d.ts +6 -3
  89. package/dist/esm/Components/Switch/index.js +11 -6
  90. package/dist/esm/Components/Switch/index.js.map +1 -1
  91. package/dist/esm/Components/Switch/theme.d.ts +10 -0
  92. package/dist/esm/Components/Switch/theme.js +26 -0
  93. package/dist/esm/Components/Switch/theme.js.map +1 -0
  94. 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
- interface iCheckbox {
3
- name: string;
4
- value?: string;
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, value } = _a, props = __rest(_a, ["name", "value"]);
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(MuiCheckbox, Object.assign({}, (control && register(name)), props))));
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,EAAE,MAAM,eAAe,CAAC;AAQxD,MAAM,CAAC,MAAM,QAAQ,GAAkB,CAAC,EAAyB,EAAE,EAAE;QAA7B,EAAE,IAAI,EAAE,KAAK,OAAY,EAAP,KAAK,cAAvB,iBAAyB,CAAF;IAC3D,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,IAAI,EAAE,KAAK,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAErC,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,WAAW,oBAAK,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAM,KAAK,EAAI,CAC9C,CACpB,CAAC;AACN,CAAC,CAAC"}
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
- interface iDatePicker {
3
- name: string;
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
- views?: string;
13
+ inFormat?: string;
14
+ outFormat?: string;
12
15
  withTime?: boolean;
13
- justText?: boolean;
14
- placeholder?: string;
15
- onChange?: any;
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, justText, placeholder, onChange } = _a, props = __rest(_a, ["name", "value", "hijri", "format", "inFormat", "outFormat", "minDate", "maxDate", "views", "withTime", "justText", "placeholder", "onChange"]);
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(LocalizationProvider, { dateAdapter: hijri ? AdapterMomentHijri : AdapterMoment }, justText ? (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"))) : (React.createElement(DateComponent, Object.assign({ label: placeholder, 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) => {
48
- setSelectedDate(newValue);
49
- onChange && onChange(newValue.format(outFormat ? outFormat : "DD-MM-YYYY"));
50
- register && !!Object.keys(register).length && setValue(name, newValue.format(outFormat ? outFormat : "DD-MM-YYYY"));
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":"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"}
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;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,cAAc,EAAuB,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAE,UAAU,IAAI,aAAa,EAAmB,MAAM,gCAAgC,CAAC;AAE9F,SAAS;AACT,OAAO,SAAS,MAAM,SAAS,CAAC;AAmBhC,MAAM,CAAC,MAAM,UAAU,GAAoB,CAAC,EAA+H,EAAE,EAAE;QAAnI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA7H,6IAA+H,CAAF;IACrK,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,aAAa,GAAQ,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC;IACrE,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACnD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,IAAI,EAAE,CAAC;IACtD,MAAM,CAAE,YAAY,EAAE,eAAe,CAAE,GAAG,QAAQ,CAAM,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC;IAE9G,WAAW;IACX,MAAM,QAAQ,GAAG,KAAK;QAClB,CAAC,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE;QAC5L,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC;IAEvL,gBAAgB;IAChB,SAAS,CAAC,GAAG,EAAE;QACX,QAAQ,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,IAAI,QAAQ,CAAC,IAAI,IAAI,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;IACzI,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAExD,eAAe;IACf,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,KAAK,EAAE,CAAC;YACR,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;YACvI,eAAe,CAAC,WAAW,CAAC,CAAC;YAC7B,QAAQ,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,IAAI,QAAQ,CAAC,IAAI,IAAI,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;QACxI,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAElE,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;YACxB,oBAAC,oBAAoB,IAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,aAAa,IACvE,QAAQ;gBACN,CAAC,CAAC,oBAAC,UAAU,QAAE,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAc;gBAC/K,CAAC,CAAC,oBAAC,aAAa,kBAAC,SAAS,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,YAAY,IAAM,QAAQ,EAAM,KAAK,EAAM,KAAK,IAC1K,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,YAAY,EACrI,QAAQ,EAAE,CAAC,QAAa,EAAE,EAAE;wBACxB,eAAe,CAAC,QAAQ,CAAC,CAAC;wBAC1B,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;wBAC5E,QAAQ,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,IAAI,QAAQ,CAAC,IAAI,IAAI,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;oBACrI,CAAC,IACD,CAEW,CACrB,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,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, _g;
54
- if ((_b = (_a = field === null || field === void 0 ? void 0 : field.props) === null || _a === void 0 ? void 0 : _a.cascade) === null || _b === void 0 ? void 0 : _b.parent) {
55
- if (mode === "update")
56
- field.props.cascade.parentValue = Data[field.props.cascade.parent];
57
- if (mode === "create")
58
- delete field.props.cascade.parentValue;
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.media ? field.media : { md: 12, lg: 12 })),
65
- React.createElement(Input, Object.assign({ fullWidth: true, name: field.field }, field.props, { value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : (_d = field === null || field === void 0 ? void 0 : field.props) === null || _d === void 0 ? void 0 : _d.value) }))));
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.media ? field.media : { md: 12, lg: 12 })),
70
- React.createElement(Switch, Object.assign({ name: field.field }, field.props, { value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : (_e = field === null || field === void 0 ? void 0 : field.props) === null || _e === void 0 ? void 0 : _e.value) }))));
71
- case "select":
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.media ? field.media : { md: 12, lg: 12 })),
75
- React.createElement(Select, Object.assign({ name: field.field }, field.props, { value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : (_f = field === null || field === void 0 ? void 0 : field.props) === null || _f === void 0 ? void 0 : _f.value) }))));
76
- case "datePicker":
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.media ? field.media : { md: 12, lg: 12 })),
80
- React.createElement(DatePicker, Object.assign({ name: field.field }, field.props, { value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : (_g = field === null || field === void 0 ? void 0 : field.props) === null || _g === void 0 ? void 0 : _g.value) }))));
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.props), field.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: "contained" }, "Save")))))));
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":"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"}
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;AAG7C,aAAa;AACb,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,SAAS;AACT,OAAO,SAAS,MAAM,SAAS,CAAC;AAsBhC,MAAM,CAAC,MAAM,IAAI,GAAc,CAAC,EAA4G,EAAE,EAAE;QAAhH,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA1G,oHAA4G,CAAF;IACtI,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,OAAO,GAAG,OAAO,EAAE,CAAC;IAC1B,MAAM,IAAI,GAAG,CAAE,UAAU,IAAI,UAAU,CAAC,UAAU,CAAE,CAAC,CAAC,mBAAM,UAAU,CAAC,UAAU,EAAG,CAAC,CAAC,EAAE,CAAC;IAEzF,WAAW;IACX,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IAE5B,iBAAiB;IACjB,MAAM,YAAY,GAAG,CAAC,UAAe,EAAE,EAAE;QACrC,QAAQ,IAAI,QAAQ,CAAC,UAAU,CAAC,CAAC;QAEjC,IAAI,UAAU,EAAE,CAAC;YACb,OAAO,CAAC,EAAE,UAAU,EAAE,IAAI;gBACtB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,UAAU;gBAChD,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE;gBACvE,QAAQ,EAAE,GAAG,EAAE;oBACX,aAAa,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;oBACjC,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAChC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;QAC9B,CAAC;IACL,CAAC,CAAC;IAEF,gBAAgB;IAChB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA,CAAC;IAEpF,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,YAAY,oBAAK,OAAO;YACrB,4CAAM,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,IAAM,KAAK;gBAClF,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC;oBACpB,MAAM,IAAI,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,KAAa,EAAE,EAAE;;wBACrE,QAAQ,MAAA,KAAK,CAAC,SAAS,0CAAE,WAAW,EAAE,EAAE,CAAC;4BACrC,KAAK,MAAM;gCACP,OAAO,KAAK,CAAC,cAAc;oCACvB,CAAC,CAAC,CAAE,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,IAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAkB,CAAE;oCAChF,CAAC,CAAC,CAAE,oBAAC,IAAI,kBAAC,IAAI,QAAC,GAAG,EAAE,KAAK,IAAM,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;wCAAE,oBAAC,UAAU,kBAAC,SAAS,QAAC,IAAI,EAAE,KAAK,CAAC,KAAK,IAAM,KAAK,CAAC,cAAc,IAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,0CAAE,KAAK,CAAC,IAAI,CAAO,CAAE,CAAC;4BACjT,KAAK,OAAO;gCACR,OAAO,KAAK,CAAC,cAAc;oCACvB,CAAC,CAAC,CAAE,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,IAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAkB,CAAE;oCAChF,CAAC,CAAC,CAAE,oBAAC,IAAI,kBAAC,IAAI,QAAC,GAAG,EAAE,KAAK,IAAM,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;wCAAE,oBAAC,KAAK,kBAAC,SAAS,QAAC,IAAI,EAAE,KAAK,CAAC,KAAK,IAAM,KAAK,CAAC,cAAc,IAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,0CAAE,KAAK,CAAC,IAAI,CAAO,CAAE,CAAC;4BAC5S,KAAK,QAAQ;gCACT,OAAO,KAAK,CAAC,cAAc;oCACvB,CAAC,CAAC,CAAE,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,IAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAkB,CAAE;oCAChF,CAAC,CAAC,CAAE,oBAAC,IAAI,kBAAC,IAAI,QAAC,GAAG,EAAE,KAAK,IAAM,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;wCAAE,oBAAC,MAAM,kBAAC,IAAI,EAAE,KAAK,CAAC,KAAK,IAAM,KAAK,CAAC,cAAc,IAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,0CAAE,KAAK,CAAC,IAAI,CAAO,CAAE,CAAC;4BACnS,KAAK,UAAU;gCACX,OAAO,KAAK,CAAC,cAAc;oCACvB,CAAC,CAAC,CAAE,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,IAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAkB,CAAE;oCAChF,CAAC,CAAC,CAAE,oBAAC,IAAI,kBAAC,IAAI,QAAC,GAAG,EAAE,KAAK,IAAM,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;wCAAE,oBAAC,QAAQ,kBAAC,IAAI,EAAE,KAAK,CAAC,KAAK,IAAM,KAAK,CAAC,cAAc,IAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,0CAAE,KAAK,CAAC,IAAI,CAAO,CAAE,CAAC;4BACrS,KAAK,QAAQ;gCACT,OAAO,KAAK,CAAC,cAAc;oCACvB,CAAC,CAAC,CAAE,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,IAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAkB,CAAE;oCAChF,CAAC,CAAC,CAAE,oBAAC,IAAI,kBAAC,IAAI,QAAC,GAAG,EAAE,KAAK,IAAM,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;wCAAE,oBAAC,MAAM,kBAAC,IAAI,EAAE,KAAK,CAAC,KAAK,IAAM,KAAK,CAAC,cAAc,IAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,0CAAE,KAAK,CAAC,IAAI,CAAO,CAAE,CAAC;4BACnS;gCACI,OAAO,IAAI,CAAC;wBACpB,CAAC;oBACL,CAAC,CAAC;oBACA,QAAQ;oBACR,CAAC,MAAM,IAAI,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;wBACvD,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,KAAa,EAAE,EAAE;4BACvC,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gCAC1B,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;oCACjB,OAAO,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,IAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,CAAkB,CAAA;gCAC7F,CAAC;qCAAM,CAAC;oCACJ,OAAO,oBAAC,IAAI,kBAAC,IAAI,QAAC,GAAG,EAAE,KAAK,IAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;wCAAE,oBAAC,MAAM,oBAAK,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,KAAK,CAAU,CAAO,CAAA;gCACvJ,CAAC;4BACL,CAAC;;gCAAM,OAAO,IAAI,CAAA;wBAAC,CAAC,CACvB;wBACD,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;4BAAE,oBAAC,MAAM,IAAC,SAAS,QAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,UAAU,WAAc,CAAO,CACrG,CACJ,CACI,CACF,CACpB,CAAC;AACN,CAAC,CAAC"}
@@ -1,10 +1,11 @@
1
1
  import { makeStyles } from "tss-react/mui";
2
- const useStyles = makeStyles()((theme) => {
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,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO;QACH,IAAI,EAAE;YACF,KAAK,EAAE,MAAM;YACb,UAAU,EAAE;gBACR,OAAO,EAAE,MAAM;aAClB;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,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
- interface iGrid {
3
- schema?: any;
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
- initialState?: any;
9
- pageSizeOptions?: number[];
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, initialState, pageSizeOptions, dispatch } = _a, props = __rest(_a, ["dataSource", "schema", "actions", "toolbar", "initialState", "pageSizeOptions", "dispatch"]);
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: Object.assign({}, dataSource), dispatch, callBack: (ResponseData) => setGridData(ResponseData) }).then();
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) => ({ field: columnKey, flex: (columnKey === ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.primaryKey) ? dataSource.primaryKey : "id") ? 0 : 1), component: "input", width: 100 })) : [];
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
- React.createElement(GridToolbarColumnsButton, null),
64
- React.createElement(GridToolbarFilterButton, null),
65
- React.createElement(GridToolbarExport, null),
66
- actions && (React.createElement(Button, { onClick: () => setAddNew(true), type: "button" },
67
- React.createElement(Icons.Add, null),
68
- " Add New"))));
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({ dataSource, mode: "delete", apiUrlId: dataSource.primaryKey ? selectedData[dataSource.primaryKey] : selectedData.id, callBack: () => setDelModal(false), dispatch }).then() }, "Delete")))),
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