@atlaskit/editor-plugin-table 0.0.0 → 0.0.1

package/dist/cjs/plugins/table/ui/TableFloatingControls/CornerControls/index.js

@@ -0,0 +1,140 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+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 = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _tableMap = require("@atlaskit/editor-tables/table-map");
+
+var _utils = require("@atlaskit/editor-tables/utils");
+
+var _commands = require("../../../commands");
+
+var _types = require("../../../types");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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 CornerControls = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(CornerControls, _Component);
+
+  var _super = _createSuper(CornerControls);
+
+  function CornerControls() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, CornerControls);
+
+    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), "isActive", function () {
+      var _this$props = _this.props,
+          editorView = _this$props.editorView,
+          hoveredRows = _this$props.hoveredRows,
+          isResizing = _this$props.isResizing;
+      var selection = editorView.state.selection;
+      var table = (0, _utils.findTable)(selection);
+
+      if (!table) {
+        return false;
+      }
+
+      return (0, _utils.isTableSelected)(selection) || hoveredRows && hoveredRows.length === _tableMap.TableMap.get(table.node).height && !isResizing;
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "clearHoverSelection", function () {
+      var _this$props$editorVie = _this.props.editorView,
+          state = _this$props$editorVie.state,
+          dispatch = _this$props$editorVie.dispatch;
+      (0, _commands.clearHoverSelection)()(state, dispatch);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectTable", function () {
+      var _this$props$editorVie2 = _this.props.editorView,
+          state = _this$props$editorVie2.state,
+          dispatch = _this$props$editorVie2.dispatch;
+      dispatch((0, _utils.selectTable)(state.tr).setMeta('addToHistory', false));
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hoverTable", function () {
+      var _this$props$editorVie3 = _this.props.editorView,
+          state = _this$props$editorVie3.state,
+          dispatch = _this$props$editorVie3.dispatch;
+      (0, _commands.hoverTable)()(state, dispatch);
+    });
+    return _this;
+  }
+
+  (0, _createClass2.default)(CornerControls, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+          isInDanger = _this$props2.isInDanger,
+          tableRef = _this$props2.tableRef,
+          isHeaderColumnEnabled = _this$props2.isHeaderColumnEnabled,
+          isHeaderRowEnabled = _this$props2.isHeaderRowEnabled;
+
+      if (!tableRef) {
+        return null;
+      }
+
+      var isActive = this.isActive();
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(_types.TableCssClassName.CORNER_CONTROLS, {
+          active: isActive,
+          sticky: this.props.stickyTop !== undefined
+        }),
+        style: {
+          top: this.props.stickyTop !== undefined ? "".concat(this.props.stickyTop, "px") : undefined
+        }
+      }, /*#__PURE__*/_react.default.createElement("button", {
+        type: "button",
+        className: (0, _classnames.default)(_types.TableCssClassName.CONTROLS_CORNER_BUTTON, {
+          danger: isActive && isInDanger
+        }),
+        onClick: this.selectTable,
+        onMouseOver: this.hoverTable,
+        onMouseOut: this.clearHoverSelection
+      }), !isHeaderRowEnabled && /*#__PURE__*/_react.default.createElement("div", {
+        className: _types.TableCssClassName.CORNER_CONTROLS_INSERT_ROW_MARKER
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: _types.TableCssClassName.CONTROLS_INSERT_MARKER
+      })), !isHeaderColumnEnabled && /*#__PURE__*/_react.default.createElement("div", {
+        className: _types.TableCssClassName.CORNER_CONTROLS_INSERT_COLUMN_MARKER
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: _types.TableCssClassName.CONTROLS_INSERT_MARKER
+      })));
+    }
+  }]);
+  return CornerControls;
+}(_react.Component);
+
+exports.default = CornerControls;

package/dist/cjs/plugins/table/ui/TableFloatingControls/NumberColumn/index.js

@@ -0,0 +1,146 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+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 = _interopRequireWildcard(require("react"));
+
+var _prosemirrorState = require("prosemirror-state");
+
+var _utils = require("@atlaskit/editor-tables/utils");
+
+var _commands = require("../../../commands");
+
+var _types = require("../../../types");
+
+var _utils2 = require("../../../utils");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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 NumberColumn = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(NumberColumn, _Component);
+
+  var _super = _createSuper(NumberColumn);
+
+  function NumberColumn() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, NumberColumn);
+
+    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), "hoverRows", function (index) {
+      return _this.props.tableActive ? _this.props.hoverRows([index]) : null;
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectRow", function (index, event) {
+      var _this$props = _this.props,
+          tableActive = _this$props.tableActive,
+          editorView = _this$props.editorView,
+          selectRow = _this$props.selectRow; // If selection is outside the table then first reset the selection inside table
+
+      if (!tableActive && event.target && event.target instanceof Node) {
+        var _editorView$state = editorView.state,
+            doc = _editorView$state.doc,
+            selection = _editorView$state.selection,
+            tr = _editorView$state.tr;
+        var pos = editorView.posAtDOM(event.target, 1);
+        var $pos = doc.resolve(pos);
+        var newPos = selection.head > pos ? // Selection is after table
+        // nodeSize - 3 will move the position inside last table cell
+        _prosemirrorState.Selection.near(doc.resolve(pos + ($pos.parent.nodeSize - 3)), -1) : // Selection is before table
+        _prosemirrorState.Selection.near($pos);
+        editorView.dispatch(tr.setSelection(newPos));
+      }
+
+      selectRow(index, event.shiftKey);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "clearHoverSelection", function () {
+      var _this$props2 = _this.props,
+          tableActive = _this$props2.tableActive,
+          editorView = _this$props2.editorView;
+
+      if (tableActive) {
+        var state = editorView.state,
+            dispatch = editorView.dispatch;
+        (0, _commands.clearHoverSelection)()(state, dispatch);
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getClassNames", function (index) {
+      var _this$props3 = _this.props,
+          hoveredRows = _this$props3.hoveredRows,
+          editorView = _this$props3.editorView,
+          isInDanger = _this$props3.isInDanger,
+          isResizing = _this$props3.isResizing;
+      var isActive = (0, _utils.isRowSelected)(index)(editorView.state.selection) || (hoveredRows || []).indexOf(index) !== -1 && !isResizing;
+      return [_types.TableCssClassName.NUMBERED_COLUMN_BUTTON, isActive ? _types.TableCssClassName.HOVERED_CELL_ACTIVE : '', isActive && isInDanger ? _types.TableCssClassName.HOVERED_CELL_IN_DANGER : ''].join(' ');
+    });
+    return _this;
+  }
+
+  (0, _createClass2.default)(NumberColumn, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props4 = this.props,
+          tableRef = _this$props4.tableRef,
+          hasHeaderRow = _this$props4.hasHeaderRow;
+      var rowHeights = (0, _utils2.getRowHeights)(tableRef);
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: _types.TableCssClassName.NUMBERED_COLUMN,
+        style: {
+          marginTop: hasHeaderRow && this.props.stickyTop !== undefined ? rowHeights[0] : undefined
+        }
+      }, rowHeights.map(function (rowHeight, index) {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          key: "wrapper-".concat(index),
+          className: _this2.getClassNames(index),
+          "data-index": index,
+          style: {
+            height: rowHeight,
+            top: _this2.props.stickyTop !== undefined && hasHeaderRow && index === 0 ? "".concat(_this2.props.stickyTop, "px") : undefined
+          },
+          onClick: function onClick(event) {
+            return _this2.selectRow(index, event);
+          },
+          onMouseOver: function onMouseOver() {
+            return _this2.hoverRows(index);
+          },
+          onMouseOut: _this2.clearHoverSelection
+        }, hasHeaderRow ? index > 0 ? index : null : index + 1);
+      }));
+    }
+  }]);
+  return NumberColumn;
+}(_react.Component);
+
+exports.default = NumberColumn;

package/dist/cjs/plugins/table/ui/TableFloatingControls/RowControls/index.js

@@ -0,0 +1,135 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+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 = _interopRequireWildcard(require("react"));
+
+var _commands = require("../../../commands");
+
+var _types = require("../../../types");
+
+var _utils = require("../../../utils");
+
+var _consts = require("../../consts");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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 RowControls = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(RowControls, _Component);
+
+  var _super = _createSuper(RowControls);
+
+  function RowControls() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, RowControls);
+
+    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), "clearHoverSelection", function () {
+      var _this$props$editorVie = _this.props.editorView,
+          state = _this$props$editorVie.state,
+          dispatch = _this$props$editorVie.dispatch;
+      (0, _commands.clearHoverSelection)()(state, dispatch);
+    });
+    return _this;
+  }
+
+  (0, _createClass2.default)(RowControls, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          editorView = _this$props.editorView,
+          tableRef = _this$props.tableRef,
+          hoveredRows = _this$props.hoveredRows,
+          isInDanger = _this$props.isInDanger,
+          isResizing = _this$props.isResizing;
+
+      if (!tableRef) {
+        return null;
+      }
+
+      var selection = editorView.state.selection;
+      var rowHeights = (0, _utils.getRowHeights)(tableRef);
+      var rowsParams = (0, _utils.getRowsParams)(rowHeights);
+      var firstRow = tableRef.querySelector('tr');
+      var hasHeaderRow = firstRow ? firstRow.getAttribute('data-header-row') : false;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: _types.TableCssClassName.ROW_CONTROLS
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: _types.TableCssClassName.ROW_CONTROLS_INNER
+      }, rowsParams.map(function (_ref, index) {
+        var startIndex = _ref.startIndex,
+            endIndex = _ref.endIndex,
+            height = _ref.height;
+        // if previous row was header row, add its height to our margin
+        var marginTop = -1;
+
+        if (index === 1 && hasHeaderRow && _this2.props.stickyTop !== undefined) {
+          marginTop += rowHeights[index - 1] + _consts.tableToolbarSize;
+        }
+
+        var thisRowSticky = _this2.props.stickyTop !== undefined && index === 0 && hasHeaderRow;
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: "".concat(_types.TableCssClassName.ROW_CONTROLS_BUTTON_WRAP, " ").concat((0, _utils.getRowClassNames)(startIndex, selection, hoveredRows, isInDanger, isResizing), " ").concat(thisRowSticky ? 'sticky' : ''),
+          key: startIndex,
+          style: {
+            height: height,
+            marginTop: "".concat(marginTop, "px"),
+            top: thisRowSticky ? "".concat(_this2.props.stickyTop + 3, "px") : undefined,
+            paddingTop: thisRowSticky ? "".concat(_consts.tableControlsSpacing, "px") : undefined
+          }
+        }, /*#__PURE__*/_react.default.createElement("button", {
+          type: "button",
+          className: "".concat(_types.TableCssClassName.ROW_CONTROLS_BUTTON, "\n                  ").concat(_types.TableCssClassName.CONTROLS_BUTTON, "\n                "),
+          onClick: function onClick(event) {
+            return _this2.props.selectRow(startIndex, event.shiftKey);
+          },
+          onMouseOver: function onMouseOver() {
+            return _this2.props.hoverRows([startIndex]);
+          },
+          onMouseOut: _this2.clearHoverSelection,
+          "data-start-index": startIndex,
+          "data-end-index": endIndex
+        }), /*#__PURE__*/_react.default.createElement("div", {
+          className: _types.TableCssClassName.CONTROLS_INSERT_MARKER
+        }));
+      })));
+    }
+  }]);
+  return RowControls;
+}(_react.Component);
+
+exports.default = RowControls;

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

@@ -0,0 +1,229 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+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 = _interopRequireWildcard(require("react"));
+
+var _utils = require("@atlaskit/editor-common/utils");
+
+var _commands = require("../../commands");
+
+var _utils2 = require("../../utils");
+
+var _CornerControls = _interopRequireDefault(require("./CornerControls"));
+
+var _NumberColumn = _interopRequireDefault(require("./NumberColumn"));
+
+var _RowControls = _interopRequireDefault(require("./RowControls"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+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 TableFloatingControls = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(TableFloatingControls, _Component);
+
+  var _super = _createSuper(TableFloatingControls);
+
+  function TableFloatingControls() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, TableFloatingControls);
+
+    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), "selectRow", function (row, expand) {
+      var editorView = _this.props.editorView;
+      var state = editorView.state,
+          dispatch = editorView.dispatch; // fix for issue ED-4665
+
+      if (_utils.browser.ie_version === 11) {
+        editorView.dom.blur();
+      }
+
+      (0, _commands.selectRow)(row, expand)(state, dispatch);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hoverRows", function (rows, danger) {
+      var _this$props$editorVie = _this.props.editorView,
+          state = _this$props$editorVie.state,
+          dispatch = _this$props$editorVie.dispatch;
+      (0, _commands.hoverRows)(rows, danger)(state, dispatch);
+    });
+    return _this;
+  }
+
+  (0, _createClass2.default)(TableFloatingControls, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.tryInitResizeObserver();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      // tableRef prop is not guaranteed to be defined after componentDidMount, so retry to init resize observer on update
+      this.tryInitResizeObserver();
+    } // tracking the table height changes to update floating controls
+
+  }, {
+    key: "tryInitResizeObserver",
+    value: function tryInitResizeObserver() {
+      var _window,
+          _this2 = this;
+
+      var tableRef = this.props.tableRef;
+
+      var _this$props$getEditor = this.props.getEditorFeatureFlags(),
+          tableRenderOptimization = _this$props$getEditor.tableRenderOptimization;
+
+      if (tableRenderOptimization && tableRef && !this.resizeObserver && (_window = window) !== null && _window !== void 0 && _window.ResizeObserver) {
+        this.resizeObserver = new ResizeObserver(function (entries) {
+          var _iterator = _createForOfIteratorHelper(entries),
+              _step;
+
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              var entry = _step.value;
+              var tableHeight = entry.contentRect.height;
+
+              _this2.setState({
+                tableHeight: tableHeight
+              });
+            }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
+        });
+        this.resizeObserver.observe(tableRef);
+      }
+    }
+  }, {
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps, nextState) {
+      var _this$state;
+
+      var _this$props = this.props,
+          tableRef = _this$props.tableRef,
+          isInDanger = _this$props.isInDanger,
+          isResizing = _this$props.isResizing,
+          isHeaderRowEnabled = _this$props.isHeaderRowEnabled,
+          isNumberColumnEnabled = _this$props.isNumberColumnEnabled,
+          hoveredRows = _this$props.hoveredRows,
+          selection = _this$props.selection,
+          tableActive = _this$props.tableActive,
+          isHeaderColumnEnabled = _this$props.isHeaderColumnEnabled,
+          ordering = _this$props.ordering,
+          headerRowHeight = _this$props.headerRowHeight,
+          stickyHeader = _this$props.stickyHeader;
+
+      var _this$props$getEditor2 = this.props.getEditorFeatureFlags(),
+          tableRenderOptimization = _this$props$getEditor2.tableRenderOptimization;
+
+      var tableHeight = tableRenderOptimization ? (_this$state = this.state) === null || _this$state === void 0 ? void 0 : _this$state.tableHeight : this.props.tableHeight;
+      var nextTableHeight = tableRenderOptimization ? nextState === null || nextState === void 0 ? void 0 : nextState.tableHeight : nextProps.tableHeight;
+      return ordering !== nextProps.ordering || tableRef !== nextProps.tableRef || tableHeight !== nextTableHeight || tableActive !== nextProps.tableActive || isInDanger !== nextProps.isInDanger || isResizing !== nextProps.isResizing || hoveredRows !== nextProps.hoveredRows || isHeaderRowEnabled !== nextProps.isHeaderRowEnabled || isHeaderColumnEnabled !== nextProps.isHeaderColumnEnabled || isNumberColumnEnabled !== nextProps.isNumberColumnEnabled || (0, _utils2.isSelectionUpdated)(selection, nextProps.selection) || headerRowHeight !== nextProps.headerRowHeight || stickyHeader !== nextProps.stickyHeader;
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.resizeObserver) {
+        this.resizeObserver.disconnect();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+          editorView = _this$props2.editorView,
+          tableRef = _this$props2.tableRef,
+          isInDanger = _this$props2.isInDanger,
+          isResizing = _this$props2.isResizing,
+          isNumberColumnEnabled = _this$props2.isNumberColumnEnabled,
+          isHeaderRowEnabled = _this$props2.isHeaderRowEnabled,
+          isHeaderColumnEnabled = _this$props2.isHeaderColumnEnabled,
+          tableActive = _this$props2.tableActive,
+          hasHeaderRow = _this$props2.hasHeaderRow,
+          hoveredRows = _this$props2.hoveredRows,
+          stickyHeader = _this$props2.stickyHeader;
+
+      if (!tableRef) {
+        return null;
+      }
+
+      var stickyTop = stickyHeader && stickyHeader.sticky && hasHeaderRow ? stickyHeader.top : undefined;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        onMouseDown: function onMouseDown(e) {
+          return e.preventDefault();
+        }
+      }, isNumberColumnEnabled ? /*#__PURE__*/_react.default.createElement(_NumberColumn.default, {
+        editorView: editorView,
+        hoverRows: this.hoverRows,
+        tableRef: tableRef,
+        tableActive: tableActive,
+        hoveredRows: hoveredRows,
+        hasHeaderRow: hasHeaderRow,
+        isInDanger: isInDanger,
+        isResizing: isResizing,
+        selectRow: this.selectRow,
+        stickyTop: stickyTop
+      }) : null, tableActive && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CornerControls.default, {
+        editorView: editorView,
+        tableRef: tableRef,
+        isInDanger: isInDanger,
+        isResizing: isResizing,
+        isHeaderRowEnabled: isHeaderRowEnabled,
+        isHeaderColumnEnabled: isHeaderColumnEnabled,
+        hoveredRows: hoveredRows,
+        stickyTop: tableActive ? stickyTop : undefined
+      }), /*#__PURE__*/_react.default.createElement(_RowControls.default, {
+        editorView: editorView,
+        tableRef: tableRef,
+        hoverRows: this.hoverRows,
+        hoveredRows: hoveredRows,
+        isInDanger: isInDanger,
+        isResizing: isResizing,
+        selectRow: this.selectRow,
+        stickyTop: tableActive ? stickyTop : undefined
+      })));
+    }
+  }]);
+  return TableFloatingControls;
+}(_react.Component);
+
+exports.default = TableFloatingControls;
+(0, _defineProperty2.default)(TableFloatingControls, "displayName", 'TableFloatingControls');