pixel-react 1.21.24 → 1.21.25

package/lib/components/Table/utils/virtualization.js

@@ -1,25 +1,52 @@
-import { CELL_PADDING, DEFAULT_COLUMN_WIDTH } from "./constants";
-export const getColumnLeftPosition = (index, columns, freezeColumns) => {
+import { DEFAULT_COLUMN_WIDTH } from './constants';
+export const getCssSize = (width) => {
+    if (width === undefined || width === null || width === '')
+        return undefined;
+    return typeof width === 'number' ? `${width}px` : width;
+};
+export const getColumnPixelWidth = (width) => {
+    if (typeof width === 'number')
+        return width;
+    if (typeof width === 'string') {
+        const trimmedWidth = width.trim();
+        const numericValue = parseFloat(trimmedWidth);
+        if (!Number.isNaN(numericValue)) {
+            if (trimmedWidth.endsWith('px') || /^\d+(\.\d+)?$/.test(trimmedWidth)) {
+                return numericValue;
+            }
+        }
+    }
+    return DEFAULT_COLUMN_WIDTH;
+};
+export const getTableGridTemplate = (columns = [], freezeColumns) => {
+    if (!columns.length)
+        return '1fr';
+    return columns
+        .map((column, index) => {
+        const columnWidth = getCssSize(column.width);
+        if (columnWidth)
+            return columnWidth;
+        return freezeColumns && index < freezeColumns
+            ? `${DEFAULT_COLUMN_WIDTH}px`
+            : 'minmax(0, 1fr)';
+    })
+        .join(' ');
+};
+export const getColumnLeftPosition = (index, columns, _freezeColumns) => {
     if (index === 0)
         return '0px';
     let leftPosition = 0;
     for (let i = 0; i < index; i++) {
-        const width = columns[i]?.width;
-        leftPosition += width ? parseInt(width.toString(), 10) : DEFAULT_COLUMN_WIDTH;
-        if (freezeColumns && i < freezeColumns - 1) {
-            leftPosition += CELL_PADDING;
-        }
+        leftPosition += getColumnPixelWidth(columns[i]?.width);
     }
     return `${leftPosition}px`;
 };
 export const calculateFrozenWidth = (columnData, freezeColumns) => {
-    return (columnData
+    return columnData
         .slice(0, freezeColumns)
-        .reduce((acc, col) => acc +
-        parseInt(col.width?.toString() || `${DEFAULT_COLUMN_WIDTH}`, 10), 1) +
-        CELL_PADDING * (freezeColumns - 0.17));
+        .reduce((acc, col) => acc + getColumnPixelWidth(col.width), 0);
 };
-// Utility: Simple binary search to find the index where cumulativeHeights[i] > target
+// Utility: binary search to find the index where cumulativeHeights[i] > target
 // Returns the index of the first element greater than or equal to the target.
 export const binarySearch = (arr, target) => {
     let low = 0;
@@ -27,7 +54,7 @@ export const binarySearch = (arr, target) => {
     let result = arr.length; // Default to size if target is greater than all elements
     while (low <= high) {
         const mid = Math.floor((low + high) / 2);
-        // FIX: Use the non-null assertion operator '!'
+        // Use the non-null assertion operator '!'
         if (arr[mid] >= target) {
             result = mid;
             high = mid - 1;

package/lib/components/Table/utils/virtualization.js.map

@@ -1 +1 @@
-{"version":3,"file":"virtualization.js","sourceRoot":"","sources":["../../../../src/components/Table/utils/virtualization.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEjE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,KAAa,EACb,OAA6B,EAC7B,aAAsB,EACtB,EAAE;IACF,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IAE9B,IAAI,YAAY,GAAG,CAAC,CAAC;IAErB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;QAChC,YAAY,IAAI,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC;QAE9E,IAAI,aAAa,IAAI,CAAC,GAAG,aAAa,GAAG,CAAC,EAAE,CAAC;YAC3C,YAAY,IAAI,YAAY,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,OAAO,GAAG,YAAY,IAAI,CAAC;AAC7B,CAAC,CAAC;AAGF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,UAAgC,EAChC,aAAqB,EACrB,EAAE;IACF,OAAO,CACL,UAAU;SACP,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC;SACvB,MAAM,CACL,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CACX,GAAG;QACH,QAAQ,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,oBAAoB,EAAE,EAAE,EAAE,CAAC,EAClE,CAAC,CACF;QACH,YAAY,GAAG,CAAC,aAAa,GAAG,IAAI,CAAC,CACtC,CAAC;AACJ,CAAC,CAAC;AAEF,sFAAsF;AACtF,8EAA8E;AAC9E,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAa,EAAE,MAAc,EAAE,EAAE;IAC5D,IAAI,GAAG,GAAG,CAAC,CAAC;IACZ,IAAI,IAAI,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;IAC1B,IAAI,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,yDAAyD;IAElF,OAAO,GAAG,IAAI,IAAI,EAAE,CAAC;QACnB,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QAEzC,+CAA+C;QAC/C,IAAI,GAAG,CAAC,GAAG,CAAE,IAAI,MAAM,EAAE,CAAC;YACxB,MAAM,GAAG,GAAG,CAAC;YACb,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC;QACjB,CAAC;aAAM,CAAC;YACN,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;QAChB,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}
+{"version":3,"file":"virtualization.js","sourceRoot":"","sources":["../../../../src/components/Table/utils/virtualization.ts"],"names":[],"mappings":"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"}

package/lib/components/TableWithAccordion/TableWithAccordion.js

@@ -9,11 +9,37 @@ import '../../../index.scss';
 import Typography from '../Typography';
 import HighlightText from '../HighlightText';
 import { isTextTruncated, truncateText, } from '../../utils/truncateText/truncateText';
+import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
+const getColumnWidthStyle = (width) => {
+    if (width === undefined || width === null || width === '') {
+        return {};
+    }
+    const widthValue = typeof width === 'number' ? `${width}px` : width;
+    return {
+        width,
+        flex: `0 0 ${widthValue}`,
+    };
+};
+const COLUMN_LABEL_LEFT_PADDING = 8;
 const TableWithAccordion = ({ highlightText = '', tableMeta = [], tableData = [], accordionType = 'row', noDataContent, height = '100%', withFixedHeader = false, headerType, TableAccordionStateIconWidth = 4, TableAccordionStateIconHeight = 8, }) => {
     const [expandedRowIndex, setExpandedRowIndex] = useState(-1);
+    const firstColumnPixelWidth = typeof tableMeta[0]?.width === 'number'
+        ? Math.max(tableMeta[0]?.width - COLUMN_LABEL_LEFT_PADDING, 0)
+        : undefined;
     const onAccordionClick = (index) => {
         setExpandedRowIndex(index === expandedRowIndex ? -1 : index);
     };
+    const isColumnTitleTruncated = (title) => typeof title === 'string' &&
+        firstColumnPixelWidth !== undefined &&
+        isTextTruncated(title, firstColumnPixelWidth, 'pixel');
+    const getColumnTitle = (title) => {
+        if (typeof title !== 'string') {
+            return '';
+        }
+        return firstColumnPixelWidth !== undefined
+            ? truncateText(title, firstColumnPixelWidth, 'pixel')
+            : title;
+    };
     const getAccordionTableCellContent = (dataObj, columnObj) => {
         let cellData = dataObj[columnObj.accessor];
         if (columnObj.cell) {
@@ -35,28 +61,27 @@ const TableWithAccordion = ({ highlightText = '', tableMeta = [], tableData = []
     };
     const getAccordionTableContent = (dataArray) => {
         const accordionSubTable = dataArray.map((rowData, index) => {
-            return (_jsx("table", { className: "ff-accordion-table", cellSpacing: 0, children: _jsx("tbody", { className: "ff-table-body", children: _jsx("tr", { className: "ff-table-row", children: tableMeta.map((column, i) => {
-                            return (_jsx("td", { className: "ff-table-cell", style: { width: column.width }, children: accordionType === 'column' && i === 0 ? ('') : (_jsx(Typography, { children: getAccordionTableCellContent(rowData, column) })) }, column.accessor + i));
+            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) => {
+                            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));
                         }) }, rowData.id || index) }) }, `accordion-table-${index}`));
         });
         return accordionSubTable;
     };
-    return (_jsxs("div", { style: { height: height }, className: classNames('ff-accordion-table-container', {
-            'ff-accordion-fixed-header-table': withFixedHeader,
-        }), children: [_jsx("table", { cellSpacing: 0, className: classNames('ff-accordion-table', {
-                    'ff-accordion-fixed-header': withFixedHeader,
-                }), children: _jsx("thead", { children: _jsx("tr", { className: "ff-table-row", children: tableMeta.map((column) => (_jsx("th", { style: { width: column.width }, className: classNames('ff-table-header', headerType && `ff-accordion-table--${headerType}-bg`), children: _jsx("div", { children: _jsx(Typography, { fontWeight: "semi-bold", fontSize: 12, children: column.header }) }) }, `header-${column.header}`))) }) }) }), accordionType === 'row' &&
-                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' &&
-                tableData.map((row, index) => (_jsxs("div", { className: "column-table-accordion", children: [_jsx("div", { className: "ff-display-flex", children: _jsx(Tooltip, { title: row.disable
+    return (_jsxs("div", { style: { height: height }, className: classNames('ff-table-accordion', {
+            'ff-table-accordion--fixed-header': withFixedHeader,
+        }), children: [_jsx("table", { cellSpacing: 0, className: classNames('ff-table-accordion__table', {
+                    'ff-table-accordion__table--fixed-header': withFixedHeader,
+                }), 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' &&
+                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' &&
+                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
                                     ? row?.disableInfoMessage
-                                    : typeof row.title === 'string' &&
-                                        isTextTruncated(row.title, tableMeta[0]?.width, 'pixel')
+                                    : isColumnTitleTruncated(row.title)
                                         ? row.title
-                                        : '', placement: "bottom-start", children: _jsxs("div", { className: `accordion-header ${row.disable && 'accordion-header--disabled'}`, children: [_jsx("div", { className: "header-title", children: _jsx("span", { children: _jsx(Typography, { children: _jsx(HighlightText, { text: truncateText(row.title, tableMeta[0]?.width, 'pixel'), highlight: highlightText }) }) }) }), _jsx("div", { className: "accordion-arrow", onClick: () => {
+                                        : '', 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: () => {
                                                 !row.disable && onAccordionClick(index);
                                             }, children: _jsx(Icon, { name: expandedRowIndex === index
                                                     ? 'arrows_down_icon'
-                                                    : '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.length <= 0 && (_jsx("div", { className: "no-data-content", style: { height: `calc(${height} - 50px)` }, children: noDataContent }))] }));
+                                                    : '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 }))] }));
 };
 export default TableWithAccordion;
 //# sourceMappingURL=TableWithAccordion.js.map

package/lib/components/TableWithAccordion/TableWithAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableWithAccordion.js","sourceRoot":"","sources":["../../../src/components/TableWithAccordion/TableWithAccordion.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TableWithAccordion.js","sourceRoot":"","sources":["../../../src/components/TableWithAccordion/TableWithAccordion.tsx"],"names":[],"mappings":"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"}

package/lib/components/TableWithAccordion/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import type { CSSProperties, ReactNode } from "react";
 export interface ColumnProps {
     /**
      * column name
@@ -15,7 +15,7 @@ export interface ColumnProps {
     /**
      * width of a column
      */
-    width?: number;
+    width?: CSSProperties['width'];
     /**
      * data for the column
      */

package/lib/index.d.ts

@@ -1367,6 +1367,7 @@ interface SelectedItemProps$1 {
      */
     [key: string]: string | number | boolean;
 }
+type TableRef = LegacyRef<HTMLTableSectionElement> | React__default.RefObject<HTMLTableSectionElement> | LegacyRef<HTMLDivElement> | React__default.RefObject<HTMLDivElement> | null;
 interface TableProps$2 {
     /**
      * Data for table
@@ -1476,7 +1477,7 @@ interface TableProps$2 {
     /**
      * enable editMode by setting state row id
      */
-    editMode?: string | null;
+    editMode?: string | number | null;
     /**
      * The content that to be displayed if editComponent
      */
@@ -1484,7 +1485,7 @@ interface TableProps$2 {
     /**
      * tableRef to get the scroll position & to pass control of table to parent component
      */
-    tableRef?: LegacyRef<HTMLTableSectionElement> | React__default.RefObject<HTMLTableSectionElement> | null;
+    tableRef?: TableRef;
     /**
      * Explicitly handling the checkbox disability for the row.
      */
@@ -1501,9 +1502,10 @@ interface TableProps$2 {
     displayCard?: boolean;
     selectedNode?: {
         key: string;
-        selected: string;
+        selected: string | number;
     };
     uniqueRowIdForAccordion?: string | number;
+    openAccordionId?: string | number | null;
 }
 
 declare const Table: React$1.ForwardRefExoticComponent<TableProps$2 & React$1.RefAttributes<any>>;
@@ -3841,7 +3843,7 @@ interface ColumnProps$1 {
     /**
      * width of a column
      */
-    width?: number;
+    width?: CSSProperties['width'];
     /**
      * data for the column
      */