@atlaskit/popup 1.11.1 → 1.11.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 +6 -0
- package/dist/cjs/popup.js +4 -1
- package/dist/es2019/popup.js +4 -1
- package/dist/esm/popup.js +4 -1
- package/package.json +10 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/popup
|
|
2
2
|
|
|
3
|
+
## 1.11.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#41628](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41628) [`b05664f7aba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b05664f7aba) - Use feature flag to toggle if we enable UNSAFE_LAYERING
|
|
8
|
+
|
|
3
9
|
## 1.11.1
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
package/dist/cjs/popup.js
CHANGED
|
@@ -9,6 +9,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
9
9
|
var _react = require("react");
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
11
|
var _layering = require("@atlaskit/layering");
|
|
12
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
12
13
|
var _popper = require("@atlaskit/popper");
|
|
13
14
|
var _portal = _interopRequireDefault(require("@atlaskit/portal"));
|
|
14
15
|
var _constants = require("@atlaskit/theme/constants");
|
|
@@ -46,7 +47,9 @@ var Popup = exports.Popup = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
|
46
47
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
47
48
|
triggerRef = _useState2[0],
|
|
48
49
|
setTriggerRef = _useState2[1];
|
|
49
|
-
var renderPopperWrapper = (0, _react2.jsx)(_layering.UNSAFE_LAYERING,
|
|
50
|
+
var renderPopperWrapper = (0, _react2.jsx)(_layering.UNSAFE_LAYERING, {
|
|
51
|
+
isDisabled: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.layering_popup_1cnzt') ? false : true
|
|
52
|
+
}, (0, _react2.jsx)(_popperWrapper.default, {
|
|
50
53
|
content: content,
|
|
51
54
|
isOpen: isOpen,
|
|
52
55
|
placement: placement,
|
package/dist/es2019/popup.js
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import { memo, useState } from 'react';
|
|
4
4
|
import { jsx } from '@emotion/react';
|
|
5
5
|
import { UNSAFE_LAYERING } from '@atlaskit/layering';
|
|
6
|
+
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
6
7
|
import { Manager, Reference } from '@atlaskit/popper';
|
|
7
8
|
import Portal from '@atlaskit/portal';
|
|
8
9
|
import { layers } from '@atlaskit/theme/constants';
|
|
@@ -28,7 +29,9 @@ export const Popup = /*#__PURE__*/memo(({
|
|
|
28
29
|
shouldRenderToParent = false
|
|
29
30
|
}) => {
|
|
30
31
|
const [triggerRef, setTriggerRef] = useState(null);
|
|
31
|
-
const renderPopperWrapper = jsx(UNSAFE_LAYERING,
|
|
32
|
+
const renderPopperWrapper = jsx(UNSAFE_LAYERING, {
|
|
33
|
+
isDisabled: getBooleanFF('platform.design-system-team.layering_popup_1cnzt') ? false : true
|
|
34
|
+
}, jsx(PopperWrapper, {
|
|
32
35
|
content: content,
|
|
33
36
|
isOpen: isOpen,
|
|
34
37
|
placement: placement,
|
package/dist/esm/popup.js
CHANGED
|
@@ -4,6 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
4
4
|
import { memo, useState } from 'react';
|
|
5
5
|
import { jsx } from '@emotion/react';
|
|
6
6
|
import { UNSAFE_LAYERING } from '@atlaskit/layering';
|
|
7
|
+
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
7
8
|
import { Manager, Reference } from '@atlaskit/popper';
|
|
8
9
|
import Portal from '@atlaskit/portal';
|
|
9
10
|
import { layers } from '@atlaskit/theme/constants';
|
|
@@ -38,7 +39,9 @@ export var Popup = /*#__PURE__*/memo(function (_ref) {
|
|
|
38
39
|
_useState2 = _slicedToArray(_useState, 2),
|
|
39
40
|
triggerRef = _useState2[0],
|
|
40
41
|
setTriggerRef = _useState2[1];
|
|
41
|
-
var renderPopperWrapper = jsx(UNSAFE_LAYERING,
|
|
42
|
+
var renderPopperWrapper = jsx(UNSAFE_LAYERING, {
|
|
43
|
+
isDisabled: getBooleanFF('platform.design-system-team.layering_popup_1cnzt') ? false : true
|
|
44
|
+
}, jsx(PopperWrapper, {
|
|
42
45
|
content: content,
|
|
43
46
|
isOpen: isOpen,
|
|
44
47
|
placement: placement,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/popup",
|
|
3
|
-
"version": "1.11.
|
|
3
|
+
"version": "1.11.2",
|
|
4
4
|
"description": "A popup displays brief content in an overlay.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -37,11 +37,11 @@
|
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@atlaskit/ds-lib": "^2.2.0",
|
|
39
39
|
"@atlaskit/layering": "^0.2.0",
|
|
40
|
-
"@atlaskit/platform-feature-flags": "
|
|
40
|
+
"@atlaskit/platform-feature-flags": "^0.2.0",
|
|
41
41
|
"@atlaskit/popper": "^5.5.0",
|
|
42
42
|
"@atlaskit/portal": "^4.3.0",
|
|
43
43
|
"@atlaskit/theme": "^12.6.0",
|
|
44
|
-
"@atlaskit/tokens": "^1.
|
|
44
|
+
"@atlaskit/tokens": "^1.27.0",
|
|
45
45
|
"@babel/runtime": "^7.0.0",
|
|
46
46
|
"@emotion/react": "^11.7.1",
|
|
47
47
|
"bind-event-listener": "^2.1.1",
|
|
@@ -59,6 +59,7 @@
|
|
|
59
59
|
"@atlaskit/ssr": "*",
|
|
60
60
|
"@atlaskit/visual-regression": "*",
|
|
61
61
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
62
|
+
"@atlassian/feature-flags-test-utils": "*",
|
|
62
63
|
"@testing-library/dom": "^8.17.1",
|
|
63
64
|
"@testing-library/react": "^12.1.5",
|
|
64
65
|
"ast-types": "^0.13.3",
|
|
@@ -94,11 +95,14 @@
|
|
|
94
95
|
]
|
|
95
96
|
}
|
|
96
97
|
},
|
|
97
|
-
"homepage": "https://atlassian.design/components/popup/",
|
|
98
|
-
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
|
|
99
98
|
"platform-feature-flags": {
|
|
99
|
+
"platform.design-system-team.layering_popup_1cnzt": {
|
|
100
|
+
"type": "boolean"
|
|
101
|
+
},
|
|
100
102
|
"platform.design-system-team.remove-focus-trap-from-popup_3q7sk": {
|
|
101
103
|
"type": "boolean"
|
|
102
104
|
}
|
|
103
|
-
}
|
|
105
|
+
},
|
|
106
|
+
"homepage": "https://atlassian.design/components/popup/",
|
|
107
|
+
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
|
|
104
108
|
}
|