@wavelengthusaf/components 4.13.0 → 4.16.0

package/dist/cjs/index.d.cts

@@ -5,7 +5,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TextFieldVariants } from '@mui/material';
 import { CSSProperties } from 'styled-components';
 import { z } from 'zod';
-import { Mark } from '@mui/material/Slider/useSlider.types';
 
 /**
  * Helper Functions
@@ -171,6 +170,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;
@@ -650,8 +653,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;
@@ -671,27 +674,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?: {
@@ -750,6 +742,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;
@@ -839,24 +855,23 @@ declare namespace WavelengthTestSnackbar {
     var displayName: string;
 }
 
-interface sliderProps {
-    width?: string;
-    labelColor?: string;
+interface WavelengthSliderProps extends React__default.HTMLAttributes<HTMLElement> {
+    customStyle?: StyleProp;
+    value?: number;
+    maxVal?: number;
+    minVal?: number;
+    step?: number;
+    handleChange?: (event: Event, newValue: number | number[]) => void;
+    labelFunc?: (val: number) => string;
+    valueDisplayed?: string;
+    marks?: (number | {
+        value: number;
+        label: string;
+    })[];
     color?: string;
-    value: number;
-    id?: string;
-    valueDisplayed?: boolean;
-    minVal: number;
-    maxVal: number;
-    step: number;
-    handleChange: (event: Event, newValue: number | number[]) => void;
-    labelFunc?(val: number): string;
-    marks?: Mark[];
-}
-declare function WavelengthSlider({ width, color, valueDisplayed, marks, labelColor, value, id, maxVal, minVal, step, labelFunc, handleChange }: sliderProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthSlider {
-    var displayName: string;
+    width?: string;
 }
+declare const WavelengthSlider: React__default.FC<WavelengthSliderProps>;
 
 interface carouselItem$1 {
     title?: string;
@@ -1104,4 +1119,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, 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

@@ -5,7 +5,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TextFieldVariants } from '@mui/material';
 import { CSSProperties } from 'styled-components';
 import { z } from 'zod';
-import { Mark } from '@mui/material/Slider/useSlider.types';
 
 /**
  * Helper Functions
@@ -171,6 +170,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;
@@ -650,8 +653,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;
@@ -671,27 +674,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?: {
@@ -750,6 +742,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;
@@ -839,24 +855,23 @@ declare namespace WavelengthTestSnackbar {
     var displayName: string;
 }
 
-interface sliderProps {
-    width?: string;
-    labelColor?: string;
+interface WavelengthSliderProps extends React__default.HTMLAttributes<HTMLElement> {
+    customStyle?: StyleProp;
+    value?: number;
+    maxVal?: number;
+    minVal?: number;
+    step?: number;
+    handleChange?: (event: Event, newValue: number | number[]) => void;
+    labelFunc?: (val: number) => string;
+    valueDisplayed?: string;
+    marks?: (number | {
+        value: number;
+        label: string;
+    })[];
     color?: string;
-    value: number;
-    id?: string;
-    valueDisplayed?: boolean;
-    minVal: number;
-    maxVal: number;
-    step: number;
-    handleChange: (event: Event, newValue: number | number[]) => void;
-    labelFunc?(val: number): string;
-    marks?: Mark[];
-}
-declare function WavelengthSlider({ width, color, valueDisplayed, marks, labelColor, value, id, maxVal, minVal, step, labelFunc, handleChange }: sliderProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthSlider {
-    var displayName: string;
+    width?: string;
 }
+declare const WavelengthSlider: React__default.FC<WavelengthSliderProps>;
 
 interface carouselItem$1 {
     title?: string;
@@ -1104,4 +1119,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, 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 };