@vention/machine-ui 5.30.3 → 5.30.5

package/index.esm.js

@@ -4003,6 +4003,11 @@ const TYPOGRAPHY = {
     lineHeight: "20px"
   },
   // Code (monospace) Text
+  code16Reg: {
+    fontFamily: "Roboto Mono, monospace",
+    fontSize: 16,
+    lineHeight: "24px"
+  },
   code14Reg: {
     fontFamily: "Roboto Mono, monospace",
     fontSize: 14,
@@ -11694,6 +11699,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 +11726,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 +11752,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 +11766,8 @@ const VentionTreeItem = /*#__PURE__*/forwardRef((inputProps, ref) => {
     isSelected: isSelected,
     isExpanded,
     captionsRight: captionsRight,
-    indentLevel: indentLevel
+    indentLevel: indentLevel,
+    selectable
   });
   const handleRenaming = () => {
     if (onRenaming) {
@@ -11907,7 +11916,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 +11934,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 +11955,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.3",
+  "version": "5.30.5",
   "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 {};

package/src/lib/theme/machine-ui-theme.d.ts

@@ -22,6 +22,7 @@ declare module "@mui/material/styles" {
         paragraph16Medium: React.CSSProperties;
         paragraph16Regular: React.CSSProperties;
         paragraph14Regular: React.CSSProperties;
+        code16Reg: React.CSSProperties;
         code14Reg: React.CSSProperties;
         code12Reg: React.CSSProperties;
         uiText14SemiBold: React.CSSProperties;
@@ -225,6 +226,7 @@ declare module "@mui/material/Typography" {
         paragraph16Medium: true;
         paragraph16Regular: true;
         paragraph14Regular: true;
+        code16Reg: true;
         code14Reg: true;
         code12Reg: true;
         uiText18SemiBold: true;

package/src/lib/theme/typography.d.ts

@@ -69,6 +69,11 @@ export declare const TYPOGRAPHY: {
         fontWeight: number;
         lineHeight: string;
     };
+    code16Reg: {
+        fontFamily: string;
+        fontSize: number;
+        lineHeight: string;
+    };
     code14Reg: {
         fontFamily: string;
         fontSize: number;