awing-library 2.1.2-dev.99 → 2.1.2-stable.10

package/lib/AWING/CronTab/index.js

@@ -0,0 +1,43 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CronTab = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var CronTab_1 = __importDefault(require("./CronTab"));
+var i18n_1 = __importDefault(require("../../i18n"));
+var react_i18next_1 = require("react-i18next");
+var x_date_pickers_1 = require("@mui/x-date-pickers");
+var AdapterMoment_1 = require("@mui/x-date-pickers/AdapterMoment");
+function CronTab(props) {
+    return ((0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, { i18n: i18n_1.default, children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.LocalizationProvider, { dateAdapter: AdapterMoment_1.AdapterMoment, children: (0, jsx_runtime_1.jsx)(CronTab_1.default, __assign({}, props)) }) }));
+}
+exports.CronTab = CronTab;
+__exportStar(require("./interface"), exports);
+exports.default = CronTab;

package/lib/AWING/CronTab/interface.d.ts

@@ -0,0 +1,19 @@
+import { Moment } from "moment";
+export interface DayInterval {
+    type: string;
+    at?: Moment;
+    from?: Moment;
+    to?: Moment;
+}
+export interface CronTabValue {
+    type: "DAILY" | "WEEKLY" | "MONTHLY" | "ADVANCED";
+    dayInterval?: DayInterval;
+    daysOfWeek?: number[];
+    daysOfMonth?: number[];
+    cronExpression?: string;
+}
+export interface CronTabProps {
+    initValue?: CronTabValue;
+    value?: CronTabValue;
+    onChange: (value: CronTabValue, isValid: boolean) => void;
+}

package/lib/AWING/CronTab/interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/AWING/DataForm/DataInput.d.ts

@@ -0,0 +1,11 @@
+import { DataObject } from '../../AWING';
+import { FieldDefinition } from './interface';
+type DataInputProps<T extends DataObject> = {
+    fieldDefinition: FieldDefinition<T>;
+    onChange(newValue: any, valid: boolean): void;
+    value: any;
+    error?: boolean;
+    disableHelperText?: boolean;
+};
+export default function DataInput<T extends DataObject>(props: DataInputProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/AWING/DataForm/DataInput.js

@@ -0,0 +1,317 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var jsx_runtime_1 = require("react/jsx-runtime");
+// @ts-nocheck
+var react_2 = __importStar(require("react"));
+var moment_1 = __importDefault(require("moment"));
+var react_i18next_1 = require("react-i18next");
+var material_1 = require("@mui/material");
+var DatePicker_1 = require("@mui/x-date-pickers/DatePicker");
+var CheckBoxOutlineBlank_1 = __importDefault(require("@mui/icons-material/CheckBoxOutlineBlank"));
+var CheckBox_1 = __importDefault(require("@mui/icons-material/CheckBox"));
+var AWING_1 = require("../../AWING");
+var validation_1 = require("../../AWING/ultis/validation");
+var AsyncAutocomplete_1 = __importDefault(require("../../AWING/AsyncAutocomplete"));
+var LogicExpression_1 = __importDefault(require("../../AWING/LogicExpression"));
+var GeoFencing_1 = __importDefault(require("../../ACM-AXN/GeoFencing"));
+var i18n_1 = __importDefault(require("../../i18n"));
+var icons_material_1 = require("@mui/icons-material");
+var omit = require('lodash/omit');
+function DataInput(props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
+    var fieldDefinition = props.fieldDefinition, onChange = props.onChange, value = props.value, error = props.error, disableHelperText = props.disableHelperText;
+    var fieldName = fieldDefinition.fieldName, type = fieldDefinition.type, onValidate = fieldDefinition.onValidate, min = fieldDefinition.min, max = fieldDefinition.max, pattern = fieldDefinition.pattern, other = __rest(fieldDefinition, ["fieldName", "type", "onValidate", "min", "max", "pattern"]);
+    var _o = react_2.default.useState(t('Common.InvalidData')), errorText = _o[0], setErrorText = _o[1];
+    var _p = react_2.default.useState(type === 'number' ? value : ''), numberValue = _p[0], setNumberValue = _p[1];
+    var _q = react_2.default.useState(false), showPassword = _q[0], setShowPassword = _q[1];
+    var handleClickShowPassword = function () {
+        setShowPassword(!showPassword);
+    };
+    var checkValidationValue = function (fieldDefinition, val) {
+        if (!fieldDefinition.required &&
+            (val === undefined ||
+                val === null ||
+                val === '' ||
+                (Array.isArray(val) && val.length === 0)))
+            return true;
+        if (fieldDefinition.onValidate)
+            return fieldDefinition.onValidate(val, fieldDefinition === null || fieldDefinition === void 0 ? void 0 : fieldDefinition.length, fieldDefinition === null || fieldDefinition === void 0 ? void 0 : fieldDefinition.pattern);
+        switch (fieldDefinition.type) {
+            case 'async-autocomplete':
+            case 'autocomplete':
+            case 'select': {
+                if (fieldDefinition.multiple)
+                    return (0, validation_1.arrayIsNotEmptyValid)(val);
+                else
+                    return (0, validation_1.notNullValid)(val);
+            }
+            case 'multiple-hierarchical':
+                return (0, validation_1.arrayIsNotEmptyValid)(val);
+            case 'month':
+            case 'date':
+                return (0, validation_1.dateValid)(val);
+            case 'date-range':
+                return (0, validation_1.dateRangeValid)(val);
+            case 'number':
+                return ((min === undefined || Number(val) >= min) &&
+                    (max === undefined || Number(val) <= max) &&
+                    (0, validation_1.numberNotNullValid)(val));
+            case 'text':
+            case 'text-area': {
+                var _a = (0, validation_1.textValidation)(val, fieldDefinition === null || fieldDefinition === void 0 ? void 0 : fieldDefinition.length, Boolean(fieldDefinition === null || fieldDefinition === void 0 ? void 0 : fieldDefinition.required), fieldDefinition === null || fieldDefinition === void 0 ? void 0 : fieldDefinition.pattern), valid = _a.valid, message = _a.message;
+                setErrorText(message);
+                return valid;
+            }
+            case 'email':
+                return (0, validation_1.emailValid)(val);
+            case 'tel':
+                return (0, validation_1.numberOnlyValid)(val);
+            case 'url':
+                return (0, validation_1.urlValid)(val);
+            case 'password':
+                return (0, validation_1.passwordValid)(val);
+            case 'geo-fencing':
+                return (0, validation_1.notNullValid)(val);
+            default:
+                return (0, validation_1.notNullValid)(val);
+        }
+    };
+    (0, react_2.useEffect)(function () {
+        if (type === 'number' && Number(value) !== Number(numberValue))
+            setNumberValue(Number(value));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [type, value]);
+    var handleParamValueChange = function () {
+        var newValue = Number(numberValue);
+        setNumberValue(newValue);
+        if (type === 'number' && Number(value) !== newValue) {
+            onChange(newValue, checkValidationValue(fieldDefinition, newValue));
+        }
+    };
+    switch (type) {
+        case 'logic-expression': {
+            return ((0, jsx_runtime_1.jsx)(LogicExpression_1.default, __assign({ cf: function (newValue, valid) {
+                    onChange(newValue, valid);
+                }, defaultValue: value, oStructure: fieldDefinition.oStructure, cStructure: fieldDefinition.cStructure, functionList: fieldDefinition.functionList }, other)));
+        }
+        case 'async-autocomplete': {
+            return ((0, jsx_runtime_1.jsx)(AsyncAutocomplete_1.default, { fetchData: fieldDefinition.fetchData, multiple: fieldDefinition.multiple, getOptionLabel: fieldDefinition.getOptionLabel, getOptionValue: fieldDefinition.getOptionValue, value: value, onChange: function (value) {
+                    return onChange(value, checkValidationValue(fieldDefinition, value));
+                }, readOnly: fieldDefinition.readOnly, TextFieldProps: __assign(__assign({ variant: 'standard' }, other), { error: error, helperText: !disableHelperText && error
+                        ? (_a = fieldDefinition.helperText) !== null && _a !== void 0 ? _a : t('Common.InvalidData')
+                        : '' }) }));
+        }
+        case 'autocomplete': {
+            var autocompleteValue_1 = (_b = fieldDefinition.value) !== null && _b !== void 0 ? _b : value;
+            return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, { multiple: fieldDefinition.multiple, options: fieldDefinition.options, getOptionLabel: function (option) { var _a, _b; return (_b = (_a = option.label) !== null && _a !== void 0 ? _a : option.text) !== null && _b !== void 0 ? _b : ''; }, isOptionEqualToValue: function (option, value) {
+                    return (option === null || option === void 0 ? void 0 : option.value) === (value === null || value === void 0 ? void 0 : value.value);
+                }, getOptionKey: function (option) { return option.value; }, disableclearable: fieldDefinition.disableClearable, getOptionDisabled: function (option) { return option === null || option === void 0 ? void 0 : option.disabled; }, onChange: function (e, value) {
+                    var newValue = fieldDefinition.multiple
+                        ? value.map(function (x) { return x === null || x === void 0 ? void 0 : x.value; })
+                        : value === null || value === void 0 ? void 0 : value.value;
+                    onChange(newValue, checkValidationValue(fieldDefinition, newValue));
+                }, value: fieldDefinition.multiple
+                    ? fieldDefinition.options.filter(function (x) {
+                        return (autocompleteValue_1 !== null && autocompleteValue_1 !== void 0 ? autocompleteValue_1 : []).includes(x.value);
+                    })
+                    : (_c = fieldDefinition.options.find(function (x) {
+                        return x.value === autocompleteValue_1;
+                    })) !== null && _c !== void 0 ? _c : '', clearOnEscape: true, fullWidth: true, disableCloseOnSelect: fieldDefinition.multiple, readOnly: fieldDefinition.readOnly, renderInput: function (params) {
+                    var _a;
+                    return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, other, { variant: "standard", error: error, helperText: !disableHelperText && error
+                            ? (_a = fieldDefinition.helperText) !== null && _a !== void 0 ? _a : t('Common.InvalidData')
+                            : '' })));
+                }, renderOption: fieldDefinition.multiple
+                    ? function (props, option, _a) {
+                        var _b;
+                        var selected = _a.selected;
+                        return ((0, react_1.createElement)("li", __assign({}, props, { key: option.value }),
+                            (0, jsx_runtime_1.jsx)(material_1.Checkbox, { icon: (0, jsx_runtime_1.jsx)(CheckBoxOutlineBlank_1.default, { fontSize: "small" }), checkedIcon: (0, jsx_runtime_1.jsx)(CheckBox_1.default, { fontSize: "small" }), style: { marginRight: 8 }, checked: selected }), (_b = option.label) !== null && _b !== void 0 ? _b : option.text));
+                    }
+                    : undefined }));
+        }
+        case 'checkbox': {
+            return ((0, jsx_runtime_1.jsx)(material_1.FormControl, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { disabled: (_d = fieldDefinition.disabled) !== null && _d !== void 0 ? _d : false, id: fieldName.toString(), name: fieldName.toString(), checked: value, onChange: function (event) {
+                            return onChange(event.target.checked, checkValidationValue(fieldDefinition, event.target.checked));
+                        }, color: "primary", readOnly: fieldDefinition.readOnly }), label: fieldDefinition.label }) }));
+        }
+        case 'month': {
+            return ((0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, { views: ['month', 'year'], label: fieldDefinition.label, value: (0, moment_1.default)(value, 'MM-YYYY'), disabled: fieldDefinition.disabled, onChange: function (date) {
+                    return onChange(date === null || date === void 0 ? void 0 : date.toDate(), checkValidationValue(fieldDefinition, date === null || date === void 0 ? void 0 : date.toDate()));
+                }, readOnly: fieldDefinition.readOnly, slotProps: {
+                    textField: __assign(__assign({ required: fieldDefinition.required, fullWidth: true, variant: 'standard' }, other), { error: error, helperText: !disableHelperText && error
+                            ? (_e = fieldDefinition.helperText) !== null && _e !== void 0 ? _e : t('Common.InvalidData')
+                            : '' }),
+                } }));
+        }
+        case 'date': {
+            return ((0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, { label: fieldDefinition.label, value: value ? (0, moment_1.default)(value) : null, onChange: function (date) {
+                    return onChange(date === null || date === void 0 ? void 0 : date.toDate(), checkValidationValue(fieldDefinition, date === null || date === void 0 ? void 0 : date.toDate()));
+                }, slotProps: {
+                    textField: __assign(__assign({ required: fieldDefinition.required, fullWidth: true, variant: 'standard' }, other), { error: error, helperText: !disableHelperText && error
+                            ? (_f = fieldDefinition.helperText) !== null && _f !== void 0 ? _f : t('Common.InvalidData')
+                            : '' }),
+                }, readOnly: fieldDefinition.readOnly }));
+        }
+        case 'date-range': {
+            var _r = other, isDayBlocked = _r.isDayBlocked, isOutsideRange = _r.isOutsideRange;
+            return ((0, jsx_runtime_1.jsx)(AWING_1.DateRangePicker, { noBorder: true, variant: "standard", textFieldProps: __assign({ fullWidth: true, style: { margin: '8px 0px' } }, omit(other, ['isDayBlocked', 'isOutsideRange'])), value: {
+                    startDate: (value === null || value === void 0 ? void 0 : value[0]) || null,
+                    endDate: (value === null || value === void 0 ? void 0 : value[1]) || null,
+                }, callback: function (dateRange) {
+                    var newValue = [dateRange.startDate, dateRange.endDate];
+                    onChange(newValue, checkValidationValue(fieldDefinition, newValue));
+                }, label: fieldDefinition.label, error: error, helperText: !disableHelperText && error
+                    ? (_g = fieldDefinition.helperText) !== null && _g !== void 0 ? _g : t('Common.InvalidData')
+                    : '', disableHelperText: disableHelperText, isDayBlocked: isDayBlocked, isOutsideRange: isOutsideRange }));
+        }
+        case 'number': {
+            return ((0, jsx_runtime_1.jsx)(AWING_1.NumberFormat, __assign({ id: fieldName.toString(), name: fieldName.toString(), fullWidth: true, variant: "standard" }, other, { value: numberValue !== null && numberValue !== void 0 ? numberValue : '', onChange: function (event) {
+                    var newValue = event.target.value;
+                    setNumberValue(newValue);
+                    onChange(Number(newValue), checkValidationValue(fieldDefinition, Number(newValue)));
+                }, onBlur: handleParamValueChange, error: error, helperText: !disableHelperText && error
+                    ? (_h = fieldDefinition.helperText) !== null && _h !== void 0 ? _h : t('Common.InvalidData')
+                    : '' })));
+        }
+        case 'radio': {
+            return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, { component: "fieldset", children: [(0, jsx_runtime_1.jsx)(material_1.FormLabel, { component: "legend", required: fieldDefinition.required, children: fieldDefinition.label }), (0, jsx_runtime_1.jsx)(material_1.RadioGroup, { "aria-label": fieldName.toString(), name: fieldName.toString(), value: value, onChange: function (event) {
+                            var newValue = event.target.value;
+                            onChange(event.target.value, checkValidationValue(fieldDefinition, newValue));
+                        }, children: fieldDefinition.options.map(function (item, index) {
+                            var _a;
+                            return ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { value: item.value, control: (0, jsx_runtime_1.jsx)(material_1.Radio, {}), label: (_a = item.label) !== null && _a !== void 0 ? _a : item.text, disabled: item.disabled }, "".concat(fieldName.toString(), "-opt-").concat(index)));
+                        }) })] }));
+        }
+        case 'text':
+        case 'text-area': {
+            return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({ id: fieldName.toString(), name: fieldName.toString(), type: 'text', fullWidth: true, variant: "standard", multiline: fieldDefinition.type === 'text-area', error: error, helperText: !disableHelperText && error
+                    ? (_j = fieldDefinition.helperText) !== null && _j !== void 0 ? _j : errorText
+                    : '' }, other, { value: value !== null && value !== void 0 ? value : '', onChange: function (event) {
+                    return onChange(event.target.value, checkValidationValue(fieldDefinition, event.target.value));
+                } })));
+        }
+        case 'select': {
+            return ((0, jsx_runtime_1.jsxs)(material_1.TextField, __assign({ id: fieldName.toString(), name: fieldName.toString(), fullWidth: true, select: true, variant: "standard", value: value !== null && value !== void 0 ? value : '', onChange: function (event) {
+                    var newValue = fieldDefinition.multiple
+                        ? event.target.value.split(',')
+                        : event.target.value;
+                    onChange(event.target.value, checkValidationValue(fieldDefinition, newValue));
+                }, error: error, helperText: !disableHelperText && error
+                    ? (_k = fieldDefinition.helperText) !== null && _k !== void 0 ? _k : t('Common.InvalidData')
+                    : '' }, other, { children: [!fieldDefinition.required && ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "", children: (0, jsx_runtime_1.jsx)("em", { children: t('Common.None') }) })), fieldDefinition.options.map(function (item, index) {
+                        var _a;
+                        return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: item.value, disabled: item.disabled ||
+                                (fieldDefinition.onDisabledSelectItem &&
+                                    fieldDefinition.onDisabledSelectItem(item.value, fieldDefinition.row)) }, (item.level && {
+                            sx: { pl: (item.level || 0) * 2 },
+                        }), { children: (_a = item.label) !== null && _a !== void 0 ? _a : item.text }), "".concat(fieldName.toString(), "-opt-").concat(index)));
+                    })] })));
+        }
+        case 'multiple-hierarchical': {
+            return ((0, jsx_runtime_1.jsx)(AWING_1.MultipleHierarchicalChoice, __assign({}, fieldDefinition, { variant: "standard", value: value, onChange: function (value) {
+                    onChange(value, checkValidationValue(fieldDefinition, value));
+                }, error: error, helperText: !disableHelperText && error
+                    ? (_l = fieldDefinition.helperText) !== null && _l !== void 0 ? _l : t('Common.InvalidData')
+                    : '' })));
+        }
+        case 'geo-fencing': {
+            var configs = fieldDefinition.configs, label = fieldDefinition.label, initValue = fieldDefinition.initValue, value_1 = fieldDefinition.value, limit = fieldDefinition.limit, isOnlyMap = fieldDefinition.isOnlyMap;
+            return ((0, jsx_runtime_1.jsx)("div", { style: { marginTop: '16px' }, children: (0, jsx_runtime_1.jsx)(GeoFencing_1.default, { configs: configs, label: label, initValue: initValue, value: value_1, limit: limit, isOnlyMap: isOnlyMap, onChange: function (newValue) {
+                        return onChange(newValue, checkValidationValue(fieldDefinition, newValue));
+                    } }) }));
+        }
+        default: {
+            return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({ id: fieldName.toString(), name: fieldName.toString(), type: showPassword ? 'text' : fieldDefinition.type, fullWidth: true, variant: "standard" }, other, { value: value !== null && value !== void 0 ? value : '', onChange: function (event) {
+                    return onChange(event.target.value, checkValidationValue(fieldDefinition, event.target.value));
+                }, autoComplete: "new-password", InputProps: fieldDefinition.type === 'password'
+                    ? {
+                        endAdornment: ((0, jsx_runtime_1.jsxs)(material_1.InputAdornment, { position: "end", children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { "aria-label": "toggle password visibility", onClick: handleClickShowPassword, edge: "end", disabled: fieldDefinition.disabled, children: showPassword ? ((0, jsx_runtime_1.jsx)(icons_material_1.VisibilityOff, {})) : ((0, jsx_runtime_1.jsx)(icons_material_1.Visibility, {})) }), (0, jsx_runtime_1.jsx)(material_1.Button, { size: "small", variant: "outlined", onClick: function () {
+                                        var password = fieldDefinition.onGeneratePassword();
+                                        onChange(password, checkValidationValue(fieldDefinition, password));
+                                        if (!showPassword)
+                                            setShowPassword(true);
+                                    }, disabled: !fieldDefinition.onGeneratePassword ||
+                                        fieldDefinition.disabled, sx: {
+                                        height: '24px',
+                                        fontSize: 14,
+                                        lineHeight: 1.5,
+                                        marginRight: '0px',
+                                        marginLeft: '8px',
+                                        marginBottom: '2px',
+                                        color: '#0000008a',
+                                        borderColor: '#0000008a',
+                                        '&:hover': {
+                                            boxShadow: 'none',
+                                            borderColor: '#0000008a',
+                                            backgroundColor: 'unset',
+                                        },
+                                        '&:active': {
+                                            boxShadow: 'none',
+                                            borderColor: '#0000008a',
+                                            backgroundColor: 'unset',
+                                        },
+                                        '&:focus': {
+                                            boxShadow: 'none',
+                                            borderColor: '#0000008a',
+                                            backgroundColor: 'unset',
+                                        },
+                                    }, children: t('Campaign.Password.AutoGenerate') })] })),
+                    }
+                    : undefined, error: error, helperText: !disableHelperText && error
+                    ? (_m = fieldDefinition.helperText) !== null && _m !== void 0 ? _m : t('Common.InvalidData')
+                    : '' })));
+        }
+    }
+}
+exports.default = DataInput;

package/lib/AWING/DataForm/DataInput.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/AWING/DataForm/DataInput.test.js

@@ -0,0 +1,159 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var DataInput_1 = __importDefault(require("./DataInput"));
+var react_1 = require("@testing-library/react");
+var AdapterMoment_1 = require("@mui/x-date-pickers/AdapterMoment");
+var LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
+describe("DataInput", function () {
+    var mockOnChange = jest.fn();
+    afterEach(function () {
+        jest.clearAllMocks();
+        (0, react_1.cleanup)();
+    });
+    it("should render text field", function () {
+        var mockFieldDefinition = {
+            fieldName: "test",
+            type: "text",
+        };
+        var getByRole = (0, react_1.render)((0, jsx_runtime_1.jsx)(DataInput_1.default, { fieldDefinition: mockFieldDefinition, value: "test", onChange: mockOnChange })).getByRole;
+        var textbox = getByRole("textbox");
+        react_1.fireEvent.change(textbox, { target: { value: "new value" } });
+        expect(mockOnChange.mock.calls[0][0]).toEqual("new value");
+    });
+    it("should render async autocomplete", function () {
+        var mockFetchData = function (value) {
+            return new Promise(function (resolve) {
+                return resolve([
+                    { value: "option1", label: "Option 1" },
+                    { value: "option2", label: "Option 2" },
+                ]);
+            });
+        };
+        var mockGetOPtionValue = function (val) { return val.value; };
+        var mockGetOptionLabel = function (val) { return val.label; };
+        var mockFieldDefinition = {
+            fieldName: "test",
+            type: "async-autocomplete",
+            fetchData: mockFetchData,
+            getOptionValue: mockGetOPtionValue,
+            getOptionLabel: mockGetOptionLabel,
+        };
+        var getAllByRole = (0, react_1.render)((0, jsx_runtime_1.jsx)(DataInput_1.default, { fieldDefinition: mockFieldDefinition, value: "option1", onChange: mockOnChange })).getAllByRole;
+        var textbox = getAllByRole("combobox");
+        expect(textbox.length).toEqual(1);
+    });
+    it("should render autocomplete", function () {
+        var mockOptions = [
+            [
+                { value: "option1", label: "Option 1" },
+                { value: "option2", label: "Option 2" },
+            ],
+        ];
+        var mockFieldDefinition = {
+            fieldName: "test",
+            type: "autocomplete",
+            options: mockOptions,
+        };
+        var getAllByRole = (0, react_1.render)((0, jsx_runtime_1.jsx)(DataInput_1.default, { fieldDefinition: mockFieldDefinition, value: "option1", onChange: mockOnChange })).getAllByRole;
+        var textbox = getAllByRole("combobox");
+        expect(textbox.length).toEqual(1);
+    });
+    it("should render checkbox", function () {
+        var mockFieldDefinition = {
+            fieldName: "test",
+            type: "checkbox",
+        };
+        var getByRole = (0, react_1.render)((0, jsx_runtime_1.jsx)(DataInput_1.default, { fieldDefinition: mockFieldDefinition, value: true, onChange: mockOnChange })).getByRole;
+        var checkbox = getByRole("checkbox");
+        expect(checkbox.checked).toEqual(true);
+    });
+    it("should render month picker", function () {
+        var mockFieldDefinition = {
+            fieldName: "test",
+            type: "month",
+            required: true,
+        };
+        var getAllByRole = (0, react_1.render)((0, jsx_runtime_1.jsx)(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterMoment_1.AdapterMoment, children: (0, jsx_runtime_1.jsx)(DataInput_1.default, { fieldDefinition: mockFieldDefinition, value: "2022-01-01", onChange: mockOnChange }) })).getAllByRole;
+        var monthInput = getAllByRole("textbox");
+        expect(monthInput.length).toEqual(1);
+        var monthButton = getAllByRole("button", {
+            name: "Choose date",
+        });
+        expect(monthButton.length).toEqual(1);
+    });
+    it("should render date picker", function () {
+        var mockFieldDefinition = {
+            fieldName: "test",
+            type: "date",
+            required: true,
+        };
+        var getAllByRole = (0, react_1.render)((0, jsx_runtime_1.jsx)(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterMoment_1.AdapterMoment, children: (0, jsx_runtime_1.jsx)(DataInput_1.default, { fieldDefinition: mockFieldDefinition, value: "2022-01-01", onChange: mockOnChange }) })).getAllByRole;
+        var dateInput = getAllByRole("textbox");
+        expect(dateInput.length).toEqual(1);
+        var dateButton = getAllByRole("button");
+        expect(dateButton.length).toEqual(1);
+    });
+    it("should render date-range picker", function () {
+        var mockFieldDefinition = {
+            fieldName: "test",
+            type: "date-range",
+            required: true,
+        };
+        var getAllByRole = (0, react_1.render)((0, jsx_runtime_1.jsx)(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterMoment_1.AdapterMoment, children: (0, jsx_runtime_1.jsx)(DataInput_1.default, { fieldDefinition: mockFieldDefinition, value: "2022-01-01", onChange: mockOnChange }) })).getAllByRole;
+        var dateInput = getAllByRole("textbox");
+        expect(dateInput.length).toEqual(1);
+        var dateButton = getAllByRole("button");
+        expect(dateButton.length).toEqual(1);
+    });
+    it("should render number field", function () {
+        var mockFieldDefinition = {
+            fieldName: "test",
+            type: "number",
+            required: true,
+        };
+        var getByRole = (0, react_1.render)((0, jsx_runtime_1.jsx)(DataInput_1.default, { fieldDefinition: mockFieldDefinition, value: 1, onChange: mockOnChange })).getByRole;
+        var numberInput = getByRole("textbox");
+        react_1.fireEvent.change(numberInput, { target: { value: 2 } });
+        expect(mockOnChange.mock.calls[0][0]).toEqual(2);
+    });
+    it("should render radio group", function () {
+        var mockFieldDefinition = {
+            fieldName: "test",
+            type: "radio",
+            options: [
+                { value: "option1", label: "Option 1" },
+                { value: "option2", label: "Option 2" },
+            ],
+        };
+        var getAllByRole = (0, react_1.render)((0, jsx_runtime_1.jsx)(DataInput_1.default, { fieldDefinition: mockFieldDefinition, value: "option1", onChange: mockOnChange })).getAllByRole;
+        var radioGroup = getAllByRole("radio");
+        expect(radioGroup.length).toEqual(2);
+    });
+    it("should render select", function () {
+        var mockFieldDefinition = {
+            fieldName: "test",
+            type: "select",
+            options: [
+                { value: "option1", label: "Option 1" },
+                { value: "option2", label: "Option 2" },
+            ],
+        };
+        var getAllByRole = (0, react_1.render)((0, jsx_runtime_1.jsx)(DataInput_1.default, { fieldDefinition: mockFieldDefinition, value: "option1", onChange: mockOnChange })).getAllByRole;
+        var select = getAllByRole("button", { name: "Option 1" });
+        expect(select.length).toEqual(1);
+    });
+    it("should render text field in case default", function () {
+        var mockFieldDefinition = {
+            fieldName: "test",
+            type: "default",
+        };
+        var getByRole = (0, react_1.render)((0, jsx_runtime_1.jsx)(DataInput_1.default, { fieldDefinition: mockFieldDefinition, value: "test", onChange: mockOnChange })).getByRole;
+        var textbox = getByRole("textbox");
+        react_1.fireEvent.change(textbox, { target: { value: "new value" } });
+        expect(mockOnChange.mock.calls[0][0]).toEqual("new value");
+    });
+});

package/lib/AWING/DataForm/container.d.ts

@@ -0,0 +1,3 @@
+import { DataFormProps } from "./interface";
+import { DataObject } from "../../AWING";
+export default function DataForm<T extends DataObject>(props: DataFormProps<T>): import("react/jsx-runtime").JSX.Element;