@digital-ai/dot-components 4.9.2 → 4.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "4.9.2",
+  "version": "4.11.0",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [

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

@@ -43,7 +43,9 @@ export interface AppToolbarProps extends CommonProps {
     navItems?: Array<AppToolbarIconButtons>;
     /** Event callback when leaving menu via tab or clicking away */
     onClickAway?: (event: KeyboardEvent | MouseEvent) => void;
+    /** JSX Element that is displayed before the nav items */
+    preNavItem?: ReactNode;
     /** URL of the page the primary logo link will go to */
     primaryLogoHref?: string;
 }
-export declare const DotAppToolbar: ({ ariaLabel, appLogo, appLogoHref, appLogoSmall, avatar, borderColor, children, className, closeMenuOnItemClick, customLogo, "data-testid": dataTestId, dense, mainMenu, mainMenuItems, mainMenuWidth, menuCloseOnClickAway, navItems, onClickAway, primaryLogoHref, }: AppToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotAppToolbar: ({ ariaLabel, appLogo, appLogoHref, appLogoSmall, avatar, borderColor, children, className, closeMenuOnItemClick, customLogo, "data-testid": dataTestId, dense, mainMenu, mainMenuItems, mainMenuWidth, menuCloseOnClickAway, navItems, onClickAway, preNavItem, primaryLogoHref, }: AppToolbarProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/draggable-window/DraggableWindow.d.ts

@@ -0,0 +1,17 @@
+import { CommonProps } from '../CommonProps';
+import { MouseEvent, ReactNode } from 'react';
+export interface DraggableWindowProps extends CommonProps {
+    /** Element that draggable window is attached to. */
+    anchorEl?: Element;
+    /** The content for draggable window component. */
+    children: ReactNode;
+    /** Maximum height of the draggable window component. */
+    maxHeight?: string;
+    /** Maximum width of the draggable window component. */
+    maxWidth?: string;
+    /** Callback fired when the close button is clicked. If not defined, then close button is not rendered. */
+    onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /** The title for draggable window component. */
+    title: string;
+}
+export declare const DotDraggableWindow: ({ ariaLabel, anchorEl, "data-pendoid": dataPendoId, "data-testid": dataTestId, className, children, maxHeight, maxWidth, onClose, title, }: DraggableWindowProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/draggable-window/DraggableWindow.styles.d.ts

@@ -0,0 +1,7 @@
+export declare const rootClassName = "dot-draggable-window";
+interface StyledPaperProps {
+    $maxHeight?: string;
+    $maxWidth?: string;
+}
+export declare const StyledPaper: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").PaperTypeMap<{}, "div">>, any, StyledPaperProps, never>;
+export {};

package/src/lib/components/illustration/Illustration.d.ts

@@ -1,5 +1,5 @@
 import { CommonProps } from '../CommonProps';
-import { TooltipPlacement } from '../tooltip/Tooltip';
+import { TooltipPlacement } from '../tooltip';
 import { ThemeOptions } from '../../theme-provider/ThemeProvider';
 export interface IllustrationProps extends CommonProps {
     /** Alternative text for the illustration image **/

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

@@ -34,6 +34,7 @@ export type { DividerOrientation, DividerProps, DividerVariant, } from './divide
 export type { BadgeProps, BadgeOverlap, BadgeVariant } from './badge';
 export type { TruncateWithTooltipProps } from './truncate-with-tooltip';
 export type { DraggableItem, DraggableListChangeHandler, } from './draggable-list';
+export type { DraggableWindowProps } from './draggable-window/DraggableWindow';
 export type { SnackbarProps, SnackbarSeverity, SnackbarOrigin, SnackbarPrimaryAction, SnackbarSecondaryAction, } from './snackbar';
 export type { CharactersLimit, InlineEditProps } from './inline-edit';
 export type { progressColorOptions, progressVariantOptions, ProgressProps, } from './progress';
@@ -45,7 +46,7 @@ export type { ClickAwayListenerProps } from './click-away-listener';
 export type { StepProps } from './stepper/Stepper';
 export type { CarouselAnimationVariant, CarouselNavigationButtonDisplayOption, CarouselProps, } from './carousel/Carousel';
 export type { StickyWithBorderProps } from './sticky-with-border';
-export type { TooltipProps, TooltipHoverVisibility, TooltipPlacement, } from './tooltip';
+export type { SlotProps, TooltipProps, TooltipHoverVisibility, TooltipPlacement, } from './tooltip';
 export type { DashboardHeaderProps } from './analytics/dashboard-header/DashboardHeader';
 export { DotAccordion } from './accordion/Accordion';
 export { DotActionToolbar } from './action-toolbar/ActionToolbar';
@@ -122,6 +123,7 @@ export { DotDivider } from './divider';
 export { DotPopper } from './popper';
 export { DotTruncateWithTooltip } from './truncate-with-tooltip';
 export { DotDraggableList } from './draggable-list';
+export { DotDraggableWindow } from './draggable-window/DraggableWindow';
 export { DotLinearProgress } from './linear-progress';
 export { DatePickerKeydownContext, DotDatePicker, checkIfValidDate, } from './date-picker';
 export { Daytime, DotTimePicker, mockScrollIntoView } from './time-picker';

package/src/lib/components/list/utils/models.d.ts

@@ -18,7 +18,7 @@ export interface ListProps extends CommonProps {
     /** Array of list items displayed */
     items?: Array<ListItemProps>;
     /** If defined, list selection will reset when key is pressed */
-    keyForNestedReset?: string;
+    keyForNestedReset?: string | string[];
     /** If nested list type is 'menu', determines the placement of the menu */
     menuPlacement?: PopperPlacement;
     /** If nested type is 'drawer', determines the width of the left spacing */

package/src/lib/components/tooltip/Tooltip.d.ts

@@ -1,22 +1,40 @@
-import { ReactNode, ReactElement, ChangeEvent } from 'react';
+import { ChangeEvent, HTMLProps, ReactElement, ReactNode } from 'react';
+import { PopperProps, Theme } from '@mui/material';
+import { TransitionProps } from '@mui/material/transitions/transition';
+import { MUIStyledCommonProps } from '@mui/system';
 import { CommonProps } from '../CommonProps';
 export type TooltipHoverVisibility = 'always' | 'overflow' | 'never';
 export type TooltipPlacement = 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
+export interface SlotProps {
+    arrow?: HTMLProps<HTMLSpanElement> & MUIStyledCommonProps<Theme>;
+    popper?: Partial<PopperProps>;
+    tooltip?: HTMLProps<HTMLDivElement> & MUIStyledCommonProps<Theme>;
+    transition?: TransitionProps;
+}
 export interface TooltipProps extends CommonProps {
     /** If true, adds an arrow to the tooltip indicating which element it refers to. */
     arrow?: boolean;
     children: ReactElement;
+    /** The display style property for the inner span element of the tooltip's children */
+    childrenDisplayStyle?: string;
+    /** If true, makes a tooltip not interactive, so it will close when the user hovers over the tooltip before the leaveDelay is expired. */
+    disableInteractive?: boolean;
     /** Disable the portal behavior. If true, children stay within parent DOM hierarchy. */
     disablePortal?: boolean;
+    /** The number of milliseconds to wait before showing the tooltip. */
     enterDelay?: number;
+    /** The number of milliseconds to wait before showing the tooltip when one was already recently opened. */
     enterNextDelay?: number;
     followCursor?: boolean;
     hoverVisibility?: TooltipHoverVisibility;
+    /** The number of milliseconds to wait before hiding the tooltip. */
     leaveDelay?: number;
     onClose?: (event: ChangeEvent) => void;
     open?: boolean;
     placement?: TooltipPlacement;
     popperClassName?: string;
+    /** The extra props for the slot components, like popper. It allows to override the existing props or add new ones. */
+    slotProps?: SlotProps;
     title?: ReactNode | string | number;
 }
-export declare const DotTooltip: ({ ariaLabel, ariaRole, arrow, children, className, "data-testid": dataTestId, disablePortal, followCursor, enterDelay, enterNextDelay, hoverVisibility, leaveDelay, onClose, open, placement, popperClassName, title, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotTooltip: ({ ariaLabel, ariaRole, arrow, children, className, "data-testid": dataTestId, disablePortal, disableInteractive, followCursor, enterDelay, enterNextDelay, hoverVisibility, leaveDelay, onClose, open, placement, popperClassName, slotProps, title, childrenDisplayStyle, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
-export type { TooltipProps, TooltipHoverVisibility, TooltipPlacement, } from './Tooltip';
+export type { SlotProps, TooltipProps, TooltipHoverVisibility, TooltipPlacement, } from './Tooltip';
 export { DotTooltip } from './Tooltip';

package/src/lib/hooks/useKeyPress.d.ts

@@ -1,2 +1,9 @@
+import React from 'react';
 export declare const TYPEABLE_INPUTS_TYPES: string[];
-export declare const useKeyPress: (key: string, callback: () => void, dependencies: unknown[]) => void;
+export type Modifier = 'shift' | 'ctrl' | 'alt' | 'meta';
+interface KeyOptions {
+    keys: string | string[];
+    modifiers?: Modifier[];
+}
+export declare const useKeyPress: (keyOptions: KeyOptions, callback: (event?: KeyboardEvent | React.KeyboardEvent) => void, dependencies?: unknown[]) => void;
+export {};