@atlaskit/editor-plugin-table 28.1.4 → 28.1.6
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 +12 -0
- package/dist/cjs/nodeviews/TableCell.js +3 -3
- package/dist/cjs/nodeviews/toDOM.js +2 -2
- package/dist/cjs/pm-plugins/table-local-id.js +3 -3
- package/dist/cjs/pm-plugins/table-width.js +2 -2
- package/dist/cjs/tablePlugin.js +7 -7
- package/dist/cjs/types/index.js +97 -97
- package/dist/cjs/ui/FloatingContextualMenu/styles.js +2 -2
- package/dist/cjs/ui/FloatingDragMenu/styles.js +2 -2
- package/dist/es2019/nodeviews/TableCell.js +1 -1
- package/dist/es2019/nodeviews/toDOM.js +1 -1
- package/dist/es2019/pm-plugins/table-local-id.js +1 -1
- package/dist/es2019/pm-plugins/table-width.js +1 -1
- package/dist/es2019/tablePlugin.js +1 -1
- package/dist/es2019/types/index.js +1 -1
- package/dist/es2019/ui/FloatingContextualMenu/styles.js +1 -1
- package/dist/es2019/ui/FloatingDragMenu/styles.js +1 -1
- package/dist/esm/nodeviews/TableCell.js +1 -1
- package/dist/esm/nodeviews/toDOM.js +1 -1
- package/dist/esm/pm-plugins/table-local-id.js +1 -1
- package/dist/esm/pm-plugins/table-width.js +1 -1
- package/dist/esm/tablePlugin.js +1 -1
- package/dist/esm/types/index.js +1 -1
- package/dist/esm/ui/FloatingContextualMenu/styles.js +1 -1
- package/dist/esm/ui/FloatingDragMenu/styles.js +1 -1
- package/dist/types/pm-plugins/commands/commands-with-analytics.d.ts +2 -2
- package/dist/types/pm-plugins/commands/misc.d.ts +1 -1
- package/dist/types/pm-plugins/commands/toggle.d.ts +1 -1
- package/dist/types/pm-plugins/table-resizing/utils/misc.d.ts +1 -1
- package/dist/types/pm-plugins/utils/alignment.d.ts +1 -1
- package/dist/types/types/index.d.ts +1 -1
- package/dist/types/ui/TableMenu/cell/items/VerticalAlignDropdownItem.d.ts +1 -1
- package/dist/types/ui/TableMenu/cell/items/verticalAlignUtils.d.ts +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -12,7 +12,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
|
12
12
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
13
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
var
|
|
15
|
+
var _tableNodes = require("@atlaskit/adf-schema/tableNodes");
|
|
16
16
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
17
17
|
var _editorTables = require("@atlaskit/editor-tables");
|
|
18
18
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
@@ -49,7 +49,7 @@ function delayUntilIdle(cb) {
|
|
|
49
49
|
// eslint-disable-next-line require-unicode-regexp
|
|
50
50
|
var cssVariablePattern = /^VAR\(--.*\)$/;
|
|
51
51
|
var getCellDomAttrsForTableMenuUpdates = function getCellDomAttrsForTableMenuUpdates(node) {
|
|
52
|
-
var attrs = (0,
|
|
52
|
+
var attrs = (0, _tableNodes.getCellDomAttrs)(node);
|
|
53
53
|
if ((0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && node.attrs.valign) {
|
|
54
54
|
attrs['data-valign'] = node.attrs.valign;
|
|
55
55
|
}
|
|
@@ -199,7 +199,7 @@ var TableCell = exports.default = /*#__PURE__*/function (_TableNodeView) {
|
|
|
199
199
|
}
|
|
200
200
|
var attrs = getCellDomAttrsForTableMenuUpdates(this.node);
|
|
201
201
|
var nextAttrs = getCellDomAttrsForTableMenuUpdates(node);
|
|
202
|
-
var _getCellAttrs = (0,
|
|
202
|
+
var _getCellAttrs = (0, _tableNodes.getCellAttrs)(this.dom),
|
|
203
203
|
colspan = _getCellAttrs.colspan,
|
|
204
204
|
rowspan = _getCellAttrs.rowspan;
|
|
205
205
|
|
|
@@ -10,7 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
12
12
|
var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
|
|
13
|
-
var
|
|
13
|
+
var _tableNodes = require("@atlaskit/adf-schema/tableNodes");
|
|
14
14
|
var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
|
|
15
15
|
var _table = require("@atlaskit/editor-common/table");
|
|
16
16
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
@@ -23,7 +23,7 @@ var _tableContainerStyles = require("./table-container-styles");
|
|
|
23
23
|
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; }
|
|
24
24
|
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; }
|
|
25
25
|
var tableNodeSpecWithFixedToDOM = exports.tableNodeSpecWithFixedToDOM = function tableNodeSpecWithFixedToDOM(config) {
|
|
26
|
-
var tableNode = config.isNestingSupported ?
|
|
26
|
+
var tableNode = config.isNestingSupported ? _tableNodes.tableWithNestedTable : _tableNodes.table;
|
|
27
27
|
return _objectSpread(_objectSpread({}, tableNode), {}, {
|
|
28
28
|
toDOM: function toDOM(node) {
|
|
29
29
|
var isFullPageEditor = !config.isChromelessEditor && !config.isCommentEditor;
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.createPlugin = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _rafSchd = _interopRequireDefault(require("raf-schd"));
|
|
10
|
-
var
|
|
10
|
+
var _uuid = require("@atlaskit/adf-schema/uuid");
|
|
11
11
|
var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
|
|
12
12
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
13
13
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
@@ -99,7 +99,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch) {
|
|
|
99
99
|
if (isTable && !localId) {
|
|
100
100
|
tableIdWasAdded = true;
|
|
101
101
|
tr.setNodeMarkup(pos, undefined, _objectSpread(_objectSpread({}, node.attrs), {}, {
|
|
102
|
-
localId:
|
|
102
|
+
localId: _uuid.uuid.generate()
|
|
103
103
|
}));
|
|
104
104
|
return false;
|
|
105
105
|
}
|
|
@@ -193,7 +193,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch) {
|
|
|
193
193
|
continue;
|
|
194
194
|
}
|
|
195
195
|
tr.setNodeMarkup(pos, undefined, _objectSpread(_objectSpread({}, node.attrs), {}, {
|
|
196
|
-
localId:
|
|
196
|
+
localId: _uuid.uuid.generate()
|
|
197
197
|
}));
|
|
198
198
|
modified = true;
|
|
199
199
|
}
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.pluginKey = exports.createPlugin = void 0;
|
|
8
8
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
9
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
|
-
var
|
|
10
|
+
var _setAttrs = require("@atlaskit/adf-schema/steps/set-attrs");
|
|
11
11
|
var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
|
|
12
12
|
var _table = require("@atlaskit/editor-common/table");
|
|
13
13
|
var _document = require("@atlaskit/editor-common/utils/document");
|
|
@@ -109,7 +109,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, dispat
|
|
|
109
109
|
_width = _node$attrs.width,
|
|
110
110
|
rest = (0, _objectWithoutProperties2.default)(_node$attrs, _excluded);
|
|
111
111
|
if (tableWidthCal) {
|
|
112
|
-
tr.step(new
|
|
112
|
+
tr.step(new _setAttrs.SetAttrsStep(offset, _objectSpread({
|
|
113
113
|
width: tableWidthCal
|
|
114
114
|
}, rest)));
|
|
115
115
|
}
|
package/dist/cjs/tablePlugin.js
CHANGED
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.default = void 0;
|
|
9
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
var
|
|
11
|
+
var _tableNodes = require("@atlaskit/adf-schema/tableNodes");
|
|
12
12
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
13
13
|
var _browser = require("@atlaskit/editor-common/browser");
|
|
14
14
|
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
@@ -266,13 +266,13 @@ var tablePlugin = function tablePlugin(_ref) {
|
|
|
266
266
|
})
|
|
267
267
|
}, {
|
|
268
268
|
name: 'tableHeader',
|
|
269
|
-
node: (0, _fg.fg)('platform_editor_adf_with_localid') ?
|
|
269
|
+
node: (0, _fg.fg)('platform_editor_adf_with_localid') ? _tableNodes.tableHeaderWithNestedTableWithLocalId : _tableNodes.tableHeaderWithNestedTable
|
|
270
270
|
}, {
|
|
271
271
|
name: 'tableRow',
|
|
272
|
-
node: (0, _fg.fg)('platform_editor_adf_with_localid') ?
|
|
272
|
+
node: (0, _fg.fg)('platform_editor_adf_with_localid') ? _tableNodes.tableRowWithNestedTableWithLocalId : _tableNodes.tableRowWithNestedTable
|
|
273
273
|
}, {
|
|
274
274
|
name: 'tableCell',
|
|
275
|
-
node: (0, _fg.fg)('platform_editor_adf_with_localid') ?
|
|
275
|
+
node: (0, _fg.fg)('platform_editor_adf_with_localid') ? _tableNodes.tableCellWithNestedTableWithLocalId : _tableNodes.tableCellWithNestedTable
|
|
276
276
|
}] : [{
|
|
277
277
|
name: 'table',
|
|
278
278
|
node: (0, _toDOM.tableNodeSpecWithFixedToDOM)({
|
|
@@ -287,13 +287,13 @@ var tablePlugin = function tablePlugin(_ref) {
|
|
|
287
287
|
})
|
|
288
288
|
}, {
|
|
289
289
|
name: 'tableHeader',
|
|
290
|
-
node: (0, _fg.fg)('platform_editor_adf_with_localid') ?
|
|
290
|
+
node: (0, _fg.fg)('platform_editor_adf_with_localid') ? _tableNodes.tableHeaderWithLocalId : _tableNodes.tableHeader
|
|
291
291
|
}, {
|
|
292
292
|
name: 'tableRow',
|
|
293
|
-
node: (0, _fg.fg)('platform_editor_adf_with_localid') ?
|
|
293
|
+
node: (0, _fg.fg)('platform_editor_adf_with_localid') ? _tableNodes.tableRowWithLocalId : _tableNodes.tableRow
|
|
294
294
|
}, {
|
|
295
295
|
name: 'tableCell',
|
|
296
|
-
node: (0, _fg.fg)('platform_editor_adf_with_localid') ?
|
|
296
|
+
node: (0, _fg.fg)('platform_editor_adf_with_localid') ? _tableNodes.tableCellWithLocalId : _tableNodes.tableCell
|
|
297
297
|
}];
|
|
298
298
|
},
|
|
299
299
|
pmPlugins: function pmPlugins() {
|
package/dist/cjs/types/index.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.TableDecorations = exports.TableCssClassName = exports.RESIZE_HANDLE_AREA_DECORATION_GAP = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var
|
|
9
|
+
var _tableNodes = require("@atlaskit/adf-schema/tableNodes");
|
|
10
10
|
var _styles = require("@atlaskit/editor-common/styles");
|
|
11
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
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; } /* eslint-disable @atlaskit/editor/no-re-export */ // Entry file in package.json
|
|
@@ -62,114 +62,114 @@ var TableDecorations = exports.TableDecorations = /*#__PURE__*/function (TableDe
|
|
|
62
62
|
}({});
|
|
63
63
|
var TableCssClassName = exports.TableCssClassName = _objectSpread(_objectSpread({}, _styles.TableSharedCssClassName), {}, {
|
|
64
64
|
/** Classic controls */
|
|
65
|
-
COLUMN_CONTROLS: "".concat(
|
|
66
|
-
COLUMN_CONTROLS_DECORATIONS: "".concat(
|
|
67
|
-
COLUMN_SELECTED: "".concat(
|
|
68
|
-
ROW_CONTROLS_WRAPPER: "".concat(
|
|
69
|
-
ROW_CONTROLS: "".concat(
|
|
70
|
-
ROW_CONTROLS_INNER: "".concat(
|
|
71
|
-
ROW_CONTROLS_BUTTON_WRAP: "".concat(
|
|
72
|
-
ROW_CONTROLS_BUTTON: "".concat(
|
|
73
|
-
CONTROLS_BUTTON: "".concat(
|
|
74
|
-
CONTROLS_BUTTON_ICON: "".concat(
|
|
75
|
-
CONTROLS_INSERT_BUTTON: "".concat(
|
|
76
|
-
CONTROLS_INSERT_BUTTON_INNER: "".concat(
|
|
77
|
-
CONTROLS_INSERT_BUTTON_WRAP: "".concat(
|
|
78
|
-
CONTROLS_INSERT_LINE: "".concat(
|
|
79
|
-
CONTROLS_BUTTON_OVERLAY: "".concat(
|
|
80
|
-
DRAG_CONTROLS_INSERT_BUTTON: "".concat(
|
|
81
|
-
DRAG_CONTROLS_INSERT_BUTTON_INNER: "".concat(
|
|
82
|
-
DRAG_CONTROLS_INSERT_BUTTON_INNER_COLUMN: "".concat(
|
|
83
|
-
DRAG_CONTROLS_INSERT_BUTTON_INNER_ROW: "".concat(
|
|
84
|
-
DRAG_CONTROLS_INSERT_BUTTON_INNER_ROW_CHROMELESS: "".concat(
|
|
85
|
-
DRAG_CONTROLS_INSERT_BUTTON_WRAP: "".concat(
|
|
86
|
-
CONTROLS_INSERT_MARKER: "".concat(
|
|
87
|
-
CONTROLS_INSERT_COLUMN: "".concat(
|
|
88
|
-
CONTROLS_INSERT_ROW: "".concat(
|
|
89
|
-
CONTROLS_DELETE_BUTTON_WRAP: "".concat(
|
|
90
|
-
CONTROLS_DELETE_BUTTON: "".concat(
|
|
91
|
-
CONTROLS_FLOATING_BUTTON_COLUMN: "".concat(
|
|
92
|
-
CONTROLS_FLOATING_BUTTON_ROW: "".concat(
|
|
93
|
-
CORNER_CONTROLS: "".concat(
|
|
94
|
-
CORNER_CONTROLS_INSERT_ROW_MARKER: "".concat(
|
|
95
|
-
CORNER_CONTROLS_INSERT_COLUMN_MARKER: "".concat(
|
|
96
|
-
CONTROLS_CORNER_BUTTON: "".concat(
|
|
65
|
+
COLUMN_CONTROLS: "".concat(_tableNodes.tablePrefixSelector, "-column-controls"),
|
|
66
|
+
COLUMN_CONTROLS_DECORATIONS: "".concat(_tableNodes.tablePrefixSelector, "-column-controls-decoration"),
|
|
67
|
+
COLUMN_SELECTED: "".concat(_tableNodes.tablePrefixSelector, "-column__selected"),
|
|
68
|
+
ROW_CONTROLS_WRAPPER: "".concat(_tableNodes.tablePrefixSelector, "-row-controls-wrapper"),
|
|
69
|
+
ROW_CONTROLS: "".concat(_tableNodes.tablePrefixSelector, "-row-controls"),
|
|
70
|
+
ROW_CONTROLS_INNER: "".concat(_tableNodes.tablePrefixSelector, "-row-controls__inner"),
|
|
71
|
+
ROW_CONTROLS_BUTTON_WRAP: "".concat(_tableNodes.tablePrefixSelector, "-row-controls__button-wrap"),
|
|
72
|
+
ROW_CONTROLS_BUTTON: "".concat(_tableNodes.tablePrefixSelector, "-row-controls__button"),
|
|
73
|
+
CONTROLS_BUTTON: "".concat(_tableNodes.tablePrefixSelector, "-controls__button"),
|
|
74
|
+
CONTROLS_BUTTON_ICON: "".concat(_tableNodes.tablePrefixSelector, "-controls__button-icon"),
|
|
75
|
+
CONTROLS_INSERT_BUTTON: "".concat(_tableNodes.tablePrefixSelector, "-controls__insert-button"),
|
|
76
|
+
CONTROLS_INSERT_BUTTON_INNER: "".concat(_tableNodes.tablePrefixSelector, "-controls__insert-button-inner"),
|
|
77
|
+
CONTROLS_INSERT_BUTTON_WRAP: "".concat(_tableNodes.tablePrefixSelector, "-controls__insert-button-wrap"),
|
|
78
|
+
CONTROLS_INSERT_LINE: "".concat(_tableNodes.tablePrefixSelector, "-controls__insert-line"),
|
|
79
|
+
CONTROLS_BUTTON_OVERLAY: "".concat(_tableNodes.tablePrefixSelector, "-controls__button-overlay"),
|
|
80
|
+
DRAG_CONTROLS_INSERT_BUTTON: "".concat(_tableNodes.tablePrefixSelector, "-controls__drag-insert-button"),
|
|
81
|
+
DRAG_CONTROLS_INSERT_BUTTON_INNER: "".concat(_tableNodes.tablePrefixSelector, "-controls__drag-insert-button-inner"),
|
|
82
|
+
DRAG_CONTROLS_INSERT_BUTTON_INNER_COLUMN: "".concat(_tableNodes.tablePrefixSelector, "-controls__drag-insert-button-inner-column"),
|
|
83
|
+
DRAG_CONTROLS_INSERT_BUTTON_INNER_ROW: "".concat(_tableNodes.tablePrefixSelector, "-controls__drag-insert-button-inner-row"),
|
|
84
|
+
DRAG_CONTROLS_INSERT_BUTTON_INNER_ROW_CHROMELESS: "".concat(_tableNodes.tablePrefixSelector, "-controls__drag-insert-button-inner-row-chromeless"),
|
|
85
|
+
DRAG_CONTROLS_INSERT_BUTTON_WRAP: "".concat(_tableNodes.tablePrefixSelector, "-controls__drag-insert-button-wrap"),
|
|
86
|
+
CONTROLS_INSERT_MARKER: "".concat(_tableNodes.tablePrefixSelector, "-controls__insert-marker"),
|
|
87
|
+
CONTROLS_INSERT_COLUMN: "".concat(_tableNodes.tablePrefixSelector, "-controls__insert-column"),
|
|
88
|
+
CONTROLS_INSERT_ROW: "".concat(_tableNodes.tablePrefixSelector, "-controls__insert-row"),
|
|
89
|
+
CONTROLS_DELETE_BUTTON_WRAP: "".concat(_tableNodes.tablePrefixSelector, "-controls__delete-button-wrap"),
|
|
90
|
+
CONTROLS_DELETE_BUTTON: "".concat(_tableNodes.tablePrefixSelector, "-controls__delete-button"),
|
|
91
|
+
CONTROLS_FLOATING_BUTTON_COLUMN: "".concat(_tableNodes.tablePrefixSelector, "-controls-floating__button-column"),
|
|
92
|
+
CONTROLS_FLOATING_BUTTON_ROW: "".concat(_tableNodes.tablePrefixSelector, "-controls-floating__button-row"),
|
|
93
|
+
CORNER_CONTROLS: "".concat(_tableNodes.tablePrefixSelector, "-corner-controls"),
|
|
94
|
+
CORNER_CONTROLS_INSERT_ROW_MARKER: "".concat(_tableNodes.tablePrefixSelector, "-corner-controls__insert-row-marker"),
|
|
95
|
+
CORNER_CONTROLS_INSERT_COLUMN_MARKER: "".concat(_tableNodes.tablePrefixSelector, "-corner-controls__insert-column-marker"),
|
|
96
|
+
CONTROLS_CORNER_BUTTON: "".concat(_tableNodes.tablePrefixSelector, "-corner-button"),
|
|
97
97
|
/** drag and drop controls */
|
|
98
|
-
DRAG_ROW_CONTROLS_WRAPPER: "".concat(
|
|
99
|
-
DRAG_ROW_CONTROLS: "".concat(
|
|
100
|
-
DRAG_ROW_FLOATING_INSERT_DOT_WRAPPER: "".concat(
|
|
101
|
-
DRAG_ROW_FLOATING_INSERT_DOT: "".concat(
|
|
102
|
-
DRAG_ROW_FLOATING_DRAG_HANDLE: "".concat(
|
|
103
|
-
DRAG_COLUMN_CONTROLS: "".concat(
|
|
104
|
-
DRAG_COLUMN_FLOATING_INSERT_DOT_WRAPPER: "".concat(
|
|
105
|
-
DRAG_COLUMN_FLOATING_INSERT_DOT: "".concat(
|
|
106
|
-
DRAG_COLUMN_CONTROLS_WRAPPER: "".concat(
|
|
107
|
-
DRAG_COLUMN_DROP_TARGET_CONTROLS: "".concat(
|
|
108
|
-
DRAG_COLUMN_CONTROLS_INNER: "".concat(
|
|
109
|
-
DRAG_HANDLE_BUTTON_CONTAINER: "".concat(
|
|
110
|
-
DRAG_HANDLE_BUTTON_CLICKABLE_ZONE: "".concat(
|
|
111
|
-
DRAG_CORNER_BUTTON: "".concat(
|
|
112
|
-
DRAG_CORNER_BUTTON_INNER: "".concat(
|
|
98
|
+
DRAG_ROW_CONTROLS_WRAPPER: "".concat(_tableNodes.tablePrefixSelector, "-drag-row-controls-wrapper"),
|
|
99
|
+
DRAG_ROW_CONTROLS: "".concat(_tableNodes.tablePrefixSelector, "-drag-row-controls"),
|
|
100
|
+
DRAG_ROW_FLOATING_INSERT_DOT_WRAPPER: "".concat(_tableNodes.tablePrefixSelector, "-drag-row-floating-insert-dot-wrapper"),
|
|
101
|
+
DRAG_ROW_FLOATING_INSERT_DOT: "".concat(_tableNodes.tablePrefixSelector, "-drag-row-floating-insert-dot"),
|
|
102
|
+
DRAG_ROW_FLOATING_DRAG_HANDLE: "".concat(_tableNodes.tablePrefixSelector, "-drag-row-floating-drag-handle"),
|
|
103
|
+
DRAG_COLUMN_CONTROLS: "".concat(_tableNodes.tablePrefixSelector, "-drag-column-controls"),
|
|
104
|
+
DRAG_COLUMN_FLOATING_INSERT_DOT_WRAPPER: "".concat(_tableNodes.tablePrefixSelector, "-drag-columns-floating-insert-dot-wrapper"),
|
|
105
|
+
DRAG_COLUMN_FLOATING_INSERT_DOT: "".concat(_tableNodes.tablePrefixSelector, "-drag-columns-floating-insert-dot"),
|
|
106
|
+
DRAG_COLUMN_CONTROLS_WRAPPER: "".concat(_tableNodes.tablePrefixSelector, "-col-controls-wrapper"),
|
|
107
|
+
DRAG_COLUMN_DROP_TARGET_CONTROLS: "".concat(_tableNodes.tablePrefixSelector, "-col-drop-target-controls"),
|
|
108
|
+
DRAG_COLUMN_CONTROLS_INNER: "".concat(_tableNodes.tablePrefixSelector, "-col-controls__inner"),
|
|
109
|
+
DRAG_HANDLE_BUTTON_CONTAINER: "".concat(_tableNodes.tablePrefixSelector, "-drag-handle-button-container"),
|
|
110
|
+
DRAG_HANDLE_BUTTON_CLICKABLE_ZONE: "".concat(_tableNodes.tablePrefixSelector, "-drag-handle-button-clickable-zone"),
|
|
111
|
+
DRAG_CORNER_BUTTON: "".concat(_tableNodes.tablePrefixSelector, "-drag-corner-button"),
|
|
112
|
+
DRAG_CORNER_BUTTON_INNER: "".concat(_tableNodes.tablePrefixSelector, "-drag-corner-button-inner"),
|
|
113
113
|
/** nested tables classes */
|
|
114
|
-
NESTED_TABLE_WITH_CONTROLS: "".concat(
|
|
114
|
+
NESTED_TABLE_WITH_CONTROLS: "".concat(_tableNodes.tablePrefixSelector, "-nested-table-with-controls"),
|
|
115
115
|
/** disabled classes */
|
|
116
|
-
DRAG_HANDLE_DISABLED: "".concat(
|
|
116
|
+
DRAG_HANDLE_DISABLED: "".concat(_tableNodes.tablePrefixSelector, "-drag-handle-disabled"),
|
|
117
117
|
/** minimised handle class */
|
|
118
|
-
DRAG_HANDLE_MINIMISED: "".concat(
|
|
119
|
-
DRAG_SUBMENU: "".concat(
|
|
120
|
-
DRAG_SUBMENU_ICON: "".concat(
|
|
118
|
+
DRAG_HANDLE_MINIMISED: "".concat(_tableNodes.tablePrefixSelector, "-drag-handle-minimised"),
|
|
119
|
+
DRAG_SUBMENU: "".concat(_tableNodes.tablePrefixSelector, "-drag-submenu"),
|
|
120
|
+
DRAG_SUBMENU_ICON: "".concat(_tableNodes.tablePrefixSelector, "-drag-submenu-icon"),
|
|
121
121
|
/** Other classes */
|
|
122
|
-
NUMBERED_COLUMN: "".concat(
|
|
123
|
-
NUMBERED_COLUMN_BUTTON: "".concat(
|
|
124
|
-
NUMBERED_COLUMN_BUTTON_DISABLED: "".concat(
|
|
125
|
-
HOVERED_COLUMN: "".concat(
|
|
126
|
-
HOVERED_ROW: "".concat(
|
|
127
|
-
HOVERED_TABLE: "".concat(
|
|
128
|
-
HOVERED_NO_HIGHLIGHT: "".concat(
|
|
129
|
-
HOVERED_CELL: "".concat(
|
|
122
|
+
NUMBERED_COLUMN: "".concat(_tableNodes.tablePrefixSelector, "-numbered-column"),
|
|
123
|
+
NUMBERED_COLUMN_BUTTON: "".concat(_tableNodes.tablePrefixSelector, "-numbered-column__button"),
|
|
124
|
+
NUMBERED_COLUMN_BUTTON_DISABLED: "".concat(_tableNodes.tablePrefixSelector, "-numbered-column__button-disabled"),
|
|
125
|
+
HOVERED_COLUMN: "".concat(_tableNodes.tablePrefixSelector, "-hovered-column"),
|
|
126
|
+
HOVERED_ROW: "".concat(_tableNodes.tablePrefixSelector, "-hovered-row"),
|
|
127
|
+
HOVERED_TABLE: "".concat(_tableNodes.tablePrefixSelector, "-hovered-table"),
|
|
128
|
+
HOVERED_NO_HIGHLIGHT: "".concat(_tableNodes.tablePrefixSelector, "-hovered-no-highlight"),
|
|
129
|
+
HOVERED_CELL: "".concat(_tableNodes.tablePrefixSelector, "-hovered-cell"),
|
|
130
130
|
HOVERED_CELL_IN_DANGER: 'danger',
|
|
131
131
|
HOVERED_CELL_ACTIVE: 'active',
|
|
132
|
-
HOVERED_CELL_WARNING: "".concat(
|
|
133
|
-
HOVERED_DELETE_BUTTON: "".concat(
|
|
134
|
-
WITH_CONTROLS: "".concat(
|
|
135
|
-
RESIZING_PLUGIN: "".concat(
|
|
136
|
-
RESIZE_CURSOR: "".concat(
|
|
137
|
-
IS_RESIZING: "".concat(
|
|
138
|
-
RESIZE_HANDLE_DECORATION: "".concat(
|
|
139
|
-
CONTEXTUAL_SUBMENU: "".concat(
|
|
140
|
-
CONTEXTUAL_MENU_BUTTON_WRAP: "".concat(
|
|
141
|
-
CONTEXTUAL_MENU_BUTTON: "".concat(
|
|
142
|
-
CONTEXTUAL_MENU_BUTTON_FIXED: "".concat(
|
|
143
|
-
CONTEXTUAL_MENU_ICON_SMALL: "".concat(
|
|
132
|
+
HOVERED_CELL_WARNING: "".concat(_tableNodes.tablePrefixSelector, "-hovered-cell__warning"),
|
|
133
|
+
HOVERED_DELETE_BUTTON: "".concat(_tableNodes.tablePrefixSelector, "-hovered-delete-button"),
|
|
134
|
+
WITH_CONTROLS: "".concat(_tableNodes.tablePrefixSelector, "-with-controls"),
|
|
135
|
+
RESIZING_PLUGIN: "".concat(_tableNodes.tablePrefixSelector, "-resizing-plugin"),
|
|
136
|
+
RESIZE_CURSOR: "".concat(_tableNodes.tablePrefixSelector, "-resize-cursor"),
|
|
137
|
+
IS_RESIZING: "".concat(_tableNodes.tablePrefixSelector, "-is-resizing"),
|
|
138
|
+
RESIZE_HANDLE_DECORATION: "".concat(_tableNodes.tablePrefixSelector, "-resize-decoration"),
|
|
139
|
+
CONTEXTUAL_SUBMENU: "".concat(_tableNodes.tablePrefixSelector, "-contextual-submenu"),
|
|
140
|
+
CONTEXTUAL_MENU_BUTTON_WRAP: "".concat(_tableNodes.tablePrefixSelector, "-contextual-menu-button-wrap"),
|
|
141
|
+
CONTEXTUAL_MENU_BUTTON: "".concat(_tableNodes.tablePrefixSelector, "-contextual-menu-button"),
|
|
142
|
+
CONTEXTUAL_MENU_BUTTON_FIXED: "".concat(_tableNodes.tablePrefixSelector, "-contextual-menu-button-fixed"),
|
|
143
|
+
CONTEXTUAL_MENU_ICON_SMALL: "".concat(_tableNodes.tablePrefixSelector, "-contextual-submenu-icon-small"),
|
|
144
144
|
// come from prosemirror-table
|
|
145
145
|
SELECTED_CELL: 'selectedCell',
|
|
146
146
|
// defined in ReactNodeView based on PM node name
|
|
147
147
|
NODEVIEW_WRAPPER: 'tableView-content-wrap',
|
|
148
|
-
TABLE_SELECTED: "".concat(
|
|
149
|
-
TABLE_CELL:
|
|
150
|
-
TABLE_CORNER_MASK: "".concat(
|
|
151
|
-
TABLE_HEADER_CELL:
|
|
152
|
-
TABLE_STICKY: "".concat(
|
|
153
|
-
TABLE_CHROMELESS: "".concat(
|
|
148
|
+
TABLE_SELECTED: "".concat(_tableNodes.tablePrefixSelector, "-table__selected"),
|
|
149
|
+
TABLE_CELL: _tableNodes.tableCellSelector,
|
|
150
|
+
TABLE_CORNER_MASK: "".concat(_tableNodes.tablePrefixSelector, "-corner-mask"),
|
|
151
|
+
TABLE_HEADER_CELL: _tableNodes.tableHeaderSelector,
|
|
152
|
+
TABLE_STICKY: "".concat(_tableNodes.tablePrefixSelector, "-sticky"),
|
|
153
|
+
TABLE_CHROMELESS: "".concat(_tableNodes.tablePrefixSelector, "-chromeless"),
|
|
154
154
|
TOP_LEFT_CELL: 'table > tbody > tr:nth-child(2) > td:nth-child(1)',
|
|
155
|
-
WITH_COLUMN_INSERT_LINE: "".concat(
|
|
156
|
-
WITH_COLUMN_INSERT_LINE_INACTIVE: "".concat(
|
|
157
|
-
WITH_FIRST_COLUMN_INSERT_LINE: "".concat(
|
|
158
|
-
WITH_FIRST_COLUMN_INSERT_LINE_INACTIVE: "".concat(
|
|
159
|
-
WITH_LAST_COLUMN_INSERT_LINE: "".concat(
|
|
160
|
-
WITH_LAST_COLUMN_INSERT_LINE_INACTIVE: "".concat(
|
|
161
|
-
WITH_RESIZE_LINE: "".concat(
|
|
162
|
-
WITH_RESIZE_LINE_LAST_COLUMN: "".concat(
|
|
163
|
-
WITH_DRAG_RESIZE_LINE: "".concat(
|
|
164
|
-
WITH_DRAG_RESIZE_LINE_LAST_COLUMN: "".concat(
|
|
165
|
-
WITH_ROW_INSERT_LINE: "".concat(
|
|
166
|
-
WITH_ROW_INSERT_LINE_INACTIVE: "".concat(
|
|
167
|
-
WITH_LAST_ROW_INSERT_LINE: "".concat(
|
|
168
|
-
WITH_LAST_ROW_INSERT_LINE_INACTIVE: "".concat(
|
|
169
|
-
NATIVE_STICKY: "".concat(
|
|
170
|
-
NATIVE_STICKY_ACTIVE: "".concat(
|
|
171
|
-
NO_OVERFLOW: "".concat(
|
|
172
|
-
ACTIVE_CURSOR_CELL: "".concat(
|
|
155
|
+
WITH_COLUMN_INSERT_LINE: "".concat(_tableNodes.tablePrefixSelector, "-column-insert-line"),
|
|
156
|
+
WITH_COLUMN_INSERT_LINE_INACTIVE: "".concat(_tableNodes.tablePrefixSelector, "-column-insert-line__inactive"),
|
|
157
|
+
WITH_FIRST_COLUMN_INSERT_LINE: "".concat(_tableNodes.tablePrefixSelector, "-first-column-insert-line"),
|
|
158
|
+
WITH_FIRST_COLUMN_INSERT_LINE_INACTIVE: "".concat(_tableNodes.tablePrefixSelector, "-first-column-insert-line__inactive"),
|
|
159
|
+
WITH_LAST_COLUMN_INSERT_LINE: "".concat(_tableNodes.tablePrefixSelector, "-last-column-insert-line"),
|
|
160
|
+
WITH_LAST_COLUMN_INSERT_LINE_INACTIVE: "".concat(_tableNodes.tablePrefixSelector, "-last-column-insert-line__inactive"),
|
|
161
|
+
WITH_RESIZE_LINE: "".concat(_tableNodes.tablePrefixSelector, "-column-resize-line"),
|
|
162
|
+
WITH_RESIZE_LINE_LAST_COLUMN: "".concat(_tableNodes.tablePrefixSelector, "-column-resize-line-last-column"),
|
|
163
|
+
WITH_DRAG_RESIZE_LINE: "".concat(_tableNodes.tablePrefixSelector, "-drag-column-resize-line"),
|
|
164
|
+
WITH_DRAG_RESIZE_LINE_LAST_COLUMN: "".concat(_tableNodes.tablePrefixSelector, "-drag-column-resize-line-last-column"),
|
|
165
|
+
WITH_ROW_INSERT_LINE: "".concat(_tableNodes.tablePrefixSelector, "-row-insert-line"),
|
|
166
|
+
WITH_ROW_INSERT_LINE_INACTIVE: "".concat(_tableNodes.tablePrefixSelector, "-row-insert-line__inactive"),
|
|
167
|
+
WITH_LAST_ROW_INSERT_LINE: "".concat(_tableNodes.tablePrefixSelector, "-last-row-insert-line"),
|
|
168
|
+
WITH_LAST_ROW_INSERT_LINE_INACTIVE: "".concat(_tableNodes.tablePrefixSelector, "-last-row-insert-line__inactive"),
|
|
169
|
+
NATIVE_STICKY: "".concat(_tableNodes.tablePrefixSelector, "-row-native-sticky"),
|
|
170
|
+
NATIVE_STICKY_ACTIVE: "".concat(_tableNodes.tablePrefixSelector, "-row-native-sticky-active"),
|
|
171
|
+
NO_OVERFLOW: "".concat(_tableNodes.tablePrefixSelector, "-no-overflow"),
|
|
172
|
+
ACTIVE_CURSOR_CELL: "".concat(_tableNodes.tablePrefixSelector, "-active-cursor-cell")
|
|
173
173
|
});
|
|
174
174
|
|
|
175
175
|
/**
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.tablePopupStyles = exports.cellColourPreviewStyles = void 0;
|
|
8
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
|
-
var
|
|
10
|
+
var _tableNodes = require("@atlaskit/adf-schema/tableNodes");
|
|
11
11
|
var _types = require("../../types");
|
|
12
12
|
var _consts = require("../consts");
|
|
13
13
|
var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
@@ -20,5 +20,5 @@ var cellColourPreviewStyles = exports.cellColourPreviewStyles = function cellCol
|
|
|
20
20
|
});
|
|
21
21
|
};
|
|
22
22
|
var tablePopupStyles = exports.tablePopupStyles = function tablePopupStyles() {
|
|
23
|
-
return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t.", " {\n\t\t\tborder-radius: ", ";\n\t\t\tbackground: ", ";\n\t\t\tbox-shadow: ", ";\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: ", "px;\n\t\t\tpadding: ", ";\n\n\t\t\t> div {\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t}\n\n\t\t.", " {\n\t\t\tdisplay: flex;\n\n\t\t\t&::before {\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t\tborder: 1px solid ", ";\n\t\t\t\tborder-radius: ", ";\n\t\t\t\twidth: 14px;\n\t\t\t\theight: 14px;\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\tcontent: '\u203A';\n\t\t\t\tmargin-left: ", ";\n\t\t\t\tline-height: 14px;\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t}\n\t"])), _types.TableCssClassName.CONTEXTUAL_SUBMENU, "var(--ds-radius-small, 3px)", "var(--ds-surface-overlay, #FFFFFF)", "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)", _consts.contextualMenuDropdownWidthDnD, "var(--ds-space-100, 8px)", _types.TableCssClassName.CONTEXTUAL_MENU_ICON_SMALL,
|
|
23
|
+
return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t.", " {\n\t\t\tborder-radius: ", ";\n\t\t\tbackground: ", ";\n\t\t\tbox-shadow: ", ";\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: ", "px;\n\t\t\tpadding: ", ";\n\n\t\t\t> div {\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t}\n\n\t\t.", " {\n\t\t\tdisplay: flex;\n\n\t\t\t&::before {\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t\tborder: 1px solid ", ";\n\t\t\t\tborder-radius: ", ";\n\t\t\t\twidth: 14px;\n\t\t\t\theight: 14px;\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\tcontent: '\u203A';\n\t\t\t\tmargin-left: ", ";\n\t\t\t\tline-height: 14px;\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t}\n\t"])), _types.TableCssClassName.CONTEXTUAL_SUBMENU, "var(--ds-radius-small, 3px)", "var(--ds-surface-overlay, #FFFFFF)", "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)", _consts.contextualMenuDropdownWidthDnD, "var(--ds-space-100, 8px)", _types.TableCssClassName.CONTEXTUAL_MENU_ICON_SMALL, _tableNodes.tableBackgroundBorderColor, "var(--ds-radius-small, 3px)", "var(--ds-space-050, 4px)", "var(--ds-icon, #292A2E)");
|
|
24
24
|
};
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.toggleStyles = exports.dragMenuBackgroundColorStyles = exports.cellColourPreviewStyles = void 0;
|
|
8
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
|
-
var
|
|
10
|
+
var _tableNodes = require("@atlaskit/adf-schema/tableNodes");
|
|
11
11
|
var _types = require("../../types");
|
|
12
12
|
var _consts = require("../consts");
|
|
13
13
|
var _templateObject;
|
|
@@ -23,7 +23,7 @@ var cellColourPreviewStyles = exports.cellColourPreviewStyles = function cellCol
|
|
|
23
23
|
|
|
24
24
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
|
|
25
25
|
var dragMenuBackgroundColorStyles = exports.dragMenuBackgroundColorStyles = function dragMenuBackgroundColorStyles() {
|
|
26
|
-
return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\tborder-radius: ", ";\n\t\tbackground: ", ";\n\t\tbox-shadow: ", ";\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\ttop: ", "px; /* move the submenu down when 'sort increasing/decreasing' appear before background color picker */\n\t\tleft: ", "px;\n\t\tpadding: ", ";\n\n\t\t> div {\n\t\t\tpadding: 0;\n\t\t}\n\t}\n\n\t.", " {\n\t\tdisplay: flex;\n\n\t\t&::before {\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\tborder: 1px solid ", ";\n\t\t\tborder-radius: ", ";\n\t\t\twidth: 14px;\n\t\t\theight: 14px;\n\t\t}\n\n\t\t&::after {\n\t\t\tcontent: '\u203A';\n\t\t\tmargin-left: ", ";\n\t\t\tline-height: 14px;\n\t\t\tcolor: ", ";\n\t\t}\n\t}\n"])), _types.TableCssClassName.DRAG_SUBMENU, "var(--ds-radius-small, 3px)", "var(--ds-surface-overlay, #FFFFFF)", "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)", _consts.TABLE_DRAG_MENU_PADDING_TOP + _consts.TABLE_DRAG_MENU_SORT_GROUP_HEIGHT + _consts.TABLE_DRAG_MENU_MENU_GROUP_BEFORE_HEIGHT, _consts.dragMenuDropdownWidth, "var(--ds-space-100, 8px)", _types.TableCssClassName.DRAG_SUBMENU_ICON,
|
|
26
|
+
return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\tborder-radius: ", ";\n\t\tbackground: ", ";\n\t\tbox-shadow: ", ";\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\ttop: ", "px; /* move the submenu down when 'sort increasing/decreasing' appear before background color picker */\n\t\tleft: ", "px;\n\t\tpadding: ", ";\n\n\t\t> div {\n\t\t\tpadding: 0;\n\t\t}\n\t}\n\n\t.", " {\n\t\tdisplay: flex;\n\n\t\t&::before {\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\tborder: 1px solid ", ";\n\t\t\tborder-radius: ", ";\n\t\t\twidth: 14px;\n\t\t\theight: 14px;\n\t\t}\n\n\t\t&::after {\n\t\t\tcontent: '\u203A';\n\t\t\tmargin-left: ", ";\n\t\t\tline-height: 14px;\n\t\t\tcolor: ", ";\n\t\t}\n\t}\n"])), _types.TableCssClassName.DRAG_SUBMENU, "var(--ds-radius-small, 3px)", "var(--ds-surface-overlay, #FFFFFF)", "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)", _consts.TABLE_DRAG_MENU_PADDING_TOP + _consts.TABLE_DRAG_MENU_SORT_GROUP_HEIGHT + _consts.TABLE_DRAG_MENU_MENU_GROUP_BEFORE_HEIGHT, _consts.dragMenuDropdownWidth, "var(--ds-space-100, 8px)", _types.TableCssClassName.DRAG_SUBMENU_ICON, _tableNodes.tableBackgroundBorderColor, "var(--ds-radius-small, 3px)", "var(--ds-space-050, 4px)", "var(--ds-icon, #292A2E)");
|
|
27
27
|
};
|
|
28
28
|
|
|
29
29
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
import { getCellAttrs, getCellDomAttrs } from '@atlaskit/adf-schema';
|
|
2
|
+
import { getCellAttrs, getCellDomAttrs } from '@atlaskit/adf-schema/tableNodes';
|
|
3
3
|
import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
|
|
4
4
|
import { TableMap } from '@atlaskit/editor-tables';
|
|
5
5
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import classNames from 'classnames';
|
|
2
2
|
import kebabCase from 'lodash/kebabCase';
|
|
3
|
-
import { table, tableWithNestedTable } from '@atlaskit/adf-schema';
|
|
3
|
+
import { table, tableWithNestedTable } from '@atlaskit/adf-schema/tableNodes';
|
|
4
4
|
import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
|
|
5
5
|
import { isTableInContentMode } from '@atlaskit/editor-common/table';
|
|
6
6
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
*
|
|
12
12
|
*/
|
|
13
13
|
import rafSchedule from 'raf-schd';
|
|
14
|
-
import { uuid } from '@atlaskit/adf-schema';
|
|
14
|
+
import { uuid } from '@atlaskit/adf-schema/uuid';
|
|
15
15
|
import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
|
|
16
16
|
import { stepHasSlice } from '@atlaskit/editor-common/utils';
|
|
17
17
|
import { PluginKey } from '@atlaskit/editor-prosemirror/state';
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Also holds resizing state to hide / show table controls
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
|
|
7
|
+
import { SetAttrsStep } from '@atlaskit/adf-schema/steps/set-attrs';
|
|
8
8
|
import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
|
|
9
9
|
import { isTableInContentMode } from '@atlaskit/editor-common/table';
|
|
10
10
|
import { isReplaceDocOperation } from '@atlaskit/editor-common/utils/document';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useEffect } from 'react';
|
|
2
|
-
import { tableCell, tableCellWithNestedTable, tableHeader, tableHeaderWithLocalId, tableHeaderWithNestedTable, tableRow, tableRowWithNestedTable, tableRowWithLocalId, tableCellWithLocalId, tableCellWithNestedTableWithLocalId, tableRowWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId } from '@atlaskit/adf-schema';
|
|
2
|
+
import { tableCell, tableCellWithNestedTable, tableHeader, tableHeaderWithLocalId, tableHeaderWithNestedTable, tableRow, tableRowWithNestedTable, tableRowWithLocalId, tableCellWithLocalId, tableCellWithNestedTableWithLocalId, tableRowWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId } from '@atlaskit/adf-schema/tableNodes';
|
|
3
3
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
|
|
4
4
|
import { getBrowserInfo } from '@atlaskit/editor-common/browser';
|
|
5
5
|
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
2
2
|
// Entry file in package.json
|
|
3
3
|
|
|
4
|
-
import { tableCellSelector, tableHeaderSelector, tablePrefixSelector } from '@atlaskit/adf-schema';
|
|
4
|
+
import { tableCellSelector, tableHeaderSelector, tablePrefixSelector } from '@atlaskit/adf-schema/tableNodes';
|
|
5
5
|
import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
6
6
|
export const RESIZE_HANDLE_AREA_DECORATION_GAP = 30;
|
|
7
7
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
2
|
import { css } from '@emotion/react';
|
|
3
|
-
import { tableBackgroundBorderColor } from '@atlaskit/adf-schema';
|
|
3
|
+
import { tableBackgroundBorderColor } from '@atlaskit/adf-schema/tableNodes';
|
|
4
4
|
import { TableCssClassName as ClassName } from '../../types';
|
|
5
5
|
import { contextualMenuDropdownWidthDnD } from '../consts';
|
|
6
6
|
export const cellColourPreviewStyles = selectedColor => css({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766 */
|
|
2
2
|
import { css } from '@emotion/react';
|
|
3
|
-
import { tableBackgroundBorderColor } from '@atlaskit/adf-schema';
|
|
3
|
+
import { tableBackgroundBorderColor } from '@atlaskit/adf-schema/tableNodes';
|
|
4
4
|
import { TableCssClassName as ClassName } from '../../types';
|
|
5
5
|
import { dragMenuDropdownWidth, TABLE_DRAG_MENU_MENU_GROUP_BEFORE_HEIGHT, TABLE_DRAG_MENU_PADDING_TOP, TABLE_DRAG_MENU_SORT_GROUP_HEIGHT } from '../consts';
|
|
6
6
|
export const cellColourPreviewStyles = selectedColor => css({
|
|
@@ -7,7 +7,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
|
|
|
7
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
8
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
9
9
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
10
|
-
import { getCellAttrs, getCellDomAttrs } from '@atlaskit/adf-schema';
|
|
10
|
+
import { getCellAttrs, getCellDomAttrs } from '@atlaskit/adf-schema/tableNodes';
|
|
11
11
|
import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
|
|
12
12
|
import { TableMap } from '@atlaskit/editor-tables';
|
|
13
13
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
@@ -5,7 +5,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
5
5
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
6
|
import classNames from 'classnames';
|
|
7
7
|
import kebabCase from 'lodash/kebabCase';
|
|
8
|
-
import { table, tableWithNestedTable } from '@atlaskit/adf-schema';
|
|
8
|
+
import { table, tableWithNestedTable } from '@atlaskit/adf-schema/tableNodes';
|
|
9
9
|
import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
|
|
10
10
|
import { isTableInContentMode } from '@atlaskit/editor-common/table';
|
|
11
11
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
@@ -17,7 +17,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
17
17
|
*
|
|
18
18
|
*/
|
|
19
19
|
import rafSchedule from 'raf-schd';
|
|
20
|
-
import { uuid } from '@atlaskit/adf-schema';
|
|
20
|
+
import { uuid } from '@atlaskit/adf-schema/uuid';
|
|
21
21
|
import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
|
|
22
22
|
import { stepHasSlice } from '@atlaskit/editor-common/utils';
|
|
23
23
|
import { PluginKey } from '@atlaskit/editor-prosemirror/state';
|
|
@@ -9,7 +9,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
9
9
|
* Also holds resizing state to hide / show table controls
|
|
10
10
|
*/
|
|
11
11
|
|
|
12
|
-
import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
|
|
12
|
+
import { SetAttrsStep } from '@atlaskit/adf-schema/steps/set-attrs';
|
|
13
13
|
import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
|
|
14
14
|
import { isTableInContentMode } from '@atlaskit/editor-common/table';
|
|
15
15
|
import { isReplaceDocOperation } from '@atlaskit/editor-common/utils/document';
|
package/dist/esm/tablePlugin.js
CHANGED
|
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
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; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
import React, { useEffect } from 'react';
|
|
5
|
-
import { tableCell, tableCellWithNestedTable, tableHeader, tableHeaderWithLocalId, tableHeaderWithNestedTable, tableRow, tableRowWithNestedTable, tableRowWithLocalId, tableCellWithLocalId, tableCellWithNestedTableWithLocalId, tableRowWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId } from '@atlaskit/adf-schema';
|
|
5
|
+
import { tableCell, tableCellWithNestedTable, tableHeader, tableHeaderWithLocalId, tableHeaderWithNestedTable, tableRow, tableRowWithNestedTable, tableRowWithLocalId, tableCellWithLocalId, tableCellWithNestedTableWithLocalId, tableRowWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId } from '@atlaskit/adf-schema/tableNodes';
|
|
6
6
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
|
|
7
7
|
import { getBrowserInfo } from '@atlaskit/editor-common/browser';
|
|
8
8
|
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
package/dist/esm/types/index.js
CHANGED
|
@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
4
4
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
5
5
|
// Entry file in package.json
|
|
6
6
|
|
|
7
|
-
import { tableCellSelector, tableHeaderSelector, tablePrefixSelector } from '@atlaskit/adf-schema';
|
|
7
|
+
import { tableCellSelector, tableHeaderSelector, tablePrefixSelector } from '@atlaskit/adf-schema/tableNodes';
|
|
8
8
|
import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
|
|
9
9
|
export var RESIZE_HANDLE_AREA_DECORATION_GAP = 30;
|
|
10
10
|
|
|
@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
|
|
|
2
2
|
var _templateObject;
|
|
3
3
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
4
|
import { css } from '@emotion/react';
|
|
5
|
-
import { tableBackgroundBorderColor } from '@atlaskit/adf-schema';
|
|
5
|
+
import { tableBackgroundBorderColor } from '@atlaskit/adf-schema/tableNodes';
|
|
6
6
|
import { TableCssClassName as ClassName } from '../../types';
|
|
7
7
|
import { contextualMenuDropdownWidthDnD } from '../consts';
|
|
8
8
|
export var cellColourPreviewStyles = function cellColourPreviewStyles(selectedColor) {
|
|
@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
|
|
|
2
2
|
var _templateObject;
|
|
3
3
|
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766 */
|
|
4
4
|
import { css } from '@emotion/react';
|
|
5
|
-
import { tableBackgroundBorderColor } from '@atlaskit/adf-schema';
|
|
5
|
+
import { tableBackgroundBorderColor } from '@atlaskit/adf-schema/tableNodes';
|
|
6
6
|
import { TableCssClassName as ClassName } from '../../types';
|
|
7
7
|
import { dragMenuDropdownWidth, TABLE_DRAG_MENU_MENU_GROUP_BEFORE_HEIGHT, TABLE_DRAG_MENU_PADDING_TOP, TABLE_DRAG_MENU_SORT_GROUP_HEIGHT } from '../consts';
|
|
8
8
|
export var cellColourPreviewStyles = function cellColourPreviewStyles(selectedColor) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { IntlShape } from 'react-intl/src/types';
|
|
2
|
-
import type {
|
|
3
|
-
import type
|
|
2
|
+
import type { Valign } from '@atlaskit/adf-schema/valign';
|
|
3
|
+
import { type Layout as TableLayout } from '@atlaskit/adf-schema/tableNodes';
|
|
4
4
|
import type { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
|
|
5
5
|
import type { CHANGE_ALIGNMENT_REASON, EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
|
|
6
6
|
import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { TableLayout } from '@atlaskit/adf-schema';
|
|
1
|
+
import type { Layout as TableLayout } from '@atlaskit/adf-schema/tableNodes';
|
|
2
2
|
import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
|
|
3
3
|
import type { Command, EditorCommand } from '@atlaskit/editor-common/types';
|
|
4
4
|
import type { Node as PMNode, Schema, Slice } from '@atlaskit/editor-prosemirror/model';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { CellAttributes } from '@atlaskit/adf-schema';
|
|
1
|
+
import type { CellAttributes } from '@atlaskit/adf-schema/tableNodes';
|
|
2
2
|
import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
|
|
3
3
|
import type { Node as PMNode, ResolvedPos } from '@atlaskit/editor-prosemirror/model';
|
|
4
4
|
import type { EditorState } from '@atlaskit/editor-prosemirror/state';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { TableLayout } from '@atlaskit/adf-schema';
|
|
1
|
+
import type { Layout as TableLayout } from '@atlaskit/adf-schema/tableNodes';
|
|
2
2
|
import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
|
|
3
3
|
import type { AlignmentOptions } from '../../types';
|
|
4
4
|
export declare const ALIGN_START = "align-start";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { IntlShape } from 'react-intl';
|
|
2
|
-
import type { TableLayout } from '@atlaskit/adf-schema';
|
|
2
|
+
import type { Layout as TableLayout } from '@atlaskit/adf-schema/tableNodes';
|
|
3
3
|
import type { TableColumnOrdering } from '@atlaskit/custom-steps';
|
|
4
4
|
import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
|
|
5
5
|
import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type MessageDescriptor } from 'react-intl';
|
|
3
|
-
import type { Valign } from '@atlaskit/adf-schema/
|
|
3
|
+
import type { Valign } from '@atlaskit/adf-schema/valign';
|
|
4
4
|
import type AlignPositionTopIcon from '@atlaskit/icon-lab/core/align-position-top';
|
|
5
5
|
import type { TableMenuComponentsParams } from '../../shared/types';
|
|
6
6
|
type VerticalAlignDropdownItemProps = TableMenuComponentsParams & {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { Valign } from '@atlaskit/adf-schema/
|
|
1
|
+
import type { Valign } from '@atlaskit/adf-schema/valign';
|
|
2
2
|
import type { EditorView } from '@atlaskit/editor-prosemirror/view';
|
|
3
3
|
export declare const getSelectedCellValign: (editorView?: EditorView) => Valign;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-table",
|
|
3
|
-
"version": "28.1.
|
|
3
|
+
"version": "28.1.6",
|
|
4
4
|
"description": "Table plugin for the @atlaskit/editor",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"@atlaskit/editor-plugin-batch-attribute-updates": "^16.0.0",
|
|
30
30
|
"@atlaskit/editor-plugin-content-insertion": "^16.1.0",
|
|
31
31
|
"@atlaskit/editor-plugin-editor-viewmode": "^18.0.0",
|
|
32
|
-
"@atlaskit/editor-plugin-extension": "19.1.
|
|
32
|
+
"@atlaskit/editor-plugin-extension": "19.1.6",
|
|
33
33
|
"@atlaskit/editor-plugin-guideline": "^16.1.0",
|
|
34
34
|
"@atlaskit/editor-plugin-interaction": "^27.0.0",
|
|
35
35
|
"@atlaskit/editor-plugin-limited-mode": "^13.0.0",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.2.0",
|
|
54
54
|
"@atlaskit/pragmatic-drag-and-drop-hitbox": "^2.2.0",
|
|
55
55
|
"@atlaskit/primitives": "^22.5.0",
|
|
56
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
56
|
+
"@atlaskit/tmp-editor-statsig": "^174.0.0",
|
|
57
57
|
"@atlaskit/toggle": "^17.3.0",
|
|
58
58
|
"@atlaskit/tokens": "^16.11.0",
|
|
59
59
|
"@atlaskit/tooltip": "^24.3.0",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"uuid": "^3.1.0"
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|
|
71
|
-
"@atlaskit/editor-common": "^120.
|
|
71
|
+
"@atlaskit/editor-common": "^120.12.0",
|
|
72
72
|
"react": "^18.2.0 || ^19.2.0",
|
|
73
73
|
"react-dom": "^18.2.0 || ^19.2.0",
|
|
74
74
|
"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
|