@atlaskit/editor-core 203.2.8 → 203.2.10
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 +20 -0
- package/dist/cjs/CollapsedEditor/index.js +6 -9
- package/dist/cjs/actions/index.js +1 -2
- package/dist/cjs/create-editor/ErrorBoundary.js +10 -13
- package/dist/cjs/create-editor/ReactEditorView.js +25 -28
- package/dist/cjs/editor.js +5 -7
- package/dist/cjs/nodeviews/getInlineNodeViewProducer.styles.js +7 -6
- package/dist/cjs/ui/Addon/ClickAreaMobile/index.js +7 -10
- package/dist/cjs/ui/Addon/Dropdown/index.js +6 -9
- package/dist/cjs/ui/Appearance/Chromeless.js +8 -11
- package/dist/cjs/ui/Appearance/FullPage/StyledComponents.js +6 -5
- package/dist/cjs/ui/ChromeCollapsed/index.js +7 -10
- package/dist/cjs/ui/ChromeCollapsed/styles.js +1 -1
- package/dist/cjs/ui/CollapsedEditor/index.js +6 -9
- package/dist/cjs/ui/ContentStyles/ai-panels.js +6 -6
- package/dist/cjs/ui/ContentStyles/layout.js +10 -4
- package/dist/cjs/ui/ContextPanel/index.js +9 -12
- package/dist/cjs/ui/EditorContext/index.js +8 -12
- package/dist/cjs/ui/ErrorBoundary/index.js +6 -9
- package/dist/cjs/ui/PluginSlot/index.js +9 -12
- package/dist/cjs/ui/Toolbar/ToolbarInner.js +5 -7
- package/dist/cjs/ui/WithEditorActions/index.js +12 -19
- package/dist/cjs/ui/WithFlash/index.js +6 -9
- package/dist/cjs/ui/WithHelpTrigger/index.js +6 -9
- package/dist/cjs/utils/performance/plugin-performance-observer.js +1 -2
- package/dist/cjs/utils/performance/plugin-performance-report.js +1 -2
- package/dist/cjs/utils/performance/track-transactions.js +1 -2
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/ChromeCollapsed/styles.js +1 -1
- package/dist/es2019/ui/ContentStyles/layout.js +68 -26
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/CollapsedEditor/index.js +6 -9
- package/dist/esm/actions/index.js +1 -2
- package/dist/esm/create-editor/ErrorBoundary.js +10 -13
- package/dist/esm/create-editor/ReactEditorView.js +25 -28
- package/dist/esm/editor.js +5 -7
- package/dist/esm/nodeviews/getInlineNodeViewProducer.styles.js +5 -6
- package/dist/esm/ui/Addon/ClickAreaMobile/index.js +7 -10
- package/dist/esm/ui/Addon/Dropdown/index.js +6 -9
- package/dist/esm/ui/Appearance/Chromeless.js +8 -11
- package/dist/esm/ui/Appearance/FullPage/StyledComponents.js +4 -5
- package/dist/esm/ui/ChromeCollapsed/index.js +7 -10
- package/dist/esm/ui/ChromeCollapsed/styles.js +1 -1
- package/dist/esm/ui/CollapsedEditor/index.js +6 -9
- package/dist/esm/ui/ContentStyles/ai-panels.js +6 -6
- package/dist/esm/ui/ContentStyles/layout.js +10 -4
- package/dist/esm/ui/ContextPanel/index.js +9 -12
- package/dist/esm/ui/EditorContext/index.js +8 -12
- package/dist/esm/ui/ErrorBoundary/index.js +6 -9
- package/dist/esm/ui/PluginSlot/index.js +9 -12
- package/dist/esm/ui/Toolbar/ToolbarInner.js +5 -7
- package/dist/esm/ui/WithEditorActions/index.js +12 -19
- package/dist/esm/ui/WithFlash/index.js +6 -9
- package/dist/esm/ui/WithHelpTrigger/index.js +6 -9
- package/dist/esm/utils/performance/plugin-performance-observer.js +1 -2
- package/dist/esm/utils/performance/plugin-performance-report.js +1 -2
- package/dist/esm/utils/performance/track-transactions.js +1 -2
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/create-editor/create-universal-preset.d.ts +132 -11
- package/dist/types/presets/default.d.ts +72 -6
- package/dist/types/presets/universal.d.ts +132 -11
- package/dist/types/presets/useUniversalPreset.d.ts +132 -11
- package/dist/types/ui/Appearance/FullPage/StyledComponents.d.ts +2 -2
- package/dist/types/ui/ContentStyles/index.d.ts +2 -2
- package/dist/types-ts4.5/create-editor/create-universal-preset.d.ts +143 -0
- package/dist/types-ts4.5/presets/default.d.ts +78 -0
- package/dist/types-ts4.5/presets/universal.d.ts +143 -0
- package/dist/types-ts4.5/presets/useUniversalPreset.d.ts +143 -0
- package/dist/types-ts4.5/ui/Appearance/FullPage/StyledComponents.d.ts +2 -2
- package/dist/types-ts4.5/ui/ContentStyles/index.d.ts +2 -2
- package/package.json +7 -3
|
@@ -5,27 +5,25 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
9
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
12
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
11
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
14
12
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
13
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
14
|
var _react = _interopRequireDefault(require("react"));
|
|
16
15
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
16
|
var _UNSAFE_do_not_use_editor_context = require("@atlaskit/editor-common/UNSAFE_do_not_use_editor_context");
|
|
18
17
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
19
|
-
function
|
|
18
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
20
19
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
21
20
|
var WithEditorActions = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
22
|
-
(0, _inherits2.default)(WithEditorActions, _React$Component);
|
|
23
|
-
var _super = _createSuper(WithEditorActions);
|
|
24
21
|
function WithEditorActions(props) {
|
|
25
22
|
(0, _classCallCheck2.default)(this, WithEditorActions);
|
|
26
|
-
return
|
|
23
|
+
return _callSuper(this, WithEditorActions, [props]);
|
|
27
24
|
}
|
|
28
|
-
(0,
|
|
25
|
+
(0, _inherits2.default)(WithEditorActions, _React$Component);
|
|
26
|
+
return (0, _createClass2.default)(WithEditorActions, [{
|
|
29
27
|
key: "render",
|
|
30
28
|
value: function render() {
|
|
31
29
|
if ((0, _platformFeatureFlags.fg)('platform_editor_react18_phase2_v2')) {
|
|
@@ -34,7 +32,6 @@ var WithEditorActions = exports.default = /*#__PURE__*/function (_React$Componen
|
|
|
34
32
|
return /*#__PURE__*/_react.default.createElement(WithEditorActionsOld, this.props);
|
|
35
33
|
}
|
|
36
34
|
}]);
|
|
37
|
-
return WithEditorActions;
|
|
38
35
|
}(_react.default.Component);
|
|
39
36
|
function WithEditorActionsNew(props) {
|
|
40
37
|
var render = props.render;
|
|
@@ -45,13 +42,12 @@ function WithEditorActionsNew(props) {
|
|
|
45
42
|
});
|
|
46
43
|
}
|
|
47
44
|
var WithEditorActionsInner = /*#__PURE__*/function (_React$Component2) {
|
|
48
|
-
(0, _inherits2.default)(WithEditorActionsInner, _React$Component2);
|
|
49
|
-
var _super2 = _createSuper(WithEditorActionsInner);
|
|
50
45
|
function WithEditorActionsInner() {
|
|
51
46
|
(0, _classCallCheck2.default)(this, WithEditorActionsInner);
|
|
52
|
-
return
|
|
47
|
+
return _callSuper(this, WithEditorActionsInner, arguments);
|
|
53
48
|
}
|
|
54
|
-
(0,
|
|
49
|
+
(0, _inherits2.default)(WithEditorActionsInner, _React$Component2);
|
|
50
|
+
return (0, _createClass2.default)(WithEditorActionsInner, [{
|
|
55
51
|
key: "componentDidMount",
|
|
56
52
|
value: function componentDidMount() {
|
|
57
53
|
var _this = this;
|
|
@@ -73,25 +69,23 @@ var WithEditorActionsInner = /*#__PURE__*/function (_React$Component2) {
|
|
|
73
69
|
return this.props.render(this.props.editorActions);
|
|
74
70
|
}
|
|
75
71
|
}]);
|
|
76
|
-
return WithEditorActionsInner;
|
|
77
72
|
}(_react.default.Component);
|
|
78
73
|
var WithEditorActionsOld = /*#__PURE__*/function (_React$Component3) {
|
|
79
|
-
(0, _inherits2.default)(WithEditorActionsOld, _React$Component3);
|
|
80
|
-
var _super3 = _createSuper(WithEditorActionsOld);
|
|
81
74
|
function WithEditorActionsOld() {
|
|
82
75
|
var _this3;
|
|
83
76
|
(0, _classCallCheck2.default)(this, WithEditorActionsOld);
|
|
84
77
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
85
78
|
args[_key] = arguments[_key];
|
|
86
79
|
}
|
|
87
|
-
_this3 =
|
|
88
|
-
(0, _defineProperty2.default)(
|
|
80
|
+
_this3 = _callSuper(this, WithEditorActionsOld, [].concat(args));
|
|
81
|
+
(0, _defineProperty2.default)(_this3, "onContextUpdate", function () {
|
|
89
82
|
// Re-render actions when editorActions changes...
|
|
90
83
|
_this3.forceUpdate();
|
|
91
84
|
});
|
|
92
85
|
return _this3;
|
|
93
86
|
}
|
|
94
|
-
(0,
|
|
87
|
+
(0, _inherits2.default)(WithEditorActionsOld, _React$Component3);
|
|
88
|
+
return (0, _createClass2.default)(WithEditorActionsOld, [{
|
|
95
89
|
key: "componentDidMount",
|
|
96
90
|
value: function componentDidMount() {
|
|
97
91
|
this.context.editorActions._privateSubscribe(this.onContextUpdate);
|
|
@@ -107,7 +101,6 @@ var WithEditorActionsOld = /*#__PURE__*/function (_React$Component3) {
|
|
|
107
101
|
return this.props.render(this.context.editorActions);
|
|
108
102
|
}
|
|
109
103
|
}]);
|
|
110
|
-
return WithEditorActionsOld;
|
|
111
104
|
}(_react.default.Component);
|
|
112
105
|
(0, _defineProperty2.default)(WithEditorActionsOld, "contextTypes", {
|
|
113
106
|
editorActions: _propTypes.default.object.isRequired
|
|
@@ -7,14 +7,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
11
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
12
10
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
11
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
12
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
14
|
var _react = _interopRequireDefault(require("react"));
|
|
16
15
|
var _react2 = require("@emotion/react");
|
|
17
|
-
function
|
|
16
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
18
17
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
19
18
|
* @jsxRuntime classic
|
|
20
19
|
* @jsx jsx
|
|
@@ -49,19 +48,18 @@ var flashWrapperAnimated = (0, _react2.css)((0, _defineProperty2.default)({}, ""
|
|
|
49
48
|
animation: "0.25s ease-in-out ".concat(pulseBackground)
|
|
50
49
|
}));
|
|
51
50
|
var WithFlash = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
52
|
-
(0, _inherits2.default)(WithFlash, _React$Component);
|
|
53
|
-
var _super = _createSuper(WithFlash);
|
|
54
51
|
function WithFlash() {
|
|
55
52
|
var _this;
|
|
56
53
|
(0, _classCallCheck2.default)(this, WithFlash);
|
|
57
54
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
58
55
|
args[_key] = arguments[_key];
|
|
59
56
|
}
|
|
60
|
-
_this =
|
|
61
|
-
(0, _defineProperty2.default)(
|
|
57
|
+
_this = _callSuper(this, WithFlash, [].concat(args));
|
|
58
|
+
(0, _defineProperty2.default)(_this, "toggle", false);
|
|
62
59
|
return _this;
|
|
63
60
|
}
|
|
64
|
-
(0,
|
|
61
|
+
(0, _inherits2.default)(WithFlash, _React$Component);
|
|
62
|
+
return (0, _createClass2.default)(WithFlash, [{
|
|
65
63
|
key: "render",
|
|
66
64
|
value: function render() {
|
|
67
65
|
var _this$props = this.props,
|
|
@@ -79,5 +77,4 @@ var WithFlash = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
|
79
77
|
);
|
|
80
78
|
}
|
|
81
79
|
}]);
|
|
82
|
-
return WithFlash;
|
|
83
80
|
}(_react.default.Component);
|
|
@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
11
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
12
10
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
11
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
12
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
14
|
var _react = _interopRequireDefault(require("react"));
|
|
16
15
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -18,19 +17,17 @@ var _analytics = require("@atlaskit/editor-common/analytics");
|
|
|
18
17
|
var _eventDispatcher = require("@atlaskit/editor-common/event-dispatcher");
|
|
19
18
|
var _analytics2 = require("@atlaskit/editor-common/utils/analytics");
|
|
20
19
|
var _helpDialog = require("@atlaskit/editor-plugins/help-dialog");
|
|
21
|
-
function
|
|
20
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
22
21
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
23
22
|
var WithHelpTrigger = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
24
|
-
(0, _inherits2.default)(WithHelpTrigger, _React$Component);
|
|
25
|
-
var _super = _createSuper(WithHelpTrigger);
|
|
26
23
|
function WithHelpTrigger() {
|
|
27
24
|
var _this;
|
|
28
25
|
(0, _classCallCheck2.default)(this, WithHelpTrigger);
|
|
29
26
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
30
27
|
args[_key] = arguments[_key];
|
|
31
28
|
}
|
|
32
|
-
_this =
|
|
33
|
-
(0, _defineProperty2.default)(
|
|
29
|
+
_this = _callSuper(this, WithHelpTrigger, [].concat(args));
|
|
30
|
+
(0, _defineProperty2.default)(_this, "openHelp", function () {
|
|
34
31
|
var _ref = _this.context,
|
|
35
32
|
editorActions = _ref.editorActions;
|
|
36
33
|
|
|
@@ -54,13 +51,13 @@ var WithHelpTrigger = exports.default = /*#__PURE__*/function (_React$Component)
|
|
|
54
51
|
});
|
|
55
52
|
return _this;
|
|
56
53
|
}
|
|
57
|
-
(0,
|
|
54
|
+
(0, _inherits2.default)(WithHelpTrigger, _React$Component);
|
|
55
|
+
return (0, _createClass2.default)(WithHelpTrigger, [{
|
|
58
56
|
key: "render",
|
|
59
57
|
value: function render() {
|
|
60
58
|
return this.props.render(this.openHelp);
|
|
61
59
|
}
|
|
62
60
|
}]);
|
|
63
|
-
return WithHelpTrigger;
|
|
64
61
|
}(_react.default.Component);
|
|
65
62
|
(0, _defineProperty2.default)(WithHelpTrigger, "contextTypes", {
|
|
66
63
|
editorActions: _propTypes.default.object.isRequired
|
|
@@ -50,7 +50,7 @@ var PluginPerformanceObserver = exports.PluginPerformanceObserver = /*#__PURE__*
|
|
|
50
50
|
}
|
|
51
51
|
};
|
|
52
52
|
}
|
|
53
|
-
(0, _createClass2.default)(PluginPerformanceObserver, [{
|
|
53
|
+
return (0, _createClass2.default)(PluginPerformanceObserver, [{
|
|
54
54
|
key: "isSimpleTracking",
|
|
55
55
|
get: function get() {
|
|
56
56
|
var _this$getOptions = this.getOptions(),
|
|
@@ -128,5 +128,4 @@ var PluginPerformanceObserver = exports.PluginPerformanceObserver = /*#__PURE__*
|
|
|
128
128
|
return this.observer.takeRecords();
|
|
129
129
|
}
|
|
130
130
|
}]);
|
|
131
|
-
return PluginPerformanceObserver;
|
|
132
131
|
}();
|
|
@@ -35,7 +35,7 @@ var PluginPerformanceReport = exports.PluginPerformanceReport = /*#__PURE__*/fun
|
|
|
35
35
|
});
|
|
36
36
|
this.entry = entry;
|
|
37
37
|
}
|
|
38
|
-
(0, _createClass2.default)(PluginPerformanceReport, [{
|
|
38
|
+
return (0, _createClass2.default)(PluginPerformanceReport, [{
|
|
39
39
|
key: "getEntryByName",
|
|
40
40
|
value: function getEntryByName(entryList, name) {
|
|
41
41
|
return entryList.getEntriesByName(name).find(this.isChild);
|
|
@@ -187,5 +187,4 @@ var PluginPerformanceReport = exports.PluginPerformanceReport = /*#__PURE__*/fun
|
|
|
187
187
|
return new PluginPerformanceReport(entry);
|
|
188
188
|
}
|
|
189
189
|
}]);
|
|
190
|
-
return PluginPerformanceReport;
|
|
191
190
|
}();
|
|
@@ -83,7 +83,7 @@ var TransactionTracker = exports.TransactionTracker = /*#__PURE__*/function () {
|
|
|
83
83
|
}
|
|
84
84
|
});
|
|
85
85
|
}
|
|
86
|
-
(0, _createClass2.default)(TransactionTracker, [{
|
|
86
|
+
return (0, _createClass2.default)(TransactionTracker, [{
|
|
87
87
|
key: "addMeasureListener",
|
|
88
88
|
value: function addMeasureListener(listener) {
|
|
89
89
|
this.measureListeners.push(listener);
|
|
@@ -105,5 +105,4 @@ var TransactionTracker = exports.TransactionTracker = /*#__PURE__*/function () {
|
|
|
105
105
|
return trackingEnabled && this.dispatchCallCounter === samplingRate;
|
|
106
106
|
}
|
|
107
107
|
}]);
|
|
108
|
-
return TransactionTracker;
|
|
109
108
|
}();
|
|
@@ -18,7 +18,7 @@ export const inputStyle = css({
|
|
|
18
18
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
19
19
|
fontSize: relativeFontSizeToBase16(14),
|
|
20
20
|
width: '100%',
|
|
21
|
-
fontWeight: 400,
|
|
21
|
+
fontWeight: "var(--ds-font-weight-regular, 400)",
|
|
22
22
|
lineHeight: 1.42857142857143,
|
|
23
23
|
letterSpacing: '-0.005em',
|
|
24
24
|
color: "var(--ds-text-subtlest, #626F86)",
|
|
@@ -180,40 +180,82 @@ const layoutWithSeparatorBorderResponsiveStyles = (breakpoint, viewMode
|
|
|
180
180
|
`;
|
|
181
181
|
|
|
182
182
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
183
|
-
const layoutWithSeparatorBorderStyles = viewMode =>
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
183
|
+
const layoutWithSeparatorBorderStyles = viewMode => {
|
|
184
|
+
if (fg('platform_editor_advanced_layouts_post_fix_patch_1')) {
|
|
185
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
186
|
+
return css`
|
|
187
|
+
&.selected [data-layout-column]:not(:first-of-type),
|
|
188
|
+
[data-empty-layout='true'] [data-layout-column]:not(:first-of-type),
|
|
189
|
+
&:hover [data-layout-column]:not(:first-of-type) {
|
|
190
|
+
${columnSeparatorStyles(viewMode)}
|
|
191
|
+
}
|
|
188
192
|
|
|
189
|
-
|
|
190
|
-
|
|
193
|
+
&.selected.danger [data-layout-section] {
|
|
194
|
+
background-color: ${`var(--ds-background-danger, ${akEditorDeleteBackground})`};
|
|
191
195
|
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
+
box-shadow: 0 0 0 ${viewMode === 'view' ? 0 : akEditorSelectedBorderSize}px
|
|
197
|
+
${akEditorDeleteBorder};
|
|
198
|
+
border-radius: 4px;
|
|
199
|
+
[data-layout-column]:not(:first-of-type) {
|
|
200
|
+
${columnSeparatorStyles(viewMode)}
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
&.${akEditorSelectedNodeClassName}:not(.danger) [data-layout-section] {
|
|
205
|
+
box-shadow: 0 0 0 ${viewMode === 'view' ? 0 : akEditorSelectedBorderSize}px
|
|
206
|
+
${"var(--ds-border-selected, #0C66E4)"};
|
|
207
|
+
border-radius: 4px;
|
|
208
|
+
background-color: ${"var(--ds-background-selected, #E9F2FF)"};
|
|
209
|
+
[data-layout-column] {
|
|
210
|
+
${getSelectionStyles([SelectionStyle.Blanket])}
|
|
211
|
+
border: 0px;
|
|
212
|
+
::before {
|
|
213
|
+
background-color: transparent;
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
[data-layout-column]:not(:first-of-type) {
|
|
217
|
+
${columnSeparatorStyles(viewMode)}
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
`;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
224
|
+
return css`
|
|
225
|
+
&.selected [data-layout-column]:not(:first-of-type),
|
|
226
|
+
&:hover [data-layout-column]:not(:first-of-type) {
|
|
196
227
|
${columnSeparatorStyles(viewMode)}
|
|
197
228
|
}
|
|
198
|
-
}
|
|
199
229
|
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
::before {
|
|
209
|
-
background-color: transparent;
|
|
230
|
+
&.selected.danger [data-layout-section] {
|
|
231
|
+
background-color: ${`var(--ds-background-danger, ${akEditorDeleteBackground})`};
|
|
232
|
+
|
|
233
|
+
box-shadow: 0 0 0 ${viewMode === 'view' ? 0 : akEditorSelectedBorderSize}px
|
|
234
|
+
${akEditorDeleteBorder};
|
|
235
|
+
border-radius: 4px;
|
|
236
|
+
[data-layout-column]:not(:first-of-type) {
|
|
237
|
+
${columnSeparatorStyles(viewMode)}
|
|
210
238
|
}
|
|
211
239
|
}
|
|
212
|
-
|
|
213
|
-
|
|
240
|
+
|
|
241
|
+
&.${akEditorSelectedNodeClassName}:not(.danger) [data-layout-section] {
|
|
242
|
+
box-shadow: 0 0 0 ${viewMode === 'view' ? 0 : akEditorSelectedBorderSize}px
|
|
243
|
+
${"var(--ds-border-selected, #0C66E4)"};
|
|
244
|
+
border-radius: 4px;
|
|
245
|
+
background-color: ${"var(--ds-background-selected, #E9F2FF)"};
|
|
246
|
+
[data-layout-column] {
|
|
247
|
+
${getSelectionStyles([SelectionStyle.Blanket])}
|
|
248
|
+
border: 0px;
|
|
249
|
+
::before {
|
|
250
|
+
background-color: transparent;
|
|
251
|
+
}
|
|
252
|
+
}
|
|
253
|
+
[data-layout-column]:not(:first-of-type) {
|
|
254
|
+
${columnSeparatorStyles(viewMode)}
|
|
255
|
+
}
|
|
214
256
|
}
|
|
215
|
-
|
|
216
|
-
|
|
257
|
+
`;
|
|
258
|
+
};
|
|
217
259
|
const layoutResponsiveStyles = viewMode =>
|
|
218
260
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
|
|
219
261
|
css`
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "203.2.
|
|
2
|
+
export const version = "203.2.10";
|
|
@@ -1,34 +1,32 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
5
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
6
4
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
7
5
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
6
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
8
|
var _excluded = ["Editor"];
|
|
10
|
-
function
|
|
9
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
11
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
12
11
|
import React from 'react';
|
|
13
12
|
import ChromeCollapsed from '../ui/ChromeCollapsed';
|
|
14
13
|
|
|
15
14
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
16
15
|
var CollapsedEditor = /*#__PURE__*/function (_React$Component) {
|
|
17
|
-
_inherits(CollapsedEditor, _React$Component);
|
|
18
|
-
var _super = _createSuper(CollapsedEditor);
|
|
19
16
|
function CollapsedEditor() {
|
|
20
17
|
var _this;
|
|
21
18
|
_classCallCheck(this, CollapsedEditor);
|
|
22
19
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
23
20
|
args[_key] = arguments[_key];
|
|
24
21
|
}
|
|
25
|
-
_this =
|
|
26
|
-
_defineProperty(
|
|
22
|
+
_this = _callSuper(this, CollapsedEditor, [].concat(args));
|
|
23
|
+
_defineProperty(_this, "state", {
|
|
27
24
|
editorModules: CollapsedEditor.editorModules
|
|
28
25
|
});
|
|
29
26
|
return _this;
|
|
30
27
|
}
|
|
31
|
-
|
|
28
|
+
_inherits(CollapsedEditor, _React$Component);
|
|
29
|
+
return _createClass(CollapsedEditor, [{
|
|
32
30
|
key: "componentDidMount",
|
|
33
31
|
value: function componentDidMount() {
|
|
34
32
|
if (!this.state.editorModules) {
|
|
@@ -67,6 +65,5 @@ var CollapsedEditor = /*#__PURE__*/function (_React$Component) {
|
|
|
67
65
|
return this.props.renderEditor(Editor, rest);
|
|
68
66
|
}
|
|
69
67
|
}]);
|
|
70
|
-
return CollapsedEditor;
|
|
71
68
|
}(React.Component);
|
|
72
69
|
export { CollapsedEditor as default };
|
|
@@ -95,7 +95,7 @@ var EditorActions = /*#__PURE__*/function () {
|
|
|
95
95
|
}, _callee);
|
|
96
96
|
})));
|
|
97
97
|
}
|
|
98
|
-
_createClass(EditorActions, [{
|
|
98
|
+
return _createClass(EditorActions, [{
|
|
99
99
|
key: "_privateGetEditorView",
|
|
100
100
|
value:
|
|
101
101
|
//#region private
|
|
@@ -389,6 +389,5 @@ var EditorActions = /*#__PURE__*/function () {
|
|
|
389
389
|
return editorActions;
|
|
390
390
|
}
|
|
391
391
|
}]);
|
|
392
|
-
return EditorActions;
|
|
393
392
|
}();
|
|
394
393
|
export { EditorActions as default };
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
5
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
6
4
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
7
5
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
6
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
8
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
10
|
-
function
|
|
9
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
11
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
12
11
|
import React from 'react';
|
|
13
12
|
import uuid from 'uuid';
|
|
@@ -18,17 +17,15 @@ import { logException } from '@atlaskit/editor-common/monitoring';
|
|
|
18
17
|
import { isOutdatedBrowser } from '../utils/outdatedBrowsers';
|
|
19
18
|
import { WithEditorView } from './WithEditorView';
|
|
20
19
|
export var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component) {
|
|
21
|
-
_inherits(ErrorBoundaryWithEditorView, _React$Component);
|
|
22
|
-
var _super = _createSuper(ErrorBoundaryWithEditorView);
|
|
23
20
|
function ErrorBoundaryWithEditorView(props) {
|
|
24
21
|
var _this;
|
|
25
22
|
_classCallCheck(this, ErrorBoundaryWithEditorView);
|
|
26
|
-
_this =
|
|
27
|
-
_defineProperty(
|
|
28
|
-
_defineProperty(
|
|
23
|
+
_this = _callSuper(this, ErrorBoundaryWithEditorView, [props]);
|
|
24
|
+
_defineProperty(_this, "browserExtensions", undefined);
|
|
25
|
+
_defineProperty(_this, "state", {
|
|
29
26
|
error: undefined
|
|
30
27
|
});
|
|
31
|
-
_defineProperty(
|
|
28
|
+
_defineProperty(_this, "sendErrorData", /*#__PURE__*/function () {
|
|
32
29
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(analyticsErrorPayload) {
|
|
33
30
|
var _window;
|
|
34
31
|
var product, error, errorInfo, sharedId, browserInfo, attributes;
|
|
@@ -82,7 +79,7 @@ export var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component
|
|
|
82
79
|
return _ref.apply(this, arguments);
|
|
83
80
|
};
|
|
84
81
|
}());
|
|
85
|
-
_defineProperty(
|
|
82
|
+
_defineProperty(_this, "getProductName", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
86
83
|
var contextIdentifierProvider, context;
|
|
87
84
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
88
85
|
while (1) switch (_context2.prev = _context2.next) {
|
|
@@ -109,14 +106,15 @@ export var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component
|
|
|
109
106
|
}
|
|
110
107
|
}, _callee2);
|
|
111
108
|
})));
|
|
112
|
-
_defineProperty(
|
|
109
|
+
_defineProperty(_this, "fireAnalyticsEvent", function (event) {
|
|
113
110
|
var _this$props$createAna, _this$props;
|
|
114
111
|
(_this$props$createAna = (_this$props = _this.props).createAnalyticsEvent) === null || _this$props$createAna === void 0 || _this$props$createAna.call(_this$props, event).fire(editorAnalyticsChannel);
|
|
115
112
|
});
|
|
116
113
|
_this.featureFlags = props.featureFlags;
|
|
117
114
|
return _this;
|
|
118
115
|
}
|
|
119
|
-
|
|
116
|
+
_inherits(ErrorBoundaryWithEditorView, _React$Component);
|
|
117
|
+
return _createClass(ErrorBoundaryWithEditorView, [{
|
|
120
118
|
key: "componentDidCatch",
|
|
121
119
|
value: function componentDidCatch(error, errorInfo) {
|
|
122
120
|
var _this2 = this;
|
|
@@ -167,7 +165,6 @@ export var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component
|
|
|
167
165
|
return /*#__PURE__*/React.createElement(IntlErrorBoundary, null, this.props.children);
|
|
168
166
|
}
|
|
169
167
|
}]);
|
|
170
|
-
return ErrorBoundaryWithEditorView;
|
|
171
168
|
}(React.Component);
|
|
172
169
|
_defineProperty(ErrorBoundaryWithEditorView, "defaultProps", {
|
|
173
170
|
rethrow: true,
|