@wavelengthusaf/components 4.12.0 → 4.15.0

package/dist/cjs/index.d.cts

@@ -171,6 +171,10 @@ declare namespace WavelengthExampleComponent {
 type StyleProp = {
     [selector: string]: any;
 } & CSSProperties;
+/** Extending from this instead of HTMLElement in component refs allows for integration with the styling mixin in web components*/
+interface StylableElement extends HTMLElement {
+    customStyles: StyleProp;
+}
 
 interface WavelengthSearchProps extends React__default.HTMLAttributes<HTMLElement> {
     testProp?: string;
@@ -465,6 +469,29 @@ interface WavelengthToolTipProps extends React__default.HTMLAttributes<HTMLEleme
 }
 declare const WavelengthToolTip: React__default.FC<WavelengthToolTipProps>;
 
+interface WavelengthBadgeProps extends React__default.HTMLAttributes<HTMLElement> {
+    customStyle: StyleProp;
+    variant?: "Basic" | "withInstance";
+    badgeBorderRadius?: string;
+    fontSize?: string;
+    href?: string;
+    badgeColor?: string;
+    badgeTextColor?: string;
+    badgeHoverColor?: string;
+    badgeContent?: string | number;
+    badgeFont?: string;
+    badgeSize?: string;
+    textBoxWidth?: string;
+    textBoxHeight?: string;
+    textBoxBackgroundColor?: string;
+    textBoxTextColor?: string;
+    textBoxBorderColor?: string;
+    textBoxBorderRadius?: string;
+    textBoxHoverBorderColor?: string;
+    item?: React__default.ReactNode;
+}
+declare const WavelengthBadge: React__default.FC<WavelengthBadgeProps>;
+
 interface WavelengthFooterProps {
     text?: string;
     textColor?: string;
@@ -627,8 +654,8 @@ interface WavelengthConfirmationModalProps {
     height?: string;
     fontFamily?: string;
     textColor?: string;
-    cancelButton?: React.ReactNode;
-    submitButton?: React.ReactNode;
+    cancelButton?: React__default.ReactNode;
+    submitButton?: React__default.ReactNode;
     backgroundColor?: string;
 }
 declare function WavelengthConfirmationModal(props: WavelengthConfirmationModalProps): react_jsx_runtime.JSX.Element;
@@ -648,27 +675,16 @@ declare namespace WavelengthContentModal {
     var displayName: string;
 }
 
-interface menuItemProps {
-    itemType: "header" | "link" | "footer" | string;
-    label: string | number;
-    link?: string;
-    end?: boolean;
-    email?: string;
-    hoverColor?: string;
-}
-interface PopUPMenuProps {
-    menuItems: menuItemProps[];
-    customIcon?: React__default.ReactNode;
-    width?: string;
-    menuDirection?: "top" | "bottom";
-    color?: string;
-    border?: string;
-    id?: string;
-}
-declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection, color, id, border }: PopUPMenuProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthPopUpMenu {
-    var displayName: string;
-}
+interface WavelengthPopUpMenuProps extends React__default.HTMLAttributes<HTMLElement> {
+    customStyle?: StyleProp;
+    variant?: "menu" | "card";
+    trigger?: "click" | "hover";
+    menuDirection?: "up" | "down" | "left" | "right";
+    menuOffset?: number;
+    menuItems?: any[];
+    badgeLabel?: string;
+}
+declare const WavelengthPopUpMenu: React__default.ForwardRefExoticComponent<WavelengthPopUpMenuProps & React__default.RefAttributes<StylableElement>>;
 
 interface WavelengthDropdownProps extends React.HTMLAttributes<HTMLElement> {
     options?: {
@@ -727,6 +743,30 @@ interface WavelengthSwitchProps extends React__default.HTMLAttributes<HTMLElemen
 }
 declare const WavelengthSwitch: React__default.FC<WavelengthSwitchProps>;
 
+interface WavelengthDialogProps extends React__default.HTMLAttributes<HTMLElement> {
+    customStyle?: StyleProp;
+    dialogTitle?: string;
+    leftBtnLabel?: string;
+    rightBtnLabel?: string;
+    boxColor?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+    shadow?: string;
+    borderRadius?: string;
+    borderColor?: string;
+    textColor?: string;
+    leftBtnBg?: string;
+    leftBtnColor?: string;
+    rightBtnBg?: string;
+    rightBtnColor?: string;
+    overlay?: boolean;
+    fontFamily?: string;
+    open?: boolean;
+    onWlLeftBtnClick?: (e: CustomEvent) => void;
+    onWlRightBtnClick?: (e: CustomEvent) => void;
+}
+declare const WavelengthDialog: React__default.FC<WavelengthDialogProps>;
+
 interface WavelengthPaginationProps extends React__default.HTMLAttributes<HTMLElement> {
     testProp?: string;
     customStyle: StyleProp;
@@ -892,6 +932,7 @@ interface WavelengthInputProps extends React__default.HTMLAttributes<HTMLElement
     required?: boolean;
     forceError?: boolean;
     disabled?: boolean;
+    multiLine?: boolean;
     width?: string;
     height?: string;
     padding?: string;
@@ -1080,4 +1121,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, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, 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, type menuItemProps, useOutsideClick, useThemeContext };
+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 };

package/dist/esm/index.d.ts

@@ -171,6 +171,10 @@ declare namespace WavelengthExampleComponent {
 type StyleProp = {
     [selector: string]: any;
 } & CSSProperties;
+/** Extending from this instead of HTMLElement in component refs allows for integration with the styling mixin in web components*/
+interface StylableElement extends HTMLElement {
+    customStyles: StyleProp;
+}
 
 interface WavelengthSearchProps extends React__default.HTMLAttributes<HTMLElement> {
     testProp?: string;
@@ -465,6 +469,29 @@ interface WavelengthToolTipProps extends React__default.HTMLAttributes<HTMLEleme
 }
 declare const WavelengthToolTip: React__default.FC<WavelengthToolTipProps>;
 
+interface WavelengthBadgeProps extends React__default.HTMLAttributes<HTMLElement> {
+    customStyle: StyleProp;
+    variant?: "Basic" | "withInstance";
+    badgeBorderRadius?: string;
+    fontSize?: string;
+    href?: string;
+    badgeColor?: string;
+    badgeTextColor?: string;
+    badgeHoverColor?: string;
+    badgeContent?: string | number;
+    badgeFont?: string;
+    badgeSize?: string;
+    textBoxWidth?: string;
+    textBoxHeight?: string;
+    textBoxBackgroundColor?: string;
+    textBoxTextColor?: string;
+    textBoxBorderColor?: string;
+    textBoxBorderRadius?: string;
+    textBoxHoverBorderColor?: string;
+    item?: React__default.ReactNode;
+}
+declare const WavelengthBadge: React__default.FC<WavelengthBadgeProps>;
+
 interface WavelengthFooterProps {
     text?: string;
     textColor?: string;
@@ -627,8 +654,8 @@ interface WavelengthConfirmationModalProps {
     height?: string;
     fontFamily?: string;
     textColor?: string;
-    cancelButton?: React.ReactNode;
-    submitButton?: React.ReactNode;
+    cancelButton?: React__default.ReactNode;
+    submitButton?: React__default.ReactNode;
     backgroundColor?: string;
 }
 declare function WavelengthConfirmationModal(props: WavelengthConfirmationModalProps): react_jsx_runtime.JSX.Element;
@@ -648,27 +675,16 @@ declare namespace WavelengthContentModal {
     var displayName: string;
 }
 
-interface menuItemProps {
-    itemType: "header" | "link" | "footer" | string;
-    label: string | number;
-    link?: string;
-    end?: boolean;
-    email?: string;
-    hoverColor?: string;
-}
-interface PopUPMenuProps {
-    menuItems: menuItemProps[];
-    customIcon?: React__default.ReactNode;
-    width?: string;
-    menuDirection?: "top" | "bottom";
-    color?: string;
-    border?: string;
-    id?: string;
-}
-declare function WavelengthPopUpMenu({ menuItems, customIcon, width, menuDirection, color, id, border }: PopUPMenuProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthPopUpMenu {
-    var displayName: string;
-}
+interface WavelengthPopUpMenuProps extends React__default.HTMLAttributes<HTMLElement> {
+    customStyle?: StyleProp;
+    variant?: "menu" | "card";
+    trigger?: "click" | "hover";
+    menuDirection?: "up" | "down" | "left" | "right";
+    menuOffset?: number;
+    menuItems?: any[];
+    badgeLabel?: string;
+}
+declare const WavelengthPopUpMenu: React__default.ForwardRefExoticComponent<WavelengthPopUpMenuProps & React__default.RefAttributes<StylableElement>>;
 
 interface WavelengthDropdownProps extends React.HTMLAttributes<HTMLElement> {
     options?: {
@@ -727,6 +743,30 @@ interface WavelengthSwitchProps extends React__default.HTMLAttributes<HTMLElemen
 }
 declare const WavelengthSwitch: React__default.FC<WavelengthSwitchProps>;
 
+interface WavelengthDialogProps extends React__default.HTMLAttributes<HTMLElement> {
+    customStyle?: StyleProp;
+    dialogTitle?: string;
+    leftBtnLabel?: string;
+    rightBtnLabel?: string;
+    boxColor?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+    shadow?: string;
+    borderRadius?: string;
+    borderColor?: string;
+    textColor?: string;
+    leftBtnBg?: string;
+    leftBtnColor?: string;
+    rightBtnBg?: string;
+    rightBtnColor?: string;
+    overlay?: boolean;
+    fontFamily?: string;
+    open?: boolean;
+    onWlLeftBtnClick?: (e: CustomEvent) => void;
+    onWlRightBtnClick?: (e: CustomEvent) => void;
+}
+declare const WavelengthDialog: React__default.FC<WavelengthDialogProps>;
+
 interface WavelengthPaginationProps extends React__default.HTMLAttributes<HTMLElement> {
     testProp?: string;
     customStyle: StyleProp;
@@ -892,6 +932,7 @@ interface WavelengthInputProps extends React__default.HTMLAttributes<HTMLElement
     required?: boolean;
     forceError?: boolean;
     disabled?: boolean;
+    multiLine?: boolean;
     width?: string;
     height?: string;
     padding?: string;
@@ -1080,4 +1121,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, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, 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, type menuItemProps, useOutsideClick, useThemeContext };
+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 };