@atlaskit/editor-plugin-table 28.1.13 → 28.1.15
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 +16 -0
- package/dist/cjs/nodeviews/TableComponent.js +3 -2
- package/dist/cjs/nodeviews/toDOM.js +3 -2
- package/dist/es2019/nodeviews/TableComponent.js +3 -2
- package/dist/es2019/nodeviews/toDOM.js +3 -2
- package/dist/esm/nodeviews/TableComponent.js +3 -2
- package/dist/esm/nodeviews/toDOM.js +3 -2
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-table
|
|
2
2
|
|
|
3
|
+
## 28.1.15
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 28.1.14
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`e29faa16e0c66`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e29faa16e0c66) -
|
|
14
|
+
Migrate selected editor experiment reads and tooling from tmp-editor-statsig to
|
|
15
|
+
platform-feature-experiments, including static CSS, floating ToC, insert-menu AI, table overflow
|
|
16
|
+
shadows, and collapsible headings.
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 28.1.13
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -26,6 +26,7 @@ var _table = require("@atlaskit/editor-common/table");
|
|
|
26
26
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
27
27
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
28
28
|
var _utils2 = require("@atlaskit/editor-tables/utils");
|
|
29
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
29
30
|
var _combine = require("@atlaskit/pragmatic-drag-and-drop/utils/combine");
|
|
30
31
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
31
32
|
var _commands = require("../pm-plugins/commands");
|
|
@@ -972,7 +973,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
972
973
|
}), /*#__PURE__*/_react.default.createElement(_reactNodeView.NodeViewContentHole
|
|
973
974
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/no-unsafe-style-overrides -- existing table wrapper class required for legacy styling hooks
|
|
974
975
|
, {
|
|
975
|
-
className: (0, _classnames3.default)(_types.TableCssClassName.TABLE_NODE_WRAPPER, (0, _defineProperty2.default)({}, _types.TableCssClassName.TABLE_SCROLL_INLINE_SHADOW, (0,
|
|
976
|
+
className: (0, _classnames3.default)(_types.TableCssClassName.TABLE_NODE_WRAPPER, (0, _defineProperty2.default)({}, _types.TableCssClassName.TABLE_SCROLL_INLINE_SHADOW, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_css_overflow_shadow'))),
|
|
976
977
|
ref: this.setWrapperRef
|
|
977
978
|
}, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
978
979
|
contentEditable: false,
|
|
@@ -988,7 +989,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
988
989
|
,
|
|
989
990
|
className: _types.TableCssClassName.TABLE_CORNER_MASK,
|
|
990
991
|
"data-corner": "right"
|
|
991
|
-
})), allowControls && colControls), (0,
|
|
992
|
+
})), allowControls && colControls), (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_css_overflow_shadow') && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
992
993
|
contentEditable: false,
|
|
993
994
|
"aria-hidden": "true",
|
|
994
995
|
"data-vc-nvs": "true",
|
|
@@ -13,6 +13,7 @@ var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
|
|
|
13
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
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
16
17
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
17
18
|
var _colgroup = require("../pm-plugins/table-resizing/utils/colgroup");
|
|
18
19
|
var _consts = require("../pm-plugins/table-resizing/utils/consts");
|
|
@@ -64,7 +65,7 @@ var tableNodeSpecWithFixedToDOM = exports.tableNodeSpecWithFixedToDOM = function
|
|
|
64
65
|
if (config.allowColumnResizing) {
|
|
65
66
|
colgroup = ['colgroup', {}].concat((0, _toConsumableArray2.default)((0, _colgroup.generateColgroupFromNode)(node, config.isCommentEditor, config.isChromelessEditor, config.isNested, config.isTableScalingEnabled, config.shouldUseIncreasedScalingPercent)));
|
|
66
67
|
}
|
|
67
|
-
var overflowShadows = (0,
|
|
68
|
+
var overflowShadows = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_css_overflow_shadow') ? [['div', {
|
|
68
69
|
contenteditable: 'false',
|
|
69
70
|
'aria-hidden': 'true',
|
|
70
71
|
'data-vc-nvs': 'true',
|
|
@@ -97,7 +98,7 @@ var tableNodeSpecWithFixedToDOM = exports.tableNodeSpecWithFixedToDOM = function
|
|
|
97
98
|
}], ['div', {
|
|
98
99
|
class: 'pm-table-row-controls-wrapper'
|
|
99
100
|
}, ['div']], ['div', {
|
|
100
|
-
class: (0, _classnames.default)(_types.TableCssClassName.TABLE_NODE_WRAPPER, (0, _defineProperty2.default)({}, _types.TableCssClassName.TABLE_SCROLL_INLINE_SHADOW, (0,
|
|
101
|
+
class: (0, _classnames.default)(_types.TableCssClassName.TABLE_NODE_WRAPPER, (0, _defineProperty2.default)({}, _types.TableCssClassName.TABLE_SCROLL_INLINE_SHADOW, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_table_css_overflow_shadow')))
|
|
101
102
|
}].concat(roundedTableCornerMasks, [['table', attrs, colgroup, ['tbody', 0]]])].concat(overflowShadows, [['div', {
|
|
102
103
|
class: 'pm-table-sticky-sentinel-bottom',
|
|
103
104
|
'data-testid': 'sticky-sentinel-bottom'
|
|
@@ -13,6 +13,7 @@ import { isTableInContentMode } from '@atlaskit/editor-common/table';
|
|
|
13
13
|
import { isValidPosition } from '@atlaskit/editor-common/utils';
|
|
14
14
|
import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
|
|
15
15
|
import { isTableSelected } from '@atlaskit/editor-tables/utils';
|
|
16
|
+
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
16
17
|
import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
|
|
17
18
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
18
19
|
import { autoSizeTable, clearHoverSelection, setTableRef } from '../pm-plugins/commands';
|
|
@@ -936,7 +937,7 @@ class TableComponent extends React.Component {
|
|
|
936
937
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/no-unsafe-style-overrides -- existing table wrapper class required for legacy styling hooks
|
|
937
938
|
, {
|
|
938
939
|
className: classnames(ClassName.TABLE_NODE_WRAPPER, {
|
|
939
|
-
[ClassName.TABLE_SCROLL_INLINE_SHADOW]:
|
|
940
|
+
[ClassName.TABLE_SCROLL_INLINE_SHADOW]: isExperimentEnabled('platform_editor_table_css_overflow_shadow')
|
|
940
941
|
}),
|
|
941
942
|
ref: this.setWrapperRef
|
|
942
943
|
}, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
@@ -953,7 +954,7 @@ class TableComponent extends React.Component {
|
|
|
953
954
|
,
|
|
954
955
|
className: ClassName.TABLE_CORNER_MASK,
|
|
955
956
|
"data-corner": "right"
|
|
956
|
-
})), allowControls && colControls),
|
|
957
|
+
})), allowControls && colControls), isExperimentEnabled('platform_editor_table_css_overflow_shadow') && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
957
958
|
contentEditable: false,
|
|
958
959
|
"aria-hidden": "true",
|
|
959
960
|
"data-vc-nvs": "true",
|
|
@@ -3,6 +3,7 @@ import kebabCase from 'lodash/kebabCase';
|
|
|
3
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
|
+
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
6
7
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
7
8
|
import { generateColgroupFromNode, getResizerMinWidth } from '../pm-plugins/table-resizing/utils/colgroup';
|
|
8
9
|
import { TABLE_MAX_WIDTH, TABLE_FULL_WIDTH } from '../pm-plugins/table-resizing/utils/consts';
|
|
@@ -48,7 +49,7 @@ export const tableNodeSpecWithFixedToDOM = config => {
|
|
|
48
49
|
if (config.allowColumnResizing) {
|
|
49
50
|
colgroup = ['colgroup', {}, ...generateColgroupFromNode(node, config.isCommentEditor, config.isChromelessEditor, config.isNested, config.isTableScalingEnabled, config.shouldUseIncreasedScalingPercent)];
|
|
50
51
|
}
|
|
51
|
-
const overflowShadows =
|
|
52
|
+
const overflowShadows = isExperimentEnabled('platform_editor_table_css_overflow_shadow') ? [['div', {
|
|
52
53
|
contenteditable: 'false',
|
|
53
54
|
'aria-hidden': 'true',
|
|
54
55
|
'data-vc-nvs': 'true',
|
|
@@ -82,7 +83,7 @@ export const tableNodeSpecWithFixedToDOM = config => {
|
|
|
82
83
|
class: 'pm-table-row-controls-wrapper'
|
|
83
84
|
}, ['div']], ['div', {
|
|
84
85
|
class: classNames(ClassName.TABLE_NODE_WRAPPER, {
|
|
85
|
-
[ClassName.TABLE_SCROLL_INLINE_SHADOW]:
|
|
86
|
+
[ClassName.TABLE_SCROLL_INLINE_SHADOW]: isExperimentEnabled('platform_editor_table_css_overflow_shadow')
|
|
86
87
|
})
|
|
87
88
|
}, ...roundedTableCornerMasks, ['table', attrs, colgroup, ['tbody', 0]]], ...overflowShadows, ['div', {
|
|
88
89
|
class: 'pm-table-sticky-sentinel-bottom',
|
|
@@ -26,6 +26,7 @@ import { isTableInContentMode } from '@atlaskit/editor-common/table';
|
|
|
26
26
|
import { isValidPosition } from '@atlaskit/editor-common/utils';
|
|
27
27
|
import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
|
|
28
28
|
import { isTableSelected } from '@atlaskit/editor-tables/utils';
|
|
29
|
+
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
29
30
|
import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
|
|
30
31
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
31
32
|
import { autoSizeTable, clearHoverSelection, setTableRef } from '../pm-plugins/commands';
|
|
@@ -966,7 +967,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
966
967
|
}), /*#__PURE__*/React.createElement(NodeViewContentHole
|
|
967
968
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/no-unsafe-style-overrides -- existing table wrapper class required for legacy styling hooks
|
|
968
969
|
, {
|
|
969
|
-
className: classnames(ClassName.TABLE_NODE_WRAPPER, _defineProperty({}, ClassName.TABLE_SCROLL_INLINE_SHADOW,
|
|
970
|
+
className: classnames(ClassName.TABLE_NODE_WRAPPER, _defineProperty({}, ClassName.TABLE_SCROLL_INLINE_SHADOW, isExperimentEnabled('platform_editor_table_css_overflow_shadow'))),
|
|
970
971
|
ref: this.setWrapperRef
|
|
971
972
|
}, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
972
973
|
contentEditable: false,
|
|
@@ -982,7 +983,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
982
983
|
,
|
|
983
984
|
className: ClassName.TABLE_CORNER_MASK,
|
|
984
985
|
"data-corner": "right"
|
|
985
|
-
})), allowControls && colControls),
|
|
986
|
+
})), allowControls && colControls), isExperimentEnabled('platform_editor_table_css_overflow_shadow') && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
986
987
|
contentEditable: false,
|
|
987
988
|
"aria-hidden": "true",
|
|
988
989
|
"data-vc-nvs": "true",
|
|
@@ -8,6 +8,7 @@ import kebabCase from 'lodash/kebabCase';
|
|
|
8
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
|
+
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
11
12
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
12
13
|
import { generateColgroupFromNode, getResizerMinWidth } from '../pm-plugins/table-resizing/utils/colgroup';
|
|
13
14
|
import { TABLE_MAX_WIDTH, TABLE_FULL_WIDTH } from '../pm-plugins/table-resizing/utils/consts';
|
|
@@ -57,7 +58,7 @@ export var tableNodeSpecWithFixedToDOM = function tableNodeSpecWithFixedToDOM(co
|
|
|
57
58
|
if (config.allowColumnResizing) {
|
|
58
59
|
colgroup = ['colgroup', {}].concat(_toConsumableArray(generateColgroupFromNode(node, config.isCommentEditor, config.isChromelessEditor, config.isNested, config.isTableScalingEnabled, config.shouldUseIncreasedScalingPercent)));
|
|
59
60
|
}
|
|
60
|
-
var overflowShadows =
|
|
61
|
+
var overflowShadows = isExperimentEnabled('platform_editor_table_css_overflow_shadow') ? [['div', {
|
|
61
62
|
contenteditable: 'false',
|
|
62
63
|
'aria-hidden': 'true',
|
|
63
64
|
'data-vc-nvs': 'true',
|
|
@@ -90,7 +91,7 @@ export var tableNodeSpecWithFixedToDOM = function tableNodeSpecWithFixedToDOM(co
|
|
|
90
91
|
}], ['div', {
|
|
91
92
|
class: 'pm-table-row-controls-wrapper'
|
|
92
93
|
}, ['div']], ['div', {
|
|
93
|
-
class: classNames(ClassName.TABLE_NODE_WRAPPER, _defineProperty({}, ClassName.TABLE_SCROLL_INLINE_SHADOW,
|
|
94
|
+
class: classNames(ClassName.TABLE_NODE_WRAPPER, _defineProperty({}, ClassName.TABLE_SCROLL_INLINE_SHADOW, isExperimentEnabled('platform_editor_table_css_overflow_shadow')))
|
|
94
95
|
}].concat(roundedTableCornerMasks, [['table', attrs, colgroup, ['tbody', 0]]])].concat(overflowShadows, [['div', {
|
|
95
96
|
class: 'pm-table-sticky-sentinel-bottom',
|
|
96
97
|
'data-testid': 'sticky-sentinel-bottom'
|
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.15",
|
|
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.2.
|
|
32
|
+
"@atlaskit/editor-plugin-extension": "19.2.2",
|
|
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": "^178.0.0",
|
|
57
57
|
"@atlaskit/toggle": "^17.3.0",
|
|
58
58
|
"@atlaskit/tokens": "^16.11.0",
|
|
59
59
|
"@atlaskit/tooltip": "^24.3.0",
|