@fluentui/react-popover 9.2.0 → 9.3.0
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +170 -1
- package/CHANGELOG.md +42 -2
- package/README.md +1 -3
- package/dist/index.d.ts +3 -4
- package/lib/components/Popover/Popover.types.js.map +1 -1
- package/lib/components/PopoverTrigger/PopoverTrigger.js +2 -1
- package/lib/components/PopoverTrigger/PopoverTrigger.js.map +1 -1
- package/lib-commonjs/components/PopoverTrigger/PopoverTrigger.js +2 -1
- package/lib-commonjs/components/PopoverTrigger/PopoverTrigger.js.map +1 -1
- package/package.json +15 -15
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,176 @@
|
|
|
2
2
|
"name": "@fluentui/react-popover",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Wed, 02 Nov 2022 11:54:57 GMT",
|
|
6
|
+
"tag": "@fluentui/react-popover_v9.3.0",
|
|
7
|
+
"version": "9.3.0",
|
|
8
|
+
"comments": {
|
|
9
|
+
"minor": [
|
|
10
|
+
{
|
|
11
|
+
"author": "bernardo.sunderhus@gmail.com",
|
|
12
|
+
"package": "@fluentui/react-popover",
|
|
13
|
+
"commit": "c5f74a844b419639c882254dc71acbc6a46a9e63",
|
|
14
|
+
"comment": "removes exposing of internal type FluentTriggerComponent"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui/react-popover",
|
|
19
|
+
"comment": "Bump @fluentui/react-aria to v9.3.0",
|
|
20
|
+
"commit": "393a7b169155997a97a6ce1ad36ee3eafc6f461b"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui/react-popover",
|
|
25
|
+
"comment": "Bump @fluentui/react-context-selector to v9.1.0",
|
|
26
|
+
"commit": "393a7b169155997a97a6ce1ad36ee3eafc6f461b"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui/react-popover",
|
|
31
|
+
"comment": "Bump @fluentui/react-portal to v9.0.9",
|
|
32
|
+
"commit": "393a7b169155997a97a6ce1ad36ee3eafc6f461b"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui/react-popover",
|
|
37
|
+
"comment": "Bump @fluentui/react-positioning to v9.3.0",
|
|
38
|
+
"commit": "393a7b169155997a97a6ce1ad36ee3eafc6f461b"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "beachball",
|
|
42
|
+
"package": "@fluentui/react-popover",
|
|
43
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.1.0",
|
|
44
|
+
"commit": "393a7b169155997a97a6ce1ad36ee3eafc6f461b"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "beachball",
|
|
48
|
+
"package": "@fluentui/react-popover",
|
|
49
|
+
"comment": "Bump @fluentui/react-tabster to v9.2.1",
|
|
50
|
+
"commit": "393a7b169155997a97a6ce1ad36ee3eafc6f461b"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "beachball",
|
|
54
|
+
"package": "@fluentui/react-popover",
|
|
55
|
+
"comment": "Bump @fluentui/react-utilities to v9.2.0",
|
|
56
|
+
"commit": "393a7b169155997a97a6ce1ad36ee3eafc6f461b"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"author": "beachball",
|
|
60
|
+
"package": "@fluentui/react-popover",
|
|
61
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.17",
|
|
62
|
+
"commit": "393a7b169155997a97a6ce1ad36ee3eafc6f461b"
|
|
63
|
+
}
|
|
64
|
+
],
|
|
65
|
+
"patch": [
|
|
66
|
+
{
|
|
67
|
+
"author": "olfedias@microsoft.com",
|
|
68
|
+
"package": "@fluentui/react-popover",
|
|
69
|
+
"commit": "c619ba066f11a8654e95375314824ba6b81b003e",
|
|
70
|
+
"comment": "chore: Update Griffel to latest version"
|
|
71
|
+
}
|
|
72
|
+
],
|
|
73
|
+
"none": [
|
|
74
|
+
{
|
|
75
|
+
"author": "bernardo.sunderhus@gmail.com",
|
|
76
|
+
"package": "@fluentui/react-popover",
|
|
77
|
+
"commit": "f3bef94c75214f94749e760a4ab270e3b5a9b8d4",
|
|
78
|
+
"comment": "chore: adds disableButtonEnhancement on triggers"
|
|
79
|
+
}
|
|
80
|
+
]
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"date": "Tue, 25 Oct 2022 00:35:34 GMT",
|
|
85
|
+
"tag": "@fluentui/react-popover_v9.2.1",
|
|
86
|
+
"version": "9.2.1",
|
|
87
|
+
"comments": {
|
|
88
|
+
"none": [
|
|
89
|
+
{
|
|
90
|
+
"author": "miroslav.stastny@microsoft.com",
|
|
91
|
+
"package": "@fluentui/react-popover",
|
|
92
|
+
"commit": "6ced976a8d0e6a0e2e207da8fe0eb810e2bd19bc",
|
|
93
|
+
"comment": "Update package readme"
|
|
94
|
+
}
|
|
95
|
+
]
|
|
96
|
+
}
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
"date": "Thu, 20 Oct 2022 08:39:39 GMT",
|
|
100
|
+
"tag": "@fluentui/react-popover_v9.2.1",
|
|
101
|
+
"version": "9.2.1",
|
|
102
|
+
"comments": {
|
|
103
|
+
"patch": [
|
|
104
|
+
{
|
|
105
|
+
"author": "olfedias@microsoft.com",
|
|
106
|
+
"package": "@fluentui/react-popover",
|
|
107
|
+
"commit": "06865dada128321804646582f564ee86d835d174",
|
|
108
|
+
"comment": "chore: Update Griffel to latest version"
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"author": "mgodbolt@microsoft.com",
|
|
112
|
+
"package": "@fluentui/react-popover",
|
|
113
|
+
"commit": "17096b3137d9d3e7c7443ddc3ce0738b2910a334",
|
|
114
|
+
"comment": "chore: Bump peer deps to support React 18"
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
"author": "beachball",
|
|
118
|
+
"package": "@fluentui/react-popover",
|
|
119
|
+
"comment": "Bump @fluentui/react-aria to v9.2.3",
|
|
120
|
+
"commit": "5ea1372675d910d76cf1b9cbd74d05b7c4e8fcbc"
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"author": "beachball",
|
|
124
|
+
"package": "@fluentui/react-popover",
|
|
125
|
+
"comment": "Bump @fluentui/react-context-selector to v9.0.5",
|
|
126
|
+
"commit": "5ea1372675d910d76cf1b9cbd74d05b7c4e8fcbc"
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
"author": "beachball",
|
|
130
|
+
"package": "@fluentui/react-popover",
|
|
131
|
+
"comment": "Bump @fluentui/react-portal to v9.0.8",
|
|
132
|
+
"commit": "5ea1372675d910d76cf1b9cbd74d05b7c4e8fcbc"
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
"author": "beachball",
|
|
136
|
+
"package": "@fluentui/react-popover",
|
|
137
|
+
"comment": "Bump @fluentui/react-positioning to v9.2.2",
|
|
138
|
+
"commit": "5ea1372675d910d76cf1b9cbd74d05b7c4e8fcbc"
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
"author": "beachball",
|
|
142
|
+
"package": "@fluentui/react-popover",
|
|
143
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.0.2",
|
|
144
|
+
"commit": "5ea1372675d910d76cf1b9cbd74d05b7c4e8fcbc"
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"author": "beachball",
|
|
148
|
+
"package": "@fluentui/react-popover",
|
|
149
|
+
"comment": "Bump @fluentui/react-tabster to v9.2.0",
|
|
150
|
+
"commit": "5ea1372675d910d76cf1b9cbd74d05b7c4e8fcbc"
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
"author": "beachball",
|
|
154
|
+
"package": "@fluentui/react-popover",
|
|
155
|
+
"comment": "Bump @fluentui/react-theme to v9.1.1",
|
|
156
|
+
"commit": "5ea1372675d910d76cf1b9cbd74d05b7c4e8fcbc"
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
"author": "beachball",
|
|
160
|
+
"package": "@fluentui/react-popover",
|
|
161
|
+
"comment": "Bump @fluentui/react-utilities to v9.1.2",
|
|
162
|
+
"commit": "5ea1372675d910d76cf1b9cbd74d05b7c4e8fcbc"
|
|
163
|
+
},
|
|
164
|
+
{
|
|
165
|
+
"author": "beachball",
|
|
166
|
+
"package": "@fluentui/react-popover",
|
|
167
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.16",
|
|
168
|
+
"commit": "5ea1372675d910d76cf1b9cbd74d05b7c4e8fcbc"
|
|
169
|
+
}
|
|
170
|
+
]
|
|
171
|
+
}
|
|
172
|
+
},
|
|
173
|
+
{
|
|
174
|
+
"date": "Thu, 13 Oct 2022 12:56:30 GMT",
|
|
6
175
|
"tag": "@fluentui/react-popover_v9.2.0",
|
|
7
176
|
"version": "9.2.0",
|
|
8
177
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,52 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-popover
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 02 Nov 2022 11:54:57 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.3.0)
|
|
8
|
+
|
|
9
|
+
Wed, 02 Nov 2022 11:54:57 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.2.1..@fluentui/react-popover_v9.3.0)
|
|
11
|
+
|
|
12
|
+
### Minor changes
|
|
13
|
+
|
|
14
|
+
- removes exposing of internal type FluentTriggerComponent ([PR #25411](https://github.com/microsoft/fluentui/pull/25411) by bernardo.sunderhus@gmail.com)
|
|
15
|
+
- Bump @fluentui/react-aria to v9.3.0 ([PR #25456](https://github.com/microsoft/fluentui/pull/25456) by beachball)
|
|
16
|
+
- Bump @fluentui/react-context-selector to v9.1.0 ([PR #25456](https://github.com/microsoft/fluentui/pull/25456) by beachball)
|
|
17
|
+
- Bump @fluentui/react-portal to v9.0.9 ([PR #25456](https://github.com/microsoft/fluentui/pull/25456) by beachball)
|
|
18
|
+
- Bump @fluentui/react-positioning to v9.3.0 ([PR #25456](https://github.com/microsoft/fluentui/pull/25456) by beachball)
|
|
19
|
+
- Bump @fluentui/react-shared-contexts to v9.1.0 ([PR #25456](https://github.com/microsoft/fluentui/pull/25456) by beachball)
|
|
20
|
+
- Bump @fluentui/react-tabster to v9.2.1 ([PR #25456](https://github.com/microsoft/fluentui/pull/25456) by beachball)
|
|
21
|
+
- Bump @fluentui/react-utilities to v9.2.0 ([PR #25456](https://github.com/microsoft/fluentui/pull/25456) by beachball)
|
|
22
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.17 ([PR #25456](https://github.com/microsoft/fluentui/pull/25456) by beachball)
|
|
23
|
+
|
|
24
|
+
### Patches
|
|
25
|
+
|
|
26
|
+
- chore: Update Griffel to latest version ([PR #25412](https://github.com/microsoft/fluentui/pull/25412) by olfedias@microsoft.com)
|
|
27
|
+
|
|
28
|
+
## [9.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.2.1)
|
|
29
|
+
|
|
30
|
+
Thu, 20 Oct 2022 08:39:39 GMT
|
|
31
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.2.0..@fluentui/react-popover_v9.2.1)
|
|
32
|
+
|
|
33
|
+
### Patches
|
|
34
|
+
|
|
35
|
+
- chore: Update Griffel to latest version ([PR #25212](https://github.com/microsoft/fluentui/pull/25212) by olfedias@microsoft.com)
|
|
36
|
+
- chore: Bump peer deps to support React 18 ([PR #24972](https://github.com/microsoft/fluentui/pull/24972) by mgodbolt@microsoft.com)
|
|
37
|
+
- Bump @fluentui/react-aria to v9.2.3 ([PR #25265](https://github.com/microsoft/fluentui/pull/25265) by beachball)
|
|
38
|
+
- Bump @fluentui/react-context-selector to v9.0.5 ([PR #25265](https://github.com/microsoft/fluentui/pull/25265) by beachball)
|
|
39
|
+
- Bump @fluentui/react-portal to v9.0.8 ([PR #25265](https://github.com/microsoft/fluentui/pull/25265) by beachball)
|
|
40
|
+
- Bump @fluentui/react-positioning to v9.2.2 ([PR #25265](https://github.com/microsoft/fluentui/pull/25265) by beachball)
|
|
41
|
+
- Bump @fluentui/react-shared-contexts to v9.0.2 ([PR #25265](https://github.com/microsoft/fluentui/pull/25265) by beachball)
|
|
42
|
+
- Bump @fluentui/react-tabster to v9.2.0 ([PR #25265](https://github.com/microsoft/fluentui/pull/25265) by beachball)
|
|
43
|
+
- Bump @fluentui/react-theme to v9.1.1 ([PR #25265](https://github.com/microsoft/fluentui/pull/25265) by beachball)
|
|
44
|
+
- Bump @fluentui/react-utilities to v9.1.2 ([PR #25265](https://github.com/microsoft/fluentui/pull/25265) by beachball)
|
|
45
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.16 ([PR #25265](https://github.com/microsoft/fluentui/pull/25265) by beachball)
|
|
46
|
+
|
|
7
47
|
## [9.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.2.0)
|
|
8
48
|
|
|
9
|
-
Thu, 13 Oct 2022 12:
|
|
49
|
+
Thu, 13 Oct 2022 12:56:30 GMT
|
|
10
50
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.1.3..@fluentui/react-popover_v9.2.0)
|
|
11
51
|
|
|
12
52
|
### Minor changes
|
package/README.md
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
# @fluentui/react-popover
|
|
2
2
|
|
|
3
|
-
**React Popover components for [Fluent UI React](https://
|
|
4
|
-
|
|
5
|
-
These are not production-ready components and **should never be used in product**. This space is useful for testing new components whose APIs might change before final release.
|
|
3
|
+
**React Popover components for [Fluent UI React](https://react.fluentui.dev)**
|
|
6
4
|
|
|
7
5
|
To import React Popover components:
|
|
8
6
|
|
package/dist/index.d.ts
CHANGED
|
@@ -4,7 +4,6 @@ import type { ComponentProps } from '@fluentui/react-utilities';
|
|
|
4
4
|
import type { ComponentState } from '@fluentui/react-utilities';
|
|
5
5
|
import type { ContextSelector } from '@fluentui/react-context-selector';
|
|
6
6
|
import { FC } from 'react';
|
|
7
|
-
import type { FluentTriggerComponent } from '@fluentui/react-utilities';
|
|
8
7
|
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
9
8
|
import { JSXElementConstructor } from 'react';
|
|
10
9
|
import type { PortalProps } from '@fluentui/react-portal';
|
|
@@ -14,11 +13,11 @@ import { Provider } from 'react';
|
|
|
14
13
|
import { ProviderProps } from 'react';
|
|
15
14
|
import * as React_2 from 'react';
|
|
16
15
|
import { ReactElement } from 'react';
|
|
16
|
+
import type { SetVirtualMouseTarget } from '@fluentui/react-positioning';
|
|
17
17
|
import type { Slot } from '@fluentui/react-utilities';
|
|
18
18
|
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
19
19
|
import type { TriggerProps } from '@fluentui/react-utilities';
|
|
20
20
|
import type { UseModalAttributesOptions } from '@fluentui/react-tabster';
|
|
21
|
-
import type { usePositioningMouseTarget } from '@fluentui/react-positioning';
|
|
22
21
|
|
|
23
22
|
export declare const arrowHeights: Record<PopoverSize, number>;
|
|
24
23
|
|
|
@@ -165,7 +164,7 @@ export declare type PopoverState = Pick<PopoverProps, 'appearance' | 'mountNode'
|
|
|
165
164
|
/**
|
|
166
165
|
* A callback to set the target of the popper to the mouse click for context events
|
|
167
166
|
*/
|
|
168
|
-
setContextTarget:
|
|
167
|
+
setContextTarget: SetVirtualMouseTarget;
|
|
169
168
|
/**
|
|
170
169
|
* Callback to open/close the Popover
|
|
171
170
|
*/
|
|
@@ -213,7 +212,7 @@ export declare type PopoverSurfaceState = ComponentState<PopoverSurfaceSlots> &
|
|
|
213
212
|
/**
|
|
214
213
|
* Wraps a trigger element as an only child and adds the necessary event handling to open a popover.
|
|
215
214
|
*/
|
|
216
|
-
export declare const PopoverTrigger: React_2.FC<PopoverTriggerProps
|
|
215
|
+
export declare const PopoverTrigger: React_2.FC<PopoverTriggerProps>;
|
|
217
216
|
|
|
218
217
|
/**
|
|
219
218
|
* Props that are passed to the child of the DialogTrigger when cloned to ensure correct behaviour for the Dialog
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.types.js","sourceRoot":"../src/","sources":["packages/react-components/react-popover/src/components/Popover/Popover.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type {\n PositioningVirtualElement,\n PositioningShorthand,\n
|
|
1
|
+
{"version":3,"file":"Popover.types.js","sourceRoot":"../src/","sources":["packages/react-components/react-popover/src/components/Popover/Popover.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type {\n PositioningVirtualElement,\n PositioningShorthand,\n SetVirtualMouseTarget,\n} from '@fluentui/react-positioning';\nimport type { PortalProps } from '@fluentui/react-portal';\nimport type { UseModalAttributesOptions } from '@fluentui/react-tabster';\n\n/**\n * Determines popover padding and arrow size\n */\nexport type PopoverSize = 'small' | 'medium' | 'large';\n\n/**\n * Popover Props\n */\nexport type PopoverProps = Pick<PortalProps, 'mountNode'> & {\n /**\n * A popover can appear styled with brand or inverted.\n * When not specified, the default style is used.\n */\n appearance?: 'brand' | 'inverted';\n\n /**\n * Can contain two children including {@link PopoverTrigger} and {@link PopoverSurface}.\n * Alternatively can only contain {@link PopoverSurface} if using a custom `target`.\n */\n children: [JSX.Element, JSX.Element] | JSX.Element;\n\n /**\n * Close when scroll outside of it\n *\n * @default false\n */\n closeOnScroll?: boolean;\n\n /**\n * Used to set the initial open state of the Popover in uncontrolled mode\n *\n * @default false\n */\n defaultOpen?: boolean;\n\n /**\n * Popovers are rendered out of DOM order on `document.body` by default, use this to render the popover in DOM order\n *\n * @default false\n */\n inline?: boolean;\n\n /**\n * Sets the delay for closing popover on mouse leave\n */\n mouseLeaveDelay?: number;\n\n /**\n * Display an arrow pointing to the target.\n *\n * @default false\n */\n withArrow?: boolean;\n\n /**\n * Call back when the component requests to change value\n * The `open` value is used as a hint when directly controlling the component\n */\n onOpenChange?: (e: OpenPopoverEvents, data: OnOpenChangeData) => void;\n\n /**\n * Controls the opening of the Popover\n *\n * @default false\n */\n open?: boolean;\n\n /**\n * Flag to open the Popover as a context menu. Disables all other interactions\n *\n * @default false\n */\n openOnContext?: boolean;\n\n /**\n * Flag to open the Popover by hovering the trigger\n *\n * @default false\n */\n openOnHover?: boolean;\n\n /**\n * Configures the position of the Popover\n */\n positioning?: PositioningShorthand;\n\n /**\n * Determines popover padding and arrow size\n *\n * @default medium\n */\n size?: PopoverSize;\n\n /**\n * Should trap focus\n *\n * @default false\n */\n trapFocus?: UseModalAttributesOptions['trapFocus'];\n\n /**\n * Must be used with the `trapFocus` prop\n * Enables older Fluent UI focus trap behavior where the user\n * cannot tab into the window outside of the document. This is now\n * non-standard behavior according to the [HTML dialog spec](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/showModal)\n * where the focus trap involves setting outside elements inert.\n *\n * @default false\n */\n legacyTrapFocus?: UseModalAttributesOptions['legacyTrapFocus'];\n};\n\n/**\n * Popover State\n */\nexport type PopoverState = Pick<\n PopoverProps,\n | 'appearance'\n | 'mountNode'\n | 'onOpenChange'\n | 'openOnContext'\n | 'openOnHover'\n | 'trapFocus'\n | 'withArrow'\n | 'legacyTrapFocus'\n> &\n Required<Pick<PopoverProps, 'inline' | 'open'>> &\n Pick<PopoverProps, 'children'> & {\n /**\n * Ref of the pointing arrow\n */\n arrowRef: React.MutableRefObject<HTMLDivElement | null>;\n\n /**\n * Ref of the PopoverSurface\n */\n contentRef: React.MutableRefObject<HTMLElement | null>;\n\n /**\n * Anchors the popper to the mouse click for context events\n */\n contextTarget: PositioningVirtualElement | undefined;\n\n popoverSurface: React.ReactElement | undefined;\n\n popoverTrigger: React.ReactElement | undefined;\n\n /**\n * A callback to set the target of the popper to the mouse click for context events\n */\n setContextTarget: SetVirtualMouseTarget;\n\n /**\n * Callback to open/close the Popover\n */\n setOpen: (e: OpenPopoverEvents, open: boolean) => void;\n\n size: NonNullable<PopoverProps['size']>;\n\n /**\n * Callback to toggle the open state of the Popover\n */\n toggleOpen: (e: OpenPopoverEvents) => void;\n\n /**\n * Ref of the PopoverTrigger\n */\n triggerRef: React.MutableRefObject<HTMLElement | null>;\n };\n\n/**\n * Data attached to open/close events\n */\nexport type OnOpenChangeData = { open: boolean };\n\n/**\n * The supported events that will trigger open/close of the menu\n */\nexport type OpenPopoverEvents =\n | MouseEvent\n | TouchEvent\n | React.FocusEvent<HTMLElement>\n | React.KeyboardEvent<HTMLElement>\n | React.MouseEvent<HTMLElement>;\n"]}
|
|
@@ -8,6 +8,7 @@ export const PopoverTrigger = props => {
|
|
|
8
8
|
const state = usePopoverTrigger_unstable(props);
|
|
9
9
|
return renderPopoverTrigger_unstable(state);
|
|
10
10
|
};
|
|
11
|
-
PopoverTrigger.displayName = 'PopoverTrigger';
|
|
11
|
+
PopoverTrigger.displayName = 'PopoverTrigger'; // type casting here is required to ensure internal type FluentTriggerComponent is not leaked
|
|
12
|
+
|
|
12
13
|
PopoverTrigger.isFluentTriggerComponent = true;
|
|
13
14
|
//# sourceMappingURL=PopoverTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/react-components/react-popover/src/components/PopoverTrigger/PopoverTrigger.tsx"],"names":[],"mappings":"AACA,SAAS,0BAAT,QAA2C,qBAA3C;AACA,SAAS,6BAAT,QAA8C,wBAA9C;AAIA;;AAEG;;AACH,OAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"sources":["packages/react-components/react-popover/src/components/PopoverTrigger/PopoverTrigger.tsx"],"names":[],"mappings":"AACA,SAAS,0BAAT,QAA2C,qBAA3C;AACA,SAAS,6BAAT,QAA8C,wBAA9C;AAIA;;AAEG;;AACH,OAAO,MAAM,cAAc,GAAkC,KAAK,IAAG;EACnE,MAAM,KAAK,GAAG,0BAA0B,CAAC,KAAD,CAAxC;EAEA,OAAO,6BAA6B,CAAC,KAAD,CAApC;AACD,CAJM;AAMP,cAAc,CAAC,WAAf,GAA6B,gBAA7B,C,CACA;;AACC,cAAyC,CAAC,wBAA1C,GAAqE,IAArE","sourcesContent":["import * as React from 'react';\nimport { usePopoverTrigger_unstable } from './usePopoverTrigger';\nimport { renderPopoverTrigger_unstable } from './renderPopoverTrigger';\nimport type { FluentTriggerComponent } from '@fluentui/react-utilities';\nimport type { PopoverTriggerProps } from './PopoverTrigger.types';\n\n/**\n * Wraps a trigger element as an only child and adds the necessary event handling to open a popover.\n */\nexport const PopoverTrigger: React.FC<PopoverTriggerProps> = props => {\n const state = usePopoverTrigger_unstable(props);\n\n return renderPopoverTrigger_unstable(state);\n};\n\nPopoverTrigger.displayName = 'PopoverTrigger';\n// type casting here is required to ensure internal type FluentTriggerComponent is not leaked\n(PopoverTrigger as FluentTriggerComponent).isFluentTriggerComponent = true;\n"],"sourceRoot":"../src/"}
|
|
@@ -19,6 +19,7 @@ const PopoverTrigger = props => {
|
|
|
19
19
|
};
|
|
20
20
|
|
|
21
21
|
exports.PopoverTrigger = PopoverTrigger;
|
|
22
|
-
exports.PopoverTrigger.displayName = 'PopoverTrigger';
|
|
22
|
+
exports.PopoverTrigger.displayName = 'PopoverTrigger'; // type casting here is required to ensure internal type FluentTriggerComponent is not leaked
|
|
23
|
+
|
|
23
24
|
exports.PopoverTrigger.isFluentTriggerComponent = true;
|
|
24
25
|
//# sourceMappingURL=PopoverTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/react-components/react-popover/src/components/PopoverTrigger/PopoverTrigger.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAIA;;AAEG;;;AACI,MAAM,cAAc,
|
|
1
|
+
{"version":3,"sources":["packages/react-components/react-popover/src/components/PopoverTrigger/PopoverTrigger.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAIA;;AAEG;;;AACI,MAAM,cAAc,GAAkC,KAAK,IAAG;EACnE,MAAM,KAAK,GAAG,mBAAA,CAAA,0BAAA,CAA2B,KAA3B,CAAd;EAEA,OAAO,sBAAA,CAAA,6BAAA,CAA8B,KAA9B,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd;AAMb,OAAA,CAAA,cAAA,CAAe,WAAf,GAA6B,gBAA7B,C,CACA;;AACC,OAAA,CAAA,cAAA,CAA0C,wBAA1C,GAAqE,IAArE","sourcesContent":["import * as React from 'react';\nimport { usePopoverTrigger_unstable } from './usePopoverTrigger';\nimport { renderPopoverTrigger_unstable } from './renderPopoverTrigger';\nimport type { FluentTriggerComponent } from '@fluentui/react-utilities';\nimport type { PopoverTriggerProps } from './PopoverTrigger.types';\n\n/**\n * Wraps a trigger element as an only child and adds the necessary event handling to open a popover.\n */\nexport const PopoverTrigger: React.FC<PopoverTriggerProps> = props => {\n const state = usePopoverTrigger_unstable(props);\n\n return renderPopoverTrigger_unstable(state);\n};\n\nPopoverTrigger.displayName = 'PopoverTrigger';\n// type casting here is required to ensure internal type FluentTriggerComponent is not leaked\n(PopoverTrigger as FluentTriggerComponent).isFluentTriggerComponent = true;\n"],"sourceRoot":"../src/"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-popover",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.3.0",
|
|
4
4
|
"description": "Popover component for Fluent UI",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -29,27 +29,27 @@
|
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@fluentui/eslint-plugin": "*",
|
|
31
31
|
"@fluentui/react-conformance": "*",
|
|
32
|
-
"@fluentui/react-conformance-griffel": "9.0.0-beta.
|
|
32
|
+
"@fluentui/react-conformance-griffel": "9.0.0-beta.17",
|
|
33
33
|
"@fluentui/scripts": "^1.0.0"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@fluentui/keyboard-keys": "^9.0.0",
|
|
37
|
-
"@fluentui/react-aria": "^9.
|
|
38
|
-
"@fluentui/react-context-selector": "^9.0
|
|
39
|
-
"@fluentui/react-portal": "^9.0.
|
|
40
|
-
"@fluentui/react-positioning": "^9.
|
|
41
|
-
"@fluentui/react-shared-contexts": "^9.0
|
|
42
|
-
"@fluentui/react-tabster": "^9.1
|
|
43
|
-
"@fluentui/react-theme": "^9.1.
|
|
44
|
-
"@fluentui/react-utilities": "^9.
|
|
45
|
-
"@griffel/react": "^1.4.
|
|
37
|
+
"@fluentui/react-aria": "^9.3.0",
|
|
38
|
+
"@fluentui/react-context-selector": "^9.1.0",
|
|
39
|
+
"@fluentui/react-portal": "^9.0.9",
|
|
40
|
+
"@fluentui/react-positioning": "^9.3.0",
|
|
41
|
+
"@fluentui/react-shared-contexts": "^9.1.0",
|
|
42
|
+
"@fluentui/react-tabster": "^9.2.1",
|
|
43
|
+
"@fluentui/react-theme": "^9.1.1",
|
|
44
|
+
"@fluentui/react-utilities": "^9.2.0",
|
|
45
|
+
"@griffel/react": "^1.4.2",
|
|
46
46
|
"tslib": "^2.1.0"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
|
-
"@types/react": ">=16.8.0 <
|
|
50
|
-
"@types/react-dom": ">=16.8.0 <
|
|
51
|
-
"react": ">=16.8.0 <
|
|
52
|
-
"react-dom": ">=16.8.0 <
|
|
49
|
+
"@types/react": ">=16.8.0 <19.0.0",
|
|
50
|
+
"@types/react-dom": ">=16.8.0 <19.0.0",
|
|
51
|
+
"react": ">=16.8.0 <19.0.0",
|
|
52
|
+
"react-dom": ">=16.8.0 <19.0.0",
|
|
53
53
|
"scheduler": "^0.19.0 || ^0.20.0"
|
|
54
54
|
},
|
|
55
55
|
"beachball": {
|