phx-react 1.3.1052 → 1.3.1053
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/TableV3/HeaderTable.d.ts +1 -1
- package/dist/cjs/components/TableV3/HeaderTable.js +25 -10
- package/dist/cjs/components/TableV3/HeaderTable.js.map +1 -1
- package/dist/cjs/components/TableV3/RowTable.js +30 -8
- package/dist/cjs/components/TableV3/RowTable.js.map +1 -1
- package/dist/cjs/components/TableV3/SelectedAction.d.ts +1 -1
- package/dist/cjs/components/TableV3/SelectedAction.js +18 -16
- package/dist/cjs/components/TableV3/SelectedAction.js.map +1 -1
- package/dist/cjs/components/TableV3/TableV3.js +70 -65
- package/dist/cjs/components/TableV3/TableV3.js.map +1 -1
- package/dist/esm/components/TableV3/HeaderTable.d.ts +1 -1
- package/dist/esm/components/TableV3/HeaderTable.js +25 -10
- package/dist/esm/components/TableV3/HeaderTable.js.map +1 -1
- package/dist/esm/components/TableV3/RowTable.js +30 -8
- package/dist/esm/components/TableV3/RowTable.js.map +1 -1
- package/dist/esm/components/TableV3/SelectedAction.d.ts +1 -1
- package/dist/esm/components/TableV3/SelectedAction.js +18 -16
- package/dist/esm/components/TableV3/SelectedAction.js.map +1 -1
- package/dist/esm/components/TableV3/TableV3.js +70 -65
- package/dist/esm/components/TableV3/TableV3.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare function HeaderTable({ checkbox, checked, numericalOrder, selectedAllPeople, thHeader, toggleAll, disableSpacing, border, isCenterText, stickyColumnNumber, refs, lefts, }: any): React.JSX.Element;
|
|
2
|
+
declare function HeaderTable({ checkbox, checked, numericalOrder, selectedAllPeople, thHeader, toggleAll, disableSpacing, border, isCenterText, stickyColumnNumber, refs, lefts, selectedPeople, }: any): React.JSX.Element;
|
|
3
3
|
export default HeaderTable;
|
|
@@ -4,36 +4,51 @@ var tslib_1 = require("tslib");
|
|
|
4
4
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
5
|
var types_1 = require("../types");
|
|
6
6
|
function HeaderTable(_a) {
|
|
7
|
-
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, stickyColumnNumber = _a.stickyColumnNumber, refs = _a.refs, lefts = _a.lefts;
|
|
7
|
+
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, stickyColumnNumber = _a.stickyColumnNumber, refs = _a.refs, lefts = _a.lefts, selectedPeople = _a.selectedPeople;
|
|
8
8
|
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;
|
|
9
|
-
var indexLeft = function (index, isNumerical) {
|
|
10
|
-
if (
|
|
9
|
+
var indexLeft = function (index, isSelected, isNumerical) {
|
|
10
|
+
if (isSelected) {
|
|
11
11
|
return 0;
|
|
12
12
|
}
|
|
13
|
-
if (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) {
|
|
13
|
+
if (isNumerical && (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky)) {
|
|
14
|
+
return selectedAllPeople && selectedAllPeople.enable ? 1 : 0;
|
|
15
|
+
}
|
|
16
|
+
if ((numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) && selectedAllPeople && selectedAllPeople.enable) {
|
|
17
|
+
return index + 2;
|
|
18
|
+
}
|
|
19
|
+
if ((numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) || (selectedAllPeople && selectedAllPeople.enable)) {
|
|
14
20
|
return index + 1;
|
|
15
21
|
}
|
|
16
22
|
return index;
|
|
17
23
|
};
|
|
18
24
|
return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
19
25
|
react_1["default"].createElement("tr", null,
|
|
20
|
-
selectedAllPeople && selectedAllPeople.enable ? (react_1["default"].createElement("th", {
|
|
26
|
+
selectedAllPeople && selectedAllPeople.enable ? (react_1["default"].createElement("th", {
|
|
27
|
+
// @ts-ignore
|
|
28
|
+
ref: function (el) { return (refs.current[indexLeft(0, true, false)] = el); }, className: (0, types_1.classNames)('w-12 rounded-lg px-6 py-2.5 sm:w-16 sm:px-8', stickyColumnNumber && selectedPeople.length === 0 ? 'sticky left-0 top-0 z-10 bg-white' : 'relative'), scope: 'col', style: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) ? { left: lefts[indexLeft(0, true, false)] } : {} },
|
|
21
29
|
react_1["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,
|
|
22
30
|
numericalOrder.enable && (react_1["default"].createElement("th", { key: 'stt',
|
|
23
31
|
// @ts-ignore
|
|
24
|
-
ref: function (el) { return (refs.current[indexLeft(0, true)] = el); }, className: (0, types_1.classNames)('whitespace-nowrap text-xs font-medium text-gray-800', !(numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.disableSpacing) ? 'min-w-[135px] px-3 py-2.5 pl-8' : '', isCenterText ? 'text-center align-middle' : 'text-left align-top', stickyColumnNumber
|
|
32
|
+
ref: function (el) { return (refs.current[indexLeft(0, false, true)] = el); }, className: (0, types_1.classNames)('whitespace-nowrap text-xs font-medium text-gray-800', !(numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.disableSpacing) ? 'min-w-[135px] px-3 py-2.5 pl-8' : '', isCenterText ? 'text-center align-middle' : 'text-left align-top', stickyColumnNumber && selectedPeople.length === 0
|
|
33
|
+
? 'bg-white drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'
|
|
34
|
+
: '', (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) && selectedPeople.length === 0
|
|
35
|
+
? 'sticky left-0 top-0 z-10 bg-white drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'
|
|
36
|
+
: '', !stickyColumnNumber && !(numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) && 'rounded-lg'), style: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) ? { left: lefts[indexLeft(0, false, true)] } : {}, scope: 'col' }, numericalOrder.title)),
|
|
25
37
|
thHeader.map(function (item, index) {
|
|
26
38
|
return index === 0 ? (react_1["default"].createElement("th", { key: index,
|
|
27
39
|
// @ts-ignore
|
|
28
|
-
ref: function (el) { return (refs.current[indexLeft(index, false)] = el); }, className: (0, types_1.classNames)('whitespace-nowrap text-xs font-medium', selectedAllPeople && selectedAllPeople.enable ? 'pl-6 sm:pl-8' : '', !disableSpacing.disable ? 'min-w-[160px] px-3 py-2.5 pl-8' : '', disableSpacing.disable && spacingIndex > index ? 'min-w-[160px] px-3 py-2.5 pl-8' : '', numericalOrder && numericalOrder.enable && border && !stickyColumnNumber ? 'border-l' : '', isCenterText ? 'text-center align-middle' : 'text-left align-top', stickyColumnNumber
|
|
40
|
+
ref: function (el) { return (refs.current[indexLeft(index, false, false)] = el); }, className: (0, types_1.classNames)('whitespace-nowrap text-xs font-medium', selectedAllPeople && selectedAllPeople.enable ? 'pl-6 sm:pl-8' : '', !disableSpacing.disable ? 'min-w-[160px] px-3 py-2.5 pl-8' : '', disableSpacing.disable && spacingIndex > index ? 'min-w-[160px] px-3 py-2.5 pl-8' : '', numericalOrder && numericalOrder.enable && border && !stickyColumnNumber ? 'border-l' : '', isCenterText ? 'text-center align-middle' : 'text-left align-top', stickyColumnNumber && selectedPeople.length === 0
|
|
29
41
|
? 'sticky left-0 top-0 z-10 bg-white sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'
|
|
30
|
-
: 'rounded-lg', stickyColumnNumber === 1
|
|
42
|
+
: 'rounded-lg', stickyColumnNumber === 1 && selectedPeople.length === 0
|
|
43
|
+
? 'drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'
|
|
44
|
+
: ''), style: stickyColumnNumber ? { left: lefts[indexLeft(index, false, false)] } : {}, scope: 'col' },
|
|
31
45
|
stickyColumnNumber && border ? (react_1["default"].createElement("div", { className: 'absolute -left-0 top-0 h-full w-[1px] bg-gray-300' })) : (react_1["default"].createElement(react_1["default"].Fragment, null)),
|
|
32
46
|
react_1["default"].createElement("p", { className: 'text-gray-800' }, item))) : (react_1["default"].createElement("th", { key: index,
|
|
33
47
|
// @ts-ignore
|
|
34
|
-
ref: function (el) { return (refs.current[indexLeft(index, false)] = el); }, className: (0, types_1.classNames)('whitespace-nowrap text-xs font-medium', index === thHeader.length - 1 && 'rounded-lg', !disableSpacing.disable ? 'min-w-[135px] px-3 py-2.5 pl-8' : '', disableSpacing.disable && spacingIndex > index ? 'min-w-[135px] px-3 py-2.5 pl-8' : '', border && (!stickyColumnNumber || index > stickyColumnNumber) && 'border-l', isCenterText ? 'text-center align-middle' : 'text-left align-top', stickyColumnNumber &&
|
|
48
|
+
ref: function (el) { return (refs.current[indexLeft(index, false, false)] = el); }, className: (0, types_1.classNames)('whitespace-nowrap text-xs font-medium', index === thHeader.length - 1 && 'rounded-lg', !disableSpacing.disable ? 'min-w-[135px] px-3 py-2.5 pl-8' : '', disableSpacing.disable && spacingIndex > index ? 'min-w-[135px] px-3 py-2.5 pl-8' : '', border && (!stickyColumnNumber || index > stickyColumnNumber) && 'border-l', isCenterText ? 'text-center align-middle' : 'text-left align-top', stickyColumnNumber &&
|
|
35
49
|
index < stickyColumnNumber &&
|
|
36
|
-
|
|
50
|
+
selectedPeople.length === 0 &&
|
|
51
|
+
'sticky top-0 z-10 bg-white drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), scope: 'col', style: stickyColumnNumber && index < stickyColumnNumber ? { left: lefts[indexLeft(index, false, false)] } : {} },
|
|
37
52
|
stickyColumnNumber && index < stickyColumnNumber && border ? (react_1["default"].createElement("div", { className: 'absolute -left-0 top-0 h-full w-[1px] bg-gray-300' })) : (react_1["default"].createElement(react_1["default"].Fragment, null)),
|
|
38
53
|
react_1["default"].createElement("p", { className: 'text-gray-800' }, item)));
|
|
39
54
|
}))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderTable.js","sourceRoot":"","sources":["../../../../src/components/TableV3/HeaderTable.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,kCAAqC;AAErC,SAAS,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"HeaderTable.js","sourceRoot":"","sources":["../../../../src/components/TableV3/HeaderTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -86,11 +86,15 @@ var RowTable = function (_a) {
|
|
|
86
86
|
var isArray = Array.isArray(value);
|
|
87
87
|
if (!isArray) {
|
|
88
88
|
var result = funcCallback(value, itemBody);
|
|
89
|
-
return (react_1["default"].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 && (!stickyColumnNumber || bodyIndex - 1 > stickyColumnNumber) && 'border-l', stickyColumnNumber &&
|
|
89
|
+
return (react_1["default"].createElement("td", { className: classNames('whitespace-nowrap text-xs text-gray-900', checked ? '!bg-gray-50' : '', !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 && (!stickyColumnNumber || bodyIndex - 1 > stickyColumnNumber) && 'border-l', stickyColumnNumber &&
|
|
90
90
|
bodyIndex - 1 < stickyColumnNumber &&
|
|
91
91
|
'sticky top-0 z-20 bg-white drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: stickyColumnNumber && bodyIndex - 1 < stickyColumnNumber
|
|
92
92
|
? {
|
|
93
|
-
left: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky)
|
|
93
|
+
left: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) && selectedAllPeople && selectedAllPeople.enable
|
|
94
|
+
? lefts[bodyIndex + 1]
|
|
95
|
+
: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) || (selectedAllPeople && selectedAllPeople.enable)
|
|
96
|
+
? lefts[bodyIndex]
|
|
97
|
+
: lefts[bodyIndex - 1]
|
|
94
98
|
}
|
|
95
99
|
: {} },
|
|
96
100
|
stickyColumnNumber && bodyIndex - 1 < stickyColumnNumber && border ? (react_1["default"].createElement("div", { className: 'absolute -left-0 top-0 h-full w-[1px] bg-gray-300' })) : (react_1["default"].createElement(react_1["default"].Fragment, null)),
|
|
@@ -119,20 +123,38 @@ var RowTable = function (_a) {
|
|
|
119
123
|
}
|
|
120
124
|
};
|
|
121
125
|
return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
122
|
-
bodyIndex === 0 && selectedAllPeople && selectedAllPeople.enable ? (react_1["default"].createElement("td", { className: '
|
|
126
|
+
bodyIndex === 0 && selectedAllPeople && selectedAllPeople.enable ? (react_1["default"].createElement("td", { className: classNames('w-16 px-8', checked ? '!bg-gray-50' : '', stickyColumnNumber
|
|
127
|
+
? 'sticky left-0 top-0 z-20 bg-white drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'
|
|
128
|
+
: 'relative'), style: stickyColumnNumber ? { left: lefts[0] } : {} },
|
|
123
129
|
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)),
|
|
124
|
-
bodyIndex === 0 && numericalOrder && numericalOrder.enable && (react_1["default"].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] pl-3 sm:pl-8' : '', stickyColumnNumber || (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) ? 'bg-white drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]' : '', (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) && 'sticky left-0 top-0 z-20'), style: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky)
|
|
130
|
+
bodyIndex === 0 && numericalOrder && numericalOrder.enable && (react_1["default"].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', checked ? '!bg-gray-50' : '', !numericalOrder.disableSpacing ? 'w-[10ch] pl-3 sm:pl-8' : '', stickyColumnNumber || (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) ? 'bg-white drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]' : '', (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) && 'sticky left-0 top-0 z-20'), style: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky)
|
|
131
|
+
? {
|
|
132
|
+
left: selectedAllPeople && selectedAllPeople.enable ? lefts[1] : lefts[0]
|
|
133
|
+
}
|
|
134
|
+
: {} },
|
|
125
135
|
react_1["default"].createElement("div", { className: classNames(isCenterText ? 'flex items-center justify-center' : 'pl-3') }, numericalOrder.order))),
|
|
126
|
-
bodyIndex === 1 ? (react_1["default"].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 py-3 pr-3 sm:w-16 sm:px-8' : 'px-0.5', disableSpacing.disable && (disableSpacing === null || disableSpacing === void 0 ? void 0 : disableSpacing.indexStart) > bodyIndex
|
|
136
|
+
bodyIndex === 1 ? (react_1["default"].createElement("td", { className: classNames('whitespace-nowrap text-xs text-gray-900', selectedAllPeople && selectedAllPeople.enable ? 'px-3' : '', checked ? '!bg-gray-50' : '', directDetail && directDetail.enable ? 'cursor-pointer hover:underline' : '', !disableSpacing.disable ? 'w-12 px-6 py-3 pr-3 sm:w-16 sm:px-8' : 'px-0.5', disableSpacing.disable && (disableSpacing === null || disableSpacing === void 0 ? void 0 : disableSpacing.indexStart) > bodyIndex
|
|
127
137
|
? 'w-12 px-6 pr-3 sm:w-16 sm:px-8'
|
|
128
|
-
: 'px-0.5', border && !stickyColumnNumber && 'border-l', stickyColumnNumber && 'sticky left-0 top-0 z-20 bg-white drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), onClick: function (e) { return handleDirectDetail(e, itemBody); }, style: stickyColumnNumber
|
|
138
|
+
: 'px-0.5', border && !stickyColumnNumber && 'border-l', stickyColumnNumber && 'sticky left-0 top-0 z-20 bg-white drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), onClick: function (e) { return handleDirectDetail(e, itemBody); }, style: stickyColumnNumber
|
|
139
|
+
? {
|
|
140
|
+
left: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) && selectedAllPeople && selectedAllPeople.enable
|
|
141
|
+
? lefts[2]
|
|
142
|
+
: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) || (selectedAllPeople && selectedAllPeople.enable)
|
|
143
|
+
? lefts[1]
|
|
144
|
+
: lefts[0]
|
|
145
|
+
}
|
|
146
|
+
: {} },
|
|
129
147
|
stickyColumnNumber && border ? react_1["default"].createElement("div", { className: 'absolute -left-0 top-0 h-full w-[1px] bg-gray-300' }) : react_1["default"].createElement(react_1["default"].Fragment, null),
|
|
130
148
|
isFunctionRender ? isFunctionRender(value, itemBody) : value)) : (react_1["default"].createElement(react_1["default"].Fragment, null)),
|
|
131
|
-
bodyIndex > 1 ? (isFunctionRender ? (isRenderColumnInRow(isFunctionRender, { value: value, itemBody: itemBody })) : (react_1["default"].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 && (!stickyColumnNumber || bodyIndex - 1 > stickyColumnNumber) && 'border-l', stickyColumnNumber &&
|
|
149
|
+
bodyIndex > 1 ? (isFunctionRender ? (isRenderColumnInRow(isFunctionRender, { value: value, itemBody: itemBody })) : (react_1["default"].createElement("td", { className: classNames('whitespace-nowrap text-xs text-gray-900', !disableSpacing.disable ? 'pl-8' : 'px-0.5', checked ? '!bg-gray-50' : '', disableSpacing.disable && (disableSpacing === null || disableSpacing === void 0 ? void 0 : disableSpacing.indexStart) > bodyIndex ? 'pl-8' : 'px-0.5', border && (!stickyColumnNumber || bodyIndex - 1 > stickyColumnNumber) && 'border-l', stickyColumnNumber &&
|
|
132
150
|
bodyIndex - 1 < stickyColumnNumber &&
|
|
133
151
|
'sticky top-0 z-20 bg-white drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: stickyColumnNumber && bodyIndex - 1 < stickyColumnNumber
|
|
134
152
|
? {
|
|
135
|
-
left: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky)
|
|
153
|
+
left: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) && selectedAllPeople && selectedAllPeople.enable
|
|
154
|
+
? lefts[bodyIndex + 1]
|
|
155
|
+
: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) || (selectedAllPeople && selectedAllPeople.enable)
|
|
156
|
+
? lefts[bodyIndex]
|
|
157
|
+
: lefts[bodyIndex - 1]
|
|
136
158
|
}
|
|
137
159
|
: {} },
|
|
138
160
|
stickyColumnNumber && bodyIndex - 1 < stickyColumnNumber && border ? (react_1["default"].createElement("div", { className: 'absolute -left-0 top-0 h-full w-[1px] bg-gray-300' })) : (react_1["default"].createElement(react_1["default"].Fragment, null)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowTable.js","sourceRoot":"","sources":["../../../../src/components/TableV3/RowTable.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"RowTable.js","sourceRoot":"","sources":["../../../../src/components/TableV3/RowTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare function SelectedAction({ search, selectedBtn, selectedPeople, slectedTitle, sort }: any): React.JSX.Element;
|
|
2
|
+
declare function SelectedAction({ search, selectedBtn, selectedPeople, slectedTitle, sort, checkbox, checked, toggleAll, }: any): React.JSX.Element;
|
|
3
3
|
export default SelectedAction;
|
|
@@ -8,22 +8,24 @@ var outline_1 = require("@heroicons/react/24/outline");
|
|
|
8
8
|
var types_1 = require("../types");
|
|
9
9
|
var Button_1 = require("../Button");
|
|
10
10
|
function SelectedAction(_a) {
|
|
11
|
-
var search = _a.search, selectedBtn = _a.selectedBtn, selectedPeople = _a.selectedPeople, slectedTitle = _a.slectedTitle, sort = _a.sort;
|
|
12
|
-
return (react_1["default"].createElement("div", { className: (0, types_1.classNames)('absolute top-
|
|
13
|
-
react_1["default"].createElement("div", { className: 'flex
|
|
14
|
-
react_1["default"].createElement("
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
react_1["default"].createElement("div", null,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
11
|
+
var search = _a.search, selectedBtn = _a.selectedBtn, selectedPeople = _a.selectedPeople, slectedTitle = _a.slectedTitle, sort = _a.sort, checkbox = _a.checkbox, checked = _a.checked, toggleAll = _a.toggleAll;
|
|
12
|
+
return (react_1["default"].createElement("div", { className: (0, types_1.classNames)('absolute -top-2 z-[5] min-w-full border-b bg-white px-2 py-[0.3rem]', !(search === null || search === void 0 ? void 0 : search.enable) && !(sort === null || sort === void 0 ? void 0 : sort.enable) ? 'rounded-t-lg' : 'border-t') },
|
|
13
|
+
react_1["default"].createElement("div", { className: 'flex' },
|
|
14
|
+
react_1["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' }),
|
|
15
|
+
react_1["default"].createElement("div", { className: 'flex w-full items-center justify-between' },
|
|
16
|
+
react_1["default"].createElement("p", { className: 'ml-14 px-3 pl-8 text-xs font-medium text-gray-900' },
|
|
17
|
+
"\u0110\u00E3 ch\u1ECDn ", selectedPeople === null || selectedPeople === void 0 ? void 0 :
|
|
18
|
+
selectedPeople.length,
|
|
19
|
+
" ",
|
|
20
|
+
slectedTitle),
|
|
21
|
+
react_1["default"].createElement("div", { className: 'hidden justify-end gap-2 sm:flex' }, selectedBtn === null || selectedBtn === void 0 ? void 0 : selectedBtn.map(function (item, index) { return (react_1["default"].createElement(Button_1.PHXButton, { key: index, className: item.isCritical ? 'text-red-700' : '', deleted: item.type === 'danger', onClick: function () { return item.onClick(selectedPeople); }, secondary: item.type === 'secondary', size: 'micro' }, item.content)); })),
|
|
22
|
+
react_1["default"].createElement(react_3.Menu, { as: 'div', className: (0, types_1.classNames)('relative inline-block text-left sm:hidden') },
|
|
23
|
+
react_1["default"].createElement("div", null,
|
|
24
|
+
react_1["default"].createElement(react_3.Menu.Button, { className: 'flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 shadow-sm 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]' },
|
|
25
|
+
react_1["default"].createElement(outline_1.EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-4 w-4' }))),
|
|
26
|
+
react_1["default"].createElement(react_3.Transition, { as: react_2.Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
|
|
27
|
+
react_1["default"].createElement(react_3.Menu.Items, { className: 'absolute right-0 z-10 mt-2 max-h-96 w-56 min-w-max origin-top-right overflow-y-auto rounded-md bg-white px-1 shadow-lg ring-1 ring-black ring-opacity-5 drop-shadow-lg focus:outline-none' },
|
|
28
|
+
react_1["default"].createElement("div", { className: 'py-1' }, selectedBtn.map(function (item) { return (react_1["default"].createElement(react_3.Menu.Item, { key: item.id }, function () { return (react_1["default"].createElement("button", { className: (0, types_1.classNames)(item.type === 'select-filter' ? 'hidden' : '', 'bg-gray-200" my-[1px] block w-full min-w-max cursor-pointer rounded-lg border-gray-300 px-2 py-2 text-left text-xs font-medium text-gray-700 transition-all hover:bg-gray-200 sm:text-xs'), onClick: function () { return item.onClick(selectedPeople); }, type: 'button' }, item.content)); })); })))))))));
|
|
27
29
|
}
|
|
28
30
|
exports["default"] = SelectedAction;
|
|
29
31
|
//# sourceMappingURL=SelectedAction.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectedAction.js","sourceRoot":"","sources":["../../../../src/components/TableV3/SelectedAction.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,+BAAgC;AAChC,2CAAoD;AACpD,uDAAoE;AACpE,kCAAqC;AACrC,oCAAqC;AAErC,SAAS,cAAc,CAAC,
|
|
1
|
+
{"version":3,"file":"SelectedAction.js","sourceRoot":"","sources":["../../../../src/components/TableV3/SelectedAction.tsx"],"names":[],"mappings":"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"}
|
|
@@ -68,7 +68,11 @@ function PHXTableV3(_a) {
|
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
70
|
}, [entries === null || entries === void 0 ? void 0 : entries.row, rowNumber]);
|
|
71
|
-
var _9 = (0, useStickyLeft_1.useStickyLefts)((numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky)
|
|
71
|
+
var _9 = (0, useStickyLeft_1.useStickyLefts)((numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) && selectedAllPeople && selectedAllPeople.enable
|
|
72
|
+
? stickyColumnNumber + 2
|
|
73
|
+
: (numericalOrder === null || numericalOrder === void 0 ? void 0 : numericalOrder.sticky) || (selectedAllPeople && selectedAllPeople.enable)
|
|
74
|
+
? stickyColumnNumber + 1
|
|
75
|
+
: stickyColumnNumber, dataTable), lefts = _9.lefts, refs = _9.refs;
|
|
72
76
|
var queryHidePagi = list.query ? list.query.replace(/limit\s*:\s*\d+\s*,?|offset\s*:\s*\d+\s*,?/g, '') : '';
|
|
73
77
|
var queryWithLimitSelected = list.query
|
|
74
78
|
? list.query
|
|
@@ -394,73 +398,74 @@ function PHXTableV3(_a) {
|
|
|
394
398
|
!isSearch && (react_2["default"].createElement("div", { className: 'mr-3 flex justify-center' }, isChangePageLoading ? react_2["default"].createElement(Loading_1.PHXSpinner, null) : null)),
|
|
395
399
|
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' },
|
|
396
400
|
react_2["default"].createElement(solid_1.MagnifyingGlassIcon, { className: 'h-4 w-4' })))))))),
|
|
397
|
-
dataTable.length > 0 ? (react_2["default"].createElement("div",
|
|
398
|
-
react_2["default"].createElement("
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
? "min-w-full ".concat((selectedPeople === null || selectedPeople === void 0 ? void 0 : selectedPeople.length) === 0 || selectedAllPeople.title
|
|
408
|
-
? 'divide-y divide-gray-300'
|
|
409
|
-
: '')
|
|
410
|
-
: "min-w-full ".concat((selectedPeople === null || selectedPeople === void 0 ? void 0 : selectedPeople.length) === 0 || selectedAllPeople.title
|
|
411
|
-
? 'divide-y divide-gray-300'
|
|
412
|
-
: '')) },
|
|
413
|
-
selectedPeople.length > 0 && (react_2["default"].createElement(SelectedAction_1["default"], { search: search, selectedBtn: selectedBtn, selectedPeople: selectedPeople, slectedTitle: slectedTitle, sort: sort })),
|
|
414
|
-
thHeaderComponent ? (react_2["default"].createElement(react_2["default"].Fragment, null, selectedAllPeople && selectedAllPeople.enable && isCustomHeaderSelected ? (react_2["default"].createElement(react_2["default"].Fragment, null, thHeaderComponent(react_2["default"].createElement("th", { className: 'relative w-12 rounded-lg px-6 py-2.5 sm:w-16 sm:px-8', scope: 'col' },
|
|
415
|
-
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' }))))) : (react_2["default"].createElement(react_2["default"].Fragment, null, thHeaderComponent)))) : (react_2["default"].createElement("thead", null,
|
|
416
|
-
react_2["default"].createElement(HeaderTable_1["default"], { border: border, checkbox: checkbox, checked: checked, disableSpacing: disableSpacing, isCenterText: isCenterText, numericalOrder: numericalOrder, selectedAllPeople: selectedAllPeople, thHeader: thHeader, toggleAll: toggleAll, lefts: lefts, refs: refs, stickyColumnNumber: stickyColumnNumber }))),
|
|
417
|
-
react_2["default"].createElement("tbody", { className: 'divide-y divide-gray-200' }, searchValue === ''
|
|
418
|
-
? dataTable.map(function (item, index) { return (
|
|
401
|
+
dataTable.length > 0 ? (react_2["default"].createElement("div", { className: 'relative' },
|
|
402
|
+
selectedPeople.length > 0 && (react_2["default"].createElement(SelectedAction_1["default"], { search: search, selectedBtn: selectedBtn, selectedPeople: selectedPeople, slectedTitle: slectedTitle, sort: sort, checkbox: checkbox, checked: checked, toggleAll: toggleAll })),
|
|
403
|
+
searchDataResult.length > 0 && !isMainLoading ? (react_2["default"].createElement("div", { className: '-my-2 overflow-x-auto' },
|
|
404
|
+
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') },
|
|
405
|
+
react_2["default"].createElement("div", { className: (0, types_1.classNames)('relative overflow-auto', (search && search.enable) || (sort && sort.enable)
|
|
406
|
+
? 'ring-1 ring-black ring-opacity-5'
|
|
407
|
+
: 'mt-1.5') },
|
|
408
|
+
react_2["default"].createElement(react_2["default"].Fragment, null, selectedAllPeople && selectedAllPeople.enable ? (react_2["default"].createElement(react_2["default"].Fragment, null, selectedPeople.length > 0 && selectedAllPeople.title && (react_2["default"].createElement("div", { className: 'absolute left-12 top-4 flex h-fit items-center space-x-3 bg-gray-50 sm:left-16' },
|
|
409
|
+
react_2["default"].createElement(Button_1.PHXButton, { onClick: actionClickAll, secondary: true, size: 'micro' }, selectedAllPeople.title))))) : null),
|
|
410
|
+
react_2["default"].createElement("table", { className: (0, types_1.classNames)(fixedTableLayout ? 'table-fixed' : '', (search && search.enable) || (sort && sort.enable) ? 'border-t' : '',
|
|
419
411
|
// @ts-ignore
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
412
|
+
thHeader.length < 5
|
|
413
|
+
? "min-w-full ".concat((selectedPeople === null || selectedPeople === void 0 ? void 0 : selectedPeople.length) === 0 || selectedAllPeople.title
|
|
414
|
+
? 'divide-y divide-gray-300'
|
|
415
|
+
: '')
|
|
416
|
+
: "min-w-full ".concat((selectedPeople === null || selectedPeople === void 0 ? void 0 : selectedPeople.length) === 0 || selectedAllPeople.title
|
|
417
|
+
? 'divide-y divide-gray-300'
|
|
418
|
+
: '')) },
|
|
419
|
+
thHeaderComponent ? (react_2["default"].createElement(react_2["default"].Fragment, null, selectedAllPeople && selectedAllPeople.enable && isCustomHeaderSelected ? (react_2["default"].createElement(react_2["default"].Fragment, null, thHeaderComponent(react_2["default"].createElement("th", { className: 'relative w-12 rounded-lg px-6 py-2.5 sm:w-16 sm:px-8', scope: 'col' },
|
|
420
|
+
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' }))))) : (react_2["default"].createElement(react_2["default"].Fragment, null, thHeaderComponent)))) : (react_2["default"].createElement("thead", null,
|
|
421
|
+
react_2["default"].createElement(HeaderTable_1["default"], { border: border, checkbox: checkbox, checked: checked, disableSpacing: disableSpacing, isCenterText: isCenterText, numericalOrder: numericalOrder, selectedAllPeople: selectedAllPeople, thHeader: thHeader, toggleAll: toggleAll, lefts: lefts, refs: refs, stickyColumnNumber: stickyColumnNumber, selectedPeople: selectedPeople }))),
|
|
422
|
+
react_2["default"].createElement("tbody", { className: 'divide-y divide-gray-200' }, searchValue === ''
|
|
423
|
+
? dataTable.map(function (item, index) { return (
|
|
424
|
+
// @ts-ignore
|
|
425
|
+
react_2["default"].createElement("tr", { key: item.id, className: (0, types_1.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'
|
|
426
|
+
? funcItemReadOnly(item)
|
|
427
|
+
? ''
|
|
428
|
+
: 'hover:cursor-pointer hover:bg-gray-50'
|
|
429
|
+
: ''), onClick: function () {
|
|
430
|
+
if (clickRow) {
|
|
431
|
+
if (routerCondition) {
|
|
432
|
+
// eslint-disable-next-line no-unused-expressions
|
|
433
|
+
checkConditionRouter(item)
|
|
434
|
+
? router.push("".concat(routerCondition.link).concat(item.id))
|
|
435
|
+
: router.push("".concat(editActionLink).concat(item.id));
|
|
436
|
+
}
|
|
437
|
+
else if (clickType === 'edit') {
|
|
438
|
+
router.push("".concat(editActionLink).concat(item.id));
|
|
439
|
+
}
|
|
440
|
+
else {
|
|
441
|
+
// @ts-ignore
|
|
442
|
+
onClickItem(item);
|
|
443
|
+
}
|
|
431
444
|
}
|
|
432
|
-
|
|
433
|
-
|
|
445
|
+
} }, thBody.map(function (bodyItem, bodyIndex) { return (react_2["default"].createElement(RowTable_1.RowTable, { key: bodyIndex, bodyIndex: bodyIndex, border: border, brSetSelectedPeople: brSetSelectedPeople, directDetail: directDetail, disableSpacing: disableSpacing, editActionLink: editActionLink, isCenterText: isCenterText, itemBody: item, numericalOrder: tslib_1.__assign(tslib_1.__assign({}, numericalOrder), { order: pagi * rowQuantity + index + 1 }), onChange: onChange, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, thBody: thBody, thBodyComponent: thBodyComponent, thBodyFilter: thBodyFilter, lefts: lefts, refs: refs, stickyColumnNumber: stickyColumnNumber })); }))); })
|
|
446
|
+
: searchDataResult.map(function (item, index) { return (
|
|
447
|
+
// @ts-ignore
|
|
448
|
+
react_2["default"].createElement("tr", { key: item.id, className: (0, types_1.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'
|
|
449
|
+
? funcItemReadOnly(item)
|
|
450
|
+
? ''
|
|
451
|
+
: 'hover:cursor-pointer hover:bg-gray-50'
|
|
452
|
+
: ''), onClick: function () {
|
|
453
|
+
if (clickRow) {
|
|
454
|
+
if (routerCondition) {
|
|
455
|
+
// eslint-disable-next-line no-unused-expressions
|
|
456
|
+
checkConditionRouter(item)
|
|
457
|
+
? router.push("".concat(routerCondition.link).concat(item.id))
|
|
458
|
+
: router.push("".concat(editActionLink).concat(item.id));
|
|
459
|
+
}
|
|
460
|
+
else if (clickType === 'edit') {
|
|
461
|
+
router.push("".concat(editActionLink).concat(item.id));
|
|
462
|
+
}
|
|
463
|
+
else {
|
|
464
|
+
// @ts-ignore
|
|
465
|
+
onClickItem(item);
|
|
466
|
+
}
|
|
434
467
|
}
|
|
435
|
-
|
|
436
|
-
// @ts-ignore
|
|
437
|
-
onClickItem(item);
|
|
438
|
-
}
|
|
439
|
-
}
|
|
440
|
-
} }, thBody.map(function (bodyItem, bodyIndex) { return (react_2["default"].createElement(RowTable_1.RowTable, { key: bodyIndex, bodyIndex: bodyIndex, border: border, brSetSelectedPeople: brSetSelectedPeople, directDetail: directDetail, disableSpacing: disableSpacing, editActionLink: editActionLink, isCenterText: isCenterText, itemBody: item, numericalOrder: tslib_1.__assign(tslib_1.__assign({}, numericalOrder), { order: pagi * rowQuantity + index + 1 }), onChange: onChange, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, thBody: thBody, thBodyComponent: thBodyComponent, thBodyFilter: thBodyFilter, lefts: lefts, refs: refs, stickyColumnNumber: stickyColumnNumber })); }))); })
|
|
441
|
-
: searchDataResult.map(function (item, index) { return (
|
|
442
|
-
// @ts-ignore
|
|
443
|
-
react_2["default"].createElement("tr", { key: item.id, className: (0, types_1.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'
|
|
444
|
-
? funcItemReadOnly(item)
|
|
445
|
-
? ''
|
|
446
|
-
: 'hover:cursor-pointer hover:bg-gray-50'
|
|
447
|
-
: ''), onClick: function () {
|
|
448
|
-
if (clickRow) {
|
|
449
|
-
if (routerCondition) {
|
|
450
|
-
// eslint-disable-next-line no-unused-expressions
|
|
451
|
-
checkConditionRouter(item)
|
|
452
|
-
? router.push("".concat(routerCondition.link).concat(item.id))
|
|
453
|
-
: router.push("".concat(editActionLink).concat(item.id));
|
|
454
|
-
}
|
|
455
|
-
else if (clickType === 'edit') {
|
|
456
|
-
router.push("".concat(editActionLink).concat(item.id));
|
|
457
|
-
}
|
|
458
|
-
else {
|
|
459
|
-
// @ts-ignore
|
|
460
|
-
onClickItem(item);
|
|
461
|
-
}
|
|
462
|
-
}
|
|
463
|
-
} }, thBody.map(function (bodyItem, bodyIndex) { return (react_2["default"].createElement(RowTable_1.RowTable, { key: bodyIndex, bodyIndex: bodyIndex, border: border, brSetSelectedPeople: brSetSelectedPeople, directDetail: directDetail, disableSpacing: disableSpacing, editActionLink: editActionLink, isCenterText: isCenterText, itemBody: item, numericalOrder: tslib_1.__assign(tslib_1.__assign({}, numericalOrder), { order: pagi * rowQuantity + index + 1 }), onChange: onChange, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, thBody: thBody, thBodyComponent: thBodyComponent, thBodyFilter: thBodyFilter, lefts: lefts, refs: refs, stickyColumnNumber: stickyColumnNumber })); }))); }))))))) : (react_2["default"].createElement(EmptySearchResult_1["default"], null)))) : (dataTable.length === 0 && isSearch) ||
|
|
468
|
+
} }, thBody.map(function (bodyItem, bodyIndex) { return (react_2["default"].createElement(RowTable_1.RowTable, { key: bodyIndex, bodyIndex: bodyIndex, border: border, brSetSelectedPeople: brSetSelectedPeople, directDetail: directDetail, disableSpacing: disableSpacing, editActionLink: editActionLink, isCenterText: isCenterText, itemBody: item, numericalOrder: tslib_1.__assign(tslib_1.__assign({}, numericalOrder), { order: pagi * rowQuantity + index + 1 }), onChange: onChange, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, thBody: thBody, thBodyComponent: thBodyComponent, thBodyFilter: thBodyFilter, lefts: lefts, refs: refs, stickyColumnNumber: stickyColumnNumber })); }))); }))))))) : (react_2["default"].createElement(EmptySearchResult_1["default"], null)))) : (dataTable.length === 0 && isSearch) ||
|
|
464
469
|
(dataTable.length === 0 && isSelectSort) ||
|
|
465
470
|
(dataTable.length === 0 && isSort) ||
|
|
466
471
|
(dataTable.length === 0 && (sort === null || sort === void 0 ? void 0 : sort.enable)) ? (react_2["default"].createElement(react_2["default"].Fragment, null, enableEmptyStateAction ? react_2["default"].createElement(EmptyStateAction_1.PHXEmptyStateAction, tslib_1.__assign({}, emptyStateActionAttribute)) : react_2["default"].createElement(EmptyRecord_1.PHXEmptyRecord, null))) : (react_2["default"].createElement(react_2["default"].Fragment, null, enableEmptyStateAction ? react_2["default"].createElement(EmptyStateAction_1.PHXEmptyStateAction, tslib_1.__assign({}, emptyStateActionAttribute)) : react_2["default"].createElement(EmptyRecord_1.PHXEmptyRecord, null)))),
|