@alfalab/core-components-popover 5.6.2 → 5.7.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.md +55 -33
- package/dist/Component.js +4 -3
- package/dist/cssm/Component.js +3 -2
- package/dist/cssm/index.js +1 -1
- package/dist/esm/Component.js +3 -2
- package/dist/esm/index.css +34 -34
- package/dist/esm/index.js +1 -1
- package/dist/index.css +34 -34
- package/dist/index.js +1 -1
- package/dist/modern/Component.js +3 -2
- package/dist/modern/index.css +34 -34
- package/dist/modern/index.js +1 -1
- package/package.json +11 -11
package/CHANGELOG.md
CHANGED
|
@@ -3,84 +3,106 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [5.
|
|
6
|
+
## [5.7.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@5.7.0...@alfalab/core-components-popover@5.7.1) (2022-07-01)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Performance Improvements
|
|
10
|
+
|
|
11
|
+
* refuse to use a resize-observer polyfill if it is not needed ([#120](https://github.com/core-ds/core-components/issues/120)) ([f2abcb2](https://github.com/core-ds/core-components/commit/f2abcb2888dd5906b345f5fc64b1624eef56ac13))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
# [5.7.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@5.6.3...@alfalab/core-components-popover@5.7.0) (2022-06-28)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Features
|
|
21
|
+
|
|
22
|
+
* circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
## [5.6.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@5.6.0...@alfalab/core-components-popover@5.6.1) (2022-02-15)
|
|
7
29
|
|
|
8
30
|
|
|
9
31
|
### Bug Fixes
|
|
10
32
|
|
|
11
|
-
* **gallery:** update header button's tooltip position ([#979](https://github.com/
|
|
33
|
+
* **gallery:** update header button's tooltip position ([#979](https://github.com/core-ds/core-components/issues/979)) ([8e2acfc](https://github.com/core-ds/core-components/commit/8e2acfcb772cf4d8051c185a3f1caaaf507b5bc9))
|
|
12
34
|
|
|
13
35
|
|
|
14
36
|
|
|
15
37
|
|
|
16
38
|
|
|
17
|
-
# [5.6.0](https://github.com/
|
|
39
|
+
# [5.6.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@5.5.0...@alfalab/core-components-popover@5.6.0) (2021-12-01)
|
|
18
40
|
|
|
19
41
|
|
|
20
42
|
### Features
|
|
21
43
|
|
|
22
|
-
* **popover:** add availableHieght prop, update related snapshots ([43b4ebd](https://github.com/
|
|
44
|
+
* **popover:** add availableHieght prop, update related snapshots ([43b4ebd](https://github.com/core-ds/core-components/commit/43b4ebd6ba092f22d0dfc845f3f0113b390317dc)), closes [#758](https://github.com/core-ds/core-components/issues/758)
|
|
23
45
|
|
|
24
46
|
|
|
25
47
|
|
|
26
48
|
|
|
27
49
|
|
|
28
|
-
# [5.5.0](https://github.com/
|
|
50
|
+
# [5.5.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@5.4.0...@alfalab/core-components-popover@5.5.0) (2021-09-14)
|
|
29
51
|
|
|
30
52
|
|
|
31
53
|
### Features
|
|
32
54
|
|
|
33
|
-
* **popover:** add useAnchorWidth prop ([#826](https://github.com/
|
|
55
|
+
* **popover:** add useAnchorWidth prop ([#826](https://github.com/core-ds/core-components/issues/826)) ([8df55c4](https://github.com/core-ds/core-components/commit/8df55c4c496467c363c5c09c14d1bd08a9709ebf)), closes [#787](https://github.com/core-ds/core-components/issues/787)
|
|
34
56
|
|
|
35
57
|
|
|
36
58
|
|
|
37
59
|
|
|
38
60
|
|
|
39
|
-
# [5.4.0](https://github.com/
|
|
61
|
+
# [5.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@5.3.0...@alfalab/core-components-popover@5.4.0) (2021-09-06)
|
|
40
62
|
|
|
41
63
|
|
|
42
64
|
### Features
|
|
43
65
|
|
|
44
|
-
* **tooltip:** update shadow and arrow size/position ([2d40988](https://github.com/
|
|
66
|
+
* **tooltip:** update shadow and arrow size/position ([2d40988](https://github.com/core-ds/core-components/commit/2d40988f3c376c51907aa8a4845ba25c7c43a2f4))
|
|
45
67
|
|
|
46
68
|
|
|
47
69
|
|
|
48
70
|
|
|
49
71
|
|
|
50
|
-
# [5.3.0](https://github.com/
|
|
72
|
+
# [5.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@5.2.0...@alfalab/core-components-popover@5.3.0) (2021-08-23)
|
|
51
73
|
|
|
52
74
|
|
|
53
75
|
### Features
|
|
54
76
|
|
|
55
|
-
* **tooltip:** add TooltipResponsive, add `fallbackPlacements` prop ([#780](https://github.com/
|
|
77
|
+
* **tooltip:** add TooltipResponsive, add `fallbackPlacements` prop ([#780](https://github.com/core-ds/core-components/issues/780)) ([61d780c](https://github.com/core-ds/core-components/commit/61d780c750bd9c0331d275f1b12b0512bb3d2049))
|
|
56
78
|
|
|
57
79
|
|
|
58
80
|
|
|
59
81
|
|
|
60
82
|
|
|
61
|
-
# [5.2.0](https://github.com/
|
|
83
|
+
# [5.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@5.1.0...@alfalab/core-components-popover@5.2.0) (2021-08-04)
|
|
62
84
|
|
|
63
85
|
|
|
64
86
|
### Features
|
|
65
87
|
|
|
66
|
-
* add mods colors ([#770](https://github.com/
|
|
88
|
+
* add mods colors ([#770](https://github.com/core-ds/core-components/issues/770)) ([fe985f4](https://github.com/core-ds/core-components/commit/fe985f467b4d47a5152e168d2ab3846872d1a574))
|
|
67
89
|
|
|
68
90
|
|
|
69
91
|
|
|
70
92
|
|
|
71
93
|
|
|
72
|
-
# [5.1.0](https://github.com/
|
|
94
|
+
# [5.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@5.0.1...@alfalab/core-components-popover@5.1.0) (2021-07-19)
|
|
73
95
|
|
|
74
96
|
|
|
75
97
|
### Features
|
|
76
98
|
|
|
77
|
-
* **tooltip:** add target ref property ([#755](https://github.com/
|
|
99
|
+
* **tooltip:** add target ref property ([#755](https://github.com/core-ds/core-components/issues/755)) ([9aa962d](https://github.com/core-ds/core-components/commit/9aa962d8b280e8d6af8ac4324a78b4bdebbfc536))
|
|
78
100
|
|
|
79
101
|
|
|
80
102
|
|
|
81
103
|
|
|
82
104
|
|
|
83
|
-
## [5.0.1](https://github.com/
|
|
105
|
+
## [5.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@5.0.0...@alfalab/core-components-popover@5.0.1) (2021-07-09)
|
|
84
106
|
|
|
85
107
|
**Note:** Version bump only for package @alfalab/core-components-popover
|
|
86
108
|
|
|
@@ -88,19 +110,19 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
88
110
|
|
|
89
111
|
|
|
90
112
|
|
|
91
|
-
# [5.0.0](https://github.com/
|
|
113
|
+
# [5.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@4.0.0...@alfalab/core-components-popover@5.0.0) (2021-07-08)
|
|
92
114
|
|
|
93
115
|
|
|
94
116
|
### Features
|
|
95
117
|
|
|
96
|
-
* upgrade storybook ([#696](https://github.com/
|
|
118
|
+
* upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))
|
|
97
119
|
|
|
98
|
-
# [4.0.0](https://github.com/
|
|
120
|
+
# [4.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@3.0.7...@alfalab/core-components-popover@4.0.0) (2021-04-26)
|
|
99
121
|
|
|
100
122
|
|
|
101
123
|
### Features
|
|
102
124
|
|
|
103
|
-
* **stack:** add new component ([#612](https://github.com/
|
|
125
|
+
* **stack:** add new component ([#612](https://github.com/core-ds/core-components/issues/612)) ([c520f91](https://github.com/core-ds/core-components/commit/c520f91cd22bb9e23fd2f428719865b4c7d5a2a6))
|
|
104
126
|
|
|
105
127
|
|
|
106
128
|
### BREAKING CHANGES
|
|
@@ -159,7 +181,7 @@ remove z-index, add stack component
|
|
|
159
181
|
|
|
160
182
|
|
|
161
183
|
|
|
162
|
-
## [3.0.7](https://github.com/
|
|
184
|
+
## [3.0.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@3.0.6...@alfalab/core-components-popover@3.0.7) (2021-04-26)
|
|
163
185
|
|
|
164
186
|
**Note:** Version bump only for package @alfalab/core-components-popover
|
|
165
187
|
|
|
@@ -167,29 +189,29 @@ remove z-index, add stack component
|
|
|
167
189
|
|
|
168
190
|
|
|
169
191
|
|
|
170
|
-
## [3.0.6](https://github.com/
|
|
192
|
+
## [3.0.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@3.0.4...@alfalab/core-components-popover@3.0.6) (2021-03-18)
|
|
171
193
|
|
|
172
194
|
|
|
173
195
|
### Bug Fixes
|
|
174
196
|
|
|
175
|
-
* one more sborka bug ([#579](https://github.com/
|
|
197
|
+
* one more sborka bug ([#579](https://github.com/core-ds/core-components/issues/579)) ([9fbe0be](https://github.com/core-ds/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))
|
|
176
198
|
|
|
177
199
|
|
|
178
200
|
|
|
179
201
|
|
|
180
202
|
|
|
181
|
-
## [3.0.4](https://github.com/
|
|
203
|
+
## [3.0.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@3.0.2...@alfalab/core-components-popover@3.0.4) (2021-03-16)
|
|
182
204
|
|
|
183
205
|
|
|
184
206
|
### Bug Fixes
|
|
185
207
|
|
|
186
|
-
* border-radius in packages ([781749e](https://github.com/
|
|
208
|
+
* border-radius in packages ([781749e](https://github.com/core-ds/core-components/commit/781749ef38aefd5a6707ac56d2e297dce9f3e073))
|
|
187
209
|
|
|
188
210
|
|
|
189
211
|
|
|
190
212
|
|
|
191
213
|
|
|
192
|
-
## [3.0.2](https://github.com/
|
|
214
|
+
## [3.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@3.0.1...@alfalab/core-components-popover@3.0.2) (2021-03-14)
|
|
193
215
|
|
|
194
216
|
**Note:** Version bump only for package @alfalab/core-components-popover
|
|
195
217
|
|
|
@@ -197,23 +219,23 @@ remove z-index, add stack component
|
|
|
197
219
|
|
|
198
220
|
|
|
199
221
|
|
|
200
|
-
## [3.0.1](https://github.com/
|
|
222
|
+
## [3.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@3.0.0...@alfalab/core-components-popover@3.0.1) (2021-03-11)
|
|
201
223
|
|
|
202
224
|
|
|
203
225
|
### Bug Fixes
|
|
204
226
|
|
|
205
|
-
* **toast:** remove extra timer clearing ([#559](https://github.com/
|
|
227
|
+
* **toast:** remove extra timer clearing ([#559](https://github.com/core-ds/core-components/issues/559)) ([ae5d811](https://github.com/core-ds/core-components/commit/ae5d81169d4db0427ae5baf0bffd784adee184ee))
|
|
206
228
|
|
|
207
229
|
|
|
208
230
|
|
|
209
231
|
|
|
210
232
|
|
|
211
|
-
# [3.0.0](https://github.com/
|
|
233
|
+
# [3.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@2.0.3...@alfalab/core-components-popover@3.0.0) (2021-03-04)
|
|
212
234
|
|
|
213
235
|
|
|
214
236
|
### Features
|
|
215
237
|
|
|
216
|
-
* **popover:** change animation, add scale ([2e48a02](https://github.com/
|
|
238
|
+
* **popover:** change animation, add scale ([2e48a02](https://github.com/core-ds/core-components/commit/2e48a02a8f3f7ff9a6df48cf4e6337a8928f67c7))
|
|
217
239
|
|
|
218
240
|
|
|
219
241
|
### BREAKING CHANGES
|
|
@@ -224,7 +246,7 @@ remove z-index, add stack component
|
|
|
224
246
|
|
|
225
247
|
|
|
226
248
|
|
|
227
|
-
## [2.0.3](https://github.com/
|
|
249
|
+
## [2.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@2.0.2...@alfalab/core-components-popover@2.0.3) (2021-03-03)
|
|
228
250
|
|
|
229
251
|
**Note:** Version bump only for package @alfalab/core-components-popover
|
|
230
252
|
|
|
@@ -232,7 +254,7 @@ remove z-index, add stack component
|
|
|
232
254
|
|
|
233
255
|
|
|
234
256
|
|
|
235
|
-
## [2.0.2](https://github.com/
|
|
257
|
+
## [2.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@2.0.1...@alfalab/core-components-popover@2.0.2) (2021-02-20)
|
|
236
258
|
|
|
237
259
|
**Note:** Version bump only for package @alfalab/core-components-popover
|
|
238
260
|
|
|
@@ -240,9 +262,9 @@ remove z-index, add stack component
|
|
|
240
262
|
|
|
241
263
|
|
|
242
264
|
|
|
243
|
-
## [2.0.1](https://github.com/
|
|
265
|
+
## [2.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@2.0.0...@alfalab/core-components-popover@2.0.1) (2021-02-18)
|
|
244
266
|
|
|
245
267
|
|
|
246
268
|
### Bug Fixes
|
|
247
269
|
|
|
248
|
-
* update versions ([#525](https://github.com/
|
|
270
|
+
* update versions ([#525](https://github.com/core-ds/core-components/issues/525)) ([31b2e4c](https://github.com/core-ds/core-components/commit/31b2e4c92fde6e2b63a3391a4e053cd328e93e70))
|
package/dist/Component.js
CHANGED
|
@@ -8,7 +8,7 @@ var reactTransitionGroup = require('react-transition-group');
|
|
|
8
8
|
var reactPopper = require('react-popper');
|
|
9
9
|
var maxSize = require('popper-max-size-modifier');
|
|
10
10
|
var mergeRefs = require('react-merge-refs');
|
|
11
|
-
var resizeObserver = require('resize-observer');
|
|
11
|
+
var resizeObserver = require('@juggle/resize-observer');
|
|
12
12
|
var coreComponentsStack = require('@alfalab/core-components-stack');
|
|
13
13
|
var coreComponentsPortal = require('@alfalab/core-components-portal');
|
|
14
14
|
|
|
@@ -46,7 +46,7 @@ var __assign = function () {
|
|
|
46
46
|
return __assign.apply(this, arguments);
|
|
47
47
|
};
|
|
48
48
|
|
|
49
|
-
var styles = {"component":"
|
|
49
|
+
var styles = {"component":"popover__component_fzavu","inner":"popover__inner_fzavu","scrollableContent":"popover__scrollableContent_fzavu","arrow":"popover__arrow_fzavu","arrowShift":"popover__arrowShift_fzavu","enter":"popover__enter_fzavu","enterActive":"popover__enterActive_fzavu","exit":"popover__exit_fzavu","exitActive":"popover__exitActive_fzavu"};
|
|
50
50
|
require('./index.css')
|
|
51
51
|
|
|
52
52
|
var DEFAULT_TRANSITION = {
|
|
@@ -72,6 +72,7 @@ var availableHieghtModifier = {
|
|
|
72
72
|
}
|
|
73
73
|
},
|
|
74
74
|
};
|
|
75
|
+
var ResizeObserver = window.ResizeObserver || resizeObserver.ResizeObserver;
|
|
75
76
|
/**
|
|
76
77
|
* Минимальный размер anchorElement,
|
|
77
78
|
* при котором возможно смещение стрелочки относительно центра
|
|
@@ -140,7 +141,7 @@ var Popover = React.forwardRef(function (_a, ref) {
|
|
|
140
141
|
});
|
|
141
142
|
React.useEffect(function () {
|
|
142
143
|
if (useAnchorWidth) {
|
|
143
|
-
var observer_1 = new
|
|
144
|
+
var observer_1 = new ResizeObserver(updatePopoverWidth);
|
|
144
145
|
if (anchorElement) {
|
|
145
146
|
observer_1.observe(anchorElement);
|
|
146
147
|
}
|
package/dist/cssm/Component.js
CHANGED
|
@@ -8,7 +8,7 @@ var reactTransitionGroup = require('react-transition-group');
|
|
|
8
8
|
var reactPopper = require('react-popper');
|
|
9
9
|
var maxSize = require('popper-max-size-modifier');
|
|
10
10
|
var mergeRefs = require('react-merge-refs');
|
|
11
|
-
var resizeObserver = require('resize-observer');
|
|
11
|
+
var resizeObserver = require('@juggle/resize-observer');
|
|
12
12
|
var coreComponentsStack = require('@alfalab/core-components-stack/dist/cssm');
|
|
13
13
|
var coreComponentsPortal = require('@alfalab/core-components-portal/dist/cssm');
|
|
14
14
|
var styles = require('./index.module.css');
|
|
@@ -71,6 +71,7 @@ var availableHieghtModifier = {
|
|
|
71
71
|
}
|
|
72
72
|
},
|
|
73
73
|
};
|
|
74
|
+
var ResizeObserver = window.ResizeObserver || resizeObserver.ResizeObserver;
|
|
74
75
|
/**
|
|
75
76
|
* Минимальный размер anchorElement,
|
|
76
77
|
* при котором возможно смещение стрелочки относительно центра
|
|
@@ -139,7 +140,7 @@ var Popover = React.forwardRef(function (_a, ref) {
|
|
|
139
140
|
});
|
|
140
141
|
React.useEffect(function () {
|
|
141
142
|
if (useAnchorWidth) {
|
|
142
|
-
var observer_1 = new
|
|
143
|
+
var observer_1 = new ResizeObserver(updatePopoverWidth);
|
|
143
144
|
if (anchorElement) {
|
|
144
145
|
observer_1.observe(anchorElement);
|
|
145
146
|
}
|
package/dist/cssm/index.js
CHANGED
|
@@ -9,7 +9,7 @@ require('react-transition-group');
|
|
|
9
9
|
require('react-popper');
|
|
10
10
|
require('popper-max-size-modifier');
|
|
11
11
|
require('react-merge-refs');
|
|
12
|
-
require('resize-observer');
|
|
12
|
+
require('@juggle/resize-observer');
|
|
13
13
|
require('@alfalab/core-components-stack/dist/cssm');
|
|
14
14
|
require('@alfalab/core-components-portal/dist/cssm');
|
|
15
15
|
require('./index.module.css');
|
package/dist/esm/Component.js
CHANGED
|
@@ -4,7 +4,7 @@ import { CSSTransition } from 'react-transition-group';
|
|
|
4
4
|
import { usePopper } from 'react-popper';
|
|
5
5
|
import maxSize from 'popper-max-size-modifier';
|
|
6
6
|
import mergeRefs from 'react-merge-refs';
|
|
7
|
-
import { ResizeObserver } from 'resize-observer';
|
|
7
|
+
import { ResizeObserver as ResizeObserver$1 } from '@juggle/resize-observer';
|
|
8
8
|
import { stackingOrder, Stack } from '@alfalab/core-components-stack/dist/esm';
|
|
9
9
|
import { Portal } from '@alfalab/core-components-portal/dist/esm';
|
|
10
10
|
|
|
@@ -35,7 +35,7 @@ var __assign = function () {
|
|
|
35
35
|
return __assign.apply(this, arguments);
|
|
36
36
|
};
|
|
37
37
|
|
|
38
|
-
var styles = {"component":"
|
|
38
|
+
var styles = {"component":"popover__component_fzavu","inner":"popover__inner_fzavu","scrollableContent":"popover__scrollableContent_fzavu","arrow":"popover__arrow_fzavu","arrowShift":"popover__arrowShift_fzavu","enter":"popover__enter_fzavu","enterActive":"popover__enterActive_fzavu","exit":"popover__exit_fzavu","exitActive":"popover__exitActive_fzavu"};
|
|
39
39
|
require('./index.css')
|
|
40
40
|
|
|
41
41
|
var DEFAULT_TRANSITION = {
|
|
@@ -61,6 +61,7 @@ var availableHieghtModifier = {
|
|
|
61
61
|
}
|
|
62
62
|
},
|
|
63
63
|
};
|
|
64
|
+
var ResizeObserver = window.ResizeObserver || ResizeObserver$1;
|
|
64
65
|
/**
|
|
65
66
|
* Минимальный размер anchorElement,
|
|
66
67
|
* при котором возможно смещение стрелочки относительно центра
|
package/dist/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1csvh */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-bg-primary: #fff;
|
|
4
4
|
--color-light-text-primary: #0b1f35;
|
|
@@ -15,11 +15,11 @@
|
|
|
15
15
|
:root {
|
|
16
16
|
--popover-border-color: transparent;
|
|
17
17
|
}
|
|
18
|
-
.
|
|
18
|
+
.popover__component_fzavu {
|
|
19
19
|
background-color: transparent;
|
|
20
20
|
color: var(--color-light-text-primary);
|
|
21
21
|
}
|
|
22
|
-
.
|
|
22
|
+
.popover__inner_fzavu {
|
|
23
23
|
position: relative;
|
|
24
24
|
background-color: var(--color-light-bg-primary);
|
|
25
25
|
box-shadow: var(--shadow-m);
|
|
@@ -29,15 +29,15 @@
|
|
|
29
29
|
box-sizing: border-box;
|
|
30
30
|
will-change: transform;
|
|
31
31
|
}
|
|
32
|
-
.
|
|
32
|
+
.popover__scrollableContent_fzavu {
|
|
33
33
|
position: relative;
|
|
34
34
|
z-index: 2;
|
|
35
35
|
overflow-y: auto;
|
|
36
36
|
}
|
|
37
|
-
.
|
|
37
|
+
.popover__arrow_fzavu {
|
|
38
38
|
z-index: 1;
|
|
39
39
|
}
|
|
40
|
-
.
|
|
40
|
+
.popover__arrow_fzavu:after {
|
|
41
41
|
content: '';
|
|
42
42
|
display: block;
|
|
43
43
|
position: absolute;
|
|
@@ -48,83 +48,83 @@
|
|
|
48
48
|
box-sizing: border-box;
|
|
49
49
|
transform: rotate(45deg);
|
|
50
50
|
}
|
|
51
|
-
.
|
|
52
|
-
.
|
|
53
|
-
.
|
|
51
|
+
.popover__component_fzavu[data-popper-placement='left'] .popover__arrow_fzavu,
|
|
52
|
+
.popover__component_fzavu[data-popper-placement='left-start'] .popover__arrow_fzavu,
|
|
53
|
+
.popover__component_fzavu[data-popper-placement='left-end'] .popover__arrow_fzavu {
|
|
54
54
|
right: 5px
|
|
55
55
|
}
|
|
56
|
-
.
|
|
56
|
+
.popover__component_fzavu[data-popper-placement='left'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='left-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='left-end'] .popover__arrow_fzavu:after {
|
|
57
57
|
top: -6px;
|
|
58
58
|
border-bottom: none;
|
|
59
59
|
border-left: none;
|
|
60
60
|
}
|
|
61
|
-
.
|
|
61
|
+
.popover__component_fzavu[data-popper-placement='left-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
62
62
|
top: -7px;
|
|
63
63
|
}
|
|
64
|
-
.
|
|
64
|
+
.popover__component_fzavu[data-popper-placement='left-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
65
65
|
top: -5px;
|
|
66
66
|
}
|
|
67
|
-
.
|
|
68
|
-
.
|
|
69
|
-
.
|
|
67
|
+
.popover__component_fzavu[data-popper-placement='right'] .popover__arrow_fzavu,
|
|
68
|
+
.popover__component_fzavu[data-popper-placement='right-start'] .popover__arrow_fzavu,
|
|
69
|
+
.popover__component_fzavu[data-popper-placement='right-end'] .popover__arrow_fzavu {
|
|
70
70
|
left: -7px
|
|
71
71
|
}
|
|
72
|
-
.
|
|
72
|
+
.popover__component_fzavu[data-popper-placement='right'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='right-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='right-end'] .popover__arrow_fzavu:after {
|
|
73
73
|
top: -6px;
|
|
74
74
|
border-top: none;
|
|
75
75
|
border-right: none;
|
|
76
76
|
}
|
|
77
|
-
.
|
|
77
|
+
.popover__component_fzavu[data-popper-placement='right-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
78
78
|
top: -7px;
|
|
79
79
|
}
|
|
80
|
-
.
|
|
80
|
+
.popover__component_fzavu[data-popper-placement='right-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
81
81
|
top: -5px;
|
|
82
82
|
}
|
|
83
|
-
.
|
|
84
|
-
.
|
|
85
|
-
.
|
|
83
|
+
.popover__component_fzavu[data-popper-placement='top'] .popover__arrow_fzavu,
|
|
84
|
+
.popover__component_fzavu[data-popper-placement='top-start'] .popover__arrow_fzavu,
|
|
85
|
+
.popover__component_fzavu[data-popper-placement='top-end'] .popover__arrow_fzavu {
|
|
86
86
|
bottom: 5px
|
|
87
87
|
}
|
|
88
|
-
.
|
|
88
|
+
.popover__component_fzavu[data-popper-placement='top'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='top-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='top-end'] .popover__arrow_fzavu:after {
|
|
89
89
|
left: -6px;
|
|
90
90
|
border-top: none;
|
|
91
91
|
border-left: none;
|
|
92
92
|
}
|
|
93
|
-
.
|
|
93
|
+
.popover__component_fzavu[data-popper-placement='top-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
94
94
|
left: -17px;
|
|
95
95
|
}
|
|
96
|
-
.
|
|
96
|
+
.popover__component_fzavu[data-popper-placement='top-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
97
97
|
left: 5px;
|
|
98
98
|
}
|
|
99
|
-
.
|
|
100
|
-
.
|
|
101
|
-
.
|
|
99
|
+
.popover__component_fzavu[data-popper-placement='bottom'] .popover__arrow_fzavu,
|
|
100
|
+
.popover__component_fzavu[data-popper-placement='bottom-start'] .popover__arrow_fzavu,
|
|
101
|
+
.popover__component_fzavu[data-popper-placement='bottom-end'] .popover__arrow_fzavu {
|
|
102
102
|
top: -7px
|
|
103
103
|
}
|
|
104
|
-
.
|
|
104
|
+
.popover__component_fzavu[data-popper-placement='bottom'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='bottom-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='bottom-end'] .popover__arrow_fzavu:after {
|
|
105
105
|
left: -6px;
|
|
106
106
|
border-bottom: none;
|
|
107
107
|
border-right: none;
|
|
108
108
|
}
|
|
109
|
-
.
|
|
109
|
+
.popover__component_fzavu[data-popper-placement='bottom-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
110
110
|
left: -17px;
|
|
111
111
|
}
|
|
112
|
-
.
|
|
112
|
+
.popover__component_fzavu[data-popper-placement='bottom-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
113
113
|
left: 5px;
|
|
114
114
|
}
|
|
115
|
-
.
|
|
115
|
+
.popover__enter_fzavu .popover__inner_fzavu {
|
|
116
116
|
opacity: 0;
|
|
117
117
|
transform: scale(0.98);
|
|
118
118
|
}
|
|
119
|
-
.
|
|
119
|
+
.popover__enterActive_fzavu .popover__inner_fzavu {
|
|
120
120
|
opacity: 1;
|
|
121
121
|
transform: scale(1);
|
|
122
122
|
}
|
|
123
|
-
.
|
|
123
|
+
.popover__exit_fzavu .popover__inner_fzavu {
|
|
124
124
|
opacity: 1;
|
|
125
125
|
transform: scale(1);
|
|
126
126
|
}
|
|
127
|
-
.
|
|
127
|
+
.popover__exitActive_fzavu .popover__inner_fzavu {
|
|
128
128
|
opacity: 0;
|
|
129
129
|
transform: scale(0.98);
|
|
130
130
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -5,6 +5,6 @@ import 'react-transition-group';
|
|
|
5
5
|
import 'react-popper';
|
|
6
6
|
import 'popper-max-size-modifier';
|
|
7
7
|
import 'react-merge-refs';
|
|
8
|
-
import 'resize-observer';
|
|
8
|
+
import '@juggle/resize-observer';
|
|
9
9
|
import '@alfalab/core-components-stack/dist/esm';
|
|
10
10
|
import '@alfalab/core-components-portal/dist/esm';
|
package/dist/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1csvh */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-bg-primary: #fff;
|
|
4
4
|
--color-light-text-primary: #0b1f35;
|
|
@@ -15,11 +15,11 @@
|
|
|
15
15
|
:root {
|
|
16
16
|
--popover-border-color: transparent;
|
|
17
17
|
}
|
|
18
|
-
.
|
|
18
|
+
.popover__component_fzavu {
|
|
19
19
|
background-color: transparent;
|
|
20
20
|
color: var(--color-light-text-primary);
|
|
21
21
|
}
|
|
22
|
-
.
|
|
22
|
+
.popover__inner_fzavu {
|
|
23
23
|
position: relative;
|
|
24
24
|
background-color: var(--color-light-bg-primary);
|
|
25
25
|
box-shadow: var(--shadow-m);
|
|
@@ -29,15 +29,15 @@
|
|
|
29
29
|
box-sizing: border-box;
|
|
30
30
|
will-change: transform;
|
|
31
31
|
}
|
|
32
|
-
.
|
|
32
|
+
.popover__scrollableContent_fzavu {
|
|
33
33
|
position: relative;
|
|
34
34
|
z-index: 2;
|
|
35
35
|
overflow-y: auto;
|
|
36
36
|
}
|
|
37
|
-
.
|
|
37
|
+
.popover__arrow_fzavu {
|
|
38
38
|
z-index: 1;
|
|
39
39
|
}
|
|
40
|
-
.
|
|
40
|
+
.popover__arrow_fzavu:after {
|
|
41
41
|
content: '';
|
|
42
42
|
display: block;
|
|
43
43
|
position: absolute;
|
|
@@ -48,83 +48,83 @@
|
|
|
48
48
|
box-sizing: border-box;
|
|
49
49
|
transform: rotate(45deg);
|
|
50
50
|
}
|
|
51
|
-
.
|
|
52
|
-
.
|
|
53
|
-
.
|
|
51
|
+
.popover__component_fzavu[data-popper-placement='left'] .popover__arrow_fzavu,
|
|
52
|
+
.popover__component_fzavu[data-popper-placement='left-start'] .popover__arrow_fzavu,
|
|
53
|
+
.popover__component_fzavu[data-popper-placement='left-end'] .popover__arrow_fzavu {
|
|
54
54
|
right: 5px
|
|
55
55
|
}
|
|
56
|
-
.
|
|
56
|
+
.popover__component_fzavu[data-popper-placement='left'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='left-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='left-end'] .popover__arrow_fzavu:after {
|
|
57
57
|
top: -6px;
|
|
58
58
|
border-bottom: none;
|
|
59
59
|
border-left: none;
|
|
60
60
|
}
|
|
61
|
-
.
|
|
61
|
+
.popover__component_fzavu[data-popper-placement='left-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
62
62
|
top: -7px;
|
|
63
63
|
}
|
|
64
|
-
.
|
|
64
|
+
.popover__component_fzavu[data-popper-placement='left-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
65
65
|
top: -5px;
|
|
66
66
|
}
|
|
67
|
-
.
|
|
68
|
-
.
|
|
69
|
-
.
|
|
67
|
+
.popover__component_fzavu[data-popper-placement='right'] .popover__arrow_fzavu,
|
|
68
|
+
.popover__component_fzavu[data-popper-placement='right-start'] .popover__arrow_fzavu,
|
|
69
|
+
.popover__component_fzavu[data-popper-placement='right-end'] .popover__arrow_fzavu {
|
|
70
70
|
left: -7px
|
|
71
71
|
}
|
|
72
|
-
.
|
|
72
|
+
.popover__component_fzavu[data-popper-placement='right'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='right-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='right-end'] .popover__arrow_fzavu:after {
|
|
73
73
|
top: -6px;
|
|
74
74
|
border-top: none;
|
|
75
75
|
border-right: none;
|
|
76
76
|
}
|
|
77
|
-
.
|
|
77
|
+
.popover__component_fzavu[data-popper-placement='right-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
78
78
|
top: -7px;
|
|
79
79
|
}
|
|
80
|
-
.
|
|
80
|
+
.popover__component_fzavu[data-popper-placement='right-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
81
81
|
top: -5px;
|
|
82
82
|
}
|
|
83
|
-
.
|
|
84
|
-
.
|
|
85
|
-
.
|
|
83
|
+
.popover__component_fzavu[data-popper-placement='top'] .popover__arrow_fzavu,
|
|
84
|
+
.popover__component_fzavu[data-popper-placement='top-start'] .popover__arrow_fzavu,
|
|
85
|
+
.popover__component_fzavu[data-popper-placement='top-end'] .popover__arrow_fzavu {
|
|
86
86
|
bottom: 5px
|
|
87
87
|
}
|
|
88
|
-
.
|
|
88
|
+
.popover__component_fzavu[data-popper-placement='top'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='top-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='top-end'] .popover__arrow_fzavu:after {
|
|
89
89
|
left: -6px;
|
|
90
90
|
border-top: none;
|
|
91
91
|
border-left: none;
|
|
92
92
|
}
|
|
93
|
-
.
|
|
93
|
+
.popover__component_fzavu[data-popper-placement='top-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
94
94
|
left: -17px;
|
|
95
95
|
}
|
|
96
|
-
.
|
|
96
|
+
.popover__component_fzavu[data-popper-placement='top-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
97
97
|
left: 5px;
|
|
98
98
|
}
|
|
99
|
-
.
|
|
100
|
-
.
|
|
101
|
-
.
|
|
99
|
+
.popover__component_fzavu[data-popper-placement='bottom'] .popover__arrow_fzavu,
|
|
100
|
+
.popover__component_fzavu[data-popper-placement='bottom-start'] .popover__arrow_fzavu,
|
|
101
|
+
.popover__component_fzavu[data-popper-placement='bottom-end'] .popover__arrow_fzavu {
|
|
102
102
|
top: -7px
|
|
103
103
|
}
|
|
104
|
-
.
|
|
104
|
+
.popover__component_fzavu[data-popper-placement='bottom'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='bottom-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='bottom-end'] .popover__arrow_fzavu:after {
|
|
105
105
|
left: -6px;
|
|
106
106
|
border-bottom: none;
|
|
107
107
|
border-right: none;
|
|
108
108
|
}
|
|
109
|
-
.
|
|
109
|
+
.popover__component_fzavu[data-popper-placement='bottom-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
110
110
|
left: -17px;
|
|
111
111
|
}
|
|
112
|
-
.
|
|
112
|
+
.popover__component_fzavu[data-popper-placement='bottom-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
113
113
|
left: 5px;
|
|
114
114
|
}
|
|
115
|
-
.
|
|
115
|
+
.popover__enter_fzavu .popover__inner_fzavu {
|
|
116
116
|
opacity: 0;
|
|
117
117
|
transform: scale(0.98);
|
|
118
118
|
}
|
|
119
|
-
.
|
|
119
|
+
.popover__enterActive_fzavu .popover__inner_fzavu {
|
|
120
120
|
opacity: 1;
|
|
121
121
|
transform: scale(1);
|
|
122
122
|
}
|
|
123
|
-
.
|
|
123
|
+
.popover__exit_fzavu .popover__inner_fzavu {
|
|
124
124
|
opacity: 1;
|
|
125
125
|
transform: scale(1);
|
|
126
126
|
}
|
|
127
|
-
.
|
|
127
|
+
.popover__exitActive_fzavu .popover__inner_fzavu {
|
|
128
128
|
opacity: 0;
|
|
129
129
|
transform: scale(0.98);
|
|
130
130
|
}
|
package/dist/index.js
CHANGED
|
@@ -9,7 +9,7 @@ require('react-transition-group');
|
|
|
9
9
|
require('react-popper');
|
|
10
10
|
require('popper-max-size-modifier');
|
|
11
11
|
require('react-merge-refs');
|
|
12
|
-
require('resize-observer');
|
|
12
|
+
require('@juggle/resize-observer');
|
|
13
13
|
require('@alfalab/core-components-stack');
|
|
14
14
|
require('@alfalab/core-components-portal');
|
|
15
15
|
|
package/dist/modern/Component.js
CHANGED
|
@@ -4,11 +4,11 @@ import { CSSTransition } from 'react-transition-group';
|
|
|
4
4
|
import { usePopper } from 'react-popper';
|
|
5
5
|
import maxSize from 'popper-max-size-modifier';
|
|
6
6
|
import mergeRefs from 'react-merge-refs';
|
|
7
|
-
import { ResizeObserver } from 'resize-observer';
|
|
7
|
+
import { ResizeObserver as ResizeObserver$1 } from '@juggle/resize-observer';
|
|
8
8
|
import { stackingOrder, Stack } from '@alfalab/core-components-stack/dist/modern';
|
|
9
9
|
import { Portal } from '@alfalab/core-components-portal/dist/modern';
|
|
10
10
|
|
|
11
|
-
var styles = {"component":"
|
|
11
|
+
var styles = {"component":"popover__component_fzavu","inner":"popover__inner_fzavu","scrollableContent":"popover__scrollableContent_fzavu","arrow":"popover__arrow_fzavu","arrowShift":"popover__arrowShift_fzavu","enter":"popover__enter_fzavu","enterActive":"popover__enterActive_fzavu","exit":"popover__exit_fzavu","exitActive":"popover__exitActive_fzavu"};
|
|
12
12
|
require('./index.css')
|
|
13
13
|
|
|
14
14
|
const DEFAULT_TRANSITION = {
|
|
@@ -33,6 +33,7 @@ const availableHieghtModifier = {
|
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
};
|
|
36
|
+
const ResizeObserver = window.ResizeObserver || ResizeObserver$1;
|
|
36
37
|
/**
|
|
37
38
|
* Минимальный размер anchorElement,
|
|
38
39
|
* при котором возможно смещение стрелочки относительно центра
|
package/dist/modern/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1csvh */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-bg-primary: #fff;
|
|
4
4
|
--color-light-text-primary: #0b1f35;
|
|
@@ -15,11 +15,11 @@
|
|
|
15
15
|
:root {
|
|
16
16
|
--popover-border-color: transparent;
|
|
17
17
|
}
|
|
18
|
-
.
|
|
18
|
+
.popover__component_fzavu {
|
|
19
19
|
background-color: transparent;
|
|
20
20
|
color: var(--color-light-text-primary);
|
|
21
21
|
}
|
|
22
|
-
.
|
|
22
|
+
.popover__inner_fzavu {
|
|
23
23
|
position: relative;
|
|
24
24
|
background-color: var(--color-light-bg-primary);
|
|
25
25
|
box-shadow: var(--shadow-m);
|
|
@@ -29,15 +29,15 @@
|
|
|
29
29
|
box-sizing: border-box;
|
|
30
30
|
will-change: transform;
|
|
31
31
|
}
|
|
32
|
-
.
|
|
32
|
+
.popover__scrollableContent_fzavu {
|
|
33
33
|
position: relative;
|
|
34
34
|
z-index: 2;
|
|
35
35
|
overflow-y: auto;
|
|
36
36
|
}
|
|
37
|
-
.
|
|
37
|
+
.popover__arrow_fzavu {
|
|
38
38
|
z-index: 1;
|
|
39
39
|
}
|
|
40
|
-
.
|
|
40
|
+
.popover__arrow_fzavu:after {
|
|
41
41
|
content: '';
|
|
42
42
|
display: block;
|
|
43
43
|
position: absolute;
|
|
@@ -48,83 +48,83 @@
|
|
|
48
48
|
box-sizing: border-box;
|
|
49
49
|
transform: rotate(45deg);
|
|
50
50
|
}
|
|
51
|
-
.
|
|
52
|
-
.
|
|
53
|
-
.
|
|
51
|
+
.popover__component_fzavu[data-popper-placement='left'] .popover__arrow_fzavu,
|
|
52
|
+
.popover__component_fzavu[data-popper-placement='left-start'] .popover__arrow_fzavu,
|
|
53
|
+
.popover__component_fzavu[data-popper-placement='left-end'] .popover__arrow_fzavu {
|
|
54
54
|
right: 5px
|
|
55
55
|
}
|
|
56
|
-
.
|
|
56
|
+
.popover__component_fzavu[data-popper-placement='left'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='left-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='left-end'] .popover__arrow_fzavu:after {
|
|
57
57
|
top: -6px;
|
|
58
58
|
border-bottom: none;
|
|
59
59
|
border-left: none;
|
|
60
60
|
}
|
|
61
|
-
.
|
|
61
|
+
.popover__component_fzavu[data-popper-placement='left-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
62
62
|
top: -7px;
|
|
63
63
|
}
|
|
64
|
-
.
|
|
64
|
+
.popover__component_fzavu[data-popper-placement='left-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
65
65
|
top: -5px;
|
|
66
66
|
}
|
|
67
|
-
.
|
|
68
|
-
.
|
|
69
|
-
.
|
|
67
|
+
.popover__component_fzavu[data-popper-placement='right'] .popover__arrow_fzavu,
|
|
68
|
+
.popover__component_fzavu[data-popper-placement='right-start'] .popover__arrow_fzavu,
|
|
69
|
+
.popover__component_fzavu[data-popper-placement='right-end'] .popover__arrow_fzavu {
|
|
70
70
|
left: -7px
|
|
71
71
|
}
|
|
72
|
-
.
|
|
72
|
+
.popover__component_fzavu[data-popper-placement='right'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='right-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='right-end'] .popover__arrow_fzavu:after {
|
|
73
73
|
top: -6px;
|
|
74
74
|
border-top: none;
|
|
75
75
|
border-right: none;
|
|
76
76
|
}
|
|
77
|
-
.
|
|
77
|
+
.popover__component_fzavu[data-popper-placement='right-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
78
78
|
top: -7px;
|
|
79
79
|
}
|
|
80
|
-
.
|
|
80
|
+
.popover__component_fzavu[data-popper-placement='right-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
81
81
|
top: -5px;
|
|
82
82
|
}
|
|
83
|
-
.
|
|
84
|
-
.
|
|
85
|
-
.
|
|
83
|
+
.popover__component_fzavu[data-popper-placement='top'] .popover__arrow_fzavu,
|
|
84
|
+
.popover__component_fzavu[data-popper-placement='top-start'] .popover__arrow_fzavu,
|
|
85
|
+
.popover__component_fzavu[data-popper-placement='top-end'] .popover__arrow_fzavu {
|
|
86
86
|
bottom: 5px
|
|
87
87
|
}
|
|
88
|
-
.
|
|
88
|
+
.popover__component_fzavu[data-popper-placement='top'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='top-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='top-end'] .popover__arrow_fzavu:after {
|
|
89
89
|
left: -6px;
|
|
90
90
|
border-top: none;
|
|
91
91
|
border-left: none;
|
|
92
92
|
}
|
|
93
|
-
.
|
|
93
|
+
.popover__component_fzavu[data-popper-placement='top-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
94
94
|
left: -17px;
|
|
95
95
|
}
|
|
96
|
-
.
|
|
96
|
+
.popover__component_fzavu[data-popper-placement='top-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
97
97
|
left: 5px;
|
|
98
98
|
}
|
|
99
|
-
.
|
|
100
|
-
.
|
|
101
|
-
.
|
|
99
|
+
.popover__component_fzavu[data-popper-placement='bottom'] .popover__arrow_fzavu,
|
|
100
|
+
.popover__component_fzavu[data-popper-placement='bottom-start'] .popover__arrow_fzavu,
|
|
101
|
+
.popover__component_fzavu[data-popper-placement='bottom-end'] .popover__arrow_fzavu {
|
|
102
102
|
top: -7px
|
|
103
103
|
}
|
|
104
|
-
.
|
|
104
|
+
.popover__component_fzavu[data-popper-placement='bottom'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='bottom-start'] .popover__arrow_fzavu:after, .popover__component_fzavu[data-popper-placement='bottom-end'] .popover__arrow_fzavu:after {
|
|
105
105
|
left: -6px;
|
|
106
106
|
border-bottom: none;
|
|
107
107
|
border-right: none;
|
|
108
108
|
}
|
|
109
|
-
.
|
|
109
|
+
.popover__component_fzavu[data-popper-placement='bottom-start'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
110
110
|
left: -17px;
|
|
111
111
|
}
|
|
112
|
-
.
|
|
112
|
+
.popover__component_fzavu[data-popper-placement='bottom-end'].popover__arrowShift_fzavu .popover__arrow_fzavu:after {
|
|
113
113
|
left: 5px;
|
|
114
114
|
}
|
|
115
|
-
.
|
|
115
|
+
.popover__enter_fzavu .popover__inner_fzavu {
|
|
116
116
|
opacity: 0;
|
|
117
117
|
transform: scale(0.98);
|
|
118
118
|
}
|
|
119
|
-
.
|
|
119
|
+
.popover__enterActive_fzavu .popover__inner_fzavu {
|
|
120
120
|
opacity: 1;
|
|
121
121
|
transform: scale(1);
|
|
122
122
|
}
|
|
123
|
-
.
|
|
123
|
+
.popover__exit_fzavu .popover__inner_fzavu {
|
|
124
124
|
opacity: 1;
|
|
125
125
|
transform: scale(1);
|
|
126
126
|
}
|
|
127
|
-
.
|
|
127
|
+
.popover__exitActive_fzavu .popover__inner_fzavu {
|
|
128
128
|
opacity: 0;
|
|
129
129
|
transform: scale(0.98);
|
|
130
130
|
}
|
package/dist/modern/index.js
CHANGED
|
@@ -4,7 +4,7 @@ import 'react-transition-group';
|
|
|
4
4
|
import 'react-popper';
|
|
5
5
|
import 'popper-max-size-modifier';
|
|
6
6
|
import 'react-merge-refs';
|
|
7
|
-
import 'resize-observer';
|
|
7
|
+
import '@juggle/resize-observer';
|
|
8
8
|
import '@alfalab/core-components-stack/dist/modern';
|
|
9
9
|
import '@alfalab/core-components-portal/dist/modern';
|
|
10
10
|
export { Popover } from './Component.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-popover",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.7.1",
|
|
4
4
|
"description": "Popover component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -20,18 +20,18 @@
|
|
|
20
20
|
"react-dom": "^16.9.0 || ^17.0.1"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@alfalab/core-components-portal": "^2.0.
|
|
24
|
-
"@alfalab/core-components-stack": "^3.0.
|
|
25
|
-
"@
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"react-
|
|
30
|
-
"react-
|
|
31
|
-
"
|
|
23
|
+
"@alfalab/core-components-portal": "^2.0.3",
|
|
24
|
+
"@alfalab/core-components-stack": "^3.0.3",
|
|
25
|
+
"@juggle/resize-observer": "^3.3.1",
|
|
26
|
+
"@popperjs/core": "^2.3.3",
|
|
27
|
+
"classnames": "^2.2.6",
|
|
28
|
+
"popper-max-size-modifier": "^0.2.0",
|
|
29
|
+
"react-merge-refs": "^1.1.0",
|
|
30
|
+
"react-popper": "^2.2.5",
|
|
31
|
+
"react-transition-group": "^4.4.1"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@types/react-transition-group": "^4.2.4"
|
|
35
35
|
},
|
|
36
|
-
"gitHead": "
|
|
36
|
+
"gitHead": "a1e54f5b2894447f4a6c80347706c27f855d5710"
|
|
37
37
|
}
|