@hitachivantara/uikit-react-core 5.80.1 → 5.81.0

package/dist/types/index.d.ts

@@ -1109,7 +1109,7 @@ export declare type HvAccentColors = Record<HvAccentColorKeys, string>;
 /**
  * A accordion is a design element that expands in place to expose hidden information.
  */
-export declare const HvAccordion: (props: HvAccordionProps) => JSX_3.Element;
+export declare const HvAccordion: ForwardRefExoticComponent<HvAccordionProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvAccordionClasses = ExtractNames<typeof useClasses_20>;
 
@@ -1138,7 +1138,7 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
     disableEventHandling?: boolean;
 }
 
-export declare const HvActionBar: (props: HvActionBarProps) => JSX_3.Element;
+export declare const HvActionBar: ForwardRefExoticComponent<HvActionBarProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvActionBarClasses = ExtractNames<typeof useClasses_21>;
 
@@ -1179,7 +1179,7 @@ export declare interface HvActionGeneric {
     iconOnly?: boolean;
 }
 
-export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_3.Element | null;
+export declare const HvActionsGeneric: ForwardRefExoticComponent<HvActionsGenericProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_22>;
 
@@ -1242,7 +1242,7 @@ export declare interface HvAdornmentProps extends HvBaseProps<HTMLDivElement | H
     classes?: HvAdornmentClasses;
 }
 
-export declare const HvAppSwitcher: (props: HvAppSwitcherProps) => JSX_3.Element;
+export declare const HvAppSwitcher: ForwardRefExoticComponent<HvAppSwitcherProps & RefAttributes<HTMLDivElement>>;
 
 export declare const HvAppSwitcherAction: ({ id, className, classes: classesProp, application, onClickCallback, isSelectedCallback, }: HvAppSwitcherActionProps) => JSX_3.Element;
 
@@ -1319,7 +1319,7 @@ export declare type HvAtmosphereColors = Record<HvAtmosphereColorKeys, string>;
  * Avatars can be used to represent a user or a brand.
  * They can show an image, an icon or the initial letters of a name, for example.
  */
-export declare const HvAvatar: ForwardRefExoticComponent<HvAvatarProps & RefAttributes<any>>;
+export declare const HvAvatar: ForwardRefExoticComponent<HvAvatarProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvAvatarClasses = ExtractNames<typeof useClasses_26>;
 
@@ -1439,7 +1439,7 @@ export declare interface HvBadgeProps extends HvBaseProps {
  * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.
  * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.
  */
-export declare const HvBanner: (props: HvBannerProps) => JSX_3.Element;
+export declare const HvBanner: ForwardRefExoticComponent<Omit<HvBannerProps, "ref"> & RefAttributes<unknown>>;
 
 export declare type HvBannerActionPosition = "auto" | "inline" | "bottom-right";
 
@@ -1666,8 +1666,11 @@ export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement,
     placement?: "left" | "right";
     /**
      * Replacement for the header component.
+     * @deprecated use `Component` instead
      */
     component?: React.ReactNode;
+    /** Replacement for the header component */
+    headerComponent?: React.ElementType;
     /**
      * Adornment to replace the default arrows.
      */
@@ -1705,11 +1708,11 @@ export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement,
  * An Input component that only posses the most basic functionalities.
  * It should be used alongside the other form elements to construct a proper accessible form.
  */
-export declare const HvBaseInput: (props: HvBaseInputProps) => JSX_3.Element;
+export declare const HvBaseInput: ForwardRefExoticComponent<HvBaseInputProps & RefAttributes<unknown>>;
 
 export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_18>;
 
-export declare interface HvBaseInputProps extends Omit<InputProps, "onChange" | "classes"> {
+export declare interface HvBaseInputProps extends Omit<InputProps, "onChange" | "classes" | "ref"> {
     /** The input name. */
     name?: string;
     /** The value of the input, when controlled. */
@@ -1927,7 +1930,7 @@ export declare type HvBoxProps<C extends React.ElementType = "div"> = Polymorphi
 /**
  * A breadcrumb is a graphical control element frequently used as a navigational aid.
  */
-export declare const HvBreadCrumb: (props: HvBreadCrumbProps) => JSX_3.Element;
+export declare const HvBreadCrumb: ForwardRefExoticComponent<HvBreadCrumbProps & RefAttributes<HTMLElement>>;
 
 export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_35>;
 
@@ -1959,7 +1962,7 @@ export { HvBreakpoints }
  * Bulk Actions allow users to perform an action on a single or multiple items.
  * Also known as "batch production" of multiple items at once, one stage at a time.
  */
-export declare const HvBulkActions: (props: HvBulkActionsProps) => JSX_3.Element;
+export declare const HvBulkActions: ForwardRefExoticComponent<HvBulkActionsProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_36>;
 
@@ -2277,7 +2280,7 @@ export declare interface HvCalendarProps {
  * linked short representation of a conceptual unit. For that reason,
  * this pattern must be used as an entry-point for further information.
  */
-export declare const HvCard: (props: HvCardProps) => JSX_3.Element;
+export declare const HvCard: ForwardRefExoticComponent<HvCardProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvCardClasses = ExtractNames<typeof useClasses_40>;
 
@@ -2348,7 +2351,7 @@ export declare interface HvCardProps extends HvBaseProps {
  * A Carousel is commonly used to browse images, it can also be used to browse any kind of content like text, video, or charts.
  * It allows you to focus on a particular content while having a notion of how many you have to explore.
  */
-export declare const HvCarousel: (props: HvCarouselProps) => JSX_3.Element;
+export declare const HvCarousel: ForwardRefExoticComponent<HvCarouselProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvCarouselClasses = ExtractNames<typeof useClasses_44>;
 
@@ -3066,7 +3069,7 @@ export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "c
  * It only provides the pane with a close button, the rest of the
  * content can be customized.
  */
-export declare const HvDrawer: (props: HvDrawerProps) => JSX_3.Element;
+export declare const HvDrawer: ForwardRefExoticComponent<Omit<HvDrawerProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
 export declare type HvDrawerClasses = ExtractNames<typeof useClasses_67>;
 
@@ -3214,7 +3217,7 @@ declare interface HvDropdownListProps {
 /**
  * A dropdown menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.
  */
-export declare const HvDropDownMenu: (props: HvDropDownMenuProps) => JSX_3.Element;
+export declare const HvDropDownMenu: ForwardRefExoticComponent<HvDropDownMenuProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_23>;
 
@@ -3415,7 +3418,7 @@ declare interface HvDropZoneLabels {
 /**
  * Empty states communicate that there’s no information, data or values to display in a given context.
  */
-export declare const HvEmptyState: (props: HvEmptyStateProps) => JSX_3.Element;
+export declare const HvEmptyState: default_2.ForwardRefExoticComponent<HvEmptyStateProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_68>;
 
@@ -3734,7 +3737,7 @@ export declare type HvFocusStrategies = "listbox" | "menu" | "card" | "grid";
 /**
  * A Footer is a way of providing extra information at the end of a page.
  */
-export declare const HvFooter: (props: HvFooterProps) => JSX_3.Element;
+export declare const HvFooter: ForwardRefExoticComponent<HvFooterProps & RefAttributes<HTMLElement>>;
 
 export declare type HvFooterClasses = ExtractNames<typeof useClasses_73>;
 
@@ -3848,7 +3851,7 @@ export declare type HvFormStatus = "standBy" | "valid" | "invalid" | "empty";
  * Global Actions are actions that affect the entire page they live in.
  * They should persist while scrolling down the screen.
  */
-export declare const HvGlobalActions: (props: HvGlobalActionsProps) => JSX_3.Element;
+export declare const HvGlobalActions: default_2.ForwardRefExoticComponent<HvGlobalActionsProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare type HvGlobalActionsClasses = ExtractNames<typeof useClasses_74>;
 
@@ -3858,11 +3861,11 @@ export declare type HvGlobalActionsPosition = "sticky" | "fixed" | "relative";
 
 export declare interface HvGlobalActionsProps extends HvBaseProps<HTMLDivElement, "title"> {
     /** Text to display in the component. */
-    title?: React.ReactNode;
+    title?: default_2.ReactNode;
     /** Denotes if this is a global or section component. */
     variant?: HvGlobalActionsVariant;
     /** User can pass in a fully customized button or false for when the back button should not be rendered. */
-    backButton?: React.ReactNode;
+    backButton?: default_2.ReactNode;
     /** Heading Level to apply to Title Area. */
     headingLevel?: HvGlobalActionsHeadingLevel;
     /**
@@ -3998,7 +4001,7 @@ export declare type HvGridSpacing = "xs" | "sm" | "md" | "lg" | "xl" | "auto" |
 /**
  * Header component is used to render a header bar with logo and brand name, navigation and actions.
  */
-export declare const HvHeader: (props: HvHeaderProps) => JSX_3.Element;
+export declare const HvHeader: ForwardRefExoticComponent<HvHeaderProps & RefAttributes<HTMLElement>>;
 
 export declare const HvHeaderActions: ForwardRefExoticComponent<HvHeaderActionsProps & RefAttributes<HTMLDivElement>>;
 
@@ -4251,7 +4254,7 @@ export declare type HvInputClasses = ExtractNames<typeof useClasses_46>;
 
 export declare type HvInputLabels = Partial<typeof DEFAULT_LABELS_4>;
 
-export declare interface HvInputProps extends HvBaseProps<HTMLElement, "onChange" | "onBlur" | "onFocus" | "onKeyDown" | "color"> {
+export declare interface HvInputProps extends Omit<HvBaseInputProps, "onBlur" | "onFocus" | "onKeyDown"> {
     /** The form element name. */
     name?: string;
     /** The value of the form element. */
@@ -4284,11 +4287,6 @@ export declare interface HvInputProps extends HvBaseProps<HTMLElement, "onChange
     status?: HvFormStatus;
     /** The error message to show when `status` is "invalid". */
     statusMessage?: string;
-    /**
-     * The function that will be executed onChange, allows modification of the input,
-     * it receives the value. If a new value should be presented it must returned it.
-     */
-    onChange?: HvBaseInputProps["onChange"];
     /**
      * Callback called when the user submits the value by pressing Enter/Return.
      *
@@ -4528,7 +4526,7 @@ export declare interface HvListContainerProps extends HvBaseProps<HTMLUListEleme
 /**
  * ListItem description/documentation paragraph
  */
-export declare const HvListItem: ForwardRefExoticComponent<HvListItemProps & RefAttributes<any>>;
+export declare const HvListItem: ForwardRefExoticComponent<HvListItemProps & RefAttributes<HTMLLIElement>>;
 
 export declare type HvListItemClasses = ExtractNames<typeof useClasses_5>;
 
@@ -4649,7 +4647,7 @@ export declare interface HvListValue extends Record<string, any> {
 /**
  * Loading provides feedback about a process that is taking place in the application.
  */
-export declare const HvLoading: (props: HvLoadingProps) => JSX_3.Element;
+export declare const HvLoading: ForwardRefExoticComponent<HvLoadingProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvLoadingClasses = ExtractNames<typeof useClasses_86>;
 
@@ -4662,7 +4660,7 @@ export declare type HvLoadingClasses = ExtractNames<typeof useClasses_86>;
  *  <MyComponent>
  * </HvLoadingContainer>
  * */
-export declare const HvLoadingContainer: (props: HvLoadingContainerProps) => JSX_3.Element;
+export declare const HvLoadingContainer: ForwardRefExoticComponent<HvLoadingContainerProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvLoadingContainerClasses = ExtractNames<typeof useClasses_87>;
 
@@ -4687,7 +4685,7 @@ export declare interface HvLoadingProps extends HvBaseProps {
 /**
  * Container layout for the login form.
  */
-export declare const HvLogin: (props: HvLoginProps) => JSX_3.Element;
+export declare const HvLogin: ForwardRefExoticComponent<HvLoginProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvLoginClasses = ExtractNames<typeof useClasses_88>;
 
@@ -4723,11 +4721,11 @@ export declare interface HvMultiButtonProps extends HvBaseProps {
     disabled?: boolean;
     /** If the MultiButton is to be displayed vertically. */
     vertical?: boolean;
-    /** Category of button to use */
+    /** Button variant to use when in `split` mode */
     variant?: HvButtonVariant;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvMultiButtonClasses;
-    /** Button size. */
+    /** Button size when in `split` mode. */
     size?: HvSize;
     /** Add a split between buttons */
     split?: boolean;
@@ -4812,7 +4810,7 @@ export declare interface HvOverflowTooltipProps extends HvBaseProps {
  * 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.
  */
-export declare const HvPagination: (props: HvPaginationProps) => JSX_3.Element;
+export declare const HvPagination: default_2.ForwardRefExoticComponent<HvPaginationProps & default_2.RefAttributes<HTMLDivElement>>;
 
 export declare type HvPaginationClasses = ExtractNames<typeof useClasses_47>;
 
@@ -4844,9 +4842,9 @@ export declare interface HvPaginationProps extends HvBaseProps {
     /** An object containing all the labels for the component. */
     labels?: HvPaginationLabels;
     /** Other props to show page component. */
-    showPageProps?: React.HTMLAttributes<HTMLDivElement>;
+    showPageProps?: default_2.HTMLAttributes<HTMLDivElement>;
     /** Other props to pagination component. */
-    navigationProps?: React.HTMLAttributes<HTMLDivElement>;
+    navigationProps?: default_2.HTMLAttributes<HTMLDivElement>;
     /** Extra properties passed to the input component representing the current pages. */
     currentPageInputProps?: HvInputProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -5912,7 +5910,7 @@ export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onCh
  * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.
  * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.
  */
-export declare const HvSnackbar: ({ classes: classesProp, className, id, open, onClose, label, anchorOrigin, autoHideDuration, variant, showIcon, customIcon, action, actionCallback, onAction, transitionDuration, transitionDirection, container, offset, snackbarContentProps, ...others }: HvSnackbarProps) => JSX_3.Element;
+export declare const HvSnackbar: ForwardRefExoticComponent<Omit<HvSnackbarProps, "ref"> & RefAttributes<unknown>>;
 
 export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_103>;
 
@@ -6211,7 +6209,7 @@ export declare interface HvSwitchProps extends Omit<SwitchProps, "color" | "onCh
     color?: HvColorAny;
 }
 
-export declare const HvTab: (props: HvTabProps) => JSX_3.Element;
+export declare const HvTab: ForwardRefExoticComponent<Omit<HvTabProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
 export declare type HvTabClasses = ExtractNames<typeof useClasses_108>;
 
@@ -6546,7 +6544,7 @@ export declare interface HvTabProps extends Omit<TabProps, "children"> {
  * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.
  * Tabs can be used as a navigational widget for switching between sets of documents.
  */
-export declare const HvTabs: (props: HvTabsProps) => JSX_3.Element;
+export declare const HvTabs: ForwardRefExoticComponent<Omit<HvTabsProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
 export declare type HvTabsClasses = ExtractNames<typeof useClasses_113>;
 
@@ -6676,7 +6674,7 @@ export declare interface HvTagSuggestion extends HvInputSuggestion {
 /**
  * A text area is a multiline text input box, with an optional character counter when there is a length limit.
  */
-export declare const HvTextArea: ForwardRefExoticComponent<Omit<HvTextAreaProps, "ref"> & RefAttributes<any>>;
+export declare const HvTextArea: ForwardRefExoticComponent<HvTextAreaProps & RefAttributes<HTMLTextAreaElement>>;
 
 export declare type HvTextAreaClasses = ExtractNames<typeof useClasses_115>;
 
@@ -7937,6 +7935,7 @@ export declare const sectionClasses: {
     hidden: string;
     header: string;
     content: string;
+    hasHeader: string;
     spaceTop: string;
     actions: string;
     raisedHeader: string;
@@ -8182,6 +8181,7 @@ export declare const tableSectionClasses: {
     content: string;
     hidden: string;
     raisedHeader: string;
+    hasHeader: string;
     spaceTop: string;
 };
 
@@ -8450,12 +8450,13 @@ declare const useClasses_10: (classesProp?: Partial<Record<"root" | "gutter" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_100: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_100: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "hasHeader" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         hidden: string;
         header: string;
         content: string;
+        hasHeader: string;
         spaceTop: string;
         actions: string;
         raisedHeader: string;
@@ -8885,7 +8886,7 @@ declare const useClasses_128: (classesProp?: Partial<Record<"content" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_129: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_129: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "hasHeader" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         header: string;
@@ -8893,6 +8894,7 @@ declare const useClasses_129: (classesProp?: Partial<Record<"content" | "header"
         content: string;
         hidden: string;
         raisedHeader: string;
+        hasHeader: string;
         spaceTop: string;
     };
     readonly css: any;
@@ -10162,7 +10164,7 @@ declare const useClasses_88: (classesProp?: Partial<Record<"root" | "formContain
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_89: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "multiple" | "primaryGhost" | "primarySubtle" | "splitGroup" | "splitGroupDisabled" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
+declare const useClasses_89: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "multiple" | "splitGroup" | "primaryGhost" | "primarySubtle" | "splitGroupDisabled" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         multiple: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.80.1",
+  "version": "5.81.0",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -32,10 +32,10 @@
   "dependencies": {
     "@emotion/cache": "^11.11.0",
     "@emotion/serialize": "^1.1.2",
-    "@hitachivantara/uikit-react-icons": "^5.12.7",
-    "@hitachivantara/uikit-react-shared": "^5.3.12",
-    "@hitachivantara/uikit-react-utils": "^0.2.12",
-    "@hitachivantara/uikit-styles": "^5.39.0",
+    "@hitachivantara/uikit-react-icons": "^5.12.9",
+    "@hitachivantara/uikit-react-shared": "^5.3.14",
+    "@hitachivantara/uikit-react-utils": "^0.2.14",
+    "@hitachivantara/uikit-styles": "^5.40.0",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "^5.0.0-beta.40",
     "@popperjs/core": "^2.11.8",
@@ -62,7 +62,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "a677a5f1ef6b7c24a13d838d1bdc0f0aeab34405",
+  "gitHead": "5c46d6b84308b63df53d151d86c6c9d70943ea41",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",

package/dist/esm/BaseDropdown/BaseDropdownContext/BaseDropdownContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseDropdownContext.js","sources":["../../../../src/BaseDropdown/BaseDropdownContext/BaseDropdownContext.tsx"],"sourcesContent":["import { createContext, Dispatch, SetStateAction, useContext } from \"react\";\nimport { usePopper } from \"react-popper\";\n\ninterface BaseDropdownValue {\n  width?: number;\n  height?: number;\n  popperPlacement?: string;\n  popper?: ReturnType<typeof usePopper>;\n  referenceElement: HTMLElement | null;\n  setReferenceElement?: Dispatch<SetStateAction<HTMLElement | null>>;\n  popperElement: HTMLElement | null;\n  setPopperElement?: Dispatch<SetStateAction<HTMLElement | null>>;\n}\n\nconst BaseDropdownContext = createContext<BaseDropdownValue>({\n  referenceElement: null,\n  popperElement: null,\n});\n\nBaseDropdownContext.displayName = \"BaseDropdownContext\";\n\nexport const useBaseDropdownContext = () => useContext(BaseDropdownContext);\n\nexport default BaseDropdownContext;\n"],"names":[],"mappings":";AAcA,MAAM,sBAAsB,cAAiC;AAAA,EAC3D,kBAAkB;AAAA,EAClB,eAAe;AACjB,CAAC;AAED,oBAAoB,cAAc;AAErB,MAAA,yBAAyB,MAAM,WAAW,mBAAmB;"}