@swan-io/lake 7.0.1 → 7.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "7.0.1",
+  "version": "7.0.3",
   "engines": {
     "node": ">=18.0.0",
     "yarn": "^1.22.0"
@@ -26,10 +26,11 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@react-three/drei": "^9.99.4",
-    "@react-three/fiber": "^8.15.16",
-    "@swan-io/boxed": "^2.1.0-beta",
-    "@swan-io/chicane": "^2.0.0-rc.0",
+    "@react-three/drei": "^9.102.3",
+    "@react-three/fiber": "^8.15.19",
+    "@swan-io/boxed": "^2.1.0",
+    "@swan-io/chicane": "^2.0.0-rc.1",
+    "@swan-io/use-form": "^2.0.0-rc.2",
     "dayjs": "^1.11.10",
     "polished": "^4.3.1",
     "prism-react-renderer": "^2.3.1",
@@ -37,21 +38,20 @@
     "react-atomic-state": "^2.0.0",
     "react-dom": "^18.2.0",
     "react-native-web": "^0.19.10",
-    "@swan-io/use-form": "^2.0.0-rc.2",
     "rifm": "^0.12.1",
-    "three": "^0.161.0",
+    "three": "^0.162.0",
     "ts-dedent": "^2.2.0",
     "ts-pattern": "^5.0.8",
     "urql": "^4.0.6",
     "uuid": "^9.0.1"
   },
   "devDependencies": {
-    "@types/react": "^18.2.60",
-    "@types/react-dom": "^18.2.19",
+    "@types/react": "^18.2.65",
+    "@types/react-dom": "^18.2.21",
     "@types/react-native": "^0.72.8",
-    "@types/three": "^0.161.2",
+    "@types/three": "^0.162.0",
     "@types/uuid": "^9.0.8",
     "jsdom": "^24.0.0",
-    "type-fest": "^4.10.3"
+    "type-fest": "^4.12.0"
   }
 }

package/src/components/Filters.d.ts

@@ -60,5 +60,5 @@ type FiltersStackProps<Definition extends FiltersDefinition, State extends Filte
     onChangeOpened: (value: (keyof Definition)[]) => void;
     onChangeFilters: (value: State) => void;
 };
-export declare const FiltersStack: <T extends FiltersDefinition>({ filters, openedFilters, definition, onChangeOpened, onChangeFilters, }: FiltersStackProps<T, { [KeyType_2 in keyof { [K in keyof T]: ExtractFilterValue<T[K]> extends infer T_1 ? { [KeyType_1 in keyof T_1]: ExtractFilterValue<T[K]>[KeyType_1]; } : never; }]: { [K in keyof T]: ExtractFilterValue<T[K]> extends infer T_1 ? { [KeyType_1 in keyof T_1]: ExtractFilterValue<T[K]>[KeyType_1]; } : never; }[KeyType_2]; }>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const FiltersStack: <T extends FiltersDefinition>({ filters, openedFilters, definition, onChangeOpened, onChangeFilters, }: FiltersStackProps<T>) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/src/components/FixedListViewCells.d.ts

@@ -26,7 +26,7 @@ export declare const SimpleTitleCell: ({ isHighlighted, text, tooltip, }: {
         hideArrow?: boolean | undefined;
         onHide?: (() => void) | undefined;
         onShow?: (() => void) | undefined;
-        placement: "left" | "right" | "center";
+        placement?: "left" | "right" | "center" | undefined;
         width?: number | undefined;
         togglableOnFocus?: boolean | undefined;
         containerStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
@@ -53,7 +53,7 @@ export declare const CopyableRegularTextCell: ({ variant, text, textToCopy, copy
         hideArrow?: boolean | undefined;
         onHide?: (() => void) | undefined;
         onShow?: (() => void) | undefined;
-        placement: "left" | "right" | "center";
+        placement?: "left" | "right" | "center" | undefined;
         width?: number | undefined;
         togglableOnFocus?: boolean | undefined;
         containerStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
@@ -84,7 +84,7 @@ export declare const LinkCell: ({ children, external, onPress, variant, tooltip,
         hideArrow?: boolean | undefined;
         onHide?: (() => void) | undefined;
         onShow?: (() => void) | undefined;
-        placement: "left" | "right" | "center";
+        placement?: "left" | "right" | "center" | undefined;
         width?: number | undefined;
         togglableOnFocus?: boolean | undefined;
         containerStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;

package/src/components/LakeCombobox.d.ts

@@ -29,6 +29,6 @@ export type LakeComboboxRef = {
 };
 declare const LakeComboboxWithRef: <I>({ inputRef, value, items, itemHeight, nbItemsDisplayed, ListFooterComponent, onChange, onValueChange, onSelectItem, renderItem, keyExtractor, icon, placeholder, disabled, emptyResultText, readOnly, id, error, hideErrors, }: LakeComboboxProps<I>, forwardedRef: ForwardedRef<LakeComboboxRef>) => import("react/jsx-runtime").JSX.Element;
 export declare const LakeCombobox: <I>(props: LakeComboboxProps<I> & {
-    ref?: RefObject<LakeComboboxRef> | undefined;
+    ref?: RefObject<LakeComboboxRef>;
 }) => ReturnType<typeof LakeComboboxWithRef>;
 export {};

package/src/components/LakeSelect.d.ts

@@ -33,6 +33,6 @@ export type SelectProps<V> = {
 };
 declare const LakeSelectWithRef: <V>({ title, items, valueStyle, size, color, disabled, mode, placeholder, readOnly, id, matchReferenceWidth, value, error, hideErrors, icon, onValueChange, disabledItems, PopoverFooter, style, }: SelectProps<V>, forwardedRef: ForwardedRef<View>) => import("react/jsx-runtime").JSX.Element;
 export declare const LakeSelect: <I>(props: SelectProps<I> & {
-    ref?: ForwardedRef<View> | undefined;
+    ref?: ForwardedRef<View>;
 }) => ReturnType<typeof LakeSelectWithRef>;
 export {};

package/src/components/LakeTagInput.d.ts

@@ -181,7 +181,7 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
     "aria-rowspan"?: number | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-    clearButtonMode?: "always" | "never" | "while-editing" | "unless-editing" | undefined;
+    clearButtonMode?: "never" | "while-editing" | "unless-editing" | "always" | undefined;
     clearTextOnFocus?: boolean | undefined;
     dataDetectorTypes?: import("react-native").DataDetectorTypes | import("react-native").DataDetectorTypes[] | undefined;
     enablesReturnKeyAutomatically?: boolean | undefined;

package/src/components/LakeText.d.ts

@@ -24,7 +24,7 @@ export declare const LakeText: import("react").ForwardRefExoticComponent<TextPro
         hideArrow?: boolean | undefined;
         onHide?: (() => void) | undefined;
         onShow?: (() => void) | undefined;
-        placement: "left" | "right" | "center";
+        placement?: "left" | "right" | "center" | undefined;
         width?: number | undefined;
         togglableOnFocus?: boolean | undefined;
         containerStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;

package/src/components/LakeTextInput.d.ts

@@ -195,7 +195,7 @@ export declare const LakeTextInput: import("react").ForwardRefExoticComponent<{
     "aria-rowspan"?: number | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-    clearButtonMode?: "always" | "never" | "while-editing" | "unless-editing" | undefined;
+    clearButtonMode?: "never" | "while-editing" | "unless-editing" | "always" | undefined;
     clearTextOnFocus?: boolean | undefined;
     dataDetectorTypes?: import("react-native").DataDetectorTypes | import("react-native").DataDetectorTypes[] | undefined;
     enablesReturnKeyAutomatically?: boolean | undefined;

package/src/components/LakeTooltip.d.ts

@@ -8,7 +8,7 @@ type Props = {
     hideArrow?: boolean;
     onHide?: () => void;
     onShow?: () => void;
-    placement: "left" | "right" | "center";
+    placement?: "left" | "right" | "center";
     width?: number;
     togglableOnFocus?: boolean;
     containerStyle?: ViewProps["style"];

package/src/components/Pressable.d.ts

@@ -310,7 +310,7 @@ export declare const PressableTextInput: FC<{
     "aria-rowspan"?: number | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-    clearButtonMode?: "always" | "never" | "while-editing" | "unless-editing" | undefined;
+    clearButtonMode?: "never" | "while-editing" | "unless-editing" | "always" | undefined;
     clearTextOnFocus?: boolean | undefined;
     dataDetectorTypes?: import("react-native").DataDetectorTypes | import("react-native").DataDetectorTypes[] | undefined;
     enablesReturnKeyAutomatically?: boolean | undefined;

package/src/hooks/useContextualLayer.js

@@ -1,6 +1,7 @@
 import { Option } from "@swan-io/boxed";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { match } from "ts-pattern";
+const MAX_OFFSET_FOR_CENTER_PLACEMENT = 100;
 export const useContextualLayer = ({ placement, visible, matchReferenceWidth = false, matchReferenceMinWidth = false, referenceRef: externalReferenceRef, }) => {
     const referenceRef = useRef(null);
     const usedRef = externalReferenceRef !== null && externalReferenceRef !== void 0 ? externalReferenceRef : referenceRef;
@@ -19,7 +20,12 @@ export const useContextualLayer = ({ placement, visible, matchReferenceWidth = f
         const availableSpaceAfter = viewportWidth - rect.right;
         const height = rect.bottom - rect.top;
         const width = rect.right - rect.left;
-        const inferedPlacement = placement !== null && placement !== void 0 ? placement : (availableSpaceBefore > availableSpaceAfter ? "right" : "left");
+        const isCenteredEnough = Math.abs(availableSpaceBefore - availableSpaceAfter) < MAX_OFFSET_FOR_CENTER_PLACEMENT;
+        const inferedPlacement = placement !== null && placement !== void 0 ? placement : (isCenteredEnough
+            ? "center"
+            : availableSpaceBefore > availableSpaceAfter
+                ? "right"
+                : "left");
         const verticalPosition = availableSpaceAbove > availableSpaceBelow
             ? {
                 maxHeight: availableSpaceAbove,

package/src/utils/array.d.ts

@@ -4,4 +4,4 @@ export declare const last: <T>(array: readonly T[]) => T | undefined;
 export declare const partition: <T>(array: T[], predicate: (value: T) => boolean) => [T[], T[]];
 export declare const sortedIndexOf: <T>(array: T[], value: T) => number;
 export declare const groupBy: <T, K extends string>(array: T[], getGroupName: (item: T) => K) => Partial<Record<K, T[]>>;
-export declare const intersection: <T>(arrayA: readonly T[], arrayB: readonly T[]) => T[];
+export declare const intersection: <T>(arrayA: ReadonlyArray<T>, arrayB: ReadonlyArray<T>) => T[];

package/src/utils/nullish.d.ts

@@ -1,10 +1,10 @@
 type Nullish = null | undefined;
 export declare const isNullish: (value: unknown) => value is Nullish;
-export declare const isNotNullish: <T>(value: Nullish | T) => value is T;
+export declare const isNotNullish: <T>(value: T | Nullish) => value is T;
 export declare const isEmpty: (value: unknown) => value is "";
 export declare const isNotEmpty: <T extends string>(value: T) => value is Exclude<T, "">;
 export declare const isNullishOrEmpty: (value: unknown) => value is "" | Nullish;
-export declare const isNotNullishOrEmpty: <T extends string>(value: Nullish | T) => value is Exclude<T, "">;
+export declare const isNotNullishOrEmpty: <T extends string>(value: T | Nullish) => value is Exclude<T, "">;
 export declare const emptyToUndefined: <T extends string>(value: T) => Exclude<T, ""> | undefined;
-export declare const nullishOrEmptyToUndefined: <T extends string>(value: Nullish | T) => Exclude<T, ""> | undefined;
+export declare const nullishOrEmptyToUndefined: <T extends string>(value: T | Nullish) => Exclude<T, ""> | undefined;
 export {};

package/src/utils/urql.d.ts

@@ -1,13 +1,11 @@
 import { Result } from "@swan-io/boxed";
 import { Except, SetRequired } from "type-fest";
 import { AnyVariables, OperationResult, UseQueryArgs, UseQueryResponse, UseQueryState } from "urql";
-export declare const parseOperationResult: <T>({ error, data }: OperationResult<T, AnyVariables>) => T;
-export declare const useQueryWithErrorBoundary: <Data = unknown, Variables extends AnyVariables = AnyVariables>(options: UseQueryArgs<Variables, Data>) => [{
-    stale: boolean;
-    extensions?: Record<string, any> | undefined;
-    operation?: import("@urql/core/dist/urql-core-chunk").Operation<Data, Variables> | undefined;
-    data: Data;
-}, import("urql").UseQueryExecute];
+export declare const parseOperationResult: <T>({ error, data }: OperationResult<T>) => T;
+export declare const useQueryWithErrorBoundary: <Data = unknown, Variables extends AnyVariables = AnyVariables>(options: UseQueryArgs<Variables, Data>) => [
+    SetRequired<Except<UseQueryState<Data, Variables>, "fetching" | "error">, "data">,
+    UseQueryResponse[1]
+];
 export declare const filterRejectionsToPromise: <T extends {
     __typename: string;
 }>(input: T) => Promise<Exclude<T, {