@atlaskit/editor-common 110.34.6 → 110.35.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 +14 -0
- package/dist/cjs/extensions/module-helpers.js +1 -1
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/safe-plugin/index.js +14 -0
- package/dist/cjs/styles/index.js +26 -1
- package/dist/cjs/styles/shared/native-anchor.js +40 -0
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/es2019/extensions/module-helpers.js +1 -1
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/safe-plugin/index.js +14 -0
- package/dist/es2019/styles/index.js +2 -1
- package/dist/es2019/styles/shared/native-anchor.js +32 -0
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/esm/extensions/module-helpers.js +1 -1
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/safe-plugin/index.js +14 -0
- package/dist/esm/styles/index.js +2 -1
- package/dist/esm/styles/shared/native-anchor.js +32 -0
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/types/styles/index.d.ts +1 -0
- package/dist/types/styles/shared/native-anchor.d.ts +4 -0
- package/dist/types-ts4.5/styles/index.d.ts +1 -0
- package/dist/types-ts4.5/styles/shared/native-anchor.d.ts +4 -0
- package/package.json +8 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 110.35.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`a7126919f479c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a7126919f479c) -
|
|
8
|
+
enable priority in editor typeahead for rovo chat skills enabled apps
|
|
9
|
+
|
|
10
|
+
## 110.35.0
|
|
11
|
+
|
|
12
|
+
### Minor Changes
|
|
13
|
+
|
|
14
|
+
- [`54f21810515c4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/54f21810515c4) -
|
|
15
|
+
ED-29642 use native anchor global css style instead of inline style
|
|
16
|
+
|
|
3
17
|
## 110.34.6
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -49,7 +49,7 @@ function buildMenuItem(manifest, extensionModule) {
|
|
|
49
49
|
description: extensionModule.description || manifest.description,
|
|
50
50
|
summary: manifest.summary,
|
|
51
51
|
documentationUrl: manifest.documentationUrl
|
|
52
|
-
}, (0, _platformFeatureFlags.fg)('cc_fd_wb_create_priority_in_slash_menu_enabled') && {
|
|
52
|
+
}, ((0, _platformFeatureFlags.fg)('cc_fd_wb_create_priority_in_slash_menu_enabled') || (0, _platformFeatureFlags.fg)('rovo_chat_enable_skills_ui_m1')) && {
|
|
53
53
|
priority: extensionModule.priority
|
|
54
54
|
}), {}, {
|
|
55
55
|
icon: extensionModule.icon || manifest.icons['48'],
|
|
@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
19
19
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
20
20
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
21
21
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
22
|
-
var packageVersion = "
|
|
22
|
+
var packageVersion = "0.0.0-development";
|
|
23
23
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
24
24
|
// Remove URL as it has UGC
|
|
25
25
|
// Ignored via go/ees007
|
|
@@ -14,9 +14,11 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
|
|
|
14
14
|
var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
|
|
15
15
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
16
16
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
17
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
17
18
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
18
19
|
var _nodeAnchorProvider = require("../node-anchor/node-anchor-provider");
|
|
19
20
|
var _prosemirrorDomMetadata = require("../prosemirror-dom-metadata");
|
|
21
|
+
var _nativeAnchor = require("../styles/shared/native-anchor");
|
|
20
22
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
21
23
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
22
24
|
/**
|
|
@@ -41,6 +43,18 @@ var attachGenericProseMirrorMetadata = exports.attachGenericProseMirrorMetadata
|
|
|
41
43
|
value = _ref3[1];
|
|
42
44
|
dom.setAttribute(name, value);
|
|
43
45
|
if (name === 'data-node-anchor' && (0, _expValEquals.expValEquals)('platform_editor_native_anchor_support', 'isEnabled', true)) {
|
|
46
|
+
if ((0, _platformFeatureFlags.fg)('platform_native_anchor_use_css_style')) {
|
|
47
|
+
// if browser doesn't support CSS anchor, won't need the style
|
|
48
|
+
// Or if it supports CSS attr() function as the value of anchor-name,
|
|
49
|
+
// We won't need set the style
|
|
50
|
+
if (!(0, _nativeAnchor.isCSSAnchorSupported)() || (0, _nativeAnchor.isCSSAttrAnchorSupported)()) {
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
// otherwise, we set the CSS variable for anchor-name
|
|
55
|
+
dom.style.setProperty(_nativeAnchor.ANCHOR_VARIABLE_NAME, "".concat(value));
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
44
58
|
dom.style.setProperty('anchor-name', value);
|
|
45
59
|
}
|
|
46
60
|
});
|
package/dist/cjs/styles/index.js
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
Object.defineProperty(exports, "ANCHOR_VARIABLE_NAME", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _nativeAnchor.ANCHOR_VARIABLE_NAME;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
6
12
|
Object.defineProperty(exports, "AnnotationSharedClassNames", {
|
|
7
13
|
enumerable: true,
|
|
8
14
|
get: function get() {
|
|
@@ -207,6 +213,18 @@ Object.defineProperty(exports, "headingsSharedStyles", {
|
|
|
207
213
|
return _headings.headingsSharedStyles;
|
|
208
214
|
}
|
|
209
215
|
});
|
|
216
|
+
Object.defineProperty(exports, "isCSSAnchorSupported", {
|
|
217
|
+
enumerable: true,
|
|
218
|
+
get: function get() {
|
|
219
|
+
return _nativeAnchor.isCSSAnchorSupported;
|
|
220
|
+
}
|
|
221
|
+
});
|
|
222
|
+
Object.defineProperty(exports, "isCSSAttrAnchorSupported", {
|
|
223
|
+
enumerable: true,
|
|
224
|
+
get: function get() {
|
|
225
|
+
return _nativeAnchor.isCSSAttrAnchorSupported;
|
|
226
|
+
}
|
|
227
|
+
});
|
|
210
228
|
Object.defineProperty(exports, "listItemCounterPadding", {
|
|
211
229
|
enumerable: true,
|
|
212
230
|
get: function get() {
|
|
@@ -225,6 +243,12 @@ Object.defineProperty(exports, "mediaSingleSharedStyleNew", {
|
|
|
225
243
|
return _mediaSingle.mediaSingleSharedStyleNew;
|
|
226
244
|
}
|
|
227
245
|
});
|
|
246
|
+
Object.defineProperty(exports, "nativeAnchorStyles", {
|
|
247
|
+
enumerable: true,
|
|
248
|
+
get: function get() {
|
|
249
|
+
return _nativeAnchor.nativeAnchorStyles;
|
|
250
|
+
}
|
|
251
|
+
});
|
|
228
252
|
Object.defineProperty(exports, "resizerHandleClassName", {
|
|
229
253
|
enumerable: true,
|
|
230
254
|
get: function get() {
|
|
@@ -380,4 +404,5 @@ var _expand = require("./shared/expand");
|
|
|
380
404
|
var _sharedStyles = require("../ui/Expand/sharedStyles");
|
|
381
405
|
var _media = require("./shared/media");
|
|
382
406
|
var _breakout = require("./shared/breakout");
|
|
383
|
-
var _dragHandle = require("./shared/drag-handle");
|
|
407
|
+
var _dragHandle = require("./shared/drag-handle");
|
|
408
|
+
var _nativeAnchor = require("./shared/native-anchor");
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.nativeAnchorStyles = exports.isCSSAttrAnchorSupported = exports.isCSSAnchorSupported = exports.ANCHOR_VARIABLE_NAME = void 0;
|
|
8
|
+
var _react = require("@emotion/react");
|
|
9
|
+
var _memoizeOne = _interopRequireDefault(require("memoize-one"));
|
|
10
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
11
|
+
|
|
12
|
+
var ANCHOR_VARIABLE_NAME = exports.ANCHOR_VARIABLE_NAME = '--ed-pm-node-anchor';
|
|
13
|
+
var hasCssSupport = (0, _memoizeOne.default)(function () {
|
|
14
|
+
if (typeof window !== 'undefined' && window.CSS && typeof window.CSS.supports === 'function') {
|
|
15
|
+
return true;
|
|
16
|
+
}
|
|
17
|
+
return false;
|
|
18
|
+
});
|
|
19
|
+
var isCSSAttrAnchorSupported = exports.isCSSAttrAnchorSupported = (0, _memoizeOne.default)(function () {
|
|
20
|
+
if (hasCssSupport()) {
|
|
21
|
+
return CSS.supports('anchor-name', 'attr(data-anchor-name type(<custom-ident>))');
|
|
22
|
+
}
|
|
23
|
+
return false;
|
|
24
|
+
});
|
|
25
|
+
var isCSSAnchorSupported = exports.isCSSAnchorSupported = (0, _memoizeOne.default)(function () {
|
|
26
|
+
if (hasCssSupport()) {
|
|
27
|
+
return CSS.supports('anchor-name', '--anchor');
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
32
|
+
var nativeAnchorStyles = exports.nativeAnchorStyles = (0, _react.css)({
|
|
33
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
34
|
+
'.ProseMirror': {
|
|
35
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
36
|
+
'[data-node-anchor]': {
|
|
37
|
+
anchorName: "var(".concat(ANCHOR_VARIABLE_NAME, ", attr(data-node-anchor type(<custom-ident>)))")
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
});
|
|
@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
24
24
|
* @jsx jsx
|
|
25
25
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
26
26
|
var packageName = "@atlaskit/editor-common";
|
|
27
|
-
var packageVersion = "
|
|
27
|
+
var packageVersion = "0.0.0-development";
|
|
28
28
|
var halfFocusRing = 1;
|
|
29
29
|
var dropOffset = '0, 8';
|
|
30
30
|
var fadeIn = (0, _react2.keyframes)({
|
|
@@ -25,7 +25,7 @@ export function buildMenuItem(manifest, extensionModule) {
|
|
|
25
25
|
description: extensionModule.description || manifest.description,
|
|
26
26
|
summary: manifest.summary,
|
|
27
27
|
documentationUrl: manifest.documentationUrl,
|
|
28
|
-
...(fg('cc_fd_wb_create_priority_in_slash_menu_enabled') && {
|
|
28
|
+
...((fg('cc_fd_wb_create_priority_in_slash_menu_enabled') || fg('rovo_chat_enable_skills_ui_m1')) && {
|
|
29
29
|
priority: extensionModule.priority
|
|
30
30
|
}),
|
|
31
31
|
icon: extensionModule.icon || manifest.icons['48'],
|
|
@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
|
|
|
4
4
|
import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
|
|
5
5
|
const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
6
6
|
const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
7
|
-
const packageVersion = "
|
|
7
|
+
const packageVersion = "0.0.0-development";
|
|
8
8
|
const sanitiseSentryEvents = (data, _hint) => {
|
|
9
9
|
// Remove URL as it has UGC
|
|
10
10
|
// Ignored via go/ees007
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { Plugin } from '@atlaskit/editor-prosemirror/state';
|
|
2
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
2
3
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
3
4
|
import { getNodeIdProvider } from '../node-anchor/node-anchor-provider';
|
|
4
5
|
import { createProseMirrorMetadata } from '../prosemirror-dom-metadata';
|
|
6
|
+
import { ANCHOR_VARIABLE_NAME, isCSSAnchorSupported, isCSSAttrAnchorSupported } from '../styles/shared/native-anchor';
|
|
5
7
|
/**
|
|
6
8
|
* 🧱 Internal Helper Function: Editor FE Platform
|
|
7
9
|
*
|
|
@@ -22,6 +24,18 @@ export const attachGenericProseMirrorMetadata = ({
|
|
|
22
24
|
Object.entries(metadata).forEach(([name, value]) => {
|
|
23
25
|
dom.setAttribute(name, value);
|
|
24
26
|
if (name === 'data-node-anchor' && expValEquals('platform_editor_native_anchor_support', 'isEnabled', true)) {
|
|
27
|
+
if (fg('platform_native_anchor_use_css_style')) {
|
|
28
|
+
// if browser doesn't support CSS anchor, won't need the style
|
|
29
|
+
// Or if it supports CSS attr() function as the value of anchor-name,
|
|
30
|
+
// We won't need set the style
|
|
31
|
+
if (!isCSSAnchorSupported() || isCSSAttrAnchorSupported()) {
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
// otherwise, we set the CSS variable for anchor-name
|
|
36
|
+
dom.style.setProperty(ANCHOR_VARIABLE_NAME, `${value}`);
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
25
39
|
dom.style.setProperty('anchor-name', value);
|
|
26
40
|
}
|
|
27
41
|
});
|
|
@@ -25,4 +25,5 @@ export { EXPAND_CONTAINER_PADDING } from '../ui/Expand/sharedStyles';
|
|
|
25
25
|
export { ClassNames as MediaSharedClassNames } from './shared/media';
|
|
26
26
|
export { BreakoutCssClassName } from './shared/breakout';
|
|
27
27
|
export { BODIED_EXT_MBE_MARGIN_TOP } from './shared/extension';
|
|
28
|
-
export { DRAG_HANDLE_SELECTOR, DRAG_HANDLE_WIDTH } from './shared/drag-handle';
|
|
28
|
+
export { DRAG_HANDLE_SELECTOR, DRAG_HANDLE_WIDTH } from './shared/drag-handle';
|
|
29
|
+
export { ANCHOR_VARIABLE_NAME, isCSSAnchorSupported, isCSSAttrAnchorSupported, nativeAnchorStyles } from './shared/native-anchor';
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
+
import { css } from '@emotion/react';
|
|
3
|
+
import memoizeOne from 'memoize-one';
|
|
4
|
+
export const ANCHOR_VARIABLE_NAME = '--ed-pm-node-anchor';
|
|
5
|
+
const hasCssSupport = memoizeOne(() => {
|
|
6
|
+
if (typeof window !== 'undefined' && window.CSS && typeof window.CSS.supports === 'function') {
|
|
7
|
+
return true;
|
|
8
|
+
}
|
|
9
|
+
return false;
|
|
10
|
+
});
|
|
11
|
+
export const isCSSAttrAnchorSupported = memoizeOne(() => {
|
|
12
|
+
if (hasCssSupport()) {
|
|
13
|
+
return CSS.supports('anchor-name', 'attr(data-anchor-name type(<custom-ident>))');
|
|
14
|
+
}
|
|
15
|
+
return false;
|
|
16
|
+
});
|
|
17
|
+
export const isCSSAnchorSupported = memoizeOne(() => {
|
|
18
|
+
if (hasCssSupport()) {
|
|
19
|
+
return CSS.supports('anchor-name', '--anchor');
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
24
|
+
export const nativeAnchorStyles = css({
|
|
25
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
26
|
+
'.ProseMirror': {
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
28
|
+
'[data-node-anchor]': {
|
|
29
|
+
anchorName: `var(${ANCHOR_VARIABLE_NAME}, attr(data-node-anchor type(<custom-ident>)))`
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
});
|
|
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
14
14
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
15
|
import Layer from '../Layer';
|
|
16
16
|
const packageName = "@atlaskit/editor-common";
|
|
17
|
-
const packageVersion = "
|
|
17
|
+
const packageVersion = "0.0.0-development";
|
|
18
18
|
const halfFocusRing = 1;
|
|
19
19
|
const dropOffset = '0, 8';
|
|
20
20
|
const fadeIn = keyframes({
|
|
@@ -37,7 +37,7 @@ export function buildMenuItem(manifest, extensionModule) {
|
|
|
37
37
|
description: extensionModule.description || manifest.description,
|
|
38
38
|
summary: manifest.summary,
|
|
39
39
|
documentationUrl: manifest.documentationUrl
|
|
40
|
-
}, fg('cc_fd_wb_create_priority_in_slash_menu_enabled') && {
|
|
40
|
+
}, (fg('cc_fd_wb_create_priority_in_slash_menu_enabled') || fg('rovo_chat_enable_skills_ui_m1')) && {
|
|
41
41
|
priority: extensionModule.priority
|
|
42
42
|
}), {}, {
|
|
43
43
|
icon: extensionModule.icon || manifest.icons['48'],
|
|
@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
|
|
|
10
10
|
import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
|
|
11
11
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
12
12
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
13
|
-
var packageVersion = "
|
|
13
|
+
var packageVersion = "0.0.0-development";
|
|
14
14
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
15
15
|
// Remove URL as it has UGC
|
|
16
16
|
// Ignored via go/ees007
|
|
@@ -9,9 +9,11 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
9
9
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
10
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
11
11
|
import { Plugin } from '@atlaskit/editor-prosemirror/state';
|
|
12
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
13
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
13
14
|
import { getNodeIdProvider } from '../node-anchor/node-anchor-provider';
|
|
14
15
|
import { createProseMirrorMetadata } from '../prosemirror-dom-metadata';
|
|
16
|
+
import { ANCHOR_VARIABLE_NAME, isCSSAnchorSupported, isCSSAttrAnchorSupported } from '../styles/shared/native-anchor';
|
|
15
17
|
/**
|
|
16
18
|
* 🧱 Internal Helper Function: Editor FE Platform
|
|
17
19
|
*
|
|
@@ -34,6 +36,18 @@ export var attachGenericProseMirrorMetadata = function attachGenericProseMirrorM
|
|
|
34
36
|
value = _ref3[1];
|
|
35
37
|
dom.setAttribute(name, value);
|
|
36
38
|
if (name === 'data-node-anchor' && expValEquals('platform_editor_native_anchor_support', 'isEnabled', true)) {
|
|
39
|
+
if (fg('platform_native_anchor_use_css_style')) {
|
|
40
|
+
// if browser doesn't support CSS anchor, won't need the style
|
|
41
|
+
// Or if it supports CSS attr() function as the value of anchor-name,
|
|
42
|
+
// We won't need set the style
|
|
43
|
+
if (!isCSSAnchorSupported() || isCSSAttrAnchorSupported()) {
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
// otherwise, we set the CSS variable for anchor-name
|
|
48
|
+
dom.style.setProperty(ANCHOR_VARIABLE_NAME, "".concat(value));
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
37
51
|
dom.style.setProperty('anchor-name', value);
|
|
38
52
|
}
|
|
39
53
|
});
|
package/dist/esm/styles/index.js
CHANGED
|
@@ -25,4 +25,5 @@ export { EXPAND_CONTAINER_PADDING } from '../ui/Expand/sharedStyles';
|
|
|
25
25
|
export { ClassNames as MediaSharedClassNames } from './shared/media';
|
|
26
26
|
export { BreakoutCssClassName } from './shared/breakout';
|
|
27
27
|
export { BODIED_EXT_MBE_MARGIN_TOP } from './shared/extension';
|
|
28
|
-
export { DRAG_HANDLE_SELECTOR, DRAG_HANDLE_WIDTH } from './shared/drag-handle';
|
|
28
|
+
export { DRAG_HANDLE_SELECTOR, DRAG_HANDLE_WIDTH } from './shared/drag-handle';
|
|
29
|
+
export { ANCHOR_VARIABLE_NAME, isCSSAnchorSupported, isCSSAttrAnchorSupported, nativeAnchorStyles } from './shared/native-anchor';
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
|
+
import { css } from '@emotion/react';
|
|
3
|
+
import memoizeOne from 'memoize-one';
|
|
4
|
+
export var ANCHOR_VARIABLE_NAME = '--ed-pm-node-anchor';
|
|
5
|
+
var hasCssSupport = memoizeOne(function () {
|
|
6
|
+
if (typeof window !== 'undefined' && window.CSS && typeof window.CSS.supports === 'function') {
|
|
7
|
+
return true;
|
|
8
|
+
}
|
|
9
|
+
return false;
|
|
10
|
+
});
|
|
11
|
+
export var isCSSAttrAnchorSupported = memoizeOne(function () {
|
|
12
|
+
if (hasCssSupport()) {
|
|
13
|
+
return CSS.supports('anchor-name', 'attr(data-anchor-name type(<custom-ident>))');
|
|
14
|
+
}
|
|
15
|
+
return false;
|
|
16
|
+
});
|
|
17
|
+
export var isCSSAnchorSupported = memoizeOne(function () {
|
|
18
|
+
if (hasCssSupport()) {
|
|
19
|
+
return CSS.supports('anchor-name', '--anchor');
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
|
|
24
|
+
export var nativeAnchorStyles = css({
|
|
25
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
26
|
+
'.ProseMirror': {
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
28
|
+
'[data-node-anchor]': {
|
|
29
|
+
anchorName: "var(".concat(ANCHOR_VARIABLE_NAME, ", attr(data-node-anchor type(<custom-ident>)))")
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
});
|
|
@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
21
21
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
22
22
|
import Layer from '../Layer';
|
|
23
23
|
var packageName = "@atlaskit/editor-common";
|
|
24
|
-
var packageVersion = "
|
|
24
|
+
var packageVersion = "0.0.0-development";
|
|
25
25
|
var halfFocusRing = 1;
|
|
26
26
|
var dropOffset = '0, 8';
|
|
27
27
|
var fadeIn = keyframes({
|
|
@@ -23,3 +23,4 @@ export { ClassNames as MediaSharedClassNames } from './shared/media';
|
|
|
23
23
|
export { BreakoutCssClassName } from './shared/breakout';
|
|
24
24
|
export { BODIED_EXT_MBE_MARGIN_TOP } from './shared/extension';
|
|
25
25
|
export { DRAG_HANDLE_SELECTOR, DRAG_HANDLE_WIDTH } from './shared/drag-handle';
|
|
26
|
+
export { ANCHOR_VARIABLE_NAME, isCSSAnchorSupported, isCSSAttrAnchorSupported, nativeAnchorStyles, } from './shared/native-anchor';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const ANCHOR_VARIABLE_NAME = "--ed-pm-node-anchor";
|
|
2
|
+
export declare const isCSSAttrAnchorSupported: import("memoize-one").MemoizedFn<() => boolean>;
|
|
3
|
+
export declare const isCSSAnchorSupported: import("memoize-one").MemoizedFn<() => boolean | undefined>;
|
|
4
|
+
export declare const nativeAnchorStyles: import("@emotion/react").SerializedStyles;
|
|
@@ -23,3 +23,4 @@ export { ClassNames as MediaSharedClassNames } from './shared/media';
|
|
|
23
23
|
export { BreakoutCssClassName } from './shared/breakout';
|
|
24
24
|
export { BODIED_EXT_MBE_MARGIN_TOP } from './shared/extension';
|
|
25
25
|
export { DRAG_HANDLE_SELECTOR, DRAG_HANDLE_WIDTH } from './shared/drag-handle';
|
|
26
|
+
export { ANCHOR_VARIABLE_NAME, isCSSAnchorSupported, isCSSAttrAnchorSupported, nativeAnchorStyles, } from './shared/native-anchor';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const ANCHOR_VARIABLE_NAME = "--ed-pm-node-anchor";
|
|
2
|
+
export declare const isCSSAttrAnchorSupported: import("memoize-one").MemoizedFn<() => boolean>;
|
|
3
|
+
export declare const isCSSAnchorSupported: import("memoize-one").MemoizedFn<() => boolean | undefined>;
|
|
4
|
+
export declare const nativeAnchorStyles: import("@emotion/react").SerializedStyles;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-common",
|
|
3
|
-
"version": "110.
|
|
3
|
+
"version": "110.35.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/"
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
71
71
|
"@atlaskit/platform-feature-flags-react": "^0.4.0",
|
|
72
72
|
"@atlaskit/popper": "^7.1.0",
|
|
73
|
-
"@atlaskit/primitives": "^16.
|
|
73
|
+
"@atlaskit/primitives": "^16.4.0",
|
|
74
74
|
"@atlaskit/profilecard": "^24.21.0",
|
|
75
75
|
"@atlaskit/prosemirror-history": "^0.2.0",
|
|
76
76
|
"@atlaskit/react-ufo": "^4.15.0",
|
|
@@ -240,6 +240,9 @@
|
|
|
240
240
|
"p2m-drop-down-motion": {
|
|
241
241
|
"type": "boolean"
|
|
242
242
|
},
|
|
243
|
+
"platform_native_anchor_use_css_style": {
|
|
244
|
+
"type": "boolean"
|
|
245
|
+
},
|
|
243
246
|
"platform_editor_link_picker_width_fix": {
|
|
244
247
|
"type": "boolean"
|
|
245
248
|
},
|
|
@@ -266,6 +269,9 @@
|
|
|
266
269
|
},
|
|
267
270
|
"platform_editor_sentry_breadcrumbs": {
|
|
268
271
|
"type": "boolean"
|
|
272
|
+
},
|
|
273
|
+
"rovo_chat_enable_skills_ui_m1": {
|
|
274
|
+
"type": "boolean"
|
|
269
275
|
}
|
|
270
276
|
}
|
|
271
277
|
}
|