@firecms/collection_editor 3.0.0-alpha.70 → 3.0.0-alpha.72

package/src/ui/collection_editor/SelectIcons.tsx

@@ -1,72 +0,0 @@
-import * as React from "react";
-import synonyms from "../../utils/synonyms";
-import { iconsSearch } from "../../utils/icons";
-import { coolIconKeys, debounce, Icon, IconButton, iconKeys, SearchBar, Tooltip } from "@firecms/ui";
-
-const UPDATE_SEARCH_INDEX_WAIT_MS = 220;
-
-if (process.env.NODE_ENV !== "production") {
-    Object.keys(synonyms).forEach((icon: string) => {
-        if (!iconKeys.includes(icon)) {
-            console.warn(`The icon ${icon} no longer exists. Remove it from \`synonyms\``);
-        }
-    });
-}
-
-interface SearchIconsProps {
-    selectedIcon?: string;
-    onIconSelected: (icon: string) => void;
-}
-
-export function SearchIcons({ selectedIcon = "", onIconSelected }: SearchIconsProps) {
-    const [keys, setKeys] = React.useState<string[] | null>(null);
-    const [query, setQuery] = React.useState<string>("");
-
-    const updateSearchResults = React.useMemo(() =>
-        debounce((value: string) => {
-            if (!value || value === "") {
-                setKeys(null);
-            } else {
-                const searchResult = iconsSearch.search(value);
-                setKeys(searchResult.map((e:any) => e.key));
-            }
-        }, UPDATE_SEARCH_INDEX_WAIT_MS), []
-    );
-
-    React.useEffect(() => {
-        updateSearchResults(query);
-        return () => {
-            updateSearchResults.clear();
-        };
-    }, [query, updateSearchResults]);
-
-    const icons = keys === null ? coolIconKeys : keys;
-
-    return (
-        <>
-            <SearchBar
-                autoFocus
-                innerClassName={"w-full sticky top-0 z-10"}
-                onTextSearch={(value?: string) => setQuery(value ?? "")}
-                placeholder="Search for more icons…"
-            />
-
-            <div className={"flex max-w-full flex-wrap mt-4"}>
-                {icons.map((icon: string) => {
-                    return (
-                        <Tooltip title={icon} key={icon}>
-                            <IconButton
-                                shape={"square"}
-                                toggled={selectedIcon === icon}
-                                onClick={() => onIconSelected(icon)}
-                                className="box-content m-1"
-                            >
-                                <Icon iconKey={icon} size={24} />
-                            </IconButton>
-                        </Tooltip>
-                    );
-                })}
-            </div>
-        </>
-    );
-}

package/src/utils/icons.ts

@@ -1,17 +0,0 @@
-import synonyms from "./synonyms";
-import { iconKeys } from "@firecms/ui";
-
-// @ts-ignore
-import * as JsSearch from "js-search";
-
-export const iconsSearch = new JsSearch.Search("key");
-iconsSearch.addIndex("synonyms");
-
-iconsSearch.addDocuments(iconKeys
-    .map((importName) => {
-        return {
-            key: importName,
-            // @ts-ignore
-            synonyms: synonyms[importName] ?? [],
-        }
-    }));