saurabh-table-dnd-edit 1.1.0

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

@@ -0,0 +1,140 @@
+import { ReactNode } from 'react';
+import { TreeNodeProps as TreeNode } from '../../ComponentProps/TreeNodeProps';
+interface NewNode {
+    sourceId?: string;
+    payloadSourceId?: string;
+    action?: 'addAbove' | 'addBelow' | 'addInside';
+    type?: 'input' | 'inputWithDropdown';
+    options?: [];
+    selectedOption?: string;
+    value?: string;
+    error?: string;
+    label?: string;
+    confirmIconTooltip?: string;
+    cancelIconTooltip?: string;
+}
+declare type JSX = ReactNode | JSX.Element[] | string | null;
+export interface TableCellProps {
+    treeRowRef?: React.RefObject<HTMLDivElement | null>;
+    col: any;
+    node: any;
+    selected: string[];
+    select: string | null;
+    onCheckBoxChange: (e: any, node: string[] | any) => void;
+    onToggleExpand: (node: any) => void;
+    index?: number;
+    onAddConfirm?: (_name: string, _type?: Option) => void;
+    onAddCancel?: () => void;
+    handleEditFieldError?: (inputText: string) => string;
+    isExpanding?: boolean;
+    columnTextColor?: string;
+    hideOnDisable?: boolean;
+    scriptLengthTruncate: number;
+    addModuleInputWidth?: number;
+    addModuleSelectWidth?: number;
+    disableEditLabelConfirmIcon?: boolean;
+}
+export type RootNode = {
+    node: any;
+    select: 'radio' | 'checkbox' | 'none';
+    cell?: (row: any) => JSX;
+    actions?: (row: any, treeRowRef?: React.RefObject<HTMLDivElement | null>) => JSX;
+};
+export interface TableHeadProps {
+    columnsData: any[];
+    rootNode?: RootNode;
+    selected: string[];
+    selectedNode?: string;
+    tableHeaderBgColor?: string;
+    onCheckBoxChange: (e: any, node: string[] | any) => void;
+    hideOnDisable?: boolean;
+    transparentHeader?: boolean;
+    scriptLengthTruncate?: number;
+}
+export interface TableBodyProps {
+    flattenedTreeData: any[];
+    columnsData: any[];
+    selected: string[];
+    select: string | null;
+    onRowClick: (e: any, node: any) => void;
+    onToggleExpand: (node: TreeNode) => void;
+    onCheckBoxChange: (e: any, node: string[] | any) => void;
+    newNode?: NewNode;
+    onAddConfirm?: (_name: string, _type?: Option) => void;
+    onAddCancel?: () => void;
+    handleEditFieldError?: (inputText: string) => string;
+    expanding?: string | null;
+    rootNode: TreeNode;
+    selectedNode?: string;
+    hideOnDisable?: boolean;
+    scriptLengthTruncate: number;
+    addModuleInputWidth?: number;
+    addModuleSelectWidth?: number;
+    disableEditLabelConfirmIcon?: boolean;
+}
+export interface TableRowProps {
+    node: any;
+    columnsData: any[];
+    selected: string[];
+    select: string | null;
+    onRowClick: (e: any, node: any) => void;
+    onToggleExpand: (node: TreeNode) => void;
+    onCheckBoxChange: (e: any, node: string[] | any) => void;
+    index?: number;
+    onAddConfirm?: (_name: string, _type?: Option) => void;
+    onAddCancel?: () => void;
+    handleEditFieldError?: (inputText: string) => string;
+    isExpanding?: boolean;
+    selectedNode?: string;
+    hideOnDisable?: boolean;
+    scriptLengthTruncate: number;
+    addModuleInputWidth?: number;
+    addModuleSelectWidth?: number;
+    disableEditLabelConfirmIcon?: boolean;
+}
+export interface Column {
+    name: string | JSX;
+    accessor: string;
+    width: string;
+    isClickable?: boolean;
+    cell?: (row: any) => JSX;
+    actions?: (row: any, treeRowRef?: React.RefObject<HTMLDivElement | null>) => JSX;
+    isTree?: boolean;
+    defaultValue?: string;
+    defaultActions?: () => JSX;
+}
+export interface TreeTableProps {
+    treeData: any;
+    columnsData: Column[];
+    selected?: string[];
+    select?: 'radio' | 'checkbox' | 'none';
+    onChange?: (e: any, node: string[] | any) => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
+    onExpand?: (node: TreeNode) => void;
+    loadMore?: (_direction?: string) => void;
+    tableBorder?: string;
+    height?: number | string;
+    newNode?: NewNode;
+    onAddConfirm?: (_name: string, _type?: Option) => void;
+    onAddCancel?: () => void;
+    loading?: boolean;
+    rootNode?: RootNode;
+    getContentLength?: number;
+    handleEditFieldError?: (inputText: string) => string;
+    pagination?: boolean;
+    selectedNode?: string;
+    tableHeaderBgColor?: string;
+    hideOnDisable?: boolean;
+    freezeColumns?: number;
+    scriptLengthTruncate?: number;
+    addModuleInputWidth?: number;
+    addModuleSelectWidth?: number;
+    onScroll?: () => void;
+    disableEditLabelConfirmIcon?: boolean;
+    transparentHeader?: boolean;
+}
+type OptionValue = any;
+export interface Option {
+    [key: string]: OptionValue;
+}
+export {};

package/lib/components/TableTree/types.js

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

package/lib/components/TableTree/types.js.map

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

package/lib/components/TableTreeFn/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/TableTreeFn/Components/TableBody.js

@@ -0,0 +1,12 @@
+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) }));
+};
+export default TableBody;
+//# sourceMappingURL=TableBody.js.map

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

@@ -0,0 +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"}

package/lib/components/TableTreeFn/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/TableTreeFn/Components/TableCell.js

@@ -0,0 +1,83 @@
+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, nextSibling, isContainer) => {
+    let siblingsArray = parentSiblings;
+    let 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))) }));
+};
+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.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 &&
+                                        select === 'checkbox' &&
+                                        !(hideOnDisable && node.unselectable) && (_jsx("span", { className: "tree-table-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.'
+                                                : 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/TableTreeFn/Components/TableCell.js.map

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useEffect, useRef } from 'react';
+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]
+    // );
+    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,
+                        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
+                    ? '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 &&
+                                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))) }))] }));
+});
+export default TableHead;
+//# sourceMappingURL=TableHead.js.map

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,9 @@
+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 treeRowRef = useRef(null);
+    return (_jsx("tr", { "data-level": node.hierarchy, ref: treeRowRef, className: `ff-table-tree-row show ${selectedNode && selectedNode === node.key ? 'hover-selected' : ''}`, 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))) }));
+});
+export default TableRow;
+//# sourceMappingURL=TableRow.js.map

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

@@ -0,0 +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,gBAAgB,CAAC,CAAC,CAAC,EACjE,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"}

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

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