@hitachivantara/uikit-react-core 5.0.0-next.15 → 5.0.0-next.17

package/dist/types/index.d.ts

@@ -47,7 +47,6 @@ import type { HvExtraDeepProps } from '@hitachivantara/uikit-react-shared';
 import type { HvExtraProps } from '@hitachivantara/uikit-react-shared';
 import { HvFormStatus as HvFormStatus_2 } from 'components';
 import { HvHeaderNavigationItemProp as HvHeaderNavigationItemProp_2 } from 'components';
-import { HvInputLabels as HvInputLabels_2 } from 'types/forms';
 import { HvInputProps as HvInputProps_2 } from 'components';
 import { HvLabelProps as HvLabelProps_2 } from 'components';
 import { HvListValue as HvListValue_2 } from 'components';
@@ -309,8 +308,6 @@ export { ds5 }
 
 export declare const emptyStateClasses: HvEmptyStateClasses;
 
-declare type Event_2 = MouseEvent | KeyboardEvent | TouchEvent;
-
 export declare const fileClasses: HvFileClasses;
 
 export declare const fileUploaderPreviewClasses: HvFileUploaderPreviewClasses;
@@ -483,11 +480,11 @@ declare type HvActionContainerClasses = {
 
 declare type HvActionContainerProps = HvBaseProps & {
     /** onClose function. */
-    onClose?: Function;
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /** Actions to display. */
-    action?: React.ReactNode | HvActionGeneric_2[];
+    action?: React.ReactNode | HvActionGeneric[];
     /**  The callback function ran when an action is triggered, receiving `action` as param */
-    actionCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric_2) => void;
+    actionCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric) => void;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvActionContainerClasses;
 };
@@ -585,7 +582,11 @@ export declare type HvAdornmentProps = HvBaseProps<HTMLDivElement | HTMLButtonEl
     classes?: HvAdornmentClasses;
 };
 
-export declare type HvApplication = {
+export declare const HvAppSwitcher: ({ id, className, classes, layout, title, applications, onActionClickedCallback, isActionSelectedCallback, header, footer, isOpen, }: HvAppSwitcherProps) => JSX_2.Element;
+
+export declare const HvAppSwitcherAction: ({ id, className, classes, application, onClickCallback, isSelectedCallback, }: HvAppSwitcherActionProps) => JSX_2.Element;
+
+export declare type HvAppSwitcherActionApplication = {
     /** Id of the application. */
     id?: string;
     /** Name of the application, this is the value that will be displayed on the component. */
@@ -608,10 +609,6 @@ export declare type HvApplication = {
     color?: string;
 };
 
-export declare const HvAppSwitcher: ({ id, className, classes, layout, title, applications, onActionClickedCallback, isActionSelectedCallback, header, footer, isOpen, }: HvAppSwitcherProps) => JSX_2.Element;
-
-export declare const HvAppSwitcherAction: ({ id, className, classes, application, onClickCallback, isSelectedCallback, }: HvAppSwitcherActionProps) => JSX_2.Element;
-
 export declare type HvAppSwitcherActionClasses = {
     root?: string;
     icon?: string;
@@ -625,11 +622,11 @@ export declare type HvAppSwitcherActionClasses = {
 
 export declare type HvAppSwitcherActionProps = HvBaseProps & {
     /** The application data to be used to render the Action object. */
-    application: HvApplication;
+    application: HvAppSwitcherActionApplication;
     /** Callback triggered when the action is clicked. */
-    onClickCallback?: Function;
+    onClickCallback?: (event: React.MouseEvent, application: HvAppSwitcherActionApplication) => void;
     /** Must return a boolean stating if the action element is selected or not. */
-    isSelectedCallback?: Function;
+    isSelectedCallback?: (application: HvAppSwitcherActionApplication) => boolean;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvAppSwitcherActionClasses;
 };
@@ -659,11 +656,11 @@ export declare type HvAppSwitcherProps = HvBaseProps & {
     /** Title to be displayed on the header of the component. */
     title?: string;
     /** The list of applications to be used to render the actions on the component. */
-    applications?: HvApplication[];
+    applications?: HvAppSwitcherActionApplication[];
     /** Triggered when an action is clicked. */
-    onActionClickedCallback?: Function;
+    onActionClickedCallback?: (event: React.MouseEvent, application: HvAppSwitcherActionApplication) => void;
     /** Must return a boolean stating if the action element is selected or not. */
-    isActionSelectedCallback?: Function;
+    isActionSelectedCallback?: (application: HvAppSwitcherActionApplication) => boolean;
     /** Element to be added to the header container, if none is provided a label with the title will be added. */
     header?: React.ReactNode;
     /** Element to be added to the footer container. */
@@ -828,7 +825,7 @@ declare type HvBannerContentClasses = {
     default?: string;
 };
 
-declare type HvBannerContentProps = Omit<SnackbarContentProps, "variant" | "classes"> & HvBaseProps & {
+declare type HvBannerContentProps = Omit<SnackbarContentProps, "variant" | "classes" | "onClose"> & HvBaseProps & {
     /** The message to display. */
     content?: React.ReactNode;
     /** Variant of the snackbar. */
@@ -838,7 +835,7 @@ declare type HvBannerContentProps = Omit<SnackbarContentProps, "variant" | "clas
     /** Custom icon to replace the variant default. */
     customIcon?: React.ReactNode;
     /** onClose function. */
-    onClose?: Function;
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /** Actions to display on the right side. */
     actions?: React.ReactNode | HvActionGeneric_2[];
     /**  The callback function ran when an action is triggered, receiving `action` as param */
@@ -851,11 +848,11 @@ declare type HvBannerContentProps = Omit<SnackbarContentProps, "variant" | "clas
     classes?: HvBannerContentClasses;
 };
 
-export declare type HvBannerProps = Omit<SnackbarProps, "anchorOrigin" | "classes"> & HvBaseProps & {
+export declare type HvBannerProps = Omit<SnackbarProps, "anchorOrigin" | "classes" | "onClose"> & HvBaseProps & {
     /** If true | Snackbar is open. */
     open: boolean;
     /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */
-    onClose?: Function;
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /** The message to display. */
     label?: React.ReactNode;
     /** The anchor of the Snackbar. */
@@ -867,9 +864,9 @@ export declare type HvBannerProps = Omit<SnackbarProps, "anchorOrigin" | "classe
     /** Controls if the associated icon to the variant should be shown. */
     showIcon?: boolean;
     /** Actions to display on the right side. */
-    actions?: React.ReactNode | HvActionGeneric_2[];
+    actions?: React.ReactNode | HvActionGeneric[];
     /** The callback function ran when an action is triggered, receiving `action` as param */
-    actionsCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric_2) => void;
+    actionsCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric) => void;
     /** The position property of the header. */
     actionsPosition?: HvBannerActionPosition;
     /** How much the transition animation last in milliseconds, if 0 no animation is played. */
@@ -1896,6 +1893,8 @@ export declare type HvCheckBoxProps = Omit<HvBaseCheckBoxProps, "classes"> & {
     classes?: HvCheckBoxClasses;
 };
 
+export declare type HvClickOutsideEvent = MouseEvent | KeyboardEvent | TouchEvent;
+
 export declare type HvColumn<D extends object = Record<string, unknown>> = Column<D>;
 
 declare type HvColumnGroup<D extends object = Record<string, unknown>> = HvTableColumnOptions<D> & HvColumnGroupInterface<D> & ({
@@ -2925,7 +2924,9 @@ export declare const HvFormElementDescriptorsContextProvider: React_2.Provider<{
     label?: any;
 }>;
 
-export declare type HvFormElementProps = HvBaseProps & {
+export declare type HvFormElementProps = HvBaseProps<HTMLDivElement, {
+    onChange: any;
+}> & {
     /**
      * Name of the form element.
      *
@@ -2965,7 +2966,7 @@ export declare type HvFormElementProps = HvBaseProps & {
     /** The error message to show when `status` is "invalid". */
     statusMessage?: string;
     /** The callback fired when the value changes. */
-    onChange?: Function;
+    onChange?: (event: React.FormEvent<HTMLDivElement>) => void;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvFormElementClasses;
 };
@@ -3347,48 +3348,48 @@ export declare type HvInputProps = HvBaseProps<HTMLElement, {
      * 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?: Function;
+    onChange?: (event: React_2.ChangeEvent<HTMLInputElement>, value: string) => void;
     /**
      * Callback called when the user submits the value by pressing Enter/Return.
      *
      * Also called when the search button is clicked (when type is "search").
      */
-    onEnter?: Function;
+    onEnter?: (event: React_2.KeyboardEvent<HTMLInputElement> | React_2.MouseEvent, value: string) => void;
     /**
      * The function that will be executed onBlur, allows checking the validation state,
-     * it receives the value and the validation state (`invalid`, `valid`).
+     * it receives the value and the validation state.
      */
-    onBlur?: Function;
+    onBlur?: (event: React_2.FocusEvent<HTMLInputElement>, value: string, validationState: HvInputValidity) => void;
     /**
      * The function that will be executed onBlur, allows checking the value state,
      * it receives the value.
      */
-    onFocus?: Function;
+    onFocus?: (event: React_2.FocusEventHandler<HTMLInputElement>, value: string) => void;
     /**
      * The function that will be executed onKeyDown, allows checking the value state,
      * it receives the event and value.
      */
-    onKeyDown?: Function;
+    onKeyDown?: (event: React_2.KeyboardEvent<HTMLInputElement> | React_2.MouseEvent, value: string) => void;
     /** The input type. */
     type?: HTMLInputTypeAttribute;
     /** The placeholder value of the input. */
     placeholder?: string;
     /** Internal labels?. */
-    labels?: HvInputLabels_2 & HvExtraProps;
+    labels?: HvInputLabels & HvExtraProps;
     /** An Object containing the various texts associated with the input. */
-    validationMessages?: HvValidationMessages_2;
+    validationMessages?: HvValidationMessages;
     /** Attributes applied to the input element. */
     inputProps?: InputBaseComponentProps;
     /** Allows passing a ref to the underlying input */
     inputRef?: any;
     /** The function that will be executed to received an array of objects that has a label and id to create list of suggestion */
-    suggestionListCallback?: Function;
+    suggestionListCallback?: (value: string) => HvInputSuggestion[] | null;
     /**
      * The custom validation function, it receives the value and must return
      * either `true` for valid or `false` for invalid, default validations would only
      * occur if this function is null or undefined
      */
-    validation?: Function;
+    validation?: (value: string) => boolean;
     /** If `true` it should autofocus. */
     autoFocus?: boolean;
     /** If `true` the clear button is disabled. */
@@ -3414,6 +3415,12 @@ export declare type HvInputProps = HvBaseProps<HTMLElement, {
     classes?: HvInputClasses;
 };
 
+export declare type HvInputSuggestion = {
+    id: string;
+    label: string;
+    value?: string;
+};
+
 declare type HvInputValidity = {
     valid?: boolean;
     badInput?: boolean;
@@ -4436,7 +4443,7 @@ export declare type HvSelectionListProps = HvBaseProps<HTMLUListElement, {
      * When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
      * or "invalid" after any change to the state.
      */
-    status?: HvFormStatus_2;
+    status?: HvFormStatus;
     /**
      * The error message to show when the validation status is "invalid".
      *
@@ -4450,7 +4457,7 @@ export declare type HvSelectionListProps = HvBaseProps<HTMLUListElement, {
     /** Indicates whether the list orientation is horizontal or vertical. Defaults to vertical. */
     orientation?: "vertical" | "horizontal";
     /** The callback fired when the value changes. */
-    onChange?: Function;
+    onChange?: (event: React_2.MouseEvent, value: any) => void;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvSelectionListClasses;
 };
@@ -4646,11 +4653,10 @@ export declare type HvSuggestionsProps = HvBaseProps & {
     anchorEl?: HTMLElement | null;
     /** Array of { id, label, ...others } values to display in the suggestion list */
     suggestionValues?: HvSuggestion[] | null;
-    /** Function called when suggestion list is closed */
     /** Function called when a suggestion is selected */
-    onSuggestionSelected?: Function;
+    onSuggestionSelected?: (event: React_2.MouseEvent, value: HvSuggestion) => void;
     /** Function called when suggestion list is closed */
-    onClose?: Function;
+    onClose?: (event: HvClickOutsideEvent) => void;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvSuggestionsClasses;
 };
@@ -5575,9 +5581,9 @@ export declare type HvTagsInputProps = HvBaseProps<HTMLElement, {
     /** The form element name. */
     name?: string;
     /** The value of the form element. */
-    value?: string[] | HvTagProps_2[];
+    value?: string[] | HvTagProps[];
     /** When uncontrolled, defines the initial input value. */
-    defaultValue?: string[] | HvTagProps_2[];
+    defaultValue?: string[] | HvTagProps[];
     /**
      * The label of the form element.
      * The form element must be labeled for accessibility reasons.
@@ -5593,15 +5599,15 @@ export declare type HvTagsInputProps = HvBaseProps<HTMLElement, {
     /** Indicates that the form element is required. */
     required?: boolean;
     /** The function that will be executed onChange. */
-    onChange?: (event: React_2.ChangeEvent<HTMLInputElement> | React_2.KeyboardEvent<HTMLInputElement> | React_2.MouseEvent<HTMLButtonElement> | React_2.MouseEvent<HTMLElement, MouseEvent> | React_2.KeyboardEventHandler<HTMLElement>, value: HvTagProps_2[]) => void;
+    onChange?: (event: React_2.ChangeEvent<HTMLInputElement> | React_2.KeyboardEvent<HTMLInputElement> | React_2.MouseEvent<HTMLButtonElement> | React_2.MouseEvent<HTMLElement, MouseEvent> | React_2.KeyboardEventHandler<HTMLElement>, value: HvTagProps[]) => void;
     /** The function that will be executed when the element is focused. */
     onFocus?: (event: React_2.FocusEvent<HTMLInputElement>, value: string) => void;
     /** The function that will be executed when the element is blurred. */
     onBlur?: (event: React_2.FocusEvent<HTMLInputElement>, value: string) => void;
     /** The function that will be executed when a tag is deleted. */
-    onDelete?: (event: React_2.ChangeEvent<HTMLInputElement> | React_2.KeyboardEvent<HTMLInputElement> | React_2.MouseEvent<HTMLButtonElement> | React_2.MouseEvent<HTMLElement, MouseEvent> | React_2.KeyboardEventHandler<HTMLElement>, value: HvTagProps_2, index: number) => void;
+    onDelete?: (event: React_2.ChangeEvent<HTMLInputElement> | React_2.KeyboardEvent<HTMLInputElement> | React_2.MouseEvent<HTMLButtonElement> | React_2.MouseEvent<HTMLElement, MouseEvent> | React_2.KeyboardEventHandler<HTMLElement>, value: HvTagProps, index: number) => void;
     /** The function that will be executed when a tag is added. */
-    onAdd?: (event: React_2.ChangeEvent<HTMLInputElement> | React_2.KeyboardEvent<HTMLInputElement> | React_2.MouseEvent<HTMLButtonElement> | React_2.MouseEvent<HTMLElement, MouseEvent> | React_2.KeyboardEventHandler<HTMLElement>, value: HvTagProps_2, index: number) => void;
+    onAdd?: (event: React_2.ChangeEvent<HTMLInputElement> | React_2.KeyboardEvent<HTMLInputElement> | React_2.MouseEvent<HTMLButtonElement> | React_2.MouseEvent<HTMLElement, MouseEvent> | React_2.KeyboardEventHandler<HTMLElement>, value: HvTagProps, index: number) => void;
     /** The placeholder value of the input. */
     placeholder?: string;
     /** If `true` the character counter isn't shown even if maxTagsQuantity is set. */
@@ -5625,17 +5631,19 @@ export declare type HvTagsInputProps = HvBaseProps<HTMLElement, {
     /** The error message to show when `status` is "invalid". */
     statusMessage?: React_2.ReactNode;
     /** An Object containing the various texts associated with the input. */
-    validationMessages?: HvValidationMessages_2;
+    validationMessages?: HvValidationMessages;
     /** An array of strings that represent the character used to input a tag. This character is the string representation of the event.code from the input event. */
     commitTagOn?: string[];
     /** If `true` the tag will be committed when the blur event occurs. */
     commitOnBlur?: boolean;
     /** The function that will be executed to received an array of objects that has a label and id to create list of suggestion */
-    suggestionListCallback?: Function;
+    suggestionListCallback?: (value: string) => HvTagSuggestion[] | null;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvTagsInputClasses;
 };
 
+export declare type HvTagSuggestion = HvInputSuggestion;
+
 /**
  * A text area is a multiline text input box, with an optional character counter when there is a length limit.
  */
@@ -5807,7 +5815,7 @@ export declare const HvToggleButton: ForwardRefExoticComponent<HvBaseProps<HTMLB
     /** Icon for when selected. Ignored if the component has children. */
     selectedIcon?: React.ReactNode;
     /** Function called when icon is clicked. */
-    onClick?: Function | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLButtonElement>, selected: boolean) => void) | undefined;
 } & RefAttributes<HTMLButtonElement>>;
 
 export declare type HvToggleButtonProps = HvBaseProps<HTMLButtonElement, {
@@ -5824,7 +5832,7 @@ export declare type HvToggleButtonProps = HvBaseProps<HTMLButtonElement, {
     /** Icon for when selected. Ignored if the component has children. */
     selectedIcon?: React.ReactNode;
     /** Function called when icon is clicked. */
-    onClick?: Function;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>, selected: boolean) => void;
 };
 
 /**
@@ -6342,7 +6350,7 @@ export declare type UseBulkActionsProps = (<D extends object = Record<string, un
     pluginName: string;
 };
 
-export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: Event_2) => void) => void;
+export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: HvClickOutsideEvent) => void) => void;
 
 export declare function useComputation(valueFn: any, valueFallback?: any): any[];
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.0.0-next.15",
+  "version": "5.0.0-next.17",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "UI Kit core React components for the Next Design System.",
@@ -54,7 +54,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "794d0a76b09274391ef4064f4568c5ea3c49a35e",
+  "gitHead": "d7e48206f2817c1894a0deb02e908bccaeb1b2a7",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {