@digital-ai/dot-components 1.17.2 → 1.19.1

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

@@ -15,6 +15,8 @@ export interface AppToolbarIconButtons extends IconButtonProps {
 export interface AppToolbarProps extends CommonProps {
     /** If provided will display application logo */
     appLogo?: ReactNode;
+    /** URL of the page the application logo link will go to */
+    appLogoHref?: string;
     /** If provided will display application logo */
     appLogoSmall?: ReactNode;
     /** DEPRECATED, DO NOT USE */
@@ -42,4 +44,4 @@ export interface AppToolbarProps extends CommonProps {
     /** URL of the page the primary logo link will go to */
     primaryLogoHref?: string;
 }
-export declare const DotAppToolbar: ({ appName, appLogo, appLogoSmall, ariaLabel, avatar, borderColor, children, className, closeMenuOnItemClick, customLogo, "data-testid": dataTestId, dense, navItems, mainMenu, mainMenuItems, mainMenuWidth, primaryLogoHref, }: AppToolbarProps) => JSX.Element;
+export declare const DotAppToolbar: ({ appName, appLogo, appLogoHref, appLogoSmall, ariaLabel, avatar, borderColor, children, className, closeMenuOnItemClick, customLogo, "data-testid": dataTestId, dense, navItems, mainMenu, mainMenuItems, mainMenuWidth, primaryLogoHref, }: AppToolbarProps) => JSX.Element;

package/lib/components/auto-complete/AutoComplete.d.ts

@@ -13,7 +13,7 @@ export interface ActionItem {
     text?: string | ReactNode;
 }
 export declare type autoCompleteSize = 'medium' | 'small';
-export declare type AutoCompleteValue = string | string[] | AutoCompleteOption | AutoCompleteOption[];
+export declare type AutoCompleteValue = string | string[] | AutoCompleteOption | AutoCompleteOption[] | null;
 export interface AutoCompleteOption {
     error?: boolean;
     group?: string;

package/lib/components/auto-complete/AutoComplete.stories.styles.d.ts

@@ -1,4 +1,6 @@
 export declare const selectedAutocompleteClassName = "dot-selected-autocomplete-items";
 export declare const autocompleteWithoutChipsClassName = "dot-autocomplete-without-chips";
+export declare const autocompleteWithNullValueClassName = "dot-autocomplete-with-null-value";
 export declare const StyledSelectedAutocompleteItems: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledAutocompleteWithoutChips: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledAutocompleteWithNullValue: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/auto-complete/Autocomplete.stories.data.d.ts

@@ -37,3 +37,7 @@ export interface AutocompleteWithoutChipsProps extends CommonProps {
     storyArgs: AutoCompleteProps;
 }
 export declare const AutocompleteWithoutChips: ({ className, onChange, onItemRemove, selectedOptions, storyArgs, }: AutocompleteWithoutChipsProps) => JSX.Element;
+export interface AutocompleteWithNullValueProps {
+    storyArgs: AutoCompleteProps;
+}
+export declare const AutocompleteWithNullValue: ({ storyArgs, }: AutocompleteWithNullValueProps) => JSX.Element;

package/lib/components/draggable-list/DraggableList.d.ts

@@ -1,16 +1,24 @@
 /// <reference types="react" />
 import { CommonProps } from '../CommonProps';
 import { DraggableItem, DraggableListChangeHandler } from './utils/models';
-export declare const DEFAULT_LIST_WIDTH = 240;
+export declare const DEFAULT_LIST_WIDTH = "100%";
 export declare const DEFAULT_LIST_ITEM_HEIGHT = 36;
 export interface DraggableListProps extends CommonProps {
+    /** If true, component will prevent items to be dragged. */
+    disableDrag?: boolean;
+    /**
+     * A CSS selector for tags that will act as the draggable handle.
+     * For example: `draggableHandle: '.MyDragHandleClassName'`
+     * If you forget the leading . it will not work.
+     */
+    draggableHandle?: string;
     /** Array of draggable list items displayed */
     items: DraggableItem[];
     /** Callback function which gets executed when the list changes */
     onChange?: DraggableListChangeHandler;
     /** Height of the list item in pixels, defaults to 36px */
     rowHeight?: number;
-    /** Width of the draggable list, defaults to 240px */
+    /** Width of the draggable list, defaults to '100%' */
     width?: number | string;
 }
-export declare const DotDraggableList: ({ ariaLabel, className, "data-testid": dataTestId, items, onChange, width, rowHeight, }: DraggableListProps) => JSX.Element;
+export declare const DotDraggableList: ({ ariaLabel, className, "data-testid": dataTestId, disableDrag, draggableHandle, items, onChange, rowHeight, width, }: DraggableListProps) => JSX.Element;

package/lib/components/draggable-list/DraggableList.stories.data.d.ts

@@ -5,11 +5,15 @@ export interface DraggableListWithAvatarArgs {
     secondaryText: string;
 }
 export interface DraggableListWithIconsArgs {
-    id: string;
     text: string;
 }
+export interface DraggableListWithHandleArgs extends DraggableListWithIconsArgs {
+    id: string;
+}
 export declare const DraggableListWithAvatar: ({ primaryText, secondaryText, }: DraggableListWithAvatarArgs) => JSX.Element;
-export declare const DraggableListWithIcons: ({ id, text, }: DraggableListWithIconsArgs) => JSX.Element;
+export declare const DraggableListWithIcons: ({ text, }: DraggableListWithIconsArgs) => JSX.Element;
+export declare const DraggableListWithHandle: ({ id, text, }: DraggableListWithHandleArgs) => JSX.Element;
 export declare const draggableListItems: DraggableItem[];
 export declare const draggableListWithAvatar: DraggableItem[];
 export declare const draggableListWithIcons: DraggableItem[];
+export declare const draggableListWithHandle: DraggableItem[];

package/lib/components/draggable-list/DraggableList.stories.styles.d.ts

@@ -1,4 +1,6 @@
+export declare const withDefaultContainerClassName = "dot-draggable-list-with-icons";
 export declare const withIconsClassName = "dot-draggable-list-with-icons";
 export declare const withAvatarClassName = "dot-draggable-list-with-avatar";
+export declare const StyledDefaultStoryContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledDraggableListWithAvatar: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledDraggableListWithIcons: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/draggable-list/DraggableList.styles.d.ts

@@ -1,3 +1,8 @@
 export declare const rootClassName = "dot-draggable-list";
 export declare const listItemClassName = "dot-draggable-list-item";
-export declare const StyledDraggableList: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface StyledDraggableListProps {
+    draggableHandle?: string;
+    width: string;
+}
+export declare const StyledDraggableList: import("styled-components").StyledComponent<"div", any, StyledDraggableListProps, never>;
+export {};

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

@@ -1,4 +1,5 @@
 import { Layout } from 'react-grid-layout';
 import { DraggableItem } from './models';
 export declare const getOrderedListItems: (layout: Layout[], listItems: DraggableItem[]) => DraggableItem[];
+export declare const checkIfEqual: (oldList: DraggableItem[], newList: DraggableItem[]) => boolean;
 export declare const getListItemLayout: (listItems: DraggableItem[]) => Layout[];

package/lib/components/helpers.d.ts

@@ -7,3 +7,4 @@ export declare const getAvatarColorForInputText: (value: string) => AvatarColor;
 export declare const isString: (str: unknown) => boolean;
 export declare const isNumber: (num: unknown) => boolean;
 export declare const renderNodeOrTypography: (content: string | ReactNode, typographyVariant?: TypographyVariant) => ReactNode;
+export declare const searchString: (needle: string, haystack: string) => boolean;

package/lib/components/index.d.ts

@@ -19,7 +19,7 @@ export type { RadioButtonProps } from './radio/RadioButton';
 export type { RadioGroupProps } from './radio/RadioGroup';
 export type { BackItemProps, SidebarProps } from './sidebar/Sidebar';
 export type { SwitchProps, SwitchColor, SwitchSize, SwitchLabelPlacement, } from './switch';
-export type { DotColumnHeader, MultiSelect, Order, RowSelectionChangeHandler, RowsPerPageOption, TableDataWithPagination, TableRowProps, TableRowSelectChangeHandler, TextAlignment, SortDirection, } from './table';
+export type { DotColumnHeader, MultiSelect, Order, RowSelectionChangeHandler, RowsPerPageOption, TableActionProps, TableActionsProps, TableDataWithPagination, TableRowProps, TableRowSelectChangeHandler, TextAlignment, SortDirection, } from './table';
 export type { TabProps } from './tabs/Tabs';
 export type { TypographyVariant } from './typography/Typography';
 export type { ProgressButtonProps } from './progress-button/ProgressButton';
@@ -88,3 +88,4 @@ export { DotDivider } from './divider';
 export { DotPopper } from './popper';
 export { DotTruncateWithTooltip } from './truncate-with-tooltip';
 export { DotDraggableList } from './draggable-list';
+export { CreateUUID } from './createUUID';

package/lib/components/input-form-fields/InputText.d.ts

@@ -7,6 +7,7 @@ export interface InputTextProps extends InputProps {
     https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill
     **/
     autoComplete?: string;
+    endAdornmentTooltip?: string;
     /** If true, the input will use debounce functionality. **/
     hasDebounce?: boolean;
     /** if multiline it wil render multiple lines */
@@ -22,4 +23,4 @@ export interface InputTextProps extends InputProps {
     /** value of the InputText */
     value?: string;
 }
-export declare const DotInputText: ({ autoComplete, autoFocus, className, defaultValue, "data-testid": dataTestId, disabled, error, fullWidth, hasDebounce, helperText, endIcon, id, inputRef, label, multiline, name, onBlur, onChange, onFocus, onKeyDown, onMouseUp, placeholder, readOnly, required, rows, rowsMax, startIcon, size, type, value, warning, }: InputTextProps) => JSX.Element;
+export declare const DotInputText: ({ autoComplete, autoFocus, className, defaultValue, "data-testid": dataTestId, disabled, error, endAdornmentTooltip, fullWidth, hasDebounce, helperText, endIcon, id, inputRef, label, multiline, name, onBlur, onChange, onFocus, onKeyDown, onMouseUp, placeholder, readOnly, required, rows, rowsMax, startIcon, size, type, value, warning, }: InputTextProps) => JSX.Element;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ListItemProps, ListProps, NestedListProps } from './utils/models';
 export declare const DotList: ({ ariaLabel, children, className, component, "data-testid": dataTestId, dense, disablePadding, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, width, }: ListProps) => JSX.Element;
-export declare const DotListItem: ({ ariaLabel, className, component, "data-testid": dataTestId, divider, endIcon, endIconId, href, isOpened, onClick, onMenuLeave, index, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, primaryText, secondaryText, selected, startIcon, startIconId, target, text, title, tooltip, }: ListItemProps) => JSX.Element;
+export declare const DotListItem: ({ ariaLabel, className, component, "data-testid": dataTestId, divider, endIcon, endIconId, href, isOpened, onClick, onMenuLeave, index, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, primaryText, secondaryText, selected, startIcon, startIconId, target, text, title, 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/utils/models.d.ts

@@ -2,6 +2,7 @@ import { ElementType, KeyboardEvent, MouseEvent, ReactNode } from 'react';
 import { CommonProps } from '../../CommonProps';
 import { PopperPlacement } from '../../menu/Menu';
 import { LinkTarget } from '../../link/Link';
+import { tooltipPlacement } from '../../tooltip/Tooltip';
 export declare type NestedListType = 'drawer' | 'expandable' | 'menu';
 export interface ListProps extends CommonProps {
     /** string or JSX element that is displayed inside the list */
@@ -69,6 +70,8 @@ export interface ListItemProps extends CommonProps {
     title?: string;
     /** Tooltip text displayed on hover */
     tooltip?: string;
+    /** Tooltip placement displayed on hover */
+    tooltipPlacement?: tooltipPlacement;
 }
 export interface NestedListProps extends CommonProps {
     /** Element that menu is attached to */

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

@@ -1,16 +1,16 @@
-import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
+/// <reference types="react" />
 import { MenuItemProps } from '../menu/Menu';
 import { BaseButtonProps } from '../BaseButtonProps';
 export interface SplitButtonProps extends BaseButtonProps {
     /** accessibility label */
     ariaLabel: string;
-    /** The text for the button. Button text should be in sentence case. */
-    children: ReactNode;
+    /** Key of the option which will be rendered as main option */
+    defaultMainOptionKey?: string;
     /** Disable the portal behavior. If true, children stay within parent DOM hierarchy. */
     disablePortal?: boolean;
-    /** Callback when menu item is selected */
-    onSelect?: (event: MouseEvent | KeyboardEvent, menuId: string, itemKey: string) => void;
+    /** Callback function which executes when any option has been clicked */
+    onOptionClick: (itemKey: string) => void;
     /**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, tooltip, type, }: SplitButtonProps) => JSX.Element;
+export declare const DotSplitButton: ({ autoFocus, ariaLabel, className, "data-testid": dataTestId, defaultMainOptionKey, disabled, disablePortal, disableRipple, fullWidth, isSubmit, onOptionClick, options, size, titleTooltip, tooltip, type, }: SplitButtonProps) => JSX.Element;

package/lib/components/split-button/utils/helpers.d.ts

@@ -0,0 +1,2 @@
+import { MenuItemProps } from '../../menu/Menu';
+export declare const getMainOptionIndex: (options: MenuItemProps[], mainOptionKey?: string) => number | null;

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

@@ -1,4 +1,6 @@
 export type { TableRowProps } from './Table';
+export type { TableActionProps } from './TableAction';
+export type { TableActionsProps } from './TableActions';
 export type { TextAlignment } from './TableCell';
 export type { TableDataWithPagination } from './TableDataWithPagination';
 export type { DotColumnHeader, Order } from './TableHeader';

package/package.json

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