awing-library 2.1.2-dev.98 → 2.1.2-stable.1

package/lib/ACM-AXN/PlaceGroup/ContentCreateOrEdit.test.js

@@ -0,0 +1,418 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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");
+/* eslint-disable testing-library/no-wait-for-side-effects */
+/**
+ *
+ * @author dauquan1108@gmail.com on 02/01/2024.
+ *
+ **/
+var react_1 = require("@testing-library/react");
+var react_router_dom_1 = require("react-router-dom");
+var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
+var AWING_1 = require("../../AWING");
+require("@testing-library/jest-dom");
+var mockPlaceGroup = {
+    id: '5227097136061907757',
+    name: 'test001',
+    domainId: '0',
+    description: '',
+    placeFilter: {
+        operandGroups: [
+            {
+                operands: [
+                    {
+                        type: 'PlaceId',
+                        operator: 'In',
+                        value: '["4935891587612795568","4993774690436659856"]',
+                    },
+                ],
+            },
+        ],
+    },
+    placeIds: ['4935891587612795568', '4993774690436659856'],
+};
+var mockPlaces = [
+    {
+        placeId: '4935891587612795568',
+        directoryId: '4684432198852342857',
+        directoryPath: '.0.90.4913100144472996590.4684432198852342857.4935891587612795568.',
+        name: 'Z2',
+        ip: '',
+        apControllerCode: 'mikrotikrouteros',
+        authenticationMethodCode: 'radius',
+        authenticationProfilePrimaryId: '4989653256910706366',
+        authenticationProfileOptionalIds: '',
+        address: 'ad',
+        longitude: 105.8084823,
+        latitude: 21.0838905,
+        description: '',
+        isPlaceSupportHttpsAuthentication: false,
+        domainId: '4913100144472996590',
+        communeCode: '00091',
+        districtCode: '003',
+        provinceCode: '01',
+        placeSelectionParameter: 'z=2',
+        status: 0,
+        isJoinNetwork: true,
+        networkStatus: 0,
+    },
+    {
+        placeId: '4993774690436659856',
+        directoryId: '4684432198852342857',
+        directoryPath: '.0.90.4913100144472996590.4684432198852342857.4993774690436659856.',
+        name: 'Z1',
+        ip: '',
+        apControllerCode: 'mikrotikrouteros',
+        authenticationMethodCode: 'radius',
+        authenticationProfilePrimaryId: '4989653256910706366',
+        authenticationProfileOptionalIds: '',
+        address: 'a',
+        longitude: 105.8481116,
+        latitude: 21.0467979,
+        description: '',
+        isPlaceSupportHttpsAuthentication: false,
+        domainId: '4913100144472996590',
+        communeCode: '00001',
+        districtCode: '001',
+        provinceCode: '01',
+        placeSelectionParameter: 'z=1',
+        status: 0,
+        isJoinNetwork: true,
+        networkStatus: 0,
+    },
+];
+var id = 'idPlaceGroup';
+var serviceMethod = {
+    placeGroupsGet: function (_id) { return Promise.resolve(mockPlaceGroup); },
+    placesQuery: function (body) { return Promise.resolve(mockPlaces); },
+    placeGroupsPut: function (body) { return Promise.resolve(); },
+    placeGroupsPost: function (body) { return Promise.resolve(); },
+};
+// Mock service
+jest.mock('./Hooks', function () { return ({
+    __esModule: true,
+    default: function () { return ({
+        service: {
+            placesQuery: jest.fn(serviceMethod.placesQuery),
+            placeGroupsGet: jest.fn(serviceMethod.placeGroupsGet),
+            placeGroupsPut: jest.fn(serviceMethod.placeGroupsPut),
+            placeGroupsPost: jest.fn(serviceMethod.placeGroupsPost),
+        },
+        appHelper: { snackbar: jest.fn() },
+    }); },
+}); });
+//  Mock đa ngữ
+jest.mock('react-i18next', function () { return (__assign(__assign({}, jest.requireActual('react-i18next')), { useTranslation: function () { return ({ t: jest.fn(function (key) { return key; }) }); } })); });
+// mock react-router-dom
+jest.mock('react-router-dom', function () { return (__assign(__assign({}, jest.requireActual('react-router-dom')), { useParams: jest.fn() })); });
+// mock useDrawer
+jest.mock('../../AWING', function () { return ({
+    DrawerStateEnum: {
+        PENDING: 'PENDING',
+        LOADING: 'LOADING',
+        INVALID: 'INVALID',
+        VALID: 'VALID',
+        IN_PROGRESS: 'IN_PROGRESS',
+        SUBMIT_SUCCESS: 'SUBMIT_SUCCESS',
+    },
+    useDrawer: jest.fn(),
+    BasicDataForm: function (props) {
+        return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "BasicDataForm", children: [(0, jsx_runtime_1.jsx)("p", { children: JSON.stringify(props.oldValue) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onUpdate", onClick: function () {
+                        props.onUpdate(true, {
+                            id: '5227097136061907757',
+                            name: 'test001',
+                            domainId: '0',
+                            description: 'QuanDX',
+                            placeFilter: {
+                                operandGroups: [
+                                    {
+                                        operands: [
+                                            {
+                                                type: 'PlaceId',
+                                                operator: 'In',
+                                                value: '["4935891587612795568","4993774690436659856"]',
+                                            },
+                                        ],
+                                    },
+                                ],
+                            },
+                            placeIds: [
+                                '4935891587612795568',
+                                '4993774690436659856',
+                            ],
+                        });
+                    } })] }));
+    },
+}); });
+// mock BasicDataForm
+jest.mock('./PlaceListInfo', function () { return function (props) { return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "PlaceListInfo", children: [(0, jsx_runtime_1.jsx)("p", { children: "PlaceListInfo" }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onDetailSubmit", onClick: function () {
+                props.onDetailSubmit([
+                    {
+                        placeId: '4935891587612795568',
+                        directoryId: '4684432198852342857',
+                        directoryPath: '.0.90.4913100144472996590.4684432198852342857.4935891587612795568.',
+                        name: 'Z2',
+                        ip: '',
+                        apControllerCode: 'mikrotikrouteros',
+                        authenticationMethodCode: 'radius',
+                        authenticationProfilePrimaryId: '4989653256910706366',
+                        authenticationProfileOptionalIds: '',
+                        address: 'ad',
+                        longitude: 105.8084823,
+                        latitude: 21.0838905,
+                        description: '',
+                        isPlaceSupportHttpsAuthentication: false,
+                        domainId: '4913100144472996590',
+                        communeCode: '00091',
+                        districtCode: '003',
+                        provinceCode: '01',
+                        placeSelectionParameter: 'z=2',
+                        status: 0,
+                        isJoinNetwork: true,
+                        networkStatus: 0,
+                    },
+                    {
+                        placeId: '4993774690436659856',
+                        directoryId: '4684432198852342857',
+                        directoryPath: '.0.90.4913100144472996590.4684432198852342857.4993774690436659856.',
+                        name: 'Z1',
+                        ip: '',
+                        apControllerCode: 'mikrotikrouteros',
+                        authenticationMethodCode: 'radius',
+                        authenticationProfilePrimaryId: '4989653256910706366',
+                        authenticationProfileOptionalIds: '',
+                        address: 'a',
+                        longitude: 105.8481116,
+                        latitude: 21.0467979,
+                        description: '',
+                        isPlaceSupportHttpsAuthentication: false,
+                        domainId: '4913100144472996590',
+                        communeCode: '00001',
+                        districtCode: '001',
+                        provinceCode: '01',
+                        placeSelectionParameter: 'z=1',
+                        status: 0,
+                        isJoinNetwork: true,
+                        networkStatus: 0,
+                    },
+                ], {
+                    operandGroups: [
+                        {
+                            operands: [
+                                {
+                                    operator: 'In',
+                                    type: 'PlaceId',
+                                    value: '["4935891587612795568","4993774690436659856"]',
+                                },
+                            ],
+                        },
+                    ],
+                });
+            } })] })); }; });
+describe('ContentCreateOrEdit component(PlaceGroup).', function () {
+    beforeEach(function () {
+        ;
+        react_router_dom_1.useParams.mockReturnValue({ id: '' });
+        AWING_1.useDrawer.mockReturnValue({
+            drawerState: 'VALID',
+            setDrawerState: function () {
+                var props = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    props[_i] = arguments[_i];
+                }
+            },
+            setDrawerTitle: function () {
+                var props = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    props[_i] = arguments[_i];
+                }
+            },
+        });
+    });
+    var renderUi = function () {
+        return (0, react_1.render)((0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, {}) }));
+    };
+    it('Render component', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            renderUi();
+            return [2 /*return*/];
+        });
+    }); });
+    it('handleSubmit-create', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var placeGroupsPostPostSpy;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    placeGroupsPostPostSpy = jest.spyOn(serviceMethod, 'placeGroupsPost');
+                    renderUi();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            react_1.fireEvent.click(react_1.screen.getByTestId('onUpdate'));
+                            react_1.fireEvent.click(react_1.screen.getByTestId('onDetailSubmit'));
+                            AWING_1.useDrawer.mockReturnValue({
+                                drawerState: 'IN_PROGRESS',
+                                setDrawerState: function () {
+                                    var props = [];
+                                    for (var _i = 0; _i < arguments.length; _i++) {
+                                        props[_i] = arguments[_i];
+                                    }
+                                },
+                                setDrawerTitle: function () {
+                                    var props = [];
+                                    for (var _i = 0; _i < arguments.length; _i++) {
+                                        props[_i] = arguments[_i];
+                                    }
+                                },
+                            });
+                            expect(placeGroupsPostPostSpy).toHaveBeenCalledWith({
+                                id: '5227097136061907757',
+                                name: 'test001',
+                                domainId: '0',
+                                description: 'QuanDX',
+                                placeFilter: {
+                                    operandGroups: [
+                                        {
+                                            operands: [
+                                                {
+                                                    type: 'PlaceId',
+                                                    operator: 'In',
+                                                    value: '["4935891587612795568","4993774690436659856"]',
+                                                },
+                                            ],
+                                        },
+                                    ],
+                                },
+                                placeIds: ['4935891587612795568', '4993774690436659856'],
+                            });
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('handleSubmit-edit', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var placeGroupsPutSpy;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    placeGroupsPutSpy = jest.spyOn(serviceMethod, 'placeGroupsPut');
+                    react_router_dom_1.useParams.mockReturnValue({ id: id });
+                    AWING_1.useDrawer.mockReturnValue({
+                        drawerState: 'IN_PROGRESS',
+                        setDrawerState: function () {
+                            var props = [];
+                            for (var _i = 0; _i < arguments.length; _i++) {
+                                props[_i] = arguments[_i];
+                            }
+                        },
+                        setDrawerTitle: function () {
+                            var props = [];
+                            for (var _i = 0; _i < arguments.length; _i++) {
+                                props[_i] = arguments[_i];
+                            }
+                        },
+                    });
+                    try {
+                        renderUi();
+                    }
+                    catch (e) {
+                        console.log('e', e);
+                    }
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(react_1.screen.getByTestId('onUpdate')).toBeInTheDocument();
+                        })
+                        // await waitFor(() => {
+                        //     fireEvent.click(screen.getByTestId('onUpdate'))
+                        //     fireEvent.click(screen.getByTestId('onDetailSubmit'))
+                        //     ;(useDrawer as jest.Mock).mockReturnValue({
+                        //         drawerState: 'IN_PROGRESS',
+                        //         setDrawerState: (...props: any) => {},
+                        //         setDrawerTitle: (...props: any) => {},
+                        //     })
+                    ];
+                case 1:
+                    _a.sent();
+                    // await waitFor(() => {
+                    //     fireEvent.click(screen.getByTestId('onUpdate'))
+                    //     fireEvent.click(screen.getByTestId('onDetailSubmit'))
+                    //     ;(useDrawer as jest.Mock).mockReturnValue({
+                    //         drawerState: 'IN_PROGRESS',
+                    //         setDrawerState: (...props: any) => {},
+                    //         setDrawerTitle: (...props: any) => {},
+                    //     })
+                    expect(placeGroupsPutSpy).toHaveBeenCalledWith({
+                        id: '5227097136061907757',
+                        name: 'test001',
+                        domainId: '0',
+                        description: 'QuanDX',
+                        placeFilter: {
+                            operandGroups: [
+                                {
+                                    operands: [
+                                        {
+                                            type: 'PlaceId',
+                                            operator: 'In',
+                                            value: '["4935891587612795568","4993774690436659856"]',
+                                        },
+                                    ],
+                                },
+                            ],
+                        },
+                        placeIds: ['4935891587612795568', '4993774690436659856'],
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/lib/ACM-AXN/PlaceGroup/Context.d.ts

@@ -0,0 +1,2 @@
+import { PlaceGroupPropsContext } from './Types';
+export declare const placeGroupPropsContext: import("react").Context<PlaceGroupPropsContext>;

package/lib/ACM-AXN/PlaceGroup/Context.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.placeGroupPropsContext = void 0;
+var react_1 = require("react");
+exports.placeGroupPropsContext = (0, react_1.createContext)({});

package/lib/ACM-AXN/PlaceGroup/CreateOrEdit.d.ts

@@ -0,0 +1,7 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 01/26/2024.
+ *
+ **/
+declare function CreateOrEdit(): import("react/jsx-runtime").JSX.Element;
+export default CreateOrEdit;

package/lib/ACM-AXN/PlaceGroup/CreateOrEdit.js

@@ -0,0 +1,117 @@
+"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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ * @author dauquan1108@gmail.com on 01/26/2024.
+ *
+ **/
+var react_1 = require("react");
+var react_router_dom_1 = require("react-router-dom");
+var react_i18next_1 = require("react-i18next");
+var Types_1 = require("./Types");
+var AWING_1 = require("../../AWING");
+var Hooks_1 = __importDefault(require("./Hooks"));
+var PlaceListInfo_1 = __importDefault(require("./PlaceListInfo"));
+var ClassicDrawer_1 = __importDefault(require("../../Commons/Components/ClassicDrawer"));
+function CreateOrEdit() {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var id = (0, react_router_dom_1.useParams)().id;
+    var service = (0, Hooks_1.default)().service;
+    var _a = (0, react_1.useState)(false), confirmExit = _a[0], setConfirmExit = _a[1];
+    var _b = (0, react_1.useState)(true), validState = _b[0], setValidState = _b[1];
+    var _c = (0, react_1.useState)(true), loading = _c[0], setLoading = _c[1];
+    var _d = (0, react_1.useState)(true), loadingTable = _d[0], setLoadingTable = _d[1];
+    var _e = (0, react_1.useState)(), placeGroup = _e[0], setPlaceGroup = _e[1];
+    var _f = (0, react_1.useState)(), placeFilter = _f[0], setPlaceFilter = _f[1];
+    var _g = (0, react_1.useState)([]), places = _g[0], setPlaces = _g[1];
+    (0, react_1.useEffect)(function () {
+        if (!placeGroup && id) {
+            service
+                .placeGroupsGet(id)
+                .then(function (placeGroupData) {
+                setPlaceGroup(placeGroupData);
+                setPlaceFilter(placeGroupData.placeFilter);
+            })
+                .finally(function () {
+                setLoading(false);
+            });
+        }
+        else {
+            setLoading(false);
+        }
+    }, [placeGroup, service, id]);
+    (0, react_1.useEffect)(function () {
+        if (id) {
+            service
+                .placesQuery({ groupIds: [id] })
+                .then(setPlaces)
+                .finally(function () {
+                setLoadingTable(false);
+            });
+        }
+        else {
+            setLoadingTable(false);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [id]);
+    var handleDetailSubmit = (0, react_1.useCallback)(function (placesSelected, placeFilter) {
+        setConfirmExit(true);
+        setPlaces(placesSelected);
+        setPlaceFilter(placeFilter);
+    }, []);
+    var handleSubmit = function () {
+        var newPlaceGroup = __assign(__assign({}, placeGroup), { placeIds: places.map(function (place) { return place.placeId; }), placeFilter: placeFilter !== null && placeFilter !== void 0 ? placeFilter : {
+                operandGroups: [
+                    {
+                        operands: [
+                            {
+                                operator: Types_1.LogicalOperator.In,
+                                type: Types_1.PlaceFilterOperandType.PlaceId,
+                                value: '[]',
+                            },
+                        ],
+                    },
+                ],
+            } });
+        return service[id ? 'placeGroupsPut' : 'placeGroupsPost'](newPlaceGroup);
+    };
+    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: id
+            ? "".concat(t('PlaceGroup.TitleEdit'), ": ").concat(placeGroup ? placeGroup === null || placeGroup === void 0 ? void 0 : placeGroup.name : 'Loading...')
+            : t('PlaceGroup.TitleCreate'), onSubmit: handleSubmit, confirmExit: confirmExit, disableButtonSubmit: !(validState && confirmExit), children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(AWING_1.BasicDataForm, { caption: t('PlaceGroup.TitlePlaceGroupInfo'), fields: [
+                        {
+                            fieldName: 'name',
+                            type: 'text',
+                            label: t('Common.GroupName'),
+                            required: true,
+                        },
+                        {
+                            fieldName: 'description',
+                            type: 'text',
+                            length: 200,
+                            pattern: false,
+                            label: t('PlaceGroup.Description'),
+                        },
+                    ], oldValue: placeGroup, onUpdate: function (validState, valueForm) {
+                        setConfirmExit(true);
+                        setValidState(validState);
+                        setPlaceGroup(function (oldPlaceGroup) {
+                            return (__assign(__assign({}, oldPlaceGroup), valueForm));
+                        });
+                    } }), (0, jsx_runtime_1.jsx)(PlaceListInfo_1.default, { rows: places, loading: loadingTable, onDetailSubmit: handleDetailSubmit, placeFilter: placeFilter })] })) }));
+}
+exports.default = CreateOrEdit;

package/lib/ACM-AXN/PlaceGroup/Hooks.d.ts

@@ -0,0 +1,7 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 19/02/2024.
+ *
+ **/
+declare const usePlaceGroupProps: () => import("./Types").PlaceGroupPropsContext;
+export default usePlaceGroupProps;

package/lib/ACM-AXN/PlaceGroup/Hooks.js

@@ -0,0 +1,17 @@
+"use strict";
+/**
+ *
+ * @author dauquan1108@gmail.com on 19/02/2024.
+ *
+ **/
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var Context_1 = require("./Context");
+var usePlaceGroupProps = function () {
+    var placeGroupProps = (0, react_1.useContext)(Context_1.placeGroupPropsContext);
+    var props = (0, react_1.useMemo)(function () {
+        return placeGroupProps;
+    }, [placeGroupProps]);
+    return props;
+};
+exports.default = usePlaceGroupProps;

package/lib/ACM-AXN/PlaceGroup/PlaceListInfo.d.ts

@@ -0,0 +1,14 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 01/26/2024.
+ *
+ **/
+import { Place, PlaceFilter } from './Types';
+interface PropsPlaceListInfo {
+    rows: Place[];
+    loading: boolean;
+    placeFilter: PlaceFilter;
+    onDetailSubmit: (placesSelected: Place[], placeFilter: PlaceFilter) => void;
+}
+declare function PlaceListInfo(props: PropsPlaceListInfo): import("react/jsx-runtime").JSX.Element;
+export default PlaceListInfo;

package/lib/ACM-AXN/PlaceGroup/PlaceListInfo.js

@@ -0,0 +1,68 @@
+"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");
+/**
+ *
+ * @author dauquan1108@gmail.com on 01/26/2024.
+ *
+ **/
+var react_1 = require("react");
+var react_i18next_1 = require("react-i18next");
+var material_1 = require("@mui/material");
+var Utils_1 = require("./Utils");
+var Hooks_1 = __importDefault(require("./Hooks"));
+var Helpers_1 = require("../../Utils/Helpers");
+var AWING_1 = require("../../AWING");
+function PlaceListInfo(props) {
+    var rows = props.rows, loading = props.loading, placeFilter = props.placeFilter, onDetailSubmit = props.onDetailSubmit;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var PlaceFilterField = (0, Hooks_1.default)().placeMultiSelectComponent;
+    var _a = (0, react_1.useState)([]), places = _a[0], setPlaces = _a[1];
+    (0, react_1.useLayoutEffect)(function () {
+        setPlaces(rows);
+    }, [rows]);
+    var _b = (0, react_1.useState)({
+        pageIndex: 0,
+        pageSize: 10,
+    }), queryParams = _b[0], setQueryParams = _b[1];
+    var handleChangeParams = function (params) {
+        if (rows.length) {
+            setPlaces(rows.filter(function (item) {
+                var _a, _b;
+                return (_a = item === null || item === void 0 ? void 0 : item.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes((_b = params === null || params === void 0 ? void 0 : params.searchString) === null || _b === void 0 ? void 0 : _b.trim().toLowerCase());
+            }));
+            setQueryParams({
+                pageIndex: params.pageIndex,
+                pageSize: params.pageSize,
+            });
+        }
+    };
+    var defaultValue = (0, react_1.useMemo)(function () {
+        return (0, Utils_1.getPlaceFilter)(places === null || places === void 0 ? void 0 : places.map(function (item) { return item.placeId; }), placeFilter);
+    }, [places, placeFilter]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, p: 3, ml: 3, mr: 3, mb: 2, component: material_1.Paper, sx: {
+            '& h1': {
+                fontWeight: '500',
+                fontSize: '1.25rem',
+            },
+        }, children: (0, jsx_runtime_1.jsx)(AWING_1.PageManagement, { onChangeQueryInput: handleChangeParams, title: t('PlaceGroup.TitlePlaceListInfo'), inputSearchPlaceholder: t('Common.SearchPlaceholder'), columns: [
+                {
+                    field: 'placeId',
+                    headerName: '#',
+                    valueGetter: function (row, idx, stt) { return stt; },
+                    width: 200,
+                },
+                {
+                    field: 'name',
+                    headerName: t('PlaceGroup.PlaceName'),
+                },
+            ], loading: loading, getRowId: function (row) { return row.placeId; }, rows: (0, Helpers_1.offlinePaginate)(places, queryParams.pageIndex, queryParams.pageSize), totalOfRows: (places === null || places === void 0 ? void 0 : places.length) || 0, customActions: (0, jsx_runtime_1.jsx)(material_1.Box, { ml: 2, component: "div", sx: { width: '250px' }, children: (0, jsx_runtime_1.jsx)(PlaceFilterField, { isDisplayTextField: true, isNotDisplayedPlaceGroup: true, defaultValue: defaultValue, onDetailSubmit: onDetailSubmit, TextFieldProps: {
+                        placeholder: (rows === null || rows === void 0 ? void 0 : rows.length) > 0
+                            ? "".concat(t('PlaceGroup.TotalSelected'), ": ").concat(rows.length)
+                            : "".concat(t('PlaceGroup.ChoosePlace')),
+                    } }) }) }) }));
+}
+exports.default = PlaceListInfo;

package/lib/ACM-AXN/PlaceGroup/PlaceListInfo.test.d.ts

@@ -0,0 +1,6 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 02/01/2024.
+ *
+ **/
+export {};