@atlaskit/renderer 101.0.1 → 101.1.0

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @atlaskit/renderer
 
+## 101.1.0
+
+### Minor Changes
+
+- [`8308bf30800`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8308bf30800) - [ux] ED-14862: Fix triple click selection in table cells in Renderer so that copy paste doesnt always copy a whole table cell with selected content
+- [`d7c4506066d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d7c4506066d) - [ux][ed-15295] improve code block copy button label to better indicate to users what will end up in the clipboard when used.
+
+### Patch Changes
+
+- [`1a559c9fb1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1a559c9fb1f) - [ux][ed-15168] PR 2 removes scale down logic from table columns in renderer
+- [`5fd9cd8ae25`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5fd9cd8ae25) - PCC-583 Fixing duplicated i18n messages ids
+- [`85417020bac`](https://bitbucket.org/atlassian/atlassian-frontend/commits/85417020bac) - [ED-15173] removed uses of calcLineLength
+- Updated dependencies
+
+## 101.0.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 101.0.2
+
+### Patch Changes
+
+- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
+- Updated dependencies
+
 ## 101.0.1
 
 ### Patch Changes

package/dist/cjs/messages.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tableCellMessages = exports.sortingIconMessages = exports.headingAnchorLinkMessages = exports.codeBlockCopyButtonMessages = void 0;
+exports.tableCellMessages = exports.sortingIconMessages = exports.headingAnchorLinkMessages = void 0;
 
 var _reactIntlNext = require("react-intl-next");
 
@@ -42,7 +42,7 @@ var tableCellMessages = (0, _reactIntlNext.defineMessages)({
     description: 'this table column is sorted in ascending order'
   },
   descSortingLabel: {
-    id: 'fabric.editor.headingLink.noneSortingLabel',
+    id: 'fabric.editor.headingLink.descSortingLabel',
     defaultMessage: 'descending',
     description: 'this table column is sorted in descending order'
   }
@@ -65,22 +65,9 @@ var sortingIconMessages = (0, _reactIntlNext.defineMessages)({
     description: 'clear the sorting from this column'
   },
   invalidLabel: {
-    id: 'fabric.editor.headingLink.descOrderLabel',
+    id: 'fabric.editor.headingLink.invalidLabel',
     defaultMessage: "\u26A0\uFE0F  You can't sort a table with merged cell",
     description: 'this sort is invalid for merged cells'
   }
 });
-exports.sortingIconMessages = sortingIconMessages;
-var codeBlockCopyButtonMessages = (0, _reactIntlNext.defineMessages)({
-  copyCodeToClipboard: {
-    id: 'fabric.editor.codeBlockCopyButton.copyToClipboard',
-    defaultMessage: 'Copy',
-    description: 'Copy the whole content of the element to your clipboard'
-  },
-  copiedCodeToClipboard: {
-    id: 'fabric.editor.codeBlockCopyButton.copiedToClipboard',
-    defaultMessage: 'Copied!',
-    description: 'Copied the whole content of the element to clipboard'
-  }
-});
-exports.codeBlockCopyButtonMessages = codeBlockCopyButtonMessages;
+exports.sortingIconMessages = sortingIconMessages;

package/dist/cjs/react/nodes/codeBlockCopyButton.js

@@ -29,7 +29,7 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _clipboard = require("../utils/clipboard");
 
-var _messages = require("../../messages");
+var _messages = require("@atlaskit/editor-common/messages");
 
 var _tokens = require("@atlaskit/tokens");
 

package/dist/cjs/react/nodes/table/colgroup.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.calcScalePercent = exports.Colgroup = void 0;
+exports.Colgroup = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -13,11 +13,6 @@ var _styles = require("@atlaskit/editor-common/styles");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
-var _breakoutSsr = require("../../../ui/Renderer/breakout-ssr");
-
-// we allow scaling down column widths by no more than 15%
-var MAX_SCALING_PERCENT = 0.15;
-
 var getTableLayoutWidth = function getTableLayoutWidth(layout, opts) {
   switch (layout) {
     case 'full-width':
@@ -27,7 +22,7 @@ var getTableLayoutWidth = function getTableLayoutWidth(layout, opts) {
       return _editorSharedStyles.akEditorWideLayoutWidth;
 
     default:
-      return (0, _breakoutSsr.calcLineLength)();
+      return _editorSharedStyles.akEditorDefaultLayoutWidth;
   }
 };
 
@@ -38,31 +33,15 @@ var isTableResized = function isTableResized(columnWidths) {
   return !!filteredWidths.length;
 };
 
-var fixColumnWidth = function fixColumnWidth(columnWidth, _tableWidth, _layoutWidth, zeroWidthColumnsCount, scaleDownPercent) {
+var fixColumnWidth = function fixColumnWidth(columnWidth, _tableWidth, _layoutWidth, zeroWidthColumnsCount) {
   if (columnWidth === 0) {
     return columnWidth;
-  } // If the tables total width (including no zero widths col or cols without width) is less than the current layout
-  // We scale up the columns to meet the minimum of the table layout.
-
-
-  if (zeroWidthColumnsCount === 0 && scaleDownPercent) {
-    return Math.floor((1 - scaleDownPercent) * columnWidth);
   }
 
   return Math.max( // We need to take tableCellBorderWidth, to avoid unneccesary overflow.
   columnWidth - _styles.tableCellBorderWidth, zeroWidthColumnsCount ? _editorSharedStyles.akEditorTableLegacyCellMinWidth : _styles.tableCellMinWidth);
 };
 
-var calcScalePercent = function calcScalePercent(_ref) {
-  var renderWidth = _ref.renderWidth,
-      tableWidth = _ref.tableWidth,
-      maxScale = _ref.maxScale;
-  var diffPercent = 1 - renderWidth / tableWidth;
-  return diffPercent < maxScale ? diffPercent : maxScale;
-};
-
-exports.calcScalePercent = calcScalePercent;
-
 var Colgroup = function Colgroup(props) {
   var columnWidths = props.columnWidths,
       layout = props.layout,
@@ -97,21 +76,13 @@ var Colgroup = function Colgroup(props) {
 
     minTableWidth += Math.ceil(width) || _editorSharedStyles.akEditorTableLegacyCellMinWidth;
   });
-  var cellMinWidth = 0;
-  var scaleDownPercent = 0; // fixes migration tables with zero-width columns
+  var cellMinWidth = 0; // fixes migration tables with zero-width columns
 
   if (zeroWidthColumnsCount > 0) {
     if (minTableWidth > maxTableWidth) {
       var minWidth = Math.ceil((maxTableWidth - tableWidth) / zeroWidthColumnsCount);
       cellMinWidth = minWidth < _editorSharedStyles.akEditorTableLegacyCellMinWidth ? _editorSharedStyles.akEditorTableLegacyCellMinWidth : minWidth;
     }
-  } // scaling down
-  else if (renderWidth < tableWidth) {
-    scaleDownPercent = calcScalePercent({
-      renderWidth: renderWidth,
-      tableWidth: tableWidth,
-      maxScale: MAX_SCALING_PERCENT
-    });
   }
 
   return /*#__PURE__*/_react.default.createElement("colgroup", null, isNumberColumnEnabled && /*#__PURE__*/_react.default.createElement("col", {
@@ -119,7 +90,7 @@ var Colgroup = function Colgroup(props) {
       width: _editorSharedStyles.akEditorTableNumberColumnWidth
     }
   }), columnWidths.map(function (colWidth, idx) {
-    var width = fixColumnWidth(colWidth, minTableWidth, maxTableWidth, zeroWidthColumnsCount, scaleDownPercent) || cellMinWidth;
+    var width = fixColumnWidth(colWidth, minTableWidth, maxTableWidth, zeroWidthColumnsCount) || cellMinWidth;
     var style = width ? {
       width: "".concat(width, "px")
     } : {};

package/dist/cjs/react/nodes/table.js

@@ -39,12 +39,12 @@ var _tableCell = require("./tableCell");
 
 var _SmartCardStorage = require("../../ui/SmartCardStorage");
 
-var _breakoutSsr = require("../../ui/Renderer/breakout-ssr");
-
 var _sticky = require("./table/sticky");
 
 var _table = require("./table/table");
 
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -312,7 +312,7 @@ var TableContainer = /*#__PURE__*/function (_React$Component) {
           tableNode = _this$props.tableNode;
       var stickyMode = this.state.stickyMode;
       var tableWidth = (0, _styles.calcTableWidth)(layout, renderWidth, false);
-      var lineLength = (0, _breakoutSsr.calcLineLength)();
+      var lineLength = _editorSharedStyles.akEditorDefaultLayoutWidth;
       var left;
 
       if (canUseLinelength(this.props.rendererAppearance) && tableWidth !== 'inherit') {

package/dist/cjs/render-document.js

@@ -147,7 +147,7 @@ var _createNodeAndCheck = function _createNodeAndCheck(schema, doc, dispatchAnal
         actionSubject: _enums.ACTION_SUBJECT.RENDERER,
         attributes: {
           platform: _events.PLATFORM.WEB,
-          error: err === null || err === void 0 ? void 0 : err.toString()
+          errorStack: err === null || err === void 0 ? void 0 : err.toString()
         },
         eventType: _enums.EVENT_TYPE.OPERATIONAL
       });

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

@@ -102,7 +102,7 @@ exports.NORMAL_SEVERITY_THRESHOLD = NORMAL_SEVERITY_THRESHOLD;
 var DEGRADED_SEVERITY_THRESHOLD = 3000;
 exports.DEGRADED_SEVERITY_THRESHOLD = DEGRADED_SEVERITY_THRESHOLD;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "101.0.1";
+var packageVersion = "101.1.0";
 
 var Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
@@ -145,6 +145,62 @@ var Renderer = /*#__PURE__*/function (_PureComponent) {
       var windowSelection = window.getSelection();
       _this.mouseDownSelection = windowSelection !== null ? windowSelection.toString() : undefined;
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseTripleClickInTables", function (event) {
+      var _parentElement, _parentElement2;
+
+      if (_utils.browser.ios || _utils.browser.android) {
+        return;
+      }
+
+      var badBrowser = _utils.browser.chrome || _utils.browser.safari;
+      var tripleClick = event.detail >= 3;
+
+      if (!(badBrowser && tripleClick)) {
+        return;
+      }
+
+      var selection = window.getSelection();
+
+      if (!selection) {
+        return;
+      }
+
+      var type = selection.type,
+          anchorNode = selection.anchorNode,
+          focusNode = selection.focusNode;
+      var rangeSelection = Boolean(type === 'Range' && anchorNode && focusNode);
+
+      if (!rangeSelection) {
+        return;
+      }
+
+      var target = event.target;
+      var tableCell = target.closest('td,th');
+      var clickedInCell = Boolean(tableCell);
+
+      if (!clickedInCell) {
+        return;
+      }
+
+      var anchorInCell = tableCell.contains(anchorNode);
+      var focusInCell = tableCell.contains(focusNode);
+      var selectionStartsOrEndsOutsideClickedCell = !(anchorInCell && focusInCell);
+
+      if (!selectionStartsOrEndsOutsideClickedCell) {
+        return;
+      } // If selection starts or ends in a different cell than the clicked cell,
+      // we select the node inside the clicked cell (or if both are in a different
+      // cell, we select the cell's contents instead). We want to select the nearest
+      // parent block, so that a whole line of text/content is selected (rather than
+      // selecting a span that would select one specific chunk of text).
+
+
+      var elementToSelect = anchorInCell ? (_parentElement = anchorNode.parentElement) === null || _parentElement === void 0 ? void 0 : _parentElement.closest('div,p') : focusInCell ? (_parentElement2 = focusNode.parentElement) === null || _parentElement2 === void 0 ? void 0 : _parentElement2.closest('div,p') : tableCell;
+
+      if (elementToSelect) {
+        selection.selectAllChildren(elementToSelect);
+      }
+    });
     _this.providerFactory = props.dataProviders || new _providerFactory.ProviderFactory();
     _this.serializer = new _.ReactSerializer(_this.deriveSerializerProps(props));
     _this.editorRef = props.innerRef || /*#__PURE__*/_react.default.createRef();
@@ -294,7 +350,7 @@ var Renderer = /*#__PURE__*/function (_PureComponent) {
       var _this3 = this;
 
       var _this$props = this.props,
-          document = _this$props.document,
+          adfDocument = _this$props.document,
           onComplete = _this$props.onComplete,
           onError = _this$props.onError,
           appearance = _this$props.appearance,
@@ -319,12 +375,17 @@ var Renderer = /*#__PURE__*/function (_PureComponent) {
       var handleWrapperOnClick = function handleWrapperOnClick(event) {
         var _this3$props$eventHan;
 
+        var targetElement = event.target; // ED-14862: When a user triple clicks to select a line of content inside a
+        // a table cell, but the browser incorrectly moves the selection start or end into
+        // a different table cell, we manually set the selection back to within the original
+        // table cell the user intended to target
+
+        _this3.handleMouseTripleClickInTables(event);
+
         if (!((_this3$props$eventHan = _this3.props.eventHandlers) !== null && _this3$props$eventHan !== void 0 && _this3$props$eventHan.onUnhandledClick)) {
           return;
         }
 
-        var targetElement = event.target;
-
         if (!(targetElement instanceof window.Element)) {
           return;
         }
@@ -359,7 +420,7 @@ var Renderer = /*#__PURE__*/function (_PureComponent) {
 
         var schema = this.getSchema(this.props.schema, this.props.adfStage);
 
-        var _renderDocument = (0, _.renderDocument)(document, this.serializer, schema, adfStage, this.props.useSpecBasedValidator, this.id, this.fireAnalyticsEvent, this.props.unsupportedContentLevelsTracking, this.props.appearance),
+        var _renderDocument = (0, _.renderDocument)(adfDocument, this.serializer, schema, adfStage, this.props.useSpecBasedValidator, this.id, this.fireAnalyticsEvent, this.props.unsupportedContentLevelsTracking, this.props.appearance),
             result = _renderDocument.result,
             stat = _renderDocument.stat,
             pmDoc = _renderDocument.pmDoc;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "101.0.1",
+	"version": "101.1.0",
 	"sideEffects": false
 }

package/dist/es2019/messages.js

@@ -33,7 +33,7 @@ export const tableCellMessages = defineMessages({
     description: 'this table column is sorted in ascending order'
   },
   descSortingLabel: {
-    id: 'fabric.editor.headingLink.noneSortingLabel',
+    id: 'fabric.editor.headingLink.descSortingLabel',
     defaultMessage: 'descending',
     description: 'this table column is sorted in descending order'
   }
@@ -55,20 +55,8 @@ export const sortingIconMessages = defineMessages({
     description: 'clear the sorting from this column'
   },
   invalidLabel: {
-    id: 'fabric.editor.headingLink.descOrderLabel',
+    id: 'fabric.editor.headingLink.invalidLabel',
     defaultMessage: `⚠️  You can't sort a table with merged cell`,
     description: 'this sort is invalid for merged cells'
   }
-});
-export const codeBlockCopyButtonMessages = defineMessages({
-  copyCodeToClipboard: {
-    id: 'fabric.editor.codeBlockCopyButton.copyToClipboard',
-    defaultMessage: 'Copy',
-    description: 'Copy the whole content of the element to your clipboard'
-  },
-  copiedCodeToClipboard: {
-    id: 'fabric.editor.codeBlockCopyButton.copiedToClipboard',
-    defaultMessage: 'Copied!',
-    description: 'Copied the whole content of the element to clipboard'
-  }
 });

package/dist/es2019/react/nodes/codeBlockCopyButton.js

@@ -7,7 +7,7 @@ import Button from '@atlaskit/button/custom-theme-button';
 import CopyIcon from '@atlaskit/icon/glyph/copy';
 import { N20, N30, N700 } from '@atlaskit/theme/colors';
 import { copyTextToClipboard } from '../utils/clipboard';
-import { codeBlockCopyButtonMessages } from '../../messages';
+import { codeBlockCopyButtonMessages } from '@atlaskit/editor-common/messages';
 import { token } from '@atlaskit/tokens';
 const copyButtonWrapperStyles = css`
   display: flex;

package/dist/es2019/react/nodes/table/colgroup.js

@@ -1,9 +1,6 @@
 import React from 'react';
 import { tableCellBorderWidth, tableCellMinWidth } from '@atlaskit/editor-common/styles';
-import { akEditorTableNumberColumnWidth, akEditorWideLayoutWidth, akEditorFullWidthLayoutWidth, akEditorTableLegacyCellMinWidth } from '@atlaskit/editor-shared-styles';
-import { calcLineLength } from '../../../ui/Renderer/breakout-ssr';
-// we allow scaling down column widths by no more than 15%
-const MAX_SCALING_PERCENT = 0.15;
+import { akEditorTableNumberColumnWidth, akEditorWideLayoutWidth, akEditorFullWidthLayoutWidth, akEditorTableLegacyCellMinWidth, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 
 const getTableLayoutWidth = (layout, opts) => {
   switch (layout) {
@@ -14,7 +11,7 @@ const getTableLayoutWidth = (layout, opts) => {
       return akEditorWideLayoutWidth;
 
     default:
-      return calcLineLength();
+      return akEditorDefaultLayoutWidth;
   }
 };
 
@@ -23,29 +20,15 @@ const isTableResized = columnWidths => {
   return !!filteredWidths.length;
 };
 
-const fixColumnWidth = (columnWidth, _tableWidth, _layoutWidth, zeroWidthColumnsCount, scaleDownPercent) => {
+const fixColumnWidth = (columnWidth, _tableWidth, _layoutWidth, zeroWidthColumnsCount) => {
   if (columnWidth === 0) {
     return columnWidth;
-  } // If the tables total width (including no zero widths col or cols without width) is less than the current layout
-  // We scale up the columns to meet the minimum of the table layout.
-
-
-  if (zeroWidthColumnsCount === 0 && scaleDownPercent) {
-    return Math.floor((1 - scaleDownPercent) * columnWidth);
   }
 
   return Math.max( // We need to take tableCellBorderWidth, to avoid unneccesary overflow.
   columnWidth - tableCellBorderWidth, zeroWidthColumnsCount ? akEditorTableLegacyCellMinWidth : tableCellMinWidth);
 };
 
-export const calcScalePercent = ({
-  renderWidth,
-  tableWidth,
-  maxScale
-}) => {
-  const diffPercent = 1 - renderWidth / tableWidth;
-  return diffPercent < maxScale ? diffPercent : maxScale;
-};
 export const Colgroup = props => {
   let {
     columnWidths,
@@ -82,21 +65,13 @@ export const Colgroup = props => {
 
     minTableWidth += Math.ceil(width) || akEditorTableLegacyCellMinWidth;
   });
-  let cellMinWidth = 0;
-  let scaleDownPercent = 0; // fixes migration tables with zero-width columns
+  let cellMinWidth = 0; // fixes migration tables with zero-width columns
 
   if (zeroWidthColumnsCount > 0) {
     if (minTableWidth > maxTableWidth) {
       const minWidth = Math.ceil((maxTableWidth - tableWidth) / zeroWidthColumnsCount);
       cellMinWidth = minWidth < akEditorTableLegacyCellMinWidth ? akEditorTableLegacyCellMinWidth : minWidth;
     }
-  } // scaling down
-  else if (renderWidth < tableWidth) {
-    scaleDownPercent = calcScalePercent({
-      renderWidth,
-      tableWidth,
-      maxScale: MAX_SCALING_PERCENT
-    });
   }
 
   return /*#__PURE__*/React.createElement("colgroup", null, isNumberColumnEnabled && /*#__PURE__*/React.createElement("col", {
@@ -104,7 +79,7 @@ export const Colgroup = props => {
       width: akEditorTableNumberColumnWidth
     }
   }), columnWidths.map((colWidth, idx) => {
-    const width = fixColumnWidth(colWidth, minTableWidth, maxTableWidth, zeroWidthColumnsCount, scaleDownPercent) || cellMinWidth;
+    const width = fixColumnWidth(colWidth, minTableWidth, maxTableWidth, zeroWidthColumnsCount) || cellMinWidth;
     const style = width ? {
       width: `${width}px`
     } : {};

package/dist/es2019/react/nodes/table.js

@@ -8,9 +8,9 @@ import { SortOrder } from '@atlaskit/editor-common/types';
 import { FullPagePadding } from '../../ui/Renderer/style';
 import { TableHeader } from './tableCell';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
-import { calcLineLength } from '../../ui/Renderer/breakout-ssr';
 import { StickyTable, tableStickyPadding, OverflowParent } from './table/sticky';
 import { Table } from './table/table';
+import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 
 const orderChildren = (children, tableNode, smartCardStorage, tableOrderStatus) => {
   if (!tableOrderStatus || tableOrderStatus.order === SortOrder.NO_ORDER) {
@@ -261,7 +261,7 @@ export class TableContainer extends React.Component {
       stickyMode
     } = this.state;
     let tableWidth = calcTableWidth(layout, renderWidth, false);
-    const lineLength = calcLineLength();
+    const lineLength = akEditorDefaultLayoutWidth;
     let left;
 
     if (canUseLinelength(this.props.rendererAppearance) && tableWidth !== 'inherit') {

package/dist/es2019/render-document.js

@@ -113,7 +113,7 @@ const _createNodeAndCheck = (schema, doc, dispatchAnalyticsEvent) => {
         actionSubject: ACTION_SUBJECT.RENDERER,
         attributes: {
           platform: PLATFORM.WEB,
-          error: err === null || err === void 0 ? void 0 : err.toString()
+          errorStack: err === null || err === void 0 ? void 0 : err.toString()
         },
         eventType: EVENT_TYPE.OPERATIONAL
       });

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

@@ -9,7 +9,7 @@ import { getSchemaBasedOnStage } from '@atlaskit/adf-schema/schema-default';
 import { reduce } from '@atlaskit/adf-utils/traverse';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { UnsupportedBlock, BaseTheme, WidthProvider, WithCreateAnalyticsEvent, IntlErrorBoundary } from '@atlaskit/editor-common/ui';
-import { getAnalyticsAppearance, getAnalyticsEventSeverity, getResponseEndTime, startMeasure, stopMeasure, shouldForceTracking, measureTTI } from '@atlaskit/editor-common/utils';
+import { getAnalyticsAppearance, getAnalyticsEventSeverity, getResponseEndTime, startMeasure, stopMeasure, shouldForceTracking, measureTTI, browser } from '@atlaskit/editor-common/utils';
 import { normalizeFeatureFlags } from '@atlaskit/editor-common/normalize-feature-flags';
 import { akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
 import { FabricChannel } from '@atlaskit/analytics-listeners';
@@ -36,7 +36,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "101.0.1";
+const packageVersion = "101.1.0";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);
@@ -78,6 +78,65 @@ export class Renderer extends PureComponent {
       this.mouseDownSelection = windowSelection !== null ? windowSelection.toString() : undefined;
     });
 
+    _defineProperty(this, "handleMouseTripleClickInTables", event => {
+      var _parentElement, _parentElement2;
+
+      if (browser.ios || browser.android) {
+        return;
+      }
+
+      const badBrowser = browser.chrome || browser.safari;
+      const tripleClick = event.detail >= 3;
+
+      if (!(badBrowser && tripleClick)) {
+        return;
+      }
+
+      const selection = window.getSelection();
+
+      if (!selection) {
+        return;
+      }
+
+      const {
+        type,
+        anchorNode,
+        focusNode
+      } = selection;
+      const rangeSelection = Boolean(type === 'Range' && anchorNode && focusNode);
+
+      if (!rangeSelection) {
+        return;
+      }
+
+      const target = event.target;
+      const tableCell = target.closest('td,th');
+      const clickedInCell = Boolean(tableCell);
+
+      if (!clickedInCell) {
+        return;
+      }
+
+      const anchorInCell = tableCell.contains(anchorNode);
+      const focusInCell = tableCell.contains(focusNode);
+      const selectionStartsOrEndsOutsideClickedCell = !(anchorInCell && focusInCell);
+
+      if (!selectionStartsOrEndsOutsideClickedCell) {
+        return;
+      } // If selection starts or ends in a different cell than the clicked cell,
+      // we select the node inside the clicked cell (or if both are in a different
+      // cell, we select the cell's contents instead). We want to select the nearest
+      // parent block, so that a whole line of text/content is selected (rather than
+      // selecting a span that would select one specific chunk of text).
+
+
+      const elementToSelect = anchorInCell ? (_parentElement = anchorNode.parentElement) === null || _parentElement === void 0 ? void 0 : _parentElement.closest('div,p') : focusInCell ? (_parentElement2 = focusNode.parentElement) === null || _parentElement2 === void 0 ? void 0 : _parentElement2.closest('div,p') : tableCell;
+
+      if (elementToSelect) {
+        selection.selectAllChildren(elementToSelect);
+      }
+    });
+
     this.providerFactory = props.dataProviders || new ProviderFactory();
     this.serializer = new ReactSerializer(this.deriveSerializerProps(props));
     this.editorRef = props.innerRef || /*#__PURE__*/React.createRef();
@@ -218,7 +277,7 @@ export class Renderer extends PureComponent {
 
   render() {
     const {
-      document,
+      document: adfDocument,
       onComplete,
       onError,
       appearance,
@@ -244,12 +303,17 @@ export class Renderer extends PureComponent {
     const handleWrapperOnClick = event => {
       var _this$props$eventHand;
 
+      const targetElement = event.target; // ED-14862: When a user triple clicks to select a line of content inside a
+      // a table cell, but the browser incorrectly moves the selection start or end into
+      // a different table cell, we manually set the selection back to within the original
+      // table cell the user intended to target
+
+      this.handleMouseTripleClickInTables(event);
+
       if (!((_this$props$eventHand = this.props.eventHandlers) !== null && _this$props$eventHand !== void 0 && _this$props$eventHand.onUnhandledClick)) {
         return;
       }
 
-      const targetElement = event.target;
-
       if (!(targetElement instanceof window.Element)) {
         return;
       }
@@ -287,7 +351,7 @@ export class Renderer extends PureComponent {
         result,
         stat,
         pmDoc
-      } = renderDocument(document, this.serializer, schema, adfStage, this.props.useSpecBasedValidator, this.id, this.fireAnalyticsEvent, this.props.unsupportedContentLevelsTracking, this.props.appearance);
+      } = renderDocument(adfDocument, this.serializer, schema, adfStage, this.props.useSpecBasedValidator, this.id, this.fireAnalyticsEvent, this.props.unsupportedContentLevelsTracking, this.props.appearance);
 
       if (onComplete) {
         onComplete(stat);

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "101.0.1",
+	"version": "101.1.0",
 	"sideEffects": false
 }

package/dist/esm/messages.js

@@ -33,7 +33,7 @@ export var tableCellMessages = defineMessages({
     description: 'this table column is sorted in ascending order'
   },
   descSortingLabel: {
-    id: 'fabric.editor.headingLink.noneSortingLabel',
+    id: 'fabric.editor.headingLink.descSortingLabel',
     defaultMessage: 'descending',
     description: 'this table column is sorted in descending order'
   }
@@ -55,20 +55,8 @@ export var sortingIconMessages = defineMessages({
     description: 'clear the sorting from this column'
   },
   invalidLabel: {
-    id: 'fabric.editor.headingLink.descOrderLabel',
+    id: 'fabric.editor.headingLink.invalidLabel',
     defaultMessage: "\u26A0\uFE0F  You can't sort a table with merged cell",
     description: 'this sort is invalid for merged cells'
   }
-});
-export var codeBlockCopyButtonMessages = defineMessages({
-  copyCodeToClipboard: {
-    id: 'fabric.editor.codeBlockCopyButton.copyToClipboard',
-    defaultMessage: 'Copy',
-    description: 'Copy the whole content of the element to your clipboard'
-  },
-  copiedCodeToClipboard: {
-    id: 'fabric.editor.codeBlockCopyButton.copiedToClipboard',
-    defaultMessage: 'Copied!',
-    description: 'Copied the whole content of the element to clipboard'
-  }
 });

package/dist/esm/react/nodes/codeBlockCopyButton.js

@@ -12,7 +12,7 @@ import Button from '@atlaskit/button/custom-theme-button';
 import CopyIcon from '@atlaskit/icon/glyph/copy';
 import { N20, N30, N700 } from '@atlaskit/theme/colors';
 import { copyTextToClipboard } from '../utils/clipboard';
-import { codeBlockCopyButtonMessages } from '../../messages';
+import { codeBlockCopyButtonMessages } from '@atlaskit/editor-common/messages';
 import { token } from '@atlaskit/tokens';
 var copyButtonWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  position: sticky;\n  justify-content: flex-end;\n  top: 0;\n\n  button {\n    position: absolute;\n    display: flex;\n    justify-content: center;\n    height: 32px;\n    width: 32px;\n    right: 6px;\n    top: 4px;\n    padding: 2px;\n    opacity: 0;\n    transition: opacity 0.2s ease 0s;\n    border: 2px solid ", ";\n    border-radius: 4px;\n    background-color: ", ";\n    color: ", ";\n  }\n\n  button:hover {\n    background-color: ", ";\n  }\n\n  button.clicked {\n    background-color: ", ";\n    color: ", " !important;\n  }\n"])), token('color.border.inverse', '#fff'), token('color.background.neutral.subtle', N20), token('color.icon', 'rgb(66, 82, 110)'), token('color.background.neutral.hovered', N30), token('color.background.neutral.bold.pressed', N700), token('color.icon.inverse', '#fff'));
 

package/dist/esm/react/nodes/table/colgroup.js

@@ -1,9 +1,6 @@
 import React from 'react';
 import { tableCellBorderWidth, tableCellMinWidth } from '@atlaskit/editor-common/styles';
-import { akEditorTableNumberColumnWidth, akEditorWideLayoutWidth, akEditorFullWidthLayoutWidth, akEditorTableLegacyCellMinWidth } from '@atlaskit/editor-shared-styles';
-import { calcLineLength } from '../../../ui/Renderer/breakout-ssr';
-// we allow scaling down column widths by no more than 15%
-var MAX_SCALING_PERCENT = 0.15;
+import { akEditorTableNumberColumnWidth, akEditorWideLayoutWidth, akEditorFullWidthLayoutWidth, akEditorTableLegacyCellMinWidth, akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 
 var getTableLayoutWidth = function getTableLayoutWidth(layout, opts) {
   switch (layout) {
@@ -14,7 +11,7 @@ var getTableLayoutWidth = function getTableLayoutWidth(layout, opts) {
       return akEditorWideLayoutWidth;
 
     default:
-      return calcLineLength();
+      return akEditorDefaultLayoutWidth;
   }
 };
 
@@ -25,28 +22,15 @@ var isTableResized = function isTableResized(columnWidths) {
   return !!filteredWidths.length;
 };
 
-var fixColumnWidth = function fixColumnWidth(columnWidth, _tableWidth, _layoutWidth, zeroWidthColumnsCount, scaleDownPercent) {
+var fixColumnWidth = function fixColumnWidth(columnWidth, _tableWidth, _layoutWidth, zeroWidthColumnsCount) {
   if (columnWidth === 0) {
     return columnWidth;
-  } // If the tables total width (including no zero widths col or cols without width) is less than the current layout
-  // We scale up the columns to meet the minimum of the table layout.
-
-
-  if (zeroWidthColumnsCount === 0 && scaleDownPercent) {
-    return Math.floor((1 - scaleDownPercent) * columnWidth);
   }
 
   return Math.max( // We need to take tableCellBorderWidth, to avoid unneccesary overflow.
   columnWidth - tableCellBorderWidth, zeroWidthColumnsCount ? akEditorTableLegacyCellMinWidth : tableCellMinWidth);
 };
 
-export var calcScalePercent = function calcScalePercent(_ref) {
-  var renderWidth = _ref.renderWidth,
-      tableWidth = _ref.tableWidth,
-      maxScale = _ref.maxScale;
-  var diffPercent = 1 - renderWidth / tableWidth;
-  return diffPercent < maxScale ? diffPercent : maxScale;
-};
 export var Colgroup = function Colgroup(props) {
   var columnWidths = props.columnWidths,
       layout = props.layout,
@@ -81,21 +65,13 @@ export var Colgroup = function Colgroup(props) {
 
     minTableWidth += Math.ceil(width) || akEditorTableLegacyCellMinWidth;
   });
-  var cellMinWidth = 0;
-  var scaleDownPercent = 0; // fixes migration tables with zero-width columns
+  var cellMinWidth = 0; // fixes migration tables with zero-width columns
 
   if (zeroWidthColumnsCount > 0) {
     if (minTableWidth > maxTableWidth) {
       var minWidth = Math.ceil((maxTableWidth - tableWidth) / zeroWidthColumnsCount);
       cellMinWidth = minWidth < akEditorTableLegacyCellMinWidth ? akEditorTableLegacyCellMinWidth : minWidth;
     }
-  } // scaling down
-  else if (renderWidth < tableWidth) {
-    scaleDownPercent = calcScalePercent({
-      renderWidth: renderWidth,
-      tableWidth: tableWidth,
-      maxScale: MAX_SCALING_PERCENT
-    });
   }
 
   return /*#__PURE__*/React.createElement("colgroup", null, isNumberColumnEnabled && /*#__PURE__*/React.createElement("col", {
@@ -103,7 +79,7 @@ export var Colgroup = function Colgroup(props) {
       width: akEditorTableNumberColumnWidth
     }
   }), columnWidths.map(function (colWidth, idx) {
-    var width = fixColumnWidth(colWidth, minTableWidth, maxTableWidth, zeroWidthColumnsCount, scaleDownPercent) || cellMinWidth;
+    var width = fixColumnWidth(colWidth, minTableWidth, maxTableWidth, zeroWidthColumnsCount) || cellMinWidth;
     var style = width ? {
       width: "".concat(width, "px")
     } : {};

package/dist/esm/react/nodes/table.js

@@ -19,9 +19,9 @@ import { SortOrder } from '@atlaskit/editor-common/types';
 import { FullPagePadding } from '../../ui/Renderer/style';
 import { TableHeader } from './tableCell';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
-import { calcLineLength } from '../../ui/Renderer/breakout-ssr';
 import { StickyTable, tableStickyPadding, OverflowParent } from './table/sticky';
 import { Table } from './table/table';
+import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 
 var orderChildren = function orderChildren(children, tableNode, smartCardStorage, tableOrderStatus) {
   if (!tableOrderStatus || tableOrderStatus.order === SortOrder.NO_ORDER) {
@@ -298,7 +298,7 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
           tableNode = _this$props.tableNode;
       var stickyMode = this.state.stickyMode;
       var tableWidth = calcTableWidth(layout, renderWidth, false);
-      var lineLength = calcLineLength();
+      var lineLength = akEditorDefaultLayoutWidth;
       var left;
 
       if (canUseLinelength(this.props.rendererAppearance) && tableWidth !== 'inherit') {

package/dist/esm/render-document.js

@@ -129,7 +129,7 @@ var _createNodeAndCheck = function _createNodeAndCheck(schema, doc, dispatchAnal
         actionSubject: ACTION_SUBJECT.RENDERER,
         attributes: {
           platform: PLATFORM.WEB,
-          error: err === null || err === void 0 ? void 0 : err.toString()
+          errorStack: err === null || err === void 0 ? void 0 : err.toString()
         },
         eventType: EVENT_TYPE.OPERATIONAL
       });

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

@@ -23,7 +23,7 @@ import { getSchemaBasedOnStage } from '@atlaskit/adf-schema/schema-default';
 import { reduce } from '@atlaskit/adf-utils/traverse';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { UnsupportedBlock, BaseTheme, WidthProvider, WithCreateAnalyticsEvent, IntlErrorBoundary } from '@atlaskit/editor-common/ui';
-import { getAnalyticsAppearance, getAnalyticsEventSeverity, getResponseEndTime, startMeasure, stopMeasure, shouldForceTracking, measureTTI } from '@atlaskit/editor-common/utils';
+import { getAnalyticsAppearance, getAnalyticsEventSeverity, getResponseEndTime, startMeasure, stopMeasure, shouldForceTracking, measureTTI, browser } from '@atlaskit/editor-common/utils';
 import { normalizeFeatureFlags } from '@atlaskit/editor-common/normalize-feature-flags';
 import { akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
 import { FabricChannel } from '@atlaskit/analytics-listeners';
@@ -50,7 +50,7 @@ import { RenderTracking } from '../../react/utils/performance/RenderTracking';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "101.0.1";
+var packageVersion = "101.1.0";
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
 
@@ -98,6 +98,63 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
       _this.mouseDownSelection = windowSelection !== null ? windowSelection.toString() : undefined;
     });
 
+    _defineProperty(_assertThisInitialized(_this), "handleMouseTripleClickInTables", function (event) {
+      var _parentElement, _parentElement2;
+
+      if (browser.ios || browser.android) {
+        return;
+      }
+
+      var badBrowser = browser.chrome || browser.safari;
+      var tripleClick = event.detail >= 3;
+
+      if (!(badBrowser && tripleClick)) {
+        return;
+      }
+
+      var selection = window.getSelection();
+
+      if (!selection) {
+        return;
+      }
+
+      var type = selection.type,
+          anchorNode = selection.anchorNode,
+          focusNode = selection.focusNode;
+      var rangeSelection = Boolean(type === 'Range' && anchorNode && focusNode);
+
+      if (!rangeSelection) {
+        return;
+      }
+
+      var target = event.target;
+      var tableCell = target.closest('td,th');
+      var clickedInCell = Boolean(tableCell);
+
+      if (!clickedInCell) {
+        return;
+      }
+
+      var anchorInCell = tableCell.contains(anchorNode);
+      var focusInCell = tableCell.contains(focusNode);
+      var selectionStartsOrEndsOutsideClickedCell = !(anchorInCell && focusInCell);
+
+      if (!selectionStartsOrEndsOutsideClickedCell) {
+        return;
+      } // If selection starts or ends in a different cell than the clicked cell,
+      // we select the node inside the clicked cell (or if both are in a different
+      // cell, we select the cell's contents instead). We want to select the nearest
+      // parent block, so that a whole line of text/content is selected (rather than
+      // selecting a span that would select one specific chunk of text).
+
+
+      var elementToSelect = anchorInCell ? (_parentElement = anchorNode.parentElement) === null || _parentElement === void 0 ? void 0 : _parentElement.closest('div,p') : focusInCell ? (_parentElement2 = focusNode.parentElement) === null || _parentElement2 === void 0 ? void 0 : _parentElement2.closest('div,p') : tableCell;
+
+      if (elementToSelect) {
+        selection.selectAllChildren(elementToSelect);
+      }
+    });
+
     _this.providerFactory = props.dataProviders || new ProviderFactory();
     _this.serializer = new ReactSerializer(_this.deriveSerializerProps(props));
     _this.editorRef = props.innerRef || /*#__PURE__*/React.createRef();
@@ -247,7 +304,7 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
       var _this3 = this;
 
       var _this$props = this.props,
-          document = _this$props.document,
+          adfDocument = _this$props.document,
           onComplete = _this$props.onComplete,
           onError = _this$props.onError,
           appearance = _this$props.appearance,
@@ -272,12 +329,17 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
       var handleWrapperOnClick = function handleWrapperOnClick(event) {
         var _this3$props$eventHan;
 
+        var targetElement = event.target; // ED-14862: When a user triple clicks to select a line of content inside a
+        // a table cell, but the browser incorrectly moves the selection start or end into
+        // a different table cell, we manually set the selection back to within the original
+        // table cell the user intended to target
+
+        _this3.handleMouseTripleClickInTables(event);
+
         if (!((_this3$props$eventHan = _this3.props.eventHandlers) !== null && _this3$props$eventHan !== void 0 && _this3$props$eventHan.onUnhandledClick)) {
           return;
         }
 
-        var targetElement = event.target;
-
         if (!(targetElement instanceof window.Element)) {
           return;
         }
@@ -312,7 +374,7 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
 
         var schema = this.getSchema(this.props.schema, this.props.adfStage);
 
-        var _renderDocument = renderDocument(document, this.serializer, schema, adfStage, this.props.useSpecBasedValidator, this.id, this.fireAnalyticsEvent, this.props.unsupportedContentLevelsTracking, this.props.appearance),
+        var _renderDocument = renderDocument(adfDocument, this.serializer, schema, adfStage, this.props.useSpecBasedValidator, this.id, this.fireAnalyticsEvent, this.props.unsupportedContentLevelsTracking, this.props.appearance),
             result = _renderDocument.result,
             stat = _renderDocument.stat,
             pmDoc = _renderDocument.pmDoc;

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "101.0.1",
+	"version": "101.1.0",
 	"sideEffects": false
 }

package/dist/types/messages.d.ts

@@ -59,15 +59,3 @@ export declare const sortingIconMessages: {
         description: string;
     };
 };
-export declare const codeBlockCopyButtonMessages: {
-    copyCodeToClipboard: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    copiedCodeToClipboard: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-};

package/dist/types/react/nodes/table/colgroup.d.ts

@@ -1,9 +1,3 @@
 /// <reference types="react" />
 import { SharedTableProps } from './types';
-export interface ScaleOptions {
-    renderWidth: number;
-    tableWidth: number;
-    maxScale: number;
-}
-export declare const calcScalePercent: ({ renderWidth, tableWidth, maxScale, }: ScaleOptions) => number;
 export declare const Colgroup: (props: SharedTableProps) => JSX.Element | null;

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

@@ -25,6 +25,7 @@ export declare class Renderer extends PureComponent<RendererProps> {
     private fireAnalyticsEvent;
     private getSchema;
     private onMouseDownEditView;
+    private handleMouseTripleClickInTables;
     render(): jsx.JSX.Element;
     componentWillUnmount(): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "101.0.1",
+  "version": "101.1.0",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,15 +24,15 @@
     }
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^23.3.0",
+    "@atlaskit/adf-schema": "^24.0.0",
     "@atlaskit/adf-utils": "^17.1.0",
     "@atlaskit/analytics-listeners": "^8.3.0",
     "@atlaskit/analytics-namespaced-context": "^6.5.0",
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/code": "^14.3.0",
-    "@atlaskit/editor-common": "^69.1.0",
-    "@atlaskit/editor-json-transformer": "^8.7.0",
+    "@atlaskit/editor-common": "^69.2.0",
+    "@atlaskit/editor-json-transformer": "^8.8.0",
     "@atlaskit/editor-shared-styles": "^2.1.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/media-card": "^74.1.0",
@@ -40,11 +40,11 @@
     "@atlaskit/media-common": "^2.16.0",
     "@atlaskit/media-filmstrip": "^45.0.0",
     "@atlaskit/media-ui": "^22.1.0",
-    "@atlaskit/media-viewer": "^47.0.0",
-    "@atlaskit/smart-card": "^21.1.0",
+    "@atlaskit/media-viewer": "^47.1.0",
+    "@atlaskit/smart-card": "^22.1.0",
     "@atlaskit/status": "^1.1.0",
-    "@atlaskit/task-decision": "^17.4.0",
-    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/task-decision": "^17.5.0",
+    "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@babel/runtime": "^7.0.0",
@@ -59,8 +59,8 @@
     "uuid": "^3.1.0"
   },
   "peerDependencies": {
-    "@atlaskit/link-provider": "^1.0.0",
-    "@atlaskit/media-core": "^33.0.1",
+    "@atlaskit/link-provider": "^1.2.4",
+    "@atlaskit/media-core": "^33.0.2",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "styled-components": "^3.2.6"
@@ -70,17 +70,17 @@
     "@atlaskit/avatar": "^21.0.0",
     "@atlaskit/css-reset": "^6.3.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/editor-core": "^172.0.0",
+    "@atlaskit/editor-core": "^172.1.0",
     "@atlaskit/editor-test-helpers": "^17.1.0",
     "@atlaskit/link-provider": "^1.0.0",
-    "@atlaskit/logo": "^13.8.0",
+    "@atlaskit/logo": "^13.9.0",
     "@atlaskit/media-core": "^33.0.0",
     "@atlaskit/media-integration-test-helpers": "^2.6.0",
     "@atlaskit/media-test-helpers": "^30.0.0",
     "@atlaskit/mention": "^21.0.0",
     "@atlaskit/navigation-next": "^9.0.0",
     "@atlaskit/profilecard": "^16.12.0",
-    "@atlaskit/radio": "^5.3.0",
+    "@atlaskit/radio": "^5.4.0",
     "@atlaskit/range": "^6.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/util-data-test": "^17.5.0",
@@ -103,7 +103,7 @@
     "react-test-renderer": "^16.8.0",
     "rxjs": "^5.5.0",
     "sinon": "^2.2.0",
-    "typescript": "4.2.4",
+    "typescript": "4.3.5",
     "worker-plugin": "^4.0.2"
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",