@hitachivantara/uikit-react-core 5.0.0-next.19 → 5.0.0-next.20

package/dist/types/index.d.ts

@@ -37,6 +37,7 @@ import { HvActionGeneric as HvActionGeneric_2 } from 'components';
 import { HvBannerActionPosition as HvBannerActionPosition_2 } from 'components';
 import { HvBannerVariant as HvBannerVariant_2 } from 'components';
 import { HvBaseDropdownProps as HvBaseDropdownProps_2 } from 'components';
+import { HvBaseProps as HvBaseProps_3 } from 'types/generic';
 import { HvBaseSwitchProps as HvBaseSwitchProps_2 } from 'components';
 import { HvBaseTheme } from '@hitachivantara/uikit-styles';
 import { HvBreakpoints as HvBreakpoints_2 } from 'types/tokens';
@@ -181,6 +182,8 @@ export declare const badgeClasses: HvBadgeClasses;
 
 export declare const bannerClasses: HvBannerClasses;
 
+export declare const bannerContentClasses: HvBannerContentClasses;
+
 export declare const baseCheckBoxClasses: HvBaseCheckBoxClasses;
 
 export declare const baseDropdownClasses: HvBaseDropdownClasses;
@@ -220,6 +223,8 @@ export declare const buttonClasses: HvButtonClasses;
 
 export declare const calendarClasses: HvCalendarClasses;
 
+export declare const calendarHeaderClasses: HvCalendarHeaderClasses;
+
 export declare const cardClasses: HvCardClasses;
 
 export declare const cardContentClasses: HvCardContentClasses;
@@ -728,11 +733,11 @@ export declare type HvAvatarClasses = {
     badge?: string;
     avatar?: string;
     status?: string;
-    XS?: string;
-    SM?: string;
-    MD?: string;
-    LG?: string;
-    XL?: string;
+    xs?: string;
+    sm?: string;
+    md?: string;
+    lg?: string;
+    xl?: string;
     circular?: string;
     square?: string;
 };
@@ -847,7 +852,9 @@ export declare type HvBannerClasses = {
     anchorOriginBottomCenter?: string;
 };
 
-declare type HvBannerContentClasses = {
+export declare const HvBannerContent: ForwardRefExoticComponent<Omit<HvBannerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
+
+export declare type HvBannerContentClasses = {
     outContainer?: string;
     root?: string;
     message?: string;
@@ -860,7 +867,7 @@ declare type HvBannerContentClasses = {
     default?: string;
 };
 
-declare type HvBannerContentProps = Omit<SnackbarContentProps, "variant" | "classes" | "onClose"> & HvBaseProps & {
+export declare type HvBannerContentProps = Omit<SnackbarContentProps, "variant" | "classes" | "onClose"> & HvBaseProps & {
     /** The message to display. */
     content?: React.ReactNode;
     /** Variant of the snackbar. */
@@ -1528,15 +1535,22 @@ export declare type HvButtonClasses = {
 export declare interface HvButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
     /** Use the variant prop to change the visual style of the Button. */
     variant?: HvButtonVariant;
-    sx?: CSSProperties;
+    /** Whether the Button is an icon-only button. */
     icon?: boolean;
+    /** Class names to be applied. */
     className?: string;
+    /** Element placed before the children. */
     startIcon?: ReactElement;
+    /** Button size. */
     size?: HvButtonSize;
+    /** Button border radius. */
     radius?: HvButtonRadius;
+    /** Defines the default colors of the button are forced into the icon. */
     overrideIconColors?: boolean;
-    selected?: boolean;
+    /** A Jss Object used to override or extend the styles applied. */
     classes?: HvButtonClasses;
+    selected?: boolean;
+    sx?: CSSProperties;
 }
 
 export declare type HvButtonRadius = "none" | "base" | "round" | "circle" | "full";
@@ -1556,6 +1570,56 @@ export declare type HvCalendarClasses = {
     calendarMonthlyCellSelected?: string;
 };
 
+export declare const HvCalendarHeader: {
+    ({ id, value, locale, classes, onChange, showEndDate, showDayOfWeek, onFocus, ...others }: HvCalendarHeaderProps): JSX_2.Element;
+    formElementType: string;
+};
+
+export declare type HvCalendarHeaderClasses = {
+    root?: string;
+    invalid?: string;
+    headerDayOfWeek?: string;
+    headerDate?: string;
+    input?: string;
+    inputBorderContainer?: string;
+    invalidMessageStyling?: string;
+};
+
+export declare type HvCalendarHeaderProps = {
+    /**
+     * A Jss Object used to override or extend the component styles.
+     */
+    classes?: HvCalendarHeaderClasses;
+    /**
+     * Identifier.
+     */
+    id?: string;
+    /**
+     * The text to be shown on the main part of the header.
+     */
+    value?: string | Date | DateRangeProp;
+    /**
+     * Locale to be used by the calendar.
+     */
+    locale?: string;
+    /**
+     * Callback to define the input date.
+     */
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement> | undefined, value: Date | DateRangeProp) => void;
+    /**
+     * Callback to handle input onFocus.
+     */
+    onFocus?: (event: React.FocusEventHandler<any>, formattedDate: string | null) => void;
+    /**
+     * Indicates if header should display end date in a date range.
+     */
+    showEndDate?: boolean;
+    /**
+     * Indicates if header should display the day of week.
+     */
+    showDayOfWeek?: boolean;
+};
+
 export declare type HvCalendarProps = {
     /**
      * Styles applied from the theme.
@@ -2882,7 +2946,7 @@ export declare type HvFocusProps = HvBaseProps<HTMLElement, {
     /** Use up/ down keyboard arrows to control focus. */
     useArrows?: boolean;
     /** Focus and navigation strategy to be used. v*/
-    strategy?: "listbox" | "menu" | "card" | "grid";
+    strategy?: HvFocusStrategies;
     /** Uses an absolute positioned div as a focus. v*/
     useFalseFocus?: boolean;
     /** Narrows the results of the focus to only theses class v*/
@@ -2893,6 +2957,8 @@ export declare type HvFocusProps = HvBaseProps<HTMLElement, {
     classes?: HvFocusClasses;
 };
 
+export declare type HvFocusStrategies = "listbox" | "menu" | "card" | "grid";
+
 /**
  * A Footer is a way of providing extra information at the end of a page.
  */
@@ -3490,6 +3556,25 @@ export declare type HvKpiClasses = {
     trendLine?: string;
 };
 
+export declare type HvKpiLabelProps = {
+    /**
+     * The text at the top of the kpi.
+     */
+    title?: string;
+    /**
+     * The text in the middle of the kpi.
+     */
+    indicator?: string;
+    /**
+     * The text to the right of the indicator.
+     */
+    unit?: string;
+    /**
+     * The text to the right of the visual comparison.
+     */
+    comparisonIndicatorInfo?: string;
+};
+
 export declare type HvKpiProps = HvBaseProps<HTMLDivElement, {
     children: any;
 }> & {
@@ -3508,12 +3593,7 @@ export declare type HvKpiProps = HvBaseProps<HTMLDivElement, {
     /**
      * The object that contains the different labels inside the kpi.
      */
-    labels?: {
-        title?: string;
-        indicator?: string;
-        unit?: string;
-        comparisonIndicatorInfo?: string;
-    };
+    labels?: HvKpiLabelProps;
     /**
      *  The typography variant used in the main text indicator of the KPI
      */
@@ -3876,6 +3956,19 @@ export declare type HvMultiButtonProps = HvBaseProps & {
 
 export declare const hvNodeFallback: (value: any) => any;
 
+export declare type HvNotistackSnackMessageProps = {
+    /** Id to be applied to the root node. */
+    id?: string;
+    /** Classname to apply on the root node */
+    className?: string;
+    /** Your component tree. */
+    message?: string;
+    /** Variant of the snackbar. */
+    variant?: HvSnackbarVariant;
+    /** Extra values to pass to the snackbar. */
+    snackbarContentProps?: HvSnackbarContentProps;
+};
+
 export declare function hvNumberColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig_2<D>>(col: C): HvTableColumnConfig_2<D>;
 
 export declare const hvNumberFallback: (value: any) => number | "—";
@@ -3907,26 +4000,6 @@ export declare type HvOverflowTooltipProps = HvBaseProps & {
     classes?: HvOverflowTooltipClasses;
 };
 
-export declare const HvPage: ({ Component, onClick, elem, classes }: HvPageProps) => JSX_2.Element;
-
-export declare type HvPageClasses = {
-    a?: string;
-    link?: string;
-    label?: string;
-};
-
-export declare type HvPageElement = {
-    path?: string;
-    label?: string;
-};
-
-export declare type HvPageProps = {
-    Component?: React.ElementType;
-    onClick?: (event: MouseEventHandler<HTMLAnchorElement>, data: any) => void | undefined;
-    elem: HvPageElement;
-    classes?: HvPageClasses;
-};
-
 /**
  * Pagination is the process of dividing a document into discrete pages. It relates to how users interact
  * with structured content on a website or application.
@@ -4041,19 +4114,6 @@ export declare type HvPanelProps = HvBaseProps & {
     classes?: HvPanelClasses;
 };
 
-export declare const HvPathElement: ({ classes, last, children, }: HvPathElementProps) => JSX_2.Element;
-
-export declare type HvPathElementClasses = {
-    centerContainer?: string;
-    separatorContainer?: string;
-};
-
-export declare type HvPathElementProps = {
-    last?: boolean;
-    classes?: HvPathElementClasses;
-    children: React.ReactElement;
-};
-
 export declare type HvPolarizedColorKeys = "sema1" | "cviz21" | "cviz22" | "cviz23" | "cviz24" | "cviz25" | "cviz26" | "cviz27" | "cviz28" | "sema5";
 
 export declare const HvProgressBar: (props: HvProgressBarProps) => JSX_2.Element;
@@ -4536,7 +4596,7 @@ export declare type HvSimpleGridProps = HvBaseProps & {
  */
 export declare const HvSnackbar: ({ classes, className, id, open, onClose, label, anchorOrigin, autoHideDuration, variant, showIcon, customIcon, action, actionCallback, transitionDuration, transitionDirection, offset, snackbarContentProps, ...others }: HvSnackbarProps) => JSX_2.Element;
 
-declare type HvSnackbarClasses = {
+export declare type HvSnackbarClasses = {
     root?: string;
     /** Styles applied to the component when define as top right.  */
     anchorOriginTopRight?: string;
@@ -4552,9 +4612,9 @@ declare type HvSnackbarClasses = {
     anchorOriginBottomRight?: string;
 };
 
-export declare const HvSnackbarContent: ForwardRefExoticComponent<Omit<HvSnackbarContentWrapperProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const HvSnackbarContent: ForwardRefExoticComponent<Omit<HvSnackbarContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvSnackbarContentWrapperClasses = {
+export declare type HvSnackbarContentClasses = {
     root?: string;
     message?: string;
     messageSpan?: string;
@@ -4567,7 +4627,7 @@ export declare type HvSnackbarContentWrapperClasses = {
     error?: string;
 };
 
-declare type HvSnackbarContentWrapperProps = Omit<SnackbarContentProps, "variant" | "action" | "classes"> & HvBaseProps & {
+export declare type HvSnackbarContentProps = Omit<SnackbarContentProps, "variant" | "action" | "classes"> & HvBaseProps & {
     /** The message to display. */
     label?: React.ReactNode;
     /** Variant of the snackbar. */
@@ -4581,7 +4641,7 @@ declare type HvSnackbarContentWrapperProps = Omit<SnackbarContentProps, "variant
     /** The callback function ran when an action is triggered, receiving `action` as param */
     actionCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric_2) => void;
     /** A Jss Object used to override or extend the styles applied to the component. */
-    classes?: HvSnackbarContentWrapperClasses;
+    classes?: HvSnackbarContentClasses;
 };
 
 export declare type HvSnackbarProps = Omit<SnackbarProps, "action" | "classes"> & HvBaseProps & {
@@ -4612,7 +4672,7 @@ export declare type HvSnackbarProps = Omit<SnackbarProps, "action" | "classes">
     /** Custom offset from top/bottom of the page, in px. */
     offset?: number;
     /** Others applied to the content of the snackbar. */
-    snackbarContentProps?: HvSnackbarContentWrapperProps;
+    snackbarContentProps?: HvSnackbarContentProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvSnackbarClasses;
 };
@@ -4629,6 +4689,19 @@ export declare const HvSnackbarProvider: ({ children, notistackClassesOverride,
     } | undefined;
 }) => JSX_2.Element;
 
+export declare type HvSnackbarProviderProps = {
+    /** Your component tree. */
+    children: React.ReactNode;
+    /** Max visible snackbars. */
+    maxSnack?: number;
+    /** How much time the snackbar remains visible in milliseconds. */
+    autoHideDuration?: number;
+    /** Where is the snackbar placed. */
+    anchorOrigin?: SnackbarOrigin;
+    /** Class object used to override notistack classes. */
+    notistackClassesOverride?: object;
+};
+
 export declare type HvSnackbarVariant = "default" | "success" | "warning" | "error";
 
 /**
@@ -4644,11 +4717,11 @@ export declare type HvStackClasses = {
     root?: string;
 };
 
-export declare type HvStackDirection = "column" | "row";
+export declare type HvStackDirection = "column" | "row" | Partial<HvStackBreakpoints>;
 
 export declare type HvStackProps = HvBaseProps & {
     /** The direction of the stack. Can be either a string or an object that states the direction for each breakpoint. */
-    direction?: HvStackDirection | Partial<HvStackBreakpoints>;
+    direction?: HvStackDirection;
     /** The spacing between elements of the stack. */
     spacing?: HvBreakpoints_2;
     /** The divider component to be used between the stack elements.
@@ -6191,7 +6264,7 @@ export declare type HvVerticalNavigationProps = {
      */
     open?: boolean;
     /**
-     *  Collpased Mode for the Vertical Navigation, the default value is "simple".
+     *  Collapsed Mode for the Vertical Navigation, the default value is "simple".
      */
     collapsedMode?: HvVerticalNavigationMode;
     /**
@@ -6209,7 +6282,9 @@ export declare type HvVerticalNavigationTreeClasses = {
     collapsed?: string;
 };
 
-export declare type HvVerticalNavigationTreeProps = {
+export declare type HvVerticalNavigationTreeProps = HvBaseProps_3<HTMLDivElement, {
+    onChange: any;
+}> & {
     /**
      * Id to be applied to the root node.
      */
@@ -6723,14 +6798,10 @@ export declare const outlineStyles: {
 
 export declare const overflowTooltipClasses: HvOverflowTooltipClasses;
 
-export declare const pageClasses: HvPageClasses;
-
 export declare const paginationClasses: HvPaginationClasses;
 
 export declare const panelClasses: HvPanelClasses;
 
-export declare const pathElementClasses: HvPathElementClasses;
-
 declare type PolymorphicComponent<C extends React.ElementType, Props = {}> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
 
 export declare type PolymorphicComponentRef<C extends React.ElementType, Props = {}> = PolymorphicComponent<C, Props> & {
@@ -6781,7 +6852,9 @@ export declare const setId: (...args: any[]) => string | undefined;
 
 export declare const setUid: (id: any, suffix: any) => string | undefined;
 
-export declare const snackbarContentWrapperClasses: HvSnackbarContentWrapperClasses;
+export declare const snackbarClasses: HvSnackbarClasses;
+
+export declare const snackbarContentClasses: HvSnackbarContentClasses;
 
 export declare type Spacing = "sm" | "md" | "lg" | "xl";
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.0.0-next.19",
+  "version": "5.0.0-next.20",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -31,9 +31,9 @@
   },
   "dependencies": {
     "@emotion/cache": "^11.10.5",
-    "@hitachivantara/uikit-react-icons": "^5.0.0-next.19",
-    "@hitachivantara/uikit-react-shared": "^5.0.0-next.17",
-    "@hitachivantara/uikit-styles": "^5.0.0-next.19",
+    "@hitachivantara/uikit-react-icons": "^5.0.0-next.20",
+    "@hitachivantara/uikit-react-shared": "^5.0.0-next.18",
+    "@hitachivantara/uikit-styles": "^5.0.0-next.20",
     "@popperjs/core": "^2.11.6",
     "attr-accept": "^2.2.2",
     "clsx": "^1.2.1",
@@ -54,7 +54,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "d8d3dbdf2659c7e0d145431f87d4955669a3ff47",
+  "gitHead": "dbaa9086d6231dee4226f02ddb66746a35389a24",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {