pixel-react 1.11.22 → 1.11.24

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

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

package/lib/components/Table/Types.js

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

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

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

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

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

package/lib/components/Table/index.js

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

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

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

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

@@ -0,0 +1,3 @@
+import type { TableBodyProps } from '../types';
+declare const TableBody: ({ flattenedTreeData, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, newNode, onAddConfirm, onAddCancel, handleEditFieldError, expanding, rootNode, selectedNode, hideOnDisable, }: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
+export default TableBody;

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { addNewRow } from '../Utils/addNewRow';
+import TableRow from './TableRow';
+const TableBody = ({ flattenedTreeData, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, newNode, onAddConfirm, onAddCancel, handleEditFieldError, expanding, rootNode, selectedNode, hideOnDisable, }) => {
+    // commenting this code to add editLabel component to rootnode when data is empty
+    // if (checkEmpty(flattenedTreeData)) {
+    //   return null;
+    // }
+    return (_jsxs("tbody", { className: "ff-table-tree-body", children: [_jsx("div", { style: { position: 'sticky', left: 0 }, id: "ff-table-tree-first-node" }), addNewRow(flattenedTreeData, newNode ?? {}, rootNode)?.map((node, index) => !node?.hide ? (_jsx(TableRow, { node: node, columnsData: columnsData, selected: selected, select: select, onRowClick: onRowClick, onToggleExpand: onToggleExpand, onCheckBoxChange: onCheckBoxChange, onAddConfirm: onAddConfirm, onAddCancel: onAddCancel, handleEditFieldError: handleEditFieldError, isExpanding: node.key === expanding, index: index, selectedNode: selectedNode, hideOnDisable: hideOnDisable }, node.key)) : null), _jsx("div", { style: { position: 'sticky', left: 0 }, id: "ff-table-tree-last-node" })] }));
+};
+export default TableBody;
+//# sourceMappingURL=TableBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../../src/components/TableTree/Components/TableBody.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,SAAS,GAAG,CAAC,EACjB,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACR,MAAM,EACN,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,aAAa,GACE,EAAE,EAAE;IACnB,iFAAiF;IACjF,uCAAuC;IACvC,iBAAiB;IACjB,IAAI;IAEJ,OAAO,CACL,iBAAO,SAAS,EAAC,oBAAoB,aACnC,cACE,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,EACtC,EAAE,EAAC,0BAA0B,GAC7B,EAED,SAAS,CAAC,iBAAiB,EAAE,OAAO,IAAI,EAAE,EAAE,QAAQ,CAAC,EAAE,GAAG,CACzD,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACd,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CACZ,KAAC,QAAQ,IAEP,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,IAAI,CAAC,GAAG,KAAK,SAAS,EACnC,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,IAdvB,IAAI,CAAC,GAAG,CAeb,CACH,CAAC,CAAC,CAAC,IAAI,CACX,EACD,cACE,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,EACtC,EAAE,EAAC,yBAAyB,GAC5B,IACI,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableCellProps } from '../types';
+declare const TableCell: React.MemoExoticComponent<({ treeRowRef, col, node, selected, select, onCheckBoxChange, onToggleExpand, onAddConfirm, onAddCancel, handleEditFieldError, isExpanding, columnTextColor, hideOnDisable, }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
+export default TableCell;

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

@@ -0,0 +1,71 @@
+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';
+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, }) => {
+    //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  ${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(Checkbox, { checked: node.selectedStatus === 'completely', partial: node.selectedStatus === 'partially', onChange: (e) => onCheckBoxChange(e, node), disabled: node.unselectable, isDefaultHover: !node.unselectable && !!node.machine })), col.isTree &&
+                                        select === 'radio' &&
+                                        !(hideOnDisable && node.unselectable) && (_jsx(RadioButton, { name: node.key, checked: selected.includes(node.key), value: node.key, onChange: (e) => onCheckBoxChange(e, node), disabled: node.unselectable }))] })), 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: 120 })) : (_jsx("span", { className: "tree-table-td-content-text", children: prepareData(node, col) }))] })] }), col.actions && !node?.isNewNode && (_jsx("div", { className: `table-tree-row-action`, children: (() => {
+                    return col.actions(node, treeRowRef);
+                })() }))] }));
+});
+export default TableCell;
+//# sourceMappingURL=TableCell.js.map

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

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

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

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

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

@@ -0,0 +1,27 @@
+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';
+const TableHead = React.memo(({ columnsData, rootNode, selected, onCheckBoxChange, selectedNode, tableHeaderBgColor, hideOnDisable, }) => {
+    // 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", children: columnsData.map(({ name, width }) => (_jsx("th", { className: "ff-table-tree-th", style: { width: width, backgroundColor: 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: [_jsx("span", { children: rootNode.node[col.accessor] }), 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

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

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

package/lib/components/TableTree/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 }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
+export default TableRow;

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/TableTree/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,EACC,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,OAAO,CAAC,CAAC,CAAC,EACxD,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,IAXvB,GAAG,CAAC,IAAI,CAYb,CACH,CAAC,GACC,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

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

package/lib/components/TableTree/TableTree.js

@@ -0,0 +1,160 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import './TableTree.scss';
+import TableHead from './Components/TableHead';
+import TableBody from './Components/TableBody';
+import { addLastChild } from './Utils/addLastChild';
+const TreeTable = ({ 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, }) => {
+    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([]);
+    // Handle load more data for pagination
+    const loadMoreAbove = () => {
+        if (loading || isLoading === 'above')
+            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) {
+            setTimeout(() => {
+                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 ? 0 : 1))
+                        .reduce((heightSum, _, index) => {
+                        const rowHeight = allRows[index]?.getBoundingClientRect().height || 0;
+                        return heightSum + rowHeight;
+                    }, 0);
+                    // Adjust scroll position when data is loaded above
+                    if (isLoading === 'above') {
+                        container.scrollTop = prevScrollTop + totalAddedHeight;
+                    }
+                }
+                previousTreeDataRef.current = treeData;
+            }, 0);
+        }
+    }, [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]);
+    useEffect(() => {
+        if (!loading && isLoading) {
+            if (isLoading === 'above' && pagination) {
+                handleScroll();
+            }
+            else {
+                previousTreeDataRef.current = treeData;
+            }
+            setIsLoading(null);
+        }
+    }, [loading]);
+    useEffect(() => {
+        if (!loading && expanding) {
+            setExpanding(null);
+        }
+    }, [loading]);
+    const handleToggleExpand = useCallback((node) => {
+        if (expanding)
+            return;
+        setExpanding(node.key);
+        onExpand?.(node);
+    }, [onExpand, expanding]);
+    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", 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 }), _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 })] }) }) }));
+};
+export default TreeTable;
+//# sourceMappingURL=TableTree.js.map

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

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

package/lib/components/TableTree/Utils/addLastChild.d.ts

@@ -0,0 +1,2 @@
+import { TreeNodeProps } from '../../../ComponentProps/TreeNodeProps';
+export declare const addLastChild: (treeData: TreeNodeProps[]) => TreeNodeProps[];

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

@@ -0,0 +1,20 @@
+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;
+        }
+    });
+    return updatedTreeData;
+};
+//# sourceMappingURL=addLastChild.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"addLastChild.js","sourceRoot":"","sources":["../../../../src/components/TableTree/Utils/addLastChild.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAyB,EAAmB,EAAE;IACzE,MAAM,QAAQ,GAAG,IAAI,GAAG,EAA2B,CAAC;IAEpD,MAAM,eAAe,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAC5C,MAAM,OAAO,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;QAC5B,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;YACnD,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACvB,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACxC,CAAC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;QAC5B,MAAM,aAAa,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC;QACjC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,eAAe,CAAC;AACzB,CAAC,CAAC"}

package/lib/components/TableTree/Utils/addNewRow.d.ts

@@ -0,0 +1,11 @@
+import { TreeNodeProps } from '../../../ComponentProps/TreeNodeProps';
+export declare const addNewRow: (treeData: TreeNodeProps[], newNode: {
+    action?: "addAbove" | "addBelow" | "addInside";
+    sourceId?: string;
+    error?: string;
+    value?: string;
+    label?: string;
+    options?: [];
+    selectedOption?: string;
+    type?: "input" | "inputWithDropdown";
+}, rootNode: TreeNodeProps) => TreeNodeProps[];

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

@@ -0,0 +1,51 @@
+export const addNewRow = (treeData, newNode, rootNode) => {
+    const { sourceId, action, value = '', error = '', label, type, options, selectedOption, } = 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;
+    const updatedTreeData = [...treeData];
+    const sourceIndex = treeData.findIndex((node) => node.key === sourceId);
+    const newNodeBase = {
+        hierarchy: sourceNode.hierarchy,
+        sourceId: sourceNode.key,
+        isNewNode: true,
+        key: 'new-node',
+        value,
+        error,
+        label,
+        type,
+        options: convertedOptions,
+        selectedOption: convertedSelectedOption,
+    };
+    switch (action) {
+        case 'addAbove':
+            updatedTreeData.splice(sourceIndex, 0, newNodeBase);
+            break;
+        case 'addBelow':
+            updatedTreeData.splice(sourceIndex + 1, 0, newNodeBase);
+            break;
+        case 'addInside':
+            updatedTreeData.splice(sourceIndex + 1, 0, {
+                ...newNodeBase,
+                hierarchy: sourceNode.hierarchy + 1,
+            });
+            break;
+        default:
+            break;
+    }
+    return updatedTreeData;
+};
+//# sourceMappingURL=addNewRow.js.map