@atlaskit/editor-plugin-table 28.1.3 → 28.1.5
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 -26
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.5",
|
|
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.5",
|
|
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": "^173.0.0",
|
|
57
57
|
"@atlaskit/toggle": "^17.3.0",
|
|
58
58
|
"@atlaskit/tokens": "^16.11.0",
|
|
59
59
|
"@atlaskit/tooltip": "^24.3.0",
|
|
@@ -68,33 +68,11 @@
|
|
|
68
68
|
"uuid": "^3.1.0"
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|
|
71
|
-
"@atlaskit/editor-common": "^120.
|
|
71
|
+
"@atlaskit/editor-common": "^120.11.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"
|
|
75
75
|
},
|
|
76
|
-
"techstack": {
|
|
77
|
-
"@atlassian/frontend": {
|
|
78
|
-
"code-structure": [
|
|
79
|
-
"editor-plugin"
|
|
80
|
-
],
|
|
81
|
-
"import-structure": [
|
|
82
|
-
"atlassian-conventions"
|
|
83
|
-
],
|
|
84
|
-
"circular-dependencies": [
|
|
85
|
-
"file-and-folder-level"
|
|
86
|
-
]
|
|
87
|
-
},
|
|
88
|
-
"@repo/internal": {
|
|
89
|
-
"design-tokens": [
|
|
90
|
-
"color"
|
|
91
|
-
],
|
|
92
|
-
"deprecation": "no-deprecated-imports",
|
|
93
|
-
"styling": [
|
|
94
|
-
"emotion"
|
|
95
|
-
]
|
|
96
|
-
}
|
|
97
|
-
},
|
|
98
76
|
"platform-feature-flags": {
|
|
99
77
|
"platform_editor_markdown_compatible_toolbar": {
|
|
100
78
|
"type": "boolean"
|