@thecb/components 9.2.4-beta.15 → 9.2.4-beta.16

package/dist/index.cjs.js

@@ -23965,6 +23965,15 @@ var Dropdown = function Dropdown(_ref13) {
     }
   };
 
+  var stringContains = function stringContains(regexp, str) {
+    if (str && typeof str === "string" && regexp && _typeof(regexp) === _typeof(new RegExp(/[]/))) {
+      return regexp.test(str);
+    } else {
+      // If element is not a string, return false
+      return false;
+    }
+  };
+
   React.useEffect(function () {
     var selectedRefExists = selectedRef !== undefined && selectedRef.current !== null;
 
@@ -23998,7 +24007,26 @@ var Dropdown = function Dropdown(_ref13) {
     }
 
     setFilteredOptions(options.filter(function (option) {
-      return option.value.toLowerCase().match(inputValue.toLowerCase()) || option.text.toLowerCase().match(inputValue.toLowerCase());
+      var _option$value, _option$value$toLower, _option$text, _option$text$toLowerC;
+
+      var inputString = inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase();
+      var inputStringContainsPlus = stringContains(/\+/, inputString);
+      var inputStringContainsOpenParen = stringContains(/\(/, inputString);
+      var inputStringContainsCloseParen = stringContains(/\)/, inputString);
+
+      if (inputStringContainsPlus) {
+        inputString = inputString.replace(/\+/, "\\+");
+      }
+
+      if (inputStringContainsOpenParen) {
+        inputString = inputString.replace(/\(/, "\\(");
+      }
+
+      if (inputStringContainsCloseParen) {
+        inputString = inputString.replace(/\)/, "\\)");
+      }
+
+      return (option === null || option === void 0 ? void 0 : (_option$value = option.value) === null || _option$value === void 0 ? void 0 : (_option$value$toLower = _option$value.toLowerCase()) === null || _option$value$toLower === void 0 ? void 0 : _option$value$toLower.match(inputString)) || ((_option$text = option.text) === null || _option$text === void 0 ? void 0 : (_option$text$toLowerC = _option$text.toLowerCase()) === null || _option$text$toLowerC === void 0 ? void 0 : _option$text$toLowerC.match(inputString));
     }));
   }, [inputValue]);
   React.useEffect(function () {