@swan-io/lake 7.0.4 → 7.0.6

package/package.json

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

package/src/components/LakeTagInput.d.ts

@@ -14,6 +14,9 @@ export type LakeTagInputProps = Merge<TextInputProps, {
     onValuesChanged: (values: string[]) => void;
     placeholder?: string;
 }>;
+export type TagInputRef = TextInput & {
+    pushPendingValue: () => void;
+};
 export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
     allowFontScaling?: boolean | undefined;
     autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
@@ -216,4 +219,4 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
     values: string[];
     onValuesChanged: (values: string[]) => void;
     placeholder?: string | undefined;
-} & import("react").RefAttributes<TextInput | null>>;
+} & import("react").RefAttributes<TagInputRef>>;

package/src/components/LakeTagInput.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useCallback, useRef, useState } from "react";
+import { forwardRef, useCallback, useImperativeHandle, useRef, useState } from "react";
 import { StyleSheet, TextInput, View, } from "react-native";
 import { P, match } from "ts-pattern";
 import { backgroundColor, colors, radii, shadows, spacings } from "../constants/design";
@@ -77,11 +77,12 @@ const styles = StyleSheet.create({
     },
 });
 const SEPARATORS_REGEX = /,| /;
-export const LakeTagInput = forwardRef(({ validator = () => true, onFocus: originalOnFocus, onBlur: originalOnBlur, validateOnBlur = true, values, onValuesChanged, readOnly = false, disabled = false, valid = false, hideErrors = false, placeholder, help, error, }, forwardRef) => {
+export const LakeTagInput = forwardRef(({ validator = () => true, onFocus: originalOnFocus, onBlur: originalOnBlur, validateOnBlur = true, values, onValuesChanged, readOnly = false, disabled = false, valid = false, hideErrors = false, placeholder, help, error, }, forwardedRef) => {
     const inputRef = useRef(null);
     const containerRef = useRef(null);
     const [isFocused, setIsFocused] = useState(false);
     const [isHovered, setIsHovered] = useState(false);
+    const mergedRef = useMergeRefs(inputRef, forwardedRef);
     useHover(containerRef, {
         onHoverStart: () => setIsHovered(true),
         onHoverEnd: () => setIsHovered(false),
@@ -131,7 +132,16 @@ export const LakeTagInput = forwardRef(({ validator = () => true, onFocus: origi
         setIsFocused(false);
         originalOnBlur === null || originalOnBlur === void 0 ? void 0 : originalOnBlur(event);
     }, [pushNewValues, originalOnBlur, validateOnBlur]);
-    const mergedRef = useMergeRefs(inputRef, forwardRef);
+    useImperativeHandle(forwardedRef, () => ({
+        pushPendingValue: () => {
+            const input = inputRef.current;
+            if (input instanceof HTMLInputElement &&
+                isNotNullishOrEmpty(input.value) &&
+                validateOnBlur) {
+                pushNewValues([input.value]);
+            }
+        },
+    }), [pushNewValues, validateOnBlur]);
     const hasError = isNotNullishOrEmpty(error);
     return (_jsxs(View, { children: [_jsxs(Pressable, { style: [
                     styles.root,

package/src/utils/object.d.ts

@@ -1,2 +1,2 @@
 export declare const isPlainObject: (value: unknown) => boolean;
-export declare const pick: <T extends Record<K, unknown>, K extends keyof T>(object: T, keys: K[]) => Pick<T, K>;
+export declare const pick: <T extends Record<K, unknown>, const K extends keyof T>(object: T, keys: K[]) => Pick<T, K>;

package/src/utils/refs.d.ts

@@ -0,0 +1,2 @@
+import { LegacyRef, MutableRefObject, RefCallback } from "react";
+export declare const mergeRefs: <T>(refs: (MutableRefObject<T> | LegacyRef<T> | null | undefined)[]) => RefCallback<T>;

package/src/utils/refs.js

@@ -0,0 +1,11 @@
+// From https://github.com/gregberge/react-merge-refs
+export const mergeRefs = (refs) => value => {
+    refs.forEach(ref => {
+        if (typeof ref === "function") {
+            ref(value);
+        }
+        else if (ref != null) {
+            ref.current = value;
+        }
+    });
+};