@atlaskit/spotlight 0.9.4 → 0.9.6

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/spotlight
 
+## 0.9.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.9.5
+
+### Patch Changes
+
+- [`e0d5103c4e6cd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e0d5103c4e6cd) -
+  Expose `strategy` prop on `PopoverContent` which is passed through to the underlying
+  `react-popper`.
+
 ## 0.9.4
 
 ### Patch Changes

package/dist/cjs/ui/popover-content/index.js

@@ -70,7 +70,8 @@ var PopoverContent = exports.PopoverContent = function PopoverContent(props) {
     back = props.back,
     testId = props.testId,
     _props$offset = props.offset,
-    offset = _props$offset === void 0 ? defaultOffset : _props$offset;
+    offset = _props$offset === void 0 ? defaultOffset : _props$offset,
+    strategy = props.strategy;
 
   /**
    * A user should only be able to pass a `done` or a `next`. Not both.
@@ -140,6 +141,7 @@ var PopoverContent = exports.PopoverContent = function PopoverContent(props) {
   });
   return /*#__PURE__*/React.createElement(_popper.Popper, {
     offset: offset,
+    strategy: strategy,
     placement: popperPlacementMap[placement]
   }, function (_ref) {
     var localRef = _ref.ref,

package/dist/es2019/ui/popover-content/index.js

@@ -59,7 +59,8 @@ export const PopoverContent = props => {
     dismiss,
     back,
     testId,
-    offset = defaultOffset
+    offset = defaultOffset,
+    strategy
   } = props;
 
   /**
@@ -125,6 +126,7 @@ export const PopoverContent = props => {
   });
   return /*#__PURE__*/React.createElement(Popper, {
     offset: offset,
+    strategy: strategy,
     placement: popperPlacementMap[placement]
   }, ({
     ref: localRef,

package/dist/esm/ui/popover-content/index.js

@@ -61,7 +61,8 @@ export var PopoverContent = function PopoverContent(props) {
     back = props.back,
     testId = props.testId,
     _props$offset = props.offset,
-    offset = _props$offset === void 0 ? defaultOffset : _props$offset;
+    offset = _props$offset === void 0 ? defaultOffset : _props$offset,
+    strategy = props.strategy;
 
   /**
    * A user should only be able to pass a `done` or a `next`. Not both.
@@ -131,6 +132,7 @@ export var PopoverContent = function PopoverContent(props) {
   });
   return /*#__PURE__*/React.createElement(Popper, {
     offset: offset,
+    strategy: strategy,
     placement: popperPlacementMap[placement]
   }, function (_ref) {
     var localRef = _ref.ref,

package/dist/types/ui/popover-content/index.d.ts

@@ -8,6 +8,7 @@ import type { BackEvent, DismissEvent, DoneEvent, NextEvent, Placement } from '.
  * Taken from `@atlaskit/popper`
  */
 type Offset = [number | null | undefined, number | null | undefined];
+type Strategy = 'absolute' | 'fixed';
 interface BasePopoverContentProps {
     /**
      * A `testId` prop is provided for specified elements, which is a unique
@@ -48,6 +49,13 @@ interface BasePopoverContentProps {
      * by the `placement` prop.
      */
     offset?: Offset;
+    /**
+     * Describes the positioning strategy to use. By default, it is `absolute`, which in the simplest cases does not require
+     * repositioning of the popper. If your reference element is in a fixed container, use the `fixed` strategy
+     *
+     * For more details see: https://popper.js.org/docs/v2/constructors/#strategy
+     */
+    strategy?: Strategy;
     /**
      * The content to be rendered in `PopoverContent`. This is intended to be a `SpotlightCard`.
      */

package/dist/types-ts4.5/ui/popover-content/index.d.ts

@@ -11,6 +11,7 @@ type Offset = [
     number | null | undefined,
     number | null | undefined
 ];
+type Strategy = 'absolute' | 'fixed';
 interface BasePopoverContentProps {
     /**
      * A `testId` prop is provided for specified elements, which is a unique
@@ -51,6 +52,13 @@ interface BasePopoverContentProps {
      * by the `placement` prop.
      */
     offset?: Offset;
+    /**
+     * Describes the positioning strategy to use. By default, it is `absolute`, which in the simplest cases does not require
+     * repositioning of the popper. If your reference element is in a fixed container, use the `fixed` strategy
+     *
+     * For more details see: https://popper.js.org/docs/v2/constructors/#strategy
+     */
+    strategy?: Strategy;
     /**
      * The content to be rendered in `PopoverContent`. This is intended to be a `SpotlightCard`.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/spotlight",
-	"version": "0.9.4",
+	"version": "0.9.6",
 	"description": "A spotlight introduces users to points of interest, from focused messages to multi-step tours.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,14 +34,14 @@
 	"dependencies": {
 		"@atlaskit/browser-apis": "^0.0.1",
 		"@atlaskit/button": "^23.6.0",
-		"@atlaskit/css": "^0.15.0",
+		"@atlaskit/css": "^0.16.0",
 		"@atlaskit/ds-lib": "^5.2.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^29.0.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/popper": "^7.1.0",
-		"@atlaskit/primitives": "^16.1.0",
-		"@atlaskit/tokens": "^8.0.0",
+		"@atlaskit/primitives": "^16.2.0",
+		"@atlaskit/tokens": "^8.1.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",