dibk-design 3.7.0 → 3.7.2

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 (10) hide show
  1. package/dist/components/CheckBoxInput.js +2 -4
  2. package/dist/components/CheckBoxList.js +12 -9
  3. package/dist/components/CheckBoxListItem.js +4 -4
  4. package/dist/components/DragAndDropFileInput.js +4 -4
  5. package/dist/components/InputField.js +1 -3
  6. package/dist/components/RadioButtonInput.js +2 -4
  7. package/dist/components/RadioButtonList.js +12 -9
  8. package/dist/components/RadioButtonListItem.js +3 -4
  9. package/dist/components/Select.js +0 -2
  10. package/package.json +1 -1
package/dist/components/CheckBoxInput.js CHANGED
@@ -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,
package/dist/components/CheckBoxList.js CHANGED
@@ -15,15 +15,18 @@ const CheckBoxList = props => {
15
15
  const renderChildElements = childElements => {
16
16
  const childElementsthroughFragments = (0, _helpers.cloneThroughFragments)(childElements);
17
17
  return childElementsthroughFragments.map((childElement, index) => {
18
- var _childElement$type;
19
- const isCheckBoxListItem = (childElement === null || childElement === void 0 || (_childElement$type = childElement.type) === null || _childElement$type === void 0 ? void 0 : _childElement$type.name) === "CheckBoxListItem";
20
- const childElementProps = isCheckBoxListItem ? {
21
- requiredGroup: props.required,
22
- compact: props.compact,
23
- key: "checkboxListItem-".concat(index)
24
- } : null;
25
- const childElementCopy = _react.default.cloneElement(childElement, childElementProps);
26
- return childElementCopy;
18
+ var _childElement$props;
19
+ const isCheckBoxListItem = (childElement === null || childElement === void 0 || (_childElement$props = childElement.props) === null || _childElement$props === void 0 ? void 0 : _childElement$props.type) === "CheckBoxListItem";
20
+ if (isCheckBoxListItem) {
21
+ const childElementCopy = _react.default.cloneElement(childElement, {
22
+ requiredGroup: props.required,
23
+ compact: props.compact,
24
+ key: "checkboxListItem-".concat(index)
25
+ });
26
+ return childElementCopy;
27
+ } else {
28
+ return childElement;
29
+ }
27
30
  });
28
31
  };
29
32
  return _react.default.createElement("fieldset", {
package/dist/components/CheckBoxListItem.js CHANGED
@@ -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,
@@ -58,6 +57,7 @@ CheckBoxListItem.defaultProps = {
58
57
  name: "",
59
58
  contentOnly: false,
60
59
  hasErrors: false,
61
- checkmarkCharacter: "✔"
60
+ checkmarkCharacter: "✔",
61
+ type: "CheckBoxListItem"
62
62
  };
63
63
  var _default = exports.default = CheckBoxListItem;
package/dist/components/DragAndDropFileInput.js CHANGED
@@ -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
- "data-transaction-name": props["data-transaction-name-for-input"],
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-for-button"]
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-for-button": _propTypes.default.string,
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 = {
package/dist/components/InputField.js CHANGED
@@ -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: () => {
package/dist/components/RadioButtonInput.js CHANGED
@@ -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: "",
package/dist/components/RadioButtonList.js CHANGED
@@ -15,15 +15,18 @@ const RadioButtonList = props => {
15
15
  const renderChildElements = childElements => {
16
16
  const childElementsthroughFragments = (0, _helpers.cloneThroughFragments)(childElements);
17
17
  return childElementsthroughFragments.map((childElement, index) => {
18
- var _childElement$type;
19
- const isRadioButtonListItem = (childElement === null || childElement === void 0 || (_childElement$type = childElement.type) === null || _childElement$type === void 0 ? void 0 : _childElement$type.name) === "RadioButtonListItem";
20
- const childElementProps = isRadioButtonListItem ? {
21
- requiredGroup: props.required,
22
- compact: props.compact,
23
- key: "radioButtonListItem-".concat(index)
24
- } : null;
25
- const childElementCopy = _react.default.cloneElement(childElement, childElementProps);
26
- return childElementCopy;
18
+ var _childElement$props;
19
+ const isRadioButtonListItem = (childElement === null || childElement === void 0 || (_childElement$props = childElement.props) === null || _childElement$props === void 0 ? void 0 : _childElement$props.type) === "RadioButtonListItem";
20
+ if (isRadioButtonListItem) {
21
+ const childElementCopy = _react.default.cloneElement(childElement, {
22
+ requiredGroup: props.required,
23
+ compact: props.compact,
24
+ key: "radioButtonListItem-".concat(index)
25
+ });
26
+ return childElementCopy;
27
+ } else {
28
+ return childElement;
29
+ }
27
30
  });
28
31
  };
29
32
  return _react.default.createElement("fieldset", {
package/dist/components/RadioButtonListItem.js CHANGED
@@ -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: "",
@@ -57,6 +55,7 @@ RadioButtonListItem.defaultProps = {
57
55
  requiredGroup: false,
58
56
  disabled: false,
59
57
  contentOnly: false,
60
- hasErrors: false
58
+ hasErrors: false,
59
+ type: "RadioButtonListItem"
61
60
  };
62
61
  var _default = exports.default = RadioButtonListItem;
package/dist/components/Select.js CHANGED
@@ -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 = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dibk-design",
3
- "version": "3.7.0",
3
+ "version": "3.7.2",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "files": [