@atlaskit/editor-core 215.26.0 → 215.26.1
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 +8 -0
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +5 -1
- package/dist/cjs/ui/EditorContentContainer/styles/tableStyles.js +16 -1
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +7 -3
- package/dist/es2019/ui/EditorContentContainer/styles/tableStyles.js +15 -0
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +7 -3
- package/dist/esm/ui/EditorContentContainer/styles/tableStyles.js +15 -0
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/EditorContentContainer/styles/tableStyles.d.ts +1 -0
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/tableStyles.d.ts +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 215.26.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`f41ee46c84bb1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f41ee46c84bb1) -
|
|
8
|
+
[EDITOR-3881] Fix table styling to work with SSR renderer
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 215.26.0
|
|
4
12
|
|
|
5
13
|
### Minor Changes
|
|
@@ -476,7 +476,11 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
|
|
|
476
476
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
477
477
|
_tableStyles.tableContainerStyles,
|
|
478
478
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
479
|
-
!(0, _platformFeatureFlags.fg)('platform_editor_table_container_y_overflow_fix') && _tableStyles.tableContainerOverflowY,
|
|
479
|
+
!(0, _platformFeatureFlags.fg)('platform_editor_table_container_y_overflow_fix') && _tableStyles.tableContainerOverflowY, (0, _expValEquals.expValEquals)('platform_editor_ssr_renderer', 'isEnabled', true) &&
|
|
480
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
481
|
+
(0, _styles.tableSharedStyle)(),
|
|
482
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
483
|
+
(0, _expValEquals.expValEquals)('platform_editor_ssr_renderer', 'isEnabled', true) && _tableStyles.tableEmptyRowStyles,
|
|
480
484
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
481
485
|
_link.hyperLinkFloatingToolbarStyles,
|
|
482
486
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.tableLayoutFixes = exports.tableContainerStyles = exports.tableContainerOverflowY = exports.tableCommentEditorStyles = exports.tableCommentEditorMarginOverride = void 0;
|
|
7
|
+
exports.tableLayoutFixes = exports.tableEmptyRowStyles = exports.tableContainerStyles = exports.tableContainerOverflowY = exports.tableCommentEditorStyles = exports.tableCommentEditorMarginOverride = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _scrollbarStyles = require("./scrollbarStyles");
|
|
@@ -67,4 +67,19 @@ var tableContainerOverflowY = exports.tableContainerOverflowY = (0, _react.css)(
|
|
|
67
67
|
'.ProseMirror .pm-table-wrapper': {
|
|
68
68
|
overflowY: 'visible'
|
|
69
69
|
}
|
|
70
|
+
});
|
|
71
|
+
|
|
72
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
73
|
+
var tableEmptyRowStyles = exports.tableEmptyRowStyles = (0, _react.css)({
|
|
74
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
75
|
+
'.ProseMirror .pm-table-wrapper': {
|
|
76
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
77
|
+
'.pm-table-cell-content-wrap, .pm-table-header-content-wrap': {
|
|
78
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
79
|
+
'p:empty': {
|
|
80
|
+
/* add a minimum height to empty table rows in SSR */
|
|
81
|
+
minHeight: '1.714em'
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
70
85
|
});
|
|
@@ -8,7 +8,7 @@ import React from 'react';
|
|
|
8
8
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
9
|
import { jsx, useTheme } from '@emotion/react';
|
|
10
10
|
import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
|
|
11
|
-
import { richMediaClassName } from '@atlaskit/editor-common/styles';
|
|
11
|
+
import { richMediaClassName, tableSharedStyle } from '@atlaskit/editor-common/styles';
|
|
12
12
|
import { akEditorGutterPaddingDynamic, editorFontSize } from '@atlaskit/editor-shared-styles';
|
|
13
13
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
14
14
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
@@ -59,7 +59,7 @@ import { shadowStyles } from './styles/shadowStyles';
|
|
|
59
59
|
import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, smartCardDiffStyles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
|
|
60
60
|
import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
|
|
61
61
|
import { syncBlockStyles } from './styles/syncBlockStyles';
|
|
62
|
-
import { tableCommentEditorStyles, tableContainerOverflowY, tableContainerStyles, tableLayoutFixes } from './styles/tableStyles';
|
|
62
|
+
import { tableCommentEditorStyles, tableContainerOverflowY, tableContainerStyles, tableLayoutFixes, tableEmptyRowStyles } from './styles/tableStyles';
|
|
63
63
|
import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionIconWithoutVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
|
|
64
64
|
import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
|
|
65
65
|
import { textColorStyles } from './styles/textColorStyles';
|
|
@@ -472,7 +472,11 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
472
472
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
473
473
|
tableContainerStyles,
|
|
474
474
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
475
|
-
!fg('platform_editor_table_container_y_overflow_fix') && tableContainerOverflowY,
|
|
475
|
+
!fg('platform_editor_table_container_y_overflow_fix') && tableContainerOverflowY, expValEquals('platform_editor_ssr_renderer', 'isEnabled', true) &&
|
|
476
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
477
|
+
tableSharedStyle(),
|
|
478
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
479
|
+
expValEquals('platform_editor_ssr_renderer', 'isEnabled', true) && tableEmptyRowStyles,
|
|
476
480
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
477
481
|
hyperLinkFloatingToolbarStyles,
|
|
478
482
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -63,4 +63,19 @@ export const tableContainerOverflowY = css({
|
|
|
63
63
|
'.ProseMirror .pm-table-wrapper': {
|
|
64
64
|
overflowY: 'visible'
|
|
65
65
|
}
|
|
66
|
+
});
|
|
67
|
+
|
|
68
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
69
|
+
export const tableEmptyRowStyles = css({
|
|
70
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
71
|
+
'.ProseMirror .pm-table-wrapper': {
|
|
72
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
73
|
+
'.pm-table-cell-content-wrap, .pm-table-header-content-wrap': {
|
|
74
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
75
|
+
'p:empty': {
|
|
76
|
+
/* add a minimum height to empty table rows in SSR */
|
|
77
|
+
minHeight: '1.714em'
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
66
81
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "215.
|
|
2
|
+
export const version = "215.26.0";
|
|
@@ -9,7 +9,7 @@ import React from 'react';
|
|
|
9
9
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
10
10
|
import { jsx, useTheme } from '@emotion/react';
|
|
11
11
|
import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
|
|
12
|
-
import { richMediaClassName } from '@atlaskit/editor-common/styles';
|
|
12
|
+
import { richMediaClassName, tableSharedStyle } from '@atlaskit/editor-common/styles';
|
|
13
13
|
import { akEditorGutterPaddingDynamic, editorFontSize } from '@atlaskit/editor-shared-styles';
|
|
14
14
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
15
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
@@ -60,7 +60,7 @@ import { shadowStyles } from './styles/shadowStyles';
|
|
|
60
60
|
import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, smartCardDiffStyles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
|
|
61
61
|
import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
|
|
62
62
|
import { syncBlockStyles } from './styles/syncBlockStyles';
|
|
63
|
-
import { tableCommentEditorStyles, tableContainerOverflowY, tableContainerStyles, tableLayoutFixes } from './styles/tableStyles';
|
|
63
|
+
import { tableCommentEditorStyles, tableContainerOverflowY, tableContainerStyles, tableLayoutFixes, tableEmptyRowStyles } from './styles/tableStyles';
|
|
64
64
|
import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionIconWithoutVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
|
|
65
65
|
import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
|
|
66
66
|
import { textColorStyles } from './styles/textColorStyles';
|
|
@@ -468,7 +468,11 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
|
|
|
468
468
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
469
469
|
tableContainerStyles,
|
|
470
470
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
471
|
-
!fg('platform_editor_table_container_y_overflow_fix') && tableContainerOverflowY,
|
|
471
|
+
!fg('platform_editor_table_container_y_overflow_fix') && tableContainerOverflowY, expValEquals('platform_editor_ssr_renderer', 'isEnabled', true) &&
|
|
472
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
473
|
+
tableSharedStyle(),
|
|
474
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
475
|
+
expValEquals('platform_editor_ssr_renderer', 'isEnabled', true) && tableEmptyRowStyles,
|
|
472
476
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
473
477
|
hyperLinkFloatingToolbarStyles,
|
|
474
478
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -60,4 +60,19 @@ export var tableContainerOverflowY = css({
|
|
|
60
60
|
'.ProseMirror .pm-table-wrapper': {
|
|
61
61
|
overflowY: 'visible'
|
|
62
62
|
}
|
|
63
|
+
});
|
|
64
|
+
|
|
65
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
66
|
+
export var tableEmptyRowStyles = css({
|
|
67
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
68
|
+
'.ProseMirror .pm-table-wrapper': {
|
|
69
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
70
|
+
'.pm-table-cell-content-wrap, .pm-table-header-content-wrap': {
|
|
71
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
72
|
+
'p:empty': {
|
|
73
|
+
/* add a minimum height to empty table rows in SSR */
|
|
74
|
+
minHeight: '1.714em'
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
}
|
|
63
78
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "215.
|
|
2
|
+
export var version = "215.26.0";
|
|
@@ -4,3 +4,4 @@ export declare const tableCommentEditorMarginOverride: SerializedStyles;
|
|
|
4
4
|
export declare const tableCommentEditorStyles: SerializedStyles;
|
|
5
5
|
export declare const tableContainerStyles: SerializedStyles;
|
|
6
6
|
export declare const tableContainerOverflowY: SerializedStyles;
|
|
7
|
+
export declare const tableEmptyRowStyles: SerializedStyles;
|
|
@@ -4,3 +4,4 @@ export declare const tableCommentEditorMarginOverride: SerializedStyles;
|
|
|
4
4
|
export declare const tableCommentEditorStyles: SerializedStyles;
|
|
5
5
|
export declare const tableContainerStyles: SerializedStyles;
|
|
6
6
|
export declare const tableContainerOverflowY: SerializedStyles;
|
|
7
|
+
export declare const tableEmptyRowStyles: SerializedStyles;
|