@fluentui/react-positioning 0.0.0-nightly01492e29df20211105.1 → 0.0.0-nightly28ceaaa83c20211215.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 +114 -8
- package/CHANGELOG.md +35 -7
- package/dist/react-positioning.d.ts +28 -0
- package/lib/createArrowStyles.d.ts +27 -0
- package/lib/createArrowStyles.js +73 -0
- package/lib/createArrowStyles.js.map +1 -0
- package/lib/createVirtualElementFromClick.js +17 -15
- package/lib/createVirtualElementFromClick.js.map +1 -1
- package/lib/index.d.ts +2 -1
- package/lib/index.js +2 -1
- package/lib/index.js.map +1 -1
- package/lib/usePopper.js +362 -312
- package/lib/usePopper.js.map +1 -1
- package/lib/usePopperMouseTarget.js +28 -22
- package/lib/usePopperMouseTarget.js.map +1 -1
- package/lib/utils/getBasePlacement.js +1 -1
- package/lib/utils/getBasePlacement.js.map +1 -1
- package/lib/utils/getBoundary.js +15 -10
- package/lib/utils/getBoundary.js.map +1 -1
- package/lib/utils/getReactFiberFromNode.js +39 -35
- package/lib/utils/getReactFiberFromNode.js.map +1 -1
- package/lib/utils/getScrollParent.js +46 -32
- package/lib/utils/getScrollParent.js.map +1 -1
- package/lib/utils/mergeArrowOffset.js +29 -24
- package/lib/utils/mergeArrowOffset.js.map +1 -1
- package/lib/utils/positioningHelper.d.ts +2 -2
- package/lib/utils/positioningHelper.js +38 -30
- package/lib/utils/positioningHelper.js.map +1 -1
- package/lib/utils/resolvePositioningShorthand.js +57 -19
- package/lib/utils/resolvePositioningShorthand.js.map +1 -1
- package/lib/utils/useCallbackRef.js +35 -29
- package/lib/utils/useCallbackRef.js.map +1 -1
- package/lib-commonjs/createArrowStyles.d.ts +27 -0
- package/lib-commonjs/createArrowStyles.js +83 -0
- package/lib-commonjs/createArrowStyles.js.map +1 -0
- package/lib-commonjs/createVirtualElementFromClick.js +23 -16
- package/lib-commonjs/createVirtualElementFromClick.js.map +1 -1
- package/lib-commonjs/index.d.ts +2 -1
- package/lib-commonjs/index.js +28 -6
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/types.js +4 -1
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/usePopper.js +376 -316
- package/lib-commonjs/usePopper.js.map +1 -1
- package/lib-commonjs/usePopperMouseTarget.js +38 -25
- package/lib-commonjs/usePopperMouseTarget.js.map +1 -1
- package/lib-commonjs/utils/getBasePlacement.js +7 -2
- package/lib-commonjs/utils/getBasePlacement.js.map +1 -1
- package/lib-commonjs/utils/getBoundary.js +23 -12
- package/lib-commonjs/utils/getBoundary.js.map +1 -1
- package/lib-commonjs/utils/getReactFiberFromNode.js +44 -36
- package/lib-commonjs/utils/getReactFiberFromNode.js.map +1 -1
- package/lib-commonjs/utils/getScrollParent.js +53 -33
- package/lib-commonjs/utils/getScrollParent.js.map +1 -1
- package/lib-commonjs/utils/index.js +14 -2
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/mergeArrowOffset.js +35 -25
- package/lib-commonjs/utils/mergeArrowOffset.js.map +1 -1
- package/lib-commonjs/utils/positioningHelper.d.ts +2 -2
- package/lib-commonjs/utils/positioningHelper.js +46 -31
- package/lib-commonjs/utils/positioningHelper.js.map +1 -1
- package/lib-commonjs/utils/resolvePositioningShorthand.js +65 -22
- package/lib-commonjs/utils/resolvePositioningShorthand.js.map +1 -1
- package/lib-commonjs/utils/useCallbackRef.js +45 -32
- package/lib-commonjs/utils/useCallbackRef.js.map +1 -1
- package/package.json +8 -8
package/CHANGELOG.json
CHANGED
@@ -2,17 +2,115 @@
|
|
2
2
|
"name": "@fluentui/react-positioning",
|
3
3
|
"entries": [
|
4
4
|
{
|
5
|
-
"date": "
|
6
|
-
"tag": "@fluentui/react-positioning_v0.0.0-
|
7
|
-
"version": "0.0.0-
|
5
|
+
"date": "Wed, 15 Dec 2021 04:15:57 GMT",
|
6
|
+
"tag": "@fluentui/react-positioning_v0.0.0-nightly28ceaaa83c20211215.1",
|
7
|
+
"version": "0.0.0-nightly28ceaaa83c20211215.1",
|
8
8
|
"comments": {
|
9
9
|
"prerelease": [
|
10
10
|
{
|
11
11
|
"author": "email not defined",
|
12
12
|
"package": "@fluentui/react-positioning",
|
13
|
-
"commit": "
|
13
|
+
"commit": "1fa4d63c9ac215f423947810ede774f59a1ce9f3",
|
14
14
|
"comment": "Release nightly v9"
|
15
15
|
},
|
16
|
+
{
|
17
|
+
"author": "olfedias@microsoft.com",
|
18
|
+
"package": "@fluentui/react-positioning",
|
19
|
+
"commit": "a76afe26daad901ff5458ffdda7e66e600d5bcac",
|
20
|
+
"comment": "use new types from makeStyles core"
|
21
|
+
},
|
22
|
+
{
|
23
|
+
"author": "bsunderhus@microsoft.com",
|
24
|
+
"package": "@fluentui/react-positioning",
|
25
|
+
"commit": "e382ad22539fc97bb283ca4ed856e126c7477e89",
|
26
|
+
"comment": "Adds @noflip annotation to data-popper-placement styles"
|
27
|
+
},
|
28
|
+
{
|
29
|
+
"author": "olfedias@microsoft.com",
|
30
|
+
"package": "@fluentui/react-positioning",
|
31
|
+
"commit": "967d6b74cf0507685a24e0cfaa8c7b9d52a351e1",
|
32
|
+
"comment": "update styles to not use CSS shorthands"
|
33
|
+
},
|
34
|
+
{
|
35
|
+
"author": "beachball",
|
36
|
+
"package": "@fluentui/react-positioning",
|
37
|
+
"comment": "Bump @fluentui/react-make-styles to v0.0.0-nightly28ceaaa83c20211215.1",
|
38
|
+
"commit": "1fa4d63c9ac215f423947810ede774f59a1ce9f3"
|
39
|
+
},
|
40
|
+
{
|
41
|
+
"author": "beachball",
|
42
|
+
"package": "@fluentui/react-positioning",
|
43
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly28ceaaa83c20211215.1",
|
44
|
+
"commit": "1fa4d63c9ac215f423947810ede774f59a1ce9f3"
|
45
|
+
},
|
46
|
+
{
|
47
|
+
"author": "beachball",
|
48
|
+
"package": "@fluentui/react-positioning",
|
49
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly28ceaaa83c20211215.1",
|
50
|
+
"commit": "1fa4d63c9ac215f423947810ede774f59a1ce9f3"
|
51
|
+
},
|
52
|
+
{
|
53
|
+
"author": "beachball",
|
54
|
+
"package": "@fluentui/react-positioning",
|
55
|
+
"comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightly28ceaaa83c20211215.1",
|
56
|
+
"commit": "1fa4d63c9ac215f423947810ede774f59a1ce9f3"
|
57
|
+
}
|
58
|
+
]
|
59
|
+
}
|
60
|
+
},
|
61
|
+
{
|
62
|
+
"date": "Thu, 25 Nov 2021 08:34:15 GMT",
|
63
|
+
"tag": "@fluentui/react-positioning_v9.0.0-beta.4",
|
64
|
+
"version": "9.0.0-beta.4",
|
65
|
+
"comments": {
|
66
|
+
"none": [
|
67
|
+
{
|
68
|
+
"author": "lingfangao@hotmail.com",
|
69
|
+
"package": "@fluentui/react-positioning",
|
70
|
+
"commit": "718e63006d8d07d24efab9c32942041963d78dc7",
|
71
|
+
"comment": "Migrate package to use solution style ts-configs"
|
72
|
+
}
|
73
|
+
],
|
74
|
+
"prerelease": [
|
75
|
+
{
|
76
|
+
"author": "lingfangao@hotmail.com",
|
77
|
+
"package": "@fluentui/react-positioning",
|
78
|
+
"commit": "58db204f28af1d68df7260ff580cf91f0adcfb66",
|
79
|
+
"comment": "Add utility function to create styles for an arrow element"
|
80
|
+
},
|
81
|
+
{
|
82
|
+
"author": "beachball",
|
83
|
+
"package": "@fluentui/react-positioning",
|
84
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
|
85
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
86
|
+
},
|
87
|
+
{
|
88
|
+
"author": "beachball",
|
89
|
+
"package": "@fluentui/react-positioning",
|
90
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.0.0-beta.4",
|
91
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
92
|
+
},
|
93
|
+
{
|
94
|
+
"author": "beachball",
|
95
|
+
"package": "@fluentui/react-positioning",
|
96
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
|
97
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
98
|
+
},
|
99
|
+
{
|
100
|
+
"author": "beachball",
|
101
|
+
"package": "@fluentui/react-positioning",
|
102
|
+
"comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.4",
|
103
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
104
|
+
}
|
105
|
+
]
|
106
|
+
}
|
107
|
+
},
|
108
|
+
{
|
109
|
+
"date": "Fri, 12 Nov 2021 13:25:30 GMT",
|
110
|
+
"tag": "@fluentui/react-positioning_v9.0.0-beta.3",
|
111
|
+
"version": "9.0.0-beta.3",
|
112
|
+
"comments": {
|
113
|
+
"prerelease": [
|
16
114
|
{
|
17
115
|
"author": "gcox@microsoft.com",
|
18
116
|
"package": "@fluentui/react-positioning",
|
@@ -22,14 +120,22 @@
|
|
22
120
|
{
|
23
121
|
"author": "beachball",
|
24
122
|
"package": "@fluentui/react-positioning",
|
25
|
-
"comment": "Bump @fluentui/react-shared-contexts to
|
26
|
-
"commit": "
|
123
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.0.0-beta.3",
|
124
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
27
125
|
},
|
28
126
|
{
|
29
127
|
"author": "beachball",
|
30
128
|
"package": "@fluentui/react-positioning",
|
31
|
-
"comment": "Bump @fluentui/react-utilities to
|
32
|
-
"commit": "
|
129
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
|
130
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
131
|
+
}
|
132
|
+
],
|
133
|
+
"none": [
|
134
|
+
{
|
135
|
+
"author": "lingfangao@hotmail.com",
|
136
|
+
"package": "@fluentui/react-positioning",
|
137
|
+
"commit": "00f70581480b536e723fb69edf0ae617beac4807",
|
138
|
+
"comment": "Remove beta release tag"
|
33
139
|
}
|
34
140
|
]
|
35
141
|
}
|
package/CHANGELOG.md
CHANGED
@@ -1,20 +1,48 @@
|
|
1
1
|
# Change Log - @fluentui/react-positioning
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Wed, 15 Dec 2021 04:15:57 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
-
## [0.0.0-
|
7
|
+
## [0.0.0-nightly28ceaaa83c20211215.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v0.0.0-nightly28ceaaa83c20211215.1)
|
8
8
|
|
9
|
-
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-beta.
|
9
|
+
Wed, 15 Dec 2021 04:15:57 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-beta.4..@fluentui/react-positioning_v0.0.0-nightly28ceaaa83c20211215.1)
|
11
|
+
|
12
|
+
### Changes
|
13
|
+
|
14
|
+
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/1fa4d63c9ac215f423947810ede774f59a1ce9f3) by email not defined)
|
15
|
+
- use new types from makeStyles core ([PR #20786](https://github.com/microsoft/fluentui/pull/20786) by olfedias@microsoft.com)
|
16
|
+
- Adds @noflip annotation to data-popper-placement styles ([PR #20845](https://github.com/microsoft/fluentui/pull/20845) by bsunderhus@microsoft.com)
|
17
|
+
- update styles to not use CSS shorthands ([PR #20842](https://github.com/microsoft/fluentui/pull/20842) by olfedias@microsoft.com)
|
18
|
+
- Bump @fluentui/react-make-styles to v0.0.0-nightly28ceaaa83c20211215.1 ([commit](https://github.com/microsoft/fluentui/commit/1fa4d63c9ac215f423947810ede774f59a1ce9f3) by beachball)
|
19
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly28ceaaa83c20211215.1 ([commit](https://github.com/microsoft/fluentui/commit/1fa4d63c9ac215f423947810ede774f59a1ce9f3) by beachball)
|
20
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly28ceaaa83c20211215.1 ([commit](https://github.com/microsoft/fluentui/commit/1fa4d63c9ac215f423947810ede774f59a1ce9f3) by beachball)
|
21
|
+
- Bump @fluentui/babel-make-styles to v0.0.0-nightly28ceaaa83c20211215.1 ([commit](https://github.com/microsoft/fluentui/commit/1fa4d63c9ac215f423947810ede774f59a1ce9f3) by beachball)
|
22
|
+
|
23
|
+
## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-beta.4)
|
24
|
+
|
25
|
+
Thu, 25 Nov 2021 08:34:15 GMT
|
26
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-beta.3..@fluentui/react-positioning_v9.0.0-beta.4)
|
27
|
+
|
28
|
+
### Changes
|
29
|
+
|
30
|
+
- Add utility function to create styles for an arrow element ([PR #20541](https://github.com/microsoft/fluentui/pull/20541) by lingfangao@hotmail.com)
|
31
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
32
|
+
- Bump @fluentui/react-shared-contexts to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
33
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
34
|
+
- Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
35
|
+
|
36
|
+
## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-beta.3)
|
37
|
+
|
38
|
+
Fri, 12 Nov 2021 13:25:30 GMT
|
39
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-beta.2..@fluentui/react-positioning_v9.0.0-beta.3)
|
11
40
|
|
12
41
|
### Changes
|
13
42
|
|
14
|
-
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/d254c37e35cfc6231bcc255cbf3c541a8222706d) by email not defined)
|
15
43
|
- Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
|
16
|
-
- Bump @fluentui/react-shared-contexts to
|
17
|
-
- Bump @fluentui/react-utilities to
|
44
|
+
- Bump @fluentui/react-shared-contexts to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
45
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
18
46
|
|
19
47
|
## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-beta.2)
|
20
48
|
|
@@ -1,5 +1,7 @@
|
|
1
|
+
import type { MakeStylesStyleRule } from '@fluentui/react-make-styles';
|
1
2
|
import * as PopperJs from '@popperjs/core';
|
2
3
|
import * as React_2 from 'react';
|
4
|
+
import type { Theme } from '@fluentui/react-theme';
|
3
5
|
|
4
6
|
export declare type Alignment = 'top' | 'bottom' | 'start' | 'end' | 'center';
|
5
7
|
|
@@ -7,6 +9,32 @@ export declare type AutoSize = 'height' | 'height-always' | 'width' | 'width-alw
|
|
7
9
|
|
8
10
|
export declare type Boundary = PopperJs.Boundary | 'scrollParent' | 'window';
|
9
11
|
|
12
|
+
/**
|
13
|
+
* Helper that creates a makeStyles rule for an arrow element.
|
14
|
+
* For runtime arrow size toggling simply create extra classnames to apply to the arrow element
|
15
|
+
*
|
16
|
+
* ```ts
|
17
|
+
* makeStyles({
|
18
|
+
* arrowWithSize: createArrowStyles(5),
|
19
|
+
*
|
20
|
+
* arrowWithoutSize: createArrowStyles(),
|
21
|
+
* mediumArrow: { aspectRatio: 1, width: '4px' }
|
22
|
+
* smallArrow: { aspectRatio: 1, width: '2px' }
|
23
|
+
* })
|
24
|
+
* ...
|
25
|
+
*
|
26
|
+
* state.arrowWithSize.className = styles.arrowWithSize
|
27
|
+
* state.arrowWithoutSize.className = mergeClasses(
|
28
|
+
* styles.arrowWithoutSize,
|
29
|
+
* state.smallArrow && styles.smallArrow,
|
30
|
+
* state.mediumArrow && styles.mediumArrow,
|
31
|
+
* )
|
32
|
+
* ```
|
33
|
+
*
|
34
|
+
* @param size - dimensions of the square arrow element in pixels.
|
35
|
+
*/
|
36
|
+
export declare function createArrowStyles(size?: number): MakeStylesStyleRule<Theme>;
|
37
|
+
|
10
38
|
/**
|
11
39
|
* Creates a virtual element based on the position of a click event
|
12
40
|
* Can be used as a target for popper in scenarios such as context menus
|
@@ -0,0 +1,27 @@
|
|
1
|
+
import type { MakeStylesStyleRule } from '@fluentui/react-make-styles';
|
2
|
+
import type { Theme } from '@fluentui/react-theme';
|
3
|
+
/**
|
4
|
+
* Helper that creates a makeStyles rule for an arrow element.
|
5
|
+
* For runtime arrow size toggling simply create extra classnames to apply to the arrow element
|
6
|
+
*
|
7
|
+
* ```ts
|
8
|
+
* makeStyles({
|
9
|
+
* arrowWithSize: createArrowStyles(5),
|
10
|
+
*
|
11
|
+
* arrowWithoutSize: createArrowStyles(),
|
12
|
+
* mediumArrow: { aspectRatio: 1, width: '4px' }
|
13
|
+
* smallArrow: { aspectRatio: 1, width: '2px' }
|
14
|
+
* })
|
15
|
+
* ...
|
16
|
+
*
|
17
|
+
* state.arrowWithSize.className = styles.arrowWithSize
|
18
|
+
* state.arrowWithoutSize.className = mergeClasses(
|
19
|
+
* styles.arrowWithoutSize,
|
20
|
+
* state.smallArrow && styles.smallArrow,
|
21
|
+
* state.mediumArrow && styles.mediumArrow,
|
22
|
+
* )
|
23
|
+
* ```
|
24
|
+
*
|
25
|
+
* @param size - dimensions of the square arrow element in pixels.
|
26
|
+
*/
|
27
|
+
export declare function createArrowStyles(size?: number): MakeStylesStyleRule<Theme>;
|
@@ -0,0 +1,73 @@
|
|
1
|
+
import { shorthands } from '@fluentui/react-make-styles';
|
2
|
+
/**
|
3
|
+
* Helper that creates a makeStyles rule for an arrow element.
|
4
|
+
* For runtime arrow size toggling simply create extra classnames to apply to the arrow element
|
5
|
+
*
|
6
|
+
* ```ts
|
7
|
+
* makeStyles({
|
8
|
+
* arrowWithSize: createArrowStyles(5),
|
9
|
+
*
|
10
|
+
* arrowWithoutSize: createArrowStyles(),
|
11
|
+
* mediumArrow: { aspectRatio: 1, width: '4px' }
|
12
|
+
* smallArrow: { aspectRatio: 1, width: '2px' }
|
13
|
+
* })
|
14
|
+
* ...
|
15
|
+
*
|
16
|
+
* state.arrowWithSize.className = styles.arrowWithSize
|
17
|
+
* state.arrowWithoutSize.className = mergeClasses(
|
18
|
+
* styles.arrowWithoutSize,
|
19
|
+
* state.smallArrow && styles.smallArrow,
|
20
|
+
* state.mediumArrow && styles.mediumArrow,
|
21
|
+
* )
|
22
|
+
* ```
|
23
|
+
*
|
24
|
+
* @param size - dimensions of the square arrow element in pixels.
|
25
|
+
*/
|
26
|
+
|
27
|
+
export function createArrowStyles(size) {
|
28
|
+
return theme => ({
|
29
|
+
position: 'absolute',
|
30
|
+
backgroundColor: 'inherit',
|
31
|
+
visibility: 'hidden',
|
32
|
+
zIndex: -1,
|
33
|
+
...(size && {
|
34
|
+
aspectRatio: '1',
|
35
|
+
width: `${size}px`
|
36
|
+
}),
|
37
|
+
':before': {
|
38
|
+
content: '""',
|
39
|
+
...shorthands.borderRadius('4px'),
|
40
|
+
position: 'absolute',
|
41
|
+
width: 'inherit',
|
42
|
+
height: 'inherit',
|
43
|
+
backgroundColor: 'inherit',
|
44
|
+
visibility: 'visible',
|
45
|
+
borderBottomRightRadius: theme.borderRadiusSmall,
|
46
|
+
transform: 'rotate(var(--angle)) translate(0, 50%) rotate(45deg)'
|
47
|
+
},
|
48
|
+
':global([data-popper-placement])': {
|
49
|
+
':before': { // Special border for High Contrast mode
|
50
|
+
...shorthands.borderRight('1px', 'solid', 'transparent'),
|
51
|
+
...shorthands.borderBottom('1px', 'solid', 'transparent')
|
52
|
+
}
|
53
|
+
},
|
54
|
+
// Popper sets data-popper-placement on the root element, which is used to align the arrow
|
55
|
+
':global([data-popper-placement^="top"])': {
|
56
|
+
bottom: 0,
|
57
|
+
'--angle': '0'
|
58
|
+
},
|
59
|
+
':global([data-popper-placement^="right"])': {
|
60
|
+
left: '0 /* @noflip */',
|
61
|
+
'--angle': '90deg'
|
62
|
+
},
|
63
|
+
':global([data-popper-placement^="bottom"])': {
|
64
|
+
top: 0,
|
65
|
+
'--angle': '180deg'
|
66
|
+
},
|
67
|
+
':global([data-popper-placement^="left"])': {
|
68
|
+
right: '0 /* @noflip */',
|
69
|
+
'--angle': '270deg'
|
70
|
+
}
|
71
|
+
});
|
72
|
+
}
|
73
|
+
//# sourceMappingURL=createArrowStyles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/createArrowStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,QAA2B,6BAA3B;AAIA;;;;;;;;;;;;;;;;;;;;;;;AAuBG;;AACH,OAAM,SAAU,iBAAV,CAA4B,IAA5B,EAAyC;AAC7C,SAAO,KAAK,KAAK;AACf,IAAA,QAAQ,EAAE,UADK;AAEf,IAAA,eAAe,EAAE,SAFF;AAGf,IAAA,UAAU,EAAE,QAHG;AAIf,IAAA,MAAM,EAAE,CAAC,CAJM;AAMf,QAAI,IAAI,IAAI;AACV,MAAA,WAAW,EAAE,GADH;AAEV,MAAA,KAAK,EAAE,GAAG,IAAI;AAFJ,KAAZ,CANe;AAWf,eAAW;AACT,MAAA,OAAO,EAAE,IADA;AAET,SAAG,UAAU,CAAC,YAAX,CAAwB,KAAxB,CAFM;AAGT,MAAA,QAAQ,EAAE,UAHD;AAIT,MAAA,KAAK,EAAE,SAJE;AAKT,MAAA,MAAM,EAAE,SALC;AAMT,MAAA,eAAe,EAAE,SANR;AAOT,MAAA,UAAU,EAAE,SAPH;AAQT,MAAA,uBAAuB,EAAE,KAAK,CAAC,iBARtB;AAST,MAAA,SAAS,EAAE;AATF,KAXI;AAuBf,wCAAoC;AAClC,iBAAW,EACT;AACA,WAAG,UAAU,CAAC,WAAX,CAAuB,KAAvB,EAA8B,OAA9B,EAAuC,aAAvC,CAFM;AAGT,WAAG,UAAU,CAAC,YAAX,CAAwB,KAAxB,EAA+B,OAA/B,EAAwC,aAAxC;AAHM;AADuB,KAvBrB;AA+Bf;AACA,+CAA2C;AACzC,MAAA,MAAM,EAAE,CADiC;AAEzC,iBAAW;AAF8B,KAhC5B;AAqCf,iDAA6C;AAC3C,MAAA,IAAI,EAAE,iBADqC;AAE3C,iBAAW;AAFgC,KArC9B;AAyCf,kDAA8C;AAC5C,MAAA,GAAG,EAAE,CADuC;AAE5C,iBAAW;AAFiC,KAzC/B;AA6Cf,gDAA4C;AAC1C,MAAA,KAAK,EAAE,iBADmC;AAE1C,iBAAW;AAF+B;AA7C7B,GAAL,CAAZ;AAkDD","sourceRoot":""}
|
@@ -3,22 +3,24 @@
|
|
3
3
|
* Can be used as a target for popper in scenarios such as context menus
|
4
4
|
*/
|
5
5
|
export function createVirtualElementFromClick(nativeEvent) {
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
left,
|
13
|
-
top,
|
14
|
-
right,
|
15
|
-
bottom,
|
16
|
-
height: 1,
|
17
|
-
width: 1,
|
18
|
-
};
|
19
|
-
}
|
6
|
+
const left = nativeEvent.clientX;
|
7
|
+
const top = nativeEvent.clientY;
|
8
|
+
const right = left + 1;
|
9
|
+
const bottom = top + 1;
|
10
|
+
|
11
|
+
function getBoundingClientRect() {
|
20
12
|
return {
|
21
|
-
|
13
|
+
left,
|
14
|
+
top,
|
15
|
+
right,
|
16
|
+
bottom,
|
17
|
+
height: 1,
|
18
|
+
width: 1
|
22
19
|
};
|
20
|
+
}
|
21
|
+
|
22
|
+
return {
|
23
|
+
getBoundingClientRect
|
24
|
+
};
|
23
25
|
}
|
24
26
|
//# sourceMappingURL=createVirtualElementFromClick.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["../src/createVirtualElementFromClick.ts"],"names":[],"mappings":"AAEA;;;AAGG;AACH,OAAM,SAAU,6BAAV,CAAwC,WAAxC,EAA+D;AACnE,QAAM,IAAI,GAAG,WAAW,CAAC,OAAzB;AACA,QAAM,GAAG,GAAG,WAAW,CAAC,OAAxB;AACA,QAAM,KAAK,GAAG,IAAI,GAAG,CAArB;AACA,QAAM,MAAM,GAAG,GAAG,GAAG,CAArB;;AAEA,WAAS,qBAAT,GAA8B;AAC5B,WAAO;AACL,MAAA,IADK;AAEL,MAAA,GAFK;AAGL,MAAA,KAHK;AAIL,MAAA,MAJK;AAML,MAAA,MAAM,EAAE,CANH;AAOL,MAAA,KAAK,EAAE;AAPF,KAAP;AASD;;AAED,SAAO;AACL,IAAA;AADK,GAAP;AAGD","sourceRoot":""}
|
package/lib/index.d.ts
CHANGED
@@ -1,5 +1,6 @@
|
|
1
|
-
export * from './usePopper';
|
2
1
|
export * from './createVirtualElementFromClick';
|
2
|
+
export * from './createArrowStyles';
|
3
|
+
export * from './usePopper';
|
3
4
|
export * from './usePopperMouseTarget';
|
4
5
|
export { resolvePositioningShorthand, mergeArrowOffset } from './utils/index';
|
5
6
|
export * from './types';
|
package/lib/index.js
CHANGED
@@ -1,5 +1,6 @@
|
|
1
|
-
export * from './usePopper';
|
2
1
|
export * from './createVirtualElementFromClick';
|
2
|
+
export * from './createArrowStyles';
|
3
|
+
export * from './usePopper';
|
3
4
|
export * from './usePopperMouseTarget';
|
4
5
|
export { resolvePositioningShorthand, mergeArrowOffset } from './utils/index';
|
5
6
|
export * from './types';
|
package/lib/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,2BAA2B,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC9E,cAAc,SAAS,CAAC"}
|