@digital-ai/dot-components 1.14.0 → 1.16.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/index.d.ts

@@ -0,0 +1,4 @@
+export type { ButtonProps } from './Button';
+export type { IconButtonProps, IconButtonColor, IconButtonSize, } from './IconButton';
+export { DotButton } from './Button';
+export { DotIconButton } from './IconButton';

package/lib/components/file-upload/FileListItem.d.ts

@@ -1,10 +1,15 @@
 /// <reference types="react" />
-import { FileWithPath } from 'react-dropzone';
 import { CommonProps } from '../CommonProps';
+export interface ListItemFile {
+    id: string | number;
+    path: string;
+}
 export interface FileItemProps extends CommonProps {
-    deleteFile: (file: FileWithPath) => void;
+    deleteFile: (fileIndex: string | number) => void;
+    disableDelete?: boolean;
     error?: boolean;
     errorText?: string;
-    file: FileWithPath;
+    file: ListItemFile;
+    onClick?: (file: ListItemFile) => void;
 }
-export declare const DotFileListItem: ({ ariaLabel, className, "data-testid": dataTestId, deleteFile, error, errorText, file, }: FileItemProps) => JSX.Element;
+export declare const DotFileListItem: ({ ariaLabel, className, "data-testid": dataTestId, deleteFile, disableDelete, error, errorText, file, onClick, }: FileItemProps) => JSX.Element;

package/lib/components/file-upload/FileListItem.styles.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+export declare const rootClassName = "dot-file-list-item";
+export declare const StyledFileListItem: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").ListItemTypeMap<{
+    button?: false;
+}, "li">> & ((props: {
+    href: string;
+} & {
+    button: true;
+} & {
+    alignItems?: "center" | "flex-start";
+    autoFocus?: boolean;
+    button?: boolean;
+    ContainerComponent?: import("react").ElementType<import("react").HTMLAttributes<HTMLDivElement>>;
+    ContainerProps?: import("react").HTMLAttributes<HTMLDivElement>;
+    dense?: boolean;
+    disabled?: boolean;
+    disableGutters?: boolean;
+    divider?: boolean;
+    focusVisibleClassName?: string;
+    selected?: boolean;
+} & {
+    action?: import("react").Ref<import("@material-ui/core").ButtonBaseActions>;
+    buttonRef?: import("react").Ref<unknown>;
+    centerRipple?: boolean;
+    children?: import("react").ReactNode;
+    disabled?: boolean;
+    disableRipple?: boolean;
+    disableTouchRipple?: boolean;
+    focusRipple?: boolean;
+    focusVisibleClassName?: string;
+    onFocusVisible?: import("react").FocusEventHandler<any>;
+    tabIndex?: string | number;
+    TouchRippleProps?: Partial<import("@material-ui/core/ButtonBase/TouchRipple").TouchRippleProps>;
+} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").ExtendButtonBaseTypeMap<import("@material-ui/core").ListItemTypeMap<{
+    button: true;
+}, "div">>> & Pick<Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof import("react").AnchorHTMLAttributes<HTMLAnchorElement>> & {
+    ref?: import("react").Ref<HTMLAnchorElement>;
+}, "slot" | "title" | "type" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "download" | "href" | "hrefLang" | "media" | "ping" | "rel" | "target" | "referrerPolicy">) => JSX.Element) & import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").ExtendButtonBaseTypeMap<import("@material-ui/core").ListItemTypeMap<{
+    button: true;
+}, "div">>>;

package/lib/components/file-upload/FileUpload.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { CommonProps } from '../CommonProps';
 import { MappedFile } from './utils/models';
+import { ListItemFile } from './FileListItem';
 export interface FileUploadProps extends CommonProps {
     /** Unique file type specifiers <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers" target="_blank">More Info</a> */
     accept?: Array<string>;
@@ -8,6 +9,8 @@ export interface FileUploadProps extends CommonProps {
     buttonOnly?: boolean;
     /** If true, the upload zone will be disabled */
     disabled?: boolean;
+    /** If true, upload file list won't be displayed. Used when consumer wants to render his own list. */
+    hideFilesList?: boolean;
     /** Defines the maximum number of files that can be uploaded */
     maxFiles?: number;
     /** Defines the maximum file size (in MB) */
@@ -16,5 +19,7 @@ export interface FileUploadProps extends CommonProps {
     onChange: (files: Array<MappedFile>) => void;
     /** callback triggered when dragenter event occurs */
     onDragEnter?: (event: React.DragEvent<HTMLDivElement>) => void;
+    /** Optional callback which gets triggered when the file (from the list) is clicked.  */
+    onFileClick?: (file: ListItemFile) => void;
 }
-export declare const DotFileUpload: ({ accept, ariaLabel, buttonOnly, className, "data-testid": dataTestId, disabled, maxFiles, maxSize, onChange, onDragEnter, }: FileUploadProps) => JSX.Element;
+export declare const DotFileUpload: ({ accept, ariaLabel, buttonOnly, className, "data-testid": dataTestId, disabled, hideFilesList, maxFiles, maxSize, onChange, onDragEnter, onFileClick, }: FileUploadProps) => JSX.Element;

package/lib/components/file-upload/FileUpload.stories.data.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { FileUploadProps } from './';
+export interface CustomFileUploadArgs {
+    args: FileUploadProps;
+}
+export declare const CustomFileUpload: ({ args }: CustomFileUploadArgs) => JSX.Element;

package/lib/components/file-upload/FileUpload.stories.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const withCustomFileUploadListClassName = "dot-custom-file-upload-list";
+export declare const StyledWithCustomFileUploadList: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/file-upload/index.d.ts

@@ -1,2 +1,6 @@
+export type { FileUploadError, MappedFile, MappedListItemFile, } from './utils/models';
 export type { FileUploadProps } from './FileUpload';
+export type { ListItemFile } from './FileListItem';
+export type { FileItemProps } from './FileListItem';
 export { DotFileUpload } from './FileUpload';
+export { DotFileListItem } from './FileListItem';

package/lib/components/file-upload/utils/helpers.d.ts

@@ -1,15 +1,23 @@
 import React, { ReactNode } from 'react';
-import { FileWithPath } from 'react-dropzone';
-import { DropzoneContentArgs, MappedFile } from './models';
+import { FileRejection } from 'react-dropzone';
+import { DropzoneContentArgs, ParseListItemArgs, UploadedFilesListArgs } from './models';
 export declare const renderMaxSizeMessage: (maxSizeMB: number) => ReactNode;
 export declare const renderMaxFilesMessage: (maxFiles: number, maxFilesClasses: string) => ReactNode;
 export declare const renderSelectFilesButton: (isUploadDisabled: boolean, onButtonClick: () => void) => ReactNode;
 export declare const renderActiveDragArea: () => ReactNode;
 export declare const renderDragAndDropArea: (isUploadDisabled: boolean, onSelectButtonClick: () => void) => ReactNode;
 export declare const renderDropzoneContent: ({ buttonOnly, isDragActive, isUploadDisabled, open, }: DropzoneContentArgs) => React.ReactNode;
-export declare const getUploadedFilesList: (uploadedFiles: MappedFile[], maxSize: number, onFileDelete: (fileToBeRemoved: FileWithPath) => void) => {
+export declare const getUploadedFilesList: ({ maxSize, onFileClick, onFileDelete, uploadedFiles, }: UploadedFilesListArgs) => {
     child: JSX.Element;
 }[];
-export declare const parseListItem: (deleteFile: (file: FileWithPath) => void, fileToBeParsed: MappedFile, maxSize: number) => {
+export declare const parseListItem: ({ onFileDelete, onFileClick, fileToBeParsed, index, maxSize, }: ParseListItemArgs) => {
     child: JSX.Element;
 };
+export declare const mapAcceptedFiles: (files: File[]) => {
+    file: File;
+    errors: any[];
+}[];
+export declare const joinAcceptedAndRejectedFiles: (filesAccepted: File[], filesRejected: FileRejection[]) => {
+    file: File;
+    errors: any[];
+}[];

package/lib/components/file-upload/utils/models.d.ts

@@ -1,8 +1,13 @@
 import { FileWithPath } from 'react-dropzone';
+import { ListItemFile } from '../FileListItem';
 export interface FileUploadError {
     code: string;
     message: string;
 }
+export interface MappedListItemFile {
+    errors: FileUploadError[];
+    listItemFile: ListItemFile;
+}
 export interface MappedFile {
     errors: Array<FileUploadError>;
     file: FileWithPath;
@@ -13,3 +18,16 @@ export interface DropzoneContentArgs {
     isUploadDisabled: boolean;
     open: () => void;
 }
+export interface UploadedFilesListArgs {
+    maxSize: number;
+    onFileClick?: (file: ListItemFile) => void;
+    onFileDelete: (fileIndexToBeRemoved: number) => void;
+    uploadedFiles: MappedFile[];
+}
+export interface ParseListItemArgs {
+    fileToBeParsed: MappedFile;
+    index: number;
+    maxSize: number;
+    onFileClick?: (file: ListItemFile) => void;
+    onFileDelete: (fileIndexToBeRemoved: number) => void;
+}

package/lib/components/index.d.ts

@@ -2,24 +2,23 @@ export type { AppToolbarProps } from './app-toolbar/AppToolbar';
 export type { AutoCompleteOption, AutoCompleteProps, AutoCompleteValue, AutocompleteRenderOptionState, } from './auto-complete';
 export type { AvatarProps } from './avatar/Avatar';
 export type { BreadcrumbItem } from './breadcrumbs/Breadcrumbs';
-export type { ButtonProps } from './button/Button';
+export type { ButtonProps, IconButtonProps, IconButtonColor, IconButtonSize, } from './button';
 export type { ButtonToggleProps, ButtonToggleValue, ButtonToggleOption, ButtonToggleOrientation, ButtonToggleSingleValue, ButtonToggleSize, } from './button-toggle';
 export type { CheckboxProps } from './checkbox/Checkbox';
 export type { CheckboxGroupProps } from './checkbox/CheckboxGroup';
 export type { SubmitButtonProps } from './dialog/Dialog';
 export type { DynamicFormProps } from './dynamic-form/DynamicForm';
 export type { ConditionFunction, ControlClickHandler, DisabledConditionFunction, DisabledControlCondition, DynamicFormConfig, DynamicFormControl, DynamicFormControlProps, DynamicFormControlType, DynamicFormOutputData, DynamicFormSectionProps, DynamicFormState, DynamicFormStateItem, FieldValidation, } from './dynamic-form/models';
-export type { IconButtonProps } from './button/IconButton';
 export type { InputTextProps } from './input-form-fields/InputText';
 export type { InputSelectProps, InputSelectOption, } from './input-form-fields/InputSelect';
 export type { LinkUnderline } from './link/Link';
 export type { ListItemProps } from './list';
 export type { MenuItemProps } from './menu/Menu';
-export type { RailItem } from './navigation-rail/NavigationRail';
+export type { RailItem, RailItemsPosition } from './navigation-rail';
 export type { RadioButtonProps } from './radio/RadioButton';
 export type { RadioGroupProps } from './radio/RadioGroup';
 export type { BackItemProps, SidebarProps } from './sidebar/Sidebar';
-export type { SwitchProps } from './switch/Switch';
+export type { SwitchProps, SwitchColor, SwitchSize, SwitchLabelPlacement, } from './switch';
 export type { DotColumnHeader, MultiSelect, Order, RowSelectionChangeHandler, RowsPerPageOption, TableDataWithPagination, TableRowProps, TableRowSelectChangeHandler, TextAlignment, SortDirection, } from './table';
 export type { TabProps } from './tabs/Tabs';
 export type { TypographyVariant } from './typography/Typography';
@@ -32,7 +31,7 @@ export type { DraggableItem, DraggableListChangeHandler, } from './draggable-lis
 export type { SnackbarProps, SnackbarSeverity, SnackbarOrigin, } from './snackbar';
 export type { CharactersLimit, InlineEditProps } from './inline-edit';
 export type { progressColorOptions, progressVariantOptions, ProgressProps, } from './progress';
-export type { FileUploadProps } from './file-upload';
+export type { FileItemProps, FileUploadError, FileUploadProps, ListItemFile, MappedFile, MappedListItemFile, } from './file-upload';
 export { DotAccordion } from './accordion/Accordion';
 export { DotActionToolbar } from './action-toolbar/ActionToolbar';
 export { DotAlertBanner } from './alert-banner/AlertBanner';
@@ -43,7 +42,7 @@ export { DotAvatar } from './avatar/Avatar';
 export { DotAvatarGroup } from './avatar-group/AvatarGroup';
 export { DotBadge } from './badge';
 export { DotBreadcrumbs } from './breadcrumbs/Breadcrumbs';
-export { DotButton } from './button/Button';
+export { DotButton, DotIconButton } from './button';
 export { DotButtonToggle } from './button-toggle';
 export { DotCard } from './card/Card';
 export { DotCardContent } from './card/CardContent';
@@ -63,14 +62,13 @@ export { DotForm } from './form/Form';
 export { DotFormGroup } from './form-group/FormGroup';
 export { DotDynamicForm } from './dynamic-form/DynamicForm';
 export { DotIcon } from './icon/Icon';
-export { DotIconButton } from './button/IconButton';
 export { DotInlineEdit } from './inline-edit';
 export { DotInputText } from './input-form-fields/InputText';
 export { DotInputSelect } from './input-form-fields/InputSelect';
 export { DotLink } from './link/Link';
 export { DotList } from './list';
 export { DotMenu } from './menu/Menu';
-export { DotNavigationRail } from './navigation-rail/NavigationRail';
+export { DotNavigationRail } from './navigation-rail';
 export { DotPill } from './pill/Pill';
 export { DotProgress } from './progress';
 export { DotRadioButton } from './radio/RadioButton';
@@ -80,12 +78,12 @@ export { DotSkeleton } from './skeleton/Skeleton';
 export { DotSnackbar, DotSnackbarContainer, DotSnackbarProvider, useDotSnackbarContext, } from './snackbar';
 export { DotSplitButton } from './split-button/SplitButton';
 export { DotProgressButton } from './progress-button/ProgressButton';
-export { DotSwitch } from './switch/Switch';
-export { DotHeaderRow, DotTable, DotTablePagination } from './table';
+export { DotSwitch } from './switch';
+export { DotHeaderRow, DotTable, DotTablePagination, DotTableActions, DotTableAction, } from './table';
 export { DotTooltip } from './tooltip/Tooltip';
 export { DotTabs } from './tabs/Tabs';
 export { DotTypography } from './typography/Typography';
-export { DotFileUpload } from './file-upload';
+export { DotFileUpload, DotFileListItem } from './file-upload';
 export { DotDivider } from './divider';
 export { DotPopper } from './popper';
 export { DotTruncateWithTooltip } from './truncate-with-tooltip';

package/lib/components/navigation-rail/NavigationRail.stories.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const programmaticNavigationClassName = "dot-programmatic-navigation-story";
+export declare const StyledWithProgrammaticNavigation: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/navigation-rail/index.d.ts

@@ -0,0 +1,2 @@
+export type { RailItemsPosition, RailItem, NavigationRailProps, } from './NavigationRail';
+export { DotNavigationRail } from './NavigationRail';

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

@@ -0,0 +1,2 @@
+export type { SwitchProps, SwitchColor, SwitchSize, SwitchLabelPlacement, } from './Switch';
+export { DotSwitch } from './Switch';

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.14.0",
+  "version": "1.16.0",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [