carbon-react 144.14.0 → 144.15.0

package/esm/components/decimal/decimal.component.d.ts

@@ -25,7 +25,7 @@ export interface DecimalProps extends Omit<CommonTextboxProps, "onChange" | "onB
     onChange?: (ev: CustomEvent) => void;
     /** Handler for blur event */
     onBlur?: (ev: CustomEvent) => void;
-    /** Handler for key press event */
+    /** [Deprecated] Handler for key press event */
     onKeyPress?: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
     /** The input name */
     name?: string;

package/esm/components/decimal/decimal.component.js

@@ -7,6 +7,7 @@ import LocaleContext from "../../__internal__/i18n-context";
 import usePrevious from "../../hooks/__internal__/usePrevious";
 import Logger from "../../__internal__/utils/logger";
 let deprecateUncontrolledWarnTriggered = false;
+let deprecateOnKeyPressWarnTriggered = false;
 const Decimal = /*#__PURE__*/React.forwardRef(({
   align = "right",
   defaultValue,
@@ -166,6 +167,10 @@ const Decimal = /*#__PURE__*/React.forwardRef(({
     deprecateUncontrolledWarnTriggered = true;
     Logger.deprecate("Uncontrolled behaviour in `Decimal` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
   }
+  if (!deprecateOnKeyPressWarnTriggered && onKeyPress) {
+    deprecateOnKeyPressWarnTriggered = true;
+    Logger.deprecate("`onKeyPress` prop in `Decimal` is deprecated and will soon be removed, please use `onKeyDown` instead.");
+  }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Textbox, _extends({
     onKeyPress: onKeyPress,
     align: align,

package/esm/components/grouped-character/grouped-character.component.js

@@ -27,6 +27,7 @@ const GroupedCharacter = /*#__PURE__*/React.forwardRef(({
   groups,
   onBlur,
   onChange,
+  onKeyDown,
   separator: rawSeparator,
   value: externalValue,
   ...rest
@@ -90,7 +91,7 @@ const GroupedCharacter = /*#__PURE__*/React.forwardRef(({
       onBlur(modifiedEvent);
     }
   };
-  const handleKeyPress = ev => {
+  const handleKeyDown = ev => {
     const {
       selectionStart,
       selectionEnd
@@ -98,16 +99,22 @@ const GroupedCharacter = /*#__PURE__*/React.forwardRef(({
 
     /* istanbul ignore next */
     const hasSelection = (selectionEnd ?? 0) - (selectionStart ?? 0) > 0;
-    if (maxRawLength === value.length && !hasSelection) {
+
+    // check if the key pressed is a character key
+    const isCharacterKey = ev.key.length === 1;
+    if (isCharacterKey && maxRawLength === value.length && !hasSelection) {
       ev.preventDefault();
     }
+    if (onKeyDown) {
+      onKeyDown(ev);
+    }
   };
   return /*#__PURE__*/React.createElement(Textbox, _extends({}, rest, {
     value: value,
     formattedValue: formatValue(value),
     onChange: handleChange,
     onBlur: handleBlur,
-    onKeyPress: handleKeyPress,
+    onKeyDown: handleKeyDown,
     ref: ref
   }));
 });

package/lib/components/decimal/decimal.component.d.ts

@@ -25,7 +25,7 @@ export interface DecimalProps extends Omit<CommonTextboxProps, "onChange" | "onB
     onChange?: (ev: CustomEvent) => void;
     /** Handler for blur event */
     onBlur?: (ev: CustomEvent) => void;
-    /** Handler for key press event */
+    /** [Deprecated] Handler for key press event */
     onKeyPress?: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
     /** The input name */
     name?: string;

package/lib/components/decimal/decimal.component.js

@@ -16,6 +16,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 let deprecateUncontrolledWarnTriggered = false;
+let deprecateOnKeyPressWarnTriggered = false;
 const Decimal = exports.Decimal = /*#__PURE__*/_react.default.forwardRef(({
   align = "right",
   defaultValue,
@@ -175,6 +176,10 @@ const Decimal = exports.Decimal = /*#__PURE__*/_react.default.forwardRef(({
     deprecateUncontrolledWarnTriggered = true;
     _logger.default.deprecate("Uncontrolled behaviour in `Decimal` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
   }
+  if (!deprecateOnKeyPressWarnTriggered && onKeyPress) {
+    deprecateOnKeyPressWarnTriggered = true;
+    _logger.default.deprecate("`onKeyPress` prop in `Decimal` is deprecated and will soon be removed, please use `onKeyDown` instead.");
+  }
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_textbox.default, _extends({
     onKeyPress: onKeyPress,
     align: align,

package/lib/components/grouped-character/grouped-character.component.js

@@ -36,6 +36,7 @@ const GroupedCharacter = exports.GroupedCharacter = /*#__PURE__*/_react.default.
   groups,
   onBlur,
   onChange,
+  onKeyDown,
   separator: rawSeparator,
   value: externalValue,
   ...rest
@@ -99,7 +100,7 @@ const GroupedCharacter = exports.GroupedCharacter = /*#__PURE__*/_react.default.
       onBlur(modifiedEvent);
     }
   };
-  const handleKeyPress = ev => {
+  const handleKeyDown = ev => {
     const {
       selectionStart,
       selectionEnd
@@ -107,16 +108,22 @@ const GroupedCharacter = exports.GroupedCharacter = /*#__PURE__*/_react.default.
 
     /* istanbul ignore next */
     const hasSelection = (selectionEnd ?? 0) - (selectionStart ?? 0) > 0;
-    if (maxRawLength === value.length && !hasSelection) {
+
+    // check if the key pressed is a character key
+    const isCharacterKey = ev.key.length === 1;
+    if (isCharacterKey && maxRawLength === value.length && !hasSelection) {
       ev.preventDefault();
     }
+    if (onKeyDown) {
+      onKeyDown(ev);
+    }
   };
   return /*#__PURE__*/_react.default.createElement(_textbox.default, _extends({}, rest, {
     value: value,
     formattedValue: formatValue(value),
     onChange: handleChange,
     onBlur: handleBlur,
-    onKeyPress: handleKeyPress,
+    onKeyDown: handleKeyDown,
     ref: ref
   }));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "144.14.0",
+  "version": "144.15.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",