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.
- package/README.md +1 -1
- package/esm/__internal__/input/input.component.d.ts +0 -2
- package/esm/__internal__/input/input.component.js +0 -8
- package/esm/components/button/button-types.style.d.ts +0 -1
- package/esm/components/button/button-types.style.js +0 -21
- package/esm/components/button/button.component.d.ts +1 -5
- package/esm/components/button/button.component.js +5 -377
- package/esm/components/button/button.config.js +1 -1
- package/esm/components/button/index.d.ts +1 -1
- package/esm/components/button/index.js +1 -1
- package/esm/components/checkbox/checkbox.component.d.ts +0 -2
- package/esm/components/checkbox/checkbox.component.js +1 -10
- package/esm/components/confirm/confirm.component.d.ts +4 -4
- package/esm/components/date/date.component.js +0 -9
- package/esm/components/decimal/decimal.component.js +1 -9
- package/esm/components/grouped-character/grouped-character.component.js +0 -8
- package/esm/components/icon/icon.component.d.ts +2 -1
- package/esm/components/icon/icon.component.js +7 -3
- package/esm/components/number/number.component.js +0 -8
- package/esm/components/radio-button/radio-button.component.d.ts +0 -2
- package/esm/components/radio-button/radio-button.component.js +1 -11
- package/esm/components/select/filterable-select/filterable-select.component.js +2 -10
- package/esm/components/select/list-action-button/list-action-button.component.js +1 -1
- package/esm/components/select/multi-select/multi-select.component.js +2 -10
- package/esm/components/select/select-textbox/select-textbox.component.js +0 -1
- package/esm/components/select/simple-select/simple-select.component.js +2 -10
- package/esm/components/switch/switch.component.d.ts +0 -2
- package/esm/components/switch/switch.component.js +2 -11
- package/esm/components/textarea/textarea.component.js +0 -8
- package/esm/components/textbox/textbox.component.js +0 -8
- package/lib/__internal__/input/input.component.d.ts +0 -2
- package/lib/__internal__/input/input.component.js +0 -8
- package/lib/components/button/button-types.style.d.ts +0 -1
- package/lib/components/button/button-types.style.js +0 -21
- package/lib/components/button/button.component.d.ts +1 -5
- package/lib/components/button/button.component.js +6 -377
- package/lib/components/button/button.config.js +1 -1
- package/lib/components/button/index.d.ts +1 -1
- package/lib/components/button/index.js +2 -9
- package/lib/components/checkbox/checkbox.component.d.ts +0 -2
- package/lib/components/checkbox/checkbox.component.js +1 -10
- package/lib/components/confirm/confirm.component.d.ts +4 -4
- package/lib/components/date/date.component.js +0 -9
- package/lib/components/decimal/decimal.component.js +1 -9
- package/lib/components/grouped-character/grouped-character.component.js +0 -8
- package/lib/components/icon/icon.component.d.ts +2 -1
- package/lib/components/icon/icon.component.js +7 -3
- package/lib/components/number/number.component.js +0 -8
- package/lib/components/radio-button/radio-button.component.d.ts +0 -2
- package/lib/components/radio-button/radio-button.component.js +1 -11
- package/lib/components/select/filterable-select/filterable-select.component.js +2 -10
- package/lib/components/select/list-action-button/list-action-button.component.js +1 -1
- package/lib/components/select/multi-select/multi-select.component.js +2 -10
- package/lib/components/select/select-textbox/select-textbox.component.js +0 -1
- package/lib/components/select/simple-select/simple-select.component.js +2 -10
- package/lib/components/switch/switch.component.d.ts +0 -2
- package/lib/components/switch/switch.component.js +2 -11
- package/lib/components/textarea/textarea.component.js +0 -8
- package/lib/components/textbox/textbox.component.js +0 -8
- 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-
|
|
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
|
|
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 (
|
|
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
|
|
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,
|
|
@@ -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 (
|
|
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
|
|
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 (
|
|
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
|
|
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
|
|
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
|
|
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,
|