@atlaskit/editor-plugin-table 28.1.12 → 28.1.14

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 CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/editor-plugin-table
2
2
 
3
+ ## 28.1.14
4
+
5
+ ### Patch Changes
6
+
7
+ - [`e29faa16e0c66`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e29faa16e0c66) -
8
+ Migrate selected editor experiment reads and tooling from tmp-editor-statsig to
9
+ platform-feature-experiments, including static CSS, floating ToC, insert-menu AI, table overflow
10
+ shadows, and collapsible headings.
11
+ - Updated dependencies
12
+
13
+ ## 28.1.13
14
+
15
+ ### Patch Changes
16
+
17
+ - Updated dependencies
18
+
3
19
  ## 28.1.12
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, _expValEquals.expValEquals)('platform_editor_table_css_overflow_shadow', 'isEnabled', true))),
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, _expValEquals.expValEquals)('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
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, _expValEquals.expValEquals)('platform_editor_table_css_overflow_shadow', 'isEnabled', true) ? [['div', {
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, _expValEquals.expValEquals)('platform_editor_table_css_overflow_shadow', 'isEnabled', true)))
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]: expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true)
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), expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
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 = expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) ? [['div', {
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]: expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true)
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, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true))),
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), expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
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 = expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) ? [['div', {
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, expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true)))
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.12",
3
+ "version": "28.1.14",
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.0",
32
+ "@atlaskit/editor-plugin-extension": "19.2.1",
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",