@dxc-technology/halstack-react 0.0.0-a8b6e4e → 0.0.0-aa1e975

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 (129) 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 -81
  6. package/dist/accordion-group/AccordionGroup.js +186 -0
  7. package/dist/alert/Alert.js +184 -83
  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 +82 -27
  12. package/dist/card/Card.js +72 -35
  13. package/dist/checkbox/Checkbox.js +108 -32
  14. package/dist/chip/Chip.js +135 -40
  15. package/dist/common/RequiredComponent.js +2 -8
  16. package/dist/common/utils.js +2 -22
  17. package/dist/common/variables.js +1438 -188
  18. package/dist/date/Date.js +81 -59
  19. package/dist/dialog/Dialog.js +58 -37
  20. package/dist/dropdown/Dropdown.js +226 -94
  21. package/dist/file-input/FileInput.js +644 -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 +87 -38
  25. package/dist/footer/dxc_logo.svg +15 -0
  26. package/dist/footer/readme.md +1 -1
  27. package/dist/header/Header.js +121 -72
  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 -22
  31. package/dist/input-text/InputText.js +289 -101
  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 +8 -0
  38. package/dist/main.js +105 -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 +967 -0
  42. package/dist/new-input-text/index.d.ts +135 -0
  43. package/dist/new-select/NewSelect.js +836 -0
  44. package/dist/new-select/index.d.ts +53 -0
  45. package/dist/new-textarea/NewTextarea.js +365 -0
  46. package/dist/new-textarea/index.d.ts +117 -0
  47. package/dist/number/Number.js +136 -0
  48. package/dist/number/NumberContext.js +16 -0
  49. package/dist/number/index.d.ts +113 -0
  50. package/dist/paginator/Paginator.js +160 -49
  51. package/dist/password/Password.js +200 -0
  52. package/dist/password/index.d.ts +94 -0
  53. package/dist/password/styles.css +3 -0
  54. package/dist/progress-bar/ProgressBar.js +97 -44
  55. package/dist/radio/Radio.js +39 -21
  56. package/dist/resultsetTable/ResultsetTable.js +93 -69
  57. package/dist/select/Select.js +250 -143
  58. package/dist/sidenav/Sidenav.js +85 -143
  59. package/dist/slider/Slider.js +206 -70
  60. package/dist/spinner/Spinner.js +249 -64
  61. package/dist/switch/Switch.js +51 -26
  62. package/dist/table/Table.js +63 -15
  63. package/dist/tabs/Tabs.js +208 -35
  64. package/dist/tabs-for-sections/TabsForSections.js +1 -16
  65. package/dist/tag/Tag.js +100 -35
  66. package/dist/textarea/Textarea.js +81 -43
  67. package/dist/toggle/Toggle.js +16 -19
  68. package/dist/toggle-group/ToggleGroup.js +223 -0
  69. package/dist/upload/Upload.js +13 -8
  70. package/dist/upload/buttons-upload/ButtonsUpload.js +34 -20
  71. package/dist/upload/dragAndDropArea/DragAndDropArea.js +78 -31
  72. package/dist/upload/file-upload/FileToUpload.js +50 -24
  73. package/dist/upload/files-upload/FilesToUpload.js +16 -16
  74. package/dist/upload/transaction/Transaction.js +44 -24
  75. package/dist/upload/transactions/Transactions.js +38 -20
  76. package/dist/useTheme.js +22 -0
  77. package/dist/wizard/Wizard.js +142 -51
  78. package/dist/wizard/invalid_icon.svg +4 -5
  79. package/dist/wizard/valid_icon.svg +4 -5
  80. package/package.json +14 -6
  81. package/test/AccordionGroup.test.js +125 -0
  82. package/test/Date.test.js +13 -13
  83. package/test/Dropdown.test.js +19 -4
  84. package/test/FileInput.test.js +201 -0
  85. package/test/InputText.test.js +30 -26
  86. package/test/Link.test.js +25 -7
  87. package/test/NewDate.test.js +232 -0
  88. package/test/NewInputText.test.js +734 -0
  89. package/test/NewTextarea.test.js +195 -0
  90. package/test/Number.test.js +257 -0
  91. package/test/Paginator.test.js +72 -60
  92. package/test/Password.test.js +83 -0
  93. package/test/ResultsetTable.test.js +66 -19
  94. package/test/Select.test.js +55 -34
  95. package/test/Sidenav.test.js +22 -64
  96. package/test/Slider.test.js +17 -0
  97. package/test/Spinner.test.js +5 -0
  98. package/test/Tabs.test.js +21 -0
  99. package/test/ToggleGroup.test.js +81 -0
  100. package/dist/accordion/Accordion.stories.js +0 -207
  101. package/dist/accordion/readme.md +0 -96
  102. package/dist/alert/Alert.stories.js +0 -158
  103. package/dist/alert/close.svg +0 -4
  104. package/dist/alert/error.svg +0 -4
  105. package/dist/alert/info.svg +0 -4
  106. package/dist/alert/readme.md +0 -43
  107. package/dist/alert/success.svg +0 -4
  108. package/dist/alert/warning.svg +0 -4
  109. package/dist/button/Button.stories.js +0 -224
  110. package/dist/button/readme.md +0 -93
  111. package/dist/common/services/example-service.js +0 -10
  112. package/dist/common/services/example-service.test.js +0 -12
  113. package/dist/date/calendar.svg +0 -1
  114. package/dist/date/calendar_dark.svg +0 -1
  115. package/dist/dialog/Dialog.stories.js +0 -217
  116. package/dist/dialog/readme.md +0 -32
  117. package/dist/dropdown/Dropdown.stories.js +0 -249
  118. package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
  119. package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
  120. package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
  121. package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
  122. package/dist/dropdown/readme.md +0 -69
  123. package/dist/footer/dxc_logo_wht.png +0 -0
  124. package/dist/header/dxc_logo_black.png +0 -0
  125. package/dist/header/dxc_logo_white.png +0 -0
  126. package/dist/select/Select.stories.js +0 -235
  127. package/dist/select/readme.md +0 -72
  128. package/dist/sidenav/arrow_icon.svg +0 -3
  129. 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
- });