awing-library 2.1.20 → 2.1.21

package/lib/AWING/DateRangePicker/configDate.js

@@ -0,0 +1,71 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var moment_1 = __importDefault(require("moment"));
+var configInitialDate = function (t, isFutureDate) {
+    var today = (0, moment_1.default)();
+    var initDatePast = [
+        {
+            text: t('DatePicker.ToDay'),
+            start: today,
+            end: today,
+        },
+        {
+            text: t('DatePicker.Yesterday'),
+            start: (0, moment_1.default)().subtract(1, 'days'),
+            end: (0, moment_1.default)().subtract(1, 'days'),
+        },
+        {
+            text: t('DatePicker.LastSevenDay'),
+            start: (0, moment_1.default)().subtract(6, 'days'),
+            end: today,
+        },
+        {
+            text: t('DatePicker.LastThirtyDay'),
+            start: (0, moment_1.default)().subtract(29, 'days'),
+            end: today,
+        },
+        {
+            text: t('DatePicker.ThisMonth'),
+            start: (0, moment_1.default)().startOf('month'),
+            end: (0, moment_1.default)().endOf('month'),
+        },
+        {
+            text: t('DatePicker.LastMonth'),
+            start: (0, moment_1.default)().subtract(1, 'month').startOf('month'),
+            end: (0, moment_1.default)().subtract(1, 'month').endOf('month'),
+        },
+    ];
+    var initDateFuture = [
+        {
+            text: t('DatePicker.ToDay'),
+            start: today,
+            end: today,
+        },
+        {
+            text: t('DatePicker.Tomorrow'),
+            start: (0, moment_1.default)(),
+            end: (0, moment_1.default)().add(1, 'days'),
+        },
+        {
+            text: t('DatePicker.NextSevenDay'),
+            start: today,
+            end: (0, moment_1.default)().add(6, 'days'),
+        },
+        {
+            text: t('DatePicker.NextThirtyDay'),
+            start: today,
+            end: (0, moment_1.default)().add(29, 'days'),
+        },
+        {
+            text: t('DatePicker.NextMonth'),
+            start: (0, moment_1.default)().add(1, 'month').startOf('month'),
+            end: (0, moment_1.default)().add(1, 'month').endOf('month'),
+        },
+    ];
+    var initDate = isFutureDate ? initDateFuture : initDatePast;
+    return initDate;
+};
+exports.default = configInitialDate;

package/lib/AWING/DateRangePicker/interface.d.ts

@@ -11,6 +11,7 @@ export interface DateRangePickerProps {
     }) => void;
     label?: string;
     isShowCalendarInfo?: boolean;
+    isFutureDate?: boolean;
     variant?: string;
     className?: any;
     value?: {

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/AWING/LogicExpression/script.js

@@ -470,7 +470,6 @@ var validateExpression = function (oc, f, functionList, expression) {
         console.log("Look bad the expression is boolean: ".concat(expression));
         return false;
     }
-    debugger;
     var elements = expression.trim();
     var rootNode = (0, exports.getNewNode)();
     var currentNode = rootNode;

package/lib/AWING/PageManagement/PageManagement.js

@@ -39,7 +39,7 @@ var PageManagement = function (props) {
     var t = (0, react_i18next_1.useTranslation)().t;
     // const params = useParams<"*">();
     var location = (0, react_router_dom_1.useLocation)();
-    var title = props.title, columns = props.columns, rows = props.rows, _a = props.totalOfRows, totalOfRows = _a === void 0 ? rows.length : _a, getRowId = props.getRowId, checkboxSelection = props.checkboxSelection, onDeleteSelected = props.onDeleteSelected, advancedSearchFields = props.advancedSearchFields, onlyNumberSearch = props.onlyNumberSearch, _b = props.disableSearch, disableSearch = _b === void 0 ? false : _b, includeSearchById = props.includeSearchById, _c = props.disablePagination, disablePagination = _c === void 0 ? false : _c, onChangeQueryInput = props.onChangeQueryInput, _d = props.loading, loading = _d === void 0 ? true : _d, onCreateButtonClick = props.onCreateButtonClick, onRowClick = props.onRowClick, onCreateFolderButtonClick = props.onCreateFolderButtonClick, onDelete = props.onDelete, inputSearchPlaceholder = props.inputSearchPlaceholder, rowActions = props.rowActions, showNotificationSuccess = props.showNotificationSuccess, confirmDelete = props.confirmDelete, customActions = props.customActions, variantPaperSearch = props.variantPaperSearch, selectionActions = props.selectionActions;
+    var title = props.title, columns = props.columns, rows = props.rows, _a = props.totalOfRows, totalOfRows = _a === void 0 ? rows.length : _a, getRowId = props.getRowId, checkboxSelection = props.checkboxSelection, onDeleteSelected = props.onDeleteSelected, advancedSearchFields = props.advancedSearchFields, onlyNumberSearch = props.onlyNumberSearch, _b = props.disableSearch, disableSearch = _b === void 0 ? false : _b, includeSearchById = props.includeSearchById, _c = props.disablePagination, disablePagination = _c === void 0 ? false : _c, onChangeQueryInput = props.onChangeQueryInput, _d = props.loading, loading = _d === void 0 ? true : _d, onCreateButtonClick = props.onCreateButtonClick, onRowClick = props.onRowClick, onCreateFolderButtonClick = props.onCreateFolderButtonClick, onDelete = props.onDelete, inputSearchPlaceholder = props.inputSearchPlaceholder, rowActions = props.rowActions, showNotificationSuccess = props.showNotificationSuccess, confirmDelete = props.confirmDelete, customActions = props.customActions, variantPaperSearch = props.variantPaperSearch;
     var _e = (0, react_1.useState)(false), openAdvancedSearch = _e[0], setOpenAdvancedSearch = _e[1];
     var _f = (0, react_1.useState)([]), rowSelected = _f[0], setRowSelected = _f[1];
     var _g = (0, react_1.useState)({
@@ -131,7 +131,7 @@ var PageManagement = function (props) {
                 } }, (checkboxSelection && {
                 selected: rowSelected,
                 onSelectedChange: function (ids) { return setRowSelected(ids); },
-                selectionActions: selectionActions || [
+                selectionActions: [
                     {
                         icon: (0, jsx_runtime_1.jsx)(Delete_1.default, {}),
                         tooltipTitle: t('Common.DeleteSelectedItems'),

package/lib/AWING/PageManagement/interface.d.ts

@@ -1,4 +1,4 @@
-import { GridSortModel, DataObject, MenuOption, RowActionDefinition, DataGridColumnDefinition, SelectionActionDefinition } from '../DataGrid/interface';
+import { GridSortModel, DataObject, MenuOption, RowActionDefinition, DataGridColumnDefinition } from '../DataGrid/interface';
 import { ReactNode } from 'react';
 import { AutocompleteRenderOptionState } from '@mui/material/Autocomplete';
 import { TextFieldProps } from '@mui/material/TextField';
@@ -94,5 +94,4 @@ export interface PageManagementProps {
     showNotificationSuccess?: () => void;
     confirmDelete?: (f: () => void) => void;
     customActions?: ReactNode;
-    selectionActions?: SelectionActionDefinition[];
 }

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!"
@@ -167,7 +193,11 @@
         "LastSevenDay": "Last 7 days",
         "LastThirtyDay": "Last 30 days",
         "ThisMonth": "This month",
-        "LastMonth": "Last month"
+        "LastMonth": "Last month",
+        "Tomorrow": "Tomorrow",
+        "NextSevenDay": "Next 7 days",
+        "NextThirtyDay": "Next 30 days",
+        "NextMonth": "Next month"
     },
     "Notifications": {
         "SelectAll": "Mark all as read",

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",
@@ -172,7 +175,11 @@
         "LastSevenDay": "7 ngày qua",
         "LastThirtyDay": "30 ngày qua",
         "ThisMonth": "Tháng này",
-        "LastMonth": "Tháng trước"
+        "LastMonth": "Tháng trước",
+        "Tomorrow": "Ngày mai",
+        "NextSevenDay": "7 Ngày tới",
+        "NextThirtyDay": "30 Ngày tới",
+        "NextMonth": "Tháng tới"
     },
     "Notifications": {
         "SelectAll": "Đánh dấu tất cả là đã đọc",
@@ -458,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.20",
+  "version": "2.1.21",
   "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*/];
-            }
-        });
-    }); });
-});