@fluentui/react-popover 9.2.0 → 9.3.0
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/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": {
|