fix: make select search insensitive to special chars

abelflopes · Jul 11, 2024 · 11d6c65 · 11d6c65
1 parent 5592dfb
commit 11d6c65
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/packages/components/select/src/index.tsx b/packages/components/select/src/index.tsx
@@ -6,7 +6,7 @@ import { Input } from "@react-ck/input";
 import classNames from "classnames";
 import { useNextRender } from "@react-ck/react-utils";
 import { EmptyState } from "@react-ck/empty-state";
-import { getChildrenData, valueAsArray } from "./utils";
+import { getChildrenData, simplifyString, valueAsArray } from "./utils";
 import { type SelectProps, type ChangeHandler, type SelectOptionProps } from "./types";
 import { SelectContext, type SelectContextProps } from "./context";
 
@@ -54,7 +54,7 @@ const Select = ({
         .filter(
           (i) =>
             !search.length ||
-            (i.textContent && i.textContent.toLowerCase().includes(search.toLowerCase())),
+            (i.textContent && simplifyString(i.textContent).includes(simplifyString(search))),
         )
         .map((i) => i.element),
     [childrenData, search],

diff --git a/packages/components/select/src/utils.ts b/packages/components/select/src/utils.ts
@@ -41,3 +41,20 @@ export const getChildrenData = (children: React.ReactNode): SelectChildrenData[]
       selectOptionProps: undefined,
     };
   });
+
+export const simplifyString = (s: string): string => {
+  let r = s.toLowerCase().trim();
+  r = r.replace(new RegExp("\\s", "gu"), "");
+  r = r.replace(new RegExp("[àáâãäå]", "gu"), "a");
+  r = r.replace(new RegExp("æ", "gu"), "ae");
+  r = r.replace(new RegExp("ç", "gu"), "c");
+  r = r.replace(new RegExp("[èéêë]", "gu"), "e");
+  r = r.replace(new RegExp("[ìíîï]", "gu"), "i");
+  r = r.replace(new RegExp("ñ", "gu"), "n");
+  r = r.replace(new RegExp("[òóôõö]", "gu"), "o");
+  r = r.replace(new RegExp("œ", "gu"), "oe");
+  r = r.replace(new RegExp("[ùúûü]", "gu"), "u");
+  r = r.replace(new RegExp("[ýÿ]", "gu"), "y");
+  // r = r.replace(new RegExp("\\W", "gu"), ""); // Special chars
+  return r;
+};