@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.
Files changed (68) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/composable-editor/core-editor.js +2 -2
  3. package/dist/cjs/create-editor/create-schema.js +2 -2
  4. package/dist/cjs/index.js +2 -2
  5. package/dist/cjs/ui/Appearance/FullPage/FullPageContentArea.js +57 -66
  6. package/dist/cjs/ui/Appearance/FullPage/StyledComponents.js +1 -18
  7. package/dist/cjs/ui/ContextPanel/index.js +1 -8
  8. package/dist/cjs/utils/document.js +0 -24
  9. package/dist/cjs/version-wrapper.js +1 -1
  10. package/dist/es2019/composable-editor/core-editor.js +1 -1
  11. package/dist/es2019/create-editor/create-schema.js +1 -1
  12. package/dist/es2019/index.js +1 -1
  13. package/dist/es2019/ui/Appearance/FullPage/FullPageContentArea.js +58 -68
  14. package/dist/es2019/ui/Appearance/FullPage/StyledComponents.js +1 -18
  15. package/dist/es2019/ui/ContextPanel/index.js +0 -5
  16. package/dist/es2019/utils/document.js +0 -20
  17. package/dist/es2019/version-wrapper.js +1 -1
  18. package/dist/esm/composable-editor/core-editor.js +1 -1
  19. package/dist/esm/create-editor/create-schema.js +1 -1
  20. package/dist/esm/index.js +1 -1
  21. package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js +58 -67
  22. package/dist/esm/ui/Appearance/FullPage/StyledComponents.js +1 -18
  23. package/dist/esm/ui/ContextPanel/index.js +0 -5
  24. package/dist/esm/utils/document.js +0 -22
  25. package/dist/esm/version-wrapper.js +1 -1
  26. package/dist/types/composable-editor/editor-internal.d.ts +1 -1
  27. package/dist/types/composable-editor/hooks/useEditorMeasuresConstructor.d.ts +1 -1
  28. package/dist/types/composable-editor/hooks/useMeasureEditorMountTime.d.ts +1 -1
  29. package/dist/types/composable-editor/hooks/useProviderFactory.d.ts +1 -1
  30. package/dist/types/composable-editor/utils/editorMeasureTTICallback.d.ts +1 -1
  31. package/dist/types/composable-editor/utils/sendDurationAnalytics.d.ts +1 -1
  32. package/dist/types/create-editor/ErrorBoundary.d.ts +1 -1
  33. package/dist/types/create-editor/ReactEditorView.d.ts +1 -1
  34. package/dist/types/create-editor/create-plugins-list.d.ts +1 -1
  35. package/dist/types/index.d.ts +1 -1
  36. package/dist/types/presets/default.d.ts +1 -1
  37. package/dist/types/presets/universal.d.ts +1 -1
  38. package/dist/types/ui/Appearance/FullPage/StyledComponents.d.ts +1 -2
  39. package/dist/types/ui/ContentStyles/index.d.ts +2 -2
  40. package/dist/types/ui/ContextPanel/index.d.ts +0 -1
  41. package/dist/types/utils/document.d.ts +0 -5
  42. package/dist/types-ts4.5/composable-editor/editor-internal.d.ts +1 -1
  43. package/dist/types-ts4.5/composable-editor/hooks/useEditorMeasuresConstructor.d.ts +1 -1
  44. package/dist/types-ts4.5/composable-editor/hooks/useMeasureEditorMountTime.d.ts +1 -1
  45. package/dist/types-ts4.5/composable-editor/hooks/useProviderFactory.d.ts +1 -1
  46. package/dist/types-ts4.5/composable-editor/utils/editorMeasureTTICallback.d.ts +1 -1
  47. package/dist/types-ts4.5/composable-editor/utils/sendDurationAnalytics.d.ts +1 -1
  48. package/dist/types-ts4.5/create-editor/ErrorBoundary.d.ts +1 -1
  49. package/dist/types-ts4.5/create-editor/ReactEditorView.d.ts +1 -1
  50. package/dist/types-ts4.5/create-editor/create-plugins-list.d.ts +1 -1
  51. package/dist/types-ts4.5/index.d.ts +1 -1
  52. package/dist/types-ts4.5/presets/default.d.ts +1 -1
  53. package/dist/types-ts4.5/presets/universal.d.ts +1 -1
  54. package/dist/types-ts4.5/ui/Appearance/FullPage/StyledComponents.d.ts +1 -2
  55. package/dist/types-ts4.5/ui/ContentStyles/index.d.ts +2 -2
  56. package/dist/types-ts4.5/ui/ContextPanel/index.d.ts +0 -1
  57. package/dist/types-ts4.5/utils/document.d.ts +0 -5
  58. package/package.json +3 -7
  59. package/dist/cjs/ui/ContextPanel/deprecated.js +0 -283
  60. package/dist/cjs/utils/node-width.js +0 -20
  61. package/dist/es2019/ui/ContextPanel/deprecated.js +0 -258
  62. package/dist/es2019/utils/node-width.js +0 -9
  63. package/dist/esm/ui/ContextPanel/deprecated.js +0 -277
  64. package/dist/esm/utils/node-width.js +0 -9
  65. package/dist/types/ui/ContextPanel/deprecated.d.ts +0 -44
  66. package/dist/types/utils/node-width.d.ts +0 -7
  67. package/dist/types-ts4.5/ui/ContextPanel/deprecated.d.ts +0 -44
  68. 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 _analyticsNext = require("@atlaskit/analytics-next");
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, _analyticsNext.useAnalyticsEvents)(),
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 _adfSchema = require("@atlaskit/adf-schema");
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, _adfSchema.sanitizeNodes)(editorConfig.nodes.sort((0, _sortByOrder.sortByOrder)('nodes')).reduce(function (acc, node) {
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.default;
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 = _interopRequireDefault(require("./ui/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 = _interopRequireDefault(require("../../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
- // Cleaned up with: platform_editor_context-panel_simplify_behaviour
49
- (0, _react2.jsx)(_ui.ContextPanelConsumer, null, function (_ref) {
50
- var _contentAreaRef$curre;
51
- var positionedOverEditor = _ref.positionedOverEditor;
52
- return (0, _react2.jsx)("div", {
53
- css: [
54
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
55
- _StyledComponents.contentArea,
56
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
57
- props.isEditorToolbarHidden && _StyledComponents.contentAreaHeightNoToolbar,
58
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
59
- positionedOverEditor && _StyledComponents.positionedOverEditorStyle],
60
- "data-testid": CONTENT_AREA_TEST_ID,
61
- ref: containerRef
62
- }, (0, _react2.jsx)(_StyledComponents.ScrollContainer
63
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
64
- , {
65
- className: "fabric-editor-popup-scroll-parent",
66
- featureFlags: props.featureFlags,
67
- ref: scrollContainerRef
68
- }, (0, _react2.jsx)(_Addon.ClickAreaBlock, {
69
- editorView: props.editorView,
70
- editorDisabled: props.disabled
71
- }, (0, _react2.jsx)("div", {
72
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
73
- css: (0, _StyledComponents.editorContentAreaStyle)({
74
- fullWidthMode: fullWidthMode,
75
- layoutMaxWidth: theme.layoutMaxWidth
76
- }),
77
- role: "region",
78
- "aria-label": props.intl.formatMessage(_messages.fullPageMessages.editableContentLabel),
79
- ref: contentAreaRef
80
- }, (0, _react2.jsx)("div", {
81
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
82
- css: (0, _StyledComponents.editorContentGutterStyle)()
83
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
84
- ,
85
- className: ['ak-editor-content-area', fullWidthMode ? 'fabric-editor--full-width-mode' : ''].join(' '),
86
- ref: contentAreaRef
87
- }, !!props.customContentComponents && 'before' in props.customContentComponents ? props.customContentComponents.before : props.customContentComponents, (0, _react2.jsx)(_PluginSlot.default, {
88
- editorView: props.editorView,
89
- editorActions: props.editorActions,
90
- eventDispatcher: props.eventDispatcher,
91
- providerFactory: props.providerFactory,
92
- appearance: props.appearance,
93
- items: props.contentComponents,
94
- pluginHooks: props.pluginHooks,
95
- contentArea: (_contentAreaRef$curre = contentAreaRef.current) !== null && _contentAreaRef$curre !== void 0 ? _contentAreaRef$curre : undefined,
96
- popupsMountPoint: props.popupsMountPoint,
97
- popupsBoundariesElement: props.popupsBoundariesElement,
98
- popupsScrollableElement: props.popupsScrollableElement,
99
- disabled: !!props.disabled,
100
- containerElement: scrollContainerRef.current,
101
- dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
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.positionedOverEditorStyle = exports.fullPageEditorWrapper = exports.editorContentGutterStyle = exports.editorContentAreaStyle = exports.editorContentAreaHideContainer = exports.contentAreaHeightNoToolbar = exports.contentArea = exports.ScrollContainer = void 0;
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
  }
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
- var version = exports.version = "197.2.0";
8
+ var version = exports.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';
@@ -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';
@@ -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
- default as ContextPanel } from './ui/ContextPanel';
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, positionedOverEditorStyle, ScrollContainer, sidebarArea } from './StyledComponents';
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
- // Cleaned up with: platform_editor_context-panel_simplify_behaviour
37
- jsx(ContextPanelConsumer, null, ({
38
- positionedOverEditor
39
- }) => {
40
- var _contentAreaRef$curre;
41
- return jsx("div", {
42
- css: [
43
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
44
- contentArea,
45
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
46
- props.isEditorToolbarHidden && contentAreaHeightNoToolbar,
47
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
48
- positionedOverEditor && positionedOverEditorStyle],
49
- "data-testid": CONTENT_AREA_TEST_ID,
50
- ref: containerRef
51
- }, jsx(ScrollContainer
52
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
53
- , {
54
- className: "fabric-editor-popup-scroll-parent",
55
- featureFlags: props.featureFlags,
56
- ref: scrollContainerRef
57
- }, jsx(ClickAreaBlock, {
58
- editorView: props.editorView,
59
- editorDisabled: props.disabled
60
- }, jsx("div", {
61
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
62
- css: editorContentAreaStyle({
63
- fullWidthMode,
64
- layoutMaxWidth: theme.layoutMaxWidth
65
- }),
66
- role: "region",
67
- "aria-label": props.intl.formatMessage(messages.editableContentLabel),
68
- ref: contentAreaRef
69
- }, jsx("div", {
70
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
71
- css: editorContentGutterStyle()
72
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
73
- ,
74
- className: ['ak-editor-content-area', fullWidthMode ? 'fabric-editor--full-width-mode' : ''].join(' '),
75
- ref: contentAreaRef
76
- }, !!props.customContentComponents && 'before' in props.customContentComponents ? props.customContentComponents.before : props.customContentComponents, jsx(PluginSlot, {
77
- editorView: props.editorView,
78
- editorActions: props.editorActions,
79
- eventDispatcher: props.eventDispatcher,
80
- providerFactory: props.providerFactory,
81
- appearance: props.appearance,
82
- items: props.contentComponents,
83
- pluginHooks: props.pluginHooks,
84
- contentArea: (_contentAreaRef$curre = contentAreaRef.current) !== null && _contentAreaRef$curre !== void 0 ? _contentAreaRef$curre : undefined,
85
- popupsMountPoint: props.popupsMountPoint,
86
- popupsBoundariesElement: props.popupsBoundariesElement,
87
- popupsScrollableElement: props.popupsScrollableElement,
88
- disabled: !!props.disabled,
89
- containerElement: scrollContainerRef.current,
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 { akEditorContextPanelWidth, akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic, akEditorSwoopCubicBezier, akLayoutGutterOffset, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT } from '@atlaskit/editor-shared-styles';
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.0";
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';