saurabh-table-dnd-edit 1.1.0

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

@@ -0,0 +1,211 @@
+import React, { LegacyRef, ReactNode } from 'react';
+export interface ColumnsProps {
+    /**
+     * column name
+     */
+    header: string;
+    /**
+     * data key for particular column
+     */
+    accessor: string;
+    /**
+     * className for a column
+     */
+    className?: string;
+    /**
+     * width of a column
+     */
+    width?: number;
+    /**
+     * data for the column
+     */
+    cell?: (e: any) => JSX.Element | string | ReactNode;
+    onClick?: (colum: string, row: DataProps) => void;
+}
+export interface DataProps {
+    /**
+     * data for each row
+     */
+    [key: string]: any;
+}
+export interface SelectedItemProps {
+    /**
+     * selected row object | All selected flag
+     */
+    [key: string]: string | number | boolean;
+}
+export interface TableProps {
+    /**
+     * Data for table
+     */
+    data: Array<number | string | DataProps>;
+    /**
+     * Column details for table
+     */
+    columns: Array<any>;
+    /**
+     * Header type to have different background color
+     */
+    headerType: 'default' | 'primary' | 'secondary' | 'tertiary';
+    /**
+     * withFixedHeader prop to have non-scrollable fixed table header
+     */
+    withFixedHeader?: boolean;
+    /**
+     * borderWithRadius prop to have table with border 1px and borderRadius 5px
+     */
+    borderWithRadius?: boolean;
+    /**
+     * Check box feature to select the row
+     */
+    withCheckbox?: boolean;
+    /**
+     * Event for checkbox onClick
+     */
+    onSelect?: (e: object, arg: SelectedItemProps) => void;
+    /**
+     * Check box feature to select the row
+     */
+    allSelected?: boolean;
+    /**
+     * send true to show partial checkbox in the header
+     */
+    partialSelected?: boolean;
+    /**
+     * send true to disable the checkbox in the header
+     */
+    headerCheckboxDisabled?: boolean;
+    /**
+     * The content that to be displayed if no data not found
+     */
+    noDataContent?: string | ReactNode;
+    /**
+     * Image that to be displayed if you don't have data
+     */
+    noDataImage?: string;
+    /**
+     * Size of the image that to be displayed if you don't have data
+     */
+    noDataImageSize?: 'x-large' | 'large' | 'medium' | 'small' | 'x-small';
+    /**
+     *  Height of the table in string
+     */
+    height?: string;
+    /**
+     *  classNames for the table container
+     */
+    className?: string;
+    /**
+     *  classNames for the table Header container
+     */
+    tableHeadClass?: string;
+    /**
+     *  classNames for the table Row container
+     */
+    tableBodyRowClass?: string;
+    /**
+     * custom color for the column text
+     */
+    headerTextColor?: 'default' | 'primary';
+    /**
+     * custom color for the row text
+     */
+    tableDataTextColor?: string;
+    /**
+     * icon for the table header, for expand or other purposes
+     */
+    headerIconName?: string;
+    /**
+     * tooltip title for the table header icon
+     */
+    headerIconTooltipTitle?: string;
+    /**
+     * handle function for the table header icon
+     */
+    headerIconOnClick?: () => void;
+    /**
+     * Drag and Drop pass true to enable
+     */
+    draggable?: boolean;
+    /**
+     * Drag and Drop indexes
+     */
+    onDragEnd?: (startIndex: number, endIndex: number) => void | undefined;
+    loadMore?: (_direction?: string) => void;
+    /**
+     * get the status of the accordion which is open or close
+     */
+    getAccordionStatus?: Function;
+    /**
+     * content for the accordion
+     */
+    accordionContent?: ReactNode;
+    /**
+     * enable editMode by setting state row id
+     */
+    editMode?: string | null;
+    /**
+     * The content that to be displayed if editComponent
+     */
+    editComponent?: ReactNode;
+    /**
+     * tableRef to get the scroll position & to pass control of table to parent component
+     */
+    tableRef?: LegacyRef<HTMLTableSectionElement> | React.RefObject<HTMLTableSectionElement> | null;
+    /**
+     * Explicitly handling the checkbox disability for the row.
+     */
+    isRowCheckBoxDisable?: boolean;
+    /**
+     * Explicitly handling the disability for the row.
+     */
+    isRowDisabled?: boolean;
+    /**
+     * z-index for the table header
+     */
+    tableHeaderZindex?: number;
+    freezeColumns?: number;
+    displayCard?: boolean;
+}
+export interface FormValues {
+    ifFailed: string | null;
+}
+export interface TableHeaderProps {
+    columns: ColumnsProps[];
+    freezeColumns?: number;
+    headerType?: string;
+    tableHeadClass?: string;
+    headerTextColor?: string;
+    headerCheckboxDisabled?: boolean;
+    withCheckbox?: boolean;
+    allSelected?: boolean;
+    partialSelected?: boolean;
+    headerIconName?: string;
+    headerIconOnClick?: () => void;
+    headerIconTooltipTitle?: string;
+    tableHeaderZindex?: number;
+    onSelectClick: (e: any, payload: any) => void;
+    withFixedHeader?: boolean;
+}
+export interface VirtualizedRowsProps {
+    paddingTop: number;
+    paddingBottom: number;
+    columnsLength: number;
+    visibleRows: any[];
+    startIndex: number;
+    columns: ColumnsProps[];
+    tableBodyRowClass?: string;
+    handleOnclick?: (_column: ColumnsProps, _row: DataProps) => void;
+    tableDataTextColor?: string;
+    withCheckbox?: boolean;
+    onSelectClick?: (_e: object, _item: SelectedItemProps) => void;
+    isRowCheckBoxDisable?: boolean;
+    isRowDisabled?: boolean;
+    freezeColumns?: number;
+    frozenWidth?: number;
+    updateRowHeight?: (index: number, height: number) => void;
+    draggable?: boolean;
+    onDragEnd?: (startIndex: number, endIndex: number) => void | undefined;
+    editMode?: string | null;
+    editComponent?: ReactNode;
+}

package/lib/components/Table/Types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Types.js","sourceRoot":"","sources":["../../../src/components/Table/Types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+declare const SortableRow: import("react").MemoExoticComponent<({ row, index, serialNumber, columns, tableBodyRowClass, handleOnclick, tableDataTextColor, withCheckbox, onSelectClick, draggable, isRowCheckBoxDisable, isRowDisabled, freezeColumns, updateRowHeight, editMode, isAccordionOpen, accordionContent, }: any) => import("react/jsx-runtime").JSX.Element>;
+export default SortableRow;

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

@@ -0,0 +1,81 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, memo } from 'react';
+import classNames from 'classnames';
+import Typography from '../../Typography';
+import Icon from '../../Icon';
+import Checkbox from '../../Checkbox';
+import { prepareData } from '../../../utils/TableCell/TableCell';
+import { getColumnLeftPosition } from '../utils/virtualization';
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+// OPTIMIZATION: Memoize to prevent re-rendering when parent Table updates
+const SortableRow = memo(({ row, index, serialNumber, columns, tableBodyRowClass, handleOnclick, tableDataTextColor, withCheckbox, onSelectClick, draggable, isRowCheckBoxDisable, isRowDisabled, freezeColumns, updateRowHeight, editMode, isAccordionOpen, accordionContent, }) => {
+    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
+        id: row?._id || row?.id,
+        disabled: row.disabled || !!editMode,
+    });
+    const rowRef = useRef(null);
+    useEffect(() => {
+        const element = rowRef.current;
+        if (!element || !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);
+                }
+            }
+        });
+        observer.observe(element);
+        return () => {
+            observer.disconnect();
+        };
+    }, [index, updateRowHeight]);
+    const key = row._id || row.id;
+    const style = {
+        transform: CSS.Transform.toString(transform),
+        transition,
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("tr", { ref: setNodeRef, className: classNames('ff-table-data-row ', tableBodyRowClass, {
+                    'ff-table-disabled': row.disabled && isRowDisabled,
+                }), id: key, style: style, children: columns.map((column, columnIndex) => {
+                    const isFrozen = freezeColumns && columnIndex < freezeColumns;
+                    return (_jsx("td", { onClick: () => handleOnclick(column, row), style: {
+                            position: isFrozen ? 'sticky' : 'static',
+                            left: isFrozen
+                                ? getColumnLeftPosition(columnIndex, columns, freezeColumns)
+                                : 'auto',
+                            zIndex: isFrozen ? 100 : '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',
+                        }, className: classNames('ff-table-data-cell ff-table-icon-container', column.className, {
+                            'ff-table-clickable-cell': column.onClick,
+                            'ff-table-sticky-column': isFrozen,
+                        }), 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] }));
+}, 
+// OPTIMIZATION: Custom Memo Comparison
+// Returns true if props are equal (prevents re-render)
+(prev, next) => {
+    return (prev.row === next.row &&
+        prev.index === next.index &&
+        prev.serialNumber === next.serialNumber &&
+        prev.updateRowHeight === next.updateRowHeight &&
+        prev.columns === next.columns);
+});
+export default SortableRow;
+//# sourceMappingURL=SortableRow.js.map

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

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

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

@@ -0,0 +1,3 @@
+import { TableHeaderProps } from '../Types';
+declare const TableHeader: import("react").MemoExoticComponent<(props: TableHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+export default TableHeader;

package/lib/components/Table/components/TableHeader.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import classNames from 'classnames';
+import { getColumnLeftPosition } from '../utils/virtualization';
+import Tooltip from '../../Tooltip';
+import Icon from '../../Icon';
+import Typography from '../../Typography';
+import Checkbox from '../../Checkbox';
+const TableHeader = memo((props) => {
+    const { columns, freezeColumns, headerType, tableHeadClass, headerTextColor, headerCheckboxDisabled, withCheckbox, allSelected, partialSelected, headerIconName = '', headerIconOnClick, headerIconTooltipTitle, tableHeaderZindex, onSelectClick, withFixedHeader, } = props;
+    return (_jsx("thead", { className: classNames('ff-table-header', { 'ff-table-fixed-header': withFixedHeader }, tableHeadClass), style: { zIndex: tableHeaderZindex }, children: _jsx("tr", { children: columns.map((column, index) => {
+                const isFrozen = freezeColumns && index < freezeColumns;
+                return (_jsxs("th", { className: classNames('ff-table-header-cell', headerType !== 'default' ? `ff-table-${headerType}-bg` : '', headerTextColor && `ff-table-${headerTextColor}-color`), style: {
+                        position: isFrozen ? 'sticky' : 'static',
+                        left: isFrozen
+                            ? getColumnLeftPosition(index, columns, freezeColumns)
+                            : 'auto',
+                        zIndex: isFrozen ? 999 : 'auto',
+                        width: column.width ? `${column.width}px` : 'auto',
+                        padding: '8px 8px',
+                        boxSizing: 'border-box',
+                        paddingRight: isFrozen ? 0 : '8px',
+                    }, children: [_jsx("div", { className: "ff-table-icon", children: _jsx(Tooltip, { title: headerIconTooltipTitle || '', placement: "bottom", children: _jsx(Icon, { height: 14, width: 14, name: headerIconName, onClick: headerIconOnClick, cursorType: "pointer" }) }) }), _jsxs(Typography, { style: column.width ? { width: column.width } : undefined, as: "div", fontWeight: "semi-bold", className: "ff-table-label-checkbox-container", children: [index === 0 && withCheckbox && (_jsx("span", { className: "ff-table-checkbox-table", children: _jsx(Checkbox, { onChange: (e) => onSelectClick(e, {
+                                            allSelected: e.target.checked,
+                                        }), checked: allSelected || false, partial: !!partialSelected, disabled: headerCheckboxDisabled }) })), column.header] })] }, column.header));
+            }) }) }));
+});
+export default TableHeader;
+//# sourceMappingURL=TableHeader.js.map

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

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

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

@@ -0,0 +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, }: VirtualizedRowsProps) => import("react/jsx-runtime").JSX.Element>;
+export default VirtualizedRows;

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

@@ -0,0 +1,19 @@
+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, }) => {
+    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;
+                if (editMode === rowId) {
+                    return (_jsx("tr", { className: "edit-row", children: _jsx("td", { colSpan: columns.length, style: { padding: '0px' }, children: isValidElement(editComponent) &&
+                                cloneElement(editComponent, {
+                                    rowData: row,
+                                    rowIndex: absoluteIndex + 1,
+                                }) }) }, `edit-${rowId}`));
+                }
+                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 }, rowId) }, row._id || absoluteIndex));
+            }), paddingBottom > 0 && (_jsx("tr", { children: _jsx("td", { style: { height: paddingBottom, padding: 0 }, colSpan: columnsLength }) }))] }));
+});
+export default VirtualizedRows;
+//# sourceMappingURL=VirtualizedRows.js.map

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

@@ -0,0 +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,GACQ,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;gBAED,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,IAhBb,KAAK,CAiBV,IAnBW,GAAG,CAAC,GAAG,IAAI,aAAa,CAoB5B,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/Table/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Table';

package/lib/components/Table/index.js

@@ -0,0 +1,2 @@
+export { default } from './Table';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,6 @@
+export declare const DEFAULT_ROW_HEIGHT = 50;
+export declare const BUFFER_SIZE = 5;
+export declare const DEFAULT_COLUMN_WIDTH = 400;
+export declare const CELL_PADDING = 8;
+export declare const FF_TABLE_FIRST_NODE_ID = "ff-table-first-node";
+export declare const FF_TABLE_LAST_NODE_ID = "ff-table-last-node";

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

@@ -0,0 +1,9 @@
+// ---- STATIC VALUES ----
+export const DEFAULT_ROW_HEIGHT = 50;
+export const BUFFER_SIZE = 5;
+export const DEFAULT_COLUMN_WIDTH = 400;
+export const CELL_PADDING = 8;
+// ---- DOM IDs ----
+export const FF_TABLE_FIRST_NODE_ID = 'ff-table-first-node';
+export const FF_TABLE_LAST_NODE_ID = 'ff-table-last-node';
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/Table/utils/constants.ts"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AACrC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAC;AAE7B,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAExC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC;AAE9B,oBAAoB;AACpB,MAAM,CAAC,MAAM,sBAAsB,GAAG,qBAAqB,CAAC;AAC5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,oBAAoB,CAAC"}

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

@@ -0,0 +1,7 @@
+export declare const getColumnLeftPosition: (index: number, columns: {
+    width?: number;
+}[], freezeColumns?: number) => string;
+export declare const calculateFrozenWidth: (columnData: {
+    width?: number;
+}[], freezeColumns: number) => number;
+export declare const binarySearch: (arr: number[], target: number) => number;

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

@@ -0,0 +1,41 @@
+import { CELL_PADDING, DEFAULT_COLUMN_WIDTH } from "./constants";
+export const getColumnLeftPosition = (index, columns, freezeColumns) => {
+    if (index === 0)
+        return '0px';
+    let leftPosition = 0;
+    for (let i = 0; i < index; i++) {
+        const width = columns[i]?.width;
+        leftPosition += width ? parseInt(width.toString(), 10) : DEFAULT_COLUMN_WIDTH;
+        if (freezeColumns && i < freezeColumns - 1) {
+            leftPosition += CELL_PADDING;
+        }
+    }
+    return `${leftPosition}px`;
+};
+export const calculateFrozenWidth = (columnData, freezeColumns) => {
+    return (columnData
+        .slice(0, freezeColumns)
+        .reduce((acc, col) => acc +
+        parseInt(col.width?.toString() || `${DEFAULT_COLUMN_WIDTH}`, 10), 1) +
+        CELL_PADDING * (freezeColumns - 0.17));
+};
+// Utility: Simple binary search to find the index where cumulativeHeights[i] > target
+// Returns the index of the first element greater than or equal to the target.
+export const binarySearch = (arr, target) => {
+    let low = 0;
+    let high = arr.length - 1;
+    let result = arr.length; // Default to size if target is greater than all elements
+    while (low <= high) {
+        const mid = Math.floor((low + high) / 2);
+        // FIX: Use the non-null assertion operator '!'
+        if (arr[mid] >= target) {
+            result = mid;
+            high = mid - 1;
+        }
+        else {
+            low = mid + 1;
+        }
+    }
+    return result;
+};
+//# sourceMappingURL=virtualization.js.map

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

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

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

@@ -0,0 +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;
+export default TableBody;

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } 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 (_jsxs("tbody", { className: "ff-table-tree-body", children: [_jsx("div", { style: { position: 'sticky', left: 0 }, id: "ff-table-tree-first-node" }), 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), _jsx("div", { style: { position: 'sticky', left: 0 }, id: "ff-table-tree-last-node" })] }));
+};
+export default TableBody;
+//# sourceMappingURL=TableBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../../src/components/TableTree/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,iBAAO,SAAS,EAAC,oBAAoB,aACnC,cACE,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,EACtC,EAAE,EAAC,0BAA0B,GAC7B,EAED,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,EACD,cACE,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,EACtC,EAAE,EAAC,yBAAyB,GAC5B,IACI,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +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>;
+export default TableCell;

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

@@ -0,0 +1,81 @@
+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 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, isContainer) => {
+    let siblingsArray = parentSiblings;
+    let isLastNode = 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))) }));
+};
+const TableCell = React.memo(({ treeRowRef, col, node, selected, select, onCheckBoxChange, onToggleExpand, onAddConfirm, onAddCancel, handleEditFieldError, isExpanding, columnTextColor, hideOnDisable, scriptLengthTruncate, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, }) => {
+    //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-')
+    //     );
+    //     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}`
+    //         ) as NodeListOf<HTMLElement>;
+    //         sameLevelBlocks.forEach((block) => {
+    //           if (isHovering) {
+    //             block.classList.add('tree-table-hovered');
+    //           } else {
+    //             block.classList.remove('tree-table-hovered');
+    //           }
+    //         });
+    //       }
+    //     }
+    //   };
+    //   const spaceBlocks = document.querySelectorAll(
+    //     '.tree-table-space-block'
+    //   ) as NodeListOf<HTMLElement>;
+    //   spaceBlocks.forEach((block) => {
+    //     block.addEventListener('mouseenter', (e) => handleHover(e, true));
+    //     block.addEventListener('mouseleave', (e) => handleHover(e, false));
+    //   });
+    //   return () => {
+    //     spaceBlocks.forEach((block) => {
+    //       block.removeEventListener('mouseenter', (e) => handleHover(e, true));
+    //       block.removeEventListener('mouseleave', (e) => handleHover(e, false));
+    //     });
+    //   };
+    // }, []);
+    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.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 &&
+                                        select === 'checkbox' &&
+                                        !(hideOnDisable && node.unselectable) && (_jsx("span", { className: "tree-table-td-content-select", children: node.selectedStatus === 'none' ? (_jsx(Tooltip, { title: !!node.machine
+                                                ? 'This script is assigned to another environment. Selecting it will reassign it to the current environment.'
+                                                : undefined, children: _jsx(Checkbox, { checked: node.selectedStatus === 'completely', partial: node.selectedStatus === 'partially', onChange: (e) => onCheckBoxChange(e, node), disabled: node.unselectable ||
+                                                    node.state === 'REVIEW' ||
+                                                    node?.isDisable === true, isDefaultHover: node.selectedStatus === 'none' && !!node.machine }) })) : (_jsx(Checkbox, { checked: node.selectedStatus === 'completely', partial: node.selectedStatus === 'partially', onChange: (e) => onCheckBoxChange(e, node), disabled: node.unselectable ||
+                                                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 ||
+                                                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);
+                })() }))] }));
+});
+export default TableCell;
+//# sourceMappingURL=TableCell.js.map

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

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

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

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