@atlaskit/editor-plugin-table 0.0.0 → 0.0.1

package/CHANGELOG.md

@@ -0,0 +1,17 @@
+# @atlaskit/editor-plugin-table
+
+## 0.0.1
+
+### Patch Changes
+
+- [`e2fa17aaee6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e2fa17aaee6) - [ED-15587] Fix types added when the copy was made
+- [`36b3ba5a140`](https://bitbucket.org/atlassian/atlassian-frontend/commits/36b3ba5a140) - [ED-15618] Remove dead code with cross-reference to list plugin
+- [`d459e83ce52`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d459e83ce52) - [ED-15616] Replace the unnecessary cross-reference feature editorDisabledPluginKey to use the native editor way
+- [`7487d066e92`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7487d066e92) - [ED-15551] Copy ReactNodeView and dependencies into editor-common
+- [`5b156047608`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5b156047608) - empty
+- [`a4a59914b7c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a4a59914b7c) - [ED-15634] Upgrade table package with last table core styles
+- [`949bba4aaf4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/949bba4aaf4) - [ED-15556] Initial Editor Analytic API for Table extraction
+- [`d43ae395cb1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d43ae395cb1) - [ED-15619] Remove cross-reference with inline card plugin
+- [`7d7d541b5b4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7d7d541b5b4) - [ED-15553] Remove copy button stub from next editor table
+- [`1691708e13b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1691708e13b) - [ED-15555] Export getParentNodeWidth to editor-common
+- Updated dependencies

package/dist/cjs/plugins/table/commands/clear.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clearSelection = exports.clearMultipleCells = void 0;
+
+var _prosemirrorState = require("prosemirror-state");
+
+var _utils = require("@atlaskit/editor-tables/utils");
+
+// #region Imports
+// #endregion
+// #region Commands
+var clearMultipleCells = function clearMultipleCells(targetCellPosition) {
+  return function (state, dispatch) {
+    var cursorPos;
+    var tr = state.tr;
+
+    if ((0, _utils.isSelectionType)(tr.selection, 'cell')) {
+      var selection = tr.selection;
+      selection.forEachCell(function (_node, pos) {
+        var $pos = tr.doc.resolve(tr.mapping.map(pos + 1));
+        tr = (0, _utils.emptyCell)((0, _utils.findCellClosestToPos)($pos), state.schema)(tr);
+      });
+      cursorPos = selection.$headCell.pos;
+    } else if (targetCellPosition) {
+      var cell = (0, _utils.findCellClosestToPos)(tr.doc.resolve(targetCellPosition + 1));
+      tr = (0, _utils.emptyCell)(cell, state.schema)(tr);
+      cursorPos = cell.pos;
+    }
+
+    if (tr.docChanged && cursorPos) {
+      var $pos = tr.doc.resolve(tr.mapping.map(cursorPos));
+
+      var textSelection = _prosemirrorState.Selection.findFrom($pos, 1, true);
+
+      if (textSelection) {
+        tr.setSelection(textSelection);
+      }
+
+      if (dispatch) {
+        dispatch(tr);
+      }
+
+      return true;
+    }
+
+    return false;
+  };
+};
+
+exports.clearMultipleCells = clearMultipleCells;
+
+var clearSelection = function clearSelection(state, dispatch) {
+  if (dispatch) {
+    dispatch(state.tr.setSelection(_prosemirrorState.Selection.near(state.selection.$from)).setMeta('addToHistory', false));
+  }
+
+  return true;
+}; // #endregion
+
+
+exports.clearSelection = clearSelection;

package/dist/cjs/plugins/table/commands/collapse.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.wrapTableInExpand = void 0;
+
+var _collapse = require("../utils/collapse");
+
+var wrapTableInExpand = function wrapTableInExpand(state, dispatch) {
+  var collapseTr = (0, _collapse.collapseSelectedTable)(state.tr);
+
+  if (!collapseTr) {
+    return false;
+  }
+
+  if (dispatch) {
+    dispatch(collapseTr);
+  }
+
+  return true;
+};
+
+exports.wrapTableInExpand = wrapTableInExpand;

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

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.goToNextCell = void 0;
+
+var _utils = require("@atlaskit/editor-tables/utils");
+
+var _tableMap = require("@atlaskit/editor-tables/table-map");
+
+var _prosemirrorUtils = require("prosemirror-utils");
+
+var _analytics = require("@atlaskit/editor-common/analytics");
+
+var _commandsWithAnalytics = require("../commands-with-analytics");
+
+// #region Constants
+var TAB_FORWARD_DIRECTION = 1;
+var TAB_BACKWARD_DIRECTION = -1;
+
+var goToNextCell = function goToNextCell(editorAnalyticsAPI) {
+  return function (direction) {
+    return function (state, dispatch) {
+      var table = (0, _utils.findTable)(state.selection);
+
+      if (!table) {
+        return false;
+      }
+
+      var map = _tableMap.TableMap.get(table.node);
+
+      var _state$schema$nodes = state.schema.nodes,
+          tableCell = _state$schema$nodes.tableCell,
+          tableHeader = _state$schema$nodes.tableHeader;
+      var cell = (0, _prosemirrorUtils.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) {
+        (0, _commandsWithAnalytics.insertRowWithAnalytics)(editorAnalyticsAPI)(_analytics.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) {
+        (0, _commandsWithAnalytics.insertRowWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.KEYBOARD, {
+          index: map.height,
+          moveCursorToInsertedRow: true
+        })(state, dispatch);
+        return true;
+      }
+
+      if (dispatch) {
+        return (0, _utils.goToNextCell)(direction)(state, dispatch);
+      }
+
+      return true;
+    };
+  };
+};
+
+exports.goToNextCell = goToNextCell;

package/dist/cjs/plugins/table/commands/hover.js

@@ -0,0 +1,183 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.showResizeHandleLine = exports.hoverTable = exports.hoverRows = exports.hoverMergedCells = exports.hoverColumns = exports.hideResizeHandleLine = exports.clearHoverSelection = void 0;
+
+var _tableMap = require("@atlaskit/editor-tables/table-map");
+
+var _utils = require("@atlaskit/editor-tables/utils");
+
+var _pluginFactory = require("../pm-plugins/plugin-factory");
+
+var _types = require("../types");
+
+var _utils2 = require("../utils");
+
+// #region Imports
+// #endregion
+// #region Utils
+var makeArray = function makeArray(n) {
+  return Array.from(Array(n).keys());
+}; // #endregion
+// #region Commands
+
+
+var hoverMergedCells = function hoverMergedCells() {
+  return (0, _pluginFactory.createCommand)(function (state) {
+    var mergedCellsPositions = (0, _utils2.getMergedCellsPositions)(state.tr);
+
+    if (!mergedCellsPositions.length) {
+      return false;
+    }
+
+    var table = (0, _utils.findTable)(state.tr.selection);
+
+    if (!table) {
+      return false;
+    }
+
+    var mergedCells = mergedCellsPositions.map(function (pos) {
+      return {
+        pos: pos + table.start,
+        start: pos + table.start + 1,
+        node: table.node.nodeAt(pos)
+      };
+    });
+    var decorations = (0, _utils2.createCellHoverDecoration)(mergedCells, 'warning');
+    return {
+      type: 'HOVER_CELLS',
+      data: {
+        decorationSet: (0, _utils2.updatePluginStateDecorations)(state, decorations, _types.TableDecorations.CELL_CONTROLS_HOVER)
+      }
+    };
+  }, function (tr) {
+    return tr.setMeta('addToHistory', false);
+  });
+};
+
+exports.hoverMergedCells = hoverMergedCells;
+
+var hoverColumns = function hoverColumns(hoveredColumns, isInDanger) {
+  return (0, _pluginFactory.createCommand)(function (state) {
+    var cells = (0, _utils.getCellsInColumn)(hoveredColumns)(state.selection);
+
+    if (!cells) {
+      return false;
+    }
+
+    var decorations = (0, _utils2.createControlsHoverDecoration)(cells, 'column', isInDanger);
+    return {
+      type: 'HOVER_COLUMNS',
+      data: {
+        decorationSet: (0, _utils2.updatePluginStateDecorations)(state, decorations, _types.TableDecorations.COLUMN_CONTROLS_HOVER),
+        hoveredColumns: hoveredColumns,
+        isInDanger: isInDanger
+      }
+    };
+  }, function (tr) {
+    return tr.setMeta('addToHistory', false);
+  });
+};
+
+exports.hoverColumns = hoverColumns;
+
+var hoverRows = function hoverRows(hoveredRows, isInDanger) {
+  return (0, _pluginFactory.createCommand)(function (state) {
+    var cells = (0, _utils.getCellsInRow)(hoveredRows)(state.selection);
+
+    if (!cells) {
+      return false;
+    }
+
+    var decorations = (0, _utils2.createControlsHoverDecoration)(cells, 'row', isInDanger);
+    return {
+      type: 'HOVER_ROWS',
+      data: {
+        decorationSet: (0, _utils2.updatePluginStateDecorations)(state, decorations, _types.TableDecorations.ROW_CONTROLS_HOVER),
+        hoveredRows: hoveredRows,
+        isInDanger: isInDanger
+      }
+    };
+  }, function (tr) {
+    return tr.setMeta('addToHistory', false);
+  });
+};
+
+exports.hoverRows = hoverRows;
+
+var hoverTable = function hoverTable(isInDanger, isSelected) {
+  return (0, _pluginFactory.createCommand)(function (state) {
+    var table = (0, _utils.findTable)(state.selection);
+
+    if (!table) {
+      return false;
+    }
+
+    var map = _tableMap.TableMap.get(table.node);
+
+    var hoveredColumns = makeArray(map.width);
+    var hoveredRows = makeArray(map.height);
+    var cells = (0, _utils.getCellsInRow)(hoveredRows)(state.selection);
+
+    if (!cells) {
+      return false;
+    }
+
+    var decorations = (0, _utils2.createControlsHoverDecoration)(cells, 'table', isInDanger, isSelected);
+    return {
+      type: 'HOVER_TABLE',
+      data: {
+        decorationSet: (0, _utils2.updatePluginStateDecorations)(state, decorations, _types.TableDecorations.TABLE_CONTROLS_HOVER),
+        hoveredColumns: hoveredColumns,
+        hoveredRows: hoveredRows,
+        isInDanger: isInDanger
+      }
+    };
+  }, function (tr) {
+    return tr.setMeta('addToHistory', false);
+  });
+};
+
+exports.hoverTable = hoverTable;
+
+var clearHoverSelection = function clearHoverSelection() {
+  return (0, _pluginFactory.createCommand)(function (state) {
+    return {
+      type: 'CLEAR_HOVER_SELECTION',
+      data: {
+        decorationSet: (0, _utils2.updatePluginStateDecorations)(state, [], _types.TableDecorations.ALL_CONTROLS_HOVER)
+      }
+    };
+  });
+};
+
+exports.clearHoverSelection = clearHoverSelection;
+
+var showResizeHandleLine = function showResizeHandleLine(cellColumnPositioning) {
+  return (0, _pluginFactory.createCommand)(function (state) {
+    return {
+      type: 'SHOW_RESIZE_HANDLE_LINE',
+      data: {
+        decorationSet: (0, _utils2.updatePluginStateDecorations)(state, (0, _utils2.createColumnLineResize)(state.selection, cellColumnPositioning), _types.TableDecorations.COLUMN_RESIZING_HANDLE_LINE)
+      }
+    };
+  });
+};
+
+exports.showResizeHandleLine = showResizeHandleLine;
+
+var hideResizeHandleLine = function hideResizeHandleLine() {
+  return (0, _pluginFactory.createCommand)(function (state) {
+    return {
+      type: 'HIDE_RESIZE_HANDLE_LINE',
+      data: {
+        decorationSet: (0, _utils2.updatePluginStateDecorations)(state, [], _types.TableDecorations.COLUMN_RESIZING_HANDLE_LINE)
+      }
+    };
+  });
+}; // #endregion
+
+
+exports.hideResizeHandleLine = hideResizeHandleLine;

package/dist/cjs/plugins/table/commands/index.js

@@ -0,0 +1,235 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "addBoldInEmptyHeaderCells", {
+  enumerable: true,
+  get: function get() {
+    return _misc.addBoldInEmptyHeaderCells;
+  }
+});
+Object.defineProperty(exports, "addResizeHandleDecorations", {
+  enumerable: true,
+  get: function get() {
+    return _misc.addResizeHandleDecorations;
+  }
+});
+Object.defineProperty(exports, "autoSizeTable", {
+  enumerable: true,
+  get: function get() {
+    return _misc.autoSizeTable;
+  }
+});
+Object.defineProperty(exports, "clearHoverSelection", {
+  enumerable: true,
+  get: function get() {
+    return _hover.clearHoverSelection;
+  }
+});
+Object.defineProperty(exports, "clearMultipleCells", {
+  enumerable: true,
+  get: function get() {
+    return _clear.clearMultipleCells;
+  }
+});
+Object.defineProperty(exports, "convertFirstRowToHeader", {
+  enumerable: true,
+  get: function get() {
+    return _misc.convertFirstRowToHeader;
+  }
+});
+Object.defineProperty(exports, "createTable", {
+  enumerable: true,
+  get: function get() {
+    return _insert.createTable;
+  }
+});
+Object.defineProperty(exports, "deleteTable", {
+  enumerable: true,
+  get: function get() {
+    return _misc.deleteTable;
+  }
+});
+Object.defineProperty(exports, "getNextLayout", {
+  enumerable: true,
+  get: function get() {
+    return _toggle.getNextLayout;
+  }
+});
+Object.defineProperty(exports, "goToNextCell", {
+  enumerable: true,
+  get: function get() {
+    return _goToNextCell.goToNextCell;
+  }
+});
+Object.defineProperty(exports, "hideInsertColumnOrRowButton", {
+  enumerable: true,
+  get: function get() {
+    return _misc.hideInsertColumnOrRowButton;
+  }
+});
+Object.defineProperty(exports, "hideResizeHandleLine", {
+  enumerable: true,
+  get: function get() {
+    return _hover.hideResizeHandleLine;
+  }
+});
+Object.defineProperty(exports, "hoverColumns", {
+  enumerable: true,
+  get: function get() {
+    return _hover.hoverColumns;
+  }
+});
+Object.defineProperty(exports, "hoverMergedCells", {
+  enumerable: true,
+  get: function get() {
+    return _hover.hoverMergedCells;
+  }
+});
+Object.defineProperty(exports, "hoverRows", {
+  enumerable: true,
+  get: function get() {
+    return _hover.hoverRows;
+  }
+});
+Object.defineProperty(exports, "hoverTable", {
+  enumerable: true,
+  get: function get() {
+    return _hover.hoverTable;
+  }
+});
+Object.defineProperty(exports, "insertColumn", {
+  enumerable: true,
+  get: function get() {
+    return _insert.insertColumn;
+  }
+});
+Object.defineProperty(exports, "insertRow", {
+  enumerable: true,
+  get: function get() {
+    return _insert.insertRow;
+  }
+});
+Object.defineProperty(exports, "moveCursorBackward", {
+  enumerable: true,
+  get: function get() {
+    return _misc.moveCursorBackward;
+  }
+});
+Object.defineProperty(exports, "selectColumn", {
+  enumerable: true,
+  get: function get() {
+    return _misc.selectColumn;
+  }
+});
+Object.defineProperty(exports, "selectRow", {
+  enumerable: true,
+  get: function get() {
+    return _misc.selectRow;
+  }
+});
+Object.defineProperty(exports, "setCellAttr", {
+  enumerable: true,
+  get: function get() {
+    return _misc.setCellAttr;
+  }
+});
+Object.defineProperty(exports, "setEditorFocus", {
+  enumerable: true,
+  get: function get() {
+    return _misc.setEditorFocus;
+  }
+});
+Object.defineProperty(exports, "setMultipleCellAttrs", {
+  enumerable: true,
+  get: function get() {
+    return _misc.setMultipleCellAttrs;
+  }
+});
+Object.defineProperty(exports, "setTableRef", {
+  enumerable: true,
+  get: function get() {
+    return _misc.setTableRef;
+  }
+});
+Object.defineProperty(exports, "showInsertColumnButton", {
+  enumerable: true,
+  get: function get() {
+    return _misc.showInsertColumnButton;
+  }
+});
+Object.defineProperty(exports, "showInsertRowButton", {
+  enumerable: true,
+  get: function get() {
+    return _misc.showInsertRowButton;
+  }
+});
+Object.defineProperty(exports, "showResizeHandleLine", {
+  enumerable: true,
+  get: function get() {
+    return _hover.showResizeHandleLine;
+  }
+});
+Object.defineProperty(exports, "sortByColumn", {
+  enumerable: true,
+  get: function get() {
+    return _sort.sortByColumn;
+  }
+});
+Object.defineProperty(exports, "toggleContextualMenu", {
+  enumerable: true,
+  get: function get() {
+    return _toggle.toggleContextualMenu;
+  }
+});
+Object.defineProperty(exports, "toggleHeaderColumn", {
+  enumerable: true,
+  get: function get() {
+    return _toggle.toggleHeaderColumn;
+  }
+});
+Object.defineProperty(exports, "toggleHeaderRow", {
+  enumerable: true,
+  get: function get() {
+    return _toggle.toggleHeaderRow;
+  }
+});
+Object.defineProperty(exports, "toggleNumberColumn", {
+  enumerable: true,
+  get: function get() {
+    return _toggle.toggleNumberColumn;
+  }
+});
+Object.defineProperty(exports, "toggleTableLayout", {
+  enumerable: true,
+  get: function get() {
+    return _toggle.toggleTableLayout;
+  }
+});
+Object.defineProperty(exports, "transformSliceToAddTableHeaders", {
+  enumerable: true,
+  get: function get() {
+    return _misc.transformSliceToAddTableHeaders;
+  }
+});
+Object.defineProperty(exports, "triggerUnlessTableHeader", {
+  enumerable: true,
+  get: function get() {
+    return _misc.triggerUnlessTableHeader;
+  }
+});
+
+var _hover = require("./hover");
+
+var _insert = require("./insert");
+
+var _toggle = require("./toggle");
+
+var _clear = require("./clear");
+
+var _misc = require("./misc");
+
+var _sort = require("./sort");
+
+var _goToNextCell = require("./go-to-next-cell");