@hitachivantara/uikit-react-core 5.91.0 → 5.91.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/dist/cjs/BaseCheckBox/BaseCheckBox.cjs +7 -15
  2. package/dist/cjs/BaseCheckBox/BaseCheckBox.styles.cjs +7 -50
  3. package/dist/cjs/BaseCheckBox/CheckBoxIcon.cjs +78 -0
  4. package/dist/cjs/BaseInput/BaseInput.styles.cjs +0 -4
  5. package/dist/cjs/BaseRadio/BaseRadio.cjs +7 -17
  6. package/dist/cjs/BaseRadio/BaseRadio.styles.cjs +5 -29
  7. package/dist/cjs/BaseRadio/RadioIcon.cjs +54 -0
  8. package/dist/cjs/Button/Button.styles.cjs +2 -2
  9. package/dist/cjs/DotPagination/DotPagination.styles.cjs +3 -2
  10. package/dist/cjs/Dropdown/Dropdown.cjs +1 -1
  11. package/dist/cjs/Focus/Focus.cjs +10 -25
  12. package/dist/cjs/Focus/Focus.styles.cjs +0 -17
  13. package/dist/cjs/InlineEditor/InlineEditor.cjs +2 -2
  14. package/dist/cjs/Tag/Tag.cjs +4 -4
  15. package/dist/cjs/Tag/Tag.styles.cjs +1 -2
  16. package/dist/cjs/TagsInput/TagsInput.cjs +1 -1
  17. package/dist/cjs/TreeView/internals/hooks/useInstanceEventHandler.cjs +1 -1
  18. package/dist/esm/AppSwitcher/Action/Action.js.map +1 -1
  19. package/dist/esm/BaseCheckBox/BaseCheckBox.js +7 -15
  20. package/dist/esm/BaseCheckBox/BaseCheckBox.js.map +1 -1
  21. package/dist/esm/BaseCheckBox/BaseCheckBox.styles.js +7 -50
  22. package/dist/esm/BaseCheckBox/BaseCheckBox.styles.js.map +1 -1
  23. package/dist/esm/BaseCheckBox/CheckBoxIcon.js +78 -0
  24. package/dist/esm/BaseCheckBox/CheckBoxIcon.js.map +1 -0
  25. package/dist/esm/BaseInput/BaseInput.styles.js +0 -4
  26. package/dist/esm/BaseInput/BaseInput.styles.js.map +1 -1
  27. package/dist/esm/BaseRadio/BaseRadio.js +7 -17
  28. package/dist/esm/BaseRadio/BaseRadio.js.map +1 -1
  29. package/dist/esm/BaseRadio/BaseRadio.styles.js +5 -29
  30. package/dist/esm/BaseRadio/BaseRadio.styles.js.map +1 -1
  31. package/dist/esm/BaseRadio/RadioIcon.js +54 -0
  32. package/dist/esm/BaseRadio/RadioIcon.js.map +1 -0
  33. package/dist/esm/BreadCrumb/PathElement/PathElement.js.map +1 -1
  34. package/dist/esm/Button/Button.styles.js +2 -2
  35. package/dist/esm/Button/Button.styles.js.map +1 -1
  36. package/dist/esm/DotPagination/DotPagination.js.map +1 -1
  37. package/dist/esm/DotPagination/DotPagination.styles.js +3 -2
  38. package/dist/esm/DotPagination/DotPagination.styles.js.map +1 -1
  39. package/dist/esm/DropDownMenu/DropDownMenu.js.map +1 -1
  40. package/dist/esm/Dropdown/Dropdown.js +1 -1
  41. package/dist/esm/Dropdown/Dropdown.js.map +1 -1
  42. package/dist/esm/FileUploader/Preview/Preview.js.map +1 -1
  43. package/dist/esm/Focus/Focus.js +10 -25
  44. package/dist/esm/Focus/Focus.js.map +1 -1
  45. package/dist/esm/Focus/Focus.styles.js +0 -17
  46. package/dist/esm/Focus/Focus.styles.js.map +1 -1
  47. package/dist/esm/InlineEditor/InlineEditor.js +2 -2
  48. package/dist/esm/InlineEditor/InlineEditor.js.map +1 -1
  49. package/dist/esm/MultiButton/MultiButton.js.map +1 -1
  50. package/dist/esm/Table/renderers/DateColumnCell.js.map +1 -1
  51. package/dist/esm/Table/renderers/ProgressColumnCell.js.map +1 -1
  52. package/dist/esm/Table/renderers/SwitchColumnCell.js.map +1 -1
  53. package/dist/esm/Tabs/Tab/Tab.js.map +1 -1
  54. package/dist/esm/Tag/Tag.js +5 -5
  55. package/dist/esm/Tag/Tag.js.map +1 -1
  56. package/dist/esm/Tag/Tag.styles.js +1 -2
  57. package/dist/esm/Tag/Tag.styles.js.map +1 -1
  58. package/dist/esm/TagsInput/TagsInput.js +1 -1
  59. package/dist/esm/TagsInput/TagsInput.js.map +1 -1
  60. package/dist/esm/Tooltip/Tooltip.js.map +1 -1
  61. package/dist/esm/TreeView/internals/hooks/useInstanceEventHandler.js +1 -1
  62. package/dist/esm/TreeView/internals/hooks/useInstanceEventHandler.js.map +1 -1
  63. package/dist/esm/hooks/useClickOutside.js.map +1 -1
  64. package/dist/esm/types/generic.js.map +1 -1
  65. package/dist/types/index.d.ts +33 -35
  66. package/package.json +9 -9
  67. package/dist/cjs/BaseCheckBox/icons.cjs +0 -15
  68. package/dist/cjs/BaseRadio/icons.cjs +0 -17
  69. package/dist/cjs/utils/ConditionalWrapper.cjs +0 -8
  70. package/dist/esm/BaseCheckBox/icons.js +0 -15
  71. package/dist/esm/BaseCheckBox/icons.js.map +0 -1
  72. package/dist/esm/BaseRadio/icons.js +0 -17
  73. package/dist/esm/BaseRadio/icons.js.map +0 -1
  74. package/dist/esm/utils/ConditionalWrapper.js +0 -8
  75. package/dist/esm/utils/ConditionalWrapper.js.map +0 -1
@@ -57,6 +57,7 @@ import { IconBaseProps } from '@hitachivantara/uikit-react-icons';
57
57
  import { IdType as IdType_2 } from 'react-table';
58
58
  import { InputBaseProps } from '@mui/material/InputBase';
59
59
  import { JSX as JSX_2 } from 'react/jsx-runtime';
60
+ import { JSXElementConstructor } from 'react';
60
61
  import { MutableRefObject } from 'react';
61
62
  import { OptionGroupProps } from '@mui/base/OptionGroup';
62
63
  import { OptionOwnProps } from '@mui/base/Option';
@@ -68,6 +69,7 @@ import { PropGetter } from 'react-table';
68
69
  import { PropsWithoutRef } from 'react';
69
70
  import { RadioProps } from '@mui/material/Radio';
70
71
  import * as React_2 from 'react';
72
+ import { ReactElement } from 'react';
71
73
  import { ReactNode } from 'react';
72
74
  import { ReducerTableState } from 'react-table';
73
75
  import { RefAttributes } from 'react';
@@ -920,7 +922,7 @@ export declare const filterGroupClasses: {
920
922
  declare type FixComponentProps<T> = T extends any ? T : never;
921
923
 
922
924
  /** React.forwardRef with fixed type declarations */
923
- export declare function fixedForwardRef<T, P = {}>(render: (props: P, ref: React.Ref<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
925
+ export declare function fixedForwardRef<T, P = {}>(render: (props: P, ref: React.Ref<T>) => React.ReactElement<any> | null): (props: P & React.RefAttributes<T>) => React.ReactElement<any> | null;
924
926
 
925
927
  export declare const focusClasses: {
926
928
  root: string;
@@ -928,8 +930,6 @@ export declare const focusClasses: {
928
930
  disabled: string;
929
931
  focusDisabled: string;
930
932
  focused: string;
931
- externalReference: string;
932
- falseFocus: string;
933
933
  focus: string;
934
934
  };
935
935
 
@@ -1186,7 +1186,7 @@ export declare interface HvAppSwitcherActionApplication {
1186
1186
  /** URL with the icon location to be used to represent the application. iconUrl will only be used if no iconElement is provided. */
1187
1187
  iconUrl?: string;
1188
1188
  /** Element to be added as the icon representing the application. The iconElement will be the primary option to be displayed. */
1189
- iconElement?: React.ReactElement;
1189
+ iconElement?: React.ReactElement<any>;
1190
1190
  /** Small description of the application. */
1191
1191
  description?: string;
1192
1192
  /** URL where the application is accessible. */
@@ -1856,7 +1856,7 @@ export declare const HvBox: <C extends React.ElementType = "div">(props: {
1856
1856
  children?: ReactNode | undefined;
1857
1857
  } & (Omit<PropsWithoutRef<ComponentProps<C>>, "style" | "component" | "sx"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "style" | "component" | "sx"> ? T extends any ? T : never : never : never) & {
1858
1858
  ref?: PolymorphicRef<C> | undefined;
1859
- } & RefAttributes<unknown>) => React.ReactElement | null;
1859
+ } & RefAttributes<unknown>) => React.ReactElement<any> | null;
1860
1860
 
1861
1861
  export declare type HvBoxProps<C extends React.ElementType = "div"> = PolymorphicComponentRef<C, {
1862
1862
  style?: React.CSSProperties;
@@ -2000,7 +2000,7 @@ export declare const HvButton: <C extends React.ElementType = "button">(props: {
2000
2000
  children?: ReactNode | undefined;
2001
2001
  } & (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> ? T extends any ? T : never : never : never) & {
2002
2002
  ref?: PolymorphicRef<C> | undefined;
2003
- } & RefAttributes<unknown>) => React.ReactElement | null;
2003
+ } & RefAttributes<unknown>) => React.ReactElement<any> | null;
2004
2004
 
2005
2005
  /**
2006
2006
  * Button component is used to trigger an action or event.
@@ -2027,7 +2027,7 @@ export declare const HvButtonBase: <C extends React.ElementType = "button">(prop
2027
2027
  children?: ReactNode | undefined;
2028
2028
  } & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "selected" | "component" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "selected" | "component" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never) & {
2029
2029
  ref?: PolymorphicRef<C> | undefined;
2030
- } & RefAttributes<unknown>) => React.ReactElement | null;
2030
+ } & RefAttributes<unknown>) => React.ReactElement<any> | null;
2031
2031
 
2032
2032
  export declare type HvButtonBaseClasses = ExtractNames<typeof useClasses_3>;
2033
2033
 
@@ -2753,7 +2753,7 @@ export declare interface HvCreateThemeProps extends HvThemeCustomizationProps {
2753
2753
 
2754
2754
  export declare function hvDateColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, dateFormat?: string): HvTableColumnConfig<D, H>;
2755
2755
 
2756
- export declare const HvDateColumnCell: ({ date, dateFormat, }: HvDateColumnCellProp) => JSX.Element;
2756
+ export declare const HvDateColumnCell: ({ date, dateFormat, }: HvDateColumnCellProp) => JSX_2.Element;
2757
2757
 
2758
2758
  export declare interface HvDateColumnCellProp {
2759
2759
  /** The date's text representation format. */
@@ -2945,13 +2945,13 @@ export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "c
2945
2945
  *
2946
2946
  * The default icon is `OtherStep`.
2947
2947
  */
2948
- unselectedIcon?: React.ReactElement;
2948
+ unselectedIcon?: React.ReactElement<any>;
2949
2949
  /**
2950
2950
  * Icon to override the default one used for the selected state.
2951
2951
  *
2952
2952
  * The default icon is `CurrentStep`.
2953
2953
  */
2954
- selectedIcon?: React.ReactElement;
2954
+ selectedIcon?: React.ReactElement<any>;
2955
2955
  /**
2956
2956
  * The number of pages the component has.
2957
2957
  */
@@ -3036,7 +3036,7 @@ export declare interface HvDrawerProps extends Omit<DrawerProps, "classes"> {
3036
3036
  /**
3037
3037
  * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.
3038
3038
  */
3039
- export declare const HvDropdown: <Multiple extends boolean = false, OptionValue extends HvListValue = HvListValue>(props: HvDropdownProps<Multiple, OptionValue> & RefAttributes<HTMLDivElement>) => React.ReactElement | null;
3039
+ export declare const HvDropdown: <Multiple extends boolean = false, OptionValue extends HvListValue = HvListValue>(props: HvDropdownProps<Multiple, OptionValue> & RefAttributes<HTMLDivElement>) => React.ReactElement<any> | null;
3040
3040
 
3041
3041
  export declare type HvDropdownClasses = ExtractNames<typeof useClasses_59>;
3042
3042
 
@@ -3133,7 +3133,7 @@ export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_24>;
3133
3133
 
3134
3134
  export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement, "onClick" | "onToggle"> {
3135
3135
  /** Icon. */
3136
- icon?: React.ReactElement;
3136
+ icon?: React.ReactElement<any>;
3137
3137
  /**
3138
3138
  * A list containing the elements to be rendered.
3139
3139
  *
@@ -3441,7 +3441,7 @@ export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
3441
3441
  * The `HvFileUploaderPreview` component is available to facilitate the styling
3442
3442
  * of the button (when clickable) and the detection of image unloading.
3443
3443
  */
3444
- export declare const HvFileUploaderPreview: (props: HvFileUploaderPreviewProps) => JSX_2.Element;
3444
+ export declare const HvFileUploaderPreview: (props: HvFileUploaderPreviewProps) => string | number | boolean | Iterable<ReactNode> | JSX_2.Element | null | undefined;
3445
3445
 
3446
3446
  export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_70>;
3447
3447
 
@@ -3449,7 +3449,7 @@ export declare interface HvFileUploaderPreviewProps extends Omit<HvButtonProps,
3449
3449
  /**
3450
3450
  * Content that represents the preview of an uploaded file.
3451
3451
  */
3452
- children: React.ReactElement;
3452
+ children: React.ReactNode;
3453
3453
  /**
3454
3454
  * Callback executed when the preview is unmounted.
3455
3455
  *
@@ -3617,12 +3617,12 @@ export declare interface HvFilterGroupProps extends Omit<HvFormElementProps, "cl
3617
3617
  export declare type HvFilterGroupValue = (string | number)[][];
3618
3618
 
3619
3619
  /** @deprecated internal use only. this component has navigation issues. */
3620
- export declare const HvFocus: ({ classes: classesProp, children, configuration, disabledClass, selected, disabled, rootRef, focusOnClick, focusDisabled, strategy, useFalseFocus, filterClass, navigationJump, }: HvFocusProps) => JSX_2.Element;
3620
+ export declare const HvFocus: ({ classes: classesProp, children, configuration, disabledClass, selected, disabled, rootRef, focusOnClick, focusDisabled, strategy, filterClass, navigationJump, }: HvFocusProps) => ReactElement<any, string | JSXElementConstructor<any>>;
3621
3621
 
3622
3622
  export declare type HvFocusClasses = ExtractNames<typeof useClasses_4>;
3623
3623
 
3624
3624
  export declare interface HvFocusProps extends HvBaseProps<HTMLElement, "children"> {
3625
- children: React.ReactElement;
3625
+ children: React.ReactElement<any>;
3626
3626
  /** Extra configuration for the child element. */
3627
3627
  configuration?: {
3628
3628
  tabIndex?: number;
@@ -3634,7 +3634,7 @@ export declare interface HvFocusProps extends HvBaseProps<HTMLElement, "children
3634
3634
  /** Whether the focus is disabled. */
3635
3635
  disabled?: boolean;
3636
3636
  /** The reference to the root element to hold all Focus' context. */
3637
- rootRef?: React.RefObject<HTMLElement>;
3637
+ rootRef?: React.RefObject<HTMLElement | null>;
3638
3638
  /** Show focus when click element. v */
3639
3639
  focusOnClick?: boolean;
3640
3640
  /** Show focus when click element. v */
@@ -4026,7 +4026,7 @@ export declare const HvIconButton: <C extends React.ElementType = "button">(prop
4026
4026
  children?: ReactNode | undefined;
4027
4027
  } & (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "overrideIconColors" | "placement" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> ? T extends any ? T : never : never : never), "icon" | "title" | "children" | "ref" | "component" | "focusableWhenDisabled" | "startIcon" | "endIcon">> extends infer T_1 ? T_1 extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "overrideIconColors" | "placement" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> extends infer T_2 ? T_2 extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> ? T_2 extends any ? T_2 : never : never : never), "icon" | "title" | "children" | "ref" | "component" | "focusableWhenDisabled" | "startIcon" | "endIcon">> ? T_1 extends any ? T_1 : never : never : never) & {
4028
4028
  ref?: PolymorphicRef<C> | undefined;
4029
- } & RefAttributes<unknown>) => React.ReactElement | null;
4029
+ } & RefAttributes<unknown>) => React.ReactElement<any> | null;
4030
4030
 
4031
4031
  export declare type HvIconButtonProps<C extends React.ElementType = "button"> = PolymorphicComponentRef<C, Omit<HvButtonProps<C>, "icon" | "focusableWhenDisabled" | "title" | "startIcon" | "endIcon" | "children" | "ref" | "component"> & {
4032
4032
  /** Label to be displayed in the tooltip when hovered. This label will be used as the button's `aria-label`. */
@@ -4099,7 +4099,7 @@ export declare interface HvInfoMessageProps extends HvTypographyProps<"label"> {
4099
4099
  * An Inline Editor allows the user to edit a record without making a major switch
4100
4100
  * between viewing and editing, making it an efficient method of updating a record.
4101
4101
  */
4102
- export declare const HvInlineEditor: <C extends React.ElementType = <InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement>(props: HvInputProps<InputElement> & RefAttributes<InputElement>) => React.ReactElement | null>(props: {
4102
+ export declare const HvInlineEditor: <C extends React.ElementType = <InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement>(props: HvInputProps<InputElement> & RefAttributes<InputElement>) => React.ReactElement<any> | null>(props: {
4103
4103
  /** The value of the form element. */
4104
4104
  value?: string;
4105
4105
  /** The default value of the form element. */
@@ -4141,7 +4141,7 @@ export declare const HvInlineEditor: <C extends React.ElementType = <InputElemen
4141
4141
  children?: ReactNode | undefined;
4142
4142
  } & (Omit<PropsWithoutRef<ComponentProps<C>>, "value" | "classes" | "placeholder" | "disabled" | "variant" | "component" | "onBlur" | "onChange" | "onKeyDown" | "defaultValue" | "buttonProps" | "showIcon" | "typographyProps"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "value" | "classes" | "placeholder" | "disabled" | "variant" | "component" | "onBlur" | "onChange" | "onKeyDown" | "defaultValue" | "buttonProps" | "showIcon" | "typographyProps"> ? T extends any ? T : never : never : never) & {
4143
4143
  ref?: PolymorphicRef<C> | undefined;
4144
- } & RefAttributes<unknown>) => React.ReactElement | null;
4144
+ } & RefAttributes<unknown>) => React.ReactElement<any> | null;
4145
4145
 
4146
4146
  export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_85>;
4147
4147
 
@@ -4175,7 +4175,7 @@ export declare type HvInlineEditorProps<C extends React.ElementType = typeof HvI
4175
4175
  /**
4176
4176
  * A text input box is a graphical control element intended to enable the user to input text information to be used by the software.
4177
4177
  */
4178
- export declare const HvInput: <InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement>(props: HvInputProps<InputElement> & RefAttributes<InputElement>) => React.ReactElement | null;
4178
+ export declare const HvInput: <InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement>(props: HvInputProps<InputElement> & RefAttributes<InputElement>) => React.ReactElement<any> | null;
4179
4179
 
4180
4180
  export declare type HvInputClasses = ExtractNames<typeof useClasses_47>;
4181
4181
 
@@ -4665,7 +4665,7 @@ export declare function hvNumberColumn<D extends object = Record<string, unknown
4665
4665
 
4666
4666
  export declare const hvNumberFallback: (value: any) => number | "—";
4667
4667
 
4668
- export declare const HvOption: <OptionValue extends {}>(props: HvOptionProps<OptionValue> & RefAttributes<HTMLLIElement>) => React.ReactElement | null;
4668
+ export declare const HvOption: <OptionValue extends {}>(props: HvOptionProps<OptionValue> & RefAttributes<HTMLLIElement>) => React.ReactElement<any> | null;
4669
4669
 
4670
4670
  /**
4671
4671
  * Optional
@@ -4814,7 +4814,7 @@ export declare type HvProgressBarStatus = "inProgress" | "completed" | "error";
4814
4814
 
4815
4815
  export declare function hvProgressColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, getPartial?: (row: HvRowInstance<D, H>) => number, getTotal?: (row: HvRowInstance<D, H>) => number, color?: "primary" | "secondary"): HvTableColumnConfig<D, H>;
4816
4816
 
4817
- export declare const HvProgressColumnCell: ({ partial, total, color, "aria-labelledby": ariaLabelledBy, }: HvProgressColumnCellProp) => JSX.Element;
4817
+ export declare const HvProgressColumnCell: ({ partial, total, color, "aria-labelledby": ariaLabelledBy, }: HvProgressColumnCellProp) => JSX_2.Element;
4818
4818
 
4819
4819
  export declare interface HvProgressColumnCellProp {
4820
4820
  /** Current value of the bar. */
@@ -5575,7 +5575,7 @@ export declare interface HvSectionProps extends Omit<HvBaseProps<HTMLDivElement>
5575
5575
  * <HvOption value="cat">Cat</HvOption>
5576
5576
  * </HvSelect>
5577
5577
  * */
5578
- export declare const HvSelect: <OptionValue extends {}, Multiple extends boolean = false>(props: HvSelectProps<OptionValue, Multiple> & RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
5578
+ export declare const HvSelect: <OptionValue extends {}, Multiple extends boolean = false>(props: HvSelectProps<OptionValue, Multiple> & RefAttributes<HTMLButtonElement>) => React.ReactElement<any> | null;
5579
5579
 
5580
5580
  export declare type HvSelectClasses = ExtractNames<typeof useClasses_13>;
5581
5581
 
@@ -6041,7 +6041,7 @@ export declare type HvSwitchClasses = ExtractNames<typeof useClasses_110>;
6041
6041
 
6042
6042
  export declare function hvSwitchColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, switchLabel: string, falseLabel?: string, trueLabel?: string, switchProps?: HvBaseSwitchProps): HvTableColumnConfig<D, H>;
6043
6043
 
6044
- export declare const HvSwitchColumnCell: ({ checked, value, switchLabel, falseLabel, trueLabel, switchProps, }: HvSwitchColumnCellProp) => JSX.Element;
6044
+ export declare const HvSwitchColumnCell: ({ checked, value, switchLabel, falseLabel, trueLabel, switchProps, }: HvSwitchColumnCellProp) => JSX_2.Element;
6045
6045
 
6046
6046
  export declare interface HvSwitchColumnCellProp {
6047
6047
  /** Whether the switch is checked or not. */
@@ -6468,7 +6468,7 @@ export declare interface HvTabProps extends Omit<TabProps, "children"> {
6468
6468
  /** If `true`, the tab will be disabled. */
6469
6469
  disabled?: boolean;
6470
6470
  /** The icon element. */
6471
- icon?: React.ReactElement | string;
6471
+ icon?: React.ReactElement<any> | string;
6472
6472
  /** The label element. */
6473
6473
  label?: React.ReactNode;
6474
6474
  /** The position of the icon relative to the label. */
@@ -6533,7 +6533,7 @@ export declare interface HvTagProps extends Omit<HvButtonBaseProps, "type" | "co
6533
6533
  /** The color variant of the tag */
6534
6534
  color?: HvColorAny;
6535
6535
  /** Icon used to customize the delete icon */
6536
- deleteIcon?: React.ReactElement;
6536
+ deleteIcon?: React.ReactElement<any>;
6537
6537
  /**
6538
6538
  * The callback fired when the delete icon is pressed.
6539
6539
  * This function has to be provided to the component, in order to render the delete icon
@@ -6791,7 +6791,7 @@ export declare const HvTimeAgo: <C extends React.ElementType = "p">(props: {
6791
6791
  children?: ReactNode | undefined;
6792
6792
  } & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "component" | "locale" | "emptyElement" | "showSeconds" | "timestamp" | "disableRefresh" | "justText"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "component" | "locale" | "emptyElement" | "showSeconds" | "timestamp" | "disableRefresh" | "justText"> ? T extends any ? T : never : never : never) & {
6793
6793
  ref?: PolymorphicRef<C> | undefined;
6794
- } & RefAttributes<unknown>) => React.ReactElement | null;
6794
+ } & RefAttributes<unknown>) => React.ReactElement<any> | null;
6795
6795
 
6796
6796
  export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_120>;
6797
6797
 
@@ -6949,7 +6949,7 @@ export declare interface HvTooltipProps extends Omit<TooltipProps, "classes"> {
6949
6949
  /**
6950
6950
  * Node to apply the tooltip.
6951
6951
  */
6952
- children: React.ReactElement;
6952
+ children: React.ReactElement<any>;
6953
6953
  /**
6954
6954
  * Id attribute value of an HTML Element to have the tooltip appended to it.
6955
6955
  */
@@ -7030,7 +7030,7 @@ export declare interface HvTreeItemProps extends React.HTMLAttributes<HTMLElemen
7030
7030
  * </HvTreeView>
7031
7031
  * ```
7032
7032
  */
7033
- export declare const HvTreeView: <Multiple extends boolean | undefined>(props: HvTreeViewProps<Multiple> & RefAttributes<HTMLUListElement>) => React.ReactElement | null;
7033
+ export declare const HvTreeView: <Multiple extends boolean | undefined>(props: HvTreeViewProps<Multiple> & RefAttributes<HTMLUListElement>) => React.ReactElement<any> | null;
7034
7034
 
7035
7035
  export declare type HvTreeViewClasses = ExtractNames<typeof useClasses_122>;
7036
7036
 
@@ -7106,7 +7106,7 @@ export declare const HvTypography: <C extends React.ElementType = "p">(props: {
7106
7106
  children?: ReactNode | undefined;
7107
7107
  } & (Omit<PropsWithoutRef<ComponentProps<C>>, "link" | "classes" | "disabled" | "variant" | "component" | "noWrap" | "paragraph"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "link" | "classes" | "disabled" | "variant" | "component" | "noWrap" | "paragraph"> ? T extends any ? T : never : never : never) & {
7108
7108
  ref?: PolymorphicRef<C> | undefined;
7109
- } & RefAttributes<unknown>) => React.ReactElement | null;
7109
+ } & RefAttributes<unknown>) => React.ReactElement<any> | null;
7110
7110
 
7111
7111
  export declare type HvTypographyClasses = ExtractNames<typeof useClasses_2>;
7112
7112
 
@@ -9320,15 +9320,13 @@ declare const useClasses_39: (classesProp?: Partial<Record<"root" | "invalid" |
9320
9320
  readonly cx: (...args: any) => string;
9321
9321
  };
9322
9322
 
9323
- declare const useClasses_4: (classesProp?: Partial<Record<"root" | "disabled" | "focused" | "selected" | "focus" | "focusDisabled" | "externalReference" | "falseFocus", string>>, addStatic?: boolean) => {
9323
+ declare const useClasses_4: (classesProp?: Partial<Record<"root" | "disabled" | "focused" | "selected" | "focus" | "focusDisabled", string>>, addStatic?: boolean) => {
9324
9324
  readonly classes: {
9325
9325
  root: string;
9326
9326
  selected: string;
9327
9327
  disabled: string;
9328
9328
  focusDisabled: string;
9329
9329
  focused: string;
9330
- externalReference: string;
9331
- falseFocus: string;
9332
9330
  focus: string;
9333
9331
  };
9334
9332
  readonly css: any;
@@ -10328,7 +10326,7 @@ declare const useClasses_99: (classesProp?: Partial<Record<"text" | "root" | "se
10328
10326
  readonly cx: (...args: any) => string;
10329
10327
  };
10330
10328
 
10331
- export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: React.RefObject<T>, handler: (event: HvClickOutsideEvent) => void) => void;
10329
+ export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: React.RefObject<T | null>, handler: (event: HvClickOutsideEvent) => void) => void;
10332
10330
 
10333
10331
  export declare const useComputation: (valueFn: Function, valueFallback?: Function) => (Function | undefined)[];
10334
10332
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hitachivantara/uikit-react-core",
3
- "version": "5.91.0",
3
+ "version": "5.91.2",
4
4
  "private": false,
5
5
  "author": "Hitachi Vantara UI Kit Team",
6
6
  "description": "Core React components for the NEXT Design System.",
@@ -25,17 +25,17 @@
25
25
  "peerDependencies": {
26
26
  "@emotion/react": "^11.11.1",
27
27
  "@emotion/styled": "^11.11.0",
28
- "@mui/material": "^5.12.2",
29
- "react": "^17.0.0 || ^18.0.0",
30
- "react-dom": "^17.0.0 || ^18.0.0"
28
+ "@mui/material": "^5.16.14",
29
+ "react": ">=17.0.0",
30
+ "react-dom": ">=17.0.0"
31
31
  },
32
32
  "dependencies": {
33
33
  "@emotion/cache": "^11.11.0",
34
34
  "@emotion/serialize": "^1.1.2",
35
- "@hitachivantara/uikit-react-icons": "^5.14.2",
36
- "@hitachivantara/uikit-react-shared": "^5.3.27",
37
- "@hitachivantara/uikit-react-utils": "^0.2.28",
38
- "@hitachivantara/uikit-styles": "^5.44.0",
35
+ "@hitachivantara/uikit-react-icons": "^5.14.4",
36
+ "@hitachivantara/uikit-react-shared": "^5.3.29",
37
+ "@hitachivantara/uikit-react-utils": "^0.2.30",
38
+ "@hitachivantara/uikit-styles": "^5.44.2",
39
39
  "@internationalized/date": "^3.2.0",
40
40
  "@mui/base": "5.0.0-beta.68",
41
41
  "@popperjs/core": "^2.11.8",
@@ -62,7 +62,7 @@
62
62
  "access": "public",
63
63
  "directory": "package"
64
64
  },
65
- "gitHead": "6e2771d0ab5d8b8f3fa36e35da3c4233ffa59db9",
65
+ "gitHead": "223ba8f31c9f8bae7aa56087ce03602518ebb2a9",
66
66
  "exports": {
67
67
  ".": {
68
68
  "types": "./dist/types/index.d.ts",
@@ -1,15 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("react/jsx-runtime");
4
- const Box = () => {
5
- return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 14 14", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m0,0l16,0l0,16l-16,0l0,-16z" }) });
6
- };
7
- const Check = () => {
8
- return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 14 14", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m5.03,12.06l-3.76,-3.75l1.42,-1.42l2.24,2.25l6.3,-7.2l1.5,1.31l-7.7,8.81z" }) });
9
- };
10
- const Partial = () => {
11
- return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 14 14", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m3,8l8,0l0,-2l-8,0l0,2z" }) });
12
- };
13
- exports.Box = Box;
14
- exports.Check = Check;
15
- exports.Partial = Partial;
@@ -1,17 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const jsxRuntime = require("react/jsx-runtime");
4
- const Selected = () => {
5
- return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx(
6
- "path",
7
- {
8
- d: "m7,11a4,4 0 0 1 -4,-4a4,4 0 0 1 4,-4a4,4 0 0 1 4,4a4,4 0 0 1 -4,4",
9
- fill: "currentcolor"
10
- }
11
- ) });
12
- };
13
- const Unselected = () => {
14
- return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", xmlns: "http://www.w3.org/2000/svg" });
15
- };
16
- exports.Selected = Selected;
17
- exports.Unselected = Unselected;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const ConditionalWrapper = ({
4
- condition,
5
- wrapper,
6
- children
7
- }) => condition ? wrapper(children) : children;
8
- exports.ConditionalWrapper = ConditionalWrapper;
@@ -1,15 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- const Box = () => {
3
- return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 14 14", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "m0,0l16,0l0,16l-16,0l0,-16z" }) });
4
- };
5
- const Check = () => {
6
- return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 14 14", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "m5.03,12.06l-3.76,-3.75l1.42,-1.42l2.24,2.25l6.3,-7.2l1.5,1.31l-7.7,8.81z" }) });
7
- };
8
- const Partial = () => {
9
- return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 14 14", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "m3,8l8,0l0,-2l-8,0l0,2z" }) });
10
- };
11
- export {
12
- Box,
13
- Check,
14
- Partial
15
- };
@@ -1 +0,0 @@
1
- {"version":3,"file":"icons.js","sources":["../../../src/BaseCheckBox/icons.tsx"],"sourcesContent":["export const Box = () => {\n return (\n <svg viewBox=\"0 0 14 14\" fill=\"currentColor\">\n <path d=\"m0,0l16,0l0,16l-16,0l0,-16z\" />\n </svg>\n );\n};\n\nexport const Check = () => {\n return (\n <svg viewBox=\"0 0 14 14\" fill=\"currentColor\">\n <path d=\"m5.03,12.06l-3.76,-3.75l1.42,-1.42l2.24,2.25l6.3,-7.2l1.5,1.31l-7.7,8.81z\" />\n </svg>\n );\n};\n\nexport const Partial = () => {\n return (\n <svg viewBox=\"0 0 14 14\" fill=\"currentColor\">\n <path d=\"m3,8l8,0l0,-2l-8,0l0,2z\" />\n </svg>\n );\n};\n"],"names":[],"mappings":";AAAO,MAAM,MAAM,MAAM;AAErB,SAAA,oBAAC,OAAI,EAAA,SAAQ,aAAY,MAAK,gBAC5B,UAAC,oBAAA,QAAA,EAAK,GAAE,8BAAA,CAA8B,EACxC,CAAA;AAEJ;AAEO,MAAM,QAAQ,MAAM;AAEvB,SAAA,oBAAC,OAAI,EAAA,SAAQ,aAAY,MAAK,gBAC5B,UAAC,oBAAA,QAAA,EAAK,GAAE,4EAAA,CAA4E,EACtF,CAAA;AAEJ;AAEO,MAAM,UAAU,MAAM;AAEzB,SAAA,oBAAC,OAAI,EAAA,SAAQ,aAAY,MAAK,gBAC5B,UAAC,oBAAA,QAAA,EAAK,GAAE,0BAAA,CAA0B,EACpC,CAAA;AAEJ;"}
@@ -1,17 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- const Selected = () => {
3
- return /* @__PURE__ */ jsx("svg", { width: "14", height: "14", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
4
- "path",
5
- {
6
- d: "m7,11a4,4 0 0 1 -4,-4a4,4 0 0 1 4,-4a4,4 0 0 1 4,4a4,4 0 0 1 -4,4",
7
- fill: "currentcolor"
8
- }
9
- ) });
10
- };
11
- const Unselected = () => {
12
- return /* @__PURE__ */ jsx("svg", { width: "14", height: "14", xmlns: "http://www.w3.org/2000/svg" });
13
- };
14
- export {
15
- Selected,
16
- Unselected
17
- };
@@ -1 +0,0 @@
1
- {"version":3,"file":"icons.js","sources":["../../../src/BaseRadio/icons.tsx"],"sourcesContent":["export const Selected = () => {\n return (\n <svg width=\"14\" height=\"14\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"m7,11a4,4 0 0 1 -4,-4a4,4 0 0 1 4,-4a4,4 0 0 1 4,4a4,4 0 0 1 -4,4\"\n fill=\"currentcolor\"\n />\n </svg>\n );\n};\n\nexport const Unselected = () => {\n return <svg width=\"14\" height=\"14\" xmlns=\"http://www.w3.org/2000/svg\" />;\n};\n"],"names":[],"mappings":";AAAO,MAAM,WAAW,MAAM;AAC5B,6BACG,OAAI,EAAA,OAAM,MAAK,QAAO,MAAK,OAAM,8BAChC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA,IAAA;AAAA,EAAA,GAET;AAEJ;AAEO,MAAM,aAAa,MAAM;AAC9B,6BAAQ,OAAI,EAAA,OAAM,MAAK,QAAO,MAAK,OAAM,8BAA6B;AACxE;"}
@@ -1,8 +0,0 @@
1
- const ConditionalWrapper = ({
2
- condition,
3
- wrapper,
4
- children
5
- }) => condition ? wrapper(children) : children;
6
- export {
7
- ConditionalWrapper
8
- };
@@ -1 +0,0 @@
1
- {"version":3,"file":"ConditionalWrapper.js","sources":["../../../src/utils/ConditionalWrapper.tsx"],"sourcesContent":["export const ConditionalWrapper = ({\n condition,\n wrapper,\n children,\n}: {\n condition?: boolean;\n wrapper: any;\n children: React.ReactNode;\n}) => (condition ? wrapper(children) : children);\n"],"names":[],"mappings":"AAAO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,MAIO,YAAY,QAAQ,QAAQ,IAAI;"}