@atlaskit/editor-core 216.7.4 → 216.7.6
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 +17 -0
- package/dist/cjs/ui/Appearance/Comment/Comment.js +1 -9
- package/dist/cjs/ui/Appearance/FullPage/FullPageToolbarNext.js +1 -2
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +4 -2
- package/dist/cjs/ui/EditorContentContainer/styles/smartCardStyles.js +37 -1
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/Appearance/Comment/Comment.js +1 -9
- package/dist/es2019/ui/Appearance/FullPage/FullPageToolbarNext.js +1 -2
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +5 -3
- package/dist/es2019/ui/EditorContentContainer/styles/smartCardStyles.js +56 -0
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/Appearance/Comment/Comment.js +1 -9
- package/dist/esm/ui/Appearance/FullPage/FullPageToolbarNext.js +1 -2
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +5 -3
- package/dist/esm/ui/EditorContentContainer/styles/smartCardStyles.js +36 -0
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/EditorContentContainer/styles/smartCardStyles.d.ts +1 -0
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/smartCardStyles.d.ts +1 -0
- package/package.json +9 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 216.7.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`9041ec452a104`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9041ec452a104) -
|
|
8
|
+
[EDITOR-4515] clean up fg platform_editor_toolbar_aifc_patch_7
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 216.7.5
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`f9ab3b2b9d564`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f9ab3b2b9d564) -
|
|
16
|
+
[ux] [ENGHEALTH-43911] update styles for show diff deleted nodes behind
|
|
17
|
+
platform_editor_jan_a11y_fixes
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 216.7.4
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
@@ -195,7 +195,7 @@ var CommentEditorWithIntl = exports.CommentEditorWithIntl = function CommentEdit
|
|
|
195
195
|
useStickyToolbar: useStickyToolbar,
|
|
196
196
|
twoLineEditorToolbar: isTwoLineToolbarEnabled,
|
|
197
197
|
isNewToolbarEnabled: isToolbarAIFCEnabled
|
|
198
|
-
}, isToolbarAIFCEnabled ? (0,
|
|
198
|
+
}, isToolbarAIFCEnabled ? (0, _react2.jsx)(_uiMenu.ToolbarArrowKeyNavigationProvider, {
|
|
199
199
|
editorView: editorView,
|
|
200
200
|
childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
|
|
201
201
|
isShortcutToFocusToolbar: isShortcutToFocusToolbar,
|
|
@@ -211,14 +211,6 @@ var CommentEditorWithIntl = exports.CommentEditorWithIntl = function CommentEdit
|
|
|
211
211
|
popupsBoundariesElement: popupsBoundariesElement,
|
|
212
212
|
popupsScrollableElement: popupsScrollableElement,
|
|
213
213
|
popupsMountPoint: popupsMountPoint
|
|
214
|
-
}), customPrimaryToolbarComponents ? customToolbarSlot : null) : (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_CommentToolbar.CommentToolbar, {
|
|
215
|
-
editorAPI: editorAPI,
|
|
216
|
-
editorView: editorView,
|
|
217
|
-
editorAppearance: appearance,
|
|
218
|
-
disabled: patch6Enabled ? !!disabled : undefined,
|
|
219
|
-
popupsBoundariesElement: popupsBoundariesElement,
|
|
220
|
-
popupsScrollableElement: popupsScrollableElement,
|
|
221
|
-
popupsMountPoint: popupsMountPoint
|
|
222
214
|
}), customPrimaryToolbarComponents ? customToolbarSlot : null) : (0, _react2.jsx)(_uiMenu.ToolbarArrowKeyNavigationProvider, {
|
|
223
215
|
editorView: editorView,
|
|
224
216
|
childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
|
|
@@ -15,7 +15,6 @@ var _contextPanel = require("@atlaskit/editor-common/context-panel");
|
|
|
15
15
|
var _coreUtils = require("@atlaskit/editor-common/core-utils");
|
|
16
16
|
var _toolbar = require("@atlaskit/editor-common/toolbar");
|
|
17
17
|
var _uiMenu = require("@atlaskit/editor-common/ui-menu");
|
|
18
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
19
18
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
20
19
|
var _toolbar2 = require("../../../utils/toolbar");
|
|
21
20
|
var _ExcludeFromHydration = _interopRequireDefault(require("../../ExcludeFromHydration"));
|
|
@@ -136,6 +135,6 @@ var FullPageToolbarNext = exports.FullPageToolbarNext = function FullPageToolbar
|
|
|
136
135
|
}, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/_react.default.createElement("div", {
|
|
137
136
|
"data-testid": 'before-primary-toolbar-components-plugin',
|
|
138
137
|
className: (0, _runtime.ax)([styles.beforePrimaryToolbarComponents])
|
|
139
|
-
}, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)),
|
|
138
|
+
}, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), /*#__PURE__*/_react.default.createElement(_ToolbarPortal.ToolbarPortalMountPoint, null))))));
|
|
140
139
|
});
|
|
141
140
|
};
|
|
@@ -237,9 +237,11 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
|
|
|
237
237
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
238
238
|
_rule.ruleStyles,
|
|
239
239
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
240
|
-
_smartCardStyles.smartCardDiffStyles,
|
|
240
|
+
_smartCardStyles.smartCardDiffStyles, (0, _platformFeatureFlags.fg)('platform_editor_ai_generic_prep_for_aifc_2') && ((0, _platformFeatureFlags.fg)('platform_editor_jan_a11y_fixes')
|
|
241
241
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
242
|
-
|
|
242
|
+
? _smartCardStyles.showDiffDeletedNodeStylesNew
|
|
243
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
244
|
+
: _smartCardStyles.showDiffDeletedNodeStyles),
|
|
243
245
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
244
246
|
_mediaStyles.mediaStyles, contentMode === 'compact' && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) ||
|
|
245
247
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -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.smartLinksInLivePagesStyles = exports.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness = exports.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles = exports.smartCardStylesWithSearchMatch = exports.smartCardStyles = exports.smartCardDiffStyles = exports.showDiffDeletedNodeStyles = exports.linkingVisualRefreshV1Styles = exports.editorControlsSmartCardStyles = exports.SmartCardSharedCssClassName = exports.FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = exports.DATASOURCE_INNER_CONTAINER_CLASSNAME = void 0;
|
|
7
|
+
exports.smartLinksInLivePagesStyles = exports.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness = exports.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles = exports.smartCardStylesWithSearchMatch = exports.smartCardStyles = exports.smartCardDiffStyles = exports.showDiffDeletedNodeStylesNew = exports.showDiffDeletedNodeStyles = exports.linkingVisualRefreshV1Styles = exports.editorControlsSmartCardStyles = exports.SmartCardSharedCssClassName = exports.FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = exports.DATASOURCE_INNER_CONTAINER_CLASSNAME = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
@@ -74,6 +74,42 @@ var showDiffDeletedNodeStyles = exports.showDiffDeletedNodeStyles = (0, _react.c
|
|
|
74
74
|
textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
|
|
75
75
|
}));
|
|
76
76
|
|
|
77
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
78
|
+
var showDiffDeletedNodeStylesNew = exports.showDiffDeletedNodeStylesNew = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
|
|
79
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
80
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #7D818A)"),
|
|
81
|
+
borderColor: 'transparent'
|
|
82
|
+
}), "&.show-diff-deleted-node-traditional .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
|
|
83
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
84
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
|
|
85
|
+
borderColor: 'transparent'
|
|
86
|
+
}), "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER), {
|
|
87
|
+
opacity: 0.8
|
|
88
|
+
})), '.show-diff-deleted-node .media-card-wrapper', {
|
|
89
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
90
|
+
'& > div': {
|
|
91
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
92
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #7D818A)"),
|
|
93
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
94
|
+
opacity: 0.8
|
|
95
|
+
}
|
|
96
|
+
}), '.show-diff-deleted-node-traditional .media-card-wrapper', {
|
|
97
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
98
|
+
'& > div': {
|
|
99
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
100
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
|
|
101
|
+
borderRadius: "var(--ds-radius-small, 4px)"
|
|
102
|
+
}
|
|
103
|
+
}), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node', {
|
|
104
|
+
textDecoration: 'line-through'
|
|
105
|
+
}), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-traditional', {
|
|
106
|
+
textDecoration: 'line-through',
|
|
107
|
+
textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
|
|
108
|
+
}), '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-traditional', {
|
|
109
|
+
textDecoration: 'line-through',
|
|
110
|
+
textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
|
|
111
|
+
}));
|
|
112
|
+
|
|
77
113
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
78
114
|
var smartCardStyles = exports.smartCardStyles = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.INLINE_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
|
|
79
115
|
maxWidth: 'calc(100% - 20px)',
|
|
@@ -183,7 +183,7 @@ export const CommentEditorWithIntl = props => {
|
|
|
183
183
|
useStickyToolbar: useStickyToolbar,
|
|
184
184
|
twoLineEditorToolbar: isTwoLineToolbarEnabled,
|
|
185
185
|
isNewToolbarEnabled: isToolbarAIFCEnabled
|
|
186
|
-
}, isToolbarAIFCEnabled ?
|
|
186
|
+
}, isToolbarAIFCEnabled ? jsx(ToolbarArrowKeyNavigationProvider, {
|
|
187
187
|
editorView: editorView,
|
|
188
188
|
childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
|
|
189
189
|
isShortcutToFocusToolbar: isShortcutToFocusToolbar,
|
|
@@ -199,14 +199,6 @@ export const CommentEditorWithIntl = props => {
|
|
|
199
199
|
popupsBoundariesElement: popupsBoundariesElement,
|
|
200
200
|
popupsScrollableElement: popupsScrollableElement,
|
|
201
201
|
popupsMountPoint: popupsMountPoint
|
|
202
|
-
}), customPrimaryToolbarComponents ? customToolbarSlot : null) : jsx(React.Fragment, null, jsx(CommentToolbar, {
|
|
203
|
-
editorAPI: editorAPI,
|
|
204
|
-
editorView: editorView,
|
|
205
|
-
editorAppearance: appearance,
|
|
206
|
-
disabled: patch6Enabled ? !!disabled : undefined,
|
|
207
|
-
popupsBoundariesElement: popupsBoundariesElement,
|
|
208
|
-
popupsScrollableElement: popupsScrollableElement,
|
|
209
|
-
popupsMountPoint: popupsMountPoint
|
|
210
202
|
}), customPrimaryToolbarComponents ? customToolbarSlot : null) : jsx(ToolbarArrowKeyNavigationProvider, {
|
|
211
203
|
editorView: editorView,
|
|
212
204
|
childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
|
|
@@ -7,7 +7,6 @@ import { ContextPanelConsumer } from '@atlaskit/editor-common/context-panel';
|
|
|
7
7
|
import { isSSR } from '@atlaskit/editor-common/core-utils';
|
|
8
8
|
import { shouldShowPrimaryToolbar, TOOLBARS } from '@atlaskit/editor-common/toolbar';
|
|
9
9
|
import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
|
|
10
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
10
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
12
11
|
import { isToolbar } from '../../../utils/toolbar';
|
|
13
12
|
import ExcludeFromHydration from '../../ExcludeFromHydration';
|
|
@@ -130,5 +129,5 @@ export const FullPageToolbarNext = ({
|
|
|
130
129
|
}, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/React.createElement("div", {
|
|
131
130
|
"data-testid": 'before-primary-toolbar-components-plugin',
|
|
132
131
|
className: ax([styles.beforePrimaryToolbarComponents])
|
|
133
|
-
}, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)),
|
|
132
|
+
}, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), /*#__PURE__*/React.createElement(ToolbarPortalMountPoint, null)))))));
|
|
134
133
|
};
|
|
@@ -56,7 +56,7 @@ import { scrollbarStyles } from './styles/scrollbarStyles';
|
|
|
56
56
|
import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
|
|
57
57
|
import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles';
|
|
58
58
|
import { shadowStyles } from './styles/shadowStyles';
|
|
59
|
-
import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, smartCardDiffStyles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
|
|
59
|
+
import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, showDiffDeletedNodeStylesNew, 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
62
|
import { tableCommentEditorStyles, tableContainerOverflowY, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes } from './styles/tableStyles';
|
|
@@ -233,9 +233,11 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
233
233
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
234
234
|
ruleStyles,
|
|
235
235
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
236
|
-
smartCardDiffStyles,
|
|
236
|
+
smartCardDiffStyles, fg('platform_editor_ai_generic_prep_for_aifc_2') && (fg('platform_editor_jan_a11y_fixes')
|
|
237
237
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
238
|
-
|
|
238
|
+
? showDiffDeletedNodeStylesNew
|
|
239
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
240
|
+
: showDiffDeletedNodeStyles),
|
|
239
241
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
240
242
|
mediaStyles, contentMode === 'compact' && (expValEquals('confluence_compact_text_format', 'isEnabled', true) ||
|
|
241
243
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -94,6 +94,62 @@ export const showDiffDeletedNodeStyles = css({
|
|
|
94
94
|
}
|
|
95
95
|
});
|
|
96
96
|
|
|
97
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
98
|
+
export const showDiffDeletedNodeStylesNew = css({
|
|
99
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
|
|
100
|
+
[`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}`]: {
|
|
101
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
|
|
102
|
+
[`&.show-diff-deleted-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
|
|
103
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
104
|
+
boxShadow: `0 0 0 1px ${"var(--ds-border-accent-gray, #7D818A)"}`,
|
|
105
|
+
borderColor: 'transparent'
|
|
106
|
+
},
|
|
107
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
|
|
108
|
+
[`&.show-diff-deleted-node-traditional .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
|
|
109
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
110
|
+
boxShadow: `0 0 0 1px ${"var(--ds-border-accent-red, #E2483D)"}`,
|
|
111
|
+
borderColor: 'transparent'
|
|
112
|
+
},
|
|
113
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values,@atlaskit/ui-styling-standard/no-nested-selectors
|
|
114
|
+
[`&.show-diff-deleted-node .${SmartCardSharedCssClassName.LOADER_WRAPPER}`]: {
|
|
115
|
+
opacity: 0.8
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
119
|
+
'.show-diff-deleted-node .media-card-wrapper': {
|
|
120
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
121
|
+
'& > div': {
|
|
122
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
123
|
+
boxShadow: `0 0 0 1px ${"var(--ds-border-accent-gray, #7D818A)"}`,
|
|
124
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
125
|
+
opacity: 0.8
|
|
126
|
+
}
|
|
127
|
+
},
|
|
128
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
129
|
+
'.show-diff-deleted-node-traditional .media-card-wrapper': {
|
|
130
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
131
|
+
'& > div': {
|
|
132
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
133
|
+
boxShadow: `0 0 0 1px ${"var(--ds-border-accent-red, #E2483D)"}`,
|
|
134
|
+
borderRadius: "var(--ds-radius-small, 4px)"
|
|
135
|
+
}
|
|
136
|
+
},
|
|
137
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
138
|
+
'[data-prosemirror-node-name="blockquote"].show-diff-deleted-node': {
|
|
139
|
+
textDecoration: 'line-through'
|
|
140
|
+
},
|
|
141
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
142
|
+
'[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-traditional': {
|
|
143
|
+
textDecoration: 'line-through',
|
|
144
|
+
textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
|
|
145
|
+
},
|
|
146
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
147
|
+
'[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-traditional': {
|
|
148
|
+
textDecoration: 'line-through',
|
|
149
|
+
textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
|
|
150
|
+
}
|
|
151
|
+
});
|
|
152
|
+
|
|
97
153
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
98
154
|
export const smartCardStyles = css({
|
|
99
155
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "216.7.
|
|
2
|
+
export const version = "216.7.5";
|
|
@@ -184,7 +184,7 @@ export var CommentEditorWithIntl = function CommentEditorWithIntl(props) {
|
|
|
184
184
|
useStickyToolbar: useStickyToolbar,
|
|
185
185
|
twoLineEditorToolbar: isTwoLineToolbarEnabled,
|
|
186
186
|
isNewToolbarEnabled: isToolbarAIFCEnabled
|
|
187
|
-
}, isToolbarAIFCEnabled ?
|
|
187
|
+
}, isToolbarAIFCEnabled ? jsx(ToolbarArrowKeyNavigationProvider, {
|
|
188
188
|
editorView: editorView,
|
|
189
189
|
childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
|
|
190
190
|
isShortcutToFocusToolbar: isShortcutToFocusToolbar,
|
|
@@ -200,14 +200,6 @@ export var CommentEditorWithIntl = function CommentEditorWithIntl(props) {
|
|
|
200
200
|
popupsBoundariesElement: popupsBoundariesElement,
|
|
201
201
|
popupsScrollableElement: popupsScrollableElement,
|
|
202
202
|
popupsMountPoint: popupsMountPoint
|
|
203
|
-
}), customPrimaryToolbarComponents ? customToolbarSlot : null) : jsx(React.Fragment, null, jsx(CommentToolbar, {
|
|
204
|
-
editorAPI: editorAPI,
|
|
205
|
-
editorView: editorView,
|
|
206
|
-
editorAppearance: appearance,
|
|
207
|
-
disabled: patch6Enabled ? !!disabled : undefined,
|
|
208
|
-
popupsBoundariesElement: popupsBoundariesElement,
|
|
209
|
-
popupsScrollableElement: popupsScrollableElement,
|
|
210
|
-
popupsMountPoint: popupsMountPoint
|
|
211
203
|
}), customPrimaryToolbarComponents ? customToolbarSlot : null) : jsx(ToolbarArrowKeyNavigationProvider, {
|
|
212
204
|
editorView: editorView,
|
|
213
205
|
childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
|
|
@@ -7,7 +7,6 @@ import { ContextPanelConsumer } from '@atlaskit/editor-common/context-panel';
|
|
|
7
7
|
import { isSSR } from '@atlaskit/editor-common/core-utils';
|
|
8
8
|
import { shouldShowPrimaryToolbar, TOOLBARS } from '@atlaskit/editor-common/toolbar';
|
|
9
9
|
import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
|
|
10
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
10
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
12
11
|
import { isToolbar } from '../../../utils/toolbar';
|
|
13
12
|
import ExcludeFromHydration from '../../ExcludeFromHydration';
|
|
@@ -127,6 +126,6 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
|
|
|
127
126
|
}, !!customPrimaryToolbarComponents && 'before' in customPrimaryToolbarComponents && /*#__PURE__*/React.createElement("div", {
|
|
128
127
|
"data-testid": 'before-primary-toolbar-components-plugin',
|
|
129
128
|
className: ax([styles.beforePrimaryToolbarComponents])
|
|
130
|
-
}, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)),
|
|
129
|
+
}, customPrimaryToolbarComponents.before), !!customPrimaryToolbarComponents && 'after' in customPrimaryToolbarComponents ? customPrimaryToolbarComponents.after : customPrimaryToolbarComponents)), /*#__PURE__*/React.createElement(ToolbarPortalMountPoint, null))))));
|
|
131
130
|
});
|
|
132
131
|
};
|
|
@@ -57,7 +57,7 @@ import { scrollbarStyles } from './styles/scrollbarStyles';
|
|
|
57
57
|
import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
|
|
58
58
|
import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles';
|
|
59
59
|
import { shadowStyles } from './styles/shadowStyles';
|
|
60
|
-
import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, smartCardDiffStyles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
|
|
60
|
+
import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, showDiffDeletedNodeStylesNew, 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
63
|
import { tableCommentEditorStyles, tableContainerOverflowY, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes } from './styles/tableStyles';
|
|
@@ -229,9 +229,11 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
|
|
|
229
229
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
230
230
|
ruleStyles,
|
|
231
231
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
232
|
-
smartCardDiffStyles,
|
|
232
|
+
smartCardDiffStyles, fg('platform_editor_ai_generic_prep_for_aifc_2') && (fg('platform_editor_jan_a11y_fixes')
|
|
233
233
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
234
|
-
|
|
234
|
+
? showDiffDeletedNodeStylesNew
|
|
235
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
236
|
+
: showDiffDeletedNodeStyles),
|
|
235
237
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
236
238
|
mediaStyles, contentMode === 'compact' && (expValEquals('confluence_compact_text_format', 'isEnabled', true) ||
|
|
237
239
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
@@ -66,6 +66,42 @@ export var showDiffDeletedNodeStyles = css(_defineProperty(_defineProperty(_defi
|
|
|
66
66
|
textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
|
|
67
67
|
}));
|
|
68
68
|
|
|
69
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
70
|
+
export var showDiffDeletedNodeStylesNew = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), _defineProperty(_defineProperty(_defineProperty({}, "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
|
|
71
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
72
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #7D818A)"),
|
|
73
|
+
borderColor: 'transparent'
|
|
74
|
+
}), "&.show-diff-deleted-node-traditional .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
|
|
75
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
76
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
|
|
77
|
+
borderColor: 'transparent'
|
|
78
|
+
}), "&.show-diff-deleted-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER), {
|
|
79
|
+
opacity: 0.8
|
|
80
|
+
})), '.show-diff-deleted-node .media-card-wrapper', {
|
|
81
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
82
|
+
'& > div': {
|
|
83
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
84
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-gray, #7D818A)"),
|
|
85
|
+
borderRadius: "var(--ds-radius-small, 4px)",
|
|
86
|
+
opacity: 0.8
|
|
87
|
+
}
|
|
88
|
+
}), '.show-diff-deleted-node-traditional .media-card-wrapper', {
|
|
89
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
90
|
+
'& > div': {
|
|
91
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
92
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-red, #E2483D)"),
|
|
93
|
+
borderRadius: "var(--ds-radius-small, 4px)"
|
|
94
|
+
}
|
|
95
|
+
}), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node', {
|
|
96
|
+
textDecoration: 'line-through'
|
|
97
|
+
}), '[data-prosemirror-node-name="blockquote"].show-diff-deleted-node-traditional', {
|
|
98
|
+
textDecoration: 'line-through',
|
|
99
|
+
textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
|
|
100
|
+
}), '[data-prosemirror-node-name="embedCard"].show-diff-deleted-node-traditional', {
|
|
101
|
+
textDecoration: 'line-through',
|
|
102
|
+
textDecorationColor: "var(--ds-border-accent-red, #E2483D)"
|
|
103
|
+
}));
|
|
104
|
+
|
|
69
105
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
70
106
|
export var smartCardStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.INLINE_CARD_CONTAINER), _defineProperty(_defineProperty(_defineProperty({
|
|
71
107
|
maxWidth: 'calc(100% - 20px)',
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "216.7.
|
|
2
|
+
export var version = "216.7.5";
|
|
@@ -11,6 +11,7 @@ export declare const SmartCardSharedCssClassName: {
|
|
|
11
11
|
export declare const editorControlsSmartCardStyles: SerializedStyles;
|
|
12
12
|
export declare const smartCardDiffStyles: SerializedStyles;
|
|
13
13
|
export declare const showDiffDeletedNodeStyles: SerializedStyles;
|
|
14
|
+
export declare const showDiffDeletedNodeStylesNew: SerializedStyles;
|
|
14
15
|
export declare const smartCardStyles: SerializedStyles;
|
|
15
16
|
export declare const smartCardStylesWithSearchMatch: SerializedStyles;
|
|
16
17
|
export declare const smartCardStylesWithSearchMatchAndBlockMenuDangerStyles: SerializedStyles;
|
|
@@ -11,6 +11,7 @@ export declare const SmartCardSharedCssClassName: {
|
|
|
11
11
|
export declare const editorControlsSmartCardStyles: SerializedStyles;
|
|
12
12
|
export declare const smartCardDiffStyles: SerializedStyles;
|
|
13
13
|
export declare const showDiffDeletedNodeStyles: SerializedStyles;
|
|
14
|
+
export declare const showDiffDeletedNodeStylesNew: SerializedStyles;
|
|
14
15
|
export declare const smartCardStyles: SerializedStyles;
|
|
15
16
|
export declare const smartCardStylesWithSearchMatch: SerializedStyles;
|
|
16
17
|
export declare const smartCardStylesWithSearchMatchAndBlockMenuDangerStyles: SerializedStyles;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "216.7.
|
|
3
|
+
"version": "216.7.6",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"@atlaskit/editor-toolbar": "^0.19.0",
|
|
59
59
|
"@atlaskit/editor-toolbar-model": "^0.3.0",
|
|
60
60
|
"@atlaskit/emoji": "^69.10.0",
|
|
61
|
-
"@atlaskit/icon": "^
|
|
61
|
+
"@atlaskit/icon": "^30.0.0",
|
|
62
62
|
"@atlaskit/link": "^3.3.0",
|
|
63
63
|
"@atlaskit/media-card": "^79.14.0",
|
|
64
64
|
"@atlaskit/mention": "^24.4.0",
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
"@atlaskit/synchrony-test-helpers": "workspace:^",
|
|
113
113
|
"@atlaskit/toggle": "^15.2.0",
|
|
114
114
|
"@atlaskit/util-data-test": "^18.4.0",
|
|
115
|
-
"@atlassian/a11y-jest-testing": "^0.
|
|
115
|
+
"@atlassian/a11y-jest-testing": "^0.8.0",
|
|
116
116
|
"@atlassian/adf-schema-json": "^1.33.0",
|
|
117
117
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|
|
118
118
|
"@atlassian/search-provider": "^8.0.0",
|
|
@@ -286,6 +286,9 @@
|
|
|
286
286
|
"type": "boolean",
|
|
287
287
|
"referenceOnly": true
|
|
288
288
|
},
|
|
289
|
+
"platform_synced_block_dogfooding": {
|
|
290
|
+
"type": "boolean"
|
|
291
|
+
},
|
|
289
292
|
"atlas_editor_typography_refreshed": {
|
|
290
293
|
"type": "boolean"
|
|
291
294
|
},
|
|
@@ -323,9 +326,6 @@
|
|
|
323
326
|
"platform_editor_text_highlight_padding": {
|
|
324
327
|
"type": "boolean"
|
|
325
328
|
},
|
|
326
|
-
"platform_editor_toolbar_aifc_patch_7": {
|
|
327
|
-
"type": "boolean"
|
|
328
|
-
},
|
|
329
329
|
"platform_editor_toolbar_aifc_placement_overridden": {
|
|
330
330
|
"type": "boolean"
|
|
331
331
|
},
|
|
@@ -355,6 +355,9 @@
|
|
|
355
355
|
},
|
|
356
356
|
"platform_editor_context_context_types_migration": {
|
|
357
357
|
"type": "boolean"
|
|
358
|
+
},
|
|
359
|
+
"platform_editor_jan_a11y_fixes": {
|
|
360
|
+
"type": "boolean"
|
|
358
361
|
}
|
|
359
362
|
},
|
|
360
363
|
"stricter": {
|