@wavelengthusaf/components 5.0.3 → 5.0.6
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.
- package/README.md +113 -0
- package/dist/cjs/index.cjs +618 -63
- package/dist/cjs/index.d.cts +59 -5
- package/dist/esm/index.d.ts +59 -5
- package/dist/esm/index.js +850 -295
- package/package.json +2 -2
package/dist/cjs/index.d.cts
CHANGED
|
@@ -45,6 +45,24 @@ interface WavelengthButtonProps extends React__default.HTMLAttributes<HTMLElemen
|
|
|
45
45
|
}
|
|
46
46
|
declare const WavelengthButton: React__default.FC<WavelengthButtonProps>;
|
|
47
47
|
|
|
48
|
+
interface StyledButtonPropsTwo {
|
|
49
|
+
type: "channel_one_transparent" | "channel_one_launch" | "channel_one_request" | "channel_one_pending" | "channel_one_disabled" | "ewdms_tertiary" | "ewdms_primary" | "ewdms_secondary" | "brewery" | "default";
|
|
50
|
+
styles?: React__default.CSSProperties;
|
|
51
|
+
hoverstyles?: React__default.CSSProperties;
|
|
52
|
+
activestyles?: React__default.CSSProperties;
|
|
53
|
+
disabledstyles?: React__default.CSSProperties;
|
|
54
|
+
icon?: React__default.ReactNode;
|
|
55
|
+
disabled?: boolean;
|
|
56
|
+
children: React__default.ReactNode;
|
|
57
|
+
onClick?: React__default.MouseEventHandler<HTMLButtonElement>;
|
|
58
|
+
id?: string;
|
|
59
|
+
name?: string;
|
|
60
|
+
}
|
|
61
|
+
declare function WavelengthStyledButton({ type, styles, children, disabled, hoverstyles, icon, onClick, disabledstyles, activestyles, id, name }: StyledButtonPropsTwo): react_jsx_runtime.JSX.Element;
|
|
62
|
+
declare namespace WavelengthStyledButton {
|
|
63
|
+
var displayName: string;
|
|
64
|
+
}
|
|
65
|
+
|
|
48
66
|
interface WavelengthContentPlaceholderProps {
|
|
49
67
|
type?: "circle" | "rectangle";
|
|
50
68
|
width?: string | number;
|
|
@@ -204,7 +222,7 @@ interface WavelengthFileDropZoneProps extends React__default.HTMLAttributes<HTML
|
|
|
204
222
|
}
|
|
205
223
|
declare const WavelengthFileDropZone: React__default.ForwardRefExoticComponent<WavelengthFileDropZoneProps & React__default.RefAttributes<HTMLElement>>;
|
|
206
224
|
|
|
207
|
-
interface
|
|
225
|
+
interface WavelengthSnackbarProps extends React__default.HTMLAttributes<HTMLElement> {
|
|
208
226
|
message?: string;
|
|
209
227
|
duration?: number;
|
|
210
228
|
backgroundColor?: string;
|
|
@@ -218,7 +236,7 @@ interface WavelengthWebSnackbarProps extends React__default.HTMLAttributes<HTMLE
|
|
|
218
236
|
horizontalAlign?: string;
|
|
219
237
|
verticalAlign?: "top" | "center" | "bottom";
|
|
220
238
|
}
|
|
221
|
-
declare const
|
|
239
|
+
declare const WavelengthSnackbar: React__default.FC<WavelengthSnackbarProps>;
|
|
222
240
|
|
|
223
241
|
type WavelengthSpinningLogoProps = {
|
|
224
242
|
size?: number | string | null;
|
|
@@ -261,6 +279,24 @@ declare namespace WavelengthPermissionAlert {
|
|
|
261
279
|
var displayName: string;
|
|
262
280
|
}
|
|
263
281
|
|
|
282
|
+
interface DragAndDropProps {
|
|
283
|
+
width?: string;
|
|
284
|
+
height?: string;
|
|
285
|
+
border?: string;
|
|
286
|
+
onFilesSelected: (files: File[]) => void;
|
|
287
|
+
textColor?: string;
|
|
288
|
+
fontSize?: string;
|
|
289
|
+
allowedFileMIME?: string[];
|
|
290
|
+
allowedFileExtensions?: string;
|
|
291
|
+
backgroundColor?: string;
|
|
292
|
+
dataTestId?: string;
|
|
293
|
+
id?: string;
|
|
294
|
+
}
|
|
295
|
+
declare function WavelengthDragAndDrop({ width, height, onFilesSelected, border, textColor, fontSize, allowedFileMIME, allowedFileExtensions, backgroundColor, dataTestId, id, }: DragAndDropProps): react_jsx_runtime.JSX.Element;
|
|
296
|
+
declare namespace WavelengthDragAndDrop {
|
|
297
|
+
var displayName: string;
|
|
298
|
+
}
|
|
299
|
+
|
|
264
300
|
interface WavelengthToolTipProps extends React__default.HTMLAttributes<HTMLElement> {
|
|
265
301
|
color?: string;
|
|
266
302
|
font?: string;
|
|
@@ -638,6 +674,23 @@ declare const WavelengthInput: React__default.ForwardRefExoticComponent<Waveleng
|
|
|
638
674
|
validate?: () => boolean;
|
|
639
675
|
}>>;
|
|
640
676
|
|
|
677
|
+
interface PaginationOptions {
|
|
678
|
+
testProp?: string;
|
|
679
|
+
customStyle?: StyleProp;
|
|
680
|
+
variant?: "basic" | "common";
|
|
681
|
+
textColor?: string;
|
|
682
|
+
font?: string;
|
|
683
|
+
fontSize?: string;
|
|
684
|
+
border?: string;
|
|
685
|
+
borderRadius?: string;
|
|
686
|
+
padding?: string;
|
|
687
|
+
activeColor?: string;
|
|
688
|
+
activeTextColor?: string;
|
|
689
|
+
backgroundColor?: string;
|
|
690
|
+
disabledColor?: string;
|
|
691
|
+
className?: string;
|
|
692
|
+
style?: React.CSSProperties;
|
|
693
|
+
}
|
|
641
694
|
interface DataType$1 {
|
|
642
695
|
id: number;
|
|
643
696
|
[key: string]: any;
|
|
@@ -655,9 +708,11 @@ type Props$1<T> = {
|
|
|
655
708
|
itemsPerPage: number;
|
|
656
709
|
totalPages: number;
|
|
657
710
|
id?: string;
|
|
711
|
+
onRowClick?: (item: T) => void;
|
|
712
|
+
paginationOptions?: PaginationOptions;
|
|
658
713
|
};
|
|
659
714
|
declare const WavelengthDataTable: {
|
|
660
|
-
<T extends DataType$1>({ data, columns, itemsPerPage, totalPages, id }: Props$1<T>): react_jsx_runtime.JSX.Element;
|
|
715
|
+
<T extends DataType$1>({ data, columns, itemsPerPage, totalPages, id, onRowClick, paginationOptions }: Props$1<T>): react_jsx_runtime.JSX.Element;
|
|
661
716
|
displayName: string;
|
|
662
717
|
};
|
|
663
718
|
|
|
@@ -784,7 +839,6 @@ interface SampleComponentProps extends React__default.HTMLAttributes<HTMLElement
|
|
|
784
839
|
declare const SampleComponent: React__default.FC<SampleComponentProps>;
|
|
785
840
|
|
|
786
841
|
interface WavelengthNotificationPanelProps extends React__default.HTMLAttributes<HTMLElement> {
|
|
787
|
-
onSignOut: () => void;
|
|
788
842
|
username: string;
|
|
789
843
|
action: Array<{
|
|
790
844
|
icon?: string;
|
|
@@ -840,4 +894,4 @@ interface WavelengthCheckboxListProps extends React__default.HTMLAttributes<HTML
|
|
|
840
894
|
}
|
|
841
895
|
declare const WavelengthCheckboxList: React__default.FC<WavelengthCheckboxListProps>;
|
|
842
896
|
|
|
843
|
-
export { ChildDataTable, type DataGridColumn, type DataGridRow, type FileSelectedEventDetail, 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,
|
|
897
|
+
export { ChildDataTable, type DataGridColumn, type DataGridRow, type FileSelectedEventDetail, type IFileSelectedEventDetail, type NavItem, NestedDataTable, type PaginationOptions, SampleComponent, type SearchResult, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthBadge, type WavelengthBadgeProps, WavelengthBanner, WavelengthButton, WavelengthCard, WavelengthCheckbox, WavelengthCheckboxList, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentPlaceholder, WavelengthDataGrid, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDialog, WavelengthDragAndDrop, 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, WavelengthSnackbar, type WavelengthSnackbarProps, WavelengthSpinningLogo, WavelengthStyledButton, WavelengthSwitch, WavelengthTitleBar, WavelengthToolTip, add, concat, useThemeContext };
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -45,6 +45,24 @@ interface WavelengthButtonProps extends React__default.HTMLAttributes<HTMLElemen
|
|
|
45
45
|
}
|
|
46
46
|
declare const WavelengthButton: React__default.FC<WavelengthButtonProps>;
|
|
47
47
|
|
|
48
|
+
interface StyledButtonPropsTwo {
|
|
49
|
+
type: "channel_one_transparent" | "channel_one_launch" | "channel_one_request" | "channel_one_pending" | "channel_one_disabled" | "ewdms_tertiary" | "ewdms_primary" | "ewdms_secondary" | "brewery" | "default";
|
|
50
|
+
styles?: React__default.CSSProperties;
|
|
51
|
+
hoverstyles?: React__default.CSSProperties;
|
|
52
|
+
activestyles?: React__default.CSSProperties;
|
|
53
|
+
disabledstyles?: React__default.CSSProperties;
|
|
54
|
+
icon?: React__default.ReactNode;
|
|
55
|
+
disabled?: boolean;
|
|
56
|
+
children: React__default.ReactNode;
|
|
57
|
+
onClick?: React__default.MouseEventHandler<HTMLButtonElement>;
|
|
58
|
+
id?: string;
|
|
59
|
+
name?: string;
|
|
60
|
+
}
|
|
61
|
+
declare function WavelengthStyledButton({ type, styles, children, disabled, hoverstyles, icon, onClick, disabledstyles, activestyles, id, name }: StyledButtonPropsTwo): react_jsx_runtime.JSX.Element;
|
|
62
|
+
declare namespace WavelengthStyledButton {
|
|
63
|
+
var displayName: string;
|
|
64
|
+
}
|
|
65
|
+
|
|
48
66
|
interface WavelengthContentPlaceholderProps {
|
|
49
67
|
type?: "circle" | "rectangle";
|
|
50
68
|
width?: string | number;
|
|
@@ -204,7 +222,7 @@ interface WavelengthFileDropZoneProps extends React__default.HTMLAttributes<HTML
|
|
|
204
222
|
}
|
|
205
223
|
declare const WavelengthFileDropZone: React__default.ForwardRefExoticComponent<WavelengthFileDropZoneProps & React__default.RefAttributes<HTMLElement>>;
|
|
206
224
|
|
|
207
|
-
interface
|
|
225
|
+
interface WavelengthSnackbarProps extends React__default.HTMLAttributes<HTMLElement> {
|
|
208
226
|
message?: string;
|
|
209
227
|
duration?: number;
|
|
210
228
|
backgroundColor?: string;
|
|
@@ -218,7 +236,7 @@ interface WavelengthWebSnackbarProps extends React__default.HTMLAttributes<HTMLE
|
|
|
218
236
|
horizontalAlign?: string;
|
|
219
237
|
verticalAlign?: "top" | "center" | "bottom";
|
|
220
238
|
}
|
|
221
|
-
declare const
|
|
239
|
+
declare const WavelengthSnackbar: React__default.FC<WavelengthSnackbarProps>;
|
|
222
240
|
|
|
223
241
|
type WavelengthSpinningLogoProps = {
|
|
224
242
|
size?: number | string | null;
|
|
@@ -261,6 +279,24 @@ declare namespace WavelengthPermissionAlert {
|
|
|
261
279
|
var displayName: string;
|
|
262
280
|
}
|
|
263
281
|
|
|
282
|
+
interface DragAndDropProps {
|
|
283
|
+
width?: string;
|
|
284
|
+
height?: string;
|
|
285
|
+
border?: string;
|
|
286
|
+
onFilesSelected: (files: File[]) => void;
|
|
287
|
+
textColor?: string;
|
|
288
|
+
fontSize?: string;
|
|
289
|
+
allowedFileMIME?: string[];
|
|
290
|
+
allowedFileExtensions?: string;
|
|
291
|
+
backgroundColor?: string;
|
|
292
|
+
dataTestId?: string;
|
|
293
|
+
id?: string;
|
|
294
|
+
}
|
|
295
|
+
declare function WavelengthDragAndDrop({ width, height, onFilesSelected, border, textColor, fontSize, allowedFileMIME, allowedFileExtensions, backgroundColor, dataTestId, id, }: DragAndDropProps): react_jsx_runtime.JSX.Element;
|
|
296
|
+
declare namespace WavelengthDragAndDrop {
|
|
297
|
+
var displayName: string;
|
|
298
|
+
}
|
|
299
|
+
|
|
264
300
|
interface WavelengthToolTipProps extends React__default.HTMLAttributes<HTMLElement> {
|
|
265
301
|
color?: string;
|
|
266
302
|
font?: string;
|
|
@@ -638,6 +674,23 @@ declare const WavelengthInput: React__default.ForwardRefExoticComponent<Waveleng
|
|
|
638
674
|
validate?: () => boolean;
|
|
639
675
|
}>>;
|
|
640
676
|
|
|
677
|
+
interface PaginationOptions {
|
|
678
|
+
testProp?: string;
|
|
679
|
+
customStyle?: StyleProp;
|
|
680
|
+
variant?: "basic" | "common";
|
|
681
|
+
textColor?: string;
|
|
682
|
+
font?: string;
|
|
683
|
+
fontSize?: string;
|
|
684
|
+
border?: string;
|
|
685
|
+
borderRadius?: string;
|
|
686
|
+
padding?: string;
|
|
687
|
+
activeColor?: string;
|
|
688
|
+
activeTextColor?: string;
|
|
689
|
+
backgroundColor?: string;
|
|
690
|
+
disabledColor?: string;
|
|
691
|
+
className?: string;
|
|
692
|
+
style?: React.CSSProperties;
|
|
693
|
+
}
|
|
641
694
|
interface DataType$1 {
|
|
642
695
|
id: number;
|
|
643
696
|
[key: string]: any;
|
|
@@ -655,9 +708,11 @@ type Props$1<T> = {
|
|
|
655
708
|
itemsPerPage: number;
|
|
656
709
|
totalPages: number;
|
|
657
710
|
id?: string;
|
|
711
|
+
onRowClick?: (item: T) => void;
|
|
712
|
+
paginationOptions?: PaginationOptions;
|
|
658
713
|
};
|
|
659
714
|
declare const WavelengthDataTable: {
|
|
660
|
-
<T extends DataType$1>({ data, columns, itemsPerPage, totalPages, id }: Props$1<T>): react_jsx_runtime.JSX.Element;
|
|
715
|
+
<T extends DataType$1>({ data, columns, itemsPerPage, totalPages, id, onRowClick, paginationOptions }: Props$1<T>): react_jsx_runtime.JSX.Element;
|
|
661
716
|
displayName: string;
|
|
662
717
|
};
|
|
663
718
|
|
|
@@ -784,7 +839,6 @@ interface SampleComponentProps extends React__default.HTMLAttributes<HTMLElement
|
|
|
784
839
|
declare const SampleComponent: React__default.FC<SampleComponentProps>;
|
|
785
840
|
|
|
786
841
|
interface WavelengthNotificationPanelProps extends React__default.HTMLAttributes<HTMLElement> {
|
|
787
|
-
onSignOut: () => void;
|
|
788
842
|
username: string;
|
|
789
843
|
action: Array<{
|
|
790
844
|
icon?: string;
|
|
@@ -840,4 +894,4 @@ interface WavelengthCheckboxListProps extends React__default.HTMLAttributes<HTML
|
|
|
840
894
|
}
|
|
841
895
|
declare const WavelengthCheckboxList: React__default.FC<WavelengthCheckboxListProps>;
|
|
842
896
|
|
|
843
|
-
export { ChildDataTable, type DataGridColumn, type DataGridRow, type FileSelectedEventDetail, 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,
|
|
897
|
+
export { ChildDataTable, type DataGridColumn, type DataGridRow, type FileSelectedEventDetail, type IFileSelectedEventDetail, type NavItem, NestedDataTable, type PaginationOptions, SampleComponent, type SearchResult, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthBadge, type WavelengthBadgeProps, WavelengthBanner, WavelengthButton, WavelengthCard, WavelengthCheckbox, WavelengthCheckboxList, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentPlaceholder, WavelengthDataGrid, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDialog, WavelengthDragAndDrop, 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, WavelengthSnackbar, type WavelengthSnackbarProps, WavelengthSpinningLogo, WavelengthStyledButton, WavelengthSwitch, WavelengthTitleBar, WavelengthToolTip, add, concat, useThemeContext };
|