@atlaskit/editor-plugin-table 7.5.2 → 7.5.4

package/dist/es2019/pm-plugins/keymap.js

@@ -4,8 +4,8 @@ import { chainCommands } from '@atlaskit/editor-prosemirror/commands';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { createTable, goToNextCell, moveCursorBackward } from '../commands';
-import { addRowAroundSelection, deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut, deleteTableIfSelectedWithAnalytics, emptyMultipleCellsWithAnalytics } from '../commands-with-analytics';
-import { activateNextResizeArea, changeColumnWidthByStep, initiateKeyboardColumnResizing, stopKeyboardColumnResizing } from '../commands/column-resize';
+import { addRowAroundSelection, changeColumnWidthByStepWithAnalytics, deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut, deleteTableIfSelectedWithAnalytics, emptyMultipleCellsWithAnalytics } from '../commands-with-analytics';
+import { activateNextResizeArea, initiateKeyboardColumnResizing, stopKeyboardColumnResizing } from '../commands/column-resize';
 import { addColumnAfter as addColumnAfterCommand, addColumnBefore as addColumnBeforeCommand } from '../commands/insert';
 import { moveSourceWithAnalyticsViaShortcut } from '../pm-plugins/drag-and-drop/commands-with-analytics';
 import { withEditorAnalyticsAPI } from '../utils/analytics';
@@ -56,8 +56,8 @@ export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, getEdi
     bindKeymapWithCommand(startColumnResizing.common, initiateKeyboardColumnResizing, list);
     bindKeymapWithCommand(moveRight.common, activateNextResizeArea(1), list);
     bindKeymapWithCommand(moveLeft.common, activateNextResizeArea(-1), list);
-    bindKeymapWithCommand(decreaseMediaSize.common, changeColumnWidthByStep(-10, getEditorContainerWidth, tablePreserveWidth), list);
-    bindKeymapWithCommand(increaseMediaSize.common, changeColumnWidthByStep(10, getEditorContainerWidth, tablePreserveWidth), list);
+    bindKeymapWithCommand(decreaseMediaSize.common, changeColumnWidthByStepWithAnalytics(editorAnalyticsAPI)(-10, getEditorContainerWidth, tablePreserveWidth, INPUT_METHOD.SHORTCUT), list);
+    bindKeymapWithCommand(increaseMediaSize.common, changeColumnWidthByStepWithAnalytics(editorAnalyticsAPI)(10, getEditorContainerWidth, tablePreserveWidth, INPUT_METHOD.SHORTCUT), list);
     bindKeymapWithCommand(escape.common, stopKeyboardColumnResizing(), list);
   }
   return keymap(list);

package/dist/es2019/pm-plugins/table-resizing/event-handlers.js

@@ -1,4 +1,4 @@
-import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION, TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
+import { ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD, TABLE_ACTION, TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
 import { getParentNodeWidth } from '@atlaskit/editor-common/node-width';
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
@@ -154,6 +154,7 @@ export const handleMouseDown = (view, event, localResizeHandlePos, getEditorCont
         // only selected (or selected - 1) columns should be distributed
         const resizingSelectedColumns = selectedColumns.indexOf(colIndex) > -1 || selectedColumns.indexOf(colIndex + 1) > -1;
         const newResizeState = resizeColumn(resizeState, colIndex, clientX - startX, dom, resizingSelectedColumns ? selectedColumns : undefined, tablePreserveWidth);
+        const resizedDelta = clientX - startX;
         tr = updateColumnWidths(newResizeState, table, start)(tr);
         if (colIndex === map.width - 1) {
           const mouseUpTime = event.timeStamp;
@@ -165,11 +166,25 @@ export const handleMouseDown = (view, event, localResizeHandlePos, getEditorCont
               type: 'table-border',
               position: 'right',
               duration: mouseUpTime - mouseDownTime,
-              delta: Math.abs(clientX - dragging.startX)
+              delta: Math.abs(resizedDelta)
             },
             eventType: EVENT_TYPE.UI
           })(tr);
         }
+        editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
+          action: TABLE_ACTION.COLUMN_RESIZED,
+          actionSubject: ACTION_SUBJECT.TABLE,
+          eventType: EVENT_TYPE.TRACK,
+          attributes: {
+            colIndex: colIndex,
+            resizedDelta,
+            isLastColumn: colIndex === map.width - 1,
+            tableWidth: table.attrs.width,
+            inputMethod: INPUT_METHOD.MOUSE,
+            totalRowCount: map.height,
+            totalColumnCount: map.width
+          }
+        })(tr);
       }
       if (getBooleanFF('platform.editor.a11y-column-resizing_emcvz')) {
         if (isKeyboardResize || !isTableHovered) {

package/dist/es2019/pm-plugins/table-resizing/utils/resize-state.js

@@ -39,7 +39,6 @@ export const getResizeState = ({
   // Getting the resize state from DOM
   const colgroupChildren = insertColgroupFromNode(tableRef, table, tablePreserveWidth, shouldReinsertColgroup // don't reinsert colgroup when preserving table width - this causes widths to jump
   );
-
   const cols = Array.from(colgroupChildren).map((_, index) => {
     // If the table hasn't been resized and we have a table width attribute, we can use it
     // to calculate the widths of the columns

package/dist/es2019/reducer.js

@@ -48,7 +48,6 @@ export default ((pluginState, action) => {
         ...action.data,
         insertColumnButtonIndex: undefined // We need to assure that column is not shown
       };
-
     case 'SHOW_INSERT_COLUMN_BUTTON':
       if (action.data.insertColumnButtonIndex === pluginState.insertColumnButtonIndex) {
         return pluginState;
@@ -58,7 +57,6 @@ export default ((pluginState, action) => {
         ...action.data,
         insertRowButtonIndex: undefined // We need to assure that row is not shown
       };
-
     case 'HIDE_INSERT_COLUMN_OR_ROW_BUTTON':
       if (pluginState.insertRowButtonIndex !== undefined || pluginState.insertColumnButtonIndex !== undefined) {
         return {

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

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import React from 'react';
 import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';

package/dist/es2019/utils/decoration.js

@@ -406,11 +406,9 @@ export const createColumnLineResize = (selection, cellColumnPositioning) => {
     if (isLastColumn) {
       return true; // If is the last column no filter applied
     }
-
     const nextPosition = map.map[map.width * rowIndex + columnIndex - 1];
     return cellPosition !== nextPosition; // Removed it if next position is merged
   });
-
   const cells = cellPositions.map(pos => ({
     pos: pos + table.start,
     node: table.node.nodeAt(pos)
@@ -447,11 +445,9 @@ export const createColumnInsertLine = (columnIndex, selection, hasMergedCells) =
     if (isLastColumn) {
       return true; // If is the last column no filter applied
     }
-
     const nextPosition = map.map[map.width * rowIndex + columnIndex - 1];
     return cellPosition !== nextPosition; // Removed it if next position is merged
   });
-
   const cells = cellPositions.map(pos => ({
     pos: pos + table.start,
     node: table.node.nodeAt(pos)

package/dist/es2019/utils/guidelines.js

@@ -1,6 +1,7 @@
 import { createFixedGuidelinesFromLengths } from '@atlaskit/editor-common/guideline';
-import { calculateDefaultSnappings } from './snapping';
+import { calculateDefaultSnappings, calculateDefaultTablePreserveSnappings } from './snapping';
 
 // NOTE: We have to take 1 pixel off every length due to the fact that the tbody is 1px smaller then the table container.
 // If we don't do this then the guidelines will not align correctly to the edge of the table
-export const defaultGuidelines = createFixedGuidelinesFromLengths([0, ...calculateDefaultSnappings(-1)]);
+export const defaultGuidelines = createFixedGuidelinesFromLengths([0, ...calculateDefaultSnappings(-1)]);
+export const defaultGuidelinesForPreserveTable = editorContainerWidth => createFixedGuidelinesFromLengths([0, ...calculateDefaultTablePreserveSnappings(-1, editorContainerWidth)]);

package/dist/es2019/utils/merged-cells.js

@@ -100,7 +100,6 @@ export const hasMergedCellsInBetween = (indexes, type) => selection => {
       return !cells.includes(nodePos) // cell exists in Rect but not show in the map.cellsInRect list => merged cell
       ? true : mergedCells.has(nodePos); // cell includes in mergedCells => merged cell
     });
-
     return [...new Set(mergedCell)];
   };
   const mergedCellsInRectArr = indexes.map(index => getMergedCellsInRect(index, type));

package/dist/es2019/utils/snapping.js

@@ -1,10 +1,21 @@
 import { isVerticalPosition } from '@atlaskit/editor-common/guideline';
-import { akEditorCalculatedWideLayoutWidth, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
+import { akEditorCalculatedWideLayoutWidth, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorMediaResizeHandlerPaddingWide } from '@atlaskit/editor-shared-styles';
 const numberOfLanesInDefaultLayoutWidth = 12;
 const calculateSubSnappingWidths = (totalLanes, totalWidth) => new Array(Math.round(totalLanes / 2) - 1).fill(totalWidth / totalLanes).map((v, i) => v * (i + 1) * 2);
 export const calculateDefaultSnappings = (lengthOffset = 0) => [...calculateSubSnappingWidths(numberOfLanesInDefaultLayoutWidth, akEditorDefaultLayoutWidth + lengthOffset), akEditorDefaultLayoutWidth + lengthOffset, akEditorCalculatedWideLayoutWidth + lengthOffset, akEditorFullWidthLayoutWidth + lengthOffset];
+
+// FF TablePreserve for calculateDefaultSnappings
+export const calculateDefaultTablePreserveSnappings = (lengthOffset = 0, editorContainerWith = akEditorFullWidthLayoutWidth) => {
+  const dynamicFullWidthLine = editorContainerWith - akEditorGutterPadding * 2 >= akEditorFullWidthLayoutWidth ? akEditorFullWidthLayoutWidth : editorContainerWith - akEditorGutterPadding * 2 - akEditorMediaResizeHandlerPaddingWide;
+  return [...calculateSubSnappingWidths(numberOfLanesInDefaultLayoutWidth, akEditorDefaultLayoutWidth + lengthOffset), akEditorDefaultLayoutWidth + lengthOffset, akEditorCalculatedWideLayoutWidth + lengthOffset, dynamicFullWidthLine - lengthOffset];
+};
 export const defaultSnappingWidths = calculateDefaultSnappings();
 
+// FF TablePreserve for defaultSnappingWidths
+export const defaultTablePreserveSnappingWidths = editorContainerWidth => {
+  return editorContainerWidth - akEditorGutterPadding * 2 > akEditorFullWidthLayoutWidth ? calculateDefaultSnappings() : calculateDefaultTablePreserveSnappings(0, editorContainerWidth);
+};
+
 /**
  * Returns keys of guidelines that are closest to the table and withthin the snapGap
  */

package/dist/esm/commands-with-analytics.js

@@ -7,6 +7,7 @@ import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { findCellClosestToPos, findCellRectClosestToPos, getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { clearMultipleCells } from './commands/clear';
 import { wrapTableInExpand } from './commands/collapse';
+import { changeColumnWidthByStep } from './commands/column-resize';
 import { deleteColumnsCommand } from './commands/delete';
 import { insertColumn, insertRow } from './commands/insert';
 import { deleteTable, deleteTableIfSelected, getTableSelectionType, setMultipleCellAttrs } from './commands/misc';
@@ -182,13 +183,39 @@ export var insertRowWithAnalytics = function insertRowWithAnalytics(editorAnalyt
     })(editorAnalyticsAPI)(insertRow(options.index, options.moveCursorToInsertedRow));
   };
 };
-export var insertColumnWithAnalytics = function insertColumnWithAnalytics(getEditorContainerWidth, editorAnalyticsAPI) {
-  var tablePreserveWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  return function (inputMethod, position) {
+export var changeColumnWidthByStepWithAnalytics = function changeColumnWidthByStepWithAnalytics(editorAnalyticsAPI) {
+  return function (stepSize, getEditorContainerWidth, tablePreserveWidth, inputMethod) {
     return withEditorAnalyticsAPI(function (state) {
       var _getSelectedTableInfo2 = getSelectedTableInfo(state.selection),
+        table = _getSelectedTableInfo2.table,
         totalRowCount = _getSelectedTableInfo2.totalRowCount,
         totalColumnCount = _getSelectedTableInfo2.totalColumnCount;
+      var _getPluginState = getPluginState(state),
+        colIndex = _getPluginState.hoveredCell.colIndex;
+      return {
+        action: TABLE_ACTION.COLUMN_RESIZED,
+        actionSubject: ACTION_SUBJECT.TABLE,
+        eventType: EVENT_TYPE.TRACK,
+        attributes: {
+          colIndex: colIndex,
+          resizedDelta: stepSize,
+          isLastColumn: colIndex === totalColumnCount - 1,
+          tableWidth: table === null || table === void 0 ? void 0 : table.node.attrs.width,
+          inputMethod: inputMethod,
+          totalRowCount: totalRowCount,
+          totalColumnCount: totalColumnCount
+        }
+      };
+    })(editorAnalyticsAPI)(changeColumnWidthByStep(stepSize, getEditorContainerWidth, tablePreserveWidth));
+  };
+};
+export var insertColumnWithAnalytics = function insertColumnWithAnalytics(getEditorContainerWidth, editorAnalyticsAPI) {
+  var tablePreserveWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  return function (inputMethod, position) {
+    return withEditorAnalyticsAPI(function (state) {
+      var _getSelectedTableInfo3 = getSelectedTableInfo(state.selection),
+        totalRowCount = _getSelectedTableInfo3.totalRowCount,
+        totalColumnCount = _getSelectedTableInfo3.totalColumnCount;
       return {
         action: TABLE_ACTION.ADDED_COLUMN,
         actionSubject: ACTION_SUBJECT.TABLE,
@@ -208,9 +235,9 @@ export var deleteRowsWithAnalytics = function deleteRowsWithAnalytics(editorAnal
   return function (inputMethod, rect, isHeaderRowRequired) {
     return withEditorAnalyticsAPI(function (_ref5) {
       var selection = _ref5.selection;
-      var _getSelectedTableInfo3 = getSelectedTableInfo(selection),
-        totalRowCount = _getSelectedTableInfo3.totalRowCount,
-        totalColumnCount = _getSelectedTableInfo3.totalColumnCount;
+      var _getSelectedTableInfo4 = getSelectedTableInfo(selection),
+        totalRowCount = _getSelectedTableInfo4.totalRowCount,
+        totalColumnCount = _getSelectedTableInfo4.totalColumnCount;
       return {
         action: TABLE_ACTION.DELETED_ROW,
         actionSubject: ACTION_SUBJECT.TABLE,
@@ -237,9 +264,9 @@ export var deleteColumnsWithAnalytics = function deleteColumnsWithAnalytics(edit
   return function (inputMethod, rect) {
     return withEditorAnalyticsAPI(function (_ref6) {
       var selection = _ref6.selection;
-      var _getSelectedTableInfo4 = getSelectedTableInfo(selection),
-        totalRowCount = _getSelectedTableInfo4.totalRowCount,
-        totalColumnCount = _getSelectedTableInfo4.totalColumnCount;
+      var _getSelectedTableInfo5 = getSelectedTableInfo(selection),
+        totalRowCount = _getSelectedTableInfo5.totalRowCount,
+        totalColumnCount = _getSelectedTableInfo5.totalColumnCount;
       return {
         action: TABLE_ACTION.DELETED_COLUMN,
         actionSubject: ACTION_SUBJECT.TABLE,
@@ -269,8 +296,8 @@ export var deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut = function delete
     }
     var selectionType = getTableSelectionType(selection);
     if (selectionType === 'row') {
-      var _getPluginState = getPluginState(state),
-        pluginConfig = _getPluginState.pluginConfig;
+      var _getPluginState2 = getPluginState(state),
+        pluginConfig = _getPluginState2.pluginConfig;
       var isHeaderRowRequired = pluginConfig.isHeaderRowRequired || false;
       return deleteRowsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.SHORTCUT, rect, isHeaderRowRequired)(state, dispatch);
     } else if (selectionType === 'column') {
@@ -281,9 +308,9 @@ export var deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut = function delete
   };
 };
 var getTableDeletedAnalytics = function getTableDeletedAnalytics(selection, inputMethod) {
-  var _getSelectedTableInfo5 = getSelectedTableInfo(selection),
-    totalRowCount = _getSelectedTableInfo5.totalRowCount,
-    totalColumnCount = _getSelectedTableInfo5.totalColumnCount;
+  var _getSelectedTableInfo6 = getSelectedTableInfo(selection),
+    totalRowCount = _getSelectedTableInfo6.totalRowCount,
+    totalColumnCount = _getSelectedTableInfo6.totalColumnCount;
   return {
     action: TABLE_ACTION.DELETED,
     actionSubject: ACTION_SUBJECT.TABLE,
@@ -311,11 +338,11 @@ export var deleteTableIfSelectedWithAnalytics = function deleteTableIfSelectedWi
 };
 export var toggleHeaderRowWithAnalytics = function toggleHeaderRowWithAnalytics(editorAnalyticsAPI) {
   return withEditorAnalyticsAPI(function (state) {
-    var _getSelectedTableInfo6 = getSelectedTableInfo(state.selection),
-      totalRowCount = _getSelectedTableInfo6.totalRowCount,
-      totalColumnCount = _getSelectedTableInfo6.totalColumnCount;
-    var _getPluginState2 = getPluginState(state),
-      isHeaderRowEnabled = _getPluginState2.isHeaderRowEnabled;
+    var _getSelectedTableInfo7 = getSelectedTableInfo(state.selection),
+      totalRowCount = _getSelectedTableInfo7.totalRowCount,
+      totalColumnCount = _getSelectedTableInfo7.totalColumnCount;
+    var _getPluginState3 = getPluginState(state),
+      isHeaderRowEnabled = _getPluginState3.isHeaderRowEnabled;
     return {
       action: TABLE_ACTION.TOGGLED_HEADER_ROW,
       actionSubject: ACTION_SUBJECT.TABLE,
@@ -331,11 +358,11 @@ export var toggleHeaderRowWithAnalytics = function toggleHeaderRowWithAnalytics(
 };
 export var toggleHeaderColumnWithAnalytics = function toggleHeaderColumnWithAnalytics(editorAnalyticsAPI) {
   return withEditorAnalyticsAPI(function (state) {
-    var _getSelectedTableInfo7 = getSelectedTableInfo(state.selection),
-      totalRowCount = _getSelectedTableInfo7.totalRowCount,
-      totalColumnCount = _getSelectedTableInfo7.totalColumnCount;
-    var _getPluginState3 = getPluginState(state),
-      isHeaderColumnEnabled = _getPluginState3.isHeaderColumnEnabled;
+    var _getSelectedTableInfo8 = getSelectedTableInfo(state.selection),
+      totalRowCount = _getSelectedTableInfo8.totalRowCount,
+      totalColumnCount = _getSelectedTableInfo8.totalColumnCount;
+    var _getPluginState4 = getPluginState(state),
+      isHeaderColumnEnabled = _getPluginState4.isHeaderColumnEnabled;
     return {
       action: TABLE_ACTION.TOGGLED_HEADER_COLUMN,
       actionSubject: ACTION_SUBJECT.TABLE,
@@ -351,9 +378,9 @@ export var toggleHeaderColumnWithAnalytics = function toggleHeaderColumnWithAnal
 };
 export var toggleNumberColumnWithAnalytics = function toggleNumberColumnWithAnalytics(editorAnalyticsAPI) {
   return withEditorAnalyticsAPI(function (state) {
-    var _getSelectedTableInfo8 = getSelectedTableInfo(state.selection),
-      totalRowCount = _getSelectedTableInfo8.totalRowCount,
-      totalColumnCount = _getSelectedTableInfo8.totalColumnCount;
+    var _getSelectedTableInfo9 = getSelectedTableInfo(state.selection),
+      totalRowCount = _getSelectedTableInfo9.totalRowCount,
+      totalColumnCount = _getSelectedTableInfo9.totalColumnCount;
     return {
       action: TABLE_ACTION.TOGGLED_NUMBER_COLUMN,
       actionSubject: ACTION_SUBJECT.TABLE,
@@ -369,10 +396,10 @@ export var toggleNumberColumnWithAnalytics = function toggleNumberColumnWithAnal
 };
 export var toggleTableLayoutWithAnalytics = function toggleTableLayoutWithAnalytics(editorAnalyticsAPI) {
   return withEditorAnalyticsAPI(function (state) {
-    var _getSelectedTableInfo9 = getSelectedTableInfo(state.selection),
-      table = _getSelectedTableInfo9.table,
-      totalRowCount = _getSelectedTableInfo9.totalRowCount,
-      totalColumnCount = _getSelectedTableInfo9.totalColumnCount;
+    var _getSelectedTableInfo10 = getSelectedTableInfo(state.selection),
+      table = _getSelectedTableInfo10.table,
+      totalRowCount = _getSelectedTableInfo10.totalRowCount,
+      totalColumnCount = _getSelectedTableInfo10.totalColumnCount;
     if (table) {
       var _ref9 = table.node.attrs,
         layout = _ref9.layout;
@@ -395,9 +422,9 @@ export var toggleTableLayoutWithAnalytics = function toggleTableLayoutWithAnalyt
 export var sortColumnWithAnalytics = function sortColumnWithAnalytics(editorAnalyticsAPI) {
   return function (inputMethod, columnIndex, sortOrder) {
     return withEditorAnalyticsAPI(function (state) {
-      var _getSelectedTableInfo10 = getSelectedTableInfo(state.selection),
-        totalRowCount = _getSelectedTableInfo10.totalRowCount,
-        totalColumnCount = _getSelectedTableInfo10.totalColumnCount;
+      var _getSelectedTableInfo11 = getSelectedTableInfo(state.selection),
+        totalRowCount = _getSelectedTableInfo11.totalRowCount,
+        totalColumnCount = _getSelectedTableInfo11.totalColumnCount;
       return {
         action: TABLE_ACTION.SORTED_COLUMN,
         actionSubject: ACTION_SUBJECT.TABLE,
@@ -439,9 +466,9 @@ export var distributeColumnsWidthsWithAnalytics = function distributeColumnsWidt
 };
 export var wrapTableInExpandWithAnalytics = function wrapTableInExpandWithAnalytics(editorAnalyticsAPI) {
   return withEditorAnalyticsAPI(function (state) {
-    var _getSelectedTableInfo11 = getSelectedTableInfo(state.selection),
-      totalRowCount = _getSelectedTableInfo11.totalRowCount,
-      totalColumnCount = _getSelectedTableInfo11.totalColumnCount;
+    var _getSelectedTableInfo12 = getSelectedTableInfo(state.selection),
+      totalRowCount = _getSelectedTableInfo12.totalRowCount,
+      totalColumnCount = _getSelectedTableInfo12.totalColumnCount;
     return {
       action: TABLE_ACTION.COLLAPSED,
       actionSubject: ACTION_SUBJECT.TABLE,

package/dist/esm/nodeviews/TableCell.js

@@ -5,7 +5,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import uuid from 'uuid';
 import { getCellAttrs, getCellDomAttrs } from '@atlaskit/adf-schema';
 import { getPluginState } from '../pm-plugins/plugin-factory';

package/dist/esm/nodeviews/TableComponent.js

@@ -9,7 +9,7 @@ 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; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import classnames from 'classnames';
 import memoizeOne from 'memoize-one';

package/dist/esm/nodeviews/TableContainer.js

@@ -5,7 +5,7 @@ import React, { forwardRef, useCallback, useRef } from 'react';
 import classNames from 'classnames';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import { calcTableWidth } from '@atlaskit/editor-common/styles';
-import { akEditorDefaultLayoutWidth, akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
+import { akEditorDefaultLayoutWidth, akEditorGutterPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { TABLE_MAX_WIDTH } from '../pm-plugins/table-resizing/utils';
 import { TableCssClassName as ClassName } from '../types';
@@ -108,7 +108,7 @@ export var ResizableTableContainer = /*#__PURE__*/React.memo(function (_ref2) {
   }, [pluginInjectionApi]);
   var tableWidth = getTableContainerWidth(node);
   // 76 is currently an accepted padding value considering the spacing for resizer handle
-  var responsiveContainerWidth = containerWidth - 76;
+  var responsiveContainerWidth = tablePreserveWidth ? containerWidth - akEditorGutterPadding * 2 - akEditorMediaResizeHandlerPaddingWide / 2 : containerWidth - akEditorGutterPadding * 2 - akEditorMediaResizeHandlerPaddingWide;
   var width = Math.min(tableWidth, responsiveContainerWidth);
   if (!isResizing) {
     tableWidthRef.current = width;

package/dist/esm/nodeviews/TableResizer.js

@@ -20,8 +20,8 @@ import { COLUMN_MIN_WIDTH, getColgroupChildrenLength, previewScaleTable, scaleTa
 import { pluginKey as tableWidthPluginKey } from '../pm-plugins/table-width';
 import { TABLE_GUIDELINE_VISIBLE_ADJUSTMENT, TABLE_HIGHLIGHT_GAP, TABLE_HIGHLIGHT_TOLERANCE, TABLE_SNAP_GAP } from '../ui/consts';
 import { generateResizedPayload, generateResizeFrameRatePayloads, useMeasureFramerate } from '../utils/analytics';
-import { defaultGuidelines } from '../utils/guidelines';
-import { defaultSnappingWidths, findClosestSnap } from '../utils/snapping';
+import { defaultGuidelines, defaultGuidelinesForPreserveTable } from '../utils/guidelines';
+import { defaultSnappingWidths, defaultTablePreserveSnappingWidths, findClosestSnap } from '../utils/snapping';
 var DEBOUNCE_TIME_FOR_SCREEN_READER_ANNOUNCER = 1000;
 var RESIZE_STEP_VALUE = 10;
 var handles = {
@@ -135,15 +135,15 @@ export var TableResizer = function TableResizer(_ref) {
       keys = _ref2.keys;
     if (gap !== currentGap.current) {
       currentGap.current = gap;
-      var visibleGuidelines = getVisibleGuidelines(defaultGuidelines, containerWidth);
+      var visibleGuidelines = getVisibleGuidelines(tablePreserveWidth ? defaultGuidelinesForPreserveTable(containerWidth) : defaultGuidelines, containerWidth);
       displayGuideline(getGuidelinesWithHighlights(gap, TABLE_SNAP_GAP, keys, visibleGuidelines));
     }
-  }, [displayGuideline, containerWidth]);
+  }, [tablePreserveWidth, containerWidth, displayGuideline]);
   var guidelineSnaps = useMemo(function () {
     return snappingEnabled ? {
-      x: defaultSnappingWidths
+      x: tablePreserveWidth ? defaultTablePreserveSnappingWidths(containerWidth) : defaultSnappingWidths
     } : undefined;
-  }, [snappingEnabled]);
+  }, [snappingEnabled, tablePreserveWidth, containerWidth]);
   useEffect(function () {
     return function () {
       // only bring back the cursor if this table was deleted - i.e. if a user was resizing, then another
@@ -173,12 +173,12 @@ export var TableResizer = function TableResizer(_ref) {
       name: TABLE_OVERFLOW_CHANGE_TRIGGER.RESIZED
     });
     dispatch(tr);
-    var visibleGuidelines = getVisibleGuidelines(defaultGuidelines, containerWidth);
+    var visibleGuidelines = getVisibleGuidelines(tablePreserveWidth ? defaultGuidelinesForPreserveTable(containerWidth) : defaultGuidelines, containerWidth);
     setSnappingEnabled(displayGuideline(visibleGuidelines));
     if (getBooleanFF('platform.editor.resizing-table-height-improvement') && onResizeStart) {
       onResizeStart();
     }
-  }, [displayGapCursor, displayGuideline, editorView, startMeasure, onResizeStart, containerWidth]);
+  }, [startMeasure, editorView, displayGapCursor, tablePreserveWidth, containerWidth, displayGuideline, onResizeStart]);
   var handleResize = useCallback(function (originalState, delta) {
     countFrames();
     var newWidth = originalState.width + delta.width;
@@ -197,10 +197,10 @@ export var TableResizer = function TableResizer(_ref) {
       start: pos + 1,
       parentWidth: newWidth
     }, editorView.domAtPos.bind(editorView), tablePreserveWidth);
-    updateActiveGuidelines(findClosestSnap(newWidth, defaultSnappingWidths, defaultGuidelines, TABLE_HIGHLIGHT_GAP, TABLE_HIGHLIGHT_TOLERANCE));
+    updateActiveGuidelines(findClosestSnap(newWidth, tablePreserveWidth ? defaultTablePreserveSnappingWidths(containerWidth) : defaultSnappingWidths, tablePreserveWidth ? defaultGuidelinesForPreserveTable(containerWidth) : defaultGuidelines, TABLE_HIGHLIGHT_GAP, TABLE_HIGHLIGHT_TOLERANCE));
     updateWidth(newWidth);
     return newWidth;
-  }, [editorView, getPos, node, tableRef, updateWidth, updateActiveGuidelines, countFrames, tablePreserveWidth]);
+  }, [countFrames, tablePreserveWidth, tableRef, node, editorView, updateActiveGuidelines, containerWidth, updateWidth, getPos]);
   var scheduleResize = useMemo(function () {
     return rafSchd(handleResize);
   }, [handleResize]);

package/dist/esm/nodeviews/TableRow.js

@@ -6,7 +6,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import debounce from 'lodash/debounce';
 import throttle from 'lodash/throttle';
 import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';

package/dist/esm/nodeviews/table.js

@@ -9,7 +9,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';

package/dist/esm/pm-plugins/keymap.js

@@ -4,8 +4,8 @@ import { chainCommands } from '@atlaskit/editor-prosemirror/commands';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { createTable, goToNextCell, moveCursorBackward } from '../commands';
-import { addRowAroundSelection, deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut, deleteTableIfSelectedWithAnalytics, emptyMultipleCellsWithAnalytics } from '../commands-with-analytics';
-import { activateNextResizeArea, changeColumnWidthByStep, initiateKeyboardColumnResizing, stopKeyboardColumnResizing } from '../commands/column-resize';
+import { addRowAroundSelection, changeColumnWidthByStepWithAnalytics, deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut, deleteTableIfSelectedWithAnalytics, emptyMultipleCellsWithAnalytics } from '../commands-with-analytics';
+import { activateNextResizeArea, initiateKeyboardColumnResizing, stopKeyboardColumnResizing } from '../commands/column-resize';
 import { addColumnAfter as addColumnAfterCommand, addColumnBefore as addColumnBeforeCommand } from '../commands/insert';
 import { moveSourceWithAnalyticsViaShortcut } from '../pm-plugins/drag-and-drop/commands-with-analytics';
 import { withEditorAnalyticsAPI } from '../utils/analytics';
@@ -58,8 +58,8 @@ export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, getEdi
     bindKeymapWithCommand(startColumnResizing.common, initiateKeyboardColumnResizing, list);
     bindKeymapWithCommand(moveRight.common, activateNextResizeArea(1), list);
     bindKeymapWithCommand(moveLeft.common, activateNextResizeArea(-1), list);
-    bindKeymapWithCommand(decreaseMediaSize.common, changeColumnWidthByStep(-10, getEditorContainerWidth, tablePreserveWidth), list);
-    bindKeymapWithCommand(increaseMediaSize.common, changeColumnWidthByStep(10, getEditorContainerWidth, tablePreserveWidth), list);
+    bindKeymapWithCommand(decreaseMediaSize.common, changeColumnWidthByStepWithAnalytics(editorAnalyticsAPI)(-10, getEditorContainerWidth, tablePreserveWidth, INPUT_METHOD.SHORTCUT), list);
+    bindKeymapWithCommand(increaseMediaSize.common, changeColumnWidthByStepWithAnalytics(editorAnalyticsAPI)(10, getEditorContainerWidth, tablePreserveWidth, INPUT_METHOD.SHORTCUT), list);
     bindKeymapWithCommand(escape.common, stopKeyboardColumnResizing(), list);
   }
   return keymap(list);

package/dist/esm/pm-plugins/table-resizing/event-handlers.js

@@ -1,4 +1,4 @@
-import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION, TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
+import { ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD, TABLE_ACTION, TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
 import { getParentNodeWidth } from '@atlaskit/editor-common/node-width';
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
@@ -141,6 +141,7 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
         // only selected (or selected - 1) columns should be distributed
         var resizingSelectedColumns = selectedColumns.indexOf(colIndex) > -1 || selectedColumns.indexOf(colIndex + 1) > -1;
         var newResizeState = resizeColumn(resizeState, colIndex, clientX - startX, dom, resizingSelectedColumns ? selectedColumns : undefined, tablePreserveWidth);
+        var resizedDelta = clientX - startX;
         tr = updateColumnWidths(newResizeState, table, start)(tr);
         if (colIndex === map.width - 1) {
           var mouseUpTime = event.timeStamp;
@@ -152,11 +153,25 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
               type: 'table-border',
               position: 'right',
               duration: mouseUpTime - mouseDownTime,
-              delta: Math.abs(clientX - dragging.startX)
+              delta: Math.abs(resizedDelta)
             },
             eventType: EVENT_TYPE.UI
           })(tr);
         }
+        editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
+          action: TABLE_ACTION.COLUMN_RESIZED,
+          actionSubject: ACTION_SUBJECT.TABLE,
+          eventType: EVENT_TYPE.TRACK,
+          attributes: {
+            colIndex: colIndex,
+            resizedDelta: resizedDelta,
+            isLastColumn: colIndex === map.width - 1,
+            tableWidth: table.attrs.width,
+            inputMethod: INPUT_METHOD.MOUSE,
+            totalRowCount: map.height,
+            totalColumnCount: map.width
+          }
+        })(tr);
       }
       if (getBooleanFF('platform.editor.a11y-column-resizing_emcvz')) {
         if (isKeyboardResize || !isTableHovered) {

package/dist/esm/pm-plugins/table-resizing/utils/resize-state.js

@@ -48,7 +48,6 @@ export var getResizeState = function getResizeState(_ref) {
   // Getting the resize state from DOM
   var colgroupChildren = insertColgroupFromNode(tableRef, table, tablePreserveWidth, shouldReinsertColgroup // don't reinsert colgroup when preserving table width - this causes widths to jump
   );
-
   var cols = Array.from(colgroupChildren).map(function (_, index) {
     // If the table hasn't been resized and we have a table width attribute, we can use it
     // to calculate the widths of the columns

package/dist/esm/reducer.js

@@ -35,7 +35,6 @@ export default (function (pluginState, action) {
       return _objectSpread(_objectSpread(_objectSpread({}, pluginState), action.data), {}, {
         insertColumnButtonIndex: undefined // We need to assure that column is not shown
       });
-
     case 'SHOW_INSERT_COLUMN_BUTTON':
       if (action.data.insertColumnButtonIndex === pluginState.insertColumnButtonIndex) {
         return pluginState;
@@ -43,7 +42,6 @@ export default (function (pluginState, action) {
       return _objectSpread(_objectSpread(_objectSpread({}, pluginState), action.data), {}, {
         insertRowButtonIndex: undefined // We need to assure that row is not shown
       });
-
     case 'HIDE_INSERT_COLUMN_OR_ROW_BUTTON':
       if (pluginState.insertRowButtonIndex !== undefined || pluginState.insertColumnButtonIndex !== undefined) {
         return _objectSpread(_objectSpread({}, pluginState), {}, {

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

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
-import React from 'react';
 import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';

package/dist/esm/ui/FloatingContextualMenu/ContextualMenu.js

@@ -9,7 +9,7 @@ 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; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 /** @jsx jsx */
 import { Component } from 'react';

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

@@ -9,7 +9,7 @@ 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; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Component } from 'react';
 import { createPortal } from 'react-dom';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';

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

@@ -7,7 +7,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
 import { ACTION, ACTION_SUBJECT, CONTENT_COMPONENT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';