pixel-virtual-tree 1.0.18 → 1.0.20

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.
@@ -1 +1,5 @@
1
- export default function TreeTableController({ treeData }: any): import("react/jsx-runtime").JSX.Element;
1
+ type Props = {
2
+ treeData: any;
3
+ };
4
+ declare const TreeTableController: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
5
+ export default TreeTableController;
@@ -1,11 +1,12 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useEffect, useRef, useState } from 'react';
2
+ // TreeTableController.tsx
3
+ import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
3
4
  import { adaptLegacyTree } from './legacyAdapter';
4
5
  import { HeightIndex } from './virtualization/HeightIndex';
5
6
  import { useVirtualViewport } from './virtualization/useVirtualViewport';
6
7
  import { TreeViewportRenderer } from './render/TreeViewportRenderer';
7
8
  import { useTreeEvents } from './interactions/useTreeEvents';
8
- export default function TreeTableController({ treeData }) {
9
+ const TreeTableController = forwardRef(function TreeTableController({ treeData }, forwardedRef) {
9
10
  const containerRef = useRef(null);
10
11
  const workerRef = useRef(null);
11
12
  const heightIndexRef = useRef(null);
@@ -13,22 +14,33 @@ export default function TreeTableController({ treeData }) {
13
14
  const [nodes, setNodes] = useState(new Map());
14
15
  const [selected, setSelected] = useState(new Set());
15
16
  const [partial, setPartial] = useState(new Set());
17
+ /* -------------------- SAFE CALLBACK REF -------------------- */
18
+ const setContainerRef = useCallback((el) => {
19
+ containerRef.current = el;
20
+ if (typeof forwardedRef === 'function') {
21
+ forwardedRef(el);
22
+ }
23
+ else if (forwardedRef) {
24
+ forwardedRef.current = el;
25
+ }
26
+ }, [forwardedRef]);
16
27
  /* -------------------- WORKER SETUP -------------------- */
17
28
  useEffect(() => {
18
- const worker = new Worker(
19
- // IMPORTANT: treeWorker.js lives next to lib/index.js
20
- new URL('./treeWorker.js', import.meta.url), { type: 'module' });
29
+ const worker = new Worker(new URL('./treeWorker.js', import.meta.url), {
30
+ type: 'module',
31
+ });
21
32
  workerRef.current = worker;
22
33
  const { nodes, rootIds } = adaptLegacyTree(treeData);
23
34
  setNodes(nodes);
24
35
  worker.postMessage({
25
36
  type: 'INIT',
26
37
  payload: {
27
- nodes: Array.from(nodes.entries()),
38
+ nodes: Object.fromEntries(nodes),
28
39
  rootIds,
29
40
  },
30
41
  });
31
42
  worker.onmessage = (e) => {
43
+ console.log('[Worker → Main]', e.data);
32
44
  const msg = e.data;
33
45
  if (msg.type === 'VISIBLE_ORDER') {
34
46
  setOrder(msg.payload.order);
@@ -43,12 +55,11 @@ export default function TreeTableController({ treeData }) {
43
55
  workerRef.current = null;
44
56
  };
45
57
  }, [treeData]);
46
- /* -------------------- HEIGHT INDEX INIT -------------------- */
58
+ /* -------------------- HEIGHT INDEX -------------------- */
47
59
  useEffect(() => {
48
60
  if (!order.length)
49
61
  return;
50
62
  if (!heightIndexRef.current) {
51
- // default row height = 32px
52
63
  heightIndexRef.current = new HeightIndex(order.length, 32);
53
64
  }
54
65
  else {
@@ -63,10 +74,11 @@ export default function TreeTableController({ treeData }) {
63
74
  /* -------------------- EVENTS -------------------- */
64
75
  const events = useTreeEvents(containerRef, workerRef.current);
65
76
  /* -------------------- RENDER -------------------- */
66
- return (_jsx("div", { ref: containerRef, style: {
67
- height: '100%',
77
+ return (_jsx("div", { ref: setContainerRef, style: {
78
+ height: '73vh',
68
79
  overflow: 'auto',
69
80
  position: 'relative',
70
81
  }, children: _jsx(TreeViewportRenderer, { order: order, nodes: nodes, viewport: viewport, heightIndex: heightIndexRef.current, events: events, selected: selected, partial: partial }) }));
71
- }
82
+ });
83
+ export default TreeTableController;
72
84
  //# sourceMappingURL=TreeTableController.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TreeTableController.js","sourceRoot":"","sources":["../../../../src/components/TableTreeFn/tree-v2/TreeTableController.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TreeTableController.js","sourceRoot":"","sources":["../../../../src/components/TableTreeFn/tree-v2/TreeTableController.tsx"],"names":[],"mappings":"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"}
@@ -4,6 +4,7 @@ interface Props {
4
4
  partial: boolean;
5
5
  onToggle: () => void;
6
6
  onSelect: () => void;
7
+ style?: React.CSSProperties;
7
8
  }
8
- export declare function TreeRow({ node, selected, partial, onToggle, onSelect, }: Props): import("react/jsx-runtime").JSX.Element;
9
+ export declare function TreeRow({ node, selected, partial, onToggle, onSelect, style, }: Props): import("react/jsx-runtime").JSX.Element;
9
10
  export {};
@@ -1,12 +1,13 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ // TreeRow.tsx
2
3
  import { useRef } from 'react';
3
4
  import { TreeCell } from './TreeCell';
4
5
  import { useRowHeight } from './useRowHeight';
5
- export function TreeRow({ node, selected, partial, onToggle, onSelect, }) {
6
+ export function TreeRow({ node, selected, partial, onToggle, onSelect, style, }) {
6
7
  const ref = useRef(null);
7
- useRowHeight(ref, (_height) => {
8
- // height measurement onlyworker update happens elsewhere
8
+ useRowHeight(ref, () => {
9
+ // height measurement hooksafe to keep empty for now
9
10
  });
10
- return (_jsx("div", { ref: ref, className: `tree-row ${selected ? 'selected' : partial ? 'partial' : ''}`, "data-node-id": node.id, onClick: onSelect, children: _jsx(TreeCell, { node: node, onToggle: onToggle }) }));
11
+ return (_jsx("div", { ref: ref, style: style, className: `tree-row ${selected ? 'selected' : partial ? 'partial' : ''}`, "data-node-id": node.id, onClick: onSelect, children: _jsx(TreeCell, { node: node, onToggle: onToggle }) }));
11
12
  }
12
13
  //# sourceMappingURL=TreeRow.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TreeRow.js","sourceRoot":"","sources":["../../../../../src/components/TableTreeFn/tree-v2/render/TreeRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAU9C,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,GACF;IACN,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,YAAY,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE;QAC5B,4DAA4D;IAC9D,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,YAAY,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,kBAC3D,IAAI,CAAC,EAAE,EACrB,OAAO,EAAE,QAAQ,YAEjB,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACxC,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"TreeRow.js","sourceRoot":"","sources":["../../../../../src/components/TableTreeFn/tree-v2/render/TreeRow.tsx"],"names":[],"mappings":";AAAA,cAAc;AACd,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAW9C,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,GACC;IACN,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE;QACrB,uDAAuD;IACzD,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,YAAY,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,kBAC3D,IAAI,CAAC,EAAE,EACrB,OAAO,EAAE,QAAQ,YAEjB,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACxC,CACP,CAAC;AACJ,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ // TreeViewportRenderer.tsx
2
3
  import { TreeRow } from './TreeRow';
3
4
  export function TreeViewportRenderer({ order, nodes, viewport, heightIndex, selected, partial, }) {
4
5
  if (!heightIndex)
@@ -11,6 +12,12 @@ export function TreeViewportRenderer({ order, nodes, viewport, heightIndex, sele
11
12
  top: offsetTop,
12
13
  left: 0,
13
14
  right: 0,
14
- }, children: visibleIds.map((id) => (_jsx(TreeRow, { node: nodes.get(id), selected: selected.has(id), partial: partial.has(id), onToggle: () => { }, onSelect: () => { } }, id))) }) }));
15
+ }, children: visibleIds.map((id, i) => {
16
+ const index = startIndex + i;
17
+ const top = heightIndex.offsetAt(index);
18
+ return (_jsx(TreeRow, { node: nodes.get(id), selected: selected.has(id), partial: partial.has(id), onToggle: () => { }, onSelect: () => { }, style: {
19
+ transform: `translateY(${top}px)`,
20
+ } }, id));
21
+ }) }) }));
15
22
  }
16
23
  //# sourceMappingURL=TreeViewportRenderer.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TreeViewportRenderer.js","sourceRoot":"","sources":["../../../../../src/components/TableTreeFn/tree-v2/render/TreeViewportRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,UAAU,oBAAoB,CAAC,EACnC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,OAAO,GACH;IACJ,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;IACrD,MAAM,WAAW,GAAG,WAAW,CAAC,WAAW,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC;IAEzD,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,YACvD,cACE,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,SAAS;gBACd,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,CAAC;aACT,YAEA,UAAU,CAAC,GAAG,CAAC,CAAC,EAAU,EAAE,EAAE,CAAC,CAC9B,KAAC,OAAO,IAEN,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,EACnB,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAC1B,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,EACxB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,IALb,EAAE,CAMP,CACH,CAAC,GACE,GACF,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"TreeViewportRenderer.js","sourceRoot":"","sources":["../../../../../src/components/TableTreeFn/tree-v2/render/TreeViewportRenderer.tsx"],"names":[],"mappings":";AAAA,2BAA2B;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,UAAU,oBAAoB,CAAC,EACnC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,OAAO,GACH;IACJ,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;IACrD,MAAM,WAAW,GAAG,WAAW,CAAC,WAAW,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC;IAEzD,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,YACvD,cACE,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,SAAS;gBACd,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,CAAC;aACT,YAEA,UAAU,CAAC,GAAG,CAAC,CAAC,EAAU,EAAE,CAAS,EAAE,EAAE;gBACxC,MAAM,KAAK,GAAG,UAAU,GAAG,CAAC,CAAC;gBAC7B,MAAM,GAAG,GAAG,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAExC,OAAO,CACL,KAAC,OAAO,IAEN,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,EACnB,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAC1B,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,EACxB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAClB,KAAK,EAAE;wBACL,SAAS,EAAE,cAAc,GAAG,KAAK;qBAClC,IARI,EAAE,CASP,CACH,CAAC;YACJ,CAAC,CAAC,GACE,GACF,CACP,CAAC;AACJ,CAAC"}
package/lib/index.d.ts CHANGED
@@ -4534,7 +4534,10 @@ interface SessionDropdownProps {
4534
4534
 
4535
4535
  declare const SessionDropdown: React__default.FC<SessionDropdownProps>;
4536
4536
 
4537
- declare function TreeTableController({ treeData }: any): react_jsx_runtime.JSX.Element;
4537
+ type Props = {
4538
+ treeData: any;
4539
+ };
4540
+ declare const TreeTableController: React$1.ForwardRefExoticComponent<Props & React$1.RefAttributes<HTMLDivElement>>;
4538
4541
 
4539
4542
  type valueType$1 = any;
4540
4543
  declare const checkEmpty: (value: valueType$1) => boolean;