@dxc-technology/halstack-react 0.0.0-2d619b4 → 0.0.0-2edb175

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 (294) 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/textarea/Textarea.js → V3Textarea/V3Textarea.js} +14 -18
  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 +41 -154
  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 +16 -72
  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/Checkbox.stories.tsx +192 -0
  35. package/checkbox/types.d.ts +60 -0
  36. package/checkbox/types.js +5 -0
  37. package/{dist/chip → chip}/Chip.js +17 -61
  38. package/chip/index.d.ts +22 -0
  39. package/{dist/common → common}/OpenSans.css +0 -0
  40. package/{dist/common → common}/RequiredComponent.js +3 -11
  41. package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
  42. package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
  43. package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
  44. package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  45. package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
  46. package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
  47. package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
  48. package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
  49. package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
  50. package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  51. package/{dist/common → common}/utils.js +0 -0
  52. package/{dist/common → common}/variables.js +234 -99
  53. package/{dist/date → date}/Date.js +16 -22
  54. package/date/index.d.ts +27 -0
  55. package/date-input/DateInput.d.ts +4 -0
  56. package/{dist/new-date/NewDate.js → date-input/DateInput.js} +81 -120
  57. package/date-input/types.d.ts +100 -0
  58. package/date-input/types.js +5 -0
  59. package/dialog/Dialog.d.ts +4 -0
  60. package/{dist/dialog → dialog}/Dialog.js +20 -73
  61. package/dialog/types.d.ts +43 -0
  62. package/dialog/types.js +5 -0
  63. package/dropdown/Dropdown.d.ts +4 -0
  64. package/{dist/dropdown → dropdown}/Dropdown.js +44 -171
  65. package/dropdown/types.d.ts +89 -0
  66. package/dropdown/types.js +5 -0
  67. package/{dist/file-input → file-input}/FileInput.js +57 -166
  68. package/file-input/FileItem.js +193 -0
  69. package/file-input/index.d.ts +81 -0
  70. package/footer/Footer.d.ts +4 -0
  71. package/footer/Footer.js +266 -0
  72. package/footer/Footer.stories.jsx +151 -0
  73. package/footer/Icons.js +77 -0
  74. package/footer/types.d.ts +61 -0
  75. package/footer/types.js +5 -0
  76. package/header/Header.d.ts +7 -0
  77. package/header/Header.js +324 -0
  78. package/header/Icons.js +34 -0
  79. package/header/types.d.ts +45 -0
  80. package/header/types.js +5 -0
  81. package/{dist/heading → heading}/Heading.js +30 -72
  82. package/heading/index.d.ts +17 -0
  83. package/input-text/Icons.js +22 -0
  84. package/{dist/input-text → input-text}/InputText.js +37 -133
  85. package/input-text/index.d.ts +36 -0
  86. package/{dist/layout → layout}/ApplicationLayout.js +35 -131
  87. package/layout/Icons.js +55 -0
  88. package/{dist/link → link}/Link.js +18 -72
  89. package/link/index.d.ts +23 -0
  90. package/main.d.ts +44 -0
  91. package/{dist/main.js → main.js} +100 -96
  92. package/{dist/number/Number.js → number-input/NumberInput.js} +10 -20
  93. package/number-input/NumberInput.stories.jsx +115 -0
  94. package/{dist/number/NumberContext.js → number-input/NumberInputContext.js} +2 -2
  95. package/{dist/number → number-input}/index.d.ts +27 -9
  96. package/package.json +32 -25
  97. package/paginator/Icons.js +66 -0
  98. package/paginator/Paginator.d.ts +4 -0
  99. package/paginator/Paginator.js +198 -0
  100. package/paginator/Paginator.stories.tsx +63 -0
  101. package/paginator/types.d.ts +38 -0
  102. package/paginator/types.js +5 -0
  103. package/{dist/password/Password.js → password-input/PasswordInput.js} +26 -27
  104. package/password-input/PasswordInput.stories.jsx +131 -0
  105. package/{dist/password → password-input}/index.d.ts +30 -16
  106. package/progress-bar/ProgressBar.d.ts +4 -0
  107. package/{dist/progress-bar → progress-bar}/ProgressBar.js +20 -92
  108. package/progress-bar/types.d.ts +37 -0
  109. package/progress-bar/types.js +5 -0
  110. package/radio/Radio.d.ts +4 -0
  111. package/{dist/radio → radio}/Radio.js +15 -50
  112. package/radio/types.d.ts +54 -0
  113. package/radio/types.js +5 -0
  114. package/{dist/resultsetTable → resultsetTable}/ResultsetTable.js +35 -119
  115. package/resultsetTable/index.d.ts +19 -0
  116. package/select/Select.js +865 -0
  117. package/select/index.d.ts +131 -0
  118. package/{dist/sidenav → sidenav}/Sidenav.js +15 -49
  119. package/sidenav/index.d.ts +13 -0
  120. package/slider/Slider.d.ts +4 -0
  121. package/{dist/slider → slider}/Slider.js +90 -103
  122. package/slider/types.d.ts +83 -0
  123. package/slider/types.js +5 -0
  124. package/{dist/spinner → spinner}/Spinner.js +43 -157
  125. package/spinner/Spinner.stories.jsx +102 -0
  126. package/spinner/index.d.ts +17 -0
  127. package/switch/Switch.d.ts +4 -0
  128. package/{dist/switch → switch}/Switch.js +26 -69
  129. package/switch/types.d.ts +58 -0
  130. package/switch/types.js +5 -0
  131. package/{dist/table → table}/Table.js +10 -24
  132. package/table/Table.stories.jsx +276 -0
  133. package/table/index.d.ts +13 -0
  134. package/tabs/Tabs.d.ts +4 -0
  135. package/tabs/Tabs.js +211 -0
  136. package/tabs/types.d.ts +71 -0
  137. package/tabs/types.js +5 -0
  138. package/{dist/tag → tag}/Tag.js +22 -96
  139. package/tag/index.d.ts +24 -0
  140. package/text-input/TextInput.js +825 -0
  141. package/{dist/new-input-text → text-input}/index.d.ts +33 -18
  142. package/{dist/new-textarea/NewTextarea.js → textarea/Textarea.js} +71 -119
  143. package/textarea/Textarea.stories.jsx +135 -0
  144. package/{dist/new-textarea → textarea}/index.d.ts +34 -18
  145. package/{dist/toggle → toggle}/Toggle.js +15 -49
  146. package/toggle/index.d.ts +21 -0
  147. package/toggle-group/ToggleGroup.js +243 -0
  148. package/toggle-group/index.d.ts +21 -0
  149. package/{dist/upload → upload}/Upload.js +11 -15
  150. package/upload/buttons-upload/ButtonsUpload.js +111 -0
  151. package/upload/buttons-upload/Icons.js +40 -0
  152. package/upload/dragAndDropArea/DragAndDropArea.js +225 -0
  153. package/upload/dragAndDropArea/Icons.js +39 -0
  154. package/upload/file-upload/FileToUpload.js +115 -0
  155. package/upload/file-upload/Icons.js +66 -0
  156. package/{dist/upload → upload}/files-upload/FilesToUpload.js +12 -26
  157. package/upload/index.d.ts +15 -0
  158. package/upload/transaction/Icons.js +160 -0
  159. package/upload/transaction/Transaction.js +104 -0
  160. package/upload/transactions/Transactions.js +94 -0
  161. package/{dist/useTheme.js → useTheme.js} +0 -0
  162. package/wizard/Icons.js +65 -0
  163. package/{dist/wizard → wizard}/Wizard.js +32 -172
  164. package/wizard/index.d.ts +18 -0
  165. package/README.md +0 -66
  166. package/babel.config.js +0 -8
  167. package/dist/BackgroundColorContext.js +0 -46
  168. package/dist/ThemeContext.js +0 -240
  169. package/dist/accordion-group/AccordionGroup.js +0 -186
  170. package/dist/alert/index.d.ts +0 -51
  171. package/dist/badge/Badge.js +0 -63
  172. package/dist/checkbox/Checkbox.stories.js +0 -144
  173. package/dist/checkbox/readme.md +0 -116
  174. package/dist/date/Date.stories.js +0 -205
  175. package/dist/date/readme.md +0 -73
  176. package/dist/file-input/FileItem.js +0 -263
  177. package/dist/footer/Footer.js +0 -395
  178. package/dist/footer/Footer.stories.js +0 -94
  179. package/dist/footer/dxc_logo.svg +0 -15
  180. package/dist/footer/readme.md +0 -41
  181. package/dist/header/Header.js +0 -403
  182. package/dist/header/Header.stories.js +0 -176
  183. package/dist/header/close_icon.svg +0 -1
  184. package/dist/header/dxc_logo_black.svg +0 -8
  185. package/dist/header/hamb_menu_black.svg +0 -1
  186. package/dist/header/hamb_menu_white.svg +0 -1
  187. package/dist/header/readme.md +0 -33
  188. package/dist/input-text/InputText.stories.js +0 -209
  189. package/dist/input-text/error.svg +0 -1
  190. package/dist/input-text/readme.md +0 -91
  191. package/dist/layout/facebook.svg +0 -45
  192. package/dist/layout/linkedin.svg +0 -50
  193. package/dist/layout/twitter.svg +0 -53
  194. package/dist/link/readme.md +0 -51
  195. package/dist/main.d.ts +0 -6
  196. package/dist/new-date/index.d.ts +0 -86
  197. package/dist/new-input-text/NewInputText.js +0 -977
  198. package/dist/paginator/Paginator.js +0 -289
  199. package/dist/paginator/images/next.svg +0 -3
  200. package/dist/paginator/images/nextPage.svg +0 -3
  201. package/dist/paginator/images/previous.svg +0 -3
  202. package/dist/paginator/images/previousPage.svg +0 -3
  203. package/dist/paginator/readme.md +0 -50
  204. package/dist/password/styles.css +0 -3
  205. package/dist/progress-bar/ProgressBar.stories.js +0 -280
  206. package/dist/progress-bar/readme.md +0 -63
  207. package/dist/radio/Radio.stories.js +0 -166
  208. package/dist/radio/readme.md +0 -70
  209. package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
  210. package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
  211. package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
  212. package/dist/slider/Slider.stories.js +0 -241
  213. package/dist/slider/readme.md +0 -64
  214. package/dist/spinner/Spinner.stories.js +0 -183
  215. package/dist/spinner/readme.md +0 -65
  216. package/dist/switch/Switch.stories.js +0 -134
  217. package/dist/switch/readme.md +0 -133
  218. package/dist/tabs/Tabs.js +0 -343
  219. package/dist/tabs/Tabs.stories.js +0 -130
  220. package/dist/tabs/readme.md +0 -78
  221. package/dist/tabs-for-sections/TabsForSections.js +0 -92
  222. package/dist/tabs-for-sections/readme.md +0 -78
  223. package/dist/toggle/Toggle.stories.js +0 -297
  224. package/dist/toggle/readme.md +0 -80
  225. package/dist/toggle-group/ToggleGroup.js +0 -223
  226. package/dist/upload/Upload.stories.js +0 -72
  227. package/dist/upload/buttons-upload/ButtonsUpload.js +0 -139
  228. package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
  229. package/dist/upload/buttons-upload/upload-button.svg +0 -1
  230. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -329
  231. package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
  232. package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
  233. package/dist/upload/file-upload/FileToUpload.js +0 -184
  234. package/dist/upload/file-upload/audio-icon.svg +0 -4
  235. package/dist/upload/file-upload/close.svg +0 -4
  236. package/dist/upload/file-upload/file-icon.svg +0 -4
  237. package/dist/upload/file-upload/video-icon.svg +0 -4
  238. package/dist/upload/readme.md +0 -37
  239. package/dist/upload/transaction/Transaction.js +0 -175
  240. package/dist/upload/transaction/audio-icon-err.svg +0 -4
  241. package/dist/upload/transaction/audio-icon.svg +0 -4
  242. package/dist/upload/transaction/error-icon.svg +0 -4
  243. package/dist/upload/transaction/file-icon-err.svg +0 -4
  244. package/dist/upload/transaction/file-icon.svg +0 -4
  245. package/dist/upload/transaction/image-icon-err.svg +0 -4
  246. package/dist/upload/transaction/image-icon.svg +0 -4
  247. package/dist/upload/transaction/success-icon.svg +0 -4
  248. package/dist/upload/transaction/video-icon-err.svg +0 -4
  249. package/dist/upload/transaction/video-icon.svg +0 -4
  250. package/dist/upload/transactions/Transactions.js +0 -138
  251. package/dist/wizard/invalid_icon.svg +0 -5
  252. package/dist/wizard/valid_icon.svg +0 -5
  253. package/dist/wizard/validation-wrong.svg +0 -6
  254. package/test/Accordion.test.js +0 -33
  255. package/test/AccordionGroup.test.js +0 -125
  256. package/test/Alert.test.js +0 -53
  257. package/test/Box.test.js +0 -10
  258. package/test/Button.test.js +0 -18
  259. package/test/Card.test.js +0 -30
  260. package/test/Checkbox.test.js +0 -45
  261. package/test/Chip.test.js +0 -25
  262. package/test/Date.test.js +0 -393
  263. package/test/Dialog.test.js +0 -23
  264. package/test/Dropdown.test.js +0 -145
  265. package/test/FileInput.test.js +0 -39
  266. package/test/Footer.test.js +0 -99
  267. package/test/Header.test.js +0 -39
  268. package/test/Heading.test.js +0 -35
  269. package/test/InputText.test.js +0 -240
  270. package/test/Link.test.js +0 -43
  271. package/test/NewDate.test.js +0 -203
  272. package/test/NewInputText.test.js +0 -866
  273. package/test/NewTextarea.test.js +0 -252
  274. package/test/Number.test.js +0 -241
  275. package/test/Paginator.test.js +0 -177
  276. package/test/Password.test.js +0 -76
  277. package/test/ProgressBar.test.js +0 -35
  278. package/test/Radio.test.js +0 -37
  279. package/test/ResultsetTable.test.js +0 -329
  280. package/test/Select.test.js +0 -212
  281. package/test/Sidenav.test.js +0 -45
  282. package/test/Slider.test.js +0 -82
  283. package/test/Spinner.test.js +0 -32
  284. package/test/Switch.test.js +0 -45
  285. package/test/Table.test.js +0 -36
  286. package/test/Tabs.test.js +0 -109
  287. package/test/TabsForSections.test.js +0 -34
  288. package/test/Tag.test.js +0 -32
  289. package/test/TextArea.test.js +0 -52
  290. package/test/ToggleGroup.test.js +0 -81
  291. package/test/Upload.test.js +0 -60
  292. package/test/Wizard.test.js +0 -130
  293. package/test/mocks/pngMock.js +0 -1
  294. package/test/mocks/svgMock.js +0 -1
@@ -1,53 +0,0 @@
1
- <?xml version="1.0" encoding="iso-8859-1"?>
2
- <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
- <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
- width="438.536px" height="438.536px" viewBox="0 0 438.536 438.536" style="enable-background:new 0 0 438.536 438.536;"
6
- xml:space="preserve" fill="#FFFFFF">
7
- <g>
8
- <path d="M414.41,24.123C398.333,8.042,378.963,0,356.315,0H82.228C59.58,0,40.21,8.042,24.126,24.123
9
- C8.045,40.207,0.003,59.576,0.003,82.225v274.084c0,22.647,8.042,42.018,24.123,58.102c16.084,16.084,35.454,24.126,58.102,24.126
10
- h274.084c22.648,0,42.018-8.042,58.095-24.126c16.084-16.084,24.126-35.454,24.126-58.102V82.225
11
- C438.532,59.576,430.49,40.204,414.41,24.123z M335.471,168.735c0.191,1.713,0.288,4.278,0.288,7.71
12
- c0,15.989-2.334,32.025-6.995,48.104c-4.661,16.087-11.8,31.504-21.416,46.254c-9.606,14.749-21.074,27.791-34.396,39.115
13
- c-13.325,11.32-29.311,20.365-47.968,27.117c-18.648,6.762-38.637,10.143-59.953,10.143c-33.116,0-63.76-8.952-91.931-26.836
14
- c4.568,0.568,9.329,0.855,14.275,0.855c27.6,0,52.439-8.565,74.519-25.7c-12.941-0.185-24.506-4.179-34.688-11.991
15
- c-10.185-7.803-17.273-17.699-21.271-29.691c4.947,0.76,8.658,1.137,11.132,1.137c4.187,0,9.042-0.76,14.56-2.279
16
- c-13.894-2.669-25.598-9.562-35.115-20.697c-9.519-11.136-14.277-23.84-14.277-38.114v-0.571
17
- c10.085,4.755,19.602,7.229,28.549,7.422c-17.321-11.613-25.981-28.265-25.981-49.963c0-10.66,2.758-20.747,8.278-30.264
18
- c15.035,18.464,33.311,33.213,54.816,44.252c21.507,11.038,44.54,17.227,69.092,18.558c-0.95-3.616-1.427-8.186-1.427-13.704
19
- c0-16.562,5.853-30.692,17.56-42.399c11.703-11.706,25.837-17.561,42.394-17.561c17.515,0,32.079,6.283,43.688,18.846
20
- c13.134-2.474,25.892-7.33,38.26-14.56c-4.757,14.652-13.613,25.788-26.55,33.402c12.368-1.716,23.88-4.95,34.537-9.708
21
- C357.458,149.793,347.462,160.166,335.471,168.735z"/>
22
- </g>
23
- <g>
24
- </g>
25
- <g>
26
- </g>
27
- <g>
28
- </g>
29
- <g>
30
- </g>
31
- <g>
32
- </g>
33
- <g>
34
- </g>
35
- <g>
36
- </g>
37
- <g>
38
- </g>
39
- <g>
40
- </g>
41
- <g>
42
- </g>
43
- <g>
44
- </g>
45
- <g>
46
- </g>
47
- <g>
48
- </g>
49
- <g>
50
- </g>
51
- <g>
52
- </g>
53
- </svg>
@@ -1,51 +0,0 @@
1
- # DXC Input Text Component
2
-
3
- ## Props
4
-
5
- <table>
6
- <tr style="background-color: grey">
7
- <td>Name</td>
8
- <td>Default</td>
9
- <td>Description</td>
10
- </tr>
11
- <tr>
12
- <td>underlined: 'boolean'</td>
13
- <td><code>false</code></td>
14
- <td>If true, the text is underlined.</td>
15
- </tr>
16
- <tr>
17
- <td>color: boolean</td>
18
- <td><code>false</code></td>
19
- <td>If true, the link have the default colors.</td>
20
- </tr>
21
- <tr>
22
- <td>text: string</td>
23
- <td></td>
24
- <td>Link text.</td>
25
- </tr>
26
- <tr>
27
- <td>iconSrc: string</td>
28
- <td></td>
29
- <td>Source of the icon.</td>
30
- </tr>
31
- <tr>
32
- <td>iconPosition: 'before' | 'after'</td>
33
- <td><code>before</code></td>
34
- <td>Indicates the position of the icon in the component.</td>
35
- </tr>
36
- <tr>
37
- <td>href: string</td>
38
- <td></td>
39
- <td>Page to be opened when the user clicks on the link.</td>
40
- </tr>
41
- <tr>
42
- <td>theme: 'light' | 'dark'</td>
43
- <td><code>light</code></td>
44
- <td>Theme of the component.</td>
45
- </tr>
46
- <tr>
47
- <td>newWindow: boolean</td>
48
- <td><code>false</code></td>
49
- <td>If true, the page is opened in a new browser tab.</td>
50
- </tr>
51
- </table>
package/dist/main.d.ts DELETED
@@ -1,6 +0,0 @@
1
- export { default as DxcAlert } from "./alert/index";
2
- export { default as DxcNewInputText } from "./new-input-text/index";
3
- export { default as DxcNewDate } from "./new-date/index";
4
- export { default as DxcNewTextarea } from "./new-textarea/index";
5
- export { default as DxcNumber } from "./number/index";
6
- export { default as DxcPassword } from "./password/index";
@@ -1,86 +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 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) next to the label.
45
- */
46
- optional?: boolean;
47
- /**
48
- * This function will be called when the user types within the input element of the component.
49
- * An object including the current string value and the date value will be passed to this function.
50
- * If the string value is not a valid date, date will be null.
51
- */
52
- onChange?: (value: string) => void;
53
- /**
54
- * This function will be called when the input element loses the focus. An object including the string value, the error and the date value will be passed to this function.
55
- * If the string value is a valid date, error will be null. Also, if the string value is not a valid date, date will be null.
56
- */
57
- onBlur?: (val: { value: string; error: string }) => void;
58
- /**
59
- * If it is defined, the component will change its appearance, showing the error below the date component. If it is not defined, the error messages will be created and managed internally.
60
- */
61
- error?: string;
62
- /**
63
- * HTML autocomplete attribute. Lets the user specify if any permission the user agent has to provide automated assistance in filling out the input value.
64
- * Its value must be one of all the possible values of the HTML autocomplete attribute: 'on', 'off', 'email', 'username', 'new-password', ...
65
- */
66
- autocomplete?: string;
67
- /**
68
- * Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge').
69
- * You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different margin sizes.
70
- */
71
- margin?: Space | Margin;
72
- /**
73
- * Size of the component ('medium' | 'large' | 'fillParent').
74
- */
75
- size?: Size;
76
- /**
77
- * Value of the tabindex attribute.
78
- */
79
- tabIndex?: number;
80
- /**
81
- * Reference to the component.
82
- */
83
- ref?: React.RefObject<HTMLDivElement>;
84
- };
85
-
86
- export default function DxcNewDate(props: Props): JSX.Element;