@atlaskit/editor-core 208.3.1 → 208.3.2

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 CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 208.3.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#175437](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175437)
8
+ [`fc90fe8067613`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fc90fe8067613) -
9
+ [EDITOR-179] FG editor_a11y_status_renderer_description clean up
10
+ - Updated dependencies
11
+
3
12
  ## 208.3.1
4
13
 
5
14
  ### Patch Changes
@@ -111,7 +111,8 @@ function createUniversalPresetInternal(_ref) {
111
111
  return false;
112
112
  };
113
113
  var finalPreset = defaultPreset.add(_ufo.ufoPlugin).add(_dataConsumer.dataConsumerPlugin).add(_accessibilityUtils.accessibilityUtilsPlugin).add(_contentInsertion.contentInsertionPlugin).add(_batchAttributeUpdates.batchAttributeUpdatesPlugin).maybeAdd([_breakout.breakoutPlugin, {
114
- allowBreakoutButton: appearance === 'full-page'
114
+ allowBreakoutButton: appearance === 'full-page',
115
+ appearance: appearance
115
116
  }], Boolean(props.allowBreakout && isFullPage)).maybeAdd(_alignment.alignmentPlugin, Boolean(props.allowTextAlignment)).maybeAdd([_textColor.textColorPlugin, props.allowTextColor], Boolean(props.allowTextColor)).add(_list.listPlugin).maybeAdd(_rule.rulePlugin, Boolean(props.allowRule)).maybeAdd([_expand.expandPlugin, {
116
117
  allowInsertion: isExpandInsertionEnabled(props),
117
118
  useLongPressSelection: false,
@@ -49,6 +49,7 @@ var _resizerStyles = require("./styles/resizerStyles");
49
49
  var _rule = require("./styles/rule");
50
50
  var _scrollbarStyles = require("./styles/scrollbarStyles");
51
51
  var _selectionStyles = require("./styles/selectionStyles");
52
+ var _selectionToolbarStyles = require("./styles/selectionToolbarStyles");
52
53
  var _shadowStyles = require("./styles/shadowStyles");
53
54
  var _smartCardStyles = require("./styles/smartCardStyles");
54
55
  var _statusStyles = require("./styles/statusStyles");
@@ -343,7 +344,9 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
343
344
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
344
345
  _link.hyperLinkFloatingToolbarStyles,
345
346
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
346
- !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _link.linkLegacyIconStylesFix],
347
+ !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _link.linkLegacyIconStylesFix,
348
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
349
+ (0, _platformFeatureFlags.fg)('confluence_floating_toolbar_animation') && _selectionToolbarStyles.selectionToolbarAnimationStyles],
347
350
  "data-editor-scroll-container": isScrollable ? 'true' : undefined,
348
351
  "data-testid": "editor-content-container",
349
352
  style: {
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.selectionToolbarAnimationStyles = void 0;
7
+ var _react = require("@emotion/react");
8
+ // eslint-disable-line @atlaskit/ui-styling-standard/use-compiled
9
+
10
+ var fadeIn = (0, _react.keyframes)({
11
+ from: {
12
+ opacity: 0,
13
+ transform: 'translateY(-16px)'
14
+ },
15
+ to: {
16
+ opacity: 1,
17
+ transform: 'translateY(0)'
18
+ }
19
+ });
20
+
21
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
22
+ var selectionToolbarAnimationStyles = exports.selectionToolbarAnimationStyles = (0, _react.css)({
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
24
+ "[aria-label='Selection toolbar']": {
25
+ animationName: fadeIn,
26
+ animationDuration: "0.2s",
27
+ animationTimingFunction: "cubic-bezier(0.6, 0, 0, 1)"
28
+ }
29
+ });
@@ -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 = "208.3.0";
8
+ var version = exports.version = "208.3.1";
@@ -101,7 +101,8 @@ export default function createUniversalPresetInternal({
101
101
  return false;
102
102
  };
103
103
  const finalPreset = defaultPreset.add(ufoPlugin).add(dataConsumerPlugin).add(accessibilityUtilsPlugin).add(contentInsertionPlugin).add(batchAttributeUpdatesPlugin).maybeAdd([breakoutPlugin, {
104
- allowBreakoutButton: appearance === 'full-page'
104
+ allowBreakoutButton: appearance === 'full-page',
105
+ appearance: appearance
105
106
  }], Boolean(props.allowBreakout && isFullPage)).maybeAdd(alignmentPlugin, Boolean(props.allowTextAlignment)).maybeAdd([textColorPlugin, props.allowTextColor], Boolean(props.allowTextColor)).add(listPlugin).maybeAdd(rulePlugin, Boolean(props.allowRule)).maybeAdd([expandPlugin, {
106
107
  allowInsertion: isExpandInsertionEnabled(props),
107
108
  useLongPressSelection: false,
@@ -50,6 +50,7 @@ import { pragmaticResizerStyles, pragmaticResizerStylesNew, pragmaticStylesLayou
50
50
  import { ruleStyles } from './styles/rule';
51
51
  import { scrollbarStyles } from './styles/scrollbarStyles';
52
52
  import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
53
+ import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles';
53
54
  import { shadowStyles } from './styles/shadowStyles';
54
55
  import { linkingVisualRefreshV1Styles, smartCardStyles, smartLinksInLivePagesStyles, smartLinksInLivePagesStylesOld } from './styles/smartCardStyles';
55
56
  import { statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh, vanillaStatusStyles, vanillaStatusStylesMixin_fg_platform_component_visual_refresh, vanillaStatusStylesMixin_without_fg_platform_component_visual_refresh } from './styles/statusStyles';
@@ -338,7 +339,9 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
338
339
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
339
340
  hyperLinkFloatingToolbarStyles,
340
341
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
341
- !fg('platform-visual-refresh-icons') && linkLegacyIconStylesFix],
342
+ !fg('platform-visual-refresh-icons') && linkLegacyIconStylesFix,
343
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
344
+ fg('confluence_floating_toolbar_animation') && selectionToolbarAnimationStyles],
342
345
  "data-editor-scroll-container": isScrollable ? 'true' : undefined,
343
346
  "data-testid": "editor-content-container",
344
347
  style: {
@@ -0,0 +1,22 @@
1
+ import { css, keyframes } from '@emotion/react'; // eslint-disable-line @atlaskit/ui-styling-standard/use-compiled
2
+
3
+ const fadeIn = keyframes({
4
+ from: {
5
+ opacity: 0,
6
+ transform: 'translateY(-16px)'
7
+ },
8
+ to: {
9
+ opacity: 1,
10
+ transform: 'translateY(0)'
11
+ }
12
+ });
13
+
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
15
+ export const selectionToolbarAnimationStyles = css({
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
17
+ "[aria-label='Selection toolbar']": {
18
+ animationName: fadeIn,
19
+ animationDuration: `0.2s`,
20
+ animationTimingFunction: `cubic-bezier(0.6, 0, 0, 1)`
21
+ }
22
+ });
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "208.3.0";
2
+ export const version = "208.3.1";
@@ -104,7 +104,8 @@ export default function createUniversalPresetInternal(_ref) {
104
104
  return false;
105
105
  };
106
106
  var finalPreset = defaultPreset.add(ufoPlugin).add(dataConsumerPlugin).add(accessibilityUtilsPlugin).add(contentInsertionPlugin).add(batchAttributeUpdatesPlugin).maybeAdd([breakoutPlugin, {
107
- allowBreakoutButton: appearance === 'full-page'
107
+ allowBreakoutButton: appearance === 'full-page',
108
+ appearance: appearance
108
109
  }], Boolean(props.allowBreakout && isFullPage)).maybeAdd(alignmentPlugin, Boolean(props.allowTextAlignment)).maybeAdd([textColorPlugin, props.allowTextColor], Boolean(props.allowTextColor)).add(listPlugin).maybeAdd(rulePlugin, Boolean(props.allowRule)).maybeAdd([expandPlugin, {
109
110
  allowInsertion: isExpandInsertionEnabled(props),
110
111
  useLongPressSelection: false,
@@ -50,6 +50,7 @@ import { pragmaticResizerStyles, pragmaticResizerStylesNew, pragmaticStylesLayou
50
50
  import { ruleStyles } from './styles/rule';
51
51
  import { scrollbarStyles } from './styles/scrollbarStyles';
52
52
  import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
53
+ import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles';
53
54
  import { shadowStyles } from './styles/shadowStyles';
54
55
  import { linkingVisualRefreshV1Styles, smartCardStyles, smartLinksInLivePagesStyles, smartLinksInLivePagesStylesOld } from './styles/smartCardStyles';
55
56
  import { statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh, vanillaStatusStyles, vanillaStatusStylesMixin_fg_platform_component_visual_refresh, vanillaStatusStylesMixin_without_fg_platform_component_visual_refresh } from './styles/statusStyles';
@@ -335,7 +336,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
335
336
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
336
337
  hyperLinkFloatingToolbarStyles,
337
338
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
338
- !fg('platform-visual-refresh-icons') && linkLegacyIconStylesFix],
339
+ !fg('platform-visual-refresh-icons') && linkLegacyIconStylesFix,
340
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
341
+ fg('confluence_floating_toolbar_animation') && selectionToolbarAnimationStyles],
339
342
  "data-editor-scroll-container": isScrollable ? 'true' : undefined,
340
343
  "data-testid": "editor-content-container",
341
344
  style: {
@@ -0,0 +1,22 @@
1
+ import { css, keyframes } from '@emotion/react'; // eslint-disable-line @atlaskit/ui-styling-standard/use-compiled
2
+
3
+ var fadeIn = keyframes({
4
+ from: {
5
+ opacity: 0,
6
+ transform: 'translateY(-16px)'
7
+ },
8
+ to: {
9
+ opacity: 1,
10
+ transform: 'translateY(0)'
11
+ }
12
+ });
13
+
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
15
+ export var selectionToolbarAnimationStyles = css({
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
17
+ "[aria-label='Selection toolbar']": {
18
+ animationName: fadeIn,
19
+ animationDuration: "0.2s",
20
+ animationTimingFunction: "cubic-bezier(0.6, 0, 0, 1)"
21
+ }
22
+ });
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "208.3.0";
2
+ export var version = "208.3.1";
@@ -0,0 +1 @@
1
+ export declare const selectionToolbarAnimationStyles: import("@emotion/react").SerializedStyles;
@@ -0,0 +1 @@
1
+ export declare const selectionToolbarAnimationStyles: import("@emotion/react").SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "208.3.1",
3
+ "version": "208.3.2",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -46,7 +46,7 @@
46
46
  "@atlaskit/analytics-next-stable-react-context": "1.0.1",
47
47
  "@atlaskit/button": "^23.2.0",
48
48
  "@atlaskit/css": "^0.11.0",
49
- "@atlaskit/editor-common": "^107.1.0",
49
+ "@atlaskit/editor-common": "^107.2.0",
50
50
  "@atlaskit/editor-json-transformer": "^8.24.0",
51
51
  "@atlaskit/editor-performance-metrics": "^2.1.0",
52
52
  "@atlaskit/editor-plugin-quick-insert": "^2.6.0",
@@ -63,7 +63,7 @@
63
63
  "@atlaskit/platform-feature-flags-react": "^0.2.0",
64
64
  "@atlaskit/react-ufo": "^3.13.0",
65
65
  "@atlaskit/task-decision": "^19.2.0",
66
- "@atlaskit/tmp-editor-statsig": "^8.0.0",
66
+ "@atlaskit/tmp-editor-statsig": "^8.1.0",
67
67
  "@atlaskit/tokens": "^5.4.0",
68
68
  "@atlaskit/tooltip": "^20.3.0",
69
69
  "@atlaskit/width-detector": "^5.0.0",
@@ -97,7 +97,7 @@
97
97
  "@atlaskit/editor-plugin-list": "^4.2.0",
98
98
  "@atlaskit/editor-plugin-paste": "^3.3.0",
99
99
  "@atlaskit/link-provider": "^3.3.0",
100
- "@atlaskit/logo": "^19.1.0",
100
+ "@atlaskit/logo": "^19.2.0",
101
101
  "@atlaskit/media-core": "^37.0.0",
102
102
  "@atlaskit/media-integration-test-helpers": "workspace:^",
103
103
  "@atlaskit/media-test-helpers": "^37.0.0",
@@ -105,7 +105,7 @@
105
105
  "@atlaskit/primitives": "^14.9.0",
106
106
  "@atlaskit/renderer": "^119.0.0",
107
107
  "@atlaskit/section-message": "^8.2.0",
108
- "@atlaskit/smart-card": "^38.13.0",
108
+ "@atlaskit/smart-card": "^38.14.0",
109
109
  "@atlaskit/synchrony-test-helpers": "workspace:^",
110
110
  "@atlaskit/toggle": "^15.0.0",
111
111
  "@atlaskit/util-data-test": "^18.0.0",
@@ -155,6 +155,9 @@
155
155
  "cc_editor_abort_ufo_load_on_editor_scroll": {
156
156
  "type": "boolean"
157
157
  },
158
+ "confluence_floating_toolbar_animation": {
159
+ "type": "boolean"
160
+ },
158
161
  "platform_editor_reduce_scroll_jump_on_editor_start": {
159
162
  "type": "boolean"
160
163
  },
@@ -290,10 +293,6 @@
290
293
  "type": "boolean",
291
294
  "referenceOnly": true
292
295
  },
293
- "editor_a11y_tab_does_not_close_menus": {
294
- "type": "boolean",
295
- "referenceOnly": true
296
- },
297
296
  "platform_editor_floating_toolbar_padding_fix": {
298
297
  "type": "boolean",
299
298
  "referenceOnly": true
@@ -306,10 +305,6 @@
306
305
  "type": "boolean",
307
306
  "referenceOnly": true
308
307
  },
309
- "editor_a11y_status_renderer_description": {
310
- "type": "boolean",
311
- "referenceOnly": true
312
- },
313
308
  "platform_editor_axe_leading_paragraph_from_media": {
314
309
  "type": "boolean",
315
310
  "referenceOnly": true