@atlaskit/editor-common 92.0.1 → 92.1.1
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 +32 -0
- package/dist/cjs/lazy-node-view/index.js +7 -5
- package/dist/cjs/lazy-node-view/lazy-scheduler.js +19 -0
- package/dist/cjs/media-single/CommentBadge.js +4 -5
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/styles/shared/smartCard.js +3 -3
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/ui-menu/ToolbarButton/index.js +3 -1
- package/dist/es2019/lazy-node-view/index.js +7 -5
- package/dist/es2019/lazy-node-view/lazy-scheduler.js +10 -0
- package/dist/es2019/media-single/CommentBadge.js +4 -5
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/styles/shared/smartCard.js +3 -3
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui-menu/ToolbarButton/index.js +3 -1
- package/dist/esm/lazy-node-view/index.js +7 -5
- package/dist/esm/lazy-node-view/lazy-scheduler.js +12 -0
- package/dist/esm/media-single/CommentBadge.js +4 -5
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/styles/shared/smartCard.js +3 -3
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/ui-menu/ToolbarButton/index.js +3 -1
- package/dist/types/lazy-node-view/lazy-scheduler.d.ts +2 -0
- package/dist/types/media-single/CommentBadge.d.ts +0 -1
- package/dist/types/types/annotation/index.d.ts +0 -1
- package/dist/types/types/feature-flags.d.ts +0 -16
- package/dist/types/ui-menu/ToolbarButton/index.d.ts +2 -2
- package/dist/types-ts4.5/lazy-node-view/lazy-scheduler.d.ts +2 -0
- package/dist/types-ts4.5/media-single/CommentBadge.d.ts +0 -1
- package/dist/types-ts4.5/types/annotation/index.d.ts +0 -1
- package/dist/types-ts4.5/types/feature-flags.d.ts +0 -16
- package/dist/types-ts4.5/ui-menu/ToolbarButton/index.d.ts +2 -2
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,37 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 92.1.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#147660](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/147660)
|
|
8
|
+
[`eeb74f2c973d9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/eeb74f2c973d9) -
|
|
9
|
+
Clean up FF platform_editor_tables_sticky_scrollbar
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 92.1.0
|
|
13
|
+
|
|
14
|
+
### Minor Changes
|
|
15
|
+
|
|
16
|
+
- [#146891](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/146891)
|
|
17
|
+
[`de72f151473eb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/de72f151473eb) -
|
|
18
|
+
[ED-25167] Allow ButtonComponent to accept `rel` prop
|
|
19
|
+
|
|
20
|
+
### Patch Changes
|
|
21
|
+
|
|
22
|
+
- [#147547](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/147547)
|
|
23
|
+
[`46defc30fb9dd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/46defc30fb9dd) -
|
|
24
|
+
Cleanup of a FF for comments on media bug fix
|
|
25
|
+
- [#147569](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/147569)
|
|
26
|
+
[`0ded515d78e6c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0ded515d78e6c) -
|
|
27
|
+
ED-25140 Use idle callback when available
|
|
28
|
+
- [#146891](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/146891)
|
|
29
|
+
[`17f2c59f06b04`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/17f2c59f06b04) -
|
|
30
|
+
Migrate smart links in live pages feature flag to Statsig
|
|
31
|
+
- [`9499e2f456edb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9499e2f456edb) -
|
|
32
|
+
[ED-24689] clean up `confluence.frontend.fabric.editor.comments-on-media-bug-fix`
|
|
33
|
+
- Updated dependencies
|
|
34
|
+
|
|
3
35
|
## 92.0.1
|
|
4
36
|
|
|
5
37
|
### Patch Changes
|
|
@@ -15,6 +15,7 @@ exports.testOnlyIgnoreLazyNodeView = testOnlyIgnoreLazyNodeView;
|
|
|
15
15
|
exports.withLazyLoading = void 0;
|
|
16
16
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
17
17
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
18
|
+
var _lazyScheduler = require("./lazy-scheduler");
|
|
18
19
|
var _nodeView = require("./node-view");
|
|
19
20
|
var _cssHelper = require("./css-helper");
|
|
20
21
|
/**
|
|
@@ -116,6 +117,7 @@ function testOnlyIgnoreLazyNodeView(view) {
|
|
|
116
117
|
*
|
|
117
118
|
* // Then, use `lazyTableView` in ProseMirror editor setup to enhance 'table' nodes with lazy loading
|
|
118
119
|
*/
|
|
120
|
+
|
|
119
121
|
var withLazyLoading = exports.withLazyLoading = function withLazyLoading(_ref) {
|
|
120
122
|
var nodeName = _ref.nodeName,
|
|
121
123
|
loader = _ref.loader,
|
|
@@ -152,13 +154,13 @@ var withLazyLoading = exports.withLazyLoading = function withLazyLoading(_ref) {
|
|
|
152
154
|
*/
|
|
153
155
|
var _ref2 = debounceToEditorViewMap.get(view) || [null, new Set()],
|
|
154
156
|
_ref3 = (0, _slicedToArray2.default)(_ref2, 2),
|
|
155
|
-
|
|
157
|
+
callbackId = _ref3[0],
|
|
156
158
|
nodeTypes = _ref3[1];
|
|
157
|
-
if (
|
|
158
|
-
|
|
159
|
+
if (callbackId) {
|
|
160
|
+
(0, _lazyScheduler.cancelCallback)(callbackId);
|
|
159
161
|
}
|
|
160
162
|
nodeTypes.add(node.type.name);
|
|
161
|
-
var
|
|
163
|
+
var nextCallbackId = (0, _lazyScheduler.scheduleCallback)(function () {
|
|
162
164
|
debounceToEditorViewMap.set(view, [null, new Set()]);
|
|
163
165
|
var tr = view.state.tr;
|
|
164
166
|
tr.setMeta(lazyNodeViewDecorationPluginKey, {
|
|
@@ -167,7 +169,7 @@ var withLazyLoading = exports.withLazyLoading = function withLazyLoading(_ref) {
|
|
|
167
169
|
});
|
|
168
170
|
view.dispatch(tr);
|
|
169
171
|
});
|
|
170
|
-
debounceToEditorViewMap.set(view, [
|
|
172
|
+
debounceToEditorViewMap.set(view, [nextCallbackId, nodeTypes]);
|
|
171
173
|
/**
|
|
172
174
|
* END triggering LazyNodeViewDecoration plugin
|
|
173
175
|
*/
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.scheduleCallback = exports.cancelCallback = void 0;
|
|
8
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
10
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
11
|
+
var hasIdleCallback = 'requestIdleCallback' in window;
|
|
12
|
+
var scheduleCallback = exports.scheduleCallback = function scheduleCallback(cb, options) {
|
|
13
|
+
return hasIdleCallback ? requestIdleCallback(cb, _objectSpread({
|
|
14
|
+
timeout: 5000
|
|
15
|
+
}, options)) : requestAnimationFrame(cb);
|
|
16
|
+
};
|
|
17
|
+
var cancelCallback = exports.cancelCallback = function cancelCallback(id) {
|
|
18
|
+
return hasIdleCallback ? cancelIdleCallback(id) : cancelAnimationFrame(id);
|
|
19
|
+
};
|
|
@@ -31,10 +31,10 @@ var commentBadgeWrapper = (0, _react2.css)({
|
|
|
31
31
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
32
32
|
zIndex: _editorSharedStyles.akEditorUnitZIndex * 10
|
|
33
33
|
});
|
|
34
|
-
var commentBadgeEditorOverrides = function commentBadgeEditorOverrides(
|
|
34
|
+
var commentBadgeEditorOverrides = function commentBadgeEditorOverrides(badgeOffsetRight) {
|
|
35
35
|
return (0, _react2.css)({
|
|
36
36
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
37
|
-
right:
|
|
37
|
+
right: badgeOffsetRight,
|
|
38
38
|
zIndex: _constants.layers.card()
|
|
39
39
|
});
|
|
40
40
|
};
|
|
@@ -52,8 +52,7 @@ var CommentBadge = exports.CommentBadge = /*#__PURE__*/(0, _react.forwardRef)(fu
|
|
|
52
52
|
onClick = _ref.onClick,
|
|
53
53
|
onMouseEnter = _ref.onMouseEnter,
|
|
54
54
|
onMouseLeave = _ref.onMouseLeave,
|
|
55
|
-
badgeOffsetRight = _ref.badgeOffsetRight
|
|
56
|
-
commentsOnMediaBugFixEnabled = _ref.commentsOnMediaBugFixEnabled;
|
|
55
|
+
badgeOffsetRight = _ref.badgeOffsetRight;
|
|
57
56
|
var _useState = (0, _react.useState)(getBadgeSize(width, height)),
|
|
58
57
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
59
58
|
badgeSize = _useState2[0],
|
|
@@ -90,7 +89,7 @@ var CommentBadge = exports.CommentBadge = /*#__PURE__*/(0, _react.forwardRef)(fu
|
|
|
90
89
|
ref: ref,
|
|
91
90
|
css: badgeOffsetRight ? [commentBadgeWrapper,
|
|
92
91
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
93
|
-
commentBadgeEditorOverrides(
|
|
92
|
+
commentBadgeEditorOverrides(badgeOffsetRight)] : commentBadgeWrapper
|
|
94
93
|
// This is needed so that mediaWrapperStyle in editor/editor-common/src/ui/MediaSingle/styled.tsx
|
|
95
94
|
// can target the correct div
|
|
96
95
|
,
|
|
@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
17
17
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
18
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
19
19
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
20
|
-
var packageVersion = "92.
|
|
20
|
+
var packageVersion = "92.1.1";
|
|
21
21
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
22
22
|
// Remove URL as it has UGC
|
|
23
23
|
// TODO: Sanitise the URL instead of just removing it
|
|
@@ -19,9 +19,9 @@ var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = exports.FLOATING_TOOLBAR_LINKPICKER_
|
|
|
19
19
|
var smartCardStyles = exports.smartCardStyles = function smartCardStyles() {
|
|
20
20
|
return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\tmax-width: calc(100% - 20px);\n\t\tvertical-align: top;\n\t\tword-break: break-all;\n\t\t", "\n\t\t.card {\n\t\t\tpadding-left: ", ";\n\t\t\tpadding-right: ", ";\n\t\t\tpadding-top: 0.5em;\n\t\t\tpadding-bottom: 0.5em;\n\t\t\tmargin-bottom: -0.5em;\n\n\t\t\t.", " > a:focus {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > a {\n\t\t\t", "\n\t\t}\n\t\t.", " > a {\n\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > a {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\t\tz-index: 2;\n\t\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: ", ";\n\n\t\t\ta {\n\t\t\t\tcursor: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div {\n\t\t\t", "\n\t\t\tborder-radius: ", ";\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > div {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", ".", " {\n\t\tmax-width: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\n\t\t.", " {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: ", ";\n\t\t\tborder-radius: ", ";\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", " {\n\t\t\t\t", "\n\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\t\t\ta {\n\t\t\t\tcursor: ", ";\n\t\t\t}\n\t\t\t&::after {\n\t\t\t\ttransition: box-shadow 0s;\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div::after {\n\t\t\t", "\n\t\t}\n\n\t\t&.danger {\n\t\t\t.media-card-frame::after {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t\tbackground: ", " !important;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-right::after,\n\t\t\t.richMedia-resize-handle-left::after {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tpadding: 0;\n\t}\n"])), _smartCard.SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? ".card-with-comment {\n background: ".concat("var(--ds-background-accent-yellow-subtler, ".concat(_colors.Y75, ")"), ";\n border-bottom: 2px solid ", "var(--ds-border-accent-yellow, ".concat(_colors.Y300, ")"), ";\n box-shadow: ", "var(--ds-shadow-overlay, ".concat("1px 2px 3px ".concat(_colors.N60A, ", -1px 2px 3px ").concat(_colors.N60A), ")"), ";\n }") : '', "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER,
|
|
21
21
|
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
22
|
-
(0, _platformFeatureFlags.fg)('
|
|
22
|
+
(0, _platformFeatureFlags.fg)('linking_platform_smart_links_in_live_pages') ? 'text' : 'pointer',
|
|
23
23
|
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
24
|
-
(0, _platformFeatureFlags.fg)('
|
|
24
|
+
(0, _platformFeatureFlags.fg)('linking_platform_smart_links_in_live_pages') ? 'pointer' : 'auto', _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "var(--ds-border-radius-200, 8px)", _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.DATASOURCE_CONTAINER, _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, ".concat(_colors.N0, ")"), "var(--ds-border-radius-200, 8px)", "var(--ds-border, ".concat(_colors.N40, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), (0, _platformFeatureFlags.fg)('platform-datasources-enable-two-way-sync') ? "\n\t\t\t\t\tinput::selection {\n\t\t\t\t\t\tbackground-color: ".concat("var(--ds-background-selected-hovered, #CCE0FF)", ";\n\t\t\t\t\t}\n\t\t\t\t\tinput::-moz-selection {\n\t\t\t\t\t\tbackground-color: ", "var(--ds-background-selected-hovered, #CCE0FF)", ";\n\t\t\t\t\t}\n\t\t\t\t") : '', DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER,
|
|
25
25
|
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
26
|
-
(0, _platformFeatureFlags.fg)('
|
|
26
|
+
(0, _platformFeatureFlags.fg)('linking_platform_smart_links_in_live_pages') ? 'pointer' : 'auto', _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);
|
|
27
27
|
};
|
|
@@ -25,7 +25,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
25
25
|
* @jsx jsx
|
|
26
26
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
27
27
|
var packageName = "@atlaskit/editor-common";
|
|
28
|
-
var packageVersion = "92.
|
|
28
|
+
var packageVersion = "92.1.1";
|
|
29
29
|
var halfFocusRing = 1;
|
|
30
30
|
var dropOffset = '0, 8';
|
|
31
31
|
var DropList = /*#__PURE__*/function (_Component) {
|
|
@@ -48,6 +48,7 @@ var ToolbarButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
|
|
|
48
48
|
_props$titlePosition = props.titlePosition,
|
|
49
49
|
titlePosition = _props$titlePosition === void 0 ? 'top' : _props$titlePosition,
|
|
50
50
|
item = props.item,
|
|
51
|
+
rel = props.rel,
|
|
51
52
|
ariaLabel = props['aria-label'],
|
|
52
53
|
ariaHasPopup = props['aria-haspopup'],
|
|
53
54
|
ariaExpanded = props['aria-expanded'],
|
|
@@ -110,7 +111,8 @@ var ToolbarButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
|
|
|
110
111
|
onBlur: onBlur,
|
|
111
112
|
onMouseEnter: onMouseEnter,
|
|
112
113
|
onMouseLeave: onMouseLeave,
|
|
113
|
-
"data-ds--level": dataDsLevel
|
|
114
|
+
"data-ds--level": dataDsLevel,
|
|
115
|
+
rel: rel
|
|
114
116
|
}, children);
|
|
115
117
|
if (!title) {
|
|
116
118
|
return button;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { PluginKey } from '@atlaskit/editor-prosemirror/state';
|
|
2
|
+
import { cancelCallback, scheduleCallback } from './lazy-scheduler';
|
|
2
3
|
import { LazyNodeView } from './node-view';
|
|
3
4
|
export { convertToInlineCss } from './css-helper';
|
|
4
5
|
/**
|
|
@@ -100,6 +101,7 @@ export function testOnlyIgnoreLazyNodeView(view) {
|
|
|
100
101
|
*
|
|
101
102
|
* // Then, use `lazyTableView` in ProseMirror editor setup to enhance 'table' nodes with lazy loading
|
|
102
103
|
*/
|
|
104
|
+
|
|
103
105
|
export const withLazyLoading = ({
|
|
104
106
|
nodeName,
|
|
105
107
|
loader,
|
|
@@ -135,12 +137,12 @@ export const withLazyLoading = ({
|
|
|
135
137
|
* Triggering lazyNodeViewDecoration plugin to apply decorations
|
|
136
138
|
* to nodes with newly loaded NodeViews.
|
|
137
139
|
*/
|
|
138
|
-
const [
|
|
139
|
-
if (
|
|
140
|
-
|
|
140
|
+
const [callbackId, nodeTypes] = debounceToEditorViewMap.get(view) || [null, new Set()];
|
|
141
|
+
if (callbackId) {
|
|
142
|
+
cancelCallback(callbackId);
|
|
141
143
|
}
|
|
142
144
|
nodeTypes.add(node.type.name);
|
|
143
|
-
const
|
|
145
|
+
const nextCallbackId = scheduleCallback(() => {
|
|
144
146
|
debounceToEditorViewMap.set(view, [null, new Set()]);
|
|
145
147
|
const tr = view.state.tr;
|
|
146
148
|
tr.setMeta(lazyNodeViewDecorationPluginKey, {
|
|
@@ -149,7 +151,7 @@ export const withLazyLoading = ({
|
|
|
149
151
|
});
|
|
150
152
|
view.dispatch(tr);
|
|
151
153
|
});
|
|
152
|
-
debounceToEditorViewMap.set(view, [
|
|
154
|
+
debounceToEditorViewMap.set(view, [nextCallbackId, nodeTypes]);
|
|
153
155
|
/**
|
|
154
156
|
* END triggering LazyNodeViewDecoration plugin
|
|
155
157
|
*/
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
const hasIdleCallback = 'requestIdleCallback' in window;
|
|
2
|
+
export const scheduleCallback = (cb, options) => {
|
|
3
|
+
return hasIdleCallback ? requestIdleCallback(cb, {
|
|
4
|
+
timeout: 5000,
|
|
5
|
+
...options
|
|
6
|
+
}) : requestAnimationFrame(cb);
|
|
7
|
+
};
|
|
8
|
+
export const cancelCallback = id => {
|
|
9
|
+
return hasIdleCallback ? cancelIdleCallback(id) : cancelAnimationFrame(id);
|
|
10
|
+
};
|
|
@@ -22,9 +22,9 @@ const commentBadgeWrapper = css({
|
|
|
22
22
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
23
23
|
zIndex: akEditorUnitZIndex * 10
|
|
24
24
|
});
|
|
25
|
-
const commentBadgeEditorOverrides =
|
|
25
|
+
const commentBadgeEditorOverrides = badgeOffsetRight => css({
|
|
26
26
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
27
|
-
right:
|
|
27
|
+
right: badgeOffsetRight,
|
|
28
28
|
zIndex: layers.card()
|
|
29
29
|
});
|
|
30
30
|
export const getBadgeSize = (width, height) => {
|
|
@@ -40,8 +40,7 @@ export const CommentBadge = /*#__PURE__*/forwardRef(({
|
|
|
40
40
|
onClick,
|
|
41
41
|
onMouseEnter,
|
|
42
42
|
onMouseLeave,
|
|
43
|
-
badgeOffsetRight
|
|
44
|
-
commentsOnMediaBugFixEnabled
|
|
43
|
+
badgeOffsetRight
|
|
45
44
|
}, ref) => {
|
|
46
45
|
const [badgeSize, setBadgeSize] = useState(getBadgeSize(width, height));
|
|
47
46
|
const title = intl.formatMessage(messages.viewCommentsOnMedia);
|
|
@@ -76,7 +75,7 @@ export const CommentBadge = /*#__PURE__*/forwardRef(({
|
|
|
76
75
|
ref: ref,
|
|
77
76
|
css: badgeOffsetRight ? [commentBadgeWrapper,
|
|
78
77
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
79
|
-
commentBadgeEditorOverrides(
|
|
78
|
+
commentBadgeEditorOverrides(badgeOffsetRight)] : commentBadgeWrapper
|
|
80
79
|
// This is needed so that mediaWrapperStyle in editor/editor-common/src/ui/MediaSingle/styled.tsx
|
|
81
80
|
// can target the correct div
|
|
82
81
|
,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { isFedRamp } from './environment';
|
|
2
2
|
const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
3
3
|
const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
4
|
-
const packageVersion = "92.
|
|
4
|
+
const packageVersion = "92.1.1";
|
|
5
5
|
const sanitiseSentryEvents = (data, _hint) => {
|
|
6
6
|
// Remove URL as it has UGC
|
|
7
7
|
// TODO: Sanitise the URL instead of just removing it
|
|
@@ -55,12 +55,12 @@ export const smartCardStyles = () => css`
|
|
|
55
55
|
.${SmartCardSharedCssClassName.LOADER_WRAPPER} > div {
|
|
56
56
|
cursor: ${
|
|
57
57
|
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
58
|
-
fg('
|
|
58
|
+
fg('linking_platform_smart_links_in_live_pages') ? 'text' : 'pointer'};
|
|
59
59
|
|
|
60
60
|
a {
|
|
61
61
|
cursor: ${
|
|
62
62
|
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
63
|
-
fg('
|
|
63
|
+
fg('linking_platform_smart_links_in_live_pages') ? 'pointer' : 'auto'};
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
|
|
@@ -116,7 +116,7 @@ fg('platform.linking-platform.smart-links-in-live-pages') ? 'pointer' : 'auto'};
|
|
|
116
116
|
a {
|
|
117
117
|
cursor: ${
|
|
118
118
|
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
119
|
-
fg('
|
|
119
|
+
fg('linking_platform_smart_links_in_live_pages') ? 'pointer' : 'auto'};
|
|
120
120
|
}
|
|
121
121
|
&::after {
|
|
122
122
|
transition: box-shadow 0s;
|
|
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
14
14
|
import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
|
|
15
15
|
import Layer from '../Layer';
|
|
16
16
|
const packageName = "@atlaskit/editor-common";
|
|
17
|
-
const packageVersion = "92.
|
|
17
|
+
const packageVersion = "92.1.1";
|
|
18
18
|
const halfFocusRing = 1;
|
|
19
19
|
const dropOffset = '0, 8';
|
|
20
20
|
class DropList extends Component {
|
|
@@ -37,6 +37,7 @@ const ToolbarButton = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
37
37
|
keymap,
|
|
38
38
|
titlePosition = 'top',
|
|
39
39
|
item,
|
|
40
|
+
rel,
|
|
40
41
|
'aria-label': ariaLabel,
|
|
41
42
|
'aria-haspopup': ariaHasPopup,
|
|
42
43
|
'aria-expanded': ariaExpanded,
|
|
@@ -99,7 +100,8 @@ const ToolbarButton = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
99
100
|
onBlur: onBlur,
|
|
100
101
|
onMouseEnter: onMouseEnter,
|
|
101
102
|
onMouseLeave: onMouseLeave,
|
|
102
|
-
"data-ds--level": dataDsLevel
|
|
103
|
+
"data-ds--level": dataDsLevel,
|
|
104
|
+
rel: rel
|
|
103
105
|
}, children);
|
|
104
106
|
if (!title) {
|
|
105
107
|
return button;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
import { PluginKey } from '@atlaskit/editor-prosemirror/state';
|
|
3
|
+
import { cancelCallback, scheduleCallback } from './lazy-scheduler';
|
|
3
4
|
import { LazyNodeView } from './node-view';
|
|
4
5
|
export { convertToInlineCss } from './css-helper';
|
|
5
6
|
/**
|
|
@@ -101,6 +102,7 @@ export function testOnlyIgnoreLazyNodeView(view) {
|
|
|
101
102
|
*
|
|
102
103
|
* // Then, use `lazyTableView` in ProseMirror editor setup to enhance 'table' nodes with lazy loading
|
|
103
104
|
*/
|
|
105
|
+
|
|
104
106
|
export var withLazyLoading = function withLazyLoading(_ref) {
|
|
105
107
|
var nodeName = _ref.nodeName,
|
|
106
108
|
loader = _ref.loader,
|
|
@@ -137,13 +139,13 @@ export var withLazyLoading = function withLazyLoading(_ref) {
|
|
|
137
139
|
*/
|
|
138
140
|
var _ref2 = debounceToEditorViewMap.get(view) || [null, new Set()],
|
|
139
141
|
_ref3 = _slicedToArray(_ref2, 2),
|
|
140
|
-
|
|
142
|
+
callbackId = _ref3[0],
|
|
141
143
|
nodeTypes = _ref3[1];
|
|
142
|
-
if (
|
|
143
|
-
|
|
144
|
+
if (callbackId) {
|
|
145
|
+
cancelCallback(callbackId);
|
|
144
146
|
}
|
|
145
147
|
nodeTypes.add(node.type.name);
|
|
146
|
-
var
|
|
148
|
+
var nextCallbackId = scheduleCallback(function () {
|
|
147
149
|
debounceToEditorViewMap.set(view, [null, new Set()]);
|
|
148
150
|
var tr = view.state.tr;
|
|
149
151
|
tr.setMeta(lazyNodeViewDecorationPluginKey, {
|
|
@@ -152,7 +154,7 @@ export var withLazyLoading = function withLazyLoading(_ref) {
|
|
|
152
154
|
});
|
|
153
155
|
view.dispatch(tr);
|
|
154
156
|
});
|
|
155
|
-
debounceToEditorViewMap.set(view, [
|
|
157
|
+
debounceToEditorViewMap.set(view, [nextCallbackId, nodeTypes]);
|
|
156
158
|
/**
|
|
157
159
|
* END triggering LazyNodeViewDecoration plugin
|
|
158
160
|
*/
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
+
var hasIdleCallback = 'requestIdleCallback' in window;
|
|
5
|
+
export var scheduleCallback = function scheduleCallback(cb, options) {
|
|
6
|
+
return hasIdleCallback ? requestIdleCallback(cb, _objectSpread({
|
|
7
|
+
timeout: 5000
|
|
8
|
+
}, options)) : requestAnimationFrame(cb);
|
|
9
|
+
};
|
|
10
|
+
export var cancelCallback = function cancelCallback(id) {
|
|
11
|
+
return hasIdleCallback ? cancelIdleCallback(id) : cancelAnimationFrame(id);
|
|
12
|
+
};
|
|
@@ -23,10 +23,10 @@ var commentBadgeWrapper = css({
|
|
|
23
23
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
24
24
|
zIndex: akEditorUnitZIndex * 10
|
|
25
25
|
});
|
|
26
|
-
var commentBadgeEditorOverrides = function commentBadgeEditorOverrides(
|
|
26
|
+
var commentBadgeEditorOverrides = function commentBadgeEditorOverrides(badgeOffsetRight) {
|
|
27
27
|
return css({
|
|
28
28
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
29
|
-
right:
|
|
29
|
+
right: badgeOffsetRight,
|
|
30
30
|
zIndex: layers.card()
|
|
31
31
|
});
|
|
32
32
|
};
|
|
@@ -44,8 +44,7 @@ export var CommentBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
44
44
|
onClick = _ref.onClick,
|
|
45
45
|
onMouseEnter = _ref.onMouseEnter,
|
|
46
46
|
onMouseLeave = _ref.onMouseLeave,
|
|
47
|
-
badgeOffsetRight = _ref.badgeOffsetRight
|
|
48
|
-
commentsOnMediaBugFixEnabled = _ref.commentsOnMediaBugFixEnabled;
|
|
47
|
+
badgeOffsetRight = _ref.badgeOffsetRight;
|
|
49
48
|
var _useState = useState(getBadgeSize(width, height)),
|
|
50
49
|
_useState2 = _slicedToArray(_useState, 2),
|
|
51
50
|
badgeSize = _useState2[0],
|
|
@@ -82,7 +81,7 @@ export var CommentBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
82
81
|
ref: ref,
|
|
83
82
|
css: badgeOffsetRight ? [commentBadgeWrapper,
|
|
84
83
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
85
|
-
commentBadgeEditorOverrides(
|
|
84
|
+
commentBadgeEditorOverrides(badgeOffsetRight)] : commentBadgeWrapper
|
|
86
85
|
// This is needed so that mediaWrapperStyle in editor/editor-common/src/ui/MediaSingle/styled.tsx
|
|
87
86
|
// can target the correct div
|
|
88
87
|
,
|
|
@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
7
7
|
import { isFedRamp } from './environment';
|
|
8
8
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
9
9
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
10
|
-
var packageVersion = "92.
|
|
10
|
+
var packageVersion = "92.1.1";
|
|
11
11
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
12
12
|
// Remove URL as it has UGC
|
|
13
13
|
// TODO: Sanitise the URL instead of just removing it
|
|
@@ -14,9 +14,9 @@ export var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-
|
|
|
14
14
|
export var smartCardStyles = function smartCardStyles() {
|
|
15
15
|
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", " {\n\t\tmax-width: calc(100% - 20px);\n\t\tvertical-align: top;\n\t\tword-break: break-all;\n\t\t", "\n\t\t.card {\n\t\t\tpadding-left: ", ";\n\t\t\tpadding-right: ", ";\n\t\t\tpadding-top: 0.5em;\n\t\t\tpadding-bottom: 0.5em;\n\t\t\tmargin-bottom: -0.5em;\n\n\t\t\t.", " > a:focus {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > a {\n\t\t\t", "\n\t\t}\n\t\t.", " > a {\n\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > a {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\t\tz-index: 2;\n\t\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: ", ";\n\n\t\t\ta {\n\t\t\t\tcursor: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div {\n\t\t\t", "\n\t\t\tborder-radius: ", ";\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > div {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", ".", " {\n\t\tmax-width: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\n\t\t.", " {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: ", ";\n\t\t\tborder-radius: ", ";\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", " {\n\t\t\t\t", "\n\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\t\t\ta {\n\t\t\t\tcursor: ", ";\n\t\t\t}\n\t\t\t&::after {\n\t\t\t\ttransition: box-shadow 0s;\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div::after {\n\t\t\t", "\n\t\t}\n\n\t\t&.danger {\n\t\t\t.media-card-frame::after {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t\tbackground: ", " !important;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-right::after,\n\t\t\t.richMedia-resize-handle-left::after {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tpadding: 0;\n\t}\n"])), SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, fg('editor_inline_comments_on_inline_nodes') ? ".card-with-comment {\n background: ".concat("var(--ds-background-accent-yellow-subtler, ".concat(Y75, ")"), ";\n border-bottom: 2px solid ", "var(--ds-border-accent-yellow, ".concat(Y300, ")"), ";\n box-shadow: ", "var(--ds-shadow-overlay, ".concat("1px 2px 3px ".concat(N60A, ", -1px 2px 3px ").concat(N60A), ")"), ";\n }") : '', "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), SmartCardSharedCssClassName.LOADER_WRAPPER, SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER,
|
|
16
16
|
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
17
|
-
fg('
|
|
17
|
+
fg('linking_platform_smart_links_in_live_pages') ? 'text' : 'pointer',
|
|
18
18
|
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
19
|
-
fg('
|
|
19
|
+
fg('linking_platform_smart_links_in_live_pages') ? 'pointer' : 'auto', akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-border-radius-200, 8px)", SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.DATASOURCE_CONTAINER, SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, ".concat(N0, ")"), "var(--ds-border-radius-200, 8px)", "var(--ds-border, ".concat(N40, ")"), akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, getSelectionStyles([SelectionStyle.BoxShadow]), fg('platform-datasources-enable-two-way-sync') ? "\n\t\t\t\t\tinput::selection {\n\t\t\t\t\t\tbackground-color: ".concat("var(--ds-background-selected-hovered, #CCE0FF)", ";\n\t\t\t\t\t}\n\t\t\t\t\tinput::-moz-selection {\n\t\t\t\t\t\tbackground-color: ", "var(--ds-background-selected-hovered, #CCE0FF)", ";\n\t\t\t\t\t}\n\t\t\t\t") : '', DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER,
|
|
20
20
|
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
|
|
21
|
-
fg('
|
|
21
|
+
fg('linking_platform_smart_links_in_live_pages') ? 'pointer' : 'auto', akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);
|
|
22
22
|
};
|
|
@@ -22,7 +22,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
22
22
|
import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
|
|
23
23
|
import Layer from '../Layer';
|
|
24
24
|
var packageName = "@atlaskit/editor-common";
|
|
25
|
-
var packageVersion = "92.
|
|
25
|
+
var packageVersion = "92.1.1";
|
|
26
26
|
var halfFocusRing = 1;
|
|
27
27
|
var dropOffset = '0, 8';
|
|
28
28
|
var DropList = /*#__PURE__*/function (_Component) {
|
|
@@ -41,6 +41,7 @@ var ToolbarButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
41
41
|
_props$titlePosition = props.titlePosition,
|
|
42
42
|
titlePosition = _props$titlePosition === void 0 ? 'top' : _props$titlePosition,
|
|
43
43
|
item = props.item,
|
|
44
|
+
rel = props.rel,
|
|
44
45
|
ariaLabel = props['aria-label'],
|
|
45
46
|
ariaHasPopup = props['aria-haspopup'],
|
|
46
47
|
ariaExpanded = props['aria-expanded'],
|
|
@@ -103,7 +104,8 @@ var ToolbarButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
103
104
|
onBlur: onBlur,
|
|
104
105
|
onMouseEnter: onMouseEnter,
|
|
105
106
|
onMouseLeave: onMouseLeave,
|
|
106
|
-
"data-ds--level": dataDsLevel
|
|
107
|
+
"data-ds--level": dataDsLevel,
|
|
108
|
+
rel: rel
|
|
107
109
|
}, children);
|
|
108
110
|
if (!title) {
|
|
109
111
|
return button;
|
|
@@ -13,6 +13,5 @@ export type CommentBadgeProps = {
|
|
|
13
13
|
isEditor?: boolean;
|
|
14
14
|
isDrafting?: boolean;
|
|
15
15
|
badgeOffsetRight?: string;
|
|
16
|
-
commentsOnMediaBugFixEnabled?: boolean;
|
|
17
16
|
};
|
|
18
17
|
export declare const CommentBadge: import("react").ForwardRefExoticComponent<CommentBadgeProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -138,7 +138,6 @@ interface AnnotationTypeProvider<Type> {
|
|
|
138
138
|
updateSubscriber?: AnnotationUpdateEmitter;
|
|
139
139
|
allowDraftMode?: boolean;
|
|
140
140
|
allowCommentsOnMedia?: boolean;
|
|
141
|
-
isCommentsOnMediaBugFixEnabled?: boolean;
|
|
142
141
|
}
|
|
143
142
|
export type InlineCommentAnnotationProvider = AnnotationTypeProvider<AnnotationTypes.INLINE_COMMENT> & {
|
|
144
143
|
selectionComponent?: React.ComponentType<React.PropsWithChildren<InlineCommentSelectionComponentProps>>;
|
|
@@ -189,14 +189,6 @@ export type FeatureFlags = {
|
|
|
189
189
|
* @default false
|
|
190
190
|
*/
|
|
191
191
|
extendedMediaResizeExperience?: boolean | undefined;
|
|
192
|
-
/**
|
|
193
|
-
* @description
|
|
194
|
-
* Enables the sticky scrollbar for tables
|
|
195
|
-
*
|
|
196
|
-
* @see https://product-fabric.atlassian.net/browse/ED-19773
|
|
197
|
-
* @default false
|
|
198
|
-
*/
|
|
199
|
-
stickyScrollbar?: boolean | undefined;
|
|
200
192
|
/**
|
|
201
193
|
* @description
|
|
202
194
|
* Enables the drag and drop rows/columns for tables
|
|
@@ -277,14 +269,6 @@ export type FeatureFlags = {
|
|
|
277
269
|
* @default false
|
|
278
270
|
*/
|
|
279
271
|
macroInteractionButtonUpdates?: boolean;
|
|
280
|
-
/**
|
|
281
|
-
* @description
|
|
282
|
-
* Enables bug fix on media comments
|
|
283
|
-
*
|
|
284
|
-
// * @see https://product-fabric.atlassian.net/browse/ED-23093
|
|
285
|
-
* @default false
|
|
286
|
-
*/
|
|
287
|
-
commentsOnMediaBugFix?: boolean;
|
|
288
272
|
/**
|
|
289
273
|
* @description
|
|
290
274
|
* Enables extra analytics to be added for comments on media
|
|
@@ -34,7 +34,7 @@ export type Props = {
|
|
|
34
34
|
'aria-pressed'?: React.AriaAttributes['aria-pressed'];
|
|
35
35
|
'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
|
|
36
36
|
'data-ds--level'?: string;
|
|
37
|
-
} & Pick<ButtonProps, 'aria-label' | 'children' | 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'aria-controls'>;
|
|
37
|
+
} & Pick<ButtonProps, 'aria-label' | 'children' | 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'aria-controls' | 'rel'>;
|
|
38
38
|
export type ToolbarButtonRef = HTMLElement;
|
|
39
39
|
declare const ToolbarButton: React.ForwardRefExoticComponent<{
|
|
40
40
|
buttonId?: TOOLBAR_ACTION_SUBJECT_ID | undefined;
|
|
@@ -61,5 +61,5 @@ declare const ToolbarButton: React.ForwardRefExoticComponent<{
|
|
|
61
61
|
'aria-pressed'?: React.AriaAttributes['aria-pressed'];
|
|
62
62
|
'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
|
|
63
63
|
'data-ds--level'?: string | undefined;
|
|
64
|
-
} & Pick<ButtonProps, "onFocus" | "onBlur" | "children" | "aria-controls" | "aria-label" | "onMouseEnter" | "onMouseLeave"> & React.RefAttributes<HTMLElement>>;
|
|
64
|
+
} & Pick<ButtonProps, "onFocus" | "onBlur" | "children" | "aria-controls" | "aria-label" | "onMouseEnter" | "onMouseLeave" | "rel"> & React.RefAttributes<HTMLElement>>;
|
|
65
65
|
export default ToolbarButton;
|
|
@@ -13,6 +13,5 @@ export type CommentBadgeProps = {
|
|
|
13
13
|
isEditor?: boolean;
|
|
14
14
|
isDrafting?: boolean;
|
|
15
15
|
badgeOffsetRight?: string;
|
|
16
|
-
commentsOnMediaBugFixEnabled?: boolean;
|
|
17
16
|
};
|
|
18
17
|
export declare const CommentBadge: import("react").ForwardRefExoticComponent<CommentBadgeProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -138,7 +138,6 @@ interface AnnotationTypeProvider<Type> {
|
|
|
138
138
|
updateSubscriber?: AnnotationUpdateEmitter;
|
|
139
139
|
allowDraftMode?: boolean;
|
|
140
140
|
allowCommentsOnMedia?: boolean;
|
|
141
|
-
isCommentsOnMediaBugFixEnabled?: boolean;
|
|
142
141
|
}
|
|
143
142
|
export type InlineCommentAnnotationProvider = AnnotationTypeProvider<AnnotationTypes.INLINE_COMMENT> & {
|
|
144
143
|
selectionComponent?: React.ComponentType<React.PropsWithChildren<InlineCommentSelectionComponentProps>>;
|
|
@@ -189,14 +189,6 @@ export type FeatureFlags = {
|
|
|
189
189
|
* @default false
|
|
190
190
|
*/
|
|
191
191
|
extendedMediaResizeExperience?: boolean | undefined;
|
|
192
|
-
/**
|
|
193
|
-
* @description
|
|
194
|
-
* Enables the sticky scrollbar for tables
|
|
195
|
-
*
|
|
196
|
-
* @see https://product-fabric.atlassian.net/browse/ED-19773
|
|
197
|
-
* @default false
|
|
198
|
-
*/
|
|
199
|
-
stickyScrollbar?: boolean | undefined;
|
|
200
192
|
/**
|
|
201
193
|
* @description
|
|
202
194
|
* Enables the drag and drop rows/columns for tables
|
|
@@ -277,14 +269,6 @@ export type FeatureFlags = {
|
|
|
277
269
|
* @default false
|
|
278
270
|
*/
|
|
279
271
|
macroInteractionButtonUpdates?: boolean;
|
|
280
|
-
/**
|
|
281
|
-
* @description
|
|
282
|
-
* Enables bug fix on media comments
|
|
283
|
-
*
|
|
284
|
-
// * @see https://product-fabric.atlassian.net/browse/ED-23093
|
|
285
|
-
* @default false
|
|
286
|
-
*/
|
|
287
|
-
commentsOnMediaBugFix?: boolean;
|
|
288
272
|
/**
|
|
289
273
|
* @description
|
|
290
274
|
* Enables extra analytics to be added for comments on media
|
|
@@ -34,7 +34,7 @@ export type Props = {
|
|
|
34
34
|
'aria-pressed'?: React.AriaAttributes['aria-pressed'];
|
|
35
35
|
'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
|
|
36
36
|
'data-ds--level'?: string;
|
|
37
|
-
} & Pick<ButtonProps, 'aria-label' | 'children' | 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'aria-controls'>;
|
|
37
|
+
} & Pick<ButtonProps, 'aria-label' | 'children' | 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'aria-controls' | 'rel'>;
|
|
38
38
|
export type ToolbarButtonRef = HTMLElement;
|
|
39
39
|
declare const ToolbarButton: React.ForwardRefExoticComponent<{
|
|
40
40
|
buttonId?: TOOLBAR_ACTION_SUBJECT_ID | undefined;
|
|
@@ -61,5 +61,5 @@ declare const ToolbarButton: React.ForwardRefExoticComponent<{
|
|
|
61
61
|
'aria-pressed'?: React.AriaAttributes['aria-pressed'];
|
|
62
62
|
'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
|
|
63
63
|
'data-ds--level'?: string | undefined;
|
|
64
|
-
} & Pick<ButtonProps, "onFocus" | "onBlur" | "children" | "aria-controls" | "aria-label" | "onMouseEnter" | "onMouseLeave"> & React.RefAttributes<HTMLElement>>;
|
|
64
|
+
} & Pick<ButtonProps, "onFocus" | "onBlur" | "children" | "aria-controls" | "aria-label" | "onMouseEnter" | "onMouseLeave" | "rel"> & React.RefAttributes<HTMLElement>>;
|
|
65
65
|
export default ToolbarButton;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-common",
|
|
3
|
-
"version": "92.
|
|
3
|
+
"version": "92.1.1",
|
|
4
4
|
"description": "A package that contains common classes and components for editor and renderer",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
"@atlaskit/emoji": "^67.8.0",
|
|
128
128
|
"@atlaskit/icon": "^22.20.0",
|
|
129
129
|
"@atlaskit/icon-object": "^6.5.0",
|
|
130
|
-
"@atlaskit/link-datasource": "^3.
|
|
130
|
+
"@atlaskit/link-datasource": "^3.2.0",
|
|
131
131
|
"@atlaskit/link-picker": "^1.46.0",
|
|
132
132
|
"@atlaskit/media-card": "^78.5.0",
|
|
133
133
|
"@atlaskit/media-client": "^28.0.0",
|