@vention/machine-ui 5.30.2 → 5.30.4

package/index.esm.js

@@ -11694,6 +11694,7 @@ const useStyles$e = tss.withParams().create(({
   return {
     root: {
       display: "flex",
+      cursor: "pointer",
       visibility: isVisible ? "visible" : "hidden",
       alignItems: "center",
       transition: "transform 0.2s",
@@ -11720,7 +11721,8 @@ const defaultProps$2 = {
   isRenaming: false,
   classes: {},
   children: [],
-  collapsible: true
+  collapsible: true,
+  selectable: true
 };
 const VentionTreeItem = /*#__PURE__*/forwardRef((inputProps, ref) => {
   const theme = useTheme();
@@ -11745,7 +11747,8 @@ const VentionTreeItem = /*#__PURE__*/forwardRef((inputProps, ref) => {
     dataTestid,
     isRenaming,
     onRenaming,
-    collapsible
+    collapsible,
+    selectable
   } = applyDefaultProps(inputProps, defaultProps$2);
   const [isHovering, setIsHovering] = useState(false);
   const [label, setLabel] = useState(labelText);
@@ -11758,7 +11761,8 @@ const VentionTreeItem = /*#__PURE__*/forwardRef((inputProps, ref) => {
     isSelected: isSelected,
     isExpanded,
     captionsRight: captionsRight,
-    indentLevel: indentLevel
+    indentLevel: indentLevel,
+    selectable
   });
   const handleRenaming = () => {
     if (onRenaming) {
@@ -11907,7 +11911,8 @@ const useStyles$d = tss.withParams().withNestedSelectors().create(({
   theme,
   classes,
   indentLevel,
-  captionsRight
+  captionsRight,
+  selectable
 }) => {
   const getBackgroundColor = () => {
     if (isSelected) return theme.palette.button.shaded;
@@ -11924,7 +11929,7 @@ const useStyles$d = tss.withParams().withNestedSelectors().create(({
     root: {
       display: "flex",
       flexDirection: "column",
-      cursor: "pointer",
+      cursor: selectable ? "pointer" : "default",
       backgroundColor: theme.palette.background.default,
       width: "100%"
     },
@@ -11945,7 +11950,7 @@ const useStyles$d = tss.withParams().withNestedSelectors().create(({
         visibility: "visible"
       },
       [`&:hover`]: {
-        border: isSelected ? invisibleBorder : `1px solid ${theme.palette.border.blueSelected}`
+        border: !selectable || isSelected ? invisibleBorder : `1px solid ${theme.palette.border.blueSelected}`
       },
       overflow: "hidden",
       gap: theme.spacing(2),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vention/machine-ui",
-  "version": "5.30.2",
+  "version": "5.30.4",
   "repository": {
     "type": "git",
     "url": "https://github.com/VentionCo/machine-cloud.git"

package/src/lib/components/vention-tree-item/vention-tree-item.d.ts

@@ -38,6 +38,8 @@ interface VentionTreeItemProps {
     dataTestid?: string | undefined;
     isExpanded?: boolean | undefined;
     collapsible?: boolean | undefined;
+    /** When false, a row does not select and shows no hover highlight. The caret still works. Defaults to true. */
+    selectable?: boolean | undefined;
 }
 export declare const VentionTreeItem: ForwardRefExoticComponent<VentionTreeItemProps & RefAttributes<HTMLDivElement>>;
 declare const useStyles: import("tss-react").Tss.UseStyles<{
@@ -48,5 +50,6 @@ declare const useStyles: import("tss-react").Tss.UseStyles<{
     isExpanded: boolean;
     captionsRight: VentionTreeItemProps["captionsRight"];
     indentLevel: number;
+    selectable: boolean;
 }, "label" | "root" | "iconContainer" | "labelContainer" | "actionButton" | "trailingElement" | "trailingElementShowOnHover" | "mainContent" | "singleLineContainer" | "captionRightContainer" | "captionRight" | "captionRightLabel" | "clickableCaptionRight" | "actionButtonsContainer" | "showOnHover" | "childrenItems" | "alertIcon", import("tss-react/mui").MuiThemeStyleOverridesPluginParams>;
 export {};