coject 1.2.0 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Components/Button/index.d.ts +6 -0
- package/dist/cjs/Components/Button/index.js +27 -0
- package/dist/cjs/Components/Button/index.js.map +1 -0
- package/dist/cjs/Components/Checkbox/index.d.ts +7 -0
- package/dist/cjs/Components/Checkbox/index.js +55 -0
- package/dist/cjs/Components/Checkbox/index.js.map +1 -0
- package/dist/cjs/Components/DatePicker/index.d.ts +18 -0
- package/dist/cjs/Components/DatePicker/index.js +83 -0
- package/dist/cjs/Components/DatePicker/index.js.map +1 -0
- package/dist/cjs/Components/Form/index.d.ts +21 -0
- package/dist/cjs/Components/Form/index.js +169 -0
- package/dist/cjs/Components/Form/index.js.map +1 -0
- package/dist/cjs/Components/Grid/index.d.ts +10 -0
- package/dist/cjs/Components/Grid/index.js +107 -0
- package/dist/cjs/Components/Grid/index.js.map +1 -0
- package/dist/cjs/Components/Input/index.d.ts +7 -0
- package/dist/cjs/Components/Input/index.js +55 -0
- package/dist/cjs/Components/Input/index.js.map +1 -0
- package/dist/cjs/Components/Modal/index.d.ts +7 -0
- package/dist/cjs/Components/Modal/index.js +54 -0
- package/dist/cjs/Components/Modal/index.js.map +1 -0
- package/dist/cjs/Components/Select/index.d.ts +16 -0
- package/dist/cjs/Components/Select/index.js +112 -0
- package/dist/cjs/Components/Select/index.js.map +1 -0
- package/dist/cjs/Components/Switch/index.d.ts +7 -0
- package/dist/cjs/Components/Switch/index.js +55 -0
- package/dist/cjs/Components/Switch/index.js.map +1 -0
- package/dist/cjs/Components/index.d.ts +10 -0
- package/dist/cjs/Components/index.js +56 -0
- package/dist/cjs/Components/index.js.map +1 -0
- package/dist/cjs/Services/Requests/index.d.ts +10 -0
- package/dist/cjs/Services/Requests/index.js +147 -0
- package/dist/cjs/Services/Requests/index.js.map +1 -0
- package/dist/cjs/Services/index.d.ts +1 -0
- package/dist/cjs/Services/index.js +7 -0
- package/dist/cjs/Services/index.js.map +1 -0
- package/dist/cjs/index.d.ts +2 -0
- package/dist/cjs/index.js +21 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/esm/Components/Button/index.d.ts +6 -0
- package/dist/esm/Components/Button/index.js +20 -0
- package/dist/esm/Components/Button/index.js.map +1 -0
- package/dist/esm/Components/Checkbox/index.d.ts +7 -0
- package/dist/esm/Components/Checkbox/index.js +28 -0
- package/dist/esm/Components/Checkbox/index.js.map +1 -0
- package/dist/esm/Components/DatePicker/index.d.ts +18 -0
- package/dist/esm/Components/DatePicker/index.js +53 -0
- package/dist/esm/Components/DatePicker/index.js.map +1 -0
- package/dist/esm/Components/Form/index.d.ts +21 -0
- package/dist/esm/Components/Form/index.js +142 -0
- package/dist/esm/Components/Form/index.js.map +1 -0
- package/dist/esm/Components/Grid/index.d.ts +10 -0
- package/dist/esm/Components/Grid/index.js +80 -0
- package/dist/esm/Components/Grid/index.js.map +1 -0
- package/dist/esm/Components/Input/index.d.ts +7 -0
- package/dist/esm/Components/Input/index.js +28 -0
- package/dist/esm/Components/Input/index.js.map +1 -0
- package/dist/esm/Components/Modal/index.d.ts +7 -0
- package/dist/esm/Components/Modal/index.js +27 -0
- package/dist/esm/Components/Modal/index.js.map +1 -0
- package/dist/esm/Components/Select/index.d.ts +16 -0
- package/dist/esm/Components/Select/index.js +85 -0
- package/dist/esm/Components/Select/index.js.map +1 -0
- package/dist/esm/Components/Switch/index.d.ts +7 -0
- package/dist/esm/Components/Switch/index.js +28 -0
- package/dist/esm/Components/Switch/index.js.map +1 -0
- package/dist/esm/Components/index.d.ts +10 -0
- package/dist/esm/Components/index.js +21 -0
- package/dist/esm/Components/index.js.map +1 -0
- package/dist/esm/Services/Requests/index.d.ts +10 -0
- package/dist/esm/Services/Requests/index.js +140 -0
- package/dist/esm/Services/Requests/index.js.map +1 -0
- package/dist/esm/Services/index.d.ts +1 -0
- package/dist/esm/Services/index.js +3 -0
- package/dist/esm/Services/index.js.map +1 -0
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.js +5 -0
- package/dist/esm/index.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,27 @@
|
|
|
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
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.Button = void 0;
|
|
18
|
+
const react_1 = __importDefault(require("react"));
|
|
19
|
+
// Material UI
|
|
20
|
+
const material_1 = require("@mui/material");
|
|
21
|
+
const Button = (_a) => {
|
|
22
|
+
var { children } = _a, props = __rest(_a, ["children"]);
|
|
23
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
24
|
+
react_1.default.createElement(material_1.Button, Object.assign({}, props), children)));
|
|
25
|
+
};
|
|
26
|
+
exports.Button = Button;
|
|
27
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA6C;AAE7C,cAAc;AACd,4CAAoD;AAO7C,MAAM,MAAM,GAAgB,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,cAApB,YAAsB,CAAF;IACpD,OAAO,CACH,8BAAC,eAAK,CAAC,QAAQ;QACX,8BAAC,iBAAS,oBAAK,KAAK,GAAG,QAAQ,CAAa,CAC/B,CACpB,CAAC;AACN,CAAC,CAAC;AANW,QAAA,MAAM,UAMjB"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
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
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.Checkbox = void 0;
|
|
38
|
+
const react_1 = __importStar(require("react"));
|
|
39
|
+
// React Hook Form
|
|
40
|
+
const react_hook_form_1 = require("react-hook-form");
|
|
41
|
+
// Material UI
|
|
42
|
+
const material_1 = require("@mui/material");
|
|
43
|
+
const Checkbox = (_a) => {
|
|
44
|
+
var { name, value } = _a, props = __rest(_a, ["name", "value"]);
|
|
45
|
+
const { register, setValue, control } = (0, react_hook_form_1.useFormContext)() || {};
|
|
46
|
+
// Value
|
|
47
|
+
(0, react_1.useEffect)(() => {
|
|
48
|
+
if (value)
|
|
49
|
+
control && setValue(name, value);
|
|
50
|
+
}, [value]);
|
|
51
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
52
|
+
react_1.default.createElement(material_1.Checkbox, Object.assign({}, (control && register(name)), props))));
|
|
53
|
+
};
|
|
54
|
+
exports.Checkbox = Checkbox;
|
|
55
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6C;AAE7C,kBAAkB;AAClB,qDAAiD;AAEjD,cAAc;AACd,4CAAwD;AAQjD,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,IAAA,gCAAc,GAAE,IAAI,EAAE,CAAC;IAE/D,QAAQ;IACR,IAAA,iBAAS,EAAC,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,8BAAC,eAAK,CAAC,QAAQ;QACX,8BAAC,mBAAW,oBAAK,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAM,KAAK,EAAI,CAC9C,CACpB,CAAC;AACN,CAAC,CAAC;AAbW,QAAA,QAAQ,YAanB"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
interface iDatePicker {
|
|
3
|
+
name: string;
|
|
4
|
+
value?: string;
|
|
5
|
+
hijri?: boolean;
|
|
6
|
+
format?: string;
|
|
7
|
+
inFormat?: string;
|
|
8
|
+
outFormat?: string;
|
|
9
|
+
minDate?: string;
|
|
10
|
+
maxDate?: string;
|
|
11
|
+
views?: string;
|
|
12
|
+
withTime?: boolean;
|
|
13
|
+
justText?: boolean;
|
|
14
|
+
placeholder?: string;
|
|
15
|
+
onChange?: any;
|
|
16
|
+
}
|
|
17
|
+
export declare const DatePicker: FC<iDatePicker>;
|
|
18
|
+
export {};
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
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
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
+
};
|
|
39
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
+
exports.DatePicker = void 0;
|
|
41
|
+
const react_1 = __importStar(require("react"));
|
|
42
|
+
// React Hook Form
|
|
43
|
+
const react_hook_form_1 = require("react-hook-form");
|
|
44
|
+
// Moment
|
|
45
|
+
const moment_1 = __importDefault(require("moment"));
|
|
46
|
+
const moment_hijri_1 = __importDefault(require("moment-hijri"));
|
|
47
|
+
// Material UI
|
|
48
|
+
const material_1 = require("@mui/material");
|
|
49
|
+
const AdapterMoment_1 = require("@mui/x-date-pickers/AdapterMoment");
|
|
50
|
+
const DateTimePicker_1 = require("@mui/x-date-pickers/DateTimePicker");
|
|
51
|
+
const AdapterMomentHijri_1 = require("@mui/x-date-pickers/AdapterMomentHijri");
|
|
52
|
+
const DatePicker_1 = require("@mui/x-date-pickers/DatePicker");
|
|
53
|
+
const LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
|
|
54
|
+
const DatePicker = (_a) => {
|
|
55
|
+
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"]);
|
|
56
|
+
const DateComponent = withTime ? DateTimePicker_1.DateTimePicker : DatePicker_1.DatePicker;
|
|
57
|
+
const Views = views ? { views: [`${views}`] } : {};
|
|
58
|
+
const { register, setValue } = (0, react_hook_form_1.useFormContext)() || {};
|
|
59
|
+
const [selectedDate, setSelectedDate] = (0, react_1.useState)(hijri ? (0, moment_hijri_1.default)(new Date()) : (0, moment_1.default)(new Date()));
|
|
60
|
+
// Calendar
|
|
61
|
+
const Calendar = hijri
|
|
62
|
+
? { minDate: (0, moment_hijri_1.default)(minDate ? minDate : '14-03-1937', inFormat ? inFormat : 'DD-MM-YYYY'), maxDate: (0, moment_hijri_1.default)(maxDate ? maxDate : '26-10-2076', inFormat ? inFormat : 'DD-MM-YYYY') }
|
|
63
|
+
: { minDate: (0, moment_1.default)(minDate ? minDate : '01-01-1900', inFormat ? inFormat : 'DD-MM-YYYY'), maxDate: (0, moment_1.default)(minDate ? minDate : '01-12-2099', inFormat ? inFormat : 'DD-MM-YYYY') };
|
|
64
|
+
// Default Value
|
|
65
|
+
(0, react_1.useEffect)(() => {
|
|
66
|
+
register && !!Object.keys(register).length && setValue(name, selectedDate.format(outFormat ? outFormat : 'DD-MM-YYYY'));
|
|
67
|
+
}, [register, setValue, name, selectedDate, outFormat]);
|
|
68
|
+
// Normal Value
|
|
69
|
+
(0, react_1.useEffect)(() => {
|
|
70
|
+
if (value) {
|
|
71
|
+
const ValueFormat = hijri ? (0, moment_hijri_1.default)(value, inFormat ? inFormat : 'DD-MM-YYYY') : (0, moment_1.default)(value, inFormat ? inFormat : 'DD-MM-YYYY');
|
|
72
|
+
setSelectedDate(ValueFormat);
|
|
73
|
+
register && !!Object.keys(register).length && setValue(name, ValueFormat.format(outFormat ? outFormat : 'DD-MM-YYYY'));
|
|
74
|
+
}
|
|
75
|
+
}, [value, setValue, register, name, hijri, inFormat, outFormat]);
|
|
76
|
+
return (react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: hijri ? AdapterMomentHijri_1.AdapterMomentHijri : AdapterMoment_1.AdapterMoment }, justText ? (react_1.default.createElement(material_1.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_1.default.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) => {
|
|
77
|
+
setSelectedDate(newValue);
|
|
78
|
+
onChange && onChange(newValue.format(outFormat ? outFormat : 'DD-MM-YYYY'));
|
|
79
|
+
register && !!Object.keys(register).length && setValue(name, newValue.format(outFormat ? outFormat : 'DD-MM-YYYY'));
|
|
80
|
+
} })))));
|
|
81
|
+
};
|
|
82
|
+
exports.DatePicker = DatePicker;
|
|
83
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
interface iForm {
|
|
3
|
+
name?: string;
|
|
4
|
+
dataSource?: any;
|
|
5
|
+
offline?: boolean;
|
|
6
|
+
mode?: string;
|
|
7
|
+
getForm?: any;
|
|
8
|
+
storeData?: any;
|
|
9
|
+
customData?: any;
|
|
10
|
+
rowIndex?: any;
|
|
11
|
+
schema?: any;
|
|
12
|
+
onSubmit?: any;
|
|
13
|
+
onSubmitData?: any;
|
|
14
|
+
onSubmitClear?: boolean;
|
|
15
|
+
gridMode?: any;
|
|
16
|
+
children?: any;
|
|
17
|
+
dispatch?: any;
|
|
18
|
+
storeSchema?: any;
|
|
19
|
+
}
|
|
20
|
+
export declare const Form: FC<iForm>;
|
|
21
|
+
export {};
|
|
@@ -0,0 +1,169 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
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
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.Form = void 0;
|
|
38
|
+
const react_1 = __importStar(require("react"));
|
|
39
|
+
// React Hook Form
|
|
40
|
+
const react_hook_form_1 = require("react-hook-form");
|
|
41
|
+
// Request
|
|
42
|
+
const Services_1 = require("../../Services");
|
|
43
|
+
// Components
|
|
44
|
+
const Input_1 = require("../Input");
|
|
45
|
+
const Select_1 = require("../Select");
|
|
46
|
+
const DatePicker_1 = require("../DatePicker");
|
|
47
|
+
const Form = (_a) => {
|
|
48
|
+
var { name, offline, mode, getForm, storeData, customData, rowIndex, schema, dataSource, onSubmit, onSubmitData, onSubmitClear, gridMode, children, dispatch, storeSchema } = _a, props = __rest(_a, ["name", "offline", "mode", "getForm", "storeData", "customData", "rowIndex", "schema", "dataSource", "onSubmit", "onSubmitData", "onSubmitClear", "gridMode", "children", "dispatch", "storeSchema"]);
|
|
49
|
+
const Methods = (0, react_hook_form_1.useForm)();
|
|
50
|
+
const Watching = JSON.stringify(Methods.watch());
|
|
51
|
+
const Data = dataSource && dataSource.staticData ? Object.assign(Object.assign({}, customData), dataSource.staticData) : customData ? customData : {};
|
|
52
|
+
// Reset Function
|
|
53
|
+
const ResetFunction = () => {
|
|
54
|
+
onSubmitClear && Methods.reset();
|
|
55
|
+
};
|
|
56
|
+
// Use Form
|
|
57
|
+
getForm && getForm(Methods);
|
|
58
|
+
// On Form Submit
|
|
59
|
+
const onFormSubmit = (SubmitData) => {
|
|
60
|
+
var _a, _b;
|
|
61
|
+
onSubmit && onSubmit(SubmitData);
|
|
62
|
+
const FinalData = onSubmitData ? onSubmitData(SubmitData) : SubmitData;
|
|
63
|
+
if (dataSource) {
|
|
64
|
+
if (!offline) {
|
|
65
|
+
const DataForm = new FormData();
|
|
66
|
+
const DataJSON = name ? { [name]: FinalData } : FinalData;
|
|
67
|
+
if (dataSource && dataSource.formData) {
|
|
68
|
+
for (let Index = 0; Index < Object.keys(FinalData).length; Index++) {
|
|
69
|
+
if (FinalData[Object.keys(FinalData)[Index]] instanceof Array || FinalData[Object.keys(FinalData)[Index]] instanceof FileList) {
|
|
70
|
+
if (((_a = FinalData[Object.keys(FinalData)[Index]]) === null || _a === void 0 ? void 0 : _a.length) > 1) {
|
|
71
|
+
for (let FileIndex = 0; FileIndex < FinalData[Object.keys(FinalData)[Index]].length; FileIndex++) {
|
|
72
|
+
DataForm.append(Object.keys(FinalData)[Index] + [`[${FileIndex}]`], FinalData[Object.keys(FinalData)[Index]][FileIndex]);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
else {
|
|
76
|
+
DataForm.append(Object.keys(FinalData)[Index], FinalData[Object.keys(FinalData)[Index]][0]);
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
else {
|
|
80
|
+
DataForm.append(Object.keys(FinalData)[Index], FinalData[Object.keys(FinalData)[Index]]);
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
(0, Services_1.Request)({
|
|
85
|
+
dataSource,
|
|
86
|
+
mode,
|
|
87
|
+
data: dataSource && dataSource.formData ? DataForm : DataJSON,
|
|
88
|
+
apiUrlId: dataSource.primaryKey ? Data[dataSource.primaryKey] : Data.id,
|
|
89
|
+
callBack: () => ResetFunction(),
|
|
90
|
+
dispatch
|
|
91
|
+
}).then();
|
|
92
|
+
}
|
|
93
|
+
else {
|
|
94
|
+
const HistoryData = storeData ? [...storeData] : [];
|
|
95
|
+
if (mode === 'create') {
|
|
96
|
+
if (gridMode && FinalData)
|
|
97
|
+
FinalData[gridMode.key] = (_b = gridMode === null || gridMode === void 0 ? void 0 : gridMode.value) === null || _b === void 0 ? void 0 : _b.create;
|
|
98
|
+
dispatch({ name, type: 'SUCCESS', payload: [...HistoryData, FinalData] });
|
|
99
|
+
}
|
|
100
|
+
else if (mode === 'update') {
|
|
101
|
+
if (gridMode && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.primaryKey) && customData[dataSource.primaryKey]) {
|
|
102
|
+
HistoryData[rowIndex] = FinalData;
|
|
103
|
+
HistoryData[rowIndex][dataSource.primaryKey] = customData[dataSource.primaryKey];
|
|
104
|
+
HistoryData[rowIndex][gridMode.key] = gridMode.value.update;
|
|
105
|
+
}
|
|
106
|
+
else if (gridMode) {
|
|
107
|
+
HistoryData[rowIndex] = FinalData;
|
|
108
|
+
HistoryData[rowIndex][gridMode.key] = gridMode.value.create;
|
|
109
|
+
}
|
|
110
|
+
else
|
|
111
|
+
HistoryData[rowIndex] = FinalData;
|
|
112
|
+
dispatch({ name, type: 'SUCCESS', payload: HistoryData });
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
};
|
|
117
|
+
// Set Form Data In Store
|
|
118
|
+
(0, react_1.useEffect)(() => {
|
|
119
|
+
offline && !mode && dispatch({ name: name || 'default', type: 'SUCCESS', payload: JSON.parse(Watching) });
|
|
120
|
+
}, [offline, mode, name, dispatch, Watching]);
|
|
121
|
+
// Schema Fields
|
|
122
|
+
const Fields = schema && !!schema.length && (schema === null || schema === void 0 ? void 0 : schema.map((Field) => Field.type));
|
|
123
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
124
|
+
react_1.default.createElement(react_hook_form_1.FormProvider, Object.assign({}, Methods),
|
|
125
|
+
react_1.default.createElement("form", Object.assign({ onSubmit: Methods.handleSubmit(onFormSubmit) }, props),
|
|
126
|
+
react_1.default.createElement("div", { className: "row" },
|
|
127
|
+
schema &&
|
|
128
|
+
!!(schema === null || schema === void 0 ? void 0 : schema.length) &&
|
|
129
|
+
schema.map((Field, Index) => {
|
|
130
|
+
var _a, _b, _c, _d, _e, _f;
|
|
131
|
+
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) {
|
|
132
|
+
if (mode === 'update')
|
|
133
|
+
Field.props.cascade.parentValue = Data[Field.props.cascade.parent];
|
|
134
|
+
if (mode === 'create')
|
|
135
|
+
delete Field.props.cascade.parentValue;
|
|
136
|
+
}
|
|
137
|
+
switch ((_c = Field.type) === null || _c === void 0 ? void 0 : _c.toLowerCase()) {
|
|
138
|
+
case 'input':
|
|
139
|
+
return Field.actionTemplate ? (react_1.default.createElement(react_1.default.Fragment, { key: Index }, Field.actionTemplate(Field))) : (react_1.default.createElement("div", { key: Index, className: Field.media ? Field.media : 'col-12' },
|
|
140
|
+
react_1.default.createElement(Input_1.Input, Object.assign({ name: Field.field }, Field.props, { value: Data[Field.field] ? Data[Field.field] : (_d = Field === null || Field === void 0 ? void 0 : Field.props) === null || _d === void 0 ? void 0 : _d.value }))));
|
|
141
|
+
case 'select':
|
|
142
|
+
return Field.actionTemplate ? (react_1.default.createElement(react_1.default.Fragment, { key: Index }, Field.actionTemplate(Field))) : (react_1.default.createElement("div", { key: Index, className: Field.media ? Field.media : 'col-12' },
|
|
143
|
+
react_1.default.createElement(Select_1.Select, Object.assign({ name: Field.field }, Field.props, { value: Data[Field.field] ? Data[Field.field] : (_e = Field === null || Field === void 0 ? void 0 : Field.props) === null || _e === void 0 ? void 0 : _e.value }))));
|
|
144
|
+
case 'datePicker':
|
|
145
|
+
return Field.actionTemplate ? (react_1.default.createElement(react_1.default.Fragment, { key: Index }, Field.actionTemplate(Field))) : (react_1.default.createElement("div", { key: Index, className: Field.media ? Field.media : 'col-12' },
|
|
146
|
+
react_1.default.createElement(DatePicker_1.DatePicker, Object.assign({ name: Field.field }, Field.props, { value: Data[Field.field] ? Data[Field.field] : (_f = Field === null || Field === void 0 ? void 0 : Field.props) === null || _f === void 0 ? void 0 : _f.value }))));
|
|
147
|
+
default:
|
|
148
|
+
return null;
|
|
149
|
+
}
|
|
150
|
+
}),
|
|
151
|
+
children,
|
|
152
|
+
schema && !!(schema === null || schema === void 0 ? void 0 : schema.length) && Fields.includes('button')
|
|
153
|
+
? schema.map((Field, Index) => {
|
|
154
|
+
if (Field.type === 'button') {
|
|
155
|
+
if (Field.template) {
|
|
156
|
+
return (react_1.default.createElement(react_1.default.Fragment, { key: Index }, Field.template(Methods.getValues(), storeSchema && !!Object.keys(storeSchema).length && storeSchema.loading)));
|
|
157
|
+
}
|
|
158
|
+
else {
|
|
159
|
+
return (react_1.default.createElement("div", { key: Index, className: Field.media ? Field.media : 'col-12' },
|
|
160
|
+
react_1.default.createElement("button", Object.assign({}, Field.props, { disabled: storeSchema && !!Object.keys(storeSchema).length && storeSchema.loading }), Field.field)));
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
else
|
|
164
|
+
return null;
|
|
165
|
+
})
|
|
166
|
+
: !(offline && !mode) && (react_1.default.createElement("button", { type: "submit", disabled: storeSchema && !!Object.keys(storeSchema).length && storeSchema.loading }, "Save")))))));
|
|
167
|
+
};
|
|
168
|
+
exports.Form = Form;
|
|
169
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6C;AAE7C,kBAAkB;AAClB,qDAAwD;AAExD,UAAU;AACV,6CAAyC;AAEzC,aAAa;AACb,oCAAiC;AACjC,sCAAmC;AACnC,8CAA2C;AAsBpC,MAAM,IAAI,GAAc,CAAC,EAkB/B,EAAE,EAAE;QAlB2B,EAC5B,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,OAAO,EACP,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,OAEd,EADM,KAAK,cAjBoB,qMAkB/B,CADW;IAER,MAAM,OAAO,GAAG,IAAA,yBAAO,GAAE,CAAC;IAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;IACjD,MAAM,IAAI,GAAG,UAAU,IAAI,UAAU,CAAC,UAAU,CAAC,CAAC,iCAAM,UAAU,GAAK,UAAU,CAAC,UAAU,EAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9H,iBAAiB;IACjB,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,aAAa,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;IACrC,CAAC,CAAC;IAEF,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;QACjC,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;QAEvE,IAAI,UAAU,EAAE;YACZ,IAAI,CAAC,OAAO,EAAE;gBACV,MAAM,QAAQ,GAAG,IAAI,QAAQ,EAAE,CAAC;gBAChC,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;gBAC1D,IAAI,UAAU,IAAI,UAAU,CAAC,QAAQ,EAAE;oBACnC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;wBAChE,IAAI,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,KAAK,IAAI,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,QAAQ,EAAE;4BAC3H,IAAI,CAAA,MAAA,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,0CAAE,MAAM,IAAG,CAAC,EAAE;gCACtD,KAAK,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE;oCAC9F,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;iCAC5H;6BACJ;iCAAM;gCACH,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;6BAC/F;yBACJ;6BAAM;4BACH,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;yBAC5F;qBACJ;iBACJ;gBACD,IAAA,kBAAO,EAAC;oBACJ,UAAU;oBACV,IAAI;oBACJ,IAAI,EAAE,UAAU,IAAI,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;oBAC7D,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE;oBACvE,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE;oBAC/B,QAAQ;iBACX,CAAC,CAAC,IAAI,EAAE,CAAC;aACb;iBAAM;gBACH,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBACpD,IAAI,IAAI,KAAK,QAAQ,EAAE;oBACnB,IAAI,QAAQ,IAAI,SAAS;wBAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,0CAAE,MAAM,CAAC;oBAC7E,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,GAAG,WAAW,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC;iBAC7E;qBAAM,IAAI,IAAI,KAAK,QAAQ,EAAE;oBAC1B,IAAI,QAAQ,KAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,CAAA,IAAI,UAAU,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;wBACzE,WAAW,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;wBAClC,WAAW,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;wBACjF,WAAW,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;qBAC/D;yBAAM,IAAI,QAAQ,EAAE;wBACjB,WAAW,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;wBAClC,WAAW,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;qBAC/D;;wBAAM,WAAW,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;oBACzC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;iBAC7D;aACJ;SACJ;IACL,CAAC,CAAC;IAEF,yBAAyB;IACzB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,OAAO,IAAI,CAAC,IAAI,IAAI,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,IAAI,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC9G,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE9C,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,8BAAC,eAAK,CAAC,QAAQ;QACX,8BAAC,8BAAY,oBAAK,OAAO;YACrB,sDAAM,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,IAAM,KAAK;gBACzD,uCAAK,SAAS,EAAC,KAAK;oBACf,MAAM;wBACH,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA;wBAChB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,KAAa,EAAE,EAAE;;4BACrC,IAAI,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,OAAO,0CAAE,MAAM,EAAE;gCAC/B,IAAI,IAAI,KAAK,QAAQ;oCAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gCAC1F,IAAI,IAAI,KAAK,QAAQ;oCAAE,OAAO,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC;6BACjE;4BACD,QAAQ,MAAA,KAAK,CAAC,IAAI,0CAAE,WAAW,EAAE,EAAE;gCAC/B,KAAK,OAAO;oCACR,OAAO,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAC1B,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,IAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAkB,CAC7E,CAAC,CAAC,CAAC,CACA,uCAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;wCAC5D,8BAAC,aAAK,kBAAC,IAAI,EAAE,KAAK,CAAC,KAAK,IAAM,KAAK,CAAC,KAAK,IAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,KAAK,IAAI,CAC/G,CACT,CAAC;gCACN,KAAK,QAAQ;oCACT,OAAO,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAC1B,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,IAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAkB,CAC7E,CAAC,CAAC,CAAC,CACA,uCAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;wCAC5D,8BAAC,eAAM,kBAAC,IAAI,EAAE,KAAK,CAAC,KAAK,IAAM,KAAK,CAAC,KAAK,IAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,KAAK,IAAI,CAChH,CACT,CAAC;gCACN,KAAK,YAAY;oCACb,OAAO,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAC1B,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,IAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAkB,CAC7E,CAAC,CAAC,CAAC,CACA,uCAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;wCAC5D,8BAAC,uBAAU,kBAAC,IAAI,EAAE,KAAK,CAAC,KAAK,IAAM,KAAK,CAAC,KAAK,IAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,KAAK,IAAI,CACpH,CACT,CAAC;gCACN;oCACI,OAAO,IAAI,CAAC;6BACnB;wBACL,CAAC,CAAC;oBACL,QAAQ;oBACR,MAAM,IAAI,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;wBACpD,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,KAAa,EAAE,EAAE;4BACrC,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;gCACzB,IAAI,KAAK,CAAC,QAAQ,EAAE;oCAChB,OAAO,CACH,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,IACrB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,WAAW,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,IAAI,WAAW,CAAC,OAAO,CAAC,CAChG,CACpB,CAAC;iCACL;qCAAM;oCACH,OAAO,CACH,uCAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;wCAC5D,0DAAY,KAAK,CAAC,KAAK,IAAE,QAAQ,EAAE,WAAW,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,IAAI,WAAW,CAAC,OAAO,KACrG,KAAK,CAAC,KAAK,CACP,CACP,CACT,CAAC;iCACL;6BACJ;;gCAAM,OAAO,IAAI,CAAC;wBACvB,CAAC,CAAC;wBACJ,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CACnB,0CAAQ,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,WAAW,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,IAAI,WAAW,CAAC,OAAO,WAE9F,CACZ,CACL,CACH,CACI,CACF,CACpB,CAAC;AACN,CAAC,CAAC;AAnKW,QAAA,IAAI,QAmKf"}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
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
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.Grid = void 0;
|
|
38
|
+
const react_1 = __importStar(require("react"));
|
|
39
|
+
// Request
|
|
40
|
+
const Services_1 = require("../../Services");
|
|
41
|
+
// Material UI Icons
|
|
42
|
+
const material_1 = require("@mui/material");
|
|
43
|
+
// Material UI Icons
|
|
44
|
+
const MuiIcons = __importStar(require("@mui/icons-material"));
|
|
45
|
+
// Material UI Table
|
|
46
|
+
const x_data_grid_1 = require("@mui/x-data-grid");
|
|
47
|
+
const Grid = (_a) => {
|
|
48
|
+
var _b;
|
|
49
|
+
var { dataSource, schema, actions, toolbar, dispatch } = _a, props = __rest(_a, ["dataSource", "schema", "actions", "toolbar", "dispatch"]);
|
|
50
|
+
const Icons = MuiIcons;
|
|
51
|
+
const [gridData, setGridData] = (0, react_1.useState)([]);
|
|
52
|
+
// Static Data
|
|
53
|
+
(0, react_1.useEffect)(() => {
|
|
54
|
+
if ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.staticData) && !!dataSource.staticData.length && !(dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrl)) {
|
|
55
|
+
setGridData(dataSource.staticData);
|
|
56
|
+
}
|
|
57
|
+
}, [dataSource === null || dataSource === void 0 ? void 0 : dataSource.staticData]);
|
|
58
|
+
// Dynamic Data
|
|
59
|
+
(0, react_1.useEffect)(() => {
|
|
60
|
+
if ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrl) && !dataSource.staticData) {
|
|
61
|
+
(0, Services_1.Request)({
|
|
62
|
+
dataSource: Object.assign({}, dataSource),
|
|
63
|
+
dispatch,
|
|
64
|
+
callBack: (ResponseData) => {
|
|
65
|
+
setGridData(ResponseData);
|
|
66
|
+
}
|
|
67
|
+
}).then();
|
|
68
|
+
}
|
|
69
|
+
}, [dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrl]);
|
|
70
|
+
// Default Schema
|
|
71
|
+
const defaultSchema = !!gridData.length ? (_b = Object.keys(gridData[0])) === null || _b === void 0 ? void 0 : _b.map((columnKey) => ({ field: columnKey })) : [];
|
|
72
|
+
// Columns Schema
|
|
73
|
+
const columnsSchema = [
|
|
74
|
+
...(schema ? schema : defaultSchema),
|
|
75
|
+
...(actions
|
|
76
|
+
? [
|
|
77
|
+
{
|
|
78
|
+
field: 'actions',
|
|
79
|
+
type: 'actions',
|
|
80
|
+
headerName: 'Actions',
|
|
81
|
+
width: 100,
|
|
82
|
+
cellClassName: 'actions',
|
|
83
|
+
getActions: ({ row }) => {
|
|
84
|
+
return [
|
|
85
|
+
react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { icon: react_1.default.createElement(Icons.Edit, null), label: "Edit", onClick: () => console.log(schema ? schema : defaultSchema, row) }),
|
|
86
|
+
react_1.default.createElement(x_data_grid_1.GridActionsCellItem, { icon: react_1.default.createElement(Icons.Delete, null), label: "Delete", onClick: () => console.log(schema ? schema : defaultSchema, row) })
|
|
87
|
+
];
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
]
|
|
91
|
+
: [])
|
|
92
|
+
];
|
|
93
|
+
// Custom Toolbar
|
|
94
|
+
const CustomToolbar = () => {
|
|
95
|
+
return (react_1.default.createElement(x_data_grid_1.GridToolbarContainer, null,
|
|
96
|
+
react_1.default.createElement(x_data_grid_1.GridToolbarColumnsButton, null),
|
|
97
|
+
react_1.default.createElement(x_data_grid_1.GridToolbarFilterButton, null),
|
|
98
|
+
react_1.default.createElement(x_data_grid_1.GridToolbarExport, null),
|
|
99
|
+
actions && (react_1.default.createElement(material_1.Button, { onClick: () => console.log(schema ? schema : defaultSchema), type: 'button' },
|
|
100
|
+
react_1.default.createElement(Icons.Add, null),
|
|
101
|
+
" Add New"))));
|
|
102
|
+
};
|
|
103
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
104
|
+
react_1.default.createElement(x_data_grid_1.DataGrid, Object.assign({ rows: gridData, columns: columnsSchema, slots: { toolbar: toolbar ? CustomToolbar : null } }, props))));
|
|
105
|
+
};
|
|
106
|
+
exports.Grid = Grid;
|
|
107
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Grid/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
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
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.Input = void 0;
|
|
38
|
+
const react_1 = __importStar(require("react"));
|
|
39
|
+
// React Hook Form
|
|
40
|
+
const react_hook_form_1 = require("react-hook-form");
|
|
41
|
+
// Material UI
|
|
42
|
+
const material_1 = require("@mui/material");
|
|
43
|
+
const Input = (_a) => {
|
|
44
|
+
var { name, value } = _a, props = __rest(_a, ["name", "value"]);
|
|
45
|
+
const { register, setValue, control } = (0, react_hook_form_1.useFormContext)() || {};
|
|
46
|
+
// Value
|
|
47
|
+
(0, react_1.useEffect)(() => {
|
|
48
|
+
if (value)
|
|
49
|
+
control && setValue(name, value);
|
|
50
|
+
}, [value]);
|
|
51
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
52
|
+
react_1.default.createElement(material_1.TextField, Object.assign({}, (control && register(name)), { defaultValue: value }, props))));
|
|
53
|
+
};
|
|
54
|
+
exports.Input = Input;
|
|
55
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Input/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6C;AAE7C,kBAAkB;AAClB,qDAAiD;AAEjD,cAAc;AACd,4CAA0C;AAQnC,MAAM,KAAK,GAAe,CAAC,EAAyB,EAAE,EAAE;QAA7B,EAAE,IAAI,EAAE,KAAK,OAAY,EAAP,KAAK,cAAvB,iBAAyB,CAAF;IACrD,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,IAAI,EAAE,KAAK,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACH,8BAAC,eAAK,CAAC,QAAQ;QACX,8BAAC,oBAAS,oBAAK,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAE,YAAY,EAAE,KAAK,IAAM,KAAK,EAAI,CACjE,CACpB,CAAC;AACN,CAAC,CAAC;AAbW,QAAA,KAAK,SAahB"}
|