@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.
- package/CHANGELOG.md +21 -0
- package/README.md +30 -0
- package/dist/cjs/plugins/table/commands/misc.js +60 -7
- package/dist/cjs/plugins/table/commands/toggle.js +2 -2
- package/dist/cjs/plugins/table/commands-with-analytics.js +2 -2
- package/dist/cjs/plugins/table/create-plugin-config.js +2 -2
- package/dist/cjs/plugins/table/event-handlers.js +3 -6
- package/dist/cjs/plugins/table/handlers.js +2 -2
- package/dist/cjs/plugins/table/index.js +7 -2
- package/dist/cjs/plugins/table/nodeviews/TableComponent.js +2 -2
- package/dist/cjs/plugins/table/nodeviews/TableResizer.js +15 -21
- package/dist/cjs/plugins/table/pm-plugins/decorations/utils/column-resizing.js +18 -5
- package/dist/cjs/plugins/table/pm-plugins/decorations/utils/index.js +6 -0
- package/dist/cjs/plugins/table/pm-plugins/main.js +9 -5
- package/dist/cjs/plugins/table/pm-plugins/plugin-factory.js +2 -2
- package/dist/cjs/plugins/table/pm-plugins/sticky-headers/plugin-state.js +2 -2
- package/dist/cjs/plugins/table/pm-plugins/table-local-id.js +13 -13
- package/dist/cjs/plugins/table/pm-plugins/table-resizing/event-handlers.js +5 -0
- package/dist/cjs/plugins/table/pm-plugins/table-resizing/plugin-factory.js +2 -2
- package/dist/cjs/plugins/table/pm-plugins/table-resizing/reducer.js +2 -2
- package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/resize-logic.js +2 -2
- package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/resize-state.js +2 -2
- package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/scale-table.js +4 -2
- package/dist/cjs/plugins/table/pm-plugins/table-width.js +2 -2
- package/dist/cjs/plugins/table/reducer.js +28 -4
- package/dist/cjs/plugins/table/transforms/column-width.js +2 -2
- package/dist/cjs/plugins/table/transforms/delete-columns.js +2 -2
- package/dist/cjs/plugins/table/transforms/delete-rows.js +2 -2
- package/dist/cjs/plugins/table/transforms/fix-tables.js +2 -2
- package/dist/cjs/plugins/table/transforms/merge.js +2 -2
- package/dist/cjs/plugins/table/transforms/split.js +2 -2
- package/dist/cjs/plugins/table/types.js +3 -2
- package/dist/cjs/plugins/table/ui/ColumnResizeWidget/index.js +44 -0
- package/dist/cjs/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js +2 -2
- package/dist/cjs/plugins/table/ui/FloatingDeleteButton/getPopUpOptions.js +2 -2
- package/dist/cjs/plugins/table/ui/FloatingDeleteButton/index.js +2 -2
- package/dist/cjs/plugins/table/ui/FloatingInsertButton/getPopupOptions.js +2 -2
- package/dist/cjs/plugins/table/ui/LayoutButton/index.js +2 -2
- package/dist/cjs/plugins/table/ui/messages.js +5 -0
- package/dist/cjs/plugins/table/utils/decoration.js +17 -4
- package/dist/cjs/plugins/table/utils/row-controls.js +2 -2
- package/dist/es2019/plugins/table/commands/misc.js +49 -5
- package/dist/es2019/plugins/table/event-handlers.js +3 -6
- package/dist/es2019/plugins/table/index.js +7 -2
- package/dist/es2019/plugins/table/nodeviews/TableResizer.js +14 -17
- package/dist/es2019/plugins/table/pm-plugins/decorations/utils/column-resizing.js +12 -2
- package/dist/es2019/plugins/table/pm-plugins/decorations/utils/index.js +1 -1
- package/dist/es2019/plugins/table/pm-plugins/main.js +6 -3
- package/dist/es2019/plugins/table/pm-plugins/table-resizing/event-handlers.js +5 -0
- package/dist/es2019/plugins/table/pm-plugins/table-resizing/utils/scale-table.js +2 -0
- package/dist/es2019/plugins/table/reducer.js +29 -2
- package/dist/es2019/plugins/table/types.js +1 -0
- package/dist/es2019/plugins/table/ui/ColumnResizeWidget/index.js +35 -0
- package/dist/es2019/plugins/table/ui/messages.js +5 -0
- package/dist/es2019/plugins/table/utils/decoration.js +16 -5
- package/dist/esm/plugins/table/commands/misc.js +58 -7
- package/dist/esm/plugins/table/commands/toggle.js +2 -2
- package/dist/esm/plugins/table/commands-with-analytics.js +2 -2
- package/dist/esm/plugins/table/create-plugin-config.js +2 -2
- package/dist/esm/plugins/table/event-handlers.js +3 -6
- package/dist/esm/plugins/table/handlers.js +2 -2
- package/dist/esm/plugins/table/index.js +7 -2
- package/dist/esm/plugins/table/nodeviews/TableComponent.js +2 -2
- package/dist/esm/plugins/table/nodeviews/TableResizer.js +15 -21
- package/dist/esm/plugins/table/pm-plugins/decorations/utils/column-resizing.js +15 -3
- package/dist/esm/plugins/table/pm-plugins/decorations/utils/index.js +1 -1
- package/dist/esm/plugins/table/pm-plugins/main.js +10 -6
- package/dist/esm/plugins/table/pm-plugins/plugin-factory.js +2 -2
- package/dist/esm/plugins/table/pm-plugins/sticky-headers/plugin-state.js +2 -2
- package/dist/esm/plugins/table/pm-plugins/table-local-id.js +2 -2
- package/dist/esm/plugins/table/pm-plugins/table-resizing/event-handlers.js +5 -0
- package/dist/esm/plugins/table/pm-plugins/table-resizing/plugin-factory.js +2 -2
- package/dist/esm/plugins/table/pm-plugins/table-resizing/reducer.js +2 -2
- package/dist/esm/plugins/table/pm-plugins/table-resizing/utils/resize-logic.js +2 -2
- package/dist/esm/plugins/table/pm-plugins/table-resizing/utils/resize-state.js +2 -2
- package/dist/esm/plugins/table/pm-plugins/table-resizing/utils/scale-table.js +4 -2
- package/dist/esm/plugins/table/pm-plugins/table-width.js +2 -2
- package/dist/esm/plugins/table/reducer.js +28 -4
- package/dist/esm/plugins/table/transforms/column-width.js +2 -2
- package/dist/esm/plugins/table/transforms/delete-columns.js +2 -2
- package/dist/esm/plugins/table/transforms/delete-rows.js +2 -2
- package/dist/esm/plugins/table/transforms/fix-tables.js +2 -2
- package/dist/esm/plugins/table/transforms/merge.js +2 -2
- package/dist/esm/plugins/table/transforms/split.js +2 -2
- package/dist/esm/plugins/table/types.js +3 -2
- package/dist/esm/plugins/table/ui/ColumnResizeWidget/index.js +35 -0
- package/dist/esm/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js +2 -2
- package/dist/esm/plugins/table/ui/FloatingDeleteButton/getPopUpOptions.js +2 -2
- package/dist/esm/plugins/table/ui/FloatingDeleteButton/index.js +2 -2
- package/dist/esm/plugins/table/ui/FloatingInsertButton/getPopupOptions.js +2 -2
- package/dist/esm/plugins/table/ui/LayoutButton/index.js +2 -2
- package/dist/esm/plugins/table/ui/messages.js +5 -0
- package/dist/esm/plugins/table/utils/decoration.js +17 -4
- package/dist/esm/plugins/table/utils/row-controls.js +2 -2
- package/dist/types/plugins/table/commands/misc.d.ts +8 -6
- package/dist/types/plugins/table/event-handlers.d.ts +3 -3
- package/dist/types/plugins/table/index.d.ts +4 -0
- package/dist/types/plugins/table/pm-plugins/decorations/utils/column-resizing.d.ts +4 -2
- package/dist/types/plugins/table/pm-plugins/decorations/utils/index.d.ts +1 -1
- package/dist/types/plugins/table/pm-plugins/main.d.ts +2 -1
- package/dist/types/plugins/table/pm-plugins/table-resizing/plugin.d.ts +2 -2
- package/dist/types/plugins/table/pm-plugins/table-resizing/utils/scale-table.d.ts +3 -3
- package/dist/types/plugins/table/reducer.d.ts +1 -1
- package/dist/types/plugins/table/types.d.ts +18 -0
- package/dist/types/plugins/table/ui/ColumnResizeWidget/index.d.ts +9 -0
- package/dist/types/plugins/table/ui/messages.d.ts +5 -0
- package/dist/types/plugins/table/utils/decoration.d.ts +2 -1
- package/dist/types-ts4.5/plugins/table/commands/misc.d.ts +8 -6
- package/dist/types-ts4.5/plugins/table/event-handlers.d.ts +3 -3
- package/dist/types-ts4.5/plugins/table/index.d.ts +4 -0
- package/dist/types-ts4.5/plugins/table/pm-plugins/decorations/utils/column-resizing.d.ts +4 -2
- package/dist/types-ts4.5/plugins/table/pm-plugins/decorations/utils/index.d.ts +1 -1
- package/dist/types-ts4.5/plugins/table/pm-plugins/main.d.ts +2 -1
- package/dist/types-ts4.5/plugins/table/pm-plugins/table-resizing/plugin.d.ts +2 -2
- package/dist/types-ts4.5/plugins/table/pm-plugins/table-resizing/utils/scale-table.d.ts +3 -3
- package/dist/types-ts4.5/plugins/table/reducer.d.ts +1 -1
- package/dist/types-ts4.5/plugins/table/types.d.ts +18 -0
- package/dist/types-ts4.5/plugins/table/ui/ColumnResizeWidget/index.d.ts +9 -0
- package/dist/types-ts4.5/plugins/table/ui/messages.d.ts +5 -0
- package/dist/types-ts4.5/plugins/table/utils/decoration.d.ts +2 -1
- package/docs/0-intro.tsx +53 -0
- package/package.json +11 -11
- package/report.api.md +1 -1
- package/src/__tests__/unit/event-handlers.ts +1 -1
- package/src/__tests__/unit/nodeviews/TableContainer.tsx +17 -8
- package/src/__tests__/unit/pm-plugins/decorations/column-resizing.ts +2 -0
- package/src/plugins/table/commands/misc.ts +84 -7
- package/src/plugins/table/event-handlers.ts +11 -16
- package/src/plugins/table/index.tsx +6 -0
- package/src/plugins/table/nodeviews/TableResizer.tsx +12 -20
- package/src/plugins/table/pm-plugins/decorations/utils/column-resizing.ts +34 -7
- package/src/plugins/table/pm-plugins/decorations/utils/index.ts +4 -1
- package/src/plugins/table/pm-plugins/main.ts +7 -1
- package/src/plugins/table/pm-plugins/table-resizing/event-handlers.ts +5 -0
- package/src/plugins/table/pm-plugins/table-resizing/plugin.ts +3 -5
- package/src/plugins/table/pm-plugins/table-resizing/utils/scale-table.ts +5 -3
- package/src/plugins/table/reducer.ts +51 -3
- package/src/plugins/table/types.ts +19 -0
- package/src/plugins/table/ui/ColumnResizeWidget/index.tsx +53 -0
- package/src/plugins/table/ui/messages.ts +5 -0
- package/src/plugins/table/utils/decoration.ts +27 -5
- package/tmp/api-report-tmp.d.ts +1 -1
- package/tsconfig.app.json +82 -0
- 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(
|
|
13
|
-
function _objectSpread(
|
|
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(
|
|
10
|
-
function _objectSpread(
|
|
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(
|
|
16
|
-
function _objectSpread(
|
|
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(
|
|
18
|
-
function _objectSpread(
|
|
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
|
-
|
|
21
|
-
function
|
|
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(
|
|
22
|
-
function _objectSpread(
|
|
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(
|
|
11
|
-
function _objectSpread(
|
|
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(
|
|
21
|
-
function _objectSpread(
|
|
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(
|
|
16
|
-
function _objectSpread(
|
|
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(
|
|
15
|
-
function _objectSpread(
|
|
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(
|
|
13
|
-
function _objectSpread(
|
|
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(
|
|
17
|
-
function _objectSpread(
|
|
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(
|
|
11
|
-
function _objectSpread(
|
|
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(
|
|
12
|
-
function _objectSpread(
|
|
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(
|
|
39
|
-
function _objectSpread(
|
|
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(
|
|
11
|
-
function _objectSpread(
|
|
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(
|
|
38
|
-
function _objectSpread(
|
|
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(
|
|
12
|
-
function _objectSpread(
|
|
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(
|
|
32
|
-
function _objectSpread(
|
|
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
|
-
|
|
287
|
-
|
|
288
|
-
|
|
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.
|
|
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(
|
|
17
|
-
function _objectSpread(
|
|
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
|
-
|
|
325
|
-
|
|
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);
|