@atlaskit/editor-plugin-table 11.0.0 → 11.0.2

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.
Files changed (10) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/nodeviews/TableComponent.js +6 -7
  3. package/dist/cjs/nodeviews/TableRow.js +8 -15
  4. package/dist/es2019/nodeviews/TableComponent.js +14 -15
  5. package/dist/es2019/nodeviews/TableRow.js +9 -16
  6. package/dist/esm/nodeviews/TableComponent.js +6 -7
  7. package/dist/esm/nodeviews/TableRow.js +8 -15
  8. package/package.json +8 -5
  9. package/src/nodeviews/TableComponent.tsx +5 -6
  10. package/src/nodeviews/TableRow.ts +7 -12
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/editor-plugin-table
2
2
 
3
+ ## 11.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 11.0.1
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 11.0.0
4
16
 
5
17
  ### Major Changes
package/dist/cjs/nodeviews/TableComponent.js CHANGED
@@ -28,7 +28,6 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
28
28
  var _utils2 = require("@atlaskit/editor-tables/utils");
29
29
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
30
30
  var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
31
- var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
32
31
  var _commands = require("../pm-plugins/commands");
33
32
  var _autoscrollers = require("../pm-plugins/drag-and-drop/utils/autoscrollers");
34
33
  var _pluginFactory = require("../pm-plugins/plugin-factory");
@@ -403,12 +402,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
403
402
  key: "componentDidMount",
404
403
  value: function componentDidMount() {
405
404
  var _this2 = this;
406
- if ((0, _experiments.editorExperiment)('platform_editor_nodevisibility', false, {
407
- exposure: true
408
- })) {
409
- this.initialiseEventListenersAfterMount();
410
- return;
411
- }
412
405
  var _nodeVisibilityManage = (0, _nodeVisibility.nodeVisibilityManager)(this.props.view.dom),
413
406
  observe = _nodeVisibilityManage.observe;
414
407
  if (this.table) {
@@ -416,6 +409,12 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
416
409
  element: this.table,
417
410
  onFirstVisible: function onFirstVisible() {
418
411
  _this2.initialiseEventListenersAfterMount();
412
+ // force width calculcation - missed resize event under firefox when
413
+ // table is nested within bodied extension
414
+ if (_this2.wrapper && (0, _platformFeatureFlags.fg)('platform_editor_nodevisibility_resize_sync')) {
415
+ var _this2$wrapper;
416
+ _this2.wrapperWidth = (_this2$wrapper = _this2.wrapper) === null || _this2$wrapper === void 0 ? void 0 : _this2$wrapper.clientWidth;
417
+ }
419
418
  }
420
419
  });
421
420
  }
package/dist/cjs/nodeviews/TableRow.js CHANGED
@@ -17,7 +17,6 @@ var _nesting = require("@atlaskit/editor-common/nesting");
17
17
  var _nodeVisibility = require("@atlaskit/editor-common/node-visibility");
18
18
  var _ui = require("@atlaskit/editor-common/ui");
19
19
  var _utils = require("@atlaskit/editor-prosemirror/utils");
20
- var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
21
20
  var _pluginFactory = require("../pm-plugins/plugin-factory");
22
21
  var _pluginKey = require("../pm-plugins/plugin-key");
23
22
  var _commands = require("../pm-plugins/sticky-headers/commands");
@@ -85,20 +84,14 @@ var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
85
84
  _this.isInNestedTable = (0, _nesting.getParentOfTypeCount)(view.state.schema.nodes.table)(view.state.doc.resolve(pos)) > 1;
86
85
  }
87
86
  if (_this.isHeaderRow) {
88
- if ((0, _experiments.editorExperiment)('platform_editor_nodevisibility', false, {
89
- exposure: true
90
- })) {
91
- _this.subscribeWhenRowVisible();
92
- } else {
93
- var _nodeVisibilityManage = (0, _nodeVisibility.nodeVisibilityManager)(view.dom),
94
- observe = _nodeVisibilityManage.observe;
95
- _this.nodeVisibilityObserverCleanupFn = observe({
96
- element: _this.contentDOM,
97
- onFirstVisible: function onFirstVisible() {
98
- _this.subscribeWhenRowVisible();
99
- }
100
- });
101
- }
87
+ var _nodeVisibilityManage = (0, _nodeVisibility.nodeVisibilityManager)(view.dom),
88
+ observe = _nodeVisibilityManage.observe;
89
+ _this.nodeVisibilityObserverCleanupFn = observe({
90
+ element: _this.contentDOM,
91
+ onFirstVisible: function onFirstVisible() {
92
+ _this.subscribeWhenRowVisible();
93
+ }
94
+ });
102
95
  }
103
96
  return _this;
104
97
  }
package/dist/es2019/nodeviews/TableComponent.js CHANGED
@@ -15,7 +15,6 @@ import { akEditorTableNumberColumnWidth, akEditorTableToolbarSize as tableToolba
15
15
  import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
16
16
  import { fg } from '@atlaskit/platform-feature-flags';
17
17
  import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
18
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
19
18
  import { autoSizeTable, clearHoverSelection } from '../pm-plugins/commands';
20
19
  import { autoScrollerFactory } from '../pm-plugins/drag-and-drop/utils/autoscrollers';
21
20
  import { getPluginState } from '../pm-plugins/plugin-factory';
@@ -387,12 +386,6 @@ class TableComponent extends React.Component {
387
386
  }
388
387
  }
389
388
  componentDidMount() {
390
- if (editorExperiment('platform_editor_nodevisibility', false, {
391
- exposure: true
392
- })) {
393
- this.initialiseEventListenersAfterMount();
394
- return;
395
- }
396
389
  const {
397
390
  observe
398
391
  } = nodeVisibilityManager(this.props.view.dom);
@@ -401,6 +394,12 @@ class TableComponent extends React.Component {
401
394
  element: this.table,
402
395
  onFirstVisible: () => {
403
396
  this.initialiseEventListenersAfterMount();
397
+ // force width calculcation - missed resize event under firefox when
398
+ // table is nested within bodied extension
399
+ if (this.wrapper && fg('platform_editor_nodevisibility_resize_sync')) {
400
+ var _this$wrapper;
401
+ this.wrapperWidth = (_this$wrapper = this.wrapper) === null || _this$wrapper === void 0 ? void 0 : _this$wrapper.clientWidth;
402
+ }
404
403
  }
405
404
  });
406
405
  }
@@ -689,7 +688,7 @@ class TableComponent extends React.Component {
689
688
  // Ignored via go/ees005
690
689
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
691
690
  componentDidUpdate(_, prevState) {
692
- var _this$props$options0, _this$props$options1, _this$wrapper;
691
+ var _this$props$options0, _this$props$options1, _this$wrapper2;
693
692
  const {
694
693
  view,
695
694
  getNode,
@@ -735,7 +734,7 @@ class TableComponent extends React.Component {
735
734
  if ((_this$props$options1 = this.props.options) !== null && _this$props$options1 !== void 0 && _this$props$options1.isCommentEditor && allowTableResizing && !(options !== null && options !== void 0 && options.isTableScalingEnabled)) {
736
735
  this.removeInlineTableWidth();
737
736
  }
738
- if ((_this$wrapper = this.wrapper) !== null && _this$wrapper !== void 0 && _this$wrapper.parentElement && this.table && !this.overflowShadowsObserver) {
737
+ if ((_this$wrapper2 = this.wrapper) !== null && _this$wrapper2 !== void 0 && _this$wrapper2.parentElement && this.table && !this.overflowShadowsObserver) {
739
738
  if (this.props.isDragAndDropEnabled) {
740
739
  // requestAnimationFrame is used here to fix a race condition issue
741
740
  // that happens when a table is nested in expand and expand's width is
@@ -914,8 +913,8 @@ class TableComponent extends React.Component {
914
913
  tableContainerWidth: tableContainerWidth,
915
914
  isNumberColumnEnabled: node.attrs.isNumberColumnEnabled,
916
915
  getScrollOffset: () => {
917
- var _this$wrapper2;
918
- return ((_this$wrapper2 = this.wrapper) === null || _this$wrapper2 === void 0 ? void 0 : _this$wrapper2.scrollLeft) || 0;
916
+ var _this$wrapper3;
917
+ return ((_this$wrapper3 = this.wrapper) === null || _this$wrapper3 === void 0 ? void 0 : _this$wrapper3.scrollLeft) || 0;
919
918
  },
920
919
  tableWrapperHeight: this.state.tableWrapperHeight,
921
920
  api: pluginInjectionApi,
@@ -991,12 +990,12 @@ class TableComponent extends React.Component {
991
990
  editorView: view,
992
991
  node: node,
993
992
  getScrollOffset: () => {
994
- var _this$wrapper3;
995
- return ((_this$wrapper3 = this.wrapper) === null || _this$wrapper3 === void 0 ? void 0 : _this$wrapper3.scrollLeft) || 0;
993
+ var _this$wrapper4;
994
+ return ((_this$wrapper4 = this.wrapper) === null || _this$wrapper4 === void 0 ? void 0 : _this$wrapper4.scrollLeft) || 0;
996
995
  },
997
996
  getTableWrapperWidth: () => {
998
- var _this$wrapper4;
999
- return ((_this$wrapper4 = this.wrapper) === null || _this$wrapper4 === void 0 ? void 0 : _this$wrapper4.clientWidth) || 760;
997
+ var _this$wrapper5;
998
+ return ((_this$wrapper5 = this.wrapper) === null || _this$wrapper5 === void 0 ? void 0 : _this$wrapper5.clientWidth) || 760;
1000
999
  }
1001
1000
  }), /*#__PURE__*/React.createElement("div", {
1002
1001
  contentEditable: false
package/dist/es2019/nodeviews/TableRow.js CHANGED
@@ -5,7 +5,6 @@ import { getParentOfTypeCount } from '@atlaskit/editor-common/nesting';
5
5
  import { nodeVisibilityManager } from '@atlaskit/editor-common/node-visibility';
6
6
  import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
7
7
  import { findParentNodeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
8
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
9
8
  import { getPluginState } from '../pm-plugins/plugin-factory';
10
9
  import { pluginKey as tablePluginKey } from '../pm-plugins/plugin-key';
11
10
  import { updateStickyState } from '../pm-plugins/sticky-headers/commands';
@@ -70,21 +69,15 @@ export default class TableRow extends TableNodeView {
70
69
  this.isInNestedTable = getParentOfTypeCount(view.state.schema.nodes.table)(view.state.doc.resolve(pos)) > 1;
71
70
  }
72
71
  if (this.isHeaderRow) {
73
- if (editorExperiment('platform_editor_nodevisibility', false, {
74
- exposure: true
75
- })) {
76
- this.subscribeWhenRowVisible();
77
- } else {
78
- const {
79
- observe
80
- } = nodeVisibilityManager(view.dom);
81
- this.nodeVisibilityObserverCleanupFn = observe({
82
- element: this.contentDOM,
83
- onFirstVisible: () => {
84
- this.subscribeWhenRowVisible();
85
- }
86
- });
87
- }
72
+ const {
73
+ observe
74
+ } = nodeVisibilityManager(view.dom);
75
+ this.nodeVisibilityObserverCleanupFn = observe({
76
+ element: this.contentDOM,
77
+ onFirstVisible: () => {
78
+ this.subscribeWhenRowVisible();
79
+ }
80
+ });
88
81
  }
89
82
  }
90
83
  subscribeWhenRowVisible() {
package/dist/esm/nodeviews/TableComponent.js CHANGED
@@ -28,7 +28,6 @@ import { akEditorTableNumberColumnWidth, akEditorTableToolbarSize as tableToolba
28
28
  import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
29
29
  import { fg } from '@atlaskit/platform-feature-flags';
30
30
  import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
31
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
32
31
  import { autoSizeTable, clearHoverSelection } from '../pm-plugins/commands';
33
32
  import { autoScrollerFactory } from '../pm-plugins/drag-and-drop/utils/autoscrollers';
34
33
  import { getPluginState } from '../pm-plugins/plugin-factory';
@@ -397,12 +396,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
397
396
  key: "componentDidMount",
398
397
  value: function componentDidMount() {
399
398
  var _this2 = this;
400
- if (editorExperiment('platform_editor_nodevisibility', false, {
401
- exposure: true
402
- })) {
403
- this.initialiseEventListenersAfterMount();
404
- return;
405
- }
406
399
  var _nodeVisibilityManage = nodeVisibilityManager(this.props.view.dom),
407
400
  observe = _nodeVisibilityManage.observe;
408
401
  if (this.table) {
@@ -410,6 +403,12 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
410
403
  element: this.table,
411
404
  onFirstVisible: function onFirstVisible() {
412
405
  _this2.initialiseEventListenersAfterMount();
406
+ // force width calculcation - missed resize event under firefox when
407
+ // table is nested within bodied extension
408
+ if (_this2.wrapper && fg('platform_editor_nodevisibility_resize_sync')) {
409
+ var _this2$wrapper;
410
+ _this2.wrapperWidth = (_this2$wrapper = _this2.wrapper) === null || _this2$wrapper === void 0 ? void 0 : _this2$wrapper.clientWidth;
411
+ }
413
412
  }
414
413
  });
415
414
  }
package/dist/esm/nodeviews/TableRow.js CHANGED
@@ -12,7 +12,6 @@ import { getParentOfTypeCount } from '@atlaskit/editor-common/nesting';
12
12
  import { nodeVisibilityManager } from '@atlaskit/editor-common/node-visibility';
13
13
  import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
14
14
  import { findParentNodeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
15
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
16
15
  import { getPluginState } from '../pm-plugins/plugin-factory';
17
16
  import { pluginKey as tablePluginKey } from '../pm-plugins/plugin-key';
18
17
  import { updateStickyState } from '../pm-plugins/sticky-headers/commands';
@@ -78,20 +77,14 @@ var TableRow = /*#__PURE__*/function (_TableNodeView) {
78
77
  _this.isInNestedTable = getParentOfTypeCount(view.state.schema.nodes.table)(view.state.doc.resolve(pos)) > 1;
79
78
  }
80
79
  if (_this.isHeaderRow) {
81
- if (editorExperiment('platform_editor_nodevisibility', false, {
82
- exposure: true
83
- })) {
84
- _this.subscribeWhenRowVisible();
85
- } else {
86
- var _nodeVisibilityManage = nodeVisibilityManager(view.dom),
87
- observe = _nodeVisibilityManage.observe;
88
- _this.nodeVisibilityObserverCleanupFn = observe({
89
- element: _this.contentDOM,
90
- onFirstVisible: function onFirstVisible() {
91
- _this.subscribeWhenRowVisible();
92
- }
93
- });
94
- }
80
+ var _nodeVisibilityManage = nodeVisibilityManager(view.dom),
81
+ observe = _nodeVisibilityManage.observe;
82
+ _this.nodeVisibilityObserverCleanupFn = observe({
83
+ element: _this.contentDOM,
84
+ onFirstVisible: function onFirstVisible() {
85
+ _this.subscribeWhenRowVisible();
86
+ }
87
+ });
95
88
  }
96
89
  return _this;
97
90
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-table",
3
- "version": "11.0.0",
3
+ "version": "11.0.2",
4
4
  "description": "Table plugin for the @atlaskit/editor",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
37
37
  "@atlaskit/editor-plugin-batch-attribute-updates": "^3.0.0",
38
38
  "@atlaskit/editor-plugin-content-insertion": "^3.0.0",
39
39
  "@atlaskit/editor-plugin-editor-viewmode": "^5.0.0",
40
- "@atlaskit/editor-plugin-extension": "6.0.0",
40
+ "@atlaskit/editor-plugin-extension": "6.0.2",
41
41
  "@atlaskit/editor-plugin-guideline": "^3.0.0",
42
42
  "@atlaskit/editor-plugin-interaction": "^4.0.0",
43
43
  "@atlaskit/editor-plugin-selection": "^3.0.0",
@@ -45,7 +45,7 @@
45
45
  "@atlaskit/editor-prosemirror": "7.0.0",
46
46
  "@atlaskit/editor-shared-styles": "^3.4.0",
47
47
  "@atlaskit/editor-tables": "^2.9.0",
48
- "@atlaskit/icon": "^27.2.0",
48
+ "@atlaskit/icon": "^27.3.0",
49
49
  "@atlaskit/menu": "^8.0.0",
50
50
  "@atlaskit/platform-feature-flags": "^1.1.0",
51
51
  "@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
@@ -53,7 +53,7 @@
53
53
  "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
54
54
  "@atlaskit/primitives": "^14.10.0",
55
55
  "@atlaskit/theme": "^18.0.0",
56
- "@atlaskit/tmp-editor-statsig": "^8.7.0",
56
+ "@atlaskit/tmp-editor-statsig": "^9.0.0",
57
57
  "@atlaskit/toggle": "^15.0.0",
58
58
  "@atlaskit/tokens": "^5.4.0",
59
59
  "@atlaskit/tooltip": "^20.3.0",
@@ -66,7 +66,7 @@
66
66
  "uuid": "^3.1.0"
67
67
  },
68
68
  "peerDependencies": {
69
- "@atlaskit/editor-common": "^107.6.0",
69
+ "@atlaskit/editor-common": "^107.7.0",
70
70
  "react": "^18.2.0",
71
71
  "react-dom": "^18.2.0",
72
72
  "react-intl-next": "npm:react-intl@^5.18.1"
@@ -191,6 +191,9 @@
191
191
  },
192
192
  "platform_editor_table_fw_numcol_overflow_fix": {
193
193
  "type": "boolean"
194
+ },
195
+ "platform_editor_nodevisibility_resize_sync": {
196
+ "type": "boolean"
194
197
  }
195
198
  }
196
199
  }
package/src/nodeviews/TableComponent.tsx CHANGED
@@ -29,7 +29,6 @@ import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
29
29
  import { fg } from '@atlaskit/platform-feature-flags';
30
30
  import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
31
31
  import type { CleanupFn } from '@atlaskit/pragmatic-drag-and-drop/types';
32
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
33
32
  import { token } from '@atlaskit/tokens';
34
33
 
35
34
  import { autoSizeTable, clearHoverSelection } from '../pm-plugins/commands';
@@ -252,17 +251,17 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
252
251
  };
253
252
 
254
253
  componentDidMount() {
255
- if (editorExperiment('platform_editor_nodevisibility', false, { exposure: true })) {
256
- this.initialiseEventListenersAfterMount();
257
- return;
258
- }
259
-
260
254
  const { observe } = nodeVisibilityManager(this.props.view.dom);
261
255
  if (this.table) {
262
256
  this.nodeVisibilityObserverCleanupFn = observe({
263
257
  element: this.table,
264
258
  onFirstVisible: () => {
265
259
  this.initialiseEventListenersAfterMount();
260
+ // force width calculcation - missed resize event under firefox when
261
+ // table is nested within bodied extension
262
+ if (this.wrapper && fg('platform_editor_nodevisibility_resize_sync')) {
263
+ this.wrapperWidth = this.wrapper?.clientWidth;
264
+ }
266
265
  },
267
266
  });
268
267
  }
package/src/nodeviews/TableRow.ts CHANGED
@@ -8,7 +8,6 @@ import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
8
8
  import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
9
9
  import { findParentNodeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
10
10
  import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
11
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
12
11
 
13
12
  import { getPluginState } from '../pm-plugins/plugin-factory';
14
13
  import { pluginKey as tablePluginKey } from '../pm-plugins/plugin-key';
@@ -69,17 +68,13 @@ export default class TableRow extends TableNodeView<HTMLTableRowElement> impleme
69
68
  }
70
69
 
71
70
  if (this.isHeaderRow) {
72
- if (editorExperiment('platform_editor_nodevisibility', false, { exposure: true })) {
73
- this.subscribeWhenRowVisible();
74
- } else {
75
- const { observe } = nodeVisibilityManager(view.dom);
76
- this.nodeVisibilityObserverCleanupFn = observe({
77
- element: this.contentDOM,
78
- onFirstVisible: () => {
79
- this.subscribeWhenRowVisible();
80
- },
81
- });
82
- }
71
+ const { observe } = nodeVisibilityManager(view.dom);
72
+ this.nodeVisibilityObserverCleanupFn = observe({
73
+ element: this.contentDOM,
74
+ onFirstVisible: () => {
75
+ this.subscribeWhenRowVisible();
76
+ },
77
+ });
83
78
  }
84
79
  }
85
80