@dxc-technology/halstack-react 0.0.0-7b6bbd0 → 0.0.0-7d46b9f

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