@digital-ai/dot-components 1.10.1 → 1.11.2

package/lib/components/auto-complete/index.d.ts

@@ -1,3 +1,3 @@
-export { AutocompleteRenderOptionState } from '@material-ui/lab';
+export type { AutocompleteRenderOptionState } from '@material-ui/lab';
 export * from './AutoComplete';
 export { parseAutoCompleteValue } from './utils/helpers';

package/lib/components/badge/Badge.d.ts

@@ -1,14 +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, children, className, "data-testid": dataTestId, invisible, overlap, }: BadgeProps) => JSX.Element;
+export declare const DotBadge: ({ ariaLabel, badgeColor, badgeContent, children, className, "data-testid": dataTestId, invisible, max, overlap, variant, }: BadgeProps) => JSX.Element;

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

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

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

@@ -1,9 +1,12 @@
 import { MouseEvent, ReactElement } from 'react';
 import { CommonProps } from '../CommonProps';
 export declare type ChipSize = 'medium' | 'small';
+export declare const DEFAULT_CHARACTERS_LIMIT = 32;
 export interface ChipProps extends CommonProps {
     /** If provided, will display an avatar which takes precedence over icon */
     avatar?: ReactElement;
+    /** Maximum number of characters until the label gets truncated. Default is 32. */
+    charactersLimit?: number;
     /** The text for the chip. */
     children: string;
     /** If true, the chip is disabled */
@@ -23,4 +26,4 @@ export interface ChipProps extends CommonProps {
     /** The icon to display on the chip */
     startIcon?: ReactElement;
 }
-export declare const DotChip: ({ ariaLabel, avatar, children, className, "data-testid": dataTestId, disabled, error, isClickable, isDeletable, onClick, onDelete, size, startIcon, }: ChipProps) => JSX.Element;
+export declare const DotChip: ({ ariaLabel, avatar, charactersLimit, children, className, "data-testid": dataTestId, disabled, error, isClickable, isDeletable, onClick, onDelete, size, startIcon, }: ChipProps) => JSX.Element;

package/lib/components/index.d.ts

@@ -26,6 +26,7 @@ export type { TypographyVariant } from './typography/Typography';
 export type { ProgressButtonProps } from './progress-button/ProgressButton';
 export type { PopperPlacementType } from './popper';
 export type { DividerOrientation, DividerProps, DividerVariant, } from './divider';
+export type { BadgeProps, BadgeOverlap, BadgeVariant } from './badge';
 export { DotAccordion } from './accordion/Accordion';
 export { DotActionToolbar } from './action-toolbar/ActionToolbar';
 export { DotAlertBanner } from './alert-banner/AlertBanner';
@@ -34,7 +35,7 @@ export { DotAppToolbar } from './app-toolbar/AppToolbar';
 export { DotAutoComplete, parseAutoCompleteValue } from './auto-complete';
 export { DotAvatar } from './avatar/Avatar';
 export { DotAvatarGroup } from './avatar-group/AvatarGroup';
-export { DotBadge } from './badge/Badge';
+export { DotBadge } from './badge';
 export { DotBreadcrumbs } from './breadcrumbs/Breadcrumbs';
 export { DotButton } from './button/Button';
 export { DotButtonToggle } from './button-toggle';

package/lib/components/list/List.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ListItemProps, ListProps, NestedListProps } from './utils/models';
 export declare const DotList: ({ ariaLabel, children, className, component, "data-testid": dataTestId, dense, disablePadding, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, width, }: ListProps) => JSX.Element;
-export declare const DotListItem: ({ ariaLabel, className, component, "data-testid": dataTestId, divider, endIconId, href, isOpened, onClick, onMenuLeave, index, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, primaryText, secondaryText, selected, startIconId, target, text, title, tooltip, }: ListItemProps) => JSX.Element;
+export declare const DotListItem: ({ ariaLabel, className, component, "data-testid": dataTestId, divider, endIcon, endIconId, href, isOpened, onClick, onMenuLeave, index, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, primaryText, secondaryText, selected, startIcon, startIconId, target, text, title, tooltip, }: ListItemProps) => JSX.Element;
 export declare const NestedList: ({ ariaLabel, anchorEl, items, menuPlacement, nestedDrawerLeftSpacing, onMenuLeave, open, parentItemIndex, type, }: NestedListProps) => JSX.Element;

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

@@ -31,6 +31,8 @@ export interface ListItemProps extends CommonProps {
     /** If true, a 1px light border is added to the bottom of the list item. */
     divider?: boolean;
     /** If provided, the icon ID which is displayed at the end of the list item */
+    endIcon?: ReactNode;
+    /** DEPRECATED, DO NOT USE */
     endIconId?: string;
     /** If provided, the list item will be rendered as a link */
     href?: string;
@@ -56,6 +58,8 @@ export interface ListItemProps extends CommonProps {
     /** Selected list item */
     selected?: boolean;
     /** If provided, the icon ID which is displayed on the front of the list item */
+    startIcon?: ReactNode;
+    /** DEPRECATED, DO NOT USE */
     startIconId?: string;
     /** where to open the link */
     target?: LinkTarget;

package/lib/components/menu/Menu.stories.data.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { MouseEvent } from 'react';
 import { MenuItemProps } from '../menu/Menu';
 export declare const defaultMenuItems: ({
     children: JSX.Element;
@@ -22,3 +22,7 @@ export declare const tableMenuItems: ({
     key: string;
 })[];
 export declare const customHeightMenuItems: MenuItemProps[];
+export interface MenuTableArgs {
+    onIconButtonClick: (event: MouseEvent<HTMLButtonElement>, menuId: string) => void;
+}
+export declare const MenuTable: ({ onIconButtonClick }: MenuTableArgs) => JSX.Element;

package/lib/components/menu/Menu.stories.styles.d.ts

@@ -1,4 +1,6 @@
 export declare const rootClassName = "dot-menu-wrapper";
 export declare const multiLevelClassName = "dot-multi-level-menu";
+export declare const menuTableClassName = "dot-menu-table";
 export declare const StyledMenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledMultiLevelMenu: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMenuTable: import("styled-components").StyledComponent<"table", any, {}, never>;

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

@@ -1,2 +1,2 @@
-export { PopperPlacementType } from '@material-ui/core';
+export type { PopperPlacementType } from '@material-ui/core';
 export * from './Popper';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "1.10.1",
+  "version": "1.11.2",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [
@@ -32,7 +32,6 @@
     "styled-components": "^5.2.1"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0",
-    "react-router-dom": "5.3.0"
+    "react": "^16.8.0 || ^17.0.0"
   }
 }