@hitachivantara/uikit-react-core 5.91.1 → 5.91.3
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.
- package/dist/cjs/BaseCheckBox/BaseCheckBox.cjs +7 -15
- package/dist/cjs/BaseCheckBox/BaseCheckBox.styles.cjs +8 -55
- package/dist/cjs/BaseCheckBox/CheckBoxIcon.cjs +74 -0
- package/dist/cjs/BaseInput/BaseInput.styles.cjs +3 -4
- package/dist/cjs/BaseRadio/BaseRadio.cjs +7 -17
- package/dist/cjs/BaseRadio/BaseRadio.styles.cjs +2 -26
- package/dist/cjs/BaseRadio/RadioIcon.cjs +49 -0
- package/dist/cjs/CheckBox/CheckBox.cjs +1 -1
- package/dist/cjs/CheckBox/CheckBox.styles.cjs +13 -39
- package/dist/cjs/Dropdown/Dropdown.cjs +1 -1
- package/dist/cjs/Dropdown/List/List.cjs +12 -18
- package/dist/cjs/Dropdown/List/List.styles.cjs +0 -2
- package/dist/cjs/InlineEditor/InlineEditor.cjs +1 -1
- package/dist/cjs/Input/Input.cjs +2 -1
- package/dist/cjs/Input/Input.styles.cjs +7 -1
- package/dist/cjs/Input/icons.cjs +19 -0
- package/dist/cjs/Radio/Radio.styles.cjs +8 -5
- package/dist/cjs/Tag/Tag.cjs +4 -4
- package/dist/cjs/Tag/Tag.styles.cjs +1 -2
- package/dist/cjs/TagsInput/TagsInput.cjs +1 -1
- package/dist/cjs/TimePicker/Unit/Unit.cjs +1 -2
- package/dist/cjs/TimePicker/Unit/Unit.styles.cjs +0 -6
- package/dist/cjs/TreeView/internals/hooks/useInstanceEventHandler.cjs +1 -1
- package/dist/cjs/VerticalNavigation/VerticalNavigation.styles.cjs +1 -4
- package/dist/cjs/icons.cjs +15 -0
- package/dist/esm/AppSwitcher/Action/Action.js.map +1 -1
- package/dist/esm/BaseCheckBox/BaseCheckBox.js +7 -15
- package/dist/esm/BaseCheckBox/BaseCheckBox.js.map +1 -1
- package/dist/esm/BaseCheckBox/BaseCheckBox.styles.js +8 -55
- package/dist/esm/BaseCheckBox/BaseCheckBox.styles.js.map +1 -1
- package/dist/esm/BaseCheckBox/CheckBoxIcon.js +74 -0
- package/dist/esm/BaseCheckBox/CheckBoxIcon.js.map +1 -0
- package/dist/esm/BaseInput/BaseInput.styles.js +3 -4
- package/dist/esm/BaseInput/BaseInput.styles.js.map +1 -1
- package/dist/esm/BaseRadio/BaseRadio.js +7 -17
- package/dist/esm/BaseRadio/BaseRadio.js.map +1 -1
- package/dist/esm/BaseRadio/BaseRadio.styles.js +2 -26
- package/dist/esm/BaseRadio/BaseRadio.styles.js.map +1 -1
- package/dist/esm/BaseRadio/RadioIcon.js +49 -0
- package/dist/esm/BaseRadio/RadioIcon.js.map +1 -0
- package/dist/esm/BreadCrumb/PathElement/PathElement.js.map +1 -1
- package/dist/esm/CheckBox/CheckBox.js +1 -1
- package/dist/esm/CheckBox/CheckBox.js.map +1 -1
- package/dist/esm/CheckBox/CheckBox.styles.js +13 -39
- package/dist/esm/CheckBox/CheckBox.styles.js.map +1 -1
- package/dist/esm/DotPagination/DotPagination.js.map +1 -1
- package/dist/esm/DropDownMenu/DropDownMenu.js.map +1 -1
- package/dist/esm/Dropdown/Dropdown.js +1 -1
- package/dist/esm/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/Dropdown/List/List.js +13 -19
- package/dist/esm/Dropdown/List/List.js.map +1 -1
- package/dist/esm/Dropdown/List/List.styles.js +0 -2
- package/dist/esm/Dropdown/List/List.styles.js.map +1 -1
- package/dist/esm/Dropdown/utils.js.map +1 -1
- package/dist/esm/FileUploader/Preview/Preview.js.map +1 -1
- package/dist/esm/Focus/Focus.js.map +1 -1
- package/dist/esm/InlineEditor/InlineEditor.js +1 -1
- package/dist/esm/InlineEditor/InlineEditor.js.map +1 -1
- package/dist/esm/Input/Input.js +3 -2
- package/dist/esm/Input/Input.js.map +1 -1
- package/dist/esm/Input/Input.styles.js +7 -1
- package/dist/esm/Input/Input.styles.js.map +1 -1
- package/dist/esm/Input/icons.js +19 -0
- package/dist/esm/Input/icons.js.map +1 -0
- package/dist/esm/MultiButton/MultiButton.js.map +1 -1
- package/dist/esm/Radio/Radio.styles.js +8 -5
- package/dist/esm/Radio/Radio.styles.js.map +1 -1
- package/dist/esm/Table/renderers/DateColumnCell.js.map +1 -1
- package/dist/esm/Table/renderers/ProgressColumnCell.js.map +1 -1
- package/dist/esm/Table/renderers/SwitchColumnCell.js.map +1 -1
- package/dist/esm/Tabs/Tab/Tab.js.map +1 -1
- package/dist/esm/Tag/Tag.js +5 -5
- package/dist/esm/Tag/Tag.js.map +1 -1
- package/dist/esm/Tag/Tag.styles.js +1 -2
- package/dist/esm/Tag/Tag.styles.js.map +1 -1
- package/dist/esm/TagsInput/TagsInput.js +1 -1
- package/dist/esm/TagsInput/TagsInput.js.map +1 -1
- package/dist/esm/TimePicker/Unit/Unit.js +1 -2
- package/dist/esm/TimePicker/Unit/Unit.js.map +1 -1
- package/dist/esm/TimePicker/Unit/Unit.styles.js +0 -6
- package/dist/esm/TimePicker/Unit/Unit.styles.js.map +1 -1
- package/dist/esm/Tooltip/Tooltip.js.map +1 -1
- package/dist/esm/TreeView/internals/hooks/useInstanceEventHandler.js +1 -1
- package/dist/esm/TreeView/internals/hooks/useInstanceEventHandler.js.map +1 -1
- package/dist/esm/VerticalNavigation/VerticalNavigation.styles.js +1 -4
- package/dist/esm/VerticalNavigation/VerticalNavigation.styles.js.map +1 -1
- package/dist/esm/hooks/useClickOutside.js.map +1 -1
- package/dist/esm/icons.js +13 -0
- package/dist/esm/icons.js.map +1 -0
- package/dist/esm/types/generic.js.map +1 -1
- package/dist/types/index.d.ts +34 -36
- package/package.json +9 -9
- package/dist/cjs/BaseCheckBox/icons.cjs +0 -15
- package/dist/cjs/BaseRadio/icons.cjs +0 -17
- package/dist/esm/BaseCheckBox/icons.js +0 -15
- package/dist/esm/BaseCheckBox/icons.js.map +0 -1
- package/dist/esm/BaseRadio/icons.js +0 -17
- package/dist/esm/BaseRadio/icons.js.map +0 -1
package/dist/types/index.d.ts
CHANGED
|
@@ -534,9 +534,9 @@ export declare const charCounterClasses: {
|
|
|
534
534
|
export declare const checkBoxClasses: {
|
|
535
535
|
root: string;
|
|
536
536
|
container: string;
|
|
537
|
+
invalidContainer: string;
|
|
537
538
|
disabled: string;
|
|
538
539
|
focusVisible: string;
|
|
539
|
-
invalidContainer: string;
|
|
540
540
|
checkbox: string;
|
|
541
541
|
invalidCheckbox: string;
|
|
542
542
|
label: string;
|
|
@@ -922,7 +922,7 @@ export declare const filterGroupClasses: {
|
|
|
922
922
|
declare type FixComponentProps<T> = T extends any ? T : never;
|
|
923
923
|
|
|
924
924
|
/** React.forwardRef with fixed type declarations */
|
|
925
|
-
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;
|
|
926
926
|
|
|
927
927
|
export declare const focusClasses: {
|
|
928
928
|
root: string;
|
|
@@ -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) =>
|
|
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.
|
|
3452
|
+
children: React.ReactNode;
|
|
3453
3453
|
/**
|
|
3454
3454
|
* Callback executed when the preview is unmounted.
|
|
3455
3455
|
*
|
|
@@ -3622,7 +3622,7 @@ export declare const HvFocus: ({ classes: classesProp, children, configuration,
|
|
|
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) =>
|
|
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) =>
|
|
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
|
|
|
@@ -7812,10 +7812,10 @@ export declare const radioClasses: {
|
|
|
7812
7812
|
container: string;
|
|
7813
7813
|
invalidContainer: string;
|
|
7814
7814
|
disabled: string;
|
|
7815
|
+
focusVisible: string;
|
|
7815
7816
|
radio: string;
|
|
7816
7817
|
invalidRadio: string;
|
|
7817
7818
|
label: string;
|
|
7818
|
-
focusVisible: string;
|
|
7819
7819
|
checked: string;
|
|
7820
7820
|
semantic: string;
|
|
7821
7821
|
};
|
|
@@ -9283,9 +9283,9 @@ declare const useClasses_37: (classesProp?: Partial<Record<"container" | "label"
|
|
|
9283
9283
|
readonly classes: {
|
|
9284
9284
|
root: string;
|
|
9285
9285
|
container: string;
|
|
9286
|
+
invalidContainer: string;
|
|
9286
9287
|
disabled: string;
|
|
9287
9288
|
focusVisible: string;
|
|
9288
|
-
invalidContainer: string;
|
|
9289
9289
|
checkbox: string;
|
|
9290
9290
|
invalidCheckbox: string;
|
|
9291
9291
|
label: string;
|
|
@@ -9714,7 +9714,7 @@ declare const useClasses_6: (classesProp?: Partial<Record<"root" | "disabled" |
|
|
|
9714
9714
|
readonly cx: (...args: any) => string;
|
|
9715
9715
|
};
|
|
9716
9716
|
|
|
9717
|
-
declare const useClasses_60: (classesProp?: Partial<Record<"listContainer" | "
|
|
9717
|
+
declare const useClasses_60: (classesProp?: Partial<Record<"listContainer" | "virtualized" | "selectAll" | "dropdownListContainer" | "rootList" | "searchContainer" | "listBorderDown", string>>, addStatic?: boolean) => {
|
|
9718
9718
|
readonly classes: {
|
|
9719
9719
|
rootList: string;
|
|
9720
9720
|
dropdownListContainer: string;
|
|
@@ -9722,8 +9722,6 @@ declare const useClasses_60: (classesProp?: Partial<Record<"listContainer" | "se
|
|
|
9722
9722
|
searchContainer: string;
|
|
9723
9723
|
listBorderDown: string;
|
|
9724
9724
|
listContainer: string;
|
|
9725
|
-
selectAllContainer: string;
|
|
9726
|
-
selection: string;
|
|
9727
9725
|
selectAll: string;
|
|
9728
9726
|
};
|
|
9729
9727
|
readonly css: any;
|
|
@@ -10302,10 +10300,10 @@ declare const useClasses_98: (classesProp?: Partial<Record<"container" | "label"
|
|
|
10302
10300
|
container: string;
|
|
10303
10301
|
invalidContainer: string;
|
|
10304
10302
|
disabled: string;
|
|
10303
|
+
focusVisible: string;
|
|
10305
10304
|
radio: string;
|
|
10306
10305
|
invalidRadio: string;
|
|
10307
10306
|
label: string;
|
|
10308
|
-
focusVisible: string;
|
|
10309
10307
|
checked: string;
|
|
10310
10308
|
semantic: string;
|
|
10311
10309
|
};
|
|
@@ -10326,7 +10324,7 @@ declare const useClasses_99: (classesProp?: Partial<Record<"text" | "root" | "se
|
|
|
10326
10324
|
readonly cx: (...args: any) => string;
|
|
10327
10325
|
};
|
|
10328
10326
|
|
|
10329
|
-
export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: React.RefObject<T>, handler: (event: HvClickOutsideEvent) => void) => void;
|
|
10327
|
+
export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: React.RefObject<T | null>, handler: (event: HvClickOutsideEvent) => void) => void;
|
|
10330
10328
|
|
|
10331
10329
|
export declare const useComputation: (valueFn: Function, valueFallback?: Function) => (Function | undefined)[];
|
|
10332
10330
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hitachivantara/uikit-react-core",
|
|
3
|
-
"version": "5.91.
|
|
3
|
+
"version": "5.91.3",
|
|
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.
|
|
29
|
-
"react": "
|
|
30
|
-
"react-dom": "
|
|
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.
|
|
36
|
-
"@hitachivantara/uikit-react-shared": "^5.3.
|
|
37
|
-
"@hitachivantara/uikit-react-utils": "^0.2.
|
|
38
|
-
"@hitachivantara/uikit-styles": "^5.44.
|
|
35
|
+
"@hitachivantara/uikit-react-icons": "^5.14.5",
|
|
36
|
+
"@hitachivantara/uikit-react-shared": "^5.3.30",
|
|
37
|
+
"@hitachivantara/uikit-react-utils": "^0.2.31",
|
|
38
|
+
"@hitachivantara/uikit-styles": "^5.44.3",
|
|
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": "
|
|
65
|
+
"gitHead": "8fe6f1ab1d003c73d76a30c860b929eb30d3b027",
|
|
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,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;"}
|