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

package/lib/ACM-AXN/Holiday/Container.test.js

@@ -0,0 +1,227 @@
+"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 = 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");
+/* eslint-disable testing-library/no-wait-for-side-effects */
+var react_1 = require("@testing-library/react");
+var Router_1 = require("../../AWING/Router");
+var Container_1 = __importDefault(require("./Container"));
+var Constant_1 = require("../Common/Constant");
+var id = '50';
+var items = [
+    {
+        id: 11,
+        name: '1',
+        domainId: '100',
+        calendarType: 0,
+        recurrenceType: 0,
+    },
+    {
+        id: 12,
+        name: '2',
+        domainId: '100',
+        calendarType: 0,
+        recurrenceType: 0,
+    },
+];
+var clientMethod = {
+    holidaysPaging: function () {
+        return Promise.resolve({
+            items: items,
+            totalItemCount: items.length,
+        });
+    },
+    holidaysDelete: function (_id) { return Promise; },
+};
+// Mock service
+jest.mock('./Hooks', function () { return ({
+    __esModule: true,
+    default: function () { return ({
+        service: {
+            holidaysPaging: jest.fn(function (_params) {
+                return Promise.resolve(clientMethod.holidaysPaging());
+            }),
+            holidaysDelete: jest.fn(function (_id) {
+                return Promise.resolve(clientMethod.holidaysDelete(_id));
+            }),
+        },
+    }); },
+}); });
+// 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 PageManagement
+jest.mock('AWING/PageManagement', function () { return ({
+    PageManagement: function (props) {
+        props.onChangeQueryInput({
+            searchString: '',
+            pageIndex: 0,
+            pageSize: 10,
+        });
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [props.columns
+                    .filter(function (item) { return item.valueGetter; })
+                    .map(function (getter, idx) { return ((0, jsx_runtime_1.jsx)("span", { children: getter.valueGetter(items[0], idx) }, idx)); }), (0, jsx_runtime_1.jsx)("span", { "data-testid": "rowid", children: props.getRowId(items[0]) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "CreateBtn", onClick: props.onCreateButtonClick, children: "CreateBtn" }), (0, jsx_runtime_1.jsx)("div", { "data-testid": "RowBtn", onClick: function () { return props.onRowClick(items[0].id); }, children: "RowBtn" }), (0, jsx_runtime_1.jsx)("button", { onClick: function () {
+                        props.onChangeQueryInput({
+                            pageIndex: 1,
+                            pageSize: 10,
+                        });
+                    }, children: "ChangeInput" }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onDelete", onClick: function () {
+                        props.onDelete('onDelete');
+                    }, children: "Delete Btn" }), (0, jsx_runtime_1.jsx)("div", { children: props.rowActions.map(function (item, idx) { return ((0, jsx_runtime_1.jsx)("button", { "data-testid": item.tooltipTitle, onClick: function () {
+                            item.action(id);
+                        }, children: item.icon }, idx)); }) }), (0, jsx_runtime_1.jsx)("p", { children: JSON.stringify(props.rows) }), (0, jsx_runtime_1.jsxs)("span", { children: ["totalItemCount:", props.totalOfRows] })] }));
+    },
+}); });
+var renderUI = function () {
+    return (0, react_1.render)((0, jsx_runtime_1.jsx)(Router_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(Container_1.default, {}) }));
+};
+describe('Holiday Container Component', function () {
+    it('renders without crashing', function () {
+        renderUI();
+    });
+    it('render state', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUI();
+                    expect(react_1.screen.getByTestId('CreateBtn')).toBeInTheDocument();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(react_1.screen.getByText(JSON.stringify(items))).toBeInTheDocument();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(react_1.screen.getByText("totalItemCount:".concat(items.length))).toBeInTheDocument();
+                        })];
+                case 2:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('get rowid', function () {
+        renderUI();
+        expect(react_1.screen.getByText(items[0].id)).toBeInTheDocument();
+    });
+    it('get paging', function () {
+        var usersPagingSpy = jest.spyOn(clientMethod, 'holidaysPaging');
+        renderUI();
+        expect(usersPagingSpy).toBeCalled();
+    });
+    it('edit holiday', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUI();
+                    react_1.fireEvent.click(react_1.screen.getByTestId('RowBtn'));
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            return expect(window.location.href).toContain("localhost/".concat(Constant_1.Constants.HOLIDAY_EDIT, "/").concat(items[0].id));
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('create holiday', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUI();
+                    react_1.fireEvent.click(react_1.screen.getByTestId('CreateBtn'));
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            return expect(window.location.href).toContain('localhost/HolidayCreate');
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('Delete holiday', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var holidaysDeleteSpy;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    holidaysDeleteSpy = jest.spyOn(clientMethod, 'holidaysDelete');
+                    renderUI();
+                    react_1.fireEvent.click(react_1.screen.getByTestId('onDelete'));
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(holidaysDeleteSpy).toBeCalled();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('change QueryInput', function () {
+        var holidaysPagingSpy = jest.spyOn(clientMethod, 'holidaysPaging');
+        renderUI();
+        react_1.fireEvent.click(react_1.screen.getByText('ChangeInput'));
+        expect(holidaysPagingSpy).toBeCalled();
+    });
+    it('navigate to view detail holidays', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUI();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            react_1.fireEvent.click(react_1.screen.getByTestId('Common.Detail'));
+                        })];
+                case 1:
+                    _a.sent();
+                    expect(window.location.href).toContain("localhost/HolidayDetail/".concat(id));
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/lib/ACM-AXN/Holiday/Context.d.ts

@@ -0,0 +1,2 @@
+import { HolidayFeatureProps } from './Types';
+export declare const holidayPropsContext: import("react").Context<HolidayFeatureProps>;

package/lib/ACM-AXN/Holiday/Context.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.holidayPropsContext = void 0;
+var react_1 = require("react");
+exports.holidayPropsContext = (0, react_1.createContext)({});

package/lib/ACM-AXN/Holiday/CreateOrEdit.js

@@ -0,0 +1,62 @@
+"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 react_i18next_1 = require("react-i18next");
+var Hooks_1 = __importDefault(require("./Hooks"));
+var FormHoliday_1 = __importDefault(require("./FormHoliday"));
+var AWING_1 = require("../../AWING");
+var Router_1 = require("../../AWING/Router");
+var ClassicDrawer_1 = __importDefault(require("../../Commons/Components/ClassicDrawer"));
+var CreateOrEdit = function () {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var id = (0, Router_1.useParams)().id;
+    var service = (0, Hooks_1.default)().service;
+    var _a = (0, react_1.useState)(), holidays = _a[0], setHolidays = _a[1];
+    var _b = (0, react_1.useState)(true), isLoading = _b[0], setLoading = _b[1];
+    var _c = (0, react_1.useState)(false), confirmExit = _c[0], setConfirmExit = _c[1];
+    var _d = (0, react_1.useState)(false), isLoadingSubmit = _d[0], setLoadingSubmit = _d[1];
+    (0, react_1.useEffect)(function () {
+        getHolidays();
+    }, []);
+    var handleUpdate = (0, react_1.useCallback)(function (value) {
+        if (!value)
+            return;
+        setHolidays(value);
+        setConfirmExit(true);
+    }, []);
+    var handleSubmit = (0, react_1.useCallback)(function () {
+        setLoadingSubmit(true);
+        if (!id) {
+            return service.holidaysPost(holidays).then(function () {
+                setLoadingSubmit(false);
+            });
+        }
+        return service.holidaysPut(Number(id), holidays).then(function () {
+            setLoadingSubmit(false);
+        });
+    }, [holidays]);
+    var getHolidays = function () {
+        if (id) {
+            service
+                .holidaysGet(Number(id))
+                .then(setHolidays)
+                .finally(function () {
+                setLoading(false);
+            });
+        }
+        else {
+            setLoading(false);
+        }
+    };
+    var statusBtnSubmit = !holidays
+        ? true
+        : Object.keys(holidays).length >= 3 && holidays.name
+            ? false
+            : true;
+    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: !id ? t('Holiday.TitleCreate') : t('Holiday.TitleEdit'), onSubmit: handleSubmit, isLoadingButtonSubmit: isLoadingSubmit, disableButtonSubmit: statusBtnSubmit, confirmExit: confirmExit, childrenWrapperStyle: { padding: 0 }, children: isLoading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(FormHoliday_1.default, { holidays: holidays, onUpdate: handleUpdate })) }));
+};
+exports.default = CreateOrEdit;

package/lib/ACM-AXN/Holiday/CreateOrEdit.test.d.ts

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

package/lib/ACM-AXN/Holiday/CreateOrEdit.test.js

@@ -0,0 +1,255 @@
+"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 = 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");
+/* eslint-disable testing-library/no-wait-for-side-effects */
+var react_1 = require("@testing-library/react");
+var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
+var Router_1 = require("../../AWING/Router");
+var item = {
+    id: 27,
+    name: '1',
+    domainId: '100',
+    calendarType: 0,
+    recurrenceType: 0,
+};
+// Mock useParams
+var id = '27';
+jest.mock('AWING/Router', function () { return (__assign(__assign({}, jest.requireActual('AWING/Router')), { useParams: jest.fn(), Routes: function (props) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.children });
+    }, Route: function (props) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.element });
+    } })); });
+var clientMethod = {
+    holidaysPost: function (obj) { return Promise.resolve(obj); },
+    holidaysGet: function (id) { return Promise.resolve(item); },
+    holidaysPut: function (id, obj) { return Promise.resolve(); },
+};
+// Mock service
+jest.mock('./Hooks', function () { return ({
+    __esModule: true,
+    default: function () { return ({
+        service: {
+            holidaysGet: jest.fn(function (id) {
+                return Promise.resolve(clientMethod.holidaysGet(id));
+            }),
+            holidaysPost: jest.fn(function (obj) {
+                return Promise.resolve(clientMethod.holidaysPost(obj));
+            }),
+            holidaysPut: jest.fn(function (id, obj) {
+                return Promise.resolve(clientMethod.holidaysPut(id, obj));
+            }),
+        },
+    }); },
+}); });
+// 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 Drawer
+jest.mock('Commons/Components/ClassicDrawer', function () { return function (props) {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("button", { "data-testid": "onSubmit", onClick: props.onSubmit, children: "Submit" }), props.children] }));
+}; });
+// Mock BasicDataForm
+jest.mock('AWING/BasicDataForm', function () { return ({
+    BasicDataForm: function (props) {
+        props.fields.forEach(function (element) {
+            if (element.checkValid) {
+                element === null || element === void 0 ? void 0 : element.checkValid();
+            }
+        });
+        return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "BasicDataForm", children: [(0, jsx_runtime_1.jsx)("p", { children: JSON.stringify(props.oldValue) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onUpdate", onClick: function () {
+                        props.onUpdate('', {
+                            id: 27,
+                            name: '1',
+                            domainId: '100',
+                            calendarType: 1,
+                            recurrenceType: 1,
+                        });
+                    } }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onUpdateWithoutValue", onClick: function () {
+                        props.onUpdate('', undefined);
+                    } }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onUpdateWithMissingData", onClick: function () {
+                        props.onUpdate('', {
+                            calendarType: 1,
+                            recurrenceType: 1,
+                        });
+                    } })] }));
+    },
+}); });
+describe('CreateOrEdit Holiday Component', function () {
+    beforeEach(function () {
+        ;
+        Router_1.useParams.mockReturnValue({ id: '' });
+    });
+    var renderUI = function () {
+        return (0, react_1.render)((0, jsx_runtime_1.jsx)(Router_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, {}) }));
+    };
+    it('renders create screen without crashing', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            renderUI();
+            return [2 /*return*/];
+        });
+    }); });
+    it('render edit screen with id', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var holidaysGetSpy;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    ;
+                    Router_1.useParams.mockReturnValue({ id: id });
+                    holidaysGetSpy = jest.spyOn(clientMethod, 'holidaysGet');
+                    renderUI();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(holidaysGetSpy).toHaveBeenCalledWith(Number(id));
+                        })];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(react_1.screen.getByText(JSON.stringify(item))).toBeInTheDocument();
+                        })];
+                case 2:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('submit-create form', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var holidaysPostSpy;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    holidaysPostSpy = jest.spyOn(clientMethod, 'holidaysPost');
+                    renderUI();
+                    react_1.fireEvent.click(react_1.screen.getByTestId('onUpdate'));
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            react_1.fireEvent.click(react_1.screen.getByTestId('onSubmit'));
+                            expect(holidaysPostSpy).toHaveBeenCalledWith({
+                                id: 27,
+                                name: '1',
+                                domainId: '100',
+                                calendarType: 1,
+                                recurrenceType: 1,
+                            });
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('submit-create form without changing data', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var holidaysPostSpy;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    holidaysPostSpy = jest.spyOn(clientMethod, 'holidaysPost');
+                    renderUI();
+                    react_1.fireEvent.click(react_1.screen.getByTestId('onUpdateWithoutValue'));
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            react_1.fireEvent.click(react_1.screen.getByTestId('onSubmit'));
+                            expect(holidaysPostSpy).toHaveBeenCalledWith(undefined);
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('submit-edit form', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var holidaysPutSpy;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    ;
+                    Router_1.useParams.mockReturnValue({ id: id });
+                    holidaysPutSpy = jest.spyOn(clientMethod, 'holidaysPut');
+                    renderUI();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            react_1.fireEvent.click(react_1.screen.getByTestId('onUpdate'));
+                        })];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            react_1.fireEvent.click(react_1.screen.getByTestId('onSubmit'));
+                            expect(holidaysPutSpy).toHaveBeenCalledWith(Number(id), {
+                                id: 27,
+                                name: '1',
+                                domainId: '100',
+                                calendarType: 1,
+                                recurrenceType: 1,
+                            });
+                        })];
+                case 2:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('disable button submit when value is empty', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    ;
+                    Router_1.useParams.mockReturnValue({ id: id });
+                    renderUI();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            react_1.fireEvent.click(react_1.screen.getByTestId('onUpdateWithoutValue'));
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('submit-create form with missing data', function () {
+        renderUI();
+        react_1.fireEvent.click(react_1.screen.getByTestId('onUpdateWithMissingData'));
+    });
+});

package/lib/ACM-AXN/Holiday/Detail/AddOrEditDate.d.ts

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

package/lib/ACM-AXN/Holiday/Detail/AddOrEditDate.js

@@ -0,0 +1,107 @@
+"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 moment_1 = __importDefault(require("moment"));
+var react_i18next_1 = require("react-i18next");
+var Hooks_1 = __importDefault(require("../Hooks"));
+var Router_1 = require("../../../AWING/Router");
+var BasicDataForm_1 = require("../../../AWING/BasicDataForm");
+var AWING_1 = require("../../../AWING");
+var ClassicDrawer_1 = __importDefault(require("../../../Commons/Components/ClassicDrawer"));
+var Utils_1 = require("../Utils");
+var AddOrEditDateDetail = function () {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var service = (0, Hooks_1.default)().service;
+    var _a = (0, Router_1.useParams)(), id = _a.id, dateId = _a.dateId;
+    var _b = (0, react_1.useState)({}), date = _b[0], setDate = _b[1];
+    var _c = (0, react_1.useState)(true), isLoading = _c[0], setLoading = _c[1];
+    (0, react_1.useEffect)(function () {
+        getDateEdit();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var handleUpdate = function (data) {
+        var _a, _b;
+        var startDate = (_a = data.dateRange[0]) === null || _a === void 0 ? void 0 : _a._d;
+        var endDate = (_b = data.dateRange[1]) === null || _b === void 0 ? void 0 : _b._d;
+        var newData = __assign(__assign({}, date), { startDate: startDate, endDate: endDate });
+        setDate(newData);
+    };
+    var handleSubmit = function () {
+        var startDate = {
+            seconds: (0, Utils_1.pureDateToTimestamp)(date === null || date === void 0 ? void 0 : date.startDate),
+            nanos: 0,
+        };
+        var endDate = {
+            seconds: (0, Utils_1.pureDateToTimestamp)(date === null || date === void 0 ? void 0 : date.endDate),
+            nanos: 0,
+        };
+        var newDate = __assign(__assign({}, date), { startDate: startDate, endDate: endDate, holidayId: Number(id) });
+        // Submit Edit Screen
+        if (dateId) {
+            return service.holidaysPutDetail(date.id, newDate);
+        }
+        //Submit Create Screen
+        if (!dateId && !Object.keys(date).length) {
+            var recentDate = {
+                startDate: {
+                    seconds: (0, Utils_1.pureDateToTimestamp)(new Date()),
+                    nanos: 0,
+                },
+                endDate: {
+                    seconds: (0, Utils_1.pureDateToTimestamp)(new Date()),
+                    nanos: 0,
+                },
+                holidayId: Number(id),
+            };
+            return service.holidaysPostDetail(recentDate);
+        }
+        return service.holidaysPostDetail(newDate);
+    };
+    var getDateEdit = function () {
+        if (dateId) {
+            service
+                .holidaysGetDetail(Number(dateId))
+                .then(function (res) {
+                var _a, _b;
+                var newDate = __assign(__assign({}, res), { startDate: (0, Utils_1.timestampToPureDate)((_a = res.startDate) === null || _a === void 0 ? void 0 : _a.seconds), endDate: (0, Utils_1.timestampToPureDate)((_b = res.endDate) === null || _b === void 0 ? void 0 : _b.seconds) });
+                setDate(newDate);
+            })
+                .finally(function () {
+                setLoading(false);
+            });
+        }
+        else {
+            setLoading(false);
+        }
+    };
+    var defaultValue = Object.keys(date).length
+        ? [(0, moment_1.default)(date.startDate), (0, moment_1.default)(date.endDate)]
+        : [(0, moment_1.default)(new Date()), (0, moment_1.default)(new Date())];
+    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: !dateId ? t('Common.Create') : t('Common.Edit'), onSubmit: handleSubmit, width: "600px", childrenWrapperStyle: { padding: 0 }, children: isLoading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(BasicDataForm_1.BasicDataForm, { onUpdate: function (_, value) {
+                return handleUpdate(value);
+            }, fields: [
+                {
+                    defaultValue: defaultValue,
+                    fieldName: 'dateRange',
+                    label: t('Common.StartDate'),
+                    type: 'date-range',
+                    required: true,
+                },
+            ] })) }));
+};
+exports.default = AddOrEditDateDetail;

package/lib/ACM-AXN/Holiday/Detail/AddOrEditDate.test.d.ts

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