@swan-io/lake 13.7.1 → 13.7.3

package/package.json

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

package/src/components/LakeSelect.d.ts

@@ -12,6 +12,7 @@ export type SelectProps<V, T extends Item<V> = Item<V>> = {
     ref?: Ref<View>;
     placeholder?: string;
     items: T[];
+    matchReferenceMinWidth?: boolean;
     matchReferenceWidth?: boolean;
     mode?: "normal" | "borderless";
     title?: string;
@@ -38,4 +39,4 @@ export type SelectProps<V, T extends Item<V> = Item<V>> = {
     hasSearch?: boolean;
     searchPlaceholder?: string;
 };
-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, hasSearch, searchPlaceholder, }: SelectProps<V, T>) => 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, matchReferenceMinWidth, matchReferenceWidth, value, error, hideErrors, icon, onValueChange, disabledItems, renderItem, PopoverFooter, style, hasSearch, searchPlaceholder, }: SelectProps<V, T>) => import("react/jsx-runtime").JSX.Element;

package/src/components/LakeSelect.js

@@ -116,7 +116,9 @@ const styles = StyleSheet.create({
     filterContainer: {
         flexGrow: 1,
         flexShrink: 1,
-        margin: 16,
+        marginHorizontal: 16,
+        marginBottom: 12,
+        marginTop: 4,
     },
     filterInput: {
         ...texts.regular,
@@ -140,7 +142,7 @@ const styles = StyleSheet.create({
         left: 14,
     },
 });
-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, hasSearch = false, searchPlaceholder, }) => {
+export const LakeSelect = ({ ref, title, items, valueStyle, size, color = "current", disabled = false, mode = "normal", placeholder, readOnly = false, id, matchReferenceMinWidth = true, matchReferenceWidth = false, value, error, hideErrors = false, icon, onValueChange, disabledItems = [], renderItem, PopoverFooter, style, hasSearch = false, searchPlaceholder, }) => {
     var _a;
     const [filter, setFilter] = useState("");
     const [filterFocused, setFilterFocused] = useBoolean(false);
@@ -228,7 +230,7 @@ export const LakeSelect = ({ ref, title, items, valueStyle, size, color = "curre
                                                 styles.itemText,
                                                 styles.selectPlaceholder,
                                                 isSmall && styles.selectSmallPlaceholder,
-                                            ], children: placeholder !== null && placeholder !== void 0 ? placeholder : " " }))] }), _jsx(Fill, { minWidth: 8 }), !disabled && (_jsx(Icon, { color: colors.gray[900], name: visible ? "chevron-up-filled" : "chevron-down-filled", size: 16 }))] })] })) }), !hideErrors && (_jsx(LakeText, { variant: "smallRegular", color: colors.negative[500], style: styles.errorText, children: error !== null && error !== void 0 ? error : " " })), _jsxs(Popover, { role: "listbox", matchReferenceMinWidth: matchReferenceWidth, onDismiss: close, referenceRef: inputRef, returnFocus: true, visible: visible, children: [isNotNullish(title) && (_jsxs(_Fragment, { children: [_jsx(LakeText, { variant: "semibold", color: colors.gray[900], style: styles.selectListTitle, children: title }), _jsx(Separator, {})] })), _jsx(FlatList, { role: "list", data: filteredItems, ref: listRef, contentContainerStyle: styles.listContent, onKeyDown: (event) => {
+                                            ], children: placeholder !== null && placeholder !== void 0 ? placeholder : " " }))] }), _jsx(Fill, { minWidth: 8 }), !disabled && (_jsx(Icon, { color: colors.gray[900], name: visible ? "chevron-up-filled" : "chevron-down-filled", size: 16 }))] })] })) }), !hideErrors && (_jsx(LakeText, { variant: "smallRegular", color: colors.negative[500], style: styles.errorText, children: error !== null && error !== void 0 ? error : " " })), _jsxs(Popover, { role: "listbox", matchReferenceWidth: matchReferenceWidth, matchReferenceMinWidth: matchReferenceMinWidth, onDismiss: close, referenceRef: inputRef, returnFocus: true, visible: visible, children: [isNotNullish(title) && (_jsxs(_Fragment, { children: [_jsx(LakeText, { variant: "semibold", color: colors.gray[900], style: styles.selectListTitle, children: title }), _jsx(Separator, {})] })), _jsx(FlatList, { role: "list", data: filteredItems, ref: listRef, contentContainerStyle: styles.listContent, onKeyDown: (event) => {
                             var _a;
                             const { key } = event.nativeEvent;
                             if (key === "ArrowDown" || key === "ArrowUp") {

package/src/components/Popover.js

@@ -31,12 +31,12 @@ const styles = StyleSheet.create({
     popoverContainer: {
         position: "absolute",
         display: "flex",
+        backgroundColor: backgroundColor.accented,
     },
     popover: {
         pointerEvents: "auto",
         display: "flex",
         flexDirection: "column",
-        backgroundColor: backgroundColor.accented,
         borderRadius: radii[8],
         marginVertical: spacings[8],
         overflow: "hidden",