@xsolla/xui-select 0.127.0 → 0.129.0

package/README.md

@@ -335,12 +335,24 @@ theme.radius.button
 | Z-Index | 1000 |
 | Scroll | overflowY: auto |
 
+## React Native Notes
+
+The Select component works on React Native with the following differences:
+
+| Feature | Web | React Native |
+|---------|-----|-------------|
+| Searchable dropdown | Supported (`searchable` prop) | **Not available** — prop is ignored |
+| Dropdown shadow | CSS `box-shadow` | Android `elevation: 4` |
+| Scroll behavior | `overflowY: auto` | Native `ScrollView` |
+| Cursor styles | `pointer` / `not-allowed` | Ignored |
+| Click-outside dismiss | `document.addEventListener` | Not active (guarded by `isNative`) |
+
 ## Accessibility
 
 - Uses semantic button element for trigger
 - Dropdown menu has proper focus management
 - Keyboard navigation supported (Tab, Enter, Space, Escape)
 - Selected item is visually highlighted
-- Auto-scrolls to selected item when opened
+- Auto-scrolls to selected item when opened (web only)
 - Focus indicators follow WCAG guidelines
 - Disabled state properly communicated to assistive technology

package/native/index.d.mts

@@ -1,11 +1,12 @@
 import React from 'react';
+import { ThemeOverrideProps } from '@xsolla/xui-core';
 
 interface SelectOption {
     label: string;
     value: any;
     disabled?: boolean;
 }
-interface SelectProps {
+interface SelectProps extends ThemeOverrideProps {
     value?: string;
     placeholder?: string;
     onPress?: () => void;

package/native/index.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
+import { ThemeOverrideProps } from '@xsolla/xui-core';
 
 interface SelectOption {
     label: string;
     value: any;
     disabled?: boolean;
 }
-interface SelectProps {
+interface SelectProps extends ThemeOverrideProps {
     value?: string;
     placeholder?: string;
     onPress?: () => void;