phx-react 1.3.968 → 1.3.970
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/LoginSsoV3/login-sso-v3.d.ts +1 -0
- package/dist/cjs/components/LoginSsoV3/login-sso-v3.js +5 -4
- package/dist/cjs/components/LoginSsoV3/login-sso-v3.js.map +1 -1
- package/dist/cjs/components/MainWrapV3/MainWrapV3.js +1 -1
- package/dist/cjs/components/TableV3/HeaderTable.d.ts +1 -1
- package/dist/cjs/components/TableV3/HeaderTable.js +5 -4
- package/dist/cjs/components/TableV3/HeaderTable.js.map +1 -1
- package/dist/cjs/components/TableV3/Pagination.d.ts +1 -1
- package/dist/cjs/components/TableV3/Pagination.js +12 -2
- package/dist/cjs/components/TableV3/Pagination.js.map +1 -1
- package/dist/cjs/components/TableV3/RowTable.d.ts +1 -1
- package/dist/cjs/components/TableV3/RowTable.js +8 -5
- package/dist/cjs/components/TableV3/RowTable.js.map +1 -1
- package/dist/cjs/components/TableV3/TableV3.d.ts +8 -1
- package/dist/cjs/components/TableV3/TableV3.js +66 -44
- package/dist/cjs/components/TableV3/TableV3.js.map +1 -1
- package/dist/cjs/utils/constants.d.ts +10 -0
- package/dist/cjs/utils/constants.js +11 -1
- package/dist/cjs/utils/constants.js.map +1 -1
- package/dist/esm/components/LoginSsoV3/login-sso-v3.d.ts +1 -0
- package/dist/esm/components/LoginSsoV3/login-sso-v3.js +6 -5
- package/dist/esm/components/LoginSsoV3/login-sso-v3.js.map +1 -1
- package/dist/esm/components/MainWrapV3/MainWrapV3.js +1 -1
- package/dist/esm/components/TableV3/HeaderTable.d.ts +1 -1
- package/dist/esm/components/TableV3/HeaderTable.js +5 -4
- package/dist/esm/components/TableV3/HeaderTable.js.map +1 -1
- package/dist/esm/components/TableV3/Pagination.d.ts +1 -1
- package/dist/esm/components/TableV3/Pagination.js +12 -2
- package/dist/esm/components/TableV3/Pagination.js.map +1 -1
- package/dist/esm/components/TableV3/RowTable.d.ts +1 -1
- package/dist/esm/components/TableV3/RowTable.js +8 -5
- package/dist/esm/components/TableV3/RowTable.js.map +1 -1
- package/dist/esm/components/TableV3/TableV3.d.ts +8 -1
- package/dist/esm/components/TableV3/TableV3.js +66 -44
- package/dist/esm/components/TableV3/TableV3.js.map +1 -1
- package/dist/esm/utils/constants.d.ts +10 -0
- package/dist/esm/utils/constants.js +10 -0
- package/dist/esm/utils/constants.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
|
-
exports.requestMaxDuration = exports.SECRET_KEY = exports.IV_LENGTH = exports.KEY_COEFFICIENT_SEMESTER_II = exports.KEY_COEFFICIENT_SEMESTER_I = exports.SIZE_DEFAULT = exports.AUTHENTICATED = exports.BUS_SERVICE_TYPE_BUS = exports.BUS_SERVICE_TYPE_BTN = exports.PARENT_MOM = exports.PARENT_DAD = exports.KEY_PROFILE_TEACHER = exports.KEY_PARENT_STUDENT = exports.KEY_PROFILE_STUDENT = exports.DF_MENU_HOVER_BG_COLOR = exports.DF_MENU_ICON_ACTICE_COLOR = exports.DF_MENU_ICON_AND_TEXT_HOVER_COLOR = exports.DF_MENU_ICON_HOVER_COLOR = exports.DF_MENU_ICON_COLOR = exports.DF_MENU_BG_ACTIVE_COLOR = exports.DF_MENU_TEXT_COLOR = exports.DF_MENU_BG_COLOR = exports.DF_SEARCH_TEXT_COLOR = exports.DF_SEARCH_BORDER_HOVER_COLOR = exports.DF_SEARCH_BORDER_COLOR = exports.DF_SEARCH_BG_COLOR = exports.DF_SEARCH_ICON_COLOR = exports.DF_SKELETON_COLOR = exports.DF_HEADER_BG_COLOR = exports.DEFAULT_LOGO_DASHBOARD = exports.DEFAULT_LOGO_LOGIN = exports.DEFAULT_AVATAR = exports.ROLE_TEACHER = exports.TEACHER_TYPE_LEADER = exports.ROLE_SV = exports.KEY_QUERY_SETTING = exports.KEY_LOGIN_LOGO = exports.switchSchool = exports.superAdmin = exports.admin = exports.ROUTE_DASHBOARD = exports.loginPage = exports.COOKIE_REFRESH_TOKEN = exports.COOKIE_SESSION_SIGN_IN = void 0;
|
|
3
|
+
exports.LOGIN_TYPE = exports.requestMaxDuration = exports.SECRET_KEY = exports.IV_LENGTH = exports.KEY_COEFFICIENT_SEMESTER_II = exports.KEY_COEFFICIENT_SEMESTER_I = exports.SIZE_DEFAULT = exports.AUTHENTICATED = exports.BUS_SERVICE_TYPE_BUS = exports.BUS_SERVICE_TYPE_BTN = exports.PARENT_MOM = exports.PARENT_DAD = exports.KEY_PROFILE_TEACHER = exports.KEY_PARENT_STUDENT = exports.KEY_PROFILE_STUDENT = exports.DF_MENU_HOVER_BG_COLOR = exports.DF_MENU_ICON_ACTICE_COLOR = exports.DF_MENU_ICON_AND_TEXT_HOVER_COLOR = exports.DF_MENU_ICON_HOVER_COLOR = exports.DF_MENU_ICON_COLOR = exports.DF_MENU_BG_ACTIVE_COLOR = exports.DF_MENU_TEXT_COLOR = exports.DF_MENU_BG_COLOR = exports.DF_SEARCH_TEXT_COLOR = exports.DF_SEARCH_BORDER_HOVER_COLOR = exports.DF_SEARCH_BORDER_COLOR = exports.DF_SEARCH_BG_COLOR = exports.DF_SEARCH_ICON_COLOR = exports.DF_SKELETON_COLOR = exports.DF_HEADER_BG_COLOR = exports.DEFAULT_LOGO_DASHBOARD = exports.DEFAULT_LOGO_LOGIN = exports.DEFAULT_AVATAR = exports.ROLE_TEACHER = exports.TEACHER_TYPE_LEADER = exports.ROLE_SV = exports.KEY_QUERY_SETTING = exports.KEY_LOGIN_LOGO = exports.switchSchool = exports.superAdmin = exports.admin = exports.ROUTE_DASHBOARD = exports.loginPage = exports.COOKIE_REFRESH_TOKEN = exports.COOKIE_SESSION_SIGN_IN = void 0;
|
|
4
4
|
exports.COOKIE_SESSION_SIGN_IN = 'phx_session';
|
|
5
5
|
exports.COOKIE_REFRESH_TOKEN = 'refresh_token';
|
|
6
6
|
exports.loginPage = '/login-sso';
|
|
@@ -46,4 +46,14 @@ exports.KEY_COEFFICIENT_SEMESTER_II = 2;
|
|
|
46
46
|
exports.IV_LENGTH = 16;
|
|
47
47
|
exports.SECRET_KEY = '207d0732fb1c410b55d83ef7a320418a02e8a5f1a4ae5fa22daeb43f1c8eb2f2';
|
|
48
48
|
exports.requestMaxDuration = 5; // mặc định 100
|
|
49
|
+
exports.LOGIN_TYPE = {
|
|
50
|
+
GOOGLE: {
|
|
51
|
+
code: 'GOOGLE',
|
|
52
|
+
text: 'Đăng nhập bằng Google'
|
|
53
|
+
},
|
|
54
|
+
MICROSOFT: {
|
|
55
|
+
code: 'MICROSOFT',
|
|
56
|
+
text: 'Đăng nhập bằng Microsoft'
|
|
57
|
+
}
|
|
58
|
+
};
|
|
49
59
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/utils/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,sBAAsB,GAAG,aAAa,CAAA;AACtC,QAAA,oBAAoB,GAAG,eAAe,CAAA;AACtC,QAAA,SAAS,GAAG,YAAY,CAAA;AACxB,QAAA,eAAe,GAAG,YAAY,CAAA;AAE9B,QAAA,KAAK,GAAG,OAAO,CAAA;AACf,QAAA,UAAU,GAAG,KAAK,CAAA;AAClB,QAAA,YAAY,GAAG,QAAQ,CAAA;AACvB,QAAA,cAAc,GAAG,YAAY,CAAA;AAC7B,QAAA,iBAAiB,GAAG,YAAY,CAAA;AAChC,QAAA,OAAO,GAAG,IAAI,CAAA;AACd,QAAA,mBAAmB,GAAG,GAAG,CAAA;AACzB,QAAA,YAAY,GAAG,IAAI,CAAA;AAEnB,QAAA,cAAc,GAAG,qFAAqF,CAAA;AACtG,QAAA,kBAAkB,GAAG,6EAA6E,CAAA;AAClG,QAAA,sBAAsB,GAAG,6EAA6E,CAAA;AAEtG,QAAA,kBAAkB,GAAG,SAAS,CAAA;AAC9B,QAAA,iBAAiB,GAAG,SAAS,CAAA;AAC7B,QAAA,oBAAoB,GAAG,SAAS,CAAA;AAChC,QAAA,kBAAkB,GAAG,SAAS,CAAA;AAC9B,QAAA,sBAAsB,GAAG,SAAS,CAAA;AAClC,QAAA,4BAA4B,GAAG,SAAS,CAAA;AACxC,QAAA,oBAAoB,GAAG,SAAS,CAAA;AAEhC,QAAA,gBAAgB,GAAG,SAAS,CAAA;AAC5B,QAAA,kBAAkB,GAAG,SAAS,CAAA;AAC9B,QAAA,uBAAuB,GAAG,MAAM,CAAA;AAChC,QAAA,kBAAkB,GAAG,SAAS,CAAA;AAC9B,QAAA,wBAAwB,GAAG,SAAS,CAAA;AACpC,QAAA,iCAAiC,GAAG,SAAS,CAAA;AAC7C,QAAA,yBAAyB,GAAG,SAAS,CAAA;AACrC,QAAA,sBAAsB,GAAG,MAAM,CAAA;AAE/B,QAAA,mBAAmB,GAAG,iBAAiB,CAAA;AACvC,QAAA,kBAAkB,GAAG,gBAAgB,CAAA;AACrC,QAAA,mBAAmB,GAAG,iBAAiB,CAAA;AAEvC,QAAA,UAAU,GAAG,KAAK,CAAA;AAClB,QAAA,UAAU,GAAG,KAAK,CAAA;AAElB,QAAA,oBAAoB,GAAG,KAAK,CAAA,CAAC,UAAU;AACvC,QAAA,oBAAoB,GAAG,KAAK,CAAA,CAAC,WAAW;AACxC,QAAA,aAAa,GAAG,eAAe,CAAA;AAE5C,4BAA4B;AACf,QAAA,YAAY,GAAG,UAAU,CAAA;AAEzB,QAAA,0BAA0B,GAAG,CAAC,CAAA;AAC9B,QAAA,2BAA2B,GAAG,CAAC,CAAA;AAE/B,QAAA,SAAS,GAAG,EAAE,CAAA;AACd,QAAA,UAAU,GAAG,kEAAkE,CAAA;AAC/E,QAAA,kBAAkB,GAAG,CAAC,CAAA,CAAC,eAAe"}
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/utils/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,sBAAsB,GAAG,aAAa,CAAA;AACtC,QAAA,oBAAoB,GAAG,eAAe,CAAA;AACtC,QAAA,SAAS,GAAG,YAAY,CAAA;AACxB,QAAA,eAAe,GAAG,YAAY,CAAA;AAE9B,QAAA,KAAK,GAAG,OAAO,CAAA;AACf,QAAA,UAAU,GAAG,KAAK,CAAA;AAClB,QAAA,YAAY,GAAG,QAAQ,CAAA;AACvB,QAAA,cAAc,GAAG,YAAY,CAAA;AAC7B,QAAA,iBAAiB,GAAG,YAAY,CAAA;AAChC,QAAA,OAAO,GAAG,IAAI,CAAA;AACd,QAAA,mBAAmB,GAAG,GAAG,CAAA;AACzB,QAAA,YAAY,GAAG,IAAI,CAAA;AAEnB,QAAA,cAAc,GAAG,qFAAqF,CAAA;AACtG,QAAA,kBAAkB,GAAG,6EAA6E,CAAA;AAClG,QAAA,sBAAsB,GAAG,6EAA6E,CAAA;AAEtG,QAAA,kBAAkB,GAAG,SAAS,CAAA;AAC9B,QAAA,iBAAiB,GAAG,SAAS,CAAA;AAC7B,QAAA,oBAAoB,GAAG,SAAS,CAAA;AAChC,QAAA,kBAAkB,GAAG,SAAS,CAAA;AAC9B,QAAA,sBAAsB,GAAG,SAAS,CAAA;AAClC,QAAA,4BAA4B,GAAG,SAAS,CAAA;AACxC,QAAA,oBAAoB,GAAG,SAAS,CAAA;AAEhC,QAAA,gBAAgB,GAAG,SAAS,CAAA;AAC5B,QAAA,kBAAkB,GAAG,SAAS,CAAA;AAC9B,QAAA,uBAAuB,GAAG,MAAM,CAAA;AAChC,QAAA,kBAAkB,GAAG,SAAS,CAAA;AAC9B,QAAA,wBAAwB,GAAG,SAAS,CAAA;AACpC,QAAA,iCAAiC,GAAG,SAAS,CAAA;AAC7C,QAAA,yBAAyB,GAAG,SAAS,CAAA;AACrC,QAAA,sBAAsB,GAAG,MAAM,CAAA;AAE/B,QAAA,mBAAmB,GAAG,iBAAiB,CAAA;AACvC,QAAA,kBAAkB,GAAG,gBAAgB,CAAA;AACrC,QAAA,mBAAmB,GAAG,iBAAiB,CAAA;AAEvC,QAAA,UAAU,GAAG,KAAK,CAAA;AAClB,QAAA,UAAU,GAAG,KAAK,CAAA;AAElB,QAAA,oBAAoB,GAAG,KAAK,CAAA,CAAC,UAAU;AACvC,QAAA,oBAAoB,GAAG,KAAK,CAAA,CAAC,WAAW;AACxC,QAAA,aAAa,GAAG,eAAe,CAAA;AAE5C,4BAA4B;AACf,QAAA,YAAY,GAAG,UAAU,CAAA;AAEzB,QAAA,0BAA0B,GAAG,CAAC,CAAA;AAC9B,QAAA,2BAA2B,GAAG,CAAC,CAAA;AAE/B,QAAA,SAAS,GAAG,EAAE,CAAA;AACd,QAAA,UAAU,GAAG,kEAAkE,CAAA;AAC/E,QAAA,kBAAkB,GAAG,CAAC,CAAA,CAAC,eAAe;AAEtC,QAAA,UAAU,GAAG;IACxB,MAAM,EAAE;QACN,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,uBAAuB;KAC9B;IACD,SAAS,EAAE;QACT,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,0BAA0B;KACjC;CACF,CAAA"}
|
|
@@ -4,12 +4,12 @@ import { PHXSkeleton } from '../Skeleton';
|
|
|
4
4
|
import { PHXButton } from '../Button';
|
|
5
5
|
import { PHXBanner } from '../Banner';
|
|
6
6
|
import { getEnv } from '../../read-env-config';
|
|
7
|
-
import { AUTHENTICATED } from '../../utils/constants';
|
|
7
|
+
import { AUTHENTICATED, LOGIN_TYPE } from '../../utils/constants';
|
|
8
8
|
import saveCookiesClient from '../Func/saveCookiesClient';
|
|
9
9
|
import PHXFuncGetCookieSession from '../Func/getCookieSession';
|
|
10
10
|
export var PHXLoginSsoV3 = function (props) {
|
|
11
11
|
var _a;
|
|
12
|
-
var onClick = props.onClick, banner = props.banner, dataSession = props.dataSession, redirectPath = props.redirectPath, router = props.router, logo = props.logo;
|
|
12
|
+
var onClick = props.onClick, banner = props.banner, dataSession = props.dataSession, redirectPath = props.redirectPath, router = props.router, logo = props.logo, login_type = props.login_type;
|
|
13
13
|
var schoolLogo = getEnv('NEXT_PUBLIC_ENV_LOGIN_LOGO', process.env.NEXT_PUBLIC_ENV_LOGIN_LOGO);
|
|
14
14
|
var _b = useState(false), loading = _b[0], setLoading = _b[1];
|
|
15
15
|
var _c = useState(false), error = _c[0], setError = _c[1];
|
|
@@ -96,7 +96,8 @@ export var PHXLoginSsoV3 = function (props) {
|
|
|
96
96
|
React.createElement("div", { className: 'mt-5' },
|
|
97
97
|
React.createElement("div", { className: 'space-y-6' }, dataSession.status === 'loading' ? (React.createElement(PHXSkeleton, { className: 'w-full', size: 'extra-large', type: 'only-header' })) : (React.createElement(PHXButton, { loading: loading, disabled: loading, onClick: function () { return handlerOnClick(); }, className: 'flex w-full justify-center items-center', primary: true, submit: true, size: 'medium' },
|
|
98
98
|
React.createElement("div", { className: 'flex gap-2 items-center' },
|
|
99
|
-
React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '
|
|
99
|
+
login_type === LOGIN_TYPE.GOOGLE.code ? (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '17', height: '17', viewBox: '0 0 210 210', fill: 'none' },
|
|
100
|
+
React.createElement("path", { d: 'M0 105C0 47.103 47.103 0 105 0C128.383 0 150.515 7.523 169.004 21.756L144.604 53.452C133.172 44.652 119.477 40 105 40C69.159 40 40 69.159 40 105C40 140.841 69.159 170 105 170C133.867 170 158.398 151.087 166.852 125H105V85H210V105C210 162.897 162.897 210 105 210C47.103 210 0 162.897 0 105Z', fill: 'white' }))) : (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '14', height: '14', viewBox: '0 0 24 24', fill: 'none' },
|
|
100
101
|
React.createElement("g", { clipPath: 'url(#clip0_1739_10008)' },
|
|
101
102
|
React.createElement("path", { d: 'M12.75 11.25L24 11.25V0.75C24 0.336 23.664 0 23.25 0L12.75 0L12.75 11.25Z', fill: 'white' }),
|
|
102
103
|
React.createElement("path", { d: 'M11.25 11.25L11.25 0L0.75 0C0.336 0 0 0.336 0 0.75L0 11.25L11.25 11.25Z', fill: 'white' }),
|
|
@@ -104,8 +105,8 @@ export var PHXLoginSsoV3 = function (props) {
|
|
|
104
105
|
React.createElement("path", { d: 'M12.75 12.75L12.75 24H23.25C23.664 24 24 23.664 24 23.25V12.75L12.75 12.75Z', fill: 'white' })),
|
|
105
106
|
React.createElement("defs", null,
|
|
106
107
|
React.createElement("clipPath", { id: 'clip0_1739_10008' },
|
|
107
|
-
React.createElement("rect", { width: '24', height: '24', fill: 'white' })))),
|
|
108
|
-
|
|
108
|
+
React.createElement("rect", { width: '24', height: '24', fill: 'white' }))))),
|
|
109
|
+
login_type === LOGIN_TYPE.GOOGLE.code ? LOGIN_TYPE.GOOGLE.text : LOGIN_TYPE.MICROSOFT.text)))),
|
|
109
110
|
React.createElement(PHXBanner, { className: 'mt-3', onClose: function () { return setError(!error); }, description: 'T\u00E0i kho\u1EA3n n\u00E0y ch\u01B0a \u0111\u01B0\u1EE3c \u0111\u0103ng k\u00FD tr\u00EAn h\u1EC7 th\u00F4ng vui l\u00F2ng li\u00EAn h\u1EC7 qu\u1EA3n tr\u1ECB vi\u00EAn \u0111\u1EC3 ti\u1EBFp t\u1EE5c.', show: error, title: 'Th\u00F4ng b\u00E1o', type: 'warning' })))),
|
|
110
111
|
React.createElement("div", { className: 'relative hidden w-0 flex-1 lg:block lg:w-full' },
|
|
111
112
|
React.createElement("img", { className: 'absolute inset-0 h-full w-full object-cover', src: banner !== null && banner !== void 0 ? banner : 'https://images.unsplash.com/photo-1496917756835-20cb06e75b4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1908&q=80', alt: 'banner' }))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"login-sso-v3.js","sourceRoot":"","sources":["../../../../src/components/LoginSsoV3/login-sso-v3.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"login-sso-v3.js","sourceRoot":"","sources":["../../../../src/components/LoginSsoV3/login-sso-v3.tsx"],"names":[],"mappings":"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"}
|
|
@@ -623,7 +623,7 @@ export var PHXMainWrapV3 = function (_a) {
|
|
|
623
623
|
React.createElement(StyledCustomLayoutProps, { configLayout: configLayout, settingSiteCookie: getDataCookies ? (_d = decryptCookie(getDataCookies)) === null || _d === void 0 ? void 0 : _d.setting_site : null }),
|
|
624
624
|
React.createElement("header", { className: 'header-color-styled fixed top-0 z-50 min-w-full border-gray-200 bg-white' },
|
|
625
625
|
React.createElement("div", { className: 'header-styled mx-auto flex h-14 items-center justify-between bg-[#1a1a1a] pr-4' },
|
|
626
|
-
React.createElement("div", { className: 'flex items-center gap-x-3 lg:w-
|
|
626
|
+
React.createElement("div", { className: 'flex items-center gap-x-3 lg:w-64' },
|
|
627
627
|
React.createElement("a", { className: 'flex w-full items-center', href: '/' }, topMenuLogoFromEnv ? (React.createElement(React.Fragment, null, isLoading ? (React.createElement("div", { className: 'header-loading-logo ml-3 h-8 w-full animate-pulse' })) : (React.createElement("img", { alt: 'Logo', className: 'ml-3 w-auto', src: checkLogoHeader, style: { height: height } })))) : (React.createElement(React.Fragment, null))),
|
|
628
628
|
React.createElement("div", { className: 'flex items-center lg:hidden' },
|
|
629
629
|
React.createElement("button", { className: 'bg-grey-100 mr-3 inline-flex items-center justify-center rounded-md p-1 text-gray-600 hover:bg-white focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white', onClick: function () { return setSidebarOpen(true); }, type: 'button' },
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare function HeaderTable({ checkbox, checked, numericalOrder, selectedAllPeople, thHeader, toggleAll }: any): React.JSX.Element;
|
|
2
|
+
declare function HeaderTable({ checkbox, checked, numericalOrder, selectedAllPeople, thHeader, toggleAll, disableSpacing, border, isCenterText, }: any): React.JSX.Element;
|
|
3
3
|
export default HeaderTable;
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { classNames } from '../types';
|
|
3
3
|
function HeaderTable(_a) {
|
|
4
|
-
var checkbox = _a.checkbox, checked = _a.checked, numericalOrder = _a.numericalOrder, selectedAllPeople = _a.selectedAllPeople, thHeader = _a.thHeader, toggleAll = _a.toggleAll;
|
|
4
|
+
var checkbox = _a.checkbox, checked = _a.checked, numericalOrder = _a.numericalOrder, selectedAllPeople = _a.selectedAllPeople, thHeader = _a.thHeader, toggleAll = _a.toggleAll, disableSpacing = _a.disableSpacing, border = _a.border, isCenterText = _a.isCenterText;
|
|
5
|
+
var spacingIndex = numericalOrder.enable && disableSpacing.disable ? (disableSpacing === null || disableSpacing === void 0 ? void 0 : disableSpacing.indexStart) - 1 : disableSpacing === null || disableSpacing === void 0 ? void 0 : disableSpacing.indexStart;
|
|
5
6
|
return (React.createElement(React.Fragment, null,
|
|
6
7
|
React.createElement("tr", null,
|
|
7
8
|
selectedAllPeople && selectedAllPeople.enable ? (React.createElement("th", { className: 'relative w-12 rounded-lg px-6 py-2.5 sm:w-16 sm:px-8', scope: 'col' },
|
|
8
9
|
React.createElement("input", { ref: checkbox, checked: checked, className: 'absolute left-4 top-1/2 -mt-2 block h-4 w-4 rounded border-[0.5px] border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent sm:left-6', onChange: toggleAll, type: 'checkbox' }))) : null,
|
|
9
|
-
numericalOrder.enable && (React.createElement("th", { key: 'stt', className: classNames('
|
|
10
|
+
numericalOrder.enable && (React.createElement("th", { key: 'stt', className: classNames('whitespace-nowrap rounded-lg py-2.5 px-3 text-xs font-medium text-gray-800', !(numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.disableSpacing) ? 'min-w-[135px] pl-8' : '', isCenterText ? 'text-center align-middle' : 'text-left align-top'), scope: 'col' }, numericalOrder.title)),
|
|
10
11
|
thHeader.map(function (item, index) {
|
|
11
|
-
return index === 0 ? (React.createElement("th", { key: index, className: classNames('
|
|
12
|
-
React.createElement("p", { className: 'text-gray-800' }, item))) : (React.createElement("th", { key: index, className: classNames('
|
|
12
|
+
return index === 0 ? (React.createElement("th", { key: index, className: classNames('whitespace-nowrap rounded-lg py-2.5 text-xs font-medium px-3', selectedAllPeople && selectedAllPeople.enable ? 'pl-6 sm:pl-8' : 'rounded-lg', !disableSpacing.disable ? 'min-w-[160px] pl-8' : '', disableSpacing.disable && spacingIndex > index ? 'min-w-[160px] pl-8' : '', numericalOrder && numericalOrder.enable && border ? 'border-l' : '', isCenterText ? 'text-center align-middle' : 'text-left align-top'), scope: 'col' },
|
|
13
|
+
React.createElement("p", { className: 'text-gray-800' }, item))) : (React.createElement("th", { key: index, className: classNames('whitespace-nowrap py-2.5 px-3 text-xs font-medium', index === thHeader.length - 1 && 'rounded-lg', !disableSpacing.disable ? 'min-w-[135px] pl-8' : '', disableSpacing.disable && spacingIndex > index ? 'min-w-[135px] pl-8' : '', border && 'border-l', isCenterText ? 'text-center align-middle' : 'text-left align-top'), scope: 'col' },
|
|
13
14
|
React.createElement("p", { className: 'text-gray-800' }, item)));
|
|
14
15
|
}))));
|
|
15
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderTable.js","sourceRoot":"","sources":["../../../../src/components/TableV3/HeaderTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,SAAS,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"HeaderTable.js","sourceRoot":"","sources":["../../../../src/components/TableV3/HeaderTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare const Pagination: ({ currentPage, handleChangePage, totalPages, pagination, rowQuantity, count }: any) => React.JSX.Element;
|
|
2
|
+
declare const Pagination: ({ currentPage, handleChangePage, totalPages, pagination, rowQuantity, count, router }: any) => React.JSX.Element;
|
|
3
3
|
export default Pagination;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { faAngleRight, faAngleLeft } from '@fortawesome/free-solid-svg-icons';
|
|
2
2
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
3
|
-
import React from 'react';
|
|
3
|
+
import React, { useEffect, useState } from 'react';
|
|
4
4
|
function classNames() {
|
|
5
5
|
var classes = [];
|
|
6
6
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
@@ -9,13 +9,23 @@ function classNames() {
|
|
|
9
9
|
return classes.filter(Boolean).join(' ');
|
|
10
10
|
}
|
|
11
11
|
var Pagination = function (_a) {
|
|
12
|
-
var currentPage = _a.currentPage, handleChangePage = _a.handleChangePage, totalPages = _a.totalPages, pagination = _a.pagination, rowQuantity = _a.rowQuantity, count = _a.count;
|
|
12
|
+
var currentPage = _a.currentPage, handleChangePage = _a.handleChangePage, totalPages = _a.totalPages, pagination = _a.pagination, rowQuantity = _a.rowQuantity, count = _a.count, router = _a.router;
|
|
13
|
+
var _b = useState({}), searchParams = _b[0], setSearchParams = _b[1];
|
|
13
14
|
var pages = [];
|
|
14
15
|
for (var i = 1; i <= totalPages; i++) {
|
|
15
16
|
pages.push(i);
|
|
16
17
|
}
|
|
18
|
+
useEffect(function () {
|
|
19
|
+
if (typeof window !== 'undefined') {
|
|
20
|
+
var params = new URLSearchParams(window.location.search);
|
|
21
|
+
setSearchParams(params);
|
|
22
|
+
}
|
|
23
|
+
}, [window.location.search]);
|
|
17
24
|
var handleClickPage = function (page) {
|
|
18
25
|
handleChangePage(page);
|
|
26
|
+
var params = new URLSearchParams(searchParams + '');
|
|
27
|
+
params.set('pagi', page + '');
|
|
28
|
+
router.push("?".concat(params + ''), { scroll: false });
|
|
19
29
|
};
|
|
20
30
|
var disableNextPage = currentPage === totalPages;
|
|
21
31
|
var disablePrevPage = currentPage === 1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../src/components/TableV3/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../src/components/TableV3/Pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,4 +9,4 @@ import React from 'react';
|
|
|
9
9
|
* @param brSetSelectedPeople
|
|
10
10
|
* @constructor
|
|
11
11
|
*/
|
|
12
|
-
export declare const RowTable: ({ bodyIndex, brSetSelectedPeople, itemBody, selectedAllPeople, selectedPeople, thBody, thBodyComponent, thBodyFilter, onChange, directDetail, numericalOrder, }: any) => React.JSX.Element;
|
|
12
|
+
export declare const RowTable: ({ bodyIndex, brSetSelectedPeople, itemBody, selectedAllPeople, selectedPeople, thBody, thBodyComponent, thBodyFilter, onChange, directDetail, numericalOrder, disableSpacing, border, isCenterText, }: any) => React.JSX.Element;
|
|
@@ -21,7 +21,7 @@ function classNames() {
|
|
|
21
21
|
export var RowTable = function (_a) {
|
|
22
22
|
var _b;
|
|
23
23
|
var bodyIndex = _a.bodyIndex, brSetSelectedPeople = _a.brSetSelectedPeople, itemBody = _a.itemBody, // Là bản ghi record từng hàng
|
|
24
|
-
selectedAllPeople = _a.selectedAllPeople, selectedPeople = _a.selectedPeople, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, thBodyFilter = _a.thBodyFilter, onChange = _a.onChange, directDetail = _a.directDetail, numericalOrder = _a.numericalOrder;
|
|
24
|
+
selectedAllPeople = _a.selectedAllPeople, selectedPeople = _a.selectedPeople, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, thBodyFilter = _a.thBodyFilter, onChange = _a.onChange, directDetail = _a.directDetail, numericalOrder = _a.numericalOrder, disableSpacing = _a.disableSpacing, border = _a.border, isCenterText = _a.isCenterText;
|
|
25
25
|
function renderInclude(person) {
|
|
26
26
|
return !!selectedPeople.find(function (select) { return select.id === person.id; });
|
|
27
27
|
// @ts-ignore
|
|
@@ -83,7 +83,7 @@ export var RowTable = function (_a) {
|
|
|
83
83
|
var isArray = Array.isArray(value);
|
|
84
84
|
if (!isArray) {
|
|
85
85
|
var result = funcCallback(value, itemBody);
|
|
86
|
-
return React.createElement("td", { className: 'whitespace-nowrap
|
|
86
|
+
return (React.createElement("td", { className: classNames('whitespace-nowrap text-xs text-gray-900', !disableSpacing.disable ? 'pl-8' : 'px-0.5', disableSpacing.disable && (disableSpacing === null || disableSpacing === void 0 ? void 0 : disableSpacing.indexStart) > bodyIndex ? 'pl-8' : 'px-0.5', border && 'border-l') }, result));
|
|
87
87
|
}
|
|
88
88
|
// Nếu là kiểu mảng thì return luôn function, vì trong function xử lý mảng bên ngoài phải trả về list <td>
|
|
89
89
|
return funcCallback(value, itemBody);
|
|
@@ -110,8 +110,11 @@ export var RowTable = function (_a) {
|
|
|
110
110
|
return (React.createElement(React.Fragment, null,
|
|
111
111
|
bodyIndex === 0 && selectedAllPeople && selectedAllPeople.enable ? (React.createElement("td", { className: 'relative w-16 px-8' },
|
|
112
112
|
React.createElement("input", { checked: checked, className: "".concat((itemBody === null || itemBody === void 0 ? void 0 : itemBody.entered_school) ? 'hidden' : '', " absolute left-4 -mt-2 block h-4 w-4 rounded border-[0.5px] border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent sm:left-6"), disabled: itemBody === null || itemBody === void 0 ? void 0 : itemBody.entered_school, onChange: function (e) { return handleChange(e); }, onClick: function (e) { return e.stopPropagation(); }, type: 'checkbox', value: renderKey() }))) : (React.createElement(React.Fragment, null)),
|
|
113
|
-
bodyIndex === 0 && numericalOrder && numericalOrder.enable && (React.createElement("td", { className: (_b = numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.className) !== null && _b !== void 0 ? _b : 'w-[10ch] whitespace-nowrap
|
|
114
|
-
|
|
115
|
-
bodyIndex
|
|
113
|
+
bodyIndex === 0 && numericalOrder && numericalOrder.enable && (React.createElement("td", { className: classNames((_b = numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.className) !== null && _b !== void 0 ? _b : 'w-[10ch] whitespace-nowrap text-xs text-gray-900', !numericalOrder.disableSpacing ? 'w-[10ch] sm:pl-8 pl-3' : '') },
|
|
114
|
+
React.createElement("div", { className: classNames(isCenterText ? 'flex justify-center items-center' : 'pl-3') }, numericalOrder.order))),
|
|
115
|
+
bodyIndex === 1 ? (React.createElement("td", { className: classNames('whitespace-nowrap text-xs text-gray-900', selectedAllPeople && selectedAllPeople.enable ? 'px-3' : '', directDetail && directDetail.enable ? 'cursor-pointer hover:underline' : '', !disableSpacing.disable ? 'w-12 px-6 pr-3 py-3 sm:w-16 sm:px-8' : 'px-0.5', disableSpacing.disable && (disableSpacing === null || disableSpacing === void 0 ? void 0 : disableSpacing.indexStart) > bodyIndex
|
|
116
|
+
? 'w-12 px-6 pr-3 sm:w-16 sm:px-8'
|
|
117
|
+
: 'px-0.5', border && 'border-l'), onClick: function (e) { return handleDirectDetail(e, itemBody); } }, isFunctionRender ? isFunctionRender(value, itemBody) : value)) : (React.createElement(React.Fragment, null)),
|
|
118
|
+
bodyIndex > 1 ? (isFunctionRender ? (isRenderColumnInRow(isFunctionRender, { value: value, itemBody: itemBody })) : (React.createElement("td", { className: classNames('whitespace-nowrap text-xs text-gray-900', !disableSpacing.disable ? 'pl-8' : 'px-0.5', disableSpacing.disable && (disableSpacing === null || disableSpacing === void 0 ? void 0 : disableSpacing.indexStart) > bodyIndex ? 'pl-8' : 'px-0.5', border && 'border-l') }, value))) : (React.createElement(React.Fragment, null))));
|
|
116
119
|
};
|
|
117
120
|
//# sourceMappingURL=RowTable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowTable.js","sourceRoot":"","sources":["../../../../src/components/TableV3/RowTable.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,SAAS,UAAU;IAAC,iBAAyB;SAAzB,UAAyB,EAAzB,qBAAyB,EAAzB,IAAyB;QAAzB,4BAAyB;;IAC3C,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"RowTable.js","sourceRoot":"","sources":["../../../../src/components/TableV3/RowTable.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,SAAS,UAAU;IAAC,iBAAyB;SAAzB,UAAyB,EAAzB,qBAAyB,EAAzB,IAAyB;QAAzB,4BAAyB;;IAC3C,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAenB;;QAdJ,SAAS,eAAA,EACT,mBAAmB,yBAAA,EACnB,QAAQ,cAAA,EAAE,8BAA8B;IACxC,iBAAiB,uBAAA,EACjB,cAAc,oBAAA,EACd,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,MAAM,YAAA,EACN,YAAY,kBAAA;IAEZ,SAAS,aAAa,CAAC,MAAW;QAChC,OAAO,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,UAAC,MAAW,IAAK,OAAA,MAAM,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,EAAvB,CAAuB,CAAC,CAAA;QAEtE,aAAa;QACb,yCAAyC;IAC3C,CAAC;IAEK,IAAA,KAAwB,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,EAAxD,OAAO,QAAA,EAAE,UAAU,QAAqC,CAAA;IAE/D,SAAS,CAAC;QACR,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAA;IACrC,CAAC,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC7B;;;OAGG;IACH,IAAM,WAAW,GAAG,UAAC,KAAa,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAhB,CAAgB,CAAA;IACvD,IAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAA;IAEtD;;;OAGG;IACH,IAAM,WAAW,GAAG;;QAClB,IAAM,SAAS,GAAG,eAAe,CAAC,MAAM,CAAA;QACxC,IAAI,KAAK,GAAG,EAAE,CAAA;QACd,QAAQ,SAAS,EAAE;YACjB,KAAK,CAAC;gBACJ,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAA,CAAC,oFAAoF;gBACxH,MAAK;YACP,KAAK,CAAC;gBACJ,KAAK,GAAG,MAAA,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,CAAA;gBAC1D,MAAK;YACP,KAAK,CAAC;gBACJ,KAAK,GAAG,MAAA,MAAA,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,CAAA;gBAChF,MAAK;YACP,KAAK,CAAC;gBACJ,KAAK,GAAG,MAAA,MAAA,MAAA,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,0CAAG,eAAe,CAAC,CAAC,CAAC,CAAC,CAAA;gBACtG,MAAK;YACP;gBACE,MAAK;SACR;QAED,OAAO;YACL,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK;YACjD,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC;SAC7B,CAAA;IACH,CAAC,CAAA;IAEK,IAAA,KAAuB,WAAW,EAAE,EAAlC,SAAS,eAAA,EAAE,KAAK,WAAkB,CAAA;IAE1C,qHAAqH;IACrH,0BAA0B;IAC1B,yDAAyD;IACzD,IAAM,gBAAgB,GAAG,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IACjF,IAAM,SAAS,GAAG,cAAM,OAAA,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,EAA3B,CAA2B,CAAA;IAEnD;;;;;OAKG;IACH,IAAM,mBAAmB,GAAG,UAAC,YAAiB,EAAE,EAAwB;YAAtB,KAAK,WAAA,EAAE,QAAQ,cAAA;QAC/D,IAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QACpC,IAAI,CAAC,OAAO,EAAE;YACZ,IAAM,MAAM,GAAG,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;YAC5C,OAAO,CACL,4BACE,SAAS,EAAE,UAAU,CACnB,yCAAyC,EACzC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAC3C,cAAc,CAAC,OAAO,IAAI,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,UAAU,IAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EACpF,MAAM,IAAI,UAAU,CACrB,IAEA,MAAM,CACJ,CACN,CAAA;SACF;QAED,0GAA0G;QAC1G,OAAO,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IACtC,CAAC,CAAA;IACD,IAAM,YAAY,GAAG,UAAC,CAAM;QAC1B,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QAC5B,mBAAmB,CACjB,CAAC,CAAC,MAAM,CAAC,OAAO;YACd,CAAC,CAAC,aAAa;6CACT,cAAc,UAAE,QAAQ,UAC9B,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,EAAE,EAApB,CAAoB,CAAC,CAC5D,CAAA;QACD,IAAI,QAAQ;YACV,QAAQ,CACN,CAAC,CAAC,MAAM,CAAC,OAAO;gBACd,CAAC,CAAC,aAAa;iDACT,cAAc,UAAE,QAAQ,UAC9B,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,EAAE,EAApB,CAAoB,CAAC,CAC5D,CAAA;IACL,CAAC,CAAA;IAED,IAAM,kBAAkB,GAAG,UAAC,CAAM,EAAE,IAAS;QAC3C,IAAI,YAAY,IAAI,YAAY,CAAC,MAAM,EAAE;YACvC,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;SAC3B;aAAM;YACL,OAAM;SACP;IACH,CAAC,CAAA;IAED,OAAO,CACL;QACG,SAAS,KAAK,CAAC,IAAI,iBAAiB,IAAI,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,CAClE,4BAAI,SAAS,EAAC,oBAAoB;YAChC,+BACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,UACT,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,EAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,wKAC2H,EACrK,QAAQ,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,EAClC,QAAQ,EAAE,UAAC,CAAM,IAAK,OAAA,YAAY,CAAC,CAAC,CAAC,EAAf,CAAe,EACrC,OAAO,EAAE,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,EACxC,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,SAAS,EAAE,GAClB,CACC,CACN,CAAC,CAAC,CAAC,CACF,yCAAK,CACN;QAEA,SAAS,KAAK,CAAC,IAAI,cAAc,IAAI,cAAc,CAAC,MAAM,IAAI,CAC7D,4BACE,SAAS,EAAE,UAAU,CACnB,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,mCAAI,kDAAkD,EAC/E,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAC9D;YAED,6BAAK,SAAS,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,MAAM,CAAC,IACnF,cAAc,CAAC,KAAK,CACjB,CACH,CACN;QACA,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CACjB,4BACE,SAAS,EAAE,UAAU,CACnB,yCAAyC,EACzC,iBAAiB,IAAI,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAC3D,YAAY,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EAAE,EAC3E,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,QAAQ,EAC1E,cAAc,CAAC,OAAO,IAAI,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,UAAU,IAAG,SAAS;gBAC9D,CAAC,CAAC,gCAAgC;gBAClC,CAAC,CAAC,QAAQ,EACZ,MAAM,IAAI,UAAU,CACrB,EACD,OAAO,EAAE,UAAC,CAAM,IAAK,OAAA,kBAAkB,CAAC,CAAC,EAAE,QAAQ,CAAC,EAA/B,CAA+B,IAEnD,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAC1D,CACN,CAAC,CAAC,CAAC,CACF,yCAAK,CACN;QAEA,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CACf,gBAAgB,CAAC,CAAC,CAAC,CACjB,mBAAmB,CAAC,gBAAgB,EAAE,EAAE,KAAK,OAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAC3D,CAAC,CAAC,CAAC,CACF,4BACE,SAAS,EAAE,UAAU,CACnB,yCAAyC,EACzC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAC3C,cAAc,CAAC,OAAO,IAAI,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,UAAU,IAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EACpF,MAAM,IAAI,UAAU,CACrB,IAEA,KAAK,CACH,CACN,CACF,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CACA,CACJ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -64,6 +64,7 @@ export interface MainTableProps {
|
|
|
64
64
|
numericalOrder?: {
|
|
65
65
|
enable: boolean;
|
|
66
66
|
title: string | any;
|
|
67
|
+
disableSpacing?: boolean;
|
|
67
68
|
};
|
|
68
69
|
isQueryDataCenter?: boolean;
|
|
69
70
|
isSortEmpty?: boolean;
|
|
@@ -71,5 +72,11 @@ export interface MainTableProps {
|
|
|
71
72
|
enable: boolean;
|
|
72
73
|
};
|
|
73
74
|
isCustomHeaderSelected?: boolean;
|
|
75
|
+
disableSpacing?: {
|
|
76
|
+
disable: boolean;
|
|
77
|
+
indexStart: number;
|
|
78
|
+
};
|
|
79
|
+
border?: boolean;
|
|
80
|
+
isCenterText?: boolean;
|
|
74
81
|
}
|
|
75
|
-
export declare function PHXTableV3({ actionName, clickRow, clickType, directDetail, editActionLink, filterLoading, fixedTableLayout, hidePagination, isQueryDataCenter, list, numericalOrder, onChange, onClick, pagination, paginationData, router, routerCondition, rowNumber, search, selectArray, selectedAllPeople, selectedBtn, setAggregate, setHeaderLoading, slectedTitle, sort, sortData, sortSelectData, thBody, thBodyComponent, thBodyFilter, thHeader, thHeaderComponent, typeLoading, isSortEmpty, emptyStateAction, isCustomHeaderSelected, isUnaccentSearchValue, }: Readonly<MainTableProps>): React.JSX.Element;
|
|
82
|
+
export declare function PHXTableV3({ actionName, clickRow, clickType, directDetail, editActionLink, filterLoading, fixedTableLayout, hidePagination, isQueryDataCenter, list, numericalOrder, onChange, onClick, pagination, paginationData, router, routerCondition, rowNumber, search, selectArray, selectedAllPeople, selectedBtn, setAggregate, setHeaderLoading, slectedTitle, sort, sortData, sortSelectData, thBody, thBodyComponent, thBodyFilter, thHeader, thHeaderComponent, typeLoading, isSortEmpty, emptyStateAction, isCustomHeaderSelected, isUnaccentSearchValue, disableSpacing, border, isCenterText, }: Readonly<MainTableProps>): React.JSX.Element;
|
|
@@ -24,7 +24,8 @@ export function PHXTableV3(_a) {
|
|
|
24
24
|
var _this = this;
|
|
25
25
|
var actionName = _a.actionName, _b = _a.clickRow, clickRow = _b === void 0 ? true : _b, _c = _a.clickType, clickType = _c === void 0 ? 'edit' : _c, directDetail = _a.directDetail, editActionLink = _a.editActionLink, _d = _a.filterLoading, filterLoading = _d === void 0 ? false : _d, _e = _a.fixedTableLayout, fixedTableLayout = _e === void 0 ? true : _e, hidePagination = _a.hidePagination, isQueryDataCenter = _a.isQueryDataCenter, list = _a.list, _f = _a.numericalOrder, numericalOrder = _f === void 0 ? {
|
|
26
26
|
enable: false,
|
|
27
|
-
title: 'STT'
|
|
27
|
+
title: 'STT',
|
|
28
|
+
disableSpacing: false
|
|
28
29
|
} : _f, onChange = _a.onChange, onClick = _a.onClick, pagination = _a.pagination, paginationData = _a.paginationData, router = _a.router, routerCondition = _a.routerCondition, _g = _a.rowNumber, rowNumber = _g === void 0 ? 10 : _g, search = _a.search, selectArray = _a.selectArray, selectedAllPeople = _a.selectedAllPeople, selectedBtn = _a.selectedBtn, setAggregate = _a.setAggregate, setHeaderLoading = _a.setHeaderLoading, slectedTitle = _a.slectedTitle, sort = _a.sort, sortData = _a.sortData, sortSelectData = _a.sortSelectData, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, thBodyFilter = _a.thBodyFilter, thHeader = _a.thHeader, thHeaderComponent = _a.thHeaderComponent, _h = _a.typeLoading, typeLoading = _h === void 0 ? { type: 'table' } : _h, _j = _a.isSortEmpty, isSortEmpty = _j === void 0 ? true : _j, _k = _a.emptyStateAction, emptyStateAction = _k === void 0 ? {
|
|
29
30
|
enable: false,
|
|
30
31
|
title: '',
|
|
@@ -32,26 +33,26 @@ export function PHXTableV3(_a) {
|
|
|
32
33
|
buttonContent: '',
|
|
33
34
|
buttonType: 'primary',
|
|
34
35
|
onAction: function () { return console.log('action'); }
|
|
35
|
-
} : _k, _l = _a.isCustomHeaderSelected, isCustomHeaderSelected = _l === void 0 ? false : _l, _m = _a.isUnaccentSearchValue, isUnaccentSearchValue = _m === void 0 ? false : _m;
|
|
36
|
+
} : _k, _l = _a.isCustomHeaderSelected, isCustomHeaderSelected = _l === void 0 ? false : _l, _m = _a.isUnaccentSearchValue, isUnaccentSearchValue = _m === void 0 ? false : _m, _o = _a.disableSpacing, disableSpacing = _o === void 0 ? { disable: false, indexStart: 0 } : _o, _p = _a.border, border = _p === void 0 ? false : _p, _q = _a.isCenterText, isCenterText = _q === void 0 ? false : _q;
|
|
36
37
|
var checkbox = useRef();
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
var
|
|
44
|
-
var
|
|
45
|
-
var
|
|
46
|
-
var
|
|
38
|
+
var _r = useState(false), checked = _r[0], setChecked = _r[1];
|
|
39
|
+
var _s = useState(false), indeterminate = _s[0], setIndeterminate = _s[1];
|
|
40
|
+
var _t = useState(true), isMainLoading = _t[0], setIsMainLoading = _t[1];
|
|
41
|
+
var _u = useState([]), dataTable = _u[0], setDataTable = _u[1];
|
|
42
|
+
var _v = useState(''), searchValue = _v[0], setSearchValue = _v[1];
|
|
43
|
+
var _w = useState([]), selectedPeople = _w[0], setSelectedPeople = _w[1];
|
|
44
|
+
var _x = useState(false), isSearchLoading = _x[0], setIsSearchLoading = _x[1];
|
|
45
|
+
var _y = useState([]), searchDataResult = _y[0], setSearchDataResult = _y[1];
|
|
46
|
+
var _z = useState(0), pagi = _z[0], setPagi = _z[1];
|
|
47
|
+
var _0 = useState(0), count = _0[0], setCount = _0[1];
|
|
47
48
|
var timKiemPlacholder = 'Tìm kiếm';
|
|
48
|
-
var
|
|
49
|
-
var
|
|
50
|
-
var
|
|
51
|
-
var
|
|
52
|
-
var
|
|
53
|
-
var
|
|
54
|
-
var
|
|
49
|
+
var _1 = useState(false), isSearch = _1[0], setIsSearch = _1[1];
|
|
50
|
+
var _2 = useState(sort === null || sort === void 0 ? void 0 : sort.defaultActive), activeMenu = _2[0], setActiveMenu = _2[1];
|
|
51
|
+
var _3 = useState(false), isSelectSort = _3[0], setIsSelectSort = _3[1];
|
|
52
|
+
var _4 = useState(false), isSort = _4[0], setIsSort = _4[1];
|
|
53
|
+
var _5 = useState(false), isSortLoading = _5[0], setIsSortLoading = _5[1];
|
|
54
|
+
var _6 = useState(rowNumber), rowQuantity = _6[0], setRowQuantity = _6[1];
|
|
55
|
+
var _7 = useState(false), isChangeRowQty = _7[0], setIsChangeRowQty = _7[1];
|
|
55
56
|
var queryHidePagi = list.query.replace(/limit\s*:\s*\d+\s*,?|offset\s*:\s*\d+\s*,?/g, '');
|
|
56
57
|
var queryWithLimitSelected = list.query
|
|
57
58
|
.replace(/limit\s*:\s*\d+/g, "limit: ".concat(rowQuantity))
|
|
@@ -99,9 +100,9 @@ export function PHXTableV3(_a) {
|
|
|
99
100
|
setDataTable(data);
|
|
100
101
|
setSearchDataResult(data);
|
|
101
102
|
};
|
|
102
|
-
var
|
|
103
|
-
var
|
|
104
|
-
var
|
|
103
|
+
var _8 = useState(false), isChangePageLoading = _8[0], setIsChangePageLoading = _8[1];
|
|
104
|
+
var _9 = useState(''), previousValue = _9[0], setPreviousValue = _9[1];
|
|
105
|
+
var _10 = useState(1), currentPage = _10[0], setCurrentPage = _10[1];
|
|
105
106
|
var handleChangePage = function (page) {
|
|
106
107
|
if (page > 0 && page <= Math.ceil(count / rowQuantity)) {
|
|
107
108
|
setIsChangePageLoading(true);
|
|
@@ -208,27 +209,51 @@ export function PHXTableV3(_a) {
|
|
|
208
209
|
}
|
|
209
210
|
});
|
|
210
211
|
}); };
|
|
212
|
+
var paginationWithApplyUrl = function () {
|
|
213
|
+
var currentPagination = 1;
|
|
214
|
+
if (typeof window !== 'undefined') {
|
|
215
|
+
var params = new URLSearchParams(window.location.search);
|
|
216
|
+
var entries = Object.fromEntries(params.entries());
|
|
217
|
+
currentPagination = Number(entries === null || entries === void 0 ? void 0 : entries.pagi) || 1;
|
|
218
|
+
}
|
|
219
|
+
if (!isChangePageLoading) {
|
|
220
|
+
setCurrentPage(currentPagination);
|
|
221
|
+
setPagi(currentPagination - 1);
|
|
222
|
+
paginationData(currentPagination - 1);
|
|
223
|
+
}
|
|
224
|
+
return currentPagination;
|
|
225
|
+
};
|
|
211
226
|
var queryData = function () { return __awaiter(_this, void 0, void 0, function () {
|
|
212
|
-
var data, _a, _b, dataTable_1, countPage, e_1;
|
|
227
|
+
var query, currentPagination, queryWithCurrentPagination, data, _a, _b, dataTable_1, countPage, e_1;
|
|
213
228
|
return __generator(this, function (_c) {
|
|
214
229
|
switch (_c.label) {
|
|
215
230
|
case 0:
|
|
216
|
-
|
|
231
|
+
query = dataQuery;
|
|
232
|
+
currentPagination = paginationWithApplyUrl();
|
|
233
|
+
if (!isChangePageLoading) {
|
|
234
|
+
queryWithCurrentPagination = list.query
|
|
235
|
+
.replace(/limit\s*:\s*\d+/g, "limit: ".concat(rowQuantity))
|
|
236
|
+
.replace(/offset\s*:\s*\d+/g, "offset: ".concat((currentPagination - 1) * rowQuantity));
|
|
237
|
+
query = hidePagination ? queryHidePagi : queryWithCurrentPagination;
|
|
238
|
+
}
|
|
239
|
+
_c.label = 1;
|
|
240
|
+
case 1:
|
|
241
|
+
_c.trys.push([1, 6, , 7]);
|
|
217
242
|
_a = getData;
|
|
218
|
-
if (!isQueryDataCenter) return [3 /*break*/,
|
|
243
|
+
if (!isQueryDataCenter) return [3 /*break*/, 3];
|
|
219
244
|
return [4 /*yield*/, PHXClientQueryDataCenterV3({
|
|
220
|
-
query:
|
|
245
|
+
query: query
|
|
221
246
|
})];
|
|
222
|
-
case
|
|
247
|
+
case 2:
|
|
223
248
|
_b = _c.sent();
|
|
224
|
-
return [3 /*break*/,
|
|
225
|
-
case
|
|
226
|
-
query:
|
|
249
|
+
return [3 /*break*/, 5];
|
|
250
|
+
case 3: return [4 /*yield*/, PHXClientQueryV3({
|
|
251
|
+
query: query
|
|
227
252
|
})];
|
|
228
|
-
case 3:
|
|
229
|
-
_b = _c.sent();
|
|
230
|
-
_c.label = 4;
|
|
231
253
|
case 4:
|
|
254
|
+
_b = _c.sent();
|
|
255
|
+
_c.label = 5;
|
|
256
|
+
case 5:
|
|
232
257
|
data = _a.apply(void 0, [_b]);
|
|
233
258
|
if (!data)
|
|
234
259
|
return [2 /*return*/];
|
|
@@ -246,15 +271,12 @@ export function PHXTableV3(_a) {
|
|
|
246
271
|
setIsSearchLoading(false);
|
|
247
272
|
setIsChangePageLoading(false);
|
|
248
273
|
setIsChangeRowQty(false);
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
}
|
|
252
|
-
return [3 /*break*/, 6];
|
|
253
|
-
case 5:
|
|
274
|
+
return [3 /*break*/, 7];
|
|
275
|
+
case 6:
|
|
254
276
|
e_1 = _c.sent();
|
|
255
277
|
console.log(e_1);
|
|
256
|
-
return [3 /*break*/,
|
|
257
|
-
case
|
|
278
|
+
return [3 /*break*/, 7];
|
|
279
|
+
case 7: return [2 /*return*/];
|
|
258
280
|
}
|
|
259
281
|
});
|
|
260
282
|
}); };
|
|
@@ -349,7 +371,7 @@ export function PHXTableV3(_a) {
|
|
|
349
371
|
selectedPeople.length > 0 && (React.createElement(SelectedAction, { search: search, selectedBtn: selectedBtn, selectedPeople: selectedPeople, slectedTitle: slectedTitle, sort: sort })),
|
|
350
372
|
thHeaderComponent ? (React.createElement(React.Fragment, null, selectedAllPeople && selectedAllPeople.enable && isCustomHeaderSelected ? (React.createElement(React.Fragment, null, thHeaderComponent(React.createElement("th", { className: 'relative w-12 rounded-lg px-6 py-2.5 sm:w-16 sm:px-8', scope: 'col' },
|
|
351
373
|
React.createElement("input", { ref: checkbox, checked: checked, className: 'absolute left-4 top-1/2 -mt-2 block h-4 w-4 rounded border-[0.5px] border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent sm:left-6', onChange: toggleAll, type: 'checkbox' }))))) : (React.createElement(React.Fragment, null, thHeaderComponent)))) : (React.createElement("thead", null,
|
|
352
|
-
React.createElement(HeaderTable, { checkbox: checkbox, checked: checked, numericalOrder: numericalOrder, selectedAllPeople: selectedAllPeople, thHeader: thHeader, toggleAll: toggleAll }))),
|
|
374
|
+
React.createElement(HeaderTable, { checkbox: checkbox, checked: checked, numericalOrder: numericalOrder, selectedAllPeople: selectedAllPeople, thHeader: thHeader, toggleAll: toggleAll, border: border, disableSpacing: disableSpacing, isCenterText: isCenterText }))),
|
|
353
375
|
React.createElement("tbody", { className: 'divide-y divide-gray-200' }, searchValue === ''
|
|
354
376
|
? dataTable.map(function (item, index) { return (
|
|
355
377
|
// @ts-ignore
|
|
@@ -373,7 +395,7 @@ export function PHXTableV3(_a) {
|
|
|
373
395
|
onClickItem(item);
|
|
374
396
|
}
|
|
375
397
|
}
|
|
376
|
-
} }, thBody.map(function (bodyItem, bodyIndex) { return (React.createElement(RowTable, { key: bodyIndex, bodyIndex: bodyIndex, brSetSelectedPeople: brSetSelectedPeople, directDetail: directDetail, editActionLink: editActionLink, itemBody: item, numericalOrder: __assign(__assign({}, numericalOrder), { order: pagi * 10 + index + 1 }), onChange: onChange, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, thBody: thBody, thBodyComponent: thBodyComponent, thBodyFilter: thBodyFilter })); }))); })
|
|
398
|
+
} }, thBody.map(function (bodyItem, bodyIndex) { return (React.createElement(RowTable, { key: bodyIndex, bodyIndex: bodyIndex, brSetSelectedPeople: brSetSelectedPeople, directDetail: directDetail, editActionLink: editActionLink, itemBody: item, numericalOrder: __assign(__assign({}, numericalOrder), { order: pagi * 10 + index + 1 }), onChange: onChange, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, thBody: thBody, thBodyComponent: thBodyComponent, thBodyFilter: thBodyFilter, border: border, disableSpacing: disableSpacing, isCenterText: isCenterText })); }))); })
|
|
377
399
|
: searchDataResult.map(function (item, index) { return (
|
|
378
400
|
// @ts-ignore
|
|
379
401
|
React.createElement("tr", { key: item.id, className: classNames(clickRow && !funcItemReadOnly ? 'hover:cursor-pointer hover:bg-gray-50' : '', renderInclude(item) && !(item === null || item === void 0 ? void 0 : item.entered_school) ? 'bg-gray-50' : '', funcItemReadOnly && clickType === 'custom'
|
|
@@ -396,12 +418,12 @@ export function PHXTableV3(_a) {
|
|
|
396
418
|
onClickItem(item);
|
|
397
419
|
}
|
|
398
420
|
}
|
|
399
|
-
} }, thBody.map(function (bodyItem, bodyIndex) { return (React.createElement(RowTable, { key: bodyIndex, bodyIndex: bodyIndex, brSetSelectedPeople: brSetSelectedPeople, directDetail: directDetail, editActionLink: editActionLink, itemBody: item, numericalOrder: __assign(__assign({}, numericalOrder), { order: pagi * 10 + index + 1 }), onChange: onChange, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, thBody: thBody, thBodyComponent: thBodyComponent, thBodyFilter: thBodyFilter })); }))); }))))))) : (React.createElement(EmptySearchResult, null)))) : (dataTable.length === 0 && isSearch) ||
|
|
421
|
+
} }, thBody.map(function (bodyItem, bodyIndex) { return (React.createElement(RowTable, { key: bodyIndex, bodyIndex: bodyIndex, brSetSelectedPeople: brSetSelectedPeople, directDetail: directDetail, editActionLink: editActionLink, itemBody: item, numericalOrder: __assign(__assign({}, numericalOrder), { order: pagi * 10 + index + 1 }), onChange: onChange, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, thBody: thBody, thBodyComponent: thBodyComponent, thBodyFilter: thBodyFilter, border: border, disableSpacing: disableSpacing, isCenterText: isCenterText })); }))); }))))))) : (React.createElement(EmptySearchResult, null)))) : (dataTable.length === 0 && isSearch) ||
|
|
400
422
|
(dataTable.length === 0 && isSelectSort) ||
|
|
401
423
|
(dataTable.length === 0 && isSort) ||
|
|
402
424
|
(dataTable.length === 0 && (sort === null || sort === void 0 ? void 0 : sort.enable)) ? (React.createElement(React.Fragment, null, enableEmptyStateAction ? React.createElement(PHXEmptyStateAction, __assign({}, emptyStateActionAttribute)) : React.createElement(PHXEmptyRecord, null))) : (React.createElement(React.Fragment, null, enableEmptyStateAction ? React.createElement(PHXEmptyStateAction, __assign({}, emptyStateActionAttribute)) : React.createElement(PHXEmptyRecord, null)))),
|
|
403
425
|
dataTable.length > 0 && !hidePagination && (React.createElement("div", { className: 'flex items-center justify-between rounded-lg rounded-tl-none rounded-tr-none border-t border-gray-200 bg-[#F9FAFB] py-2 pl-7 pr-2' },
|
|
404
426
|
React.createElement(PaginationSelected, { rowQuantity: rowQuantity, setIsChangeRowQty: setIsChangeRowQty, setRowQuantity: setRowQuantity }),
|
|
405
|
-
React.createElement(Pagination, { count: count, currentPage: currentPage, handleChangePage: handleChangePage, pagination: pagination, rowQuantity: rowQuantity, totalPages: Math.ceil(count / rowQuantity) }))))))));
|
|
427
|
+
React.createElement(Pagination, { count: count, currentPage: currentPage, handleChangePage: handleChangePage, pagination: pagination, rowQuantity: rowQuantity, totalPages: Math.ceil(count / rowQuantity), router: router }))))))));
|
|
406
428
|
}
|
|
407
429
|
//# sourceMappingURL=TableV3.js.map
|