saurabh-table-dnd-edit 1.1.0

package/lib/components/StepsLandingTable/Components/EditComponent.js

@@ -0,0 +1,35 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import Button from '../../Button';
+import Typography from '../../Typography';
+import Select from '../../Select';
+import Form from '../../Form/Forms';
+import './EditComponent.scss';
+import Icon from '../../Icon';
+//?DEMO COMPONENT
+const EditComponent = ({ rowData, rowIndex, handleAdd, handleCancel }) => {
+    const [initialFormState] = useState({
+        ifFailed: '',
+    });
+    return (_jsxs("section", { className: 'edit_depends_on_script', children: [_jsxs("header", { className: 'edit_depends_on_script__header', children: [_jsxs("div", { className: "edit_depends_on_script__header_text", children: [_jsxs(Typography, { as: "div", color: "var(--nlp-option-color)", lineHeight: "18px", children: [rowIndex, ".", rowData?.name] }), _jsx(Icon, { name: "go_to_script" })] }), _jsxs("div", { className: 'edit_depends_on_script__header_buttons', children: [_jsx(Button, { variant: "tertiary", children: "Cancel", onClick: handleCancel }), _jsx(Button, { variant: "primary", type: "submit", label: "Update" })] })] }), _jsx(Form, { onSubmit: (data) => handleAdd(data, rowIndex), defaultValues: initialFormState, children: ({ register, setValue, formState: { errors }, watch, trigger }) => {
+                    return (_jsx("div", { className: 'edit_depends_on_script__form', children: _jsx(Select, { label: "if Failed", optionsList: [
+                                {
+                                    label: 'Mark this script as Failed and continue dependant script execution',
+                                    value: 'MARK_THIS_SCRIPT_AS_FAILED_AND_CONTINUE_DEPENDANT_SCRIPT_EXECUTION',
+                                },
+                                {
+                                    label: 'Mark this script as Warning and continue dependant script execution',
+                                    value: 'MARK_THIS_SCRIPT_AS_WARNING_AND_CONTINUE_DEPENDANT_SCRIPT_EXECUTION',
+                                },
+                            ], ...register('ifFailed'), onChange: (option) => {
+                                setValue('ifFailed', option.label);
+                            }, errorMsg: errors.ifFailed?.message, optionZIndex: 9999, selectedOption: {
+                                label: watch('ifFailed'),
+                                value: watch('ifFailed'),
+                            }, onBlur: () => {
+                                trigger('ifFailed');
+                            } }) }));
+                } })] }));
+};
+export default EditComponent;
+//# sourceMappingURL=EditComponent.js.map

package/lib/components/StepsLandingTable/Components/EditComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditComponent.js","sourceRoot":"","sources":["../../../../src/components/StepsLandingTable/Components/EditComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAEpC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,IAAI,MAAM,YAAY,CAAC;AAE9B,iBAAiB;AACjB,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAO,EAAE,EAAE;IAC5E,MAAM,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CAAa;QAC9C,QAAQ,EAAE,EAAE;KACb,CAAC,CAAC;IACH,OAAO,CACL,mBAAS,SAAS,EAAE,wBAAwB,aAC1C,kBAAQ,SAAS,EAAE,gCAAgC,aACjD,eAAK,SAAS,EAAC,qCAAqC,aAClD,MAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,KAAK,EAAC,yBAAyB,EAC/B,UAAU,EAAC,MAAM,aAEhB,QAAQ,OAAG,OAAO,EAAE,IAAI,IACd,EACb,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,IACxB,EACN,eAAK,SAAS,EAAE,wCAAwC,aACtD,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,GAAI,EACtE,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,GAAG,IACrD,IACC,EACT,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,EAC7C,aAAa,EAAE,gBAAgB,YAE9B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;oBACjE,OAAO,CACL,cAAK,SAAS,EAAE,8BAA8B,YAC5C,KAAC,MAAM,IACL,KAAK,EAAC,WAAW,EACjB,WAAW,EAAE;gCACX;oCACE,KAAK,EACH,oEAAoE;oCACtE,KAAK,EACH,oEAAoE;iCACvE;gCACD;oCACE,KAAK,EACH,qEAAqE;oCACvE,KAAK,EACH,qEAAqE;iCACxE;6BACF,KACG,QAAQ,CAAC,UAAU,CAAC,EACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;gCACnB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;4BACrC,CAAC,EACD,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,EAClC,YAAY,EAAE,IAAI,EAClB,cAAc,EAAE;gCACd,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC;gCACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC;6BACzB,EACD,MAAM,EAAE,GAAG,EAAE;gCACX,OAAO,CAAC,UAAU,CAAC,CAAC;4BACtB,CAAC,GACD,GACE,CACP,CAAC;gBACJ,CAAC,GACI,IACC,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/StepsLandingTable/Components/RenderNlpInput.d.ts

@@ -0,0 +1,2 @@
+declare const RenderNlpInput: ({ handelChangeNlp, handleNlpSelect, nlpList, rowIndex, optionZIndex, rowData, }: any) => import("react/jsx-runtime").JSX.Element;
+export default RenderNlpInput;

package/lib/components/StepsLandingTable/Components/RenderNlpInput.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import NlpInput from '../../NLPInput';
+import { filterSearchData } from '../../NLPInput/sampleData';
+const RenderNlpInput = ({ handelChangeNlp, handleNlpSelect, nlpList, rowIndex, optionZIndex, rowData, }) => {
+    const [inputValue, setInputValue] = useState(rowData.name || '');
+    const [optionList, setOptionList] = useState(nlpList);
+    useEffect(() => {
+        setInputValue(rowData.name || '');
+    }),
+        [rowData.name];
+    const handleChange = (e) => {
+        handelChangeNlp(e.target.value);
+        setInputValue(e.target.value);
+        setOptionList(nlpList);
+    };
+    const handleSelect = (e) => {
+        setInputValue(e.displayName);
+        handleNlpSelect({
+            selectedNlp: e,
+            indexValue: rowIndex,
+            stepId: rowData.stepId,
+        });
+    };
+    return (_jsx(NlpInput, { label: "Search NLP", leftIcon: "ai_search", rightIcon: "help_icon", rightIconColor: "var(--nlp-color)", value: inputValue, optionZIndex: optionZIndex, onChange: handleChange, onSelect: handleSelect, optionsList: optionList, chipOptionList: filterSearchData, webServiceClick: () => {
+            alert('webServiceClick!');
+        }, onHelpIconClick: () => {
+            alert('Help icon clicked!!');
+        }, aiIconClick: () => {
+            alert('aiIconClick!');
+        }, containerWidth: '1000px' }));
+};
+export default RenderNlpInput;
+//# sourceMappingURL=RenderNlpInput.js.map

package/lib/components/StepsLandingTable/Components/RenderNlpInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderNlpInput.js","sourceRoot":"","sources":["../../../../src/components/StepsLandingTable/Components/RenderNlpInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,MAAM,cAAc,GAAG,CAAC,EACtB,eAAe,EACf,eAAe,EACf,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,OAAO,GACH,EAAE,EAAE;IACR,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IACjE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IACpC,CAAC,CAAC;QACA,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACjB,MAAM,YAAY,GAAG,CAAC,CAAM,EAAE,EAAE;QAC9B,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAChC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,aAAa,CAAC,OAAO,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,CAAM,EAAE,EAAE;QAC9B,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;QAC7B,eAAe,CAAC;YACd,WAAW,EAAE,CAAC;YACd,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,OAAO,CAAC,MAAM;SACvB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAC,WAAW,EACpB,SAAS,EAAC,WAAW,EACrB,cAAc,EAAC,kBAAkB,EACjC,KAAK,EAAE,UAAU,EACjB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,UAAU,EACvB,cAAc,EAAE,gBAAgB,EAChC,eAAe,EAAE,GAAG,EAAE;YACpB,KAAK,CAAC,kBAAkB,CAAC,CAAC;QAC5B,CAAC,EACD,eAAe,EAAE,GAAG,EAAE;YACpB,KAAK,CAAC,qBAAqB,CAAC,CAAC;QAC/B,CAAC,EACD,WAAW,EAAE,GAAG,EAAE;YAChB,KAAK,CAAC,cAAc,CAAC,CAAC;QACxB,CAAC,EACD,cAAc,EAAE,QAAQ,GACxB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/StepsLandingTable/Components/StepGroupAccordions.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+import { StepGroupAccordionsProp } from './Types';
+import './StepInnerTable.scss';
+declare const StepGroupAccordions: FC<StepGroupAccordionsProp>;
+export default StepGroupAccordions;

package/lib/components/StepsLandingTable/Components/StepGroupAccordions.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable import/order */
+import React, { memo, useRef, useEffect } from 'react';
+import './StepInnerTable.scss';
+import Typography from '../../Typography';
+import Icon from '../../Icon';
+const StepGroupAccordions = memo(({ data = [], level = 0, columnCount = 1, viewModeId, ViewComponent, handleClick, tableType, handleStepGroupExpand, isStepGroupExpanded, isViewPrivilegeMode, columns = [], parentIndex, updateRowHeight, }) => {
+    const rowRefs = useRef([]);
+    const typeSet = new Set(['Group', 'PRE', 'POST', 'Script']);
+    const getPadding = (type) => typeSet.has(type) ? '6px 8px' : '7px 8px';
+    const indent = level + 8;
+    const prepareData = (dataObj, columnObj, index, tableType) => {
+        const cellData = dataObj[columnObj.accessor];
+        if (columnObj.cell) {
+            const refId = dataObj._id || dataObj.id;
+            return columnObj.cell({
+                value: cellData,
+                row: dataObj,
+                column: columnObj.accessor,
+                index: index,
+                tableType: tableType,
+                ...(refId && { refId }),
+            });
+        }
+        else if (columnObj.accessor) {
+            return cellData;
+        }
+        else if (cellData && typeof cellData !== 'object') {
+            return cellData;
+        }
+        else {
+            return '--';
+        }
+    };
+    // Measure and report height with ResizeObserver
+    useEffect(() => {
+        if (!updateRowHeight)
+            return;
+        const resizeObserver = new ResizeObserver(() => {
+            let totalHeight = 0;
+            rowRefs.current.forEach((ref) => {
+                if (ref) {
+                    totalHeight += ref.getBoundingClientRect().height;
+                }
+            });
+            if (totalHeight > 0) {
+                updateRowHeight(parentIndex ?? 0, totalHeight);
+            }
+        });
+        rowRefs.current.forEach((ref) => {
+            if (ref)
+                resizeObserver.observe(ref);
+        });
+        return () => resizeObserver.disconnect();
+    }, [data, updateRowHeight, parentIndex, isStepGroupExpanded]);
+    return (_jsx(_Fragment, { children: data?.map((item, itemIndex) => {
+            const absoluteIndex = parentIndex ?? 0 + itemIndex + 1;
+            return (_jsxs(React.Fragment, { children: [viewModeId === item?.stepId ? (_jsx("tr", { ref: (el) => (rowRefs.current[itemIndex] = el), className: "steps-edit-row", id: "getInFocus", children: _jsx("td", { colSpan: columnCount, children: _jsx("div", { style: { marginLeft: `${indent}px` }, children: ViewComponent && _jsx(ViewComponent, {}) }) }) })) : (_jsx("tr", { ref: (el) => (rowRefs.current[itemIndex] = el), children: columns.map((col, idx) => (_jsx("td", { style: {
+                                maxWidth: col.width,
+                                padding: getPadding(item.type),
+                            }, children: _jsxs(Typography, { as: "div", className: "ff-data-checkbox-container", children: [_jsxs("div", { className: "ff-data-checkbox-container-content", style: {
+                                            marginLeft: idx === 0 ? `${indent}px` : 0,
+                                        }, onClick: () => {
+                                            const isClickable = idx === 0 &&
+                                                !item?.displayName?.includes('End') &&
+                                                !item?.isDisabled;
+                                            if (isClickable)
+                                                handleClick?.({ ...item, tableType });
+                                        }, children: [!isViewPrivilegeMode && idx === 0 && (_jsx("div", { style: { padding: '4px 18px' } })), prepareData({ ...item, marginLeft: indent }, col)] }), idx === 0 &&
+                                        ['Group', 'PRE', 'POST', 'Script'].includes(item.type) && (_jsx("div", { className: `ff-accordion-arrow ${isStepGroupExpanded?.(item.stepId)
+                                            ? 'expanded'
+                                            : ''}`, children: _jsx(Icon, { name: "arrow_right", color: isStepGroupExpanded?.(item.stepId)
+                                                ? 'var(--brand-color)'
+                                                : 'var(--default-color)', className: "steps-arrow-svg", width: 12, height: 12, onClick: () => handleStepGroupExpand?.({
+                                                ...item,
+                                                tableType,
+                                            }) }) }))] }) }, `${item.stepId}-${idx}`))) })), isStepGroupExpanded?.(item.stepId) && (_jsx(StepGroupAccordions, { data: item.data, level: indent, columnCount: columnCount, viewModeId: viewModeId, ViewComponent: ViewComponent, handleClick: handleClick, tableType: tableType, handleStepGroupExpand: handleStepGroupExpand, isStepGroupExpanded: isStepGroupExpanded, isViewPrivilegeMode: isViewPrivilegeMode, columns: columns, parentIndex: absoluteIndex, updateRowHeight: updateRowHeight }))] }, item.stepId));
+        }) }));
+});
+StepGroupAccordions.displayName = 'StepGroupAccordions';
+export default StepGroupAccordions;
+//# sourceMappingURL=StepGroupAccordions.js.map

package/lib/components/StepsLandingTable/Components/StepGroupAccordions.js.map

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

package/lib/components/StepsLandingTable/Components/StepInnerTable.d.ts

@@ -0,0 +1,4 @@
+import './StepInnerTable.scss';
+import { StepInnerTableProp } from './Types';
+declare const StepInnerTable: ({ data, columns, headerType, withCheckbox, onSelect, withFixedHeader, borderWithRadius, noDataContent, height, className, tableBodyRowClass, headerTextColor, tableDataTextColor, draggable, onDragEnd, loadMore, editMode, editComponent, NlpComponent, AddNlp, handleDragStart, tableType, viewModeId, ViewComponent, handleClick, selectedRows, handleStepGroupExpand, isStepGroupExpanded, stepPartialSelect, isViewPrivilegeMode, isClientSide, highlightKey, onHighlightComplete, }: StepInnerTableProp) => import("react/jsx-runtime").JSX.Element;
+export default StepInnerTable;

package/lib/components/StepsLandingTable/Components/StepInnerTable.js

@@ -0,0 +1,256 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, cloneElement, isValidElement, useState, useCallback, useMemo, } from 'react';
+import './StepInnerTable.scss';
+import { closestCorners, DndContext } from '@dnd-kit/core';
+import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
+import { SortableContext, verticalListSortingStrategy, } from '@dnd-kit/sortable';
+import classNames from 'classnames';
+import StepTableMainRow from './StepTableMainRow';
+import { appendNewRow } from '../../../utils/AppendNewRow/AppendNewRow';
+import { checkEmpty } from '../../../utils/checkEmpty/checkEmpty';
+import { isFunction } from '../../../assets/utils/functionUtils';
+import { ffid } from '../../../utils/ffID/ffid';
+const StepInnerTable = ({ data = [], columns = [], headerType, withCheckbox = false, onSelect, withFixedHeader = true, borderWithRadius = false, noDataContent, height = '100%', className = '', tableBodyRowClass = '', headerTextColor, tableDataTextColor, draggable = false, onDragEnd, loadMore = () => { }, editMode = '', editComponent, NlpComponent, AddNlp, handleDragStart, tableType, viewModeId, ViewComponent, handleClick, selectedRows, handleStepGroupExpand, isStepGroupExpanded, stepPartialSelect, isViewPrivilegeMode, isClientSide, highlightKey, onHighlightComplete, }) => {
+    const observerRef = useRef(null);
+    const containerRef = useRef(null);
+    const [scrollTop, setScrollTop] = useState(0);
+    const [containerHeight, setContainerHeight] = useState(0);
+    const [rowHeights, setRowHeights] = useState([]);
+    const [focusRowId, setFocusRowId] = useState(null);
+    const buffer = 5;
+    const estimatedRowHeight = 50;
+    const scrollTopBeforeReset = useRef(0); // Add this ref
+    useEffect(() => {
+        if (containerRef.current) {
+            setContainerHeight(containerRef.current.clientHeight);
+        }
+        const fullData = appendNewRow(data, AddNlp ?? {});
+        setRowHeights((prev) => {
+            const next = [...prev];
+            while (next.length < fullData.length)
+                next.push(estimatedRowHeight);
+            if (next.length > fullData.length)
+                next.length = fullData.length;
+            return next;
+        });
+    }, [data, AddNlp]);
+    useEffect(() => {
+        if (scrollTopBeforeReset.current > 0 && containerRef.current) {
+            containerRef.current.scrollTop = scrollTopBeforeReset.current;
+            scrollTopBeforeReset.current = 0;
+        }
+    }, [rowHeights]);
+    // Track focus row for edit/new rows
+    useEffect(() => {
+        // Prioritize highlightKey over other states
+        if (!checkEmpty(highlightKey)) {
+            setFocusRowId(highlightKey);
+        }
+        else if (editMode) {
+            setFocusRowId(editMode);
+        }
+        else if (AddNlp && Object.keys(AddNlp).length > 0) {
+            const newRow = appendNewRow(data, AddNlp).find((row) => row.isNew);
+            if (newRow) {
+                setFocusRowId(newRow.stepId || 'new-row');
+            }
+        }
+        else {
+            setFocusRowId(null);
+        }
+    }, [editMode, AddNlp, data, highlightKey]);
+    // Update scroll effect
+    useEffect(() => {
+        if (focusRowId && containerRef.current) {
+            const timer = setTimeout(() => {
+                const focusElement = containerRef.current?.querySelector(`[data-rowid="${focusRowId}"]`);
+                if (focusElement) {
+                    focusElement.scrollIntoView({
+                        behavior: 'smooth',
+                        block: 'nearest',
+                    });
+                    // ADD THIS: Reset highlight after scroll completes
+                    setTimeout(() => {
+                        if (!checkEmpty(highlightKey)) {
+                            onHighlightComplete?.();
+                        }
+                    }, 300); // Match scroll duration
+                }
+            }, 100);
+            return () => clearTimeout(timer);
+        }
+        return undefined;
+    }, [focusRowId, rowHeights, highlightKey, onHighlightComplete]);
+    // Handle scroll with debouncing to reduce frequent updates
+    const handleScroll = useCallback((e) => {
+        const scrollTopValue = e.currentTarget.scrollTop;
+        // Simple debounce: update only if scrollTop changes significantly or use a timer
+        setScrollTop(scrollTopValue);
+    }, []);
+    // Update row height callback with batching to reduce re-renders
+    const updateRowHeight = useCallback((index, height) => {
+        setRowHeights((prev) => {
+            const newHeights = [...prev];
+            if (index < newHeights.length && newHeights[index] !== height) {
+                newHeights[index] = height;
+                return newHeights;
+            }
+            return prev;
+        });
+    }, []); // Note: Could be optimized further with useReducer for batching multiple updates
+    // Memoize fullData to avoid recalculating
+    const fullData = useMemo(() => appendNewRow(data, AddNlp ?? {}), [data, AddNlp]);
+    const totalRows = fullData.length;
+    // Memoize virtualization calculations to avoid expensive loops on every render
+    const { startIndex, paddingTop, paddingBottom, visibleRows } = useMemo(() => {
+        let startIndex = 0;
+        let endIndex = totalRows - 1;
+        let paddingTop = 0;
+        let paddingBottom = 0;
+        if (rowHeights.length === totalRows && containerHeight > 0) {
+            let cumulativeHeight = 0;
+            // Find start index
+            for (let i = 0; i < totalRows; i++) {
+                if (cumulativeHeight <= scrollTop) {
+                    startIndex = i;
+                }
+                cumulativeHeight += rowHeights[i] ?? 0;
+            }
+            // Find end index
+            cumulativeHeight = 0;
+            for (let i = 0; i < totalRows; i++) {
+                cumulativeHeight += rowHeights[i] ?? 0;
+                if (cumulativeHeight >= scrollTop + containerHeight &&
+                    endIndex === totalRows - 1) {
+                    endIndex = i;
+                    break;
+                }
+            }
+            // Apply buffer
+            startIndex = Math.max(0, startIndex - buffer);
+            endIndex = Math.min(totalRows - 1, endIndex + buffer);
+            // Expand range to include focus row if needed
+            if (focusRowId) {
+                const focusIndex = fullData.findIndex((row) => row.stepId === focusRowId || (row.isNew && focusRowId === 'new-row'));
+                if (focusIndex >= 0) {
+                    if (focusIndex < startIndex) {
+                        startIndex = focusIndex;
+                    }
+                    else if (focusIndex > endIndex) {
+                        endIndex = focusIndex;
+                    }
+                }
+            }
+            // Calculate padding
+            paddingTop = rowHeights
+                .slice(0, startIndex)
+                .reduce((sum, height) => sum + height, 0);
+            paddingBottom = rowHeights
+                .slice(endIndex + 1)
+                .reduce((sum, height) => sum + height, 0);
+        }
+        else {
+            // Fallback to estimated virtualization
+            startIndex = Math.max(0, Math.floor(scrollTop / estimatedRowHeight) - buffer);
+            endIndex = Math.min(totalRows - 1, startIndex + Math.ceil(containerHeight / estimatedRowHeight) + buffer);
+            // Expand range to include focus row if needed
+            if (focusRowId) {
+                const focusIndex = fullData.findIndex((row) => row.stepId === focusRowId || (row.isNew && focusRowId === 'new-row'));
+                if (focusIndex >= 0) {
+                    if (focusIndex < startIndex) {
+                        startIndex = focusIndex;
+                    }
+                    else if (focusIndex > endIndex) {
+                        endIndex = focusIndex;
+                    }
+                }
+            }
+            paddingTop = startIndex * estimatedRowHeight;
+            paddingBottom = (totalRows - endIndex - 1) * estimatedRowHeight;
+        }
+        const visibleRows = fullData.slice(startIndex, endIndex + 1);
+        return { startIndex, endIndex, paddingTop, paddingBottom, visibleRows };
+    }, [
+        fullData,
+        totalRows,
+        rowHeights,
+        containerHeight,
+        scrollTop,
+        buffer,
+        focusRowId,
+        estimatedRowHeight,
+    ]);
+    // Infinite scroll observer - optimized dependencies
+    useEffect(() => {
+        const scrollContainer = containerRef.current;
+        const firstNode = document.getElementById('ff-table-first-node');
+        const lastNode = document.getElementById('ff-table-last-node');
+        if (!scrollContainer || !firstNode || !lastNode || !data?.length) {
+            return;
+        }
+        observerRef.current = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (entry.isIntersecting) {
+                    const direction = entry.target.id === 'ff-table-last-node' ? 'below' : 'above';
+                    loadMore(direction);
+                }
+            });
+        }, {
+            root: scrollContainer,
+            rootMargin: '8px',
+            threshold: 0.1,
+        });
+        observerRef.current.observe(firstNode);
+        observerRef.current.observe(lastNode);
+        return () => {
+            observerRef.current?.disconnect();
+        };
+    }, [data?.length, loadMore]); // Optimized: use data.length instead of data to avoid unnecessary re-runs
+    const handleOnclick = (column, row, index) => {
+        const { onClick, accessor } = column;
+        if (onClick && isFunction(onClick)) {
+            onClick(accessor, row, index);
+        }
+    };
+    const onSelectClick = (tableType, rowData, isChecked) => {
+        if (onSelect) {
+            onSelect(tableType, rowData, isChecked);
+        }
+    };
+    const handleDragEnd = (event) => {
+        const { active, over } = event;
+        if (!over || active.id === over.id)
+            return;
+        const oldIndex = data.findIndex((item) => item._id === active.id || item.stepId === active.id);
+        const newIndex = data.findIndex((item) => item._id === over.id || item.stepId === over.id);
+        if (oldIndex === -1 || newIndex === -1)
+            return;
+        if (onDragEnd)
+            onDragEnd(oldIndex, newIndex);
+    };
+    return (_jsx(DndContext, { collisionDetection: closestCorners, onDragStart: handleDragStart, onDragEnd: handleDragEnd, modifiers: [restrictToVerticalAxis], children: _jsx(SortableContext, { disabled: !draggable, items: data?.map((row) => row._id || row.stepId), strategy: verticalListSortingStrategy, children: _jsxs("div", { ref: containerRef, style: {
+                    height: height,
+                    position: 'relative',
+                    overflowY: height?.includes('vh') ? 'auto' : undefined,
+                }, id: "ff-table-scroll-container", className: classNames(className, {
+                    'ff-fixed-header-steps-table': withFixedHeader,
+                    'steps-border-borderRadius': borderWithRadius,
+                }), onScroll: handleScroll, children: [_jsxs("table", { className: classNames(`ff-table-steps`), cellSpacing: 0, children: [_jsx("thead", { className: 'steps-inner-thead', children: _jsx("tr", { children: columns?.map((column) => (_jsx("th", { className: classNames(`${headerType && `${headerType}-bg`}`, `${headerTextColor && `${headerTextColor}-color`}`), style: { width: column?.width } }, `${column.header}-${ffid()}`))) }) }), _jsxs("tbody", { className: "ff-steps-tbody", children: [_jsx("tr", { id: "ff-table-first-node", style: { display: 'none' } }), paddingTop > 0 && (_jsx("tr", { children: _jsx("td", { style: { height: paddingTop, padding: 0 }, colSpan: columns.length }) })), visibleRows.map((row, index) => {
+                                        const absoluteIndex = startIndex + index;
+                                        const isEdit = editMode === row.stepId;
+                                        const isEditOrNew = isEdit || row.isNew;
+                                        const isFocusRow = (isEdit && row.stepId === focusRowId) ||
+                                            (row.isNew && focusRowId === 'new-row');
+                                        const renderEditableRow = () => (_jsxs("tr", { className: "steps-edit-row", id: isFocusRow ? 'getInFocus' : undefined, "data-rowid": row.stepId || 'new-row', children: [isEdit && isValidElement(editComponent) && (_jsx("td", { colSpan: columns.length, children: cloneElement(editComponent, {
+                                                        rowData: row,
+                                                        rowIndex: absoluteIndex + 1,
+                                                    }) })), row.isNew && !isEdit && isValidElement(NlpComponent) && (_jsx("td", { colSpan: columns.length, children: cloneElement(NlpComponent, {
+                                                        rowIndex: absoluteIndex,
+                                                        rowData: row,
+                                                    }) }))] }, row.stepId || absoluteIndex));
+                                        const renderSortableRow = () => (_jsx(StepTableMainRow, { rowId: row.stepId, row: row, indexNumber: absoluteIndex, columns: columns, tableBodyRowClass: tableBodyRowClass, handleOnclick: handleOnclick, tableDataTextColor: tableDataTextColor, withCheckbox: withCheckbox, onSelectClick: onSelectClick, draggable: draggable, tableType: tableType, viewModeId: viewModeId, ViewComponent: ViewComponent, handleClick: handleClick, selectedRows: selectedRows, handleStepGroupExpand: handleStepGroupExpand, isStepGroupExpanded: isStepGroupExpanded, dataLength: data?.length, stepPartialSelect: stepPartialSelect, isViewPrivilegeMode: isViewPrivilegeMode, isClientSide: isClientSide, updateRowHeight: updateRowHeight }));
+                                        return isEditOrNew ? renderEditableRow() : renderSortableRow();
+                                    }), paddingBottom > 0 && (_jsx("tr", { children: _jsx("td", { style: { height: paddingBottom, padding: 0 }, colSpan: columns.length }) })), _jsx("tr", { id: "ff-table-last-node", style: { display: 'none' } })] })] }), data?.length <= 0 && (_jsx("div", { className: "steps-no-data-content", style: { height: `calc(${height} - 50px)` }, children: noDataContent }))] }) }) }));
+};
+export default StepInnerTable;
+//# sourceMappingURL=StepInnerTable.js.map

package/lib/components/StepsLandingTable/Components/StepInnerTable.js.map

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

package/lib/components/StepsLandingTable/Components/StepResultStats.d.ts

@@ -0,0 +1,4 @@
+import './StepInnerTable.scss';
+import { StepResultStatsProps } from './Types';
+declare const StepResultStats: React.FC<StepResultStatsProps>;
+export default StepResultStats;

package/lib/components/StepsLandingTable/Components/StepResultStats.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Typography from '../../Typography';
+import Tooltip from '../../Tooltip';
+import { truncateText } from '../../../utils/truncateText/truncateText';
+import './StepInnerTable.scss';
+const StepResultStats = ({ metaData, width = 0, }) => {
+    const total = metaData?.total || 0;
+    const statusList = [
+        {
+            name: 'Passed',
+            count: metaData?.totalPassed,
+            color: 'var(--status-approved-text-color)',
+        },
+        {
+            name: 'Failed',
+            count: metaData?.totalFailed,
+            color: 'var(--status-rejected-text-color)',
+        },
+        {
+            name: 'Warning',
+            count: metaData?.totalWarning,
+            color: 'var(--status-warning-text-color)',
+        },
+        {
+            name: 'Skipped',
+            count: metaData?.totalSkipped,
+            color: 'var(--status-skipped-text-color)',
+        },
+        {
+            name: 'Terminated',
+            count: metaData?.totalTerminated,
+            color: 'var(--status-skipped-text-color)',
+        },
+        {
+            name: 'Aborted',
+            count: metaData?.totalAborted,
+            color: 'var(--status-skipped-text-color)',
+        },
+    ];
+    // Filter only statuses with a count > 0
+    const visibleStatuses = statusList.filter((item) => item.count > 0);
+    // Full raw text (used in tooltip)
+    const fullText = visibleStatuses
+        .map(({ count, name }) => `${count}/${total} ${name}`)
+        .join(' ');
+    // Truncate entire line text based on provided width
+    const truncatedText = width
+        ? truncateText(fullText, width, 'pixel')
+        : fullText;
+    // Break truncated text into colored segments
+    const coloredSegments = [];
+    let cursor = 0;
+    for (const { count, name, color } of visibleStatuses) {
+        const segmentText = `${count}/${total} ${name}`;
+        if (cursor + segmentText.length <= truncatedText.length) {
+            coloredSegments.push({ text: segmentText, color });
+            cursor += segmentText.length + 1;
+        }
+        else {
+            const remainingText = truncatedText.slice(cursor).trim();
+            if (remainingText) {
+                coloredSegments.push({ text: remainingText, color });
+            }
+            break;
+        }
+    }
+    return (_jsx("div", { className: "ff-stepResultStats", children: _jsx(Tooltip, { title: fullText, children: _jsx(Typography, { as: "div", className: "status-inline-text", fontWeight: "semi-bold", children: coloredSegments.map(({ text, color }, index) => (_jsx(Typography, { as: "span", fontWeight: "semi-bold", style: { color, whiteSpace: 'nowrap' }, children: text + ' ' }, index))) }) }) }));
+};
+export default StepResultStats;
+//# sourceMappingURL=StepResultStats.js.map

package/lib/components/StepsLandingTable/Components/StepResultStats.js.map

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

package/lib/components/StepsLandingTable/Components/StepTableMainRow.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TableMainRowProp } from './Types';
+declare const StepTableMainRow: FC<TableMainRowProp>;
+export default StepTableMainRow;