pixel-react 1.20.18 → 1.20.20

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

@@ -1,81 +1 @@
-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
+import{jsxs as e,jsx as t,Fragment as l}from"react/jsx-runtime";import a from"react";import{prepareData as o}from"../../../utils/TableCell/TableCell.js";import i from"../../Checkbox/Checkbox.js";import n from"../../RadioButton/RadioButton.js";import{checkEmpty as s}from"../../../utils/checkEmpty/checkEmpty.js";import r from"../../EditLabel/EditLabel.js";import c from"../../../assets/icons/arrows_down_icon.svg.js";import d from"../../../assets/icons/spinner.svg.js";import p from"../../Tooltip/Tooltip.js";import{formatCellData as m}from"../Utils/formatDataCell.js";const h=(e,l=[],a,o)=>{let i=l,n=a;return s(l)&&(isNaN(e)||(i=Array(e).fill(!0))),t("div",{className:"tree-table-space-container",children:i?.map((l,a)=>t("span",{className:`tree-table-space-block tree-table-space-block-${a} ${l?"":"no-lines"} ${n&&a===e-1?"last-node":""} ${o?"folder":""}`},a))})},b=a.memo(({treeRowRef:a,col:s,node:b,selected:u,select:f,onCheckBoxChange:T,onToggleExpand:k,onAddConfirm:C,onAddCancel:N,handleEditFieldError:E,isExpanding:x,columnTextColor:y,hideOnDisable:g,scriptLengthTruncate:v,addModuleInputWidth:w,addModuleSelectWidth:j,disableEditLabelConfirmIcon:D})=>e("td",{className:"ff-table-tree-td "+(s.isTree&&b.container?"folder":""),style:{color:`${y||"var(--ff-primary-text-color)"}`},children:[s.isTree&&h(b.hierarchy,b.parentSiblings,b.lastChild,b.container),e("div",{className:"tree-title-container",children:[s.isTree&&t("span",{className:`tree-table-space-block  last-block last-block tree-table-space-block-${b.hierarchy} ${b?.expanded?"tree-row-expanded":"tree-row-collapsed"} ${b.container&&b.expandable?"":"no-folder"}`,children:b.container&&b.expandable&&e("span",{onClick:()=>k(b),children:[" ",t(x?d:c,{})]})}),e("span",{className:"tree-table-td-content "+(s.isTree&&b.container?"folder":""),children:[!b?.isNewNode&&e(l,{children:[s.isTree&&"checkbox"===f&&!(g&&b.unselectable)&&t("span",{className:"tree-table-td-content-select",children:"none"===b.selectedStatus?t(p,{title:b.machine?"This script is assigned to another environment. Selecting it will reassign it to the current environment.":void 0,children:t(i,{checked:"completely"===b.selectedStatus,partial:"partially"===b.selectedStatus,onChange:e=>T(e,b),disabled:b.unselectable||"REVIEW"===b.state||!0===b?.isDisable,isDefaultHover:"none"===b.selectedStatus&&!!b.machine})}):t(i,{checked:"completely"===b.selectedStatus,partial:"partially"===b.selectedStatus,onChange:e=>T(e,b),disabled:b.unselectable||"REVIEW"===b.state||!0===b?.isDisable})}),s.isTree&&"radio"===f&&!(g&&b.unselectable)&&t("span",{className:"tree-table-td-content-select",children:t(n,{name:b.key,checked:u.includes(b.key),value:b.key,onChange:e=>T(e,b),disabled:b.unselectable||"REVIEW"===b.state||!0===b?.isDisable})})]}),b.isNewNode&&s.isTree?t(r,{onCancel:N,onConfirm:C,value:b.value,label:b?.label,optionsList:b.options,selectedOption:b.selectedOption,withDropdown:"inputWithDropdown"===b.type,handleCustomError:E,inputFieldWidth:w,selectFieldWidth:j,confirmIconTooltip:b.confirmIconTooltip,cancelIconTooltip:b.cancelIconTooltip,isOnBlurTrue:!0,isDisable:{confirm:D}}):t("span",{className:"tree-table-td-content-text",children:m(o(b,s),v)})]})]}),s.actions&&!b?.isNewNode&&t("div",{className:"table-tree-row-action",children:s.actions(b,a)})]}));export{b as default};

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

@@ -1,40 +1 @@
-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 { prepareData } from '../../../utils/TableCell/TableCell';
-import { formatCellData } from '../Utils/formatDataCell';
-const TableHead = React.memo(({ columnsData, rootNode, selected, onCheckBoxChange, selectedNode, tableHeaderBgColor, hideOnDisable, transparentHeader, scriptLengthTruncate = 25, }) => {
-    // const hasDefaultValues = useMemo(
-    //   () => columnsData.some(({ defaultValue }) => !!defaultValue),
-    //   [columnsData]
-    // );
-    const rootNodeRowRef = useRef(null);
-    const [isMounted, setIsMounted] = useState(false);
-    useEffect(() => {
-        setIsMounted(true);
-    }, []);
-    return (_jsxs("thead", { className: "ff-table-tree-head", children: [_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,
-                    }, 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);
-                                        })() }))] }), 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
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import a,{useRef as l,useState as o,useEffect as n}from"react";import r from"../../Checkbox/Checkbox.js";import s from"../../RadioButton/RadioButton.js";import{prepareData as d}from"../../../utils/TableCell/TableCell.js";import{formatCellData as c}from"../Utils/formatDataCell.js";const i=a.memo(({columnsData:a,rootNode:i,selected:m,onCheckBoxChange:h,selectedNode:b,tableHeaderBgColor:p,hideOnDisable:f,transparentHeader:u,scriptLengthTruncate:k=25})=>{const C=l(null),[N,y]=o(!1);return n(()=>{y(!0)},[]),e("thead",{className:"ff-table-tree-head",children:[t("tr",{className:"ff-table-tree-row no-hover",children:a.map(({name:e,width:a})=>t("th",{className:"ff-table-tree-th",style:{width:a,backgroundColor:u?"transparent":p},children:e},e))}),i&&t("tr",{className:"ff-table-tree-row show "+(b&&b===i?.node?.key?"hover":""),ref:C,children:a.map((a,l)=>t("td",{className:"ff-table-tree-td",children:e("span",{className:"tree-table-default-content",children:[0===l&&"checkbox"===i.select&&!(f&&i.node.isDisabled)&&t(r,{checked:"partially"!==i?.node?.selectedStatus&&("completely"===i?.node?.selectedStatus||!1),partial:"partially"===i.node.selectedStatus,onChange:e=>h(e,i.node),disabled:i.node.isDisabled}),0===l&&"radio"===i.select&&!(f&&i.node.isDisabled)&&t(s,{name:i.node.key,checked:m.includes(i.node.key),value:i.node.key,onChange:e=>h(e,i.node),disabled:i.node.isDisabled}),e("span",{className:"tree-table-td-content-text",children:["name"===a.accessor?t("span",{children:i.node[a.accessor]}):t("span",{children:c(d(i.node,a),k)}),i.cell&&0===l&&t("span",{className:"table-tree-root-cell",children:i.cell(i.node)})]}),i.actions&&0===l&&N&&C.current&&t("div",{className:"table-tree-row-action",children:i.actions(i.node,C)})]})},l))})]})});export{i as default};

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

@@ -1,9 +1 @@
-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
+import{jsx as e}from"react/jsx-runtime";import d,{useRef as n}from"react";import o from"./TableCell.js";const t=d.memo(({node:d,columnsData:t,selected:l,select:a,onRowClick:i,onToggleExpand:r,onCheckBoxChange:c,onAddConfirm:s,onAddCancel:h,handleEditFieldError:m,isExpanding:f,index:p,selectedNode:u,hideOnDisable:C,scriptLengthTruncate:g,addModuleInputWidth:E,addModuleSelectWidth:b,disableEditLabelConfirmIcon:x})=>{const k=n(null);return e("tr",{"data-level":d.hierarchy,ref:k,className:"ff-table-tree-row show "+(u&&u===d.key?"hover-selected":""),onClick:e=>i(e,d),id:0===p?"table-first-row":d.key,children:t.map(n=>e(o,{treeRowRef:k,col:n,node:d,selected:l,select:a,onCheckBoxChange:c,onToggleExpand:r,onAddConfirm:s,onAddCancel:h,handleEditFieldError:m,isExpanding:f,hideOnDisable:C,scriptLengthTruncate:g,addModuleInputWidth:E,addModuleSelectWidth:b,disableEditLabelConfirmIcon:x},n.name))})});export{t as default};

package/lib/components/TableTree/TableTree.js

@@ -1,177 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useLayoutEffect, useRef, useState, forwardRef, } from 'react';
-import './TableTree.scss';
-import TableHead from './Components/TableHead';
-import TableBody from './Components/TableBody';
-import { addLastChild } from './Utils/addLastChild';
-const TreeTable = forwardRef(({ treeData, columnsData, selected = [], select = null, onChange, onClick, onExpand, loadMore = () => { }, tableBorder, height = 'calc(100vh - 134px)', newNode, onAddConfirm = (_name) => { }, onAddCancel = () => { }, handleEditFieldError, loading = false, rootNode, getContentLength, pagination = true, selectedNode, tableHeaderBgColor = 'var(--border-color)', hideOnDisable = false, freezeColumns, scriptLengthTruncate = 25, addModuleInputWidth = 150, addModuleSelectWidth, onScroll, disableEditLabelConfirmIcon = false, transparentHeader = false, }, ref) => {
-    const [expanding, setExpanding] = useState(null);
-    const [isLoading, setIsLoading] = useState(null);
-    const observerRef = useRef(null);
-    const containerRef = useRef(null); // Reference for scroll container
-    const [prevScrollTop, setPrevScrollTop] = useState(null);
-    const previousTreeDataRef = useRef([]);
-    const loadMoreAboveRef = useRef(false);
-    // Handle load more data for pagination
-    const loadMoreAbove = () => {
-        if (loading || isLoading === 'above')
-            return;
-        if (!loadMoreAboveRef.current) {
-            loadMoreAboveRef.current = true;
-            return;
-        }
-        setIsLoading('above');
-        setPrevScrollTop(containerRef.current?.scrollTop ?? null);
-        // Trigger the loadMore callback for data loading from above
-        loadMore('above');
-    };
-    const loadMoreBelow = () => {
-        if (loading || isLoading === 'below')
-            return;
-        setIsLoading('below');
-        // Trigger the loadMore callback for data loading from below
-        loadMore('below');
-    };
-    const handleScroll = useCallback(() => {
-        const container = containerRef.current;
-        if (!loading && container) {
-            const currentScrollTop = container.scrollTop;
-            const previousTreeData = previousTreeDataRef.current;
-            if (previousTreeData.length > 0 && isLoading === 'above') {
-                const allRows = Array.from(container.querySelectorAll('.ff-table-tree-row'));
-                let addedRowsCount = 0;
-                if (getContentLength) {
-                    addedRowsCount = getContentLength;
-                }
-                else {
-                    for (let i = 0; i < treeData.length; i++) {
-                        if (previousTreeData[0] === treeData[i])
-                            break;
-                        addedRowsCount++;
-                    }
-                }
-                // Calculate the total height of the newly added rows
-                const totalAddedHeight = treeData
-                    .slice(0, addedRowsCount - (currentScrollTop > 5 ? 2 : 0))
-                    .reduce((heightSum, _, index) => {
-                    const rowHeight = allRows[index]?.getBoundingClientRect().height || 0;
-                    return heightSum + rowHeight;
-                }, 0);
-                // Adjust scroll position when data is loaded above
-                if (addedRowsCount) {
-                    container.scrollTop = prevScrollTop + totalAddedHeight;
-                }
-            }
-            previousTreeDataRef.current = treeData;
-        }
-    }, [loading, isLoading, treeData]);
-    useEffect(() => {
-        const scrollContainer = document.getElementById('ff-table-tree-scroll-container');
-        const lastNode = document.getElementById('ff-table-tree-last-node');
-        const firstNode = document.getElementById('ff-table-tree-first-node');
-        if (!scrollContainer ||
-            !lastNode ||
-            !firstNode ||
-            !treeData?.length ||
-            !pagination)
-            return;
-        const isLastResourceBelow = !!treeData[treeData.length - 1]?.lastResource;
-        const isLastResourceAbove = !!treeData[0]?.lastResource;
-        // Clean up old observer before creating a new one
-        observerRef.current?.disconnect();
-        const observerCallback = (entries) => {
-            entries.forEach((entry) => {
-                const nodeId = entry.target.id;
-                const direction = nodeId === 'ff-table-tree-last-node' ? 'below' : 'above';
-                if (entry.isIntersecting) {
-                    if (direction === 'below' && !isLoading && !isLastResourceBelow) {
-                        loadMoreBelow();
-                    }
-                    else if (direction === 'above' &&
-                        !isLoading &&
-                        !isLastResourceAbove) {
-                        loadMoreAbove();
-                    }
-                }
-            });
-        };
-        observerRef.current = new IntersectionObserver(observerCallback, {
-            root: scrollContainer,
-            rootMargin: '30px',
-            threshold: 1,
-        });
-        if (!isLastResourceBelow)
-            observerRef.current.observe(lastNode);
-        if (!isLastResourceAbove)
-            observerRef.current.observe(firstNode);
-        if (previousTreeDataRef.current.length === 0) {
-            previousTreeDataRef.current = treeData;
-        }
-        return () => {
-            observerRef.current?.disconnect();
-        };
-    }, [treeData, loadMore, isLoading]);
-    useLayoutEffect(() => {
-        if (!loading && isLoading) {
-            if (isLoading === 'above' && pagination) {
-                handleScroll();
-            }
-            else {
-                previousTreeDataRef.current = treeData;
-            }
-            setIsLoading(null);
-        }
-    }, [loading]);
-    useEffect(() => {
-        if (!loading && expanding) {
-            setExpanding(null);
-            previousTreeDataRef.current = treeData;
-        }
-    }, [loading]);
-    const handleToggleExpand = useCallback((node) => {
-        if (expanding)
-            return;
-        setExpanding(node.key);
-        onExpand?.(node);
-    }, [onExpand, expanding]);
-    useEffect(() => {
-        const scrollDiv = containerRef.current;
-        if (scrollDiv && onScroll) {
-            scrollDiv.addEventListener('scroll', onScroll);
-        }
-        return () => {
-            if (scrollDiv && onScroll) {
-                scrollDiv.removeEventListener('scroll', onScroll);
-            }
-        };
-    });
-    const handleCheckBoxChange = useCallback((e, node) => {
-        if (expanding)
-            return;
-        onChange?.(e, node);
-    }, [onChange, expanding]);
-    const handleRowClick = useCallback((e, node) => {
-        if (expanding)
-            return;
-        onClick?.(e, node);
-    }, [onClick, expanding]);
-    const DEFAULT_COLUMN_WIDTH = 400;
-    const calculateFrozenWidth = (columnData, freezeColumns) => {
-        return columnData
-            .slice(0, freezeColumns)
-            .reduce((acc, col) => acc + parseInt(col.width || `${DEFAULT_COLUMN_WIDTH}`, 10), 0);
-    };
-    let frozenWidth;
-    if (freezeColumns) {
-        frozenWidth = calculateFrozenWidth(columnsData, freezeColumns);
-    }
-    return (_jsx("div", { className: "tree-table-wrap", ref: ref, children: _jsx("div", { className: `table-scrollable ${treeData.length ? '' : 'table-empty'}`, ref: containerRef, id: "ff-table-tree-scroll-container", style: {
-                '--table-height': treeData.length ? height : 'auto',
-                '--frozen-column-width': freezeColumns
-                    ? `${frozenWidth}px`
-                    : '0px',
-                border: tableBorder,
-            }, children: _jsxs("table", { className: "tree-table", children: [_jsx(TableHead, { columnsData: columnsData, rootNode: rootNode, onCheckBoxChange: handleCheckBoxChange, selected: selected, selectedNode: selectedNode, tableHeaderBgColor: tableHeaderBgColor, hideOnDisable: hideOnDisable, transparentHeader: transparentHeader, scriptLengthTruncate: scriptLengthTruncate }), _jsx(TableBody, { flattenedTreeData: addLastChild(treeData), rootNode: rootNode?.node, columnsData: columnsData, selected: selected, select: select, onRowClick: handleRowClick, onToggleExpand: handleToggleExpand, onCheckBoxChange: handleCheckBoxChange, newNode: newNode, onAddConfirm: onAddConfirm, onAddCancel: onAddCancel, handleEditFieldError: handleEditFieldError, expanding: expanding, selectedNode: selectedNode, hideOnDisable: hideOnDisable, scriptLengthTruncate: scriptLengthTruncate, addModuleInputWidth: addModuleInputWidth, addModuleSelectWidth: addModuleSelectWidth, disableEditLabelConfirmIcon: disableEditLabelConfirmIcon })] }) }) }));
-});
-export default TreeTable;
-//# sourceMappingURL=TableTree.js.map
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as r,useState as n,useRef as o,useCallback as l,useEffect as a,useLayoutEffect as c}from"react";import"./TableTree.scss.js";import d from"./Components/TableHead.js";import s from"./Components/TableBody.js";import{addLastChild as i}from"./Utils/addLastChild.js";const u=r(({treeData:r,columnsData:u,selected:b=[],select:h=null,onChange:f,onClick:m,onExpand:g,loadMore:p=()=>{},tableBorder:C,height:v="calc(100vh - 134px)",newNode:E,onAddConfirm:w=e=>{},onAddCancel:T=()=>{},handleEditFieldError:x,loading:N=!1,rootNode:B,getContentLength:I,pagination:y=!0,selectedNode:L,tableHeaderBgColor:D="var(--border-color)",hideOnDisable:A=!1,freezeColumns:M,scriptLengthTruncate:j=25,addModuleInputWidth:k=150,addModuleSelectWidth:H,onScroll:O,disableEditLabelConfirmIcon:R=!1,transparentHeader:S=!1},W)=>{const[z,F]=n(null),[q,U]=n(null),$=o(null),G=o(null),[J,K]=n(null),P=o([]),Q=o(!1),V=l(()=>{const e=G.current;if(!N&&e){const t=e.scrollTop,n=P.current;if(n.length>0&&"above"===q){const o=Array.from(e.querySelectorAll(".ff-table-tree-row"));let l=0;if(I)l=I;else for(let e=0;e<r.length&&n[0]!==r[e];e++)l++;const a=r.slice(0,l-(t>5?2:0)).reduce((e,t,r)=>e+(o[r]?.getBoundingClientRect().height||0),0);l&&(e.scrollTop=J+a)}P.current=r}},[N,q,r]);a(()=>{const e=document.getElementById("ff-table-tree-scroll-container"),t=document.getElementById("ff-table-tree-last-node"),n=document.getElementById("ff-table-tree-first-node");if(!(e&&t&&n&&r?.length&&y))return;const o=!!r[r.length-1]?.lastResource,l=!!r[0]?.lastResource;$.current?.disconnect();return $.current=new IntersectionObserver(e=>{e.forEach(e=>{const t="ff-table-tree-last-node"===e.target.id?"below":"above";e.isIntersecting&&("below"!==t||q||o?"above"!==t||q||l||N||"above"===q||(Q.current?(U("above"),K(G.current?.scrollTop??null),p("above")):Q.current=!0):N||"below"===q||(U("below"),p("below")))})},{root:e,rootMargin:"30px",threshold:1}),o||$.current.observe(t),l||$.current.observe(n),0===P.current.length&&(P.current=r),()=>{$.current?.disconnect()}},[r,p,q]),c(()=>{!N&&q&&("above"===q&&y?V():P.current=r,U(null))},[N]),a(()=>{!N&&z&&(F(null),P.current=r)},[N]);const X=l(e=>{z||(F(e.key),g?.(e))},[g,z]);a(()=>{const e=G.current;return e&&O&&e.addEventListener("scroll",O),()=>{e&&O&&e.removeEventListener("scroll",O)}});const Y=l((e,t)=>{z||f?.(e,t)},[f,z]),Z=l((e,t)=>{z||m?.(e,t)},[m,z]);let _;return M&&(_=((e,t)=>e.slice(0,t).reduce((e,t)=>e+parseInt(t.width||"400",10),0))(u,M)),e("div",{className:"tree-table-wrap",ref:W,children:e("div",{className:"table-scrollable "+(r.length?"":"table-empty"),ref:G,id:"ff-table-tree-scroll-container",style:{"--table-height":r.length?v:"auto","--frozen-column-width":M?`${_}px`:"0px",border:C},children:t("table",{className:"tree-table",children:[e(d,{columnsData:u,rootNode:B,onCheckBoxChange:Y,selected:b,selectedNode:L,tableHeaderBgColor:D,hideOnDisable:A,transparentHeader:S,scriptLengthTruncate:j}),e(s,{flattenedTreeData:i(r),rootNode:B?.node,columnsData:u,selected:b,select:h,onRowClick:Z,onToggleExpand:X,onCheckBoxChange:Y,newNode:E,onAddConfirm:w,onAddCancel:T,handleEditFieldError:x,expanding:z,selectedNode:L,hideOnDisable:A,scriptLengthTruncate:j,addModuleInputWidth:k,addModuleSelectWidth:H,disableEditLabelConfirmIcon:R})]})})})});export{u as default};

package/lib/components/TableTree/TableTree.scss.js

@@ -0,0 +1 @@
+import t from"../../node_modules/style-inject/dist/style-inject.es.js";t(':root{--table-height:calc(100vh - 134px);--frozen-column-width:0px}.tree-table-space-block{border-radius:50%;box-sizing:border-box;display:inline-block;font-size:19px;height:16px;line-height:16px;position:relative;text-align:center;vertical-align:top;width:20px}.tree-table-space-block.tree-table-space-block-0{width:30px}.tree-table-space-block.btn-toggle{cursor:pointer;height:18px;position:relative;width:22px;z-index:12}.tree-table-space-block.btn-toggle:before{display:none}.tree-table-space-block.last-block:after,.tree-table-space-block.no-folder:after{background:var(--tree-connecting-lines-color);content:"";height:1px;margin-top:-1px;position:absolute;top:50%}.tree-table-space-block.last-block:after{left:-10px;width:12px}.tree-table-space-block.no-folder{width:8px}.tree-table-space-block.no-folder:after{left:-10px;width:26px}.tree-table-space-block:not(.last-block,.no-lines,.last-node):before{background:var(--tree-connecting-lines-color);content:"";height:32px;left:50%;position:absolute;top:-14px!important;width:1px;z-index:99}.tree-table-space-block.last-node:before{background:var(--tree-connecting-lines-color);content:"";height:22px;left:50%;position:absolute;top:-14px;width:1px;z-index:-1}.tree-title-container .tree-table-space-block{width:20px!important}.tree-title-container .tree-table-space-block.tree-table-space-block-1:after{left:-14px;width:14px}.tree-title-container .tree-table-space-block.tree-table-space-block-1.no-folder:after{width:26px}.hidden{display:none}.show{display:table-row;visibility:visible}.btn-toggle{cursor:pointer}.btn-toggle.is-close{background:#f1f1f1;border:1px solid transparent;box-shadow:0 0 5px rgba(0,0,0,.1)}.btn-toggle:after,.btn-toggle:before{display:none}.tree-table-wrap{box-sizing:border-box;overflow:hidden;overflow-x:auto;padding-left:0;width:100%}.table-scrollable{height:calc(var(--table-height));overflow-y:auto;position:relative;scrollbar-width:1px}.table-scrollable::-webkit-scrollbar{height:5px;width:5px}.table-scrollable::-webkit-scrollbar-thumb{background-color:var(--description-text);border-radius:4px}.table-scrollable::-webkit-scrollbar-track{margin-left:var(--frozen-column-width)}.table-scrollable.table-empty{scrollbar-width:none}.table-scrollable.table-empty::-webkit-scrollbar{display:none}.ff-table-tree-body,.tree-table{overflow:scroll}.tree-table{border-collapse:collapse;table-layout:fixed;width:100%}.tree-table .ff-table-tree-head{position:sticky;top:0;z-index:99}.tree-table .ff-table-tree-head .tree-table-td-content-text{align-items:center;display:inline-flex;margin:0}.tree-table .ff-table-tree-head .tree-table-td-content-text .table-tree-root-cell{padding-left:5px}.tree-table .ff-table-tree-row.hover-selected,.tree-table .ff-table-tree-row.hover-selected .ff-table-tree-td:first-child,.tree-table .ff-table-tree-row.menu-hover-active,.tree-table .ff-table-tree-row.menu-hover-active .ff-table-tree-td:first-child,.tree-table .ff-table-tree-row:hover,.tree-table .ff-table-tree-row:hover .ff-table-tree-td:first-child{background-color:var(--hover-color)}.tree-table .ff-table-tree-row.hover-selected .table-tree-row-action,.tree-table .ff-table-tree-row.menu-hover-active .table-tree-row-action,.tree-table .ff-table-tree-row:hover .table-tree-row-action{align-items:center;display:inline-flex}.tree-table .ff-table-tree-row.hover-selected .table-tree-row-action svg,.tree-table .ff-table-tree-row.menu-hover-active .table-tree-row-action svg,.tree-table .ff-table-tree-row:hover .table-tree-row-action svg{height:16px;width:16px}.tree-table .ff-table-tree-row.no-hover.hover,.tree-table .ff-table-tree-row.no-hover:hover{background-color:transparent}.tree-table .ff-table-tree-row{background-color:var(--base-bg-color)}.tree-table .ff-table-tree-row .table-tree-row-action{display:none;padding-left:12px}.tree-table .ff-table-tree-row .table-tree-row-action .ff-icon-container{height:24px!important;padding:2px 4px;width:24px!important}.tree-table .ff-table-tree-row .table-tree-row-action .ff-add-button-container{height:24px;width:24px}.tree-table .ff-table-tree-row .table-row-add-button{align-items:center;display:inline-flex;z-index:9999}.tree-table .ff-table-tree-row .table-row-add-button svg{height:16px;width:16px}.tree-table .ff-table-tree-row:after{clear:both;content:"";display:block;visibility:hidden}.tree-table .ff-table-tree-td,.tree-table .ff-table-tree-th{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tree-table .ff-table-tree-th{background:var(--border-color);box-sizing:border-box;color:var(--table-header-text-color);font-size:12px;font-weight:600;height:32px;width:400px}.tree-table .ff-table-tree-th:first-child{left:0;padding-left:8px;position:sticky}.tree-table .ff-table-tree-td{box-sizing:border-box;font-size:12px;height:32px!important}.tree-table .ff-table-tree-td:first-child{align-items:center;background-color:#fff;color:var(--brand-color)!important;display:inline-flex;left:0;overflow:initial;position:sticky;width:100%;z-index:98}.tree-table .ff-table-tree-td:first-child .tree-table-default-content{align-items:center;display:inline-flex;font-weight:700;margin-left:8px}.tree-table .ff-table-tree-td:first-child .tree-table-td-content .tree-table-td-content-select{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tree-table-td-content{align-items:center;display:inline-flex;font-family:Poppins,sans-serif;font-size:12px}.tree-table-td-content.folder{font-weight:600}.tree-row-collapsed span svg,.tree-row-expanded span svg{cursor:pointer;height:12px;transition:transform .3s ease;width:12px}.tree-row-collapsed span svg path,.tree-row-expanded span svg path{fill:var(--brand-color)}.tree-row-collapsed svg{transform:rotate(-90deg);transition:transform .3s ease}.tree-table-space-container{display:inline-flex}.tree-title-container{align-items:center;display:inline-flex}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlVHJlZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQ0Usa0NBQW1DLENBQ25DLHlCQUNGLENBRUEsd0JBVUUsaUJBQWtCLENBRGxCLHFCQUFzQixDQVJ0QixvQkFBcUIsQ0FNckIsY0FBZSxDQUpmLFdBQVksQ0FFWixnQkFBaUIsQ0FHakIsaUJBQWtCLENBSmxCLGlCQUFrQixDQUVsQixrQkFBbUIsQ0FKbkIsVUFTRixDQUNBLGlEQUNFLFVBQ0YsQ0FDQSxtQ0FFRSxjQUFlLENBRWYsV0FBWSxDQUhaLGlCQUFrQixDQUVsQixVQUFXLENBRVgsVUFDRixDQUNBLDBDQUNFLFlBQ0YsQ0FDQSxpRkFJRSw2Q0FBOEMsQ0FGOUMsVUFBVyxDQUNYLFVBQVcsQ0FHWCxlQUFnQixDQUxoQixpQkFBa0IsQ0FJbEIsT0FFRixDQUNBLHlDQUVFLFVBQVcsQ0FEWCxVQUVGLENBQ0Esa0NBQ0UsU0FDRixDQUNBLHdDQUVFLFVBQVcsQ0FEWCxVQUVGLENBQ0EscUVBS0UsNkNBQThDLENBSDlDLFVBQVcsQ0FFWCxXQUFZLENBRVosUUFBUyxDQUxULGlCQUFrQixDQU1sQixtQkFBcUIsQ0FKckIsU0FBVSxDQUtWLFVBQ0YsQ0FDQSx5Q0FLRSw2Q0FBOEMsQ0FIOUMsVUFBVyxDQUVYLFdBQVksQ0FFWixRQUFTLENBTFQsaUJBQWtCLENBTWxCLFNBQVUsQ0FKVixTQUFVLENBS1YsVUFDRixDQUtBLDhDQUNFLG9CQUNGLENBQ0EsNkVBRUUsVUFBVyxDQURYLFVBRUYsQ0FDQSx1RkFDRSxVQUNGLENBRUEsUUFDRSxZQUNGLENBRUEsTUFDRSxpQkFBa0IsQ0FDbEIsa0JBQ0YsQ0FFQSxZQUNFLGNBQ0YsQ0FDQSxxQkFDRSxrQkFBbUIsQ0FDbkIsNEJBQTZCLENBQzdCLGlDQUNGLENBQ0EscUNBQ0UsWUFDRixDQUVBLGlCQUtFLHFCQUFzQixDQUZ0QixlQUFnQixDQUNoQixlQUFnQixDQUZoQixjQUFpQixDQURqQixVQUtGLENBRUEsa0JBQ0UsZ0NBQXVDLENBRXZDLGVBQWdCLENBQ2hCLGlCQUFrQixDQUNsQixtQkFDRixDQUNBLHFDQUVFLFVBQVcsQ0FEWCxTQUVGLENBQ0EsMkNBQ0Usd0NBQXlDLENBQ3pDLGlCQUNGLENBQ0EsMkNBQ0Usc0NBQ0YsQ0FDQSw4QkFDRSxvQkFDRixDQUNBLGlEQUNFLFlBQ0YsQ0FNQSxnQ0FIRSxlQVFGLENBTEEsWUFHRSx3QkFBeUIsQ0FGekIsa0JBQW1CLENBQ25CLFVBR0YsQ0FDQSxnQ0FDRSxlQUFnQixDQUNoQixLQUFNLENBQ04sVUFDRixDQUNBLDREQUVFLGtCQUFtQixDQURuQixtQkFBb0IsQ0FFcEIsUUFDRixDQUNBLGtGQUNFLGdCQUNGLENBTUEsa1dBR0UsbUNBQ0YsQ0FDQSx5TUFJRSxrQkFBbUIsQ0FEbkIsbUJBRUYsQ0FDQSxxTkFHRSxXQUFZLENBQ1osVUFDRixDQUNBLDRGQUVFLDRCQUNGLENBQ0EsK0JBQ0UscUNBQ0YsQ0FDQSxzREFDRSxZQUFhLENBQ2IsaUJBQ0YsQ0FDQSx5RUFDRSxxQkFBdUIsQ0FFdkIsZUFBZ0IsQ0FEaEIsb0JBRUYsQ0FDQSwrRUFDRSxXQUFZLENBQ1osVUFDRixDQUNBLHFEQUdFLGtCQUFtQixDQUZuQixtQkFBb0IsQ0FDcEIsWUFFRixDQUNBLHlEQUNFLFdBQVksQ0FDWixVQUNGLENBQ0EscUNBSUUsVUFBVyxDQUhYLFVBQVcsQ0FDWCxhQUFjLENBQ2QsaUJBRUYsQ0FDQSw0REFLRSxlQUFnQixDQUhoQixlQUFnQixDQUVoQixzQkFBdUIsQ0FEdkIsa0JBR0YsQ0FDQSw4QkFFRSw4QkFBK0IsQ0FLL0IscUJBQXNCLENBTnRCLG9DQUFxQyxDQUVyQyxjQUFlLENBQ2YsZUFBZ0IsQ0FFaEIsV0FBWSxDQURaLFdBR0YsQ0FDQSwwQ0FFRSxNQUFPLENBQ1AsZ0JBQWlCLENBRmpCLGVBR0YsQ0FDQSw4QkFHRSxxQkFBc0IsQ0FGdEIsY0FBZSxDQUNmLHFCQUVGLENBQ0EsMENBUUUsa0JBQW1CLENBSG5CLHFCQUF1QixDQUV2QixrQ0FBb0MsQ0FEcEMsbUJBQW9CLENBSHBCLE1BQU8sQ0FGUCxnQkFBaUIsQ0FDakIsZUFBZ0IsQ0FFaEIsVUFBVyxDQUtYLFVBQ0YsQ0FDQSxzRUFJRSxrQkFBbUIsQ0FEbkIsbUJBQW9CLENBRHBCLGVBQWdCLENBRGhCLGVBSUYsQ0FDQSwrRkFJRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQUZiLFdBQVksQ0FJWixzQkFBdUIsQ0FIdkIsVUFJRixDQUNBLHVCQUVFLGtCQUFtQixDQURuQixtQkFBb0IsQ0FHcEIsOEJBQWtDLENBRGxDLGNBRUYsQ0FDQSw4QkFDRSxlQUNGLENBRUEseURBS0UsY0FBZSxDQUhmLFdBQVksQ0FFWiw2QkFBK0IsQ0FEL0IsVUFHRixDQUNBLG1FQUVFLHVCQUNGLENBRUEsd0JBQ0Usd0JBQXlCLENBQ3pCLDZCQUNGLENBRUEsNEJBQ0UsbUJBQ0YsQ0FFQSxzQkFFRSxrQkFBbUIsQ0FEbkIsbUJBRUYiLCJmaWxlIjoiVGFibGVUcmVlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyI6cm9vdCB7XG4gIC0tdGFibGUtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMTM0cHgpO1xuICAtLWZyb3plbi1jb2x1bW4td2lkdGg6IDBweDtcbn1cblxuLnRyZWUtdGFibGUtc3BhY2UtYmxvY2sge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiAyMHB4O1xuICBoZWlnaHQ6IDE2cHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgbGluZS1oZWlnaHQ6IDE2cHg7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIGZvbnQtc2l6ZTogMTlweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG59XG4udHJlZS10YWJsZS1zcGFjZS1ibG9jay50cmVlLXRhYmxlLXNwYWNlLWJsb2NrLTAge1xuICB3aWR0aDogMzBweDtcbn1cbi50cmVlLXRhYmxlLXNwYWNlLWJsb2NrLmJ0bi10b2dnbGUge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgd2lkdGg6IDIycHg7XG4gIGhlaWdodDogMThweDtcbiAgei1pbmRleDogMTI7XG59XG4udHJlZS10YWJsZS1zcGFjZS1ibG9jay5idG4tdG9nZ2xlOjpiZWZvcmUge1xuICBkaXNwbGF5OiBub25lO1xufVxuLnRyZWUtdGFibGUtc3BhY2UtYmxvY2subGFzdC1ibG9jazo6YWZ0ZXIsIC50cmVlLXRhYmxlLXNwYWNlLWJsb2NrLm5vLWZvbGRlcjo6YWZ0ZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGhlaWdodDogMXB4O1xuICBiYWNrZ3JvdW5kOiB2YXIoLS10cmVlLWNvbm5lY3RpbmctbGluZXMtY29sb3IpO1xuICB0b3A6IDUwJTtcbiAgbWFyZ2luLXRvcDogLTFweDtcbn1cbi50cmVlLXRhYmxlLXNwYWNlLWJsb2NrLmxhc3QtYmxvY2s6OmFmdGVyIHtcbiAgd2lkdGg6IDEycHg7XG4gIGxlZnQ6IC0xMHB4O1xufVxuLnRyZWUtdGFibGUtc3BhY2UtYmxvY2subm8tZm9sZGVyIHtcbiAgd2lkdGg6IDhweDtcbn1cbi50cmVlLXRhYmxlLXNwYWNlLWJsb2NrLm5vLWZvbGRlcjo6YWZ0ZXIge1xuICB3aWR0aDogMjZweDtcbiAgbGVmdDogLTEwcHg7XG59XG4udHJlZS10YWJsZS1zcGFjZS1ibG9jazpub3QoLmxhc3QtYmxvY2ssIC5uby1saW5lcywgLmxhc3Qtbm9kZSk6OmJlZm9yZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgY29udGVudDogXCJcIjtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAzMnB4O1xuICBiYWNrZ3JvdW5kOiB2YXIoLS10cmVlLWNvbm5lY3RpbmctbGluZXMtY29sb3IpO1xuICBsZWZ0OiA1MCU7XG4gIHRvcDogLTE0cHggIWltcG9ydGFudDtcbiAgei1pbmRleDogOTk7XG59XG4udHJlZS10YWJsZS1zcGFjZS1ibG9jay5sYXN0LW5vZGU6OmJlZm9yZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgY29udGVudDogXCJcIjtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAyMnB4O1xuICBiYWNrZ3JvdW5kOiB2YXIoLS10cmVlLWNvbm5lY3RpbmctbGluZXMtY29sb3IpO1xuICBsZWZ0OiA1MCU7XG4gIHRvcDogLTE0cHg7XG4gIHotaW5kZXg6IC0xO1xufVxuLnRyZWUtdGFibGUtc3BhY2UtYmxvY2sge1xuICAvKiBIb3ZlciBiYWNrZ3JvdW5kIGZvciBhbGwgZWxlbWVudHMgb2YgdGhlIHNhbWUgbGV2ZWwgKi9cbn1cblxuLnRyZWUtdGl0bGUtY29udGFpbmVyIC50cmVlLXRhYmxlLXNwYWNlLWJsb2NrIHtcbiAgd2lkdGg6IDIwcHggIWltcG9ydGFudDtcbn1cbi50cmVlLXRpdGxlLWNvbnRhaW5lciAudHJlZS10YWJsZS1zcGFjZS1ibG9jay50cmVlLXRhYmxlLXNwYWNlLWJsb2NrLTE6OmFmdGVyIHtcbiAgd2lkdGg6IDE0cHg7XG4gIGxlZnQ6IC0xNHB4O1xufVxuLnRyZWUtdGl0bGUtY29udGFpbmVyIC50cmVlLXRhYmxlLXNwYWNlLWJsb2NrLnRyZWUtdGFibGUtc3BhY2UtYmxvY2stMS5uby1mb2xkZXI6OmFmdGVyIHtcbiAgd2lkdGg6IDI2cHg7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2hvdyB7XG4gIGRpc3BsYXk6IHRhYmxlLXJvdztcbiAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbn1cblxuLmJ0bi10b2dnbGUge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uYnRuLXRvZ2dsZS5pcy1jbG9zZSB7XG4gIGJhY2tncm91bmQ6ICNmMWYxZjE7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBib3gtc2hhZG93OiAwIDAgNXB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbn1cbi5idG4tdG9nZ2xlOjpiZWZvcmUsIC5idG4tdG9nZ2xlOjphZnRlciB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi50cmVlLXRhYmxlLXdyYXAge1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZy1sZWZ0OiAwcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIG92ZXJmbG93LXg6IGF1dG87XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbi50YWJsZS1zY3JvbGxhYmxlIHtcbiAgaGVpZ2h0OiBjYWxjKHZhcigtLXRhYmxlLWhlaWdodCkgKyAwcHgpO1xuICAvKiBBZGp1c3QgaGVpZ2h0IGFzIG5lZWRlZCAqL1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHNjcm9sbGJhci13aWR0aDogMXB4O1xufVxuLnRhYmxlLXNjcm9sbGFibGU6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgd2lkdGg6IDVweDsgLyogVmVydGljYWwgc2Nyb2xsYmFyIHdpZHRoICovXG4gIGhlaWdodDogNXB4OyAvKiBIb3Jpem9udGFsIHNjcm9sbGJhciBoZWlnaHQgKi9cbn1cbi50YWJsZS1zY3JvbGxhYmxlOjotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRlc2NyaXB0aW9uLXRleHQpOyAvKiBTY3JvbGxiYXIgY29sb3IgKi9cbiAgYm9yZGVyLXJhZGl1czogNHB4O1xufVxuLnRhYmxlLXNjcm9sbGFibGU6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHtcbiAgbWFyZ2luLWxlZnQ6IHZhcigtLWZyb3plbi1jb2x1bW4td2lkdGgpO1xufVxuLnRhYmxlLXNjcm9sbGFibGUudGFibGUtZW1wdHkge1xuICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7XG59XG4udGFibGUtc2Nyb2xsYWJsZS50YWJsZS1lbXB0eTo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uZmYtdGFibGUtdHJlZS1ib2R5IHtcbiAgb3ZlcmZsb3c6IHNjcm9sbDtcbn1cblxuLnRyZWUtdGFibGUge1xuICB0YWJsZS1sYXlvdXQ6IGZpeGVkO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTtcbiAgb3ZlcmZsb3c6IHNjcm9sbDtcbn1cbi50cmVlLXRhYmxlIC5mZi10YWJsZS10cmVlLWhlYWQge1xuICBwb3NpdGlvbjogc3RpY2t5O1xuICB0b3A6IDA7XG4gIHotaW5kZXg6IDk5O1xufVxuLnRyZWUtdGFibGUgLmZmLXRhYmxlLXRyZWUtaGVhZCAudHJlZS10YWJsZS10ZC1jb250ZW50LXRleHQge1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luOiAwO1xufVxuLnRyZWUtdGFibGUgLmZmLXRhYmxlLXRyZWUtaGVhZCAudHJlZS10YWJsZS10ZC1jb250ZW50LXRleHQgLnRhYmxlLXRyZWUtcm9vdC1jZWxsIHtcbiAgcGFkZGluZy1sZWZ0OiA1cHg7XG59XG4udHJlZS10YWJsZSAuZmYtdGFibGUtdHJlZS1yb3c6aG92ZXIsXG4udHJlZS10YWJsZSAuZmYtdGFibGUtdHJlZS1yb3cuaG92ZXItc2VsZWN0ZWQsXG4udHJlZS10YWJsZSAuZmYtdGFibGUtdHJlZS1yb3cubWVudS1ob3Zlci1hY3RpdmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ob3Zlci1jb2xvcik7XG59XG4udHJlZS10YWJsZSAuZmYtdGFibGUtdHJlZS1yb3c6aG92ZXIgLmZmLXRhYmxlLXRyZWUtdGQ6Zmlyc3QtY2hpbGQsXG4udHJlZS10YWJsZSAuZmYtdGFibGUtdHJlZS1yb3cuaG92ZXItc2VsZWN0ZWQgLmZmLXRhYmxlLXRyZWUtdGQ6Zmlyc3QtY2hpbGQsXG4udHJlZS10YWJsZSAuZmYtdGFibGUtdHJlZS1yb3cubWVudS1ob3Zlci1hY3RpdmUgLmZmLXRhYmxlLXRyZWUtdGQ6Zmlyc3QtY2hpbGQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ob3Zlci1jb2xvcik7XG59XG4udHJlZS10YWJsZSAuZmYtdGFibGUtdHJlZS1yb3c6aG92ZXIgLnRhYmxlLXRyZWUtcm93LWFjdGlvbixcbi50cmVlLXRhYmxlIC5mZi10YWJsZS10cmVlLXJvdy5ob3Zlci1zZWxlY3RlZCAudGFibGUtdHJlZS1yb3ctYWN0aW9uLFxuLnRyZWUtdGFibGUgLmZmLXRhYmxlLXRyZWUtcm93Lm1lbnUtaG92ZXItYWN0aXZlIC50YWJsZS10cmVlLXJvdy1hY3Rpb24ge1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi50cmVlLXRhYmxlIC5mZi10YWJsZS10cmVlLXJvdzpob3ZlciAudGFibGUtdHJlZS1yb3ctYWN0aW9uIHN2Zyxcbi50cmVlLXRhYmxlIC5mZi10YWJsZS10cmVlLXJvdy5ob3Zlci1zZWxlY3RlZCAudGFibGUtdHJlZS1yb3ctYWN0aW9uIHN2Zyxcbi50cmVlLXRhYmxlIC5mZi10YWJsZS10cmVlLXJvdy5tZW51LWhvdmVyLWFjdGl2ZSAudGFibGUtdHJlZS1yb3ctYWN0aW9uIHN2ZyB7XG4gIGhlaWdodDogMTZweDtcbiAgd2lkdGg6IDE2cHg7XG59XG4udHJlZS10YWJsZSAuZmYtdGFibGUtdHJlZS1yb3cubm8taG92ZXI6aG92ZXIsXG4udHJlZS10YWJsZSAuZmYtdGFibGUtdHJlZS1yb3cubm8taG92ZXIuaG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbn1cbi50cmVlLXRhYmxlIC5mZi10YWJsZS10cmVlLXJvdyB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhc2UtYmctY29sb3IpO1xufVxuLnRyZWUtdGFibGUgLmZmLXRhYmxlLXRyZWUtcm93IC50YWJsZS10cmVlLXJvdy1hY3Rpb24ge1xuICBkaXNwbGF5OiBub25lO1xuICBwYWRkaW5nLWxlZnQ6IDEycHg7XG59XG4udHJlZS10YWJsZSAuZmYtdGFibGUtdHJlZS1yb3cgLnRhYmxlLXRyZWUtcm93LWFjdGlvbiAuZmYtaWNvbi1jb250YWluZXIge1xuICBoZWlnaHQ6IDI0cHggIWltcG9ydGFudDtcbiAgd2lkdGg6IDI0cHggIWltcG9ydGFudDtcbiAgcGFkZGluZzogMnB4IDRweDtcbn1cbi50cmVlLXRhYmxlIC5mZi10YWJsZS10cmVlLXJvdyAudGFibGUtdHJlZS1yb3ctYWN0aW9uIC5mZi1hZGQtYnV0dG9uLWNvbnRhaW5lciB7XG4gIGhlaWdodDogMjRweDtcbiAgd2lkdGg6IDI0cHg7XG59XG4udHJlZS10YWJsZSAuZmYtdGFibGUtdHJlZS1yb3cgLnRhYmxlLXJvdy1hZGQtYnV0dG9uIHtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHotaW5kZXg6IDk5OTk7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4udHJlZS10YWJsZSAuZmYtdGFibGUtdHJlZS1yb3cgLnRhYmxlLXJvdy1hZGQtYnV0dG9uIHN2ZyB7XG4gIGhlaWdodDogMTZweDtcbiAgd2lkdGg6IDE2cHg7XG59XG4udHJlZS10YWJsZSAuZmYtdGFibGUtdHJlZS1yb3c6OmFmdGVyIHtcbiAgY29udGVudDogXCJcIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgY2xlYXI6IGJvdGg7XG59XG4udHJlZS10YWJsZSAuZmYtdGFibGUtdHJlZS10aCxcbi50cmVlLXRhYmxlIC5mZi10YWJsZS10cmVlLXRkIHtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG4udHJlZS10YWJsZSAuZmYtdGFibGUtdHJlZS10aCB7XG4gIGNvbG9yOiB2YXIoLS10YWJsZS1oZWFkZXItdGV4dC1jb2xvcik7XG4gIGJhY2tncm91bmQ6IHZhcigtLWJvcmRlci1jb2xvcik7XG4gIGZvbnQtc2l6ZTogMTJweDtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgd2lkdGg6IDQwMHB4O1xuICBoZWlnaHQ6IDMycHg7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG4udHJlZS10YWJsZSAuZmYtdGFibGUtdHJlZS10aDpmaXJzdC1jaGlsZCB7XG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIGxlZnQ6IDA7XG4gIHBhZGRpbmctbGVmdDogOHB4O1xufVxuLnRyZWUtdGFibGUgLmZmLXRhYmxlLXRyZWUtdGQge1xuICBmb250LXNpemU6IDEycHg7XG4gIGhlaWdodDogMzJweCAhaW1wb3J0YW50O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuLnRyZWUtdGFibGUgLmZmLXRhYmxlLXRyZWUtdGQ6Zmlyc3QtY2hpbGQge1xuICBvdmVyZmxvdzogaW5pdGlhbDtcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgY29sb3I6IHZhcigtLWJyYW5kLWNvbG9yKSAhaW1wb3J0YW50O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB6LWluZGV4OiA5ODtcbn1cbi50cmVlLXRhYmxlIC5mZi10YWJsZS10cmVlLXRkOmZpcnN0LWNoaWxkIC50cmVlLXRhYmxlLWRlZmF1bHQtY29udGVudCB7XG4gIG1hcmdpbi1sZWZ0OiA4cHg7XG4gIGZvbnQtd2VpZ2h0OiA3MDA7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLnRyZWUtdGFibGUgLmZmLXRhYmxlLXRyZWUtdGQ6Zmlyc3QtY2hpbGQgLnRyZWUtdGFibGUtdGQtY29udGVudCAudHJlZS10YWJsZS10ZC1jb250ZW50LXNlbGVjdCB7XG4gIGhlaWdodDogMjRweDtcbiAgd2lkdGg6IDI0cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuLnRyZWUtdGFibGUtdGQtY29udGVudCB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmb250LXNpemU6IDEycHg7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIiwgc2Fucy1zZXJpZjtcbn1cbi50cmVlLXRhYmxlLXRkLWNvbnRlbnQuZm9sZGVyIHtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbn1cblxuLnRyZWUtcm93LWV4cGFuZGVkIHNwYW4gc3ZnLFxuLnRyZWUtcm93LWNvbGxhcHNlZCBzcGFuIHN2ZyB7XG4gIGhlaWdodDogMTJweDtcbiAgd2lkdGg6IDEycHg7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjNzIGVhc2U7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi50cmVlLXJvdy1leHBhbmRlZCBzcGFuIHN2ZyBwYXRoLFxuLnRyZWUtcm93LWNvbGxhcHNlZCBzcGFuIHN2ZyBwYXRoIHtcbiAgZmlsbDogdmFyKC0tYnJhbmQtY29sb3IpO1xufVxuXG4udHJlZS1yb3ctY29sbGFwc2VkIHN2ZyB7XG4gIHRyYW5zZm9ybTogcm90YXRlKC05MGRlZyk7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjNzIGVhc2U7XG59XG5cbi50cmVlLXRhYmxlLXNwYWNlLWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xufVxuXG4udHJlZS10aXRsZS1jb250YWluZXIge1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn0iXX0= */');

package/lib/components/TableTree/Utils/addLastChild.js

@@ -1,24 +1 @@
-export const addLastChild = (treeData) => {
-    const childMap = new Map();
-    const updatedTreeData = treeData.map((node) => {
-        const newNode = { ...node };
-        if (node.parentId) {
-            const children = childMap.get(node.parentId) ?? [];
-            children.push(newNode);
-            childMap.set(node.parentId, children);
-        }
-        return newNode;
-    });
-    childMap.forEach((children) => {
-        const lastChildNode = children.at(-1);
-        if (lastChildNode) {
-            lastChildNode.lastChild = true;
-        }
-        const prevLastChild = children.at(-2);
-        if (prevLastChild) {
-            prevLastChild.lastChild = false;
-        }
-    });
-    return updatedTreeData;
-};
-//# sourceMappingURL=addLastChild.js.map
+const t=t=>{const n=new Map,a=t.map(t=>{const a={...t};if(t.parentId){const s=n.get(t.parentId)??[];s.push(a),n.set(t.parentId,s)}return a});return n.forEach(t=>{const n=t.at(-1);n&&(n.lastChild=!0);const a=t.at(-2);a&&(a.lastChild=!1)}),a};export{t as addLastChild};

package/lib/components/TableTree/Utils/addNewRow.js

@@ -1,62 +1 @@
-import { addLastChild } from './addLastChild';
-export const addNewRow = (treeData, newNode, rootNode) => {
-    const { sourceId, action, value = '', error = '', label, type, options, selectedOption, confirmIconTooltip, cancelIconTooltip, payloadSourceId, } = newNode;
-    if (!sourceId || !action)
-        return treeData;
-    const convertedOptions = options?.map((option) => ({
-        label: option,
-        value: option,
-    }));
-    const convertedSelectedOption = selectedOption
-        ? { label: selectedOption, value: selectedOption }
-        : undefined;
-    const nodeMap = new Map(treeData.map((node) => [node.key, node]));
-    if (rootNode) {
-        nodeMap.set(rootNode.key, rootNode);
-    }
-    const sourceNode = nodeMap.get(sourceId);
-    if (!sourceNode)
-        return treeData;
-    let payloadSourceNode;
-    if (payloadSourceId) {
-        payloadSourceNode = nodeMap.get(payloadSourceId);
-    }
-    const updatedTreeData = [...treeData];
-    const sourceIndex = treeData.findIndex((node) => node.key === sourceId);
-    const newNodeBase = {
-        hierarchy: payloadSourceNode?.hierarchy ?? sourceNode.hierarchy,
-        sourceId: sourceNode.key,
-        isNewNode: true,
-        key: 'new-node',
-        value,
-        error,
-        label,
-        type,
-        options: convertedOptions,
-        selectedOption: convertedSelectedOption,
-        confirmIconTooltip,
-        cancelIconTooltip,
-    };
-    let parentId;
-    switch (action) {
-        case 'addAbove':
-            updatedTreeData.splice(sourceIndex, 0, newNodeBase);
-            break;
-        case 'addBelow':
-            parentId = payloadSourceNode?.parentId;
-            updatedTreeData.splice(sourceIndex + 1, 0, { ...newNodeBase, parentId });
-            break;
-        case 'addInside':
-            parentId = payloadSourceNode?.key;
-            updatedTreeData.splice(sourceIndex + 1, 0, {
-                ...newNodeBase,
-                hierarchy: newNodeBase.hierarchy + 1,
-                parentId,
-            });
-            break;
-        default:
-            break;
-    }
-    return addLastChild(updatedTreeData);
-};
-//# sourceMappingURL=addNewRow.js.map
+import{addLastChild as e}from"./addLastChild.js";const o=(o,r,a)=>{const{sourceId:c,action:t,value:n="",error:i="",label:l,type:d,options:s,selectedOption:p,confirmIconTooltip:y,cancelIconTooltip:h,payloadSourceId:I}=r;if(!c||!t)return o;const u=s?.map(e=>({label:e,value:e})),k=p?{label:p,value:p}:void 0,b=new Map(o.map(e=>[e.key,e]));a&&b.set(a.key,a);const f=b.get(c);if(!f)return o;let m;I&&(m=b.get(I));const v=[...o],w=o.findIndex(e=>e.key===c),T={hierarchy:m?.hierarchy??f.hierarchy,sourceId:f.key,isNewNode:!0,key:"new-node",value:n,error:i,label:l,type:d,options:u,selectedOption:k,confirmIconTooltip:y,cancelIconTooltip:h};let g;switch(t){case"addAbove":v.splice(w,0,T);break;case"addBelow":g=m?.parentId,v.splice(w+1,0,{...T,parentId:g});break;case"addInside":g=m?.key,v.splice(w+1,0,{...T,hierarchy:T.hierarchy+1,parentId:g})}return e(v)};export{o as addNewRow};

package/lib/components/TableTree/Utils/formatDataCell.js

@@ -1,15 +1 @@
-import React from 'react';
-import { truncateText } from '../../../utils/truncateText/truncateText';
-export const formatCellData = (content, maxLength) => {
-    if (typeof content === 'string') {
-        return truncateText(content, maxLength);
-    }
-    if (React.isValidElement(content)) {
-        return React.cloneElement(content, {}, formatCellData(content.props.children, maxLength));
-    }
-    if (Array.isArray(content)) {
-        return content.map((child) => formatCellData(child, maxLength));
-    }
-    return content;
-};
-//# sourceMappingURL=formatDataCell.js.map
+import t from"react";import{truncateText as r}from"../../../utils/truncateText/truncateText.js";const e=(o,i)=>"string"==typeof o?r(o,i):t.isValidElement(o)?t.cloneElement(o,{},e(o.props.children,i)):Array.isArray(o)?o.map(t=>e(t,i)):o;export{e as formatCellData};

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

@@ -1,17 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import TableRow from './TableRow';
-const TableBody = ({ flattenedTreeData, columnsData, columnMeta, rowHeight = 32, startIndex = 0, totalHeight = 0, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, onAddConfirm, onAddCancel, handleEditFieldError, expanding, selectedNode, hideOnDisable, scriptLengthTruncate, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, isEditable, setIsEditable, }) => {
-    return (_jsx("div", { className: "ff-table-tree-fn-body", style: {
-            height: `${totalHeight}px`,
-            position: 'relative',
-        }, children: flattenedTreeData?.map((node, index) => (_jsx(TableRow, { node: node, columnsData: columnsData, columnMeta: columnMeta, selected: selected, select: select, onRowClick: onRowClick, onToggleExpand: onToggleExpand, onCheckBoxChange: onCheckBoxChange, onAddConfirm: onAddConfirm, onAddCancel: onAddCancel, handleEditFieldError: handleEditFieldError, isExpanding: node.key === expanding, index: startIndex + index, selectedNode: selectedNode, hideOnDisable: hideOnDisable, scriptLengthTruncate: scriptLengthTruncate, addModuleInputWidth: addModuleInputWidth, addModuleSelectWidth: addModuleSelectWidth, disableEditLabelConfirmIcon: disableEditLabelConfirmIcon, isEditable: isEditable, setIsEditable: setIsEditable, style: {
-                transform: `translateY(${(startIndex + index) * rowHeight}px)`,
-                height: `${rowHeight}px`,
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                right: 0,
-            } }, node.key))) }));
-};
-export default TableBody;
-//# sourceMappingURL=TableBody.js.map
+import{jsx as e}from"react/jsx-runtime";import t from"./TableRow.js";const d=({flattenedTreeData:d,columnsData:n,columnMeta:o,rowHeight:a=32,startIndex:i=0,totalHeight:l=0,selected:s,select:r,onRowClick:c,onToggleExpand:h,onCheckBoxChange:p,onAddConfirm:m,onAddCancel:g,handleEditFieldError:u,expanding:b,selectedNode:f,hideOnDisable:x,scriptLengthTruncate:E,addModuleInputWidth:C,addModuleSelectWidth:I,disableEditLabelConfirmIcon:k,isEditable:M,setIsEditable:T})=>e("div",{className:"ff-table-tree-fn-body",style:{height:`${l}px`,position:"relative"},children:d?.map((d,l)=>e(t,{node:d,columnsData:n,columnMeta:o,selected:s,select:r,onRowClick:c,onToggleExpand:h,onCheckBoxChange:p,onAddConfirm:m,onAddCancel:g,handleEditFieldError:u,isExpanding:d.key===b,index:i+l,selectedNode:f,hideOnDisable:x,scriptLengthTruncate:E,addModuleInputWidth:C,addModuleSelectWidth:I,disableEditLabelConfirmIcon:k,isEditable:M,setIsEditable:T,style:{transform:`translateY(${(i+l)*a}px)`,height:`${a}px`,position:"absolute",top:0,left:0,right:0}},d.key))});export{d as default};

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

@@ -1,91 +1 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from 'react';
-import { formatCellData } from '../Utils/formatDataCell';
-import { prepareData } from '../Utils/TableCell';
-import { checkEmpty } from '../../../utils/checkEmpty/checkEmpty';
-import Tooltip from '../../Tooltip';
-import Checkbox from '../../Checkbox';
-import RadioButton from '../../RadioButton';
-import AddModule from '../../EditLabel';
-import Arrow from '../../../assets/icons/arrows_down_icon.svg?react';
-import Spinner from '../../../assets/icons/spinner.svg?react';
-const renderSpaces = (level, parentSiblings = [], isLast, nextSibling, isContainer) => {
-    let siblingsArray = parentSiblings;
-    const isLastNode = nextSibling !== undefined ? !nextSibling : isLast;
-    if (checkEmpty(parentSiblings)) {
-        if (!isNaN(level)) {
-            siblingsArray = Array(level).fill(true);
-        }
-    }
-    return (_jsx("div", { className: "tree-table-fn-space-container", children: siblingsArray?.map((line, i) => (_jsx("span", { className: `tree-table-fn-space-block tree-table-fn-space-block-${i} ${!line ? 'no-lines' : ''} ${isLastNode && i === level - 1 ? 'last-node' : ''} ${isContainer ? 'folder' : ''}` }, i))) }));
-};
-const TableCell = React.memo(({ treeRowRef, col, colIndex, columnMeta, node, selected, select, onCheckBoxChange, onToggleExpand, onAddConfirm, onAddCancel, handleEditFieldError, isExpanding, columnTextColor, hideOnDisable, scriptLengthTruncate, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, isEditable, setIsEditable, }) => {
-    //Todo uncomment the following code when we are highlighting the tree table nodes on hover
-    // useEffect(() => {
-    //   const handleHover = (event: MouseEvent, isHovering: boolean) => {
-    //     const target = event.target as HTMLElement;
-    //     const levelClass = Array.from(target.classList).find((cls) =>
-    //       cls.startsWith('tree-table-fn-space-block-')
-    //     );
-    //     if (levelClass) {
-    //       const level = levelClass.split('-').pop();
-    //       // Check if level is valid before selecting elements
-    //       if (level) {
-    //         const sameLevelBlocks = document.querySelectorAll(
-    //           `.tree-table-fn-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-fn-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));
-    //     });
-    //   };
-    // }, []);
-    const cellStyle = {
-        color: `${columnTextColor || 'var(--ff-primary-text-color)'}`,
-        width: columnMeta?.width ?? col?.width,
-        position: columnMeta?.sticky ? 'sticky' : undefined,
-        left: columnMeta?.sticky ? columnMeta.left : undefined,
-        zIndex: columnMeta?.sticky ? columnMeta.zIndex : undefined,
-    };
-    return (_jsxs("div", { className: `ff-table-tree-fn-td ${col.isTree && node.container ? 'folder' : ''} ${columnMeta?.sticky ? 'sticky-tree-column' : ''}`, "data-col-index": colIndex, style: cellStyle, children: [col.isTree &&
-                renderSpaces(node.hierarchy, node.parentSiblings, node.lastChild, node.nextSibling, node.container), _jsxs("div", { className: "tree-fn-title-container", children: [col.isTree && (_jsx("span", { className: `tree-table-fn-space-block  last-tree-fn-block last-tree-fn-block tree-table-fn-space-block-${node.hierarchy} ${node?.expanded
-                            ? 'tree-fn-row-expanded'
-                            : 'tree-fn-row-collapsed'} ${node.container && node.expandable ? '' : 'no-tree-folder'}`, children: node.container && node.expandable && (_jsxs("span", { onClick: () => onToggleExpand(node), children: [' ', isExpanding ? _jsx(Spinner, {}) : _jsx(Arrow, {})] })) })), _jsxs("span", { className: `tree-table-fn-td-content ${col.isTree && node.container ? 'folder' : ''}`, children: [!node?.isNewNode && (_jsxs(_Fragment, { children: [col.isTree &&
-                                        select === 'checkbox' &&
-                                        !(hideOnDisable && node.unselectable) && (_jsx("span", { className: "tree-table-fn-td-content-select", children: node.selectedStatus === 'none' ? (_jsx(Tooltip, { title: node?.currentEnvId &&
-                                                node?.envId &&
-                                                node?.currentEnvId !== node?.envId
-                                                ? 'This script is assigned to another environment. Selecting it will reassign it to the current environment.'
-                                                : 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-fn-td-content-select", children: _jsx(RadioButton, { name: node.key, checked: selected.includes(node.key), value: node.key, onChange: (e) => onCheckBoxChange(e, node), disabled: node.unselectable ||
-                                                node.state === 'REVIEW' ||
-                                                node?.isDisable === true }) }))] })), node.isNewNode && col.isTree ? (_jsx(AddModule, { onCancel: onAddCancel, onConfirm: onAddConfirm, value: node.value, label: node?.label, optionsList: node.options, selectedOption: node.selectedOption, withDropdown: node.type === 'inputWithDropdown', handleCustomError: handleEditFieldError, inputFieldWidth: addModuleInputWidth, selectFieldWidth: addModuleSelectWidth, confirmIconTooltip: node.confirmIconTooltip, cancelIconTooltip: node.cancelIconTooltip, isEditable: isEditable, setIsEditable: setIsEditable, isOnBlurTrue: false, isDisable: { confirm: disableEditLabelConfirmIcon }, isTableTree: true })) : (_jsx("span", { className: "tree-table-fn-td-content-text", children: formatCellData(prepareData(node, col), scriptLengthTruncate) }))] })] }), col.actions && !node?.isNewNode && (_jsx("div", { className: `table-tree-fn-row-action`, children: (() => {
-                    return col.actions(node, treeRowRef);
-                })() }))] }));
-});
-TableCell.displayName = 'TableCell';
-export default TableCell;
-//# sourceMappingURL=TableCell.js.map
+import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import l from"react";import{formatCellData as i}from"../Utils/formatDataCell.js";import{prepareData as a}from"../Utils/TableCell.js";import{checkEmpty as o}from"../../../utils/checkEmpty/checkEmpty.js";import s from"../../Tooltip/Tooltip.js";import r from"../../Checkbox/Checkbox.js";import c from"../../RadioButton/RadioButton.js";import d from"../../EditLabel/EditLabel.js";import p from"../../../assets/icons/arrows_down_icon.svg.js";import m from"../../../assets/icons/spinner.svg.js";const b=(e,n=[],l,i,a)=>{let s=n;const r=void 0!==i?!i:l;return o(n)&&(isNaN(e)||(s=Array(e).fill(!0))),t("div",{className:"tree-table-fn-space-container",children:s?.map((n,l)=>t("span",{className:`tree-table-fn-space-block tree-table-fn-space-block-${l} ${n?"":"no-lines"} ${r&&l===e-1?"last-node":""} ${a?"folder":""}`},l))})},f=l.memo(({treeRowRef:l,col:o,colIndex:f,columnMeta:h,node:u,selected:k,select:v,onCheckBoxChange:y,onToggleExpand:E,onAddConfirm:T,onAddCancel:x,handleEditFieldError:C,isExpanding:N,columnTextColor:I,hideOnDisable:w,scriptLengthTruncate:g,addModuleInputWidth:j,addModuleSelectWidth:S,disableEditLabelConfirmIcon:$,isEditable:D,setIsEditable:W})=>{const R={color:`${I||"var(--ff-primary-text-color)"}`,width:h?.width??o?.width,position:h?.sticky?"sticky":void 0,left:h?.sticky?h.left:void 0,zIndex:h?.sticky?h.zIndex:void 0};return e("div",{className:`ff-table-tree-fn-td ${o.isTree&&u.container?"folder":""} ${h?.sticky?"sticky-tree-column":""}`,"data-col-index":f,style:R,children:[o.isTree&&b(u.hierarchy,u.parentSiblings,u.lastChild,u.nextSibling,u.container),e("div",{className:"tree-fn-title-container",children:[o.isTree&&t("span",{className:`tree-table-fn-space-block  last-tree-fn-block last-tree-fn-block tree-table-fn-space-block-${u.hierarchy} ${u?.expanded?"tree-fn-row-expanded":"tree-fn-row-collapsed"} ${u.container&&u.expandable?"":"no-tree-folder"}`,children:u.container&&u.expandable&&e("span",{onClick:()=>E(u),children:[" ",t(N?m:p,{})]})}),e("span",{className:"tree-table-fn-td-content "+(o.isTree&&u.container?"folder":""),children:[!u?.isNewNode&&e(n,{children:[o.isTree&&"checkbox"===v&&!(w&&u.unselectable)&&t("span",{className:"tree-table-fn-td-content-select",children:"none"===u.selectedStatus?t(s,{title:u?.currentEnvId&&u?.envId&&u?.currentEnvId!==u?.envId?"This script is assigned to another environment. Selecting it will reassign it to the current environment.":void 0,children:t(r,{checked:"completely"===u.selectedStatus,partial:"partially"===u.selectedStatus,onChange:e=>y(e,u),disabled:u.unselectable||"REVIEW"===u.state||!0===u?.isDisable,isDefaultHover:"none"===u.selectedStatus&&!!u.machine})}):t(r,{checked:"completely"===u.selectedStatus,partial:"partially"===u.selectedStatus,onChange:e=>y(e,u),disabled:u.unselectable||"REVIEW"===u.state||!0===u?.isDisable})}),o.isTree&&"radio"===v&&!(w&&u.unselectable)&&t("span",{className:"tree-table-fn-td-content-select",children:t(c,{name:u.key,checked:k.includes(u.key),value:u.key,onChange:e=>y(e,u),disabled:u.unselectable||"REVIEW"===u.state||!0===u?.isDisable})})]}),u.isNewNode&&o.isTree?t(d,{onCancel:x,onConfirm:T,value:u.value,label:u?.label,optionsList:u.options,selectedOption:u.selectedOption,withDropdown:"inputWithDropdown"===u.type,handleCustomError:C,inputFieldWidth:j,selectFieldWidth:S,confirmIconTooltip:u.confirmIconTooltip,cancelIconTooltip:u.cancelIconTooltip,isEditable:D,setIsEditable:W,isOnBlurTrue:!1,isDisable:{confirm:$},isTableTree:!0}):t("span",{className:"tree-table-fn-td-content-text",children:i(a(u,o),g)})]})]}),o.actions&&!u?.isNewNode&&t("div",{className:"table-tree-fn-row-action",children:o.actions(u,l)})]})});f.displayName="TableCell";export{f as default};