@wavelengthusaf/components 4.2.1 → 4.3.0

package/dist/cjs/index.d.cts

@@ -42,12 +42,16 @@ interface WavelengthButtonProps extends React__default.HTMLAttributes<HTMLElemen
     boxShadow?: string;
     className?: string;
     style?: React__default.CSSProperties;
+    id?: string;
+    name?: string;
 }
 declare const WavelengthButton: React__default.FC<WavelengthButtonProps>;
 
 interface ButtonProps {
     onClick?: any;
     children?: ReactNode;
+    id?: string;
+    name?: string;
 }
 interface IconProps {
     text: string;
@@ -57,8 +61,10 @@ interface IconProps {
     width: string;
     height: number;
     fontsize: number;
+    id?: string;
+    name?: string;
 }
-declare function ButtonIcon({ text, numIcon, children, active, width, height, fontsize }: IconProps): react_jsx_runtime.JSX.Element;
+declare function ButtonIcon({ text, numIcon, children, active, width, height, fontsize, id, name }: IconProps): react_jsx_runtime.JSX.Element;
 interface ButtonMenuProps {
     children: ReactNode;
 }
@@ -78,6 +84,7 @@ interface WavelengthAutocompleteProps {
     hoverColor?: string;
     textColor?: string;
     onChange?: (selectedValue: string) => void;
+    name?: string;
 }
 /**
  * Returns the Best Matching String from a List; Defaults to the first item if no good match is found
@@ -86,7 +93,7 @@ interface WavelengthAutocompleteProps {
  * @returns - a string with the "best" match, or "" if no match is found
  */
 declare function findBestStringMatch(searchString: string, choices: string[]): string;
-declare function WavelengthAutocomplete({ label, width, variant, items, onChange, borderColor, textColor, hoverColor, id }: WavelengthAutocompleteProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthAutocomplete({ label, width, variant, items, onChange, borderColor, textColor, hoverColor, id, name }: WavelengthAutocompleteProps): react_jsx_runtime.JSX.Element;
 declare namespace WavelengthAutocomplete {
     var displayName: string;
 }
@@ -97,8 +104,9 @@ interface DownloadProps {
     fileName: string;
     button?: ReactNode | React__default.JSX.Element;
     id?: string;
+    name?: string;
 }
-declare function WavelengthFileDownloader({ fileLoc, fileURL, fileName, button, id }: DownloadProps): react_jsx_runtime.JSX.Element | undefined;
+declare function WavelengthFileDownloader({ fileLoc, fileURL, fileName, button, id, name }: DownloadProps): react_jsx_runtime.JSX.Element | undefined;
 declare namespace WavelengthFileDownloader {
     var displayName: string;
 }
@@ -113,8 +121,10 @@ interface StyledButtonPropsTwo {
     disabled?: boolean;
     children: React__default.ReactNode;
     onClick?: React__default.MouseEventHandler<HTMLButtonElement>;
+    id?: string;
+    name?: string;
 }
-declare function WavelengthStyledButton({ type, styles, children, disabled, hoverstyles, icon, onClick, disabledstyles, activestyles }: StyledButtonPropsTwo): react_jsx_runtime.JSX.Element;
+declare function WavelengthStyledButton({ type, styles, children, disabled, hoverstyles, icon, onClick, disabledstyles, activestyles, id, name }: StyledButtonPropsTwo): react_jsx_runtime.JSX.Element;
 declare namespace WavelengthStyledButton {
     var displayName: string;
 }
@@ -126,8 +136,9 @@ interface WavelengthBoxProps {
     borderTopRadius?: string;
     borderBottomRadius?: string;
     id?: string;
+    name?: string;
 }
-declare function WavelengthBox({ width, height, children, borderBottomRadius, borderTopRadius, id }: WavelengthBoxProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthBox({ width, height, children, borderBottomRadius, borderTopRadius, id, name }: WavelengthBoxProps): react_jsx_runtime.JSX.Element;
 declare namespace WavelengthBox {
     var displayName: string;
 }
@@ -140,8 +151,9 @@ interface WavelengthContentPlaceholderProps {
     bgcolor?: string;
     children: ReactNode;
     id?: string;
+    name?: string;
 }
-declare function WavelengthContentPlaceholder({ type, width, height, txtcolor, bgcolor, children, id }: WavelengthContentPlaceholderProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthContentPlaceholder({ type, width, height, txtcolor, bgcolor, children, id, name }: WavelengthContentPlaceholderProps): react_jsx_runtime.JSX.Element;
 declare namespace WavelengthContentPlaceholder {
     var displayName: string;
 }
@@ -149,8 +161,9 @@ declare namespace WavelengthContentPlaceholder {
 interface WavelengthExampleComponentProps {
     width?: number;
     height?: number;
+    id?: string;
 }
-declare function WavelengthExampleComponent({ width, height }: WavelengthExampleComponentProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthExampleComponent({ width, height, id }: WavelengthExampleComponentProps): react_jsx_runtime.JSX.Element;
 declare namespace WavelengthExampleComponent {
     var displayName: string;
 }
@@ -255,6 +268,54 @@ interface WavelengthNavBarProps extends React__default.HTMLAttributes<HTMLElemen
 }
 declare const WavelengthNavBar: React__default.FC<WavelengthNavBarProps>;
 
+interface IFileSelectedEventDetail {
+    files: File | File[];
+}
+interface WavelengthFileDropZoneProps extends React__default.HTMLAttributes<HTMLElement> {
+    acceptedTypes?: string;
+    maxSize?: number;
+    multiple?: boolean;
+    dragText?: string;
+    iconSrc?: string;
+    onFilesSelected?: (files: File | File[]) => void;
+    hostDisplay?: string;
+    hostWidth?: string;
+    inputDisplay?: string;
+    borderWidth?: string;
+    borderStyle?: string;
+    borderColor?: string;
+    borderRadius?: string;
+    padding?: string;
+    textAlign?: string;
+    backgroundColor?: string;
+    cursor?: string;
+    transition?: string;
+    display?: string;
+    flexDirection?: string;
+    alignItems?: string;
+    gap?: string;
+    borderHoverColor?: string;
+    backgroundHoverColor?: string;
+    borderActiveColor?: string;
+    backgroundActiveColor?: string;
+    contentDisplay?: string;
+    contentFlexDirection?: string;
+    contentAlignItems?: string;
+    contentGap?: string;
+    textColor?: string;
+    fontFamily?: string;
+    fontStyle?: string;
+    fontSize?: string;
+    lineHeight?: string;
+    letterSpacing?: string;
+    iconSize?: string;
+    errorColor?: string;
+    errorFontFamily?: string;
+    errorFontSize?: string;
+    errorMarginTop?: string;
+}
+declare const WavelengthFileDropZone: React__default.FC<WavelengthFileDropZoneProps>;
+
 interface ISpinningSvgProps {
     size: number;
     id: "outer-circle" | "middle-circle" | "inner-circle" | "spinning";
@@ -289,14 +350,16 @@ interface DragAndDropProps {
     allowedFileExtensions?: string;
     backgroundColor?: string;
     dataTestId?: string;
+    id?: string;
 }
-declare function WavelengthDragAndDrop({ width, height, onFilesSelected, border, textColor, fontSize, allowedFileMIME, allowedFileExtensions, backgroundColor, dataTestId, }: DragAndDropProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthDragAndDrop({ width, height, onFilesSelected, border, textColor, fontSize, allowedFileMIME, allowedFileExtensions, backgroundColor, dataTestId, id, }: DragAndDropProps): react_jsx_runtime.JSX.Element;
 declare namespace WavelengthDragAndDrop {
     var displayName: string;
 }
 
 interface WavelengthProgressBarProps extends React__default.HTMLAttributes<HTMLElement> {
     name?: string;
+    id?: string;
     value?: number;
     width?: string;
     height?: string;
@@ -319,6 +382,7 @@ interface CommentProps {
     border?: string;
     iconSelectedColor?: string;
     dataTestId?: string;
+    id?: string;
 }
 declare function WavelengthCommentDisplay(props: CommentProps): react_jsx_runtime.JSX.Element;
 declare namespace WavelengthCommentDisplay {
@@ -336,8 +400,9 @@ interface PermissionAlertProps {
     unit?: string;
     onDismiss?: React__default.MouseEventHandler<HTMLAnchorElement> | undefined;
     dataTestId?: string;
+    id?: string;
 }
-declare function WavelengthPermissionAlert({ dataTestId, height, width, backgroundColor, permission, applicationName, requestorName, dateOfRequest, onDismiss, unit, }: PermissionAlertProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthPermissionAlert({ dataTestId, height, width, backgroundColor, permission, applicationName, requestorName, dateOfRequest, onDismiss, unit, id, }: PermissionAlertProps): react_jsx_runtime.JSX.Element;
 declare namespace WavelengthPermissionAlert {
     var displayName: string;
 }
@@ -353,10 +418,11 @@ interface AccessAlertProps {
     message?: string;
     appLogo?: string;
     dataTestId?: string;
+    id?: string;
     backgroundColor?: string;
     onClear?: React__default.MouseEventHandler<HTMLAnchorElement> | undefined;
 }
-declare function WavelengthAccessAlert({ height, dataTestId, width, time, access, appNickname, appLogo, appAdmin, requestorName, }: AccessAlertProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthAccessAlert({ height, dataTestId, id, width, time, access, appNickname, appLogo, appAdmin, requestorName, }: AccessAlertProps): react_jsx_runtime.JSX.Element;
 declare namespace WavelengthAccessAlert {
     var displayName: string;
 }
@@ -384,8 +450,9 @@ declare namespace WavelengthAlert {
 interface WavelengthFooterProps {
     text?: string;
     textColor?: string;
+    id?: string;
 }
-declare function WavelengthFooter({ text, textColor }: WavelengthFooterProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthFooter({ text, textColor, id }: WavelengthFooterProps): react_jsx_runtime.JSX.Element;
 declare namespace WavelengthFooter {
     var displayName: string;
 }
@@ -461,8 +528,10 @@ interface WavelengthTitleBarProps {
     subtitleText?: string;
     textColor?: string;
     shadowColor?: string;
+    id?: string;
+    name?: string;
 }
-declare function WavelengthTitleBar({ titleText, subtitleText, textColor, shadowColor }: WavelengthTitleBarProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthTitleBar({ titleText, subtitleText, textColor, shadowColor, id, name }: WavelengthTitleBarProps): react_jsx_runtime.JSX.Element;
 declare namespace WavelengthTitleBar {
     var displayName: string;
 }
@@ -476,8 +545,9 @@ interface WavelengthBannerProps {
     id?: string;
     classification?: string;
     control?: string[];
+    name?: string;
 }
-declare function WavelengthBanner({ bannerText, bannerColor, textColor, opacity, zIndex, id, classification, control }: WavelengthBannerProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthBanner({ bannerText, bannerColor, textColor, opacity, zIndex, id, classification, control, name }: WavelengthBannerProps): react_jsx_runtime.JSX.Element;
 declare namespace WavelengthBanner {
     var displayName: string;
 }
@@ -497,8 +567,10 @@ declare namespace WavelengthAppLogo {
 interface DefaultProps {
     width?: string;
     height?: number;
+    id?: string;
+    name?: string;
 }
-declare function WavelengthDefaultIcon({ width, height }: DefaultProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthDefaultIcon({ width, height, id, name }: DefaultProps): react_jsx_runtime.JSX.Element;
 declare namespace WavelengthDefaultIcon {
     var displayName: string;
 }
@@ -509,8 +581,9 @@ interface HeaderProps {
     color?: string;
     opacity?: number;
     gradient?: boolean;
+    id?: string;
 }
-declare function WavelengthManyPlanes({ numberOfPlanes, trailDir, color, opacity, gradient }: HeaderProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthManyPlanes({ numberOfPlanes, trailDir, color, opacity, gradient, id }: HeaderProps): react_jsx_runtime.JSX.Element;
 declare namespace WavelengthManyPlanes {
     var displayName: string;
 }
@@ -536,6 +609,7 @@ interface WavelengthConfirmationModalProps {
     setShow: (show: boolean) => void;
     textObj: Record<string, string>;
     id?: string;
+    name?: string;
     width?: string;
     height?: string;
     fontFamily?: string;
@@ -554,6 +628,7 @@ interface WavelengthContentModalProps {
     setShow: (show: boolean) => void;
     textObj: Record<string, string>;
     handleContentModalOnConfirmProp: () => void;
+    id?: string;
 }
 declare function WavelengthContentModal(props: WavelengthContentModalProps): react_jsx_runtime.JSX.Element;
 declare namespace WavelengthContentModal {
@@ -652,11 +727,12 @@ interface Testprops {
     width?: string | number;
     message?: string | ReactNode;
     img: React__default.JSX.Element | ReactNode;
+    id?: string;
     toggleOpen: (value: React__default.SetStateAction<boolean>) => void;
     customVertyAlign?: string;
 }
 declare const useOutsideClick: (callback: () => void) => React__default.RefObject<HTMLDivElement>;
-declare function WavelengthTestSnackbar({ isPopUpOpen, toggleOpen, type, message, customVertyAlign, width, img }: Testprops): react_jsx_runtime.JSX.Element;
+declare function WavelengthTestSnackbar({ isPopUpOpen, toggleOpen, type, message, customVertyAlign, width, img, id }: Testprops): react_jsx_runtime.JSX.Element;
 declare namespace WavelengthTestSnackbar {
     var displayName: string;
 }
@@ -666,6 +742,7 @@ interface sliderProps {
     labelColor?: string;
     color?: string;
     value: number;
+    id?: string;
     valueDisplayed?: boolean;
     minVal: number;
     maxVal: number;
@@ -674,7 +751,7 @@ interface sliderProps {
     labelFunc?(val: number): string;
     marks?: Mark[];
 }
-declare function WavelengthSlider({ width, color, valueDisplayed, marks, labelColor, value, maxVal, minVal, step, labelFunc, handleChange }: sliderProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthSlider({ width, color, valueDisplayed, marks, labelColor, value, id, maxVal, minVal, step, labelFunc, handleChange }: sliderProps): react_jsx_runtime.JSX.Element;
 declare namespace WavelengthSlider {
     var displayName: string;
 }
@@ -694,6 +771,8 @@ interface adjustableDimensions {
     imageWidth?: number;
     cardWidth?: number;
     cardHeight?: number;
+    id?: string;
+    name?: string;
 }
 declare const DefaultCarousel: React__default.FC<carouselConfigArray$1 & adjustableDimensions>;
 
@@ -711,6 +790,8 @@ interface adjustDimenforCarousel {
     contWidth?: number;
     cardWidth?: number;
     cardHeight?: number;
+    id?: string;
+    name?: string;
 }
 declare const SliderCardCarousel: React__default.FC<carouselConfigArray & adjustDimenforCarousel>;
 
@@ -721,10 +802,11 @@ interface PaginationProps {
     currentPageNumber: number;
     style?: "text" | "contained" | "outlined" | "circular";
     onPageChange: (page: number) => void;
+    id?: string;
 }
 declare const range: (start: number, end: number) => number[];
 declare function ascendingRange(start: number, end: number): number[];
-declare function WavelengthDefaultPagination({ totalPages, currentPageNumber, siblingCount, boundaryCount, style, onPageChange }: PaginationProps): react_jsx_runtime.JSX.Element;
+declare function WavelengthDefaultPagination({ totalPages, currentPageNumber, siblingCount, boundaryCount, style, onPageChange, id }: PaginationProps): react_jsx_runtime.JSX.Element;
 declare namespace WavelengthDefaultPagination {
     var displayName: string;
 }
@@ -787,9 +869,10 @@ type Props$1<T> = {
     data?: T[] | undefined;
     itemsPerPage: number;
     totalPages: number;
+    id?: string;
 };
 declare const WavelengthDataTable: {
-    <T extends DataType$1>({ data, columns, itemsPerPage, totalPages }: Props$1<T>): react_jsx_runtime.JSX.Element;
+    <T extends DataType$1>({ data, columns, itemsPerPage, totalPages, id }: Props$1<T>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -822,9 +905,10 @@ interface ColumnProps<T> {
 type Props<T> = {
     columns: Array<ColumnProps<T>>;
     data?: T[] | undefined;
+    id?: string;
 };
 declare const NestedDataTable: {
-    <T extends DataType>({ data, columns }: Props<T>): react_jsx_runtime.JSX.Element;
+    <T extends DataType>({ data, columns, id }: Props<T>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -857,6 +941,7 @@ interface DateInputProps {
     width?: string;
     min?: string;
     max?: string;
+    value?: string;
     inputTimeType: timeVariant;
     labelColor?: string;
     inputBorderStyle?: string;
@@ -868,16 +953,35 @@ interface DateInputProps {
     onBlurCallback?: () => void;
 }
 declare const WavelengthDatePicker: {
-    ({ id, name, inputBorderStyle, floatLabel, labelColor, inputFocusBorderColor, FocusLabelColor, backgroundColor, height, width, min, max, inputTimeType, OnDataChange, onBlurCallback, }: DateInputProps): react_jsx_runtime.JSX.Element;
+    ({ id, name, inputBorderStyle, floatLabel, labelColor, inputFocusBorderColor, FocusLabelColor, backgroundColor, height, width, min, max, value, inputTimeType, OnDataChange, onBlurCallback, }: DateInputProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
+interface WavelengthCheckboxProps extends React__default.HTMLAttributes<HTMLElement> {
+    size?: string;
+    color?: string;
+    theme?: string;
+    disabled?: boolean;
+    text?: string;
+    textSize?: string;
+}
+declare const WavelengthCheckbox: React__default.FC<WavelengthCheckboxProps>;
+
 interface SampleComponentProps extends React__default.HTMLAttributes<HTMLElement> {
     testProp?: string;
     customStyle: StyleProp;
 }
 declare const SampleComponent: React__default.FC<SampleComponentProps>;
 
+interface WavelengthNotificationPanelProps extends React__default.HTMLAttributes<HTMLElement> {
+    notifications: string[];
+    darkMode?: boolean;
+    onMarkAsRead: () => void;
+    onSignOut: () => void;
+    accountLink?: string;
+}
+declare const WavelengthNotificationPanel: React__default.FC<WavelengthNotificationPanelProps>;
+
 interface Option {
     label: string;
     value: string;
@@ -916,4 +1020,4 @@ interface MultiSelectAutocompleteProps {
 }
 declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
 
-export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type NavItem, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };
+export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, type NavItem, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFileDropZone, type WavelengthFileDropZoneProps, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };