@atlaskit/editor-plugin-table 1.1.0 → 1.1.2

package/dist/cjs/plugins/table/transforms/split.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.splitCellsInColumns = splitCellsInColumns;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _tableMap = require("@atlaskit/editor-tables/table-map");
-
 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; }
-
 /**
  * Helper to split all the cells in a range of columns
  * @param tr
@@ -25,68 +19,60 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function splitCellsInColumns(tr, tablePos, columnStart, columnEnd) {
   var mapStart = tr.mapping.maps.length;
   var table = tr.doc.nodeAt(tablePos);
-
   if (!table) {
     return tr;
   }
-
   var tableStart = tr.doc.resolve(tablePos).start(1);
-
   var map = _tableMap.TableMap.get(table);
-
   for (var column = columnStart; column < columnEnd; column++) {
     for (var rowIndex = 0; rowIndex < map.height; rowIndex++) {
       var cellIndex = rowIndex * map.width + column;
-      var cellPos = map.map[cellIndex]; // Check if the cell is contained by another by another row/column
-
-      var hasMergedCellsBefore = column > 0 && map.map[cellIndex - 1] === cellPos || rowIndex > 0 && map.map[(rowIndex - 1) * map.width + column] === cellPos; // Check if the cell contains another row/column
+      var cellPos = map.map[cellIndex];
 
+      // Check if the cell is contained by another by another row/column
+      var hasMergedCellsBefore = column > 0 && map.map[cellIndex - 1] === cellPos || rowIndex > 0 && map.map[(rowIndex - 1) * map.width + column] === cellPos;
+      // Check if the cell contains another row/column
       var hasMergedCellsAfter = column < map.width - 1 && map.map[cellIndex + 1] === cellPos || rowIndex < map.height - 1 && map.map[(rowIndex + 1) * map.width + column] === cellPos;
-
       if (!hasMergedCellsBefore && hasMergedCellsAfter) {
         // Is a merged cell that start in this row/column
         var cellNode = table.nodeAt(cellPos);
-
         if (!cellNode) {
           continue;
         }
-
         var _ref = cellNode.attrs,
-            colwidth = _ref.colwidth,
-            _ref$colspan = _ref.colspan,
-            colspan = _ref$colspan === void 0 ? 1 : _ref$colspan,
-            _ref$rowspan = _ref.rowspan,
-            rowspan = _ref$rowspan === void 0 ? 1 : _ref$rowspan;
-        var mapping = tr.mapping.slice(mapStart); // Update current node with the simple colspan
-
+          colwidth = _ref.colwidth,
+          _ref$colspan = _ref.colspan,
+          colspan = _ref$colspan === void 0 ? 1 : _ref$colspan,
+          _ref$rowspan = _ref.rowspan,
+          rowspan = _ref$rowspan === void 0 ? 1 : _ref$rowspan;
+        var mapping = tr.mapping.slice(mapStart);
+
+        // Update current node with the simple colspan
         var baseAttrs = _objectSpread(_objectSpread({}, cellNode.attrs), {}, {
           colspan: 1,
           rowspan: 1
-        }); // Add the new cells
-
-
+        });
+        // Add the new cells
         for (var cellRowIndex = rowIndex; cellRowIndex < rowIndex + rowspan; cellRowIndex++) {
           for (var i = 0; i < colspan; i++) {
             var _mapping = tr.mapping.slice(mapStart);
-
             var _cellPos = map.positionAt(cellRowIndex, column + i, table);
-
             tr.insert(_mapping.map(_cellPos + tableStart), cellNode.type.createAndFill(_objectSpread(_objectSpread({}, baseAttrs), {}, {
               colwidth: colwidth ? [colwidth[i]] : undefined
             })));
           }
-        } // Delete the original cell
-
+        }
 
+        // Delete the original cell
         mapping = tr.mapping.slice(mapStart);
-        tr.delete(mapping.map(cellPos + tableStart), mapping.map(cellPos + tableStart + cellNode.nodeSize)); // Skip rows based on rowspan
+        tr.delete(mapping.map(cellPos + tableStart), mapping.map(cellPos + tableStart + cellNode.nodeSize));
 
+        // Skip rows based on rowspan
         if (rowspan && rowspan > 1) {
           rowIndex += rowspan - 1;
         }
       }
     }
   }
-
   return tr;
 }

package/dist/cjs/plugins/table/types.js

@@ -1,27 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableDecorations = exports.TableCssClassName = exports.ShadowEvent = exports.RESIZE_HANDLE_AREA_DECORATION_GAP = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _adfSchema = require("@atlaskit/adf-schema");
-
 var _styles = require("@atlaskit/editor-common/styles");
-
 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 RESIZE_HANDLE_AREA_DECORATION_GAP = 30;
 exports.RESIZE_HANDLE_AREA_DECORATION_GAP = RESIZE_HANDLE_AREA_DECORATION_GAP;
 var TableDecorations;
 exports.TableDecorations = TableDecorations;
-
 (function (TableDecorations) {
   TableDecorations["ALL_CONTROLS_HOVER"] = "CONTROLS_HOVER";
   TableDecorations["ROW_CONTROLS_HOVER"] = "ROW_CONTROLS_HOVER";
@@ -34,7 +26,6 @@ exports.TableDecorations = TableDecorations;
   TableDecorations["COLUMN_RESIZING_HANDLE_LINE"] = "COLUMN_RESIZING_HANDLE_LINE";
   TableDecorations["LAST_CELL_ELEMENT"] = "LAST_CELL_ELEMENT";
 })(TableDecorations || (exports.TableDecorations = TableDecorations = {}));
-
 var TableCssClassName = _objectSpread(_objectSpread({}, _styles.TableSharedCssClassName), {}, {
   COLUMN_CONTROLS: "".concat(_adfSchema.tablePrefixSelector, "-column-controls"),
   COLUMN_CONTROLS_DECORATIONS: "".concat(_adfSchema.tablePrefixSelector, "-column-controls-decoration"),
@@ -96,11 +87,9 @@ var TableCssClassName = _objectSpread(_objectSpread({}, _styles.TableSharedCssCl
   WITH_RESIZE_LINE: "".concat(_adfSchema.tablePrefixSelector, "-column-resize-line"),
   WITH_RESIZE_LINE_LAST_COLUMN: "".concat(_adfSchema.tablePrefixSelector, "-column-resize-line-last-column")
 });
-
 exports.TableCssClassName = TableCssClassName;
 var ShadowEvent;
 exports.ShadowEvent = ShadowEvent;
-
 (function (ShadowEvent) {
   ShadowEvent["SHOW_BEFORE_SHADOW"] = "showBeforeShadow";
   ShadowEvent["SHOW_AFTER_SHADOW"] = "showAfterShadow";

package/dist/cjs/plugins/table/ui/FloatingContextualButton/index.js

@@ -1,113 +1,78 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FloatingContextualButtonInner = void 0;
 exports.default = _default;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _prosemirrorUtils = require("prosemirror-utils");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _ui = require("@atlaskit/editor-common/ui");
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
-
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
-
 var _utils = require("@atlaskit/editor-common/utils");
-
 var _commands = require("../../commands");
-
 var _types = require("../../types");
-
 var _messages = _interopRequireDefault(require("../../ui/messages"));
-
 var _analytics = require("@atlaskit/editor-common/analytics");
-
 var _styles = require("./styles");
-
 var _errorBoundary = require("@atlaskit/editor-common/error-boundary");
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var FloatingContextualButtonInner = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(FloatingContextualButtonInner, _React$Component);
-
   var _super = _createSuper(FloatingContextualButtonInner);
-
   function FloatingContextualButtonInner() {
     var _this;
-
     (0, _classCallCheck2.default)(this, FloatingContextualButtonInner);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function () {
       var _this$props$editorVie = _this.props.editorView,
-          state = _this$props$editorVie.state,
-          dispatch = _this$props$editorVie.dispatch; // Clicking outside the dropdown handles toggling the menu closed
+        state = _this$props$editorVie.state,
+        dispatch = _this$props$editorVie.dispatch;
+      // Clicking outside the dropdown handles toggling the menu closed
       // (otherwise these two toggles combat each other).
       // In the event a user clicks the chevron button again
       // That will count as clicking outside the dropdown and
       // will be toggled appropriately
-
       if (!_this.props.isContextualMenuOpen) {
         (0, _commands.toggleContextualMenu)()(state, dispatch);
       }
     });
     return _this;
   }
-
   (0, _createClass2.default)(FloatingContextualButtonInner, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          mountPoint = _this$props.mountPoint,
-          scrollableElement = _this$props.scrollableElement,
-          editorView = _this$props.editorView,
-          targetCellPosition = _this$props.targetCellPosition,
-          isContextualMenuOpen = _this$props.isContextualMenuOpen,
-          formatMessage = _this$props.intl.formatMessage,
-          dispatchAnalyticsEvent = _this$props.dispatchAnalyticsEvent; //  : Props & WrappedComponentProps
-
+        mountPoint = _this$props.mountPoint,
+        scrollableElement = _this$props.scrollableElement,
+        editorView = _this$props.editorView,
+        targetCellPosition = _this$props.targetCellPosition,
+        isContextualMenuOpen = _this$props.isContextualMenuOpen,
+        formatMessage = _this$props.intl.formatMessage,
+        dispatchAnalyticsEvent = _this$props.dispatchAnalyticsEvent; //  : Props & WrappedComponentProps
       var domAtPos = editorView.domAtPos.bind(editorView);
       var targetCellRef;
-
       try {
         targetCellRef = (0, _prosemirrorUtils.findDomRefAtPos)(targetCellPosition, domAtPos);
       } catch (error) {
         // eslint-disable-next-line no-console
         console.warn(error);
-
         if (dispatchAnalyticsEvent) {
           var payload = {
             action: _analytics.ACTION.ERRORED,
@@ -127,11 +92,9 @@ var FloatingContextualButtonInner = /*#__PURE__*/function (_React$Component) {
           dispatchAnalyticsEvent(payload);
         }
       }
-
       if (!targetCellRef || !(targetCellRef instanceof HTMLElement)) {
         return null;
       }
-
       var tableWrapper = (0, _utils.closestElement)(targetCellRef, ".".concat(_types.TableCssClassName.TABLE_NODE_WRAPPER));
       var labelCellOptions = formatMessage(_messages.default.cellOptions);
       var button = (0, _react2.jsx)("div", {
@@ -153,7 +116,6 @@ var FloatingContextualButtonInner = /*#__PURE__*/function (_React$Component) {
         "aria-label": labelCellOptions
       }));
       var parentSticky = targetCellRef.parentElement && targetCellRef.parentElement.className.indexOf('sticky') > -1;
-
       if (this.props.stickyHeader && parentSticky) {
         var pos = targetCellRef.getBoundingClientRect();
         return (0, _react2.jsx)("div", {
@@ -165,7 +127,6 @@ var FloatingContextualButtonInner = /*#__PURE__*/function (_React$Component) {
           }
         }, button);
       }
-
       return (0, _react2.jsx)(_ui.Popup, {
         alignX: "right",
         alignY: "start",
@@ -187,11 +148,9 @@ var FloatingContextualButtonInner = /*#__PURE__*/function (_React$Component) {
   }]);
   return FloatingContextualButtonInner;
 }(_react.default.Component);
-
 exports.FloatingContextualButtonInner = FloatingContextualButtonInner;
 (0, _defineProperty2.default)(FloatingContextualButtonInner, "displayName", 'FloatingContextualButton');
 var FloatingContextualButton = (0, _reactIntlNext.injectIntl)(FloatingContextualButtonInner);
-
 function _default(props) {
   return (0, _react2.jsx)(_errorBoundary.ErrorBoundary, {
     component: _analytics.ACTION_SUBJECT.FLOATING_CONTEXTUAL_BUTTON,

package/dist/cjs/plugins/table/ui/FloatingContextualButton/styles.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tableFloatingCellButtonStyles = exports.tableFloatingCellButtonSelectedStyles = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _consts = require("../consts");
-
 var _components = require("@atlaskit/theme/components");
-
 var _templateObject, _templateObject2;
-
 var tableFloatingCellButtonStyles = function tableFloatingCellButtonStyles(props) {
   return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  > div {\n    // Sits behind button to provide surface-color background\n    background: ", ";\n    border-radius: ", "px;\n    display: flex;\n    height: ", "px;\n    flex-direction: column;\n  }\n  && button {\n    background: ", ";\n    flex-direction: column;\n    margin: 2px;\n    outline: 2px solid ", ";\n    border-radius: 1px;\n    padding: 0;\n    height: calc(100% - 4px);\n    display: flex;\n  }\n  && button:hover {\n    background: ", ";\n  }\n  && button:active {\n    background: ", ";\n  }\n  && button > span {\n    margin: 0px -4px;\n  }\n  && span {\n    pointer-events: none;\n  }\n"])), "var(--ds-surface, ".concat(_colors.N20, ")"), (0, _constants.borderRadius)(), _consts.contextualMenuTriggerSize + 2, (0, _components.themed)({
     light: "var(--ds-background-neutral, none)",
@@ -33,9 +24,7 @@ var tableFloatingCellButtonStyles = function tableFloatingCellButtonStyles(props
     dark: "var(--ds-background-neutral-pressed, ".concat(_colors.B75, ")")
   })(props));
 };
-
 exports.tableFloatingCellButtonStyles = tableFloatingCellButtonStyles;
-
 var tableFloatingCellButtonSelectedStyles = function tableFloatingCellButtonSelectedStyles(props) {
   return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  && button {\n    background: ", ";\n  }\n  && button:hover {\n    background: ", ";\n  }\n  && button:active {\n    background: ", ";\n  }\n"])), (0, _components.themed)({
     light: "var(--ds-background-selected, ".concat(_colors.N700, ")"),
@@ -48,5 +37,4 @@ var tableFloatingCellButtonSelectedStyles = function tableFloatingCellButtonSele
     dark: "var(--ds-background-selected-pressed, ".concat(_colors.DN0, ")")
   })(props));
 };
-
 exports.tableFloatingCellButtonSelectedStyles = tableFloatingCellButtonSelectedStyles;