@digital-ai/dot-components 1.0.7 → 1.0.11

package/lib/components/switch/Switch.d.ts

@@ -4,8 +4,6 @@ export declare type SwitchColor = 'default' | 'primary' | 'secondary';
 export declare type SwitchSize = 'medium' | 'small';
 export declare type SwitchLabelPlacement = 'bottom' | 'end' | 'start' | 'top';
 export interface SwitchProps extends CommonProps {
-    /** accessibility label */
-    ariaLabel?: string;
     /** determines the default state of the switch */
     checked?: boolean;
     /** color options available 'default', 'primary', 'secondary' */

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

@@ -12,7 +12,6 @@ export interface TableRowProps extends CommonProps {
     rowData: any;
 }
 export interface TableProps extends CommonProps {
-    ariaLabel: string;
     /** The table header columns */
     columns: Array<DotColumnHeader>;
     /** Total number of items for paginated table.
@@ -37,6 +36,8 @@ export interface TableProps extends CommonProps {
     onRowClick?: (event: MouseEvent, id: string) => void;
     /** Update data callback if data is managed by consumer */
     onUpdateData?: (order: Order, orderBy: string, page: number, rowsPerPage: number) => void;
+    /** The zero-based index of the current page  for paginated table */
+    page?: number;
     /** Rows per page for paginated table */
     rowsPerPage?: RowsPerPageOption;
     /** Table is sortable */
@@ -53,4 +54,4 @@ export declare function stableSort<T>(array: T[], comparator: (order: T, orderBy
  * A wrapper component around the Table component from @material-ui. This component can be used for
  *  creating a common structure for tables in the system.
  */
-export declare const DotTable: ({ ariaLabel, className, columns, count, data, "data-testid": dataTestId, emptyMessage, loading, maxHeight, order, orderBy, onRowClick, onUpdateData, rowsPerPage, stickyHeader, sortable, toolbar, }: TableProps) => JSX.Element;
+export declare const DotTable: ({ ariaLabel, className, columns, count, data, "data-testid": dataTestId, emptyMessage, loading, maxHeight, order, orderBy, onRowClick, onUpdateData, page, rowsPerPage, stickyHeader, sortable, toolbar, }: TableProps) => JSX.Element;

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

@@ -3,6 +3,14 @@ export declare const defaultColumns: ({
     id: string;
     label: string;
     width: string;
+    truncate: boolean;
+    align?: undefined;
+    sortable?: undefined;
+} | {
+    id: string;
+    label: string;
+    width: string;
+    truncate?: undefined;
     align?: undefined;
     sortable?: undefined;
 } | {
@@ -10,6 +18,7 @@ export declare const defaultColumns: ({
     label: string;
     align: string;
     width: string;
+    truncate?: undefined;
     sortable?: undefined;
 } | {
     id: string;
@@ -17,6 +26,7 @@ export declare const defaultColumns: ({
     width: string;
     align: string;
     label?: undefined;
+    truncate?: undefined;
 })[];
 export declare const defaultData: ({
     id: string;
@@ -37,11 +47,19 @@ export declare const defaultData: ({
     };
     selected?: undefined;
 })[];
-export declare const paginatedColumns: {
+export declare const paginatedColumns: ({
     id: string;
     label: string;
     width: string;
-}[];
+    truncate: boolean;
+    align?: undefined;
+} | {
+    id: string;
+    label: string;
+    width: string;
+    align: string;
+    truncate?: undefined;
+})[];
 export declare const paginatedData: {
     id: string;
     rowData: {

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "1.0.7",
+  "version": "1.0.11",
   "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"
   }
-}
+}