@atlaskit/popup 1.13.1 → 1.14.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/popup
 
+## 1.14.0
+
+### Minor Changes
+
+- [#84410](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/84410) [`9d5dc8f7de85`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9d5dc8f7de85) - Adds a new `strategy` prop to control the positioning strategy to use other than the default 'fixed' position.
+
+## 1.13.2
+
+### Patch Changes
+
+- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
+
 ## 1.13.1
 
 ### Patch Changes

package/dist/cjs/popper-wrapper.js

@@ -76,7 +76,8 @@ function PopperWrapper(_ref) {
     triggerRef = _ref.triggerRef,
     shouldUseCaptureOnOutsideClick = _ref.shouldUseCaptureOnOutsideClick,
     shouldRenderToParent = _ref.shouldRenderToParent,
-    shouldDisableFocusLock = _ref.shouldDisableFocusLock;
+    shouldDisableFocusLock = _ref.shouldDisableFocusLock,
+    strategy = _ref.strategy;
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     popupRef = _useState2[0],
@@ -118,7 +119,8 @@ function PopperWrapper(_ref) {
   return (0, _react2.jsx)(_popper.Popper, {
     placement: placement,
     offset: offset,
-    modifiers: modifiers
+    modifiers: modifiers,
+    strategy: strategy
   }, function (_ref2) {
     var _ref3 = _ref2.ref,
       style = _ref2.style,

package/dist/cjs/popup.js

@@ -44,7 +44,8 @@ var Popup = exports.Popup = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     _ref$shouldRenderToPa = _ref.shouldRenderToParent,
     shouldRenderToParent = _ref$shouldRenderToPa === void 0 ? false : _ref$shouldRenderToPa,
     _ref$shouldDisableFoc = _ref.shouldDisableFocusLock,
-    shouldDisableFocusLock = _ref$shouldDisableFoc === void 0 ? false : _ref$shouldDisableFoc;
+    shouldDisableFocusLock = _ref$shouldDisableFoc === void 0 ? false : _ref$shouldDisableFoc,
+    strategy = _ref.strategy;
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     triggerRef = _useState2[0],
@@ -95,7 +96,8 @@ var Popup = exports.Popup = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     shouldUseCaptureOnOutsideClick: shouldUseCaptureOnOutsideClick,
     shouldRenderToParent: shouldRenderToParent,
     shouldDisableFocusLock: shouldDisableFocusLock,
-    triggerRef: triggerRef
+    triggerRef: triggerRef,
+    strategy: strategy
   }));
   return (0, _react2.jsx)(_popper.Manager, null, (0, _react2.jsx)(_popper.Reference, null, function (_ref2) {
     var ref = _ref2.ref;

package/dist/es2019/popper-wrapper.js

@@ -65,7 +65,8 @@ function PopperWrapper({
   triggerRef,
   shouldUseCaptureOnOutsideClick,
   shouldRenderToParent,
-  shouldDisableFocusLock
+  shouldDisableFocusLock,
+  strategy
 }) {
   const [popupRef, setPopupRef] = useState(null);
   const [initialFocusRef, setInitialFocusRef] = useState(null);
@@ -101,7 +102,8 @@ function PopperWrapper({
   return jsx(Popper, {
     placement: placement,
     offset: offset,
-    modifiers: modifiers
+    modifiers: modifiers,
+    strategy: strategy
   }, ({
     ref,
     style,

package/dist/es2019/popup.js

@@ -27,7 +27,8 @@ export const Popup = /*#__PURE__*/memo(({
   zIndex = defaultLayer,
   shouldUseCaptureOnOutsideClick = false,
   shouldRenderToParent = false,
-  shouldDisableFocusLock = false
+  shouldDisableFocusLock = false,
+  strategy
 }) => {
   const [triggerRef, setTriggerRef] = useState(null);
 
@@ -72,7 +73,8 @@ export const Popup = /*#__PURE__*/memo(({
     shouldUseCaptureOnOutsideClick: shouldUseCaptureOnOutsideClick,
     shouldRenderToParent: shouldRenderToParent,
     shouldDisableFocusLock: shouldDisableFocusLock,
-    triggerRef: triggerRef
+    triggerRef: triggerRef,
+    strategy: strategy
   }));
   return jsx(Manager, null, jsx(Reference, null, ({
     ref

package/dist/esm/popper-wrapper.js

@@ -69,7 +69,8 @@ function PopperWrapper(_ref) {
     triggerRef = _ref.triggerRef,
     shouldUseCaptureOnOutsideClick = _ref.shouldUseCaptureOnOutsideClick,
     shouldRenderToParent = _ref.shouldRenderToParent,
-    shouldDisableFocusLock = _ref.shouldDisableFocusLock;
+    shouldDisableFocusLock = _ref.shouldDisableFocusLock,
+    strategy = _ref.strategy;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     popupRef = _useState2[0],
@@ -111,7 +112,8 @@ function PopperWrapper(_ref) {
   return jsx(Popper, {
     placement: placement,
     offset: offset,
-    modifiers: modifiers
+    modifiers: modifiers,
+    strategy: strategy
   }, function (_ref2) {
     var _ref3 = _ref2.ref,
       style = _ref2.style,

package/dist/esm/popup.js

@@ -36,7 +36,8 @@ export var Popup = /*#__PURE__*/memo(function (_ref) {
     _ref$shouldRenderToPa = _ref.shouldRenderToParent,
     shouldRenderToParent = _ref$shouldRenderToPa === void 0 ? false : _ref$shouldRenderToPa,
     _ref$shouldDisableFoc = _ref.shouldDisableFocusLock,
-    shouldDisableFocusLock = _ref$shouldDisableFoc === void 0 ? false : _ref$shouldDisableFoc;
+    shouldDisableFocusLock = _ref$shouldDisableFoc === void 0 ? false : _ref$shouldDisableFoc,
+    strategy = _ref.strategy;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     triggerRef = _useState2[0],
@@ -87,7 +88,8 @@ export var Popup = /*#__PURE__*/memo(function (_ref) {
     shouldUseCaptureOnOutsideClick: shouldUseCaptureOnOutsideClick,
     shouldRenderToParent: shouldRenderToParent,
     shouldDisableFocusLock: shouldDisableFocusLock,
-    triggerRef: triggerRef
+    triggerRef: triggerRef,
+    strategy: strategy
   }));
   return jsx(Manager, null, jsx(Reference, null, function (_ref2) {
     var ref = _ref2.ref;

package/dist/types/popper-wrapper.d.ts

@@ -1,4 +1,4 @@
 import { jsx } from '@emotion/react';
 import { PopperWrapperProps } from './types';
-declare function PopperWrapper({ isOpen, id, offset, testId, content, fallbackPlacements, onClose, boundary, rootBoundary, shouldFlip, placement, popupComponent: PopupContainer, autoFocus, triggerRef, shouldUseCaptureOnOutsideClick, shouldRenderToParent, shouldDisableFocusLock, }: PopperWrapperProps): jsx.JSX.Element;
+declare function PopperWrapper({ isOpen, id, offset, testId, content, fallbackPlacements, onClose, boundary, rootBoundary, shouldFlip, placement, popupComponent: PopupContainer, autoFocus, triggerRef, shouldUseCaptureOnOutsideClick, shouldRenderToParent, shouldDisableFocusLock, strategy, }: PopperWrapperProps): jsx.JSX.Element;
 export default PopperWrapper;

package/dist/types/types.d.ts

@@ -149,6 +149,11 @@ interface BaseProps {
      * Defaults to `false`.
      */
     shouldDisableFocusLock?: boolean;
+    /**
+     * Controls the positioning strategy to use. Can vary between `absolute` and `fixed`.
+     * Defaults to `fixed`
+     */
+    strategy?: 'absolute' | 'fixed';
 }
 export interface PopupProps extends BaseProps {
     /**

package/dist/types-ts4.5/popper-wrapper.d.ts

@@ -1,4 +1,4 @@
 import { jsx } from '@emotion/react';
 import { PopperWrapperProps } from './types';
-declare function PopperWrapper({ isOpen, id, offset, testId, content, fallbackPlacements, onClose, boundary, rootBoundary, shouldFlip, placement, popupComponent: PopupContainer, autoFocus, triggerRef, shouldUseCaptureOnOutsideClick, shouldRenderToParent, shouldDisableFocusLock, }: PopperWrapperProps): jsx.JSX.Element;
+declare function PopperWrapper({ isOpen, id, offset, testId, content, fallbackPlacements, onClose, boundary, rootBoundary, shouldFlip, placement, popupComponent: PopupContainer, autoFocus, triggerRef, shouldUseCaptureOnOutsideClick, shouldRenderToParent, shouldDisableFocusLock, strategy, }: PopperWrapperProps): jsx.JSX.Element;
 export default PopperWrapper;

package/dist/types-ts4.5/types.d.ts

@@ -152,6 +152,11 @@ interface BaseProps {
      * Defaults to `false`.
      */
     shouldDisableFocusLock?: boolean;
+    /**
+     * Controls the positioning strategy to use. Can vary between `absolute` and `fixed`.
+     * Defaults to `fixed`
+     */
+    strategy?: 'absolute' | 'fixed';
 }
 export interface PopupProps extends BaseProps {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/popup",
-  "version": "1.13.1",
+  "version": "1.14.0",
   "description": "A popup displays brief content in an overlay.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -44,7 +44,7 @@
     "@atlaskit/popper": "^5.5.0",
     "@atlaskit/portal": "^4.4.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.41.0",
+    "@atlaskit/tokens": "^1.42.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^2.1.1",
@@ -71,7 +71,7 @@
     "raf-stub": "^2.0.1",
     "react-dom": "^16.8.0",
     "storybook-addon-performance": "^0.16.0",
-    "typescript": "~4.9.5",
+    "typescript": "~5.4.2",
     "wait-for-expect": "^1.2.0"
   },
   "keywords": [
@@ -106,4 +106,4 @@
   },
   "homepage": "https://atlassian.design/components/popup/",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+}

package/types/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/types.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/types.d.ts"
       ]