@atlaskit/editor-plugin-table 1.1.1 → 1.1.3

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

@@ -7,114 +7,97 @@ import { AddColumnStep } from '@atlaskit/adf-schema/steps';
 import { checkIfHeaderRowEnabled, copyPreviousRow } from '../utils';
 import { getAllowAddColumnCustomStep } from '../utils/get-allow-add-column-custom-step';
 import { rescaleColumns } from '../transforms/column-width';
-
 // #endregion
+
 function addColumnAtCustomStep(column) {
   return tr => {
     const table = findTable(tr.selection);
-
     if (table) {
       return tr.step(AddColumnStep.create(tr.doc, table.pos, column));
     }
-
     return tr;
   };
 }
-
 export function addColumnAt(getEditorContainerWidth) {
   return (column, allowAddColumnCustomStep = false, view) => {
     return tr => {
       let updatedTr = tr;
-
       if (allowAddColumnCustomStep) {
         updatedTr = addColumnAtCustomStep(column)(updatedTr);
       } else {
         updatedTr = addColumnAtPMUtils(column)(updatedTr);
       }
-
       const table = findTable(updatedTr.selection);
-
       if (table) {
         // [ED-8288] Update colwidths manually to avoid multiple dispatch in TableComponent
         updatedTr = rescaleColumns(getEditorContainerWidth)(table, view)(updatedTr);
       }
-
       return updatedTr;
     };
   };
-} // :: (EditorState, dispatch: ?(tr: Transaction)) → bool
-// Command to add a column before the column with the selection.
+}
 
+// :: (EditorState, dispatch: ?(tr: Transaction)) → bool
+// Command to add a column before the column with the selection.
 export const addColumnBefore = getEditorContainerWidth => (state, dispatch, view) => {
   const table = findTable(state.selection);
-
   if (!table) {
     return false;
   }
-
   if (dispatch) {
     let rect = selectedRect(state);
     dispatch(addColumnAt(getEditorContainerWidth)(rect.left, getAllowAddColumnCustomStep(state), view)(state.tr));
   }
-
   return true;
-}; // :: (EditorState, dispatch: ?(tr: Transaction)) → bool
-// Command to add a column after the column with the selection.
+};
 
+// :: (EditorState, dispatch: ?(tr: Transaction)) → bool
+// Command to add a column after the column with the selection.
 export const addColumnAfter = getEditorContainerWidth => (state, dispatch, view) => {
   const table = findTable(state.selection);
-
   if (!table) {
     return false;
   }
-
   if (dispatch) {
     let rect = selectedRect(state);
     dispatch(addColumnAt(getEditorContainerWidth)(rect.right, getAllowAddColumnCustomStep(state), view)(state.tr));
   }
-
   return true;
-}; // #region Commands
+};
 
+// #region Commands
 export const insertColumn = getEditorContainerWidth => column => (state, dispatch, view) => {
   let tr = addColumnAt(getEditorContainerWidth)(column, getAllowAddColumnCustomStep(state), view)(state.tr);
   const table = findTable(tr.selection);
-
   if (!table) {
     return false;
-  } // move the cursor to the newly created column
-
-
+  }
+  // move the cursor to the newly created column
   const pos = TableMap.get(table.node).positionAt(0, column, table.node);
-
   if (dispatch) {
     dispatch(tr.setSelection(Selection.near(tr.doc.resolve(table.start + pos))));
   }
-
   return true;
 };
 export const insertRow = (row, moveCursorToTheNewRow) => (state, dispatch) => {
   // Don't clone the header row
   const headerRowEnabled = checkIfHeaderRowEnabled(state.selection);
-  const clonePreviousRow = headerRowEnabled && row > 1 || !headerRowEnabled && row > 0; // When the table have header row
-  // we should not add row on the position zero
+  const clonePreviousRow = headerRowEnabled && row > 1 || !headerRowEnabled && row > 0;
 
+  // When the table have header row
+  // we should not add row on the position zero
   if (row === 0 && headerRowEnabled) {
     return false;
   }
-
   const tr = clonePreviousRow ? copyPreviousRow(state.schema)(row)(state.tr) : addRowAt(row)(state.tr);
   const table = findTable(tr.selection);
-
   if (!table) {
     return false;
   }
-
   if (dispatch) {
     const {
       selection
     } = state;
-
     if (moveCursorToTheNewRow) {
       // move the cursor to the newly created row
       const pos = TableMap.get(table.node).positionAt(row, 0, table.node);
@@ -122,20 +105,17 @@ export const insertRow = (row, moveCursorToTheNewRow) => (state, dispatch) => {
     } else {
       tr.setSelection(selection.map(tr.doc, tr.mapping));
     }
-
     dispatch(tr);
   }
-
   return true;
 };
 export const createTable = () => (state, dispatch) => {
   const table = createTableNode({
     schema: state.schema
   });
-
   if (dispatch) {
     dispatch(safeInsert(table)(state.tr).scrollIntoView());
   }
-
   return true;
-}; // #endregion
+};
+// #endregion

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

@@ -1,4 +1,5 @@
 // #region Imports
+
 import { Selection, TextSelection } from 'prosemirror-state';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
@@ -11,10 +12,12 @@ import { fixAutoSizedTable } from '../transforms';
 import { TableCssClassName as ClassName, TableDecorations } from '../types';
 import { createColumnControlsDecoration, createColumnSelectedDecoration } from '../utils/decoration';
 import { checkIfNumberColumnEnabled, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, isIsolating } from '../utils/nodes';
-import { updatePluginStateDecorations } from '../utils/update-plugin-state-decorations'; // #endregion
+import { updatePluginStateDecorations } from '../utils/update-plugin-state-decorations';
+// #endregion
+
 // #endregion
-// #region Commands
 
+// #region Commands
 export const setEditorFocus = editorHasFocus => createCommand({
   type: 'SET_EDITOR_FOCUS',
   data: {
@@ -51,41 +54,36 @@ export const setCellAttr = (name, value) => (state, dispatch) => {
     tr,
     selection
   } = state;
-
   if (selection instanceof CellSelection) {
     let updated = false;
     selection.forEachCell((cell, pos) => {
       if (cell.attrs[name] !== value) {
-        tr.setNodeMarkup(pos, cell.type, { ...cell.attrs,
+        tr.setNodeMarkup(pos, cell.type, {
+          ...cell.attrs,
           [name]: value
         });
         updated = true;
       }
     });
-
     if (updated) {
       if (dispatch) {
         dispatch(tr);
       }
-
       return true;
     }
   } else {
     const cell = selectionCell(state.selection);
-
     if (cell) {
       if (dispatch) {
         var _cell$nodeAfter, _cell$nodeAfter2;
-
-        dispatch(tr.setNodeMarkup(cell.pos, (_cell$nodeAfter = cell.nodeAfter) === null || _cell$nodeAfter === void 0 ? void 0 : _cell$nodeAfter.type, { ...((_cell$nodeAfter2 = cell.nodeAfter) === null || _cell$nodeAfter2 === void 0 ? void 0 : _cell$nodeAfter2.attrs),
+        dispatch(tr.setNodeMarkup(cell.pos, (_cell$nodeAfter = cell.nodeAfter) === null || _cell$nodeAfter === void 0 ? void 0 : _cell$nodeAfter.type, {
+          ...((_cell$nodeAfter2 = cell.nodeAfter) === null || _cell$nodeAfter2 === void 0 ? void 0 : _cell$nodeAfter2.attrs),
           [name]: value
         }));
       }
-
       return true;
     }
   }
-
   return false;
 };
 export const triggerUnlessTableHeader = command => (state, dispatch, view) => {
@@ -97,23 +95,18 @@ export const triggerUnlessTableHeader = command => (state, dispatch, view) => {
       }
     }
   } = state;
-
   if (selection instanceof TextSelection) {
     const cell = findCellClosestToPos(selection.$from);
-
     if (cell && cell.node.type !== tableHeader) {
       return command(state, dispatch, view);
     }
   }
-
   if (selection instanceof CellSelection) {
     const rect = getSelectionRect(selection);
-
     if (!checkIfHeaderRowEnabled(selection) || rect && rect.top > 0) {
       return command(state, dispatch, view);
     }
   }
-
   return false;
 };
 export const transformSliceRemoveCellBackgroundColor = (slice, schema) => {
@@ -123,12 +116,12 @@ export const transformSliceRemoveCellBackgroundColor = (slice, schema) => {
   } = schema.nodes;
   return mapSlice(slice, maybeCell => {
     if (maybeCell.type === tableCell || maybeCell.type === tableHeader) {
-      const cellAttrs = { ...maybeCell.attrs
+      const cellAttrs = {
+        ...maybeCell.attrs
       };
       cellAttrs.background = undefined;
       return maybeCell.type.createChecked(cellAttrs, maybeCell.content, maybeCell.marks);
     }
-
     return maybeCell;
   });
 };
@@ -141,7 +134,6 @@ export const transformSliceToAddTableHeaders = (slice, schema) => {
   return mapSlice(slice, maybeTable => {
     if (maybeTable.type === table) {
       const firstRow = maybeTable.firstChild;
-
       if (firstRow) {
         const headerCols = [];
         firstRow.forEach(oldCol => {
@@ -151,7 +143,6 @@ export const transformSliceToAddTableHeaders = (slice, schema) => {
         return maybeTable.copy(maybeTable.content.replaceChild(0, headerRow));
       }
     }
-
     return maybeTable;
   });
 };
@@ -165,12 +156,11 @@ export const transformSliceToRemoveColumnsWidths = (slice, schema) => {
       if (!maybeCell.attrs.colwidth) {
         return maybeCell;
       }
-
-      return maybeCell.type.createChecked({ ...maybeCell.attrs,
+      return maybeCell.type.createChecked({
+        ...maybeCell.attrs,
         colwidth: undefined
       }, maybeCell.content, maybeCell.marks);
     }
-
     return maybeCell;
   });
 };
@@ -178,98 +168,88 @@ export const deleteTable = (state, dispatch) => {
   if (dispatch) {
     dispatch(removeTable(state.tr));
   }
-
   return true;
 };
 export const deleteTableIfSelected = (state, dispatch) => {
   if (isTableSelected(state.selection)) {
     return deleteTable(state, dispatch);
   }
-
   return false;
 };
 export const convertFirstRowToHeader = schema => tr => {
   const table = findTable(tr.selection);
   const map = TableMap.get(table.node);
-
   for (let i = 0; i < map.width; i++) {
     const cell = table.node.child(0).child(i);
     tr.setNodeMarkup(table.start + map.map[i], schema.nodes.tableHeader, cell.attrs);
   }
-
   return tr;
 };
 export const moveCursorBackward = (state, dispatch) => {
   const {
     $cursor
-  } = state.selection; // if cursor is in the middle of a text node, do nothing
-
+  } = state.selection;
+  // if cursor is in the middle of a text node, do nothing
   if (!$cursor || $cursor.parentOffset > 0) {
     return false;
-  } // find the node before the cursor
-
+  }
 
+  // find the node before the cursor
   let before;
   let cut;
-
   if (!isIsolating($cursor.parent)) {
     for (let i = $cursor.depth - 1; !before && i >= 0; i--) {
       if ($cursor.index(i) > 0) {
         cut = $cursor.before(i + 1);
         before = $cursor.node(i).child($cursor.index(i) - 1);
       }
-
       if (isIsolating($cursor.node(i))) {
         break;
       }
     }
-  } // if the node before is not a table node - do nothing
-
+  }
 
+  // if the node before is not a table node - do nothing
   if (!before || before.type !== state.schema.nodes.table) {
     return false;
   }
+
   /*
     ensure we're just at a top level paragraph
     otherwise, perform regular backspace behaviour
    */
-
-
   const grandparent = $cursor.node($cursor.depth - 1);
-
   if ($cursor.parent.type !== state.schema.nodes.paragraph || grandparent && grandparent.type !== state.schema.nodes.doc) {
     return false;
   }
-
   const {
     tr
   } = state;
-  const lastCellPos = (cut || 0) - 4; // need to move cursor inside the table to be able to calculate table's offset
-
+  const lastCellPos = (cut || 0) - 4;
+  // need to move cursor inside the table to be able to calculate table's offset
   tr.setSelection(new TextSelection(state.doc.resolve(lastCellPos)));
   const {
     $from
   } = tr.selection;
   const start = $from.start(-1);
-  const pos = start + $from.parent.nodeSize - 1; // move cursor to the last cell
+  const pos = start + $from.parent.nodeSize - 1;
+
+  // move cursor to the last cell
   // it doesn't join node before (last cell) with node after (content after the cursor)
   // due to ridiculous amount of PM code that would have been required to overwrite
+  tr.setSelection(new TextSelection(state.doc.resolve(pos)));
 
-  tr.setSelection(new TextSelection(state.doc.resolve(pos))); // if we are inside an empty paragraph not at the end of the doc we delete it
-
+  // if we are inside an empty paragraph not at the end of the doc we delete it
   const cursorNode = $cursor.node();
   const docEnd = state.doc.content.size;
   const paragraphWrapStart = $cursor.pos - 1;
   const paragraphWrapEnd = $cursor.pos + 1;
-
   if (cursorNode.content.size === 0 && $cursor.pos + 1 !== docEnd) {
     tr.delete(paragraphWrapStart, paragraphWrapEnd);
   }
-
   if (dispatch) {
     dispatch(tr);
   }
-
   return true;
 };
 export const setMultipleCellAttrs = (attrs, targetCellPosition) => (state, dispatch) => {
@@ -277,7 +257,6 @@ export const setMultipleCellAttrs = (attrs, targetCellPosition) => (state, dispa
   let {
     tr
   } = state;
-
   if (isSelectionType(tr.selection, 'cell')) {
     const selection = tr.selection;
     selection.forEachCell((_cell, pos) => {
@@ -290,26 +269,20 @@ export const setMultipleCellAttrs = (attrs, targetCellPosition) => (state, dispa
     tr = setCellAttrs(cell, attrs)(tr);
     cursorPos = cell.pos;
   }
-
   if (tr.docChanged && cursorPos !== undefined) {
     const $pos = tr.doc.resolve(tr.mapping.map(cursorPos));
-
     if (dispatch) {
       dispatch(tr.setSelection(Selection.near($pos)));
     }
-
     return true;
   }
-
   return false;
 };
 export const selectColumn = (column, expand) => createCommand(state => {
   const cells = getCellsInColumn(column)(state.tr.selection);
-
   if (!cells || !cells.length || typeof cells[0].pos !== 'number') {
     return false;
   }
-
   const decorations = createColumnSelectedDecoration(selectColumnTransform(column, expand)(state.tr));
   const decorationSet = updatePluginStateDecorations(state, decorations, TableDecorations.COLUMN_SELECTED);
   const targetCellPosition = cells[0].pos;
@@ -324,11 +297,9 @@ export const selectColumn = (column, expand) => createCommand(state => {
 export const selectRow = (row, expand) => createCommand(state => {
   let targetCellPosition;
   const cells = getCellsInRow(row)(state.tr.selection);
-
   if (cells && cells.length) {
     targetCellPosition = cells[0].pos;
   }
-
   return {
     type: 'SET_TARGET_CELL_POSITION',
     data: {
@@ -358,11 +329,9 @@ export const addResizeHandleDecorations = (rowIndex, columnIndex) => createComma
       allowColumnResizing
     }
   } = getPluginState(state);
-
   if (!tableNode || !allowColumnResizing) {
     return false;
   }
-
   return {
     type: 'ADD_RESIZE_HANDLE_DECORATIONS',
     data: {
@@ -383,25 +352,26 @@ export const addBoldInEmptyHeaderCells = tableCellHeader => (state, dispatch) =>
   const {
     tr
   } = state;
-
-  if ( // Avoid infinite loop when the current selection is not a TextSelection
-  isTextSelection(tr.selection) && tr.selection.$cursor && // When storedMark is null that means this is the initial state
+  if (
+  // Avoid infinite loop when the current selection is not a TextSelection
+  isTextSelection(tr.selection) && tr.selection.$cursor &&
+  // When storedMark is null that means this is the initial state
   // if the user press to remove the mark storedMark will be an empty array
   // and we shouldn't apply the strong mark
-  tr.storedMarks == null && // Check if the current node is a direct child from paragraph
-  tr.selection.$from.depth === tableCellHeader.depth + 1 && // this logic is applied only for empty paragraph
+  tr.storedMarks == null &&
+  // Check if the current node is a direct child from paragraph
+  tr.selection.$from.depth === tableCellHeader.depth + 1 &&
+  // this logic is applied only for empty paragraph
   tableCellHeader.node.nodeSize === 4 && isParagraph(tableCellHeader.node.firstChild, state.schema)) {
     const {
       strong
     } = state.schema.marks;
     tr.setStoredMarks([strong.create()]).setMeta('addToHistory', false);
-
     if (dispatch) {
       dispatch(tr);
     }
-
     return true;
   }
-
   return false;
-}; // #endregion
+};
+// #endregion