@atlaskit/editor-common 120.10.0 → 120.10.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -0
- package/dist/cjs/card/ui/assets/card.js +2 -2
- package/dist/cjs/card/ui/assets/embed.js +2 -2
- package/dist/cjs/card/ui/assets/inline.js +2 -2
- package/dist/cjs/card/ui/assets/url.js +2 -2
- package/dist/cjs/extensibility/Extension/Extension/index.js +2 -1
- package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js +2 -1
- package/dist/cjs/extensions/UnknownMacroPlaceholder.js +2 -2
- package/dist/cjs/link/ConfigureLinkOverlay/Dropdown.js +2 -2
- package/dist/cjs/link/LinkPicker/EditorLinkPicker/index.js +3 -2
- package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/index.js +3 -3
- package/dist/cjs/media-inline/inline-image-card.js +2 -2
- package/dist/cjs/media-inline/media-inline-image-card.js +5 -5
- package/dist/cjs/media-single/CommentBadge.js +2 -2
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/quick-insert/rank.js +4 -4
- package/dist/cjs/resizer/BreakoutResizer.js +8 -8
- package/dist/cjs/resizer/Resizer.js +3 -2
- package/dist/cjs/toolbar/context.js +2 -2
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/ui/HoverLinkOverlay/index.js +2 -1
- package/dist/cjs/ui/Mention/index.js +1 -2
- package/dist/cjs/ui/TableSelector/index.js +5 -5
- package/dist/cjs/ui-menu/ColorPickerButton/index.js +8 -8
- package/dist/cjs/ui-menu/DropdownMenu/index.js +6 -5
- package/dist/cjs/ui-menu/ToolbarButton/styles.js +2 -2
- package/dist/es2019/card/ui/assets/card.js +2 -2
- package/dist/es2019/card/ui/assets/embed.js +2 -2
- package/dist/es2019/card/ui/assets/inline.js +2 -2
- package/dist/es2019/card/ui/assets/url.js +2 -2
- package/dist/es2019/extensibility/Extension/Extension/index.js +2 -1
- package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js +2 -1
- package/dist/es2019/extensions/UnknownMacroPlaceholder.js +2 -2
- package/dist/es2019/link/ConfigureLinkOverlay/Dropdown.js +2 -2
- package/dist/es2019/link/LinkPicker/EditorLinkPicker/index.js +3 -2
- package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/index.js +3 -3
- package/dist/es2019/media-inline/inline-image-card.js +2 -2
- package/dist/es2019/media-inline/media-inline-image-card.js +4 -4
- package/dist/es2019/media-single/CommentBadge.js +2 -2
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/quick-insert/rank.js +10 -10
- package/dist/es2019/resizer/BreakoutResizer.js +3 -3
- package/dist/es2019/resizer/Resizer.js +3 -3
- package/dist/es2019/toolbar/context.js +2 -2
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui/HoverLinkOverlay/index.js +2 -1
- package/dist/es2019/ui/Mention/index.js +1 -2
- package/dist/es2019/ui/TableSelector/index.js +3 -3
- package/dist/es2019/ui-menu/ColorPickerButton/index.js +7 -7
- package/dist/es2019/ui-menu/DropdownMenu/index.js +6 -5
- package/dist/es2019/ui-menu/ToolbarButton/styles.js +2 -2
- package/dist/esm/card/ui/assets/card.js +2 -2
- package/dist/esm/card/ui/assets/embed.js +2 -2
- package/dist/esm/card/ui/assets/inline.js +2 -2
- package/dist/esm/card/ui/assets/url.js +2 -2
- package/dist/esm/extensibility/Extension/Extension/index.js +2 -1
- package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js +2 -1
- package/dist/esm/extensions/UnknownMacroPlaceholder.js +2 -2
- package/dist/esm/link/ConfigureLinkOverlay/Dropdown.js +2 -2
- package/dist/esm/link/LinkPicker/EditorLinkPicker/index.js +3 -2
- package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/index.js +3 -3
- package/dist/esm/media-inline/inline-image-card.js +2 -2
- package/dist/esm/media-inline/media-inline-image-card.js +4 -4
- package/dist/esm/media-single/CommentBadge.js +2 -2
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/quick-insert/rank.js +4 -4
- package/dist/esm/resizer/BreakoutResizer.js +3 -3
- package/dist/esm/resizer/Resizer.js +3 -3
- package/dist/esm/toolbar/context.js +2 -2
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/ui/HoverLinkOverlay/index.js +2 -1
- package/dist/esm/ui/Mention/index.js +1 -2
- package/dist/esm/ui/TableSelector/index.js +3 -3
- package/dist/esm/ui-menu/ColorPickerButton/index.js +7 -7
- package/dist/esm/ui-menu/DropdownMenu/index.js +6 -5
- package/dist/esm/ui-menu/ToolbarButton/styles.js +2 -2
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 120.10.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`ec66928dbdbeb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ec66928dbdbeb) -
|
|
8
|
+
For the platform_editor_slash_command experiment, reorder Structure items, update slash-command
|
|
9
|
+
icons, move Jira work items to Data & Charts, and move Create Jira work item and Mention to
|
|
10
|
+
Structure. Use BlockSyncedIcon for the Synced block command.
|
|
11
|
+
- [`08bf773f7599a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/08bf773f7599a) -
|
|
12
|
+
Migrate experiments to use the new platform experiment API. This major release removes the
|
|
13
|
+
migrated experiment entries from `@atlaskit/tmp-editor-statsig`'s `editorExperimentsConfig` and
|
|
14
|
+
test overrides. Consumers must replace legacy `expVal`/`expValEquals` calls with
|
|
15
|
+
`@atlaskit/platform-feature-experiments` APIs, using `isExperimentEnabled` for boolean `isEnabled`
|
|
16
|
+
experiments and `expVal` for parameterized experiments; use `mockExpEnabled`/`mockExpDisabled` in
|
|
17
|
+
tests.
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 120.10.0
|
|
4
21
|
|
|
5
22
|
### Minor Changes
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.IconCard = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
10
10
|
// Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
|
|
11
11
|
var IconCardGlyph = function IconCardGlyph(_ref) {
|
|
12
12
|
var ariaLabel = _ref['aria-label'],
|
|
@@ -34,7 +34,7 @@ var iconCardStyle = {
|
|
|
34
34
|
};
|
|
35
35
|
var IconCard = exports.IconCard = function IconCard(_ref2) {
|
|
36
36
|
var label = _ref2.label;
|
|
37
|
-
var style = (0,
|
|
37
|
+
var style = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? iconCardStyle :
|
|
38
38
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props
|
|
39
39
|
{
|
|
40
40
|
width: '24px',
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.IconEmbed = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
10
10
|
// Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
|
|
11
11
|
var IconEmbedGlyph = function IconEmbedGlyph(_ref) {
|
|
12
12
|
var ariaLabel = _ref['aria-label'],
|
|
@@ -34,7 +34,7 @@ var iconEmbedStyle = {
|
|
|
34
34
|
};
|
|
35
35
|
var IconEmbed = exports.IconEmbed = function IconEmbed(_ref2) {
|
|
36
36
|
var label = _ref2.label;
|
|
37
|
-
var style = (0,
|
|
37
|
+
var style = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? iconEmbedStyle :
|
|
38
38
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props
|
|
39
39
|
{
|
|
40
40
|
width: '24px',
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.IconInline = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
10
10
|
// Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
|
|
11
11
|
var IconInlineGlyph = function IconInlineGlyph(_ref) {
|
|
12
12
|
var ariaLabel = _ref['aria-label'],
|
|
@@ -34,7 +34,7 @@ var iconInlineStyle = {
|
|
|
34
34
|
};
|
|
35
35
|
var IconInline = exports.IconInline = function IconInline(_ref2) {
|
|
36
36
|
var label = _ref2.label;
|
|
37
|
-
var style = (0,
|
|
37
|
+
var style = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? iconInlineStyle :
|
|
38
38
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props
|
|
39
39
|
{
|
|
40
40
|
width: '24px',
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.IconUrl = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
10
10
|
// Custom icon ejection - these icons have been migrated away from the deprecated Custom / SVG components to native SVG. Please review whether this icon should be contributed to @atlaskit/icon-lab or whether it can be replaced by an existing icon from either @atlaskit/icon or @atlaskit/icon-lab
|
|
11
11
|
var IconUrlGlyph = function IconUrlGlyph(_ref) {
|
|
12
12
|
var ariaLabel = _ref['aria-label'],
|
|
@@ -36,7 +36,7 @@ var iconUrlStyle = {
|
|
|
36
36
|
};
|
|
37
37
|
var IconUrl = exports.IconUrl = function IconUrl(_ref2) {
|
|
38
38
|
var label = _ref2.label;
|
|
39
|
-
var style = (0,
|
|
39
|
+
var style = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? iconUrlStyle :
|
|
40
40
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props
|
|
41
41
|
{
|
|
42
42
|
width: '24px',
|
|
@@ -12,6 +12,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
var _react2 = require("@emotion/react");
|
|
14
14
|
var _classnames2 = _interopRequireDefault(require("classnames"));
|
|
15
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
15
16
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
16
17
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
17
18
|
var _hooks = require("../../../hooks");
|
|
@@ -237,7 +238,7 @@ var Extension = function Extension(props) {
|
|
|
237
238
|
lineLength: lineLength
|
|
238
239
|
};
|
|
239
240
|
}, [width, lineLength]);
|
|
240
|
-
var widthState = (0,
|
|
241
|
+
var widthState = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedWidthState : {
|
|
241
242
|
width: width !== null && width !== void 0 ? width : 0,
|
|
242
243
|
lineLength: lineLength
|
|
243
244
|
};
|
|
@@ -11,6 +11,7 @@ var _react2 = require("@emotion/react");
|
|
|
11
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
12
12
|
var _reactIntl = require("react-intl");
|
|
13
13
|
var _customize = _interopRequireDefault(require("@atlaskit/icon/core/customize"));
|
|
14
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
14
15
|
var _primitives = require("@atlaskit/primitives");
|
|
15
16
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
16
17
|
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
@@ -154,7 +155,7 @@ var ExtensionLabel = exports.ExtensionLabel = function ExtensionLabel(_ref) {
|
|
|
154
155
|
macroName: text
|
|
155
156
|
};
|
|
156
157
|
}, [text]);
|
|
157
|
-
var tooltipValues = (0,
|
|
158
|
+
var tooltipValues = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedTooltipValues : {
|
|
158
159
|
macroName: text
|
|
159
160
|
};
|
|
160
161
|
return (
|
|
@@ -13,7 +13,7 @@ var React = _react;
|
|
|
13
13
|
var _runtime = require("@compiled/react/runtime");
|
|
14
14
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
15
|
var _reactIntl = require("react-intl");
|
|
16
|
-
var
|
|
16
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
17
17
|
var _messages = require("./messages");
|
|
18
18
|
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
19
|
// Unknown macro placeholder styling aligned with Legacy Content Macro (LCM) for consistent look
|
|
@@ -57,7 +57,7 @@ function UnknownMacroPlaceholder(_ref) {
|
|
|
57
57
|
return formatParam(key, param);
|
|
58
58
|
}).join(' | ');
|
|
59
59
|
}, [macroParams]);
|
|
60
|
-
var visibleParams = (0,
|
|
60
|
+
var visibleParams = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedVisibleParams :
|
|
61
61
|
// eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- intentional fallback for experiment off path
|
|
62
62
|
Object.entries(macroParamsOld).filter(function (_ref6) {
|
|
63
63
|
var _ref7 = (0, _slicedToArray2.default)(_ref6, 1),
|
|
@@ -17,7 +17,7 @@ var _dropdownMenuItemGroup = _interopRequireDefault(require("@atlaskit/dropdown-
|
|
|
17
17
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
|
|
18
18
|
var _customize = _interopRequireDefault(require("@atlaskit/icon/core/customize"));
|
|
19
19
|
var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
|
|
20
|
-
var
|
|
20
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
21
21
|
var _messages = require("../../messages");
|
|
22
22
|
var _StyledButton = require("./StyledButton");
|
|
23
23
|
var _useLinkOverlayAnalyticsEvents = require("./useLinkOverlayAnalyticsEvents");
|
|
@@ -94,7 +94,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
94
94
|
}));
|
|
95
95
|
}, [configureLinkLabel, fireLinkClickEvent]);
|
|
96
96
|
return (0, _react2.jsx)(_dropdownMenu.default, {
|
|
97
|
-
trigger: (0,
|
|
97
|
+
trigger: (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedTrigger : function (_ref4) {
|
|
98
98
|
var _onClick2 = _ref4.onClick,
|
|
99
99
|
triggerRef = _ref4.triggerRef,
|
|
100
100
|
props = (0, _objectWithoutProperties2.default)(_ref4, _excluded2);
|
|
@@ -12,6 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
12
12
|
var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
|
|
13
13
|
var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
|
|
14
14
|
var _lazy = require("@atlaskit/link-picker/lazy");
|
|
15
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
15
16
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
16
17
|
var _utils = require("../../../utils");
|
|
17
18
|
var _useEscapeClickaway = require("./useEscapeClickaway");
|
|
@@ -80,12 +81,12 @@ var EditorLinkPicker = exports.EditorLinkPicker = function EditorLinkPicker(_ref
|
|
|
80
81
|
location: analyticsEditorAppearance
|
|
81
82
|
};
|
|
82
83
|
}, [invokeMethod, analyticsEditorAppearance]);
|
|
83
|
-
var returnFocus = (0,
|
|
84
|
+
var returnFocus = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? PREVENT_SCROLL :
|
|
84
85
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
|
|
85
86
|
{
|
|
86
87
|
preventScroll: true
|
|
87
88
|
};
|
|
88
|
-
var focusOptions = (0,
|
|
89
|
+
var focusOptions = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? PREVENT_SCROLL :
|
|
89
90
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
|
|
90
91
|
{
|
|
91
92
|
preventScroll: true
|
|
@@ -9,7 +9,7 @@ exports.HyperlinkAddToolbar = HyperlinkAddToolbar;
|
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var
|
|
12
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
13
13
|
var _analytics = require("../../../analytics");
|
|
14
14
|
var _providerFactory = require("../../../provider-factory");
|
|
15
15
|
var _EditorLinkPicker = require("../EditorLinkPicker");
|
|
@@ -93,13 +93,13 @@ function HyperlinkAddToolbar(_ref2) {
|
|
|
93
93
|
timesViewed: timesViewed
|
|
94
94
|
});
|
|
95
95
|
}, [lpLinkPicker, isOffline, view, invokeMethod, inputMethod, editorAppearance, linkPickerOptions, displayUrl, displayText, onSubmit, memoizedOnSubmitWithInterface, onCancel, onClose, onEscapeCallback, onClickAwayCallback, searchSessionId, timesViewed]);
|
|
96
|
-
var providers = (0,
|
|
96
|
+
var providers = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? HYPERLINK_PROVIDERS :
|
|
97
97
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
|
|
98
98
|
['activityProvider', 'searchProvider'];
|
|
99
99
|
return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
|
|
100
100
|
providers: providers,
|
|
101
101
|
providerFactory: providerFactory,
|
|
102
|
-
renderNode: (0,
|
|
102
|
+
renderNode: (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedRenderNode :
|
|
103
103
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
|
|
104
104
|
function (_ref4) {
|
|
105
105
|
var activityProvider = _ref4.activityProvider,
|
|
@@ -9,7 +9,7 @@ var _react2 = require("@emotion/react");
|
|
|
9
9
|
var _mediaCommon = require("@atlaskit/media-common");
|
|
10
10
|
var _useFilePreview2 = require("@atlaskit/media-file-preview/use-file-preview");
|
|
11
11
|
var _mediaImage = require("@atlaskit/media-ui/mediaImage");
|
|
12
|
-
var
|
|
12
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
13
13
|
var _loadingView = require("./views/loading-view");
|
|
14
14
|
/**
|
|
15
15
|
* @jsxRuntime classic
|
|
@@ -64,7 +64,7 @@ var InlineImageCard = exports.InlineImageCard = function InlineImageCard(_ref) {
|
|
|
64
64
|
dataURI: preview.dataURI,
|
|
65
65
|
alt: alt,
|
|
66
66
|
previewOrientation: preview.orientation,
|
|
67
|
-
onImageLoad: (0,
|
|
67
|
+
onImageLoad: (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedOnImageLoad : function () {
|
|
68
68
|
onImageLoad(preview);
|
|
69
69
|
},
|
|
70
70
|
onImageError: onImageError,
|
|
@@ -16,8 +16,8 @@ var _mediaCard = require("@atlaskit/media-card");
|
|
|
16
16
|
var _mediaClient = require("@atlaskit/media-client");
|
|
17
17
|
var _mediaClientProvider = require("@atlaskit/media-client-react/media-client-provider");
|
|
18
18
|
var _mediaViewer = require("@atlaskit/media-viewer");
|
|
19
|
-
var
|
|
20
|
-
var
|
|
19
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
20
|
+
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
21
21
|
var _mediaInlineCard = require("../messages/media-inline-card");
|
|
22
22
|
var _constants = require("./constants");
|
|
23
23
|
var _inlineImageCard = require("./inline-image-card");
|
|
@@ -150,7 +150,7 @@ var MediaInlineImageCardInternal = exports.MediaInlineImageCardInternal = functi
|
|
|
150
150
|
}, (0, _react2.jsx)(_inlineImageCard.InlineImageCard, {
|
|
151
151
|
dimensions: dimensions,
|
|
152
152
|
identifier: identifier,
|
|
153
|
-
renderError: (0,
|
|
153
|
+
renderError: (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedRenderError :
|
|
154
154
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
|
|
155
155
|
function () {
|
|
156
156
|
return (0, _react2.jsx)(_errorView.InlineImageCardErrorView, {
|
|
@@ -212,7 +212,7 @@ var MediaInlineImageCardInternal = exports.MediaInlineImageCardInternal = functi
|
|
|
212
212
|
// In edit mode (node content wrapper has contenteditable set to true), link redirection is disabled by default
|
|
213
213
|
// We need to call "stopPropagation" here in order to prevent in editor view mode, the browser from navigating to
|
|
214
214
|
// another URL if the media node is wrapped in a link mark.
|
|
215
|
-
if (isViewOnly && (0,
|
|
215
|
+
if (isViewOnly && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
|
|
216
216
|
e.preventDefault();
|
|
217
217
|
}
|
|
218
218
|
}, [shouldOpenMediaViewer, isViewOnly]);
|
|
@@ -226,7 +226,7 @@ var MediaInlineImageCardInternal = exports.MediaInlineImageCardInternal = functi
|
|
|
226
226
|
if (isMediaViewerVisible && mediaClient !== null && mediaClient !== void 0 && mediaClient.mediaClientConfig) {
|
|
227
227
|
return /*#__PURE__*/_reactDom.default.createPortal((0, _react2.jsx)(_mediaViewer.MediaViewer, {
|
|
228
228
|
collectionName: identifier.collectionName || '',
|
|
229
|
-
items: (0,
|
|
229
|
+
items: (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedMediaViewerItems :
|
|
230
230
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
|
|
231
231
|
[identifier],
|
|
232
232
|
mediaClientConfig: mediaClient === null || mediaClient === void 0 ? void 0 : mediaClient.mediaClientConfig,
|
|
@@ -18,7 +18,7 @@ var _debounce = _interopRequireDefault(require("lodash/debounce"));
|
|
|
18
18
|
var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button/custom-theme-button"));
|
|
19
19
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
20
20
|
var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
|
|
21
|
-
var
|
|
21
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
22
22
|
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
23
23
|
var _media = require("../media");
|
|
24
24
|
var _getBadgeSize = require("./getBadgeSize");
|
|
@@ -99,7 +99,7 @@ var CommentBadge = exports.CommentBadge = /*#__PURE__*/(0, _react.forwardRef)(fu
|
|
|
99
99
|
alignItems: 'center'
|
|
100
100
|
};
|
|
101
101
|
}, [badgeDimensions, colourToken]);
|
|
102
|
-
var badgeStyle = (0,
|
|
102
|
+
var badgeStyle = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedBadgeStyle : {
|
|
103
103
|
height: badgeDimensions,
|
|
104
104
|
width: badgeDimensions,
|
|
105
105
|
background: colourToken,
|
|
@@ -28,7 +28,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
28
28
|
var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
29
29
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
30
30
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
31
|
-
var packageVersion = "120.
|
|
31
|
+
var packageVersion = "120.10.0";
|
|
32
32
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
33
33
|
// Remove URL as it has UGC
|
|
34
34
|
// Ignored via go/ees007
|
|
@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.TEXT_FORMATTING_SECTION_RANK = exports.STRUCTURE_SECTION_RANK = exports.ROVO_SECTION_RANK = exports.QUICK_INSERT_MENU_RANK = exports.OTHER_SECTION_RANK = exports.MEDIA_SECTION_RANK = exports.EXTENSION_ITEM_RANK = exports.DATA_AND_CHARTS_SECTION_RANK = exports.CATEGORY_VIEW_MORE_RANK = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _keys = require("./keys");
|
|
10
|
-
var _STRUCTURE_SECTION_RA
|
|
10
|
+
var _STRUCTURE_SECTION_RA;
|
|
11
11
|
/* eslint-disable @atlaskit/volt-strict-mode/no-multiple-exports */
|
|
12
12
|
var QUICK_INSERT_MENU_RANK = exports.QUICK_INSERT_MENU_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.RECOMMENDED_SECTION.key, 0), _keys.STRUCTURE_SECTION.key, 1), _keys.MEDIA_SECTION.key, 2), _keys.EMBED_SECTION.key, 3), _keys.TEXT_FORMATTING_SECTION.key, 4), _keys.ROVO_SECTION.key, 5), _keys.DATA_AND_CHARTS_SECTION.key, 6), _keys.BLOCK_TEMPLATES_SECTION.key, 7), _keys.OTHER_SECTION.key, 8);
|
|
13
|
-
var STRUCTURE_SECTION_RANK = exports.STRUCTURE_SECTION_RANK = (_STRUCTURE_SECTION_RA = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_STRUCTURE_SECTION_RA, _keys.ACTION_MENU_ITEM.key, 100), _keys.TABLE_MENU_ITEM.key, 200), _keys.STATUS_MENU_ITEM.key, 300), _keys.DATE_MENU_ITEM.key, 400), _keys.
|
|
14
|
-
var MEDIA_SECTION_RANK = exports.MEDIA_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(
|
|
15
|
-
var TEXT_FORMATTING_SECTION_RANK = exports.TEXT_FORMATTING_SECTION_RANK = (
|
|
13
|
+
var STRUCTURE_SECTION_RANK = exports.STRUCTURE_SECTION_RANK = (_STRUCTURE_SECTION_RA = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_STRUCTURE_SECTION_RA, _keys.ACTION_MENU_ITEM.key, 100), _keys.TABLE_MENU_ITEM.key, 200), _keys.STATUS_MENU_ITEM.key, 300), _keys.DATE_MENU_ITEM.key, 400), _keys.MENTION_MENU_ITEM.key, 500), _keys.EXPAND_MENU_ITEM.key, 700), _keys.CODE_BLOCK_MENU_ITEM.key, 800), _keys.INFO_PANEL_MENU_ITEM.key, 900), _keys.NOTE_PANEL_MENU_ITEM.key, 1000), _keys.SUCCESS_PANEL_MENU_ITEM.key, 1100), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_STRUCTURE_SECTION_RA, _keys.WARNING_PANEL_MENU_ITEM.key, 1200), _keys.ERROR_PANEL_MENU_ITEM.key, 1300), _keys.CUSTOM_PANEL_MENU_ITEM.key, 1400), _keys.TWO_COLUMNS_LAYOUT_MENU_ITEM.key, 1500), _keys.THREE_COLUMNS_LAYOUT_MENU_ITEM.key, 1600), _keys.FOUR_COLUMNS_LAYOUT_MENU_ITEM.key, 1700), _keys.FIVE_COLUMNS_LAYOUT_MENU_ITEM.key, 1800), _keys.SYNCED_BLOCK_MENU_ITEM.key, 2300), _keys.RULE_MENU_ITEM.key, 2400), _keys.DECISION_MENU_ITEM.key, 2800));
|
|
14
|
+
var MEDIA_SECTION_RANK = exports.MEDIA_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.MEDIA_INSERT_MENU_ITEM.key, 100), _keys.HYPERLINK_MENU_ITEM.key, 200), _keys.EMOJI_MENU_ITEM.key, 300), _keys.LOOM_MENU_ITEM.key, 400), _keys.AI_IMAGE_GENERATION_MENU_ITEM.key, 600);
|
|
15
|
+
var TEXT_FORMATTING_SECTION_RANK = exports.TEXT_FORMATTING_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.HEADING_1_MENU_ITEM.key, 100), _keys.HEADING_2_MENU_ITEM.key, 200), _keys.HEADING_3_MENU_ITEM.key, 300), _keys.HEADING_4_MENU_ITEM.key, 400), _keys.HEADING_5_MENU_ITEM.key, 500), _keys.HEADING_6_MENU_ITEM.key, 600), _keys.BLOCKQUOTE_MENU_ITEM.key, 700), _keys.PLACEHOLDER_TEXT_MENU_ITEM.key, 900), _keys.UNORDERED_LIST_MENU_ITEM.key, 1100), _keys.ORDERED_LIST_MENU_ITEM.key, 1200);
|
|
16
16
|
var ROVO_SECTION_RANK = exports.ROVO_SECTION_RANK = (0, _defineProperty2.default)({}, _keys.ASK_ROVO_MENU_ITEM.key, 100);
|
|
17
17
|
var DATA_AND_CHARTS_SECTION_RANK = exports.DATA_AND_CHARTS_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.JIRA_WORK_ITEMS_MENU_ITEM.key, 300), _keys.ASSETS_MENU_ITEM.key, 500);
|
|
18
18
|
var OTHER_SECTION_RANK = exports.OTHER_SECTION_RANK = (0, _defineProperty2.default)({}, _keys.HELP_DIALOG_MENU_ITEM.key, 100);
|
|
@@ -10,8 +10,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _bindEventListener = require("bind-event-listener");
|
|
12
12
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
13
|
-
var
|
|
14
|
-
var
|
|
13
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
14
|
+
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
15
15
|
var _analytics = require("../analytics");
|
|
16
16
|
var _styles = require("../styles");
|
|
17
17
|
var _browser = require("../utils/browser");
|
|
@@ -132,7 +132,7 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
|
|
|
132
132
|
setResizingState = _useState2[1];
|
|
133
133
|
var areResizeMetaKeysPressed = (0, _react.useRef)(false);
|
|
134
134
|
var resizerRef = (0, _react.useRef)(null);
|
|
135
|
-
var _useBreakoutGuideline = (0, _useBreakoutGuidelines.useBreakoutGuidelines)(getEditorWidth, isResizing && (0,
|
|
135
|
+
var _useBreakoutGuideline = (0, _useBreakoutGuidelines.useBreakoutGuidelines)(getEditorWidth, isResizing && (0, _experiments.editorExperiment)('single_column_layouts', true), dynamicFullWidthGuidelineOffset),
|
|
136
136
|
snaps = _useBreakoutGuideline.snaps,
|
|
137
137
|
currentLayout = _useBreakoutGuideline.currentLayout,
|
|
138
138
|
guidelines = _useBreakoutGuideline.guidelines,
|
|
@@ -170,7 +170,7 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
|
|
|
170
170
|
state = editorView.state;
|
|
171
171
|
displayGapCursor(false);
|
|
172
172
|
if (widthState !== undefined && widthState.lineLength !== undefined && widthState.width !== undefined) {
|
|
173
|
-
var padding = widthState.width <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0,
|
|
173
|
+
var padding = widthState.width <= _editorSharedStyles.akEditorFullPageNarrowBreakout && (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true, {
|
|
174
174
|
exposure: true
|
|
175
175
|
}) ? _editorSharedStyles.akEditorGutterPaddingReduced : (0, _editorSharedStyles.akEditorGutterPaddingDynamic)();
|
|
176
176
|
newMaxWidth = Math.min(widthState.width - padding * 2 - _editorSharedStyles.akEditorGutterPadding, _editorSharedStyles.akEditorFullWidthLayoutWidth);
|
|
@@ -184,7 +184,7 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
|
|
|
184
184
|
dispatch(state.tr.setMeta('is-resizer-resizing', true));
|
|
185
185
|
}, [onResizeStart, getEditorWidth, editorView, displayGapCursor]);
|
|
186
186
|
var handleResize = (0, _react.useCallback)(function (originalState, delta) {
|
|
187
|
-
if ((0,
|
|
187
|
+
if ((0, _experiments.editorExperiment)('single_column_layouts', true)) {
|
|
188
188
|
var newWidth = originalState.width + delta.width;
|
|
189
189
|
setCurrentWidth(newWidth);
|
|
190
190
|
}
|
|
@@ -201,7 +201,7 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
|
|
|
201
201
|
var node = state.doc.nodeAt(pos);
|
|
202
202
|
var newTr = state.tr;
|
|
203
203
|
if (node && breakoutSupportedNodes.includes(node.type.name)) {
|
|
204
|
-
if (currentLayout && ['wide', 'full-width'].includes(currentLayout) && (0,
|
|
204
|
+
if (currentLayout && ['wide', 'full-width'].includes(currentLayout) && (0, _experiments.editorExperiment)('single_column_layouts', true)) {
|
|
205
205
|
newTr.setNodeMarkup(pos, node.type, node.attrs, [breakout.create({
|
|
206
206
|
mode: currentLayout,
|
|
207
207
|
width: null
|
|
@@ -335,7 +335,7 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
|
|
|
335
335
|
}
|
|
336
336
|
return /*#__PURE__*/_react.default.createElement(_Resizer.default, {
|
|
337
337
|
ref: resizerRef,
|
|
338
|
-
enable: (0,
|
|
338
|
+
enable: (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? RESIZER_ENABLE_HANDLES : {
|
|
339
339
|
left: true,
|
|
340
340
|
right: true
|
|
341
341
|
},
|
|
@@ -357,7 +357,7 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
|
|
|
357
357
|
handleHighlight: "full-height",
|
|
358
358
|
handlePositioning: "adjacent",
|
|
359
359
|
handleAlignmentMethod: "sticky",
|
|
360
|
-
labelComponent: currentLayout && (0,
|
|
360
|
+
labelComponent: currentLayout && (0, _experiments.editorExperiment)('single_column_layouts', true) && ['full-width', 'wide'].includes(currentLayout || '') && /*#__PURE__*/_react.default.createElement(_ResizerBreakoutModeLabel.ResizerBreakoutModeLabel, {
|
|
361
361
|
layout: currentLayout
|
|
362
362
|
})
|
|
363
363
|
});
|
|
@@ -14,6 +14,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
14
14
|
var _classnames3 = _interopRequireDefault(require("classnames"));
|
|
15
15
|
var _reResizable = require("re-resizable");
|
|
16
16
|
var _reactIntl = require("react-intl");
|
|
17
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
17
18
|
var _primitives = require("@atlaskit/primitives");
|
|
18
19
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
19
20
|
var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
|
|
@@ -177,7 +178,7 @@ var ResizerNext = function ResizerNext(props, ref) {
|
|
|
177
178
|
return _objectSpread(_objectSpread({}, result), {}, (0, _defineProperty2.default)({}, position, _objectSpread(_objectSpread({}, position === 'bottom' ? memoizedBaseBottomHandleStyles : memoizedBaseHorizontalHandleStyles), {}, (0, _defineProperty2.default)({}, position, offset), handleStyles === null || handleStyles === void 0 ? void 0 : handleStyles[position])));
|
|
178
179
|
}, {});
|
|
179
180
|
}, [memoizedBaseBottomHandleStyles, memoizedBaseHorizontalHandleStyles, offset, handleStyles, supportedHandles]);
|
|
180
|
-
var nextHandleStyles = (0,
|
|
181
|
+
var nextHandleStyles = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedNextHandleStyles :
|
|
181
182
|
// eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- intentional fallback for experiment off path
|
|
182
183
|
supportedHandles.reduce(function (result, position) {
|
|
183
184
|
return _objectSpread(_objectSpread({}, result), {}, (0, _defineProperty2.default)({}, position, _objectSpread(_objectSpread({}, position === 'bottom' ? baseBottomHandleStyles : baseHorizontalHandleStyles), {}, (0, _defineProperty2.default)({}, position, offset), handleStyles === null || handleStyles === void 0 ? void 0 : handleStyles[position])));
|
|
@@ -252,7 +253,7 @@ var ResizerNext = function ResizerNext(props, ref) {
|
|
|
252
253
|
height: resolvedHeight
|
|
253
254
|
};
|
|
254
255
|
}, [resolvedHeight, width]);
|
|
255
|
-
var resizerSize = (0,
|
|
256
|
+
var resizerSize = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? resizerAutoSize :
|
|
256
257
|
// eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
|
|
257
258
|
{
|
|
258
259
|
width: width !== null && width !== void 0 ? width : 'auto',
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.useEditorToolbar = exports.EditorToolbarProvider = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
10
10
|
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); }
|
|
11
11
|
var EditorToolbarContext = /*#__PURE__*/(0, _react.createContext)({
|
|
12
12
|
editorView: null,
|
|
@@ -42,7 +42,7 @@ var EditorToolbarProvider = exports.EditorToolbarProvider = function EditorToolb
|
|
|
42
42
|
isOffline: isOffline
|
|
43
43
|
};
|
|
44
44
|
}, [editorView, editorAppearance, editorViewMode, editorToolbarDockingPreference, isOffline]);
|
|
45
|
-
var contextValue = (0,
|
|
45
|
+
var contextValue = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedValue : {
|
|
46
46
|
editorView: editorView,
|
|
47
47
|
editorAppearance: editorAppearance,
|
|
48
48
|
editorViewMode: editorViewMode,
|
|
@@ -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 = "120.
|
|
27
|
+
var packageVersion = "120.10.0";
|
|
28
28
|
var halfFocusRing = 1;
|
|
29
29
|
var dropOffset = '0, 8';
|
|
30
30
|
var fadeIn = (0, _react2.keyframes)({
|
|
@@ -15,6 +15,7 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
|
15
15
|
var _growDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/grow-diagonal"));
|
|
16
16
|
var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
|
|
17
17
|
var _panelRight = _interopRequireDefault(require("@atlaskit/icon/core/panel-right"));
|
|
18
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
18
19
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
19
20
|
var _primitives = require("@atlaskit/primitives");
|
|
20
21
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
@@ -133,7 +134,7 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
|
|
|
133
134
|
paddingBlock: compactPadding ? '1px' : regularPadding
|
|
134
135
|
};
|
|
135
136
|
}, [compactPadding, regularPadding]);
|
|
136
|
-
var hoverLinkStyles = (0,
|
|
137
|
+
var hoverLinkStyles = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedHoverLinkStyles : {
|
|
137
138
|
paddingBlock: compactPadding ? '1px' : DYNAMIC_PADDING_BLOCK
|
|
138
139
|
};
|
|
139
140
|
(0, _react.useLayoutEffect)(function () {
|
|
@@ -14,7 +14,6 @@ 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
16
|
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
17
|
-
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
18
17
|
var _providerFactory = require("../../provider-factory");
|
|
19
18
|
var _mentionWithProviders = require("./mention-with-providers");
|
|
20
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); }
|
|
@@ -85,7 +84,7 @@ var Mention = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
85
84
|
}, {
|
|
86
85
|
key: "render",
|
|
87
86
|
value: function render() {
|
|
88
|
-
var providers = (0,
|
|
87
|
+
var providers = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? MENTION_PROVIDERS : ['mentionProvider', 'profilecardProvider'];
|
|
89
88
|
return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
|
|
90
89
|
providers: providers,
|
|
91
90
|
providerFactory: this.providerFactory,
|
|
@@ -12,8 +12,8 @@ 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
|
|
16
|
-
var
|
|
15
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
16
|
+
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
17
17
|
var _uiReact = require("../../ui-react");
|
|
18
18
|
var _Popup = _interopRequireDefault(require("../Popup"));
|
|
19
19
|
var _tableSelector = _interopRequireWildcard(require("./table-selector"));
|
|
@@ -180,7 +180,7 @@ var TableSelectorPopup = exports.TableSelectorPopup = function TableSelectorPopu
|
|
|
180
180
|
maxRow: getMaxRow(prevSize, event.key)
|
|
181
181
|
});
|
|
182
182
|
});
|
|
183
|
-
if ((0,
|
|
183
|
+
if ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
|
|
184
184
|
event.preventDefault();
|
|
185
185
|
}
|
|
186
186
|
}
|
|
@@ -225,7 +225,7 @@ var TableSelectorPopup = exports.TableSelectorPopup = function TableSelectorPopu
|
|
|
225
225
|
maxRow: getMaxRow(prevSize, event.key)
|
|
226
226
|
});
|
|
227
227
|
});
|
|
228
|
-
if ((0,
|
|
228
|
+
if ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1')) {
|
|
229
229
|
event.preventDefault();
|
|
230
230
|
}
|
|
231
231
|
}
|
|
@@ -241,7 +241,7 @@ var TableSelectorPopup = exports.TableSelectorPopup = function TableSelectorPopu
|
|
|
241
241
|
}
|
|
242
242
|
return unbind;
|
|
243
243
|
}, [handleMouseMove, props.allowOutsideSelection, tablePopupRef]);
|
|
244
|
-
var offset = (0,
|
|
244
|
+
var offset = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? POPUP_OFFSET : [0, 3];
|
|
245
245
|
return (0, _react2.jsx)(_Popup.default, {
|
|
246
246
|
target: props.target,
|
|
247
247
|
offset: offset,
|
|
@@ -14,9 +14,9 @@ var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-
|
|
|
14
14
|
var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
|
|
15
15
|
var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
|
|
16
16
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
|
|
17
|
+
var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
|
|
17
18
|
var _primitives = require("@atlaskit/primitives");
|
|
18
|
-
var
|
|
19
|
-
var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
|
|
19
|
+
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
20
20
|
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
21
21
|
var _analytics = require("../../analytics");
|
|
22
22
|
var _colorPickerButton = require("../../messages/color-picker-button");
|
|
@@ -90,7 +90,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
|
|
|
90
90
|
var memoizedHandleClose = (0, _react.useCallback)(function () {
|
|
91
91
|
return setIsPopupOpen(false);
|
|
92
92
|
}, [setIsPopupOpen]);
|
|
93
|
-
var handleClose = (0,
|
|
93
|
+
var handleClose = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedHandleClose : function () {
|
|
94
94
|
return setIsPopupOpen(false);
|
|
95
95
|
};
|
|
96
96
|
var memoizedTogglePopup = (0, _react.useCallback)(function () {
|
|
@@ -102,7 +102,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
|
|
|
102
102
|
return !prevIsOpen;
|
|
103
103
|
});
|
|
104
104
|
}, []);
|
|
105
|
-
var togglePopup = (0,
|
|
105
|
+
var togglePopup = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedTogglePopup : function () {
|
|
106
106
|
setIsPopupOpen(!isPopupOpen);
|
|
107
107
|
if (!isPopupOpen) {
|
|
108
108
|
setIsOpenedByKeyboard(false);
|
|
@@ -116,7 +116,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
|
|
|
116
116
|
setIsOpenedByKeyboard(true);
|
|
117
117
|
}
|
|
118
118
|
}, [memoizedTogglePopup]);
|
|
119
|
-
var onKeyDown = (0,
|
|
119
|
+
var onKeyDown = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedOnKeyDown : function (event) {
|
|
120
120
|
if (event.key === 'Enter' || event.key === ' ') {
|
|
121
121
|
event.preventDefault();
|
|
122
122
|
togglePopup();
|
|
@@ -130,7 +130,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
|
|
|
130
130
|
paletteColorTooltipMessages: props.paletteColorTooltipMessages
|
|
131
131
|
};
|
|
132
132
|
}, [props.colorPalette, props.hexToPaletteColor, props.paletteColorTooltipMessages]);
|
|
133
|
-
var paletteOptions = (0,
|
|
133
|
+
var paletteOptions = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? memoizedPaletteOptions : {
|
|
134
134
|
palette: props.colorPalette,
|
|
135
135
|
hexToPaletteColor: props.hexToPaletteColor,
|
|
136
136
|
paletteColorTooltipMessages: props.paletteColorTooltipMessages
|
|
@@ -201,7 +201,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
|
|
|
201
201
|
target: buttonRef.current,
|
|
202
202
|
fitHeight: 350,
|
|
203
203
|
fitWidth: 350,
|
|
204
|
-
offset: (0,
|
|
204
|
+
offset: (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_perf_lint_cleanup') ? COLOR_PICKER_POPUP_OFFSET : [0, 10],
|
|
205
205
|
alignX: props.alignX,
|
|
206
206
|
mountTo: props.setDisableParentScroll ? props.mountPoint : undefined,
|
|
207
207
|
absoluteOffset: props.absoluteOffset
|
|
@@ -272,7 +272,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
|
|
|
272
272
|
ref: buttonRef,
|
|
273
273
|
"aria-label": title,
|
|
274
274
|
"aria-expanded": props.isAriaExpanded ? isPopupOpen : undefined,
|
|
275
|
-
spacing: (0,
|
|
275
|
+
spacing: (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? 'default' : 'compact',
|
|
276
276
|
onClick: togglePopup,
|
|
277
277
|
onKeyDown: onKeyDown,
|
|
278
278
|
"data-selected-color": props.currentColor,
|