@digital-ai/dot-components 3.12.0 → 3.13.1

package/package.json

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

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, actionItem, ariaLabel, autoFocus, autoHighlight, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, inputId, inputRef, inputValue, isOptionEqualToValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, popperClassName, readOnly, renderGroup, renderOption, renderTags, required, size, 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, actionItem, ariaLabel, autoFocus, autoHighlight, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, inputId, inputRef, inputValue, isOptionEqualToValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, popperClassName, preserveGroupOrder, readOnly, renderGroup, renderOption, renderTags, required, size, 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/auto-complete/AutoComplete.d.ts

@@ -75,6 +75,8 @@ export interface AutoCompleteProps<T extends AutoCompleteOption = AutoCompleteOp
     placeholder?: string;
     /** Classname to be included in the autocomplete popper **/
     popperClassName?: string;
+    /** If true, group order (as specified by the consumer) will be preserved. Default group sorting is used when not specified. */
+    preserveGroupOrder?: boolean;
     /** If true: popper cannot be opened, TextField is in read only mode, change is not allowed  */
     readOnly?: boolean;
     /** Render group function, group prop must be true for the function to be used **/
@@ -92,4 +94,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, actionItem, ariaLabel, autoFocus, autoHighlight, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, inputId, inputRef, inputValue, isOptionEqualToValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, popperClassName, readOnly, renderGroup, renderOption, renderTags, required, size, value, warning, }: AutoCompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DotAutoComplete: <T extends AutoCompleteOption>({ ListboxComponent, actionItem, ariaLabel, autoFocus, autoHighlight, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, inputId, inputRef, inputValue, isOptionEqualToValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, popperClassName, preserveGroupOrder, readOnly, renderGroup, renderOption, renderTags, required, size, value, warning, }: AutoCompleteProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export declare const rootClassName = "dot-card-header";
+export declare const StyledCardHeader: import("styled-components").StyledComponent<import("@mui/material").OverridableCardHeader, any, {}, never>;

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

@@ -94,6 +94,7 @@ export { DotLink } from './link/Link';
 export { DotList } from './list';
 export { DotMenu } from './menu/Menu';
 export { DotMetadataApiProvider, useDotMetadataApiContext, } from './analytics/metadata-api/MetadataApiProvider';
+export { DashboardView } from './analytics/metadata-api/openapi';
 export { DotNavigationRail } from './navigation-rail';
 export { DotPill } from './pill/Pill';
 export { DotProgress } from './progress';

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

@@ -1,2 +1,2 @@
 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) => import("react/jsx-runtime").JSX.Element;
+export declare const DotList: ({ ariaLabel, ariaRole, children, className, component, "data-testid": dataTestId, dense, disablePadding, items, menuPlacement, nestedDrawerLeftSpacing, nestedListCloseOnClickAway, nestedListType, width, }: ListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -20,6 +20,8 @@ export interface ListProps extends CommonProps {
     menuPlacement?: PopperPlacement;
     /** If nested type is 'drawer', determines the width of the left spacing */
     nestedDrawerLeftSpacing?: number;
+    /** Determines if expandable nested items will be closed on click away, by default is true */
+    nestedListCloseOnClickAway?: boolean;
     /** If 'menu' the nested list will be displayed as a flyout nav, else it will be an expand/collapse toggle list */
     nestedListType?: NestedListType;
     /** Width of list, defaults to 240px */

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

@@ -20,6 +20,8 @@ export interface PopperProps extends CommonProps {
     children: ReactNode;
     /** Disable the portal behavior. If `true`, children stay within parent DOM hierarchy. */
     disablePortal?: boolean;
+    /** If true, the popper will have an arrow */
+    hasArrow?: boolean;
     /** Used to specify the position more indepth, https://popper.js.org/docs/v2/modifiers/ */
     modifiers?: ModifersProps[];
     /** Event callback when leaving popper by clicking away */
@@ -29,5 +31,5 @@ export interface PopperProps extends CommonProps {
     /** Popper placement. */
     placement?: PopperPlacementType;
 }
-export declare const DotPopper: ({ ariaLabel, anchorEl, children, className, "data-testid": dataTestId, disablePortal, modifiers, onClickAway, open, placement, }: PopperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotPopper: ({ ariaLabel, anchorEl, children, className, "data-testid": dataTestId, disablePortal, hasArrow, modifiers, onClickAway, open, placement, }: PopperProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,7 +1,9 @@
 import { KeyboardEvent, MouseEvent } from 'react';
+import { PopperPlacementType } from '@mui/material';
 export interface PopperTestWrapperProps {
     dataTestId?: string;
     disablePortal?: boolean;
     onClickAway?: (event: KeyboardEvent | MouseEvent<Document>) => void;
 }
 export declare const PopperTestWrapper: (props: PopperTestWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const POPPER_PLACEMENT_OPTIONS: PopperPlacementType[];

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

@@ -1,5 +1,6 @@
 /// <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>;
     components?: {
@@ -10,3 +11,4 @@ export declare const StyledPopper: import("styled-components").StyledComponent<i
     };
     sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
 } & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledArrow: import("styled-components").StyledComponent<"span", any, {}, never>;