@digital-ai/dot-components 2.19.1 → 2.20.1

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

@@ -1,89 +1,89 @@
-import { ChangeEvent, FocusEvent, HTMLAttributes, JSXElementConstructor, ReactNode, Ref } from 'react';
-import { AutocompleteCloseReason, AutocompleteGetTagProps, AutocompleteRenderOptionState, FilterOptionsState } from '@mui/material';
-import { CommonProps } from '../CommonProps';
-import { inputSizeOptions } from '../input-form-fields/InputFormFields.propTypes';
-import { ActionItem, AutoCompleteOption, AutoCompleteValue } from './utils/interface';
-export declare const DEFAULT_ACTION_ITEM_TEXT = "Add new item";
-/**
- * AutoCompleteOption can be extended for the use case when customizing
- * autocomplete option rendering by using `renderOption` prop.
- */
-export interface AutoCompleteProps<T extends AutoCompleteOption = AutoCompleteOption> extends CommonProps {
-    /** The component used to render the listbox. **/
-    ListboxComponent?: JSXElementConstructor<HTMLAttributes<HTMLElement>>;
-    /** Action button as the last element on the menu **/
-    actionItem?: ActionItem;
-    /** This prop helps users to fill forms faster */
-    autoFocus?: boolean;
-    /** Used to determine the disabled state for a given option. */
-    checkIfOptionDisabled?: (option: T) => boolean;
-    /** default option that is selected */
-    defaultValue?: AutoCompleteValue;
-    /** Controls size of chip spacing within the autocomplete **/
-    dense?: boolean;
-    /** Disable the portal behavior. If true, children stay within parent DOM hierarchy. */
-    disablePortal?: boolean;
-    /** If true, the input will be disabled. */
-    disabled?: boolean;
-    endAdornmentTooltip?: string;
-    /** If true, the input will be displayed in an error state. */
-    error?: boolean;
-    /** A function that determines the filtered options to be rendered on search. */
-    filterOptions?: (options: T[], state: FilterOptionsState<T>) => T[];
-    /** If `true`, hide the selected options from the list box. */
-    filterSelectedOptions?: boolean;
-    /** If true, any arbitrary value can be typed in the field */
-    freesolo?: boolean;
-    /** If true, options will be grouped by category */
-    group?: boolean;
-    /** The helper text content. */
-    helperText?: string;
-    /** The id for the input field. */
-    inputId: string;
-    /** pass a ref to the input element */
-    inputRef?: Ref<HTMLInputElement>;
-    /** The value of the input field. */
-    inputValue?: string;
-    isOptionEqualToValue?: (option: T, value: T) => boolean;
-    /** Label displayed above the input field */
-    label?: string;
-    /** If true, the component will be in a loading state. */
-    loading?: boolean;
-    /** Maximum height of Popper's <ul> element */
-    maxHeight?: number | string;
-    /** If true, will allow the user to select multiple options */
-    multiple?: boolean;
-    /** Callback function which will be executed upon blur event */
-    onBlur?: (event: FocusEvent<HTMLElement>) => void;
-    /** A function that should be executed when the autocomplete value changes */
-    onChange?: (event: ChangeEvent<unknown>, value: AutoCompleteValue, reason: string) => void;
-    /** Callback fired when the popup requests to be closed. Use in controlled mode. */
-    onClose?: (event: ChangeEvent, reason: AutocompleteCloseReason) => void;
-    /** A function that should be executed each time when the input value changes */
-    onInputChange?: (event: ChangeEvent<unknown>, value: string, reason: string) => void;
-    /** Callback fired when the popup requests to be opened. Use in controlled mode. */
-    onOpen?: (event: ChangeEvent) => void;
-    /** Controls the popup's open state. */
-    open?: boolean;
-    /** pre-defined options available to the user */
-    options?: Array<T>;
-    /** If true, the label will be persistently displayed outside of the field */
-    persistentLabel?: boolean;
-    /** Placeholder text always displayed inside the input field */
-    placeholder?: string;
-    /** If true: popper cannot be opened, TextField is in read only mode, change is not allowed  */
-    readOnly?: boolean;
-    /** Render the option, use `getOptionLabel` by default. */
-    renderOption?: (props: HTMLAttributes<HTMLLIElement>, option: T, state: AutocompleteRenderOptionState) => ReactNode;
-    /** Render the selected value. */
-    renderTags?: (value: T[], getTagProps: AutocompleteGetTagProps) => ReactNode;
-    /** If true, the input will be required and label will display accordingly */
-    required?: boolean;
-    /** Determines the padding within the input field 'medium' or 'small' */
-    size?: inputSizeOptions;
-    /** value if this is a controlled component */
-    value?: AutoCompleteValue;
-    /** 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>) => JSX.Element;
+import { ChangeEvent, FocusEvent, HTMLAttributes, JSXElementConstructor, ReactNode, Ref } from 'react';
+import { AutocompleteCloseReason, AutocompleteGetTagProps, AutocompleteRenderOptionState, FilterOptionsState } from '@mui/material';
+import { CommonProps } from '../CommonProps';
+import { inputSizeOptions } from '../input-form-fields/InputFormFields.propTypes';
+import { ActionItem, AutoCompleteOption, AutoCompleteValue } from './utils/interface';
+export declare const DEFAULT_ACTION_ITEM_TEXT = "Add new item";
+/**
+ * AutoCompleteOption can be extended for the use case when customizing
+ * autocomplete option rendering by using `renderOption` prop.
+ */
+export interface AutoCompleteProps<T extends AutoCompleteOption = AutoCompleteOption> extends CommonProps {
+    /** The component used to render the listbox. **/
+    ListboxComponent?: JSXElementConstructor<HTMLAttributes<HTMLElement>>;
+    /** Action button as the last element on the menu **/
+    actionItem?: ActionItem;
+    /** This prop helps users to fill forms faster */
+    autoFocus?: boolean;
+    /** Used to determine the disabled state for a given option. */
+    checkIfOptionDisabled?: (option: T) => boolean;
+    /** default option that is selected */
+    defaultValue?: AutoCompleteValue;
+    /** Controls size of chip spacing within the autocomplete **/
+    dense?: boolean;
+    /** Disable the portal behavior. If true, children stay within parent DOM hierarchy. */
+    disablePortal?: boolean;
+    /** If true, the input will be disabled. */
+    disabled?: boolean;
+    endAdornmentTooltip?: string;
+    /** If true, the input will be displayed in an error state. */
+    error?: boolean;
+    /** A function that determines the filtered options to be rendered on search. */
+    filterOptions?: (options: T[], state: FilterOptionsState<T>) => T[];
+    /** If `true`, hide the selected options from the list box. */
+    filterSelectedOptions?: boolean;
+    /** If true, any arbitrary value can be typed in the field */
+    freesolo?: boolean;
+    /** If true, options will be grouped by category */
+    group?: boolean;
+    /** The helper text content. */
+    helperText?: string;
+    /** The id for the input field. */
+    inputId: string;
+    /** pass a ref to the input element */
+    inputRef?: Ref<HTMLInputElement>;
+    /** The value of the input field. */
+    inputValue?: string;
+    isOptionEqualToValue?: (option: T, value: T) => boolean;
+    /** Label displayed above the input field */
+    label?: string;
+    /** If true, the component will be in a loading state. */
+    loading?: boolean;
+    /** Maximum height of Popper's <ul> element */
+    maxHeight?: number | string;
+    /** If true, will allow the user to select multiple options */
+    multiple?: boolean;
+    /** Callback function which will be executed upon blur event */
+    onBlur?: (event: FocusEvent<HTMLElement>) => void;
+    /** A function that should be executed when the autocomplete value changes */
+    onChange?: (event: ChangeEvent<unknown>, value: AutoCompleteValue, reason: string) => void;
+    /** Callback fired when the popup requests to be closed. Use in controlled mode. */
+    onClose?: (event: ChangeEvent, reason: AutocompleteCloseReason) => void;
+    /** A function that should be executed each time when the input value changes */
+    onInputChange?: (event: ChangeEvent<unknown>, value: string, reason: string) => void;
+    /** Callback fired when the popup requests to be opened. Use in controlled mode. */
+    onOpen?: (event: ChangeEvent) => void;
+    /** Controls the popup's open state. */
+    open?: boolean;
+    /** pre-defined options available to the user */
+    options?: Array<T>;
+    /** If true, the label will be persistently displayed outside of the field */
+    persistentLabel?: boolean;
+    /** Placeholder text always displayed inside the input field */
+    placeholder?: string;
+    /** If true: popper cannot be opened, TextField is in read only mode, change is not allowed  */
+    readOnly?: boolean;
+    /** Render the option, use `getOptionLabel` by default. */
+    renderOption?: (props: HTMLAttributes<HTMLLIElement>, option: T, state: AutocompleteRenderOptionState) => ReactNode;
+    /** Render the selected value. */
+    renderTags?: (value: T[], getTagProps: AutocompleteGetTagProps) => ReactNode;
+    /** If true, the input will be required and label will display accordingly */
+    required?: boolean;
+    /** Determines the padding within the input field 'medium' or 'small' */
+    size?: inputSizeOptions;
+    /** value if this is a controlled component */
+    value?: AutoCompleteValue;
+    /** 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;

package/{lib → src/lib}/components/auto-complete/AutoComplete.styles.d.ts

@@ -1,5 +1,5 @@
-import { Autocomplete } from '@mui/material';
-export declare const rootClassName = "dot-autocomplete";
-export declare const inputRootClassName = "dot-input-root";
-export declare const inputMediumClassName = "dot-input-medium";
-export declare const StyledAutocomplete: import("styled-components").StyledComponent<typeof Autocomplete, any, {}, never>;
+import { Autocomplete } from '@mui/material';
+export declare const rootClassName = "dot-autocomplete";
+export declare const inputRootClassName = "dot-input-root";
+export declare const inputMediumClassName = "dot-input-medium";
+export declare const StyledAutocomplete: import("styled-components").StyledComponent<typeof Autocomplete, any, {}, never>;

package/{lib → src/lib}/components/auto-complete/index.d.ts

@@ -1,4 +1,4 @@
-export type { AutocompleteRenderOptionState, FilterOptionsState, } from '@mui/material';
-export * from './AutoComplete';
-export * from './utils/interface';
-export { parseAutoCompleteValue } from './utils/helpers';
+export type { AutocompleteRenderOptionState, FilterOptionsState, } from '@mui/material';
+export * from './AutoComplete';
+export * from './utils/interface';
+export { parseAutoCompleteValue } from './utils/helpers';

package/{lib → src/lib}/components/auto-complete/utils/helpers.d.ts

@@ -1,13 +1,13 @@
-import { AutocompleteGetTagProps } from '@mui/material';
-import { ChipSize } from '../../chip/Chip';
-import { AutoCompleteOption, AutoCompleteValue } from './interface';
-export declare const parseAutoCompleteValue: (value: AutoCompleteValue) => string;
-export interface GetChipsFromAutocompleteProps {
-    chipSize?: ChipSize;
-    getTagProps: AutocompleteGetTagProps;
-    isReadOnly?: boolean;
-    values: Array<AutoCompleteOption | string>;
-}
-export declare const getChipsFromAutocomplete: ({ chipSize, getTagProps, isReadOnly, values, }: GetChipsFromAutocompleteProps) => JSX.Element[];
-export declare const checkIfDuplicateItem: (itemText: string, autocompleteOptions: AutoCompleteOption[]) => boolean;
-export declare const isEmptyValue: (value: AutoCompleteValue) => boolean;
+import { AutocompleteGetTagProps } from '@mui/material';
+import { ChipSize } from '../../chip/Chip';
+import { AutoCompleteOption, AutoCompleteValue } from './interface';
+export declare const parseAutoCompleteValue: (value: AutoCompleteValue) => string;
+export interface GetChipsFromAutocompleteProps {
+    chipSize?: ChipSize;
+    getTagProps: AutocompleteGetTagProps;
+    isReadOnly?: boolean;
+    values: Array<AutoCompleteOption | string>;
+}
+export declare const getChipsFromAutocomplete: ({ chipSize, getTagProps, isReadOnly, values, }: GetChipsFromAutocompleteProps) => import("react/jsx-runtime").JSX.Element[];
+export declare const checkIfDuplicateItem: (itemText: string, autocompleteOptions: AutoCompleteOption[]) => boolean;
+export declare const isEmptyValue: (value: AutoCompleteValue) => boolean;

package/{lib → src/lib}/components/auto-complete/utils/interface.d.ts

@@ -1,17 +1,17 @@
-import { ReactNode } from 'react';
-export interface ActionItem {
-    /** The icon to display on the button */
-    iconId?: string;
-    /** Event callback */
-    onClick: (inputText?: string) => void;
-    /** If set to true, it will prevent duplicate item insertion */
-    preventDuplicateInsertion?: boolean;
-    /** Text/Node displayed */
-    text?: string | ReactNode;
-}
-export declare type AutoCompleteValue = string | string[] | AutoCompleteOption | AutoCompleteOption[] | null;
-export interface AutoCompleteOption {
-    error?: boolean;
-    group?: string;
-    title: string;
-}
+import { ReactNode } from 'react';
+export interface ActionItem {
+    /** The icon to display on the button */
+    iconId?: string;
+    /** Event callback */
+    onClick: (inputText?: string) => void;
+    /** If set to true, it will prevent duplicate item insertion */
+    preventDuplicateInsertion?: boolean;
+    /** Text/Node displayed */
+    text?: string | ReactNode;
+}
+export type AutoCompleteValue = string | string[] | AutoCompleteOption | AutoCompleteOption[] | null;
+export interface AutoCompleteOption {
+    error?: boolean;
+    group?: string;
+    title: string;
+}

package/{lib → src/lib}/components/avatar/Avatar.d.ts

@@ -1,37 +1,37 @@
-import { MouseEvent, CSSProperties } from 'react';
-import { CommonProps } from '../CommonProps';
-export declare type AvatarSize = 'small' | 'medium' | 'large';
-export declare type AvatarType = 'image' | 'text' | 'icon';
-export declare type AvatarVariant = 'circular' | 'square';
-export declare type AvatarColor = 'default' | 'inherit' | 'green' | 'blue' | 'orange' | 'purple' | 'yellow' | 'red' | 'darkGrey' | 'lightGrey' | 'transparent' | 'white';
-export interface AvatarProps extends CommonProps {
-    /** Text displayed on hover */
-    alt: string;
-    /** Color for avatar */
-    color?: AvatarColor;
-    /** Used for the root node; button is used when onClick is passed. */
-    component?: string;
-    /** The ID of the icon to display on the avatar */
-    iconId?: string;
-    /** Source for the image used for the avatar */
-    imageSrc?: string;
-    /** The number to be displayed. Only the first 2 digits will be displayed */
-    number?: number;
-    /** Event callback */
-    onClick?: (event: MouseEvent) => void;
-    /** Size of avatar displayed */
-    size?: AvatarSize;
-    /** To be used to override styles inline */
-    style?: CSSProperties;
-    /** tab order for the avatar */
-    tabIndex?: number;
-    /** The text to be displayed. Only the first 2 letters will be displayed. */
-    text?: string;
-    /** Tooltip for avatar */
-    tooltip?: string;
-    /** The type of the avatar */
-    type?: AvatarType;
-    /** The shape of the avatar */
-    variant?: AvatarVariant;
-}
-export declare const DotAvatar: ({ alt, ariaLabel, ariaRole, className, component, color, "data-testid": dataTestId, iconId, imageSrc, onClick, number, size, tabIndex, text, type, tooltip, variant, style, }: AvatarProps) => JSX.Element;
+import { MouseEvent, CSSProperties } from 'react';
+import { CommonProps } from '../CommonProps';
+export type AvatarSize = 'small' | 'medium' | 'large';
+export type AvatarType = 'image' | 'text' | 'icon';
+export type AvatarVariant = 'circular' | 'square';
+export type AvatarColor = 'default' | 'inherit' | 'green' | 'blue' | 'orange' | 'purple' | 'yellow' | 'red' | 'darkGrey' | 'lightGrey' | 'transparent' | 'white';
+export interface AvatarProps extends CommonProps {
+    /** Text displayed on hover */
+    alt: string;
+    /** Color for avatar */
+    color?: AvatarColor;
+    /** Used for the root node; button is used when onClick is passed. */
+    component?: string;
+    /** The ID of the icon to display on the avatar */
+    iconId?: string;
+    /** Source for the image used for the avatar */
+    imageSrc?: string;
+    /** The number to be displayed. Only the first 2 digits will be displayed */
+    number?: number;
+    /** Event callback */
+    onClick?: (event: MouseEvent) => void;
+    /** Size of avatar displayed */
+    size?: AvatarSize;
+    /** To be used to override styles inline */
+    style?: CSSProperties;
+    /** tab order for the avatar */
+    tabIndex?: number;
+    /** The text to be displayed. Only the first 2 letters will be displayed. */
+    text?: string;
+    /** Tooltip for avatar */
+    tooltip?: string;
+    /** The type of the avatar */
+    type?: AvatarType;
+    /** The shape of the avatar */
+    variant?: AvatarVariant;
+}
+export declare const DotAvatar: ({ alt, ariaLabel, ariaRole, className, component, color, "data-testid": dataTestId, iconId, imageSrc, onClick, number, size, tabIndex, text, type, tooltip, variant, style, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/avatar/Avatar.styles.d.ts

@@ -1,3 +1,3 @@
-import { AvatarProps } from './Avatar';
-export declare const rootClassName = "dot-avatar";
-export declare const StyledAvatar: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>, any, AvatarProps, never>;
+import { AvatarProps } from './Avatar';
+export declare const rootClassName = "dot-avatar";
+export declare const StyledAvatar: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>, any, AvatarProps, never>;

package/{lib → src/lib}/components/avatar-group/AvatarGroup.d.ts

@@ -1,12 +1,12 @@
-import { CommonProps } from '../CommonProps';
-import { AvatarProps } from '../avatar/Avatar';
-export declare type AvatarGroupSpacing = 'medium' | 'small' | number;
-export interface AvatarGroupProps extends CommonProps {
-    /** Array of avatars displayed inside the group */
-    avatars: Array<AvatarProps>;
-    /** Max avatars to show before +x */
-    max?: number;
-    /** Spacing between avatars */
-    spacing?: AvatarGroupSpacing;
-}
-export declare const DotAvatarGroup: ({ ariaLabel, avatars, className, "data-testid": dataTestId, max, spacing, }: AvatarGroupProps) => JSX.Element;
+import { CommonProps } from '../CommonProps';
+import { AvatarProps } from '../avatar/Avatar';
+export type AvatarGroupSpacing = 'medium' | 'small' | number;
+export interface AvatarGroupProps extends CommonProps {
+    /** Array of avatars displayed inside the group */
+    avatars: Array<AvatarProps>;
+    /** Max avatars to show before +x */
+    max?: number;
+    /** Spacing between avatars */
+    spacing?: AvatarGroupSpacing;
+}
+export declare const DotAvatarGroup: ({ ariaLabel, avatars, className, "data-testid": dataTestId, max, spacing, }: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/avatar-group/AvatarGroup.styles.d.ts

@@ -1,3 +1,3 @@
-import { AvatarGroup } from '@mui/material';
-export declare const rootClassName = "dot-avatar-group";
-export declare const StyledAvatarGroup: import("styled-components").StyledComponent<typeof AvatarGroup, any, {}, never>;
+import { AvatarGroup } from '@mui/material';
+export declare const rootClassName = "dot-avatar-group";
+export declare const StyledAvatarGroup: import("styled-components").StyledComponent<typeof AvatarGroup, any, {}, never>;

package/{lib → src/lib}/components/badge/Badge.d.ts

@@ -1,20 +1,20 @@
-import { ReactNode } from 'react';
-import { CommonProps } from '../CommonProps';
-export declare type BadgeOverlap = 'circular' | 'rectangular';
-export declare type BadgeVariant = 'standard' | 'dot';
-export interface BadgeProps extends CommonProps {
-    /** custom color code for the badge */
-    badgeColor?: string;
-    /** the number rendered within the badge */
-    badgeContent?: number;
-    /** component which will be wrapped with the badge */
-    children: ReactNode;
-    /** if true, the badge will be completely hidden*/
-    invisible?: boolean;
-    /** max count to show */
-    max?: number;
-    /** outline shape of the child component */
-    overlap?: BadgeOverlap;
-    variant?: BadgeVariant;
-}
-export declare const DotBadge: ({ ariaLabel, badgeColor, badgeContent, children, className, "data-testid": dataTestId, invisible, max, overlap, variant, }: BadgeProps) => JSX.Element;
+import { ReactNode } from 'react';
+import { CommonProps } from '../CommonProps';
+export type BadgeOverlap = 'circular' | 'rectangular';
+export type BadgeVariant = 'standard' | 'dot';
+export interface BadgeProps extends CommonProps {
+    /** custom color code for the badge */
+    badgeColor?: string;
+    /** the number rendered within the badge */
+    badgeContent?: number;
+    /** component which will be wrapped with the badge */
+    children: ReactNode;
+    /** if true, the badge will be completely hidden*/
+    invisible?: boolean;
+    /** max count to show */
+    max?: number;
+    /** outline shape of the child component */
+    overlap?: BadgeOverlap;
+    variant?: BadgeVariant;
+}
+export declare const DotBadge: ({ ariaLabel, badgeColor, badgeContent, children, className, "data-testid": dataTestId, invisible, max, overlap, variant, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/badge/Badge.styles.d.ts

@@ -1,6 +1,6 @@
-export declare const rootClassName = "dot-badge";
-interface StyledBadgeProps {
-    $badgeColor?: string;
-}
-export declare const StyledBadge: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BadgeTypeMap<"span", {}>>, any, StyledBadgeProps, never>;
-export {};
+export declare const rootClassName = "dot-badge";
+interface StyledBadgeProps {
+    $badgeColor?: string;
+}
+export declare const StyledBadge: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BadgeTypeMap<"span", {}>>, any, StyledBadgeProps, never>;
+export {};

package/{lib → src/lib}/components/badge/index.d.ts

@@ -1 +1 @@
-export * from './Badge';
+export * from './Badge';

package/{lib → src/lib}/components/breadcrumbs/Breadcrumbs.d.ts

@@ -1,25 +1,25 @@
-/// <reference types="react" />
-import { CommonProps } from '../CommonProps';
-import { LinkUnderline } from '../link/Link';
-export declare type BreadcrumbItem = {
-    /** Defines a string value that labels the current element **/
-    ariaLabel?: string;
-    /** If the number of characters is exceeded then an ellipsis should be used to truncate the text  */
-    characterLimit?: number;
-    /** link the breadcrumb goes to */
-    href?: string;
-    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
-    /** text displayed */
-    text: string;
-    /** determines if and when the underline will be shown */
-    underline?: LinkUnderline;
-};
-export interface BreadcrumbProps extends CommonProps {
-    /** determines if the menu expands on click */
-    expansionMenu?: boolean;
-    /** array of breadcrumb items to display */
-    items: Array<BreadcrumbItem>;
-    /** determines the maximum number of items to display */
-    maxItems?: number;
-}
-export declare const DotBreadcrumbs: ({ className, "data-testid": dataTestId, expansionMenu, items, maxItems, }: BreadcrumbProps) => JSX.Element;
+/// <reference types="react" />
+import { CommonProps } from '../CommonProps';
+import { LinkUnderline } from '../link/Link';
+export type BreadcrumbItem = {
+    /** Defines a string value that labels the current element **/
+    ariaLabel?: string;
+    /** If the number of characters is exceeded then an ellipsis should be used to truncate the text  */
+    characterLimit?: number;
+    /** link the breadcrumb goes to */
+    href?: string;
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    /** text displayed */
+    text: string;
+    /** determines if and when the underline will be shown */
+    underline?: LinkUnderline;
+};
+export interface BreadcrumbProps extends CommonProps {
+    /** determines if the menu expands on click */
+    expansionMenu?: boolean;
+    /** array of breadcrumb items to display */
+    items: Array<BreadcrumbItem>;
+    /** determines the maximum number of items to display */
+    maxItems?: number;
+}
+export declare const DotBreadcrumbs: ({ className, "data-testid": dataTestId, expansionMenu, items, maxItems, }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;

package/{lib → src/lib}/components/breadcrumbs/Breadcrumbs.data.d.ts

@@ -1,5 +1,5 @@
-import { BreadcrumbItem } from '../breadcrumbs/Breadcrumbs';
-export declare const defaultStorybookItems: BreadcrumbItem[];
-export declare const characterLimitBreadcrumbItems: BreadcrumbItem[];
-export declare const mockBreadcrumbItems: BreadcrumbItem[];
-export declare const mockLongBreadcrumbItems: BreadcrumbItem[];
+import { BreadcrumbItem } from '../breadcrumbs/Breadcrumbs';
+export declare const defaultStorybookItems: BreadcrumbItem[];
+export declare const characterLimitBreadcrumbItems: BreadcrumbItem[];
+export declare const mockBreadcrumbItems: BreadcrumbItem[];
+export declare const mockLongBreadcrumbItems: BreadcrumbItem[];

package/{lib → src/lib}/components/breadcrumbs/Breadcrumbs.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const rootClassName = "dot-breadcrumbs";
-export declare const breadcrumbsWrapperClass = "dot-breadcrumbs-wrapper";
-export declare const StyledBreadcrumbsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledBreadcrumbs: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BreadcrumbsTypeMap<{}, "nav">>, any, {}, never>;
+export declare const rootClassName = "dot-breadcrumbs";
+export declare const breadcrumbsWrapperClass = "dot-breadcrumbs-wrapper";
+export declare const StyledBreadcrumbsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledBreadcrumbs: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BreadcrumbsTypeMap<{}, "nav">>, any, {}, never>;

package/{lib → src/lib}/components/breadcrumbs/utils/helpers.d.ts

@@ -1,25 +1,25 @@
-import { MutableRefObject, ReactElement } from 'react';
-import { BreadcrumbItem } from '../Breadcrumbs';
-export interface BreadcrumbItemRefs {
-    firstItemRef: MutableRefObject<HTMLDivElement>;
-    lastItemRef: MutableRefObject<HTMLSpanElement>;
-}
-export interface BreadcrumbItemsConfig {
-    isLastItemFullyVisible: boolean;
-    itemsAfterCollapse: number;
-}
-export declare const getItemsAfterCollapse: (adjustMaxItems: boolean, visibleItemsNumber: number, maxItems?: number) => number | undefined;
-export declare const getMaxItems: (adjustMaxItems: boolean, visibleItemsNumber: number, maxItems?: number) => number | undefined;
-export declare const getWidthFromRef: <T extends HTMLElement>(ref: MutableRefObject<T>) => number | undefined;
-export declare const checkIfFirstItemAfterCollapse: (currentIndex: number, items: BreadcrumbItem[], itemsAfterCollapse: number) => boolean;
-export declare const getExpandElement: (breadcrumbElement: HTMLElement) => Element;
-export declare const getInitialMaxVisibleItems: (items: BreadcrumbItem[], maxItems?: number) => number;
-export declare const getMenuItems: (items: BreadcrumbItem[], itemsAfterCollapse: number) => {
-    children: JSX.Element;
-    key: string;
-}[];
-export declare const addListenersToMenu: (expandElement: Element, eventListener: EventListener) => void;
-export declare const removeListenersFromMenu: (expandElement: Element, eventListener: EventListener) => void;
-export declare const getLastItemElement: ({ ariaLabel, text }: BreadcrumbItem, lastItemRef: MutableRefObject<HTMLSpanElement>, index?: number) => ReactElement;
-export declare const mapBreadcrumbItems: (items: BreadcrumbItem[], refs: BreadcrumbItemRefs, { isLastItemFullyVisible, itemsAfterCollapse }: BreadcrumbItemsConfig) => JSX.Element[];
-export declare const checkIfLastItemFullyVisible: (breadcrumbRef: MutableRefObject<HTMLElement>, lastItemRef: MutableRefObject<HTMLSpanElement>) => boolean;
+import { MutableRefObject, ReactElement } from 'react';
+import { BreadcrumbItem } from '../Breadcrumbs';
+export interface BreadcrumbItemRefs {
+    firstItemRef: MutableRefObject<HTMLDivElement>;
+    lastItemRef: MutableRefObject<HTMLSpanElement>;
+}
+export interface BreadcrumbItemsConfig {
+    isLastItemFullyVisible: boolean;
+    itemsAfterCollapse: number;
+}
+export declare const getItemsAfterCollapse: (adjustMaxItems: boolean, visibleItemsNumber: number, maxItems?: number) => number | undefined;
+export declare const getMaxItems: (adjustMaxItems: boolean, visibleItemsNumber: number, maxItems?: number) => number | undefined;
+export declare const getWidthFromRef: <T extends HTMLElement>(ref: MutableRefObject<T>) => number | undefined;
+export declare const checkIfFirstItemAfterCollapse: (currentIndex: number, items: BreadcrumbItem[], itemsAfterCollapse: number) => boolean;
+export declare const getExpandElement: (breadcrumbElement: HTMLElement) => Element;
+export declare const getInitialMaxVisibleItems: (items: BreadcrumbItem[], maxItems?: number) => number;
+export declare const getMenuItems: (items: BreadcrumbItem[], itemsAfterCollapse: number) => {
+    children: import("react/jsx-runtime").JSX.Element;
+    key: string;
+}[];
+export declare const addListenersToMenu: (expandElement: Element, eventListener: EventListener) => void;
+export declare const removeListenersFromMenu: (expandElement: Element, eventListener: EventListener) => void;
+export declare const getLastItemElement: ({ ariaLabel, text }: BreadcrumbItem, lastItemRef: MutableRefObject<HTMLSpanElement>, index?: number) => ReactElement;
+export declare const mapBreadcrumbItems: (items: BreadcrumbItem[], refs: BreadcrumbItemRefs, { isLastItemFullyVisible, itemsAfterCollapse }: BreadcrumbItemsConfig) => import("react/jsx-runtime").JSX.Element[];
+export declare const checkIfLastItemFullyVisible: (breadcrumbRef: MutableRefObject<HTMLElement>, lastItemRef: MutableRefObject<HTMLSpanElement>) => boolean;

package/{lib → src/lib}/components/breadcrumbs/utils/useBreadcrumbsObserver.d.ts

@@ -1,9 +1,9 @@
-import { MutableRefObject } from 'react';
-import { BreadcrumbItem } from '../Breadcrumbs';
-interface BreadcrumbsObserverRefs {
-    breadcrumbRef: MutableRefObject<HTMLElement>;
-    firstItemRef: MutableRefObject<HTMLDivElement>;
-    lastItemRef: MutableRefObject<HTMLSpanElement>;
-}
-export declare const useBreadcrumbsObserver: (items: Array<BreadcrumbItem>, maxItems?: number) => [BreadcrumbsObserverRefs, number];
-export {};
+import { MutableRefObject } from 'react';
+import { BreadcrumbItem } from '../Breadcrumbs';
+interface BreadcrumbsObserverRefs {
+    breadcrumbRef: MutableRefObject<HTMLElement>;
+    firstItemRef: MutableRefObject<HTMLDivElement>;
+    lastItemRef: MutableRefObject<HTMLSpanElement>;
+}
+export declare const useBreadcrumbsObserver: (items: Array<BreadcrumbItem>, maxItems?: number) => [BreadcrumbsObserverRefs, number];
+export {};