@swan-io/lake 5.0.0 → 5.0.1

package/package.json

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

package/src/components/FixedListViewCells.d.ts

@@ -31,7 +31,7 @@ export declare const SimpleTitleCell: ({ isHighlighted, text, tooltip, }: {
         togglableOnFocus?: boolean | undefined;
         containerStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
         disabled?: boolean | undefined;
-    }, "children"> | undefined;
+    } & import("react").RefAttributes<import("./LakeTooltip").TooltipRef>, "children"> | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const SimpleRegularTextCell: ({ variant, text, textAlign, color, }: {
     variant?: "light" | "medium" | "semibold" | "regular" | "smallSemibold" | "smallMedium" | "smallRegular" | undefined;
@@ -58,7 +58,7 @@ export declare const CopyableRegularTextCell: ({ variant, text, textToCopy, copy
         togglableOnFocus?: boolean | undefined;
         containerStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
         disabled?: boolean | undefined;
-    }, "children"> | undefined;
+    } & import("react").RefAttributes<import("./LakeTooltip").TooltipRef>, "children"> | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const BalanceCell: ({ value, currency, originalValue, formatCurrency, textAlign, variant, }: {
     value: number;
@@ -89,7 +89,7 @@ export declare const LinkCell: ({ children, external, onPress, variant, tooltip,
         togglableOnFocus?: boolean | undefined;
         containerStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
         disabled?: boolean | undefined;
-    }, "children"> | undefined;
+    } & import("react").RefAttributes<import("./LakeTooltip").TooltipRef>, "children"> | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const StartAlignedCell: ({ children }: {
     children: ReactNode;

package/src/components/LakeButton.js

@@ -100,7 +100,6 @@ const styles = StyleSheet.create({
         right: -3,
     },
 });
-const isReactText = (node) => ["string", "number"].includes(typeof node);
 export const LakeButton = memo(forwardRef(({ ariaControls, ariaExpanded, ariaLabel, children, color = "gray", disabled = false, icon, grow = false, iconPosition = "start", loading = false, mode = "primary", onPress, size = "large", style, forceBackground = false, href, hrefAttrs, pill, }, forwardedRef) => {
     const isSmall = size === "small";
     const iconSize = isSmall ? 18 : 20;
@@ -158,7 +157,7 @@ export const LakeButton = memo(forwardRef(({ ariaControls, ariaExpanded, ariaLab
                         ? colors[color][700]
                         : colors[color][600]
                 : colors[color].contrast;
-            return (_jsxs(_Fragment, { children: [hasIconStart && (_jsxs(_Fragment, { children: [_jsx(Icon, { color: textColor, name: icon, size: iconSize }), isNotNullish(children) && _jsx(Space, { width: isSmall ? 8 : 12 })] })), isReactText(children) ? (_jsx(LakeText, { numberOfLines: 1, userSelect: "none", style: [isSmall ? styles.textSmall : styles.text, { color: textColor }], children: children })) : (children), hasIconEnd && (_jsxs(_Fragment, { children: [isNotNullish(children) && _jsx(Space, { width: isSmall ? 8 : 12 }), _jsx(Icon, { color: textColor, name: icon, size: iconSize })] })), loading && (_jsx(View, { role: "none", style: [
+            return (_jsxs(_Fragment, { children: [hasIconStart && (_jsxs(_Fragment, { children: [_jsx(Icon, { color: textColor, name: icon, size: iconSize }), isNotNullish(children) && _jsx(Space, { width: isSmall ? 8 : 12 })] })), typeof children === "string" || typeof children === "number" ? (_jsx(LakeText, { numberOfLines: 1, userSelect: "none", style: [isSmall ? styles.textSmall : styles.text, { color: textColor }], children: children })) : (children), hasIconEnd && (_jsxs(_Fragment, { children: [isNotNullish(children) && _jsx(Space, { width: isSmall ? 8 : 12 }), _jsx(Icon, { color: textColor, name: icon, size: iconSize })] })), loading && (_jsx(View, { role: "none", style: [
                             styles.loaderContainer,
                             {
                                 backgroundColor: mode === "secondary" || mode === "tertiary"

package/src/components/LakeCombobox.js

@@ -71,7 +71,6 @@ const styles = StyleSheet.create({
         flexGrow: 1,
     },
 });
-const isReactText = (node) => ["string", "number"].includes(typeof node);
 const getItemLayout = (_data, index) => ({
     length: DEFAULT_ELEMENT_HEIGHT,
     offset: DEFAULT_ELEMENT_HEIGHT * index,
@@ -172,7 +171,7 @@ const LakeComboboxWithRef = ({ inputRef, value, items, itemHeight = DEFAULT_ELEM
                                                         setIsFetchingAdditionalInfo(false);
                                                         dismiss();
                                                     });
-                                                }, children: isReactText(rendered) ? (_jsx(LakeText, { numberOfLines: 1, style: styles.itemText, children: rendered })) : (rendered) }));
+                                                }, children: typeof rendered === "string" || typeof rendered === "number" ? (_jsx(LakeText, { numberOfLines: 1, style: styles.itemText, children: rendered })) : (rendered) }));
                                         } })), ListFooterComponent, isFetchingAdditionalInfo ? (_jsxs(View, { style: styles.loaderAdditional, children: [_jsx(View, { style: styles.loaderAdditionalUnderlay }), _jsx(LoadingView, {})] })) : null] })),
                         }),
                     }) }) })] }));

package/src/components/LakeText.d.ts

@@ -29,6 +29,6 @@ export declare const LakeText: import("react").ForwardRefExoticComponent<TextPro
         togglableOnFocus?: boolean | undefined;
         containerStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
         disabled?: boolean | undefined;
-    }, "children"> | undefined;
+    } & import("react").RefAttributes<import("./LakeTooltip").TooltipRef>, "children"> | undefined;
 } & import("react").RefAttributes<Text>>;
 export {};

package/src/components/LakeTooltip.d.ts

@@ -14,8 +14,12 @@ type Props = {
     containerStyle?: ViewProps["style"];
     disabled?: boolean;
 };
-export declare const LakeTooltip: ({ content, children, ...rest }: Props) => string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
-export declare const InformationTooltip: ({ text }: {
+export type TooltipRef = {
+    show: () => void;
+    hide: () => void;
+};
+export declare const LakeTooltip: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<TooltipRef>>;
+export declare const InformationTooltip: import("react").ForwardRefExoticComponent<{
     text: string;
-}) => import("react/jsx-runtime").JSX.Element;
+} & import("react").RefAttributes<TooltipRef>>;
 export {};

package/src/components/LakeTooltip.js

@@ -81,14 +81,13 @@ const styles = StyleSheet.create({
         flexGrow: 0,
     },
 });
-const isReactText = (node) => ["string", "number"].includes(typeof node);
 const MAX_WIDTH = "calc(100vw - 20px)";
-export const LakeTooltip = ({ content, children, ...rest }) => {
+export const LakeTooltip = forwardRef(({ content, children, ...rest }, forwardedRef) => {
     if (isNullishOrEmpty(content)) {
         return children;
     }
-    return (_jsx(Tooltip, { content: content, ...rest, children: children }));
-};
+    return (_jsx(Tooltip, { ref: forwardedRef, content: content, ...rest, children: children }));
+});
 const Tooltip = memo(forwardRef(({ children, content, describedBy, matchReferenceWidth = false, hideArrow = false, onHide, onShow, placement, width, togglableOnFocus = false, containerStyle, disabled = false, }, forwardedRef) => {
     var _a, _b;
     const referenceRef = useRef(null);
@@ -170,7 +169,7 @@ const Tooltip = memo(forwardRef(({ children, content, describedBy, matchReferenc
                             (state === null || state === void 0 ? void 0 : state.placement) === "bottom" && styles.baseBottom,
                             (state === null || state === void 0 ? void 0 : state.placement) === "right" && styles.baseRight,
                             (state === null || state === void 0 ? void 0 : state.placement) === "left" && styles.baseLeft,
-                        ], children: [_jsx(View, { style: [styles.content, { width, maxWidth: MAX_WIDTH }], children: isReactText(content) ? (_jsx(LakeText, { align: "center", color: colors.gray.contrast, children: content })) : (content) }), !hideArrow && (_jsx(View, { role: "none", style: [
+                        ], children: [_jsx(View, { style: [styles.content, { width, maxWidth: MAX_WIDTH }], children: typeof content === "string" || typeof content === "number" ? (_jsx(LakeText, { align: "center", color: colors.gray.contrast, children: content })) : (content) }), !hideArrow && (_jsx(View, { role: "none", style: [
                                     (state === null || state === void 0 ? void 0 : state.placement) === "right" || (state === null || state === void 0 ? void 0 : state.placement) === "left"
                                         ? styles.arrowContainerHorizontal
                                         : styles.arrowContainer,
@@ -187,4 +186,4 @@ const Tooltip = memo(forwardRef(({ children, content, describedBy, matchReferenc
                                     },
                                 ], children: _jsx(View, { style: styles.arrow }) }))] }) }) }))] }));
 }));
-export const InformationTooltip = ({ text }) => (_jsx(LakeTooltip, { describedBy: "copy", placement: "bottom", togglableOnFocus: true, width: 300, content: text, children: _jsx(View, { style: styles.info, children: _jsx(Icon, { name: "info-regular", size: 24, color: colors.gray[900] }) }) }));
+export const InformationTooltip = forwardRef(({ text }, forwardedRef) => (_jsx(LakeTooltip, { ref: forwardedRef, describedBy: "copy", placement: "bottom", togglableOnFocus: true, width: 300, content: text, children: _jsx(View, { style: styles.info, children: _jsx(Icon, { name: "info-regular", size: 24, color: colors.gray[900] }) }) })));