@atlaskit/popup 1.27.1 → 1.28.0

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 (8) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/cjs/compositional/popup.js +4 -0
  3. package/dist/cjs/popup.js +4 -0
  4. package/dist/es2019/compositional/popup.js +4 -0
  5. package/dist/es2019/popup.js +4 -0
  6. package/dist/esm/compositional/popup.js +4 -0
  7. package/dist/esm/popup.js +4 -0
  8. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/popup
2
2
 
3
+ ## 1.28.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#147187](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/147187)
8
+ [`f3fc0c5bb919d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f3fc0c5bb919d) -
9
+ Adds usage of the useNotifyLayerObserver hook from the layering package. The hook is behind a
10
+ feature flag.
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
16
+ ## 1.27.2
17
+
18
+ ### Patch Changes
19
+
20
+ - Updated dependencies
21
+
3
22
  ## 1.27.1
4
23
 
5
24
  ### Patch Changes
package/dist/cjs/compositional/popup.js CHANGED
@@ -12,6 +12,7 @@ var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
12
12
  var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
13
13
  var _reactUid = require("@atlaskit/ds-lib/react-uid");
14
14
  var _layering = require("@atlaskit/layering");
15
+ var _openLayerObserver = require("@atlaskit/layering/experimental/open-layer-observer");
15
16
  var _popper = require("@atlaskit/popper");
16
17
  var _portal = _interopRequireDefault(require("@atlaskit/portal"));
17
18
  var _constants = require("@atlaskit/theme/constants");
@@ -145,6 +146,9 @@ var PopupContent = exports.PopupContent = function PopupContent(_ref4) {
145
146
  }),
146
147
  appearance = _usePopupAppearance.appearance,
147
148
  shouldRenderToParent = _usePopupAppearance.shouldRenderToParent;
149
+ (0, _openLayerObserver.useNotifyOpenLayerObserver)({
150
+ isOpen: isOpen
151
+ });
148
152
  if (!isOpen) {
149
153
  return null;
150
154
  }
package/dist/cjs/popup.js CHANGED
@@ -10,6 +10,7 @@ var _react = require("react");
10
10
  var _react2 = require("@emotion/react");
11
11
  var _reactUid = require("@atlaskit/ds-lib/react-uid");
12
12
  var _layering = require("@atlaskit/layering");
13
+ var _openLayerObserver = require("@atlaskit/layering/experimental/open-layer-observer");
13
14
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
14
15
  var _popper = require("@atlaskit/popper");
15
16
  var _portal = _interopRequireDefault(require("@atlaskit/portal"));
@@ -85,6 +86,9 @@ var Popup = exports.Popup = /*#__PURE__*/(0, _react.memo)(function (_ref) {
85
86
  appearance = _usePopupAppearance.appearance,
86
87
  shouldRenderToParent = _usePopupAppearance.shouldRenderToParent;
87
88
  var id = providedId || generatedId;
89
+ (0, _openLayerObserver.useNotifyOpenLayerObserver)({
90
+ isOpen: isOpen
91
+ });
88
92
  var renderPopperWrapper = (0, _react2.jsx)(_layering.UNSAFE_LAYERING, {
89
93
  isDisabled: false
90
94
  }, (0, _react2.jsx)(_popperWrapper.default
package/dist/es2019/compositional/popup.js CHANGED
@@ -3,6 +3,7 @@ import invariant from 'tiny-invariant';
3
3
  import noop from '@atlaskit/ds-lib/noop';
4
4
  import { useId } from '@atlaskit/ds-lib/react-uid';
5
5
  import { UNSAFE_LAYERING } from '@atlaskit/layering';
6
+ import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
6
7
  import { Manager, Reference } from '@atlaskit/popper';
7
8
  import Portal from '@atlaskit/portal';
8
9
  import { layers } from '@atlaskit/theme/constants';
@@ -125,6 +126,9 @@ export const PopupContent = ({
125
126
  appearance: inAppearance,
126
127
  shouldRenderToParent: inShouldRenderToParent
127
128
  });
129
+ useNotifyOpenLayerObserver({
130
+ isOpen
131
+ });
128
132
  if (!isOpen) {
129
133
  return null;
130
134
  }
package/dist/es2019/popup.js CHANGED
@@ -9,6 +9,7 @@ import { memo, useState } from 'react';
9
9
  import { jsx } from '@emotion/react';
10
10
  import { useId } from '@atlaskit/ds-lib/react-uid';
11
11
  import { UNSAFE_LAYERING } from '@atlaskit/layering';
12
+ import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
12
13
  import { fg } from '@atlaskit/platform-feature-flags';
13
14
  import { Manager, Reference } from '@atlaskit/popper';
14
15
  import Portal from '@atlaskit/portal';
@@ -64,6 +65,9 @@ export const Popup = /*#__PURE__*/memo(({
64
65
  shouldRenderToParent: inShouldRenderToParent
65
66
  });
66
67
  const id = providedId || generatedId;
68
+ useNotifyOpenLayerObserver({
69
+ isOpen
70
+ });
67
71
  const renderPopperWrapper = jsx(UNSAFE_LAYERING, {
68
72
  isDisabled: false
69
73
  }, jsx(PopperWrapper
package/dist/esm/compositional/popup.js CHANGED
@@ -4,6 +4,7 @@ import invariant from 'tiny-invariant';
4
4
  import noop from '@atlaskit/ds-lib/noop';
5
5
  import { useId } from '@atlaskit/ds-lib/react-uid';
6
6
  import { UNSAFE_LAYERING } from '@atlaskit/layering';
7
+ import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
7
8
  import { Manager, Reference } from '@atlaskit/popper';
8
9
  import Portal from '@atlaskit/portal';
9
10
  import { layers } from '@atlaskit/theme/constants';
@@ -135,6 +136,9 @@ export var PopupContent = function PopupContent(_ref4) {
135
136
  }),
136
137
  appearance = _usePopupAppearance.appearance,
137
138
  shouldRenderToParent = _usePopupAppearance.shouldRenderToParent;
139
+ useNotifyOpenLayerObserver({
140
+ isOpen: isOpen
141
+ });
138
142
  if (!isOpen) {
139
143
  return null;
140
144
  }
package/dist/esm/popup.js CHANGED
@@ -10,6 +10,7 @@ import { memo, useState } from 'react';
10
10
  import { jsx } from '@emotion/react';
11
11
  import { useId } from '@atlaskit/ds-lib/react-uid';
12
12
  import { UNSAFE_LAYERING } from '@atlaskit/layering';
13
+ import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
13
14
  import { fg } from '@atlaskit/platform-feature-flags';
14
15
  import { Manager, Reference } from '@atlaskit/popper';
15
16
  import Portal from '@atlaskit/portal';
@@ -77,6 +78,9 @@ export var Popup = /*#__PURE__*/memo(function (_ref) {
77
78
  appearance = _usePopupAppearance.appearance,
78
79
  shouldRenderToParent = _usePopupAppearance.shouldRenderToParent;
79
80
  var id = providedId || generatedId;
81
+ useNotifyOpenLayerObserver({
82
+ isOpen: isOpen
83
+ });
80
84
  var renderPopperWrapper = jsx(UNSAFE_LAYERING, {
81
85
  isDisabled: false
82
86
  }, jsx(PopperWrapper
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/popup",
3
- "version": "1.27.1",
3
+ "version": "1.28.0",
4
4
  "description": "A popup displays brief content in an overlay.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -39,13 +39,13 @@
39
39
  "@atlaskit/css": "^0.5.0",
40
40
  "@atlaskit/ds-lib": "^2.6.0",
41
41
  "@atlaskit/focus-ring": "^1.6.0",
42
- "@atlaskit/layering": "^0.4.0",
42
+ "@atlaskit/layering": "^0.5.0",
43
43
  "@atlaskit/platform-feature-flags": "^0.3.0",
44
44
  "@atlaskit/popper": "^6.3.0",
45
45
  "@atlaskit/portal": "^4.9.0",
46
46
  "@atlaskit/primitives": "^12.2.0",
47
47
  "@atlaskit/theme": "^13.0.0",
48
- "@atlaskit/tokens": "^1.61.0",
48
+ "@atlaskit/tokens": "^2.0.0",
49
49
  "@babel/runtime": "^7.0.0",
50
50
  "@emotion/react": "^11.7.1",
51
51
  "bind-event-listener": "^3.0.0",
@@ -62,7 +62,7 @@
62
62
  "@af/integration-testing": "*",
63
63
  "@af/visual-regression": "*",
64
64
  "@atlaskit/button": "^20.2.0",
65
- "@atlaskit/icon": "^22.18.0",
65
+ "@atlaskit/icon": "^22.20.0",
66
66
  "@atlaskit/ssr": "*",
67
67
  "@atlaskit/textfield": "^6.5.0",
68
68
  "@atlaskit/toggle": "^13.4.0",