@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.
- package/dist/{chunk-WMYO3VA4.cjs → chunk-2TVNVB3X.cjs} +2 -2
- package/dist/{chunk-3M2Y6VIW.mjs → chunk-3ANJMSOC.mjs} +3 -3
- package/dist/{chunk-SYXRPCBO.cjs → chunk-EEGQLTSQ.cjs} +42 -33
- package/dist/{chunk-7VYMOW2I.mjs → chunk-GEFRW3FP.mjs} +5 -3
- package/dist/{chunk-5MIKF753.cjs → chunk-IQS5L6B2.cjs} +5 -3
- package/dist/{chunk-OZPCCMGQ.mjs → chunk-M45ELKOT.mjs} +2 -2
- package/dist/{chunk-BWBBQCG2.mjs → chunk-PC5DHSC4.mjs} +42 -33
- package/dist/{chunk-2ZBQXVNV.cjs → chunk-YQIPNAUH.cjs} +6 -6
- package/dist/index.cjs +73 -78
- package/dist/index.d.cts +0 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.mjs +14 -15
- package/dist/ui/UIKitBadge.cjs +5 -5
- package/dist/ui/UIKitBadge.mjs +1 -1
- package/dist/ui/index.cjs +73 -78
- package/dist/ui/index.d.cts +0 -1
- package/dist/ui/index.d.ts +0 -1
- package/dist/ui/index.mjs +14 -15
- package/dist/ui/inputs/index.cjs +15 -15
- package/dist/ui/inputs/index.mjs +3 -3
- package/dist/ui/inputs/number-inputs/index.cjs +10 -10
- package/dist/ui/inputs/number-inputs/index.mjs +2 -2
- package/dist/ui/sidebar.cjs +26 -26
- package/dist/ui/sidebar.mjs +2 -2
- package/dist/ui/tree-view/TreeView.cjs +3 -3
- package/dist/ui/tree-view/TreeView.mjs +1 -1
- package/dist/ui/tree-view/hooks.cjs +3 -3
- package/dist/ui/tree-view/hooks.mjs +1 -1
- package/dist/ui/tree-view/index.cjs +6 -6
- package/dist/ui/tree-view/index.mjs +2 -2
- package/dist/ui/waterfall/hooks/useTimelineState.d.cts +1 -1
- package/dist/ui/waterfall/hooks/useTimelineState.d.ts +1 -1
- package/dist/ui/waterfall/index.cjs +5 -5
- package/dist/ui/waterfall/index.mjs +4 -4
- package/dist/ui/waterfall/types.d.cts +1 -1
- package/dist/ui/waterfall/types.d.ts +1 -1
- package/package.json +1 -1
- package/dist/chunk-AHNVEAOM.cjs +0 -855
- package/dist/chunk-LBENVTO2.mjs +0 -853
- package/dist/ui/timeline.cjs +0 -26
- package/dist/ui/timeline.d.cts +0 -42
- package/dist/ui/timeline.d.ts +0 -42
- package/dist/ui/timeline.mjs +0 -17
- package/dist/{chunk-WHKKMUON.mjs → chunk-36OE2ZZU.mjs} +1 -1
- package/dist/{chunk-PQZPTBQR.cjs → chunk-6TIUKO7B.cjs} +1 -1
- /package/dist/{chunk-KFPS5CCR.cjs → chunk-OX2U5RAG.cjs} +0 -0
- /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.
|
|
7
|
+
var PACKAGE_VERSION = "0.0.86" ;
|
|
8
8
|
var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
|
|
9
|
-
var GIT_HASH = "
|
|
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-
|
|
11
|
-
import { useTreeState, useTreeSearch } from './chunk-
|
|
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(
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
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(
|
|
110
|
-
|
|
111
|
-
externalOnToggleItem
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
newSet.
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
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(
|
|
161
|
-
|
|
162
|
-
|
|
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-
|
|
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-
|
|
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.
|
|
5
|
+
var PACKAGE_VERSION = "0.0.86" ;
|
|
6
6
|
var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
|
|
7
|
-
var GIT_HASH = "
|
|
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(
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
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(
|
|
108
|
-
|
|
109
|
-
externalOnToggleItem
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
newSet.
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
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(
|
|
159
|
-
|
|
160
|
-
|
|
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
|
|
13
|
-
var
|
|
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 } =
|
|
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 } =
|
|
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
|
-
|
|
112
|
+
chunkIQS5L6B2_cjs.TreeView,
|
|
113
113
|
{
|
|
114
114
|
data: hasActiveSearch ? dataWithMeta.filter((item) => filteredData.some((f) => f.id === item.id)) : visibleData,
|
|
115
115
|
getIcon,
|