@atlaskit/editor-tables 2.5.7 → 2.5.8

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-tables
 
+## 2.5.8
+
+### Patch Changes
+
+- [#80612](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80612) [`b3a6ffbe9e15`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b3a6ffbe9e15) - [ux] Fix Firefox table drag handle shift click selection
+
 ## 2.5.7
 
 ### Patch Changes

package/dist/cjs/cell-selection.js

@@ -22,7 +22,7 @@ var _tables = require("./utils/tables");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; } } // Was copied from https://github.com/ProseMirror/prosemirror-tables/blob/master/src/cellselection.js
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // Was copied from https://github.com/ProseMirror/prosemirror-tables/blob/master/src/cellselection.js
 // This file defines a ProseMirror selection subclass that models
 // table cell selections. The table plugin needs to be active to wire
 // in the user interaction part of table selections (so that you

package/dist/cjs/pm-plugins/input.js

@@ -140,9 +140,10 @@ function handleMouseDown(view, event, dragAndDropEnabled) {
   }
   var startDOMCell = domInCell(view, startEvent.target);
   var $anchor = (0, _cells.cellAround)(view.state.selection.$anchor);
-  var targetElement = event.target instanceof HTMLElement && event.target;
-  var isDragHandleElement = targetElement && targetElement.matches('button.pm-table-drag-handle-button-container');
   if (startEvent.shiftKey && view.state.selection instanceof _cellSelection.CellSelection) {
+    var isDragHandleElement;
+    var targetElement = event.target instanceof HTMLElement || event.target instanceof SVGElement ? event.target : null;
+    isDragHandleElement = !!targetElement && !!targetElement.closest('button.pm-table-drag-handle-button-container');
     // Adding to an existing cell selection
     if (dragAndDropEnabled && isDragHandleElement) {
       return false;

package/dist/cjs/table-map.js

@@ -18,6 +18,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 // document-relative positions. So code that uses them will typically
 // compute the start position of the table and offset positions passed
 // to or gotten from this structure by that amount.
+
 var readFromCache, addToCache;
 // Prefer using a weak map to cache table maps. Fall back on a
 // fixed-size cache if that's not supported.

package/dist/cjs/utils/copy-paste.js

@@ -30,6 +30,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // clipped to the selection's rectangle, optionally repeating the
 // pasted cells when they are smaller than the selection.
 // Utilities to help with copying and pasting table cells
+
 /**
  * Replace any header cells with table cells.
  *

package/dist/cjs/utils/create-table.js

@@ -17,6 +17,7 @@ var createCell = function createCell(cellType, cellContent) {
 // Returns a table node of a given size.
 // `withHeaderRow` defines whether the first row of the table will be a header row.
 // `cellContent` defines the content of each cell.
+
 var createTable = exports.createTable = function createTable(_ref) {
   var schema = _ref.schema,
     _ref$rowsCount = _ref.rowsCount,

package/dist/es2019/pm-plugins/input.js

@@ -139,9 +139,10 @@ export function handleMouseDown(view, event, dragAndDropEnabled) {
   }
   const startDOMCell = domInCell(view, startEvent.target);
   const $anchor = cellAround(view.state.selection.$anchor);
-  const targetElement = event.target instanceof HTMLElement && event.target;
-  const isDragHandleElement = targetElement && targetElement.matches('button.pm-table-drag-handle-button-container');
   if (startEvent.shiftKey && view.state.selection instanceof CellSelection) {
+    let isDragHandleElement;
+    const targetElement = event.target instanceof HTMLElement || event.target instanceof SVGElement ? event.target : null;
+    isDragHandleElement = !!targetElement && !!targetElement.closest('button.pm-table-drag-handle-button-container');
     // Adding to an existing cell selection
     if (dragAndDropEnabled && isDragHandleElement) {
       return false;

package/dist/es2019/pm-plugins/table-editing.js

@@ -18,6 +18,7 @@ import { tableEditingKey } from './plugin-key';
 // rather broadly, and other plugins, like the gap cursor or the
 // column-width dragging plugin, might want to get a turn first to
 // perform more specific behavior.
+
 export function tableEditing({
   allowTableNodeSelection = false,
   dragAndDropEnabled = false,

package/dist/es2019/table-map.js

@@ -9,6 +9,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // document-relative positions. So code that uses them will typically
 // compute the start position of the table and offset positions passed
 // to or gotten from this structure by that amount.
+
 let readFromCache, addToCache;
 // Prefer using a weak map to cache table maps. Fall back on a
 // fixed-size cache if that's not supported.

package/dist/es2019/utils/create-table.js

@@ -11,6 +11,7 @@ const createCell = (cellType, cellContent) => {
 // Returns a table node of a given size.
 // `withHeaderRow` defines whether the first row of the table will be a header row.
 // `cellContent` defines the content of each cell.
+
 export const createTable = ({
   schema,
   rowsCount = 3,

package/dist/es2019/utils/reorder-utils.js

@@ -5,6 +5,7 @@ import { TableMap } from '../table-map';
 //   [A2, B2, null, D1],
 //   [A3. B3, C2, null],
 // ]
+
 // This function transposes an array of array flipping the columns for rows,
 // transposition is a familiar algebra concept;
 // you can get more details here:

package/dist/esm/cell-selection.js

@@ -7,7 +7,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 // Was copied from https://github.com/ProseMirror/prosemirror-tables/blob/master/src/cellselection.js
 
 // This file defines a ProseMirror selection subclass that models

package/dist/esm/pm-plugins/input.js

@@ -132,9 +132,10 @@ export function handleMouseDown(view, event, dragAndDropEnabled) {
   }
   var startDOMCell = domInCell(view, startEvent.target);
   var $anchor = cellAround(view.state.selection.$anchor);
-  var targetElement = event.target instanceof HTMLElement && event.target;
-  var isDragHandleElement = targetElement && targetElement.matches('button.pm-table-drag-handle-button-container');
   if (startEvent.shiftKey && view.state.selection instanceof CellSelection) {
+    var isDragHandleElement;
+    var targetElement = event.target instanceof HTMLElement || event.target instanceof SVGElement ? event.target : null;
+    isDragHandleElement = !!targetElement && !!targetElement.closest('button.pm-table-drag-handle-button-container');
     // Adding to an existing cell selection
     if (dragAndDropEnabled && isDragHandleElement) {
       return false;

package/dist/esm/pm-plugins/table-editing.js

@@ -18,6 +18,7 @@ import { tableEditingKey } from './plugin-key';
 // rather broadly, and other plugins, like the gap cursor or the
 // column-width dragging plugin, might want to get a turn first to
 // perform more specific behavior.
+
 export function tableEditing() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref$allowTableNodeSe = _ref.allowTableNodeSelection,

package/dist/esm/table-map.js

@@ -11,6 +11,7 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 // document-relative positions. So code that uses them will typically
 // compute the start position of the table and offset positions passed
 // to or gotten from this structure by that amount.
+
 var readFromCache, addToCache;
 // Prefer using a weak map to cache table maps. Fall back on a
 // fixed-size cache if that's not supported.

package/dist/esm/utils/create-table.js

@@ -11,6 +11,7 @@ var createCell = function createCell(cellType, cellContent) {
 // Returns a table node of a given size.
 // `withHeaderRow` defines whether the first row of the table will be a header row.
 // `cellContent` defines the content of each cell.
+
 export var createTable = function createTable(_ref) {
   var schema = _ref.schema,
     _ref$rowsCount = _ref.rowsCount,

package/dist/esm/utils/reorder-utils.js

@@ -5,6 +5,7 @@ import { TableMap } from '../table-map';
 //   [A2, B2, null, D1],
 //   [A3. B3, C2, null],
 // ]
+
 // This function transposes an array of array flipping the columns for rows,
 // transposition is a familiar algebra concept;
 // you can get more details here:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-tables",
-  "version": "2.5.7",
+  "version": "2.5.8",
   "description": "A package that contains common classes and utility functions for editor tables",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"