@dxc-technology/halstack-react 0.0.0-228c4cf → 0.0.0-23f04da
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/README.md +1 -1
- 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/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/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/InputText.js +4 -4
- 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 +3 -3
- package/dist/paginator/Paginator.js +51 -29
- package/dist/paginator/index.d.ts +20 -0
- 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 +54 -27
- 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/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/InputText.test.js +16 -24
- package/test/Paginator.test.js +5 -1
- package/test/ResultsetTable.test.js +5 -4
- package/test/Select.test.js +415 -0
- package/test/TextInput.test.js +5 -5
- package/test/Upload.test.js +4 -4
package/README.md
CHANGED
|
@@ -35,7 +35,7 @@ Install the library dependencies.
|
|
|
35
35
|
npm install
|
|
36
36
|
```
|
|
37
37
|
|
|
38
|
-
Run the build process into `dist` folder, detecting and automatically building changes in src.
|
|
38
|
+
Run the build process into `dist` folder, detecting and automatically building changes in src.
|
|
39
39
|
|
|
40
40
|
```bash
|
|
41
41
|
npm run build:watch #'npm run build' if there is no need to watch for changes
|
|
@@ -0,0 +1,27 @@
|
|
|
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
|
+
value?: any;
|
|
12
|
+
name?: string;
|
|
13
|
+
onChange?: void;
|
|
14
|
+
label?: string,
|
|
15
|
+
assistiveText?: string;
|
|
16
|
+
required?: boolean;
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
invalid?: boolean;
|
|
19
|
+
options?: any;
|
|
20
|
+
iconPosition?: "before" | "after";
|
|
21
|
+
multiple?: boolean;
|
|
22
|
+
margin?: Space | Margin;
|
|
23
|
+
size?: Size;
|
|
24
|
+
tabIndex?: number;
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
export default function V3DxcSelect(props: Props): JSX.Element;
|
|
@@ -0,0 +1,27 @@
|
|
|
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
|
+
onChange?: void;
|
|
17
|
+
onBlur?: void;
|
|
18
|
+
numRows?: number;
|
|
19
|
+
required?: boolean;
|
|
20
|
+
invalid?: boolean;
|
|
21
|
+
placeholder?: string;
|
|
22
|
+
margin?: Space | Margin;
|
|
23
|
+
size?: Size;
|
|
24
|
+
tabIndex?: number;
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
export default function V3DxcTextarea(props: Props): JSX.Element;
|
|
@@ -0,0 +1,28 @@
|
|
|
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
|
+
label?: string;
|
|
17
|
+
iconSrc?: string;
|
|
18
|
+
icon?: any;
|
|
19
|
+
assistiveText?: string;
|
|
20
|
+
disabled?: boolean;
|
|
21
|
+
onChange?: void;
|
|
22
|
+
isExpanded?: boolean;
|
|
23
|
+
margin?: Space | Margin;
|
|
24
|
+
padding?: Space | Padding;
|
|
25
|
+
tabIndex?: number;
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
export default function DxcAccordion(props: Props): JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
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
|
+
disabled?: boolean;
|
|
11
|
+
onActiveChange?: void;
|
|
12
|
+
indexActive?: number;
|
|
13
|
+
margin?: Space | Margin;
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
export default function DxcAccordionGroup(props: Props): JSX.Element;
|
|
@@ -0,0 +1,25 @@
|
|
|
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
|
+
type Padding = {
|
|
10
|
+
top?: Space;
|
|
11
|
+
bottom?: Space;
|
|
12
|
+
left?: Space;
|
|
13
|
+
right?: Space;
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
type Props = {
|
|
18
|
+
shadowDepth?: 0 | 1 | 2;
|
|
19
|
+
margin?: Space | Margin;
|
|
20
|
+
padging?: Space | Padding;
|
|
21
|
+
display: string;
|
|
22
|
+
size: Size;
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export default function DxcBox(props: Props): JSX.Element;
|
|
@@ -0,0 +1,24 @@
|
|
|
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
|
+
label?: string;
|
|
12
|
+
mode?: "primary" | "secondary" | "text";
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
iconPosition?: "before" | "after";
|
|
15
|
+
type?: "button" | "reset" | "submit";
|
|
16
|
+
iconSrc?: string;
|
|
17
|
+
icon?: any;
|
|
18
|
+
onClick?: void;
|
|
19
|
+
margin?: Space | Margin;
|
|
20
|
+
size?: Size;
|
|
21
|
+
tabIndex?: number;
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export default function DxcButton(props: Props): JSX.Element;
|
|
@@ -0,0 +1,22 @@
|
|
|
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
|
+
imageSrc?: string;
|
|
11
|
+
margin?: Space | Margin;
|
|
12
|
+
contentPadding?: any;
|
|
13
|
+
linkHref?: string;
|
|
14
|
+
onClick?: void;
|
|
15
|
+
imageBgColor?: string;
|
|
16
|
+
imagePadding?: any;
|
|
17
|
+
imagePosition?: "before" | "after";
|
|
18
|
+
outlined?: boolean;
|
|
19
|
+
imageCover?: boolean;
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export default function DxcCard(props: Props): JSX.Element;
|
|
@@ -0,0 +1,24 @@
|
|
|
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
|
+
onChange?: void;
|
|
18
|
+
required?: boolean;
|
|
19
|
+
margin?: Space | Margin;
|
|
20
|
+
size?: Size;
|
|
21
|
+
tabIndex?: number;
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export default function DxcCheckbox(props: Props): JSX.Element;
|
|
@@ -0,0 +1,22 @@
|
|
|
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
|
+
suffixIcon?: any;
|
|
12
|
+
preffixIcon?: any;
|
|
13
|
+
suffixIconSrc?: string;
|
|
14
|
+
onClickSuffix?: void;
|
|
15
|
+
prefixIconSrc?: string;
|
|
16
|
+
onClickPrefix?: void;
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
margin?: Space | Margin;
|
|
19
|
+
tabIndex?: number;
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export default function DxcChip(props: Props): JSX.Element;
|
package/dist/date/Date.js
CHANGED
|
@@ -41,7 +41,7 @@ var _variables = require("../common/variables.js");
|
|
|
41
41
|
|
|
42
42
|
var _useTheme = _interopRequireDefault(require("../useTheme.js"));
|
|
43
43
|
|
|
44
|
-
var
|
|
44
|
+
var _DxcDate$propTypes;
|
|
45
45
|
|
|
46
46
|
function _templateObject() {
|
|
47
47
|
var data = (0, _taggedTemplateLiteral2["default"])([""]);
|
|
@@ -53,7 +53,7 @@ function _templateObject() {
|
|
|
53
53
|
return data;
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
var
|
|
56
|
+
var DxcDate = function DxcDate(_ref) {
|
|
57
57
|
var value = _ref.value,
|
|
58
58
|
_ref$format = _ref.format,
|
|
59
59
|
format = _ref$format === void 0 ? "dd-MM-yyyy" : _ref$format,
|
|
@@ -356,7 +356,7 @@ var sizes = {
|
|
|
356
356
|
|
|
357
357
|
var StyledDPicker = _styledComponents["default"].div(_templateObject());
|
|
358
358
|
|
|
359
|
-
|
|
359
|
+
DxcDate.propTypes = (_DxcDate$propTypes = {
|
|
360
360
|
value: _propTypes["default"].string,
|
|
361
361
|
format: _propTypes["default"].string,
|
|
362
362
|
label: _propTypes["default"].string,
|
|
@@ -369,11 +369,11 @@ V3DxcDate.propTypes = (_V3DxcDate$propTypes = {
|
|
|
369
369
|
invalid: _propTypes["default"].bool,
|
|
370
370
|
onChange: _propTypes["default"].func,
|
|
371
371
|
onBlur: _propTypes["default"].func
|
|
372
|
-
}, (0, _defineProperty2["default"])(
|
|
372
|
+
}, (0, _defineProperty2["default"])(_DxcDate$propTypes, "onChange", _propTypes["default"].func), (0, _defineProperty2["default"])(_DxcDate$propTypes, "size", _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(sizes)))), (0, _defineProperty2["default"])(_DxcDate$propTypes, "margin", _propTypes["default"].oneOfType([_propTypes["default"].shape({
|
|
373
373
|
top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
|
|
374
374
|
bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
|
|
375
375
|
left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
|
|
376
376
|
right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
|
|
377
|
-
}), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))])), (0, _defineProperty2["default"])(
|
|
378
|
-
var _default =
|
|
377
|
+
}), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))])), (0, _defineProperty2["default"])(_DxcDate$propTypes, "tabIndex", _propTypes["default"].number), _DxcDate$propTypes);
|
|
378
|
+
var _default = DxcDate;
|
|
379
379
|
exports["default"] = _default;
|
|
@@ -0,0 +1,27 @@
|
|
|
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
|
+
value?: string;
|
|
12
|
+
format?: string;
|
|
13
|
+
label?: string;
|
|
14
|
+
name?: string,
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
required?: boolean;
|
|
17
|
+
assistiveText?: string;
|
|
18
|
+
invalid?: boolean;
|
|
19
|
+
onChange?: void;
|
|
20
|
+
placeholder?: string;
|
|
21
|
+
onBlur?: void;
|
|
22
|
+
margin?: Space | Margin;
|
|
23
|
+
size?: Size;
|
|
24
|
+
tabIndex?: number;
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
export default function DxcDate(props: Props): JSX.Element;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
|
|
2
|
+
type Padding = {
|
|
3
|
+
top?: Space;
|
|
4
|
+
bottom?: Space;
|
|
5
|
+
left?: Space;
|
|
6
|
+
right?: Space;
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
type Props = {
|
|
10
|
+
isCloseVisible?: boolean;
|
|
11
|
+
onCloseClick?: void;
|
|
12
|
+
overlay?: boolean;
|
|
13
|
+
onBackgroundClick?: void;
|
|
14
|
+
padding?: Padding,
|
|
15
|
+
tabIndex?: number;
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
export default function DxcDialog(props: Props): JSX.Element;
|
|
@@ -0,0 +1,26 @@
|
|
|
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
|
+
options?: any;
|
|
12
|
+
optionsIconPosition?: "before" | "after";
|
|
13
|
+
icon?: any;
|
|
14
|
+
iconSrc?: string;
|
|
15
|
+
iconPosition?: "before" | "after";
|
|
16
|
+
label?: string;
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
caretHidden?: boolean;
|
|
19
|
+
onSelectOption?: void;
|
|
20
|
+
expandOnHover?: boolean;
|
|
21
|
+
margin?: Space | Margin;
|
|
22
|
+
size?: Size;
|
|
23
|
+
tabIndex?: number;
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
export default function DxcDropdown(props: Props): JSX.Element;
|
|
@@ -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
|
+
socialLinks?: any;
|
|
17
|
+
bottomLinks?: any;
|
|
18
|
+
copyright?: string;
|
|
19
|
+
padding?: Space | Padding;
|
|
20
|
+
margin?: Space | Margin;
|
|
21
|
+
tabIndex?: number;
|
|
22
|
+
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export default function DxcFooter(props: Props): JSX.Element;
|
|
@@ -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;
|
|
@@ -136,7 +136,7 @@ function _templateObject2() {
|
|
|
136
136
|
}
|
|
137
137
|
|
|
138
138
|
function _templateObject() {
|
|
139
|
-
var data = (0, _taggedTemplateLiteral2["default"])(["\n padding-left: 12px;\n color:red;\n"]);
|
|
139
|
+
var data = (0, _taggedTemplateLiteral2["default"])(["\n padding-left: 12px;\n color: red;\n"]);
|
|
140
140
|
|
|
141
141
|
_templateObject = function _templateObject() {
|
|
142
142
|
return data;
|
|
@@ -166,7 +166,7 @@ var makeCancelable = function makeCancelable(promise) {
|
|
|
166
166
|
};
|
|
167
167
|
};
|
|
168
168
|
|
|
169
|
-
var
|
|
169
|
+
var DxcInputText = function DxcInputText(_ref) {
|
|
170
170
|
var _ref$label = _ref.label,
|
|
171
171
|
label = _ref$label === void 0 ? " " : _ref$label,
|
|
172
172
|
_ref$name = _ref.name,
|
|
@@ -670,7 +670,7 @@ var TextContainer = _styledComponents["default"].div(_templateObject10(), functi
|
|
|
670
670
|
return props.backgroundType === "dark" ? props.theme.disabledColorOnDark : props.theme.disabledColor;
|
|
671
671
|
});
|
|
672
672
|
|
|
673
|
-
|
|
673
|
+
DxcInputText.propTypes = {
|
|
674
674
|
label: _propTypes["default"].string,
|
|
675
675
|
name: _propTypes["default"].string,
|
|
676
676
|
value: _propTypes["default"].string,
|
|
@@ -701,5 +701,5 @@ V3DxcInputText.propTypes = {
|
|
|
701
701
|
autocompleteOptions: _propTypes["default"].any,
|
|
702
702
|
tabIndex: _propTypes["default"].number
|
|
703
703
|
};
|
|
704
|
-
var _default =
|
|
704
|
+
var _default = DxcInputText;
|
|
705
705
|
exports["default"] = _default;
|
|
@@ -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"];
|
|
@@ -67,7 +67,7 @@ Object.defineProperty(exports, "DxcHeader", {
|
|
|
67
67
|
return _Header["default"];
|
|
68
68
|
}
|
|
69
69
|
});
|
|
70
|
-
Object.defineProperty(exports, "
|
|
70
|
+
Object.defineProperty(exports, "DxcInputText", {
|
|
71
71
|
enumerable: true,
|
|
72
72
|
get: function get() {
|
|
73
73
|
return _InputText["default"];
|
|
@@ -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"];
|