@hitachivantara/uikit-react-core 5.18.2 → 5.18.4

package/dist/types/index.d.ts

@@ -3,6 +3,7 @@
 import { ActionType } from 'react-table';
 import type { AllHTMLAttributes } from 'react';
 import { AvatarProps } from '@mui/material/Avatar';
+import { Breakpoint as Breakpoint_2 } from '@mui/material';
 import { CardContentProps } from '@mui/material/CardContent';
 import { CardHeaderProps } from '@mui/material/CardHeader';
 import { CardMediaProps } from '@mui/material/CardMedia';
@@ -39,6 +40,7 @@ import type { HvExtraDeepProps } from '@hitachivantara/uikit-react-shared';
 import type { HvExtraProps } from '@hitachivantara/uikit-react-shared';
 import { PluginHook as HvTablePluginHook } from 'react-table';
 import type { HvTheme } from '@hitachivantara/uikit-react-shared';
+import { HvTheme as HvTheme_2 } from '@hitachivantara/uikit-styles';
 import { HvThemeBreakpoint } from '@hitachivantara/uikit-styles';
 import { HvThemeColorMode } from '@hitachivantara/uikit-styles';
 import { HvThemeColorModeStructure } from '@hitachivantara/uikit-styles';
@@ -1909,7 +1911,7 @@ export declare interface HvBreadCrumbProps extends HvBaseProps<HTMLDivElement, "
     /** Function passed to the component. If defined the component prop is used as the link node. */
     onClick?: (event: MouseEvent_2<HTMLElement>, data: any) => void;
     /** Props passed down to the DropDownMenu sub-menu component. */
-    dropDownMenuProps?: HvDropDownMenuProps;
+    dropDownMenuProps?: Partial<HvDropDownMenuProps>;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvBreadCrumbClasses;
 }
@@ -2260,7 +2262,7 @@ export declare interface HvCardProps extends HvBaseProps {
  */
 export declare const HvCarousel: (props: HvCarouselProps) => JSX_2.Element;
 
-export declare type HvCarouselClasses = ExtractNames<typeof useClasses_31>;
+export declare type HvCarouselClasses = ExtractNames<typeof useClasses_32>;
 
 export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "title" | "onChange"> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -2301,7 +2303,7 @@ export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "ti
  */
 export declare const HvCarouselSlide: ({ classes: classesProp, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) => JSX_2.Element;
 
-export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_32>;
+export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_33>;
 
 export declare interface HvCarouselSlideProps extends ImgHTMLAttributes<HTMLImageElement> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -2525,7 +2527,7 @@ export declare type HvClickOutsideEvent = MouseEvent | KeyboardEvent | TouchEven
  */
 export declare const HvColorPicker: ({ id, name, required, disabled, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, description, "aria-describedby": ariaDescribedBy, className, classes: classesProp, value, onChange, defaultValue, expanded, defaultExpanded, recommendedColorsPosition, recommendedColors, showLabels, labels: labelsProp, dropdownIcon, placeholder, iconOnly, showSavedColors, showCustomColors, savedColorsValue, defaultSavedColorsValue, onSavedColorAdded, onSavedColorRemoved, deleteSavedColorButtonArialLabel, }: HvColorPickerProps) => JSX_2.Element;
 
-export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_30>;
+export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_31>;
 
 export declare interface HvColorPickerProps {
     "aria-label"?: string;
@@ -2711,7 +2713,7 @@ export declare interface HvControlsProps extends HvBaseProps {
     /**
      * Callback called when the view switcher button is pressed
      */
-    onViewChange?: (event: Event, id: string) => void;
+    onViewChange?: (event: MouseEvent_2<HTMLButtonElement>, id: string) => void;
     /**
      * if `true` the button to switch views is not rendered
      */
@@ -3164,11 +3166,19 @@ declare interface HvDropdownListProps {
      * A function to be executed whenever a item is selected in the list
      * or the Apply button is activated (when `multiSelect` is `true`).
      */
-    onChange: any;
+    onChange: (
+    /** An array containing the selected values */
+    listValues: HvListValue[], 
+    /** If `true` the selection if finally committed the dropdown header text should reflect the new selection */
+    commitChanges: boolean, 
+    /** If `true` the dropdown should toggle it's current state */
+    toggle: boolean, 
+    /** If `true` the dropdown will call onChange */
+    notifyChanges: boolean) => void;
     /**
      * A function to be executed whenever the Cancel button is activated.
      */
-    onCancel: any;
+    onCancel: (event: MouseEvent_2) => void;
     /**
      * An object containing all the labels for the dropdown.
      */
@@ -4541,7 +4551,7 @@ export declare interface HvLeftControlProps extends HvBaseProps {
     /** placeholder of the input */
     placeholder?: string;
     /** Callback called when a search action occurs */
-    onSearch?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
+    onSearch?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, value: string) => void;
     /** Extra props passed to input */
     searchProps?: HvInputProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -4812,7 +4822,7 @@ export declare interface HvMarkProperty {
 declare interface HvMenuBarProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     data: HvHeaderNavigationItemProp[];
     type: string;
-    onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;
+    onClick?: (event: MouseEvent_2, selection: HvHeaderNavigationItemProp) => void;
 }
 
 export declare type HvMeta<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer, Extension = never, M = HvMetaBase<D, H>> = [Extension] extends [never] ? M : M & Extension;
@@ -5093,7 +5103,7 @@ export declare interface HvProviderProps {
  */
 export declare const HvQueryBuilder: ({ attributes, query, onChange, operators, combinators, maxDepth, labels, readOnly, classes, }: HvQueryBuilderProps) => JSX_2.Element;
 
-export declare type HvQueryBuilderClasses = Partial<ExtractNames<typeof useClasses_29>>;
+export declare type HvQueryBuilderClasses = Partial<ExtractNames<typeof useClasses_30>>;
 
 export declare interface HvQueryBuilderProps {
     attributes?: Record<string, Attribute>;
@@ -5790,7 +5800,7 @@ export declare interface HvSnackbarContentProps extends Omit<SnackbarContentProp
     /** The message to display. */
     label?: React.ReactNode;
     /** Variant of the snackbar. */
-    variant: HvSnackbarVariant;
+    variant?: HvSnackbarVariant;
     /** Controls if the associated icon to the variant should be shown. */
     showIcon?: boolean;
     /** Custom icon to replace the variant default. */
@@ -5833,7 +5843,7 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
     /** Others applied to the content of the snackbar. */
     snackbarContentProps?: HvSnackbarContentProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
-    classes?: Partial<HvSnackbarClasses>;
+    classes?: HvSnackbarClasses;
 }
 
 export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, ...others }: HvSnackbarProviderProps) => JSX_2.Element;
@@ -6850,11 +6860,9 @@ declare interface HvThemeProviderProps {
 /**
  * The HvTimeAgo component implements the Design System relative time format guidelines.
  */
-export declare const HvTimeAgo: ({ classes, timestamp, locale: localeProp, component: Component, emptyElement, disableRefresh, showSeconds, justText, ...others }: HvTimeAgoProps) => JSX_2.Element;
+export declare const HvTimeAgo: ({ classes: classesProp, className, timestamp, locale: localeProp, component: Component, emptyElement, disableRefresh, showSeconds, justText, ...others }: HvTimeAgoProps) => JSX_2.Element;
 
-export declare interface HvTimeAgoClasses {
-    root?: string;
-}
+export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_29>;
 
 export declare interface HvTimeAgoProps extends HvBaseProps<HTMLElement, "children"> {
     /**
@@ -6899,7 +6907,7 @@ export declare interface HvTimeAgoProps extends HvBaseProps<HTMLElement, "childr
  */
 export declare const HvTimePicker: (props: HvTimePickerProps) => JSX_2.Element;
 
-export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_33>;
+export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_34>;
 
 export declare type HvTimePickerClassKey = "root" | "input" | "label" | "placeholder" | "timePopperContainer" | "separator" | "periodContainer" | "formElementRoot" | "dropdownPlaceholder" | "iconBaseRoot" | "error" | "labelContainer" | "description" | "dropdownHeaderInvalid" | "dropdownPlaceholderDisabled" | "dropdownHeaderOpen";
 
@@ -7693,7 +7701,7 @@ declare type InputElement = HTMLInputElement | HTMLTextAreaElement;
 
 export declare const isBrowser: (browsers: any) => boolean | null;
 
-export declare const isInvalid: (compareState: any) => boolean;
+export declare const isInvalid: (compareState: HvFormStatus) => boolean;
 
 /**
  *  Check whether the key code is an enter.
@@ -7713,7 +7721,7 @@ export declare const isKeycode: (number: any, keyCode: any) => boolean | undefin
  */
 export declare const isKeypress: (event: any, keyCode: any) => boolean | undefined;
 
-export declare const isValid: (compareState: any) => boolean;
+export declare const isValid: (compareState: HvFormStatus) => boolean;
 
 export declare const keyboardCodes: Readonly<{
     Backspace: 8;
@@ -7897,7 +7905,7 @@ export declare const loginClasses: {
 declare interface MenuItemProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     item: HvHeaderNavigationItemProp;
     type?: string;
-    onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;
+    onClick?: (event: MouseEvent_2, selection: HvHeaderNavigationItemProp) => void;
 }
 
 export declare const multiButtonClasses: {
@@ -8295,7 +8303,7 @@ export declare const switchClasses: {
     invalidSwitch: "HvSwitch-invalidSwitch";
 };
 
-declare type SxProps = React.CSSProperties | ((theme: any) => React.CSSProperties);
+declare type SxProps = React.CSSProperties | ((theme: HvTheme_2) => React.CSSProperties);
 
 export declare const tabClasses: {
     disabled: "HvTab-disabled";
@@ -8977,7 +8985,29 @@ declare const useClasses_28: (classesProp?: Partial<Record<"button" | "input" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_29: (classesProp?: Partial<Record<"root" | "removeButton" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>) => {
+declare const useClasses_29: (classesProp?: Partial<Record<"root", string>>) => {
+    classes: {
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>) => {
+    classes: {
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_30: (classesProp?: Partial<Record<"root" | "removeButton" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>) => {
     classes: {
         root: string;
         removeButton: string;
@@ -9002,18 +9032,7 @@ declare const useClasses_29: (classesProp?: Partial<Record<"root" | "removeButto
     cx: (...args: any) => string;
 };
 
-declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>) => {
-    classes: {
-        root: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
-declare const useClasses_30: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>) => {
+declare const useClasses_31: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>) => {
     classes: {
         label: string;
         colorPicker: string;
@@ -9036,7 +9055,7 @@ declare const useClasses_30: (classesProp?: Partial<Record<"label" | "colorPicke
     cx: (...args: any) => string;
 };
 
-declare const useClasses_31: (classesProp?: Partial<Record<"title" | "main" | "dot" | "controls" | "xs" | "root" | "actions" | "panel" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>) => {
+declare const useClasses_32: (classesProp?: Partial<Record<"title" | "main" | "dot" | "controls" | "xs" | "root" | "actions" | "panel" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>) => {
     classes: {
         title: string;
         main: string;
@@ -9070,7 +9089,7 @@ declare const useClasses_31: (classesProp?: Partial<Record<"title" | "main" | "d
     cx: (...args: any) => string;
 };
 
-declare const useClasses_32: (classesProp?: Partial<Record<"image" | "slide", string>>) => {
+declare const useClasses_33: (classesProp?: Partial<Record<"image" | "slide", string>>) => {
     classes: {
         image: string;
         slide: string;
@@ -9082,7 +9101,7 @@ declare const useClasses_32: (classesProp?: Partial<Record<"image" | "slide", st
     cx: (...args: any) => string;
 };
 
-declare const useClasses_33: (classesProp?: Partial<Record<"placeholder" | "label" | "icon" | "error" | "root" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>) => {
+declare const useClasses_34: (classesProp?: Partial<Record<"placeholder" | "label" | "icon" | "error" | "root" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>) => {
     classes: {
         placeholder: string;
         label: string;
@@ -9511,7 +9530,7 @@ export declare const useTheme: () => HvThemeContextValue;
 
 export declare const useUniqueId: (id?: string, idPrefix?: string) => string;
 
-export declare const useWidth: () => string;
+export declare const useWidth: () => Breakpoint_2;
 
 declare type ValueOf<T> = T[keyof T];
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.18.2",
+  "version": "5.18.4",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -33,9 +33,9 @@
     "@emotion/css": "^11.11.0",
     "@emotion/serialize": "^1.1.2",
     "@emotion/utils": "^1.2.1",
-    "@hitachivantara/uikit-react-icons": "^5.2.3",
-    "@hitachivantara/uikit-react-shared": "^5.0.18",
-    "@hitachivantara/uikit-styles": "^5.8.4",
+    "@hitachivantara/uikit-react-icons": "^5.2.4",
+    "@hitachivantara/uikit-react-shared": "^5.0.19",
+    "@hitachivantara/uikit-styles": "^5.8.5",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "^5.0.0-beta.4",
     "@popperjs/core": "^2.11.8",
@@ -64,7 +64,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "664b2b715071d7a7e82255fd1b2b303f0866a2af",
+  "gitHead": "3f7e6e704bb4a2fd82dd30fb7bbc64e929c10ba3",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {

package/dist/cjs/components/TimeAgo/timeAgoClasses.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const classes = require("../../utils/classes.cjs");
-const classKeys = ["root"];
-const timeAgoClasses = classes.getClasses(classKeys, "HvTimeAgo");
-const timeAgoClasses$1 = timeAgoClasses;
-exports.default = timeAgoClasses$1;
-//# sourceMappingURL=timeAgoClasses.cjs.map

package/dist/cjs/components/TimeAgo/timeAgoClasses.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"timeAgoClasses.cjs","sources":["../../../../src/components/TimeAgo/timeAgoClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvTimeAgoClasses {\n  root?: string;\n}\n\nconst classKeys: (keyof HvTimeAgoClasses)[] = [\"root\"];\n\nconst timeAgoClasses = getClasses(classKeys, \"HvTimeAgo\");\n\nexport default timeAgoClasses;\n"],"names":["classKeys","timeAgoClasses","getClasses"],"mappings":";;;AAMA,MAAMA,YAAwC,CAAC,MAAM;AAErD,MAAMC,iBAAiBC,QAAWF,WAAAA,WAAW,WAAW;AAExD,MAAA,mBAAeC;;"}

package/dist/esm/components/TimeAgo/timeAgoClasses.js

@@ -1,8 +0,0 @@
-import { getClasses } from "../../utils/classes.js";
-const classKeys = ["root"];
-const timeAgoClasses = getClasses(classKeys, "HvTimeAgo");
-const timeAgoClasses$1 = timeAgoClasses;
-export {
-  timeAgoClasses$1 as default
-};
-//# sourceMappingURL=timeAgoClasses.js.map

package/dist/esm/components/TimeAgo/timeAgoClasses.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timeAgoClasses.js","sources":["../../../../src/components/TimeAgo/timeAgoClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvTimeAgoClasses {\n  root?: string;\n}\n\nconst classKeys: (keyof HvTimeAgoClasses)[] = [\"root\"];\n\nconst timeAgoClasses = getClasses(classKeys, \"HvTimeAgo\");\n\nexport default timeAgoClasses;\n"],"names":["classKeys","timeAgoClasses","getClasses"],"mappings":";AAMA,MAAMA,YAAwC,CAAC,MAAM;AAErD,MAAMC,iBAAiBC,WAAWF,WAAW,WAAW;AAExD,MAAA,mBAAeC;"}