awing-library 2.1.96-beta → 2.1.97-beta

package/lib/ACM-AXN/Template/Types.d.ts

@@ -0,0 +1,84 @@
+import { DirectoryRoot } from '../../ACM-AXN/Campaign/Enum';
+import { Directory } from '../../ACM-AXN/Campaign/Types';
+import { IDirectory } from '../../ACM-AXN/Directory/interface';
+import { FileParameter, PhysicalFolder, Template } from '../../ACM-AXN/Page/Types';
+import { PageCode } from '../../ACM-AXN/Page/enums';
+import { FileResponse } from '../../Commons/Types';
+export interface ITemplateType {
+    id?: number;
+    name?: string;
+    templateTypeCode?: string;
+}
+export interface ITemplateParameter {
+    id?: string;
+    templateId?: string;
+    fieldName?: string;
+    fieldType?: string;
+    defaultValue?: string;
+    labelName?: string;
+    isRequired?: boolean;
+    childrens?: ITemplateParameter[];
+    isAdvanced?: boolean;
+}
+export interface ITemplateEvent {
+    id?: number;
+    templateId?: string;
+    event?: string;
+}
+export interface ITemplateModel {
+    template: ITemplate;
+    templateParameters: ITemplateParameter[];
+    templateEvents: ITemplateEvent[];
+}
+export interface ITemplate {
+    id?: string;
+    directoryId?: string;
+    directoryPath?: string;
+    name?: string;
+    templateHtml?: string;
+    layoutId?: string;
+    pageCode?: string;
+    description?: string;
+    templateTypeId?: number;
+    validation?: string;
+    autoField?: string;
+    isDeprecated?: boolean;
+}
+export interface ITemplatesPaging {
+    templates?: ITemplate[];
+    total?: number;
+}
+export interface ITemplateFileService {
+    templatesGetDirectories: () => Promise<Directory[]>;
+    templateTypesGet: () => Promise<ITemplateType[]>;
+    templatesGetByDirectoryId: (directoryId: string) => Promise<Template[]>;
+    templatesGet: ITemplateService['templatesGet'];
+    pageFilesCreateCreateUpload: (parentDirectoryId: string, code: PageCode, objectId: string, path: string, files: FileParameter[]) => Promise<void>;
+    pageFilesUpdateUpload: (code: PageCode, objectId: string, path: string, files: FileParameter[]) => Promise<void>;
+    pagesGenerateId: () => Promise<string>;
+    pageFilesUpdateGetTreeFolder: (code: PageCode, objectId: string) => Promise<PhysicalFolder>;
+    pageFilesCreateGetTreeFolder: (parentDirectoryId: string, code: PageCode, objectId: string) => Promise<PhysicalFolder>;
+    pageFilesCreateDownload: (parentDirectoryId: string, code: PageCode, objectId: string, pathFile: string) => Promise<FileResponse>;
+    pageFilesUpdateDownload: (code: PageCode, objectId: string, pathFile: string) => Promise<FileResponse>;
+    pageFilesUpdateDownloadFolder: (code: PageCode, objectId: string, path: string) => Promise<FileResponse>;
+    pageFilesCreateDownloadFolder: (parentDirectoryId: string, code: PageCode, objectId: string, path: string) => Promise<FileResponse>;
+    pageFilesCreateCreateFolder: (parentDirectoryId: string, code: PageCode, objectId: string, path: string, name: string) => Promise<void>;
+    pageFilesUpdateCreateFolder: (code: PageCode, objectId: string, path: string, name: string) => Promise<void>;
+    pageFilesCreateDelete: (parentDirectoryId: string, code: PageCode, objectId: string, path: string) => Promise<void>;
+    pageFilesUpdateDelete: (code: PageCode, objectId: string, path: string) => Promise<void>;
+}
+export interface ITemplateService extends ITemplateFileService {
+    templatesPaging: (searchString: string | undefined, pageSize: number | undefined, pageIndexc: number | undefined) => Promise<ITemplatesPaging>;
+    templatesExport(id: string | undefined): Promise<FileResponse>;
+    templatesDelete(id: string): Promise<void>;
+    directoriesGetByObjectTypeCode(objectTypeCode: DirectoryRoot): Promise<IDirectory[]>;
+    templatesImport(newDirectoryId: string | undefined, id: string | undefined, name: string | undefined, file: FileParameter | undefined): Promise<void>;
+    templateTypesGet(): Promise<ITemplateType[]>;
+    templatesGet(id: string): Promise<ITemplateModel>;
+    directoriesGenerateId(): Promise<string>;
+    templatesPut(id: string, body: ITemplateModel): Promise<void>;
+    templatesPost(body: ITemplateModel): Promise<void>;
+}
+export interface TemplateProps {
+    service: ITemplateService;
+}

package/lib/ACM-AXN/Template/Types.js

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

package/lib/ACM-AXN/Template/UploadButton.d.ts

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

package/lib/ACM-AXN/Template/UploadButton.js

@@ -0,0 +1,14 @@
+"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 CloudUpload_1 = __importDefault(require("@mui/icons-material/CloudUpload"));
+var material_1 = require("@mui/material");
+var react_i18next_1 = require("react-i18next");
+var UploadButton = function () {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('Common.Upload'), children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", style: { marginTop: '16px' }, children: (0, jsx_runtime_1.jsx)(CloudUpload_1.default, {}) }) }));
+};
+exports.default = UploadButton;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TemplateProps } from './Types';
+export declare const TemplateFeature: React.FC<TemplateProps>;
+export * from './Types';
+export default TemplateFeature;

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

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TemplateFeature = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Container_1 = __importDefault(require("./Container"));
+var Router_1 = require("../../AWING/Router");
+var react_1 = require("react");
+var Import_1 = __importDefault(require("./Import"));
+var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
+var Constants_1 = require("../../ACM-AXN/GroupUser/Constants");
+var Hooks_1 = require("./Hooks");
+var react_i18next_1 = require("react-i18next");
+var i18n_1 = __importDefault(require("../../i18n"));
+var TemplateFeature = function (props) {
+    var paths = [
+        { param: Constants_1.IMPORT_PATH, element: Import_1.default },
+        { param: Constants_1.CREATE_PATH, element: CreateOrEdit_1.default },
+        {
+            param: Constants_1.EDIT_PATH + '/:templateId',
+            element: CreateOrEdit_1.default,
+        },
+    ];
+    return ((0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, { i18n: i18n_1.default, children: (0, jsx_runtime_1.jsxs)(Hooks_1.templatePropsContext.Provider, { value: props, children: [(0, jsx_runtime_1.jsx)(Container_1.default, {}), (0, jsx_runtime_1.jsx)(Router_1.Routes, { children: paths.map(function (p) { return ((0, jsx_runtime_1.jsx)(Router_1.Route, { path: p.param, element: (0, react_1.createElement)(p.element) }, p.param)); }) })] }) }));
+};
+exports.TemplateFeature = TemplateFeature;
+__exportStar(require("./Types"), exports);
+exports.default = exports.TemplateFeature;

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

@@ -1,2 +1,3 @@
-export declare function ViewTemplate(props: any): import("react/jsx-runtime").JSX.Element;
+import { ViewTemplateProps } from "./interface";
+export declare function ViewTemplate(props: ViewTemplateProps): import("react/jsx-runtime").JSX.Element;
 export default ViewTemplate;

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

@@ -1,3 +1,4 @@
+import { PageViewEvent } from "../../ACM-AXN/Page/Types";
 export interface Configs {
     TEMPLATE_FILE_PATH?: string;
     FILE_TEMP_PATH?: string;
@@ -48,6 +49,9 @@ export interface FieldProps {
     onNotifyError: (errorMessage: string) => void;
     onUploadFile: (files: any[]) => Promise<string>;
 }
+export interface ViewTemplateEvents extends Omit<PageViewEvent, 'viewNumber'> {
+    protected?: boolean;
+}
 export interface ViewTemplateProps {
     templateDatas: FieldInfo[];
     /**
@@ -90,5 +94,6 @@ export interface ViewTemplateProps {
      * Hiển thị thông báo lỗi
      */
     onNotifyError?: (errorMessage: string) => void;
-    onUploadFile: (files: any[]) => Promise<string>;
+    onUploadFile: (files: any[]) => Promise<any>;
+    viewEvents?: ViewTemplateEvents[];
 }

package/lib/AWING/HOC/Wrapper.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const Wrapper: <T extends React.FC<any> = () => JSX.Element, W extends React.FC<any> = () => JSX.Element>(Compoent: T, Parrent: {
+    component: W;
+    props?: React.ComponentProps<W>;
+}) => React.FC<React.ComponentProps<T>>;
+export default Wrapper;

package/lib/AWING/HOC/Wrapper.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var Wrapper = function (Compoent, Parrent) {
+    var wrapped = function (props) {
+        return (0, react_1.createElement)(Parrent.component, Parrent.props, (0, react_1.createElement)(Compoent, props));
+    };
+    return wrapped;
+};
+exports.default = Wrapper;

package/lib/translate/en/translation.json

@@ -112,7 +112,10 @@
         "GroupName": "Group Name",
         "InvalidChars": "Invalid characters",
         "InvalidLength": "Invalid string length",
-        "RequestHasApprove": "Your request have approved"
+        "RequestHasApprove": "Your request have approved",
+        "Advance": "Advance",
+        "Default": "Default",
+        "Events": "Events"
     },
     "User": {
         "Username": "Username",
@@ -132,6 +135,29 @@
         "All": "All",
         "TotalSelected": "Total selected"
     },
+    "TemplateManagement": {
+        "Create": "Create template",
+        "Edit": "Edit template",
+        "title": "Template Management",
+        "TemplateName": "Template name",
+        "Page_lgn": "Page Login",
+        "Page_wlc": "Page Welcome",
+        "TemplateId": "Template ID",
+        "ImportTemplate": "Import template",
+        "Information": "Information",
+        "Template": "Template",
+        "Advance": "Advance",
+        "Script": "Script",
+        "TemplateHtml": "Html",
+        "TemplateValidation": "Validation",
+        "FieldAutoUpdate": "Field Auto Update",
+        "Parameter": "Parameter",
+        "FieldName": "Name",
+        "fieldType": "Type",
+        "NamingFieldNotice": "Do not use period characters (\". \") when naming fields",
+        "DuplicateFieldName": "Field name duplicated. Please check again",
+        "isDeprecate": "Unsupport"
+    },
     "InvalidMessage": {
         "InvalidNotExistedUsername": "Username is invalid or not existed",
         "InvalidAccountConnected": "Account has been added to this domain!"

package/lib/translate/vi/translation.json

@@ -117,7 +117,10 @@
         "Copied": "Đã sao chép",
         "InvalidChars": "Ký tự không hợp lệ",
         "InvalidLength": "Độ dài chuỗi không hợp lệ",
-        "RequestHasApprove": "Yêu cầu đã được thay đổi"
+        "RequestHasApprove": "Yêu cầu đã được thay đổi",
+        "Advance": "Nâng cao",
+        "Default": "Mặc định",
+        "Events": "Sự kiện"
     },
     "InvalidMessage": {
         "InvalidNotExistedUsername": "Tài khoản không tồn tại",
@@ -462,6 +465,29 @@
         "CantBeDelete": "Không thể xoá chiến dịch này",
         "Attributes": "Thuộc tính"
     },
+    "TemplateManagement": {
+        "Create": "Tạo mới template",
+        "Edit": "Sửa template",
+        "title": "Quản trị template",
+        "TemplateName": "Tên Template",
+        "Page_lgn": "Trang Login",
+        "Page_wlc": "Trang Welcome",
+        "TemplateId": "Template ID",
+        "ImportTemplate": "Nhập Template",
+        "Information": "Thông tin",
+        "Template": "Template",
+        "Advance": "Nâng cao",
+        "Script": "Kịch bản",
+        "TemplateHtml": "Html",
+        "TemplateValidation": "Validation",
+        "FieldAutoUpdate": "Trường tự động cập nhật",
+        "Parameter": "Parameter",
+        "FieldName": "Tên",
+        "fieldType": "Kiểu",
+        "NamingFieldNotice": "Không sử dụng ký tự dấu chấm (\".\") khi đặt tên cho trường",
+        "DuplicateFieldName": "Tên trường trùng lặp. Vui lòng kiểm tra lại",
+        "isDeprecate": "Không hỗ trợ"
+    },
     "DirectoryManagement": {
         "DirectoryName": "Tên thư mục",
         "CreateNewFolder": "Điền tên thư mục để tạo.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "awing-library",
-  "version": "2.1.96-beta",
+  "version": "2.1.97-beta",
   "description": "",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/lib/ACM-AXN/Page/CreateOrEdit/TabFile/index.test.d.ts

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

package/lib/ACM-AXN/Page/CreateOrEdit/TabFile/index.test.js

@@ -1,326 +0,0 @@
-"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");
-/* eslint-disable testing-library/no-wait-for-side-effects */
-/* eslint-disable testing-library/no-wait-for-multiple-assertions */
-/* eslint-disable testing-library/no-unnecessary-act */
-/* eslint-disable testing-library/no-node-access */
-/* eslint-disable testing-library/no-container */
-/* eslint-disable testing-library/no-wait-for-side-effects */
-var react_1 = require("@testing-library/react");
-var user_event_1 = __importDefault(require("@testing-library/user-event"));
-var _1 = __importDefault(require("."));
-var recoil_1 = require("recoil");
-require("@testing-library/jest-dom");
-// Mock Axios client
-var directory = {
-    folderChildrens: [
-        {
-            folderChildrens: [
-                {
-                    folderChildrens: [],
-                    fileChildrens: [],
-                    name: 'hu',
-                    path: '/chào bạn/hu',
-                },
-            ],
-            fileChildrens: [
-                {
-                    name: 'CompressJPEG.online_512x512_image.jpg',
-                    path: '/chào bạn/CompressJPEG.online_512x512_image.jpg',
-                },
-            ],
-            name: 'chào bạn',
-            path: '/chào bạn',
-        },
-        {
-            folderChildrens: [],
-            fileChildrens: [],
-            name: 'ahihi',
-            path: '/ahihi',
-        },
-    ],
-    fileChildrens: [],
-    name: '4671435926616395650',
-    path: '',
-};
-var clientMethod = {
-    pageFilesCreateFolderPUT: function () {
-        var params = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            params[_i] = arguments[_i];
-        }
-        return Promise.resolve();
-    },
-    pageFilesDelete2: function () {
-        var params = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            params[_i] = arguments[_i];
-        }
-        return Promise.resolve();
-    },
-    pageFilesUploadPUT: function () {
-        var params = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            params[_i] = arguments[_i];
-        }
-        return Promise.resolve();
-    },
-    pageFilesDownload2: function () {
-        var params = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            params[_i] = arguments[_i];
-        }
-        return Promise.resolve();
-    },
-    pageFilesDownloadFolder2: function () {
-        var params = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            params[_i] = arguments[_i];
-        }
-        return Promise.resolve();
-    },
-    pageFilesCreateGetTreeFolder: function () {
-        var params = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            params[_i] = arguments[_i];
-        }
-        return Promise.resolve(directory);
-    },
-    pageFilesUpdateGetTreeFolder: function () {
-        var params = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            params[_i] = arguments[_i];
-        }
-        return Promise.resolve(directory);
-    },
-};
-jest.mock('../../Context', function () { return ({
-    __esModule: true,
-    default: function () { return ({
-        service: {
-            pageFilesCreateGetTreeFolder: jest.fn(clientMethod.pageFilesCreateGetTreeFolder),
-            pageFilesUpdateGetTreeFolder: jest.fn(clientMethod.pageFilesUpdateGetTreeFolder),
-        },
-        pageCode: 1,
-        domainId: 'dat0910jqka',
-        configs: {
-            CAPTIVE_DOMAIN: 'CAPTIVE_DOMAIN',
-            PAGE_LOGIN_PREVIEW: 'PAGE_LOGIN_PREVIEW',
-        },
-    }); },
-}); });
-var mockFn = {
-    confirm: function (ok) {
-        ok();
-    },
-};
-jest.mock('../../../../Context', function () { return ({
-    __esModule: true,
-    useAwing: function () { return ({
-        appHelper: {
-            confirm: jest.fn(function (ok) { return mockFn.confirm(ok); }),
-            snackbar: jest.fn(function (str) { }),
-        },
-    }); },
-}); });
-jest.mock('./FileUtils', function () { return ({
-    __esModule: true,
-    useFileUtils: function () {
-        var params = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            params[_i] = arguments[_i];
-        }
-        return ({
-            createFolder: jest.fn(function () {
-                var params = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    params[_i] = arguments[_i];
-                }
-                return Promise.resolve(clientMethod.pageFilesCreateFolderPUT.apply(clientMethod, params));
-            }),
-            delete: jest.fn(function () {
-                var params = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    params[_i] = arguments[_i];
-                }
-                return Promise.resolve(clientMethod.pageFilesDelete2.apply(clientMethod, params));
-            }),
-            upload: jest.fn(function () {
-                var params = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    params[_i] = arguments[_i];
-                }
-                return Promise.resolve(clientMethod.pageFilesUploadPUT.apply(clientMethod, params));
-            }),
-            downloadFolder: jest.fn(function () {
-                var params = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    params[_i] = arguments[_i];
-                }
-                return Promise.resolve(clientMethod.pageFilesDownloadFolder2.apply(clientMethod, params));
-            }),
-            downloadFile: jest.fn(function () {
-                var params = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    params[_i] = arguments[_i];
-                }
-                return Promise.resolve(clientMethod.pageFilesDownload2.apply(clientMethod, params));
-            }),
-        });
-    },
-}); });
-// Mock i18next
-jest.mock('react-i18next', function () { return (__assign(__assign({}, jest.requireActual('react-i18next')), { useTranslation: function () { return ({ t: jest.fn(function (key) { return key; }) }); } })); });
-// Mock DataForm
-jest.mock('../../../../Commons/Components/DeprecatedEnhancedDialog', function () { return function (props) {
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("button", { "data-testid": "creatDirectoryCallBack", onClick: function () {
-                props.onSubmit('DirectoryName');
-            } }) }));
-}; });
-jest.mock('../../../../Commons/Components/FolderTreeView', function () { return function (props) {
-    return ((0, jsx_runtime_1.jsx)("div", { children: Object.entries(props).map(function (_a) {
-            var key = _a[0], val = _a[1];
-            return key === 'rootItem' ? ((0, jsx_runtime_1.jsx)("p", { children: JSON.stringify(props.rootItem) }, key)) : ((0, jsx_runtime_1.jsx)("button", { "data-testid": key, onClick: function () {
-                    val(key + 'path');
-                } }, key));
-        }) }));
-}; });
-var renderUi = function (isCreat) {
-    if (isCreat === void 0) { isCreat = false; }
-    return (0, react_1.render)((0, jsx_runtime_1.jsx)(recoil_1.RecoilRoot, { children: (0, jsx_runtime_1.jsx)(_1.default, { isCreate: isCreat }) }));
-};
-describe('Tab File component', function () {
-    it('render without crash', function () {
-        renderUi();
-    });
-    it('trigger Download', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var pageFilesDownload2Spy, pageFilesDownloadFolder2Spy;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    pageFilesDownload2Spy = jest.spyOn(clientMethod, 'pageFilesDownload2');
-                    pageFilesDownloadFolder2Spy = jest.spyOn(clientMethod, 'pageFilesDownloadFolder2');
-                    renderUi();
-                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
-                            react_1.fireEvent.click(react_1.screen.getByTestId('onDownload'));
-                            expect(pageFilesDownload2Spy).toHaveBeenCalledWith('onDownloadpath');
-                            react_1.fireEvent.click(react_1.screen.getByTestId('onDownloadFolder'));
-                            expect(pageFilesDownloadFolder2Spy).toHaveBeenCalledWith('onDownloadFolderpath');
-                        })];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('trigger Delete', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var pageFilesDelete2Spy;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    pageFilesDelete2Spy = jest.spyOn(clientMethod, 'pageFilesDelete2');
-                    renderUi();
-                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
-                            react_1.fireEvent.click(react_1.screen.getByTestId('onDelete'));
-                            expect(pageFilesDelete2Spy).toHaveBeenCalledWith('onDeletepath');
-                        })];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('trigger creatDirectoryCallBack', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var pageFilesCreateFolderPUTSpy;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    pageFilesCreateFolderPUTSpy = jest.spyOn(clientMethod, 'pageFilesCreateFolderPUT');
-                    renderUi(true);
-                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
-                            react_1.fireEvent.click(react_1.screen.getByTestId('onCreateDirectory'));
-                            react_1.fireEvent.click(react_1.screen.getByTestId('creatDirectoryCallBack'));
-                            expect(pageFilesCreateFolderPUTSpy).toHaveBeenCalledWith('onCreateDirectorypath', 'DirectoryName');
-                        })];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('trigger upload file', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var pageFilesUploadPUTSpy, file, container, input;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    pageFilesUploadPUTSpy = jest.spyOn(clientMethod, 'pageFilesUploadPUT');
-                    file = new File(['abc'], 'test.zip', {
-                        type: 'application/x-zip-compressed',
-                    });
-                    container = renderUi().container;
-                    input = container.querySelector("input#upload-files");
-                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
-                            // Case này fail do không thể mock usref cùng với recoil
-                            react_1.fireEvent.click(react_1.screen.getByTestId('onUploadFiles'));
-                            react_1.fireEvent.change(input, { target: { files: undefined } });
-                            user_event_1.default.upload(input, file);
-                            expect(pageFilesUploadPUTSpy).toBeCalled();
-                        })];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-});