@vention/machine-ui 3.37.0 → 3.38.0

package/index.esm.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Typography, Button, Stack, Box as Box$1, Grid, IconButton, ClickAwayListener, Modal, linearProgressClasses, LinearProgress, InputAdornment, TextField, Radio, FormControlLabel, FormControl, Select, MenuItem, FormHelperText, ButtonGroup, Paper, Card, CardMedia, CardContent, ListItemIcon, ListItemText, Popover, MenuList, useTheme as useTheme$1, Drawer, 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 { forwardRef, useState, cloneElement, useRef, useCallback, lazy, memo, Suspense, useMemo, useEffect, createContext, useContext, useImperativeHandle, Children, Fragment as Fragment$1, useReducer } from 'react';
+import { forwardRef, useState, cloneElement, useRef, useEffect, useCallback, lazy, memo, Suspense, useMemo, createContext, useContext, useImperativeHandle, Children, Fragment as Fragment$1, useReducer } from 'react';
 import { tss } from 'tss-react/mui';
 import Box from '@mui/material/Box';
 import CircularProgress from '@mui/material/CircularProgress';
@@ -3376,6 +3376,7 @@ const VentionDropdownButton = _a => {
       disabled = false,
       onClose,
       onOpen,
+      isOpen = false,
       icon,
       badgeText,
       label,
@@ -3386,7 +3387,7 @@ const VentionDropdownButton = _a => {
       menuAlignment = "start",
       onClick
     } = _a,
-    other = __rest(_a, ["variant", "size", "className", "disabled", "onClose", "onOpen", "icon", "badgeText", "label", "stroke", "contentColor", "children", "menuPlacement", "menuAlignment", "onClick"]);
+    other = __rest(_a, ["variant", "size", "className", "disabled", "onClose", "onOpen", "isOpen", "icon", "badgeText", "label", "stroke", "contentColor", "children", "menuPlacement", "menuAlignment", "onClick"]);
   const {
     classes,
     cx
@@ -3400,6 +3401,9 @@ const VentionDropdownButton = _a => {
   const ref = useRef(null);
   const [showDropdown, setShowDropdownInternal] = useState(false);
   const Chevron = showDropdown ? IconChevronUp : IconChevronDown;
+  useEffect(() => {
+    setShowDropdownInternal(isOpen);
+  }, [isOpen]);
   const handleClick = useCallback(event => {
     if (!showDropdown) {
       setShowDropdownInternal(true);
@@ -3466,9 +3470,8 @@ const useStyles$A = tss.withParams().create(({
       height: getButtonHeight(size, theme),
       padding: BUTTON_PADDINGS[size],
       backgroundColor: stylingProperties.backgroundColor,
-      borderColor: theme.palette.border.main,
       borderRadius: stylingProperties.borderRadius,
-      outline: stylingProperties.border,
+      border: stylingProperties.border,
       color,
       "&:hover": {
         backgroundColor: stylingProperties.backgroundColorOnHover

package/package.json

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

package/src/lib/components/vention-button/vention-dropdown-button/vention-dropdown-button.d.ts

@@ -21,9 +21,11 @@ export interface VentionDropdownButtonProps extends Omit<ButtonProps, "size" | "
     onClose?: (() => void) | undefined;
     /** Callback function called when the dropdown is opened. */
     onOpen?: (() => void) | undefined;
+    /** Is it initially open? Default is false */
+    isOpen?: boolean;
     /** Placement of the menu relative to the button. */
     menuPlacement?: PositionedMenuPlacement | undefined;
     /** Alignment of the menu relative to the button. */
     menuAlignment?: PositionedMenuAlignment | undefined;
 }
-export declare const VentionDropdownButton: ({ variant, size, className, disabled, onClose, onOpen, icon, badgeText, label, stroke, contentColor, children, menuPlacement, menuAlignment, onClick, ...other }: VentionDropdownButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VentionDropdownButton: ({ variant, size, className, disabled, onClose, onOpen, isOpen, icon, badgeText, label, stroke, contentColor, children, menuPlacement, menuAlignment, onClick, ...other }: VentionDropdownButtonProps) => import("react/jsx-runtime").JSX.Element;