@apify/ui-library 1.103.2-featurereact19upgrade-8b5553.98 → 1.103.2-featurereact19upgrade-8b5553.123
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/components/floating/menu.d.ts +3 -1
- package/dist/src/components/floating/menu.d.ts.map +1 -1
- package/dist/src/components/floating/menu.js +2 -1
- package/dist/src/components/floating/menu.js.map +1 -1
- package/dist/src/components/floating/menu_common.d.ts +5 -3
- package/dist/src/components/floating/menu_common.d.ts.map +1 -1
- package/dist/src/components/floating/menu_common.js +2 -2
- package/dist/src/components/floating/menu_common.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/src/components/floating/menu.tsx +4 -0
- package/src/components/floating/menu_common.tsx +7 -2
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { type Placement } from '@floating-ui/react';
|
|
1
2
|
import type React from 'react';
|
|
2
3
|
import { type BoxProps } from '../box.js';
|
|
3
4
|
export declare const menuClassNames: {
|
|
@@ -20,6 +21,7 @@ export interface MenuProps<T = MenuOption> {
|
|
|
20
21
|
defaultLabel?: React.ReactNode;
|
|
21
22
|
closeOnSelect?: boolean;
|
|
22
23
|
renderOption?: (option: T) => React.ReactNode;
|
|
24
|
+
placement?: Placement;
|
|
23
25
|
components?: {
|
|
24
26
|
MenuBase?: React.ElementType;
|
|
25
27
|
Menu?: React.ElementType;
|
|
@@ -30,6 +32,6 @@ export interface MenuProps<T = MenuOption> {
|
|
|
30
32
|
* This example is a Select taken from https://floating-ui.com/docs/react-examples
|
|
31
33
|
* It tries to mimic API of react-select as closely as possible
|
|
32
34
|
*/
|
|
33
|
-
export declare const Menu: <T extends MenuOption>({ ariaLabel, options, value, onSelect, onMenuOpen, closeOnSelect, defaultLabel, components, renderOption, className, ...rest }: MenuProps<T> & BoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export declare const Menu: <T extends MenuOption>({ ariaLabel, options, value, onSelect, onMenuOpen, closeOnSelect, defaultLabel, components, renderOption, className, placement, ...rest }: MenuProps<T> & BoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
36
|
export {};
|
|
35
37
|
//# sourceMappingURL=menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/menu.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,KAAK,SAAS,EAOjB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAEH,KAAK,QAAQ,EAChB,MAAM,WAAW,CAAC;AASnB,eAAO,MAAM,cAAc;;;;;CAK1B,CAAC;AAEF,KAAK,gBAAgB,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAI7D,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,UAAU;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACnE,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE;QACT,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;QAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;QACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;KAChC,CAAC;CACL;AAID;;;GAGG;AACH,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,UAAU,6IAatC,SAAS,CAAC,CAAC,CAAC,GAAG,QAAQ,4CAyHzB,CAAC"}
|
|
@@ -17,7 +17,7 @@ const defaultRenderOption = ({ label }) => (_jsx(Text, { as: 'span', children: l
|
|
|
17
17
|
* This example is a Select taken from https://floating-ui.com/docs/react-examples
|
|
18
18
|
* It tries to mimic API of react-select as closely as possible
|
|
19
19
|
*/
|
|
20
|
-
export const Menu = ({ ariaLabel, options, value, onSelect, onMenuOpen, closeOnSelect = true, defaultLabel, components, renderOption, className, ...rest }) => {
|
|
20
|
+
export const Menu = ({ ariaLabel, options, value, onSelect, onMenuOpen, closeOnSelect = true, defaultLabel, components, renderOption, className, placement, ...rest }) => {
|
|
21
21
|
const [isOpen, setIsOpenState] = useState(false);
|
|
22
22
|
const setIsOpen = useCallback((newIsOpen) => {
|
|
23
23
|
setIsOpenState(newIsOpen);
|
|
@@ -28,6 +28,7 @@ export const Menu = ({ ariaLabel, options, value, onSelect, onMenuOpen, closeOnS
|
|
|
28
28
|
const { refs, floatingStyles, context } = useFloatingMenu({
|
|
29
29
|
isOpen,
|
|
30
30
|
setIsOpen,
|
|
31
|
+
placement,
|
|
31
32
|
});
|
|
32
33
|
const selectedIndex = useMemo(() => {
|
|
33
34
|
const foundIndex = options.findIndex((option) => option.value === value);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../../src/components/floating/menu.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,oBAAoB,EACpB,cAAc,
|
|
1
|
+
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../../src/components/floating/menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import type { Placement } from '@floating-ui/react';
|
|
2
|
+
export declare const useFloatingMenu: ({ isOpen, setIsOpen, placement, }: {
|
|
2
3
|
isOpen: boolean;
|
|
3
4
|
setIsOpen: (newIsOpen: boolean) => void;
|
|
5
|
+
placement?: Placement;
|
|
4
6
|
}) => {
|
|
5
|
-
placement:
|
|
7
|
+
placement: Placement;
|
|
6
8
|
strategy: import("@floating-ui/utils").Strategy;
|
|
7
9
|
middlewareData: import("@floating-ui/core").MiddlewareData;
|
|
8
10
|
x: number;
|
|
@@ -23,7 +25,7 @@ export declare const useFloatingMenu: ({ isOpen, setIsOpen, }: {
|
|
|
23
25
|
context: {
|
|
24
26
|
x: number;
|
|
25
27
|
y: number;
|
|
26
|
-
placement:
|
|
28
|
+
placement: Placement;
|
|
27
29
|
strategy: import("@floating-ui/utils").Strategy;
|
|
28
30
|
middlewareData: import("@floating-ui/core").MiddlewareData;
|
|
29
31
|
isPositioned: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu_common.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/menu_common.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"menu_common.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/menu_common.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,SAAS,EACZ,MAAM,oBAAoB,CAAC;AAQ5B,eAAO,MAAM,eAAe,sCAIzB;IACC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;CACzB;;;;;;;;oBAkBmgQ,MAAO,aAAa;;;kBAAiV,MAAO,gBAAgB;;;;;;;;;;;;;;;;wBAA5X,MAAO,aAAa;;;;iBAAukB,MAAO,gBAAgB;;;;;;CADpnR,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { autoUpdate, offset, size, useFloating, } from '@floating-ui/react';
|
|
2
|
-
export const useFloatingMenu = ({ isOpen, setIsOpen, }) => useFloating({
|
|
3
|
-
placement
|
|
2
|
+
export const useFloatingMenu = ({ isOpen, setIsOpen, placement = 'bottom-start', }) => useFloating({
|
|
3
|
+
placement,
|
|
4
4
|
open: isOpen,
|
|
5
5
|
onOpenChange: setIsOpen,
|
|
6
6
|
whileElementsMounted: autoUpdate,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu_common.js","sourceRoot":"","sources":["../../../../src/components/floating/menu_common.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"menu_common.js","sourceRoot":"","sources":["../../../../src/components/floating/menu_common.tsx"],"names":[],"mappings":"AAGA,OAAO,EACH,UAAU,EACV,MAAM,EACN,IAAI,EACJ,WAAW,GACd,MAAM,oBAAoB,CAAC;AAE5B,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,MAAM,EACN,SAAS,EACT,SAAS,GAAG,cAAc,GAK7B,EAAE,EAAE,CAAC,WAAW,CAAU;IACvB,SAAS;IACT,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE,SAAS;IACvB,oBAAoB,EAAE,UAAU;IAChC,UAAU,EAAE;QACR,MAAM,CAAC,CAAC,CAAC;QACT,IAAI,CAAC;YACD,KAAK,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE;gBAC/B,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE;oBACnC,SAAS,EAAE,GAAG,eAAe,IAAI;oBACjC,SAAS,EAAE,MAAM;iBACpB,CAAC,CAAC;YACP,CAAC;YACD,OAAO,EAAE,EAAE;SACd,CAAC;KACL;CACJ,CAAC,CAAC"}
|