@atlaskit/editor-core 174.0.0 → 175.0.0

package/dist/cjs/plugins/table/pm-plugins/table-resizing/plugin.js

@@ -1,70 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createPlugin = createPlugin;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _classnames2 = _interopRequireDefault(require("classnames"));
-
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-
-var _types = require("../../types");
-
-var _commands = require("./commands");
-
-var _eventHandlers = require("./event-handlers");
-
-var _pluginFactory = require("./plugin-factory");
-
-var _pluginKey = require("./plugin-key");
-
-var _utils = require("./utils");
-
-function createPlugin(dispatch, _ref, getEditorContainerWidth, getEditorFeatureFlags, editorAnalyticsAPI) {
-  var _ref$lastColumnResiza = _ref.lastColumnResizable,
-      lastColumnResizable = _ref$lastColumnResiza === void 0 ? true : _ref$lastColumnResiza;
-  return new _safePlugin.SafePlugin({
-    key: _pluginKey.pluginKey,
-    state: (0, _pluginFactory.createPluginState)(dispatch, {
-      lastColumnResizable: lastColumnResizable,
-      resizeHandlePos: null,
-      dragging: null,
-      lastClick: null
-    }),
-    props: {
-      attributes: function attributes(state) {
-        var _classnames;
-
-        var pluginState = (0, _pluginFactory.getPluginState)(state);
-        return {
-          class: (0, _classnames2.default)(_types.TableCssClassName.RESIZING_PLUGIN, (_classnames = {}, (0, _defineProperty2.default)(_classnames, _types.TableCssClassName.RESIZE_CURSOR, pluginState.resizeHandlePos !== null), (0, _defineProperty2.default)(_classnames, _types.TableCssClassName.IS_RESIZING, !!pluginState.dragging), _classnames))
-        };
-      },
-      handleDOMEvents: {
-        mousedown: function mousedown(view, event) {
-          var state = view.state;
-          var resizeHandlePos = // we're setting `resizeHandlePos` via command in unit tests
-          (0, _pluginFactory.getPluginState)(state).resizeHandlePos || (0, _utils.getResizeCellPos)(view, event, lastColumnResizable);
-
-          var _getPluginState = (0, _pluginFactory.getPluginState)(state),
-              dragging = _getPluginState.dragging;
-
-          if (resizeHandlePos !== null && !dragging) {
-            if ((0, _eventHandlers.handleMouseDown)(view, event, resizeHandlePos, getEditorContainerWidth, getEditorFeatureFlags, editorAnalyticsAPI)) {
-              var _state = view.state,
-                  _dispatch = view.dispatch;
-              return (0, _commands.setResizeHandlePos)(resizeHandlePos)(_state, _dispatch);
-            }
-          }
-
-          return false;
-        }
-      }
-    }
-  });
-}

package/dist/cjs/plugins/table/pm-plugins/table-resizing/reducer.js

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@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) { (0, _defineProperty2.default)(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; }
-
-var _default = function _default(pluginState, action) {
-  switch (action.type) {
-    case 'STOP_RESIZING':
-      return _objectSpread(_objectSpread({}, pluginState), {}, {
-        resizeHandlePos: null,
-        dragging: null
-      });
-
-    case 'SET_RESIZE_HANDLE_POSITION':
-      return _objectSpread(_objectSpread({}, pluginState), {}, {
-        resizeHandlePos: action.data.resizeHandlePos
-      });
-
-    case 'SET_DRAGGING':
-      return _objectSpread(_objectSpread({}, pluginState), {}, {
-        dragging: action.data.dragging
-      });
-
-    case 'SET_LAST_CLICK':
-      var lastClick = action.data.lastClick;
-      return _objectSpread(_objectSpread({}, pluginState), {}, {
-        lastClick: lastClick,
-        resizeHandlePos: lastClick ? pluginState.resizeHandlePos : null
-      });
-
-    default:
-      return pluginState;
-  }
-};
-
-exports.default = _default;

package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/colgroup.js

@@ -1,71 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.insertColgroupFromNode = exports.hasTableBeenResized = exports.generateColgroup = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _prosemirrorModel = require("prosemirror-model");
-
-var _slice = require("../../../../../utils/slice");
-
-var generateColgroup = function generateColgroup(table) {
-  var cols = [];
-  table.content.firstChild.content.forEach(function (cell) {
-    var colspan = cell.attrs.colspan || 1;
-
-    if (Array.isArray(cell.attrs.colwidth)) {
-      // We slice here to guard against our colwidth array having more entries
-      // Than the we actually span. We'll patch the document at a later point.
-      cell.attrs.colwidth.slice(0, colspan).forEach(function (width) {
-        cols.push(['col', width ? {
-          style: "width: ".concat(width, "px;")
-        } : {}]);
-      });
-    } else {
-      // When we have merged cells on the first row (firstChild),
-      // We want to ensure we're creating the appropriate amount of
-      // cols the table still has.
-      cols.push.apply(cols, (0, _toConsumableArray2.default)(Array.from({
-        length: colspan
-      }, function (_) {
-        return ['col', {}];
-      })));
-    }
-  });
-  return cols;
-};
-
-exports.generateColgroup = generateColgroup;
-
-var insertColgroupFromNode = function insertColgroupFromNode(tableRef, table) {
-  var colgroup = tableRef.querySelector('colgroup');
-
-  if (colgroup) {
-    tableRef.removeChild(colgroup);
-  }
-
-  colgroup = renderColgroupFromNode(table);
-  tableRef.insertBefore(colgroup, tableRef.firstChild);
-  return colgroup.children;
-};
-
-exports.insertColgroupFromNode = insertColgroupFromNode;
-
-var hasTableBeenResized = function hasTableBeenResized(table) {
-  return !!(0, _slice.getFragmentBackingArray)(table.content.firstChild.content).find(function (cell) {
-    return cell.attrs.colwidth;
-  });
-};
-
-exports.hasTableBeenResized = hasTableBeenResized;
-
-function renderColgroupFromNode(table) {
-  var rendered = _prosemirrorModel.DOMSerializer.renderSpec(document, ['colgroup', {}].concat((0, _toConsumableArray2.default)(generateColgroup(table))));
-
-  return rendered.dom;
-}

package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/column-state.js

@@ -1,107 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getFreeSpace = exports.getColumnStateFromDOM = exports.getCellsRefsInColumn = exports.calculateColumnWidth = exports.addContainerLeftRightPadding = void 0;
-
-var _tableMap = require("@atlaskit/editor-tables/table-map");
-
-var _prosemirrorUtils = require("prosemirror-utils");
-
-var _styles = require("@atlaskit/editor-common/styles");
-
-var _contentWidth2 = require("./content-width");
-
-var _unitToNumber = require("./unit-to-number");
-
-// Reads `width` and `minWidth` of each column from DOM and returns `ColumnState` containing those values
-var getColumnStateFromDOM = function getColumnStateFromDOM(cells, index, minWidth) {
-  var width = calculateColumnWidth(cells, calculateColumnWidthCallback);
-  var minColumnWidth = width < minWidth ? // for newly created column (where width < minWidth) we set minWidth = tableNewColumnMinWidth (140px atm)
-  _styles.tableNewColumnMinWidth : calculateColumnWidth(cells, calculateColumnMinWidthCallback(minWidth));
-  return {
-    index: index,
-    width: width < minWidth ? _styles.tableNewColumnMinWidth : width,
-    minWidth: minColumnWidth
-  };
-};
-
-exports.getColumnStateFromDOM = getColumnStateFromDOM;
-
-var getFreeSpace = function getFreeSpace(state) {
-  return Math.max(state.width - state.minWidth, 0);
-}; // Returns DOM refs of all cells in a column by `columnIndex`
-
-
-exports.getFreeSpace = getFreeSpace;
-
-var getCellsRefsInColumn = function getCellsRefsInColumn(columnIndex, table, tableStart, domAtPos) {
-  var map = _tableMap.TableMap.get(table);
-
-  var cellsPositions = map.cellsInRect({
-    left: columnIndex,
-    right: columnIndex + 1,
-    top: 0,
-    bottom: map.height
-  });
-  var cells = [];
-  cellsPositions.forEach(function (pos) {
-    var col = (0, _prosemirrorUtils.findDomRefAtPos)(pos + tableStart, domAtPos);
-
-    if (col) {
-      cells.push(col);
-    }
-  });
-  return cells;
-}; // calculates column withs based on `cells` DOM refs
-
-
-exports.getCellsRefsInColumn = getCellsRefsInColumn;
-
-var calculateColumnWidth = function calculateColumnWidth(cells, calculateColumnWidthCb) {
-  var maxColWidth = 0;
-  var colSpanWidth = 0;
-  cells.forEach(function (cellRef) {
-    var css = getComputedStyle(cellRef);
-    var colspan = Number(cellRef.getAttribute('colspan') || 1);
-
-    if (colspan > 1) {
-      colSpanWidth = calculateColumnWidthCb(css, cellRef, colspan);
-      return;
-    }
-
-    if (css) {
-      var colWidth = calculateColumnWidthCb(css, cellRef, colspan);
-      maxColWidth = Math.max(colWidth, maxColWidth);
-    }
-  });
-  return maxColWidth || colSpanWidth;
-};
-
-exports.calculateColumnWidth = calculateColumnWidth;
-
-var addContainerLeftRightPadding = function addContainerLeftRightPadding(amount, css) {
-  return amount + (0, _unitToNumber.unitToNumber)(css.paddingLeft) + (0, _unitToNumber.unitToNumber)(css.paddingRight);
-};
-
-exports.addContainerLeftRightPadding = addContainerLeftRightPadding;
-
-function calculateColumnWidthCallback(css) {
-  return (0, _unitToNumber.unitToNumber)(css.width);
-}
-
-function calculateColumnMinWidthCallback(minColumnWidth) {
-  return function (css, cellRef, colSpan) {
-    if (colSpan && colSpan > 1) {
-      return (0, _unitToNumber.unitToNumber)(css.width);
-    }
-
-    var _contentWidth = (0, _contentWidth2.contentWidth)(cellRef, cellRef),
-        minContentWidth = _contentWidth.minWidth; // Override the min width, if there is content that can't collapse
-    // Past a certain width.
-
-
-    return Math.max(addContainerLeftRightPadding(minContentWidth, css), minContentWidth, minColumnWidth);
-  };
-}

package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/content-width.js

@@ -1,112 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.contentWidth = contentWidth;
-
-var _unitToNumber = require("./unit-to-number");
-
-// calculates content width of a cell
-function contentWidth(elem, container) {
-  var colWidths = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var canvas = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : document.createElement('canvas');
-  return calcContentWidth(elem, container || elem, canvas, colWidths);
-}
-
-function calcContentWidth(elem, container, canvas, colWidths) {
-  var flowWidths = [];
-  var curWidth = 0;
-
-  for (var i = 0; i < elem.childNodes.length; i++) {
-    var child = elem.childNodes[i];
-
-    if (child.nodeType === Node.COMMENT_NODE) {
-      continue;
-    }
-
-    if (child.nodeType === Node.TEXT_NODE) {
-      var parent = child.parentNode;
-      var parentStyle = getComputedStyle(parent);
-      var contentLength = 0;
-
-      if (parent.nodeName === 'CODE' || parent.nodeName === 'PRE') {
-        contentLength = handlePreText(canvas, parent, child.textContent, parentStyle.font);
-      } else {
-        contentLength = measureText(canvas, child.textContent, parentStyle.font);
-      }
-
-      var left = parent.offsetLeft - container.offsetLeft;
-      flowWidths.push(curWidth);
-      curWidth += contentLength + left; // If the text isn't meant to wrap, we should set that as a hard limit.
-
-      if (parentStyle.whiteSpace === 'nowrap') {
-        // + 3 is for date offset plus cursor
-        // TODO There should be a programmatic way to get this.
-        colWidths.push(parent.offsetWidth + 3);
-      }
-    } else {
-      // FIXME: doesn't quite work right with spacing
-      var style = getComputedStyle(child);
-
-      if (style.minWidth && style.minWidth.endsWith('px') && style.minWidth !== '0px') {
-        colWidths.push((0, _unitToNumber.unitToNumber)(style.minWidth));
-      }
-
-      var _contentWidth = contentWidth(child, container, colWidths, canvas),
-          width = _contentWidth.width;
-
-      if (style.display && style.display.indexOf('inline') > -1) {
-        // is inline element, add to curWidth
-        curWidth += width;
-      } else {
-        // block element, reset curWidth
-        flowWidths.push(curWidth);
-        curWidth = width;
-      }
-    }
-  }
-
-  flowWidths.push(curWidth);
-  return {
-    minWidth: colWidths.reduce(function (oldMax, width) {
-      return Math.max(width, oldMax);
-    }, 0),
-    width: flowWidths.reduce(function (oldMax, width) {
-      return Math.max(width, oldMax);
-    }, 0)
-  };
-}
-
-function measureText(canvas, text, font) {
-  var ctx = canvas.getContext('2d');
-
-  if (!ctx) {
-    return 0;
-  }
-
-  if (font) {
-    ctx.font = font;
-  }
-
-  return Math.round(ctx.measureText(text || '').width);
-}
-
-function handlePreText(canvas, node, textContent, font) {
-  var parent = node;
-
-  if (node.nodeName === 'CODE') {
-    parent = node.parentNode;
-  }
-
-  var computedStyle = getComputedStyle(parent);
-
-  if (textContent && computedStyle.whiteSpace === 'pre') {
-    // If white space is pre grab the longest line in the block.
-    return textContent.split('\n').reduce(function (acc, current) {
-      return Math.max(measureText(canvas, current, font), acc);
-    }, 0);
-  }
-
-  return measureText(canvas, textContent, font);
-}

package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/dom.js

@@ -1,160 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.updateStickyMargins = exports.updateControls = exports.syncStickyRowToTable = exports.isClickNear = exports.getResizeCellPos = exports.applyTableWidthToStickyRow = exports.applyColWidthsToStickyRow = void 0;
-
-var _styles = require("@atlaskit/editor-common/styles");
-
-var _utils = require("@atlaskit/editor-common/utils");
-
-var _dom = require("../../../../../utils/dom");
-
-var _updateOverflowShadows = require("../../../nodeviews/update-overflow-shadows");
-
-var _types = require("../../../types");
-
-var _utils2 = require("../../../utils");
-
-var _columnControls = require("../../../utils/column-controls");
-
-var _pluginFactory = require("../../plugin-factory");
-
-var updateControls = function updateControls(getEditorFeatureFlags) {
-  return function (state) {
-    var _getMainPluginState = (0, _pluginFactory.getPluginState)(state),
-        tableRef = _getMainPluginState.tableRef;
-
-    if (!tableRef) {
-      return;
-    }
-
-    var tr = tableRef.querySelector('tr');
-
-    if (!tr) {
-      return;
-    }
-
-    var wrapper = tableRef.parentElement;
-
-    if (!(wrapper && wrapper.parentElement)) {
-      return;
-    }
-
-    var rowControls = wrapper.parentElement.querySelectorAll(".".concat(_types.TableCssClassName.ROW_CONTROLS_BUTTON_WRAP));
-    var numberedRows = wrapper.parentElement.querySelectorAll(_types.TableCssClassName.NUMBERED_COLUMN_BUTTON);
-    syncStickyRowToTable(tableRef);
-    var rowHeights = (0, _utils2.getRowHeights)(tableRef); // update rows controls height on resize
-
-    for (var i = 0, count = rowControls.length; i < count; i++) {
-      var height = rowHeights[i];
-
-      if (height) {
-        rowControls[i].style.height = "".concat(height, "px");
-
-        if (numberedRows.length) {
-          numberedRows[i].style.height = "".concat(height, "px");
-        }
-      }
-    }
-
-    var rightShadows = wrapper.parentElement.querySelectorAll(".".concat(_types.TableCssClassName.TABLE_RIGHT_SHADOW));
-    var leftShadows = wrapper.parentElement.querySelectorAll(".".concat(_types.TableCssClassName.TABLE_LEFT_SHADOW));
-    (0, _updateOverflowShadows.updateOverflowShadows)(getEditorFeatureFlags)(state, wrapper, tableRef, rightShadows, leftShadows);
-  };
-};
-
-exports.updateControls = updateControls;
-
-var isClickNear = function isClickNear(event, click) {
-  var dx = click.x - event.clientX,
-      dy = click.y - event.clientY;
-  return dx * dx + dy * dy < 100;
-};
-
-exports.isClickNear = isClickNear;
-
-var getResizeCellPos = function getResizeCellPos(view, event, lastColumnResizable) {
-  var target = event.target;
-
-  if (!(0, _dom.containsClassName)(target, _types.TableCssClassName.RESIZE_HANDLE_DECORATION)) {
-    return null;
-  }
-
-  var tableCell = (0, _dom.closestElement)(target, 'td, th');
-
-  if (!tableCell) {
-    return null;
-  }
-
-  var cellStartPosition = view.posAtDOM(tableCell, 0);
-  return cellStartPosition - 1;
-};
-
-exports.getResizeCellPos = getResizeCellPos;
-
-var updateStickyMargins = function updateStickyMargins(table) {
-  var row = table.querySelector('tr.sticky');
-
-  if (!row) {
-    table.style.marginTop = '';
-    return;
-  }
-
-  var paddingTop = (0, _dom.parsePx)(window.getComputedStyle(row).paddingTop || '') || 0;
-  var firstRowHeight = row.clientHeight - paddingTop - 2;
-  /* border */
-  // firefox handles margin and padding differently
-  // when applied with tables
-
-  table.style.marginTop = "".concat(_utils.browser.gecko ? firstRowHeight + _styles.tableCellPadding - _styles.tableCellBorderWidth : _styles.tableMarginTop + firstRowHeight, "px");
-};
-
-exports.updateStickyMargins = updateStickyMargins;
-
-var applyColWidthsToStickyRow = function applyColWidthsToStickyRow(colGroup, headerRow) {
-  // sync column widths for the sticky row
-  var newCols = (0, _columnControls.colWidthsForRow)(colGroup, headerRow);
-
-  if (newCols) {
-    headerRow.style.gridTemplateColumns = newCols;
-  }
-};
-
-exports.applyColWidthsToStickyRow = applyColWidthsToStickyRow;
-
-var syncStickyRowToTable = function syncStickyRowToTable(tableRef) {
-  if (!tableRef) {
-    return;
-  }
-
-  var headerRow = tableRef.querySelector('tr[data-header-row]');
-
-  if (!headerRow) {
-    return;
-  }
-
-  applyColWidthsToStickyRow(tableRef.querySelector('colgroup'), headerRow);
-  applyTableWidthToStickyRow(tableRef, headerRow);
-};
-
-exports.syncStickyRowToTable = syncStickyRowToTable;
-
-var applyTableWidthToStickyRow = function applyTableWidthToStickyRow(tableRef, headerRow) {
-  var tbody = tableRef.querySelector('tbody');
-  var wrapper = tableRef.parentElement;
-
-  if (tbody && wrapper) {
-    // when resizing in Chrome, clientWidth will give us 759px
-    // but toggling the sticky class will reset it to 760px.
-    //
-    // both elements in the dom + inspector will
-    // be the same width but at layout will be different..
-    var newWidth = Math.min(tbody.offsetWidth + 1, wrapper.offsetWidth);
-    headerRow.style.width = "".concat(newWidth, "px");
-    headerRow.scrollLeft = wrapper.scrollLeft;
-  }
-};
-
-exports.applyTableWidthToStickyRow = applyTableWidthToStickyRow;