@wavelengthusaf/components 4.17.0 → 4.21.0

package/dist/cjs/index.d.cts

@@ -175,6 +175,11 @@ interface StylableElement extends HTMLElement {
     customStyles?: StyleProp;
 }
 
+interface SearchResult {
+    id: number | string;
+    title: string;
+    subtitle?: string;
+}
 interface WavelengthSearchProps extends React__default.HTMLAttributes<HTMLElement> {
     testProp?: string;
     customStyle: StyleProp;
@@ -188,12 +193,14 @@ interface WavelengthSearchProps extends React__default.HTMLAttributes<HTMLElemen
     backgroundColor?: string;
     iconPos?: "start" | "end";
     hoverColor?: string;
-    options?: string;
+    options?: SearchResult[];
     placeholder?: string;
     placeholderColor?: string;
     placeholderFont?: string;
     inputColor?: string;
     inputFont?: string;
+    onSearchSubmit?: (query: string) => void;
+    onSearchSelect?: (option: SearchResult) => void;
 }
 declare const WavelengthSearch: React__default.FC<WavelengthSearchProps>;
 
@@ -217,36 +224,12 @@ declare namespace WavelengthNotAvailablePage {
     var displayName: string;
 }
 
-interface SubSectionItem {
-    title?: string;
-    path?: string;
-    onClick?: () => void;
-    items?: SubSectionItem[];
-}
-interface SubSection {
-    title?: string;
-    items?: SubSectionItem[];
-}
-interface Section {
-    title: string;
-    subsections?: SubSection[];
-}
-interface SidebarProps {
-    id?: string;
-    sections: Section[];
-    bgColor?: string;
-    txtColor?: string;
-    labelColor?: string;
-    arrowColor?: string;
-    marginTop?: string;
-    marginLeft?: string;
-    width?: string | number;
-    height?: string | number;
-}
-declare function WavelengthSideBar({ sections, txtColor, bgColor, labelColor, arrowColor, marginTop, marginLeft, width, height, id }: SidebarProps): React__default.JSX.Element;
-declare namespace WavelengthSideBar {
-    var displayName: string;
+interface WavelengthSideBarProps extends React__default.HTMLAttributes<HTMLElement> {
+    customStyle?: StyleProp;
+    sections?: string;
+    onItemClick?: (e: CustomEvent) => void;
 }
+declare const WavelengthSideBar: React__default.FC<WavelengthSideBarProps>;
 
 interface NavItem {
     title: string;
@@ -382,25 +365,6 @@ interface WavelengthProgressBarProps extends React__default.HTMLAttributes<HTMLE
 }
 declare const WavelengthProgressBar: React__default.FC<WavelengthProgressBarProps>;
 
-interface CommentProps {
-    width?: string;
-    height?: string;
-    author: string;
-    date: string;
-    comments: string;
-    onClick?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
-    textColor?: string;
-    backgroundColor?: string;
-    border?: string;
-    iconSelectedColor?: string;
-    dataTestId?: string;
-    id?: string;
-}
-declare function WavelengthCommentDisplay(props: CommentProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthCommentDisplay {
-    var displayName: string;
-}
-
 interface PermissionAlertProps {
     height?: string;
     width?: string;
@@ -491,6 +455,21 @@ interface WavelengthBadgeProps extends React__default.HTMLAttributes<HTMLElement
 }
 declare const WavelengthBadge: React__default.FC<WavelengthBadgeProps>;
 
+interface WavelengthCommentDisplayProps extends React__default.HTMLAttributes<HTMLElement> {
+    customStyle: StyleProp;
+    author?: string;
+    comment?: string;
+    date?: string;
+    width?: string;
+    height?: string;
+    txtColor?: string;
+    bgColor?: string;
+    border?: string;
+    iconSelectedColor?: string;
+    selected?: boolean;
+}
+declare const WavelengthCommentDisplay: React__default.FC<WavelengthCommentDisplayProps>;
+
 interface WavelengthFooterProps {
     text?: string;
     textColor?: string;
@@ -620,12 +599,12 @@ declare namespace WavelengthDefaultIcon {
 }
 
 interface WavelengthManyPlanesProps extends React__default.HTMLAttributes<HTMLElement> {
-    numberOfPlanes?: string;
+    numberOfPlanes?: number;
     trailDir?: string;
     opacity?: string;
     color?: string;
     gradient?: string;
-    spaced?: string;
+    spaced?: boolean;
 }
 declare const WavelengthManyPlanes: React__default.FC<WavelengthManyPlanesProps>;
 
@@ -1123,4 +1102,4 @@ interface MultiSelectAutocompleteProps {
 }
 declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
 
-export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, type NavItem, NestedDataTable, SampleComponent, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBadge, type WavelengthBadgeProps, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, 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, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthSwitch, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthToolTip, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, concat, findBestStringMatch, useOutsideClick, useThemeContext };
+export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, type NavItem, NestedDataTable, SampleComponent, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBadge, type WavelengthBadgeProps, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, 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, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthSwitch, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthToolTip, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, concat, findBestStringMatch, useOutsideClick, useThemeContext };

package/dist/esm/index.d.ts

@@ -175,6 +175,11 @@ interface StylableElement extends HTMLElement {
     customStyles?: StyleProp;
 }
 
+interface SearchResult {
+    id: number | string;
+    title: string;
+    subtitle?: string;
+}
 interface WavelengthSearchProps extends React__default.HTMLAttributes<HTMLElement> {
     testProp?: string;
     customStyle: StyleProp;
@@ -188,12 +193,14 @@ interface WavelengthSearchProps extends React__default.HTMLAttributes<HTMLElemen
     backgroundColor?: string;
     iconPos?: "start" | "end";
     hoverColor?: string;
-    options?: string;
+    options?: SearchResult[];
     placeholder?: string;
     placeholderColor?: string;
     placeholderFont?: string;
     inputColor?: string;
     inputFont?: string;
+    onSearchSubmit?: (query: string) => void;
+    onSearchSelect?: (option: SearchResult) => void;
 }
 declare const WavelengthSearch: React__default.FC<WavelengthSearchProps>;
 
@@ -217,36 +224,12 @@ declare namespace WavelengthNotAvailablePage {
     var displayName: string;
 }
 
-interface SubSectionItem {
-    title?: string;
-    path?: string;
-    onClick?: () => void;
-    items?: SubSectionItem[];
-}
-interface SubSection {
-    title?: string;
-    items?: SubSectionItem[];
-}
-interface Section {
-    title: string;
-    subsections?: SubSection[];
-}
-interface SidebarProps {
-    id?: string;
-    sections: Section[];
-    bgColor?: string;
-    txtColor?: string;
-    labelColor?: string;
-    arrowColor?: string;
-    marginTop?: string;
-    marginLeft?: string;
-    width?: string | number;
-    height?: string | number;
-}
-declare function WavelengthSideBar({ sections, txtColor, bgColor, labelColor, arrowColor, marginTop, marginLeft, width, height, id }: SidebarProps): React__default.JSX.Element;
-declare namespace WavelengthSideBar {
-    var displayName: string;
+interface WavelengthSideBarProps extends React__default.HTMLAttributes<HTMLElement> {
+    customStyle?: StyleProp;
+    sections?: string;
+    onItemClick?: (e: CustomEvent) => void;
 }
+declare const WavelengthSideBar: React__default.FC<WavelengthSideBarProps>;
 
 interface NavItem {
     title: string;
@@ -382,25 +365,6 @@ interface WavelengthProgressBarProps extends React__default.HTMLAttributes<HTMLE
 }
 declare const WavelengthProgressBar: React__default.FC<WavelengthProgressBarProps>;
 
-interface CommentProps {
-    width?: string;
-    height?: string;
-    author: string;
-    date: string;
-    comments: string;
-    onClick?: React__default.MouseEventHandler<HTMLButtonElement> | undefined;
-    textColor?: string;
-    backgroundColor?: string;
-    border?: string;
-    iconSelectedColor?: string;
-    dataTestId?: string;
-    id?: string;
-}
-declare function WavelengthCommentDisplay(props: CommentProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthCommentDisplay {
-    var displayName: string;
-}
-
 interface PermissionAlertProps {
     height?: string;
     width?: string;
@@ -491,6 +455,21 @@ interface WavelengthBadgeProps extends React__default.HTMLAttributes<HTMLElement
 }
 declare const WavelengthBadge: React__default.FC<WavelengthBadgeProps>;
 
+interface WavelengthCommentDisplayProps extends React__default.HTMLAttributes<HTMLElement> {
+    customStyle: StyleProp;
+    author?: string;
+    comment?: string;
+    date?: string;
+    width?: string;
+    height?: string;
+    txtColor?: string;
+    bgColor?: string;
+    border?: string;
+    iconSelectedColor?: string;
+    selected?: boolean;
+}
+declare const WavelengthCommentDisplay: React__default.FC<WavelengthCommentDisplayProps>;
+
 interface WavelengthFooterProps {
     text?: string;
     textColor?: string;
@@ -620,12 +599,12 @@ declare namespace WavelengthDefaultIcon {
 }
 
 interface WavelengthManyPlanesProps extends React__default.HTMLAttributes<HTMLElement> {
-    numberOfPlanes?: string;
+    numberOfPlanes?: number;
     trailDir?: string;
     opacity?: string;
     color?: string;
     gradient?: string;
-    spaced?: string;
+    spaced?: boolean;
 }
 declare const WavelengthManyPlanes: React__default.FC<WavelengthManyPlanesProps>;
 
@@ -1123,4 +1102,4 @@ interface MultiSelectAutocompleteProps {
 }
 declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
 
-export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, type NavItem, NestedDataTable, SampleComponent, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBadge, type WavelengthBadgeProps, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, 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, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthSwitch, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthToolTip, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, concat, findBestStringMatch, useOutsideClick, useThemeContext };
+export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, type NavItem, NestedDataTable, SampleComponent, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBadge, type WavelengthBadgeProps, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, 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, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthSwitch, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthToolTip, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, concat, findBestStringMatch, useOutsideClick, useThemeContext };