@digital-ai/dot-components 2.22.1 → 2.24.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "2.22.1",
+  "version": "2.24.0",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [
@@ -44,6 +44,7 @@
     "@emotion/styled": "^11.10.4",
     "@mui/material": "^5.2.5",
     "@mui/x-date-pickers": "^6.0.1",
+    "dayjs": "^1.11.10",
     "jwt-decode": "^3.1.2",
     "react-dropzone": "^11.4.2",
     "react-grid-layout": "^1.3.4",

package/src/lib/components/CommonProps.d.ts

@@ -4,8 +4,10 @@ export interface CommonProps {
     ariaLabel?: string;
     /** The ARIA role attribute of the element **/
     ariaRole?: AriaRoles;
-    /** classes to be attributed to the root of the component */
+    /** classes to be attributed to the root of the component **/
     className?: string;
-    /** data attribute passed through for testing purposes ONLY */
+    /** data attribute passed through for pendo purposes ONLY **/
+    'data-pendoid'?: string;
+    /** data attribute passed through for testing purposes ONLY **/
     'data-testid'?: string;
 }

package/src/lib/components/accordion/Accordion.d.ts

@@ -25,4 +25,4 @@ export interface AccordionProps extends CommonProps {
     /** The text within the expanded Accordion */
     summary: ReactNode | string;
 }
-export declare const DotAccordion: ({ actions, ariaLabel, children, className, "data-testid": dataTestId, disabled, expanded, hasElevation, onChange, square, startIcon, summary, noWrap, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotAccordion: ({ actions, ariaLabel, children, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, disabled, expanded, hasElevation, onChange, square, startIcon, summary, noWrap, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/alert-banner/AlertBanner.d.ts

@@ -16,4 +16,4 @@ export interface AlertBannerProps extends CommonProps {
     /** when specified, will control the text that is used inside the alert banner */
     textVariant?: TypographyVariant;
 }
-export declare const DotAlertBanner: ({ action, ariaLabel, children, className, "data-testid": dataTestId, onClose, roundedCorners, severity, textVariant, }: AlertBannerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotAlertBanner: ({ action, ariaLabel, children, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, onClose, roundedCorners, severity, textVariant, }: AlertBannerProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/app-switcher/AppSwitcher.styles.d.ts

@@ -1,2 +1,2 @@
 export declare const rootClassName = "dot-app-switcher";
-export declare const StyledAppSwitcher: import("styled-components").StyledComponent<({ anchor, ariaLabel, ariaRole, className, children, "data-testid": dataTestId, drawerBodyProps, drawerFooterProps, drawerHeaderProps, height, ModalProps, onClose, open, PaperProps, variant, width, }: import("../drawer/Drawer").DrawerProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const StyledAppSwitcher: import("styled-components").StyledComponent<({ anchor, ariaLabel, ariaRole, className, children, "data-pendoid": dataPendoId, "data-testid": dataTestId, drawerBodyProps, drawerFooterProps, drawerHeaderProps, height, ModalProps, onClose, open, PaperProps, variant, width, }: import("../drawer/Drawer").DrawerProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/src/lib/components/app-toolbar/AppToolbar.styles.d.ts

@@ -1,4 +1,4 @@
 export declare const rootClassName = "dot-app-toolbar";
 export declare const denseClassName = "dense";
-export declare const StyledMainMenu: import("styled-components").StyledComponent<({ anchor, ariaLabel, ariaRole, className, children, "data-testid": dataTestId, drawerBodyProps, drawerFooterProps, drawerHeaderProps, height, ModalProps, onClose, open, PaperProps, variant, width, }: import("../drawer/Drawer").DrawerProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const StyledMainMenu: import("styled-components").StyledComponent<({ anchor, ariaLabel, ariaRole, className, children, "data-pendoid": dataPendoId, "data-testid": dataTestId, drawerBodyProps, drawerFooterProps, drawerHeaderProps, height, ModalProps, onClose, open, PaperProps, variant, width, }: import("../drawer/Drawer").DrawerProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const StyledAppToolbar: import("styled-components").StyledComponent<"header", any, {}, never>;

package/src/lib/components/auto-complete/AutoComplete.d.ts

@@ -86,4 +86,4 @@ export interface AutoCompleteProps<T extends AutoCompleteOption = AutoCompleteOp
     /** If true, the label will be displayed in a warning state. */
     warning?: boolean;
 }
-export declare const DotAutoComplete: <T extends AutoCompleteOption>({ ListboxComponent, actionItem, ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, inputId, inputRef, inputValue, isOptionEqualToValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, readOnly, renderOption, renderTags, required, size, value, warning, }: AutoCompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DotAutoComplete: <T extends AutoCompleteOption>({ ListboxComponent, actionItem, ariaLabel, autoFocus, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, inputId, inputRef, inputValue, isOptionEqualToValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, readOnly, renderOption, renderTags, required, size, value, warning, }: AutoCompleteProps<T>) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/button/CopyButton.d.ts

@@ -11,4 +11,4 @@ export interface CopyButtonProps extends CommonIconButtonProps {
     /** The content which will be copied to the clipboard */
     value: string;
 }
-export declare const DotCopyButton: ({ ariaLabel, ariaRole, className, color, copiedTooltip, copyTooltip, "data-testid": dataTestId, disabled, disableRipple, iconId, iconSize, onClick, shape, showCopiedIcon, size, tooltip, value, }: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotCopyButton: ({ ariaLabel, ariaRole, className, color, copiedTooltip, copyTooltip, "data-pendoid": dataPendoId, "data-testid": dataTestId, disabled, disableRipple, iconId, iconSize, onClick, shape, showCopiedIcon, size, tooltip, value, }: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/button/IconButton.d.ts

@@ -26,4 +26,4 @@ export interface IconButtonProps extends CommonIconButtonProps {
     /** The icon to display on the button */
     iconId: string;
 }
-export declare const DotIconButton: ({ ariaLabel, ariaRole, className, color, "data-testid": dataTestId, disabled, disableRipple, iconId, iconSize, onClick, tooltip, shape, size, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotIconButton: ({ ariaLabel, ariaRole, className, color, "data-pendoid": dataPendoId, "data-testid": dataTestId, disabled, disableRipple, iconId, iconSize, onClick, tooltip, shape, size, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/button-toggle/ButtonToggle.d.ts

@@ -21,4 +21,4 @@ export interface ButtonToggleProps extends CommonProps {
     /** The value to associate with the button when selected in a ToggleButtonGroup */
     value?: ButtonToggleValue;
 }
-export declare const DotButtonToggle: ({ ariaLabel, buttonOptions, className, color, "data-testid": dataTestId, disableFocusRipple, disableRipple, exclusive, onChange, orientation, size, value, }: ButtonToggleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotButtonToggle: ({ ariaLabel, buttonOptions, className, color, "data-pendoid": dataPendoId, "data-testid": dataTestId, disableFocusRipple, disableRipple, exclusive, onChange, orientation, size, value, }: ButtonToggleProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/checkbox/Checkbox.d.ts

@@ -9,4 +9,4 @@ export interface CheckboxProps extends RadioButtonProps {
     /** if true the checkbox will display with intermediate */
     indeterminate?: boolean;
 }
-export declare function DotCheckbox({ ariaLabel, ariaLabelledby, checked, className, 'data-testid': dataTestId, disabled, disableRipple, id, indeterminate, inputRef, label, labelPlacement, name, onChange, required, size, value, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function DotCheckbox({ ariaLabel, ariaLabelledby, checked, className, 'data-pendoid': dataPendoId, 'data-testid': dataTestId, disabled, disableRipple, id, indeterminate, inputRef, label, labelPlacement, name, onChange, required, size, value, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/chip/Chip.d.ts

@@ -26,4 +26,4 @@ export interface ChipProps extends CommonProps {
     /** The icon to display on the chip */
     startIcon?: ReactElement;
 }
-export declare const DotChip: ({ ariaLabel, avatar, charactersLimit, children, className, "data-testid": dataTestId, disabled, error, isClickable, isDeletable, onClick, onDelete, size, startIcon, }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotChip: ({ ariaLabel, avatar, charactersLimit, children, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, disabled, error, isClickable, isDeletable, onClick, onDelete, size, startIcon, }: ChipProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/confirmation-dialog/ConfirmationDialog.d.ts

@@ -17,4 +17,4 @@ export interface ConfirmationDialogProps extends CommonProps {
     /** The dialog title */
     title?: ReactNode;
 }
-export declare const DotConfirmationDialog: ({ ariaLabel, cancelButtonProps, className, "data-testid": dataTestId, message, onCancel, onSubmit, submitButtonProps, open, title, }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotConfirmationDialog: ({ ariaLabel, cancelButtonProps, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, message, onCancel, onSubmit, submitButtonProps, open, title, }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/date-picker/DatePicker.d.ts

@@ -80,4 +80,4 @@ export interface DatePickerProps extends CommonProps {
     /** The selected value. Used when the component is controlled. Date in ISO 8601 format, ie: YYYY-MM-DD  */
     value?: string;
 }
-export declare const DotDatePicker: ({ ariaLabel, autoFocus, className, closeOnSelect, "data-testid": dataTestId, defaultValue, disableOpenPicker, disablePast, disablePortal, disabled, displayWeekNumber, displayClearButton, error, fixedWeekNumber, focusInputOnPopperOpened, format, fullWidth, helperText, inputId, inputName, label, locale, maxDate, minDate, onAccept, onBlur, onChange, onClose, onError, onKeyDown, onOpen, open, persistentLabel, readOnly, required, showDaysOutsideCurrentMonth, value, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotDatePicker: ({ ariaLabel, autoFocus, className, closeOnSelect, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, disableOpenPicker, disablePast, disablePortal, disabled, displayWeekNumber, displayClearButton, error, fixedWeekNumber, focusInputOnPopperOpened, format, fullWidth, helperText, inputId, inputName, label, locale, maxDate, minDate, onAccept, onBlur, onChange, onClose, onError, onKeyDown, onOpen, open, persistentLabel, readOnly, required, showDaysOutsideCurrentMonth, value, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/dialog/Dialog.d.ts

@@ -39,4 +39,4 @@ export interface DialogProps extends CommonProps {
     /** dialog heading */
     title: ReactNode;
 }
-export declare const DotDialog: ({ ariaLabel, cancelButtonProps, cancelButtonVisible, className, "data-testid": dataTestId, children, closeIconVisible, closeOnClickAway, closeOnSubmit, hasPrimaryAction, onCancel, onSubmit, open, submitButtonProps, title, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotDialog: ({ ariaLabel, cancelButtonProps, cancelButtonVisible, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, children, closeIconVisible, closeOnClickAway, closeOnSubmit, hasPrimaryAction, onCancel, onSubmit, open, submitButtonProps, title, }: DialogProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/draggable-list/DraggableList.d.ts

@@ -20,4 +20,4 @@ export interface DraggableListProps extends CommonProps {
     /** Width of the draggable list, defaults to '100%' */
     width?: number | string;
 }
-export declare const DotDraggableList: ({ ariaLabel, className, "data-testid": dataTestId, disableDrag, draggableHandle, items, onChange, rowHeight, width, }: DraggableListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotDraggableList: ({ ariaLabel, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, disableDrag, draggableHandle, items, onChange, rowHeight, width, }: DraggableListProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/drawer/Drawer.d.ts

@@ -42,4 +42,4 @@ export interface DrawerProps extends CommonProps {
     /** The width of the drawer when anchor is 'left' or 'right' */
     width?: string;
 }
-export declare const DotDrawer: ({ anchor, ariaLabel, ariaRole, className, children, "data-testid": dataTestId, drawerBodyProps, drawerFooterProps, drawerHeaderProps, height, ModalProps, onClose, open, PaperProps, variant, width, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotDrawer: ({ anchor, ariaLabel, ariaRole, className, children, "data-pendoid": dataPendoId, "data-testid": dataTestId, drawerBodyProps, drawerFooterProps, drawerHeaderProps, height, ModalProps, onClose, open, PaperProps, variant, width, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/file-upload/FileUpload.d.ts

@@ -33,5 +33,5 @@ export interface FileUploadProps extends CommonProps {
     /** Optional callback which gets triggered when the file (from the list) is clicked.  */
     onFileClick?: (file: ListItemFile) => void;
 }
-export declare const DotFileUpload: ({ accept, ariaLabel, ariaRole, buttonProps, buttonOnly, className, "data-testid": dataTestId, disabled, hideFilesList, maxFiles, maxSize, onChange, onDragEnter, onFileClick, }: FileUploadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotFileUpload: ({ accept, ariaLabel, ariaRole, buttonProps, buttonOnly, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, disabled, hideFilesList, maxFiles, maxSize, onChange, onDragEnter, onFileClick, }: FileUploadProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/lib/components/inline-edit/InlineEdit.d.ts

@@ -36,4 +36,4 @@ export interface InlineEditProps extends CommonProps {
 /**
  * @experimental This component is still in development
  */
-export declare const DotInlineEdit: ({ ariaLabel, ariaRole, bindings, charactersLimit, className, "data-testid": dataTestId, fullWidth, hideActionButtons, name, onChange, onEditStateChange, placeholder, readOnly, selectTextOnEdit, startEditable, tabIndex, tooltip, typography, value, }: InlineEditProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotInlineEdit: ({ ariaLabel, ariaRole, bindings, charactersLimit, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, fullWidth, hideActionButtons, name, onChange, onEditStateChange, placeholder, readOnly, selectTextOnEdit, startEditable, tabIndex, tooltip, typography, value, }: InlineEditProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/input-form-fields/InputSelect.d.ts

@@ -12,4 +12,4 @@ export interface InputSelectProps extends InputProps {
     /** options of select dropdown */
     options: Array<OptionType>;
 }
-export declare const DotInputSelect: ({ ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, disabled, endIcon, endText, error, fullWidth, helperText, id, inputRef, label, name, onBlur, onChange, onFocus, onKeyDown, options, persistentLabel, readOnly, required, shrink, size, startIcon, success, value, warning, }: InputSelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotInputSelect: ({ ariaLabel, autoFocus, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, disabled, endIcon, endText, error, fullWidth, helperText, id, inputRef, label, name, onBlur, onChange, onFocus, onKeyDown, options, persistentLabel, readOnly, required, shrink, size, startIcon, success, value, warning, }: InputSelectProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/input-form-fields/InputText.d.ts

@@ -17,6 +17,11 @@ export interface InputTextProps extends InputProps {
     minRows?: number;
     /** if multiline it wil render multiple lines */
     multiline?: boolean;
+    /**
+     * If this callback is provided, a clear button will be rendered at the end of the input field.
+     * The specified handler will be invoked when the user clicks the clear button.
+     */
+    onClear?: () => void;
     /** Placeholder text always displayed inside the input field */
     placeholder?: string;
     /** value of the InputText */
@@ -31,4 +36,4 @@ export interface EndIconProps {
     success?: boolean;
     warning?: boolean;
 }
-export declare const DotInputText: ({ autoComplete, autoFocus, className, defaultValue, "data-testid": dataTestId, disabled, error, endAdornmentTooltip, fullWidth, hasDebounce, helperText, endIcon, endText, id, inputRef, label, max, maxLength, maxRows, min, minLength, minRows, multiline, name, onBlur, onChange, onFocus, onKeyDown, onMouseUp, persistentLabel, placeholder, readOnly, required, shrink, startIcon, size, success, type, value, warning, }: InputTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotInputText: ({ autoComplete, autoFocus, className, defaultValue, "data-pendoid": dataPendoId, "data-testid": dataTestId, disabled, error, endAdornmentTooltip, fullWidth, hasDebounce, helperText, endIcon, endText, id, inputRef, label, max, maxLength, maxRows, min, minLength, minRows, multiline, name, onBlur, onChange, onClear, onFocus, onKeyDown, onMouseUp, persistentLabel, placeholder, readOnly, required, shrink, startIcon, size, success, type, value, warning, }: InputTextProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/link/Link.d.ts

@@ -27,4 +27,4 @@ export interface LinkProps extends CommonProps {
     /**  underline the link */
     underline?: LinkUnderline;
 }
-export declare const DotLink: ({ ariaLabel, ariaRole, children, className, color, "data-testid": dataTestId, href, onClick, onMouseEnter, onPointerDown, rel, tabIndex, target, tooltip, underline, }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotLink: ({ ariaLabel, ariaRole, children, className, color, "data-pendoid": dataPendoId, "data-testid": dataTestId, href, onClick, onMouseEnter, onPointerDown, rel, tabIndex, target, tooltip, underline, }: LinkProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/list/ListItem.d.ts

@@ -1,2 +1,2 @@
 import { ListItemProps } from './utils/models';
-export declare const DotListItem: ({ ariaLabel, ariaRole, className, component, "data-testid": dataTestId, divider, endIcon, href, isOpened, onClick, onMenuLeave, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, primaryText, secondaryText, selected, startIcon, target, text, tooltip, tooltipPlacement, }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotListItem: ({ ariaLabel, ariaRole, className, component, "data-pendoid": dataPendoId, "data-testid": dataTestId, divider, endIcon, href, isOpened, onClick, onMenuLeave, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, primaryText, secondaryText, selected, startIcon, target, text, tooltip, tooltipPlacement, }: ListItemProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/list/NestedList.styles.d.ts

@@ -1 +1 @@
-export declare const StyledDotDrawer: import("styled-components").StyledComponent<({ anchor, ariaLabel, ariaRole, className, children, "data-testid": dataTestId, drawerBodyProps, drawerFooterProps, drawerHeaderProps, height, ModalProps, onClose, open, PaperProps, variant, width, }: import("../drawer/Drawer").DrawerProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const StyledDotDrawer: import("styled-components").StyledComponent<({ anchor, ariaLabel, ariaRole, className, children, "data-pendoid": dataPendoId, "data-testid": dataTestId, drawerBodyProps, drawerFooterProps, drawerHeaderProps, height, ModalProps, onClose, open, PaperProps, variant, width, }: import("../drawer/Drawer").DrawerProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/src/lib/components/menu/Menu.d.ts

@@ -36,6 +36,8 @@ export interface MenuItemProps {
     children?: ReactNode;
     /** Space delimited CSS classes to be attributed to the menu item */
     classes?: string;
+    /** data attribute passed through for pendo purposes ONLY **/
+    'data-pendoid'?: string;
     /** If true, the item will be displayed in a disabled state. */
     disabled?: boolean;
     /** If true, a 1px light border is added to the bottom of the menu item. */

package/src/lib/components/progress-button/ProgressButton.d.ts

@@ -5,4 +5,4 @@ export interface ProgressButtonProps extends ButtonProps {
     /** Is spinner displayed */
     isLoading?: boolean;
 }
-export declare const DotProgressButton: ({ ariaLabel, children, className, "data-testid": dataTestId, disabled, disableRipple, fullWidth, isLoading, isSubmit, onClick, size, startIcon, tooltip, type, }: ProgressButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotProgressButton: ({ ariaLabel, children, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, disabled, disableRipple, fullWidth, isLoading, isSubmit, onClick, size, startIcon, tooltip, type, }: ProgressButtonProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/radio/RadioButton.d.ts

@@ -28,4 +28,4 @@ export interface RadioButtonProps extends RadioButtonBaseProps {
     /** A function that should be executed when the value of the radio buttom changes */
     onChange?: (event: ChangeEvent<HTMLInputElement>, value: string) => void;
 }
-export declare function DotRadioButton({ ariaLabel, checked, className, 'data-testid': dataTestId, disabled, id, inputRef, label, labelPlacement, name, onChange, required, size, value, }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function DotRadioButton({ ariaLabel, checked, className, 'data-pendoid': dataPendoId, 'data-testid': dataTestId, disabled, id, inputRef, label, labelPlacement, name, onChange, required, size, value, }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/snackbar/Snackbar.d.ts

@@ -7,15 +7,17 @@ export interface SnackbarProps extends CommonProps {
     action?: ReactNode;
     /** The anchor of the Snackbar. On smaller screens, the component grows to occupy all the available width, the horizontal alignment is ignored. */
     anchorOrigin?: SnackbarOrigin;
-    /** The message the user sees once the alert displays */
+    /** The message the user sees once the alert displays. */
     children: ReactNode;
+    /** If false, then snackbar does not close when clicking away. True by default. */
+    hideOnClickAway?: boolean;
     /** A callback to handle closing the alert. */
     onClose?: () => void;
     /** Boolean value to switch between opening and closing the alert. */
     open: boolean;
     /** An alert level, indicating the importance of the message. */
     severity: SnackbarSeverity;
-    /** Width of the encapsulated Alert component */
+    /** Width of the encapsulated Alert component. */
     width?: string;
 }
-export declare const DotSnackbar: ({ action, anchorOrigin, ariaLabel, children, className, "data-testid": dataTestId, onClose, open, severity, width, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotSnackbar: ({ action, anchorOrigin, ariaLabel, children, className, "data-testid": dataTestId, hideOnClickAway, onClose, open, severity, width, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/snackbar/SnackbarProvider.d.ts

@@ -6,16 +6,20 @@ declare const initialState: {
     severity: string;
     id: string;
 }[];
-interface SnackbarProviderProps {
-    /** The components or string that load inside of the snackbar provider. */
+export interface SnackbarProviderProps {
+    /** The components or string that load inside the snackbar provider. */
     children: ReactNode;
+    hideOnClickAway?: boolean;
+}
+interface SnackbarContainerProps {
+    hideOnClickAway?: boolean;
 }
 interface DotSnackbarProps {
     alerts: typeof initialState;
-    enqueueMessage: (message: string, severity: SnackbarSeverity) => void;
+    enqueueMessage: (message: ReactNode, severity: SnackbarSeverity) => string;
     removeMessage: (id: string) => void;
 }
-export declare const DotSnackbarContainer: () => import("react/jsx-runtime").JSX.Element;
-export declare const DotSnackbarProvider: ({ children }: SnackbarProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotSnackbarContainer: ({ hideOnClickAway, }: SnackbarContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotSnackbarProvider: ({ children, hideOnClickAway, }: SnackbarProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useDotSnackbarContext: () => DotSnackbarProps;
 export {};

package/src/lib/components/split-button/SplitButton.d.ts

@@ -12,4 +12,4 @@ export interface SplitButtonProps extends BaseButtonProps {
     /**The options within the button dropdown */
     options: Array<MenuItemProps>;
 }
-export declare const DotSplitButton: ({ autoFocus, ariaLabel, className, "data-testid": dataTestId, defaultMainOptionKey, disabled, disablePortal, disableRipple, fullWidth, isSubmit, onOptionClick, options, size, tooltip, type, }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotSplitButton: ({ autoFocus, ariaLabel, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultMainOptionKey, disabled, disablePortal, disableRipple, fullWidth, isSubmit, onOptionClick, options, size, tooltip, type, }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/switch/Switch.d.ts

@@ -23,4 +23,4 @@ export interface SwitchProps extends CommonProps {
     /** controls the size of the switch 'medium', 'small' */
     size?: SwitchSize;
 }
-export declare const DotSwitch: ({ ariaLabel, checked, className, color, "data-testid": dataTestId, disabled, id, inputRef, label, labelPlacement, onChange, size, }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotSwitch: ({ ariaLabel, checked, className, color, "data-pendoid": dataPendoId, "data-testid": dataTestId, disabled, id, inputRef, label, labelPlacement, onChange, size, }: SwitchProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/table/TableCell.d.ts

@@ -2,7 +2,7 @@ import { CSSProperties, ReactNode } from 'react';
 import { CommonProps } from '../CommonProps';
 import { TypographyVariant } from '../typography/Typography';
 export type TextAlignment = 'center' | 'inherit' | 'justify' | 'left' | 'right';
-export interface CustomCellDataWrapper {
+export interface AvatarWithTextCell {
     avatarIcon?: string;
     avatarImageSrc?: string;
     mainText: string;

package/src/lib/components/table/index.d.ts

@@ -1,7 +1,7 @@
 export type { DotColumnHeader, TableRowProps } from './utils/interfaces';
 export type { TableActionProps } from './TableAction';
 export type { TableActionsProps } from './TableActions';
-export type { CustomCellDataWrapper, TextAlignment } from './TableCell';
+export type { AvatarWithTextCell, TextAlignment } from './TableCell';
 export type { TableDataWithPagination } from './TableDataWithPagination';
 export type { SortDirection } from './TableHeaderCell';
 export type { RowsPerPageOption } from './TablePagination';

package/src/lib/components/table/utils/helpers.d.ts

@@ -1,7 +1,15 @@
 import { ReactNode } from 'react';
 import { TypographyVariant } from '../../typography/Typography';
 import { TableRowProps } from './interfaces';
+import { AvatarWithTextCell } from '../TableCell';
+import { InlineEditProps } from '../../inline-edit';
 export declare const getFormattedTableCellValue: (value: any, typographyVariant: TypographyVariant) => ReactNode;
+export declare const renderAvatarWithTextCell: (avatarWithText: AvatarWithTextCell) => import("react/jsx-runtime").JSX.Element;
+export declare const renderInlineEditCell: (inlineEdit: InlineEditProps) => import("react/jsx-runtime").JSX.Element;
+export declare const getValuesForSort: (a: TableRowProps, b: TableRowProps, orderBy: string) => {
+    valueA: any;
+    valueB: any;
+};
 export declare const getContainerMaxHeightStyle: (stickyHeader?: boolean, maxHeight?: string) => string;
 export declare const getSelectedRowIds: (id: string, isChecked: boolean, selectedIds: string[]) => string[];
 export declare const getBulkSelectedRowIds: (isChecked: boolean, selectedIds: string[], pageData: TableRowProps[]) => string[];

package/src/lib/components/tabs/Tabs.d.ts

@@ -28,4 +28,4 @@ export interface TabsProps extends CommonProps {
     /** Determines additional display behavior of the tabs */
     variant?: TabsVariant;
 }
-export declare const DotTabs: ({ centered, className, color, "data-testid": dataTestId, initialValue, onChange, scrollButtons, tabs, variant, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotTabs: ({ centered, className, color, "data-pendoid": dataPendoId, "data-testid": dataTestId, initialValue, onChange, scrollButtons, tabs, variant, }: TabsProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/time-picker/TimePicker.d.ts

@@ -60,4 +60,4 @@ export interface TimePickerProps extends CommonProps {
 export declare const DEFAULT_PICKER_TIME_FORMAT = "HH:mm";
 export declare const DEFAULT_TIME_FORMAT = "HH:mm";
 export declare const DEFAULT_TIME = "01:00";
-export declare const DotTimePicker: ({ ampm, ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, disableOpenPicker, disableClickAwayListener, disabled, error, format, fullWidth, helperText, hideActionButtons, inputId, inputName, label, onAccept, onBlur, onCancel, onChange, onClose, onKeyDown, onOpen, onPopperTimeChange, open, persistentLabel, readOnly, required, value, }: TimePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotTimePicker: ({ ampm, ariaLabel, autoFocus, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, disableOpenPicker, disableClickAwayListener, disabled, error, format, fullWidth, helperText, hideActionButtons, inputId, inputName, label, onAccept, onBlur, onCancel, onChange, onClose, onKeyDown, onOpen, onPopperTimeChange, open, persistentLabel, readOnly, required, value, }: TimePickerProps) => import("react/jsx-runtime").JSX.Element;