carbon-react 132.2.1 → 133.0.0

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 (60) hide show
  1. package/README.md +1 -1
  2. package/esm/__internal__/input/input.component.d.ts +0 -2
  3. package/esm/__internal__/input/input.component.js +0 -8
  4. package/esm/components/button/button-types.style.d.ts +0 -1
  5. package/esm/components/button/button-types.style.js +0 -21
  6. package/esm/components/button/button.component.d.ts +1 -5
  7. package/esm/components/button/button.component.js +5 -377
  8. package/esm/components/button/button.config.js +1 -1
  9. package/esm/components/button/index.d.ts +1 -1
  10. package/esm/components/button/index.js +1 -1
  11. package/esm/components/checkbox/checkbox.component.d.ts +0 -2
  12. package/esm/components/checkbox/checkbox.component.js +1 -10
  13. package/esm/components/confirm/confirm.component.d.ts +4 -4
  14. package/esm/components/date/date.component.js +0 -9
  15. package/esm/components/decimal/decimal.component.js +1 -9
  16. package/esm/components/grouped-character/grouped-character.component.js +0 -8
  17. package/esm/components/icon/icon.component.d.ts +2 -1
  18. package/esm/components/icon/icon.component.js +7 -3
  19. package/esm/components/number/number.component.js +0 -8
  20. package/esm/components/radio-button/radio-button.component.d.ts +0 -2
  21. package/esm/components/radio-button/radio-button.component.js +1 -11
  22. package/esm/components/select/filterable-select/filterable-select.component.js +2 -10
  23. package/esm/components/select/list-action-button/list-action-button.component.js +1 -1
  24. package/esm/components/select/multi-select/multi-select.component.js +2 -10
  25. package/esm/components/select/select-textbox/select-textbox.component.js +0 -1
  26. package/esm/components/select/simple-select/simple-select.component.js +2 -10
  27. package/esm/components/switch/switch.component.d.ts +0 -2
  28. package/esm/components/switch/switch.component.js +2 -11
  29. package/esm/components/textarea/textarea.component.js +0 -8
  30. package/esm/components/textbox/textbox.component.js +0 -8
  31. package/lib/__internal__/input/input.component.d.ts +0 -2
  32. package/lib/__internal__/input/input.component.js +0 -8
  33. package/lib/components/button/button-types.style.d.ts +0 -1
  34. package/lib/components/button/button-types.style.js +0 -21
  35. package/lib/components/button/button.component.d.ts +1 -5
  36. package/lib/components/button/button.component.js +6 -377
  37. package/lib/components/button/button.config.js +1 -1
  38. package/lib/components/button/index.d.ts +1 -1
  39. package/lib/components/button/index.js +2 -9
  40. package/lib/components/checkbox/checkbox.component.d.ts +0 -2
  41. package/lib/components/checkbox/checkbox.component.js +1 -10
  42. package/lib/components/confirm/confirm.component.d.ts +4 -4
  43. package/lib/components/date/date.component.js +0 -9
  44. package/lib/components/decimal/decimal.component.js +1 -9
  45. package/lib/components/grouped-character/grouped-character.component.js +0 -8
  46. package/lib/components/icon/icon.component.d.ts +2 -1
  47. package/lib/components/icon/icon.component.js +7 -3
  48. package/lib/components/number/number.component.js +0 -8
  49. package/lib/components/radio-button/radio-button.component.d.ts +0 -2
  50. package/lib/components/radio-button/radio-button.component.js +1 -11
  51. package/lib/components/select/filterable-select/filterable-select.component.js +2 -10
  52. package/lib/components/select/list-action-button/list-action-button.component.js +1 -1
  53. package/lib/components/select/multi-select/multi-select.component.js +2 -10
  54. package/lib/components/select/select-textbox/select-textbox.component.js +0 -1
  55. package/lib/components/select/simple-select/simple-select.component.js +2 -10
  56. package/lib/components/switch/switch.component.d.ts +0 -2
  57. package/lib/components/switch/switch.component.js +2 -11
  58. package/lib/components/textarea/textarea.component.js +0 -8
  59. package/lib/components/textbox/textbox.component.js +0 -8
  60. package/package.json +1 -1
@@ -15,7 +15,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
15
15
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
16
16
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
17
17
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
18
- let deprecateInputRefWarnTriggered = false;
19
18
  let deprecateUncontrolledWarnTriggered = false;
20
19
  const Decimal = exports.Decimal = /*#__PURE__*/_react.default.forwardRef(({
21
20
  align = "right",
@@ -31,14 +30,9 @@ const Decimal = exports.Decimal = /*#__PURE__*/_react.default.forwardRef(({
31
30
  allowEmptyValue = false,
32
31
  locale,
33
32
  value,
34
- inputRef,
35
33
  ...rest
36
34
  }, ref) => {
37
35
  const l = (0, _react.useContext)(_i18nContext.default);
38
- if (!deprecateInputRefWarnTriggered && inputRef) {
39
- deprecateInputRefWarnTriggered = true;
40
- _logger.default.deprecate("The `inputRef` prop in `Decimal` component is deprecated and will soon be removed. Please use `ref` instead.");
41
- }
42
36
  const getSeparator = (0, _react.useCallback)(separatorType => {
43
37
  const numberWithGroupAndDecimalSeparator = 10000.1;
44
38
  return Intl.NumberFormat(locale || l.locale()).formatToParts(numberWithGroupAndDecimalSeparator).find(part => part.type === separatorType)?.value;
@@ -191,8 +185,7 @@ const Decimal = exports.Decimal = /*#__PURE__*/_react.default.forwardRef(({
191
185
  value: stateValue,
192
186
  "data-component": "decimal",
193
187
  id: id,
194
- ref: ref,
195
- inputRef: inputRef
188
+ ref: ref
196
189
  }, rest)), /*#__PURE__*/_react.default.createElement("input", {
197
190
  name: name,
198
191
  value: toStandardDecimal(stateValue),
@@ -308,7 +301,6 @@ if (process.env.NODE_ENV !== "production") {
308
301
  "inputHint": _propTypes.default.string,
309
302
  "inputIcon": _propTypes.default.oneOf(["accessibility_web", "add", "admin", "alert_on", "alert", "analysis", "app_facebook", "app_instagram", "app_tiktok", "app_twitter", "app_youtube", "apps", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bill_paid", "bill_unpaid", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "box_arrow_right", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_pay_date", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "card_wallet", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "check_all", "check_none", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "cloud_co2", "coins", "collaborate", "computer_clock", "connect_off", "connect", "construction", "contact_card", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "heart_pulse", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "intranet", "italic", "job_seeked", "key", "laptop", "leaf", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "like_no", "like", "link_cloud", "link_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "microphone", "minimise", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "pin", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "protect", "question_hollow", "question_mark", "question", "recruiting", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "send", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "support_online", "sync", "tag", "talk", "target_man", "target", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "volunteering", "warning", "website", "welfare"]),
310
303
  "inputMode": _propTypes.default.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),
311
- "inputRef": _propTypes.default.func,
312
304
  "inputWidth": _propTypes.default.number,
313
305
  "is": _propTypes.default.string,
314
306
  "isOptional": _propTypes.default.bool,
@@ -30,7 +30,6 @@ const buildCustomTarget = ({
30
30
  value
31
31
  };
32
32
  };
33
- let deprecateInputRefWarnTriggered = false;
34
33
  let deprecateUncontrolledWarnTriggered = false;
35
34
  const GroupedCharacter = exports.GroupedCharacter = /*#__PURE__*/_react.default.forwardRef(({
36
35
  defaultValue,
@@ -39,7 +38,6 @@ const GroupedCharacter = exports.GroupedCharacter = /*#__PURE__*/_react.default.
39
38
  onChange,
40
39
  separator: rawSeparator,
41
40
  value: externalValue,
42
- inputRef,
43
41
  ...rest
44
42
  }, ref) => {
45
43
  const [internalValue, setInternalValue] = (0, _react.useState)(defaultValue || "");
@@ -47,10 +45,6 @@ const GroupedCharacter = exports.GroupedCharacter = /*#__PURE__*/_react.default.
47
45
  const separator = rawSeparator.substring(0, 1); // Ensure max length is 1
48
46
 
49
47
  const maxRawLength = groups.reduce(_groupedCharacter.toSum);
50
- if (!deprecateInputRefWarnTriggered && inputRef) {
51
- deprecateInputRefWarnTriggered = true;
52
- _logger.default.deprecate("The `inputRef` prop in `GroupedCharacter` component is deprecated and will soon be removed. Please use `ref` instead.");
53
- }
54
48
  if (!deprecateUncontrolledWarnTriggered && !isControlled) {
55
49
  deprecateUncontrolledWarnTriggered = true;
56
50
  _logger.default.deprecate("Uncontrolled behaviour in `Grouped Character` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
@@ -123,7 +117,6 @@ const GroupedCharacter = exports.GroupedCharacter = /*#__PURE__*/_react.default.
123
117
  onChange: handleChange,
124
118
  onBlur: handleBlur,
125
119
  onKeyPress: handleKeyPress,
126
- inputRef: inputRef,
127
120
  ref: ref
128
121
  }));
129
122
  });
@@ -236,7 +229,6 @@ if (process.env.NODE_ENV !== "production") {
236
229
  "inputHint": _propTypes.default.string,
237
230
  "inputIcon": _propTypes.default.oneOf(["accessibility_web", "add", "admin", "alert_on", "alert", "analysis", "app_facebook", "app_instagram", "app_tiktok", "app_twitter", "app_youtube", "apps", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bill_paid", "bill_unpaid", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "box_arrow_right", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_pay_date", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "card_wallet", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "check_all", "check_none", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "cloud_co2", "coins", "collaborate", "computer_clock", "connect_off", "connect", "construction", "contact_card", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "heart_pulse", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "intranet", "italic", "job_seeked", "key", "laptop", "leaf", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "like_no", "like", "link_cloud", "link_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "microphone", "minimise", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "pin", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "protect", "question_hollow", "question_mark", "question", "recruiting", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "send", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "support_online", "sync", "tag", "talk", "target_man", "target", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "volunteering", "warning", "website", "welfare"]),
238
231
  "inputMode": _propTypes.default.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),
239
- "inputRef": _propTypes.default.func,
240
232
  "inputWidth": _propTypes.default.number,
241
233
  "is": _propTypes.default.string,
242
234
  "isOptional": _propTypes.default.bool,
@@ -1,10 +1,11 @@
1
1
  import React from "react";
2
2
  import { MarginProps } from "styled-system";
3
+ import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
3
4
  import { StyledIconProps } from "./icon.style";
4
5
  import { IconType } from "./icon-type";
5
6
  import { TooltipPositions } from "../tooltip/tooltip.config";
6
7
  export declare type LegacyIconTypes = "help" | "maintenance" | "new" | "success" | "messages";
7
- export interface IconProps extends Omit<StyledIconProps, "type">, MarginProps {
8
+ export interface IconProps extends Omit<StyledIconProps, "type">, MarginProps, Omit<TagProps, "data-component"> {
8
9
  /** Set whether icon should be recognised by assistive technologies */
9
10
  "aria-hidden"?: boolean;
10
11
  /** Aria label for accessibility purposes */
@@ -10,7 +10,6 @@ var _invariant = _interopRequireDefault(require("invariant"));
10
10
  var _tooltip = _interopRequireDefault(require("../tooltip"));
11
11
  var _utils = require("../../style/utils");
12
12
  var _tooltipProvider = require("../../__internal__/tooltip-provider");
13
- var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
14
13
  var _icon = _interopRequireDefault(require("./icon.style"));
15
14
  var _iconConfig = require("./icon-config");
16
15
  var _tabTitle = require("../tabs/__internal__/tab-title");
@@ -27,6 +26,8 @@ const Icon = /*#__PURE__*/_react.default.forwardRef(({
27
26
  bgSize,
28
27
  className,
29
28
  color,
29
+ "data-element": dataElement,
30
+ "data-role": dataRole,
30
31
  disabled,
31
32
  focusable = true,
32
33
  fontSize = "small",
@@ -100,7 +101,9 @@ const Icon = /*#__PURE__*/_react.default.forwardRef(({
100
101
  bgShape,
101
102
  className: className || undefined,
102
103
  color,
103
- "data-element": iconType,
104
+ "data-component": "icon",
105
+ "data-element": dataElement ?? iconType,
106
+ "data-role": dataRole ?? "icon",
104
107
  disabled: disabledFromContext || disabled,
105
108
  fontSize,
106
109
  hasTooltip,
@@ -111,7 +114,6 @@ const Icon = /*#__PURE__*/_react.default.forwardRef(({
111
114
  role,
112
115
  tabIndex: computedTabIndex,
113
116
  type: iconType,
114
- ...(0, _tags.default)("icon", rest),
115
117
  ...(0, _utils.filterStyledSystemMarginProps)(rest)
116
118
  };
117
119
  const shouldShowTooltip = () => {
@@ -144,6 +146,8 @@ if (process.env.NODE_ENV !== "production") {
144
146
  "bgSize": _propTypes.default.oneOf(["extra-large", "extra-small", "large", "medium", "small"]),
145
147
  "className": _propTypes.default.string,
146
148
  "color": _propTypes.default.string,
149
+ "data-element": _propTypes.default.string,
150
+ "data-role": _propTypes.default.string,
147
151
  "disabled": _propTypes.default.bool,
148
152
  "focusable": _propTypes.default.bool,
149
153
  "fontSize": _propTypes.default.oneOf(["extra-large", "large", "medium", "small"]),
@@ -13,7 +13,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
13
13
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
14
14
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
15
15
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
16
- let deprecateInputRefWarnTriggered = false;
17
16
  let deprecateUncontrolledWarnTriggered = false;
18
17
  function isValidNumber(value) {
19
18
  const regex = new RegExp("^[-]?[0-9]*$");
@@ -24,7 +23,6 @@ const Number = exports.Number = /*#__PURE__*/_react.default.forwardRef(({
24
23
  onChange,
25
24
  onKeyDown,
26
25
  value,
27
- inputRef,
28
26
  align = _textbox2.ALIGN_DEFAULT,
29
27
  labelWidth = _textbox2.LABEL_WIDTH_DEFAULT,
30
28
  size = _textbox2.SIZE_DEFAULT,
@@ -33,10 +31,6 @@ const Number = exports.Number = /*#__PURE__*/_react.default.forwardRef(({
33
31
  }, ref) => {
34
32
  const selectionStart = (0, _react.useRef)(null);
35
33
  const selectionEnd = (0, _react.useRef)(null);
36
- if (!deprecateInputRefWarnTriggered && inputRef) {
37
- deprecateInputRefWarnTriggered = true;
38
- _logger.default.deprecate("The `inputRef` prop in `Number` component is deprecated and will soon be removed. Please use `ref` instead.");
39
- }
40
34
  if (!deprecateUncontrolledWarnTriggered && !onChange) {
41
35
  deprecateUncontrolledWarnTriggered = true;
42
36
  _logger.default.deprecate("Uncontrolled behaviour in `Number` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
@@ -61,7 +55,6 @@ const Number = exports.Number = /*#__PURE__*/_react.default.forwardRef(({
61
55
  onChange: handleOnChange,
62
56
  onKeyDown: handleKeyDown,
63
57
  ref: ref,
64
- inputRef: inputRef,
65
58
  align: align,
66
59
  labelWidth: labelWidth,
67
60
  size: size,
@@ -176,7 +169,6 @@ if (process.env.NODE_ENV !== "production") {
176
169
  "inputHint": _propTypes.default.string,
177
170
  "inputIcon": _propTypes.default.oneOf(["accessibility_web", "add", "admin", "alert_on", "alert", "analysis", "app_facebook", "app_instagram", "app_tiktok", "app_twitter", "app_youtube", "apps", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bill_paid", "bill_unpaid", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "box_arrow_right", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_pay_date", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "card_wallet", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "check_all", "check_none", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "cloud_co2", "coins", "collaborate", "computer_clock", "connect_off", "connect", "construction", "contact_card", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "heart_pulse", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "intranet", "italic", "job_seeked", "key", "laptop", "leaf", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "like_no", "like", "link_cloud", "link_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "microphone", "minimise", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "pin", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "protect", "question_hollow", "question_mark", "question", "recruiting", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "send", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "support_online", "sync", "tag", "talk", "target_man", "target", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "volunteering", "warning", "website", "welfare"]),
178
171
  "inputMode": _propTypes.default.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),
179
- "inputRef": _propTypes.default.func,
180
172
  "inputWidth": _propTypes.default.number,
181
173
  "is": _propTypes.default.string,
182
174
  "isOptional": _propTypes.default.bool,
@@ -19,8 +19,6 @@ export interface RadioButtonProps extends Omit<CommonCheckableInputProps, "requi
19
19
  tooltipPosition?: "top" | "bottom" | "left" | "right";
20
20
  /** Aria label for rendered help component */
21
21
  helpAriaLabel?: string;
22
- /** A callback to retrieve the input reference (deprecated) */
23
- inputRef?: React.Ref<HTMLInputElement>;
24
22
  }
25
23
  export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & InternalRadioButtonProps & React.RefAttributes<HTMLInputElement>>;
26
24
  declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<RadioButtonProps & InternalRadioButtonProps & React.RefAttributes<HTMLInputElement>>>;
@@ -12,13 +12,11 @@ var _checkableInput = _interopRequireDefault(require("../../__internal__/checkab
12
12
  var _radioButtonSvg = _interopRequireDefault(require("./radio-button-svg.component"));
13
13
  var _utils = require("../../style/utils");
14
14
  var _tooltipProvider = require("../../__internal__/tooltip-provider");
15
- var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
16
15
  var _carbonProvider = require("../carbon-provider/carbon-provider.component");
17
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
17
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
19
18
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
20
19
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
21
- let deprecateInputRefWarnTriggered = false;
22
20
  const RadioButton = exports.RadioButton = /*#__PURE__*/_react.default.forwardRef(({
23
21
  autoFocus,
24
22
  checked,
@@ -47,7 +45,6 @@ const RadioButton = exports.RadioButton = /*#__PURE__*/_react.default.forwardRef
47
45
  "data-element": dataElement,
48
46
  "data-role": dataRole,
49
47
  helpAriaLabel,
50
- inputRef,
51
48
  ...props
52
49
  }, ref) => {
53
50
  const {
@@ -63,10 +60,6 @@ const RadioButton = exports.RadioButton = /*#__PURE__*/_react.default.forwardRef
63
60
  // trigger focus, as Safari doesn't focus radioButtons on click by default
64
61
  event.target.focus();
65
62
  }, [onChange]);
66
- if (!deprecateInputRefWarnTriggered && inputRef) {
67
- deprecateInputRefWarnTriggered = true;
68
- _logger.default.deprecate("The `inputRef` prop in `RadioButton` component is deprecated and will soon be removed. Please use `ref` instead.");
69
- }
70
63
  const validationProps = {
71
64
  disabled,
72
65
  inputWidth,
@@ -105,7 +98,7 @@ const RadioButton = exports.RadioButton = /*#__PURE__*/_react.default.forwardRef
105
98
  * opposite way around by default)
106
99
  */
107
100
  reverse: !reverse,
108
- ref: ref || inputRef,
101
+ ref,
109
102
  ...props
110
103
  };
111
104
  !!props.children ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "This component is meant to be used as a self-closing tag. " + "You should probably use the label prop instead.") : (0, _invariant.default)(false) : void 0;
@@ -227,9 +220,6 @@ if (process.env.NODE_ENV !== "production") {
227
220
  "inline": _propTypes.default.bool,
228
221
  "inlist": _propTypes.default.any,
229
222
  "inputMode": _propTypes.default.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),
230
- "inputRef": _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
231
- "current": _propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.object]).isRequired
232
- })]),
233
223
  "inputWidth": _propTypes.default.number,
234
224
  "is": _propTypes.default.string,
235
225
  "isOptional": _propTypes.default.bool,
@@ -23,7 +23,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
23
23
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
24
24
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
25
25
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
26
- let deprecateInputRefWarnTriggered = false;
27
26
  let deprecateUncontrolledWarnTriggered = false;
28
27
  const FilterableSelectList = (0, _withFilter.default)(_selectList.default);
29
28
  const FilterableSelect = exports.FilterableSelect = /*#__PURE__*/_react.default.forwardRef(({
@@ -59,7 +58,6 @@ const FilterableSelect = exports.FilterableSelect = /*#__PURE__*/_react.default.
59
58
  tooltipPosition,
60
59
  listPlacement = "bottom",
61
60
  flipEnabled = true,
62
- inputRef,
63
61
  enableVirtualScroll,
64
62
  virtualScrollOverscan,
65
63
  disableDefaultFiltering = false,
@@ -90,10 +88,6 @@ const FilterableSelect = exports.FilterableSelect = /*#__PURE__*/_react.default.
90
88
  });
91
89
  const focusTimer = (0, _react.useRef)(null);
92
90
  const openOnFocusFlagBlock = (0, _react.useRef)(false);
93
- if (!deprecateInputRefWarnTriggered && inputRef) {
94
- deprecateInputRefWarnTriggered = true;
95
- _logger.default.deprecate("The `inputRef` prop in `Filterable Select` component is deprecated and will soon be removed. Please use `ref` instead.");
96
- }
97
91
  const componentIsUncontrolled = !isControlled || !onChange && defaultValue;
98
92
  if (!deprecateUncontrolledWarnTriggered && componentIsUncontrolled) {
99
93
  deprecateUncontrolledWarnTriggered = true;
@@ -379,7 +373,7 @@ const FilterableSelect = exports.FilterableSelect = /*#__PURE__*/_react.default.
379
373
  }
380
374
  const assignInput = (0, _react.useCallback)(element => {
381
375
  setTextboxRef(element);
382
- if (inputRef || !ref) {
376
+ if (!ref) {
383
377
  return;
384
378
  }
385
379
  if (typeof ref === "function") {
@@ -387,7 +381,7 @@ const FilterableSelect = exports.FilterableSelect = /*#__PURE__*/_react.default.
387
381
  } else {
388
382
  ref.current = element;
389
383
  }
390
- }, [ref, inputRef]);
384
+ }, [ref]);
391
385
  function getTextboxProps() {
392
386
  return {
393
387
  id: inputId.current,
@@ -407,7 +401,6 @@ const FilterableSelect = exports.FilterableSelect = /*#__PURE__*/_react.default.
407
401
  onChange: handleTextboxChange,
408
402
  onMouseDown: handleTextboxMouseDown,
409
403
  tooltipPosition,
410
- inputRef,
411
404
  required,
412
405
  isOptional,
413
406
  ...(0, _utils.filterOutStyledSystemSpacingProps)(textboxProps)
@@ -574,7 +567,6 @@ if (process.env.NODE_ENV !== "production") {
574
567
  "inputHint": _propTypes.default.string,
575
568
  "inputIcon": _propTypes.default.oneOf(["accessibility_web", "add", "admin", "alert_on", "alert", "analysis", "app_facebook", "app_instagram", "app_tiktok", "app_twitter", "app_youtube", "apps", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bill_paid", "bill_unpaid", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "box_arrow_right", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_pay_date", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "card_wallet", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "check_all", "check_none", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "cloud_co2", "coins", "collaborate", "computer_clock", "connect_off", "connect", "construction", "contact_card", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "heart_pulse", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "intranet", "italic", "job_seeked", "key", "laptop", "leaf", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "like_no", "like", "link_cloud", "link_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "microphone", "minimise", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "pin", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "protect", "question_hollow", "question_mark", "question", "recruiting", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "send", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "support_online", "sync", "tag", "talk", "target_man", "target", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "volunteering", "warning", "website", "welfare"]),
576
569
  "inputMode": _propTypes.default.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),
577
- "inputRef": _propTypes.default.func,
578
570
  "inputWidth": _propTypes.default.number,
579
571
  "is": _propTypes.default.string,
580
572
  "isLoading": _propTypes.default.bool,
@@ -30,7 +30,7 @@ const ListActionButton = /*#__PURE__*/_react.default.forwardRef(({
30
30
  return listActionButton;
31
31
  }
32
32
  return /*#__PURE__*/_react.default.cloneElement(listActionButton, {
33
- forwardRef: ref,
33
+ ref,
34
34
  onClick: onListAction
35
35
  });
36
36
  }
@@ -25,7 +25,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
25
25
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
26
26
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
27
27
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
28
- let deprecateInputRefWarnTriggered = false;
29
28
  let deprecateUncontrolledWarnTriggered = false;
30
29
  const FilterableSelectList = (0, _withFilter.default)(_selectList.default);
31
30
  const MultiSelect = exports.MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
@@ -61,7 +60,6 @@ const MultiSelect = exports.MultiSelect = /*#__PURE__*/_react.default.forwardRef
61
60
  listMaxHeight,
62
61
  flipEnabled = true,
63
62
  wrapPillText = true,
64
- inputRef,
65
63
  enableVirtualScroll,
66
64
  virtualScrollOverscan,
67
65
  isOptional,
@@ -94,10 +92,6 @@ const MultiSelect = exports.MultiSelect = /*#__PURE__*/_react.default.forwardRef
94
92
  });
95
93
  const focusTimer = (0, _react.useRef)(null);
96
94
  const actualValue = isControlled.current ? value : selectedValue;
97
- if (!deprecateInputRefWarnTriggered && inputRef) {
98
- deprecateInputRefWarnTriggered = true;
99
- _logger.default.deprecate("The `inputRef` prop in `Multi Select` component is deprecated and will soon be removed. Please use `ref` instead.");
100
- }
101
95
  const componentIsUncontrolled = !isControlled || !onChange && defaultValue;
102
96
  if (!deprecateUncontrolledWarnTriggered && componentIsUncontrolled) {
103
97
  deprecateUncontrolledWarnTriggered = true;
@@ -384,7 +378,7 @@ const MultiSelect = exports.MultiSelect = /*#__PURE__*/_react.default.forwardRef
384
378
  }, []);
385
379
  const assignInput = (0, _react.useCallback)(element => {
386
380
  setTextboxRef(element);
387
- if (inputRef || !ref) {
381
+ if (!ref) {
388
382
  return;
389
383
  }
390
384
  if (typeof ref === "function") {
@@ -392,7 +386,7 @@ const MultiSelect = exports.MultiSelect = /*#__PURE__*/_react.default.forwardRef
392
386
  } else {
393
387
  ref.current = element;
394
388
  }
395
- }, [ref, inputRef]);
389
+ }, [ref]);
396
390
  function getTextboxProps() {
397
391
  return {
398
392
  id: inputId.current,
@@ -417,7 +411,6 @@ const MultiSelect = exports.MultiSelect = /*#__PURE__*/_react.default.forwardRef
417
411
  size,
418
412
  required,
419
413
  isOptional,
420
- inputRef,
421
414
  ...(0, _utils.filterOutStyledSystemSpacingProps)(textboxProps)
422
415
  };
423
416
  }
@@ -583,7 +576,6 @@ if (process.env.NODE_ENV !== "production") {
583
576
  "inputHint": _propTypes.default.string,
584
577
  "inputIcon": _propTypes.default.oneOf(["accessibility_web", "add", "admin", "alert_on", "alert", "analysis", "app_facebook", "app_instagram", "app_tiktok", "app_twitter", "app_youtube", "apps", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bill_paid", "bill_unpaid", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "box_arrow_right", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_pay_date", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "card_wallet", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "check_all", "check_none", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "cloud_co2", "coins", "collaborate", "computer_clock", "connect_off", "connect", "construction", "contact_card", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "heart_pulse", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "intranet", "italic", "job_seeked", "key", "laptop", "leaf", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "like_no", "like", "link_cloud", "link_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "microphone", "minimise", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "pin", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "protect", "question_hollow", "question_mark", "question", "recruiting", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "send", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "support_online", "sync", "tag", "talk", "target_man", "target", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "volunteering", "warning", "website", "welfare"]),
585
578
  "inputMode": _propTypes.default.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),
586
- "inputRef": _propTypes.default.func,
587
579
  "inputWidth": _propTypes.default.number,
588
580
  "is": _propTypes.default.string,
589
581
  "isLoading": _propTypes.default.bool,
@@ -241,7 +241,6 @@ if (process.env.NODE_ENV !== "production") {
241
241
  "inputHint": _propTypes.default.string,
242
242
  "inputIcon": _propTypes.default.oneOf(["accessibility_web", "add", "admin", "alert_on", "alert", "analysis", "app_facebook", "app_instagram", "app_tiktok", "app_twitter", "app_youtube", "apps", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bill_paid", "bill_unpaid", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "box_arrow_right", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_pay_date", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "card_wallet", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "check_all", "check_none", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "cloud_co2", "coins", "collaborate", "computer_clock", "connect_off", "connect", "construction", "contact_card", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "heart_pulse", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "intranet", "italic", "job_seeked", "key", "laptop", "leaf", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "like_no", "like", "link_cloud", "link_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "microphone", "minimise", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "pin", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "protect", "question_hollow", "question_mark", "question", "recruiting", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "send", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "support_online", "sync", "tag", "talk", "target_man", "target", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "volunteering", "warning", "website", "welfare"]),
243
243
  "inputMode": _propTypes.default.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),
244
- "inputRef": _propTypes.default.func,
245
244
  "inputWidth": _propTypes.default.number,
246
245
  "is": _propTypes.default.string,
247
246
  "isOpen": _propTypes.default.bool,
@@ -22,7 +22,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
22
22
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
23
23
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
24
24
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
25
- let deprecateInputRefWarnTriggered = false;
26
25
  let deprecateUncontrolledWarnTriggered = false;
27
26
  const SimpleSelect = exports.SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
28
27
  "aria-label": ariaLabel,
@@ -54,7 +53,6 @@ const SimpleSelect = exports.SimpleSelect = /*#__PURE__*/_react.default.forwardR
54
53
  "data-role": dataRole,
55
54
  listPlacement = "bottom",
56
55
  flipEnabled = true,
57
- inputRef,
58
56
  enableVirtualScroll,
59
57
  virtualScrollOverscan,
60
58
  isOptional,
@@ -83,10 +81,6 @@ const SimpleSelect = exports.SimpleSelect = /*#__PURE__*/_react.default.forwardR
83
81
  label
84
82
  });
85
83
  const focusTimer = (0, _react.useRef)(null);
86
- if (!deprecateInputRefWarnTriggered && inputRef) {
87
- deprecateInputRefWarnTriggered = true;
88
- _logger.default.deprecate("The `inputRef` prop in `Simple Select` component is deprecated and will soon be removed. Please use `ref` instead.");
89
- }
90
84
  const componentIsUncontrolled = !isControlled || !onChange && defaultValue;
91
85
  if (!deprecateUncontrolledWarnTriggered && componentIsUncontrolled) {
92
86
  deprecateUncontrolledWarnTriggered = true;
@@ -298,7 +292,7 @@ const SimpleSelect = exports.SimpleSelect = /*#__PURE__*/_react.default.forwardR
298
292
  }, []);
299
293
  const assignInput = (0, _react.useCallback)(element => {
300
294
  setTextboxRef(element);
301
- if (inputRef || !ref) {
295
+ if (!ref) {
302
296
  return;
303
297
  }
304
298
  if (typeof ref === "function") {
@@ -306,7 +300,7 @@ const SimpleSelect = exports.SimpleSelect = /*#__PURE__*/_react.default.forwardR
306
300
  } else {
307
301
  ref.current = element;
308
302
  }
309
- }, [ref, inputRef]);
303
+ }, [ref]);
310
304
  function getTextboxProps() {
311
305
  return {
312
306
  id: inputId.current,
@@ -328,7 +322,6 @@ const SimpleSelect = exports.SimpleSelect = /*#__PURE__*/_react.default.forwardR
328
322
  required,
329
323
  isOptional,
330
324
  transparent,
331
- inputRef,
332
325
  ...(0, _utils.filterOutStyledSystemSpacingProps)(props)
333
326
  };
334
327
  }
@@ -485,7 +478,6 @@ if (process.env.NODE_ENV !== "production") {
485
478
  "inputHint": _propTypes.default.string,
486
479
  "inputIcon": _propTypes.default.oneOf(["accessibility_web", "add", "admin", "alert_on", "alert", "analysis", "app_facebook", "app_instagram", "app_tiktok", "app_twitter", "app_youtube", "apps", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bill_paid", "bill_unpaid", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "box_arrow_right", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_pay_date", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "card_wallet", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "check_all", "check_none", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "cloud_co2", "coins", "collaborate", "computer_clock", "connect_off", "connect", "construction", "contact_card", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "heart_pulse", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "intranet", "italic", "job_seeked", "key", "laptop", "leaf", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "like_no", "like", "link_cloud", "link_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "microphone", "minimise", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "pin", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "protect", "question_hollow", "question_mark", "question", "recruiting", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "send", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "support_online", "sync", "tag", "talk", "target_man", "target", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "volunteering", "warning", "website", "welfare"]),
487
480
  "inputMode": _propTypes.default.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),
488
- "inputRef": _propTypes.default.func,
489
481
  "inputWidth": _propTypes.default.number,
490
482
  "is": _propTypes.default.string,
491
483
  "isLoading": _propTypes.default.bool,
@@ -24,8 +24,6 @@ export interface SwitchProps extends CommonCheckableInputProps, MarginProps {
24
24
  tooltipPosition?: "top" | "bottom" | "left" | "right";
25
25
  /** Aria label for rendered help component */
26
26
  helpAriaLabel?: string;
27
- /** A callback to retrieve the input reference (deprecated) */
28
- inputRef?: React.Ref<HTMLInputElement>;
29
27
  }
30
28
  export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
31
29
  export default Switch;
@@ -20,7 +20,6 @@ var _label = _interopRequireDefault(require("../../__internal__/label"));
20
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
21
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
22
22
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
23
- let deprecateInputRefWarnTriggered = false;
24
23
  let deprecateUncontrolledWarnTriggered = false;
25
24
  const Switch = exports.Switch = /*#__PURE__*/_react.default.forwardRef(({
26
25
  autoFocus,
@@ -51,7 +50,6 @@ const Switch = exports.Switch = /*#__PURE__*/_react.default.forwardRef(({
51
50
  "data-element": dataElement,
52
51
  "data-role": dataRole,
53
52
  helpAriaLabel,
54
- inputRef,
55
53
  ...rest
56
54
  }, ref) => {
57
55
  const isControlled = checked !== undefined;
@@ -59,10 +57,6 @@ const Switch = exports.Switch = /*#__PURE__*/_react.default.forwardRef(({
59
57
  validationRedesignOptIn
60
58
  } = (0, _react.useContext)(_carbonProvider.NewValidationContext);
61
59
  const [checkedInternal, setCheckedInternal] = (0, _react.useState)(defaultChecked || false);
62
- if (!deprecateInputRefWarnTriggered && inputRef) {
63
- deprecateInputRefWarnTriggered = true;
64
- _logger.default.deprecate("The `inputRef` prop in `Switch` component is deprecated and will soon be removed. Please use `ref` instead.");
65
- }
66
60
  if (!deprecateUncontrolledWarnTriggered && !onChange) {
67
61
  deprecateUncontrolledWarnTriggered = true;
68
62
  _logger.default.deprecate("Uncontrolled behaviour in `Switch` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
@@ -125,7 +119,7 @@ const Switch = exports.Switch = /*#__PURE__*/_react.default.forwardRef(({
125
119
  reverse: !reverse,
126
120
  // switched to preserve backward compatibility
127
121
  validationOnLabel: shouldValidationBeOnLabel && !disabled,
128
- ref: ref || inputRef,
122
+ ref,
129
123
  ...rest
130
124
  };
131
125
 
@@ -162,7 +156,7 @@ const Switch = exports.Switch = /*#__PURE__*/_react.default.forwardRef(({
162
156
  value,
163
157
  type: "checkbox",
164
158
  role: "switch",
165
- ref: ref || inputRef,
159
+ ref,
166
160
  ...rest
167
161
  };
168
162
  const applyValidation = error || warning;
@@ -279,9 +273,6 @@ if (process.env.NODE_ENV !== "production") {
279
273
  "info": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
280
274
  "inlist": _propTypes.default.any,
281
275
  "inputMode": _propTypes.default.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),
282
- "inputRef": _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
283
- "current": _propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.object]).isRequired
284
- })]),
285
276
  "inputWidth": _propTypes.default.number,
286
277
  "is": _propTypes.default.string,
287
278
  "isOptional": _propTypes.default.bool,