awing-library 2.1.140-beta → 2.1.140

package/lib/AWING/BasicDataForm/BasicDataForm.js

@@ -65,6 +65,7 @@ var BasicDataForm = function (props) {
     var _b = react_1.default.useState(function () {
         return getCurrentObj({ oldValue: oldValue, fields: fields });
     }), currentObj = _b[0], setCurrentObj = _b[1];
+    var renderCount = react_1.default.useRef(0);
     var _c = react_1.default.useState({}), currentValid = _c[0], setCurrentValid = _c[1];
     var errorText = react_1.default.useRef({
         default: t('Common.InvalidData'),
@@ -100,7 +101,7 @@ var BasicDataForm = function (props) {
                 : (0, exports.DefaultCheckValid)(fieldType, value);
     };
     react_1.default.useEffect(function () {
-        if (oldValue) {
+        if (oldValue && renderCount.current !== 0) {
             setCurrentObj(getCurrentObj({ oldValue: oldValue, fields: fields }));
             var valid = {};
             for (var i = 0; i < fields.length; i++) {
@@ -109,6 +110,7 @@ var BasicDataForm = function (props) {
             }
             setCurrentValid(valid);
         }
+        renderCount.current += 1;
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     var handleChange = function (fieldName, fieldValue) {
@@ -159,7 +161,7 @@ var BasicDataForm = function (props) {
                                 width: '100%',
                             }, children: actions }))] })), (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, spacing: 2, children: fields.map(function (fieldDef, index) {
                         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
-                        var fieldName = fieldDef.fieldName, _t = fieldDef.type, type = _t === void 0 ? 'text' : _t, checkValid = fieldDef.checkValid, options = fieldDef.options, loading = fieldDef.loading, customeFieldChange = fieldDef.customeFieldChange, AsynchronousAutocompleteProps = fieldDef.AsynchronousAutocompleteProps, SearchProps = fieldDef.SearchProps, defaultValue = fieldDef.defaultValue, value = fieldDef.value, other = __rest(fieldDef, ["fieldName", "type", "checkValid", "options", "loading", "customeFieldChange", "AsynchronousAutocompleteProps", "SearchProps", "defaultValue", "value"]);
+                        var fieldName = fieldDef.fieldName, _t = fieldDef.type, type = _t === void 0 ? 'text' : _t, checkValid = fieldDef.checkValid, options = fieldDef.options, loading = fieldDef.loading, customeFieldChange = fieldDef.customeFieldChange, AsynchronousAutocompleteProps = fieldDef.AsynchronousAutocompleteProps, AutocompleteBasicProps = fieldDef.AutocompleteBasicProps, SearchProps = fieldDef.SearchProps, defaultValue = fieldDef.defaultValue, value = fieldDef.value, other = __rest(fieldDef, ["fieldName", "type", "checkValid", "options", "loading", "customeFieldChange", "AsynchronousAutocompleteProps", "AutocompleteBasicProps", "SearchProps", "defaultValue", "value"]);
                         var fieldValue = value !== null && value !== void 0 ? value : currentObj[fieldName];
                         var showError = currentValid[fieldName] !== undefined &&
                             !currentValid[fieldName];
@@ -189,7 +191,7 @@ var BasicDataForm = function (props) {
                                                             .endAdornment] })) }), error: showError, helperText: showError
                                                 ? (_a = fieldDef.helperText) !== null && _a !== void 0 ? _a : t('Common.InvalidData')
                                                 : '' })));
-                                    } }, index));
+                                    }, disableClearable: AutocompleteBasicProps === null || AutocompleteBasicProps === void 0 ? void 0 : AutocompleteBasicProps.disableClearable }, index));
                                 break;
                             case 'checkbox':
                                 currentField = ((0, jsx_runtime_1.jsx)(material_1.FormControl, { fullWidth: true, required: fieldDef.required, children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { id: fieldName, name: fieldName, checked: fieldValue, onChange: function (event) {
@@ -217,7 +219,7 @@ var BasicDataForm = function (props) {
                                     } }, fieldDef.DateProps), fieldName));
                                 break;
                             case 'date-range':
-                                currentField = ((0, jsx_runtime_1.jsx)(DateRangePicker_1.default, __assign({ variant: "outlined", textFieldProps: {
+                                currentField = ((0, jsx_runtime_1.jsx)(DateRangePicker_1.default, __assign({ required: fieldDef === null || fieldDef === void 0 ? void 0 : fieldDef.required, variant: "outlined", textFieldProps: {
                                         fullWidth: true,
                                     }, value: {
                                         startDate: (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue[0]) || null,
@@ -369,8 +371,9 @@ var BasicDataForm = function (props) {
                             case 'geo-fencing': {
                                 var geoProps = (fieldDef === null || fieldDef === void 0 ? void 0 : fieldDef.GeoFencingProps) || {};
                                 currentField = ((0, jsx_runtime_1.jsx)("div", { style: { margin: '16px 0px' }, children: (0, jsx_runtime_1.jsx)(GeoFencing_1.default, __assign({ configs: {
-                                            GOONG_API_KEY: '',
-                                            GOONG_MAP_KEY: '',
+                                            // GOONG_API_KEY: '',
+                                            // GOONG_MAP_KEY: '',
+                                            GOOGLE_MAP_KEY: '',
                                         }, label: '' }, geoProps, { onChange: function (value) {
                                             return handleChange(fieldName, value ? value : null);
                                         } }), index) }, index));

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

@@ -37,6 +37,9 @@ export interface BasicFieldDefinition extends BaseTextFieldProps {
      */
     customeFieldChange?(fieldValue: any): DataObject;
     AsynchronousAutocompleteProps?: AsynchronousAutocompleteProps;
+    AutocompleteBasicProps?: {
+        disableClearable?: boolean;
+    };
     SearchProps?: {
         searchResult?: any;
         error: boolean;

package/lib/AWING/Chart/BarLineComponent.js

@@ -16,7 +16,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var styles_1 = require("@mui/styles");
 var Helpers_1 = require("../../Utils/Helpers");
 require("chartjs-adapter-moment");
 var moment_1 = __importDefault(require("moment"));
@@ -24,23 +23,7 @@ var react_i18next_1 = require("react-i18next");
 var i18n_1 = __importDefault(require("../../i18n"));
 var Enums_1 = require("./Enums");
 var Styles_1 = require("./Styles");
-var useStyles = (0, styles_1.makeStyles)({
-    point: {
-        position: "relative",
-        '&::after': {
-            content: '""',
-            position: 'absolute',
-            top: '50%',
-            left: '-5px', /* Adjust as needed */
-            right: '-5px', /* Adjust as needed */
-            height: '2px', /* Thickness of the line */
-            backgroundColor: 'inherit',
-            transform: 'translateY(-50%)'
-        }
-    },
-});
 var BarLineComponent = function (props) {
-    var classes = useStyles();
     var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
     var optionsDefault = props.optionsDefault;
     var chart = props.chart, _a = props.width, width = _a === void 0 ? 'auto' : _a, _b = props.height, height = _b === void 0 ? 350 : _b, _c = props.timeline, timeline = _c === void 0 ? Enums_1.TYPE_TIMELINE.DAY : _c, _d = props.optionCustom, optionCustom = _d === void 0 ? {} : _d, dataChart = props.dataChart, type = props.type, _e = props.options, options = _e === void 0 ? {
@@ -87,7 +70,7 @@ var BarLineComponent = function (props) {
                 titleColor: '#212121',
                 bodyFont: {
                     size: 14,
-                    family: "'AW-Roboto', sans-serif",
+                    family: "'Roboto', sans-serif",
                     lineHeight: 1.5,
                 },
             },
@@ -106,7 +89,7 @@ var BarLineComponent = function (props) {
                     boxPadding: 50,
                     font: {
                         size: 15,
-                        family: "'AW-Roboto', sans-serif",
+                        family: "'Roboto', sans-serif",
                         lineHeight: 1.5,
                     },
                 },
@@ -141,7 +124,7 @@ var BarLineComponent = function (props) {
                     title: {
                         font: {
                             size: 14,
-                            family: "'AW-Roboto', sans-serif",
+                            family: "'Roboto', sans-serif",
                         },
                     },
                 },
@@ -164,7 +147,7 @@ var BarLineComponent = function (props) {
                     font: {
                         size: 14,
                         weight: 'bold',
-                        family: "'AW-Roboto', sans-serif",
+                        family: "'Roboto', sans-serif",
                     },
                 },
             },
@@ -183,7 +166,7 @@ var BarLineComponent = function (props) {
                     font: {
                         size: 14,
                         weight: 'bold',
-                        family: "'AW-Roboto', sans-serif",
+                        family: "'Roboto', sans-serif",
                     },
                 },
             },
@@ -255,9 +238,8 @@ var BarLineComponent = function (props) {
                 boxSpan.style.height = '15px';
                 boxSpan.style.marginRight = '15px';
                 boxSpan.style.width = '15px';
-                console.log('item', item);
-                if ((item === null || item === void 0 ? void 0 : item.lineWidth) && (item === null || item === void 0 ? void 0 : item.pointStyle)) {
-                    boxSpan.setAttribute("class", classes.point);
+                if (item === null || item === void 0 ? void 0 : item.lineWidth) {
+                    boxSpan.setAttribute("class", 'point');
                 }
                 if ((item === null || item === void 0 ? void 0 : item.pointStyle) === 'circle') {
                     boxSpan.style.borderRadius = '20px';
@@ -283,6 +265,19 @@ var BarLineComponent = function (props) {
             height: height,
             position: 'relative',
             marginBottom: '80px',
+            '.point': {
+                position: "relative",
+                '&::after': {
+                    content: '""',
+                    position: 'absolute',
+                    top: '50%',
+                    left: '-5px', /* Adjust as needed */
+                    right: '-5px', /* Adjust as needed */
+                    height: '2px', /* Thickness of the line */
+                    backgroundColor: 'inherit',
+                    transform: 'translateY(-50%)'
+                }
+            },
         }, children: [(0, jsx_runtime_1.jsx)(Chart, { data: chartData, type: type, options: (0, Helpers_1.updateObjectFields)(options, optionCustom), plugins: [htmlLegendPlugin] }), (0, jsx_runtime_1.jsx)(material_1.Box, { id: "legend-container", sx: {
                     marginTop: '35px',
                     display: 'flex',

package/lib/AWING/Chart/PieComponent.d.ts

@@ -1,11 +1,10 @@
-import { ChartData, ChartOptions, ChartType } from 'chart.js';
+import { ChartOptions, ChartType } from 'chart.js';
 import { ChartProps, TypedChartComponent } from 'react-chartjs-2/dist/types';
 export interface IPieComponent extends ChartProps {
-    dataConvert?: ChartData<ChartType>;
     widthChart?: number;
     heightChart?: number;
     optionCustom?: ChartOptions<ChartType>;
-    chart: TypedChartComponent<"pie">;
+    chart: TypedChartComponent<'pie'>;
 }
-declare const PieComponent: ({ chart, data, dataConvert, widthChart, heightChart, optionCustom, options, }: IPieComponent) => import("react/jsx-runtime").JSX.Element;
+declare const PieComponent: ({ chart, data, widthChart, heightChart, optionCustom, options, }: IPieComponent) => import("react/jsx-runtime").JSX.Element;
 export default PieComponent;

package/lib/AWING/Chart/PieComponent.js

@@ -11,17 +11,7 @@ var chartColorDefaults = [
     '#4a536b',
 ];
 var PieComponent = function (_a) {
-    var chart = _a.chart, data = _a.data, _b = _a.dataConvert, dataConvert = _b === void 0 ? {
-        labels: [],
-        datasets: [
-            {
-                data: [],
-                backgroundColor: chartColorDefaults,
-                borderColor: 'white',
-                borderWidth: 2,
-            },
-        ],
-    } : _b, _c = _a.widthChart, widthChart = _c === void 0 ? 300 : _c, _d = _a.heightChart, heightChart = _d === void 0 ? 300 : _d, _e = _a.optionCustom, optionCustom = _e === void 0 ? {} : _e, _f = _a.options, options = _f === void 0 ? {
+    var chart = _a.chart, data = _a.data, _b = _a.widthChart, widthChart = _b === void 0 ? 300 : _b, _c = _a.heightChart, heightChart = _c === void 0 ? 300 : _c, _d = _a.optionCustom, optionCustom = _d === void 0 ? {} : _d, _e = _a.options, options = _e === void 0 ? {
         responsive: true,
         elements: {
             arc: {
@@ -38,7 +28,7 @@ var PieComponent = function (_a) {
                     pointStyle: 'circle',
                     font: {
                         size: 14,
-                        family: "'AW-Roboto', sans-serif",
+                        family: "'Roboto', sans-serif",
                         lineHeight: 1.5,
                     },
                 },
@@ -54,12 +44,11 @@ var PieComponent = function (_a) {
                 bodySpacing: 8,
                 bodyFont: {
                     size: 14,
-                    family: "'AW-Roboto', sans-serif",
+                    family: "'Roboto', sans-serif",
                     lineHeight: 1.5,
                 },
                 callbacks: {
                     label: function (tooltipItem) {
-                        console.log('tooltipItem', tooltipItem);
                         return (' ' +
                             (tooltipItem === null || tooltipItem === void 0 ? void 0 : tooltipItem.label) +
                             ': ' +
@@ -71,8 +60,19 @@ var PieComponent = function (_a) {
                 },
             },
         },
-    } : _f;
+    } : _e;
     var Pie = chart;
-    return ((0, jsx_runtime_1.jsx)(Pie, { data: (0, Helpers_1.updateObjectFields)(data, dataConvert), width: widthChart, height: heightChart, options: (0, Helpers_1.updateObjectFields)(options, optionCustom) }));
+    var dataConvert = {
+        labels: [],
+        datasets: [
+            {
+                data: [],
+                backgroundColor: chartColorDefaults.slice(0, data.datasets[0].data.length),
+                borderColor: 'white',
+                borderWidth: 2,
+            },
+        ],
+    };
+    return ((0, jsx_runtime_1.jsx)(Pie, { data: (0, Helpers_1.updateObjectFields)(dataConvert, data), width: widthChart, height: heightChart, options: (0, Helpers_1.updateObjectFields)(options, optionCustom) }));
 };
 exports.default = PieComponent;

package/lib/AWING/Chart/Styles.js

@@ -46,32 +46,67 @@ var styledLineFill = function (defaultStyle, variant) {
     }
 };
 exports.styledLineFill = styledLineFill;
+// Click: 004b95
+// Impression: d10717
+// Engagement: 0082ed
+// ER: 8bc1f7
+// CTR: 518be9
+// Các đường phụ 
+// ef9234, 5752d1, 38812f
 function getColorByVariant(variant) {
-    switch (variant) {
+    switch (String(variant).toLowerCase()) {
         case '0':
-            return '#0055b8';
+        case 'impression':
+        case 'view':
+            return '#d10717';
         case '1':
-            return '#dd040c';
+        case 'click':
+        case 'authenticationsuccess':
+            return '#004b95';
         case '2':
-            return 'green';
+        case 'engagement':
+        case 'authentication':
+            return '#0082ed';
         case '3':
-            return 'violet';
+        case 'spot':
+        case 'er':
+            return '#8bc1f7';
         case '4':
-            return 'black';
+        case 'ctr':
+        case 'ar':
+            return '#518be9';
         case '5':
-            return 'yellow';
+        case 'other':
+            return '#ef9234';
         case '6':
-            return 'indigo';
+        case 'other1':
+            return '#5752d1';
         case '7':
-            return 'orange';
-        case '8':
-            return 'cyan';
-        case '9':
-            return 'lime';
-        case undefined:
-            return '#80b0ff';
+        case 'other2':
+            return '#38812f';
+        // case '0':
+        //     return '#0055b8'
+        // case '1':
+        //     return '#dd040c'
+        // case '2':
+        //     return 'green'
+        // case '3':
+        //     return 'violet'
+        // case '4':
+        //     return 'black'
+        // case '5':
+        //     return 'yellow'
+        // case '6':
+        //     return 'indigo'
+        // case '7':
+        //     return 'orange'
+        // case '8':
+        //     return 'cyan'
+        // case '9':
+        // return 'lime'
         default:
-            return '#' + Math.floor(Math.random() * 16777216).toString(16);
+            return '#38812f';
+        // return '#' + Math.floor(Math.random() * 16777216).toString(16)
     }
 }
 var getStyle = function (defaultStyle, type, color) {

package/lib/AWING/DataForm/DataInput.js

@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     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)
@@ -28,7 +51,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
 var jsx_runtime_1 = require("react/jsx-runtime");
 // @ts-nocheck
-var react_2 = __importDefault(require("react"));
+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");
@@ -41,16 +64,25 @@ 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;
+    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 _k = react_2.default.useState(t('Common.InvalidData')), errorText = _k[0], setErrorText = _k[1];
+    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)))
+            (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);
@@ -94,6 +126,18 @@ function DataInput(props) {
                 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) {
@@ -108,6 +152,7 @@ function DataInput(props) {
                         : '' }) }));
         }
         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) {
@@ -117,9 +162,11 @@ function DataInput(props) {
                     onChange(newValue, checkValidationValue(fieldDefinition, newValue));
                 }, value: fieldDefinition.multiple
                     ? fieldDefinition.options.filter(function (x) {
-                        return (value !== null && value !== void 0 ? value : []).includes(x.value);
+                        return (autocompleteValue_1 !== null && autocompleteValue_1 !== void 0 ? autocompleteValue_1 : []).includes(x.value);
                     })
-                    : fieldDefinition.options.find(function (x) { return x.value === value; }) || null, clearOnEscape: true, fullWidth: true, disableCloseOnSelect: fieldDefinition.multiple, readOnly: fieldDefinition.readOnly, renderInput: function (params) {
+                    : (_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')
@@ -134,7 +181,7 @@ function DataInput(props) {
                     : 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, { id: fieldName.toString(), name: fieldName.toString(), checked: value, onChange: function (event) {
+            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 }) }));
         }
@@ -143,7 +190,7 @@ function DataInput(props) {
                     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
-                            ? (_b = fieldDefinition.helperText) !== null && _b !== void 0 ? _b : t('Common.InvalidData')
+                            ? (_e = fieldDefinition.helperText) !== null && _e !== void 0 ? _e : t('Common.InvalidData')
                             : '' }),
                 } }));
         }
@@ -152,12 +199,12 @@ function DataInput(props) {
                     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
-                            ? (_c = fieldDefinition.helperText) !== null && _c !== void 0 ? _c : t('Common.InvalidData')
+                            ? (_f = fieldDefinition.helperText) !== null && _f !== void 0 ? _f : t('Common.InvalidData')
                             : '' }),
                 }, readOnly: fieldDefinition.readOnly }));
         }
         case 'date-range': {
-            var _l = other, isDayBlocked = _l.isDayBlocked, isOutsideRange = _l.isOutsideRange;
+            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,
@@ -165,15 +212,16 @@ function DataInput(props) {
                     var newValue = [dateRange.startDate, dateRange.endDate];
                     onChange(newValue, checkValidationValue(fieldDefinition, newValue));
                 }, label: fieldDefinition.label, error: error, helperText: !disableHelperText && error
-                    ? (_d = fieldDefinition.helperText) !== null && _d !== void 0 ? _d : t('Common.InvalidData')
+                    ? (_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: value !== null && value !== void 0 ? value : '', onChange: function (event) {
-                    var newValue = Number(event.target.value);
-                    onChange(newValue, checkValidationValue(fieldDefinition, newValue));
-                }, error: error, helperText: !disableHelperText && error
-                    ? (_e = fieldDefinition.helperText) !== null && _e !== void 0 ? _e : t('Common.InvalidData')
+            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': {
@@ -188,7 +236,7 @@ function DataInput(props) {
         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
-                    ? (_f = fieldDefinition.helperText) !== null && _f !== void 0 ? _f : errorText
+                    ? (_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));
                 } })));
@@ -200,7 +248,7 @@ function DataInput(props) {
                         : event.target.value;
                     onChange(event.target.value, checkValidationValue(fieldDefinition, newValue));
                 }, error: error, helperText: !disableHelperText && error
-                    ? (_g = fieldDefinition.helperText) !== null && _g !== void 0 ? _g : t('Common.InvalidData')
+                    ? (_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 ||
@@ -214,7 +262,7 @@ function DataInput(props) {
             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
-                    ? (_h = fieldDefinition.helperText) !== null && _h !== void 0 ? _h : t('Common.InvalidData')
+                    ? (_l = fieldDefinition.helperText) !== null && _l !== void 0 ? _l : t('Common.InvalidData')
                     : '' })));
         }
         case 'geo-fencing': {
@@ -224,10 +272,44 @@ function DataInput(props) {
                     } }) }));
         }
         default: {
-            return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({ id: fieldName.toString(), name: fieldName.toString(), type: fieldDefinition.type, fullWidth: true, variant: "standard" }, other, { value: value !== null && value !== void 0 ? value : '', onChange: function (event) {
+            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));
-                }, error: error, helperText: !disableHelperText && error
-                    ? (_j = fieldDefinition.helperText) !== null && _j !== void 0 ? _j : t('Common.InvalidData')
+                }, 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')
                     : '' })));
         }
     }

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

@@ -68,6 +68,7 @@ export interface NumberFieldDefinition<T extends DataObject> extends BaseFieldDe
     onValidate?(value?: number): boolean;
     defaultValue?: number;
     autoFormula?: string;
+    isFloat?: boolean;
     min?: number;
     max?: number;
 }
@@ -97,6 +98,7 @@ export interface TextFieldDefinition<T extends DataObject> extends BaseFieldDefi
     onValidate?(value?: string, length?: number, pattern?: RegExp | false): boolean;
     defaultValue?: string;
     autoFormula?: string;
+    onGeneratePassword?: () => void;
 }
 export interface LogicExpressionDefinition<T extends DataObject> extends BaseFieldDefinition<T> {
     type: 'logic-expression';