@dxc-technology/halstack-react 0.0.0-0d64afc → 0.0.0-0d951d2

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 (233) hide show
  1. package/{dist/BackgroundColorContext.js → BackgroundColorContext.js} +0 -0
  2. package/{dist/ThemeContext.js → ThemeContext.js} +42 -40
  3. package/{dist/select/Select.js → V3Select/V3Select.js} +5 -5
  4. package/V3Select/index.d.ts +27 -0
  5. package/{dist/textarea/Textarea.js → V3Textarea/V3Textarea.js} +4 -4
  6. package/V3Textarea/index.d.ts +27 -0
  7. package/{dist/accordion → accordion}/Accordion.js +0 -0
  8. package/accordion/index.d.ts +28 -0
  9. package/{dist/accordion-group → accordion-group}/AccordionGroup.js +0 -0
  10. package/accordion-group/index.d.ts +16 -0
  11. package/{dist/alert → alert}/Alert.js +1 -1
  12. package/{dist/alert → alert}/index.d.ts +0 -0
  13. package/{dist/badge → badge}/Badge.js +0 -0
  14. package/{dist/box → box}/Box.js +0 -0
  15. package/box/index.d.ts +25 -0
  16. package/{dist/button → button}/Button.js +3 -3
  17. package/button/Button.stories.js +27 -0
  18. package/button/index.d.ts +24 -0
  19. package/{dist/card → card}/Card.js +0 -0
  20. package/card/index.d.ts +22 -0
  21. package/{dist/checkbox → checkbox}/Checkbox.js +4 -5
  22. package/checkbox/index.d.ts +24 -0
  23. package/{dist/chip → chip}/Chip.js +0 -0
  24. package/chip/index.d.ts +22 -0
  25. package/{dist/common → common}/OpenSans.css +0 -0
  26. package/{dist/common → common}/RequiredComponent.js +0 -0
  27. package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
  28. package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
  29. package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
  30. package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  31. package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
  32. package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
  33. package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
  34. package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
  35. package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
  36. package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  37. package/{dist/common → common}/utils.js +0 -0
  38. package/{dist/common → common}/variables.js +135 -130
  39. package/{dist/date → date}/Date.js +0 -0
  40. package/date/index.d.ts +27 -0
  41. package/{dist/new-date/NewDate.js → date-input/DateInput.js} +34 -34
  42. package/{dist/new-date → date-input}/index.d.ts +3 -3
  43. package/{dist/dialog → dialog}/Dialog.js +0 -0
  44. package/dialog/index.d.ts +18 -0
  45. package/{dist/dropdown → dropdown}/Dropdown.js +0 -0
  46. package/dropdown/index.d.ts +26 -0
  47. package/{dist/file-input → file-input}/FileInput.js +2 -2
  48. package/{dist/file-input → file-input}/FileItem.js +8 -1
  49. package/{dist/file-input → file-input}/index.d.ts +1 -1
  50. package/{dist/footer → footer}/Footer.js +44 -18
  51. package/footer/Icons.js +77 -0
  52. package/footer/index.d.ts +25 -0
  53. package/{dist/header → header}/Header.js +122 -55
  54. package/header/Icons.js +59 -0
  55. package/header/index.d.ts +25 -0
  56. package/{dist/heading → heading}/Heading.js +12 -0
  57. package/heading/index.d.ts +17 -0
  58. package/input-text/Icons.js +22 -0
  59. package/{dist/input-text → input-text}/InputText.js +4 -6
  60. package/input-text/index.d.ts +36 -0
  61. package/{dist/layout → layout}/ApplicationLayout.js +4 -8
  62. package/layout/Icons.js +55 -0
  63. package/{dist/link → link}/Link.js +0 -0
  64. package/link/index.d.ts +23 -0
  65. package/main.d.ts +40 -0
  66. package/{dist/main.js → main.js} +22 -30
  67. package/{dist/number/Number.js → number-input/NumberInput.js} +7 -7
  68. package/{dist/number/NumberContext.js → number-input/NumberInputContext.js} +2 -2
  69. package/{dist/number → number-input}/index.d.ts +3 -3
  70. package/package.json +21 -17
  71. package/paginator/Icons.js +66 -0
  72. package/{dist/paginator → paginator}/Paginator.js +53 -37
  73. package/paginator/index.d.ts +20 -0
  74. package/{dist/password/Password.js → password-input/PasswordInput.js} +12 -9
  75. package/{dist/password → password-input}/index.d.ts +5 -5
  76. package/{dist/progress-bar → progress-bar}/ProgressBar.js +0 -0
  77. package/progress-bar/index.d.ts +18 -0
  78. package/{dist/radio → radio}/Radio.js +0 -0
  79. package/radio/index.d.ts +23 -0
  80. package/{dist/resultsetTable → resultsetTable}/ResultsetTable.js +0 -0
  81. package/resultsetTable/index.d.ts +19 -0
  82. package/select/Select.js +1137 -0
  83. package/select/index.d.ts +131 -0
  84. package/{dist/sidenav → sidenav}/Sidenav.js +0 -0
  85. package/sidenav/index.d.ts +13 -0
  86. package/{dist/slider → slider}/Slider.js +16 -6
  87. package/slider/index.d.ts +29 -0
  88. package/{dist/spinner → spinner}/Spinner.js +0 -0
  89. package/spinner/index.d.ts +17 -0
  90. package/{dist/switch → switch}/Switch.js +0 -0
  91. package/switch/index.d.ts +24 -0
  92. package/{dist/table → table}/Table.js +0 -0
  93. package/table/index.d.ts +13 -0
  94. package/{dist/tabs → tabs}/Tabs.js +0 -0
  95. package/tabs/index.d.ts +19 -0
  96. package/{dist/tag → tag}/Tag.js +0 -0
  97. package/tag/index.d.ts +24 -0
  98. package/{dist/text-input → text-input}/TextInput.js +36 -33
  99. package/{dist/text-input → text-input}/index.d.ts +0 -0
  100. package/{dist/new-textarea/NewTextarea.js → textarea/Textarea.js} +6 -6
  101. package/{dist/new-textarea → textarea}/index.d.ts +1 -1
  102. package/{dist/toggle → toggle}/Toggle.js +0 -0
  103. package/toggle/index.d.ts +21 -0
  104. package/{dist/toggle-group → toggle-group}/ToggleGroup.js +0 -0
  105. package/toggle-group/index.d.ts +21 -0
  106. package/{dist/upload → upload}/Upload.js +0 -0
  107. package/{dist/upload → upload}/buttons-upload/ButtonsUpload.js +7 -11
  108. package/upload/buttons-upload/Icons.js +40 -0
  109. package/{dist/upload → upload}/dragAndDropArea/DragAndDropArea.js +14 -14
  110. package/upload/dragAndDropArea/Icons.js +39 -0
  111. package/{dist/upload → upload}/file-upload/FileToUpload.js +26 -21
  112. package/upload/file-upload/Icons.js +66 -0
  113. package/{dist/upload → upload}/files-upload/FilesToUpload.js +0 -0
  114. package/upload/index.d.ts +15 -0
  115. package/upload/transaction/Icons.js +160 -0
  116. package/{dist/upload → upload}/transaction/Transaction.js +11 -38
  117. package/{dist/upload → upload}/transactions/Transactions.js +0 -0
  118. package/{dist/useTheme.js → useTheme.js} +0 -0
  119. package/wizard/Icons.js +65 -0
  120. package/{dist/wizard → wizard}/Wizard.js +3 -9
  121. package/wizard/index.d.ts +18 -0
  122. package/README.md +0 -66
  123. package/babel.config.js +0 -8
  124. package/dist/checkbox/Checkbox.stories.js +0 -144
  125. package/dist/checkbox/readme.md +0 -116
  126. package/dist/date/Date.stories.js +0 -205
  127. package/dist/date/readme.md +0 -73
  128. package/dist/footer/dxc_logo.svg +0 -15
  129. package/dist/footer/readme.md +0 -41
  130. package/dist/header/Header.stories.js +0 -176
  131. package/dist/header/close_icon.svg +0 -1
  132. package/dist/header/dxc_logo_black.svg +0 -8
  133. package/dist/header/hamb_menu_black.svg +0 -1
  134. package/dist/header/hamb_menu_white.svg +0 -1
  135. package/dist/header/readme.md +0 -33
  136. package/dist/input-text/error.svg +0 -1
  137. package/dist/input-text/readme.md +0 -91
  138. package/dist/layout/facebook.svg +0 -45
  139. package/dist/layout/linkedin.svg +0 -50
  140. package/dist/layout/twitter.svg +0 -53
  141. package/dist/link/readme.md +0 -51
  142. package/dist/main.d.ts +0 -8
  143. package/dist/new-select/NewSelect.js +0 -836
  144. package/dist/new-select/index.d.ts +0 -53
  145. package/dist/paginator/images/next.svg +0 -3
  146. package/dist/paginator/images/nextPage.svg +0 -3
  147. package/dist/paginator/images/previous.svg +0 -3
  148. package/dist/paginator/images/previousPage.svg +0 -3
  149. package/dist/paginator/readme.md +0 -50
  150. package/dist/password/styles.css +0 -3
  151. package/dist/progress-bar/ProgressBar.stories.js +0 -280
  152. package/dist/progress-bar/readme.md +0 -63
  153. package/dist/radio/Radio.stories.js +0 -166
  154. package/dist/radio/readme.md +0 -70
  155. package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
  156. package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
  157. package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
  158. package/dist/slider/Slider.stories.js +0 -241
  159. package/dist/slider/readme.md +0 -64
  160. package/dist/spinner/Spinner.stories.js +0 -183
  161. package/dist/spinner/readme.md +0 -65
  162. package/dist/switch/Switch.stories.js +0 -134
  163. package/dist/switch/readme.md +0 -133
  164. package/dist/tabs/Tabs.stories.js +0 -130
  165. package/dist/tabs/readme.md +0 -78
  166. package/dist/tabs-for-sections/TabsForSections.js +0 -92
  167. package/dist/tabs-for-sections/readme.md +0 -78
  168. package/dist/toggle/Toggle.stories.js +0 -297
  169. package/dist/toggle/readme.md +0 -80
  170. package/dist/upload/Upload.stories.js +0 -72
  171. package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
  172. package/dist/upload/buttons-upload/upload-button.svg +0 -1
  173. package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
  174. package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
  175. package/dist/upload/file-upload/audio-icon.svg +0 -4
  176. package/dist/upload/file-upload/close.svg +0 -4
  177. package/dist/upload/file-upload/file-icon.svg +0 -4
  178. package/dist/upload/file-upload/video-icon.svg +0 -4
  179. package/dist/upload/readme.md +0 -37
  180. package/dist/upload/transaction/audio-icon-err.svg +0 -4
  181. package/dist/upload/transaction/audio-icon.svg +0 -4
  182. package/dist/upload/transaction/error-icon.svg +0 -4
  183. package/dist/upload/transaction/file-icon-err.svg +0 -4
  184. package/dist/upload/transaction/file-icon.svg +0 -4
  185. package/dist/upload/transaction/image-icon-err.svg +0 -4
  186. package/dist/upload/transaction/image-icon.svg +0 -4
  187. package/dist/upload/transaction/success-icon.svg +0 -4
  188. package/dist/upload/transaction/video-icon-err.svg +0 -4
  189. package/dist/upload/transaction/video-icon.svg +0 -4
  190. package/dist/wizard/invalid_icon.svg +0 -5
  191. package/dist/wizard/valid_icon.svg +0 -5
  192. package/dist/wizard/validation-wrong.svg +0 -6
  193. package/test/Accordion.test.js +0 -33
  194. package/test/AccordionGroup.test.js +0 -125
  195. package/test/Alert.test.js +0 -53
  196. package/test/Box.test.js +0 -10
  197. package/test/Button.test.js +0 -18
  198. package/test/Card.test.js +0 -30
  199. package/test/Checkbox.test.js +0 -45
  200. package/test/Chip.test.js +0 -25
  201. package/test/Date.test.js +0 -393
  202. package/test/Dialog.test.js +0 -23
  203. package/test/Dropdown.test.js +0 -145
  204. package/test/FileInput.test.js +0 -201
  205. package/test/Footer.test.js +0 -99
  206. package/test/Header.test.js +0 -39
  207. package/test/Heading.test.js +0 -35
  208. package/test/InputText.test.js +0 -240
  209. package/test/Link.test.js +0 -43
  210. package/test/NewDate.test.js +0 -232
  211. package/test/NewTextarea.test.js +0 -195
  212. package/test/Number.test.js +0 -257
  213. package/test/Paginator.test.js +0 -177
  214. package/test/Password.test.js +0 -83
  215. package/test/ProgressBar.test.js +0 -35
  216. package/test/Radio.test.js +0 -37
  217. package/test/ResultsetTable.test.js +0 -329
  218. package/test/Select.test.js +0 -212
  219. package/test/Sidenav.test.js +0 -45
  220. package/test/Slider.test.js +0 -82
  221. package/test/Spinner.test.js +0 -32
  222. package/test/Switch.test.js +0 -45
  223. package/test/Table.test.js +0 -36
  224. package/test/Tabs.test.js +0 -109
  225. package/test/TabsForSections.test.js +0 -34
  226. package/test/Tag.test.js +0 -32
  227. package/test/TextArea.test.js +0 -52
  228. package/test/TextInput.test.js +0 -732
  229. package/test/ToggleGroup.test.js +0 -85
  230. package/test/Upload.test.js +0 -60
  231. package/test/Wizard.test.js +0 -130
  232. package/test/mocks/pngMock.js +0 -1
  233. package/test/mocks/svgMock.js +0 -1
@@ -0,0 +1,55 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.linkedinLogo = exports.twitterLogo = exports.facebookLogo = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var facebookLogo = _react["default"].createElement("svg", {
13
+ version: "1.1",
14
+ id: "Capa_1",
15
+ x: "0px",
16
+ y: "0px",
17
+ width: "438.536px",
18
+ height: "438.536px",
19
+ viewBox: "0 0 438.536 438.536",
20
+ fill: "#FFFFFF"
21
+ }, _react["default"].createElement("g", null, _react["default"].createElement("path", {
22
+ 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 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 h274.084c22.648,0,42.018-8.042,58.095-24.126c16.084-16.084,24.126-35.454,24.126-58.102V82.225 C438.532,59.576,430.49,40.204,414.41,24.123z M373.155,225.548h-49.963V406.84h-74.802V225.548H210.99V163.02h37.401v-37.402 c0-26.838,6.283-47.107,18.843-60.813c12.559-13.706,33.304-20.555,62.242-20.555h49.963v62.526h-31.401 c-10.663,0-17.467,1.853-20.417,5.568c-2.949,3.711-4.428,10.23-4.428,19.558v31.119h56.534L373.155,225.548z"
23
+ })));
24
+
25
+ exports.facebookLogo = facebookLogo;
26
+
27
+ var twitterLogo = _react["default"].createElement("svg", {
28
+ version: "1.1",
29
+ id: "Capa_1",
30
+ x: "0px",
31
+ y: "0px",
32
+ width: "438.536px",
33
+ height: "438.536px",
34
+ viewBox: "0 0 438.536 438.536",
35
+ fill: "#FFFFFF"
36
+ }, _react["default"].createElement("g", null, _react["default"].createElement("path", {
37
+ 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 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 h274.084c22.648,0,42.018-8.042,58.095-24.126c16.084-16.084,24.126-35.454,24.126-58.102V82.225 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 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 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 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 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 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 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 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 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 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 C357.458,149.793,347.462,160.166,335.471,168.735z"
38
+ })));
39
+
40
+ exports.twitterLogo = twitterLogo;
41
+
42
+ var linkedinLogo = _react["default"].createElement("svg", {
43
+ version: "1.1",
44
+ id: "Capa_1",
45
+ x: "0px",
46
+ y: "0px",
47
+ width: "438.536px",
48
+ height: "438.536px",
49
+ viewBox: "0 0 438.536 438.536",
50
+ fill: "#FFFFFF"
51
+ }, _react["default"].createElement("g", null, _react["default"].createElement("path", {
52
+ 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 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 h274.084c22.648,0,42.018-8.042,58.095-24.126c16.084-16.084,24.126-35.454,24.126-58.102V82.225 C438.532,59.576,430.49,40.204,414.41,24.123z M133.618,367.157H67.666V169.016h65.952V367.157z M127.626,132.332 c-6.851,6.567-15.893,9.851-27.124,9.851h-0.288c-10.848,0-19.648-3.284-26.407-9.851c-6.76-6.567-10.138-14.703-10.138-24.41 c0-9.897,3.476-18.083,10.421-24.556c6.95-6.471,15.942-9.708,26.98-9.708c11.039,0,19.89,3.237,26.553,9.708 c6.661,6.473,10.088,14.659,10.277,24.556C137.899,117.625,134.477,125.761,127.626,132.332z M370.873,367.157h-65.952v-105.92 c0-29.879-11.036-44.823-33.116-44.823c-8.374,0-15.42,2.331-21.128,6.995c-5.715,4.661-9.996,10.324-12.847,16.991 c-1.335,3.422-1.999,8.75-1.999,15.981v110.775h-65.952c0.571-119.529,0.571-185.579,0-198.142h65.952v27.974 c13.867-21.681,33.558-32.544,59.101-32.544c22.84,0,41.21,7.52,55.104,22.554c13.895,15.037,20.841,37.214,20.841,66.519v113.64 H370.873z"
53
+ })));
54
+
55
+ exports.linkedinLogo = linkedinLogo;
File without changes
@@ -0,0 +1,23 @@
1
+ type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
2
+ type Margin = {
3
+ top?: Space;
4
+ bottom?: Space;
5
+ left?: Space;
6
+ right?: Space;
7
+ };
8
+
9
+ type Props = {
10
+ inheritColor?: boolean;
11
+ disabled?: boolean;
12
+ iconSrc?: string;
13
+ icon?: any;
14
+ iconPosition?: "before" | "after";
15
+ href?: string;
16
+ newWindow?: boolean;
17
+ onClick?: void;
18
+ text?: string;
19
+ margin?: Space | Margin;
20
+ tabIndex?: number;
21
+ };
22
+
23
+ export default function DxcLink(props: Props): JSX.Element;
package/main.d.ts ADDED
@@ -0,0 +1,40 @@
1
+ export { default as DxcAccordion } from "./accordion/index";
2
+ export { default as DxcAccordionGroup } from "./accordion-group/index";
3
+ export { default as DxcAlert } from "./alert/index";
4
+ export { default as DxcBox } from "./box/index";
5
+ export { default as DxcButton } from "./button/index";
6
+ export { default as DxcCard } from "./card/index";
7
+ export { default as DxcCheckbox } from "./checkbox/index";
8
+ export { default as DxcChip } from "./chip/index";
9
+ export { default as DxcDate } from "./date/index";
10
+ export { default as DxcDateInput } from "./date-input/index";
11
+ export { default as DxcDialog } from "./dialog/index";
12
+ export { default as DxcDropdown } from "./dropdown/index";
13
+ export { default as DxcFileInput } from "./file-input/index";
14
+ export { default as DxcFooter } from "./footer/index";
15
+ export { default as DxcHeader } from "./header/index";
16
+ export { default as DxcHeading } from "./heading/index";
17
+ export { default as DxcInputText } from "./input-text/index";
18
+ export { default as DxcLink } from "./link/index";
19
+ export { default as DxcNumberInput } from "./number-input/index";
20
+ export { default as DxcPaginator } from "./paginator/index";
21
+ export { default as DxcPasswordInput } from "./password-input/index";
22
+ export { default as DxcProgressBar } from "./progress-bar/index";
23
+ export { default as DxcRadio } from "./radio/index";
24
+ export { default as DxcResultsetTable } from "./resultsetTable/index";
25
+ export { default as DxcSelect } from "./select/index";
26
+ export { default as DxcSidenav } from "./sidenav/index";
27
+ export { default as DxcSlider } from "./slider/index";
28
+ export { default as DxcSpinner } from "./spinner/index";
29
+ export { default as DxcSwitch } from "./switch/index";
30
+ export { default as DxcTable } from "./table/index";
31
+ export { default as DxcTabs } from "./tabs/index";
32
+ export { default as DxcTag } from "./tag/index";
33
+ export { default as DxcTextInput } from "./text-input/index";
34
+ export { default as DxcTextarea } from "./textarea/index";
35
+ export { default as DxcToggle } from "./toggle/index";
36
+ export { default as DxcToggleGroup } from "./toggle-group/index";
37
+ export { default as DxcUpload } from "./upload/index";
38
+ export { default as V3DxcSelect } from "./V3Select/index";
39
+ export { default as V3DxcTextarea } from "./V3Textarea/index";
40
+ export { default as DxcWizard } from "./wizard/index";
@@ -67,7 +67,7 @@ Object.defineProperty(exports, "DxcHeader", {
67
67
  return _Header["default"];
68
68
  }
69
69
  });
70
- Object.defineProperty(exports, "DxcInput", {
70
+ Object.defineProperty(exports, "DxcInputText", {
71
71
  enumerable: true,
72
72
  get: function get() {
73
73
  return _InputText["default"];
@@ -79,10 +79,10 @@ Object.defineProperty(exports, "DxcRadio", {
79
79
  return _Radio["default"];
80
80
  }
81
81
  });
82
- Object.defineProperty(exports, "DxcSelect", {
82
+ Object.defineProperty(exports, "V3DxcSelect", {
83
83
  enumerable: true,
84
84
  get: function get() {
85
- return _Select["default"];
85
+ return _V3Select["default"];
86
86
  }
87
87
  });
88
88
  Object.defineProperty(exports, "DxcSlider", {
@@ -103,12 +103,6 @@ Object.defineProperty(exports, "DxcTabs", {
103
103
  return _Tabs["default"];
104
104
  }
105
105
  });
106
- Object.defineProperty(exports, "DxcTabsForSections", {
107
- enumerable: true,
108
- get: function get() {
109
- return _TabsForSections["default"];
110
- }
111
- });
112
106
  Object.defineProperty(exports, "DxcProgressBar", {
113
107
  enumerable: true,
114
108
  get: function get() {
@@ -175,10 +169,10 @@ Object.defineProperty(exports, "DxcHeading", {
175
169
  return _Heading["default"];
176
170
  }
177
171
  });
178
- Object.defineProperty(exports, "DxcTextarea", {
172
+ Object.defineProperty(exports, "V3DxcTextarea", {
179
173
  enumerable: true,
180
174
  get: function get() {
181
- return _Textarea["default"];
175
+ return _V3Textarea["default"];
182
176
  }
183
177
  });
184
178
  Object.defineProperty(exports, "DxcResultsetTable", {
@@ -223,34 +217,34 @@ Object.defineProperty(exports, "DxcTextInput", {
223
217
  return _TextInput["default"];
224
218
  }
225
219
  });
226
- Object.defineProperty(exports, "DxcPassword", {
220
+ Object.defineProperty(exports, "DxcPasswordInput", {
227
221
  enumerable: true,
228
222
  get: function get() {
229
- return _Password["default"];
223
+ return _PasswordInput["default"];
230
224
  }
231
225
  });
232
- Object.defineProperty(exports, "DxcNewDate", {
226
+ Object.defineProperty(exports, "DxcDateInput", {
233
227
  enumerable: true,
234
228
  get: function get() {
235
- return _NewDate["default"];
229
+ return _DateInput["default"];
236
230
  }
237
231
  });
238
- Object.defineProperty(exports, "DxcNumber", {
232
+ Object.defineProperty(exports, "DxcNumberInput", {
239
233
  enumerable: true,
240
234
  get: function get() {
241
- return _Number["default"];
235
+ return _NumberInput["default"];
242
236
  }
243
237
  });
244
- Object.defineProperty(exports, "DxcNewTextarea", {
238
+ Object.defineProperty(exports, "DxcTextarea", {
245
239
  enumerable: true,
246
240
  get: function get() {
247
- return _NewTextarea["default"];
241
+ return _Textarea["default"];
248
242
  }
249
243
  });
250
- Object.defineProperty(exports, "DxcNewSelect", {
244
+ Object.defineProperty(exports, "DxcSelect", {
251
245
  enumerable: true,
252
246
  get: function get() {
253
- return _NewSelect["default"];
247
+ return _Select["default"];
254
248
  }
255
249
  });
256
250
  Object.defineProperty(exports, "DxcFileInput", {
@@ -302,7 +296,7 @@ var _InputText = _interopRequireDefault(require("./input-text/InputText"));
302
296
 
303
297
  var _Radio = _interopRequireDefault(require("./radio/Radio"));
304
298
 
305
- var _Select = _interopRequireDefault(require("./select/Select"));
299
+ var _V3Select = _interopRequireDefault(require("./V3Select/V3Select"));
306
300
 
307
301
  var _Slider = _interopRequireDefault(require("./slider/Slider"));
308
302
 
@@ -310,8 +304,6 @@ var _Switch = _interopRequireDefault(require("./switch/Switch"));
310
304
 
311
305
  var _Tabs = _interopRequireDefault(require("./tabs/Tabs"));
312
306
 
313
- var _TabsForSections = _interopRequireDefault(require("./tabs-for-sections/TabsForSections"));
314
-
315
307
  var _ProgressBar = _interopRequireDefault(require("./progress-bar/ProgressBar"));
316
308
 
317
309
  var _Spinner = _interopRequireDefault(require("./spinner/Spinner"));
@@ -334,7 +326,7 @@ var _Link = _interopRequireDefault(require("./link/Link"));
334
326
 
335
327
  var _Heading = _interopRequireDefault(require("./heading/Heading"));
336
328
 
337
- var _Textarea = _interopRequireDefault(require("./textarea/Textarea"));
329
+ var _V3Textarea = _interopRequireDefault(require("./V3Textarea/V3Textarea"));
338
330
 
339
331
  var _ResultsetTable = _interopRequireDefault(require("./resultsetTable/ResultsetTable"));
340
332
 
@@ -350,15 +342,15 @@ var _Badge = _interopRequireDefault(require("./badge/Badge"));
350
342
 
351
343
  var _TextInput = _interopRequireDefault(require("./text-input/TextInput"));
352
344
 
353
- var _Password = _interopRequireDefault(require("./password/Password"));
345
+ var _PasswordInput = _interopRequireDefault(require("./password-input/PasswordInput"));
354
346
 
355
- var _NewDate = _interopRequireDefault(require("./new-date/NewDate"));
347
+ var _DateInput = _interopRequireDefault(require("./date-input/DateInput"));
356
348
 
357
- var _Number = _interopRequireDefault(require("./number/Number"));
349
+ var _NumberInput = _interopRequireDefault(require("./number-input/NumberInput"));
358
350
 
359
- var _NewTextarea = _interopRequireDefault(require("./new-textarea/NewTextarea"));
351
+ var _Textarea = _interopRequireDefault(require("./textarea/Textarea"));
360
352
 
361
- var _NewSelect = _interopRequireDefault(require("./new-select/NewSelect"));
353
+ var _Select = _interopRequireDefault(require("./select/Select"));
362
354
 
363
355
  var _FileInput = _interopRequireDefault(require("./file-input/FileInput"));
364
356
 
@@ -19,7 +19,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
19
19
 
20
20
  var _TextInput = _interopRequireDefault(require("../text-input/TextInput"));
21
21
 
22
- var _NumberContext = _interopRequireDefault(require("./NumberContext"));
22
+ var _NumberInputContext = _interopRequireDefault(require("./NumberInputContext"));
23
23
 
24
24
  var _variables = require("../common/variables.js");
25
25
 
@@ -33,7 +33,7 @@ function _templateObject() {
33
33
  return data;
34
34
  }
35
35
 
36
- var DxcNumber = _react["default"].forwardRef(function (_ref, ref) {
36
+ var DxcNumberInput = _react["default"].forwardRef(function (_ref, ref) {
37
37
  var _ref$label = _ref.label,
38
38
  label = _ref$label === void 0 ? "" : _ref$label,
39
39
  _ref$name = _ref.name,
@@ -65,14 +65,14 @@ var DxcNumber = _react["default"].forwardRef(function (_ref, ref) {
65
65
  size = _ref$size === void 0 ? "medium" : _ref$size,
66
66
  _ref$tabIndex = _ref.tabIndex,
67
67
  tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
68
- return _react["default"].createElement(_NumberContext["default"].Provider, {
68
+ return _react["default"].createElement(_NumberInputContext["default"].Provider, {
69
69
  value: {
70
70
  typeNumber: "number",
71
71
  minNumber: min,
72
72
  maxNumber: max,
73
73
  stepNumber: step
74
74
  }
75
- }, _react["default"].createElement(NumberContainer, null, _react["default"].createElement(_TextInput["default"], {
75
+ }, _react["default"].createElement(NumberInputContainer, null, _react["default"].createElement(_TextInput["default"], {
76
76
  label: label,
77
77
  name: name,
78
78
  value: value,
@@ -100,9 +100,9 @@ var sizes = {
100
100
  fillParent: "100%"
101
101
  };
102
102
 
103
- var NumberContainer = _styledComponents["default"].div(_templateObject());
103
+ var NumberInputContainer = _styledComponents["default"].div(_templateObject());
104
104
 
105
- DxcNumber.propTypes = {
105
+ DxcNumberInput.propTypes = {
106
106
  label: _propTypes["default"].string,
107
107
  name: _propTypes["default"].string,
108
108
  value: _propTypes["default"].string,
@@ -132,5 +132,5 @@ DxcNumber.propTypes = {
132
132
  size: _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(sizes))),
133
133
  tabIndex: _propTypes["default"].number
134
134
  };
135
- var _default = DxcNumber;
135
+ var _default = DxcNumberInput;
136
136
  exports["default"] = _default;
@@ -10,7 +10,7 @@ exports["default"] = void 0;
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
12
  /* eslint-disable prefer-template */
13
- var NumberContext = _react["default"].createContext();
13
+ var NumberInputContext = _react["default"].createContext();
14
14
 
15
- var _default = NumberContext;
15
+ var _default = NumberInputContext;
16
16
  exports["default"] = _default;
@@ -47,7 +47,7 @@ type Props = {
47
47
  */
48
48
  suffix?: string;
49
49
  /**
50
- * Minimum value allowed by the number. If the typed value by the user is
50
+ * Minimum value allowed by the number input. If the typed value by the user is
51
51
  * lower than min, the onBlur and onChange functions will be called with
52
52
  * the current value and an internal error informing that the current
53
53
  * value is not correct. If a valid state is reached, the error parameter
@@ -55,7 +55,7 @@ type Props = {
55
55
  */
56
56
  min?: number;
57
57
  /**
58
- * Maximum value allowed by the number. If the typed value by the user
58
+ * Maximum value allowed by the number input. If the typed value by the user
59
59
  * surpasses max, the onBlur and onChange functions will be called with
60
60
  * the current value and an internal error informing that the current
61
61
  * value is not correct. If a valid state is reached, the error parameter
@@ -110,4 +110,4 @@ type Props = {
110
110
  ref?: React.RefObject<HTMLDivElement>;
111
111
  };
112
112
 
113
- export default function DxcNumber(props: Props): JSX.Element;
113
+ export default function DxcNumberInput(props: Props): JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dxc-technology/halstack-react",
3
- "version": "0.0.0-0d64afc",
3
+ "version": "0.0.0-0d951d2",
4
4
  "description": "DXC Halstack React components library",
5
5
  "repository": "dxc-technology/halstack-react",
6
6
  "homepage": "http://developer.dxc.com/tools/react",
@@ -10,12 +10,12 @@
10
10
  "email": "DigitalInsurance@dxc.com",
11
11
  "url": "https://dxc.com"
12
12
  },
13
- "main": "./dist/main.js",
14
- "types": "./dist/main.d.ts",
13
+ "main": "./main.js",
14
+ "types": "./main.d.ts",
15
15
  "peerDependencies": {
16
- "react": "^16.8.6",
17
- "react-dom": "^16.8.6",
18
- "styled-components": ">= 4.3.1"
16
+ "react": "^17.0.1",
17
+ "react-dom": "^17.0.1",
18
+ "styled-components": "^5.0.1"
19
19
  },
20
20
  "dependencies": {
21
21
  "@date-io/date-fns": "^1.3.9",
@@ -29,15 +29,16 @@
29
29
  "date-fns": "^2.0.0-beta.4",
30
30
  "moment": "2.24.0",
31
31
  "prop-types": "^15.7.2",
32
- "react-use-scrollspy": "^2.0.0",
33
32
  "rgb-hex": "^3.0.0",
34
33
  "uuid": "^8.3.2"
35
34
  },
36
35
  "scripts": {
37
36
  "test": "jest",
38
37
  "test:watch": "npm test -- --watch --coverage",
39
- "build": "babel src --out-dir dist --copy-files --verbose && node ../scripts/build/copy-readme.js",
40
- "build:watch": "babel src --watch --out-dir dist --copy-files --verbose"
38
+ "build": "babel src --out-dir ../dist --copy-files --verbose && node ../scripts/build/copy-readme.js",
39
+ "build:watch": "babel src --watch --out-dir ../dist --copy-files --verbose",
40
+ "storybook": "start-storybook -p 6006",
41
+ "build-storybook": "build-storybook"
41
42
  },
42
43
  "devDependencies": {
43
44
  "@babel/cli": "^7.6.2",
@@ -48,9 +49,14 @@
48
49
  "@babel/plugin-transform-runtime": "^7.10.1",
49
50
  "@babel/preset-env": "^7.6.2",
50
51
  "@babel/preset-react": "^7.0.0",
52
+ "@storybook/addon-actions": "^6.4.9",
53
+ "@storybook/addon-essentials": "^6.4.9",
54
+ "@storybook/addon-links": "^6.4.9",
55
+ "@storybook/react": "^6.4.9",
51
56
  "@testing-library/react": "^11.2.5",
52
57
  "babel-jest": "^24.8.0",
53
58
  "babel-loader": "^8.0.6",
59
+ "chromatic": "^6.3.3",
54
60
  "eslint": "^5.16.0",
55
61
  "eslint-config-airbnb": "^17.1.0",
56
62
  "eslint-config-prettier": "^6.7.0",
@@ -59,21 +65,19 @@
59
65
  "eslint-plugin-jsx-a11y": "^6.2.1",
60
66
  "eslint-plugin-react": "^7.13.0",
61
67
  "eslint-plugin-react-hooks": "^4.2.0",
68
+ "eslint-plugin-storybook": "^0.5.5",
62
69
  "identity-obj-proxy": "^3.0.0",
63
70
  "jest": "^25.5.4",
64
- "react": "file:../node_modules/react",
65
- "react-dom": "file:../node_modules/react-dom",
66
- "react-test-renderer": "^16.8.6",
67
- "styled-components": "file:../node_modules/styled-components"
71
+ "react": "^17.0.1",
72
+ "react-dom": "^17.0.1",
73
+ "styled-components": "^5.0.1",
74
+ "react-test-renderer": "^16.8.6"
68
75
  },
69
76
  "jest": {
70
77
  "moduleNameMapper": {
71
78
  "\\.(css|less|scss|sass)$": "identity-obj-proxy",
72
79
  "\\.(svg)$": "<rootDir>/test/mocks/svgMock.js",
73
80
  "\\.(png)$": "<rootDir>/test/mocks/pngMock.js"
74
- },
75
- "transformIgnorePatterns": [
76
- "/node_modules/(?!react-use-scrollspy).+\\.js$"
77
- ]
81
+ }
78
82
  }
79
83
  }
@@ -0,0 +1,66 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.lastIcon = exports.nextIcon = exports.previousIcon = exports.firstIcon = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var firstIcon = _react["default"].createElement("svg", {
13
+ xmlns: "http://www.w3.org/2000/svg",
14
+ width: "12.41",
15
+ height: "12",
16
+ viewBox: "0 0 12.41 12"
17
+ }, _react["default"].createElement("path", {
18
+ id: "Path_2463",
19
+ "data-name": "Path 2463",
20
+ d: "M18.41,16.59,13.82,12l4.59-4.59L17,6l-6,6,6,6ZM6,6H8V18H6Z",
21
+ transform: "translate(-6 -6)"
22
+ }));
23
+
24
+ exports.firstIcon = firstIcon;
25
+
26
+ var previousIcon = _react["default"].createElement("svg", {
27
+ xmlns: "http://www.w3.org/2000/svg",
28
+ width: "7.41",
29
+ height: "12",
30
+ viewBox: "0 0 7.41 12"
31
+ }, _react["default"].createElement("path", {
32
+ id: "Path_2459",
33
+ "data-name": "Path 2459",
34
+ d: "M15.41,7.41,14,6,8,12l6,6,1.41-1.41L10.83,12Z",
35
+ transform: "translate(-8 -6)"
36
+ }));
37
+
38
+ exports.previousIcon = previousIcon;
39
+
40
+ var nextIcon = _react["default"].createElement("svg", {
41
+ xmlns: "http://www.w3.org/2000/svg",
42
+ width: "7.41",
43
+ height: "12",
44
+ viewBox: "0 0 7.41 12"
45
+ }, _react["default"].createElement("path", {
46
+ id: "Path_2461",
47
+ "data-name": "Path 2461",
48
+ d: "M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z",
49
+ transform: "translate(-8.59 -6)"
50
+ }));
51
+
52
+ exports.nextIcon = nextIcon;
53
+
54
+ var lastIcon = _react["default"].createElement("svg", {
55
+ xmlns: "http://www.w3.org/2000/svg",
56
+ width: "12.41",
57
+ height: "12",
58
+ viewBox: "0 0 12.41 12"
59
+ }, _react["default"].createElement("path", {
60
+ id: "Path_2465",
61
+ "data-name": "Path 2465",
62
+ d: "M5.59,7.41,10.18,12,5.59,16.59,7,18l6-6L7,6ZM16,6h2V18H16Z",
63
+ transform: "translate(-5.59 -6)"
64
+ }));
65
+
66
+ exports.lastIcon = lastIcon;