@apify/ui-library 1.103.2-featurereact19upgrade-8b5553.91 → 1.103.2-featurereact19upgrade-8b5553.123

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apify/ui-library",
-    "version": "1.103.2-featurereact19upgrade-8b5553.91+a2cd968604c",
+    "version": "1.103.2-featurereact19upgrade-8b5553.123+e6b6f72f6ef",
     "description": "React UI library used by apify.com",
     "license": "Apache-2.0",
     "type": "module",
@@ -26,7 +26,7 @@
         "It's not nice, but helps us to get around the problem of multiple react instances."
     ],
     "dependencies": {
-        "@apify/ui-icons": "^1.21.1-featurereact19upgrade-8b5553.91+a2cd968604c",
+        "@apify/ui-icons": "^1.21.1-featurereact19upgrade-8b5553.123+e6b6f72f6ef",
         "@floating-ui/react": "^0.26.2",
         "@react-hook/resize-observer": "^2.0.2",
         "clsx": "^2.0.0",
@@ -64,5 +64,5 @@
         "src",
         "style"
     ],
-    "gitHead": "a2cd968604c50286bf2ed7ba2dc02adede332c2f"
+    "gitHead": "e6b6f72f6ef52a2b2af4463a5a3ea9c0c21e65be"
 }

package/src/components/floating/menu.tsx

@@ -1,6 +1,7 @@
 import {
     FloatingFocusManager,
     FloatingPortal,
+    type Placement,
     useClick,
     useDismiss,
     useInteractions,
@@ -54,6 +55,7 @@ export interface MenuProps<T = MenuOption> {
     defaultLabel?: React.ReactNode,
     closeOnSelect?: boolean,
     renderOption?: (option: T) => React.ReactNode,
+    placement?: Placement,
     components?: {
         MenuBase?: React.ElementType,
         Menu?: React.ElementType,
@@ -78,6 +80,7 @@ export const Menu = <T extends MenuOption>({
     components,
     renderOption,
     className,
+    placement,
     ...rest
 }: MenuProps<T> & BoxProps) => {
     const [isOpen, setIsOpenState] = useState(false);
@@ -90,6 +93,7 @@ export const Menu = <T extends MenuOption>({
     const { refs, floatingStyles, context } = useFloatingMenu({
         isOpen,
         setIsOpen,
+        placement,
     });
 
     const selectedIndex = useMemo(() => {

package/src/components/floating/menu_common.tsx

@@ -1,3 +1,6 @@
+import type {
+    Placement,
+} from '@floating-ui/react';
 import {
     autoUpdate,
     offset,
@@ -8,11 +11,13 @@ import {
 export const useFloatingMenu = ({
     isOpen,
     setIsOpen,
+    placement = 'bottom-start',
 }: {
     isOpen: boolean,
-    setIsOpen: (newIsOpen: boolean) => void
+    setIsOpen: (newIsOpen: boolean) => void,
+    placement?: Placement,
 }) => useFloating<Element>({
-    placement: 'bottom-start',
+    placement,
     open: isOpen,
     onOpenChange: setIsOpen,
     whileElementsMounted: autoUpdate,