@dxc-technology/halstack-react 0.0.0-506547 → 0.0.0-50712b5

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 (229) hide show
  1. package/README.md +2 -2
  2. package/dist/BackgroundColorContext.js +46 -0
  3. package/dist/ThemeContext.js +213 -141
  4. package/dist/V3Select/V3Select.js +549 -0
  5. package/dist/V3Select/index.d.ts +27 -0
  6. package/dist/V3Textarea/V3Textarea.js +264 -0
  7. package/dist/V3Textarea/index.d.ts +27 -0
  8. package/dist/accordion/Accordion.js +131 -46
  9. package/dist/accordion/index.d.ts +28 -0
  10. package/dist/accordion-group/AccordionGroup.js +36 -9
  11. package/dist/accordion-group/index.d.ts +16 -0
  12. package/dist/alert/Alert.js +180 -80
  13. package/dist/alert/index.d.ts +51 -0
  14. package/dist/badge/Badge.js +28 -7
  15. package/dist/box/Box.js +29 -18
  16. package/dist/box/index.d.ts +25 -0
  17. package/dist/button/Button.js +62 -23
  18. package/dist/button/index.d.ts +24 -0
  19. package/dist/card/Card.js +72 -35
  20. package/dist/card/index.d.ts +22 -0
  21. package/dist/checkbox/Checkbox.js +98 -28
  22. package/dist/checkbox/index.d.ts +24 -0
  23. package/dist/chip/Chip.js +93 -31
  24. package/dist/chip/index.d.ts +22 -0
  25. package/dist/common/utils.js +2 -22
  26. package/dist/common/variables.js +1410 -202
  27. package/dist/date/Date.js +69 -47
  28. package/dist/date/index.d.ts +27 -0
  29. package/dist/date-input/DateInput.js +400 -0
  30. package/dist/date-input/index.d.ts +95 -0
  31. package/dist/dialog/Dialog.js +54 -31
  32. package/dist/dialog/index.d.ts +18 -0
  33. package/dist/dropdown/Dropdown.js +173 -75
  34. package/dist/dropdown/index.d.ts +26 -0
  35. package/dist/file-input/FileInput.js +644 -0
  36. package/dist/file-input/FileItem.js +287 -0
  37. package/dist/file-input/index.d.ts +81 -0
  38. package/dist/footer/Footer.js +89 -34
  39. package/dist/footer/Icons.js +77 -0
  40. package/dist/footer/index.d.ts +25 -0
  41. package/dist/header/Header.js +190 -88
  42. package/dist/header/Icons.js +59 -0
  43. package/dist/header/index.d.ts +25 -0
  44. package/dist/heading/Heading.js +93 -16
  45. package/dist/heading/index.d.ts +17 -0
  46. package/dist/input-text/Icons.js +22 -0
  47. package/dist/input-text/InputText.js +248 -113
  48. package/dist/input-text/index.d.ts +36 -0
  49. package/dist/layout/ApplicationLayout.js +15 -20
  50. package/dist/layout/Icons.js +55 -0
  51. package/dist/link/Link.js +84 -34
  52. package/dist/link/index.d.ts +23 -0
  53. package/dist/main.d.ts +40 -0
  54. package/dist/main.js +72 -16
  55. package/dist/number-input/NumberInput.js +136 -0
  56. package/dist/number-input/NumberInputContext.js +16 -0
  57. package/dist/number-input/index.d.ts +113 -0
  58. package/dist/paginator/Icons.js +66 -0
  59. package/dist/paginator/Paginator.js +106 -55
  60. package/dist/paginator/index.d.ts +20 -0
  61. package/dist/password-input/PasswordInput.js +203 -0
  62. package/dist/password-input/index.d.ts +94 -0
  63. package/dist/progress-bar/ProgressBar.js +91 -33
  64. package/dist/progress-bar/index.d.ts +18 -0
  65. package/dist/radio/Radio.js +30 -11
  66. package/dist/radio/index.d.ts +23 -0
  67. package/dist/resultsetTable/ResultsetTable.js +79 -48
  68. package/dist/resultsetTable/index.d.ts +19 -0
  69. package/dist/select/Select.js +903 -275
  70. package/dist/select/index.d.ts +53 -0
  71. package/dist/sidenav/Sidenav.js +65 -11
  72. package/dist/sidenav/index.d.ts +13 -0
  73. package/dist/slider/Slider.js +212 -65
  74. package/dist/slider/index.d.ts +29 -0
  75. package/dist/spinner/Spinner.js +246 -57
  76. package/dist/spinner/index.d.ts +17 -0
  77. package/dist/switch/Switch.js +51 -19
  78. package/dist/switch/index.d.ts +24 -0
  79. package/dist/table/Table.js +49 -21
  80. package/dist/table/index.d.ts +13 -0
  81. package/dist/tabs/Tabs.js +58 -17
  82. package/dist/tabs/index.d.ts +19 -0
  83. package/dist/tag/Tag.js +68 -35
  84. package/dist/tag/index.d.ts +24 -0
  85. package/dist/text-input/TextInput.js +974 -0
  86. package/dist/text-input/index.d.ts +135 -0
  87. package/dist/textarea/Textarea.js +246 -101
  88. package/dist/textarea/index.d.ts +117 -0
  89. package/dist/toggle/Toggle.js +16 -19
  90. package/dist/toggle/index.d.ts +21 -0
  91. package/dist/toggle-group/ToggleGroup.js +141 -37
  92. package/dist/toggle-group/index.d.ts +21 -0
  93. package/dist/upload/Upload.js +13 -8
  94. package/dist/upload/buttons-upload/ButtonsUpload.js +32 -19
  95. package/dist/upload/buttons-upload/Icons.js +40 -0
  96. package/dist/upload/dragAndDropArea/DragAndDropArea.js +84 -34
  97. package/dist/upload/dragAndDropArea/Icons.js +39 -0
  98. package/dist/upload/file-upload/FileToUpload.js +64 -33
  99. package/dist/upload/file-upload/Icons.js +66 -0
  100. package/dist/upload/files-upload/FilesToUpload.js +16 -16
  101. package/dist/upload/index.d.ts +15 -0
  102. package/dist/upload/transaction/Icons.js +160 -0
  103. package/dist/upload/transaction/Transaction.js +42 -49
  104. package/dist/upload/transactions/Transactions.js +38 -20
  105. package/dist/wizard/Icons.js +65 -0
  106. package/dist/wizard/Wizard.js +125 -48
  107. package/dist/wizard/index.d.ts +18 -0
  108. package/package.json +10 -12
  109. package/test/AccordionGroup.test.js +16 -0
  110. package/test/Date.test.js +15 -13
  111. package/test/DateInput.test.js +242 -0
  112. package/test/Dropdown.test.js +15 -0
  113. package/test/FileInput.test.js +201 -0
  114. package/test/Footer.test.js +2 -7
  115. package/test/Header.test.js +5 -10
  116. package/test/Heading.test.js +60 -12
  117. package/test/InputText.test.js +1 -1
  118. package/test/Link.test.js +3 -2
  119. package/test/NumberInput.test.js +259 -0
  120. package/test/Paginator.test.js +6 -2
  121. package/test/PasswordInput.test.js +83 -0
  122. package/test/ResultsetTable.test.js +6 -6
  123. package/test/Select.test.js +371 -148
  124. package/test/Slider.test.js +9 -17
  125. package/test/Spinner.test.js +5 -0
  126. package/test/TextInput.test.js +732 -0
  127. package/test/Textarea.test.js +193 -0
  128. package/test/ToggleGroup.test.js +5 -1
  129. package/test/Upload.test.js +1 -1
  130. package/test/V3Select.test.js +212 -0
  131. package/test/{TextArea.test.js → V3TextArea.test.js} +6 -7
  132. package/dist/accordion/Accordion.stories.js +0 -207
  133. package/dist/accordion/readme.md +0 -96
  134. package/dist/accordion-group/AccordionGroup.stories.js +0 -207
  135. package/dist/accordion-group/readme.md +0 -70
  136. package/dist/alert/Alert.stories.js +0 -158
  137. package/dist/alert/close.svg +0 -4
  138. package/dist/alert/error.svg +0 -4
  139. package/dist/alert/info.svg +0 -4
  140. package/dist/alert/readme.md +0 -43
  141. package/dist/alert/success.svg +0 -4
  142. package/dist/alert/warning.svg +0 -4
  143. package/dist/button/Button.stories.js +0 -224
  144. package/dist/button/readme.md +0 -93
  145. package/dist/checkbox/Checkbox.stories.js +0 -144
  146. package/dist/checkbox/readme.md +0 -116
  147. package/dist/common/services/example-service.js +0 -10
  148. package/dist/common/services/example-service.test.js +0 -12
  149. package/dist/date/Date.stories.js +0 -205
  150. package/dist/date/calendar.svg +0 -1
  151. package/dist/date/calendar_dark.svg +0 -1
  152. package/dist/date/readme.md +0 -73
  153. package/dist/dialog/Dialog.stories.js +0 -217
  154. package/dist/dialog/readme.md +0 -32
  155. package/dist/dropdown/Dropdown.stories.js +0 -249
  156. package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
  157. package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
  158. package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
  159. package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
  160. package/dist/dropdown/readme.md +0 -69
  161. package/dist/footer/Footer.stories.js +0 -94
  162. package/dist/footer/dxc_logo_wht.png +0 -0
  163. package/dist/footer/readme.md +0 -41
  164. package/dist/header/Header.stories.js +0 -176
  165. package/dist/header/close_icon.svg +0 -1
  166. package/dist/header/dxc_logo_black.png +0 -0
  167. package/dist/header/dxc_logo_blk_rgb.svg +0 -6
  168. package/dist/header/dxc_logo_white.png +0 -0
  169. package/dist/header/hamb_menu_black.svg +0 -1
  170. package/dist/header/hamb_menu_white.svg +0 -1
  171. package/dist/header/readme.md +0 -33
  172. package/dist/input-text/InputText.stories.js +0 -209
  173. package/dist/input-text/error.svg +0 -1
  174. package/dist/input-text/readme.md +0 -91
  175. package/dist/layout/facebook.svg +0 -45
  176. package/dist/layout/linkedin.svg +0 -50
  177. package/dist/layout/twitter.svg +0 -53
  178. package/dist/link/readme.md +0 -51
  179. package/dist/paginator/images/next.svg +0 -3
  180. package/dist/paginator/images/nextPage.svg +0 -3
  181. package/dist/paginator/images/previous.svg +0 -3
  182. package/dist/paginator/images/previousPage.svg +0 -3
  183. package/dist/paginator/readme.md +0 -50
  184. package/dist/progress-bar/ProgressBar.stories.js +0 -280
  185. package/dist/progress-bar/readme.md +0 -63
  186. package/dist/radio/Radio.stories.js +0 -166
  187. package/dist/radio/readme.md +0 -70
  188. package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
  189. package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
  190. package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
  191. package/dist/select/Select.stories.js +0 -235
  192. package/dist/select/readme.md +0 -72
  193. package/dist/slider/Slider.stories.js +0 -241
  194. package/dist/slider/readme.md +0 -64
  195. package/dist/spinner/Spinner.stories.js +0 -183
  196. package/dist/spinner/readme.md +0 -65
  197. package/dist/switch/Switch.stories.js +0 -134
  198. package/dist/switch/readme.md +0 -133
  199. package/dist/tabs/Tabs.stories.js +0 -130
  200. package/dist/tabs/readme.md +0 -78
  201. package/dist/tabs-for-sections/TabsForSections.js +0 -92
  202. package/dist/tabs-for-sections/readme.md +0 -78
  203. package/dist/toggle/Toggle.stories.js +0 -297
  204. package/dist/toggle/readme.md +0 -80
  205. package/dist/toggle-group/readme.md +0 -82
  206. package/dist/upload/Upload.stories.js +0 -72
  207. package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
  208. package/dist/upload/buttons-upload/upload-button.svg +0 -1
  209. package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
  210. package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
  211. package/dist/upload/file-upload/audio-icon.svg +0 -4
  212. package/dist/upload/file-upload/close.svg +0 -4
  213. package/dist/upload/file-upload/file-icon.svg +0 -4
  214. package/dist/upload/file-upload/video-icon.svg +0 -4
  215. package/dist/upload/readme.md +0 -37
  216. package/dist/upload/transaction/audio-icon-err.svg +0 -4
  217. package/dist/upload/transaction/audio-icon.svg +0 -4
  218. package/dist/upload/transaction/error-icon.svg +0 -4
  219. package/dist/upload/transaction/file-icon-err.svg +0 -4
  220. package/dist/upload/transaction/file-icon.svg +0 -4
  221. package/dist/upload/transaction/image-icon-err.svg +0 -4
  222. package/dist/upload/transaction/image-icon.svg +0 -4
  223. package/dist/upload/transaction/success-icon.svg +0 -4
  224. package/dist/upload/transaction/video-icon-err.svg +0 -4
  225. package/dist/upload/transaction/video-icon.svg +0 -4
  226. package/dist/wizard/invalid_icon.svg +0 -6
  227. package/dist/wizard/valid_icon.svg +0 -6
  228. package/dist/wizard/validation-wrong.svg +0 -6
  229. package/test/TabsForSections.test.js +0 -34
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # Halstack React CDK
1
+ # Halstack React CDK
2
2
 
3
3
  Halstack React CDK is a npm library of reusable React components, made with the purpose of helping React developers with the task of implementing User Interfaces following the DXC Design Guidelines.
4
4
 
@@ -35,7 +35,7 @@ Install the library dependencies.
35
35
  npm install
36
36
  ```
37
37
 
38
- Run the build process into `dist` folder, detecting and automatically building changes in src.
38
+ Run the build process into `dist` folder, detecting and automatically building changes in src.
39
39
 
40
40
  ```bash
41
41
  npm run build:watch #'npm run build' if there is no need to watch for changes
@@ -0,0 +1,46 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
6
+
7
+ Object.defineProperty(exports, "__esModule", {
8
+ value: true
9
+ });
10
+ exports.BackgroundColorProvider = exports["default"] = void 0;
11
+
12
+ var _react = _interopRequireWildcard(require("react"));
13
+
14
+ var _color = _interopRequireDefault(require("color"));
15
+
16
+ var _rgbHex = _interopRequireDefault(require("rgb-hex"));
17
+
18
+ /* eslint-disable prefer-template */
19
+ var BackgroundColorContext = _react["default"].createContext();
20
+
21
+ var getColorType = function getColorType(hexColor) {
22
+ try {
23
+ if (hexColor) {
24
+ var hslColor = (0, _color["default"])(hexColor).hsl();
25
+ var lightnessColor = hslColor.color[2];
26
+ return lightnessColor <= 30 ? "dark" : "light";
27
+ }
28
+ } catch (e) {
29
+ return "light";
30
+ }
31
+ };
32
+
33
+ var BackgroundColorProvider = function BackgroundColorProvider(_ref) {
34
+ var color = _ref.color,
35
+ children = _ref.children;
36
+ var colorType = (0, _react.useMemo)(function () {
37
+ return getColorType(color);
38
+ }, [color]);
39
+ return _react["default"].createElement(BackgroundColorContext.Provider, {
40
+ value: colorType
41
+ }, children);
42
+ };
43
+
44
+ exports.BackgroundColorProvider = BackgroundColorProvider;
45
+ var _default = BackgroundColorContext;
46
+ exports["default"] = _default;