@underverse-ui/underverse 1.0.78 → 1.0.79

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.78",
+  "version": "1.0.79",
   "sourceEntry": "src/index.ts",
   "totalExports": 225,
   "exports": [

package/dist/index.cjs

@@ -16375,6 +16375,7 @@ function CategoryTreeSelect(props) {
     onNodeClick,
     className,
     useOverlayScrollbar = false,
+    leafOnlySelect = false,
     singleSelect = false
   } = props;
   const [isOpen, setIsOpen] = (0, import_react22.useState)(false);
@@ -16470,7 +16471,12 @@ function CategoryTreeSelect(props) {
   };
   const handleSelect = (categoryId, category) => {
     if (viewOnly) return;
+    const hasChildren = (childrenMap.get(categoryId) ?? []).length > 0;
     onNodeClick?.(category);
+    if (leafOnlySelect && hasChildren) {
+      toggleExpand(categoryId);
+      return;
+    }
     if (!props.onChange) return;
     if (singleSelect) {
       const onChange = props.onChange;
@@ -16504,6 +16510,7 @@ function CategoryTreeSelect(props) {
     const hasChildren = children.length > 0;
     const isExpanded = hasChildren && (isSearchMode || expandedNodes.has(category.id));
     const isSelected = selectedIds.has(category.id);
+    const isSelectable = !viewOnly && (!leafOnlySelect || !hasChildren);
     return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
       "div",
       {
@@ -16516,9 +16523,8 @@ function CategoryTreeSelect(props) {
               onClick: () => !viewOnly && handleSelect(category.id, category),
               className: cn(
                 "relative flex min-w-0 items-center gap-2.5 px-3 py-2.5 min-h-11 transition-all duration-200 rounded-3xl",
-                // Không phân biệt parent/child - đồng bộ màu
-                !viewOnly && "cursor-pointer",
-                !viewOnly && !isSelected && "hover:bg-accent/50",
+                !viewOnly && (isSelectable ? "cursor-pointer" : "cursor-default"),
+                isSelectable && !isSelected && "hover:bg-accent/50",
                 // Selected state - đồng bộ cho tất cả
                 !viewOnly && isSelected && "bg-accent/40"
               ),
@@ -16558,7 +16564,8 @@ function CategoryTreeSelect(props) {
                       {
                         className: cn(
                           "min-w-0 flex-1 text-sm leading-snug break-words [overflow-wrap:anywhere] transition-all duration-200",
-                          isSelected ? "font-semibold text-primary" : "text-foreground/80"
+                          isSelected ? "font-semibold text-primary" : "text-foreground/80",
+                          !isSelectable && "text-foreground"
                         ),
                         children: category.name
                       }