@cripty2001/utils 0.0.112 → 0.0.114

package/dist/Searcher/index.d.ts

@@ -0,0 +1,11 @@
+import { Whispr } from "@cripty2001/whispr";
+export type SearcherData<T> = {
+    queries: string[];
+    doc: T;
+};
+export declare class Searcher<T> {
+    private data;
+    constructor(data: SearcherData<T>[]);
+    search(query: string): SearcherData<T>[];
+}
+export declare function useSearcher_w<T>(data: SearcherData<T>[], query: Whispr<string>): Whispr<SearcherData<T>[]>;

package/dist/Searcher/index.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Searcher = void 0;
+exports.useSearcher_w = useSearcher_w;
+const whispr_1 = require("@cripty2001/whispr");
+class Searcher {
+    data = [];
+    constructor(data) {
+        this.data = data;
+    }
+    search(query) {
+        return this.data.filter(item => item.queries.some(q => q.includes(query.toLowerCase())));
+    }
+}
+exports.Searcher = Searcher;
+function useSearcher_w(data, query) {
+    const searcher = new Searcher(data);
+    let unsubscribe = () => { };
+    const [toReturn, setToReturn] = whispr_1.Whispr.create([], () => unsubscribe());
+    unsubscribe = query.subscribe((q) => {
+        let result = searcher.search(q);
+        setToReturn(result);
+    }, true);
+    return toReturn;
+}

package/dist/react-ui/modal.d.ts

@@ -1,6 +1,6 @@
 export type ModalComponentProps = {
     children: React.ReactNode;
-    open: boolean | undefined;
-    setOpen: (open: boolean) => void | undefined;
+    open: boolean;
+    setOpen: (open: boolean) => void;
 };
 export default function ModalComponent(props: ModalComponentProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/react-ui/modal.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = ModalComponent;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const react_whispr_1 = require("../react-whispr");
 const slideUpKeyframes = `
 @keyframes slide-up {
     from { 
@@ -28,8 +27,7 @@ let modalCount = 0;
 function ModalComponent(props) {
     const zIndex = (0, react_1.useRef)(1000 + modalCount++).current;
     const id = (0, react_1.useRef)(`modal-${zIndex}`).current;
-    const [open, setOpen] = (0, react_whispr_1.useSynced)(true, props.open, props.setOpen);
-    if (!open)
+    if (!props.open)
         return null;
     return ((0, jsx_runtime_1.jsx)("div", { id: id, style: {
             position: 'fixed',
@@ -45,5 +43,5 @@ function ModalComponent(props) {
             height: '100vh',
             width: '100vw',
             zIndex: zIndex
-        }, onClick: () => setOpen(false), children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: '100%', animation: 'slide-up 0.3s ease-out' }, onClick: (e) => e.stopPropagation(), children: props.children }) }));
+        }, onClick: () => props.setOpen(false), children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: '100%', animation: 'slide-up 0.3s ease-out' }, onClick: (e) => e.stopPropagation(), children: props.children }) }));
 }

package/dist/react-whispr.d.ts

@@ -1,5 +1,6 @@
 import { Whispr } from "@cripty2001/whispr";
 import { Dispatcher } from "./Dispatcher";
+import { SearcherData } from "./Searcher";
 /**
  * Convert a Whispr value into a reactive react value, usable in function components with the standard react reactive system.
  * If the value is not a Whispr, it is returned as is, thus allowing for progressive migration and adoption
@@ -70,3 +71,11 @@ export declare function useAsync<I, O>(f: (input: I, setProgress: (p: number) =>
  * @returns A callback (reactive, will change on refresh) that formats a given timestamp into a relative time string.
  */
 export declare function useRelTime(refresh?: number): (ts: Date | number) => string;
+/**
+ * React shorthand for the Searcher
+ * @param data The data to search on (static, the hook must be re-called if those data changes)
+ * @param q The query to search for (dynamic, can be updated to have the returned results updated)
+ * @return The filtered data
+ *
+ */
+export declare function useSearcher<T>(data: SearcherData<T>[], q: string): SearcherData<T>[];

package/dist/react-whispr.js

@@ -8,11 +8,13 @@ exports.useDebounced = useDebounced;
 exports.useSynced = useSynced;
 exports.useAsync = useAsync;
 exports.useRelTime = useRelTime;
+exports.useSearcher = useSearcher;
 const whispr_1 = require("@cripty2001/whispr");
 const react_1 = require("react");
 const lodash_1 = require("lodash");
 const _1 = require(".");
 const Dispatcher_1 = require("./Dispatcher");
+const Searcher_1 = require("./Searcher");
 /**
  * Convert a Whispr value into a reactive react value, usable in function components with the standard react reactive system.
  * If the value is not a Whispr, it is returned as is, thus allowing for progressive migration and adoption
@@ -173,3 +175,15 @@ function useRelTime(refresh = 1000) {
     }, [currTs, rtf]);
     return cb;
 }
+/**
+ * React shorthand for the Searcher
+ * @param data The data to search on (static, the hook must be re-called if those data changes)
+ * @param q The query to search for (dynamic, can be updated to have the returned results updated)
+ * @return The filtered data
+ *
+ */
+function useSearcher(data, q) {
+    const q_w = useWhispr(q);
+    const searcher = (0, Searcher_1.useSearcher_w)(data, q_w);
+    return useWhisprValue(searcher);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cripty2001/utils",
-  "version": "0.0.112",
+  "version": "0.0.114",
   "description": "Internal Set of utils. If you need them use them, otherwise go to the next package ;)",
   "homepage": "https://github.com/cripty2001/utils#readme",
   "bugs": {