@atlaskit/popup 1.27.2 → 1.28.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/cjs/compositional/popup.js +6 -2
  3. package/dist/cjs/popup.js +6 -2
  4. package/dist/es2019/compositional/popup.js +5 -1
  5. package/dist/es2019/popup.js +5 -1
  6. package/dist/esm/compositional/popup.js +5 -1
  7. package/dist/esm/popup.js +5 -1
  8. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,27 @@
1
1
  # @atlaskit/popup
2
2
 
3
+ ## 1.28.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#148281](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/148281)
8
+ [`3c4de48168ffe`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3c4de48168ffe) -
9
+ Update the import path of `useId*` from `@atlaskit/ds-lib`
10
+ - Updated dependencies
11
+
12
+ ## 1.28.0
13
+
14
+ ### Minor Changes
15
+
16
+ - [#147187](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/147187)
17
+ [`f3fc0c5bb919d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f3fc0c5bb919d) -
18
+ Adds usage of the useNotifyLayerObserver hook from the layering package. The hook is behind a
19
+ feature flag.
20
+
21
+ ### Patch Changes
22
+
23
+ - Updated dependencies
24
+
3
25
  ## 1.27.2
4
26
 
5
27
  ### Patch Changes
package/dist/cjs/compositional/popup.js CHANGED
@@ -10,8 +10,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
  var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
12
12
  var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
13
- var _reactUid = require("@atlaskit/ds-lib/react-uid");
13
+ var _useId = require("@atlaskit/ds-lib/use-id");
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");
@@ -60,7 +61,7 @@ var Popup = exports.Popup = function Popup(_ref) {
60
61
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
61
62
  triggerRef = _useState2[0],
62
63
  setTriggerRef = _useState2[1];
63
- var generatedId = (0, _reactUid.useId)();
64
+ var generatedId = (0, _useId.useId)();
64
65
  var id = providedId || generatedId;
65
66
  return /*#__PURE__*/_react.default.createElement(EnsureIsInsidePopupContext.Provider, {
66
67
  value: true
@@ -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
@@ -8,8 +8,9 @@ exports.default = exports.Popup = void 0;
8
8
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
9
  var _react = require("react");
10
10
  var _react2 = require("@emotion/react");
11
- var _reactUid = require("@atlaskit/ds-lib/react-uid");
11
+ var _useId = require("@atlaskit/ds-lib/use-id");
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"));
@@ -77,7 +78,7 @@ var Popup = exports.Popup = /*#__PURE__*/(0, _react.memo)(function (_ref) {
77
78
  setTriggerRef = _useState2[1];
78
79
  var getMergedTriggerRef = (0, _useGetMemoizedMergedTriggerRef.useGetMemoizedMergedTriggerRef)();
79
80
  var getMergedTriggerRefNew = (0, _useGetMemoizedMergedTriggerRefNew.useGetMemoizedMergedTriggerRefNew)();
80
- var generatedId = (0, _reactUid.useId)();
81
+ var generatedId = (0, _useId.useId)();
81
82
  var _usePopupAppearance = (0, _useAppearance.usePopupAppearance)({
82
83
  appearance: inAppearance,
83
84
  shouldRenderToParent: inShouldRenderToParent
@@ -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
@@ -1,8 +1,9 @@
1
1
  import React, { createContext, useContext, useState } from 'react';
2
2
  import invariant from 'tiny-invariant';
3
3
  import noop from '@atlaskit/ds-lib/noop';
4
- import { useId } from '@atlaskit/ds-lib/react-uid';
4
+ import { useId } from '@atlaskit/ds-lib/use-id';
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
@@ -7,8 +7,9 @@ import { memo, useState } from 'react';
7
7
 
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
9
  import { jsx } from '@emotion/react';
10
- import { useId } from '@atlaskit/ds-lib/react-uid';
10
+ import { useId } from '@atlaskit/ds-lib/use-id';
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
@@ -2,8 +2,9 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import React, { createContext, useContext, useState } from 'react';
3
3
  import invariant from 'tiny-invariant';
4
4
  import noop from '@atlaskit/ds-lib/noop';
5
- import { useId } from '@atlaskit/ds-lib/react-uid';
5
+ import { useId } from '@atlaskit/ds-lib/use-id';
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
@@ -8,8 +8,9 @@ import { memo, useState } from 'react';
8
8
 
9
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
10
10
  import { jsx } from '@emotion/react';
11
- import { useId } from '@atlaskit/ds-lib/react-uid';
11
+ import { useId } from '@atlaskit/ds-lib/use-id';
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.2",
3
+ "version": "1.28.1",
4
4
  "description": "A popup displays brief content in an overlay.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -37,9 +37,9 @@
37
37
  },
38
38
  "dependencies": {
39
39
  "@atlaskit/css": "^0.5.0",
40
- "@atlaskit/ds-lib": "^2.6.0",
40
+ "@atlaskit/ds-lib": "^2.7.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",
@@ -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",