@digital-ai/dot-components 1.3.2 → 1.3.6

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

@@ -1,5 +1,6 @@
 import { ElementType, MouseEvent, KeyboardEvent, ReactNode } from 'react';
 import { CommonProps } from '../CommonProps';
+import { LinkTarget } from '../link/Link';
 import { PopperPlacement } from '../menu/Menu';
 export declare type NestedListType = 'drawer' | 'expandable' | 'menu';
 export interface NestedListProps extends CommonProps {
@@ -51,10 +52,11 @@ export interface ListItemProps extends CommonProps {
     endIconId?: string;
     /** If provided, the list item will be rendered as a link */
     href?: string;
-    /** List item index */
+    /** DEPRECATED, DO NOT USE */
     index?: number;
     /** If provided, the menu item will display a nested list */
     items?: Array<ListItemProps>;
+    isOpened?: boolean;
     /** 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 */
@@ -63,10 +65,18 @@ export interface ListItemProps extends CommonProps {
     nestedListType?: NestedListType;
     /** Event callback */
     onClick?: (event: MouseEvent) => void;
+    /** Menu leave event callback */
+    onMenuLeave?: () => void;
+    /** The main content element */
+    primaryText?: string;
+    /** The secondary content element */
+    secondaryText?: string;
     /** Selected list item */
     selected?: boolean;
     /** If provided, the icon ID which is displayed on the front of the list item */
     startIconId?: string;
+    /** where to open the link */
+    target?: LinkTarget;
     /** Text which is displayed in the list item */
     text?: string;
     /** DEPRECATED, DO NOT USE */
@@ -75,4 +85,4 @@ export interface ListItemProps extends CommonProps {
     tooltip?: string;
 }
 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, index, onClick, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, selected, startIconId, text, title, tooltip, }: ListItemProps) => 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;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ButtonProps } from '../button/Button';
+export declare const SPINNER_DEFAULT_SIZE = 20;
+export declare const SPINNER_LARGE_SIZE = 24;
+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, tooltip, type, }: ProgressButtonProps) => JSX.Element;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const rootClassName = "dot-progress-button";
+export declare const StyledProgressButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../button/Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/lib/components/table/Table.stories.data.d.ts

@@ -30,6 +30,7 @@ export declare const defaultColumns: ({
 })[];
 export declare const defaultData: ({
     id: string;
+    className: string;
     selected: boolean;
     rowData: {
         title: string;
@@ -44,6 +45,7 @@ export declare const defaultData: ({
             onclick: () => void;
             tooltip: string;
         }[];
+        className: string;
     };
 } | {
     id: string;
@@ -60,7 +62,9 @@ export declare const defaultData: ({
             onclick: () => void;
             tooltip: string;
         }[];
+        className?: undefined;
     };
+    className?: undefined;
     selected?: undefined;
 })[];
 export declare const paginatedColumns: ({

package/lib/components/table/TableRow.d.ts

@@ -24,5 +24,5 @@ export interface RowProps extends CommonProps {
  * A wrapper component around the TableRow component from @material-ui. This component can be used
  * for manipulating data prior to displaying the data inside the table
  */
-export declare const DotTableRow: ({ columns, data, onActionMenuTrigger, onClick, rowKey, selected, }: RowProps) => JSX.Element;
+export declare const DotTableRow: ({ columns, className, data, onActionMenuTrigger, onClick, rowKey, selected, }: RowProps) => JSX.Element;
 export declare const EmptyDotRow: ({ cols, message, }: EmptyRowProps) => JSX.Element;

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

@@ -1,9 +1,12 @@
-import { ReactNode, ReactElement } from 'react';
+import { ReactNode, ReactElement, ChangeEvent } from 'react';
 import { CommonProps } from '../CommonProps';
 export declare type tooltipPlacement = 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
 export interface TooltipProps extends CommonProps {
     children: ReactElement;
+    leaveDelay?: number;
+    onClose?: (event: ChangeEvent) => void;
+    open?: boolean;
     placement?: tooltipPlacement;
     title?: ReactNode | string | number;
 }
-export declare const DotTooltip: ({ ariaLabel, children, className, "data-testid": dataTestId, placement, title, }: TooltipProps) => JSX.Element;
+export declare const DotTooltip: ({ ariaLabel, children, className, "data-testid": dataTestId, leaveDelay, onClose, open, placement, title, }: TooltipProps) => JSX.Element;

package/lib/theme-provider/ThemeProvider.d.ts

@@ -1,7 +1,9 @@
 import { ReactNode } from 'react';
 import { Theme } from '@material-ui/core';
+import { TypographyOptions } from '@material-ui/core/styles/createTypography';
 import { AvatarPaletteColorOptions } from '../../../../../typings/material/index';
 export declare type ThemeOptions = 'light' | 'dark' | 'agility-light' | 'agility-dark';
+export declare const typographyOptions: TypographyOptions;
 export declare const avatarColors: AvatarPaletteColorOptions;
 export declare const agilityLightTheme: Theme;
 export declare const agilityDarkTheme: Theme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "1.3.2",
+  "version": "1.3.6",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [
@@ -28,6 +28,7 @@
   "dependencies": {
     "@material-ui/lab": "4.0.0-alpha.56",
     "@material-ui/core": "4.12.3",
+    "react-dropzone": "^11.4.2",
     "styled-components": "^5.2.1"
   },
   "peerDependencies": {