@atlaskit/popup 1.24.1 → 1.24.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.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/popper-wrapper.js +1 -14
- package/dist/es2019/popper-wrapper.js +2 -16
- package/dist/esm/popper-wrapper.js +2 -16
- package/package.json +1 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/popup
|
|
2
2
|
|
|
3
|
+
## 1.24.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#136611](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136611)
|
|
8
|
+
[`9755fb019113f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9755fb019113f) -
|
|
9
|
+
Clean up emotion Globals usage
|
|
10
|
+
|
|
3
11
|
## 1.24.1
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -13,7 +13,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
13
13
|
var _react = require("react");
|
|
14
14
|
var _react2 = require("@emotion/react");
|
|
15
15
|
var _layering = require("@atlaskit/layering");
|
|
16
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
17
16
|
var _popper = require("@atlaskit/popper");
|
|
18
17
|
var _colors = require("@atlaskit/theme/colors");
|
|
19
18
|
var _constants = require("@atlaskit/theme/constants");
|
|
@@ -27,7 +26,6 @@ var _css;
|
|
|
27
26
|
* @jsxRuntime classic
|
|
28
27
|
* @jsx jsx
|
|
29
28
|
*/
|
|
30
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
31
29
|
var popupFullWidthStyles = (0, _react2.css)({
|
|
32
30
|
width: '100%'
|
|
33
31
|
});
|
|
@@ -49,15 +47,6 @@ var popupStyles = (0, _react2.css)((_css = {
|
|
|
49
47
|
var popupOverflowStyles = (0, _react2.css)({
|
|
50
48
|
overflow: 'auto'
|
|
51
49
|
});
|
|
52
|
-
|
|
53
|
-
// disables iframe pointer events while popup is open, except if iframe is nested inside popup
|
|
54
|
-
// solves an issue of popup not being closed on iframe click
|
|
55
|
-
var blockPointerEventsOnExternalIframeStyles = (0, _react2.css)({
|
|
56
|
-
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
57
|
-
'iframe:not([data-ds--level] iframe)': {
|
|
58
|
-
pointerEvents: 'none'
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
50
|
var DefaultPopupComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
62
51
|
var shouldRenderToParent = props.shouldRenderToParent,
|
|
63
52
|
shouldFitContainer = props.shouldFitContainer,
|
|
@@ -181,9 +170,7 @@ function PopperWrapper(_ref) {
|
|
|
181
170
|
tabIndex: autoFocus ? 0 : undefined,
|
|
182
171
|
shouldRenderToParent: shouldRenderToParent,
|
|
183
172
|
shouldFitContainer: shouldFitContainer
|
|
184
|
-
}, (0,
|
|
185
|
-
styles: blockPointerEventsOnExternalIframeStyles
|
|
186
|
-
}), (0, _react2.jsx)(_repositionOnUpdate.RepositionOnUpdate, {
|
|
173
|
+
}, (0, _react2.jsx)(_repositionOnUpdate.RepositionOnUpdate, {
|
|
187
174
|
update: update
|
|
188
175
|
}, content({
|
|
189
176
|
update: update,
|
|
@@ -4,11 +4,8 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
4
4
|
* @jsx jsx
|
|
5
5
|
*/
|
|
6
6
|
import { forwardRef, useMemo, useState } from 'react';
|
|
7
|
-
|
|
8
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
|
-
import { css, Global, jsx } from '@emotion/react';
|
|
7
|
+
import { css, jsx } from '@emotion/react';
|
|
10
8
|
import { UNSAFE_useLayering } from '@atlaskit/layering';
|
|
11
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
9
|
import { Popper } from '@atlaskit/popper';
|
|
13
10
|
import { N0, N50A, N60A } from '@atlaskit/theme/colors';
|
|
14
11
|
import { layers } from '@atlaskit/theme/constants';
|
|
@@ -39,15 +36,6 @@ const popupStyles = css({
|
|
|
39
36
|
const popupOverflowStyles = css({
|
|
40
37
|
overflow: 'auto'
|
|
41
38
|
});
|
|
42
|
-
|
|
43
|
-
// disables iframe pointer events while popup is open, except if iframe is nested inside popup
|
|
44
|
-
// solves an issue of popup not being closed on iframe click
|
|
45
|
-
const blockPointerEventsOnExternalIframeStyles = css({
|
|
46
|
-
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
47
|
-
'iframe:not([data-ds--level] iframe)': {
|
|
48
|
-
pointerEvents: 'none'
|
|
49
|
-
}
|
|
50
|
-
});
|
|
51
39
|
const DefaultPopupComponent = /*#__PURE__*/forwardRef((props, ref) => {
|
|
52
40
|
const {
|
|
53
41
|
shouldRenderToParent,
|
|
@@ -165,9 +153,7 @@ function PopperWrapper({
|
|
|
165
153
|
tabIndex: autoFocus ? 0 : undefined,
|
|
166
154
|
shouldRenderToParent: shouldRenderToParent,
|
|
167
155
|
shouldFitContainer: shouldFitContainer
|
|
168
|
-
},
|
|
169
|
-
styles: blockPointerEventsOnExternalIframeStyles
|
|
170
|
-
}), jsx(RepositionOnUpdate, {
|
|
156
|
+
}, jsx(RepositionOnUpdate, {
|
|
171
157
|
update: update
|
|
172
158
|
}, content({
|
|
173
159
|
update,
|
|
@@ -10,11 +10,8 @@ var _css;
|
|
|
10
10
|
* @jsx jsx
|
|
11
11
|
*/
|
|
12
12
|
import { forwardRef, useMemo, useState } from 'react';
|
|
13
|
-
|
|
14
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
15
|
-
import { css, Global, jsx } from '@emotion/react';
|
|
13
|
+
import { css, jsx } from '@emotion/react';
|
|
16
14
|
import { UNSAFE_useLayering } from '@atlaskit/layering';
|
|
17
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
18
15
|
import { Popper } from '@atlaskit/popper';
|
|
19
16
|
import { N0, N50A, N60A } from '@atlaskit/theme/colors';
|
|
20
17
|
import { layers } from '@atlaskit/theme/constants';
|
|
@@ -43,15 +40,6 @@ var popupStyles = css((_css = {
|
|
|
43
40
|
var popupOverflowStyles = css({
|
|
44
41
|
overflow: 'auto'
|
|
45
42
|
});
|
|
46
|
-
|
|
47
|
-
// disables iframe pointer events while popup is open, except if iframe is nested inside popup
|
|
48
|
-
// solves an issue of popup not being closed on iframe click
|
|
49
|
-
var blockPointerEventsOnExternalIframeStyles = css({
|
|
50
|
-
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
51
|
-
'iframe:not([data-ds--level] iframe)': {
|
|
52
|
-
pointerEvents: 'none'
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
43
|
var DefaultPopupComponent = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
56
44
|
var shouldRenderToParent = props.shouldRenderToParent,
|
|
57
45
|
shouldFitContainer = props.shouldFitContainer,
|
|
@@ -175,9 +163,7 @@ function PopperWrapper(_ref) {
|
|
|
175
163
|
tabIndex: autoFocus ? 0 : undefined,
|
|
176
164
|
shouldRenderToParent: shouldRenderToParent,
|
|
177
165
|
shouldFitContainer: shouldFitContainer
|
|
178
|
-
},
|
|
179
|
-
styles: blockPointerEventsOnExternalIframeStyles
|
|
180
|
-
}), jsx(RepositionOnUpdate, {
|
|
166
|
+
}, jsx(RepositionOnUpdate, {
|
|
181
167
|
update: update
|
|
182
168
|
}, content({
|
|
183
169
|
update: update,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/popup",
|
|
3
|
-
"version": "1.24.
|
|
3
|
+
"version": "1.24.2",
|
|
4
4
|
"description": "A popup displays brief content in an overlay.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -103,9 +103,6 @@
|
|
|
103
103
|
}
|
|
104
104
|
},
|
|
105
105
|
"platform-feature-flags": {
|
|
106
|
-
"platform.design-system-team.iframe_gojiv": {
|
|
107
|
-
"type": "boolean"
|
|
108
|
-
},
|
|
109
106
|
"platform_dst_popup-disable-focuslock": {
|
|
110
107
|
"type": "boolean"
|
|
111
108
|
},
|