@atlaskit/editor-plugin-table 2.10.8 → 2.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (144) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/README.md +30 -0
  3. package/dist/cjs/plugins/table/commands/misc.js +60 -7
  4. package/dist/cjs/plugins/table/commands/toggle.js +2 -2
  5. package/dist/cjs/plugins/table/commands-with-analytics.js +2 -2
  6. package/dist/cjs/plugins/table/create-plugin-config.js +2 -2
  7. package/dist/cjs/plugins/table/event-handlers.js +3 -6
  8. package/dist/cjs/plugins/table/handlers.js +2 -2
  9. package/dist/cjs/plugins/table/index.js +7 -2
  10. package/dist/cjs/plugins/table/nodeviews/TableComponent.js +2 -2
  11. package/dist/cjs/plugins/table/nodeviews/TableResizer.js +15 -21
  12. package/dist/cjs/plugins/table/pm-plugins/decorations/utils/column-resizing.js +18 -5
  13. package/dist/cjs/plugins/table/pm-plugins/decorations/utils/index.js +6 -0
  14. package/dist/cjs/plugins/table/pm-plugins/main.js +9 -5
  15. package/dist/cjs/plugins/table/pm-plugins/plugin-factory.js +2 -2
  16. package/dist/cjs/plugins/table/pm-plugins/sticky-headers/plugin-state.js +2 -2
  17. package/dist/cjs/plugins/table/pm-plugins/table-local-id.js +13 -13
  18. package/dist/cjs/plugins/table/pm-plugins/table-resizing/event-handlers.js +5 -0
  19. package/dist/cjs/plugins/table/pm-plugins/table-resizing/plugin-factory.js +2 -2
  20. package/dist/cjs/plugins/table/pm-plugins/table-resizing/reducer.js +2 -2
  21. package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/resize-logic.js +2 -2
  22. package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/resize-state.js +2 -2
  23. package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/scale-table.js +4 -2
  24. package/dist/cjs/plugins/table/pm-plugins/table-width.js +2 -2
  25. package/dist/cjs/plugins/table/reducer.js +28 -4
  26. package/dist/cjs/plugins/table/transforms/column-width.js +2 -2
  27. package/dist/cjs/plugins/table/transforms/delete-columns.js +2 -2
  28. package/dist/cjs/plugins/table/transforms/delete-rows.js +2 -2
  29. package/dist/cjs/plugins/table/transforms/fix-tables.js +2 -2
  30. package/dist/cjs/plugins/table/transforms/merge.js +2 -2
  31. package/dist/cjs/plugins/table/transforms/split.js +2 -2
  32. package/dist/cjs/plugins/table/types.js +3 -2
  33. package/dist/cjs/plugins/table/ui/ColumnResizeWidget/index.js +44 -0
  34. package/dist/cjs/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js +2 -2
  35. package/dist/cjs/plugins/table/ui/FloatingDeleteButton/getPopUpOptions.js +2 -2
  36. package/dist/cjs/plugins/table/ui/FloatingDeleteButton/index.js +2 -2
  37. package/dist/cjs/plugins/table/ui/FloatingInsertButton/getPopupOptions.js +2 -2
  38. package/dist/cjs/plugins/table/ui/LayoutButton/index.js +2 -2
  39. package/dist/cjs/plugins/table/ui/messages.js +5 -0
  40. package/dist/cjs/plugins/table/utils/decoration.js +17 -4
  41. package/dist/cjs/plugins/table/utils/row-controls.js +2 -2
  42. package/dist/es2019/plugins/table/commands/misc.js +49 -5
  43. package/dist/es2019/plugins/table/event-handlers.js +3 -6
  44. package/dist/es2019/plugins/table/index.js +7 -2
  45. package/dist/es2019/plugins/table/nodeviews/TableResizer.js +14 -17
  46. package/dist/es2019/plugins/table/pm-plugins/decorations/utils/column-resizing.js +12 -2
  47. package/dist/es2019/plugins/table/pm-plugins/decorations/utils/index.js +1 -1
  48. package/dist/es2019/plugins/table/pm-plugins/main.js +6 -3
  49. package/dist/es2019/plugins/table/pm-plugins/table-resizing/event-handlers.js +5 -0
  50. package/dist/es2019/plugins/table/pm-plugins/table-resizing/utils/scale-table.js +2 -0
  51. package/dist/es2019/plugins/table/reducer.js +29 -2
  52. package/dist/es2019/plugins/table/types.js +1 -0
  53. package/dist/es2019/plugins/table/ui/ColumnResizeWidget/index.js +35 -0
  54. package/dist/es2019/plugins/table/ui/messages.js +5 -0
  55. package/dist/es2019/plugins/table/utils/decoration.js +16 -5
  56. package/dist/esm/plugins/table/commands/misc.js +58 -7
  57. package/dist/esm/plugins/table/commands/toggle.js +2 -2
  58. package/dist/esm/plugins/table/commands-with-analytics.js +2 -2
  59. package/dist/esm/plugins/table/create-plugin-config.js +2 -2
  60. package/dist/esm/plugins/table/event-handlers.js +3 -6
  61. package/dist/esm/plugins/table/handlers.js +2 -2
  62. package/dist/esm/plugins/table/index.js +7 -2
  63. package/dist/esm/plugins/table/nodeviews/TableComponent.js +2 -2
  64. package/dist/esm/plugins/table/nodeviews/TableResizer.js +15 -21
  65. package/dist/esm/plugins/table/pm-plugins/decorations/utils/column-resizing.js +15 -3
  66. package/dist/esm/plugins/table/pm-plugins/decorations/utils/index.js +1 -1
  67. package/dist/esm/plugins/table/pm-plugins/main.js +10 -6
  68. package/dist/esm/plugins/table/pm-plugins/plugin-factory.js +2 -2
  69. package/dist/esm/plugins/table/pm-plugins/sticky-headers/plugin-state.js +2 -2
  70. package/dist/esm/plugins/table/pm-plugins/table-local-id.js +2 -2
  71. package/dist/esm/plugins/table/pm-plugins/table-resizing/event-handlers.js +5 -0
  72. package/dist/esm/plugins/table/pm-plugins/table-resizing/plugin-factory.js +2 -2
  73. package/dist/esm/plugins/table/pm-plugins/table-resizing/reducer.js +2 -2
  74. package/dist/esm/plugins/table/pm-plugins/table-resizing/utils/resize-logic.js +2 -2
  75. package/dist/esm/plugins/table/pm-plugins/table-resizing/utils/resize-state.js +2 -2
  76. package/dist/esm/plugins/table/pm-plugins/table-resizing/utils/scale-table.js +4 -2
  77. package/dist/esm/plugins/table/pm-plugins/table-width.js +2 -2
  78. package/dist/esm/plugins/table/reducer.js +28 -4
  79. package/dist/esm/plugins/table/transforms/column-width.js +2 -2
  80. package/dist/esm/plugins/table/transforms/delete-columns.js +2 -2
  81. package/dist/esm/plugins/table/transforms/delete-rows.js +2 -2
  82. package/dist/esm/plugins/table/transforms/fix-tables.js +2 -2
  83. package/dist/esm/plugins/table/transforms/merge.js +2 -2
  84. package/dist/esm/plugins/table/transforms/split.js +2 -2
  85. package/dist/esm/plugins/table/types.js +3 -2
  86. package/dist/esm/plugins/table/ui/ColumnResizeWidget/index.js +35 -0
  87. package/dist/esm/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js +2 -2
  88. package/dist/esm/plugins/table/ui/FloatingDeleteButton/getPopUpOptions.js +2 -2
  89. package/dist/esm/plugins/table/ui/FloatingDeleteButton/index.js +2 -2
  90. package/dist/esm/plugins/table/ui/FloatingInsertButton/getPopupOptions.js +2 -2
  91. package/dist/esm/plugins/table/ui/LayoutButton/index.js +2 -2
  92. package/dist/esm/plugins/table/ui/messages.js +5 -0
  93. package/dist/esm/plugins/table/utils/decoration.js +17 -4
  94. package/dist/esm/plugins/table/utils/row-controls.js +2 -2
  95. package/dist/types/plugins/table/commands/misc.d.ts +8 -6
  96. package/dist/types/plugins/table/event-handlers.d.ts +3 -3
  97. package/dist/types/plugins/table/index.d.ts +4 -0
  98. package/dist/types/plugins/table/pm-plugins/decorations/utils/column-resizing.d.ts +4 -2
  99. package/dist/types/plugins/table/pm-plugins/decorations/utils/index.d.ts +1 -1
  100. package/dist/types/plugins/table/pm-plugins/main.d.ts +2 -1
  101. package/dist/types/plugins/table/pm-plugins/table-resizing/plugin.d.ts +2 -2
  102. package/dist/types/plugins/table/pm-plugins/table-resizing/utils/scale-table.d.ts +3 -3
  103. package/dist/types/plugins/table/reducer.d.ts +1 -1
  104. package/dist/types/plugins/table/types.d.ts +18 -0
  105. package/dist/types/plugins/table/ui/ColumnResizeWidget/index.d.ts +9 -0
  106. package/dist/types/plugins/table/ui/messages.d.ts +5 -0
  107. package/dist/types/plugins/table/utils/decoration.d.ts +2 -1
  108. package/dist/types-ts4.5/plugins/table/commands/misc.d.ts +8 -6
  109. package/dist/types-ts4.5/plugins/table/event-handlers.d.ts +3 -3
  110. package/dist/types-ts4.5/plugins/table/index.d.ts +4 -0
  111. package/dist/types-ts4.5/plugins/table/pm-plugins/decorations/utils/column-resizing.d.ts +4 -2
  112. package/dist/types-ts4.5/plugins/table/pm-plugins/decorations/utils/index.d.ts +1 -1
  113. package/dist/types-ts4.5/plugins/table/pm-plugins/main.d.ts +2 -1
  114. package/dist/types-ts4.5/plugins/table/pm-plugins/table-resizing/plugin.d.ts +2 -2
  115. package/dist/types-ts4.5/plugins/table/pm-plugins/table-resizing/utils/scale-table.d.ts +3 -3
  116. package/dist/types-ts4.5/plugins/table/reducer.d.ts +1 -1
  117. package/dist/types-ts4.5/plugins/table/types.d.ts +18 -0
  118. package/dist/types-ts4.5/plugins/table/ui/ColumnResizeWidget/index.d.ts +9 -0
  119. package/dist/types-ts4.5/plugins/table/ui/messages.d.ts +5 -0
  120. package/dist/types-ts4.5/plugins/table/utils/decoration.d.ts +2 -1
  121. package/docs/0-intro.tsx +53 -0
  122. package/package.json +11 -11
  123. package/report.api.md +1 -1
  124. package/src/__tests__/unit/event-handlers.ts +1 -1
  125. package/src/__tests__/unit/nodeviews/TableContainer.tsx +17 -8
  126. package/src/__tests__/unit/pm-plugins/decorations/column-resizing.ts +2 -0
  127. package/src/plugins/table/commands/misc.ts +84 -7
  128. package/src/plugins/table/event-handlers.ts +11 -16
  129. package/src/plugins/table/index.tsx +6 -0
  130. package/src/plugins/table/nodeviews/TableResizer.tsx +12 -20
  131. package/src/plugins/table/pm-plugins/decorations/utils/column-resizing.ts +34 -7
  132. package/src/plugins/table/pm-plugins/decorations/utils/index.ts +4 -1
  133. package/src/plugins/table/pm-plugins/main.ts +7 -1
  134. package/src/plugins/table/pm-plugins/table-resizing/event-handlers.ts +5 -0
  135. package/src/plugins/table/pm-plugins/table-resizing/plugin.ts +3 -5
  136. package/src/plugins/table/pm-plugins/table-resizing/utils/scale-table.ts +5 -3
  137. package/src/plugins/table/reducer.ts +51 -3
  138. package/src/plugins/table/types.ts +19 -0
  139. package/src/plugins/table/ui/ColumnResizeWidget/index.tsx +53 -0
  140. package/src/plugins/table/ui/messages.ts +5 -0
  141. package/src/plugins/table/utils/decoration.ts +27 -5
  142. package/tmp/api-report-tmp.d.ts +1 -1
  143. package/tsconfig.app.json +82 -0
  144. package/tsconfig.dev.json +112 -0
@@ -9,8 +9,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
9
9
  var _utils = require("@atlaskit/editor-common/utils");
10
10
  var _pluginKey = require("./plugin-key");
11
11
  var _reducer = _interopRequireDefault(require("./reducer"));
12
- 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; }
13
- 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; } // @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck
12
+ 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; }
13
+ 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; } // @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck
14
14
  function mapping(tr, pluginState) {
15
15
  if (pluginState && pluginState.resizeHandlePos !== null) {
16
16
  return _objectSpread(_objectSpread({}, pluginState), {}, {
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = void 0;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- 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; }
10
- 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; }
9
+ 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; }
10
+ 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; }
11
11
  var _default = function _default(pluginState, action) {
12
12
  switch (action.type) {
13
13
  case 'STOP_RESIZING':
@@ -12,8 +12,8 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
12
12
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
13
  var _columnState = require("./column-state");
14
14
  var _resizeState = require("./resize-state");
15
- 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; }
16
- 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; }
15
+ 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; }
16
+ 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; }
17
17
  var growColumn = function growColumn(state, colIndex, amount, selectedColumns) {
18
18
  // can't grow if columns don't exist or it's the last column
19
19
  if (!state.cols[colIndex] || !state.cols[colIndex + 1]) {
@@ -14,8 +14,8 @@ var _colgroup = require("./colgroup");
14
14
  var _columnState = require("./column-state");
15
15
  var _dom = require("./dom");
16
16
  var _misc = require("./misc");
17
- 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; }
18
- 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; }
17
+ 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; }
18
+ 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; }
19
19
  var getResizeState = function getResizeState(_ref) {
20
20
  var minWidth = _ref.minWidth,
21
21
  maxSize = _ref.maxSize,
@@ -17,8 +17,9 @@ var _misc = require("../utils/misc");
17
17
  var _resizeLogic = require("../utils/resize-logic");
18
18
  var _resizeState = require("../utils/resize-state");
19
19
  var _colgroup = require("./colgroup");
20
- 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; }
21
- 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; }
20
+ var _dom = require("./dom");
21
+ 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; }
22
+ 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; }
22
23
  // Base function to trigger the actual scale on a table node.
23
24
  // Will only resize/scale if a table has been previously resized.
24
25
  var scale = function scale(tableRef, options, domAtPos) {
@@ -123,6 +124,7 @@ var previewScaleTable = function previewScaleTable(tableRef, options, domAtPos)
123
124
  tableRef.style.width = "".concat(width, "px");
124
125
  }
125
126
  if (!(0, _colgroup.hasTableBeenResized)(node)) {
127
+ (0, _dom.syncStickyRowToTable)(tableRef);
126
128
  return;
127
129
  }
128
130
  var resizeState = parentWidth ? scaleWithParent(tableRef, parentWidth, node, start, domAtPos) : scale(tableRef, options, domAtPos);
@@ -18,8 +18,8 @@ var _excluded = ["width"];
18
18
  * Has login to scan the document, add width value to table's width attribute when necessary
19
19
  * Also holds resizing state to hide / show table controls
20
20
  */
21
- 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; }
22
- 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; }
21
+ 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; }
22
+ 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; }
23
23
  var pluginKey = new _state.PluginKey('tableWidthPlugin');
24
24
  exports.pluginKey = pluginKey;
25
25
  var createPlugin = function createPlugin(dispatch, fullWidthEnabled) {
@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _defaultTableSelection = require("./pm-plugins/default-table-selection");
10
- 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; }
11
- 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; }
10
+ 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; }
11
+ 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; }
12
12
  var _default = function _default(pluginState, action) {
13
13
  switch (action.type) {
14
14
  case 'TOGGLE_HEADER_COLUMN':
@@ -65,10 +65,34 @@ var _default = function _default(pluginState, action) {
65
65
  resizeHandleRowIndex: undefined
66
66
  });
67
67
  case 'ADD_RESIZE_HANDLE_DECORATIONS':
68
- if (action.data.resizeHandleColumnIndex === pluginState.resizeHandleColumnIndex && action.data.resizeHandleRowIndex === pluginState.resizeHandleRowIndex) {
68
+ if (action.data.resizeHandleColumnIndex === pluginState.resizeHandleColumnIndex && action.data.resizeHandleRowIndex === pluginState.resizeHandleRowIndex && action.data.resizeHandleIncludeTooltip === pluginState.resizeHandleIncludeTooltip) {
69
69
  return pluginState;
70
70
  }
71
- return _objectSpread(_objectSpread({}, pluginState), action.data);
71
+ return _objectSpread(_objectSpread(_objectSpread({}, pluginState), action.data), {}, {
72
+ isResizeHandleWidgetAdded: true
73
+ });
74
+ case 'UPDATE_RESIZE_HANDLE_DECORATIONS':
75
+ var _action$data = action.data,
76
+ resizeHandleColumnIndex = _action$data.resizeHandleColumnIndex,
77
+ resizeHandleRowIndex = _action$data.resizeHandleRowIndex,
78
+ resizeHandleIncludeTooltip = _action$data.resizeHandleIncludeTooltip;
79
+ if ((resizeHandleColumnIndex === pluginState.resizeHandleColumnIndex || !Number.isFinite(resizeHandleColumnIndex)) && (resizeHandleRowIndex === pluginState.resizeHandleRowIndex || !Number.isFinite(resizeHandleRowIndex)) && (resizeHandleIncludeTooltip === pluginState.resizeHandleIncludeTooltip || resizeHandleIncludeTooltip === undefined)) {
80
+ return pluginState;
81
+ }
82
+ return _objectSpread(_objectSpread({}, pluginState), {}, {
83
+ resizeHandleColumnIndex: resizeHandleColumnIndex !== null && resizeHandleColumnIndex !== void 0 ? resizeHandleColumnIndex : pluginState.resizeHandleColumnIndex,
84
+ resizeHandleRowIndex: resizeHandleRowIndex !== null && resizeHandleRowIndex !== void 0 ? resizeHandleRowIndex : pluginState.resizeHandleRowIndex,
85
+ resizeHandleIncludeTooltip: resizeHandleIncludeTooltip !== null && resizeHandleIncludeTooltip !== void 0 ? resizeHandleIncludeTooltip : pluginState.resizeHandleIncludeTooltip
86
+ });
87
+ case 'REMOVE_RESIZE_HANDLE_DECORATIONS':
88
+ if (!pluginState.isResizeHandleWidgetAdded) {
89
+ return pluginState;
90
+ }
91
+ return _objectSpread(_objectSpread(_objectSpread({}, pluginState), action.data), {}, {
92
+ resizeHandleColumnIndex: undefined,
93
+ resizeHandleRowIndex: undefined,
94
+ isResizeHandleWidgetAdded: false
95
+ });
72
96
  case 'SET_TABLE_REF':
73
97
  case 'HOVER_ROWS':
74
98
  case 'HOVER_COLUMNS':
@@ -17,8 +17,8 @@ var _misc = require("../pm-plugins/table-resizing/utils/misc");
17
17
  var _resizeState = require("../pm-plugins/table-resizing/utils/resize-state");
18
18
  var _scaleTable = require("../pm-plugins/table-resizing/utils/scale-table");
19
19
  var _commonStyles = require("../ui/common-styles");
20
- 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; }
21
- 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; }
20
+ 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; }
21
+ 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; }
22
22
  var updateColumnWidths = function updateColumnWidths(resizeState, table, start) {
23
23
  return function (tr) {
24
24
  var map = _tableMap.TableMap.get(table);
@@ -12,8 +12,8 @@ var _state = require("@atlaskit/editor-prosemirror/state");
12
12
  var _tableMap = require("@atlaskit/editor-tables/table-map");
13
13
  var _utils = require("@atlaskit/editor-tables/utils");
14
14
  var _split = require("./split");
15
- 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; }
16
- 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; }
15
+ 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; }
16
+ 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; }
17
17
  var deleteColumnsCustomStep = function deleteColumnsCustomStep(rect) {
18
18
  return function (tr) {
19
19
  var table = (0, _utils.findTable)(tr.selection);
@@ -11,8 +11,8 @@ var _state = require("@atlaskit/editor-prosemirror/state");
11
11
  var _tableMap = require("@atlaskit/editor-tables/table-map");
12
12
  var _utils = require("@atlaskit/editor-tables/utils");
13
13
  var _merge = require("./merge");
14
- 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; }
15
- 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; }
14
+ 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; }
15
+ 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; }
16
16
  var deleteRows = function deleteRows(rect) {
17
17
  var isHeaderRowRequired = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
18
18
  return function (tr) {
@@ -9,8 +9,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
9
9
  var _styles = require("@atlaskit/editor-common/styles");
10
10
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
11
11
  var _utils = require("../pm-plugins/table-resizing/utils");
12
- 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; }
13
- 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; }
12
+ 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; }
13
+ 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; }
14
14
  var validateTableCellNodeAttrs = function validateTableCellNodeAttrs(_ref, reportInvalidTableCellSpanAttrs) {
15
15
  var colspan = _ref.colspan,
16
16
  rowspan = _ref.rowspan,
@@ -13,8 +13,8 @@ var _state = require("@atlaskit/editor-prosemirror/state");
13
13
  var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
14
14
  var _tableMap = require("@atlaskit/editor-tables/table-map");
15
15
  var _utils = require("@atlaskit/editor-tables/utils");
16
- 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; }
17
- 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; }
16
+ 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; }
17
+ 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; }
18
18
  // re-creates table node with merged cells
19
19
  function mergeCells(tr) {
20
20
  var selection = tr.selection;
@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.splitCellsInColumns = splitCellsInColumns;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _tableMap = require("@atlaskit/editor-tables/table-map");
10
- 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; }
11
- 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; }
10
+ 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; }
11
+ 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; }
12
12
  /**
13
13
  * Helper to split all the cells in a range of columns
14
14
  * @param tr
@@ -8,8 +8,8 @@ exports.TableDecorations = exports.TableCssClassName = exports.ShadowEvent = exp
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _adfSchema = require("@atlaskit/adf-schema");
10
10
  var _styles = require("@atlaskit/editor-common/styles");
11
- 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; }
12
- 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; }
11
+ 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; }
12
+ 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; }
13
13
  var RESIZE_HANDLE_AREA_DECORATION_GAP = 30;
14
14
 
15
15
  /*
@@ -46,6 +46,7 @@ var TableDecorations = /*#__PURE__*/function (TableDecorations) {
46
46
  TableDecorations["COLUMN_CONTROLS_DECORATIONS"] = "COLUMN_CONTROLS_DECORATIONS";
47
47
  TableDecorations["COLUMN_SELECTED"] = "COLUMN_SELECTED";
48
48
  TableDecorations["COLUMN_RESIZING_HANDLE"] = "COLUMN_RESIZING_HANDLE";
49
+ TableDecorations["COLUMN_RESIZING_HANDLE_WIDGET"] = "COLUMN_RESIZING_HANDLE_WIDGET";
49
50
  TableDecorations["COLUMN_RESIZING_HANDLE_LINE"] = "COLUMN_RESIZING_HANDLE_LINE";
50
51
  TableDecorations["LAST_CELL_ELEMENT"] = "LAST_CELL_ELEMENT";
51
52
  return TableDecorations;
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.ColumnResizeWidget = void 0;
8
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
+ var _react = _interopRequireDefault(require("react"));
10
+ var _react2 = require("@emotion/react");
11
+ var _reactIntlNext = require("react-intl-next");
12
+ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
13
+ var _types = require("../../types");
14
+ var _messages = _interopRequireDefault(require("../messages"));
15
+ /** @jsx jsx */
16
+
17
+ var ColumnResizeWidget = function ColumnResizeWidget(_ref) {
18
+ var startIndex = _ref.startIndex,
19
+ endIndex = _ref.endIndex,
20
+ includeTooltip = _ref.includeTooltip;
21
+ var _useIntl = (0, _reactIntlNext.useIntl)(),
22
+ formatMessage = _useIntl.formatMessage;
23
+ if (!includeTooltip) {
24
+ return (0, _react2.jsx)("div", {
25
+ className: _types.TableCssClassName.RESIZE_HANDLE_DECORATION,
26
+ "data-start-index": startIndex,
27
+ "data-end-index": endIndex
28
+ });
29
+ }
30
+ return (0, _react2.jsx)(_tooltip.default, {
31
+ content: formatMessage(_messages.default.adjustColumns),
32
+ hideTooltipOnClick: true,
33
+ hideTooltipOnMouseDown: true,
34
+ position: "mouse",
35
+ mousePosition: "auto-start"
36
+ }, function (tooltipProps) {
37
+ return (0, _react2.jsx)("div", (0, _extends2.default)({
38
+ className: _types.TableCssClassName.RESIZE_HANDLE_DECORATION,
39
+ "data-start-index": startIndex,
40
+ "data-end-index": endIndex
41
+ }, tooltipProps));
42
+ });
43
+ };
44
+ exports.ColumnResizeWidget = ColumnResizeWidget;
@@ -35,8 +35,8 @@ var _utils3 = require("../../utils");
35
35
  var _consts = require("../consts");
36
36
  var _messages = _interopRequireDefault(require("../messages"));
37
37
  var _styles2 = require("./styles");
38
- 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; }
39
- 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; }
38
+ 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; }
39
+ 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; }
40
40
  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); }; }
41
41
  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; } } /** @jsx jsx */
42
42
  var messages = (0, _reactIntlNext.defineMessages)({
@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = getPopupOptions;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _consts = require("../consts");
10
- 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; }
11
- 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; }
10
+ 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; }
11
+ 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; }
12
12
  var DELETE_BUTTON_CONTROLS_OFFSET = _consts.tableToolbarSize + _consts.tableDeleteButtonSize + _consts.tableDeleteButtonOffset;
13
13
  function getColumnOptions(left, tableWrapper) {
14
14
  return {
@@ -34,8 +34,8 @@ var _DeleteButton = _interopRequireDefault(require("./DeleteButton"));
34
34
  var _getPopUpOptions = _interopRequireDefault(require("./getPopUpOptions"));
35
35
  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); }
36
36
  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; }
37
- 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; }
38
- 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; }
37
+ 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; }
38
+ 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; }
39
39
  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); }; }
40
40
  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; } }
41
41
  function getSelectionType(selection) {
@@ -8,8 +8,8 @@ exports.default = void 0;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
10
10
  var _consts = require("../consts");
11
- 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; }
12
- 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; }
11
+ 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; }
12
+ 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; }
13
13
  var HORIZONTAL_ALIGN_COLUMN_BUTTON = -(_consts.tableInsertColumnButtonSize / 2);
14
14
  var HORIZONTAL_ALIGN_NUMBERED_COLUMN_BUTTON = HORIZONTAL_ALIGN_COLUMN_BUTTON + _editorSharedStyles.akEditorTableNumberColumnWidth;
15
15
  var VERTICAL_ALIGN_COLUMN_BUTTON = _consts.tableToolbarSize + _consts.tableInsertColumnButtonOffset;
@@ -28,8 +28,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
28
28
  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; }
29
29
  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); }; }
30
30
  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; } }
31
- 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; }
32
- 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; }
31
+ 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; }
32
+ 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; }
33
33
  var addPopupOffset = function addPopupOffset(pos) {
34
34
  return _objectSpread(_objectSpread({}, pos), {}, {
35
35
  // add 12 pixels to align y position with
@@ -60,6 +60,11 @@ var _default = (0, _reactIntlNext.defineMessages)({
60
60
  id: 'fabric.editor.extension.sourceNoTitledName',
61
61
  defaultMessage: 'this element',
62
62
  description: 'The current element without preset name been selected'
63
+ },
64
+ adjustColumns: {
65
+ id: 'fabric.editor.tables.adjustColumn',
66
+ defaultMessage: 'Adjust column',
67
+ description: 'Tooltip displayed on table column resize handle'
63
68
  }
64
69
  });
65
70
  exports.default = _default;
@@ -6,11 +6,15 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.updateDecorations = exports.findControlsHoverDecoration = exports.findColumnControlSelectedDecoration = exports.createResizeHandleDecoration = exports.createControlsHoverDecoration = exports.createColumnSelectedDecoration = exports.createColumnLineResize = exports.createColumnControlsDecoration = exports.createCellHoverDecoration = void 0;
8
8
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
+ var _react = require("react");
10
+ var _reactDom = _interopRequireDefault(require("react-dom"));
11
+ var _reactIntlNext = require("react-intl-next");
9
12
  var _utils = require("@atlaskit/editor-common/utils");
10
13
  var _view = require("@atlaskit/editor-prosemirror/view");
11
14
  var _tableMap = require("@atlaskit/editor-tables/table-map");
12
15
  var _utils2 = require("@atlaskit/editor-tables/utils");
13
16
  var _types = require("../types");
17
+ var _ColumnResizeWidget = require("../ui/ColumnResizeWidget");
14
18
  // @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck
15
19
 
16
20
  var filterDecorationByKey = function filterDecorationByKey(key, decorationSet) {
@@ -270,6 +274,8 @@ var makeArray = function makeArray(n) {
270
274
  * hence the second media will receive this class `ClassName.LAST_ITEM_IN_CELL`
271
275
  */
272
276
  var createResizeHandleDecoration = function createResizeHandleDecoration(tr, rowIndexTarget, columnEndIndexTarget) {
277
+ var includeTooltip = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
278
+ var getIntl = arguments.length > 4 ? arguments[4] : undefined;
273
279
  var emptyResult = [[], []];
274
280
  var table = (0, _utils2.findTable)(tr.selection);
275
281
  if (!table || !table.node) {
@@ -283,12 +289,19 @@ var createResizeHandleDecoration = function createResizeHandleDecoration(tr, row
283
289
  var position = cellPos + cellNode.nodeSize - 1;
284
290
  return _view.Decoration.widget(position, function () {
285
291
  var element = document.createElement('div');
286
- element.classList.add(_types.TableCssClassName.RESIZE_HANDLE_DECORATION);
287
- element.dataset.startIndex = "".concat(cellColumnPositioning.left);
288
- element.dataset.endIndex = "".concat(cellColumnPositioning.right);
292
+ _reactDom.default.render( /*#__PURE__*/(0, _react.createElement)(_reactIntlNext.RawIntlProvider, {
293
+ value: getIntl()
294
+ }, /*#__PURE__*/(0, _react.createElement)(_ColumnResizeWidget.ColumnResizeWidget, {
295
+ startIndex: cellColumnPositioning.left,
296
+ endIndex: cellColumnPositioning.right,
297
+ includeTooltip: includeTooltip
298
+ })), element);
289
299
  return element;
290
300
  }, {
291
- key: "".concat(_types.TableDecorations.COLUMN_RESIZING_HANDLE, "_").concat(rowIndex, "_").concat(columnIndex)
301
+ key: "".concat(_types.TableDecorations.COLUMN_RESIZING_HANDLE_WIDGET, "_").concat(rowIndex, "_").concat(columnIndex, "_").concat(includeTooltip ? 'with' : 'no', "-tooltip"),
302
+ destroy: function destroy(node) {
303
+ _reactDom.default.unmountComponentAtNode(node);
304
+ }
292
305
  });
293
306
  };
294
307
  var createLastCellElementDecoration = function createLastCellElementDecoration(cellColumnPositioning, cellPos, cellNode) {
@@ -13,8 +13,8 @@ var _tableMap = require("@atlaskit/editor-tables/table-map");
13
13
  var _utils3 = require("@atlaskit/editor-tables/utils");
14
14
  var _types = require("../types");
15
15
  var _consts = require("../ui/consts");
16
- 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; }
17
- 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; }
16
+ 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; }
17
+ 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; }
18
18
  var getRowHeights = function getRowHeights(tableRef) {
19
19
  var heights = [];
20
20
  var tableBody = tableRef.querySelector('tbody');
@@ -6,7 +6,7 @@ import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
6
6
  import { TableMap } from '@atlaskit/editor-tables/table-map';
7
7
  import { findCellClosestToPos, findTable, getCellsInColumn, getCellsInRow, getSelectionRect, isSelectionType, isTableSelected, removeTable, selectColumn as selectColumnTransform, selectionCell, selectRow as selectRowTransform, setCellAttrs } from '@atlaskit/editor-tables/utils';
8
8
  import { getDecorations } from '../pm-plugins/decorations/plugin';
9
- import { buildColumnResizingDecorations } from '../pm-plugins/decorations/utils';
9
+ import { buildColumnResizingDecorations, clearColumnResizingDecorations } from '../pm-plugins/decorations/utils';
10
10
  import { createCommand, getPluginState } from '../pm-plugins/plugin-factory';
11
11
  import { fixAutoSizedTable } from '../transforms';
12
12
  import { TableCssClassName as ClassName, TableDecorations } from '../types';
@@ -321,12 +321,13 @@ export const showInsertRowButton = rowIndex => createCommand(_ => rowIndex > -1
321
321
  export const hideInsertColumnOrRowButton = () => createCommand({
322
322
  type: 'HIDE_INSERT_COLUMN_OR_ROW_BUTTON'
323
323
  }, tr => tr.setMeta('addToHistory', false));
324
- export const addResizeHandleDecorations = (rowIndex, columnIndex) => createCommand(state => {
324
+ export const addResizeHandleDecorations = (rowIndex, columnIndex, includeTooltip) => createCommand(state => {
325
325
  const tableNode = findTable(state.selection);
326
326
  const {
327
327
  pluginConfig: {
328
328
  allowColumnResizing
329
- }
329
+ },
330
+ getIntl
330
331
  } = getPluginState(state);
331
332
  if (!tableNode || !allowColumnResizing) {
332
333
  return false;
@@ -334,15 +335,58 @@ export const addResizeHandleDecorations = (rowIndex, columnIndex) => createComma
334
335
  return {
335
336
  type: 'ADD_RESIZE_HANDLE_DECORATIONS',
336
337
  data: {
337
- decorationSet: buildColumnResizingDecorations(rowIndex, columnIndex)({
338
+ decorationSet: buildColumnResizingDecorations(rowIndex, columnIndex, includeTooltip, getIntl)({
339
+ tr: state.tr,
340
+ decorationSet: getDecorations(state)
341
+ }),
342
+ resizeHandleRowIndex: rowIndex,
343
+ resizeHandleColumnIndex: columnIndex,
344
+ resizeHandleIncludeTooltip: includeTooltip
345
+ }
346
+ };
347
+ }, tr => tr.setMeta('addToHistory', false));
348
+ export const updateResizeHandleDecorations = (rowIndex, columnIndex, includeTooltip) => createCommand(state => {
349
+ const tableNode = findTable(state.selection);
350
+ const {
351
+ resizeHandleRowIndex,
352
+ resizeHandleColumnIndex,
353
+ resizeHandleIncludeTooltip,
354
+ pluginConfig: {
355
+ allowColumnResizing
356
+ },
357
+ getIntl
358
+ } = getPluginState(state);
359
+ if (!tableNode || !allowColumnResizing) {
360
+ return false;
361
+ }
362
+ const resolvedRowIndex = rowIndex !== null && rowIndex !== void 0 ? rowIndex : resizeHandleRowIndex;
363
+ const resolvedColumnIndex = columnIndex !== null && columnIndex !== void 0 ? columnIndex : resizeHandleColumnIndex;
364
+ const resolvedIncludeTooltip = includeTooltip !== null && includeTooltip !== void 0 ? includeTooltip : resizeHandleIncludeTooltip;
365
+ if (resolvedRowIndex === undefined || resolvedColumnIndex === undefined || resolvedIncludeTooltip === undefined) {
366
+ return false;
367
+ }
368
+ return {
369
+ type: 'UPDATE_RESIZE_HANDLE_DECORATIONS',
370
+ data: {
371
+ decorationSet: buildColumnResizingDecorations(resolvedRowIndex, resolvedColumnIndex, resolvedIncludeTooltip, getIntl)({
338
372
  tr: state.tr,
339
373
  decorationSet: getDecorations(state)
340
374
  }),
341
375
  resizeHandleRowIndex: rowIndex,
342
- resizeHandleColumnIndex: columnIndex
376
+ resizeHandleColumnIndex: columnIndex,
377
+ resizeHandleIncludeTooltip: includeTooltip
343
378
  }
344
379
  };
345
380
  }, tr => tr.setMeta('addToHistory', false));
381
+ export const removeResizeHandleDecorations = () => createCommand(state => ({
382
+ type: 'REMOVE_RESIZE_HANDLE_DECORATIONS',
383
+ data: {
384
+ decorationSet: clearColumnResizingDecorations()({
385
+ tr: state.tr,
386
+ decorationSet: getDecorations(state)
387
+ })
388
+ }
389
+ }), tr => tr.setMeta('addToHistory', false));
346
390
  export const autoSizeTable = (view, node, table, basePos, opts) => {
347
391
  if (typeof basePos !== 'number') {
348
392
  return false;
@@ -236,7 +236,7 @@ export const handleMouseMove = (view, event, elementContentRects) => {
236
236
  target: element,
237
237
  columnEndIndexTarget
238
238
  })) {
239
- return addResizeHandleDecorations(rowIndexTarget, columnEndIndexTarget)(state, dispatch);
239
+ return addResizeHandleDecorations(rowIndexTarget, columnEndIndexTarget, true)(state, dispatch);
240
240
  }
241
241
  }
242
242
  }
@@ -321,11 +321,8 @@ export const handleCut = (oldTr, oldState, newState, editorAnalyticsAPI) => {
321
321
  return tr;
322
322
  };
323
323
  export const whenTableInFocus = (eventHandler, elementContentRects) => (view, mouseEvent) => {
324
- const tableResizePluginState = getResizePluginState(view.state);
325
- const tablePluginState = getPluginState(view.state);
326
- const isDragging = tableResizePluginState && !!tableResizePluginState.dragging;
327
- const hasTableNode = tablePluginState && tablePluginState.tableNode;
328
- if (!hasTableNode || isDragging) {
324
+ var _getPluginState, _getResizePluginState;
325
+ if (!((_getPluginState = getPluginState(view.state)) !== null && _getPluginState !== void 0 && _getPluginState.tableNode) || !!((_getResizePluginState = getResizePluginState(view.state)) !== null && _getResizePluginState !== void 0 && _getResizePluginState.dragging)) {
329
326
  return false;
330
327
  }
331
328
  return eventHandler(view, mouseEvent, elementContentRects);