@wavelengthusaf/components 4.24.5 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,7 +2,6 @@ import * as React$1 from 'react';
2
2
  import React__default, { ReactNode, ChangeEvent, ReactElement, CSSProperties as CSSProperties$1 } from 'react';
3
3
  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';
4
4
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
- import { TextFieldVariants } from '@mui/material';
6
5
  import { CSSProperties } from 'styled-components';
7
6
  import { z } from 'zod';
8
7
 
@@ -46,102 +45,6 @@ interface WavelengthButtonProps extends React__default.HTMLAttributes<HTMLElemen
46
45
  }
47
46
  declare const WavelengthButton: React__default.FC<WavelengthButtonProps>;
48
47
 
49
- interface ButtonProps {
50
- onClick?: any;
51
- children?: ReactNode;
52
- id?: string;
53
- name?: string;
54
- }
55
- interface IconProps {
56
- text: string;
57
- numIcon?: string;
58
- children: ReactNode;
59
- active?: boolean;
60
- width: string;
61
- height: number;
62
- fontsize: number;
63
- id?: string;
64
- name?: string;
65
- }
66
- declare function ButtonIcon({ text, numIcon, children, active, width, height, fontsize, id, name }: IconProps): react_jsx_runtime.JSX.Element;
67
- interface ButtonMenuProps {
68
- children: ReactNode;
69
- }
70
- declare function ButtonMenu({ children }: ButtonMenuProps): react_jsx_runtime.JSX.Element;
71
- declare function WavelengthDropdownButton({ children, onClick }: ButtonProps): React__default.JSX.Element;
72
- declare namespace WavelengthDropdownButton {
73
- var displayName: string;
74
- }
75
-
76
- interface WavelengthAutocompleteProps {
77
- id?: string;
78
- label: string;
79
- items?: any;
80
- variant?: TextFieldVariants;
81
- width?: number;
82
- borderColor?: string;
83
- hoverColor?: string;
84
- textColor?: string;
85
- onChange?: (selectedValue: string) => void;
86
- name?: string;
87
- }
88
- /**
89
- * Returns the Best Matching String from a List; Defaults to the first item if no good match is found
90
- * @param searchString - the string we want to look for
91
- * @param choices - the list of strings we get to choose from (must be greater than 0)
92
- * @returns - a string with the "best" match, or "" if no match is found
93
- */
94
- declare function findBestStringMatch(searchString: string, choices: string[]): string;
95
- declare function WavelengthAutocomplete({ label, width, variant, items, onChange, borderColor, textColor, hoverColor, id, name }: WavelengthAutocompleteProps): react_jsx_runtime.JSX.Element;
96
- declare namespace WavelengthAutocomplete {
97
- var displayName: string;
98
- }
99
-
100
- interface DownloadProps {
101
- fileLoc: "local" | "api";
102
- fileURL: string;
103
- fileName: string;
104
- button?: ReactNode | React__default.JSX.Element;
105
- id?: string;
106
- name?: string;
107
- }
108
- declare function WavelengthFileDownloader({ fileLoc, fileURL, fileName, button, id, name }: DownloadProps): react_jsx_runtime.JSX.Element | undefined;
109
- declare namespace WavelengthFileDownloader {
110
- var displayName: string;
111
- }
112
-
113
- interface StyledButtonPropsTwo {
114
- type: "channel_one_transparent" | "channel_one_launch" | "channel_one_request" | "channel_one_pending" | "channel_one_disabled" | "ewdms_tertiary" | "ewdms_primary" | "ewdms_secondary" | "brewery" | "default";
115
- styles?: React__default.CSSProperties;
116
- hoverstyles?: React__default.CSSProperties;
117
- activestyles?: React__default.CSSProperties;
118
- disabledstyles?: React__default.CSSProperties;
119
- icon?: React__default.ReactNode;
120
- disabled?: boolean;
121
- children: React__default.ReactNode;
122
- onClick?: React__default.MouseEventHandler<HTMLButtonElement>;
123
- id?: string;
124
- name?: string;
125
- }
126
- declare function WavelengthStyledButton({ type, styles, children, disabled, hoverstyles, icon, onClick, disabledstyles, activestyles, id, name }: StyledButtonPropsTwo): react_jsx_runtime.JSX.Element;
127
- declare namespace WavelengthStyledButton {
128
- var displayName: string;
129
- }
130
-
131
- interface WavelengthBoxProps {
132
- width?: number;
133
- height?: number;
134
- children: ReactNode;
135
- borderTopRadius?: string;
136
- borderBottomRadius?: string;
137
- id?: string;
138
- name?: string;
139
- }
140
- declare function WavelengthBox({ width, height, children, borderBottomRadius, borderTopRadius, id, name }: WavelengthBoxProps): react_jsx_runtime.JSX.Element;
141
- declare namespace WavelengthBox {
142
- var displayName: string;
143
- }
144
-
145
48
  interface WavelengthContentPlaceholderProps {
146
49
  type?: "circle" | "rectangle";
147
50
  width?: string | number;
@@ -203,39 +106,6 @@ interface WavelengthSearchProps extends React__default.HTMLAttributes<HTMLElemen
203
106
  }
204
107
  declare const WavelengthSearch: React__default.FC<WavelengthSearchProps>;
205
108
 
206
- declare function WavelengthSearchTextField(): react_jsx_runtime.JSX.Element;
207
- declare namespace WavelengthSearchTextField {
208
- var displayName: string;
209
- }
210
-
211
- interface SearchProps {
212
- id?: string;
213
- mode: "automatic" | "manual";
214
- type?: "text-box" | "search-bar";
215
- iconPos?: "start" | "end";
216
- clearIconMarginRight?: string;
217
- borderRadius?: number | string;
218
- label?: string;
219
- width?: string;
220
- height?: string | number;
221
- children?: ReactNode;
222
- borderColor?: string;
223
- hoverColor?: string;
224
- textColor?: string;
225
- backgroundColor?: string;
226
- placeholder?: string;
227
- onEnter?: (arg0?: any) => any;
228
- size?: "small" | "medium";
229
- fontSize?: string;
230
- options: SearchResult[];
231
- onChange?: React__default.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
232
- onSearchItemSelected?: (selectedItem: SearchResult | string) => void;
233
- }
234
- 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;
235
- declare namespace MuiSearch {
236
- var displayName: string;
237
- }
238
-
239
109
  type WavelengthCardData = {
240
110
  title?: string;
241
111
  description?: string;
@@ -358,24 +228,6 @@ declare const WavelengthSpinningLogo: {
358
228
  displayName: string;
359
229
  };
360
230
 
361
- interface DragAndDropProps {
362
- width?: string;
363
- height?: string;
364
- border?: string;
365
- onFilesSelected: (files: File[]) => void;
366
- textColor?: string;
367
- fontSize?: string;
368
- allowedFileMIME?: string[];
369
- allowedFileExtensions?: string;
370
- backgroundColor?: string;
371
- dataTestId?: string;
372
- id?: string;
373
- }
374
- declare function WavelengthDragAndDrop({ width, height, onFilesSelected, border, textColor, fontSize, allowedFileMIME, allowedFileExtensions, backgroundColor, dataTestId, id, }: DragAndDropProps): react_jsx_runtime.JSX.Element;
375
- declare namespace WavelengthDragAndDrop {
376
- var displayName: string;
377
- }
378
-
379
231
  interface WavelengthProgressBarProps extends React__default.HTMLAttributes<HTMLElement> {
380
232
  name?: string;
381
233
  id?: string;
@@ -407,46 +259,6 @@ declare namespace WavelengthPermissionAlert {
407
259
  var displayName: string;
408
260
  }
409
261
 
410
- interface AccessAlertProps {
411
- height?: string;
412
- width?: string;
413
- access?: "Access Request" | "Access Granted" | "Access Denied";
414
- appAdmin?: string;
415
- time?: string;
416
- requestorName?: string;
417
- appNickname?: string;
418
- message?: string;
419
- appLogo?: string;
420
- dataTestId?: string;
421
- id?: string;
422
- backgroundColor?: string;
423
- onClear?: React__default.MouseEventHandler<HTMLAnchorElement> | undefined;
424
- }
425
- declare function WavelengthAccessAlert({ height, dataTestId, id, width, time, access, appNickname, appLogo, appAdmin, requestorName, }: AccessAlertProps): react_jsx_runtime.JSX.Element;
426
- declare namespace WavelengthAccessAlert {
427
- var displayName: string;
428
- }
429
-
430
- interface WavelengthAlertProps {
431
- id?: string;
432
- height?: string;
433
- width?: string;
434
- variant?: "caveman" | "basic" | "civilized";
435
- backgroundColor?: string;
436
- alertType?: string | React__default.ReactNode;
437
- alertDescription?: string | React__default.ReactNode;
438
- datatestid?: string;
439
- viewed?: boolean;
440
- timeStamp?: string | React__default.ReactNode;
441
- appName?: string | React__default.ReactNode;
442
- url?: string;
443
- onClose?: () => void;
444
- }
445
- declare function WavelengthAlert({ viewed, width, height, backgroundColor, appName, alertType, alertDescription, datatestid, variant, timeStamp, url, id, onClose, }: WavelengthAlertProps): react_jsx_runtime.JSX.Element;
446
- declare namespace WavelengthAlert {
447
- var displayName: string;
448
- }
449
-
450
262
  interface WavelengthToolTipProps extends React__default.HTMLAttributes<HTMLElement> {
451
263
  color?: string;
452
264
  font?: string;
@@ -494,16 +306,6 @@ interface WavelengthCommentDisplayProps extends React__default.HTMLAttributes<HT
494
306
  }
495
307
  declare const WavelengthCommentDisplay: React__default.FC<WavelengthCommentDisplayProps>;
496
308
 
497
- interface WavelengthFooterProps {
498
- text?: string;
499
- textColor?: string;
500
- id?: string;
501
- }
502
- declare function WavelengthFooter({ text, textColor, id }: WavelengthFooterProps): react_jsx_runtime.JSX.Element;
503
- declare namespace WavelengthFooter {
504
- var displayName: string;
505
- }
506
-
507
309
  /** Attributes passed through to the underlying `wavelength-button` */
508
310
  interface WavelengthButtonAttributes extends React__default.HTMLAttributes<HTMLElement> {
509
311
  [key: string]: any;
@@ -665,18 +467,6 @@ declare namespace WavelengthConfirmationModal {
665
467
  var displayName: string;
666
468
  }
667
469
 
668
- interface WavelengthContentModalProps {
669
- show: boolean;
670
- setShow: (show: boolean) => void;
671
- textObj: Record<string, string>;
672
- handleContentModalOnConfirmProp: () => void;
673
- id?: string;
674
- }
675
- declare function WavelengthContentModal(props: WavelengthContentModalProps): react_jsx_runtime.JSX.Element;
676
- declare namespace WavelengthContentModal {
677
- var displayName: string;
678
- }
679
-
680
470
  interface WavelengthPopUpMenuProps extends React__default.HTMLAttributes<HTMLElement> {
681
471
  customStyle?: StyleProp;
682
472
  variant?: "menu" | "card";
@@ -789,75 +579,6 @@ interface WavelengthPaginationProps extends React__default.HTMLAttributes<HTMLEl
789
579
  }
790
580
  declare const WavelengthPagination: React__default.FC<WavelengthPaginationProps>;
791
581
 
792
- interface PaginationProps {
793
- totalPages: number;
794
- boundaryCount?: number;
795
- siblingCount?: number;
796
- currentPageNumber: number;
797
- style?: "text" | "contained" | "outlined" | "circular";
798
- onPageChange: (page: number) => void;
799
- id?: string;
800
- }
801
- declare function WavelengthDefaultPagination({ totalPages, currentPageNumber, siblingCount, boundaryCount, style, onPageChange, id }: PaginationProps): react_jsx_runtime.JSX.Element;
802
- declare namespace WavelengthDefaultPagination {
803
- var displayName: string;
804
- }
805
-
806
- interface ConfirmationSnackbarProps {
807
- show: boolean;
808
- setShow: (show: boolean) => void;
809
- closeIcon?: ReactNode | React__default.JSX.Element;
810
- message?: ReactNode | React__default.JSX.Element;
811
- snackBarColor?: string;
812
- textColor?: string;
813
- horryAlign?: "left" | "right" | "center";
814
- vertyAlign?: "top" | "bottom";
815
- durationSb?: number;
816
- id?: string;
817
- width?: string | number;
818
- icon?: ReactNode;
819
- }
820
- declare function WavelengthSnackbar({ show, setShow, closeIcon, message, snackBarColor, textColor, horryAlign, vertyAlign, durationSb, width, icon, id }: ConfirmationSnackbarProps): react_jsx_runtime.JSX.Element;
821
- declare namespace WavelengthSnackbar {
822
- var displayName: string;
823
- }
824
-
825
- interface StandardSnackbarProps {
826
- type: "success" | "error" | "disabled";
827
- show: boolean;
828
- closeIcon: ReactNode | React__default.JSX.Element;
829
- icon?: ReactNode;
830
- toggleShow: (on: boolean) => void;
831
- horryAlign?: "left" | "right" | "center";
832
- vertyAlign?: "top" | "bottom";
833
- durationSb?: number;
834
- width?: string | number;
835
- message?: string | ReactNode;
836
- customVertyAlign?: string;
837
- id?: string;
838
- }
839
- declare function WavelengthStandardSnackbar({ type, show, icon, horryAlign, vertyAlign, durationSb, width, message, customVertyAlign, toggleShow, closeIcon, id }: StandardSnackbarProps): react_jsx_runtime.JSX.Element;
840
- declare namespace WavelengthStandardSnackbar {
841
- var displayName: string;
842
- }
843
-
844
- interface Testprops {
845
- isPopUpOpen: boolean;
846
- type: "success" | "error" | "disabled";
847
- icon?: ReactNode;
848
- width?: string | number;
849
- message?: string | ReactNode;
850
- img: React__default.JSX.Element | ReactNode;
851
- id?: string;
852
- toggleOpen: (value: React__default.SetStateAction<boolean>) => void;
853
- customVertyAlign?: string;
854
- }
855
- declare const useOutsideClick: (callback: () => void) => React__default.RefObject<HTMLDivElement>;
856
- declare function WavelengthTestSnackbar({ isPopUpOpen, toggleOpen, type, message, customVertyAlign, width, img, id }: Testprops): react_jsx_runtime.JSX.Element;
857
- declare namespace WavelengthTestSnackbar {
858
- var displayName: string;
859
- }
860
-
861
582
  interface WavelengthSliderProps extends React__default.HTMLAttributes<HTMLElement> {
862
583
  customStyle?: StyleProp;
863
584
  value?: number;
@@ -876,45 +597,6 @@ interface WavelengthSliderProps extends React__default.HTMLAttributes<HTMLElemen
876
597
  }
877
598
  declare const WavelengthSlider: React__default.FC<WavelengthSliderProps>;
878
599
 
879
- interface carouselItem$1 {
880
- title?: string;
881
- description?: string;
882
- image: string;
883
- path: string;
884
- }
885
- interface carouselConfigArray$1 {
886
- items: carouselItem$1[];
887
- }
888
- interface adjustableDimensions {
889
- buttonSize?: number;
890
- imageHeight?: number;
891
- imageWidth?: number;
892
- cardWidth?: number;
893
- cardHeight?: number;
894
- id?: string;
895
- name?: string;
896
- }
897
- declare const DefaultCarousel: React__default.FC<carouselConfigArray$1 & adjustableDimensions>;
898
-
899
- interface carouselItem {
900
- title?: string;
901
- description?: string;
902
- image: string;
903
- path: string;
904
- }
905
- interface carouselConfigArray {
906
- items: carouselItem[];
907
- }
908
- interface adjustDimenforCarousel {
909
- contHeight?: number;
910
- contWidth?: number;
911
- cardWidth?: number;
912
- cardHeight?: number;
913
- id?: string;
914
- name?: string;
915
- }
916
- declare const SliderCardCarousel: React__default.FC<carouselConfigArray & adjustDimenforCarousel>;
917
-
918
600
  interface WavelengthInputProps extends React__default.HTMLAttributes<HTMLElement> {
919
601
  id?: string;
920
602
  name?: string;
@@ -977,6 +659,27 @@ declare const WavelengthDataTable: {
977
659
  displayName: string;
978
660
  };
979
661
 
662
+ interface DataGridColumn {
663
+ field: string;
664
+ headerName?: string;
665
+ width?: number;
666
+ flex?: number;
667
+ }
668
+ interface DataGridRow {
669
+ id: string | number;
670
+ [key: string]: any;
671
+ }
672
+ interface WavelengthDataGridProps extends React__default.HTMLAttributes<HTMLElement> {
673
+ columns: DataGridColumn[];
674
+ rows: DataGridRow[];
675
+ pageSize?: number;
676
+ checkboxSelection?: boolean;
677
+ hidePagination?: boolean;
678
+ onSelectionChange?: (selectedIds: (string | number)[]) => void;
679
+ customStyle?: StyleProp;
680
+ }
681
+ declare const WavelengthDataGrid: React__default.FC<WavelengthDataGridProps>;
682
+
980
683
  interface ChildDataTableProps extends React__default.HTMLAttributes<HTMLElement> {
981
684
  columns?: any[];
982
685
  data?: any[];
@@ -1079,11 +782,13 @@ interface SampleComponentProps extends React__default.HTMLAttributes<HTMLElement
1079
782
  declare const SampleComponent: React__default.FC<SampleComponentProps>;
1080
783
 
1081
784
  interface WavelengthNotificationPanelProps extends React__default.HTMLAttributes<HTMLElement> {
1082
- notifications: string[];
1083
- darkMode?: boolean;
1084
- onMarkAsRead: () => void;
1085
785
  onSignOut: () => void;
1086
- accountLink?: string;
786
+ username: string;
787
+ action: Array<{
788
+ icon?: string;
789
+ name: string;
790
+ onClick: () => void;
791
+ }>;
1087
792
  }
1088
793
  declare const WavelengthNotificationPanel: React__default.FC<WavelengthNotificationPanelProps>;
1089
794
 
@@ -1133,4 +838,4 @@ interface WavelengthCheckboxListProps extends React__default.HTMLAttributes<HTML
1133
838
  }
1134
839
  declare const WavelengthCheckboxList: React__default.FC<WavelengthCheckboxListProps>;
1135
840
 
1136
- 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 };
841
+ 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 };