@atlaskit/editor-core 186.0.0 → 187.0.0

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 (112) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/cjs/labs-next.js +0 -65
  3. package/dist/cjs/plugins/expand/commands.js +2 -0
  4. package/dist/cjs/plugins/expand/index.js +1 -1
  5. package/dist/cjs/version-wrapper.js +1 -1
  6. package/dist/cjs/version.json +1 -1
  7. package/dist/es2019/labs-next.js +0 -4
  8. package/dist/es2019/plugins/expand/commands.js +2 -0
  9. package/dist/es2019/plugins/expand/index.js +1 -1
  10. package/dist/es2019/version-wrapper.js +1 -1
  11. package/dist/es2019/version.json +1 -1
  12. package/dist/esm/labs-next.js +0 -4
  13. package/dist/esm/plugins/expand/commands.js +2 -0
  14. package/dist/esm/plugins/expand/index.js +1 -1
  15. package/dist/esm/version-wrapper.js +1 -1
  16. package/dist/esm/version.json +1 -1
  17. package/dist/types/labs/next/presets/default.d.ts +2 -3
  18. package/dist/types/labs-next.d.ts +0 -7
  19. package/dist/types/plugins/expand/commands.d.ts +3 -3
  20. package/dist/types/plugins/expand/index.d.ts +2 -2
  21. package/dist/types-ts4.5/labs/next/presets/default.d.ts +2 -3
  22. package/dist/types-ts4.5/labs-next.d.ts +0 -7
  23. package/dist/types-ts4.5/plugins/expand/commands.d.ts +3 -3
  24. package/dist/types-ts4.5/plugins/expand/index.d.ts +2 -2
  25. package/package.json +5 -5
  26. package/report.api.md +2 -26
  27. package/dist/cjs/labs/next/ContentComponents.js +0 -43
  28. package/dist/cjs/labs/next/Editor.js +0 -76
  29. package/dist/cjs/labs/next/Toolbar.js +0 -39
  30. package/dist/cjs/labs/next/full-page.js +0 -127
  31. package/dist/cjs/labs/next/internal/components/EditorContent.js +0 -25
  32. package/dist/cjs/labs/next/internal/components/EditorInternal.js +0 -81
  33. package/dist/cjs/labs/next/internal/context/preset-context.js +0 -15
  34. package/dist/cjs/labs/next/internal/context/shared-config.js +0 -77
  35. package/dist/cjs/labs/next/internal/editor-props-type.js +0 -5
  36. package/dist/cjs/labs/next/internal/hooks/use-analytics/index.js +0 -41
  37. package/dist/cjs/labs/next/internal/hooks/use-editor/create-dispatch-transaction.js +0 -62
  38. package/dist/cjs/labs/next/internal/hooks/use-editor/create-editor.js +0 -94
  39. package/dist/cjs/labs/next/internal/hooks/use-editor/index.js +0 -193
  40. package/dist/cjs/labs/next/mobile.js +0 -37
  41. package/dist/cjs/labs/next/presets/cxhtml.js +0 -117
  42. package/dist/cjs/labs/next/presets/mobile.js +0 -130
  43. package/dist/cjs/labs/next/presets/utils.js +0 -30
  44. package/dist/es2019/labs/next/ContentComponents.js +0 -38
  45. package/dist/es2019/labs/next/Editor.js +0 -46
  46. package/dist/es2019/labs/next/Toolbar.js +0 -34
  47. package/dist/es2019/labs/next/full-page.js +0 -192
  48. package/dist/es2019/labs/next/internal/components/EditorContent.js +0 -17
  49. package/dist/es2019/labs/next/internal/components/EditorInternal.js +0 -66
  50. package/dist/es2019/labs/next/internal/context/preset-context.js +0 -5
  51. package/dist/es2019/labs/next/internal/context/shared-config.js +0 -34
  52. package/dist/es2019/labs/next/internal/editor-props-type.js +0 -1
  53. package/dist/es2019/labs/next/internal/hooks/use-analytics/index.js +0 -32
  54. package/dist/es2019/labs/next/internal/hooks/use-editor/create-dispatch-transaction.js +0 -51
  55. package/dist/es2019/labs/next/internal/hooks/use-editor/create-editor.js +0 -85
  56. package/dist/es2019/labs/next/internal/hooks/use-editor/index.js +0 -179
  57. package/dist/es2019/labs/next/mobile.js +0 -27
  58. package/dist/es2019/labs/next/presets/cxhtml.js +0 -106
  59. package/dist/es2019/labs/next/presets/mobile.js +0 -118
  60. package/dist/es2019/labs/next/presets/utils.js +0 -22
  61. package/dist/esm/labs/next/ContentComponents.js +0 -36
  62. package/dist/esm/labs/next/Editor.js +0 -48
  63. package/dist/esm/labs/next/Toolbar.js +0 -32
  64. package/dist/esm/labs/next/full-page.js +0 -121
  65. package/dist/esm/labs/next/internal/components/EditorContent.js +0 -17
  66. package/dist/esm/labs/next/internal/components/EditorInternal.js +0 -73
  67. package/dist/esm/labs/next/internal/context/preset-context.js +0 -7
  68. package/dist/esm/labs/next/internal/context/shared-config.js +0 -68
  69. package/dist/esm/labs/next/internal/editor-props-type.js +0 -1
  70. package/dist/esm/labs/next/internal/hooks/use-analytics/index.js +0 -34
  71. package/dist/esm/labs/next/internal/hooks/use-editor/create-dispatch-transaction.js +0 -55
  72. package/dist/esm/labs/next/internal/hooks/use-editor/create-editor.js +0 -88
  73. package/dist/esm/labs/next/internal/hooks/use-editor/index.js +0 -185
  74. package/dist/esm/labs/next/mobile.js +0 -25
  75. package/dist/esm/labs/next/presets/cxhtml.js +0 -108
  76. package/dist/esm/labs/next/presets/mobile.js +0 -120
  77. package/dist/esm/labs/next/presets/utils.js +0 -23
  78. package/dist/types/labs/next/ContentComponents.d.ts +0 -8
  79. package/dist/types/labs/next/Editor.d.ts +0 -27
  80. package/dist/types/labs/next/Toolbar.d.ts +0 -6
  81. package/dist/types/labs/next/full-page.d.ts +0 -9
  82. package/dist/types/labs/next/internal/components/EditorContent.d.ts +0 -7
  83. package/dist/types/labs/next/internal/components/EditorInternal.d.ts +0 -9
  84. package/dist/types/labs/next/internal/context/preset-context.d.ts +0 -5
  85. package/dist/types/labs/next/internal/context/shared-config.d.ts +0 -50
  86. package/dist/types/labs/next/internal/editor-props-type.d.ts +0 -29
  87. package/dist/types/labs/next/internal/hooks/use-analytics/index.d.ts +0 -8
  88. package/dist/types/labs/next/internal/hooks/use-editor/create-dispatch-transaction.d.ts +0 -6
  89. package/dist/types/labs/next/internal/hooks/use-editor/create-editor.d.ts +0 -19
  90. package/dist/types/labs/next/internal/hooks/use-editor/index.d.ts +0 -11
  91. package/dist/types/labs/next/mobile.d.ts +0 -12
  92. package/dist/types/labs/next/presets/cxhtml.d.ts +0 -338
  93. package/dist/types/labs/next/presets/mobile.d.ts +0 -343
  94. package/dist/types/labs/next/presets/utils.d.ts +0 -3
  95. package/dist/types-ts4.5/labs/next/ContentComponents.d.ts +0 -8
  96. package/dist/types-ts4.5/labs/next/Editor.d.ts +0 -27
  97. package/dist/types-ts4.5/labs/next/Toolbar.d.ts +0 -6
  98. package/dist/types-ts4.5/labs/next/full-page.d.ts +0 -9
  99. package/dist/types-ts4.5/labs/next/internal/components/EditorContent.d.ts +0 -7
  100. package/dist/types-ts4.5/labs/next/internal/components/EditorInternal.d.ts +0 -9
  101. package/dist/types-ts4.5/labs/next/internal/context/preset-context.d.ts +0 -5
  102. package/dist/types-ts4.5/labs/next/internal/context/shared-config.d.ts +0 -50
  103. package/dist/types-ts4.5/labs/next/internal/editor-props-type.d.ts +0 -29
  104. package/dist/types-ts4.5/labs/next/internal/hooks/use-analytics/index.d.ts +0 -8
  105. package/dist/types-ts4.5/labs/next/internal/hooks/use-editor/create-dispatch-transaction.d.ts +0 -6
  106. package/dist/types-ts4.5/labs/next/internal/hooks/use-editor/create-editor.d.ts +0 -19
  107. package/dist/types-ts4.5/labs/next/internal/hooks/use-editor/index.d.ts +0 -14
  108. package/dist/types-ts4.5/labs/next/mobile.d.ts +0 -12
  109. package/dist/types-ts4.5/labs/next/presets/cxhtml.d.ts +0 -414
  110. package/dist/types-ts4.5/labs/next/presets/mobile.d.ts +0 -419
  111. package/dist/types-ts4.5/labs/next/presets/utils.d.ts +0 -3
  112. package/tmp/api-report-tmp.d.ts +0 -2278
@@ -1,127 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.FullPage = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
- var _rafSchd = _interopRequireDefault(require("raf-schd"));
12
- var _react = _interopRequireDefault(require("react"));
13
- var _react2 = require("@emotion/react");
14
- var _colors = require("@atlaskit/theme/colors");
15
- var _analyticsNext = require("@atlaskit/analytics-next");
16
- var _ui = require("@atlaskit/editor-common/ui");
17
- var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
18
- var _ContentStyles = _interopRequireDefault(require("../../ui/ContentStyles"));
19
- var _Addon = require("../../ui/Addon");
20
- var _styles = require("../../ui/styles");
21
- var _commonStyles = require("@atlaskit/editor-plugin-table/ui/common-styles");
22
- var _ui2 = _interopRequireDefault(require("../../plugins/collab-edit/ui"));
23
- var _Editor = require("./Editor");
24
- var _Toolbar = require("./Toolbar");
25
- var _ContentComponents = require("./ContentComponents");
26
- var _useAnalytics = require("./internal/hooks/use-analytics");
27
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
28
- /** @jsx jsx */
29
- var fullPageEditorWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n min-width: 340px;\n height: 100%;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n"])));
30
- var scrollContainer = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n flex-grow: 1;\n overflow-y: scroll;\n position: relative;\n display: flex;\n flex-direction: column;\n scroll-behavior: smooth;\n ", ";\n"])), _styles.scrollbarStyles);
31
- var GUTTER_PADDING = 32;
32
- var GUTTER_STYLE = {
33
- padding: "0 ".concat(GUTTER_PADDING, "px")
34
- };
35
- var contentArea = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n height: 100%;\n box-sizing: border-box;\n"])));
36
- var editorContentArea = function editorContentArea(theme) {
37
- return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n line-height: 24px;\n height: 100%;\n width: 100%;\n max-width: ", "px;\n padding-top: 50px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n padding-bottom: 55px;\n\n & .ProseMirror {\n flex-grow: 1;\n box-sizing: border-box;\n }\n\n && .ProseMirror {\n & > * {\n clear: both;\n }\n > p,\n > ul,\n > ol,\n > h1,\n > h2,\n > h3,\n > h4,\n > h5,\n > h6 {\n clear: none;\n }\n }\n ", ";\n"])), theme.layoutMaxWidth + GUTTER_PADDING * 2, _commonStyles.tableFullPageEditorStyles);
38
- };
39
- var mainToolbar = (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n align-items: center;\n box-shadow: 'none';\n\n transition: box-shadow 200ms;\n z-index: ", ";\n display: flex;\n height: 80px;\n flex-shrink: 0;\n background-color: ", ";\n\n & object {\n height: 0 !important;\n }\n"])), _editorSharedStyles.akEditorMenuZIndex, "var(--ds-surface, white)");
40
- var mainToolbarWithKeyline = (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n box-shadow: 0 ", "px 0 0 ", "\n"])), mainToolbar, _editorSharedStyles.akEditorToolbarKeylineHeight, "var(--ds-border, ".concat(_colors.N30, ")"));
41
- var mainToolbarCustomComponentsSlot = (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: flex-end;\n flex-grow: 1;\n"])));
42
- var sidebarArea = (0, _react2.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n height: 100%;\n box-sizing: border-box;\n"])));
43
- function useKeyline() {
44
- var _React$useState = _react.default.useState(false),
45
- _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
46
- showKeyline = _React$useState2[0],
47
- setShowKeyline = _React$useState2[1];
48
- var scrollContainerRef = _react.default.useRef(null);
49
- _react.default.useEffect(function () {
50
- var current = scrollContainerRef.current;
51
- var handleScroll = (0, _rafSchd.default)(function () {
52
- if (!current) {
53
- return;
54
- }
55
- var scrollTop = current.scrollTop;
56
- setShowKeyline(scrollTop > _editorSharedStyles.akEditorToolbarKeylineHeight);
57
- });
58
- if (!current) {
59
- return;
60
- }
61
- window.addEventListener('resize', handleScroll);
62
- current.addEventListener('scroll', handleScroll);
63
- handleScroll();
64
- return function () {
65
- if (current) {
66
- current.removeEventListener('scroll', handleScroll);
67
- }
68
- window.removeEventListener('resize', handleScroll);
69
- };
70
- }, []);
71
- return [showKeyline, scrollContainerRef];
72
- }
73
- function FullPage(props) {
74
- var primaryToolbarComponents = props.primaryToolbarComponents,
75
- contentComponents = props.contentComponents,
76
- collabEdit = props.collabEdit,
77
- createAnalyticsEvent = props.createAnalyticsEvent,
78
- contextPanel = props.contextPanel;
79
- var handleAnalyticsEvent = (0, _useAnalytics.useCreateAnalyticsHandler)(createAnalyticsEvent);
80
- var _useKeyline = useKeyline(),
81
- _useKeyline2 = (0, _slicedToArray2.default)(_useKeyline, 2),
82
- showKeyline = _useKeyline2[0],
83
- scrollContainerRef = _useKeyline2[1];
84
- var config = (0, _Editor.useEditorSharedConfig)();
85
- var wrapperElementRef = /*#__PURE__*/_react.default.createRef();
86
- return (0, _react2.jsx)(_ui.ContextPanelWidthProvider, null, (0, _react2.jsx)(_Editor.Editor, (0, _extends2.default)({}, props, {
87
- onAnalyticsEvent: handleAnalyticsEvent
88
- }), (0, _react2.jsx)(_ui.BaseTheme, null, (0, _react2.jsx)("div", {
89
- css: fullPageEditorWrapper,
90
- className: "akEditor",
91
- ref: wrapperElementRef
92
- }, (0, _react2.jsx)("div", {
93
- "data-testid": "ak-editor-main-toolbar",
94
- css: showKeyline ? mainToolbarWithKeyline : mainToolbar
95
- }, (0, _react2.jsx)(_Toolbar.Toolbar, {
96
- containerElement: scrollContainerRef.current
97
- }), (0, _react2.jsx)("div", {
98
- css: mainToolbarCustomComponentsSlot
99
- }, !config ? null : (0, _react2.jsx)(_ui2.default, {
100
- editorView: config.editorView,
101
- eventDispatcher: config.eventDispatcher,
102
- inviteToEditHandler: collabEdit === null || collabEdit === void 0 ? void 0 : collabEdit.inviteToEditHandler,
103
- isInviteToEditButtonSelected: collabEdit === null || collabEdit === void 0 ? void 0 : collabEdit.isInviteToEditButtonSelected,
104
- featureFlags: {}
105
- }), primaryToolbarComponents)), (0, _react2.jsx)("div", {
106
- css: contentArea
107
- }, (0, _react2.jsx)(_ContentStyles.default, {
108
- ref: scrollContainerRef,
109
- className: "fabric-editor-popup-scroll-parent",
110
- css: scrollContainer
111
- }, (0, _react2.jsx)(_Addon.ClickAreaBlock, {
112
- editorView: config === null || config === void 0 ? void 0 : config.editorView
113
- }, (0, _react2.jsx)("div", {
114
- css: editorContentArea
115
- }, (0, _react2.jsx)("div", {
116
- style: GUTTER_STYLE,
117
- className: "ak-editor-content-area"
118
- }, contentComponents, (0, _react2.jsx)(_Editor.EditorContent, null), (0, _react2.jsx)(_ContentComponents.ContentComponents, {
119
- wrapperElement: wrapperElementRef.current,
120
- containerElement: scrollContainerRef.current
121
- }))))), contextPanel && (0, _react2.jsx)("div", {
122
- css: sidebarArea
123
- }, contextPanel))))));
124
- }
125
- FullPage.displayName = 'FullPageEditor';
126
- var FullPageWithAnalytics = (0, _analyticsNext.withAnalyticsEvents)()(FullPage);
127
- exports.FullPage = FullPageWithAnalytics;
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.EditorContentProvider = exports.EditorContent = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var EditorContentContext = /*#__PURE__*/_react.default.createContext(function () {});
10
- var EditorContentProvider = EditorContentContext.Provider;
11
-
12
- /**
13
- * ProseMirror View mount point.
14
- */
15
- exports.EditorContentProvider = EditorContentProvider;
16
- var EditorContent = /*#__PURE__*/_react.default.memo(function () {
17
- var handleRef = _react.default.useContext(EditorContentContext);
18
- return /*#__PURE__*/_react.default.createElement("div", {
19
- style: {
20
- height: '100%'
21
- },
22
- ref: handleRef
23
- });
24
- });
25
- exports.EditorContent = EditorContent;
@@ -1,81 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.EditorInternal = void 0;
8
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
- var _react = _interopRequireDefault(require("react"));
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
- var _ui = require("@atlaskit/editor-common/ui");
12
- var _reactIntlNext = require("react-intl-next");
13
- var _providerFactory = require("@atlaskit/editor-common/provider-factory");
14
- var _EditorContext = _interopRequireDefault(require("../../../../ui/EditorContext"));
15
- var _actions = _interopRequireDefault(require("../../../../actions"));
16
- var _sharedConfig = require("../context/shared-config");
17
- var _useEditor3 = require("../hooks/use-editor");
18
- var _EditorContent = require("./EditorContent");
19
- function BaseEditorInternal(_ref, context) {
20
- var onAnalyticsEvent = _ref.onAnalyticsEvent,
21
- disabled = _ref.disabled,
22
- transformer = _ref.transformer,
23
- defaultValue = _ref.defaultValue,
24
- plugins = _ref.plugins,
25
- portalProviderAPI = _ref.portalProviderAPI,
26
- popupsMountPoint = _ref.popupsMountPoint,
27
- popupsBoundariesElement = _ref.popupsBoundariesElement,
28
- popupsScrollableElement = _ref.popupsScrollableElement,
29
- onChange = _ref.onChange,
30
- onDestroy = _ref.onDestroy,
31
- onMount = _ref.onMount,
32
- children = _ref.children,
33
- intl = _ref.intl;
34
- // Need to memoize editor actions otherwise in case when editor is not
35
- // wrapped with EditorContext every prop change triggers all hooks
36
- // that depend on editorActions
37
- var maybeEditorActions = (context || {}).editorActions;
38
- var editorActions = _react.default.useMemo(function () {
39
- return maybeEditorActions || new _actions.default();
40
- }, [maybeEditorActions]);
41
-
42
- // Get the provider factory from context
43
- var providerFactory = (0, _providerFactory.useProviderFactory)();
44
- var getIntl = function getIntl() {
45
- return intl;
46
- };
47
- var _useEditor = (0, _useEditor3.useEditor)({
48
- context: context,
49
- editorActions: editorActions,
50
- onAnalyticsEvent: onAnalyticsEvent,
51
- disabled: disabled,
52
- transformer: transformer,
53
- defaultValue: defaultValue,
54
- plugins: plugins,
55
- portalProviderAPI: portalProviderAPI,
56
- popupsMountPoint: popupsMountPoint,
57
- popupsBoundariesElement: popupsBoundariesElement,
58
- popupsScrollableElement: popupsScrollableElement,
59
- onChange: onChange,
60
- onDestroy: onDestroy,
61
- onMount: onMount,
62
- providerFactory: providerFactory,
63
- featureFlags: {},
64
- getIntl: getIntl
65
- }),
66
- _useEditor2 = (0, _slicedToArray2.default)(_useEditor, 2),
67
- editorSharedConfig = _useEditor2[0],
68
- mountEditor = _useEditor2[1];
69
- return /*#__PURE__*/_react.default.createElement(_ui.WidthProvider, null, /*#__PURE__*/_react.default.createElement(_EditorContext.default, {
70
- editorActions: editorActions
71
- }, /*#__PURE__*/_react.default.createElement(_sharedConfig.EditorSharedConfigProvider, {
72
- value: editorSharedConfig
73
- }, /*#__PURE__*/_react.default.createElement(_EditorContent.EditorContentProvider, {
74
- value: mountEditor
75
- }, children))));
76
- }
77
- BaseEditorInternal.contextTypes = {
78
- editorActions: _propTypes.default.object
79
- };
80
- var EditorInternal = (0, _reactIntlNext.injectIntl)(BaseEditorInternal);
81
- exports.EditorInternal = EditorInternal;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.usePresetContext = exports.PresetProvider = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var PresetContext = /*#__PURE__*/_react.default.createContext([]);
10
- var PresetProvider = PresetContext.Provider;
11
- exports.PresetProvider = PresetProvider;
12
- var usePresetContext = function usePresetContext() {
13
- return _react.default.useContext(PresetContext);
14
- };
15
- exports.usePresetContext = usePresetContext;
@@ -1,77 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.useEditorSharedConfig = exports.EditorSharedConfigProvider = exports.EditorSharedConfigConsumer = void 0;
8
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
9
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
10
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
11
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
12
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
13
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
14
- var _react = _interopRequireDefault(require("react"));
15
- var _propTypes = _interopRequireDefault(require("prop-types"));
16
- 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); }; }
17
- 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; } }
18
- /**
19
- * Provides access to most commonly used configurations and instances of classes,
20
- * that most editor components rely on.
21
- */
22
-
23
- var EditorSharedConfigContext = /*#__PURE__*/_react.default.createContext(null);
24
- var EditorSharedConfigProvider = /*#__PURE__*/function (_React$Component) {
25
- (0, _inherits2.default)(EditorSharedConfigProvider, _React$Component);
26
- var _super = _createSuper(EditorSharedConfigProvider);
27
- function EditorSharedConfigProvider() {
28
- (0, _classCallCheck2.default)(this, EditorSharedConfigProvider);
29
- return _super.apply(this, arguments);
30
- }
31
- (0, _createClass2.default)(EditorSharedConfigProvider, [{
32
- key: "getChildContext",
33
- value: function getChildContext() {
34
- return {
35
- editorSharedConfig: this.props.value
36
- };
37
- }
38
- }, {
39
- key: "render",
40
- value: function render() {
41
- return /*#__PURE__*/_react.default.createElement(EditorSharedConfigContext.Provider, {
42
- value: this.props.value
43
- }, this.props.children);
44
- }
45
- }]);
46
- return EditorSharedConfigProvider;
47
- }(_react.default.Component);
48
- exports.EditorSharedConfigProvider = EditorSharedConfigProvider;
49
- (0, _defineProperty2.default)(EditorSharedConfigProvider, "childContextTypes", {
50
- editorSharedConfig: _propTypes.default.object
51
- });
52
- var EditorSharedConfigConsumer = /*#__PURE__*/function (_React$Component2) {
53
- (0, _inherits2.default)(EditorSharedConfigConsumer, _React$Component2);
54
- var _super2 = _createSuper(EditorSharedConfigConsumer);
55
- function EditorSharedConfigConsumer() {
56
- (0, _classCallCheck2.default)(this, EditorSharedConfigConsumer);
57
- return _super2.apply(this, arguments);
58
- }
59
- (0, _createClass2.default)(EditorSharedConfigConsumer, [{
60
- key: "render",
61
- value: function render() {
62
- var _this = this;
63
- return /*#__PURE__*/_react.default.createElement(EditorSharedConfigContext.Consumer, null, function (value) {
64
- return _this.props.children(_this.context.editorSharedConfig || value);
65
- });
66
- }
67
- }]);
68
- return EditorSharedConfigConsumer;
69
- }(_react.default.Component);
70
- exports.EditorSharedConfigConsumer = EditorSharedConfigConsumer;
71
- (0, _defineProperty2.default)(EditorSharedConfigConsumer, "contextTypes", {
72
- editorSharedConfig: _propTypes.default.object
73
- });
74
- var useEditorSharedConfig = function useEditorSharedConfig() {
75
- return _react.default.useContext(EditorSharedConfigContext);
76
- };
77
- exports.useEditorSharedConfig = useEditorSharedConfig;
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,41 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.useAnalyticsHandler = useAnalyticsHandler;
8
- exports.useCreateAnalyticsHandler = useCreateAnalyticsHandler;
9
- var _react = _interopRequireDefault(require("react"));
10
- var _analytics = require("@atlaskit/editor-common/analytics");
11
- var _utils = require("@atlaskit/editor-common/utils");
12
- /**
13
- * Subscribes to analytics events fired from editor components
14
- * and passes them through to `fireAnalyticsEvent`.
15
- */
16
- function useAnalyticsHandler(editorSharedConfig) {
17
- // handleAnalyticsEvent – must always be the same so we can unsubscribe from events properly.
18
- var handleAnalyticsEvent = _react.default.useCallback(function (payload) {
19
- var handleAnalyticsEvent = editorSharedConfig && editorSharedConfig.dispatchAnalyticsEvent;
20
- if (!handleAnalyticsEvent) {
21
- return;
22
- }
23
- handleAnalyticsEvent(payload);
24
- }, [editorSharedConfig]);
25
- if (editorSharedConfig) {
26
- editorSharedConfig.eventDispatcher.on(_utils.analyticsEventKey, handleAnalyticsEvent);
27
- }
28
- _react.default.useEffect(function () {
29
- return function () {
30
- if (!editorSharedConfig || !editorSharedConfig.eventDispatcher) {
31
- return;
32
- }
33
- editorSharedConfig.eventDispatcher.off(_utils.analyticsEventKey, handleAnalyticsEvent);
34
- };
35
- }, [editorSharedConfig, handleAnalyticsEvent]);
36
- }
37
- function useCreateAnalyticsHandler(createAnalyticsEvent) {
38
- // AFP-2511 TODO: Fix automatic suppressions below
39
- // eslint-disable-next-line react-hooks/exhaustive-deps
40
- return _react.default.useCallback((0, _analytics.fireAnalyticsEvent)(createAnalyticsEvent), [createAnalyticsEvent]);
41
- }
@@ -1,62 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.createDispatchTransaction = createDispatchTransaction;
7
- exports.getEditorValue = getEditorValue;
8
- var _prosemirrorModel = require("prosemirror-model");
9
- var _utils = require("@atlaskit/editor-common/utils");
10
- var _analytics = require("@atlaskit/editor-common/analytics");
11
- var _nodes = require("../../../../../utils/nodes");
12
- var _utils2 = require("../../../../../utils");
13
- var _documentLogger = require("../../../../../utils/document-logger");
14
- // Helper to assure correct payload when dispatch analytics
15
- function dispatchAnalytics(dispatch, payload) {
16
- dispatch(_utils.analyticsEventKey, payload);
17
- }
18
- function createDispatchTransaction(editorSharedConfig) {
19
- return function dispatchTransaction(transaction) {
20
- var editorView = editorSharedConfig.editorView,
21
- onChange = editorSharedConfig.onChange,
22
- transformer = editorSharedConfig.transformer,
23
- dispatch = editorSharedConfig.dispatch;
24
- if (!editorView) {
25
- return;
26
- }
27
- var nodes = (0, _nodes.findChangedNodesFromTransaction)(transaction);
28
- if ((0, _nodes.validateNodes)(nodes)) {
29
- // go ahead and update the state now we know the transaction is good
30
- var editorState = editorView.state.apply(transaction);
31
- editorView.updateState(editorState);
32
- if (onChange && transaction.docChanged) {
33
- onChange(getEditorValue(editorView, transformer), {
34
- source: 'local'
35
- });
36
- }
37
- } else {
38
- // If invalid document, send analytics event with the structure of the nodes
39
- if (dispatch) {
40
- var invalidNodes = nodes.filter(function (node) {
41
- return !(0, _nodes.validNode)(node);
42
- }).map(function (node) {
43
- return (0, _documentLogger.getDocStructure)(node);
44
- });
45
- dispatchAnalytics(dispatch, {
46
- action: _analytics.ACTION.DISPATCHED_INVALID_TRANSACTION,
47
- actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
48
- eventType: _analytics.EVENT_TYPE.OPERATIONAL,
49
- attributes: {
50
- analyticsEventPayloads: (0, _analytics.getAnalyticsEventsFromTransaction)(transaction),
51
- invalidNodes: invalidNodes
52
- }
53
- });
54
- }
55
- }
56
- };
57
- }
58
- function getEditorValue(editorView, transformer) {
59
- return (0, _utils2.compose)(function (doc) {
60
- return transformer && transformer.encode ? transformer.encode(_prosemirrorModel.Node.fromJSON(editorView.state.schema, doc)) : doc;
61
- }, _utils2.toJSON)(editorView.state.doc);
62
- }
@@ -1,94 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.createEditor = createEditor;
7
- var _prosemirrorView = require("prosemirror-view");
8
- var _prosemirrorState = require("prosemirror-state");
9
- var _eventDispatcher = require("../../../../../event-dispatcher");
10
- var _createEditor = require("../../../../../create-editor/create-editor");
11
- var _utils = require("@atlaskit/editor-common/utils");
12
- var _createSchema = require("../../../../../create-editor/create-schema");
13
- function createEditor(_ref) {
14
- var context = _ref.context,
15
- onAnalyticsEvent = _ref.onAnalyticsEvent,
16
- transformer = _ref.transformer,
17
- providerFactory = _ref.providerFactory,
18
- plugins = _ref.plugins,
19
- portalProviderAPI = _ref.portalProviderAPI,
20
- defaultValue = _ref.defaultValue,
21
- ref = _ref.ref,
22
- popupsMountPoint = _ref.popupsMountPoint,
23
- popupsBoundariesElement = _ref.popupsBoundariesElement,
24
- popupsScrollableElement = _ref.popupsScrollableElement,
25
- editorActions = _ref.editorActions,
26
- disabled = _ref.disabled,
27
- onChange = _ref.onChange,
28
- onDestroy = _ref.onDestroy,
29
- onMount = _ref.onMount,
30
- featureFlags = _ref.featureFlags,
31
- getIntl = _ref.getIntl;
32
- if (!ref) {
33
- return null;
34
- }
35
- var eventDispatcher = new _eventDispatcher.EventDispatcher();
36
- var dispatch = (0, _eventDispatcher.createDispatch)(eventDispatcher);
37
- var editorConfig = (0, _createEditor.processPluginsList)(plugins || []);
38
- var schema = (0, _createSchema.createSchema)(editorConfig);
39
- var transformerInstance = transformer && transformer(schema);
40
- var pmPlugins = (0, _createEditor.createPMPlugins)({
41
- editorConfig: editorConfig,
42
- schema: schema,
43
- dispatch: dispatch,
44
- eventDispatcher: eventDispatcher,
45
- portalProviderAPI: portalProviderAPI,
46
- providerFactory: providerFactory,
47
- // Required to workaround issues with multiple react trees.
48
- // Though it's kinda leaking react to outside world.
49
- reactContext: function reactContext() {
50
- return context;
51
- },
52
- // TODO: ED-8133 Need to make types more generic otherwise it's not extensible.
53
- dispatchAnalyticsEvent: onAnalyticsEvent,
54
- performanceTracking: {},
55
- featureFlags: featureFlags,
56
- getIntl: getIntl
57
- });
58
- var state = _prosemirrorState.EditorState.create({
59
- schema: schema,
60
- plugins: pmPlugins,
61
- doc: transformerInstance ? transformerInstance.parse(defaultValue) : (0, _utils.processRawValue)(schema, defaultValue)
62
- });
63
- var editorView = new _prosemirrorView.EditorView({
64
- mount: ref
65
- }, {
66
- state: state,
67
- attributes: {
68
- 'data-gramm': 'false'
69
- },
70
- // Ignore all transactions by default
71
- dispatchTransaction: function dispatchTransaction() {},
72
- // Disables the contentEditable attribute of the editor if the editor is disabled
73
- editable: function editable(_state) {
74
- return !!disabled;
75
- }
76
- });
77
- return {
78
- editorView: editorView,
79
- transformer: transformerInstance,
80
- dispatchAnalyticsEvent: onAnalyticsEvent,
81
- eventDispatcher: eventDispatcher,
82
- dispatch: dispatch,
83
- primaryToolbarComponents: editorConfig.primaryToolbarComponents,
84
- contentComponents: editorConfig.contentComponents,
85
- popupsMountPoint: popupsMountPoint,
86
- popupsBoundariesElement: popupsBoundariesElement,
87
- popupsScrollableElement: popupsScrollableElement,
88
- providerFactory: providerFactory,
89
- editorActions: editorActions,
90
- onChange: onChange,
91
- onDestroy: onDestroy,
92
- onMount: onMount
93
- };
94
- }