@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 +9 -0
- package/dist/cjs/presets/universal.js +2 -1
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +4 -1
- package/dist/cjs/ui/EditorContentContainer/styles/selectionToolbarStyles.js +29 -0
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/presets/universal.js +2 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +4 -1
- package/dist/es2019/ui/EditorContentContainer/styles/selectionToolbarStyles.js +22 -0
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/presets/universal.js +2 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +4 -1
- package/dist/esm/ui/EditorContentContainer/styles/selectionToolbarStyles.js +22 -0
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/EditorContentContainer/styles/selectionToolbarStyles.d.ts +1 -0
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/selectionToolbarStyles.d.ts +1 -0
- package/package.json +8 -13
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
|
+
});
|
|
@@ -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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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
|