awing-library 2.1.136-beta → 2.1.136

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

@@ -0,0 +1,21 @@
+import { DataObject } from "../../AWING/interface";
+export interface IGoogleMapProps {
+    defaultLocation?: {
+        lat: number;
+        lng: number;
+    };
+    onUpdateLocation?: (newValue: {
+        latitude: number;
+        longitude: number;
+    }) => void;
+    apiKey: string;
+    geofenceRadius?: number;
+    sxMap?: DataObject;
+    isDisplayAutoComplete?: boolean;
+    isTypeTracking?: boolean;
+    markerPositions?: {
+        longitude: number | null;
+        latitude: number | null;
+    }[];
+    zoomCustomed?: number;
+}

package/lib/AWING/GoogleMap/interface.js

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

package/lib/AWING/GoogleMap/utils.d.ts

@@ -0,0 +1,25 @@
+export declare const mapStyles: ({
+    elementType: string;
+    stylers: {
+        color: string;
+    }[];
+    featureType?: undefined;
+} | {
+    elementType: string;
+    stylers: {
+        visibility: string;
+    }[];
+    featureType?: undefined;
+} | {
+    featureType: string;
+    elementType: string;
+    stylers: {
+        color: string;
+    }[];
+} | {
+    featureType: string;
+    stylers: {
+        visibility: string;
+    }[];
+    elementType?: undefined;
+})[];

package/lib/AWING/GoogleMap/utils.js

@@ -0,0 +1,135 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mapStyles = void 0;
+exports.mapStyles = [
+    {
+        "elementType": "geometry",
+        "stylers": [
+            {
+                "color": "#dadce0"
+            }
+        ]
+    },
+    {
+        "elementType": "labels.icon",
+        "stylers": [
+            {
+                "visibility": "off"
+            }
+        ]
+    },
+    {
+        "elementType": "labels.text.fill",
+        "stylers": [
+            {
+                "color": "#212225"
+            }
+        ]
+    },
+    {
+        "elementType": "labels.text.stroke",
+        "stylers": [
+            {
+                "color": "#dadce0"
+            }
+        ]
+    },
+    {
+        "featureType": "administrative",
+        "elementType": "geometry",
+        "stylers": [
+            {
+                "color": "#f7f9fa"
+            }
+        ]
+    },
+    {
+        "featureType": "administrative.country",
+        "elementType": "labels.text.fill",
+        "stylers": [
+            {
+                "color": "#80868b"
+            }
+        ]
+    },
+    {
+        "featureType": "administrative.land_parcel",
+        "stylers": [
+            {
+                "visibility": "off"
+            }
+        ]
+    },
+    {
+        "featureType": "administrative.locality",
+        "elementType": "labels.text.fill",
+        "stylers": [
+            {
+                "color": "#898989"
+            }
+        ]
+    },
+    {
+        "featureType": "poi",
+        "elementType": "labels.text.fill",
+        "stylers": [
+            {
+                "color": "#212225"
+            }
+        ]
+    },
+    {
+        "featureType": "poi.park",
+        "elementType": "labels.text.fill",
+        "stylers": [
+            {
+                "color": "#616161"
+            }
+        ]
+    },
+    {
+        "featureType": "road",
+        "elementType": "geometry.fill",
+        "stylers": [
+            {
+                "color": "#c8c8c8"
+            }
+        ]
+    },
+    {
+        "featureType": "road",
+        "elementType": "labels.text.fill",
+        "stylers": [
+            {
+                "color": "#8a8a8a"
+            }
+        ]
+    },
+    {
+        "featureType": "transit",
+        "elementType": "labels.text.fill",
+        "stylers": [
+            {
+                "color": "#212225"
+            }
+        ]
+    },
+    {
+        "featureType": "water",
+        "elementType": "geometry",
+        "stylers": [
+            {
+                "color": "#f8f9fa"
+            }
+        ]
+    },
+    {
+        "featureType": "water",
+        "elementType": "labels.text.fill",
+        "stylers": [
+            {
+                "color": "#f8f9fa"
+            }
+        ]
+    }
+];

package/lib/AWING/GroupTable/GroupTable.js

@@ -36,12 +36,12 @@ var constants_1 = require("../../constants");
 var lodash_1 = require("lodash");
 function GroupTable(props) {
     var headCells = props.headCells, filters = props.filters, onGetData = props.onGetData, customRow = props.customRow, onRowClicked = props.onRowClicked;
-    var row = customRow || CustomRow_1.default;
+    var row = (0, react_1.useMemo)(function () { return customRow || CustomRow_1.default; }, [customRow]);
     var _a = (0, react_1.useState)([]), data = _a[0], setData = _a[1];
     var _b = (0, react_1.useState)(0), groupPageIndex = _b[0], setGroupPageIndex = _b[1];
     var _c = (0, react_1.useState)(constants_1.PAGE_SIZE_DEFAULT), groupPageSize = _c[0], setGroupPageSize = _c[1];
     var _d = (0, react_1.useState)(0), totalCount = _d[0], setTotalCount = _d[1];
-    var _e = (0, react_1.useState)(false), loading = _e[0], setLoading = _e[1];
+    var _e = (0, react_1.useState)(true), loading = _e[0], setLoading = _e[1];
     var groupKeys = headCells
         .filter(function (headCell) { return headCell.isGrouping; })
         .map(function (headCell) { return headCell.field; });
@@ -55,11 +55,10 @@ function GroupTable(props) {
     var handleGetGroupData = function () {
         setLoading(true);
         onGetData(filters, groupPageIndex, groupPageSize).then(function (result) {
-            setLoading(false);
             !(0, lodash_1.isEqual)(data, result.data) && setData(result.data);
             !(0, lodash_1.isEqual)(totalCount, result.totalCount) &&
                 setTotalCount(result.totalCount);
-        });
+        }).finally(function () { setLoading(false); });
     };
     var handleChangePage = function (newPage) {
         setGroupPageIndex(newPage);
@@ -73,7 +72,7 @@ function GroupTable(props) {
                             field: groupKeys[filters.length],
                             value: dt[groupKeys[filters.length]],
                         },
-                    ], false), displayData: __assign(__assign({}, dt), { groupIndex: groupPageIndex * groupPageSize + index }), onGetData: onGetData, onRowClicked: onRowClicked }, index)); }) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: data.map(function (dt, index) {
+                    ], false), displayData: __assign(__assign({}, dt), { groupIndex: groupPageIndex * groupPageSize + index }), onGetData: onGetData, onRowClicked: onRowClicked, customRow: row }, index)); }) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: data.map(function (dt, index) {
                     var CustomRow = row;
                     return ((0, jsx_runtime_1.jsx)(CustomRow, __assign({}, row.props, { info: __assign(__assign({}, dt), { rowIndex: groupPageIndex * groupPageSize + index }), headCells: headCells, onRowClicked: onRowClicked }), index));
                 }) })), data.length === 0 ? ((0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, { colSpan: headCells.length + 1, padding: "none", style: { borderBottom: "1px solid #a3a3a345" }, children: (0, jsx_runtime_1.jsx)(NoData_1.default, {}) }) })) : ((0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, { colSpan: headCells.length + 1, padding: "none", style: {

package/lib/AWING/GroupTable/component.d.ts

@@ -8,6 +8,7 @@ interface GroupComponentProps {
         totalCount: number;
     }>;
     onRowClicked?: (rowInfo: any) => void;
+    customRow?: any;
 }
 export default function GroupComponent(props: GroupComponentProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/AWING/GroupTable/component.js

@@ -9,7 +9,7 @@ var material_1 = require("@mui/material");
 var icons_material_1 = require("@mui/icons-material");
 var GroupTable_1 = __importDefault(require("./GroupTable"));
 function GroupComponent(props) {
-    var headCells = props.headCells, filters = props.filters, displayData = props.displayData, onGetData = props.onGetData, onRowClicked = props.onRowClicked;
+    var headCells = props.headCells, filters = props.filters, displayData = props.displayData, onGetData = props.onGetData, onRowClicked = props.onRowClicked, customRow = props.customRow;
     var _a = (0, react_1.useState)(false), open = _a[0], setOpen = _a[1];
     var handleOpen = function () {
         setOpen(!open);
@@ -47,6 +47,6 @@ function GroupComponent(props) {
                                     } }, ind));
                             }
                         }
-                    })] }, "group-header-filters.length-".concat(filters.length)), open && ((0, jsx_runtime_1.jsx)(GroupTable_1.default, { headCells: headCells, filters: filters, onGetData: onGetData, onRowClicked: onRowClicked }))] }));
+                    })] }, "group-header-filters.length-".concat(filters.length)), open && ((0, jsx_runtime_1.jsx)(GroupTable_1.default, { headCells: headCells, filters: filters, onGetData: onGetData, onRowClicked: onRowClicked, customRow: customRow }))] }));
 }
 exports.default = GroupComponent;

package/lib/AWING/NumberFormat/index.d.ts

@@ -1,3 +1,5 @@
 import { TextFieldProps } from '@mui/material';
-export declare const NumberFormat: (props: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NumberFormat: (props: TextFieldProps & {
+    min?: number;
+}) => import("react/jsx-runtime").JSX.Element;
 export default NumberFormat;

package/lib/AWING/NumberFormat/index.js

@@ -32,7 +32,7 @@ var helper_1 = require("../helper");
 var Context_1 = __importDefault(require("../../Context"));
 var react_1 = require("react");
 var NumberFormat = function (props) {
-    var value = props.value, onChange = props.onChange, other = __rest(props, ["value", "onChange"]);
+    var value = props.value, onChange = props.onChange, min = props.min, other = __rest(props, ["value", "onChange", "min"]);
     var i18next = (0, react_1.useContext)(Context_1.default).i18next;
     var handleChange = function (event) {
         var el = event.target;
@@ -65,7 +65,7 @@ var NumberFormat = function (props) {
                 .replace(new RegExp(escapeRegExp(decimalSeparator), 'g'), ''));
         }
         //add negation back
-        if (hasNegation)
+        if (hasNegation && min !== 0)
             num = '-' + num;
         return num;
     }

package/lib/AWING/PageManagement/PageManagement.js

@@ -35,8 +35,9 @@ var icons_material_1 = require("@mui/icons-material");
 var lodash_1 = require("lodash");
 var ClassicDrawer_1 = require("../../Commons/Components/ClassicDrawer");
 var react_router_dom_1 = require("react-router-dom");
+var i18n_1 = __importDefault(require("../../i18n"));
 var PageManagement = function (props) {
-    var t = (0, react_i18next_1.useTranslation)().t;
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
     // const params = useParams<"*">();
     var location = (0, react_router_dom_1.useLocation)();
     var title = props.title, columns = props.columns, rows = props.rows, _a = props.totalOfRows, totalOfRows = _a === void 0 ? rows.length : _a, getRowId = props.getRowId, checkboxSelection = props.checkboxSelection, onDeleteSelected = props.onDeleteSelected, advancedSearchFields = props.advancedSearchFields, onlyNumberSearch = props.onlyNumberSearch, _b = props.disableSearch, disableSearch = _b === void 0 ? false : _b, includeSearchById = props.includeSearchById, _c = props.disablePagination, disablePagination = _c === void 0 ? false : _c, onChangeQueryInput = props.onChangeQueryInput, _d = props.loading, loading = _d === void 0 ? true : _d, onCreateButtonClick = props.onCreateButtonClick, onRowClick = props.onRowClick, onCreateFolderButtonClick = props.onCreateFolderButtonClick, onDelete = props.onDelete, inputSearchPlaceholder = props.inputSearchPlaceholder, rowActions = props.rowActions, showNotificationSuccess = props.showNotificationSuccess, confirmDelete = props.confirmDelete, customActions = props.customActions, variantPaperSearch = props.variantPaperSearch;
@@ -114,7 +115,7 @@ var PageManagement = function (props) {
                             _a[searchType] = newValue,
                             _a));
                     } }, (advancedSearchFields &&
-                    advancedSearchFields.length && {
+                    advancedSearchFields.length > 0 && {
                     onClickAdvancedSearch: function () {
                         return setOpenAdvancedSearch(!openAdvancedSearch);
                     },
@@ -122,7 +123,7 @@ var PageManagement = function (props) {
                         marginLeft: function (theme) { return theme.spacing(2); },
                     }, onClick: onCreateButtonClick, children: t('Common.Create') })), onCreateFolderButtonClick && ((0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", color: "inherit", title: t('DirectoryManagement.CreateDirectory'), sx: {
                         marginLeft: function (theme) { return theme.spacing(1); },
-                    }, onClick: onCreateFolderButtonClick, children: (0, jsx_runtime_1.jsx)(icons_material_1.CreateNewFolderOutlined, {}) })), customActions && customActions] }), children: [(advancedSearchFields === null || advancedSearchFields === void 0 ? void 0 : advancedSearchFields.length) && ((0, jsx_runtime_1.jsx)(AdvancedSearch_1.default, { fields: advancedSearchFields, value: queryInput.advancedObject, expanded: openAdvancedSearch, onChangeValue: function (obj) {
+                    }, onClick: onCreateFolderButtonClick, children: (0, jsx_runtime_1.jsx)(icons_material_1.CreateNewFolderOutlined, {}) })), customActions && customActions] }), children: [!!(advancedSearchFields === null || advancedSearchFields === void 0 ? void 0 : advancedSearchFields.length) && ((0, jsx_runtime_1.jsx)(AdvancedSearch_1.default, { fields: advancedSearchFields, value: queryInput.advancedObject, expanded: openAdvancedSearch, onChangeValue: function (obj) {
                     return updateQueryInput({ advancedObject: obj });
                 }, onClear: function () {
                     return updateQueryInput({ advancedObject: undefined });

package/lib/AWING/Pagination/index.js

@@ -23,6 +23,8 @@ var FirstPage_1 = __importDefault(require("@mui/icons-material/FirstPage"));
 var KeyboardArrowLeft_1 = __importDefault(require("@mui/icons-material/KeyboardArrowLeft"));
 var KeyboardArrowRight_1 = __importDefault(require("@mui/icons-material/KeyboardArrowRight"));
 var LastPage_1 = __importDefault(require("@mui/icons-material/LastPage"));
+var i18n_1 = __importDefault(require("../../i18n"));
+var react_i18next_1 = require("react-i18next");
 function TablePaginationActions(props) {
     var theme = (0, styles_1.useTheme)();
     var count = props.count, page = props.page, rowsPerPage = props.rowsPerPage, onPageChange = props.onPageChange;
@@ -42,9 +44,15 @@ function TablePaginationActions(props) {
 }
 exports.TablePaginationActions = TablePaginationActions;
 var Pagination = function (props) {
-    return ((0, jsx_runtime_1.jsx)("table", { style: { float: "right" }, children: (0, jsx_runtime_1.jsx)("tbody", { children: (0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)(TablePagination_1.default, __assign({ style: { border: 0 }, colSpan: 3, SelectProps: {
-                        inputProps: { "aria-label": "rows per page" },
-                        native: true,
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
+    return ((0, jsx_runtime_1.jsx)("table", { style: { float: "right" }, children: (0, jsx_runtime_1.jsx)("tbody", { children: (0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)(TablePagination_1.default, __assign({ style: { border: 0 }, colSpan: 3, labelDisplayedRows: function (_a) {
+                        var from = _a.from, to = _a.to, count = _a.count;
+                        return "".concat(from, "-").concat(to, " ").concat(i18n_1.default.t('Paging.DisplayedRow'), " ").concat(count);
+                    }, labelRowsPerPage: i18n_1.default.t('Paging.RowPerPage'), slotProps: {
+                        select: {
+                            inputProps: { 'aria-label': i18n_1.default.t('Paging.RowPerPage') },
+                            native: true,
+                        }
                     }, ActionsComponent: TablePaginationActions }, props)) }) }) }));
 };
 exports.Pagination = Pagination;

package/lib/AWING/index.d.ts

@@ -32,3 +32,4 @@ export * from './TreeItemWithAction';
 export * from './constants';
 export * from './LogicExpression';
 export * from './Chart';
+export * from './GoogleMap';

package/lib/AWING/index.js

@@ -48,3 +48,4 @@ __exportStar(require("./TreeItemWithAction"), exports);
 __exportStar(require("./constants"), exports);
 __exportStar(require("./LogicExpression"), exports);
 __exportStar(require("./Chart"), exports);
+__exportStar(require("./GoogleMap"), exports);

package/lib/AWING/ultis/validation.d.ts

@@ -10,6 +10,7 @@ export declare function dateRangeValid(value: (Date | null | undefined)[] | null
 export declare function emailValid(value: string | null | undefined): boolean;
 export declare function numberOnlyValid(value: string | null | undefined): boolean;
 export declare function urlValid(value: string | null | undefined): boolean;
+export declare function colorValid(value: string | null | undefined): boolean;
 export declare function passwordValid(value: string | null | undefined): boolean;
 export declare function containsOnlyDigits(str: string): boolean;
 export declare function logicExpressionValid(value: string | null | undefined): boolean;

package/lib/AWING/ultis/validation.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.textValidation = exports.logicExpressionValid = exports.containsOnlyDigits = exports.passwordValid = exports.urlValid = exports.numberOnlyValid = exports.emailValid = exports.dateRangeValid = exports.dateValid = exports.notNullValid = exports.stringNullableValid = exports.stringNotNullValid = exports.numberNotNullValid = exports.numberPercentageNotNullValid = exports.positiveNumberNotNullValid = exports.arrayIsNotEmptyValid = void 0;
+exports.textValidation = exports.logicExpressionValid = exports.containsOnlyDigits = exports.passwordValid = exports.colorValid = exports.urlValid = exports.numberOnlyValid = exports.emailValid = exports.dateRangeValid = exports.dateValid = exports.notNullValid = exports.stringNullableValid = exports.stringNotNullValid = exports.numberNotNullValid = exports.numberPercentageNotNullValid = exports.positiveNumberNotNullValid = exports.arrayIsNotEmptyValid = void 0;
 /* eslint-disable no-useless-escape */
 var i18n_1 = __importDefault(require("../../i18n"));
 var lodash_1 = __importDefault(require("lodash"));
@@ -37,12 +37,22 @@ function notNullValid(value) {
 }
 exports.notNullValid = notNullValid;
 function dateValid(value) {
-    return Boolean(value && (0, moment_1.default)(value).isValid());
+    if (value instanceof Date)
+        return Boolean((value === null || value === void 0 ? void 0 : value.getFullYear()) > 1000 && (0, moment_1.default)(value).isValid());
+    return false;
 }
 exports.dateValid = dateValid;
 function dateRangeValid(value) {
-    return value !== undefined && value !== null && value.length === 2 && dateValid(value[0]) && dateValid(value[1]) &&
-        value[0] !== undefined && value[0] !== null && value[1] !== undefined && value[1] !== null && value[0] <= value[1];
+    return (value !== undefined &&
+        value !== null &&
+        value.length === 2 &&
+        dateValid((0, moment_1.default)(value[0]).toDate()) &&
+        dateValid((0, moment_1.default)(value[1]).toDate()) &&
+        value[0] !== undefined &&
+        value[0] !== null &&
+        value[1] !== undefined &&
+        value[1] !== null &&
+        value[0] <= value[1]);
 }
 exports.dateRangeValid = dateRangeValid;
 function emailValid(value) {
@@ -69,9 +79,17 @@ function urlValid(value) {
     }
 }
 exports.urlValid = urlValid;
+function colorValid(value) {
+    var re = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;
+    return value !== undefined && value !== null && re.test('#' + value);
+}
+exports.colorValid = colorValid;
 function passwordValid(value) {
     var re = /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/;
-    return value === undefined && value === null && re.test(value);
+    if (value === null || value === undefined) {
+        return false;
+    }
+    return re.test(value);
 }
 exports.passwordValid = passwordValid;
 function containsOnlyDigits(str) {
@@ -109,7 +127,8 @@ var textValidation = function (str, length, required, pattern, invertRegex) {
     if (str && pattern && !pattern.test(str)) {
         validRes.valid = false;
         if (invertRegex !== false) {
-            var invertedRegex = invertRegex || new RegExp("[^".concat(pattern.source.replace(/[*+?^${}|]/g, ''), "]").replace(/\[\[|\]\]/g, ']'), 'g');
+            var invertedRegex = invertRegex ||
+                new RegExp("[^".concat(pattern.source.replace(/[*+?^${}|]/g, ''), "]").replace(/\[\[|\]\]/g, ']'), 'g');
             validRes.message.push("".concat(i18n_1.default.t('Common.InvalidChars'), ": ").concat(Array.from(new Set(str.match(invertedRegex))).join(' ')));
         }
     }

package/lib/Commons/Components/ClassicDrawer.js

@@ -52,7 +52,7 @@ var Drawer = function (props) {
     var navigate = (0, Router_1.useNavigate)();
     var location = (0, Router_1.useLocation)();
     var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
-    var _b = react_1.default.useState(true), open = _b[0], setOpen = _b[1];
+    var _b = react_1.default.useState(false), open = _b[0], setOpen = _b[1];
     var _c = react_1.default.useState(false), loading = _c[0], setLoading = _c[1];
     var timer = react_1.default.useRef();
     react_1.default.useEffect(function () {
@@ -63,6 +63,7 @@ var Drawer = function (props) {
     }, []);
     var closeDrawer = function (action) {
         if (action === void 0) { action = CloseAction.Close; }
+        setOpen(false);
         timer.current = window.setTimeout(function () {
             var _a;
             ((_a = location.state) === null || _a === void 0 ? void 0 : _a.type) === 'history'
@@ -78,12 +79,12 @@ var Drawer = function (props) {
                 .then(function (state) {
                 setTimeout(function () {
                     snackbar('success');
-                    console.log('success');
                 }, 700);
                 closeDrawer((typeof state === 'string' && state) ? state : CloseAction.Reload);
             })
-                .catch(function () {
-                snackbar('error');
+                .catch(function (e) {
+                if (e)
+                    snackbar('error');
             })
                 .finally(function () {
                 setLoading(false);

package/lib/Commons/Components/DeprecatedEnhancedDialog.js

@@ -74,7 +74,7 @@ var EnhancedDialog = function (props) {
     };
     return ((0, jsx_runtime_1.jsxs)(Dialog_1.default, { open: isOpen, onClose: handleClose, "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description", maxWidth: "sm", fullWidth: true, children: [(0, jsx_runtime_1.jsx)(DialogTitle_1.default, { id: "alert-dialog-title", children: title !== null && title !== void 0 ? title : t('Dialog.Title') }), (0, jsx_runtime_1.jsxs)(DialogContent_1.default, { children: [(0, jsx_runtime_1.jsx)(DialogContentText_1.default, { id: "alert-dialog-description", sx: { marginBottom: function (theme) { return theme.spacing(1.5); } }, children: content !== null && content !== void 0 ? content : t('Dialog.Content') }), !notIncludeInput && ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({ autoFocus: true, margin: "dense", label: props.label, rows: 2, multiline: true, type: "text", name: "text", value: text, onChange: function (e) {
                             setText(e.target.value);
-                            setValid((0, validation_1.textValidation)(e.target.value));
+                            setValid((0, validation_1.textValidation)(e.target.value, 50, true, false));
                         }, fullWidth: true, onKeyDown: handleKeyDown, error: !checkValid.valid, helperText: !checkValid.valid ? checkValid.message : '' }, textFieldProps)))] }), (0, jsx_runtime_1.jsxs)(DialogActions_1.default, { children: [(0, jsx_runtime_1.jsx)(Button_1.default, { onClick: handleClose, color: "secondary", children: t('Common.Cancel') }), (0, jsx_runtime_1.jsx)(Button_1.default, { disabled: !(!notIncludeInput && checkValid.valid), onClick: function () { return handleSubmit(); }, color: "primary", children: t('Common.Agree') })] })] }));
 };
 exports.default = EnhancedDialog;

package/lib/Commons/Components/HighlightedCode/MarkdownElement.js

@@ -26,6 +26,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
+/* tslint:disable */
+/* eslint-disable */
+// ReSharper disable InconsistentNaming
 var react_1 = __importDefault(require("react"));
 var clsx_1 = __importDefault(require("clsx"));
 var styles_1 = require("@mui/styles");
@@ -197,6 +200,8 @@ var MarkdownElement = react_1.default.forwardRef(function (props, ref) {
         // otherwise we could just set `dangerouslySetInnerHTML={undefined}`
         more.dangerouslySetInnerHTML = { __html: renderedMarkdown };
     }
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, clsx_1.default)(classes.root, 'markdown-body', className) }, more, other, { ref: ref })));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, clsx_1.default)(classes.root, 'markdown-body', className) }, more, other, { 
+        // @ts-ignore
+        ref: ref })));
 });
 exports.default = MarkdownElement;

package/lib/Commons/Hooks/usePath.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var Helpers_1 = require("../../Utils/Helpers");
-var react_router_1 = require("react-router");
+var react_router_dom_1 = require("react-router-dom");
 var usePath = function () {
-    var location = (0, react_router_1.useLocation)();
-    var params = (0, react_router_1.useParams)();
+    var location = (0, react_router_dom_1.useLocation)();
+    var params = (0, react_router_dom_1.useParams)();
     var path = (0, Helpers_1.getRoutePath)(location, params);
     return path;
 };

package/lib/Utils/Helpers.d.ts

@@ -15,7 +15,7 @@ export declare enum TIMELINE_TYPE {
  */
 export declare function getCookie(name: string): string | undefined;
 export declare function dateToString(date: moment.MomentInput): string;
-export declare function formatNumber(num: number | bigint | undefined): string;
+export declare function formatNumber<T = number | bigint | string | undefined>(num: T): string;
 export declare function getQueryVariable(variable: string): string;
 export declare function displayLongString(str: string, maxLength: number): string;
 export declare function generateUUID(): string;
@@ -108,8 +108,9 @@ export declare const setObject: <O extends {}>(obj: O, arrKey: Array<keyof O>, v
 export declare function fillMissingDates(data: Array<{
     x: string;
     y: number;
-}>, startDate?: string | Date | number, endDate?: string | Date | number, format?: 'YYYYMMDD' | 'YYYYMMDDHH'): {
+}>, startDate?: string | Date | number, endDate?: string | Date | number, format?: string | 'YYYYMMDD' | 'YYYYMMDDHH'): {
     x: string;
     y: number;
 }[];
 export declare function parseJSON(str: string): any;
+export declare function nameExportStandard(nameFeature?: string, objectName?: string, subTitle?: string): string;

package/lib/Utils/Helpers.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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -23,11 +46,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseJSON = exports.fillMissingDates = exports.setObject = exports.formatChartNumber = exports.updateObjectFields = exports.validateNumber = exports.getToday = exports.convertDataSetPattern = exports.convertAnalyticModelToChartDataAdvance = exports.getStartOfDay = exports.timestampToStringDDMMYYYY = exports.dateToStringDDMMYYYY = exports.convertTimelineToDateTime = exports.dateTimeToString = exports.convertTimestampToDateTime = exports.convertDateTimeToTimestamp = exports.checkValidUrl = exports.validateAnalyticTypes = exports.stringToListAccessPoint = exports.checkValidMacAddress = exports.checkValidStringListAP = exports.convertTimeLine = exports.WMAPEcalculator = exports.roundDecimalNumber = exports.convertArrayToObject = exports.offlinePaginate = exports.changeToAlias = exports.calculatorDirectoryIdRoot = exports.getRoutePath = exports.timestampToStringDDMMYYYYHHmm = exports.dateToStringddddDDMMYYYYHHmm = exports.downloadZipFile = exports.downloadFilePattern = exports.generateUUID = exports.displayLongString = exports.getQueryVariable = exports.formatNumber = exports.dateToString = exports.getCookie = exports.TIMELINE_TYPE = void 0;
+exports.nameExportStandard = exports.parseJSON = exports.fillMissingDates = exports.setObject = exports.formatChartNumber = exports.updateObjectFields = exports.validateNumber = exports.getToday = exports.convertDataSetPattern = exports.convertAnalyticModelToChartDataAdvance = exports.getStartOfDay = exports.timestampToStringDDMMYYYY = exports.dateToStringDDMMYYYY = exports.convertTimelineToDateTime = exports.dateTimeToString = exports.convertTimestampToDateTime = exports.convertDateTimeToTimestamp = exports.checkValidUrl = exports.validateAnalyticTypes = exports.stringToListAccessPoint = exports.checkValidMacAddress = exports.checkValidStringListAP = exports.convertTimeLine = exports.WMAPEcalculator = exports.roundDecimalNumber = exports.convertArrayToObject = exports.offlinePaginate = exports.changeToAlias = exports.calculatorDirectoryIdRoot = exports.getRoutePath = exports.timestampToStringDDMMYYYYHHmm = exports.dateToStringddddDDMMYYYYHHmm = exports.downloadZipFile = exports.downloadFilePattern = exports.generateUUID = exports.displayLongString = exports.getQueryVariable = exports.formatNumber = exports.dateToString = exports.getCookie = exports.TIMELINE_TYPE = void 0;
 var moment_1 = __importDefault(require("moment"));
 var i18n_1 = __importDefault(require("../i18n"));
 var helper_1 = require("../AWING/helper");
-var lodash_1 = require("lodash");
+var lodash_1 = __importStar(require("lodash"));
 var TIMELINE_TYPE;
 (function (TIMELINE_TYPE) {
     TIMELINE_TYPE[TIMELINE_TYPE["HOUR"] = 0] = "HOUR";
@@ -55,8 +78,11 @@ function dateToString(date) {
 }
 exports.dateToString = dateToString;
 function formatNumber(num) {
-    if (num || num === 0) {
-        return new Intl.NumberFormat(i18n_1.default.language === 'vi' ? 'vi-VN' : 'en-US').format(num);
+    if (String(num).includes(','))
+        return num;
+    var value = Number(Number(num).toFixed(2));
+    if (value || value === 0) {
+        return new Intl.NumberFormat(localStorage.getItem('i18nextLng') === 'vi' ? 'vi-VN' : 'en-US').format(value);
     }
     else
         return '';
@@ -547,8 +573,8 @@ function fillMissingDates(data, startDate, endDate, format) {
     if (format === void 0) { format = 'YYYYMMDD'; }
     var result = data.concat();
     // Parse the start and end dates
-    var start = (0, moment_1.default)(isNaN(Number(startDate)) ? startDate : String(startDate));
-    var end = (0, moment_1.default)(isNaN(Number(endDate)) ? endDate : String(endDate));
+    var start = (0, moment_1.default)(isNaN(Number(startDate)) ? startDate : String(startDate)).startOf('day');
+    var end = (0, moment_1.default)(isNaN(Number(endDate)) ? endDate : String(endDate)).endOf('day');
     if (start.isAfter(end))
         throw new Error('Start date must be before end date');
     // Array to hold the complete range of dates
@@ -560,15 +586,29 @@ function fillMissingDates(data, startDate, endDate, format) {
     (0, lodash_1.xor)(data.map(function (d) { return d.x; }), dates).forEach(function (x) {
         result.push({ x: x, y: 0 });
     });
-    return (0, lodash_1.orderBy)(result, ['x'], ['asc']);
+    return (0, lodash_1.default)(result)
+        .groupBy('x')
+        .map(function (value, key) { return ({
+        x: key,
+        y: lodash_1.default.sumBy(value, 'y'),
+    }); })
+        .orderBy(['x'], ['asc'])
+        .value();
 }
 exports.fillMissingDates = fillMissingDates;
 function parseJSON(str) {
     try {
-        return JSON.parse(str || "{}");
+        return JSON.parse(str || '{}');
     }
     catch (e) {
         return str;
     }
 }
 exports.parseJSON = parseJSON;
+//AWING_[NAME FEATURE]_[OBJECT_NAME]_[SUB_TITLE]_[DATEFORMAT yyyy-MM-DD]
+function nameExportStandard(nameFeature, objectName, subTitle) {
+    var currentTime = (0, moment_1.default)().format('YYYY-MM-DD');
+    var parts = [nameFeature, objectName, subTitle, currentTime].filter(Boolean);
+    return "AWING_".concat(parts.join('_').toUpperCase());
+}
+exports.nameExportStandard = nameExportStandard;