@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.
- package/dist/ThemeContext.js +7 -7
- package/dist/V3Select/V3Select.js +549 -0
- package/dist/V3Select/index.d.ts +27 -0
- package/dist/V3Textarea/index.d.ts +27 -0
- package/dist/accordion/index.d.ts +28 -0
- package/dist/accordion-group/index.d.ts +16 -0
- package/dist/box/index.d.ts +25 -0
- package/dist/button/index.d.ts +24 -0
- package/dist/card/index.d.ts +22 -0
- package/dist/checkbox/index.d.ts +24 -0
- package/dist/chip/index.d.ts +22 -0
- package/dist/common/variables.js +125 -129
- package/dist/date/Date.js +6 -6
- package/dist/date/index.d.ts +27 -0
- package/dist/dialog/index.d.ts +18 -0
- package/dist/dropdown/index.d.ts +26 -0
- package/dist/file-input/FileItem.js +8 -1
- package/dist/file-input/index.d.ts +1 -1
- package/dist/footer/index.d.ts +25 -0
- package/dist/header/index.d.ts +25 -0
- package/dist/heading/index.d.ts +17 -0
- package/dist/input-text/index.d.ts +36 -0
- package/dist/link/index.d.ts +23 -0
- package/dist/main.d.ts +36 -4
- package/dist/main.js +8 -8
- package/dist/paginator/Paginator.js +3 -3
- package/dist/paginator/index.d.ts +20 -0
- package/dist/password-input/PasswordInput.js +6 -1
- package/dist/progress-bar/index.d.ts +18 -0
- package/dist/radio/index.d.ts +23 -0
- package/dist/resultsetTable/index.d.ts +19 -0
- package/dist/select/Select.js +822 -302
- package/dist/{new-select → select}/index.d.ts +1 -1
- package/dist/sidenav/index.d.ts +13 -0
- package/dist/slider/index.d.ts +29 -0
- package/dist/spinner/index.d.ts +17 -0
- package/dist/switch/index.d.ts +24 -0
- package/dist/table/index.d.ts +13 -0
- package/dist/tabs/index.d.ts +19 -0
- package/dist/tag/index.d.ts +24 -0
- package/dist/text-input/TextInput.js +3 -0
- package/dist/toggle/index.d.ts +21 -0
- package/dist/toggle-group/index.d.ts +21 -0
- package/dist/upload/Upload.js +3 -3
- package/dist/upload/index.d.ts +15 -0
- package/dist/wizard/index.d.ts +18 -0
- package/package.json +1 -1
- package/test/Date.test.js +34 -36
- package/test/Upload.test.js +4 -4
- package/test/{Select.test.js → V3Select.test.js} +12 -12
- 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
|
|
3
|
-
export { default as
|
|
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
|
|
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
|
|
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, "
|
|
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, "
|
|
82
|
+
Object.defineProperty(exports, "V3DxcSelect", {
|
|
83
83
|
enumerable: true,
|
|
84
84
|
get: function get() {
|
|
85
|
-
return
|
|
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, "
|
|
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, "
|
|
244
|
+
Object.defineProperty(exports, "DxcSelect", {
|
|
245
245
|
enumerable: true,
|
|
246
246
|
get: function get() {
|
|
247
|
-
return
|
|
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
|
|
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
|
|
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
|
|
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(
|
|
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(
|
|
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;
|