carbon-react 141.0.4 → 141.0.6

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

@@ -10,7 +10,7 @@ export interface ContentPaddingInterface {
     py?: PaddingValues;
     px?: PaddingValues;
 }
-export interface DialogProps extends ModalProps, Omit<TagProps, "data-component"> {
+export interface DialogProps extends ModalProps, TagProps {
     /** Custom class name  */
     className?: string;
     /** Prop to specify the aria-describedby property of the Dialog component */

package/esm/components/dialog/dialog.component.js

@@ -16,6 +16,7 @@ import useModalAria from "../../hooks/__internal__/useModalAria/useModalAria";
 const PADDING_VALUES = [0, 1, 2, 3, 4, 5, 6, 7, 8];
 const Dialog = /*#__PURE__*/forwardRef(({
   className,
+  "data-component": dataComponent = "dialog",
   "data-element": dataElement = "dialog",
   "data-role": dataRole,
   children,
@@ -166,7 +167,7 @@ const Dialog = /*#__PURE__*/forwardRef(({
     isOpen: open,
     additionalWrapperRefs: focusableContainers
   }, /*#__PURE__*/React.createElement(StyledDialog, _extends({
-    "data-component": "dialog",
+    "data-component": dataComponent,
     "data-element": dataElement,
     "data-role": dataRole,
     "aria-modal": isTopModal ? true : undefined,
@@ -202,6 +203,7 @@ if (process.env.NODE_ENV !== "production") {
       "px": PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8]),
       "py": PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8])
     }),
+    "data-component": PropTypes.string,
     "data-element": PropTypes.string,
     "data-role": PropTypes.string,
     "disableAutoFocus": PropTypes.bool,

package/esm/components/numeral-date/numeral-date.component.js

@@ -149,7 +149,7 @@ export const NumeralDate = ({
     }
   });
   const onKeyDown = event => {
-    const isValidKey = Events.isNumberKey(event) || Events.isTabKey(event) || event.key === "Delete" || event.key === "Backspace";
+    const isValidKey = Events.isNumberKey(event) || Events.isTabKey(event) || Events.isEnterKey(event) || event.key === "Delete" || event.key === "Backspace";
     if (!isValidKey) {
       event.preventDefault();
     }

package/esm/components/select/__internal__/utils/highlight-part-of-text.js

@@ -8,9 +8,9 @@ function highlightPartOfText(text, partToHighlight) {
   if (indexOfFirstMatch === -1) {
     return text;
   }
-  const precedingText = text.substr(0, indexOfFirstMatch);
-  const matchingText = text.substr(indexOfFirstMatch, partToHighlight.length);
-  const followingText = text.substr(indexOfFirstMatch + partToHighlight.length, text.length);
+  const precedingText = text.slice(0, indexOfFirstMatch);
+  const matchingText = text.slice(indexOfFirstMatch, indexOfFirstMatch + partToHighlight.length);
+  const followingText = text.slice(indexOfFirstMatch + partToHighlight.length, text.length);
   let followingTextNode = followingText;
   if (followingText.length >= partToHighlight.length) {
     followingTextNode = highlightPartOfText(followingText, partToHighlight);
@@ -18,7 +18,8 @@ function highlightPartOfText(text, partToHighlight) {
   const newValue = [/*#__PURE__*/React.createElement("span", {
     key: "preceding"
   }, precedingText), /*#__PURE__*/React.createElement(MatchingText, {
-    key: "match"
+    key: "match",
+    "data-role": "matching-text"
   }, matchingText), /*#__PURE__*/React.createElement("span", {
     key: "following"
   }, followingTextNode)];

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

@@ -10,7 +10,7 @@ export interface ContentPaddingInterface {
     py?: PaddingValues;
     px?: PaddingValues;
 }
-export interface DialogProps extends ModalProps, Omit<TagProps, "data-component"> {
+export interface DialogProps extends ModalProps, TagProps {
     /** Custom class name  */
     className?: string;
     /** Prop to specify the aria-describedby property of the Dialog component */

package/lib/components/dialog/dialog.component.js

@@ -25,6 +25,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 const PADDING_VALUES = [0, 1, 2, 3, 4, 5, 6, 7, 8];
 const Dialog = exports.Dialog = /*#__PURE__*/(0, _react.forwardRef)(({
   className,
+  "data-component": dataComponent = "dialog",
   "data-element": dataElement = "dialog",
   "data-role": dataRole,
   children,
@@ -175,7 +176,7 @@ const Dialog = exports.Dialog = /*#__PURE__*/(0, _react.forwardRef)(({
     isOpen: open,
     additionalWrapperRefs: focusableContainers
   }, /*#__PURE__*/_react.default.createElement(_dialog.StyledDialog, _extends({
-    "data-component": "dialog",
+    "data-component": dataComponent,
     "data-element": dataElement,
     "data-role": dataRole,
     "aria-modal": isTopModal ? true : undefined,
@@ -211,6 +212,7 @@ if (process.env.NODE_ENV !== "production") {
       "px": _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8]),
       "py": _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8])
     }),
+    "data-component": _propTypes.default.string,
     "data-element": _propTypes.default.string,
     "data-role": _propTypes.default.string,
     "disableAutoFocus": _propTypes.default.bool,

package/lib/components/numeral-date/numeral-date.component.js

@@ -158,7 +158,7 @@ const NumeralDate = ({
     }
   });
   const onKeyDown = event => {
-    const isValidKey = _events.default.isNumberKey(event) || _events.default.isTabKey(event) || event.key === "Delete" || event.key === "Backspace";
+    const isValidKey = _events.default.isNumberKey(event) || _events.default.isTabKey(event) || _events.default.isEnterKey(event) || event.key === "Delete" || event.key === "Backspace";
     if (!isValidKey) {
       event.preventDefault();
     }

package/lib/components/select/__internal__/utils/highlight-part-of-text.js

@@ -15,9 +15,9 @@ function highlightPartOfText(text, partToHighlight) {
   if (indexOfFirstMatch === -1) {
     return text;
   }
-  const precedingText = text.substr(0, indexOfFirstMatch);
-  const matchingText = text.substr(indexOfFirstMatch, partToHighlight.length);
-  const followingText = text.substr(indexOfFirstMatch + partToHighlight.length, text.length);
+  const precedingText = text.slice(0, indexOfFirstMatch);
+  const matchingText = text.slice(indexOfFirstMatch, indexOfFirstMatch + partToHighlight.length);
+  const followingText = text.slice(indexOfFirstMatch + partToHighlight.length, text.length);
   let followingTextNode = followingText;
   if (followingText.length >= partToHighlight.length) {
     followingTextNode = highlightPartOfText(followingText, partToHighlight);
@@ -25,7 +25,8 @@ function highlightPartOfText(text, partToHighlight) {
   const newValue = [/*#__PURE__*/_react.default.createElement("span", {
     key: "preceding"
   }, precedingText), /*#__PURE__*/_react.default.createElement(_matchingText.default, {
-    key: "match"
+    key: "match",
+    "data-role": "matching-text"
   }, matchingText), /*#__PURE__*/_react.default.createElement("span", {
     key: "following"
   }, followingTextNode)];

package/package.json

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