@hitachivantara/uikit-react-core 5.30.1 → 5.31.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.
Files changed (96) hide show
  1. package/dist/cjs/components/ActionBar/ActionBar.styles.cjs +1 -1
  2. package/dist/cjs/components/ActionBar/ActionBar.styles.cjs.map +1 -1
  3. package/dist/cjs/components/BaseCheckBox/BaseCheckBox.cjs +4 -4
  4. package/dist/cjs/components/BaseCheckBox/BaseCheckBox.cjs.map +1 -1
  5. package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs +3 -2
  6. package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs.map +1 -1
  7. package/dist/cjs/components/BaseRadio/BaseRadio.cjs +3 -3
  8. package/dist/cjs/components/BaseRadio/BaseRadio.cjs.map +1 -1
  9. package/dist/cjs/components/BaseSwitch/BaseSwitch.cjs +3 -3
  10. package/dist/cjs/components/BaseSwitch/BaseSwitch.cjs.map +1 -1
  11. package/dist/cjs/components/CheckBox/CheckBox.cjs +3 -3
  12. package/dist/cjs/components/CheckBox/CheckBox.cjs.map +1 -1
  13. package/dist/cjs/components/CheckBoxGroup/CheckBoxGroup.cjs +3 -3
  14. package/dist/cjs/components/CheckBoxGroup/CheckBoxGroup.cjs.map +1 -1
  15. package/dist/cjs/components/ColorPicker/ColorPicker.cjs +4 -3
  16. package/dist/cjs/components/ColorPicker/ColorPicker.cjs.map +1 -1
  17. package/dist/cjs/components/DatePicker/DatePicker.cjs +12 -6
  18. package/dist/cjs/components/DatePicker/DatePicker.cjs.map +1 -1
  19. package/dist/cjs/components/Dropdown/Dropdown.cjs +12 -4
  20. package/dist/cjs/components/Dropdown/Dropdown.cjs.map +1 -1
  21. package/dist/cjs/components/FilterGroup/FilterContent/FilterContent.cjs +3 -3
  22. package/dist/cjs/components/FilterGroup/FilterContent/FilterContent.cjs.map +1 -1
  23. package/dist/cjs/components/FilterGroup/FilterGroup.cjs +4 -3
  24. package/dist/cjs/components/FilterGroup/FilterGroup.cjs.map +1 -1
  25. package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.cjs +12 -1
  26. package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.cjs.map +1 -1
  27. package/dist/cjs/components/List/List.cjs.map +1 -1
  28. package/dist/cjs/components/ListContainer/ListContainer.cjs +2 -2
  29. package/dist/cjs/components/ListContainer/ListContainer.cjs.map +1 -1
  30. package/dist/cjs/components/QueryBuilder/Context.cjs.map +1 -1
  31. package/dist/cjs/components/QueryBuilder/QueryBuilder.cjs.map +1 -1
  32. package/dist/cjs/components/Radio/Radio.cjs +3 -3
  33. package/dist/cjs/components/Radio/Radio.cjs.map +1 -1
  34. package/dist/cjs/components/RadioGroup/RadioGroup.cjs +3 -3
  35. package/dist/cjs/components/RadioGroup/RadioGroup.cjs.map +1 -1
  36. package/dist/cjs/components/SelectionList/SelectionList.cjs +7 -5
  37. package/dist/cjs/components/SelectionList/SelectionList.cjs.map +1 -1
  38. package/dist/cjs/components/Slider/Slider.cjs +5 -5
  39. package/dist/cjs/components/Slider/Slider.cjs.map +1 -1
  40. package/dist/cjs/components/Switch/Switch.cjs +3 -3
  41. package/dist/cjs/components/Switch/Switch.cjs.map +1 -1
  42. package/dist/cjs/components/TagsInput/TagsInput.cjs +5 -3
  43. package/dist/cjs/components/TagsInput/TagsInput.cjs.map +1 -1
  44. package/dist/cjs/components/TimePicker/TimePicker.cjs +14 -8
  45. package/dist/cjs/components/TimePicker/TimePicker.cjs.map +1 -1
  46. package/dist/cjs/index.cjs +4 -0
  47. package/dist/cjs/index.cjs.map +1 -1
  48. package/dist/esm/components/ActionBar/ActionBar.styles.js +1 -1
  49. package/dist/esm/components/ActionBar/ActionBar.styles.js.map +1 -1
  50. package/dist/esm/components/BaseCheckBox/BaseCheckBox.js +5 -5
  51. package/dist/esm/components/BaseCheckBox/BaseCheckBox.js.map +1 -1
  52. package/dist/esm/components/BaseDropdown/BaseDropdown.js +4 -3
  53. package/dist/esm/components/BaseDropdown/BaseDropdown.js.map +1 -1
  54. package/dist/esm/components/BaseRadio/BaseRadio.js +4 -4
  55. package/dist/esm/components/BaseRadio/BaseRadio.js.map +1 -1
  56. package/dist/esm/components/BaseSwitch/BaseSwitch.js +4 -4
  57. package/dist/esm/components/BaseSwitch/BaseSwitch.js.map +1 -1
  58. package/dist/esm/components/CheckBox/CheckBox.js +4 -4
  59. package/dist/esm/components/CheckBox/CheckBox.js.map +1 -1
  60. package/dist/esm/components/CheckBoxGroup/CheckBoxGroup.js +4 -4
  61. package/dist/esm/components/CheckBoxGroup/CheckBoxGroup.js.map +1 -1
  62. package/dist/esm/components/ColorPicker/ColorPicker.js +4 -3
  63. package/dist/esm/components/ColorPicker/ColorPicker.js.map +1 -1
  64. package/dist/esm/components/DatePicker/DatePicker.js +13 -7
  65. package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
  66. package/dist/esm/components/Dropdown/Dropdown.js +13 -5
  67. package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
  68. package/dist/esm/components/FilterGroup/FilterContent/FilterContent.js +4 -4
  69. package/dist/esm/components/FilterGroup/FilterContent/FilterContent.js.map +1 -1
  70. package/dist/esm/components/FilterGroup/FilterGroup.js +4 -3
  71. package/dist/esm/components/FilterGroup/FilterGroup.js.map +1 -1
  72. package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.js +12 -1
  73. package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.js.map +1 -1
  74. package/dist/esm/components/List/List.js.map +1 -1
  75. package/dist/esm/components/ListContainer/ListContainer.js +2 -2
  76. package/dist/esm/components/ListContainer/ListContainer.js.map +1 -1
  77. package/dist/esm/components/QueryBuilder/Context.js.map +1 -1
  78. package/dist/esm/components/QueryBuilder/QueryBuilder.js.map +1 -1
  79. package/dist/esm/components/Radio/Radio.js +4 -4
  80. package/dist/esm/components/Radio/Radio.js.map +1 -1
  81. package/dist/esm/components/RadioGroup/RadioGroup.js +4 -4
  82. package/dist/esm/components/RadioGroup/RadioGroup.js.map +1 -1
  83. package/dist/esm/components/SelectionList/SelectionList.js +8 -6
  84. package/dist/esm/components/SelectionList/SelectionList.js.map +1 -1
  85. package/dist/esm/components/Slider/Slider.js +5 -5
  86. package/dist/esm/components/Slider/Slider.js.map +1 -1
  87. package/dist/esm/components/Switch/Switch.js +4 -4
  88. package/dist/esm/components/Switch/Switch.js.map +1 -1
  89. package/dist/esm/components/TagsInput/TagsInput.js +6 -4
  90. package/dist/esm/components/TagsInput/TagsInput.js.map +1 -1
  91. package/dist/esm/components/TimePicker/TimePicker.js +15 -9
  92. package/dist/esm/components/TimePicker/TimePicker.js.map +1 -1
  93. package/dist/esm/index.js +4 -0
  94. package/dist/esm/index.js.map +1 -1
  95. package/dist/types/index.d.ts +344 -184
  96. package/package.json +5 -5
@@ -83,6 +83,7 @@ import { RefObject } from 'react';
83
83
  import { Renderer } from 'react-table';
84
84
  import { Row } from 'react-table';
85
85
  import { SliderProps } from 'rc-slider';
86
+ import { SliderRef } from 'rc-slider';
86
87
  import { SnackbarCloseReason } from '@mui/material/Snackbar';
87
88
  import { SnackbarContentProps } from '@mui/material/SnackbarContent';
88
89
  import type { SnackbarKey } from 'notistack';
@@ -236,14 +237,6 @@ declare type AsProp<C extends React.ElementType> = {
236
237
  component?: C;
237
238
  };
238
239
 
239
- declare interface Attribute extends Record<string, unknown> {
240
- id?: string;
241
- label: string;
242
- type: string;
243
- value?: unknown;
244
- order?: number;
245
- }
246
-
247
240
  export declare const avatarClasses: {
248
241
  img: "HvAvatar-img";
249
242
  root: "HvAvatar-root";
@@ -622,16 +615,6 @@ export declare interface DateRangeProp {
622
615
  endDate?: Date;
623
616
  }
624
617
 
625
- declare interface DateTimeRange {
626
- start?: DateTimeStrings;
627
- end?: DateTimeStrings;
628
- }
629
-
630
- declare interface DateTimeStrings {
631
- date?: string;
632
- time?: string;
633
- }
634
-
635
618
  export declare const decreaseSize: (size: string) => "L" | "M" | "S" | "XS";
636
619
 
637
620
  /** This type allows to do a deep partial by applying the Partial type to each key recursively */
@@ -1376,7 +1359,7 @@ export declare type HvBannerVariant = "success" | "warning" | "error" | "default
1376
1359
  * The Base Checkbox is a building block of the Checkbox form element. Don't use unless
1377
1360
  * implementing a custom use case not covered by the Checkbox form element.
1378
1361
  */
1379
- export declare const HvBaseCheckBox: (props: HvBaseCheckBoxProps) => JSX_2.Element;
1362
+ export declare const HvBaseCheckBox: React_2.ForwardRefExoticComponent<Omit<HvBaseCheckBoxProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
1380
1363
 
1381
1364
  export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_52>;
1382
1365
 
@@ -1453,7 +1436,7 @@ export declare type HvBaseColorKeys = HvBaseColor;
1453
1436
 
1454
1437
  export declare type HvBaseColors = Record<HvBaseColorKeys, string>;
1455
1438
 
1456
- export declare const HvBaseDropdown: (props: HvBaseDropdownProps) => JSX_2.Element;
1439
+ export declare const HvBaseDropdown: React_2.ForwardRefExoticComponent<Omit<HvBaseDropdownProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
1457
1440
 
1458
1441
  export declare type HvBaseDropdownClasses = ExtractNames<typeof useClasses_14>;
1459
1442
 
@@ -1535,11 +1518,13 @@ export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement,
1535
1518
  /**
1536
1519
  * Pass a ref to the dropdown header element.
1537
1520
  */
1538
- dropdownHeaderRef?: React_2.Ref<any>;
1521
+ dropdownHeaderRef?: React_2.Ref<HTMLDivElement>;
1539
1522
  /**
1540
1523
  * A Jss Object used to override or extend the component styles applied.
1541
1524
  */
1542
1525
  classes?: HvBaseDropdownClasses;
1526
+ /** @ignore */
1527
+ ref?: React_2.Ref<HTMLDivElement>;
1543
1528
  }
1544
1529
 
1545
1530
  /**
@@ -1593,7 +1578,7 @@ export declare type HvBaseProps<E extends HTMLElement = HTMLDivElement, K extend
1593
1578
  * The Base Radio Button is a building block of the Radio Button form element. Don't
1594
1579
  * use unless implementing a custom use case not covered by the Radio Button form element.
1595
1580
  */
1596
- export declare const HvBaseRadio: (props: HvBaseRadioProps) => JSX_2.Element;
1581
+ export declare const HvBaseRadio: React_2.ForwardRefExoticComponent<Omit<HvBaseRadioProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
1597
1582
 
1598
1583
  export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_53>;
1599
1584
 
@@ -1671,7 +1656,7 @@ export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" |
1671
1656
  * The Base Switch is a building block of the Switch form element. Don't use unless
1672
1657
  * implementing a custom use case not covered by the Switch form element.
1673
1658
  */
1674
- export declare const HvBaseSwitch: (props: HvBaseSwitchProps) => JSX_2.Element;
1659
+ export declare const HvBaseSwitch: React_2.ForwardRefExoticComponent<Omit<HvBaseSwitchProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
1675
1660
 
1676
1661
  export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_56>;
1677
1662
 
@@ -2238,14 +2223,14 @@ export declare interface HvCharCounterProps extends HvBaseProps {
2238
2223
  * It can also be used individually to represent the toggle of a single option, when
2239
2224
  * the Toggle Switch and Toggle Button aren't more appropriate.
2240
2225
  */
2241
- export declare const HvCheckBox: (props: HvCheckBoxProps) => JSX_2.Element;
2226
+ export declare const HvCheckBox: ForwardRefExoticComponent<Omit<HvCheckBoxProps, "ref"> & RefAttributes<HTMLButtonElement>>;
2242
2227
 
2243
2228
  export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_57>;
2244
2229
 
2245
2230
  /**
2246
2231
  * A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.
2247
2232
  */
2248
- export declare const HvCheckBoxGroup: (props: HvCheckBoxGroupProps) => JSX_2.Element;
2233
+ export declare const HvCheckBoxGroup: ForwardRefExoticComponent<HvCheckBoxGroupProps & RefAttributes<HTMLDivElement>>;
2249
2234
 
2250
2235
  export declare type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_63>;
2251
2236
 
@@ -2377,7 +2362,7 @@ export { HvColorAny }
2377
2362
  * A color picker component which allows the user to select a color from a list of pre-defined colors or freely select one color via the Hue and Saturation.
2378
2363
  * It receives a color string in HEX format and outputs an HEX formatted color.
2379
2364
  */
2380
- export declare const HvColorPicker: (props: HvColorPickerProps) => JSX_2.Element;
2365
+ export declare const HvColorPicker: ForwardRefExoticComponent<HvColorPickerProps & RefAttributes<HTMLDivElement>>;
2381
2366
 
2382
2367
  export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_115>;
2383
2368
 
@@ -2611,7 +2596,7 @@ export declare interface HvDateColumnCellProp {
2611
2596
  * A date picker, popup calendar or date range picker is a graphical user
2612
2597
  * interface widget which allows the user to select a date from a calendar.
2613
2598
  */
2614
- export declare const HvDatePicker: (props: HvDatePickerProps) => JSX_2.Element;
2599
+ export declare const HvDatePicker: ForwardRefExoticComponent<HvDatePickerProps & RefAttributes<HTMLDivElement>>;
2615
2600
 
2616
2601
  export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_107>;
2617
2602
 
@@ -2884,7 +2869,7 @@ export declare interface HvDrawerProps extends DrawerProps, Omit<DrawerProps, "c
2884
2869
  /**
2885
2870
  * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.
2886
2871
  */
2887
- export declare const HvDropdown: (props: HvDropdownProps) => JSX_2.Element;
2872
+ export declare const HvDropdown: ForwardRefExoticComponent<HvDropdownProps & RefAttributes<HTMLDivElement>>;
2888
2873
 
2889
2874
  export declare type HvDropdownClasses = ExtractNames<typeof useClasses_81>;
2890
2875
 
@@ -3203,7 +3188,7 @@ export declare interface HvDropdownProps extends HvBaseProps<HTMLDivElement, "on
3203
3188
  /**
3204
3189
  * Extra props passed to the dropdown.
3205
3190
  */
3206
- baseDropdownProps?: HvBaseDropdownProps;
3191
+ baseDropdownProps?: Partial<HvBaseDropdownProps>;
3207
3192
  /**
3208
3193
  * Extra props passed to the list.
3209
3194
  */
@@ -3434,7 +3419,7 @@ export declare interface HvFileUploaderProps extends HvBaseProps {
3434
3419
  * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,
3435
3420
  * while we do not provide a better approach for building this component with smaller and more composable parts.
3436
3421
  */
3437
- export declare const HvFilterGroup: (props: HvFilterGroupProps) => JSX_2.Element;
3422
+ export declare const HvFilterGroup: ForwardRefExoticComponent<HvFilterGroupProps & RefAttributes<HTMLDivElement>>;
3438
3423
 
3439
3424
  export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_105>;
3440
3425
 
@@ -4299,7 +4284,7 @@ export declare type HvListClasses = ExtractNames<typeof useClasses_64>;
4299
4284
  * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.
4300
4285
  * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.
4301
4286
  */
4302
- export declare const HvListContainer: React_2.ForwardRefExoticComponent<HvListContainerProps & React_2.RefAttributes<unknown>>;
4287
+ export declare const HvListContainer: React_2.ForwardRefExoticComponent<HvListContainerProps & React_2.RefAttributes<HTMLUListElement>>;
4303
4288
 
4304
4289
  export declare type HvListContainerClasses = ExtractNames<typeof useClasses_3>;
4305
4290
 
@@ -4744,27 +4729,315 @@ export declare interface HvProviderProps {
4744
4729
  */
4745
4730
  export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_2.Element;
4746
4731
 
4732
+ export declare interface HvQueryBuilderAttribute extends Record<string, unknown> {
4733
+ id?: string;
4734
+ label: string;
4735
+ type: string;
4736
+ value?: unknown;
4737
+ order?: number;
4738
+ }
4739
+
4747
4740
  export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_114>;
4748
4741
 
4742
+ export declare interface HvQueryBuilderDateTimeRange {
4743
+ start?: HvQueryBuilderDateTimeStrings;
4744
+ end?: HvQueryBuilderDateTimeStrings;
4745
+ }
4746
+
4747
+ export declare interface HvQueryBuilderDateTimeStrings {
4748
+ date?: string;
4749
+ time?: string;
4750
+ }
4751
+
4752
+ export declare const hvQueryBuilderDefaultCombinators: {
4753
+ operand: string;
4754
+ label: string;
4755
+ }[];
4756
+
4757
+ export declare const hvQueryBuilderDefaultLabels: {
4758
+ query: {
4759
+ delete: {
4760
+ ariaLabel: string;
4761
+ tooltip: string;
4762
+ dialogTitle: string;
4763
+ dialogMessage: string;
4764
+ dialogConfirm: string;
4765
+ dialogCancel: string;
4766
+ dialogCloseTooltip: string;
4767
+ };
4768
+ };
4769
+ rule: {
4770
+ attribute: {
4771
+ label: string;
4772
+ placeholder: string;
4773
+ exists: string;
4774
+ };
4775
+ operator: {
4776
+ label: string;
4777
+ placeholder: string;
4778
+ };
4779
+ value: {
4780
+ distance: {
4781
+ label: string;
4782
+ connectorText: string;
4783
+ button: string;
4784
+ validation: {
4785
+ required: string;
4786
+ invalid: string;
4787
+ };
4788
+ };
4789
+ text: {
4790
+ label: string;
4791
+ placeholder: string;
4792
+ validation: {
4793
+ required: string;
4794
+ };
4795
+ };
4796
+ boolean: {
4797
+ label: string;
4798
+ placeholder: string;
4799
+ options: {
4800
+ true: string;
4801
+ false: string;
4802
+ };
4803
+ };
4804
+ numeric: {
4805
+ label: string;
4806
+ placeholder: string;
4807
+ validation: {
4808
+ required: string;
4809
+ invalid: string;
4810
+ equal: string;
4811
+ greaterThan: string;
4812
+ };
4813
+ range: {
4814
+ leftLabel: string;
4815
+ rightLabel: string;
4816
+ };
4817
+ };
4818
+ datetime: {
4819
+ dateLabel: string;
4820
+ datePlaceholder: string;
4821
+ timeLabel: string;
4822
+ timePlaceholder: string;
4823
+ startDateLabel: string;
4824
+ startDatePlaceholder: string;
4825
+ startTimeLabel: string;
4826
+ startTimePlaceholder: string;
4827
+ endDateLabel: string;
4828
+ endDatePlaceholder: string;
4829
+ endTimeLabel: string;
4830
+ endTimePlaceholder: string;
4831
+ validation: {
4832
+ required: string;
4833
+ invalidInterval: string;
4834
+ };
4835
+ };
4836
+ };
4837
+ delete: {
4838
+ ariaLabel: string;
4839
+ tooltip: string;
4840
+ dialogTitle: string;
4841
+ dialogMessage: string;
4842
+ dialogConfirm: string;
4843
+ dialogCancel: string;
4844
+ dialogCloseTooltip: string;
4845
+ };
4846
+ };
4847
+ group: {
4848
+ delete: {
4849
+ ariaLabel: string;
4850
+ tooltip: string;
4851
+ dialogTitle: string;
4852
+ dialogMessage: string;
4853
+ dialogConfirm: string;
4854
+ dialogCancel: string;
4855
+ dialogCloseTooltip: string;
4856
+ };
4857
+ reset: {
4858
+ ariaLabel: string;
4859
+ tooltip: string;
4860
+ dialogTitle: string;
4861
+ dialogMessage: string;
4862
+ dialogConfirm: string;
4863
+ dialogCancel: string;
4864
+ dialogCloseTooltip: string;
4865
+ };
4866
+ addRule: {
4867
+ label: string;
4868
+ };
4869
+ addGroup: {
4870
+ label: string;
4871
+ };
4872
+ };
4873
+ empty: {
4874
+ title: string;
4875
+ createCondition: string;
4876
+ createGroup: string;
4877
+ spacer: string;
4878
+ };
4879
+ };
4880
+
4881
+ export declare const hvQueryBuilderDefaultOperators: {
4882
+ numeric: {
4883
+ operator: string;
4884
+ label: string;
4885
+ combinators: string[];
4886
+ }[];
4887
+ text: {
4888
+ operator: string;
4889
+ label: string;
4890
+ combinators: string[];
4891
+ }[];
4892
+ textarea: {
4893
+ operator: string;
4894
+ label: string;
4895
+ combinators: string[];
4896
+ }[];
4897
+ boolean: {
4898
+ operator: string;
4899
+ label: string;
4900
+ combinators: string[];
4901
+ }[];
4902
+ dateandtime: {
4903
+ operator: string;
4904
+ label: string;
4905
+ combinators: string[];
4906
+ }[];
4907
+ };
4908
+
4909
+ export declare interface HvQueryBuilderLabels {
4910
+ query?: {
4911
+ delete?: {
4912
+ ariaLabel: string;
4913
+ tooltip?: string;
4914
+ } & DialogLabels;
4915
+ addRule?: {
4916
+ label: string;
4917
+ };
4918
+ addGroup?: {
4919
+ label: string;
4920
+ };
4921
+ };
4922
+ rule: {
4923
+ attribute: {
4924
+ exists: string;
4925
+ label: string;
4926
+ placeholder: string;
4927
+ };
4928
+ operator: {
4929
+ label: string;
4930
+ placeholder: string;
4931
+ };
4932
+ value: {
4933
+ distance: {
4934
+ label: string;
4935
+ placeholder?: string;
4936
+ connectorText: string;
4937
+ button: string;
4938
+ validation: {
4939
+ required: string;
4940
+ invalid: string;
4941
+ };
4942
+ };
4943
+ text: {
4944
+ label: string;
4945
+ placeholder: string;
4946
+ validation: {
4947
+ required: string;
4948
+ };
4949
+ };
4950
+ boolean: {
4951
+ label: string;
4952
+ placeholder: string;
4953
+ options: Record<string, string>;
4954
+ };
4955
+ numeric: {
4956
+ label: string;
4957
+ placeholder: string;
4958
+ validation: {
4959
+ required: string;
4960
+ invalid: string;
4961
+ equal: string;
4962
+ greaterThan: string;
4963
+ };
4964
+ range: {
4965
+ leftLabel: string;
4966
+ rightLabel: string;
4967
+ };
4968
+ };
4969
+ datetime: {
4970
+ dateLabel: string;
4971
+ datePlaceholder: string;
4972
+ timeLabel: string;
4973
+ timePlaceholder: string;
4974
+ startDateLabel: string;
4975
+ startDatePlaceholder: string;
4976
+ startTimeLabel: string;
4977
+ startTimePlaceholder: string;
4978
+ endDateLabel: string;
4979
+ endDatePlaceholder: string;
4980
+ endTimeLabel: string;
4981
+ endTimePlaceholder: string;
4982
+ validation: {
4983
+ required: string;
4984
+ invalidInterval: string;
4985
+ };
4986
+ };
4987
+ };
4988
+ delete: {
4989
+ ariaLabel: string;
4990
+ tooltip?: string;
4991
+ } & DialogLabels;
4992
+ };
4993
+ group: {
4994
+ delete: {
4995
+ ariaLabel: string;
4996
+ tooltip?: string;
4997
+ } & DialogLabels;
4998
+ reset: {
4999
+ ariaLabel: string;
5000
+ tooltip?: string;
5001
+ } & DialogLabels;
5002
+ addRule: {
5003
+ label: string;
5004
+ };
5005
+ addGroup: {
5006
+ label: string;
5007
+ };
5008
+ };
5009
+ empty: {
5010
+ title: string;
5011
+ createCondition: string;
5012
+ createGroup: string;
5013
+ spacer: string;
5014
+ };
5015
+ }
5016
+
5017
+ export declare interface HvQueryBuilderNumericRange {
5018
+ from: number | string;
5019
+ to: number | string;
5020
+ }
5021
+
4749
5022
  export declare interface HvQueryBuilderProps {
4750
- attributes?: Record<string, Attribute>;
5023
+ attributes?: Record<string, HvQueryBuilderAttribute>;
4751
5024
  /**
4752
5025
  * The query rules operators by attribute type and combinator.
4753
5026
  */
4754
- operators?: Record<string, QueryOperator[]>;
5027
+ operators?: Record<string, HvQueryBuilderQueryOperator[]>;
4755
5028
  /**
4756
5029
  * The query combinators operands.
4757
5030
  */
4758
- combinators?: QueryCombinator[];
5031
+ combinators?: HvQueryBuilderQueryCombinator[];
4759
5032
  /**
4760
5033
  * The initial query representation.
4761
5034
  */
4762
- query?: Query;
5035
+ query?: HvQueryBuilderQuery;
4763
5036
  /**
4764
5037
  * Callback fired when query changes.
4765
- * @param {Query} value - the query representation.
5038
+ * @param value - the query representation.
4766
5039
  */
4767
- onChange?: (value: Query) => void;
5040
+ onChange?: (value: HvQueryBuilderQuery) => void;
4768
5041
  /**
4769
5042
  * Max depth of nested query groups.
4770
5043
  */
@@ -4772,7 +5045,7 @@ export declare interface HvQueryBuilderProps {
4772
5045
  /**
4773
5046
  * An object containing all the labels.
4774
5047
  */
4775
- labels?: QueryBuilderLabels;
5048
+ labels?: HvQueryBuilderLabels;
4776
5049
  /**
4777
5050
  * A flag indicating if the Query Builder is in read only mode.
4778
5051
  */
@@ -4784,6 +5057,32 @@ export declare interface HvQueryBuilderProps {
4784
5057
  classes?: HvQueryBuilderClasses;
4785
5058
  }
4786
5059
 
5060
+ export declare interface HvQueryBuilderQuery {
5061
+ id?: number;
5062
+ combinator: string;
5063
+ rules: Array<HvQueryBuilderQueryRule>;
5064
+ }
5065
+
5066
+ export declare interface HvQueryBuilderQueryCombinator {
5067
+ operand: string;
5068
+ label: string;
5069
+ }
5070
+
5071
+ export declare interface HvQueryBuilderQueryOperator {
5072
+ operator: string;
5073
+ label: string;
5074
+ combinators: string[];
5075
+ }
5076
+
5077
+ export declare interface HvQueryBuilderQueryRule {
5078
+ id?: number | string;
5079
+ attribute?: string;
5080
+ operator?: string;
5081
+ value?: HvQueryBuilderQueryRuleValue;
5082
+ }
5083
+
5084
+ export declare type HvQueryBuilderQueryRuleValue = string | number | boolean | HvQueryBuilderNumericRange | HvQueryBuilderDateTimeStrings | HvQueryBuilderDateTimeRange;
5085
+
4787
5086
  /**
4788
5087
  * A Radio Button is a mechanism that allows user to select just an option from a group of options.
4789
5088
  *
@@ -4793,7 +5092,7 @@ export declare interface HvQueryBuilderProps {
4793
5092
  * Individual use of radio buttons, at least uncontrolled, is unadvised as React state management doesn't
4794
5093
  * respond to the browser's native management of radio inputs checked state.
4795
5094
  */
4796
- export declare const HvRadio: (props: HvRadioProps) => JSX_2.Element;
5095
+ export declare const HvRadio: React_2.ForwardRefExoticComponent<Omit<HvRadioProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
4797
5096
 
4798
5097
  export declare type HvRadioClasses = ExtractNames<typeof useClasses_60>;
4799
5098
 
@@ -4802,7 +5101,7 @@ export declare type HvRadioClasses = ExtractNames<typeof useClasses_60>;
4802
5101
  *
4803
5102
  * A radio group is a type of selection list that can only have a single entry checked at any one time.
4804
5103
  */
4805
- export declare const HvRadioGroup: (props: HvRadioGroupProps) => JSX_2.Element;
5104
+ export declare const HvRadioGroup: ForwardRefExoticComponent<HvRadioGroupProps & RefAttributes<HTMLDivElement>>;
4806
5105
 
4807
5106
  export declare type HvRadioGroupClasses = ExtractNames<typeof useClasses_65>;
4808
5107
 
@@ -5119,7 +5418,7 @@ export declare interface HvScrollToVerticalProps extends HvBaseProps<HTMLOListEl
5119
5418
  * Although it supports multi-selection, DS recommends the use of a selection list
5120
5419
  * when it’s clear that the user can only select just one option from the range provided.
5121
5420
  */
5122
- export declare const HvSelectionList: (props: HvSelectionListProps) => JSX_2.Element;
5421
+ export declare const HvSelectionList: React_2.ForwardRefExoticComponent<HvSelectionListProps & React_2.RefAttributes<HTMLUListElement>>;
5123
5422
 
5124
5423
  export declare type HvSelectionListClasses = ExtractNames<typeof useClasses_11>;
5125
5424
 
@@ -5220,7 +5519,7 @@ export { HvSize }
5220
5519
  /**
5221
5520
  * Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.
5222
5521
  */
5223
- export declare const HvSlider: (props: HvSliderProps) => JSX_2.Element;
5522
+ export declare const HvSlider: React_2.ForwardRefExoticComponent<HvSliderProps & React_2.RefAttributes<SliderRef>>;
5224
5523
 
5225
5524
  export declare type HvSliderClasses = ExtractNames<typeof useClasses_104>;
5226
5525
 
@@ -5516,7 +5815,7 @@ export declare type HvSupportColors = Record<HvSupportColorKeys, string>;
5516
5815
  * Use when two states are <b>opposite</b> and to trigger immediate
5517
5816
  * changes in the system.
5518
5817
  */
5519
- export declare const HvSwitch: (props: HvSwitchProps) => JSX_2.Element;
5818
+ export declare const HvSwitch: React_2.ForwardRefExoticComponent<Omit<HvSwitchProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
5520
5819
 
5521
5820
  export declare type HvSwitchClasses = ExtractNames<typeof useClasses_59>;
5522
5821
 
@@ -6021,7 +6320,7 @@ export declare interface HvTagProps extends Omit<ChipProps, "color" | "classes">
6021
6320
  /**
6022
6321
  * A tags input is a single or multiline control that allows the input of tags.
6023
6322
  */
6024
- export declare const HvTagsInput: (props: HvTagsInputProps) => JSX_2.Element;
6323
+ export declare const HvTagsInput: React_2.ForwardRefExoticComponent<HvTagsInputProps & React_2.RefAttributes<HTMLUListElement>>;
6025
6324
 
6026
6325
  export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_62>;
6027
6326
 
@@ -6279,7 +6578,7 @@ export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = Polymorp
6279
6578
  /**
6280
6579
  * A Time Picker allows the user to choose a specific time or a time range.
6281
6580
  */
6282
- export declare const HvTimePicker: (props: HvTimePickerProps) => JSX_2.Element;
6581
+ export declare const HvTimePicker: ForwardRefExoticComponent<HvTimePickerProps & RefAttributes<HTMLDivElement>>;
6283
6582
 
6284
6583
  export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_118>;
6285
6584
 
@@ -7134,11 +7433,6 @@ export declare type NavigationMode = "treeview" | "navigation" | "slider";
7134
7433
 
7135
7434
  export declare const normalizeProgressBar: (value: number, max: number) => number;
7136
7435
 
7137
- declare interface NumericRange {
7138
- from: number | string;
7139
- to: number | string;
7140
- }
7141
-
7142
7436
  export declare const outlineStyles: {
7143
7437
  outlineColor: string;
7144
7438
  outlineStyle: string;
@@ -7204,12 +7498,6 @@ export declare const progressBarClasses: {
7204
7498
 
7205
7499
  declare type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
7206
7500
 
7207
- declare interface Query {
7208
- id?: number;
7209
- combinator: string;
7210
- rules: Array<QueryRule>;
7211
- }
7212
-
7213
7501
  export declare const queryBuilderClasses: {
7214
7502
  root: "HvQueryBuilder-root";
7215
7503
  topGroup: "HvQueryBuilder-topGroup";
@@ -7228,134 +7516,6 @@ export declare const queryBuilderClasses: {
7228
7516
  buttonBackground: "HvQueryBuilder-buttonBackground";
7229
7517
  };
7230
7518
 
7231
- declare interface QueryBuilderLabels {
7232
- query?: {
7233
- delete?: {
7234
- ariaLabel: string;
7235
- tooltip?: string;
7236
- } & DialogLabels;
7237
- addRule?: {
7238
- label: string;
7239
- };
7240
- addGroup?: {
7241
- label: string;
7242
- };
7243
- };
7244
- rule: {
7245
- attribute: {
7246
- exists: string;
7247
- label: string;
7248
- placeholder: string;
7249
- };
7250
- operator: {
7251
- label: string;
7252
- placeholder: string;
7253
- };
7254
- value: {
7255
- distance: {
7256
- label: string;
7257
- placeholder?: string;
7258
- connectorText: string;
7259
- button: string;
7260
- validation: {
7261
- required: string;
7262
- invalid: string;
7263
- };
7264
- };
7265
- text: {
7266
- label: string;
7267
- placeholder: string;
7268
- validation: {
7269
- required: string;
7270
- };
7271
- };
7272
- boolean: {
7273
- label: string;
7274
- placeholder: string;
7275
- options: Record<string, string>;
7276
- };
7277
- numeric: {
7278
- label: string;
7279
- placeholder: string;
7280
- validation: {
7281
- required: string;
7282
- invalid: string;
7283
- equal: string;
7284
- greaterThan: string;
7285
- };
7286
- range: {
7287
- leftLabel: string;
7288
- rightLabel: string;
7289
- };
7290
- };
7291
- datetime: {
7292
- dateLabel: string;
7293
- datePlaceholder: string;
7294
- timeLabel: string;
7295
- timePlaceholder: string;
7296
- startDateLabel: string;
7297
- startDatePlaceholder: string;
7298
- startTimeLabel: string;
7299
- startTimePlaceholder: string;
7300
- endDateLabel: string;
7301
- endDatePlaceholder: string;
7302
- endTimeLabel: string;
7303
- endTimePlaceholder: string;
7304
- validation: {
7305
- required: string;
7306
- invalidInterval: string;
7307
- };
7308
- };
7309
- };
7310
- delete: {
7311
- ariaLabel: string;
7312
- tooltip?: string;
7313
- } & DialogLabels;
7314
- };
7315
- group: {
7316
- delete: {
7317
- ariaLabel: string;
7318
- tooltip?: string;
7319
- } & DialogLabels;
7320
- reset: {
7321
- ariaLabel: string;
7322
- tooltip?: string;
7323
- } & DialogLabels;
7324
- addRule: {
7325
- label: string;
7326
- };
7327
- addGroup: {
7328
- label: string;
7329
- };
7330
- };
7331
- empty: {
7332
- title: string;
7333
- createCondition: string;
7334
- createGroup: string;
7335
- spacer: string;
7336
- };
7337
- }
7338
-
7339
- declare interface QueryCombinator {
7340
- operand: string;
7341
- label: string;
7342
- }
7343
-
7344
- declare interface QueryOperator {
7345
- operator: string;
7346
- label: string;
7347
- combinators: string[];
7348
- }
7349
-
7350
- declare interface QueryRule {
7351
- id?: number | string;
7352
- attribute?: string;
7353
- operator?: string;
7354
- value?: QueryRuleValue;
7355
- }
7356
-
7357
- declare type QueryRuleValue = string | number | boolean | NumericRange | DateTimeStrings | DateTimeRange;
7358
-
7359
7519
  export declare const radioClasses: {
7360
7520
  label: "HvRadio-label";
7361
7521
  root: "HvRadio-root";