@swan-io/lake 13.5.3 → 13.6.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "13.5.3",
+  "version": "13.6.1",
   "engines": {
     "node": ">22.12.0"
   },

package/src/components/AutocompleteSearchInput.d.ts

@@ -13,12 +13,12 @@ type Props<T> = {
     id?: string;
     placeholder?: string;
     error?: string;
-    emptyResultText: string;
+    emptyResult: string;
     ListFooterComponent?: ReactNode;
     shouldDisplaySuggestions?: boolean;
     loadSuggestions?: (value: string) => Future<Result<Suggestion<T>[], unknown>>;
     onSuggestion: (suggestion: Suggestion<T>) => void;
     onLoadError?: (error: unknown) => void;
 };
-export declare const AutocompleteSearchInput: <T>({ inputRef, value, onValueChange, disabled, id, placeholder, error, emptyResultText, ListFooterComponent, shouldDisplaySuggestions, loadSuggestions, onSuggestion, onLoadError, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const AutocompleteSearchInput: <T>({ inputRef, value, onValueChange, disabled, id, placeholder, error, emptyResult, ListFooterComponent, shouldDisplaySuggestions, loadSuggestions, onSuggestion, onLoadError, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/AutocompleteSearchInput.js

@@ -12,7 +12,7 @@ const styles = StyleSheet.create({
         userSelect: "none",
     },
 });
-export const AutocompleteSearchInput = ({ inputRef, value, onValueChange, disabled, id, placeholder, error, emptyResultText, ListFooterComponent, shouldDisplaySuggestions = true, loadSuggestions, onSuggestion, onLoadError, }) => {
+export const AutocompleteSearchInput = ({ inputRef, value, onValueChange, disabled, id, placeholder, error, emptyResult, ListFooterComponent, shouldDisplaySuggestions = true, loadSuggestions, onSuggestion, onLoadError, }) => {
     const [state, setState] = useState(AsyncData.NotAsked());
     const lastRequest = useRef(undefined);
     return (_jsx(LakeCombobox, { inputRef: inputRef, id: id, placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", items: state, icon: loadSuggestions != null ? "search-filled" : undefined, disabled: disabled, error: error, ListFooterComponent: ListFooterComponent != null && (_jsxs(_Fragment, { children: [match(state)
@@ -36,5 +36,5 @@ export const AutocompleteSearchInput = ({ inputRef, value, onValueChange, disabl
                 }
                 request.onResolve(value => setState(AsyncData.Done(value)));
             }
-        }, keyExtractor: item => `${item.title} ${item.subtitle}`, emptyResultText: emptyResultText, renderItem: item => (_jsxs(_Fragment, { children: [_jsx(LakeText, { numberOfLines: 1, style: styles.unselectable, color: colors.gray[900], children: item.title }), _jsx(LakeText, { numberOfLines: 1, style: styles.unselectable, variant: "smallRegular", children: item.subtitle })] })) }));
+        }, keyExtractor: item => `${item.title} ${item.subtitle}`, emptyResult: emptyResult, renderItem: item => (_jsxs(_Fragment, { children: [_jsx(LakeText, { numberOfLines: 1, style: styles.unselectable, color: colors.gray[900], children: item.title }), _jsx(LakeText, { numberOfLines: 1, style: styles.unselectable, variant: "smallRegular", children: item.subtitle })] })) }));
 };

package/src/components/LakeCombobox.d.ts

@@ -1,5 +1,5 @@
 import { AsyncData, Result } from "@swan-io/boxed";
-import { ReactNode, Ref } from "react";
+import { ReactElement, ReactNode, Ref } from "react";
 import { IconName } from "./Icon";
 import { LakeTextInputProps } from "./LakeTextInput";
 export type LakeComboboxRef = {
@@ -22,10 +22,10 @@ export type LakeComboboxProps<I> = {
     icon?: IconName;
     placeholder?: string;
     disabled?: boolean;
-    emptyResultText: string;
+    emptyResult: string | ReactElement;
     error?: string;
     hideErrors?: boolean;
     id?: string;
     readOnly?: boolean;
 };
-export declare const LakeCombobox: <I>({ ref, inputRef, value, items, itemHeight, nbItemsDisplayed, ListFooterComponent, onChange, onValueChange, onSelectItem, renderItem, keyExtractor, icon, placeholder, disabled, emptyResultText, readOnly, id, error, hideErrors, }: LakeComboboxProps<I>) => import("react/jsx-runtime").JSX.Element;
+export declare const LakeCombobox: <I>({ ref, inputRef, value, items, itemHeight, nbItemsDisplayed, ListFooterComponent, onChange, onValueChange, onSelectItem, renderItem, keyExtractor, icon, placeholder, disabled, emptyResult, readOnly, id, error, hideErrors, }: LakeComboboxProps<I>) => import("react/jsx-runtime").JSX.Element;

package/src/components/LakeCombobox.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useId, useImperativeHandle, useRef, useState } from "react";
-import { Pressable, StyleSheet, Text, View, } from "react-native";
+import { useCallback, useId, useImperativeHandle, useRef, useState, } from "react";
+import { Pressable, StyleSheet, View, } from "react-native";
+import { match, P } from "ts-pattern";
 import { backgroundColor, colors, spacings } from "../constants/design";
 import { useMergeRefs } from "../hooks/useMergeRefs";
 import { getFocusableElements } from "../utils/a11y";
@@ -74,7 +75,7 @@ const styles = StyleSheet.create({
         flexGrow: 1,
     },
 });
-export const LakeCombobox = ({ ref, inputRef, value, items, itemHeight = DEFAULT_ELEMENT_HEIGHT, nbItemsDisplayed = DEFAULT_NB_SUGGESTION_DISPLAYED, ListFooterComponent, onChange, onValueChange, onSelectItem, renderItem, keyExtractor, icon, placeholder, disabled = false, emptyResultText, readOnly, id, error, hideErrors, }) => {
+export const LakeCombobox = ({ ref, inputRef, value, items, itemHeight = DEFAULT_ELEMENT_HEIGHT, nbItemsDisplayed = DEFAULT_NB_SUGGESTION_DISPLAYED, ListFooterComponent, onChange, onValueChange, onSelectItem, renderItem, keyExtractor, icon, placeholder, disabled = false, emptyResult, readOnly, id, error, hideErrors, }) => {
     const innerInputRef = useRef(null);
     const inputTextRef = useMergeRefs(innerInputRef, inputRef);
     const listContainerRef = useRef(null);
@@ -153,7 +154,10 @@ export const LakeCombobox = ({ ref, inputRef, value, items, itemHeight = DEFAULT
                         Loading: () => _jsx(LoadingView, { style: styles.loader }),
                         Done: items => items.match({
                             Error: _ => (_jsx(Icon, { name: "error-circle-regular", size: 22, color: colors.negative[500] })),
-                            Ok: items => (_jsxs(View, { ref: listContainerRef, style: styles.listContainer, children: [items.length === 0 ? (_jsxs(Box, { justifyContent: "center", alignItems: "center", style: styles.emptyList, children: [_jsx(Icon, { name: "clipboard-search-regular", size: 24, color: colors.gray.primary }), _jsx(Space, { height: 8 }), _jsx(Text, { style: styles.emptyListText, children: emptyResultText })] })) : (_jsx(FlatList, { keyExtractor: keyExtractor, role: "list", data: items, style: styles.flatList, ItemSeparatorComponent: _jsx(Separator, {}), renderItem: ({ item }) => {
+                            Ok: items => (_jsxs(View, { ref: listContainerRef, style: styles.listContainer, children: [items.length === 0 ? (match(emptyResult)
+                                        .with(P.string, text => (_jsxs(Box, { justifyContent: "center", alignItems: "center", style: styles.emptyList, children: [_jsx(Icon, { name: "clipboard-search-regular", size: 24, color: colors.gray.primary }), _jsx(Space, { height: 8 }), _jsx(LakeText, { style: styles.emptyListText, children: text })] })))
+                                        .when((value) => typeof value === "object" && value != null, element => element)
+                                        .exhaustive()) : (_jsx(FlatList, { keyExtractor: keyExtractor, role: "list", data: items, style: styles.flatList, ItemSeparatorComponent: _jsx(Separator, {}), renderItem: ({ item }) => {
                                             const rendered = renderItem(item);
                                             return (_jsx(Pressable, { onFocus: handleFocus, onBlur: handleBlur, role: "listitem", onKeyDown: handleListItemKeyPress, style: ({ hovered, pressed, focused }) => [
                                                     styles.item,

package/src/components/TimePicker.js

@@ -134,7 +134,7 @@ export const TimePicker = ({ value, onChangeText, suggestionStart = DEFAULT_STAR
                 const suffix = suggestionSuffix === null || suggestionSuffix === void 0 ? void 0 : suggestionSuffix(item);
                 const label = isNotNullishOrEmpty(suffix) ? `${text} ${suffix}` : text;
                 return (_jsxs(Box, { direction: "row", alignItems: "center", children: [_jsx(LakeText, { color: selected ? colors.gray[700] : colors.gray[900], variant: selected ? "smallRegular" : "medium", children: label }), _jsx(Fill, { minWidth: 8 }), selected && (_jsx(Icon, { name: "checkmark-filled", color: colors.positive[500], size: 16 }))] }));
-            }, readOnly: readOnly, disabled: disabled, error: error, hideErrors: hideErrors, emptyResultText: noSuggestionLabel, onChange: onChange, onValueChange: noop, onSelectItem: item => onChangeText(stringifyTime(item)) })) }));
+            }, readOnly: readOnly, disabled: disabled, error: error, hideErrors: hideErrors, emptyResult: noSuggestionLabel, onChange: onChange, onValueChange: noop, onSelectItem: item => onChangeText(stringifyTime(item)) })) }));
 };
 export const TimeRangePicker = ({ value, onChange, intervalInMinutes = DEFAULT_INTERVAL_IN_MINUTES, nbMaxSuggestions, readOnly, disabled, error, startLabel, endLabel, minutesLabel, hoursLabel, noSuggestionLabel, }) => {
     var _a;