@atlaskit/editor-common 114.7.0 → 114.8.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-common
 
+## 114.8.0
+
+### Minor Changes
+
+- [`019540f8c0a67`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/019540f8c0a67) -
+  Fix editor popup scroll parent detection for chromeless editor in modals.
+
+  When the `platform_editor_fix_scrolling_popup_position` experiment is enabled, the Popup component
+  now prefers an explicitly provided `scrollableElement` prop over the auto-detected DOM ancestor.
+  This fixes popup positioning (code block language selector, table options, selection toolbar) in
+  chromeless editors embedded within modals, where the scroll container uses `overflow: auto` and
+  cannot be found by the existing `findOverflowScrollParent` utility.
+
+  The pre-computed scroll parent is also threaded through to `calculateVerticalStickTop` and
+  `calculateVerticalStickBottom` to avoid redundant DOM traversal and ensure position calculations
+  use the same element as the scroll event listener.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 114.7.0
 
 ### Minor Changes

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "114.6.2";
+var packageVersion = "114.7.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "114.6.2";
+var packageVersion = "114.7.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui/Popup/index.js

@@ -17,6 +17,7 @@ var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _reactDom = require("react-dom");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _utils = require("./utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -119,7 +120,8 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
         allowOutOfBounds: allowOutOfBounds,
         rect: rect,
         boundariesElement: boundariesElement || document.body,
-        minPopupMargin: minPopupMargin
+        minPopupMargin: minPopupMargin,
+        scrollableElement: stick && (0, _expValEquals.expValEquals)('platform_editor_fix_scrolling_popup_position', 'isEnabled', true) ? this.scrollElement : undefined
       });
       position = onPositionCalculated ? onPositionCalculated(position) : position;
       if (typeof position.top !== 'undefined' && absoluteOffset !== null && absoluteOffset !== void 0 && absoluteOffset.top) {
@@ -268,12 +270,17 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
 
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      this.scrollParentElement = (0, _utils.findOverflowScrollParent)(this.props.target);
-      if (this.scrollParentElement && this.resizeObserver) {
-        this.resizeObserver.observe(this.scrollParentElement);
+      var target = this.props.target;
+
+      // Resolve the effective scroll parent: prefer the explicitly provided scrollableElement
+      // prop over the auto-detected ancestor. Allows product consumers to provide the correct
+      // scroll container (e.g. a modal body) when auto-detection can't find it.
+      var scrollParentElement = (0, _expValEquals.expValEquals)('platform_editor_fix_scrolling_popup_position', 'isEnabled', true) ? this.props.scrollableElement || (0, _utils.findOverflowScrollParent)(target) : (0, _utils.findOverflowScrollParent)(target);
+      if (scrollParentElement && this.resizeObserver) {
+        this.resizeObserver.observe(scrollParentElement);
       }
       if (stick) {
-        this.scrollElement = this.scrollParentElement;
+        this.scrollElement = scrollParentElement;
       } else {
         this.scrollElement = this.props.scrollableElement;
       }

package/dist/cjs/ui/Popup/utils.js

@@ -145,8 +145,9 @@ var calculateVerticalStickBottom = function calculateVerticalStickBottom(_ref2)
     popup = _ref2.popup,
     offset = _ref2.offset,
     position = _ref2.position,
-    boundariesElement = _ref2.boundariesElement;
-  var scrollParent = findOverflowScrollParent(target) || boundariesElement;
+    boundariesElement = _ref2.boundariesElement,
+    scrollableElement = _ref2.scrollableElement;
+  var scrollParent = scrollableElement || findOverflowScrollParent(target) || boundariesElement;
   var newPos = _objectSpread({}, position);
   if (scrollParent) {
     var topOffsetTop = targetTop - scrollParent.getBoundingClientRect().top;
@@ -169,8 +170,9 @@ var calculateVerticalStickTop = function calculateVerticalStickTop(_ref3) {
     offset = _ref3.offset,
     position = _ref3.position,
     placement = _ref3.placement,
-    boundariesElement = _ref3.boundariesElement;
-  var scrollParent = findOverflowScrollParent(target) || boundariesElement;
+    boundariesElement = _ref3.boundariesElement,
+    scrollableElement = _ref3.scrollableElement;
+  var scrollParent = scrollableElement || findOverflowScrollParent(target) || boundariesElement;
   var newPos = _objectSpread({}, position);
   if (scrollParent) {
     var _scrollParent$getBoun = scrollParent.getBoundingClientRect(),
@@ -233,7 +235,8 @@ function calculatePosition(_ref5) {
     allowOutOfBounds = _ref5$allowOutOfBound === void 0 ? false : _ref5$allowOutOfBound,
     rect = _ref5.rect,
     boundariesElement = _ref5.boundariesElement,
-    minPopupMargin = _ref5.minPopupMargin;
+    minPopupMargin = _ref5.minPopupMargin,
+    scrollableElement = _ref5.scrollableElement;
   var position = {};
   if (!target || !popup || !popup.offsetParent || !isHTMLElementNode(popup.offsetParent)) {
     return position;
@@ -292,7 +295,8 @@ function calculatePosition(_ref5) {
       offset: offset,
       position: position,
       placement: verticalPlacement,
-      boundariesElement: boundariesElement
+      boundariesElement: boundariesElement,
+      scrollableElement: scrollableElement
     });
   }
   if (verticalPlacement !== 'top' && verticalPlacement !== 'start' && stick) {
@@ -303,7 +307,8 @@ function calculatePosition(_ref5) {
       popup: popup,
       offset: offset,
       position: position,
-      boundariesElement: boundariesElement
+      boundariesElement: boundariesElement,
+      scrollableElement: scrollableElement
     });
   }
   var horizontalPosition = calculateHorizontalPlacement({

package/dist/es2019/monitoring/error.js

@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "114.6.2";
+const packageVersion = "114.7.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/ui/DropList/index.js

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "114.6.2";
+const packageVersion = "114.7.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/ui/Popup/index.js

@@ -5,6 +5,7 @@ import rafSchedule from 'raf-schd';
 import { createPortal, flushSync } from 'react-dom';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { calculatePlacement, calculatePosition, findOverflowScrollParent, validatePosition } from './utils';
 // Ignored via go/ees005
@@ -96,7 +97,8 @@ export default class Popup extends React.Component {
       allowOutOfBounds,
       rect,
       boundariesElement: boundariesElement || document.body,
-      minPopupMargin
+      minPopupMargin,
+      scrollableElement: stick && expValEquals('platform_editor_fix_scrolling_popup_position', 'isEnabled', true) ? this.scrollElement : undefined
     });
     position = onPositionCalculated ? onPositionCalculated(position) : position;
     if (typeof position.top !== 'undefined' && absoluteOffset !== null && absoluteOffset !== void 0 && absoluteOffset.top) {
@@ -234,12 +236,17 @@ export default class Popup extends React.Component {
 
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    this.scrollParentElement = findOverflowScrollParent(this.props.target);
-    if (this.scrollParentElement && this.resizeObserver) {
-      this.resizeObserver.observe(this.scrollParentElement);
+    const target = this.props.target;
+
+    // Resolve the effective scroll parent: prefer the explicitly provided scrollableElement
+    // prop over the auto-detected ancestor. Allows product consumers to provide the correct
+    // scroll container (e.g. a modal body) when auto-detection can't find it.
+    const scrollParentElement = expValEquals('platform_editor_fix_scrolling_popup_position', 'isEnabled', true) ? this.props.scrollableElement || findOverflowScrollParent(target) : findOverflowScrollParent(target);
+    if (scrollParentElement && this.resizeObserver) {
+      this.resizeObserver.observe(scrollParentElement);
     }
     if (stick) {
-      this.scrollElement = this.scrollParentElement;
+      this.scrollElement = scrollParentElement;
     } else {
       this.scrollElement = this.props.scrollableElement;
     }

package/dist/es2019/ui/Popup/utils.js

@@ -131,9 +131,10 @@ const calculateVerticalStickBottom = ({
   popup,
   offset,
   position,
-  boundariesElement
+  boundariesElement,
+  scrollableElement
 }) => {
-  const scrollParent = findOverflowScrollParent(target) || boundariesElement;
+  const scrollParent = scrollableElement || findOverflowScrollParent(target) || boundariesElement;
   const newPos = {
     ...position
   };
@@ -158,9 +159,10 @@ const calculateVerticalStickTop = ({
   offset,
   position,
   placement,
-  boundariesElement
+  boundariesElement,
+  scrollableElement
 }) => {
-  const scrollParent = findOverflowScrollParent(target) || boundariesElement;
+  const scrollParent = scrollableElement || findOverflowScrollParent(target) || boundariesElement;
   const newPos = {
     ...position
   };
@@ -226,7 +228,8 @@ export function calculatePosition({
   allowOutOfBounds = false,
   rect,
   boundariesElement,
-  minPopupMargin
+  minPopupMargin,
+  scrollableElement
 }) {
   let position = {};
   if (!target || !popup || !popup.offsetParent || !isHTMLElementNode(popup.offsetParent)) {
@@ -289,7 +292,8 @@ export function calculatePosition({
       offset,
       position,
       placement: verticalPlacement,
-      boundariesElement
+      boundariesElement,
+      scrollableElement
     });
   }
   if (verticalPlacement !== 'top' && verticalPlacement !== 'start' && stick) {
@@ -300,7 +304,8 @@ export function calculatePosition({
       popup,
       offset,
       position,
-      boundariesElement
+      boundariesElement,
+      scrollableElement
     });
   }
   const horizontalPosition = calculateHorizontalPlacement({

package/dist/esm/monitoring/error.js

@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "114.6.2";
+var packageVersion = "114.7.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/ui/DropList/index.js

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "114.6.2";
+var packageVersion = "114.7.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/ui/Popup/index.js

@@ -14,6 +14,7 @@ import rafSchedule from 'raf-schd';
 import { createPortal, flushSync } from 'react-dom';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { calculatePlacement, calculatePosition as _calculatePosition, findOverflowScrollParent, validatePosition } from './utils';
 // Ignored via go/ees005
@@ -112,7 +113,8 @@ var Popup = /*#__PURE__*/function (_React$Component) {
         allowOutOfBounds: allowOutOfBounds,
         rect: rect,
         boundariesElement: boundariesElement || document.body,
-        minPopupMargin: minPopupMargin
+        minPopupMargin: minPopupMargin,
+        scrollableElement: stick && expValEquals('platform_editor_fix_scrolling_popup_position', 'isEnabled', true) ? this.scrollElement : undefined
       });
       position = onPositionCalculated ? onPositionCalculated(position) : position;
       if (typeof position.top !== 'undefined' && absoluteOffset !== null && absoluteOffset !== void 0 && absoluteOffset.top) {
@@ -261,12 +263,17 @@ var Popup = /*#__PURE__*/function (_React$Component) {
 
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      this.scrollParentElement = findOverflowScrollParent(this.props.target);
-      if (this.scrollParentElement && this.resizeObserver) {
-        this.resizeObserver.observe(this.scrollParentElement);
+      var target = this.props.target;
+
+      // Resolve the effective scroll parent: prefer the explicitly provided scrollableElement
+      // prop over the auto-detected ancestor. Allows product consumers to provide the correct
+      // scroll container (e.g. a modal body) when auto-detection can't find it.
+      var scrollParentElement = expValEquals('platform_editor_fix_scrolling_popup_position', 'isEnabled', true) ? this.props.scrollableElement || findOverflowScrollParent(target) : findOverflowScrollParent(target);
+      if (scrollParentElement && this.resizeObserver) {
+        this.resizeObserver.observe(scrollParentElement);
       }
       if (stick) {
-        this.scrollElement = this.scrollParentElement;
+        this.scrollElement = scrollParentElement;
       } else {
         this.scrollElement = this.props.scrollableElement;
       }

package/dist/esm/ui/Popup/utils.js

@@ -131,8 +131,9 @@ var calculateVerticalStickBottom = function calculateVerticalStickBottom(_ref2)
     popup = _ref2.popup,
     offset = _ref2.offset,
     position = _ref2.position,
-    boundariesElement = _ref2.boundariesElement;
-  var scrollParent = findOverflowScrollParent(target) || boundariesElement;
+    boundariesElement = _ref2.boundariesElement,
+    scrollableElement = _ref2.scrollableElement;
+  var scrollParent = scrollableElement || findOverflowScrollParent(target) || boundariesElement;
   var newPos = _objectSpread({}, position);
   if (scrollParent) {
     var topOffsetTop = targetTop - scrollParent.getBoundingClientRect().top;
@@ -155,8 +156,9 @@ var calculateVerticalStickTop = function calculateVerticalStickTop(_ref3) {
     offset = _ref3.offset,
     position = _ref3.position,
     placement = _ref3.placement,
-    boundariesElement = _ref3.boundariesElement;
-  var scrollParent = findOverflowScrollParent(target) || boundariesElement;
+    boundariesElement = _ref3.boundariesElement,
+    scrollableElement = _ref3.scrollableElement;
+  var scrollParent = scrollableElement || findOverflowScrollParent(target) || boundariesElement;
   var newPos = _objectSpread({}, position);
   if (scrollParent) {
     var _scrollParent$getBoun = scrollParent.getBoundingClientRect(),
@@ -219,7 +221,8 @@ export function calculatePosition(_ref5) {
     allowOutOfBounds = _ref5$allowOutOfBound === void 0 ? false : _ref5$allowOutOfBound,
     rect = _ref5.rect,
     boundariesElement = _ref5.boundariesElement,
-    minPopupMargin = _ref5.minPopupMargin;
+    minPopupMargin = _ref5.minPopupMargin,
+    scrollableElement = _ref5.scrollableElement;
   var position = {};
   if (!target || !popup || !popup.offsetParent || !isHTMLElementNode(popup.offsetParent)) {
     return position;
@@ -278,7 +281,8 @@ export function calculatePosition(_ref5) {
       offset: offset,
       position: position,
       placement: verticalPlacement,
-      boundariesElement: boundariesElement
+      boundariesElement: boundariesElement,
+      scrollableElement: scrollableElement
     });
   }
   if (verticalPlacement !== 'top' && verticalPlacement !== 'start' && stick) {
@@ -289,7 +293,8 @@ export function calculatePosition(_ref5) {
       popup: popup,
       offset: offset,
       position: position,
-      boundariesElement: boundariesElement
+      boundariesElement: boundariesElement,
+      scrollableElement: scrollableElement
     });
   }
   var horizontalPosition = calculateHorizontalPlacement({

package/dist/types/ui/Popup/index.d.ts

@@ -38,7 +38,6 @@ export interface State {
 }
 export default class Popup extends React.Component<Props, State> {
     scrollElement: undefined | false | HTMLElement;
-    scrollParentElement: undefined | false | HTMLElement;
     rafIds: Set<number>;
     static defaultProps: {
         allowOutOfBound: boolean;

package/dist/types/ui/Popup/utils.d.ts

@@ -14,6 +14,7 @@ export interface CalculatePositionParams {
     rect?: DOMRect;
     stick?: boolean;
     target?: HTMLElement;
+    scrollableElement?: HTMLElement | false;
 }
 export declare function isBody(elem: HTMLElement | Element): boolean;
 export declare function isTextNode(elem: HTMLElement | Element): boolean;
@@ -30,7 +31,7 @@ export declare function calculatePlacement(target: HTMLElement, boundariesElemen
  * Calculates relative coordinates for placing popup along with the target.
  * Uses placement from calculatePlacement.
  */
-export declare function calculatePosition({ placement, target, popup, offset, stick, allowOutOfBounds, rect, boundariesElement, minPopupMargin, }: CalculatePositionParams): Position;
+export declare function calculatePosition({ placement, target, popup, offset, stick, allowOutOfBounds, rect, boundariesElement, minPopupMargin, scrollableElement, }: CalculatePositionParams): Position;
 export declare function validatePosition(popup: HTMLElement): boolean;
 /**
  * Traverse DOM Tree upwards looking for popup parents with "overflow: scroll".

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

@@ -41,7 +41,6 @@ export interface State {
 }
 export default class Popup extends React.Component<Props, State> {
     scrollElement: undefined | false | HTMLElement;
-    scrollParentElement: undefined | false | HTMLElement;
     rafIds: Set<number>;
     static defaultProps: {
         allowOutOfBound: boolean;

package/dist/types-ts4.5/ui/Popup/utils.d.ts

@@ -17,6 +17,7 @@ export interface CalculatePositionParams {
     rect?: DOMRect;
     stick?: boolean;
     target?: HTMLElement;
+    scrollableElement?: HTMLElement | false;
 }
 export declare function isBody(elem: HTMLElement | Element): boolean;
 export declare function isTextNode(elem: HTMLElement | Element): boolean;
@@ -36,7 +37,7 @@ export declare function calculatePlacement(target: HTMLElement, boundariesElemen
  * Calculates relative coordinates for placing popup along with the target.
  * Uses placement from calculatePlacement.
  */
-export declare function calculatePosition({ placement, target, popup, offset, stick, allowOutOfBounds, rect, boundariesElement, minPopupMargin, }: CalculatePositionParams): Position;
+export declare function calculatePosition({ placement, target, popup, offset, stick, allowOutOfBounds, rect, boundariesElement, minPopupMargin, scrollableElement, }: CalculatePositionParams): Position;
 export declare function validatePosition(popup: HTMLElement): boolean;
 /**
  * Traverse DOM Tree upwards looking for popup parents with "overflow: scroll".

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "114.7.0",
+	"version": "114.8.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -57,7 +57,7 @@
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/editor-toolbar": "^1.0.0",
 		"@atlaskit/editor-toolbar-model": "^0.4.0",
-		"@atlaskit/emoji": "^70.1.0",
+		"@atlaskit/emoji": "^70.2.0",
 		"@atlaskit/icon": "^34.3.0",
 		"@atlaskit/icon-object": "^7.5.0",
 		"@atlaskit/link": "^3.4.0",
@@ -86,9 +86,9 @@
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/task-decision": "^20.0.0",
 		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/tmp-editor-statsig": "^66.0.0",
+		"@atlaskit/tmp-editor-statsig": "^66.1.0",
 		"@atlaskit/tokens": "^13.0.0",
-		"@atlaskit/tooltip": "^21.1.0",
+		"@atlaskit/tooltip": "^21.2.0",
 		"@atlaskit/width-detector": "^5.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",