@vuer-ai/vuer-uikit 0.0.98 → 0.0.100

package/dist/chunk-O66RESRR.cjs

@@ -1,285 +0,0 @@
-'use strict';
-
-var chunkWJL5HMO6_cjs = require('./chunk-WJL5HMO6.cjs');
-var chunkRJ7I6ZQK_cjs = require('./chunk-RJ7I6ZQK.cjs');
-var chunkMVAFOQ67_cjs = require('./chunk-MVAFOQ67.cjs');
-var chunkTUYG6BYZ_cjs = require('./chunk-TUYG6BYZ.cjs');
-var chunkYXFHJKNW_cjs = require('./chunk-YXFHJKNW.cjs');
-var chunk5MNZYCN2_cjs = require('./chunk-5MNZYCN2.cjs');
-var chunkZ6UDRPC2_cjs = require('./chunk-Z6UDRPC2.cjs');
-var chunk55RSKLJ5_cjs = require('./chunk-55RSKLJ5.cjs');
-var chunkHAVTMZR3_cjs = require('./chunk-HAVTMZR3.cjs');
-var chunkEEGQLTSQ_cjs = require('./chunk-EEGQLTSQ.cjs');
-var chunk2J75MYQA_cjs = require('./chunk-2J75MYQA.cjs');
-var chunkLP3AGGRK_cjs = require('./chunk-LP3AGGRK.cjs');
-var chunkG2ZYONQO_cjs = require('./chunk-G2ZYONQO.cjs');
-var chunk6TSA7KXX_cjs = require('./chunk-6TSA7KXX.cjs');
-var chunk2CZEFXEW_cjs = require('./chunk-2CZEFXEW.cjs');
-var chunkVBBJSIY7_cjs = require('./chunk-VBBJSIY7.cjs');
-var chunkG4FJGNY5_cjs = require('./chunk-G4FJGNY5.cjs');
-var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function Waterfall({
-  logData,
-  temporalCursor,
-  onTemporalCursorChange,
-  getIcon,
-  panelWidth = 300,
-  className,
-  hoveredId: externalHoveredId,
-  onItemHover: externalOnItemHover,
-  minWindow = 0.01,
-  maxWindow,
-  zoomFactor = 1.1,
-  enabled = true,
-  children
-}) {
-  const [visibleLogData, setVisibleLogData] = react.useState([]);
-  const [temporalMarkers, setTemporalMarkers] = react.useState([]);
-  const [searchQuery, setSearchQuery] = react.useState("");
-  const [isCaseSensitive, setIsCaseSensitive] = react.useState(false);
-  const [isRegex, setIsRegex] = react.useState(false);
-  const internalTimelineState = chunkWJL5HMO6_cjs.useTimelineState(logData);
-  const hoveredId = externalHoveredId ?? internalTimelineState.hoveredId;
-  const setHoveredId = externalOnItemHover ?? internalTimelineState.setHoveredId;
-  const { visibleData, expandedItems, toggleItem, hasDescendants, dataWithMeta } = chunkEEGQLTSQ_cjs.useTreeState({
-    data: logData,
-    defaultExpanded: true
-  });
-  const { filteredData, searchResultsCount, isRegexValid, renderLabel, hasActiveSearch } = chunkEEGQLTSQ_cjs.useTreeSearch({
-    data: logData,
-    searchQuery,
-    isCaseSensitive,
-    isRegex
-  });
-  react.useEffect(() => {
-    const dataToUse = hasActiveSearch ? dataWithMeta.filter((item) => filteredData.some((f) => f.id === item.id)) : visibleData;
-    setVisibleLogData(dataToUse);
-  }, [filteredData, visibleData, dataWithMeta, hasActiveSearch]);
-  const {
-    viewStart,
-    viewDuration,
-    timelineContainerRef,
-    timeToPercent,
-    ticks,
-    eventDots,
-    handlePan,
-    handleZoomDragStart,
-    setViewStart,
-    setViewDuration,
-    cursorVisible,
-    cursorPosition,
-    cursorLabel,
-    showMagnet
-  } = chunkRJ7I6ZQK_cjs.useViewport({
-    visibleLogData,
-    onTemporalCursorChange,
-    temporalCursor
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk2CZEFXEW_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkG4FJGNY5_cjs.SyncScrollProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: chunkOHIB3TEN_cjs.cn(
-        "bg-bg-primary text-text-primary rounded-uk-md border-line-primary/50",
-        "mx-auto flex w-full flex-col overflow-hidden border font-sans",
-        "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-        className
-      ),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-full flex-row items-stretch", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: "border-line-primary/50 relative flex h-full flex-none flex-col border-r",
-            style: { width: panelWidth },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                chunk55RSKLJ5_cjs.TreeSearchBar,
-                {
-                  className: "p-1",
-                  searchQuery,
-                  setSearchQuery,
-                  isCaseSensitive,
-                  setIsCaseSensitive,
-                  isRegex,
-                  setIsRegex,
-                  isRegexValid,
-                  searchResultsCount
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkVBBJSIY7_cjs.SyncScroll, { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkHAVTMZR3_cjs.TreeView,
-                {
-                  data: hasActiveSearch ? dataWithMeta.filter((item) => filteredData.some((f) => f.id === item.id)) : visibleData,
-                  getIcon,
-                  expandedItems,
-                  onToggleItem: toggleItem,
-                  onItemHover: setHoveredId,
-                  hoveredId,
-                  hasDescendants,
-                  renderLabel
-                }
-              ) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            ref: timelineContainerRef,
-            className: "overflow-y-none scrollbar-hide relative flex h-full w-full flex-auto cursor-crosshair flex-col overflow-x-hidden pl-px active:cursor-grabbing",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-bg-primary sticky top-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-line-primary/50 relative h-8 border-b", children: [
-                ticks.map((marker, ind) => /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk6TSA7KXX_cjs.Tick,
-                  {
-                    time: marker.time,
-                    label: marker.label,
-                    timeToPercent,
-                    zIndex: ind < ticks.length - 1 ? 10 : 0
-                  },
-                  marker.time
-                )),
-                eventDots.map(({ time }, tickIndex) => /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkMVAFOQ67_cjs.TimeRuleEventDot,
-                  {
-                    percent: timeToPercent(time)
-                  },
-                  `snap-${time}-${tickIndex}`
-                ))
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                chunkZ6UDRPC2_cjs.WheelZoomContext,
-                {
-                  className: "scrollbar-hide relative h-full max-h-full overflow-auto",
-                  viewStart,
-                  viewDuration,
-                  onViewStartChange: setViewStart,
-                  onWindowChange: setViewDuration,
-                  minWindow,
-                  maxWindow: maxWindow ?? chunkG2ZYONQO_cjs.TOTAL_DURATION * 10,
-                  zoomFactor,
-                  enabled,
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(chunkVBBJSIY7_cjs.SyncDragY, { className: "scrollbar-hide hide-scrollbar relative h-full w-full", children: visibleLogData.map(
-                      (item, index) => item.time === void 0 ? (
-                        // Render TimelineProcessBar for duration events
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          chunkYXFHJKNW_cjs.TimelineProcessBar,
-                          {
-                            index,
-                            item,
-                            isHovered: hoveredId === item.id,
-                            onMouseEnter: () => setHoveredId(item.id),
-                            onMouseLeave: () => setHoveredId(null),
-                            onClick: (time) => {
-                              setTemporalMarkers((prev) => [...prev, time]);
-                            },
-                            viewStart,
-                            viewWindow: viewDuration,
-                            timeToPercent
-                          },
-                          item.id
-                        )
-                      ) : (
-                        // Render TimelineEvent for instant events (with time property)
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          chunkTUYG6BYZ_cjs.TimelineEvent,
-                          {
-                            item,
-                            isHovered: hoveredId === item.id,
-                            onMouseEnter: () => setHoveredId(item.id),
-                            onMouseLeave: () => setHoveredId(null),
-                            onClick: (time) => {
-                              setTemporalMarkers((prev) => [...prev, time]);
-                            },
-                            timeToPercent,
-                            index
-                          },
-                          item.id
-                        )
-                      )
-                    ) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(chunkVBBJSIY7_cjs.SyncScrollSlave, { className: "scrollbar-hide pointer-events-none absolute top-0 left-0 z-10 h-full w-2", children: visibleLogData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                      chunk5MNZYCN2_cjs.LeftWedge,
-                      {
-                        item,
-                        classes: chunkG2ZYONQO_cjs.rightWedgeClasses,
-                        viewStart,
-                        index
-                      },
-                      `left-wedge-${item.id}`
-                    )) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(chunkVBBJSIY7_cjs.SyncScrollSlave, { className: "scrollbar-hide pointer-events-none absolute top-0 right-0 z-10 h-full w-2", children: visibleLogData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                      chunk5MNZYCN2_cjs.RightWedge,
-                      {
-                        item,
-                        classes: chunkG2ZYONQO_cjs.leftWedgeClasses,
-                        viewEnd: viewStart + viewDuration,
-                        index
-                      },
-                      `right-wedge-${item.id}`
-                    )) }),
-                    children,
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-1 left-1/2 -translate-x-1/2 justify-center pb-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-                      chunkLP3AGGRK_cjs.NavigationControls,
-                      {
-                        viewDuration,
-                        handlePan,
-                        handleZoomDragStart
-                      }
-                    ) })
-                  ]
-                }
-              ),
-              temporalMarkers.map((time, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  className: "pointer-events-none absolute top-0 h-8 w-20 cursor-pointer",
-                  style: {
-                    zIndex: 110,
-                    left: `calc(${timeToPercent(time)}% - 2.5rem)`
-                  },
-                  onClick: () => {
-                    setTemporalMarkers((prev) => prev.filter((_, i) => i !== index));
-                  },
-                  title: "Click to remove marker",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-auto relative h-full w-full" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      chunk2J75MYQA_cjs.CursorOverlay,
-                      {
-                        left: 50,
-                        label: `T${index + 1}`,
-                        color: "#3b82f6",
-                        showReadout: true,
-                        variant: "static",
-                        zIndex: 110
-                      }
-                    )
-                  ]
-                },
-                `marker-${time}-${index}`
-              )),
-              cursorVisible && /* @__PURE__ */ jsxRuntime.jsx(
-                chunk2J75MYQA_cjs.CursorOverlay,
-                {
-                  left: cursorPosition,
-                  label: cursorLabel,
-                  color: "#ef4444",
-                  showReadout: true,
-                  showMagnet,
-                  className: "transition-opacity duration-150",
-                  zIndex: 100
-                }
-              )
-            ]
-          }
-        )
-      ] })
-    }
-  ) }) });
-}
-
-exports.Waterfall = Waterfall;