@atlaskit/editor-common 132.0.0 → 132.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/dist/cjs/block-node-badges.js +8 -5
- package/dist/cjs/element-browser/components/ElementList/ElementList.js +7 -5
- package/dist/cjs/extensibility/Extension/Lozenge/EditToggle.js +6 -3
- package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js +6 -3
- package/dist/cjs/extensibility/Extension/styles.js +1 -16
- package/dist/cjs/extensibility/index.js +0 -7
- package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +6 -4
- package/dist/cjs/media-single/ExternalImageBadge.js +6 -3
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/resizer/Resizer.js +5 -3
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/ui/HoverLinkOverlay/index.js +16 -7
- package/dist/cjs/ui/Mention/mention-with-profilecard.js +2 -2
- package/dist/cjs/ui/MultiBodiedExtension/index.js +1 -38
- package/dist/cjs/ui/TableSelector/table-selector.js +2 -2
- package/dist/cjs/ui-menu/ColorPickerButton/index.js +10 -4
- package/dist/es2019/block-node-badges.js +3 -1
- package/dist/es2019/element-browser/components/ElementList/ElementList.js +3 -1
- package/dist/es2019/extensibility/Extension/Lozenge/EditToggle.js +3 -1
- package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js +3 -1
- package/dist/es2019/extensibility/Extension/styles.js +0 -15
- package/dist/es2019/extensibility/index.js +1 -2
- package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +3 -1
- package/dist/es2019/media-single/ExternalImageBadge.js +3 -1
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/resizer/Resizer.js +3 -1
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui/HoverLinkOverlay/index.js +7 -1
- package/dist/es2019/ui/Mention/mention-with-profilecard.js +2 -2
- package/dist/es2019/ui/MultiBodiedExtension/index.js +1 -38
- package/dist/es2019/ui/TableSelector/table-selector.js +1 -1
- package/dist/es2019/ui-menu/ColorPickerButton/index.js +5 -1
- package/dist/esm/block-node-badges.js +3 -1
- package/dist/esm/element-browser/components/ElementList/ElementList.js +3 -1
- package/dist/esm/extensibility/Extension/Lozenge/EditToggle.js +3 -1
- package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js +3 -1
- package/dist/esm/extensibility/Extension/styles.js +0 -15
- package/dist/esm/extensibility/index.js +1 -2
- package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +3 -1
- package/dist/esm/media-single/ExternalImageBadge.js +3 -1
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/resizer/Resizer.js +3 -1
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/ui/HoverLinkOverlay/index.js +7 -1
- package/dist/esm/ui/Mention/mention-with-profilecard.js +2 -2
- package/dist/esm/ui/MultiBodiedExtension/index.js +1 -38
- package/dist/esm/ui/TableSelector/table-selector.js +1 -1
- package/dist/esm/ui-menu/ColorPickerButton/index.js +5 -1
- package/dist/types/extensibility/Extension/styles.d.ts +0 -13
- package/dist/types/extensibility/index.d.ts +0 -1
- package/dist/types/ui/Mention/mention-with-profilecard.d.ts +1 -1
- package/package.json +1 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 132.0.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`eef74ddea13f2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eef74ddea13f2) -
|
|
8
|
+
Clean up experiment platform_mention_profilecard_accessible_name_exp
|
|
9
|
+
|
|
10
|
+
## 132.0.1
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [`56bd2d041039c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/56bd2d041039c) -
|
|
15
|
+
Remove the disabled extension block spacing experiment and its unused editor styles.
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 132.0.0
|
|
4
19
|
|
|
5
20
|
### Major Changes
|
|
@@ -10,12 +10,15 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _debounce = _interopRequireDefault(require("lodash/debounce"));
|
|
12
12
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
13
|
-
var
|
|
13
|
+
var _box = require("@atlaskit/primitives/box");
|
|
14
|
+
var _xcss = require("@atlaskit/primitives/xcss/xcss");
|
|
14
15
|
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); }
|
|
15
16
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
16
17
|
|
|
18
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
19
|
+
|
|
17
20
|
var BADGE_VISIBILITY_BREAKPOINT = 200;
|
|
18
|
-
var containerStyles = (0,
|
|
21
|
+
var containerStyles = (0, _xcss.xcss)({
|
|
19
22
|
display: 'flex',
|
|
20
23
|
position: 'absolute',
|
|
21
24
|
top: 'space.0',
|
|
@@ -33,10 +36,10 @@ var containerStyles = (0, _primitives.xcss)({
|
|
|
33
36
|
// document body is the main scroll area. This means it overscrolls the primary
|
|
34
37
|
// toolbar, where the z-index is "2". We have to hack in our own z-index less
|
|
35
38
|
// than that to ensure our badge appears under the toolbar when scrolled.
|
|
36
|
-
var hackedZIndexStyles = (0,
|
|
39
|
+
var hackedZIndexStyles = (0, _xcss.xcss)({
|
|
37
40
|
zIndex: '1'
|
|
38
41
|
});
|
|
39
|
-
var resizeOffsetStyles = (0,
|
|
42
|
+
var resizeOffsetStyles = (0, _xcss.xcss)({
|
|
40
43
|
right: 'space.150'
|
|
41
44
|
});
|
|
42
45
|
var getBadgeVisible = function getBadgeVisible(width, height) {
|
|
@@ -86,7 +89,7 @@ var BlockNodeBadges = exports.BlockNodeBadges = function BlockNodeBadges(_ref) {
|
|
|
86
89
|
return null;
|
|
87
90
|
}
|
|
88
91
|
}
|
|
89
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
92
|
+
return /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
90
93
|
as: "div",
|
|
91
94
|
testId: "media-badges",
|
|
92
95
|
"data-media-badges": "true",
|
|
@@ -18,7 +18,9 @@ var _CellMeasurer = require("react-virtualized/dist/commonjs/CellMeasurer");
|
|
|
18
18
|
var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
|
|
19
19
|
var _main = require("@atlaskit/editor-shared-styles/shortcut/main");
|
|
20
20
|
var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
|
|
21
|
-
var
|
|
21
|
+
var _flex = require("@atlaskit/primitives/compiled/flex");
|
|
22
|
+
var _stack = require("@atlaskit/primitives/compiled/stack");
|
|
23
|
+
var _text = require("@atlaskit/primitives/compiled/text");
|
|
22
24
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
23
25
|
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
24
26
|
var _analytics = require("../../../analytics");
|
|
@@ -473,21 +475,21 @@ var ItemContent = /*#__PURE__*/(0, _react.memo)(function (_ref8) {
|
|
|
473
475
|
className: "item-body"
|
|
474
476
|
}, (0, _react2.jsx)("div", {
|
|
475
477
|
css: itemText
|
|
476
|
-
}, (0, _react2.jsx)(
|
|
478
|
+
}, (0, _react2.jsx)(_stack.Stack, {
|
|
477
479
|
space: "space.025"
|
|
478
480
|
}, (0, _react2.jsx)("div", {
|
|
479
481
|
css: itemTitleWrapper
|
|
480
|
-
}, (0, _react2.jsx)(
|
|
482
|
+
}, (0, _react2.jsx)(_flex.Flex, {
|
|
481
483
|
alignItems: "center",
|
|
482
484
|
gap: "space.050"
|
|
483
|
-
}, (0, _react2.jsx)(
|
|
485
|
+
}, (0, _react2.jsx)(_text.Text, {
|
|
484
486
|
color: isDisabled ? 'color.text.disabled' : undefined,
|
|
485
487
|
maxLines: 1
|
|
486
488
|
}, title), lozenge), (0, _react2.jsx)("div", {
|
|
487
489
|
css: itemAfter
|
|
488
490
|
}, keyshortcut && (0, _react2.jsx)("div", {
|
|
489
491
|
css: _main.shortcutStyle
|
|
490
|
-
}, keyshortcut))), description && (0, _react2.jsx)(
|
|
492
|
+
}, keyshortcut))), description && (0, _react2.jsx)(_text.Text, {
|
|
491
493
|
color: isDisabled ? 'color.text.disabled' : 'color.text.subtle',
|
|
492
494
|
size: "small",
|
|
493
495
|
maxLines: 2
|
|
@@ -10,7 +10,8 @@ var _react2 = require("@emotion/react");
|
|
|
10
10
|
var _reactIntl = require("react-intl");
|
|
11
11
|
var _checkMark = _interopRequireDefault(require("@atlaskit/icon/core/check-mark"));
|
|
12
12
|
var _edit = _interopRequireDefault(require("@atlaskit/icon/core/edit"));
|
|
13
|
-
var
|
|
13
|
+
var _flex = require("@atlaskit/primitives/components/flex");
|
|
14
|
+
var _xcss = require("@atlaskit/primitives/xcss/xcss");
|
|
14
15
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
15
16
|
/**
|
|
16
17
|
* @jsxRuntime classic
|
|
@@ -21,6 +22,8 @@ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
|
21
22
|
|
|
22
23
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
23
24
|
|
|
25
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
26
|
+
|
|
24
27
|
var buttonContainerStyles = (0, _react2.css)({
|
|
25
28
|
opacity: 0,
|
|
26
29
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
@@ -51,7 +54,7 @@ var buttonStyles = (0, _react2.css)({
|
|
|
51
54
|
backgroundColor: "var(--ds-background-input, #FFFFFF)",
|
|
52
55
|
color: "var(--ds-text-subtle, #505258)"
|
|
53
56
|
});
|
|
54
|
-
var iconStyles = (0,
|
|
57
|
+
var iconStyles = (0, _xcss.xcss)({
|
|
55
58
|
marginRight: 'space.075'
|
|
56
59
|
});
|
|
57
60
|
var i18n = (0, _reactIntl.defineMessages)({
|
|
@@ -129,7 +132,7 @@ var EditToggle = exports.EditToggle = function EditToggle(_ref) {
|
|
|
129
132
|
onBlur: function onBlur() {
|
|
130
133
|
return setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(false);
|
|
131
134
|
}
|
|
132
|
-
}, (0, _react2.jsx)(
|
|
135
|
+
}, (0, _react2.jsx)(_flex.Flex, {
|
|
133
136
|
as: "span",
|
|
134
137
|
xcss: iconStyles
|
|
135
138
|
}, icon), text));
|
|
@@ -12,7 +12,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
12
12
|
var _reactIntl = require("react-intl");
|
|
13
13
|
var _customize = _interopRequireDefault(require("@atlaskit/icon/core/customize"));
|
|
14
14
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
15
|
-
var
|
|
15
|
+
var _box = require("@atlaskit/primitives/box");
|
|
16
|
+
var _xcss = require("@atlaskit/primitives/xcss/xcss");
|
|
16
17
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
17
18
|
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
18
19
|
/**
|
|
@@ -24,6 +25,8 @@ var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
|
24
25
|
|
|
25
26
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
26
27
|
|
|
28
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
29
|
+
|
|
27
30
|
var containerStyles = (0, _react2.css)({
|
|
28
31
|
textAlign: 'left',
|
|
29
32
|
zIndex: 1,
|
|
@@ -96,7 +99,7 @@ var labelStyles = (0, _react2.css)({
|
|
|
96
99
|
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
|
|
97
100
|
}
|
|
98
101
|
});
|
|
99
|
-
var spacerStyles = (0,
|
|
102
|
+
var spacerStyles = (0, _xcss.xcss)({
|
|
100
103
|
height: 'space.200',
|
|
101
104
|
position: 'absolute',
|
|
102
105
|
width: '100%'
|
|
@@ -211,7 +214,7 @@ var ExtensionLabel = exports.ExtensionLabel = function ExtensionLabel(_ref) {
|
|
|
211
214
|
}, (0, _react2.jsx)(_customize.default, {
|
|
212
215
|
label: ""
|
|
213
216
|
})));
|
|
214
|
-
}), (0, _react2.jsx)(
|
|
217
|
+
}), (0, _react2.jsx)(_box.Box, {
|
|
215
218
|
xcss: spacerStyles
|
|
216
219
|
}))
|
|
217
220
|
);
|
|
@@ -3,26 +3,11 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.wrapperDefault = exports.styledImage = exports.placeholderFallbackParams = exports.placeholderFallback = exports.overlay =
|
|
6
|
+
exports.wrapperDefault = exports.styledImage = exports.placeholderFallbackParams = exports.placeholderFallback = exports.overlay = void 0;
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
8
|
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled -- Pre-existing lint debt surfaced by this mechanical type-import-only PR. */
|
|
9
9
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
10
10
|
|
|
11
|
-
/**
|
|
12
|
-
* CSS custom property that controls the vertical margin between editor block elements
|
|
13
|
-
*
|
|
14
|
-
* Consumers can opt in to custom block spacing by setting this property on any ancestor of the
|
|
15
|
-
* editor content (typically `:root` or the editor wrapper). When the property is unset, every block
|
|
16
|
-
* margin rule falls back to its original token/value, so this is a no-op for all existing consumers.
|
|
17
|
-
*
|
|
18
|
-
* The editor only emits the `var(...)` block-margin rules when the
|
|
19
|
-
* `platform_editor_extension_block_spacing` editor experiment is enabled, so the hook can be
|
|
20
|
-
* disabled centrally and its SSR/layout performance impact can be tracked. Setting this property
|
|
21
|
-
* has no effect while the experiment is off.
|
|
22
|
-
*/
|
|
23
|
-
|
|
24
|
-
var EXTENSION_BLOCK_SPACING_VAR = exports.EXTENSION_BLOCK_SPACING_VAR = '--ak-editor-extension-block-spacing';
|
|
25
|
-
|
|
26
11
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
27
12
|
var wrapperDefault = exports.wrapperDefault = (0, _react.css)({
|
|
28
13
|
background: "var(--ds-background-neutral, #0515240F)",
|
|
@@ -4,12 +4,6 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
Object.defineProperty(exports, "EXTENSION_BLOCK_SPACING_VAR", {
|
|
8
|
-
enumerable: true,
|
|
9
|
-
get: function get() {
|
|
10
|
-
return _styles.EXTENSION_BLOCK_SPACING_VAR;
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
7
|
Object.defineProperty(exports, "Extension", {
|
|
14
8
|
enumerable: true,
|
|
15
9
|
get: function get() {
|
|
@@ -44,5 +38,4 @@ var _ExtensionNodeWrapper = require("./ExtensionNodeWrapper");
|
|
|
44
38
|
var _Extension = require("./Extension");
|
|
45
39
|
var _extensionNodeView = _interopRequireWildcard(require("./extensionNodeView"));
|
|
46
40
|
var _ExtensionComponent = require("./ExtensionComponent");
|
|
47
|
-
var _styles = require("./Extension/styles");
|
|
48
41
|
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); }
|
|
@@ -33,7 +33,8 @@ var _isSafeUrl = require("@atlaskit/adf-schema/is-safe-url");
|
|
|
33
33
|
var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
|
|
34
34
|
var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
|
|
35
35
|
var _page = _interopRequireDefault(require("@atlaskit/object/page"));
|
|
36
|
-
var
|
|
36
|
+
var _pressable = require("@atlaskit/primitives/pressable");
|
|
37
|
+
var _xcss = require("@atlaskit/primitives/xcss/xcss");
|
|
37
38
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
38
39
|
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
39
40
|
var _analytics = require("../../../analytics");
|
|
@@ -55,6 +56,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
55
56
|
* @jsx jsx
|
|
56
57
|
*/ // 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
|
|
57
58
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
59
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
58
60
|
/**
|
|
59
61
|
* Visible only to screenreaders. Use when there is a need
|
|
60
62
|
* to provide more context to a non-sighted user.
|
|
@@ -73,7 +75,7 @@ var visuallyHiddenStyles = exports.visuallyHiddenStyles = (0, _react2.css)({
|
|
|
73
75
|
|
|
74
76
|
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
75
77
|
var RECENT_SEARCH_LIST_SIZE = exports.RECENT_SEARCH_LIST_SIZE = 5;
|
|
76
|
-
var clearTextButtonStyles = (0,
|
|
78
|
+
var clearTextButtonStyles = (0, _xcss.xcss)({
|
|
77
79
|
padding: 'space.0',
|
|
78
80
|
marginRight: 'space.100',
|
|
79
81
|
backgroundColor: 'color.background.neutral.subtle',
|
|
@@ -905,7 +907,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
|
|
|
905
907
|
css: clearTextWrapper
|
|
906
908
|
}, (0, _react2.jsx)(_Tooltip.default, {
|
|
907
909
|
content: formatClearLinkText
|
|
908
|
-
}, (0, _react2.jsx)(
|
|
910
|
+
}, (0, _react2.jsx)(_pressable.Pressable, {
|
|
909
911
|
xcss: clearTextButtonStyles,
|
|
910
912
|
onClick: this.handleClearText
|
|
911
913
|
}, (0, _react2.jsx)(_crossCircle.default, {
|
|
@@ -933,7 +935,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
|
|
|
933
935
|
css: clearTextWrapper
|
|
934
936
|
}, (0, _react2.jsx)(_Tooltip.default, {
|
|
935
937
|
content: formatMessage(_messages.messages.clearText)
|
|
936
|
-
}, (0, _react2.jsx)(
|
|
938
|
+
}, (0, _react2.jsx)(_pressable.Pressable, {
|
|
937
939
|
xcss: clearTextButtonStyles,
|
|
938
940
|
onClick: this.handleClearDisplayText,
|
|
939
941
|
onKeyDown: this.handleClearTextKeyDown
|
|
@@ -8,12 +8,15 @@ exports.isUnbadgedUrl = exports.ExternalImageBadge = void 0;
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactIntl = require("react-intl");
|
|
10
10
|
var _statusInformation = _interopRequireDefault(require("@atlaskit/icon/core/status-information"));
|
|
11
|
-
var
|
|
11
|
+
var _box = require("@atlaskit/primitives/box");
|
|
12
|
+
var _xcss = require("@atlaskit/primitives/xcss/xcss");
|
|
12
13
|
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
13
14
|
var _media = require("../media");
|
|
14
15
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
15
16
|
|
|
16
|
-
|
|
17
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
18
|
+
|
|
19
|
+
var baseStyles = (0, _xcss.xcss)({
|
|
17
20
|
borderRadius: 'radius.small',
|
|
18
21
|
backgroundColor: 'elevation.surface',
|
|
19
22
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
@@ -52,7 +55,7 @@ var ExternalImageBadge = exports.ExternalImageBadge = function ExternalImageBadg
|
|
|
52
55
|
if (type !== 'external' || isUnbadgedUrl(url)) {
|
|
53
56
|
return null;
|
|
54
57
|
}
|
|
55
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
58
|
+
return /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
56
59
|
padding: "space.050",
|
|
57
60
|
xcss: baseStyles,
|
|
58
61
|
tabIndex: 0
|
|
@@ -27,7 +27,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
27
27
|
var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
28
28
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
29
29
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
30
|
-
var packageVersion = "
|
|
30
|
+
var packageVersion = "132.0.1";
|
|
31
31
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
32
32
|
// Remove URL as it has UGC
|
|
33
33
|
// Ignored via go/ees007
|
|
@@ -15,7 +15,8 @@ var _classnames3 = _interopRequireDefault(require("classnames"));
|
|
|
15
15
|
var _reResizable = require("re-resizable");
|
|
16
16
|
var _reactIntl = require("react-intl");
|
|
17
17
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
18
|
-
var
|
|
18
|
+
var _box = require("@atlaskit/primitives/box");
|
|
19
|
+
var _xcss = require("@atlaskit/primitives/xcss/xcss");
|
|
19
20
|
var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
|
|
20
21
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
21
22
|
var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
|
|
@@ -23,10 +24,11 @@ var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
|
23
24
|
var _breakout = require("../messages/breakout");
|
|
24
25
|
var _resizer = require("../styles/shared/resizer");
|
|
25
26
|
var _excluded = ["width", "height", "children", "handleClassName", "className", "handleResize", "handleResizeStart", "handleResizeStop", "handleSize", "handleAlignmentMethod", "handlePositioning", "appearance", "handleStyles", "resizeRatio", "snap", "snapGap", "isHandleVisible", "handleHighlight", "handleTooltipContent", "needExtendedResizeZone", "childrenDOMRef", "labelComponent"]; // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
27
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
26
28
|
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); }
|
|
27
29
|
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; }
|
|
28
30
|
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; }
|
|
29
|
-
var resizerLabelStyles = (0,
|
|
31
|
+
var resizerLabelStyles = (0, _xcss.xcss)({
|
|
30
32
|
position: 'absolute',
|
|
31
33
|
bottom: "var(--ds-space-0, 0px)",
|
|
32
34
|
width: '100%',
|
|
@@ -282,7 +284,7 @@ var ResizerNext = function ResizerNext(props, ref) {
|
|
|
282
284
|
ref: function ref(_ref) {
|
|
283
285
|
return childrenDOMRef && childrenDOMRef(_ref);
|
|
284
286
|
}
|
|
285
|
-
}, children), labelComponent && (0, _editorExperiment.editorExperiment)('single_column_layouts', true) && /*#__PURE__*/_react.default.createElement(
|
|
287
|
+
}, children), labelComponent && (0, _editorExperiment.editorExperiment)('single_column_layouts', true) && /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
286
288
|
xcss: resizerLabelStyles
|
|
287
289
|
}, labelComponent));
|
|
288
290
|
};
|
|
@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
23
23
|
* @jsx jsx
|
|
24
24
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
25
25
|
var packageName = "@atlaskit/editor-common";
|
|
26
|
-
var packageVersion = "
|
|
26
|
+
var packageVersion = "132.0.1";
|
|
27
27
|
var halfFocusRing = 1;
|
|
28
28
|
var dropOffset = '0, 8';
|
|
29
29
|
// Ignored via go/ees005
|
|
@@ -16,7 +16,10 @@ var _growDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/grow-dia
|
|
|
16
16
|
var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
|
|
17
17
|
var _panelRight = _interopRequireDefault(require("@atlaskit/icon/core/panel-right"));
|
|
18
18
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
19
|
-
var
|
|
19
|
+
var _anchor = require("@atlaskit/primitives/anchor");
|
|
20
|
+
var _box = require("@atlaskit/primitives/box");
|
|
21
|
+
var _text = require("@atlaskit/primitives/text");
|
|
22
|
+
var _xcss = require("@atlaskit/primitives/xcss/xcss");
|
|
20
23
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
21
24
|
var _analytics = require("../../analytics");
|
|
22
25
|
var _messages = require("../../messages");
|
|
@@ -35,6 +38,12 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
35
38
|
|
|
36
39
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
37
40
|
|
|
41
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
42
|
+
|
|
43
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
44
|
+
|
|
45
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
46
|
+
|
|
38
47
|
/**
|
|
39
48
|
* Dynamic padding value that adjusts based on the editor's base font size.
|
|
40
49
|
* When base font size is <= akEditorFullPageDenseFontSize (13px), uses 1px padding.
|
|
@@ -44,7 +53,7 @@ var DYNAMIC_PADDING_BLOCK = "clamp(1px, calc((var(--ak-editor-base-font-size, ".
|
|
|
44
53
|
var containerStyles = (0, _react2.css)({
|
|
45
54
|
position: 'relative'
|
|
46
55
|
});
|
|
47
|
-
var iconWrapperStyles = (0,
|
|
56
|
+
var iconWrapperStyles = (0, _xcss.xcss)({
|
|
48
57
|
display: 'inline-flex',
|
|
49
58
|
justifyContent: 'center',
|
|
50
59
|
alignItems: 'center',
|
|
@@ -57,7 +66,7 @@ var hiddenTextStyle = (0, _react2.css)({
|
|
|
57
66
|
position: 'absolute',
|
|
58
67
|
visibility: 'hidden'
|
|
59
68
|
});
|
|
60
|
-
var linkStylesCommon = (0,
|
|
69
|
+
var linkStylesCommon = (0, _xcss.xcss)({
|
|
61
70
|
position: 'absolute',
|
|
62
71
|
left: 'space.025',
|
|
63
72
|
display: 'inline-flex',
|
|
@@ -241,11 +250,11 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
|
|
|
241
250
|
}, children, (0, _react2.jsx)("span", {
|
|
242
251
|
css: hiddenTextStyle,
|
|
243
252
|
"aria-hidden": "true"
|
|
244
|
-
}, (0, _react2.jsx)(
|
|
253
|
+
}, (0, _react2.jsx)(_text.Text, {
|
|
245
254
|
ref: hiddenTextRef,
|
|
246
255
|
size: "small",
|
|
247
256
|
maxLines: 1
|
|
248
|
-
}, label)), isHovered && (0, _react2.jsx)(
|
|
257
|
+
}, label)), isHovered && (0, _react2.jsx)(_anchor.Anchor, {
|
|
249
258
|
ref: hoverLinkButtonRef,
|
|
250
259
|
xcss: linkStylesCommon,
|
|
251
260
|
href: destinationUrl !== null && destinationUrl !== void 0 ? destinationUrl : url,
|
|
@@ -255,11 +264,11 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
|
|
|
255
264
|
style: hoverLinkStyles,
|
|
256
265
|
onClick: handleClick,
|
|
257
266
|
testId: "inline-card-hoverlink-overlay"
|
|
258
|
-
}, (0, _react2.jsx)(
|
|
267
|
+
}, (0, _react2.jsx)(_box.Box, {
|
|
259
268
|
xcss: iconWrapperStyles,
|
|
260
269
|
"data-inlinecard-button-overlay": "icon-wrapper-line-height",
|
|
261
270
|
testId: "inline-card-hoverlink-overlay-icon"
|
|
262
|
-
}, icon), showLabel && (0, _react2.jsx)(
|
|
271
|
+
}, icon), showLabel && (0, _react2.jsx)(_text.Text, {
|
|
263
272
|
size: "small",
|
|
264
273
|
color: "color.text.subtle",
|
|
265
274
|
maxLines: 1,
|
|
@@ -122,10 +122,10 @@ function MentionWithProfileCard(_ref) {
|
|
|
122
122
|
}
|
|
123
123
|
if ((0, _fg.fg)('people-teams_migrate-user-profile-card') || (0, _isExperimentEnabled.isExperimentEnabled)('pt_user_profile_card_migration_exp')) {
|
|
124
124
|
if (renderUserMentionCard) {
|
|
125
|
-
var prefilledProfileData =
|
|
125
|
+
var prefilledProfileData = {
|
|
126
126
|
accountId: id,
|
|
127
127
|
name: text.replace(AT_PREFIX_REGEX, '')
|
|
128
|
-
}
|
|
128
|
+
};
|
|
129
129
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderUserMentionCard({
|
|
130
130
|
userId: id,
|
|
131
131
|
cloudId: cloudId,
|
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.sharedMultiBodiedExtensionStyles = exports.removeMarginsAndBorder = void 0;
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
|
-
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
9
8
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
10
9
|
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled -- Pre-existing lint debt surfaced by this mechanical type-import-only PR. */
|
|
11
10
|
/**
|
|
@@ -134,39 +133,6 @@ var extensionFrameContent = (0, _react.css)({
|
|
|
134
133
|
marginTop: "var(--ds-space-100, 8px)".concat(" !important")
|
|
135
134
|
}
|
|
136
135
|
});
|
|
137
|
-
|
|
138
|
-
// Block spacing hook variant of extensionFrameContent. Identical to extensionFrameContent except
|
|
139
|
-
// the extension content margins read from the `--ak-editor-extension-block-spacing` CSS custom
|
|
140
|
-
// property (falling back to the original token values). Selected only when
|
|
141
|
-
// isExperimentEnabled('platform_editor_extension_block_spacing') is enabled.
|
|
142
|
-
var extensionFrameContentWithBlockSpacing = (0, _react.css)({
|
|
143
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
144
|
-
display: 'block !important',
|
|
145
|
-
minHeight: '100px',
|
|
146
|
-
background: 'transparent',
|
|
147
|
-
borderBottomLeftRadius: "var(--ds-radius-small, 3px)",
|
|
148
|
-
borderBottomRightRadius: "var(--ds-radius-small, 3px)",
|
|
149
|
-
marginLeft: "var(--ds-space-100, 8px)",
|
|
150
|
-
marginRight: "var(--ds-space-100, 8px)",
|
|
151
|
-
cursor: 'initial',
|
|
152
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
153
|
-
'.pm-table-with-controls': {
|
|
154
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
155
|
-
marginLeft: "var(--ds-space-150, 12px)".concat(" !important"),
|
|
156
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
157
|
-
paddingRight: "var(--ds-space-150, 12px)".concat(" !important")
|
|
158
|
-
},
|
|
159
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
160
|
-
'.bodiedExtensionView-content-wrap': {
|
|
161
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
162
|
-
marginTop: "var(--ak-editor-extension-block-spacing, ".concat("var(--ds-space-150, 12px)", ") !important")
|
|
163
|
-
},
|
|
164
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
165
|
-
'.extensionView-content-wrap': {
|
|
166
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
167
|
-
marginTop: "var(--ak-editor-extension-block-spacing, ".concat("var(--ds-space-100, 8px)", ") !important")
|
|
168
|
-
}
|
|
169
|
-
});
|
|
170
136
|
var extensionFrameContentOld = (0, _react.css)({
|
|
171
137
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
172
138
|
padding: "var(--ds-space-100, 8px)".concat(" !important"),
|
|
@@ -215,9 +181,6 @@ var sharedMultiBodiedExtensionStyles = exports.sharedMultiBodiedExtensionStyles
|
|
|
215
181
|
if (!(0, _expValEquals.expValEquals)('confluence_native_tabs_experiment', 'isEnabled', true)) {
|
|
216
182
|
return extensionFrameContentOld;
|
|
217
183
|
}
|
|
218
|
-
|
|
219
|
-
// margins read from --ak-editor-extension-block-spacing (falling back to the originals).
|
|
220
|
-
// isExperimentEnabled always fires an exposure event.
|
|
221
|
-
return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_extension_block_spacing') ? extensionFrameContentWithBlockSpacing : extensionFrameContent;
|
|
184
|
+
return extensionFrameContent;
|
|
222
185
|
}
|
|
223
186
|
};
|
|
@@ -7,7 +7,7 @@ exports.default = exports.TABLE_SELECTOR_BUTTON_SIZE = exports.TABLE_SELECTOR_BU
|
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
9
|
var _reactIntl = require("react-intl");
|
|
10
|
-
var
|
|
10
|
+
var _stack = require("@atlaskit/primitives/compiled/stack");
|
|
11
11
|
var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
|
|
12
12
|
var _messages = require("../../messages");
|
|
13
13
|
var _uiReact = require("../../ui-react");
|
|
@@ -123,7 +123,7 @@ var TableSelectorPopup = function TableSelectorPopup(_ref3) {
|
|
|
123
123
|
return createArray(maxCols, maxRows);
|
|
124
124
|
}, [maxCols, maxRows]);
|
|
125
125
|
var setOutsideClickTargetRef = (0, _react.useContext)(_uiReact.OutsideClickTargetRefContext);
|
|
126
|
-
return (0, _react2.jsx)(
|
|
126
|
+
return (0, _react2.jsx)(_stack.Stack, {
|
|
127
127
|
ref: setOutsideClickTargetRef
|
|
128
128
|
}, (0, _react2.jsx)("div", {
|
|
129
129
|
"aria-label": "".concat(formatMessage(_messages.toolbarInsertBlockMessages.tableSizeSelectorPopup)),
|
|
@@ -15,7 +15,9 @@ var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-n
|
|
|
15
15
|
var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
|
|
16
16
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
|
|
17
17
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
18
|
-
var
|
|
18
|
+
var _box = require("@atlaskit/primitives/box");
|
|
19
|
+
var _inline = require("@atlaskit/primitives/inline");
|
|
20
|
+
var _xcss = require("@atlaskit/primitives/xcss/xcss");
|
|
19
21
|
var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
|
|
20
22
|
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
21
23
|
var _analytics = require("../../analytics");
|
|
@@ -35,11 +37,15 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
35
37
|
|
|
36
38
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
37
39
|
|
|
40
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
41
|
+
|
|
42
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
43
|
+
|
|
38
44
|
// helps adjusts position of popup
|
|
39
45
|
var colorPickerButtonWrapper = (0, _react2.css)({
|
|
40
46
|
position: 'relative'
|
|
41
47
|
});
|
|
42
|
-
var colorPickerExpandContainerVisualRefresh = (0,
|
|
48
|
+
var colorPickerExpandContainerVisualRefresh = (0, _xcss.xcss)({
|
|
43
49
|
marginTop: 'space.negative.025',
|
|
44
50
|
marginRight: 'space.negative.050'
|
|
45
51
|
});
|
|
@@ -279,12 +285,12 @@ var ColorPickerButton = function ColorPickerButton(props) {
|
|
|
279
285
|
onKeyDown: onKeyDown,
|
|
280
286
|
"data-selected-color": props.currentColor,
|
|
281
287
|
isSelected: isPopupOpen
|
|
282
|
-
}, (0, _react2.jsx)(
|
|
288
|
+
}, (0, _react2.jsx)(_inline.Inline, {
|
|
283
289
|
alignBlock: "start"
|
|
284
290
|
}, (0, _react2.jsx)("span", {
|
|
285
291
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
286
292
|
css: buttonStyleVisualRefresh
|
|
287
|
-
}), !hideExpandIcon && (0, _react2.jsx)(
|
|
293
|
+
}), !hideExpandIcon && (0, _react2.jsx)(_box.Box, {
|
|
288
294
|
xcss: colorPickerExpandContainerVisualRefresh
|
|
289
295
|
}, (0, _react2.jsx)(_chevronDown.default, {
|
|
290
296
|
color: "currentColor",
|
|
@@ -2,7 +2,9 @@ import React, { useEffect, useState } from 'react';
|
|
|
2
2
|
import debounce from 'lodash/debounce';
|
|
3
3
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
4
4
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
5
|
-
import { Box
|
|
5
|
+
import { Box } from '@atlaskit/primitives/box';
|
|
6
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
7
|
+
import { xcss } from '@atlaskit/primitives/xcss/xcss';
|
|
6
8
|
const BADGE_VISIBILITY_BREAKPOINT = 200;
|
|
7
9
|
const containerStyles = xcss({
|
|
8
10
|
display: 'flex',
|
|
@@ -16,7 +16,9 @@ import { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs
|
|
|
16
16
|
import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
|
|
17
17
|
import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut/main';
|
|
18
18
|
import ButtonItem from '@atlaskit/menu/button-item';
|
|
19
|
-
import { Flex
|
|
19
|
+
import { Flex } from '@atlaskit/primitives/compiled/flex';
|
|
20
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
21
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
20
22
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
21
23
|
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
22
24
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../../analytics';
|
|
@@ -11,7 +11,9 @@ import { defineMessages, useIntl } from 'react-intl';
|
|
|
11
11
|
import CheckMarkIcon from '@atlaskit/icon/core/check-mark';
|
|
12
12
|
import EditIcon from '@atlaskit/icon/core/edit';
|
|
13
13
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
14
|
-
import { Flex
|
|
14
|
+
import { Flex } from '@atlaskit/primitives/components/flex';
|
|
15
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
16
|
+
import { xcss } from '@atlaskit/primitives/xcss/xcss';
|
|
15
17
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
16
18
|
const buttonContainerStyles = css({
|
|
17
19
|
opacity: 0,
|
|
@@ -12,7 +12,9 @@ import { FormattedMessage, defineMessages } from 'react-intl';
|
|
|
12
12
|
import CustomizeIcon from '@atlaskit/icon/core/customize';
|
|
13
13
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
14
14
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
15
|
-
import { Box
|
|
15
|
+
import { Box } from '@atlaskit/primitives/box';
|
|
16
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
17
|
+
import { xcss } from '@atlaskit/primitives/xcss/xcss';
|
|
16
18
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
17
19
|
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
18
20
|
const containerStyles = css({
|
|
@@ -1,21 +1,6 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled -- Pre-existing lint debt surfaced by this mechanical type-import-only PR. */
|
|
2
2
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
3
|
import { css } from '@emotion/react';
|
|
4
|
-
/**
|
|
5
|
-
* CSS custom property that controls the vertical margin between editor block elements
|
|
6
|
-
*
|
|
7
|
-
* Consumers can opt in to custom block spacing by setting this property on any ancestor of the
|
|
8
|
-
* editor content (typically `:root` or the editor wrapper). When the property is unset, every block
|
|
9
|
-
* margin rule falls back to its original token/value, so this is a no-op for all existing consumers.
|
|
10
|
-
*
|
|
11
|
-
* The editor only emits the `var(...)` block-margin rules when the
|
|
12
|
-
* `platform_editor_extension_block_spacing` editor experiment is enabled, so the hook can be
|
|
13
|
-
* disabled centrally and its SSR/layout performance impact can be tracked. Setting this property
|
|
14
|
-
* has no effect while the experiment is off.
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
export const EXTENSION_BLOCK_SPACING_VAR = '--ak-editor-extension-block-spacing';
|
|
18
|
-
|
|
19
4
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
20
5
|
export const wrapperDefault = css({
|
|
21
6
|
background: "var(--ds-background-neutral, #0515240F)",
|
|
@@ -4,5 +4,4 @@
|
|
|
4
4
|
export { ExtensionNodeWrapper } from './ExtensionNodeWrapper';
|
|
5
5
|
export { Extension } from './Extension';
|
|
6
6
|
export { default as ExtensionNodeView, ExtensionNode } from './extensionNodeView';
|
|
7
|
-
export { ExtensionComponent } from './ExtensionComponent';
|
|
8
|
-
export { EXTENSION_BLOCK_SPACING_VAR } from './Extension/styles';
|
|
7
|
+
export { ExtensionComponent } from './ExtensionComponent';
|
|
@@ -18,7 +18,9 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
18
18
|
import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
|
|
19
19
|
import PageObject from '@atlaskit/object/page';
|
|
20
20
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
21
|
-
import { Pressable
|
|
21
|
+
import { Pressable } from '@atlaskit/primitives/pressable';
|
|
22
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
23
|
+
import { xcss } from '@atlaskit/primitives/xcss/xcss';
|
|
22
24
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
23
25
|
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
24
26
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent, INPUT_METHOD } from '../../../analytics';
|
|
@@ -2,7 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import { useIntl } from 'react-intl';
|
|
3
3
|
import InfoIcon from '@atlaskit/icon/core/status-information';
|
|
4
4
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
5
|
-
import { Box
|
|
5
|
+
import { Box } from '@atlaskit/primitives/box';
|
|
6
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
7
|
+
import { xcss } from '@atlaskit/primitives/xcss/xcss';
|
|
6
8
|
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
7
9
|
import { externalMediaMessages } from '../media';
|
|
8
10
|
const baseStyles = xcss({
|
|
@@ -13,7 +13,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
13
13
|
const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
14
14
|
const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
15
15
|
const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
16
|
-
const packageVersion = "
|
|
16
|
+
const packageVersion = "132.0.1";
|
|
17
17
|
const sanitiseSentryEvents = (data, _hint) => {
|
|
18
18
|
// Remove URL as it has UGC
|
|
19
19
|
// Ignored via go/ees007
|
|
@@ -5,7 +5,9 @@ import { Resizable } from 're-resizable';
|
|
|
5
5
|
import { useIntl } from 'react-intl';
|
|
6
6
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
7
7
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
8
|
-
import { Box
|
|
8
|
+
import { Box } from '@atlaskit/primitives/box';
|
|
9
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
10
|
+
import { xcss } from '@atlaskit/primitives/xcss/xcss';
|
|
9
11
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
|
|
10
12
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
11
13
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
|
|
|
13
13
|
import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
14
14
|
import Layer from '../Layer';
|
|
15
15
|
const packageName = "@atlaskit/editor-common";
|
|
16
|
-
const packageVersion = "
|
|
16
|
+
const packageVersion = "132.0.1";
|
|
17
17
|
const halfFocusRing = 1;
|
|
18
18
|
const dropOffset = '0, 8';
|
|
19
19
|
// Ignored via go/ees005
|
|
@@ -18,7 +18,13 @@ import LinkExternalIcon from '@atlaskit/icon/core/link-external';
|
|
|
18
18
|
import PanelRightIcon from '@atlaskit/icon/core/panel-right';
|
|
19
19
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
20
20
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
21
|
-
import { Anchor
|
|
21
|
+
import { Anchor } from '@atlaskit/primitives/anchor';
|
|
22
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
23
|
+
import { Box } from '@atlaskit/primitives/box';
|
|
24
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
25
|
+
import { Text } from '@atlaskit/primitives/text';
|
|
26
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
27
|
+
import { xcss } from '@atlaskit/primitives/xcss/xcss';
|
|
22
28
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
23
29
|
import { buildVisitedNonHyperLinkPayload, INPUT_METHOD } from '../../analytics';
|
|
24
30
|
import { cardMessages } from '../../messages';
|
|
@@ -99,10 +99,10 @@ export default function MentionWithProfileCard({
|
|
|
99
99
|
}
|
|
100
100
|
if (fg('people-teams_migrate-user-profile-card') || isExperimentEnabled('pt_user_profile_card_migration_exp')) {
|
|
101
101
|
if (renderUserMentionCard) {
|
|
102
|
-
const prefilledProfileData =
|
|
102
|
+
const prefilledProfileData = {
|
|
103
103
|
accountId: id,
|
|
104
104
|
name: text.replace(AT_PREFIX_REGEX, '')
|
|
105
|
-
}
|
|
105
|
+
};
|
|
106
106
|
return /*#__PURE__*/React.createElement(React.Fragment, null, renderUserMentionCard({
|
|
107
107
|
userId: id,
|
|
108
108
|
cloudId,
|
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
|
|
7
7
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
8
8
|
import { css } from '@emotion/react';
|
|
9
|
-
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
10
9
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
11
10
|
// Wraps the navigation bar and extensionFrames
|
|
12
11
|
const mbeExtensionContainerOld = css({
|
|
@@ -127,39 +126,6 @@ const extensionFrameContent = css({
|
|
|
127
126
|
marginTop: `${"var(--ds-space-100, 8px)"} !important`
|
|
128
127
|
}
|
|
129
128
|
});
|
|
130
|
-
|
|
131
|
-
// Block spacing hook variant of extensionFrameContent. Identical to extensionFrameContent except
|
|
132
|
-
// the extension content margins read from the `--ak-editor-extension-block-spacing` CSS custom
|
|
133
|
-
// property (falling back to the original token values). Selected only when
|
|
134
|
-
// isExperimentEnabled('platform_editor_extension_block_spacing') is enabled.
|
|
135
|
-
const extensionFrameContentWithBlockSpacing = css({
|
|
136
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
137
|
-
display: 'block !important',
|
|
138
|
-
minHeight: '100px',
|
|
139
|
-
background: 'transparent',
|
|
140
|
-
borderBottomLeftRadius: "var(--ds-radius-small, 3px)",
|
|
141
|
-
borderBottomRightRadius: "var(--ds-radius-small, 3px)",
|
|
142
|
-
marginLeft: "var(--ds-space-100, 8px)",
|
|
143
|
-
marginRight: "var(--ds-space-100, 8px)",
|
|
144
|
-
cursor: 'initial',
|
|
145
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
146
|
-
'.pm-table-with-controls': {
|
|
147
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
148
|
-
marginLeft: `${"var(--ds-space-150, 12px)"} !important`,
|
|
149
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
150
|
-
paddingRight: `${"var(--ds-space-150, 12px)"} !important`
|
|
151
|
-
},
|
|
152
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
153
|
-
'.bodiedExtensionView-content-wrap': {
|
|
154
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
155
|
-
marginTop: `var(--ak-editor-extension-block-spacing, ${"var(--ds-space-150, 12px)"}) !important`
|
|
156
|
-
},
|
|
157
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
158
|
-
'.extensionView-content-wrap': {
|
|
159
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
160
|
-
marginTop: `var(--ak-editor-extension-block-spacing, ${"var(--ds-space-100, 8px)"}) !important`
|
|
161
|
-
}
|
|
162
|
-
});
|
|
163
129
|
const extensionFrameContentOld = css({
|
|
164
130
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
165
131
|
padding: `${"var(--ds-space-100, 8px)"} !important`,
|
|
@@ -208,9 +174,6 @@ export const sharedMultiBodiedExtensionStyles = {
|
|
|
208
174
|
if (!expValEquals('confluence_native_tabs_experiment', 'isEnabled', true)) {
|
|
209
175
|
return extensionFrameContentOld;
|
|
210
176
|
}
|
|
211
|
-
|
|
212
|
-
// margins read from --ak-editor-extension-block-spacing (falling back to the originals).
|
|
213
|
-
// isExperimentEnabled always fires an exposure event.
|
|
214
|
-
return isExperimentEnabled('platform_editor_extension_block_spacing') ? extensionFrameContentWithBlockSpacing : extensionFrameContent;
|
|
177
|
+
return extensionFrameContent;
|
|
215
178
|
}
|
|
216
179
|
};
|
|
@@ -6,7 +6,7 @@ import { useContext, useEffect, useMemo, useRef } from 'react';
|
|
|
6
6
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
7
7
|
import { css, jsx } from '@emotion/react';
|
|
8
8
|
import { injectIntl } from 'react-intl';
|
|
9
|
-
import { Stack } from '@atlaskit/primitives/compiled';
|
|
9
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
10
10
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
|
|
11
11
|
import { toolbarInsertBlockMessages as messages } from '../../messages';
|
|
12
12
|
import { OutsideClickTargetRefContext } from '../../ui-react';
|
|
@@ -13,7 +13,11 @@ import Button from '@atlaskit/button/default/button';
|
|
|
13
13
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
14
14
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
15
15
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
16
|
-
import { Box
|
|
16
|
+
import { Box } from '@atlaskit/primitives/box';
|
|
17
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
18
|
+
import { Inline } from '@atlaskit/primitives/inline';
|
|
19
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
20
|
+
import { xcss } from '@atlaskit/primitives/xcss/xcss';
|
|
17
21
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
|
|
18
22
|
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
19
23
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, editorAnalyticsChannel, EVENT_TYPE } from '../../analytics';
|
|
@@ -3,7 +3,9 @@ import React, { useEffect, useState } from 'react';
|
|
|
3
3
|
import debounce from 'lodash/debounce';
|
|
4
4
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
5
5
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
6
|
-
import { Box
|
|
6
|
+
import { Box } from '@atlaskit/primitives/box';
|
|
7
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
8
|
+
import { xcss } from '@atlaskit/primitives/xcss/xcss';
|
|
7
9
|
var BADGE_VISIBILITY_BREAKPOINT = 200;
|
|
8
10
|
var containerStyles = xcss({
|
|
9
11
|
display: 'flex',
|
|
@@ -17,7 +17,9 @@ import { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs
|
|
|
17
17
|
import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
|
|
18
18
|
import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut/main';
|
|
19
19
|
import ButtonItem from '@atlaskit/menu/button-item';
|
|
20
|
-
import { Flex
|
|
20
|
+
import { Flex } from '@atlaskit/primitives/compiled/flex';
|
|
21
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
22
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
21
23
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
22
24
|
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
23
25
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../../analytics';
|
|
@@ -11,7 +11,9 @@ import { defineMessages, useIntl } from 'react-intl';
|
|
|
11
11
|
import CheckMarkIcon from '@atlaskit/icon/core/check-mark';
|
|
12
12
|
import EditIcon from '@atlaskit/icon/core/edit';
|
|
13
13
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
14
|
-
import { Flex
|
|
14
|
+
import { Flex } from '@atlaskit/primitives/components/flex';
|
|
15
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
16
|
+
import { xcss } from '@atlaskit/primitives/xcss/xcss';
|
|
15
17
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
16
18
|
var buttonContainerStyles = css({
|
|
17
19
|
opacity: 0,
|
|
@@ -12,7 +12,9 @@ import { FormattedMessage, defineMessages } from 'react-intl';
|
|
|
12
12
|
import CustomizeIcon from '@atlaskit/icon/core/customize';
|
|
13
13
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
14
14
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
15
|
-
import { Box
|
|
15
|
+
import { Box } from '@atlaskit/primitives/box';
|
|
16
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
17
|
+
import { xcss } from '@atlaskit/primitives/xcss/xcss';
|
|
16
18
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
17
19
|
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
18
20
|
var containerStyles = css({
|
|
@@ -1,21 +1,6 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/ui-styling-standard/use-compiled -- Pre-existing lint debt surfaced by this mechanical type-import-only PR. */
|
|
2
2
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
3
|
import { css } from '@emotion/react';
|
|
4
|
-
/**
|
|
5
|
-
* CSS custom property that controls the vertical margin between editor block elements
|
|
6
|
-
*
|
|
7
|
-
* Consumers can opt in to custom block spacing by setting this property on any ancestor of the
|
|
8
|
-
* editor content (typically `:root` or the editor wrapper). When the property is unset, every block
|
|
9
|
-
* margin rule falls back to its original token/value, so this is a no-op for all existing consumers.
|
|
10
|
-
*
|
|
11
|
-
* The editor only emits the `var(...)` block-margin rules when the
|
|
12
|
-
* `platform_editor_extension_block_spacing` editor experiment is enabled, so the hook can be
|
|
13
|
-
* disabled centrally and its SSR/layout performance impact can be tracked. Setting this property
|
|
14
|
-
* has no effect while the experiment is off.
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
export var EXTENSION_BLOCK_SPACING_VAR = '--ak-editor-extension-block-spacing';
|
|
18
|
-
|
|
19
4
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
20
5
|
export var wrapperDefault = css({
|
|
21
6
|
background: "var(--ds-background-neutral, #0515240F)",
|
|
@@ -4,5 +4,4 @@
|
|
|
4
4
|
export { ExtensionNodeWrapper } from './ExtensionNodeWrapper';
|
|
5
5
|
export { Extension } from './Extension';
|
|
6
6
|
export { default as ExtensionNodeView, ExtensionNode } from './extensionNodeView';
|
|
7
|
-
export { ExtensionComponent } from './ExtensionComponent';
|
|
8
|
-
export { EXTENSION_BLOCK_SPACING_VAR } from './Extension/styles';
|
|
7
|
+
export { ExtensionComponent } from './ExtensionComponent';
|
|
@@ -29,7 +29,9 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
29
29
|
import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
|
|
30
30
|
import PageObject from '@atlaskit/object/page';
|
|
31
31
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
32
|
-
import { Pressable
|
|
32
|
+
import { Pressable } from '@atlaskit/primitives/pressable';
|
|
33
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
34
|
+
import { xcss } from '@atlaskit/primitives/xcss/xcss';
|
|
33
35
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
34
36
|
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
35
37
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent, INPUT_METHOD } from '../../../analytics';
|
|
@@ -2,7 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import { useIntl } from 'react-intl';
|
|
3
3
|
import InfoIcon from '@atlaskit/icon/core/status-information';
|
|
4
4
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
5
|
-
import { Box
|
|
5
|
+
import { Box } from '@atlaskit/primitives/box';
|
|
6
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
7
|
+
import { xcss } from '@atlaskit/primitives/xcss/xcss';
|
|
6
8
|
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
7
9
|
import { externalMediaMessages } from '../media';
|
|
8
10
|
var baseStyles = xcss({
|
|
@@ -19,7 +19,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
19
19
|
var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
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 = "132.0.1";
|
|
23
23
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
24
24
|
// Remove URL as it has UGC
|
|
25
25
|
// Ignored via go/ees007
|
|
@@ -11,7 +11,9 @@ import { Resizable } from 're-resizable';
|
|
|
11
11
|
import { useIntl } from 'react-intl';
|
|
12
12
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
13
13
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
14
|
-
import { Box
|
|
14
|
+
import { Box } from '@atlaskit/primitives/box';
|
|
15
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
16
|
+
import { xcss } from '@atlaskit/primitives/xcss/xcss';
|
|
15
17
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
|
|
16
18
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
17
19
|
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
|
|
@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
|
|
|
20
20
|
import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
21
21
|
import Layer from '../Layer';
|
|
22
22
|
var packageName = "@atlaskit/editor-common";
|
|
23
|
-
var packageVersion = "
|
|
23
|
+
var packageVersion = "132.0.1";
|
|
24
24
|
var halfFocusRing = 1;
|
|
25
25
|
var dropOffset = '0, 8';
|
|
26
26
|
// Ignored via go/ees005
|
|
@@ -19,7 +19,13 @@ import LinkExternalIcon from '@atlaskit/icon/core/link-external';
|
|
|
19
19
|
import PanelRightIcon from '@atlaskit/icon/core/panel-right';
|
|
20
20
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
21
21
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
22
|
-
import { Anchor
|
|
22
|
+
import { Anchor } from '@atlaskit/primitives/anchor';
|
|
23
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
24
|
+
import { Box } from '@atlaskit/primitives/box';
|
|
25
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
26
|
+
import { Text } from '@atlaskit/primitives/text';
|
|
27
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
28
|
+
import { xcss } from '@atlaskit/primitives/xcss/xcss';
|
|
23
29
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
24
30
|
import { buildVisitedNonHyperLinkPayload, INPUT_METHOD } from '../../analytics';
|
|
25
31
|
import { cardMessages } from '../../messages';
|
|
@@ -110,10 +110,10 @@ export default function MentionWithProfileCard(_ref) {
|
|
|
110
110
|
}
|
|
111
111
|
if (fg('people-teams_migrate-user-profile-card') || isExperimentEnabled('pt_user_profile_card_migration_exp')) {
|
|
112
112
|
if (renderUserMentionCard) {
|
|
113
|
-
var prefilledProfileData =
|
|
113
|
+
var prefilledProfileData = {
|
|
114
114
|
accountId: id,
|
|
115
115
|
name: text.replace(AT_PREFIX_REGEX, '')
|
|
116
|
-
}
|
|
116
|
+
};
|
|
117
117
|
return /*#__PURE__*/React.createElement(React.Fragment, null, renderUserMentionCard({
|
|
118
118
|
userId: id,
|
|
119
119
|
cloudId: cloudId,
|
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
|
|
7
7
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
8
8
|
import { css } from '@emotion/react';
|
|
9
|
-
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
10
9
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
11
10
|
// Wraps the navigation bar and extensionFrames
|
|
12
11
|
var mbeExtensionContainerOld = css({
|
|
@@ -127,39 +126,6 @@ var extensionFrameContent = css({
|
|
|
127
126
|
marginTop: "var(--ds-space-100, 8px)".concat(" !important")
|
|
128
127
|
}
|
|
129
128
|
});
|
|
130
|
-
|
|
131
|
-
// Block spacing hook variant of extensionFrameContent. Identical to extensionFrameContent except
|
|
132
|
-
// the extension content margins read from the `--ak-editor-extension-block-spacing` CSS custom
|
|
133
|
-
// property (falling back to the original token values). Selected only when
|
|
134
|
-
// isExperimentEnabled('platform_editor_extension_block_spacing') is enabled.
|
|
135
|
-
var extensionFrameContentWithBlockSpacing = css({
|
|
136
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
137
|
-
display: 'block !important',
|
|
138
|
-
minHeight: '100px',
|
|
139
|
-
background: 'transparent',
|
|
140
|
-
borderBottomLeftRadius: "var(--ds-radius-small, 3px)",
|
|
141
|
-
borderBottomRightRadius: "var(--ds-radius-small, 3px)",
|
|
142
|
-
marginLeft: "var(--ds-space-100, 8px)",
|
|
143
|
-
marginRight: "var(--ds-space-100, 8px)",
|
|
144
|
-
cursor: 'initial',
|
|
145
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
146
|
-
'.pm-table-with-controls': {
|
|
147
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
148
|
-
marginLeft: "var(--ds-space-150, 12px)".concat(" !important"),
|
|
149
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
150
|
-
paddingRight: "var(--ds-space-150, 12px)".concat(" !important")
|
|
151
|
-
},
|
|
152
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
153
|
-
'.bodiedExtensionView-content-wrap': {
|
|
154
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
155
|
-
marginTop: "var(--ak-editor-extension-block-spacing, ".concat("var(--ds-space-150, 12px)", ") !important")
|
|
156
|
-
},
|
|
157
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
158
|
-
'.extensionView-content-wrap': {
|
|
159
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
160
|
-
marginTop: "var(--ak-editor-extension-block-spacing, ".concat("var(--ds-space-100, 8px)", ") !important")
|
|
161
|
-
}
|
|
162
|
-
});
|
|
163
129
|
var extensionFrameContentOld = css({
|
|
164
130
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
165
131
|
padding: "var(--ds-space-100, 8px)".concat(" !important"),
|
|
@@ -208,9 +174,6 @@ export var sharedMultiBodiedExtensionStyles = {
|
|
|
208
174
|
if (!expValEquals('confluence_native_tabs_experiment', 'isEnabled', true)) {
|
|
209
175
|
return extensionFrameContentOld;
|
|
210
176
|
}
|
|
211
|
-
|
|
212
|
-
// margins read from --ak-editor-extension-block-spacing (falling back to the originals).
|
|
213
|
-
// isExperimentEnabled always fires an exposure event.
|
|
214
|
-
return isExperimentEnabled('platform_editor_extension_block_spacing') ? extensionFrameContentWithBlockSpacing : extensionFrameContent;
|
|
177
|
+
return extensionFrameContent;
|
|
215
178
|
}
|
|
216
179
|
};
|
|
@@ -6,7 +6,7 @@ import { useContext, useEffect, useMemo, useRef } from 'react';
|
|
|
6
6
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
7
7
|
import { css, jsx } from '@emotion/react';
|
|
8
8
|
import { injectIntl } from 'react-intl';
|
|
9
|
-
import { Stack } from '@atlaskit/primitives/compiled';
|
|
9
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
10
10
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
|
|
11
11
|
import { toolbarInsertBlockMessages as messages } from '../../messages';
|
|
12
12
|
import { OutsideClickTargetRefContext } from '../../ui-react';
|
|
@@ -14,7 +14,11 @@ import Button from '@atlaskit/button/default/button';
|
|
|
14
14
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
15
15
|
import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
|
|
16
16
|
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
17
|
-
import { Box
|
|
17
|
+
import { Box } from '@atlaskit/primitives/box';
|
|
18
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
19
|
+
import { Inline } from '@atlaskit/primitives/inline';
|
|
20
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
21
|
+
import { xcss } from '@atlaskit/primitives/xcss/xcss';
|
|
18
22
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
|
|
19
23
|
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
20
24
|
import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, editorAnalyticsChannel, EVENT_TYPE } from '../../analytics';
|
|
@@ -1,17 +1,4 @@
|
|
|
1
1
|
import type { SerializedStyles } from '@emotion/react';
|
|
2
|
-
/**
|
|
3
|
-
* CSS custom property that controls the vertical margin between editor block elements
|
|
4
|
-
*
|
|
5
|
-
* Consumers can opt in to custom block spacing by setting this property on any ancestor of the
|
|
6
|
-
* editor content (typically `:root` or the editor wrapper). When the property is unset, every block
|
|
7
|
-
* margin rule falls back to its original token/value, so this is a no-op for all existing consumers.
|
|
8
|
-
*
|
|
9
|
-
* The editor only emits the `var(...)` block-margin rules when the
|
|
10
|
-
* `platform_editor_extension_block_spacing` editor experiment is enabled, so the hook can be
|
|
11
|
-
* disabled centrally and its SSR/layout performance impact can be tracked. Setting this property
|
|
12
|
-
* has no effect while the experiment is off.
|
|
13
|
-
*/
|
|
14
|
-
export declare const EXTENSION_BLOCK_SPACING_VAR = "--ak-editor-extension-block-spacing";
|
|
15
2
|
export declare const wrapperDefault: SerializedStyles;
|
|
16
3
|
export declare const overlay: SerializedStyles;
|
|
17
4
|
export declare const placeholderFallback: SerializedStyles;
|
|
@@ -3,4 +3,3 @@ export { Extension } from './Extension';
|
|
|
3
3
|
export { default as ExtensionNodeView, ExtensionNode } from './extensionNodeView';
|
|
4
4
|
export { ExtensionComponent } from './ExtensionComponent';
|
|
5
5
|
export type { MacroInteractionDesignFeatureFlags, GetPMNodeHeight } from './types';
|
|
6
|
-
export { EXTENSION_BLOCK_SPACING_VAR } from './Extension/styles';
|
|
@@ -10,6 +10,7 @@ export interface Props {
|
|
|
10
10
|
avatarUrl?: string;
|
|
11
11
|
id: string;
|
|
12
12
|
isAvatarImagePreShaped?: boolean;
|
|
13
|
+
isRovoChat?: boolean;
|
|
13
14
|
localId?: string;
|
|
14
15
|
mentionProvider?: Promise<MentionProvider>;
|
|
15
16
|
onClick?: MentionEventHandler;
|
|
@@ -17,7 +18,6 @@ export interface Props {
|
|
|
17
18
|
onMouseLeave?: MentionEventHandler;
|
|
18
19
|
profilecardProvider: ProfilecardProvider;
|
|
19
20
|
renderAvatarSlot?: boolean;
|
|
20
|
-
isRovoChat?: boolean;
|
|
21
21
|
ssrPlaceholderId?: string;
|
|
22
22
|
text: string;
|
|
23
23
|
userType?: MentionUserType;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-common",
|
|
3
|
-
"version": "132.0.
|
|
3
|
+
"version": "132.0.2",
|
|
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/"
|
|
@@ -241,10 +241,6 @@
|
|
|
241
241
|
"platform_editor_mention_node_avatar": {
|
|
242
242
|
"param": "isEnabled",
|
|
243
243
|
"defaultValue": false
|
|
244
|
-
},
|
|
245
|
-
"platform_mention_profilecard_accessible_name_exp": {
|
|
246
|
-
"param": "isEnabled",
|
|
247
|
-
"defaultValue": false
|
|
248
244
|
}
|
|
249
245
|
}
|
|
250
246
|
}
|