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

package/lib/ACM-AXN/Permission/Components/Styles.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+exports.styles = {
+    root: {
+        padding: function (theme) { return theme.spacing(2); },
+        marginTop: function (theme) { return theme.spacing(2); },
+        '& .MuiPaper-root': {
+            boxShadow: 'none!important',
+        },
+    },
+    container: {
+        '& tr td': {
+            wordBreak: 'break-all',
+            '&:nth-last-of-type(2),&:last-child': {
+                width: '50px',
+            },
+            '&:nth-last-of-type(3)': {
+                width: 'calc(100% - 280px)',
+            },
+            borderBottom: '1px solid rgba(224, 224, 224, 0.3)',
+        },
+        '& .MuiButtonBase-root': {
+            visibility: 'visible!important',
+            padding: 0,
+        },
+        '& .MuiTableRow-hover:hover': {
+            backgroundColor: 'transparent!important',
+        },
+        '& table': {
+            borderTop: '1px solid rgba(224, 224, 224, 1)',
+        },
+    },
+    users: {
+        marginBottom: function (theme) { return theme.spacing(2); },
+    },
+    chips: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        marginBottom: '8px',
+    },
+    chip: {
+        margin: '2px',
+        backgroundColor: "#eeeeee",
+    },
+    label: {
+        marginBottom: function (theme) { return theme.spacing(1); },
+        fontWeight: '600',
+    },
+    noLabel: {
+        marginTop: function (theme) { return theme.spacing(3); },
+    },
+    errorLabel: {
+        color: '#e53935',
+    },
+    chipInput: {
+        '& :after': {
+            backgroundColor: '#4267B2',
+        },
+        '&:hover :before': {
+            backgroundColor: '#4267B2 !important',
+        },
+        '& .MuiChip-root': {
+            backgroundColor: '#eeeeee',
+            '& :after :hover': {
+                backgroundColor: '#4267B2',
+            },
+        },
+    },
+    addUserGroupUserBtn: {
+        fontWeight: '600',
+        padding: function (theme) { return theme.spacing(0.5, 1) + '!important'; },
+        backgroundColor: 'rgba(38, 50, 56, 0.08)',
+        '&:hover': {
+            backgroundColor: 'rgba(38, 50, 56, 0.15)',
+        },
+    },
+};

package/lib/ACM-AXN/Permission/Components/Types.d.ts

@@ -0,0 +1,24 @@
+import { PermissionAuthenType, PermissionCode } from "./Enums";
+export interface PermissionView {
+    authenId: string;
+    authenType: 0 | 1;
+    canDelete: boolean;
+    fullControl: boolean;
+    index: number;
+    listFolderContents: boolean;
+    modify: boolean;
+    name: string;
+    read: boolean;
+    readAndExecute: boolean;
+    write: boolean;
+}
+export interface UsersOrGroup {
+    authenId: string | undefined;
+    authenType: PermissionAuthenType | undefined;
+    name: string | undefined;
+}
+export interface PermissionAddOrEdit {
+    usersOrGroups: UsersOrGroup[];
+    inheritedPermissions: PermissionCode[] | undefined;
+    explicitPermissions: PermissionCode[] | undefined;
+}

package/lib/ACM-AXN/Permission/Components/Types.js

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

package/lib/ACM-AXN/Permission/Components/Utils.d.ts

@@ -0,0 +1,8 @@
+import { PermissionCode } from './Enums';
+export declare function checkAuthenTypeUser(authenType: number): boolean;
+export declare function changePermission(immutableExplicitPermissions: number[], permissionCode: number): number[];
+export declare const fields: {
+    permissionName: PermissionCode;
+    permissionInfo: string;
+    value: number;
+}[];

package/lib/ACM-AXN/Permission/Components/Utils.js

@@ -0,0 +1,125 @@
+"use strict";
+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));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fields = exports.changePermission = exports.checkAuthenTypeUser = void 0;
+var Enums_1 = require("./Enums");
+function checkAuthenTypeUser(authenType) {
+    return (Object.values(Enums_1.PermissionAuthenType)[authenType] ===
+        Enums_1.PermissionAuthenType.User);
+}
+exports.checkAuthenTypeUser = checkAuthenTypeUser;
+function changePermission(immutableExplicitPermissions, permissionCode) {
+    var explicitPermissions = __spreadArray([], immutableExplicitPermissions, true);
+    var FULL_CONTROL = Enums_1.PERMISSION_CODE.FULL_CONTROL, MODIFY = Enums_1.PERMISSION_CODE.MODIFY, READ_AND_EXECUTE = Enums_1.PERMISSION_CODE.READ_AND_EXECUTE, READ = Enums_1.PERMISSION_CODE.READ, WRITE = Enums_1.PERMISSION_CODE.WRITE, LIST_FOLDER_CONTENTS = Enums_1.PERMISSION_CODE.LIST_FOLDER_CONTENTS;
+    var permissionIndex = explicitPermissions.indexOf(permissionCode);
+    switch (permissionCode) {
+        case FULL_CONTROL:
+            if (permissionIndex === -1)
+                explicitPermissions = [
+                    FULL_CONTROL,
+                    MODIFY,
+                    READ_AND_EXECUTE,
+                    READ,
+                    WRITE,
+                    LIST_FOLDER_CONTENTS,
+                ];
+            else
+                explicitPermissions = explicitPermissions.filter(function (permisison) { return permisison !== permissionCode; });
+            break;
+        case MODIFY:
+            if (permissionIndex === -1)
+                explicitPermissions = [
+                    MODIFY,
+                    READ_AND_EXECUTE,
+                    READ,
+                    WRITE,
+                    LIST_FOLDER_CONTENTS,
+                ];
+            else
+                explicitPermissions = explicitPermissions.filter(function (permisison) {
+                    return permisison !== FULL_CONTROL &&
+                        permisison !== permissionCode;
+                });
+            break;
+        case READ_AND_EXECUTE:
+            if (permissionIndex === -1) {
+                var writePermission = explicitPermissions.find(function (permisison) { return permisison === WRITE; });
+                explicitPermissions = writePermission
+                    ? [READ_AND_EXECUTE, READ, WRITE, LIST_FOLDER_CONTENTS]
+                    : [READ_AND_EXECUTE, READ, LIST_FOLDER_CONTENTS];
+            }
+            else
+                explicitPermissions = explicitPermissions.filter(function (permisison) {
+                    return permisison !== FULL_CONTROL &&
+                        permisison !== MODIFY &&
+                        permisison !== permissionCode;
+                });
+            break;
+        case READ:
+        case LIST_FOLDER_CONTENTS:
+            if (permissionIndex === -1)
+                explicitPermissions.push(permissionCode);
+            else
+                explicitPermissions = explicitPermissions.filter(function (permisison) {
+                    return permisison !== FULL_CONTROL &&
+                        permisison !== MODIFY &&
+                        permisison !== READ_AND_EXECUTE &&
+                        permisison !== permissionCode;
+                });
+            break;
+        case WRITE:
+            if (permissionIndex === -1)
+                explicitPermissions.push(permissionCode);
+            else
+                explicitPermissions = explicitPermissions.filter(function (permisison) {
+                    return permisison !== FULL_CONTROL &&
+                        permisison !== MODIFY &&
+                        permisison !== permissionCode;
+                });
+            break;
+        default:
+            break;
+    }
+    return explicitPermissions;
+}
+exports.changePermission = changePermission;
+exports.fields = [
+    {
+        permissionName: Enums_1.PermissionCode.FullControl,
+        permissionInfo: 'DirectoryManagement.PermissionCodeDetail.FullControl',
+        value: Enums_1.PERMISSION_CODE.FULL_CONTROL,
+    },
+    {
+        permissionName: Enums_1.PermissionCode.Modify,
+        permissionInfo: 'DirectoryManagement.PermissionCodeDetail.Modify',
+        value: Enums_1.PERMISSION_CODE.MODIFY,
+    },
+    {
+        permissionName: Enums_1.PermissionCode.ReadAndExecute,
+        permissionInfo: 'DirectoryManagement.PermissionCodeDetail.ReadAndExecute',
+        value: Enums_1.PERMISSION_CODE.READ_AND_EXECUTE,
+    },
+    {
+        permissionName: Enums_1.PermissionCode.Read,
+        permissionInfo: 'DirectoryManagement.PermissionCodeDetail.Read',
+        value: Enums_1.PERMISSION_CODE.READ,
+    },
+    {
+        permissionName: Enums_1.PermissionCode.Write,
+        permissionInfo: 'DirectoryManagement.PermissionCodeDetail.Write',
+        value: Enums_1.PERMISSION_CODE.WRITE,
+    },
+    {
+        permissionName: Enums_1.PermissionCode.ListFolderContents,
+        permissionInfo: 'DirectoryManagement.PermissionCodeDetail.ListFolderContents',
+        value: Enums_1.PERMISSION_CODE.LIST_FOLDER_CONTENTS,
+    },
+];

package/lib/ACM-AXN/Permission/Components/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ViewPermissionManagementProps } from "./Management";
+export declare const ViewPermissionManagement: React.FC<ViewPermissionManagementProps>;
+export { default as AddOrEditPermission } from "./AddOrEdit";

package/lib/ACM-AXN/Permission/Components/index.js

@@ -0,0 +1,28 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AddOrEditPermission = exports.ViewPermissionManagement = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var i18n_1 = __importDefault(require("../../../i18n"));
+var react_i18next_1 = require("react-i18next");
+var Management_1 = __importDefault(require("./Management"));
+var ViewPermissionManagement = function (props) {
+    return ((0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, { i18n: i18n_1.default, children: (0, jsx_runtime_1.jsx)(Management_1.default, __assign({}, props)) }));
+};
+exports.ViewPermissionManagement = ViewPermissionManagement;
+// export default Permission;
+var AddOrEdit_1 = require("./AddOrEdit");
+Object.defineProperty(exports, "AddOrEditPermission", { enumerable: true, get: function () { return __importDefault(AddOrEdit_1).default; } });

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface PermissionContainerProps {
+    id: string;
+}
+declare const PermissionContainer: React.FC<PermissionContainerProps>;
+export default PermissionContainer;

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

@@ -0,0 +1,37 @@
+"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 react_1 = require("react");
+var recoil_1 = require("recoil");
+var Recoils_1 = require("./Recoils");
+var Utils_1 = require("./Utils");
+var PropsContext_1 = __importDefault(require("./PropsContext"));
+var AWING_1 = require("../../AWING");
+var Components_1 = require("./Components");
+var PermissionContainer = function (_a) {
+    var id = _a.id;
+    var service = (0, PropsContext_1.default)().service;
+    var _b = (0, recoil_1.useRecoilState)(Recoils_1.addPermissionState), permission = _b[0], setPermission = _b[1];
+    var _c = (0, react_1.useState)(true), isLoading = _c[0], setIsLoading = _c[1];
+    (0, react_1.useEffect)(function () {
+        fetchPermission();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [id]);
+    var fetchPermission = function () {
+        // PermissionModel
+        service
+            .directoryPermissionGet(id)
+            .then(setPermission)
+            .finally(function () { return setIsLoading(false); });
+    };
+    var handleDelete = function (authenId, authenType) {
+        return service
+            .directoryPermissionDelete(id, authenId, authenType)
+            .then(fetchPermission);
+    };
+    return isLoading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Components_1.ViewPermissionManagement, { permissions: (0, Utils_1.convertPermissionsPropsToViewPermissions)(permission.permissions), callBackDelete: handleDelete }) }));
+};
+exports.default = PermissionContainer;

package/lib/ACM-AXN/Permission/EditPermission.d.ts

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

package/lib/ACM-AXN/Permission/EditPermission.js

@@ -0,0 +1,68 @@
+"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");
+var react_1 = require("react");
+var react_i18next_1 = require("react-i18next");
+var recoil_1 = require("recoil");
+var Recoils_1 = require("./Recoils");
+var Utils_1 = require("./Utils");
+var react_router_dom_1 = require("react-router-dom");
+var Enums_1 = require("./Components/Enums");
+var PropsContext_1 = __importDefault(require("./PropsContext"));
+var ClassicDrawer_1 = __importDefault(require("../../Commons/Components/ClassicDrawer"));
+var Components_1 = require("./Components");
+var Context_1 = require("../../Context");
+var AWING_1 = require("../../AWING");
+var lodash_1 = require("lodash");
+var EditPermission = function () {
+    var _a;
+    var _b = (0, react_router_dom_1.useParams)(), authenId = _b.authenId, authenTypeName = _b.authenType;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var service = (0, PropsContext_1.default)().service;
+    var appHelper = (0, Context_1.useAwing)().appHelper;
+    var authenType = Object.values(Enums_1.PermissionAuthenType).indexOf(authenTypeName);
+    var _c = (0, recoil_1.useRecoilState)((0, Recoils_1.editPermissionState)({ authenId: authenId, authenType: authenType })), _d = _c[0], directoryId = _d.directoryId, _e = _d.permissions, _f = _e === void 0 ? [] : _e, permission = _f[0], setPermission = _c[1];
+    var _g = (0, react_1.useState)([]), explicitPermissions = _g[0], setExplicitPermissions = _g[1];
+    var _h = (0, react_1.useState)(false), isEdit = _h[0], setIsEdit = _h[1];
+    var _j = (0, react_1.useState)(false), loading = _j[0], setLoading = _j[1];
+    var submitUpdatePermission = function () {
+        if (permission) {
+            setLoading(true);
+            return service
+                .directoryPermissionPut(directoryId, {
+                directoryId: directoryId,
+                permissions: [__assign(__assign({}, permission), { explicitPermissions: explicitPermissions })],
+            })
+                .then(function () {
+                service
+                    .directoryPermissionGet(directoryId)
+                    .then(setPermission);
+            }).finally(function () { return setLoading(false); });
+        }
+        return Promise.reject();
+    };
+    var handleChageForm = function (data) {
+        setExplicitPermissions(data);
+        setIsEdit(true);
+    };
+    var permissionConvert = (0, react_1.useMemo)(function () { return (0, Utils_1.convertPermissionsPropsToEditPermissions)(permission); }, [permission]);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, __assign({ disableButtonSubmit: !isEdit ||
+                (!explicitPermissions.length &&
+                    !((_a = permission === null || permission === void 0 ? void 0 : permission.inheritedPermissions) === null || _a === void 0 ? void 0 : _a.length)), onSubmit: submitUpdatePermission, title: "".concat(t('DirectoryManagement.TitleEditPermission')).concat(permission ? ': ' + (permission === null || permission === void 0 ? void 0 : permission.name) : ''), confirmExit: isEdit }, appHelper, { children: (loading || (0, lodash_1.isEmpty)(permissionConvert)) ? (0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {}) :
+                (0, jsx_runtime_1.jsx)(Components_1.AddOrEditPermission, { permission: permissionConvert, handleChangeForm: handleChageForm }) })) }));
+};
+exports.default = EditPermission;

package/lib/ACM-AXN/Permission/EditPermission.test.d.ts

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

package/lib/ACM-AXN/Permission/EditPermission.test.js

@@ -0,0 +1,201 @@
+"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;
+    return g = { next: verb(0), "throw": verb(1), "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 EditPermission_1 = __importDefault(require("./EditPermission"));
+var react_router_dom_1 = require("react-router-dom");
+var recoil_1 = require("recoil");
+var Recoils_1 = require("./Recoils");
+var permissionsData = {
+    directoryId: '5389279642583501469',
+    permissions: [
+        {
+            authenId: '5682899564725819768',
+            authenType: 1,
+            name: 'Management',
+            inheritedPermissions: [2, 1, 3, 4, 5],
+            explicitPermissions: [0, 1, 2, 3, 4, 5],
+        },
+        {
+            authenId: '5413047589046096380',
+            authenType: 1,
+            name: 'Advance Users',
+            inheritedPermissions: [1, 3, 5],
+            explicitPermissions: [],
+        },
+        {
+            authenId: '5331628668002166749',
+            authenType: 1,
+            name: 'administrator',
+            inheritedPermissions: [0, 1, 2, 3, 4, 5],
+            explicitPermissions: [0, 1, 2, 3, 4, 5],
+        },
+        {
+            authenId: '1906',
+            authenType: 0,
+            name: 'tdkhoa',
+            inheritedPermissions: [],
+            explicitPermissions: [0, 1, 2, 3, 4, 5],
+        },
+    ],
+};
+// Mock AxiosProvider
+var clientMethod = {
+    directoryPermissionPut: function () {
+        var params = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            params[_i] = arguments[_i];
+        }
+        return Promise.resolve('');
+    },
+    directoryPermissionGet: function () { return function (_id) {
+        return Promise.resolve(permissionsData);
+    }; },
+};
+// Mock Axios client
+jest.mock('Commons/UseAxiosProvider', function () { return ({
+    __esModule: true,
+    default: function () { return ({
+        client: {
+            directoryPermissionPut: jest.fn(clientMethod.directoryPermissionPut),
+            directoryPermissionGet: jest.fn(clientMethod.directoryPermissionGet),
+        },
+    }); },
+}); });
+jest.mock('Commons/Client', function () { return ({
+    PermissionAuthenType: {
+        User: 'User',
+        Group: 'Group',
+    },
+}); });
+// mock react-router-dom
+jest.mock('react-router-dom', function () { return (__assign(__assign({}, jest.requireActual('react-router-dom')), { useParams: jest.fn() })); });
+// Mock Drawer
+jest.mock('Components/Drawer', function () { return function (props) { return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { "data-testid": "title-drawer", children: "title" }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onSubmit", onClick: function () {
+                props.onSubmit().catch(function () {
+                    console.log('error');
+                });
+            }, children: "submit" }), props.children] })); }; });
+// Mock AddOrEditPermission
+jest.mock('Components/Directory/Permission', function () { return ({
+    AddOrEditPermission: function (props) {
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { "data-testid": "AddOrEditPermission", children: "AddOrEditPermission" }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "handleChangeForm", onClick: function () {
+                        props.handleChangeForm([2, 0, 1, 3, 4, 5]);
+                    }, children: "submit" }), (0, jsx_runtime_1.jsx)("div", { children: JSON.stringify(props.permission) })] }));
+    },
+}); });
+var initPermissionState = __assign(__assign({}, permissionsData), { tempAuthens: [] });
+var renderUi = function (initPermission) {
+    if (initPermission === void 0) { initPermission = initPermissionState; }
+    var initializeState = function (_a) {
+        var set = _a.set;
+        set(Recoils_1.permissionState, initPermission);
+    };
+    return (0, react_1.render)((0, jsx_runtime_1.jsx)(recoil_1.RecoilRoot, { initializeState: initializeState, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(EditPermission_1.default, {}) }) }));
+};
+describe('EditPermission component', function () {
+    beforeEach(function () {
+        ;
+        react_router_dom_1.useParams.mockReturnValue({
+            authenId: '1906',
+            authenType: 'User',
+        });
+    });
+    it('should render AddOrEditPermission', function () {
+        renderUi();
+    });
+    it('trigger handleChangeForm', function () {
+        renderUi();
+        react_1.fireEvent.click(react_1.screen.getByTestId('handleChangeForm'));
+    });
+    it('trigger submit', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var putSpy;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    putSpy = jest.spyOn(clientMethod, 'directoryPermissionPut');
+                    renderUi();
+                    react_1.fireEvent.click(react_1.screen.getByTestId('onSubmit'));
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(putSpy).toHaveBeenCalledWith(permissionsData.directoryId, __assign(__assign({}, permissionsData), { permissions: [
+                                    __assign(__assign({}, permissionsData.permissions.at(-1)), { explicitPermissions: [] }),
+                                ] }));
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('trigger submit with wrong data', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var logSpy;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    logSpy = jest.spyOn(console, 'log');
+                    react_router_dom_1.useParams.mockReturnValue({
+                        authenId: '19068',
+                        authenType: 'User',
+                    });
+                    renderUi();
+                    react_1.fireEvent.click(react_1.screen.getByTestId('onSubmit'));
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(logSpy).toHaveBeenCalledWith('error');
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/lib/ACM-AXN/Permission/Enums.d.ts

@@ -0,0 +1,10 @@
+export declare const AUTHEN_TYPE: {
+    USER: {
+        name: string;
+        value: number;
+    };
+    GROUP: {
+        name: string;
+        value: number;
+    };
+};

package/lib/ACM-AXN/Permission/Enums.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AUTHEN_TYPE = void 0;
+exports.AUTHEN_TYPE = {
+    USER: {
+        name: "user",
+        value: 0,
+    },
+    GROUP: {
+        name: "group",
+        value: 1,
+    },
+};

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { AlertColor } from "@mui/material";
+import { PermissionView } from "./Components/Types";
+export interface ViewPermissionManagementProps {
+    callBackDelete: (authenId: string, authenType: number) => Promise<any>;
+    permissions: PermissionView[];
+    confirm: (okFunction?: () => void, cancelFunction?: () => void, message?: string, title?: string) => void;
+    snackbar: (severity?: AlertColor, message?: string, autoHideDuration?: number) => void;
+    editPermissionPath: string;
+}
+declare const ViewPermissionManagementContainer: React.FC<ViewPermissionManagementProps>;
+export default ViewPermissionManagementContainer;