@vuer-ai/vuer-uikit 0.0.75 → 0.0.76

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.
Files changed (94) hide show
  1. package/dist/chunk-2DA6GE5K.mjs +184 -0
  2. package/dist/{chunk-VNYP2IVJ.cjs → chunk-AHNVEAOM.cjs} +2 -2
  3. package/dist/chunk-BWBBQCG2.mjs +217 -0
  4. package/dist/chunk-D4W2G6CY.cjs +494 -0
  5. package/dist/{chunk-2274XZ2C.cjs → chunk-E6D3BSYY.cjs} +6 -6
  6. package/dist/chunk-HTAFERCZ.mjs +1 -0
  7. package/dist/chunk-HVVT3D2T.mjs +1 -0
  8. package/dist/chunk-IMN6FIOY.cjs +187 -0
  9. package/dist/{chunk-P27TWGME.cjs → chunk-IQAZZPJD.cjs} +2 -2
  10. package/dist/chunk-KFPS5CCR.cjs +2 -0
  11. package/dist/{chunk-P5T6EVSQ.mjs → chunk-LBENVTO2.mjs} +1 -1
  12. package/dist/{chunk-NS2P4CPA.mjs → chunk-MMT74K7A.mjs} +5 -5
  13. package/dist/chunk-OEM5OJDP.mjs +489 -0
  14. package/dist/chunk-RM7E3WGH.cjs +71 -0
  15. package/dist/chunk-SYXRPCBO.cjs +220 -0
  16. package/dist/{chunk-IZFHHQ6S.mjs → chunk-TSHZODTT.mjs} +2 -2
  17. package/dist/chunk-VOTZLQ6J.cjs +2 -0
  18. package/dist/chunk-W4CDQ2RJ.mjs +69 -0
  19. package/dist/index.cjs +75 -50
  20. package/dist/index.d.cts +6 -2
  21. package/dist/index.d.ts +6 -2
  22. package/dist/index.mjs +21 -16
  23. package/dist/ui/UIKitBadge.cjs +5 -5
  24. package/dist/ui/UIKitBadge.mjs +1 -1
  25. package/dist/ui/index.cjs +75 -50
  26. package/dist/ui/index.d.cts +6 -2
  27. package/dist/ui/index.d.ts +6 -2
  28. package/dist/ui/index.mjs +21 -16
  29. package/dist/ui/inputs/index.cjs +15 -15
  30. package/dist/ui/inputs/index.mjs +3 -3
  31. package/dist/ui/inputs/number-inputs/index.cjs +15 -15
  32. package/dist/ui/inputs/number-inputs/index.mjs +3 -3
  33. package/dist/ui/layouts/index.cjs +6 -6
  34. package/dist/ui/layouts/index.mjs +2 -2
  35. package/dist/ui/{tree-view.cjs → simple-tree-view.cjs} +3 -3
  36. package/dist/ui/{tree-view.d.cts → simple-tree-view.d.cts} +1 -1
  37. package/dist/ui/{tree-view.d.ts → simple-tree-view.d.ts} +1 -1
  38. package/dist/ui/{tree-view.mjs → simple-tree-view.mjs} +1 -1
  39. package/dist/ui/timeline.cjs +3 -3
  40. package/dist/ui/timeline.d.cts +1 -1
  41. package/dist/ui/timeline.d.ts +1 -1
  42. package/dist/ui/timeline.mjs +2 -2
  43. package/dist/ui/tree-view/TreeSearchBar.cjs +22 -0
  44. package/dist/ui/tree-view/TreeSearchBar.d.cts +16 -0
  45. package/dist/ui/tree-view/TreeSearchBar.d.ts +16 -0
  46. package/dist/ui/tree-view/TreeSearchBar.mjs +13 -0
  47. package/dist/ui/tree-view/TreeView.cjs +24 -0
  48. package/dist/ui/tree-view/TreeView.d.cts +48 -0
  49. package/dist/ui/tree-view/TreeView.d.ts +48 -0
  50. package/dist/ui/tree-view/TreeView.mjs +11 -0
  51. package/dist/ui/tree-view/hooks.cjs +14 -0
  52. package/dist/ui/tree-view/hooks.d.cts +38 -0
  53. package/dist/ui/tree-view/hooks.d.ts +38 -0
  54. package/dist/ui/tree-view/hooks.mjs +1 -0
  55. package/dist/ui/tree-view/index.cjs +42 -0
  56. package/dist/ui/tree-view/index.d.cts +6 -0
  57. package/dist/ui/tree-view/index.d.ts +6 -0
  58. package/dist/ui/tree-view/index.mjs +17 -0
  59. package/dist/ui/tree-view/types.cjs +4 -0
  60. package/dist/ui/tree-view/types.d.cts +24 -0
  61. package/dist/ui/tree-view/types.d.ts +24 -0
  62. package/dist/ui/tree-view/types.mjs +1 -0
  63. package/dist/ui/tree-view-legacy.cjs +37 -0
  64. package/dist/ui/tree-view-legacy.d.cts +108 -0
  65. package/dist/ui/tree-view-legacy.d.ts +108 -0
  66. package/dist/ui/{tree-view-v2.mjs → tree-view-legacy.mjs} +1 -1
  67. package/dist/ui/waterfall/TimelineEvent.d.cts +1 -1
  68. package/dist/ui/waterfall/TimelineEvent.d.ts +1 -1
  69. package/dist/ui/waterfall/TimelineProcessBar.d.cts +1 -1
  70. package/dist/ui/waterfall/TimelineProcessBar.d.ts +1 -1
  71. package/dist/ui/waterfall/Wedges.d.cts +1 -1
  72. package/dist/ui/waterfall/Wedges.d.ts +1 -1
  73. package/dist/ui/waterfall/hooks/useTimelineState.d.cts +1 -2
  74. package/dist/ui/waterfall/hooks/useTimelineState.d.ts +1 -2
  75. package/dist/ui/waterfall/hooks/useViewport.d.cts +1 -2
  76. package/dist/ui/waterfall/hooks/useViewport.d.ts +1 -2
  77. package/dist/ui/waterfall/index.cjs +7 -7
  78. package/dist/ui/waterfall/index.d.cts +1 -1
  79. package/dist/ui/waterfall/index.d.ts +1 -1
  80. package/dist/ui/waterfall/index.mjs +6 -6
  81. package/dist/ui/waterfall/types.d.cts +1 -2
  82. package/dist/ui/waterfall/types.d.ts +1 -2
  83. package/package.json +1 -1
  84. package/dist/chunk-5432JOTN.mjs +0 -94
  85. package/dist/chunk-FD5AAGON.cjs +0 -487
  86. package/dist/chunk-ILGNKXK2.mjs +0 -485
  87. package/dist/chunk-Z5P6VCGR.cjs +0 -99
  88. package/dist/ui/tree-view-v2.cjs +0 -25
  89. package/dist/ui/tree-view-v2.d.cts +0 -43
  90. package/dist/ui/tree-view-v2.d.ts +0 -43
  91. /package/dist/{chunk-SUABRIFA.mjs → chunk-2SWBXWLK.mjs} +0 -0
  92. /package/dist/{chunk-XMUP5MIM.mjs → chunk-G3EIVAVR.mjs} +0 -0
  93. /package/dist/{chunk-OX2U5RAG.cjs → chunk-G5NT42YF.cjs} +0 -0
  94. /package/dist/{chunk-J5DLIKNB.cjs → chunk-X2A7TKER.cjs} +0 -0
@@ -28,4 +28,4 @@ declare const TreeView: ComponentType<HTMLAttributes<HTMLDivElement> & {
28
28
  onDocumentDrag?: (sourceItem: TreeDataItem, targetItem: TreeDataItem) => void;
29
29
  } & react.RefAttributes<HTMLDivElement>>;
30
30
 
31
- export { type TreeDataItem, TreeView };
31
+ export { type TreeDataItem as SimpleTreeDataItem, TreeView as SimpleTreeView };
@@ -1,4 +1,4 @@
1
- export { TreeView } from '../chunk-SUABRIFA.mjs';
1
+ export { TreeView as SimpleTreeView } from '../chunk-2SWBXWLK.mjs';
2
2
  import '../chunk-F7ZHPSLA.mjs';
3
3
  import '../chunk-3QT5VABC.mjs';
4
4
  import '../chunk-XHJDRQD7.mjs';
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var chunkVNYP2IVJ_cjs = require('../chunk-VNYP2IVJ.cjs');
4
- require('../chunk-FD5AAGON.cjs');
3
+ var chunkAHNVEAOM_cjs = require('../chunk-AHNVEAOM.cjs');
4
+ require('../chunk-D4W2G6CY.cjs');
5
5
  require('../chunk-LCCNBVKZ.cjs');
6
6
  require('../chunk-JMCH2AFN.cjs');
7
7
  require('../chunk-VBBJSIY7.cjs');
@@ -22,5 +22,5 @@ require('../chunk-OHIB3TEN.cjs');
22
22
 
23
23
  Object.defineProperty(exports, "Timeline", {
24
24
  enumerable: true,
25
- get: function () { return chunkVNYP2IVJ_cjs.Timeline; }
25
+ get: function () { return chunkAHNVEAOM_cjs.Timeline; }
26
26
  });
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { ReactNode } from 'react';
3
- import { TreeDataItemV2 as TreeDataItem } from './tree-view-v2.cjs';
3
+ import { TreeDataItem } from './tree-view-legacy.cjs';
4
4
 
5
5
  type PointEventType = "SET" | "ADD" | "UPDATE" | "UPSERT" | "REMOVE" | "TIMEOUT";
6
6
  type PointEvent = {
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { ReactNode } from 'react';
3
- import { TreeDataItemV2 as TreeDataItem } from './tree-view-v2.js';
3
+ import { TreeDataItem } from './tree-view-legacy.js';
4
4
 
5
5
  type PointEventType = "SET" | "ADD" | "UPDATE" | "UPSERT" | "REMOVE" | "TIMEOUT";
6
6
  type PointEvent = {
@@ -1,5 +1,5 @@
1
- export { Timeline } from '../chunk-P5T6EVSQ.mjs';
2
- import '../chunk-ILGNKXK2.mjs';
1
+ export { Timeline } from '../chunk-LBENVTO2.mjs';
2
+ import '../chunk-OEM5OJDP.mjs';
3
3
  import '../chunk-PCSY5IJ2.mjs';
4
4
  import '../chunk-BNDRHLLZ.mjs';
5
5
  import '../chunk-BEJIZ56L.mjs';
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ var chunkRM7E3WGH_cjs = require('../../chunk-RM7E3WGH.cjs');
4
+ require('../../chunk-LCCNBVKZ.cjs');
5
+ require('../../chunk-YQCSEMRB.cjs');
6
+ require('../../chunk-QN4N4I3Z.cjs');
7
+ require('../../chunk-Q7E73DVJ.cjs');
8
+ require('../../chunk-JR4TVE43.cjs');
9
+ require('../../chunk-VXZURKMQ.cjs');
10
+ require('../../chunk-Q4XH2Z5M.cjs');
11
+ require('../../chunk-6BOWMGFG.cjs');
12
+ require('../../chunk-YZIR6LIY.cjs');
13
+ require('../../chunk-RPTRTGC2.cjs');
14
+ require('../../chunk-LBWMTA5T.cjs');
15
+ require('../../chunk-OHIB3TEN.cjs');
16
+
17
+
18
+
19
+ Object.defineProperty(exports, "TreeSearchBar", {
20
+ enumerable: true,
21
+ get: function () { return chunkRM7E3WGH_cjs.TreeSearchBar; }
22
+ });
@@ -0,0 +1,16 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+
3
+ type TreeSearchBarProps = {
4
+ searchQuery: string;
5
+ setSearchQuery: (query: string) => void;
6
+ isCaseSensitive: boolean;
7
+ setIsCaseSensitive: (value: boolean | ((prev: boolean) => boolean)) => void;
8
+ isRegex: boolean;
9
+ setIsRegex: (value: boolean | ((prev: boolean) => boolean)) => void;
10
+ isRegexValid: boolean;
11
+ searchResultsCount: number;
12
+ className?: string;
13
+ };
14
+ declare function TreeSearchBar({ searchQuery, setSearchQuery, isCaseSensitive, setIsCaseSensitive, isRegex, setIsRegex, isRegexValid, searchResultsCount, className, }: TreeSearchBarProps): react_jsx_runtime.JSX.Element;
15
+
16
+ export { TreeSearchBar, type TreeSearchBarProps };
@@ -0,0 +1,16 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+
3
+ type TreeSearchBarProps = {
4
+ searchQuery: string;
5
+ setSearchQuery: (query: string) => void;
6
+ isCaseSensitive: boolean;
7
+ setIsCaseSensitive: (value: boolean | ((prev: boolean) => boolean)) => void;
8
+ isRegex: boolean;
9
+ setIsRegex: (value: boolean | ((prev: boolean) => boolean)) => void;
10
+ isRegexValid: boolean;
11
+ searchResultsCount: number;
12
+ className?: string;
13
+ };
14
+ declare function TreeSearchBar({ searchQuery, setSearchQuery, isCaseSensitive, setIsCaseSensitive, isRegex, setIsRegex, isRegexValid, searchResultsCount, className, }: TreeSearchBarProps): react_jsx_runtime.JSX.Element;
15
+
16
+ export { TreeSearchBar, type TreeSearchBarProps };
@@ -0,0 +1,13 @@
1
+ export { TreeSearchBar } from '../../chunk-W4CDQ2RJ.mjs';
2
+ import '../../chunk-PCSY5IJ2.mjs';
3
+ import '../../chunk-JXALL32A.mjs';
4
+ import '../../chunk-F7ZHPSLA.mjs';
5
+ import '../../chunk-3QT5VABC.mjs';
6
+ import '../../chunk-XHJDRQD7.mjs';
7
+ import '../../chunk-LQOPO4KU.mjs';
8
+ import '../../chunk-U3LN5NB6.mjs';
9
+ import '../../chunk-IZARTVYN.mjs';
10
+ import '../../chunk-VA4LUFKD.mjs';
11
+ import '../../chunk-4F2GSF2T.mjs';
12
+ import '../../chunk-IDUVYPN7.mjs';
13
+ import '../../chunk-HMN4IKTG.mjs';
@@ -0,0 +1,24 @@
1
+ 'use strict';
2
+
3
+ var chunkIMN6FIOY_cjs = require('../../chunk-IMN6FIOY.cjs');
4
+ require('../../chunk-QN4N4I3Z.cjs');
5
+ require('../../chunk-Q7E73DVJ.cjs');
6
+ require('../../chunk-JR4TVE43.cjs');
7
+ require('../../chunk-VXZURKMQ.cjs');
8
+ require('../../chunk-Q4XH2Z5M.cjs');
9
+ require('../../chunk-6BOWMGFG.cjs');
10
+ require('../../chunk-YZIR6LIY.cjs');
11
+ require('../../chunk-RPTRTGC2.cjs');
12
+ require('../../chunk-LBWMTA5T.cjs');
13
+ require('../../chunk-OHIB3TEN.cjs');
14
+
15
+
16
+
17
+ Object.defineProperty(exports, "TreeEntryItem", {
18
+ enumerable: true,
19
+ get: function () { return chunkIMN6FIOY_cjs.TreeEntryItem; }
20
+ });
21
+ Object.defineProperty(exports, "TreeView", {
22
+ enumerable: true,
23
+ get: function () { return chunkIMN6FIOY_cjs.TreeView; }
24
+ });
@@ -0,0 +1,48 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { ReactNode } from 'react';
3
+ import { TreeDataItem, TreeDataItemWithMeta } from './types.cjs';
4
+
5
+ /**
6
+ * Props for the view-only tree component
7
+ */
8
+ type TreeViewProps<T extends TreeDataItem> = {
9
+ data: TreeDataItemWithMeta<T>[];
10
+ getIcon: (item: T) => ReactNode;
11
+ expandedItems: Set<string>;
12
+ onToggleItem: (id: string) => void;
13
+ onItemHover?: (id: string | null) => void;
14
+ hoveredId?: string | null;
15
+ isSelectable?: boolean;
16
+ selectedItemId?: string | null;
17
+ onSelectChange?: (id: string | null) => void;
18
+ alwaysShowExpand?: boolean;
19
+ hasDescendants?: (id: string) => boolean;
20
+ renderLabel?: (label: string, itemId: string) => ReactNode;
21
+ className?: string;
22
+ };
23
+ /**
24
+ * TreeView component - a simple wrapper that maps over data.
25
+ * For more control, use TreeEntryItem directly.
26
+ * Wrap with SyncScroll if synchronized scrolling is needed.
27
+ */
28
+ declare function TreeView<T extends TreeDataItem>({ data, getIcon, expandedItems, onToggleItem, onItemHover, hoveredId, isSelectable, selectedItemId, onSelectChange, alwaysShowExpand, hasDescendants, renderLabel, className, }: TreeViewProps<T>): react_jsx_runtime.JSX.Element;
29
+ /**
30
+ * Individual tree entry item component - can be used directly for custom implementations
31
+ */
32
+ declare function TreeEntryItem<T extends TreeDataItem>({ item, hoveredId, onItemHover, isSelectable, selectedItemId, onSelectChange, expandedItems, toggleItem, alwaysShowExpand, hasDescendants, getIcon, renderLabel, dataWithMeta, }: {
33
+ item: TreeDataItemWithMeta<T>;
34
+ hoveredId?: string | null;
35
+ onItemHover?: (id: string | null) => void;
36
+ isSelectable?: boolean;
37
+ selectedItemId?: string | null;
38
+ onSelectChange?: (id: string | null) => void;
39
+ expandedItems: Set<string>;
40
+ toggleItem: (id: string) => void;
41
+ alwaysShowExpand?: boolean;
42
+ hasDescendants: (id: string) => boolean;
43
+ getIcon: (item: T) => ReactNode;
44
+ renderLabel: (label: string, itemId: string) => ReactNode;
45
+ dataWithMeta: TreeDataItemWithMeta<T>[];
46
+ }): react_jsx_runtime.JSX.Element;
47
+
48
+ export { TreeEntryItem, TreeView, type TreeViewProps };
@@ -0,0 +1,48 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { ReactNode } from 'react';
3
+ import { TreeDataItem, TreeDataItemWithMeta } from './types.js';
4
+
5
+ /**
6
+ * Props for the view-only tree component
7
+ */
8
+ type TreeViewProps<T extends TreeDataItem> = {
9
+ data: TreeDataItemWithMeta<T>[];
10
+ getIcon: (item: T) => ReactNode;
11
+ expandedItems: Set<string>;
12
+ onToggleItem: (id: string) => void;
13
+ onItemHover?: (id: string | null) => void;
14
+ hoveredId?: string | null;
15
+ isSelectable?: boolean;
16
+ selectedItemId?: string | null;
17
+ onSelectChange?: (id: string | null) => void;
18
+ alwaysShowExpand?: boolean;
19
+ hasDescendants?: (id: string) => boolean;
20
+ renderLabel?: (label: string, itemId: string) => ReactNode;
21
+ className?: string;
22
+ };
23
+ /**
24
+ * TreeView component - a simple wrapper that maps over data.
25
+ * For more control, use TreeEntryItem directly.
26
+ * Wrap with SyncScroll if synchronized scrolling is needed.
27
+ */
28
+ declare function TreeView<T extends TreeDataItem>({ data, getIcon, expandedItems, onToggleItem, onItemHover, hoveredId, isSelectable, selectedItemId, onSelectChange, alwaysShowExpand, hasDescendants, renderLabel, className, }: TreeViewProps<T>): react_jsx_runtime.JSX.Element;
29
+ /**
30
+ * Individual tree entry item component - can be used directly for custom implementations
31
+ */
32
+ declare function TreeEntryItem<T extends TreeDataItem>({ item, hoveredId, onItemHover, isSelectable, selectedItemId, onSelectChange, expandedItems, toggleItem, alwaysShowExpand, hasDescendants, getIcon, renderLabel, dataWithMeta, }: {
33
+ item: TreeDataItemWithMeta<T>;
34
+ hoveredId?: string | null;
35
+ onItemHover?: (id: string | null) => void;
36
+ isSelectable?: boolean;
37
+ selectedItemId?: string | null;
38
+ onSelectChange?: (id: string | null) => void;
39
+ expandedItems: Set<string>;
40
+ toggleItem: (id: string) => void;
41
+ alwaysShowExpand?: boolean;
42
+ hasDescendants: (id: string) => boolean;
43
+ getIcon: (item: T) => ReactNode;
44
+ renderLabel: (label: string, itemId: string) => ReactNode;
45
+ dataWithMeta: TreeDataItemWithMeta<T>[];
46
+ }): react_jsx_runtime.JSX.Element;
47
+
48
+ export { TreeEntryItem, TreeView, type TreeViewProps };
@@ -0,0 +1,11 @@
1
+ export { TreeEntryItem, TreeView } from '../../chunk-2DA6GE5K.mjs';
2
+ import '../../chunk-F7ZHPSLA.mjs';
3
+ import '../../chunk-3QT5VABC.mjs';
4
+ import '../../chunk-XHJDRQD7.mjs';
5
+ import '../../chunk-LQOPO4KU.mjs';
6
+ import '../../chunk-U3LN5NB6.mjs';
7
+ import '../../chunk-IZARTVYN.mjs';
8
+ import '../../chunk-VA4LUFKD.mjs';
9
+ import '../../chunk-4F2GSF2T.mjs';
10
+ import '../../chunk-IDUVYPN7.mjs';
11
+ import '../../chunk-HMN4IKTG.mjs';
@@ -0,0 +1,14 @@
1
+ 'use strict';
2
+
3
+ var chunkSYXRPCBO_cjs = require('../../chunk-SYXRPCBO.cjs');
4
+
5
+
6
+
7
+ Object.defineProperty(exports, "useTreeSearch", {
8
+ enumerable: true,
9
+ get: function () { return chunkSYXRPCBO_cjs.useTreeSearch; }
10
+ });
11
+ Object.defineProperty(exports, "useTreeState", {
12
+ enumerable: true,
13
+ get: function () { return chunkSYXRPCBO_cjs.useTreeState; }
14
+ });
@@ -0,0 +1,38 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { TreeDataItem, TreeDataItemWithMeta } from './types.cjs';
3
+ import 'react';
4
+
5
+ /**
6
+ * Hook for managing tree search functionality
7
+ */
8
+ declare function useTreeSearch<T extends TreeDataItem>({ data, searchQuery, isCaseSensitive, isRegex, }: {
9
+ data: T[];
10
+ searchQuery: string;
11
+ isCaseSensitive?: boolean;
12
+ isRegex?: boolean;
13
+ }): {
14
+ filteredData: T[];
15
+ searchResultsCount: number;
16
+ isRegexValid: boolean;
17
+ renderLabel: (label: string, itemId: string) => string | react_jsx_runtime.JSX.Element;
18
+ hasActiveSearch: boolean;
19
+ };
20
+ /**
21
+ * Hook for managing tree expand/collapse state and visibility
22
+ */
23
+ declare function useTreeState<T extends TreeDataItem>({ data, defaultExpanded, expandedItems: externalExpandedItems, onToggleItem: externalOnToggleItem, }: {
24
+ data: T[];
25
+ defaultExpanded?: boolean;
26
+ expandedItems?: Set<string>;
27
+ onToggleItem?: (id: string) => void;
28
+ }): {
29
+ visibleData: TreeDataItemWithMeta<T>[];
30
+ expandedItems: Set<string>;
31
+ toggleItem: (id: string) => void;
32
+ expandAll: () => void;
33
+ collapseAll: () => void;
34
+ hasDescendants: (itemId: string) => boolean;
35
+ dataWithMeta: TreeDataItemWithMeta<T>[];
36
+ };
37
+
38
+ export { useTreeSearch, useTreeState };
@@ -0,0 +1,38 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { TreeDataItem, TreeDataItemWithMeta } from './types.js';
3
+ import 'react';
4
+
5
+ /**
6
+ * Hook for managing tree search functionality
7
+ */
8
+ declare function useTreeSearch<T extends TreeDataItem>({ data, searchQuery, isCaseSensitive, isRegex, }: {
9
+ data: T[];
10
+ searchQuery: string;
11
+ isCaseSensitive?: boolean;
12
+ isRegex?: boolean;
13
+ }): {
14
+ filteredData: T[];
15
+ searchResultsCount: number;
16
+ isRegexValid: boolean;
17
+ renderLabel: (label: string, itemId: string) => string | react_jsx_runtime.JSX.Element;
18
+ hasActiveSearch: boolean;
19
+ };
20
+ /**
21
+ * Hook for managing tree expand/collapse state and visibility
22
+ */
23
+ declare function useTreeState<T extends TreeDataItem>({ data, defaultExpanded, expandedItems: externalExpandedItems, onToggleItem: externalOnToggleItem, }: {
24
+ data: T[];
25
+ defaultExpanded?: boolean;
26
+ expandedItems?: Set<string>;
27
+ onToggleItem?: (id: string) => void;
28
+ }): {
29
+ visibleData: TreeDataItemWithMeta<T>[];
30
+ expandedItems: Set<string>;
31
+ toggleItem: (id: string) => void;
32
+ expandAll: () => void;
33
+ collapseAll: () => void;
34
+ hasDescendants: (itemId: string) => boolean;
35
+ dataWithMeta: TreeDataItemWithMeta<T>[];
36
+ };
37
+
38
+ export { useTreeSearch, useTreeState };
@@ -0,0 +1 @@
1
+ export { useTreeSearch, useTreeState } from '../../chunk-BWBBQCG2.mjs';
@@ -0,0 +1,42 @@
1
+ 'use strict';
2
+
3
+ require('../../chunk-G5NT42YF.cjs');
4
+ var chunkRM7E3WGH_cjs = require('../../chunk-RM7E3WGH.cjs');
5
+ var chunkIMN6FIOY_cjs = require('../../chunk-IMN6FIOY.cjs');
6
+ var chunkSYXRPCBO_cjs = require('../../chunk-SYXRPCBO.cjs');
7
+ require('../../chunk-VOTZLQ6J.cjs');
8
+ require('../../chunk-LCCNBVKZ.cjs');
9
+ require('../../chunk-YQCSEMRB.cjs');
10
+ require('../../chunk-QN4N4I3Z.cjs');
11
+ require('../../chunk-Q7E73DVJ.cjs');
12
+ require('../../chunk-JR4TVE43.cjs');
13
+ require('../../chunk-VXZURKMQ.cjs');
14
+ require('../../chunk-Q4XH2Z5M.cjs');
15
+ require('../../chunk-6BOWMGFG.cjs');
16
+ require('../../chunk-YZIR6LIY.cjs');
17
+ require('../../chunk-RPTRTGC2.cjs');
18
+ require('../../chunk-LBWMTA5T.cjs');
19
+ require('../../chunk-OHIB3TEN.cjs');
20
+
21
+
22
+
23
+ Object.defineProperty(exports, "TreeSearchBar", {
24
+ enumerable: true,
25
+ get: function () { return chunkRM7E3WGH_cjs.TreeSearchBar; }
26
+ });
27
+ Object.defineProperty(exports, "TreeEntryItem", {
28
+ enumerable: true,
29
+ get: function () { return chunkIMN6FIOY_cjs.TreeEntryItem; }
30
+ });
31
+ Object.defineProperty(exports, "TreeView", {
32
+ enumerable: true,
33
+ get: function () { return chunkIMN6FIOY_cjs.TreeView; }
34
+ });
35
+ Object.defineProperty(exports, "useTreeSearch", {
36
+ enumerable: true,
37
+ get: function () { return chunkSYXRPCBO_cjs.useTreeSearch; }
38
+ });
39
+ Object.defineProperty(exports, "useTreeState", {
40
+ enumerable: true,
41
+ get: function () { return chunkSYXRPCBO_cjs.useTreeState; }
42
+ });
@@ -0,0 +1,6 @@
1
+ export { TreeEntryItem, TreeView, TreeViewProps } from './TreeView.cjs';
2
+ export { TreeSearchBar, TreeSearchBarProps } from './TreeSearchBar.cjs';
3
+ export { useTreeSearch, useTreeState } from './hooks.cjs';
4
+ export { TreeDataItem, TreeDataItemWithMeta } from './types.cjs';
5
+ import 'react/jsx-runtime';
6
+ import 'react';
@@ -0,0 +1,6 @@
1
+ export { TreeEntryItem, TreeView, TreeViewProps } from './TreeView.js';
2
+ export { TreeSearchBar, TreeSearchBarProps } from './TreeSearchBar.js';
3
+ export { useTreeSearch, useTreeState } from './hooks.js';
4
+ export { TreeDataItem, TreeDataItemWithMeta } from './types.js';
5
+ import 'react/jsx-runtime';
6
+ import 'react';
@@ -0,0 +1,17 @@
1
+ import '../../chunk-HVVT3D2T.mjs';
2
+ export { TreeSearchBar } from '../../chunk-W4CDQ2RJ.mjs';
3
+ export { TreeEntryItem, TreeView } from '../../chunk-2DA6GE5K.mjs';
4
+ export { useTreeSearch, useTreeState } from '../../chunk-BWBBQCG2.mjs';
5
+ import '../../chunk-HTAFERCZ.mjs';
6
+ import '../../chunk-PCSY5IJ2.mjs';
7
+ import '../../chunk-JXALL32A.mjs';
8
+ import '../../chunk-F7ZHPSLA.mjs';
9
+ import '../../chunk-3QT5VABC.mjs';
10
+ import '../../chunk-XHJDRQD7.mjs';
11
+ import '../../chunk-LQOPO4KU.mjs';
12
+ import '../../chunk-U3LN5NB6.mjs';
13
+ import '../../chunk-IZARTVYN.mjs';
14
+ import '../../chunk-VA4LUFKD.mjs';
15
+ import '../../chunk-4F2GSF2T.mjs';
16
+ import '../../chunk-IDUVYPN7.mjs';
17
+ import '../../chunk-HMN4IKTG.mjs';
@@ -0,0 +1,4 @@
1
+ 'use strict';
2
+
3
+ require('../../chunk-VOTZLQ6J.cjs');
4
+
@@ -0,0 +1,24 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ /**
4
+ * Minimal tree node shape
5
+ */
6
+ type TreeDataItem = {
7
+ id: string;
8
+ parentId: string | null;
9
+ label: string;
10
+ isCollapsible?: boolean;
11
+ actions?: ReactNode;
12
+ disable?: boolean;
13
+ [key: string]: unknown;
14
+ };
15
+ /**
16
+ * Tree node with computed metadata
17
+ */
18
+ type TreeDataItemWithMeta<T extends TreeDataItem> = T & {
19
+ indent: number;
20
+ isLast: boolean;
21
+ ancestors: T[];
22
+ };
23
+
24
+ export type { TreeDataItem, TreeDataItemWithMeta };
@@ -0,0 +1,24 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ /**
4
+ * Minimal tree node shape
5
+ */
6
+ type TreeDataItem = {
7
+ id: string;
8
+ parentId: string | null;
9
+ label: string;
10
+ isCollapsible?: boolean;
11
+ actions?: ReactNode;
12
+ disable?: boolean;
13
+ [key: string]: unknown;
14
+ };
15
+ /**
16
+ * Tree node with computed metadata
17
+ */
18
+ type TreeDataItemWithMeta<T extends TreeDataItem> = T & {
19
+ indent: number;
20
+ isLast: boolean;
21
+ ancestors: T[];
22
+ };
23
+
24
+ export type { TreeDataItem, TreeDataItemWithMeta };
@@ -0,0 +1 @@
1
+ import '../../chunk-HTAFERCZ.mjs';
@@ -0,0 +1,37 @@
1
+ 'use strict';
2
+
3
+ var chunkD4W2G6CY_cjs = require('../chunk-D4W2G6CY.cjs');
4
+ require('../chunk-LCCNBVKZ.cjs');
5
+ require('../chunk-JMCH2AFN.cjs');
6
+ require('../chunk-VBBJSIY7.cjs');
7
+ require('../chunk-G4FJGNY5.cjs');
8
+ require('../chunk-YQCSEMRB.cjs');
9
+ require('../chunk-QN4N4I3Z.cjs');
10
+ require('../chunk-Q7E73DVJ.cjs');
11
+ require('../chunk-JR4TVE43.cjs');
12
+ require('../chunk-VXZURKMQ.cjs');
13
+ require('../chunk-Q4XH2Z5M.cjs');
14
+ require('../chunk-6BOWMGFG.cjs');
15
+ require('../chunk-YZIR6LIY.cjs');
16
+ require('../chunk-RPTRTGC2.cjs');
17
+ require('../chunk-LBWMTA5T.cjs');
18
+ require('../chunk-OHIB3TEN.cjs');
19
+
20
+
21
+
22
+ Object.defineProperty(exports, "TreeEntries", {
23
+ enumerable: true,
24
+ get: function () { return chunkD4W2G6CY_cjs.TreeEntries; }
25
+ });
26
+ Object.defineProperty(exports, "TreeEntryItem", {
27
+ enumerable: true,
28
+ get: function () { return chunkD4W2G6CY_cjs.TreeEntryItem; }
29
+ });
30
+ Object.defineProperty(exports, "TreeSearchBar", {
31
+ enumerable: true,
32
+ get: function () { return chunkD4W2G6CY_cjs.TreeSearchBar; }
33
+ });
34
+ Object.defineProperty(exports, "TreeView", {
35
+ enumerable: true,
36
+ get: function () { return chunkD4W2G6CY_cjs.TreeView; }
37
+ });
@@ -0,0 +1,108 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { ReactNode } from 'react';
3
+
4
+ /**
5
+ * Minimal tree node shape used by `TreeViewV2`.
6
+ */
7
+ type TreeDataItem = {
8
+ id: string;
9
+ parentId: string | null;
10
+ label: string;
11
+ isCollapsible?: boolean;
12
+ actions?: ReactNode;
13
+ disable?: boolean;
14
+ [key: string]: unknown;
15
+ };
16
+ type TreeDataItemWithMeta<T extends TreeDataItem> = T & {
17
+ indent: number;
18
+ isLast: boolean;
19
+ ancestors: T[];
20
+ };
21
+ /**
22
+ * Props for the virtualized filterable tree view.
23
+ */
24
+ type TreeViewProps<T extends TreeDataItem> = {
25
+ data: T[];
26
+ getIcon: (item: T) => ReactNode;
27
+ onVisibleDataChange?: (data: (T & {
28
+ indent: number;
29
+ isLast: boolean;
30
+ ancestors: T[];
31
+ })[]) => void;
32
+ onItemHover?: (id: string | null) => void;
33
+ className?: string;
34
+ hoveredId?: string | null;
35
+ isSelectable?: boolean;
36
+ selectedItemId?: string | null;
37
+ onSelectChange?: (id: string | null) => void;
38
+ isSearchable?: boolean;
39
+ alwaysShowExpand?: boolean;
40
+ useSyncScroll?: boolean;
41
+ searchQuery?: string;
42
+ onSearchQueryChange?: (query: string) => void;
43
+ isCaseSensitive?: boolean;
44
+ onIsCaseSensitiveChange?: (value: boolean | ((prev: boolean) => boolean)) => void;
45
+ isRegex?: boolean;
46
+ onIsRegexChange?: (value: boolean | ((prev: boolean) => boolean)) => void;
47
+ };
48
+ /**
49
+ * Filterable and highlightable tree view with keyboardless interactions.
50
+ * Supports search (plain or regex), hover highlights, and collapsible nodes.
51
+ */
52
+ declare function TreeView<T extends TreeDataItem>({ data, getIcon, onVisibleDataChange, onItemHover, className, hoveredId, isSelectable, selectedItemId, onSelectChange, isSearchable, alwaysShowExpand, useSyncScroll, searchQuery: externalSearchQuery, onSearchQueryChange: externalOnSearchQueryChange, isCaseSensitive: externalIsCaseSensitive, onIsCaseSensitiveChange: externalOnIsCaseSensitiveChange, isRegex: externalIsRegex, onIsRegexChange: externalOnIsRegexChange, }: TreeViewProps<T>): react_jsx_runtime.JSX.Element;
53
+ /**
54
+ * Search bar component for the TreeView
55
+ */
56
+ type TreeSearchBarProps = {
57
+ searchQuery: string;
58
+ setSearchQuery: (query: string) => void;
59
+ isCaseSensitive: boolean;
60
+ setIsCaseSensitive: (value: boolean | ((prev: boolean) => boolean)) => void;
61
+ isRegex: boolean;
62
+ setIsRegex: (value: boolean | ((prev: boolean) => boolean)) => void;
63
+ isRegexValid: boolean;
64
+ searchResultsCount: number;
65
+ };
66
+ declare function TreeSearchBar({ searchQuery, setSearchQuery, isCaseSensitive, setIsCaseSensitive, isRegex, setIsRegex, isRegexValid, searchResultsCount, }: TreeSearchBarProps): react_jsx_runtime.JSX.Element;
67
+ /**
68
+ * Individual tree entry item component
69
+ */
70
+ type TreeEntryItemProps<T extends TreeDataItem> = {
71
+ item: TreeDataItemWithMeta<T>;
72
+ hoveredId?: string | null;
73
+ onItemHover?: (id: string | null) => void;
74
+ isSelectable?: boolean;
75
+ selectedItemId?: string | null;
76
+ handleItemSelect: (id: string) => void;
77
+ expandedItems: Set<string>;
78
+ toggleItem: (id: string) => void;
79
+ alwaysShowExpand?: boolean;
80
+ hasDescendants: (id: string) => boolean;
81
+ getIcon: (item: T) => ReactNode;
82
+ renderLabel: (label: string) => ReactNode;
83
+ dataWithMeta: TreeDataItemWithMeta<T>[];
84
+ };
85
+ declare function TreeEntryItem<T extends TreeDataItem>({ item, hoveredId, onItemHover, isSelectable, selectedItemId, handleItemSelect, expandedItems, toggleItem, alwaysShowExpand, hasDescendants, getIcon, renderLabel, dataWithMeta, }: TreeEntryItemProps<T>): react_jsx_runtime.JSX.Element;
86
+ /**
87
+ * Tree entries wrapper component
88
+ */
89
+ type TreeEntriesProps<T extends TreeDataItem> = {
90
+ visibleData: TreeDataItemWithMeta<T>[];
91
+ hoveredId?: string | null;
92
+ onItemHover?: (id: string | null) => void;
93
+ isSelectable?: boolean;
94
+ selectedItemId?: string | null;
95
+ handleItemSelect: (id: string) => void;
96
+ expandedItems: Set<string>;
97
+ toggleItem: (id: string) => void;
98
+ alwaysShowExpand?: boolean;
99
+ hasDescendants: (id: string) => boolean;
100
+ getIcon: (item: T) => ReactNode;
101
+ renderLabel: (label: string) => ReactNode;
102
+ dataWithMeta: TreeDataItemWithMeta<T>[];
103
+ useSyncScroll?: boolean;
104
+ className?: string;
105
+ };
106
+ declare function TreeEntries<T extends TreeDataItem>({ visibleData, hoveredId, onItemHover, isSelectable, selectedItemId, handleItemSelect, expandedItems, toggleItem, alwaysShowExpand, hasDescendants, getIcon, renderLabel, dataWithMeta, useSyncScroll, className, }: TreeEntriesProps<T>): react_jsx_runtime.JSX.Element;
107
+
108
+ export { type TreeDataItem, type TreeDataItemWithMeta, TreeEntries, type TreeEntriesProps, TreeEntryItem, type TreeEntryItemProps, TreeSearchBar, type TreeSearchBarProps, TreeView, type TreeViewProps };