@atlaskit/editor-core 189.4.15 → 189.4.18
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 +34 -0
- package/dist/cjs/composable-editor/editor-internal.js +11 -11
- package/dist/cjs/composable-editor/editor.js +7 -8
- package/dist/cjs/composable-editor/hooks/useEditorMeasuresConstructor.js +0 -2
- package/dist/cjs/composable-editor/hooks/useMeasureEditorMountTime.js +0 -2
- package/dist/cjs/editor.js +3 -4
- package/dist/cjs/plugins/alignment/ui/ToolbarAlignment/index.js +10 -11
- package/dist/cjs/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js +2 -3
- package/dist/cjs/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js +1 -2
- package/dist/cjs/plugins/breakout/ui/LayoutButton.js +5 -6
- package/dist/cjs/plugins/collab-edit/ui/avatars.js +2 -5
- package/dist/cjs/plugins/collab-edit/ui/colored-avatar-item.js +1 -4
- package/dist/cjs/plugins/collab-edit/ui/invite-to-edit.js +4 -7
- package/dist/cjs/plugins/extension/pm-plugins/unique-id.js +4 -3
- package/dist/cjs/plugins/extension/ui/Extension/Extension/index.js +11 -13
- package/dist/cjs/plugins/extension/ui/Extension/InlineExtension/index.js +4 -5
- package/dist/cjs/plugins/extension/ui/Extension/Lozenge.js +8 -9
- package/dist/cjs/plugins/extension/ui/Extension/MultiBodiedExtension/index.js +4 -4
- package/dist/cjs/plugins/extension/ui/SaveIndicator/SaveIndicator.js +6 -7
- package/dist/cjs/plugins/find-replace/ui/Find.js +13 -14
- package/dist/cjs/plugins/find-replace/ui/FindReplace.js +5 -6
- package/dist/cjs/plugins/find-replace/ui/FindReplaceToolbarButton.js +7 -8
- package/dist/cjs/plugins/find-replace/ui/Replace.js +5 -6
- package/dist/cjs/plugins/find-replace/ui/styles.js +0 -1
- package/dist/cjs/plugins/jira-issue/nodeviews/jira-issue.js +4 -5
- package/dist/cjs/plugins/undo-redo/ui/ToolbarUndoRedo/index.js +8 -11
- package/dist/cjs/ui/Addon/ClickAreaBlock/index.js +1 -2
- package/dist/cjs/ui/Addon/ClickAreaInline/index.js +1 -2
- package/dist/cjs/ui/Addon/ClickAreaMobile/index.js +1 -2
- package/dist/cjs/ui/Addon/Dropdown/index.js +2 -3
- package/dist/cjs/ui/Addon/DropdownItem/index.js +2 -5
- package/dist/cjs/ui/Alignment/index.js +6 -7
- package/dist/cjs/ui/Appearance/Chromeless.js +6 -7
- package/dist/cjs/ui/Appearance/Comment/Comment.js +16 -17
- package/dist/cjs/ui/Appearance/Comment/Toolbar.js +4 -5
- package/dist/cjs/ui/Appearance/FullPage/FullPage.js +3 -6
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +10 -12
- package/dist/cjs/ui/Appearance/FullPage/FullPageToolbar.js +13 -15
- package/dist/cjs/ui/AppearanceComponents/Mobile.js +5 -6
- package/dist/cjs/ui/ChromeCollapsed/index.js +2 -3
- package/dist/cjs/ui/ConfigPanel/ErrorMessage/ErrorImage.js +15 -16
- package/dist/cjs/ui/ConfigPanel/Fields/Boolean.js +11 -12
- package/dist/cjs/ui/ConfigPanel/Fields/CheckboxGroup.js +6 -7
- package/dist/cjs/ui/ConfigPanel/Fields/ColorPicker.js +8 -8
- package/dist/cjs/ui/ConfigPanel/Fields/DateRange.js +17 -18
- package/dist/cjs/ui/ConfigPanel/Fields/Expand.js +8 -9
- package/dist/cjs/ui/ConfigPanel/Fields/Fieldset.js +9 -10
- package/dist/cjs/ui/ConfigPanel/Fields/SelectItem.js +5 -6
- package/dist/cjs/ui/ConfigPanel/Fields/TabGroup.js +6 -7
- package/dist/cjs/ui/ConfigPanel/Header.js +13 -14
- package/dist/cjs/ui/ConfigPanel/LoadingState.js +2 -3
- package/dist/cjs/ui/ConfigPanel/NestedForms/RemovableField.js +4 -5
- package/dist/cjs/ui/ContentStyles/index.js +1 -2
- package/dist/cjs/ui/ContextPanel/index.js +10 -11
- package/dist/cjs/ui/PluginSlot/index.js +3 -4
- package/dist/cjs/ui/Toolbar/ToolbarInner.js +1 -2
- package/dist/cjs/ui/Toolbar/ToolbarWithSizeDetector.js +4 -5
- package/dist/cjs/ui/ToolbarFeedback/index.js +15 -16
- package/dist/cjs/ui/WithFlash/index.js +1 -2
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/composable-editor/editor-internal.js +11 -12
- package/dist/es2019/composable-editor/editor.js +6 -8
- package/dist/es2019/composable-editor/hooks/useEditorMeasuresConstructor.js +0 -2
- package/dist/es2019/composable-editor/hooks/useMeasureEditorMountTime.js +0 -1
- package/dist/es2019/editor.js +2 -4
- package/dist/es2019/plugins/alignment/ui/ToolbarAlignment/index.js +9 -11
- package/dist/es2019/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js +3 -4
- package/dist/es2019/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js +2 -3
- package/dist/es2019/plugins/breakout/ui/LayoutButton.js +6 -7
- package/dist/es2019/plugins/collab-edit/ui/avatars.js +2 -4
- package/dist/es2019/plugins/collab-edit/ui/colored-avatar-item.js +1 -3
- package/dist/es2019/plugins/collab-edit/ui/invite-to-edit.js +4 -6
- package/dist/es2019/plugins/extension/pm-plugins/unique-id.js +4 -3
- package/dist/es2019/plugins/extension/ui/Extension/Extension/index.js +11 -14
- package/dist/es2019/plugins/extension/ui/Extension/InlineExtension/index.js +3 -5
- package/dist/es2019/plugins/extension/ui/Extension/Lozenge.js +5 -7
- package/dist/es2019/plugins/extension/ui/Extension/MultiBodiedExtension/index.js +4 -6
- package/dist/es2019/plugins/extension/ui/SaveIndicator/SaveIndicator.js +7 -8
- package/dist/es2019/plugins/find-replace/ui/Find.js +12 -14
- package/dist/es2019/plugins/find-replace/ui/FindReplace.js +4 -6
- package/dist/es2019/plugins/find-replace/ui/FindReplaceToolbarButton.js +8 -9
- package/dist/es2019/plugins/find-replace/ui/Replace.js +4 -6
- package/dist/es2019/plugins/find-replace/ui/styles.js +0 -1
- package/dist/es2019/plugins/jira-issue/nodeviews/jira-issue.js +5 -6
- package/dist/es2019/plugins/undo-redo/ui/ToolbarUndoRedo/index.js +8 -10
- package/dist/es2019/ui/Addon/ClickAreaBlock/index.js +2 -3
- package/dist/es2019/ui/Addon/ClickAreaInline/index.js +2 -3
- package/dist/es2019/ui/Addon/ClickAreaMobile/index.js +2 -3
- package/dist/es2019/ui/Addon/Dropdown/index.js +1 -3
- package/dist/es2019/ui/Addon/DropdownItem/index.js +2 -4
- package/dist/es2019/ui/Alignment/index.js +3 -5
- package/dist/es2019/ui/Appearance/Chromeless.js +7 -8
- package/dist/es2019/ui/Appearance/Comment/Comment.js +17 -18
- package/dist/es2019/ui/Appearance/Comment/Toolbar.js +5 -7
- package/dist/es2019/ui/Appearance/FullPage/FullPage.js +3 -5
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +11 -12
- package/dist/es2019/ui/Appearance/FullPage/FullPageToolbar.js +13 -15
- package/dist/es2019/ui/AppearanceComponents/Mobile.js +6 -7
- package/dist/es2019/ui/ChromeCollapsed/index.js +1 -3
- package/dist/es2019/ui/ConfigPanel/ErrorMessage/ErrorImage.js +17 -17
- package/dist/es2019/ui/ConfigPanel/Fields/Boolean.js +12 -13
- package/dist/es2019/ui/ConfigPanel/Fields/CheckboxGroup.js +7 -8
- package/dist/es2019/ui/ConfigPanel/Fields/ColorPicker.js +8 -9
- package/dist/es2019/ui/ConfigPanel/Fields/DateRange.js +18 -19
- package/dist/es2019/ui/ConfigPanel/Fields/Expand.js +9 -10
- package/dist/es2019/ui/ConfigPanel/Fields/Fieldset.js +10 -11
- package/dist/es2019/ui/ConfigPanel/Fields/SelectItem.js +6 -7
- package/dist/es2019/ui/ConfigPanel/Fields/TabGroup.js +7 -8
- package/dist/es2019/ui/ConfigPanel/Header.js +14 -15
- package/dist/es2019/ui/ConfigPanel/LoadingState.js +3 -4
- package/dist/es2019/ui/ConfigPanel/NestedForms/RemovableField.js +5 -6
- package/dist/es2019/ui/ContentStyles/index.js +2 -3
- package/dist/es2019/ui/ContextPanel/index.js +11 -12
- package/dist/es2019/ui/PluginSlot/index.js +4 -5
- package/dist/es2019/ui/Toolbar/ToolbarInner.js +2 -3
- package/dist/es2019/ui/Toolbar/ToolbarWithSizeDetector.js +5 -6
- package/dist/es2019/ui/ToolbarFeedback/index.js +12 -14
- package/dist/es2019/ui/WithFlash/index.js +2 -3
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/composable-editor/editor-internal.js +11 -12
- package/dist/esm/composable-editor/editor.js +6 -8
- package/dist/esm/composable-editor/hooks/useEditorMeasuresConstructor.js +0 -2
- package/dist/esm/composable-editor/hooks/useMeasureEditorMountTime.js +0 -1
- package/dist/esm/editor.js +2 -4
- package/dist/esm/plugins/alignment/ui/ToolbarAlignment/index.js +9 -11
- package/dist/esm/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js +3 -4
- package/dist/esm/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js +2 -3
- package/dist/esm/plugins/breakout/ui/LayoutButton.js +6 -7
- package/dist/esm/plugins/collab-edit/ui/avatars.js +2 -4
- package/dist/esm/plugins/collab-edit/ui/colored-avatar-item.js +1 -3
- package/dist/esm/plugins/collab-edit/ui/invite-to-edit.js +4 -6
- package/dist/esm/plugins/extension/pm-plugins/unique-id.js +4 -3
- package/dist/esm/plugins/extension/ui/Extension/Extension/index.js +11 -14
- package/dist/esm/plugins/extension/ui/Extension/InlineExtension/index.js +3 -5
- package/dist/esm/plugins/extension/ui/Extension/Lozenge.js +5 -7
- package/dist/esm/plugins/extension/ui/Extension/MultiBodiedExtension/index.js +4 -6
- package/dist/esm/plugins/extension/ui/SaveIndicator/SaveIndicator.js +7 -8
- package/dist/esm/plugins/find-replace/ui/Find.js +12 -14
- package/dist/esm/plugins/find-replace/ui/FindReplace.js +4 -6
- package/dist/esm/plugins/find-replace/ui/FindReplaceToolbarButton.js +8 -9
- package/dist/esm/plugins/find-replace/ui/Replace.js +4 -6
- package/dist/esm/plugins/find-replace/ui/styles.js +0 -1
- package/dist/esm/plugins/jira-issue/nodeviews/jira-issue.js +5 -6
- package/dist/esm/plugins/undo-redo/ui/ToolbarUndoRedo/index.js +8 -10
- package/dist/esm/ui/Addon/ClickAreaBlock/index.js +2 -3
- package/dist/esm/ui/Addon/ClickAreaInline/index.js +2 -3
- package/dist/esm/ui/Addon/ClickAreaMobile/index.js +2 -3
- package/dist/esm/ui/Addon/Dropdown/index.js +1 -3
- package/dist/esm/ui/Addon/DropdownItem/index.js +2 -4
- package/dist/esm/ui/Alignment/index.js +3 -5
- package/dist/esm/ui/Appearance/Chromeless.js +7 -8
- package/dist/esm/ui/Appearance/Comment/Comment.js +17 -18
- package/dist/esm/ui/Appearance/Comment/Toolbar.js +5 -7
- package/dist/esm/ui/Appearance/FullPage/FullPage.js +3 -5
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +11 -12
- package/dist/esm/ui/Appearance/FullPage/FullPageToolbar.js +13 -15
- package/dist/esm/ui/AppearanceComponents/Mobile.js +6 -7
- package/dist/esm/ui/ChromeCollapsed/index.js +1 -3
- package/dist/esm/ui/ConfigPanel/ErrorMessage/ErrorImage.js +17 -17
- package/dist/esm/ui/ConfigPanel/Fields/Boolean.js +12 -13
- package/dist/esm/ui/ConfigPanel/Fields/CheckboxGroup.js +7 -8
- package/dist/esm/ui/ConfigPanel/Fields/ColorPicker.js +8 -9
- package/dist/esm/ui/ConfigPanel/Fields/DateRange.js +18 -19
- package/dist/esm/ui/ConfigPanel/Fields/Expand.js +9 -10
- package/dist/esm/ui/ConfigPanel/Fields/Fieldset.js +10 -11
- package/dist/esm/ui/ConfigPanel/Fields/SelectItem.js +6 -7
- package/dist/esm/ui/ConfigPanel/Fields/TabGroup.js +7 -8
- package/dist/esm/ui/ConfigPanel/Header.js +14 -15
- package/dist/esm/ui/ConfigPanel/LoadingState.js +3 -4
- package/dist/esm/ui/ConfigPanel/NestedForms/RemovableField.js +5 -6
- package/dist/esm/ui/ContentStyles/index.js +2 -3
- package/dist/esm/ui/ContextPanel/index.js +11 -12
- package/dist/esm/ui/PluginSlot/index.js +4 -5
- package/dist/esm/ui/Toolbar/ToolbarInner.js +2 -3
- package/dist/esm/ui/Toolbar/ToolbarWithSizeDetector.js +5 -6
- package/dist/esm/ui/ToolbarFeedback/index.js +12 -14
- package/dist/esm/ui/WithFlash/index.js +2 -3
- package/dist/esm/version-wrapper.js +1 -1
- package/package.json +9 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,39 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 189.4.18
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#56675](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/56675) [`772ad8f687be`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/772ad8f687be) - [ux] [ED-20249] If `platform.editor.ordered-list-auto-join-improvements_mrlv5`` is enabled only auto-join lists together if the order numbers match up.
|
|
8
|
+
|
|
9
|
+
Eg.
|
|
10
|
+
|
|
11
|
+
1. A list item
|
|
12
|
+
|
|
13
|
+
-
|
|
14
|
+
|
|
15
|
+
50. Another list item
|
|
16
|
+
|
|
17
|
+
Should NOT auto join to be 1 & 2 in a single list however...
|
|
18
|
+
|
|
19
|
+
49. A list item
|
|
20
|
+
|
|
21
|
+
-
|
|
22
|
+
|
|
23
|
+
50. Another list item
|
|
24
|
+
|
|
25
|
+
Should join to be 49 & 50 in a single list.
|
|
26
|
+
|
|
27
|
+
This also only applies when the `restartNumberedLists` feature flag is enabled.
|
|
28
|
+
|
|
29
|
+
- Updated dependencies
|
|
30
|
+
|
|
31
|
+
## 189.4.17
|
|
32
|
+
|
|
33
|
+
### Patch Changes
|
|
34
|
+
|
|
35
|
+
- [#58256](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58256) [`3a51aa478735`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3a51aa478735) - ED-20746: Added localId auto gen support for MultiBodied Extension
|
|
36
|
+
|
|
3
37
|
## 189.4.15
|
|
4
38
|
|
|
5
39
|
### Patch Changes
|
|
@@ -22,7 +22,7 @@ var _context = require("../presets/context");
|
|
|
22
22
|
var _RenderTracking = require("../utils/performance/components/RenderTracking");
|
|
23
23
|
var _getBaseFontSize = require("./utils/getBaseFontSize");
|
|
24
24
|
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; }
|
|
25
|
-
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; }
|
|
25
|
+
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; }
|
|
26
26
|
/**
|
|
27
27
|
* EditorInternalComponent is used to capture the common component
|
|
28
28
|
* from the `render` method of `Editor` and share it with `EditorNext`.
|
|
@@ -53,29 +53,29 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
|
|
|
53
53
|
// it will still be enabled as it currently is. Then we can
|
|
54
54
|
// progressively opt out synthetic tenants.
|
|
55
55
|
var isErrorTrackingExplicitlyDisabled = ((_props$performanceTra2 = props.performanceTracking) === null || _props$performanceTra2 === void 0 || (_props$performanceTra2 = _props$performanceTra2.errorTracking) === null || _props$performanceTra2 === void 0 ? void 0 : _props$performanceTra2.enabled) === false;
|
|
56
|
-
return
|
|
56
|
+
return /*#__PURE__*/React.createElement(_react.Fragment, null, renderTrackingEnabled && /*#__PURE__*/React.createElement(_RenderTracking.RenderTracking, {
|
|
57
57
|
componentProps: props,
|
|
58
58
|
action: _analytics.ACTION.RE_RENDERED,
|
|
59
59
|
actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
|
|
60
60
|
handleAnalyticsEvent: handleAnalyticsEvent,
|
|
61
61
|
propsToIgnore: ['defaultValue'],
|
|
62
62
|
useShallow: useShallow
|
|
63
|
-
}),
|
|
63
|
+
}), /*#__PURE__*/React.createElement(_ErrorBoundary.default, {
|
|
64
64
|
errorTracking: !isErrorTrackingExplicitlyDisabled,
|
|
65
65
|
createAnalyticsEvent: createAnalyticsEvent,
|
|
66
66
|
contextIdentifierProvider: props.contextIdentifierProvider,
|
|
67
67
|
featureFlags: featureFlags
|
|
68
|
-
},
|
|
68
|
+
}, /*#__PURE__*/React.createElement(_ui.WidthProvider, {
|
|
69
69
|
css: (0, _react2.css)({
|
|
70
70
|
height: '100%'
|
|
71
71
|
})
|
|
72
|
-
},
|
|
72
|
+
}, /*#__PURE__*/React.createElement(_EditorContext.default, {
|
|
73
73
|
editorActions: editorActions
|
|
74
|
-
},
|
|
74
|
+
}, /*#__PURE__*/React.createElement(_contextAdapter.ContextAdapter, null, /*#__PURE__*/React.createElement(_portalProvider.PortalProviderWithThemeProviders, {
|
|
75
75
|
onAnalyticsEvent: handleAnalyticsEvent,
|
|
76
76
|
useAnalyticsContext: props.UNSAFE_useAnalyticsContext,
|
|
77
77
|
render: function render(portalProviderAPI) {
|
|
78
|
-
return
|
|
78
|
+
return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(ReactEditorViewContextWrapper, {
|
|
79
79
|
editorProps: overriddenEditorProps,
|
|
80
80
|
createAnalyticsEvent: createAnalyticsEvent,
|
|
81
81
|
portalProviderAPI: portalProviderAPI,
|
|
@@ -93,9 +93,9 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
|
|
|
93
93
|
config = _ref2.config,
|
|
94
94
|
dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
|
|
95
95
|
editorRef = _ref2.editorRef;
|
|
96
|
-
return
|
|
96
|
+
return /*#__PURE__*/React.createElement(_ui.BaseTheme, {
|
|
97
97
|
baseFontSize: (0, _getBaseFontSize.getBaseFontSize)(props.appearance)
|
|
98
|
-
},
|
|
98
|
+
}, /*#__PURE__*/React.createElement(Component, {
|
|
99
99
|
innerRef: editorRef,
|
|
100
100
|
appearance: props.appearance,
|
|
101
101
|
disabled: props.disabled,
|
|
@@ -129,7 +129,7 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
|
|
|
129
129
|
hideAvatarGroup: props.hideAvatarGroup
|
|
130
130
|
}));
|
|
131
131
|
}
|
|
132
|
-
}),
|
|
132
|
+
}), /*#__PURE__*/React.createElement(_portalProvider.PortalRenderer, {
|
|
133
133
|
portalProviderAPI: portalProviderAPI
|
|
134
134
|
}));
|
|
135
135
|
}
|
|
@@ -151,7 +151,7 @@ function ReactEditorViewContextWrapper(props) {
|
|
|
151
151
|
setInternalEditorAPI === null || setInternalEditorAPI === void 0 || setInternalEditorAPI(api);
|
|
152
152
|
setExternalEditorAPI === null || setExternalEditorAPI === void 0 || setExternalEditorAPI(api);
|
|
153
153
|
}, [setInternalEditorAPI, setExternalEditorAPI]);
|
|
154
|
-
return
|
|
154
|
+
return /*#__PURE__*/React.createElement(_ReactEditorView.default, (0, _extends2.default)({}, props, {
|
|
155
155
|
setEditorApi: setEditorAPI
|
|
156
156
|
}));
|
|
157
157
|
}
|
|
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.ComposableEditor = ComposableEditor;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("react");
|
|
10
|
-
var _react2 = require("@emotion/react");
|
|
11
10
|
var _v = _interopRequireDefault(require("uuid/v4"));
|
|
12
11
|
var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
|
|
13
12
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
@@ -28,7 +27,7 @@ var _trackEditorActions = _interopRequireDefault(require("./utils/trackEditorAct
|
|
|
28
27
|
var _useMeasureEditorMountTime = _interopRequireDefault(require("./hooks/useMeasureEditorMountTime"));
|
|
29
28
|
var _useProviderFactory = _interopRequireDefault(require("./hooks/useProviderFactory"));
|
|
30
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; }
|
|
31
|
-
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; }
|
|
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; }
|
|
32
31
|
/**
|
|
33
32
|
* Editor wrapper that deals with the lifecycle logic of the editor
|
|
34
33
|
*/
|
|
@@ -82,7 +81,7 @@ function Editor(passedProps) {
|
|
|
82
81
|
};
|
|
83
82
|
(0, _useMeasureEditorMountTime.default)(props, getExperienceStore, createAnalyticsEvent);
|
|
84
83
|
var providerFactory = (0, _useProviderFactory.default)(props, editorActions.current, createAnalyticsEvent);
|
|
85
|
-
return
|
|
84
|
+
return /*#__PURE__*/React.createElement(_editorInternal.EditorInternal, {
|
|
86
85
|
props: props,
|
|
87
86
|
handleAnalyticsEvent: handleAnalyticsEvent,
|
|
88
87
|
createAnalyticsEvent: createAnalyticsEvent,
|
|
@@ -271,7 +270,7 @@ function EditorButBetter(passedProps) {
|
|
|
271
270
|
onSaveFromProps(view);
|
|
272
271
|
}
|
|
273
272
|
}, [onSaveFromProps]);
|
|
274
|
-
return
|
|
273
|
+
return /*#__PURE__*/React.createElement(_editorInternal.EditorInternal, {
|
|
275
274
|
props: props,
|
|
276
275
|
handleAnalyticsEvent: handleAnalyticsEvent,
|
|
277
276
|
createAnalyticsEvent: createAnalyticsEvent,
|
|
@@ -295,17 +294,17 @@ function ComposableEditor(props) {
|
|
|
295
294
|
};
|
|
296
295
|
}, [props.appearance]);
|
|
297
296
|
if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.less-editor-props-rerendering')) {
|
|
298
|
-
return
|
|
297
|
+
return /*#__PURE__*/React.createElement(_analyticsNamespacedContext.FabricEditorAnalyticsContext
|
|
299
298
|
// @ts-expect-error Type 'string' is not assignable to type '"editorCore" | "renderer"'.
|
|
300
299
|
, {
|
|
301
300
|
data: data
|
|
302
|
-
},
|
|
301
|
+
}, /*#__PURE__*/React.createElement(EditorButBetter, props));
|
|
303
302
|
}
|
|
304
|
-
return
|
|
303
|
+
return /*#__PURE__*/React.createElement(_analyticsNamespacedContext.FabricEditorAnalyticsContext
|
|
305
304
|
// @ts-expect-error Type 'string' is not assignable to type '"editorCore" | "renderer"'.
|
|
306
305
|
, {
|
|
307
306
|
data: data
|
|
308
|
-
},
|
|
307
|
+
}, /*#__PURE__*/React.createElement(Editor, props));
|
|
309
308
|
}
|
|
310
309
|
ComposableEditor.propTypes = {
|
|
311
310
|
minHeight: function minHeight(_ref) {
|
|
@@ -9,8 +9,6 @@ var _hooks = require("@atlaskit/editor-common/hooks");
|
|
|
9
9
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
10
10
|
var _measureEnum = _interopRequireDefault(require("../../utils/performance/measure-enum"));
|
|
11
11
|
var _editorMeasureTTICallback = _interopRequireDefault(require("../utils/editorMeasureTTICallback"));
|
|
12
|
-
/** @jsx jsx */
|
|
13
|
-
|
|
14
12
|
/**
|
|
15
13
|
*
|
|
16
14
|
* Hook to be used for running analytics on mounting the editor.
|
|
@@ -11,8 +11,6 @@ var _utils = require("@atlaskit/editor-common/utils");
|
|
|
11
11
|
var _measureEnum = _interopRequireDefault(require("../../utils/performance/measure-enum"));
|
|
12
12
|
var _sendDurationAnalytics = _interopRequireDefault(require("../utils/sendDurationAnalytics"));
|
|
13
13
|
var _useEditorMeasuresConstructor = _interopRequireDefault(require("./useEditorMeasuresConstructor"));
|
|
14
|
-
/** @jsx jsx */
|
|
15
|
-
|
|
16
14
|
/**
|
|
17
15
|
*
|
|
18
16
|
* Hook to run the analytics for the Editor component.
|
package/dist/cjs/editor.js
CHANGED
|
@@ -13,18 +13,17 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
13
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
14
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
15
15
|
var _react = _interopRequireDefault(require("react"));
|
|
16
|
-
var _react2 = require("@emotion/react");
|
|
17
16
|
var _editorDeprecationWarnings = _interopRequireDefault(require("./utils/editorDeprecationWarnings"));
|
|
18
17
|
var _composableEditor = require("./composable-editor");
|
|
19
18
|
var _useUniversalPreset = _interopRequireDefault(require("./presets/useUniversalPreset"));
|
|
20
19
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
21
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
20
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
22
21
|
var ComposableEditorWrapper = function ComposableEditorWrapper(_ref) {
|
|
23
22
|
var props = _ref.props;
|
|
24
23
|
var preset = (0, _useUniversalPreset.default)({
|
|
25
24
|
props: props
|
|
26
25
|
});
|
|
27
|
-
return
|
|
26
|
+
return /*#__PURE__*/_react.default.createElement(_composableEditor.ComposableEditor, (0, _extends2.default)({
|
|
28
27
|
preset: preset
|
|
29
28
|
}, props));
|
|
30
29
|
};
|
|
@@ -41,7 +40,7 @@ var Editor = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
|
41
40
|
(0, _createClass2.default)(Editor, [{
|
|
42
41
|
key: "render",
|
|
43
42
|
value: function render() {
|
|
44
|
-
return
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement(ComposableEditorWrapper, {
|
|
45
44
|
props: this.props
|
|
46
45
|
});
|
|
47
46
|
}
|
|
@@ -13,7 +13,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
|
13
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
15
|
var _react = _interopRequireDefault(require("react"));
|
|
16
|
-
var _react2 = require("@emotion/react");
|
|
17
16
|
var _reactIntlNext = require("react-intl-next");
|
|
18
17
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
|
|
19
18
|
var _ToolbarButton = _interopRequireDefault(require("../../../../ui/ToolbarButton"));
|
|
@@ -24,7 +23,7 @@ var _styles2 = require("@atlaskit/editor-common/styles");
|
|
|
24
23
|
var _iconMap = require("./icon-map");
|
|
25
24
|
var _messages = require("./messages");
|
|
26
25
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
27
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
26
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
28
27
|
var AlignmentToolbar = exports.AlignmentToolbar = /*#__PURE__*/function (_React$Component) {
|
|
29
28
|
(0, _inherits2.default)(AlignmentToolbar, _React$Component);
|
|
30
29
|
var _super = _createSuper(AlignmentToolbar);
|
|
@@ -90,9 +89,9 @@ var AlignmentToolbar = exports.AlignmentToolbar = /*#__PURE__*/function (_React$
|
|
|
90
89
|
disabled = _this$props.disabled,
|
|
91
90
|
intl = _this$props.intl;
|
|
92
91
|
var title = intl.formatMessage(_messages.messages.alignment);
|
|
93
|
-
return
|
|
92
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
|
94
93
|
css: _styles.wrapper
|
|
95
|
-
},
|
|
94
|
+
}, /*#__PURE__*/_react.default.createElement(_uiMenu.DropdownContainer, {
|
|
96
95
|
mountTo: popupsMountPoint,
|
|
97
96
|
boundariesElement: popupsBoundariesElement,
|
|
98
97
|
scrollableElement: popupsScrollableElement,
|
|
@@ -118,7 +117,7 @@ var AlignmentToolbar = exports.AlignmentToolbar = /*#__PURE__*/function (_React$
|
|
|
118
117
|
fitWidth: 112,
|
|
119
118
|
fitHeight: 80,
|
|
120
119
|
closeOnTab: true,
|
|
121
|
-
trigger:
|
|
120
|
+
trigger: /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
|
|
122
121
|
spacing: isReducedSpacing ? 'none' : 'default',
|
|
123
122
|
disabled: disabled,
|
|
124
123
|
selected: isOpen,
|
|
@@ -129,23 +128,23 @@ var AlignmentToolbar = exports.AlignmentToolbar = /*#__PURE__*/function (_React$
|
|
|
129
128
|
"aria-haspopup": true,
|
|
130
129
|
onClick: this.toggleOpen,
|
|
131
130
|
onKeyDown: this.toggleOpenByKeyboard,
|
|
132
|
-
iconBefore:
|
|
131
|
+
iconBefore: /*#__PURE__*/_react.default.createElement("div", {
|
|
133
132
|
css: _styles.triggerWrapper
|
|
134
|
-
},
|
|
133
|
+
}, /*#__PURE__*/_react.default.createElement(_iconMap.IconMap, {
|
|
135
134
|
alignment: pluginState.align
|
|
136
|
-
}),
|
|
135
|
+
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
137
136
|
css: _styles.expandIconWrapper
|
|
138
|
-
},
|
|
137
|
+
}, /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
|
|
139
138
|
label: ""
|
|
140
139
|
}))),
|
|
141
140
|
ref: this.toolbarItemRef
|
|
142
141
|
})
|
|
143
|
-
},
|
|
142
|
+
}, /*#__PURE__*/_react.default.createElement(_Alignment.default, {
|
|
144
143
|
onClick: function onClick(align) {
|
|
145
144
|
return _this2.changeAlignment(align, false);
|
|
146
145
|
},
|
|
147
146
|
selectedAlignment: pluginState.align
|
|
148
|
-
})),
|
|
147
|
+
})), /*#__PURE__*/_react.default.createElement("span", {
|
|
149
148
|
css: _styles2.separatorStyles
|
|
150
149
|
}));
|
|
151
150
|
}
|
|
@@ -13,7 +13,6 @@ var _reactIntlNext = require("react-intl-next");
|
|
|
13
13
|
var _messages = require("../messages");
|
|
14
14
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
15
15
|
var _templateObject, _templateObject2;
|
|
16
|
-
/** @jsx jsx */
|
|
17
16
|
var toolbarButtonWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: flex-end;\n flex-grow: 0;\n align-items: center;\n & > div {\n margin-right: 0;\n }\n"])));
|
|
18
17
|
var toolbarButtonWrapperFullWidth = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n flex-grow: 1;\n"])), toolbarButtonWrapper);
|
|
19
18
|
var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
|
|
@@ -31,11 +30,11 @@ var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
|
|
|
31
30
|
eventType: _analytics.EVENT_TYPE.UI
|
|
32
31
|
});
|
|
33
32
|
}, [dispatchAnalyticsEvent]);
|
|
34
|
-
return
|
|
33
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
35
34
|
"aria-label": intl.formatMessage(_messages.avatarGroupMessages.editors),
|
|
36
35
|
"data-testid": 'avatar-group-in-plugin',
|
|
37
36
|
css: props.takeFullWidth ? toolbarButtonWrapperFullWidth : toolbarButtonWrapper
|
|
38
|
-
},
|
|
37
|
+
}, /*#__PURE__*/React.createElement(_avatarsWithPluginState.default, {
|
|
39
38
|
editorView: props.editorView,
|
|
40
39
|
eventDispatcher: props.eventDispatcher,
|
|
41
40
|
inviteToEditComponent: props.collabEdit && props.collabEdit.inviteToEditComponent,
|
|
@@ -8,10 +8,9 @@ exports.BeforePrimaryToolbarWrapper = void 0;
|
|
|
8
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _templateObject;
|
|
11
|
-
/** @jsx jsx */
|
|
12
11
|
var beforePrimaryToolbarPluginWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-right: 8px;\n flex-grow: 1;\n justify-content: flex-end;\n align-items: center;\n"])));
|
|
13
12
|
var BeforePrimaryToolbarWrapper = exports.BeforePrimaryToolbarWrapper = function BeforePrimaryToolbarWrapper(props) {
|
|
14
|
-
return
|
|
13
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
15
14
|
css: beforePrimaryToolbarPluginWrapper,
|
|
16
15
|
"data-testid": 'before-primary-toolbar-components-plugin'
|
|
17
16
|
}, props.beforePrimaryToolbarComponents);
|
|
@@ -33,7 +33,6 @@ var _isSupportedNode = require("../utils/is-supported-node");
|
|
|
33
33
|
var _constants = require("@atlaskit/theme/constants");
|
|
34
34
|
var _utils2 = require("@atlaskit/editor-common/utils");
|
|
35
35
|
var _templateObject;
|
|
36
|
-
/** @jsx jsx */
|
|
37
36
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
38
37
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
39
38
|
var toolbarButtonWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n && button {\n background: ", ";\n color: ", ";\n :hover {\n background: ", ";\n color: ", " !important;\n }\n }\n"])), "var(--ds-background-neutral, ".concat(_colors.N20A, ")"), "var(--ds-icon, ".concat(_colors.N300, ")"), "var(--ds-background-neutral-hovered, ".concat(_colors.B300, ")"), "var(--ds-icon, white)");
|
|
@@ -101,7 +100,7 @@ var LayoutButton = /*#__PURE__*/function (_React$Component) {
|
|
|
101
100
|
if (closestEl && closestEl.firstChild) {
|
|
102
101
|
element = closestEl.firstChild;
|
|
103
102
|
}
|
|
104
|
-
return
|
|
103
|
+
return /*#__PURE__*/_react.default.createElement(_ui.Popup, {
|
|
105
104
|
ariaLabel: title,
|
|
106
105
|
target: element,
|
|
107
106
|
offset: [5, 0],
|
|
@@ -113,15 +112,15 @@ var LayoutButton = /*#__PURE__*/function (_React$Component) {
|
|
|
113
112
|
stick: true,
|
|
114
113
|
forcePlacement: true,
|
|
115
114
|
zIndex: belowOtherPopupsZIndex
|
|
116
|
-
},
|
|
115
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
117
116
|
css: toolbarButtonWrapper
|
|
118
|
-
},
|
|
117
|
+
}, /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
|
|
119
118
|
title: title,
|
|
120
119
|
testId: titleMessage.id,
|
|
121
120
|
onClick: this.handleClick(nextBreakoutMode),
|
|
122
|
-
iconBefore: breakoutMode === 'full-width' ?
|
|
121
|
+
iconBefore: breakoutMode === 'full-width' ? /*#__PURE__*/_react.default.createElement(_collapse.default, {
|
|
123
122
|
label: title
|
|
124
|
-
}) :
|
|
123
|
+
}) : /*#__PURE__*/_react.default.createElement(_expand.default, {
|
|
125
124
|
label: title
|
|
126
125
|
})
|
|
127
126
|
})));
|
|
@@ -6,13 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.Avatars = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _react2 = require("@emotion/react");
|
|
10
9
|
var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
|
|
11
10
|
var _styles = require("./styles");
|
|
12
11
|
var _toAvatar = _interopRequireDefault(require("./to-avatar"));
|
|
13
12
|
var _utils = require("../utils");
|
|
14
|
-
/** @jsx jsx */
|
|
15
|
-
|
|
16
13
|
var Avatars = exports.Avatars = /*#__PURE__*/_react.default.memo(function (props) {
|
|
17
14
|
var sessionId = props.sessionId,
|
|
18
15
|
editorView = props.editorView,
|
|
@@ -24,9 +21,9 @@ var Avatars = exports.Avatars = /*#__PURE__*/_react.default.memo(function (props
|
|
|
24
21
|
if (!avatars.length) {
|
|
25
22
|
return null;
|
|
26
23
|
}
|
|
27
|
-
return
|
|
24
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
28
25
|
css: _styles.avatarContainer
|
|
29
|
-
},
|
|
26
|
+
}, /*#__PURE__*/_react.default.createElement(_avatarGroup.default, {
|
|
30
27
|
appearance: "stack",
|
|
31
28
|
size: "medium",
|
|
32
29
|
data: avatars,
|
|
@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.ColoredAvatarItem = void 0;
|
|
7
|
-
var _react = require("@emotion/react");
|
|
8
7
|
var _utils = require("../utils");
|
|
9
8
|
var _styles = require("./styles");
|
|
10
|
-
/** @jsx jsx */
|
|
11
|
-
|
|
12
9
|
var ColoredAvatarItem = exports.ColoredAvatarItem = function ColoredAvatarItem(props) {
|
|
13
10
|
var color = (0, _utils.getAvatarColor)(props.sessionId).color.solid;
|
|
14
11
|
var avatar = props.name.substr(0, 1).toUpperCase();
|
|
15
|
-
return
|
|
12
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
16
13
|
css: (0, _styles.badge)(color),
|
|
17
14
|
"data-testid": "editor-collab-badge"
|
|
18
15
|
}, avatar);
|
|
@@ -7,16 +7,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.InviteToEditButton = void 0;
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _react2 = require("@emotion/react");
|
|
11
10
|
var _add = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/add"));
|
|
12
11
|
var _ToolbarButton = _interopRequireDefault(require("../../../ui/ToolbarButton"));
|
|
13
12
|
var _styles = require("./styles");
|
|
14
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
|
-
/** @jsx jsx */
|
|
17
|
-
|
|
18
15
|
var ID = function ID(props) {
|
|
19
|
-
return
|
|
16
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, props.children);
|
|
20
17
|
};
|
|
21
18
|
var InviteToEditButton = exports.InviteToEditButton = function InviteToEditButton(props) {
|
|
22
19
|
var Component = props.Component,
|
|
@@ -24,7 +21,7 @@ var InviteToEditButton = exports.InviteToEditButton = function InviteToEditButto
|
|
|
24
21
|
selected = props.selected,
|
|
25
22
|
title = props.title;
|
|
26
23
|
var iconBefore = _react.default.useMemo(function () {
|
|
27
|
-
return
|
|
24
|
+
return /*#__PURE__*/_react.default.createElement(_add.default, {
|
|
28
25
|
label: title
|
|
29
26
|
});
|
|
30
27
|
}, [title]);
|
|
@@ -32,9 +29,9 @@ var InviteToEditButton = exports.InviteToEditButton = function InviteToEditButto
|
|
|
32
29
|
return null;
|
|
33
30
|
}
|
|
34
31
|
var Wrapper = Component ? Component : ID;
|
|
35
|
-
return
|
|
32
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
36
33
|
css: _styles.inviteTeamWrapper
|
|
37
|
-
},
|
|
34
|
+
}, /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
|
|
38
35
|
className: "invite-to-edit",
|
|
39
36
|
onClick: onClick,
|
|
40
37
|
selected: selected,
|
|
@@ -23,8 +23,9 @@ var createPlugin = exports.createPlugin = function createPlugin() {
|
|
|
23
23
|
var _newState$schema$node = newState.schema.nodes,
|
|
24
24
|
extension = _newState$schema$node.extension,
|
|
25
25
|
bodiedExtension = _newState$schema$node.bodiedExtension,
|
|
26
|
-
inlineExtension = _newState$schema$node.inlineExtension
|
|
27
|
-
|
|
26
|
+
inlineExtension = _newState$schema$node.inlineExtension,
|
|
27
|
+
multiBodiedExtension = _newState$schema$node.multiBodiedExtension;
|
|
28
|
+
var extensionTypes = new Set([extension, bodiedExtension, inlineExtension, multiBodiedExtension]);
|
|
28
29
|
var idsObserved = new Set();
|
|
29
30
|
transactions.forEach(function (transaction) {
|
|
30
31
|
if (!transaction.docChanged) {
|
|
@@ -53,7 +54,7 @@ var createPlugin = exports.createPlugin = function createPlugin() {
|
|
|
53
54
|
* If it's a bodiedExtension, we'll need to keep digging; since we
|
|
54
55
|
* can have more extension nodes within the contents of that
|
|
55
56
|
*/
|
|
56
|
-
if (node.type
|
|
57
|
+
if ([multiBodiedExtension, bodiedExtension].includes(node.type)) {
|
|
57
58
|
return true;
|
|
58
59
|
}
|
|
59
60
|
return false;
|
|
@@ -9,7 +9,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
|
-
var _react2 = require("@emotion/react");
|
|
13
12
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
14
13
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
15
14
|
var _styles = require("./styles");
|
|
@@ -19,7 +18,6 @@ var _classnames2 = _interopRequireDefault(require("classnames"));
|
|
|
19
18
|
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
20
19
|
var _withPluginState = require("@atlaskit/editor-common/with-plugin-state");
|
|
21
20
|
var _excluded = ["type"];
|
|
22
|
-
/** @jsx jsx */
|
|
23
21
|
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; }
|
|
24
22
|
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; }
|
|
25
23
|
function ExtensionWithPluginState(props) {
|
|
@@ -76,26 +74,26 @@ function ExtensionWithPluginState(props) {
|
|
|
76
74
|
customContainerStyles = breakoutStyles;
|
|
77
75
|
}
|
|
78
76
|
newContentStyles = _objectSpread(_objectSpread({}, newContentStyles), _styles.contentWrapper);
|
|
79
|
-
return
|
|
77
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
80
78
|
ref: handleRef,
|
|
81
79
|
"data-layout": node.attrs.layout,
|
|
82
80
|
className: classNames,
|
|
83
81
|
css: _styles.wrapperStyle,
|
|
84
82
|
style: customContainerStyles
|
|
85
|
-
},
|
|
83
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
86
84
|
className: "extension-overflow-wrapper ".concat(hasBody ? 'with-body' : '')
|
|
87
|
-
},
|
|
85
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
88
86
|
css: _styles2.overlay,
|
|
89
87
|
className: "extension-overlay"
|
|
90
|
-
}),
|
|
88
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
91
89
|
css: _styles.header,
|
|
92
90
|
contentEditable: false,
|
|
93
91
|
className: headerClassNames
|
|
94
|
-
}, !removeBorder &&
|
|
92
|
+
}, !removeBorder && /*#__PURE__*/_react.default.createElement(_Lozenge.default, {
|
|
95
93
|
node: node
|
|
96
|
-
}), children), hasBody &&
|
|
94
|
+
}), children), hasBody && /*#__PURE__*/_react.default.createElement("div", {
|
|
97
95
|
css: newContentStyles
|
|
98
|
-
},
|
|
96
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
99
97
|
css: _styles.content,
|
|
100
98
|
ref: handleContentDOMRef,
|
|
101
99
|
className: "extension-content block"
|
|
@@ -107,13 +105,13 @@ var Extension = function Extension(props) {
|
|
|
107
105
|
// which cannot access the `pluginInjectionApi`. When we move
|
|
108
106
|
// Confluence to using presets we can remove this workaround.
|
|
109
107
|
var pluginInjectionApi = props.pluginInjectionApi;
|
|
110
|
-
return pluginInjectionApi === undefined ?
|
|
108
|
+
return pluginInjectionApi === undefined ? /*#__PURE__*/_react.default.createElement(ExtensionDeprecated, props) : /*#__PURE__*/_react.default.createElement(ExtensionWithSharedState, props);
|
|
111
109
|
};
|
|
112
110
|
var ExtensionWithSharedState = function ExtensionWithSharedState(props) {
|
|
113
111
|
var pluginInjectionApi = props.pluginInjectionApi;
|
|
114
112
|
var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['width']),
|
|
115
113
|
widthState = _useSharedPluginState.widthState;
|
|
116
|
-
return
|
|
114
|
+
return /*#__PURE__*/_react.default.createElement(ExtensionWithPluginState, (0, _extends2.default)({
|
|
117
115
|
widthState: widthState
|
|
118
116
|
}, props));
|
|
119
117
|
};
|
|
@@ -129,14 +127,14 @@ var widthPluginKey = {
|
|
|
129
127
|
}
|
|
130
128
|
};
|
|
131
129
|
var ExtensionDeprecated = function ExtensionDeprecated(props) {
|
|
132
|
-
return
|
|
130
|
+
return /*#__PURE__*/_react.default.createElement(_withPluginState.WithPluginState, {
|
|
133
131
|
editorView: props.view,
|
|
134
132
|
plugins: {
|
|
135
133
|
widthState: widthPluginKey
|
|
136
134
|
},
|
|
137
135
|
render: function render(_ref) {
|
|
138
136
|
var widthState = _ref.widthState;
|
|
139
|
-
return
|
|
137
|
+
return /*#__PURE__*/_react.default.createElement(ExtensionWithPluginState, (0, _extends2.default)({
|
|
140
138
|
widthState: widthState
|
|
141
139
|
}, props));
|
|
142
140
|
}
|
|
@@ -12,14 +12,13 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
|
|
|
12
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
var _react2 = require("@emotion/react");
|
|
16
15
|
var _styles = require("../styles");
|
|
17
16
|
var _Lozenge = _interopRequireDefault(require("../Lozenge"));
|
|
18
17
|
var _styles2 = require("./styles");
|
|
19
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
20
19
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
20
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
22
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
21
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
23
22
|
var InlineExtension = exports.default = /*#__PURE__*/function (_Component) {
|
|
24
23
|
(0, _inherits2.default)(InlineExtension, _Component);
|
|
25
24
|
var _super = _createSuper(InlineExtension);
|
|
@@ -35,13 +34,13 @@ var InlineExtension = exports.default = /*#__PURE__*/function (_Component) {
|
|
|
35
34
|
children = _this$props.children;
|
|
36
35
|
var hasChildren = !!children;
|
|
37
36
|
var className = hasChildren ? 'with-overlay with-children' : 'with-overlay';
|
|
38
|
-
return
|
|
37
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
39
38
|
css: _styles2.wrapperStyle,
|
|
40
39
|
className: "extension-container inline ".concat(className)
|
|
41
|
-
},
|
|
40
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
42
41
|
css: _styles.overlay,
|
|
43
42
|
className: "extension-overlay"
|
|
44
|
-
}), children ? children :
|
|
43
|
+
}), children ? children : /*#__PURE__*/_react.default.createElement(_Lozenge.default, {
|
|
45
44
|
node: node
|
|
46
45
|
}));
|
|
47
46
|
}
|