@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.
Files changed (34) hide show
  1. package/dist/AvatarGroup/AvatarGroupContext.js +1 -1
  2. package/dist/BaseCheckBox/CheckBoxIcon.js +1 -1
  3. package/dist/BaseRadio/RadioIcon.js +1 -1
  4. package/dist/Calendar/SingleCalendar/CalendarCell.js +1 -2
  5. package/dist/Calendar/model.js +0 -1
  6. package/dist/ColorPicker/Swatch.js +1 -1
  7. package/dist/Controls/context/ControlsContext.js +1 -2
  8. package/dist/DatePicker/DatePicker.js +1 -1
  9. package/dist/DatePicker/utils.js +1 -1
  10. package/dist/Dialog/context.js +1 -1
  11. package/dist/Dropdown/Dropdown.js +1 -1
  12. package/dist/Dropdown/List/List.js +1 -1
  13. package/dist/FilterGroup/FilterContent/FilterContent.js +14 -5
  14. package/dist/FilterGroup/FilterContent/HeaderButton.js +104 -0
  15. package/dist/FilterGroup/LeftPanel/LeftPanel.js +4 -1
  16. package/dist/Header/Header.styles.js +1 -0
  17. package/dist/IconContainer/IconContainer.js +1 -1
  18. package/dist/OverflowTooltip/OverflowTooltip.js +16 -26
  19. package/dist/QueryBuilder/utils/index.js +1 -1
  20. package/dist/Radio/Radio.js +1 -1
  21. package/dist/Select/OptionGroup.js +1 -1
  22. package/dist/SnackbarProvider/SnackbarProvider.js +2 -2
  23. package/dist/Switch/Switch.js +1 -1
  24. package/dist/Table/TableHeader/TableHeader.js +1 -1
  25. package/dist/Table/hooks/useHvRowSelection.js +1 -0
  26. package/dist/Table/renderers/renderers.js +2 -2
  27. package/dist/TextArea/TextArea.js +1 -1
  28. package/dist/TreeView/TreeItem/DefaultContent.js +1 -1
  29. package/dist/index.d.ts +54 -14
  30. package/dist/index.js +292 -292
  31. package/dist/themes/pentaho.js +3 -2
  32. package/dist/utils/Callout.js +1 -1
  33. package/dist/utils/focusableElementFinder.js +0 -1
  34. 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 HvListValue_2 = HvListValue_2>(props: HvDropdownProps<Multiple, OptionValue> & RefAttributes<HTMLDivElement>) => React.ReactNode;
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 HvBaseProps {
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
- /** Tooltip placement. */
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" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortable" | "sortButton" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
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.