@atlaskit/popup 1.29.1 → 1.29.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/popup
 
+## 1.29.2
+
+### Patch Changes
+
+- [#161638](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/161638)
+  [`d2e5e5ce0053d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d2e5e5ce0053d) -
+  Use new API of layering without UNSAFE prefix
+
 ## 1.29.1
 
 ### Patch Changes

package/dist/cjs/compositional/popup.js

@@ -152,7 +152,7 @@ var PopupContent = exports.PopupContent = function PopupContent(_ref4) {
   if (!isOpen) {
     return null;
   }
-  var popperWrapper = /*#__PURE__*/_react.default.createElement(_layering.UNSAFE_LAYERING, {
+  var popperWrapper = /*#__PURE__*/_react.default.createElement(_layering.Layering, {
     isDisabled: false
   }, /*#__PURE__*/_react.default.createElement(_popperWrapper.default
   // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage

package/dist/cjs/popper-wrapper.js

@@ -139,8 +139,8 @@ function PopperWrapper(_ref) {
     shouldDisableFocusTrap: shouldDisableFocusTrap,
     shouldRenderToParent: shouldRenderToParent
   });
-  var _UNSAFE_useLayering = (0, _layering.UNSAFE_useLayering)(),
-    currentLevel = _UNSAFE_useLayering.currentLevel;
+  var _useLayering = (0, _layering.useLayering)(),
+    currentLevel = _useLayering.currentLevel;
   var mergedModifiers = (0, _react.useMemo)(function () {
     return [{
       name: 'flip',

package/dist/cjs/popup.js

@@ -89,7 +89,7 @@ var Popup = exports.Popup = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   (0, _openLayerObserver.useNotifyOpenLayerObserver)({
     isOpen: isOpen
   });
-  var renderPopperWrapper = (0, _react2.jsx)(_layering.UNSAFE_LAYERING, {
+  var renderPopperWrapper = (0, _react2.jsx)(_layering.Layering, {
     isDisabled: false
   }, (0, _react2.jsx)(_popperWrapper.default
   // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage

package/dist/cjs/use-close-manager.js

@@ -24,9 +24,9 @@ var useCloseManager = exports.useCloseManager = function useCloseManager(_ref) {
     capture = _ref.shouldUseCaptureOnOutsideClick,
     shouldCloseOnTab = _ref.shouldCloseOnTab,
     shouldRenderToParent = _ref.shouldRenderToParent;
-  var _UNSAFE_useLayering = (0, _layering.UNSAFE_useLayering)(),
-    isLayerDisabled = _UNSAFE_useLayering.isLayerDisabled,
-    currentLevel = _UNSAFE_useLayering.currentLevel;
+  var _useLayering = (0, _layering.useLayering)(),
+    isLayerDisabled = _useLayering.isLayerDisabled,
+    currentLevel = _useLayering.currentLevel;
   var _useAnimationFrame = (0, _useAnimationFrame2.useAnimationFrame)(),
     requestFrame = _useAnimationFrame.requestFrame,
     cancelAllFrames = _useAnimationFrame.cancelAllFrames;

package/dist/cjs/use-focus-manager.js

@@ -23,8 +23,8 @@ var useFocusManager = exports.useFocusManager = function useFocusManager(_ref) {
   var _useAnimationFrame = (0, _useAnimationFrame2.useAnimationFrame)(),
     requestFrame = _useAnimationFrame.requestFrame,
     cancelAllFrames = _useAnimationFrame.cancelAllFrames;
-  var _UNSAFE_useLayering = (0, _layering.UNSAFE_useLayering)(),
-    currentLevel = _UNSAFE_useLayering.currentLevel;
+  var _useLayering = (0, _layering.useLayering)(),
+    currentLevel = _useLayering.currentLevel;
   (0, _react.useEffect)(function () {
     if (!popupRef || shouldCloseOnTab) {
       return _noop.default;

package/dist/es2019/compositional/popup.js

@@ -2,7 +2,7 @@ import React, { createContext, useContext, useState } from 'react';
 import invariant from 'tiny-invariant';
 import noop from '@atlaskit/ds-lib/noop';
 import { useId } from '@atlaskit/ds-lib/use-id';
-import { UNSAFE_LAYERING } from '@atlaskit/layering';
+import { Layering } from '@atlaskit/layering';
 import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
 import { Manager, Reference } from '@atlaskit/popper';
 import Portal from '@atlaskit/portal';
@@ -132,7 +132,7 @@ export const PopupContent = ({
   if (!isOpen) {
     return null;
   }
-  const popperWrapper = /*#__PURE__*/React.createElement(UNSAFE_LAYERING, {
+  const popperWrapper = /*#__PURE__*/React.createElement(Layering, {
     isDisabled: false
   }, /*#__PURE__*/React.createElement(PopperWrapper
   // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage

package/dist/es2019/popper-wrapper.js

@@ -6,7 +6,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import { forwardRef, Fragment, useMemo, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import FocusRing from '@atlaskit/focus-ring';
-import { UNSAFE_useLayering } from '@atlaskit/layering';
+import { useLayering } from '@atlaskit/layering';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Popper } from '@atlaskit/popper';
 import { N0, N50A, N60A } from '@atlaskit/theme/colors';
@@ -123,7 +123,7 @@ function PopperWrapper({
   });
   const {
     currentLevel
-  } = UNSAFE_useLayering();
+  } = useLayering();
   const mergedModifiers = useMemo(() => [{
     name: 'flip',
     enabled: shouldFlip,

package/dist/es2019/popup.js

@@ -8,7 +8,7 @@ import { memo, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useId } from '@atlaskit/ds-lib/use-id';
-import { UNSAFE_LAYERING } from '@atlaskit/layering';
+import { Layering } from '@atlaskit/layering';
 import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Manager, Reference } from '@atlaskit/popper';
@@ -68,7 +68,7 @@ export const Popup = /*#__PURE__*/memo(({
   useNotifyOpenLayerObserver({
     isOpen
   });
-  const renderPopperWrapper = jsx(UNSAFE_LAYERING, {
+  const renderPopperWrapper = jsx(Layering, {
     isDisabled: false
   }, jsx(PopperWrapper
   // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage

package/dist/es2019/use-close-manager.js

@@ -2,7 +2,7 @@
 import { useEffect } from 'react';
 import { bind, bindAll } from 'bind-event-listener';
 import noop from '@atlaskit/ds-lib/noop';
-import { UNSAFE_useLayering } from '@atlaskit/layering';
+import { useLayering } from '@atlaskit/layering';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { isInteractiveElement } from './utils/is-element-interactive';
 import { useAnimationFrame } from './utils/use-animation-frame';
@@ -20,7 +20,7 @@ export const useCloseManager = ({
   const {
     isLayerDisabled,
     currentLevel
-  } = UNSAFE_useLayering();
+  } = useLayering();
   const {
     requestFrame,
     cancelAllFrames

package/dist/es2019/use-focus-manager.js

@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 import createFocusTrap from 'focus-trap';
 import noop from '@atlaskit/ds-lib/noop';
-import { UNSAFE_useLayering } from '@atlaskit/layering';
+import { useLayering } from '@atlaskit/layering';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnimationFrame } from './utils/use-animation-frame';
 export const useFocusManager = ({
@@ -20,7 +20,7 @@ export const useFocusManager = ({
   } = useAnimationFrame();
   const {
     currentLevel
-  } = UNSAFE_useLayering();
+  } = useLayering();
   useEffect(() => {
     if (!popupRef || shouldCloseOnTab) {
       return noop;

package/dist/esm/compositional/popup.js

@@ -3,7 +3,7 @@ import React, { createContext, useContext, useState } from 'react';
 import invariant from 'tiny-invariant';
 import noop from '@atlaskit/ds-lib/noop';
 import { useId } from '@atlaskit/ds-lib/use-id';
-import { UNSAFE_LAYERING } from '@atlaskit/layering';
+import { Layering } from '@atlaskit/layering';
 import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
 import { Manager, Reference } from '@atlaskit/popper';
 import Portal from '@atlaskit/portal';
@@ -142,7 +142,7 @@ export var PopupContent = function PopupContent(_ref4) {
   if (!isOpen) {
     return null;
   }
-  var popperWrapper = /*#__PURE__*/React.createElement(UNSAFE_LAYERING, {
+  var popperWrapper = /*#__PURE__*/React.createElement(Layering, {
     isDisabled: false
   }, /*#__PURE__*/React.createElement(PopperWrapper
   // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage

package/dist/esm/popper-wrapper.js

@@ -12,7 +12,7 @@ var _css;
 import { forwardRef, Fragment, useMemo, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import FocusRing from '@atlaskit/focus-ring';
-import { UNSAFE_useLayering } from '@atlaskit/layering';
+import { useLayering } from '@atlaskit/layering';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Popper } from '@atlaskit/popper';
 import { N0, N50A, N60A } from '@atlaskit/theme/colors';
@@ -132,8 +132,8 @@ function PopperWrapper(_ref) {
     shouldDisableFocusTrap: shouldDisableFocusTrap,
     shouldRenderToParent: shouldRenderToParent
   });
-  var _UNSAFE_useLayering = UNSAFE_useLayering(),
-    currentLevel = _UNSAFE_useLayering.currentLevel;
+  var _useLayering = useLayering(),
+    currentLevel = _useLayering.currentLevel;
   var mergedModifiers = useMemo(function () {
     return [{
       name: 'flip',

package/dist/esm/popup.js

@@ -9,7 +9,7 @@ import { memo, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useId } from '@atlaskit/ds-lib/use-id';
-import { UNSAFE_LAYERING } from '@atlaskit/layering';
+import { Layering } from '@atlaskit/layering';
 import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Manager, Reference } from '@atlaskit/popper';
@@ -81,7 +81,7 @@ export var Popup = /*#__PURE__*/memo(function (_ref) {
   useNotifyOpenLayerObserver({
     isOpen: isOpen
   });
-  var renderPopperWrapper = jsx(UNSAFE_LAYERING, {
+  var renderPopperWrapper = jsx(Layering, {
     isDisabled: false
   }, jsx(PopperWrapper
   // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage

package/dist/esm/use-close-manager.js

@@ -2,7 +2,7 @@
 import { useEffect } from 'react';
 import { bind, bindAll } from 'bind-event-listener';
 import noop from '@atlaskit/ds-lib/noop';
-import { UNSAFE_useLayering } from '@atlaskit/layering';
+import { useLayering } from '@atlaskit/layering';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { isInteractiveElement } from './utils/is-element-interactive';
 import { useAnimationFrame } from './utils/use-animation-frame';
@@ -16,9 +16,9 @@ export var useCloseManager = function useCloseManager(_ref) {
     capture = _ref.shouldUseCaptureOnOutsideClick,
     shouldCloseOnTab = _ref.shouldCloseOnTab,
     shouldRenderToParent = _ref.shouldRenderToParent;
-  var _UNSAFE_useLayering = UNSAFE_useLayering(),
-    isLayerDisabled = _UNSAFE_useLayering.isLayerDisabled,
-    currentLevel = _UNSAFE_useLayering.currentLevel;
+  var _useLayering = useLayering(),
+    isLayerDisabled = _useLayering.isLayerDisabled,
+    currentLevel = _useLayering.currentLevel;
   var _useAnimationFrame = useAnimationFrame(),
     requestFrame = _useAnimationFrame.requestFrame,
     cancelAllFrames = _useAnimationFrame.cancelAllFrames;

package/dist/esm/use-focus-manager.js

@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 import createFocusTrap from 'focus-trap';
 import noop from '@atlaskit/ds-lib/noop';
-import { UNSAFE_useLayering } from '@atlaskit/layering';
+import { useLayering } from '@atlaskit/layering';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useAnimationFrame } from './utils/use-animation-frame';
 export var useFocusManager = function useFocusManager(_ref) {
@@ -16,8 +16,8 @@ export var useFocusManager = function useFocusManager(_ref) {
   var _useAnimationFrame = useAnimationFrame(),
     requestFrame = _useAnimationFrame.requestFrame,
     cancelAllFrames = _useAnimationFrame.cancelAllFrames;
-  var _UNSAFE_useLayering = UNSAFE_useLayering(),
-    currentLevel = _UNSAFE_useLayering.currentLevel;
+  var _useLayering = useLayering(),
+    currentLevel = _useLayering.currentLevel;
   useEffect(function () {
     if (!popupRef || shouldCloseOnTab) {
       return noop;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/popup",
-	"version": "1.29.1",
+	"version": "1.29.2",
 	"description": "A popup displays brief content in an overlay.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,14 +38,14 @@
 	"dependencies": {
 		"@atlaskit/css": "^0.6.0",
 		"@atlaskit/ds-lib": "^3.1.0",
-		"@atlaskit/focus-ring": "^1.6.0",
+		"@atlaskit/focus-ring": "^1.7.0",
 		"@atlaskit/layering": "^0.7.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/popper": "^6.3.0",
 		"@atlaskit/portal": "^4.9.0",
-		"@atlaskit/primitives": "^13.0.0",
+		"@atlaskit/primitives": "^13.1.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.0.0",
+		"@atlaskit/tokens": "^2.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0",