@vuer-ai/vuer-uikit 0.0.75 → 0.0.76

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,4 +1,4 @@
-export { TreeView as TreeViewV2 } from '../chunk-ILGNKXK2.mjs';
+export { TreeEntries, TreeEntryItem, TreeSearchBar, TreeView } from '../chunk-OEM5OJDP.mjs';
 import '../chunk-PCSY5IJ2.mjs';
 import '../chunk-BNDRHLLZ.mjs';
 import '../chunk-BEJIZ56L.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,18 +1,18 @@
 'use strict';
 
-var chunk2274XZ2C_cjs = require('../../chunk-2274XZ2C.cjs');
+var chunkE6D3BSYY_cjs = require('../../chunk-E6D3BSYY.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');
 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-Z6UDRPC2.cjs');
+require('../../chunk-2J75MYQA.cjs');
+require('../../chunk-LP3AGGRK.cjs');
+require('../../chunk-G2ZYONQO.cjs');
+require('../../chunk-D4W2G6CY.cjs');
 require('../../chunk-LCCNBVKZ.cjs');
 require('../../chunk-JMCH2AFN.cjs');
 require('../../chunk-VBBJSIY7.cjs');
@@ -33,5 +33,5 @@ require('../../chunk-OHIB3TEN.cjs');
 
 Object.defineProperty(exports, "Waterfall", {
   enumerable: true,
-  get: function () { return chunk2274XZ2C_cjs.Waterfall; }
+  get: function () { return chunkE6D3BSYY_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,16 +1,16 @@
-export { Waterfall } from '../../chunk-NS2P4CPA.mjs';
+export { Waterfall } from '../../chunk-MMT74K7A.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';
 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-CIPI2V54.mjs';
+import '../../chunk-SA5WKLYB.mjs';
+import '../../chunk-5EXV5EWF.mjs';
+import '../../chunk-4U232QAX.mjs';
+import '../../chunk-OEM5OJDP.mjs';
 import '../../chunk-PCSY5IJ2.mjs';
 import '../../chunk-BNDRHLLZ.mjs';
 import '../../chunk-BEJIZ56L.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.76",
   "files": [
     "/dist"
   ],

package/dist/chunk-5432JOTN.mjs

@@ -1,94 +0,0 @@
-import { cn } from './chunk-HMN4IKTG.mjs';
-import { GitBranch } from 'lucide-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var PACKAGE_VERSION = "0.0.74" ;
-var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
-var GIT_HASH = "5cd2f59" ;
-function PackageBadge({
-  className,
-  packageName,
-  packageFullName,
-  versionText,
-  linkable = true,
-  gitHash
-}) {
-  const npmUrl = packageFullName && versionText ? `https://www.npmjs.com/package/${packageFullName}/v/${versionText.replace("v", "")}` : void 0;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `rounded-uk-xs rounded-r-uk-xs text-uk-sm bg-icon-withbg inline-flex items-center ${className || ""}`,
-      style: linkable ? { cursor: "pointer" } : void 0,
-      children: [
-        (packageName || versionText) && /* @__PURE__ */ jsxs("div", { className: "rounded-uk-xs inline-flex items-center overflow-hidden", children: [
-          packageName && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "pl-sm pr-xs py-xxxs bg-brand-primary text-text-withbg text-uk-xs",
-              style: {
-                backgroundColor: "var(--color-brand-primary, var(--brand-primary))",
-                color: "white",
-                textShadow: "0 1px 2px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.1)"
-              },
-              children: packageName
-            }
-          ),
-          versionText && /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: linkable && npmUrl ? npmUrl : void 0,
-              className: cn(
-                "pl-xs pr-sm py-xxxs rounded-r-uk-xs",
-                "bg-alt-primary",
-                "text-text-secondary",
-                "text-text-primary text-uk-xs",
-                linkable && "hover:text-brand-primary"
-              ),
-              style: {
-                textShadow: "0 1px 1px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.05)"
-              },
-              onClick: !linkable ? (e) => e.preventDefault() : void 0,
-              children: versionText
-            }
-          )
-        ] }),
-        gitHash && gitHash !== "unknown" && /* @__PURE__ */ jsxs(
-          "a",
-          {
-            href: linkable ? `https://github.com/vuer-ai/vuer-uikit/commit/${gitHash}` : void 0,
-            className: "px-md rounded-uk-ssx font-number-input text-text-tertiary text-uk-xs ml-[0px] bg-transparent py-[0px]",
-            onClick: !linkable ? (e) => e.preventDefault() : void 0,
-            children: [
-              /* @__PURE__ */ jsx(GitBranch, { className: "mr-[2px] inline-block size-2" }),
-              gitHash
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-function UIKitBadge({
-  className,
-  package: showPackage = false,
-  prefix = false,
-  linkable = false,
-  version = false,
-  hash = false
-}) {
-  const packageShortName = PACKAGE_NAME.split("/").pop() || PACKAGE_NAME;
-  const versionText = version ? prefix ? `v${PACKAGE_VERSION}` : PACKAGE_VERSION : void 0;
-  return /* @__PURE__ */ jsx(
-    PackageBadge,
-    {
-      className,
-      packageName: showPackage ? packageShortName : void 0,
-      packageFullName: PACKAGE_NAME,
-      versionText,
-      linkable,
-      gitHash: hash ? GIT_HASH : void 0
-    }
-  );
-}
-
-export { GIT_HASH, PACKAGE_VERSION, PackageBadge, UIKitBadge };