@digital-ai/dot-components 1.1.0 → 1.3.0

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

@@ -22,11 +22,11 @@ export declare const defaultColumns: ({
     sortable?: undefined;
 } | {
     id: string;
+    label: string;
     sortable: boolean;
-    width: string;
-    align: string;
-    label?: undefined;
+    width?: undefined;
     truncate?: undefined;
+    align?: undefined;
 })[];
 export declare const defaultData: ({
     id: string;
@@ -35,7 +35,11 @@ export declare const defaultData: ({
         title: string;
         hometown: string;
         fans: number;
-        delete: JSX.Element;
+        delete: {
+            children: JSX.Element;
+            key: string;
+            onclick: () => void;
+        }[];
     };
 } | {
     id: string;
@@ -43,7 +47,11 @@ export declare const defaultData: ({
         title: string;
         hometown: string;
         fans: number;
-        delete: JSX.Element;
+        delete: {
+            children: JSX.Element;
+            key: string;
+            onclick: () => void;
+        }[];
     };
     selected?: undefined;
 })[];

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

@@ -1,4 +1,6 @@
+/// <reference types="react" />
 import { Paper } from '@material-ui/core';
 export declare const rootClassName = "dot-table";
 export declare const StyledPaper: import("styled-components").StyledComponent<typeof Paper, any, {}, never>;
 export declare const StyledTableContainer: import("styled-components").StyledComponent<import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").TableContainerTypeMap<{}, "div">>, any, {}, never>;
+export declare const StyledMenu: import("styled-components").StyledComponent<({ anchorEl, ariaLabel, className, "data-testid": dataTestId, dense, disablePortal, id, loading, maxVisibleItems, menuItemHeight, menuItems, menuPlacement, onLeave, onSelect, open, }: import("../menu/Menu").MenuProps) => JSX.Element, any, {}, never>;

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

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

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

@@ -1,4 +1,4 @@
-import { MouseEvent } from 'react';
+import { MouseEvent, ReactNode } from 'react';
 import { DotColumnHeader } from './TableHeader';
 import { CommonProps } from '../CommonProps';
 import { TableRowProps } from './Table';
@@ -11,8 +11,12 @@ export interface RowProps extends CommonProps {
     columns: Array<DotColumnHeader>;
     /** The table body row data */
     data: TableRowProps;
+    /** Event callback of action button of menu */
+    onActionMenuTrigger: (el: HTMLElement, menuItem: Array<ReactNode>) => void;
     /** Event callback */
     onClick?: (event: MouseEvent, id: string) => void;
+    /** uniques key of table cell */
+    rowKey: string;
     /** if the row is selected */
     selected?: boolean;
 }
@@ -20,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, onClick, selected }: RowProps) => JSX.Element;
+export declare const DotTableRow: ({ columns, data, onActionMenuTrigger, onClick, rowKey, selected, }: RowProps) => JSX.Element;
 export declare const EmptyDotRow: ({ cols, message, }: EmptyRowProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+import { ReactNode, ReactElement } 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;
+    placement?: tooltipPlacement;
+    title?: ReactNode | string | number;
+}
+export declare const DotTooltip: ({ ariaLabel, children, className, "data-testid": dataTestId, placement, title, }: TooltipProps) => JSX.Element;

package/lib/theme-provider/colors/agility-dark-theme-colors.d.ts

@@ -0,0 +1,9 @@
+export declare const n0 = "#050A0A";
+export declare const n50 = "#14262E";
+export declare const n100 = "#244451";
+export declare const n200 = "#336275";
+export declare const n300 = "#7CB0C5";
+export declare const n400 = "#9FC5D5";
+export declare const n500 = "#E6F0F4";
+export declare const n600 = "#C3DBE4";
+export declare const n700 = "#FFFFFF";

package/lib/theme-provider/colors/agility-light-theme-colors.d.ts

@@ -0,0 +1,11 @@
+export declare const n0 = "#E6F0F4";
+export declare const n50 = "#FFFFFF";
+export declare const n100 = "#C3DBE4";
+export declare const n200 = "#9FC5D5";
+export declare const n300 = "#7CB0C5";
+export declare const n400 = "#589BB6";
+export declare const n500 = "#438098";
+export declare const n600 = "#326174";
+export declare const n700 = "#244451";
+export declare const n800 = "#14262E";
+export declare const n900 = "#000000";

package/lib/theme-provider/colors/light-theme-colors.d.ts

@@ -97,4 +97,5 @@ export declare const pA100 = "#ff9cd1";
 export declare const pA200 = "#ff69b9";
 export declare const pA400 = "#ff36a2";
 export declare const pA700 = "#ff1d96";
-export declare const agilityGreen = "#79B522";
+export declare const agilityGreen = "#79b522";
+export declare const agilityLightGreen = "#e4efd3";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [