@atlaskit/editor-core 197.2.0 → 197.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/dist/cjs/composable-editor/core-editor.js +2 -2
- package/dist/cjs/create-editor/create-schema.js +2 -2
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +57 -66
- package/dist/cjs/ui/Appearance/FullPage/StyledComponents.js +1 -18
- package/dist/cjs/ui/ContextPanel/index.js +1 -8
- package/dist/cjs/utils/document.js +0 -24
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/composable-editor/core-editor.js +1 -1
- package/dist/es2019/create-editor/create-schema.js +1 -1
- package/dist/es2019/index.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +58 -68
- package/dist/es2019/ui/Appearance/FullPage/StyledComponents.js +1 -18
- package/dist/es2019/ui/ContextPanel/index.js +0 -5
- package/dist/es2019/utils/document.js +0 -20
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/composable-editor/core-editor.js +1 -1
- package/dist/esm/create-editor/create-schema.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +58 -67
- package/dist/esm/ui/Appearance/FullPage/StyledComponents.js +1 -18
- package/dist/esm/ui/ContextPanel/index.js +0 -5
- package/dist/esm/utils/document.js +0 -22
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/composable-editor/editor-internal.d.ts +1 -1
- package/dist/types/composable-editor/hooks/useEditorMeasuresConstructor.d.ts +1 -1
- package/dist/types/composable-editor/hooks/useMeasureEditorMountTime.d.ts +1 -1
- package/dist/types/composable-editor/hooks/useProviderFactory.d.ts +1 -1
- package/dist/types/composable-editor/utils/editorMeasureTTICallback.d.ts +1 -1
- package/dist/types/composable-editor/utils/sendDurationAnalytics.d.ts +1 -1
- package/dist/types/create-editor/ErrorBoundary.d.ts +1 -1
- package/dist/types/create-editor/ReactEditorView.d.ts +1 -1
- package/dist/types/create-editor/create-plugins-list.d.ts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/presets/default.d.ts +1 -1
- package/dist/types/presets/universal.d.ts +1 -1
- package/dist/types/ui/Appearance/FullPage/StyledComponents.d.ts +1 -2
- package/dist/types/ui/ContentStyles/index.d.ts +2 -2
- package/dist/types/ui/ContextPanel/index.d.ts +0 -1
- package/dist/types/utils/document.d.ts +0 -5
- package/dist/types-ts4.5/composable-editor/editor-internal.d.ts +1 -1
- package/dist/types-ts4.5/composable-editor/hooks/useEditorMeasuresConstructor.d.ts +1 -1
- package/dist/types-ts4.5/composable-editor/hooks/useMeasureEditorMountTime.d.ts +1 -1
- package/dist/types-ts4.5/composable-editor/hooks/useProviderFactory.d.ts +1 -1
- package/dist/types-ts4.5/composable-editor/utils/editorMeasureTTICallback.d.ts +1 -1
- package/dist/types-ts4.5/composable-editor/utils/sendDurationAnalytics.d.ts +1 -1
- package/dist/types-ts4.5/create-editor/ErrorBoundary.d.ts +1 -1
- package/dist/types-ts4.5/create-editor/ReactEditorView.d.ts +1 -1
- package/dist/types-ts4.5/create-editor/create-plugins-list.d.ts +1 -1
- package/dist/types-ts4.5/index.d.ts +1 -1
- package/dist/types-ts4.5/presets/default.d.ts +1 -1
- package/dist/types-ts4.5/presets/universal.d.ts +1 -1
- package/dist/types-ts4.5/ui/Appearance/FullPage/StyledComponents.d.ts +1 -2
- package/dist/types-ts4.5/ui/ContentStyles/index.d.ts +2 -2
- package/dist/types-ts4.5/ui/ContextPanel/index.d.ts +0 -1
- package/dist/types-ts4.5/utils/document.d.ts +0 -5
- package/package.json +3 -7
- package/dist/cjs/ui/ContextPanel/deprecated.js +0 -283
- package/dist/cjs/utils/node-width.js +0 -20
- package/dist/es2019/ui/ContextPanel/deprecated.js +0 -258
- package/dist/es2019/utils/node-width.js +0 -9
- package/dist/esm/ui/ContextPanel/deprecated.js +0 -277
- package/dist/esm/utils/node-width.js +0 -9
- package/dist/types/ui/ContextPanel/deprecated.d.ts +0 -44
- package/dist/types/utils/node-width.d.ts +0 -7
- package/dist/types-ts4.5/ui/ContextPanel/deprecated.d.ts +0 -44
- package/dist/types-ts4.5/utils/node-width.d.ts +0 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 197.2.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#135933](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/135933)
|
|
8
|
+
[`e0704de94b493`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e0704de94b493) -
|
|
9
|
+
Clean up deprecated context panel UI component (no longer used).
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 197.2.1
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [#136143](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136143)
|
|
17
|
+
[`851c2575d214e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/851c2575d214e) -
|
|
18
|
+
Use optimised entry-points for analytics packages to reduce bundle size.
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 197.2.0
|
|
4
22
|
|
|
5
23
|
### Minor Changes
|
|
@@ -12,7 +12,7 @@ var _react2 = require("@emotion/react");
|
|
|
12
12
|
var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
|
|
13
13
|
var _v = _interopRequireDefault(require("uuid/v4"));
|
|
14
14
|
var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
|
|
15
|
-
var
|
|
15
|
+
var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
|
|
16
16
|
var _analytics = require("@atlaskit/editor-common/analytics");
|
|
17
17
|
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
18
18
|
var _performanceMeasures = require("@atlaskit/editor-common/performance-measures");
|
|
@@ -51,7 +51,7 @@ function Editor(passedProps) {
|
|
|
51
51
|
}, []);
|
|
52
52
|
var editorActions = editorContext.editorActions || editorActionsPlaceholderInstance;
|
|
53
53
|
var startTime = (0, _react.useRef)(performance.now());
|
|
54
|
-
var _useAnalyticsEvents = (0,
|
|
54
|
+
var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
|
|
55
55
|
createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
|
|
56
56
|
var experienceStore = (0, _react.useRef)();
|
|
57
57
|
var handleAnalyticsEvent = (0, _react.useCallback)(function (data) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.createSchema = createSchema;
|
|
7
|
-
var
|
|
7
|
+
var _schema = require("@atlaskit/adf-schema/schema");
|
|
8
8
|
var _model = require("@atlaskit/editor-prosemirror/model");
|
|
9
9
|
var _createEditor = require("./create-editor");
|
|
10
10
|
var _sortByOrder = require("./sort-by-order");
|
|
@@ -13,7 +13,7 @@ function createSchema(editorConfig) {
|
|
|
13
13
|
acc[mark.name] = mark.mark;
|
|
14
14
|
return acc;
|
|
15
15
|
}, {}));
|
|
16
|
-
var nodes = (0,
|
|
16
|
+
var nodes = (0, _schema.sanitizeNodes)(editorConfig.nodes.sort((0, _sortByOrder.sortByOrder)('nodes')).reduce(function (acc, node) {
|
|
17
17
|
acc[node.name] = node.node;
|
|
18
18
|
return acc;
|
|
19
19
|
}, {}), marks);
|
package/dist/cjs/index.js
CHANGED
|
@@ -37,7 +37,7 @@ Object.defineProperty(exports, "CollapsedEditor", {
|
|
|
37
37
|
Object.defineProperty(exports, "ContextPanel", {
|
|
38
38
|
enumerable: true,
|
|
39
39
|
get: function get() {
|
|
40
|
-
return _ContextPanel.
|
|
40
|
+
return _ContextPanel.ContextPanel;
|
|
41
41
|
}
|
|
42
42
|
});
|
|
43
43
|
Object.defineProperty(exports, "EVENT_TYPE", {
|
|
@@ -156,7 +156,7 @@ var _WithHelpTrigger = _interopRequireDefault(require("./ui/WithHelpTrigger"));
|
|
|
156
156
|
var _CollapsedEditor = _interopRequireDefault(require("./ui/CollapsedEditor"));
|
|
157
157
|
var _ToolbarHelp = _interopRequireDefault(require("./ui/ToolbarHelp"));
|
|
158
158
|
var _ToolbarFeedback = _interopRequireDefault(require("./ui/ToolbarFeedback"));
|
|
159
|
-
var _ContextPanel =
|
|
159
|
+
var _ContextPanel = require("./ui/ContextPanel");
|
|
160
160
|
var _resource = require("@atlaskit/emoji/resource");
|
|
161
161
|
var _resource2 = require("@atlaskit/mention/resource");
|
|
162
162
|
var _teamResource = require("@atlaskit/mention/team-resource");
|
|
@@ -10,9 +10,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
11
|
var _reactIntlNext = require("react-intl-next");
|
|
12
12
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
13
|
-
var _ui = require("@atlaskit/editor-common/ui");
|
|
14
13
|
var _Addon = require("../../Addon");
|
|
15
|
-
var _ContextPanel =
|
|
14
|
+
var _ContextPanel = require("../../ContextPanel");
|
|
16
15
|
var _PluginSlot = _interopRequireDefault(require("../../PluginSlot"));
|
|
17
16
|
var _StyledComponents = require("./StyledComponents");
|
|
18
17
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
@@ -26,6 +25,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
26
25
|
|
|
27
26
|
var CONTENT_AREA_TEST_ID = exports.CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
|
|
28
27
|
var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
28
|
+
var _contentAreaRef$curre;
|
|
29
29
|
var theme = (0, _react2.useTheme)();
|
|
30
30
|
var fullWidthMode = props.appearance === 'full-width';
|
|
31
31
|
var scrollContainerRef = (0, _react.useRef)(null);
|
|
@@ -44,70 +44,61 @@ var Content = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
44
44
|
}
|
|
45
45
|
};
|
|
46
46
|
}, []);
|
|
47
|
-
return (
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
wrapperElement: props.wrapperElement
|
|
103
|
-
}), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? props.customContentComponents.after : null)))), (0, _react2.jsx)("div", {
|
|
104
|
-
css: _StyledComponents.sidebarArea
|
|
105
|
-
}, props.contextPanel || (0, _react2.jsx)(_ContextPanel.default, {
|
|
106
|
-
editorAPI: props.editorAPI,
|
|
107
|
-
visible: false
|
|
108
|
-
})));
|
|
109
|
-
})
|
|
110
|
-
);
|
|
47
|
+
return (0, _react2.jsx)("div", {
|
|
48
|
+
css: [
|
|
49
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
50
|
+
_StyledComponents.contentArea,
|
|
51
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
52
|
+
props.isEditorToolbarHidden && _StyledComponents.contentAreaHeightNoToolbar],
|
|
53
|
+
"data-testid": CONTENT_AREA_TEST_ID,
|
|
54
|
+
ref: containerRef
|
|
55
|
+
}, (0, _react2.jsx)(_StyledComponents.ScrollContainer
|
|
56
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
57
|
+
, {
|
|
58
|
+
className: "fabric-editor-popup-scroll-parent",
|
|
59
|
+
featureFlags: props.featureFlags,
|
|
60
|
+
ref: scrollContainerRef
|
|
61
|
+
}, (0, _react2.jsx)(_Addon.ClickAreaBlock, {
|
|
62
|
+
editorView: props.editorView,
|
|
63
|
+
editorDisabled: props.disabled
|
|
64
|
+
}, (0, _react2.jsx)("div", {
|
|
65
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
66
|
+
css: (0, _StyledComponents.editorContentAreaStyle)({
|
|
67
|
+
fullWidthMode: fullWidthMode,
|
|
68
|
+
layoutMaxWidth: theme.layoutMaxWidth
|
|
69
|
+
}),
|
|
70
|
+
role: "region",
|
|
71
|
+
"aria-label": props.intl.formatMessage(_messages.fullPageMessages.editableContentLabel),
|
|
72
|
+
ref: contentAreaRef
|
|
73
|
+
}, (0, _react2.jsx)("div", {
|
|
74
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
75
|
+
css: (0, _StyledComponents.editorContentGutterStyle)()
|
|
76
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
77
|
+
,
|
|
78
|
+
className: ['ak-editor-content-area', fullWidthMode ? 'fabric-editor--full-width-mode' : ''].join(' '),
|
|
79
|
+
ref: contentAreaRef
|
|
80
|
+
}, !!props.customContentComponents && 'before' in props.customContentComponents ? props.customContentComponents.before : props.customContentComponents, (0, _react2.jsx)(_PluginSlot.default, {
|
|
81
|
+
editorView: props.editorView,
|
|
82
|
+
editorActions: props.editorActions,
|
|
83
|
+
eventDispatcher: props.eventDispatcher,
|
|
84
|
+
providerFactory: props.providerFactory,
|
|
85
|
+
appearance: props.appearance,
|
|
86
|
+
items: props.contentComponents,
|
|
87
|
+
pluginHooks: props.pluginHooks,
|
|
88
|
+
contentArea: (_contentAreaRef$curre = contentAreaRef.current) !== null && _contentAreaRef$curre !== void 0 ? _contentAreaRef$curre : undefined,
|
|
89
|
+
popupsMountPoint: props.popupsMountPoint,
|
|
90
|
+
popupsBoundariesElement: props.popupsBoundariesElement,
|
|
91
|
+
popupsScrollableElement: props.popupsScrollableElement,
|
|
92
|
+
disabled: !!props.disabled,
|
|
93
|
+
containerElement: scrollContainerRef.current,
|
|
94
|
+
dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
|
|
95
|
+
wrapperElement: props.wrapperElement
|
|
96
|
+
}), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? props.customContentComponents.after : null)))), (0, _react2.jsx)("div", {
|
|
97
|
+
css: _StyledComponents.sidebarArea
|
|
98
|
+
}, props.contextPanel || (0, _react2.jsx)(_ContextPanel.ContextPanel, {
|
|
99
|
+
editorAPI: props.editorAPI,
|
|
100
|
+
visible: false
|
|
101
|
+
})));
|
|
111
102
|
});
|
|
112
103
|
var FullPageContentArea = exports.FullPageContentArea = (0, _reactIntlNext.injectIntl)(Content, {
|
|
113
104
|
forwardRef: true
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.sidebarArea = exports.
|
|
7
|
+
exports.sidebarArea = exports.fullPageEditorWrapper = exports.editorContentGutterStyle = exports.editorContentAreaStyle = exports.editorContentAreaHideContainer = exports.contentAreaHeightNoToolbar = exports.contentArea = exports.ScrollContainer = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _adfSchema = require("@atlaskit/adf-schema");
|
|
@@ -45,23 +45,6 @@ _scrollbar.scrollbarStyles);
|
|
|
45
45
|
var ScrollContainer = exports.ScrollContainer = (0, _ContentStyles.createEditorContentStyle)(scrollStyles);
|
|
46
46
|
ScrollContainer.displayName = 'ScrollContainer';
|
|
47
47
|
|
|
48
|
-
// transition used to match scrollbar with config panel opening animation
|
|
49
|
-
// only use animation when opening as there is a bug with floating toolbars.
|
|
50
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
51
|
-
var positionedOverEditorStyle = exports.positionedOverEditorStyle = (0, _react.css)({
|
|
52
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
53
|
-
paddingRight: "".concat(_editorSharedStyles.akEditorContextPanelWidth, "px"),
|
|
54
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
55
|
-
transition: "padding 500ms ".concat(_editorSharedStyles.akEditorSwoopCubicBezier),
|
|
56
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
57
|
-
'.fabric-editor-popup-scroll-parent': {
|
|
58
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
59
|
-
paddingLeft: "".concat(_editorSharedStyles.akEditorContextPanelWidth, "px"),
|
|
60
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
61
|
-
transition: "padding 500ms ".concat(_editorSharedStyles.akEditorSwoopCubicBezier)
|
|
62
|
-
}
|
|
63
|
-
});
|
|
64
|
-
|
|
65
48
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
66
49
|
var contentArea = exports.contentArea = function contentArea() {
|
|
67
50
|
var editorToolbarHeight = (0, _editorSharedStyles.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT)();
|
|
@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.ContextPanel = ContextPanel;
|
|
8
|
-
exports.content = exports.SwappableContentArea = void 0;
|
|
9
|
-
exports.default = ContextPanelDefault;
|
|
10
|
-
exports.panel = void 0;
|
|
8
|
+
exports.panel = exports.content = exports.SwappableContentArea = void 0;
|
|
11
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
12
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
@@ -22,9 +20,7 @@ var _Transition = _interopRequireDefault(require("react-transition-group/Transit
|
|
|
22
20
|
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
23
21
|
var _ui = require("@atlaskit/editor-common/ui");
|
|
24
22
|
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
25
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
26
23
|
var _colors = require("@atlaskit/theme/colors");
|
|
27
|
-
var _deprecated = _interopRequireDefault(require("./deprecated"));
|
|
28
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; }
|
|
29
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; }
|
|
30
26
|
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); }; }
|
|
@@ -170,7 +166,4 @@ function ContextPanel(props) {
|
|
|
170
166
|
editorAPI: props.editorAPI,
|
|
171
167
|
pluginContent: firstContent
|
|
172
168
|
}));
|
|
173
|
-
}
|
|
174
|
-
function ContextPanelDefault(props) {
|
|
175
|
-
return (0, _platformFeatureFlags.fg)('platform_editor_context-panel_simplify_behaviour') ? (0, _react2.jsx)(ContextPanel, props) : (0, _react2.jsx)(_deprecated.default, props);
|
|
176
169
|
}
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
|
-
exports.getChildBreakoutModes = getChildBreakoutModes;
|
|
8
6
|
exports.getNodesCount = getNodesCount;
|
|
9
7
|
exports.processRawFragmentValue = processRawFragmentValue;
|
|
10
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
11
8
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
12
9
|
var _model = require("@atlaskit/editor-prosemirror/model");
|
|
13
|
-
var _nodeWidth = require("./node-width");
|
|
14
10
|
function processRawFragmentValue(schema, value, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent) {
|
|
15
11
|
if (!value) {
|
|
16
12
|
return;
|
|
@@ -31,24 +27,4 @@ function getNodesCount(node) {
|
|
|
31
27
|
count[node.type.name] = (count[node.type.name] || 0) + 1;
|
|
32
28
|
});
|
|
33
29
|
return count;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* Returns a set of active child breakout modes
|
|
38
|
-
*/
|
|
39
|
-
function getChildBreakoutModes(doc, schema) {
|
|
40
|
-
var filter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ['wide', 'full-width'];
|
|
41
|
-
var breakoutModes = new Set();
|
|
42
|
-
if (doc.type.name === 'doc' && doc.childCount) {
|
|
43
|
-
for (var i = 0; i < doc.childCount; ++i) {
|
|
44
|
-
if (breakoutModes.size === filter.length) {
|
|
45
|
-
break;
|
|
46
|
-
}
|
|
47
|
-
var breakoutMode = (0, _nodeWidth.getBreakoutMode)(doc.child(i), schema.marks.breakout);
|
|
48
|
-
if (breakoutMode && filter.includes(breakoutMode)) {
|
|
49
|
-
breakoutModes.add(breakoutMode);
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
return (0, _toConsumableArray2.default)(breakoutModes);
|
|
54
30
|
}
|
|
@@ -10,7 +10,7 @@ import { jsx } from '@emotion/react';
|
|
|
10
10
|
import isEqual from 'lodash/isEqual';
|
|
11
11
|
import uuid from 'uuid/v4';
|
|
12
12
|
import { FabricEditorAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
|
|
13
|
-
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
13
|
+
import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
|
|
14
14
|
import { ACTION, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
|
|
15
15
|
import { useConstructor } from '@atlaskit/editor-common/hooks';
|
|
16
16
|
import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { sanitizeNodes } from '@atlaskit/adf-schema';
|
|
1
|
+
import { sanitizeNodes } from '@atlaskit/adf-schema/schema';
|
|
2
2
|
import { Schema } from '@atlaskit/editor-prosemirror/model';
|
|
3
3
|
import { fixExcludes } from './create-editor';
|
|
4
4
|
import { sortByOrder } from './sort-by-order';
|
package/dist/es2019/index.js
CHANGED
|
@@ -12,7 +12,7 @@ export {
|
|
|
12
12
|
* @deprecated
|
|
13
13
|
* DO NOT USE THIS WILL BE REMOVED SOON. This was intended for internal usage only
|
|
14
14
|
*/
|
|
15
|
-
|
|
15
|
+
ContextPanel } from './ui/ContextPanel';
|
|
16
16
|
export { EmojiResource } from '@atlaskit/emoji/resource';
|
|
17
17
|
export { MentionResource } from '@atlaskit/mention/resource';
|
|
18
18
|
export { TeamMentionResource } from '@atlaskit/mention/team-resource';
|
|
@@ -9,13 +9,13 @@ import React, { useImperativeHandle, useRef } from 'react';
|
|
|
9
9
|
import { jsx, useTheme } from '@emotion/react';
|
|
10
10
|
import { injectIntl } from 'react-intl-next';
|
|
11
11
|
import { fullPageMessages as messages } from '@atlaskit/editor-common/messages';
|
|
12
|
-
import { ContextPanelConsumer } from '@atlaskit/editor-common/ui';
|
|
13
12
|
import { ClickAreaBlock } from '../../Addon';
|
|
14
|
-
import ContextPanel from '../../ContextPanel';
|
|
13
|
+
import { ContextPanel } from '../../ContextPanel';
|
|
15
14
|
import PluginSlot from '../../PluginSlot';
|
|
16
|
-
import { contentArea, contentAreaHeightNoToolbar, editorContentAreaStyle, editorContentGutterStyle,
|
|
15
|
+
import { contentArea, contentAreaHeightNoToolbar, editorContentAreaStyle, editorContentGutterStyle, ScrollContainer, sidebarArea } from './StyledComponents';
|
|
17
16
|
export const CONTENT_AREA_TEST_ID = 'ak-editor-fp-content-area';
|
|
18
17
|
const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
18
|
+
var _contentAreaRef$curre;
|
|
19
19
|
const theme = useTheme();
|
|
20
20
|
const fullWidthMode = props.appearance === 'full-width';
|
|
21
21
|
const scrollContainerRef = useRef(null);
|
|
@@ -32,71 +32,61 @@ const Content = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
32
32
|
return containerRef.current;
|
|
33
33
|
}
|
|
34
34
|
}), []);
|
|
35
|
-
return (
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
|
|
91
|
-
wrapperElement: props.wrapperElement
|
|
92
|
-
}), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? props.customContentComponents.after : null)))), jsx("div", {
|
|
93
|
-
css: sidebarArea
|
|
94
|
-
}, props.contextPanel || jsx(ContextPanel, {
|
|
95
|
-
editorAPI: props.editorAPI,
|
|
96
|
-
visible: false
|
|
97
|
-
})));
|
|
98
|
-
})
|
|
99
|
-
);
|
|
35
|
+
return jsx("div", {
|
|
36
|
+
css: [
|
|
37
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
38
|
+
contentArea,
|
|
39
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
40
|
+
props.isEditorToolbarHidden && contentAreaHeightNoToolbar],
|
|
41
|
+
"data-testid": CONTENT_AREA_TEST_ID,
|
|
42
|
+
ref: containerRef
|
|
43
|
+
}, jsx(ScrollContainer
|
|
44
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
45
|
+
, {
|
|
46
|
+
className: "fabric-editor-popup-scroll-parent",
|
|
47
|
+
featureFlags: props.featureFlags,
|
|
48
|
+
ref: scrollContainerRef
|
|
49
|
+
}, jsx(ClickAreaBlock, {
|
|
50
|
+
editorView: props.editorView,
|
|
51
|
+
editorDisabled: props.disabled
|
|
52
|
+
}, jsx("div", {
|
|
53
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
54
|
+
css: editorContentAreaStyle({
|
|
55
|
+
fullWidthMode,
|
|
56
|
+
layoutMaxWidth: theme.layoutMaxWidth
|
|
57
|
+
}),
|
|
58
|
+
role: "region",
|
|
59
|
+
"aria-label": props.intl.formatMessage(messages.editableContentLabel),
|
|
60
|
+
ref: contentAreaRef
|
|
61
|
+
}, jsx("div", {
|
|
62
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
63
|
+
css: editorContentGutterStyle()
|
|
64
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
65
|
+
,
|
|
66
|
+
className: ['ak-editor-content-area', fullWidthMode ? 'fabric-editor--full-width-mode' : ''].join(' '),
|
|
67
|
+
ref: contentAreaRef
|
|
68
|
+
}, !!props.customContentComponents && 'before' in props.customContentComponents ? props.customContentComponents.before : props.customContentComponents, jsx(PluginSlot, {
|
|
69
|
+
editorView: props.editorView,
|
|
70
|
+
editorActions: props.editorActions,
|
|
71
|
+
eventDispatcher: props.eventDispatcher,
|
|
72
|
+
providerFactory: props.providerFactory,
|
|
73
|
+
appearance: props.appearance,
|
|
74
|
+
items: props.contentComponents,
|
|
75
|
+
pluginHooks: props.pluginHooks,
|
|
76
|
+
contentArea: (_contentAreaRef$curre = contentAreaRef.current) !== null && _contentAreaRef$curre !== void 0 ? _contentAreaRef$curre : undefined,
|
|
77
|
+
popupsMountPoint: props.popupsMountPoint,
|
|
78
|
+
popupsBoundariesElement: props.popupsBoundariesElement,
|
|
79
|
+
popupsScrollableElement: props.popupsScrollableElement,
|
|
80
|
+
disabled: !!props.disabled,
|
|
81
|
+
containerElement: scrollContainerRef.current,
|
|
82
|
+
dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
|
|
83
|
+
wrapperElement: props.wrapperElement
|
|
84
|
+
}), props.editorDOMElement, !!props.customContentComponents && 'after' in props.customContentComponents ? props.customContentComponents.after : null)))), jsx("div", {
|
|
85
|
+
css: sidebarArea
|
|
86
|
+
}, props.contextPanel || jsx(ContextPanel, {
|
|
87
|
+
editorAPI: props.editorAPI,
|
|
88
|
+
visible: false
|
|
89
|
+
})));
|
|
100
90
|
});
|
|
101
91
|
export const FullPageContentArea = injectIntl(Content, {
|
|
102
92
|
forwardRef: true
|
|
@@ -3,7 +3,7 @@ import { css } from '@emotion/react';
|
|
|
3
3
|
import { decisionListSelector, taskListSelector } from '@atlaskit/adf-schema';
|
|
4
4
|
import { tableFullPageEditorStyles } from '@atlaskit/editor-plugins/table/ui/common-styles';
|
|
5
5
|
import { tableMarginFullWidthMode } from '@atlaskit/editor-plugins/table/ui/consts';
|
|
6
|
-
import {
|
|
6
|
+
import { akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic, akEditorSwoopCubicBezier, akLayoutGutterOffset, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT } from '@atlaskit/editor-shared-styles';
|
|
7
7
|
import { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar';
|
|
8
8
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
9
|
import { createEditorContentStyle } from '../../ContentStyles';
|
|
@@ -36,23 +36,6 @@ scrollbarStyles);
|
|
|
36
36
|
export const ScrollContainer = createEditorContentStyle(scrollStyles);
|
|
37
37
|
ScrollContainer.displayName = 'ScrollContainer';
|
|
38
38
|
|
|
39
|
-
// transition used to match scrollbar with config panel opening animation
|
|
40
|
-
// only use animation when opening as there is a bug with floating toolbars.
|
|
41
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
42
|
-
export const positionedOverEditorStyle = css({
|
|
43
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
44
|
-
paddingRight: `${akEditorContextPanelWidth}px`,
|
|
45
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
46
|
-
transition: `padding 500ms ${akEditorSwoopCubicBezier}`,
|
|
47
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
48
|
-
'.fabric-editor-popup-scroll-parent': {
|
|
49
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
50
|
-
paddingLeft: `${akEditorContextPanelWidth}px`,
|
|
51
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
52
|
-
transition: `padding 500ms ${akEditorSwoopCubicBezier}`
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
|
-
|
|
56
39
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
57
40
|
export const contentArea = () => {
|
|
58
41
|
const editorToolbarHeight = FULL_PAGE_EDITOR_TOOLBAR_HEIGHT();
|
|
@@ -12,9 +12,7 @@ import Transition from 'react-transition-group/Transition';
|
|
|
12
12
|
import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
13
13
|
import { ContextPanelConsumer } from '@atlaskit/editor-common/ui';
|
|
14
14
|
import { akEditorContextPanelWidth, akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
|
|
15
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
16
15
|
import { N30 } from '@atlaskit/theme/colors';
|
|
17
|
-
import ContextPanelDeprecated from './deprecated';
|
|
18
16
|
const ANIM_SPEED_MS = 500;
|
|
19
17
|
const panelHidden = css({
|
|
20
18
|
width: 0
|
|
@@ -143,7 +141,4 @@ export function ContextPanel(props) {
|
|
|
143
141
|
editorAPI: props.editorAPI,
|
|
144
142
|
pluginContent: firstContent
|
|
145
143
|
}));
|
|
146
|
-
}
|
|
147
|
-
export default function ContextPanelDefault(props) {
|
|
148
|
-
return fg('platform_editor_context-panel_simplify_behaviour') ? jsx(ContextPanel, props) : jsx(ContextPanelDeprecated, props);
|
|
149
144
|
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { processRawValue } from '@atlaskit/editor-common/utils';
|
|
2
2
|
import { Fragment } from '@atlaskit/editor-prosemirror/model';
|
|
3
|
-
import { getBreakoutMode } from './node-width';
|
|
4
3
|
export function processRawFragmentValue(schema, value, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent) {
|
|
5
4
|
if (!value) {
|
|
6
5
|
return;
|
|
@@ -17,23 +16,4 @@ export function getNodesCount(node) {
|
|
|
17
16
|
count[node.type.name] = (count[node.type.name] || 0) + 1;
|
|
18
17
|
});
|
|
19
18
|
return count;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Returns a set of active child breakout modes
|
|
24
|
-
*/
|
|
25
|
-
export function getChildBreakoutModes(doc, schema, filter = ['wide', 'full-width']) {
|
|
26
|
-
const breakoutModes = new Set();
|
|
27
|
-
if (doc.type.name === 'doc' && doc.childCount) {
|
|
28
|
-
for (let i = 0; i < doc.childCount; ++i) {
|
|
29
|
-
if (breakoutModes.size === filter.length) {
|
|
30
|
-
break;
|
|
31
|
-
}
|
|
32
|
-
const breakoutMode = getBreakoutMode(doc.child(i), schema.marks.breakout);
|
|
33
|
-
if (breakoutMode && filter.includes(breakoutMode)) {
|
|
34
|
-
breakoutModes.add(breakoutMode);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
return [...breakoutModes];
|
|
39
19
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = "@atlaskit/editor-core";
|
|
2
|
-
export const version = "197.2.
|
|
2
|
+
export const version = "197.2.2";
|
|
@@ -10,7 +10,7 @@ import { jsx } from '@emotion/react';
|
|
|
10
10
|
import isEqual from 'lodash/isEqual';
|
|
11
11
|
import uuid from 'uuid/v4';
|
|
12
12
|
import { FabricEditorAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
|
|
13
|
-
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
13
|
+
import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
|
|
14
14
|
import { ACTION, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
|
|
15
15
|
import { useConstructor } from '@atlaskit/editor-common/hooks';
|
|
16
16
|
import { startMeasure, stopMeasure } from '@atlaskit/editor-common/performance-measures';
|