@atlaskit/inline-dialog 13.2.2 → 13.3.2

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/inline-dialog
 
+## 13.3.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 13.3.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 13.3.0
+
+### Minor Changes
+
+- [`2a53f51adc6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2a53f51adc6) - Introduce the prop `strategy` to allow consumers to override the default positioning strategy
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.2.2
 
 ### Patch Changes

package/dist/cjs/InlineDialog/index.js

@@ -31,7 +31,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 /** @jsx jsx */
 var packageName = "@atlaskit/inline-dialog";
-var packageVersion = "13.2.2";
+var packageVersion = "13.3.2";
 
 var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
   if (!node) {
@@ -54,6 +54,8 @@ var InlineDialog = /*#__PURE__*/(0, _react.memo)(function InlineDialog(_ref) {
       onClose = _ref$onClose === void 0 ? _noop.default : _ref$onClose,
       _ref$placement = _ref.placement,
       placement = _ref$placement === void 0 ? 'bottom-start' : _ref$placement,
+      _ref$strategy = _ref.strategy,
+      strategy = _ref$strategy === void 0 ? 'fixed' : _ref$strategy,
       testId = _ref.testId,
       content = _ref.content,
       children = _ref.children;
@@ -116,7 +118,8 @@ var InlineDialog = /*#__PURE__*/(0, _react.memo)(function InlineDialog(_ref) {
     return unbind;
   }, [isOpen, handleClickOutside]);
   var popper = isOpen ? (0, _core.jsx)(_popper.Popper, {
-    placement: placement
+    placement: placement,
+    strategy: strategy
   }, function (_ref2) {
     var _ref3 = _ref2.ref,
         style = _ref2.style;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/inline-dialog",
-	"version": "13.2.2",
+	"version": "13.3.2",
 	"sideEffects": false
 }

package/dist/es2019/InlineDialog/index.js

@@ -8,7 +8,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
 import { Container } from './styled/container';
 const packageName = "@atlaskit/inline-dialog";
-const packageVersion = "13.2.2";
+const packageVersion = "13.3.2";
 
 const checkIsChildOfPortal = node => {
   if (!node) {
@@ -25,6 +25,7 @@ const InlineDialog = /*#__PURE__*/memo(function InlineDialog({
   onContentFocus = noop,
   onClose = noop,
   placement = 'bottom-start',
+  strategy = 'fixed',
   testId,
   content,
   children
@@ -88,7 +89,8 @@ const InlineDialog = /*#__PURE__*/memo(function InlineDialog({
     return unbind;
   }, [isOpen, handleClickOutside]);
   const popper = isOpen ? jsx(Popper, {
-    placement: placement
+    placement: placement,
+    strategy: strategy
   }, ({
     ref,
     style

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/inline-dialog",
-	"version": "13.2.2",
+	"version": "13.3.2",
 	"sideEffects": false
 }

package/dist/esm/InlineDialog/index.js

@@ -8,7 +8,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
 import { Container } from './styled/container';
 var packageName = "@atlaskit/inline-dialog";
-var packageVersion = "13.2.2";
+var packageVersion = "13.3.2";
 
 var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
   if (!node) {
@@ -31,6 +31,8 @@ var InlineDialog = /*#__PURE__*/memo(function InlineDialog(_ref) {
       onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
       _ref$placement = _ref.placement,
       placement = _ref$placement === void 0 ? 'bottom-start' : _ref$placement,
+      _ref$strategy = _ref.strategy,
+      strategy = _ref$strategy === void 0 ? 'fixed' : _ref$strategy,
       testId = _ref.testId,
       content = _ref.content,
       children = _ref.children;
@@ -93,7 +95,8 @@ var InlineDialog = /*#__PURE__*/memo(function InlineDialog(_ref) {
     return unbind;
   }, [isOpen, handleClickOutside]);
   var popper = isOpen ? jsx(Popper, {
-    placement: placement
+    placement: placement,
+    strategy: strategy
   }, function (_ref2) {
     var _ref3 = _ref2.ref,
         style = _ref2.style;

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/inline-dialog",
-	"version": "13.2.2",
+	"version": "13.3.2",
 	"sideEffects": false
 }

package/dist/types/InlineDialog/index.d.ts

@@ -3,5 +3,5 @@ import React, { FC } from 'react';
 import type { InlineDialogProps } from '../types';
 declare const InlineDialog: FC<InlineDialogProps>;
 export { InlineDialog as InlineDialogWithoutAnalytics };
-declare const _default: React.ForwardRefExoticComponent<Pick<Pick<React.PropsWithChildren<InlineDialogProps>, "content" | "children" | "testId" | "isOpen" | "onContentBlur" | "onContentClick" | "onContentFocus" | "onClose" | "placement"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "content" | "children" | "testId" | "isOpen" | "onContentBlur" | "onContentClick" | "onContentFocus" | "onClose" | "placement" | "key" | "analyticsContext"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<Pick<React.PropsWithChildren<InlineDialogProps>, "content" | "children" | "testId" | "isOpen" | "onContentBlur" | "onContentClick" | "onContentFocus" | "onClose" | "placement" | "strategy"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "content" | "children" | "testId" | "isOpen" | "onContentBlur" | "onContentClick" | "onContentFocus" | "onClose" | "placement" | "strategy" | "key" | "analyticsContext"> & React.RefAttributes<any>>;
 export default _default;

package/dist/types/types.d.ts

@@ -38,6 +38,10 @@ export interface InlineDialogProps extends WithAnalyticsEventsProps {
      * Where the dialog should appear, relative to the contents of the children.
      */
     placement?: Placement;
+    /**
+     * Placement strategy used. Can be 'fixed' or 'absolute'. Defaults to 'fixed'.
+     */
+    strategy?: 'fixed' | 'absolute';
     /**
      * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/inline-dialog",
-  "version": "13.2.2",
+  "version": "13.3.2",
   "description": "An inline dialog is a pop-up container for small amounts of information. It can also contain controls.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,10 +24,10 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/ds-lib": "^1.3.0",
+    "@atlaskit/ds-lib": "^1.4.0",
     "@atlaskit/popper": "^5.0.0",
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.6.0",
+    "@atlaskit/tokens": "^0.8.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
     "bind-event-listener": "^1.0.2",
@@ -37,7 +37,7 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.1.0",
+    "@atlaskit/button": "^16.2.0",
     "@atlaskit/datetime-picker": "^11.1.0",
     "@atlaskit/docs": "*",
     "@atlaskit/icon": "^21.10.0",