pixel-sharan 1.13.91 → 1.13.95

package/lib/components/TableTreeFn/TableTreeFn.js

@@ -0,0 +1,256 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef, useState, useRef, useCallback, useEffect, useLayoutEffect } from 'react';
+import TableHead from './Components/TableHead.js';
+import TableBody from './Components/TableBody.js';
+import { addLastChild } from './Utils/addLastChild.js';
+
+const TableTreeFn = /*#__PURE__*/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,
+  navigateTreeNode = null
+}, 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([]);
+  //new loadMoreAbove function
+  const loadMoreAbove = () => {
+    if (loading || isLoading === 'above') return;
+    console.log('calling above');
+    setIsLoading('above');
+    setPrevScrollTop(containerRef.current?.scrollTop ?? null);
+    loadMore('above');
+  };
+  const loadMoreBelow = () => {
+    if (loading || isLoading === 'below') return;
+    console.log('calling below');
+    setIsLoading('below');
+    // Trigger the loadMore callback for data loading from below
+    loadMore('below');
+  };
+  //new handle Scroll function
+  const handleScroll = useCallback(() => {
+    const container = containerRef.current;
+    const previousTreeData = previousTreeDataRef.current;
+    if (!loading && container && isLoading === 'above' && previousTreeData.length > 0 && prevScrollTop !== null) {
+      let addedRowsCount = 0;
+      if (getContentLength) {
+        addedRowsCount = getContentLength;
+      } else {
+        for (let i = 0; i < treeData.length; i++) {
+          if (previousTreeData[0] === treeData[i]) break;
+          addedRowsCount++;
+        }
+      }
+      let retries = 0;
+      const maxRetries = 30;
+      const tryRestoreScroll = () => {
+        const allRows = Array.from(container.querySelectorAll('.ff-table-tree-row'));
+        // Total added height of new rows
+        let totalAddedHeight = 0;
+        for (let i = 0; i < addedRowsCount; i++) {
+          const height = allRows[i]?.getBoundingClientRect().height || 0;
+          totalAddedHeight += height;
+        }
+        const canScroll = container.scrollHeight > container.clientHeight;
+        const validHeights = totalAddedHeight > 0;
+        if (validHeights && canScroll) {
+          container.scrollTop = prevScrollTop + totalAddedHeight;
+          previousTreeDataRef.current = treeData;
+        } else if (retries < maxRetries) {
+          retries++;
+          requestAnimationFrame(tryRestoreScroll);
+        } else {
+          previousTreeDataRef.current = treeData;
+          console.warn('Failed to restore scroll position after max retries');
+        }
+      };
+      console.log(`Attempting to restore scroll position after loading more data. Added rows count: ${addedRowsCount}, retries: ${retries}`);
+      // Start scroll adjustment
+      requestAnimationFrame(tryRestoreScroll);
+    }
+  }, [loading, isLoading, treeData, getContentLength, prevScrollTop]);
+  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';
+        console.log('entries', entry);
+        if (entry.isIntersecting) {
+          if (direction === 'below' && !isLastResourceBelow) {
+            console.log('LoadMoreBelow from observer');
+            loadMoreBelow();
+          } else if (direction === 'above' && !isLastResourceAbove) {
+            console.log('LoadMoreAbove from observer');
+            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]);
+  // new useLayoutEffect to handle loading state
+  useLayoutEffect(() => {
+    if (!loading && isLoading === 'above' && pagination) {
+      const raf = requestAnimationFrame(() => {
+        handleScroll();
+        setIsLoading(null);
+      });
+      return () => {
+        cancelAnimationFrame(raf);
+      };
+    } else if (!loading) {
+      previousTreeDataRef.current = treeData;
+      setIsLoading(null);
+    }
+    return undefined;
+  }, [loading, onScroll]);
+  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);
+      }
+    };
+  }, [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]);
+  useEffect(() => {
+    console.log(`Navigating to tree nodeFromUseEffect: ${navigateTreeNode}`);
+    if (navigateTreeNode) {
+      const node = document.getElementById(navigateTreeNode);
+      if (node) {
+        node.scrollIntoView({
+          behavior: 'smooth',
+          block: 'nearest'
+        });
+      }
+    }
+  }, [navigateTreeNode]);
+  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
+        }), 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 { TableTreeFn as default };
+//# sourceMappingURL=TableTreeFn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableTreeFn.js","sources":["../../../src/components/TableTreeFn/TableTreeFn.tsx"],"sourcesContent":[null],"names":["TableTreeFn","forwardRef","treeData","columnsData","selected","select","onChange","onClick","onExpand","loadMore","tableBorder","height","newNode","onAddConfirm","_name","onAddCancel","handleEditFieldError","loading","rootNode","getContentLength","pagination","selectedNode","tableHeaderBgColor","hideOnDisable","freezeColumns","scriptLengthTruncate","addModuleInputWidth","addModuleSelectWidth","onScroll","disableEditLabelConfirmIcon","transparentHeader","navigateTreeNode","ref","expanding","setExpanding","useState","isLoading","setIsLoading","observerRef","useRef","containerRef","prevScrollTop","setPrevScrollTop","previousTreeDataRef","loadMoreAbove","console","log","current","scrollTop","loadMoreBelow","handleScroll","useCallback","container","previousTreeData","length","addedRowsCount","i","retries","maxRetries","tryRestoreScroll","allRows","Array","from","querySelectorAll","totalAddedHeight","getBoundingClientRect","canScroll","scrollHeight","clientHeight","validHeights","requestAnimationFrame","warn","useEffect","scrollContainer","document","getElementById","lastNode","firstNode","isLastResourceBelow","lastResource","isLastResourceAbove","disconnect","observerCallback","entries","forEach","entry","nodeId","target","id","direction","isIntersecting","IntersectionObserver","root","rootMargin","threshold","observe","useLayoutEffect","raf","cancelAnimationFrame","undefined","handleToggleExpand","node","key","scrollDiv","addEventListener","removeEventListener","handleCheckBoxChange","e","handleRowClick","scrollIntoView","behavior","block","DEFAULT_COLUMN_WIDTH","calculateFrozenWidth","columnData","slice","reduce","acc","col","parseInt","width","frozenWidth","_jsx","className","children","style","border","_jsxs","TableHead","onCheckBoxChange","TableBody","flattenedTreeData","addLastChild","onRowClick","onToggleExpand"],"mappings":"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"}

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

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

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

@@ -0,0 +1,28 @@
+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;
+};
+
+export { addLastChild };
+//# sourceMappingURL=addLastChild.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"addLastChild.js","sources":["../../../../src/components/TableTreeFn/Utils/addLastChild.ts"],"sourcesContent":[null],"names":["addLastChild","treeData","childMap","Map","updatedTreeData","map","node","newNode","parentId","children","get","push","set","forEach","lastChildNode","at","lastChild","prevLastChild"],"mappings":"AAEO,MAAMA,YAAY,GAAIC,QAAyB,IAAqB;AACzE,EAAA,MAAMC,QAAQ,GAAG,IAAIC,GAAG,EAA2B;AAEnD,EAAA,MAAMC,eAAe,GAAGH,QAAQ,CAACI,GAAG,CAAEC,IAAI,IAAI;AAC5C,IAAA,MAAMC,OAAO,GAAG;MAAE,GAAGD;KAAM;IAC3B,IAAIA,IAAI,CAACE,QAAQ,EAAE;MACjB,MAAMC,QAAQ,GAAGP,QAAQ,CAACQ,GAAG,CAACJ,IAAI,CAACE,QAAQ,CAAC,IAAI,EAAE;AAClDC,MAAAA,QAAQ,CAACE,IAAI,CAACJ,OAAO,CAAC;MACtBL,QAAQ,CAACU,GAAG,CAACN,IAAI,CAACE,QAAQ,EAAEC,QAAQ,CAAC;AACvC;AACA,IAAA,OAAOF,OAAO;AAChB,GAAC,CAAC;AAEFL,EAAAA,QAAQ,CAACW,OAAO,CAAEJ,QAAQ,IAAI;IAC5B,MAAMK,aAAa,GAAGL,QAAQ,CAACM,EAAE,CAAC,EAAE,CAAC;AACrC,IAAA,IAAID,aAAa,EAAE;MACjBA,aAAa,CAACE,SAAS,GAAG,IAAI;AAChC;IACA,MAAMC,aAAa,GAAGR,QAAQ,CAACM,EAAE,CAAC,EAAE,CAAC;AACrC,IAAA,IAAIE,aAAa,EAAE;MACjBA,aAAa,CAACD,SAAS,GAAG,KAAK;AACjC;AACF,GAAC,CAAC;AAEF,EAAA,OAAOZ,eAAe;AACxB;;;;"}

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

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

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

@@ -0,0 +1,77 @@
+import { addLastChild } from './addLastChild.js';
+
+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;
+  }
+  return addLastChild(updatedTreeData);
+};
+
+export { addNewRow };
+//# sourceMappingURL=addNewRow.js.map

package/lib/components/TableTreeFn/Utils/addNewRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addNewRow.js","sources":["../../../../src/components/TableTreeFn/Utils/addNewRow.ts"],"sourcesContent":[null],"names":["addNewRow","treeData","newNode","rootNode","sourceId","action","value","error","label","type","options","selectedOption","confirmIconTooltip","cancelIconTooltip","payloadSourceId","convertedOptions","map","option","convertedSelectedOption","undefined","nodeMap","Map","node","key","set","sourceNode","get","payloadSourceNode","updatedTreeData","sourceIndex","findIndex","newNodeBase","hierarchy","isNewNode","parentId","splice","addLastChild"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const formatCellData: (content: React.ReactNode, maxLength: number) => React.ReactNode;

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

@@ -0,0 +1,18 @@
+import React__default from 'react';
+import { truncateText } from '../../../utils/truncateText/truncateText.js';
+
+const formatCellData = (content, maxLength) => {
+  if (typeof content === 'string') {
+    return truncateText(content, maxLength);
+  }
+  if (/*#__PURE__*/React__default.isValidElement(content)) {
+    return /*#__PURE__*/React__default.cloneElement(content, {}, formatCellData(content.props.children, maxLength));
+  }
+  if (Array.isArray(content)) {
+    return content.map(child => formatCellData(child, maxLength));
+  }
+  return content;
+};
+
+export { formatCellData };
+//# sourceMappingURL=formatDataCell.js.map

package/lib/components/TableTreeFn/Utils/formatDataCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatDataCell.js","sources":["../../../../src/components/TableTreeFn/Utils/formatDataCell.ts"],"sourcesContent":[null],"names":["formatCellData","content","maxLength","truncateText","React","isValidElement","cloneElement","props","children","Array","isArray","map","child"],"mappings":";;;MAGaA,cAAc,GAAGA,CAC5BC,OAAwB,EACxBC,SAAiB,KACE;AACnB,EAAA,IAAI,OAAOD,OAAO,KAAK,QAAQ,EAAE;AAC/B,IAAA,OAAOE,YAAY,CAACF,OAAO,EAAEC,SAAS,CAAC;AACzC;AAEA,EAAA,iBAAIE,cAAK,CAACC,cAAc,CAACJ,OAAO,CAAC,EAAE;AACjC,IAAA,oBAAOG,cAAK,CAACE,YAAY,CACvBL,OAAO,EACP,EAAE,EACFD,cAAc,CAACC,OAAO,CAACM,KAAK,CAACC,QAAQ,EAAEN,SAAS,CAAC,CAClD;AACH;AAEA,EAAA,IAAIO,KAAK,CAACC,OAAO,CAACT,OAAO,CAAC,EAAE;AAC1B,IAAA,OAAOA,OAAO,CAACU,GAAG,CAAEC,KAAK,IAAKZ,cAAc,CAACY,KAAK,EAAEV,SAAS,CAAC,CAAC;AACjE;AAEA,EAAA,OAAOD,OAAO;AAChB;;;;"}

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

@@ -0,0 +1,2 @@
+declare const getAllChildIds: (nodeId: string, data: any[]) => string[];
+export default getAllChildIds;

package/lib/components/TableTreeFn/Utils/getAllChildIds.js

@@ -0,0 +1,12 @@
+const getAllChildIds = (nodeId, data) => {
+    let result = [nodeId];
+    // Traverse the tree and find children based on parentId
+    data.forEach(({ node }) => {
+        if (node.parentId === nodeId) {
+            result = result.concat(getAllChildIds(node.id, data)); // Add children recursively
+        }
+    });
+    return result;
+};
+export default getAllChildIds;
+//# sourceMappingURL=getAllChildIds.js.map

package/lib/components/TableTreeFn/Utils/getAllChildIds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getAllChildIds.js","sourceRoot":"","sources":["../../../../src/components/TableTreeFn/Utils/getAllChildIds.ts"],"names":[],"mappings":"AAAA,MAAM,cAAc,GAAG,CAAC,MAAc,EAAE,IAAW,EAAY,EAAE;IAC/D,IAAI,MAAM,GAAG,CAAC,MAAM,CAAC,CAAC;IAEtB,wDAAwD;IACxD,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;QACxB,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,EAAE,CAAC;YAC7B,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,2BAA2B;QACpF,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/TableTreeFn/Utils/renderSpaces.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=renderSpaces.js.map

package/lib/components/TableTreeFn/Utils/renderSpaces.js.map

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