@dxc-technology/halstack-react 0.0.0-2b0d695 → 0.0.0-2b5b4b0

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 (220) hide show
  1. package/BackgroundColorContext.js +50 -0
  2. package/ThemeContext.js +246 -0
  3. package/{dist/select/Select.js → V3Select/V3Select.js} +38 -132
  4. package/V3Select/index.d.ts +27 -0
  5. package/{dist/V3Textarea → V3Textarea}/V3Textarea.js +10 -14
  6. package/V3Textarea/index.d.ts +27 -0
  7. package/accordion/Accordion.d.ts +4 -0
  8. package/{dist/accordion → accordion}/Accordion.js +35 -130
  9. package/accordion/types.d.ts +68 -0
  10. package/accordion/types.js +5 -0
  11. package/accordion-group/AccordionGroup.d.ts +7 -0
  12. package/accordion-group/AccordionGroup.js +170 -0
  13. package/accordion-group/types.d.ts +72 -0
  14. package/accordion-group/types.js +5 -0
  15. package/alert/Alert.d.ts +4 -0
  16. package/{dist/alert → alert}/Alert.js +38 -151
  17. package/alert/types.d.ts +49 -0
  18. package/alert/types.js +5 -0
  19. package/badge/Badge.js +59 -0
  20. package/{dist/box → box}/Box.js +9 -13
  21. package/box/Box.stories.jsx +132 -0
  22. package/box/index.d.ts +25 -0
  23. package/button/Button.d.ts +4 -0
  24. package/{dist/button → button}/Button.js +15 -71
  25. package/button/Button.stories.tsx +293 -0
  26. package/button/types.d.ts +57 -0
  27. package/button/types.js +5 -0
  28. package/card/Card.d.ts +4 -0
  29. package/{dist/card → card}/Card.js +32 -121
  30. package/card/types.d.ts +69 -0
  31. package/card/types.js +5 -0
  32. package/checkbox/Checkbox.d.ts +4 -0
  33. package/{dist/checkbox → checkbox}/Checkbox.js +16 -63
  34. package/checkbox/types.d.ts +60 -0
  35. package/checkbox/types.js +5 -0
  36. package/{dist/chip → chip}/Chip.js +17 -61
  37. package/chip/index.d.ts +22 -0
  38. package/{dist/common → common}/OpenSans.css +0 -0
  39. package/{dist/common → common}/RequiredComponent.js +3 -11
  40. package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
  41. package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
  42. package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
  43. package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  44. package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
  45. package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
  46. package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
  47. package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
  48. package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
  49. package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  50. package/{dist/common → common}/utils.js +0 -0
  51. package/{dist/common → common}/variables.js +128 -130
  52. package/{dist/date → date}/Date.js +21 -27
  53. package/date/index.d.ts +27 -0
  54. package/date-input/DateInput.d.ts +4 -0
  55. package/{dist/date-input → date-input}/DateInput.js +22 -61
  56. package/date-input/types.d.ts +100 -0
  57. package/date-input/types.js +5 -0
  58. package/dialog/Dialog.d.ts +4 -0
  59. package/{dist/dialog → dialog}/Dialog.js +20 -73
  60. package/dialog/types.d.ts +43 -0
  61. package/dialog/types.js +5 -0
  62. package/dropdown/Dropdown.d.ts +4 -0
  63. package/{dist/dropdown → dropdown}/Dropdown.js +44 -171
  64. package/dropdown/types.d.ts +89 -0
  65. package/dropdown/types.js +5 -0
  66. package/{dist/file-input → file-input}/FileInput.js +49 -161
  67. package/{dist/file-input → file-input}/FileItem.js +36 -123
  68. package/{dist/file-input → file-input}/index.d.ts +1 -1
  69. package/footer/Footer.d.ts +4 -0
  70. package/{dist/footer → footer}/Footer.js +38 -193
  71. package/footer/Footer.stories.jsx +151 -0
  72. package/{dist/footer → footer}/Icons.js +13 -13
  73. package/footer/types.d.ts +61 -0
  74. package/footer/types.js +5 -0
  75. package/{dist/header → header}/Header.js +35 -179
  76. package/{dist/header → header}/Icons.js +11 -11
  77. package/header/index.d.ts +25 -0
  78. package/{dist/heading → heading}/Heading.js +18 -72
  79. package/heading/index.d.ts +17 -0
  80. package/{dist/input-text → input-text}/Icons.js +2 -2
  81. package/{dist/input-text → input-text}/InputText.js +36 -130
  82. package/input-text/index.d.ts +36 -0
  83. package/{dist/layout → layout}/ApplicationLayout.js +31 -123
  84. package/{dist/layout → layout}/Icons.js +7 -7
  85. package/{dist/link → link}/Link.js +18 -72
  86. package/link/index.d.ts +23 -0
  87. package/main.d.ts +44 -0
  88. package/{dist/main.js → main.js} +93 -97
  89. package/{dist/number-input → number-input}/NumberInput.js +5 -13
  90. package/number-input/NumberInput.stories.jsx +115 -0
  91. package/{dist/number-input → number-input}/NumberInputContext.js +1 -1
  92. package/{dist/number-input → number-input}/index.d.ts +0 -0
  93. package/package.json +32 -25
  94. package/{dist/paginator → paginator}/Icons.js +9 -9
  95. package/paginator/Paginator.d.ts +4 -0
  96. package/paginator/Paginator.js +198 -0
  97. package/paginator/Paginator.stories.tsx +63 -0
  98. package/paginator/types.d.ts +38 -0
  99. package/paginator/types.js +5 -0
  100. package/{dist/password-input → password-input}/PasswordInput.js +23 -22
  101. package/password-input/PasswordInput.stories.jsx +131 -0
  102. package/{dist/password-input → password-input}/index.d.ts +0 -0
  103. package/progress-bar/ProgressBar.d.ts +4 -0
  104. package/{dist/progress-bar → progress-bar}/ProgressBar.js +20 -92
  105. package/progress-bar/types.d.ts +37 -0
  106. package/progress-bar/types.js +5 -0
  107. package/radio/Radio.d.ts +4 -0
  108. package/{dist/radio → radio}/Radio.js +15 -50
  109. package/radio/types.d.ts +54 -0
  110. package/radio/types.js +5 -0
  111. package/{dist/resultsetTable → resultsetTable}/ResultsetTable.js +35 -119
  112. package/resultsetTable/index.d.ts +19 -0
  113. package/select/Select.js +865 -0
  114. package/select/index.d.ts +131 -0
  115. package/{dist/sidenav → sidenav}/Sidenav.js +15 -49
  116. package/sidenav/index.d.ts +13 -0
  117. package/slider/Slider.d.ts +4 -0
  118. package/{dist/slider → slider}/Slider.js +45 -143
  119. package/slider/types.d.ts +83 -0
  120. package/slider/types.js +5 -0
  121. package/{dist/spinner → spinner}/Spinner.js +43 -157
  122. package/spinner/Spinner.stories.jsx +102 -0
  123. package/spinner/index.d.ts +17 -0
  124. package/switch/Switch.d.ts +4 -0
  125. package/{dist/switch → switch}/Switch.js +26 -69
  126. package/switch/types.d.ts +58 -0
  127. package/switch/types.js +5 -0
  128. package/{dist/table → table}/Table.js +10 -24
  129. package/table/Table.stories.jsx +276 -0
  130. package/table/index.d.ts +13 -0
  131. package/tabs/Tabs.d.ts +4 -0
  132. package/tabs/Tabs.js +211 -0
  133. package/tabs/types.d.ts +71 -0
  134. package/tabs/types.js +5 -0
  135. package/{dist/tag → tag}/Tag.js +22 -96
  136. package/tag/index.d.ts +24 -0
  137. package/{dist/text-input → text-input}/TextInput.js +244 -390
  138. package/{dist/text-input → text-input}/index.d.ts +2 -2
  139. package/{dist/textarea → textarea}/Textarea.js +20 -72
  140. package/textarea/Textarea.stories.jsx +135 -0
  141. package/{dist/textarea → textarea}/index.d.ts +0 -0
  142. package/{dist/toggle → toggle}/Toggle.js +15 -49
  143. package/toggle/index.d.ts +21 -0
  144. package/{dist/toggle-group → toggle-group}/ToggleGroup.js +23 -107
  145. package/toggle-group/index.d.ts +21 -0
  146. package/{dist/upload → upload}/Upload.js +14 -18
  147. package/{dist/upload → upload}/buttons-upload/ButtonsUpload.js +13 -37
  148. package/{dist/upload → upload}/buttons-upload/Icons.js +7 -7
  149. package/upload/dragAndDropArea/DragAndDropArea.js +225 -0
  150. package/{dist/upload → upload}/dragAndDropArea/Icons.js +6 -6
  151. package/upload/file-upload/FileToUpload.js +115 -0
  152. package/{dist/upload → upload}/file-upload/Icons.js +13 -13
  153. package/{dist/upload → upload}/files-upload/FilesToUpload.js +12 -26
  154. package/upload/index.d.ts +15 -0
  155. package/{dist/upload → upload}/transaction/Icons.js +31 -31
  156. package/upload/transaction/Transaction.js +104 -0
  157. package/upload/transactions/Transactions.js +94 -0
  158. package/{dist/useTheme.js → useTheme.js} +0 -0
  159. package/{dist/wizard → wizard}/Icons.js +8 -8
  160. package/{dist/wizard → wizard}/Wizard.js +31 -165
  161. package/wizard/index.d.ts +18 -0
  162. package/README.md +0 -66
  163. package/babel.config.js +0 -8
  164. package/dist/BackgroundColorContext.js +0 -46
  165. package/dist/ThemeContext.js +0 -250
  166. package/dist/accordion-group/AccordionGroup.js +0 -186
  167. package/dist/alert/index.d.ts +0 -51
  168. package/dist/badge/Badge.js +0 -63
  169. package/dist/date-input/index.d.ts +0 -95
  170. package/dist/main.d.ts +0 -8
  171. package/dist/new-select/NewSelect.js +0 -836
  172. package/dist/new-select/index.d.ts +0 -53
  173. package/dist/paginator/Paginator.js +0 -283
  174. package/dist/tabs/Tabs.js +0 -343
  175. package/dist/tabs-for-sections/TabsForSections.js +0 -92
  176. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -329
  177. package/dist/upload/file-upload/FileToUpload.js +0 -189
  178. package/dist/upload/transaction/Transaction.js +0 -148
  179. package/dist/upload/transactions/Transactions.js +0 -138
  180. package/test/Accordion.test.js +0 -33
  181. package/test/AccordionGroup.test.js +0 -125
  182. package/test/Alert.test.js +0 -53
  183. package/test/Box.test.js +0 -10
  184. package/test/Button.test.js +0 -18
  185. package/test/Card.test.js +0 -30
  186. package/test/Checkbox.test.js +0 -45
  187. package/test/Chip.test.js +0 -25
  188. package/test/Date.test.js +0 -397
  189. package/test/DateInput.test.js +0 -242
  190. package/test/Dialog.test.js +0 -23
  191. package/test/Dropdown.test.js +0 -145
  192. package/test/FileInput.test.js +0 -201
  193. package/test/Footer.test.js +0 -94
  194. package/test/Header.test.js +0 -34
  195. package/test/Heading.test.js +0 -83
  196. package/test/InputText.test.js +0 -248
  197. package/test/Link.test.js +0 -43
  198. package/test/NumberInput.test.js +0 -259
  199. package/test/Paginator.test.js +0 -177
  200. package/test/PasswordInput.test.js +0 -83
  201. package/test/ProgressBar.test.js +0 -35
  202. package/test/Radio.test.js +0 -37
  203. package/test/ResultsetTable.test.js +0 -329
  204. package/test/Select.test.js +0 -212
  205. package/test/Sidenav.test.js +0 -45
  206. package/test/Slider.test.js +0 -74
  207. package/test/Spinner.test.js +0 -32
  208. package/test/Switch.test.js +0 -45
  209. package/test/Table.test.js +0 -36
  210. package/test/Tabs.test.js +0 -109
  211. package/test/TabsForSections.test.js +0 -34
  212. package/test/Tag.test.js +0 -32
  213. package/test/TextInput.test.js +0 -732
  214. package/test/Textarea.test.js +0 -193
  215. package/test/ToggleGroup.test.js +0 -85
  216. package/test/Upload.test.js +0 -60
  217. package/test/V3TextArea.test.js +0 -51
  218. package/test/Wizard.test.js +0 -130
  219. package/test/mocks/pngMock.js +0 -1
  220. package/test/mocks/svgMock.js +0 -1
@@ -1,95 +0,0 @@
1
- type Size = "small" | "medium" | "large" | "fillParent";
2
- type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
3
- type Margin = {
4
- top?: Space;
5
- bottom?: Space;
6
- left?: Space;
7
- right?: Space;
8
- };
9
-
10
- type Props = {
11
- /**
12
- * Text to be placed above the date.
13
- */
14
- label?: string;
15
- /**
16
- * Name attribute of the input element.
17
- */
18
- name?: string;
19
- /**
20
- * Value of the input element. If undefined, the component will be uncontrolled and the value will be managed internally by the component.
21
- */
22
- value?: string;
23
- /**
24
- * The format in which the date value will be displayed. User must use this format when editing the value or it will be considered as an invalid date.
25
- */
26
- format?: string;
27
- /**
28
- * Helper text to be placed above the date.
29
- */
30
- helperText?: string;
31
- /**
32
- * If true, the date format will appear as placeholder in the field.
33
- */
34
- placeholder?: boolean;
35
- /**
36
- * If true, the date input will have an action to clear the entered value.
37
- */
38
- clearable?: boolean;
39
- /**
40
- * If true, the component will be disabled.
41
- */
42
- disabled?: boolean;
43
- /**
44
- * If true, the date will be optional, showing '(Optional)'
45
- * next to the label. Otherwise, the field will be considered required and an error will be
46
- * passed as a parameter to the OnBlur and onChange functions when it has
47
- * not been filled.
48
- */
49
- optional?: boolean;
50
- /**
51
- * This function will be called when the user types within the input
52
- * element of the component. An object including the string value, the
53
- * error and the date value will be passed to this function.
54
- * If the string value is a valid date, error will
55
- * be null. Also, if the string value is not a valid date, date will be null.
56
- */
57
- onChange?: (val: { value: string; error: string; date: Date }) => void;
58
- /**
59
- * This function will be called when the input element loses the focus.
60
- * An object including the string value, the error and the date value
61
- * will be passed to this function. If the string value is a valid date, error will
62
- * be null. Also, if the string value is not a valid date, date will be null.
63
- */
64
- onBlur?: (val: { value: string; error: string; date: Date }) => void;
65
- /**
66
- * If it is defined, the component will change its appearance, showing
67
- * the error below the date input component. If it is not defined, the error
68
- * messages will be managed internally, but never displayed on its own.
69
- */
70
- error?: string;
71
- /**
72
- * HTML autocomplete attribute. Lets the user specify if any permission the user agent has to provide automated assistance in filling out the input value.
73
- * Its value must be one of all the possible values of the HTML autocomplete attribute: 'on', 'off', 'email', 'username', 'new-password', ...
74
- */
75
- autocomplete?: string;
76
- /**
77
- * Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge').
78
- * You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different margin sizes.
79
- */
80
- margin?: Space | Margin;
81
- /**
82
- * Size of the component ('medium' | 'large' | 'fillParent').
83
- */
84
- size?: Size;
85
- /**
86
- * Value of the tabindex attribute.
87
- */
88
- tabIndex?: number;
89
- /**
90
- * Reference to the component.
91
- */
92
- ref?: React.RefObject<HTMLDivElement>;
93
- };
94
-
95
- export default function DxcDateInput(props: Props): JSX.Element;
package/dist/main.d.ts DELETED
@@ -1,8 +0,0 @@
1
- export { default as DxcAlert } from "./alert/index";
2
- export { default as DxcNewSelect } from "./new-select/index";
3
- export { default as DxcTextInput } from "./text-input/index";
4
- export { default as DxcDateInput } from "./date-input/index";
5
- export { default as DxcTextarea } from "./textarea/index";
6
- export { default as DxcNumberInput } from "./number-input/index";
7
- export { default as DxcPasswordInput } from "./password-input/index";
8
- export { default as DxcFileInput } from "./file-input/index";