@hitachivantara/uikit-react-core 6.4.1 → 6.4.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AvatarGroup/AvatarGroupContext.js +1 -1
- package/dist/BaseCheckBox/CheckBoxIcon.js +1 -1
- package/dist/BaseRadio/RadioIcon.js +1 -1
- package/dist/Calendar/SingleCalendar/CalendarCell.js +1 -2
- package/dist/Calendar/model.js +0 -1
- package/dist/ColorPicker/Swatch.js +1 -1
- package/dist/Controls/context/ControlsContext.js +1 -2
- package/dist/DatePicker/DatePicker.js +1 -1
- package/dist/DatePicker/utils.js +1 -1
- package/dist/Dialog/context.js +1 -1
- package/dist/Dropdown/Dropdown.js +1 -1
- package/dist/Dropdown/List/List.js +1 -1
- package/dist/FilterGroup/FilterContent/FilterContent.js +14 -5
- package/dist/FilterGroup/FilterContent/HeaderButton.js +104 -0
- package/dist/FilterGroup/LeftPanel/LeftPanel.js +4 -1
- package/dist/Header/Header.styles.js +1 -0
- package/dist/IconContainer/IconContainer.js +1 -1
- package/dist/OverflowTooltip/OverflowTooltip.js +16 -26
- package/dist/QueryBuilder/utils/index.js +1 -1
- package/dist/Radio/Radio.js +1 -1
- package/dist/Select/OptionGroup.js +1 -1
- package/dist/SnackbarProvider/SnackbarProvider.js +2 -2
- package/dist/Switch/Switch.js +1 -1
- package/dist/Table/TableHeader/TableHeader.js +1 -1
- package/dist/Table/hooks/useHvRowSelection.js +1 -0
- package/dist/Table/renderers/renderers.js +2 -2
- package/dist/TextArea/TextArea.js +1 -1
- package/dist/TreeView/TreeItem/DefaultContent.js +1 -1
- package/dist/index.d.ts +54 -14
- package/dist/index.js +292 -292
- package/dist/themes/pentaho.js +3 -2
- package/dist/utils/Callout.js +1 -1
- package/dist/utils/focusableElementFinder.js +0 -1
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -32,7 +32,6 @@ import { HvBaseTheme } from '@hitachivantara/uikit-styles';
|
|
|
32
32
|
import { HvBreakpoints } from '@hitachivantara/uikit-styles';
|
|
33
33
|
import { HvColor } from '@hitachivantara/uikit-styles';
|
|
34
34
|
import { HvColorAny } from '@hitachivantara/uikit-styles';
|
|
35
|
-
import { HvListValue as HvListValue_2 } from '../..';
|
|
36
35
|
import { HvRadius } from '@hitachivantara/uikit-styles';
|
|
37
36
|
import { HvSize } from '@hitachivantara/uikit-styles';
|
|
38
37
|
import { PluginHook as HvTablePluginHook } from 'react-table';
|
|
@@ -135,11 +134,6 @@ import { UseSortByOptions } from 'react-table';
|
|
|
135
134
|
import { UseSortByState } from 'react-table';
|
|
136
135
|
import { UseTableHeaderGroupProps } from 'react-table';
|
|
137
136
|
import { useTheme } from '@hitachivantara/uikit-react-utils';
|
|
138
|
-
import { UseTreeViewExpansionInstance } from '../internals/hooks/plugins/useTreeViewExpansion';
|
|
139
|
-
import { UseTreeViewFocusInstance } from '../internals/hooks/plugins/useTreeViewFocus';
|
|
140
|
-
import { UseTreeViewKeyboardNavigationInstance } from '../internals/hooks/plugins/useTreeViewKeyboardNavigation';
|
|
141
|
-
import { UseTreeViewNodesInstance } from '../internals/hooks/plugins/useTreeViewNodes';
|
|
142
|
-
import { UseTreeViewSelectionInstance } from '../internals/hooks/plugins/useTreeViewSelection';
|
|
143
137
|
|
|
144
138
|
declare type Accessor<D extends object> = (originalRow: D, index: number, sub: {
|
|
145
139
|
subRows: D[];
|
|
@@ -2810,7 +2804,7 @@ export declare type HvDropdownClasses = ExtractNames<typeof useClasses_59>;
|
|
|
2810
2804
|
|
|
2811
2805
|
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>;
|
|
2812
2806
|
|
|
2813
|
-
export declare const HvDropdownColumnCell: <Multiple extends boolean = false, OptionValue extends
|
|
2807
|
+
export declare const HvDropdownColumnCell: <Multiple extends boolean = false, OptionValue extends HvListValue = HvListValue>(props: HvDropdownProps<Multiple, OptionValue> & RefAttributes<HTMLDivElement>) => React.ReactNode;
|
|
2814
2808
|
|
|
2815
2809
|
export declare interface HvDropdownColumnCellProp extends HvDropdownProps<false> {
|
|
2816
2810
|
}
|
|
@@ -3275,6 +3269,7 @@ declare interface HvFilterGroupContentProps extends Omit<HvBaseDropdownProps, "o
|
|
|
3275
3269
|
leftEmptyElement?: React.ReactNode;
|
|
3276
3270
|
rightEmptyElement?: React.ReactNode;
|
|
3277
3271
|
disabled?: boolean;
|
|
3272
|
+
iconOnly?: boolean;
|
|
3278
3273
|
classes?: HvFilterGroupContentClasses;
|
|
3279
3274
|
}
|
|
3280
3275
|
|
|
@@ -4378,16 +4373,12 @@ export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_2
|
|
|
4378
4373
|
|
|
4379
4374
|
export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_91>;
|
|
4380
4375
|
|
|
4381
|
-
export declare interface HvOverflowTooltipProps extends
|
|
4376
|
+
export declare interface HvOverflowTooltipProps extends Omit<Partial<HvTooltipProps>, "classes" | "children"> {
|
|
4382
4377
|
/** The node that will be rendered inside the tooltip. */
|
|
4383
4378
|
data: React.ReactNode;
|
|
4384
|
-
/** If true, the tooltip is shown. */
|
|
4385
|
-
open?: boolean;
|
|
4386
4379
|
/** If `true`, the overflow tooltip will always use the paragraph overflow style. */
|
|
4387
4380
|
paragraphOverflow?: boolean;
|
|
4388
|
-
/**
|
|
4389
|
-
placement?: "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top";
|
|
4390
|
-
/** Extra properties to add to the tooltip. */
|
|
4381
|
+
/** Extra properties to add to the tooltip. @deprecated pass properties directly to the component */
|
|
4391
4382
|
tooltipsProps?: Partial<HvTooltipProps>;
|
|
4392
4383
|
/** A Jss Object used to override or extend the styles applied to the component. */
|
|
4393
4384
|
classes?: HvOverflowTooltipClasses;
|
|
@@ -7765,6 +7756,22 @@ export declare const treeViewItemClasses: {
|
|
|
7765
7756
|
icon: string;
|
|
7766
7757
|
};
|
|
7767
7758
|
|
|
7759
|
+
declare interface TreeViewItemRange {
|
|
7760
|
+
start?: string | null;
|
|
7761
|
+
end?: string | null;
|
|
7762
|
+
next?: string | null;
|
|
7763
|
+
current?: string;
|
|
7764
|
+
}
|
|
7765
|
+
|
|
7766
|
+
declare interface TreeViewNode {
|
|
7767
|
+
id: string;
|
|
7768
|
+
idAttribute: string | undefined;
|
|
7769
|
+
index: number;
|
|
7770
|
+
parentId: string | null;
|
|
7771
|
+
expandable: boolean;
|
|
7772
|
+
disabled: boolean | undefined;
|
|
7773
|
+
}
|
|
7774
|
+
|
|
7768
7775
|
declare type TreeViewSelectionValue<Multiple extends boolean | undefined> = Multiple extends true ? string[] : string | null;
|
|
7769
7776
|
|
|
7770
7777
|
declare type TypeSuffix = "" | "Subtle" | "Ghost";
|
|
@@ -8958,7 +8965,7 @@ declare const useClasses_53: (classesProp?: Partial<Record<"body" | "expanded" |
|
|
|
8958
8965
|
readonly cx: (...args: any) => string;
|
|
8959
8966
|
};
|
|
8960
8967
|
|
|
8961
|
-
declare const useClasses_54: (classesProp?: Partial<Record<"body" | "resizer" | "footer" | "head" | "root" | "resizable" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "
|
|
8968
|
+
declare const useClasses_54: (classesProp?: Partial<Record<"body" | "resizer" | "footer" | "head" | "root" | "resizable" | "headerContent" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortable" | "sortButton" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
|
|
8962
8969
|
readonly classes: {
|
|
8963
8970
|
root: string;
|
|
8964
8971
|
head: string;
|
|
@@ -10022,6 +10029,13 @@ declare interface UseTreeViewContextValueBuilderParameters {
|
|
|
10022
10029
|
defaultParentIcon?: React.ReactNode;
|
|
10023
10030
|
}
|
|
10024
10031
|
|
|
10032
|
+
declare interface UseTreeViewExpansionInstance {
|
|
10033
|
+
isNodeExpanded: (nodeId: string) => boolean;
|
|
10034
|
+
isNodeExpandable: (nodeId: string) => boolean;
|
|
10035
|
+
toggleNodeExpansion: (event: React_2.SyntheticEvent, value: string) => void;
|
|
10036
|
+
expandAllSiblings: (event: React_2.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
|
|
10037
|
+
}
|
|
10038
|
+
|
|
10025
10039
|
declare interface UseTreeViewExpansionParameters {
|
|
10026
10040
|
/**
|
|
10027
10041
|
* Expanded node ids.
|
|
@@ -10042,6 +10056,11 @@ declare interface UseTreeViewExpansionParameters {
|
|
|
10042
10056
|
onNodeToggle?: (event: React_2.SyntheticEvent, nodeIds: string[]) => void;
|
|
10043
10057
|
}
|
|
10044
10058
|
|
|
10059
|
+
declare interface UseTreeViewFocusInstance {
|
|
10060
|
+
isNodeFocused: (nodeId: string) => boolean;
|
|
10061
|
+
focusNode: (event: React_2.SyntheticEvent, nodeId: string | null) => void;
|
|
10062
|
+
}
|
|
10063
|
+
|
|
10045
10064
|
declare interface UseTreeViewFocusParameters {
|
|
10046
10065
|
/**
|
|
10047
10066
|
* Callback fired when tree items are focused.
|
|
@@ -10052,6 +10071,19 @@ declare interface UseTreeViewFocusParameters {
|
|
|
10052
10071
|
onNodeFocus?: (event: React_2.SyntheticEvent, nodeId: string) => void;
|
|
10053
10072
|
}
|
|
10054
10073
|
|
|
10074
|
+
declare interface UseTreeViewKeyboardNavigationInstance {
|
|
10075
|
+
mapFirstChar: (nodeId: string, firstChar: string) => () => void;
|
|
10076
|
+
}
|
|
10077
|
+
|
|
10078
|
+
declare interface UseTreeViewNodesInstance {
|
|
10079
|
+
getNode: (nodeId: string) => TreeViewNode;
|
|
10080
|
+
updateNode: (node: TreeViewNode) => void;
|
|
10081
|
+
removeNode: (nodeId: string) => void;
|
|
10082
|
+
getChildrenIds: (nodeId: string | null) => string[];
|
|
10083
|
+
getNavigableChildrenIds: (nodeId: string | null) => string[];
|
|
10084
|
+
isNodeDisabled: (nodeId: string | null) => nodeId is string;
|
|
10085
|
+
}
|
|
10086
|
+
|
|
10055
10087
|
declare interface UseTreeViewNodesParameters {
|
|
10056
10088
|
/**
|
|
10057
10089
|
* If `true`, will allow focus on disabled items.
|
|
@@ -10060,6 +10092,14 @@ declare interface UseTreeViewNodesParameters {
|
|
|
10060
10092
|
disabledItemsFocusable?: boolean;
|
|
10061
10093
|
}
|
|
10062
10094
|
|
|
10095
|
+
declare interface UseTreeViewSelectionInstance {
|
|
10096
|
+
isNodeSelected: (nodeId: string) => boolean;
|
|
10097
|
+
selectNode: (event: React_2.SyntheticEvent, nodeId: string, multiple?: boolean) => void;
|
|
10098
|
+
selectRange: (event: React_2.SyntheticEvent, nodes: TreeViewItemRange, stacked?: boolean) => void;
|
|
10099
|
+
rangeSelectToFirst: (event: React_2.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
|
|
10100
|
+
rangeSelectToLast: (event: React_2.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
|
|
10101
|
+
}
|
|
10102
|
+
|
|
10063
10103
|
declare interface UseTreeViewSelectionParameters<Multiple extends boolean | undefined> {
|
|
10064
10104
|
/**
|
|
10065
10105
|
* If `true` selection is disabled.
|