The Lazy loading Findkit UI

https://docs.findkit.com/ui/api/

A class for the internal logic and state of the search ui

This includes

- managing the search requests - input value throttling - keyboard navigation - query string monitoring

This is basically a wrapper around a Valtio proxy object.

The data flow is as follows: - User types in the input - The input events are throttled and the search term is copied to the query string (fdk_q by default) - A query string change is deteted and the search is triggered - Once the search completes the results are put into the Valtio state with the used search terms

Eg. the search is always triggered from the query string change. This means it is also possible to trigger the search with history.pushState() or history.replaceState() and input value will updated to match it unless the input is focused.

Run the given CSS selector after the DOMContentLoaded event and filter the results to given instance type. Does not invoke the callback if no elements where matched.

The callback is invoked immediately when the DOMContentLoaded event has already fired.

Returns a ref for binding a inputs to the search

Example:

const ref = useInput(); <input ref={ref} type="text" />

Like Parameters<typeof fn> but for class methods

Example: Parameters<typeof HubDB, "ensureUser">[0]

Operator type for a filter. $eq, $gt, $gte, $lt, $lte, $all, $in, $ne etc..

New in v0.9.0