@atlaskit/editor-core 172.1.2 → 172.2.0

package/dist/esm/plugins/selection/gap-cursor/utils.js

@@ -1,4 +1,4 @@
-import { TableCssClassName } from '../../table/types';
+import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { Side } from './selection';
 import { UnsupportedSharedCssClassName } from '../../unsupported-content/styles';
 import { CAPTION_PLACEHOLDER_ID } from '../../media/ui/CaptionPlaceholder';
@@ -110,7 +110,7 @@ export var isIgnoredClick = function isIgnoredClick(elem) {
   var node = elem;
 
   while (node) {
-    if (node.className && (node.getAttribute('class') || '').indexOf(TableCssClassName.TABLE_CONTAINER) > -1) {
+    if (node.className && (node.getAttribute('class') || '').indexOf(TableSharedCssClassName.TABLE_CONTAINER) > -1) {
       tableWrap = node;
       break;
     }
@@ -119,8 +119,8 @@ export var isIgnoredClick = function isIgnoredClick(elem) {
   }
 
   if (tableWrap) {
-    var rowControls = tableWrap.querySelector(".".concat(TableCssClassName.ROW_CONTROLS_WRAPPER));
-    var isColumnControlsDecoration = elem && elem.classList && elem.classList.contains(TableCssClassName.COLUMN_CONTROLS_DECORATIONS);
+    var rowControls = tableWrap.querySelector(".".concat(TableSharedCssClassName.TABLE_ROW_CONTROLS_WRAPPER));
+    var isColumnControlsDecoration = elem && elem.classList && elem.classList.contains(TableSharedCssClassName.TABLE_COLUMN_CONTROLS_DECORATIONS);
     return rowControls && rowControls.contains(elem) || isColumnControlsDecoration;
   } // Check if unsupported node selection
   // (without this, selection requires double clicking in FF due to posAtCoords differences)

package/dist/esm/plugins/selection/gap-cursor-selection.js

@@ -1,2 +1,2 @@
-export { GapCursorSelection, Side } from './gap-cursor/selection';
+export { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
 export { setCursorForTopLevelBlocks, setSelectionTopLevelBlocks, hasGapCursorPlugin } from './gap-cursor/actions';

package/dist/esm/plugins/selection/types.js

@@ -1,14 +1,7 @@
 import { PluginKey } from 'prosemirror-state';
+import { RelativeSelectionPos } from '@atlaskit/editor-common/selection';
 export var selectionPluginKey = new PluginKey('selection');
-export var RelativeSelectionPos;
-
-(function (RelativeSelectionPos) {
-  RelativeSelectionPos["Before"] = "Before";
-  RelativeSelectionPos["Start"] = "Start";
-  RelativeSelectionPos["Inside"] = "Inside";
-  RelativeSelectionPos["End"] = "End";
-})(RelativeSelectionPos || (RelativeSelectionPos = {}));
-
+export { RelativeSelectionPos };
 export var SelectionDirection;
 
 (function (SelectionDirection) {

package/dist/esm/plugins/selection/utils.js

@@ -4,9 +4,9 @@ import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { selectedRect } from '@atlaskit/editor-tables/utils';
 import { flatten, findParentNode } from 'prosemirror-utils';
 import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
+import { isSelectionAtStartOfNode, isSelectionAtEndOfNode } from '@atlaskit/editor-common/selection';
 import { selectNode } from '../../utils/commands';
 import { isEmptyParagraph } from '../../utils/document';
-import { isSelectionAtStartOfNode, isSelectionAtEndOfNode } from '../../utils/selection';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../analytics';
 import { isIgnored as isIgnoredByGapCursor } from '../selection/gap-cursor/utils/is-ignored';
 import { selectionPluginKey } from './types';

package/dist/esm/plugins/table/commands/go-to-next-cell.js

@@ -2,47 +2,49 @@
 import { findTable, goToNextCell as baseGotoNextCell } from '@atlaskit/editor-tables/utils';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findParentNodeOfType } from 'prosemirror-utils';
-import { INPUT_METHOD } from '../../analytics/types';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { insertRowWithAnalytics } from '../commands-with-analytics';
 var TAB_FORWARD_DIRECTION = 1;
 var TAB_BACKWARD_DIRECTION = -1;
-export var goToNextCell = function goToNextCell(direction) {
-  return function (state, dispatch) {
-    var table = findTable(state.selection);
+export var goToNextCell = function goToNextCell(editorAnalyticsAPI) {
+  return function (direction) {
+    return function (state, dispatch) {
+      var table = findTable(state.selection);
 
-    if (!table) {
-      return false;
-    }
+      if (!table) {
+        return false;
+      }
 
-    var map = TableMap.get(table.node);
-    var _state$schema$nodes = state.schema.nodes,
-        tableCell = _state$schema$nodes.tableCell,
-        tableHeader = _state$schema$nodes.tableHeader;
-    var cell = findParentNodeOfType([tableCell, tableHeader])(state.selection);
-    var firstCellPos = map.positionAt(0, 0, table.node) + table.start;
-    var lastCellPos = map.positionAt(map.height - 1, map.width - 1, table.node) + table.start; // when tabbing backwards at first cell (top left), insert row at the start of table
+      var map = TableMap.get(table.node);
+      var _state$schema$nodes = state.schema.nodes,
+          tableCell = _state$schema$nodes.tableCell,
+          tableHeader = _state$schema$nodes.tableHeader;
+      var cell = findParentNodeOfType([tableCell, tableHeader])(state.selection);
+      var firstCellPos = map.positionAt(0, 0, table.node) + table.start;
+      var lastCellPos = map.positionAt(map.height - 1, map.width - 1, table.node) + table.start; // when tabbing backwards at first cell (top left), insert row at the start of table
 
-    if (firstCellPos === cell.pos && direction === TAB_BACKWARD_DIRECTION) {
-      insertRowWithAnalytics(INPUT_METHOD.KEYBOARD, {
-        index: 0,
-        moveCursorToInsertedRow: true
-      })(state, dispatch);
-      return true;
-    } // when tabbing forwards at last cell (bottom right), insert row at the end of table
+      if (firstCellPos === cell.pos && direction === TAB_BACKWARD_DIRECTION) {
+        insertRowWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD, {
+          index: 0,
+          moveCursorToInsertedRow: true
+        })(state, dispatch);
+        return true;
+      } // when tabbing forwards at last cell (bottom right), insert row at the end of table
 
 
-    if (lastCellPos === cell.pos && direction === TAB_FORWARD_DIRECTION) {
-      insertRowWithAnalytics(INPUT_METHOD.KEYBOARD, {
-        index: map.height,
-        moveCursorToInsertedRow: true
-      })(state, dispatch);
-      return true;
-    }
+      if (lastCellPos === cell.pos && direction === TAB_FORWARD_DIRECTION) {
+        insertRowWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD, {
+          index: map.height,
+          moveCursorToInsertedRow: true
+        })(state, dispatch);
+        return true;
+      }
 
-    if (dispatch) {
-      return baseGotoNextCell(direction)(state, dispatch);
-    }
+      if (dispatch) {
+        return baseGotoNextCell(direction)(state, dispatch);
+      }
 
-    return true;
+      return true;
+    };
   };
 };

package/dist/esm/plugins/table/commands/insert.js

@@ -21,78 +21,86 @@ function addColumnAtCustomStep(column) {
   };
 }
 
-export function addColumnAt(column) {
-  var allowAddColumnCustomStep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var view = arguments.length > 2 ? arguments[2] : undefined;
-  return function (tr) {
-    var updatedTr = tr;
-
-    if (allowAddColumnCustomStep) {
-      updatedTr = addColumnAtCustomStep(column)(updatedTr);
-    } else {
-      updatedTr = addColumnAtPMUtils(column)(updatedTr);
-    }
+export function addColumnAt(getEditorContainerWidth) {
+  return function (column) {
+    var allowAddColumnCustomStep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var view = arguments.length > 2 ? arguments[2] : undefined;
+    return function (tr) {
+      var updatedTr = tr;
+
+      if (allowAddColumnCustomStep) {
+        updatedTr = addColumnAtCustomStep(column)(updatedTr);
+      } else {
+        updatedTr = addColumnAtPMUtils(column)(updatedTr);
+      }
 
-    var table = findTable(updatedTr.selection);
+      var table = findTable(updatedTr.selection);
 
-    if (table) {
-      // [ED-8288] Update colwidths manually to avoid multiple dispatch in TableComponent
-      updatedTr = rescaleColumns(table, view)(updatedTr);
-    }
+      if (table) {
+        // [ED-8288] Update colwidths manually to avoid multiple dispatch in TableComponent
+        updatedTr = rescaleColumns(getEditorContainerWidth)(table, view)(updatedTr);
+      }
 
-    return updatedTr;
+      return updatedTr;
+    };
   };
 } // :: (EditorState, dispatch: ?(tr: Transaction)) → bool
 // Command to add a column before the column with the selection.
 
-export var addColumnBefore = function addColumnBefore(state, dispatch, view) {
-  var table = findTable(state.selection);
+export var addColumnBefore = function addColumnBefore(getEditorContainerWidth) {
+  return function (state, dispatch, view) {
+    var table = findTable(state.selection);
 
-  if (!table) {
-    return false;
-  }
+    if (!table) {
+      return false;
+    }
 
-  if (dispatch) {
-    var rect = selectedRect(state);
-    dispatch(addColumnAt(rect.left, getAllowAddColumnCustomStep(state), view)(state.tr));
-  }
+    if (dispatch) {
+      var rect = selectedRect(state);
+      dispatch(addColumnAt(getEditorContainerWidth)(rect.left, getAllowAddColumnCustomStep(state), view)(state.tr));
+    }
 
-  return true;
+    return true;
+  };
 }; // :: (EditorState, dispatch: ?(tr: Transaction)) → bool
 // Command to add a column after the column with the selection.
 
-export var addColumnAfter = function addColumnAfter(state, dispatch, view) {
-  var table = findTable(state.selection);
+export var addColumnAfter = function addColumnAfter(getEditorContainerWidth) {
+  return function (state, dispatch, view) {
+    var table = findTable(state.selection);
 
-  if (!table) {
-    return false;
-  }
+    if (!table) {
+      return false;
+    }
 
-  if (dispatch) {
-    var rect = selectedRect(state);
-    dispatch(addColumnAt(rect.right, getAllowAddColumnCustomStep(state), view)(state.tr));
-  }
+    if (dispatch) {
+      var rect = selectedRect(state);
+      dispatch(addColumnAt(getEditorContainerWidth)(rect.right, getAllowAddColumnCustomStep(state), view)(state.tr));
+    }
 
-  return true;
+    return true;
+  };
 }; // #region Commands
 
-export var insertColumn = function insertColumn(column) {
-  return function (state, dispatch, view) {
-    var tr = addColumnAt(column, getAllowAddColumnCustomStep(state), view)(state.tr);
-    var table = findTable(tr.selection);
+export var insertColumn = function insertColumn(getEditorContainerWidth) {
+  return function (column) {
+    return function (state, dispatch, view) {
+      var tr = addColumnAt(getEditorContainerWidth)(column, getAllowAddColumnCustomStep(state), view)(state.tr);
+      var table = findTable(tr.selection);
 
-    if (!table) {
-      return false;
-    } // move the cursor to the newly created column
+      if (!table) {
+        return false;
+      } // move the cursor to the newly created column
 
 
-    var pos = TableMap.get(table.node).positionAt(0, column, table.node);
+      var pos = TableMap.get(table.node).positionAt(0, column, table.node);
 
-    if (dispatch) {
-      dispatch(tr.setSelection(Selection.near(tr.doc.resolve(table.start + pos))));
-    }
+      if (dispatch) {
+        dispatch(tr.setSelection(Selection.near(tr.doc.resolve(table.start + pos))));
+      }
 
-    return true;
+      return true;
+    };
   };
 };
 export var insertRow = function insertRow(row, moveCursorToTheNewRow) {