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/.yarn/install-state.gz +0 -0
- package/lib/ComponentProps/TreeNodeProps.d.ts +31 -0
- package/lib/components/TableTree/Components/TableBody.d.ts +1 -1
- package/lib/components/TableTree/types.d.ts +2 -30
- package/lib/index.d.ts +13 -69
- package/lib/index.esm.js +7 -8
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +7 -8
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils/getTreeDetails/getTreeDetails.d.ts +1 -29
- package/lib/utils/handleTreeNodeSelect/handleTreeNodeSelect.d.ts +1 -30
- package/package.json +1 -1
- package/src/ComponentProps/TreeNodeProps.ts +31 -0
- package/src/components/TableTree/Components/TableBody.tsx +22 -20
- package/src/components/TableTree/Components/TableCell.tsx +3 -3
- package/src/components/TableTree/Components/TableRow.tsx +0 -3
- package/src/components/TableTree/TableTree.tsx +5 -3
- package/src/components/TableTree/types.ts +2 -31
- package/src/index.ts +7 -0
- package/src/utils/getTreeDetails/getTreeDetails.ts +1 -29
- package/src/utils/handleTreeNodeSelect/handleTreeNodeSelect.ts +1 -30
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.
|
|
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.
|
|
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:
|
|
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?.(
|
|
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
|
},
|