@digital-ai/dot-components 2.17.3 → 2.18.1

package/lib/components/list/List.d.ts

@@ -1,4 +1,2 @@
-import { ListItemProps, ListProps, NestedListProps } from './utils/models';
+import { ListProps } from './utils/models';
 export declare const DotList: ({ ariaLabel, ariaRole, children, className, component, "data-testid": dataTestId, dense, disablePadding, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, width, }: ListProps) => JSX.Element;
-export declare const DotListItem: ({ ariaLabel, ariaRole, className, component, "data-testid": dataTestId, divider, endIcon, href, isOpened, onClick, onMenuLeave, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, primaryText, secondaryText, selected, startIcon, target, text, tooltip, tooltipPlacement, }: ListItemProps) => JSX.Element;
-export declare const NestedList: ({ ariaLabel, anchorEl, "data-testid": dataTestId, items, menuPlacement, nestedDrawerLeftSpacing, onMenuLeave, open, parentItemIndex, type, }: NestedListProps) => JSX.Element;

package/lib/components/list/ListDivider.d.ts

@@ -0,0 +1,7 @@
+import { ListItemProps } from './utils/models';
+interface DividerProps {
+    index: number;
+    item: ListItemProps;
+}
+export declare const DotListDivider: ({ item, index }: DividerProps) => JSX.Element;
+export {};

package/lib/components/list/ListItem.d.ts

@@ -0,0 +1,2 @@
+import { ListItemProps } from './utils/models';
+export declare const DotListItem: ({ ariaLabel, ariaRole, className, component, "data-testid": dataTestId, divider, endIcon, href, isOpened, onClick, onMenuLeave, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, primaryText, secondaryText, selected, startIcon, target, text, tooltip, tooltipPlacement, }: ListItemProps) => JSX.Element;

package/lib/components/list/NestedList.d.ts

@@ -0,0 +1,2 @@
+import { NestedListProps } from './utils/models';
+export declare const NestedList: ({ ariaLabel, anchorEl, "data-testid": dataTestId, items, menuPlacement, nestedDrawerLeftSpacing, onMenuLeave, open, parentItemIndex, type, }: NestedListProps) => JSX.Element;

package/lib/components/list/utils/helpers.d.ts

@@ -1,2 +1,3 @@
 import { NestedListType } from './models';
 export declare const getChevronIcon: (nestedListType: NestedListType, isOpened: boolean) => "chevron-right" | "chevron-up" | "chevron-down";
+export declare const shouldToggleOpen: (classNames: string) => boolean;

package/lib/components/list/utils/models.d.ts

@@ -3,6 +3,7 @@ import { CommonProps } from '../../CommonProps';
 import { PopperPlacement } from '../../menu/Menu';
 import { LinkTarget } from '../../link/Link';
 import { tooltipPlacement } from '../../tooltip/Tooltip';
+export declare const DEFAULT_TOOLTIP_PLACEMENT = "top-start";
 export declare type NestedListType = 'drawer' | 'expandable' | 'menu';
 export interface ListProps extends CommonProps {
     /** string or JSX element that is displayed inside the list */
@@ -80,6 +81,7 @@ export interface NestedListProps extends CommonProps {
     open: boolean;
     /** Index of the parent list item */
     parentItemIndex?: number;
+    toggleOpen?: (event: MouseEvent) => void;
     /** If 'menu' the nested list will be displayed as a flyout nav, else it will be an expand/collapse toggle list */
     type?: NestedListType;
 }

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

@@ -1,6 +1,7 @@
 import { MouseEvent } from 'react';
 import { ListItemProps } from '../list/utils/models';
 export declare const childElement: JSX.Element;
+export declare const childSearchElement: JSX.Element;
 export declare const getNavigationItems: (isSelected: (key: number) => boolean, handleClick: (key: number) => void) => ({
     startIcon: JSX.Element;
     onClick: import("@storybook/addon-actions").HandlerFunction;
@@ -9,19 +10,29 @@ export declare const getNavigationItems: (isSelected: (key: number) => boolean,
         divider: boolean;
         onClick?: undefined;
         selected?: undefined;
+        href?: undefined;
         child?: undefined;
     } | {
         onClick: (_event: MouseEvent) => void;
         selected: boolean;
         text: string;
         divider?: undefined;
+        href?: undefined;
+        child?: undefined;
+    } | {
+        href: string;
+        text: string;
+        divider?: undefined;
+        onClick?: undefined;
+        selected?: undefined;
         child?: undefined;
     } | {
         child: JSX.Element;
+        onClick: (event: MouseEvent) => void;
         text?: undefined;
         divider?: undefined;
-        onClick?: undefined;
         selected?: undefined;
+        href?: undefined;
     })[];
     text: string;
     endIconId?: undefined;

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

@@ -4,6 +4,7 @@ import { DotColumnHeader, Order } from './TableHeader';
 import { RowsPerPageOption } from './TablePagination';
 import { TypographyVariant } from '../typography/Typography';
 import { CollapsibleTableOptions, MultiSelect } from './utils/models';
+import { PopperPlacement } from '../menu/Menu';
 export declare const TABLE_TYPOGRAPHY_VARIANT = "body1";
 export interface TableRowProps extends CommonProps {
     /** row identifier that will be passed to onRowClick callback */
@@ -14,6 +15,8 @@ export interface TableRowProps extends CommonProps {
     selected?: boolean;
 }
 export interface TableProps extends CommonProps {
+    /** The popper placement for the actions menu **/
+    actionsMenuPlacement?: PopperPlacement;
     /** Typography variant which will be used for table body cell values **/
     bodyTypography?: TypographyVariant;
     /** Optional collapsible-table object **/
@@ -70,4 +73,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, bodyTypography, className, collapsibleTableOptions, columns, count, data, "data-testid": dataTestId, emptyMessage, footerTypography, headerTypography, labelRowsPerPage, loading, maxHeight, multiSelect, order, orderBy, onRowClick, onUpdateData, page, rowsPerPage, rowsPerPageOptions, stickyHeader, sortable, toolbar, }: TableProps) => JSX.Element;
+export declare const DotTable: ({ actionsMenuPlacement, ariaLabel, bodyTypography, className, collapsibleTableOptions, columns, count, data, "data-testid": dataTestId, emptyMessage, footerTypography, headerTypography, labelRowsPerPage, loading, maxHeight, multiSelect, order, orderBy, onRowClick, onUpdateData, page, rowsPerPage, rowsPerPageOptions, stickyHeader, sortable, toolbar, }: TableProps) => JSX.Element;

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

@@ -1,6 +1,6 @@
 import { Story, ComponentMeta } from '@storybook/react';
 import { TableProps } from './Table';
-declare const _default: ComponentMeta<({ ariaLabel, bodyTypography, className, collapsibleTableOptions, columns, count, data, "data-testid": dataTestId, emptyMessage, footerTypography, headerTypography, labelRowsPerPage, loading, maxHeight, multiSelect, order, orderBy, onRowClick, onUpdateData, page, rowsPerPage, rowsPerPageOptions, stickyHeader, sortable, toolbar, }: TableProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ actionsMenuPlacement, ariaLabel, bodyTypography, className, collapsibleTableOptions, columns, count, data, "data-testid": dataTestId, emptyMessage, footerTypography, headerTypography, labelRowsPerPage, loading, maxHeight, multiSelect, order, orderBy, onRowClick, onUpdateData, page, rowsPerPage, rowsPerPageOptions, stickyHeader, sortable, toolbar, }: TableProps) => JSX.Element>;
 export default _default;
 export declare const Default: Story;
 export declare const LocallyPaginatedTable: Story;

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

@@ -4,17 +4,20 @@ import { TableRowProps } from './Table';
 import { CommonProps } from '../CommonProps';
 import { TypographyVariant } from '../typography/Typography';
 import { CollapsibleTableBody, MultiSelectBody } from './utils/models';
+import { PopperPlacement } from '../menu/Menu';
 export interface TableBodyProps extends CommonProps {
+    /** The popper placement for the actions menu **/
+    actionsMenuPlacement?: PopperPlacement;
     collapsibleTableBody?: CollapsibleTableBody;
-    /** The table column headers */
+    /** The table column headers **/
     columns: Array<DotColumnHeader>;
-    /** The table body row data */
+    /** The table body row data **/
     data: Array<TableRowProps>;
-    /** Message to show if no data */
+    /** Message to show if no data **/
     emptyMessage?: string;
     /** Optional multi-select checkbox body object **/
     multiSelectBody?: MultiSelectBody;
-    /** Row click event callback */
+    /** Row click event callback **/
     onRowClick?: (event: MouseEvent, id: string) => void;
     /** Typography variant which will be used for body cell values **/
     typography: TypographyVariant;
@@ -23,4 +26,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: ({ collapsibleTableBody, columns, data, emptyMessage, multiSelectBody, onRowClick, typography, }: TableBodyProps) => JSX.Element;
+export declare const DotTableBody: ({ actionsMenuPlacement, collapsibleTableBody, columns, data, emptyMessage, multiSelectBody, onRowClick, typography, }: TableBodyProps) => JSX.Element;

package/package.json

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