@react-spectrum/overlays 5.5.1 → 5.5.3
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/import.mjs +7 -3
- package/dist/main.css +762 -1
- package/dist/main.css.map +1 -0
- package/dist/main.js +7 -3
- package/dist/main.js.map +1 -1
- package/dist/module.js +7 -3
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +1 -0
- package/dist/types.d.ts.map +1 -1
- package/package.json +9 -9
- package/src/Popover.tsx +6 -4
package/src/Popover.tsx
CHANGED
|
@@ -35,7 +35,8 @@ interface PopoverProps extends Omit<AriaPopoverProps, 'popoverRef' | 'maxHeight'
|
|
|
35
35
|
onExit?: () => void,
|
|
36
36
|
container?: HTMLElement,
|
|
37
37
|
disableFocusManagement?: boolean,
|
|
38
|
-
enableBothDismissButtons?: boolean
|
|
38
|
+
enableBothDismissButtons?: boolean,
|
|
39
|
+
onDismissButtonPress?: () => void
|
|
39
40
|
}
|
|
40
41
|
|
|
41
42
|
interface PopoverWrapperProps extends PopoverProps, FocusWithinProps {
|
|
@@ -92,7 +93,8 @@ const PopoverWrapper = forwardRef((props: PopoverWrapperProps, ref: RefObject<HT
|
|
|
92
93
|
isNonModal,
|
|
93
94
|
enableBothDismissButtons,
|
|
94
95
|
state,
|
|
95
|
-
wrapperRef
|
|
96
|
+
wrapperRef,
|
|
97
|
+
onDismissButtonPress = () => state.close()
|
|
96
98
|
} = props;
|
|
97
99
|
let {styleProps} = useStyleProps(props);
|
|
98
100
|
|
|
@@ -151,7 +153,7 @@ const PopoverWrapper = forwardRef((props: PopoverWrapperProps, ref: RefObject<HT
|
|
|
151
153
|
}
|
|
152
154
|
role="presentation"
|
|
153
155
|
data-testid="popover">
|
|
154
|
-
{(!isNonModal || enableBothDismissButtons) && <DismissButton onDismiss={
|
|
156
|
+
{(!isNonModal || enableBothDismissButtons) && <DismissButton onDismiss={onDismissButtonPress} />}
|
|
155
157
|
{children}
|
|
156
158
|
{hideArrow ? null : (
|
|
157
159
|
<Arrow
|
|
@@ -162,7 +164,7 @@ const PopoverWrapper = forwardRef((props: PopoverWrapperProps, ref: RefObject<HT
|
|
|
162
164
|
secondary={secondary}
|
|
163
165
|
borderDiagonal={borderDiagonal} />
|
|
164
166
|
)}
|
|
165
|
-
<DismissButton onDismiss={
|
|
167
|
+
<DismissButton onDismiss={onDismissButtonPress} />
|
|
166
168
|
</div>
|
|
167
169
|
</div>
|
|
168
170
|
);
|