@dxc-technology/halstack-react 0.0.0-b3da1a9 → 0.0.0-b3de035

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 (51) hide show
  1. package/dist/ThemeContext.js +7 -7
  2. package/dist/V3Select/V3Select.js +549 -0
  3. package/dist/V3Select/index.d.ts +27 -0
  4. package/dist/V3Textarea/index.d.ts +27 -0
  5. package/dist/accordion/index.d.ts +28 -0
  6. package/dist/accordion-group/index.d.ts +16 -0
  7. package/dist/box/index.d.ts +25 -0
  8. package/dist/button/index.d.ts +24 -0
  9. package/dist/card/index.d.ts +22 -0
  10. package/dist/checkbox/index.d.ts +24 -0
  11. package/dist/chip/index.d.ts +22 -0
  12. package/dist/common/variables.js +125 -129
  13. package/dist/date/Date.js +6 -6
  14. package/dist/date/index.d.ts +27 -0
  15. package/dist/dialog/index.d.ts +18 -0
  16. package/dist/dropdown/index.d.ts +26 -0
  17. package/dist/file-input/FileItem.js +8 -1
  18. package/dist/file-input/index.d.ts +1 -1
  19. package/dist/footer/index.d.ts +25 -0
  20. package/dist/header/index.d.ts +25 -0
  21. package/dist/heading/index.d.ts +17 -0
  22. package/dist/input-text/index.d.ts +36 -0
  23. package/dist/link/index.d.ts +23 -0
  24. package/dist/main.d.ts +36 -4
  25. package/dist/main.js +8 -8
  26. package/dist/paginator/Paginator.js +3 -3
  27. package/dist/paginator/index.d.ts +20 -0
  28. package/dist/password-input/PasswordInput.js +6 -1
  29. package/dist/progress-bar/index.d.ts +18 -0
  30. package/dist/radio/index.d.ts +23 -0
  31. package/dist/resultsetTable/index.d.ts +19 -0
  32. package/dist/select/Select.js +822 -302
  33. package/dist/{new-select → select}/index.d.ts +1 -1
  34. package/dist/sidenav/index.d.ts +13 -0
  35. package/dist/slider/index.d.ts +29 -0
  36. package/dist/spinner/index.d.ts +17 -0
  37. package/dist/switch/index.d.ts +24 -0
  38. package/dist/table/index.d.ts +13 -0
  39. package/dist/tabs/index.d.ts +19 -0
  40. package/dist/tag/index.d.ts +24 -0
  41. package/dist/text-input/TextInput.js +3 -0
  42. package/dist/toggle/index.d.ts +21 -0
  43. package/dist/toggle-group/index.d.ts +21 -0
  44. package/dist/upload/Upload.js +3 -3
  45. package/dist/upload/index.d.ts +15 -0
  46. package/dist/wizard/index.d.ts +18 -0
  47. package/package.json +1 -1
  48. package/test/Date.test.js +34 -36
  49. package/test/Upload.test.js +4 -4
  50. package/test/{Select.test.js → V3Select.test.js} +12 -12
  51. package/dist/new-select/NewSelect.js +0 -1085
@@ -0,0 +1,25 @@
1
+ type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
2
+ type Margin = {
3
+ top?: Space;
4
+ bottom?: Space;
5
+ left?: Space;
6
+ right?: Space;
7
+ };
8
+ type Padding = {
9
+ top?: Space;
10
+ bottom?: Space;
11
+ left?: Space;
12
+ right?: Space;
13
+ };
14
+
15
+ type Props = {
16
+ underlined?: boolean;
17
+ onClick?: void;
18
+ content?: any;
19
+ responsiveContent?: any;
20
+ margin?: Space | Margin;
21
+ padding?: Space | Padding;
22
+ tabIndex?: number;
23
+ };
24
+
25
+ export default function DxcHeader(props: Props): JSX.Element;
@@ -0,0 +1,17 @@
1
+ type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
2
+ type Margin = {
3
+ top?: Space;
4
+ bottom?: Space;
5
+ left?: Space;
6
+ right?: Space;
7
+ };
8
+
9
+ type Props = {
10
+ level?: 1 | 2 | 3 | 4 | 5;
11
+ text?: string;
12
+ as?: "h1" | "h2" | "h3" | "h4" | "h5";
13
+ weight?: "light" | "normal" | "bold";
14
+ margin?: Space | Margin;
15
+ };
16
+
17
+ export default function DxcHeading(props: Props): JSX.Element;
@@ -0,0 +1,36 @@
1
+ type Size = "small" | "medium" | "large" | "fillParent";
2
+ type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
3
+ type Margin = {
4
+ top?: Space;
5
+ bottom?: Space;
6
+ left?: Space;
7
+ right?: Space;
8
+ };
9
+
10
+ type Props = {
11
+ label?: string;
12
+ name?: string;
13
+ value?: string;
14
+ assistiveText?: string;
15
+ disabled?: boolean;
16
+ prefix?: string;
17
+ suffix?: string;
18
+ prefixIcon?: any;
19
+ suffixIcon?: any;
20
+ prefixIconSrc?: string;
21
+ suffixIconSrc?: string;
22
+ onClickPrefix?: void;
23
+ onClickSuffix?: void;
24
+ onChange?: void;
25
+ onBlur?: void;
26
+ invalid?: boolean;
27
+ required?: void;
28
+ isMasked?: boolean;
29
+ placeholder?: string;
30
+ autocompleteOptions?: any;
31
+ margin?: Space | Margin;
32
+ size?: Size;
33
+ tabIndex?: number;
34
+ };
35
+
36
+ export default function DxcInputText(props: Props): JSX.Element;
@@ -0,0 +1,23 @@
1
+ type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
2
+ type Margin = {
3
+ top?: Space;
4
+ bottom?: Space;
5
+ left?: Space;
6
+ right?: Space;
7
+ };
8
+
9
+ type Props = {
10
+ inheritColor?: boolean;
11
+ disabled?: boolean;
12
+ iconSrc?: string;
13
+ icon?: any;
14
+ iconPosition?: "before" | "after";
15
+ href?: string;
16
+ newWindow?: boolean;
17
+ onClick?: void;
18
+ text?: string;
19
+ margin?: Space | Margin;
20
+ tabIndex?: number;
21
+ };
22
+
23
+ export default function DxcLink(props: Props): JSX.Element;
package/dist/main.d.ts CHANGED
@@ -1,8 +1,40 @@
1
+ export { default as DxcAccordion } from "./accordion/index";
2
+ export { default as DxcAccordionGroup } from "./accordion-group/index";
1
3
  export { default as DxcAlert } from "./alert/index";
2
- export { default as DxcNewSelect } from "./new-select/index";
3
- export { default as DxcTextInput } from "./text-input/index";
4
+ export { default as DxcBox } from "./box/index";
5
+ export { default as DxcButton } from "./button/index";
6
+ export { default as DxcCard } from "./card/index";
7
+ export { default as DxcCheckbox } from "./checkbox/index";
8
+ export { default as DxcChip } from "./chip/index";
9
+ export { default as DxcDate } from "./date/index";
4
10
  export { default as DxcDateInput } from "./date-input/index";
5
- export { default as DxcTextarea } from "./textarea/index";
11
+ export { default as DxcDialog } from "./dialog/index";
12
+ export { default as DxcDropdown } from "./dropdown/index";
13
+ export { default as DxcFileInput } from "./file-input/index";
14
+ export { default as DxcFooter } from "./footer/index";
15
+ export { default as DxcHeader } from "./header/index";
16
+ export { default as DxcHeading } from "./heading/index";
17
+ export { default as DxcInputText } from "./input-text/index";
18
+ export { default as DxcLink } from "./link/index";
6
19
  export { default as DxcNumberInput } from "./number-input/index";
20
+ export { default as DxcPaginator } from "./paginator/index";
7
21
  export { default as DxcPasswordInput } from "./password-input/index";
8
- export { default as DxcFileInput } from "./file-input/index";
22
+ export { default as DxcProgressBar } from "./progress-bar/index";
23
+ export { default as DxcRadio } from "./radio/index";
24
+ export { default as DxcResultsetTable } from "./resultsetTable/index";
25
+ export { default as DxcSelect } from "./select/index";
26
+ export { default as DxcSidenav } from "./sidenav/index";
27
+ export { default as DxcSlider } from "./slider/index";
28
+ export { default as DxcSpinner } from "./spinner/index";
29
+ export { default as DxcSwitch } from "./switch/index";
30
+ export { default as DxcTable } from "./table/index";
31
+ export { default as DxcTabs } from "./tabs/index";
32
+ export { default as DxcTag } from "./tag/index";
33
+ export { default as DxcTextInput } from "./text-input/index";
34
+ export { default as DxcTextarea } from "./textarea/index";
35
+ export { default as DxcToggle } from "./toggle/index";
36
+ export { default as DxcToggleGroup } from "./toggle-group/index";
37
+ export { default as DxcUpload } from "./upload/index";
38
+ export { default as V3DxcSelect } from "./V3Select/index";
39
+ export { default as V3DxcTextarea } from "./V3Textarea/index";
40
+ export { default as DxcWizard } from "./wizard/index";
package/dist/main.js CHANGED
@@ -37,7 +37,7 @@ Object.defineProperty(exports, "DxcCheckbox", {
37
37
  return _Checkbox["default"];
38
38
  }
39
39
  });
40
- Object.defineProperty(exports, "V3DxcDate", {
40
+ Object.defineProperty(exports, "DxcDate", {
41
41
  enumerable: true,
42
42
  get: function get() {
43
43
  return _Date["default"];
@@ -79,10 +79,10 @@ Object.defineProperty(exports, "DxcRadio", {
79
79
  return _Radio["default"];
80
80
  }
81
81
  });
82
- Object.defineProperty(exports, "DxcSelect", {
82
+ Object.defineProperty(exports, "V3DxcSelect", {
83
83
  enumerable: true,
84
84
  get: function get() {
85
- return _Select["default"];
85
+ return _V3Select["default"];
86
86
  }
87
87
  });
88
88
  Object.defineProperty(exports, "DxcSlider", {
@@ -115,7 +115,7 @@ Object.defineProperty(exports, "DxcSpinner", {
115
115
  return _Spinner["default"];
116
116
  }
117
117
  });
118
- Object.defineProperty(exports, "V3DxcUpload", {
118
+ Object.defineProperty(exports, "DxcUpload", {
119
119
  enumerable: true,
120
120
  get: function get() {
121
121
  return _Upload["default"];
@@ -241,10 +241,10 @@ Object.defineProperty(exports, "DxcTextarea", {
241
241
  return _Textarea["default"];
242
242
  }
243
243
  });
244
- Object.defineProperty(exports, "DxcNewSelect", {
244
+ Object.defineProperty(exports, "DxcSelect", {
245
245
  enumerable: true,
246
246
  get: function get() {
247
- return _NewSelect["default"];
247
+ return _Select["default"];
248
248
  }
249
249
  });
250
250
  Object.defineProperty(exports, "DxcFileInput", {
@@ -296,7 +296,7 @@ var _InputText = _interopRequireDefault(require("./input-text/InputText"));
296
296
 
297
297
  var _Radio = _interopRequireDefault(require("./radio/Radio"));
298
298
 
299
- var _Select = _interopRequireDefault(require("./select/Select"));
299
+ var _V3Select = _interopRequireDefault(require("./V3Select/V3Select"));
300
300
 
301
301
  var _Slider = _interopRequireDefault(require("./slider/Slider"));
302
302
 
@@ -350,7 +350,7 @@ var _NumberInput = _interopRequireDefault(require("./number-input/NumberInput"))
350
350
 
351
351
  var _Textarea = _interopRequireDefault(require("./textarea/Textarea"));
352
352
 
353
- var _NewSelect = _interopRequireDefault(require("./new-select/NewSelect"));
353
+ var _Select = _interopRequireDefault(require("./select/Select"));
354
354
 
355
355
  var _FileInput = _interopRequireDefault(require("./file-input/FileInput"));
356
356
 
@@ -23,7 +23,7 @@ var _useTheme = _interopRequireDefault(require("../useTheme.js"));
23
23
 
24
24
  var _Button = _interopRequireDefault(require("../button/Button"));
25
25
 
26
- var _Select = _interopRequireDefault(require("../select/Select"));
26
+ var _V3Select = _interopRequireDefault(require("../V3Select/V3Select"));
27
27
 
28
28
  var _Icons = require("./Icons");
29
29
 
@@ -133,7 +133,7 @@ var DxcPaginator = function DxcPaginator(_ref) {
133
133
  color: colorsTheme.paginator.backgroundColor
134
134
  }, _react["default"].createElement(DxcPaginatorContainer, {
135
135
  disabled: currentPageInternal === 1
136
- }, _react["default"].createElement(LabelsContainer, null, itemsPerPageOptions && _react["default"].createElement(ItemsPageContainer, null, _react["default"].createElement(ItemsLabel, null, "Items per page "), _react["default"].createElement(_Select["default"], {
136
+ }, _react["default"].createElement(LabelsContainer, null, itemsPerPageOptions && _react["default"].createElement(ItemsPageContainer, null, _react["default"].createElement(ItemsLabel, null, "Items per page "), _react["default"].createElement(_V3Select["default"], {
137
137
  options: itemsPerPageOptions.map(function (num) {
138
138
  return {
139
139
  label: num,
@@ -170,7 +170,7 @@ var DxcPaginator = function DxcPaginator(_ref) {
170
170
  onClick: function onClick() {
171
171
  onPageChange(currentPage - 1);
172
172
  }
173
- }), showGoToPage && _react["default"].createElement(PageToSelectContainer, null, _react["default"].createElement(GoToLabel, null, "Go to page: "), _react["default"].createElement(_Select["default"], {
173
+ }), showGoToPage && _react["default"].createElement(PageToSelectContainer, null, _react["default"].createElement(GoToLabel, null, "Go to page: "), _react["default"].createElement(_V3Select["default"], {
174
174
  options: (0, _toConsumableArray2["default"])(Array(totalPages).keys()).map(function (num) {
175
175
  return {
176
176
  label: num + 1,
@@ -0,0 +1,20 @@
1
+ type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
2
+ type Margin = {
3
+ top?: Space;
4
+ bottom?: Space;
5
+ left?: Space;
6
+ right?: Space;
7
+ };
8
+
9
+ type Props = {
10
+ currentPage?: number;
11
+ itemsPerPage?: number;
12
+ itemsPerPageOptions?: number[];
13
+ totalItems?: number
14
+ showGoToPage?: boolean,
15
+ onPageChange?: void;
16
+ itemsPerPageFunction?: void;
17
+ tabIndex?: number;
18
+ };
19
+
20
+ export default function DxcPaginator(props: Props): JSX.Element;
@@ -91,6 +91,10 @@ var DxcPasswordInput = _react["default"].forwardRef(function (_ref, ref) {
91
91
  }
92
92
  };
93
93
 
94
+ var getIconTitle = function getIconTitle() {
95
+ return isPasswordVisible ? "Hide password" : "Show password";
96
+ };
97
+
94
98
  (0, _react.useEffect)(function () {
95
99
  setAriaAttributes(false, "Show");
96
100
 
@@ -137,7 +141,8 @@ var DxcPasswordInput = _react["default"].forwardRef(function (_ref, ref) {
137
141
  fill: "none"
138
142
  }), _react["default"].createElement("path", {
139
143
  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"
140
- }))
144
+ })),
145
+ title: getIconTitle()
141
146
  };
142
147
  return _react["default"].createElement(PasswordInput, {
143
148
  ref: ref
@@ -0,0 +1,18 @@
1
+ type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
2
+ type Margin = {
3
+ top?: Space;
4
+ bottom?: Space;
5
+ left?: Space;
6
+ right?: Space;
7
+ };
8
+
9
+ type Props = {
10
+ label?: string;
11
+ helperText?: string;
12
+ overlay?: boolean;
13
+ value?: number;
14
+ showValue?: boolean,
15
+ margin?: Space | Margin;
16
+ };
17
+
18
+ export default function DxcProgressBar(props: Props): JSX.Element;
@@ -0,0 +1,23 @@
1
+ type Size = "small" | "medium" | "large" | "fillParent" | "fitContent";
2
+ type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
3
+ type Margin = {
4
+ top?: Space;
5
+ bottom?: Space;
6
+ left?: Space;
7
+ right?: Space;
8
+ };
9
+
10
+ type Props = {
11
+ checked?: boolean;
12
+ value?: any;
13
+ label?: string;
14
+ labelPosition?: "before" | "after";
15
+ name?: string,
16
+ disabled?: boolean;
17
+ onClick?: void;
18
+ required?: boolean;
19
+ margin?: Space | Margin;
20
+ size?: Size;
21
+ };
22
+
23
+ export default function DxcRadio(props: Props): JSX.Element;
@@ -0,0 +1,19 @@
1
+ type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
2
+ type Margin = {
3
+ top?: Space;
4
+ bottom?: Space;
5
+ left?: Space;
6
+ right?: Space;
7
+ };
8
+
9
+ type Props = {
10
+ columns?: any;
11
+ rows?: any;
12
+ itemsPerPage?: number;
13
+ itemsPerPageOptions?: number[];
14
+ itemsPerPageFunction?: void,
15
+ margin?: Space | Margin;
16
+ tabIndex?: number;
17
+ };
18
+
19
+ export default function DxcResultsetTable(props: Props): JSX.Element;