windmill-components 1.655.2 → 1.665.1

package/package/svelte5Utils.svelte.d.ts

@@ -1,184 +0,0 @@
-import type { StateStore } from './utils';
-export declare function withProps<Component, Props>(component: Component, props: Props): {
-    component: Component;
-    props: Props;
-};
-export declare function createState<T>(initialValue: T): T;
-export declare function stateSnapshot<T>(state: T): $state.Snapshot<T>;
-export declare function refreshStateStore<T>(store: StateStore<T>): void;
-export type UsePromiseResult<T> = ({
-    status: 'loading';
-    value?: undefined;
-    error?: undefined;
-} | {
-    status: 'error';
-    error: any;
-    value?: undefined;
-} | {
-    status: 'ok';
-    value: T;
-    error?: undefined;
-} | {
-    status: 'idle';
-    value?: undefined;
-    error?: undefined;
-}) & {
-    refresh: () => void;
-    clear: () => void;
-};
-export type UsePromiseOptions = {
-    loadInit?: boolean;
-    clearValueOnRefresh?: boolean;
-};
-/**
- * @deprecated Use `resource` from `runed` instead
- */
-export declare function usePromise<T>(createPromise: () => Promise<T>, { loadInit, clearValueOnRefresh }?: UsePromiseOptions): UsePromiseResult<T>;
-/**
- * Generic change tracker class that monitors changes in state using deep equality comparison
- * and provides a counter to trigger Svelte 5 reactivity. Similar to the pattern used in
- * FlowGraphV2.svelte's onModulesChange2 function.
- */
-export declare class ChangeTracker<T> {
-    #private;
-    counter: number;
-    constructor(initialValue?: T);
-    /**
-     * Check if the value has changed and update the counter to trigger reactivity
-     * @param value - The current value to check for changes
-     * @returns true if the value changed, false otherwise
-     */
-    track(value: T): boolean;
-}
-/**
- * This allows using async resources that only fetch missing data based on a set of keys.
- * It maintains a Record of the fetched data and only calls the fetcher for keys that
- * are not already present in the map.
- * The fetcher takes a record of keys to allow fetching multiple items in a single call.
- */
-export declare class MapResource<U, T> {
-    private _cached;
-    private _fetcherResource;
-    constructor(getValues: () => Record<string, U>, fetcher: (toFetch: Record<string, U>) => Promise<Record<string, T>>);
-    get current(): Record<string, T> | undefined;
-    get loading(): boolean;
-    get error(): Error | undefined;
-}
-export declare class ChangeOnDeepInequality<T> {
-    private _cached;
-    constructor(compute: () => T);
-    get value(): T;
-}
-export declare function useReducedMotion(): {
-    val: boolean;
-};
-export declare class StaleWhileLoading<T> {
-    private _current;
-    private _currentTimeout;
-    constructor(getter: () => T, timeout?: number);
-    get current(): T | undefined;
-}
-export interface UseInfiniteQueryOptions<TData, TPageParam> {
-    queryFn: (pageParam: TPageParam) => Promise<TData>;
-    initialPageParam: TPageParam;
-    getNextPageParam: (lastPage: TData, allPages: TData[]) => TPageParam | undefined;
-}
-export interface UseInfiniteQueryReturn<TData> {
-    current: TData[];
-    isLoading: boolean;
-    isFetchingNextPage: boolean;
-    hasNextPage: boolean;
-    error: Error | undefined;
-    fetchNextPage: () => Promise<void>;
-    reset: () => void;
-}
-/**
- * A Svelte 5 hook that detects when the user has scrolled to the bottom of an element
- *
- * @param selector - CSS selector for the element to monitor (if not provided, monitors window)
- * @param threshold - Distance from bottom in pixels to trigger (default: 0)
- * @returns Object with `current` getter that returns true when at bottom
- *
- * @example
- * // Monitor a specific element
- * const bottomDetector = useScrollToBottom('.my-scrollable-div', 100)
- *
- * // Monitor the window
- * const windowBottomDetector = useScrollToBottom()
- *
- * $effect(() => {
- *   if (bottomDetector.current) {
- *     console.log('User scrolled to bottom!')
- *   }
- * })
- */
-export declare function useScrollToBottom(selector: string, threshold?: number): {
-    current: boolean;
-};
-/**
- * A Svelte 5 hook for infinite query/pagination functionality
- *
- * @example
- * const query = useInfiniteQuery({
- *   queryFn: async (page) => fetchItems(page),
- *   initialPageParam: 0,
- *   getNextPageParam: (lastPage, allPages) =>
- *     lastPage.length > 0 ? allPages.length : undefined
- * })
- *
- * // Access data
- * query.current // All pages of data
- * query.isLoading // Initial loading state
- * query.isFetchingNextPage // Loading next page
- * query.hasNextPage // Whether more pages exist
- *
- * // Fetch next page
- * await query.fetchNextPage()
- */
-export declare function useInfiniteQuery<TData, TPageParam = number>(options: UseInfiniteQueryOptions<TData, TPageParam>): UseInfiniteQueryReturn<TData>;
-export declare function useKeyPressed<Key extends string>(keys: Key[], params?: {
-    onKeyUp?: (key: Key, e: KeyboardEvent) => void;
-    onKeyDown?: (key: Key, e: KeyboardEvent) => void;
-}): Record<Key, boolean>;
-export declare function useTransformedSyncedValue<T, U>(source: [() => T, (val: T) => void], transform: (val: T) => U, inverseTransform: (val: U) => T): {
-    val: U;
-    reparse(): void;
-};
-/**
- * Maintains a local copy of a value that syncs back to the parent state in a debounced way.
- *
- * Useful for inputs where you want immediate local reactivity but don't want to
- * flood the parent with updates (e.g. text fields, sliders).
- *
- * @param getter - Reads the canonical value from the parent
- * @param setter - Writes a new canonical value to the parent (called debounced)
- * @param react - A function that reads the fields to react to.
- * @param delay - Debounce delay in ms (default: 300)
- *
- * @example
- * const debounced = new DebouncedTempValue(
- *   () => props.value,
- *   (v) => { props.value = v },
- *   (t) => t, // react to the value itself
- *   300
- * )
- * // Use debounced.current in the template; writes are debounced to the parent.
- */
-export declare class DebouncedTempValue<T> {
-    #private;
-    private setter;
-    private delay;
-    current: T;
-    constructor(getter: () => T, setter: (val: T) => void, react: (t: T) => void, delay?: number);
-    /** Flush any pending debounced write immediately. */
-    flush(): void;
-}
-export declare function useLocalStorageValue<T>(key: string, defaultValue: T, typ?: 'string' | 'number' | 'boolean'): {
-    val: T;
-};
-export declare function onCustomEvent(node: any, { event, handler }: {
-    event: any;
-    handler: any;
-}): {
-    destroy: () => any;
-};