@atlaskit/editor-plugin-table 17.3.19 → 17.3.20

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 (7) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/nodeviews/TableContainer.js +11 -4
  3. package/dist/es2019/nodeviews/TableContainer.js +11 -4
  4. package/dist/esm/nodeviews/TableContainer.js +11 -4
  5. package/dist/types/types/index.d.ts +2 -2
  6. package/dist/types-ts4.5/types/index.d.ts +2 -2
  7. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/editor-plugin-table
2
2
 
3
+ ## 17.3.20
4
+
5
+ ### Patch Changes
6
+
7
+ - [`81937b9af604e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/81937b9af604e) -
8
+ [ux] fix table border late render issue
9
+ - Updated dependencies
10
+
3
11
  ## 17.3.19
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/nodeviews/TableContainer.js CHANGED
@@ -30,7 +30,9 @@ var InnerContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
30
30
  var className = _ref.className,
31
31
  style = _ref.style,
32
32
  node = _ref.node,
33
- children = _ref.children;
33
+ children = _ref.children,
34
+ tableWrapperHeight = _ref.tableWrapperHeight;
35
+ var bordersReady = (0, _expValEquals.expValEquals)('platform_editor_table_borders_ready_fix', 'isEnabled', true) ? tableWrapperHeight !== undefined && tableWrapperHeight > 0 : undefined;
34
36
  return /*#__PURE__*/_react.default.createElement("div", {
35
37
  ref: ref
36
38
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -41,6 +43,7 @@ var InnerContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
41
43
  className: className,
42
44
  "data-number-column": node.attrs.isNumberColumnEnabled,
43
45
  "data-layout": node.attrs.layout,
46
+ "data-borders-ready": bordersReady,
44
47
  "data-testid": "table-container"
45
48
  }, children);
46
49
  });
@@ -335,9 +338,12 @@ var ResizableTableContainer = exports.ResizableTableContainer = /*#__PURE__*/_re
335
338
  ref: containerRef
336
339
  }, /*#__PURE__*/_react.default.createElement(_TableResizer.TableResizer, (0, _extends2.default)({}, tableResizerProps, {
337
340
  disabled: isLivePageViewMode
338
- }), /*#__PURE__*/_react.default.createElement(InnerContainer, {
341
+ }), /*#__PURE__*/_react.default.createElement(InnerContainer
342
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
343
+ , {
339
344
  className: className,
340
- node: node
345
+ node: node,
346
+ tableWrapperHeight: tableWrapperHeight
341
347
  }, children))));
342
348
  });
343
349
  var TableContainer = exports.TableContainer = function TableContainer(_ref5) {
@@ -396,7 +402,8 @@ var TableContainer = exports.TableContainer = function TableContainer(_ref5) {
396
402
  var isFullPageAppearance = !isCommentEditor && !isChromelessEditor;
397
403
  var resizableTableWidth = isFullPageAppearance ? (0, _misc.getTableResizerContainerForFullPageWidthInCSS)(node, isTableScalingEnabled) : "calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2))";
398
404
  return /*#__PURE__*/_react.default.createElement(InnerContainer, {
399
- node: node
405
+ node: node,
406
+ tableWrapperHeight: tableWrapperHeight
400
407
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
401
408
  ,
402
409
  className: (0, _classnames.default)(className, {
package/dist/es2019/nodeviews/TableContainer.js CHANGED
@@ -20,8 +20,10 @@ const InnerContainer = /*#__PURE__*/forwardRef(({
20
20
  className,
21
21
  style,
22
22
  node,
23
- children
23
+ children,
24
+ tableWrapperHeight
24
25
  }, ref) => {
26
+ const bordersReady = expValEquals('platform_editor_table_borders_ready_fix', 'isEnabled', true) ? tableWrapperHeight !== undefined && tableWrapperHeight > 0 : undefined;
25
27
  return /*#__PURE__*/React.createElement("div", {
26
28
  ref: ref
27
29
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -32,6 +34,7 @@ const InnerContainer = /*#__PURE__*/forwardRef(({
32
34
  className: className,
33
35
  "data-number-column": node.attrs.isNumberColumnEnabled,
34
36
  "data-layout": node.attrs.layout,
37
+ "data-borders-ready": bordersReady,
35
38
  "data-testid": "table-container"
36
39
  }, children);
37
40
  });
@@ -329,9 +332,12 @@ export const ResizableTableContainer = /*#__PURE__*/React.memo(({
329
332
  ref: containerRef
330
333
  }, /*#__PURE__*/React.createElement(TableResizer, _extends({}, tableResizerProps, {
331
334
  disabled: isLivePageViewMode
332
- }), /*#__PURE__*/React.createElement(InnerContainer, {
335
+ }), /*#__PURE__*/React.createElement(InnerContainer
336
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
337
+ , {
333
338
  className: className,
334
- node: node
339
+ node: node,
340
+ tableWrapperHeight: tableWrapperHeight
335
341
  }, children))));
336
342
  });
337
343
  export const TableContainer = ({
@@ -393,7 +399,8 @@ export const TableContainer = ({
393
399
  const isFullPageAppearance = !isCommentEditor && !isChromelessEditor;
394
400
  const resizableTableWidth = isFullPageAppearance ? getTableResizerContainerForFullPageWidthInCSS(node, isTableScalingEnabled) : `calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2))`;
395
401
  return /*#__PURE__*/React.createElement(InnerContainer, {
396
- node: node
402
+ node: node,
403
+ tableWrapperHeight: tableWrapperHeight
397
404
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
398
405
  ,
399
406
  className: classNames(className, {
package/dist/esm/nodeviews/TableContainer.js CHANGED
@@ -21,7 +21,9 @@ var InnerContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
21
21
  var className = _ref.className,
22
22
  style = _ref.style,
23
23
  node = _ref.node,
24
- children = _ref.children;
24
+ children = _ref.children,
25
+ tableWrapperHeight = _ref.tableWrapperHeight;
26
+ var bordersReady = expValEquals('platform_editor_table_borders_ready_fix', 'isEnabled', true) ? tableWrapperHeight !== undefined && tableWrapperHeight > 0 : undefined;
25
27
  return /*#__PURE__*/React.createElement("div", {
26
28
  ref: ref
27
29
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -32,6 +34,7 @@ var InnerContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
32
34
  className: className,
33
35
  "data-number-column": node.attrs.isNumberColumnEnabled,
34
36
  "data-layout": node.attrs.layout,
37
+ "data-borders-ready": bordersReady,
35
38
  "data-testid": "table-container"
36
39
  }, children);
37
40
  });
@@ -326,9 +329,12 @@ export var ResizableTableContainer = /*#__PURE__*/React.memo(function (_ref4) {
326
329
  ref: containerRef
327
330
  }, /*#__PURE__*/React.createElement(TableResizer, _extends({}, tableResizerProps, {
328
331
  disabled: isLivePageViewMode
329
- }), /*#__PURE__*/React.createElement(InnerContainer, {
332
+ }), /*#__PURE__*/React.createElement(InnerContainer
333
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
334
+ , {
330
335
  className: className,
331
- node: node
336
+ node: node,
337
+ tableWrapperHeight: tableWrapperHeight
332
338
  }, children))));
333
339
  });
334
340
  export var TableContainer = function TableContainer(_ref5) {
@@ -387,7 +393,8 @@ export var TableContainer = function TableContainer(_ref5) {
387
393
  var isFullPageAppearance = !isCommentEditor && !isChromelessEditor;
388
394
  var resizableTableWidth = isFullPageAppearance ? getTableResizerContainerForFullPageWidthInCSS(node, isTableScalingEnabled) : "calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2))";
389
395
  return /*#__PURE__*/React.createElement(InnerContainer, {
390
- node: node
396
+ node: node,
397
+ tableWrapperHeight: tableWrapperHeight
391
398
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
392
399
  ,
393
400
  className: classNames(className, {
package/dist/types/types/index.d.ts CHANGED
@@ -402,8 +402,8 @@ export declare const TableCssClassName: {
402
402
  SELECTED_CELL: string;
403
403
  NODEVIEW_WRAPPER: string;
404
404
  TABLE_SELECTED: string;
405
- TABLE_CELL: string;
406
- TABLE_HEADER_CELL: string;
405
+ TABLE_CELL: "pm-table-cell-content-wrap";
406
+ TABLE_HEADER_CELL: "pm-table-header-content-wrap";
407
407
  TABLE_STICKY: string;
408
408
  TABLE_CHROMELESS: string;
409
409
  TOP_LEFT_CELL: string;
package/dist/types-ts4.5/types/index.d.ts CHANGED
@@ -402,8 +402,8 @@ export declare const TableCssClassName: {
402
402
  SELECTED_CELL: string;
403
403
  NODEVIEW_WRAPPER: string;
404
404
  TABLE_SELECTED: string;
405
- TABLE_CELL: string;
406
- TABLE_HEADER_CELL: string;
405
+ TABLE_CELL: "pm-table-cell-content-wrap";
406
+ TABLE_HEADER_CELL: "pm-table-header-content-wrap";
407
407
  TABLE_STICKY: string;
408
408
  TABLE_CHROMELESS: string;
409
409
  TOP_LEFT_CELL: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-table",
3
- "version": "17.3.19",
3
+ "version": "17.3.20",
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": "^7.0.0",
38
38
  "@atlaskit/editor-plugin-content-insertion": "^7.0.0",
39
39
  "@atlaskit/editor-plugin-editor-viewmode": "^9.0.0",
40
- "@atlaskit/editor-plugin-extension": "10.1.1",
40
+ "@atlaskit/editor-plugin-extension": "10.1.2",
41
41
  "@atlaskit/editor-plugin-guideline": "^7.0.0",
42
42
  "@atlaskit/editor-plugin-interaction": "^14.0.0",
43
43
  "@atlaskit/editor-plugin-limited-mode": "^4.0.0",
@@ -57,7 +57,7 @@
57
57
  "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
58
58
  "@atlaskit/primitives": "^18.0.0",
59
59
  "@atlaskit/theme": "^21.0.0",
60
- "@atlaskit/tmp-editor-statsig": "^25.6.0",
60
+ "@atlaskit/tmp-editor-statsig": "^26.0.0",
61
61
  "@atlaskit/toggle": "^15.2.0",
62
62
  "@atlaskit/tokens": "^11.0.0",
63
63
  "@atlaskit/tooltip": "^20.14.0",
@@ -70,7 +70,7 @@
70
70
  "uuid": "^3.1.0"
71
71
  },
72
72
  "peerDependencies": {
73
- "@atlaskit/editor-common": "^111.15.0",
73
+ "@atlaskit/editor-common": "^111.16.0",
74
74
  "react": "^18.2.0",
75
75
  "react-dom": "^18.2.0",
76
76
  "react-intl-next": "npm:react-intl@^5.18.1"