@atlaskit/editor-common 114.2.0 → 114.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/ui/HoverLinkOverlay/index.js +11 -4
- package/dist/cjs/ui/Mention/index.js +5 -4
- package/dist/cjs/ui/TableSelector/index.js +5 -4
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui/HoverLinkOverlay/index.js +10 -5
- package/dist/es2019/ui/Mention/index.js +5 -4
- package/dist/es2019/ui/TableSelector/index.js +5 -4
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/ui/HoverLinkOverlay/index.js +12 -5
- package/dist/esm/ui/Mention/index.js +5 -4
- package/dist/esm/ui/TableSelector/index.js +5 -4
- package/dist/types/analytics/types/insert-events.d.ts +3 -2
- package/dist/types-ts4.5/analytics/types/insert-events.d.ts +3 -2
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 114.3.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`bdbd238ab3549`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bdbd238ab3549) -
|
|
8
|
+
Perf-linting cleanup: fix performance linting violations in editor-common, gated behind
|
|
9
|
+
platform_editor_perf_lint_cleanup experiment
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
15
|
+
## 114.2.1
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 114.2.0
|
|
4
22
|
|
|
5
23
|
### Minor Changes
|
|
@@ -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 = "114.
|
|
22
|
+
var packageVersion = "114.2.1";
|
|
23
23
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
24
24
|
// Remove URL as it has UGC
|
|
25
25
|
// Ignored via go/ees007
|
|
@@ -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 = "114.
|
|
27
|
+
var packageVersion = "114.2.1";
|
|
28
28
|
var halfFocusRing = 1;
|
|
29
29
|
var dropOffset = '0, 8';
|
|
30
30
|
var fadeIn = (0, _react2.keyframes)({
|
|
@@ -127,6 +127,15 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
|
|
|
127
127
|
isHovered = _useState4[0],
|
|
128
128
|
setHovered = _useState4[1];
|
|
129
129
|
var openTextWidthRef = (0, _react.useRef)(null);
|
|
130
|
+
var regularPadding = (0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) || (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') ? DYNAMIC_PADDING_BLOCK : "var(--ds-space-025, 2px)";
|
|
131
|
+
var memoizedHoverLinkStyles = (0, _react.useMemo)(function () {
|
|
132
|
+
return {
|
|
133
|
+
paddingBlock: compactPadding ? '1px' : regularPadding
|
|
134
|
+
};
|
|
135
|
+
}, [compactPadding, regularPadding]);
|
|
136
|
+
var hoverLinkStyles = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedHoverLinkStyles : {
|
|
137
|
+
paddingBlock: compactPadding ? '1px' : (0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) || (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') ? DYNAMIC_PADDING_BLOCK : "var(--ds-space-025, 2px)"
|
|
138
|
+
};
|
|
130
139
|
(0, _react.useLayoutEffect)(function () {
|
|
131
140
|
var _containerRef$current, _hoverLinkButtonRef$c;
|
|
132
141
|
if (!isVisible || !isHovered) {
|
|
@@ -246,11 +255,9 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
|
|
|
246
255
|
xcss: linkStylesCommon,
|
|
247
256
|
href: url,
|
|
248
257
|
target: "_blank"
|
|
249
|
-
// eslint-disable-next-line @
|
|
258
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- dynamic paddingBlock value based on experiment flags
|
|
250
259
|
,
|
|
251
|
-
style:
|
|
252
|
-
paddingBlock: compactPadding ? '1px' : (0, _expValEquals.expValEquals)('confluence_compact_text_format', 'isEnabled', true) || (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') ? DYNAMIC_PADDING_BLOCK : "var(--ds-space-025, 2px)"
|
|
253
|
-
},
|
|
260
|
+
style: hoverLinkStyles,
|
|
254
261
|
onClick: handleClick,
|
|
255
262
|
testId: "inline-card-hoverlink-overlay"
|
|
256
263
|
}, (0, _react2.jsx)(_primitives.Box, {
|
|
@@ -13,11 +13,13 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
13
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
15
|
var _react = _interopRequireWildcard(require("react"));
|
|
16
|
+
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
16
17
|
var _providerFactory = require("../../provider-factory");
|
|
17
18
|
var _mentionWithProviders = require("./mention-with-providers");
|
|
18
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); }
|
|
19
20
|
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)); }
|
|
20
21
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @repo/internal/react/no-class-components */
|
|
22
|
+
var MENTION_PROVIDERS = ['mentionProvider', 'profilecardProvider'];
|
|
21
23
|
var Mention = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
22
24
|
function Mention(props) {
|
|
23
25
|
var _this;
|
|
@@ -58,10 +60,9 @@ var Mention = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
58
60
|
}, {
|
|
59
61
|
key: "render",
|
|
60
62
|
value: function render() {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
providers: ['mentionProvider', 'profilecardProvider'],
|
|
63
|
+
var providers = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? MENTION_PROVIDERS : ['mentionProvider', 'profilecardProvider'];
|
|
64
|
+
return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
|
|
65
|
+
providers: providers,
|
|
65
66
|
providerFactory: this.providerFactory,
|
|
66
67
|
renderNode: this.renderWithProvider
|
|
67
68
|
});
|
|
@@ -12,6 +12,7 @@ var _react = require("react");
|
|
|
12
12
|
var _react2 = require("@emotion/react");
|
|
13
13
|
var _bindEventListener = require("bind-event-listener");
|
|
14
14
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
15
|
+
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
15
16
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
16
17
|
var _uiReact = require("../../ui-react");
|
|
17
18
|
var _Popup = _interopRequireDefault(require("../Popup"));
|
|
@@ -23,6 +24,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
23
24
|
* @jsx jsx
|
|
24
25
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
|
|
25
26
|
var TABLE_SELECTOR_PADDING_TOP = 8;
|
|
27
|
+
var POPUP_OFFSET = [0, 3];
|
|
26
28
|
var TABLE_SELECTOR_PADDING_SIDE = 10;
|
|
27
29
|
var DEFAULT_TABLE_SELECTOR_ROWS = 5;
|
|
28
30
|
var DEFAULT_TABLE_SELECTOR_COLS = 10;
|
|
@@ -239,11 +241,10 @@ var TableSelectorPopup = exports.TableSelectorPopup = function TableSelectorPopu
|
|
|
239
241
|
}
|
|
240
242
|
return unbind;
|
|
241
243
|
}, [handleMouseMove, props.allowOutsideSelection, tablePopupRef]);
|
|
244
|
+
var offset = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? POPUP_OFFSET : [0, 3];
|
|
242
245
|
return (0, _react2.jsx)(_Popup.default, {
|
|
243
|
-
target: props.target
|
|
244
|
-
|
|
245
|
-
,
|
|
246
|
-
offset: [0, 3],
|
|
246
|
+
target: props.target,
|
|
247
|
+
offset: offset,
|
|
247
248
|
mountTo: props.popupsMountPoint,
|
|
248
249
|
boundariesElement: props.popupsBoundariesElement,
|
|
249
250
|
scrollableElement: props.popupsScrollableElement,
|
|
@@ -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 = "114.
|
|
7
|
+
const packageVersion = "114.2.1";
|
|
8
8
|
const sanitiseSentryEvents = (data, _hint) => {
|
|
9
9
|
// Remove URL as it has UGC
|
|
10
10
|
// Ignored via go/ees007
|
|
@@ -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 = "114.
|
|
17
|
+
const packageVersion = "114.2.1";
|
|
18
18
|
const halfFocusRing = 1;
|
|
19
19
|
const dropOffset = '0, 8';
|
|
20
20
|
const fadeIn = keyframes({
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* @jsxRuntime classic
|
|
5
5
|
* @jsx jsx
|
|
6
6
|
*/
|
|
7
|
-
import React, { useLayoutEffect, useRef, useState } from 'react';
|
|
7
|
+
import React, { useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
8
8
|
|
|
9
9
|
// eslint-disable-next-line @typescript-eslint/consistent-type-imports -- jsx required at runtime for @jsxRuntime classic
|
|
10
10
|
import { css, jsx } from '@emotion/react'; // eslint-disable-line @atlaskit/ui-styling-standard/use-compiled
|
|
@@ -108,6 +108,13 @@ const HoverLinkOverlay = ({
|
|
|
108
108
|
const [showLabel, setShowLabel] = useState(true);
|
|
109
109
|
const [isHovered, setHovered] = useState(false);
|
|
110
110
|
const openTextWidthRef = useRef(null);
|
|
111
|
+
const regularPadding = expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') ? DYNAMIC_PADDING_BLOCK : "var(--ds-space-025, 2px)";
|
|
112
|
+
const memoizedHoverLinkStyles = useMemo(() => ({
|
|
113
|
+
paddingBlock: compactPadding ? '1px' : regularPadding
|
|
114
|
+
}), [compactPadding, regularPadding]);
|
|
115
|
+
const hoverLinkStyles = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedHoverLinkStyles : {
|
|
116
|
+
paddingBlock: compactPadding ? '1px' : expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') ? DYNAMIC_PADDING_BLOCK : "var(--ds-space-025, 2px)"
|
|
117
|
+
};
|
|
111
118
|
useLayoutEffect(() => {
|
|
112
119
|
var _containerRef$current, _hoverLinkButtonRef$c;
|
|
113
120
|
if (!isVisible || !isHovered) {
|
|
@@ -223,11 +230,9 @@ const HoverLinkOverlay = ({
|
|
|
223
230
|
xcss: linkStylesCommon,
|
|
224
231
|
href: url,
|
|
225
232
|
target: "_blank"
|
|
226
|
-
// eslint-disable-next-line @
|
|
233
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- dynamic paddingBlock value based on experiment flags
|
|
227
234
|
,
|
|
228
|
-
style:
|
|
229
|
-
paddingBlock: compactPadding ? '1px' : expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') ? DYNAMIC_PADDING_BLOCK : "var(--ds-space-025, 2px)"
|
|
230
|
-
},
|
|
235
|
+
style: hoverLinkStyles,
|
|
231
236
|
onClick: handleClick,
|
|
232
237
|
testId: "inline-card-hoverlink-overlay"
|
|
233
238
|
}, jsx(Box, {
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
/* eslint-disable @repo/internal/react/no-class-components */
|
|
3
3
|
import React, { PureComponent } from 'react';
|
|
4
|
+
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
4
5
|
import { ProviderFactory, WithProviders } from '../../provider-factory';
|
|
5
6
|
import { MentionWithProviders } from './mention-with-providers';
|
|
7
|
+
const MENTION_PROVIDERS = ['mentionProvider', 'profilecardProvider'];
|
|
6
8
|
export default class Mention extends PureComponent {
|
|
7
9
|
constructor(props) {
|
|
8
10
|
super(props);
|
|
@@ -38,10 +40,9 @@ export default class Mention extends PureComponent {
|
|
|
38
40
|
}
|
|
39
41
|
}
|
|
40
42
|
render() {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
providers: ['mentionProvider', 'profilecardProvider'],
|
|
43
|
+
const providers = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? MENTION_PROVIDERS : ['mentionProvider', 'profilecardProvider'];
|
|
44
|
+
return /*#__PURE__*/React.createElement(WithProviders, {
|
|
45
|
+
providers: providers,
|
|
45
46
|
providerFactory: this.providerFactory,
|
|
46
47
|
renderNode: this.renderWithProvider
|
|
47
48
|
});
|
|
@@ -8,11 +8,13 @@ import { useCallback, useEffect, useRef, useState } from 'react';
|
|
|
8
8
|
import { css, jsx } from '@emotion/react';
|
|
9
9
|
import { bind } from 'bind-event-listener';
|
|
10
10
|
import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
|
|
11
|
+
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
11
12
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
12
13
|
import { withReactEditorViewOuterListeners as withOuterListeners } from '../../ui-react';
|
|
13
14
|
import Popup from '../Popup';
|
|
14
15
|
import tableSelectorPopup, { TABLE_SELECTOR_BUTTON_GAP, TABLE_SELECTOR_BUTTON_SIZE } from './table-selector';
|
|
15
16
|
const TABLE_SELECTOR_PADDING_TOP = 8;
|
|
17
|
+
const POPUP_OFFSET = [0, 3];
|
|
16
18
|
const TABLE_SELECTOR_PADDING_SIDE = 10;
|
|
17
19
|
const DEFAULT_TABLE_SELECTOR_ROWS = 5;
|
|
18
20
|
const DEFAULT_TABLE_SELECTOR_COLS = 10;
|
|
@@ -234,11 +236,10 @@ export const TableSelectorPopup = props => {
|
|
|
234
236
|
}
|
|
235
237
|
return unbind;
|
|
236
238
|
}, [handleMouseMove, props.allowOutsideSelection, tablePopupRef]);
|
|
239
|
+
const offset = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? POPUP_OFFSET : [0, 3];
|
|
237
240
|
return jsx(Popup, {
|
|
238
|
-
target: props.target
|
|
239
|
-
|
|
240
|
-
,
|
|
241
|
-
offset: [0, 3],
|
|
241
|
+
target: props.target,
|
|
242
|
+
offset: offset,
|
|
242
243
|
mountTo: props.popupsMountPoint,
|
|
243
244
|
boundariesElement: props.popupsBoundariesElement,
|
|
244
245
|
scrollableElement: props.popupsScrollableElement,
|
|
@@ -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 = "114.
|
|
13
|
+
var packageVersion = "114.2.1";
|
|
14
14
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
15
15
|
// Remove URL as it has UGC
|
|
16
16
|
// Ignored via go/ees007
|
|
@@ -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 = "114.
|
|
24
|
+
var packageVersion = "114.2.1";
|
|
25
25
|
var halfFocusRing = 1;
|
|
26
26
|
var dropOffset = '0, 8';
|
|
27
27
|
var fadeIn = keyframes({
|
|
@@ -5,7 +5,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
5
5
|
* @jsxRuntime classic
|
|
6
6
|
* @jsx jsx
|
|
7
7
|
*/
|
|
8
|
-
import React, { useLayoutEffect, useRef, useState } from 'react';
|
|
8
|
+
import React, { useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
9
9
|
|
|
10
10
|
// eslint-disable-next-line @typescript-eslint/consistent-type-imports -- jsx required at runtime for @jsxRuntime classic
|
|
11
11
|
import { css, jsx } from '@emotion/react'; // eslint-disable-line @atlaskit/ui-styling-standard/use-compiled
|
|
@@ -114,6 +114,15 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
|
|
|
114
114
|
isHovered = _useState4[0],
|
|
115
115
|
setHovered = _useState4[1];
|
|
116
116
|
var openTextWidthRef = useRef(null);
|
|
117
|
+
var regularPadding = expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') ? DYNAMIC_PADDING_BLOCK : "var(--ds-space-025, 2px)";
|
|
118
|
+
var memoizedHoverLinkStyles = useMemo(function () {
|
|
119
|
+
return {
|
|
120
|
+
paddingBlock: compactPadding ? '1px' : regularPadding
|
|
121
|
+
};
|
|
122
|
+
}, [compactPadding, regularPadding]);
|
|
123
|
+
var hoverLinkStyles = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedHoverLinkStyles : {
|
|
124
|
+
paddingBlock: compactPadding ? '1px' : expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') ? DYNAMIC_PADDING_BLOCK : "var(--ds-space-025, 2px)"
|
|
125
|
+
};
|
|
117
126
|
useLayoutEffect(function () {
|
|
118
127
|
var _containerRef$current, _hoverLinkButtonRef$c;
|
|
119
128
|
if (!isVisible || !isHovered) {
|
|
@@ -233,11 +242,9 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
|
|
|
233
242
|
xcss: linkStylesCommon,
|
|
234
243
|
href: url,
|
|
235
244
|
target: "_blank"
|
|
236
|
-
// eslint-disable-next-line @
|
|
245
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- dynamic paddingBlock value based on experiment flags
|
|
237
246
|
,
|
|
238
|
-
style:
|
|
239
|
-
paddingBlock: compactPadding ? '1px' : expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') ? DYNAMIC_PADDING_BLOCK : "var(--ds-space-025, 2px)"
|
|
240
|
-
},
|
|
247
|
+
style: hoverLinkStyles,
|
|
241
248
|
onClick: handleClick,
|
|
242
249
|
testId: "inline-card-hoverlink-overlay"
|
|
243
250
|
}, jsx(Box, {
|
|
@@ -8,8 +8,10 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
|
|
|
8
8
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
9
9
|
/* eslint-disable @repo/internal/react/no-class-components */
|
|
10
10
|
import React, { PureComponent } from 'react';
|
|
11
|
+
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
11
12
|
import { ProviderFactory, WithProviders } from '../../provider-factory';
|
|
12
13
|
import { MentionWithProviders } from './mention-with-providers';
|
|
14
|
+
var MENTION_PROVIDERS = ['mentionProvider', 'profilecardProvider'];
|
|
13
15
|
var Mention = /*#__PURE__*/function (_PureComponent) {
|
|
14
16
|
function Mention(props) {
|
|
15
17
|
var _this;
|
|
@@ -50,10 +52,9 @@ var Mention = /*#__PURE__*/function (_PureComponent) {
|
|
|
50
52
|
}, {
|
|
51
53
|
key: "render",
|
|
52
54
|
value: function render() {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
providers: ['mentionProvider', 'profilecardProvider'],
|
|
55
|
+
var providers = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? MENTION_PROVIDERS : ['mentionProvider', 'profilecardProvider'];
|
|
56
|
+
return /*#__PURE__*/React.createElement(WithProviders, {
|
|
57
|
+
providers: providers,
|
|
57
58
|
providerFactory: this.providerFactory,
|
|
58
59
|
renderNode: this.renderWithProvider
|
|
59
60
|
});
|
|
@@ -12,11 +12,13 @@ import { useCallback, useEffect, useRef, useState } from 'react';
|
|
|
12
12
|
import { css, jsx } from '@emotion/react';
|
|
13
13
|
import { bind } from 'bind-event-listener';
|
|
14
14
|
import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
|
|
15
|
+
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
15
16
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
16
17
|
import { withReactEditorViewOuterListeners as withOuterListeners } from '../../ui-react';
|
|
17
18
|
import Popup from '../Popup';
|
|
18
19
|
import tableSelectorPopup, { TABLE_SELECTOR_BUTTON_GAP, TABLE_SELECTOR_BUTTON_SIZE } from './table-selector';
|
|
19
20
|
var TABLE_SELECTOR_PADDING_TOP = 8;
|
|
21
|
+
var POPUP_OFFSET = [0, 3];
|
|
20
22
|
var TABLE_SELECTOR_PADDING_SIDE = 10;
|
|
21
23
|
var DEFAULT_TABLE_SELECTOR_ROWS = 5;
|
|
22
24
|
var DEFAULT_TABLE_SELECTOR_COLS = 10;
|
|
@@ -233,11 +235,10 @@ export var TableSelectorPopup = function TableSelectorPopup(props) {
|
|
|
233
235
|
}
|
|
234
236
|
return unbind;
|
|
235
237
|
}, [handleMouseMove, props.allowOutsideSelection, tablePopupRef]);
|
|
238
|
+
var offset = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? POPUP_OFFSET : [0, 3];
|
|
236
239
|
return jsx(Popup, {
|
|
237
|
-
target: props.target
|
|
238
|
-
|
|
239
|
-
,
|
|
240
|
-
offset: [0, 3],
|
|
240
|
+
target: props.target,
|
|
241
|
+
offset: offset,
|
|
241
242
|
mountTo: props.popupsMountPoint,
|
|
242
243
|
boundariesElement: props.popupsBoundariesElement,
|
|
243
244
|
scrollableElement: props.popupsScrollableElement,
|
|
@@ -151,6 +151,7 @@ export type InsertSourceSyncedBlockPayload = InsertAEP<ACTION_SUBJECT_ID.BODIED_
|
|
|
151
151
|
resourceId: string;
|
|
152
152
|
}, undefined>;
|
|
153
153
|
type InsertSnippetAEP = InsertAEP<ACTION_SUBJECT_ID.SNIPPET, {
|
|
154
|
+
hadMedia?: boolean;
|
|
154
155
|
inputMethod: INPUT_METHOD.QUICK_INSERT;
|
|
155
156
|
snippetId: string;
|
|
156
157
|
}, undefined>;
|
|
@@ -158,8 +159,8 @@ type FailedToInsertSnippetAEP = OperationalAEP<ACTION.FAILED_TO_INSERT, ACTION_S
|
|
|
158
159
|
reason: 'emptyBody' | 'parseError';
|
|
159
160
|
snippetId: string;
|
|
160
161
|
} | {
|
|
161
|
-
|
|
162
|
-
reason: '
|
|
162
|
+
failedMediaFiles: number;
|
|
163
|
+
reason: 'partialMediaCopyIntentFailure';
|
|
163
164
|
snippetId: string;
|
|
164
165
|
totalMediaFiles: number;
|
|
165
166
|
}>;
|
|
@@ -151,6 +151,7 @@ export type InsertSourceSyncedBlockPayload = InsertAEP<ACTION_SUBJECT_ID.BODIED_
|
|
|
151
151
|
resourceId: string;
|
|
152
152
|
}, undefined>;
|
|
153
153
|
type InsertSnippetAEP = InsertAEP<ACTION_SUBJECT_ID.SNIPPET, {
|
|
154
|
+
hadMedia?: boolean;
|
|
154
155
|
inputMethod: INPUT_METHOD.QUICK_INSERT;
|
|
155
156
|
snippetId: string;
|
|
156
157
|
}, undefined>;
|
|
@@ -158,8 +159,8 @@ type FailedToInsertSnippetAEP = OperationalAEP<ACTION.FAILED_TO_INSERT, ACTION_S
|
|
|
158
159
|
reason: 'emptyBody' | 'parseError';
|
|
159
160
|
snippetId: string;
|
|
160
161
|
} | {
|
|
161
|
-
|
|
162
|
-
reason: '
|
|
162
|
+
failedMediaFiles: number;
|
|
163
|
+
reason: 'partialMediaCopyIntentFailure';
|
|
163
164
|
snippetId: string;
|
|
164
165
|
totalMediaFiles: number;
|
|
165
166
|
}>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-common",
|
|
3
|
-
"version": "114.
|
|
3
|
+
"version": "114.3.0",
|
|
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/"
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"@atlaskit/editor-tables": "^2.9.0",
|
|
51
51
|
"@atlaskit/editor-toolbar": "^1.0.0",
|
|
52
52
|
"@atlaskit/editor-toolbar-model": "^0.4.0",
|
|
53
|
-
"@atlaskit/emoji": "^70.
|
|
53
|
+
"@atlaskit/emoji": "^70.1.0",
|
|
54
54
|
"@atlaskit/icon": "^34.2.0",
|
|
55
55
|
"@atlaskit/icon-object": "^7.5.0",
|
|
56
56
|
"@atlaskit/link": "^3.4.0",
|
|
@@ -72,14 +72,14 @@
|
|
|
72
72
|
"@atlaskit/primitives": "^19.0.0",
|
|
73
73
|
"@atlaskit/profilecard": "^25.1.0",
|
|
74
74
|
"@atlaskit/prosemirror-history": "^0.2.0",
|
|
75
|
-
"@atlaskit/react-ufo": "^5.
|
|
75
|
+
"@atlaskit/react-ufo": "^5.15.0",
|
|
76
76
|
"@atlaskit/section-message": "^8.12.0",
|
|
77
77
|
"@atlaskit/smart-card": "^44.1.0",
|
|
78
78
|
"@atlaskit/smart-user-picker": "^10.0.0",
|
|
79
79
|
"@atlaskit/spinner": "^19.1.0",
|
|
80
80
|
"@atlaskit/task-decision": "^20.0.0",
|
|
81
81
|
"@atlaskit/textfield": "^8.3.0",
|
|
82
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
82
|
+
"@atlaskit/tmp-editor-statsig": "^63.0.0",
|
|
83
83
|
"@atlaskit/tokens": "^13.0.0",
|
|
84
84
|
"@atlaskit/tooltip": "^21.1.0",
|
|
85
85
|
"@atlaskit/width-detector": "^5.1.0",
|