phx-react 1.3.1843 → 1.3.1845
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/Modal/Modal.d.ts +2 -1
- package/dist/cjs/components/Modal/Modal.js +9 -7
- package/dist/cjs/components/Modal/Modal.js.map +1 -1
- package/dist/cjs/components/TableReport/TableReport.d.ts +2 -1
- package/dist/cjs/components/TableReport/TableReport.js +7 -4
- package/dist/cjs/components/TableReport/TableReport.js.map +1 -1
- package/dist/cjs/components/TableReport/component/Header.d.ts +4 -1
- package/dist/cjs/components/TableReport/component/Header.js +23 -3
- package/dist/cjs/components/TableReport/component/Header.js.map +1 -1
- package/dist/cjs/components/TableReport/component/Row.d.ts +4 -1
- package/dist/cjs/components/TableReport/component/Row.js +22 -8
- package/dist/cjs/components/TableReport/component/Row.js.map +1 -1
- package/dist/cjs/components/TableReport/component/RowMerge.d.ts +4 -1
- package/dist/cjs/components/TableReport/component/RowMerge.js +19 -5
- package/dist/cjs/components/TableReport/component/RowMerge.js.map +1 -1
- package/dist/cjs/components/TableReport/component/TableBodyRows.d.ts +3 -0
- package/dist/cjs/components/TableReport/component/TableBodyRows.js +4 -1
- package/dist/cjs/components/TableReport/component/TableBodyRows.js.map +1 -1
- package/dist/cjs/components/TableReport/types.d.ts +6 -1
- package/dist/esm/components/Modal/Modal.d.ts +2 -1
- package/dist/esm/components/Modal/Modal.js +9 -7
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/TableReport/TableReport.d.ts +2 -1
- package/dist/esm/components/TableReport/TableReport.js +7 -4
- package/dist/esm/components/TableReport/TableReport.js.map +1 -1
- package/dist/esm/components/TableReport/component/Header.d.ts +4 -1
- package/dist/esm/components/TableReport/component/Header.js +23 -3
- package/dist/esm/components/TableReport/component/Header.js.map +1 -1
- package/dist/esm/components/TableReport/component/Row.d.ts +4 -1
- package/dist/esm/components/TableReport/component/Row.js +22 -8
- package/dist/esm/components/TableReport/component/Row.js.map +1 -1
- package/dist/esm/components/TableReport/component/RowMerge.d.ts +4 -1
- package/dist/esm/components/TableReport/component/RowMerge.js +19 -5
- package/dist/esm/components/TableReport/component/RowMerge.js.map +1 -1
- package/dist/esm/components/TableReport/component/TableBodyRows.d.ts +3 -0
- package/dist/esm/components/TableReport/component/TableBodyRows.js +4 -1
- package/dist/esm/components/TableReport/component/TableBodyRows.js.map +1 -1
- package/dist/esm/components/TableReport/types.d.ts +6 -1
- package/package.json +1 -1
|
@@ -34,6 +34,7 @@ export interface ModalProps {
|
|
|
34
34
|
customWidth?: string;
|
|
35
35
|
inCard?: boolean;
|
|
36
36
|
disableCloseButton?: boolean;
|
|
37
|
+
hideTopRightCloseButton?: boolean;
|
|
37
38
|
disableSubmit?: boolean;
|
|
38
39
|
dowloadIcon?: boolean;
|
|
39
40
|
hiddenCloseButton?: boolean;
|
|
@@ -45,4 +46,4 @@ export interface ModalProps {
|
|
|
45
46
|
headerClassName?: string;
|
|
46
47
|
theme?: 'WHITE' | 'GRAY';
|
|
47
48
|
}
|
|
48
|
-
export declare const PHXModal: ({ children, className, closeButton, customFooter, customHeight, customWidth, dangerActionText, dangerLoading, dangerSubmit, disableCloseButton, disableLeftAction, disableOutsideClick, disableSubmit, dowloadIcon, downloadLinkRef, downloadText, footerBulkAction, headerClassName, headerContent, hiddenCloseButton, hiddenSubmit, hrefLink, inCard, isCancel, isHeaderDownload, leftActionText, loadingLeftAction, noOverlay, onCancel, onDangerClick, onHeaderAction, onHide, onLeftActionText, onPrimaryClick, onSubmit, primaryActionText, primaryLoading, primarySubmit, secondaryActionText, show, size, theme, title, type, }: ModalProps) => React.JSX.Element;
|
|
49
|
+
export declare const PHXModal: ({ children, className, closeButton, customFooter, customHeight, customWidth, dangerActionText, dangerLoading, dangerSubmit, disableCloseButton, hideTopRightCloseButton, disableLeftAction, disableOutsideClick, disableSubmit, dowloadIcon, downloadLinkRef, downloadText, footerBulkAction, headerClassName, headerContent, hiddenCloseButton, hiddenSubmit, hrefLink, inCard, isCancel, isHeaderDownload, leftActionText, loadingLeftAction, noOverlay, onCancel, onDangerClick, onHeaderAction, onHide, onLeftActionText, onPrimaryClick, onSubmit, primaryActionText, primaryLoading, primarySubmit, secondaryActionText, show, size, theme, title, type, }: ModalProps) => React.JSX.Element;
|
|
@@ -18,7 +18,7 @@ var MODAL_THEME;
|
|
|
18
18
|
const PHXModal = ({ children, className,
|
|
19
19
|
// @ts-ignore
|
|
20
20
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
21
|
-
closeButton, customFooter, customHeight, customWidth, dangerActionText, dangerLoading, dangerSubmit, disableCloseButton = false, disableLeftAction = false, disableOutsideClick, disableSubmit = false, dowloadIcon = false, downloadLinkRef, downloadText, footerBulkAction, headerClassName = '', headerContent, hiddenCloseButton = false, hiddenSubmit, hrefLink, inCard = true, isCancel = false, isHeaderDownload, leftActionText, loadingLeftAction = false, noOverlay = false, onCancel, onDangerClick, onHeaderAction, onHide, onLeftActionText, onPrimaryClick, onSubmit, primaryActionText = 'Xác nhận', primaryLoading, primarySubmit, secondaryActionText = 'Đóng', show, size = 'small', theme = MODAL_THEME.WHITE, title, type = 'default', }) => {
|
|
21
|
+
closeButton, customFooter, customHeight, customWidth, dangerActionText, dangerLoading, dangerSubmit, disableCloseButton = false, hideTopRightCloseButton = false, disableLeftAction = false, disableOutsideClick, disableSubmit = false, dowloadIcon = false, downloadLinkRef, downloadText, footerBulkAction, headerClassName = '', headerContent, hiddenCloseButton = false, hiddenSubmit, hrefLink, inCard = true, isCancel = false, isHeaderDownload, leftActionText, loadingLeftAction = false, noOverlay = false, onCancel, onDangerClick, onHeaderAction, onHide, onLeftActionText, onPrimaryClick, onSubmit, primaryActionText = 'Xác nhận', primaryLoading, primarySubmit, secondaryActionText = 'Đóng', show, size = 'small', theme = MODAL_THEME.WHITE, title, type = 'default', }) => {
|
|
22
22
|
const [open, setOpen] = (0, react_1.useState)(false);
|
|
23
23
|
const headerText = headerContent ? headerContent : '';
|
|
24
24
|
const sizeModal = (0, types_1.classNames)(size === 'small' && 'sm:max-w-lg', size === 'medium' && 'sm:max-w-xl', size === 'large' && 'sm:max-w-2xl', size === 'large-plus' && 'sm:max-w-2xl lg:max-w-4xl', size === 'extra-large' && 'w-[90vw] max-w-[95vw] sm:max-w-3xl md:max-w-4xl lg:max-w-5xl xl:max-w-7xl');
|
|
@@ -53,10 +53,12 @@ closeButton, customFooter, customHeight, customWidth, dangerActionText, dangerLo
|
|
|
53
53
|
onClick: onDangerClick,
|
|
54
54
|
submit: dangerSubmit,
|
|
55
55
|
disabled: disableSubmit,
|
|
56
|
-
}, dowloadIcon: dowloadIcon, downloadLinkRef: downloadLinkRef, downloadText: downloadText, footerBulkAction: footerBulkAction, fullSize: type === 'no-padding', headerAction:
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
56
|
+
}, dowloadIcon: dowloadIcon, downloadLinkRef: downloadLinkRef, downloadText: downloadText, footerBulkAction: footerBulkAction, fullSize: type === 'no-padding', headerAction: hideTopRightCloseButton
|
|
57
|
+
? undefined
|
|
58
|
+
: {
|
|
59
|
+
content: headerText || 'close',
|
|
60
|
+
onClick: handleClickCloseAction,
|
|
61
|
+
}, hrefLink: hrefLink, isHeaderDownload: isHeaderDownload, primaryFooterAction: !hiddenSubmit
|
|
60
62
|
? {
|
|
61
63
|
content: primaryActionText,
|
|
62
64
|
loading: primaryLoading,
|
|
@@ -106,7 +108,7 @@ closeButton, customFooter, customHeight, customWidth, dangerActionText, dangerLo
|
|
|
106
108
|
isCancel && (react_1.default.createElement("button", { className: 'inline-flex items-center rounded-lg bg-transparent px-2 py-1 text-xs font-bold text-gray-700 hover:bg-gray-200', onClick: onCancel, type: 'button' },
|
|
107
109
|
react_1.default.createElement(solid_1.ArrowLeftIcon, { className: 'h-4 w-4' }))),
|
|
108
110
|
title),
|
|
109
|
-
react_1.default.createElement("button", { className: 'grid grid-cols-1 rounded-md p-0.5 text-gray-400 hover:bg-gray-200 hover:text-gray-500', onClick: () => {
|
|
111
|
+
!hideTopRightCloseButton && (react_1.default.createElement("button", { className: 'grid grid-cols-1 rounded-md p-0.5 text-gray-400 hover:bg-gray-200 hover:text-gray-500', onClick: () => {
|
|
110
112
|
if (disableCloseButton) {
|
|
111
113
|
return;
|
|
112
114
|
}
|
|
@@ -115,7 +117,7 @@ closeButton, customFooter, customHeight, customWidth, dangerActionText, dangerLo
|
|
|
115
117
|
}, type: 'button' },
|
|
116
118
|
react_1.default.createElement(react_1.default.Fragment, null,
|
|
117
119
|
react_1.default.createElement("span", { className: 'sr-only' }, "Close"),
|
|
118
|
-
react_1.default.createElement(solid_1.XMarkIcon, { "aria-hidden": 'true', className: 'h-5 w-5' })))),
|
|
120
|
+
react_1.default.createElement(solid_1.XMarkIcon, { "aria-hidden": 'true', className: 'h-5 w-5' }))))),
|
|
119
121
|
react_1.default.createElement("div", { className: type === 'default' ? 'p-3 text-xs text-gray-500' : '', style: { maxHeight: customHeight || '100%' } }, children),
|
|
120
122
|
react_1.default.createElement("div", { className: (0, types_1.classNames)('flex items-center justify-between gap-x-3 rounded-b-lg border-t border-gray-200 ', theme === MODAL_THEME.GRAY ? 'bg-[#F1F1F1]' : 'bg-white') }, customFooter ? (customFooter) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
121
123
|
react_1.default.createElement("div", { className: 'flex items-center gap-x-3 rounded-t-lg p-4 pl-5' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;AAAA,uDAA4D;AAC5D,6CAAsD;AACtD,kCAAiC;AACjC,oCAAqC;AACrC,sCAAqC;AACrC,qDAAoE;AACpE,yDAA+D;AAC/D,gEAAkC;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,5 +28,6 @@ export interface TableReportProps {
|
|
|
28
28
|
onSelectionChange?: (selectedRows: any[]) => void;
|
|
29
29
|
forceClearSelection?: boolean | string;
|
|
30
30
|
page?: number;
|
|
31
|
+
stickyColumnNumber?: number;
|
|
31
32
|
}
|
|
32
|
-
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, selectedAllPeople, tableKey, border, spacing, textCenter, isHeaderBgWhite, isResetPagination, configUrlApply, onSelectionChange, forceClearSelection, page, }: TableReportProps): React.JSX.Element;
|
|
33
|
+
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, selectedAllPeople, tableKey, border, spacing, textCenter, isHeaderBgWhite, isResetPagination, configUrlApply, onSelectionChange, forceClearSelection, page, stickyColumnNumber, }: TableReportProps): React.JSX.Element;
|
|
@@ -16,10 +16,11 @@ const SelectedAction_1 = tslib_1.__importDefault(require("../TableV3/SelectedAct
|
|
|
16
16
|
const solid_1 = require("@heroicons/react/24/solid");
|
|
17
17
|
const EmptySearch_1 = require("../EmptySearch");
|
|
18
18
|
const direct_link_1 = require("../../hooks/direct-link");
|
|
19
|
+
const useStickyLeft_1 = require("../TableVertical/useStickyLeft");
|
|
19
20
|
function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig = { isMergeRowData: false, columnPosition: [] }, rowHighlightConfig, search = {
|
|
20
21
|
enable: false,
|
|
21
22
|
loading: false,
|
|
22
|
-
}, loading, pagination, readonly = false, onClick, type = 'default', selectedAllPeople, tableKey = 'table-report', border = true, spacing = true, textCenter = true, isHeaderBgWhite = false, isResetPagination = false, configUrlApply, onSelectionChange, forceClearSelection = false, page, }) {
|
|
23
|
+
}, loading, pagination, readonly = false, onClick, type = 'default', selectedAllPeople, tableKey = 'table-report', border = true, spacing = true, textCenter = true, isHeaderBgWhite = false, isResetPagination = false, configUrlApply, onSelectionChange, forceClearSelection = false, page, stickyColumnNumber = 0, }) {
|
|
23
24
|
const checkbox = (0, react_1.useRef)();
|
|
24
25
|
/**
|
|
25
26
|
* Falls back to the shared direct-link hook when a router instance is not provided.
|
|
@@ -34,6 +35,8 @@ function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeCon
|
|
|
34
35
|
const [expandedRowKeys, setExpandedRowKeys] = (0, react_1.useState)([]);
|
|
35
36
|
const [currentPage, setCurrentPage] = (0, react_1.useState)(1);
|
|
36
37
|
const [offset, setOffset] = (0, react_1.useState)(0);
|
|
38
|
+
const stickyColumnOffset = (selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.enable) ? 1 : 0;
|
|
39
|
+
const { lefts, refs } = (0, useStickyLeft_1.useStickyLefts)(stickyColumnNumber + stickyColumnOffset, tableData);
|
|
37
40
|
const maxDepth = (0, utils_1.getMaxDepth)(thHeader);
|
|
38
41
|
const rows = (0, utils_1.buildHeaderRows)(thHeader, 0, [], maxDepth, 0);
|
|
39
42
|
const rowClassName = (keyIdx, dataIdx) => (0, types_1.classNames)('text-xs whitespace-nowrap text-gray-900', textCenter ? 'text-center' : 'pl-8 text-left', spacing ? 'px-2 py-2.5' : '', keyIdx !== 0 && border && 'border-l', dataIdx !== 0 && 'border-t', dataIdx === tableData.length - 1 && keyIdx === 0 && !(pagination === null || pagination === void 0 ? void 0 : pagination.enable) && 'rounded-bl-lg', dataIdx === tableData.length - 1 && keyIdx === thBody.length - 1 && !(pagination === null || pagination === void 0 ? void 0 : pagination.enable) && 'rounded-br-lg');
|
|
@@ -140,11 +143,11 @@ function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeCon
|
|
|
140
143
|
react_1.default.createElement("div", { className: 'flex flex-col' }, tableData.length > 0 ? (react_1.default.createElement("div", { className: 'overflow-x-auto' },
|
|
141
144
|
react_1.default.createElement("div", { className: (0, types_1.classNames)('overflow-auto ring-black ring-opacity-5', search && search.enable ? 'rounded-tl-none rounded-tr-none' : '') },
|
|
142
145
|
react_1.default.createElement(react_1.default.Fragment, null,
|
|
143
|
-
react_1.default.createElement("table", { className: 'min-w-full divide-y divide-gray-300' },
|
|
146
|
+
react_1.default.createElement("table", { className: 'min-w-full table-fixed divide-y divide-gray-300' },
|
|
144
147
|
react_1.default.createElement("thead", null,
|
|
145
|
-
react_1.default.createElement(Header_1.default, { isHeaderBgWhite: isHeaderBgWhite, border: border, checkbox: checkbox, checked: checked, rows: rows, search: search, selectedAllPeople: selectedAllPeople, tableKey: tableKey, toggleAll: toggleAll, spacing: spacing, textCenter: textCenter })),
|
|
148
|
+
react_1.default.createElement(Header_1.default, { isHeaderBgWhite: isHeaderBgWhite, border: border, checkbox: checkbox, checked: checked, refs: refs, lefts: lefts, rows: rows, search: search, selectedAllPeople: selectedAllPeople, stickyColumnNumber: stickyColumnNumber, tableKey: tableKey, toggleAll: toggleAll, spacing: spacing, textCenter: textCenter })),
|
|
146
149
|
react_1.default.createElement("tbody", null,
|
|
147
|
-
react_1.default.createElement(TableBodyRows_1.default, { border: border, brSetSelectedPeople: brSetSelectedPeople, expandedRowKeys: expandedRowKeys, getRowChildren: getRowChildren, getRowKey: getRowKey, handleClick: handleClick, isHighLight: isHighLight, mergeConfig: mergeConfig, readonly: readonly, rowClassName: rowClassName, rowHighlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly), rows: (0, utils_1.buildRowSpan)(tableData, mergeConfig), selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, spacing: spacing, tableKey: tableKey, textCenter: textCenter, thBody: thBody, thBodyComponent: thBodyComponent, toggleRowExpanded: toggleRowExpanded }))))))) : (react_1.default.createElement("div", { className: 'overflow-hidden rounded-lg' },
|
|
150
|
+
react_1.default.createElement(TableBodyRows_1.default, { border: border, brSetSelectedPeople: brSetSelectedPeople, expandedRowKeys: expandedRowKeys, getRowChildren: getRowChildren, getRowKey: getRowKey, handleClick: handleClick, isHighLight: isHighLight, mergeConfig: mergeConfig, readonly: readonly, rowClassName: rowClassName, rowHighlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly), rows: (0, utils_1.buildRowSpan)(tableData, mergeConfig), selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, spacing: spacing, stickyColumnNumber: stickyColumnNumber, stickyLefts: lefts, stickyRefs: refs, tableKey: tableKey, textCenter: textCenter, thBody: thBody, thBodyComponent: thBodyComponent, toggleRowExpanded: toggleRowExpanded }))))))) : (react_1.default.createElement("div", { className: 'overflow-hidden rounded-lg' },
|
|
148
151
|
react_1.default.createElement(EmptySearch_1.PHXEmptySearch, null)))),
|
|
149
152
|
tableData.length > 0 && pagination && (pagination === null || pagination === void 0 ? void 0 : pagination.enable) && (react_1.default.createElement(Pagination_1.default, { pagination: pagination, currentPage: currentPage, setCurrentPage: setCurrentPage, offset: offset, setOffset: setOffset, tableKey: tableKey, configUrlApply: configUrlApply })))) : (react_1.default.createElement("div", { className: 'overflow-hidden rounded-lg border' },
|
|
150
153
|
react_1.default.createElement(EmptyRecord_1.PHXEmptyRecord, null))))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;
|
|
1
|
+
{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,6 +12,9 @@ interface HeaderProps {
|
|
|
12
12
|
spacing: boolean;
|
|
13
13
|
textCenter: boolean;
|
|
14
14
|
isHeaderBgWhite?: boolean;
|
|
15
|
+
stickyColumnNumber: number;
|
|
16
|
+
refs: React.MutableRefObject<Array<HTMLTableCellElement | null>>;
|
|
17
|
+
lefts: Array<number>;
|
|
15
18
|
}
|
|
16
|
-
declare function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox, border, spacing, textCenter, isHeaderBgWhite, }: HeaderProps): React.JSX.Element;
|
|
19
|
+
declare function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox, border, spacing, textCenter, isHeaderBgWhite, stickyColumnNumber, refs, lefts, }: HeaderProps): React.JSX.Element;
|
|
17
20
|
export default Header;
|
|
@@ -4,11 +4,31 @@ const tslib_1 = require("tslib");
|
|
|
4
4
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
5
5
|
const types_1 = require("../../types");
|
|
6
6
|
const Checkbox_1 = require("../../Checkbox");
|
|
7
|
-
function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox, border, spacing, textCenter, isHeaderBgWhite = false, }) {
|
|
7
|
+
function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox, border, spacing, textCenter, isHeaderBgWhite = false, stickyColumnNumber, refs, lefts, }) {
|
|
8
|
+
const selectionOffset = (selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.enable) ? 1 : 0;
|
|
9
|
+
/**
|
|
10
|
+
* Checks if a column is sticky based on the stickyColumnNumber.
|
|
11
|
+
*
|
|
12
|
+
* @param {number} colIndex - The index of the column to check.
|
|
13
|
+
* @returns {boolean} - True if the column is sticky, false otherwise.
|
|
14
|
+
*/
|
|
15
|
+
const isStickyCell = (colIndex) => stickyColumnNumber > 0 && colIndex < stickyColumnNumber;
|
|
8
16
|
return (react_1.default.createElement(react_1.default.Fragment, null, rows.map((row, rowIdx) => (react_1.default.createElement("tr", { key: rowIdx, className: (0, types_1.classNames)(rowIdx !== 0 && border && 'border-t', search && search.enable && rowIdx === 0 && border && 'border-t') },
|
|
9
|
-
selectedAllPeople && selectedAllPeople.enable && rowIdx === 0 && (react_1.default.createElement("th", {
|
|
17
|
+
selectedAllPeople && selectedAllPeople.enable && rowIdx === 0 && (react_1.default.createElement("th", { ref: (el) => {
|
|
18
|
+
if (stickyColumnNumber > 0 || selectedAllPeople.enable) {
|
|
19
|
+
refs.current[0] = el;
|
|
20
|
+
}
|
|
21
|
+
}, rowSpan: rows.length, className: (0, types_1.classNames)('text-center', isHeaderBgWhite ? 'bg-white' : 'bg-gray-50', border && 'border-r', search && search.enable ? '' : 'rounded-tl-lg', stickyColumnNumber > 0 &&
|
|
22
|
+
'relative z-10 sm:sticky sm:left-0 sm:top-0 sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: stickyColumnNumber > 0 ? { left: lefts[0] } : {} }, !(selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.maxSelectedPeople) && (react_1.default.createElement("div", { className: 'flex justify-center items-center pl-3' },
|
|
10
23
|
react_1.default.createElement(Checkbox_1.PHXCheckbox, { inputRef: checkbox, id: `${tableKey}-header`, onChange: toggleAll, checked: checked }))))),
|
|
11
|
-
row.map((cell, cellIdx) => (react_1.default.createElement("th", { key: cellIdx,
|
|
24
|
+
row.map((cell, cellIdx) => (react_1.default.createElement("th", { key: cellIdx, ref: (el) => {
|
|
25
|
+
if (cell.colSpan === 1 && isStickyCell(cell.colIndex)) {
|
|
26
|
+
refs.current[cell.colIndex + selectionOffset] = el;
|
|
27
|
+
}
|
|
28
|
+
}, colSpan: cell.colSpan, rowSpan: cell.rowSpan, className: (0, types_1.classNames)('whitespace-nowrap text-xs font-medium text-gray-800', isHeaderBgWhite ? 'bg-white' : 'bg-gray-50', textCenter ? 'text-center' : 'pl-8 text-left', spacing ? 'px-3 py-2.5' : '', cell.colIndex !== 0 && border && 'border-l', rowIdx === 0 && cellIdx === 0 && !(search === null || search === void 0 ? void 0 : search.enable) && !(selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.enable) && 'rounded-tl-lg', rowIdx === 0 && cellIdx === row.length - 1 && !(search === null || search === void 0 ? void 0 : search.enable) && 'rounded-tr-lg', isStickyCell(cell.colIndex) &&
|
|
29
|
+
'z-10 sm:sticky sm:left-0 sm:top-0 sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: isStickyCell(cell.colIndex) ? { left: lefts[cell.colIndex + selectionOffset] } : {} },
|
|
30
|
+
isStickyCell(cell.colIndex) && 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)),
|
|
31
|
+
cell.name))))))));
|
|
12
32
|
}
|
|
13
33
|
exports.default = Header;
|
|
14
34
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Header.tsx"],"names":[],"mappings":";;;AAAA,0DAAyB;AACzB,uCAAwC;AAExC,6CAA4C;
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,11 +15,14 @@ interface RowProps {
|
|
|
15
15
|
brSetSelectedPeople(value: TTableData): void;
|
|
16
16
|
selectedPeople: Array<TTableData>;
|
|
17
17
|
border: boolean;
|
|
18
|
+
stickyColumnNumber: number;
|
|
19
|
+
stickyLefts: Array<number>;
|
|
20
|
+
stickyRefs: React.MutableRefObject<Array<HTMLTableCellElement | null>>;
|
|
18
21
|
expandable?: {
|
|
19
22
|
enable: boolean;
|
|
20
23
|
isExpanded: boolean;
|
|
21
24
|
onToggle(): void;
|
|
22
25
|
};
|
|
23
26
|
}
|
|
24
|
-
declare function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, expandable, }: RowProps): React.JSX.Element;
|
|
27
|
+
declare function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, stickyColumnNumber, stickyLefts, stickyRefs, expandable, }: RowProps): React.JSX.Element;
|
|
25
28
|
export default Row;
|
|
@@ -7,7 +7,7 @@ const types_1 = require("../../types");
|
|
|
7
7
|
const Checkbox_1 = require("../../Checkbox");
|
|
8
8
|
const solid_1 = require("@heroicons/react/24/solid");
|
|
9
9
|
const TruncatedTooltip_1 = tslib_1.__importDefault(require("./TruncatedTooltip"));
|
|
10
|
-
function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, expandable, }) {
|
|
10
|
+
function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, stickyColumnNumber, stickyLefts, stickyRefs, expandable, }) {
|
|
11
11
|
const cellValue = (0, utils_1.renderCell)(data, bodyKey, thBodyComponent).value;
|
|
12
12
|
const renderInclude = (person) => {
|
|
13
13
|
return !!selectedPeople.find((select) => JSON.stringify(select) === JSON.stringify(person));
|
|
@@ -24,16 +24,30 @@ function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, reado
|
|
|
24
24
|
: selectedPeople.filter((p) => JSON.stringify(p) !== JSON.stringify(data));
|
|
25
25
|
brSetSelectedPeople(valueSelected);
|
|
26
26
|
};
|
|
27
|
+
const hasSelectionColumn = !!(selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.enable);
|
|
28
|
+
const selectionOffset = hasSelectionColumn ? 1 : 0;
|
|
29
|
+
const isStickyCell = stickyColumnNumber > 0 && keyIdx < stickyColumnNumber;
|
|
27
30
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
28
|
-
keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (react_1.default.createElement("td", {
|
|
31
|
+
keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (react_1.default.createElement("td", { ref: (el) => {
|
|
32
|
+
if (stickyColumnNumber > 0 || hasSelectionColumn) {
|
|
33
|
+
stickyRefs.current[0] = el;
|
|
34
|
+
}
|
|
35
|
+
}, key: keyIdx, className: (0, types_1.classNames)(border && 'border-r', dataIdx !== 0 && 'border-t', !isHighlight ? (readonly ? '' : 'group-hover:bg-gray-50 group-hover:cursor-pointer') : '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '', stickyColumnNumber > 0 &&
|
|
36
|
+
'z-20 sm:sticky sm:left-0 sm:top-0 sm:bg-white sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: stickyColumnNumber > 0 ? { left: stickyLefts[0] } : {} },
|
|
29
37
|
react_1.default.createElement("div", { className: 'flex justify-center items-center pl-3', onClick: (event) => event.stopPropagation() },
|
|
30
38
|
react_1.default.createElement(Checkbox_1.PHXCheckbox, { id: `${tableKey}-${dataIdx}`, checked: checked, onChange: (event) => handleChange(event) })))),
|
|
31
|
-
react_1.default.createElement("td", {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
react_1.default.createElement(
|
|
39
|
+
react_1.default.createElement("td", { ref: (el) => {
|
|
40
|
+
if (isStickyCell) {
|
|
41
|
+
stickyRefs.current[keyIdx + selectionOffset] = el;
|
|
42
|
+
}
|
|
43
|
+
}, key: keyIdx, className: (0, types_1.classNames)(className, !isHighlight ? (readonly ? '' : 'group-hover:bg-gray-50 group-hover:cursor-pointer') : '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '', isStickyCell && 'z-20 sm:sticky sm:left-0 sm:top-0 sm:bg-white sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: isStickyCell ? { left: stickyLefts[keyIdx + selectionOffset] } : {} },
|
|
44
|
+
isStickyCell && 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),
|
|
45
|
+
(expandable === null || expandable === void 0 ? void 0 : expandable.enable) ? (react_1.default.createElement("div", { className: 'relative min-w-0 pr-6' },
|
|
46
|
+
react_1.default.createElement("button", { "aria-label": expandable.isExpanded ? 'Collapse row' : 'Expand row', className: (0, types_1.classNames)('absolute top-1/2 flex h-4 w-4 -translate-y-1/2 items-center justify-center rounded text-gray-700 hover:bg-gray-100', keyIdx === 0 ? '-right-6' : '-left-8'), onClick: (event) => {
|
|
47
|
+
event.stopPropagation();
|
|
48
|
+
expandable.onToggle();
|
|
49
|
+
}, type: 'button' }, expandable.isExpanded ? react_1.default.createElement(solid_1.ChevronUpIcon, { className: 'h-3 w-3' }) : react_1.default.createElement(solid_1.ChevronDownIcon, { className: 'h-3 w-3' })),
|
|
50
|
+
react_1.default.createElement(TruncatedTooltip_1.default, null, cellValue))) : (cellValue))));
|
|
37
51
|
}
|
|
38
52
|
exports.default = Row;
|
|
39
53
|
//# sourceMappingURL=Row.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Row.tsx"],"names":[],"mappings":";;;AAAA,uDAAkD;AAClD,oCAAqC;AAErC,uCAAwC;AACxC,6CAA4C;AAC5C,qDAA0E;AAC1E,kFAAiD;
|
|
1
|
+
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Row.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,6 +16,9 @@ interface RowMergeProps {
|
|
|
16
16
|
brSetSelectedPeople(value: TTableData): void;
|
|
17
17
|
selectedPeople: Array<TTableData>;
|
|
18
18
|
border: boolean;
|
|
19
|
+
stickyColumnNumber: number;
|
|
20
|
+
stickyLefts: Array<number>;
|
|
21
|
+
stickyRefs: React.MutableRefObject<Array<HTMLTableCellElement | null>>;
|
|
19
22
|
}
|
|
20
|
-
declare function RowMerge({ mergeConfig, keyIdx, dataIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, }: RowMergeProps): React.JSX.Element;
|
|
23
|
+
declare function RowMerge({ mergeConfig, keyIdx, dataIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, stickyColumnNumber, stickyLefts, stickyRefs, }: RowMergeProps): React.JSX.Element;
|
|
21
24
|
export default RowMerge;
|
|
@@ -5,7 +5,7 @@ const react_1 = tslib_1.__importStar(require("react"));
|
|
|
5
5
|
const utils_1 = require("../utils");
|
|
6
6
|
const types_1 = require("../../types");
|
|
7
7
|
const Checkbox_1 = require("../../Checkbox");
|
|
8
|
-
function RowMerge({ mergeConfig, keyIdx, dataIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, }) {
|
|
8
|
+
function RowMerge({ mergeConfig, keyIdx, dataIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, stickyColumnNumber, stickyLefts, stickyRefs, }) {
|
|
9
9
|
const rowSpan = (0, utils_1.renderCell)(data, bodyKey, thBodyComponent).row;
|
|
10
10
|
const currentColumnKey = (0, utils_1.findColumnKeyMerge)(mergeConfig, keyIdx);
|
|
11
11
|
const renderInclude = (person) => {
|
|
@@ -23,23 +23,37 @@ function RowMerge({ mergeConfig, keyIdx, dataIdx, bodyKey, data, thBodyComponent
|
|
|
23
23
|
: selectedPeople.filter((p) => JSON.stringify(p) !== JSON.stringify(data));
|
|
24
24
|
brSetSelectedPeople(valueSelected);
|
|
25
25
|
};
|
|
26
|
+
const hasSelectionColumn = !!(selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.enable);
|
|
27
|
+
const selectionOffset = hasSelectionColumn ? 1 : 0;
|
|
28
|
+
const isStickyCell = stickyColumnNumber > 0 && keyIdx < stickyColumnNumber;
|
|
26
29
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
27
|
-
keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (react_1.default.createElement("td", {
|
|
30
|
+
keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (react_1.default.createElement("td", { ref: (el) => {
|
|
31
|
+
if (stickyColumnNumber > 0 || hasSelectionColumn) {
|
|
32
|
+
stickyRefs.current[0] = el;
|
|
33
|
+
}
|
|
34
|
+
}, key: keyIdx, className: (0, types_1.classNames)(border && 'border-r', dataIdx !== 0 && 'border-t', !isHighlight
|
|
28
35
|
? readonly
|
|
29
36
|
? ''
|
|
30
37
|
: rowSpan > 1
|
|
31
38
|
? 'bg-white'
|
|
32
39
|
: 'group-hover:bg-gray-50 group-hover:cursor-pointer'
|
|
33
|
-
: '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '', renderInclude(data) && !isHighlight && 'bg-gray-50'
|
|
40
|
+
: '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '', renderInclude(data) && !isHighlight && 'bg-gray-50', stickyColumnNumber > 0 &&
|
|
41
|
+
'z-20 sm:sticky sm:left-0 sm:top-0 sm:bg-white sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: stickyColumnNumber > 0 ? { left: stickyLefts[0] } : {} },
|
|
34
42
|
react_1.default.createElement("div", { className: 'flex justify-center items-center pl-3', onClick: (event) => event.stopPropagation() },
|
|
35
43
|
react_1.default.createElement(Checkbox_1.PHXCheckbox, { id: `${tableKey}-${dataIdx}`, checked: checked, onChange: (event) => handleChange(event) })))),
|
|
36
|
-
data[`${currentColumnKey}_first_row`] || !(0, utils_1.findColumnKeyMerge)(mergeConfig, keyIdx) ? (react_1.default.createElement("td", {
|
|
44
|
+
data[`${currentColumnKey}_first_row`] || !(0, utils_1.findColumnKeyMerge)(mergeConfig, keyIdx) ? (react_1.default.createElement("td", { ref: (el) => {
|
|
45
|
+
if (isStickyCell && (data[`${currentColumnKey}_first_row`] || !(0, utils_1.findColumnKeyMerge)(mergeConfig, keyIdx))) {
|
|
46
|
+
stickyRefs.current[keyIdx + selectionOffset] = el;
|
|
47
|
+
}
|
|
48
|
+
}, key: keyIdx, rowSpan: rowSpan, className: (0, types_1.classNames)(className, !isHighlight
|
|
37
49
|
? readonly
|
|
38
50
|
? ''
|
|
39
51
|
: rowSpan > 1
|
|
40
52
|
? 'bg-white'
|
|
41
53
|
: 'group-hover:bg-gray-50 group-hover:cursor-pointer'
|
|
42
|
-
: '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '', renderInclude(data) && !isHighlight && rowSpan === 1 && 'bg-gray-50'
|
|
54
|
+
: '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '', renderInclude(data) && !isHighlight && rowSpan === 1 && 'bg-gray-50', isStickyCell && 'z-20 sm:sticky sm:left-0 sm:top-0 sm:bg-white sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: isStickyCell ? { left: stickyLefts[keyIdx + selectionOffset] } : {} },
|
|
55
|
+
isStickyCell && 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),
|
|
56
|
+
(0, utils_1.renderCell)(data, bodyKey, thBodyComponent).value)) : (react_1.default.createElement(react_1.default.Fragment, null))));
|
|
43
57
|
}
|
|
44
58
|
exports.default = RowMerge;
|
|
45
59
|
//# sourceMappingURL=RowMerge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowMerge.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/RowMerge.tsx"],"names":[],"mappings":";;;AAAA,uDAAkD;AAClD,oCAAyD;AAEzD,uCAAwC;AACxC,6CAA4C;
|
|
1
|
+
{"version":3,"file":"RowMerge.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/RowMerge.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,6 +17,9 @@ interface TableBodyRowsProps {
|
|
|
17
17
|
selectedAllPeople?: TSelectedAllPeople;
|
|
18
18
|
selectedPeople: Array<TTableData>;
|
|
19
19
|
spacing: boolean;
|
|
20
|
+
stickyColumnNumber: number;
|
|
21
|
+
stickyLefts: Array<number>;
|
|
22
|
+
stickyRefs: React.MutableRefObject<Array<HTMLTableCellElement | null>>;
|
|
20
23
|
tableKey: string;
|
|
21
24
|
textCenter: boolean;
|
|
22
25
|
thBody: Array<string>;
|
|
@@ -12,7 +12,7 @@ const RowMerge_1 = tslib_1.__importDefault(require("./RowMerge"));
|
|
|
12
12
|
* @param props - Cell data, table configuration, and expansion state.
|
|
13
13
|
* @returns A table body cell component.
|
|
14
14
|
*/
|
|
15
|
-
function TableBodyCell({ bodyKey, border, brSetSelectedPeople, data, dataIdx, isExpanded, isHighlight, keyIdx, mergeConfig, readonly, rowChildren, rowClassName, rowHighlightReadonly, rowKey, selectedAllPeople, selectedPeople, tableKey, thBodyComponent, toggleRowExpanded, }) {
|
|
15
|
+
function TableBodyCell({ bodyKey, border, brSetSelectedPeople, data, dataIdx, isExpanded, isHighlight, keyIdx, mergeConfig, readonly, rowChildren, rowClassName, rowHighlightReadonly, rowKey, selectedAllPeople, selectedPeople, stickyColumnNumber, stickyLefts, stickyRefs, tableKey, thBodyComponent, toggleRowExpanded, }) {
|
|
16
16
|
const commonProps = {
|
|
17
17
|
border,
|
|
18
18
|
bodyKey,
|
|
@@ -25,7 +25,10 @@ function TableBodyCell({ bodyKey, border, brSetSelectedPeople, data, dataIdx, is
|
|
|
25
25
|
isHighlight,
|
|
26
26
|
selectedPeople,
|
|
27
27
|
keyIdx,
|
|
28
|
+
stickyColumnNumber,
|
|
29
|
+
stickyRefs,
|
|
28
30
|
thBodyComponent,
|
|
31
|
+
stickyLefts,
|
|
29
32
|
readonly,
|
|
30
33
|
tableKey,
|
|
31
34
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableBodyRows.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/TableBodyRows.tsx"],"names":[],"mappings":";;;AAAA,0DAAyB;AACzB,uCAAwC;AACxC,0EAAgE;AAChE,wDAAuB;AACvB,kEAAiC;
|
|
1
|
+
{"version":3,"file":"TableBodyRows.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/TableBodyRows.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import type { MutableRefObject, ReactNode } from 'react';
|
|
2
2
|
import { SelectedButtonIcon } from '../TableV3/SelectedAction';
|
|
3
3
|
import { ComplexAction } from '../types';
|
|
4
4
|
import { AppRouterInstance } from 'next/dist/shared/lib/app-router-context.shared-runtime';
|
|
@@ -57,3 +57,8 @@ export interface NavigationUrlApply {
|
|
|
57
57
|
router?: AppRouterInstance;
|
|
58
58
|
searchParams: ReadonlyURLSearchParams;
|
|
59
59
|
}
|
|
60
|
+
export interface StickyLeftConfig {
|
|
61
|
+
lefts: Array<number>;
|
|
62
|
+
refs: MutableRefObject<Array<HTMLTableCellElement | null>>;
|
|
63
|
+
stickyColumnNumber: number;
|
|
64
|
+
}
|
|
@@ -34,6 +34,7 @@ export interface ModalProps {
|
|
|
34
34
|
customWidth?: string;
|
|
35
35
|
inCard?: boolean;
|
|
36
36
|
disableCloseButton?: boolean;
|
|
37
|
+
hideTopRightCloseButton?: boolean;
|
|
37
38
|
disableSubmit?: boolean;
|
|
38
39
|
dowloadIcon?: boolean;
|
|
39
40
|
hiddenCloseButton?: boolean;
|
|
@@ -45,4 +46,4 @@ export interface ModalProps {
|
|
|
45
46
|
headerClassName?: string;
|
|
46
47
|
theme?: 'WHITE' | 'GRAY';
|
|
47
48
|
}
|
|
48
|
-
export declare const PHXModal: ({ children, className, closeButton, customFooter, customHeight, customWidth, dangerActionText, dangerLoading, dangerSubmit, disableCloseButton, disableLeftAction, disableOutsideClick, disableSubmit, dowloadIcon, downloadLinkRef, downloadText, footerBulkAction, headerClassName, headerContent, hiddenCloseButton, hiddenSubmit, hrefLink, inCard, isCancel, isHeaderDownload, leftActionText, loadingLeftAction, noOverlay, onCancel, onDangerClick, onHeaderAction, onHide, onLeftActionText, onPrimaryClick, onSubmit, primaryActionText, primaryLoading, primarySubmit, secondaryActionText, show, size, theme, title, type, }: ModalProps) => React.JSX.Element;
|
|
49
|
+
export declare const PHXModal: ({ children, className, closeButton, customFooter, customHeight, customWidth, dangerActionText, dangerLoading, dangerSubmit, disableCloseButton, hideTopRightCloseButton, disableLeftAction, disableOutsideClick, disableSubmit, dowloadIcon, downloadLinkRef, downloadText, footerBulkAction, headerClassName, headerContent, hiddenCloseButton, hiddenSubmit, hrefLink, inCard, isCancel, isHeaderDownload, leftActionText, loadingLeftAction, noOverlay, onCancel, onDangerClick, onHeaderAction, onHide, onLeftActionText, onPrimaryClick, onSubmit, primaryActionText, primaryLoading, primarySubmit, secondaryActionText, show, size, theme, title, type, }: ModalProps) => React.JSX.Element;
|
|
@@ -14,7 +14,7 @@ var MODAL_THEME;
|
|
|
14
14
|
export const PHXModal = ({ children, className,
|
|
15
15
|
// @ts-ignore
|
|
16
16
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
17
|
-
closeButton, customFooter, customHeight, customWidth, dangerActionText, dangerLoading, dangerSubmit, disableCloseButton = false, disableLeftAction = false, disableOutsideClick, disableSubmit = false, dowloadIcon = false, downloadLinkRef, downloadText, footerBulkAction, headerClassName = '', headerContent, hiddenCloseButton = false, hiddenSubmit, hrefLink, inCard = true, isCancel = false, isHeaderDownload, leftActionText, loadingLeftAction = false, noOverlay = false, onCancel, onDangerClick, onHeaderAction, onHide, onLeftActionText, onPrimaryClick, onSubmit, primaryActionText = 'Xác nhận', primaryLoading, primarySubmit, secondaryActionText = 'Đóng', show, size = 'small', theme = MODAL_THEME.WHITE, title, type = 'default', }) => {
|
|
17
|
+
closeButton, customFooter, customHeight, customWidth, dangerActionText, dangerLoading, dangerSubmit, disableCloseButton = false, hideTopRightCloseButton = false, disableLeftAction = false, disableOutsideClick, disableSubmit = false, dowloadIcon = false, downloadLinkRef, downloadText, footerBulkAction, headerClassName = '', headerContent, hiddenCloseButton = false, hiddenSubmit, hrefLink, inCard = true, isCancel = false, isHeaderDownload, leftActionText, loadingLeftAction = false, noOverlay = false, onCancel, onDangerClick, onHeaderAction, onHide, onLeftActionText, onPrimaryClick, onSubmit, primaryActionText = 'Xác nhận', primaryLoading, primarySubmit, secondaryActionText = 'Đóng', show, size = 'small', theme = MODAL_THEME.WHITE, title, type = 'default', }) => {
|
|
18
18
|
const [open, setOpen] = useState(false);
|
|
19
19
|
const headerText = headerContent ? headerContent : '';
|
|
20
20
|
const sizeModal = classNames(size === 'small' && 'sm:max-w-lg', size === 'medium' && 'sm:max-w-xl', size === 'large' && 'sm:max-w-2xl', size === 'large-plus' && 'sm:max-w-2xl lg:max-w-4xl', size === 'extra-large' && 'w-[90vw] max-w-[95vw] sm:max-w-3xl md:max-w-4xl lg:max-w-5xl xl:max-w-7xl');
|
|
@@ -49,10 +49,12 @@ closeButton, customFooter, customHeight, customWidth, dangerActionText, dangerLo
|
|
|
49
49
|
onClick: onDangerClick,
|
|
50
50
|
submit: dangerSubmit,
|
|
51
51
|
disabled: disableSubmit,
|
|
52
|
-
}, dowloadIcon: dowloadIcon, downloadLinkRef: downloadLinkRef, downloadText: downloadText, footerBulkAction: footerBulkAction, fullSize: type === 'no-padding', headerAction:
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
52
|
+
}, dowloadIcon: dowloadIcon, downloadLinkRef: downloadLinkRef, downloadText: downloadText, footerBulkAction: footerBulkAction, fullSize: type === 'no-padding', headerAction: hideTopRightCloseButton
|
|
53
|
+
? undefined
|
|
54
|
+
: {
|
|
55
|
+
content: headerText || 'close',
|
|
56
|
+
onClick: handleClickCloseAction,
|
|
57
|
+
}, hrefLink: hrefLink, isHeaderDownload: isHeaderDownload, primaryFooterAction: !hiddenSubmit
|
|
56
58
|
? {
|
|
57
59
|
content: primaryActionText,
|
|
58
60
|
loading: primaryLoading,
|
|
@@ -102,7 +104,7 @@ closeButton, customFooter, customHeight, customWidth, dangerActionText, dangerLo
|
|
|
102
104
|
isCancel && (React.createElement("button", { className: 'inline-flex items-center rounded-lg bg-transparent px-2 py-1 text-xs font-bold text-gray-700 hover:bg-gray-200', onClick: onCancel, type: 'button' },
|
|
103
105
|
React.createElement(ArrowLeftIcon, { className: 'h-4 w-4' }))),
|
|
104
106
|
title),
|
|
105
|
-
React.createElement("button", { className: 'grid grid-cols-1 rounded-md p-0.5 text-gray-400 hover:bg-gray-200 hover:text-gray-500', onClick: () => {
|
|
107
|
+
!hideTopRightCloseButton && (React.createElement("button", { className: 'grid grid-cols-1 rounded-md p-0.5 text-gray-400 hover:bg-gray-200 hover:text-gray-500', onClick: () => {
|
|
106
108
|
if (disableCloseButton) {
|
|
107
109
|
return;
|
|
108
110
|
}
|
|
@@ -111,7 +113,7 @@ closeButton, customFooter, customHeight, customWidth, dangerActionText, dangerLo
|
|
|
111
113
|
}, type: 'button' },
|
|
112
114
|
React.createElement(React.Fragment, null,
|
|
113
115
|
React.createElement("span", { className: 'sr-only' }, "Close"),
|
|
114
|
-
React.createElement(XMarkIcon, { "aria-hidden": 'true', className: 'h-5 w-5' })))),
|
|
116
|
+
React.createElement(XMarkIcon, { "aria-hidden": 'true', className: 'h-5 w-5' }))))),
|
|
115
117
|
React.createElement("div", { className: type === 'default' ? 'p-3 text-xs text-gray-500' : '', style: { maxHeight: customHeight || '100%' } }, children),
|
|
116
118
|
React.createElement("div", { className: classNames('flex items-center justify-between gap-x-3 rounded-b-lg border-t border-gray-200 ', theme === MODAL_THEME.GRAY ? 'bg-[#F1F1F1]' : 'bg-white') }, customFooter ? (customFooter) : (React.createElement(React.Fragment, null,
|
|
117
119
|
React.createElement("div", { className: 'flex items-center gap-x-3 rounded-t-lg p-4 pl-5' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,OAAO,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,5 +28,6 @@ export interface TableReportProps {
|
|
|
28
28
|
onSelectionChange?: (selectedRows: any[]) => void;
|
|
29
29
|
forceClearSelection?: boolean | string;
|
|
30
30
|
page?: number;
|
|
31
|
+
stickyColumnNumber?: number;
|
|
31
32
|
}
|
|
32
|
-
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, selectedAllPeople, tableKey, border, spacing, textCenter, isHeaderBgWhite, isResetPagination, configUrlApply, onSelectionChange, forceClearSelection, page, }: TableReportProps): React.JSX.Element;
|
|
33
|
+
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, selectedAllPeople, tableKey, border, spacing, textCenter, isHeaderBgWhite, isResetPagination, configUrlApply, onSelectionChange, forceClearSelection, page, stickyColumnNumber, }: TableReportProps): React.JSX.Element;
|
|
@@ -12,10 +12,11 @@ import SelectedAction from '../TableV3/SelectedAction';
|
|
|
12
12
|
import { MagnifyingGlassIcon } from '@heroicons/react/24/solid';
|
|
13
13
|
import { PHXEmptySearch } from '../EmptySearch';
|
|
14
14
|
import { PHXUseDirectLink } from '../../hooks/direct-link';
|
|
15
|
+
import { useStickyLefts } from '../TableVertical/useStickyLeft';
|
|
15
16
|
export function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig = { isMergeRowData: false, columnPosition: [] }, rowHighlightConfig, search = {
|
|
16
17
|
enable: false,
|
|
17
18
|
loading: false,
|
|
18
|
-
}, loading, pagination, readonly = false, onClick, type = 'default', selectedAllPeople, tableKey = 'table-report', border = true, spacing = true, textCenter = true, isHeaderBgWhite = false, isResetPagination = false, configUrlApply, onSelectionChange, forceClearSelection = false, page, }) {
|
|
19
|
+
}, loading, pagination, readonly = false, onClick, type = 'default', selectedAllPeople, tableKey = 'table-report', border = true, spacing = true, textCenter = true, isHeaderBgWhite = false, isResetPagination = false, configUrlApply, onSelectionChange, forceClearSelection = false, page, stickyColumnNumber = 0, }) {
|
|
19
20
|
const checkbox = useRef();
|
|
20
21
|
/**
|
|
21
22
|
* Falls back to the shared direct-link hook when a router instance is not provided.
|
|
@@ -30,6 +31,8 @@ export function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, m
|
|
|
30
31
|
const [expandedRowKeys, setExpandedRowKeys] = useState([]);
|
|
31
32
|
const [currentPage, setCurrentPage] = useState(1);
|
|
32
33
|
const [offset, setOffset] = useState(0);
|
|
34
|
+
const stickyColumnOffset = (selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.enable) ? 1 : 0;
|
|
35
|
+
const { lefts, refs } = useStickyLefts(stickyColumnNumber + stickyColumnOffset, tableData);
|
|
33
36
|
const maxDepth = getMaxDepth(thHeader);
|
|
34
37
|
const rows = buildHeaderRows(thHeader, 0, [], maxDepth, 0);
|
|
35
38
|
const rowClassName = (keyIdx, dataIdx) => classNames('text-xs whitespace-nowrap text-gray-900', textCenter ? 'text-center' : 'pl-8 text-left', spacing ? 'px-2 py-2.5' : '', keyIdx !== 0 && border && 'border-l', dataIdx !== 0 && 'border-t', dataIdx === tableData.length - 1 && keyIdx === 0 && !(pagination === null || pagination === void 0 ? void 0 : pagination.enable) && 'rounded-bl-lg', dataIdx === tableData.length - 1 && keyIdx === thBody.length - 1 && !(pagination === null || pagination === void 0 ? void 0 : pagination.enable) && 'rounded-br-lg');
|
|
@@ -136,11 +139,11 @@ export function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, m
|
|
|
136
139
|
React.createElement("div", { className: 'flex flex-col' }, tableData.length > 0 ? (React.createElement("div", { className: 'overflow-x-auto' },
|
|
137
140
|
React.createElement("div", { className: classNames('overflow-auto ring-black ring-opacity-5', search && search.enable ? 'rounded-tl-none rounded-tr-none' : '') },
|
|
138
141
|
React.createElement(React.Fragment, null,
|
|
139
|
-
React.createElement("table", { className: 'min-w-full divide-y divide-gray-300' },
|
|
142
|
+
React.createElement("table", { className: 'min-w-full table-fixed divide-y divide-gray-300' },
|
|
140
143
|
React.createElement("thead", null,
|
|
141
|
-
React.createElement(Header, { isHeaderBgWhite: isHeaderBgWhite, border: border, checkbox: checkbox, checked: checked, rows: rows, search: search, selectedAllPeople: selectedAllPeople, tableKey: tableKey, toggleAll: toggleAll, spacing: spacing, textCenter: textCenter })),
|
|
144
|
+
React.createElement(Header, { isHeaderBgWhite: isHeaderBgWhite, border: border, checkbox: checkbox, checked: checked, refs: refs, lefts: lefts, rows: rows, search: search, selectedAllPeople: selectedAllPeople, stickyColumnNumber: stickyColumnNumber, tableKey: tableKey, toggleAll: toggleAll, spacing: spacing, textCenter: textCenter })),
|
|
142
145
|
React.createElement("tbody", null,
|
|
143
|
-
React.createElement(TableBodyRows, { border: border, brSetSelectedPeople: brSetSelectedPeople, expandedRowKeys: expandedRowKeys, getRowChildren: getRowChildren, getRowKey: getRowKey, handleClick: handleClick, isHighLight: isHighLight, mergeConfig: mergeConfig, readonly: readonly, rowClassName: rowClassName, rowHighlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly), rows: buildRowSpan(tableData, mergeConfig), selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, spacing: spacing, tableKey: tableKey, textCenter: textCenter, thBody: thBody, thBodyComponent: thBodyComponent, toggleRowExpanded: toggleRowExpanded }))))))) : (React.createElement("div", { className: 'overflow-hidden rounded-lg' },
|
|
146
|
+
React.createElement(TableBodyRows, { border: border, brSetSelectedPeople: brSetSelectedPeople, expandedRowKeys: expandedRowKeys, getRowChildren: getRowChildren, getRowKey: getRowKey, handleClick: handleClick, isHighLight: isHighLight, mergeConfig: mergeConfig, readonly: readonly, rowClassName: rowClassName, rowHighlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly), rows: buildRowSpan(tableData, mergeConfig), selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, spacing: spacing, stickyColumnNumber: stickyColumnNumber, stickyLefts: lefts, stickyRefs: refs, tableKey: tableKey, textCenter: textCenter, thBody: thBody, thBodyComponent: thBodyComponent, toggleRowExpanded: toggleRowExpanded }))))))) : (React.createElement("div", { className: 'overflow-hidden rounded-lg' },
|
|
144
147
|
React.createElement(PHXEmptySearch, null)))),
|
|
145
148
|
tableData.length > 0 && pagination && (pagination === null || pagination === void 0 ? void 0 : pagination.enable) && (React.createElement(Pagination, { pagination: pagination, currentPage: currentPage, setCurrentPage: setCurrentPage, offset: offset, setOffset: setOffset, tableKey: tableKey, configUrlApply: configUrlApply })))) : (React.createElement("div", { className: 'overflow-hidden rounded-lg border' },
|
|
146
149
|
React.createElement(PHXEmptyRecord, null))))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAE/F,OAAO,aAAa,MAAM,2BAA2B,CAAA;AACrD,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAWzC,OAAO,UAAU,MAAM,wBAAwB,CAAA;AAC/C,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,cAAc,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;
|
|
1
|
+
{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAE/F,OAAO,aAAa,MAAM,2BAA2B,CAAA;AACrD,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAWzC,OAAO,UAAU,MAAM,wBAAwB,CAAA;AAC/C,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,cAAc,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAiC/D,MAAM,UAAU,cAAc,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,MAAM,EACN,eAAe,EACf,WAAW,GAAG,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,EAC3D,kBAAkB,EAClB,MAAM,GAAG;IACP,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,KAAK;CACf,EACD,OAAO,EACP,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,IAAI,GAAG,SAAS,EAChB,iBAAiB,EACjB,QAAQ,GAAG,cAAc,EACzB,MAAM,GAAG,IAAI,EACb,OAAO,GAAG,IAAI,EACd,UAAU,GAAG,IAAI,EACjB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,EACzB,cAAc,EACd,iBAAiB,EACjB,mBAAmB,GAAG,KAAK,EAC3B,IAAI,EACJ,kBAAkB,GAAG,CAAC,GACL;IACjB,MAAM,QAAQ,GAAG,MAAM,EAA8C,CAAA;IAErE;;;;OAIG;IACH,MAAM,UAAU,GAAG,gBAAgB,EAAE,CAAA;IAErC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAoB,EAAE,CAAC,CAAA;IAC3E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IACtD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAClE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAgB,EAAE,CAAC,CAAA;IAEzE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACjD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACvC,MAAM,kBAAkB,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,MAAM,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5D,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,cAAc,CAAC,kBAAkB,GAAG,kBAAkB,EAAE,SAAS,CAAC,CAAA;IAE1F,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,IAAI,GAAG,eAAe,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAA;IAE1D,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,OAAe,EAAE,EAAE,CACvD,UAAU,CACR,yCAAyC,EACzC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,EAC7C,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAC5B,MAAM,KAAK,CAAC,IAAI,MAAM,IAAI,UAAU,EACpC,OAAO,KAAK,CAAC,IAAI,UAAU,EAC3B,OAAO,KAAK,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,KAAK,CAAC,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,IAAI,eAAe,EAC1F,OAAO,KAAK,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,IAAI,eAAe,CAC3G,CAAA;IAEH,MAAM,WAAW,GAAG,CAAC,IAAgB,EAAE,EAAE,CACvC,CAAC,CAAC,CAAC,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,GAAG,KAAI,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAA;IAE1F;;;;;;OAMG;IACH,MAAM,SAAS,GAAG,CAAC,IAAgB,EAAE,OAAe,EAAE,EAAE,CACtD,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,IAAI,GAAG,QAAQ,IAAI,OAAO,EAAE,CAAC,CAAA;IAErE;;;;;OAKG;IACH,MAAM,cAAc,GAAG,CAAC,IAAgB,EAA4B,EAAE;;QACpE,KAAK,MAAM,CAAC,WAAW,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC;YACtD,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC,QAAQ,CAAA;YACpE,IAAI,CAAC,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,MAAM,CAAA,EAAE,CAAC;gBAC5B,SAAQ;YACV,CAAC;YACD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAA;QAClC,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;IAED;;;;;OAKG;IACH,MAAM,iBAAiB,GAAG,CAAC,MAAc,EAAE,EAAE;QAC3C,kBAAkB,CAAC,CAAC,OAAO,EAAE,EAAE,CAC7B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,EAAE,MAAM,CAAC,CAC5F,CAAA;IACH,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,IAAgB,EAAE,cAAuB,EAAE,EAAE;QAChE,IAAI,cAAc,IAAI,CAAC,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,QAAQ,CAAA,EAAE,CAAC;YACpD,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,IAAI,CAAC,CAAA;YACf,CAAC;QACH,CAAC;QAED,IAAI,CAAC,cAAc,IAAI,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5C,OAAO,CAAC,IAAI,CAAC,CAAA;QACf,CAAC;IACH,CAAC,CAAA;IAED,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,eAAe,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,CAAA;QAC7F,UAAU,CAAC,cAAc,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAC9E,gBAAgB,CAAC,eAAe,CAAC,CAAA;QACjC,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,QAAQ,CAAC,OAAO,CAAC,aAAa,GAAG,eAAe,CAAA;QAClD,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,EAAE,CAAC;YACtB,iBAAiB,CAAC,cAAc,CAAC,CAAA;QACnC,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,mBAAmB,EAAE,CAAC;YACxB,iBAAiB,CAAC,EAAE,CAAC,CAAA;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAA;IAEzB,SAAS,CAAC,GAAG,EAAE;;QACb,IAAI,iBAAiB,EAAE,CAAC;YACtB,cAAc,CAAC,CAAC,CAAC,CAAA;YACjB,SAAS,CAAC,CAAC,CAAC,CAAA;YACZ,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,EAAE,CAAC;gBACzB,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;YACxB,CAAC;YACD,IAAI,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,GAAG,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,0CAAE,IAAI,KAAI,UAAU,EAAE,cAAc,CAAC,YAAY,EAAE;oBACzF,EAAE,GAAG,EAAE,QAAQ,QAAQ,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;iBACxC,CAAC,CAAA;YACJ,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAEvB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,WAAW,EAAE,CAAC;YAC/C,cAAc,CAAC,IAAI,CAAC,CAAA;YACpB,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,iBAAiB,CAAC,OAAO,IAAI,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;QAC5D,UAAU,CAAC,CAAC,OAAO,IAAI,CAAC,aAAa,CAAC,CAAA;QACtC,gBAAgB,CAAC,KAAK,CAAC,CAAA;IACzB,CAAC,CAAA;IAED,MAAM,mBAAmB,GAAG,CAAC,KAAiB,EAAE,EAAE;QAChD,MAAM,iBAAiB,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,iBAAiB,KAAI,CAAC,CAAA;QACnE,iBAAiB,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;IACpF,CAAC,CAAA;IAED,OAAO,CACL;QACG,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,WAAW,IAAC,IAAI,EAAC,OAAO,GAAG,CAC7B,CAAC,CAAC,CAAC,CACF,0CACG,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAC9D,6BAAK,SAAS,EAAC,8VAA8V;YAC1W,MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,CAC1B,6BACE,SAAS,EAAE,UAAU,CACnB,+FAA+F,EAC/F,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,EACxC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAC/C;gBAED,oBAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,EACtC,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,GAC9B;gBACF,gCACE,SAAS,EAAE,UAAU,CACnB,mPAAmP,EACnP,QAAQ,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,aAAa,CAC3D,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAChC,IAAI,EAAC,QAAQ;oBAEb,oBAAC,mBAAmB,IAAC,SAAS,EAAC,SAAS,GAAG,CACpC;gBACT,6BAAK,SAAS,EAAC,kDAAkD,GAAG,CAChE,CACP;YACD,6BAAK,SAAS,EAAC,eAAe,IAC3B,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACtB,6BAAK,SAAS,EAAC,iBAAiB;gBAC9B,6BACE,SAAS,EAAE,UAAU,CACnB,yCAAyC,EACzC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,CACjE;oBAED;wBACE,+BAAO,SAAS,EAAC,iDAAiD;4BAChE;gCACE,oBAAC,MAAM,IACL,eAAe,EAAE,eAAe,EAChC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,GACtB,CACI;4BACR;gCACE,oBAAC,aAAa,IACZ,MAAM,EAAE,MAAM,EACd,mBAAmB,EAAE,mBAAmB,EACxC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,oBAAoB,EAAE,CAAC,CAAC,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,QAAQ,CAAA,EACpD,IAAI,EAAE,YAAY,CAAC,SAAS,EAAE,WAAW,CAAC,EAC1C,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,GACpC,CACI,CACF,CACP,CACC,CACF,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,4BAA4B;gBACzC,oBAAC,cAAc,OAAG,CACd,CACP,CACG;YACL,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,KAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,IAAI,CAC3D,oBAAC,UAAU,IACT,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,GAC9B,CACH,CACG,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,mCAAmC;YAChD,oBAAC,cAAc,OAAG,CACd,CACP,CACA,CACJ;QACA,iBAAiB,IAAI,iBAAiB,CAAC,MAAM,IAAI,CAChD,oBAAC,cAAc,IACb,WAAW,EAAE,iBAAiB,CAAC,cAAc,CAAC,OAAO,EACrD,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,EACpD,SAAS,EAAE,SAAS,GACpB,CACH,CACA,CACJ,CAAA;AACH,CAAC"}
|
|
@@ -12,6 +12,9 @@ interface HeaderProps {
|
|
|
12
12
|
spacing: boolean;
|
|
13
13
|
textCenter: boolean;
|
|
14
14
|
isHeaderBgWhite?: boolean;
|
|
15
|
+
stickyColumnNumber: number;
|
|
16
|
+
refs: React.MutableRefObject<Array<HTMLTableCellElement | null>>;
|
|
17
|
+
lefts: Array<number>;
|
|
15
18
|
}
|
|
16
|
-
declare function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox, border, spacing, textCenter, isHeaderBgWhite, }: HeaderProps): React.JSX.Element;
|
|
19
|
+
declare function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox, border, spacing, textCenter, isHeaderBgWhite, stickyColumnNumber, refs, lefts, }: HeaderProps): React.JSX.Element;
|
|
17
20
|
export default Header;
|
|
@@ -1,11 +1,31 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { classNames } from '../../types';
|
|
3
3
|
import { PHXCheckbox } from '../../Checkbox';
|
|
4
|
-
function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox, border, spacing, textCenter, isHeaderBgWhite = false, }) {
|
|
4
|
+
function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox, border, spacing, textCenter, isHeaderBgWhite = false, stickyColumnNumber, refs, lefts, }) {
|
|
5
|
+
const selectionOffset = (selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.enable) ? 1 : 0;
|
|
6
|
+
/**
|
|
7
|
+
* Checks if a column is sticky based on the stickyColumnNumber.
|
|
8
|
+
*
|
|
9
|
+
* @param {number} colIndex - The index of the column to check.
|
|
10
|
+
* @returns {boolean} - True if the column is sticky, false otherwise.
|
|
11
|
+
*/
|
|
12
|
+
const isStickyCell = (colIndex) => stickyColumnNumber > 0 && colIndex < stickyColumnNumber;
|
|
5
13
|
return (React.createElement(React.Fragment, null, rows.map((row, rowIdx) => (React.createElement("tr", { key: rowIdx, className: classNames(rowIdx !== 0 && border && 'border-t', search && search.enable && rowIdx === 0 && border && 'border-t') },
|
|
6
|
-
selectedAllPeople && selectedAllPeople.enable && rowIdx === 0 && (React.createElement("th", {
|
|
14
|
+
selectedAllPeople && selectedAllPeople.enable && rowIdx === 0 && (React.createElement("th", { ref: (el) => {
|
|
15
|
+
if (stickyColumnNumber > 0 || selectedAllPeople.enable) {
|
|
16
|
+
refs.current[0] = el;
|
|
17
|
+
}
|
|
18
|
+
}, rowSpan: rows.length, className: classNames('text-center', isHeaderBgWhite ? 'bg-white' : 'bg-gray-50', border && 'border-r', search && search.enable ? '' : 'rounded-tl-lg', stickyColumnNumber > 0 &&
|
|
19
|
+
'relative z-10 sm:sticky sm:left-0 sm:top-0 sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: stickyColumnNumber > 0 ? { left: lefts[0] } : {} }, !(selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.maxSelectedPeople) && (React.createElement("div", { className: 'flex justify-center items-center pl-3' },
|
|
7
20
|
React.createElement(PHXCheckbox, { inputRef: checkbox, id: `${tableKey}-header`, onChange: toggleAll, checked: checked }))))),
|
|
8
|
-
row.map((cell, cellIdx) => (React.createElement("th", { key: cellIdx,
|
|
21
|
+
row.map((cell, cellIdx) => (React.createElement("th", { key: cellIdx, ref: (el) => {
|
|
22
|
+
if (cell.colSpan === 1 && isStickyCell(cell.colIndex)) {
|
|
23
|
+
refs.current[cell.colIndex + selectionOffset] = el;
|
|
24
|
+
}
|
|
25
|
+
}, colSpan: cell.colSpan, rowSpan: cell.rowSpan, className: classNames('whitespace-nowrap text-xs font-medium text-gray-800', isHeaderBgWhite ? 'bg-white' : 'bg-gray-50', textCenter ? 'text-center' : 'pl-8 text-left', spacing ? 'px-3 py-2.5' : '', cell.colIndex !== 0 && border && 'border-l', rowIdx === 0 && cellIdx === 0 && !(search === null || search === void 0 ? void 0 : search.enable) && !(selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.enable) && 'rounded-tl-lg', rowIdx === 0 && cellIdx === row.length - 1 && !(search === null || search === void 0 ? void 0 : search.enable) && 'rounded-tr-lg', isStickyCell(cell.colIndex) &&
|
|
26
|
+
'z-10 sm:sticky sm:left-0 sm:top-0 sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: isStickyCell(cell.colIndex) ? { left: lefts[cell.colIndex + selectionOffset] } : {} },
|
|
27
|
+
isStickyCell(cell.colIndex) && border ? (React.createElement("div", { className: 'absolute -left-0 top-0 h-full w-[1px] bg-gray-300' })) : (React.createElement(React.Fragment, null)),
|
|
28
|
+
cell.name))))))));
|
|
9
29
|
}
|
|
10
30
|
export default Header;
|
|
11
31
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,11 +15,14 @@ interface RowProps {
|
|
|
15
15
|
brSetSelectedPeople(value: TTableData): void;
|
|
16
16
|
selectedPeople: Array<TTableData>;
|
|
17
17
|
border: boolean;
|
|
18
|
+
stickyColumnNumber: number;
|
|
19
|
+
stickyLefts: Array<number>;
|
|
20
|
+
stickyRefs: React.MutableRefObject<Array<HTMLTableCellElement | null>>;
|
|
18
21
|
expandable?: {
|
|
19
22
|
enable: boolean;
|
|
20
23
|
isExpanded: boolean;
|
|
21
24
|
onToggle(): void;
|
|
22
25
|
};
|
|
23
26
|
}
|
|
24
|
-
declare function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, expandable, }: RowProps): React.JSX.Element;
|
|
27
|
+
declare function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, stickyColumnNumber, stickyLefts, stickyRefs, expandable, }: RowProps): React.JSX.Element;
|
|
25
28
|
export default Row;
|
|
@@ -4,7 +4,7 @@ import { classNames } from '../../types';
|
|
|
4
4
|
import { PHXCheckbox } from '../../Checkbox';
|
|
5
5
|
import { ChevronDownIcon, ChevronUpIcon } from '@heroicons/react/24/solid';
|
|
6
6
|
import TruncatedTooltip from './TruncatedTooltip';
|
|
7
|
-
function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, expandable, }) {
|
|
7
|
+
function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, stickyColumnNumber, stickyLefts, stickyRefs, expandable, }) {
|
|
8
8
|
const cellValue = renderCell(data, bodyKey, thBodyComponent).value;
|
|
9
9
|
const renderInclude = (person) => {
|
|
10
10
|
return !!selectedPeople.find((select) => JSON.stringify(select) === JSON.stringify(person));
|
|
@@ -21,16 +21,30 @@ function Row({ keyIdx, dataIdx, data, bodyKey, thBodyComponent, className, reado
|
|
|
21
21
|
: selectedPeople.filter((p) => JSON.stringify(p) !== JSON.stringify(data));
|
|
22
22
|
brSetSelectedPeople(valueSelected);
|
|
23
23
|
};
|
|
24
|
+
const hasSelectionColumn = !!(selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.enable);
|
|
25
|
+
const selectionOffset = hasSelectionColumn ? 1 : 0;
|
|
26
|
+
const isStickyCell = stickyColumnNumber > 0 && keyIdx < stickyColumnNumber;
|
|
24
27
|
return (React.createElement(React.Fragment, null,
|
|
25
|
-
keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (React.createElement("td", {
|
|
28
|
+
keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (React.createElement("td", { ref: (el) => {
|
|
29
|
+
if (stickyColumnNumber > 0 || hasSelectionColumn) {
|
|
30
|
+
stickyRefs.current[0] = el;
|
|
31
|
+
}
|
|
32
|
+
}, key: keyIdx, className: classNames(border && 'border-r', dataIdx !== 0 && 'border-t', !isHighlight ? (readonly ? '' : 'group-hover:bg-gray-50 group-hover:cursor-pointer') : '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '', stickyColumnNumber > 0 &&
|
|
33
|
+
'z-20 sm:sticky sm:left-0 sm:top-0 sm:bg-white sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: stickyColumnNumber > 0 ? { left: stickyLefts[0] } : {} },
|
|
26
34
|
React.createElement("div", { className: 'flex justify-center items-center pl-3', onClick: (event) => event.stopPropagation() },
|
|
27
35
|
React.createElement(PHXCheckbox, { id: `${tableKey}-${dataIdx}`, checked: checked, onChange: (event) => handleChange(event) })))),
|
|
28
|
-
React.createElement("td", {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
React.createElement(
|
|
36
|
+
React.createElement("td", { ref: (el) => {
|
|
37
|
+
if (isStickyCell) {
|
|
38
|
+
stickyRefs.current[keyIdx + selectionOffset] = el;
|
|
39
|
+
}
|
|
40
|
+
}, key: keyIdx, className: classNames(className, !isHighlight ? (readonly ? '' : 'group-hover:bg-gray-50 group-hover:cursor-pointer') : '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '', isStickyCell && 'z-20 sm:sticky sm:left-0 sm:top-0 sm:bg-white sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: isStickyCell ? { left: stickyLefts[keyIdx + selectionOffset] } : {} },
|
|
41
|
+
isStickyCell && border ? React.createElement("div", { className: 'absolute -left-0 top-0 h-full w-[1px] bg-gray-300' }) : React.createElement(React.Fragment, null),
|
|
42
|
+
(expandable === null || expandable === void 0 ? void 0 : expandable.enable) ? (React.createElement("div", { className: 'relative min-w-0 pr-6' },
|
|
43
|
+
React.createElement("button", { "aria-label": expandable.isExpanded ? 'Collapse row' : 'Expand row', className: classNames('absolute top-1/2 flex h-4 w-4 -translate-y-1/2 items-center justify-center rounded text-gray-700 hover:bg-gray-100', keyIdx === 0 ? '-right-6' : '-left-8'), onClick: (event) => {
|
|
44
|
+
event.stopPropagation();
|
|
45
|
+
expandable.onToggle();
|
|
46
|
+
}, type: 'button' }, expandable.isExpanded ? React.createElement(ChevronUpIcon, { className: 'h-3 w-3' }) : React.createElement(ChevronDownIcon, { className: 'h-3 w-3' })),
|
|
47
|
+
React.createElement(TruncatedTooltip, null, cellValue))) : (cellValue))));
|
|
34
48
|
}
|
|
35
49
|
export default Row;
|
|
36
50
|
//# sourceMappingURL=Row.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/Row.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,6 +16,9 @@ interface RowMergeProps {
|
|
|
16
16
|
brSetSelectedPeople(value: TTableData): void;
|
|
17
17
|
selectedPeople: Array<TTableData>;
|
|
18
18
|
border: boolean;
|
|
19
|
+
stickyColumnNumber: number;
|
|
20
|
+
stickyLefts: Array<number>;
|
|
21
|
+
stickyRefs: React.MutableRefObject<Array<HTMLTableCellElement | null>>;
|
|
19
22
|
}
|
|
20
|
-
declare function RowMerge({ mergeConfig, keyIdx, dataIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, }: RowMergeProps): React.JSX.Element;
|
|
23
|
+
declare function RowMerge({ mergeConfig, keyIdx, dataIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, stickyColumnNumber, stickyLefts, stickyRefs, }: RowMergeProps): React.JSX.Element;
|
|
21
24
|
export default RowMerge;
|
|
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
|
|
|
2
2
|
import { findColumnKeyMerge, renderCell } from '../utils';
|
|
3
3
|
import { classNames } from '../../types';
|
|
4
4
|
import { PHXCheckbox } from '../../Checkbox';
|
|
5
|
-
function RowMerge({ mergeConfig, keyIdx, dataIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, }) {
|
|
5
|
+
function RowMerge({ mergeConfig, keyIdx, dataIdx, bodyKey, data, thBodyComponent, className, readonly, isHighlight, highlightReadonly, selectedAllPeople, tableKey, brSetSelectedPeople, selectedPeople, border, stickyColumnNumber, stickyLefts, stickyRefs, }) {
|
|
6
6
|
const rowSpan = renderCell(data, bodyKey, thBodyComponent).row;
|
|
7
7
|
const currentColumnKey = findColumnKeyMerge(mergeConfig, keyIdx);
|
|
8
8
|
const renderInclude = (person) => {
|
|
@@ -20,23 +20,37 @@ function RowMerge({ mergeConfig, keyIdx, dataIdx, bodyKey, data, thBodyComponent
|
|
|
20
20
|
: selectedPeople.filter((p) => JSON.stringify(p) !== JSON.stringify(data));
|
|
21
21
|
brSetSelectedPeople(valueSelected);
|
|
22
22
|
};
|
|
23
|
+
const hasSelectionColumn = !!(selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.enable);
|
|
24
|
+
const selectionOffset = hasSelectionColumn ? 1 : 0;
|
|
25
|
+
const isStickyCell = stickyColumnNumber > 0 && keyIdx < stickyColumnNumber;
|
|
23
26
|
return (React.createElement(React.Fragment, null,
|
|
24
|
-
keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (React.createElement("td", {
|
|
27
|
+
keyIdx === 0 && selectedAllPeople && selectedAllPeople.enable && (React.createElement("td", { ref: (el) => {
|
|
28
|
+
if (stickyColumnNumber > 0 || hasSelectionColumn) {
|
|
29
|
+
stickyRefs.current[0] = el;
|
|
30
|
+
}
|
|
31
|
+
}, key: keyIdx, className: classNames(border && 'border-r', dataIdx !== 0 && 'border-t', !isHighlight
|
|
25
32
|
? readonly
|
|
26
33
|
? ''
|
|
27
34
|
: rowSpan > 1
|
|
28
35
|
? 'bg-white'
|
|
29
36
|
: 'group-hover:bg-gray-50 group-hover:cursor-pointer'
|
|
30
|
-
: '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '', renderInclude(data) && !isHighlight && 'bg-gray-50'
|
|
37
|
+
: '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '', renderInclude(data) && !isHighlight && 'bg-gray-50', stickyColumnNumber > 0 &&
|
|
38
|
+
'z-20 sm:sticky sm:left-0 sm:top-0 sm:bg-white sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: stickyColumnNumber > 0 ? { left: stickyLefts[0] } : {} },
|
|
31
39
|
React.createElement("div", { className: 'flex justify-center items-center pl-3', onClick: (event) => event.stopPropagation() },
|
|
32
40
|
React.createElement(PHXCheckbox, { id: `${tableKey}-${dataIdx}`, checked: checked, onChange: (event) => handleChange(event) })))),
|
|
33
|
-
data[`${currentColumnKey}_first_row`] || !findColumnKeyMerge(mergeConfig, keyIdx) ? (React.createElement("td", {
|
|
41
|
+
data[`${currentColumnKey}_first_row`] || !findColumnKeyMerge(mergeConfig, keyIdx) ? (React.createElement("td", { ref: (el) => {
|
|
42
|
+
if (isStickyCell && (data[`${currentColumnKey}_first_row`] || !findColumnKeyMerge(mergeConfig, keyIdx))) {
|
|
43
|
+
stickyRefs.current[keyIdx + selectionOffset] = el;
|
|
44
|
+
}
|
|
45
|
+
}, key: keyIdx, rowSpan: rowSpan, className: classNames(className, !isHighlight
|
|
34
46
|
? readonly
|
|
35
47
|
? ''
|
|
36
48
|
: rowSpan > 1
|
|
37
49
|
? 'bg-white'
|
|
38
50
|
: 'group-hover:bg-gray-50 group-hover:cursor-pointer'
|
|
39
|
-
: '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '', renderInclude(data) && !isHighlight && rowSpan === 1 && 'bg-gray-50'
|
|
51
|
+
: '', isHighlight && !highlightReadonly ? 'group-hover:bg-gray-50 group-hover:cursor-pointer' : '', renderInclude(data) && !isHighlight && rowSpan === 1 && 'bg-gray-50', isStickyCell && 'z-20 sm:sticky sm:left-0 sm:top-0 sm:bg-white sm:drop-shadow-[4px_0_4px_rgba(0,0,0,0.1)]'), style: isStickyCell ? { left: stickyLefts[keyIdx + selectionOffset] } : {} },
|
|
52
|
+
isStickyCell && border ? React.createElement("div", { className: 'absolute -left-0 top-0 h-full w-[1px] bg-gray-300' }) : React.createElement(React.Fragment, null),
|
|
53
|
+
renderCell(data, bodyKey, thBodyComponent).value)) : (React.createElement(React.Fragment, null))));
|
|
40
54
|
}
|
|
41
55
|
export default RowMerge;
|
|
42
56
|
//# sourceMappingURL=RowMerge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowMerge.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/RowMerge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"RowMerge.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/RowMerge.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,6 +17,9 @@ interface TableBodyRowsProps {
|
|
|
17
17
|
selectedAllPeople?: TSelectedAllPeople;
|
|
18
18
|
selectedPeople: Array<TTableData>;
|
|
19
19
|
spacing: boolean;
|
|
20
|
+
stickyColumnNumber: number;
|
|
21
|
+
stickyLefts: Array<number>;
|
|
22
|
+
stickyRefs: React.MutableRefObject<Array<HTMLTableCellElement | null>>;
|
|
20
23
|
tableKey: string;
|
|
21
24
|
textCenter: boolean;
|
|
22
25
|
thBody: Array<string>;
|
|
@@ -9,7 +9,7 @@ import RowMerge from './RowMerge';
|
|
|
9
9
|
* @param props - Cell data, table configuration, and expansion state.
|
|
10
10
|
* @returns A table body cell component.
|
|
11
11
|
*/
|
|
12
|
-
function TableBodyCell({ bodyKey, border, brSetSelectedPeople, data, dataIdx, isExpanded, isHighlight, keyIdx, mergeConfig, readonly, rowChildren, rowClassName, rowHighlightReadonly, rowKey, selectedAllPeople, selectedPeople, tableKey, thBodyComponent, toggleRowExpanded, }) {
|
|
12
|
+
function TableBodyCell({ bodyKey, border, brSetSelectedPeople, data, dataIdx, isExpanded, isHighlight, keyIdx, mergeConfig, readonly, rowChildren, rowClassName, rowHighlightReadonly, rowKey, selectedAllPeople, selectedPeople, stickyColumnNumber, stickyLefts, stickyRefs, tableKey, thBodyComponent, toggleRowExpanded, }) {
|
|
13
13
|
const commonProps = {
|
|
14
14
|
border,
|
|
15
15
|
bodyKey,
|
|
@@ -22,7 +22,10 @@ function TableBodyCell({ bodyKey, border, brSetSelectedPeople, data, dataIdx, is
|
|
|
22
22
|
isHighlight,
|
|
23
23
|
selectedPeople,
|
|
24
24
|
keyIdx,
|
|
25
|
+
stickyColumnNumber,
|
|
26
|
+
stickyRefs,
|
|
25
27
|
thBodyComponent,
|
|
28
|
+
stickyLefts,
|
|
26
29
|
readonly,
|
|
27
30
|
tableKey,
|
|
28
31
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableBodyRows.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/TableBodyRows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,YAAmC,MAAM,gBAAgB,CAAA;AAChE,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,QAAQ,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"TableBodyRows.js","sourceRoot":"","sources":["../../../../../src/components/TableReport/component/TableBodyRows.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import type { MutableRefObject, ReactNode } from 'react';
|
|
2
2
|
import { SelectedButtonIcon } from '../TableV3/SelectedAction';
|
|
3
3
|
import { ComplexAction } from '../types';
|
|
4
4
|
import { AppRouterInstance } from 'next/dist/shared/lib/app-router-context.shared-runtime';
|
|
@@ -57,3 +57,8 @@ export interface NavigationUrlApply {
|
|
|
57
57
|
router?: AppRouterInstance;
|
|
58
58
|
searchParams: ReadonlyURLSearchParams;
|
|
59
59
|
}
|
|
60
|
+
export interface StickyLeftConfig {
|
|
61
|
+
lefts: Array<number>;
|
|
62
|
+
refs: MutableRefObject<Array<HTMLTableCellElement | null>>;
|
|
63
|
+
stickyColumnNumber: number;
|
|
64
|
+
}
|