@swan-io/lake 11.4.3 → 12.0.0

package/src/components/Tag.d.ts

@@ -1,9 +1,9 @@
-import { ReactElement, ReactFragment, ReactText } from "react";
+import { ReactNode } from "react";
 import { StyleProp, ViewStyle } from "react-native";
 import { ColorVariants } from "../constants/design";
 import { IconName } from "./Icon";
 type Props = {
-    children?: ReactElement | ReactText | ReactFragment;
+    children?: ReactNode;
     label?: string;
     icon?: IconName;
     iconSize?: number;

package/src/components/Tile.js

@@ -123,6 +123,8 @@ export const TileRows = ({ children, breakpoint = 1000 }) => {
     const nonNullChildren = childrenArray.filter(isNotNullish);
     const isRow = flexDirection === "row";
     return (_jsx(Box, { direction: flexDirection, onLayout: onLayout, style: styles.row, children: nonNullChildren.map((item, index) => {
-            return (_jsx(View, { style: [styles.rowCol, isRow && { flexBasis: breakpoint / 2 }], children: cloneElement(item, { flexGrow: 1 }) }, index));
+            return (_jsx(View, { style: [styles.rowCol, isRow && { flexBasis: breakpoint / 2 }], children: cloneElement(item, 
+                // @ts-expect-error
+                { flexGrow: 1 }) }, index));
         }) }));
 };

package/src/components/WithCurrentColor.d.ts

@@ -1,4 +1,4 @@
-import { MutableRefObject, ReactNode } from "react";
+import { ReactNode, RefObject } from "react";
 import { ViewProps } from "react-native";
 import { ColorVariants } from "../constants/design";
 type Props = {
@@ -6,7 +6,7 @@ type Props = {
     style?: ViewProps["style"];
     children: ReactNode;
 };
-export declare const CurrentColorContext: import("react").Context<"gray" | "live" | "sandbox" | "positive" | "warning" | "negative" | "current" | "partner" | "swan" | "shakespear" | "darkPink" | "sunglow" | "mediumSladeBlue" | undefined>;
-export declare const useCurrentColor: (containerRef: MutableRefObject<HTMLElement | null>, variant: ColorVariants | undefined) => void;
+export declare const CurrentColorContext: import("react").Context<"current" | "gray" | "live" | "sandbox" | "positive" | "warning" | "negative" | "partner" | "swan" | "shakespear" | "darkPink" | "sunglow" | "mediumSladeBlue" | undefined>;
+export declare const useCurrentColor: (containerRef: RefObject<HTMLElement | null>, variant: ColorVariants | undefined) => void;
 export declare const WithCurrentColor: ({ variant, style, children }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/hooks/useBreakpoint.js

@@ -1,4 +1,4 @@
-// Based on https://github.com/necolas/react-native-web/blob/0.19.12/packages/react-native-web/src/exports/useWindowDimensions/index.js
+// Based on https://github.com/necolas/react-native-web/blob/0.20.0/packages/react-native-web/src/exports/useWindowDimensions/index.js
 import { useCallback, useSyncExternalStore } from "react";
 import { windowSize } from "../utils/windowSize";
 export const useBreakpoint = (breakpoint) => useSyncExternalStore(useCallback(onStoreChange => {

package/src/hooks/useContextualLayer.d.ts

@@ -1,5 +1,5 @@
 import { Option } from "@swan-io/boxed";
-import { MutableRefObject } from "react";
+import { RefObject } from "react";
 import { Text, View, ViewStyle } from "react-native";
 export type ElementPosition = {
     availableSpaceAbove: number;
@@ -21,7 +21,7 @@ type Config = {
     visible: boolean;
     matchReferenceWidth?: boolean;
     matchReferenceMinWidth?: boolean;
-    referenceRef?: MutableRefObject<View | Text | null>;
+    referenceRef?: RefObject<View | Text | null>;
 };
 export type ContextualLayerPosition = {
     rootStyle: ViewStyle;
@@ -30,7 +30,7 @@ export type ContextualLayerPosition = {
     horizontalPosition: "left" | "center" | "right";
 };
 type ContextualLayerConfig = {
-    referenceRef: MutableRefObject<View | Text | null>;
+    referenceRef: RefObject<View | Text | null>;
     position: Option<ContextualLayerPosition>;
 };
 export declare const useContextualLayer: ({ placement, visible, matchReferenceWidth, matchReferenceMinWidth, referenceRef: externalReferenceRef, }: Config) => ContextualLayerConfig;

package/src/hooks/useForceableState.js

@@ -1,4 +1,4 @@
-// https://github.com/necolas/react-native-web/blob/0.19.1/packages/react-native-web/src/exports/Pressable/index.js#L221
+// https://github.com/necolas/react-native-web/blob/0.20.0/packages/react-native-web/src/exports/Pressable/index.js#L221
 import { useState } from "react";
 export const useForceableState = (forced) => {
     const [value, setValue] = useState(false);

package/src/hooks/useHover.d.ts

@@ -1,4 +1,4 @@
-import { MutableRefObject } from "react";
+import { Ref } from "react";
 type HoverEventsConfig = {
     contain?: boolean;
     disabled?: boolean;
@@ -7,5 +7,5 @@ type HoverEventsConfig = {
     onHoverStart?: (event: unknown) => void;
     onHoverUpdate?: (event: unknown) => void;
 };
-export declare const useHover: <T>(ref: MutableRefObject<T | null>, config: HoverEventsConfig) => void;
+export declare const useHover: <T>(ref: Ref<T | null>, config: HoverEventsConfig) => void;
 export {};

package/src/hooks/useHover.js

@@ -1,4 +1,4 @@
-// https://github.com/necolas/react-native-web/blob/0.19.1/packages/react-native-web/src/modules/useHover/index.js
+// https://github.com/necolas/react-native-web/blob/0.20.0/packages/react-native-web/src/modules/useHover/index.js
 // @ts-expect-error
 import originaUseHover from "react-native-web/dist/cjs/modules/useHover";
 export const useHover = originaUseHover;

package/src/hooks/useMergeRefs.d.ts

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

package/src/hooks/useMergeRefs.js

@@ -1,5 +1,4 @@
-// https://github.com/necolas/react-native-web/blob/0.19.1/packages/react-native-web/src/modules/useMergeRefs/index.js
-// https://github.com/theKashey/use-callback-ref (for typing)
+// https://github.com/necolas/react-native-web/blob/0.20.0/packages/react-native-web/src/modules/useMergeRefs/index.js
 // @ts-expect-error
 import originalUseMergeRefs from "react-native-web/dist/cjs/modules/useMergeRefs";
 export const useMergeRefs = originalUseMergeRefs;

package/src/hooks/useNativeProp.d.ts

@@ -1,2 +1,2 @@
-import { MutableRefObject } from "react";
-export declare const useNativeProp: <T>(ref: MutableRefObject<T | null>, name: string, value: number | string | undefined) => void;
+import { RefObject } from "react";
+export declare const useNativeProp: <T>(ref: RefObject<T | null>, name: string, value: number | string | undefined) => void;

package/src/hooks/usePressEvents.d.ts

@@ -1,4 +1,4 @@
-import { MutableRefObject } from "react";
+import { Ref } from "react";
 import { GestureResponderEvent } from "react-native";
 type ClickEvent = unknown;
 type KeyboardEvent = unknown;
@@ -27,5 +27,5 @@ type EventHandlers = {
     onResponderTerminationRequest?: (event: ResponderEvent) => boolean;
     onStartShouldSetResponder?: (event: ResponderEvent) => boolean;
 };
-export declare const usePressEvents: <T>(ref: MutableRefObject<T | null>, config: PressResponderConfig) => EventHandlers;
+export declare const usePressEvents: <T>(ref: Ref<T | null>, config: PressResponderConfig) => EventHandlers;
 export {};

package/src/hooks/usePressEvents.js

@@ -1,4 +1,4 @@
-// https://github.com/necolas/react-native-web/blob/0.19.1/packages/react-native-web/src/modules/usePressEvents/index.js
+// https://github.com/necolas/react-native-web/blob/0.20.0/packages/react-native-web/src/modules/usePressEvents/index.js
 // @ts-expect-error
 import originalUsePressEvents from "react-native-web/dist/cjs/modules/usePressEvents";
 export const usePressEvents = originalUsePressEvents;

package/src/utils/clipboard.js

@@ -1,4 +1,4 @@
-// Based on https://github.com/necolas/react-native-web/blob/0.19.12/packages/react-native-web/src/exports/Clipboard/index.js
+// Based on https://github.com/necolas/react-native-web/blob/0.20.0/packages/react-native-web/src/exports/Clipboard/index.js
 export const setClipboardText = (text) => {
     // add the text to a hidden node
     const node = document.createElement("span");

package/src/utils/refs.d.ts

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

package/src/utils/windowSize.js

@@ -1,4 +1,4 @@
-// Based on https://github.com/necolas/react-native-web/blob/0.19.12/packages/react-native-web/src/exports/Dimensions/index.js
+// Based on https://github.com/necolas/react-native-web/blob/0.20.0/packages/react-native-web/src/exports/Dimensions/index.js
 const get = () => {
     const viewport = window.visualViewport;
     /**