@vention/machine-ui 5.30.10 → 5.30.12

package/index.esm.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Typography, useTheme, Button, Stack, Box as Box$1, Grid, IconButton, ClickAwayListener, Modal, CircularProgress as CircularProgress$1, linearProgressClasses, LinearProgress, Skeleton, InputAdornment, TextField, MenuList, MenuItem, ListItemIcon, ListItemText, Popover, Popper, Radio, FormControlLabel, FormControl, Select, FormHelperText, ButtonGroup, Paper, Card, CardMedia, CardContent, Drawer, Autocomplete, Tooltip, Checkbox } from '@mui/material';
 import { IconCheck, IconAlertTriangleFilled, IconAlertTriangle, IconExclamationMark, IconExternalLink, IconX, IconInfoCircleFilled, IconCircleCheckFilled, IconChevronUp, IconChevronDown, IconInfoCircle, IconInfoSmall, IconMinus, IconPlus, IconLoader2, IconCaretRightFilled, IconChevronsRight, IconChevronsLeft, IconChevronRight } from '@tabler/icons-react';
+import * as React from 'react';
 import { lazy, memo, Suspense, forwardRef, useState, cloneElement, useRef, useEffect, useCallback, createContext, useContext, useImperativeHandle, useMemo, Children, Fragment as Fragment$1, useReducer, useLayoutEffect } from 'react';
 import { tss } from 'tss-react/mui';
 import Box from '@mui/material/Box';
@@ -1641,9 +1642,19 @@ for (var COLLECTION_NAME in DOMIterables) {
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
 // utility functions for Machine UI here
-//The following function already exists in shared-utils.ts but that increases bundle size for Machine UI package
+/**
+ * Replacement for `Component.defaultProps`, which React 19 no longer applies to function components.
+ * Follows React's rule: a default is used when the prop is missing or explicitly `undefined`.
+ * To opt out of a default (e.g. hide a default icon), the component must accept `null` for that prop.
+ */
 function applyDefaultProps(inputProps, defaultProps) {
-  return Object.assign(Object.assign({}, defaultProps), inputProps);
+  const resolvedProps = Object.assign({}, inputProps);
+  for (const key of Object.keys(defaultProps)) {
+    if (resolvedProps[key] === undefined) {
+      resolvedProps[key] = defaultProps[key];
+    }
+  }
+  return resolvedProps;
 }
 
 /******************************************************************************
@@ -1988,7 +1999,8 @@ const defaultProps$8 = {
   size: "medium",
   colored: false
 };
-const VentionSpinner = props => {
+const VentionSpinner = inputProps => {
+  const props = applyDefaultProps(inputProps, defaultProps$8);
   const {
     classes
   } = useStyles$P({
@@ -2157,7 +2169,6 @@ const SPINNER_SIZES = {
     iconSize: 24
   }
 };
-VentionSpinner.defaultProps = defaultProps$8;
 
 /* global Bun, Deno -- detection */
 var globalThis$h = globalThis_1;
@@ -7335,7 +7346,6 @@ const PROGRESS_BAR_SIZES = {
     borderRadius: 0
   }
 };
-VentionProgressBar.defaultProps = defaultProps$5;
 
 function VentionSkeleton(props) {
   var _a;
@@ -10841,10 +10851,14 @@ const VentionDraggable = props => {
   const {
     classes
   } = useStyles$k(props);
+  // Passing nodeRef stops react-draggable from calling findDOMNode, which React 19 removed.
+  const draggableNodeRef = React.useRef(null);
   return jsx(Draggable, {
     handle: "#draggable-area",
     positionOffset: props.defaultPosition,
+    nodeRef: draggableNodeRef,
     children: jsx(Box$1, {
+      ref: draggableNodeRef,
       className: classes.container,
       id: props.tabLocation == null ? "draggable-area" : null,
       "data-testid": testIds.body,
@@ -11803,7 +11817,7 @@ const VentionTreeItem = /*#__PURE__*/forwardRef((inputProps, ref) => {
     onClick: handleOnClick,
     ref: ref,
     children: [jsxs("div", {
-      "aria-selected": isSelected,
+      "aria-selected": selectable ? isSelected : undefined,
       "data-testid": testId,
       className: classes.mainContent,
       onContextMenu: event => onContextMenu === null || onContextMenu === void 0 ? void 0 : onContextMenu(event),
@@ -13190,6 +13204,7 @@ const VentionCombobox = props => {
   const labelTypography = typographyNameFromSizeMap[size].label;
   const handleClick = event => {
     setAnchorEl(event.currentTarget);
+    /* v8 ignore else -- buttonRef is attached to the button that fires this click */
     if (buttonRef.current) {
       setMenuWidth(buttonRef.current.offsetWidth);
     }
@@ -14896,7 +14911,7 @@ function VentionDropZone({
     title: defaultTitle,
     errorMessages: []
   });
-  const fileInputRef = useRef();
+  const fileInputRef = useRef(null);
   const {
     classes
   } = useStyle({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vention/machine-ui",
-  "version": "5.30.10",
+  "version": "5.30.12",
   "repository": {
     "type": "git",
     "url": "https://github.com/VentionCo/machine-cloud.git"
@@ -14,9 +14,9 @@
     "tss-react": "^4.9.20"
   },
   "peerDependencies": {
-    "@mui/material": "5.16.7",
-    "react": "17.0.2",
-    "react-dom": "17.0.2"
+    "@mui/material": "^5.16.7",
+    "react": "^17.0.2 || ^19.3.0",
+    "react-dom": "^17.0.2 || ^19.3.0"
   },
   "module": "./index.esm.js",
   "main": "./index.esm.js",

package/src/lib/components/shared/vention-positioned-component.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import type { JSX } from "react";
 export type AnchorPosition = {
     top: number;
     left: number;

package/src/lib/components/vention-alert/vention-alert-utils.d.ts

@@ -11,7 +11,8 @@ export interface VentionAlertProps {
     onCloseButtonClick?: () => void;
     size?: StrictExtract<Sizes, "small" | "medium" | "large" | "xx-large">;
     descriptionText?: ReactElement | string;
-    leftIcon?: ReactElement | undefined;
+    /** Defaults to the severity's icon. Pass `null` to show no icon. */
+    leftIcon?: ReactElement | null;
     rightIcon?: ReactElement | undefined;
     title?: ReactElement | string;
     isCloseable?: boolean;

package/src/lib/components/vention-callout/vention-callout.d.ts

@@ -11,7 +11,8 @@ export interface VentionCalloutProps {
     onSecondaryButtonClick?: () => void;
     size?: StrictExtract<Sizes, "small" | "medium">;
     descriptionText?: string;
-    leftIcon?: ReactElement | undefined;
+    /** Defaults to an info icon. Pass `null` to show no icon. */
+    leftIcon?: ReactElement | null;
     title?: string;
     isCloseable?: boolean;
     variant?: "shaded" | "outline";

package/src/lib/components/vention-dropzone/vention-dropzone.d.ts

@@ -1,3 +1,4 @@
+import type { JSX } from "react";
 import { DropZoneSize, DropZoneStyle } from "./vention-dropzone-utils";
 export type DropZoneProps = {
     style: DropZoneStyle;

package/src/lib/components/vention-progress-bar/vention-progress-bar.d.ts

@@ -9,7 +9,4 @@ export interface VentionProgressBarProps {
     helperText?: string;
     statusText?: string;
 }
-export declare const VentionProgressBar: {
-    (inputProps: VentionProgressBarProps): import("react/jsx-runtime").JSX.Element;
-    defaultProps: Partial<VentionProgressBarProps>;
-};
+export declare const VentionProgressBar: (inputProps: VentionProgressBarProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/vention-spinner/vention-spinner.d.ts

@@ -7,7 +7,4 @@ export interface VentionSpinnerProps {
     label?: string;
     color?: string;
 }
-export declare const VentionSpinner: {
-    (props: VentionSpinnerProps): import("react/jsx-runtime").JSX.Element;
-    defaultProps: Partial<VentionSpinnerProps>;
-};
+export declare const VentionSpinner: (inputProps: VentionSpinnerProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/vention-steps/vention-steps.d.ts

@@ -1,4 +1,5 @@
 import { Sizes, StrictExtract } from "../../theme/machine-ui-theme";
+import type { JSX } from "react";
 interface Step {
     title: string;
     description?: string;

package/src/lib/components/vention-uploadfile/vention-uploadfile.d.ts

@@ -1,3 +1,4 @@
+import type { JSX } from "react";
 import { type UploadedFileProps } from "./vention-uploadfile-utils";
 /**
  * A component that displays an uploaded file with its upload status, file name, file size, and a remove button.

package/src/lib/testing/utils.d.ts

@@ -1,4 +1,4 @@
-import "@testing-library/jest-dom";
+import "@testing-library/jest-dom/vitest";
 import { RenderResult } from "@testing-library/react";
 import { ReactElement } from "react";
 export declare const setupUser: () => import("@testing-library/user-event").UserEvent;

package/src/lib/utilities.d.ts

@@ -1,4 +1,9 @@
-export declare function applyDefaultProps<T>(inputProps: T, defaultProps: Partial<T>): Partial<T> & T;
+/**
+ * Replacement for `Component.defaultProps`, which React 19 no longer applies to function components.
+ * Follows React's rule: a default is used when the prop is missing or explicitly `undefined`.
+ * To opt out of a default (e.g. hide a default icon), the component must accept `null` for that prop.
+ */
+export declare function applyDefaultProps<T extends object>(inputProps: T, defaultProps: Partial<T>): T;
 /**
  * Retrieves anything from the MachineUi S3 bucket
  * @param path string