@digital-ai/dot-components 4.25.1 → 4.26.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "4.25.1",
+  "version": "4.26.0",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [
@@ -55,5 +55,6 @@
     "react": "^17.0.2 || ^18.0.0"
   },
   "module": "./index.esm.js",
-  "type": "module"
-}
+  "type": "module",
+  "types": "./index.esm.d.ts"
+}

package/src/lib/components/analytics/dashboard-actions/DashboardPublishConfirm.styles.d.ts

@@ -2,5 +2,5 @@ export declare const dashboardCategoriesContainerClassName = "dashboard-categori
 export declare const InlineMessage: import("styled-components").StyledComponent<({ ariaLabel, ariaLevel, ariaRole, className, "data-testid": dataTestId, children, component, noMarginBottom, noWrap, variant, }: import("../../typography/Typography").TypographyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const StyledPublishConfirmDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledAppSelectDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledAppSelectDotAutoComplete: import("styled-components").StyledComponent<(<T extends import("../..").AutoCompleteOption>({ ListboxComponent, additionalLabelContent, actionItem, ai, aiAction, ariaLabel, autoFocus, autoHighlight, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, informationToolTip, inputId, inputRef, inputValue, isOptionEqualToValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, popperClassName, popperPlacement, popperZIndex, preserveGroupOrder, readOnly, renderGroup, renderOption, renderTags, required, size, trimLongOptions, value, warning, }: import("../../auto-complete/AutoComplete").AutoCompleteProps<T>) => import("react/jsx-runtime").JSX.Element), any, {}, never>;
+export declare const StyledAppSelectDotAutoComplete: import("styled-components").StyledComponent<(<T extends import("../..").AutoCompleteOption>({ ListboxComponent, additionalLabelContent, actionItem, ai, aiAction, ariaLabel, autoFocus, autoHighlight, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, dense, disableCloseOnSelect, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, informationToolTip, inputId, inputRef, inputValue, isOptionEqualToValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, popperClassName, popperPlacement, popperZIndex, preserveGroupOrder, readOnly, renderGroup, renderOption, renderTags, required, size, trimLongOptions, value, warning, }: import("../../auto-complete/AutoComplete").AutoCompleteProps<T>) => import("react/jsx-runtime").JSX.Element), any, {}, never>;
 export declare const StyledAppSelectAutoCompleteOption: import("styled-components").StyledComponent<"li", any, {}, never>;

package/src/lib/components/analytics/dashboard-categories-autocomplete/DashboardCategoriesAutoComplete.d.ts

@@ -2,4 +2,4 @@ import { AutoCompleteProps } from '../../auto-complete';
 export interface DashboardCategoriesAutoCompleteProps extends AutoCompleteProps {
     onNewCategory: (newCategory: string) => void;
 }
-export declare function DashboardCategoriesAutoComplete({ freesolo, actionItem, onInputChange, onNewCategory, ...args }: Readonly<DashboardCategoriesAutoCompleteProps>): import("react/jsx-runtime").JSX.Element;
+export declare function DashboardCategoriesAutoComplete({ freesolo: _freesolo, actionItem: _actionItem, onInputChange, onNewCategory, ...args }: Readonly<DashboardCategoriesAutoCompleteProps>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ListItemProps } from '../list';
 export interface AppToolbarWrapperProps {
     mainMenuItems?: Array<ListItemProps>;

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

@@ -29,6 +29,8 @@ export interface AutoCompleteProps<T extends AutoCompleteOption = AutoCompleteOp
     defaultValue?: AutoCompleteValue;
     /** Controls size of chip spacing within the autocomplete **/
     dense?: boolean;
+    /** If `true`, the popup won't close when a value is selected. */
+    disableCloseOnSelect?: boolean;
     /** Disable the portal behavior. If true, children stay within parent DOM hierarchy. */
     disablePortal?: boolean;
     /** If true, the input will be disabled. */
@@ -108,4 +110,4 @@ export interface AutoCompleteProps<T extends AutoCompleteOption = AutoCompleteOp
     /** If true, the label will be displayed in a warning state. */
     warning?: boolean;
 }
-export declare const DotAutoComplete: <T extends AutoCompleteOption>({ ListboxComponent, additionalLabelContent, actionItem, ai, aiAction, ariaLabel, autoFocus, autoHighlight, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, informationToolTip, inputId, inputRef, inputValue, isOptionEqualToValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, popperClassName, popperPlacement, popperZIndex, preserveGroupOrder, readOnly, renderGroup, renderOption, renderTags, required, size, trimLongOptions, value, warning, }: AutoCompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DotAutoComplete: <T extends AutoCompleteOption>({ ListboxComponent, additionalLabelContent, actionItem, ai, aiAction, ariaLabel, autoFocus, autoHighlight, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, dense, disableCloseOnSelect, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, informationToolTip, inputId, inputRef, inputValue, isOptionEqualToValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, popperClassName, popperPlacement, popperZIndex, preserveGroupOrder, readOnly, renderGroup, renderOption, renderTags, required, size, trimLongOptions, value, warning, }: AutoCompleteProps<T>) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/auto-complete/utils/interface.d.ts

@@ -4,8 +4,10 @@ export interface ActionItem {
     iconId?: string;
     /** Event callback */
     onClick: (inputText?: string) => void;
-    /** If set to true, it will prevent duplicate item insertion */
+    /** If true, it will prevent duplicate item insertion */
     preventDuplicateInsertion?: boolean;
+    /** If true, prevents the action callback from executing when the Enter key is pressed while the input field is focused */
+    preventEnterActionFromInput?: boolean;
     /** Text/Node displayed */
     text?: string | ReactNode;
 }

package/src/lib/components/board/board/Board.context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBoardStatusContext, IBoardStatusProvider } from '../interfaces';
 export declare const BoardStatusContext: import("react").Context<IBoardStatusContext>;
 export declare const useBoardStatus: () => IBoardStatusContext;

package/src/lib/components/board/column/Column.context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBoardColumnStatusContext, IColumnStatusProvider } from '../interfaces';
 export declare const BoardColumnStatusContext: import("react").Context<IBoardColumnStatusContext>;
 export declare const useColumnStatus: () => IBoardColumnStatusContext;

package/src/lib/components/card/Card.d.ts

@@ -2,5 +2,7 @@ import { ReactNode } from 'react';
 import { CommonProps } from '../CommonProps';
 export interface CardProps extends CommonProps {
     children: ReactNode;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
 }
-export declare const DotCard: ({ ariaLabel, children, className, "data-testid": dataTestId, }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotCard: ({ ariaLabel, children, className, "data-testid": dataTestId, onMouseEnter, onMouseLeave, }: CardProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/card/CardHeader.d.ts

@@ -9,6 +9,8 @@ export interface CardHeaderProps extends CommonProps {
     avatar?: ReactNode;
     /** Card subheader */
     subheader?: string;
+    /** Card subheader maximum number of lines (default is 1) */
+    subheaderMaxLines?: number;
     /** Card subheader size */
     subheaderSize?: SubheaderSize;
     /** Card title */
@@ -18,4 +20,4 @@ export interface CardHeaderProps extends CommonProps {
     /** Card title size */
     titleSize?: TitleSize;
 }
-export declare const DotCardHeader: ({ action, ariaLabel, avatar, className, "data-testid": dataTestId, subheader, subheaderSize, title, titleMaxLines, titleSize, }: CardHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotCardHeader: ({ action, ariaLabel, avatar, className, "data-testid": dataTestId, subheader, subheaderMaxLines, subheaderSize, title, titleMaxLines, titleSize, }: CardHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/card/CardHeader.styles.d.ts

@@ -1,5 +1,6 @@
 export declare const rootClassName = "dot-card-header";
 interface StyledCardHeaderProps {
+    $maxSubheaderLines: number;
     $maxTitleLines: number;
 }
 export declare const StyledCardHeader: import("styled-components").StyledComponent<import("@mui/material").OverridableCardHeader, any, StyledCardHeaderProps, never>;

package/src/lib/components/css-grid/CssCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from '../CommonProps';
 export interface CellSize {
     span?: number;

package/src/lib/components/date-picker/DatePicker.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const rootClassName = "dot-date-picker";
 export declare const popperClassName = "dot-date-picker-popper";
 export declare const containerClassName = "dot-date-picker-container";

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

@@ -1,13 +1,3 @@
-/// <reference types="react" />
+import { ListItem } from '@mui/material';
 export declare const rootClassName = "dot-file-list-item";
-export declare const StyledFileListItem: ((props: {
-    href: string;
-} & {
-    button: true;
-} & import("@mui/material").ListItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLAnchorElement>;
-}, "button" | "style" | "className" | "tabIndex" | "children" | "autoFocus" | "disabled" | "action" | "selected" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "components" | "componentsProps" | "slotProps" | "slots" | "alignItems" | "ContainerComponent" | "ContainerProps" | "dense" | "disableGutters" | "disablePadding" | "divider" | "secondaryAction">) => JSX.Element) & import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").ExtendButtonBaseTypeMap<import("@mui/material").ListItemTypeMap<{
-    button: true;
-}, "div">>> & import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").ListItemTypeMap<{
-    button?: false;
-}, "li">>;
+export declare const StyledFileListItem: typeof ListItem;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from '../CommonProps';
 import { MappedFile } from './utils/models';
 import { ListItemFile } from './FileListItem';

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

@@ -1,5 +1,5 @@
 export declare const rootClassName = "dot-file-upload";
-export declare const containerClassName: string;
-export declare const dropZoneClassName: string;
+export declare const containerClassName = "dot-file-upload-container";
+export declare const dropZoneClassName = "dot-file-upload-drop-zone";
 export declare const StyledFileUploadContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledFileUpload: import("styled-components").StyledComponent<"div", any, {}, never>;

package/src/lib/components/form-controls/FormControl.styles.d.ts

@@ -1,6 +1,7 @@
+import { FormControl } from '@mui/material';
 export declare const rootClassName = "dot-form-group";
 export declare const groupLabelClassName = "dot-form-group-label";
 export declare const startAdornmentClassName = "dot-start-adornment";
 export declare const endAdornmentClassName = "dot-end-adornment";
 export declare const placementClassName = "dot-";
-export declare const StyledFormControl: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").FormControlTypeMap<{}, "div">>;
+export declare const StyledFormControl: typeof FormControl;

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

@@ -1,5 +1,6 @@
+import { List } from '@mui/material';
 export declare const rootClassName = "dot-list";
 export declare const listItemRootClass = "dot-list-item";
 export declare const nestedListClassName = "dot-nested-list";
 export declare const nestedDrawerClassName = "dot-nested-drawer";
-export declare const StyledList: import("@mui/material").ExtendList<import("@mui/material").ListTypeMap<{}, "ul">>;
+export declare const StyledList: typeof List;

package/src/lib/components/menu/Menu.styles.d.ts

@@ -1,15 +1,12 @@
-/// <reference types="react" />
 export declare const flyoutMenuClassName = "dot-flyout-menu";
 export declare const rootClassName = "dot-menu";
 export declare const StyledPopper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@mui/base").PopperProps, "direction"> & {
-    component?: import("react").ElementType<any>;
+    component?: import("react").ElementType<any> | undefined;
     components?: {
-        Root?: import("react").ElementType<any>;
-    };
-    componentsProps?: {
-        root?: import("@mui/base").SlotComponentProps<"div", import("@mui/base").PopperRootSlotPropsOverrides, import("@mui/base").PopperOwnProps>;
-    };
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+        Root?: import("react").ElementType<any> | undefined;
+    } | undefined;
+    componentsProps?: import("@mui/base").PopperProps["slotProps"];
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>, any, StyledPopperArgs, never>;
 interface StyledPopperArgs {
     $maxHeight?: number | string;

package/src/lib/components/popper/Popper.styles.d.ts

@@ -1,14 +1,11 @@
-/// <reference types="react" />
 export declare const rootClassName = "dot-popper";
 export declare const arrowClassName = "MuiPopper-arrow";
 export declare const StyledPopper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@mui/base").PopperProps, "direction"> & {
-    component?: import("react").ElementType<any>;
+    component?: import("react").ElementType<any> | undefined;
     components?: {
-        Root?: import("react").ElementType<any>;
-    };
-    componentsProps?: {
-        root?: import("@mui/base").SlotComponentProps<"div", import("@mui/base").PopperRootSlotPropsOverrides, import("@mui/base").PopperOwnProps>;
-    };
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+        Root?: import("react").ElementType<any> | undefined;
+    } | undefined;
+    componentsProps?: import("@mui/base").PopperProps["slotProps"];
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const StyledArrow: import("styled-components").StyledComponent<"span", any, {}, never>;

package/src/lib/components/progress-button/ProgressButton.styles.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const rootClassName = "dot-progress-button";
 export declare const StyledProgressButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/src/lib/components/time-picker/TimePicker.styles.d.ts

@@ -1,7 +1,15 @@
-/// <reference types="react" />
 export declare const rootClassName = "dot-time-picker";
 export declare const containerClassName = "dot-time-picker-container";
+export declare const timePickerPopperClassName = "dot-time-picker-popper";
 export declare const StyledTimePickerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledTimePicker: import("styled-components").StyledComponent<(<TDate>(props: import("@mui/x-date-pickers").TimePickerProps<TDate> & import("react").RefAttributes<HTMLDivElement>) => import("react").JSX.Element) & {
     propTypes?: any;
 }, any, {}, never>;
+export declare const StyledTimePickerPopper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@mui/base").PopperProps, "direction"> & {
+    component?: import("react").ElementType<any> | undefined;
+    components?: {
+        Root?: import("react").ElementType<any> | undefined;
+    } | undefined;
+    componentsProps?: import("@mui/base").PopperProps["slotProps"];
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/src/lib/theme-provider/colors/light-theme-colors.d.ts

@@ -124,13 +124,13 @@ export declare const v900 = "#0f052e";
 export declare const selectedGray = "rgba(0, 0, 0, 0.12)";
 export declare const lightSelectedGray = "rgba(0, 0, 0, 0.08)";
 export declare const hoverGray = "rgba(0, 0, 0, 0.04)";
-export declare const aiNormalDark: string;
-export declare const aiActiveDark: string;
-export declare const aiElevatedDark: string;
-export declare const aiLightDark: string;
-export declare const aiAutoCompleteBorderDark: string;
-export declare const aiNormalLight: string;
-export declare const aiActiveLight: string;
-export declare const aiElevatedLight: string;
-export declare const aiLightLight: string;
-export declare const aiAutoCompleteBorderLight: string;
+export declare const aiNormalDark = "linear-gradient(134deg, #f1a7dc 18.22%, #d7aaee 68.6%, #b6a3f5 118.99%)";
+export declare const aiActiveDark = "linear-gradient(134deg, #f1a7dc 18.22%, #d7aaee 68.6%, #b6a3f5 118.99%)";
+export declare const aiElevatedDark = "linear-gradient(134deg, #fce9f6 18.22%, #d7aaee 68.6%, #b6a3f5 118.99%)";
+export declare const aiLightDark = "linear-gradient(134deg, #851465 18.22%, #5d1980 68.6%, #2c0f8a 118.99%)";
+export declare const aiAutoCompleteBorderDark = "linear-gradient(134deg, #f1a7dc 18.22%, #d7aaee 68.6%, #eb7acb 118.99%)";
+export declare const aiNormalLight = "linear-gradient(134deg, #dd22a8 18.22%, #9e2fd7 68.6%, #704aec 118.99%)";
+export declare const aiActiveLight = "linear-gradient(134deg, #e44eb9 18.22%, #af54de 68.6%, #704aec 118.99%)";
+export declare const aiElevatedLight = "linear-gradient(134deg, #b11b86 18.22%, #7c21ab 68.6%, #3a13b9 118.99%)";
+export declare const aiLightLight = "linear-gradient(134deg, #fce9f6 18.22%, #f5e9fb 68.6%, #ede8fd 118.99%)";
+export declare const aiAutoCompleteBorderLight = "linear-gradient(134deg, #dd22a8 18.22%, #9e2fd7 68.6%, #eb7acb 118.99%)";