@digital-ai/dot-components 3.2.2 → 3.4.0

package/package.json

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

package/src/lib/components/chip/Chip.d.ts

@@ -25,5 +25,7 @@ export interface ChipProps extends CommonProps {
     size?: ChipSize;
     /** The icon to display on the chip */
     startIcon?: ReactElement;
+    /** The tab index of the chip  */
+    tabIndex?: number;
 }
-export declare const DotChip: ({ ariaLabel, avatar, charactersLimit, children, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, disabled, error, isClickable, isDeletable, onClick, onDelete, size, startIcon, }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotChip: ({ ariaLabel, avatar, charactersLimit, children, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, disabled, error, isClickable, isDeletable, onClick, onDelete, size, startIcon, tabIndex, }: ChipProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,8 +1,8 @@
-import { ElementType, KeyboardEvent, MouseEvent, ReactNode } from 'react';
+import { ElementType, KeyboardEvent, KeyboardEventHandler, MouseEvent, ReactNode } from 'react';
 import { CommonProps } from '../../CommonProps';
 import { PopperPlacement } from '../../menu/Menu';
 import { LinkTarget } from '../../link/Link';
-import { TooltipPlacement } from '../../tooltip/Tooltip';
+import { TooltipPlacement } from '../../tooltip';
 export declare const DEFAULT_TOOLTIP_PLACEMENT = "top-start";
 export type NestedListType = 'drawer' | 'expandable' | 'menu';
 export interface ListProps extends CommonProps {
@@ -26,6 +26,8 @@ export interface ListProps extends CommonProps {
     width?: number | string;
 }
 export interface ListItemProps extends CommonProps {
+    /** If true, the list item will be focused **/
+    autoFocus?: boolean;
     /** string or JSX element that is displayed inside the list */
     child?: ReactNode;
     /** The component used for the root node. Either a string to use a HTML element or a component. */
@@ -48,6 +50,7 @@ export interface ListItemProps extends CommonProps {
     nestedListType?: NestedListType;
     /** Event callback */
     onClick?: (event: MouseEvent) => void;
+    onKeyDown?: KeyboardEventHandler;
     /** Menu leave event callback */
     onMenuLeave?: (event: MouseEvent | KeyboardEvent) => void;
     /** The main content element */

package/src/lib/components/table/TablePagination.d.ts

@@ -18,8 +18,10 @@ export interface TablePaginationProps extends CommonProps {
     rowsPerPage?: number;
     /** Customizes the options of the rows per page select field. Default: [10, 25, 50, 100, 150, 200] */
     rowsPerPageOptions?: number[];
+    /** If true, it displays a current page button between arrow buttons, and on click it opens a popper with page numbers to choose */
+    showJumpToPageActionButton?: boolean;
     /** Typography variant which will be used for pagination text */
     typography: TypographyVariant;
 }
 /** This component wraps the TablePagination component from @material-ui. */
-export declare const DotTablePagination: ({ ariaLabel, className, count, "data-testid": dataTestId, labelRowsPerPage, onPageChange, onRowsPerPageChange, page, rowsPerPage, rowsPerPageOptions, typography, }: TablePaginationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotTablePagination: ({ ariaLabel, className, count, "data-testid": dataTestId, labelRowsPerPage, onPageChange, onRowsPerPageChange, page, rowsPerPage, rowsPerPageOptions, showJumpToPageActionButton, typography, }: TablePaginationProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/table/TablePaginationCustomActions.d.ts

@@ -0,0 +1,2 @@
+import { TablePaginationActionsProps } from '@mui/material/TablePagination/TablePaginationActions';
+export declare const DotTablePaginationCustomActions: (props: TablePaginationActionsProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/table/TablePaginationCustomActions.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const rootClassName = "dot-table-pagination-custom-actions";
+export declare const StyledTablePaginationCustomActions: import("styled-components").StyledComponent<"div", any, {}, never>;