@atlaskit/popup 6.1.0 → 6.2.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @atlaskit/popup
2
2
 
3
+ ## 6.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`d82e6f76528ab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d82e6f76528ab) -
8
+ Add direct subpath package exports as part of the linking-platform, search, media, and
9
+ design-system barrel-removal (de-barrel) migration.
10
+
11
+ These packages now expose their individual modules via explicit `package.json` `exports` subpaths
12
+ so that consumers can import directly from the leaf module (e.g. `@atlaskit/pkg/thing`) instead of
13
+ the package barrel/index. This adds new public entry points without changing or removing any
14
+ existing exports, so it is a backwards-compatible additive change.
15
+
16
+ No runtime behaviour changes; this is an API-surface (entry-point) addition to support
17
+ tree-shaking and to unblock removal of the barrel index files.
18
+
19
+ ### Patch Changes
20
+
21
+ - Updated dependencies
22
+
3
23
  ## 6.1.0
4
24
 
5
25
  ### Minor Changes
@@ -10,8 +10,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
  var _layering = require("@atlaskit/layering/layering");
12
12
  var _useNotifyOpenLayerObserver = require("@atlaskit/layering/use-notify-open-layer-observer");
13
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
14
- var _portal = _interopRequireDefault(require("@atlaskit/portal"));
13
+ var _fg = require("@atlaskit/platform-feature-flags/fg");
14
+ var _portal = _interopRequireDefault(require("@atlaskit/portal/portal"));
15
15
  var _popperWrapper = _interopRequireDefault(require("../popper-wrapper"));
16
16
  var _useAppearance = require("../use-appearance");
17
17
  var _idContext = require("./id-context");
@@ -146,7 +146,7 @@ function PopupContent(props) {
146
146
  // Forwarding the full props onto the chosen implementation is intentional:
147
147
  // both implementations declare explicit prop types, so the forward is type
148
148
  // checked rather than an unbounded API.
149
- if ((0, _platformFeatureFlags.fg)('platform-dst-top-layer')) {
149
+ if ((0, _fg.fg)('platform-dst-top-layer')) {
150
150
  // The top-layer Popover registers with the open layer observer itself.
151
151
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props -- intentional forward to a typed implementation
152
152
  return /*#__PURE__*/_react.default.createElement(_popupContentTopLayer.PopupContentTopLayer, (0, _extends2.default)({}, props, {
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.PopupTrigger = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
10
- var _popper = require("@atlaskit/popper");
9
+ var _fg = require("@atlaskit/platform-feature-flags/fg");
10
+ var _reference = require("@atlaskit/popper/reference");
11
11
  var _useGetMemoizedMergedTriggerRefNew = require("../use-get-memoized-merged-trigger-ref-new");
12
12
  var _idContext = require("./id-context");
13
13
  var _isOpenContext = require("./is-open-context");
@@ -44,7 +44,7 @@ var PopupTrigger = exports.PopupTrigger = function PopupTrigger(_ref) {
44
44
 
45
45
  // When the top-layer flag is on, bypass Popper's <Reference> entirely.
46
46
  // We only need to set triggerRefObject.current — no Popper ref merging needed.
47
- if ((0, _platformFeatureFlags.fg)('platform-dst-top-layer')) {
47
+ if ((0, _fg.fg)('platform-dst-top-layer')) {
48
48
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children({
49
49
  ref: triggerRef,
50
50
  'aria-controls': id,
@@ -52,7 +52,7 @@ var PopupTrigger = exports.PopupTrigger = function PopupTrigger(_ref) {
52
52
  'aria-haspopup': ariaHasPopup
53
53
  }));
54
54
  }
55
- return /*#__PURE__*/_react.default.createElement(_popper.Reference, null, function (_ref2) {
55
+ return /*#__PURE__*/_react.default.createElement(_reference.Reference, null, function (_ref2) {
56
56
  var ref = _ref2.ref;
57
57
  return children({
58
58
  ref: getMergedTriggerRef(ref, setTriggerRef),
@@ -9,8 +9,8 @@ exports.Popup = void 0;
9
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
  var _useId = require("@atlaskit/ds-lib/use-id");
12
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
- var _popper = require("@atlaskit/popper");
12
+ var _fg = require("@atlaskit/platform-feature-flags/fg");
13
+ var _manager = require("@atlaskit/popper/manager");
14
14
  var _idContext = require("./id-context");
15
15
  var _isInsidePopupContext = require("./is-inside-popup-context");
16
16
  var _isOpenContext = require("./is-open-context");
@@ -71,10 +71,10 @@ var Popup = exports.Popup = function Popup(_ref) {
71
71
  value: setTriggerRef
72
72
  }, /*#__PURE__*/_react.default.createElement(_isOpenContext.IsOpenContext.Provider, {
73
73
  value: isOpen
74
- }, (0, _platformFeatureFlags.fg)('platform-dst-top-layer') ?
74
+ }, (0, _fg.fg)('platform-dst-top-layer') ?
75
75
  /*#__PURE__*/
76
76
  // Skip Popper's <Manager> when Top Layer is being used.
77
77
  _react.default.createElement(_triggerRefObjectContext.TriggerRefObjectContext.Provider, {
78
78
  value: triggerRefObject
79
- }, children) : /*#__PURE__*/_react.default.createElement(_popper.Manager, null, children)))))));
79
+ }, children) : /*#__PURE__*/_react.default.createElement(_manager.Manager, null, children)))))));
80
80
  };
@@ -17,7 +17,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
17
17
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
18
18
  var _runtime = require("@compiled/react/runtime");
19
19
  var _useLayering2 = require("@atlaskit/layering/use-layering");
20
- var _motion = _interopRequireDefault(require("@atlaskit/motion/entering/motion"));
20
+ var _motion = require("@atlaskit/motion");
21
21
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
22
22
  var _popper = require("@atlaskit/popper");
23
23
  var _repositionOnUpdate = require("./reposition-on-update");
@@ -262,7 +262,7 @@ function PopperWrapper(_ref) {
262
262
  },
263
263
  "data-testid": "".concat(testId, "--container"),
264
264
  className: (0, _runtime.ax)([shouldFitContainer && wrapperStyles.fullWidth])
265
- }, /*#__PURE__*/React.createElement(_motion.default, {
265
+ }, /*#__PURE__*/React.createElement(_motion.Motion, {
266
266
  enteringAnimation: !isAutoPlacement ? placementMap[placement].enter : undefined,
267
267
  exitingAnimation: !isAutoPlacement ? placementMap[placement].exit : undefined,
268
268
  xcss: wrapperStyles.motion
package/dist/cjs/popup.js CHANGED
@@ -16,9 +16,10 @@ var _useId = require("@atlaskit/ds-lib/use-id");
16
16
  var _layering = require("@atlaskit/layering/layering");
17
17
  var _useNotifyOpenLayerObserver = require("@atlaskit/layering/use-notify-open-layer-observer");
18
18
  var _exitingPersistence = _interopRequireDefault(require("@atlaskit/motion/exiting-persistence"));
19
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
20
- var _popper = require("@atlaskit/popper");
21
- var _portal = _interopRequireDefault(require("@atlaskit/portal"));
19
+ var _fg = require("@atlaskit/platform-feature-flags/fg");
20
+ var _manager = require("@atlaskit/popper/manager");
21
+ var _reference = require("@atlaskit/popper/reference");
22
+ var _portal = _interopRequireDefault(require("@atlaskit/portal/portal"));
22
23
  var _compiled = require("@atlaskit/primitives/compiled");
23
24
  var _popperWrapper = _interopRequireDefault(require("./popper-wrapper"));
24
25
  var _popupTopLayer = require("./popup-top-layer");
@@ -136,17 +137,17 @@ var PopupLegacy = function PopupLegacy(props) {
136
137
  modifiers: modifiers,
137
138
  shouldFitViewport: shouldFitViewport
138
139
  }));
139
- var popupContent = /*#__PURE__*/React.createElement(_popper.Manager, null, /*#__PURE__*/React.createElement(_popper.Reference, null, function (_ref) {
140
+ var popupContent = /*#__PURE__*/React.createElement(_manager.Manager, null, /*#__PURE__*/React.createElement(_reference.Reference, null, function (_ref) {
140
141
  var ref = _ref.ref;
141
142
  return trigger({
142
- ref: !(0, _platformFeatureFlags.fg)('platform-design-system-popup-ref') ? getMergedTriggerRef(ref, setTriggerRef, isOpen) : getMergedTriggerRefNew(ref, setTriggerRef),
143
+ ref: !(0, _fg.fg)('platform-design-system-popup-ref') ? getMergedTriggerRef(ref, setTriggerRef, isOpen) : getMergedTriggerRefNew(ref, setTriggerRef),
143
144
  'aria-controls': isOpen ? id : undefined,
144
145
  'aria-expanded': isOpen,
145
- 'aria-haspopup': role === 'dialog' && (0, _platformFeatureFlags.fg)('platform_dst_popup-disable-focuslock') ? 'dialog' : true
146
+ 'aria-haspopup': role === 'dialog' && (0, _fg.fg)('platform_dst_popup-disable-focuslock') ? 'dialog' : true
146
147
  });
147
- }), !(0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-popup') && isOpen && (shouldRenderToParent || shouldFitContainer ? renderPopperWrapper : /*#__PURE__*/React.createElement(_portal.default, {
148
+ }), !(0, _fg.fg)('platform-dst-motion-uplift-popup') && isOpen && (shouldRenderToParent || shouldFitContainer ? renderPopperWrapper : /*#__PURE__*/React.createElement(_portal.default, {
148
149
  zIndex: zIndex
149
- }, renderPopperWrapper)), (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-popup') && /*#__PURE__*/React.createElement(_exitingPersistence.default, {
150
+ }, renderPopperWrapper)), (0, _fg.fg)('platform-dst-motion-uplift-popup') && /*#__PURE__*/React.createElement(_exitingPersistence.default, {
150
151
  appear: true
151
152
  }, isOpen && (shouldRenderToParent || shouldFitContainer ? renderPopperWrapper : /*#__PURE__*/React.createElement(_portal.default, {
152
153
  zIndex: zIndex
@@ -164,7 +165,7 @@ var Popup = exports.Popup = /*#__PURE__*/(0, _react.memo)(function (props) {
164
165
  // hooks unconditionally, so a runtime feature-flag change swaps component
165
166
  // types (a clean remount) instead of changing the hook order of a mounted
166
167
  // component.
167
- if ((0, _platformFeatureFlags.fg)('platform-dst-top-layer')) {
168
+ if ((0, _fg.fg)('platform-dst-top-layer')) {
168
169
  // Pass the original props object to preserve the discriminated union
169
170
  // (shouldFitContainer: true vs false) that is lost after destructuring.
170
171
  return /*#__PURE__*/React.createElement(_popupTopLayer.PopupTopLayer, props);
@@ -9,7 +9,7 @@ var _react = require("react");
9
9
  var _bindEventListener = require("bind-event-listener");
10
10
  var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
11
11
  var _useLayering2 = require("@atlaskit/layering/use-layering");
12
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
12
+ var _fg = require("@atlaskit/platform-feature-flags/fg");
13
13
  var _isElementInteractive = require("./utils/is-element-interactive");
14
14
  var _useAnimationFrame2 = require("./utils/use-animation-frame");
15
15
  // eslint-disable-next-line no-duplicate-imports
@@ -37,7 +37,7 @@ var useCloseManager = exports.useCloseManager = function useCloseManager(_ref) {
37
37
  return _noop.default;
38
38
  }
39
39
  var closePopup = function closePopup(event) {
40
- if (shouldIgnoreCloseEvent !== null && shouldIgnoreCloseEvent !== void 0 && shouldIgnoreCloseEvent(event) && (0, _platformFeatureFlags.fg)('cc_blocks_changeboarding')) {
40
+ if (shouldIgnoreCloseEvent !== null && shouldIgnoreCloseEvent !== void 0 && shouldIgnoreCloseEvent(event) && (0, _fg.fg)('cc_blocks_changeboarding')) {
41
41
  return;
42
42
  }
43
43
  if (onClose) {
@@ -48,7 +48,7 @@ var useCloseManager = exports.useCloseManager = function useCloseManager(_ref) {
48
48
  }
49
49
  _currentLevel ? onClose(event, Number(_currentLevel)) : onClose(event);
50
50
  }
51
- if (shouldDisableFocusTrap && (0, _platformFeatureFlags.fg)('platform_dst_popup-disable-focuslock')) {
51
+ if (shouldDisableFocusTrap && (0, _fg.fg)('platform_dst_popup-disable-focuslock')) {
52
52
  // Restoring the normal focus order for trigger.
53
53
  requestFrame(function () {
54
54
  triggerRef === null || triggerRef === void 0 || triggerRef.setAttribute('tabindex', '0');
@@ -97,7 +97,7 @@ var useCloseManager = exports.useCloseManager = function useCloseManager(_ref) {
97
97
  if (!isClickOnPopup && !isClickOnTrigger && !didClickStartInsidePopup) {
98
98
  closePopup(event);
99
99
  // If there was an outside click on a non-interactive element, the focus should be on the trigger.
100
- if (document.activeElement && !(0, _isElementInteractive.isInteractiveElement)(document.activeElement) && (0, _platformFeatureFlags.fg)('platform_dst_popup-disable-focuslock')) {
100
+ if (document.activeElement && !(0, _isElementInteractive.isInteractiveElement)(document.activeElement) && (0, _fg.fg)('platform_dst_popup-disable-focuslock')) {
101
101
  triggerRef === null || triggerRef === void 0 || triggerRef.focus();
102
102
  }
103
103
  }
@@ -117,7 +117,7 @@ var useCloseManager = exports.useCloseManager = function useCloseManager(_ref) {
117
117
  };
118
118
  var onKeyDown = function onKeyDown(event) {
119
119
  var key = event.key;
120
- if ((key === 'Escape' || key === 'Esc') && (0, _platformFeatureFlags.fg)('platform_dst_nested_escape')) {
120
+ if ((key === 'Escape' || key === 'Esc') && (0, _fg.fg)('platform_dst_nested_escape')) {
121
121
  var _eventTarget$closest;
122
122
  var eventTarget = event.target instanceof HTMLElement ? event.target : null;
123
123
  var layeredAncestor = eventTarget === null || eventTarget === void 0 || (_eventTarget$closest = eventTarget.closest) === null || _eventTarget$closest === void 0 ? void 0 : _eventTarget$closest.call(eventTarget, '[data-ds--level]');
@@ -126,7 +126,7 @@ var useCloseManager = exports.useCloseManager = function useCloseManager(_ref) {
126
126
  return;
127
127
  }
128
128
  }
129
- if ((0, _platformFeatureFlags.fg)('platform_dst_popup-disable-focuslock')) {
129
+ if ((0, _fg.fg)('platform_dst_popup-disable-focuslock')) {
130
130
  var shiftKey = event.shiftKey;
131
131
  if (shiftKey && key === 'Tab' && !shouldRenderToParent) {
132
132
  if (isLayerDisabled()) {
@@ -196,7 +196,7 @@ var useCloseManager = exports.useCloseManager = function useCloseManager(_ref) {
196
196
  }
197
197
  };
198
198
  var unbind = _noop.default;
199
- if ((0, _platformFeatureFlags.fg)('popup-onclose-fix')) {
199
+ if ((0, _fg.fg)('popup-onclose-fix')) {
200
200
  setTimeout(function () {
201
201
  unbind = (0, _bindEventListener.bindAll)(window, [{
202
202
  type: 'click',
@@ -240,7 +240,7 @@ var useCloseManager = exports.useCloseManager = function useCloseManager(_ref) {
240
240
  }
241
241
  });
242
242
  return function () {
243
- if ((0, _platformFeatureFlags.fg)('popup-onclose-fix')) {
243
+ if ((0, _fg.fg)('popup-onclose-fix')) {
244
244
  setTimeout(function () {
245
245
  unbind();
246
246
  }, 0);
@@ -9,7 +9,7 @@ var _react = require("react");
9
9
  var _focusTrap = _interopRequireDefault(require("focus-trap"));
10
10
  var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
11
11
  var _useLayering2 = require("@atlaskit/layering/use-layering");
12
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
12
+ var _fg = require("@atlaskit/platform-feature-flags/fg");
13
13
  var _useAnimationFrame2 = require("./utils/use-animation-frame");
14
14
  var useFocusManager = exports.useFocusManager = function useFocusManager(_ref) {
15
15
  var initialFocusRef = _ref.initialFocusRef,
@@ -29,7 +29,7 @@ var useFocusManager = exports.useFocusManager = function useFocusManager(_ref) {
29
29
  if (!popupRef || shouldCloseOnTab) {
30
30
  return _noop.default;
31
31
  }
32
- if (shouldDisableFocusTrap && (0, _platformFeatureFlags.fg)('platform_dst_popup-disable-focuslock')) {
32
+ if (shouldDisableFocusTrap && (0, _fg.fg)('platform_dst_popup-disable-focuslock')) {
33
33
  var isDropdown = popupRef.matches('[id^=ds--dropdown--]');
34
34
  var popups = document.querySelectorAll("[data-ds--level=\"".concat(currentLevel - 1, "\"]"));
35
35
  if (!(popups[popups.length - 1] && !shouldRenderToParent && isDropdown)) {
@@ -47,7 +47,7 @@ var useFocusManager = exports.useFocusManager = function useFocusManager(_ref) {
47
47
  }
48
48
  var trapConfig = {
49
49
  clickOutsideDeactivates: true,
50
- escapeDeactivates: (0, _platformFeatureFlags.fg)('platform_dst_nested_escape') ? false : true,
50
+ escapeDeactivates: (0, _fg.fg)('platform_dst_nested_escape') ? false : true,
51
51
  initialFocus: initialFocusRef || popupRef,
52
52
  fallbackFocus: popupRef,
53
53
  returnFocusOnDeactivate: shouldReturnFocus
@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useCallback, useContext } from 'react';
3
3
  import { Layering } from '@atlaskit/layering/layering';
4
4
  import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
5
- import { fg } from '@atlaskit/platform-feature-flags';
6
- import Portal from '@atlaskit/portal';
5
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
6
+ import Portal from '@atlaskit/portal/portal';
7
7
  import PopperWrapper from '../popper-wrapper';
8
8
  import { usePopupAppearance } from '../use-appearance';
9
9
  import { IdContext } from './id-context';
@@ -1,6 +1,6 @@
1
1
  import React, { useCallback, useContext } from 'react';
2
- import { fg } from '@atlaskit/platform-feature-flags';
3
- import { Reference } from '@atlaskit/popper';
2
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
3
+ import { Reference } from '@atlaskit/popper/reference';
4
4
  import { useGetMemoizedMergedTriggerRefNew } from '../use-get-memoized-merged-trigger-ref-new';
5
5
  import { IdContext } from './id-context';
6
6
  import { IsOpenContext } from './is-open-context';
@@ -1,7 +1,7 @@
1
1
  import React, { useRef, useState } from 'react';
2
2
  import { useId } from '@atlaskit/ds-lib/use-id';
3
- import { fg } from '@atlaskit/platform-feature-flags';
4
- import { Manager } from '@atlaskit/popper';
3
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
4
+ import { Manager } from '@atlaskit/popper/manager';
5
5
  import { IdContext } from './id-context';
6
6
  import { EnsureIsInsidePopupContext } from './is-inside-popup-context';
7
7
  import { IsOpenContext } from './is-open-context';
@@ -5,7 +5,7 @@ import * as React from 'react';
5
5
  import { forwardRef, Fragment, useMemo, useState } from 'react';
6
6
  import { ax, ix } from '@compiled/react/runtime';
7
7
  import { useLayering } from '@atlaskit/layering/use-layering';
8
- import Motion from '@atlaskit/motion/entering/motion';
8
+ import { Motion } from '@atlaskit/motion';
9
9
  import { fg } from '@atlaskit/platform-feature-flags';
10
10
  import { Popper } from '@atlaskit/popper';
11
11
  import { RepositionOnUpdate } from './reposition-on-update';
@@ -8,9 +8,10 @@ import { useId } from '@atlaskit/ds-lib/use-id';
8
8
  import { Layering } from '@atlaskit/layering/layering';
9
9
  import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
10
10
  import ExitingPersistence from '@atlaskit/motion/exiting-persistence';
11
- import { fg } from '@atlaskit/platform-feature-flags';
12
- import { Manager, Reference } from '@atlaskit/popper';
13
- import Portal from '@atlaskit/portal';
11
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
12
+ import { Manager } from '@atlaskit/popper/manager';
13
+ import { Reference } from '@atlaskit/popper/reference';
14
+ import Portal from '@atlaskit/portal/portal';
14
15
  import { Box } from '@atlaskit/primitives/compiled';
15
16
  import PopperWrapper from './popper-wrapper';
16
17
  import { PopupTopLayer } from './popup-top-layer';
@@ -3,7 +3,7 @@ import { useEffect, useRef } from 'react';
3
3
  import { bind, bindAll } from 'bind-event-listener';
4
4
  import noop from '@atlaskit/ds-lib/noop';
5
5
  import { useLayering } from '@atlaskit/layering/use-layering';
6
- import { fg } from '@atlaskit/platform-feature-flags';
6
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
7
7
  import { isInteractiveElement } from './utils/is-element-interactive';
8
8
  import { useAnimationFrame } from './utils/use-animation-frame';
9
9
  export const useCloseManager = ({
@@ -2,7 +2,7 @@ import { useEffect } from 'react';
2
2
  import createFocusTrap from 'focus-trap';
3
3
  import noop from '@atlaskit/ds-lib/noop';
4
4
  import { useLayering } from '@atlaskit/layering/use-layering';
5
- import { fg } from '@atlaskit/platform-feature-flags';
5
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
6
6
  import { useAnimationFrame } from './utils/use-animation-frame';
7
7
  export const useFocusManager = ({
8
8
  initialFocusRef,
@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useCallback, useContext } from 'react';
3
3
  import { Layering } from '@atlaskit/layering/layering';
4
4
  import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
5
- import { fg } from '@atlaskit/platform-feature-flags';
6
- import Portal from '@atlaskit/portal';
5
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
6
+ import Portal from '@atlaskit/portal/portal';
7
7
  import PopperWrapper from '../popper-wrapper';
8
8
  import { usePopupAppearance } from '../use-appearance';
9
9
  import { IdContext } from './id-context';
@@ -1,6 +1,6 @@
1
1
  import React, { useCallback, useContext } from 'react';
2
- import { fg } from '@atlaskit/platform-feature-flags';
3
- import { Reference } from '@atlaskit/popper';
2
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
3
+ import { Reference } from '@atlaskit/popper/reference';
4
4
  import { useGetMemoizedMergedTriggerRefNew } from '../use-get-memoized-merged-trigger-ref-new';
5
5
  import { IdContext } from './id-context';
6
6
  import { IsOpenContext } from './is-open-context';
@@ -1,8 +1,8 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import React, { useRef, useState } from 'react';
3
3
  import { useId } from '@atlaskit/ds-lib/use-id';
4
- import { fg } from '@atlaskit/platform-feature-flags';
5
- import { Manager } from '@atlaskit/popper';
4
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
5
+ import { Manager } from '@atlaskit/popper/manager';
6
6
  import { IdContext } from './id-context';
7
7
  import { EnsureIsInsidePopupContext } from './is-inside-popup-context';
8
8
  import { IsOpenContext } from './is-open-context';
@@ -12,7 +12,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
12
12
  import { forwardRef, Fragment, useMemo, useState } from 'react';
13
13
  import { ax, ix } from '@compiled/react/runtime';
14
14
  import { useLayering } from '@atlaskit/layering/use-layering';
15
- import Motion from '@atlaskit/motion/entering/motion';
15
+ import { Motion } from '@atlaskit/motion';
16
16
  import { fg } from '@atlaskit/platform-feature-flags';
17
17
  import { Popper } from '@atlaskit/popper';
18
18
  import { RepositionOnUpdate } from './reposition-on-update';
package/dist/esm/popup.js CHANGED
@@ -10,9 +10,10 @@ import { useId } from '@atlaskit/ds-lib/use-id';
10
10
  import { Layering } from '@atlaskit/layering/layering';
11
11
  import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
12
12
  import ExitingPersistence from '@atlaskit/motion/exiting-persistence';
13
- import { fg } from '@atlaskit/platform-feature-flags';
14
- import { Manager, Reference } from '@atlaskit/popper';
15
- import Portal from '@atlaskit/portal';
13
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
14
+ import { Manager } from '@atlaskit/popper/manager';
15
+ import { Reference } from '@atlaskit/popper/reference';
16
+ import Portal from '@atlaskit/portal/portal';
16
17
  import { Box } from '@atlaskit/primitives/compiled';
17
18
  import PopperWrapper from './popper-wrapper';
18
19
  import { PopupTopLayer } from './popup-top-layer';
@@ -3,7 +3,7 @@ import { useEffect, useRef } from 'react';
3
3
  import { bind, bindAll } from 'bind-event-listener';
4
4
  import noop from '@atlaskit/ds-lib/noop';
5
5
  import { useLayering } from '@atlaskit/layering/use-layering';
6
- import { fg } from '@atlaskit/platform-feature-flags';
6
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
7
7
  import { isInteractiveElement } from './utils/is-element-interactive';
8
8
  import { useAnimationFrame } from './utils/use-animation-frame';
9
9
  export var useCloseManager = function useCloseManager(_ref) {
@@ -2,7 +2,7 @@ import { useEffect } from 'react';
2
2
  import createFocusTrap from 'focus-trap';
3
3
  import noop from '@atlaskit/ds-lib/noop';
4
4
  import { useLayering } from '@atlaskit/layering/use-layering';
5
- import { fg } from '@atlaskit/platform-feature-flags';
5
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
6
6
  import { useAnimationFrame } from './utils/use-animation-frame';
7
7
  export var useFocusManager = function useFocusManager(_ref) {
8
8
  var initialFocusRef = _ref.initialFocusRef,
@@ -1,6 +1,6 @@
1
1
  import { type ComponentType, type CSSProperties, type Dispatch, type PropsWithChildren, type default as React, type ReactNode, type Ref, type SetStateAction } from 'react';
2
2
  import { type StrictXCSSProp } from '@atlaskit/css';
3
- import { type Modifier, type Placement, type PopperChildrenProps } from '@atlaskit/popper';
3
+ import type { Modifier, Placement, PopperChildrenProps } from '@atlaskit/popper/main';
4
4
  export interface TriggerProps {
5
5
  /**
6
6
  * React ref that will be attached to the trigger element.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/popup",
3
- "version": "6.1.0",
3
+ "version": "6.2.0",
4
4
  "description": "A popup displays brief content in an overlay.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -33,15 +33,15 @@
33
33
  "dependencies": {
34
34
  "@atlaskit/css": "^1.0.0",
35
35
  "@atlaskit/ds-lib": "^8.0.0",
36
- "@atlaskit/layering": "^5.0.0",
37
- "@atlaskit/motion": "^8.2.0",
36
+ "@atlaskit/layering": "^5.1.0",
37
+ "@atlaskit/motion": "^8.3.0",
38
38
  "@atlaskit/platform-feature-flags": "^2.1.0",
39
- "@atlaskit/popper": "^9.2.0",
40
- "@atlaskit/portal": "^6.2.0",
41
- "@atlaskit/primitives": "^22.3.0",
39
+ "@atlaskit/popper": "^9.3.0",
40
+ "@atlaskit/portal": "^6.3.0",
41
+ "@atlaskit/primitives": "^22.4.0",
42
42
  "@atlaskit/react-compiler-gating": "^0.2.0",
43
- "@atlaskit/tokens": "^16.7.0",
44
- "@atlaskit/top-layer": "^4.3.0",
43
+ "@atlaskit/tokens": "^16.8.0",
44
+ "@atlaskit/top-layer": "^4.4.0",
45
45
  "@babel/runtime": "^7.0.0",
46
46
  "@compiled/react": "^1.0.2",
47
47
  "bind-event-listener": "^3.0.0",
@@ -57,17 +57,17 @@
57
57
  "@af/accessibility-testing": "workspace:^",
58
58
  "@af/integration-testing": "workspace:^",
59
59
  "@af/visual-regression": "workspace:^",
60
- "@atlaskit/button": "^25.1.0",
61
- "@atlaskit/code": "^19.0.0",
60
+ "@atlaskit/button": "^25.2.0",
61
+ "@atlaskit/code": "^19.1.0",
62
62
  "@atlaskit/docs": "^12.2.0",
63
- "@atlaskit/form": "^17.0.0",
64
- "@atlaskit/heading": "^7.0.0",
65
- "@atlaskit/icon": "^37.4.0",
66
- "@atlaskit/link": "^5.0.0",
67
- "@atlaskit/modal-dialog": "^16.4.0",
68
- "@atlaskit/section-message": "^10.0.0",
69
- "@atlaskit/textfield": "^10.0.0",
70
- "@atlaskit/toggle": "^17.1.0",
63
+ "@atlaskit/form": "^17.1.0",
64
+ "@atlaskit/heading": "^7.1.0",
65
+ "@atlaskit/icon": "^37.5.0",
66
+ "@atlaskit/link": "^5.1.0",
67
+ "@atlaskit/modal-dialog": "^16.5.0",
68
+ "@atlaskit/section-message": "^10.1.0",
69
+ "@atlaskit/textfield": "^10.1.0",
70
+ "@atlaskit/toggle": "^17.2.0",
71
71
  "@atlassian/feature-flags-test-utils": "^1.2.0",
72
72
  "@atlassian/ssr-tests": "workspace:^",
73
73
  "@atlassian/structured-docs-types": "workspace:^",