@dxc-technology/halstack-react 0.0.0-7ffdc43 → 0.0.0-824a373

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 (112) hide show
  1. package/accordion/Accordion.js +122 -103
  2. package/accordion/Accordion.stories.tsx +1 -2
  3. package/accordion/Accordion.test.js +9 -10
  4. package/accordion/types.d.ts +5 -4
  5. package/accordion-group/AccordionGroup.js +1 -21
  6. package/accordion-group/AccordionGroup.stories.tsx +27 -1
  7. package/accordion-group/AccordionGroup.test.js +20 -45
  8. package/accordion-group/types.d.ts +10 -3
  9. package/alert/Alert.js +1 -1
  10. package/box/Box.js +1 -1
  11. package/box/types.d.ts +1 -0
  12. package/bulleted-list/types.d.ts +1 -1
  13. package/button/types.d.ts +1 -1
  14. package/card/types.d.ts +1 -0
  15. package/checkbox/Checkbox.d.ts +2 -2
  16. package/checkbox/Checkbox.js +92 -99
  17. package/checkbox/Checkbox.stories.tsx +79 -59
  18. package/checkbox/Checkbox.test.js +93 -16
  19. package/checkbox/types.d.ts +6 -2
  20. package/chip/types.d.ts +1 -1
  21. package/common/variables.js +26 -14
  22. package/date-input/DateInput.js +3 -3
  23. package/dialog/Dialog.js +52 -28
  24. package/dialog/Dialog.stories.tsx +57 -2
  25. package/dialog/Dialog.test.js +34 -4
  26. package/dialog/types.d.ts +3 -2
  27. package/dropdown/Dropdown.d.ts +1 -1
  28. package/dropdown/Dropdown.js +244 -247
  29. package/dropdown/Dropdown.stories.tsx +126 -63
  30. package/dropdown/Dropdown.test.js +509 -108
  31. package/dropdown/DropdownMenu.d.ts +4 -0
  32. package/dropdown/DropdownMenu.js +80 -0
  33. package/dropdown/DropdownMenuItem.d.ts +4 -0
  34. package/dropdown/DropdownMenuItem.js +92 -0
  35. package/dropdown/types.d.ts +25 -5
  36. package/file-input/FileInput.d.ts +2 -2
  37. package/file-input/FileInput.js +173 -217
  38. package/file-input/FileInput.stories.tsx +38 -10
  39. package/file-input/FileInput.test.js +53 -12
  40. package/file-input/FileItem.d.ts +4 -14
  41. package/file-input/FileItem.js +38 -63
  42. package/file-input/types.d.ts +17 -0
  43. package/flex/Flex.d.ts +1 -1
  44. package/flex/Flex.js +31 -19
  45. package/flex/types.d.ts +15 -4
  46. package/footer/Footer.stories.tsx +8 -1
  47. package/footer/types.d.ts +2 -1
  48. package/header/Header.js +74 -72
  49. package/header/Header.stories.tsx +4 -4
  50. package/header/Icons.js +2 -2
  51. package/header/types.d.ts +3 -2
  52. package/layout/ApplicationLayout.stories.tsx +1 -0
  53. package/link/types.d.ts +1 -1
  54. package/number-input/NumberInput.test.js +38 -1
  55. package/package.json +10 -10
  56. package/paginator/Paginator.js +2 -2
  57. package/paginator/Paginator.test.js +1 -1
  58. package/password-input/PasswordInput.test.js +13 -12
  59. package/progress-bar/ProgressBar.d.ts +2 -2
  60. package/progress-bar/ProgressBar.js +56 -50
  61. package/progress-bar/ProgressBar.stories.jsx +3 -1
  62. package/progress-bar/ProgressBar.test.js +67 -22
  63. package/progress-bar/types.d.ts +3 -4
  64. package/quick-nav/QuickNav.js +11 -12
  65. package/quick-nav/QuickNav.stories.tsx +97 -19
  66. package/radio-group/Radio.d.ts +1 -1
  67. package/radio-group/Radio.js +43 -28
  68. package/radio-group/RadioGroup.js +24 -24
  69. package/radio-group/RadioGroup.stories.tsx +1 -0
  70. package/radio-group/RadioGroup.test.js +123 -96
  71. package/radio-group/types.d.ts +2 -2
  72. package/resultsetTable/ResultsetTable.js +1 -3
  73. package/select/Listbox.d.ts +1 -1
  74. package/select/Listbox.js +25 -2
  75. package/select/Select.js +17 -32
  76. package/select/Select.stories.tsx +6 -5
  77. package/select/Select.test.js +321 -250
  78. package/select/types.d.ts +2 -4
  79. package/sidenav/types.d.ts +1 -1
  80. package/slider/Slider.d.ts +2 -2
  81. package/slider/Slider.js +120 -95
  82. package/slider/Slider.stories.tsx +7 -1
  83. package/slider/Slider.test.js +121 -21
  84. package/slider/types.d.ts +6 -2
  85. package/switch/Switch.d.ts +2 -2
  86. package/switch/Switch.js +135 -68
  87. package/switch/Switch.stories.tsx +8 -30
  88. package/switch/Switch.test.js +144 -17
  89. package/switch/types.d.ts +6 -2
  90. package/table/Table.js +1 -1
  91. package/tabs/Tab.d.ts +4 -0
  92. package/tabs/Tab.js +135 -0
  93. package/tabs/Tabs.js +360 -104
  94. package/tabs/Tabs.stories.tsx +74 -0
  95. package/tabs/Tabs.test.js +217 -6
  96. package/tabs/types.d.ts +15 -5
  97. package/tabs-nav/NavTabs.js +5 -5
  98. package/tabs-nav/Tab.js +3 -5
  99. package/tabs-nav/types.d.ts +1 -1
  100. package/tag/Tag.js +1 -1
  101. package/tag/types.d.ts +1 -1
  102. package/text-input/Icons.d.ts +8 -0
  103. package/text-input/Icons.js +60 -0
  104. package/text-input/Suggestion.js +7 -5
  105. package/text-input/Suggestions.d.ts +4 -0
  106. package/text-input/Suggestions.js +134 -0
  107. package/text-input/TextInput.js +189 -282
  108. package/text-input/TextInput.stories.tsx +189 -182
  109. package/text-input/TextInput.test.js +222 -163
  110. package/text-input/types.d.ts +22 -3
  111. package/toggle-group/types.d.ts +1 -1
  112. package/wizard/types.d.ts +1 -1
@@ -6,7 +6,7 @@ declare type Margin = {
6
6
  left?: Space;
7
7
  right?: Space;
8
8
  };
9
- declare type SVG = React.SVGProps<SVGSVGElement>;
9
+ declare type SVG = React.ReactNode & React.SVGProps<SVGSVGElement>;
10
10
  declare type Action = {
11
11
  /**
12
12
  * This function will be called when the user clicks the action.
@@ -159,20 +159,39 @@ declare type Props = {
159
159
  */
160
160
  tabIndex?: number;
161
161
  };
162
+ /**
163
+ * List of suggestions of an Text Input component.
164
+ */
165
+ export declare type SuggestionsProps = {
166
+ id: string;
167
+ value: string;
168
+ suggestions: string[];
169
+ visualFocusIndex: number;
170
+ highlightedSuggestions: boolean;
171
+ searchHasErrors: boolean;
172
+ isSearching: boolean;
173
+ suggestionOnClick: (suggestion: string) => void;
174
+ getTextInputWidth: () => number;
175
+ };
162
176
  /**
163
177
  * Reference to the component.
164
178
  */
165
179
  export declare type RefType = HTMLDivElement;
166
180
  /**
167
- * Single suggestion of the Autosuggest Text Input component.
181
+ * Single suggestion of an Text Input component.
168
182
  */
169
183
  export declare type SuggestionProps = {
170
184
  id: string;
171
185
  value: string;
172
- onClick: () => void;
186
+ onClick: (suggestion: string) => void;
173
187
  suggestion: string;
174
188
  isLast: boolean;
175
189
  visuallyFocused: boolean;
176
190
  highlighted: boolean;
177
191
  };
192
+ export declare type AutosuggestWrapperProps = {
193
+ condition: boolean;
194
+ wrapper: (children: React.ReactNode) => JSX.Element;
195
+ children: React.ReactNode;
196
+ };
178
197
  export default Props;
@@ -6,7 +6,7 @@ declare type Margin = {
6
6
  left?: Space;
7
7
  right?: Space;
8
8
  };
9
- declare type SVG = React.SVGProps<SVGSVGElement>;
9
+ declare type SVG = React.ReactNode & React.SVGProps<SVGSVGElement>;
10
10
  declare type OptionCommons = {
11
11
  /**
12
12
  * Number with the option inner value.
package/wizard/types.d.ts CHANGED
@@ -6,7 +6,7 @@ export declare type Margin = {
6
6
  left?: Space;
7
7
  right?: Space;
8
8
  };
9
- declare type SVG = React.SVGProps<SVGSVGElement>;
9
+ declare type SVG = React.ReactNode & React.SVGProps<SVGSVGElement>;
10
10
  declare type Step = {
11
11
  /**
12
12
  * Step label.