pixel-react 1.13.94 → 1.13.95

package/lib/components/Table/Table.d.ts

@@ -1,4 +1,4 @@
 import './Table.scss';
 import { TableProps } from './Types';
-declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, noDataContent, height, className, tableHeadClass, tableBodyRowClass, headerTextColor, tableDataTextColor, headerIconName, headerIconOnClick, draggable, onDragEnd, loadMore, editMode, editComponent, getAccordionStatus, accordionContent, tableRef, isRowCheckBoxDisable, isRowDisabled, tableHeaderZindex, freezeColumns, }: TableProps) => import("react/jsx-runtime").JSX.Element;
+declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, noDataContent, height, className, tableHeadClass, tableBodyRowClass, headerTextColor, tableDataTextColor, headerIconName, headerIconOnClick, draggable, onDragEnd, loadMore, editMode, editComponent, getAccordionStatus, accordionContent, columnSticky, tableRef, isRowCheckBoxDisable, isRowDisabled, tableHeaderZindex, }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export default Table;

package/lib/components/Table/Table.js

@@ -10,25 +10,10 @@ import { SortableContext, verticalListSortingStrategy, useSortable } from '../..
 import { CSS } from '../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js';
 import { useRef, useEffect, isValidElement, cloneElement } from 'react';
 
-const getColumnLeftPosition = (index, columns, freezeColumns) => {
-  if (index === 0) return '0px';
-  // Calculate cumulative width of all previous columns including padding
-  let leftPosition = 0;
-  const CELL_PADDING = 8; // Each cell has 8px padding
-  for (let i = 0; i < index; i++) {
-    const width = columns[i]?.width;
-    // Add column width plus left padding only
-    leftPosition += width ? parseInt(width.toString(), 10) : DEFAULT_COLUMN_WIDTH;
-    // Add padding between frozen columns
-    if (freezeColumns && i < freezeColumns - 1) {
-      leftPosition += CELL_PADDING;
-    }
-  }
-  return `${leftPosition}px`;
-};
-const DEFAULT_COLUMN_WIDTH = 400;
-const calculateFrozenWidth = (columnData, freezeColumns) => {
-  return columnData.slice(0, freezeColumns).reduce((acc, col) => acc + parseInt(col.width?.toString() || `${DEFAULT_COLUMN_WIDTH}`, 10), 1) + 8 * (freezeColumns - 0.17);
+const getColumnWidth = (index, column, columns) => {
+  if (index === 0) return `${index * (column?.width || 0)}px`;
+  if (index === 1) return `${columns?.[0]?.width || 0}px`;
+  return 'auto';
 };
 const SortableRow = ({
   row,
@@ -43,9 +28,9 @@ const SortableRow = ({
   editMode,
   isAccordionOpen,
   accordionContent,
+  columnSticky,
   isRowCheckBoxDisable,
-  isRowDisabled = true,
-  freezeColumns
+  isRowDisabled = true
 }) => {
   const {
     attributes,
@@ -71,19 +56,15 @@ const SortableRow = ({
       }),
       id: key,
       children: columns.map((column, index) => {
-        const isFrozen = freezeColumns && index < freezeColumns;
+        const isSticky = columnSticky && (index === 0 || index === 1);
         return jsx("td", {
           style: {
-            position: isFrozen ? 'sticky' : 'static',
-            left: isFrozen ? getColumnLeftPosition(index, columns, freezeColumns) : 'auto',
-            zIndex: isFrozen ? 999 : 'auto',
-            backgroundColor: isFrozen ? 'var(--input-label-bg-color)' : 'transparent',
-            width: column.width ? `${column.width}px` : 'auto',
-            padding: '7px 8px',
-            boxSizing: 'border-box',
-            paddingRight: isFrozen ? 0 : '8px'
+            paddingLeft: index === 0 && draggable ? '0px' : '8px',
+            position: isSticky ? 'sticky' : 'static',
+            left: getColumnWidth(index, column, columns),
+            zIndex: isSticky ? 999 : 'auto',
+            backgroundColor: isSticky ? 'var(--input-label-bg-color)' : 'transparent'
           },
-          "data-frozen": isFrozen || undefined,
           onClick: () => handleOnclick(column, row),
           className: classNames(column.className, {
             'clickable-cell': column.onClick
@@ -157,19 +138,15 @@ const Table = ({
   editComponent,
   getAccordionStatus = () => {},
   accordionContent,
+  columnSticky = false,
   tableRef = null,
   isRowCheckBoxDisable,
   isRowDisabled = true,
-  tableHeaderZindex = 99,
-  freezeColumns
+  tableHeaderZindex = 99
 }) => {
   const observerRef = useRef(null);
-  let frozenWidth;
-  if (freezeColumns) {
-    frozenWidth = calculateFrozenWidth(columns, freezeColumns);
-  }
   useEffect(() => {
-    const scrollContainer = document.getElementById('ff-sortable-table-scroll-container');
+    const scrollContainer = document.getElementById('ff-table-scroll-container');
     const firstNode = document.getElementById('ff-table-first-node');
     const lastNode = document.getElementById('ff-table-last-node');
     // Exit early if data is empty or elements are missing
@@ -230,10 +207,12 @@ const Table = ({
       children: jsxs("div", {
         style: {
           height: height,
-          scrollbarWidth: draggable ? 'none' : 'auto',
-          '--frozen-column-width': freezeColumns ? `${frozenWidth}px` : '0px'
+          position: 'relative',
+          overflowX: 'auto',
+          whiteSpace: 'nowrap',
+          scrollbarWidth: draggable ? 'none' : 'auto'
         },
-        id: "ff-sortable-table-scroll-container",
+        id: "ff-table-scroll-container",
         className: classNames(className, {
           'ff-fixed-header-table': withFixedHeader,
           'border-borderRadius': borderWithRadius
@@ -250,52 +229,44 @@ const Table = ({
               zIndex: tableHeaderZindex
             },
             children: jsx("tr", {
-              children: columns.map((column, index) => {
-                const isFrozen = freezeColumns && index < freezeColumns;
-                return jsxs("th", {
-                  className: classNames(`${headerType !== 'default' ? `${headerType}-bg` : ''}`, `${headerTextColor && `${headerTextColor}-color`}`),
-                  style: {
-                    position: isFrozen ? 'sticky' : 'static',
-                    left: isFrozen ? getColumnLeftPosition(index, columns, freezeColumns) : 'auto',
-                    zIndex: isFrozen ? 999 : 'auto',
-                    backgroundColor: isFrozen ? 'var(--input-label-bg-color)' : 'transparent',
-                    width: column.width ? `${column.width}px` : 'auto',
-                    padding: '7px 8px',
-                    boxSizing: 'border-box',
-                    // Remove right padding from frozen columns to prevent overlap
-                    paddingRight: isFrozen ? 0 : '8px'
+              children: columns.map((column, index) => jsxs("th", {
+                className: classNames(`${headerType !== 'default' ? `${headerType}-bg` : ''}`, `${headerTextColor && `${headerTextColor}-color`}`, {
+                  'sticky-column': columnSticky && (index === 0 || index === 1)
+                }),
+                style: {
+                  width: column?.width,
+                  left: getColumnWidth(index, column, columns)
+                },
+                children: [jsx("div", {
+                  className: "ff-table-icon",
+                  children: jsx(Icon, {
+                    height: 14,
+                    width: 14,
+                    name: headerIconName,
+                    onClick: headerIconOnClick
+                  })
+                }), jsxs(Typography, {
+                  style: column?.width && {
+                    width: column?.width
                   },
-                  children: [jsx("div", {
-                    className: "ff-table-icon",
-                    children: jsx(Icon, {
-                      height: 14,
-                      width: 14,
-                      name: headerIconName,
-                      onClick: headerIconOnClick
+                  as: "div",
+                  fontWeight: "semi-bold",
+                  className: "ff-label-checkbox-container",
+                  children: [index === 0 && withCheckbox && jsx("span", {
+                    className: "ff-table-checkbox",
+                    children: jsx(Checkbox, {
+                      onChange: e => {
+                        onSelectClick(e, {
+                          allSelected: e.target.checked
+                        });
+                      },
+                      checked: allSelected !== undefined ? allSelected : false,
+                      partial: !!partialSelected,
+                      disabled: headerCheckboxDisabled
                     })
-                  }), jsxs(Typography, {
-                    style: column?.width && {
-                      width: column?.width
-                    },
-                    as: "div",
-                    fontWeight: "semi-bold",
-                    className: "ff-label-checkbox-container",
-                    children: [index === 0 && withCheckbox && jsx("span", {
-                      className: "ff-table-checkbox",
-                      children: jsx(Checkbox, {
-                        onChange: e => {
-                          onSelectClick(e, {
-                            allSelected: e.target.checked
-                          });
-                        },
-                        checked: allSelected !== undefined ? allSelected : false,
-                        partial: !!partialSelected,
-                        disabled: headerCheckboxDisabled
-                      })
-                    }), column.header]
-                  })]
-                }, column.header);
-              })
+                  }), column.header]
+                })]
+              }, column.header))
             })
           }), jsxs("tbody", {
             className: "ff-fixed-header-table",
@@ -328,12 +299,11 @@ const Table = ({
                   withCheckbox: withCheckbox,
                   onSelectClick: onSelectClick,
                   draggable: draggable,
+                  columnSticky: columnSticky,
                   isAccordionOpen: isOpen,
                   accordionContent: accordionContent,
                   isRowCheckBoxDisable: isRowCheckBoxDisable,
-                  isRowDisabled: isRowDisabled,
-                  freezeColumns: freezeColumns,
-                  frozenWidth: frozenWidth
+                  isRowDisabled: isRowDisabled
                 })
               });
             }), jsx("tr", {

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":[null],"names":["getColumnLeftPosition","index","columns","freezeColumns","leftPosition","CELL_PADDING","i","width","parseInt","toString","DEFAULT_COLUMN_WIDTH","calculateFrozenWidth","columnData","slice","reduce","acc","col","SortableRow","row","tableBodyRowClass","handleOnclick","tableDataTextColor","withCheckbox","onSelectClick","draggable","serialNumber","editMode","isAccordionOpen","accordionContent","isRowCheckBoxDisable","isRowDisabled","attributes","listeners","setNodeRef","transform","transition","useSortable","id","_id","disabled","style","CSS","Transform","key","_jsxs","_Fragment","children","_jsx","ref","className","classNames","map","column","isFrozen","position","left","zIndex","backgroundColor","padding","boxSizing","paddingRight","undefined","onClick","Typography","as","color","Checkbox","onChange","e","checked","Icon","name","prepareData","accessor","colSpan","length","Table","data","headerType","onSelect","allSelected","partialSelected","withFixedHeader","borderWithRadius","headerCheckboxDisabled","noDataContent","height","tableHeadClass","headerTextColor","headerIconName","headerIconOnClick","onDragEnd","loadMore","editComponent","getAccordionStatus","tableRef","tableHeaderZindex","observerRef","useRef","frozenWidth","useEffect","scrollContainer","document","getElementById","firstNode","lastNode","current","IntersectionObserver","entries","forEach","entry","isIntersecting","direction","target","root","rootMargin","threshold","observe","disconnect","isFunction","item","handleDragEnd","event","active","over","oldIndex","findIndex","newIndex","DndContext","collisionDetection","closestCorners","SortableContext","items","strategy","verticalListSortingStrategy","scrollbarWidth","cellSpacing","fontWeight","partial","header","isOpen","scriptId","isValidElement","cloneElement","rowData","rowIndex"],"mappings":"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"}
+{"version":3,"file":"Table.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":[null],"names":["getColumnWidth","index","column","columns","width","SortableRow","row","tableBodyRowClass","handleOnclick","tableDataTextColor","withCheckbox","onSelectClick","draggable","serialNumber","editMode","isAccordionOpen","accordionContent","columnSticky","isRowCheckBoxDisable","isRowDisabled","attributes","listeners","setNodeRef","transform","transition","useSortable","id","_id","disabled","style","CSS","Transform","toString","key","_jsxs","_Fragment","children","_jsx","ref","className","classNames","map","isSticky","paddingLeft","position","left","zIndex","backgroundColor","onClick","Typography","as","color","Checkbox","onChange","e","checked","undefined","Icon","name","prepareData","accessor","colSpan","length","Table","data","headerType","onSelect","allSelected","partialSelected","withFixedHeader","borderWithRadius","headerCheckboxDisabled","noDataContent","height","tableHeadClass","headerTextColor","headerIconName","headerIconOnClick","onDragEnd","loadMore","editComponent","getAccordionStatus","tableRef","tableHeaderZindex","observerRef","useRef","useEffect","scrollContainer","document","getElementById","firstNode","lastNode","current","IntersectionObserver","entries","forEach","entry","isIntersecting","direction","target","root","rootMargin","threshold","observe","disconnect","isFunction","item","handleDragEnd","event","active","over","oldIndex","findIndex","newIndex","DndContext","collisionDetection","closestCorners","SortableContext","items","strategy","verticalListSortingStrategy","overflowX","whiteSpace","scrollbarWidth","cellSpacing","fontWeight","partial","header","isOpen","scriptId","padding","isValidElement","cloneElement","rowData","rowIndex"],"mappings":"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"}

package/lib/components/Table/Types.d.ts

@@ -144,6 +144,7 @@ export interface TableProps {
      * The content that to be displayed if editComponent
      */
     editComponent?: ReactNode;
+    columnSticky?: boolean;
     /**
      * tableRef to get the scroll position & to pass control of table to parent component
      */
@@ -160,9 +161,10 @@ export interface TableProps {
      * z-index for the table header
      */
     tableHeaderZindex?: number;
-    frozenWidth?: number;
-    freezeColumns?: number;
 }
 export interface FormValues {
     ifFailed: string | null;
 }
+export interface SortableRowProps {
+    columnSticky?: boolean;
+}

package/lib/index.cjs

@@ -9826,25 +9826,10 @@ var DNDSortable = /*#__PURE__*/Object.freeze({
 	verticalListSortingStrategy: verticalListSortingStrategy
 });
 
-const getColumnLeftPosition = (index, columns, freezeColumns) => {
-  if (index === 0) return '0px';
-  // Calculate cumulative width of all previous columns including padding
-  let leftPosition = 0;
-  const CELL_PADDING = 8; // Each cell has 8px padding
-  for (let i = 0; i < index; i++) {
-    const width = columns[i]?.width;
-    // Add column width plus left padding only
-    leftPosition += width ? parseInt(width.toString(), 10) : DEFAULT_COLUMN_WIDTH;
-    // Add padding between frozen columns
-    if (freezeColumns && i < freezeColumns - 1) {
-      leftPosition += CELL_PADDING;
-    }
-  }
-  return `${leftPosition}px`;
-};
-const DEFAULT_COLUMN_WIDTH = 400;
-const calculateFrozenWidth = (columnData, freezeColumns) => {
-  return columnData.slice(0, freezeColumns).reduce((acc, col) => acc + parseInt(col.width?.toString() || `${DEFAULT_COLUMN_WIDTH}`, 10), 1) + 8 * (freezeColumns - 0.17);
+const getColumnWidth = (index, column, columns) => {
+  if (index === 0) return `${index * (column?.width || 0)}px`;
+  if (index === 1) return `${columns?.[0]?.width || 0}px`;
+  return 'auto';
 };
 const SortableRow = ({
   row,
@@ -9859,9 +9844,9 @@ const SortableRow = ({
   editMode,
   isAccordionOpen,
   accordionContent,
+  columnSticky,
   isRowCheckBoxDisable,
-  isRowDisabled = true,
-  freezeColumns
+  isRowDisabled = true
 }) => {
   const {
     attributes,
@@ -9887,19 +9872,15 @@ const SortableRow = ({
       }),
       id: key,
       children: columns.map((column, index) => {
-        const isFrozen = freezeColumns && index < freezeColumns;
+        const isSticky = columnSticky && (index === 0 || index === 1);
         return jsxRuntime.jsx("td", {
           style: {
-            position: isFrozen ? 'sticky' : 'static',
-            left: isFrozen ? getColumnLeftPosition(index, columns, freezeColumns) : 'auto',
-            zIndex: isFrozen ? 999 : 'auto',
-            backgroundColor: isFrozen ? 'var(--input-label-bg-color)' : 'transparent',
-            width: column.width ? `${column.width}px` : 'auto',
-            padding: '7px 8px',
-            boxSizing: 'border-box',
-            paddingRight: isFrozen ? 0 : '8px'
+            paddingLeft: index === 0 && draggable ? '0px' : '8px',
+            position: isSticky ? 'sticky' : 'static',
+            left: getColumnWidth(index, column, columns),
+            zIndex: isSticky ? 999 : 'auto',
+            backgroundColor: isSticky ? 'var(--input-label-bg-color)' : 'transparent'
           },
-          "data-frozen": isFrozen || undefined,
           onClick: () => handleOnclick(column, row),
           className: classNames(column.className, {
             'clickable-cell': column.onClick
@@ -9973,19 +9954,15 @@ const Table$1 = ({
   editComponent,
   getAccordionStatus = () => {},
   accordionContent,
+  columnSticky = false,
   tableRef = null,
   isRowCheckBoxDisable,
   isRowDisabled = true,
-  tableHeaderZindex = 99,
-  freezeColumns
+  tableHeaderZindex = 99
 }) => {
   const observerRef = React.useRef(null);
-  let frozenWidth;
-  if (freezeColumns) {
-    frozenWidth = calculateFrozenWidth(columns, freezeColumns);
-  }
   React.useEffect(() => {
-    const scrollContainer = document.getElementById('ff-sortable-table-scroll-container');
+    const scrollContainer = document.getElementById('ff-table-scroll-container');
     const firstNode = document.getElementById('ff-table-first-node');
     const lastNode = document.getElementById('ff-table-last-node');
     // Exit early if data is empty or elements are missing
@@ -10046,10 +10023,12 @@ const Table$1 = ({
       children: jsxRuntime.jsxs("div", {
         style: {
           height: height,
-          scrollbarWidth: draggable ? 'none' : 'auto',
-          '--frozen-column-width': freezeColumns ? `${frozenWidth}px` : '0px'
+          position: 'relative',
+          overflowX: 'auto',
+          whiteSpace: 'nowrap',
+          scrollbarWidth: draggable ? 'none' : 'auto'
         },
-        id: "ff-sortable-table-scroll-container",
+        id: "ff-table-scroll-container",
         className: classNames(className, {
           'ff-fixed-header-table': withFixedHeader,
           'border-borderRadius': borderWithRadius
@@ -10066,52 +10045,44 @@ const Table$1 = ({
               zIndex: tableHeaderZindex
             },
             children: jsxRuntime.jsx("tr", {
-              children: columns.map((column, index) => {
-                const isFrozen = freezeColumns && index < freezeColumns;
-                return jsxRuntime.jsxs("th", {
-                  className: classNames(`${headerType !== 'default' ? `${headerType}-bg` : ''}`, `${headerTextColor && `${headerTextColor}-color`}`),
-                  style: {
-                    position: isFrozen ? 'sticky' : 'static',
-                    left: isFrozen ? getColumnLeftPosition(index, columns, freezeColumns) : 'auto',
-                    zIndex: isFrozen ? 999 : 'auto',
-                    backgroundColor: isFrozen ? 'var(--input-label-bg-color)' : 'transparent',
-                    width: column.width ? `${column.width}px` : 'auto',
-                    padding: '7px 8px',
-                    boxSizing: 'border-box',
-                    // Remove right padding from frozen columns to prevent overlap
-                    paddingRight: isFrozen ? 0 : '8px'
+              children: columns.map((column, index) => jsxRuntime.jsxs("th", {
+                className: classNames(`${headerType !== 'default' ? `${headerType}-bg` : ''}`, `${headerTextColor && `${headerTextColor}-color`}`, {
+                  'sticky-column': columnSticky && (index === 0 || index === 1)
+                }),
+                style: {
+                  width: column?.width,
+                  left: getColumnWidth(index, column, columns)
+                },
+                children: [jsxRuntime.jsx("div", {
+                  className: "ff-table-icon",
+                  children: jsxRuntime.jsx(Icon, {
+                    height: 14,
+                    width: 14,
+                    name: headerIconName,
+                    onClick: headerIconOnClick
+                  })
+                }), jsxRuntime.jsxs(Typography, {
+                  style: column?.width && {
+                    width: column?.width
                   },
-                  children: [jsxRuntime.jsx("div", {
-                    className: "ff-table-icon",
-                    children: jsxRuntime.jsx(Icon, {
-                      height: 14,
-                      width: 14,
-                      name: headerIconName,
-                      onClick: headerIconOnClick
+                  as: "div",
+                  fontWeight: "semi-bold",
+                  className: "ff-label-checkbox-container",
+                  children: [index === 0 && withCheckbox && jsxRuntime.jsx("span", {
+                    className: "ff-table-checkbox",
+                    children: jsxRuntime.jsx(Checkbox, {
+                      onChange: e => {
+                        onSelectClick(e, {
+                          allSelected: e.target.checked
+                        });
+                      },
+                      checked: allSelected !== undefined ? allSelected : false,
+                      partial: !!partialSelected,
+                      disabled: headerCheckboxDisabled
                     })
-                  }), jsxRuntime.jsxs(Typography, {
-                    style: column?.width && {
-                      width: column?.width
-                    },
-                    as: "div",
-                    fontWeight: "semi-bold",
-                    className: "ff-label-checkbox-container",
-                    children: [index === 0 && withCheckbox && jsxRuntime.jsx("span", {
-                      className: "ff-table-checkbox",
-                      children: jsxRuntime.jsx(Checkbox, {
-                        onChange: e => {
-                          onSelectClick(e, {
-                            allSelected: e.target.checked
-                          });
-                        },
-                        checked: allSelected !== undefined ? allSelected : false,
-                        partial: !!partialSelected,
-                        disabled: headerCheckboxDisabled
-                      })
-                    }), column.header]
-                  })]
-                }, column.header);
-              })
+                  }), column.header]
+                })]
+              }, column.header))
             })
           }), jsxRuntime.jsxs("tbody", {
             className: "ff-fixed-header-table",
@@ -10144,12 +10115,11 @@ const Table$1 = ({
                   withCheckbox: withCheckbox,
                   onSelectClick: onSelectClick,
                   draggable: draggable,
+                  columnSticky: columnSticky,
                   isAccordionOpen: isOpen,
                   accordionContent: accordionContent,
                   isRowCheckBoxDisable: isRowCheckBoxDisable,
-                  isRowDisabled: isRowDisabled,
-                  freezeColumns: freezeColumns,
-                  frozenWidth: frozenWidth
+                  isRowDisabled: isRowDisabled
                 })
               });
             }), jsxRuntime.jsx("tr", {