carbon-react 144.9.6 → 144.9.8

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 (7) hide show
  1. package/esm/components/select/__internal__/select-textbox/select-textbox.component.js +6 -1
  2. package/esm/components/select/simple-select/simple-select.component.d.ts +2 -0
  3. package/esm/components/select/simple-select/simple-select.component.js +2 -0
  4. package/lib/components/select/__internal__/select-textbox/select-textbox.component.js +6 -1
  5. package/lib/components/select/simple-select/simple-select.component.d.ts +2 -0
  6. package/lib/components/select/simple-select/simple-select.component.js +2 -0
  7. package/package.json +3 -3
package/esm/components/select/__internal__/select-textbox/select-textbox.component.js CHANGED
@@ -55,6 +55,10 @@ const SelectTextbox = /*#__PURE__*/React.forwardRef(({
55
55
  onKeyDown,
56
56
  ...restProps
57
57
  };
58
+ const {
59
+ "aria-describedby": ariaDescribedBy,
60
+ ...filteredRestProps
61
+ } = restProps;
58
62
  const inputAriaAttributes = {
59
63
  "aria-expanded": readOnly ? undefined : isOpen,
60
64
  "aria-labelledby": accessibilityLabelId ? `${ariaLabelledby || labelId} ${accessibilityLabelId}` : ariaLabelledby,
@@ -69,6 +73,7 @@ const SelectTextbox = /*#__PURE__*/React.forwardRef(({
69
73
  isInputInSelect: true
70
74
  }
71
75
  }, /*#__PURE__*/React.createElement(Textbox, _extends({
76
+ ariaDescribedBy: ariaDescribedBy,
72
77
  "aria-label": ariaLabel,
73
78
  "data-element": "select-input",
74
79
  "data-role": "select-textbox",
@@ -93,7 +98,7 @@ const SelectTextbox = /*#__PURE__*/React.forwardRef(({
93
98
  readOnly: readOnly,
94
99
  transparent: transparent,
95
100
  size: size
96
- }, restProps), /*#__PURE__*/React.createElement(StyledSelectTextChildrenWrapper, null, showPlaceholder ? placeholder : formattedValue))));
101
+ }, filteredRestProps), /*#__PURE__*/React.createElement(StyledSelectTextChildrenWrapper, null, showPlaceholder ? placeholder : formattedValue))));
97
102
  });
98
103
  if (process.env.NODE_ENV !== "production") {
99
104
  SelectTextbox.propTypes = {
package/esm/components/select/simple-select/simple-select.component.d.ts CHANGED
@@ -12,6 +12,8 @@ export interface CustomSelectChangeEvent extends React.ChangeEvent<HTMLInputElem
12
12
  selectionConfirmed?: boolean;
13
13
  }
14
14
  export interface SimpleSelectProps extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
15
+ /** Prop to specify the aria-describedby property of the component input */
16
+ "aria-describedby"?: string;
15
17
  /** Prop to specify the aria-label attribute of the component input */
16
18
  "aria-label"?: string;
17
19
  /** Prop to specify the aria-labelledby property of the component input */
package/esm/components/select/simple-select/simple-select.component.js CHANGED
@@ -15,6 +15,7 @@ import useFormSpacing from "../../../hooks/__internal__/useFormSpacing";
15
15
  import useInputAccessibility from "../../../hooks/__internal__/useInputAccessibility/useInputAccessibility";
16
16
  let deprecateUncontrolledWarnTriggered = false;
17
17
  const SimpleSelect = /*#__PURE__*/React.forwardRef(({
18
+ "aria-describedby": ariaDescribedBy,
18
19
  "aria-label": ariaLabel,
19
20
  "aria-labelledby": ariaLabelledby,
20
21
  value,
@@ -343,6 +344,7 @@ const SimpleSelect = /*#__PURE__*/React.forwardRef(({
343
344
  "aria-controls": selectListId.current,
344
345
  activeDescendantId: activeDescendantId,
345
346
  ariaLabelledby: ariaLabelledby,
347
+ ariaDescribedBy: ariaDescribedBy,
346
348
  isOpen: isOpen
347
349
  }, getTextboxProps()))), selectList);
348
350
  });
package/lib/components/select/__internal__/select-textbox/select-textbox.component.js CHANGED
@@ -62,6 +62,10 @@ const SelectTextbox = /*#__PURE__*/_react.default.forwardRef(({
62
62
  onKeyDown,
63
63
  ...restProps
64
64
  };
65
+ const {
66
+ "aria-describedby": ariaDescribedBy,
67
+ ...filteredRestProps
68
+ } = restProps;
65
69
  const inputAriaAttributes = {
66
70
  "aria-expanded": readOnly ? undefined : isOpen,
67
71
  "aria-labelledby": accessibilityLabelId ? `${ariaLabelledby || labelId} ${accessibilityLabelId}` : ariaLabelledby,
@@ -76,6 +80,7 @@ const SelectTextbox = /*#__PURE__*/_react.default.forwardRef(({
76
80
  isInputInSelect: true
77
81
  }
78
82
  }, /*#__PURE__*/_react.default.createElement(_textbox.default, _extends({
83
+ ariaDescribedBy: ariaDescribedBy,
79
84
  "aria-label": ariaLabel,
80
85
  "data-element": "select-input",
81
86
  "data-role": "select-textbox",
@@ -100,7 +105,7 @@ const SelectTextbox = /*#__PURE__*/_react.default.forwardRef(({
100
105
  readOnly: readOnly,
101
106
  transparent: transparent,
102
107
  size: size
103
- }, restProps), /*#__PURE__*/_react.default.createElement(_selectTextbox2.StyledSelectTextChildrenWrapper, null, showPlaceholder ? placeholder : formattedValue))));
108
+ }, filteredRestProps), /*#__PURE__*/_react.default.createElement(_selectTextbox2.StyledSelectTextChildrenWrapper, null, showPlaceholder ? placeholder : formattedValue))));
104
109
  });
105
110
  if (process.env.NODE_ENV !== "production") {
106
111
  SelectTextbox.propTypes = {
package/lib/components/select/simple-select/simple-select.component.d.ts CHANGED
@@ -12,6 +12,8 @@ export interface CustomSelectChangeEvent extends React.ChangeEvent<HTMLInputElem
12
12
  selectionConfirmed?: boolean;
13
13
  }
14
14
  export interface SimpleSelectProps extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
15
+ /** Prop to specify the aria-describedby property of the component input */
16
+ "aria-describedby"?: string;
15
17
  /** Prop to specify the aria-label attribute of the component input */
16
18
  "aria-label"?: string;
17
19
  /** Prop to specify the aria-labelledby property of the component input */
package/lib/components/select/simple-select/simple-select.component.js CHANGED
@@ -24,6 +24,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
24
24
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
25
25
  let deprecateUncontrolledWarnTriggered = false;
26
26
  const SimpleSelect = exports.SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
27
+ "aria-describedby": ariaDescribedBy,
27
28
  "aria-label": ariaLabel,
28
29
  "aria-labelledby": ariaLabelledby,
29
30
  value,
@@ -352,6 +353,7 @@ const SimpleSelect = exports.SimpleSelect = /*#__PURE__*/_react.default.forwardR
352
353
  "aria-controls": selectListId.current,
353
354
  activeDescendantId: activeDescendantId,
354
355
  ariaLabelledby: ariaLabelledby,
356
+ ariaDescribedBy: ariaDescribedBy,
355
357
  isOpen: isOpen
356
358
  }, getTextboxProps()))), selectList);
357
359
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "144.9.6",
3
+ "version": "144.9.8",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "files": [
6
6
  "lib",
@@ -195,8 +195,8 @@
195
195
  "polished": "^4.2.2",
196
196
  "prop-types": "^15.8.1",
197
197
  "react-day-picker": "~7.4.10",
198
- "react-dnd": "^16.0.1",
199
- "react-dnd-html5-backend": "^16.0.1",
198
+ "react-dnd": "^15.1.2",
199
+ "react-dnd-html5-backend": "^15.1.3",
200
200
  "react-is": "^17.0.2",
201
201
  "react-transition-group": "^4.4.5",
202
202
  "styled-system": "^5.1.5"