@atlaskit/editor-plugin-table 1.1.1 → 1.1.3

package/dist/es2019/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 let TableSelectionDirection;
-
 (function (TableSelectionDirection) {
   TableSelectionDirection["TopToBottom"] = "TopToBottom";
   TableSelectionDirection["BottomToTop"] = "BottomToTop";
 })(TableSelectionDirection || (TableSelectionDirection = {}));
-
 export const arrowLeftFromTable = editorSelectionAPI => () => (state, dispatch) => {
   const {
     selection
   } = state;
-
   if (selection instanceof CellSelection) {
     return arrowLeftFromCellSelection(editorSelectionAPI)(selection)(state, dispatch);
   } else if (selection instanceof GapCursorSelection) {
@@ -22,14 +19,12 @@ export const arrowLeftFromTable = editorSelectionAPI => () => (state, dispatch)
   } else if (selection instanceof TextSelection) {
     return arrowLeftFromText(editorSelectionAPI)(selection)(state, dispatch);
   }
-
   return false;
 };
 export const arrowRightFromTable = editorSelectionAPI => () => (state, dispatch) => {
   const {
     selection
   } = state;
-
   if (selection instanceof CellSelection) {
     return arrowRightFromCellSelection(editorSelectionAPI)(selection)(state, dispatch);
   } else if (selection instanceof GapCursorSelection) {
@@ -37,16 +32,13 @@ export const arrowRightFromTable = editorSelectionAPI => () => (state, dispatch)
   } else if (selection instanceof TextSelection) {
     return arrowRightFromText(editorSelectionAPI)(selection)(state, dispatch);
   }
-
   return false;
 };
-
 const arrowLeftFromCellSelection = editorSelectionAPI => selection => (state, dispatch) => {
   if (isTableSelected(state.selection) && editorSelectionAPI) {
     const {
       selectionRelativeToNode
     } = editorSelectionAPI.getSelectionPluginState(state);
-
     if (selectionRelativeToNode === RelativeSelectionPos.Start) {
       // we have full table cell selection and want to set gap cursor selection before table
       return setGapCursorBeforeTable(editorSelectionAPI)()(state, dispatch);
@@ -58,16 +50,13 @@ const arrowLeftFromCellSelection = editorSelectionAPI => selection => (state, di
       return setSelectionAtStartOfFirstCell(editorSelectionAPI)(selection, RelativeSelectionPos.Before)(state, dispatch);
     }
   }
-
   return false;
 };
-
 const arrowRightFromCellSelection = editorSelectionAPI => selection => (state, dispatch) => {
   if (isTableSelected(state.selection) && editorSelectionAPI) {
     const {
       selectionRelativeToNode
     } = editorSelectionAPI.getSelectionPluginState(state);
-
     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);
@@ -76,10 +65,8 @@ const arrowRightFromCellSelection = editorSelectionAPI => selection => (state, d
       return setGapCursorAfterTable(editorSelectionAPI)()(state, dispatch);
     }
   }
-
   return false;
 };
-
 const arrowLeftFromGapCursor = editorSelectionAPI => selection => (state, dispatch) => {
   const {
     doc
@@ -89,7 +76,6 @@ const arrowLeftFromGapCursor = editorSelectionAPI => selection => (state, dispat
     from,
     side
   } = selection;
-
   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
@@ -101,12 +87,10 @@ const arrowLeftFromGapCursor = editorSelectionAPI => selection => (state, dispat
     }
   } else if (side === Side.LEFT) {
     const table = findTable(selection);
-
     if (table && isSelectionAtStartOfTable($from, selection) && editorSelectionAPI) {
       const {
         selectionRelativeToNode
       } = editorSelectionAPI.getSelectionPluginState(state);
-
       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);
@@ -120,10 +104,8 @@ const arrowLeftFromGapCursor = editorSelectionAPI => selection => (state, dispat
       }
     }
   }
-
   return false;
 };
-
 const arrowRightFromGapCursor = editorSelectionAPI => selection => (state, dispatch) => {
   const {
     $from,
@@ -131,7 +113,6 @@ const arrowRightFromGapCursor = editorSelectionAPI => selection => (state, dispa
     $to,
     side
   } = selection;
-
   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
@@ -143,7 +124,6 @@ const arrowRightFromGapCursor = editorSelectionAPI => selection => (state, dispa
     }
   } else if (side === Side.RIGHT) {
     const 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)({
@@ -153,24 +133,20 @@ const arrowRightFromGapCursor = editorSelectionAPI => selection => (state, dispa
       })(state, dispatch);
     }
   }
-
   return false;
 };
-
 const arrowLeftFromText = editorSelectionAPI => selection => (state, dispatch) => {
   const table = findTable(selection);
-
   if (table) {
     const {
       $from
     } = selection;
-
-    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) {
       const {
         selectionRelativeToNode
       } = editorSelectionAPI.getSelectionPluginState(state);
-
       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
@@ -186,18 +162,14 @@ const arrowLeftFromText = editorSelectionAPI => selection => (state, dispatch) =
       }
     }
   }
-
   return false;
 };
-
 const arrowRightFromText = editorSelectionAPI => selection => (state, dispatch) => {
   const table = findTable(selection);
-
   if (table) {
     const {
       $to
     } = selection;
-
     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,
@@ -209,17 +181,15 @@ const arrowRightFromText = editorSelectionAPI => selection => (state, dispatch)
       })(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
  */
-
-
 const selectFullTable = editorSelectionAPI => ({
   node,
   startPos,
@@ -235,7 +205,6 @@ const selectFullTable = editorSelectionAPI => ({
   const $lastCell = doc.resolve(startPos + map[map.length - 1]);
   let fullTableSelection;
   let selectionRelativeToNode;
-
   if (dir === TableSelectionDirection.TopToBottom) {
     fullTableSelection = new CellSelection($firstCell, $lastCell);
     selectionRelativeToNode = RelativeSelectionPos.End;
@@ -243,47 +212,40 @@ const selectFullTable = editorSelectionAPI => ({
     fullTableSelection = new CellSelection($lastCell, $firstCell);
     selectionRelativeToNode = RelativeSelectionPos.Start;
   }
-
   if (editorSelectionAPI) {
     const tr = editorSelectionAPI.setSelectionRelativeToNode({
       selectionRelativeToNode,
       selection: fullTableSelection
     })(state);
-
     if (dispatch) {
       dispatch(tr);
       return true;
     }
   }
-
   return false;
 };
-
 const setSelectionAtStartOfFirstCell = editorSelectionAPI => (selection, selectionRelativeToNode) => (state, dispatch) => {
   const {
     $anchorCell,
     $headCell
   } = selection;
   const $firstCell = $anchorCell.pos < $headCell.pos ? $anchorCell : $headCell;
-  const $firstPosInsideCell = state.doc.resolve($firstCell.pos + 1); // check if first pos should have a gap cursor, otherwise find closest text selection
+  const $firstPosInsideCell = state.doc.resolve($firstCell.pos + 1);
 
+  // check if first pos should have a gap cursor, otherwise find closest text selection
   const selectionAtStartOfCell = GapCursorSelection.valid($firstPosInsideCell) ? new GapCursorSelection($firstPosInsideCell, Side.LEFT) : Selection.findFrom($firstPosInsideCell, 1);
-
   if (editorSelectionAPI) {
     const tr = editorSelectionAPI.setSelectionRelativeToNode({
       selectionRelativeToNode,
       selection: selectionAtStartOfCell
     })(state);
-
     if (dispatch) {
       dispatch(tr);
       return true;
     }
   }
-
   return false;
 };
-
 const setSelectionAtEndOfLastCell = editorSelectionAPI => (selection, selectionRelativeToNode) => (state, dispatch) => {
   const {
     $anchorCell,
@@ -291,40 +253,33 @@ const setSelectionAtEndOfLastCell = editorSelectionAPI => (selection, selectionR
   } = selection;
   const $lastCell = $anchorCell.pos > $headCell.pos ? $anchorCell : $headCell;
   const lastPosInsideCell = $lastCell.pos + ($lastCell.nodeAfter ? $lastCell.nodeAfter.content.size : 0) + 1;
-  const $lastPosInsideCell = state.doc.resolve(lastPosInsideCell); // check if last pos should have a gap cursor, otherwise find closest text selection
+  const $lastPosInsideCell = state.doc.resolve(lastPosInsideCell);
 
+  // check if last pos should have a gap cursor, otherwise find closest text selection
   const selectionAtEndOfCell = GapCursorSelection.valid($lastPosInsideCell) ? new GapCursorSelection($lastPosInsideCell, Side.RIGHT) : Selection.findFrom($lastPosInsideCell, -1);
-
   if (editorSelectionAPI) {
     const tr = editorSelectionAPI.setSelectionRelativeToNode({
       selectionRelativeToNode,
       selection: selectionAtEndOfCell
     })(state);
-
     if (dispatch) {
       dispatch(tr);
       return true;
     }
   }
-
   return false;
 };
-
 const setGapCursorBeforeTable = editorSelectionAPI => () => (state, dispatch) => {
   const table = findTable(state.selection);
-
   if (table) {
     const $beforeTablePos = state.doc.resolve(table.pos);
-
     if (GapCursorSelection.valid($beforeTablePos)) {
       const selectionBeforeTable = new GapCursorSelection($beforeTablePos, Side.LEFT);
-
       if (editorSelectionAPI) {
         const tr = editorSelectionAPI.setSelectionRelativeToNode({
           selectionRelativeToNode: undefined,
           selection: selectionBeforeTable
         })(state);
-
         if (dispatch) {
           dispatch(tr);
           return true;
@@ -332,38 +287,28 @@ const setGapCursorBeforeTable = editorSelectionAPI => () => (state, dispatch) =>
       }
     }
   }
-
   return false;
 };
-
 const setGapCursorAfterTable = editorSelectionAPI => () => (state, dispatch) => {
   const table = findTable(state.selection);
-
   if (table) {
     const $afterTablePos = state.doc.resolve(table.pos + table.node.nodeSize);
-
     if (GapCursorSelection.valid($afterTablePos)) {
       const selectionAfterTable = new GapCursorSelection($afterTablePos, Side.RIGHT);
-
       if (editorSelectionAPI) {
         const tr = editorSelectionAPI.setSelectionRelativeToNode({
           selectionRelativeToNode: undefined,
           selection: selectionAfterTable
         })(state);
-
         if (dispatch) {
           dispatch(tr);
           return true;
         }
       }
-
       return false;
     }
   }
-
   return false;
 };
-
 const isSelectionAtStartOfTable = ($pos, selection) => isSelectionAtStartOfNode($pos, findTable(selection));
-
 const isSelectionAtEndOfTable = ($pos, selection) => isSelectionAtEndOfNode($pos, findTable(selection));

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

@@ -5,24 +5,20 @@ 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 attrs => {
     const {
       data
     } = attrs;
-
     if (data && (data.name || data.title)) {
       return data.name || data.title;
     }
-
     const {
       url: cardUrl
     } = attrs;
     return cardUrl;
   };
 }
-
 export const sortByColumn = (columnIndex, order = SortOrder.DESC) => createCommand(state => ({
   type: 'SORT_TABLE',
   data: {
@@ -33,34 +29,26 @@ export const sortByColumn = (columnIndex, order = SortOrder.DESC) => createComma
   }
 }), (tr, state) => {
   const table = findTable(tr.selection);
-
   if (!table || !table.node) {
     return tr;
   }
-
   const selectionRect = isSelectionType(tr.selection, 'cell') ? getSelectionRect(tr.selection) : findCellRectClosestToPos(tr.selection.$from);
-
   if (!selectionRect) {
     return tr;
   }
-
   const tablePluginState = getPluginState(state);
   const tableArray = convertTableNodeToArrayOfRows(table.node);
   let headerRow;
-
   if (tablePluginState.isHeaderRowEnabled) {
     headerRow = tableArray.shift();
   }
-
   const compareNodesInOrder = createCompareNodes({
     getInlineCardTextFromStore: createGetInlineCardTextFromStore(state)
   }, order);
   const sortedTable = tableArray.sort((rowA, rowB) => compareNodesInOrder(rowA[columnIndex], rowB[columnIndex]));
-
   if (headerRow) {
     sortedTable.unshift(headerRow);
   }
-
   const newTableNode = convertArrayOfRowsToTableNode(table.node, sortedTable);
   tr.replaceWith(table.pos, table.pos + table.node.nodeSize, newTableNode);
   const pos = TableMap.get(table.node).positionAt(selectionRect.top, columnIndex, table.node);

package/dist/es2019/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.
@@ -11,7 +10,6 @@ export const splitCell = (state, dispatch) => {
     tableHeader,
     tableCell
   } = state.schema.nodes;
-
   if (dispatch) {
     return splitCellWithType(({
       row,
@@ -20,10 +18,8 @@ export const splitCell = (state, dispatch) => {
       if (row === 0 && tableState.isHeaderRowEnabled || col === 0 && tableState.isHeaderColumnEnabled) {
         return tableHeader;
       }
-
       return tableCell;
     })(state, dispatch);
   }
-
   return true;
 };

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

@@ -1,31 +1,30 @@
 //#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 const 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 const toggleHeaderRow = (state, dispatch) => toggleHeader('row')(state, tr => createCommand({
   type: 'TOGGLE_HEADER_ROW'
 }, () => tr.setMeta('scrollIntoView', false))(state, dispatch));
@@ -40,24 +39,21 @@ export const toggleNumberColumn = (state, dispatch) => {
     node,
     pos
   } = findTable(state.selection);
-  tr.setNodeMarkup(pos, state.schema.nodes.table, { ...node.attrs,
+  tr.setNodeMarkup(pos, state.schema.nodes.table, {
+    ...node.attrs,
     isNumberColumnEnabled: !node.attrs.isNumberColumnEnabled
   });
   tr.setMeta('scrollIntoView', false);
-
   if (dispatch) {
     dispatch(tr);
   }
-
   return true;
 };
 export const toggleTableLayout = (state, dispatch) => {
   const table = findTable(state.selection);
-
   if (!table) {
     return false;
   }
-
   const layout = getNextLayout(table.node.attrs.layout);
   return createCommand({
     type: 'SET_TABLE_LAYOUT',
@@ -65,7 +61,8 @@ export const toggleTableLayout = (state, dispatch) => {
       layout
     }
   }, tr => {
-    tr.setNodeMarkup(table.pos, state.schema.nodes.table, { ...table.node.attrs,
+    tr.setNodeMarkup(table.pos, state.schema.nodes.table, {
+      ...table.node.attrs,
       layout
     });
     return tr.setMeta('scrollIntoView', false);
@@ -73,4 +70,5 @@ export const toggleTableLayout = (state, dispatch) => {
 };
 export const toggleContextualMenu = () => createCommand({
   type: 'TOGGLE_CONTEXTUAL_MENU'
-}, tr => tr.setMeta('addToHistory', false)); // #endregion
+}, tr => tr.setMeta('addToHistory', false));
+// #endregion

package/dist/es2019/plugins/table/commands-with-analytics.js

@@ -19,8 +19,9 @@ const TABLE_BREAKOUT_NAME_MAPPING = {
   default: TABLE_BREAKOUT.NORMAL,
   wide: TABLE_BREAKOUT.WIDE,
   'full-width': TABLE_BREAKOUT.FULL_WIDTH
-}; // #region Analytics wrappers
+};
 
+// #region Analytics wrappers
 export const emptyMultipleCellsWithAnalytics = editorAnalyticsAPI => (inputMethod, targetCellPosition) => withEditorAnalyticsAPI(({
   selection
 }) => {
@@ -72,7 +73,6 @@ export const mergeCellsWithAnalytics = editorAnalyticsAPI => inputMethod => with
   if (dispatch) {
     dispatch(mergeCells(state.tr));
   }
-
   return true;
 });
 export const splitCellWithAnalytics = editorAnalyticsAPI => inputMethod => withEditorAnalyticsAPI(({
@@ -83,7 +83,6 @@ export const splitCellWithAnalytics = editorAnalyticsAPI => inputMethod => withE
     totalColumnCount
   } = getSelectedCellInfo(selection);
   const cell = findCellClosestToPos(selection.$anchor);
-
   if (cell) {
     const {
       rowspan: verticalCells,
@@ -104,7 +103,6 @@ export const splitCellWithAnalytics = editorAnalyticsAPI => inputMethod => withE
       eventType: EVENT_TYPE.TRACK
     };
   }
-
   return;
 })(editorAnalyticsAPI)(splitCell);
 export const setColorWithAnalytics = editorAnalyticsAPI => (inputMethod, cellColor, targetCellPosition) => withEditorAnalyticsAPI(({
@@ -141,11 +139,9 @@ export const addRowAroundSelection = editorAnalyticsAPI => side => (state, dispa
   } = state;
   const isCellSelection = selection instanceof CellSelection;
   const rect = isCellSelection ? getSelectionRect(selection) : findCellRectClosestToPos(selection.$from);
-
   if (!rect) {
     return false;
   }
-
   const position = isCellSelection && side === 'TOP' ? rect.top : rect.bottom - 1;
   const offset = side === 'BOTTOM' ? 1 : 0;
   return insertRowWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.SHORTCUT, {
@@ -213,7 +209,6 @@ export const deleteRowsWithAnalytics = editorAnalyticsAPI => (inputMethod, rect,
   if (dispatch) {
     dispatch(deleteRows(rect, isHeaderRowRequired)(state.tr));
   }
-
   return true;
 });
 export const deleteColumnsWithAnalytics = editorAnalyticsAPI => (inputMethod, rect) => withEditorAnalyticsAPI(({
@@ -240,10 +235,8 @@ export const deleteColumnsWithAnalytics = editorAnalyticsAPI => (inputMethod, re
   if (dispatch) {
     dispatch(deleteColumns(rect, getAllowAddColumnCustomStep(state))(state.tr));
   }
-
   return true;
 });
-
 const getTableDeletedAnalytics = (selection, inputMethod) => {
   const {
     totalRowCount,
@@ -260,7 +253,6 @@ const getTableDeletedAnalytics = (selection, inputMethod) => {
     eventType: EVENT_TYPE.TRACK
   };
 };
-
 export const deleteTableWithAnalytics = editorAnalyticsAPI => withEditorAnalyticsAPI(({
   selection
 }) => getTableDeletedAnalytics(selection, INPUT_METHOD.FLOATING_TB))(editorAnalyticsAPI)(deleteTable);
@@ -330,7 +322,6 @@ export const toggleTableLayoutWithAnalytics = editorAnalyticsAPI => withEditorAn
     totalRowCount,
     totalColumnCount
   } = getSelectedTableInfo(state.selection);
-
   if (table) {
     const {
       layout
@@ -348,7 +339,6 @@ export const toggleTableLayoutWithAnalytics = editorAnalyticsAPI => withEditorAn
       eventType: EVENT_TYPE.TRACK
     };
   }
-
   return;
 })(editorAnalyticsAPI)(toggleTableLayout);
 export const sortColumnWithAnalytics = editorAnalyticsAPI => (inputMethod, columnIndex, sortOrder) => withEditorAnalyticsAPI(state => {
@@ -390,7 +380,6 @@ export const distributeColumnsWidthsWithAnalytics = editorAnalyticsAPI => (input
     if (dispatch) {
       distributeColumnsWidths(resizeState, table)(state, dispatch);
     }
-
     return true;
   });
 };
@@ -409,4 +398,5 @@ export const wrapTableInExpandWithAnalytics = editorAnalyticsAPI => withEditorAn
     },
     eventType: EVENT_TYPE.TRACK
   };
-})(editorAnalyticsAPI)(wrapTableInExpand); // #endregion
+})(editorAnalyticsAPI)(wrapTableInExpand);
+// #endregion