@atlaskit/editor-plugin-table 1.1.0 → 1.1.2

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

@@ -4,17 +4,14 @@ import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { RelativeSelectionPos, GapCursorSelection, Side, isSelectionAtStartOfNode, isSelectionAtEndOfNode } from '@atlaskit/editor-common/selection';
 export var TableSelectionDirection;
-
 (function (TableSelectionDirection) {
   TableSelectionDirection["TopToBottom"] = "TopToBottom";
   TableSelectionDirection["BottomToTop"] = "BottomToTop";
 })(TableSelectionDirection || (TableSelectionDirection = {}));
-
 export var arrowLeftFromTable = function arrowLeftFromTable(editorSelectionAPI) {
   return function () {
     return function (state, dispatch) {
       var selection = state.selection;
-
       if (selection instanceof CellSelection) {
         return arrowLeftFromCellSelection(editorSelectionAPI)(selection)(state, dispatch);
       } else if (selection instanceof GapCursorSelection) {
@@ -22,7 +19,6 @@ export var arrowLeftFromTable = function arrowLeftFromTable(editorSelectionAPI)
       } else if (selection instanceof TextSelection) {
         return arrowLeftFromText(editorSelectionAPI)(selection)(state, dispatch);
       }
-
       return false;
     };
   };
@@ -31,7 +27,6 @@ export var arrowRightFromTable = function arrowRightFromTable(editorSelectionAPI
   return function () {
     return function (state, dispatch) {
       var selection = state.selection;
-
       if (selection instanceof CellSelection) {
         return arrowRightFromCellSelection(editorSelectionAPI)(selection)(state, dispatch);
       } else if (selection instanceof GapCursorSelection) {
@@ -39,19 +34,16 @@ export var arrowRightFromTable = function arrowRightFromTable(editorSelectionAPI
       } else if (selection instanceof TextSelection) {
         return arrowRightFromText(editorSelectionAPI)(selection)(state, dispatch);
       }
-
       return false;
     };
   };
 };
-
 var arrowLeftFromCellSelection = function arrowLeftFromCellSelection(editorSelectionAPI) {
   return function (selection) {
     return function (state, dispatch) {
       if (isTableSelected(state.selection) && editorSelectionAPI) {
         var _editorSelectionAPI$g = editorSelectionAPI.getSelectionPluginState(state),
-            selectionRelativeToNode = _editorSelectionAPI$g.selectionRelativeToNode;
-
+          selectionRelativeToNode = _editorSelectionAPI$g.selectionRelativeToNode;
         if (selectionRelativeToNode === RelativeSelectionPos.Start) {
           // we have full table cell selection and want to set gap cursor selection before table
           return setGapCursorBeforeTable(editorSelectionAPI)()(state, dispatch);
@@ -63,19 +55,16 @@ var arrowLeftFromCellSelection = function arrowLeftFromCellSelection(editorSelec
           return setSelectionAtStartOfFirstCell(editorSelectionAPI)(selection, RelativeSelectionPos.Before)(state, dispatch);
         }
       }
-
       return false;
     };
   };
 };
-
 var arrowRightFromCellSelection = function arrowRightFromCellSelection(editorSelectionAPI) {
   return function (selection) {
     return function (state, dispatch) {
       if (isTableSelected(state.selection) && editorSelectionAPI) {
         var _editorSelectionAPI$g2 = editorSelectionAPI.getSelectionPluginState(state),
-            selectionRelativeToNode = _editorSelectionAPI$g2.selectionRelativeToNode;
-
+          selectionRelativeToNode = _editorSelectionAPI$g2.selectionRelativeToNode;
         if (selectionRelativeToNode === RelativeSelectionPos.Start) {
           // we have full table cell selection and want to set selection at start of first cell
           return setSelectionAtStartOfFirstCell(editorSelectionAPI)(selection)(state, dispatch);
@@ -84,20 +73,17 @@ var arrowRightFromCellSelection = function arrowRightFromCellSelection(editorSel
           return setGapCursorAfterTable(editorSelectionAPI)()(state, dispatch);
         }
       }
-
       return false;
     };
   };
 };
-
 var arrowLeftFromGapCursor = function arrowLeftFromGapCursor(editorSelectionAPI) {
   return function (selection) {
     return function (state, dispatch) {
       var doc = state.doc;
       var $from = selection.$from,
-          from = selection.from,
-          side = selection.side;
-
+        from = selection.from,
+        side = selection.side;
       if (side === Side.RIGHT) {
         if ($from.nodeBefore && $from.nodeBefore.type.name === 'table') {
           // we have a gap cursor after a table node and want to set a full table cell selection
@@ -109,11 +95,9 @@ var arrowLeftFromGapCursor = function arrowLeftFromGapCursor(editorSelectionAPI)
         }
       } else if (side === Side.LEFT) {
         var table = findTable(selection);
-
         if (table && isSelectionAtStartOfTable($from, selection) && editorSelectionAPI) {
           var _editorSelectionAPI$g3 = editorSelectionAPI.getSelectionPluginState(state),
-              selectionRelativeToNode = _editorSelectionAPI$g3.selectionRelativeToNode;
-
+            selectionRelativeToNode = _editorSelectionAPI$g3.selectionRelativeToNode;
           if (selectionRelativeToNode === RelativeSelectionPos.Before) {
             // we have a gap cursor at start of first table cell and want to set a gap cursor selection before table
             return setGapCursorBeforeTable(editorSelectionAPI)()(state, dispatch);
@@ -127,20 +111,17 @@ var arrowLeftFromGapCursor = function arrowLeftFromGapCursor(editorSelectionAPI)
           }
         }
       }
-
       return false;
     };
   };
 };
-
 var arrowRightFromGapCursor = function arrowRightFromGapCursor(editorSelectionAPI) {
   return function (selection) {
     return function (state, dispatch) {
       var $from = selection.$from,
-          from = selection.from,
-          $to = selection.$to,
-          side = selection.side;
-
+        from = selection.from,
+        $to = selection.$to,
+        side = selection.side;
       if (side === Side.LEFT) {
         if ($from.nodeAfter && $from.nodeAfter.type.name === 'table') {
           // we have a gap cursor before a table node and want to set a full table cell selection
@@ -152,7 +133,6 @@ var arrowRightFromGapCursor = function arrowRightFromGapCursor(editorSelectionAP
         }
       } else if (side === Side.RIGHT) {
         var table = findTable(selection);
-
         if (table && isSelectionAtEndOfTable($to, selection)) {
           // we have a gap cursor at end of last table cell and want to set a full table cell selection
           return selectFullTable(editorSelectionAPI)({
@@ -162,25 +142,21 @@ var arrowRightFromGapCursor = function arrowRightFromGapCursor(editorSelectionAP
           })(state, dispatch);
         }
       }
-
       return false;
     };
   };
 };
-
 var arrowLeftFromText = function arrowLeftFromText(editorSelectionAPI) {
   return function (selection) {
     return function (state, dispatch) {
       var table = findTable(selection);
-
       if (table) {
         var $from = selection.$from;
-
-        if (isSelectionAtStartOfTable($from, selection) && $from.parent.type.name === 'paragraph' && $from.depth === table.depth + 3 && // + 3 for: row, cell & paragraph nodes
+        if (isSelectionAtStartOfTable($from, selection) && $from.parent.type.name === 'paragraph' && $from.depth === table.depth + 3 &&
+        // + 3 for: row, cell & paragraph nodes
         editorSelectionAPI) {
           var _editorSelectionAPI$g4 = editorSelectionAPI.getSelectionPluginState(state),
-              selectionRelativeToNode = _editorSelectionAPI$g4.selectionRelativeToNode;
-
+            selectionRelativeToNode = _editorSelectionAPI$g4.selectionRelativeToNode;
           if (selectionRelativeToNode === RelativeSelectionPos.Before) {
             // we have a text selection at start of first table cell, directly inside a top level paragraph,
             // and want to set gap cursor selection before table
@@ -196,20 +172,16 @@ var arrowLeftFromText = function arrowLeftFromText(editorSelectionAPI) {
           }
         }
       }
-
       return false;
     };
   };
 };
-
 var arrowRightFromText = function arrowRightFromText(editorSelectionAPI) {
   return function (selection) {
     return function (state, dispatch) {
       var table = findTable(selection);
-
       if (table) {
         var $to = selection.$to;
-
         if (isSelectionAtEndOfTable($to, selection) && $to.parent.type.name === 'paragraph' && $to.depth === table.depth + 3 // + 3 for: row, cell & paragraph nodes
         ) {
           // we have a text selection at end of last table cell, directly inside a top level paragraph,
@@ -221,35 +193,30 @@ var arrowRightFromText = function arrowRightFromText(editorSelectionAPI) {
           })(state, dispatch);
         }
       }
-
       return false;
     };
   };
 };
+
 /**
  * Sets a cell selection over all the cells in the table node
  * We use this instead of selectTable from prosemirror-utils so we can control which
  * cell is the anchor and which is the head, and also so we can set the relative selection
  * pos in the selection plugin
  */
-
-
 var selectFullTable = function selectFullTable(editorSelectionAPI) {
   return function (_ref) {
     var node = _ref.node,
-        startPos = _ref.startPos,
-        dir = _ref.dir;
+      startPos = _ref.startPos,
+      dir = _ref.dir;
     return function (state, dispatch) {
       var doc = state.doc;
-
       var _TableMap$get = TableMap.get(node),
-          map = _TableMap$get.map;
-
+        map = _TableMap$get.map;
       var $firstCell = doc.resolve(startPos + map[0]);
       var $lastCell = doc.resolve(startPos + map[map.length - 1]);
       var fullTableSelection;
       var selectionRelativeToNode;
-
       if (dir === TableSelectionDirection.TopToBottom) {
         fullTableSelection = new CellSelection($firstCell, $lastCell);
         selectionRelativeToNode = RelativeSelectionPos.End;
@@ -257,96 +224,82 @@ var selectFullTable = function selectFullTable(editorSelectionAPI) {
         fullTableSelection = new CellSelection($lastCell, $firstCell);
         selectionRelativeToNode = RelativeSelectionPos.Start;
       }
-
       if (editorSelectionAPI) {
         var tr = editorSelectionAPI.setSelectionRelativeToNode({
           selectionRelativeToNode: selectionRelativeToNode,
           selection: fullTableSelection
         })(state);
-
         if (dispatch) {
           dispatch(tr);
           return true;
         }
       }
-
       return false;
     };
   };
 };
-
 var setSelectionAtStartOfFirstCell = function setSelectionAtStartOfFirstCell(editorSelectionAPI) {
   return function (selection, selectionRelativeToNode) {
     return function (state, dispatch) {
       var $anchorCell = selection.$anchorCell,
-          $headCell = selection.$headCell;
+        $headCell = selection.$headCell;
       var $firstCell = $anchorCell.pos < $headCell.pos ? $anchorCell : $headCell;
-      var $firstPosInsideCell = state.doc.resolve($firstCell.pos + 1); // check if first pos should have a gap cursor, otherwise find closest text selection
+      var $firstPosInsideCell = state.doc.resolve($firstCell.pos + 1);
 
+      // check if first pos should have a gap cursor, otherwise find closest text selection
       var selectionAtStartOfCell = GapCursorSelection.valid($firstPosInsideCell) ? new GapCursorSelection($firstPosInsideCell, Side.LEFT) : Selection.findFrom($firstPosInsideCell, 1);
-
       if (editorSelectionAPI) {
         var tr = editorSelectionAPI.setSelectionRelativeToNode({
           selectionRelativeToNode: selectionRelativeToNode,
           selection: selectionAtStartOfCell
         })(state);
-
         if (dispatch) {
           dispatch(tr);
           return true;
         }
       }
-
       return false;
     };
   };
 };
-
 var setSelectionAtEndOfLastCell = function setSelectionAtEndOfLastCell(editorSelectionAPI) {
   return function (selection, selectionRelativeToNode) {
     return function (state, dispatch) {
       var $anchorCell = selection.$anchorCell,
-          $headCell = selection.$headCell;
+        $headCell = selection.$headCell;
       var $lastCell = $anchorCell.pos > $headCell.pos ? $anchorCell : $headCell;
       var lastPosInsideCell = $lastCell.pos + ($lastCell.nodeAfter ? $lastCell.nodeAfter.content.size : 0) + 1;
-      var $lastPosInsideCell = state.doc.resolve(lastPosInsideCell); // check if last pos should have a gap cursor, otherwise find closest text selection
+      var $lastPosInsideCell = state.doc.resolve(lastPosInsideCell);
 
+      // check if last pos should have a gap cursor, otherwise find closest text selection
       var selectionAtEndOfCell = GapCursorSelection.valid($lastPosInsideCell) ? new GapCursorSelection($lastPosInsideCell, Side.RIGHT) : Selection.findFrom($lastPosInsideCell, -1);
-
       if (editorSelectionAPI) {
         var tr = editorSelectionAPI.setSelectionRelativeToNode({
           selectionRelativeToNode: selectionRelativeToNode,
           selection: selectionAtEndOfCell
         })(state);
-
         if (dispatch) {
           dispatch(tr);
           return true;
         }
       }
-
       return false;
     };
   };
 };
-
 var setGapCursorBeforeTable = function setGapCursorBeforeTable(editorSelectionAPI) {
   return function () {
     return function (state, dispatch) {
       var table = findTable(state.selection);
-
       if (table) {
         var $beforeTablePos = state.doc.resolve(table.pos);
-
         if (GapCursorSelection.valid($beforeTablePos)) {
           var selectionBeforeTable = new GapCursorSelection($beforeTablePos, Side.LEFT);
-
           if (editorSelectionAPI) {
             var tr = editorSelectionAPI.setSelectionRelativeToNode({
               selectionRelativeToNode: undefined,
               selection: selectionBeforeTable
             })(state);
-
             if (dispatch) {
               dispatch(tr);
               return true;
@@ -354,48 +307,38 @@ var setGapCursorBeforeTable = function setGapCursorBeforeTable(editorSelectionAP
           }
         }
       }
-
       return false;
     };
   };
 };
-
 var setGapCursorAfterTable = function setGapCursorAfterTable(editorSelectionAPI) {
   return function () {
     return function (state, dispatch) {
       var table = findTable(state.selection);
-
       if (table) {
         var $afterTablePos = state.doc.resolve(table.pos + table.node.nodeSize);
-
         if (GapCursorSelection.valid($afterTablePos)) {
           var selectionAfterTable = new GapCursorSelection($afterTablePos, Side.RIGHT);
-
           if (editorSelectionAPI) {
             var tr = editorSelectionAPI.setSelectionRelativeToNode({
               selectionRelativeToNode: undefined,
               selection: selectionAfterTable
             })(state);
-
             if (dispatch) {
               dispatch(tr);
               return true;
             }
           }
-
           return false;
         }
       }
-
       return false;
     };
   };
 };
-
 var isSelectionAtStartOfTable = function isSelectionAtStartOfTable($pos, selection) {
   return isSelectionAtStartOfNode($pos, findTable(selection));
 };
-
 var isSelectionAtEndOfTable = function isSelectionAtEndOfTable($pos, selection) {
   return isSelectionAtEndOfNode($pos, findTable(selection));
 };

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

@@ -5,22 +5,18 @@ import { convertArrayOfRowsToTableNode, convertTableNodeToArrayOfRows, findTable
 import { createCompareNodes } from '@atlaskit/editor-common/utils';
 import { createCommand, getPluginState } from '../pm-plugins/plugin-factory';
 import { TableSortStep, TableSortOrder as SortOrder } from '@atlaskit/adf-schema/steps';
-
 function createGetInlineCardTextFromStore(state) {
   return function (attrs) {
     var _ref = attrs,
-        data = _ref.data;
-
+      data = _ref.data;
     if (data && (data.name || data.title)) {
       return data.name || data.title;
     }
-
     var _ref2 = attrs,
-        cardUrl = _ref2.url;
+      cardUrl = _ref2.url;
     return cardUrl;
   };
 }
-
 export var sortByColumn = function sortByColumn(columnIndex) {
   var order = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : SortOrder.DESC;
   return createCommand(function (state) {
@@ -35,36 +31,28 @@ export var sortByColumn = function sortByColumn(columnIndex) {
     };
   }, function (tr, state) {
     var table = findTable(tr.selection);
-
     if (!table || !table.node) {
       return tr;
     }
-
     var selectionRect = isSelectionType(tr.selection, 'cell') ? getSelectionRect(tr.selection) : findCellRectClosestToPos(tr.selection.$from);
-
     if (!selectionRect) {
       return tr;
     }
-
     var tablePluginState = getPluginState(state);
     var tableArray = convertTableNodeToArrayOfRows(table.node);
     var headerRow;
-
     if (tablePluginState.isHeaderRowEnabled) {
       headerRow = tableArray.shift();
     }
-
     var compareNodesInOrder = createCompareNodes({
       getInlineCardTextFromStore: createGetInlineCardTextFromStore(state)
     }, order);
     var sortedTable = tableArray.sort(function (rowA, rowB) {
       return compareNodesInOrder(rowA[columnIndex], rowB[columnIndex]);
     });
-
     if (headerRow) {
       sortedTable.unshift(headerRow);
     }
-
     var newTableNode = convertArrayOfRowsToTableNode(table.node, sortedTable);
     tr.replaceWith(table.pos, table.pos + table.node.nodeSize, newTableNode);
     var pos = TableMap.get(table.node).positionAt(selectionRect.top, columnIndex, table.node);

package/dist/esm/plugins/table/commands/split-cell.js

@@ -1,6 +1,5 @@
 import { splitCellWithType } from '@atlaskit/editor-tables/utils';
 import { getPluginState } from '../pm-plugins/plugin-factory';
-
 /**
  * We need to split cell keeping the right type of cell given current table configuration.
  * We are using editor-tables splitCellWithType that allows you to choose what cell type should be.
@@ -8,21 +7,17 @@ import { getPluginState } from '../pm-plugins/plugin-factory';
 export var splitCell = function splitCell(state, dispatch) {
   var tableState = getPluginState(state);
   var _state$schema$nodes = state.schema.nodes,
-      tableHeader = _state$schema$nodes.tableHeader,
-      tableCell = _state$schema$nodes.tableCell;
-
+    tableHeader = _state$schema$nodes.tableHeader,
+    tableCell = _state$schema$nodes.tableCell;
   if (dispatch) {
     return splitCellWithType(function (_ref) {
       var row = _ref.row,
-          col = _ref.col;
-
+        col = _ref.col;
       if (row === 0 && tableState.isHeaderRowEnabled || col === 0 && tableState.isHeaderColumnEnabled) {
         return tableHeader;
       }
-
       return tableCell;
     })(state, dispatch);
   }
-
   return true;
 };

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

@@ -1,37 +1,33 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 //#region Imports
+
 import { toggleHeader } from '@atlaskit/editor-tables/utils';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { createCommand } from '../pm-plugins/plugin-factory'; //#endregion
-// #region Utils
+import { createCommand } from '../pm-plugins/plugin-factory';
+//#endregion
 
+// #region Utils
 /**
  * Table layout toggle logic
  * default -> wide -> full-width -> default
  */
-
 export var getNextLayout = function getNextLayout(currentLayout) {
   switch (currentLayout) {
     case 'default':
       return 'wide';
-
     case 'wide':
       return 'full-width';
-
     case 'full-width':
       return 'default';
-
     default:
       return 'default';
   }
-}; // #endregion
-// #region Actions
+};
+// #endregion
 
+// #region Actions
 export var toggleHeaderRow = function toggleHeaderRow(state, dispatch) {
   return toggleHeader('row')(state, function (tr) {
     return createCommand({
@@ -52,29 +48,23 @@ export var toggleHeaderColumn = function toggleHeaderColumn(state, dispatch) {
 };
 export var toggleNumberColumn = function toggleNumberColumn(state, dispatch) {
   var tr = state.tr;
-
   var _ref = findTable(state.selection),
-      node = _ref.node,
-      pos = _ref.pos;
-
+    node = _ref.node,
+    pos = _ref.pos;
   tr.setNodeMarkup(pos, state.schema.nodes.table, _objectSpread(_objectSpread({}, node.attrs), {}, {
     isNumberColumnEnabled: !node.attrs.isNumberColumnEnabled
   }));
   tr.setMeta('scrollIntoView', false);
-
   if (dispatch) {
     dispatch(tr);
   }
-
   return true;
 };
 export var toggleTableLayout = function toggleTableLayout(state, dispatch) {
   var table = findTable(state.selection);
-
   if (!table) {
     return false;
   }
-
   var layout = getNextLayout(table.node.attrs.layout);
   return createCommand({
     type: 'SET_TABLE_LAYOUT',
@@ -94,4 +84,5 @@ export var toggleContextualMenu = function toggleContextualMenu() {
   }, function (tr) {
     return tr.setMeta('addToHistory', false);
   });
-}; // #endregion
+};
+// #endregion