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

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("react"), require("notistack"), require("object-hash"), require("@firecms/formex"), require("@firecms/ui"), require("react-fast-compare"), require("react-router-dom"), require("date-fns"), require("date-fns/locale"), require("react-use-measure"), require("react-dropzone"), require("@hello-pangea/dnd"), require("react-image-file-resizer"), require("js-search"), require("react-window"), require("yup"), require("markdown-it"), require("react-markdown-editor-lite"), require("@radix-ui/react-portal")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "react", "notistack", "object-hash", "@firecms/formex", "@firecms/ui", "react-fast-compare", "react-router-dom", "date-fns", "date-fns/locale", "react-use-measure", "react-dropzone", "@hello-pangea/dnd", "react-image-file-resizer", "js-search", "react-window", "yup", "markdown-it", "react-markdown-editor-lite", "@radix-ui/react-portal"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["FireCMS Core"] = {}, global.jsxRuntime, global.React, global.notistack, global.hash, global.formex, global.ui, global.equal, global.reactRouterDom, global.dateFns, global.locales, global.useMeasure, global.reactDropzone, global.dnd, global.Resizer, global.JsSearch, global.reactWindow, global.yup, global.MarkdownIt, global.MdEditor, global.Portal));
-})(this, function(exports2, jsxRuntime, React, notistack, hash, formex, ui, equal, reactRouterDom, dateFns, locales, useMeasure, reactDropzone, dnd, Resizer, JsSearch, reactWindow, yup, MarkdownIt, MdEditor, Portal) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("react"), require("notistack"), require("object-hash"), require("@firecms/formex"), require("@firecms/ui"), require("react-fast-compare"), require("react-router-dom"), require("date-fns"), require("date-fns/locale"), require("react-use-measure"), require("react-dropzone"), require("@hello-pangea/dnd"), require("react-image-file-resizer"), require("fuse.js"), require("react-window"), require("yup"), require("markdown-it"), require("react-markdown-editor-lite"), require("@radix-ui/react-portal")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "react", "notistack", "object-hash", "@firecms/formex", "@firecms/ui", "react-fast-compare", "react-router-dom", "date-fns", "date-fns/locale", "react-use-measure", "react-dropzone", "@hello-pangea/dnd", "react-image-file-resizer", "fuse.js", "react-window", "yup", "markdown-it", "react-markdown-editor-lite", "@radix-ui/react-portal"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["FireCMS Core"] = {}, global.jsxRuntime, global.React, global.notistack, global.hash, global.formex, global.ui, global.equal, global.reactRouterDom, global.dateFns, global.locales, global.useMeasure, global.reactDropzone, global.dnd, global.Resizer, global.Fuse, global.reactWindow, global.yup, global.MarkdownIt, global.MdEditor, global.Portal));
+})(this, function(exports2, jsxRuntime, React, notistack, hash, formex, ui, equal, reactRouterDom, dateFns, locales, useMeasure, reactDropzone, dnd, Resizer, Fuse, reactWindow, yup, MarkdownIt, MdEditor, Portal) {
   "use strict";
   function _interopNamespaceDefault(e) {
     const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -20,7 +20,6 @@
   }
   const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
   const locales__namespace = /* @__PURE__ */ _interopNamespaceDefault(locales);
-  const JsSearch__namespace = /* @__PURE__ */ _interopNamespaceDefault(JsSearch);
   const yup__namespace = /* @__PURE__ */ _interopNamespaceDefault(yup);
   const Portal__namespace = /* @__PURE__ */ _interopNamespaceDefault(Portal);
   const SnackbarProvider = ({ children }) => {
@@ -2656,15 +2655,20 @@
     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__namespace.Search("key");
-  iconsSearch.addIndex("synonyms");
-  iconsSearch.addDocuments(ui.iconKeys.map((importName) => {
+  console.log("iconKeys", ui.iconKeys);
+  const map = ui.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;
@@ -11421,11 +11425,6 @@
       direction
     };
   }
-  const search = new JsSearch__namespace.Search("url");
-  search.addIndex("name");
-  search.addIndex("description");
-  search.addIndex("group");
-  search.addIndex("path");
   function DefaultHomePage({
     additionalActions,
     additionalChildrenStart,
@@ -11434,6 +11433,7 @@
     const context = useFireCMSContext();
     const customizationController = useCustomizationController();
     const navigationController = useNavigationController();
+    const fuse = React.useRef(null);
     if (!navigationController.topLevelNavigation)
       throw Error("Navigation not ready in FireCMSHomePage");
     const {
@@ -11448,15 +11448,25 @@
     const [filteredUrls, setFilteredUrls] = React.useState(null);
     const filteredNavigationEntries = filteredUrls ? navigationEntries.filter((entry) => filteredUrls.includes(entry.url)) : navigationEntries;
     React.useEffect(() => {
-      search.addDocuments(navigationEntries);
+      fuse.current = new Fuse(navigationEntries, {
+        keys: [
+          "name",
+          "description",
+          "group",
+          "path"
+        ]
+      });
     }, [navigationEntries]);
     const updateSearchResults = React.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));
+          }
         }
       },
       []
@@ -13591,7 +13601,9 @@
           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),
       []
@@ -13603,6 +13615,7 @@
       };
     }, [query, updateSearchResults]);
     const icons = keys === null ? ui.coolIconKeys : keys;
+    console.log("Icons", icons);
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         ui.SearchBar,