pixel-react 1.21.44 → 1.21.45
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/lib/components/Table/Types.d.ts +6 -0
- package/lib/components/Table/components/SortableRow.js +10 -2
- package/lib/components/Table/components/SortableRow.js.map +1 -1
- package/lib/components/TableWithAccordion/TableWithAccordion.js +8 -24
- package/lib/components/TableWithAccordion/TableWithAccordion.js.map +1 -1
- package/lib/index.js +8 -8
- package/lib/styles.css +1 -1
- package/package.json +1 -1
|
@@ -21,6 +21,12 @@ export interface ColumnsProps {
|
|
|
21
21
|
*/
|
|
22
22
|
cell?: (e: any) => JSX.Element | string | ReactNode;
|
|
23
23
|
onClick?: (colum: string, row: DataProps) => void;
|
|
24
|
+
/**
|
|
25
|
+
* Action icons to show on row hover for this column.
|
|
26
|
+
* When provided the cell text is auto-truncated and the
|
|
27
|
+
* returned node is revealed only on row hover.
|
|
28
|
+
*/
|
|
29
|
+
actions?: (row: DataProps) => ReactNode;
|
|
24
30
|
}
|
|
25
31
|
export interface DataProps {
|
|
26
32
|
/**
|
|
@@ -8,6 +8,7 @@ import { getColumnLeftPosition } from '../utils/virtualization';
|
|
|
8
8
|
import Checkbox from '../../Checkbox';
|
|
9
9
|
import Typography from '../../Typography';
|
|
10
10
|
import Icon from '../../Icon';
|
|
11
|
+
import AutoTruncateText from '../../AutoTruncateText';
|
|
11
12
|
const SortableRow = memo(({ row, index, serialNumber, columns, tableBodyRowClass, handleOnclick, tableDataTextColor, withCheckbox, onSelectClick, draggable, isRowCheckBoxDisable, isRowDisabled, freezeColumns, updateRowHeight, editMode, selectedNode, sortableId, }) => {
|
|
12
13
|
const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
|
|
13
14
|
id: sortableId,
|
|
@@ -64,9 +65,16 @@ const SortableRow = memo(({ row, index, serialNumber, columns, tableBodyRowClass
|
|
|
64
65
|
'ff-table-sticky-column': isFrozen,
|
|
65
66
|
'ff-table-data-cell-sticky': isFrozen,
|
|
66
67
|
'ff-table-data-cell-relative': !isFrozen,
|
|
67
|
-
}), children: _jsxs(Typography, { as: "div", color: tableDataTextColor, className:
|
|
68
|
+
}), children: _jsxs(Typography, { as: "div", color: tableDataTextColor, className: classNames('ff-table-data-container', {
|
|
69
|
+
'ff-table-data-container-actions': column.actions,
|
|
70
|
+
}), children: [columnIndex === 0 && withCheckbox && (_jsx("span", { className: "ff-table-checkbox-table", children: _jsx(Checkbox, { onChange: (e) => onSelectClick(e, row), checked: row.checked, disabled: isRowCheckBoxDisable === undefined
|
|
68
71
|
? !!row.disabled
|
|
69
|
-
: isRowCheckBoxDisable }) })), columnIndex === 0 && draggable && (_jsxs(_Fragment, { children: [_jsx("span", { className: row.disabled
|
|
72
|
+
: isRowCheckBoxDisable }) })), columnIndex === 0 && draggable && (_jsxs(_Fragment, { children: [_jsx("span", { className: row.disabled
|
|
73
|
+
? 'ff-table-drag'
|
|
74
|
+
: 'ff-table-drag-icon', ...listeners, ...attributes, children: _jsx(Icon, { name: "drag", className: "ff-table-drag-active" }) }), _jsx(Typography, { color: "var(--brand-color)", children: serialNumber && `${serialNumber}.` })] })), (() => {
|
|
75
|
+
const cellContent = prepareData(row, column);
|
|
76
|
+
return (_jsxs(_Fragment, { children: [column.cell ? (_jsx("div", { className: "ff-table-cell-custom-container", children: cellContent })) : (_jsx(AutoTruncateText, { className: "ff-table-cell-text", placement: "bottom", children: cellContent }, `${key}-${column.accessor}`)), column.actions && (_jsx("div", { className: "icon-container", children: column.actions(row) }))] }));
|
|
77
|
+
})()] }) }, column.accessor + columnIndex));
|
|
70
78
|
}) }, key) }));
|
|
71
79
|
}, (prev, next) => {
|
|
72
80
|
return (prev.row === next.row &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SortableRow.js","sourceRoot":"","sources":["../../../../src/components/Table/components/SortableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,MAAM,EACN,IAAI,EACJ,WAAW,GAEZ,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,IAAI,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"SortableRow.js","sourceRoot":"","sources":["../../../../src/components/Table/components/SortableRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,12 +4,11 @@ import classNames from 'classnames';
|
|
|
4
4
|
import Accordion from '../Accordion';
|
|
5
5
|
import './TableWithAccordion.scss';
|
|
6
6
|
import Icon from '../Icon';
|
|
7
|
-
import Tooltip from '../Tooltip';
|
|
8
7
|
import '../../../index.scss';
|
|
9
8
|
import Typography from '../Typography';
|
|
10
9
|
import HighlightText from '../HighlightText';
|
|
11
|
-
import { isTextTruncated, truncateText, } from '../../utils/truncateText/truncateText';
|
|
12
10
|
import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
|
|
11
|
+
import AutoTruncateText from '../AutoTruncateText';
|
|
13
12
|
const getColumnWidthStyle = (width) => {
|
|
14
13
|
if (width === undefined || width === null || width === '') {
|
|
15
14
|
return {};
|
|
@@ -29,17 +28,6 @@ const TableWithAccordion = ({ highlightText = '', tableMeta = [], tableData = []
|
|
|
29
28
|
const onAccordionClick = (index) => {
|
|
30
29
|
setExpandedRowIndex(index === expandedRowIndex ? -1 : index);
|
|
31
30
|
};
|
|
32
|
-
const isColumnTitleTruncated = (title) => typeof title === 'string' &&
|
|
33
|
-
firstColumnPixelWidth !== undefined &&
|
|
34
|
-
isTextTruncated(title, firstColumnPixelWidth, 'pixel');
|
|
35
|
-
const getColumnTitle = (title) => {
|
|
36
|
-
if (typeof title !== 'string') {
|
|
37
|
-
return '';
|
|
38
|
-
}
|
|
39
|
-
return firstColumnPixelWidth !== undefined
|
|
40
|
-
? truncateText(title, firstColumnPixelWidth, 'pixel')
|
|
41
|
-
: title;
|
|
42
|
-
};
|
|
43
31
|
const getAccordionTableCellContent = (dataObj, columnObj) => {
|
|
44
32
|
let cellData = dataObj[columnObj.accessor];
|
|
45
33
|
if (columnObj.cell) {
|
|
@@ -62,7 +50,7 @@ const TableWithAccordion = ({ highlightText = '', tableMeta = [], tableData = []
|
|
|
62
50
|
const getAccordionTableContent = (dataArray) => {
|
|
63
51
|
const accordionSubTable = dataArray.map((rowData, index) => {
|
|
64
52
|
return (_jsx("table", { className: "ff-table-accordion__table", cellSpacing: 0, children: _jsx("tbody", { className: "ff-table-accordion__tbody", children: _jsx("tr", { className: "ff-table-accordion__body-row", children: tableMeta.map((column, i) => {
|
|
65
|
-
return (_jsx("td", { className: "ff-table-accordion__body-cell", style: getColumnWidthStyle(column.width), children: accordionType === 'column' && i === 0 ? ('') : (_jsx(Typography, { children: getAccordionTableCellContent(rowData, column) })) }, column.accessor + i));
|
|
53
|
+
return (_jsx("td", { className: "ff-table-accordion__body-cell", style: getColumnWidthStyle(column.width), children: accordionType === 'column' && i === 0 ? ('') : (_jsx(Typography, { as: "div", className: "ff-table-accordion__cell-typography", children: column.cell ? (getAccordionTableCellContent(rowData, column)) : (_jsx(AutoTruncateText, { placement: "bottom", children: getAccordionTableCellContent(rowData, column) })) })) }, column.accessor + i));
|
|
66
54
|
}) }, rowData.id || index) }) }, `accordion-table-${index}`));
|
|
67
55
|
});
|
|
68
56
|
return accordionSubTable;
|
|
@@ -72,16 +60,12 @@ const TableWithAccordion = ({ highlightText = '', tableMeta = [], tableData = []
|
|
|
72
60
|
}), children: [_jsx("table", { cellSpacing: 0, className: classNames('ff-table-accordion__table', {
|
|
73
61
|
'ff-table-accordion__table--fixed-header': withFixedHeader,
|
|
74
62
|
}), children: _jsx("thead", { children: _jsx("tr", { className: "ff-table-accordion__header-row", children: tableMeta.map((column) => (_jsx("th", { style: getColumnWidthStyle(column.width), className: classNames('ff-table-accordion__header-cell', headerType && `ff-table-accordion__header-cell--${headerType}`), children: _jsx("div", { children: _jsx(Typography, { fontWeight: "semi-bold", fontSize: 12, children: column.header }) }) }, `header-${column.header}`))) }) }) }), accordionType === 'row' &&
|
|
75
|
-
tableData.map((row, rowIndex) => (_jsx(Accordion, { highlightText: highlightText, headerTitle: row.title, color: "var(--text-color)", accordionContent: getAccordionTableContent(row.data), disable: row.disable, disableInfoMessage: row.disableInfoMessage, accordionStateIconName: "arrows_down_icon", AccordionStateIconWidth: TableAccordionStateIconWidth, AccordionStateIconHeight: TableAccordionStateIconHeight, className: "ff-table-accordion__row-accordion" }, `accordion-row-${rowIndex}`))), accordionType === 'column' &&
|
|
76
|
-
tableData.map((row, index) => (_jsxs("div", { className: "ff-table-accordion__column-group", children: [_jsx("div", { className: "ff-display-flex", children: _jsx(
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
!row.disable && onAccordionClick(index);
|
|
82
|
-
}, children: _jsx(Icon, { name: expandedRowIndex === index
|
|
83
|
-
? 'arrows_down_icon'
|
|
84
|
-
: 'arrows_right_icon', color: "var(--table-with-accordion-icon-color)", width: TableAccordionStateIconWidth, height: TableAccordionStateIconHeight, hoverEffect: false }) })] }) }) }), expandedRowIndex === index && (_jsx("div", { children: getAccordionTableContent(row.data) }))] }, `column-accordion-${index}`))), checkEmpty(tableData) && (_jsx("div", { className: "ff-table-accordion__empty-state", style: { height: `calc(${height} - 50px)` }, children: noDataContent }))] }));
|
|
63
|
+
tableData.map((row, rowIndex) => (_jsx(Accordion, { highlightText: highlightText, headerTitle: typeof row.title === 'string' ? (_jsx("div", { style: { maxWidth: firstColumnPixelWidth !== undefined ? `${firstColumnPixelWidth}px` : '100%' }, children: _jsx(AutoTruncateText, { children: _jsx(HighlightText, { text: row.title, highlight: highlightText }) }) })) : (_jsx(AutoTruncateText, { children: "row.title" })), color: "var(--text-color)", accordionContent: getAccordionTableContent(row.data), disable: row.disable, disableInfoMessage: row.disableInfoMessage, accordionStateIconName: "arrows_down_icon", AccordionStateIconWidth: TableAccordionStateIconWidth, AccordionStateIconHeight: TableAccordionStateIconHeight, className: "ff-table-accordion__row-accordion" }, `accordion-row-${rowIndex}`))), accordionType === 'column' &&
|
|
64
|
+
tableData.map((row, index) => (_jsxs("div", { className: "ff-table-accordion__column-group", children: [_jsx("div", { className: "ff-display-flex", children: _jsxs("div", { className: `ff-table-accordion__column-header ${row.disable && 'ff-table-accordion__column-header--disabled'}`, style: tableMeta[0] ? getColumnWidthStyle(tableMeta[0].width) : {}, children: [_jsx("div", { className: "ff-table-accordion__column-label", children: _jsx(Typography, { as: "div", children: _jsx(AutoTruncateText, { children: _jsx(HighlightText, { text: typeof row.title === 'string' ? row.title : '', highlight: highlightText }) }) }) }), _jsx("div", { className: "ff-table-accordion__column-toggle", onClick: () => {
|
|
65
|
+
!row.disable && onAccordionClick(index);
|
|
66
|
+
}, children: _jsx(Icon, { name: expandedRowIndex === index
|
|
67
|
+
? 'arrows_down_icon'
|
|
68
|
+
: 'arrows_right_icon', color: "var(--table-with-accordion-icon-color)", width: TableAccordionStateIconWidth, height: TableAccordionStateIconHeight, hoverEffect: false }) })] }) }), expandedRowIndex === index && (_jsx("div", { children: getAccordionTableContent(row.data) }))] }, `column-accordion-${index}`))), checkEmpty(tableData) && (_jsx("div", { className: "ff-table-accordion__empty-state", style: { height: `calc(${height} - 50px)` }, children: noDataContent }))] }));
|
|
85
69
|
};
|
|
86
70
|
export default TableWithAccordion;
|
|
87
71
|
//# sourceMappingURL=TableWithAccordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableWithAccordion.js","sourceRoot":"","sources":["../../../src/components/TableWithAccordion/TableWithAccordion.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,2BAA2B,CAAC;AACnC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,
|
|
1
|
+
{"version":3,"file":"TableWithAccordion.js","sourceRoot":"","sources":["../../../src/components/TableWithAccordion/TableWithAccordion.tsx"],"names":[],"mappings":"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"}
|