coject 1.2.1 → 1.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -1
- package/dist/cjs/Components/Button/index.d.ts +1 -1
- package/dist/cjs/Components/Checkbox/index.d.ts +1 -1
- package/dist/cjs/Components/DatePicker/index.d.ts +1 -1
- package/dist/cjs/Components/DatePicker/index.js +8 -8
- package/dist/cjs/Components/DatePicker/index.js.map +1 -1
- package/dist/cjs/Components/Form/index.d.ts +6 -12
- package/dist/cjs/Components/Form/index.js +67 -130
- package/dist/cjs/Components/Form/index.js.map +1 -1
- package/dist/cjs/Components/Form/theme.d.ts +10 -0
- package/dist/cjs/Components/Form/theme.js +15 -0
- package/dist/cjs/Components/Form/theme.js.map +1 -0
- package/dist/cjs/Components/Grid/index.d.ts +3 -1
- package/dist/cjs/Components/Grid/index.js +40 -29
- package/dist/cjs/Components/Grid/index.js.map +1 -1
- package/dist/cjs/Components/Grid/theme.d.ts +10 -0
- package/dist/cjs/Components/Grid/theme.js +54 -0
- package/dist/cjs/Components/Grid/theme.js.map +1 -0
- package/dist/cjs/Components/Input/index.d.ts +2 -1
- package/dist/cjs/Components/Input/index.js +2 -2
- package/dist/cjs/Components/Input/index.js.map +1 -1
- package/dist/cjs/Components/Modal/index.d.ts +4 -2
- package/dist/cjs/Components/Modal/index.js +19 -10
- package/dist/cjs/Components/Modal/index.js.map +1 -1
- package/dist/cjs/Components/Modal/theme.d.ts +10 -0
- package/dist/cjs/Components/Modal/theme.js +38 -0
- package/dist/cjs/Components/Modal/theme.js.map +1 -0
- package/dist/cjs/Components/Select/index.d.ts +1 -1
- package/dist/cjs/Components/Select/index.js +10 -25
- package/dist/cjs/Components/Select/index.js.map +1 -1
- package/dist/cjs/Components/Switch/index.d.ts +1 -1
- package/dist/cjs/Components/Switch/index.js +1 -1
- package/dist/cjs/Components/Switch/index.js.map +1 -1
- package/dist/cjs/Components/index.d.ts +10 -10
- package/dist/cjs/Services/Requests/index.js +28 -52
- package/dist/cjs/Services/Requests/index.js.map +1 -1
- package/dist/cjs/Services/index.d.ts +1 -1
- package/dist/cjs/index.d.ts +2 -2
- package/dist/esm/Components/Button/index.d.ts +1 -1
- package/dist/esm/Components/Button/index.js +2 -2
- package/dist/esm/Components/Checkbox/index.d.ts +1 -1
- package/dist/esm/Components/Checkbox/index.js +3 -3
- package/dist/esm/Components/DatePicker/index.d.ts +1 -1
- package/dist/esm/Components/DatePicker/index.js +18 -18
- package/dist/esm/Components/DatePicker/index.js.map +1 -1
- package/dist/esm/Components/Form/index.d.ts +6 -12
- package/dist/esm/Components/Form/index.js +69 -112
- package/dist/esm/Components/Form/index.js.map +1 -1
- package/dist/esm/Components/Form/theme.d.ts +10 -0
- package/dist/esm/Components/Form/theme.js +13 -0
- package/dist/esm/Components/Form/theme.js.map +1 -0
- package/dist/esm/Components/Grid/index.d.ts +3 -1
- package/dist/esm/Components/Grid/index.js +42 -34
- package/dist/esm/Components/Grid/index.js.map +1 -1
- package/dist/esm/Components/Grid/theme.d.ts +10 -0
- package/dist/esm/Components/Grid/theme.js +52 -0
- package/dist/esm/Components/Grid/theme.js.map +1 -0
- package/dist/esm/Components/Input/index.d.ts +2 -1
- package/dist/esm/Components/Input/index.js +5 -5
- package/dist/esm/Components/Input/index.js.map +1 -1
- package/dist/esm/Components/Modal/index.d.ts +4 -2
- package/dist/esm/Components/Modal/index.js +17 -11
- package/dist/esm/Components/Modal/index.js.map +1 -1
- package/dist/esm/Components/Modal/theme.d.ts +10 -0
- package/dist/esm/Components/Modal/theme.js +36 -0
- package/dist/esm/Components/Modal/theme.js.map +1 -0
- package/dist/esm/Components/Select/index.d.ts +1 -1
- package/dist/esm/Components/Select/index.js +14 -29
- package/dist/esm/Components/Select/index.js.map +1 -1
- package/dist/esm/Components/Switch/index.d.ts +1 -1
- package/dist/esm/Components/Switch/index.js +4 -4
- package/dist/esm/Components/Switch/index.js.map +1 -1
- package/dist/esm/Components/index.d.ts +10 -10
- package/dist/esm/Components/index.js +10 -10
- package/dist/esm/Services/Requests/index.js +30 -54
- package/dist/esm/Services/Requests/index.js.map +1 -1
- package/dist/esm/Services/index.d.ts +1 -1
- package/dist/esm/Services/index.js +1 -1
- package/dist/esm/index.d.ts +2 -2
- package/dist/esm/index.js +2 -2
- package/package.json +5 -4
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { makeStyles } from "tss-react/mui";
|
|
2
|
+
const useStyles = makeStyles()((theme) => {
|
|
3
|
+
return {
|
|
4
|
+
root: {
|
|
5
|
+
width: "100%",
|
|
6
|
+
"& .dark": {
|
|
7
|
+
backgroundColor: theme.palette.grey[200]
|
|
8
|
+
},
|
|
9
|
+
"& .MuiDataGrid-root": {
|
|
10
|
+
border: "unset"
|
|
11
|
+
},
|
|
12
|
+
"& .MuiDataGrid-toolbarContainer": {
|
|
13
|
+
marginBottom: "15px",
|
|
14
|
+
"& button": {
|
|
15
|
+
padding: 0,
|
|
16
|
+
width: "100px",
|
|
17
|
+
height: "35px",
|
|
18
|
+
fontSize: "14px",
|
|
19
|
+
minHeight: "auto",
|
|
20
|
+
textTransform: "capitalize",
|
|
21
|
+
color: theme.palette.grey[900],
|
|
22
|
+
border: "1px solid" + theme.palette.grey[400],
|
|
23
|
+
"& svg": {
|
|
24
|
+
margin: 0,
|
|
25
|
+
width: "18px",
|
|
26
|
+
height: "18px",
|
|
27
|
+
color: theme.palette.primary.main
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
"& .MuiDataGrid-main": {
|
|
32
|
+
border: "1px solid" + theme.palette.grey[400]
|
|
33
|
+
},
|
|
34
|
+
"& .MuiDataGrid-columnHeaders": {
|
|
35
|
+
minHeight: "45px !important",
|
|
36
|
+
borderRadius: "unset",
|
|
37
|
+
backgroundColor: theme.palette.primary.main,
|
|
38
|
+
borderBottom: "1px solid" + theme.palette.grey[400],
|
|
39
|
+
"& .MuiDataGrid-columnHeaderTitle": {
|
|
40
|
+
fontWeight: "bold",
|
|
41
|
+
textTransform: "capitalize",
|
|
42
|
+
color: theme.palette.primary.contrastText
|
|
43
|
+
},
|
|
44
|
+
"& svg": {
|
|
45
|
+
fill: theme.palette.primary.contrastText
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
});
|
|
51
|
+
export default useStyles;
|
|
52
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Grid/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,SAAS,EAAE;gBACP,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;aAC3C;YACD,qBAAqB,EAAE;gBACnB,MAAM,EAAE,OAAO;aAClB;YACD,iCAAiC,EAAE;gBAC/B,YAAY,EAAE,MAAM;gBACpB,UAAU,EAAE;oBACR,OAAO,EAAE,CAAC;oBACV,KAAK,EAAE,OAAO;oBACd,MAAM,EAAE,MAAM;oBACd,QAAQ,EAAE,MAAM;oBAChB,SAAS,EAAE,MAAM;oBACjB,aAAa,EAAE,YAAY;oBAC3B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;oBAC9B,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;oBAC7C,OAAO,EAAE;wBACL,MAAM,EAAE,CAAC;wBACT,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;qBACpC;iBACJ;aACJ;YACD,qBAAqB,EAAE;gBACnB,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;aAChD;YACD,8BAA8B,EAAE;gBAC5B,SAAS,EAAE,iBAAiB;gBAC5B,YAAY,EAAE,OAAO;gBACrB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;gBAC3C,YAAY,EAAE,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;gBACnD,kCAAkC,EAAE;oBAChC,UAAU,EAAE,MAAM;oBAClB,aAAa,EAAE,YAAY;oBAC3B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;iBAC5C;gBACD,OAAO,EAAE;oBACL,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;iBAC3C;aACJ;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
@@ -9,13 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { useEffect } from
|
|
12
|
+
import React, { useEffect } from "react";
|
|
13
13
|
// React Hook Form
|
|
14
|
-
import { useFormContext } from
|
|
14
|
+
import { useFormContext } from "react-hook-form";
|
|
15
15
|
// Material UI
|
|
16
|
-
import { TextField } from
|
|
16
|
+
import { TextField } from "@mui/material";
|
|
17
17
|
export const Input = (_a) => {
|
|
18
|
-
var { name, value } = _a, props = __rest(_a, ["name", "value"]);
|
|
18
|
+
var { name, value, label } = _a, props = __rest(_a, ["name", "value", "label"]);
|
|
19
19
|
const { register, setValue, control } = useFormContext() || {};
|
|
20
20
|
// Value
|
|
21
21
|
useEffect(() => {
|
|
@@ -23,6 +23,6 @@ export const Input = (_a) => {
|
|
|
23
23
|
control && setValue(name, value);
|
|
24
24
|
}, [value]);
|
|
25
25
|
return (React.createElement(React.Fragment, null,
|
|
26
|
-
React.createElement(TextField, Object.assign({}, (control && register(name)), { defaultValue: value }, props))));
|
|
26
|
+
React.createElement(TextField, Object.assign({}, (control && register(name)), { defaultValue: value, label: label ? label : name }, props))));
|
|
27
27
|
};
|
|
28
28
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Input/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,kBAAkB;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,cAAc;AACd,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Input/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,kBAAkB;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,cAAc;AACd,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAS1C,MAAM,CAAC,MAAM,KAAK,GAAe,CAAC,EAAgC,EAAE,EAAE;QAApC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,OAAY,EAAP,KAAK,cAA9B,0BAAgC,CAAF;IAC5D,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,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,SAAS,oBAAK,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAM,KAAK,EAAI,CAC9F,CACpB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -9,19 +9,25 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React
|
|
12
|
+
import React from "react";
|
|
13
13
|
// Material UI
|
|
14
|
-
import { Modal as MuiModal } from
|
|
14
|
+
import { Box, Typography, IconButton, Modal as MuiModal } from "@mui/material";
|
|
15
|
+
// Material Icon
|
|
16
|
+
import * as MuiIcons from "@mui/icons-material";
|
|
17
|
+
// Styles
|
|
18
|
+
import useStyles from "./theme";
|
|
15
19
|
export const Modal = (_a) => {
|
|
16
|
-
var {
|
|
17
|
-
const
|
|
18
|
-
|
|
19
|
-
useEffect(() => {
|
|
20
|
-
if (modalState)
|
|
21
|
-
setOpenState(modalState);
|
|
22
|
-
}, [modalState]);
|
|
20
|
+
var { open, setOpen, title, children } = _a, props = __rest(_a, ["open", "setOpen", "title", "children"]);
|
|
21
|
+
const Icons = MuiIcons;
|
|
22
|
+
const { classes } = useStyles();
|
|
23
23
|
return (React.createElement(React.Fragment, null,
|
|
24
|
-
React.createElement(MuiModal, { open:
|
|
25
|
-
React.createElement(
|
|
24
|
+
React.createElement(MuiModal, Object.assign({ open: open }, props),
|
|
25
|
+
React.createElement(Box, { className: classes.root },
|
|
26
|
+
React.createElement(Box, { className: classes.header },
|
|
27
|
+
React.createElement(Typography, { variant: "h5" }, title ? title : "Modal Title"),
|
|
28
|
+
React.createElement(IconButton, { onClick: () => setOpen(false) },
|
|
29
|
+
React.createElement(Icons.Close, null))),
|
|
30
|
+
React.createElement(Box, { className: classes.body },
|
|
31
|
+
React.createElement(React.Fragment, null, children))))));
|
|
26
32
|
};
|
|
27
33
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,cAAc;AACd,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE/E,gBAAgB;AAChB,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,SAAS;AACT,OAAO,SAAS,MAAM,SAAS,CAAC;AAUhC,MAAM,CAAC,MAAM,KAAK,GAAe,CAAC,EAA4C,EAAE,EAAE;QAAhD,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA1C,wCAA4C,CAAF;IACxE,MAAM,KAAK,GAAQ,QAAQ,CAAC;IAC5B,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC;IAEhC,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,QAAQ,kBAAC,IAAI,EAAE,IAAI,IAAM,KAAK;YAC3B,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;gBACxB,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,MAAM;oBAC1B,oBAAC,UAAU,IAAC,OAAO,EAAE,IAAI,IAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAc;oBACvE,oBAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;wBAAE,oBAAC,KAAK,CAAC,KAAK,OAAG,CAAa,CACrE;gBACN,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;oBACxB,oBAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CACzC,CACJ,CACC,CACE,CACpB,CAAC;AACN,CAAC,CAAA"}
|
|
@@ -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<"body" | "header" | "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,36 @@
|
|
|
1
|
+
import { makeStyles } from "tss-react/mui";
|
|
2
|
+
const useStyles = makeStyles()((theme) => {
|
|
3
|
+
return {
|
|
4
|
+
root: {
|
|
5
|
+
top: "50%",
|
|
6
|
+
left: "50%",
|
|
7
|
+
width: "550px",
|
|
8
|
+
maxWidth: "90vw",
|
|
9
|
+
overflow: "hidden",
|
|
10
|
+
borderRadius: "8px",
|
|
11
|
+
textAlign: "center",
|
|
12
|
+
position: "absolute",
|
|
13
|
+
transform: "translate(-50%, -50%)",
|
|
14
|
+
backgroundColor: theme.palette.primary.contrastText
|
|
15
|
+
},
|
|
16
|
+
header: {
|
|
17
|
+
display: "flex",
|
|
18
|
+
padding: "10px 25px",
|
|
19
|
+
alignItems: "center",
|
|
20
|
+
justifyContent: "space-between",
|
|
21
|
+
backgroundColor: theme.palette.grey[200],
|
|
22
|
+
"& h5": {
|
|
23
|
+
margin: 0,
|
|
24
|
+
fontWeight: 600,
|
|
25
|
+
fontSize: "16px",
|
|
26
|
+
lineHeight: "16px",
|
|
27
|
+
color: theme.palette.primary.main
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
body: {
|
|
31
|
+
padding: "25px"
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
});
|
|
35
|
+
export default useStyles;
|
|
36
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Modal/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,GAAG,EAAE,KAAK;YACV,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,MAAM;YAChB,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,QAAQ;YACnB,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;SACtD;QACD,MAAM,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,OAAO,EAAE,WAAW;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;YAC/B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACxC,MAAM,EAAE;gBACJ,MAAM,EAAE,CAAC;gBACT,UAAU,EAAE,GAAG;gBACf,QAAQ,EAAE,MAAM;gBAChB,UAAU,EAAE,MAAM;gBAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;aACpC;SACJ;QACD,IAAI,EAAE;YACF,OAAO,EAAE,MAAM;SAClB;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
@@ -9,13 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { useState, useEffect } from
|
|
12
|
+
import React, { useState, useEffect } from "react";
|
|
13
13
|
// React Hook Form
|
|
14
|
-
import { useFormContext, Controller } from
|
|
14
|
+
import { useFormContext, Controller } from "react-hook-form";
|
|
15
15
|
// Request
|
|
16
|
-
import { Request } from
|
|
16
|
+
import { Request } from "../../Services";
|
|
17
17
|
// Material UI
|
|
18
|
-
import { TextField, Autocomplete } from
|
|
18
|
+
import { TextField, Autocomplete } from "@mui/material";
|
|
19
19
|
export const Select = (_a) => {
|
|
20
20
|
var { name, dataSource, placeholder, value, customKey, customName, variant, onChange, multiple, required, dispatch } = _a, props = __rest(_a, ["name", "dataSource", "placeholder", "value", "customKey", "customName", "variant", "onChange", "multiple", "required", "dispatch"]);
|
|
21
21
|
const Methods = useFormContext() || {};
|
|
@@ -29,18 +29,12 @@ export const Select = (_a) => {
|
|
|
29
29
|
setSelectedValue(value);
|
|
30
30
|
control && setValue(name, value);
|
|
31
31
|
}
|
|
32
|
-
}, [value]);
|
|
32
|
+
}, [control, name, setValue, value]);
|
|
33
33
|
// Static Data
|
|
34
34
|
useEffect(() => {
|
|
35
35
|
if ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.staticData) && !!dataSource.staticData.length && !(dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrl)) {
|
|
36
36
|
dataSource.staticData.map((Data) => {
|
|
37
|
-
return setSelectData((Prev) => [
|
|
38
|
-
...Prev,
|
|
39
|
-
{
|
|
40
|
-
id: Data[customKey ? customKey : 'id'],
|
|
41
|
-
label: Data[customName ? customName : 'label']
|
|
42
|
-
}
|
|
43
|
-
]);
|
|
37
|
+
return setSelectData((Prev) => [...Prev, { id: Data[customKey ? customKey : "id"], label: Data[customName ? customName : "label"] }]);
|
|
44
38
|
});
|
|
45
39
|
}
|
|
46
40
|
}, [dataSource === null || dataSource === void 0 ? void 0 : dataSource.staticData]);
|
|
@@ -48,17 +42,10 @@ export const Select = (_a) => {
|
|
|
48
42
|
useEffect(() => {
|
|
49
43
|
if ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrl) && !dataSource.staticData) {
|
|
50
44
|
Request({
|
|
51
|
-
dataSource: Object.assign({}, dataSource),
|
|
52
|
-
dispatch,
|
|
45
|
+
dataSource: Object.assign({}, dataSource), dispatch,
|
|
53
46
|
callBack: (ResponseData) => {
|
|
54
47
|
ResponseData.map((Data) => {
|
|
55
|
-
return setSelectData((Prev) => [
|
|
56
|
-
...Prev,
|
|
57
|
-
{
|
|
58
|
-
id: Data[customKey ? customKey : 'id'],
|
|
59
|
-
label: Data[customName ? customName : 'label']
|
|
60
|
-
}
|
|
61
|
-
]);
|
|
48
|
+
return setSelectData((Prev) => [...Prev, { id: Data[customKey ? customKey : "id"], label: Data[customName ? customName : "label"] }]);
|
|
62
49
|
});
|
|
63
50
|
}
|
|
64
51
|
}).then();
|
|
@@ -69,17 +56,15 @@ export const Select = (_a) => {
|
|
|
69
56
|
return (React.createElement(Autocomplete, Object.assign({ id: DropdownID, options: selectData, multiple: multiple }, props, { value: !!selectData.length && selectedValue
|
|
70
57
|
? multiple && !!selectedValue.length
|
|
71
58
|
? selectedValue.map((SValue) => selectData.find((option) => option.id === SValue))
|
|
72
|
-
: multiple
|
|
73
|
-
|
|
74
|
-
: selectData.find((option) => option.id === selectedValue)
|
|
75
|
-
: multiple
|
|
76
|
-
? []
|
|
77
|
-
: null, onChange: (e, newValue) => {
|
|
59
|
+
: multiple ? [] : selectData.find((option) => option.id === selectedValue)
|
|
60
|
+
: multiple ? [] : null, onChange: (e, newValue) => {
|
|
78
61
|
onChange && onChange(e, newValue, Methods);
|
|
79
62
|
setSelectedValue(multiple ? newValue === null || newValue === void 0 ? void 0 : newValue.map((NValue) => NValue.id) : newValue === null || newValue === void 0 ? void 0 : newValue.id);
|
|
80
63
|
control && setValue(name, multiple ? newValue === null || newValue === void 0 ? void 0 : newValue.map((NValue) => NValue.id) : newValue === null || newValue === void 0 ? void 0 : newValue.id);
|
|
81
|
-
}, renderInput: (params) => React.createElement(TextField, Object.assign({}, params, { label: placeholder ? placeholder :
|
|
64
|
+
}, renderInput: (params) => React.createElement(TextField, Object.assign({}, params, { label: placeholder ? placeholder : "Select", variant: variant })) })));
|
|
82
65
|
};
|
|
83
|
-
return React.createElement(React.Fragment, null, control
|
|
66
|
+
return (React.createElement(React.Fragment, null, control
|
|
67
|
+
? React.createElement(Controller, { name: name, control: control, rules: { required: required }, render: () => React.createElement(MuiAutocomplete, null) })
|
|
68
|
+
: React.createElement(MuiAutocomplete, null)));
|
|
84
69
|
};
|
|
85
70
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,kBAAkB;AAClB,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7D,UAAU;AACV,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,cAAc;AACd,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAiBxD,MAAM,CAAC,MAAM,MAAM,GAAgB,CAAC,EAA0H,EAAE,EAAE;QAA9H,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,OAAY,EAAP,KAAK,cAAxH,oIAA0H,CAAF;IACxJ,MAAM,OAAO,GAAG,cAAc,EAAE,IAAI,EAAE,CAAC;IACvC,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,11 +9,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { useEffect } from
|
|
12
|
+
import React, { useEffect } from "react";
|
|
13
13
|
// React Hook Form
|
|
14
|
-
import { useFormContext } from
|
|
14
|
+
import { useFormContext } from "react-hook-form";
|
|
15
15
|
// Material UI
|
|
16
|
-
import { Switch as MuiSwitch } from
|
|
16
|
+
import { Switch as MuiSwitch } from "@mui/material";
|
|
17
17
|
export const Switch = (_a) => {
|
|
18
18
|
var { name, value } = _a, props = __rest(_a, ["name", "value"]);
|
|
19
19
|
const { register, setValue, control } = useFormContext() || {};
|
|
@@ -21,7 +21,7 @@ export const Switch = (_a) => {
|
|
|
21
21
|
useEffect(() => {
|
|
22
22
|
if (value)
|
|
23
23
|
control && setValue(name, value);
|
|
24
|
-
}, [value]);
|
|
24
|
+
}, [control, name, setValue, value]);
|
|
25
25
|
return (React.createElement(React.Fragment, null,
|
|
26
26
|
React.createElement(MuiSwitch, Object.assign({}, (control && register(name)), props))));
|
|
27
27
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Switch/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,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAQpD,MAAM,CAAC,MAAM,MAAM,GAAgB,CAAC,EAAyB,EAAE,EAAE;QAA7B,EAAE,IAAI,EAAE,KAAK,OAAY,EAAP,KAAK,cAAvB,iBAAyB,CAAF;IACvD,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,KAAK,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Switch/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,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAQpD,MAAM,CAAC,MAAM,MAAM,GAAgB,CAAC,EAAyB,EAAE,EAAE;QAA7B,EAAE,IAAI,EAAE,KAAK,OAAY,EAAP,KAAK,cAAvB,iBAAyB,CAAF;IACvD,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,SAAS,oBAAK,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAM,KAAK,EAAI,CAC5C,CACpB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export { Form } from
|
|
2
|
-
export { Grid } from
|
|
3
|
-
export { Modal } from
|
|
4
|
-
export { Input } from
|
|
5
|
-
export { Select } from
|
|
6
|
-
export { Button } from
|
|
7
|
-
export { Switch } from
|
|
8
|
-
export { Checkbox } from
|
|
9
|
-
export { DatePicker } from
|
|
10
|
-
export * as Icons from
|
|
1
|
+
export { Form } from "./Form";
|
|
2
|
+
export { Grid } from "./Grid";
|
|
3
|
+
export { Modal } from "./Modal";
|
|
4
|
+
export { Input } from "./Input";
|
|
5
|
+
export { Select } from "./Select";
|
|
6
|
+
export { Button } from "./Button";
|
|
7
|
+
export { Switch } from "./Switch";
|
|
8
|
+
export { Checkbox } from "./Checkbox";
|
|
9
|
+
export { DatePicker } from "./DatePicker";
|
|
10
|
+
export * as Icons from "@mui/icons-material";
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
// Form
|
|
2
|
-
export { Form } from
|
|
2
|
+
export { Form } from "./Form";
|
|
3
3
|
// Grid
|
|
4
|
-
export { Grid } from
|
|
4
|
+
export { Grid } from "./Grid";
|
|
5
5
|
// Modal
|
|
6
|
-
export { Modal } from
|
|
6
|
+
export { Modal } from "./Modal";
|
|
7
7
|
// Input
|
|
8
|
-
export { Input } from
|
|
8
|
+
export { Input } from "./Input";
|
|
9
9
|
// Select
|
|
10
|
-
export { Select } from
|
|
10
|
+
export { Select } from "./Select";
|
|
11
11
|
// Button
|
|
12
|
-
export { Button } from
|
|
12
|
+
export { Button } from "./Button";
|
|
13
13
|
// Switch
|
|
14
|
-
export { Switch } from
|
|
14
|
+
export { Switch } from "./Switch";
|
|
15
15
|
// Checkbox
|
|
16
|
-
export { Checkbox } from
|
|
16
|
+
export { Checkbox } from "./Checkbox";
|
|
17
17
|
// Date
|
|
18
|
-
export { DatePicker } from
|
|
19
|
-
import * as Icons_1 from
|
|
18
|
+
export { DatePicker } from "./DatePicker";
|
|
19
|
+
import * as Icons_1 from "@mui/icons-material";
|
|
20
20
|
export { Icons_1 as Icons };
|
|
21
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -8,9 +8,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
8
8
|
});
|
|
9
9
|
};
|
|
10
10
|
// Axios Middleware
|
|
11
|
-
import axios from
|
|
11
|
+
import axios from "axios";
|
|
12
12
|
// React Toastify
|
|
13
|
-
import { toast } from
|
|
13
|
+
import { toast } from "react-toastify";
|
|
14
14
|
// Request
|
|
15
15
|
export const Request = ({ dataSource, mode, data, apiUrlId, dispatch, callBack }) => __awaiter(void 0, void 0, void 0, function* () {
|
|
16
16
|
var _a, _b;
|
|
@@ -20,21 +20,21 @@ export const Request = ({ dataSource, mode, data, apiUrlId, dispatch, callBack }
|
|
|
20
20
|
// Default Method
|
|
21
21
|
const DefaultMethod = () => {
|
|
22
22
|
switch (mode === null || mode === void 0 ? void 0 : mode.toLowerCase()) {
|
|
23
|
-
case
|
|
24
|
-
return
|
|
25
|
-
case
|
|
26
|
-
return
|
|
27
|
-
case
|
|
28
|
-
return
|
|
23
|
+
case "create":
|
|
24
|
+
return "post";
|
|
25
|
+
case "update":
|
|
26
|
+
return "put";
|
|
27
|
+
case "delete":
|
|
28
|
+
return "delete";
|
|
29
29
|
default:
|
|
30
|
-
return
|
|
30
|
+
return "get";
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
// Handling Variables
|
|
34
34
|
switch (mode) {
|
|
35
|
-
case
|
|
36
|
-
case
|
|
37
|
-
case
|
|
35
|
+
case "create":
|
|
36
|
+
case "update":
|
|
37
|
+
case "delete":
|
|
38
38
|
if (((dataSource[mode] && dataSource[mode].formData) || (dataSource === null || dataSource === void 0 ? void 0 : dataSource.formData)) && ((dataSource[mode] && dataSource[mode].requestData) || (dataSource === null || dataSource === void 0 ? void 0 : dataSource.requestData))) {
|
|
39
39
|
if (dataSource[mode] && dataSource[mode].requestData) {
|
|
40
40
|
for (let Index = 0; Index < Object.keys(dataSource[mode].requestData).length; Index++) {
|
|
@@ -47,19 +47,18 @@ export const Request = ({ dataSource, mode, data, apiUrlId, dispatch, callBack }
|
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
|
-
Type =
|
|
51
|
-
APIUrlId = apiUrlId ? apiUrlId : (dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrlId) ? dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrlId :
|
|
50
|
+
Type = "SINGLE";
|
|
51
|
+
APIUrlId = apiUrlId ? apiUrlId : (dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrlId) ? dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrlId : "";
|
|
52
52
|
APIUrl = dataSource[mode] && dataSource[mode].apiUrl ? dataSource[mode].apiUrl : dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrl;
|
|
53
53
|
Headers = dataSource[mode] && dataSource[mode].headers ? dataSource[mode].headers : dataSource === null || dataSource === void 0 ? void 0 : dataSource.headers;
|
|
54
|
-
DataPath = dataSource[mode] && dataSource[mode].dataPath ? dataSource[mode].dataPath.split(
|
|
54
|
+
DataPath = dataSource[mode] && dataSource[mode].dataPath ? dataSource[mode].dataPath.split(".") : (_a = dataSource === null || dataSource === void 0 ? void 0 : dataSource.dataPath) === null || _a === void 0 ? void 0 : _a.split(".");
|
|
55
55
|
Method = dataSource[mode] && dataSource[mode].method ? dataSource[mode].method : (dataSource === null || dataSource === void 0 ? void 0 : dataSource.method) ? dataSource.method : DefaultMethod();
|
|
56
56
|
Name = dataSource[mode] && dataSource[mode].name ? dataSource[mode].name : (dataSource === null || dataSource === void 0 ? void 0 : dataSource.uniqueName) ? dataSource === null || dataSource === void 0 ? void 0 : dataSource.uniqueName : dataSource === null || dataSource === void 0 ? void 0 : dataSource.name;
|
|
57
|
-
Data =
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
: Object.assign(Object.assign({}, data), (dataSource[mode] && dataSource[mode].requestData ? dataSource[mode].requestData : dataSource.requestData));
|
|
57
|
+
Data = (dataSource[mode] && dataSource[mode].formData) || (dataSource === null || dataSource === void 0 ? void 0 : dataSource.formData)
|
|
58
|
+
? data
|
|
59
|
+
: (dataSource === null || dataSource === void 0 ? void 0 : dataSource.requestData) && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.requestData) instanceof Array
|
|
60
|
+
? [...(data ? data : []), ...(dataSource[mode] && dataSource[mode].requestData ? dataSource[mode].requestData : dataSource.requestData)]
|
|
61
|
+
: Object.assign(Object.assign({}, data), (dataSource[mode] && dataSource[mode].requestData ? dataSource[mode].requestData : dataSource.requestData));
|
|
63
62
|
break;
|
|
64
63
|
default:
|
|
65
64
|
if ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.formData) && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.requestData)) {
|
|
@@ -69,33 +68,20 @@ export const Request = ({ dataSource, mode, data, apiUrlId, dispatch, callBack }
|
|
|
69
68
|
}
|
|
70
69
|
APIUrl = dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrl;
|
|
71
70
|
Headers = dataSource === null || dataSource === void 0 ? void 0 : dataSource.headers;
|
|
72
|
-
DataPath = (_b = dataSource === null || dataSource === void 0 ? void 0 : dataSource.dataPath) === null || _b === void 0 ? void 0 : _b.split(
|
|
71
|
+
DataPath = (_b = dataSource === null || dataSource === void 0 ? void 0 : dataSource.dataPath) === null || _b === void 0 ? void 0 : _b.split(".");
|
|
73
72
|
Method = (dataSource === null || dataSource === void 0 ? void 0 : dataSource.method) ? dataSource.method : DefaultMethod();
|
|
74
73
|
Name = (dataSource === null || dataSource === void 0 ? void 0 : dataSource.uniqueName) ? dataSource === null || dataSource === void 0 ? void 0 : dataSource.uniqueName : dataSource === null || dataSource === void 0 ? void 0 : dataSource.name;
|
|
75
|
-
Data = (dataSource === null || dataSource === void 0 ? void 0 : dataSource.formData)
|
|
76
|
-
|
|
77
|
-
: (dataSource === null || dataSource === void 0 ? void 0 : dataSource.requestData) && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.requestData) instanceof Array
|
|
78
|
-
? [...(data ? data : []), ...dataSource.requestData]
|
|
79
|
-
: Object.assign(Object.assign({}, data), dataSource.requestData);
|
|
80
|
-
APIUrlId = apiUrlId ? apiUrlId : (dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrlId) ? dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrlId : '';
|
|
74
|
+
Data = (dataSource === null || dataSource === void 0 ? void 0 : dataSource.formData) ? data : (dataSource === null || dataSource === void 0 ? void 0 : dataSource.requestData) && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.requestData) instanceof Array ? [...(data ? data : []), ...dataSource.requestData] : Object.assign(Object.assign({}, data), dataSource.requestData);
|
|
75
|
+
APIUrlId = apiUrlId ? apiUrlId : (dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrlId) ? dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrlId : "";
|
|
81
76
|
break;
|
|
82
77
|
}
|
|
83
78
|
// Loading State
|
|
84
|
-
dispatch &&
|
|
85
|
-
dispatch({
|
|
86
|
-
type: 'LOADING',
|
|
87
|
-
name: Name || 'default'
|
|
88
|
-
});
|
|
79
|
+
dispatch && dispatch({ type: "LOADING", name: Name || "default" });
|
|
89
80
|
// Success State
|
|
90
81
|
const SuccessAction = (Response) => {
|
|
91
82
|
var _a, _b, _c, _d, _e;
|
|
92
83
|
if (!!((_b = (_a = Response.data) === null || _a === void 0 ? void 0 : _a.MESSAGE) === null || _b === void 0 ? void 0 : _b.MESSAGE)) {
|
|
93
|
-
dispatch &&
|
|
94
|
-
dispatch({
|
|
95
|
-
type: 'ERRORS',
|
|
96
|
-
error: Response.data.MESSAGE.MESSAGE,
|
|
97
|
-
name: Name || 'default'
|
|
98
|
-
});
|
|
84
|
+
dispatch && dispatch({ type: "ERRORS", error: Response.data.MESSAGE.MESSAGE, name: Name || "default" });
|
|
99
85
|
toast.error(Response.data.MESSAGE.MESSAGE, { position: toast.POSITION.TOP_RIGHT });
|
|
100
86
|
}
|
|
101
87
|
else {
|
|
@@ -105,12 +91,7 @@ export const Request = ({ dataSource, mode, data, apiUrlId, dispatch, callBack }
|
|
|
105
91
|
Payload = Payload[DataPath[Index]];
|
|
106
92
|
}
|
|
107
93
|
}
|
|
108
|
-
dispatch &&
|
|
109
|
-
dispatch({
|
|
110
|
-
type: Type || 'SUCCESS',
|
|
111
|
-
name: Name || 'default',
|
|
112
|
-
payload: mode === 'delete' ? {} : Payload
|
|
113
|
-
});
|
|
94
|
+
dispatch && dispatch({ type: Type || "SUCCESS", name: Name || "default", payload: mode === "delete" ? {} : Payload });
|
|
114
95
|
callBack && callBack(Payload);
|
|
115
96
|
(dataSource === null || dataSource === void 0 ? void 0 : dataSource.callBack) && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.callBack(Payload));
|
|
116
97
|
((_c = dataSource === null || dataSource === void 0 ? void 0 : dataSource.create) === null || _c === void 0 ? void 0 : _c.callBack) && dataSource.create.callBack(Payload);
|
|
@@ -120,20 +101,15 @@ export const Request = ({ dataSource, mode, data, apiUrlId, dispatch, callBack }
|
|
|
120
101
|
};
|
|
121
102
|
// Error State
|
|
122
103
|
const CatchAction = (Error) => {
|
|
123
|
-
dispatch &&
|
|
124
|
-
dispatch({
|
|
125
|
-
type: 'ERRORS',
|
|
126
|
-
error: Error.message,
|
|
127
|
-
name: Name || 'default'
|
|
128
|
-
});
|
|
104
|
+
dispatch && dispatch({ type: "ERRORS", error: Error.message, name: Name || "default" });
|
|
129
105
|
};
|
|
130
106
|
// Request Actions
|
|
131
|
-
if (Method.toLowerCase() ===
|
|
132
|
-
yield Axios[Method.toLowerCase()](`${(dataSource === null || dataSource === void 0 ? void 0 : dataSource.baseUrl) ? dataSource === null || dataSource === void 0 ? void 0 : dataSource.baseUrl : process.env.REACT_APP_URL}${APIUrl}${APIUrlId ?
|
|
107
|
+
if (Method.toLowerCase() === "get" || Method.toLowerCase() === "delete")
|
|
108
|
+
yield Axios[Method.toLowerCase()](`${(dataSource === null || dataSource === void 0 ? void 0 : dataSource.baseUrl) ? dataSource === null || dataSource === void 0 ? void 0 : dataSource.baseUrl : process.env.REACT_APP_URL}${APIUrl}${APIUrlId ? "/" + APIUrlId : ""}`, Headers)
|
|
133
109
|
.then((Response) => SuccessAction(Response))
|
|
134
110
|
.catch((Error) => CatchAction(Error));
|
|
135
111
|
else
|
|
136
|
-
yield Axios[Method.toLowerCase()](`${(dataSource === null || dataSource === void 0 ? void 0 : dataSource.baseUrl) ? dataSource === null || dataSource === void 0 ? void 0 : dataSource.baseUrl : process.env.REACT_APP_URL}${APIUrl}${APIUrlId ?
|
|
112
|
+
yield Axios[Method.toLowerCase()](`${(dataSource === null || dataSource === void 0 ? void 0 : dataSource.baseUrl) ? dataSource === null || dataSource === void 0 ? void 0 : dataSource.baseUrl : process.env.REACT_APP_URL}${APIUrl}${APIUrlId ? "/" + APIUrlId : ""}`, Data, Headers)
|
|
137
113
|
.then((Response) => SuccessAction(Response))
|
|
138
114
|
.catch((Error) => CatchAction(Error));
|
|
139
115
|
});
|