@atlaskit/popup 1.5.3 → 1.5.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/popup
 
+## 1.5.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.5.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.5.3
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -10,9 +10,7 @@ Object.defineProperty(exports, "Popup", {
   }
 });
 exports.default = void 0;
-
 var _popup = require("./popup");
-
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 var _default = _popup.Popup;
 exports.default = _default;

package/dist/cjs/popper-wrapper.js

@@ -1,33 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _popper = require("@atlaskit/popper");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _repositionOnUpdate = require("./reposition-on-update");
-
 var _useCloseManager = require("./use-close-manager");
-
 var _useFocusManager = require("./use-focus-manager");
-
 /** @jsx jsx */
+
 var popupStyles = (0, _react2.css)({
   display: 'block',
   boxSizing: 'border-box',
@@ -48,37 +37,33 @@ var DefaultPopupComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     ref: ref
   }));
 });
-
 function PopperWrapper(_ref) {
   var isOpen = _ref.isOpen,
-      id = _ref.id,
-      offset = _ref.offset,
-      testId = _ref.testId,
-      content = _ref.content,
-      fallbackPlacements = _ref.fallbackPlacements,
-      onClose = _ref.onClose,
-      boundary = _ref.boundary,
-      rootBoundary = _ref.rootBoundary,
-      shouldFlip = _ref.shouldFlip,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
-      _ref$popupComponent = _ref.popupComponent,
-      PopupContainer = _ref$popupComponent === void 0 ? DefaultPopupComponent : _ref$popupComponent,
-      _ref$autoFocus = _ref.autoFocus,
-      autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,
-      triggerRef = _ref.triggerRef,
-      shouldUseCaptureOnOutsideClick = _ref.shouldUseCaptureOnOutsideClick;
-
+    id = _ref.id,
+    offset = _ref.offset,
+    testId = _ref.testId,
+    content = _ref.content,
+    fallbackPlacements = _ref.fallbackPlacements,
+    onClose = _ref.onClose,
+    boundary = _ref.boundary,
+    rootBoundary = _ref.rootBoundary,
+    shouldFlip = _ref.shouldFlip,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
+    _ref$popupComponent = _ref.popupComponent,
+    PopupContainer = _ref$popupComponent === void 0 ? DefaultPopupComponent : _ref$popupComponent,
+    _ref$autoFocus = _ref.autoFocus,
+    autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,
+    triggerRef = _ref.triggerRef,
+    shouldUseCaptureOnOutsideClick = _ref.shouldUseCaptureOnOutsideClick;
   var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      popupRef = _useState2[0],
-      setPopupRef = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    popupRef = _useState2[0],
+    setPopupRef = _useState2[1];
   var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      initialFocusRef = _useState4[0],
-      setInitialFocusRef = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    initialFocusRef = _useState4[0],
+    setInitialFocusRef = _useState4[1];
   (0, _useFocusManager.useFocusManager)({
     initialFocusRef: initialFocusRef,
     popupRef: popupRef
@@ -107,9 +92,9 @@ function PopperWrapper(_ref) {
     modifiers: modifiers
   }, function (_ref2) {
     var _ref3 = _ref2.ref,
-        style = _ref2.style,
-        placement = _ref2.placement,
-        update = _ref2.update;
+      style = _ref2.style,
+      placement = _ref2.placement,
+      update = _ref2.update;
     return (0, _react2.jsx)(PopupContainer, {
       id: id,
       "data-placement": placement,
@@ -121,11 +106,11 @@ function PopperWrapper(_ref) {
           } else {
             _ref3.current = node;
           }
-
           setPopupRef(node);
         }
       },
-      style: style // using tabIndex={-1} would cause a bug where Safari focuses
+      style: style
+      // using tabIndex={-1} would cause a bug where Safari focuses
       // first on the browser address bar when using keyboard
       ,
       tabIndex: autoFocus ? 0 : undefined
@@ -138,8 +123,8 @@ function PopperWrapper(_ref) {
       setInitialFocusRef: setInitialFocusRef
     })));
   });
-} // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+}
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var _default = PopperWrapper;
 exports.default = _default;

package/dist/cjs/popup.js

@@ -1,60 +1,48 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Popup = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _popper = require("@atlaskit/popper");
-
 var _portal = _interopRequireDefault(require("@atlaskit/portal"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _popperWrapper = _interopRequireDefault(require("./popper-wrapper"));
-
 /* eslint-disable @repo/internal/react/require-jsdoc */
-
 /** @jsx jsx */
-var defaultLayer = _constants.layers.layer();
 
+var defaultLayer = _constants.layers.layer();
 var Popup = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var isOpen = _ref.isOpen,
-      id = _ref.id,
-      offset = _ref.offset,
-      testId = _ref.testId,
-      trigger = _ref.trigger,
-      content = _ref.content,
-      onClose = _ref.onClose,
-      boundary = _ref.boundary,
-      _ref$rootBoundary = _ref.rootBoundary,
-      rootBoundary = _ref$rootBoundary === void 0 ? 'viewport' : _ref$rootBoundary,
-      _ref$shouldFlip = _ref.shouldFlip,
-      shouldFlip = _ref$shouldFlip === void 0 ? true : _ref$shouldFlip,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
-      fallbackPlacements = _ref.fallbackPlacements,
-      PopupContainer = _ref.popupComponent,
-      _ref$autoFocus = _ref.autoFocus,
-      autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,
-      _ref$zIndex = _ref.zIndex,
-      zIndex = _ref$zIndex === void 0 ? defaultLayer : _ref$zIndex,
-      _ref$shouldUseCapture = _ref.shouldUseCaptureOnOutsideClick,
-      shouldUseCaptureOnOutsideClick = _ref$shouldUseCapture === void 0 ? false : _ref$shouldUseCapture;
-
+    id = _ref.id,
+    offset = _ref.offset,
+    testId = _ref.testId,
+    trigger = _ref.trigger,
+    content = _ref.content,
+    onClose = _ref.onClose,
+    boundary = _ref.boundary,
+    _ref$rootBoundary = _ref.rootBoundary,
+    rootBoundary = _ref$rootBoundary === void 0 ? 'viewport' : _ref$rootBoundary,
+    _ref$shouldFlip = _ref.shouldFlip,
+    shouldFlip = _ref$shouldFlip === void 0 ? true : _ref$shouldFlip,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
+    fallbackPlacements = _ref.fallbackPlacements,
+    PopupContainer = _ref.popupComponent,
+    _ref$autoFocus = _ref.autoFocus,
+    autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? defaultLayer : _ref$zIndex,
+    _ref$shouldUseCapture = _ref.shouldUseCaptureOnOutsideClick,
+    shouldUseCaptureOnOutsideClick = _ref$shouldUseCapture === void 0 ? false : _ref$shouldUseCapture;
   var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      triggerRef = _useState2[0],
-      setTriggerRef = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    triggerRef = _useState2[0],
+    setTriggerRef = _useState2[1];
   return (0, _react2.jsx)(_popper.Manager, null, (0, _react2.jsx)(_popper.Reference, null, function (_ref2) {
     var _ref3 = _ref2.ref;
     return trigger({
@@ -65,7 +53,6 @@ var Popup = /*#__PURE__*/(0, _react.memo)(function (_ref) {
           } else {
             _ref3.current = node;
           }
-
           setTriggerRef(node);
         }
       },

package/dist/cjs/reposition-on-update.js

@@ -1,35 +1,29 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RepositionOnUpdate = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 var RepositionOnUpdate = function RepositionOnUpdate(_ref) {
   var children = _ref.children,
-      update = _ref.update;
+    update = _ref.update;
   // Ref used here to skip update on first render (when refs haven't been set)
   var isFirstRenderRef = (0, _react.useRef)(true);
   (0, _react.useLayoutEffect)(function () {
     if (isFirstRenderRef.current) {
       isFirstRenderRef.current = false;
       return;
-    } // callback function from popper that repositions pop-up on content Update
-
-
+    }
+    // callback function from popper that repositions pop-up on content Update
     update();
-  }, [update]); // wrapping in fragment to make TS happy (known issue with FC returning children)
+  }, [update]);
 
+  // wrapping in fragment to make TS happy (known issue with FC returning children)
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, children);
 };
-
 exports.RepositionOnUpdate = RepositionOnUpdate;

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

@@ -1,66 +1,54 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCloseManager = void 0;
-
 var _react = require("react");
-
 var _bindEventListener = require("bind-event-listener");
-
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-
 var useCloseManager = function useCloseManager(_ref) {
   var isOpen = _ref.isOpen,
-      onClose = _ref.onClose,
-      popupRef = _ref.popupRef,
-      triggerRef = _ref.triggerRef,
-      capture = _ref.shouldUseCaptureOnOutsideClick;
+    onClose = _ref.onClose,
+    popupRef = _ref.popupRef,
+    triggerRef = _ref.triggerRef,
+    capture = _ref.shouldUseCaptureOnOutsideClick;
   (0, _react.useEffect)(function () {
     if (!isOpen || !popupRef) {
       return _noop.default;
     }
-
     var closePopup = function closePopup(event) {
       if (onClose) {
         onClose(event);
       }
-    }; // This check is required for cases where components like
+    };
+
+    // This check is required for cases where components like
     // Select or DDM are placed inside a Popup. A click
     // on a MenuItem or Option would close the Popup, without registering
     // a click on DDM/Select.
     // Users would have to call `onClose` manually to close the Popup in these cases.
     // You can see the bug in action here:
     // https://codesandbox.io/s/atlaskitpopup-default-forked-2eb87?file=/example.tsx:0-1788
-
-
     var onClick = function onClick(event) {
       var target = event.target;
       var doesDomNodeExist = document.body.contains(target);
-
       if (!doesDomNodeExist) {
         return;
       }
-
       var isClickOnPopup = popupRef && popupRef.contains(target);
       var isClickOnTrigger = triggerRef && triggerRef.contains(target);
-
       if (!isClickOnPopup && !isClickOnTrigger) {
         closePopup(event);
       }
     };
-
     var onKeyDown = function onKeyDown(event) {
       var key = event.key;
-
       if (key === 'Escape' || key === 'Esc') {
         closePopup(event);
       }
     };
-
     var unbind = (0, _bindEventListener.bindAll)(window, [{
       type: 'click',
       listener: onClick,
@@ -74,5 +62,4 @@ var useCloseManager = function useCloseManager(_ref) {
     return unbind;
   }, [isOpen, onClose, popupRef, triggerRef, capture]);
 };
-
 exports.useCloseManager = useCloseManager;

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

@@ -1,26 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useFocusManager = void 0;
-
 var _react = require("react");
-
 var _focusTrap = _interopRequireDefault(require("focus-trap"));
-
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-
 var useFocusManager = function useFocusManager(_ref) {
   var popupRef = _ref.popupRef,
-      initialFocusRef = _ref.initialFocusRef;
+    initialFocusRef = _ref.initialFocusRef;
   (0, _react.useEffect)(function () {
     if (!popupRef) {
       return _noop.default;
     }
-
     var trapConfig = {
       clickOutsideDeactivates: true,
       escapeDeactivates: true,
@@ -28,8 +22,9 @@ var useFocusManager = function useFocusManager(_ref) {
       fallbackFocus: popupRef,
       returnFocusOnDeactivate: true
     };
-    var focusTrap = (0, _focusTrap.default)(popupRef, trapConfig); // wait for the popup to reposition itself before we focus
+    var focusTrap = (0, _focusTrap.default)(popupRef, trapConfig);
 
+    // wait for the popup to reposition itself before we focus
     var frameId = requestAnimationFrame(function () {
       frameId = null;
       focusTrap.activate();
@@ -39,10 +34,8 @@ var useFocusManager = function useFocusManager(_ref) {
         cancelAnimationFrame(frameId);
         frameId = null;
       }
-
       focusTrap.deactivate();
     };
   }, [popupRef, initialFocusRef]);
 };
-
 exports.useFocusManager = useFocusManager;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/popup",
-	"version": "1.5.3",
+	"version": "1.5.5",
 	"sideEffects": false
 }

package/dist/es2019/index.js

@@ -1,4 +1,4 @@
 import { Popup } from './popup';
-export { Popup }; // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+export { Popup };
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default Popup;

package/dist/es2019/popper-wrapper.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { forwardRef, useMemo, useState } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -27,7 +26,6 @@ const DefaultPopupComponent = /*#__PURE__*/forwardRef((props, ref) => jsx("div",
 }, props, {
   ref: ref
 })));
-
 function PopperWrapper({
   isOpen,
   id,
@@ -88,11 +86,11 @@ function PopperWrapper({
           } else {
             ref.current = node;
           }
-
           setPopupRef(node);
         }
       },
-      style: style // using tabIndex={-1} would cause a bug where Safari focuses
+      style: style
+      // using tabIndex={-1} would cause a bug where Safari focuses
       // first on the browser address bar when using keyboard
       ,
       tabIndex: autoFocus ? 0 : undefined
@@ -105,7 +103,7 @@ function PopperWrapper({
       setInitialFocusRef
     })));
   });
-} // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+}
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default PopperWrapper;

package/dist/es2019/popup.js

@@ -1,5 +1,4 @@
 /* eslint-disable @repo/internal/react/require-jsdoc */
-
 /** @jsx jsx */
 import { memo, useState } from 'react';
 import { jsx } from '@emotion/react';
@@ -38,7 +37,6 @@ export const Popup = /*#__PURE__*/memo(({
           } else {
             ref.current = node;
           }
-
           setTriggerRef(node);
         }
       },

package/dist/es2019/reposition-on-update.js

@@ -10,11 +10,11 @@ export const RepositionOnUpdate = ({
     if (isFirstRenderRef.current) {
       isFirstRenderRef.current = false;
       return;
-    } // callback function from popper that repositions pop-up on content Update
-
-
+    }
+    // callback function from popper that repositions pop-up on content Update
     update();
-  }, [update]); // wrapping in fragment to make TS happy (known issue with FC returning children)
+  }, [update]);
 
+  // wrapping in fragment to make TS happy (known issue with FC returning children)
   return /*#__PURE__*/React.createElement(Fragment, null, children);
 };

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

@@ -12,48 +12,41 @@ export const useCloseManager = ({
     if (!isOpen || !popupRef) {
       return noop;
     }
-
     const closePopup = event => {
       if (onClose) {
         onClose(event);
       }
-    }; // This check is required for cases where components like
+    };
+
+    // This check is required for cases where components like
     // Select or DDM are placed inside a Popup. A click
     // on a MenuItem or Option would close the Popup, without registering
     // a click on DDM/Select.
     // Users would have to call `onClose` manually to close the Popup in these cases.
     // You can see the bug in action here:
     // https://codesandbox.io/s/atlaskitpopup-default-forked-2eb87?file=/example.tsx:0-1788
-
-
     const onClick = event => {
       const {
         target
       } = event;
       const doesDomNodeExist = document.body.contains(target);
-
       if (!doesDomNodeExist) {
         return;
       }
-
       const isClickOnPopup = popupRef && popupRef.contains(target);
       const isClickOnTrigger = triggerRef && triggerRef.contains(target);
-
       if (!isClickOnPopup && !isClickOnTrigger) {
         closePopup(event);
       }
     };
-
     const onKeyDown = event => {
       const {
         key
       } = event;
-
       if (key === 'Escape' || key === 'Esc') {
         closePopup(event);
       }
     };
-
     const unbind = bindAll(window, [{
       type: 'click',
       listener: onClick,

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

@@ -9,7 +9,6 @@ export const useFocusManager = ({
     if (!popupRef) {
       return noop;
     }
-
     const trapConfig = {
       clickOutsideDeactivates: true,
       escapeDeactivates: true,
@@ -17,8 +16,9 @@ export const useFocusManager = ({
       fallbackFocus: popupRef,
       returnFocusOnDeactivate: true
     };
-    const focusTrap = createFocusTrap(popupRef, trapConfig); // wait for the popup to reposition itself before we focus
+    const focusTrap = createFocusTrap(popupRef, trapConfig);
 
+    // wait for the popup to reposition itself before we focus
     let frameId = requestAnimationFrame(() => {
       frameId = null;
       focusTrap.activate();
@@ -28,7 +28,6 @@ export const useFocusManager = ({
         cancelAnimationFrame(frameId);
         frameId = null;
       }
-
       focusTrap.deactivate();
     };
   }, [popupRef, initialFocusRef]);

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/popup",
-	"version": "1.5.3",
+	"version": "1.5.5",
 	"sideEffects": false
 }

package/dist/esm/index.js

@@ -1,4 +1,4 @@
 import { Popup } from './popup';
-export { Popup }; // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+export { Popup };
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default Popup;

package/dist/esm/popper-wrapper.js

@@ -1,6 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { forwardRef, useMemo, useState } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -30,37 +29,33 @@ var DefaultPopupComponent = /*#__PURE__*/forwardRef(function (props, ref) {
     ref: ref
   }));
 });
-
 function PopperWrapper(_ref) {
   var isOpen = _ref.isOpen,
-      id = _ref.id,
-      offset = _ref.offset,
-      testId = _ref.testId,
-      content = _ref.content,
-      fallbackPlacements = _ref.fallbackPlacements,
-      onClose = _ref.onClose,
-      boundary = _ref.boundary,
-      rootBoundary = _ref.rootBoundary,
-      shouldFlip = _ref.shouldFlip,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
-      _ref$popupComponent = _ref.popupComponent,
-      PopupContainer = _ref$popupComponent === void 0 ? DefaultPopupComponent : _ref$popupComponent,
-      _ref$autoFocus = _ref.autoFocus,
-      autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,
-      triggerRef = _ref.triggerRef,
-      shouldUseCaptureOnOutsideClick = _ref.shouldUseCaptureOnOutsideClick;
-
+    id = _ref.id,
+    offset = _ref.offset,
+    testId = _ref.testId,
+    content = _ref.content,
+    fallbackPlacements = _ref.fallbackPlacements,
+    onClose = _ref.onClose,
+    boundary = _ref.boundary,
+    rootBoundary = _ref.rootBoundary,
+    shouldFlip = _ref.shouldFlip,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
+    _ref$popupComponent = _ref.popupComponent,
+    PopupContainer = _ref$popupComponent === void 0 ? DefaultPopupComponent : _ref$popupComponent,
+    _ref$autoFocus = _ref.autoFocus,
+    autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,
+    triggerRef = _ref.triggerRef,
+    shouldUseCaptureOnOutsideClick = _ref.shouldUseCaptureOnOutsideClick;
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      popupRef = _useState2[0],
-      setPopupRef = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    popupRef = _useState2[0],
+    setPopupRef = _useState2[1];
   var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      initialFocusRef = _useState4[0],
-      setInitialFocusRef = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    initialFocusRef = _useState4[0],
+    setInitialFocusRef = _useState4[1];
   useFocusManager({
     initialFocusRef: initialFocusRef,
     popupRef: popupRef
@@ -89,9 +84,9 @@ function PopperWrapper(_ref) {
     modifiers: modifiers
   }, function (_ref2) {
     var _ref3 = _ref2.ref,
-        style = _ref2.style,
-        placement = _ref2.placement,
-        update = _ref2.update;
+      style = _ref2.style,
+      placement = _ref2.placement,
+      update = _ref2.update;
     return jsx(PopupContainer, {
       id: id,
       "data-placement": placement,
@@ -103,11 +98,11 @@ function PopperWrapper(_ref) {
           } else {
             _ref3.current = node;
           }
-
           setPopupRef(node);
         }
       },
-      style: style // using tabIndex={-1} would cause a bug where Safari focuses
+      style: style
+      // using tabIndex={-1} would cause a bug where Safari focuses
       // first on the browser address bar when using keyboard
       ,
       tabIndex: autoFocus ? 0 : undefined
@@ -120,7 +115,7 @@ function PopperWrapper(_ref) {
       setInitialFocusRef: setInitialFocusRef
     })));
   });
-} // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+}
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default PopperWrapper;

package/dist/esm/popup.js

@@ -1,7 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 /* eslint-disable @repo/internal/react/require-jsdoc */
-
 /** @jsx jsx */
 import { memo, useState } from 'react';
 import { jsx } from '@emotion/react';
@@ -12,33 +10,31 @@ import PopperWrapper from './popper-wrapper';
 var defaultLayer = layers.layer();
 export var Popup = /*#__PURE__*/memo(function (_ref) {
   var isOpen = _ref.isOpen,
-      id = _ref.id,
-      offset = _ref.offset,
-      testId = _ref.testId,
-      trigger = _ref.trigger,
-      content = _ref.content,
-      onClose = _ref.onClose,
-      boundary = _ref.boundary,
-      _ref$rootBoundary = _ref.rootBoundary,
-      rootBoundary = _ref$rootBoundary === void 0 ? 'viewport' : _ref$rootBoundary,
-      _ref$shouldFlip = _ref.shouldFlip,
-      shouldFlip = _ref$shouldFlip === void 0 ? true : _ref$shouldFlip,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
-      fallbackPlacements = _ref.fallbackPlacements,
-      PopupContainer = _ref.popupComponent,
-      _ref$autoFocus = _ref.autoFocus,
-      autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,
-      _ref$zIndex = _ref.zIndex,
-      zIndex = _ref$zIndex === void 0 ? defaultLayer : _ref$zIndex,
-      _ref$shouldUseCapture = _ref.shouldUseCaptureOnOutsideClick,
-      shouldUseCaptureOnOutsideClick = _ref$shouldUseCapture === void 0 ? false : _ref$shouldUseCapture;
-
+    id = _ref.id,
+    offset = _ref.offset,
+    testId = _ref.testId,
+    trigger = _ref.trigger,
+    content = _ref.content,
+    onClose = _ref.onClose,
+    boundary = _ref.boundary,
+    _ref$rootBoundary = _ref.rootBoundary,
+    rootBoundary = _ref$rootBoundary === void 0 ? 'viewport' : _ref$rootBoundary,
+    _ref$shouldFlip = _ref.shouldFlip,
+    shouldFlip = _ref$shouldFlip === void 0 ? true : _ref$shouldFlip,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
+    fallbackPlacements = _ref.fallbackPlacements,
+    PopupContainer = _ref.popupComponent,
+    _ref$autoFocus = _ref.autoFocus,
+    autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? defaultLayer : _ref$zIndex,
+    _ref$shouldUseCapture = _ref.shouldUseCaptureOnOutsideClick,
+    shouldUseCaptureOnOutsideClick = _ref$shouldUseCapture === void 0 ? false : _ref$shouldUseCapture;
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      triggerRef = _useState2[0],
-      setTriggerRef = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    triggerRef = _useState2[0],
+    setTriggerRef = _useState2[1];
   return jsx(Manager, null, jsx(Reference, null, function (_ref2) {
     var _ref3 = _ref2.ref;
     return trigger({
@@ -49,7 +45,6 @@ export var Popup = /*#__PURE__*/memo(function (_ref) {
           } else {
             _ref3.current = node;
           }
-
           setTriggerRef(node);
         }
       },

package/dist/esm/reposition-on-update.js

@@ -2,18 +2,18 @@ import React, { Fragment, useLayoutEffect, useRef } from 'react';
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export var RepositionOnUpdate = function RepositionOnUpdate(_ref) {
   var children = _ref.children,
-      update = _ref.update;
+    update = _ref.update;
   // Ref used here to skip update on first render (when refs haven't been set)
   var isFirstRenderRef = useRef(true);
   useLayoutEffect(function () {
     if (isFirstRenderRef.current) {
       isFirstRenderRef.current = false;
       return;
-    } // callback function from popper that repositions pop-up on content Update
-
-
+    }
+    // callback function from popper that repositions pop-up on content Update
     update();
-  }, [update]); // wrapping in fragment to make TS happy (known issue with FC returning children)
+  }, [update]);
 
+  // wrapping in fragment to make TS happy (known issue with FC returning children)
   return /*#__PURE__*/React.createElement(Fragment, null, children);
 };

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

@@ -3,52 +3,45 @@ import { bindAll } from 'bind-event-listener';
 import noop from '@atlaskit/ds-lib/noop';
 export var useCloseManager = function useCloseManager(_ref) {
   var isOpen = _ref.isOpen,
-      onClose = _ref.onClose,
-      popupRef = _ref.popupRef,
-      triggerRef = _ref.triggerRef,
-      capture = _ref.shouldUseCaptureOnOutsideClick;
+    onClose = _ref.onClose,
+    popupRef = _ref.popupRef,
+    triggerRef = _ref.triggerRef,
+    capture = _ref.shouldUseCaptureOnOutsideClick;
   useEffect(function () {
     if (!isOpen || !popupRef) {
       return noop;
     }
-
     var closePopup = function closePopup(event) {
       if (onClose) {
         onClose(event);
       }
-    }; // This check is required for cases where components like
+    };
+
+    // This check is required for cases where components like
     // Select or DDM are placed inside a Popup. A click
     // on a MenuItem or Option would close the Popup, without registering
     // a click on DDM/Select.
     // Users would have to call `onClose` manually to close the Popup in these cases.
     // You can see the bug in action here:
     // https://codesandbox.io/s/atlaskitpopup-default-forked-2eb87?file=/example.tsx:0-1788
-
-
     var onClick = function onClick(event) {
       var target = event.target;
       var doesDomNodeExist = document.body.contains(target);
-
       if (!doesDomNodeExist) {
         return;
       }
-
       var isClickOnPopup = popupRef && popupRef.contains(target);
       var isClickOnTrigger = triggerRef && triggerRef.contains(target);
-
       if (!isClickOnPopup && !isClickOnTrigger) {
         closePopup(event);
       }
     };
-
     var onKeyDown = function onKeyDown(event) {
       var key = event.key;
-
       if (key === 'Escape' || key === 'Esc') {
         closePopup(event);
       }
     };
-
     var unbind = bindAll(window, [{
       type: 'click',
       listener: onClick,

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

@@ -3,12 +3,11 @@ import createFocusTrap from 'focus-trap';
 import noop from '@atlaskit/ds-lib/noop';
 export var useFocusManager = function useFocusManager(_ref) {
   var popupRef = _ref.popupRef,
-      initialFocusRef = _ref.initialFocusRef;
+    initialFocusRef = _ref.initialFocusRef;
   useEffect(function () {
     if (!popupRef) {
       return noop;
     }
-
     var trapConfig = {
       clickOutsideDeactivates: true,
       escapeDeactivates: true,
@@ -16,8 +15,9 @@ export var useFocusManager = function useFocusManager(_ref) {
       fallbackFocus: popupRef,
       returnFocusOnDeactivate: true
     };
-    var focusTrap = createFocusTrap(popupRef, trapConfig); // wait for the popup to reposition itself before we focus
+    var focusTrap = createFocusTrap(popupRef, trapConfig);
 
+    // wait for the popup to reposition itself before we focus
     var frameId = requestAnimationFrame(function () {
       frameId = null;
       focusTrap.activate();
@@ -27,7 +27,6 @@ export var useFocusManager = function useFocusManager(_ref) {
         cancelAnimationFrame(frameId);
         frameId = null;
       }
-
       focusTrap.deactivate();
     };
   }, [popupRef, initialFocusRef]);

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/popup",
-	"version": "1.5.3",
+	"version": "1.5.5",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/popup",
-  "version": "1.5.3",
+  "version": "1.5.5",
   "description": "A popup displays brief content in an overlay.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -32,7 +32,7 @@
     "@atlaskit/popper": "^5.4.0",
     "@atlaskit/portal": "^4.0.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.12.0",
+    "@atlaskit/tokens": "^1.0.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^2.1.1",
@@ -49,7 +49,7 @@
     "@atlaskit/menu": "^1.4.0",
     "@atlaskit/radio": "^5.4.0",
     "@atlaskit/section-message": "^6.3.0",
-    "@atlaskit/select": "^16.0.0",
+    "@atlaskit/select": "^16.1.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/textfield": "^5.3.0",
     "@atlaskit/toggle": "^12.5.0",

package/report.api.md

@@ -1,4 +1,4 @@
-<!-- API Report Version: 2.2 -->
+<!-- API Report Version: 2.3 -->
 
 ## API Report File for "@atlaskit/popup"