pixel-react 1.9.5 → 1.9.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.js CHANGED
@@ -14447,9 +14447,9 @@ const TableCell = /*#__PURE__*/React.memo(({
14447
14447
  children: [col.isTree && renderSpaces(node.hierarchy + 1, node.parentSiblings, node.last), jsxRuntime.jsxs("div", {
14448
14448
  className: "tree-title-container",
14449
14449
  children: [col.isTree && jsxRuntime.jsx("span", {
14450
- className: `tree-table-space-block last-block ${node.isExpanded ? 'tree-row-expanded' : 'tree-row-collapsed'} ${node.folder ? '' : 'no-folder'}`,
14450
+ className: `tree-table-space-block last-block ${node.expand ? 'tree-row-expanded' : 'tree-row-collapsed'} ${node.container ? '' : 'no-folder'}`,
14451
14451
  onClick: () => onToggleExpand(node),
14452
- children: node.folder && jsxRuntime.jsx(SvgArrowsDownIcon, {})
14452
+ children: node.container && node?.totalResourceCount > 0 && jsxRuntime.jsx(SvgArrowsDownIcon, {})
14453
14453
  }), jsxRuntime.jsxs("span", {
14454
14454
  className: "tree-table-td-content",
14455
14455
  children: [col.isTree && select === 'checkbox' && jsxRuntime.jsx(Checkbox, {
@@ -14470,15 +14470,12 @@ const TableCell = /*#__PURE__*/React.memo(({
14470
14470
 
14471
14471
  const TableRow = /*#__PURE__*/React.memo(({
14472
14472
  node,
14473
- // level,
14474
14473
  columnsData,
14475
14474
  selected,
14476
14475
  select,
14477
14476
  onRowClick,
14478
14477
  onToggleExpand,
14479
14478
  onCheckBoxChange
14480
- // parentSiblings,
14481
- // isLast,
14482
14479
  }) => jsxRuntime.jsx("tr", {
14483
14480
  "data-level": node.hierarchy,
14484
14481
  className: "show",
@@ -14501,7 +14498,7 @@ const TableBody = /*#__PURE__*/React.memo(({
14501
14498
  onRowClick,
14502
14499
  onToggleExpand,
14503
14500
  onCheckBoxChange
14504
- }) => jsxRuntime.jsxs("tbody", {
14501
+ }) => checkEmpty(flattenedTreeData) ? null : jsxRuntime.jsxs("tbody", {
14505
14502
  className: "ff-table-tree-body",
14506
14503
  children: [jsxRuntime.jsx("tr", {
14507
14504
  id: "ff-table-tree-first-node"
@@ -14533,8 +14530,9 @@ const TreeTable = ({
14533
14530
  loadMore = () => {},
14534
14531
  height = 'auto'
14535
14532
  }) => {
14533
+ const treeRef = React.useRef(null);
14536
14534
  useIntersectionObserver(['ff-table-tree-last-node', 'ff-table-tree-first-node'], {
14537
- root: document.getElementById('ff-table-tree-scroll-container'),
14535
+ root: treeRef?.current || null,
14538
14536
  rootMargin: '0px',
14539
14537
  threshold: 0.1,
14540
14538
  onIntersect: entry => {
@@ -14550,7 +14548,7 @@ const TreeTable = ({
14550
14548
  }
14551
14549
  }
14552
14550
  });
14553
- const handleToggleExpand = React.useCallback(node => onExpand?.(true, node?.key), [onExpand]);
14551
+ const handleToggleExpand = React.useCallback(node => onExpand?.(node), [onExpand]);
14554
14552
  const handleCheckBoxChange = React.useCallback((e, node) => {
14555
14553
  onChange?.(e, node);
14556
14554
  }, [onChange]);
@@ -14560,6 +14558,7 @@ const TreeTable = ({
14560
14558
  children: jsxRuntime.jsx("div", {
14561
14559
  className: "table-scrollable",
14562
14560
  id: "ff-table-tree-scroll-container",
14561
+ ref: treeRef,
14563
14562
  style: {
14564
14563
  '--table-height': `${height !== 'auto' ? height + 'px' : height}`
14565
14564
  },