@atlaskit/renderer 113.3.0 → 114.1.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/renderer
 
+## 114.1.0
+
+### Minor Changes
+
+- [#124272](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/124272)
+  [`5b434be943575`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5b434be943575) -
+  [ux] Added logic to not render empty text spaces around comment content
+
+### Patch Changes
+
+- Updated dependencies
+
+## 114.0.0
+
+### Major Changes
+
+- [#122089](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/122089)
+  [`f9eb90e04e1ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f9eb90e04e1ec) -
+  [ux] Adding new prop in comments renderer to remove empty space around comment content
+
 ## 113.3.0
 
 ### Minor Changes

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

@@ -53,6 +53,7 @@ var _truncatedWrapper = require("./truncated-wrapper");
 var _ValidationContext = require("./ValidationContext");
 var _RendererStyleContainer = require("./RendererStyleContainer");
 var _getBaseFontSize = require("./get-base-font-size");
+var _rendererHelper = require("./rendererHelper");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
@@ -66,7 +67,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "113.3.0";
+var packageVersion = "114.1.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',
@@ -389,7 +390,7 @@ var __RendererClassComponent = exports.__RendererClassComponent = /*#__PURE__*/f
       try {
         var _rendererContext$feat;
         var schema = this.getSchema(this.props.schema, this.props.adfStage);
-        var _renderDocument = (0, _.renderDocument)(adfDocument, this.serializer, schema, adfStage, this.props.useSpecBasedValidator, this.id, this.fireAnalyticsEvent, this.props.unsupportedContentLevelsTracking, this.props.appearance, this.props.includeNodesCountInStats, skipValidation),
+        var _renderDocument = (0, _.renderDocument)(this.props.shouldRemoveEmptySpaceAroundContent ? (0, _rendererHelper.removeEmptySpaceAroundContent)(adfDocument) : adfDocument, this.serializer, schema, adfStage, this.props.useSpecBasedValidator, this.id, this.fireAnalyticsEvent, this.props.unsupportedContentLevelsTracking, this.props.appearance, this.props.includeNodesCountInStats, skipValidation),
           result = _renderDocument.result,
           stat = _renderDocument.stat,
           pmDoc = _renderDocument.pmDoc;
@@ -613,7 +614,7 @@ var RendererFunctionalComponent = function RendererFunctionalComponent(props) {
       extensionHandlers: props.extensionHandlers,
       portal: props.portal,
       objectContext: _objectSpread({
-        adDoc: props.document,
+        adDoc: props.shouldRemoveEmptySpaceAroundContent ? (0, _rendererHelper.removeEmptySpaceAroundContent)(props.document) : props.document,
         schema: props.schema
       }, props.rendererContext),
       appearance: props.appearance,
@@ -761,7 +762,7 @@ var RendererFunctionalComponent = function RendererFunctionalComponent(props) {
   try {
     var _createRendererContex2, _props$media;
     var schema = getSchema(props.schema, props.adfStage);
-    var _renderDocument2 = (0, _.renderDocument)(props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, _fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation),
+    var _renderDocument2 = (0, _.renderDocument)(props.shouldRemoveEmptySpaceAroundContent ? (0, _rendererHelper.removeEmptySpaceAroundContent)(props.document) : props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, _fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation),
       result = _renderDocument2.result,
       stat = _renderDocument2.stat,
       pmDoc = _renderDocument2.pmDoc;
@@ -798,7 +799,8 @@ var RendererFunctionalComponent = function RendererFunctionalComponent(props) {
       onMouseDown: onMouseDownEditView,
       ssr: (_props$media = props.media) === null || _props$media === void 0 ? void 0 : _props$media.ssr,
       isInsideOfInlineExtension: props.isInsideOfInlineExtension,
-      isTopLevelRenderer: createRendererContext(props.featureFlags, props.isTopLevelRenderer).isTopLevelRenderer
+      isTopLevelRenderer: createRendererContext(props.featureFlags, props.isTopLevelRenderer).isTopLevelRenderer,
+      shouldRemoveEmptySpaceAroundContent: props.shouldRemoveEmptySpaceAroundContent
     }, props.enableSsrInlineScripts || props.noOpSSRInlineScript ? (0, _react2.jsx)(_breakoutSsr.BreakoutSSRInlineScript, {
       noOpSSRInlineScript: Boolean(props.noOpSSRInlineScript)
     }) : null, (0, _react2.jsx)(RendererActionsInternalUpdater, {

package/dist/cjs/ui/Renderer/rendererHelper.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.removeEmptySpaceAroundContent = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var removeEmptySpaceAroundContent = exports.removeEmptySpaceAroundContent = function removeEmptySpaceAroundContent(document) {
+  // Check if the document is valid
+  if (!document || !document.content || !Array.isArray(document.content)) {
+    return document;
+  }
+  var isParagraphWithContent = function isParagraphWithContent(node) {
+    if (node.type !== 'paragraph' || !node.content || node.content.length === 0) {
+      return false;
+    }
+    // Check if paragraph has any content other than `hardBreak` or whitespace text nodes
+    return node.content.some(function (child) {
+      if ((child === null || child === void 0 ? void 0 : child.type) === 'hardBreak') {
+        return false;
+      }
+      if ((child === null || child === void 0 ? void 0 : child.type) === 'text' && typeof child.text === 'string' && child.text.trim() === '') {
+        return false;
+      }
+      return true;
+    });
+  };
+  var content = document.content;
+  var firstContentIndex = -1;
+  var lastContentIndex = -1;
+
+  // Find the first and last paragraphs with content
+  for (var i = 0; i < content.length; i++) {
+    if (isParagraphWithContent(content[i])) {
+      if (firstContentIndex === -1) {
+        firstContentIndex = i;
+      }
+      lastContentIndex = i;
+    }
+  }
+
+  // If no content was found, return an empty document
+  if (firstContentIndex === -1) {
+    return _objectSpread(_objectSpread({}, document), {}, {
+      content: []
+    });
+  }
+
+  // Slice the content array to include only paragraphs between the first and last content
+  var trimmedContent = content.slice(firstContentIndex, lastContentIndex + 1);
+
+  // Return a new document with the trimmed content
+  return _objectSpread(_objectSpread({}, document), {}, {
+    content: trimmedContent
+  });
+};

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

@@ -44,10 +44,11 @@ import { TruncatedWrapper } from './truncated-wrapper';
 import { ValidationContext } from './ValidationContext';
 import { RendererStyleContainer } from './RendererStyleContainer';
 import { getBaseFontSize } from './get-base-font-size';
+import { removeEmptySpaceAroundContent } from './rendererHelper';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "113.3.0";
+const packageVersion = "114.1.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',
@@ -371,7 +372,7 @@ export class __RendererClassComponent extends PureComponent {
         result,
         stat,
         pmDoc
-      } = renderDocument(adfDocument, this.serializer, schema, adfStage, this.props.useSpecBasedValidator, this.id, this.fireAnalyticsEvent, this.props.unsupportedContentLevelsTracking, this.props.appearance, this.props.includeNodesCountInStats, skipValidation);
+      } = renderDocument(this.props.shouldRemoveEmptySpaceAroundContent ? removeEmptySpaceAroundContent(adfDocument) : adfDocument, this.serializer, schema, adfStage, this.props.useSpecBasedValidator, this.id, this.fireAnalyticsEvent, this.props.unsupportedContentLevelsTracking, this.props.appearance, this.props.includeNodesCountInStats, skipValidation);
       if (onComplete) {
         onComplete(stat);
       }
@@ -592,7 +593,7 @@ const RendererFunctionalComponent = props => {
       extensionHandlers: props.extensionHandlers,
       portal: props.portal,
       objectContext: {
-        adDoc: props.document,
+        adDoc: props.shouldRemoveEmptySpaceAroundContent ? removeEmptySpaceAroundContent(props.document) : props.document,
         schema: props.schema,
         ...props.rendererContext
       },
@@ -744,7 +745,7 @@ const RendererFunctionalComponent = props => {
       result,
       stat,
       pmDoc
-    } = renderDocument(props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation);
+    } = renderDocument(props.shouldRemoveEmptySpaceAroundContent ? removeEmptySpaceAroundContent(props.document) : props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation);
     if (props.onComplete) {
       props.onComplete(stat);
     }
@@ -774,7 +775,8 @@ const RendererFunctionalComponent = props => {
       onMouseDown: onMouseDownEditView,
       ssr: (_props$media = props.media) === null || _props$media === void 0 ? void 0 : _props$media.ssr,
       isInsideOfInlineExtension: props.isInsideOfInlineExtension,
-      isTopLevelRenderer: createRendererContext(props.featureFlags, props.isTopLevelRenderer).isTopLevelRenderer
+      isTopLevelRenderer: createRendererContext(props.featureFlags, props.isTopLevelRenderer).isTopLevelRenderer,
+      shouldRemoveEmptySpaceAroundContent: props.shouldRemoveEmptySpaceAroundContent
     }, props.enableSsrInlineScripts || props.noOpSSRInlineScript ? jsx(BreakoutSSRInlineScript, {
       noOpSSRInlineScript: Boolean(props.noOpSSRInlineScript)
     }) : null, jsx(RendererActionsInternalUpdater, {

package/dist/es2019/ui/Renderer/rendererHelper.js

@@ -0,0 +1,51 @@
+export const removeEmptySpaceAroundContent = document => {
+  // Check if the document is valid
+  if (!document || !document.content || !Array.isArray(document.content)) {
+    return document;
+  }
+  const isParagraphWithContent = node => {
+    if (node.type !== 'paragraph' || !node.content || node.content.length === 0) {
+      return false;
+    }
+    // Check if paragraph has any content other than `hardBreak` or whitespace text nodes
+    return node.content.some(child => {
+      if ((child === null || child === void 0 ? void 0 : child.type) === 'hardBreak') {
+        return false;
+      }
+      if ((child === null || child === void 0 ? void 0 : child.type) === 'text' && typeof child.text === 'string' && child.text.trim() === '') {
+        return false;
+      }
+      return true;
+    });
+  };
+  const content = document.content;
+  let firstContentIndex = -1;
+  let lastContentIndex = -1;
+
+  // Find the first and last paragraphs with content
+  for (let i = 0; i < content.length; i++) {
+    if (isParagraphWithContent(content[i])) {
+      if (firstContentIndex === -1) {
+        firstContentIndex = i;
+      }
+      lastContentIndex = i;
+    }
+  }
+
+  // If no content was found, return an empty document
+  if (firstContentIndex === -1) {
+    return {
+      ...document,
+      content: []
+    };
+  }
+
+  // Slice the content array to include only paragraphs between the first and last content
+  const trimmedContent = content.slice(firstContentIndex, lastContentIndex + 1);
+
+  // Return a new document with the trimmed content
+  return {
+    ...document,
+    content: trimmedContent
+  };
+};

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

@@ -53,10 +53,11 @@ import { TruncatedWrapper } from './truncated-wrapper';
 import { ValidationContext } from './ValidationContext';
 import { RendererStyleContainer } from './RendererStyleContainer';
 import { getBaseFontSize } from './get-base-font-size';
+import { removeEmptySpaceAroundContent } from './rendererHelper';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "113.3.0";
+var packageVersion = "114.1.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',
@@ -379,7 +380,7 @@ export var __RendererClassComponent = /*#__PURE__*/function (_PureComponent) {
       try {
         var _rendererContext$feat;
         var schema = this.getSchema(this.props.schema, this.props.adfStage);
-        var _renderDocument = renderDocument(adfDocument, this.serializer, schema, adfStage, this.props.useSpecBasedValidator, this.id, this.fireAnalyticsEvent, this.props.unsupportedContentLevelsTracking, this.props.appearance, this.props.includeNodesCountInStats, skipValidation),
+        var _renderDocument = renderDocument(this.props.shouldRemoveEmptySpaceAroundContent ? removeEmptySpaceAroundContent(adfDocument) : adfDocument, this.serializer, schema, adfStage, this.props.useSpecBasedValidator, this.id, this.fireAnalyticsEvent, this.props.unsupportedContentLevelsTracking, this.props.appearance, this.props.includeNodesCountInStats, skipValidation),
           result = _renderDocument.result,
           stat = _renderDocument.stat,
           pmDoc = _renderDocument.pmDoc;
@@ -603,7 +604,7 @@ var RendererFunctionalComponent = function RendererFunctionalComponent(props) {
       extensionHandlers: props.extensionHandlers,
       portal: props.portal,
       objectContext: _objectSpread({
-        adDoc: props.document,
+        adDoc: props.shouldRemoveEmptySpaceAroundContent ? removeEmptySpaceAroundContent(props.document) : props.document,
         schema: props.schema
       }, props.rendererContext),
       appearance: props.appearance,
@@ -751,7 +752,7 @@ var RendererFunctionalComponent = function RendererFunctionalComponent(props) {
   try {
     var _createRendererContex2, _props$media;
     var schema = getSchema(props.schema, props.adfStage);
-    var _renderDocument2 = renderDocument(props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, _fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation),
+    var _renderDocument2 = renderDocument(props.shouldRemoveEmptySpaceAroundContent ? removeEmptySpaceAroundContent(props.document) : props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, _fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation),
       result = _renderDocument2.result,
       stat = _renderDocument2.stat,
       pmDoc = _renderDocument2.pmDoc;
@@ -788,7 +789,8 @@ var RendererFunctionalComponent = function RendererFunctionalComponent(props) {
       onMouseDown: onMouseDownEditView,
       ssr: (_props$media = props.media) === null || _props$media === void 0 ? void 0 : _props$media.ssr,
       isInsideOfInlineExtension: props.isInsideOfInlineExtension,
-      isTopLevelRenderer: createRendererContext(props.featureFlags, props.isTopLevelRenderer).isTopLevelRenderer
+      isTopLevelRenderer: createRendererContext(props.featureFlags, props.isTopLevelRenderer).isTopLevelRenderer,
+      shouldRemoveEmptySpaceAroundContent: props.shouldRemoveEmptySpaceAroundContent
     }, props.enableSsrInlineScripts || props.noOpSSRInlineScript ? jsx(BreakoutSSRInlineScript, {
       noOpSSRInlineScript: Boolean(props.noOpSSRInlineScript)
     }) : null, jsx(RendererActionsInternalUpdater, {

package/dist/esm/ui/Renderer/rendererHelper.js

@@ -0,0 +1,52 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+export var removeEmptySpaceAroundContent = function removeEmptySpaceAroundContent(document) {
+  // Check if the document is valid
+  if (!document || !document.content || !Array.isArray(document.content)) {
+    return document;
+  }
+  var isParagraphWithContent = function isParagraphWithContent(node) {
+    if (node.type !== 'paragraph' || !node.content || node.content.length === 0) {
+      return false;
+    }
+    // Check if paragraph has any content other than `hardBreak` or whitespace text nodes
+    return node.content.some(function (child) {
+      if ((child === null || child === void 0 ? void 0 : child.type) === 'hardBreak') {
+        return false;
+      }
+      if ((child === null || child === void 0 ? void 0 : child.type) === 'text' && typeof child.text === 'string' && child.text.trim() === '') {
+        return false;
+      }
+      return true;
+    });
+  };
+  var content = document.content;
+  var firstContentIndex = -1;
+  var lastContentIndex = -1;
+
+  // Find the first and last paragraphs with content
+  for (var i = 0; i < content.length; i++) {
+    if (isParagraphWithContent(content[i])) {
+      if (firstContentIndex === -1) {
+        firstContentIndex = i;
+      }
+      lastContentIndex = i;
+    }
+  }
+
+  // If no content was found, return an empty document
+  if (firstContentIndex === -1) {
+    return _objectSpread(_objectSpread({}, document), {}, {
+      content: []
+    });
+  }
+
+  // Slice the content array to include only paragraphs between the first and last content
+  var trimmedContent = content.slice(firstContentIndex, lastContentIndex + 1);
+
+  // Return a new document with the trimmed content
+  return _objectSpread(_objectSpread({}, document), {}, {
+    content: trimmedContent
+  });
+};

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

@@ -64,6 +64,7 @@ export type RendererWrapperProps = {
     isInsideOfInlineExtension?: boolean;
     allowTableResizing?: boolean;
     isTopLevelRenderer?: boolean;
+    shouldRemoveEmptySpaceAroundContent?: boolean;
 } & {
     children?: React.ReactNode;
 };

package/dist/types/ui/Renderer/rendererHelper.d.ts

@@ -0,0 +1,2 @@
+import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
+export declare const removeEmptySpaceAroundContent: (document: JSONDocNode) => JSONDocNode;

package/dist/types/ui/renderer-props.d.ts

@@ -68,6 +68,7 @@ export interface RendererProps {
     isInsideOfInlineExtension?: boolean;
     isTopLevelRenderer?: boolean;
     includeNodesCountInStats?: boolean;
+    shouldRemoveEmptySpaceAroundContent?: boolean;
     /**
      * When enabled a trailing telepointer will be added to the rendered document
      * following content updates.

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

@@ -64,6 +64,7 @@ export type RendererWrapperProps = {
     isInsideOfInlineExtension?: boolean;
     allowTableResizing?: boolean;
     isTopLevelRenderer?: boolean;
+    shouldRemoveEmptySpaceAroundContent?: boolean;
 } & {
     children?: React.ReactNode;
 };

package/dist/types-ts4.5/ui/Renderer/rendererHelper.d.ts

@@ -0,0 +1,2 @@
+import type { JSONDocNode } from '@atlaskit/editor-json-transformer';
+export declare const removeEmptySpaceAroundContent: (document: JSONDocNode) => JSONDocNode;

package/dist/types-ts4.5/ui/renderer-props.d.ts

@@ -68,6 +68,7 @@ export interface RendererProps {
     isInsideOfInlineExtension?: boolean;
     isTopLevelRenderer?: boolean;
     includeNodesCountInStats?: boolean;
+    shouldRemoveEmptySpaceAroundContent?: boolean;
     /**
      * When enabled a trailing telepointer will be added to the rendered document
      * following content updates.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "113.3.0",
+	"version": "114.1.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -54,7 +54,7 @@
 		"@atlaskit/task-decision": "^19.0.0",
 		"@atlaskit/theme": "^18.0.0",
 		"@atlaskit/tmp-editor-statsig": "^3.5.0",
-		"@atlaskit/tokens": "^4.3.0",
+		"@atlaskit/tokens": "^4.4.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",