@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.
- package/dist/chunk-2DA6GE5K.mjs +184 -0
- package/dist/{chunk-VNYP2IVJ.cjs → chunk-AHNVEAOM.cjs} +2 -2
- package/dist/chunk-BWBBQCG2.mjs +217 -0
- package/dist/chunk-D4W2G6CY.cjs +494 -0
- package/dist/{chunk-2274XZ2C.cjs → chunk-E6D3BSYY.cjs} +6 -6
- package/dist/chunk-HTAFERCZ.mjs +1 -0
- package/dist/chunk-HVVT3D2T.mjs +1 -0
- package/dist/chunk-IMN6FIOY.cjs +187 -0
- package/dist/{chunk-P27TWGME.cjs → chunk-IQAZZPJD.cjs} +2 -2
- package/dist/chunk-KFPS5CCR.cjs +2 -0
- package/dist/{chunk-P5T6EVSQ.mjs → chunk-LBENVTO2.mjs} +1 -1
- package/dist/{chunk-NS2P4CPA.mjs → chunk-MMT74K7A.mjs} +5 -5
- package/dist/chunk-OEM5OJDP.mjs +489 -0
- package/dist/chunk-RM7E3WGH.cjs +71 -0
- package/dist/chunk-SYXRPCBO.cjs +220 -0
- package/dist/{chunk-IZFHHQ6S.mjs → chunk-TSHZODTT.mjs} +2 -2
- package/dist/chunk-VOTZLQ6J.cjs +2 -0
- package/dist/chunk-W4CDQ2RJ.mjs +69 -0
- package/dist/index.cjs +75 -50
- package/dist/index.d.cts +6 -2
- package/dist/index.d.ts +6 -2
- package/dist/index.mjs +21 -16
- package/dist/ui/UIKitBadge.cjs +5 -5
- package/dist/ui/UIKitBadge.mjs +1 -1
- package/dist/ui/index.cjs +75 -50
- package/dist/ui/index.d.cts +6 -2
- package/dist/ui/index.d.ts +6 -2
- package/dist/ui/index.mjs +21 -16
- package/dist/ui/inputs/index.cjs +15 -15
- package/dist/ui/inputs/index.mjs +3 -3
- package/dist/ui/inputs/number-inputs/index.cjs +15 -15
- package/dist/ui/inputs/number-inputs/index.mjs +3 -3
- package/dist/ui/layouts/index.cjs +6 -6
- package/dist/ui/layouts/index.mjs +2 -2
- package/dist/ui/{tree-view.cjs → simple-tree-view.cjs} +3 -3
- package/dist/ui/{tree-view.d.cts → simple-tree-view.d.cts} +1 -1
- package/dist/ui/{tree-view.d.ts → simple-tree-view.d.ts} +1 -1
- package/dist/ui/{tree-view.mjs → simple-tree-view.mjs} +1 -1
- package/dist/ui/timeline.cjs +3 -3
- package/dist/ui/timeline.d.cts +1 -1
- package/dist/ui/timeline.d.ts +1 -1
- package/dist/ui/timeline.mjs +2 -2
- package/dist/ui/tree-view/TreeSearchBar.cjs +22 -0
- package/dist/ui/tree-view/TreeSearchBar.d.cts +16 -0
- package/dist/ui/tree-view/TreeSearchBar.d.ts +16 -0
- package/dist/ui/tree-view/TreeSearchBar.mjs +13 -0
- package/dist/ui/tree-view/TreeView.cjs +24 -0
- package/dist/ui/tree-view/TreeView.d.cts +48 -0
- package/dist/ui/tree-view/TreeView.d.ts +48 -0
- package/dist/ui/tree-view/TreeView.mjs +11 -0
- package/dist/ui/tree-view/hooks.cjs +14 -0
- package/dist/ui/tree-view/hooks.d.cts +38 -0
- package/dist/ui/tree-view/hooks.d.ts +38 -0
- package/dist/ui/tree-view/hooks.mjs +1 -0
- package/dist/ui/tree-view/index.cjs +42 -0
- package/dist/ui/tree-view/index.d.cts +6 -0
- package/dist/ui/tree-view/index.d.ts +6 -0
- package/dist/ui/tree-view/index.mjs +17 -0
- package/dist/ui/tree-view/types.cjs +4 -0
- package/dist/ui/tree-view/types.d.cts +24 -0
- package/dist/ui/tree-view/types.d.ts +24 -0
- package/dist/ui/tree-view/types.mjs +1 -0
- package/dist/ui/tree-view-legacy.cjs +37 -0
- package/dist/ui/tree-view-legacy.d.cts +108 -0
- package/dist/ui/tree-view-legacy.d.ts +108 -0
- package/dist/ui/{tree-view-v2.mjs → tree-view-legacy.mjs} +1 -1
- package/dist/ui/waterfall/TimelineEvent.d.cts +1 -1
- package/dist/ui/waterfall/TimelineEvent.d.ts +1 -1
- package/dist/ui/waterfall/TimelineProcessBar.d.cts +1 -1
- package/dist/ui/waterfall/TimelineProcessBar.d.ts +1 -1
- package/dist/ui/waterfall/Wedges.d.cts +1 -1
- package/dist/ui/waterfall/Wedges.d.ts +1 -1
- package/dist/ui/waterfall/hooks/useTimelineState.d.cts +1 -2
- package/dist/ui/waterfall/hooks/useTimelineState.d.ts +1 -2
- package/dist/ui/waterfall/hooks/useViewport.d.cts +1 -2
- package/dist/ui/waterfall/hooks/useViewport.d.ts +1 -2
- package/dist/ui/waterfall/index.cjs +7 -7
- package/dist/ui/waterfall/index.d.cts +1 -1
- package/dist/ui/waterfall/index.d.ts +1 -1
- package/dist/ui/waterfall/index.mjs +6 -6
- package/dist/ui/waterfall/types.d.cts +1 -2
- package/dist/ui/waterfall/types.d.ts +1 -2
- package/package.json +1 -1
- package/dist/chunk-5432JOTN.mjs +0 -94
- package/dist/chunk-FD5AAGON.cjs +0 -487
- package/dist/chunk-ILGNKXK2.mjs +0 -485
- package/dist/chunk-Z5P6VCGR.cjs +0 -99
- package/dist/ui/tree-view-v2.cjs +0 -25
- package/dist/ui/tree-view-v2.d.cts +0 -43
- package/dist/ui/tree-view-v2.d.ts +0 -43
- /package/dist/{chunk-SUABRIFA.mjs → chunk-2SWBXWLK.mjs} +0 -0
- /package/dist/{chunk-XMUP5MIM.mjs → chunk-G3EIVAVR.mjs} +0 -0
- /package/dist/{chunk-OX2U5RAG.cjs → chunk-G5NT42YF.cjs} +0 -0
- /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 };
|
package/dist/ui/timeline.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('../chunk-
|
|
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
|
|
25
|
+
get: function () { return chunkAHNVEAOM_cjs.Timeline; }
|
|
26
26
|
});
|
package/dist/ui/timeline.d.cts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { TreeDataItem } from './tree-view-legacy.cjs';
|
|
4
4
|
|
|
5
5
|
type PointEventType = "SET" | "ADD" | "UPDATE" | "UPSERT" | "REMOVE" | "TIMEOUT";
|
|
6
6
|
type PointEvent = {
|
package/dist/ui/timeline.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { TreeDataItem } from './tree-view-legacy.js';
|
|
4
4
|
|
|
5
5
|
type PointEventType = "SET" | "ADD" | "UPDATE" | "UPSERT" | "REMOVE" | "TIMEOUT";
|
|
6
6
|
type PointEvent = {
|
package/dist/ui/timeline.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { Timeline } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
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,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 };
|