@vuer-ai/vuer-uikit 0.0.75 → 0.0.77

package/dist/ui/tree-view-legacy.d.ts

@@ -0,0 +1,108 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+/**
+ * Minimal tree node shape used by `TreeViewV2`.
+ */
+type TreeDataItem = {
+    id: string;
+    parentId: string | null;
+    label: string;
+    isCollapsible?: boolean;
+    actions?: ReactNode;
+    disable?: boolean;
+    [key: string]: unknown;
+};
+type TreeDataItemWithMeta<T extends TreeDataItem> = T & {
+    indent: number;
+    isLast: boolean;
+    ancestors: T[];
+};
+/**
+ * Props for the virtualized filterable tree view.
+ */
+type TreeViewProps<T extends TreeDataItem> = {
+    data: T[];
+    getIcon: (item: T) => ReactNode;
+    onVisibleDataChange?: (data: (T & {
+        indent: number;
+        isLast: boolean;
+        ancestors: T[];
+    })[]) => void;
+    onItemHover?: (id: string | null) => void;
+    className?: string;
+    hoveredId?: string | null;
+    isSelectable?: boolean;
+    selectedItemId?: string | null;
+    onSelectChange?: (id: string | null) => void;
+    isSearchable?: boolean;
+    alwaysShowExpand?: boolean;
+    useSyncScroll?: boolean;
+    searchQuery?: string;
+    onSearchQueryChange?: (query: string) => void;
+    isCaseSensitive?: boolean;
+    onIsCaseSensitiveChange?: (value: boolean | ((prev: boolean) => boolean)) => void;
+    isRegex?: boolean;
+    onIsRegexChange?: (value: boolean | ((prev: boolean) => boolean)) => void;
+};
+/**
+ * Filterable and highlightable tree view with keyboardless interactions.
+ * Supports search (plain or regex), hover highlights, and collapsible nodes.
+ */
+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;
+/**
+ * Search bar component for the TreeView
+ */
+type TreeSearchBarProps = {
+    searchQuery: string;
+    setSearchQuery: (query: string) => void;
+    isCaseSensitive: boolean;
+    setIsCaseSensitive: (value: boolean | ((prev: boolean) => boolean)) => void;
+    isRegex: boolean;
+    setIsRegex: (value: boolean | ((prev: boolean) => boolean)) => void;
+    isRegexValid: boolean;
+    searchResultsCount: number;
+};
+declare function TreeSearchBar({ searchQuery, setSearchQuery, isCaseSensitive, setIsCaseSensitive, isRegex, setIsRegex, isRegexValid, searchResultsCount, }: TreeSearchBarProps): react_jsx_runtime.JSX.Element;
+/**
+ * Individual tree entry item component
+ */
+type TreeEntryItemProps<T extends TreeDataItem> = {
+    item: TreeDataItemWithMeta<T>;
+    hoveredId?: string | null;
+    onItemHover?: (id: string | null) => void;
+    isSelectable?: boolean;
+    selectedItemId?: string | null;
+    handleItemSelect: (id: string) => void;
+    expandedItems: Set<string>;
+    toggleItem: (id: string) => void;
+    alwaysShowExpand?: boolean;
+    hasDescendants: (id: string) => boolean;
+    getIcon: (item: T) => ReactNode;
+    renderLabel: (label: string) => ReactNode;
+    dataWithMeta: TreeDataItemWithMeta<T>[];
+};
+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;
+/**
+ * Tree entries wrapper component
+ */
+type TreeEntriesProps<T extends TreeDataItem> = {
+    visibleData: TreeDataItemWithMeta<T>[];
+    hoveredId?: string | null;
+    onItemHover?: (id: string | null) => void;
+    isSelectable?: boolean;
+    selectedItemId?: string | null;
+    handleItemSelect: (id: string) => void;
+    expandedItems: Set<string>;
+    toggleItem: (id: string) => void;
+    alwaysShowExpand?: boolean;
+    hasDescendants: (id: string) => boolean;
+    getIcon: (item: T) => ReactNode;
+    renderLabel: (label: string) => ReactNode;
+    dataWithMeta: TreeDataItemWithMeta<T>[];
+    useSyncScroll?: boolean;
+    className?: string;
+};
+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;
+
+export { type TreeDataItem, type TreeDataItemWithMeta, TreeEntries, type TreeEntriesProps, TreeEntryItem, type TreeEntryItemProps, TreeSearchBar, type TreeSearchBarProps, TreeView, type TreeViewProps };

package/dist/ui/{tree-view-v2.mjs → tree-view-legacy.mjs}

@@ -1,8 +1,8 @@
-export { TreeView as TreeViewV2 } from '../chunk-ILGNKXK2.mjs';
-import '../chunk-PCSY5IJ2.mjs';
+export { TreeEntries, TreeEntryItem, TreeSearchBar, TreeView } from '../chunk-KQXLV6YW.mjs';
 import '../chunk-BNDRHLLZ.mjs';
 import '../chunk-BEJIZ56L.mjs';
 import '../chunk-SAGQV2YZ.mjs';
+import '../chunk-PCSY5IJ2.mjs';
 import '../chunk-JXALL32A.mjs';
 import '../chunk-F7ZHPSLA.mjs';
 import '../chunk-3QT5VABC.mjs';

package/dist/ui/waterfall/TimelineEvent.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LogItemWithMeta } from './types.cjs';
-import '../tree-view-v2.cjs';
+import '../tree-view/types.cjs';
 import 'react';
 
 interface TimelineEventProps {

package/dist/ui/waterfall/TimelineEvent.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LogItemWithMeta } from './types.js';
-import '../tree-view-v2.js';
+import '../tree-view/types.js';
 import 'react';
 
 interface TimelineEventProps {

package/dist/ui/waterfall/TimelineProcessBar.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LogItemWithMeta } from './types.cjs';
-import '../tree-view-v2.cjs';
+import '../tree-view/types.cjs';
 import 'react';
 
 interface TimelineEventBarProps {

package/dist/ui/waterfall/TimelineProcessBar.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LogItemWithMeta } from './types.js';
-import '../tree-view-v2.js';
+import '../tree-view/types.js';
 import 'react';
 
 interface TimelineEventBarProps {

package/dist/ui/waterfall/Wedges.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LogItemWithMeta } from './types.cjs';
-import '../tree-view-v2.cjs';
+import '../tree-view/types.cjs';
 import 'react';
 
 interface LeftWedgeProps {

package/dist/ui/waterfall/Wedges.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LogItemWithMeta } from './types.js';
-import '../tree-view-v2.js';
+import '../tree-view/types.js';
 import 'react';
 
 interface LeftWedgeProps {

package/dist/ui/waterfall/hooks/useTimelineState.d.cts

@@ -1,7 +1,6 @@
 import * as react from 'react';
 import { LogItemType, LogItemWithMeta } from '../types.cjs';
-import '../../tree-view-v2.cjs';
-import 'react/jsx-runtime';
+import '../../tree-view/types.cjs';
 
 /**
  * Custom hook for managing timeline waterfall state including item expansion, hover interactions, and hierarchical data processing.

package/dist/ui/waterfall/hooks/useTimelineState.d.ts

@@ -1,7 +1,6 @@
 import * as react from 'react';
 import { LogItemType, LogItemWithMeta } from '../types.js';
-import '../../tree-view-v2.js';
-import 'react/jsx-runtime';
+import '../../tree-view/types.js';
 
 /**
  * Custom hook for managing timeline waterfall state including item expansion, hover interactions, and hierarchical data processing.

package/dist/ui/waterfall/hooks/useViewport.d.cts

@@ -1,7 +1,6 @@
 import * as react from 'react';
 import { LogItemWithMeta } from '../types.cjs';
-import '../../tree-view-v2.cjs';
-import 'react/jsx-runtime';
+import '../../tree-view/types.cjs';
 
 interface UseViewportProps {
     visibleLogData: LogItemWithMeta[];

package/dist/ui/waterfall/hooks/useViewport.d.ts

@@ -1,7 +1,6 @@
 import * as react from 'react';
 import { LogItemWithMeta } from '../types.js';
-import '../../tree-view-v2.js';
-import 'react/jsx-runtime';
+import '../../tree-view/types.js';
 
 interface UseViewportProps {
     visibleLogData: LogItemWithMeta[];

package/dist/ui/waterfall/index.cjs

@@ -1,9 +1,10 @@
 'use strict';
 
-var chunk2274XZ2C_cjs = require('../../chunk-2274XZ2C.cjs');
+var chunkYPQYI63K_cjs = require('../../chunk-YPQYI63K.cjs');
+require('../../chunk-5MNZYCN2.cjs');
+require('../../chunk-Z6UDRPC2.cjs');
 require('../../chunk-WJL5HMO6.cjs');
 require('../../chunk-RJ7I6ZQK.cjs');
-require('../../chunk-Z6UDRPC2.cjs');
 require('../../chunk-2J75MYQA.cjs');
 require('../../chunk-LP3AGGRK.cjs');
 require('../../chunk-6TSA7KXX.cjs');
@@ -11,12 +12,11 @@ require('../../chunk-MVAFOQ67.cjs');
 require('../../chunk-TUYG6BYZ.cjs');
 require('../../chunk-YXFHJKNW.cjs');
 require('../../chunk-G2ZYONQO.cjs');
-require('../../chunk-5MNZYCN2.cjs');
-require('../../chunk-FD5AAGON.cjs');
-require('../../chunk-LCCNBVKZ.cjs');
+require('../../chunk-6E4NTY34.cjs');
 require('../../chunk-JMCH2AFN.cjs');
 require('../../chunk-VBBJSIY7.cjs');
 require('../../chunk-G4FJGNY5.cjs');
+require('../../chunk-LCCNBVKZ.cjs');
 require('../../chunk-YQCSEMRB.cjs');
 require('../../chunk-QN4N4I3Z.cjs');
 require('../../chunk-Q7E73DVJ.cjs');
@@ -33,5 +33,5 @@ require('../../chunk-OHIB3TEN.cjs');
 
 Object.defineProperty(exports, "Waterfall", {
   enumerable: true,
-  get: function () { return chunk2274XZ2C_cjs.Waterfall; }
+  get: function () { return chunkYPQYI63K_cjs.Waterfall; }
 });

package/dist/ui/waterfall/index.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import react__default, { ReactNode } from 'react';
 import { LogItemType } from './types.cjs';
-import '../tree-view-v2.cjs';
+import '../tree-view/types.cjs';
 
 interface WaterfallProps {
     logData: LogItemType[];

package/dist/ui/waterfall/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import react__default, { ReactNode } from 'react';
 import { LogItemType } from './types.js';
-import '../tree-view-v2.js';
+import '../tree-view/types.js';
 
 interface WaterfallProps {
     logData: LogItemType[];

package/dist/ui/waterfall/index.mjs

@@ -1,7 +1,8 @@
-export { Waterfall } from '../../chunk-NS2P4CPA.mjs';
+export { Waterfall } from '../../chunk-D5YKZOUG.mjs';
+import '../../chunk-IR334P7F.mjs';
+import '../../chunk-CIPI2V54.mjs';
 import '../../chunk-JWKOW2OV.mjs';
 import '../../chunk-VPQ5SSY3.mjs';
-import '../../chunk-CIPI2V54.mjs';
 import '../../chunk-SA5WKLYB.mjs';
 import '../../chunk-5EXV5EWF.mjs';
 import '../../chunk-K22BEXUA.mjs';
@@ -9,12 +10,11 @@ import '../../chunk-OC4HRPZU.mjs';
 import '../../chunk-N6DSPSMM.mjs';
 import '../../chunk-CO6EASQO.mjs';
 import '../../chunk-4U232QAX.mjs';
-import '../../chunk-IR334P7F.mjs';
-import '../../chunk-ILGNKXK2.mjs';
-import '../../chunk-PCSY5IJ2.mjs';
+import '../../chunk-KQXLV6YW.mjs';
 import '../../chunk-BNDRHLLZ.mjs';
 import '../../chunk-BEJIZ56L.mjs';
 import '../../chunk-SAGQV2YZ.mjs';
+import '../../chunk-PCSY5IJ2.mjs';
 import '../../chunk-JXALL32A.mjs';
 import '../../chunk-F7ZHPSLA.mjs';
 import '../../chunk-3QT5VABC.mjs';

package/dist/ui/waterfall/types.d.cts

@@ -1,5 +1,4 @@
-import { TreeDataItemV2 as TreeDataItem } from '../tree-view-v2.cjs';
-import 'react/jsx-runtime';
+import { TreeDataItem } from '../tree-view/types.cjs';
 import 'react';
 
 type LogItemType = TreeDataItem & {

package/dist/ui/waterfall/types.d.ts

@@ -1,5 +1,4 @@
-import { TreeDataItemV2 as TreeDataItem } from '../tree-view-v2.js';
-import 'react/jsx-runtime';
+import { TreeDataItem } from '../tree-view/types.js';
 import 'react';
 
 type LogItemType = TreeDataItem & {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vuer-ai/vuer-uikit",
   "author": "Ge Yang",
-  "version": "0.0.75",
+  "version": "0.0.77",
   "files": [
     "/dist"
   ],