@wavelengthusaf/components 4.24.5 → 4.26.1

package/dist/esm/index.d.ts

@@ -2,7 +2,6 @@ import * as React$1 from 'react';
 import React__default, { ReactNode, ChangeEvent, ReactElement, CSSProperties as CSSProperties$1 } from 'react';
 export { ChildDataTable as ChildDataTableElement, SampleComponent as SampleComponentElement, WavelengthBanner as WavelengthBannerElement, WavelengthButton as WavelengthButtonElement, WavelengthDatePicker as WavelengthDatePickerElement, WavelengthForm as WavelengthFormElement, WavelengthInput as WavelengthInputElement, WavelengthMultiSelectAutocomplete as WavelengthMultiSelectAutocompleteElement, WavelengthPagination as WavelengthPaginationElement, WavelengthProgressBar as WavelengthProgressBarElement, WavelengthTitleBar as WavelengthTitleBarElement } from '@wavelengthusaf/web-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TextFieldVariants } from '@mui/material';
 import { CSSProperties } from 'styled-components';
 import { z } from 'zod';
 
@@ -46,6 +45,24 @@ interface WavelengthButtonProps extends React__default.HTMLAttributes<HTMLElemen
 }
 declare const WavelengthButton: React__default.FC<WavelengthButtonProps>;
 
+interface StyledButtonPropsTwo {
+    type: "channel_one_transparent" | "channel_one_launch" | "channel_one_request" | "channel_one_pending" | "channel_one_disabled" | "ewdms_tertiary" | "ewdms_primary" | "ewdms_secondary" | "brewery" | "default";
+    styles?: React__default.CSSProperties;
+    hoverstyles?: React__default.CSSProperties;
+    activestyles?: React__default.CSSProperties;
+    disabledstyles?: React__default.CSSProperties;
+    icon?: React__default.ReactNode;
+    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, id, name }: StyledButtonPropsTwo): react_jsx_runtime.JSX.Element;
+declare namespace WavelengthStyledButton {
+    var displayName: string;
+}
+
 interface ButtonProps {
     onClick?: any;
     children?: ReactNode;
@@ -73,61 +90,6 @@ declare namespace WavelengthDropdownButton {
     var displayName: string;
 }
 
-interface WavelengthAutocompleteProps {
-    id?: string;
-    label: string;
-    items?: any;
-    variant?: TextFieldVariants;
-    width?: number;
-    borderColor?: string;
-    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
- * @param searchString - the string we want to look for
- * @param choices - the list of strings we get to choose from (must be greater than 0)
- * @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, name }: WavelengthAutocompleteProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthAutocomplete {
-    var displayName: string;
-}
-
-interface DownloadProps {
-    fileLoc: "local" | "api";
-    fileURL: string;
-    fileName: string;
-    button?: ReactNode | React__default.JSX.Element;
-    id?: string;
-    name?: string;
-}
-declare function WavelengthFileDownloader({ fileLoc, fileURL, fileName, button, id, name }: DownloadProps): react_jsx_runtime.JSX.Element | undefined;
-declare namespace WavelengthFileDownloader {
-    var displayName: string;
-}
-
-interface StyledButtonPropsTwo {
-    type: "channel_one_transparent" | "channel_one_launch" | "channel_one_request" | "channel_one_pending" | "channel_one_disabled" | "ewdms_tertiary" | "ewdms_primary" | "ewdms_secondary" | "brewery" | "default";
-    styles?: React__default.CSSProperties;
-    hoverstyles?: React__default.CSSProperties;
-    activestyles?: React__default.CSSProperties;
-    disabledstyles?: React__default.CSSProperties;
-    icon?: React__default.ReactNode;
-    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, id, name }: StyledButtonPropsTwo): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthStyledButton {
-    var displayName: string;
-}
-
 interface WavelengthBoxProps {
     width?: number;
     height?: number;
@@ -203,39 +165,6 @@ interface WavelengthSearchProps extends React__default.HTMLAttributes<HTMLElemen
 }
 declare const WavelengthSearch: React__default.FC<WavelengthSearchProps>;
 
-declare function WavelengthSearchTextField(): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthSearchTextField {
-    var displayName: string;
-}
-
-interface SearchProps {
-    id?: string;
-    mode: "automatic" | "manual";
-    type?: "text-box" | "search-bar";
-    iconPos?: "start" | "end";
-    clearIconMarginRight?: string;
-    borderRadius?: number | string;
-    label?: string;
-    width?: string;
-    height?: string | number;
-    children?: ReactNode;
-    borderColor?: string;
-    hoverColor?: string;
-    textColor?: string;
-    backgroundColor?: string;
-    placeholder?: string;
-    onEnter?: (arg0?: any) => any;
-    size?: "small" | "medium";
-    fontSize?: string;
-    options: SearchResult[];
-    onChange?: React__default.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onSearchItemSelected?: (selectedItem: SearchResult | string) => void;
-}
-declare function MuiSearch({ id, mode, type, width, height, label, size, borderRadius, children, placeholder, onEnter, onSearchItemSelected, options, onChange, borderColor, hoverColor, textColor, fontSize, backgroundColor, iconPos, clearIconMarginRight, }: SearchProps): react_jsx_runtime.JSX.Element | undefined;
-declare namespace MuiSearch {
-    var displayName: string;
-}
-
 type WavelengthCardData = {
     title?: string;
     description?: string;
@@ -284,15 +213,17 @@ interface WavelengthNavBarProps extends React__default.HTMLAttributes<HTMLElemen
 }
 declare const WavelengthNavBar: React__default.FC<WavelengthNavBarProps>;
 
-interface IFileSelectedEventDetail {
+interface FileSelectedEventDetail {
     files: File | File[];
 }
+type IFileSelectedEventDetail = FileSelectedEventDetail;
 interface WavelengthFileDropZoneProps extends React__default.HTMLAttributes<HTMLElement> {
     acceptedTypes?: string;
     maxSize?: number;
     multiple?: boolean;
     dragText?: string;
     iconSrc?: string;
+    width?: string;
     onFilesSelected?: (files: File | File[]) => void;
     hostDisplay?: string;
     hostWidth?: string;
@@ -330,9 +261,9 @@ interface WavelengthFileDropZoneProps extends React__default.HTMLAttributes<HTML
     errorFontSize?: string;
     errorMarginTop?: string;
 }
-declare const WavelengthFileDropZone: React__default.FC<WavelengthFileDropZoneProps>;
+declare const WavelengthFileDropZone: React__default.ForwardRefExoticComponent<WavelengthFileDropZoneProps & React__default.RefAttributes<HTMLElement>>;
 
-interface WavelengthWebSnackbarProps extends React__default.HTMLAttributes<HTMLElement> {
+interface WavelengthSnackbarProps extends React__default.HTMLAttributes<HTMLElement> {
     message?: string;
     duration?: number;
     backgroundColor?: string;
@@ -346,7 +277,7 @@ interface WavelengthWebSnackbarProps extends React__default.HTMLAttributes<HTMLE
     horizontalAlign?: string;
     verticalAlign?: "top" | "center" | "bottom";
 }
-declare const WavelengthWebSnackbar: React__default.FC<WavelengthWebSnackbarProps>;
+declare const WavelengthSnackbar: React__default.FC<WavelengthSnackbarProps>;
 
 type WavelengthSpinningLogoProps = {
     size?: number | string | null;
@@ -358,24 +289,6 @@ declare const WavelengthSpinningLogo: {
     displayName: string;
 };
 
-interface DragAndDropProps {
-    width?: string;
-    height?: string;
-    border?: string;
-    onFilesSelected: (files: File[]) => void;
-    textColor?: string;
-    fontSize?: string;
-    allowedFileMIME?: string[];
-    allowedFileExtensions?: string;
-    backgroundColor?: string;
-    dataTestId?: string;
-    id?: string;
-}
-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;
@@ -407,26 +320,6 @@ declare namespace WavelengthPermissionAlert {
     var displayName: string;
 }
 
-interface AccessAlertProps {
-    height?: string;
-    width?: string;
-    access?: "Access Request" | "Access Granted" | "Access Denied";
-    appAdmin?: string;
-    time?: string;
-    requestorName?: string;
-    appNickname?: string;
-    message?: string;
-    appLogo?: string;
-    dataTestId?: string;
-    id?: string;
-    backgroundColor?: string;
-    onClear?: React__default.MouseEventHandler<HTMLAnchorElement> | undefined;
-}
-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;
-}
-
 interface WavelengthAlertProps {
     id?: string;
     height?: string;
@@ -447,6 +340,24 @@ declare namespace WavelengthAlert {
     var displayName: string;
 }
 
+interface DragAndDropProps {
+    width?: string;
+    height?: string;
+    border?: string;
+    onFilesSelected: (files: File[]) => void;
+    textColor?: string;
+    fontSize?: string;
+    allowedFileMIME?: string[];
+    allowedFileExtensions?: string;
+    backgroundColor?: string;
+    dataTestId?: string;
+    id?: string;
+}
+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 WavelengthToolTipProps extends React__default.HTMLAttributes<HTMLElement> {
     color?: string;
     font?: string;
@@ -665,18 +576,6 @@ declare namespace WavelengthConfirmationModal {
     var displayName: string;
 }
 
-interface WavelengthContentModalProps {
-    show: boolean;
-    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 {
-    var displayName: string;
-}
-
 interface WavelengthPopUpMenuProps extends React__default.HTMLAttributes<HTMLElement> {
     customStyle?: StyleProp;
     variant?: "menu" | "card";
@@ -789,39 +688,6 @@ interface WavelengthPaginationProps extends React__default.HTMLAttributes<HTMLEl
 }
 declare const WavelengthPagination: React__default.FC<WavelengthPaginationProps>;
 
-interface PaginationProps {
-    totalPages: number;
-    boundaryCount?: number;
-    siblingCount?: number;
-    currentPageNumber: number;
-    style?: "text" | "contained" | "outlined" | "circular";
-    onPageChange: (page: number) => void;
-    id?: string;
-}
-declare function WavelengthDefaultPagination({ totalPages, currentPageNumber, siblingCount, boundaryCount, style, onPageChange, id }: PaginationProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthDefaultPagination {
-    var displayName: string;
-}
-
-interface ConfirmationSnackbarProps {
-    show: boolean;
-    setShow: (show: boolean) => void;
-    closeIcon?: ReactNode | React__default.JSX.Element;
-    message?: ReactNode | React__default.JSX.Element;
-    snackBarColor?: string;
-    textColor?: string;
-    horryAlign?: "left" | "right" | "center";
-    vertyAlign?: "top" | "bottom";
-    durationSb?: number;
-    id?: string;
-    width?: string | number;
-    icon?: ReactNode;
-}
-declare function WavelengthSnackbar({ show, setShow, closeIcon, message, snackBarColor, textColor, horryAlign, vertyAlign, durationSb, width, icon, id }: ConfirmationSnackbarProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthSnackbar {
-    var displayName: string;
-}
-
 interface StandardSnackbarProps {
     type: "success" | "error" | "disabled";
     show: boolean;
@@ -841,23 +707,6 @@ declare namespace WavelengthStandardSnackbar {
     var displayName: string;
 }
 
-interface Testprops {
-    isPopUpOpen: boolean;
-    type: "success" | "error" | "disabled";
-    icon?: ReactNode;
-    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, id }: Testprops): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthTestSnackbar {
-    var displayName: string;
-}
-
 interface WavelengthSliderProps extends React__default.HTMLAttributes<HTMLElement> {
     customStyle?: StyleProp;
     value?: number;
@@ -876,45 +725,6 @@ interface WavelengthSliderProps extends React__default.HTMLAttributes<HTMLElemen
 }
 declare const WavelengthSlider: React__default.FC<WavelengthSliderProps>;
 
-interface carouselItem$1 {
-    title?: string;
-    description?: string;
-    image: string;
-    path: string;
-}
-interface carouselConfigArray$1 {
-    items: carouselItem$1[];
-}
-interface adjustableDimensions {
-    buttonSize?: number;
-    imageHeight?: number;
-    imageWidth?: number;
-    cardWidth?: number;
-    cardHeight?: number;
-    id?: string;
-    name?: string;
-}
-declare const DefaultCarousel: React__default.FC<carouselConfigArray$1 & adjustableDimensions>;
-
-interface carouselItem {
-    title?: string;
-    description?: string;
-    image: string;
-    path: string;
-}
-interface carouselConfigArray {
-    items: carouselItem[];
-}
-interface adjustDimenforCarousel {
-    contHeight?: number;
-    contWidth?: number;
-    cardWidth?: number;
-    cardHeight?: number;
-    id?: string;
-    name?: string;
-}
-declare const SliderCardCarousel: React__default.FC<carouselConfigArray & adjustDimenforCarousel>;
-
 interface WavelengthInputProps extends React__default.HTMLAttributes<HTMLElement> {
     id?: string;
     name?: string;
@@ -977,6 +787,27 @@ declare const WavelengthDataTable: {
     displayName: string;
 };
 
+interface DataGridColumn {
+    field: string;
+    headerName?: string;
+    width?: number;
+    flex?: number;
+}
+interface DataGridRow {
+    id: string | number;
+    [key: string]: any;
+}
+interface WavelengthDataGridProps extends React__default.HTMLAttributes<HTMLElement> {
+    columns: DataGridColumn[];
+    rows: DataGridRow[];
+    pageSize?: number;
+    checkboxSelection?: boolean;
+    hidePagination?: boolean;
+    onSelectionChange?: (selectedIds: (string | number)[]) => void;
+    customStyle?: StyleProp;
+}
+declare const WavelengthDataGrid: React__default.FC<WavelengthDataGridProps>;
+
 interface ChildDataTableProps extends React__default.HTMLAttributes<HTMLElement> {
     columns?: any[];
     data?: any[];
@@ -1079,11 +910,13 @@ interface SampleComponentProps extends React__default.HTMLAttributes<HTMLElement
 declare const SampleComponent: React__default.FC<SampleComponentProps>;
 
 interface WavelengthNotificationPanelProps extends React__default.HTMLAttributes<HTMLElement> {
-    notifications: string[];
-    darkMode?: boolean;
-    onMarkAsRead: () => void;
     onSignOut: () => void;
-    accountLink?: string;
+    username: string;
+    action: Array<{
+        icon?: string;
+        name: string;
+        onClick: () => void;
+    }>;
 }
 declare const WavelengthNotificationPanel: React__default.FC<WavelengthNotificationPanelProps>;
 
@@ -1133,4 +966,4 @@ interface WavelengthCheckboxListProps extends React__default.HTMLAttributes<HTML
 }
 declare const WavelengthCheckboxList: React__default.FC<WavelengthCheckboxListProps>;
 
-export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, MuiSearch, type NavItem, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBadge, type WavelengthBadgeProps, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCard, WavelengthCheckbox, WavelengthCheckboxList, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDialog, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFileDropZone, type WavelengthFileDropZoneProps, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMenu, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPagination, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, type WavelengthSideBarProps, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthSwitch, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthToolTip, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, concat, findBestStringMatch, useOutsideClick, useThemeContext };
+export { ButtonIcon, ButtonMenu, ChildDataTable, type DataGridColumn, type DataGridRow, type FileSelectedEventDetail, type IFileSelectedEventDetail, type NavItem, NestedDataTable, SampleComponent, type SearchResult, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthBadge, type WavelengthBadgeProps, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCard, WavelengthCheckbox, WavelengthCheckboxList, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentPlaceholder, WavelengthDataGrid, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDialog, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDropZone, type WavelengthFileDropZoneProps, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMenu, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPagination, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSideBar, type WavelengthSideBarProps, WavelengthSlider, WavelengthSnackbar, type WavelengthSnackbarProps, WavelengthSpinningLogo, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthSwitch, WavelengthTitleBar, WavelengthToolTip, add, concat, useThemeContext };