@fluentui/react-popover 0.0.0-nightly-20230426-0420.1 → 0.0.0-nightly-20230428-0419.1
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 +25 -25
- package/CHANGELOG.md +15 -15
- package/lib-commonjs/components/PopoverSurface/PopoverSurface.js +2 -2
- package/lib-commonjs/components/PopoverSurface/PopoverSurface.js.map +1 -1
- package/lib-commonjs/components/PopoverSurface/index.js +1 -1
- package/lib-commonjs/components/PopoverSurface/index.js.map +1 -1
- package/lib-commonjs/components/PopoverSurface/{usePopoverSurfaceStyles.js → usePopoverSurfaceStyles.styles.js} +2 -2
- package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.styles.js.map +1 -0
- package/package.json +12 -12
- package/dist/index.d.ts +0 -313
- package/lib/Popover.js +0 -2
- package/lib/Popover.js.map +0 -1
- package/lib/PopoverSurface.js +0 -2
- package/lib/PopoverSurface.js.map +0 -1
- package/lib/PopoverTrigger.js +0 -2
- package/lib/PopoverTrigger.js.map +0 -1
- package/lib/components/Popover/Popover.js +0 -12
- package/lib/components/Popover/Popover.js.map +0 -1
- package/lib/components/Popover/Popover.types.js +0 -2
- package/lib/components/Popover/Popover.types.js.map +0 -1
- package/lib/components/Popover/constants.js +0 -9
- package/lib/components/Popover/constants.js.map +0 -1
- package/lib/components/Popover/index.js +0 -5
- package/lib/components/Popover/index.js.map +0 -1
- package/lib/components/Popover/renderPopover.js +0 -44
- package/lib/components/Popover/renderPopover.js.map +0 -1
- package/lib/components/Popover/usePopover.js +0 -182
- package/lib/components/Popover/usePopover.js.map +0 -1
- package/lib/components/PopoverSurface/PopoverSurface.js +0 -16
- package/lib/components/PopoverSurface/PopoverSurface.js.map +0 -1
- package/lib/components/PopoverSurface/PopoverSurface.types.js +0 -2
- package/lib/components/PopoverSurface/PopoverSurface.types.js.map +0 -1
- package/lib/components/PopoverSurface/index.js +0 -6
- package/lib/components/PopoverSurface/index.js.map +0 -1
- package/lib/components/PopoverSurface/renderPopoverSurface.js +0 -23
- package/lib/components/PopoverSurface/renderPopoverSurface.js.map +0 -1
- package/lib/components/PopoverSurface/usePopoverSurface.js +0 -79
- package/lib/components/PopoverSurface/usePopoverSurface.js.map +0 -1
- package/lib/components/PopoverSurface/usePopoverSurfaceStyles.js +0 -116
- package/lib/components/PopoverSurface/usePopoverSurfaceStyles.js.map +0 -1
- package/lib/components/PopoverTrigger/PopoverTrigger.js +0 -14
- package/lib/components/PopoverTrigger/PopoverTrigger.js.map +0 -1
- package/lib/components/PopoverTrigger/PopoverTrigger.types.js +0 -2
- package/lib/components/PopoverTrigger/PopoverTrigger.types.js.map +0 -1
- package/lib/components/PopoverTrigger/index.js +0 -5
- package/lib/components/PopoverTrigger/index.js.map +0 -1
- package/lib/components/PopoverTrigger/renderPopoverTrigger.js +0 -6
- package/lib/components/PopoverTrigger/renderPopoverTrigger.js.map +0 -1
- package/lib/components/PopoverTrigger/usePopoverTrigger.js +0 -78
- package/lib/components/PopoverTrigger/usePopoverTrigger.js.map +0 -1
- package/lib/index.js +0 -5
- package/lib/index.js.map +0 -1
- package/lib/popoverContext.js +0 -24
- package/lib/popoverContext.js.map +0 -1
- package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.js.map +0 -1
package/CHANGELOG.json
CHANGED
@@ -2,9 +2,9 @@
|
|
2
2
|
"name": "@fluentui/react-popover",
|
3
3
|
"entries": [
|
4
4
|
{
|
5
|
-
"date": "
|
6
|
-
"tag": "@fluentui/react-popover_v0.0.0-nightly-
|
7
|
-
"version": "0.0.0-nightly-
|
5
|
+
"date": "Fri, 28 Apr 2023 04:25:20 GMT",
|
6
|
+
"tag": "@fluentui/react-popover_v0.0.0-nightly-20230428-0419.1",
|
7
|
+
"version": "0.0.0-nightly-20230428-0419.1",
|
8
8
|
"comments": {
|
9
9
|
"prerelease": [
|
10
10
|
{
|
@@ -16,68 +16,68 @@
|
|
16
16
|
{
|
17
17
|
"author": "beachball",
|
18
18
|
"package": "@fluentui/react-popover",
|
19
|
-
"comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightly-
|
20
|
-
"commit": "
|
19
|
+
"comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightly-20230428-0419.1",
|
20
|
+
"commit": "6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839"
|
21
21
|
},
|
22
22
|
{
|
23
23
|
"author": "beachball",
|
24
24
|
"package": "@fluentui/react-popover",
|
25
|
-
"comment": "Bump @fluentui/react-aria to v0.0.0-nightly-
|
26
|
-
"commit": "
|
25
|
+
"comment": "Bump @fluentui/react-aria to v0.0.0-nightly-20230428-0419.1",
|
26
|
+
"commit": "6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839"
|
27
27
|
},
|
28
28
|
{
|
29
29
|
"author": "beachball",
|
30
30
|
"package": "@fluentui/react-popover",
|
31
|
-
"comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly-
|
32
|
-
"commit": "
|
31
|
+
"comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly-20230428-0419.1",
|
32
|
+
"commit": "6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839"
|
33
33
|
},
|
34
34
|
{
|
35
35
|
"author": "beachball",
|
36
36
|
"package": "@fluentui/react-popover",
|
37
|
-
"comment": "Bump @fluentui/react-portal to v0.0.0-nightly-
|
38
|
-
"commit": "
|
37
|
+
"comment": "Bump @fluentui/react-portal to v0.0.0-nightly-20230428-0419.1",
|
38
|
+
"commit": "6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839"
|
39
39
|
},
|
40
40
|
{
|
41
41
|
"author": "beachball",
|
42
42
|
"package": "@fluentui/react-popover",
|
43
|
-
"comment": "Bump @fluentui/react-positioning to v0.0.0-nightly-
|
44
|
-
"commit": "
|
43
|
+
"comment": "Bump @fluentui/react-positioning to v0.0.0-nightly-20230428-0419.1",
|
44
|
+
"commit": "6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839"
|
45
45
|
},
|
46
46
|
{
|
47
47
|
"author": "beachball",
|
48
48
|
"package": "@fluentui/react-popover",
|
49
|
-
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
50
|
-
"commit": "
|
49
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230428-0419.1",
|
50
|
+
"commit": "6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839"
|
51
51
|
},
|
52
52
|
{
|
53
53
|
"author": "beachball",
|
54
54
|
"package": "@fluentui/react-popover",
|
55
|
-
"comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-
|
56
|
-
"commit": "
|
55
|
+
"comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-20230428-0419.1",
|
56
|
+
"commit": "6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839"
|
57
57
|
},
|
58
58
|
{
|
59
59
|
"author": "beachball",
|
60
60
|
"package": "@fluentui/react-popover",
|
61
|
-
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-
|
62
|
-
"commit": "
|
61
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230428-0419.1",
|
62
|
+
"commit": "6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839"
|
63
63
|
},
|
64
64
|
{
|
65
65
|
"author": "beachball",
|
66
66
|
"package": "@fluentui/react-popover",
|
67
|
-
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-
|
68
|
-
"commit": "
|
67
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230428-0419.1",
|
68
|
+
"commit": "6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839"
|
69
69
|
},
|
70
70
|
{
|
71
71
|
"author": "beachball",
|
72
72
|
"package": "@fluentui/react-popover",
|
73
|
-
"comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-
|
74
|
-
"commit": "
|
73
|
+
"comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230428-0419.1",
|
74
|
+
"commit": "6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839"
|
75
75
|
},
|
76
76
|
{
|
77
77
|
"author": "beachball",
|
78
78
|
"package": "@fluentui/react-popover",
|
79
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
80
|
-
"commit": "
|
79
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230428-0419.1",
|
80
|
+
"commit": "6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839"
|
81
81
|
}
|
82
82
|
]
|
83
83
|
}
|
package/CHANGELOG.md
CHANGED
@@ -1,28 +1,28 @@
|
|
1
1
|
# Change Log - @fluentui/react-popover
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Fri, 28 Apr 2023 04:25:20 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
-
## [0.0.0-nightly-
|
7
|
+
## [0.0.0-nightly-20230428-0419.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v0.0.0-nightly-20230428-0419.1)
|
8
8
|
|
9
|
-
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.5.10..@fluentui/react-popover_v0.0.0-nightly-
|
9
|
+
Fri, 28 Apr 2023 04:25:20 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.5.10..@fluentui/react-popover_v0.0.0-nightly-20230428-0419.1)
|
11
11
|
|
12
12
|
### Changes
|
13
13
|
|
14
14
|
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
|
15
|
-
- Bump @fluentui/keyboard-keys to v0.0.0-nightly-
|
16
|
-
- Bump @fluentui/react-aria to v0.0.0-nightly-
|
17
|
-
- Bump @fluentui/react-context-selector to v0.0.0-nightly-
|
18
|
-
- Bump @fluentui/react-portal to v0.0.0-nightly-
|
19
|
-
- Bump @fluentui/react-positioning to v0.0.0-nightly-
|
20
|
-
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
21
|
-
- Bump @fluentui/react-tabster to v0.0.0-nightly-
|
22
|
-
- Bump @fluentui/react-theme to v0.0.0-nightly-
|
23
|
-
- Bump @fluentui/react-utilities to v0.0.0-nightly-
|
24
|
-
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-
|
25
|
-
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
15
|
+
- Bump @fluentui/keyboard-keys to v0.0.0-nightly-20230428-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839) by beachball)
|
16
|
+
- Bump @fluentui/react-aria to v0.0.0-nightly-20230428-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839) by beachball)
|
17
|
+
- Bump @fluentui/react-context-selector to v0.0.0-nightly-20230428-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839) by beachball)
|
18
|
+
- Bump @fluentui/react-portal to v0.0.0-nightly-20230428-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839) by beachball)
|
19
|
+
- Bump @fluentui/react-positioning to v0.0.0-nightly-20230428-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839) by beachball)
|
20
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230428-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839) by beachball)
|
21
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightly-20230428-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839) by beachball)
|
22
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20230428-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839) by beachball)
|
23
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20230428-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839) by beachball)
|
24
|
+
- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230428-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839) by beachball)
|
25
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230428-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/6d0e3c2fb45fde4cf5056d3d18d4c5bc5899a839) by beachball)
|
26
26
|
|
27
27
|
## [9.5.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.5.10)
|
28
28
|
|
@@ -10,11 +10,11 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
|
|
10
10
|
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
11
11
|
const _usePopoverSurface = require("./usePopoverSurface");
|
12
12
|
const _renderPopoverSurface = require("./renderPopoverSurface");
|
13
|
-
const
|
13
|
+
const _usePopoverSurfaceStylesStyles = require("./usePopoverSurfaceStyles.styles");
|
14
14
|
const _reactSharedContexts = require("@fluentui/react-shared-contexts");
|
15
15
|
const PopoverSurface = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
16
16
|
const state = (0, _usePopoverSurface.usePopoverSurface_unstable)(props, ref);
|
17
|
-
(0,
|
17
|
+
(0, _usePopoverSurfaceStylesStyles.usePopoverSurfaceStyles_unstable)(state);
|
18
18
|
(0, _reactSharedContexts.useCustomStyleHook_unstable)('usePopoverSurfaceStyles_unstable')(state);
|
19
19
|
return (0, _renderPopoverSurface.renderPopoverSurface_unstable)(state);
|
20
20
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/PopoverSurface/PopoverSurface.js"],"sourcesContent":["import * as React from 'react';\nimport { usePopoverSurface_unstable } from './usePopoverSurface';\nimport { renderPopoverSurface_unstable } from './renderPopoverSurface';\nimport { usePopoverSurfaceStyles_unstable } from './usePopoverSurfaceStyles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * PopoverSurface component renders react children in a positioned box\n */\nexport const PopoverSurface = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = usePopoverSurface_unstable(props, ref);\n usePopoverSurfaceStyles_unstable(state);\n useCustomStyleHook_unstable('usePopoverSurfaceStyles_unstable')(state);\n return renderPopoverSurface_unstable(state);\n});\nPopoverSurface.displayName = 'PopoverSurface';\n//# sourceMappingURL=PopoverSurface.js.map"],"names":["PopoverSurface","React","forwardRef","props","ref","state","usePopoverSurface_unstable","usePopoverSurfaceStyles_unstable","useCustomStyleHook_unstable","renderPopoverSurface_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;mCACoB;sCACG;
|
1
|
+
{"version":3,"sources":["../../../lib/components/PopoverSurface/PopoverSurface.js"],"sourcesContent":["import * as React from 'react';\nimport { usePopoverSurface_unstable } from './usePopoverSurface';\nimport { renderPopoverSurface_unstable } from './renderPopoverSurface';\nimport { usePopoverSurfaceStyles_unstable } from './usePopoverSurfaceStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * PopoverSurface component renders react children in a positioned box\n */\nexport const PopoverSurface = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = usePopoverSurface_unstable(props, ref);\n usePopoverSurfaceStyles_unstable(state);\n useCustomStyleHook_unstable('usePopoverSurfaceStyles_unstable')(state);\n return renderPopoverSurface_unstable(state);\n});\nPopoverSurface.displayName = 'PopoverSurface';\n//# sourceMappingURL=PopoverSurface.js.map"],"names":["PopoverSurface","React","forwardRef","props","ref","state","usePopoverSurface_unstable","usePopoverSurfaceStyles_unstable","useCustomStyleHook_unstable","renderPopoverSurface_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;mCACoB;sCACG;+CACG;qCACL;AAIrC,MAAMA,iBAAiB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC1E,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,+DAAgC,EAACF;IACjCG,IAAAA,gDAA2B,EAAC,oCAAoCH;IAChE,OAAOI,IAAAA,mDAA6B,EAACJ;AACvC;AACAL,eAAeU,WAAW,GAAG,kBAC7B,0CAA0C"}
|
@@ -7,7 +7,7 @@ _exportStar(require("./PopoverSurface"), exports);
|
|
7
7
|
_exportStar(require("./PopoverSurface.types"), exports);
|
8
8
|
_exportStar(require("./renderPopoverSurface"), exports);
|
9
9
|
_exportStar(require("./usePopoverSurface"), exports);
|
10
|
-
_exportStar(require("./usePopoverSurfaceStyles"), exports);
|
10
|
+
_exportStar(require("./usePopoverSurfaceStyles.styles"), exports);
|
11
11
|
//# sourceMappingURL=index.js.map
|
12
12
|
|
13
13
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/PopoverSurface/index.js"],"sourcesContent":["export * from './PopoverSurface';\nexport * from './PopoverSurface.types';\nexport * from './renderPopoverSurface';\nexport * from './usePopoverSurface';\nexport * from './usePopoverSurfaceStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
|
1
|
+
{"version":3,"sources":["../../../lib/components/PopoverSurface/index.js"],"sourcesContent":["export * from './PopoverSurface';\nexport * from './PopoverSurface.types';\nexport * from './renderPopoverSurface';\nexport * from './usePopoverSurface';\nexport * from './usePopoverSurfaceStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
|
@@ -248,6 +248,6 @@ const usePopoverSurfaceStyles_unstable = (state)=>{
|
|
248
248
|
state.root.className = (0, _react.mergeClasses)(popoverSurfaceClassNames.root, 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);
|
249
249
|
state.arrowClassName = (0, _react.mergeClasses)(styles.arrow, state.size === 'small' ? styles.smallArrow : styles.mediumLargeArrow);
|
250
250
|
return state;
|
251
|
-
}; //# sourceMappingURL=usePopoverSurfaceStyles.js.map
|
251
|
+
}; //# sourceMappingURL=usePopoverSurfaceStyles.styles.js.map
|
252
252
|
|
253
|
-
//# sourceMappingURL=usePopoverSurfaceStyles.js.map
|
253
|
+
//# sourceMappingURL=usePopoverSurfaceStyles.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/PopoverSurface/usePopoverSurfaceStyles.styles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { createArrowHeightStyles, createArrowStyles } from '@fluentui/react-positioning';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const popoverSurfaceClassNames = {\n root: 'fui-PopoverSurface'\n};\nexport const arrowHeights = {\n small: 6,\n medium: 8,\n large: 8\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n sj55zd: \"f19n0e5\",\n De3pzq: \"fxugw4r\",\n E5pizo: \"f1hg901r\",\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n B4j52fo: \"f5ogflp\",\n Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n Bn0qgzm: \"f1f09k3d\",\n ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n g2u3we: \"fghlq4f\",\n h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n B9xav0g: \"fb073pr\",\n zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n },\n inverted: {\n De3pzq: \"fg3r6xk\",\n sj55zd: \"fonrgv7\"\n },\n brand: {\n De3pzq: \"ffp7eso\",\n sj55zd: \"f1phragk\"\n },\n smallPadding: {\n z8tnut: \"f1kcqot9\",\n z189sj: [\"f11qrl6u\", \"fjlbh76\"],\n Byoj8tv: \"fpe6lb7\",\n uwmqm3: [\"fjlbh76\", \"f11qrl6u\"]\n },\n mediumPadding: {\n z8tnut: \"fqag9an\",\n z189sj: [\"f1gbmcue\", \"f1rh9g5y\"],\n Byoj8tv: \"fp67ikv\",\n uwmqm3: [\"f1rh9g5y\", \"f1gbmcue\"]\n },\n largePadding: {\n z8tnut: \"fc7z3ec\",\n z189sj: [\"fat0sn4\", \"fekwl8i\"],\n Byoj8tv: \"fe2my4m\",\n uwmqm3: [\"fekwl8i\", \"fat0sn4\"]\n },\n smallArrow: {\n a9b677: \"f1ekdpwm\",\n Bqenvij: \"f83vc9z\"\n },\n mediumLargeArrow: {\n a9b677: \"f1kmc0fn\",\n Bqenvij: \"fb6lvc5\"\n },\n arrow: {\n qhf8xq: \"f1euv43f\",\n De3pzq: \"f1u2r49w\",\n Bcdw1i0: \"fd7fpy0\",\n Bj3rh1h: \"f1bsuimh\",\n Ftih45: \"f1wl9k8s\",\n B1puzpu: \"f1wkw4r9\",\n Brfgrao: \"f1j7ml58\",\n Bcvre1j: \"fyl8oag\",\n Ccq8qp: \"frdoeuz\",\n Baz25je: \"fb81m9q\",\n cmx5o7: \"f1ljr5q2\",\n B4f6apu: \"fyfemzf\",\n m598lv: \"focyt6c\",\n Bk5zm6e: \"fnhxbxj\",\n y0oebl: \"fdw6hkg\",\n qa3bma: \"f11yjt3y\",\n Bqjgrrk: \"f1172wan\",\n Budzafs: [\"f9e5op9\", \"f112wvtl\"],\n Hv9wc6: [\"ftj5xct\", \"fyavhwi\"],\n hl6cv3: \"f1773hnp\",\n Bh2vraf: \"f1n8855c\",\n yayu3t: \"f1v7783n\",\n wedwtw: \"fsw6im5\",\n rhl9o9: \"fh2hsk5\",\n Bu8t5uz: \"f159pzir\",\n B6q6orb: \"f11yvu4\",\n Bwwlvwl: \"fm1ycve\"\n }\n}, {\n d: [\".f19n0e5{color:var(--colorNeutralForeground1);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f1hg901r{box-shadow:var(--shadow16);}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f5ogflp{border-top-width:1px;}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".f1f09k3d{border-bottom-width:1px;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fg3r6xk{background-color:var(--colorNeutralBackgroundStatic);}\", \".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}\", \".ffp7eso{background-color:var(--colorBrandBackground);}\", \".f1phragk{color:var(--colorNeutralForegroundOnBrand);}\", \".f1kcqot9{padding-top:12px;}\", \".f11qrl6u{padding-right:12px;}\", \".fjlbh76{padding-left:12px;}\", \".fpe6lb7{padding-bottom:12px;}\", \".fqag9an{padding-top:16px;}\", \".f1gbmcue{padding-right:16px;}\", \".f1rh9g5y{padding-left:16px;}\", \".fp67ikv{padding-bottom:16px;}\", \".fc7z3ec{padding-top:20px;}\", \".fat0sn4{padding-right:20px;}\", \".fekwl8i{padding-left:20px;}\", \".fe2my4m{padding-bottom:20px;}\", \".f1ekdpwm{width:8.484px;}\", \".f83vc9z{height:8.484px;}\", \".f1kmc0fn{width:11.312px;}\", \".fb6lvc5{height:11.312px;}\", \".f1euv43f{position:absolute;}\", \".f1u2r49w{background-color:inherit;}\", \".fd7fpy0{visibility:hidden;}\", \".f1bsuimh{z-index:-1;}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".f1wkw4r9::before{visibility:visible;}\", \".f1j7ml58::before{position:absolute;}\", \".fyl8oag::before{box-sizing:border-box;}\", \".frdoeuz::before{width:inherit;}\", \".fb81m9q::before{height:inherit;}\", \".f1ljr5q2::before{background-color:inherit;}\", \".fyfemzf::before{border-right-width:1px;}\", \".focyt6c::before{border-right-style:solid;}\", \".fnhxbxj::before{border-right-color:var(--colorTransparentStroke);}\", \".fdw6hkg::before{border-bottom-width:1px;}\", \".f11yjt3y::before{border-bottom-style:solid;}\", \".f1172wan::before{border-bottom-color:var(--colorTransparentStroke);}\", \".f9e5op9::before{border-bottom-right-radius:var(--borderRadiusSmall);}\", \".f112wvtl::before{border-bottom-left-radius:var(--borderRadiusSmall);}\", \".ftj5xct::before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);}\", \".fyavhwi::before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(-45deg);}\", \"[data-popper-placement^=\\\"top\\\"] .f1773hnp{bottom:-1px;}\", \"[data-popper-placement^=\\\"top\\\"] .f1n8855c{--angle:0;}\", \"[data-popper-placement^=\\\"right\\\"] .f1v7783n{left:-1px;}\", \"[data-popper-placement^=\\\"right\\\"] .fsw6im5{--angle:90deg;}\", \"[data-popper-placement^=\\\"bottom\\\"] .fh2hsk5{top:-1px;}\", \"[data-popper-placement^=\\\"bottom\\\"] .f159pzir{--angle:180deg;}\", \"[data-popper-placement^=\\\"left\\\"] .f11yvu4{right:-1px;}\", \"[data-popper-placement^=\\\"left\\\"] .fm1ycve{--angle:270deg;}\"]\n});\n/**\n * Apply styling to the PopoverSurface slots based on the state\n */\nexport const usePopoverSurfaceStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(popoverSurfaceClassNames.root, 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);\n state.arrowClassName = mergeClasses(styles.arrow, state.size === 'small' ? styles.smallArrow : styles.mediumLargeArrow);\n return state;\n};\n//# sourceMappingURL=usePopoverSurfaceStyles.styles.js.map"],"names":["popoverSurfaceClassNames","arrowHeights","usePopoverSurfaceStyles_unstable","root","small","medium","large","useStyles","__styles","sj55zd","De3pzq","E5pizo","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","inverted","brand","smallPadding","z8tnut","z189sj","Byoj8tv","uwmqm3","mediumPadding","largePadding","smallArrow","a9b677","Bqenvij","mediumLargeArrow","arrow","qhf8xq","Bcdw1i0","Bj3rh1h","Ftih45","B1puzpu","Brfgrao","Bcvre1j","Ccq8qp","Baz25je","cmx5o7","B4f6apu","m598lv","Bk5zm6e","y0oebl","qa3bma","Bqjgrrk","Budzafs","Hv9wc6","hl6cv3","Bh2vraf","yayu3t","wedwtw","rhl9o9","Bu8t5uz","B6q6orb","Bwwlvwl","d","state","styles","className","mergeClasses","size","appearance","arrowClassName"],"mappings":"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"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-popover",
|
3
|
-
"version": "0.0.0-nightly-
|
3
|
+
"version": "0.0.0-nightly-20230428-0419.1",
|
4
4
|
"description": "Popover component for Fluent UI",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -29,22 +29,22 @@
|
|
29
29
|
"devDependencies": {
|
30
30
|
"@fluentui/eslint-plugin": "*",
|
31
31
|
"@fluentui/react-conformance": "*",
|
32
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
32
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20230428-0419.1",
|
33
33
|
"@fluentui/scripts-api-extractor": "*",
|
34
34
|
"@fluentui/scripts-cypress": "*",
|
35
35
|
"@fluentui/scripts-tasks": "*"
|
36
36
|
},
|
37
37
|
"dependencies": {
|
38
|
-
"@fluentui/keyboard-keys": "0.0.0-nightly-
|
39
|
-
"@fluentui/react-aria": "0.0.0-nightly-
|
40
|
-
"@fluentui/react-context-selector": "0.0.0-nightly-
|
41
|
-
"@fluentui/react-portal": "0.0.0-nightly-
|
42
|
-
"@fluentui/react-positioning": "0.0.0-nightly-
|
43
|
-
"@fluentui/react-shared-contexts": "0.0.0-nightly-
|
44
|
-
"@fluentui/react-tabster": "0.0.0-nightly-
|
45
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
46
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
47
|
-
"@fluentui/react-jsx-runtime": "0.0.0-nightly-
|
38
|
+
"@fluentui/keyboard-keys": "0.0.0-nightly-20230428-0419.1",
|
39
|
+
"@fluentui/react-aria": "0.0.0-nightly-20230428-0419.1",
|
40
|
+
"@fluentui/react-context-selector": "0.0.0-nightly-20230428-0419.1",
|
41
|
+
"@fluentui/react-portal": "0.0.0-nightly-20230428-0419.1",
|
42
|
+
"@fluentui/react-positioning": "0.0.0-nightly-20230428-0419.1",
|
43
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly-20230428-0419.1",
|
44
|
+
"@fluentui/react-tabster": "0.0.0-nightly-20230428-0419.1",
|
45
|
+
"@fluentui/react-theme": "0.0.0-nightly-20230428-0419.1",
|
46
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20230428-0419.1",
|
47
|
+
"@fluentui/react-jsx-runtime": "0.0.0-nightly-20230428-0419.1",
|
48
48
|
"@griffel/react": "^1.5.2",
|
49
49
|
"@swc/helpers": "^0.4.14"
|
50
50
|
},
|
package/dist/index.d.ts
DELETED
@@ -1,313 +0,0 @@
|
|
1
|
-
import { ARIAButtonResultProps } from '@fluentui/react-aria';
|
2
|
-
import { ARIAButtonType } from '@fluentui/react-aria';
|
3
|
-
import type { ComponentProps } from '@fluentui/react-utilities';
|
4
|
-
import type { ComponentState } from '@fluentui/react-utilities';
|
5
|
-
import type { ContextSelector } from '@fluentui/react-context-selector';
|
6
|
-
import { FC } from 'react';
|
7
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
8
|
-
import { JSXElementConstructor } from 'react';
|
9
|
-
import type { PortalProps } from '@fluentui/react-portal';
|
10
|
-
import type { PositioningShorthand } from '@fluentui/react-positioning';
|
11
|
-
import type { PositioningVirtualElement } from '@fluentui/react-positioning';
|
12
|
-
import { Provider } from 'react';
|
13
|
-
import { ProviderProps } from 'react';
|
14
|
-
import * as React_2 from 'react';
|
15
|
-
import { ReactElement } from 'react';
|
16
|
-
import type { SetVirtualMouseTarget } from '@fluentui/react-positioning';
|
17
|
-
import type { Slot } from '@fluentui/react-utilities';
|
18
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
19
|
-
import type { TriggerProps } from '@fluentui/react-utilities';
|
20
|
-
|
21
|
-
export declare const arrowHeights: Record<PopoverSize, number>;
|
22
|
-
|
23
|
-
/**
|
24
|
-
* Data attached to open/close events
|
25
|
-
*/
|
26
|
-
export declare type OnOpenChangeData = {
|
27
|
-
open: boolean;
|
28
|
-
};
|
29
|
-
|
30
|
-
/**
|
31
|
-
* The supported events that will trigger open/close of the menu
|
32
|
-
*/
|
33
|
-
export declare type OpenPopoverEvents = MouseEvent | TouchEvent | React_2.FocusEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement> | React_2.MouseEvent<HTMLElement>;
|
34
|
-
|
35
|
-
/**
|
36
|
-
* Wrapper component that manages state for a PopoverTrigger and a PopoverSurface components.
|
37
|
-
*/
|
38
|
-
export declare const Popover: React_2.FC<PopoverProps>;
|
39
|
-
|
40
|
-
/**
|
41
|
-
* Context shared between Popover and its children components
|
42
|
-
*/
|
43
|
-
export declare type PopoverContextValue = Pick<PopoverState, 'open' | 'toggleOpen' | 'setOpen' | 'triggerRef' | 'contentRef' | 'openOnHover' | 'openOnContext' | 'mountNode' | 'withArrow' | 'arrowRef' | 'size' | 'appearance' | 'trapFocus' | 'inertTrapFocus' | 'inline'>;
|
44
|
-
|
45
|
-
/**
|
46
|
-
* Popover Props
|
47
|
-
*/
|
48
|
-
export declare type PopoverProps = Pick<PortalProps, 'mountNode'> & {
|
49
|
-
/**
|
50
|
-
* A popover can appear styled with brand or inverted.
|
51
|
-
* When not specified, the default style is used.
|
52
|
-
*/
|
53
|
-
appearance?: 'brand' | 'inverted';
|
54
|
-
/**
|
55
|
-
* Can contain two children including {@link PopoverTrigger} and {@link PopoverSurface}.
|
56
|
-
* Alternatively can only contain {@link PopoverSurface} if using a custom `target`.
|
57
|
-
*/
|
58
|
-
children: [JSX.Element, JSX.Element] | JSX.Element;
|
59
|
-
/**
|
60
|
-
* Close when scroll outside of it
|
61
|
-
*
|
62
|
-
* @default false
|
63
|
-
*/
|
64
|
-
closeOnScroll?: boolean;
|
65
|
-
/**
|
66
|
-
* Used to set the initial open state of the Popover in uncontrolled mode
|
67
|
-
*
|
68
|
-
* @default false
|
69
|
-
*/
|
70
|
-
defaultOpen?: boolean;
|
71
|
-
/**
|
72
|
-
* Popovers are rendered out of DOM order on `document.body` by default, use this to render the popover in DOM order
|
73
|
-
*
|
74
|
-
* @default false
|
75
|
-
*/
|
76
|
-
inline?: boolean;
|
77
|
-
/**
|
78
|
-
* Sets the delay for closing popover on mouse leave
|
79
|
-
*/
|
80
|
-
mouseLeaveDelay?: number;
|
81
|
-
/**
|
82
|
-
* Display an arrow pointing to the target.
|
83
|
-
*
|
84
|
-
* @default false
|
85
|
-
*/
|
86
|
-
withArrow?: boolean;
|
87
|
-
/**
|
88
|
-
* Call back when the component requests to change value
|
89
|
-
* The `open` value is used as a hint when directly controlling the component
|
90
|
-
*/
|
91
|
-
onOpenChange?: (e: OpenPopoverEvents, data: OnOpenChangeData) => void;
|
92
|
-
/**
|
93
|
-
* Controls the opening of the Popover
|
94
|
-
*
|
95
|
-
* @default false
|
96
|
-
*/
|
97
|
-
open?: boolean;
|
98
|
-
/**
|
99
|
-
* Flag to open the Popover as a context menu. Disables all other interactions
|
100
|
-
*
|
101
|
-
* @default false
|
102
|
-
*/
|
103
|
-
openOnContext?: boolean;
|
104
|
-
/**
|
105
|
-
* Flag to open the Popover by hovering the trigger
|
106
|
-
*
|
107
|
-
* @default false
|
108
|
-
*/
|
109
|
-
openOnHover?: boolean;
|
110
|
-
/**
|
111
|
-
* Configures the position of the Popover
|
112
|
-
*/
|
113
|
-
positioning?: PositioningShorthand;
|
114
|
-
/**
|
115
|
-
* Determines popover padding and arrow size
|
116
|
-
*
|
117
|
-
* @default medium
|
118
|
-
*/
|
119
|
-
size?: PopoverSize;
|
120
|
-
/**
|
121
|
-
* Should trap focus
|
122
|
-
*
|
123
|
-
* @default false
|
124
|
-
*/
|
125
|
-
trapFocus?: boolean;
|
126
|
-
/**
|
127
|
-
* Must be used with the `trapFocus` prop
|
128
|
-
* Enables older Fluent UI focus trap behavior where the user
|
129
|
-
* cannot tab into the window outside of the document. This is now
|
130
|
-
* non-standard behavior according to the [HTML dialog spec](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/showModal)
|
131
|
-
* where the focus trap involves setting outside elements inert.
|
132
|
-
*
|
133
|
-
* @deprecated this behavior is default provided now, to opt-out of it in favor of standard behavior use the `inertTrapFocus` property
|
134
|
-
*/
|
135
|
-
legacyTrapFocus?: boolean;
|
136
|
-
/**
|
137
|
-
* Enables standard behavior according to the [HTML dialog spec](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/showModal)
|
138
|
-
* where the focus trap involves setting outside elements inert,
|
139
|
-
* making navigation leak from the trapped area back to the browser toolbar and vice-versa.
|
140
|
-
*
|
141
|
-
* @default false
|
142
|
-
*/
|
143
|
-
inertTrapFocus?: boolean;
|
144
|
-
/**
|
145
|
-
* By default Popover focuses the first focusable element in PopoverSurface on open.
|
146
|
-
* Specify `disableAutoFocus` to prevent this behavior.
|
147
|
-
*
|
148
|
-
* @default false
|
149
|
-
*/
|
150
|
-
unstable_disableAutoFocus?: boolean;
|
151
|
-
};
|
152
|
-
|
153
|
-
export declare const PopoverProvider: Provider<PopoverContextValue> & FC<ProviderProps<PopoverContextValue>>;
|
154
|
-
|
155
|
-
/**
|
156
|
-
* Determines popover padding and arrow size
|
157
|
-
*/
|
158
|
-
export declare type PopoverSize = 'small' | 'medium' | 'large';
|
159
|
-
|
160
|
-
/**
|
161
|
-
* Popover State
|
162
|
-
*/
|
163
|
-
export declare type PopoverState = Pick<PopoverProps, 'appearance' | 'mountNode' | 'onOpenChange' | 'openOnContext' | 'openOnHover' | 'trapFocus' | 'withArrow' | 'inertTrapFocus'> & Required<Pick<PopoverProps, 'inline' | 'open'>> & Pick<PopoverProps, 'children'> & {
|
164
|
-
/**
|
165
|
-
* Ref of the pointing arrow
|
166
|
-
*/
|
167
|
-
arrowRef: React_2.MutableRefObject<HTMLDivElement | null>;
|
168
|
-
/**
|
169
|
-
* Ref of the PopoverSurface
|
170
|
-
*/
|
171
|
-
contentRef: React_2.MutableRefObject<HTMLElement | null>;
|
172
|
-
/**
|
173
|
-
* Anchors the popper to the mouse click for context events
|
174
|
-
*/
|
175
|
-
contextTarget: PositioningVirtualElement | undefined;
|
176
|
-
popoverSurface: React_2.ReactElement | undefined;
|
177
|
-
popoverTrigger: React_2.ReactElement | undefined;
|
178
|
-
/**
|
179
|
-
* A callback to set the target of the popper to the mouse click for context events
|
180
|
-
*/
|
181
|
-
setContextTarget: SetVirtualMouseTarget;
|
182
|
-
/**
|
183
|
-
* Callback to open/close the Popover
|
184
|
-
*/
|
185
|
-
setOpen: (e: OpenPopoverEvents, open: boolean) => void;
|
186
|
-
size: NonNullable<PopoverProps['size']>;
|
187
|
-
/**
|
188
|
-
* Callback to toggle the open state of the Popover
|
189
|
-
*/
|
190
|
-
toggleOpen: (e: OpenPopoverEvents) => void;
|
191
|
-
/**
|
192
|
-
* Ref of the PopoverTrigger
|
193
|
-
*/
|
194
|
-
triggerRef: React_2.MutableRefObject<HTMLElement | null>;
|
195
|
-
};
|
196
|
-
|
197
|
-
/**
|
198
|
-
* PopoverSurface component renders react children in a positioned box
|
199
|
-
*/
|
200
|
-
export declare const PopoverSurface: ForwardRefComponent<PopoverSurfaceProps>;
|
201
|
-
|
202
|
-
export declare const popoverSurfaceClassNames: SlotClassNames<PopoverSurfaceSlots>;
|
203
|
-
|
204
|
-
/**
|
205
|
-
* PopoverSurface Props
|
206
|
-
*/
|
207
|
-
export declare type PopoverSurfaceProps = ComponentProps<PopoverSurfaceSlots>;
|
208
|
-
|
209
|
-
/**
|
210
|
-
* Names of the slots in PopoverSurfaceProps
|
211
|
-
*/
|
212
|
-
export declare type PopoverSurfaceSlots = {
|
213
|
-
root: Slot<'div'>;
|
214
|
-
};
|
215
|
-
|
216
|
-
/**
|
217
|
-
* PopoverSurface State
|
218
|
-
*/
|
219
|
-
export declare type PopoverSurfaceState = ComponentState<PopoverSurfaceSlots> & Pick<PopoverContextValue, 'appearance' | 'arrowRef' | 'inline' | 'mountNode' | 'size' | 'withArrow'> & {
|
220
|
-
/**
|
221
|
-
* CSS class for the arrow element
|
222
|
-
*/
|
223
|
-
arrowClassName?: string;
|
224
|
-
};
|
225
|
-
|
226
|
-
/**
|
227
|
-
* Wraps a trigger element as an only child and adds the necessary event handling to open a popover.
|
228
|
-
*/
|
229
|
-
export declare const PopoverTrigger: React_2.FC<PopoverTriggerProps>;
|
230
|
-
|
231
|
-
/**
|
232
|
-
* Props that are passed to the child of the DialogTrigger when cloned to ensure correct behaviour for the Dialog
|
233
|
-
*/
|
234
|
-
export declare type PopoverTriggerChildProps<Type extends ARIAButtonType = ARIAButtonType, Props = {}> = ARIAButtonResultProps<Type, Props & {
|
235
|
-
'aria-expanded'?: 'true' | 'false';
|
236
|
-
ref: React_2.Ref<unknown>;
|
237
|
-
onMouseEnter: React_2.MouseEventHandler<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>;
|
238
|
-
onMouseLeave: React_2.MouseEventHandler<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>;
|
239
|
-
onContextMenu: React_2.MouseEventHandler<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>;
|
240
|
-
}>;
|
241
|
-
|
242
|
-
/**
|
243
|
-
* PopoverTrigger Props
|
244
|
-
*/
|
245
|
-
export declare type PopoverTriggerProps = TriggerProps<PopoverTriggerChildProps> & {
|
246
|
-
/**
|
247
|
-
* Disables internal trigger mechanism that ensures a child provided will be a compliant ARIA button.
|
248
|
-
* @default false
|
249
|
-
*/
|
250
|
-
disableButtonEnhancement?: boolean;
|
251
|
-
};
|
252
|
-
|
253
|
-
/**
|
254
|
-
* PopoverTrigger State
|
255
|
-
*/
|
256
|
-
export declare type PopoverTriggerState = {
|
257
|
-
children: React_2.ReactElement | null;
|
258
|
-
};
|
259
|
-
|
260
|
-
/**
|
261
|
-
* Render the final JSX of Popover
|
262
|
-
*/
|
263
|
-
export declare const renderPopover_unstable: (state: PopoverState) => JSX.Element;
|
264
|
-
|
265
|
-
/**
|
266
|
-
* Render the final JSX of PopoverSurface
|
267
|
-
*/
|
268
|
-
export declare const renderPopoverSurface_unstable: (state: PopoverSurfaceState) => JSX.Element;
|
269
|
-
|
270
|
-
/**
|
271
|
-
* Render the final JSX of PopoverTrigger
|
272
|
-
*/
|
273
|
-
export declare const renderPopoverTrigger_unstable: (state: PopoverTriggerState) => ReactElement<any, string | JSXElementConstructor<any>> | null;
|
274
|
-
|
275
|
-
/**
|
276
|
-
* Create the state required to render Popover.
|
277
|
-
*
|
278
|
-
* The returned state can be modified with hooks such as usePopoverStyles,
|
279
|
-
* before being passed to renderPopover_unstable.
|
280
|
-
*
|
281
|
-
* @param props - props from this instance of Popover
|
282
|
-
*/
|
283
|
-
export declare const usePopover_unstable: (props: PopoverProps) => PopoverState;
|
284
|
-
|
285
|
-
export declare const usePopoverContext_unstable: <T>(selector: ContextSelector<PopoverContextValue, T>) => T;
|
286
|
-
|
287
|
-
/**
|
288
|
-
* Create the state required to render PopoverSurface.
|
289
|
-
*
|
290
|
-
* The returned state can be modified with hooks such as usePopoverSurfaceStyles_unstable,
|
291
|
-
* before being passed to renderPopoverSurface_unstable.
|
292
|
-
*
|
293
|
-
* @param props - props from this instance of PopoverSurface
|
294
|
-
* @param ref - reference to root HTMLDivElement of PopoverSurface
|
295
|
-
*/
|
296
|
-
export declare const usePopoverSurface_unstable: (props: PopoverSurfaceProps, ref: React_2.Ref<HTMLDivElement>) => PopoverSurfaceState;
|
297
|
-
|
298
|
-
/**
|
299
|
-
* Apply styling to the PopoverSurface slots based on the state
|
300
|
-
*/
|
301
|
-
export declare const usePopoverSurfaceStyles_unstable: (state: PopoverSurfaceState) => PopoverSurfaceState;
|
302
|
-
|
303
|
-
/**
|
304
|
-
* Create the state required to render PopoverTrigger.
|
305
|
-
*
|
306
|
-
* The returned state can be modified with hooks such as usePopoverTriggerStyles,
|
307
|
-
* before being passed to renderPopoverTrigger_unstable.
|
308
|
-
*
|
309
|
-
* @param props - props from this instance of PopoverTrigger
|
310
|
-
*/
|
311
|
-
export declare const usePopoverTrigger_unstable: (props: PopoverTriggerProps) => PopoverTriggerState;
|
312
|
-
|
313
|
-
export { }
|
package/lib/Popover.js
DELETED
package/lib/Popover.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":[],"sources":["../src/Popover.ts"],"sourcesContent":["export * from './components/Popover/index';\n"],"mappings":"AAAA,cAAc"}
|
package/lib/PopoverSurface.js
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":[],"sources":["../src/PopoverSurface.ts"],"sourcesContent":["export * from './components/PopoverSurface/index';\n"],"mappings":"AAAA,cAAc"}
|
package/lib/PopoverTrigger.js
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":[],"sources":["../src/PopoverTrigger.ts"],"sourcesContent":["export * from './components/PopoverTrigger/index';\n"],"mappings":"AAAA,cAAc"}
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { usePopover_unstable } from './usePopover';
|
3
|
-
import { renderPopover_unstable } from './renderPopover';
|
4
|
-
/**
|
5
|
-
* Wrapper component that manages state for a PopoverTrigger and a PopoverSurface components.
|
6
|
-
*/
|
7
|
-
export const Popover = props => {
|
8
|
-
const state = usePopover_unstable(props);
|
9
|
-
return renderPopover_unstable(state);
|
10
|
-
};
|
11
|
-
Popover.displayName = 'Popover';
|
12
|
-
//# sourceMappingURL=Popover.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":["React","usePopover_unstable","renderPopover_unstable","Popover","props","state","displayName"],"sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePopover_unstable } from './usePopover';\nimport { renderPopover_unstable } from './renderPopover';\nimport type { PopoverProps } from './Popover.types';\n\n/**\n * Wrapper component that manages state for a PopoverTrigger and a PopoverSurface components.\n */\nexport const Popover: React.FC<PopoverProps> = props => {\n const state = usePopover_unstable(props);\n\n return renderPopover_unstable(state);\n};\n\nPopover.displayName = 'Popover';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,mBAAmB,QAAQ;AACpC,SAASC,sBAAsB,QAAQ;AAGvC;;;AAGA,OAAO,MAAMC,OAAA,GAAkCC,KAAA,IAAS;EACtD,MAAMC,KAAA,GAAQJ,mBAAA,CAAoBG,KAAA;EAElC,OAAOF,sBAAA,CAAuBG,KAAA;AAChC;AAEAF,OAAA,CAAQG,WAAW,GAAG"}
|