@swan-io/lake 1.3.2 → 1.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "1.3.2",
+  "version": "1.4.1",
   "engines": {
     "node": ">=14.0.0",
     "yarn": "^1.20.0"
@@ -26,36 +26,33 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@popperjs/core": "2.11.6",
-    "@swan-io/boxed": "0.12.1",
-    "@swan-io/chicane": "1.3.4",
-    "dayjs": "1.11.7",
-    "graphql": "15.8.0",
-    "polished": "4.2.2",
-    "prism-react-renderer": "1.3.5",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-dropzone": "14.2.3",
-    "react-fast-compare": "3.2.0",
-    "react-native-web": "0.18.12",
-    "react-popper": "2.3.0",
-    "react-ux-form": "1.3.0",
-    "rifm": "0.12.1",
-    "ts-dedent": "2.2.0",
-    "ts-pattern": "4.2.1",
-    "urql": "3.0.3",
-    "uuid": "9.0.0"
+    "@popperjs/core": "^2.11.6",
+    "@swan-io/boxed": "^0.12.1",
+    "@swan-io/chicane": "^1.3.4",
+    "dayjs": "^1.11.7",
+    "graphql": "^15.8.0",
+    "polished": "^4.2.2",
+    "prism-react-renderer": "^1.3.5",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-dropzone": "^14.2.3",
+    "react-fast-compare": "^3.2.1",
+    "react-native-web": "^0.18.12",
+    "react-popper": "^2.3.0",
+    "react-ux-form": "^1.3.0",
+    "rifm": "^0.12.1",
+    "ts-dedent": "^2.2.0",
+    "ts-pattern": "^4.2.1",
+    "urql": "^3.0.4",
+    "uuid": "^9.0.0"
   },
   "devDependencies": {
-    "@storybook/react": "6.5.16",
-    "@testing-library/react": "13.4.0",
-    "@testing-library/user-event": "14.4.3",
-    "@types/react": "18.0.28",
-    "@types/react-dom": "18.0.11",
-    "@types/react-native": "0.70.11",
-    "@types/uuid": "9.0.1",
-    "jsdom": "21.1.0",
-    "type-fest": "3.6.1",
-    "vitest": "0.29.2"
+    "@storybook/react": "^6.5.16",
+    "@types/react": "^18.0.28",
+    "@types/react-dom": "^18.0.11",
+    "@types/react-native": "^0.70.12",
+    "@types/uuid": "^9.0.1",
+    "jsdom": "^21.1.1",
+    "type-fest": "^3.6.1"
   }
 }

package/src/components/Caption.d.ts

@@ -1,6 +1,6 @@
 import { ReactText } from "react";
 import { Text, TextProps } from "react-native";
 export declare const Caption: import("react").ForwardRefExoticComponent<TextProps & {
-    align?: "center" | "left" | "right" | undefined;
+    align?: "left" | "right" | "center" | undefined;
     children: ReactText;
 } & import("react").RefAttributes<Text>>;

package/src/components/FixedListViewCells.d.ts

@@ -21,7 +21,7 @@ export declare const SimpleTitleCell: ({ isHighlighted, text, }: {
 export declare const SimpleRegularTextCell: ({ variant, text, textAlign, }: {
     variant?: "semibold" | "medium" | "regular" | "light" | "smallSemibold" | "smallMedium" | "smallRegular" | undefined;
     text: string;
-    textAlign?: "center" | "left" | "right" | undefined;
+    textAlign?: "left" | "right" | "center" | undefined;
 }) => JSX.Element;
 export declare const CopyableRegularTextCell: ({ variant, text, copyWording, copiedWording, }: {
     variant?: "semibold" | "medium" | "regular" | "light" | "smallSemibold" | "smallMedium" | "smallRegular" | undefined;
@@ -33,7 +33,7 @@ export declare const BalanceCell: ({ value, currency, formatCurrency, textAlign,
     value: number;
     currency: string;
     formatCurrency: (value: number, currency: string) => string;
-    textAlign?: "center" | "left" | "right" | undefined;
+    textAlign?: "left" | "right" | "center" | undefined;
 }) => JSX.Element;
 export declare const LinkCell: ({ children, external, onPress, }: {
     children: ReactNode;

package/src/components/Heading.d.ts

@@ -54,7 +54,7 @@ declare const sizes: {
 type HeadingSize = keyof typeof sizes;
 export declare const Heading: import("react").ForwardRefExoticComponent<Except<TextProps, "accessibilityRole"> & {
     level: 1 | 2 | 3 | 4 | 5 | 6;
-    align?: "center" | "left" | "right" | undefined;
+    align?: "left" | "right" | "center" | undefined;
     size: HeadingSize;
     children: ReactNode;
 } & import("react").RefAttributes<Text>>;

package/src/components/LakeHeading.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from "react";
 import { Text, TextProps } from "react-native";
 import { Except } from "type-fest";
 export declare const LakeHeading: import("react").ForwardRefExoticComponent<Except<TextProps, "accessibilityRole"> & {
-    align?: "center" | "left" | "right" | undefined;
+    align?: "left" | "right" | "center" | undefined;
     children: ReactNode;
     color?: string | undefined;
     level: 1 | 2 | 3 | 4 | 5 | 6 | "none";

package/src/components/LakeText.d.ts

@@ -11,7 +11,7 @@ declare const variants: {
 };
 export type TextVariant = keyof typeof variants;
 export declare const LakeText: import("react").ForwardRefExoticComponent<TextProps & {
-    align?: "center" | "left" | "right" | undefined;
+    align?: "left" | "right" | "center" | undefined;
     children: ReactNode;
     color?: string | undefined;
     variant?: "semibold" | "medium" | "regular" | "light" | "smallSemibold" | "smallMedium" | "smallRegular" | undefined;

package/src/components/Link.d.ts

@@ -109,7 +109,7 @@ export declare const Link: import("react").MemoExoticComponent<import("react").F
     selectionColor?: import("react-native").ColorValue | undefined;
     textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
     dataDetectorType?: "none" | "all" | "link" | "phoneNumber" | "email" | null | undefined;
-    android_hyphenationFrequency?: "none" | "normal" | "full" | undefined;
+    android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
     onBlur?: ((event: import("react-native").NativeSyntheticEvent<import("react").FocusEvent<Element, Element>>) => void) | undefined;
     onFocus?: ((event: import("react-native").NativeSyntheticEvent<import("react").FocusEvent<Element, Element>>) => void) | undefined;
     onPressMove?: ((event: unknown) => void) | undefined;

package/src/components/Pressable.d.ts

@@ -134,7 +134,7 @@ export declare const PressableText: FC<{
     selectionColor?: import("react-native").ColorValue | undefined;
     textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
     dataDetectorType?: "none" | "all" | "link" | "phoneNumber" | "email" | null | undefined;
-    android_hyphenationFrequency?: "none" | "normal" | "full" | undefined;
+    android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
     onBlur?: ((event: NativeSyntheticEvent<React.FocusEvent>) => void) | undefined;
     onFocus?: ((event: NativeSyntheticEvent<React.FocusEvent>) => void) | undefined;
     onPressMove?: ((event: unknown) => void) | undefined;
@@ -150,14 +150,14 @@ export declare const PressableText: FC<{
     ref?: Ref<Text> | undefined;
 }>;
 export declare const PressableTextInput: FC<Except<{
-    textAlign?: "center" | "left" | "right" | undefined;
+    textAlign?: "left" | "right" | "center" | undefined;
     testID?: string | undefined;
-    textAlignVertical?: "auto" | "center" | "bottom" | "top" | undefined;
+    textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
     style?: false | import("react-native").TextStyle | import("react-native").RegisteredStyle<import("react-native").TextStyle> | import("react-native").RecursiveArray<import("react-native").TextStyle | import("react-native").Falsy | import("react-native").RegisteredStyle<import("react-native").TextStyle>> | ((state: PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").TextStyle>) | null | undefined;
     children?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | ((state: PressableStateCallbackType) => ReactNode) | null | undefined;
     hitSlop?: import("react-native").Insets | undefined;
     onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
-    pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
+    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | undefined;
     removeClippedSubviews?: boolean | undefined;
     nativeID?: string | undefined;
     accessibilityRole?: import("react-native").WebAccessibilityRole | undefined;
@@ -279,10 +279,13 @@ export declare const PressableTextInput: FC<Except<{
     disabled?: boolean | undefined;
     selectionColor?: import("react-native").ColorValue | undefined;
     textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
+    autoFocus?: boolean | undefined;
     value?: string | undefined;
+    onContentSizeChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputContentSizeChangeEventData>) => void) | undefined;
+    onScroll?: ((e: NativeSyntheticEvent<import("react-native").TextInputScrollEventData>) => void) | undefined;
+    scrollEnabled?: boolean | undefined;
     autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
     autoCorrect?: boolean | undefined;
-    autoFocus?: boolean | undefined;
     blurOnSubmit?: boolean | undefined;
     caretHidden?: boolean | undefined;
     contextMenuHidden?: boolean | undefined;
@@ -294,13 +297,11 @@ export declare const PressableTextInput: FC<Except<{
     onBlur?: ((event: NativeSyntheticEvent<React.FocusEvent>) => void) | undefined;
     onChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputChangeEventData>) => void) | undefined;
     onChangeText?: ((text: string) => void) | undefined;
-    onContentSizeChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputContentSizeChangeEventData>) => void) | undefined;
     onEndEditing?: ((e: NativeSyntheticEvent<import("react-native").TextInputEndEditingEventData>) => void) | undefined;
     onFocus?: ((event: NativeSyntheticEvent<React.FocusEvent>) => void) | undefined;
     onSelectionChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputSelectionChangeEventData>) => void) | undefined;
     onSubmitEditing?: ((e: NativeSyntheticEvent<import("react-native").TextInputSubmitEditingEventData>) => void) | undefined;
     onTextInput?: ((e: NativeSyntheticEvent<import("react-native").TextInputTextInputEventData>) => void) | undefined;
-    onScroll?: ((e: NativeSyntheticEvent<import("react-native").TextInputScrollEventData>) => void) | undefined;
     onKeyPress?: ((e: NativeSyntheticEvent<import("react-native").TextInputKeyPressEventData>) => void) | undefined;
     placeholder?: string | undefined;
     placeholderTextColor?: import("react-native").ColorValue | undefined;
@@ -324,7 +325,6 @@ export declare const PressableTextInput: FC<Except<{
     selectionState?: import("react-native").DocumentSelectionState | undefined;
     spellCheck?: boolean | undefined;
     textContentType?: "none" | "location" | "name" | "nickname" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "password" | "newPassword" | "oneTimeCode" | undefined;
-    scrollEnabled?: boolean | undefined;
     cursorColor?: import("react-native").ColorValue | null | undefined;
     importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
     disableFullscreenUI?: boolean | undefined;

package/src/components/Stack.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { View } from "react-native";
 export declare const Stack: import("react").ForwardRefExoticComponent<import("react-native").ViewProps & {
-    alignItems?: ("stretch" | "center" | "end" | "start" | "baseline") | undefined;
+    alignItems?: ("center" | "stretch" | "baseline" | "end" | "start") | undefined;
     children?: import("react").ReactNode;
-    direction?: ("column" | "row" | "columnReverse" | "rowReverse") | undefined;
-    justifyContent?: ("center" | "end" | "start" | "normal" | "spaceBetween" | "spaceAround" | "spaceEvenly") | undefined;
+    direction?: ("columnReverse" | "row" | "column" | "rowReverse") | undefined;
+    justifyContent?: ("normal" | "center" | "end" | "start" | "spaceBetween" | "spaceAround" | "spaceEvenly") | undefined;
     style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
 } & {
-    space?: 4 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 72 | 96 | undefined;
+    space?: 16 | 4 | 8 | 12 | 20 | 24 | 32 | 40 | 48 | 72 | 96 | undefined;
     wrap?: boolean | undefined;
 } & import("react").RefAttributes<View>>;

package/src/components/Svg.d.ts

@@ -118,7 +118,7 @@ export declare const Svg: ({ style, ...props }: SvgProps) => import("react").Rea
         flexShrink: number;
     })[];
     testID?: string | undefined;
-    pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
+    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | undefined;
     nativeID?: string | undefined;
     accessibilityRole?: import("react-native").WebAccessibilityRole | undefined;
     focusable?: boolean | undefined;

package/src/constants/insets.js

@@ -7,7 +7,7 @@ const top = `${cssFn}(safe-area-inset-top)`;
 const bottom = `${cssFn}(safe-area-inset-bottom)`;
 const left = `${cssFn}(safe-area-inset-left)`;
 const right = `${cssFn}(safe-area-inset-right)`;
-const addToX = (value, to) => isAvailable && (value > 0 || typeof value === "string")
+const addToX = (value, to) => isAvailable && (typeof value === "string" || value > 0)
     ? `calc(${to} + ${typeof value === "string" ? value : `${value}px`})`
     : value;
 export const insets = {

package/src/utils/array.js

@@ -49,7 +49,7 @@ export const sortedIndexOf = (array, value) => {
         if (item === value) {
             return searchIndex;
         }
-        if (typeof item === "number") {
+        if (typeof item === "number" && typeof value === "number") {
             if (item > value) {
                 endIndex = searchIndex;
                 continue;