@dxc-technology/halstack-react 0.0.0-66de2f8 → 0.0.0-678cc08

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 (202) hide show
  1. package/README.md +27 -47
  2. package/dist/index.d.mts +3914 -0
  3. package/dist/index.d.ts +3914 -0
  4. package/dist/index.js +14376 -0
  5. package/dist/index.mjs +14288 -0
  6. package/package.json +92 -67
  7. package/babel.config.js +0 -8
  8. package/dist/BackgroundColorContext.js +0 -46
  9. package/dist/ThemeContext.js +0 -216
  10. package/dist/accordion/Accordion.js +0 -346
  11. package/dist/accordion/Accordion.stories.js +0 -207
  12. package/dist/accordion/readme.md +0 -96
  13. package/dist/accordion-group/AccordionGroup.js +0 -188
  14. package/dist/accordion-group/AccordionGroup.stories.js +0 -207
  15. package/dist/accordion-group/readme.md +0 -70
  16. package/dist/alert/Alert.js +0 -388
  17. package/dist/alert/Alert.stories.js +0 -158
  18. package/dist/alert/close.svg +0 -4
  19. package/dist/alert/error.svg +0 -4
  20. package/dist/alert/info.svg +0 -4
  21. package/dist/alert/readme.md +0 -43
  22. package/dist/alert/success.svg +0 -4
  23. package/dist/alert/warning.svg +0 -4
  24. package/dist/badge/Badge.js +0 -63
  25. package/dist/box/Box.js +0 -164
  26. package/dist/button/Button.js +0 -232
  27. package/dist/button/Button.stories.js +0 -224
  28. package/dist/button/readme.md +0 -93
  29. package/dist/card/Card.js +0 -254
  30. package/dist/checkbox/Checkbox.js +0 -294
  31. package/dist/checkbox/Checkbox.stories.js +0 -144
  32. package/dist/checkbox/readme.md +0 -116
  33. package/dist/chip/Chip.js +0 -269
  34. package/dist/common/OpenSans.css +0 -81
  35. package/dist/common/RequiredComponent.js +0 -40
  36. package/dist/common/fonts/OpenSans-Bold.ttf +0 -0
  37. package/dist/common/fonts/OpenSans-BoldItalic.ttf +0 -0
  38. package/dist/common/fonts/OpenSans-ExtraBold.ttf +0 -0
  39. package/dist/common/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  40. package/dist/common/fonts/OpenSans-Italic.ttf +0 -0
  41. package/dist/common/fonts/OpenSans-Light.ttf +0 -0
  42. package/dist/common/fonts/OpenSans-LightItalic.ttf +0 -0
  43. package/dist/common/fonts/OpenSans-Regular.ttf +0 -0
  44. package/dist/common/fonts/OpenSans-SemiBold.ttf +0 -0
  45. package/dist/common/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  46. package/dist/common/utils.js +0 -22
  47. package/dist/common/variables.js +0 -1305
  48. package/dist/date/Date.js +0 -381
  49. package/dist/date/Date.stories.js +0 -205
  50. package/dist/date/readme.md +0 -73
  51. package/dist/dialog/Dialog.js +0 -235
  52. package/dist/dialog/Dialog.stories.js +0 -217
  53. package/dist/dialog/readme.md +0 -32
  54. package/dist/dropdown/Dropdown.js +0 -493
  55. package/dist/dropdown/Dropdown.stories.js +0 -249
  56. package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
  57. package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
  58. package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
  59. package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
  60. package/dist/dropdown/readme.md +0 -69
  61. package/dist/footer/Footer.js +0 -407
  62. package/dist/footer/Footer.stories.js +0 -94
  63. package/dist/footer/dxc_logo.svg +0 -15
  64. package/dist/footer/readme.md +0 -41
  65. package/dist/header/Header.js +0 -431
  66. package/dist/header/Header.stories.js +0 -176
  67. package/dist/header/close_icon.svg +0 -1
  68. package/dist/header/dxc_logo_black.svg +0 -8
  69. package/dist/header/hamb_menu_black.svg +0 -1
  70. package/dist/header/hamb_menu_white.svg +0 -1
  71. package/dist/header/readme.md +0 -33
  72. package/dist/heading/Heading.js +0 -222
  73. package/dist/input-text/InputText.js +0 -672
  74. package/dist/input-text/InputText.stories.js +0 -209
  75. package/dist/input-text/error.svg +0 -1
  76. package/dist/input-text/readme.md +0 -91
  77. package/dist/layout/ApplicationLayout.js +0 -331
  78. package/dist/layout/facebook.svg +0 -45
  79. package/dist/layout/linkedin.svg +0 -50
  80. package/dist/layout/twitter.svg +0 -53
  81. package/dist/link/Link.js +0 -241
  82. package/dist/link/readme.md +0 -51
  83. package/dist/main.js +0 -343
  84. package/dist/new-date/NewDate.js +0 -391
  85. package/dist/new-input-text/NewInputText.js +0 -929
  86. package/dist/number/Number.js +0 -127
  87. package/dist/number/NumberContext.js +0 -16
  88. package/dist/paginator/Paginator.js +0 -283
  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/Password.js +0 -139
  95. package/dist/password/styles.css +0 -3
  96. package/dist/progress-bar/ProgressBar.js +0 -206
  97. package/dist/progress-bar/ProgressBar.stories.js +0 -280
  98. package/dist/progress-bar/readme.md +0 -63
  99. package/dist/radio/Radio.js +0 -209
  100. package/dist/radio/Radio.stories.js +0 -166
  101. package/dist/radio/readme.md +0 -70
  102. package/dist/resultsetTable/ResultsetTable.js +0 -358
  103. package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
  104. package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
  105. package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
  106. package/dist/select/Select.js +0 -563
  107. package/dist/select/Select.stories.js +0 -235
  108. package/dist/select/readme.md +0 -72
  109. package/dist/sidenav/Sidenav.js +0 -183
  110. package/dist/slider/Slider.js +0 -315
  111. package/dist/slider/Slider.stories.js +0 -241
  112. package/dist/slider/readme.md +0 -64
  113. package/dist/spinner/Spinner.js +0 -214
  114. package/dist/spinner/Spinner.stories.js +0 -183
  115. package/dist/spinner/readme.md +0 -65
  116. package/dist/switch/Switch.js +0 -222
  117. package/dist/switch/Switch.stories.js +0 -134
  118. package/dist/switch/readme.md +0 -133
  119. package/dist/table/Table.js +0 -128
  120. package/dist/tabs/Tabs.js +0 -343
  121. package/dist/tabs/Tabs.stories.js +0 -130
  122. package/dist/tabs/readme.md +0 -78
  123. package/dist/tabs-for-sections/TabsForSections.js +0 -92
  124. package/dist/tabs-for-sections/readme.md +0 -78
  125. package/dist/tag/Tag.js +0 -280
  126. package/dist/textarea/Textarea.js +0 -260
  127. package/dist/toggle/Toggle.js +0 -220
  128. package/dist/toggle/Toggle.stories.js +0 -297
  129. package/dist/toggle/readme.md +0 -80
  130. package/dist/toggle-group/ToggleGroup.js +0 -241
  131. package/dist/toggle-group/readme.md +0 -82
  132. package/dist/upload/Upload.js +0 -205
  133. package/dist/upload/Upload.stories.js +0 -72
  134. package/dist/upload/buttons-upload/ButtonsUpload.js +0 -135
  135. package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
  136. package/dist/upload/buttons-upload/upload-button.svg +0 -1
  137. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -325
  138. package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
  139. package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
  140. package/dist/upload/file-upload/FileToUpload.js +0 -184
  141. package/dist/upload/file-upload/audio-icon.svg +0 -4
  142. package/dist/upload/file-upload/close.svg +0 -4
  143. package/dist/upload/file-upload/file-icon.svg +0 -4
  144. package/dist/upload/file-upload/video-icon.svg +0 -4
  145. package/dist/upload/files-upload/FilesToUpload.js +0 -123
  146. package/dist/upload/readme.md +0 -37
  147. package/dist/upload/transaction/Transaction.js +0 -171
  148. package/dist/upload/transaction/audio-icon-err.svg +0 -4
  149. package/dist/upload/transaction/audio-icon.svg +0 -4
  150. package/dist/upload/transaction/error-icon.svg +0 -4
  151. package/dist/upload/transaction/file-icon-err.svg +0 -4
  152. package/dist/upload/transaction/file-icon.svg +0 -4
  153. package/dist/upload/transaction/image-icon-err.svg +0 -4
  154. package/dist/upload/transaction/image-icon.svg +0 -4
  155. package/dist/upload/transaction/success-icon.svg +0 -4
  156. package/dist/upload/transaction/video-icon-err.svg +0 -4
  157. package/dist/upload/transaction/video-icon.svg +0 -4
  158. package/dist/upload/transactions/Transactions.js +0 -138
  159. package/dist/useTheme.js +0 -22
  160. package/dist/wizard/Wizard.js +0 -411
  161. package/dist/wizard/invalid_icon.svg +0 -5
  162. package/dist/wizard/valid_icon.svg +0 -5
  163. package/dist/wizard/validation-wrong.svg +0 -6
  164. package/test/Accordion.test.js +0 -33
  165. package/test/AccordionGroup.test.js +0 -125
  166. package/test/Alert.test.js +0 -53
  167. package/test/Box.test.js +0 -10
  168. package/test/Button.test.js +0 -18
  169. package/test/Card.test.js +0 -30
  170. package/test/Checkbox.test.js +0 -45
  171. package/test/Chip.test.js +0 -25
  172. package/test/Date.test.js +0 -393
  173. package/test/Dialog.test.js +0 -23
  174. package/test/Dropdown.test.js +0 -130
  175. package/test/Footer.test.js +0 -99
  176. package/test/Header.test.js +0 -39
  177. package/test/Heading.test.js +0 -35
  178. package/test/InputText.test.js +0 -240
  179. package/test/Link.test.js +0 -43
  180. package/test/NewDate.test.js +0 -189
  181. package/test/NewInputText.test.js +0 -663
  182. package/test/Number.test.js +0 -205
  183. package/test/Paginator.test.js +0 -177
  184. package/test/Password.test.js +0 -63
  185. package/test/ProgressBar.test.js +0 -35
  186. package/test/Radio.test.js +0 -37
  187. package/test/ResultsetTable.test.js +0 -330
  188. package/test/Select.test.js +0 -192
  189. package/test/Sidenav.test.js +0 -45
  190. package/test/Slider.test.js +0 -82
  191. package/test/Spinner.test.js +0 -27
  192. package/test/Switch.test.js +0 -45
  193. package/test/Table.test.js +0 -36
  194. package/test/Tabs.test.js +0 -109
  195. package/test/TabsForSections.test.js +0 -34
  196. package/test/Tag.test.js +0 -32
  197. package/test/TextArea.test.js +0 -52
  198. package/test/ToggleGroup.test.js +0 -81
  199. package/test/Upload.test.js +0 -60
  200. package/test/Wizard.test.js +0 -130
  201. package/test/mocks/pngMock.js +0 -1
  202. package/test/mocks/svgMock.js +0 -1
@@ -1,127 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports["default"] = void 0;
11
-
12
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
13
-
14
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
15
-
16
- var _react = _interopRequireWildcard(require("react"));
17
-
18
- var _propTypes = _interopRequireDefault(require("prop-types"));
19
-
20
- var _styledComponents = _interopRequireDefault(require("styled-components"));
21
-
22
- var _NewInputText = _interopRequireDefault(require("../new-input-text/NewInputText"));
23
-
24
- var _NumberContext = _interopRequireDefault(require("./NumberContext"));
25
-
26
- var _variables = require("../common/variables.js");
27
-
28
- function _templateObject() {
29
- var data = (0, _taggedTemplateLiteral2["default"])(["\n // Chrome, Safari, Edge, Opera\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n // Firefox\n input[type=\"number\"] {\n -moz-appearance: textfield;\n }\n"]);
30
-
31
- _templateObject = function _templateObject() {
32
- return data;
33
- };
34
-
35
- return data;
36
- }
37
-
38
- var DxcNumber = function DxcNumber(_ref) {
39
- var _ref$label = _ref.label,
40
- label = _ref$label === void 0 ? "" : _ref$label,
41
- value = _ref.value,
42
- _ref$helperText = _ref.helperText,
43
- helperText = _ref$helperText === void 0 ? "" : _ref$helperText,
44
- _ref$placeholder = _ref.placeholder,
45
- placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
46
- _ref$disabled = _ref.disabled,
47
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
48
- _ref$optional = _ref.optional,
49
- optional = _ref$optional === void 0 ? false : _ref$optional,
50
- _ref$prefix = _ref.prefix,
51
- prefix = _ref$prefix === void 0 ? "" : _ref$prefix,
52
- _ref$suffix = _ref.suffix,
53
- suffix = _ref$suffix === void 0 ? "" : _ref$suffix,
54
- min = _ref.min,
55
- max = _ref.max,
56
- step = _ref.step,
57
- onChange = _ref.onChange,
58
- onBlur = _ref.onBlur,
59
- _ref$error = _ref.error,
60
- error = _ref$error === void 0 ? "" : _ref$error,
61
- margin = _ref.margin,
62
- _ref$size = _ref.size,
63
- size = _ref$size === void 0 ? "medium" : _ref$size;
64
- var inputRef = (0, _react.useRef)(null);
65
- return _react["default"].createElement(_NumberContext["default"].Provider, {
66
- value: {
67
- typeNumber: "number",
68
- minNumber: min,
69
- maxNumber: max,
70
- stepNumber: step
71
- }
72
- }, _react["default"].createElement(NumberContainer, null, _react["default"].createElement(_NewInputText["default"], {
73
- ref: inputRef,
74
- label: label,
75
- value: value,
76
- helperText: helperText,
77
- placeholder: placeholder,
78
- disabled: disabled,
79
- optional: optional,
80
- prefix: prefix,
81
- suffix: suffix,
82
- error: error,
83
- onChange: onChange,
84
- onBlur: onBlur,
85
- margin: margin,
86
- size: size
87
- })));
88
- };
89
-
90
- var sizes = {
91
- small: "60px",
92
- medium: "240px",
93
- large: "480px",
94
- fillParent: "100%"
95
- };
96
-
97
- var NumberContainer = _styledComponents["default"].div(_templateObject());
98
-
99
- DxcNumber.propTypes = {
100
- label: _propTypes["default"].string,
101
- value: _propTypes["default"].string,
102
- helperText: _propTypes["default"].string,
103
- placeholder: _propTypes["default"].string,
104
- error: _propTypes["default"].string,
105
- disabled: _propTypes["default"].bool,
106
- optional: _propTypes["default"].bool,
107
- prefix: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].shape({
108
- type: _propTypes["default"].oneOf(["svg"])
109
- })]),
110
- suffix: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].shape({
111
- type: _propTypes["default"].oneOf(["svg"])
112
- })]),
113
- min: _propTypes["default"].number,
114
- max: _propTypes["default"].number,
115
- step: _propTypes["default"].number,
116
- onChange: _propTypes["default"].func,
117
- onBlur: _propTypes["default"].func,
118
- margin: _propTypes["default"].oneOfType([_propTypes["default"].shape({
119
- top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
120
- bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
121
- left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
122
- right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
123
- }), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))]),
124
- size: _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(sizes)))
125
- };
126
- var _default = DxcNumber;
127
- exports["default"] = _default;
@@ -1,16 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- /* eslint-disable prefer-template */
13
- var NumberContext = _react["default"].createContext();
14
-
15
- var _default = NumberContext;
16
- exports["default"] = _default;
@@ -1,283 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports["default"] = void 0;
11
-
12
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
13
-
14
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
15
-
16
- var _react = _interopRequireDefault(require("react"));
17
-
18
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
19
-
20
- var _propTypes = _interopRequireDefault(require("prop-types"));
21
-
22
- var _useTheme = _interopRequireDefault(require("../useTheme.js"));
23
-
24
- var _Button = _interopRequireDefault(require("../button/Button"));
25
-
26
- var _Select = _interopRequireDefault(require("../select/Select"));
27
-
28
- var _previousPage = _interopRequireDefault(require("./images/previousPage.svg"));
29
-
30
- var _previous = _interopRequireDefault(require("./images/previous.svg"));
31
-
32
- var _next = _interopRequireDefault(require("./images/next.svg"));
33
-
34
- var _nextPage = _interopRequireDefault(require("./images/nextPage.svg"));
35
-
36
- function _templateObject8() {
37
- var data = (0, _taggedTemplateLiteral2["default"])([""]);
38
-
39
- _templateObject8 = function _templateObject8() {
40
- return data;
41
- };
42
-
43
- return data;
44
- }
45
-
46
- function _templateObject7() {
47
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n margin-right: ", ";\n margin-left: ", ";\n label {\n height: 0px;\n }\n\n label + .MuiInput-formControl {\n margin-top: 0px;\n }\n"]);
48
-
49
- _templateObject7 = function _templateObject7() {
50
- return data;
51
- };
52
-
53
- return data;
54
- }
55
-
56
- function _templateObject6() {
57
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n width: 100%;\n justify-content: flex-end;\n align-items: center;\n margin: 0 ", " 0 ", ";\n"]);
58
-
59
- _templateObject6 = function _templateObject6() {
60
- return data;
61
- };
62
-
63
- return data;
64
- }
65
-
66
- function _templateObject5() {
67
- var data = (0, _taggedTemplateLiteral2["default"])(["\n margin-right: ", ";\n margin-left: ", ";\n"]);
68
-
69
- _templateObject5 = function _templateObject5() {
70
- return data;
71
- };
72
-
73
- return data;
74
- }
75
-
76
- function _templateObject4() {
77
- var data = (0, _taggedTemplateLiteral2["default"])(["\n margin-right: 10px;\n margin-left: 10px;\n"]);
78
-
79
- _templateObject4 = function _templateObject4() {
80
- return data;
81
- };
82
-
83
- return data;
84
- }
85
-
86
- function _templateObject3() {
87
- var data = (0, _taggedTemplateLiteral2["default"])(["\n margin-right: 15px;\n"]);
88
-
89
- _templateObject3 = function _templateObject3() {
90
- return data;
91
- };
92
-
93
- return data;
94
- }
95
-
96
- function _templateObject2() {
97
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n margin-right: ", ";\n margin-left: ", ";\n label {\n height: 0px;\n }\n\n label + .MuiInput-formControl {\n margin-top: 0px;\n }\n"]);
98
-
99
- _templateObject2 = function _templateObject2() {
100
- return data;
101
- };
102
-
103
- return data;
104
- }
105
-
106
- function _templateObject() {
107
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n height: ", ";\n width: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: ", ";\n background-color: ", ";\n color: ", ";\n button {\n &:disabled {\n background-color: transparent !important;\n opacity: 0.3 !important;\n }\n }\n"]);
108
-
109
- _templateObject = function _templateObject() {
110
- return data;
111
- };
112
-
113
- return data;
114
- }
115
-
116
- var DxcPaginator = function DxcPaginator(_ref) {
117
- var _ref$currentPage = _ref.currentPage,
118
- currentPage = _ref$currentPage === void 0 ? 1 : _ref$currentPage,
119
- _ref$itemsPerPage = _ref.itemsPerPage,
120
- itemsPerPage = _ref$itemsPerPage === void 0 ? 5 : _ref$itemsPerPage,
121
- itemsPerPageOptions = _ref.itemsPerPageOptions,
122
- _ref$totalItems = _ref.totalItems,
123
- totalItems = _ref$totalItems === void 0 ? 1 : _ref$totalItems,
124
- showGoToPage = _ref.showGoToPage,
125
- onPageChange = _ref.onPageChange,
126
- itemsPerPageFunction = _ref.itemsPerPageFunction,
127
- _ref$tabIndex = _ref.tabIndex,
128
- tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
129
- var totalPages = Math.ceil(totalItems / itemsPerPage);
130
- var currentPageInternal = currentPage === -1 ? totalPages : currentPage;
131
- var minItemsPerPage = currentPageInternal === 1 || currentPageInternal === 0 ? currentPageInternal : (currentPageInternal - 1) * itemsPerPage + 1;
132
- var maxItemsPerPage = minItemsPerPage - 1 + itemsPerPage > totalItems ? totalItems : minItemsPerPage - 1 + itemsPerPage;
133
- var colorsTheme = (0, _useTheme["default"])();
134
- return _react["default"].createElement(_styledComponents.ThemeProvider, {
135
- theme: colorsTheme.paginator
136
- }, _react["default"].createElement(DxcPaginatorContainer, {
137
- disabled: currentPageInternal === 1
138
- }, _react["default"].createElement(LabelsContainer, null, itemsPerPageOptions && _react["default"].createElement(ItemsPageContainer, null, _react["default"].createElement(ItemsLabel, null, "Items per page "), _react["default"].createElement(_Select["default"], {
139
- options: itemsPerPageOptions.map(function (num) {
140
- return {
141
- label: num,
142
- value: num
143
- };
144
- }),
145
- onChange: itemsPerPageFunction,
146
- value: itemsPerPage,
147
- size: "small",
148
- tabIndex: tabIndex
149
- })), _react["default"].createElement(TotalItemsContainer, null, minItemsPerPage, " to ", maxItemsPerPage, " of ", totalItems), onPageChange && _react["default"].createElement(_Button["default"], {
150
- size: "small",
151
- mode: "secondary",
152
- disabled: currentPageInternal === 1 || currentPageInternal === 0,
153
- margin: {
154
- left: "xxsmall",
155
- right: "xxsmall"
156
- },
157
- iconSrc: _previousPage["default"],
158
- tabIndex: tabIndex,
159
- onClick: function onClick() {
160
- onPageChange(1);
161
- }
162
- }), onPageChange && _react["default"].createElement(_Button["default"], {
163
- size: "small",
164
- mode: "secondary",
165
- disabled: currentPageInternal === 1 || currentPageInternal === 0,
166
- margin: {
167
- left: "xxsmall",
168
- right: "xxsmall"
169
- },
170
- iconSrc: _previous["default"],
171
- tabIndex: tabIndex,
172
- onClick: function onClick() {
173
- onPageChange(currentPage - 1);
174
- }
175
- }), showGoToPage && _react["default"].createElement(PageToSelectContainer, null, _react["default"].createElement(GoToLabel, null, "Go to page: "), _react["default"].createElement(_Select["default"], {
176
- options: (0, _toConsumableArray2["default"])(Array(totalPages).keys()).map(function (num) {
177
- return {
178
- label: num + 1,
179
- value: num + 1
180
- };
181
- }),
182
- onChange: onPageChange,
183
- value: currentPage,
184
- size: "small",
185
- tabIndex: tabIndex
186
- })) || _react["default"].createElement(TextContainer, null, "Page: ", currentPageInternal, " of ", totalPages), onPageChange && _react["default"].createElement(_Button["default"], {
187
- size: "small",
188
- mode: "secondary",
189
- disabled: currentPageInternal === totalPages,
190
- margin: {
191
- left: "xxsmall",
192
- right: "xxsmall"
193
- },
194
- iconSrc: _next["default"],
195
- tabIndex: tabIndex,
196
- onClick: function onClick() {
197
- onPageChange(currentPage + 1);
198
- }
199
- }), onPageChange && _react["default"].createElement(_Button["default"], {
200
- size: "small",
201
- mode: "secondary",
202
- disabled: currentPageInternal === totalPages,
203
- margin: {
204
- left: "xxsmall",
205
- right: "xxsmall"
206
- },
207
- iconSrc: _nextPage["default"],
208
- tabIndex: tabIndex,
209
- onClick: function onClick() {
210
- onPageChange(totalPages);
211
- }
212
- }))));
213
- };
214
-
215
- var DxcPaginatorContainer = _styledComponents["default"].div(_templateObject(), function (props) {
216
- return props.theme.height;
217
- }, function (props) {
218
- return props.theme.width;
219
- }, function (props) {
220
- return props.theme.fontFamily;
221
- }, function (props) {
222
- return props.theme.fontSize;
223
- }, function (props) {
224
- return props.theme.fontWeight;
225
- }, function (props) {
226
- return props.theme.fontStyle;
227
- }, function (props) {
228
- return props.theme.backgroundColor;
229
- }, function (props) {
230
- return props.theme.fontColor;
231
- });
232
-
233
- var ItemsPageContainer = _styledComponents["default"].span(_templateObject2(), function (props) {
234
- return props.theme.itemsPerPageSelectorMarginRight;
235
- }, function (props) {
236
- return props.theme.itemsPerPageSelectorMarginLeft;
237
- });
238
-
239
- var ItemsLabel = _styledComponents["default"].span(_templateObject3());
240
-
241
- var GoToLabel = _styledComponents["default"].span(_templateObject4());
242
-
243
- var TotalItemsContainer = _styledComponents["default"].span(_templateObject5(), function (props) {
244
- return props.theme.totalItemsContainerMarginRight;
245
- }, function (props) {
246
- return props.theme.totalItemsContainerMarginLeft;
247
- });
248
-
249
- var LabelsContainer = _styledComponents["default"].div(_templateObject6(), function (props) {
250
- return props.theme.marginRight;
251
- }, function (props) {
252
- return props.theme.marginLeft;
253
- });
254
-
255
- var PageToSelectContainer = _styledComponents["default"].span(_templateObject7(), function (props) {
256
- return props.theme.pageSelectorMarginRight;
257
- }, function (props) {
258
- return props.theme.pageSelectorMarginLeft;
259
- });
260
-
261
- var TextContainer = _styledComponents["default"].span(_templateObject8());
262
-
263
- DxcPaginator.propTypes = {
264
- currentPage: _propTypes["default"].number,
265
- itemsPerPage: _propTypes["default"].number,
266
- itemsPerPageOptions: _propTypes["default"].arrayOf(_propTypes["default"].number),
267
- totalItems: _propTypes["default"].number.isRequired,
268
- showGoToPage: _propTypes["default"].bool,
269
- onPageChange: _propTypes["default"].func,
270
- itemsPerPageFunction: _propTypes["default"].func,
271
- tabIndex: _propTypes["default"].number
272
- };
273
- DxcPaginator.defaultProps = {
274
- currentPage: 1,
275
- itemsPerPage: 5,
276
- itemsPerPageOptions: null,
277
- showGoToPage: false,
278
- onPageChange: null,
279
- itemsPerPageFunction: null,
280
- tabIndex: 0
281
- };
282
- var _default = DxcPaginator;
283
- exports["default"] = _default;
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="7.41" height="12" viewBox="0 0 7.41 12">
2
- <path id="Path_2461" data-name="Path 2461" d="M10,6,8.59,7.41,13.17,12,8.59,16.59,10,18l6-6Z" transform="translate(-8.59 -6)"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="12.41" height="12" viewBox="0 0 12.41 12">
2
- <path id="Path_2465" data-name="Path 2465" d="M5.59,7.41,10.18,12,5.59,16.59,7,18l6-6L7,6ZM16,6h2V18H16Z" transform="translate(-5.59 -6)"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="7.41" height="12" viewBox="0 0 7.41 12">
2
- <path id="Path_2459" data-name="Path 2459" d="M15.41,7.41,14,6,8,12l6,6,1.41-1.41L10.83,12Z" transform="translate(-8 -6)"/>
3
- </svg>
@@ -1,3 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="12.41" height="12" viewBox="0 0 12.41 12">
2
- <path id="Path_2463" data-name="Path 2463" d="M18.41,16.59,13.82,12l4.59-4.59L17,6l-6,6,6,6ZM6,6H8V18H6Z" transform="translate(-6 -6)"/>
3
- </svg>
@@ -1,50 +0,0 @@
1
- # DXC Paginator Component
2
-
3
- ## Props
4
-
5
- <table>
6
- <tr style="background-color: grey">
7
- <td>Name</td>
8
- <td>Default</td>
9
- <td>Description</td>
10
- </tr>
11
- <tr>
12
- <td>currentPage: number</td>
13
- <td><code>1</code></td>
14
- <td>Current page.</td>
15
- </tr>
16
- <tr>
17
- <td>itemsPerPage: number</td>
18
- <td><code>5</code></td>
19
- <td>Number of items to be displayed on each page.</td>
20
- </tr>
21
- <tr>
22
- <td>totalItems: number</td>
23
- <td></td>
24
- <td>Total number of items.</td>
25
- </tr>
26
- <tr>
27
- <td>nextFunction: function</td>
28
- <td></td>
29
- <td>This function will be called when the user clicks the next page button.<br>
30
- </td>
31
- </tr>
32
- <tr>
33
- <td>prevFunction: function</td>
34
- <td></td>
35
- <td>This function will be called when the user clicks the previous page button.<br>
36
- </td>
37
- </tr>
38
- <tr>
39
- <td>lastFunction: function</td>
40
- <td></td>
41
- <td>This function will be called when the user clicks the last page button.<br>
42
- </td>
43
- </tr>
44
- <tr>
45
- <td>firstFunction: function</td>
46
- <td></td>
47
- <td>This function will be called when the user clicks the first page button.<br>
48
- </td>
49
- </tr>
50
- </table>
@@ -1,139 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports["default"] = void 0;
11
-
12
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
13
-
14
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
-
16
- var _react = _interopRequireWildcard(require("react"));
17
-
18
- var _propTypes = _interopRequireDefault(require("prop-types"));
19
-
20
- var _NewInputText = _interopRequireDefault(require("../new-input-text/NewInputText"));
21
-
22
- var _variables = require("../common/variables.js");
23
-
24
- require("./styles.css");
25
-
26
- var DxcPassword = function DxcPassword(_ref) {
27
- var _ref$label = _ref.label,
28
- label = _ref$label === void 0 ? "" : _ref$label,
29
- value = _ref.value,
30
- _ref$helperText = _ref.helperText,
31
- helperText = _ref$helperText === void 0 ? "" : _ref$helperText,
32
- _ref$error = _ref.error,
33
- error = _ref$error === void 0 ? "" : _ref$error,
34
- _ref$clearable = _ref.clearable,
35
- clearable = _ref$clearable === void 0 ? false : _ref$clearable,
36
- onChange = _ref.onChange,
37
- onBlur = _ref.onBlur,
38
- margin = _ref.margin,
39
- pattern = _ref.pattern,
40
- length = _ref.length,
41
- _ref$size = _ref.size,
42
- size = _ref$size === void 0 ? "medium" : _ref$size;
43
- var inputRef = (0, _react.useRef)(null);
44
-
45
- var _useState = (0, _react.useState)(false),
46
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
47
- isPasswordVisible = _useState2[0],
48
- setIsPasswordVisible = _useState2[1];
49
-
50
- var setInputType = function setInputType(type) {
51
- inputRef.current.children[2].children[0].setAttribute("type", type);
52
- };
53
-
54
- (0, _react.useEffect)(function () {
55
- setInputType("password");
56
- }, []);
57
-
58
- var viewPassword = function viewPassword() {
59
- setInputType("text");
60
- setIsPasswordVisible(true);
61
- };
62
-
63
- var hidePassword = function hidePassword() {
64
- setInputType("password");
65
- setIsPasswordVisible(false);
66
- };
67
-
68
- var action = {
69
- onClick: isPasswordVisible ? hidePassword : viewPassword,
70
- icon: isPasswordVisible ? _react["default"].createElement("svg", {
71
- xmlns: "http://www.w3.org/2000/svg",
72
- height: "24px",
73
- viewBox: "0 0 24 24",
74
- width: "24px",
75
- fill: "#000000"
76
- }, _react["default"].createElement("path", {
77
- d: "M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z",
78
- fill: "none"
79
- }), _react["default"].createElement("path", {
80
- d: "M12 6c3.79 0 7.17 2.13 8.82 5.5-.59 1.22-1.42 2.27-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02-1.38 0-2.5-1.12-2.5-2.5 0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75c-.23.55-.36 1.15-.36 1.78 0 2.48 2.02 4.5 4.5 4.5.63 0 1.23-.13 1.77-.36l.98.98c-.88.24-1.8.38-2.75.38-3.79 0-7.17-2.13-8.82-5.5.7-1.43 1.72-2.61 2.93-3.53z"
81
- })) : _react["default"].createElement("svg", {
82
- xmlns: "http://www.w3.org/2000/svg",
83
- height: "24px",
84
- viewBox: "0 0 24 24",
85
- width: "24px",
86
- fill: "#000000"
87
- }, _react["default"].createElement("path", {
88
- d: "M0 0h24v24H0V0z",
89
- fill: "none"
90
- }), _react["default"].createElement("path", {
91
- d: "M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z"
92
- }))
93
- };
94
- return _react["default"].createElement(_NewInputText["default"], {
95
- ref: inputRef,
96
- label: label,
97
- value: value,
98
- helperText: helperText,
99
- action: action,
100
- error: error,
101
- clearable: clearable,
102
- onChange: onChange,
103
- onBlur: onBlur,
104
- margin: margin,
105
- size: size,
106
- pattern: pattern,
107
- length: length
108
- });
109
- };
110
-
111
- var sizes = {
112
- small: "60px",
113
- medium: "240px",
114
- large: "480px",
115
- fillParent: "100%"
116
- };
117
- DxcPassword.propTypes = {
118
- label: _propTypes["default"].string,
119
- value: _propTypes["default"].string,
120
- helperText: _propTypes["default"].string,
121
- error: _propTypes["default"].string,
122
- clearable: _propTypes["default"].bool,
123
- onChange: _propTypes["default"].func,
124
- onBlur: _propTypes["default"].func,
125
- margin: _propTypes["default"].oneOfType([_propTypes["default"].shape({
126
- top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
127
- bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
128
- left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
129
- right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
130
- }), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))]),
131
- size: _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(sizes))),
132
- pattern: _propTypes["default"].string,
133
- length: _propTypes["default"].shape({
134
- min: _propTypes["default"].number,
135
- max: _propTypes["default"].number
136
- })
137
- };
138
- var _default = DxcPassword;
139
- exports["default"] = _default;
@@ -1,3 +0,0 @@
1
- ::-ms-reveal {
2
- display: none;
3
- }