@digital-ai/dot-components 1.0.8 → 1.0.12

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

@@ -10,8 +10,6 @@ export interface TableBodyProps extends CommonProps {
     data: Array<TableRowProps>;
     /** Message to show if no data */
     emptyMessage?: string;
-    /** Empty rows to show */
-    emptyRows?: number;
     /** Row click event callback */
     onRowClick?: (event: MouseEvent, id: string) => void;
 }
@@ -19,4 +17,4 @@ export interface TableBodyProps extends CommonProps {
  * A wrapper component around the TableBody component from @material-ui. This component can be used
  * to determine the functionality of the table.
  */
-export declare const DotTableBody: ({ columns, data, emptyMessage, emptyRows, onRowClick, }: TableBodyProps) => JSX.Element;
+export declare const DotTableBody: ({ columns, data, emptyMessage, onRowClick, }: TableBodyProps) => JSX.Element;

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

@@ -1,11 +1,14 @@
 /// <reference types="react" />
-export interface CellProps {
-    align?: boolean;
+import { CommonProps } from '../CommonProps';
+export declare type textAlignment = 'center' | 'inherit' | 'justify' | 'left' | 'right';
+export interface CellProps extends CommonProps {
+    align?: textAlignment;
     colspan?: number;
     id?: string;
+    noWrap?: boolean;
     value?: any;
 }
 /**
  * A wrapper component around the TableCell component from @material-ui.
  */
-export declare const DotBodyCell: ({ align, colspan, id, value, }: CellProps) => JSX.Element;
+export declare const DotBodyCell: ({ ariaLabel, align, className, colspan, "data-testid": dataTestId, id, noWrap, value, }: CellProps) => JSX.Element;

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

@@ -1,10 +1,12 @@
 import { MouseEvent, ReactNode } from 'react';
 import { Order } from './TableBody';
+import { textAlignment } from './TableCell';
 export interface DotColumnHeader {
-    align?: string;
+    align?: textAlignment;
     id: string;
     label?: string;
     sortable?: boolean;
+    truncate?: boolean;
     width?: string;
 }
 export interface HeaderProps {
@@ -16,8 +18,11 @@ export interface HeaderProps {
     sortable: boolean;
 }
 export interface HeaderCellProps {
-    align?: boolean;
+    /** Allows to align cell text left, right, center  */
+    align?: textAlignment;
+    /** Click event function to handle sorting */
     createSortHandler?: (property: string) => (event: MouseEvent<unknown>) => void;
+    /** The Id of table cell */
     id?: string;
     /** The order of data which is being sorted by */
     order?: Order;
@@ -25,10 +30,14 @@ export interface HeaderCellProps {
     orderBy?: string;
     /** Determines if sorting is enabled */
     sortable?: boolean;
+    /** Determines sorting order of ascending or desceding */
     sortDirection?: 'desc' | 'asc' | undefined;
+    /**Allows table cell text truncated and displays in only one line */
+    truncate?: boolean;
     /** The UID of the cell, if not provided then a randomly generated hash will be created using
      * CreateUUID() */
     uid: string;
+    /** The value of header cell*/
     value?: ReactNode;
     /** The width of the column */
     width?: string;

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

@@ -15,5 +15,5 @@ export interface TablePaginationProps extends CommonProps {
     rowsPerPage?: RowsPerPageOption;
 }
 /** This component wraps the TablePagination component from @material-ui. */
-export declare const DotTablePagination: ({ className, count, "data-testid": dataTestId, onChangePage, onChangeRowsPerPage, page, rowsPerPage, }: TablePaginationProps) => JSX.Element;
+export declare const DotTablePagination: ({ ariaLabel, className, count, "data-testid": dataTestId, onChangePage, onChangeRowsPerPage, page, rowsPerPage, }: TablePaginationProps) => JSX.Element;
 export {};

package/lib/components/typography/Typography.d.ts

@@ -11,4 +11,4 @@ export interface TypographyProps extends CommonProps {
     /** Applies the theme typography styles. */
     variant?: TypographyVariant;
 }
-export declare const DotTypography: ({ className, "data-testid": dataTestId, children, component, noWrap, variant, }: TypographyProps) => JSX.Element;
+export declare const DotTypography: ({ ariaLabel, className, "data-testid": dataTestId, children, component, noWrap, variant, }: TypographyProps) => JSX.Element;

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

@@ -1,44 +1,8 @@
 import { ReactNode } from 'react';
 import { Theme } from '@material-ui/core';
+import { AvatarPaletteColorOptions } from '../../../../../typings/material/index';
 export declare type ThemeOptions = 'light' | 'dark' | 'agility-light' | 'agility-dark';
-export declare const avatarColors: {
-    default: {
-        color: string;
-        backgroundColor: string;
-    };
-    green: {
-        color: string;
-        backgroundColor: string;
-    };
-    blue: {
-        color: string;
-        backgroundColor: string;
-    };
-    orange: {
-        color: string;
-        backgroundColor: string;
-    };
-    purple: {
-        color: string;
-        backgroundColor: string;
-    };
-    yellow: {
-        color: string;
-        backgroundColor: string;
-    };
-    red: {
-        color: string;
-        backgroundColor: string;
-    };
-    darkGrey: {
-        color: string;
-        backgroundColor: string;
-    };
-    lightGrey: {
-        color: string;
-        backgroundColor: string;
-    };
-};
+export declare const avatarColors: AvatarPaletteColorOptions;
 export declare const agilityLightTheme: Theme;
 export declare const agilityDarkTheme: Theme;
 export declare const darkTheme: Theme;

package/lib/theme-provider/common/variables.d.ts

@@ -0,0 +1,6 @@
+export declare const levelBottom = -1;
+export declare const levelFirst = 1;
+export declare const levelSecond = 10;
+export declare const levelThird = 100;
+export declare const levelFourth = 1000;
+export declare const levelTop = 9999;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "1.0.8",
+  "version": "1.0.12",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [
@@ -27,13 +27,10 @@
   "author": "Keith Stewart",
   "dependencies": {
     "@material-ui/lab": "4.0.0-alpha.56",
-    "@material-ui/core": "4.11.4",
+    "@material-ui/core": "4.12.3",
     "styled-components": "^5.2.1"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0"
-  },
-  "resolutions": {
-    "@material-ui/system": "4.11.3"
   }
-}
+}