@wavelengthusaf/components 4.24.4 → 5.0.0

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,102 +45,6 @@ interface WavelengthButtonProps extends React__default.HTMLAttributes<HTMLElemen
 }
 declare const WavelengthButton: React__default.FC<WavelengthButtonProps>;
 
-interface ButtonProps {
-    onClick?: any;
-    children?: ReactNode;
-    id?: string;
-    name?: string;
-}
-interface IconProps {
-    text: string;
-    numIcon?: string;
-    children: ReactNode;
-    active?: boolean;
-    width: string;
-    height: number;
-    fontsize: number;
-    id?: string;
-    name?: string;
-}
-declare function ButtonIcon({ text, numIcon, children, active, width, height, fontsize, id, name }: IconProps): react_jsx_runtime.JSX.Element;
-interface ButtonMenuProps {
-    children: ReactNode;
-}
-declare function ButtonMenu({ children }: ButtonMenuProps): react_jsx_runtime.JSX.Element;
-declare function WavelengthDropdownButton({ children, onClick }: ButtonProps): React__default.JSX.Element;
-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;
-    children: ReactNode;
-    borderTopRadius?: string;
-    borderBottomRadius?: string;
-    id?: string;
-    name?: string;
-}
-declare function WavelengthBox({ width, height, children, borderBottomRadius, borderTopRadius, id, name }: WavelengthBoxProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthBox {
-    var displayName: string;
-}
-
 interface WavelengthContentPlaceholderProps {
     type?: "circle" | "rectangle";
     width?: string | number;
@@ -203,39 +106,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;
@@ -358,24 +228,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,46 +259,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;
-    width?: string;
-    variant?: "caveman" | "basic" | "civilized";
-    backgroundColor?: string;
-    alertType?: string | React__default.ReactNode;
-    alertDescription?: string | React__default.ReactNode;
-    datatestid?: string;
-    viewed?: boolean;
-    timeStamp?: string | React__default.ReactNode;
-    appName?: string | React__default.ReactNode;
-    url?: string;
-    onClose?: () => void;
-}
-declare function WavelengthAlert({ viewed, width, height, backgroundColor, appName, alertType, alertDescription, datatestid, variant, timeStamp, url, id, onClose, }: WavelengthAlertProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthAlert {
-    var displayName: string;
-}
-
 interface WavelengthToolTipProps extends React__default.HTMLAttributes<HTMLElement> {
     color?: string;
     font?: string;
@@ -494,16 +306,6 @@ interface WavelengthCommentDisplayProps extends React__default.HTMLAttributes<HT
 }
 declare const WavelengthCommentDisplay: React__default.FC<WavelengthCommentDisplayProps>;
 
-interface WavelengthFooterProps {
-    text?: string;
-    textColor?: string;
-    id?: string;
-}
-declare function WavelengthFooter({ text, textColor, id }: WavelengthFooterProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthFooter {
-    var displayName: string;
-}
-
 /** Attributes passed through to the underlying `wavelength-button` */
 interface WavelengthButtonAttributes extends React__default.HTMLAttributes<HTMLElement> {
     [key: string]: any;
@@ -665,18 +467,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,75 +579,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;
-    closeIcon: ReactNode | React__default.JSX.Element;
-    icon?: ReactNode;
-    toggleShow: (on: boolean) => void;
-    horryAlign?: "left" | "right" | "center";
-    vertyAlign?: "top" | "bottom";
-    durationSb?: number;
-    width?: string | number;
-    message?: string | ReactNode;
-    customVertyAlign?: string;
-    id?: string;
-}
-declare function WavelengthStandardSnackbar({ type, show, icon, horryAlign, vertyAlign, durationSb, width, message, customVertyAlign, toggleShow, closeIcon, id }: StandardSnackbarProps): react_jsx_runtime.JSX.Element;
-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 +597,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 +659,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 +782,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 +838,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 { ChildDataTable, type DataGridColumn, type DataGridRow, type IFileSelectedEventDetail, type NavItem, NestedDataTable, SampleComponent, type SearchResult, type ThemeProperties, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthBadge, type WavelengthBadgeProps, WavelengthBanner, WavelengthButton, WavelengthCard, WavelengthCheckbox, WavelengthCheckboxList, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentPlaceholder, WavelengthDataGrid, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDialog, WavelengthDropdown, WavelengthExampleComponent, WavelengthFileDropZone, type WavelengthFileDropZoneProps, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMenu, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPagination, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSideBar, type WavelengthSideBarProps, WavelengthSlider, WavelengthSpinningLogo, WavelengthSwitch, WavelengthTitleBar, WavelengthToolTip, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, concat, useThemeContext };