@underverse-ui/underverse 1.0.78 → 1.0.79

package/dist/index.d.cts

@@ -1691,6 +1691,8 @@ interface CategoryTreeSelectBaseProps {
     className?: string;
     /** Enable OverlayScrollbars for dropdown tree viewport. Default: false */
     useOverlayScrollbar?: boolean;
+    /** When true, only leaf nodes can be selected; parent nodes only expand/collapse */
+    leafOnlySelect?: boolean;
 }
 interface CategoryTreeSelectMultiProps extends CategoryTreeSelectBaseProps {
     singleSelect?: false;

package/dist/index.d.ts

@@ -1691,6 +1691,8 @@ interface CategoryTreeSelectBaseProps {
     className?: string;
     /** Enable OverlayScrollbars for dropdown tree viewport. Default: false */
     useOverlayScrollbar?: boolean;
+    /** When true, only leaf nodes can be selected; parent nodes only expand/collapse */
+    leafOnlySelect?: boolean;
 }
 interface CategoryTreeSelectMultiProps extends CategoryTreeSelectBaseProps {
     singleSelect?: false;

package/dist/index.js

@@ -16190,6 +16190,7 @@ function CategoryTreeSelect(props) {
     onNodeClick,
     className,
     useOverlayScrollbar = false,
+    leafOnlySelect = false,
     singleSelect = false
   } = props;
   const [isOpen, setIsOpen] = useState30(false);
@@ -16285,7 +16286,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;
@@ -16319,6 +16325,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__ */ jsxs39(
       "div",
       {
@@ -16331,9 +16338,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"
               ),
@@ -16373,7 +16379,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
                       }