@vention/machine-ui 5.22.0 → 5.24.0

package/package.json

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

package/src/index.d.ts

@@ -15,6 +15,7 @@ export * from "./lib/components/vention-spinner/vention-spinner";
 export * from "./lib/components/vention-steps/vention-steps";
 export * from "./lib/components/vention-status-dot/vention-status-dot";
 export * from "./lib/components/vention-text-input/vention-text-input";
+export * from "./lib/components/vention-suggestions-input/vention-suggestions-input";
 export * from "./lib/components/vention-radio/vention-radio";
 export * from "./lib/components/vention-radio/vention-radio-tile/vention-radio-tile";
 export * from "./lib/components/vention-select/vention-select";

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

@@ -2,6 +2,8 @@ import { ReactNode } from "react";
 import { TestProps } from "../../shared/types/test-props";
 interface BaseProps extends TestProps {
     onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
+    onMouseEnter?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
+    className?: string;
     disabled?: boolean;
     leftElement?: ReactNode;
     shortcutKey?: string;

package/src/lib/components/vention-menu/vention-menu-list.d.ts

@@ -13,5 +13,6 @@ export type VentionMenuListProps = PropsWithChildren<TestProps & {
      */
     menuOptionsInfo?: VentionMenuItemProps[];
     disableBoxShadow?: boolean;
+    className?: string;
 }>;
-export declare const VentionMenuList: ({ menuOptionsInfo, "data-testid": dataTestId, children, disableBoxShadow, }: VentionMenuListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VentionMenuList: ({ menuOptionsInfo, "data-testid": dataTestId, children, disableBoxShadow, className, }: VentionMenuListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,21 +2,30 @@ import { SelectChangeEvent, SelectProps } from "@mui/material";
 import { Sizes, StrictExtract } from "../../theme/machine-ui-theme";
 import { ReactNode } from "react";
 import { InputStates } from "../shared/types/input-types";
+import { DuotoneIconType, IconType } from "../vention-icon/vention-icon";
 export type VentionSelectMenuItem<T> = {
+    type?: never;
     value: T;
     displayText?: string;
     displayNode?: ReactNode;
+    icon?: IconType | DuotoneIconType;
+    helperText?: string;
 };
+export type VentionSelectDivider = {
+    type: "divider";
+};
+export type VentionSelectItem<T> = VentionSelectMenuItem<T> | VentionSelectDivider;
 export interface VentionSelectProps extends Omit<SelectProps, "placeholder" | "size" | "defaultValue" | "label"> {
     size: StrictExtract<Sizes, "small" | "medium" | "large" | "x-large" | "xx-large">;
     variant: "outlined";
     value: string | number | string[] | number[] | undefined;
     onChange: (event: SelectChangeEvent<VentionSelectProps["value"]>, child: ReactNode) => void;
-    menuItems: ReadonlyArray<VentionSelectMenuItem<string | number | undefined>>;
+    menuItems: ReadonlyArray<VentionSelectItem<string | number | undefined>>;
     labelText?: string;
     isDisabled?: boolean;
     placeholder?: string;
     errorText?: string;
+    helperText?: string;
     isMultiple?: boolean;
     state?: StrictExtract<InputStates, "default" | "warning">;
 }

package/src/lib/components/vention-suggestions-input/vention-suggestions-input.d.ts

@@ -0,0 +1,27 @@
+import { VentionTextInputProps } from "../vention-text-input/vention-text-input";
+import { VentionSuggestionProps } from "./vention-suggestions-list";
+export declare const DEFAULT_MIN_SUGGESTION_CHARACTERS = 1;
+export declare const DEFAULT_MAX_VISIBLE_SUGGESTIONS = 50;
+interface BaseSuggestionsInputProps extends Omit<VentionTextInputProps, "value" | "defaultValue" | "select" | "size" | "InputProps" | "inputProps"> {
+    suggestions: VentionSuggestionProps[];
+    size?: VentionTextInputProps["size"];
+    InputProps?: Omit<NonNullable<VentionTextInputProps["InputProps"]>, "ref">;
+    inputProps?: Omit<NonNullable<VentionTextInputProps["inputProps"]>, "autoComplete"> & {
+        autoComplete?: never;
+    };
+    onValueChange?: (value: string) => void;
+    onSuggestionSelect?: (suggestion: VentionSuggestionProps) => void;
+    getSelectedText?: (suggestion: VentionSuggestionProps) => string;
+    minSuggestionCharacters?: number;
+    maxVisibleSuggestions?: number;
+    suggestionsDataTestId?: string;
+}
+export type VentionSuggestionsInputProps = (BaseSuggestionsInputProps & {
+    value: string;
+    defaultValue?: never;
+}) | (BaseSuggestionsInputProps & {
+    value?: never;
+    defaultValue?: string;
+});
+export declare const VentionSuggestionsInput: ({ suggestions, size, state, value, defaultValue, onValueChange, onSuggestionSelect, getSelectedText, minSuggestionCharacters, maxVisibleSuggestions, suggestionsDataTestId, onChange, onFocus, onBlur, onKeyDown, ...textInputProps }: VentionSuggestionsInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/lib/components/vention-suggestions-input/vention-suggestions-list.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from "react";
+import { TestProps } from "../shared/types/test-props";
+import { VentionTextInputProps } from "../vention-text-input/vention-text-input";
+type SuggestionsSize = NonNullable<VentionTextInputProps["size"]>;
+export interface VentionSuggestionProps extends TestProps {
+    value: string;
+    searchText?: string;
+    children: ReactNode;
+    disabled?: boolean;
+}
+export interface VentionSuggestionsListProps extends TestProps {
+    suggestions: VentionSuggestionProps[];
+    size: SuggestionsSize;
+    highlightedIndex: number;
+    onSelect: (suggestion: VentionSuggestionProps) => void;
+    onHighlight: (index: number) => void;
+}
+export declare const VentionSuggestionsList: ({ suggestions, size, highlightedIndex, onSelect, onHighlight, "data-testid": dataTestId, }: VentionSuggestionsListProps) => import("react/jsx-runtime").JSX.Element;
+export {};