dibk-design 3.7.0 → 3.7.1
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/components/CheckBoxInput.js +2 -4
- package/dist/components/CheckBoxListItem.js +2 -3
- package/dist/components/DragAndDropFileInput.js +4 -4
- package/dist/components/InputField.js +1 -3
- package/dist/components/RadioButtonInput.js +2 -4
- package/dist/components/RadioButtonListItem.js +1 -3
- package/dist/components/Select.js +0 -2
- package/package.json +1 -1
|
@@ -34,8 +34,7 @@ const CheckBoxInput = props => {
|
|
|
34
34
|
tabIndex: props.tabIndex || null,
|
|
35
35
|
"aria-controls": props["aria-controls"],
|
|
36
36
|
"aria-invalid": props.hasErrors ? "true" : null,
|
|
37
|
-
"aria-describedby": props["aria-describedby"]
|
|
38
|
-
"data-transaction-name": props["data-transaction-name"]
|
|
37
|
+
"aria-describedby": props["aria-describedby"]
|
|
39
38
|
};
|
|
40
39
|
return _react.default.createElement("label", labelProps, !props.contentOnly ? _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_CheckBoxIcon.default, iconProps), _react.default.createElement("input", inputProps)) : _react.default.createElement(_CheckBoxIcon.default, iconProps), _react.default.createElement("span", null, props.children, props.required && _react.default.createElement("img", {
|
|
41
40
|
src: _asterisk.default,
|
|
@@ -56,8 +55,7 @@ CheckBoxInput.propTypes = {
|
|
|
56
55
|
theme: _propTypes.default.object,
|
|
57
56
|
checkmarkCharacter: _propTypes.default.string,
|
|
58
57
|
"aria-controls": _propTypes.default.string,
|
|
59
|
-
"aria-describedby": _propTypes.default.string
|
|
60
|
-
"data-transaction-name": _propTypes.default.string
|
|
58
|
+
"aria-describedby": _propTypes.default.string
|
|
61
59
|
};
|
|
62
60
|
CheckBoxInput.defaultProps = {
|
|
63
61
|
checked: false,
|
|
@@ -23,8 +23,8 @@ const CheckBoxListItem = props => {
|
|
|
23
23
|
hasErrors: props.hasErrors,
|
|
24
24
|
"aria-controls": props["aria-controls"],
|
|
25
25
|
"aria-describedby": props["aria-describedby"],
|
|
26
|
-
"data-transaction-name": props["data-transaction-name"],
|
|
27
26
|
id: props.id,
|
|
27
|
+
name: props.name,
|
|
28
28
|
theme: props.theme,
|
|
29
29
|
checkmarkCharacter: props.checkmarkCharacter
|
|
30
30
|
};
|
|
@@ -46,8 +46,7 @@ CheckBoxListItem.propTypes = {
|
|
|
46
46
|
hasErrors: _propTypes.default.bool,
|
|
47
47
|
checkmarkCharacter: _propTypes.default.string,
|
|
48
48
|
"aria-controls": _propTypes.default.string,
|
|
49
|
-
"aria-describedby": _propTypes.default.string
|
|
50
|
-
"data-transaction-name": _propTypes.default.string
|
|
49
|
+
"aria-describedby": _propTypes.default.string
|
|
51
50
|
};
|
|
52
51
|
CheckBoxListItem.defaultProps = {
|
|
53
52
|
checked: false,
|
|
@@ -36,7 +36,7 @@ const DragAndDropFileInput = props => {
|
|
|
36
36
|
const inputElementProps = {
|
|
37
37
|
"aria-describedby": props.hasErrors && !!((_props$errorMessage = props.errorMessage) !== null && _props$errorMessage !== void 0 && _props$errorMessage.length) ? getErrorElementId() : !!((_props$ariaDescribed = props["aria-describedby"]) !== null && _props$ariaDescribed !== void 0 && _props$ariaDescribed.length) ? props["aria-describedby"] : null,
|
|
38
38
|
"aria-invalid": props.hasErrors ? "true" : null,
|
|
39
|
-
|
|
39
|
+
name: props.name,
|
|
40
40
|
required: props.required
|
|
41
41
|
};
|
|
42
42
|
let buttonContent;
|
|
@@ -95,7 +95,7 @@ const DragAndDropFileInput = props => {
|
|
|
95
95
|
onClick: () => handleAddButtonOnClick(),
|
|
96
96
|
content: buttonContent,
|
|
97
97
|
hasErrors: props.hasErrors,
|
|
98
|
-
"data-transaction-name": props["data-transaction-name
|
|
98
|
+
"data-transaction-name": props["data-transaction-name"]
|
|
99
99
|
})) : null) : null, props.contentOnly ? _react.default.createElement("span", null, renderValueAsText(props.selectedFileName, props.defaultContent)) : "", _react.default.createElement(_ErrorMessage.default, {
|
|
100
100
|
id: getErrorElementId(),
|
|
101
101
|
content: props.errorMessage,
|
|
@@ -104,6 +104,7 @@ const DragAndDropFileInput = props => {
|
|
|
104
104
|
};
|
|
105
105
|
DragAndDropFileInput.propTypes = {
|
|
106
106
|
id: _propTypes.default.string.isRequired,
|
|
107
|
+
name: _propTypes.default.string,
|
|
107
108
|
onSelectChange: _propTypes.default.func.isRequired,
|
|
108
109
|
onDragAndDropChange: _propTypes.default.func.isRequired,
|
|
109
110
|
label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]))]),
|
|
@@ -116,8 +117,7 @@ DragAndDropFileInput.propTypes = {
|
|
|
116
117
|
hasErrors: _propTypes.default.bool,
|
|
117
118
|
errorMessage: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]))]),
|
|
118
119
|
required: _propTypes.default.bool,
|
|
119
|
-
"data-transaction-name
|
|
120
|
-
"data-transaction-name-for-input": _propTypes.default.string,
|
|
120
|
+
"data-transaction-name": _propTypes.default.string,
|
|
121
121
|
theme: _propTypes.default.object
|
|
122
122
|
};
|
|
123
123
|
DragAndDropFileInput.defaultProps = {
|
|
@@ -59,7 +59,6 @@ const InputField = props => {
|
|
|
59
59
|
"aria-describedby": props.hasErrors && !!((_props$errorMessage = props.errorMessage) !== null && _props$errorMessage !== void 0 && _props$errorMessage.length) ? getErrorElementId() : !!((_props$ariaDescribed = props["aria-describedby"]) !== null && _props$ariaDescribed !== void 0 && _props$ariaDescribed.length) ? props["aria-describedby"] : null,
|
|
60
60
|
"aria-invalid": props.hasErrors ? "true" : null,
|
|
61
61
|
"aria-autocomplete": props["aria-autocomplete"] || null,
|
|
62
|
-
"data-transaction-name": props["data-transaction-name"] || null,
|
|
63
62
|
style: styleRules
|
|
64
63
|
};
|
|
65
64
|
};
|
|
@@ -120,8 +119,7 @@ InputField.propTypes = {
|
|
|
120
119
|
"aria-autocomplete": _propTypes.default.oneOf(["none", "inline", "list", "both"]),
|
|
121
120
|
hasErrors: _propTypes.default.bool,
|
|
122
121
|
errorMessage: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]))]),
|
|
123
|
-
theme: _propTypes.default.object
|
|
124
|
-
"data-transaction-name": _propTypes.default.string
|
|
122
|
+
theme: _propTypes.default.object
|
|
125
123
|
};
|
|
126
124
|
InputField.defaultProps = {
|
|
127
125
|
onChange: () => {
|
|
@@ -33,8 +33,7 @@ const RadioButtonInput = props => {
|
|
|
33
33
|
tabIndex: props.tabIndex || null,
|
|
34
34
|
"aria-controls": props["aria-controls"],
|
|
35
35
|
"aria-invalid": props.hasErrors ? "true" : null,
|
|
36
|
-
"aria-describedby": props["aria-describedby"]
|
|
37
|
-
"data-transaction-name": props["data-transaction-name"]
|
|
36
|
+
"aria-describedby": props["aria-describedby"]
|
|
38
37
|
};
|
|
39
38
|
return _react.default.createElement("label", labelProps, !props.contentOnly ? _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_RadioButtonIcon.default, iconProps), _react.default.createElement("input", inputProps)) : null, _react.default.createElement("span", null, props.children, props.required && _react.default.createElement("img", {
|
|
40
39
|
src: _asterisk.default,
|
|
@@ -55,8 +54,7 @@ RadioButtonInput.propTypes = {
|
|
|
55
54
|
theme: _propTypes.default.object,
|
|
56
55
|
inputValue: _propTypes.default.string.isRequired,
|
|
57
56
|
"aria-controls": _propTypes.default.string,
|
|
58
|
-
"aria-describedby": _propTypes.default.string
|
|
59
|
-
"data-transaction-name": _propTypes.default.string
|
|
57
|
+
"aria-describedby": _propTypes.default.string
|
|
60
58
|
};
|
|
61
59
|
RadioButtonInput.defaultProps = {
|
|
62
60
|
name: "",
|
|
@@ -24,7 +24,6 @@ const RadioButtonListItem = props => {
|
|
|
24
24
|
hasErrors: props.hasErrors,
|
|
25
25
|
"aria-controls": props["aria-controls"],
|
|
26
26
|
"aria-describedby": props["aria-describedby"],
|
|
27
|
-
"data-transaction-name": props["data-transaction-name"],
|
|
28
27
|
id: props.id,
|
|
29
28
|
name: props.name,
|
|
30
29
|
theme: props.theme
|
|
@@ -47,8 +46,7 @@ RadioButtonListItem.propTypes = {
|
|
|
47
46
|
theme: _propTypes.default.object,
|
|
48
47
|
hasErrors: _propTypes.default.bool,
|
|
49
48
|
"aria-controls": _propTypes.default.string,
|
|
50
|
-
"aria-describedby": _propTypes.default.string
|
|
51
|
-
"data-transaction-name": _propTypes.default.string
|
|
49
|
+
"aria-describedby": _propTypes.default.string
|
|
52
50
|
};
|
|
53
51
|
RadioButtonListItem.defaultProps = {
|
|
54
52
|
name: "",
|
|
@@ -157,7 +157,6 @@ const Select = props => {
|
|
|
157
157
|
className,
|
|
158
158
|
"aria-describedby": props.hasErrors && !!((_props$errorMessage = props.errorMessage) !== null && _props$errorMessage !== void 0 && _props$errorMessage.length) ? getErrorElementId() : !!((_props$ariaDescribed = props["aria-describedby"]) !== null && _props$ariaDescribed !== void 0 && _props$ariaDescribed.length) ? props["aria-describedby"] : null,
|
|
159
159
|
"aria-invalid": props.hasErrors ? "true" : null,
|
|
160
|
-
"data-transaction-name": props["data-transaction-name"],
|
|
161
160
|
style: styleRules
|
|
162
161
|
};
|
|
163
162
|
return _react.default.createElement("div", {
|
|
@@ -219,7 +218,6 @@ Select.propTypes = {
|
|
|
219
218
|
"aria-describedby": _propTypes.default.string,
|
|
220
219
|
hasErrors: _propTypes.default.bool,
|
|
221
220
|
errorMessage: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]))]),
|
|
222
|
-
"data-transaction-name": _propTypes.default.string,
|
|
223
221
|
theme: _propTypes.default.object
|
|
224
222
|
};
|
|
225
223
|
Select.defaultProps = {
|