@fluentui/react-popover 9.0.0-alpha.48 → 9.0.0-alpha.49
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 +76 -1
- package/CHANGELOG.md +21 -2
- package/dist/react-popover.d.ts +8 -16
- package/lib/components/Popover/Popover.types.d.ts +3 -8
- package/lib/components/Popover/renderPopover.js +2 -4
- package/lib/components/Popover/renderPopover.js.map +1 -1
- package/lib/components/Popover/usePopover.d.ts +1 -2
- package/lib/components/Popover/usePopover.js +1 -2
- package/lib/components/Popover/usePopover.js.map +1 -1
- package/lib/components/PopoverSurface/PopoverSurface.types.d.ts +1 -1
- package/lib/components/PopoverSurface/usePopoverSurface.d.ts +0 -1
- package/lib/components/PopoverSurface/usePopoverSurface.js +6 -14
- package/lib/components/PopoverSurface/usePopoverSurface.js.map +1 -1
- package/lib/components/PopoverSurface/usePopoverSurfaceStyles.js +1 -1
- package/lib/components/PopoverSurface/usePopoverSurfaceStyles.js.map +1 -1
- package/lib/components/PopoverTrigger/usePopoverTrigger.d.ts +1 -2
- package/lib/components/PopoverTrigger/usePopoverTrigger.js +5 -5
- package/lib/components/PopoverTrigger/usePopoverTrigger.js.map +1 -1
- package/lib/popoverContext.d.ts +2 -2
- package/lib/popoverContext.js.map +1 -1
- package/lib-commonjs/components/Popover/Popover.types.d.ts +3 -8
- package/lib-commonjs/components/Popover/renderPopover.js +2 -4
- package/lib-commonjs/components/Popover/renderPopover.js.map +1 -1
- package/lib-commonjs/components/Popover/usePopover.d.ts +1 -2
- package/lib-commonjs/components/Popover/usePopover.js +1 -2
- package/lib-commonjs/components/Popover/usePopover.js.map +1 -1
- package/lib-commonjs/components/PopoverSurface/PopoverSurface.types.d.ts +1 -1
- package/lib-commonjs/components/PopoverSurface/usePopoverSurface.d.ts +0 -1
- package/lib-commonjs/components/PopoverSurface/usePopoverSurface.js +6 -14
- package/lib-commonjs/components/PopoverSurface/usePopoverSurface.js.map +1 -1
- package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.js +1 -1
- package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.js.map +1 -1
- package/lib-commonjs/components/PopoverTrigger/usePopoverTrigger.d.ts +1 -2
- package/lib-commonjs/components/PopoverTrigger/usePopoverTrigger.js +5 -5
- package/lib-commonjs/components/PopoverTrigger/usePopoverTrigger.js.map +1 -1
- package/lib-commonjs/popoverContext.d.ts +2 -2
- package/lib-commonjs/popoverContext.js.map +1 -1
- package/package.json +10 -10
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,82 @@
|
|
|
2
2
|
"name": "@fluentui/react-popover",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Fri, 24 Sep 2021 09:16:15 GMT",
|
|
6
|
+
"tag": "@fluentui/react-popover_v9.0.0-alpha.49",
|
|
7
|
+
"version": "9.0.0-alpha.49",
|
|
8
|
+
"comments": {
|
|
9
|
+
"prerelease": [
|
|
10
|
+
{
|
|
11
|
+
"author": "lingfangao@hotmail.com",
|
|
12
|
+
"package": "@fluentui/react-popover",
|
|
13
|
+
"comment": "fix(Popover): Remove leftover defaultProps and fix trigger props merge",
|
|
14
|
+
"commit": "0d26909912889432060fd4c87b2f4a45017e1532"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "gcox@microsoft.com",
|
|
18
|
+
"package": "@fluentui/react-popover",
|
|
19
|
+
"comment": "Updated PopoverProps for consistency",
|
|
20
|
+
"commit": "0d26909912889432060fd4c87b2f4a45017e1532"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui/react-popover",
|
|
25
|
+
"comment": "Bump @fluentui/react-context-selector to v9.0.0-alpha.35",
|
|
26
|
+
"commit": "0d26909912889432060fd4c87b2f4a45017e1532"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui/react-popover",
|
|
31
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-alpha.72",
|
|
32
|
+
"commit": "0d26909912889432060fd4c87b2f4a45017e1532"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui/react-popover",
|
|
37
|
+
"comment": "Bump @fluentui/react-portal to v9.0.0-alpha.54",
|
|
38
|
+
"commit": "0d26909912889432060fd4c87b2f4a45017e1532"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "beachball",
|
|
42
|
+
"package": "@fluentui/react-popover",
|
|
43
|
+
"comment": "Bump @fluentui/react-positioning to v9.0.0-alpha.60",
|
|
44
|
+
"commit": "0d26909912889432060fd4c87b2f4a45017e1532"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "beachball",
|
|
48
|
+
"package": "@fluentui/react-popover",
|
|
49
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-alpha.66",
|
|
50
|
+
"commit": "0d26909912889432060fd4c87b2f4a45017e1532"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "beachball",
|
|
54
|
+
"package": "@fluentui/react-popover",
|
|
55
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-alpha.52",
|
|
56
|
+
"commit": "0d26909912889432060fd4c87b2f4a45017e1532"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"author": "beachball",
|
|
60
|
+
"package": "@fluentui/react-popover",
|
|
61
|
+
"comment": "Bump @fluentui/babel-make-styles to v9.0.0-alpha.54",
|
|
62
|
+
"commit": "0d26909912889432060fd4c87b2f4a45017e1532"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"author": "beachball",
|
|
66
|
+
"package": "@fluentui/react-popover",
|
|
67
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.47",
|
|
68
|
+
"commit": "0d26909912889432060fd4c87b2f4a45017e1532"
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"author": "beachball",
|
|
72
|
+
"package": "@fluentui/react-popover",
|
|
73
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.16",
|
|
74
|
+
"commit": "0d26909912889432060fd4c87b2f4a45017e1532"
|
|
75
|
+
}
|
|
76
|
+
]
|
|
77
|
+
}
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"date": "Thu, 23 Sep 2021 08:21:34 GMT",
|
|
6
81
|
"tag": "@fluentui/react-popover_v9.0.0-alpha.48",
|
|
7
82
|
"version": "9.0.0-alpha.48",
|
|
8
83
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,31 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-popover
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 24 Sep 2021 09:16:15 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.0.0-alpha.49](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.0.0-alpha.49)
|
|
8
|
+
|
|
9
|
+
Fri, 24 Sep 2021 09:16:15 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.0-alpha.48..@fluentui/react-popover_v9.0.0-alpha.49)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- fix(Popover): Remove leftover defaultProps and fix trigger props merge ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by lingfangao@hotmail.com)
|
|
15
|
+
- Updated PopoverProps for consistency ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by gcox@microsoft.com)
|
|
16
|
+
- Bump @fluentui/react-context-selector to v9.0.0-alpha.35 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
|
|
17
|
+
- Bump @fluentui/react-make-styles to v9.0.0-alpha.72 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
|
|
18
|
+
- Bump @fluentui/react-portal to v9.0.0-alpha.54 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
|
|
19
|
+
- Bump @fluentui/react-positioning to v9.0.0-alpha.60 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
|
|
20
|
+
- Bump @fluentui/react-tabster to v9.0.0-alpha.66 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
|
|
21
|
+
- Bump @fluentui/react-utilities to v9.0.0-alpha.52 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
|
|
22
|
+
- Bump @fluentui/babel-make-styles to v9.0.0-alpha.54 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
|
|
23
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.47 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
|
|
24
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.16 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
|
|
25
|
+
|
|
7
26
|
## [9.0.0-alpha.48](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.0.0-alpha.48)
|
|
8
27
|
|
|
9
|
-
Thu, 23 Sep 2021 08:
|
|
28
|
+
Thu, 23 Sep 2021 08:21:34 GMT
|
|
10
29
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.0-alpha.47..@fluentui/react-popover_v9.0.0-alpha.48)
|
|
11
30
|
|
|
12
31
|
### Changes
|
package/dist/react-popover.d.ts
CHANGED
|
@@ -60,15 +60,10 @@ export declare type PopoverCommons = Pick<PortalProps, 'mountNode'> & {
|
|
|
60
60
|
*/
|
|
61
61
|
size?: PopoverSize;
|
|
62
62
|
/**
|
|
63
|
-
*
|
|
64
|
-
*
|
|
63
|
+
* A popover can appear styled with brand or inverted.
|
|
64
|
+
* When not specified, the default style is used.
|
|
65
65
|
*/
|
|
66
|
-
|
|
67
|
-
/**
|
|
68
|
-
* Inverts the foreground/background colour of the popover
|
|
69
|
-
* Mutually exclusive with `brand`
|
|
70
|
-
*/
|
|
71
|
-
inverted?: boolean;
|
|
66
|
+
appearance?: 'brand' | 'inverted';
|
|
72
67
|
/**
|
|
73
68
|
* Should trap focus
|
|
74
69
|
*/
|
|
@@ -84,7 +79,7 @@ export declare const PopoverContext: Context<PopoverContextValue>;
|
|
|
84
79
|
/**
|
|
85
80
|
* Context shared between Popover and its children components
|
|
86
81
|
*/
|
|
87
|
-
export declare type PopoverContextValue = Pick<PopoverState, 'open' | 'setOpen' | 'triggerRef' | 'contentRef' | 'openOnHover' | 'openOnContext' | 'mountNode' | 'noArrow' | 'arrowRef' | 'size' | '
|
|
82
|
+
export declare type PopoverContextValue = Pick<PopoverState, 'open' | 'setOpen' | 'triggerRef' | 'contentRef' | 'openOnHover' | 'openOnContext' | 'mountNode' | 'noArrow' | 'arrowRef' | 'size' | 'appearance' | 'trapFocus'>;
|
|
88
83
|
|
|
89
84
|
/**
|
|
90
85
|
* Popover Props
|
|
@@ -173,7 +168,7 @@ export declare const popoverSurfaceSlots: Array<keyof PopoverSurfaceSlots>;
|
|
|
173
168
|
/**
|
|
174
169
|
* PopoverSurface State
|
|
175
170
|
*/
|
|
176
|
-
export declare type PopoverSurfaceState = ComponentState<PopoverSurfaceSlots> & Pick<PopoverContextValue, 'open' | 'mountNode' | 'noArrow' | 'size' | '
|
|
171
|
+
export declare type PopoverSurfaceState = ComponentState<PopoverSurfaceSlots> & Pick<PopoverContextValue, 'open' | 'mountNode' | 'noArrow' | 'size' | 'appearance' | 'arrowRef'> & {
|
|
177
172
|
/**
|
|
178
173
|
* CSS class for the arrow element
|
|
179
174
|
*/
|
|
@@ -219,11 +214,10 @@ export declare const renderPopoverTrigger: (state: PopoverTriggerState) => JSX.E
|
|
|
219
214
|
* before being passed to renderPopover.
|
|
220
215
|
*
|
|
221
216
|
* @param props - props from this instance of Popover
|
|
222
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
|
223
217
|
*/
|
|
224
|
-
export declare const usePopover: (props: PopoverProps
|
|
218
|
+
export declare const usePopover: (props: PopoverProps) => PopoverState;
|
|
225
219
|
|
|
226
|
-
export declare const usePopoverContext: <T>(selector: ContextSelector<Pick<PopoverState, "mountNode" | "open" | "setOpen" | "triggerRef" | "contentRef" | "openOnHover" | "openOnContext" | "noArrow" | "arrowRef" | "size" | "
|
|
220
|
+
export declare const usePopoverContext: <T>(selector: ContextSelector<Pick<PopoverState, "mountNode" | "open" | "setOpen" | "triggerRef" | "contentRef" | "openOnHover" | "openOnContext" | "noArrow" | "arrowRef" | "size" | "appearance" | "trapFocus">, T>) => T;
|
|
227
221
|
|
|
228
222
|
/**
|
|
229
223
|
* Create the state required to render PopoverSurface.
|
|
@@ -233,7 +227,6 @@ export declare const usePopoverContext: <T>(selector: ContextSelector<Pick<Popov
|
|
|
233
227
|
*
|
|
234
228
|
* @param props - props from this instance of PopoverSurface
|
|
235
229
|
* @param ref - reference to root HTMLDivElement of PopoverSurface
|
|
236
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
|
237
230
|
*/
|
|
238
231
|
export declare const usePopoverSurface: (props: PopoverSurfaceProps, ref: React_2.Ref<HTMLDivElement>) => PopoverSurfaceState;
|
|
239
232
|
|
|
@@ -249,8 +242,7 @@ export declare const usePopoverSurfaceStyles: (state: PopoverSurfaceState) => Po
|
|
|
249
242
|
* before being passed to renderPopoverTrigger.
|
|
250
243
|
*
|
|
251
244
|
* @param props - props from this instance of PopoverTrigger
|
|
252
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
|
253
245
|
*/
|
|
254
|
-
export declare const usePopoverTrigger: (props: PopoverTriggerProps
|
|
246
|
+
export declare const usePopoverTrigger: (props: PopoverTriggerProps) => PopoverTriggerState;
|
|
255
247
|
|
|
256
248
|
export { }
|
|
@@ -37,15 +37,10 @@ export declare type PopoverCommons = Pick<PortalProps, 'mountNode'> & {
|
|
|
37
37
|
*/
|
|
38
38
|
size?: PopoverSize;
|
|
39
39
|
/**
|
|
40
|
-
*
|
|
41
|
-
*
|
|
40
|
+
* A popover can appear styled with brand or inverted.
|
|
41
|
+
* When not specified, the default style is used.
|
|
42
42
|
*/
|
|
43
|
-
|
|
44
|
-
/**
|
|
45
|
-
* Inverts the foreground/background colour of the popover
|
|
46
|
-
* Mutually exclusive with `brand`
|
|
47
|
-
*/
|
|
48
|
-
inverted?: boolean;
|
|
43
|
+
appearance?: 'brand' | 'inverted';
|
|
49
44
|
/**
|
|
50
45
|
* Should trap focus
|
|
51
46
|
*/
|
|
@@ -15,8 +15,7 @@ export var renderPopover = function (state) {
|
|
|
15
15
|
arrowRef = state.arrowRef,
|
|
16
16
|
size = state.size,
|
|
17
17
|
noArrow = state.noArrow,
|
|
18
|
-
|
|
19
|
-
inverted = state.inverted,
|
|
18
|
+
appearance = state.appearance,
|
|
20
19
|
trapFocus = state.trapFocus;
|
|
21
20
|
return /*#__PURE__*/React.createElement(PopoverContext.Provider, {
|
|
22
21
|
value: {
|
|
@@ -30,8 +29,7 @@ export var renderPopover = function (state) {
|
|
|
30
29
|
arrowRef: arrowRef,
|
|
31
30
|
size: size,
|
|
32
31
|
noArrow: noArrow,
|
|
33
|
-
|
|
34
|
-
inverted: inverted,
|
|
32
|
+
appearance: appearance,
|
|
35
33
|
trapFocus: trapFocus
|
|
36
34
|
}
|
|
37
35
|
}, state.children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Popover/renderPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,QAA+B,sBAA/B;AAGA;;AAEG;;AACH,OAAO,IAAM,aAAa,GAAG,UAAC,KAAD,EAAoB;AAE7C,MAAA,IAAI,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Popover/renderPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,QAA+B,sBAA/B;AAGA;;AAEG;;AACH,OAAO,IAAM,aAAa,GAAG,UAAC,KAAD,EAAoB;AAE7C,MAAA,IAAI,GAYF,KAAK,CAZH,IAAJ;AAAA,MACA,OAAO,GAWL,KAAK,CAXA,OADP;AAAA,MAEA,UAAU,GAUR,KAAK,CAVG,UAFV;AAAA,MAGA,UAAU,GASR,KAAK,CATG,UAHV;AAAA,MAIA,aAAa,GAQX,KAAK,CARM,aAJb;AAAA,MAKA,WAAW,GAOT,KAAK,CAPI,WALX;AAAA,MAMA,SAAS,GAMP,KAAK,CANE,SANT;AAAA,MAOA,QAAQ,GAKN,KAAK,CALC,QAPR;AAAA,MAQA,IAAI,GAIF,KAAK,CAJH,IARJ;AAAA,MASA,OAAO,GAGL,KAAK,CAHA,OATP;AAAA,MAUA,UAAU,GAER,KAAK,CAFG,UAVV;AAAA,MAWA,SAAS,GACP,KAAK,CADE,SAXT;AAcF,sBACE,KAAA,CAAA,aAAA,CAAC,cAAc,CAAC,QAAhB,EAAwB;AACtB,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAA,IADC;AAEL,MAAA,OAAO,EAAA,OAFF;AAGL,MAAA,UAAU,EAAA,UAHL;AAIL,MAAA,UAAU,EAAA,UAJL;AAKL,MAAA,WAAW,EAAA,WALN;AAML,MAAA,aAAa,EAAA,aANR;AAOL,MAAA,SAAS,EAAA,SAPJ;AAQL,MAAA,QAAQ,EAAA,QARH;AASL,MAAA,IAAI,EAAA,IATC;AAUL,MAAA,OAAO,EAAA,OAVF;AAWL,MAAA,UAAU,EAAA,UAXL;AAYL,MAAA,SAAS,EAAA;AAZJ;AADe,GAAxB,EAgBG,KAAK,CAAC,QAhBT,CADF;AAoBD,CApCM","sourceRoot":""}
|
|
@@ -6,6 +6,5 @@ import type { PopoverProps, PopoverState } from './Popover.types';
|
|
|
6
6
|
* before being passed to renderPopover.
|
|
7
7
|
*
|
|
8
8
|
* @param props - props from this instance of Popover
|
|
9
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
|
10
9
|
*/
|
|
11
|
-
export declare const usePopover: (props: PopoverProps
|
|
10
|
+
export declare const usePopover: (props: PopoverProps) => PopoverState;
|
|
@@ -12,10 +12,9 @@ import { arrowHeights } from '../PopoverSurface/index';
|
|
|
12
12
|
* before being passed to renderPopover.
|
|
13
13
|
*
|
|
14
14
|
* @param props - props from this instance of Popover
|
|
15
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
|
16
15
|
*/
|
|
17
16
|
|
|
18
|
-
export var usePopover = function (props
|
|
17
|
+
export var usePopover = function (props) {
|
|
19
18
|
var _a = usePopperMouseTarget(),
|
|
20
19
|
contextTarget = _a[0],
|
|
21
20
|
setContextTarget = _a[1];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Popover/usePopover.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SACE,oBADF,EAEE,gBAFF,EAGE,iBAHF,EAIE,kBAJF,QAKO,2BALP;AAMA,SAAS,SAAT,QAA0B,iCAA1B;AACA,SACE,SADF,EAEE,2BAFF,EAGE,gBAHF,EAIE,oBAJF,QAKO,6BALP;AAMA,SAAS,eAAT,QAAgC,wBAAhC;AACA,SAAS,YAAT,QAA6B,yBAA7B;AAGA
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Popover/usePopover.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -13,7 +13,7 @@ export declare type PopoverSurfaceSlots = {
|
|
|
13
13
|
/**
|
|
14
14
|
* PopoverSurface State
|
|
15
15
|
*/
|
|
16
|
-
export declare type PopoverSurfaceState = ComponentState<PopoverSurfaceSlots> & Pick<PopoverContextValue, 'open' | 'mountNode' | 'noArrow' | 'size' | '
|
|
16
|
+
export declare type PopoverSurfaceState = ComponentState<PopoverSurfaceSlots> & Pick<PopoverContextValue, 'open' | 'mountNode' | 'noArrow' | 'size' | 'appearance' | 'arrowRef'> & {
|
|
17
17
|
/**
|
|
18
18
|
* CSS class for the arrow element
|
|
19
19
|
*/
|
|
@@ -9,6 +9,5 @@ export declare const popoverSurfaceSlots: Array<keyof PopoverSurfaceSlots>;
|
|
|
9
9
|
*
|
|
10
10
|
* @param props - props from this instance of PopoverSurface
|
|
11
11
|
* @param ref - reference to root HTMLDivElement of PopoverSurface
|
|
12
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
|
13
12
|
*/
|
|
14
13
|
export declare const usePopoverSurface: (props: PopoverSurfaceProps, ref: React.Ref<HTMLDivElement>) => PopoverSurfaceState;
|
|
@@ -12,7 +12,6 @@ export var popoverSurfaceSlots = ['root'];
|
|
|
12
12
|
*
|
|
13
13
|
* @param props - props from this instance of PopoverSurface
|
|
14
14
|
* @param ref - reference to root HTMLDivElement of PopoverSurface
|
|
15
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
|
16
15
|
*/
|
|
17
16
|
|
|
18
17
|
export var usePopoverSurface = function (props, ref) {
|
|
@@ -40,11 +39,8 @@ export var usePopoverSurface = function (props, ref) {
|
|
|
40
39
|
var noArrow = usePopoverContext(function (context) {
|
|
41
40
|
return context.noArrow;
|
|
42
41
|
});
|
|
43
|
-
var
|
|
44
|
-
return context.
|
|
45
|
-
});
|
|
46
|
-
var inverted = usePopoverContext(function (context) {
|
|
47
|
-
return context.inverted;
|
|
42
|
+
var appearance = usePopoverContext(function (context) {
|
|
43
|
+
return context.appearance;
|
|
48
44
|
});
|
|
49
45
|
var trapFocus = usePopoverContext(function (context) {
|
|
50
46
|
return context.trapFocus;
|
|
@@ -52,16 +48,13 @@ export var usePopoverSurface = function (props, ref) {
|
|
|
52
48
|
var modalAttributes = useModalAttributes({
|
|
53
49
|
trapFocus: trapFocus
|
|
54
50
|
}).modalAttributes;
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
brand: brand,
|
|
58
|
-
inverted: inverted,
|
|
51
|
+
var state = {
|
|
52
|
+
appearance: appearance,
|
|
59
53
|
noArrow: noArrow,
|
|
60
54
|
size: size,
|
|
61
55
|
arrowRef: arrowRef,
|
|
62
56
|
open: open,
|
|
63
|
-
mountNode: mountNode
|
|
64
|
-
}, props), {
|
|
57
|
+
mountNode: mountNode,
|
|
65
58
|
components: {
|
|
66
59
|
root: 'div'
|
|
67
60
|
},
|
|
@@ -69,8 +62,7 @@ export var usePopoverSurface = function (props, ref) {
|
|
|
69
62
|
ref: useMergedRefs(ref, contentRef),
|
|
70
63
|
role: 'dialog'
|
|
71
64
|
}, modalAttributes), props))
|
|
72
|
-
}
|
|
73
|
-
|
|
65
|
+
};
|
|
74
66
|
var _a = state.root,
|
|
75
67
|
onMouseEnterOriginal = _a.onMouseEnter,
|
|
76
68
|
onMouseLeaveOriginal = _a.onMouseLeave,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/PopoverSurface/usePopoverSurface.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,EAAgC,aAAhC,QAAqD,2BAArD;AACA,SAAS,eAAT,EAA0B,kBAA1B,QAAoD,yBAApD;AACA,SAAS,iBAAT,QAAkC,sBAAlC;AAGA,OAAO,IAAM,mBAAmB,GAAqC,CAAC,MAAD,CAA9D;AAEP
|
|
1
|
+
{"version":3,"sources":["../../../src/components/PopoverSurface/usePopoverSurface.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -81,7 +81,7 @@ var useStyles = /*#__PURE__*/__styles({
|
|
|
81
81
|
|
|
82
82
|
export var usePopoverSurfaceStyles = function (state) {
|
|
83
83
|
var styles = useStyles();
|
|
84
|
-
state.root.className = mergeClasses(styles.root, state.size === 'small' && styles.smallPadding, state.size === 'medium' && styles.mediumPadding, state.size === 'large' && styles.largePadding, state.inverted && styles.inverted, state.brand && styles.brand, state.root.className);
|
|
84
|
+
state.root.className = mergeClasses(styles.root, state.size === 'small' && styles.smallPadding, state.size === 'medium' && styles.mediumPadding, state.size === 'large' && styles.largePadding, state.appearance === 'inverted' && styles.inverted, state.appearance === 'brand' && styles.brand, state.root.className);
|
|
85
85
|
state.arrowClassName = mergeClasses(styles.arrow, state.size === 'small' ? styles.smallArrow : styles.mediumLargeArrow);
|
|
86
86
|
return state;
|
|
87
87
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/PopoverSurface/usePopoverSurfaceStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAIA,OAAO,IAAM,YAAY,GAAgC;AACvD,EAAA,KAAK,EAAE,CADgD;AAEvD,EAAA,MAAM,EAAE,CAF+C;AAGvD,EAAA,KAAK,EAAE;AAHgD,CAAlD;AAMP;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAoEA;;AAEG;;;AACH,OAAO,IAAM,uBAAuB,GAAG,UAAC,KAAD,EAA2B;AAChE,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,MAAM,CAAC,IAD0B,EAEjC,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,YAFA,EAGjC,KAAK,CAAC,IAAN,KAAe,QAAf,IAA2B,MAAM,CAAC,aAHD,EAIjC,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,YAJA,EAKjC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/PopoverSurface/usePopoverSurfaceStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAIA,OAAO,IAAM,YAAY,GAAgC;AACvD,EAAA,KAAK,EAAE,CADgD;AAEvD,EAAA,MAAM,EAAE,CAF+C;AAGvD,EAAA,KAAK,EAAE;AAHgD,CAAlD;AAMP;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAoEA;;AAEG;;;AACH,OAAO,IAAM,uBAAuB,GAAG,UAAC,KAAD,EAA2B;AAChE,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,MAAM,CAAC,IAD0B,EAEjC,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,YAFA,EAGjC,KAAK,CAAC,IAAN,KAAe,QAAf,IAA2B,MAAM,CAAC,aAHD,EAIjC,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,YAJA,EAKjC,KAAK,CAAC,UAAN,KAAqB,UAArB,IAAmC,MAAM,CAAC,QALT,EAMjC,KAAK,CAAC,UAAN,KAAqB,OAArB,IAAgC,MAAM,CAAC,KANN,EAOjC,KAAK,CAAC,IAAN,CAAW,SAPsB,CAAnC;AAUA,EAAA,KAAK,CAAC,cAAN,GAAuB,YAAY,CACjC,MAAM,CAAC,KAD0B,EAEjC,KAAK,CAAC,IAAN,KAAe,OAAf,GAAyB,MAAM,CAAC,UAAhC,GAA6C,MAAM,CAAC,gBAFnB,CAAnC;AAKA,SAAO,KAAP;AACD,CAlBM","sourceRoot":""}
|
|
@@ -6,6 +6,5 @@ import type { PopoverTriggerProps, PopoverTriggerState } from './PopoverTrigger.
|
|
|
6
6
|
* before being passed to renderPopoverTrigger.
|
|
7
7
|
*
|
|
8
8
|
* @param props - props from this instance of PopoverTrigger
|
|
9
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
|
10
9
|
*/
|
|
11
|
-
export declare const usePopoverTrigger: (props: PopoverTriggerProps
|
|
10
|
+
export declare const usePopoverTrigger: (props: PopoverTriggerProps) => PopoverTriggerState;
|
|
@@ -10,10 +10,9 @@ import { usePopoverContext } from '../../popoverContext';
|
|
|
10
10
|
* before being passed to renderPopoverTrigger.
|
|
11
11
|
*
|
|
12
12
|
* @param props - props from this instance of PopoverTrigger
|
|
13
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
|
14
13
|
*/
|
|
15
14
|
|
|
16
|
-
export var usePopoverTrigger = function (props
|
|
15
|
+
export var usePopoverTrigger = function (props) {
|
|
17
16
|
var setOpen = usePopoverContext(function (context) {
|
|
18
17
|
return context.setOpen;
|
|
19
18
|
});
|
|
@@ -83,15 +82,16 @@ export var usePopoverTrigger = function (props, defaultProps) {
|
|
|
83
82
|
});
|
|
84
83
|
var child = React.Children.only(props.children);
|
|
85
84
|
return {
|
|
86
|
-
children: /*#__PURE__*/React.cloneElement(child, __assign({
|
|
87
|
-
'aria-haspopup': 'true'
|
|
85
|
+
children: /*#__PURE__*/React.cloneElement(child, __assign(__assign(__assign(__assign({}, triggerAttributes), {
|
|
86
|
+
'aria-haspopup': 'true'
|
|
87
|
+
}), child.props), {
|
|
88
88
|
onClick: onClick,
|
|
89
89
|
onMouseEnter: onMouseEnter,
|
|
90
90
|
onKeyDown: onKeyDown,
|
|
91
91
|
onMouseLeave: onMouseLeave,
|
|
92
92
|
onContextMenu: onContextMenu,
|
|
93
93
|
ref: useMergedRefs(child.ref, triggerRef)
|
|
94
|
-
}
|
|
94
|
+
}))
|
|
95
95
|
};
|
|
96
96
|
};
|
|
97
97
|
//# sourceMappingURL=usePopoverTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/PopoverTrigger/usePopoverTrigger.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,aAAT,EAAwB,gBAAxB,EAA0C,6BAA1C,QAA+E,2BAA/E;AACA,SAAS,kBAAT,QAAmC,yBAAnC;AACA,SAAS,iBAAT,QAAkC,sBAAlC;AAGA
|
|
1
|
+
{"version":3,"sources":["../../../src/components/PopoverTrigger/usePopoverTrigger.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
package/lib/popoverContext.d.ts
CHANGED
|
@@ -4,5 +4,5 @@ export declare const PopoverContext: Context<PopoverContextValue>;
|
|
|
4
4
|
/**
|
|
5
5
|
* Context shared between Popover and its children components
|
|
6
6
|
*/
|
|
7
|
-
export declare type PopoverContextValue = Pick<PopoverState, 'open' | 'setOpen' | 'triggerRef' | 'contentRef' | 'openOnHover' | 'openOnContext' | 'mountNode' | 'noArrow' | 'arrowRef' | 'size' | '
|
|
8
|
-
export declare const usePopoverContext: <T>(selector: ContextSelector<Pick<PopoverState, "mountNode" | "open" | "setOpen" | "triggerRef" | "contentRef" | "openOnHover" | "openOnContext" | "noArrow" | "arrowRef" | "size" | "
|
|
7
|
+
export declare type PopoverContextValue = Pick<PopoverState, 'open' | 'setOpen' | 'triggerRef' | 'contentRef' | 'openOnHover' | 'openOnContext' | 'mountNode' | 'noArrow' | 'arrowRef' | 'size' | 'appearance' | 'trapFocus'>;
|
|
8
|
+
export declare const usePopoverContext: <T>(selector: ContextSelector<Pick<PopoverState, "mountNode" | "open" | "setOpen" | "triggerRef" | "contentRef" | "openOnHover" | "openOnContext" | "noArrow" | "arrowRef" | "size" | "appearance" | "trapFocus">, T>) => T;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/popoverContext.ts"],"names":[],"mappings":"AAAA,SAAS,aAAT,EAAwB,kBAAxB,QAAkD,kCAAlD;AAIA,OAAO,IAAM,cAAc,gBAAiC,aAAa,CAAsB;AAC7F,EAAA,IAAI,EAAE,KADuF;AAE7F,EAAA,OAAO,EAAE,YAAA;AAAM,WAAA,IAAA;AAAI,GAF0E;AAG7F,EAAA,UAAU,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GAHiF;AAI7F,EAAA,UAAU,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GAJiF;AAK7F,EAAA,QAAQ,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GALmF;AAM7F,EAAA,aAAa,EAAE,KAN8E;AAO7F,EAAA,WAAW,EAAE,KAPgF;AAQ7F,EAAA,IAAI,EAAE,QARuF;AAS7F,EAAA,SAAS,EAAE;AATkF,CAAtB,CAAlE;
|
|
1
|
+
{"version":3,"sources":["../src/popoverContext.ts"],"names":[],"mappings":"AAAA,SAAS,aAAT,EAAwB,kBAAxB,QAAkD,kCAAlD;AAIA,OAAO,IAAM,cAAc,gBAAiC,aAAa,CAAsB;AAC7F,EAAA,IAAI,EAAE,KADuF;AAE7F,EAAA,OAAO,EAAE,YAAA;AAAM,WAAA,IAAA;AAAI,GAF0E;AAG7F,EAAA,UAAU,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GAHiF;AAI7F,EAAA,UAAU,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GAJiF;AAK7F,EAAA,QAAQ,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GALmF;AAM7F,EAAA,aAAa,EAAE,KAN8E;AAO7F,EAAA,WAAW,EAAE,KAPgF;AAQ7F,EAAA,IAAI,EAAE,QARuF;AAS7F,EAAA,SAAS,EAAE;AATkF,CAAtB,CAAlE;AA+BP,OAAO,IAAM,iBAAiB,GAAG,UAAI,QAAJ,EAAqD;AACpF,SAAA,kBAAkB,CAAC,cAAD,EAAiB,QAAjB,CAAlB;AAA4C,CADvC","sourceRoot":""}
|
|
@@ -37,15 +37,10 @@ export declare type PopoverCommons = Pick<PortalProps, 'mountNode'> & {
|
|
|
37
37
|
*/
|
|
38
38
|
size?: PopoverSize;
|
|
39
39
|
/**
|
|
40
|
-
*
|
|
41
|
-
*
|
|
40
|
+
* A popover can appear styled with brand or inverted.
|
|
41
|
+
* When not specified, the default style is used.
|
|
42
42
|
*/
|
|
43
|
-
|
|
44
|
-
/**
|
|
45
|
-
* Inverts the foreground/background colour of the popover
|
|
46
|
-
* Mutually exclusive with `brand`
|
|
47
|
-
*/
|
|
48
|
-
inverted?: boolean;
|
|
43
|
+
appearance?: 'brand' | 'inverted';
|
|
49
44
|
/**
|
|
50
45
|
* Should trap focus
|
|
51
46
|
*/
|
|
@@ -24,8 +24,7 @@ var renderPopover = function (state) {
|
|
|
24
24
|
arrowRef = state.arrowRef,
|
|
25
25
|
size = state.size,
|
|
26
26
|
noArrow = state.noArrow,
|
|
27
|
-
|
|
28
|
-
inverted = state.inverted,
|
|
27
|
+
appearance = state.appearance,
|
|
29
28
|
trapFocus = state.trapFocus;
|
|
30
29
|
return React.createElement(popoverContext_1.PopoverContext.Provider, {
|
|
31
30
|
value: {
|
|
@@ -39,8 +38,7 @@ var renderPopover = function (state) {
|
|
|
39
38
|
arrowRef: arrowRef,
|
|
40
39
|
size: size,
|
|
41
40
|
noArrow: noArrow,
|
|
42
|
-
|
|
43
|
-
inverted: inverted,
|
|
41
|
+
appearance: appearance,
|
|
44
42
|
trapFocus: trapFocus
|
|
45
43
|
}
|
|
46
44
|
}, state.children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Popover/renderPopover.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,aAAa,GAAG,UAAC,KAAD,EAAoB;AAE7C,MAAA,IAAI,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Popover/renderPopover.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,aAAa,GAAG,UAAC,KAAD,EAAoB;AAE7C,MAAA,IAAI,GAYF,KAAK,CAZH,IAAJ;AAAA,MACA,OAAO,GAWL,KAAK,CAXA,OADP;AAAA,MAEA,UAAU,GAUR,KAAK,CAVG,UAFV;AAAA,MAGA,UAAU,GASR,KAAK,CATG,UAHV;AAAA,MAIA,aAAa,GAQX,KAAK,CARM,aAJb;AAAA,MAKA,WAAW,GAOT,KAAK,CAPI,WALX;AAAA,MAMA,SAAS,GAMP,KAAK,CANE,SANT;AAAA,MAOA,QAAQ,GAKN,KAAK,CALC,QAPR;AAAA,MAQA,IAAI,GAIF,KAAK,CAJH,IARJ;AAAA,MASA,OAAO,GAGL,KAAK,CAHA,OATP;AAAA,MAUA,UAAU,GAER,KAAK,CAFG,UAVV;AAAA,MAWA,SAAS,GACP,KAAK,CADE,SAXT;AAcF,SACE,KAAA,CAAA,aAAA,CAAC,gBAAA,CAAA,cAAA,CAAe,QAAhB,EAAwB;AACtB,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAA,IADC;AAEL,MAAA,OAAO,EAAA,OAFF;AAGL,MAAA,UAAU,EAAA,UAHL;AAIL,MAAA,UAAU,EAAA,UAJL;AAKL,MAAA,WAAW,EAAA,WALN;AAML,MAAA,aAAa,EAAA,aANR;AAOL,MAAA,SAAS,EAAA,SAPJ;AAQL,MAAA,QAAQ,EAAA,QARH;AASL,MAAA,IAAI,EAAA,IATC;AAUL,MAAA,OAAO,EAAA,OAVF;AAWL,MAAA,UAAU,EAAA,UAXL;AAYL,MAAA,SAAS,EAAA;AAZJ;AADe,GAAxB,EAgBG,KAAK,CAAC,QAhBT,CADF;AAoBD,CApCM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}
|
|
@@ -6,6 +6,5 @@ import type { PopoverProps, PopoverState } from './Popover.types';
|
|
|
6
6
|
* before being passed to renderPopover.
|
|
7
7
|
*
|
|
8
8
|
* @param props - props from this instance of Popover
|
|
9
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
|
10
9
|
*/
|
|
11
|
-
export declare const usePopover: (props: PopoverProps
|
|
10
|
+
export declare const usePopover: (props: PopoverProps) => PopoverState;
|
|
@@ -25,11 +25,10 @@ var index_1 = /*#__PURE__*/require("../PopoverSurface/index");
|
|
|
25
25
|
* before being passed to renderPopover.
|
|
26
26
|
*
|
|
27
27
|
* @param props - props from this instance of Popover
|
|
28
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
|
29
28
|
*/
|
|
30
29
|
|
|
31
30
|
|
|
32
|
-
var usePopover = function (props
|
|
31
|
+
var usePopover = function (props) {
|
|
33
32
|
var _a = react_positioning_1.usePopperMouseTarget(),
|
|
34
33
|
contextTarget = _a[0],
|
|
35
34
|
setContextTarget = _a[1];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Popover/usePopover.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAMA,IAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAMA,IAAA,cAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;AAGA
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Popover/usePopover.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -13,7 +13,7 @@ export declare type PopoverSurfaceSlots = {
|
|
|
13
13
|
/**
|
|
14
14
|
* PopoverSurface State
|
|
15
15
|
*/
|
|
16
|
-
export declare type PopoverSurfaceState = ComponentState<PopoverSurfaceSlots> & Pick<PopoverContextValue, 'open' | 'mountNode' | 'noArrow' | 'size' | '
|
|
16
|
+
export declare type PopoverSurfaceState = ComponentState<PopoverSurfaceSlots> & Pick<PopoverContextValue, 'open' | 'mountNode' | 'noArrow' | 'size' | 'appearance' | 'arrowRef'> & {
|
|
17
17
|
/**
|
|
18
18
|
* CSS class for the arrow element
|
|
19
19
|
*/
|
|
@@ -9,6 +9,5 @@ export declare const popoverSurfaceSlots: Array<keyof PopoverSurfaceSlots>;
|
|
|
9
9
|
*
|
|
10
10
|
* @param props - props from this instance of PopoverSurface
|
|
11
11
|
* @param ref - reference to root HTMLDivElement of PopoverSurface
|
|
12
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
|
13
12
|
*/
|
|
14
13
|
export declare const usePopoverSurface: (props: PopoverSurfaceProps, ref: React.Ref<HTMLDivElement>) => PopoverSurfaceState;
|
|
@@ -24,7 +24,6 @@ exports.popoverSurfaceSlots = ['root'];
|
|
|
24
24
|
*
|
|
25
25
|
* @param props - props from this instance of PopoverSurface
|
|
26
26
|
* @param ref - reference to root HTMLDivElement of PopoverSurface
|
|
27
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
|
28
27
|
*/
|
|
29
28
|
|
|
30
29
|
var usePopoverSurface = function (props, ref) {
|
|
@@ -52,11 +51,8 @@ var usePopoverSurface = function (props, ref) {
|
|
|
52
51
|
var noArrow = popoverContext_1.usePopoverContext(function (context) {
|
|
53
52
|
return context.noArrow;
|
|
54
53
|
});
|
|
55
|
-
var
|
|
56
|
-
return context.
|
|
57
|
-
});
|
|
58
|
-
var inverted = popoverContext_1.usePopoverContext(function (context) {
|
|
59
|
-
return context.inverted;
|
|
54
|
+
var appearance = popoverContext_1.usePopoverContext(function (context) {
|
|
55
|
+
return context.appearance;
|
|
60
56
|
});
|
|
61
57
|
var trapFocus = popoverContext_1.usePopoverContext(function (context) {
|
|
62
58
|
return context.trapFocus;
|
|
@@ -64,16 +60,13 @@ var usePopoverSurface = function (props, ref) {
|
|
|
64
60
|
var modalAttributes = react_tabster_1.useModalAttributes({
|
|
65
61
|
trapFocus: trapFocus
|
|
66
62
|
}).modalAttributes;
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
brand: brand,
|
|
70
|
-
inverted: inverted,
|
|
63
|
+
var state = {
|
|
64
|
+
appearance: appearance,
|
|
71
65
|
noArrow: noArrow,
|
|
72
66
|
size: size,
|
|
73
67
|
arrowRef: arrowRef,
|
|
74
68
|
open: open,
|
|
75
|
-
mountNode: mountNode
|
|
76
|
-
}, props), {
|
|
69
|
+
mountNode: mountNode,
|
|
77
70
|
components: {
|
|
78
71
|
root: 'div'
|
|
79
72
|
},
|
|
@@ -81,8 +74,7 @@ var usePopoverSurface = function (props, ref) {
|
|
|
81
74
|
ref: react_utilities_1.useMergedRefs(ref, contentRef),
|
|
82
75
|
role: 'dialog'
|
|
83
76
|
}, modalAttributes), props))
|
|
84
|
-
}
|
|
85
|
-
|
|
77
|
+
};
|
|
86
78
|
var _a = state.root,
|
|
87
79
|
onMouseEnterOriginal = _a.onMouseEnter,
|
|
88
80
|
onMouseLeaveOriginal = _a.onMouseLeave,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/PopoverSurface/usePopoverSurface.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;;AAGa,OAAA,CAAA,mBAAA,GAAwD,CAAC,MAAD,CAAxD;AAEb
|
|
1
|
+
{"version":3,"sources":["../../../src/components/PopoverSurface/usePopoverSurface.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -89,7 +89,7 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
89
89
|
|
|
90
90
|
var usePopoverSurfaceStyles = function (state) {
|
|
91
91
|
var styles = useStyles();
|
|
92
|
-
state.root.className = react_make_styles_1.mergeClasses(styles.root, state.size === 'small' && styles.smallPadding, state.size === 'medium' && styles.mediumPadding, state.size === 'large' && styles.largePadding, state.inverted && styles.inverted, state.brand && styles.brand, state.root.className);
|
|
92
|
+
state.root.className = react_make_styles_1.mergeClasses(styles.root, state.size === 'small' && styles.smallPadding, state.size === 'medium' && styles.mediumPadding, state.size === 'large' && styles.largePadding, state.appearance === 'inverted' && styles.inverted, state.appearance === 'brand' && styles.brand, state.root.className);
|
|
93
93
|
state.arrowClassName = react_make_styles_1.mergeClasses(styles.arrow, state.size === 'small' ? styles.smallArrow : styles.mediumLargeArrow);
|
|
94
94
|
return state;
|
|
95
95
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/PopoverSurface/usePopoverSurfaceStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAIa,OAAA,CAAA,YAAA,GAA4C;AACvD,EAAA,KAAK,EAAE,CADgD;AAEvD,EAAA,MAAM,EAAE,CAF+C;AAGvD,EAAA,KAAK,EAAE;AAHgD,CAA5C;AAMb;;AAEG;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAoEA;;AAEG;;;AACI,IAAM,uBAAuB,GAAG,UAAC,KAAD,EAA2B;AAChE,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,MAAM,CAAC,IADc,EAErB,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,YAFZ,EAGrB,KAAK,CAAC,IAAN,KAAe,QAAf,IAA2B,MAAM,CAAC,aAHb,EAIrB,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,YAJZ,EAKrB,KAAK,CAAC,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/PopoverSurface/usePopoverSurfaceStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAIa,OAAA,CAAA,YAAA,GAA4C;AACvD,EAAA,KAAK,EAAE,CADgD;AAEvD,EAAA,MAAM,EAAE,CAF+C;AAGvD,EAAA,KAAK,EAAE;AAHgD,CAA5C;AAMb;;AAEG;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAoEA;;AAEG;;;AACI,IAAM,uBAAuB,GAAG,UAAC,KAAD,EAA2B;AAChE,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,MAAM,CAAC,IADc,EAErB,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,YAFZ,EAGrB,KAAK,CAAC,IAAN,KAAe,QAAf,IAA2B,MAAM,CAAC,aAHb,EAIrB,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,YAJZ,EAKrB,KAAK,CAAC,UAAN,KAAqB,UAArB,IAAmC,MAAM,CAAC,QALrB,EAMrB,KAAK,CAAC,UAAN,KAAqB,OAArB,IAAgC,MAAM,CAAC,KANlB,EAOrB,KAAK,CAAC,IAAN,CAAW,SAPU,CAAvB;AAUA,EAAA,KAAK,CAAC,cAAN,GAAuB,mBAAA,CAAA,YAAA,CACrB,MAAM,CAAC,KADc,EAErB,KAAK,CAAC,IAAN,KAAe,OAAf,GAAyB,MAAM,CAAC,UAAhC,GAA6C,MAAM,CAAC,gBAF/B,CAAvB;AAKA,SAAO,KAAP;AACD,CAlBM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}
|
|
@@ -6,6 +6,5 @@ import type { PopoverTriggerProps, PopoverTriggerState } from './PopoverTrigger.
|
|
|
6
6
|
* before being passed to renderPopoverTrigger.
|
|
7
7
|
*
|
|
8
8
|
* @param props - props from this instance of PopoverTrigger
|
|
9
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
|
10
9
|
*/
|
|
11
|
-
export declare const usePopoverTrigger: (props: PopoverTriggerProps
|
|
10
|
+
export declare const usePopoverTrigger: (props: PopoverTriggerProps) => PopoverTriggerState;
|
|
@@ -21,11 +21,10 @@ var popoverContext_1 = /*#__PURE__*/require("../../popoverContext");
|
|
|
21
21
|
* before being passed to renderPopoverTrigger.
|
|
22
22
|
*
|
|
23
23
|
* @param props - props from this instance of PopoverTrigger
|
|
24
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
|
25
24
|
*/
|
|
26
25
|
|
|
27
26
|
|
|
28
|
-
var usePopoverTrigger = function (props
|
|
27
|
+
var usePopoverTrigger = function (props) {
|
|
29
28
|
var setOpen = popoverContext_1.usePopoverContext(function (context) {
|
|
30
29
|
return context.setOpen;
|
|
31
30
|
});
|
|
@@ -95,15 +94,16 @@ var usePopoverTrigger = function (props, defaultProps) {
|
|
|
95
94
|
});
|
|
96
95
|
var child = React.Children.only(props.children);
|
|
97
96
|
return {
|
|
98
|
-
children: React.cloneElement(child, tslib_1.__assign({
|
|
99
|
-
'aria-haspopup': 'true'
|
|
97
|
+
children: React.cloneElement(child, tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, triggerAttributes), {
|
|
98
|
+
'aria-haspopup': 'true'
|
|
99
|
+
}), child.props), {
|
|
100
100
|
onClick: onClick,
|
|
101
101
|
onMouseEnter: onMouseEnter,
|
|
102
102
|
onKeyDown: onKeyDown,
|
|
103
103
|
onMouseLeave: onMouseLeave,
|
|
104
104
|
onContextMenu: onContextMenu,
|
|
105
105
|
ref: react_utilities_1.useMergedRefs(child.ref, triggerRef)
|
|
106
|
-
}
|
|
106
|
+
}))
|
|
107
107
|
};
|
|
108
108
|
};
|
|
109
109
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/PopoverTrigger/usePopoverTrigger.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;AAGA
|
|
1
|
+
{"version":3,"sources":["../../../src/components/PopoverTrigger/usePopoverTrigger.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -4,5 +4,5 @@ export declare const PopoverContext: Context<PopoverContextValue>;
|
|
|
4
4
|
/**
|
|
5
5
|
* Context shared between Popover and its children components
|
|
6
6
|
*/
|
|
7
|
-
export declare type PopoverContextValue = Pick<PopoverState, 'open' | 'setOpen' | 'triggerRef' | 'contentRef' | 'openOnHover' | 'openOnContext' | 'mountNode' | 'noArrow' | 'arrowRef' | 'size' | '
|
|
8
|
-
export declare const usePopoverContext: <T>(selector: ContextSelector<Pick<PopoverState, "mountNode" | "open" | "setOpen" | "triggerRef" | "contentRef" | "openOnHover" | "openOnContext" | "noArrow" | "arrowRef" | "size" | "
|
|
7
|
+
export declare type PopoverContextValue = Pick<PopoverState, 'open' | 'setOpen' | 'triggerRef' | 'contentRef' | 'openOnHover' | 'openOnContext' | 'mountNode' | 'noArrow' | 'arrowRef' | 'size' | 'appearance' | 'trapFocus'>;
|
|
8
|
+
export declare const usePopoverContext: <T>(selector: ContextSelector<Pick<PopoverState, "mountNode" | "open" | "setOpen" | "triggerRef" | "contentRef" | "openOnHover" | "openOnContext" | "noArrow" | "arrowRef" | "size" | "appearance" | "trapFocus">, T>) => T;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/popoverContext.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AAIa,OAAA,CAAA,cAAA,gBAA+C,wBAAA,CAAA,aAAA,CAAmC;AAC7F,EAAA,IAAI,EAAE,KADuF;AAE7F,EAAA,OAAO,EAAE,YAAA;AAAM,WAAA,IAAA;AAAI,GAF0E;AAG7F,EAAA,UAAU,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GAHiF;AAI7F,EAAA,UAAU,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GAJiF;AAK7F,EAAA,QAAQ,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GALmF;AAM7F,EAAA,aAAa,EAAE,KAN8E;AAO7F,EAAA,WAAW,EAAE,KAPgF;AAQ7F,EAAA,IAAI,EAAE,QARuF;AAS7F,EAAA,SAAS,EAAE;AATkF,CAAnC,CAA/C;;
|
|
1
|
+
{"version":3,"sources":["../src/popoverContext.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AAIa,OAAA,CAAA,cAAA,gBAA+C,wBAAA,CAAA,aAAA,CAAmC;AAC7F,EAAA,IAAI,EAAE,KADuF;AAE7F,EAAA,OAAO,EAAE,YAAA;AAAM,WAAA,IAAA;AAAI,GAF0E;AAG7F,EAAA,UAAU,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GAHiF;AAI7F,EAAA,UAAU,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GAJiF;AAK7F,EAAA,QAAQ,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GALmF;AAM7F,EAAA,aAAa,EAAE,KAN8E;AAO7F,EAAA,WAAW,EAAE,KAPgF;AAQ7F,EAAA,IAAI,EAAE,QARuF;AAS7F,EAAA,SAAS,EAAE;AATkF,CAAnC,CAA/C;;AA+BN,IAAM,iBAAiB,GAAG,UAAI,QAAJ,EAAqD;AACpF,SAAA,wBAAA,CAAA,kBAAA,CAAmB,OAAA,CAAA,cAAnB,EAAmC,QAAnC,CAAA;AAA4C,CADvC;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-popover",
|
|
3
|
-
"version": "9.0.0-alpha.
|
|
3
|
+
"version": "9.0.0-alpha.49",
|
|
4
4
|
"description": "Popover component for Fluent UI",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -26,11 +26,11 @@
|
|
|
26
26
|
"build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-popover/src && yarn docs"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@fluentui/babel-make-styles": "9.0.0-alpha.
|
|
29
|
+
"@fluentui/babel-make-styles": "9.0.0-alpha.54",
|
|
30
30
|
"@fluentui/eslint-plugin": "*",
|
|
31
|
-
"@fluentui/jest-serializer-make-styles": "9.0.0-alpha.
|
|
31
|
+
"@fluentui/jest-serializer-make-styles": "9.0.0-alpha.47",
|
|
32
32
|
"@fluentui/react-conformance": "*",
|
|
33
|
-
"@fluentui/react-conformance-make-styles": "9.0.0-alpha.
|
|
33
|
+
"@fluentui/react-conformance-make-styles": "9.0.0-alpha.16",
|
|
34
34
|
"@fluentui/scripts": "^1.0.0",
|
|
35
35
|
"@types/enzyme": "3.10.3",
|
|
36
36
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
|
@@ -44,13 +44,13 @@
|
|
|
44
44
|
"react-test-renderer": "^16.3.0"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@fluentui/react-context-selector": "9.0.0-alpha.
|
|
48
|
-
"@fluentui/react-make-styles": "9.0.0-alpha.
|
|
49
|
-
"@fluentui/react-portal": "9.0.0-alpha.
|
|
50
|
-
"@fluentui/react-positioning": "9.0.0-alpha.
|
|
47
|
+
"@fluentui/react-context-selector": "9.0.0-alpha.35",
|
|
48
|
+
"@fluentui/react-make-styles": "9.0.0-alpha.72",
|
|
49
|
+
"@fluentui/react-portal": "9.0.0-alpha.54",
|
|
50
|
+
"@fluentui/react-positioning": "9.0.0-alpha.60",
|
|
51
51
|
"@fluentui/react-shared-contexts": "9.0.0-alpha.25",
|
|
52
|
-
"@fluentui/react-tabster": "9.0.0-alpha.
|
|
53
|
-
"@fluentui/react-utilities": "9.0.0-alpha.
|
|
52
|
+
"@fluentui/react-tabster": "9.0.0-alpha.66",
|
|
53
|
+
"@fluentui/react-utilities": "9.0.0-alpha.52",
|
|
54
54
|
"tslib": "^2.1.0"
|
|
55
55
|
},
|
|
56
56
|
"peerDependencies": {
|