@firecms/core 3.0.0-canary.96 → 3.0.0-canary.98

package/dist/index.es.js

@@ -13,7 +13,7 @@ import useMeasure from "react-use-measure";
 import { useDropzone } from "react-dropzone";
 import { DragDropContext, Droppable, Draggable } from "@hello-pangea/dnd";
 import Resizer from "react-image-file-resizer";
-import * as JsSearch from "js-search";
+import Fuse from "fuse.js";
 import { FixedSizeList } from "react-window";
 import * as yup from "yup";
 import MarkdownIt from "markdown-it";
@@ -2652,15 +2652,20 @@ const iconSynonyms = {
   zoom_out: "find glass look magnifier magnifying minus negative scale search see size smaller",
   zoom_out_map: "arrows destination location maps move place stop"
 };
-const iconsSearch = new JsSearch.Search("key");
-iconsSearch.addIndex("synonyms");
-iconsSearch.addDocuments(iconKeys.map((importName) => {
+console.log("iconKeys", iconKeys);
+const map = iconKeys.map((importName) => {
+  const iconSynonym = importName in iconSynonyms ? iconSynonyms[importName] : "";
   return {
     key: importName,
-    // @ts-ignore
-    synonyms: iconSynonyms[importName] ?? []
+    synonyms: iconSynonym
   };
-}));
+});
+const iconsSearch = new Fuse(map, {
+  isCaseSensitive: false,
+  shouldSort: true,
+  distance: 0,
+  keys: ["key", "synonyms"]
+});
 function hashString(str) {
   let hash2 = 0;
   let i;
@@ -11417,11 +11422,6 @@ function useRestoreScroll() {
     direction
   };
 }
-const search = new JsSearch.Search("url");
-search.addIndex("name");
-search.addIndex("description");
-search.addIndex("group");
-search.addIndex("path");
 function DefaultHomePage({
   additionalActions,
   additionalChildrenStart,
@@ -11430,6 +11430,7 @@ function DefaultHomePage({
   const context = useFireCMSContext();
   const customizationController = useCustomizationController();
   const navigationController = useNavigationController();
+  const fuse = useRef(null);
   if (!navigationController.topLevelNavigation)
     throw Error("Navigation not ready in FireCMSHomePage");
   const {
@@ -11444,15 +11445,25 @@ function DefaultHomePage({
   const [filteredUrls, setFilteredUrls] = useState(null);
   const filteredNavigationEntries = filteredUrls ? navigationEntries.filter((entry) => filteredUrls.includes(entry.url)) : navigationEntries;
   useEffect(() => {
-    search.addDocuments(navigationEntries);
+    fuse.current = new Fuse(navigationEntries, {
+      keys: [
+        "name",
+        "description",
+        "group",
+        "path"
+      ]
+    });
   }, [navigationEntries]);
   const updateSearchResults = useCallback(
     (value) => {
       if (!value || value === "") {
         setFilteredUrls(null);
       } else {
-        const searchResult = search.search(value);
-        setFilteredUrls(searchResult.map((e) => e.url));
+        const searchResult = fuse.current?.search(value);
+        console.log("Search result", searchResult);
+        if (searchResult) {
+          setFilteredUrls(searchResult.map((e) => e.item.url));
+        }
       }
     },
     []
@@ -13587,7 +13598,9 @@ function SearchIconsView({
         setKeys(null);
       } else {
         const searchResult = iconsSearch.search(value);
-        setKeys(searchResult.map((e) => e.key));
+        const limit = 50;
+        const limited = searchResult.slice(0, limit);
+        setKeys(limited.map((e) => e.item.key));
       }
     }, UPDATE_SEARCH_INDEX_WAIT_MS),
     []
@@ -13599,6 +13612,7 @@ function SearchIconsView({
     };
   }, [query, updateSearchResults]);
   const icons = keys === null ? coolIconKeys : keys;
+  console.log("Icons", icons);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       SearchBar,