@xsolla/xui-status-dropdown 0.185.3 → 0.185.5

package/README.md

@@ -86,6 +86,7 @@ const [status, setStatus] = useState('Success');
 | `palette` | `'Neutral' \| 'Success' \| 'Warning' \| 'Alert' \| 'Brand'` | `'Neutral'` | Colour palette for the trigger. |
 | `dot` | `boolean` | `false` | Show a small status dot before the label. |
 | `children` | `ReactNode` | — | Menu content; typically `ContextMenuItem` elements. |
+| `placement` | `ContextMenuPlacement` | `'bottom-start'` | Menu placement relative to the trigger. |
 | `onSelect` | `(value: any) => void` | — | Fired when a menu item is selected. |
 | `isOpen` | `boolean` | — | Controlled open state. |
 | `onOpenChange` | `(isOpen: boolean) => void` | — | Fires when the open state changes. |

package/native/index.d.mts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ThemeOverrideProps } from '@xsolla/xui-core';
+import { ContextMenuPlacement } from '@xsolla/xui-context-menu';
 
 type StatusDropdownPalette = "Neutral" | "Success" | "Warning" | "Alert" | "Brand";
 type StatusDropdownSize = "xl" | "lg" | "md" | "sm" | "xs";
@@ -16,6 +17,8 @@ interface StatusDropdownProps extends ThemeOverrideProps {
     dot?: boolean;
     /** Dropdown menu content (usually ContextMenuItem components) */
     children: ReactNode;
+    /** Menu placement relative to the trigger. Defaults to `"bottom-start"`. */
+    placement?: ContextMenuPlacement;
     /** Whether the dropdown is open (controlled) */
     isOpen?: boolean;
     /** Callback when the open state changes */

package/native/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ThemeOverrideProps } from '@xsolla/xui-core';
+import { ContextMenuPlacement } from '@xsolla/xui-context-menu';
 
 type StatusDropdownPalette = "Neutral" | "Success" | "Warning" | "Alert" | "Brand";
 type StatusDropdownSize = "xl" | "lg" | "md" | "sm" | "xs";
@@ -16,6 +17,8 @@ interface StatusDropdownProps extends ThemeOverrideProps {
     dot?: boolean;
     /** Dropdown menu content (usually ContextMenuItem components) */
     children: ReactNode;
+    /** Menu placement relative to the trigger. Defaults to `"bottom-start"`. */
+    placement?: ContextMenuPlacement;
     /** Whether the dropdown is open (controlled) */
     isOpen?: boolean;
     /** Callback when the open state changes */

package/native/index.js

@@ -1138,6 +1138,7 @@ var StatusDropdown = (0, import_react2.forwardRef)(
     maxWidth,
     dot = false,
     children,
+    placement = "bottom-start",
     isOpen: propIsOpen,
     onOpenChange,
     "aria-label": ariaLabel,
@@ -1304,6 +1305,7 @@ var StatusDropdown = (0, import_react2.forwardRef)(
         trigger,
         isOpen,
         onOpenChange: handleOpenChange,
+        placement,
         "aria-label": "Change status",
         testID,
         themeMode,