vaishu-react-comp 1.1.1 → 1.1.3

package/lib/components/Table/components/SortableRow.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, memo } from 'react';
+import { useEffect, useRef, memo, useCallback } from 'react';
 import classNames from 'classnames';
 import Typography from '../../Typography';
 import Icon from '../../Icon';
@@ -15,36 +15,49 @@ const SortableRow = memo(({ row, index, serialNumber, columns, tableBodyRowClass
         disabled: row.disabled || !!editMode,
     });
     const rowRef = useRef(null);
+    const accordionRef = useRef(null);
+    const updateHeight = useCallback(() => {
+        if (!updateRowHeight)
+            return;
+        const mainRowHeight = rowRef.current?.getBoundingClientRect().height || 0;
+        const accordionHeight = accordionRef.current?.getBoundingClientRect().height || 0;
+        const totalHeight = mainRowHeight + accordionHeight;
+        if (totalHeight > 0) {
+            updateRowHeight(index, totalHeight);
+        }
+    }, [index, updateRowHeight]);
     useEffect(() => {
-        const element = rowRef.current;
-        if (!element || !updateRowHeight)
+        const mainElement = rowRef.current;
+        const accordionElement = accordionRef.current;
+        if (!updateRowHeight)
             return;
         // OPTIMIZATION: ResizeObserver
         // We do NOT call getBoundingClientRect() here anymore.
         // Calling it manually forces the browser to calculate layout immediately (Reflow).
         // The observer will deliver the height asynchronously without freezing the thread.
-        const observer = new ResizeObserver((entries) => {
-            for (const entry of entries) {
-                // Use borderBoxSize (modern) or fallback to contentRect
-                // These properties are "Read-Only" from the previous frame and do not trigger Reflow.
-                const height = entry.borderBoxSize?.[0]?.blockSize ?? entry.contentRect.height;
-                if (height > 0) {
-                    updateRowHeight(index, height);
-                }
-            }
+        const observer = new ResizeObserver(() => {
+            updateHeight();
         });
-        observer.observe(element);
+        if (mainElement)
+            observer.observe(mainElement);
+        if (accordionElement)
+            observer.observe(accordionElement);
         return () => {
             observer.disconnect();
         };
-    }, [index, updateRowHeight]);
+    }, [updateHeight, isAccordionOpen]);
     const key = row?.[selectedNode?.key] || row._id || row.id;
     const selectedRow = key === selectedNode.selected;
     const style = {
         transform: CSS.Transform.toString(transform),
         transition,
     };
-    return (_jsxs(_Fragment, { children: [_jsx("tr", { ref: setNodeRef, className: classNames('ff-table-data-row ', tableBodyRowClass, {
+    return (_jsxs(_Fragment, { children: [_jsx("tr", { ref: (node) => {
+                    if (rowRef.current !== node) {
+                        rowRef.current = node;
+                    }
+                    setNodeRef(node);
+                }, className: classNames('ff-table-data-row ', tableBodyRowClass, {
                     'ff-table-disabled': row.disabled && isRowDisabled,
                     'ff-table-selected-node': selectedRow,
                 }), id: key, style: style, children: columns.map((column, columnIndex) => {
@@ -68,7 +81,7 @@ const SortableRow = memo(({ row, index, serialNumber, columns, tableBodyRowClass
                         }), children: _jsxs(Typography, { as: "div", color: tableDataTextColor, className: "ff-table-data-container", 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
                                             ? !!row.disabled
                                             : isRowCheckBoxDisable }) })), columnIndex === 0 && draggable && (_jsxs(_Fragment, { children: [_jsx("span", { className: row.disabled ? 'ff-table-drag' : '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}.` })] })), prepareData(row, column)] }) }, column.accessor + columnIndex));
-                }) }, key), isAccordionOpen ? (_jsx("tr", { children: _jsx("td", { className: "ff-table-data-cell", colSpan: columns.length, children: _jsx("div", { children: accordionContent ? accordionContent : null }) }) })) : null] }));
+                }) }, key), isAccordionOpen && (_jsx("tr", { ref: accordionRef, children: _jsx("td", { className: "ff-table-data-cell", colSpan: columns.length, children: _jsx("div", { style: { maxHeight: 'none', overflow: 'visible' }, children: accordionContent }) }) }))] }));
 }, 
 // OPTIMIZATION: Custom Memo Comparison
 // Returns true if props are equal (prevents re-render)

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

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

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

@@ -1,3 +1,3 @@
 import { VirtualizedRowsProps } from '../Types';
-declare const VirtualizedRows: import("react").MemoExoticComponent<({ paddingTop, paddingBottom, columnsLength, visibleRows, startIndex, columns, freezeColumns, frozenWidth, handleOnclick, isRowCheckBoxDisable, isRowDisabled, onSelectClick, tableBodyRowClass, tableDataTextColor, updateRowHeight, withCheckbox, draggable, editMode, editComponent, accordionContent, getAccordionStatus, selectedNode, }: VirtualizedRowsProps) => import("react/jsx-runtime").JSX.Element>;
+declare const VirtualizedRows: import("react").MemoExoticComponent<({ paddingTop, paddingBottom, columnsLength, visibleRows, startIndex, columns, freezeColumns, frozenWidth, handleOnclick, isRowCheckBoxDisable, isRowDisabled, onSelectClick, tableBodyRowClass, tableDataTextColor, updateRowHeight, withCheckbox, draggable, editMode, editComponent, accordionContent, getAccordionStatus, selectedNode, uniqueRowIdForAccordion, }: VirtualizedRowsProps) => import("react/jsx-runtime").JSX.Element>;
 export default VirtualizedRows;

package/lib/components/Table/components/VirtualizedRows.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { cloneElement, Fragment, isValidElement, memo, } from 'react';
 import SortableRow from './SortableRow';
-const VirtualizedRows = memo(({ paddingTop, paddingBottom, columnsLength, visibleRows, startIndex, columns, freezeColumns, frozenWidth, handleOnclick, isRowCheckBoxDisable, isRowDisabled, onSelectClick, tableBodyRowClass, tableDataTextColor, updateRowHeight, withCheckbox, draggable, editMode, editComponent, accordionContent, getAccordionStatus = () => { }, selectedNode, }) => {
+const VirtualizedRows = memo(({ paddingTop, paddingBottom, columnsLength, visibleRows, startIndex, columns, freezeColumns, frozenWidth, handleOnclick, isRowCheckBoxDisable, isRowDisabled, onSelectClick, tableBodyRowClass, tableDataTextColor, updateRowHeight, withCheckbox, draggable, editMode, editComponent, accordionContent, getAccordionStatus = () => { }, selectedNode, uniqueRowIdForAccordion, }) => {
     return (_jsxs(_Fragment, { children: [paddingTop > 0 && (_jsx("tr", { children: _jsx("td", { style: { height: paddingTop, padding: 0 }, colSpan: columnsLength }) })), visibleRows.map((row, i) => {
                 const absoluteIndex = startIndex + i;
                 const rowId = row._id ?? row.id;
@@ -12,7 +12,11 @@ const VirtualizedRows = memo(({ paddingTop, paddingBottom, columnsLength, visibl
                                     rowIndex: absoluteIndex + 1,
                                 }) }) }, `edit-${rowId}`));
                 }
-                const isOpen = getAccordionStatus(row?.id || row?._id);
+                const isOpen = getAccordionStatus(row?.id ||
+                    row?._id ||
+                    (uniqueRowIdForAccordion
+                        ? row?.[uniqueRowIdForAccordion]
+                        : undefined));
                 return (_jsx(Fragment, { children: _jsx(SortableRow, { row: row, index: absoluteIndex, serialNumber: absoluteIndex + 1, columns: columns, tableBodyRowClass: tableBodyRowClass, handleOnclick: handleOnclick, tableDataTextColor: tableDataTextColor, withCheckbox: withCheckbox, onSelectClick: onSelectClick, isRowCheckBoxDisable: isRowCheckBoxDisable, isRowDisabled: isRowDisabled, freezeColumns: freezeColumns, frozenWidth: frozenWidth, updateRowHeight: updateRowHeight, draggable: draggable, editMode: editMode, isAccordionOpen: isOpen, accordionContent: accordionContent, selectedNode: selectedNode }, rowId) }, row._id || absoluteIndex));
             }), paddingBottom > 0 && (_jsx("tr", { children: _jsx("td", { style: { height: paddingBottom, padding: 0 }, colSpan: columnsLength }) }))] }));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedRows.js","sourceRoot":"","sources":["../../../../src/components/Table/components/VirtualizedRows.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,IAAI,GAEL,MAAM,OAAO,CAAC;AAEf,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,eAAe,GAAG,IAAI,CAC1B,CAAC,EACC,UAAU,EACV,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,OAAO,EACP,aAAa,EACb,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,kBAAkB,GAAG,GAAG,EAAE,GAAE,CAAC,EAC7B,YAAY,GACS,EAAE,EAAE;IACzB,OAAO,CACL,8BAEG,UAAU,GAAG,CAAC,IAAI,CACjB,uBACE,aACE,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAAE,EACzC,OAAO,EAAE,aAAa,GACtB,GACC,CACN,EAGA,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;gBAC1B,MAAM,aAAa,GAAG,UAAU,GAAG,CAAC,CAAC;gBACrC,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,EAAE,CAAC;gBAEhC,IAAI,QAAQ,KAAK,KAAK,EAAE,CAAC;oBACvB,OAAO,CACL,aAA0B,SAAS,EAAC,UAAU,YAC5C,aAAI,OAAO,EAAE,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YACnD,cAAc,CAAC,aAAa,CAAC;gCAC5B,YAAY,CACV,aAGE,EACF;oCACE,OAAO,EAAE,GAAG;oCACZ,QAAQ,EAAE,aAAa,GAAG,CAAC;iCAC5B,CACF,GACA,IAbE,QAAQ,KAAK,EAAE,CAcnB,CACN,CAAC;gBACJ,CAAC;gBACD,MAAM,MAAM,GAAG,kBAAkB,CAAC,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC;gBACvD,OAAO,CACL,KAAC,QAAQ,cACP,KAAC,WAAW,IAEV,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,aAAa,EACpB,YAAY,EAAE,aAAa,GAAG,CAAC,EAC/B,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,oBAAoB,EAC1C,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,MAAM,EACvB,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,IAnBrB,KAAK,CAoBV,IAtBW,GAAG,CAAC,GAAG,IAAI,aAAa,CAuB5B,CACZ,CAAC;YACJ,CAAC,CAAC,EAGD,aAAa,GAAG,CAAC,IAAI,CACpB,uBACE,aACE,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,EAAE,EAC5C,OAAO,EAAE,aAAa,GACtB,GACC,CACN,IACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"VirtualizedRows.js","sourceRoot":"","sources":["../../../../src/components/Table/components/VirtualizedRows.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,IAAI,GAEL,MAAM,OAAO,CAAC;AAEf,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,eAAe,GAAG,IAAI,CAC1B,CAAC,EACC,UAAU,EACV,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,OAAO,EACP,aAAa,EACb,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,kBAAkB,GAAG,GAAG,EAAE,GAAE,CAAC,EAC7B,YAAY,EACZ,uBAAuB,GACF,EAAE,EAAE;IACzB,OAAO,CACL,8BAEG,UAAU,GAAG,CAAC,IAAI,CACjB,uBACE,aACE,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAAE,EACzC,OAAO,EAAE,aAAa,GACtB,GACC,CACN,EAGA,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;gBAC1B,MAAM,aAAa,GAAG,UAAU,GAAG,CAAC,CAAC;gBACrC,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,EAAE,CAAC;gBAEhC,IAAI,QAAQ,KAAK,KAAK,EAAE,CAAC;oBACvB,OAAO,CACL,aAA0B,SAAS,EAAC,UAAU,YAC5C,aAAI,OAAO,EAAE,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YACnD,cAAc,CAAC,aAAa,CAAC;gCAC5B,YAAY,CACV,aAGE,EACF;oCACE,OAAO,EAAE,GAAG;oCACZ,QAAQ,EAAE,aAAa,GAAG,CAAC;iCAC5B,CACF,GACA,IAbE,QAAQ,KAAK,EAAE,CAcnB,CACN,CAAC;gBACJ,CAAC;gBACD,MAAM,MAAM,GAAG,kBAAkB,CAC/B,GAAG,EAAE,EAAE;oBACL,GAAG,EAAE,GAAG;oBACR,CAAC,uBAAuB;wBACtB,CAAC,CAAC,GAAG,EAAE,CAAC,uBAAuB,CAAC;wBAChC,CAAC,CAAC,SAAS,CAAC,CACjB,CAAC;gBACF,OAAO,CACL,KAAC,QAAQ,cACP,KAAC,WAAW,IAEV,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,aAAa,EACpB,YAAY,EAAE,aAAa,GAAG,CAAC,EAC/B,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,oBAAoB,EAC1C,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,MAAM,EACvB,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,IAnBrB,KAAK,CAoBV,IAtBW,GAAG,CAAC,GAAG,IAAI,aAAa,CAuB5B,CACZ,CAAC;YACJ,CAAC,CAAC,EAGD,aAAa,GAAG,CAAC,IAAI,CACpB,uBACE,aACE,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,EAAE,EAC5C,OAAO,EAAE,aAAa,GACtB,GACC,CACN,IACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/TableTreeFn/Components/TableBody.d.ts

@@ -1,3 +1,3 @@
 import type { TableBodyProps } from '../types';
-declare const TableBody: ({ flattenedTreeData, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, newNode, onAddConfirm, onAddCancel, handleEditFieldError, expanding, rootNode, selectedNode, hideOnDisable, scriptLengthTruncate, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
+declare const TableBody: ({ flattenedTreeData, columnsData, columnMeta, rowHeight, startIndex, totalHeight, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, onAddConfirm, onAddCancel, handleEditFieldError, expanding, selectedNode, hideOnDisable, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, isEditable, setIsEditable, }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
 export default TableBody;

package/lib/components/TableTreeFn/Components/TableBody.js

@@ -1,12 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { addNewRow } from '../Utils/addNewRow';
 import TableRow from './TableRow';
-const TableBody = ({ flattenedTreeData, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, newNode, onAddConfirm, onAddCancel, handleEditFieldError, expanding, rootNode, selectedNode, hideOnDisable, scriptLengthTruncate, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, }) => {
-    // commenting this code to add editLabel component to rootnode when data is empty
-    // if (checkEmpty(flattenedTreeData)) {
-    //   return null;
-    // }
-    return (_jsx("tbody", { className: "ff-table-tree-body", children: addNewRow(flattenedTreeData, newNode ?? {}, rootNode)?.map((node, index) => !node?.hide ? (_jsx(TableRow, { node: node, columnsData: columnsData, selected: selected, select: select, onRowClick: onRowClick, onToggleExpand: onToggleExpand, onCheckBoxChange: onCheckBoxChange, onAddConfirm: onAddConfirm, onAddCancel: onAddCancel, handleEditFieldError: handleEditFieldError, isExpanding: node.key === expanding, index: index, selectedNode: selectedNode, hideOnDisable: hideOnDisable, scriptLengthTruncate: scriptLengthTruncate, addModuleInputWidth: addModuleInputWidth, addModuleSelectWidth: addModuleSelectWidth, disableEditLabelConfirmIcon: disableEditLabelConfirmIcon }, node.key)) : null) }));
+const TableBody = ({ flattenedTreeData, columnsData, columnMeta, rowHeight = 32, startIndex = 0, totalHeight = 0, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, onAddConfirm, onAddCancel, handleEditFieldError, expanding, selectedNode, hideOnDisable, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, isEditable, setIsEditable, }) => {
+    return (_jsx("div", { className: "ff-table-tree-fn-body", style: {
+            height: `${totalHeight}px`,
+            position: 'relative',
+        }, children: flattenedTreeData?.map((node, index) => (_jsx(TableRow, { node: node, columnsData: columnsData, columnMeta: columnMeta, selected: selected, select: select, onRowClick: onRowClick, onToggleExpand: onToggleExpand, onCheckBoxChange: onCheckBoxChange, onAddConfirm: onAddConfirm, onAddCancel: onAddCancel, handleEditFieldError: handleEditFieldError, isExpanding: node.key === expanding, index: startIndex + index, selectedNode: selectedNode, hideOnDisable: hideOnDisable, addModuleInputWidth: addModuleInputWidth, addModuleSelectWidth: addModuleSelectWidth, disableEditLabelConfirmIcon: disableEditLabelConfirmIcon, isEditable: isEditable, setIsEditable: setIsEditable, style: {
+                transform: `translateY(${(startIndex + index) * rowHeight}px)`,
+                height: `${rowHeight}px`,
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                right: 0,
+            } }, node.key))) }));
 };
 export default TableBody;
 //# sourceMappingURL=TableBody.js.map

package/lib/components/TableTreeFn/Components/TableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../../src/components/TableTreeFn/Components/TableBody.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,SAAS,GAAG,CAAC,EACjB,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACR,MAAM,EACN,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,GACZ,EAAE,EAAE;IACnB,iFAAiF;IACjF,uCAAuC;IACvC,iBAAiB;IACjB,IAAI;IAEJ,OAAO,CACL,gBAAO,SAAS,EAAC,oBAAoB,YAMlC,SAAS,CAAC,iBAAiB,EAAE,OAAO,IAAI,EAAE,EAAE,QAAQ,CAAC,EAAE,GAAG,CACzD,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACd,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CACZ,KAAC,QAAQ,IAEP,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,IAAI,CAAC,GAAG,KAAK,SAAS,EACnC,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,oBAAoB,EAC1C,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,oBAAoB,EAC1C,2BAA2B,EAAE,2BAA2B,IAlBnD,IAAI,CAAC,GAAG,CAmBb,CACH,CAAC,CAAC,CAAC,IAAI,CACX,GAKK,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../../src/components/TableTreeFn/Components/TableBody.tsx"],"names":[],"mappings":";AACA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,SAAS,GAAG,CAAC,EACjB,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,CAAC,EACd,WAAW,GAAG,CAAC,EACf,QAAQ,EACR,MAAM,EACN,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,SAAS,EACT,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,UAAU,EACV,aAAa,GACE,EAAE,EAAE;IACnB,OAAO,CACL,cACE,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE;YACL,MAAM,EAAE,GAAG,WAAW,IAAI;YAC1B,QAAQ,EAAE,UAAU;SACrB,YAEA,iBAAiB,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACvC,KAAC,QAAQ,IAEP,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,IAAI,CAAC,GAAG,KAAK,SAAS,EACnC,KAAK,EAAE,UAAU,GAAG,KAAK,EACzB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,oBAAoB,EAC1C,2BAA2B,EAAE,2BAA2B,EACxD,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE;gBACL,SAAS,EAAE,cAAc,CAAC,UAAU,GAAG,KAAK,CAAC,GAAG,SAAS,KAAK;gBAC9D,MAAM,EAAE,GAAG,SAAS,IAAI;gBACxB,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,CAAC;gBACN,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,CAAC;aACT,IA5BI,IAAI,CAAC,GAAG,CA6Bb,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/TableTreeFn/Components/TableCell.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableCellProps } from '../types';
-declare const TableCell: React.MemoExoticComponent<({ treeRowRef, col, node, selected, select, onCheckBoxChange, onToggleExpand, onAddConfirm, onAddCancel, handleEditFieldError, isExpanding, columnTextColor, hideOnDisable, scriptLengthTruncate, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
+declare const TableCell: React.MemoExoticComponent<({ treeRowRef, col, colIndex, columnMeta, node, selected, select, onCheckBoxChange, onToggleExpand, onAddConfirm, onAddCancel, handleEditFieldError, isExpanding, columnTextColor, hideOnDisable, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, isEditable, setIsEditable, }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
 export default TableCell;

package/lib/components/TableTreeFn/Components/TableCell.js

@@ -1,38 +1,37 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
-import { prepareData } from '../../../utils/TableCell/TableCell';
+import { prepareData } from '../Utils/TableCell';
+import { checkEmpty } from '../../../utils/checkEmpty/checkEmpty';
+import Tooltip from '../../Tooltip';
 import Checkbox from '../../Checkbox';
 import RadioButton from '../../RadioButton';
-import { checkEmpty } from '../../../utils/checkEmpty/checkEmpty';
 import AddModule from '../../EditLabel';
 import Arrow from '../../../assets/icons/arrows_down_icon.svg?react';
 import Spinner from '../../../assets/icons/spinner.svg?react';
-import Tooltip from '../../Tooltip';
-import { formatCellData } from '../Utils/formatDataCell';
 const renderSpaces = (level, parentSiblings = [], isLast, nextSibling, isContainer) => {
     let siblingsArray = parentSiblings;
-    let isLastNode = nextSibling !== undefined ? !nextSibling : isLast;
+    const isLastNode = nextSibling !== undefined ? !nextSibling : isLast;
     if (checkEmpty(parentSiblings)) {
         if (!isNaN(level)) {
             siblingsArray = Array(level).fill(true);
         }
     }
-    return (_jsx("div", { className: "tree-table-space-container", children: siblingsArray?.map((line, i) => (_jsx("span", { className: `tree-table-space-block tree-table-space-block-${i} ${!line ? 'no-lines' : ''} ${isLastNode && i === level - 1 ? 'last-node' : ''} ${isContainer ? 'folder' : ''}` }, i))) }));
+    return (_jsx("div", { className: "tree-table-fn-space-container", children: siblingsArray?.map((line, i) => (_jsx("span", { className: `tree-table-fn-space-block tree-table-fn-space-block-${i} ${!line ? 'no-lines' : ''} ${isLastNode && i === level - 1 ? 'last-node' : ''} ${isContainer ? 'folder' : ''}` }, i))) }));
 };
-const TableCell = React.memo(({ treeRowRef, col, node, selected, select, onCheckBoxChange, onToggleExpand, onAddConfirm, onAddCancel, handleEditFieldError, isExpanding, columnTextColor, hideOnDisable, scriptLengthTruncate, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, }) => {
+const TableCell = React.memo(({ treeRowRef, col, colIndex, columnMeta, node, selected, select, onCheckBoxChange, onToggleExpand, onAddConfirm, onAddCancel, handleEditFieldError, isExpanding, columnTextColor, hideOnDisable, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, isEditable, setIsEditable, }) => {
     //Todo uncomment the following code when we are highlighting the tree table nodes on hover
     // useEffect(() => {
     //   const handleHover = (event: MouseEvent, isHovering: boolean) => {
     //     const target = event.target as HTMLElement;
     //     const levelClass = Array.from(target.classList).find((cls) =>
-    //       cls.startsWith('tree-table-space-block-')
+    //       cls.startsWith('tree-table-fn-space-block-')
     //     );
     //     if (levelClass) {
     //       const level = levelClass.split('-').pop();
     //       // Check if level is valid before selecting elements
     //       if (level) {
     //         const sameLevelBlocks = document.querySelectorAll(
-    //           `.tree-table-space-block-${level}`
+    //           `.tree-table-fn-space-block-${level}`
     //         ) as NodeListOf<HTMLElement>;
     //         sameLevelBlocks.forEach((block) => {
     //           if (isHovering) {
@@ -45,7 +44,7 @@ const TableCell = React.memo(({ treeRowRef, col, node, selected, select, onCheck
     //     }
     //   };
     //   const spaceBlocks = document.querySelectorAll(
-    //     '.tree-table-space-block'
+    //     '.tree-table-fn-space-block'
     //   ) as NodeListOf<HTMLElement>;
     //   spaceBlocks.forEach((block) => {
     //     block.addEventListener('mouseenter', (e) => handleHover(e, true));
@@ -58,12 +57,19 @@ const TableCell = React.memo(({ treeRowRef, col, node, selected, select, onCheck
     //     });
     //   };
     // }, []);
-    return (_jsxs("td", { className: `ff-table-tree-td ${col.isTree && node.container ? 'folder' : ''}`, style: {
-            color: `${columnTextColor || 'var(--ff-primary-text-color)'}`,
-        }, children: [col.isTree &&
-                renderSpaces(node.hierarchy, node.parentSiblings, node.lastChild, node.nextSibling, node.container), _jsxs("div", { className: "tree-title-container", children: [col.isTree && (_jsx("span", { className: `tree-table-space-block  last-block last-block tree-table-space-block-${node.hierarchy} ${node?.expanded ? 'tree-row-expanded' : 'tree-row-collapsed'} ${node.container && node.expandable ? '' : 'no-folder'}`, children: node.container && node.expandable && (_jsxs("span", { onClick: () => onToggleExpand(node), children: [' ', isExpanding ? _jsx(Spinner, {}) : _jsx(Arrow, {})] })) })), _jsxs("span", { className: `tree-table-td-content ${col.isTree && node.container ? 'folder' : ''}`, children: [!node?.isNewNode && (_jsxs(_Fragment, { children: [col.isTree &&
+    const cellStyle = {
+        color: `${columnTextColor || 'var(--ff-primary-text-color)'}`,
+        width: columnMeta?.width ?? col?.width,
+        position: columnMeta?.sticky ? 'sticky' : undefined,
+        left: columnMeta?.sticky ? columnMeta.left : undefined,
+        zIndex: columnMeta?.sticky ? columnMeta.zIndex : undefined,
+    };
+    return (_jsxs("div", { className: `ff-table-tree-fn-td ${col.isTree && node.container ? 'folder' : ''} ${columnMeta?.sticky ? 'sticky-tree-column' : ''}`, "data-col-index": colIndex, style: cellStyle, children: [col.isTree &&
+                renderSpaces(node.hierarchy, node.parentSiblings, node.lastChild, node.nextSibling, node.container), _jsxs("div", { className: "tree-fn-title-container", children: [col.isTree && (_jsx("span", { className: `tree-table-fn-space-block  last-tree-fn-block last-tree-fn-block tree-table-fn-space-block-${node.hierarchy} ${node?.expanded
+                            ? 'tree-fn-row-expanded'
+                            : 'tree-fn-row-collapsed'} ${node.container && node.expandable ? '' : 'no-tree-folder'}`, children: node.container && node.expandable && (_jsxs("span", { onClick: () => onToggleExpand(node), children: [' ', isExpanding ? _jsx(Spinner, {}) : _jsx(Arrow, {})] })) })), _jsxs("span", { className: `tree-table-fn-td-content ${col.isTree && node.container ? 'folder' : ''}`, children: [!node?.isNewNode && (_jsxs(_Fragment, { children: [col.isTree &&
                                         select === 'checkbox' &&
-                                        !(hideOnDisable && node.unselectable) && (_jsx("span", { className: "tree-table-td-content-select", children: node.selectedStatus === 'none' ? (_jsx(Tooltip, { title: node?.currentEnvId &&
+                                        !(hideOnDisable && node.unselectable) && (_jsx("span", { className: "tree-table-fn-td-content-select", children: node.selectedStatus === 'none' ? (_jsx(Tooltip, { title: node?.currentEnvId &&
                                                 node?.envId &&
                                                 node?.currentEnvId !== node?.envId
                                                 ? 'This script is assigned to another environment. Selecting it will reassign it to the current environment.'
@@ -73,11 +79,10 @@ const TableCell = React.memo(({ treeRowRef, col, node, selected, select, onCheck
                                                 node.state === 'REVIEW' ||
                                                 node?.isDisable === true })) })), col.isTree &&
                                         select === 'radio' &&
-                                        !(hideOnDisable && node.unselectable) && (_jsx("span", { className: "tree-table-td-content-select", children: _jsx(RadioButton, { name: node.key, checked: selected.includes(node.key), value: node.key, onChange: (e) => onCheckBoxChange(e, node), disabled: node.unselectable ||
+                                        !(hideOnDisable && node.unselectable) && (_jsx("span", { className: "tree-table-fn-td-content-select", children: _jsx(RadioButton, { name: node.key, checked: selected.includes(node.key), value: node.key, onChange: (e) => onCheckBoxChange(e, node), disabled: node.unselectable ||
                                                 node.state === 'REVIEW' ||
-                                                node?.isDisable === true }) }))] })), node.isNewNode && col.isTree ? (_jsx(AddModule, { onCancel: onAddCancel, onConfirm: onAddConfirm, value: node.value, label: node?.label, optionsList: node.options, selectedOption: node.selectedOption, withDropdown: node.type === 'inputWithDropdown', handleCustomError: handleEditFieldError, inputFieldWidth: addModuleInputWidth, selectFieldWidth: addModuleSelectWidth, confirmIconTooltip: node.confirmIconTooltip, cancelIconTooltip: node.cancelIconTooltip, isOnBlurTrue: true, isDisable: { confirm: disableEditLabelConfirmIcon } })) : (_jsx("span", { className: "tree-table-td-content-text", children: formatCellData(prepareData(node, col), scriptLengthTruncate) }))] })] }), col.actions && !node?.isNewNode && (_jsx("div", { className: `table-tree-row-action`, children: (() => {
-                    return col.actions(node, treeRowRef);
-                })() }))] }));
+                                                node?.isDisable === true }) }))] })), _jsx("div", { className: "tree-table-cell-flex", children: node.isNewNode && col.isTree ? (_jsx(AddModule, { onCancel: onAddCancel, onConfirm: onAddConfirm, value: node.value, label: node?.label, optionsList: node.options, selectedOption: node.selectedOption, withDropdown: node.type === 'inputWithDropdown', handleCustomError: handleEditFieldError, inputFieldWidth: addModuleInputWidth, selectFieldWidth: addModuleSelectWidth, confirmIconTooltip: node.confirmIconTooltip, cancelIconTooltip: node.cancelIconTooltip, isEditable: isEditable, setIsEditable: setIsEditable, isOnBlurTrue: false, isDisable: { confirm: disableEditLabelConfirmIcon }, isTableTree: true })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "tree-table-fn-td-content-text", children: prepareData(node, col) }), col.actions && !node?.isNewNode && (_jsx("div", { className: "table-tree-fn-row-action", children: col.actions(node, treeRowRef) }))] })) })] })] })] }));
 });
+TableCell.displayName = 'TableCell';
 export default TableCell;
 //# sourceMappingURL=TableCell.js.map

package/lib/components/TableTreeFn/Components/TableCell.js.map

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

package/lib/components/TableTreeFn/Components/TableHead.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableHeadProps } from '../types';
-declare const TableHead: React.MemoExoticComponent<({ columnsData, rootNode, selected, onCheckBoxChange, selectedNode, tableHeaderBgColor, hideOnDisable, transparentHeader, scriptLengthTruncate, showHeader, }: TableHeadProps) => import("react/jsx-runtime").JSX.Element>;
+declare const TableHead: React.MemoExoticComponent<({ columnsData, columnMeta, totalWidth, rootNode, selected, onCheckBoxChange, selectedNode, tableHeaderBgColor, hideOnDisable, transparentHeader, showHeader, }: TableHeadProps) => import("react/jsx-runtime").JSX.Element>;
 export default TableHead;

package/lib/components/TableTreeFn/Components/TableHead.js

@@ -1,51 +1,45 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState, useEffect, useRef } from 'react';
+import { prepareData } from '../Utils/TableCell';
 import Checkbox from '../../Checkbox';
 import RadioButton from '../../RadioButton';
-import { formatCellData } from '../Utils/formatDataCell';
-import { prepareData } from '../../../utils/TableCell/TableCell';
-const TableHead = React.memo(({ columnsData, rootNode, selected, onCheckBoxChange, selectedNode, tableHeaderBgColor, hideOnDisable, transparentHeader, scriptLengthTruncate = 25, showHeader = true, }) => {
-    // const hasDefaultValues = useMemo(
-    //   () => columnsData.some(({ defaultValue }) => !!defaultValue),
-    //   [columnsData]
-    // );
+import AutoTruncateText from '../../AutoTruncateText';
+const TableHead = React.memo(({ columnsData, columnMeta, totalWidth, rootNode, selected, onCheckBoxChange, selectedNode, tableHeaderBgColor, hideOnDisable, transparentHeader, showHeader = true, }) => {
     const rootNodeRowRef = useRef(null);
     const [isMounted, setIsMounted] = useState(false);
-    const [didMouseEntered, setDidMouseEntered] = useState(false);
-    const handleMouseEnter = (e) => {
-        e.stopPropagation();
-        setDidMouseEntered(true);
-    };
-    const handleMouseLeave = (e) => {
-        e.stopPropagation();
-        setDidMouseEntered(false);
-    };
     useEffect(() => {
         setIsMounted(true);
     }, []);
-    return (_jsxs("thead", { className: "ff-table-tree-head", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [showHeader && (_jsx("tr", { className: "ff-table-tree-row no-hover", children: columnsData.map(({ name, width }) => (_jsx("th", { className: "ff-table-tree-th", style: {
-                        width: width,
+    const getCellStyle = (index, width) => {
+        const meta = columnMeta?.[index];
+        return {
+            width: meta?.width ?? width,
+            position: meta?.sticky ? 'sticky' : undefined,
+            left: meta?.sticky ? meta.left : undefined,
+            zIndex: meta?.sticky ? meta.zIndex : undefined,
+        };
+    };
+    return (_jsxs("div", { className: "ff-table-tree-fn-head", children: [showHeader && (_jsx("div", { className: "ff-table-tree-fn-row no-hover", style: { minWidth: totalWidth }, children: columnsData.map(({ name, width }, index) => (_jsx("div", { className: `ff-table-tree-fn-th ${columnMeta?.[index]?.sticky ? 'sticky-tree-column' : ''}`, "data-col-index": index, style: {
+                        ...getCellStyle(index, width),
                         backgroundColor: transparentHeader
                             ? 'transparent'
                             : tableHeaderBgColor,
                         pointerEvents: transparentHeader ? 'none' : 'auto',
-                    }, children: name }, name))) })), rootNode && (_jsx("tr", { className: `ff-table-tree-row show ${selectedNode && selectedNode === rootNode?.node?.key
+                    }, children: name }, name))) })), rootNode && (_jsx("div", { className: `ff-table-tree-fn-row show-tree ${selectedNode && selectedNode === rootNode?.node?.key
                     ? 'hover'
-                    : ''}`, ref: rootNodeRowRef, children: columnsData.map((col, index) => (_jsx("td", { className: "ff-table-tree-td", children: _jsxs("span", { className: "tree-table-default-content", children: [index === 0 &&
+                    : ''}`, ref: rootNodeRowRef, children: columnsData.map((col, index) => (_jsx("div", { className: `ff-table-tree-fn-td ${columnMeta?.[index]?.sticky ? 'sticky-tree-column' : ''}`, "data-col-index": index, style: getCellStyle(index, col.width), children: _jsxs("span", { className: `tree-table-fn-default-content ${index === 0 ? 'ff-table-root-index-0' : ''}`, children: [index === 0 &&
                                 rootNode.select === 'checkbox' &&
                                 !(hideOnDisable && rootNode.node.isDisabled) && (_jsx(Checkbox, { checked: rootNode?.node?.selectedStatus !== 'partially' &&
                                     (rootNode?.node?.selectedStatus === 'completely' ||
                                         false), partial: rootNode.node.selectedStatus === 'partially', onChange: (e) => onCheckBoxChange(e, rootNode.node), disabled: rootNode.node.isDisabled })), index === 0 &&
                                 rootNode.select === 'radio' &&
-                                !(hideOnDisable && rootNode.node.isDisabled) && (_jsx(RadioButton, { name: rootNode.node.key, checked: selected.includes(rootNode.node.key), value: rootNode.node.key, onChange: (e) => onCheckBoxChange(e, rootNode.node), disabled: rootNode.node.isDisabled })), _jsxs("span", { className: "tree-table-td-content-text", children: [col.accessor === 'name' ? (_jsx("span", { children: rootNode.node[col.accessor] })) : (_jsx("span", { children: formatCellData(prepareData(rootNode.node, col), scriptLengthTruncate) })), rootNode.cell && index === 0 && (_jsx("span", { className: "table-tree-root-cell", children: (() => {
-                                            return rootNode.cell(rootNode.node);
-                                        })() }))] }), didMouseEntered &&
-                                rootNode.actions &&
-                                index === 0 &&
-                                isMounted &&
-                                rootNodeRowRef.current && (_jsx("div", { className: "table-tree-row-action", children: (() => {
-                                    return rootNode.actions(rootNode.node, rootNodeRowRef);
-                                })() }))] }) }, index))) }))] }));
+                                !(hideOnDisable && rootNode.node.isDisabled) && (_jsx(RadioButton, { name: rootNode.node.key, checked: selected.includes(rootNode.node.key), value: rootNode.node.key, onChange: (e) => onCheckBoxChange(e, rootNode.node), disabled: rootNode.node.isDisabled })), _jsxs("div", { className: "tree-table-cell-flex", children: [_jsx(AutoTruncateText, { children: col.accessor === 'name'
+                                            ? rootNode.node[col.accessor]
+                                            : prepareData(rootNode.node, col) }), rootNode.cell && index === 0 && (_jsx("span", { className: "table-tree--fn-root-cell", children: rootNode.cell(rootNode.node) })), rootNode.actions &&
+                                        index === 0 &&
+                                        isMounted &&
+                                        rootNodeRowRef.current && (_jsx("div", { className: "table-tree-fn-row-action", children: rootNode.actions(rootNode.node, rootNodeRowRef) }))] })] }) }, index))) }))] }));
 });
+TableHead.displayName = 'TableHead';
 export default TableHead;
 //# sourceMappingURL=TableHead.js.map

package/lib/components/TableTreeFn/Components/TableHead.js.map

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

package/lib/components/TableTreeFn/Components/TableRow.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { TableRowProps } from '../types';
-declare const TableRow: React.MemoExoticComponent<({ node, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, onAddConfirm, onAddCancel, handleEditFieldError, isExpanding, index, selectedNode, hideOnDisable, scriptLengthTruncate, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
+declare const TableRow: React.MemoExoticComponent<({ node, columnsData, columnMeta, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, onAddConfirm, onAddCancel, handleEditFieldError, isExpanding, index, selectedNode, hideOnDisable, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, isEditable, setIsEditable, style, }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
 export default TableRow;

package/lib/components/TableTreeFn/Components/TableRow.js

@@ -1,9 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useRef } from 'react';
 import TableCell from './TableCell';
-const TableRow = React.memo(({ node, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, onAddConfirm, onAddCancel, handleEditFieldError, isExpanding, index, selectedNode, hideOnDisable, scriptLengthTruncate, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, }) => {
+const TableRow = React.memo(({ node, columnsData, columnMeta, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, onAddConfirm, onAddCancel, handleEditFieldError, isExpanding, index, selectedNode, hideOnDisable, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, isEditable, setIsEditable, style, }) => {
     const treeRowRef = useRef(null);
-    return (_jsx("tr", { "data-level": node.hierarchy, ref: treeRowRef, className: `ff-table-tree-row show ${selectedNode && selectedNode === node.key ? 'selected-node' : ''}`, onClick: (e) => onRowClick(e, node), id: index === 0 ? 'table-first-row' : node.key, children: columnsData.map((col) => (_jsx(TableCell, { treeRowRef: treeRowRef, col: col, node: node, selected: selected, select: select, onCheckBoxChange: onCheckBoxChange, onToggleExpand: onToggleExpand, onAddConfirm: onAddConfirm, onAddCancel: onAddCancel, handleEditFieldError: handleEditFieldError, isExpanding: isExpanding, hideOnDisable: hideOnDisable, scriptLengthTruncate: scriptLengthTruncate, addModuleInputWidth: addModuleInputWidth, addModuleSelectWidth: addModuleSelectWidth, disableEditLabelConfirmIcon: disableEditLabelConfirmIcon }, col.name))) }));
+    return (_jsx("div", { "data-level": node.hierarchy, ref: treeRowRef, className: `ff-table-tree-fn-row show-tree ${selectedNode && selectedNode === node.key ? 'fn-selected-node' : ''}`, onClick: (e) => onRowClick(e, node), onKeyDown: (e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+                onRowClick(e, node);
+            }
+        }, role: "button", tabIndex: 0, id: index === 0 ? 'table-fn-first-row' : node.key, style: style, children: columnsData.map((col, colIndex) => (_jsx(TableCell, { treeRowRef: treeRowRef, col: col, colIndex: colIndex, node: node, selected: selected, select: select, onCheckBoxChange: onCheckBoxChange, onToggleExpand: onToggleExpand, onAddConfirm: onAddConfirm, onAddCancel: onAddCancel, handleEditFieldError: handleEditFieldError, isExpanding: isExpanding, hideOnDisable: hideOnDisable, addModuleInputWidth: addModuleInputWidth, addModuleSelectWidth: addModuleSelectWidth, disableEditLabelConfirmIcon: disableEditLabelConfirmIcon, isEditable: isEditable, setIsEditable: setIsEditable, columnMeta: columnMeta?.[colIndex] }, col.name))) }));
 });
+TableRow.displayName = 'TableRow';
 export default TableRow;
 //# sourceMappingURL=TableRow.js.map

package/lib/components/TableTreeFn/Components/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/TableTreeFn/Components/TableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAItC,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CACzB,CAAC,EACC,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,MAAM,EACN,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,WAAW,EACX,KAAK,EACL,YAAY,EACZ,aAAa,EACb,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,GACb,EAAE,EAAE;IAClB,MAAM,UAAU,GAAG,MAAM,CAA6B,IAAI,CAAC,CAAC;IAC5D,OAAO,CACL,2BACc,IAAI,CAAC,SAAS,EAC1B,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,0BACT,YAAY,IAAI,YAAY,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAChE,EAAE,EACF,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,EACnC,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,YAE7C,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACxB,KAAC,SAAS,IACR,UAAU,EAAE,UAAU,EAEtB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,oBAAoB,EAC1C,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,oBAAoB,EAC1C,2BAA2B,EAAE,2BAA2B,IAfnD,GAAG,CAAC,IAAI,CAgBb,CACH,CAAC,GACC,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/TableTreeFn/Components/TableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CACzB,CAAC,EACC,IAAI,EACJ,WAAW,EACX,UAAU,EACV,QAAQ,EACR,MAAM,EACN,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,WAAW,EACX,KAAK,EACL,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,UAAU,EACV,aAAa,EACb,KAAK,GACS,EAAE,EAAE;IAClB,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACvD,OAAO,CACL,4BACc,IAAI,CAAC,SAAS,EAC1B,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,kCACT,YAAY,IAAI,YAAY,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EACnE,EAAE,EACF,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,EACnC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvC,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;YACtB,CAAC;QACH,CAAC,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EACjD,KAAK,EAAE,KAAK,YAEX,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAClC,KAAC,SAAS,IACR,UAAU,EAAE,UAAU,EAEtB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,oBAAoB,EAC1C,2BAA2B,EAAE,2BAA2B,EACxD,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EAAE,CAAC,QAAQ,CAAC,IAlB7B,GAAG,CAAC,IAAI,CAmBb,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,eAAe,QAAQ,CAAC"}

package/lib/components/TableTreeFn/TableTreeFn.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import './TableTree.scss';
+import './TableTreeFn.scss';
 import type { TreeTableProps } from './types';
 declare const TableTreeFn: React.ForwardRefExoticComponent<TreeTableProps & React.RefAttributes<HTMLDivElement>>;
 export default TableTreeFn;