@dxc-technology/halstack-react 0.0.0-1e798db → 0.0.0-1f647e3

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 (308) 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 +23 -84
  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 +242 -114
  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 +53 -163
  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/link/Link.d.ts +3 -0
  89. package/{dist/link → link}/Link.js +18 -94
  90. package/link/types.d.ts +74 -0
  91. package/link/types.js +5 -0
  92. package/main.d.ts +44 -0
  93. package/{dist/main.js → main.js} +100 -96
  94. package/{dist/number/Number.js → number-input/NumberInput.js} +10 -20
  95. package/number-input/NumberInput.stories.jsx +115 -0
  96. package/{dist/number/NumberContext.js → number-input/NumberInputContext.js} +2 -2
  97. package/{dist/number → number-input}/index.d.ts +27 -9
  98. package/package.json +32 -25
  99. package/paginator/Icons.js +66 -0
  100. package/paginator/Paginator.d.ts +4 -0
  101. package/paginator/Paginator.js +198 -0
  102. package/paginator/Paginator.stories.tsx +63 -0
  103. package/paginator/types.d.ts +38 -0
  104. package/paginator/types.js +5 -0
  105. package/password-input/PasswordInput.d.ts +4 -0
  106. package/{dist/password/Password.js → password-input/PasswordInput.js} +26 -64
  107. package/password-input/PasswordInput.stories.tsx +131 -0
  108. package/password-input/types.d.ts +100 -0
  109. package/password-input/types.js +5 -0
  110. package/progress-bar/ProgressBar.d.ts +4 -0
  111. package/{dist/progress-bar → progress-bar}/ProgressBar.js +20 -92
  112. package/progress-bar/ProgressBar.stories.jsx +58 -0
  113. package/progress-bar/types.d.ts +37 -0
  114. package/progress-bar/types.js +5 -0
  115. package/radio/Radio.d.ts +4 -0
  116. package/{dist/radio → radio}/Radio.js +15 -50
  117. package/radio/Radio.stories.tsx +192 -0
  118. package/radio/types.d.ts +54 -0
  119. package/radio/types.js +5 -0
  120. package/{dist/resultsetTable → resultsetTable}/ResultsetTable.js +35 -119
  121. package/resultsetTable/index.d.ts +19 -0
  122. package/select/Select.js +865 -0
  123. package/select/index.d.ts +131 -0
  124. package/{dist/sidenav → sidenav}/Sidenav.js +15 -49
  125. package/sidenav/index.d.ts +13 -0
  126. package/slider/Slider.d.ts +4 -0
  127. package/{dist/slider → slider}/Slider.js +90 -103
  128. package/slider/types.d.ts +83 -0
  129. package/slider/types.js +5 -0
  130. package/spinner/Spinner.d.ts +4 -0
  131. package/spinner/Spinner.js +250 -0
  132. package/spinner/Spinner.stories.jsx +102 -0
  133. package/spinner/types.d.ts +32 -0
  134. package/spinner/types.js +5 -0
  135. package/switch/Switch.d.ts +4 -0
  136. package/{dist/switch → switch}/Switch.js +26 -69
  137. package/switch/Switch.stories.tsx +160 -0
  138. package/switch/types.d.ts +58 -0
  139. package/switch/types.js +5 -0
  140. package/table/Table.d.ts +4 -0
  141. package/{dist/table → table}/Table.js +10 -24
  142. package/table/Table.stories.jsx +276 -0
  143. package/table/types.d.ts +21 -0
  144. package/table/types.js +5 -0
  145. package/tabs/Tabs.d.ts +4 -0
  146. package/tabs/Tabs.js +211 -0
  147. package/tabs/types.d.ts +71 -0
  148. package/tabs/types.js +5 -0
  149. package/{dist/tag → tag}/Tag.js +34 -102
  150. package/tag/Tag.stories.jsx +145 -0
  151. package/tag/index.d.ts +24 -0
  152. package/text-input/TextInput.js +825 -0
  153. package/{dist/new-input-text → text-input}/index.d.ts +33 -18
  154. package/{dist/new-textarea/NewTextarea.js → textarea/Textarea.js} +71 -119
  155. package/textarea/Textarea.stories.jsx +135 -0
  156. package/{dist/new-textarea → textarea}/index.d.ts +34 -18
  157. package/{dist/toggle → toggle}/Toggle.js +15 -49
  158. package/toggle/index.d.ts +21 -0
  159. package/toggle-group/ToggleGroup.js +243 -0
  160. package/toggle-group/index.d.ts +21 -0
  161. package/{dist/upload → upload}/Upload.js +11 -15
  162. package/upload/buttons-upload/ButtonsUpload.js +111 -0
  163. package/upload/buttons-upload/Icons.js +40 -0
  164. package/upload/dragAndDropArea/DragAndDropArea.js +225 -0
  165. package/upload/dragAndDropArea/Icons.js +39 -0
  166. package/upload/file-upload/FileToUpload.js +115 -0
  167. package/upload/file-upload/Icons.js +66 -0
  168. package/{dist/upload → upload}/files-upload/FilesToUpload.js +12 -26
  169. package/upload/index.d.ts +15 -0
  170. package/upload/transaction/Icons.js +160 -0
  171. package/upload/transaction/Transaction.js +104 -0
  172. package/upload/transactions/Transactions.js +94 -0
  173. package/{dist/useTheme.js → useTheme.js} +0 -0
  174. package/wizard/Icons.js +65 -0
  175. package/{dist/wizard → wizard}/Wizard.js +32 -172
  176. package/wizard/index.d.ts +18 -0
  177. package/README.md +0 -66
  178. package/babel.config.js +0 -8
  179. package/dist/BackgroundColorContext.js +0 -46
  180. package/dist/ThemeContext.js +0 -248
  181. package/dist/accordion-group/AccordionGroup.js +0 -186
  182. package/dist/alert/index.d.ts +0 -51
  183. package/dist/badge/Badge.js +0 -63
  184. package/dist/checkbox/Checkbox.stories.js +0 -144
  185. package/dist/checkbox/readme.md +0 -116
  186. package/dist/date/Date.stories.js +0 -205
  187. package/dist/date/readme.md +0 -73
  188. package/dist/file-input/FileItem.js +0 -265
  189. package/dist/footer/Footer.js +0 -395
  190. package/dist/footer/Footer.stories.js +0 -94
  191. package/dist/footer/dxc_logo.svg +0 -15
  192. package/dist/footer/readme.md +0 -41
  193. package/dist/header/Header.js +0 -403
  194. package/dist/header/Header.stories.js +0 -176
  195. package/dist/header/close_icon.svg +0 -1
  196. package/dist/header/dxc_logo_black.svg +0 -8
  197. package/dist/header/hamb_menu_black.svg +0 -1
  198. package/dist/header/hamb_menu_white.svg +0 -1
  199. package/dist/header/readme.md +0 -33
  200. package/dist/input-text/InputText.stories.js +0 -209
  201. package/dist/input-text/error.svg +0 -1
  202. package/dist/input-text/readme.md +0 -91
  203. package/dist/layout/facebook.svg +0 -45
  204. package/dist/layout/linkedin.svg +0 -50
  205. package/dist/layout/twitter.svg +0 -53
  206. package/dist/link/readme.md +0 -51
  207. package/dist/main.d.ts +0 -6
  208. package/dist/new-date/index.d.ts +0 -86
  209. package/dist/new-input-text/NewInputText.js +0 -977
  210. package/dist/paginator/Paginator.js +0 -289
  211. package/dist/paginator/images/next.svg +0 -3
  212. package/dist/paginator/images/nextPage.svg +0 -3
  213. package/dist/paginator/images/previous.svg +0 -3
  214. package/dist/paginator/images/previousPage.svg +0 -3
  215. package/dist/paginator/readme.md +0 -50
  216. package/dist/password/index.d.ts +0 -80
  217. package/dist/password/styles.css +0 -3
  218. package/dist/progress-bar/ProgressBar.stories.js +0 -280
  219. package/dist/progress-bar/readme.md +0 -63
  220. package/dist/radio/Radio.stories.js +0 -166
  221. package/dist/radio/readme.md +0 -70
  222. package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
  223. package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
  224. package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
  225. package/dist/slider/Slider.stories.js +0 -241
  226. package/dist/slider/readme.md +0 -64
  227. package/dist/spinner/Spinner.js +0 -381
  228. package/dist/spinner/Spinner.stories.js +0 -183
  229. package/dist/spinner/readme.md +0 -65
  230. package/dist/switch/Switch.stories.js +0 -134
  231. package/dist/switch/readme.md +0 -133
  232. package/dist/tabs/Tabs.js +0 -343
  233. package/dist/tabs/Tabs.stories.js +0 -130
  234. package/dist/tabs/readme.md +0 -78
  235. package/dist/tabs-for-sections/TabsForSections.js +0 -92
  236. package/dist/tabs-for-sections/readme.md +0 -78
  237. package/dist/toggle/Toggle.stories.js +0 -297
  238. package/dist/toggle/readme.md +0 -80
  239. package/dist/toggle-group/ToggleGroup.js +0 -223
  240. package/dist/upload/Upload.stories.js +0 -72
  241. package/dist/upload/buttons-upload/ButtonsUpload.js +0 -139
  242. package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
  243. package/dist/upload/buttons-upload/upload-button.svg +0 -1
  244. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -329
  245. package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
  246. package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
  247. package/dist/upload/file-upload/FileToUpload.js +0 -184
  248. package/dist/upload/file-upload/audio-icon.svg +0 -4
  249. package/dist/upload/file-upload/close.svg +0 -4
  250. package/dist/upload/file-upload/file-icon.svg +0 -4
  251. package/dist/upload/file-upload/video-icon.svg +0 -4
  252. package/dist/upload/readme.md +0 -37
  253. package/dist/upload/transaction/Transaction.js +0 -175
  254. package/dist/upload/transaction/audio-icon-err.svg +0 -4
  255. package/dist/upload/transaction/audio-icon.svg +0 -4
  256. package/dist/upload/transaction/error-icon.svg +0 -4
  257. package/dist/upload/transaction/file-icon-err.svg +0 -4
  258. package/dist/upload/transaction/file-icon.svg +0 -4
  259. package/dist/upload/transaction/image-icon-err.svg +0 -4
  260. package/dist/upload/transaction/image-icon.svg +0 -4
  261. package/dist/upload/transaction/success-icon.svg +0 -4
  262. package/dist/upload/transaction/video-icon-err.svg +0 -4
  263. package/dist/upload/transaction/video-icon.svg +0 -4
  264. package/dist/upload/transactions/Transactions.js +0 -138
  265. package/dist/wizard/invalid_icon.svg +0 -5
  266. package/dist/wizard/valid_icon.svg +0 -5
  267. package/dist/wizard/validation-wrong.svg +0 -6
  268. package/test/Accordion.test.js +0 -33
  269. package/test/AccordionGroup.test.js +0 -125
  270. package/test/Alert.test.js +0 -53
  271. package/test/Box.test.js +0 -10
  272. package/test/Button.test.js +0 -18
  273. package/test/Card.test.js +0 -30
  274. package/test/Checkbox.test.js +0 -45
  275. package/test/Chip.test.js +0 -25
  276. package/test/Date.test.js +0 -393
  277. package/test/Dialog.test.js +0 -23
  278. package/test/Dropdown.test.js +0 -145
  279. package/test/FileInput.test.js +0 -201
  280. package/test/Footer.test.js +0 -99
  281. package/test/Header.test.js +0 -39
  282. package/test/Heading.test.js +0 -35
  283. package/test/InputText.test.js +0 -240
  284. package/test/Link.test.js +0 -43
  285. package/test/NewDate.test.js +0 -203
  286. package/test/NewInputText.test.js +0 -866
  287. package/test/NewTextarea.test.js +0 -252
  288. package/test/Number.test.js +0 -241
  289. package/test/Paginator.test.js +0 -177
  290. package/test/Password.test.js +0 -76
  291. package/test/ProgressBar.test.js +0 -35
  292. package/test/Radio.test.js +0 -37
  293. package/test/ResultsetTable.test.js +0 -329
  294. package/test/Select.test.js +0 -212
  295. package/test/Sidenav.test.js +0 -45
  296. package/test/Slider.test.js +0 -82
  297. package/test/Spinner.test.js +0 -32
  298. package/test/Switch.test.js +0 -45
  299. package/test/Table.test.js +0 -36
  300. package/test/Tabs.test.js +0 -109
  301. package/test/TabsForSections.test.js +0 -34
  302. package/test/Tag.test.js +0 -32
  303. package/test/TextArea.test.js +0 -52
  304. package/test/ToggleGroup.test.js +0 -81
  305. package/test/Upload.test.js +0 -60
  306. package/test/Wizard.test.js +0 -130
  307. package/test/mocks/pngMock.js +0 -1
  308. 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;