awing-library 2.1.129-beta → 2.1.129

package/lib/AWING/GoogleMap/GGMap.js

@@ -0,0 +1,256 @@
+"use strict";
+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 __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 material_1 = require("@mui/material");
+var api_1 = require("@react-google-maps/api");
+var lodash_1 = __importDefault(require("lodash"));
+var react_1 = __importStar(require("react"));
+var react_i18next_1 = require("react-i18next");
+var utils_1 = require("./utils");
+var mapContainerStyle = {
+    height: '320px',
+    width: '100%',
+};
+var libraries = ['places'];
+var stylesDefault = {
+    position: 'relative',
+    '& .pac-container.pac-logo': {
+        top: '55px!important',
+        left: '0!important',
+    },
+};
+var GGMap = function (_a) {
+    var defaultLocation = _a.defaultLocation, onUpdateLocation = _a.onUpdateLocation, apiKey = _a.apiKey, geofenceRadius = _a.geofenceRadius, sxMap = _a.sxMap, _b = _a.isDisplayAutoComplete, isDisplayAutoComplete = _b === void 0 ? false : _b, _c = _a.isTypeTracking, isTypeTracking = _c === void 0 ? false : _c, markerPositions = _a.markerPositions, zoomCustomed = _a.zoomCustomed;
+    var radiusDefault = 500;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var _d = (0, react_1.useState)(), map = _d[0], setMap = _d[1];
+    var _e = (0, react_1.useState)(''), error = _e[0], setError = _e[1];
+    var autocompleteRef = (0, react_1.useRef)(null);
+    var boxRef = (0, react_1.useRef)(null);
+    var makerRefs = (0, react_1.useRef)([]);
+    var _f = (0, react_1.useState)(zoomCustomed || 5), zoom = _f[0], setZoom = _f[1];
+    var onLoad = function (autocomplete) {
+        autocompleteRef.current = autocomplete;
+    };
+    var getValidValue = function (value, defaultValue) {
+        return value < defaultValue ? defaultValue : value;
+    };
+    var markerConvert = (0, react_1.useMemo)(function () {
+        var _a;
+        var coordMap = (_a = markerPositions === null || markerPositions === void 0 ? void 0 : markerPositions.reduce(function (acc, _a) {
+            var longitude = _a.longitude, latitude = _a.latitude;
+            if (!longitude || !latitude)
+                return acc;
+            var key = "".concat(longitude, ",").concat(latitude);
+            if (acc[key]) {
+                acc[key].count += 1;
+            }
+            else {
+                acc[key] = { longitude: longitude, latitude: latitude, count: 1 };
+            }
+            return acc;
+        }, {})) !== null && _a !== void 0 ? _a : {};
+        return Object.values(coordMap).map(function (item, index, arr) {
+            var _a;
+            item.radius = getValidValue((((_a = item.count) !== null && _a !== void 0 ? _a : 0) /
+                arr.reduce(function (acc, item) { var _a; return acc + ((_a = item === null || item === void 0 ? void 0 : item.count) !== null && _a !== void 0 ? _a : 0); }, 0)) *
+                10000 *
+                Math.pow(2, 10 - Math.max(zoom, 4)), radiusDefault);
+            return item;
+        });
+        // Convert the object to an array
+    }, [markerPositions, zoom]);
+    var onPlaceChanged = function () {
+        var _a, _b, _c, _d;
+        if (autocompleteRef.current !== null) {
+            var place = autocompleteRef.current.getPlace();
+            if (place.geometry) {
+                var newLat = (_b = (_a = place === null || place === void 0 ? void 0 : place.geometry) === null || _a === void 0 ? void 0 : _a.location) === null || _b === void 0 ? void 0 : _b.lat();
+                var newLng = (_d = (_c = place === null || place === void 0 ? void 0 : place.geometry) === null || _c === void 0 ? void 0 : _c.location) === null || _d === void 0 ? void 0 : _d.lng();
+                onUpdateLocation &&
+                    onUpdateLocation({
+                        latitude: newLat !== null && newLat !== void 0 ? newLat : 0,
+                        longitude: newLng !== null && newLng !== void 0 ? newLng : 0,
+                    });
+                map === null || map === void 0 ? void 0 : map.panTo({ lat: newLat !== null && newLat !== void 0 ? newLat : 0, lng: newLng !== null && newLng !== void 0 ? newLng : 0 });
+                setZoom(18);
+            }
+        }
+        else {
+            console.log('Autocomplete is not loaded yet!');
+        }
+    };
+    var onLoadMap = react_1.default.useCallback(function (mapInstance) {
+        setMap(mapInstance);
+    }, []);
+    //Lấy vị trí hiện tại của người dùng
+    var getCurrentLocation = function () {
+        var showPosition = function (position) {
+            onUpdateLocation &&
+                onUpdateLocation({
+                    latitude: position.coords.latitude,
+                    longitude: position.coords.longitude,
+                });
+        };
+        var showError = function (error) {
+            switch (error.code) {
+                case error.PERMISSION_DENIED:
+                    setError('User denied the request for Geolocation.');
+                    break;
+                case error.POSITION_UNAVAILABLE:
+                    setError('Location information is unavailable.');
+                    break;
+                case error.TIMEOUT:
+                    setError('The request to get user location timed out.');
+                    break;
+                default:
+                    setError('An unknown error occurred.');
+                    break;
+            }
+        };
+        if (navigator.geolocation) {
+            navigator.geolocation.getCurrentPosition(showPosition, showError);
+        }
+        else {
+            setError('Geolocation is not supported by this browser.');
+        }
+    };
+    var onMapClick = react_1.default.useCallback(function (e) {
+        var _a, _b, _c, _d;
+        onUpdateLocation &&
+            onUpdateLocation({
+                latitude: (_b = (_a = e === null || e === void 0 ? void 0 : e.latLng) === null || _a === void 0 ? void 0 : _a.lat()) !== null && _b !== void 0 ? _b : 0,
+                longitude: (_d = (_c = e === null || e === void 0 ? void 0 : e.latLng) === null || _c === void 0 ? void 0 : _c.lng()) !== null && _d !== void 0 ? _d : 0,
+            });
+    }, []);
+    (0, react_1.useEffect)(function () {
+        if (lodash_1.default.isNil(defaultLocation) ||
+            defaultLocation.lat === 0 ||
+            defaultLocation.lng === 0) {
+            getCurrentLocation();
+        }
+    }, [defaultLocation]);
+    (0, react_1.useEffect)(function () {
+        if (map) {
+            makerRefs.current.forEach(function (marker) {
+                marker.setMap(null);
+            });
+            makerRefs.current = markerConvert.map(function (item) {
+                var _a, _b;
+                var maker = new google.maps.Circle({
+                    center: {
+                        lat: (_a = item.latitude) !== null && _a !== void 0 ? _a : 0,
+                        lng: (_b = item.longitude) !== null && _b !== void 0 ? _b : 0,
+                    },
+                    radius: item.radius,
+                    strokeColor: '#4285F4',
+                    strokeOpacity: 0.8,
+                    strokeWeight: 2,
+                    fillColor: '#4285F4',
+                    fillOpacity: 0.35,
+                });
+                maker.setMap(map);
+                return maker;
+            });
+        }
+    }, [markerConvert]);
+    var handleZoom = (0, react_1.useCallback)(function (zoom) {
+        setZoom(zoom);
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: sxMap ? sxMap : stylesDefault, ref: boxRef, children: (0, jsx_runtime_1.jsxs)(api_1.LoadScript, { googleMapsApiKey: apiKey || '', libraries: libraries, children: [!isDisplayAutoComplete && ((0, jsx_runtime_1.jsx)(api_1.Autocomplete, { onPlaceChanged: onPlaceChanged, onLoad: onLoad, children: (0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: t('Common.PlaceHolderLocation'), onFocus: function () {
+                            var _a;
+                            var ggSuggest = document.querySelector('.pac-container.pac-logo');
+                            if (ggSuggest) {
+                                (_a = boxRef.current) === null || _a === void 0 ? void 0 : _a.append(ggSuggest);
+                            }
+                        }, style: {
+                            boxSizing: "border-box",
+                            border: "1px solid transparent",
+                            width: "378px",
+                            height: "40px",
+                            padding: "0 12px",
+                            borderRadius: "3px",
+                            boxShadow: "0 2px 6px rgba(0, 0, 0, 0.3)",
+                            fontSize: "14px",
+                            outline: "none",
+                            textOverflow: "ellipses",
+                            position: 'inherit',
+                            right: '3%',
+                            margin: '10px 0',
+                            zIndex: 99,
+                            top: '50px',
+                        } }) })), !isTypeTracking ? ((0, jsx_runtime_1.jsx)(MaprenderWithoutTracking, { onLoadMap: onLoadMap, onMapClick: onMapClick, onZoomChanged: handleZoom, defaultLocation: defaultLocation !== null && defaultLocation !== void 0 ? defaultLocation : {
+                        lat: 21.0063107,
+                        lng: 105.8279467,
+                    }, geofenceRadius: geofenceRadius !== null && geofenceRadius !== void 0 ? geofenceRadius : 0, zoomCustomed: zoomCustomed !== null && zoomCustomed !== void 0 ? zoomCustomed : 10 })) : ((0, jsx_runtime_1.jsx)(Maprender, { onLoadMap: onLoadMap, onMapClick: onMapClick, onZoomChanged: handleZoom }))] }) }));
+};
+exports.default = GGMap;
+var Maprender = react_1.default.memo(function (_a) {
+    var onLoadMap = _a.onLoadMap, onMapClick = _a.onMapClick, onZoomChanged = _a.onZoomChanged, _b = _a.zoom, zoom = _b === void 0 ? 5.4 : _b;
+    var mapInstance = (0, react_1.useRef)(null);
+    return ((0, jsx_runtime_1.jsx)(api_1.GoogleMap, { id: "map", mapContainerStyle: { width: '100%', height: "".concat(521, "px") }, zoom: zoom, center: {
+            lat: 16.453539,
+            lng: 107.4947103,
+        }, onZoomChanged: function () {
+            var _a, _b;
+            onZoomChanged((_b = (_a = mapInstance.current) === null || _a === void 0 ? void 0 : _a.getZoom()) !== null && _b !== void 0 ? _b : 0);
+        }, onLoad: function (instance) {
+            mapInstance.current = instance;
+            onLoadMap(instance);
+        }, onClick: onMapClick, options: {
+            disableDefaultUI: true,
+            styles: utils_1.mapStyles,
+            zoomControl: true,
+            streetViewControl: false,
+            mapTypeControl: false,
+            fullscreenControl: false,
+            minZoom: 2,
+            maxZoom: 13,
+        } }));
+});
+var MaprenderWithoutTracking = react_1.default.memo(function (_a) {
+    var onLoadMap = _a.onLoadMap, onMapClick = _a.onMapClick, onZoomChanged = _a.onZoomChanged, defaultLocation = _a.defaultLocation, geofenceRadius = _a.geofenceRadius, zoomCustomed = _a.zoomCustomed;
+    var mapInstance = (0, react_1.useRef)(null);
+    return ((0, jsx_runtime_1.jsx)(api_1.GoogleMap, { id: "map", mapContainerStyle: mapContainerStyle, zoom: zoomCustomed !== null && zoomCustomed !== void 0 ? zoomCustomed : 10, center: defaultLocation, onZoomChanged: function () {
+            var _a, _b;
+            onZoomChanged((_b = (_a = mapInstance.current) === null || _a === void 0 ? void 0 : _a.getZoom()) !== null && _b !== void 0 ? _b : 0);
+        }, onLoad: function (instance) {
+            mapInstance.current = instance;
+            onLoadMap(instance);
+        }, onClick: onMapClick, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(api_1.Marker, { position: defaultLocation !== null && defaultLocation !== void 0 ? defaultLocation : {
+                        lat: 21.0063107,
+                        lng: 105.8279467,
+                    } }), (0, jsx_runtime_1.jsx)(api_1.Circle, { center: defaultLocation, radius: geofenceRadius, options: {
+                        fillColor: 'red',
+                        fillOpacity: 0.2,
+                        strokeColor: 'red',
+                        strokeOpacity: 1,
+                        strokeWeight: 2,
+                    } })] }) }));
+});

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

@@ -0,0 +1,4 @@
+import { IGoogleMapProps } from "./interface";
+export declare function GoogleMap(props: IGoogleMapProps): import("react/jsx-runtime").JSX.Element;
+export default GoogleMap;
+export * from "./interface";

package/lib/AWING/GoogleMap/index.js

@@ -0,0 +1,41 @@
+"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.GoogleMap = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18n_1 = __importDefault(require("../../i18n"));
+var react_i18next_1 = require("react-i18next");
+var GGMap_1 = __importDefault(require("./GGMap"));
+function GoogleMap(props) {
+    return ((0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, { i18n: i18n_1.default, children: (0, jsx_runtime_1.jsx)(GGMap_1.default, __assign({}, props)) }));
+}
+exports.GoogleMap = GoogleMap;
+exports.default = GoogleMap;
+__exportStar(require("./interface"), exports);

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

@@ -114,7 +114,7 @@ var PageManagement = function (props) {
                             _a[searchType] = newValue,
                             _a));
                     } }, (advancedSearchFields &&
-                    advancedSearchFields.length && {
+                    advancedSearchFields.length > 0 && {
                     onClickAdvancedSearch: function () {
                         return setOpenAdvancedSearch(!openAdvancedSearch);
                     },
@@ -122,7 +122,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,7 @@ 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 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 +43,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)().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(t('Paging.DisplayedRow'), " ").concat(count);
+                    }, labelRowsPerPage: t('Paging.RowPerPage'), slotProps: {
+                        select: {
+                            inputProps: { 'aria-label': 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;