@dxc-technology/halstack-react 0.0.0-8d633bd → 0.0.0-8db6a95

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 (185) hide show
  1. package/README.md +27 -47
  2. package/dist/index.d.mts +6669 -0
  3. package/dist/index.d.ts +6669 -0
  4. package/dist/index.js +14523 -0
  5. package/dist/index.mjs +14465 -0
  6. package/package.json +76 -68
  7. package/babel.config.js +0 -8
  8. package/dist/BackgroundColorContext.js +0 -46
  9. package/dist/ThemeContext.js +0 -240
  10. package/dist/accordion/Accordion.js +0 -353
  11. package/dist/accordion-group/AccordionGroup.js +0 -186
  12. package/dist/alert/Alert.js +0 -403
  13. package/dist/alert/index.d.ts +0 -26
  14. package/dist/badge/Badge.js +0 -63
  15. package/dist/box/Box.js +0 -156
  16. package/dist/button/Button.js +0 -238
  17. package/dist/card/Card.js +0 -254
  18. package/dist/checkbox/Checkbox.js +0 -300
  19. package/dist/checkbox/Checkbox.stories.js +0 -144
  20. package/dist/checkbox/readme.md +0 -116
  21. package/dist/chip/Chip.js +0 -265
  22. package/dist/common/OpenSans.css +0 -81
  23. package/dist/common/RequiredComponent.js +0 -40
  24. package/dist/common/fonts/OpenSans-Bold.ttf +0 -0
  25. package/dist/common/fonts/OpenSans-BoldItalic.ttf +0 -0
  26. package/dist/common/fonts/OpenSans-ExtraBold.ttf +0 -0
  27. package/dist/common/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  28. package/dist/common/fonts/OpenSans-Italic.ttf +0 -0
  29. package/dist/common/fonts/OpenSans-Light.ttf +0 -0
  30. package/dist/common/fonts/OpenSans-LightItalic.ttf +0 -0
  31. package/dist/common/fonts/OpenSans-Regular.ttf +0 -0
  32. package/dist/common/fonts/OpenSans-SemiBold.ttf +0 -0
  33. package/dist/common/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  34. package/dist/common/utils.js +0 -22
  35. package/dist/common/variables.js +0 -1417
  36. package/dist/date/Date.js +0 -381
  37. package/dist/date/Date.stories.js +0 -205
  38. package/dist/date/readme.md +0 -73
  39. package/dist/dialog/Dialog.js +0 -218
  40. package/dist/dropdown/Dropdown.js +0 -544
  41. package/dist/file-input/FileInput.js +0 -641
  42. package/dist/file-input/FileItem.js +0 -263
  43. package/dist/footer/Footer.js +0 -395
  44. package/dist/footer/Footer.stories.js +0 -94
  45. package/dist/footer/dxc_logo.svg +0 -15
  46. package/dist/footer/readme.md +0 -41
  47. package/dist/header/Header.js +0 -403
  48. package/dist/header/Header.stories.js +0 -176
  49. package/dist/header/close_icon.svg +0 -1
  50. package/dist/header/dxc_logo_black.svg +0 -8
  51. package/dist/header/hamb_menu_black.svg +0 -1
  52. package/dist/header/hamb_menu_white.svg +0 -1
  53. package/dist/header/readme.md +0 -33
  54. package/dist/heading/Heading.js +0 -218
  55. package/dist/input-text/InputText.js +0 -707
  56. package/dist/input-text/InputText.stories.js +0 -209
  57. package/dist/input-text/error.svg +0 -1
  58. package/dist/input-text/readme.md +0 -91
  59. package/dist/layout/ApplicationLayout.js +0 -331
  60. package/dist/layout/facebook.svg +0 -45
  61. package/dist/layout/linkedin.svg +0 -50
  62. package/dist/layout/twitter.svg +0 -53
  63. package/dist/link/Link.js +0 -237
  64. package/dist/link/readme.md +0 -51
  65. package/dist/main.d.ts +0 -2
  66. package/dist/main.js +0 -359
  67. package/dist/new-date/NewDate.js +0 -403
  68. package/dist/new-input-text/NewInputText.js +0 -977
  69. package/dist/new-textarea/NewTextarea.js +0 -365
  70. package/dist/number/Number.js +0 -138
  71. package/dist/number/NumberContext.js +0 -16
  72. package/dist/paginator/Paginator.js +0 -289
  73. package/dist/paginator/images/next.svg +0 -3
  74. package/dist/paginator/images/nextPage.svg +0 -3
  75. package/dist/paginator/images/previous.svg +0 -3
  76. package/dist/paginator/images/previousPage.svg +0 -3
  77. package/dist/paginator/readme.md +0 -50
  78. package/dist/password/Password.js +0 -200
  79. package/dist/password/styles.css +0 -3
  80. package/dist/progress-bar/ProgressBar.js +0 -242
  81. package/dist/progress-bar/ProgressBar.stories.js +0 -280
  82. package/dist/progress-bar/readme.md +0 -63
  83. package/dist/radio/Radio.js +0 -209
  84. package/dist/radio/Radio.stories.js +0 -166
  85. package/dist/radio/readme.md +0 -70
  86. package/dist/resultsetTable/ResultsetTable.js +0 -358
  87. package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
  88. package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
  89. package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
  90. package/dist/select/Select.js +0 -549
  91. package/dist/sidenav/Sidenav.js +0 -179
  92. package/dist/slider/Slider.js +0 -319
  93. package/dist/slider/Slider.stories.js +0 -241
  94. package/dist/slider/readme.md +0 -64
  95. package/dist/spinner/Spinner.js +0 -381
  96. package/dist/spinner/Spinner.stories.js +0 -183
  97. package/dist/spinner/readme.md +0 -65
  98. package/dist/switch/Switch.js +0 -222
  99. package/dist/switch/Switch.stories.js +0 -134
  100. package/dist/switch/readme.md +0 -133
  101. package/dist/table/Table.js +0 -132
  102. package/dist/tabs/Tabs.js +0 -343
  103. package/dist/tabs/Tabs.stories.js +0 -130
  104. package/dist/tabs/readme.md +0 -78
  105. package/dist/tabs-for-sections/TabsForSections.js +0 -92
  106. package/dist/tabs-for-sections/readme.md +0 -78
  107. package/dist/tag/Tag.js +0 -282
  108. package/dist/textarea/Textarea.js +0 -264
  109. package/dist/toggle/Toggle.js +0 -220
  110. package/dist/toggle/Toggle.stories.js +0 -297
  111. package/dist/toggle/readme.md +0 -80
  112. package/dist/toggle-group/ToggleGroup.js +0 -223
  113. package/dist/upload/Upload.js +0 -205
  114. package/dist/upload/Upload.stories.js +0 -72
  115. package/dist/upload/buttons-upload/ButtonsUpload.js +0 -139
  116. package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
  117. package/dist/upload/buttons-upload/upload-button.svg +0 -1
  118. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -329
  119. package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
  120. package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
  121. package/dist/upload/file-upload/FileToUpload.js +0 -184
  122. package/dist/upload/file-upload/audio-icon.svg +0 -4
  123. package/dist/upload/file-upload/close.svg +0 -4
  124. package/dist/upload/file-upload/file-icon.svg +0 -4
  125. package/dist/upload/file-upload/video-icon.svg +0 -4
  126. package/dist/upload/files-upload/FilesToUpload.js +0 -123
  127. package/dist/upload/readme.md +0 -37
  128. package/dist/upload/transaction/Transaction.js +0 -175
  129. package/dist/upload/transaction/audio-icon-err.svg +0 -4
  130. package/dist/upload/transaction/audio-icon.svg +0 -4
  131. package/dist/upload/transaction/error-icon.svg +0 -4
  132. package/dist/upload/transaction/file-icon-err.svg +0 -4
  133. package/dist/upload/transaction/file-icon.svg +0 -4
  134. package/dist/upload/transaction/image-icon-err.svg +0 -4
  135. package/dist/upload/transaction/image-icon.svg +0 -4
  136. package/dist/upload/transaction/success-icon.svg +0 -4
  137. package/dist/upload/transaction/video-icon-err.svg +0 -4
  138. package/dist/upload/transaction/video-icon.svg +0 -4
  139. package/dist/upload/transactions/Transactions.js +0 -138
  140. package/dist/useTheme.js +0 -22
  141. package/dist/wizard/Wizard.js +0 -411
  142. package/dist/wizard/invalid_icon.svg +0 -5
  143. package/dist/wizard/valid_icon.svg +0 -5
  144. package/dist/wizard/validation-wrong.svg +0 -6
  145. package/test/Accordion.test.js +0 -33
  146. package/test/AccordionGroup.test.js +0 -125
  147. package/test/Alert.test.js +0 -53
  148. package/test/Box.test.js +0 -10
  149. package/test/Button.test.js +0 -18
  150. package/test/Card.test.js +0 -30
  151. package/test/Checkbox.test.js +0 -45
  152. package/test/Chip.test.js +0 -25
  153. package/test/Date.test.js +0 -393
  154. package/test/Dialog.test.js +0 -23
  155. package/test/Dropdown.test.js +0 -145
  156. package/test/FileInput.test.js +0 -39
  157. package/test/Footer.test.js +0 -99
  158. package/test/Header.test.js +0 -39
  159. package/test/Heading.test.js +0 -35
  160. package/test/InputText.test.js +0 -240
  161. package/test/Link.test.js +0 -43
  162. package/test/NewDate.test.js +0 -203
  163. package/test/NewInputText.test.js +0 -866
  164. package/test/NewTextarea.test.js +0 -252
  165. package/test/Number.test.js +0 -241
  166. package/test/Paginator.test.js +0 -177
  167. package/test/Password.test.js +0 -76
  168. package/test/ProgressBar.test.js +0 -35
  169. package/test/Radio.test.js +0 -37
  170. package/test/ResultsetTable.test.js +0 -329
  171. package/test/Select.test.js +0 -212
  172. package/test/Sidenav.test.js +0 -45
  173. package/test/Slider.test.js +0 -82
  174. package/test/Spinner.test.js +0 -32
  175. package/test/Switch.test.js +0 -45
  176. package/test/Table.test.js +0 -36
  177. package/test/Tabs.test.js +0 -109
  178. package/test/TabsForSections.test.js +0 -34
  179. package/test/Tag.test.js +0 -32
  180. package/test/TextArea.test.js +0 -52
  181. package/test/ToggleGroup.test.js +0 -81
  182. package/test/Upload.test.js +0 -60
  183. package/test/Wizard.test.js +0 -130
  184. package/test/mocks/pngMock.js +0 -1
  185. package/test/mocks/svgMock.js +0 -1
@@ -1,365 +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 _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
15
-
16
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
17
-
18
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
19
-
20
- var _react = _interopRequireWildcard(require("react"));
21
-
22
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
23
-
24
- var _utils = require("../common/utils.js");
25
-
26
- var _useTheme = _interopRequireDefault(require("../useTheme.js"));
27
-
28
- var _propTypes = _interopRequireDefault(require("prop-types"));
29
-
30
- var _variables = require("../common/variables.js");
31
-
32
- var _uuid = require("uuid");
33
-
34
- var _BackgroundColorContext = _interopRequireDefault(require("../BackgroundColorContext.js"));
35
-
36
- function _templateObject6() {
37
- var data = (0, _taggedTemplateLiteral2["default"])(["\n color: ", ";\n font-family: ", ";\n font-size: 0.75rem;\n font-weight: 400;\n min-height: 1.5em;\n line-height: 1.5em;\n"]);
38
-
39
- _templateObject6 = function _templateObject6() {
40
- return data;
41
- };
42
-
43
- return data;
44
- }
45
-
46
- function _templateObject5() {
47
- var data = (0, _taggedTemplateLiteral2["default"])(["\n ", ";\n ", "\n\n margin: calc(1rem * 0.25) 0;\n padding: calc(1rem * 0.5) calc(1rem * 1);\n box-shadow: 0 0 0 2px transparent;\n border-radius: calc(1rem * 0.25);\n border: 1px solid\n ", ";\n ", "\n\n ", ";\n ", ";\n\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n font-style: ", ";\n font-weight: ", ";\n line-height: 1.5em;\n\n ::placeholder {\n color: ", ";\n }\n"]);
48
-
49
- _templateObject5 = function _templateObject5() {
50
- return data;
51
- };
52
-
53
- return data;
54
- }
55
-
56
- function _templateObject4() {
57
- var data = (0, _taggedTemplateLiteral2["default"])(["\n color: ", ";\n\n font-family: ", ";\n font-size: ", ";\n font-style: ", ";\n font-weight: ", ";\n line-height: 1.5em;\n"]);
58
-
59
- _templateObject4 = function _templateObject4() {
60
- return data;
61
- };
62
-
63
- return data;
64
- }
65
-
66
- function _templateObject3() {
67
- var data = (0, _taggedTemplateLiteral2["default"])(["\n font-weight: ", ";\n"]);
68
-
69
- _templateObject3 = function _templateObject3() {
70
- return data;
71
- };
72
-
73
- return data;
74
- }
75
-
76
- function _templateObject2() {
77
- var data = (0, _taggedTemplateLiteral2["default"])(["\n color: ", ";\n\n font-family: ", ";\n font-size: ", ";\n font-style: ", ";\n font-weight: ", ";\n line-height: 1.75em;\n"]);
78
-
79
- _templateObject2 = function _templateObject2() {
80
- return data;
81
- };
82
-
83
- return data;
84
- }
85
-
86
- function _templateObject() {
87
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex-direction: column;\n\n width: ", ";\n margin: ", ";\n margin-top: ", ";\n margin-right: ", ";\n margin-bottom: ", ";\n margin-left: ", ";\n"]);
88
-
89
- _templateObject = function _templateObject() {
90
- return data;
91
- };
92
-
93
- return data;
94
- }
95
-
96
- var getNotOptionalErrorMessage = function getNotOptionalErrorMessage() {
97
- return "This field is required. Please, enter a value.";
98
- };
99
-
100
- var getLengthErrorMessage = function getLengthErrorMessage(length) {
101
- return "Min length ".concat(length.min, ", max length ").concat(length.max, ".");
102
- };
103
-
104
- var patternMatch = function patternMatch(pattern, value) {
105
- return new RegExp(pattern).test(value);
106
- };
107
-
108
- var getPatternErrorMessage = function getPatternErrorMessage() {
109
- return "Please match the format requested.";
110
- };
111
-
112
- var DxcNewTextarea = _react["default"].forwardRef(function (_ref, ref) {
113
- var _ref$label = _ref.label,
114
- label = _ref$label === void 0 ? "" : _ref$label,
115
- _ref$name = _ref.name,
116
- name = _ref$name === void 0 ? "" : _ref$name,
117
- value = _ref.value,
118
- _ref$helperText = _ref.helperText,
119
- helperText = _ref$helperText === void 0 ? "" : _ref$helperText,
120
- _ref$placeholder = _ref.placeholder,
121
- placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
122
- _ref$disabled = _ref.disabled,
123
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
124
- _ref$optional = _ref.optional,
125
- optional = _ref$optional === void 0 ? false : _ref$optional,
126
- _ref$verticalGrow = _ref.verticalGrow,
127
- verticalGrow = _ref$verticalGrow === void 0 ? "auto" : _ref$verticalGrow,
128
- _ref$rows = _ref.rows,
129
- rows = _ref$rows === void 0 ? 4 : _ref$rows,
130
- length = _ref.length,
131
- pattern = _ref.pattern,
132
- onChange = _ref.onChange,
133
- onBlur = _ref.onBlur,
134
- _ref$error = _ref.error,
135
- error = _ref$error === void 0 ? "" : _ref$error,
136
- _ref$autocomplete = _ref.autocomplete,
137
- autocomplete = _ref$autocomplete === void 0 ? "off" : _ref$autocomplete,
138
- margin = _ref.margin,
139
- _ref$size = _ref.size,
140
- size = _ref$size === void 0 ? "medium" : _ref$size,
141
- _ref$tabIndex = _ref.tabIndex,
142
- tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
143
-
144
- var _useState = (0, _react.useState)(""),
145
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
146
- innerValue = _useState2[0],
147
- setInnerValue = _useState2[1];
148
-
149
- var _useState3 = (0, _react.useState)(""),
150
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
151
- validationError = _useState4[0],
152
- changeValidationError = _useState4[1];
153
-
154
- var colorsTheme = (0, _useTheme["default"])();
155
- var backgroundType = (0, _react.useContext)(_BackgroundColorContext["default"]);
156
- var textareaRef = (0, _react.useRef)(null);
157
- var textareaId = "textarea-".concat((0, _uuid.v4)());
158
- var errorId = "error-message-".concat(textareaId);
159
-
160
- var changeValue = function changeValue(newValue) {
161
- value !== null && value !== void 0 ? value : setInnerValue(newValue);
162
- typeof onChange === "function" && onChange(newValue);
163
- };
164
-
165
- var notOptionalCheck = function notOptionalCheck(value) {
166
- return value === "" && !optional;
167
- };
168
-
169
- var isLengthIncorrect = function isLengthIncorrect(value) {
170
- return value !== "" && length && length.min && length.max && (value.length < length.min || value.length > length.max);
171
- };
172
-
173
- var handleTOnBlur = function handleTOnBlur(event) {
174
- if (notOptionalCheck(event.target.value)) {
175
- changeValidationError(getNotOptionalErrorMessage());
176
- onBlur === null || onBlur === void 0 ? void 0 : onBlur({
177
- value: event.target.value,
178
- error: getNotOptionalErrorMessage()
179
- });
180
- } else if (isLengthIncorrect(event.target.value)) {
181
- changeValidationError(getLengthErrorMessage(length, event));
182
- onBlur === null || onBlur === void 0 ? void 0 : onBlur({
183
- value: event.target.value,
184
- error: getLengthErrorMessage(length)
185
- });
186
- } else if (event.target.value && pattern && !patternMatch(pattern, event.target.value)) {
187
- changeValidationError(getPatternErrorMessage());
188
- onBlur === null || onBlur === void 0 ? void 0 : onBlur({
189
- value: event.target.value,
190
- error: getPatternErrorMessage()
191
- });
192
- } else {
193
- changeValidationError("");
194
- onBlur === null || onBlur === void 0 ? void 0 : onBlur({
195
- value: event.target.value,
196
- error: null
197
- });
198
- }
199
- };
200
-
201
- var handleTOnChange = function handleTOnChange(event) {
202
- changeValue(event.target.value);
203
- };
204
-
205
- (0, _react.useLayoutEffect)(function () {
206
- if (verticalGrow === "auto") {
207
- var textareaLineHeight = parseInt(window.getComputedStyle(textareaRef.current)["line-height"]);
208
- var textareaPaddingTopBottom = parseInt(window.getComputedStyle(textareaRef.current)["padding-top"]) * 2;
209
- textareaRef.current.style.height = "".concat(textareaLineHeight * rows, "px");
210
- var newHeight = textareaRef.current.scrollHeight - textareaPaddingTopBottom;
211
- textareaRef.current.style.height = "".concat(newHeight, "px");
212
- }
213
- }, [value, verticalGrow, rows, innerValue]);
214
- return _react["default"].createElement(_styledComponents.ThemeProvider, {
215
- theme: colorsTheme.newTextarea
216
- }, _react["default"].createElement(DxcTextarea, {
217
- margin: margin,
218
- size: size,
219
- ref: ref
220
- }, _react["default"].createElement(Label, {
221
- htmlFor: textareaId,
222
- disabled: disabled,
223
- backgroundType: backgroundType
224
- }, label, " ", optional && _react["default"].createElement(OptionalLabel, null, "(Optional)")), _react["default"].createElement(HelperText, {
225
- disabled: disabled,
226
- backgroundType: backgroundType
227
- }, helperText), _react["default"].createElement(Textarea, {
228
- id: textareaId,
229
- name: name,
230
- value: value !== null && value !== void 0 ? value : innerValue,
231
- placeholder: placeholder,
232
- verticalGrow: verticalGrow,
233
- rows: rows,
234
- onChange: handleTOnChange,
235
- onBlur: handleTOnBlur,
236
- disabled: disabled,
237
- error: error || validationError,
238
- autoComplete: autocomplete,
239
- backgroundType: backgroundType,
240
- ref: textareaRef,
241
- tabIndex: tabIndex,
242
- "aria-invalid": error || validationError ? "true" : "false",
243
- "aria-describedby": error || validationError ? errorId : undefined,
244
- "aria-required": optional ? "false" : "true"
245
- }), !disabled && _react["default"].createElement(Error, {
246
- id: errorId,
247
- backgroundType: backgroundType
248
- }, error || validationError)));
249
- });
250
-
251
- var sizes = {
252
- small: "240px",
253
- medium: "360px",
254
- large: "480px",
255
- fillParent: "100%"
256
- };
257
-
258
- var calculateWidth = function calculateWidth(margin, size) {
259
- return size === "fillParent" ? "calc(".concat(sizes[size], " - ").concat((0, _utils.getMargin)(margin, "left"), " - ").concat((0, _utils.getMargin)(margin, "right"), ")") : sizes[size];
260
- };
261
-
262
- var DxcTextarea = _styledComponents["default"].div(_templateObject(), function (props) {
263
- return calculateWidth(props.margin, props.size);
264
- }, function (props) {
265
- return props.margin && (0, _typeof2["default"])(props.margin) !== "object" ? _variables.spaces[props.margin] : "0px";
266
- }, function (props) {
267
- return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.top ? _variables.spaces[props.margin.top] : "";
268
- }, function (props) {
269
- return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.right ? _variables.spaces[props.margin.right] : "";
270
- }, function (props) {
271
- return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.bottom ? _variables.spaces[props.margin.bottom] : "";
272
- }, function (props) {
273
- return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.left ? _variables.spaces[props.margin.left] : "";
274
- });
275
-
276
- var Label = _styledComponents["default"].label(_templateObject2(), function (props) {
277
- return props.disabled ? props.backgroundType === "dark" ? props.theme.disabledLabelFontColorOnDark : props.theme.disabledLabelFontColor : props.backgroundType === "dark" ? props.theme.labelFontColorOnDark : props.theme.labelFontColor;
278
- }, function (props) {
279
- return props.theme.fontFamily;
280
- }, function (props) {
281
- return props.theme.labelFontSize;
282
- }, function (props) {
283
- return props.theme.labelFontStyle;
284
- }, function (props) {
285
- return props.theme.labelFontWeight;
286
- });
287
-
288
- var OptionalLabel = _styledComponents["default"].span(_templateObject3(), function (props) {
289
- return props.theme.optionalLabelFontWeight;
290
- });
291
-
292
- var HelperText = _styledComponents["default"].span(_templateObject4(), function (props) {
293
- return props.disabled ? props.backgroundType === "dark" ? props.theme.disabledHelperTextFontColorOnDark : props.theme.disabledHelperTextFontColor : props.backgroundType === "dark" ? props.theme.helperTextFontColorOnDark : props.theme.helperTextFontColor;
294
- }, function (props) {
295
- return props.theme.fontFamily;
296
- }, function (props) {
297
- return props.theme.helperTextFontSize;
298
- }, function (props) {
299
- return props.theme.helperTextFontStyle;
300
- }, function (props) {
301
- return props.theme.helperTextFontWeight;
302
- });
303
-
304
- var Textarea = _styledComponents["default"].textarea(_templateObject5(), function (props) {
305
- if (props.verticalGrow === "none") return "resize: none;";else if (props.verticalGrow === "auto") return "resize: none; overflow: hidden;";else if (props.verticalGrow === "manual") return "resize: vertical;";else return "resize: none;";
306
- }, function (props) {
307
- if (props.disabled) return props.backgroundType === "dark" ? "background-color: ".concat(props.theme.disabledContainerFillColorOnDark, ";") : "background-color: ".concat(props.theme.disabledContainerFillColor, ";");else return "background-color: transparent;";
308
- }, function (props) {
309
- if (props.disabled) return props.backgroundType === "dark" ? props.theme.disabledBorderColorOnDark : props.theme.disabledBorderColor;else return props.backgroundType === "dark" ? props.theme.enabledBorderColorOnDark : props.theme.enabledBorderColor;
310
- }, function (props) {
311
- return props.error && !props.disabled && "border-color: transparent;\n box-shadow: 0 0 0 2px ".concat(props.backgroundType === "dark" ? props.theme.errorBorderColorOnDark : props.theme.errorBorderColor, ";\n ");
312
- }, function (props) {
313
- return props.disabled && "cursor: not-allowed;";
314
- }, function (props) {
315
- return !props.disabled && "\n &:hover {\n border-color: ".concat(props.error ? "transparent" : props.backgroundType === "dark" ? props.theme.hoverBorderColorOnDark : props.theme.hoverBorderColor, ";\n ").concat(props.error && "box-shadow: 0 0 0 2px ".concat(props.backgroundType === "dark" ? props.theme.hoverErrorBorderColorOnDark : props.theme.hoverErrorBorderColor, ";"), "\n }\n &:focus {\n outline: none;\n border-color: transparent;\n box-shadow: 0 0 0 2px ").concat(props.backgroundType === "dark" ? props.theme.focusBorderColorOnDark : props.theme.focusBorderColor, ";\n }\n &:focus-within {\n outline: none;\n border-color: transparent;\n box-shadow: 0 0 0 2px ").concat(props.backgroundType === "dark" ? props.theme.focusBorderColorOnDark : props.theme.focusBorderColor, ";\n }\n ");
316
- }, function (props) {
317
- return props.disabled ? props.backgroundType === "dark" ? props.theme.disabledValueFontColorOnDark : props.theme.disabledValueFontColor : props.backgroundType === "dark" ? props.theme.valueFontColorOnDark : props.theme.valueFontColor;
318
- }, function (props) {
319
- return props.theme.fontFamily;
320
- }, function (props) {
321
- return props.theme.valueFontSize;
322
- }, function (props) {
323
- return props.theme.valueFontStyle;
324
- }, function (props) {
325
- return props.theme.valueFontWeight;
326
- }, function (props) {
327
- return props.disabled ? props.backgroundType === "dark" ? props.theme.disabledPlaceholderFontColorOnDark : props.theme.disabledPlaceholderFontColor : props.backgroundType === "dark" ? props.theme.placeholderFontColorOnDark : props.theme.placeholderFontColor;
328
- });
329
-
330
- var Error = _styledComponents["default"].span(_templateObject6(), function (props) {
331
- return props.backgroundType === "dark" ? props.theme.errorMessageColorOnDark : props.theme.errorMessageColor;
332
- }, function (props) {
333
- return props.theme.fontFamily;
334
- });
335
-
336
- DxcNewTextarea.propTypes = {
337
- label: _propTypes["default"].string,
338
- name: _propTypes["default"].string,
339
- value: _propTypes["default"].string,
340
- helperText: _propTypes["default"].string,
341
- placeholder: _propTypes["default"].string,
342
- verticalGrow: _propTypes["default"].oneOf(["auto", "none", "manual"]),
343
- rows: _propTypes["default"].number,
344
- length: _propTypes["default"].shape({
345
- min: _propTypes["default"].number,
346
- max: _propTypes["default"].number
347
- }),
348
- pattern: _propTypes["default"].string,
349
- disabled: _propTypes["default"].bool,
350
- optional: _propTypes["default"].bool,
351
- onChange: _propTypes["default"].func,
352
- onBlur: _propTypes["default"].func,
353
- error: _propTypes["default"].string,
354
- autocomplete: _propTypes["default"].string,
355
- margin: _propTypes["default"].oneOfType([_propTypes["default"].shape({
356
- top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
357
- bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
358
- left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
359
- right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
360
- }), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))]),
361
- size: _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(sizes))),
362
- tabIndex: _propTypes["default"].number
363
- };
364
- var _default = DxcNewTextarea;
365
- exports["default"] = _default;
@@ -1,138 +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 = _react["default"].forwardRef(function (_ref, ref) {
39
- var _ref$label = _ref.label,
40
- label = _ref$label === void 0 ? "" : _ref$label,
41
- _ref$name = _ref.name,
42
- name = _ref$name === void 0 ? "" : _ref$name,
43
- value = _ref.value,
44
- _ref$helperText = _ref.helperText,
45
- helperText = _ref$helperText === void 0 ? "" : _ref$helperText,
46
- _ref$placeholder = _ref.placeholder,
47
- placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
48
- _ref$disabled = _ref.disabled,
49
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
50
- _ref$optional = _ref.optional,
51
- optional = _ref$optional === void 0 ? false : _ref$optional,
52
- _ref$prefix = _ref.prefix,
53
- prefix = _ref$prefix === void 0 ? "" : _ref$prefix,
54
- _ref$suffix = _ref.suffix,
55
- suffix = _ref$suffix === void 0 ? "" : _ref$suffix,
56
- min = _ref.min,
57
- max = _ref.max,
58
- step = _ref.step,
59
- onChange = _ref.onChange,
60
- onBlur = _ref.onBlur,
61
- _ref$error = _ref.error,
62
- error = _ref$error === void 0 ? "" : _ref$error,
63
- _ref$autocomplete = _ref.autocomplete,
64
- autocomplete = _ref$autocomplete === void 0 ? "off" : _ref$autocomplete,
65
- margin = _ref.margin,
66
- _ref$size = _ref.size,
67
- size = _ref$size === void 0 ? "medium" : _ref$size,
68
- _ref$tabIndex = _ref.tabIndex,
69
- tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
70
- return _react["default"].createElement(_NumberContext["default"].Provider, {
71
- value: {
72
- typeNumber: "number",
73
- minNumber: min,
74
- maxNumber: max,
75
- stepNumber: step
76
- }
77
- }, _react["default"].createElement(NumberContainer, null, _react["default"].createElement(_NewInputText["default"], {
78
- label: label,
79
- name: name,
80
- value: value,
81
- helperText: helperText,
82
- placeholder: placeholder,
83
- disabled: disabled,
84
- optional: optional,
85
- prefix: prefix,
86
- suffix: suffix,
87
- error: error,
88
- onChange: onChange,
89
- onBlur: onBlur,
90
- autocomplete: autocomplete,
91
- margin: margin,
92
- size: size,
93
- tabIndex: tabIndex,
94
- ref: ref
95
- })));
96
- });
97
-
98
- var sizes = {
99
- small: "240px",
100
- medium: "360px",
101
- large: "480px",
102
- fillParent: "100%"
103
- };
104
-
105
- var NumberContainer = _styledComponents["default"].div(_templateObject());
106
-
107
- DxcNumber.propTypes = {
108
- label: _propTypes["default"].string,
109
- name: _propTypes["default"].string,
110
- value: _propTypes["default"].string,
111
- helperText: _propTypes["default"].string,
112
- placeholder: _propTypes["default"].string,
113
- error: _propTypes["default"].string,
114
- disabled: _propTypes["default"].bool,
115
- optional: _propTypes["default"].bool,
116
- prefix: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].shape({
117
- type: _propTypes["default"].oneOf(["svg"])
118
- })]),
119
- suffix: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].shape({
120
- type: _propTypes["default"].oneOf(["svg"])
121
- })]),
122
- min: _propTypes["default"].number,
123
- max: _propTypes["default"].number,
124
- step: _propTypes["default"].number,
125
- onChange: _propTypes["default"].func,
126
- onBlur: _propTypes["default"].func,
127
- autocomplete: _propTypes["default"].string,
128
- margin: _propTypes["default"].oneOfType([_propTypes["default"].shape({
129
- top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
130
- bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
131
- left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
132
- right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
133
- }), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))]),
134
- size: _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(sizes))),
135
- tabIndex: _propTypes["default"].number
136
- };
137
- var _default = DxcNumber;
138
- 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;