pixel-priya 1.2.83 → 1.2.85

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

@@ -1,14 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState, useEffect, useRef } from 'react';
+import { formatCellData } from '../Utils/formatDataCell';
+import { prepareData } from '../Utils/TableCell';
 import Checkbox from '../../Checkbox';
 import RadioButton from '../../RadioButton';
-import { formatCellData } from '../Utils/formatDataCell';
-import { prepareData } from '../../../utils/TableCell/TableCell';
-const TableHead = React.memo(({ columnsData, rootNode, selected, onCheckBoxChange, selectedNode, tableHeaderBgColor, hideOnDisable, transparentHeader, scriptLengthTruncate = 25, showHeader = true, }) => {
-    // const hasDefaultValues = useMemo(
-    //   () => columnsData.some(({ defaultValue }) => !!defaultValue),
-    //   [columnsData]
-    // );
+import TruncatedTooltip from '../../TruncatedTooltip/TruncatedTooltip';
+const TableHead = React.memo(({ columnsData, columnMeta, totalWidth, rootNode, selected, onCheckBoxChange, selectedNode, tableHeaderBgColor, hideOnDisable, transparentHeader, scriptLengthTruncate = 25, showHeader = true, rootNameWidth, rootNameHoveredWidth, }) => {
     const rootNodeRowRef = useRef(null);
     const [isMounted, setIsMounted] = useState(false);
     const [didMouseEntered, setDidMouseEntered] = useState(false);
@@ -23,29 +20,42 @@ const TableHead = React.memo(({ columnsData, rootNode, selected, onCheckBoxChang
     useEffect(() => {
         setIsMounted(true);
     }, []);
-    return (_jsxs("thead", { className: "ff-table-tree-head", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [showHeader && (_jsx("tr", { className: "ff-table-tree-row no-hover", children: columnsData.map(({ name, width }) => (_jsx("th", { className: "ff-table-tree-th", style: {
-                        width: width,
+    const getCellStyle = (index, width) => {
+        const meta = columnMeta?.[index];
+        return {
+            width: meta?.width ?? width,
+            position: meta?.sticky ? 'sticky' : undefined,
+            left: meta?.sticky ? meta.left : undefined,
+            zIndex: meta?.sticky ? meta.zIndex : undefined,
+        };
+    };
+    return (_jsxs("div", { className: "ff-table-tree-fn-head", children: [showHeader && (_jsx("div", { className: "ff-table-tree-fn-row no-hover", style: { minWidth: totalWidth }, children: columnsData.map(({ name, width }, index) => (_jsx("div", { className: `ff-table-tree-fn-th ${columnMeta?.[index]?.sticky ? 'sticky-tree-column' : ''}`, "data-col-index": index, style: {
+                        ...getCellStyle(index, width),
                         backgroundColor: transparentHeader
                             ? 'transparent'
                             : tableHeaderBgColor,
                         pointerEvents: transparentHeader ? 'none' : 'auto',
-                    }, children: name }, name))) })), rootNode && (_jsx("tr", { className: `ff-table-tree-row show ${selectedNode && selectedNode === rootNode?.node?.key
+                    }, children: name }, name))) })), rootNode && (_jsx("div", { className: `ff-table-tree-fn-row show-tree ${selectedNode && selectedNode === rootNode?.node?.key
                     ? 'hover'
-                    : ''}`, ref: rootNodeRowRef, children: columnsData.map((col, index) => (_jsx("td", { className: "ff-table-tree-td", children: _jsxs("span", { className: "tree-table-default-content", children: [index === 0 &&
+                    : ''}`, ref: rootNodeRowRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: columnsData.map((col, index) => (_jsx("div", { className: `ff-table-tree-fn-td ${columnMeta?.[index]?.sticky ? 'sticky-tree-column' : ''}`, "data-col-index": index, style: getCellStyle(index, col.width), children: _jsxs("span", { className: "tree-table-fn-default-content", 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 &&
+                                !(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-fn-td-content-text", children: [col.accessor === 'name' ? (_jsx("span", { children: (() => {
+                                            const rootWidth = rootNameHoveredWidth
+                                                ? rootNameHoveredWidth
+                                                : rootNameWidth;
+                                            return rootWidth
+                                                ? _jsx(TruncatedTooltip, { title: rootNode.node[col.accessor], width: rootWidth })
+                                                : rootNode.node[col.accessor];
+                                        })() })) : (_jsx("span", { children: formatCellData(prepareData(rootNode.node, col), scriptLengthTruncate) })), rootNode.cell && index === 0 && (_jsx("span", { className: "table-tree--fn-root-cell", children: 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))) }))] }));
+                                rootNodeRowRef.current && (_jsx("div", { className: "table-tree-fn-row-action", children: rootNode.actions(rootNode.node, rootNodeRowRef) }))] }) }, index))) }))] }));
 });
+TableHead.displayName = 'TableHead';
 export default TableHead;
 //# sourceMappingURL=TableHead.js.map

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

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

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

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

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

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

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

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

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

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