@mezzanine-ui/react 1.0.3 → 1.0.4
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.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { inputTriggerPopperClasses } from '@mezzanine-ui/core/_internal/input-trigger-popper';
|
|
3
|
-
import { offset, size } from '@floating-ui/react-dom';
|
|
3
|
+
import { offset, flip, size } from '@floating-ui/react-dom';
|
|
4
4
|
import { forwardRef } from 'react';
|
|
5
5
|
import Fade from '../../Transition/Fade.js';
|
|
6
6
|
import Popper from '../../Popper/Popper.js';
|
|
@@ -20,13 +20,14 @@ const sameWidthMiddleware = size({
|
|
|
20
20
|
const InputTriggerPopper = forwardRef(function InputTriggerPopper(props, ref) {
|
|
21
21
|
const { anchor, children, className, fadeProps, open, options, sameWidth, ...restPopperProps } = props;
|
|
22
22
|
const { middleware = [], ...restPopperOptions } = options || {};
|
|
23
|
-
return (jsx(Fade, { ...fadeProps, in: open, ref: ref, children: jsx(Popper, { ...restPopperProps, open: true, anchor: anchor, className: cx(inputTriggerPopperClasses.host, className),
|
|
23
|
+
return (jsx(Fade, { ...fadeProps, in: open, ref: ref, children: jsx(Popper, { ...restPopperProps, open: true, anchor: anchor, className: cx(inputTriggerPopperClasses.host, className),
|
|
24
24
|
/** Prevent event bubble (Because popper may use portal, then click away function would be buggy) */
|
|
25
25
|
onClick: (e) => e.stopPropagation(), onTouchStart: (e) => e.stopPropagation(), onTouchMove: (e) => e.stopPropagation(), onTouchEnd: (e) => e.stopPropagation(), options: {
|
|
26
26
|
placement: 'bottom-start',
|
|
27
27
|
...restPopperOptions,
|
|
28
28
|
middleware: [
|
|
29
29
|
offset({ mainAxis: 4 }),
|
|
30
|
+
flip({ fallbackAxisSideDirection: 'end', padding: 8 }),
|
|
30
31
|
...(sameWidth ? [sameWidthMiddleware] : []),
|
|
31
32
|
...middleware,
|
|
32
33
|
],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mezzanine-ui/react",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.4",
|
|
4
4
|
"description": "React components for mezzanine-ui",
|
|
5
5
|
"author": "Mezzanine",
|
|
6
6
|
"repository": {
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"@floating-ui/dom": "^1.7.4",
|
|
33
33
|
"@floating-ui/react-dom": "^2.1.6",
|
|
34
34
|
"@hello-pangea/dnd": "^18.0.1",
|
|
35
|
-
"@mezzanine-ui/core": "1.0.
|
|
35
|
+
"@mezzanine-ui/core": "1.0.4",
|
|
36
36
|
"@mezzanine-ui/icons": "1.0.2",
|
|
37
37
|
"@mezzanine-ui/system": "1.0.2",
|
|
38
38
|
"@tanstack/react-virtual": "^3.13.13",
|