@dxc-technology/halstack-react 0.0.0-356b44c → 0.0.0-38e128d

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 (127) hide show
  1. package/README.md +1 -1
  2. package/babel.config.js +6 -2
  3. package/dist/BackgroundColorContext.js +46 -0
  4. package/dist/ThemeContext.js +235 -2
  5. package/dist/accordion/Accordion.js +170 -65
  6. package/dist/accordion-group/AccordionGroup.js +186 -0
  7. package/dist/alert/Alert.js +180 -81
  8. package/dist/alert/index.d.ts +51 -0
  9. package/dist/badge/Badge.js +63 -0
  10. package/dist/box/Box.js +31 -23
  11. package/dist/button/Button.js +83 -26
  12. package/dist/card/Card.js +72 -35
  13. package/dist/checkbox/Checkbox.js +98 -38
  14. package/dist/chip/Chip.js +128 -36
  15. package/dist/common/RequiredComponent.js +2 -8
  16. package/dist/common/utils.js +2 -22
  17. package/dist/common/variables.js +1318 -277
  18. package/dist/date/Date.js +75 -53
  19. package/dist/dialog/Dialog.js +58 -37
  20. package/dist/dropdown/Dropdown.js +199 -71
  21. package/dist/file-input/FileInput.js +641 -0
  22. package/dist/file-input/FileItem.js +280 -0
  23. package/dist/file-input/index.d.ts +81 -0
  24. package/dist/footer/Footer.js +86 -37
  25. package/dist/footer/dxc_logo.svg +15 -0
  26. package/dist/footer/readme.md +1 -1
  27. package/dist/header/Header.js +112 -69
  28. package/dist/header/dxc_logo_black.svg +8 -0
  29. package/dist/header/readme.md +1 -1
  30. package/dist/heading/Heading.js +81 -16
  31. package/dist/input-text/InputText.js +288 -100
  32. package/dist/layout/ApplicationLayout.js +331 -0
  33. package/dist/layout/facebook.svg +45 -0
  34. package/dist/layout/linkedin.svg +50 -0
  35. package/dist/layout/twitter.svg +53 -0
  36. package/dist/link/Link.js +136 -35
  37. package/dist/main.d.ts +7 -0
  38. package/dist/main.js +97 -1
  39. package/dist/new-date/NewDate.js +400 -0
  40. package/dist/new-date/index.d.ts +95 -0
  41. package/dist/new-input-text/NewInputText.js +964 -0
  42. package/dist/new-input-text/index.d.ts +135 -0
  43. package/dist/new-textarea/NewTextarea.js +362 -0
  44. package/dist/new-textarea/index.d.ts +117 -0
  45. package/dist/number/Number.js +136 -0
  46. package/dist/number/NumberContext.js +16 -0
  47. package/dist/number/index.d.ts +113 -0
  48. package/dist/paginator/Paginator.js +149 -56
  49. package/dist/password/Password.js +200 -0
  50. package/dist/password/index.d.ts +94 -0
  51. package/dist/password/styles.css +3 -0
  52. package/dist/progress-bar/ProgressBar.js +95 -38
  53. package/dist/radio/Radio.js +31 -17
  54. package/dist/resultsetTable/ResultsetTable.js +93 -68
  55. package/dist/select/Select.js +244 -146
  56. package/dist/sidenav/Sidenav.js +86 -129
  57. package/dist/slider/Slider.js +125 -64
  58. package/dist/spinner/Spinner.js +247 -59
  59. package/dist/switch/Switch.js +50 -27
  60. package/dist/table/Table.js +52 -13
  61. package/dist/tabs/Tabs.js +206 -35
  62. package/dist/tabs-for-sections/TabsForSections.js +1 -16
  63. package/dist/tag/Tag.js +100 -35
  64. package/dist/textarea/Textarea.js +77 -40
  65. package/dist/toggle/Toggle.js +16 -19
  66. package/dist/toggle-group/ToggleGroup.js +223 -0
  67. package/dist/upload/Upload.js +13 -8
  68. package/dist/upload/buttons-upload/ButtonsUpload.js +31 -14
  69. package/dist/upload/dragAndDropArea/DragAndDropArea.js +78 -28
  70. package/dist/upload/file-upload/FileToUpload.js +50 -24
  71. package/dist/upload/files-upload/FilesToUpload.js +16 -16
  72. package/dist/upload/transaction/Transaction.js +44 -24
  73. package/dist/upload/transactions/Transactions.js +38 -20
  74. package/dist/useTheme.js +22 -0
  75. package/dist/wizard/Wizard.js +139 -55
  76. package/dist/wizard/invalid_icon.svg +4 -5
  77. package/dist/wizard/valid_icon.svg +4 -5
  78. package/package.json +14 -6
  79. package/test/AccordionGroup.test.js +125 -0
  80. package/test/Date.test.js +13 -13
  81. package/test/Dropdown.test.js +15 -0
  82. package/test/FileInput.test.js +201 -0
  83. package/test/InputText.test.js +30 -26
  84. package/test/Link.test.js +25 -7
  85. package/test/NewDate.test.js +232 -0
  86. package/test/NewInputText.test.js +734 -0
  87. package/test/NewTextarea.test.js +195 -0
  88. package/test/Number.test.js +257 -0
  89. package/test/Paginator.test.js +72 -60
  90. package/test/Password.test.js +83 -0
  91. package/test/ResultsetTable.test.js +66 -19
  92. package/test/Select.test.js +55 -34
  93. package/test/Sidenav.test.js +22 -64
  94. package/test/Slider.test.js +17 -0
  95. package/test/Spinner.test.js +5 -0
  96. package/test/Tabs.test.js +21 -0
  97. package/test/ToggleGroup.test.js +81 -0
  98. package/dist/accordion/Accordion.stories.js +0 -207
  99. package/dist/accordion/readme.md +0 -96
  100. package/dist/alert/Alert.stories.js +0 -158
  101. package/dist/alert/close.svg +0 -4
  102. package/dist/alert/error.svg +0 -4
  103. package/dist/alert/info.svg +0 -4
  104. package/dist/alert/readme.md +0 -43
  105. package/dist/alert/success.svg +0 -4
  106. package/dist/alert/warning.svg +0 -4
  107. package/dist/button/Button.stories.js +0 -224
  108. package/dist/button/readme.md +0 -93
  109. package/dist/common/services/example-service.js +0 -10
  110. package/dist/common/services/example-service.test.js +0 -12
  111. package/dist/date/calendar.svg +0 -1
  112. package/dist/date/calendar_dark.svg +0 -1
  113. package/dist/dialog/Dialog.stories.js +0 -217
  114. package/dist/dialog/readme.md +0 -32
  115. package/dist/dropdown/Dropdown.stories.js +0 -249
  116. package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
  117. package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
  118. package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
  119. package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
  120. package/dist/dropdown/readme.md +0 -69
  121. package/dist/footer/dxc_logo_wht.png +0 -0
  122. package/dist/header/dxc_logo_black.png +0 -0
  123. package/dist/header/dxc_logo_white.png +0 -0
  124. package/dist/select/Select.stories.js +0 -235
  125. package/dist/select/readme.md +0 -72
  126. package/dist/sidenav/arrow_icon.svg +0 -3
  127. package/test/Toggle.test.js +0 -43
@@ -1,43 +0,0 @@
1
- import React from "react";
2
- import { render, fireEvent } from "@testing-library/react";
3
- import DxcToggle from "../src/toggle/Toggle";
4
-
5
- describe("Toggle component tests", () => {
6
- test("Toggle renders with correct text", () => {
7
- const { getByText } = render(<DxcToggle label="Toggle" />);
8
- expect(getByText("Toggle")).toBeTruthy();
9
- });
10
-
11
- test("Calls correct function on click", () => {
12
- const onClick = jest.fn();
13
- const { getByText} = render(<DxcToggle label="ToggleTest" onClick={onClick} />);
14
- fireEvent.click(getByText("ToggleTest"));
15
- expect(onClick).toHaveBeenCalled();
16
- });
17
-
18
- test("Calls correct function on click with the correct value.", () => {
19
- const onClick = jest.fn();
20
- const { getByText, rerender } = render(<DxcToggle label="ToggleTest" onClick={onClick} />);
21
-
22
- fireEvent.click(getByText("ToggleTest"));
23
- rerender(<DxcToggle label="ToggleTest" onClick={onClick} selected={true} />);
24
- fireEvent.click(getByText("ToggleTest"));
25
- expect(onClick.mock.calls[0][0]).toBe(true);
26
- expect(onClick.mock.calls[1][0]).toBe(false);
27
- });
28
-
29
-
30
- test("Calls correct function on click with the correct value, if it´s controlled and the user doesn´t change the value the function always receives the same", () => {
31
- const onClick = jest.fn();
32
- const { getByText } = render(<DxcToggle label="ToggleTest" selected={true} onClick={onClick} />);
33
-
34
- fireEvent.click(getByText("ToggleTest"));
35
- fireEvent.click(getByText("ToggleTest"));
36
- fireEvent.click(getByText("ToggleTest"));
37
- expect(onClick).toHaveBeenCalledTimes(3);
38
- expect(onClick.mock.calls[0][0]).toBe(false);
39
- expect(onClick.mock.calls[1][0]).toBe(false);
40
- expect(onClick.mock.calls[2][0]).toBe(false);
41
- });
42
-
43
- });