@vuer-ai/vuer-uikit 0.0.84 → 0.0.86

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 (47) hide show
  1. package/dist/{chunk-WMYO3VA4.cjs → chunk-2TVNVB3X.cjs} +2 -2
  2. package/dist/{chunk-3M2Y6VIW.mjs → chunk-3ANJMSOC.mjs} +3 -3
  3. package/dist/{chunk-SYXRPCBO.cjs → chunk-EEGQLTSQ.cjs} +42 -33
  4. package/dist/{chunk-7VYMOW2I.mjs → chunk-GEFRW3FP.mjs} +5 -3
  5. package/dist/{chunk-5MIKF753.cjs → chunk-IQS5L6B2.cjs} +5 -3
  6. package/dist/{chunk-OZPCCMGQ.mjs → chunk-M45ELKOT.mjs} +2 -2
  7. package/dist/{chunk-BWBBQCG2.mjs → chunk-PC5DHSC4.mjs} +42 -33
  8. package/dist/{chunk-2ZBQXVNV.cjs → chunk-YQIPNAUH.cjs} +6 -6
  9. package/dist/index.cjs +73 -78
  10. package/dist/index.d.cts +0 -1
  11. package/dist/index.d.ts +0 -1
  12. package/dist/index.mjs +14 -15
  13. package/dist/ui/UIKitBadge.cjs +5 -5
  14. package/dist/ui/UIKitBadge.mjs +1 -1
  15. package/dist/ui/index.cjs +73 -78
  16. package/dist/ui/index.d.cts +0 -1
  17. package/dist/ui/index.d.ts +0 -1
  18. package/dist/ui/index.mjs +14 -15
  19. package/dist/ui/inputs/index.cjs +15 -15
  20. package/dist/ui/inputs/index.mjs +3 -3
  21. package/dist/ui/inputs/number-inputs/index.cjs +10 -10
  22. package/dist/ui/inputs/number-inputs/index.mjs +2 -2
  23. package/dist/ui/sidebar.cjs +26 -26
  24. package/dist/ui/sidebar.mjs +2 -2
  25. package/dist/ui/tree-view/TreeView.cjs +3 -3
  26. package/dist/ui/tree-view/TreeView.mjs +1 -1
  27. package/dist/ui/tree-view/hooks.cjs +3 -3
  28. package/dist/ui/tree-view/hooks.mjs +1 -1
  29. package/dist/ui/tree-view/index.cjs +6 -6
  30. package/dist/ui/tree-view/index.mjs +2 -2
  31. package/dist/ui/waterfall/hooks/useTimelineState.d.cts +1 -1
  32. package/dist/ui/waterfall/hooks/useTimelineState.d.ts +1 -1
  33. package/dist/ui/waterfall/index.cjs +5 -5
  34. package/dist/ui/waterfall/index.mjs +4 -4
  35. package/dist/ui/waterfall/types.d.cts +1 -1
  36. package/dist/ui/waterfall/types.d.ts +1 -1
  37. package/package.json +1 -1
  38. package/dist/chunk-AHNVEAOM.cjs +0 -855
  39. package/dist/chunk-LBENVTO2.mjs +0 -853
  40. package/dist/ui/timeline.cjs +0 -26
  41. package/dist/ui/timeline.d.cts +0 -42
  42. package/dist/ui/timeline.d.ts +0 -42
  43. package/dist/ui/timeline.mjs +0 -17
  44. package/dist/{chunk-WHKKMUON.mjs → chunk-36OE2ZZU.mjs} +1 -1
  45. package/dist/{chunk-PQZPTBQR.cjs → chunk-6TIUKO7B.cjs} +1 -1
  46. /package/dist/{chunk-KFPS5CCR.cjs → chunk-OX2U5RAG.cjs} +0 -0
  47. /package/dist/{chunk-G3EIVAVR.mjs → chunk-XMUP5MIM.mjs} +0 -0
@@ -4,9 +4,9 @@ var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
4
4
  var lucideReact = require('lucide-react');
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
6
 
7
- var PACKAGE_VERSION = "0.0.84" ;
7
+ var PACKAGE_VERSION = "0.0.86" ;
8
8
  var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
9
- var GIT_HASH = "a811324" ;
9
+ var GIT_HASH = "dcfc6cb" ;
10
10
  function PackageBadge({
11
11
  className,
12
12
  packageName,
@@ -1,17 +1,17 @@
1
1
  import { useTimelineState } from './chunk-JWKOW2OV.mjs';
2
2
  import { useViewport } from './chunk-VPQ5SSY3.mjs';
3
- import { Tick } from './chunk-K22BEXUA.mjs';
4
3
  import { TimeRuleEventDot } from './chunk-OC4HRPZU.mjs';
5
4
  import { TimelineEvent } from './chunk-N6DSPSMM.mjs';
6
5
  import { TimelineProcessBar } from './chunk-CO6EASQO.mjs';
7
6
  import { LeftWedge, RightWedge } from './chunk-IR334P7F.mjs';
8
7
  import { WheelZoomContext } from './chunk-CIPI2V54.mjs';
9
8
  import { TreeSearchBar } from './chunk-556XSWKR.mjs';
10
- import { TreeView } from './chunk-7VYMOW2I.mjs';
11
- import { useTreeState, useTreeSearch } from './chunk-BWBBQCG2.mjs';
9
+ import { TreeView } from './chunk-GEFRW3FP.mjs';
10
+ import { useTreeState, useTreeSearch } from './chunk-PC5DHSC4.mjs';
12
11
  import { CursorOverlay } from './chunk-SA5WKLYB.mjs';
13
12
  import { NavigationControls } from './chunk-5EXV5EWF.mjs';
14
13
  import { rightWedgeClasses, leftWedgeClasses, TOTAL_DURATION } from './chunk-4U232QAX.mjs';
14
+ import { Tick } from './chunk-K22BEXUA.mjs';
15
15
  import { TooltipProvider } from './chunk-PCSY5IJ2.mjs';
16
16
  import { SyncScroll, SyncDragY, SyncScrollSlave } from './chunk-BEJIZ56L.mjs';
17
17
  import { SyncScrollProvider } from './chunk-SAGQV2YZ.mjs';
@@ -67,21 +67,24 @@ function useTreeSearch({
67
67
  searchResultsCount: directMatchIds.size
68
68
  };
69
69
  }, [searchQuery, data, isCaseSensitive, isRegex, isRegexValid]);
70
- const renderLabel = react.useCallback((label, itemId) => {
71
- if (!searchQuery || !isRegexValid || !matchingIds.has(itemId)) {
72
- return label;
73
- }
74
- let regex;
75
- try {
76
- regex = new RegExp(`(${searchQuery})`, isCaseSensitive ? "g" : "gi");
77
- } catch {
78
- return label;
79
- }
80
- const parts = label.split(regex);
81
- return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: parts.map(
82
- (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-uk-xs bg-accent-warning", children: part }, i) : part
83
- ) });
84
- }, [searchQuery, isCaseSensitive, isRegexValid, matchingIds]);
70
+ const renderLabel = react.useCallback(
71
+ (label, itemId) => {
72
+ if (!searchQuery || !isRegexValid || !matchingIds.has(itemId)) {
73
+ return label;
74
+ }
75
+ let regex;
76
+ try {
77
+ regex = new RegExp(`(${searchQuery})`, isCaseSensitive ? "g" : "gi");
78
+ } catch {
79
+ return label;
80
+ }
81
+ const parts = label.split(regex);
82
+ return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: parts.map(
83
+ (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-uk-xs bg-accent-warning", children: part }, i) : part
84
+ ) });
85
+ },
86
+ [searchQuery, isCaseSensitive, isRegexValid, matchingIds]
87
+ );
85
88
  return {
86
89
  filteredData,
87
90
  searchResultsCount,
@@ -106,21 +109,24 @@ function useTreeState({
106
109
  return initial;
107
110
  });
108
111
  const expandedItems = externalExpandedItems ?? internalExpandedItems;
109
- const toggleItem = react.useCallback((id) => {
110
- if (externalOnToggleItem) {
111
- externalOnToggleItem(id);
112
- } else {
113
- setInternalExpandedItems((prev) => {
114
- const newSet = new Set(prev);
115
- if (newSet.has(id)) {
116
- newSet.delete(id);
117
- } else {
118
- newSet.add(id);
119
- }
120
- return newSet;
121
- });
122
- }
123
- }, [externalOnToggleItem]);
112
+ const toggleItem = react.useCallback(
113
+ (id) => {
114
+ if (externalOnToggleItem) {
115
+ externalOnToggleItem(id);
116
+ } else {
117
+ setInternalExpandedItems((prev) => {
118
+ const newSet = new Set(prev);
119
+ if (newSet.has(id)) {
120
+ newSet.delete(id);
121
+ } else {
122
+ newSet.add(id);
123
+ }
124
+ return newSet;
125
+ });
126
+ }
127
+ },
128
+ [externalOnToggleItem]
129
+ );
124
130
  const expandAll = react.useCallback(() => {
125
131
  const allCollapsible = /* @__PURE__ */ new Set();
126
132
  data.forEach((item) => {
@@ -157,9 +163,12 @@ function useTreeState({
157
163
  });
158
164
  return map;
159
165
  }, [data]);
160
- const hasDescendants = react.useCallback((itemId) => {
161
- return (childrenMap.get(itemId) || []).length > 0;
162
- }, [childrenMap]);
166
+ const hasDescendants = react.useCallback(
167
+ (itemId) => {
168
+ return (childrenMap.get(itemId) || []).length > 0;
169
+ },
170
+ [childrenMap]
171
+ );
163
172
  const dataWithMeta = react.useMemo(() => {
164
173
  const dataMap = new Map(data.map((item) => [item.id, item]));
165
174
  const getAncestors = (item) => {
@@ -107,7 +107,7 @@ function TreeEntryItem({
107
107
  /* @__PURE__ */ jsxs(
108
108
  "div",
109
109
  {
110
- className: "text-uk-md z-10 flex w-full items-center justify-between gap-2 px-2 whitespace-nowrap",
110
+ className: "text-uk-sm z-10 flex w-full items-center justify-between gap-2 px-2 font-normal whitespace-nowrap",
111
111
  style: { paddingLeft: `${indent * 1.25 + 0.5}rem` },
112
112
  children: [
113
113
  /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-1", children: [
@@ -127,7 +127,8 @@ function TreeEntryItem({
127
127
  "size-4 transition-transform",
128
128
  expandedItems && !expandedItems?.has(item.id) && "-rotate-90",
129
129
  item.disable && "text-icon-tertiary"
130
- )
130
+ ),
131
+ strokeWidth: 1.5
131
132
  }
132
133
  )
133
134
  }
@@ -158,7 +159,8 @@ function TreeEntryItem({
158
159
  "size-4 transition-transform",
159
160
  expandedItems && !expandedItems?.has(item.id) && "-rotate-90",
160
161
  item.disable && "text-icon-tertiary"
161
- )
162
+ ),
163
+ strokeWidth: 1.5
162
164
  }
163
165
  )
164
166
  }
@@ -109,7 +109,7 @@ function TreeEntryItem({
109
109
  /* @__PURE__ */ jsxRuntime.jsxs(
110
110
  "div",
111
111
  {
112
- className: "text-uk-md z-10 flex w-full items-center justify-between gap-2 px-2 whitespace-nowrap",
112
+ className: "text-uk-sm z-10 flex w-full items-center justify-between gap-2 px-2 font-normal whitespace-nowrap",
113
113
  style: { paddingLeft: `${indent * 1.25 + 0.5}rem` },
114
114
  children: [
115
115
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-1", children: [
@@ -129,7 +129,8 @@ function TreeEntryItem({
129
129
  "size-4 transition-transform",
130
130
  expandedItems && !expandedItems?.has(item.id) && "-rotate-90",
131
131
  item.disable && "text-icon-tertiary"
132
- )
132
+ ),
133
+ strokeWidth: 1.5
133
134
  }
134
135
  )
135
136
  }
@@ -160,7 +161,8 @@ function TreeEntryItem({
160
161
  "size-4 transition-transform",
161
162
  expandedItems && !expandedItems?.has(item.id) && "-rotate-90",
162
163
  item.disable && "text-icon-tertiary"
163
- )
164
+ ),
165
+ strokeWidth: 1.5
164
166
  }
165
167
  )
166
168
  }
@@ -2,9 +2,9 @@ import { cn } from './chunk-HMN4IKTG.mjs';
2
2
  import { GitBranch } from 'lucide-react';
3
3
  import { jsxs, jsx } from 'react/jsx-runtime';
4
4
 
5
- var PACKAGE_VERSION = "0.0.84" ;
5
+ var PACKAGE_VERSION = "0.0.86" ;
6
6
  var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
7
- var GIT_HASH = "a811324" ;
7
+ var GIT_HASH = "dcfc6cb" ;
8
8
  function PackageBadge({
9
9
  className,
10
10
  packageName,
@@ -65,21 +65,24 @@ function useTreeSearch({
65
65
  searchResultsCount: directMatchIds.size
66
66
  };
67
67
  }, [searchQuery, data, isCaseSensitive, isRegex, isRegexValid]);
68
- const renderLabel = useCallback((label, itemId) => {
69
- if (!searchQuery || !isRegexValid || !matchingIds.has(itemId)) {
70
- return label;
71
- }
72
- let regex;
73
- try {
74
- regex = new RegExp(`(${searchQuery})`, isCaseSensitive ? "g" : "gi");
75
- } catch {
76
- return label;
77
- }
78
- const parts = label.split(regex);
79
- return /* @__PURE__ */ jsx(Fragment, { children: parts.map(
80
- (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsx("span", { className: "rounded-uk-xs bg-accent-warning", children: part }, i) : part
81
- ) });
82
- }, [searchQuery, isCaseSensitive, isRegexValid, matchingIds]);
68
+ const renderLabel = useCallback(
69
+ (label, itemId) => {
70
+ if (!searchQuery || !isRegexValid || !matchingIds.has(itemId)) {
71
+ return label;
72
+ }
73
+ let regex;
74
+ try {
75
+ regex = new RegExp(`(${searchQuery})`, isCaseSensitive ? "g" : "gi");
76
+ } catch {
77
+ return label;
78
+ }
79
+ const parts = label.split(regex);
80
+ return /* @__PURE__ */ jsx(Fragment, { children: parts.map(
81
+ (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsx("span", { className: "rounded-uk-xs bg-accent-warning", children: part }, i) : part
82
+ ) });
83
+ },
84
+ [searchQuery, isCaseSensitive, isRegexValid, matchingIds]
85
+ );
83
86
  return {
84
87
  filteredData,
85
88
  searchResultsCount,
@@ -104,21 +107,24 @@ function useTreeState({
104
107
  return initial;
105
108
  });
106
109
  const expandedItems = externalExpandedItems ?? internalExpandedItems;
107
- const toggleItem = useCallback((id) => {
108
- if (externalOnToggleItem) {
109
- externalOnToggleItem(id);
110
- } else {
111
- setInternalExpandedItems((prev) => {
112
- const newSet = new Set(prev);
113
- if (newSet.has(id)) {
114
- newSet.delete(id);
115
- } else {
116
- newSet.add(id);
117
- }
118
- return newSet;
119
- });
120
- }
121
- }, [externalOnToggleItem]);
110
+ const toggleItem = useCallback(
111
+ (id) => {
112
+ if (externalOnToggleItem) {
113
+ externalOnToggleItem(id);
114
+ } else {
115
+ setInternalExpandedItems((prev) => {
116
+ const newSet = new Set(prev);
117
+ if (newSet.has(id)) {
118
+ newSet.delete(id);
119
+ } else {
120
+ newSet.add(id);
121
+ }
122
+ return newSet;
123
+ });
124
+ }
125
+ },
126
+ [externalOnToggleItem]
127
+ );
122
128
  const expandAll = useCallback(() => {
123
129
  const allCollapsible = /* @__PURE__ */ new Set();
124
130
  data.forEach((item) => {
@@ -155,9 +161,12 @@ function useTreeState({
155
161
  });
156
162
  return map;
157
163
  }, [data]);
158
- const hasDescendants = useCallback((itemId) => {
159
- return (childrenMap.get(itemId) || []).length > 0;
160
- }, [childrenMap]);
164
+ const hasDescendants = useCallback(
165
+ (itemId) => {
166
+ return (childrenMap.get(itemId) || []).length > 0;
167
+ },
168
+ [childrenMap]
169
+ );
161
170
  const dataWithMeta = useMemo(() => {
162
171
  const dataMap = new Map(data.map((item) => [item.id, item]));
163
172
  const getAncestors = (item) => {
@@ -2,18 +2,18 @@
2
2
 
3
3
  var chunkWJL5HMO6_cjs = require('./chunk-WJL5HMO6.cjs');
4
4
  var chunkRJ7I6ZQK_cjs = require('./chunk-RJ7I6ZQK.cjs');
5
- var chunk6TSA7KXX_cjs = require('./chunk-6TSA7KXX.cjs');
6
5
  var chunkMVAFOQ67_cjs = require('./chunk-MVAFOQ67.cjs');
7
6
  var chunkTUYG6BYZ_cjs = require('./chunk-TUYG6BYZ.cjs');
8
7
  var chunkYXFHJKNW_cjs = require('./chunk-YXFHJKNW.cjs');
9
8
  var chunk5MNZYCN2_cjs = require('./chunk-5MNZYCN2.cjs');
10
9
  var chunkZ6UDRPC2_cjs = require('./chunk-Z6UDRPC2.cjs');
11
10
  var chunkDFJQXQ7Q_cjs = require('./chunk-DFJQXQ7Q.cjs');
12
- var chunk5MIKF753_cjs = require('./chunk-5MIKF753.cjs');
13
- var chunkSYXRPCBO_cjs = require('./chunk-SYXRPCBO.cjs');
11
+ var chunkIQS5L6B2_cjs = require('./chunk-IQS5L6B2.cjs');
12
+ var chunkEEGQLTSQ_cjs = require('./chunk-EEGQLTSQ.cjs');
14
13
  var chunk2J75MYQA_cjs = require('./chunk-2J75MYQA.cjs');
15
14
  var chunkLP3AGGRK_cjs = require('./chunk-LP3AGGRK.cjs');
16
15
  var chunkG2ZYONQO_cjs = require('./chunk-G2ZYONQO.cjs');
16
+ var chunk6TSA7KXX_cjs = require('./chunk-6TSA7KXX.cjs');
17
17
  var chunkLCCNBVKZ_cjs = require('./chunk-LCCNBVKZ.cjs');
18
18
  var chunkVBBJSIY7_cjs = require('./chunk-VBBJSIY7.cjs');
19
19
  var chunkG4FJGNY5_cjs = require('./chunk-G4FJGNY5.cjs');
@@ -44,11 +44,11 @@ function Waterfall({
44
44
  const internalTimelineState = chunkWJL5HMO6_cjs.useTimelineState(logData);
45
45
  const hoveredId = externalHoveredId ?? internalTimelineState.hoveredId;
46
46
  const setHoveredId = externalOnItemHover ?? internalTimelineState.setHoveredId;
47
- const { visibleData, expandedItems, toggleItem, hasDescendants, dataWithMeta } = chunkSYXRPCBO_cjs.useTreeState({
47
+ const { visibleData, expandedItems, toggleItem, hasDescendants, dataWithMeta } = chunkEEGQLTSQ_cjs.useTreeState({
48
48
  data: logData,
49
49
  defaultExpanded: true
50
50
  });
51
- const { filteredData, searchResultsCount, isRegexValid, renderLabel, hasActiveSearch } = chunkSYXRPCBO_cjs.useTreeSearch({
51
+ const { filteredData, searchResultsCount, isRegexValid, renderLabel, hasActiveSearch } = chunkEEGQLTSQ_cjs.useTreeSearch({
52
52
  data: logData,
53
53
  searchQuery,
54
54
  isCaseSensitive,
@@ -109,7 +109,7 @@ function Waterfall({
109
109
  }
110
110
  ),
111
111
  /* @__PURE__ */ jsxRuntime.jsx(chunkVBBJSIY7_cjs.SyncScroll, { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
112
- chunk5MIKF753_cjs.TreeView,
112
+ chunkIQS5L6B2_cjs.TreeView,
113
113
  {
114
114
  data: hasActiveSearch ? dataWithMeta.filter((item) => filteredData.some((f) => f.id === item.id)) : visibleData,
115
115
  getIcon,