coject 1.2.1 → 1.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +5 -4
- package/dist/cjs/Components/Button/index.d.ts +0 -6
- package/dist/cjs/Components/Button/index.js +0 -27
- package/dist/cjs/Components/Button/index.js.map +0 -1
- package/dist/cjs/Components/Checkbox/index.d.ts +0 -7
- package/dist/cjs/Components/Checkbox/index.js +0 -55
- package/dist/cjs/Components/Checkbox/index.js.map +0 -1
- package/dist/cjs/Components/DatePicker/index.d.ts +0 -18
- package/dist/cjs/Components/DatePicker/index.js +0 -83
- package/dist/cjs/Components/DatePicker/index.js.map +0 -1
- package/dist/cjs/Components/Form/index.d.ts +0 -21
- package/dist/cjs/Components/Form/index.js +0 -169
- package/dist/cjs/Components/Form/index.js.map +0 -1
- package/dist/cjs/Components/Grid/index.d.ts +0 -10
- package/dist/cjs/Components/Grid/index.js +0 -107
- package/dist/cjs/Components/Grid/index.js.map +0 -1
- package/dist/cjs/Components/Input/index.d.ts +0 -7
- package/dist/cjs/Components/Input/index.js +0 -55
- package/dist/cjs/Components/Input/index.js.map +0 -1
- package/dist/cjs/Components/Modal/index.d.ts +0 -7
- package/dist/cjs/Components/Modal/index.js +0 -54
- package/dist/cjs/Components/Modal/index.js.map +0 -1
- package/dist/cjs/Components/Select/index.d.ts +0 -16
- package/dist/cjs/Components/Select/index.js +0 -112
- package/dist/cjs/Components/Select/index.js.map +0 -1
- package/dist/cjs/Components/Switch/index.d.ts +0 -7
- package/dist/cjs/Components/Switch/index.js +0 -55
- package/dist/cjs/Components/Switch/index.js.map +0 -1
- package/dist/cjs/Components/index.d.ts +0 -10
- package/dist/cjs/Components/index.js +0 -56
- package/dist/cjs/Components/index.js.map +0 -1
- package/dist/cjs/Services/Requests/index.d.ts +0 -10
- package/dist/cjs/Services/Requests/index.js +0 -147
- package/dist/cjs/Services/Requests/index.js.map +0 -1
- package/dist/cjs/Services/index.d.ts +0 -1
- package/dist/cjs/Services/index.js +0 -7
- package/dist/cjs/Services/index.js.map +0 -1
- package/dist/cjs/index.d.ts +0 -2
- package/dist/cjs/index.js +0 -21
- package/dist/cjs/index.js.map +0 -1
- package/dist/esm/Components/Button/index.d.ts +0 -6
- package/dist/esm/Components/Button/index.js +0 -20
- package/dist/esm/Components/Button/index.js.map +0 -1
- package/dist/esm/Components/Checkbox/index.d.ts +0 -7
- package/dist/esm/Components/Checkbox/index.js +0 -28
- package/dist/esm/Components/Checkbox/index.js.map +0 -1
- package/dist/esm/Components/DatePicker/index.d.ts +0 -18
- package/dist/esm/Components/DatePicker/index.js +0 -53
- package/dist/esm/Components/DatePicker/index.js.map +0 -1
- package/dist/esm/Components/Form/index.d.ts +0 -21
- package/dist/esm/Components/Form/index.js +0 -142
- package/dist/esm/Components/Form/index.js.map +0 -1
- package/dist/esm/Components/Grid/index.d.ts +0 -10
- package/dist/esm/Components/Grid/index.js +0 -80
- package/dist/esm/Components/Grid/index.js.map +0 -1
- package/dist/esm/Components/Input/index.d.ts +0 -7
- package/dist/esm/Components/Input/index.js +0 -28
- package/dist/esm/Components/Input/index.js.map +0 -1
- package/dist/esm/Components/Modal/index.d.ts +0 -7
- package/dist/esm/Components/Modal/index.js +0 -27
- package/dist/esm/Components/Modal/index.js.map +0 -1
- package/dist/esm/Components/Select/index.d.ts +0 -16
- package/dist/esm/Components/Select/index.js +0 -85
- package/dist/esm/Components/Select/index.js.map +0 -1
- package/dist/esm/Components/Switch/index.d.ts +0 -7
- package/dist/esm/Components/Switch/index.js +0 -28
- package/dist/esm/Components/Switch/index.js.map +0 -1
- package/dist/esm/Components/index.d.ts +0 -10
- package/dist/esm/Components/index.js +0 -21
- package/dist/esm/Components/index.js.map +0 -1
- package/dist/esm/Services/Requests/index.d.ts +0 -10
- package/dist/esm/Services/Requests/index.js +0 -140
- package/dist/esm/Services/Requests/index.js.map +0 -1
- package/dist/esm/Services/index.d.ts +0 -1
- package/dist/esm/Services/index.js +0 -3
- package/dist/esm/Services/index.js.map +0 -1
- package/dist/esm/index.d.ts +0 -2
- package/dist/esm/index.js +0 -5
- package/dist/esm/index.js.map +0 -1
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React from 'react';
|
|
13
|
-
// Material UI
|
|
14
|
-
import { Button as MuiButton } from '@mui/material';
|
|
15
|
-
export const Button = (_a) => {
|
|
16
|
-
var { children } = _a, props = __rest(_a, ["children"]);
|
|
17
|
-
return (React.createElement(React.Fragment, null,
|
|
18
|
-
React.createElement(MuiButton, Object.assign({}, props), children)));
|
|
19
|
-
};
|
|
20
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,cAAc;AACd,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAOpD,MAAM,CAAC,MAAM,MAAM,GAAgB,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,cAApB,YAAsB,CAAF;IACpD,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,SAAS,oBAAK,KAAK,GAAG,QAAQ,CAAa,CAC/B,CACpB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { useEffect } from 'react';
|
|
13
|
-
// React Hook Form
|
|
14
|
-
import { useFormContext } from 'react-hook-form';
|
|
15
|
-
// Material UI
|
|
16
|
-
import { Checkbox as MuiCheckbox } from '@mui/material';
|
|
17
|
-
export const Checkbox = (_a) => {
|
|
18
|
-
var { name, value } = _a, props = __rest(_a, ["name", "value"]);
|
|
19
|
-
const { register, setValue, control } = useFormContext() || {};
|
|
20
|
-
// Value
|
|
21
|
-
useEffect(() => {
|
|
22
|
-
if (value)
|
|
23
|
-
control && setValue(name, value);
|
|
24
|
-
}, [value]);
|
|
25
|
-
return (React.createElement(React.Fragment, null,
|
|
26
|
-
React.createElement(MuiCheckbox, Object.assign({}, (control && register(name)), props))));
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,kBAAkB;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,cAAc;AACd,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAQxD,MAAM,CAAC,MAAM,QAAQ,GAAkB,CAAC,EAAyB,EAAE,EAAE;QAA7B,EAAE,IAAI,EAAE,KAAK,OAAY,EAAP,KAAK,cAAvB,iBAAyB,CAAF;IAC3D,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,IAAI,EAAE,CAAC;IAE/D,QAAQ;IACR,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,KAAK;YAAE,OAAO,IAAI,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,WAAW,oBAAK,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAM,KAAK,EAAI,CAC9C,CACpB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
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 {};
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { useState, useEffect } from 'react';
|
|
13
|
-
// React Hook Form
|
|
14
|
-
import { useFormContext } from 'react-hook-form';
|
|
15
|
-
// Moment
|
|
16
|
-
import Moment from 'moment';
|
|
17
|
-
import MomentHijri from 'moment-hijri';
|
|
18
|
-
// Material UI
|
|
19
|
-
import { Typography } from '@mui/material';
|
|
20
|
-
import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
|
|
21
|
-
import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
|
|
22
|
-
import { AdapterMomentHijri } from '@mui/x-date-pickers/AdapterMomentHijri';
|
|
23
|
-
import { DatePicker as MuiDatePicker } from '@mui/x-date-pickers/DatePicker';
|
|
24
|
-
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
|
|
25
|
-
export const DatePicker = (_a) => {
|
|
26
|
-
var { name, value, hijri, format, inFormat, outFormat, minDate, maxDate, views, withTime, justText, placeholder, onChange } = _a, props = __rest(_a, ["name", "value", "hijri", "format", "inFormat", "outFormat", "minDate", "maxDate", "views", "withTime", "justText", "placeholder", "onChange"]);
|
|
27
|
-
const DateComponent = withTime ? DateTimePicker : MuiDatePicker;
|
|
28
|
-
const Views = views ? { views: [`${views}`] } : {};
|
|
29
|
-
const { register, setValue } = useFormContext() || {};
|
|
30
|
-
const [selectedDate, setSelectedDate] = useState(hijri ? MomentHijri(new Date()) : Moment(new Date()));
|
|
31
|
-
// Calendar
|
|
32
|
-
const Calendar = hijri
|
|
33
|
-
? { minDate: MomentHijri(minDate ? minDate : '14-03-1937', inFormat ? inFormat : 'DD-MM-YYYY'), maxDate: MomentHijri(maxDate ? maxDate : '26-10-2076', inFormat ? inFormat : 'DD-MM-YYYY') }
|
|
34
|
-
: { minDate: Moment(minDate ? minDate : '01-01-1900', inFormat ? inFormat : 'DD-MM-YYYY'), maxDate: Moment(minDate ? minDate : '01-12-2099', inFormat ? inFormat : 'DD-MM-YYYY') };
|
|
35
|
-
// Default Value
|
|
36
|
-
useEffect(() => {
|
|
37
|
-
register && !!Object.keys(register).length && setValue(name, selectedDate.format(outFormat ? outFormat : 'DD-MM-YYYY'));
|
|
38
|
-
}, [register, setValue, name, selectedDate, outFormat]);
|
|
39
|
-
// Normal Value
|
|
40
|
-
useEffect(() => {
|
|
41
|
-
if (value) {
|
|
42
|
-
const ValueFormat = hijri ? MomentHijri(value, inFormat ? inFormat : 'DD-MM-YYYY') : Moment(value, inFormat ? inFormat : 'DD-MM-YYYY');
|
|
43
|
-
setSelectedDate(ValueFormat);
|
|
44
|
-
register && !!Object.keys(register).length && setValue(name, ValueFormat.format(outFormat ? outFormat : 'DD-MM-YYYY'));
|
|
45
|
-
}
|
|
46
|
-
}, [value, setValue, register, name, hijri, inFormat, outFormat]);
|
|
47
|
-
return (React.createElement(LocalizationProvider, { dateAdapter: hijri ? AdapterMomentHijri : AdapterMoment }, justText ? (React.createElement(Typography, null, selectedDate.format(format ? format : hijri ? (withTime ? 'iDD-iMM-iYYYY HH:mm' : 'iDD-iMM-iYYYY') : withTime ? 'DD-MM-YYYY HH:mm' : 'DD-MM-YYYY'))) : (React.createElement(DateComponent, Object.assign({ label: placeholder, value: selectedDate }, Calendar, Views, props, { format: format ? format : hijri ? (withTime ? 'iDD-iMM-iYYYY HH:mm' : 'iDD-iMM-iYYYY') : withTime ? 'DD-MM-YYYY HH:mm' : 'DD-MM-YYYY', onChange: (newValue) => {
|
|
48
|
-
setSelectedDate(newValue);
|
|
49
|
-
onChange && onChange(newValue.format(outFormat ? outFormat : 'DD-MM-YYYY'));
|
|
50
|
-
register && !!Object.keys(register).length && setValue(name, newValue.format(outFormat ? outFormat : 'DD-MM-YYYY'));
|
|
51
|
-
} })))));
|
|
52
|
-
};
|
|
53
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/DatePicker/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,21 +0,0 @@
|
|
|
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 {};
|
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { useEffect } from 'react';
|
|
13
|
-
// React Hook Form
|
|
14
|
-
import { useForm, FormProvider } from 'react-hook-form';
|
|
15
|
-
// Request
|
|
16
|
-
import { Request } from '../../Services';
|
|
17
|
-
// Components
|
|
18
|
-
import { Input } from '../Input';
|
|
19
|
-
import { Select } from '../Select';
|
|
20
|
-
import { DatePicker } from '../DatePicker';
|
|
21
|
-
export const Form = (_a) => {
|
|
22
|
-
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"]);
|
|
23
|
-
const Methods = useForm();
|
|
24
|
-
const Watching = JSON.stringify(Methods.watch());
|
|
25
|
-
const Data = dataSource && dataSource.staticData ? Object.assign(Object.assign({}, customData), dataSource.staticData) : customData ? customData : {};
|
|
26
|
-
// Reset Function
|
|
27
|
-
const ResetFunction = () => {
|
|
28
|
-
onSubmitClear && Methods.reset();
|
|
29
|
-
};
|
|
30
|
-
// Use Form
|
|
31
|
-
getForm && getForm(Methods);
|
|
32
|
-
// On Form Submit
|
|
33
|
-
const onFormSubmit = (SubmitData) => {
|
|
34
|
-
var _a, _b;
|
|
35
|
-
onSubmit && onSubmit(SubmitData);
|
|
36
|
-
const FinalData = onSubmitData ? onSubmitData(SubmitData) : SubmitData;
|
|
37
|
-
if (dataSource) {
|
|
38
|
-
if (!offline) {
|
|
39
|
-
const DataForm = new FormData();
|
|
40
|
-
const DataJSON = name ? { [name]: FinalData } : FinalData;
|
|
41
|
-
if (dataSource && dataSource.formData) {
|
|
42
|
-
for (let Index = 0; Index < Object.keys(FinalData).length; Index++) {
|
|
43
|
-
if (FinalData[Object.keys(FinalData)[Index]] instanceof Array || FinalData[Object.keys(FinalData)[Index]] instanceof FileList) {
|
|
44
|
-
if (((_a = FinalData[Object.keys(FinalData)[Index]]) === null || _a === void 0 ? void 0 : _a.length) > 1) {
|
|
45
|
-
for (let FileIndex = 0; FileIndex < FinalData[Object.keys(FinalData)[Index]].length; FileIndex++) {
|
|
46
|
-
DataForm.append(Object.keys(FinalData)[Index] + [`[${FileIndex}]`], FinalData[Object.keys(FinalData)[Index]][FileIndex]);
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
else {
|
|
50
|
-
DataForm.append(Object.keys(FinalData)[Index], FinalData[Object.keys(FinalData)[Index]][0]);
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
else {
|
|
54
|
-
DataForm.append(Object.keys(FinalData)[Index], FinalData[Object.keys(FinalData)[Index]]);
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
Request({
|
|
59
|
-
dataSource,
|
|
60
|
-
mode,
|
|
61
|
-
data: dataSource && dataSource.formData ? DataForm : DataJSON,
|
|
62
|
-
apiUrlId: dataSource.primaryKey ? Data[dataSource.primaryKey] : Data.id,
|
|
63
|
-
callBack: () => ResetFunction(),
|
|
64
|
-
dispatch
|
|
65
|
-
}).then();
|
|
66
|
-
}
|
|
67
|
-
else {
|
|
68
|
-
const HistoryData = storeData ? [...storeData] : [];
|
|
69
|
-
if (mode === 'create') {
|
|
70
|
-
if (gridMode && FinalData)
|
|
71
|
-
FinalData[gridMode.key] = (_b = gridMode === null || gridMode === void 0 ? void 0 : gridMode.value) === null || _b === void 0 ? void 0 : _b.create;
|
|
72
|
-
dispatch({ name, type: 'SUCCESS', payload: [...HistoryData, FinalData] });
|
|
73
|
-
}
|
|
74
|
-
else if (mode === 'update') {
|
|
75
|
-
if (gridMode && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.primaryKey) && customData[dataSource.primaryKey]) {
|
|
76
|
-
HistoryData[rowIndex] = FinalData;
|
|
77
|
-
HistoryData[rowIndex][dataSource.primaryKey] = customData[dataSource.primaryKey];
|
|
78
|
-
HistoryData[rowIndex][gridMode.key] = gridMode.value.update;
|
|
79
|
-
}
|
|
80
|
-
else if (gridMode) {
|
|
81
|
-
HistoryData[rowIndex] = FinalData;
|
|
82
|
-
HistoryData[rowIndex][gridMode.key] = gridMode.value.create;
|
|
83
|
-
}
|
|
84
|
-
else
|
|
85
|
-
HistoryData[rowIndex] = FinalData;
|
|
86
|
-
dispatch({ name, type: 'SUCCESS', payload: HistoryData });
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
};
|
|
91
|
-
// Set Form Data In Store
|
|
92
|
-
useEffect(() => {
|
|
93
|
-
offline && !mode && dispatch({ name: name || 'default', type: 'SUCCESS', payload: JSON.parse(Watching) });
|
|
94
|
-
}, [offline, mode, name, dispatch, Watching]);
|
|
95
|
-
// Schema Fields
|
|
96
|
-
const Fields = schema && !!schema.length && (schema === null || schema === void 0 ? void 0 : schema.map((Field) => Field.type));
|
|
97
|
-
return (React.createElement(React.Fragment, null,
|
|
98
|
-
React.createElement(FormProvider, Object.assign({}, Methods),
|
|
99
|
-
React.createElement("form", Object.assign({ onSubmit: Methods.handleSubmit(onFormSubmit) }, props),
|
|
100
|
-
React.createElement("div", { className: "row" },
|
|
101
|
-
schema &&
|
|
102
|
-
!!(schema === null || schema === void 0 ? void 0 : schema.length) &&
|
|
103
|
-
schema.map((Field, Index) => {
|
|
104
|
-
var _a, _b, _c, _d, _e, _f;
|
|
105
|
-
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) {
|
|
106
|
-
if (mode === 'update')
|
|
107
|
-
Field.props.cascade.parentValue = Data[Field.props.cascade.parent];
|
|
108
|
-
if (mode === 'create')
|
|
109
|
-
delete Field.props.cascade.parentValue;
|
|
110
|
-
}
|
|
111
|
-
switch ((_c = Field.type) === null || _c === void 0 ? void 0 : _c.toLowerCase()) {
|
|
112
|
-
case 'input':
|
|
113
|
-
return Field.actionTemplate ? (React.createElement(React.Fragment, { key: Index }, Field.actionTemplate(Field))) : (React.createElement("div", { key: Index, className: Field.media ? Field.media : 'col-12' },
|
|
114
|
-
React.createElement(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 }))));
|
|
115
|
-
case 'select':
|
|
116
|
-
return Field.actionTemplate ? (React.createElement(React.Fragment, { key: Index }, Field.actionTemplate(Field))) : (React.createElement("div", { key: Index, className: Field.media ? Field.media : 'col-12' },
|
|
117
|
-
React.createElement(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 }))));
|
|
118
|
-
case 'datePicker':
|
|
119
|
-
return Field.actionTemplate ? (React.createElement(React.Fragment, { key: Index }, Field.actionTemplate(Field))) : (React.createElement("div", { key: Index, className: Field.media ? Field.media : 'col-12' },
|
|
120
|
-
React.createElement(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 }))));
|
|
121
|
-
default:
|
|
122
|
-
return null;
|
|
123
|
-
}
|
|
124
|
-
}),
|
|
125
|
-
children,
|
|
126
|
-
schema && !!(schema === null || schema === void 0 ? void 0 : schema.length) && Fields.includes('button')
|
|
127
|
-
? schema.map((Field, Index) => {
|
|
128
|
-
if (Field.type === 'button') {
|
|
129
|
-
if (Field.template) {
|
|
130
|
-
return (React.createElement(React.Fragment, { key: Index }, Field.template(Methods.getValues(), storeSchema && !!Object.keys(storeSchema).length && storeSchema.loading)));
|
|
131
|
-
}
|
|
132
|
-
else {
|
|
133
|
-
return (React.createElement("div", { key: Index, className: Field.media ? Field.media : 'col-12' },
|
|
134
|
-
React.createElement("button", Object.assign({}, Field.props, { disabled: storeSchema && !!Object.keys(storeSchema).length && storeSchema.loading }), Field.field)));
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
else
|
|
138
|
-
return null;
|
|
139
|
-
})
|
|
140
|
-
: !(offline && !mode) && (React.createElement("button", { type: "submit", disabled: storeSchema && !!Object.keys(storeSchema).length && storeSchema.loading }, "Save")))))));
|
|
141
|
-
};
|
|
142
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Form/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { useEffect, useState } from 'react';
|
|
13
|
-
// Request
|
|
14
|
-
import { Request } from '../../Services';
|
|
15
|
-
// Material UI Icons
|
|
16
|
-
import { Button } from '@mui/material';
|
|
17
|
-
// Material UI Icons
|
|
18
|
-
import * as MuiIcons from '@mui/icons-material';
|
|
19
|
-
// Material UI Table
|
|
20
|
-
import { DataGrid, GridActionsCellItem, GridToolbarContainer, GridToolbarColumnsButton, GridToolbarFilterButton, GridToolbarExport } from '@mui/x-data-grid';
|
|
21
|
-
export const Grid = (_a) => {
|
|
22
|
-
var _b;
|
|
23
|
-
var { dataSource, schema, actions, toolbar, dispatch } = _a, props = __rest(_a, ["dataSource", "schema", "actions", "toolbar", "dispatch"]);
|
|
24
|
-
const Icons = MuiIcons;
|
|
25
|
-
const [gridData, setGridData] = useState([]);
|
|
26
|
-
// Static Data
|
|
27
|
-
useEffect(() => {
|
|
28
|
-
if ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.staticData) && !!dataSource.staticData.length && !(dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrl)) {
|
|
29
|
-
setGridData(dataSource.staticData);
|
|
30
|
-
}
|
|
31
|
-
}, [dataSource === null || dataSource === void 0 ? void 0 : dataSource.staticData]);
|
|
32
|
-
// Dynamic Data
|
|
33
|
-
useEffect(() => {
|
|
34
|
-
if ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrl) && !dataSource.staticData) {
|
|
35
|
-
Request({
|
|
36
|
-
dataSource: Object.assign({}, dataSource),
|
|
37
|
-
dispatch,
|
|
38
|
-
callBack: (ResponseData) => {
|
|
39
|
-
setGridData(ResponseData);
|
|
40
|
-
}
|
|
41
|
-
}).then();
|
|
42
|
-
}
|
|
43
|
-
}, [dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrl]);
|
|
44
|
-
// Default Schema
|
|
45
|
-
const defaultSchema = !!gridData.length ? (_b = Object.keys(gridData[0])) === null || _b === void 0 ? void 0 : _b.map((columnKey) => ({ field: columnKey })) : [];
|
|
46
|
-
// Columns Schema
|
|
47
|
-
const columnsSchema = [
|
|
48
|
-
...(schema ? schema : defaultSchema),
|
|
49
|
-
...(actions
|
|
50
|
-
? [
|
|
51
|
-
{
|
|
52
|
-
field: 'actions',
|
|
53
|
-
type: 'actions',
|
|
54
|
-
headerName: 'Actions',
|
|
55
|
-
width: 100,
|
|
56
|
-
cellClassName: 'actions',
|
|
57
|
-
getActions: ({ row }) => {
|
|
58
|
-
return [
|
|
59
|
-
React.createElement(GridActionsCellItem, { icon: React.createElement(Icons.Edit, null), label: "Edit", onClick: () => console.log(schema ? schema : defaultSchema, row) }),
|
|
60
|
-
React.createElement(GridActionsCellItem, { icon: React.createElement(Icons.Delete, null), label: "Delete", onClick: () => console.log(schema ? schema : defaultSchema, row) })
|
|
61
|
-
];
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
]
|
|
65
|
-
: [])
|
|
66
|
-
];
|
|
67
|
-
// Custom Toolbar
|
|
68
|
-
const CustomToolbar = () => {
|
|
69
|
-
return (React.createElement(GridToolbarContainer, null,
|
|
70
|
-
React.createElement(GridToolbarColumnsButton, null),
|
|
71
|
-
React.createElement(GridToolbarFilterButton, null),
|
|
72
|
-
React.createElement(GridToolbarExport, null),
|
|
73
|
-
actions && (React.createElement(Button, { onClick: () => console.log(schema ? schema : defaultSchema), type: 'button' },
|
|
74
|
-
React.createElement(Icons.Add, null),
|
|
75
|
-
" Add New"))));
|
|
76
|
-
};
|
|
77
|
-
return (React.createElement(React.Fragment, null,
|
|
78
|
-
React.createElement(DataGrid, Object.assign({ rows: gridData, columns: columnsSchema, slots: { toolbar: toolbar ? CustomToolbar : null } }, props))));
|
|
79
|
-
};
|
|
80
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Grid/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { useEffect } from 'react';
|
|
13
|
-
// React Hook Form
|
|
14
|
-
import { useFormContext } from 'react-hook-form';
|
|
15
|
-
// Material UI
|
|
16
|
-
import { TextField } from '@mui/material';
|
|
17
|
-
export const Input = (_a) => {
|
|
18
|
-
var { name, value } = _a, props = __rest(_a, ["name", "value"]);
|
|
19
|
-
const { register, setValue, control } = useFormContext() || {};
|
|
20
|
-
// Value
|
|
21
|
-
useEffect(() => {
|
|
22
|
-
if (value)
|
|
23
|
-
control && setValue(name, value);
|
|
24
|
-
}, [value]);
|
|
25
|
-
return (React.createElement(React.Fragment, null,
|
|
26
|
-
React.createElement(TextField, Object.assign({}, (control && register(name)), { defaultValue: value }, props))));
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;AAQ1C,MAAM,CAAC,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,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,IAAM,KAAK,EAAI,CACjE,CACpB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { useState, useEffect } from 'react';
|
|
13
|
-
// Material UI
|
|
14
|
-
import { Modal as MuiModal } from '@mui/material';
|
|
15
|
-
export const Modal = (_a) => {
|
|
16
|
-
var { modalState, children } = _a, props = __rest(_a, ["modalState", "children"]);
|
|
17
|
-
const [openState, setOpenState] = useState(false);
|
|
18
|
-
// Open Control
|
|
19
|
-
useEffect(() => {
|
|
20
|
-
if (modalState)
|
|
21
|
-
setOpenState(modalState);
|
|
22
|
-
}, [modalState]);
|
|
23
|
-
return (React.createElement(React.Fragment, null,
|
|
24
|
-
React.createElement(MuiModal, { open: openState, onClose: () => setOpenState(false) },
|
|
25
|
-
React.createElement(React.Fragment, null, children))));
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../resources/Components/Modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAElE,cAAc;AACd,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQlD,MAAM,CAAC,MAAM,KAAK,GAAe,CAAC,EAAkC,EAAE,EAAE;QAAtC,EAAE,UAAU,EAAE,QAAQ,OAAY,EAAP,KAAK,cAAhC,0BAAkC,CAAF;IAC9D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,eAAe;IACf,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,UAAU;YAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;QACX,oBAAC,QAAQ,IAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;YACzD,oBAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CACpC,CACE,CACpB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
interface iSelect {
|
|
3
|
-
name: string;
|
|
4
|
-
variant?: any;
|
|
5
|
-
value?: string;
|
|
6
|
-
onChange?: any;
|
|
7
|
-
dispatch?: any;
|
|
8
|
-
dataSource?: any;
|
|
9
|
-
multiple?: boolean;
|
|
10
|
-
required?: boolean;
|
|
11
|
-
customKey?: string;
|
|
12
|
-
customName?: string;
|
|
13
|
-
placeholder?: string;
|
|
14
|
-
}
|
|
15
|
-
export declare const Select: FC<iSelect>;
|
|
16
|
-
export {};
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import React, { useState, useEffect } from 'react';
|
|
13
|
-
// React Hook Form
|
|
14
|
-
import { useFormContext, Controller } from 'react-hook-form';
|
|
15
|
-
// Request
|
|
16
|
-
import { Request } from '../../Services';
|
|
17
|
-
// Material UI
|
|
18
|
-
import { TextField, Autocomplete } from '@mui/material';
|
|
19
|
-
export const Select = (_a) => {
|
|
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
|
-
const Methods = useFormContext() || {};
|
|
22
|
-
const [selectedValue, setSelectedValue] = useState();
|
|
23
|
-
const [selectData, setSelectData] = useState([]);
|
|
24
|
-
const { setValue, control } = useFormContext() || {};
|
|
25
|
-
const DropdownID = (dataSource === null || dataSource === void 0 ? void 0 : dataSource.uniqueName) ? dataSource.uniqueName : (dataSource === null || dataSource === void 0 ? void 0 : dataSource.name) ? dataSource.name : name;
|
|
26
|
-
// Value
|
|
27
|
-
useEffect(() => {
|
|
28
|
-
if (value) {
|
|
29
|
-
setSelectedValue(value);
|
|
30
|
-
control && setValue(name, value);
|
|
31
|
-
}
|
|
32
|
-
}, [value]);
|
|
33
|
-
// Static Data
|
|
34
|
-
useEffect(() => {
|
|
35
|
-
if ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.staticData) && !!dataSource.staticData.length && !(dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrl)) {
|
|
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
|
-
]);
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
}, [dataSource === null || dataSource === void 0 ? void 0 : dataSource.staticData]);
|
|
47
|
-
// Dynamic Data
|
|
48
|
-
useEffect(() => {
|
|
49
|
-
if ((dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrl) && !dataSource.staticData) {
|
|
50
|
-
Request({
|
|
51
|
-
dataSource: Object.assign({}, dataSource),
|
|
52
|
-
dispatch,
|
|
53
|
-
callBack: (ResponseData) => {
|
|
54
|
-
ResponseData.map((Data) => {
|
|
55
|
-
return setSelectData((Prev) => [
|
|
56
|
-
...Prev,
|
|
57
|
-
{
|
|
58
|
-
id: Data[customKey ? customKey : 'id'],
|
|
59
|
-
label: Data[customName ? customName : 'label']
|
|
60
|
-
}
|
|
61
|
-
]);
|
|
62
|
-
});
|
|
63
|
-
}
|
|
64
|
-
}).then();
|
|
65
|
-
}
|
|
66
|
-
}, [dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiUrl]);
|
|
67
|
-
// Master Component
|
|
68
|
-
const MuiAutocomplete = () => {
|
|
69
|
-
return (React.createElement(Autocomplete, Object.assign({ id: DropdownID, options: selectData, multiple: multiple }, props, { value: !!selectData.length && selectedValue
|
|
70
|
-
? multiple && !!selectedValue.length
|
|
71
|
-
? 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) => {
|
|
78
|
-
onChange && onChange(e, newValue, Methods);
|
|
79
|
-
setSelectedValue(multiple ? newValue === null || newValue === void 0 ? void 0 : newValue.map((NValue) => NValue.id) : newValue === null || newValue === void 0 ? void 0 : newValue.id);
|
|
80
|
-
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 : 'Select', variant: variant })) })));
|
|
82
|
-
};
|
|
83
|
-
return React.createElement(React.Fragment, null, control ? React.createElement(Controller, { name: name, control: control, rules: { required: required }, render: () => React.createElement(MuiAutocomplete, null) }) : React.createElement(MuiAutocomplete, null));
|
|
84
|
-
};
|
|
85
|
-
//# sourceMappingURL=index.js.map
|