@vuer-ai/vuer-uikit 0.0.75 → 0.0.76

package/dist/chunk-IMN6FIOY.cjs

@@ -0,0 +1,187 @@
+'use strict';
+
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function TreeView({
+  data,
+  getIcon,
+  expandedItems,
+  onToggleItem,
+  onItemHover,
+  hoveredId,
+  isSelectable = false,
+  selectedItemId,
+  onSelectChange,
+  alwaysShowExpand = false,
+  hasDescendants = () => false,
+  renderLabel = (label) => label,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkOHIB3TEN_cjs.cn("flex-1 overflow-y-auto", className), children: data.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+    TreeEntryItem,
+    {
+      item,
+      hoveredId,
+      onItemHover,
+      isSelectable,
+      selectedItemId,
+      onSelectChange,
+      expandedItems,
+      toggleItem: onToggleItem,
+      alwaysShowExpand,
+      hasDescendants,
+      getIcon,
+      renderLabel,
+      dataWithMeta: data
+    },
+    item.id
+  )) });
+}
+function TreeEntryItem({
+  item,
+  hoveredId,
+  onItemHover,
+  isSelectable,
+  selectedItemId,
+  onSelectChange,
+  expandedItems,
+  toggleItem,
+  alwaysShowExpand,
+  hasDescendants,
+  getIcon,
+  renderLabel,
+  dataWithMeta
+}) {
+  const handleItemSelect = () => {
+    if (!item.disable && isSelectable && onSelectChange) {
+      onSelectChange(selectedItemId === item.id ? null : item.id);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunkOHIB3TEN_cjs.cn(
+        "group relative flex h-[32px] items-center",
+        isSelectable && "rounded-uk-md",
+        !item.disable && "cursor-pointer",
+        hoveredId === item.id && !item.disable && "bg-bg-secondary",
+        isSelectable && selectedItemId === item.id && "bg-brand-primary text-text-withbg"
+      ),
+      onMouseEnter: () => onItemHover?.(item.id),
+      onMouseLeave: () => onItemHover?.(null),
+      onClick: handleItemSelect,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-0 left-[-0.28rem] z-0 flex h-full items-center", children: [
+          item.ancestors.map((ancestor, index) => {
+            const parentIsLast = dataWithMeta.find((d) => d.id === ancestor.id)?.isLast;
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: chunkOHIB3TEN_cjs.cn(
+                  "h-full w-[1.25rem]",
+                  parentIsLast ? "" : "border-l",
+                  "border-line-primary"
+                )
+              },
+              index
+            );
+          }),
+          item.indent > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-full w-[1.24rem]", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: chunkOHIB3TEN_cjs.cn(
+                  "absolute top-0 left-0 h-1/2 w-1/2 border-b border-l",
+                  item.isLast ? "rounded-bl-md" : "",
+                  "border-line-primary"
+                )
+              }
+            ),
+            !item.isLast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-line-primary absolute top-1/2 left-0 h-1/2 w-1/2 border-l" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "text-uk-md z-10 flex w-full items-center justify-between gap-2 px-2 whitespace-nowrap",
+            style: { paddingLeft: `${item.indent * 1.25 + 0.5}rem` },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+                alwaysShowExpand && hasDescendants(item.id) && !expandedItems.has(item.id) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        toggleItem(item.id);
+                      },
+                      className: "flex size-4 cursor-pointer items-center justify-center",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        lucideReact.ChevronDown,
+                        {
+                          className: chunkOHIB3TEN_cjs.cn(
+                            "size-4 -rotate-90 transition-transform",
+                            item.disable && "text-icon-tertiary"
+                          )
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: chunkOHIB3TEN_cjs.cn(
+                        "flex size-4 items-center justify-center",
+                        item.disable && "text-icon-tertiary"
+                      ),
+                      children: getIcon(item)
+                    }
+                  )
+                ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex size-4 items-center justify-center", children: [
+                  item.isCollapsible && /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        toggleItem(item.id);
+                      },
+                      className: "absolute z-20 flex cursor-pointer items-center justify-center opacity-0 transition-opacity group-hover:opacity-100",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        lucideReact.ChevronDown,
+                        {
+                          className: chunkOHIB3TEN_cjs.cn(
+                            "size-4 transition-transform",
+                            !expandedItems.has(item.id) && "-rotate-90",
+                            item.disable && "text-icon-tertiary"
+                          )
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: chunkOHIB3TEN_cjs.cn(
+                        "cursor-pointer transition-opacity",
+                        item.isCollapsible && "group-hover:opacity-0",
+                        item.disable && "text-icon-tertiary"
+                      ),
+                      children: getIcon(item)
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkOHIB3TEN_cjs.cn("truncate", item.disable && "text-text-tertiary"), children: renderLabel(item.label, item.id) })
+              ] }),
+              item.actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", onClick: (e) => e.stopPropagation(), children: item.actions })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+exports.TreeEntryItem = TreeEntryItem;
+exports.TreeView = TreeView;

package/dist/{chunk-P27TWGME.cjs → chunk-IQAZZPJD.cjs}

@@ -4,9 +4,9 @@ var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var PACKAGE_VERSION = "0.0.74" ;
+var PACKAGE_VERSION = "0.0.76" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
-var GIT_HASH = "5cd2f59" ;
+var GIT_HASH = "9073cde" ;
 function PackageBadge({
   className,
   packageName,

package/dist/chunk-KFPS5CCR.cjs

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/{chunk-P5T6EVSQ.mjs → chunk-LBENVTO2.mjs}

@@ -1,4 +1,4 @@
-import { TreeView } from './chunk-ILGNKXK2.mjs';
+import { TreeView } from './chunk-OEM5OJDP.mjs';
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-PCSY5IJ2.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
 import { Magnet, ChevronLeft, ChevronRight } from 'lucide-react';

package/dist/{chunk-NS2P4CPA.mjs → chunk-MMT74K7A.mjs}

@@ -1,15 +1,15 @@
 import { useTimelineState } from './chunk-JWKOW2OV.mjs';
 import { useViewport } from './chunk-VPQ5SSY3.mjs';
-import { WheelZoomContext } from './chunk-CIPI2V54.mjs';
-import { CursorOverlay } from './chunk-SA5WKLYB.mjs';
-import { NavigationControls } from './chunk-5EXV5EWF.mjs';
 import { Tick } from './chunk-K22BEXUA.mjs';
 import { TimeRuleEventDot } from './chunk-OC4HRPZU.mjs';
 import { TimelineEvent } from './chunk-N6DSPSMM.mjs';
 import { TimelineProcessBar } from './chunk-CO6EASQO.mjs';
-import { rightWedgeClasses, leftWedgeClasses, TOTAL_DURATION } from './chunk-4U232QAX.mjs';
 import { LeftWedge, RightWedge } from './chunk-IR334P7F.mjs';
-import { TreeView } from './chunk-ILGNKXK2.mjs';
+import { WheelZoomContext } from './chunk-CIPI2V54.mjs';
+import { CursorOverlay } from './chunk-SA5WKLYB.mjs';
+import { NavigationControls } from './chunk-5EXV5EWF.mjs';
+import { rightWedgeClasses, leftWedgeClasses, TOTAL_DURATION } from './chunk-4U232QAX.mjs';
+import { TreeView } from './chunk-OEM5OJDP.mjs';
 import { TooltipProvider } from './chunk-PCSY5IJ2.mjs';
 import { SyncDragY, SyncScrollSlave } from './chunk-BEJIZ56L.mjs';
 import { SyncScrollProvider } from './chunk-SAGQV2YZ.mjs';