@vention/machine-ui 3.43.0 → 3.45.0

package/package.json

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

package/src/lib/components/shared/types/test-props.d.ts

@@ -0,0 +1,3 @@
+export interface TestProps {
+    "data-testid"?: string;
+}

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

@@ -1,12 +1,13 @@
 /// <reference types="react" />
 import { FormControlLabelProps } from "@mui/material";
 import "../../theme/machine-ui-theme";
+import { TestProps } from "../shared/types/test-props";
 export type VentionCheckboxSizes = "small" | "medium" | "large";
 export type VentionCheckboxLabelVariant = "default" | "bold";
 export type VentionCheckboxVariantStyle = "outlined";
 export type VentionCheckboxPosition = "left" | "right";
 export type VentionCheckboxTextAlign = "left" | "center" | "right";
-export interface VentionCheckboxProps extends Omit<FormControlLabelProps, "control" | "label"> {
+export interface VentionCheckboxProps extends Omit<FormControlLabelProps, "control" | "label">, TestProps {
     labelText?: string;
     helperText?: string;
     variant?: VentionCheckboxVariantStyle;

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

@@ -1,13 +1,13 @@
 import { Sizes, StrictExtract } from "../../theme/machine-ui-theme";
+import { TestProps } from "../shared/types/test-props";
 type VentionCounterSizes = StrictExtract<Sizes, "small" | "medium" | "large">;
 export type VentionCounterVariants = "filled" | "subtle" | "outlined";
 export type VentionCounterColors = "red" | "blue" | "green" | "yellow" | "black";
-interface VentionCounterProps {
+interface VentionCounterProps extends TestProps {
     color: VentionCounterColors;
     size: VentionCounterSizes;
     value: number;
     variant: VentionCounterVariants;
-    "data-testid"?: string;
 }
 export declare const VentionCounter: (props: VentionCounterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/lib/components/vention-input-group-label/vention-input-group-label.d.ts

@@ -0,0 +1,8 @@
+import { type FC, type ReactNode } from "react";
+interface VentionInputGroupLabelProps {
+    children: ReactNode;
+    variant: "shaded";
+}
+/** Label used for groups of inputs. */
+export declare const VentionInputGroupLabel: FC<VentionInputGroupLabelProps>;
+export {};

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

@@ -1,12 +1,12 @@
 import { Sizes, StrictExtract } from "../../theme/machine-ui-theme";
-interface VentionLinkProps {
+import { TestProps } from "../shared/types/test-props";
+interface VentionLinkProps extends TestProps {
     onClick: () => void;
     size?: StrictExtract<Sizes, "medium" | "large">;
     labelText?: string;
     disabled?: boolean;
     underlined?: boolean;
     external?: boolean;
-    "data-testid"?: string;
 }
 export declare const VentionLink: (inputProps: VentionLinkProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
 import { ReactNode } from "react";
-interface BaseProps {
+import { TestProps } from "../../shared/types/test-props";
+interface BaseProps extends TestProps {
     onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
     disabled?: boolean;
     leftElement?: ReactNode;
@@ -8,7 +9,6 @@ interface BaseProps {
     customID?: string;
     subMenuItems?: ReactNode;
     focused?: boolean;
-    "data-testid"?: string;
 }
 export type VentionMenuItemProps = ({
     labelText: string;

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

@@ -1,6 +1,7 @@
 import { VentionMenuItemProps } from "./vention-menu-item/vention-menu-item";
 import { PropsWithChildren } from "react";
-export type VentionMenuListProps = PropsWithChildren<{
+import { TestProps } from "../shared/types/test-props";
+export type VentionMenuListProps = PropsWithChildren<TestProps & {
     /**
      * Consider using composition
      * @example ```jsx
@@ -11,7 +12,6 @@ export type VentionMenuListProps = PropsWithChildren<{
      * ```
      */
     menuOptionsInfo?: VentionMenuItemProps[];
-    "data-testid"?: string;
     disableBoxShadow?: boolean;
 }>;
 export declare const VentionMenuList: ({ menuOptionsInfo, "data-testid": dataTestId, children, disableBoxShadow, }: VentionMenuListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,7 @@
 import { FormHelperTextProps, InputLabelProps, TextFieldProps } from "@mui/material";
 import { Sizes, StrictExtract } from "../../theme/machine-ui-theme";
 import { InputStates } from "../shared/types/input-types";
+import { TestProps } from "../shared/types/test-props";
 type VentionFormHelperTextProps = FormHelperTextProps & {
     "data-testid"?: string;
 };
@@ -8,12 +9,11 @@ type VentionInputLabelProps = Partial<InputLabelProps> & {
     "data-testid"?: string;
 };
 type VentionInputVariants = "outlined" | "shaded";
-export interface VentionTextInputProps extends Omit<TextFieldProps, "variant" | "error" | "disabled" | "FormHelperTextProps" | "size"> {
+export interface VentionTextInputProps extends Omit<TextFieldProps, "variant" | "error" | "disabled" | "FormHelperTextProps" | "size">, TestProps {
     variant?: VentionInputVariants;
     state?: InputStates;
     className?: string;
     FormHelperTextProps?: VentionFormHelperTextProps;
-    "data-testid"?: string;
     InputLabelProps?: VentionInputLabelProps;
     size?: StrictExtract<Sizes, "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large">;
     rightItemText?: string;

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

@@ -1,6 +1,7 @@
 import { TooltipProps } from "@mui/material";
 import "../../theme/machine-ui-theme";
-export interface VentionTooltipProps extends TooltipProps {
+import { TestProps } from "../shared/types/test-props";
+export interface VentionTooltipProps extends TooltipProps, TestProps {
     placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     classes?: Partial<ReturnType<typeof useStyles>["classes"]>;
 }