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

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

@@ -0,0 +1,148 @@
+"use strict";
+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 __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 = AddAuthen;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var AWING_1 = require("../../../../AWING");
+var react_i18next_1 = require("react-i18next");
+var react_router_dom_1 = require("react-router-dom");
+var Context_1 = __importDefault(require("../../../../Context"));
+var material_1 = require("@mui/material");
+var react_1 = require("react");
+var Helpers_1 = require("../../../../Utils/Helpers");
+function AddAuthen(props) {
+    var _this = this;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var navigate = (0, react_router_dom_1.useNavigate)();
+    var _a = (0, react_1.useContext)(Context_1.default), service = _a.service, snackbar = _a.appHelper.snackbar;
+    var initialLoad = props.initialLoad, oldSelected = props.oldSelected, onSubmit = props.onSubmit;
+    var _b = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1];
+    var _c = (0, react_1.useState)(''), searchKey = _c[0], setSearchKey = _c[1];
+    var _d = (0, react_1.useState)(false), confirmExit = _d[0], setConfirmExit = _d[1];
+    var _e = (0, react_1.useState)(initialLoad ? initialLoad.users : []), users = _e[0], setUsers = _e[1];
+    var _f = (0, react_1.useState)(initialLoad ? initialLoad.groups : []), groups = _f[0], setGroups = _f[1];
+    var _g = (0, react_1.useState)(oldSelected), selected = _g[0], setSelected = _g[1];
+    var usersFilter = users.filter(function (user) {
+        return ((0, Helpers_1.changeToAlias)((user === null || user === void 0 ? void 0 : user.username) || '').includes((0, Helpers_1.changeToAlias)(searchKey)) ||
+            (0, Helpers_1.changeToAlias)((user === null || user === void 0 ? void 0 : user.name) || '').includes((0, Helpers_1.changeToAlias)(searchKey)));
+    });
+    var groupsFilter = groups.filter(function (group) {
+        return (0, Helpers_1.changeToAlias)((group === null || group === void 0 ? void 0 : group.name) || '').includes((0, Helpers_1.changeToAlias)(searchKey));
+    });
+    (0, react_1.useEffect)(function () {
+        if (!initialLoad) {
+            setLoading(true);
+            fetchAllUserAndGroup();
+        }
+    }, []);
+    var fetchAllUserAndGroup = function () { return __awaiter(_this, void 0, void 0, function () {
+        var responses, userData, groupData, err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, Promise.all([
+                            service.usersGet(),
+                            service.groupsGetAll(),
+                        ])];
+                case 1:
+                    responses = _a.sent();
+                    userData = responses[0];
+                    groupData = responses[1];
+                    setLoading(false);
+                    setUsers(userData);
+                    setGroups(groupData);
+                    return [3 /*break*/, 3];
+                case 2:
+                    err_1 = _a.sent();
+                    console.log(err_1);
+                    snackbar('error');
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleSelect = function (type, checked, value) {
+        !confirmExit && setConfirmExit(true);
+        if (checked) {
+            setSelected(__spreadArray(__spreadArray([], selected, true), [value], false));
+        }
+        else {
+            setSelected(selected.filter(function (s) {
+                if (type == 'user') {
+                    return s.userId != value.userId;
+                }
+                else {
+                    return s.groupId != value.groupId;
+                }
+            }));
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(AWING_1.Drawer, { title: t('Directory.AddUserOrGroup'), open: true, onClose: function () {
+            navigate('..');
+        }, confirmExit: confirmExit, onSubmit: function () {
+            onSubmit(selected);
+            navigate('..');
+        }, children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(material_1.Paper, { style: { padding: '16px' }, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, pb: 2, children: (0, jsx_runtime_1.jsx)(AWING_1.SearchBox, { variantPaper: "outlined", onSearch: function (searchType, searchString) {
+                                setSearchKey(searchString);
+                            } }) }), usersFilter.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "".concat(t('Directory.User'), " (").concat(usersFilter.length, ")") }) }), usersFilter.map(function (user) { return ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 3, children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: !!selected.find(function (s) {
+                                            return s.userId &&
+                                                s.userId ==
+                                                    user.userId;
+                                        }), onChange: function (e) {
+                                            handleSelect('user', e.target.checked, user);
+                                        } }), label: (0, Helpers_1.displayLongString)(user.username || '', 20) }) }, user.userId)); })] })), groupsFilter.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, pt: 2, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "".concat(t('Directory.Group'), " (").concat(groupsFilter.length, ")") }) }), groupsFilter.map(function (group) { return ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 3, children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: !!selected.find(function (s) {
+                                            return s.groupId &&
+                                                s.groupId ==
+                                                    group.groupId;
+                                        }), onChange: function (e) {
+                                            handleSelect('group', e.target.checked, group);
+                                        } }), label: (0, Helpers_1.displayLongString)(group.name, 20) }) }, group.groupId)); })] }))] }) })) }));
+}

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

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

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

@@ -0,0 +1,106 @@
+"use strict";
+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");
+var react_1 = require("@testing-library/react");
+var AddAuthen_1 = __importDefault(require("./AddAuthen"));
+var react_router_dom_1 = require("react-router-dom");
+var Context_1 = __importDefault(require("../../../../Context"));
+describe('AddAuthen', function () {
+    var mockGetUser = jest.fn();
+    var mockGetGroup = jest.fn();
+    var mockSubmit = jest.fn();
+    var usersGet = function () {
+        mockGetUser();
+        return new Promise(function (resolve) {
+            resolve([{ userId: '1', name: 'User1', username: 'user1' }]);
+        });
+    };
+    var groupsGetAll = function () {
+        mockGetGroup();
+        return new Promise(function (resolve) {
+            resolve([{ groupId: '2', name: 'Group2' }]);
+        });
+    };
+    it('renders the component and call API', 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: [],
+                    service: { usersGet: usersGet, groupsGetAll: groupsGetAll },
+                    appHelper: {},
+                    i18next: {},
+                    transactionType: {},
+                }, children: (0, jsx_runtime_1.jsx)(AddAuthen_1.default, { oldSelected: [], onSubmit: mockSubmit }) }) }));
+        expect(mockGetUser.mock.calls.length).toEqual(1);
+        expect(mockGetGroup.mock.calls.length).toEqual(1);
+    });
+    it('submit button, close button', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var buttonClose, buttonSave;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    (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: [],
+                                service: { usersGet: usersGet, groupsGetAll: groupsGetAll },
+                                appHelper: {},
+                                i18next: {},
+                                transactionType: {},
+                            }, children: (0, jsx_runtime_1.jsx)(AddAuthen_1.default, { oldSelected: [], onSubmit: mockSubmit }) }) }));
+                    buttonClose = react_1.screen.getByRole('button', { name: 'Close' });
+                    buttonSave = react_1.screen.getByRole('button', { name: 'Common.Save' });
+                    expect(buttonSave).toBeInTheDocument();
+                    expect(buttonClose).toBeInTheDocument();
+                    react_1.fireEvent.click(buttonSave);
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(mockSubmit.mock.calls.length).toEqual(1);
+                        })];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            var checkboxes = react_1.screen.getAllByRole('checkbox');
+                            expect(checkboxes.length).toEqual(2);
+                        })];
+                case 2:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

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

@@ -0,0 +1,5 @@
+interface Props {
+    isSystemDirectory?: boolean;
+}
+export default function CreateOrEditPermission(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,228 @@
+"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 = CreateOrEditPermission;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_i18next_1 = require("react-i18next");
+var AWING_1 = require("../../../../AWING");
+var material_1 = require("@mui/material");
+var UserOrGroup_1 = __importDefault(require("./UserOrGroup"));
+var SetPermission_1 = __importDefault(require("./SetPermission"));
+var react_1 = require("react");
+var constants_1 = require("./constants");
+var Context_1 = __importDefault(require("../../../../Context"));
+var react_router_dom_1 = require("react-router-dom");
+var uniq = require('lodash/uniq');
+function CreateOrEditPermission(props) {
+    return ((0, jsx_runtime_1.jsx)(AWING_1.DrawerNavigate, { childrenWrapperStyle: { padding: function (theme) { return theme.spacing(3); } }, children: (0, jsx_runtime_1.jsx)(Permission, __assign({}, props)) }));
+}
+function Permission(props) {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var isSystemDirectory = props.isSystemDirectory;
+    var _a = (0, react_1.useContext)(Context_1.default), service = _a.service, snackbar = _a.appHelper.snackbar;
+    var _b = (0, AWING_1.useDrawer)(), drawerState = _b.drawerState, setDrawerState = _b.setDrawerState, setDrawerTitle = _b.setDrawerTitle, setConfirmExit = _b.setConfirmExit;
+    var _c = (0, react_router_dom_1.useParams)(), directoryId = _c.directoryId, type = _c.type, id = _c.id;
+    var _d = (0, react_1.useState)(false), loading = _d[0], setLoading = _d[1];
+    var _e = (0, react_1.useState)([]), selected = _e[0], setSelected = _e[1];
+    var _f = (0, react_1.useState)([]), inheritedPermissions = _f[0], setInheritedPermissions = _f[1];
+    var _g = (0, react_1.useState)([]), explicitPermissions = _g[0], setExplicitPermissions = _g[1];
+    (0, react_1.useEffect)(function () {
+        if (type && id) {
+            setDrawerTitle(t('Directory.EditPermission'));
+            setLoading(true);
+            setDrawerState(AWING_1.DrawerStateEnum.LOADING);
+            var getPermission = service.directoryPermissionGet;
+            if (isSystemDirectory) {
+                getPermission = service.systemDirectoryPermissionGet;
+            }
+            getPermission(directoryId)
+                .then(function (res) {
+                var currentPermission = res.permissions.find(function (p) { return p.authenId == id; });
+                if (currentPermission) {
+                    setInheritedPermissions(currentPermission.inheritedPermissions);
+                    setExplicitPermissions(currentPermission.explicitPermissions);
+                    setSelected([
+                        type === 'user'
+                            ? {
+                                userId: id,
+                                username: currentPermission.name,
+                                name: currentPermission.name,
+                            }
+                            : { groupId: id, name: currentPermission.name },
+                    ]);
+                    var formValid = explicitPermissions.length > 0 &&
+                        selected.length > 0;
+                    setDrawerState(formValid
+                        ? AWING_1.DrawerStateEnum.VALID
+                        : AWING_1.DrawerStateEnum.INVALID);
+                }
+                setLoading(false);
+            })
+                .catch(function (error) {
+                snackbar('error');
+            });
+        }
+        else {
+            setDrawerTitle(t('Directory.AddPermission'));
+            var formValid = explicitPermissions.length > 0 && selected.length > 0;
+            setDrawerState(formValid ? AWING_1.DrawerStateEnum.VALID : AWING_1.DrawerStateEnum.INVALID);
+        }
+    }, []);
+    (0, react_1.useEffect)(function () {
+        if (drawerState === AWING_1.DrawerStateEnum.IN_PROGRESS) {
+            handleSubmit()
+                .then(function () {
+                snackbar('success');
+                (0, AWING_1.pub)('update-directory-permission');
+                setDrawerState(AWING_1.DrawerStateEnum.SUBMIT_SUCCESS);
+            })
+                .catch(function (err) {
+                snackbar('error');
+                console.log(err);
+                setDrawerState(AWING_1.DrawerStateEnum.VALID);
+            });
+        }
+    }, [drawerState]);
+    (0, react_1.useEffect)(function () {
+        var formValid = explicitPermissions.length > 0 && selected.length > 0;
+        if (drawerState === AWING_1.DrawerStateEnum.INVALID && formValid) {
+            setDrawerState(AWING_1.DrawerStateEnum.VALID);
+        }
+        if (drawerState === AWING_1.DrawerStateEnum.VALID && !formValid) {
+            setDrawerState(AWING_1.DrawerStateEnum.INVALID);
+        }
+    }, [explicitPermissions, selected]);
+    var addPermissionCode = function (permissionCode) {
+        var newExplicitPermissions = __spreadArray([], explicitPermissions, true);
+        switch (permissionCode) {
+            case constants_1.PERMISSION_CODE.READ:
+                newExplicitPermissions.push(constants_1.PERMISSION_CODE.READ);
+                break;
+            case constants_1.PERMISSION_CODE.WRITE:
+                newExplicitPermissions.push(constants_1.PERMISSION_CODE.WRITE);
+                break;
+            case constants_1.PERMISSION_CODE.LIST_FOLDER_CONTENTS:
+                newExplicitPermissions.push(constants_1.PERMISSION_CODE.LIST_FOLDER_CONTENTS);
+                break;
+            case constants_1.PERMISSION_CODE.READ_AND_EXECUTE:
+                newExplicitPermissions.push(constants_1.PERMISSION_CODE.READ_AND_EXECUTE, constants_1.PERMISSION_CODE.READ, constants_1.PERMISSION_CODE.LIST_FOLDER_CONTENTS);
+                break;
+            case constants_1.PERMISSION_CODE.MODIFY:
+                newExplicitPermissions.push(constants_1.PERMISSION_CODE.MODIFY, constants_1.PERMISSION_CODE.READ_AND_EXECUTE, constants_1.PERMISSION_CODE.WRITE, constants_1.PERMISSION_CODE.READ, constants_1.PERMISSION_CODE.LIST_FOLDER_CONTENTS);
+                break;
+            case constants_1.PERMISSION_CODE.FULL_CONTROL:
+                newExplicitPermissions.push(constants_1.PERMISSION_CODE.FULL_CONTROL, constants_1.PERMISSION_CODE.MODIFY, constants_1.PERMISSION_CODE.READ_AND_EXECUTE, constants_1.PERMISSION_CODE.WRITE, constants_1.PERMISSION_CODE.READ, constants_1.PERMISSION_CODE.LIST_FOLDER_CONTENTS);
+                break;
+        }
+        setExplicitPermissions(uniq(newExplicitPermissions));
+    };
+    var removePermissionCode = function (permissionCode) {
+        var newExplicitPermissions = __spreadArray([], explicitPermissions, true);
+        switch (permissionCode) {
+            case constants_1.PERMISSION_CODE.READ:
+                newExplicitPermissions = newExplicitPermissions.filter(function (p) {
+                    return ![
+                        constants_1.PERMISSION_CODE.FULL_CONTROL,
+                        constants_1.PERMISSION_CODE.MODIFY,
+                        constants_1.PERMISSION_CODE.READ_AND_EXECUTE,
+                        constants_1.PERMISSION_CODE.READ,
+                    ].includes(p);
+                });
+                break;
+            case constants_1.PERMISSION_CODE.WRITE:
+                newExplicitPermissions = newExplicitPermissions.filter(function (p) {
+                    return ![
+                        constants_1.PERMISSION_CODE.FULL_CONTROL,
+                        constants_1.PERMISSION_CODE.MODIFY,
+                        constants_1.PERMISSION_CODE.WRITE,
+                    ].includes(p);
+                });
+                break;
+            case constants_1.PERMISSION_CODE.LIST_FOLDER_CONTENTS:
+                newExplicitPermissions = newExplicitPermissions.filter(function (p) {
+                    return ![
+                        constants_1.PERMISSION_CODE.FULL_CONTROL,
+                        constants_1.PERMISSION_CODE.MODIFY,
+                        constants_1.PERMISSION_CODE.READ_AND_EXECUTE,
+                        constants_1.PERMISSION_CODE.LIST_FOLDER_CONTENTS,
+                    ].includes(p);
+                });
+                break;
+            case constants_1.PERMISSION_CODE.READ_AND_EXECUTE:
+                newExplicitPermissions = newExplicitPermissions.filter(function (p) {
+                    return ![
+                        constants_1.PERMISSION_CODE.FULL_CONTROL,
+                        constants_1.PERMISSION_CODE.MODIFY,
+                        constants_1.PERMISSION_CODE.READ_AND_EXECUTE,
+                    ].includes(p);
+                });
+                break;
+            case constants_1.PERMISSION_CODE.MODIFY:
+                newExplicitPermissions = newExplicitPermissions.filter(function (p) {
+                    return ![
+                        constants_1.PERMISSION_CODE.FULL_CONTROL,
+                        constants_1.PERMISSION_CODE.MODIFY,
+                    ].includes(p);
+                });
+                break;
+            case constants_1.PERMISSION_CODE.FULL_CONTROL:
+                newExplicitPermissions = newExplicitPermissions.filter(function (p) { return p !== constants_1.PERMISSION_CODE.FULL_CONTROL; });
+                break;
+        }
+        setExplicitPermissions(newExplicitPermissions);
+    };
+    var handleSelectPermission = function (checked, permissionCode) {
+        setConfirmExit(true);
+        if (checked) {
+            addPermissionCode(permissionCode);
+        }
+        else {
+            removePermissionCode(permissionCode);
+        }
+    };
+    var handleSubmit = function () {
+        var convertPermissions = selected.map(function (s) {
+            var result = {};
+            result.authenType = s.userId ? 0 : 1;
+            result.authenId = s.userId || s.groupId;
+            result.name = s.username || s.name;
+            result.explicitPermissions = explicitPermissions;
+            result.inheritedPermissions = [];
+            return result;
+        });
+        var updatePermission = service.directoryPermissionPut;
+        if (isSystemDirectory) {
+            updatePermission = service.systemDirectoryPermissionPut;
+        }
+        return updatePermission(directoryId, {
+            directoryId: directoryId,
+            permissions: convertPermissions,
+        });
+    };
+    return loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsxs)(material_1.Paper, { sx: { p: 2 }, children: [(0, jsx_runtime_1.jsx)(UserOrGroup_1.default, { isCreate: !type || !id, selected: selected, onSelectedChange: function (selected) {
+                    setConfirmExit(true);
+                    setSelected(selected);
+                } }), (0, jsx_runtime_1.jsx)(SetPermission_1.default, { inheritedPermissions: inheritedPermissions, explicitPermissions: explicitPermissions, onSelectPermission: handleSelectPermission })] }));
+}

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

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

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

@@ -0,0 +1,117 @@
+"use strict";
+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");
+var CreateOrEditPermission_1 = __importDefault(require("./CreateOrEditPermission"));
+var react_1 = require("@testing-library/react");
+var Context_1 = __importDefault(require("../../../../Context"));
+var react_router_dom_1 = require("react-router-dom");
+jest.mock('./UserOrGroup', function () { return function () {
+    return (0, jsx_runtime_1.jsx)("div", { children: "UserOrGroup" });
+}; });
+jest.mock('./SetPermission', function () { return function () {
+    return (0, jsx_runtime_1.jsx)("div", { children: "SetPermission" });
+}; });
+describe('CreateOrEditPermission', function () {
+    var mockDirectotyPermissionGet = jest.fn();
+    var mockSystemDirectotyPermissionGet = jest.fn();
+    var mockDirectotyPermissionPut = jest.fn();
+    var mockSystemDirectotyPermissionPut = jest.fn();
+    var directoryPermissionGet = function () {
+        mockDirectotyPermissionGet();
+        return new Promise(function (resolve) {
+            resolve([]);
+        });
+    };
+    var systemDirectoryPermissionGet = function () {
+        mockSystemDirectotyPermissionGet();
+        return new Promise(function (resolve) {
+            resolve([]);
+        });
+    };
+    var directoryPermissionPut = function () {
+        mockDirectotyPermissionPut();
+        return new Promise(function (resolve) {
+            resolve(true);
+        });
+    };
+    var systemDirectoryPermissionPut = function () {
+        mockSystemDirectotyPermissionPut();
+        return new Promise(function (resolve) {
+            resolve(true);
+        });
+    };
+    it('renders the component domain directory', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            (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: {
+                            directoryPermissionGet: directoryPermissionGet,
+                            systemDirectoryPermissionGet: systemDirectoryPermissionGet,
+                            directoryPermissionPut: directoryPermissionPut,
+                            systemDirectoryPermissionPut: systemDirectoryPermissionPut,
+                        },
+                        appHelper: {},
+                        transactionType: {},
+                    }, children: (0, jsx_runtime_1.jsx)(CreateOrEditPermission_1.default, {}) }) }));
+            expect(react_1.screen.getByText('UserOrGroup')).toBeInTheDocument();
+            expect(react_1.screen.getByText('SetPermission')).toBeInTheDocument();
+            return [2 /*return*/];
+        });
+    }); });
+    it('renders the component 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: {
+                        directoryPermissionGet: directoryPermissionGet,
+                        systemDirectoryPermissionGet: systemDirectoryPermissionGet,
+                        directoryPermissionPut: directoryPermissionPut,
+                        systemDirectoryPermissionPut: systemDirectoryPermissionPut,
+                    },
+                    appHelper: {},
+                    transactionType: {},
+                }, children: (0, jsx_runtime_1.jsx)(CreateOrEditPermission_1.default, { isSystemDirectory: true }) }) }));
+        expect(react_1.screen.getByText('UserOrGroup')).toBeInTheDocument();
+        expect(react_1.screen.getByText('SetPermission')).toBeInTheDocument();
+    });
+});

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

@@ -0,0 +1,5 @@
+interface Props {
+    isSystemDirectory?: boolean;
+}
+export default function Permission(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};