@digital-ai/dot-components 1.15.0 → 1.17.0

package/lib/components/app-toolbar/AppToolbar.d.ts

@@ -2,6 +2,16 @@ import { ReactNode } from 'react';
 import { CommonProps } from '../CommonProps';
 import { IconButtonProps } from '../button/IconButton';
 import { ListItemProps } from '../list';
+import { BadgeVariant } from '../badge/Badge';
+export interface AppToolbarIconButtons extends IconButtonProps {
+    /** custom color code for the badge */
+    badgeColor?: string;
+    /** the number rendered within the badge */
+    badgeContent?: number;
+    badgeVariant?: BadgeVariant;
+    /** if true, the badge will be displayed, else it will be hidden*/
+    displayBadge?: boolean;
+}
 export interface AppToolbarProps extends CommonProps {
     /** If provided will display application logo */
     appLogo?: ReactNode;
@@ -28,7 +38,7 @@ export interface AppToolbarProps extends CommonProps {
     /** Width of main menu drawer if mainMenu provided, defaults to 240px */
     mainMenuWidth?: number;
     /** Array of nav items to be displayed on the right side */
-    navItems?: Array<IconButtonProps>;
+    navItems?: Array<AppToolbarIconButtons>;
     /** URL of the page the primary logo link will go to */
     primaryLogoHref?: string;
 }

package/lib/components/app-toolbar/AppToolbar.stories.data.d.ts

@@ -1,15 +1,8 @@
 /// <reference types="react" />
 import { History } from 'history';
 import { ListItemProps } from '../list';
+import { AppToolbarIconButtons } from './AppToolbar';
 export declare const defaultMainMenuItems: Array<ListItemProps>;
-export declare const defaultNavItems: ({
-    iconId: string;
-    tooltip: string;
-    onClick?: undefined;
-} | {
-    iconId: string;
-    onClick: () => void;
-    tooltip: string;
-})[];
+export declare const defaultNavItems: AppToolbarIconButtons[];
 export declare const getMenuNavigationItems: (history: History) => Array<ListItemProps>;
 export declare const MenuNavigationRoutes: () => JSX.Element;

package/lib/components/button-toggle/utils/models.d.ts

@@ -8,5 +8,6 @@ export interface ButtonToggleOption extends CommonProps {
     disabled?: boolean;
     iconId?: string;
     text?: string;
+    tooltip?: string;
     value: ButtonToggleValue;
 }

package/lib/components/index.d.ts

@@ -79,7 +79,7 @@ export { DotSnackbar, DotSnackbarContainer, DotSnackbarProvider, useDotSnackbarC
 export { DotSplitButton } from './split-button/SplitButton';
 export { DotProgressButton } from './progress-button/ProgressButton';
 export { DotSwitch } from './switch';
-export { DotHeaderRow, DotTable, DotTablePagination } from './table';
+export { DotHeaderRow, DotTable, DotTablePagination, DotTableActions, DotTableAction, } from './table';
 export { DotTooltip } from './tooltip/Tooltip';
 export { DotTabs } from './tabs/Tabs';
 export { DotTypography } from './typography/Typography';

package/lib/components/inline-edit/utils/helpers.d.ts

@@ -3,3 +3,4 @@ import { InlineEditBinding } from './models';
 export declare const getCounterAdornment: (currentLength: number, maxLength: number, dataTestId?: string) => ReactNode | undefined;
 export declare const getWarningAdornment: () => JSX.Element;
 export declare const applyBindings: (bindings: InlineEditBinding[], inlineEditText: string) => ReactNode;
+export declare const checkIfEmptyValue: (inputValue: string) => boolean;

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

@@ -57,9 +57,9 @@ export declare const defaultColumns: ({
     id: string;
     label: string;
     sortable: boolean;
-    width?: undefined;
-    truncate?: undefined;
-    align?: undefined;
+    align: string;
+    width: string;
+    truncate: boolean;
 })[];
 export declare const defaultData: ({
     id: string;
@@ -69,15 +69,7 @@ export declare const defaultData: ({
         title: string;
         hometown: string;
         fans: number;
-        delete: {
-            children: JSX.Element;
-            dataTestId: string;
-            disabled: boolean;
-            iconId: string;
-            key: string;
-            onclick: () => void;
-            tooltip: string;
-        }[];
+        delete: JSX.Element;
         className: string;
     };
 } | {
@@ -86,15 +78,7 @@ export declare const defaultData: ({
         title: string;
         hometown: string;
         fans: number;
-        delete: {
-            children: JSX.Element;
-            dataTestId: string;
-            disabled: boolean;
-            iconId: string;
-            key: string;
-            onclick: () => void;
-            tooltip: string;
-        }[];
+        delete: JSX.Element;
         className?: undefined;
     };
     className?: undefined;

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

@@ -0,0 +1,12 @@
+import { MouseEvent } from 'react';
+import { CommonProps } from '../CommonProps';
+export interface TableActionProps extends CommonProps {
+    disabled?: boolean;
+    iconId: string;
+    id?: string;
+    label: string;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    tooltip?: string;
+}
+export declare const getMenuItem: (action: TableActionProps) => JSX.Element;
+export declare const DotTableAction: ({ "data-testid": dataTestId, disabled, iconId, onClick, tooltip, }: TableActionProps) => JSX.Element;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CommonProps } from '../CommonProps';
+import { TableActionProps } from './TableAction';
+export interface TableActionsProps extends CommonProps {
+    actions?: Array<TableActionProps>;
+    id: string;
+}
+export declare const DotTableActions: ({ actions, id }: TableActionsProps) => JSX.Element;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const rootClassName = "dot-table-actions";
+export declare const TableActionsContainer: import("styled-components").StyledComponent<"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, selectedKey, }: import("../menu/Menu").MenuProps) => JSX.Element, any, {}, never>;

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

@@ -13,6 +13,7 @@ export interface DotColumnHeader {
 export declare type Order = 'asc' | 'desc';
 export interface HeaderProps {
     columns: Array<DotColumnHeader>;
+    /** DEPRECATED, DO NOT USE */
     hasActionColumn: boolean;
     multiSelectHeader?: MultiSelectHeader;
     onRequestSort: (property: string) => void;

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

@@ -10,7 +10,7 @@ export interface HeaderCellProps {
     createSortHandler?: (property: string) => (event: MouseEvent<unknown>) => void;
     /** The Id of table cell */
     id?: string;
-    /** If true, specific alignment will be applicable for this cell */
+    /** DEPRECATED, DO NOT USE */
     isInActionColumn: boolean;
     /** The order of data which is being sorted by */
     order?: Order;

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

@@ -8,3 +8,5 @@ export type { MultiSelect, TableRowSelectChangeHandler, RowSelectionChangeHandle
 export { DotTablePagination } from './TablePagination';
 export { DotTable } from './Table';
 export { DotHeaderRow } from './TableHeader';
+export { DotTableAction } from './TableAction';
+export { DotTableActions } from './TableActions';

package/package.json

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