@swan-io/lake 4.9.2 → 4.10.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "4.9.2",
+  "version": "4.10.1",
   "engines": {
     "node": ">=18.0.0",
     "yarn": "^1.22.0"
@@ -27,9 +27,9 @@
   "license": "MIT",
   "dependencies": {
     "@popperjs/core": "^2.11.8",
-    "@react-three/drei": "^9.97.5",
+    "@react-three/drei": "^9.99.4",
     "@react-three/fiber": "^8.15.16",
-    "@swan-io/boxed": "^2.0.0",
+    "@swan-io/boxed": "^2.0.1",
     "@swan-io/chicane": "^1.4.1",
     "dayjs": "^1.11.10",
     "polished": "^4.3.1",
@@ -43,17 +43,17 @@
     "rifm": "^0.12.1",
     "three": "^0.161.0",
     "ts-dedent": "^2.2.0",
-    "ts-pattern": "^5.0.6",
+    "ts-pattern": "^5.0.8",
     "urql": "^4.0.6",
     "uuid": "^9.0.1"
   },
   "devDependencies": {
-    "@types/react": "^18.2.55",
+    "@types/react": "^18.2.60",
     "@types/react-dom": "^18.2.19",
     "@types/react-native": "^0.72.8",
     "@types/three": "^0.161.2",
     "@types/uuid": "^9.0.8",
-    "jsdom": "^23.2.0",
-    "type-fest": "^4.10.2"
+    "jsdom": "^24.0.0",
+    "type-fest": "^4.10.3"
   }
 }

package/src/components/LakeSelect.d.ts

@@ -21,13 +21,14 @@ export type SelectProps<V> = {
     disabled?: boolean;
     value?: V;
     onValueChange: (value: V) => void;
+    isItemDisabled?: (value: V) => boolean | string;
     hideErrors?: boolean;
     id?: string;
     error?: string;
     readOnly?: boolean;
     style?: StyleProp<ViewStyle>;
 };
-declare const LakeSelectWithRef: <V>({ title, items, valueStyle, size, color, disabled, mode, placeholder, readOnly, id, matchReferenceWidth, value, error, hideErrors, icon, onValueChange, PopoverFooter, style, }: SelectProps<V>, forwardedRef: ForwardedRef<View>) => import("react/jsx-runtime").JSX.Element;
+declare const LakeSelectWithRef: <V>({ title, items, valueStyle, size, color, disabled, mode, placeholder, readOnly, id, matchReferenceWidth, value, error, hideErrors, icon, onValueChange, isItemDisabled, 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;
 }) => ReturnType<typeof LakeSelectWithRef>;

package/src/components/LakeSelect.js

@@ -11,6 +11,7 @@ import { Box } from "./Box";
 import { Fill } from "./Fill";
 import { Icon } from "./Icon";
 import { LakeText } from "./LakeText";
+import { LakeTooltip } from "./LakeTooltip";
 import { Popover } from "./Popover";
 import { Pressable } from "./Pressable";
 import { Separator } from "./Separator";
@@ -80,6 +81,9 @@ const styles = StyleSheet.create({
         borderRadius: radii[4],
         outlineStyle: "none",
     },
+    itemDisabled: {
+        opacity: 0.5,
+    },
     selectListTitle: {
         paddingHorizontal: spacings[24],
         paddingVertical: spacings[12],
@@ -107,7 +111,7 @@ const styles = StyleSheet.create({
         borderColor: colors.negative[500],
     },
 });
-const LakeSelectWithRef = ({ title, items, valueStyle, size, color = "current", disabled = false, mode = "normal", placeholder, readOnly = false, id, matchReferenceWidth = true, value, error, hideErrors = false, icon, onValueChange, PopoverFooter, style, }, forwardedRef) => {
+const LakeSelectWithRef = ({ title, items, valueStyle, size, color = "current", disabled = false, mode = "normal", placeholder, readOnly = false, id, matchReferenceWidth = true, value, error, hideErrors = false, icon, onValueChange, isItemDisabled, PopoverFooter, style, }, forwardedRef) => {
     var _a;
     const inputRef = useRef(null);
     const listRef = useRef(null);
@@ -184,14 +188,16 @@ const LakeSelectWithRef = ({ title, items, valueStyle, size, color = "current",
                             }
                         }, keyExtractor: (_, index) => `select-item-${index}`, renderItem: ({ item, index }) => {
                             const isSelected = value === item.value;
-                            return (_jsxs(Pressable, { ref: element => (listItemRefs.current[index] = element), onKeyDown: onKeyDown, style: ({ hovered, focused }) => [
-                                    styles.item,
-                                    (hovered || isSelected) && styles.itemHighlighted,
-                                    focused && styles.itemFocused,
-                                ], role: "option", "aria-selected": true, onPress: () => {
-                                    onValueChange(item.value);
-                                    close();
-                                }, children: [isNotNullish(item.icon) && (_jsxs(_Fragment, { children: [item.icon, _jsx(Space, { width: 12 })] })), _jsx(LakeText, { color: colors.gray[900], numberOfLines: 1, style: [styles.itemText, isSelected && styles.selected], children: item.name }), _jsx(Fill, { minWidth: 12 }), isSelected && (_jsx(Icon, { color: colors.positive[500], name: "checkmark-filled", size: 14 }))] }));
+                            const isDisabled = isNotNullish(isItemDisabled) && isItemDisabled(item.value);
+                            return (_jsx(LakeTooltip, { placement: "right", content: isDisabled, disabled: typeof isDisabled !== "string", children: _jsxs(Pressable, { ref: element => (listItemRefs.current[index] = element), onKeyDown: onKeyDown, disabled: isDisabled !== false, style: ({ hovered, focused }) => [
+                                        styles.item,
+                                        (hovered || isSelected) && styles.itemHighlighted,
+                                        focused && styles.itemFocused,
+                                        isDisabled !== false && styles.itemDisabled,
+                                    ], role: "option", "aria-selected": true, onPress: () => {
+                                        onValueChange(item.value);
+                                        close();
+                                    }, children: [isNotNullish(item.icon) && (_jsxs(_Fragment, { children: [item.icon, _jsx(Space, { width: 12 })] })), _jsx(LakeText, { color: colors.gray[900], numberOfLines: 1, style: [styles.itemText, isSelected && styles.selected], children: item.name }), _jsx(Fill, { minWidth: 12 }), isSelected && (_jsx(Icon, { color: colors.positive[500], name: "checkmark-filled", size: 14 }))] }) }));
                         } }), PopoverFooter] })] }));
 };
 export const LakeSelect = forwardRef(LakeSelectWithRef);

package/src/utils/function.d.ts

@@ -4,4 +4,10 @@ export declare const stubFalse: () => false;
 export declare const stubTrue: () => true;
 export declare const unionToArray: <T extends PropertyKey>(object: Record<T, true>) => T[];
 export declare const getUnionGuard: <T extends PropertyKey>(object: Record<T, true>) => (value: unknown) => value is T;
+export declare const deriveUnion: <T extends PropertyKey>(object: Record<T, true>) => {
+    array: T[];
+    set: Set<T>;
+    is: (value: unknown) => value is T;
+    P: import("ts-pattern/dist/types/Pattern").GuardP<unknown, T>;
+};
 export declare const memoize: <Input extends unknown[], Output>(func: (...input: Input) => Output, getCacheKey: (...input: Input) => string) => (...input: Input) => Output;

package/src/utils/function.js

@@ -1,4 +1,5 @@
 import { Dict } from "@swan-io/boxed";
+import { P } from "ts-pattern";
 export const identity = (value) => value;
 export const noop = () => { };
 export const stubFalse = () => false;
@@ -8,6 +9,12 @@ export const getUnionGuard = (object) => {
     const set = new Set(unionToArray(object));
     return (value) => set.has(value);
 };
+export const deriveUnion = (object) => {
+    const array = Dict.keys(object);
+    const set = new Set(array);
+    const is = (value) => set.has(value);
+    return { array, set, is, P: P.when(is) };
+};
 export const memoize = (func, getCacheKey) => {
     const cache = new Map();
     return (...input) => {