@dxc-technology/halstack-react 0.0.0-e30cba6 → 0.0.0-e832ef8

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 (121) hide show
  1. package/dist/ThemeContext.js +69 -61
  2. package/dist/V3Textarea/V3Textarea.js +264 -0
  3. package/dist/alert/Alert.js +5 -5
  4. package/dist/alert/index.d.ts +51 -0
  5. package/dist/button/Button.js +1 -1
  6. package/dist/common/variables.js +341 -139
  7. package/dist/date/Date.js +10 -12
  8. package/dist/{new-date/NewDate.js → date-input/DateInput.js} +69 -72
  9. package/dist/date-input/index.d.ts +95 -0
  10. package/dist/file-input/FileInput.js +644 -0
  11. package/dist/file-input/FileItem.js +280 -0
  12. package/dist/file-input/index.d.ts +81 -0
  13. package/dist/footer/Footer.js +44 -18
  14. package/dist/footer/Icons.js +77 -0
  15. package/dist/header/Header.js +80 -49
  16. package/dist/header/Icons.js +59 -0
  17. package/dist/input-text/Icons.js +22 -0
  18. package/dist/input-text/InputText.js +7 -9
  19. package/dist/layout/ApplicationLayout.js +5 -9
  20. package/dist/layout/Icons.js +55 -0
  21. package/dist/link/Link.js +4 -8
  22. package/dist/main.d.ts +8 -0
  23. package/dist/main.js +37 -21
  24. package/dist/new-select/NewSelect.js +836 -0
  25. package/dist/new-select/index.d.ts +53 -0
  26. package/dist/{number/Number.js → number-input/NumberInput.js} +9 -11
  27. package/dist/{number/NumberContext.js → number-input/NumberInputContext.js} +2 -2
  28. package/dist/number-input/index.d.ts +113 -0
  29. package/dist/paginator/Icons.js +66 -0
  30. package/dist/paginator/Paginator.js +5 -11
  31. package/dist/{password/Password.js → password-input/PasswordInput.js} +11 -13
  32. package/dist/password-input/index.d.ts +94 -0
  33. package/dist/progress-bar/ProgressBar.js +1 -1
  34. package/dist/select/Select.js +122 -158
  35. package/dist/sidenav/Sidenav.js +6 -4
  36. package/dist/slider/Slider.js +104 -19
  37. package/dist/spinner/Spinner.js +217 -54
  38. package/dist/tag/Tag.js +26 -32
  39. package/dist/{new-input-text/NewInputText.js → text-input/TextInput.js} +180 -170
  40. package/dist/text-input/index.d.ts +135 -0
  41. package/dist/textarea/Textarea.js +227 -122
  42. package/dist/textarea/index.d.ts +117 -0
  43. package/dist/toggle-group/ToggleGroup.js +132 -28
  44. package/dist/upload/Upload.js +3 -3
  45. package/dist/upload/buttons-upload/ButtonsUpload.js +7 -11
  46. package/dist/upload/buttons-upload/Icons.js +40 -0
  47. package/dist/upload/file-upload/FileToUpload.js +26 -21
  48. package/dist/upload/file-upload/Icons.js +66 -0
  49. package/dist/upload/readme.md +2 -2
  50. package/dist/upload/transaction/Icons.js +160 -0
  51. package/dist/upload/transaction/Transaction.js +11 -38
  52. package/dist/wizard/Icons.js +65 -0
  53. package/dist/wizard/Wizard.js +3 -9
  54. package/package.json +2 -1
  55. package/test/Date.test.js +48 -44
  56. package/test/{NewDate.test.js → DateInput.test.js} +66 -27
  57. package/test/FileInput.test.js +201 -0
  58. package/test/Footer.test.js +2 -7
  59. package/test/Header.test.js +5 -10
  60. package/test/InputText.test.js +24 -16
  61. package/test/{Number.test.js → NumberInput.test.js} +84 -66
  62. package/test/Paginator.test.js +1 -1
  63. package/test/PasswordInput.test.js +83 -0
  64. package/test/ResultsetTable.test.js +1 -2
  65. package/test/Select.test.js +40 -17
  66. package/test/Slider.test.js +9 -17
  67. package/test/Spinner.test.js +5 -0
  68. package/test/{NewInputText.test.js → TextInput.test.js} +146 -231
  69. package/test/Textarea.test.js +193 -0
  70. package/test/ToggleGroup.test.js +5 -1
  71. package/test/Upload.test.js +5 -5
  72. package/test/{TextArea.test.js → V3TextArea.test.js} +6 -7
  73. package/dist/footer/Footer.stories.js +0 -94
  74. package/dist/footer/dxc_logo.svg +0 -15
  75. package/dist/footer/readme.md +0 -41
  76. package/dist/header/Header.stories.js +0 -176
  77. package/dist/header/close_icon.svg +0 -1
  78. package/dist/header/dxc_logo_black.svg +0 -8
  79. package/dist/header/hamb_menu_black.svg +0 -1
  80. package/dist/header/hamb_menu_white.svg +0 -1
  81. package/dist/header/readme.md +0 -33
  82. package/dist/input-text/InputText.stories.js +0 -209
  83. package/dist/input-text/error.svg +0 -1
  84. package/dist/input-text/readme.md +0 -91
  85. package/dist/layout/facebook.svg +0 -45
  86. package/dist/layout/linkedin.svg +0 -50
  87. package/dist/layout/twitter.svg +0 -53
  88. package/dist/new-textarea/NewTextarea.js +0 -346
  89. package/dist/paginator/images/next.svg +0 -3
  90. package/dist/paginator/images/nextPage.svg +0 -3
  91. package/dist/paginator/images/previous.svg +0 -3
  92. package/dist/paginator/images/previousPage.svg +0 -3
  93. package/dist/paginator/readme.md +0 -50
  94. package/dist/password/styles.css +0 -3
  95. package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
  96. package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
  97. package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
  98. package/dist/select/Select.stories.js +0 -235
  99. package/dist/select/readme.md +0 -72
  100. package/dist/slider/Slider.stories.js +0 -241
  101. package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
  102. package/dist/upload/buttons-upload/upload-button.svg +0 -1
  103. package/dist/upload/file-upload/audio-icon.svg +0 -4
  104. package/dist/upload/file-upload/close.svg +0 -4
  105. package/dist/upload/file-upload/file-icon.svg +0 -4
  106. package/dist/upload/file-upload/video-icon.svg +0 -4
  107. package/dist/upload/transaction/audio-icon-err.svg +0 -4
  108. package/dist/upload/transaction/audio-icon.svg +0 -4
  109. package/dist/upload/transaction/error-icon.svg +0 -4
  110. package/dist/upload/transaction/file-icon-err.svg +0 -4
  111. package/dist/upload/transaction/file-icon.svg +0 -4
  112. package/dist/upload/transaction/image-icon-err.svg +0 -4
  113. package/dist/upload/transaction/image-icon.svg +0 -4
  114. package/dist/upload/transaction/success-icon.svg +0 -4
  115. package/dist/upload/transaction/video-icon-err.svg +0 -4
  116. package/dist/upload/transaction/video-icon.svg +0 -4
  117. package/dist/wizard/invalid_icon.svg +0 -5
  118. package/dist/wizard/valid_icon.svg +0 -5
  119. package/dist/wizard/validation-wrong.svg +0 -6
  120. package/test/NewTextarea.test.js +0 -201
  121. package/test/Password.test.js +0 -76
@@ -1,76 +0,0 @@
1
- import React from "react";
2
- import { render } from "@testing-library/react";
3
- import userEvent from "@testing-library/user-event";
4
- import DxcPassword from "../src/password/Password";
5
-
6
- describe("Password component tests", () => {
7
- test("Password renders with label", () => {
8
- const { getByText } = render(<DxcPassword label="Password label" />);
9
- expect(getByText("Password label")).toBeTruthy();
10
- });
11
-
12
- test("Password renders with helper text", () => {
13
- const { getByText } = render(<DxcPassword helperText="Helper text" />);
14
- expect(getByText("Helper text")).toBeTruthy();
15
- });
16
-
17
- test("Password renders error", () => {
18
- const { getByText } = render(<DxcPassword error="Error message." />);
19
- expect(getByText("Error message.")).toBeTruthy();
20
- });
21
-
22
- test("onChange function is called correctly", () => {
23
- const onChange = jest.fn();
24
- const { getByRole } = render(<DxcPassword label="Password" onChange={onChange} />);
25
- const password = getByRole("textbox");
26
- userEvent.type(password, "Pa$$w0rd");
27
- expect(onChange).toHaveBeenCalledWith("P");
28
- expect(password.value).toBe("Pa$$w0rd");
29
- });
30
-
31
- test("Clear password value", () => {
32
- const onChange = jest.fn();
33
- const { getAllByRole, getByRole } = render(<DxcPassword label="Password" onChange={onChange} clearable />);
34
- const password = getByRole("textbox");
35
- userEvent.type(password, "Pa$$w0rd");
36
- expect(password.value).toBe("Pa$$w0rd");
37
- const clearButton = getAllByRole("button")[0];
38
- userEvent.click(clearButton);
39
- expect(password.value).toBe("");
40
- });
41
-
42
- test("Non clearable password has no clear icon", () => {
43
- const onChange = jest.fn();
44
- const { getAllByRole, getByRole } = render(<DxcPassword label="Password" onChange={onChange} />);
45
- const password = getByRole("textbox");
46
- userEvent.type(password, "Pa$$w0rd");
47
- expect(password.value).toBe("Pa$$w0rd");
48
- const buttons = getAllByRole("button");
49
- expect(buttons.length).toBe(1);
50
- });
51
-
52
- test("Show/hide password button works correctly", () => {
53
- const onChange = jest.fn();
54
- const { getAllByRole, getByRole } = render(<DxcPassword label="Password" clearable onChange={onChange} />);
55
- const password = getByRole("textbox");
56
- userEvent.type(password, "Pa$$w0rd");
57
- expect(password.value).toBe("Pa$$w0rd");
58
- expect(password.type).toBe("password");
59
- const showButton = getAllByRole("button")[1];
60
- userEvent.click(showButton);
61
- expect(password.type).toBe("text");
62
- });
63
-
64
- test("Password has correct accesibility attributes", () => {
65
- const { getByRole } = render(<DxcPassword label="Password" />);
66
- const password = getByRole("textbox");
67
- expect(password.getAttribute("aria-autocomplete")).toBeNull();
68
- expect(password.getAttribute("aria-controls")).toBeNull();
69
- const showButton = getByRole("button");
70
- expect(showButton.getAttribute("aria-expanded")).toBe("false");
71
- expect(showButton.getAttribute("aria-label")).toBe("Show");
72
- userEvent.click(showButton);
73
- expect(showButton.getAttribute("aria-expanded")).toBe("true");
74
- expect(showButton.getAttribute("aria-label")).toBe("Hide");
75
- });
76
- });