@atlaskit/editor-core 215.6.2 → 215.7.0

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 (26) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/cjs/presets/universal.js +2 -2
  3. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +7 -1
  4. package/dist/cjs/ui/EditorContentContainer/styles/findReplaceStyles.js +24 -1
  5. package/dist/cjs/ui/EditorContentContainer/styles/list.js +10 -1
  6. package/dist/cjs/ui/EditorContentContainer/styles/smartCardStyles.js +2 -6
  7. package/dist/cjs/version-wrapper.js +1 -1
  8. package/dist/es2019/presets/universal.js +2 -1
  9. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +9 -3
  10. package/dist/es2019/ui/EditorContentContainer/styles/findReplaceStyles.js +27 -0
  11. package/dist/es2019/ui/EditorContentContainer/styles/list.js +9 -0
  12. package/dist/es2019/ui/EditorContentContainer/styles/smartCardStyles.js +2 -8
  13. package/dist/es2019/version-wrapper.js +1 -1
  14. package/dist/esm/presets/universal.js +2 -2
  15. package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +9 -3
  16. package/dist/esm/ui/EditorContentContainer/styles/findReplaceStyles.js +22 -0
  17. package/dist/esm/ui/EditorContentContainer/styles/list.js +9 -0
  18. package/dist/esm/ui/EditorContentContainer/styles/smartCardStyles.js +2 -6
  19. package/dist/esm/version-wrapper.js +1 -1
  20. package/dist/types/presets/universal.d.ts +3 -0
  21. package/dist/types/ui/EditorContentContainer/styles/findReplaceStyles.d.ts +2 -0
  22. package/dist/types/ui/EditorContentContainer/styles/list.d.ts +1 -0
  23. package/dist/types-ts4.5/presets/universal.d.ts +3 -0
  24. package/dist/types-ts4.5/ui/EditorContentContainer/styles/findReplaceStyles.d.ts +2 -0
  25. package/dist/types-ts4.5/ui/EditorContentContainer/styles/list.d.ts +1 -0
  26. package/package.json +6 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,28 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 215.7.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`a28ac1e7cb62d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a28ac1e7cb62d) -
8
+ EDITOR-2498 Add emoji disableAutoformatProp to universalPreset so jira can disable autoformatting
9
+ when required
10
+
11
+ ### Patch Changes
12
+
13
+ - [`b24541c8bc571`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b24541c8bc571) -
14
+ [ux] Fixes an A11Y issue. When there are selected Find and Replace matches inside of a codeblock,
15
+ color contrast is insufficient.
16
+ - Updated dependencies
17
+
18
+ ## 215.6.3
19
+
20
+ ### Patch Changes
21
+
22
+ - [`63e63c69cd679`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/63e63c69cd679) -
23
+ Add styling for bullet point markers on diff
24
+ - Updated dependencies
25
+
3
26
  ## 215.6.2
4
27
 
5
28
  ### Patch Changes
@@ -149,9 +149,9 @@ function createUniversalPresetInternal(_ref) {
149
149
  HighlightComponent: (_props$mention2 = props.mention) === null || _props$mention2 === void 0 ? void 0 : _props$mention2.HighlightComponent,
150
150
  profilecardProvider: (_props$mention3 = props.mention) === null || _props$mention3 === void 0 ? void 0 : _props$mention3.profilecardProvider,
151
151
  mentionProvider: props.mentionProvider
152
- }, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.mentionsPlugin)], Boolean(props.mentionProvider)).maybeAdd([_emoji.emojiPlugin, {
152
+ }, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.mentionsPlugin)], Boolean(props.mentionProvider)).maybeAdd([_emoji.emojiPlugin, _objectSpread({
153
153
  emojiProvider: props.emojiProvider
154
- }], Boolean(props.emojiProvider)).maybeAdd([_table.tablesPlugin, {
154
+ }, (0, _expValEquals.expValEquals)('platform_editor_plain_text_support', 'isEnabled', true) ? initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.emojiPlugin : {})], Boolean(props.emojiProvider)).maybeAdd([_table.tablesPlugin, {
155
155
  tableOptions: !props.allowTables || typeof props.allowTables === 'boolean' ? {} : props.allowTables,
156
156
  dragAndDropEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableDragAndDrop) && (isFullPage || (isComment || isChromeless) && (0, _experiments.editorExperiment)('support_table_in_comment', true, {
157
157
  exposure: true
@@ -215,6 +215,8 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
215
215
  _backgroundColorStyles.textHighlightPaddingStyles,
216
216
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
217
217
  _list.listsStyles,
218
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
219
+ (0, _platformFeatureFlags.fg)('aifc_create_enabled') && _list.diffListStyles,
218
220
  // Condense vertical spacing between list items when content mode dense is active
219
221
  (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') &&
220
222
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -272,7 +274,11 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
272
274
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
273
275
  _findReplaceStyles.findReplaceStylesNew :
274
276
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
275
- _findReplaceStyles.findReplaceStyles,
277
+ _findReplaceStyles.findReplaceStyles, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_codeblock_color_contrast_fix') &&
278
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
279
+ _findReplaceStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !(0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_codeblock_color_contrast_fix') &&
280
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
281
+ _findReplaceStyles.findReplaceStylesWithCodeblockColorContrastFix,
276
282
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
277
283
  _textHighlightStyles.textHighlightStyle,
278
284
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -1,10 +1,13 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
- exports.findReplaceStylesNew = exports.findReplaceStyles = void 0;
7
+ exports.findReplaceStylesWithCodeblockColorContrastFix = exports.findReplaceStylesNewWithCodeblockColorContrastFix = exports.findReplaceStylesNew = exports.findReplaceStyles = void 0;
8
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
7
9
  var _react = require("@emotion/react");
10
+ var _styles = require("@atlaskit/editor-common/styles");
8
11
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
9
12
 
10
13
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
@@ -22,6 +25,26 @@ var findReplaceStyles = exports.findReplaceStyles = (0, _react.css)({
22
25
  }
23
26
  });
24
27
 
28
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
29
+ var findReplaceStylesWithCodeblockColorContrastFix = exports.findReplaceStylesWithCodeblockColorContrastFix = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, " .search-match.selected-search-match"), {
30
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
31
+ span: {
32
+ // we need to use !important here as we need to override inline selection styles
33
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
34
+ color: "var(--ds-text, #172B4D)".concat(" !important")
35
+ }
36
+ }));
37
+
38
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
39
+ var findReplaceStylesNewWithCodeblockColorContrastFix = exports.findReplaceStylesNewWithCodeblockColorContrastFix = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, " .search-match-text.selected-search-match"), {
40
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
41
+ span: {
42
+ // we need to use !important here as we need to override inline selection styles
43
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
44
+ color: "var(--ds-text, #172B4D)".concat(" !important")
45
+ }
46
+ }));
47
+
25
48
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
26
49
  var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
27
50
  /** Text match styles */
@@ -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.listsStylesSafariFix = exports.listsStyles = exports.getDenseListStyles = exports.EDITOR_LIST_DENSE_GAP = void 0;
7
+ exports.listsStylesSafariFix = exports.listsStyles = exports.getDenseListStyles = exports.diffListStyles = exports.EDITOR_LIST_DENSE_GAP = 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");
@@ -139,6 +139,15 @@ var listsStyles = exports.listsStyles = (0, _react.css)({
139
139
  }
140
140
  });
141
141
 
142
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
143
+ var diffListStyles = exports.diffListStyles = (0, _react.css)({
144
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
145
+ 'li[data-testid="show-diff-changed-decoration-node"]::marker': {
146
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
147
+ color: 'var(--diff-decoration-marker-color)'
148
+ }
149
+ });
150
+
142
151
  /* This prevents https://product-fabric.atlassian.net/browse/ED-20924 */
143
152
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
144
153
  var listsStylesSafariFix = exports.listsStylesSafariFix = (0, _react.css)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".ProseMirror:not(.".concat(BLOCK_CARD_CONTAINER, ") > li::before"), {
@@ -32,13 +32,9 @@ var editorControlsSmartCardStyles = exports.editorControlsSmartCardStyles = (0,
32
32
  }));
33
33
 
34
34
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
35
- var smartCardDiffStyles = exports.smartCardDiffStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "&.show-diff-changed-decoration-node-standard .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
35
+ var smartCardDiffStyles = exports.smartCardDiffStyles = (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), (0, _defineProperty2.default)({}, "&[data-testid=\"show-diff-changed-decoration-node\"] .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
36
36
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
37
- boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-purple, #8270DB)"),
38
- borderColor: 'transparent'
39
- }), "&.show-diff-changed-decoration-node-traditional .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
40
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
41
- boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-green, #22A06B)"),
37
+ boxShadow: "0 0 0 1px var(--diff-decoration-marker-color)",
42
38
  borderColor: 'transparent'
43
39
  })));
44
40
 
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
- var version = exports.version = "215.6.1";
8
+ var version = exports.version = "215.6.3";
@@ -142,7 +142,8 @@ export default function createUniversalPresetInternal({
142
142
  mentionProvider: props.mentionProvider,
143
143
  ...(initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.mentionsPlugin)
144
144
  }], Boolean(props.mentionProvider)).maybeAdd([emojiPlugin, {
145
- emojiProvider: props.emojiProvider
145
+ emojiProvider: props.emojiProvider,
146
+ ...(expValEquals('platform_editor_plain_text_support', 'isEnabled', true) ? initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.emojiPlugin : {})
146
147
  }], Boolean(props.emojiProvider)).maybeAdd([tablesPlugin, {
147
148
  tableOptions: !props.allowTables || typeof props.allowTables === 'boolean' ? {} : props.allowTables,
148
149
  dragAndDropEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableDragAndDrop) && (isFullPage || (isComment || isChromeless) && editorExperiment('support_table_in_comment', true, {
@@ -34,7 +34,7 @@ import { embedCardStyles } from './styles/embedCardStyles';
34
34
  import { emojiDangerStyles, emojiStyles, getDenseEmojiStyles } from './styles/emoji';
35
35
  import { expandStyles, getDenseExpandTitleStyles, expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes, expandStylesMixin_fg_platform_visual_refresh_icons, expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes } from './styles/expandStyles';
36
36
  import { getExtensionStyles } from './styles/extensionStyles';
37
- import { findReplaceStyles, findReplaceStylesNew } from './styles/findReplaceStyles';
37
+ import { findReplaceStyles, findReplaceStylesWithCodeblockColorContrastFix, findReplaceStylesNew, findReplaceStylesNewWithCodeblockColorContrastFix } from './styles/findReplaceStyles';
38
38
  import { firstBlockNodeStyles } from './styles/firstBlockNodeStyles';
39
39
  import { firstFloatingToolbarButtonStyles } from './styles/floatingToolbarStyles';
40
40
  import { fullPageEditorStyles } from './styles/fullPageEditorStyles';
@@ -44,7 +44,7 @@ import { indentationStyles } from './styles/indentationStyles';
44
44
  import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles';
45
45
  import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView } from './styles/layout';
46
46
  import { hyperLinkFloatingToolbarStyles, linkLegacyIconStylesFix, linkStyles } from './styles/link';
47
- import { getDenseListStyles, listsStyles, listsStylesSafariFix } from './styles/list';
47
+ import { getDenseListStyles, listsStyles, diffListStyles, listsStylesSafariFix } from './styles/list';
48
48
  import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
49
49
  import { mentionsStyles, mentionsSelectionStyles, mentionNodeStyles, mentionsStylesMixin_platform_editor_centre_mention_padding, mentionsSelectionStylesWithSearchMatch, mentionDangerStyles } from './styles/mentions';
50
50
  import { panelStyles, panelStylesMixin, nestedPanelBorderStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles, nestedPanelDangerStyles } from './styles/panelStyles';
@@ -211,6 +211,8 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
211
211
  textHighlightPaddingStyles,
212
212
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
213
213
  listsStyles,
214
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
215
+ fg('aifc_create_enabled') && diffListStyles,
214
216
  // Condense vertical spacing between list items when content mode dense is active
215
217
  expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') &&
216
218
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -268,7 +270,11 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
268
270
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
269
271
  findReplaceStylesNew :
270
272
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
271
- findReplaceStyles,
273
+ findReplaceStyles, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_codeblock_color_contrast_fix') &&
274
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
275
+ findReplaceStylesNewWithCodeblockColorContrastFix, !expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_codeblock_color_contrast_fix') &&
276
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
277
+ findReplaceStylesWithCodeblockColorContrastFix,
272
278
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
273
279
  textHighlightStyle,
274
280
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -1,5 +1,6 @@
1
1
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
2
2
  import { css } from '@emotion/react';
3
+ import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
3
4
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
4
5
  export const findReplaceStyles = css({
5
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -15,6 +16,32 @@ export const findReplaceStyles = css({
15
16
  }
16
17
  });
17
18
 
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
20
+ export const findReplaceStylesWithCodeblockColorContrastFix = css({
21
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
22
+ [`.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER} .search-match.selected-search-match`]: {
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
24
+ span: {
25
+ // we need to use !important here as we need to override inline selection styles
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
27
+ color: `${"var(--ds-text, #172B4D)"} !important`
28
+ }
29
+ }
30
+ });
31
+
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
33
+ export const findReplaceStylesNewWithCodeblockColorContrastFix = css({
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
35
+ [`.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER} .search-match-text.selected-search-match`]: {
36
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
37
+ span: {
38
+ // we need to use !important here as we need to override inline selection styles
39
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
40
+ color: `${"var(--ds-text, #172B4D)"} !important`
41
+ }
42
+ }
43
+ });
44
+
18
45
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
19
46
  export const findReplaceStylesNew = css({
20
47
  /** Text match styles */
@@ -130,6 +130,15 @@ export const listsStyles = css({
130
130
  }
131
131
  });
132
132
 
133
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
134
+ export const diffListStyles = css({
135
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
136
+ 'li[data-testid="show-diff-changed-decoration-node"]::marker': {
137
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
138
+ color: 'var(--diff-decoration-marker-color)'
139
+ }
140
+ });
141
+
133
142
  /* This prevents https://product-fabric.atlassian.net/browse/ED-20924 */
134
143
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
135
144
  export const listsStylesSafariFix = css({
@@ -29,16 +29,10 @@ export const editorControlsSmartCardStyles = css({
29
29
  export const smartCardDiffStyles = css({
30
30
  // 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
31
31
  [`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}`]: {
32
- // 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
33
- [`&.show-diff-changed-decoration-node-standard .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
34
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
35
- boxShadow: `0 0 0 1px ${"var(--ds-border-accent-purple, #8270DB)"}`,
36
- borderColor: 'transparent'
37
- },
38
32
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
39
- [`&.show-diff-changed-decoration-node-traditional .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
33
+ [`&[data-testid="show-diff-changed-decoration-node"] .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: {
40
34
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
41
- boxShadow: `0 0 0 1px ${"var(--ds-border-accent-green, #22A06B)"}`,
35
+ boxShadow: `0 0 0 1px var(--diff-decoration-marker-color)`,
42
36
  borderColor: 'transparent'
43
37
  }
44
38
  }
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "215.6.1";
2
+ export const version = "215.6.3";
@@ -142,9 +142,9 @@ export default function createUniversalPresetInternal(_ref) {
142
142
  HighlightComponent: (_props$mention2 = props.mention) === null || _props$mention2 === void 0 ? void 0 : _props$mention2.HighlightComponent,
143
143
  profilecardProvider: (_props$mention3 = props.mention) === null || _props$mention3 === void 0 ? void 0 : _props$mention3.profilecardProvider,
144
144
  mentionProvider: props.mentionProvider
145
- }, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.mentionsPlugin)], Boolean(props.mentionProvider)).maybeAdd([emojiPlugin, {
145
+ }, initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.mentionsPlugin)], Boolean(props.mentionProvider)).maybeAdd([emojiPlugin, _objectSpread({
146
146
  emojiProvider: props.emojiProvider
147
- }], Boolean(props.emojiProvider)).maybeAdd([tablesPlugin, {
147
+ }, expValEquals('platform_editor_plain_text_support', 'isEnabled', true) ? initialPluginConfiguration === null || initialPluginConfiguration === void 0 ? void 0 : initialPluginConfiguration.emojiPlugin : {})], Boolean(props.emojiProvider)).maybeAdd([tablesPlugin, {
148
148
  tableOptions: !props.allowTables || typeof props.allowTables === 'boolean' ? {} : props.allowTables,
149
149
  dragAndDropEnabled: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableDragAndDrop) && (isFullPage || (isComment || isChromeless) && editorExperiment('support_table_in_comment', true, {
150
150
  exposure: true
@@ -35,7 +35,7 @@ import { embedCardStyles } from './styles/embedCardStyles';
35
35
  import { emojiDangerStyles, emojiStyles, getDenseEmojiStyles } from './styles/emoji';
36
36
  import { expandStyles, getDenseExpandTitleStyles, expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes, expandStylesMixin_fg_platform_visual_refresh_icons, expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes } from './styles/expandStyles';
37
37
  import { getExtensionStyles } from './styles/extensionStyles';
38
- import { findReplaceStyles, findReplaceStylesNew } from './styles/findReplaceStyles';
38
+ import { findReplaceStyles, findReplaceStylesWithCodeblockColorContrastFix, findReplaceStylesNew, findReplaceStylesNewWithCodeblockColorContrastFix } from './styles/findReplaceStyles';
39
39
  import { firstBlockNodeStyles } from './styles/firstBlockNodeStyles';
40
40
  import { firstFloatingToolbarButtonStyles } from './styles/floatingToolbarStyles';
41
41
  import { fullPageEditorStyles } from './styles/fullPageEditorStyles';
@@ -45,7 +45,7 @@ import { indentationStyles } from './styles/indentationStyles';
45
45
  import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles';
46
46
  import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView } from './styles/layout';
47
47
  import { hyperLinkFloatingToolbarStyles, linkLegacyIconStylesFix, linkStyles } from './styles/link';
48
- import { getDenseListStyles, listsStyles, listsStylesSafariFix } from './styles/list';
48
+ import { getDenseListStyles, listsStyles, diffListStyles, listsStylesSafariFix } from './styles/list';
49
49
  import { mediaAlignmentStyles, mediaCaptionStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
50
50
  import { mentionsStyles, mentionsSelectionStyles, mentionNodeStyles, mentionsStylesMixin_platform_editor_centre_mention_padding, mentionsSelectionStylesWithSearchMatch, mentionDangerStyles } from './styles/mentions';
51
51
  import { panelStyles, panelStylesMixin, nestedPanelBorderStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles, nestedPanelDangerStyles } from './styles/panelStyles';
@@ -207,6 +207,8 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
207
207
  textHighlightPaddingStyles,
208
208
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
209
209
  listsStyles,
210
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
211
+ fg('aifc_create_enabled') && diffListStyles,
210
212
  // Condense vertical spacing between list items when content mode dense is active
211
213
  expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') &&
212
214
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -264,7 +266,11 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
264
266
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
265
267
  findReplaceStylesNew :
266
268
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
267
- findReplaceStyles,
269
+ findReplaceStyles, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_codeblock_color_contrast_fix') &&
270
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
271
+ findReplaceStylesNewWithCodeblockColorContrastFix, !expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_codeblock_color_contrast_fix') &&
272
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
273
+ findReplaceStylesWithCodeblockColorContrastFix,
268
274
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
269
275
  textHighlightStyle,
270
276
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -1,5 +1,7 @@
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
1
2
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
2
3
  import { css } from '@emotion/react';
4
+ import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
3
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
4
6
  export var findReplaceStyles = css({
5
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -15,6 +17,26 @@ export var findReplaceStyles = css({
15
17
  }
16
18
  });
17
19
 
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
21
+ export var findReplaceStylesWithCodeblockColorContrastFix = css(_defineProperty({}, ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, " .search-match.selected-search-match"), {
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
23
+ span: {
24
+ // we need to use !important here as we need to override inline selection styles
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
26
+ color: "var(--ds-text, #172B4D)".concat(" !important")
27
+ }
28
+ }));
29
+
30
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
31
+ export var findReplaceStylesNewWithCodeblockColorContrastFix = css(_defineProperty({}, ".".concat(CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, " .search-match-text.selected-search-match"), {
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
33
+ span: {
34
+ // we need to use !important here as we need to override inline selection styles
35
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
36
+ color: "var(--ds-text, #172B4D)".concat(" !important")
37
+ }
38
+ }));
39
+
18
40
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
19
41
  export var findReplaceStylesNew = css({
20
42
  /** Text match styles */
@@ -131,6 +131,15 @@ export var listsStyles = css({
131
131
  }
132
132
  });
133
133
 
134
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
135
+ export var diffListStyles = css({
136
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
137
+ 'li[data-testid="show-diff-changed-decoration-node"]::marker': {
138
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
139
+ color: 'var(--diff-decoration-marker-color)'
140
+ }
141
+ });
142
+
134
143
  /* This prevents https://product-fabric.atlassian.net/browse/ED-20924 */
135
144
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
136
145
  export var listsStylesSafariFix = css(_defineProperty(_defineProperty({}, ".ProseMirror:not(.".concat(BLOCK_CARD_CONTAINER, ") > li::before"), {
@@ -24,13 +24,9 @@ export var editorControlsSmartCardStyles = css(_defineProperty({}, ".".concat(Sm
24
24
  }));
25
25
 
26
26
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
27
- export var smartCardDiffStyles = css(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), _defineProperty(_defineProperty({}, "&.show-diff-changed-decoration-node-standard .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
27
+ export var smartCardDiffStyles = css(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), _defineProperty({}, "&[data-testid=\"show-diff-changed-decoration-node\"] .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
28
28
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
29
- boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-purple, #8270DB)"),
30
- borderColor: 'transparent'
31
- }), "&.show-diff-changed-decoration-node-traditional .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), {
32
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
33
- boxShadow: "0 0 0 1px ".concat("var(--ds-border-accent-green, #22A06B)"),
29
+ boxShadow: "0 0 0 1px var(--diff-decoration-marker-color)",
34
30
  borderColor: 'transparent'
35
31
  })));
36
32
 
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "215.6.1";
2
+ export var version = "215.6.3";
@@ -13,6 +13,9 @@ export type UniversalPresetProps = DefaultPresetPluginOptions & EditorSharedProp
13
13
  * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
14
14
  */
15
15
  export type InitialPluginConfiguration = {
16
+ emojiPlugin?: {
17
+ disableAutoformat?: boolean;
18
+ };
16
19
  extensionPlugin?: {
17
20
  __rendererExtensionOptions?: ExtensionPluginOptions['__rendererExtensionOptions'];
18
21
  };
@@ -1,3 +1,5 @@
1
1
  import { type SerializedStyles } from '@emotion/react';
2
2
  export declare const findReplaceStyles: SerializedStyles;
3
+ export declare const findReplaceStylesWithCodeblockColorContrastFix: SerializedStyles;
4
+ export declare const findReplaceStylesNewWithCodeblockColorContrastFix: SerializedStyles;
3
5
  export declare const findReplaceStylesNew: SerializedStyles;
@@ -1,5 +1,6 @@
1
1
  import { type SerializedStyles } from '@emotion/react';
2
2
  export declare const listsStyles: SerializedStyles;
3
+ export declare const diffListStyles: SerializedStyles;
3
4
  export declare const listsStylesSafariFix: SerializedStyles;
4
5
  export declare const EDITOR_LIST_DENSE_GAP = "max(0px, calc((var(--ak-editor-base-font-size, 16px) - 13px) * (4 / 3)))";
5
6
  export declare const getDenseListStyles: (baseFontSize?: number) => SerializedStyles;
@@ -13,6 +13,9 @@ export type UniversalPresetProps = DefaultPresetPluginOptions & EditorSharedProp
13
13
  * Note: not all plugins are configurable via this mechanism, and for plugins configured -- it is only doing a subset of the configuration.
14
14
  */
15
15
  export type InitialPluginConfiguration = {
16
+ emojiPlugin?: {
17
+ disableAutoformat?: boolean;
18
+ };
16
19
  extensionPlugin?: {
17
20
  __rendererExtensionOptions?: ExtensionPluginOptions['__rendererExtensionOptions'];
18
21
  };
@@ -1,3 +1,5 @@
1
1
  import { type SerializedStyles } from '@emotion/react';
2
2
  export declare const findReplaceStyles: SerializedStyles;
3
+ export declare const findReplaceStylesWithCodeblockColorContrastFix: SerializedStyles;
4
+ export declare const findReplaceStylesNewWithCodeblockColorContrastFix: SerializedStyles;
3
5
  export declare const findReplaceStylesNew: SerializedStyles;
@@ -1,5 +1,6 @@
1
1
  import { type SerializedStyles } from '@emotion/react';
2
2
  export declare const listsStyles: SerializedStyles;
3
+ export declare const diffListStyles: SerializedStyles;
3
4
  export declare const listsStylesSafariFix: SerializedStyles;
4
5
  export declare const EDITOR_LIST_DENSE_GAP = "max(0px, calc((var(--ak-editor-base-font-size, 16px) - 13px) * (4 / 3)))";
5
6
  export declare const getDenseListStyles: (baseFontSize?: number) => SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "215.6.2",
3
+ "version": "215.7.0",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -81,7 +81,7 @@
81
81
  "uuid": "^3.1.0"
82
82
  },
83
83
  "peerDependencies": {
84
- "@atlaskit/editor-common": "^110.16.0",
84
+ "@atlaskit/editor-common": "^110.17.0",
85
85
  "@atlaskit/link-provider": "^4.0.0",
86
86
  "@atlaskit/media-core": "^37.0.0",
87
87
  "react": "^18.2.0",
@@ -107,7 +107,7 @@
107
107
  "@atlaskit/primitives": "^16.0.0",
108
108
  "@atlaskit/renderer": "^124.8.0",
109
109
  "@atlaskit/section-message": "^8.7.0",
110
- "@atlaskit/smart-card": "^43.2.0",
110
+ "@atlaskit/smart-card": "^43.3.0",
111
111
  "@atlaskit/synchrony-test-helpers": "workspace:^",
112
112
  "@atlaskit/toggle": "^15.1.0",
113
113
  "@atlaskit/util-data-test": "^18.3.0",
@@ -440,6 +440,9 @@
440
440
  "type": "boolean",
441
441
  "referenceOnly": true
442
442
  },
443
+ "platform_editor_find_codeblock_color_contrast_fix": {
444
+ "type": "boolean"
445
+ },
443
446
  "platform_editor_blocktaskitem_patch_3": {
444
447
  "type": "boolean",
445
448
  "referenceOnly": true