@alfalab/core-components-popover 5.6.3 → 5.7.2

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.
Files changed (13) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/Component.js +4 -3
  3. package/dist/cssm/Component.js +3 -2
  4. package/dist/cssm/index.js +1 -1
  5. package/dist/esm/Component.js +4 -3
  6. package/dist/esm/index.css +34 -34
  7. package/dist/esm/index.js +1 -1
  8. package/dist/index.css +34 -34
  9. package/dist/index.js +1 -1
  10. package/dist/modern/Component.js +4 -3
  11. package/dist/modern/index.css +34 -34
  12. package/dist/modern/index.js +1 -1
  13. package/package.json +11 -11
package/CHANGELOG.md CHANGED
@@ -3,6 +3,39 @@
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.7.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-popover@5.7.1...@alfalab/core-components-popover@5.7.2) (2022-07-11)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * fixed 'window is not defined' error ([#126](https://github.com/core-ds/core-components/issues/126)) ([f4e9ca5](https://github.com/core-ds/core-components/commit/f4e9ca54ed52fb328d21c85b7efa8176a90dcb6e))
12
+
13
+
14
+
15
+
16
+
17
+ ## [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)
18
+
19
+
20
+ ### Performance Improvements
21
+
22
+ * 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))
23
+
24
+
25
+
26
+
27
+
28
+ # [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)
29
+
30
+
31
+ ### Features
32
+
33
+ * circumflexus retrieval ([#57](https://github.com/core-ds/core-components/issues/57)) ([3820da8](https://github.com/core-ds/core-components/commit/3820da818bcdcbee6904c648b3e29c3c828fe202))
34
+
35
+
36
+
37
+
38
+
6
39
  ## [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
40
 
8
41
 
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":"popover__component_11i1d","inner":"popover__inner_11i1d","scrollableContent":"popover__scrollableContent_11i1d","arrow":"popover__arrow_11i1d","arrowShift":"popover__arrowShift_11i1d","enter":"popover__enter_11i1d","enterActive":"popover__enterActive_11i1d","exit":"popover__exit_11i1d","exitActive":"popover__exitActive_11i1d"};
49
+ var styles = {"component":"popover__component_d9p2i","inner":"popover__inner_d9p2i","scrollableContent":"popover__scrollableContent_d9p2i","arrow":"popover__arrow_d9p2i","arrowShift":"popover__arrowShift_d9p2i","enter":"popover__enter_d9p2i","enterActive":"popover__enterActive_d9p2i","exit":"popover__exit_d9p2i","exitActive":"popover__exitActive_d9p2i"};
50
50
  require('./index.css')
51
51
 
52
52
  var DEFAULT_TRANSITION = {
@@ -140,7 +140,8 @@ var Popover = React.forwardRef(function (_a, ref) {
140
140
  });
141
141
  React.useEffect(function () {
142
142
  if (useAnchorWidth) {
143
- var observer_1 = new resizeObserver.ResizeObserver(updatePopoverWidth);
143
+ var ResizeObserver_1 = window.ResizeObserver || resizeObserver.ResizeObserver;
144
+ var observer_1 = new ResizeObserver_1(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');
@@ -139,7 +139,8 @@ var Popover = React.forwardRef(function (_a, ref) {
139
139
  });
140
140
  React.useEffect(function () {
141
141
  if (useAnchorWidth) {
142
- var observer_1 = new resizeObserver.ResizeObserver(updatePopoverWidth);
142
+ var ResizeObserver_1 = window.ResizeObserver || resizeObserver.ResizeObserver;
143
+ var observer_1 = new ResizeObserver_1(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 } 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":"popover__component_11i1d","inner":"popover__inner_11i1d","scrollableContent":"popover__scrollableContent_11i1d","arrow":"popover__arrow_11i1d","arrowShift":"popover__arrowShift_11i1d","enter":"popover__enter_11i1d","enterActive":"popover__enterActive_11i1d","exit":"popover__exit_11i1d","exitActive":"popover__exitActive_11i1d"};
38
+ var styles = {"component":"popover__component_d9p2i","inner":"popover__inner_d9p2i","scrollableContent":"popover__scrollableContent_d9p2i","arrow":"popover__arrow_d9p2i","arrowShift":"popover__arrowShift_d9p2i","enter":"popover__enter_d9p2i","enterActive":"popover__enterActive_d9p2i","exit":"popover__exit_d9p2i","exitActive":"popover__exitActive_d9p2i"};
39
39
  require('./index.css')
40
40
 
41
41
  var DEFAULT_TRANSITION = {
@@ -129,7 +129,8 @@ var Popover = forwardRef(function (_a, ref) {
129
129
  });
130
130
  useEffect(function () {
131
131
  if (useAnchorWidth) {
132
- var observer_1 = new ResizeObserver(updatePopoverWidth);
132
+ var ResizeObserver_1 = window.ResizeObserver || ResizeObserver;
133
+ var observer_1 = new ResizeObserver_1(updatePopoverWidth);
133
134
  if (anchorElement) {
134
135
  observer_1.observe(anchorElement);
135
136
  }
package/dist/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1de8x */
1
+ /* hash: p54tc */
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
- .popover__component_11i1d {
18
+ .popover__component_d9p2i {
19
19
  background-color: transparent;
20
20
  color: var(--color-light-text-primary);
21
21
  }
22
- .popover__inner_11i1d {
22
+ .popover__inner_d9p2i {
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
- .popover__scrollableContent_11i1d {
32
+ .popover__scrollableContent_d9p2i {
33
33
  position: relative;
34
34
  z-index: 2;
35
35
  overflow-y: auto;
36
36
  }
37
- .popover__arrow_11i1d {
37
+ .popover__arrow_d9p2i {
38
38
  z-index: 1;
39
39
  }
40
- .popover__arrow_11i1d:after {
40
+ .popover__arrow_d9p2i: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
- .popover__component_11i1d[data-popper-placement='left'] .popover__arrow_11i1d,
52
- .popover__component_11i1d[data-popper-placement='left-start'] .popover__arrow_11i1d,
53
- .popover__component_11i1d[data-popper-placement='left-end'] .popover__arrow_11i1d {
51
+ .popover__component_d9p2i[data-popper-placement='left'] .popover__arrow_d9p2i,
52
+ .popover__component_d9p2i[data-popper-placement='left-start'] .popover__arrow_d9p2i,
53
+ .popover__component_d9p2i[data-popper-placement='left-end'] .popover__arrow_d9p2i {
54
54
  right: 5px
55
55
  }
56
- .popover__component_11i1d[data-popper-placement='left'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='left-start'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='left-end'] .popover__arrow_11i1d:after {
56
+ .popover__component_d9p2i[data-popper-placement='left'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='left-start'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='left-end'] .popover__arrow_d9p2i:after {
57
57
  top: -6px;
58
58
  border-bottom: none;
59
59
  border-left: none;
60
60
  }
61
- .popover__component_11i1d[data-popper-placement='left-start'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
61
+ .popover__component_d9p2i[data-popper-placement='left-start'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
62
62
  top: -7px;
63
63
  }
64
- .popover__component_11i1d[data-popper-placement='left-end'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
64
+ .popover__component_d9p2i[data-popper-placement='left-end'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
65
65
  top: -5px;
66
66
  }
67
- .popover__component_11i1d[data-popper-placement='right'] .popover__arrow_11i1d,
68
- .popover__component_11i1d[data-popper-placement='right-start'] .popover__arrow_11i1d,
69
- .popover__component_11i1d[data-popper-placement='right-end'] .popover__arrow_11i1d {
67
+ .popover__component_d9p2i[data-popper-placement='right'] .popover__arrow_d9p2i,
68
+ .popover__component_d9p2i[data-popper-placement='right-start'] .popover__arrow_d9p2i,
69
+ .popover__component_d9p2i[data-popper-placement='right-end'] .popover__arrow_d9p2i {
70
70
  left: -7px
71
71
  }
72
- .popover__component_11i1d[data-popper-placement='right'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='right-start'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='right-end'] .popover__arrow_11i1d:after {
72
+ .popover__component_d9p2i[data-popper-placement='right'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='right-start'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='right-end'] .popover__arrow_d9p2i:after {
73
73
  top: -6px;
74
74
  border-top: none;
75
75
  border-right: none;
76
76
  }
77
- .popover__component_11i1d[data-popper-placement='right-start'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
77
+ .popover__component_d9p2i[data-popper-placement='right-start'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
78
78
  top: -7px;
79
79
  }
80
- .popover__component_11i1d[data-popper-placement='right-end'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
80
+ .popover__component_d9p2i[data-popper-placement='right-end'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
81
81
  top: -5px;
82
82
  }
83
- .popover__component_11i1d[data-popper-placement='top'] .popover__arrow_11i1d,
84
- .popover__component_11i1d[data-popper-placement='top-start'] .popover__arrow_11i1d,
85
- .popover__component_11i1d[data-popper-placement='top-end'] .popover__arrow_11i1d {
83
+ .popover__component_d9p2i[data-popper-placement='top'] .popover__arrow_d9p2i,
84
+ .popover__component_d9p2i[data-popper-placement='top-start'] .popover__arrow_d9p2i,
85
+ .popover__component_d9p2i[data-popper-placement='top-end'] .popover__arrow_d9p2i {
86
86
  bottom: 5px
87
87
  }
88
- .popover__component_11i1d[data-popper-placement='top'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='top-start'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='top-end'] .popover__arrow_11i1d:after {
88
+ .popover__component_d9p2i[data-popper-placement='top'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='top-start'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='top-end'] .popover__arrow_d9p2i:after {
89
89
  left: -6px;
90
90
  border-top: none;
91
91
  border-left: none;
92
92
  }
93
- .popover__component_11i1d[data-popper-placement='top-start'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
93
+ .popover__component_d9p2i[data-popper-placement='top-start'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
94
94
  left: -17px;
95
95
  }
96
- .popover__component_11i1d[data-popper-placement='top-end'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
96
+ .popover__component_d9p2i[data-popper-placement='top-end'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
97
97
  left: 5px;
98
98
  }
99
- .popover__component_11i1d[data-popper-placement='bottom'] .popover__arrow_11i1d,
100
- .popover__component_11i1d[data-popper-placement='bottom-start'] .popover__arrow_11i1d,
101
- .popover__component_11i1d[data-popper-placement='bottom-end'] .popover__arrow_11i1d {
99
+ .popover__component_d9p2i[data-popper-placement='bottom'] .popover__arrow_d9p2i,
100
+ .popover__component_d9p2i[data-popper-placement='bottom-start'] .popover__arrow_d9p2i,
101
+ .popover__component_d9p2i[data-popper-placement='bottom-end'] .popover__arrow_d9p2i {
102
102
  top: -7px
103
103
  }
104
- .popover__component_11i1d[data-popper-placement='bottom'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='bottom-start'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='bottom-end'] .popover__arrow_11i1d:after {
104
+ .popover__component_d9p2i[data-popper-placement='bottom'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='bottom-start'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='bottom-end'] .popover__arrow_d9p2i:after {
105
105
  left: -6px;
106
106
  border-bottom: none;
107
107
  border-right: none;
108
108
  }
109
- .popover__component_11i1d[data-popper-placement='bottom-start'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
109
+ .popover__component_d9p2i[data-popper-placement='bottom-start'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
110
110
  left: -17px;
111
111
  }
112
- .popover__component_11i1d[data-popper-placement='bottom-end'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
112
+ .popover__component_d9p2i[data-popper-placement='bottom-end'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
113
113
  left: 5px;
114
114
  }
115
- .popover__enter_11i1d .popover__inner_11i1d {
115
+ .popover__enter_d9p2i .popover__inner_d9p2i {
116
116
  opacity: 0;
117
117
  transform: scale(0.98);
118
118
  }
119
- .popover__enterActive_11i1d .popover__inner_11i1d {
119
+ .popover__enterActive_d9p2i .popover__inner_d9p2i {
120
120
  opacity: 1;
121
121
  transform: scale(1);
122
122
  }
123
- .popover__exit_11i1d .popover__inner_11i1d {
123
+ .popover__exit_d9p2i .popover__inner_d9p2i {
124
124
  opacity: 1;
125
125
  transform: scale(1);
126
126
  }
127
- .popover__exitActive_11i1d .popover__inner_11i1d {
127
+ .popover__exitActive_d9p2i .popover__inner_d9p2i {
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: 1de8x */
1
+ /* hash: p54tc */
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
- .popover__component_11i1d {
18
+ .popover__component_d9p2i {
19
19
  background-color: transparent;
20
20
  color: var(--color-light-text-primary);
21
21
  }
22
- .popover__inner_11i1d {
22
+ .popover__inner_d9p2i {
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
- .popover__scrollableContent_11i1d {
32
+ .popover__scrollableContent_d9p2i {
33
33
  position: relative;
34
34
  z-index: 2;
35
35
  overflow-y: auto;
36
36
  }
37
- .popover__arrow_11i1d {
37
+ .popover__arrow_d9p2i {
38
38
  z-index: 1;
39
39
  }
40
- .popover__arrow_11i1d:after {
40
+ .popover__arrow_d9p2i: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
- .popover__component_11i1d[data-popper-placement='left'] .popover__arrow_11i1d,
52
- .popover__component_11i1d[data-popper-placement='left-start'] .popover__arrow_11i1d,
53
- .popover__component_11i1d[data-popper-placement='left-end'] .popover__arrow_11i1d {
51
+ .popover__component_d9p2i[data-popper-placement='left'] .popover__arrow_d9p2i,
52
+ .popover__component_d9p2i[data-popper-placement='left-start'] .popover__arrow_d9p2i,
53
+ .popover__component_d9p2i[data-popper-placement='left-end'] .popover__arrow_d9p2i {
54
54
  right: 5px
55
55
  }
56
- .popover__component_11i1d[data-popper-placement='left'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='left-start'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='left-end'] .popover__arrow_11i1d:after {
56
+ .popover__component_d9p2i[data-popper-placement='left'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='left-start'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='left-end'] .popover__arrow_d9p2i:after {
57
57
  top: -6px;
58
58
  border-bottom: none;
59
59
  border-left: none;
60
60
  }
61
- .popover__component_11i1d[data-popper-placement='left-start'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
61
+ .popover__component_d9p2i[data-popper-placement='left-start'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
62
62
  top: -7px;
63
63
  }
64
- .popover__component_11i1d[data-popper-placement='left-end'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
64
+ .popover__component_d9p2i[data-popper-placement='left-end'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
65
65
  top: -5px;
66
66
  }
67
- .popover__component_11i1d[data-popper-placement='right'] .popover__arrow_11i1d,
68
- .popover__component_11i1d[data-popper-placement='right-start'] .popover__arrow_11i1d,
69
- .popover__component_11i1d[data-popper-placement='right-end'] .popover__arrow_11i1d {
67
+ .popover__component_d9p2i[data-popper-placement='right'] .popover__arrow_d9p2i,
68
+ .popover__component_d9p2i[data-popper-placement='right-start'] .popover__arrow_d9p2i,
69
+ .popover__component_d9p2i[data-popper-placement='right-end'] .popover__arrow_d9p2i {
70
70
  left: -7px
71
71
  }
72
- .popover__component_11i1d[data-popper-placement='right'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='right-start'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='right-end'] .popover__arrow_11i1d:after {
72
+ .popover__component_d9p2i[data-popper-placement='right'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='right-start'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='right-end'] .popover__arrow_d9p2i:after {
73
73
  top: -6px;
74
74
  border-top: none;
75
75
  border-right: none;
76
76
  }
77
- .popover__component_11i1d[data-popper-placement='right-start'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
77
+ .popover__component_d9p2i[data-popper-placement='right-start'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
78
78
  top: -7px;
79
79
  }
80
- .popover__component_11i1d[data-popper-placement='right-end'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
80
+ .popover__component_d9p2i[data-popper-placement='right-end'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
81
81
  top: -5px;
82
82
  }
83
- .popover__component_11i1d[data-popper-placement='top'] .popover__arrow_11i1d,
84
- .popover__component_11i1d[data-popper-placement='top-start'] .popover__arrow_11i1d,
85
- .popover__component_11i1d[data-popper-placement='top-end'] .popover__arrow_11i1d {
83
+ .popover__component_d9p2i[data-popper-placement='top'] .popover__arrow_d9p2i,
84
+ .popover__component_d9p2i[data-popper-placement='top-start'] .popover__arrow_d9p2i,
85
+ .popover__component_d9p2i[data-popper-placement='top-end'] .popover__arrow_d9p2i {
86
86
  bottom: 5px
87
87
  }
88
- .popover__component_11i1d[data-popper-placement='top'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='top-start'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='top-end'] .popover__arrow_11i1d:after {
88
+ .popover__component_d9p2i[data-popper-placement='top'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='top-start'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='top-end'] .popover__arrow_d9p2i:after {
89
89
  left: -6px;
90
90
  border-top: none;
91
91
  border-left: none;
92
92
  }
93
- .popover__component_11i1d[data-popper-placement='top-start'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
93
+ .popover__component_d9p2i[data-popper-placement='top-start'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
94
94
  left: -17px;
95
95
  }
96
- .popover__component_11i1d[data-popper-placement='top-end'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
96
+ .popover__component_d9p2i[data-popper-placement='top-end'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
97
97
  left: 5px;
98
98
  }
99
- .popover__component_11i1d[data-popper-placement='bottom'] .popover__arrow_11i1d,
100
- .popover__component_11i1d[data-popper-placement='bottom-start'] .popover__arrow_11i1d,
101
- .popover__component_11i1d[data-popper-placement='bottom-end'] .popover__arrow_11i1d {
99
+ .popover__component_d9p2i[data-popper-placement='bottom'] .popover__arrow_d9p2i,
100
+ .popover__component_d9p2i[data-popper-placement='bottom-start'] .popover__arrow_d9p2i,
101
+ .popover__component_d9p2i[data-popper-placement='bottom-end'] .popover__arrow_d9p2i {
102
102
  top: -7px
103
103
  }
104
- .popover__component_11i1d[data-popper-placement='bottom'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='bottom-start'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='bottom-end'] .popover__arrow_11i1d:after {
104
+ .popover__component_d9p2i[data-popper-placement='bottom'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='bottom-start'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='bottom-end'] .popover__arrow_d9p2i:after {
105
105
  left: -6px;
106
106
  border-bottom: none;
107
107
  border-right: none;
108
108
  }
109
- .popover__component_11i1d[data-popper-placement='bottom-start'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
109
+ .popover__component_d9p2i[data-popper-placement='bottom-start'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
110
110
  left: -17px;
111
111
  }
112
- .popover__component_11i1d[data-popper-placement='bottom-end'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
112
+ .popover__component_d9p2i[data-popper-placement='bottom-end'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
113
113
  left: 5px;
114
114
  }
115
- .popover__enter_11i1d .popover__inner_11i1d {
115
+ .popover__enter_d9p2i .popover__inner_d9p2i {
116
116
  opacity: 0;
117
117
  transform: scale(0.98);
118
118
  }
119
- .popover__enterActive_11i1d .popover__inner_11i1d {
119
+ .popover__enterActive_d9p2i .popover__inner_d9p2i {
120
120
  opacity: 1;
121
121
  transform: scale(1);
122
122
  }
123
- .popover__exit_11i1d .popover__inner_11i1d {
123
+ .popover__exit_d9p2i .popover__inner_d9p2i {
124
124
  opacity: 1;
125
125
  transform: scale(1);
126
126
  }
127
- .popover__exitActive_11i1d .popover__inner_11i1d {
127
+ .popover__exitActive_d9p2i .popover__inner_d9p2i {
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 } 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":"popover__component_11i1d","inner":"popover__inner_11i1d","scrollableContent":"popover__scrollableContent_11i1d","arrow":"popover__arrow_11i1d","arrowShift":"popover__arrowShift_11i1d","enter":"popover__enter_11i1d","enterActive":"popover__enterActive_11i1d","exit":"popover__exit_11i1d","exitActive":"popover__exitActive_11i1d"};
11
+ var styles = {"component":"popover__component_d9p2i","inner":"popover__inner_d9p2i","scrollableContent":"popover__scrollableContent_d9p2i","arrow":"popover__arrow_d9p2i","arrowShift":"popover__arrowShift_d9p2i","enter":"popover__enter_d9p2i","enterActive":"popover__enterActive_d9p2i","exit":"popover__exit_d9p2i","exitActive":"popover__exitActive_d9p2i"};
12
12
  require('./index.css')
13
13
 
14
14
  const DEFAULT_TRANSITION = {
@@ -100,7 +100,8 @@ const Popover = forwardRef(({ children, getPortalContainer, transition = DEFAULT
100
100
  });
101
101
  useEffect(() => {
102
102
  if (useAnchorWidth) {
103
- const observer = new ResizeObserver(updatePopoverWidth);
103
+ const ResizeObserver$1 = window.ResizeObserver || ResizeObserver;
104
+ const observer = new ResizeObserver$1(updatePopoverWidth);
104
105
  if (anchorElement) {
105
106
  observer.observe(anchorElement);
106
107
  }
package/dist/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1de8x */
1
+ /* hash: p54tc */
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
- .popover__component_11i1d {
18
+ .popover__component_d9p2i {
19
19
  background-color: transparent;
20
20
  color: var(--color-light-text-primary);
21
21
  }
22
- .popover__inner_11i1d {
22
+ .popover__inner_d9p2i {
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
- .popover__scrollableContent_11i1d {
32
+ .popover__scrollableContent_d9p2i {
33
33
  position: relative;
34
34
  z-index: 2;
35
35
  overflow-y: auto;
36
36
  }
37
- .popover__arrow_11i1d {
37
+ .popover__arrow_d9p2i {
38
38
  z-index: 1;
39
39
  }
40
- .popover__arrow_11i1d:after {
40
+ .popover__arrow_d9p2i: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
- .popover__component_11i1d[data-popper-placement='left'] .popover__arrow_11i1d,
52
- .popover__component_11i1d[data-popper-placement='left-start'] .popover__arrow_11i1d,
53
- .popover__component_11i1d[data-popper-placement='left-end'] .popover__arrow_11i1d {
51
+ .popover__component_d9p2i[data-popper-placement='left'] .popover__arrow_d9p2i,
52
+ .popover__component_d9p2i[data-popper-placement='left-start'] .popover__arrow_d9p2i,
53
+ .popover__component_d9p2i[data-popper-placement='left-end'] .popover__arrow_d9p2i {
54
54
  right: 5px
55
55
  }
56
- .popover__component_11i1d[data-popper-placement='left'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='left-start'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='left-end'] .popover__arrow_11i1d:after {
56
+ .popover__component_d9p2i[data-popper-placement='left'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='left-start'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='left-end'] .popover__arrow_d9p2i:after {
57
57
  top: -6px;
58
58
  border-bottom: none;
59
59
  border-left: none;
60
60
  }
61
- .popover__component_11i1d[data-popper-placement='left-start'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
61
+ .popover__component_d9p2i[data-popper-placement='left-start'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
62
62
  top: -7px;
63
63
  }
64
- .popover__component_11i1d[data-popper-placement='left-end'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
64
+ .popover__component_d9p2i[data-popper-placement='left-end'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
65
65
  top: -5px;
66
66
  }
67
- .popover__component_11i1d[data-popper-placement='right'] .popover__arrow_11i1d,
68
- .popover__component_11i1d[data-popper-placement='right-start'] .popover__arrow_11i1d,
69
- .popover__component_11i1d[data-popper-placement='right-end'] .popover__arrow_11i1d {
67
+ .popover__component_d9p2i[data-popper-placement='right'] .popover__arrow_d9p2i,
68
+ .popover__component_d9p2i[data-popper-placement='right-start'] .popover__arrow_d9p2i,
69
+ .popover__component_d9p2i[data-popper-placement='right-end'] .popover__arrow_d9p2i {
70
70
  left: -7px
71
71
  }
72
- .popover__component_11i1d[data-popper-placement='right'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='right-start'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='right-end'] .popover__arrow_11i1d:after {
72
+ .popover__component_d9p2i[data-popper-placement='right'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='right-start'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='right-end'] .popover__arrow_d9p2i:after {
73
73
  top: -6px;
74
74
  border-top: none;
75
75
  border-right: none;
76
76
  }
77
- .popover__component_11i1d[data-popper-placement='right-start'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
77
+ .popover__component_d9p2i[data-popper-placement='right-start'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
78
78
  top: -7px;
79
79
  }
80
- .popover__component_11i1d[data-popper-placement='right-end'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
80
+ .popover__component_d9p2i[data-popper-placement='right-end'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
81
81
  top: -5px;
82
82
  }
83
- .popover__component_11i1d[data-popper-placement='top'] .popover__arrow_11i1d,
84
- .popover__component_11i1d[data-popper-placement='top-start'] .popover__arrow_11i1d,
85
- .popover__component_11i1d[data-popper-placement='top-end'] .popover__arrow_11i1d {
83
+ .popover__component_d9p2i[data-popper-placement='top'] .popover__arrow_d9p2i,
84
+ .popover__component_d9p2i[data-popper-placement='top-start'] .popover__arrow_d9p2i,
85
+ .popover__component_d9p2i[data-popper-placement='top-end'] .popover__arrow_d9p2i {
86
86
  bottom: 5px
87
87
  }
88
- .popover__component_11i1d[data-popper-placement='top'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='top-start'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='top-end'] .popover__arrow_11i1d:after {
88
+ .popover__component_d9p2i[data-popper-placement='top'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='top-start'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='top-end'] .popover__arrow_d9p2i:after {
89
89
  left: -6px;
90
90
  border-top: none;
91
91
  border-left: none;
92
92
  }
93
- .popover__component_11i1d[data-popper-placement='top-start'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
93
+ .popover__component_d9p2i[data-popper-placement='top-start'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
94
94
  left: -17px;
95
95
  }
96
- .popover__component_11i1d[data-popper-placement='top-end'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
96
+ .popover__component_d9p2i[data-popper-placement='top-end'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
97
97
  left: 5px;
98
98
  }
99
- .popover__component_11i1d[data-popper-placement='bottom'] .popover__arrow_11i1d,
100
- .popover__component_11i1d[data-popper-placement='bottom-start'] .popover__arrow_11i1d,
101
- .popover__component_11i1d[data-popper-placement='bottom-end'] .popover__arrow_11i1d {
99
+ .popover__component_d9p2i[data-popper-placement='bottom'] .popover__arrow_d9p2i,
100
+ .popover__component_d9p2i[data-popper-placement='bottom-start'] .popover__arrow_d9p2i,
101
+ .popover__component_d9p2i[data-popper-placement='bottom-end'] .popover__arrow_d9p2i {
102
102
  top: -7px
103
103
  }
104
- .popover__component_11i1d[data-popper-placement='bottom'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='bottom-start'] .popover__arrow_11i1d:after, .popover__component_11i1d[data-popper-placement='bottom-end'] .popover__arrow_11i1d:after {
104
+ .popover__component_d9p2i[data-popper-placement='bottom'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='bottom-start'] .popover__arrow_d9p2i:after, .popover__component_d9p2i[data-popper-placement='bottom-end'] .popover__arrow_d9p2i:after {
105
105
  left: -6px;
106
106
  border-bottom: none;
107
107
  border-right: none;
108
108
  }
109
- .popover__component_11i1d[data-popper-placement='bottom-start'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
109
+ .popover__component_d9p2i[data-popper-placement='bottom-start'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
110
110
  left: -17px;
111
111
  }
112
- .popover__component_11i1d[data-popper-placement='bottom-end'].popover__arrowShift_11i1d .popover__arrow_11i1d:after {
112
+ .popover__component_d9p2i[data-popper-placement='bottom-end'].popover__arrowShift_d9p2i .popover__arrow_d9p2i:after {
113
113
  left: 5px;
114
114
  }
115
- .popover__enter_11i1d .popover__inner_11i1d {
115
+ .popover__enter_d9p2i .popover__inner_d9p2i {
116
116
  opacity: 0;
117
117
  transform: scale(0.98);
118
118
  }
119
- .popover__enterActive_11i1d .popover__inner_11i1d {
119
+ .popover__enterActive_d9p2i .popover__inner_d9p2i {
120
120
  opacity: 1;
121
121
  transform: scale(1);
122
122
  }
123
- .popover__exit_11i1d .popover__inner_11i1d {
123
+ .popover__exit_d9p2i .popover__inner_d9p2i {
124
124
  opacity: 1;
125
125
  transform: scale(1);
126
126
  }
127
- .popover__exitActive_11i1d .popover__inner_11i1d {
127
+ .popover__exitActive_d9p2i .popover__inner_d9p2i {
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.6.3",
3
+ "version": "5.7.2",
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.2",
24
- "@alfalab/core-components-stack": "^3.0.2",
25
- "@popperjs/core": "2.3.3",
26
- "classnames": "2.2.6",
27
- "popper-max-size-modifier": "0.2.0",
28
- "react-merge-refs": "1.1.0",
29
- "react-popper": "2.2.5",
30
- "react-transition-group": "4.4.1",
31
- "resize-observer": "1.0.0"
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": "8d998af881e79e8b524179aa50cdb117c1380c74"
36
+ "gitHead": "62c863f937c2b78ab35b8ca55863b11a0ebdd631"
37
37
  }