pixel-react 1.21.12 → 1.21.14
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/Charts/StackedBarChart/StackedBarChart.js +24 -16
- package/lib/components/Charts/StackedBarChart/StackedBarChart.js.map +1 -1
- package/lib/components/Charts/StackedBarChart/types.d.ts +2 -1
- package/lib/components/Table/EditComponent.js +6 -6
- package/lib/components/Table/EditComponent.js.map +1 -1
- package/lib/components/Table/NoDataContent.js +1 -1
- package/lib/components/Table/NoDataContent.js.map +1 -1
- package/lib/components/Table/Table.js +155 -78
- package/lib/components/Table/Table.js.map +1 -1
- package/lib/components/Table/Types.d.ts +11 -6
- package/lib/components/Table/components/SortableRow.d.ts +1 -1
- package/lib/components/Table/components/SortableRow.js +60 -69
- package/lib/components/Table/components/SortableRow.js.map +1 -1
- package/lib/components/Table/components/TableHeader.js +20 -15
- package/lib/components/Table/components/TableHeader.js.map +1 -1
- package/lib/components/Table/components/VirtualizedRows.d.ts +1 -1
- package/lib/components/Table/components/VirtualizedRows.js +32 -17
- package/lib/components/Table/components/VirtualizedRows.js.map +1 -1
- package/lib/components/Table/utils/TableCell.d.ts +2 -0
- package/lib/components/Table/utils/TableCell.js +27 -0
- package/lib/components/Table/utils/TableCell.js.map +1 -0
- package/lib/components/Table/utils/virtualization.d.ts +10 -3
- package/lib/components/Table/utils/virtualization.js +40 -13
- package/lib/components/Table/utils/virtualization.js.map +1 -1
- package/lib/components/TableWithAccordion/TableWithAccordion.js +38 -13
- package/lib/components/TableWithAccordion/TableWithAccordion.js.map +1 -1
- package/lib/components/TableWithAccordion/types.d.ts +2 -2
- package/lib/index.d.ts +8 -5
- package/lib/index.js +8 -8
- package/lib/styles.css +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils/TreeNavigateUtils/getNavigateToKey.d.ts +1 -1
- package/lib/utils/getTopVisibleNodeKey/getTopVisibleNodeKey.d.ts +1 -1
- package/lib/utils/getTreeDetails/getTreeDetails.d.ts +1 -1
- package/lib/utils/handleTreeExpandAllCollapseAll/handleTreeExpandAllCollapseAll.d.ts +1 -1
- package/lib/utils/handleTreeNodeExpandCollapse/handleTreeNodeExpandCollapse.d.ts +1 -1
- package/lib/utils/handleTreeNodeSelect/handleTreeNodeSelect.d.ts +1 -1
- package/lib/utils/toggleShowHideEntity/toggleShowHideEntity.d.ts +1 -1
- package/package.json +2 -2
|
@@ -9,11 +9,37 @@ import '../../../index.scss';
|
|
|
9
9
|
import Typography from '../Typography';
|
|
10
10
|
import HighlightText from '../HighlightText';
|
|
11
11
|
import { isTextTruncated, truncateText, } from '../../utils/truncateText/truncateText';
|
|
12
|
+
import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
|
|
13
|
+
const getColumnWidthStyle = (width) => {
|
|
14
|
+
if (width === undefined || width === null || width === '') {
|
|
15
|
+
return {};
|
|
16
|
+
}
|
|
17
|
+
const widthValue = typeof width === 'number' ? `${width}px` : width;
|
|
18
|
+
return {
|
|
19
|
+
width,
|
|
20
|
+
flex: `0 0 ${widthValue}`,
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
const COLUMN_LABEL_LEFT_PADDING = 8;
|
|
12
24
|
const TableWithAccordion = ({ highlightText = '', tableMeta = [], tableData = [], accordionType = 'row', noDataContent, height = '100%', withFixedHeader = false, headerType, TableAccordionStateIconWidth = 4, TableAccordionStateIconHeight = 8, }) => {
|
|
13
25
|
const [expandedRowIndex, setExpandedRowIndex] = useState(-1);
|
|
26
|
+
const firstColumnPixelWidth = typeof tableMeta[0]?.width === 'number'
|
|
27
|
+
? Math.max(tableMeta[0]?.width - COLUMN_LABEL_LEFT_PADDING, 0)
|
|
28
|
+
: undefined;
|
|
14
29
|
const onAccordionClick = (index) => {
|
|
15
30
|
setExpandedRowIndex(index === expandedRowIndex ? -1 : index);
|
|
16
31
|
};
|
|
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
|
+
};
|
|
17
43
|
const getAccordionTableCellContent = (dataObj, columnObj) => {
|
|
18
44
|
let cellData = dataObj[columnObj.accessor];
|
|
19
45
|
if (columnObj.cell) {
|
|
@@ -35,28 +61,27 @@ const TableWithAccordion = ({ highlightText = '', tableMeta = [], tableData = []
|
|
|
35
61
|
};
|
|
36
62
|
const getAccordionTableContent = (dataArray) => {
|
|
37
63
|
const accordionSubTable = dataArray.map((rowData, index) => {
|
|
38
|
-
return (_jsx("table", { className: "ff-
|
|
39
|
-
return (_jsx("td", { className: "ff-table-cell", style:
|
|
64
|
+
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));
|
|
40
66
|
}) }, rowData.id || index) }) }, `accordion-table-${index}`));
|
|
41
67
|
});
|
|
42
68
|
return accordionSubTable;
|
|
43
69
|
};
|
|
44
|
-
return (_jsxs("div", { style: { height: height }, className: classNames('ff-
|
|
45
|
-
'ff-accordion
|
|
46
|
-
}), children: [_jsx("table", { cellSpacing: 0, className: classNames('ff-
|
|
47
|
-
'ff-
|
|
48
|
-
}), children: _jsx("thead", { children: _jsx("tr", { className: "ff-table-row", children: tableMeta.map((column) => (_jsx("th", { style:
|
|
49
|
-
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 }, `accordion-row-${rowIndex}`))), accordionType === 'column' &&
|
|
50
|
-
tableData.map((row, index) => (_jsxs("div", { className: "
|
|
70
|
+
return (_jsxs("div", { style: { height: height }, className: classNames('ff-table-accordion', {
|
|
71
|
+
'ff-table-accordion--fixed-header': withFixedHeader,
|
|
72
|
+
}), children: [_jsx("table", { cellSpacing: 0, className: classNames('ff-table-accordion__table', {
|
|
73
|
+
'ff-table-accordion__table--fixed-header': withFixedHeader,
|
|
74
|
+
}), 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(Tooltip, { title: row.disable
|
|
51
77
|
? row?.disableInfoMessage
|
|
52
|
-
:
|
|
53
|
-
isTextTruncated(row.title, tableMeta[0]?.width, 'pixel')
|
|
78
|
+
: isColumnTitleTruncated(row.title)
|
|
54
79
|
? row.title
|
|
55
|
-
: '', placement: "bottom-start", children: _jsxs("div", { className: `
|
|
80
|
+
: '', placement: "bottom-start", children: _jsxs("div", { className: `ff-table-accordion__column-header ${row.disable && 'ff-table-accordion__column-header--disabled'}`, children: [_jsx("div", { className: "ff-table-accordion__column-label", children: _jsx("span", { children: _jsx(Typography, { children: _jsx(HighlightText, { text: getColumnTitle(row.title), highlight: highlightText }) }) }) }), _jsx("div", { className: "ff-table-accordion__column-toggle", onClick: () => {
|
|
56
81
|
!row.disable && onAccordionClick(index);
|
|
57
82
|
}, children: _jsx(Icon, { name: expandedRowIndex === index
|
|
58
83
|
? 'arrows_down_icon'
|
|
59
|
-
: '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}`))), tableData
|
|
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 }))] }));
|
|
60
85
|
};
|
|
61
86
|
export default TableWithAccordion;
|
|
62
87
|
//# 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;
|
|
1
|
+
{"version":3,"file":"TableWithAccordion.js","sourceRoot":"","sources":["../../../src/components/TableWithAccordion/TableWithAccordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
1
|
+
import type { CSSProperties, ReactNode } from "react";
|
|
2
2
|
export interface ColumnProps {
|
|
3
3
|
/**
|
|
4
4
|
* column name
|
|
@@ -15,7 +15,7 @@ export interface ColumnProps {
|
|
|
15
15
|
/**
|
|
16
16
|
* width of a column
|
|
17
17
|
*/
|
|
18
|
-
width?:
|
|
18
|
+
width?: CSSProperties['width'];
|
|
19
19
|
/**
|
|
20
20
|
* data for the column
|
|
21
21
|
*/
|
package/lib/index.d.ts
CHANGED
|
@@ -1366,6 +1366,7 @@ interface SelectedItemProps$1 {
|
|
|
1366
1366
|
*/
|
|
1367
1367
|
[key: string]: string | number | boolean;
|
|
1368
1368
|
}
|
|
1369
|
+
type TableRef = LegacyRef<HTMLTableSectionElement> | React__default.RefObject<HTMLTableSectionElement> | LegacyRef<HTMLDivElement> | React__default.RefObject<HTMLDivElement> | null;
|
|
1369
1370
|
interface TableProps$2 {
|
|
1370
1371
|
/**
|
|
1371
1372
|
* Data for table
|
|
@@ -1475,7 +1476,7 @@ interface TableProps$2 {
|
|
|
1475
1476
|
/**
|
|
1476
1477
|
* enable editMode by setting state row id
|
|
1477
1478
|
*/
|
|
1478
|
-
editMode?: string | null;
|
|
1479
|
+
editMode?: string | number | null;
|
|
1479
1480
|
/**
|
|
1480
1481
|
* The content that to be displayed if editComponent
|
|
1481
1482
|
*/
|
|
@@ -1483,7 +1484,7 @@ interface TableProps$2 {
|
|
|
1483
1484
|
/**
|
|
1484
1485
|
* tableRef to get the scroll position & to pass control of table to parent component
|
|
1485
1486
|
*/
|
|
1486
|
-
tableRef?:
|
|
1487
|
+
tableRef?: TableRef;
|
|
1487
1488
|
/**
|
|
1488
1489
|
* Explicitly handling the checkbox disability for the row.
|
|
1489
1490
|
*/
|
|
@@ -1500,9 +1501,10 @@ interface TableProps$2 {
|
|
|
1500
1501
|
displayCard?: boolean;
|
|
1501
1502
|
selectedNode?: {
|
|
1502
1503
|
key: string;
|
|
1503
|
-
selected: string;
|
|
1504
|
+
selected: string | number;
|
|
1504
1505
|
};
|
|
1505
1506
|
uniqueRowIdForAccordion?: string | number;
|
|
1507
|
+
openAccordionId?: string | number | null;
|
|
1506
1508
|
}
|
|
1507
1509
|
|
|
1508
1510
|
declare const Table: React$1.ForwardRefExoticComponent<TableProps$2 & React$1.RefAttributes<any>>;
|
|
@@ -3827,7 +3829,7 @@ interface ColumnProps$1 {
|
|
|
3827
3829
|
/**
|
|
3828
3830
|
* width of a column
|
|
3829
3831
|
*/
|
|
3830
|
-
width?:
|
|
3832
|
+
width?: CSSProperties['width'];
|
|
3831
3833
|
/**
|
|
3832
3834
|
* data for the column
|
|
3833
3835
|
*/
|
|
@@ -4795,7 +4797,8 @@ type StackedBarSegment = {
|
|
|
4795
4797
|
key: string;
|
|
4796
4798
|
value: number;
|
|
4797
4799
|
color: string;
|
|
4798
|
-
data?: DynamicObj;
|
|
4800
|
+
data?: DynamicObj | any;
|
|
4801
|
+
uniqueId?: string | any;
|
|
4799
4802
|
};
|
|
4800
4803
|
type StackedBarDataItem = {
|
|
4801
4804
|
label: string;
|