@digital-ai/dot-components 1.1.1 → 1.3.1

package/lib/components/sidebar/Sidebar.d.ts

@@ -13,6 +13,10 @@ export interface BackItemProps extends CommonProps {
     title?: string;
 }
 export interface SidebarProps extends CommonProps {
+    /** If provided will display application logo */
+    appLogo?: ReactNode;
+    /** If provided will display application logo */
+    appLogoSmall?: ReactNode;
     /** props used by the back item */
     backItem?: BackItemProps;
     /** If displayBrand is true this text will be displayed above the Digital.ai branding */
@@ -21,6 +25,8 @@ export interface SidebarProps extends CommonProps {
     children?: ReactNode;
     /** If true will display the expand/collapse icon button */
     collapsable?: boolean;
+    /** If true will display appLogo provided at the top */
+    displayAppLogo?: boolean;
     /** If true will display Digital.ai branding at the bottom */
     displayBrand?: boolean;
     /** If true will display the go back nav item at the top of the sidebar */
@@ -35,5 +41,7 @@ export interface SidebarProps extends CommonProps {
     title?: string;
     /** If provided, will display an avatar next to the title text */
     titleAvatarProps?: AvatarProps;
+    /** Width of main menu drawer if mainMenu provided, defaults to 240px */
+    width?: number;
 }
-export declare const DotSidebar: ({ ariaLabel, backItem, brandDesc, children, className, collapsable, "data-testid": dataTestId, displayBrand, goBack, navItems, nestedListType, open, title, titleAvatarProps, }: SidebarProps) => JSX.Element;
+export declare const DotSidebar: ({ appLogo, appLogoSmall, ariaLabel, backItem, brandDesc, children, className, collapsable, "data-testid": dataTestId, displayAppLogo, displayBrand, goBack, navItems, nestedListType, open, title, titleAvatarProps, width, }: SidebarProps) => JSX.Element;

package/lib/components/split-button/SplitButton.d.ts

@@ -13,4 +13,4 @@ export interface SplitButtonProps extends BaseButtonProps {
     /**The options within the button dropdown */
     options: Array<MenuItemProps>;
 }
-export declare const DotSplitButton: ({ autoFocus, ariaLabel, children, className, "data-testid": dataTestId, disabled, disablePortal, disableRipple, fullWidth, isSubmit, onClick, onSelect, options, size, titleTooltip, type, }: SplitButtonProps) => JSX.Element;
+export declare const DotSplitButton: ({ autoFocus, ariaLabel, children, className, "data-testid": dataTestId, disabled, disablePortal, disableRipple, fullWidth, isSubmit, onClick, onSelect, options, size, titleTooltip, tooltip, type, }: SplitButtonProps) => JSX.Element;

package/lib/components/split-button/SplitButton.styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const rootClassName = "dot-split-button-group";
 export declare const StyledSplitButtonGroup: import("styled-components").StyledComponent<import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").ButtonGroupTypeMap<{}, "div">>, any, {}, never>;
-export declare const StyledMenu: import("styled-components").StyledComponent<({ anchorEl, ariaLabel, className, "data-testid": dataTestId, dense, disablePortal, id, maxVisibleItems, menuItems, menuPlacement, onLeave, onSelect, open, }: import("../menu/Menu").MenuProps) => JSX.Element, 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/Table.stories.data.d.ts

@@ -36,11 +36,13 @@ export declare const defaultData: ({
         hometown: string;
         fans: number;
         delete: {
-            actions: {
-                children: JSX.Element;
-                key: string;
-                onclick: () => void;
-            }[];
+            children: JSX.Element;
+            dataTestId: string;
+            disabled: boolean;
+            iconId: string;
+            key: string;
+            onclick: () => void;
+            tooltip: string;
         }[];
     };
 } | {
@@ -50,11 +52,13 @@ export declare const defaultData: ({
         hometown: string;
         fans: number;
         delete: {
-            actions: {
-                children: JSX.Element;
-                key: string;
-                onclick: () => void;
-            }[];
+            children: JSX.Element;
+            dataTestId: string;
+            disabled: boolean;
+            iconId: string;
+            key: string;
+            onclick: () => void;
+            tooltip: string;
         }[];
     };
     selected?: undefined;

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

@@ -3,4 +3,4 @@ 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, maxVisibleItems, menuItems, menuPlacement, onLeave, onSelect, open, }: import("../menu/Menu").MenuProps) => JSX.Element, 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,15 +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: []) => void;
+    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, noWrap, value, onActionMenuTrigger, }: 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';
@@ -12,9 +12,11 @@ export interface RowProps extends CommonProps {
     /** The table body row data */
     data: TableRowProps;
     /** Event callback of action button of menu */
-    onActionMenuTrigger: (el: HTMLElement, menuItem: []) => void;
+    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;
 }
@@ -22,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, 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.1",
+  "version": "1.3.1",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [
@@ -31,6 +31,7 @@
     "styled-components": "^5.2.1"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0"
+    "react": "^16.8.0 || ^17.0.0",
+    "react-jsonschema-form": "^1.8.1"
   }
 }