phx-react 1.3.826 → 1.3.828
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/Dropdown/Dropdown.d.ts +15 -9
- package/dist/cjs/components/Dropdown/Dropdown.js +52 -27
- package/dist/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/cjs/components/Func/PHXUrlApply/PHXResetDropdownByUrl.d.ts +2 -0
- package/dist/cjs/components/Func/PHXUrlApply/PHXResetDropdownByUrl.js +24 -0
- package/dist/cjs/components/Func/PHXUrlApply/PHXResetDropdownByUrl.js.map +1 -0
- package/dist/cjs/components/Func/PHXUrlApply/PHXUrlApply.d.ts +2 -0
- package/dist/cjs/components/Func/PHXUrlApply/PHXUrlApply.js +21 -0
- package/dist/cjs/components/Func/PHXUrlApply/PHXUrlApply.js.map +1 -0
- package/dist/cjs/components/Func/PHXUrlApply/type.d.ts +10 -0
- package/dist/cjs/components/Func/PHXUrlApply/type.js +3 -0
- package/dist/cjs/components/Func/PHXUrlApply/type.js.map +1 -0
- package/dist/cjs/components/MainWrapV3/style/sub-menu-style.js +4 -4
- package/dist/cjs/components/TableV3/RowTable.js +1 -4
- package/dist/cjs/components/TableV3/RowTable.js.map +1 -1
- package/dist/cjs/components/TableV3/TableV3.d.ts +1 -1
- package/dist/cjs/components/TableV3/TableV3.js +21 -19
- package/dist/cjs/components/TableV3/TableV3.js.map +1 -1
- package/dist/cjs/index.d.ts +3 -1
- package/dist/cjs/index.js +5 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.d.ts +15 -9
- package/dist/esm/components/Dropdown/Dropdown.js +52 -27
- package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/Func/PHXUrlApply/PHXResetDropdownByUrl.d.ts +2 -0
- package/dist/esm/components/Func/PHXUrlApply/PHXResetDropdownByUrl.js +21 -0
- package/dist/esm/components/Func/PHXUrlApply/PHXResetDropdownByUrl.js.map +1 -0
- package/dist/esm/components/Func/PHXUrlApply/PHXUrlApply.d.ts +2 -0
- package/dist/esm/components/Func/PHXUrlApply/PHXUrlApply.js +18 -0
- package/dist/esm/components/Func/PHXUrlApply/PHXUrlApply.js.map +1 -0
- package/dist/esm/components/Func/PHXUrlApply/type.d.ts +10 -0
- package/dist/esm/components/Func/PHXUrlApply/type.js +2 -0
- package/dist/esm/components/Func/PHXUrlApply/type.js.map +1 -0
- package/dist/esm/components/MainWrapV3/style/sub-menu-style.js +4 -4
- package/dist/esm/components/TableV3/RowTable.js +1 -4
- package/dist/esm/components/TableV3/RowTable.js.map +1 -1
- package/dist/esm/components/TableV3/TableV3.d.ts +1 -1
- package/dist/esm/components/TableV3/TableV3.js +21 -19
- package/dist/esm/components/TableV3/TableV3.js.map +1 -1
- package/dist/esm/index.d.ts +3 -1
- package/dist/esm/index.js +3 -1
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,20 +1,25 @@
|
|
|
1
1
|
import * as OutlineIcons from '@heroicons/react/24/outline';
|
|
2
2
|
import * as SolidIcons from '@heroicons/react/24/solid';
|
|
3
3
|
import React from 'react';
|
|
4
|
+
import { ConfigUrlApply, KeyParams } from '../Func/PHXUrlApply/type';
|
|
4
5
|
export type IconName = keyof typeof SolidIcons | keyof typeof OutlineIcons;
|
|
6
|
+
export type OptionItem = {
|
|
7
|
+
content?: string;
|
|
8
|
+
icon?: IconName;
|
|
9
|
+
iconOutline?: boolean;
|
|
10
|
+
active?: boolean;
|
|
11
|
+
key?: KeyParams;
|
|
12
|
+
listKeyReset?: Array<KeyParams>;
|
|
13
|
+
id?: number;
|
|
14
|
+
destructive?: boolean;
|
|
15
|
+
onClick?(): void;
|
|
16
|
+
};
|
|
5
17
|
export interface DropdownProps {
|
|
6
18
|
className?: string;
|
|
7
19
|
buttonContent?: string;
|
|
8
20
|
optionTitle?: string;
|
|
9
21
|
loading?: boolean;
|
|
10
|
-
options?: Array<
|
|
11
|
-
content?: string;
|
|
12
|
-
icon?: IconName;
|
|
13
|
-
iconOutline?: boolean;
|
|
14
|
-
active?: boolean;
|
|
15
|
-
destructive?: boolean;
|
|
16
|
-
onClick?(): void;
|
|
17
|
-
}>;
|
|
22
|
+
options?: Array<OptionItem>;
|
|
18
23
|
origin?: 'left' | 'right' | 'top-left';
|
|
19
24
|
type?: 'default' | 'icon-only' | 'date-picker' | 'ellipsis-icon' | 'soft-small';
|
|
20
25
|
defaultDate?: string;
|
|
@@ -28,5 +33,6 @@ export interface DropdownProps {
|
|
|
28
33
|
widthContent?: any;
|
|
29
34
|
isFullContentOption?: boolean;
|
|
30
35
|
disabled?: boolean;
|
|
36
|
+
configUrlApply?: ConfigUrlApply;
|
|
31
37
|
}
|
|
32
|
-
export declare function PHXDropdown({ buttonContent, className, defaultDate, disabledDate, endDisabled, loading, max, min, onChangeDate, optionTitle, options, origin, soft, startDisabled, type, widthContent, isFullContentOption, disabled, }: DropdownProps): React.JSX.Element;
|
|
38
|
+
export declare function PHXDropdown({ buttonContent, className, defaultDate, disabledDate, endDisabled, loading, max, min, onChangeDate, optionTitle, options, origin, soft, startDisabled, type, widthContent, isFullContentOption, disabled, configUrlApply, }: DropdownProps): React.JSX.Element;
|
|
@@ -11,36 +11,15 @@ var react_dom_1 = tslib_1.__importDefault(require("react-dom"));
|
|
|
11
11
|
var types_1 = require("../types");
|
|
12
12
|
var Calendar_1 = tslib_1.__importDefault(require("../DatePicker/components/Calendar"));
|
|
13
13
|
var Loading_1 = require("../Loading");
|
|
14
|
+
var PHXUrlApply_1 = tslib_1.__importDefault(require("../Func/PHXUrlApply/PHXUrlApply"));
|
|
15
|
+
var PHXResetDropdownByUrl_1 = tslib_1.__importDefault(require("../Func/PHXUrlApply/PHXResetDropdownByUrl"));
|
|
14
16
|
function PHXDropdown(_a) {
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
+
var _b;
|
|
18
|
+
var buttonContent = _a.buttonContent, className = _a.className, defaultDate = _a.defaultDate, disabledDate = _a.disabledDate, endDisabled = _a.endDisabled, loading = _a.loading, max = _a.max, min = _a.min, onChangeDate = _a.onChangeDate, optionTitle = _a.optionTitle, options = _a.options, _c = _a.origin, origin = _c === void 0 ? 'left' : _c, _d = _a.soft, soft = _d === void 0 ? false : _d, startDisabled = _a.startDisabled, _e = _a.type, type = _e === void 0 ? 'default' : _e, widthContent = _a.widthContent, _f = _a.isFullContentOption, isFullContentOption = _f === void 0 ? false : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, configUrlApply = _a.configUrlApply;
|
|
19
|
+
var _h = (0, react_2.useState)(null), portalElement = _h[0], setPortalElement = _h[1];
|
|
17
20
|
var menuButtonRef = (0, react_2.useRef)(null);
|
|
18
21
|
var scrollContainerRef = (0, react_2.useRef)(null);
|
|
19
22
|
var handleCloseRef = (0, react_2.useRef)();
|
|
20
|
-
(0, react_2.useEffect)(function () {
|
|
21
|
-
var element = document.createElement('div');
|
|
22
|
-
document.body.appendChild(element);
|
|
23
|
-
setPortalElement(element);
|
|
24
|
-
return function () {
|
|
25
|
-
document.body.removeChild(element);
|
|
26
|
-
};
|
|
27
|
-
}, []);
|
|
28
|
-
(0, react_2.useEffect)(function () {
|
|
29
|
-
// Tìm phần tử cha có scroll
|
|
30
|
-
var findScrollContainer = function (element) {
|
|
31
|
-
while (element) {
|
|
32
|
-
var overflowY = window.getComputedStyle(element).overflowY;
|
|
33
|
-
if (overflowY === 'scroll' || overflowY === 'auto') {
|
|
34
|
-
return element;
|
|
35
|
-
}
|
|
36
|
-
element = element.parentElement;
|
|
37
|
-
}
|
|
38
|
-
return null;
|
|
39
|
-
};
|
|
40
|
-
if (menuButtonRef.current) {
|
|
41
|
-
scrollContainerRef.current = findScrollContainer(menuButtonRef.current);
|
|
42
|
-
}
|
|
43
|
-
}, []);
|
|
44
23
|
var calculatePosition = function () {
|
|
45
24
|
if (menuButtonRef.current && portalElement) {
|
|
46
25
|
var buttonRect = menuButtonRef.current.getBoundingClientRect();
|
|
@@ -65,6 +44,45 @@ function PHXDropdown(_a) {
|
|
|
65
44
|
}
|
|
66
45
|
}
|
|
67
46
|
};
|
|
47
|
+
var handleClick = function (item) {
|
|
48
|
+
if (item === null || item === void 0 ? void 0 : item.onClick) {
|
|
49
|
+
item.onClick();
|
|
50
|
+
}
|
|
51
|
+
(0, PHXUrlApply_1["default"])(item.key, item.id, item.listKeyReset, configUrlApply);
|
|
52
|
+
};
|
|
53
|
+
var handleResetValueByUrl = function () {
|
|
54
|
+
var _a;
|
|
55
|
+
var isRefreshPage = options && !(configUrlApply === null || configUrlApply === void 0 ? void 0 : configUrlApply.isClickFilter);
|
|
56
|
+
// Khi load lại trang sẽ cầm giá trị filter trên url ốp vào dropdown
|
|
57
|
+
if (isRefreshPage) {
|
|
58
|
+
var keyOption = (_a = options[0]) === null || _a === void 0 ? void 0 : _a.key;
|
|
59
|
+
(0, PHXResetDropdownByUrl_1["default"])(configUrlApply, keyOption);
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
(0, react_2.useEffect)(function () {
|
|
63
|
+
var element = document.createElement('div');
|
|
64
|
+
document.body.appendChild(element);
|
|
65
|
+
setPortalElement(element);
|
|
66
|
+
return function () {
|
|
67
|
+
document.body.removeChild(element);
|
|
68
|
+
};
|
|
69
|
+
}, []);
|
|
70
|
+
(0, react_2.useEffect)(function () {
|
|
71
|
+
// Tìm phần tử cha có scroll
|
|
72
|
+
var findScrollContainer = function (element) {
|
|
73
|
+
while (element) {
|
|
74
|
+
var overflowY = window.getComputedStyle(element).overflowY;
|
|
75
|
+
if (overflowY === 'scroll' || overflowY === 'auto') {
|
|
76
|
+
return element;
|
|
77
|
+
}
|
|
78
|
+
element = element.parentElement;
|
|
79
|
+
}
|
|
80
|
+
return null;
|
|
81
|
+
};
|
|
82
|
+
if (menuButtonRef.current) {
|
|
83
|
+
scrollContainerRef.current = findScrollContainer(menuButtonRef.current);
|
|
84
|
+
}
|
|
85
|
+
}, []);
|
|
68
86
|
(0, react_2.useEffect)(function () {
|
|
69
87
|
if (portalElement) {
|
|
70
88
|
calculatePosition();
|
|
@@ -91,6 +109,11 @@ function PHXDropdown(_a) {
|
|
|
91
109
|
}
|
|
92
110
|
};
|
|
93
111
|
}, [portalElement]);
|
|
112
|
+
(0, react_2.useEffect)(function () {
|
|
113
|
+
handleResetValueByUrl();
|
|
114
|
+
// Nếu giá trị searchparams thay đổi thì lại đọc giá trị mới trên params để ốp vào dropdown
|
|
115
|
+
// ví dụ: người dùng back về params trước đó (router.back())
|
|
116
|
+
}, [configUrlApply === null || configUrlApply === void 0 ? void 0 : configUrlApply.listOption, (_b = configUrlApply === null || configUrlApply === void 0 ? void 0 : configUrlApply.searchParams) === null || _b === void 0 ? void 0 : _b.toString()]);
|
|
94
117
|
var Icon = function (_a) {
|
|
95
118
|
var active = _a.active, icon = _a.icon, iconOutline = _a.iconOutline;
|
|
96
119
|
// @ts-ignore
|
|
@@ -102,7 +125,9 @@ function PHXDropdown(_a) {
|
|
|
102
125
|
optionTitle && react_2["default"].createElement("p", { className: 'px-2.5 pb-1 pt-2 text-xs font-semibold' }, optionTitle),
|
|
103
126
|
react_2["default"].createElement("div", { className: 'py-1' }, options === null || options === void 0 ? void 0 : options.map(function (item) { return (react_2["default"].createElement(react_1.Menu.Item, { key: item.content }, function (_a) {
|
|
104
127
|
var active = _a.active;
|
|
105
|
-
return (react_2["default"].createElement("div", { className: (0, types_1.classNames)(active ? 'cursor-pointer rounded-lg bg-gray-100 text-gray-900' : 'text-gray-700', 'block px-2.5 py-2 text-xs', item.active && !item.destructive && 'rounded-lg bg-gray-200 font-semibold text-gray-900', item.destructive && !item.active && 'text-red-800 hover:bg-red-100', item.destructive && item.active && 'rounded-lg bg-red-200 font-semibold text-red-800'), onClick:
|
|
128
|
+
return (react_2["default"].createElement("div", { className: (0, types_1.classNames)(active ? 'cursor-pointer rounded-lg bg-gray-100 text-gray-900' : 'text-gray-700', 'block px-2.5 py-2 text-xs', item.active && !item.destructive && 'rounded-lg bg-gray-200 font-semibold text-gray-900', item.destructive && !item.active && 'text-red-800 hover:bg-red-100', item.destructive && item.active && 'rounded-lg bg-red-200 font-semibold text-red-800'), onClick: function () {
|
|
129
|
+
handleClick(item);
|
|
130
|
+
} },
|
|
106
131
|
react_2["default"].createElement("div", { className: (0, types_1.classNames)(item.icon && 'flex items-center gap-x-2') },
|
|
107
132
|
item.icon && react_2["default"].createElement(Icon, { active: item.active, icon: item.icon, iconOutline: item.iconOutline }),
|
|
108
133
|
react_2["default"].createElement("p", { className: "".concat(widthContent, " overflow-ellipsis break-words ").concat(isFullContentOption ? 'whitespace-normal' : '') }, item.content))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;AAAA,2CAAoD;AACpD,mDAAkG;AAClG,gFAA2D;AAC3D,4EAAuD;AACvD,qDAAoE;AACpE,gEAAgC;AAChC,kCAAqC;AACrC,uFAAwD;AACxD,sCAAuC;
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
// Đọc giá trị từ url và apply vào dropdown
|
|
5
|
+
function PHXResetDropdownByUrl(configUrlApply, key) {
|
|
6
|
+
if (configUrlApply && key) {
|
|
7
|
+
var listOption = configUrlApply.listOption, searchParams = configUrlApply.searchParams, setSelectedValue = configUrlApply.setSelectedValue;
|
|
8
|
+
var selectedId_1 = searchParams.get(key);
|
|
9
|
+
if (selectedId_1 && listOption) {
|
|
10
|
+
var selectedItem_1 = listOption === null || listOption === void 0 ? void 0 : listOption.find(function (item) { return (item === null || item === void 0 ? void 0 : item.id) === +selectedId_1; });
|
|
11
|
+
if (selectedItem_1) {
|
|
12
|
+
setSelectedValue(function (preState) {
|
|
13
|
+
var _a;
|
|
14
|
+
return (tslib_1.__assign(tslib_1.__assign({}, preState), (_a = {}, _a[key] = {
|
|
15
|
+
id: +selectedId_1,
|
|
16
|
+
name: selectedItem_1 === null || selectedItem_1 === void 0 ? void 0 : selectedItem_1.name
|
|
17
|
+
}, _a)));
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
exports["default"] = PHXResetDropdownByUrl;
|
|
24
|
+
//# sourceMappingURL=PHXResetDropdownByUrl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PHXResetDropdownByUrl.js","sourceRoot":"","sources":["../../../../../src/components/Func/PHXUrlApply/PHXResetDropdownByUrl.ts"],"names":[],"mappings":";;;AAEA,2CAA2C;AAC3C,SAAwB,qBAAqB,CAAC,cAA+B,EAAE,GAAe;IAC5F,IAAI,cAAc,IAAI,GAAG,EAAE;QACjB,IAAA,UAAU,GAAqC,cAAc,WAAnD,EAAE,YAAY,GAAuB,cAAc,aAArC,EAAE,gBAAgB,GAAK,cAAc,iBAAnB,CAAmB;QACrE,IAAM,YAAU,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAExC,IAAI,YAAU,IAAI,UAAU,EAAE;YAC5B,IAAM,cAAY,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAC,UAAC,IAAS,IAAK,OAAA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,MAAK,CAAC,YAAU,EAAxB,CAAwB,CAAC,CAAA;YAC9E,IAAI,cAAY,EAAE;gBAChB,gBAAgB,CAAC,UAAC,QAAa;;oBAAK,OAAA,uCAC/B,QAAQ,gBACV,GAAG,IAAG;wBACL,EAAE,EAAE,CAAC,YAAU;wBACf,IAAI,EAAE,cAAY,aAAZ,cAAY,uBAAZ,cAAY,CAAE,IAAI;qBACzB,OACD;gBANkC,CAMlC,CAAC,CAAA;aACJ;SACF;KACF;AACH,CAAC;AAlBD,2CAkBC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
function PHXUrlApply(key, value, listKeyResetParams, configUrlApply) {
|
|
4
|
+
var isUseUrlApply = configUrlApply && key && value !== undefined;
|
|
5
|
+
var listKeyReset = listKeyResetParams !== null && listKeyResetParams !== void 0 ? listKeyResetParams : [];
|
|
6
|
+
if (isUseUrlApply) {
|
|
7
|
+
var router = configUrlApply.router, searchParams = configUrlApply.searchParams;
|
|
8
|
+
// Clone current params
|
|
9
|
+
var params = new URLSearchParams(searchParams.toString());
|
|
10
|
+
var defaultValue = '0';
|
|
11
|
+
params.set(key, value);
|
|
12
|
+
for (var _i = 0, listKeyReset_1 = listKeyReset; _i < listKeyReset_1.length; _i++) {
|
|
13
|
+
var keyReset = listKeyReset_1[_i];
|
|
14
|
+
params.set(keyReset, defaultValue);
|
|
15
|
+
}
|
|
16
|
+
// Push to URL without reload
|
|
17
|
+
router.push("?".concat(params.toString()), { scroll: false });
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
exports["default"] = PHXUrlApply;
|
|
21
|
+
//# sourceMappingURL=PHXUrlApply.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PHXUrlApply.js","sourceRoot":"","sources":["../../../../../src/components/Func/PHXUrlApply/PHXUrlApply.ts"],"names":[],"mappings":";;AAEA,SAAwB,WAAW,CACjC,GAAe,EACf,KAAW,EACX,kBAAqC,EACrC,cAA+B;IAE/B,IAAM,aAAa,GAAG,cAAc,IAAI,GAAG,IAAI,KAAK,KAAK,SAAS,CAAA;IAClE,IAAM,YAAY,GAAG,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,EAAE,CAAA;IAE7C,IAAI,aAAa,EAAE;QACT,IAAA,MAAM,GAAmB,cAAc,OAAjC,EAAE,YAAY,GAAK,cAAc,aAAnB,CAAmB;QAC/C,uBAAuB;QACvB,IAAM,MAAM,GAAG,IAAI,eAAe,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAA;QAC3D,IAAM,YAAY,GAAG,GAAG,CAAA;QACxB,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;QACtB,KAAuB,UAAY,EAAZ,6BAAY,EAAZ,0BAAY,EAAZ,IAAY,EAAE;YAAhC,IAAM,QAAQ,qBAAA;YACjB,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;SACnC;QAED,6BAA6B;QAC7B,MAAM,CAAC,IAAI,CAAC,WAAI,MAAM,CAAC,QAAQ,EAAE,CAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAA;KACxD;AACH,CAAC;AAtBD,iCAsBC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { AppRouterInstance } from 'next/dist/shared/lib/app-router-context.shared-runtime';
|
|
2
|
+
import { ReadonlyURLSearchParams } from 'next/navigation';
|
|
3
|
+
export type KeyParams = 'year' | 'semester' | 'month' | 'education_level' | 'grade' | 'classroom' | 'program' | 'tuition_group_type' | 'tuition_service_type' | 'tuition_campaign_type' | 'tuition_project_code' | 'export_import_module' | 'export_import_status' | 'civilized_point_group' | 'civilized_point_content' | 'civilized_point_method' | 'civilized_point_classification' | 'bus_status' | 'bus_route' | 'bus_direction' | 'bus_pickup_type' | 'bus_service_type' | 'district' | 'import_student_identity' | 'store_campaign' | 'store_method' | 'store_category';
|
|
4
|
+
export type ConfigUrlApply = {
|
|
5
|
+
router: AppRouterInstance;
|
|
6
|
+
searchParams: ReadonlyURLSearchParams;
|
|
7
|
+
listOption: Array<any>;
|
|
8
|
+
setSelectedValue: any;
|
|
9
|
+
isClickFilter: boolean;
|
|
10
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../../../src/components/Func/PHXUrlApply/type.ts"],"names":[],"mappings":""}
|
|
@@ -6,28 +6,28 @@ exports.styles = {
|
|
|
6
6
|
content: "url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"19\" fill=\"none\"%3E%3Cpath fill=\"%23B5B5B5\" d=\"M9 0h1.5v28H9z\"/%3E%3C/svg%3E')",
|
|
7
7
|
opacity: 1,
|
|
8
8
|
position: 'absolute',
|
|
9
|
-
left: '1.
|
|
9
|
+
left: '1.5rem',
|
|
10
10
|
top: '-0.2rem'
|
|
11
11
|
},
|
|
12
12
|
childMenuActiveAfter: {
|
|
13
13
|
content: "url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"28\" fill=\"none\"%3E%3Cpath fill=\"%23B5B5B5\" d=\"M19 14.25h.75v1.5H19v-1.5Zm-8.923-.888.668-.34-.668.34Zm1.311 1.311.34-.668-.34.668ZM10.5 0v10.2H9V0h1.5Zm4.05 14.25H19v1.5h-4.45v-1.5ZM10.5 10.2c0 .853 0 1.447.038 -1.09.037.453.107.714.207.912l-1.336.68c-.227-.444-.321-.924-.366-1.47C9 11.694 9 11.027 9 10.2h1.5Zm4.05 5.55c-.828 0-1.494 0-2.032-.043-.546-.045-1.026-.14-1.47-.366l.68-1.336c.198.1.459.17.913.207.462.037 1.056.038 1.909.038v1.5Zm-3.805-2.729c.216.424.56.768.984.984l-.681 1.336a3.75 3.75 0 0 1-1.64-1.638l1.337-.681Z\"/%3E%3Cpath stroke=\"%23B5B5B5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m17 12 3 3-3 3\"/%3E%3C/svg%3E')",
|
|
14
14
|
opacity: 1,
|
|
15
15
|
position: 'absolute',
|
|
16
|
-
left: '1.
|
|
16
|
+
left: '1.5rem',
|
|
17
17
|
top: '0.15rem'
|
|
18
18
|
},
|
|
19
19
|
childMenuBefBefore: {
|
|
20
20
|
content: "url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"28\" fill=\"none\"%3E%3Cpath fill=\"%23B5B5B5\" d=\"M9 0h1.5v28H9z\"/%3E%3C/svg%3E')",
|
|
21
21
|
opacity: 1,
|
|
22
22
|
position: 'absolute',
|
|
23
|
-
left: '1.
|
|
23
|
+
left: '1.5rem',
|
|
24
24
|
top: '-0.2rem'
|
|
25
25
|
},
|
|
26
26
|
childMenuBefAfter: {
|
|
27
27
|
content: "url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"28\" fill=\"none\"%3E%3Cpath fill=\"%23B5B5B5\" d=\"M9 0h1.5v28H9z\"/%3E%3C/svg%3E')",
|
|
28
28
|
opacity: 1,
|
|
29
29
|
position: 'absolute',
|
|
30
|
-
left: '1.
|
|
30
|
+
left: '1.5rem',
|
|
31
31
|
top: '0.6rem'
|
|
32
32
|
}
|
|
33
33
|
};
|
|
@@ -111,12 +111,9 @@ var RowTable = function (_a) {
|
|
|
111
111
|
};
|
|
112
112
|
return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
113
113
|
bodyIndex === 0 && selectedAllPeople && selectedAllPeople.enable ? (react_1["default"].createElement("td", { className: 'relative w-16 px-8' },
|
|
114
|
-
(itemBody === null || itemBody === void 0 ? void 0 : itemBody.entered_school)
|
|
115
|
-
? !(itemBody === null || itemBody === void 0 ? void 0 : itemBody.entered_school)
|
|
116
|
-
: renderInclude(itemBody) && react_1["default"].createElement("div", { className: 'absolute inset-y-0 left-0 w-0.5 bg-indigo-600' }),
|
|
117
114
|
react_1["default"].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_1["default"].createElement(react_1["default"].Fragment, null)),
|
|
118
115
|
bodyIndex === 0 && numericalOrder && numericalOrder.enable && (react_1["default"].createElement("td", { className: 'w-[10ch] whitespace-nowrap rounded-lg pl-8 text-xs text-gray-900' }, numericalOrder.order)),
|
|
119
|
-
bodyIndex === 1 ? (react_1["default"].createElement("td", { className: classNames('w-12 whitespace-nowrap rounded-lg px-6 py-3 pr-3 text-xs
|
|
116
|
+
bodyIndex === 1 ? (react_1["default"].createElement("td", { className: classNames('w-12 whitespace-nowrap rounded-lg px-6 py-3 pr-3 text-xs text-gray-900 sm:w-16 sm:px-8', selectedAllPeople && selectedAllPeople.enable ? 'px-3' : 'px-8', directDetail && directDetail.enable ? 'cursor-pointer hover:underline' : ''), onClick: function (e) { return handleDirectDetail(e, itemBody); } }, isFunctionRender ? isFunctionRender(value, itemBody) : value)) : (react_1["default"].createElement(react_1["default"].Fragment, null)),
|
|
120
117
|
bodyIndex > 1 ? (isFunctionRender ? (isRenderColumnInRow(isFunctionRender, { value: value, itemBody: itemBody })) : (react_1["default"].createElement("td", { className: 'whitespace-nowrap rounded-lg pl-8 text-xs text-gray-900' }, value))) : (react_1["default"].createElement(react_1["default"].Fragment, null))));
|
|
121
118
|
};
|
|
122
119
|
exports.RowTable = RowTable;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowTable.js","sourceRoot":"","sources":["../../../../src/components/TableV3/RowTable.tsx"],"names":[],"mappings":";;;;AAAA,sCAAsC;AACtC,qDAAkD;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;AACI,IAAM,QAAQ,GAAG,UAAC,EAYnB;QAXJ,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;IAEd,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,IAAA,gBAAQ,EAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,EAAxD,OAAO,QAAA,EAAE,UAAU,QAAqC,CAAA;IAE/D,IAAA,iBAAS,EAAC;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,yCAAI,SAAS,EAAC,8CAA8C,IAAE,MAAM,CAAM,CAAA;SAClF;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;6DACT,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;iEACT,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,yCAAI,SAAS,EAAC,oBAAoB;
|
|
1
|
+
{"version":3,"file":"RowTable.js","sourceRoot":"","sources":["../../../../src/components/TableV3/RowTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -65,4 +65,4 @@ export interface MainTableProps {
|
|
|
65
65
|
};
|
|
66
66
|
isQueryDataCenter?: boolean;
|
|
67
67
|
}
|
|
68
|
-
export declare function PHXTableV3({ actionName, clickRow, clickType, editActionLink,
|
|
68
|
+
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, }: Readonly<MainTableProps>): React.JSX.Element;
|
|
@@ -23,10 +23,10 @@ var PaginaitonSelected_1 = tslib_1.__importDefault(require("./PaginaitonSelected
|
|
|
23
23
|
var Pagination_1 = tslib_1.__importDefault(require("./Pagination"));
|
|
24
24
|
function PHXTableV3(_a) {
|
|
25
25
|
var _this = this;
|
|
26
|
-
var actionName = _a.actionName, _b = _a.clickRow, clickRow = _b === void 0 ? true : _b, _c = _a.clickType, clickType = _c === void 0 ? 'edit' : _c, editActionLink = _a.editActionLink,
|
|
26
|
+
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 ? {
|
|
27
27
|
enable: false,
|
|
28
28
|
title: 'STT'
|
|
29
|
-
} :
|
|
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;
|
|
30
30
|
var checkbox = (0, react_2.useRef)();
|
|
31
31
|
var _j = (0, react_2.useState)(false), checked = _j[0], setChecked = _j[1];
|
|
32
32
|
var _k = (0, react_2.useState)(false), indeterminate = _k[0], setIndeterminate = _k[1];
|
|
@@ -92,9 +92,7 @@ function PHXTableV3(_a) {
|
|
|
92
92
|
}
|
|
93
93
|
});
|
|
94
94
|
}); };
|
|
95
|
-
var getData = function (result) {
|
|
96
|
-
return result.data;
|
|
97
|
-
};
|
|
95
|
+
var getData = function (result) { return result.data; };
|
|
98
96
|
var bindDataToTable = function (dataTable) {
|
|
99
97
|
// @ts-ignore
|
|
100
98
|
var data = tslib_1.__spreadArray([], dataTable, true);
|
|
@@ -129,8 +127,9 @@ function PHXTableV3(_a) {
|
|
|
129
127
|
else {
|
|
130
128
|
setSelectedPeople(checked || indeterminate ? [] : dataTable.filter(function (item) { return !(item === null || item === void 0 ? void 0 : item.entered_school); }));
|
|
131
129
|
}
|
|
132
|
-
if (onChange)
|
|
130
|
+
if (onChange) {
|
|
133
131
|
onChange(checked || indeterminate ? [] : dataTable.filter(function (item) { return !(item === null || item === void 0 ? void 0 : item.entered_school); }));
|
|
132
|
+
}
|
|
134
133
|
setChecked(!checked && !indeterminate);
|
|
135
134
|
setIndeterminate(false);
|
|
136
135
|
}
|
|
@@ -287,17 +286,19 @@ function PHXTableV3(_a) {
|
|
|
287
286
|
(0, react_2.useEffect)(function () {
|
|
288
287
|
if (isSortLoading && filterLoading) {
|
|
289
288
|
queryData();
|
|
289
|
+
setSelectedPeople([]);
|
|
290
290
|
}
|
|
291
291
|
if ((!isChangePageLoading && filterLoading && !isSortLoading) || isChangeRowQty) {
|
|
292
292
|
queryData();
|
|
293
293
|
setIsMainLoading(true);
|
|
294
294
|
setSelectedPeople([]);
|
|
295
295
|
}
|
|
296
|
-
if (search && search.enable && isChangePageLoading)
|
|
296
|
+
if (search && search.enable && isChangePageLoading) {
|
|
297
297
|
setIsSearchLoading(true);
|
|
298
|
+
}
|
|
298
299
|
}, [list, queryWithLimitSelected]);
|
|
299
300
|
return (react_2["default"].createElement(react_2["default"].Fragment, null, isMainLoading ? (react_2["default"].createElement(Skeleton_1.PHXSkeleton, { filterQty: typeLoading === null || typeLoading === void 0 ? void 0 : typeLoading.filterQty, reportQty: typeLoading === null || typeLoading === void 0 ? void 0 : typeLoading.reportQty, type: typeLoading.type })) : (react_2["default"].createElement(react_2["default"].Fragment, null,
|
|
300
|
-
react_2["default"].createElement("div", { className: 'rounded-lg
|
|
301
|
+
react_2["default"].createElement("div", { className: 'rounded-lg border border-gray-300 border-opacity-70 bg-white shadow-sm' },
|
|
301
302
|
react_2["default"].createElement("div", { className: 'flex flex-col' },
|
|
302
303
|
(dataTable.length > 0 ||
|
|
303
304
|
(dataTable.length === 0 && isSearch) ||
|
|
@@ -324,10 +325,10 @@ function PHXTableV3(_a) {
|
|
|
324
325
|
react_2["default"].createElement(sort_1["default"], { activeMenu: activeMenu, className: 'w-11/12', isSearch: isSearch, onChange: sortOnChange, onChangeSelect: sortSelectOnchange, selectArray: selectArray, sortList: sort.sortList }),
|
|
325
326
|
react_2["default"].createElement("div", { className: 'flex justify-center pt-1 lg:w-14' }, isSortLoading ? react_2["default"].createElement(Loading_1.PHXSpinner, null) : null))) : null,
|
|
326
327
|
!isSearch && (react_2["default"].createElement("div", { className: 'flex justify-center' }, isChangePageLoading ? react_2["default"].createElement(Loading_1.PHXSpinner, null) : null)),
|
|
327
|
-
search && search.enable && (react_2["default"].createElement("div", null, !isSearch && (react_2["default"].createElement("button", { className: 'ml-1 flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900
|
|
328
|
+
search && search.enable && (react_2["default"].createElement("div", null, !isSearch && (react_2["default"].createElement("button", { className: 'ml-1 flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] sm:ml-0', onClick: function () { return setIsSearch(true); }, type: 'button' },
|
|
328
329
|
react_2["default"].createElement(solid_1.MagnifyingGlassIcon, { className: 'h-4 w-4' })))))))),
|
|
329
330
|
dataTable.length > 0 ? (react_2["default"].createElement("div", null, searchDataResult.length > 0 && !isMainLoading ? (react_2["default"].createElement("div", { className: '-my-2 overflow-x-auto' },
|
|
330
|
-
react_2["default"].createElement("div", { className: (0, types_1.classNames)('min-w-full pb-2 align-middle
|
|
331
|
+
react_2["default"].createElement("div", { className: (0, types_1.classNames)('min-w-full pb-2 align-middle ring-black ring-opacity-5', (search && search.enable) || (sort && sort.enable) ? '' : 'pt-0.5') },
|
|
331
332
|
react_2["default"].createElement("div", { className: (0, types_1.classNames)('relative overflow-auto', (search && search.enable) || (sort && sort.enable)
|
|
332
333
|
? 'ring-1 ring-black ring-opacity-5'
|
|
333
334
|
: 'mt-1.5') },
|
|
@@ -342,9 +343,9 @@ function PHXTableV3(_a) {
|
|
|
342
343
|
: "min-w-full ".concat((selectedPeople === null || selectedPeople === void 0 ? void 0 : selectedPeople.length) === 0 || selectedAllPeople.title
|
|
343
344
|
? 'divide-y divide-gray-300'
|
|
344
345
|
: '')) },
|
|
345
|
-
selectedPeople.length > 0 && (react_2["default"].createElement("div", { className: 'absolute top-0 min-w-full border-b bg-
|
|
346
|
+
selectedPeople.length > 0 && (react_2["default"].createElement("div", { className: 'absolute top-0 min-w-full border-b border-t bg-white px-2 py-[0.3rem]' },
|
|
346
347
|
react_2["default"].createElement("div", { className: 'flex items-center justify-between' },
|
|
347
|
-
react_2["default"].createElement("p", { className: '
|
|
348
|
+
react_2["default"].createElement("p", { className: 'ml-14 px-3 pl-8 text-xs font-medium text-gray-900' },
|
|
348
349
|
"\u0110\u00E3 ch\u1ECDn ", selectedPeople === null || selectedPeople === void 0 ? void 0 :
|
|
349
350
|
selectedPeople.length,
|
|
350
351
|
" ",
|
|
@@ -352,12 +353,13 @@ function PHXTableV3(_a) {
|
|
|
352
353
|
react_2["default"].createElement("div", { className: 'flex justify-end gap-2' }, selectedBtn === null || selectedBtn === void 0 ? void 0 : selectedBtn.map(function (item, index) { return (react_2["default"].createElement(Button_1.PHXButton, { key: index, deleted: item.type === 'danger', onClick: function () { return item.onClick(selectedPeople); }, secondary: item.type === 'secondary', size: 'micro' }, item.content)); }))))),
|
|
353
354
|
thHeaderComponent ? (thHeaderComponent) : (react_2["default"].createElement("thead", null,
|
|
354
355
|
react_2["default"].createElement("tr", null,
|
|
355
|
-
selectedAllPeople && selectedAllPeople.enable ? (react_2["default"].createElement("th", { className: 'relative w-12 rounded-lg
|
|
356
|
-
react_2["default"].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' }),
|
|
357
|
-
|
|
358
|
-
numericalOrder.enable && (react_2["default"].createElement("th", { key: 'stt', className: (0, types_1.classNames)('min-w-[135px] bg-gray-50 px-3 py-2 pl-8 text-left align-top text-xs font-medium text-gray-500'), scope: 'col' }, numericalOrder.title)),
|
|
356
|
+
selectedAllPeople && selectedAllPeople.enable ? (react_2["default"].createElement("th", { className: 'relative w-12 rounded-lg px-6 py-2.5 sm:w-16 sm:px-8', scope: 'col' },
|
|
357
|
+
react_2["default"].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,
|
|
358
|
+
numericalOrder.enable && (react_2["default"].createElement("th", { key: 'stt', className: (0, types_1.classNames)('min-w-[135px] bg-gray-50 px-3 py-2.5 pl-8 text-left align-top text-xs font-medium text-gray-500'), scope: 'col' }, numericalOrder.title)),
|
|
359
359
|
thHeader.map(function (item, index) {
|
|
360
|
-
return index === 0 ? (react_2["default"].createElement("th", { key: index, className: (0, types_1.classNames)('min-w-[160px] rounded-lg
|
|
360
|
+
return index === 0 ? (react_2["default"].createElement("th", { key: index, className: (0, types_1.classNames)('min-w-[160px] rounded-lg px-3 py-2.5 pl-8 text-left align-top text-xs font-medium text-gray-500', selectedAllPeople && selectedAllPeople.enable ? '' : 'rounded-lg'), scope: 'col' },
|
|
361
|
+
react_2["default"].createElement("p", { className: 'text-gray-800' }, item))) : (react_2["default"].createElement("th", { key: index, className: (0, types_1.classNames)('min-w-[135px] px-3 py-2.5 pl-8 text-left align-top text-xs font-medium text-gray-500', index === thHeader.length - 1 && 'rounded-lg'), scope: 'col' },
|
|
362
|
+
react_2["default"].createElement("p", { className: 'text-gray-800' }, item)));
|
|
361
363
|
})))),
|
|
362
364
|
react_2["default"].createElement("tbody", { className: 'divide-y divide-gray-200' }, searchValue === ''
|
|
363
365
|
? dataTable.map(function (item, index) { return (
|
|
@@ -378,7 +380,7 @@ function PHXTableV3(_a) {
|
|
|
378
380
|
onClick(item);
|
|
379
381
|
}
|
|
380
382
|
}
|
|
381
|
-
} }, thBody.map(function (bodyItem, bodyIndex) { return (react_2["default"].createElement(RowTable_1.RowTable, { numericalOrder: tslib_1.__assign(tslib_1.__assign({}, numericalOrder), { order: pagi * 10 + index + 1 }),
|
|
383
|
+
} }, thBody.map(function (bodyItem, bodyIndex) { return (react_2["default"].createElement(RowTable_1.RowTable, { key: bodyIndex, bodyIndex: bodyIndex, brSetSelectedPeople: brSetSelectedPeople, directDetail: directDetail, editActionLink: editActionLink, itemBody: item, numericalOrder: tslib_1.__assign(tslib_1.__assign({}, numericalOrder), { order: pagi * 10 + index + 1 }), onChange: onChange, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, thBody: thBody, thBodyComponent: thBodyComponent, thBodyFilter: thBodyFilter })); }))); })
|
|
382
384
|
: searchDataResult.map(function (item, index) { return (
|
|
383
385
|
// @ts-ignore
|
|
384
386
|
react_2["default"].createElement("tr", { key: item.id, className: (0, types_1.classNames)(clickRow ? 'hover:cursor-pointer hover:bg-gray-50' : '', renderInclude(item) && !(item === null || item === void 0 ? void 0 : item.entered_school) ? 'bg-gray-50' : ''), onClick: function () {
|
|
@@ -403,7 +405,7 @@ function PHXTableV3(_a) {
|
|
|
403
405
|
(dataTable.length === 0 && (sort === null || sort === void 0 ? void 0 : sort.enable)) ? (react_2["default"].createElement(EmptySearchResult_1["default"], null)) : (react_2["default"].createElement(EmptyRecord_1.PHXEmptyRecord, null))),
|
|
404
406
|
dataTable.length > 0 && !hidePagination && (react_2["default"].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' },
|
|
405
407
|
react_2["default"].createElement(PaginaitonSelected_1["default"], { rowQuantity: rowQuantity, setIsChangeRowQty: setIsChangeRowQty, setRowQuantity: setRowQuantity }),
|
|
406
|
-
react_2["default"].createElement(Pagination_1["default"], {
|
|
408
|
+
react_2["default"].createElement(Pagination_1["default"], { count: count, currentPage: currentPage, handleChangePage: handleChangePage, pagination: pagination, rowQuantity: rowQuantity, totalPages: Math.ceil(count / rowQuantity) }))))))));
|
|
407
409
|
}
|
|
408
410
|
exports.PHXTableV3 = PHXTableV3;
|
|
409
411
|
//# sourceMappingURL=TableV3.js.map
|