@hitachivantara/uikit-react-core 5.87.3 → 5.88.0
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/ActionsGeneric/ActionsGeneric.cjs +1 -1
- package/dist/cjs/Banner/BannerContent/BannerContent.cjs +1 -1
- package/dist/cjs/BaseInput/BaseInput.styles.cjs +1 -1
- package/dist/cjs/BaseInput/validations.cjs +2 -1
- package/dist/cjs/ColorPicker/ColorPicker.cjs +1 -1
- package/dist/cjs/DatePicker/DatePicker.cjs +12 -12
- package/dist/cjs/FilterGroup/FilterContent/FilterContent.cjs +1 -1
- package/dist/cjs/FormElement/Adornment/Adornment.cjs +15 -36
- package/dist/cjs/FormElement/Adornment/Adornment.styles.cjs +11 -17
- package/dist/cjs/Input/Input.cjs +29 -51
- package/dist/cjs/Input/Input.styles.cjs +1 -0
- package/dist/cjs/List/List.cjs +1 -1
- package/dist/cjs/Pagination/Pagination.styles.cjs +2 -2
- package/dist/cjs/Pagination/Select.cjs +1 -1
- package/dist/cjs/Table/TableBody/TableBody.cjs +16 -17
- package/dist/cjs/TableSection/TableSection.styles.cjs +10 -10
- package/dist/cjs/Tag/Tag.cjs +1 -1
- package/dist/cjs/TagsInput/TagsInput.cjs +103 -169
- package/dist/cjs/TagsInput/TagsInput.styles.cjs +44 -105
- package/dist/cjs/TextArea/TextArea.cjs +1 -3
- package/dist/cjs/TimePicker/TimePicker.cjs +5 -4
- package/dist/cjs/hooks/useFocus.cjs +38 -0
- package/dist/cjs/utils/focusUtils.cjs +0 -4
- package/dist/esm/ActionsGeneric/ActionsGeneric.js +1 -1
- package/dist/esm/AvatarGroup/AvatarGroupContext.js +1 -1
- package/dist/esm/Banner/BannerContent/BannerContent.js +1 -1
- package/dist/esm/BaseCheckBox/BaseCheckBox.js +1 -1
- package/dist/esm/BaseDropdown/BaseDropdown.js +3 -3
- package/dist/esm/BaseInput/BaseInput.js.map +1 -1
- package/dist/esm/BaseInput/BaseInput.styles.js +1 -1
- package/dist/esm/BaseInput/BaseInput.styles.js.map +1 -1
- package/dist/esm/BaseInput/validations.js +2 -1
- package/dist/esm/BaseInput/validations.js.map +1 -1
- package/dist/esm/BaseRadio/BaseRadio.js +1 -1
- package/dist/esm/Button/Button.js +1 -1
- package/dist/esm/Calendar/CalendarHeader/CalendarHeader.js +1 -1
- package/dist/esm/CheckBoxGroup/CheckBoxGroup.js.map +1 -1
- package/dist/esm/ColorPicker/ColorPicker.js +1 -1
- package/dist/esm/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/esm/ColorPicker/Fields/Fields.js.map +1 -1
- package/dist/esm/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/DatePicker/utils.js +1 -1
- package/dist/esm/Dialog/context.js +1 -1
- package/dist/esm/DotPagination/DotPagination.js +1 -1
- package/dist/esm/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/DropdownButton/DropdownButton.js.map +1 -1
- package/dist/esm/FilterGroup/FilterContent/FilterContent.js +1 -1
- package/dist/esm/FilterGroup/FilterContent/FilterContent.js.map +1 -1
- package/dist/esm/FilterGroup/FilterGroupContext.js +1 -1
- package/dist/esm/Focus/Focus.js +1 -1
- package/dist/esm/FormElement/Adornment/Adornment.js +15 -36
- package/dist/esm/FormElement/Adornment/Adornment.js.map +1 -1
- package/dist/esm/FormElement/Adornment/Adornment.styles.js +11 -17
- package/dist/esm/FormElement/Adornment/Adornment.styles.js.map +1 -1
- package/dist/esm/Header/Navigation/useSelectionPath.js.map +1 -1
- package/dist/esm/Input/Input.js +30 -52
- package/dist/esm/Input/Input.js.map +1 -1
- package/dist/esm/Input/Input.styles.js +1 -0
- package/dist/esm/Input/Input.styles.js.map +1 -1
- package/dist/esm/List/List.js +1 -1
- package/dist/esm/Pagination/Pagination.styles.js +5 -5
- package/dist/esm/Pagination/Select.js +1 -1
- package/dist/esm/QueryBuilder/Context.js +1 -1
- package/dist/esm/QueryBuilder/QueryBuilder.js +1 -1
- package/dist/esm/QueryBuilder/utils/index.js +1 -1
- package/dist/esm/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/esm/SelectionList/SelectionList.js.map +1 -1
- package/dist/esm/Slider/Slider.js +1 -1
- package/dist/esm/Slider/Slider.js.map +1 -1
- package/dist/esm/SnackbarProvider/SnackbarProvider.js +2 -2
- package/dist/esm/Table/TableBody/TableBody.js +16 -17
- package/dist/esm/Table/TableBody/TableBody.js.map +1 -1
- package/dist/esm/TableSection/TableSection.styles.js +24 -24
- package/dist/esm/Tag/Tag.js +1 -1
- package/dist/esm/Tag/Tag.js.map +1 -1
- package/dist/esm/TagsInput/TagsInput.js +103 -169
- package/dist/esm/TagsInput/TagsInput.js.map +1 -1
- package/dist/esm/TagsInput/TagsInput.styles.js +44 -105
- package/dist/esm/TagsInput/TagsInput.styles.js.map +1 -1
- package/dist/esm/TextArea/TextArea.js +1 -3
- package/dist/esm/TextArea/TextArea.js.map +1 -1
- package/dist/esm/TimePicker/TimePicker.js +1 -0
- package/dist/esm/TimePicker/TimePicker.js.map +1 -1
- package/dist/esm/TreeView/internals/TreeViewProvider.js +1 -1
- package/dist/esm/TreeView/internals/hooks/plugins/useTreeViewKeyboardNavigation.js +1 -1
- package/dist/esm/VerticalNavigation/NavigationSlider/NavigationSlider.js.map +1 -1
- package/dist/esm/hooks/useFocus.js +38 -0
- package/dist/esm/hooks/useFocus.js.map +1 -0
- package/dist/esm/hooks/useScrollTo.js.map +1 -1
- package/dist/esm/utils/document.js.map +1 -1
- package/dist/esm/utils/focusUtils.js +0 -4
- package/dist/esm/utils/focusUtils.js.map +1 -1
- package/dist/types/index.d.ts +189 -248
- package/package.json +8 -8
package/dist/types/index.d.ts
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
|
|
3
1
|
import { ActionType } from 'react-table';
|
|
4
2
|
import { AvatarProps } from '@mui/material/Avatar';
|
|
5
3
|
import { Breakpoint as Breakpoint_2 } from '@mui/material/styles';
|
|
@@ -15,7 +13,6 @@ import { ComponentProps } from 'react';
|
|
|
15
13
|
import { ContainerProps } from '@mui/material/Container';
|
|
16
14
|
import { Context } from 'react';
|
|
17
15
|
import { createClasses } from '@hitachivantara/uikit-react-utils';
|
|
18
|
-
import { CSSProperties } from 'react';
|
|
19
16
|
import { default as default_2 } from 'embla-carousel-react';
|
|
20
17
|
import { defaultCacheKey } from '@hitachivantara/uikit-react-shared';
|
|
21
18
|
import { defaultEmotionCache } from '@hitachivantara/uikit-react-shared';
|
|
@@ -27,7 +24,6 @@ import { DividerProps } from '@mui/material/Divider';
|
|
|
27
24
|
import { DrawerProps } from '@mui/material/Drawer';
|
|
28
25
|
import { ds3 } from '@hitachivantara/uikit-styles';
|
|
29
26
|
import { ds5 } from '@hitachivantara/uikit-styles';
|
|
30
|
-
import { ElementType } from 'react';
|
|
31
27
|
import { EmotionCache } from '@emotion/cache';
|
|
32
28
|
import { EmotionContext } from '@hitachivantara/uikit-react-shared';
|
|
33
29
|
import { ExtractNames } from '@hitachivantara/uikit-react-utils';
|
|
@@ -60,9 +56,7 @@ import { HvThemeStructure } from '@hitachivantara/uikit-styles';
|
|
|
60
56
|
import { IconBaseProps } from '@hitachivantara/uikit-react-icons';
|
|
61
57
|
import { IdType as IdType_2 } from 'react-table';
|
|
62
58
|
import { InputBaseProps } from '@mui/material/InputBase';
|
|
63
|
-
import { JSX as JSX_2 } from 'react';
|
|
64
|
-
import { JSX as JSX_3 } from 'react/jsx-runtime';
|
|
65
|
-
import { JSXElementConstructor } from 'react';
|
|
59
|
+
import { JSX as JSX_2 } from 'react/jsx-runtime';
|
|
66
60
|
import { MutableRefObject } from 'react';
|
|
67
61
|
import { OptionGroupProps } from '@mui/base/OptionGroup';
|
|
68
62
|
import { OptionOwnProps } from '@mui/base/Option';
|
|
@@ -74,7 +68,6 @@ import { PropGetter } from 'react-table';
|
|
|
74
68
|
import { PropsWithoutRef } from 'react';
|
|
75
69
|
import { RadioProps } from '@mui/material/Radio';
|
|
76
70
|
import * as React_2 from 'react';
|
|
77
|
-
import { ReactElement } from 'react';
|
|
78
71
|
import { ReactNode } from 'react';
|
|
79
72
|
import { ReducerTableState } from 'react-table';
|
|
80
73
|
import { RefAttributes } from 'react';
|
|
@@ -154,6 +147,11 @@ import { UseSortByOptions } from 'react-table';
|
|
|
154
147
|
import { UseSortByState } from 'react-table';
|
|
155
148
|
import { UseTableHeaderGroupProps } from 'react-table';
|
|
156
149
|
import { useTheme } from '@hitachivantara/uikit-react-utils';
|
|
150
|
+
import { UseTreeViewExpansionInstance } from '../internals/hooks/plugins/useTreeViewExpansion';
|
|
151
|
+
import { UseTreeViewFocusInstance } from '../internals/hooks/plugins/useTreeViewFocus';
|
|
152
|
+
import { UseTreeViewKeyboardNavigationInstance } from '../internals/hooks/plugins/useTreeViewKeyboardNavigation';
|
|
153
|
+
import { UseTreeViewNodesInstance } from '../internals/hooks/plugins/useTreeViewNodes';
|
|
154
|
+
import { UseTreeViewSelectionInstance } from '../internals/hooks/plugins/useTreeViewSelection';
|
|
157
155
|
|
|
158
156
|
declare type Accessor<D extends object> = (originalRow: D, index: number, sub: {
|
|
159
157
|
subRows: D[];
|
|
@@ -522,7 +520,7 @@ export declare const carouselClasses: {
|
|
|
522
520
|
|
|
523
521
|
declare type CellValue<V = any> = V;
|
|
524
522
|
|
|
525
|
-
export declare const CellWithExpandButton: ({ row, cell, labels: labelsProp, }: HvCellProps<any>) =>
|
|
523
|
+
export declare const CellWithExpandButton: ({ row, cell, labels: labelsProp, }: HvCellProps<any>) => JSX_2.Element;
|
|
526
524
|
|
|
527
525
|
export declare const charCounterClasses: {
|
|
528
526
|
root: string;
|
|
@@ -976,8 +974,8 @@ export declare const getPrevNextFocus: (nodeId?: string) => {
|
|
|
976
974
|
};
|
|
977
975
|
|
|
978
976
|
export declare const getSelectorIcons: () => {
|
|
979
|
-
radio:
|
|
980
|
-
radioChecked:
|
|
977
|
+
radio: JSX_2.Element;
|
|
978
|
+
radioChecked: JSX_2.Element;
|
|
981
979
|
};
|
|
982
980
|
|
|
983
981
|
export declare const getVarValue: (cssVar: string, rootElementId?: string) => string | undefined;
|
|
@@ -1169,12 +1167,9 @@ export declare interface HvActionsGenericProps extends HvBaseProps {
|
|
|
1169
1167
|
* Allows to add a decorative icon or an action to a form element, usually on the right side of an input.
|
|
1170
1168
|
* E.g., the reveal password button.
|
|
1171
1169
|
*
|
|
1172
|
-
*
|
|
1173
|
-
*
|
|
1174
|
-
*
|
|
1175
|
-
*
|
|
1176
|
-
* As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,
|
|
1177
|
-
* or by using a regular icon button or toggle button instead.
|
|
1170
|
+
* This component disables keyboard navigation by default, ensuring that it doesn't steal focus from the input.
|
|
1171
|
+
* As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean.
|
|
1172
|
+
* This behavior can be overridden by providing an a `tabIndex={0}`.
|
|
1178
1173
|
*/
|
|
1179
1174
|
export declare const HvAdornment: ForwardRefExoticComponent<HvAdornmentProps & RefAttributes<HTMLButtonElement | HTMLDivElement>>;
|
|
1180
1175
|
|
|
@@ -1183,7 +1178,7 @@ export declare type HvAdornmentClasses = ExtractNames<typeof useClasses_7>;
|
|
|
1183
1178
|
export declare interface HvAdornmentProps extends HvBaseProps<HTMLDivElement | HTMLButtonElement, "onMouseDown" | "onKeyDown"> {
|
|
1184
1179
|
/** The icon to be added into the input. */
|
|
1185
1180
|
icon: React.ReactNode;
|
|
1186
|
-
/**
|
|
1181
|
+
/** Controls the visibility of the adornment based on the form element's status. `isVisible` overrides this behavior. */
|
|
1187
1182
|
showWhen?: HvFormStatus;
|
|
1188
1183
|
/** Function to be executed when this element is clicked. */
|
|
1189
1184
|
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
@@ -1195,7 +1190,7 @@ export declare interface HvAdornmentProps extends HvBaseProps<HTMLDivElement | H
|
|
|
1195
1190
|
|
|
1196
1191
|
export declare const HvAppSwitcher: ForwardRefExoticComponent<HvAppSwitcherProps & RefAttributes<HTMLDivElement>>;
|
|
1197
1192
|
|
|
1198
|
-
export declare const HvAppSwitcherAction: ({ id, className, classes: classesProp, application, onClickCallback, isSelectedCallback, }: HvAppSwitcherActionProps) =>
|
|
1193
|
+
export declare const HvAppSwitcherAction: ({ id, className, classes: classesProp, application, onClickCallback, isSelectedCallback, }: HvAppSwitcherActionProps) => JSX_2.Element;
|
|
1199
1194
|
|
|
1200
1195
|
export declare interface HvAppSwitcherActionApplication {
|
|
1201
1196
|
/** Id of the application. */
|
|
@@ -1678,8 +1673,12 @@ export declare interface HvBaseInputProps extends Omit<InputBaseProps, "onChange
|
|
|
1678
1673
|
readOnly?: boolean;
|
|
1679
1674
|
/** If true, the input element will be required. */
|
|
1680
1675
|
required?: boolean;
|
|
1681
|
-
/**
|
|
1682
|
-
*
|
|
1676
|
+
/**
|
|
1677
|
+
* Callback fired when the value is changed.
|
|
1678
|
+
*
|
|
1679
|
+
* You can pull out the new value by accessing `event.target.value` (string),
|
|
1680
|
+
* or using the second callback argument.
|
|
1681
|
+
*/
|
|
1683
1682
|
onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, value: string) => void;
|
|
1684
1683
|
/** If true, a textarea element will be rendered. */
|
|
1685
1684
|
multiline?: boolean;
|
|
@@ -1862,16 +1861,16 @@ export { HvBaseTheme }
|
|
|
1862
1861
|
* It can also be used to create a layout using the flexbox properties.
|
|
1863
1862
|
* @deprecated use native elements instead (e.g. `div`)
|
|
1864
1863
|
*/
|
|
1865
|
-
export declare const HvBox: <C extends ElementType
|
|
1866
|
-
style?: CSSProperties
|
|
1867
|
-
sx?: CSSProperties | ((theme: HvTheme_2) => React.CSSProperties)
|
|
1864
|
+
export declare const HvBox: <C extends React.ElementType = "div">(props: {
|
|
1865
|
+
style?: React.CSSProperties;
|
|
1866
|
+
sx?: React.CSSProperties | ((theme: HvTheme_2) => React.CSSProperties);
|
|
1868
1867
|
} & {
|
|
1869
1868
|
component?: C | undefined;
|
|
1870
1869
|
} & {
|
|
1871
|
-
children?: ReactNode;
|
|
1870
|
+
children?: ReactNode | undefined;
|
|
1872
1871
|
} & (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) & {
|
|
1873
1872
|
ref?: PolymorphicRef<C> | undefined;
|
|
1874
|
-
} & RefAttributes<unknown>) => ReactElement
|
|
1873
|
+
} & RefAttributes<unknown>) => React.ReactElement | null;
|
|
1875
1874
|
|
|
1876
1875
|
export declare type HvBoxProps<C extends React.ElementType = "div"> = PolymorphicComponentRef<C, {
|
|
1877
1876
|
style?: React.CSSProperties;
|
|
@@ -1961,27 +1960,27 @@ export declare interface HvBulkActionsProps extends HvBaseProps {
|
|
|
1961
1960
|
/**
|
|
1962
1961
|
* Button component is used to trigger an action or event.
|
|
1963
1962
|
*/
|
|
1964
|
-
export declare const HvButton: <C extends ElementType
|
|
1963
|
+
export declare const HvButton: <C extends React.ElementType = "button">(props: {
|
|
1965
1964
|
/** Use the variant prop to change the visual style of the button. */
|
|
1966
|
-
variant?: HvButtonVariant
|
|
1965
|
+
variant?: HvButtonVariant;
|
|
1967
1966
|
/** Whether the button is an icon-only button. */
|
|
1968
|
-
icon?: boolean
|
|
1967
|
+
icon?: boolean;
|
|
1969
1968
|
/** Whether the button is disabled or not. */
|
|
1970
|
-
disabled?: boolean
|
|
1969
|
+
disabled?: boolean;
|
|
1971
1970
|
/** Class names to be applied. */
|
|
1972
|
-
className?: string
|
|
1971
|
+
className?: string;
|
|
1973
1972
|
/** Element placed before the children. */
|
|
1974
1973
|
startIcon?: React.ReactNode;
|
|
1975
1974
|
/** Element placed after the children. */
|
|
1976
1975
|
endIcon?: React.ReactNode;
|
|
1977
1976
|
/** Color of the button. */
|
|
1978
|
-
color?: HvColorAny
|
|
1977
|
+
color?: HvColorAny;
|
|
1979
1978
|
/** Button size. */
|
|
1980
|
-
size?:
|
|
1979
|
+
size?: HvSize;
|
|
1981
1980
|
/** Button border radius. */
|
|
1982
|
-
radius?:
|
|
1981
|
+
radius?: HvRadius;
|
|
1983
1982
|
/** Defines the default colors of the button are forced into the icon. */
|
|
1984
|
-
overrideIconColors?: boolean
|
|
1983
|
+
overrideIconColors?: boolean;
|
|
1985
1984
|
/** A Jss Object used to override or extend the styles applied. */
|
|
1986
1985
|
classes?: Partial<{
|
|
1987
1986
|
root: string;
|
|
@@ -2000,49 +1999,49 @@ export declare const HvButton: <C extends ElementType<any, keyof JSX_2.Intrinsic
|
|
|
2000
1999
|
secondarySubtle: string;
|
|
2001
2000
|
secondaryGhost: string;
|
|
2002
2001
|
secondary: string;
|
|
2003
|
-
}
|
|
2002
|
+
}>;
|
|
2004
2003
|
/** Whether the button is selected or not. */
|
|
2005
|
-
selected?: boolean
|
|
2004
|
+
selected?: boolean;
|
|
2006
2005
|
/**
|
|
2007
2006
|
* Whether the button is focusable when disabled.
|
|
2008
2007
|
* Without this property, the accessibility of the button decreases when disabled since it's not read by screen readers.
|
|
2009
2008
|
* Set this property to `true` when you need the button to still be focusable when disabled for accessibility purposes.
|
|
2010
2009
|
*/
|
|
2011
|
-
focusableWhenDisabled?: boolean
|
|
2010
|
+
focusableWhenDisabled?: boolean;
|
|
2012
2011
|
} & {
|
|
2013
2012
|
component?: C | undefined;
|
|
2014
2013
|
} & {
|
|
2015
|
-
children?: ReactNode;
|
|
2014
|
+
children?: ReactNode | undefined;
|
|
2016
2015
|
} & (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) & {
|
|
2017
|
-
ref?: PolymorphicRef<C> | undefined;
|
|
2018
|
-
} & RefAttributes<unknown>) => ReactElement
|
|
2016
|
+
ref?: PolymorphicRef<C> | undefined;
|
|
2017
|
+
} & RefAttributes<unknown>) => React.ReactElement | null;
|
|
2019
2018
|
|
|
2020
2019
|
/**
|
|
2021
2020
|
* Button component is used to trigger an action or event.
|
|
2022
2021
|
*/
|
|
2023
|
-
export declare const HvButtonBase: <C extends ElementType
|
|
2022
|
+
export declare const HvButtonBase: <C extends React.ElementType = "button">(props: {
|
|
2024
2023
|
/** A Jss Object used to override or extend the styles applied. */
|
|
2025
2024
|
classes?: Partial<{
|
|
2026
2025
|
root: string;
|
|
2027
2026
|
disabled: string;
|
|
2028
|
-
}
|
|
2027
|
+
}>;
|
|
2029
2028
|
/** Whether the button is selected or not. */
|
|
2030
|
-
selected?: boolean
|
|
2029
|
+
selected?: boolean;
|
|
2031
2030
|
/** Whether the button is disabled or not. */
|
|
2032
|
-
disabled?: boolean
|
|
2031
|
+
disabled?: boolean;
|
|
2033
2032
|
/**
|
|
2034
2033
|
* Whether the button is focusable when disabled.
|
|
2035
2034
|
* Without this property, the accessibility of the button decreases when disabled since it's not read by screen readers.
|
|
2036
2035
|
* Set this property to `true` when you need the button to still be focusable when disabled for accessibility purposes.
|
|
2037
2036
|
*/
|
|
2038
|
-
focusableWhenDisabled?: boolean
|
|
2037
|
+
focusableWhenDisabled?: boolean;
|
|
2039
2038
|
} & {
|
|
2040
2039
|
component?: C | undefined;
|
|
2041
2040
|
} & {
|
|
2042
|
-
children?: ReactNode;
|
|
2041
|
+
children?: ReactNode | undefined;
|
|
2043
2042
|
} & (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) & {
|
|
2044
2043
|
ref?: PolymorphicRef<C> | undefined;
|
|
2045
|
-
} & RefAttributes<unknown>) => ReactElement
|
|
2044
|
+
} & RefAttributes<unknown>) => React.ReactElement | null;
|
|
2046
2045
|
|
|
2047
2046
|
export declare type HvButtonBaseClasses = ExtractNames<typeof useClasses_2>;
|
|
2048
2047
|
|
|
@@ -2104,12 +2103,12 @@ export declare type HvButtonSize = HvSize;
|
|
|
2104
2103
|
|
|
2105
2104
|
export declare type HvButtonVariant = "contained" | "subtle" | "ghost" | `primary${TypeSuffix}` | `secondary${TypeSuffix}` | `positive${TypeSuffix}` | `negative${TypeSuffix}` | `warning${TypeSuffix}` | "semantic";
|
|
2106
2105
|
|
|
2107
|
-
export declare const HvCalendar: (props: HvCalendarProps) =>
|
|
2106
|
+
export declare const HvCalendar: (props: HvCalendarProps) => JSX_2.Element;
|
|
2108
2107
|
|
|
2109
2108
|
export declare type HvCalendarClasses = ExtractNames<typeof useClasses_37>;
|
|
2110
2109
|
|
|
2111
2110
|
export declare const HvCalendarHeader: {
|
|
2112
|
-
(props: HvCalendarHeaderProps):
|
|
2111
|
+
(props: HvCalendarHeaderProps): JSX_2.Element;
|
|
2113
2112
|
formElementType: string;
|
|
2114
2113
|
};
|
|
2115
2114
|
|
|
@@ -2202,7 +2201,7 @@ export declare const HvCard: ForwardRefExoticComponent<HvCardProps & RefAttribut
|
|
|
2202
2201
|
|
|
2203
2202
|
export declare type HvCardClasses = ExtractNames<typeof useClasses_40>;
|
|
2204
2203
|
|
|
2205
|
-
export declare const HvCardContent: (props: HvCardContentProps) =>
|
|
2204
|
+
export declare const HvCardContent: (props: HvCardContentProps) => JSX_2.Element;
|
|
2206
2205
|
|
|
2207
2206
|
export declare type HvCardContentClasses = ExtractNames<typeof useClasses_42>;
|
|
2208
2207
|
|
|
@@ -2213,7 +2212,7 @@ export declare interface HvCardContentProps extends Omit<CardContentProps, "clas
|
|
|
2213
2212
|
classes?: HvCardContentClasses;
|
|
2214
2213
|
}
|
|
2215
2214
|
|
|
2216
|
-
export declare const HvCardHeader: (props: HvCardHeaderProps) =>
|
|
2215
|
+
export declare const HvCardHeader: (props: HvCardHeaderProps) => JSX_2.Element;
|
|
2217
2216
|
|
|
2218
2217
|
export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_41>;
|
|
2219
2218
|
|
|
@@ -2230,7 +2229,7 @@ export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classe
|
|
|
2230
2229
|
classes?: HvCardHeaderClasses;
|
|
2231
2230
|
}
|
|
2232
2231
|
|
|
2233
|
-
export declare const HvCardMedia: ({ classes: classesProp, className, children, ...others }: HvCardMediaProps) =>
|
|
2232
|
+
export declare const HvCardMedia: ({ classes: classesProp, className, children, ...others }: HvCardMediaProps) => JSX_2.Element;
|
|
2234
2233
|
|
|
2235
2234
|
export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_43>;
|
|
2236
2235
|
|
|
@@ -2273,7 +2272,7 @@ export declare const HvCarousel: ForwardRefExoticComponent<HvCarouselProps & Ref
|
|
|
2273
2272
|
|
|
2274
2273
|
export declare type HvCarouselClasses = ExtractNames<typeof useClasses_44>;
|
|
2275
2274
|
|
|
2276
|
-
export declare const HvCarouselControls: (props: HvCarouselControlsProps) =>
|
|
2275
|
+
export declare const HvCarouselControls: (props: HvCarouselControlsProps) => JSX_2.Element;
|
|
2277
2276
|
|
|
2278
2277
|
declare interface HvCarouselControlsProps extends HvBaseProps<HTMLDivElement>, Pick<HvPaginationProps, "page" | "pages" | "canPrevious" | "canNext"> {
|
|
2279
2278
|
showDots?: boolean;
|
|
@@ -2330,7 +2329,7 @@ export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "ti
|
|
|
2330
2329
|
* A container to use as `children` of `HvCarousel`.
|
|
2331
2330
|
* Pass `img` props directly to it, or `children` for any custom content
|
|
2332
2331
|
*/
|
|
2333
|
-
export declare const HvCarouselSlide: ({ classes: classesProp, className, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) =>
|
|
2332
|
+
export declare const HvCarouselSlide: ({ classes: classesProp, className, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) => JSX_2.Element;
|
|
2334
2333
|
|
|
2335
2334
|
export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_45>;
|
|
2336
2335
|
|
|
@@ -2381,7 +2380,7 @@ export declare interface HvCellProps<D extends object = Record<string, unknown>,
|
|
|
2381
2380
|
* Use the character counter when there is a character or word limit.
|
|
2382
2381
|
* By itself it doesn't block the user from going above the limit.
|
|
2383
2382
|
*/
|
|
2384
|
-
export declare const HvCharCounter: (props: HvCharCounterProps) =>
|
|
2383
|
+
export declare const HvCharCounter: (props: HvCharCounterProps) => JSX_2.Element;
|
|
2385
2384
|
|
|
2386
2385
|
export declare type HvCharCounterClasses = ExtractNames<typeof useClasses_6>;
|
|
2387
2386
|
|
|
@@ -2694,7 +2693,7 @@ export declare interface HvContainerProps extends Omit<ContainerProps, "classes"
|
|
|
2694
2693
|
classes?: HvContainerClasses;
|
|
2695
2694
|
}
|
|
2696
2695
|
|
|
2697
|
-
export declare const HvControls: (props: HvControlsProps) =>
|
|
2696
|
+
export declare const HvControls: (props: HvControlsProps) => JSX_2.Element;
|
|
2698
2697
|
|
|
2699
2698
|
export declare type HvControlsClasses = ExtractNames<typeof useClasses_51>;
|
|
2700
2699
|
|
|
@@ -2868,11 +2867,11 @@ export declare type HvDatePickerStatus = HvFormStatus;
|
|
|
2868
2867
|
/**
|
|
2869
2868
|
* A Dialog is a graphical control element in the form of a small panel that communicates information and prompts for a response.
|
|
2870
2869
|
*/
|
|
2871
|
-
export declare const HvDialog: (props: HvDialogProps) =>
|
|
2870
|
+
export declare const HvDialog: (props: HvDialogProps) => JSX_2.Element;
|
|
2872
2871
|
|
|
2873
2872
|
export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_63>;
|
|
2874
2873
|
|
|
2875
|
-
export declare const HvDialogActions: (props: HvDialogActionsProps) =>
|
|
2874
|
+
export declare const HvDialogActions: (props: HvDialogActionsProps) => JSX_2.Element;
|
|
2876
2875
|
|
|
2877
2876
|
export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "classes"> {
|
|
2878
2877
|
/** Set the dialog to fullscreen mode. @deprecated set `fullscreen` in `HvDialog` */
|
|
@@ -2883,7 +2882,7 @@ export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "
|
|
|
2883
2882
|
|
|
2884
2883
|
export declare type HvDialogClasses = ExtractNames<typeof useClasses_64>;
|
|
2885
2884
|
|
|
2886
|
-
export declare const HvDialogContent: (props: HvDialogContentProps) =>
|
|
2885
|
+
export declare const HvDialogContent: (props: HvDialogContentProps) => JSX_2.Element;
|
|
2887
2886
|
|
|
2888
2887
|
export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_62>;
|
|
2889
2888
|
|
|
@@ -2927,7 +2926,7 @@ export declare interface HvDialogProps extends Omit<DialogProps, "fullScreen" |
|
|
|
2927
2926
|
component?: DialogProps["component"];
|
|
2928
2927
|
}
|
|
2929
2928
|
|
|
2930
|
-
export declare const HvDialogTitle: (props: HvDialogTitleProps) =>
|
|
2929
|
+
export declare const HvDialogTitle: (props: HvDialogTitleProps) => JSX_2.Element;
|
|
2931
2930
|
|
|
2932
2931
|
export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_61>;
|
|
2933
2932
|
|
|
@@ -2948,7 +2947,7 @@ export declare type HvDialogTitleVariant = "success" | "warning" | "error" | "in
|
|
|
2948
2947
|
* Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.
|
|
2949
2948
|
* This component uses Radio Buttons to represent each page.
|
|
2950
2949
|
*/
|
|
2951
|
-
export declare const HvDotPagination: (props: HvDotPaginationProps) =>
|
|
2950
|
+
export declare const HvDotPagination: (props: HvDotPaginationProps) => JSX_2.Element;
|
|
2952
2951
|
|
|
2953
2952
|
export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_65>;
|
|
2954
2953
|
|
|
@@ -3049,13 +3048,13 @@ export declare interface HvDrawerProps extends Omit<DrawerProps, "classes"> {
|
|
|
3049
3048
|
/**
|
|
3050
3049
|
* A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.
|
|
3051
3050
|
*/
|
|
3052
|
-
export declare const HvDropdown: <Multiple extends boolean = false, OptionValue extends HvListValue = HvListValue>(props: HvDropdownProps<Multiple, OptionValue> & RefAttributes<HTMLDivElement>) => ReactElement
|
|
3051
|
+
export declare const HvDropdown: <Multiple extends boolean = false, OptionValue extends HvListValue = HvListValue>(props: HvDropdownProps<Multiple, OptionValue> & RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
3053
3052
|
|
|
3054
3053
|
export declare type HvDropdownClasses = ExtractNames<typeof useClasses_58>;
|
|
3055
3054
|
|
|
3056
3055
|
export declare function hvDropdownColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, id: string | undefined, placeholder: string, disabledPlaceholder: string, onChange?: (identifier: string, value: HvListValue) => void, dropdownProps?: HvDropdownProps<false>): HvTableColumnConfig<D, H>;
|
|
3057
3056
|
|
|
3058
|
-
export declare const HvDropdownColumnCell: ({ dropdownProps, ...others }: HvDropdownColumnCellProp) =>
|
|
3057
|
+
export declare const HvDropdownColumnCell: ({ dropdownProps, ...others }: HvDropdownColumnCellProp) => JSX_2.Element;
|
|
3059
3058
|
|
|
3060
3059
|
export declare interface HvDropdownColumnCellProp extends HvDropdownProps<false> {
|
|
3061
3060
|
/** Extra props to be passed onto the dropdown. @deprecated pass props directly */
|
|
@@ -3373,7 +3372,7 @@ export { HvExtraDeepProps }
|
|
|
3373
3372
|
|
|
3374
3373
|
export { HvExtraProps }
|
|
3375
3374
|
|
|
3376
|
-
export declare const HvFile: (props: HvFileProps) =>
|
|
3375
|
+
export declare const HvFile: (props: HvFileProps) => JSX_2.Element;
|
|
3377
3376
|
|
|
3378
3377
|
export declare type HvFileClasses = ExtractNames<typeof useClasses_70>;
|
|
3379
3378
|
|
|
@@ -3441,7 +3440,7 @@ export declare type HvFilesAddedEvent = (files: HvFileData[]) => void;
|
|
|
3441
3440
|
*
|
|
3442
3441
|
* Accepted file types follow the format of the html [input accept attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file).
|
|
3443
3442
|
*/
|
|
3444
|
-
export declare const HvFileUploader: (props: HvFileUploaderProps) =>
|
|
3443
|
+
export declare const HvFileUploader: (props: HvFileUploaderProps) => JSX_2.Element;
|
|
3445
3444
|
|
|
3446
3445
|
export declare type HvFileUploaderClasses = ExtractNames<typeof useClasses_71>;
|
|
3447
3446
|
|
|
@@ -3454,7 +3453,7 @@ export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
|
|
|
3454
3453
|
* The `HvFileUploaderPreview` component is available to facilitate the styling
|
|
3455
3454
|
* of the button (when clickable) and the detection of image unloading.
|
|
3456
3455
|
*/
|
|
3457
|
-
export declare const HvFileUploaderPreview: (props: HvFileUploaderPreviewProps) =>
|
|
3456
|
+
export declare const HvFileUploaderPreview: (props: HvFileUploaderPreviewProps) => JSX_2.Element;
|
|
3458
3457
|
|
|
3459
3458
|
export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_69>;
|
|
3460
3459
|
|
|
@@ -3630,7 +3629,7 @@ export declare interface HvFilterGroupProps extends Omit<HvFormElementProps, "cl
|
|
|
3630
3629
|
export declare type HvFilterGroupValue = (string | number)[][];
|
|
3631
3630
|
|
|
3632
3631
|
/** @deprecated internal use only. this component has navigation issues. */
|
|
3633
|
-
export declare const HvFocus: ({ classes: classesProp, children, configuration, disabledClass, selected, disabled, rootRef, focusOnClick, focusDisabled, strategy, useFalseFocus, filterClass, navigationJump, }: HvFocusProps) =>
|
|
3632
|
+
export declare const HvFocus: ({ classes: classesProp, children, configuration, disabledClass, selected, disabled, rootRef, focusOnClick, focusDisabled, strategy, useFalseFocus, filterClass, navigationJump, }: HvFocusProps) => JSX_2.Element;
|
|
3634
3633
|
|
|
3635
3634
|
export declare type HvFocusClasses = ExtractNames<typeof useClasses_3>;
|
|
3636
3635
|
|
|
@@ -3699,7 +3698,7 @@ declare type HvFooterProps_2<D extends object = Record<string, unknown>> = HvTab
|
|
|
3699
3698
|
* It is used internally to build UI Kit's form components (eg. `HvInput`, `HvDatePicker`), and can be used to build custom form components.
|
|
3700
3699
|
*/
|
|
3701
3700
|
export declare const HvFormElement: {
|
|
3702
|
-
(props: HvFormElementProps):
|
|
3701
|
+
(props: HvFormElementProps): JSX_2.Element;
|
|
3703
3702
|
formElementType: string;
|
|
3704
3703
|
};
|
|
3705
3704
|
|
|
@@ -3930,7 +3929,7 @@ declare interface HvHeaderGroup<D extends object = Record<string, unknown>, H ex
|
|
|
3930
3929
|
headers: Array<HvHeaderGroup<D, H>>;
|
|
3931
3930
|
}
|
|
3932
3931
|
|
|
3933
|
-
export declare const HvHeaderMenuBar: (props: HvHeaderMenuBarProps) =>
|
|
3932
|
+
export declare const HvHeaderMenuBar: (props: HvHeaderMenuBarProps) => JSX_2.Element;
|
|
3934
3933
|
|
|
3935
3934
|
declare type HvHeaderMenuBarClasses = ExtractNames<typeof useClasses_81>;
|
|
3936
3935
|
|
|
@@ -3943,7 +3942,7 @@ declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onCl
|
|
|
3943
3942
|
classes?: HvHeaderMenuBarClasses;
|
|
3944
3943
|
}
|
|
3945
3944
|
|
|
3946
|
-
export declare const HvHeaderMenuItem: (props: HvHeaderMenuItemProps) =>
|
|
3945
|
+
export declare const HvHeaderMenuItem: (props: HvHeaderMenuItemProps) => JSX_2.Element;
|
|
3947
3946
|
|
|
3948
3947
|
declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_82>;
|
|
3949
3948
|
|
|
@@ -4024,7 +4023,7 @@ export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useC
|
|
|
4024
4023
|
* As defined by Design System, a tooltip with the button’s label should always be displayed when hovering an icon only button.
|
|
4025
4024
|
* This component provides this behavior out of the box.
|
|
4026
4025
|
*/
|
|
4027
|
-
export declare const HvIconButton: <C extends ElementType
|
|
4026
|
+
export declare const HvIconButton: <C extends React.ElementType = "button">(props: Omit<HvButtonProps<C>, "icon" | "title" | "children" | "ref" | "component" | "focusableWhenDisabled" | "startIcon" | "endIcon"> & {
|
|
4028
4027
|
/** Label to be displayed in the tooltip when hovered. This label will be used as the button's `aria-label`. */
|
|
4029
4028
|
title: React.ReactNode;
|
|
4030
4029
|
/** Number of milliseconds to wait before showing the tooltip. @default 500 */
|
|
@@ -4032,14 +4031,14 @@ export declare const HvIconButton: <C extends ElementType<any, keyof JSX_2.Intri
|
|
|
4032
4031
|
/** Tooltip placement. @default top */
|
|
4033
4032
|
placement?: HvTooltipProps["placement"];
|
|
4034
4033
|
/** Extra tooltip properties. */
|
|
4035
|
-
tooltipProps?: Omit<Partial<HvTooltipProps>, "children"
|
|
4034
|
+
tooltipProps?: Omit<Partial<HvTooltipProps>, "children">;
|
|
4036
4035
|
} & {
|
|
4037
4036
|
component?: C | undefined;
|
|
4038
4037
|
} & {
|
|
4039
|
-
children?: ReactNode;
|
|
4040
|
-
} & (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "
|
|
4038
|
+
children?: ReactNode | undefined;
|
|
4039
|
+
} & (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) & {
|
|
4041
4040
|
ref?: PolymorphicRef<C> | undefined;
|
|
4042
|
-
} & RefAttributes<unknown>) => ReactElement
|
|
4041
|
+
} & RefAttributes<unknown>) => React.ReactElement | null;
|
|
4043
4042
|
|
|
4044
4043
|
export declare type HvIconButtonProps<C extends React.ElementType = "button"> = PolymorphicComponentRef<C, Omit<HvButtonProps<C>, "icon" | "focusableWhenDisabled" | "title" | "startIcon" | "endIcon" | "children" | "ref" | "component"> & {
|
|
4045
4044
|
/** Label to be displayed in the tooltip when hovered. This label will be used as the button's `aria-label`. */
|
|
@@ -4055,7 +4054,7 @@ export declare type HvIconButtonProps<C extends React.ElementType = "button"> =
|
|
|
4055
4054
|
/**
|
|
4056
4055
|
* Provides the user with additional descriptive text for the form element.
|
|
4057
4056
|
*/
|
|
4058
|
-
export declare const HvInfoMessage: (props: HvInfoMessageProps) =>
|
|
4057
|
+
export declare const HvInfoMessage: (props: HvInfoMessageProps) => JSX_2.Element;
|
|
4059
4058
|
|
|
4060
4059
|
export declare type HvInfoMessageClasses = ExtractNames<typeof useClasses_10>;
|
|
4061
4060
|
|
|
@@ -4072,27 +4071,27 @@ export declare interface HvInfoMessageProps extends HvTypographyProps<"label"> {
|
|
|
4072
4071
|
* An Inline Editor allows the user to edit a record without making a major switch
|
|
4073
4072
|
* between viewing and editing, making it an efficient method of updating a record.
|
|
4074
4073
|
*/
|
|
4075
|
-
export declare const HvInlineEditor: <C extends ElementType
|
|
4074
|
+
export declare const HvInlineEditor: <C extends React.ElementType = <InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement>(props: HvInputProps<InputElement> & RefAttributes<InputElement>) => React.ReactElement | null>(props: {
|
|
4076
4075
|
/** The value of the form element. */
|
|
4077
|
-
value?: string
|
|
4076
|
+
value?: string;
|
|
4078
4077
|
/** The default value of the form element. */
|
|
4079
|
-
defaultValue?: string
|
|
4078
|
+
defaultValue?: string;
|
|
4080
4079
|
/** Whether the Edit icon should always be visible */
|
|
4081
|
-
showIcon?: boolean
|
|
4080
|
+
showIcon?: boolean;
|
|
4082
4081
|
/** Variant of the HvTypography to display */
|
|
4083
|
-
variant?:
|
|
4082
|
+
variant?: HvTypographyVariants;
|
|
4084
4083
|
/** Called when the input is blurred. */
|
|
4085
|
-
onBlur?: (
|
|
4084
|
+
onBlur?: (event: React.FocusEvent<HTMLTextAreaElement | HTMLInputElement>, value: string) => void;
|
|
4086
4085
|
/** Called when the input value changes. */
|
|
4087
|
-
onChange?: (
|
|
4086
|
+
onChange?: (event: React.SyntheticEvent, value: string) => void;
|
|
4088
4087
|
/** Called when there's a keydown event on the input. */
|
|
4089
|
-
onKeyDown?: (
|
|
4088
|
+
onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement | HTMLInputElement> | React.MouseEvent, value: string) => void;
|
|
4090
4089
|
/** Props passed to the HvButton component */
|
|
4091
|
-
buttonProps?: HvButtonProps
|
|
4090
|
+
buttonProps?: HvButtonProps;
|
|
4092
4091
|
/** Props passed to the HvTypography text component */
|
|
4093
|
-
typographyProps?: HvTypographyProps
|
|
4092
|
+
typographyProps?: HvTypographyProps;
|
|
4094
4093
|
/** Whether the editor is disabled or not. */
|
|
4095
|
-
disabled?: boolean
|
|
4094
|
+
disabled?: boolean;
|
|
4096
4095
|
/** A Jss Object used to override or extend the styles applied to the empty state component. */
|
|
4097
4096
|
classes?: Partial<{
|
|
4098
4097
|
root: string;
|
|
@@ -4105,16 +4104,16 @@ export declare const HvInlineEditor: <C extends ElementType<any, keyof JSX_2.Int
|
|
|
4105
4104
|
button: string;
|
|
4106
4105
|
icon: string;
|
|
4107
4106
|
iconVisible: string;
|
|
4108
|
-
}
|
|
4107
|
+
}>;
|
|
4109
4108
|
/** The placeholder value of the input. */
|
|
4110
|
-
placeholder?: string
|
|
4109
|
+
placeholder?: string;
|
|
4111
4110
|
} & {
|
|
4112
4111
|
component?: C | undefined;
|
|
4113
4112
|
} & {
|
|
4114
|
-
children?: ReactNode;
|
|
4115
|
-
} & (Omit<PropsWithoutRef<ComponentProps<C>>, "value" | "classes" | "placeholder" | "disabled" | "variant" | "component" | "onBlur" | "onChange" | "onKeyDown" | "defaultValue" | "
|
|
4113
|
+
children?: ReactNode | undefined;
|
|
4114
|
+
} & (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) & {
|
|
4116
4115
|
ref?: PolymorphicRef<C> | undefined;
|
|
4117
|
-
} & RefAttributes<unknown>) => ReactElement
|
|
4116
|
+
} & RefAttributes<unknown>) => React.ReactElement | null;
|
|
4118
4117
|
|
|
4119
4118
|
export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_84>;
|
|
4120
4119
|
|
|
@@ -4148,18 +4147,18 @@ export declare type HvInlineEditorProps<C extends React.ElementType = typeof HvI
|
|
|
4148
4147
|
/**
|
|
4149
4148
|
* A text input box is a graphical control element intended to enable the user to input text information to be used by the software.
|
|
4150
4149
|
*/
|
|
4151
|
-
export declare const HvInput: <InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement>(props: HvInputProps<InputElement> & RefAttributes<InputElement>) => ReactElement
|
|
4150
|
+
export declare const HvInput: <InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement>(props: HvInputProps<InputElement> & RefAttributes<InputElement>) => React.ReactElement | null;
|
|
4152
4151
|
|
|
4153
4152
|
export declare type HvInputClasses = ExtractNames<typeof useClasses_46>;
|
|
4154
4153
|
|
|
4155
4154
|
export declare type HvInputLabels = Partial<typeof DEFAULT_LABELS_4>;
|
|
4156
4155
|
|
|
4157
4156
|
export declare interface HvInputProps<InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement> extends Omit<HvBaseInputProps, "onChange" | "onBlur" | "onFocus" | "onKeyDown"> {
|
|
4158
|
-
/**
|
|
4157
|
+
/** @inheritdoc */
|
|
4159
4158
|
name?: string;
|
|
4160
|
-
/**
|
|
4159
|
+
/** @inheritdoc */
|
|
4161
4160
|
value?: React.InputHTMLAttributes<InputElement>["value"];
|
|
4162
|
-
/**
|
|
4161
|
+
/** @inheritdoc */
|
|
4163
4162
|
defaultValue?: React.InputHTMLAttributes<InputElement>["value"];
|
|
4164
4163
|
/**
|
|
4165
4164
|
* The label of the form element.
|
|
@@ -4170,11 +4169,11 @@ export declare interface HvInputProps<InputElement extends HTMLElement = HTMLInp
|
|
|
4170
4169
|
label?: React.ReactNode;
|
|
4171
4170
|
/** Provide additional descriptive text for the form element. */
|
|
4172
4171
|
description?: React.ReactNode;
|
|
4173
|
-
/**
|
|
4172
|
+
/** @inheritdoc */
|
|
4174
4173
|
disabled?: boolean;
|
|
4175
|
-
/**
|
|
4174
|
+
/** @inheritdoc */
|
|
4176
4175
|
readOnly?: boolean;
|
|
4177
|
-
/**
|
|
4176
|
+
/** @inheritdoc */
|
|
4178
4177
|
required?: boolean;
|
|
4179
4178
|
/**
|
|
4180
4179
|
* The status of the form element.
|
|
@@ -4187,17 +4186,14 @@ export declare interface HvInputProps<InputElement extends HTMLElement = HTMLInp
|
|
|
4187
4186
|
status?: HvFormStatus;
|
|
4188
4187
|
/** The error message to show when `status` is "invalid". */
|
|
4189
4188
|
statusMessage?: string;
|
|
4189
|
+
/** @inheritdoc */
|
|
4190
|
+
onChange?: (event: React.ChangeEvent<InputElement>, value: string) => void;
|
|
4190
4191
|
/**
|
|
4191
4192
|
* Callback called when the user submits the value by pressing Enter/Return.
|
|
4192
4193
|
*
|
|
4193
|
-
* Also called when the search button is clicked (when type
|
|
4194
|
+
* Also called when the search button is clicked (when `type="search"`).
|
|
4194
4195
|
*/
|
|
4195
|
-
|
|
4196
|
-
* The function that will be executed onChange, allows modification of the input,
|
|
4197
|
-
* it receives the value. If a new value should be presented it must returned it.
|
|
4198
|
-
*/
|
|
4199
|
-
onChange?: (event: React.ChangeEvent<InputElement>, value: string) => void;
|
|
4200
|
-
onEnter?: (event: React.KeyboardEvent<InputElement> | React.MouseEvent, value: string) => void;
|
|
4196
|
+
onEnter?: (event: React.KeyboardEvent<InputElement>, value: string) => void;
|
|
4201
4197
|
/**
|
|
4202
4198
|
* The function that will be executed onBlur, allows checking the validation state,
|
|
4203
4199
|
* it receives the value and the validation state.
|
|
@@ -4290,7 +4286,7 @@ export declare interface HvKnobProperty {
|
|
|
4290
4286
|
* Communicates simple, immediate and vital information for operational decision making.
|
|
4291
4287
|
* @deprecated build KPIs with `HvCard`, or with your custom layouts
|
|
4292
4288
|
*/
|
|
4293
|
-
export declare const HvKpi: (props: HvKpiProps) =>
|
|
4289
|
+
export declare const HvKpi: (props: HvKpiProps) => JSX_2.Element;
|
|
4294
4290
|
|
|
4295
4291
|
export declare type HvKpiClasses = ExtractNames<typeof useClasses_85>;
|
|
4296
4292
|
|
|
@@ -4330,7 +4326,7 @@ export declare interface HvKpiProps extends HvBaseProps<HTMLDivElement, "childre
|
|
|
4330
4326
|
/**
|
|
4331
4327
|
* Provides the user with a recognizable name for a given form element.
|
|
4332
4328
|
*/
|
|
4333
|
-
export declare const HvLabel: (props: HvLabelProps) =>
|
|
4329
|
+
export declare const HvLabel: (props: HvLabelProps) => JSX_2.Element;
|
|
4334
4330
|
|
|
4335
4331
|
export declare type HvLabelClasses = ExtractNames<typeof useClasses_9>;
|
|
4336
4332
|
|
|
@@ -4351,7 +4347,7 @@ export declare interface HvLabelProps extends HvTypographyProps<"label"> {
|
|
|
4351
4347
|
classes?: HvLabelClasses;
|
|
4352
4348
|
}
|
|
4353
4349
|
|
|
4354
|
-
export declare const HvLeftControl: ({ id, classes: classesProp, className, children, placeholder, onSearch, hideSearch, searchProps, ...others }: HvLeftControlProps) =>
|
|
4350
|
+
export declare const HvLeftControl: ({ id, classes: classesProp, className, children, placeholder, onSearch, hideSearch, searchProps, ...others }: HvLeftControlProps) => JSX_2.Element;
|
|
4355
4351
|
|
|
4356
4352
|
export declare type HvLeftControlClasses = ExtractNames<typeof useClasses_56>;
|
|
4357
4353
|
|
|
@@ -4369,7 +4365,7 @@ export declare interface HvLeftControlProps extends HvBaseProps {
|
|
|
4369
4365
|
}
|
|
4370
4366
|
|
|
4371
4367
|
/** @deprecated use `<HvTypography link component="a" />` instead */
|
|
4372
|
-
export declare const HvLink: (props: HvLinkProps) =>
|
|
4368
|
+
export declare const HvLink: (props: HvLinkProps) => JSX_2.Element;
|
|
4373
4369
|
|
|
4374
4370
|
export declare type HvLinkClasses = ExtractNames<typeof useClasses_86>;
|
|
4375
4371
|
|
|
@@ -4386,7 +4382,7 @@ export declare interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, "onC
|
|
|
4386
4382
|
* Component used to show a set of related data to the user.
|
|
4387
4383
|
* @deprecated use `HvListContainer` + `HvListItem` instead
|
|
4388
4384
|
*/
|
|
4389
|
-
export declare const HvList: (props: HvListProps) =>
|
|
4385
|
+
export declare const HvList: (props: HvListProps) => JSX_2.Element | null;
|
|
4390
4386
|
|
|
4391
4387
|
export declare type HvListClasses = ExtractNames<typeof useClasses_87>;
|
|
4392
4388
|
|
|
@@ -4603,7 +4599,7 @@ declare interface HvMetaBase<D extends object = Record<string, unknown>, H exten
|
|
|
4603
4599
|
/**
|
|
4604
4600
|
* Multi-buttons are grouped sets of buttons displayed horizontally or vertically in the same container.
|
|
4605
4601
|
*/
|
|
4606
|
-
export declare const HvMultiButton: (props: HvMultiButtonProps) =>
|
|
4602
|
+
export declare const HvMultiButton: (props: HvMultiButtonProps) => JSX_2.Element;
|
|
4607
4603
|
|
|
4608
4604
|
export declare type HvMultiButtonClasses = ExtractNames<typeof useClasses_91>;
|
|
4609
4605
|
|
|
@@ -4641,7 +4637,7 @@ export declare function hvNumberColumn<D extends object = Record<string, unknown
|
|
|
4641
4637
|
|
|
4642
4638
|
export declare const hvNumberFallback: (value: any) => number | "—";
|
|
4643
4639
|
|
|
4644
|
-
export declare const HvOption: <OptionValue extends {}>(props: HvOptionProps<OptionValue> & RefAttributes<HTMLLIElement>) => ReactElement
|
|
4640
|
+
export declare const HvOption: <OptionValue extends {}>(props: HvOptionProps<OptionValue> & RefAttributes<HTMLLIElement>) => React.ReactElement | null;
|
|
4645
4641
|
|
|
4646
4642
|
/**
|
|
4647
4643
|
* Optional
|
|
@@ -4678,7 +4674,7 @@ export declare interface HvOptionProps<OptionValue extends {}> extends Omit<HvLi
|
|
|
4678
4674
|
/**
|
|
4679
4675
|
* This component generates a tooltip whenever the text is overflowed.
|
|
4680
4676
|
*/
|
|
4681
|
-
export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) =>
|
|
4677
|
+
export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_2.Element;
|
|
4682
4678
|
|
|
4683
4679
|
export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_92>;
|
|
4684
4680
|
|
|
@@ -4758,7 +4754,7 @@ export declare interface HvPanelProps extends HvBaseProps {
|
|
|
4758
4754
|
|
|
4759
4755
|
export declare type HvPolarizedColorKeys = "positive" | "positive_120" | "positive_80" | "warning" | "warning_120" | "warning_140" | "negative" | "cat21" | "cat22" | "cat23" | "cat24" | "cat25" | "cat26" | "cat27" | "cat28" | "catastrophic";
|
|
4760
4756
|
|
|
4761
|
-
export declare const HvProgressBar: (props: HvProgressBarProps) =>
|
|
4757
|
+
export declare const HvProgressBar: (props: HvProgressBarProps) => JSX_2.Element;
|
|
4762
4758
|
|
|
4763
4759
|
export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_95>;
|
|
4764
4760
|
|
|
@@ -4807,7 +4803,7 @@ export declare type HvPropGetter<D extends object = Record<string, unknown>, H e
|
|
|
4807
4803
|
/**
|
|
4808
4804
|
* Enables theming capabilities and makes cross-component theme properties available down the tree.
|
|
4809
4805
|
*/
|
|
4810
|
-
export declare const HvProvider: ({ children, rootElementId, cssBaseline, cssTheme, themes, theme, colorMode, emotionCache: emotionCacheProp, classNameKey, }: HvProviderProps) =>
|
|
4806
|
+
export declare const HvProvider: ({ children, rootElementId, cssBaseline, cssTheme, themes, theme, colorMode, emotionCache: emotionCacheProp, classNameKey, }: HvProviderProps) => JSX_2.Element;
|
|
4811
4807
|
|
|
4812
4808
|
export declare interface HvProviderProps {
|
|
4813
4809
|
/**
|
|
@@ -4874,7 +4870,7 @@ export declare interface HvProviderProps {
|
|
|
4874
4870
|
*
|
|
4875
4871
|
* Take a look at the [usage page](https://lumada-design.github.io/uikit/master/?path=/docs/widgets-query-builder-usage--docs) to learn more about this component.
|
|
4876
4872
|
*/
|
|
4877
|
-
export declare const HvQueryBuilder: (props: HvQueryBuilderProps) =>
|
|
4873
|
+
export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_2.Element;
|
|
4878
4874
|
|
|
4879
4875
|
export declare interface HvQueryBuilderAttribute extends Record<string, unknown> {
|
|
4880
4876
|
id?: string;
|
|
@@ -5319,7 +5315,7 @@ export declare type HvRadioStatus = "standBy" | "valid" | "invalid";
|
|
|
5319
5315
|
|
|
5320
5316
|
export { HvRadius }
|
|
5321
5317
|
|
|
5322
|
-
export declare const HvRightControl: ({ id, classes: classesProp, className, children, values, onSort, hideSortBy, sortProps, ...others }: HvRightControlProps) =>
|
|
5318
|
+
export declare const HvRightControl: ({ id, classes: classesProp, className, children, values, onSort, hideSortBy, sortProps, ...others }: HvRightControlProps) => JSX_2.Element;
|
|
5323
5319
|
|
|
5324
5320
|
export declare type HvRightControlClasses = ExtractNames<typeof useClasses_57>;
|
|
5325
5321
|
|
|
@@ -5358,7 +5354,7 @@ declare type HvRowPropGetter<D extends object = Record<string, unknown>, H exten
|
|
|
5358
5354
|
/**
|
|
5359
5355
|
* The horizontal scroll to element can be used to quickly navigate in a page.
|
|
5360
5356
|
*/
|
|
5361
|
-
export declare const HvScrollToHorizontal: (props: HvScrollToHorizontalProps) =>
|
|
5357
|
+
export declare const HvScrollToHorizontal: (props: HvScrollToHorizontalProps) => JSX_2.Element;
|
|
5362
5358
|
|
|
5363
5359
|
export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_99>;
|
|
5364
5360
|
|
|
@@ -5440,7 +5436,7 @@ declare type HvScrollToTooltipPositions = "left" | "right" | "top" | "bottom";
|
|
|
5440
5436
|
/**
|
|
5441
5437
|
* The vertical scroll to element can be used to quickly navigate in a page.
|
|
5442
5438
|
*/
|
|
5443
|
-
export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) =>
|
|
5439
|
+
export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) => JSX_2.Element;
|
|
5444
5440
|
|
|
5445
5441
|
export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_101>;
|
|
5446
5442
|
|
|
@@ -5551,7 +5547,7 @@ export declare interface HvSectionProps extends Omit<HvBaseProps<HTMLDivElement>
|
|
|
5551
5547
|
* <HvOption value="cat">Cat</HvOption>
|
|
5552
5548
|
* </HvSelect>
|
|
5553
5549
|
* */
|
|
5554
|
-
export declare const HvSelect: <OptionValue extends {}, Multiple extends boolean = false>(props: HvSelectProps<OptionValue, Multiple> & RefAttributes<HTMLButtonElement>) => ReactElement
|
|
5550
|
+
export declare const HvSelect: <OptionValue extends {}, Multiple extends boolean = false>(props: HvSelectProps<OptionValue, Multiple> & RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
|
|
5555
5551
|
|
|
5556
5552
|
export declare type HvSelectClasses = ExtractNames<typeof useClasses_12>;
|
|
5557
5553
|
|
|
@@ -5643,7 +5639,7 @@ export declare type HvSemanticColors = Record<HvSemanticColorKeys, string>;
|
|
|
5643
5639
|
|
|
5644
5640
|
export declare type HvSequentialColorKeys = "cat1" | "cat1_100" | "cat1_200" | "cat1_300" | "cat1_400" | "cat1_500" | "cat1_600" | "cat1_700" | "cat1_800" | "cat1_900";
|
|
5645
5641
|
|
|
5646
|
-
export declare const HvSimpleGrid: (props: HvSimpleGridProps) =>
|
|
5642
|
+
export declare const HvSimpleGrid: (props: HvSimpleGridProps) => JSX_2.Element;
|
|
5647
5643
|
|
|
5648
5644
|
export declare type HvSimpleGridClasses = ExtractNames<typeof useClasses_103>;
|
|
5649
5645
|
|
|
@@ -5690,7 +5686,7 @@ export { HvSize }
|
|
|
5690
5686
|
/**
|
|
5691
5687
|
* The `HvSkeleton` component is used to create a placeholder element that represents the shape and size of the content that will be loaded.
|
|
5692
5688
|
*/
|
|
5693
|
-
export declare const HvSkeleton: (props: HvSkeletonProps) =>
|
|
5689
|
+
export declare const HvSkeleton: (props: HvSkeletonProps) => JSX_2.Element;
|
|
5694
5690
|
|
|
5695
5691
|
export declare type HvSkeletonClasses = ExtractNames<typeof useClasses_132>;
|
|
5696
5692
|
|
|
@@ -5900,7 +5896,7 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
|
|
|
5900
5896
|
* This component uses of the [Notistack](https://github.com/iamhosseindhv/notistack) library.
|
|
5901
5897
|
* Please refer to its [API Reference](https://notistack.com/v2.x/api-reference) for more complex usage scenarios.
|
|
5902
5898
|
*/
|
|
5903
|
-
export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, container, ...others }: HvSnackbarProviderProps) =>
|
|
5899
|
+
export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, container, ...others }: HvSnackbarProviderProps) => JSX_2.Element;
|
|
5904
5900
|
|
|
5905
5901
|
export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_107>;
|
|
5906
5902
|
|
|
@@ -5930,7 +5926,7 @@ export declare type HvSnackbarVariant = "default" | "success" | "warning" | "err
|
|
|
5930
5926
|
*
|
|
5931
5927
|
* It also allows the specification of the spacing between the stack elements and the addition of a divider between the elements.
|
|
5932
5928
|
*/
|
|
5933
|
-
export declare const HvStack: (props: HvStackProps) =>
|
|
5929
|
+
export declare const HvStack: (props: HvStackProps) => JSX_2.Element;
|
|
5934
5930
|
|
|
5935
5931
|
export declare interface HvStackBreakpoints extends Record<HvBreakpoints, string> {
|
|
5936
5932
|
}
|
|
@@ -6483,9 +6479,7 @@ export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
|
|
|
6483
6479
|
* A Tag is one word that describes a specific aspect of an asset. A single asset can have
|
|
6484
6480
|
* multiple tags.
|
|
6485
6481
|
* Use tags to highlight an item's status for quick recognition and navigation
|
|
6486
|
-
* Use color to indicate meanings that users can learn and recognize across products
|
|
6487
|
-
*
|
|
6488
|
-
* It leverages the [MUI Chip](https://mui.com/material-ui/react-chip/) component
|
|
6482
|
+
* Use color to indicate meanings that users can learn and recognize across products.
|
|
6489
6483
|
*/
|
|
6490
6484
|
export declare const HvTag: ForwardRefExoticComponent<Omit<HvTagProps, "ref"> & RefAttributes<HTMLElement>>;
|
|
6491
6485
|
|
|
@@ -6530,7 +6524,7 @@ export declare interface HvTagProps extends Omit<HvButtonBaseProps, "type" | "co
|
|
|
6530
6524
|
/**
|
|
6531
6525
|
* A tags input is a single or multiline control that allows the input of tags.
|
|
6532
6526
|
*/
|
|
6533
|
-
export declare const HvTagsInput: ForwardRefExoticComponent<HvTagsInputProps & RefAttributes<
|
|
6527
|
+
export declare const HvTagsInput: ForwardRefExoticComponent<HvTagsInputProps & RefAttributes<HTMLElement>>;
|
|
6534
6528
|
|
|
6535
6529
|
export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_116>;
|
|
6536
6530
|
|
|
@@ -6540,15 +6534,15 @@ export declare interface HvTagsInputProps extends Omit<HvInputProps, "onChange"
|
|
|
6540
6534
|
/** When uncontrolled, defines the initial input value. */
|
|
6541
6535
|
defaultValue?: string[] | HvTagProps[];
|
|
6542
6536
|
/** The function that will be executed onChange. */
|
|
6543
|
-
onChange?: (event: React.
|
|
6537
|
+
onChange?: (event: React.SyntheticEvent, value: HvTagProps[]) => void;
|
|
6544
6538
|
/** The function that will be executed when the element is focused. */
|
|
6545
6539
|
onFocus?: (event: React.FocusEvent<HTMLDivElement>, value: string) => void;
|
|
6546
6540
|
/** The function that will be executed when the element is blurred. */
|
|
6547
6541
|
onBlur?: (event: React.FocusEvent<HTMLDivElement>, value: string) => void;
|
|
6548
6542
|
/** The function that will be executed when a tag is deleted. */
|
|
6549
|
-
onDelete?: (event: React.
|
|
6543
|
+
onDelete?: (event: React.SyntheticEvent, value: HvTagProps, index: number) => void;
|
|
6550
6544
|
/** The function that will be executed when a tag is added. */
|
|
6551
|
-
onAdd?: (event: React.
|
|
6545
|
+
onAdd?: (event: React.SyntheticEvent, value: HvTagProps, index: number) => void;
|
|
6552
6546
|
/** If `true` the character counter isn't shown even if maxTagsQuantity is set. */
|
|
6553
6547
|
hideCounter?: boolean;
|
|
6554
6548
|
/** Text between the current char counter and max value. */
|
|
@@ -6714,7 +6708,7 @@ export declare interface HvThemePalette {
|
|
|
6714
6708
|
support: HvSupportColors;
|
|
6715
6709
|
}
|
|
6716
6710
|
|
|
6717
|
-
export declare const HvThemeProvider: ({ children, themes: themesList, theme: themeProp, emotionCache, colorMode: colorModeProp, themeRootId: rootId, }: HvThemeProviderProps) =>
|
|
6711
|
+
export declare const HvThemeProvider: ({ children, themes: themesList, theme: themeProp, emotionCache, colorMode: colorModeProp, themeRootId: rootId, }: HvThemeProviderProps) => JSX_2.Element;
|
|
6718
6712
|
|
|
6719
6713
|
declare interface HvThemeProviderProps {
|
|
6720
6714
|
children: React.ReactNode;
|
|
@@ -6728,12 +6722,12 @@ declare interface HvThemeProviderProps {
|
|
|
6728
6722
|
/**
|
|
6729
6723
|
* The HvTimeAgo component implements the Design System relative time format guidelines.
|
|
6730
6724
|
*/
|
|
6731
|
-
export declare const HvTimeAgo: <C extends ElementType
|
|
6725
|
+
export declare const HvTimeAgo: <C extends React.ElementType = "p">(props: {
|
|
6732
6726
|
/**
|
|
6733
6727
|
* The timestamp to format, in seconds or milliseconds.
|
|
6734
6728
|
* Defaults to `emptyElement` if value is null or 0
|
|
6735
6729
|
*/
|
|
6736
|
-
timestamp?: number
|
|
6730
|
+
timestamp?: number;
|
|
6737
6731
|
/**
|
|
6738
6732
|
* The locale to be used. Should be on of the JS supported locales
|
|
6739
6733
|
* @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument
|
|
@@ -6745,25 +6739,25 @@ export declare const HvTimeAgo: <C extends ElementType<any, keyof JSX_2.Intrinsi
|
|
|
6745
6739
|
*/
|
|
6746
6740
|
emptyElement?: React.ReactNode;
|
|
6747
6741
|
/** Disables periodic date refreshes */
|
|
6748
|
-
disableRefresh?: boolean
|
|
6742
|
+
disableRefresh?: boolean;
|
|
6749
6743
|
/** Whether to show seconds in the rendered time */
|
|
6750
|
-
showSeconds?: boolean
|
|
6744
|
+
showSeconds?: boolean;
|
|
6751
6745
|
/**
|
|
6752
6746
|
* Whether the component should render just the string
|
|
6753
6747
|
* Consider using `useTimeAgo` instead
|
|
6754
6748
|
*/
|
|
6755
|
-
justText?: boolean
|
|
6749
|
+
justText?: boolean;
|
|
6756
6750
|
/** A Jss Object used to override or extend the styles applied to the component. */
|
|
6757
6751
|
classes?: Partial<{
|
|
6758
6752
|
root: string;
|
|
6759
|
-
}
|
|
6753
|
+
}>;
|
|
6760
6754
|
} & {
|
|
6761
6755
|
component?: C | undefined;
|
|
6762
6756
|
} & {
|
|
6763
|
-
children?: ReactNode;
|
|
6764
|
-
} & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "component" | "
|
|
6757
|
+
children?: ReactNode | undefined;
|
|
6758
|
+
} & (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) & {
|
|
6765
6759
|
ref?: PolymorphicRef<C> | undefined;
|
|
6766
|
-
} & RefAttributes<unknown>) => ReactElement
|
|
6760
|
+
} & RefAttributes<unknown>) => React.ReactElement | null;
|
|
6767
6761
|
|
|
6768
6762
|
export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_118>;
|
|
6769
6763
|
|
|
@@ -7002,7 +6996,7 @@ export declare interface HvTreeItemProps extends React.HTMLAttributes<HTMLElemen
|
|
|
7002
6996
|
* </HvTreeView>
|
|
7003
6997
|
* ```
|
|
7004
6998
|
*/
|
|
7005
|
-
export declare const HvTreeView: <Multiple extends boolean | undefined>(props: HvTreeViewProps<Multiple> & RefAttributes<HTMLUListElement>) => ReactElement
|
|
6999
|
+
export declare const HvTreeView: <Multiple extends boolean | undefined>(props: HvTreeViewProps<Multiple> & RefAttributes<HTMLUListElement>) => React.ReactElement | null;
|
|
7006
7000
|
|
|
7007
7001
|
export declare type HvTreeViewClasses = ExtractNames<typeof useClasses_120>;
|
|
7008
7002
|
|
|
@@ -7016,25 +7010,25 @@ export declare interface HvTreeViewProps<Multiple extends boolean | undefined> e
|
|
|
7016
7010
|
/**
|
|
7017
7011
|
* Typography component is used to render text and paragraphs within an interface.
|
|
7018
7012
|
*/
|
|
7019
|
-
export declare const HvTypography: <C extends ElementType
|
|
7013
|
+
export declare const HvTypography: <C extends React.ElementType = "p">(props: {
|
|
7020
7014
|
/** Use the variant prop to change the visual style of the Typography. */
|
|
7021
|
-
variant?:
|
|
7015
|
+
variant?: HvTypographyVariants | HvTypographyLegacyVariants;
|
|
7022
7016
|
/** If `true` the typography will display the look of a link. */
|
|
7023
|
-
link?: boolean
|
|
7017
|
+
link?: boolean;
|
|
7024
7018
|
/** If `true` the typography will display the look of a disabled state. */
|
|
7025
|
-
disabled?: boolean
|
|
7019
|
+
disabled?: boolean;
|
|
7026
7020
|
/**
|
|
7027
7021
|
* If `true`, the typography will render a "p" element
|
|
7028
7022
|
* @deprecated use `component="p"` instead
|
|
7029
7023
|
* */
|
|
7030
|
-
paragraph?: boolean
|
|
7024
|
+
paragraph?: boolean;
|
|
7031
7025
|
/**
|
|
7032
7026
|
* If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
|
|
7033
7027
|
*
|
|
7034
7028
|
* Note that text overflow can only happen with block or inline-block level elements
|
|
7035
7029
|
* (the element needs to have a width in order to overflow).
|
|
7036
7030
|
*/
|
|
7037
|
-
noWrap?: boolean
|
|
7031
|
+
noWrap?: boolean;
|
|
7038
7032
|
/** A Jss Object used to override or extend the styles applied to the component. */
|
|
7039
7033
|
classes?: Partial<{
|
|
7040
7034
|
root: string;
|
|
@@ -7071,14 +7065,14 @@ export declare const HvTypography: <C extends ElementType<any, keyof JSX_2.Intri
|
|
|
7071
7065
|
vizText: string;
|
|
7072
7066
|
vizTextDisabled: string;
|
|
7073
7067
|
xsInlineLink: string;
|
|
7074
|
-
}
|
|
7068
|
+
}>;
|
|
7075
7069
|
} & {
|
|
7076
7070
|
component?: C | undefined;
|
|
7077
7071
|
} & {
|
|
7078
|
-
children?: ReactNode;
|
|
7072
|
+
children?: ReactNode | undefined;
|
|
7079
7073
|
} & (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) & {
|
|
7080
7074
|
ref?: PolymorphicRef<C> | undefined;
|
|
7081
|
-
} & RefAttributes<unknown>) => ReactElement
|
|
7075
|
+
} & RefAttributes<unknown>) => React.ReactElement | null;
|
|
7082
7076
|
|
|
7083
7077
|
export declare type HvTypographyClasses = ExtractNames<typeof useClasses>;
|
|
7084
7078
|
|
|
@@ -7158,7 +7152,7 @@ export declare interface HvValidationMessages {
|
|
|
7158
7152
|
*/
|
|
7159
7153
|
export declare const HvVerticalNavigation: ForwardRefExoticComponent<HvVerticalNavigationProps & RefAttributes<HTMLDivElement>>;
|
|
7160
7154
|
|
|
7161
|
-
export declare const HvVerticalNavigationAction: (props: HvVerticalNavigationActionProps) =>
|
|
7155
|
+
export declare const HvVerticalNavigationAction: (props: HvVerticalNavigationActionProps) => JSX_2.Element;
|
|
7162
7156
|
|
|
7163
7157
|
export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_126>;
|
|
7164
7158
|
|
|
@@ -7171,7 +7165,7 @@ export declare interface HvVerticalNavigationActionProps extends Omit<HvButtonPr
|
|
|
7171
7165
|
icon?: React.ReactNode;
|
|
7172
7166
|
}
|
|
7173
7167
|
|
|
7174
|
-
export declare const HvVerticalNavigationActions: (props: HvVerticalNavigationActionsProps) =>
|
|
7168
|
+
export declare const HvVerticalNavigationActions: (props: HvVerticalNavigationActionsProps) => JSX_2.Element;
|
|
7175
7169
|
|
|
7176
7170
|
export declare type HvVerticalNavigationActionsClasses = ExtractNames<typeof useClasses_125>;
|
|
7177
7171
|
|
|
@@ -7182,7 +7176,7 @@ export declare interface HvVerticalNavigationActionsProps extends HvBaseProps {
|
|
|
7182
7176
|
|
|
7183
7177
|
export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_123>;
|
|
7184
7178
|
|
|
7185
|
-
export declare const HvVerticalNavigationHeader: (props: HvVerticalNavigationHeaderProps) =>
|
|
7179
|
+
export declare const HvVerticalNavigationHeader: (props: HvVerticalNavigationHeaderProps) => JSX_2.Element | null;
|
|
7186
7180
|
|
|
7187
7181
|
export declare type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses_124>;
|
|
7188
7182
|
|
|
@@ -7229,7 +7223,7 @@ export declare interface HvVerticalNavigationProps extends HvBaseProps<HTMLDivEl
|
|
|
7229
7223
|
useIcons?: boolean;
|
|
7230
7224
|
}
|
|
7231
7225
|
|
|
7232
|
-
export declare const HvVerticalNavigationSlider: (props: HvVerticalNavigationSliderProps) =>
|
|
7226
|
+
export declare const HvVerticalNavigationSlider: (props: HvVerticalNavigationSliderProps) => JSX_2.Element;
|
|
7233
7227
|
|
|
7234
7228
|
export declare type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses_128>;
|
|
7235
7229
|
|
|
@@ -7257,7 +7251,7 @@ export declare interface HvVerticalNavigationSliderProps extends Omit<HvListCont
|
|
|
7257
7251
|
forwardButtonAriaLabel?: string;
|
|
7258
7252
|
}
|
|
7259
7253
|
|
|
7260
|
-
export declare const HvVerticalNavigationTree: (props: HvVerticalNavigationTreeProps) =>
|
|
7254
|
+
export declare const HvVerticalNavigationTree: (props: HvVerticalNavigationTreeProps) => JSX_2.Element;
|
|
7261
7255
|
|
|
7262
7256
|
export declare type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses_127>;
|
|
7263
7257
|
|
|
@@ -7416,7 +7410,7 @@ export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useCla
|
|
|
7416
7410
|
/**
|
|
7417
7411
|
* Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
|
|
7418
7412
|
*/
|
|
7419
|
-
export declare const HvWarningText: (props: HvWarningTextProps) =>
|
|
7413
|
+
export declare const HvWarningText: (props: HvWarningTextProps) => JSX_2.Element;
|
|
7420
7414
|
|
|
7421
7415
|
export declare type HvWarningTextClasses = ExtractNames<typeof useClasses_11>;
|
|
7422
7416
|
|
|
@@ -7439,7 +7433,7 @@ export declare interface HvWarningTextProps extends HvBaseProps {
|
|
|
7439
7433
|
classes?: HvWarningTextClasses;
|
|
7440
7434
|
}
|
|
7441
7435
|
|
|
7442
|
-
export declare const iconVariant: (variant: "success" | "warning" | "error" | "info" | "default", color?: IconBaseProps["color"], semantic?: true) =>
|
|
7436
|
+
export declare const iconVariant: (variant: "success" | "warning" | "error" | "info" | "default", color?: IconBaseProps["color"], semantic?: true) => JSX_2.Element | null;
|
|
7443
7437
|
|
|
7444
7438
|
declare type IdType<D> = StringKey<D> | string;
|
|
7445
7439
|
|
|
@@ -7653,10 +7647,6 @@ export declare const optionGroupClasses: {
|
|
|
7653
7647
|
};
|
|
7654
7648
|
|
|
7655
7649
|
export declare const outlineStyles: {
|
|
7656
|
-
outlineColor: string;
|
|
7657
|
-
outlineStyle: string;
|
|
7658
|
-
outlineWidth: string;
|
|
7659
|
-
outlineOffset: string;
|
|
7660
7650
|
boxShadow: string;
|
|
7661
7651
|
};
|
|
7662
7652
|
|
|
@@ -8118,7 +8108,6 @@ export declare const tagClasses: {
|
|
|
8118
8108
|
};
|
|
8119
8109
|
|
|
8120
8110
|
export declare const tagsInputClasses: {
|
|
8121
|
-
input: string;
|
|
8122
8111
|
listItemGutters: string;
|
|
8123
8112
|
listItemRoot: string;
|
|
8124
8113
|
root: string;
|
|
@@ -8134,6 +8123,7 @@ export declare const tagsInputClasses: {
|
|
|
8134
8123
|
tagsList: string;
|
|
8135
8124
|
tagInputContainerRoot: string;
|
|
8136
8125
|
tagInputRoot: string;
|
|
8126
|
+
input: string;
|
|
8137
8127
|
tagSelected: string;
|
|
8138
8128
|
tagInputBorderContainer: string;
|
|
8139
8129
|
tagInputRootFocused: string;
|
|
@@ -8242,22 +8232,6 @@ export declare const treeViewItemClasses: {
|
|
|
8242
8232
|
icon: string;
|
|
8243
8233
|
};
|
|
8244
8234
|
|
|
8245
|
-
declare interface TreeViewItemRange {
|
|
8246
|
-
start?: string | null;
|
|
8247
|
-
end?: string | null;
|
|
8248
|
-
next?: string | null;
|
|
8249
|
-
current?: string;
|
|
8250
|
-
}
|
|
8251
|
-
|
|
8252
|
-
declare interface TreeViewNode {
|
|
8253
|
-
id: string;
|
|
8254
|
-
idAttribute: string | undefined;
|
|
8255
|
-
index: number;
|
|
8256
|
-
parentId: string | null;
|
|
8257
|
-
expandable: boolean;
|
|
8258
|
-
disabled: boolean | undefined;
|
|
8259
|
-
}
|
|
8260
|
-
|
|
8261
8235
|
declare type TreeViewSelectionValue<Multiple extends boolean | undefined> = Multiple extends true ? string[] : string | null;
|
|
8262
8236
|
|
|
8263
8237
|
declare type TypeSuffix = "" | "Subtle" | "Ghost";
|
|
@@ -8403,7 +8377,7 @@ declare const useClasses_103: (classesProp?: Partial<Record<"root", string>>, ad
|
|
|
8403
8377
|
readonly cx: (...args: any) => string;
|
|
8404
8378
|
};
|
|
8405
8379
|
|
|
8406
|
-
declare const useClasses_104: (classesProp?: Partial<Record<"label" | "root" | "trackDragging" | "trackStandBy" | "handleContainer" | "error" | "labelContainer" | "rootDisabled" | "
|
|
8380
|
+
declare const useClasses_104: (classesProp?: Partial<Record<"label" | "root" | "trackDragging" | "trackStandBy" | "handleContainer" | "error" | "labelContainer" | "rootDisabled" | "sliderBase" | "sliderContainer" | "sliderRoot" | "rootRange" | "handle" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
|
|
8407
8381
|
readonly classes: {
|
|
8408
8382
|
sliderBase: string;
|
|
8409
8383
|
rootDisabled: string;
|
|
@@ -8428,7 +8402,7 @@ declare const useClasses_104: (classesProp?: Partial<Record<"label" | "root" | "
|
|
|
8428
8402
|
readonly cx: (...args: any) => string;
|
|
8429
8403
|
};
|
|
8430
8404
|
|
|
8431
|
-
declare const useClasses_105: (classesProp?: Partial<Record<"root" | "
|
|
8405
|
+
declare const useClasses_105: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
|
|
8432
8406
|
readonly classes: {
|
|
8433
8407
|
root: string;
|
|
8434
8408
|
anchorOriginTopRight: string;
|
|
@@ -8534,7 +8508,7 @@ declare const useClasses_112: (classesProp?: Partial<Record<"root" | "stickyHead
|
|
|
8534
8508
|
readonly cx: (...args: any) => string;
|
|
8535
8509
|
};
|
|
8536
8510
|
|
|
8537
|
-
declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "icon" | "selected" | "button" | "deleteIcon" | "focusVisible" | "
|
|
8511
|
+
declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "icon" | "selected" | "button" | "deleteIcon" | "focusVisible" | "categorical" | "clickable" | "chipRoot" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
|
|
8538
8512
|
readonly classes: {
|
|
8539
8513
|
root: string;
|
|
8540
8514
|
categorical: string;
|
|
@@ -8556,7 +8530,7 @@ declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "
|
|
|
8556
8530
|
readonly cx: (...args: any) => string;
|
|
8557
8531
|
};
|
|
8558
8532
|
|
|
8559
|
-
declare const useClasses_114: (classesProp?: Partial<Record<"root" | "floating" | "
|
|
8533
|
+
declare const useClasses_114: (classesProp?: Partial<Record<"root" | "floating" | "indicator" | "scroller" | "flexContainer", string>>, addStatic?: boolean) => {
|
|
8560
8534
|
readonly classes: {
|
|
8561
8535
|
root: string;
|
|
8562
8536
|
indicator: string;
|
|
@@ -8581,7 +8555,6 @@ declare const useClasses_115: (classesProp?: Partial<Record<"root" | "disabled"
|
|
|
8581
8555
|
|
|
8582
8556
|
declare const useClasses_116: (classesProp?: Partial<Record<"label" | "root" | "invalid" | "disabled" | "readOnly" | "input" | "tagInputRoot" | "tagsList" | "error" | "description" | "labelContainer" | "resizable" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagInputContainerRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
|
|
8583
8557
|
readonly classes: {
|
|
8584
|
-
input: string;
|
|
8585
8558
|
listItemGutters: string;
|
|
8586
8559
|
listItemRoot: string;
|
|
8587
8560
|
root: string;
|
|
@@ -8597,6 +8570,7 @@ declare const useClasses_116: (classesProp?: Partial<Record<"label" | "root" | "
|
|
|
8597
8570
|
tagsList: string;
|
|
8598
8571
|
tagInputContainerRoot: string;
|
|
8599
8572
|
tagInputRoot: string;
|
|
8573
|
+
input: string;
|
|
8600
8574
|
tagSelected: string;
|
|
8601
8575
|
tagInputBorderContainer: string;
|
|
8602
8576
|
tagInputRootFocused: string;
|
|
@@ -8758,7 +8732,7 @@ declare const useClasses_126: (classesProp?: Partial<Record<"action" | "minimize
|
|
|
8758
8732
|
readonly cx: (...args: any) => string;
|
|
8759
8733
|
};
|
|
8760
8734
|
|
|
8761
|
-
declare const useClasses_127: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "
|
|
8735
|
+
declare const useClasses_127: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "popup" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
|
|
8762
8736
|
readonly classes: {
|
|
8763
8737
|
root: string;
|
|
8764
8738
|
list: string;
|
|
@@ -8792,7 +8766,7 @@ declare const useClasses_129: (classesProp?: Partial<Record<"root", string>>, ad
|
|
|
8792
8766
|
readonly cx: (...args: any) => string;
|
|
8793
8767
|
};
|
|
8794
8768
|
|
|
8795
|
-
declare const useClasses_13: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "icon" | "secondarySubtle" | "ghost" | "secondaryGhost" | "contained" | "primaryGhost" | "primarySubtle" | "subtle" | "
|
|
8769
|
+
declare const useClasses_13: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "icon" | "secondarySubtle" | "ghost" | "secondaryGhost" | "contained" | "primaryGhost" | "primarySubtle" | "subtle" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
|
|
8796
8770
|
readonly classes: {
|
|
8797
8771
|
root: string;
|
|
8798
8772
|
startIcon: string;
|
|
@@ -8815,7 +8789,7 @@ declare const useClasses_13: (classesProp?: Partial<Record<"secondary" | "primar
|
|
|
8815
8789
|
readonly cx: (...args: any) => string;
|
|
8816
8790
|
};
|
|
8817
8791
|
|
|
8818
|
-
declare const useClasses_130: (classesProp?: Partial<Record<"content" | "label" | "link" | "disabled" | "focused" | "icon" | "selectable" | "selected" | "hide" | "expanded" | "unselectable" | "group" | "node" | "
|
|
8792
|
+
declare const useClasses_130: (classesProp?: Partial<Record<"content" | "label" | "link" | "disabled" | "focused" | "icon" | "selectable" | "selected" | "hide" | "expanded" | "unselectable" | "group" | "node" | "expandable" | "labelIcon" | "collapsed" | "minimized" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
|
|
8819
8793
|
readonly classes: {
|
|
8820
8794
|
node: string;
|
|
8821
8795
|
content: string;
|
|
@@ -8938,7 +8912,7 @@ declare const useClasses_18: (classesProp?: Partial<Record<"root" | "invalid" |
|
|
|
8938
8912
|
readonly cx: (...args: any) => string;
|
|
8939
8913
|
};
|
|
8940
8914
|
|
|
8941
|
-
declare const useClasses_19: (classesProp?: Partial<Record<"container" | "header" | "root" | "headerOpen" | "headerDisabled" | "headerReadOnly" | "placeholder" | "panel" | "inputExtensionOpen" | "anchor" | "
|
|
8915
|
+
declare const useClasses_19: (classesProp?: Partial<Record<"container" | "header" | "root" | "headerOpen" | "headerDisabled" | "headerReadOnly" | "placeholder" | "panel" | "inputExtensionOpen" | "anchor" | "selection" | "arrowContainer" | "panelOpenedUp" | "panelOpenedDown" | "rootDisabled" | "headerOpenUp" | "headerOpenDown" | "arrow" | "selectionDisabled" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
|
|
8942
8916
|
readonly classes: {
|
|
8943
8917
|
root: string;
|
|
8944
8918
|
rootDisabled: string;
|
|
@@ -9064,7 +9038,7 @@ declare const useClasses_25: (classesProp?: Partial<Record<"typography" | "root"
|
|
|
9064
9038
|
readonly cx: (...args: any) => string;
|
|
9065
9039
|
};
|
|
9066
9040
|
|
|
9067
|
-
declare const useClasses_26: (classesProp?: Partial<Record<"container" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "square" | "img" | "status" | "
|
|
9041
|
+
declare const useClasses_26: (classesProp?: Partial<Record<"container" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "square" | "img" | "status" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
|
|
9068
9042
|
readonly classes: {
|
|
9069
9043
|
root: string;
|
|
9070
9044
|
container: string;
|
|
@@ -9097,7 +9071,7 @@ declare const useClasses_27: (classesProp?: Partial<Record<"root" | "row" | "col
|
|
|
9097
9071
|
readonly cx: (...args: any) => string;
|
|
9098
9072
|
};
|
|
9099
9073
|
|
|
9100
|
-
declare const useClasses_28: (classesProp?: Partial<Record<"root" | "badgePosition" | "badge" | "
|
|
9074
|
+
declare const useClasses_28: (classesProp?: Partial<Record<"root" | "badgePosition" | "badge" | "badgeContainer" | "badgeHidden" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
|
|
9101
9075
|
readonly classes: {
|
|
9102
9076
|
root: string;
|
|
9103
9077
|
badgeContainer: string;
|
|
@@ -9113,7 +9087,7 @@ declare const useClasses_28: (classesProp?: Partial<Record<"root" | "badgePositi
|
|
|
9113
9087
|
readonly cx: (...args: any) => string;
|
|
9114
9088
|
};
|
|
9115
9089
|
|
|
9116
|
-
declare const useClasses_29: (classesProp?: Partial<Record<"root" | "
|
|
9090
|
+
declare const useClasses_29: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
|
|
9117
9091
|
readonly classes: {
|
|
9118
9092
|
rootClosed: string;
|
|
9119
9093
|
root: string;
|
|
@@ -9124,7 +9098,7 @@ declare const useClasses_29: (classesProp?: Partial<Record<"root" | "anchorOrigi
|
|
|
9124
9098
|
readonly cx: (...args: any) => string;
|
|
9125
9099
|
};
|
|
9126
9100
|
|
|
9127
|
-
declare const useClasses_3: (classesProp?: Partial<Record<"root" | "disabled" | "focused" | "selected" | "
|
|
9101
|
+
declare const useClasses_3: (classesProp?: Partial<Record<"root" | "disabled" | "focused" | "selected" | "focus" | "focusDisabled" | "externalReference" | "falseFocus", string>>, addStatic?: boolean) => {
|
|
9128
9102
|
readonly classes: {
|
|
9129
9103
|
root: string;
|
|
9130
9104
|
selected: string;
|
|
@@ -9139,7 +9113,7 @@ declare const useClasses_3: (classesProp?: Partial<Record<"root" | "disabled" |
|
|
|
9139
9113
|
readonly cx: (...args: any) => string;
|
|
9140
9114
|
};
|
|
9141
9115
|
|
|
9142
|
-
declare const useClasses_30: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "success" | "error" | "message" | "
|
|
9116
|
+
declare const useClasses_30: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "success" | "error" | "message" | "actionContainer" | "baseVariant" | "outContainer" | "messageContainer" | "iconContainer" | "messageActions" | "actionsInnerContainer" | "closeAction", string>>, addStatic?: boolean) => {
|
|
9143
9117
|
readonly classes: {
|
|
9144
9118
|
root: string;
|
|
9145
9119
|
message: string;
|
|
@@ -9204,7 +9178,7 @@ declare const useClasses_33: (classesProp?: Partial<Record<"root" | "disabled" |
|
|
|
9204
9178
|
readonly cx: (...args: any) => string;
|
|
9205
9179
|
};
|
|
9206
9180
|
|
|
9207
|
-
declare const useClasses_34: (classesProp?: Partial<Record<"link" | "root" | "a" | "
|
|
9181
|
+
declare const useClasses_34: (classesProp?: Partial<Record<"link" | "root" | "a" | "orderedList" | "currentPage" | "centerContainer" | "separatorContainer", string>>, addStatic?: boolean) => {
|
|
9208
9182
|
readonly classes: {
|
|
9209
9183
|
root: string;
|
|
9210
9184
|
link: string;
|
|
@@ -9218,7 +9192,7 @@ declare const useClasses_34: (classesProp?: Partial<Record<"link" | "root" | "a"
|
|
|
9218
9192
|
readonly cx: (...args: any) => string;
|
|
9219
9193
|
};
|
|
9220
9194
|
|
|
9221
|
-
declare const useClasses_35: (classesProp?: Partial<Record<"root" | "semantic" | "divider" | "
|
|
9195
|
+
declare const useClasses_35: (classesProp?: Partial<Record<"root" | "semantic" | "divider" | "selectAll" | "actions" | "selectAllContainer" | "selectAllPages", string>>, addStatic?: boolean) => {
|
|
9222
9196
|
readonly classes: {
|
|
9223
9197
|
root: string;
|
|
9224
9198
|
semantic: string;
|
|
@@ -9250,7 +9224,7 @@ declare const useClasses_36: (classesProp?: Partial<Record<"container" | "label"
|
|
|
9250
9224
|
readonly cx: (...args: any) => string;
|
|
9251
9225
|
};
|
|
9252
9226
|
|
|
9253
|
-
declare const useClasses_37: (classesProp?: Partial<Record<"root" | "
|
|
9227
|
+
declare const useClasses_37: (classesProp?: Partial<Record<"root" | "rangeCalendarContainer" | "singleCalendar" | "focusSelection" | "calendarMonthlyCell" | "calendarMonthlyCellSelected", string>>, addStatic?: boolean) => {
|
|
9254
9228
|
readonly classes: {
|
|
9255
9229
|
root: string;
|
|
9256
9230
|
rangeCalendarContainer: string;
|
|
@@ -9273,7 +9247,7 @@ declare const useClasses_38: (classesProp?: Partial<Record<"root" | "invalid" |
|
|
|
9273
9247
|
readonly cx: (...args: any) => string;
|
|
9274
9248
|
};
|
|
9275
9249
|
|
|
9276
|
-
declare const useClasses_39: (classesProp?: Partial<Record<"root" | "navigationContainer" | "navigationMonth" | "cellContainer" | "calendarDate" | "calendarDateSelected" | "calendarDateNotInMonth" | "calendarDateInSelectionRange" | "startBookend" | "endBookend" | "cellsInRange" | "cellsOutsideRange" | "calendarGrid" | "calendarDay" | "
|
|
9250
|
+
declare const useClasses_39: (classesProp?: Partial<Record<"root" | "focusSelection" | "navigationContainer" | "navigationMonth" | "cellContainer" | "calendarDate" | "calendarDateSelected" | "calendarDateNotInMonth" | "calendarDateInSelectionRange" | "startBookend" | "endBookend" | "cellsInRange" | "cellsOutsideRange" | "calendarGrid" | "calendarDay" | "calendarDateInvalid", string>>, addStatic?: boolean) => {
|
|
9277
9251
|
readonly classes: {
|
|
9278
9252
|
root: string;
|
|
9279
9253
|
calendarGrid: string;
|
|
@@ -9347,7 +9321,7 @@ declare const useClasses_43: (classesProp?: Partial<Record<"root" | "media", str
|
|
|
9347
9321
|
readonly cx: (...args: any) => string;
|
|
9348
9322
|
};
|
|
9349
9323
|
|
|
9350
|
-
declare const useClasses_44: (classesProp?: Partial<Record<"xs" | "root" | "panel" | "title" | "controls" | "counterContainer" | "thumbnail" | "thumbnailSelected" | "dot" | "main" | "
|
|
9324
|
+
declare const useClasses_44: (classesProp?: Partial<Record<"xs" | "root" | "panel" | "title" | "controls" | "counterContainer" | "thumbnail" | "thumbnailSelected" | "dot" | "main" | "counter" | "actions" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected", string>>, addStatic?: boolean) => {
|
|
9351
9325
|
readonly classes: {
|
|
9352
9326
|
root: string;
|
|
9353
9327
|
xs: string;
|
|
@@ -9387,7 +9361,7 @@ declare const useClasses_45: (classesProp?: Partial<Record<"image" | "slide", st
|
|
|
9387
9361
|
readonly cx: (...args: any) => string;
|
|
9388
9362
|
};
|
|
9389
9363
|
|
|
9390
|
-
declare const useClasses_46: (classesProp?: Partial<Record<"label" | "root" | "input" | "icon" | "error" | "inputRoot" | "description" | "
|
|
9364
|
+
declare const useClasses_46: (classesProp?: Partial<Record<"label" | "root" | "input" | "icon" | "error" | "inputRoot" | "description" | "adornmentButton" | "labelContainer" | "inputBorderContainer" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "adornmentsBox" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
|
|
9391
9365
|
readonly classes: {
|
|
9392
9366
|
root: string;
|
|
9393
9367
|
labelContainer: string;
|
|
@@ -9470,7 +9444,7 @@ declare const useClasses_49: (classesProp?: Partial<Record<"label" | "colorPicke
|
|
|
9470
9444
|
readonly cx: (...args: any) => string;
|
|
9471
9445
|
};
|
|
9472
9446
|
|
|
9473
|
-
declare const useClasses_5: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "condensed" | "focus" | "
|
|
9447
|
+
declare const useClasses_5: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "condensed" | "focus" | "interactive" | "startAdornment" | "endAdornment" | "gutters" | "withStartAdornment" | "withEndAdornment", string>>, addStatic?: boolean) => {
|
|
9474
9448
|
readonly classes: {
|
|
9475
9449
|
root: string;
|
|
9476
9450
|
focus: string;
|
|
@@ -9514,7 +9488,7 @@ declare const useClasses_51: (classesProp?: Partial<Record<"root" | "section" |
|
|
|
9514
9488
|
readonly cx: (...args: any) => string;
|
|
9515
9489
|
};
|
|
9516
9490
|
|
|
9517
|
-
declare const useClasses_52: (classesProp?: Partial<Record<"body" | "root" | "head" | "variantListactions" | "variantListcheckbox" | "variantList" | "footer" | "
|
|
9491
|
+
declare const useClasses_52: (classesProp?: Partial<Record<"body" | "root" | "head" | "variantListactions" | "variantListcheckbox" | "variantList" | "footer" | "resizable" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantListHead" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing", string>>, addStatic?: boolean) => {
|
|
9518
9492
|
readonly classes: {
|
|
9519
9493
|
root: string;
|
|
9520
9494
|
head: string;
|
|
@@ -9545,7 +9519,7 @@ declare const useClasses_52: (classesProp?: Partial<Record<"body" | "root" | "he
|
|
|
9545
9519
|
readonly cx: (...args: any) => string;
|
|
9546
9520
|
};
|
|
9547
9521
|
|
|
9548
|
-
declare const useClasses_53: (classesProp?: Partial<Record<"body" | "root" | "selected" | "head" | "variantList" | "expanded" | "footer" | "
|
|
9522
|
+
declare const useClasses_53: (classesProp?: Partial<Record<"body" | "root" | "selected" | "head" | "variantList" | "expanded" | "footer" | "variantListHead" | "striped" | "hover", string>>, addStatic?: boolean) => {
|
|
9549
9523
|
readonly classes: {
|
|
9550
9524
|
root: string;
|
|
9551
9525
|
head: string;
|
|
@@ -9562,7 +9536,7 @@ declare const useClasses_53: (classesProp?: Partial<Record<"body" | "root" | "se
|
|
|
9562
9536
|
readonly cx: (...args: any) => string;
|
|
9563
9537
|
};
|
|
9564
9538
|
|
|
9565
|
-
declare const useClasses_54: (classesProp?: Partial<Record<"body" | "root" | "head" | "sortButton" | "variantList" | "resizer" | "footer" | "
|
|
9539
|
+
declare const useClasses_54: (classesProp?: Partial<Record<"body" | "root" | "head" | "sortButton" | "variantList" | "resizer" | "footer" | "resizable" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortable" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
|
|
9566
9540
|
readonly classes: {
|
|
9567
9541
|
root: string;
|
|
9568
9542
|
head: string;
|
|
@@ -9630,7 +9604,7 @@ declare const useClasses_57: (classesProp?: Partial<Record<"root" | "sortDropdow
|
|
|
9630
9604
|
readonly cx: (...args: any) => string;
|
|
9631
9605
|
};
|
|
9632
9606
|
|
|
9633
|
-
declare const useClasses_58: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "disabled" | "readOnly" | "placeholderClosed" | "error" | "description" | "
|
|
9607
|
+
declare const useClasses_58: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "disabled" | "readOnly" | "placeholderClosed" | "error" | "description" | "labelContainer" | "dropdown" | "arrow" | "selectionDisabled" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownListContainer" | "rootList", string>>, addStatic?: boolean) => {
|
|
9634
9608
|
readonly classes: {
|
|
9635
9609
|
root: string;
|
|
9636
9610
|
labelContainer: string;
|
|
@@ -9654,7 +9628,7 @@ declare const useClasses_58: (classesProp?: Partial<Record<"label" | "root" | "p
|
|
|
9654
9628
|
readonly cx: (...args: any) => string;
|
|
9655
9629
|
};
|
|
9656
9630
|
|
|
9657
|
-
declare const useClasses_59: (classesProp?: Partial<Record<"listContainer" | "selection" | "
|
|
9631
|
+
declare const useClasses_59: (classesProp?: Partial<Record<"listContainer" | "selection" | "virtualized" | "selectAll" | "selectAllContainer" | "dropdownListContainer" | "rootList" | "searchContainer" | "listBorderDown", string>>, addStatic?: boolean) => {
|
|
9658
9632
|
readonly classes: {
|
|
9659
9633
|
rootList: string;
|
|
9660
9634
|
dropdownListContainer: string;
|
|
@@ -9790,7 +9764,7 @@ declare const useClasses_67: (classesProp?: Partial<Record<"background" | "root"
|
|
|
9790
9764
|
readonly cx: (...args: any) => string;
|
|
9791
9765
|
};
|
|
9792
9766
|
|
|
9793
|
-
declare const useClasses_68: (classesProp?: Partial<Record<"container" | "root" | "titleContainer" | "
|
|
9767
|
+
declare const useClasses_68: (classesProp?: Partial<Record<"container" | "root" | "titleContainer" | "actionContainer" | "messageContainer" | "iconContainer" | "containerMessageOnly" | "textContainer", string>>, addStatic?: boolean) => {
|
|
9794
9768
|
readonly classes: {
|
|
9795
9769
|
root: string;
|
|
9796
9770
|
container: string;
|
|
@@ -9913,7 +9887,7 @@ declare const useClasses_75: (classesProp?: Partial<Record<"name" | "small" | "r
|
|
|
9913
9887
|
readonly cx: (...args: any) => string;
|
|
9914
9888
|
};
|
|
9915
9889
|
|
|
9916
|
-
declare const useClasses_76: (classesProp?: Partial<Record<"name" | "root" | "section" | "wrapper" | "sectionName" | "
|
|
9890
|
+
declare const useClasses_76: (classesProp?: Partial<Record<"name" | "root" | "section" | "wrapper" | "sectionName" | "actions" | "positionSticky" | "positionFixed" | "global" | "globalSectionArea" | "globalWrapperComplement" | "backButton", string>>, addStatic?: boolean) => {
|
|
9917
9891
|
readonly classes: {
|
|
9918
9892
|
root: string;
|
|
9919
9893
|
positionSticky: string;
|
|
@@ -9932,7 +9906,7 @@ declare const useClasses_76: (classesProp?: Partial<Record<"name" | "root" | "se
|
|
|
9932
9906
|
readonly cx: (...args: any) => string;
|
|
9933
9907
|
};
|
|
9934
9908
|
|
|
9935
|
-
declare const useClasses_77: (classesProp?: Partial<Record<"container" | "root" | "direction-xs-column" | "direction-xs-row-reverse" | "wrap-xs-nowrap" | "wrap-xs-wrap-reverse" | "
|
|
9909
|
+
declare const useClasses_77: (classesProp?: Partial<Record<"container" | "root" | "item" | "zeroMinWidth" | "direction-xs-column" | "direction-xs-reverse" | "direction-xs-row-reverse" | "wrap-xs-nowrap" | "wrap-xs-wrap-reverse" | "spacing-xs-1" | "spacing-xs-2" | "spacing-xs-3" | "spacing-xs-4" | "spacing-xs-5" | "spacing-xs-6" | "spacing-xs-7" | "spacing-xs-8" | "spacing-xs-9" | "spacing-xs-10" | "grid-xs-auto" | "grid-xs-true" | "grid-xs-1" | "grid-xs-2" | "grid-xs-3" | "grid-xs-4" | "grid-xs-5" | "grid-xs-6" | "grid-xs-7" | "grid-xs-8" | "grid-xs-9" | "grid-xs-10" | "grid-xs-11" | "grid-xs-12", string>>, addStatic?: boolean) => {
|
|
9936
9910
|
readonly classes: {
|
|
9937
9911
|
root: string;
|
|
9938
9912
|
container: string;
|
|
@@ -10103,7 +10077,7 @@ declare const useClasses_87: (classesProp?: Partial<Record<"link" | "root" | "it
|
|
|
10103
10077
|
readonly cx: (...args: any) => string;
|
|
10104
10078
|
};
|
|
10105
10079
|
|
|
10106
|
-
declare const useClasses_88: (classesProp?: Partial<Record<"overlay" | "label" | "small" | "root" | "hidden" | "loadingBar" | "blur" | "
|
|
10080
|
+
declare const useClasses_88: (classesProp?: Partial<Record<"overlay" | "label" | "small" | "root" | "hidden" | "loadingBar" | "blur" | "barContainer" | "regular" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
|
|
10107
10081
|
readonly classes: {
|
|
10108
10082
|
root: string;
|
|
10109
10083
|
barContainer: string;
|
|
@@ -10276,7 +10250,7 @@ declare const useClasses_98: (classesProp?: Partial<Record<"root" | "selected" |
|
|
|
10276
10250
|
readonly cx: (...args: any) => string;
|
|
10277
10251
|
};
|
|
10278
10252
|
|
|
10279
|
-
declare const useClasses_99: (classesProp?: Partial<Record<"root" | "selected" | "notSelected" | "
|
|
10253
|
+
declare const useClasses_99: (classesProp?: Partial<Record<"root" | "selected" | "notSelected" | "positionSticky" | "positionFixed" | "notSelectedRoot", string>>, addStatic?: boolean) => {
|
|
10280
10254
|
readonly classes: {
|
|
10281
10255
|
root: string;
|
|
10282
10256
|
positionSticky: string;
|
|
@@ -10472,7 +10446,7 @@ export declare const useHvRowState: typeof useRowState;
|
|
|
10472
10446
|
|
|
10473
10447
|
export declare const useHvSnackbar: () => {
|
|
10474
10448
|
enqueueSnackbar: (message: React.ReactNode, options?: HvNotistackSnackMessageProps) => SnackbarKey;
|
|
10475
|
-
closeSnackbar: (key?: SnackbarKey
|
|
10449
|
+
closeSnackbar: (key?: SnackbarKey) => void;
|
|
10476
10450
|
};
|
|
10477
10451
|
|
|
10478
10452
|
export declare const useHvSortBy: UseHvSortByProps;
|
|
@@ -10647,13 +10621,6 @@ declare interface UseTreeViewContextValueBuilderParameters {
|
|
|
10647
10621
|
defaultParentIcon?: React.ReactNode;
|
|
10648
10622
|
}
|
|
10649
10623
|
|
|
10650
|
-
declare interface UseTreeViewExpansionInstance {
|
|
10651
|
-
isNodeExpanded: (nodeId: string) => boolean;
|
|
10652
|
-
isNodeExpandable: (nodeId: string) => boolean;
|
|
10653
|
-
toggleNodeExpansion: (event: React_2.SyntheticEvent, value: string) => void;
|
|
10654
|
-
expandAllSiblings: (event: React_2.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
|
|
10655
|
-
}
|
|
10656
|
-
|
|
10657
10624
|
declare interface UseTreeViewExpansionParameters {
|
|
10658
10625
|
/**
|
|
10659
10626
|
* Expanded node ids.
|
|
@@ -10674,11 +10641,6 @@ declare interface UseTreeViewExpansionParameters {
|
|
|
10674
10641
|
onNodeToggle?: (event: React_2.SyntheticEvent, nodeIds: string[]) => void;
|
|
10675
10642
|
}
|
|
10676
10643
|
|
|
10677
|
-
declare interface UseTreeViewFocusInstance {
|
|
10678
|
-
isNodeFocused: (nodeId: string) => boolean;
|
|
10679
|
-
focusNode: (event: React_2.SyntheticEvent, nodeId: string | null) => void;
|
|
10680
|
-
}
|
|
10681
|
-
|
|
10682
10644
|
declare interface UseTreeViewFocusParameters {
|
|
10683
10645
|
/**
|
|
10684
10646
|
* Callback fired when tree items are focused.
|
|
@@ -10689,19 +10651,6 @@ declare interface UseTreeViewFocusParameters {
|
|
|
10689
10651
|
onNodeFocus?: (event: React_2.SyntheticEvent, nodeId: string) => void;
|
|
10690
10652
|
}
|
|
10691
10653
|
|
|
10692
|
-
declare interface UseTreeViewKeyboardNavigationInstance {
|
|
10693
|
-
mapFirstChar: (nodeId: string, firstChar: string) => () => void;
|
|
10694
|
-
}
|
|
10695
|
-
|
|
10696
|
-
declare interface UseTreeViewNodesInstance {
|
|
10697
|
-
getNode: (nodeId: string) => TreeViewNode;
|
|
10698
|
-
updateNode: (node: TreeViewNode) => void;
|
|
10699
|
-
removeNode: (nodeId: string) => void;
|
|
10700
|
-
getChildrenIds: (nodeId: string | null) => string[];
|
|
10701
|
-
getNavigableChildrenIds: (nodeId: string | null) => string[];
|
|
10702
|
-
isNodeDisabled: (nodeId: string | null) => nodeId is string;
|
|
10703
|
-
}
|
|
10704
|
-
|
|
10705
10654
|
declare interface UseTreeViewNodesParameters {
|
|
10706
10655
|
/**
|
|
10707
10656
|
* If `true`, will allow focus on disabled items.
|
|
@@ -10710,14 +10659,6 @@ declare interface UseTreeViewNodesParameters {
|
|
|
10710
10659
|
disabledItemsFocusable?: boolean;
|
|
10711
10660
|
}
|
|
10712
10661
|
|
|
10713
|
-
declare interface UseTreeViewSelectionInstance {
|
|
10714
|
-
isNodeSelected: (nodeId: string) => boolean;
|
|
10715
|
-
selectNode: (event: React_2.SyntheticEvent, nodeId: string, multiple?: boolean) => void;
|
|
10716
|
-
selectRange: (event: React_2.SyntheticEvent, nodes: TreeViewItemRange, stacked?: boolean) => void;
|
|
10717
|
-
rangeSelectToFirst: (event: React_2.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
|
|
10718
|
-
rangeSelectToLast: (event: React_2.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
|
|
10719
|
-
}
|
|
10720
|
-
|
|
10721
10662
|
declare interface UseTreeViewSelectionParameters<Multiple extends boolean | undefined> {
|
|
10722
10663
|
/**
|
|
10723
10664
|
* If `true` selection is disabled.
|
|
@@ -10830,9 +10771,9 @@ export declare const warningTextClasses: {
|
|
|
10830
10771
|
};
|
|
10831
10772
|
|
|
10832
10773
|
/** @deprecated wrap your component with `HvTooltip` */
|
|
10833
|
-
export declare const withTooltip: (Component: React.FunctionComponent, label: string | undefined, placement: HvTooltipPlacementType, hideTooltip?: (
|
|
10774
|
+
export declare const withTooltip: (Component: React.FunctionComponent, label: string | undefined, placement: HvTooltipPlacementType, hideTooltip?: (event: React.MouseEvent<HTMLDivElement>) => boolean, tooltipProps?: Partial<HvTooltipProps>, tooltipContainerProps?: HvBaseProps) => (props: any) => JSX_2.Element;
|
|
10834
10775
|
|
|
10835
10776
|
/** @deprecated */
|
|
10836
|
-
export declare const wrapperTooltip: (hasTooltips: boolean, Component: any, label: any) => ((props: any) =>
|
|
10777
|
+
export declare const wrapperTooltip: (hasTooltips: boolean, Component: any, label: any) => ((props: any) => JSX_2.Element) | (() => any);
|
|
10837
10778
|
|
|
10838
10779
|
export { }
|