@atlaskit/editor-core 174.0.0 → 175.0.0

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

@@ -1,401 +0,0 @@
-import { TextSelection, Selection } from 'prosemirror-state';
-import { TableMap } from '@atlaskit/editor-tables/table-map';
-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) {
-        return arrowLeftFromGapCursor(editorSelectionAPI)(selection)(state, dispatch);
-      } else if (selection instanceof TextSelection) {
-        return arrowLeftFromText(editorSelectionAPI)(selection)(state, dispatch);
-      }
-
-      return false;
-    };
-  };
-};
-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) {
-        return arrowRightFromGapCursor(editorSelectionAPI)(selection)(state, dispatch);
-      } 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;
-
-        if (selectionRelativeToNode === RelativeSelectionPos.Start) {
-          // we have full table cell selection and want to set gap cursor selection before table
-          return setGapCursorBeforeTable(editorSelectionAPI)()(state, dispatch);
-        } else if (selectionRelativeToNode === RelativeSelectionPos.End) {
-          // we have full table cell selection and want to set selection at end of last cell
-          return setSelectionAtEndOfLastCell(editorSelectionAPI)(selection)(state, dispatch);
-        } else if (selectionRelativeToNode === undefined) {
-          // we have full table cell selection and want to set selection at start of first cell
-          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;
-
-        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);
-        } else if (selectionRelativeToNode === RelativeSelectionPos.End || selectionRelativeToNode === undefined) {
-          // we have full table cell selection and want to set gap cursor selection after table
-          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;
-
-      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
-          return selectFullTable(editorSelectionAPI)({
-            node: $from.nodeBefore,
-            startPos: doc.resolve(from - 1).start($from.depth + 1),
-            dir: TableSelectionDirection.TopToBottom
-          })(state, dispatch);
-        }
-      } 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;
-
-          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);
-          } else {
-            // we have a gap cursor at start of first table cell and want to set a full table cell selection
-            return selectFullTable(editorSelectionAPI)({
-              node: table.node,
-              startPos: table.start,
-              dir: TableSelectionDirection.BottomToTop
-            })(state, dispatch);
-          }
-        }
-      }
-
-      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;
-
-      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
-          return selectFullTable(editorSelectionAPI)({
-            node: $from.nodeAfter,
-            startPos: from + 1,
-            dir: TableSelectionDirection.BottomToTop
-          })(state, dispatch);
-        }
-      } 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)({
-            node: table.node,
-            startPos: table.start,
-            dir: TableSelectionDirection.TopToBottom
-          })(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
-        editorSelectionAPI) {
-          var _editorSelectionAPI$g4 = editorSelectionAPI.getSelectionPluginState(state),
-              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
-            return setGapCursorBeforeTable(editorSelectionAPI)()(state, dispatch);
-          } else {
-            // we have a text selection at start of first table cell, directly inside a top level paragraph,
-            // and want to set a full table cell selection
-            return selectFullTable(editorSelectionAPI)({
-              node: table.node,
-              startPos: table.start,
-              dir: TableSelectionDirection.BottomToTop
-            })(state, dispatch);
-          }
-        }
-      }
-
-      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,
-          // and want to set a full table cell selection
-          return selectFullTable(editorSelectionAPI)({
-            node: table.node,
-            startPos: table.start,
-            dir: TableSelectionDirection.TopToBottom
-          })(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;
-    return function (state, dispatch) {
-      var doc = state.doc;
-
-      var _TableMap$get = TableMap.get(node),
-          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;
-      } else {
-        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;
-      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 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;
-      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 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;
-            }
-          }
-        }
-      }
-
-      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

@@ -1,94 +0,0 @@
-import { Selection } from 'prosemirror-state';
-import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { findCellRectClosestToPos } from '@atlaskit/editor-tables/utils';
-import { convertArrayOfRowsToTableNode, convertTableNodeToArrayOfRows, findTable, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
-import { createCompareNodes } from '@atlaskit/editor-common/utils';
-import { pluginKey } from '../../card/pm-plugins/main';
-import { createCommand, getPluginState } from '../pm-plugins/plugin-factory';
-import { TableSortStep, TableSortOrder as SortOrder } from '@atlaskit/adf-schema/steps';
-
-function createGetInlineCardTextFromStore(state) {
-  var cardState = pluginKey.getState(state);
-
-  if (!cardState) {
-    // If not card state, return null always
-    return function () {
-      return null;
-    };
-  }
-
-  return function (attrs) {
-    var _ref = attrs,
-        cardUrl = _ref.url;
-
-    if (cardUrl) {
-      var card = cardState.cards.find(function (_ref2) {
-        var url = _ref2.url;
-        return url === cardUrl;
-      });
-
-      if (card && card.title) {
-        return card.title;
-      }
-    }
-
-    return null;
-  };
-}
-
-export var sortByColumn = function sortByColumn(columnIndex) {
-  var order = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : SortOrder.DESC;
-  return createCommand(function (state) {
-    return {
-      type: 'SORT_TABLE',
-      data: {
-        ordering: {
-          columnIndex: columnIndex,
-          order: order
-        }
-      }
-    };
-  }, 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);
-    var prev = tablePluginState.ordering;
-    var next = {
-      columnIndex: columnIndex,
-      order: order
-    };
-    tr.step(new TableSortStep(table.pos, prev, next));
-    return tr.setSelection(Selection.near(tr.doc.resolve(table.start + pos)));
-  });
-};

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

@@ -1,28 +0,0 @@
-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.
- */
-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;
-
-  if (dispatch) {
-    return splitCellWithType(function (_ref) {
-      var row = _ref.row,
-          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,97 +0,0 @@
-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
-
-/**
- * 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
-
-export var toggleHeaderRow = function toggleHeaderRow(state, dispatch) {
-  return toggleHeader('row')(state, function (tr) {
-    return createCommand({
-      type: 'TOGGLE_HEADER_ROW'
-    }, function () {
-      return tr.setMeta('scrollIntoView', false);
-    })(state, dispatch);
-  });
-};
-export var toggleHeaderColumn = function toggleHeaderColumn(state, dispatch) {
-  return toggleHeader('column')(state, function (tr) {
-    return createCommand({
-      type: 'TOGGLE_HEADER_COLUMN'
-    }, function () {
-      return tr.setMeta('scrollIntoView', false);
-    })(state, dispatch);
-  });
-};
-export var toggleNumberColumn = function toggleNumberColumn(state, dispatch) {
-  var tr = state.tr;
-
-  var _ref = findTable(state.selection),
-      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',
-    data: {
-      layout: layout
-    }
-  }, function (tr) {
-    tr.setNodeMarkup(table.pos, state.schema.nodes.table, _objectSpread(_objectSpread({}, table.node.attrs), {}, {
-      layout: layout
-    }));
-    return tr.setMeta('scrollIntoView', false);
-  })(state, dispatch);
-};
-export var toggleContextualMenu = function toggleContextualMenu() {
-  return createCommand({
-    type: 'TOGGLE_CONTEXTUAL_MENU'
-  }, function (tr) {
-    return tr.setMeta('addToHistory', false);
-  });
-}; // #endregion