@swan-io/lake 13.5.0 → 13.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "13.5.0",
+  "version": "13.5.2",
   "engines": {
     "node": ">22.12.0"
   },

package/src/components/LakeSelect.d.ts

@@ -7,15 +7,17 @@ export type Item<V> = {
     value: V;
     icon?: ReactNode;
 };
-export type SelectProps<V> = {
+export type SelectProps<V, T extends Item<V> = Item<V>> = {
     ref?: Ref<View>;
     placeholder?: string;
-    items: Item<V>[];
+    items: T[];
     matchReferenceWidth?: boolean;
     mode?: "normal" | "borderless";
     title?: string;
     valueStyle?: StyleProp<TextStyle>;
-    PopoverFooter?: ReactElement;
+    PopoverFooter?: ReactElement | ((helpers: {
+        close: () => void;
+    }) => ReactElement);
     size?: "small" | "large";
     icon?: IconName;
     color?: ColorVariants;
@@ -26,10 +28,11 @@ export type SelectProps<V> = {
         value: V;
         message?: string;
     }[];
+    renderItem?: (item: T, isSelected: boolean) => ReactElement;
     hideErrors?: boolean;
     id?: string;
     error?: string;
     readOnly?: boolean;
     style?: StyleProp<ViewStyle>;
 };
-export declare const LakeSelect: <V>({ ref, title, items, valueStyle, size, color, disabled, mode, placeholder, readOnly, id, matchReferenceWidth, value, error, hideErrors, icon, onValueChange, disabledItems, PopoverFooter, style, }: SelectProps<V>) => import("react/jsx-runtime").JSX.Element;
+export declare const LakeSelect: <V, T extends Item<V> = Item<V>>({ ref, title, items, valueStyle, size, color, disabled, mode, placeholder, readOnly, id, matchReferenceWidth, value, error, hideErrors, icon, onValueChange, disabledItems, renderItem, PopoverFooter, style, }: SelectProps<V, T>) => import("react/jsx-runtime").JSX.Element;

package/src/components/LakeSelect.js

@@ -112,7 +112,7 @@ const styles = StyleSheet.create({
         borderColor: colors.negative[500],
     },
 });
-export const LakeSelect = ({ ref, title, items, valueStyle, size, color = "current", disabled = false, mode = "normal", placeholder, readOnly = false, id, matchReferenceWidth = true, value, error, hideErrors = false, icon, onValueChange, disabledItems = [], PopoverFooter, style, }) => {
+export const LakeSelect = ({ ref, title, items, valueStyle, size, color = "current", disabled = false, mode = "normal", placeholder, readOnly = false, id, matchReferenceWidth = true, value, error, hideErrors = false, icon, onValueChange, disabledItems = [], renderItem, PopoverFooter, style, }) => {
     var _a;
     const inputRef = useRef(null);
     const listRef = useRef(null);
@@ -189,6 +189,7 @@ export const LakeSelect = ({ ref, title, items, valueStyle, size, color = "curre
                         }, keyExtractor: (_, index) => `select-item-${index}`, renderItem: ({ item, index }) => {
                             const isSelected = value === item.value;
                             const disablement = disabledItems.find(({ value }) => value === item.value);
+                            const content = renderItem != null ? (renderItem(item, isSelected)) : (_jsxs(_Fragment, { 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 })] }));
                             return (_jsx(LakeTooltip, { placement: "right", content: disablement === null || disablement === void 0 ? void 0 : disablement.message, disabled: isNullishOrEmpty(disablement === null || disablement === void 0 ? void 0 : disablement.message), children: _jsxs(Pressable, { ref: element => {
                                         listItemRefs.current[index] = element;
                                     }, onKeyDown: onKeyDown, disabled: isNotNullish(disablement), style: ({ hovered, focused }) => [
@@ -199,6 +200,6 @@ export const LakeSelect = ({ ref, title, items, valueStyle, size, color = "curre
                                     ], 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] })] }));
+                                    }, children: [content, _jsx(Fill, { minWidth: 12 }), isSelected && (_jsx(Icon, { color: colors.positive[500], name: "checkmark-filled", size: 14 }))] }) }));
+                        } }), typeof PopoverFooter === "function" ? PopoverFooter({ close }) : PopoverFooter] })] }));
 };