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

package/lib/ACM-AXN/Directory/components/Permission/Management.js

@@ -0,0 +1,203 @@
+"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 __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)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Permission;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var AWING_1 = require("../../../../AWING");
+var react_i18next_1 = require("react-i18next");
+var react_1 = require("react");
+var icons_material_1 = require("@mui/icons-material");
+var material_1 = require("@mui/material");
+var react_router_dom_1 = require("react-router-dom");
+var Context_1 = __importDefault(require("../../../../Context"));
+var constants_1 = require("./constants");
+var Constant_1 = require("../../../../ACM-AXN/Common/Constant");
+var PubSub_1 = require("../../../../AWING/PubSub");
+var uniq = require('lodash/uniq');
+var convertPermission = function (p) {
+    var permission = uniq(__spreadArray(__spreadArray([], p.inheritedPermissions, true), p.explicitPermissions, true));
+    return {
+        authenId: p.authenId,
+        authenType: p.authenType,
+        type: p.authenType == 0 ? 'user' : 'group',
+        name: p.name,
+        fullControl: permission.includes(constants_1.PERMISSION_CODE.FULL_CONTROL),
+        modify: permission.includes(constants_1.PERMISSION_CODE.MODIFY),
+        readAndExecute: permission.includes(constants_1.PERMISSION_CODE.READ_AND_EXECUTE),
+        read: permission.includes(constants_1.PERMISSION_CODE.READ),
+        write: permission.includes(constants_1.PERMISSION_CODE.WRITE),
+        listFolderContents: permission.includes(constants_1.PERMISSION_CODE.LIST_FOLDER_CONTENTS),
+        isDeleteAble: p.explicitPermissions.length > 0,
+    };
+};
+function Permission(props) {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    return ((0, jsx_runtime_1.jsx)(AWING_1.DrawerNavigate, { title: t('Directory.ObjectPermission'), customButtonSubmit: (0, jsx_runtime_1.jsx)(material_1.Button, { component: react_router_dom_1.Link, color: 'primary', variant: "contained", to: Constant_1.Constants.DIRECTORY_ADD_PERMISSION_PATH, children: t('Directory.AddPermission') }), childrenWrapperStyle: { padding: function (theme) { return theme.spacing(3); } }, children: (0, jsx_runtime_1.jsx)(FolderPermission, __assign({}, props)) }));
+}
+function FolderPermission(props) {
+    var _a = (0, react_i18next_1.useTranslation)(), t = _a.t, i18n = _a.i18n;
+    var isSystemDirectory = props.isSystemDirectory;
+    var setDrawerTitle = (0, AWING_1.useDrawer)().setDrawerTitle;
+    var navigate = (0, react_router_dom_1.useNavigate)();
+    var directoryId = (0, react_router_dom_1.useParams)().directoryId;
+    var _b = (0, react_1.useContext)(Context_1.default), appHelper = _b.appHelper, service = _b.service;
+    var confirm = appHelper.confirm, snackbar = appHelper.snackbar;
+    var _c = (0, react_1.useState)(false), loading = _c[0], setLoading = _c[1];
+    var _d = (0, react_1.useState)([]), permissions = _d[0], setPermissions = _d[1];
+    (0, react_1.useEffect)(function () {
+        var getDirectory = service.directoriesGet;
+        if (isSystemDirectory) {
+            getDirectory = service.systemDirectoriesGet;
+        }
+        getDirectory(directoryId).then(function (res) {
+            setDrawerTitle("".concat(t('Directory.ObjectPermission'), ": ").concat(i18n.exists("Menu.MenuName.Menu_".concat(directoryId))
+                ? t("Menu.MenuName.Menu_".concat(directoryId))
+                : res.name));
+        });
+        var randomKey = (0, PubSub_1.getRandomKey)();
+        (0, PubSub_1.sub)('update-directory-permission', function () {
+            fetchPermission();
+        }, randomKey);
+        return function () { return (0, PubSub_1.off)(randomKey); };
+    }, []);
+    (0, react_1.useEffect)(function () {
+        if (directoryId) {
+            (0, PubSub_1.pub)('update-directory-permission');
+        }
+    }, [directoryId]);
+    var fetchPermission = function () {
+        setLoading(true);
+        var getPermission = service.directoryPermissionGet;
+        if (isSystemDirectory) {
+            getPermission = service.systemDirectoryPermissionGet;
+        }
+        getPermission(directoryId)
+            .then(function (res) {
+            setPermissions(res.permissions.map(function (p) { return convertPermission(p); }));
+            setLoading(false);
+        })
+            .catch(function (err) {
+            snackbar('error');
+            console.log(err);
+        });
+    };
+    var handleDeletePermission = function (authenId, authenType) {
+        confirm(function () {
+            var deletePermission = service.directoryPermissionDelete;
+            if (isSystemDirectory) {
+                deletePermission = service.systemDirectoryPermissionDelete;
+            }
+            deletePermission(directoryId, authenId, authenType)
+                .then(function () {
+                snackbar('success');
+                (0, PubSub_1.pub)('update-directory-permission');
+            })
+                .catch(function (err) {
+                snackbar('error');
+                console.log(err);
+            });
+        });
+    };
+    return loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.DataGrid, { columns: [
+            {
+                field: '',
+                width: 50,
+                headerName: '#',
+                valueGetter: function (row, idx) {
+                    return idx + 1;
+                },
+            },
+            {
+                field: 'type',
+                width: 50,
+                headerName: '',
+                valueGetter: function (row, idx) {
+                    return row.type == 'user' ? ((0, jsx_runtime_1.jsx)(icons_material_1.Person, { fontSize: "small" })) : ((0, jsx_runtime_1.jsx)(icons_material_1.Group, { fontSize: "small" }));
+                },
+            },
+            {
+                field: 'name',
+                width: 180,
+                headerName: t('Common.UserGroupUser'),
+            },
+            {
+                field: 'fullControl',
+                headerName: 'FullControl',
+                valueGetter: function (row, idx) {
+                    return row.fullControl ? (0, jsx_runtime_1.jsx)(icons_material_1.Check, { color: "primary" }) : '';
+                },
+            },
+            {
+                field: 'modify',
+                headerName: 'Modify',
+                valueGetter: function (row, idx) {
+                    return row.modify ? (0, jsx_runtime_1.jsx)(icons_material_1.Check, { color: "primary" }) : '';
+                },
+            },
+            {
+                field: 'readAndExecute',
+                headerName: 'ReadAndExecute',
+                valueGetter: function (row, idx) {
+                    return row.readAndExecute ? ((0, jsx_runtime_1.jsx)(icons_material_1.Check, { color: "primary" })) : ('');
+                },
+            },
+            {
+                field: 'read',
+                headerName: 'Read',
+                valueGetter: function (row, idx) {
+                    return row.read ? (0, jsx_runtime_1.jsx)(icons_material_1.Check, { color: "primary" }) : '';
+                },
+            },
+            {
+                field: 'write',
+                headerName: 'Write',
+                valueGetter: function (row, idx) {
+                    return row.write ? (0, jsx_runtime_1.jsx)(icons_material_1.Check, { color: "primary" }) : '';
+                },
+            },
+            {
+                field: 'listFolderContents',
+                headerName: 'ListFolderContents',
+                valueGetter: function (row, idx) {
+                    return row.listFolderContents ? ((0, jsx_runtime_1.jsx)(icons_material_1.Check, { color: "primary" })) : ('');
+                },
+            },
+        ], rows: permissions, onRowClick: function (id, event) {
+            var current = permissions[id];
+            navigate(Constant_1.Constants.DIRECTORY_EDIT_PERMISSION_PATH +
+                "/".concat(current.type) +
+                "/".concat(current.authenId));
+        }, rowActions: [
+            {
+                icon: (0, jsx_runtime_1.jsx)(icons_material_1.Clear, { fontSize: "small" }),
+                tooltipTitle: t('Common.Delete'),
+                action: function (id) {
+                    var row = permissions[id];
+                    handleDeletePermission(row.authenId, row.authenType);
+                },
+                isShouldHideActions: function (row) { return !row.isDeleteAble; },
+            },
+        ] }));
+}

package/lib/ACM-AXN/Directory/components/Permission/ManagementPermission.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/ACM-AXN/Directory/components/Permission/ManagementPermission.test.js

@@ -0,0 +1,86 @@
+"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 Management_1 = __importDefault(require("./Management"));
+var react_1 = require("@testing-library/react");
+var react_router_dom_1 = require("react-router-dom");
+var Context_1 = __importDefault(require("../../../../Context"));
+describe('Management', function () {
+    var mockDirectoryGet = jest.fn();
+    var mockDirectoryPermissionGet = jest.fn();
+    var mockDeletePermission = jest.fn();
+    var mockSystemDirectoryGet = jest.fn();
+    var directoriesGet = function (directoryId) {
+        mockDirectoryGet(directoryId);
+        return new Promise(function (resolve) {
+            resolve({});
+        });
+    };
+    var systemDirectoriesGet = function (directoryId) {
+        mockSystemDirectoryGet(directoryId);
+        return new Promise(function (resolve) {
+            resolve({});
+        });
+    };
+    var directoryPermissionGet = function (directoryId) {
+        mockDirectoryPermissionGet(directoryId);
+        return new Promise(function (resolve) {
+            resolve({ permissions: [] });
+        });
+    };
+    var directoryPermissionDelete = function (directoryId, authenId, authenType) {
+        mockDeletePermission(directoryId, authenId, authenType);
+        return new Promise(function (resolve) {
+            resolve(true);
+        });
+    };
+    it('renders the component', function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(Context_1.default.Provider, { value: {
+                    routes: [],
+                    i18next: {},
+                    service: {
+                        directoriesGet: directoriesGet,
+                        directoryPermissionGet: directoryPermissionGet,
+                        directoryPermissionDelete: directoryPermissionDelete,
+                        systemDirectoriesGet: systemDirectoriesGet,
+                    },
+                    appHelper: {},
+                    transactionType: {},
+                }, children: (0, jsx_runtime_1.jsx)(Management_1.default, {}) }) }));
+        expect(react_1.screen.getByText('Directory.ObjectPermission')).toBeInTheDocument();
+    });
+    it('fetches the directory', function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(Context_1.default.Provider, { value: {
+                    routes: [],
+                    i18next: {},
+                    service: {
+                        directoriesGet: directoriesGet,
+                        directoryPermissionGet: directoryPermissionGet,
+                        directoryPermissionDelete: directoryPermissionDelete,
+                        systemDirectoriesGet: systemDirectoriesGet,
+                    },
+                    appHelper: {},
+                    transactionType: {},
+                }, children: (0, jsx_runtime_1.jsx)(Management_1.default, {}) }) }));
+        expect(mockDirectoryGet).toHaveBeenCalled();
+    });
+    it('case system directory', function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(Context_1.default.Provider, { value: {
+                    routes: [],
+                    i18next: {},
+                    service: {
+                        directoriesGet: directoriesGet,
+                        directoryPermissionGet: directoryPermissionGet,
+                        directoryPermissionDelete: directoryPermissionDelete,
+                        systemDirectoriesGet: systemDirectoriesGet,
+                    },
+                    appHelper: {},
+                    transactionType: {},
+                }, children: (0, jsx_runtime_1.jsx)(Management_1.default, { isSystemDirectory: true }) }) }));
+        expect(mockDirectoryGet).not.toHaveBeenCalled();
+        expect(mockSystemDirectoryGet).toHaveBeenCalled();
+    });
+});

package/lib/ACM-AXN/Directory/components/Permission/MenuPermissions/MenuPermissionManagement.d.ts

@@ -0,0 +1 @@
+export default function Permission(): import("react/jsx-runtime").JSX.Element;

package/lib/ACM-AXN/Directory/components/Permission/MenuPermissions/MenuPermissionManagement.js

@@ -0,0 +1,185 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Permission;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var AWING_1 = require("../../../../../AWING");
+var react_i18next_1 = require("react-i18next");
+var react_1 = require("react");
+var icons_material_1 = require("@mui/icons-material");
+var material_1 = require("@mui/material");
+var react_router_dom_1 = require("react-router-dom");
+var Context_1 = __importDefault(require("../../../../../Context"));
+var Constant_1 = require("../../../../../ACM-AXN/Common/Constant");
+var PubSub_1 = require("../../../../../AWING/PubSub");
+var AddAuthen_1 = __importDefault(require("../AddAuthen"));
+function Permission() {
+    var i18next = (0, react_1.useContext)(Context_1.default).i18next;
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18next }).t;
+    return ((0, jsx_runtime_1.jsx)(AWING_1.DrawerNavigate, { title: t('Directory.ObjectPermission'), customButtonSubmit: (0, jsx_runtime_1.jsx)(material_1.Button, { component: react_router_dom_1.Link, color: 'primary', variant: "contained", to: Constant_1.Constants.MENU_DIRECTORY_ADD_PERMISSION, children: t('Directory.AddPermission') }), childrenWrapperStyle: { padding: function (theme) { return theme.spacing(3); } }, children: (0, jsx_runtime_1.jsx)(MenuPermissions, {}) }));
+}
+function MenuPermissions() {
+    var _a = (0, react_1.useContext)(Context_1.default), appHelper = _a.appHelper, service = _a.service, i18next = _a.i18next;
+    var _b = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18next }), t = _b.t, i18n = _b.i18n;
+    var setDrawerTitle = (0, AWING_1.useDrawer)().setDrawerTitle;
+    var directoryId = (0, react_router_dom_1.useParams)().directoryId;
+    var confirm = appHelper.confirm, snackbar = appHelper.snackbar;
+    var _c = (0, react_1.useState)(false), loading = _c[0], setLoading = _c[1];
+    var _d = (0, react_1.useState)([]), permissions = _d[0], setPermissions = _d[1];
+    var _e = (0, react_1.useState)([]), users = _e[0], setUsers = _e[1];
+    var _f = (0, react_1.useState)([]), groups = _f[0], setGroups = _f[1];
+    var _g = (0, react_1.useState)(false), loadingAuthen = _g[0], setLoadingAuthen = _g[1];
+    (0, react_1.useEffect)(function () {
+        setLoadingAuthen(true);
+        var loader = [service.usersGet(), service.groupsGetAll()];
+        Promise.all(loader)
+            .then(function (responses) {
+            if (responses[0] && responses[1]) {
+                setUsers(responses[0]);
+                setGroups(responses[1]);
+            }
+            setLoadingAuthen(false);
+        })
+            .catch(function (err) {
+            console.log(err);
+            snackbar('error');
+        });
+    }, []);
+    (0, react_1.useEffect)(function () {
+        var getDirectory = service.menusGet;
+        getDirectory(directoryId).then(function (res) {
+            setDrawerTitle("".concat(t('Directory.ObjectPermission'), ": ").concat(i18n.exists("Menu.MenuName.Menu_".concat(directoryId))
+                ? t("Menu.MenuName.Menu_".concat(directoryId))
+                : res.name));
+        });
+        var randomKey = (0, PubSub_1.getRandomKey)();
+        (0, PubSub_1.sub)('update-directory-permission', function () {
+            fetchPermission();
+        }, randomKey);
+        return function () { return (0, PubSub_1.off)(randomKey); };
+    }, []);
+    (0, react_1.useEffect)(function () {
+        if (directoryId) {
+            (0, PubSub_1.pub)('update-directory-permission');
+        }
+    }, [directoryId]);
+    var fetchPermission = function () {
+        setLoading(true);
+        var getPermission = service.menuPermissionGet;
+        getPermission(directoryId)
+            .then(function (res) {
+            setPermissions(res.permissions);
+            setLoading(false);
+        })
+            .catch(function (err) {
+            snackbar('error');
+            console.log(err);
+        });
+    };
+    var handleDeletePermission = function (authenId, authenType) {
+        confirm(function () {
+            var deletePermission = service.menuPermissionDelete;
+            deletePermission(directoryId, authenId, authenType)
+                .then(function () {
+                snackbar('success');
+                (0, PubSub_1.pub)('update-directory-permission');
+            })
+                .catch(function (err) {
+                snackbar('error');
+                console.log(err);
+            });
+        });
+    };
+    var handleUpdateMenuPermission = function (selected) {
+        var temp = selected.map(function (s) {
+            var isGroup = s.groupId !== undefined;
+            return {
+                authenId: isGroup ? s.groupId : s.userId,
+                authenType: isGroup ? 1 : 0,
+                explicitPermission: true,
+            };
+        });
+        service
+            .menuPermissionPut(directoryId, {
+            menuId: directoryId,
+            permissions: temp,
+        })
+            .then(function () {
+            snackbar('success');
+            (0, PubSub_1.pub)('update-directory-permission');
+        })
+            .catch(function (err) {
+            snackbar('error');
+            console.log(err);
+        });
+    };
+    return loading && loadingAuthen ? ((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.DataGrid, { columns: [
+                    {
+                        field: '',
+                        width: 50,
+                        headerName: '#',
+                        valueGetter: function (row, idx) {
+                            return idx + 1;
+                        },
+                    },
+                    {
+                        field: 'authenType',
+                        width: 50,
+                        headerName: '',
+                        valueGetter: function (row, idx) {
+                            return row.authenType == 0 ? ((0, jsx_runtime_1.jsx)(icons_material_1.Person, { fontSize: "small" })) : ((0, jsx_runtime_1.jsx)(icons_material_1.Group, { fontSize: "small" }));
+                        },
+                    },
+                    {
+                        field: 'name',
+                        headerName: t('Common.UserGroupUser'),
+                        valueGetter: function (row, idx) {
+                            var _a, _b;
+                            return row.authenType == 0
+                                ? (_a = users.find(function (u) { return u.userId == row.authenId; })) === null || _a === void 0 ? void 0 : _a.username
+                                : (_b = groups.find(function (g) { return g.groupId == row.authenId; })) === null || _b === void 0 ? void 0 : _b.name;
+                        },
+                    },
+                    {
+                        field: 'inheritedPermission',
+                        headerName: t('Directory.InheritedPermission'),
+                        valueGetter: function (row, idx) {
+                            return row.inheritedPermission ? ((0, jsx_runtime_1.jsx)(icons_material_1.Check, { color: "primary" })) : ('');
+                        },
+                    },
+                    {
+                        field: 'explicitPermission',
+                        headerName: t('Directory.ExplicitPermission'),
+                        valueGetter: function (row, idx) {
+                            return row.explicitPermission ? ((0, jsx_runtime_1.jsx)(icons_material_1.Check, { color: "primary" })) : ('');
+                        },
+                    },
+                ], rows: permissions, rowActions: [
+                    {
+                        icon: (0, jsx_runtime_1.jsx)(icons_material_1.Clear, { fontSize: "small" }),
+                        tooltipTitle: t('Common.Delete'),
+                        action: function (id) {
+                            var row = permissions[id];
+                            handleDeletePermission(row.authenId, row.authenType);
+                        },
+                        isShouldHideActions: function (row) {
+                            return !row.explicitPermission;
+                        },
+                    },
+                ] }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Routes, { children: (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: Constant_1.Constants.MENU_DIRECTORY_ADD_PERMISSION, element: (0, jsx_runtime_1.jsx)(AddAuthen_1.default, { initialLoad: {
+                            users: users.filter(function (u) {
+                                return !permissions.find(function (p) {
+                                    return p.explicitPermission &&
+                                        p.authenId == u.userId;
+                                });
+                            }),
+                            groups: groups.filter(function (g) {
+                                return !permissions.find(function (p) {
+                                    return p.explicitPermission &&
+                                        p.authenId == g.groupId;
+                                });
+                            }),
+                        }, oldSelected: [], onSubmit: handleUpdateMenuPermission }) }) })] }));
+}

package/lib/ACM-AXN/Directory/components/Permission/MenuPermissions/MenuPermissionManagement.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/ACM-AXN/Directory/components/Permission/MenuPermissions/MenuPermissionManagement.test.js

@@ -0,0 +1,88 @@
+"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 MenuPermissionManagement_1 = __importDefault(require("./MenuPermissionManagement"));
+var react_1 = require("@testing-library/react");
+var react_router_dom_1 = require("react-router-dom");
+var Context_1 = __importDefault(require("../../../../../Context"));
+describe('Menu Management', function () {
+    var mockUsersGet = jest.fn();
+    var mockGetGroups = jest.fn();
+    var mockGetMenu = jest.fn();
+    var mockMenuPermissionGet = jest.fn();
+    var mockDeleteMenuPermission = jest.fn();
+    var usersGet = function () {
+        mockUsersGet();
+        return new Promise(function (resolve) {
+            resolve([]);
+        });
+    };
+    var groupsGetAll = function () {
+        mockGetGroups();
+        return new Promise(function (resolve) {
+            resolve({});
+        });
+    };
+    var menusGet = function (directoryId) {
+        mockGetMenu(directoryId);
+        return new Promise(function (resolve) {
+            resolve({ permissions: [] });
+        });
+    };
+    var menuPermissionGet = function (directoryId) {
+        mockMenuPermissionGet(directoryId);
+        return new Promise(function (resolve) {
+            resolve(true);
+        });
+    };
+    var menuPermissionDelete = function () {
+        mockDeleteMenuPermission();
+        return new Promise(function (resolve) {
+            resolve(true);
+        });
+    };
+    var menuPermissionPut = function () {
+        return new Promise(function (resolve) {
+            resolve(true);
+        });
+    };
+    it('renders the component', function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(Context_1.default.Provider, { value: {
+                    routes: [],
+                    i18next: {},
+                    service: {
+                        usersGet: usersGet,
+                        groupsGetAll: groupsGetAll,
+                        menusGet: menusGet,
+                        menuPermissionGet: menuPermissionGet,
+                        menuPermissionDelete: menuPermissionDelete,
+                        menuPermissionPut: menuPermissionPut,
+                    },
+                    appHelper: {},
+                    transactionType: {},
+                }, children: (0, jsx_runtime_1.jsx)(MenuPermissionManagement_1.default, {}) }) }));
+        expect(react_1.screen.getByText('Directory.ObjectPermission')).toBeInTheDocument();
+    });
+    it('fetches the menu', function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(Context_1.default.Provider, { value: {
+                    routes: [],
+                    i18next: {},
+                    service: {
+                        usersGet: usersGet,
+                        groupsGetAll: groupsGetAll,
+                        menusGet: menusGet,
+                        menuPermissionGet: menuPermissionGet,
+                        menuPermissionDelete: menuPermissionDelete,
+                        menuPermissionPut: menuPermissionPut,
+                    },
+                    appHelper: {},
+                    transactionType: {},
+                }, children: (0, jsx_runtime_1.jsx)(MenuPermissionManagement_1.default, {}) }) }));
+        expect(mockGetMenu).toHaveBeenCalled();
+        expect(mockUsersGet).toHaveBeenCalled();
+        expect(mockGetGroups).toHaveBeenCalled();
+    });
+});

package/lib/ACM-AXN/Directory/components/Permission/SetPermission.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    inheritedPermissions: number[];
+    explicitPermissions: number[];
+    onSelectPermission: (checked: boolean, permissionCode: number) => void;
+}
+export default function SetPermission(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/ACM-AXN/Directory/components/Permission/SetPermission.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = SetPermission;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_i18next_1 = require("react-i18next");
+var material_1 = require("@mui/material");
+var constants_1 = require("./constants");
+function SetPermission(props) {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var onSelectPermission = props.onSelectPermission, explicitPermissions = props.explicitPermissions, inheritedPermissions = props.inheritedPermissions;
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { pb: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", fontWeight: 'bold', lineHeight: '40px', style: { borderBottom: '1px solid lightgrey' }, children: t('DirectoryManagement.PermissionLabel') }), (0, jsx_runtime_1.jsx)(material_1.Table, { children: (0, jsx_runtime_1.jsx)(material_1.TableBody, { children: Object.entries(constants_1.PERMISSION_CODE).map(function (_a) {
+                        var key = _a[0], value = _a[1];
+                        return ((0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { style: {
+                                        fontWeight: 'bold',
+                                        border: 'none',
+                                    }, children: t('Directory.PermissionName.' + value) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { style: {
+                                        border: 'none',
+                                    }, children: t('Directory.PermissionDetail.' + value) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { padding: "checkbox", style: {
+                                        border: 'none',
+                                    }, children: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { disabled: true, color: "primary", checked: inheritedPermissions.indexOf(value) > -1 }) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { padding: "checkbox", style: {
+                                        border: 'none',
+                                    }, children: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { color: "primary", checked: explicitPermissions.indexOf(value) >
+                                            -1, onChange: function (event) {
+                                            onSelectPermission(event.target.checked, value);
+                                        } }) })] }, key));
+                    }) }) })] }));
+}

package/lib/ACM-AXN/Directory/components/Permission/SetPermission.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/ACM-AXN/Directory/components/Permission/SetPermission.test.js

@@ -0,0 +1,29 @@
+"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 SetPermission_1 = __importDefault(require("./SetPermission"));
+var react_1 = require("@testing-library/react");
+describe('SetPermission', function () {
+    var inheritedPermissions = [3, 4, 5];
+    var explicitPermissions = [3, 4, 5];
+    var mockOnSelectPermission = jest.fn();
+    it('renders the component with empty data', function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(SetPermission_1.default, { inheritedPermissions: [], explicitPermissions: [], onSelectPermission: mockOnSelectPermission }));
+        expect(react_1.screen.getByText('Directory.PermissionLabel')).toBeInTheDocument();
+        var checkboxes = react_1.screen.getAllByRole('checkbox');
+        expect(checkboxes).toHaveLength(12);
+    });
+    it('renders the component with data', function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(SetPermission_1.default, { inheritedPermissions: inheritedPermissions, explicitPermissions: explicitPermissions, onSelectPermission: mockOnSelectPermission }));
+        var checkboxes = react_1.screen.getAllByRole('checkbox');
+        // uncheck read permission
+        react_1.fireEvent.click(checkboxes[11]);
+        expect(mockOnSelectPermission.mock.calls[0]).toEqual([false, 5]);
+        // check read and excute permission
+        react_1.fireEvent.click(checkboxes[5]);
+        expect(mockOnSelectPermission.mock.calls[1]).toEqual([true, 1]);
+    });
+});

package/lib/ACM-AXN/Directory/components/Permission/UserOrGroup.d.ts

@@ -0,0 +1,8 @@
+import { IUSerOrGroup } from '../../interface';
+interface Props {
+    isCreate: boolean;
+    selected: IUSerOrGroup[];
+    onSelectedChange: (selected: IUSerOrGroup[]) => void;
+}
+export default function UserOrGroup(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};