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

package/lib/ACM-AXN/GeoFencing/GoongMap/index.d.ts

@@ -0,0 +1,47 @@
+export default GoongMap;
+declare function GoongMap({ onAddPlace, zoom, radius, limit, defaultGoongMap, marker, onLoad, configs, }: {
+    onAddPlace: any;
+    zoom: any;
+    radius: any;
+    limit: any;
+    defaultGoongMap: any;
+    marker: any;
+    onLoad: any;
+    configs: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace GoongMap {
+    namespace propTypes {
+        let onAddPlace: any;
+        let zoom: any;
+        let radius: any;
+        let limit: any;
+        let defaultGoongMap: any;
+        let marker: any;
+        let onLoad: any;
+        let configs: any;
+    }
+    namespace defaultProps {
+        export function onAddPlace_1(): void;
+        export { onAddPlace_1 as onAddPlace };
+        let zoom_1: number;
+        export { zoom_1 as zoom };
+        let radius_1: number;
+        export { radius_1 as radius };
+        let limit_1: number;
+        export { limit_1 as limit };
+        export namespace defaultGoongMap_1 {
+            let latitude: number;
+            let longitude: number;
+        }
+        export { defaultGoongMap_1 as defaultGoongMap };
+        let marker_1: null;
+        export { marker_1 as marker };
+        export function onLoad_1(): void;
+        export { onLoad_1 as onLoad };
+        export namespace configs_1 {
+            let GOONG_MAP_KEY: string;
+            let GOONG_API_KEY: string;
+        }
+        export { configs_1 as configs };
+    }
+}

package/lib/ACM-AXN/GeoFencing/GoongMap/index.js

@@ -0,0 +1,132 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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");
+require("@goongmaps/goong-js/dist/goong-js.css");
+require("@goongmaps/goong-geocoder/dist/goong-geocoder.css");
+var react_1 = require("react");
+var prop_types_1 = __importDefault(require("prop-types"));
+var LocationOn_1 = __importDefault(require("@mui/icons-material/LocationOn"));
+var react_i18next_1 = require("react-i18next");
+var goong_geocoder_react_1 = __importDefault(require("@goongmaps/goong-geocoder-react"));
+var goong_map_react_1 = __importStar(require("@goongmaps/goong-map-react"));
+var lodash_1 = __importDefault(require("lodash"));
+var style_1 = require("./style");
+var GoongMap = function (_a) {
+    var onAddPlace = _a.onAddPlace, zoom = _a.zoom, radius = _a.radius, limit = _a.limit, defaultGoongMap = _a.defaultGoongMap, marker = _a.marker, onLoad = _a.onLoad, configs = _a.configs;
+    var mapRef = (0, react_1.useRef)();
+    var contentRef = (0, react_1.useRef)();
+    var _b = (0, react_1.useState)(__assign(__assign({}, defaultGoongMap), { zoom: zoom })), viewport = _b[0], setViewport = _b[1];
+    var _c = (0, react_1.useState)(null), searching = _c[0], setSearching = _c[1];
+    var _d = (0, react_1.useState)({}), changeMarkerByClickMap = _d[0], setChangeMarkerByClickMap = _d[1];
+    var handleViewportChange = function (viewport) {
+        setViewport(function (prevState) { return (__assign(__assign({}, prevState), viewport)); });
+    };
+    var handleGeocoderViewportChange = function (viewport) {
+        var geocoderDefaultOverrides = { transitionDuration: 1000 };
+        return handleViewportChange(__assign(__assign({}, viewport), geocoderDefaultOverrides));
+    };
+    var handleClickAddMarker = function (event) {
+        // target div.overlays khi click vào map, còn span.map-ctl khi click vào fullscreen
+        if (event.target.className === "overlays") {
+            var lngLat = event.lngLat;
+            var longitude = lngLat[0], latitude = lngLat[1];
+            setChangeMarkerByClickMap({ longitude: longitude, latitude: latitude });
+            onAddPlace({ longitude: longitude, latitude: latitude });
+        }
+    };
+    var handleSearch = function (place) {
+        var _a = place.result.result, name = _a.name, geometry = _a.geometry;
+        var location = geometry.location;
+        var lng = location.lng, lat = location.lat;
+        setSearching(name);
+        onAddPlace({ longitude: lng, latitude: lat });
+    };
+    var handleClearSearch = function () {
+        setSearching(null);
+    };
+    (0, react_1.useEffect)(function () {
+        if (!lodash_1.default.isEqual(changeMarkerByClickMap, marker))
+            setViewport(function (prevState) { return (__assign(__assign({}, prevState), marker)); });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [marker]);
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var translationText = {
+        PlaceHolder: t("PlaceFilter.SearchAddressHolder"),
+    };
+    var classes = (0, style_1.useStyles)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(goong_map_react_1.default, __assign({ ref: mapRef }, viewport, { width: "100%", height: "320px", scrollZoom: true, onLoad: onLoad, onViewportChange: handleViewportChange, onNativeClick: handleClickAddMarker, goongApiAccessToken: configs.GOONG_MAP_KEY, children: [marker && ((0, jsx_runtime_1.jsx)(goong_map_react_1.Marker, { longitude: marker.longitude, latitude: marker.latitude, children: (0, jsx_runtime_1.jsx)(LocationOn_1.default, { fontSize: "large", className: classes.iconLocation }) })), (0, jsx_runtime_1.jsx)(goong_map_react_1.FullscreenControl, { className: classes.buttonFullScreen })] })), (0, jsx_runtime_1.jsx)("div", { className: classes.contentSearch, ref: contentRef, children: (0, jsx_runtime_1.jsx)(goong_geocoder_react_1.default, { mapRef: mapRef, containerRef: contentRef, placeholder: translationText.PlaceHolder, radius: radius, limit: limit, onResult: handleSearch, onClear: handleClearSearch, inputValue: searching, onViewportChange: handleGeocoderViewportChange, goongApiAccessToken: configs.GOONG_API_KEY }) })] }));
+};
+GoongMap.propTypes = {
+    onAddPlace: prop_types_1.default.func,
+    zoom: prop_types_1.default.number,
+    radius: prop_types_1.default.number,
+    limit: prop_types_1.default.number,
+    defaultGoongMap: prop_types_1.default.object,
+    marker: prop_types_1.default.object,
+    onLoad: prop_types_1.default.func,
+    configs: prop_types_1.default.object,
+};
+GoongMap.defaultProps = {
+    onAddPlace: function () { },
+    zoom: 14,
+    radius: 3000,
+    limit: 5,
+    defaultGoongMap: {
+        latitude: 20.999881,
+        longitude: 105.828481,
+    },
+    marker: null,
+    onLoad: function () { },
+    configs: {
+        GOONG_MAP_KEY: "",
+        GOONG_API_KEY: "",
+    },
+};
+exports.default = GoongMap;

package/lib/ACM-AXN/GeoFencing/GoongMap/style.d.ts

@@ -0,0 +1 @@
+export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"iconLocation" | "contentSearch" | "buttonFullScreen">;

package/lib/ACM-AXN/GeoFencing/GoongMap/style.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@mui/styles");
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
+    iconLocation: {
+        color: "red",
+        transform: "translate(-20px,-40px)",
+    },
+    contentSearch: {
+        position: "absolute",
+        top: 10,
+        left: 10,
+        zIndex: 9,
+    },
+    buttonFullScreen: {
+        right: 10,
+        top: 10,
+    },
+}); });

package/lib/ACM-AXN/GeoFencing/common.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatMarker = void 0;
+exports.validateGoogleMapLatLong = validateGoogleMapLatLong;
+function validateGoogleMapLatLong(latlngString) {
+    var reg = /^[-+]?([1-8]?\d(\.\d+)?|90(\.0+)?),\s*[-+]?(180(\.0+)?|((1[0-7]\d)|([1-9]?\d))(\.\d+)?)$/;
+    if (reg.test(latlngString))
+        return true;
+    return false;
+}
+var formatMarker = function (value) {
+    if (value && validateGoogleMapLatLong(value)) {
+        var _a = value
+            .split(",")
+            .map(function (x) { return parseFloat(x); }), latitude = _a[0], longitude = _a[1];
+        return {
+            latitude: latitude,
+            longitude: longitude,
+        };
+    }
+    return null;
+};
+exports.formatMarker = formatMarker;

package/lib/ACM-AXN/GeoFencing/component.d.ts

@@ -0,0 +1,24 @@
+import { IConfig } from "./interface";
+interface Props {
+    label: string;
+    configs: IConfig;
+    marker: {
+        latitude: number;
+        longitude: number;
+    } | null;
+    radius: string;
+    locationString: string;
+    onGoongMapSelect: (newValue: {
+        latitude: number;
+        longitude: number;
+    }) => void;
+    onChange: (type: string, newValue: any) => void;
+    onSearch: () => void;
+    limit?: {
+        min?: number;
+        max?: number;
+    };
+    isOnlyMap?: boolean;
+}
+export default function Component(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/ACM-AXN/GeoFencing/component.js

@@ -0,0 +1,60 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Component;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var PinDrop_1 = __importDefault(require("@mui/icons-material/PinDrop"));
+var material_1 = require("@mui/material");
+var AWING_1 = require("../../AWING");
+var react_1 = require("react");
+var react_i18next_1 = require("react-i18next");
+var constants_1 = require("../../constants");
+var common_1 = require("./common");
+function Component(props) {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var label = props.label, configs = props.configs, marker = props.marker, radius = props.radius, locationString = props.locationString, onChange = props.onChange, onSearch = props.onSearch, onGoongMapSelect = props.onGoongMapSelect, limit = props.limit, isOnlyMap = props.isOnlyMap;
+    var _a = (0, react_1.useState)(false), showMap = _a[0], setShowMap = _a[1];
+    var handleShowMapChange = function (e) {
+        e.stopPropagation();
+        setShowMap(!showMap);
+    };
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { style: {
+            border: "1px solid lightgray",
+            padding: "16px",
+            position: "relative",
+        }, children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { style: {
+                    position: "absolute",
+                    top: "-12px",
+                    left: "8px",
+                    background: "white",
+                    padding: "0px 4px",
+                }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: label }) }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, children: [!isOnlyMap && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: 6, style: {
+                                    position: "relative",
+                                    paddingRight: "8px",
+                                }, children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, label: t("PlaceFilter.Location"), placeholder: t("PlaceFilter.TypeLocation"), variant: "outlined", size: "small", value: locationString, onChange: function (e) {
+                                            return onChange("locationString", e.target.value);
+                                        }, onClick: function () { return setShowMap(true); }, onKeyDown: function (e) {
+                                            if (e.key === "Enter") {
+                                                onSearch();
+                                            }
+                                        }, error: !!(locationString &&
+                                            !(0, common_1.validateGoogleMapLatLong)(locationString)) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: handleShowMapChange, style: {
+                                            position: "absolute",
+                                            right: "12px",
+                                            bottom: "9px",
+                                        }, size: "small", children: (0, jsx_runtime_1.jsx)(PinDrop_1.default, {}) })] }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, style: { paddingLeft: "8px" }, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, label: t("PlaceFilter.Radius"), variant: "outlined", size: "small", placeholder: t("PlaceFilter.TypeRadius"), type: "number", value: radius, onChange: function (e) {
+                                        if (!e.target.value.includes("-") &&
+                                            Number(e.target.value) <=
+                                                ((limit === null || limit === void 0 ? void 0 : limit.max) || constants_1.MAXIMUM_RADIUS)) {
+                                            onChange("radius", e.target.value);
+                                        }
+                                    }, onKeyDown: function (e) {
+                                        if (e.key === "Enter") {
+                                            onSearch();
+                                        }
+                                    }, error: !!(radius &&
+                                        Number(radius) <
+                                            ((limit === null || limit === void 0 ? void 0 : limit.min) || constants_1.MIN_RADIUS)) }) })] })), (isOnlyMap || showMap) && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, style: { position: "relative", marginTop: "16px" }, children: (0, jsx_runtime_1.jsx)(AWING_1.GoogleMap, { defaultLocation: { lat: (marker === null || marker === void 0 ? void 0 : marker.latitude) || 0, lng: (marker === null || marker === void 0 ? void 0 : marker.longitude) || 0 }, onUpdateLocation: onGoongMapSelect, apiKey: configs.GOOGLE_MAP_KEY, geofenceRadius: radius ? Number(radius) : 0 }) }))] })] }));
+}

package/lib/ACM-AXN/GeoFencing/container.d.ts

@@ -0,0 +1,2 @@
+import { GeoFencingProps } from "./interface";
+export default function Container(props: GeoFencingProps): import("react/jsx-runtime").JSX.Element;

package/lib/ACM-AXN/GeoFencing/container.js

@@ -0,0 +1,111 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Container;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18n_1 = __importDefault(require("../../i18n"));
+var component_1 = __importDefault(require("./component"));
+var react_1 = require("react");
+var common_1 = require("./common");
+var constants_1 = require("../../constants");
+var debounce = require("lodash/debounce");
+var pickOnMapDelay = debounce(function (action) {
+    action();
+}, constants_1.TIME_PICK_ON_MAP_DELAY);
+var onSearchDelay = debounce(function (action) {
+    action();
+}, constants_1.TIME_PICK_ON_MAP_DELAY);
+function Container(props) {
+    var _a;
+    var configs = props.configs, onChange = props.onChange, label = props.label, initValue = props.initValue, value = props.value, limit = props.limit, isOnlyMap = props.isOnlyMap;
+    var _b = (0, react_1.useState)({
+        latitude: (initValue === null || initValue === void 0 ? void 0 : initValue.latitude) || 0,
+        longitude: (initValue === null || initValue === void 0 ? void 0 : initValue.longitude) || 0,
+    }), marker = _b[0], setMarker = _b[1];
+    var _c = (0, react_1.useState)(((_a = initValue === null || initValue === void 0 ? void 0 : initValue.radius) === null || _a === void 0 ? void 0 : _a.toString()) || constants_1.DEFAULT_RADIUS), radius = _c[0], setRadius = _c[1];
+    var _d = (0, react_1.useState)((initValue === null || initValue === void 0 ? void 0 : initValue.latitude) && (initValue === null || initValue === void 0 ? void 0 : initValue.longitude)
+        ? "".concat(initValue.latitude, ", ").concat(initValue.longitude)
+        : ""), locationString = _d[0], setLocationString = _d[1];
+    (0, react_1.useEffect)(function () {
+        var language = localStorage.getItem("i18nextLng");
+        i18n_1.default.changeLanguage(language || "vi");
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [localStorage.getItem("i18nextLng")]);
+    (0, react_1.useEffect)(function () {
+        setMarker((0, common_1.formatMarker)(locationString));
+    }, [locationString]);
+    (0, react_1.useEffect)(function () {
+        onSearchDelay(function () {
+            if (marker && radius) {
+                if (Number(radius) >= ((limit === null || limit === void 0 ? void 0 : limit.min) || constants_1.MIN_RADIUS)) {
+                    onChange(__assign(__assign({}, marker), { radius: Number(radius) }));
+                }
+            }
+            else {
+                if (!locationString || !radius) {
+                    onChange(undefined);
+                }
+            }
+        });
+    }, [marker, radius]);
+    (0, react_1.useEffect)(function () {
+        var _a, _b;
+        if (value) {
+            if ("".concat(value.latitude, ", ").concat(value.longitude) !== locationString) {
+                setLocationString("".concat(value.latitude, ", ").concat(value.longitude));
+            }
+            if (((_a = value === null || value === void 0 ? void 0 : value.radius) === null || _a === void 0 ? void 0 : _a.toString()) !== radius) {
+                setRadius(((_b = value === null || value === void 0 ? void 0 : value.radius) === null || _b === void 0 ? void 0 : _b.toString()) || constants_1.DEFAULT_RADIUS);
+            }
+        }
+        else {
+            if (!initValue) {
+                setLocationString("");
+                setRadius(constants_1.DEFAULT_RADIUS);
+            }
+        }
+    }, [value]);
+    var handleChange = function (type, newValue) {
+        if (type === "locationString") {
+            setLocationString(newValue);
+        }
+        else {
+            setRadius(newValue);
+        }
+    };
+    var handleSearch = function () {
+        onSearchDelay.cancel();
+        if (marker && radius) {
+            if (Number(radius) >= ((limit === null || limit === void 0 ? void 0 : limit.min) || constants_1.MIN_RADIUS)) {
+                onChange(__assign(__assign({}, marker), { radius: Number(radius) }));
+            }
+        }
+        else {
+            if (!locationString || !radius) {
+                onChange(undefined);
+            }
+        }
+    };
+    var handleGoongMapSelect = function (newValue) {
+        setLocationString("".concat(newValue.latitude, ", ").concat(newValue.longitude));
+        if (radius) {
+            pickOnMapDelay(function () {
+                return onChange(__assign(__assign({}, newValue), { radius: Number(radius) }));
+            });
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(component_1.default, { label: label, configs: configs, marker: marker, radius: radius, locationString: locationString, onChange: handleChange, onSearch: handleSearch, onGoongMapSelect: handleGoongMapSelect, limit: limit, isOnlyMap: isOnlyMap }));
+}

package/lib/ACM-AXN/GeoFencing/index.d.ts

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

package/lib/ACM-AXN/GeoFencing/index.js

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

package/lib/ACM-AXN/GeoFencing/interface.d.ts

@@ -0,0 +1,20 @@
+export interface IConfig {
+    GOOGLE_MAP_KEY: string;
+}
+export interface GeoFencingValue {
+    latitude?: number;
+    longitude?: number;
+    radius?: number;
+}
+export interface GeoFencingProps {
+    initValue?: GeoFencingValue;
+    onChange: (value: GeoFencingValue | undefined) => void;
+    label: string;
+    configs: IConfig;
+    value?: GeoFencingValue;
+    limit?: {
+        min?: number;
+        max?: number;
+    };
+    isOnlyMap?: boolean;
+}

package/lib/ACM-AXN/GeoFencing/interface.js

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

package/lib/ACM-AXN/GroupUser/Container.d.ts

@@ -0,0 +1,2 @@
+declare const GroupUserContainer: () => import("react/jsx-runtime").JSX.Element;
+export default GroupUserContainer;

package/lib/ACM-AXN/GroupUser/Container.js

@@ -0,0 +1,55 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var PageManagement_1 = require("../../AWING/PageManagement");
+var react_1 = require("react");
+var react_i18next_1 = require("react-i18next");
+var Router_1 = require("../../AWING/Router");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
+var Context_1 = require("../../Context");
+var Hooks_1 = __importDefault(require("./Hooks"));
+var GroupUserContainer = function () {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var service = (0, Hooks_1.default)().service;
+    var _a = (0, Context_1.useAwing)().appHelper, confirm = _a.confirm, snackbar = _a.snackbar;
+    var navigate = (0, Router_1.useNavigate)();
+    var _b = (0, react_1.useState)(true), loading = _b[0], setLoading = _b[1];
+    var _c = (0, react_1.useState)(), userGroups = _c[0], setUserGroups = _c[1];
+    var handleNavigate = function () {
+        navigate(Constant_1.Constants.CREATE_PATH);
+    };
+    var getUserGroups = (0, react_1.useCallback)(function (queryParams) {
+        setLoading(true);
+        service
+            .groupsPaging(queryParams.searchString, undefined, queryParams.pageIndex, queryParams.pageSize)
+            .then(setUserGroups)
+            .finally(function () {
+            setLoading(false);
+        });
+    }, [service]);
+    var handleDelete = function (id) {
+        return service.groupsDelete(id).then(function () { return snackbar('success'); });
+    };
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(PageManagement_1.PageManagement, { title: t('UserGroup.Title'), onChangeQueryInput: getUserGroups, getRowId: function (obj) { return obj.groupId; }, columns: [
+                {
+                    field: '#',
+                    headerName: '#',
+                    width: 100,
+                    valueGetter: function (_unUse, idx, stt) { return stt; },
+                },
+                {
+                    field: 'name',
+                    headerName: t('Common.GroupName'),
+                },
+                {
+                    field: 'description',
+                    headerName: t('Common.Description'),
+                },
+            ], loading: loading, rows: (userGroups === null || userGroups === void 0 ? void 0 : userGroups.items) || [], onCreateButtonClick: handleNavigate, onRowClick: function (id) {
+                navigate([Constant_1.Constants.EDIT_PATH, id].join('/'));
+            }, totalOfRows: userGroups === null || userGroups === void 0 ? void 0 : userGroups.totalItemCount, onDelete: handleDelete, confirmDelete: confirm }) }));
+};
+exports.default = GroupUserContainer;

package/lib/ACM-AXN/GroupUser/Container.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';