@dxc-technology/halstack-react 0.0.0-89339f9 → 0.0.0-8c3739a

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 (109) hide show
  1. package/dist/ThemeContext.js +131 -99
  2. package/dist/accordion/Accordion.js +72 -59
  3. package/dist/accordion-group/AccordionGroup.js +1 -3
  4. package/dist/alert/Alert.js +126 -111
  5. package/dist/alert/index.d.ts +51 -0
  6. package/dist/badge/Badge.js +3 -1
  7. package/dist/box/Box.js +1 -9
  8. package/dist/button/Button.js +30 -20
  9. package/dist/card/Card.js +2 -4
  10. package/dist/checkbox/Checkbox.js +30 -21
  11. package/dist/chip/Chip.js +30 -28
  12. package/dist/common/variables.js +987 -572
  13. package/dist/date/Date.js +17 -29
  14. package/dist/date-input/DateInput.js +400 -0
  15. package/dist/date-input/index.d.ts +95 -0
  16. package/dist/dialog/Dialog.js +21 -39
  17. package/dist/dropdown/Dropdown.js +123 -71
  18. package/dist/file-input/FileInput.js +644 -0
  19. package/dist/file-input/FileItem.js +280 -0
  20. package/dist/file-input/index.d.ts +81 -0
  21. package/dist/footer/Footer.js +25 -35
  22. package/dist/footer/dxc_logo.svg +15 -0
  23. package/dist/header/Header.js +14 -42
  24. package/dist/header/dxc_logo_black.svg +8 -0
  25. package/dist/heading/Heading.js +1 -5
  26. package/dist/input-text/InputText.js +96 -58
  27. package/dist/layout/ApplicationLayout.js +1 -1
  28. package/dist/link/Link.js +23 -26
  29. package/dist/main.d.ts +8 -0
  30. package/dist/main.js +57 -1
  31. package/dist/new-select/NewSelect.js +836 -0
  32. package/dist/new-select/index.d.ts +53 -0
  33. package/dist/new-textarea/NewTextarea.js +369 -0
  34. package/dist/new-textarea/index.d.ts +117 -0
  35. package/dist/number-input/NumberInput.js +136 -0
  36. package/dist/number-input/NumberInputContext.js +16 -0
  37. package/dist/number-input/index.d.ts +113 -0
  38. package/dist/paginator/Paginator.js +10 -4
  39. package/dist/password-input/PasswordInput.js +198 -0
  40. package/dist/password-input/index.d.ts +94 -0
  41. package/dist/progress-bar/ProgressBar.js +63 -27
  42. package/dist/resultsetTable/ResultsetTable.js +5 -22
  43. package/dist/select/Select.js +189 -185
  44. package/dist/sidenav/Sidenav.js +11 -15
  45. package/dist/slider/Slider.js +145 -66
  46. package/dist/spinner/Spinner.js +226 -59
  47. package/dist/switch/Switch.js +3 -3
  48. package/dist/table/Table.js +15 -5
  49. package/dist/tabs/Tabs.js +4 -8
  50. package/dist/tag/Tag.js +38 -36
  51. package/dist/text-input/TextInput.js +971 -0
  52. package/dist/text-input/index.d.ts +135 -0
  53. package/dist/textarea/Textarea.js +26 -22
  54. package/dist/toggle-group/ToggleGroup.js +130 -44
  55. package/dist/upload/buttons-upload/ButtonsUpload.js +8 -4
  56. package/dist/upload/dragAndDropArea/DragAndDropArea.js +16 -12
  57. package/dist/upload/file-upload/FileToUpload.js +4 -4
  58. package/dist/upload/transaction/Transaction.js +13 -9
  59. package/dist/upload/transactions/Transactions.js +11 -11
  60. package/dist/wizard/Wizard.js +84 -56
  61. package/dist/wizard/invalid_icon.svg +4 -5
  62. package/dist/wizard/valid_icon.svg +4 -5
  63. package/package.json +4 -2
  64. package/test/DateInput.test.js +242 -0
  65. package/test/Dropdown.test.js +15 -0
  66. package/test/FileInput.test.js +201 -0
  67. package/test/InputText.test.js +24 -16
  68. package/test/NewTextarea.test.js +195 -0
  69. package/test/NumberInput.test.js +259 -0
  70. package/test/Paginator.test.js +1 -1
  71. package/test/PasswordInput.test.js +83 -0
  72. package/test/ResultsetTable.test.js +1 -2
  73. package/test/Select.test.js +44 -24
  74. package/test/Spinner.test.js +5 -0
  75. package/test/TextInput.test.js +732 -0
  76. package/test/ToggleGroup.test.js +5 -1
  77. package/dist/accordion/Accordion.stories.js +0 -207
  78. package/dist/accordion/readme.md +0 -96
  79. package/dist/accordion-group/AccordionGroup.stories.js +0 -207
  80. package/dist/accordion-group/readme.md +0 -70
  81. package/dist/alert/Alert.stories.js +0 -158
  82. package/dist/alert/close.svg +0 -4
  83. package/dist/alert/error.svg +0 -4
  84. package/dist/alert/info.svg +0 -4
  85. package/dist/alert/readme.md +0 -43
  86. package/dist/alert/success.svg +0 -4
  87. package/dist/alert/warning.svg +0 -4
  88. package/dist/button/Button.stories.js +0 -224
  89. package/dist/button/readme.md +0 -93
  90. package/dist/date/calendar.svg +0 -1
  91. package/dist/date/calendar_dark.svg +0 -1
  92. package/dist/dialog/Dialog.stories.js +0 -217
  93. package/dist/dialog/readme.md +0 -32
  94. package/dist/dropdown/Dropdown.stories.js +0 -249
  95. package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
  96. package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
  97. package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
  98. package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
  99. package/dist/dropdown/readme.md +0 -69
  100. package/dist/footer/Footer.stories.js +0 -94
  101. package/dist/footer/dxc_logo_wht.png +0 -0
  102. package/dist/header/dxc_logo_black.png +0 -0
  103. package/dist/header/dxc_logo_blk_rgb.svg +0 -6
  104. package/dist/header/dxc_logo_white.png +0 -0
  105. package/dist/input-text/InputText.stories.js +0 -209
  106. package/dist/select/Select.stories.js +0 -235
  107. package/dist/select/readme.md +0 -72
  108. package/dist/slider/Slider.stories.js +0 -241
  109. package/dist/toggle-group/readme.md +0 -82
package/dist/resultsetTable/ResultsetTable.js CHANGED
@@ -32,7 +32,7 @@ var _Paginator = _interopRequireDefault(require("../paginator/Paginator"));
32
32
  var _useTheme = _interopRequireDefault(require("../useTheme.js"));
33
33
 
34
34
  function _templateObject9() {
35
- var data = (0, _taggedTemplateLiteral2["default"])(["\n font-size: ", ";\n overflow-y: hidden;\n overflow-x: auto;\n margin: ", ";\n margin-top: ", ";\n margin-right: ", ";\n margin-bottom: ", ";\n margin-left: ", ";\n\n &::-webkit-scrollbar {\n height: 6px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: ", ";\n border-radius: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: ", ";\n border-radius: 6px;\n }\n"]);
35
+ var data = (0, _taggedTemplateLiteral2["default"])(["\n font-size: ", ";\n margin: ", ";\n margin-top: ", ";\n margin-right: ", ";\n margin-bottom: ", ";\n margin-left: ", ";\n overflow: hidden;\n"]);
36
36
 
37
37
  _templateObject9 = function _templateObject9() {
38
38
  return data;
@@ -102,7 +102,7 @@ function _templateObject3() {
102
102
  }
103
103
 
104
104
  function _templateObject2() {
105
- var data = (0, _taggedTemplateLiteral2["default"])(["\n margin-left: ", ";\n margin-right: ", ";\n"]);
105
+ var data = (0, _taggedTemplateLiteral2["default"])([""]);
106
106
 
107
107
  _templateObject2 = function _templateObject2() {
108
108
  return data;
@@ -263,14 +263,7 @@ var DxcResultsetTable = function DxcResultsetTable(_ref) {
263
263
  theme: colorsTheme.table
264
264
  }, _react["default"].createElement(DxcResultsetTableContainer, {
265
265
  margin: margin
266
- }, _react["default"].createElement(TableContainer, null, _react["default"].createElement(_Table["default"], {
267
- margin: {
268
- top: margin,
269
- right: margin,
270
- bottom: "0px",
271
- left: margin
272
- }
273
- }, _react["default"].createElement(HeaderRow, null, _react["default"].createElement("tr", null, columns.map(function (column, index) {
266
+ }, _react["default"].createElement(TableContainer, null, _react["default"].createElement(_Table["default"], null, _react["default"].createElement(HeaderRow, null, _react["default"].createElement("tr", null, columns.map(function (column, index) {
274
267
  return _react["default"].createElement(TableHeader, {
275
268
  key: "tableHeader_".concat(index)
276
269
  }, _react["default"].createElement(HeaderContainer, {
@@ -290,9 +283,7 @@ var DxcResultsetTable = function DxcResultsetTable(_ref) {
290
283
  key: "resultSetTableCellContent_".concat(index)
291
284
  }, cellContent.displayValue);
292
285
  }));
293
- })))), _react["default"].createElement(PaginatorContainer, {
294
- margin: margin
295
- }, _react["default"].createElement(_Paginator["default"], {
286
+ })))), _react["default"].createElement(PaginatorContainer, null, _react["default"].createElement(_Paginator["default"], {
296
287
  totalItems: rows.length,
297
288
  itemsPerPage: itemsPerPage,
298
289
  itemsPerPageOptions: itemsPerPageOptions,
@@ -306,11 +297,7 @@ var DxcResultsetTable = function DxcResultsetTable(_ref) {
306
297
 
307
298
  var TableContainer = _styledComponents["default"].div(_templateObject());
308
299
 
309
- var PaginatorContainer = _styledComponents["default"].div(_templateObject2(), function (props) {
310
- return props.margin && (0, _typeof2["default"])(props.margin) !== "object" ? _variables.spaces[props.margin] : "0px";
311
- }, function (props) {
312
- return props.margin && (0, _typeof2["default"])(props.margin) !== "object" ? _variables.spaces[props.margin] : "0px";
313
- });
300
+ var PaginatorContainer = _styledComponents["default"].div(_templateObject2());
314
301
 
315
302
  var TableRowGroup = _styledComponents["default"].tbody(_templateObject3(), function (props) {
316
303
  return props.theme.rowHeight || "70px";
@@ -344,10 +331,6 @@ var DxcResultsetTableContainer = _styledComponents["default"].div(_templateObjec
344
331
  return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.bottom ? _variables.spaces[props.margin.bottom] : "";
345
332
  }, function (props) {
346
333
  return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.left ? _variables.spaces[props.margin.left] : "";
347
- }, function (props) {
348
- return props.theme.scrollBarThumbColor;
349
- }, function (props) {
350
- return props.theme.scrollBarTrackColor;
351
334
  });
352
335
 
353
336
  DxcResultsetTable.propTypes = {