@swan-io/lake 7.0.8 → 7.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "7.0.8",
+  "version": "7.1.1",
   "engines": {
     "node": ">=18.0.0",
     "yarn": "^1.22.0"

package/src/components/LakeSearchField.js

@@ -4,6 +4,7 @@ import { Pressable, StyleSheet, View } from "react-native";
 import { animations, backgroundColor, colors, radii, spacings } from "../constants/design";
 import { useBoolean } from "../hooks/useBoolean";
 import { useDebounce } from "../hooks/useDebounce";
+import { isNotNullishOrEmpty } from "../utils/nullish";
 import { LakeButton } from "./LakeButton";
 import { LakeTextInput } from "./LakeTextInput";
 import { ResponsiveContainer } from "./ResponsiveContainer";
@@ -64,14 +65,14 @@ const CollapsibleSeachField = ({ inputRef, placeholder, initialValue, onChange,
                     setFocused.on();
                 }, pill: currentValue !== "" }), _jsx(TransitionView, { style: styles.openSearchFieldContainer, ...animations.fadeAndSlideInFromRight, children: hasFocus ? (_jsx(View, { style: styles.openSearchField, children: _jsx(ExpandedSearchField, { inputRef: inputRef, placeholder: placeholder, initialValue: initialValue, onChange: onChange, setFocused: setFocused, hasFocus: hasFocus, clear: clear, currentValue: currentValue, renderEnd: renderEnd }) })) : null })] }));
 };
-const ExpandedSearchField = ({ inputRef, placeholder, initialValue, onChange, setFocused, hasFocus, clear, renderEnd, }) => {
+const ExpandedSearchField = ({ inputRef, placeholder, initialValue, onChange, setFocused, hasFocus, clear, renderEnd, currentValue, }) => {
     const timeoutRef = useRef(null);
-    return (_jsx(LakeTextInput, { ref: inputRef, autoFocus: hasFocus, icon: "search-filled", placeholder: placeholder, defaultValue: initialValue, inputMode: "search", onChangeText: onChange, hideErrors: true, renderEnd: () => (_jsxs(_Fragment, { children: [_jsx(Pressable, { onPress: () => {
+    return (_jsx(LakeTextInput, { ref: inputRef, autoFocus: hasFocus, icon: "search-filled", placeholder: placeholder, defaultValue: initialValue, inputMode: "search", onChangeText: onChange, hideErrors: true, renderEnd: () => (_jsxs(_Fragment, { children: [isNotNullishOrEmpty(currentValue) && (_jsx(Pressable, { onPress: () => {
                         if (timeoutRef.current != null) {
                             clearTimeout(timeoutRef.current);
                         }
                         clear();
-                    }, style: styles.clearButton, children: _jsx(Svg, { viewBox: "0 0 16 16", style: styles.clear, children: _jsxs(_Fragment, { children: [_jsx(Line, { x1: "0", x2: "16", y1: "0", y2: "16", strokeLinecap: "round", stroke: colors.gray[500], strokeWidth: 2 }), _jsx(Line, { x1: "0", x2: "16", y1: "16", y2: "0", strokeLinecap: "round", stroke: colors.gray[500], strokeWidth: 2 })] }) }) }), renderEnd === null || renderEnd === void 0 ? void 0 : renderEnd()] })), onFocus: () => {
+                    }, style: styles.clearButton, children: _jsx(Svg, { viewBox: "0 0 16 16", style: styles.clear, children: _jsxs(_Fragment, { children: [_jsx(Line, { x1: "0", x2: "16", y1: "0", y2: "16", strokeLinecap: "round", stroke: colors.gray[500], strokeWidth: 2 }), _jsx(Line, { x1: "0", x2: "16", y1: "16", y2: "0", strokeLinecap: "round", stroke: colors.gray[500], strokeWidth: 2 })] }) }) })), renderEnd === null || renderEnd === void 0 ? void 0 : renderEnd()] })), onFocus: () => {
             if (timeoutRef.current != null) {
                 clearTimeout(timeoutRef.current);
             }

package/src/hooks/useAsyncDataSuspense.js

@@ -15,7 +15,7 @@ export const useAsyncDataSuspense = (asyncData) => {
             resolve(undefined);
             hasResolved.current = true;
         }
-    });
+    }, [asyncData, resolve]);
     if (!hasResolved.current) {
         throw promiseToThrow;
     }

package/src/hooks/useUrqlQuery.d.ts

@@ -1,6 +1,6 @@
-import { AsyncData, Result } from "@swan-io/boxed";
+import { AsyncData, Future, Result } from "@swan-io/boxed";
 import { DependencyList } from "react";
-import { AnyVariables, CombinedError, UseQueryArgs } from "urql";
+import { AnyVariables, CombinedError, DocumentInput, UseQueryArgs } from "urql";
 type Query<Data> = {
     isForceReloading: boolean;
     data: AsyncData<Result<Data, CombinedError>>;
@@ -16,4 +16,9 @@ type PaginatedQuery<Data> = {
     setAfter: (cursor: string | undefined) => void;
 };
 export declare const useUrqlPaginatedQuery: <Data, Variables extends AnyVariables>(args: UseQueryArgs<Variables, Data>, dependencyList?: DependencyList) => PaginatedQuery<Data>;
+type DeferredQuery<Data, Variables extends AnyVariables> = [
+    data: AsyncData<Result<Data, CombinedError>>,
+    query: (args: Variables) => Future<Result<Data, CombinedError>>
+];
+export declare const useDeferredUrqlQuery: <Data, Variables extends AnyVariables>(document: DocumentInput<Data, Variables>) => DeferredQuery<Data, Variables>;
 export {};

package/src/hooks/useUrqlQuery.js

@@ -1,7 +1,8 @@
-import { AsyncData, Result } from "@swan-io/boxed";
+import { AsyncData, Future, Result } from "@swan-io/boxed";
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { useQuery } from "urql";
+import { useClient, useQuery, } from "urql";
 import { isNotNullish, isNullish } from "../utils/nullish";
+import { parseOperationResult } from "../utils/urql";
 const EMPTY_DEPENDENCY_LIST = [];
 export const useUrqlQuery = (args, dependencyList = EMPTY_DEPENDENCY_LIST) => {
     const hasDependencyList = dependencyList !== EMPTY_DEPENDENCY_LIST;
@@ -81,3 +82,14 @@ export const useUrqlPaginatedQuery = (args, dependencyList = EMPTY_DEPENDENCY_LI
         setAfter,
     };
 };
+export const useDeferredUrqlQuery = (document) => {
+    const [data, setData] = useState(AsyncData.NotAsked());
+    const client = useClient();
+    const query = useCallback((args) => {
+        setData(AsyncData.Loading());
+        return Future.fromPromise(client.query(document, args).toPromise().then(parseOperationResult)).tap(data => {
+            setData(AsyncData.Done(data));
+        });
+    }, [client, document]);
+    return [data, query];
+};