coject 1.3.1 → 1.3.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 +15 -7
- package/dist/cjs/Builder/Dashboard/index.d.ts +13 -0
- package/dist/cjs/Builder/Dashboard/index.js +50 -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 +13 -0
- package/dist/cjs/Builder/Header/dskHeader/index.js +128 -0
- package/dist/cjs/Builder/Header/dskHeader/index.js.map +1 -0
- package/dist/cjs/Builder/Header/index.d.ts +14 -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 +12 -0
- package/dist/cjs/Builder/Header/mobHeader/index.js +147 -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 +434 -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 +216 -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 -6
- package/dist/cjs/Components/Button/index.js +6 -14
- package/dist/cjs/Components/Button/index.js.map +1 -1
- package/dist/cjs/Components/Button/theme.d.ts +10 -0
- package/dist/cjs/Components/Button/theme.js +22 -0
- package/dist/cjs/Components/Button/theme.js.map +1 -0
- package/dist/cjs/Components/Checkbox/index.d.ts +9 -3
- package/dist/cjs/Components/Checkbox/index.js +30 -17
- package/dist/cjs/Components/Checkbox/index.js.map +1 -1
- package/dist/cjs/Components/Checkbox/theme.d.ts +10 -0
- package/dist/cjs/Components/Checkbox/theme.js +38 -0
- package/dist/cjs/Components/Checkbox/theme.js.map +1 -0
- package/dist/cjs/Components/DatePicker/index.d.ts +13 -9
- package/dist/cjs/Components/DatePicker/index.js +21 -26
- package/dist/cjs/Components/DatePicker/index.js.map +1 -1
- package/dist/cjs/Components/DatePicker/theme.d.ts +10 -0
- package/dist/cjs/Components/DatePicker/theme.js +56 -0
- package/dist/cjs/Components/DatePicker/theme.js.map +1 -0
- package/dist/cjs/Components/Form/index.d.ts +11 -1
- package/dist/cjs/Components/Form/index.js +48 -75
- package/dist/cjs/Components/Form/index.js.map +1 -1
- package/dist/cjs/Components/Form/theme.js +3 -2
- package/dist/cjs/Components/Form/theme.js.map +1 -1
- package/dist/cjs/Components/Grid/index.d.ts +20 -6
- package/dist/cjs/Components/Grid/index.js +99 -43
- package/dist/cjs/Components/Grid/index.js.map +1 -1
- package/dist/cjs/Components/Grid/theme.js +0 -3
- package/dist/cjs/Components/Grid/theme.js.map +1 -1
- package/dist/cjs/Components/Input/index.d.ts +4 -5
- package/dist/cjs/Components/Input/index.js +5 -16
- package/dist/cjs/Components/Input/index.js.map +1 -1
- package/dist/cjs/Components/Input/theme.d.ts +1 -1
- package/dist/cjs/Components/Input/theme.js +14 -5
- package/dist/cjs/Components/Input/theme.js.map +1 -1
- package/dist/cjs/Components/Modal/index.d.ts +3 -4
- package/dist/cjs/Components/Modal/index.js +3 -15
- package/dist/cjs/Components/Modal/index.js.map +1 -1
- package/dist/cjs/Components/Modal/theme.js +3 -1
- package/dist/cjs/Components/Modal/theme.js.map +1 -1
- package/dist/cjs/Components/Select/index.d.ts +12 -7
- package/dist/cjs/Components/Select/index.js +49 -42
- package/dist/cjs/Components/Select/index.js.map +1 -1
- package/dist/cjs/Components/Select/theme.d.ts +10 -0
- package/dist/cjs/Components/Select/theme.js +63 -0
- package/dist/cjs/Components/Select/theme.js.map +1 -0
- package/dist/cjs/Components/Switch/index.d.ts +9 -3
- package/dist/cjs/Components/Switch/index.js +30 -17
- package/dist/cjs/Components/Switch/index.js.map +1 -1
- package/dist/cjs/Components/Switch/theme.d.ts +10 -0
- package/dist/cjs/Components/Switch/theme.js +42 -0
- package/dist/cjs/Components/Switch/theme.js.map +1 -0
- package/dist/cjs/Components/index.d.ts +1 -1
- package/dist/cjs/Components/index.js +3 -1
- package/dist/cjs/Components/index.js.map +1 -1
- package/dist/cjs/Services/Requests/index.js +28 -40
- package/dist/cjs/Services/Requests/index.js.map +1 -1
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/Builder/Dashboard/index.d.ts +13 -0
- package/dist/esm/Builder/Dashboard/index.js +20 -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 +13 -0
- package/dist/esm/Builder/Header/dskHeader/index.js +98 -0
- package/dist/esm/Builder/Header/dskHeader/index.js.map +1 -0
- package/dist/esm/Builder/Header/index.d.ts +14 -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 +12 -0
- package/dist/esm/Builder/Header/mobHeader/index.js +117 -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 +432 -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 +214 -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 -6
- package/dist/esm/Components/Button/index.js +7 -15
- package/dist/esm/Components/Button/index.js.map +1 -1
- package/dist/esm/Components/Button/theme.d.ts +10 -0
- package/dist/esm/Components/Button/theme.js +20 -0
- package/dist/esm/Components/Button/theme.js.map +1 -0
- package/dist/esm/Components/Checkbox/index.d.ts +9 -3
- package/dist/esm/Components/Checkbox/index.js +30 -20
- package/dist/esm/Components/Checkbox/index.js.map +1 -1
- package/dist/esm/Components/Checkbox/theme.d.ts +10 -0
- package/dist/esm/Components/Checkbox/theme.js +36 -0
- package/dist/esm/Components/Checkbox/theme.js.map +1 -0
- package/dist/esm/Components/DatePicker/index.d.ts +13 -9
- package/dist/esm/Components/DatePicker/index.js +22 -27
- package/dist/esm/Components/DatePicker/index.js.map +1 -1
- package/dist/esm/Components/DatePicker/theme.d.ts +10 -0
- package/dist/esm/Components/DatePicker/theme.js +54 -0
- package/dist/esm/Components/DatePicker/theme.js.map +1 -0
- package/dist/esm/Components/Form/index.d.ts +11 -1
- package/dist/esm/Components/Form/index.js +48 -75
- package/dist/esm/Components/Form/index.js.map +1 -1
- package/dist/esm/Components/Form/theme.js +3 -2
- package/dist/esm/Components/Form/theme.js.map +1 -1
- package/dist/esm/Components/Grid/index.d.ts +20 -6
- package/dist/esm/Components/Grid/index.js +101 -45
- package/dist/esm/Components/Grid/index.js.map +1 -1
- package/dist/esm/Components/Grid/theme.js +0 -3
- package/dist/esm/Components/Grid/theme.js.map +1 -1
- package/dist/esm/Components/Input/index.d.ts +4 -5
- package/dist/esm/Components/Input/index.js +6 -17
- package/dist/esm/Components/Input/index.js.map +1 -1
- package/dist/esm/Components/Input/theme.d.ts +1 -1
- package/dist/esm/Components/Input/theme.js +14 -5
- package/dist/esm/Components/Input/theme.js.map +1 -1
- package/dist/esm/Components/Modal/index.d.ts +3 -4
- package/dist/esm/Components/Modal/index.js +3 -15
- package/dist/esm/Components/Modal/index.js.map +1 -1
- package/dist/esm/Components/Modal/theme.js +3 -1
- package/dist/esm/Components/Modal/theme.js.map +1 -1
- package/dist/esm/Components/Select/index.d.ts +12 -7
- package/dist/esm/Components/Select/index.js +48 -44
- package/dist/esm/Components/Select/index.js.map +1 -1
- package/dist/esm/Components/Select/theme.d.ts +10 -0
- package/dist/esm/Components/Select/theme.js +61 -0
- package/dist/esm/Components/Select/theme.js.map +1 -0
- package/dist/esm/Components/Switch/index.d.ts +9 -3
- package/dist/esm/Components/Switch/index.js +30 -20
- package/dist/esm/Components/Switch/index.js.map +1 -1
- package/dist/esm/Components/Switch/theme.d.ts +10 -0
- package/dist/esm/Components/Switch/theme.js +40 -0
- package/dist/esm/Components/Switch/theme.js.map +1 -0
- package/dist/esm/Components/index.d.ts +1 -1
- package/dist/esm/Components/index.js +4 -2
- package/dist/esm/Components/index.js.map +1 -1
- package/dist/esm/Services/Requests/index.js +28 -40
- package/dist/esm/Services/Requests/index.js.map +1 -1
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +7 -7
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
@@ -22,89 +11,73 @@ const react_hook_form_1 = require("react-hook-form");
|
|
|
22
11
|
const Services_1 = require("../../Services");
|
|
23
12
|
// Material UI
|
|
24
13
|
const material_1 = require("@mui/material");
|
|
25
|
-
//
|
|
26
|
-
const
|
|
27
|
-
const Switch_1 = require("../Switch");
|
|
28
|
-
const Select_1 = require("../Select");
|
|
29
|
-
const DatePicker_1 = require("../DatePicker");
|
|
14
|
+
// Coject
|
|
15
|
+
const index_1 = require("../index");
|
|
30
16
|
// Styles
|
|
31
17
|
const theme_1 = __importDefault(require("./theme"));
|
|
32
|
-
const Form = (
|
|
33
|
-
var { name, mode, getForm, schema, dataSource, onSubmit, onSubmitClear, setModal, dispatch, children } = _a, props = __rest(_a, ["name", "mode", "getForm", "schema", "dataSource", "onSubmit", "onSubmitClear", "setModal", "dispatch", "children"]);
|
|
18
|
+
const Form = ({ name, mode, getForm, schema, dataSource, onSubmit, onSubmitClear, setModal, dispatch, onSuccess, noRequest, invisibility, style, children, ...props }) => {
|
|
34
19
|
const { classes } = (0, theme_1.default)();
|
|
35
20
|
const Methods = (0, react_hook_form_1.useForm)();
|
|
36
|
-
const Data = (dataSource && dataSource.staticData) ?
|
|
21
|
+
const Data = (dataSource && dataSource.staticData) ? { ...dataSource.staticData } : {};
|
|
37
22
|
// Use Form
|
|
38
23
|
getForm && getForm(Methods);
|
|
39
24
|
// On Form Submit
|
|
40
25
|
const onFormSubmit = (submitData) => {
|
|
41
|
-
onSubmit && onSubmit(submitData);
|
|
42
|
-
if (dataSource) {
|
|
26
|
+
onSubmit && onSubmit({ ...Data, ...submitData });
|
|
27
|
+
if (dataSource && !noRequest) {
|
|
43
28
|
(0, Services_1.Request)({ dataSource, mode,
|
|
44
29
|
data: name ? { [name]: submitData } : submitData,
|
|
45
30
|
apiUrlId: dataSource.primaryKey ? Data[dataSource.primaryKey] : Data.id,
|
|
46
|
-
callBack: () => {
|
|
47
|
-
onSubmitClear && Methods.reset();
|
|
31
|
+
callBack: (data) => {
|
|
48
32
|
setModal && setModal(false);
|
|
33
|
+
onSuccess && onSuccess(data);
|
|
34
|
+
onSubmitClear && Methods.reset();
|
|
49
35
|
}, dispatch }).then();
|
|
50
36
|
}
|
|
51
37
|
};
|
|
52
|
-
// Schema Fields
|
|
53
|
-
const Fields = schema && !!schema.length && (schema === null || schema === void 0 ? void 0 : schema.map((Field) => Field.type));
|
|
54
38
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
55
|
-
react_1.default.createElement(react_hook_form_1.FormProvider,
|
|
56
|
-
react_1.default.createElement("form",
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
}
|
|
90
|
-
}),
|
|
91
|
-
children,
|
|
92
|
-
(schema && !!(schema === null || schema === void 0 ? void 0 : schema.length) && Fields.includes("button"))
|
|
93
|
-
? schema.map((field, index) => {
|
|
94
|
-
if (field.type === "button") {
|
|
95
|
-
if (field.template) {
|
|
96
|
-
return react_1.default.createElement(react_1.default.Fragment, { key: index }, field.template(Methods.getValues()));
|
|
97
|
-
}
|
|
98
|
-
else {
|
|
99
|
-
return react_1.default.createElement(material_1.Grid, Object.assign({ item: true, key: index }, (field.media ? field.media : { md: 12, lg: 12 })),
|
|
100
|
-
react_1.default.createElement(material_1.Button, Object.assign({}, field.props), field.field));
|
|
39
|
+
react_1.default.createElement(react_hook_form_1.FormProvider, { ...Methods },
|
|
40
|
+
react_1.default.createElement("form", { className: classes.root, onSubmit: Methods.handleSubmit(onFormSubmit), style: style, ...props },
|
|
41
|
+
schema &&
|
|
42
|
+
react_1.default.createElement(material_1.Grid, { container: true, spacing: 2 },
|
|
43
|
+
schema && !!schema?.length && schema.map((field, index) => {
|
|
44
|
+
if (!(invisibility?.includes(field.field)))
|
|
45
|
+
switch (field.component?.toLowerCase()) {
|
|
46
|
+
case "date":
|
|
47
|
+
return field.actionTemplate
|
|
48
|
+
? (react_1.default.createElement(react_1.default.Fragment, { key: index }, field.actionTemplate(field)))
|
|
49
|
+
: (react_1.default.createElement(material_1.Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
50
|
+
react_1.default.createElement(index_1.DatePicker, { fullWidth: true, name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
|
|
51
|
+
case "input":
|
|
52
|
+
return field.actionTemplate
|
|
53
|
+
? (react_1.default.createElement(react_1.default.Fragment, { key: index }, field.actionTemplate(field)))
|
|
54
|
+
: (react_1.default.createElement(material_1.Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
55
|
+
react_1.default.createElement(index_1.Input, { fullWidth: true, name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
|
|
56
|
+
case "switch":
|
|
57
|
+
return field.actionTemplate
|
|
58
|
+
? (react_1.default.createElement(react_1.default.Fragment, { key: index }, field.actionTemplate(field)))
|
|
59
|
+
: (react_1.default.createElement(material_1.Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
60
|
+
react_1.default.createElement(index_1.Switch, { name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
|
|
61
|
+
case "checkbox":
|
|
62
|
+
return field.actionTemplate
|
|
63
|
+
? (react_1.default.createElement(react_1.default.Fragment, { key: index }, field.actionTemplate(field)))
|
|
64
|
+
: (react_1.default.createElement(material_1.Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
65
|
+
react_1.default.createElement(index_1.Checkbox, { name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
|
|
66
|
+
case "select":
|
|
67
|
+
return field.actionTemplate
|
|
68
|
+
? (react_1.default.createElement(react_1.default.Fragment, { key: index }, field.actionTemplate(field)))
|
|
69
|
+
: (react_1.default.createElement(material_1.Grid, { item: true, key: index, ...(field.componentMedia ? field.componentMedia : { xs: 12, sm: 12, md: 12, lg: 12 }) },
|
|
70
|
+
react_1.default.createElement(index_1.Select, { fullWidth: true, name: field.field, ...field.componentProps, value: Data[field.field] ? Data[field.field] : (Data[field.field] === false ? "false" : field?.componentProps?.value) })));
|
|
71
|
+
default:
|
|
72
|
+
return null;
|
|
101
73
|
}
|
|
102
|
-
}
|
|
103
74
|
else
|
|
104
75
|
return null;
|
|
105
|
-
})
|
|
106
|
-
|
|
107
|
-
react_1.default.createElement(material_1.
|
|
76
|
+
}),
|
|
77
|
+
!(children) &&
|
|
78
|
+
react_1.default.createElement(material_1.Grid, { item: true, xs: 12, sm: 12, md: 12, lg: 12 },
|
|
79
|
+
react_1.default.createElement(material_1.Button, { fullWidth: true, type: "submit", variant: "outlined" }, "Submit"))),
|
|
80
|
+
children))));
|
|
108
81
|
};
|
|
109
82
|
exports.Form = Form;
|
|
110
83
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Form/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Form/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const mui_1 = require("tss-react/mui");
|
|
4
|
-
const useStyles = (0, mui_1.makeStyles)()((
|
|
4
|
+
const useStyles = (0, mui_1.makeStyles)()(() => {
|
|
5
5
|
return {
|
|
6
6
|
root: {
|
|
7
7
|
width: "100%",
|
|
8
8
|
"& button": {
|
|
9
|
-
padding: "15px"
|
|
9
|
+
padding: "9px 15px",
|
|
10
|
+
textTransform: "capitalize"
|
|
10
11
|
}
|
|
11
12
|
}
|
|
12
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Form/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Form/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,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,kBAAe,SAAS,CAAC"}
|
|
@@ -1,12 +1,26 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
import { DataGridProps, GridColDef } from "@mui/x-data-grid";
|
|
3
|
+
type iSchema = GridColDef & {
|
|
4
|
+
component?: string;
|
|
5
|
+
componentProps?: any;
|
|
6
|
+
componentMedia?: any;
|
|
7
|
+
};
|
|
8
|
+
interface iGrid extends DataGridProps {
|
|
4
9
|
dispatch?: any;
|
|
10
|
+
noRequest?: any;
|
|
5
11
|
dataSource?: any;
|
|
6
|
-
actions?: boolean;
|
|
7
12
|
toolbar?: boolean;
|
|
8
|
-
|
|
9
|
-
|
|
13
|
+
actions?: boolean;
|
|
14
|
+
onAddSubmit?: any;
|
|
15
|
+
customKey?: string;
|
|
16
|
+
onEditSubmit?: any;
|
|
17
|
+
onDeleteSubmit?: any;
|
|
18
|
+
schema?: iSchema | any;
|
|
19
|
+
noAddRequest?: boolean;
|
|
20
|
+
invisibility?: string[];
|
|
21
|
+
noEditRequest?: boolean;
|
|
22
|
+
noDeleteRequest?: boolean;
|
|
23
|
+
formInvisibility?: string[];
|
|
10
24
|
}
|
|
11
|
-
export declare const Grid: FC<iGrid
|
|
25
|
+
export declare const Grid: FC<Omit<iGrid, "rows" | "columns">>;
|
|
12
26
|
export {};
|
|
@@ -22,17 +22,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
22
|
__setModuleDefault(result, mod);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
-
var t = {};
|
|
27
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
-
t[p] = s[p];
|
|
29
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
-
t[p[i]] = s[p[i]];
|
|
33
|
-
}
|
|
34
|
-
return t;
|
|
35
|
-
};
|
|
36
25
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
27
|
};
|
|
@@ -47,41 +36,91 @@ const material_1 = require("@mui/material");
|
|
|
47
36
|
const MuiIcons = __importStar(require("@mui/icons-material"));
|
|
48
37
|
// Material UI Table
|
|
49
38
|
const x_data_grid_1 = require("@mui/x-data-grid");
|
|
50
|
-
//
|
|
39
|
+
// Coject
|
|
51
40
|
const index_1 = require("../index");
|
|
52
41
|
// Styles
|
|
53
42
|
const theme_1 = __importDefault(require("./theme"));
|
|
54
|
-
const Grid = (
|
|
55
|
-
var _b;
|
|
56
|
-
var { dataSource, schema, actions, toolbar, initialState, pageSizeOptions, dispatch } = _a, props = __rest(_a, ["dataSource", "schema", "actions", "toolbar", "initialState", "pageSizeOptions", "dispatch"]);
|
|
43
|
+
const Grid = ({ dataSource, customKey, schema, actions, invisibility, formInvisibility, toolbar, dispatch, onAddSubmit, onEditSubmit, onDeleteSubmit, noAddRequest, noEditRequest, noDeleteRequest, noRequest, ...props }) => {
|
|
57
44
|
const Icons = MuiIcons;
|
|
58
45
|
const { classes } = (0, theme_1.default)();
|
|
59
46
|
const [gridData, setGridData] = (0, react_1.useState)([]);
|
|
47
|
+
const [schemaData, setSchemaData] = (0, react_1.useState)({});
|
|
60
48
|
const [selectedData, setSelectedData] = (0, react_1.useState)(null);
|
|
61
|
-
const [
|
|
62
|
-
const [
|
|
63
|
-
const [
|
|
49
|
+
const [, forceUpdate] = (0, react_1.useReducer)(x => x + 1, 0);
|
|
50
|
+
const [callData, setCallData] = (0, react_1.useState)(false);
|
|
51
|
+
const [addModal, setAddModal] = (0, react_1.useState)(false);
|
|
52
|
+
const [editModal, setEditModal] = (0, react_1.useState)(false);
|
|
53
|
+
const [deleteModal, setDeleteModal] = (0, react_1.useState)(false);
|
|
64
54
|
// Static Data
|
|
65
55
|
(0, react_1.useEffect)(() => {
|
|
66
|
-
if (
|
|
56
|
+
if (dataSource?.staticData && !dataSource?.apiUrl) {
|
|
67
57
|
setGridData(dataSource.staticData);
|
|
68
58
|
}
|
|
69
|
-
}, [dataSource
|
|
59
|
+
}, [dataSource?.apiUrl, dataSource?.staticData]);
|
|
70
60
|
// Dynamic Data
|
|
71
61
|
(0, react_1.useEffect)(() => {
|
|
72
|
-
if (
|
|
73
|
-
(0, Services_1.Request)({ dataSource
|
|
62
|
+
if (dataSource?.apiUrl && !dataSource.staticData) {
|
|
63
|
+
(0, Services_1.Request)({ dataSource, dispatch, callBack: (data) => setGridData(data) }).then();
|
|
64
|
+
}
|
|
65
|
+
}, [callData, dataSource, dataSource?.apiUrl, dispatch]);
|
|
66
|
+
// Dynamic Data ( Schema )
|
|
67
|
+
(0, react_1.useEffect)(() => {
|
|
68
|
+
if (schema) {
|
|
69
|
+
schema.map((field) => {
|
|
70
|
+
if (field.component === "select" && field.componentProps?.dataSource && !field.componentProps.dataSource.staticData) {
|
|
71
|
+
return (0, Services_1.Request)({ dataSource: field.componentProps.dataSource, callBack: (data) => setSchemaData((prev) => ({ ...prev, [field.field]: data })) }).then();
|
|
72
|
+
}
|
|
73
|
+
else
|
|
74
|
+
return null;
|
|
75
|
+
});
|
|
74
76
|
}
|
|
75
|
-
}, [
|
|
77
|
+
}, [schema]);
|
|
76
78
|
// Default Schema
|
|
77
|
-
const defaultSchema = !!gridData.length ?
|
|
79
|
+
const defaultSchema = !!gridData.length ? Object.keys(gridData[0])?.map((columnKey) => ({
|
|
80
|
+
field: columnKey,
|
|
81
|
+
component: "input",
|
|
82
|
+
flex: (columnKey === (dataSource?.primaryKey ? dataSource.primaryKey : "id") ? 0 : 1)
|
|
83
|
+
})) : [];
|
|
84
|
+
// Custom Schema
|
|
85
|
+
(0, react_1.useEffect)(() => {
|
|
86
|
+
if (schema) {
|
|
87
|
+
schema.map((columnSchema) => {
|
|
88
|
+
if (columnSchema.headerName) {
|
|
89
|
+
if (columnSchema.componentProps)
|
|
90
|
+
columnSchema.componentProps.label = columnSchema.headerName;
|
|
91
|
+
else
|
|
92
|
+
columnSchema.componentProps = { label: columnSchema.headerName };
|
|
93
|
+
}
|
|
94
|
+
if (columnSchema.component === "date" && !columnSchema.renderCell) {
|
|
95
|
+
columnSchema.renderCell = (data) => react_1.default.createElement(index_1.DatePicker, { value: data.value, textView: true });
|
|
96
|
+
}
|
|
97
|
+
if (columnSchema.component === "select" && columnSchema.componentProps?.dataSource) {
|
|
98
|
+
const customKey = columnSchema.componentProps.customKey;
|
|
99
|
+
const customName = columnSchema.componentProps.customName;
|
|
100
|
+
columnSchema.type = "singleSelect";
|
|
101
|
+
columnSchema.getOptionValue = (value) => customKey ? value[customKey] : value.id;
|
|
102
|
+
columnSchema.getOptionLabel = (value) => customName ? value[customName] : value.label;
|
|
103
|
+
if (columnSchema.componentProps.dataSource.staticData) {
|
|
104
|
+
columnSchema.valueOptions = columnSchema.componentProps.dataSource.staticData;
|
|
105
|
+
columnSchema.componentProps.dataSource = { staticData: columnSchema.componentProps.dataSource.staticData };
|
|
106
|
+
}
|
|
107
|
+
else {
|
|
108
|
+
columnSchema.valueOptions = schemaData[columnSchema.field];
|
|
109
|
+
columnSchema.componentProps.dataSource = { staticData: schemaData[columnSchema.field] };
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
return ({ ...columnSchema });
|
|
113
|
+
});
|
|
114
|
+
}
|
|
115
|
+
forceUpdate();
|
|
116
|
+
}, [forceUpdate, schema, schemaData]);
|
|
78
117
|
// Columns Schema
|
|
79
118
|
const columnsSchema = [...(schema ? schema : defaultSchema), ...(actions
|
|
80
119
|
? [{ field: "actions", type: "actions", headerName: "Actions", width: 100, cellClassName: "actions",
|
|
81
120
|
getActions: ({ row }) => {
|
|
82
121
|
return [
|
|
83
|
-
react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { icon: react_1.default.createElement(Icons.Edit, null), label: "Edit", onClick: () => {
|
|
84
|
-
react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { icon: react_1.default.createElement(Icons.Delete, null), label: "Delete", onClick: () => {
|
|
122
|
+
react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { icon: react_1.default.createElement(Icons.Edit, null), label: "Edit", onClick: () => { setEditModal(true); setSelectedData(row); } }),
|
|
123
|
+
react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { icon: react_1.default.createElement(Icons.Delete, null), label: "Delete", onClick: () => { setDeleteModal(true); setSelectedData(row); } })
|
|
85
124
|
];
|
|
86
125
|
}
|
|
87
126
|
}] : [])
|
|
@@ -89,30 +128,47 @@ const Grid = (_a) => {
|
|
|
89
128
|
// Custom Toolbar
|
|
90
129
|
const CustomToolbar = () => {
|
|
91
130
|
return (react_1.default.createElement(x_data_grid_1.GridToolbarContainer, null,
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
131
|
+
toolbar &&
|
|
132
|
+
react_1.default.createElement(react_1.default.Fragment, null,
|
|
133
|
+
react_1.default.createElement(x_data_grid_1.GridToolbarColumnsButton, null),
|
|
134
|
+
react_1.default.createElement(x_data_grid_1.GridToolbarFilterButton, null),
|
|
135
|
+
react_1.default.createElement(x_data_grid_1.GridToolbarExport, null)),
|
|
136
|
+
actions &&
|
|
137
|
+
react_1.default.createElement(material_1.Button, { onClick: () => setAddModal(true), type: "button" },
|
|
138
|
+
react_1.default.createElement(Icons.Add, null),
|
|
139
|
+
" Add New")));
|
|
98
140
|
};
|
|
99
141
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
100
|
-
react_1.default.createElement(index_1.Modal, { title: "Add New Item", open:
|
|
101
|
-
react_1.default.createElement(index_1.Form, { dataSource: dataSource, schema: schema ? schema : defaultSchema, mode: "create" }))
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
142
|
+
react_1.default.createElement(index_1.Modal, { title: "Add New Item", open: addModal, setOpen: setAddModal },
|
|
143
|
+
react_1.default.createElement(index_1.Form, { dataSource: dataSource, schema: schema ? schema : defaultSchema, mode: "create", noRequest: noRequest || noAddRequest, ...(invisibility ? { invisibility: formInvisibility } : {}), onSubmit: (data) => {
|
|
144
|
+
onAddSubmit && onAddSubmit(data);
|
|
145
|
+
!!dataSource?.staticData && setAddModal(false);
|
|
146
|
+
}, onSuccess: () => setCallData(!callData), setModal: setAddModal })),
|
|
147
|
+
react_1.default.createElement(index_1.Modal, { title: "Update Item", open: editModal, setOpen: setEditModal },
|
|
148
|
+
react_1.default.createElement(index_1.Form, { dataSource: { ...dataSource, staticData: selectedData }, schema: schema ? schema : defaultSchema, mode: "update", noRequest: noRequest || noEditRequest, ...(invisibility ? { invisibility: formInvisibility } : {}), onSubmit: (data) => {
|
|
149
|
+
onEditSubmit && onEditSubmit(data);
|
|
150
|
+
!!dataSource?.staticData?.length && setEditModal(false);
|
|
151
|
+
}, onSuccess: () => setCallData(!callData), setModal: setEditModal })),
|
|
152
|
+
react_1.default.createElement(index_1.Modal, { title: "Delete Item", open: deleteModal, setOpen: setDeleteModal },
|
|
105
153
|
react_1.default.createElement(material_1.Grid, { container: true, spacing: 2 },
|
|
106
154
|
react_1.default.createElement(material_1.Grid, { item: true, md: 12, lg: 12 },
|
|
107
155
|
react_1.default.createElement(material_1.Typography, { color: theme => theme.palette.error.main }, "Are You Sure To Delete This Item?")),
|
|
108
156
|
react_1.default.createElement(material_1.Grid, { item: true, md: 12, lg: 12 },
|
|
109
|
-
react_1.default.createElement(material_1.Button, { fullWidth: true, type: "button", variant: "contained", onClick: () =>
|
|
157
|
+
react_1.default.createElement(material_1.Button, { fullWidth: true, type: "button", variant: "contained", onClick: () => {
|
|
158
|
+
onDeleteSubmit && onDeleteSubmit(selectedData);
|
|
159
|
+
!!dataSource?.staticData?.length && setDeleteModal(false);
|
|
160
|
+
if (!noRequest || !noDeleteRequest) {
|
|
161
|
+
(0, Services_1.Request)({
|
|
162
|
+
dataSource, mode: "delete", callBack: () => {
|
|
163
|
+
setCallData(!callData);
|
|
164
|
+
setDeleteModal(false);
|
|
165
|
+
}, dispatch,
|
|
166
|
+
apiUrlId: dataSource.primaryKey ? selectedData[dataSource.primaryKey] : selectedData.id
|
|
167
|
+
}).then();
|
|
168
|
+
}
|
|
169
|
+
} }, "Delete")))),
|
|
110
170
|
react_1.default.createElement(material_1.Box, { className: classes.root },
|
|
111
|
-
react_1.default.createElement(x_data_grid_1.DataGrid,
|
|
112
|
-
pagination: { paginationModel: { pageSize: 15 } }
|
|
113
|
-
}, pageSizeOptions: pageSizeOptions ? pageSizeOptions : [15, 25, 35, 50, 100], slots: {
|
|
114
|
-
toolbar: toolbar ? CustomToolbar : null
|
|
115
|
-
} })))));
|
|
171
|
+
react_1.default.createElement(x_data_grid_1.DataGrid, { className: !gridData?.length ? classes.empty : "", ...(customKey ? { getRowId: (row) => row[customKey] } : {}), rows: gridData, columns: columnsSchema, density: "compact", ...props, pageSizeOptions: props?.pageSizeOptions ? props?.pageSizeOptions : [15, 25, 35, 50, 100], slots: props?.slots ? props?.slots : { toolbar: actions || toolbar ? CustomToolbar : null }, initialState: props?.initialState ? props?.initialState : { pagination: { paginationModel: { pageSize: 15 } } }, getRowClassName: (params) => (params.indexRelativeToCurrentPage % 2 === 0 ? "dark" : ""), ...(invisibility ? { columnVisibilityModel: invisibility.reduce((prev, key) => ({ ...prev, [key]: false }), {}) } : {}) }))));
|
|
116
172
|
};
|
|
117
173
|
exports.Grid = Grid;
|
|
118
174
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Grid/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Grid/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Grid/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,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,
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../resources/Components/Grid/theme.tsx"],"names":[],"mappings":";;AAAA,uCAA2C;AAE3C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,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,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;QACD,KAAK,EAAE;YACH,gCAAgC,EAAE;gBAC9B,SAAS,EAAE,OAAO;aACrB;SACJ;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
2
|
+
import { TextFieldProps } from "@mui/material";
|
|
3
|
+
type iInput = Omit<TextFieldProps, "helperText"> & {
|
|
4
|
+
helperText?: string;
|
|
5
|
+
};
|
|
7
6
|
export declare const Input: FC<iInput>;
|
|
8
7
|
export {};
|
|
@@ -22,17 +22,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
22
|
__setModuleDefault(result, mod);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
-
var t = {};
|
|
27
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
-
t[p] = s[p];
|
|
29
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
-
t[p[i]] = s[p[i]];
|
|
33
|
-
}
|
|
34
|
-
return t;
|
|
35
|
-
};
|
|
36
25
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
27
|
};
|
|
@@ -45,18 +34,18 @@ const react_hook_form_1 = require("react-hook-form");
|
|
|
45
34
|
const material_1 = require("@mui/material");
|
|
46
35
|
// Styles
|
|
47
36
|
const theme_1 = __importDefault(require("./theme"));
|
|
48
|
-
const Input = (
|
|
49
|
-
var { name, value, label } = _a, props = __rest(_a, ["name", "value", "label"]);
|
|
37
|
+
const Input = ({ value, helperText, ...props }) => {
|
|
50
38
|
const { classes } = (0, theme_1.default)();
|
|
51
39
|
const { register, setValue, control } = (0, react_hook_form_1.useFormContext)() || {};
|
|
52
40
|
// Value
|
|
53
41
|
(0, react_1.useEffect)(() => {
|
|
54
42
|
if (value)
|
|
55
|
-
control && setValue(name, value);
|
|
56
|
-
}, [control, name, setValue, value]);
|
|
43
|
+
control && setValue(props?.name || "default", value);
|
|
44
|
+
}, [control, props?.name, setValue, value]);
|
|
57
45
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
58
46
|
react_1.default.createElement(material_1.Box, { className: classes.root },
|
|
59
|
-
react_1.default.createElement(material_1.TextField,
|
|
47
|
+
react_1.default.createElement(material_1.TextField, { ...(control && register(props?.name || "default")), defaultValue: value, label: props?.label ? props?.label : (props?.name || "default"), ...props }, props?.children),
|
|
48
|
+
helperText && react_1.default.createElement(material_1.FormHelperText, { className: classes.error }, helperText))));
|
|
60
49
|
};
|
|
61
50
|
exports.Input = Input;
|
|
62
51
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Input/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Input/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6C;AAE7C,kBAAkB;AAClB,qDAAiD;AAEjD,cAAc;AACd,4CAA+E;AAE/E,SAAS;AACT,oDAAgC;AAOzB,MAAM,KAAK,GAAe,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,eAAS,GAAE,CAAC;IAChC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAc,GAAE,IAAI,EAAE,CAAC;IAE/D,QAAQ;IACR,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,KAAK;YAAE,OAAO,IAAI,QAAQ,CAAC,KAAK,EAAE,IAAI,IAAI,SAAS,EAAE,KAAK,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5C,OAAO,CACH,8BAAC,eAAK,CAAC,QAAQ;QACX,8BAAC,cAAG,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;YACxB,8BAAC,oBAAS,OAAK,CAAC,OAAO,IAAI,QAAQ,CAAC,KAAK,EAAE,IAAI,IAAI,SAAS,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,IAAI,SAAS,CAAC,KAAM,KAAK,IAC1J,KAAK,EAAE,QAAQ,CACR;YACV,UAAU,IAAI,8BAAC,yBAAc,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IAAG,UAAU,CAAkB,CACrF,CACO,CACpB,CAAC;AACN,CAAC,CAAC;AAnBW,QAAA,KAAK,SAmBhB"}
|
|
@@ -2,7 +2,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
|
2
2
|
props: Record<string, unknown>;
|
|
3
3
|
ownerState?: Record<string, unknown> | undefined;
|
|
4
4
|
} | undefined) => {
|
|
5
|
-
classes: Record<"root", string>;
|
|
5
|
+
classes: Record<"error" | "root", string>;
|
|
6
6
|
theme: import("@mui/material").Theme;
|
|
7
7
|
css: import("tss-react/types").Css;
|
|
8
8
|
cx: import("tss-react/types").Cx;
|