@atlaskit/editor-core 216.1.4 → 216.1.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 +16 -0
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +3 -1
- package/dist/cjs/ui/EditorContentContainer/styles/codeBlockStyles.js +9 -1
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +4 -2
- package/dist/es2019/ui/EditorContentContainer/styles/codeBlockStyles.js +11 -0
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +4 -2
- package/dist/esm/ui/EditorContentContainer/styles/codeBlockStyles.js +8 -0
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/EditorContentContainer/styles/codeBlockStyles.d.ts +1 -0
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/codeBlockStyles.d.ts +1 -0
- package/package.json +9 -16
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 216.1.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`9e3a102746991`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9e3a102746991) -
|
|
8
|
+
EDITOR-4273 Block menu extension lozenge rendering
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 216.1.5
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`ac125345ced6b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ac125345ced6b) -
|
|
16
|
+
[ux] EDITOR-4252 Fix code block background in Synced Block in Jira
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 216.1.4
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -186,7 +186,9 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
|
|
|
186
186
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
187
187
|
_placeholderStyles.placeholderWrapStyles,
|
|
188
188
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
189
|
-
_codeBlockStyles.codeBlockStyles,
|
|
189
|
+
_codeBlockStyles.codeBlockStyles,
|
|
190
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
191
|
+
(0, _experiments.editorExperiment)('platform_synced_block', true) && _codeBlockStyles.codeBlockStylesWithNeutralBackground, contentMode === 'compact' && ((0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) ||
|
|
190
192
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
191
193
|
(0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp')) &&
|
|
192
194
|
// 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.firstCodeBlockWithNoMarginOld = exports.firstCodeBlockWithNoMargin = exports.codeBlockStylesWithEmUnits = exports.codeBlockStyles = exports.codeBgColorStyles = exports.CodeBlockSharedCssClassName = void 0;
|
|
7
|
+
exports.firstCodeBlockWithNoMarginOld = exports.firstCodeBlockWithNoMargin = exports.codeBlockStylesWithNeutralBackground = exports.codeBlockStylesWithEmUnits = exports.codeBlockStyles = exports.codeBgColorStyles = exports.CodeBlockSharedCssClassName = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _overflowShadowStyles = require("./overflowShadowStyles");
|
|
@@ -205,6 +205,14 @@ var codeBlockStylesWithEmUnits = exports.codeBlockStylesWithEmUnits = (0, _react
|
|
|
205
205
|
}))
|
|
206
206
|
});
|
|
207
207
|
|
|
208
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
209
|
+
var codeBlockStylesWithNeutralBackground = exports.codeBlockStylesWithNeutralBackground = (0, _react.css)({
|
|
210
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
211
|
+
'.ProseMirror': (0, _defineProperty2.default)({}, ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), {
|
|
212
|
+
backgroundColor: "var(--ds-background-neutral, #0515240F)"
|
|
213
|
+
})
|
|
214
|
+
});
|
|
215
|
+
|
|
208
216
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
209
217
|
var codeBgColorStyles = exports.codeBgColorStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), {
|
|
210
218
|
'--ds--code--bg-color': 'transparent'
|
|
@@ -24,7 +24,7 @@ import { baseStyles, baseStylesMaxContainerWidthFixes, editorLargeGutterPuddingB
|
|
|
24
24
|
import { blockMarksStyles } from './styles/blockMarksStyles';
|
|
25
25
|
import { blockquoteDangerStyles, blockquoteSelectedNodeStyles, blockquoteZeroPadding, blocktypeStyles, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, blocktypeStyles_without_fg_platform_editor_typography_ugc, listSelectedNodeStyles, textSelectedNodeStyles } from './styles/blockTypeStyles';
|
|
26
26
|
import { codeBidiWarningStyles } from './styles/codeBidiWarningStyles';
|
|
27
|
-
import { codeBgColorStyles, codeBlockStyles, codeBlockStylesWithEmUnits, firstCodeBlockWithNoMargin, firstCodeBlockWithNoMarginOld } from './styles/codeBlockStyles';
|
|
27
|
+
import { codeBgColorStyles, codeBlockStyles, codeBlockStylesWithEmUnits, codeBlockStylesWithNeutralBackground, firstCodeBlockWithNoMargin, firstCodeBlockWithNoMarginOld } from './styles/codeBlockStyles';
|
|
28
28
|
import { codeMarkStyles } from './styles/codeMarkStyles';
|
|
29
29
|
import { commentEditorStyles } from './styles/commentEditorStyles';
|
|
30
30
|
import { cursorStyles } from './styles/cursorStyles';
|
|
@@ -182,7 +182,9 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
182
182
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
183
183
|
placeholderWrapStyles,
|
|
184
184
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
185
|
-
codeBlockStyles,
|
|
185
|
+
codeBlockStyles,
|
|
186
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
187
|
+
editorExperiment('platform_synced_block', true) && codeBlockStylesWithNeutralBackground, contentMode === 'compact' && (expValEquals('confluence_compact_text_format', 'isEnabled', true) ||
|
|
186
188
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
187
189
|
expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) &&
|
|
188
190
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -260,6 +260,17 @@ export const codeBlockStylesWithEmUnits = css({
|
|
|
260
260
|
}
|
|
261
261
|
});
|
|
262
262
|
|
|
263
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
264
|
+
export const codeBlockStylesWithNeutralBackground = css({
|
|
265
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
266
|
+
'.ProseMirror': {
|
|
267
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
|
|
268
|
+
[`.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER}`]: {
|
|
269
|
+
backgroundColor: "var(--ds-background-neutral, #0515240F)"
|
|
270
|
+
}
|
|
271
|
+
}
|
|
272
|
+
});
|
|
273
|
+
|
|
263
274
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
264
275
|
export const codeBgColorStyles = css({
|
|
265
276
|
// 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.1.
|
|
2
|
+
export const version = "216.1.5";
|
|
@@ -25,7 +25,7 @@ import { baseStyles, baseStylesMaxContainerWidthFixes, editorLargeGutterPuddingB
|
|
|
25
25
|
import { blockMarksStyles } from './styles/blockMarksStyles';
|
|
26
26
|
import { blockquoteDangerStyles, blockquoteSelectedNodeStyles, blockquoteZeroPadding, blocktypeStyles, blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, blocktypeStyles_fg_platform_editor_typography_ugc, blocktypeStyles_without_fg_platform_editor_typography_ugc, listSelectedNodeStyles, textSelectedNodeStyles } from './styles/blockTypeStyles';
|
|
27
27
|
import { codeBidiWarningStyles } from './styles/codeBidiWarningStyles';
|
|
28
|
-
import { codeBgColorStyles, codeBlockStyles, codeBlockStylesWithEmUnits, firstCodeBlockWithNoMargin, firstCodeBlockWithNoMarginOld } from './styles/codeBlockStyles';
|
|
28
|
+
import { codeBgColorStyles, codeBlockStyles, codeBlockStylesWithEmUnits, codeBlockStylesWithNeutralBackground, firstCodeBlockWithNoMargin, firstCodeBlockWithNoMarginOld } from './styles/codeBlockStyles';
|
|
29
29
|
import { codeMarkStyles } from './styles/codeMarkStyles';
|
|
30
30
|
import { commentEditorStyles } from './styles/commentEditorStyles';
|
|
31
31
|
import { cursorStyles } from './styles/cursorStyles';
|
|
@@ -178,7 +178,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
|
|
|
178
178
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
179
179
|
placeholderWrapStyles,
|
|
180
180
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
181
|
-
codeBlockStyles,
|
|
181
|
+
codeBlockStyles,
|
|
182
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
183
|
+
editorExperiment('platform_synced_block', true) && codeBlockStylesWithNeutralBackground, contentMode === 'compact' && (expValEquals('confluence_compact_text_format', 'isEnabled', true) ||
|
|
182
184
|
// eslint-disable-next-line @atlaskit/platform/no-preconditioning
|
|
183
185
|
expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) &&
|
|
184
186
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
|
|
@@ -197,6 +197,14 @@ export var codeBlockStylesWithEmUnits = css({
|
|
|
197
197
|
}))
|
|
198
198
|
});
|
|
199
199
|
|
|
200
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
201
|
+
export var codeBlockStylesWithNeutralBackground = css({
|
|
202
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
203
|
+
'.ProseMirror': _defineProperty({}, ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), {
|
|
204
|
+
backgroundColor: "var(--ds-background-neutral, #0515240F)"
|
|
205
|
+
})
|
|
206
|
+
});
|
|
207
|
+
|
|
200
208
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
201
209
|
export var codeBgColorStyles = css(_defineProperty({}, ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), {
|
|
202
210
|
'--ds--code--bg-color': 'transparent'
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export var name = "@atlaskit/editor-core";
|
|
2
|
-
export var version = "216.1.
|
|
2
|
+
export var version = "216.1.5";
|
|
@@ -12,6 +12,7 @@ export declare const CodeBlockSharedCssClassName: {
|
|
|
12
12
|
};
|
|
13
13
|
export declare const codeBlockStyles: SerializedStyles;
|
|
14
14
|
export declare const codeBlockStylesWithEmUnits: SerializedStyles;
|
|
15
|
+
export declare const codeBlockStylesWithNeutralBackground: SerializedStyles;
|
|
15
16
|
export declare const codeBgColorStyles: SerializedStyles;
|
|
16
17
|
export declare const firstCodeBlockWithNoMargin: SerializedStyles;
|
|
17
18
|
export declare const firstCodeBlockWithNoMarginOld: SerializedStyles;
|
|
@@ -12,6 +12,7 @@ export declare const CodeBlockSharedCssClassName: {
|
|
|
12
12
|
};
|
|
13
13
|
export declare const codeBlockStyles: SerializedStyles;
|
|
14
14
|
export declare const codeBlockStylesWithEmUnits: SerializedStyles;
|
|
15
|
+
export declare const codeBlockStylesWithNeutralBackground: SerializedStyles;
|
|
15
16
|
export declare const codeBgColorStyles: SerializedStyles;
|
|
16
17
|
export declare const firstCodeBlockWithNoMargin: SerializedStyles;
|
|
17
18
|
export declare const firstCodeBlockWithNoMarginOld: SerializedStyles;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-core",
|
|
3
|
-
"version": "216.1.
|
|
3
|
+
"version": "216.1.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.18.0",
|
|
59
59
|
"@atlaskit/editor-toolbar-model": "^0.2.0",
|
|
60
60
|
"@atlaskit/emoji": "^69.9.0",
|
|
61
|
-
"@atlaskit/icon": "^29.
|
|
61
|
+
"@atlaskit/icon": "^29.4.0",
|
|
62
62
|
"@atlaskit/link": "^3.3.0",
|
|
63
63
|
"@atlaskit/media-card": "^79.12.0",
|
|
64
64
|
"@atlaskit/mention": "^24.4.0",
|
|
@@ -66,9 +66,9 @@
|
|
|
66
66
|
"@atlaskit/platform-feature-flags-react": "^0.4.0",
|
|
67
67
|
"@atlaskit/react-ufo": "^4.16.0",
|
|
68
68
|
"@atlaskit/task-decision": "^19.2.0",
|
|
69
|
-
"@atlaskit/tmp-editor-statsig": "^16.
|
|
69
|
+
"@atlaskit/tmp-editor-statsig": "^16.8.0",
|
|
70
70
|
"@atlaskit/tokens": "^9.1.0",
|
|
71
|
-
"@atlaskit/tooltip": "^20.
|
|
71
|
+
"@atlaskit/tooltip": "^20.12.0",
|
|
72
72
|
"@atlaskit/width-detector": "^5.0.0",
|
|
73
73
|
"@babel/runtime": "^7.0.0",
|
|
74
74
|
"@emotion/react": "^11.7.1",
|
|
@@ -83,8 +83,8 @@
|
|
|
83
83
|
"uuid": "^3.1.0"
|
|
84
84
|
},
|
|
85
85
|
"peerDependencies": {
|
|
86
|
-
"@atlaskit/editor-common": "^111.
|
|
87
|
-
"@atlaskit/link-provider": "^4.
|
|
86
|
+
"@atlaskit/editor-common": "^111.5.0",
|
|
87
|
+
"@atlaskit/link-provider": "^4.1.0",
|
|
88
88
|
"@atlaskit/media-core": "^37.0.0",
|
|
89
89
|
"react": "^18.2.0",
|
|
90
90
|
"react-dom": "^18.2.0",
|
|
@@ -98,16 +98,16 @@
|
|
|
98
98
|
"@atlaskit/analytics-listeners": "^9.2.0",
|
|
99
99
|
"@atlaskit/collab-provider": "^15.0.0",
|
|
100
100
|
"@atlaskit/editor-plugin-annotation": "^7.0.0",
|
|
101
|
-
"@atlaskit/editor-plugin-card": "^12.
|
|
101
|
+
"@atlaskit/editor-plugin-card": "^12.1.0",
|
|
102
102
|
"@atlaskit/editor-plugin-list": "^9.0.0",
|
|
103
103
|
"@atlaskit/editor-plugin-paste": "^8.0.0",
|
|
104
|
-
"@atlaskit/link-provider": "^4.
|
|
104
|
+
"@atlaskit/link-provider": "^4.1.0",
|
|
105
105
|
"@atlaskit/logo": "^19.9.0",
|
|
106
106
|
"@atlaskit/media-core": "^37.0.0",
|
|
107
107
|
"@atlaskit/media-integration-test-helpers": "workspace:^",
|
|
108
108
|
"@atlaskit/media-test-helpers": "^39.0.0",
|
|
109
109
|
"@atlaskit/modal-dialog": "^14.9.0",
|
|
110
|
-
"@atlaskit/renderer": "^125.
|
|
110
|
+
"@atlaskit/renderer": "^125.2.0",
|
|
111
111
|
"@atlaskit/section-message": "^8.11.0",
|
|
112
112
|
"@atlaskit/synchrony-test-helpers": "workspace:^",
|
|
113
113
|
"@atlaskit/toggle": "^15.2.0",
|
|
@@ -239,9 +239,6 @@
|
|
|
239
239
|
"platform_editor_fix_media_in_renderer": {
|
|
240
240
|
"type": "boolean"
|
|
241
241
|
},
|
|
242
|
-
"platform_editor_react_18_autofocus_fix": {
|
|
243
|
-
"type": "boolean"
|
|
244
|
-
},
|
|
245
242
|
"platform_editor_track_node_types": {
|
|
246
243
|
"type": "boolean",
|
|
247
244
|
"referenceOnly": true
|
|
@@ -291,10 +288,6 @@
|
|
|
291
288
|
"type": "boolean",
|
|
292
289
|
"referenceOnly": true
|
|
293
290
|
},
|
|
294
|
-
"platform_editor_user_intent_plugin": {
|
|
295
|
-
"type": "boolean",
|
|
296
|
-
"referenceOnly": true
|
|
297
|
-
},
|
|
298
291
|
"editor_a11y_aria_label_removal_popup": {
|
|
299
292
|
"type": "boolean",
|
|
300
293
|
"referenceOnly": true
|