carbon-react 109.3.1 → 109.3.2

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

@@ -1,6 +1,7 @@
 import React from "react";
 import MatchingText from "./matching-text.style";
-export default function highlightPartOfText(text, partToHighlight) {
+
+function highlightPartOfText(text, partToHighlight) {
   if (!partToHighlight || !partToHighlight.length || !text) return text;
   const lowercaseText = text.toLowerCase();
   const lowercasePart = partToHighlight.toLowerCase();
@@ -26,4 +27,15 @@ export default function highlightPartOfText(text, partToHighlight) {
     key: "following"
   }, followingText)];
   return newValue;
+}
+
+export default function highlightPartOfTextRecursive(child, partToHighlight) {
+  if (typeof child === "string") {
+    return highlightPartOfText(child, partToHighlight);
+  }
+
+  const highlightedChildren = React.Children.map(child.props.children, grandChild => highlightPartOfTextRecursive(grandChild, partToHighlight));
+  return /*#__PURE__*/React.cloneElement(child, {
+    children: highlightedChildren
+  });
 }

package/esm/components/select/utils/with-filter.hoc.js

@@ -29,9 +29,10 @@ const filterOptionRows = (optionRow, filterText) => {
       const processedText = cell.props.children.toLowerCase();
       const processedValue = filterText.toLowerCase();
       return processedText.includes(processedValue);
-    }
+    } // filter recursively based on children
+
 
-    return false;
+    return filterOptionRows(cell, filterText);
   });
 
   if (hasText) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = highlightPartOfText;
+exports.default = highlightPartOfTextRecursive;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -37,4 +37,16 @@ function highlightPartOfText(text, partToHighlight) {
     key: "following"
   }, followingText)];
   return newValue;
+}
+
+function highlightPartOfTextRecursive(child, partToHighlight) {
+  if (typeof child === "string") {
+    return highlightPartOfText(child, partToHighlight);
+  }
+
+  const highlightedChildren = _react.default.Children.map(child.props.children, grandChild => highlightPartOfTextRecursive(grandChild, partToHighlight));
+
+  return /*#__PURE__*/_react.default.cloneElement(child, {
+    children: highlightedChildren
+  });
 }

package/lib/components/select/utils/with-filter.hoc.js

@@ -50,9 +50,10 @@ const filterOptionRows = (optionRow, filterText) => {
       const processedText = cell.props.children.toLowerCase();
       const processedValue = filterText.toLowerCase();
       return processedText.includes(processedValue);
-    }
+    } // filter recursively based on children
+
 
-    return false;
+    return filterOptionRows(cell, filterText);
   });
 
   if (hasText) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "109.3.1",
+  "version": "109.3.2",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {