@wavelengthusaf/components 2.8.1 → 2.9.1

package/dist/cjs/index.d.cts

@@ -1,8 +1,7 @@
 import * as React$1 from 'react';
 import React__default, { ReactNode, ReactElement } from 'react';
-import { SxProps, Theme } from '@mui/material/styles';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TextFieldVariants, SxProps as SxProps$1, Theme as Theme$1 } from '@mui/material';
+import { TextFieldVariants, SxProps, Theme } from '@mui/material';
 import { Mark } from '@mui/material/Slider/useSlider.types';
 
 /**
@@ -21,22 +20,25 @@ declare function add(a: number, b: number): number;
  */
 declare function concat(a: string, b: string): string;
 
-interface OutlinedButtonProps {
-    id?: string;
-    variant: "outlined" | "contained" | "text" | "custom";
-    colorOne?: string;
-    colorTwo?: string;
-    onClick?: any;
+interface WavelengthButtonProps extends React__default.HTMLAttributes<HTMLElement> {
+    variant?: "contained" | "outlined" | "text";
+    size?: "small" | "medium" | "large";
+    height?: string;
+    width?: string;
     margin?: string;
     padding?: string;
-    autoFocus?: boolean;
+    colorOne?: string;
+    colorTwo?: string;
+    fontSize?: string;
     disabled?: boolean;
-    children?: ReactNode;
-    data_test?: string;
     borderRadius?: string;
-    mySx?: SxProps<Theme> | undefined;
+    onClick?: React__default.MouseEventHandler<HTMLElement>;
+    children?: React__default.ReactNode;
+    href?: string;
+    target?: "_self" | "_blank" | "_parent" | "_top";
+    boxShadow?: string;
 }
-declare function WavelengthButton({ id, variant, colorOne, colorTwo, margin, padding, autoFocus, disabled, onClick, children, borderRadius, mySx }: OutlinedButtonProps): React__default.JSX.Element;
+declare const WavelengthButton: React__default.FC<WavelengthButtonProps>;
 
 interface ButtonProps {
     onClick?: any;
@@ -226,8 +228,9 @@ interface DragAndDropProps {
     allowedFileMIME?: string[];
     allowedFileExtensions?: string;
     backgroundColor?: string;
+    dataTestId?: string;
 }
-declare function WavelengthDragAndDrop({ width, height, onFilesSelected, border, textColor, fontSize, allowedFileMIME, allowedFileExtensions, backgroundColor, }: DragAndDropProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthDragAndDrop({ width, height, onFilesSelected, border, textColor, fontSize, allowedFileMIME, allowedFileExtensions, backgroundColor, dataTestId, }: DragAndDropProps): react_jsx_runtime.JSX.Element;
 
 interface ProgressProps {
     name?: string;
@@ -238,8 +241,9 @@ interface ProgressProps {
     progressColor?: string;
     value?: number;
     textColor?: string;
+    dataTestId?: string;
 }
-declare function WavelengthProgressBar({ width, height, backgroundColor, borderRadius, progressColor, value, name, textColor }: ProgressProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthProgressBar({ dataTestId, width, height, backgroundColor, borderRadius, progressColor, value, name, textColor }: ProgressProps): react_jsx_runtime.JSX.Element;
 
 interface CommentProps {
     width?: string;
@@ -252,6 +256,7 @@ interface CommentProps {
     backgroundColor?: string;
     border?: string;
     iconSelectedColor?: string;
+    dataTestId?: string;
 }
 declare function WavelengthCommentDisplay(props: CommentProps): react_jsx_runtime.JSX.Element;
 
@@ -363,7 +368,7 @@ interface DropdownProps {
     palette: "brewery" | "custom";
     width: string;
     options: menuOptions[];
-    buttonSx?: SxProps$1<Theme$1> | undefined;
+    buttonSx?: SxProps<Theme> | undefined;
     menuSx?: MenuSxProps;
     buttonText: string | ReactNode;
 }
@@ -526,4 +531,4 @@ type Props<T> = {
 };
 declare const WavelengthDataTable: <T extends DataType>({ data, columns, itemsPerPage, totalPages }: Props<T>) => react_jsx_runtime.JSX.Element;
 
-export { AppLogo, ButtonIcon, ButtonMenu, DefaultCarousel, DefaultIcon, DefaultPagination, ManyPlanesComponent, NotAvailablePage, type SearchProps, type SearchResult, SearchTextField, SliderCardCarousel, type StyledButtonPropsTwo, TestSnackbar, type ThemeProperties, WavelengthAppTheme, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFooter, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTextField, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };
+export { AppLogo, ButtonIcon, ButtonMenu, DefaultCarousel, DefaultIcon, DefaultPagination, ManyPlanesComponent, NotAvailablePage, type SearchProps, type SearchResult, SearchTextField, SliderCardCarousel, type StyledButtonPropsTwo, TestSnackbar, type ThemeProperties, WavelengthAppTheme, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, type WavelengthButtonProps, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFooter, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTextField, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };

package/dist/esm/index.d.ts

@@ -1,8 +1,7 @@
 import * as React$1 from 'react';
 import React__default, { ReactNode, ReactElement } from 'react';
-import { SxProps, Theme } from '@mui/material/styles';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TextFieldVariants, SxProps as SxProps$1, Theme as Theme$1 } from '@mui/material';
+import { TextFieldVariants, SxProps, Theme } from '@mui/material';
 import { Mark } from '@mui/material/Slider/useSlider.types';
 
 /**
@@ -21,22 +20,25 @@ declare function add(a: number, b: number): number;
  */
 declare function concat(a: string, b: string): string;
 
-interface OutlinedButtonProps {
-    id?: string;
-    variant: "outlined" | "contained" | "text" | "custom";
-    colorOne?: string;
-    colorTwo?: string;
-    onClick?: any;
+interface WavelengthButtonProps extends React__default.HTMLAttributes<HTMLElement> {
+    variant?: "contained" | "outlined" | "text";
+    size?: "small" | "medium" | "large";
+    height?: string;
+    width?: string;
     margin?: string;
     padding?: string;
-    autoFocus?: boolean;
+    colorOne?: string;
+    colorTwo?: string;
+    fontSize?: string;
     disabled?: boolean;
-    children?: ReactNode;
-    data_test?: string;
     borderRadius?: string;
-    mySx?: SxProps<Theme> | undefined;
+    onClick?: React__default.MouseEventHandler<HTMLElement>;
+    children?: React__default.ReactNode;
+    href?: string;
+    target?: "_self" | "_blank" | "_parent" | "_top";
+    boxShadow?: string;
 }
-declare function WavelengthButton({ id, variant, colorOne, colorTwo, margin, padding, autoFocus, disabled, onClick, children, borderRadius, mySx }: OutlinedButtonProps): React__default.JSX.Element;
+declare const WavelengthButton: React__default.FC<WavelengthButtonProps>;
 
 interface ButtonProps {
     onClick?: any;
@@ -226,8 +228,9 @@ interface DragAndDropProps {
     allowedFileMIME?: string[];
     allowedFileExtensions?: string;
     backgroundColor?: string;
+    dataTestId?: string;
 }
-declare function WavelengthDragAndDrop({ width, height, onFilesSelected, border, textColor, fontSize, allowedFileMIME, allowedFileExtensions, backgroundColor, }: DragAndDropProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthDragAndDrop({ width, height, onFilesSelected, border, textColor, fontSize, allowedFileMIME, allowedFileExtensions, backgroundColor, dataTestId, }: DragAndDropProps): react_jsx_runtime.JSX.Element;
 
 interface ProgressProps {
     name?: string;
@@ -238,8 +241,9 @@ interface ProgressProps {
     progressColor?: string;
     value?: number;
     textColor?: string;
+    dataTestId?: string;
 }
-declare function WavelengthProgressBar({ width, height, backgroundColor, borderRadius, progressColor, value, name, textColor }: ProgressProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthProgressBar({ dataTestId, width, height, backgroundColor, borderRadius, progressColor, value, name, textColor }: ProgressProps): react_jsx_runtime.JSX.Element;
 
 interface CommentProps {
     width?: string;
@@ -252,6 +256,7 @@ interface CommentProps {
     backgroundColor?: string;
     border?: string;
     iconSelectedColor?: string;
+    dataTestId?: string;
 }
 declare function WavelengthCommentDisplay(props: CommentProps): react_jsx_runtime.JSX.Element;
 
@@ -363,7 +368,7 @@ interface DropdownProps {
     palette: "brewery" | "custom";
     width: string;
     options: menuOptions[];
-    buttonSx?: SxProps$1<Theme$1> | undefined;
+    buttonSx?: SxProps<Theme> | undefined;
     menuSx?: MenuSxProps;
     buttonText: string | ReactNode;
 }
@@ -526,4 +531,4 @@ type Props<T> = {
 };
 declare const WavelengthDataTable: <T extends DataType>({ data, columns, itemsPerPage, totalPages }: Props<T>) => react_jsx_runtime.JSX.Element;
 
-export { AppLogo, ButtonIcon, ButtonMenu, DefaultCarousel, DefaultIcon, DefaultPagination, ManyPlanesComponent, NotAvailablePage, type SearchProps, type SearchResult, SearchTextField, SliderCardCarousel, type StyledButtonPropsTwo, TestSnackbar, type ThemeProperties, WavelengthAppTheme, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFooter, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTextField, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };
+export { AppLogo, ButtonIcon, ButtonMenu, DefaultCarousel, DefaultIcon, DefaultPagination, ManyPlanesComponent, NotAvailablePage, type SearchProps, type SearchResult, SearchTextField, SliderCardCarousel, type StyledButtonPropsTwo, TestSnackbar, type ThemeProperties, WavelengthAppTheme, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, type WavelengthButtonProps, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFooter, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTextField, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };