awing-library 2.1.21 → 2.1.22-stage

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

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

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

@@ -0,0 +1,181 @@
+"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 */
+var react_1 = require("@testing-library/react");
+var AddOrEditDate_1 = __importDefault(require("./AddOrEditDate"));
+var Router_1 = require("../../../AWING/Router");
+var Utils_1 = require("../Utils");
+var id = '42';
+var dateId = '96';
+var item = {
+    id: 96,
+    holidayId: 42,
+    domainId: '100',
+    startDate: { seconds: '1701363600', nanos: 0 },
+    endDate: { seconds: '1701363600', nanos: 0 },
+};
+var clientMethod = {
+    holidaysGetDetail: function (id) { return Promise.resolve(item); },
+    holidaysPutDetail: function (id, item) { return Promise.resolve(); },
+    holidaysPostDetail: function (item) { return Promise.resolve(); },
+};
+// Mock service
+jest.mock('../Hooks', function () { return ({
+    __esModule: true,
+    default: function () { return ({
+        service: {
+            holidaysGetDetail: jest.fn(function (id) {
+                return Promise.resolve(clientMethod.holidaysGetDetail(Number(id)));
+            }),
+            holidaysPutDetail: jest.fn(function (id, item) {
+                return Promise.resolve(clientMethod.holidaysPutDetail(Number(id), item));
+            }),
+            holidaysPostDetail: jest.fn(function (item) {
+                return Promise.resolve(clientMethod.holidaysPostDetail(item));
+            }),
+        },
+    }); },
+}); });
+// 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 useParams
+jest.mock('AWING/Router', function () { return (__assign(__assign({}, jest.requireActual('AWING/Router')), { useParams: jest.fn() })); });
+// 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 () {
+    var moment = jest.requireActual('moment');
+    return {
+        BasicDataForm: function (props) {
+            return ((0, jsx_runtime_1.jsx)("div", { "data-testid": "BasicDataForm", children: (0, jsx_runtime_1.jsx)("button", { "data-testid": "onUpdate", onClick: function () {
+                        props.onUpdate('', {
+                            id: 96,
+                            holidayId: 42,
+                            domainId: '100',
+                            dateRange: [
+                                moment(new Date(1703782800 * 1000)),
+                                moment(new Date(1703782800 * 1000)),
+                            ],
+                        });
+                    } }) }));
+        },
+    };
+});
+describe('AddOrEditDate component', function () {
+    beforeEach(function () {
+        ;
+        Router_1.useParams.mockReturnValue({ dateId: '' });
+    });
+    var renderUI = function () { return (0, react_1.render)((0, jsx_runtime_1.jsx)(AddOrEditDate_1.default, {})); };
+    it('render without dateId - Create Screen', function () {
+        renderUI();
+    });
+    it('render with dateId - Edit Screen', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            ;
+            Router_1.useParams.mockReturnValue({ dateId: dateId });
+            renderUI();
+            return [2 /*return*/];
+        });
+    }); });
+    it('submit edit-form', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var holidaysPutDetailSpy;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    ;
+                    Router_1.useParams.mockReturnValue({ dateId: dateId });
+                    holidaysPutDetailSpy = jest.spyOn(clientMethod, 'holidaysPutDetail');
+                    renderUI();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            react_1.fireEvent.click(react_1.screen.getByTestId('onUpdate'));
+                        })];
+                case 1:
+                    _a.sent();
+                    react_1.fireEvent.click(react_1.screen.getByTestId('onSubmit'));
+                    expect(holidaysPutDetailSpy).toHaveBeenCalledWith(Number(dateId), {
+                        id: 96,
+                        holidayId: 42,
+                        domainId: '100',
+                        startDate: { seconds: '1703782800', nanos: 0 },
+                        endDate: { seconds: '1703782800', nanos: 0 },
+                    });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('submit create-form with recentDate', function () {
+        var holidaysPostDetailSpy = jest.spyOn(clientMethod, 'holidaysPostDetail');
+        renderUI();
+        react_1.fireEvent.click(react_1.screen.getByTestId('onSubmit'));
+        expect(holidaysPostDetailSpy).toHaveBeenCalledWith({
+            holidayId: 42,
+            startDate: { seconds: (0, Utils_1.pureDateToTimestamp)(new Date()), nanos: 0 },
+            endDate: { seconds: (0, Utils_1.pureDateToTimestamp)(new Date()), nanos: 0 },
+        });
+    });
+    it('submit create-form with change date from user', function () {
+        var holidaysPostDetailSpy = jest.spyOn(clientMethod, 'holidaysPostDetail');
+        renderUI();
+        react_1.fireEvent.click(react_1.screen.getByTestId('onUpdate'));
+        react_1.fireEvent.click(react_1.screen.getByTestId('onSubmit'));
+        expect(holidaysPostDetailSpy).toHaveBeenCalledWith({
+            holidayId: 42,
+            startDate: { seconds: '1703782800', nanos: 0 },
+            endDate: { seconds: '1703782800', nanos: 0 },
+        });
+    });
+});

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type ViewDetailDateProps = {
+    id?: string;
+};
+declare const ViewDetailDate: React.FC<ViewDetailDateProps>;
+export default ViewDetailDate;

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

@@ -0,0 +1,153 @@
+"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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_i18next_1 = require("react-i18next");
+var material_1 = require("@mui/material");
+var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
+var Context_1 = require("../../../Context");
+var Hooks_1 = __importDefault(require("../Hooks"));
+var Utils_1 = require("../Utils");
+var Constant_1 = require("../../Common/Constant");
+var Router_1 = require("../../../AWING/Router");
+var AWING_1 = require("../../../AWING");
+var ViewDetailDate = function (_a) {
+    var id = _a.id;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var confirm = (0, Context_1.useAwing)().appHelper.confirm;
+    var service = (0, Hooks_1.default)().service;
+    var navigate = (0, Router_1.useNavigate)();
+    var state = (0, Router_1.useLocation)().state;
+    var _b = (0, react_1.useState)(true), isLoading = _b[0], setLoading = _b[1];
+    var _c = (0, react_1.useState)([]), gridHolidays = _c[0], setGridHolidays = _c[1];
+    var _d = (0, react_1.useState)({
+        pageIndex: 0,
+        pageSize: 5,
+    }), queryParams = _d[0], setQueryParams = _d[1];
+    (0, react_1.useEffect)(function () {
+        if (state === null || (state === null || state === void 0 ? void 0 : state.action) === 'Reload') {
+            getHolidaysDate();
+        }
+    }, [state]);
+    var paginate = function (array, page_size, pageIndex) {
+        return __spreadArray([], array, true).slice((pageIndex - 1) * page_size, pageIndex * page_size);
+    };
+    var getHolidaysDate = function () {
+        if (id) {
+            service
+                .holidaysGetDetailByHolidayId(Number(id))
+                .then(setGridHolidays)
+                .finally(function () { return setLoading(false); });
+        }
+        else {
+            setLoading(false);
+        }
+    };
+    var handleDelete = function (id) {
+        confirm(function () { return __awaiter(void 0, void 0, void 0, function () {
+            var newGridHolidays;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, service.holidaysDeleteDetail(Number(id))];
+                    case 1:
+                        _a.sent();
+                        newGridHolidays = gridHolidays.filter(function (item) { return Number(item.id) !== Number(id); });
+                        setGridHolidays(newGridHolidays);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    };
+    return ((0, jsx_runtime_1.jsx)(material_1.Grid, { sx: { m: 3, mt: 0, p: 3 }, component: material_1.Paper, children: (0, jsx_runtime_1.jsx)(AWING_1.Page, { caption: t('Common.Detail'), actions: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", onClick: function () {
+                    return navigate("".concat(Constant_1.Constants.HOLIDAY_DETAIL_CREATE));
+                }, children: t('Common.Create') }), children: isLoading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.DataGrid, { columns: [
+                    {
+                        field: '#',
+                        headerName: '#',
+                        width: 100,
+                        valueGetter: function (_, idx, stt) { return stt; },
+                    },
+                    {
+                        field: 'startDate',
+                        headerName: t('Common.StartDate'),
+                        valueGetter: function (obj) { var _a; return (0, Utils_1.timestampToDate)((_a = obj === null || obj === void 0 ? void 0 : obj.startDate) === null || _a === void 0 ? void 0 : _a.seconds); },
+                    },
+                    {
+                        field: 'endDate',
+                        headerName: t('Common.EndDate'),
+                        valueGetter: function (obj) { var _a; return (0, Utils_1.timestampToDate)((_a = obj === null || obj === void 0 ? void 0 : obj.endDate) === null || _a === void 0 ? void 0 : _a.seconds); },
+                    },
+                ], rows: paginate(gridHolidays, queryParams.pageSize, queryParams.pageIndex + 1), rowsPerPageOptions: [5, 10, 20, 30], getRowId: function (obj) { return obj.id; }, pageSize: queryParams.pageSize, pageIndex: queryParams.pageIndex, totalOfRows: gridHolidays.length, onPageIndexChange: function (pageIndex) {
+                    setQueryParams(function (prev) { return (__assign(__assign({}, prev), { pageIndex: pageIndex })); });
+                }, onPageSizeChange: function (pageSize) {
+                    setQueryParams(function (prev) { return (__assign(__assign({}, prev), { pageSize: pageSize, pageIndex: 0 })); });
+                }, rowActions: [
+                    {
+                        icon: (0, jsx_runtime_1.jsx)(Delete_1.default, {}),
+                        tooltipTitle: t('Common.Delete'),
+                        action: handleDelete,
+                    },
+                ], onRowClick: function (id) {
+                    return navigate("".concat(Constant_1.Constants.HOLIDAY_DETAIL_EDIT, "/").concat(id));
+                } })) }) }));
+};
+exports.default = ViewDetailDate;

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

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

package/lib/ACM-AXN/Holiday/Detail/Dates.test.js

@@ -0,0 +1,220 @@
+"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 */
+var react_1 = require("@testing-library/react");
+var Dates_1 = __importDefault(require("./Dates"));
+var Router_1 = require("../../../AWING/Router");
+var holidayId = '44';
+var items = [
+    {
+        id: '50',
+        holidayId: '44',
+        domainId: '100',
+        startDate: {
+            seconds: '1703696400',
+            nanos: 0,
+        },
+        endDate: {
+            seconds: '1703696400',
+            nanos: 0,
+        },
+    },
+    {
+        id: '51',
+        holidayId: '44',
+        domainId: '100',
+        startDate: {
+            seconds: '1703696400',
+            nanos: 0,
+        },
+        endDate: {
+            seconds: '1703696400',
+            nanos: 0,
+        },
+    },
+    {
+        id: '52',
+        holidayId: '44',
+        domainId: '100',
+        startDate: {
+            seconds: '1703696400',
+            nanos: 0,
+        },
+        endDate: {
+            seconds: '1703696400',
+            nanos: 0,
+        },
+    },
+];
+var clientMethod = {
+    holidaysGetDetailByHolidayId: function (id) { return Promise.resolve(items); },
+    holidaysDeleteDetail: function (id) { return Promise.resolve(); },
+};
+// Mock Hooks
+jest.mock('../Hooks', function () { return ({
+    __esModule: true,
+    default: function () { return ({
+        service: {
+            holidaysGetDetailByHolidayId: jest.fn(function (id) {
+                return Promise.resolve(clientMethod.holidaysGetDetailByHolidayId(Number(id)));
+            }),
+            holidaysDeleteDetail: jest.fn(function (id) {
+                return Promise.resolve(clientMethod.holidaysDeleteDetail(Number(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 DataGrid
+jest.mock('AWING', function () { return ({
+    DataGrid: function (props) { 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", { children: props.getRowId(items[0]) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onPageIndexChange", onClick: function () { return props.onPageIndexChange(0); } }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onPageSizeChange", onClick: function () { return props.onPageSizeChange(2); } }), (0, jsx_runtime_1.jsx)("p", { "data-testid": "rowsPaginate", children: JSON.stringify(props.rows) }), (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('50');
+                    }, children: item.icon }, idx)); }) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onRowClick", onClick: props.onRowClick, children: "onRowClick" })] })); },
+    Page: function (props) { return (0, jsx_runtime_1.jsx)("div", { children: props.children }); },
+    CircularProgress: function () { return (0, jsx_runtime_1.jsx)("div", { children: "CircularProgress" }); },
+    DataObject: {},
+}); });
+describe('Dates in DetailHoliday', function () {
+    var renderUI = function () {
+        return (0, react_1.render)((0, jsx_runtime_1.jsx)(Router_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(Dates_1.default, { id: holidayId }) }));
+    };
+    it('render without crash', function () {
+        renderUI();
+    });
+    it('render without id', function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(Router_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(Dates_1.default, {}) }));
+    });
+    it('render list items', 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 () {
+                            expect(react_1.screen.getByText(JSON.stringify(items))).toBeInTheDocument();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('change pageSize/pageIndex', 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('onPageSizeChange'));
+                            react_1.fireEvent.click(react_1.screen.getByTestId('onPageIndexChange'));
+                        })];
+                case 1:
+                    _a.sent();
+                    expect(react_1.screen.getByText(JSON.stringify(items.slice(0, 2)))).toBeInTheDocument();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('navigate to edit holiday', 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('onRowClick'));
+                            expect(window.location.href).toContain("localhost/HolidayDetailEdit/");
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('navigate to create holiday', 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.getByText('Common.Create'));
+                            expect(window.location.href).toContain("localhost/HolidayCreateDate");
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('delete item from list', 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.Delete'));
+                        })];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(react_1.screen.getByText(JSON.stringify(items.filter(function (item) { return item.id !== '50'; })))).toBeInTheDocument();
+                        })];
+                case 2:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

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

@@ -0,0 +1,6 @@
+import React from 'react';
+type ViewDetailFormProps = {
+    id?: string;
+};
+declare const ViewDetailForm: React.FC<ViewDetailFormProps>;
+export default ViewDetailForm;

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

@@ -0,0 +1,32 @@
+"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 Hooks_1 = __importDefault(require("../Hooks"));
+var FormHoliday_1 = __importDefault(require("../FormHoliday"));
+var AWING_1 = require("../../../AWING");
+var ViewDetailForm = function (_a) {
+    var id = _a.id;
+    var service = (0, Hooks_1.default)().service;
+    var _b = (0, react_1.useState)(), holidays = _b[0], setHolidays = _b[1];
+    var _c = (0, react_1.useState)(true), isLoading = _c[0], setLoading = _c[1];
+    (0, react_1.useEffect)(function () {
+        getHolidays();
+    }, []);
+    var getHolidays = function () {
+        if (id) {
+            service
+                .holidaysGet(Number(id))
+                .then(setHolidays)
+                .finally(function () { return setLoading(false); });
+        }
+        else {
+            setLoading(false);
+        }
+    };
+    return isLoading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(FormHoliday_1.default, { holidays: holidays, isAllFieldReadOnly: true }));
+};
+exports.default = ViewDetailForm;

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

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