Escape search string

search function accept regex argument or converts it to regex if string is provider. If you tried search for \ it threw exception. This change fixes it.
oacore · Nov 25, 2020 · ff43c26 · ff43c26 · vercel · Nov 25, 2020
1 parent a42a576
commit ff43c26
Show file tree

Hide file tree

Showing 4 changed files with 571 additions and 5 deletions.
diff --git a/components/table/select.jsx b/components/table/select.jsx
@@ -1,5 +1,6 @@
 import React, { useEffect, useState, useCallback } from 'react'
 import { Select as DesignSelect } from '@oacore/design'
+import escapeString from 'escape-string-regexp'
 
 const Select = ({ id, options, label, placeholder, onOptionSelected }) => {
   const [selectValue, setSelectValue] = useState('')
@@ -8,7 +9,10 @@ const Select = ({ id, options, label, placeholder, onOptionSelected }) => {
   const getOptions = useCallback(
     (searchTerm) =>
       options.filter(
-        (el) => el.value.toLowerCase().search(searchTerm?.toLowerCase()) !== -1
+        (el) =>
+          el.value
+            .toLowerCase()
+            .search(escapeString(searchTerm?.toLowerCase())) !== -1
       ),
 
     [options]