@atlaskit/editor-core 186.0.1 → 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.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/labs-next.js +0 -65
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/labs-next.js +0 -4
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/labs-next.js +0 -4
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/labs/next/presets/default.d.ts +2 -3
- package/dist/types/labs-next.d.ts +0 -7
- package/dist/types-ts4.5/labs/next/presets/default.d.ts +2 -3
- package/dist/types-ts4.5/labs-next.d.ts +0 -7
- package/package.json +1 -1
- package/report.api.md +2 -26
- package/dist/cjs/labs/next/ContentComponents.js +0 -43
- package/dist/cjs/labs/next/Editor.js +0 -76
- package/dist/cjs/labs/next/Toolbar.js +0 -39
- package/dist/cjs/labs/next/full-page.js +0 -127
- package/dist/cjs/labs/next/internal/components/EditorContent.js +0 -25
- package/dist/cjs/labs/next/internal/components/EditorInternal.js +0 -81
- package/dist/cjs/labs/next/internal/context/preset-context.js +0 -15
- package/dist/cjs/labs/next/internal/context/shared-config.js +0 -77
- package/dist/cjs/labs/next/internal/editor-props-type.js +0 -5
- package/dist/cjs/labs/next/internal/hooks/use-analytics/index.js +0 -41
- package/dist/cjs/labs/next/internal/hooks/use-editor/create-dispatch-transaction.js +0 -62
- package/dist/cjs/labs/next/internal/hooks/use-editor/create-editor.js +0 -94
- package/dist/cjs/labs/next/internal/hooks/use-editor/index.js +0 -193
- package/dist/cjs/labs/next/mobile.js +0 -37
- package/dist/cjs/labs/next/presets/cxhtml.js +0 -117
- package/dist/cjs/labs/next/presets/mobile.js +0 -130
- package/dist/cjs/labs/next/presets/utils.js +0 -30
- package/dist/es2019/labs/next/ContentComponents.js +0 -38
- package/dist/es2019/labs/next/Editor.js +0 -46
- package/dist/es2019/labs/next/Toolbar.js +0 -34
- package/dist/es2019/labs/next/full-page.js +0 -192
- package/dist/es2019/labs/next/internal/components/EditorContent.js +0 -17
- package/dist/es2019/labs/next/internal/components/EditorInternal.js +0 -66
- package/dist/es2019/labs/next/internal/context/preset-context.js +0 -5
- package/dist/es2019/labs/next/internal/context/shared-config.js +0 -34
- package/dist/es2019/labs/next/internal/editor-props-type.js +0 -1
- package/dist/es2019/labs/next/internal/hooks/use-analytics/index.js +0 -32
- package/dist/es2019/labs/next/internal/hooks/use-editor/create-dispatch-transaction.js +0 -51
- package/dist/es2019/labs/next/internal/hooks/use-editor/create-editor.js +0 -85
- package/dist/es2019/labs/next/internal/hooks/use-editor/index.js +0 -179
- package/dist/es2019/labs/next/mobile.js +0 -27
- package/dist/es2019/labs/next/presets/cxhtml.js +0 -106
- package/dist/es2019/labs/next/presets/mobile.js +0 -118
- package/dist/es2019/labs/next/presets/utils.js +0 -22
- package/dist/esm/labs/next/ContentComponents.js +0 -36
- package/dist/esm/labs/next/Editor.js +0 -48
- package/dist/esm/labs/next/Toolbar.js +0 -32
- package/dist/esm/labs/next/full-page.js +0 -121
- package/dist/esm/labs/next/internal/components/EditorContent.js +0 -17
- package/dist/esm/labs/next/internal/components/EditorInternal.js +0 -73
- package/dist/esm/labs/next/internal/context/preset-context.js +0 -7
- package/dist/esm/labs/next/internal/context/shared-config.js +0 -68
- package/dist/esm/labs/next/internal/editor-props-type.js +0 -1
- package/dist/esm/labs/next/internal/hooks/use-analytics/index.js +0 -34
- package/dist/esm/labs/next/internal/hooks/use-editor/create-dispatch-transaction.js +0 -55
- package/dist/esm/labs/next/internal/hooks/use-editor/create-editor.js +0 -88
- package/dist/esm/labs/next/internal/hooks/use-editor/index.js +0 -185
- package/dist/esm/labs/next/mobile.js +0 -25
- package/dist/esm/labs/next/presets/cxhtml.js +0 -108
- package/dist/esm/labs/next/presets/mobile.js +0 -120
- package/dist/esm/labs/next/presets/utils.js +0 -23
- package/dist/types/labs/next/ContentComponents.d.ts +0 -8
- package/dist/types/labs/next/Editor.d.ts +0 -27
- package/dist/types/labs/next/Toolbar.d.ts +0 -6
- package/dist/types/labs/next/full-page.d.ts +0 -9
- package/dist/types/labs/next/internal/components/EditorContent.d.ts +0 -7
- package/dist/types/labs/next/internal/components/EditorInternal.d.ts +0 -9
- package/dist/types/labs/next/internal/context/preset-context.d.ts +0 -5
- package/dist/types/labs/next/internal/context/shared-config.d.ts +0 -50
- package/dist/types/labs/next/internal/editor-props-type.d.ts +0 -29
- package/dist/types/labs/next/internal/hooks/use-analytics/index.d.ts +0 -8
- package/dist/types/labs/next/internal/hooks/use-editor/create-dispatch-transaction.d.ts +0 -6
- package/dist/types/labs/next/internal/hooks/use-editor/create-editor.d.ts +0 -19
- package/dist/types/labs/next/internal/hooks/use-editor/index.d.ts +0 -11
- package/dist/types/labs/next/mobile.d.ts +0 -12
- package/dist/types/labs/next/presets/cxhtml.d.ts +0 -338
- package/dist/types/labs/next/presets/mobile.d.ts +0 -343
- package/dist/types/labs/next/presets/utils.d.ts +0 -3
- package/dist/types-ts4.5/labs/next/ContentComponents.d.ts +0 -8
- package/dist/types-ts4.5/labs/next/Editor.d.ts +0 -27
- package/dist/types-ts4.5/labs/next/Toolbar.d.ts +0 -6
- package/dist/types-ts4.5/labs/next/full-page.d.ts +0 -9
- package/dist/types-ts4.5/labs/next/internal/components/EditorContent.d.ts +0 -7
- package/dist/types-ts4.5/labs/next/internal/components/EditorInternal.d.ts +0 -9
- package/dist/types-ts4.5/labs/next/internal/context/preset-context.d.ts +0 -5
- package/dist/types-ts4.5/labs/next/internal/context/shared-config.d.ts +0 -50
- package/dist/types-ts4.5/labs/next/internal/editor-props-type.d.ts +0 -29
- package/dist/types-ts4.5/labs/next/internal/hooks/use-analytics/index.d.ts +0 -8
- package/dist/types-ts4.5/labs/next/internal/hooks/use-editor/create-dispatch-transaction.d.ts +0 -6
- package/dist/types-ts4.5/labs/next/internal/hooks/use-editor/create-editor.d.ts +0 -19
- package/dist/types-ts4.5/labs/next/internal/hooks/use-editor/index.d.ts +0 -14
- package/dist/types-ts4.5/labs/next/mobile.d.ts +0 -12
- package/dist/types-ts4.5/labs/next/presets/cxhtml.d.ts +0 -414
- package/dist/types-ts4.5/labs/next/presets/mobile.d.ts +0 -419
- package/dist/types-ts4.5/labs/next/presets/utils.d.ts +0 -3
- package/tmp/api-report-tmp.d.ts +0 -2278
|
@@ -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,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
|
-
}
|
|
@@ -1,193 +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.useEditor = useEditor;
|
|
8
|
-
exports.useHandleEditorLifecycle = useHandleEditorLifecycle;
|
|
9
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
-
var _react = _interopRequireDefault(require("react"));
|
|
12
|
-
var _utils = require("@atlaskit/editor-common/utils");
|
|
13
|
-
var _measureEnum = _interopRequireDefault(require("../../../../../utils/performance/measure-enum"));
|
|
14
|
-
var _utils2 = require("../../../../../utils");
|
|
15
|
-
var _analytics = require("../../../../../plugins/analytics");
|
|
16
|
-
var _normalizeFeatureFlags = require("@atlaskit/editor-common/normalize-feature-flags");
|
|
17
|
-
var _useAnalytics = require("../use-analytics");
|
|
18
|
-
var _createDispatchTransaction = require("./create-dispatch-transaction");
|
|
19
|
-
var _createEditor = require("./create-editor");
|
|
20
|
-
var _consts = require("../../../../../plugins/analytics/consts");
|
|
21
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
|
-
function useEditor(config) {
|
|
24
|
-
(0, _utils.startMeasure)(_measureEnum.default.EDITOR_MOUNTED);
|
|
25
|
-
var _useCreateEditor = useCreateEditor(config),
|
|
26
|
-
_useCreateEditor2 = (0, _slicedToArray2.default)(_useCreateEditor, 2),
|
|
27
|
-
editorSharedConfig = _useCreateEditor2[0],
|
|
28
|
-
mountEditor = _useCreateEditor2[1];
|
|
29
|
-
useApplyEditorViewProps(editorSharedConfig, config.disabled);
|
|
30
|
-
useHandleEditorLifecycle(editorSharedConfig, config.featureFlags);
|
|
31
|
-
(0, _useAnalytics.useAnalyticsHandler)(editorSharedConfig);
|
|
32
|
-
return [editorSharedConfig, mountEditor];
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
/**
|
|
36
|
-
*
|
|
37
|
-
* Sub hooks ¯\_(ツ)_/¯
|
|
38
|
-
*
|
|
39
|
-
*/
|
|
40
|
-
|
|
41
|
-
/**
|
|
42
|
-
* Main hook that creates an instance of EditorView, EditorSharedConfig, etc...
|
|
43
|
-
*/
|
|
44
|
-
function useCreateEditor(config) {
|
|
45
|
-
var _React$useState = _react.default.useState(null),
|
|
46
|
-
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
|
47
|
-
editorSharedConfig = _React$useState2[0],
|
|
48
|
-
setEditorSharedConfig = _React$useState2[1];
|
|
49
|
-
return [editorSharedConfig,
|
|
50
|
-
// This callback is being used as `ref={callback}` on EditorContentProvider,
|
|
51
|
-
// When called with `ref` mounts editor and creates editorSharedConfig.
|
|
52
|
-
_react.default.useCallback(function (ref) {
|
|
53
|
-
// If editorSharedConfig already exists it means that editorView is mounted
|
|
54
|
-
// and we just need to ignore this function altogether.
|
|
55
|
-
if (!ref) {
|
|
56
|
-
return;
|
|
57
|
-
}
|
|
58
|
-
setEditorSharedConfig(function (editorSharedConfig) {
|
|
59
|
-
if (!editorSharedConfig) {
|
|
60
|
-
(0, _utils.measureRender)(_measureEnum.default.PROSEMIRROR_RENDERED, function (_ref) {
|
|
61
|
-
var duration = _ref.duration,
|
|
62
|
-
startTime = _ref.startTime,
|
|
63
|
-
distortedDuration = _ref.distortedDuration;
|
|
64
|
-
if (sharedConfig && sharedConfig.dispatch) {
|
|
65
|
-
sharedConfig.dispatch(_consts.analyticsEventKey, {
|
|
66
|
-
payload: {
|
|
67
|
-
action: _analytics.ACTION.PROSEMIRROR_RENDERED,
|
|
68
|
-
actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
|
|
69
|
-
attributes: {
|
|
70
|
-
duration: duration,
|
|
71
|
-
distortedDuration: distortedDuration,
|
|
72
|
-
startTime: startTime,
|
|
73
|
-
nodes: (0, _utils2.getNodesCount)(sharedConfig.editorView.state.doc),
|
|
74
|
-
ttfb: (0, _utils.getResponseEndTime)()
|
|
75
|
-
},
|
|
76
|
-
eventType: _analytics.EVENT_TYPE.OPERATIONAL
|
|
77
|
-
}
|
|
78
|
-
});
|
|
79
|
-
}
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
var sharedConfig = editorSharedConfig || (0, _createEditor.createEditor)(_objectSpread(_objectSpread({}, config), {}, {
|
|
83
|
-
ref: ref
|
|
84
|
-
}));
|
|
85
|
-
(0, _utils.stopMeasure)(_measureEnum.default.EDITOR_MOUNTED, function (duration, startTime) {
|
|
86
|
-
if (!sharedConfig) {
|
|
87
|
-
return;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
// Fire editor mounted event
|
|
91
|
-
sharedConfig.dispatch(_consts.analyticsEventKey, {
|
|
92
|
-
payload: {
|
|
93
|
-
action: _analytics.ACTION.EDITOR_MOUNTED,
|
|
94
|
-
actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
|
|
95
|
-
attributes: {
|
|
96
|
-
duration: duration,
|
|
97
|
-
startTime: startTime
|
|
98
|
-
},
|
|
99
|
-
eventType: _analytics.EVENT_TYPE.OPERATIONAL
|
|
100
|
-
}
|
|
101
|
-
});
|
|
102
|
-
});
|
|
103
|
-
return sharedConfig;
|
|
104
|
-
});
|
|
105
|
-
}, [config])];
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
/**
|
|
109
|
-
* Applies updated EditorView properties e.g. set dispatchTransaction or 'disabled' state changes
|
|
110
|
-
*/
|
|
111
|
-
function useApplyEditorViewProps(editorSharedConfig, disabled) {
|
|
112
|
-
_react.default.useEffect(function () {
|
|
113
|
-
if (editorSharedConfig) {
|
|
114
|
-
editorSharedConfig.editorView.setProps({
|
|
115
|
-
dispatchTransaction: (0, _createDispatchTransaction.createDispatchTransaction)(editorSharedConfig)
|
|
116
|
-
});
|
|
117
|
-
editorSharedConfig.editorView.setProps({
|
|
118
|
-
editable: function editable(_state) {
|
|
119
|
-
return !disabled;
|
|
120
|
-
}
|
|
121
|
-
});
|
|
122
|
-
}
|
|
123
|
-
}, [editorSharedConfig, disabled]);
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
/**
|
|
127
|
-
* Handles editor component unmount
|
|
128
|
-
*/
|
|
129
|
-
function useHandleEditorLifecycle(editorSharedConfig, featureFlags) {
|
|
130
|
-
_react.default.useEffect(function () {
|
|
131
|
-
//#region Did mount
|
|
132
|
-
if (editorSharedConfig) {
|
|
133
|
-
var onMount = editorSharedConfig.onMount,
|
|
134
|
-
editorActions = editorSharedConfig.editorActions,
|
|
135
|
-
editorView = editorSharedConfig.editorView,
|
|
136
|
-
eventDispatcher = editorSharedConfig.eventDispatcher,
|
|
137
|
-
dispatch = editorSharedConfig.dispatch;
|
|
138
|
-
editorActions._privateRegisterEditor(editorView, eventDispatcher);
|
|
139
|
-
if (onMount) {
|
|
140
|
-
onMount(editorActions);
|
|
141
|
-
}
|
|
142
|
-
var featureFlagsEnabled = featureFlags ? (0, _normalizeFeatureFlags.getEnabledFeatureFlagKeys)(featureFlags) : [];
|
|
143
|
-
|
|
144
|
-
// Fire editor started event
|
|
145
|
-
dispatch(_consts.analyticsEventKey, {
|
|
146
|
-
payload: {
|
|
147
|
-
action: _analytics.ACTION.STARTED,
|
|
148
|
-
actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
|
|
149
|
-
attributes: {
|
|
150
|
-
platform: _analytics.PLATFORMS.WEB,
|
|
151
|
-
featureFlags: featureFlagsEnabled
|
|
152
|
-
},
|
|
153
|
-
eventType: _analytics.EVENT_TYPE.UI
|
|
154
|
-
}
|
|
155
|
-
});
|
|
156
|
-
}
|
|
157
|
-
//#endregion
|
|
158
|
-
|
|
159
|
-
return function () {
|
|
160
|
-
if (!editorSharedConfig) {
|
|
161
|
-
return;
|
|
162
|
-
}
|
|
163
|
-
var eventDispatcher = editorSharedConfig.eventDispatcher,
|
|
164
|
-
editorView = editorSharedConfig.editorView,
|
|
165
|
-
onDestroy = editorSharedConfig.onDestroy,
|
|
166
|
-
editorActions = editorSharedConfig.editorActions;
|
|
167
|
-
if (eventDispatcher) {
|
|
168
|
-
eventDispatcher.destroy();
|
|
169
|
-
}
|
|
170
|
-
if (onDestroy) {
|
|
171
|
-
onDestroy();
|
|
172
|
-
}
|
|
173
|
-
editorActions._privateUnregisterEditor();
|
|
174
|
-
if (editorView) {
|
|
175
|
-
// Prevent any transactions from coming through when unmounting
|
|
176
|
-
editorView.setProps({
|
|
177
|
-
dispatchTransaction: function dispatchTransaction(_tr) {}
|
|
178
|
-
});
|
|
179
|
-
|
|
180
|
-
// Destroy plugin states and editor state
|
|
181
|
-
// when the editor is being unmounted
|
|
182
|
-
var editorState = editorView.state;
|
|
183
|
-
editorState.plugins.forEach(function (plugin) {
|
|
184
|
-
var state = plugin.getState(editorState);
|
|
185
|
-
if (state && state.destroy) {
|
|
186
|
-
state.destroy();
|
|
187
|
-
}
|
|
188
|
-
});
|
|
189
|
-
editorView.destroy();
|
|
190
|
-
}
|
|
191
|
-
};
|
|
192
|
-
}, [editorSharedConfig, featureFlags]);
|
|
193
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.Mobile = void 0;
|
|
9
|
-
exports.MobileEditor = MobileEditor;
|
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
13
|
-
var _Mobile = require("../../ui/AppearanceComponents/Mobile");
|
|
14
|
-
var _Editor = require("./Editor");
|
|
15
|
-
var _useAnalytics = require("./internal/hooks/use-analytics");
|
|
16
|
-
var _contextAdapter = require("../../nodeviews/context-adapter");
|
|
17
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
18
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
|
-
function MobileEditor(props) {
|
|
20
|
-
var maxHeight = props.maxHeight,
|
|
21
|
-
createAnalyticsEvent = props.createAnalyticsEvent,
|
|
22
|
-
disabled = props.disabled;
|
|
23
|
-
var handleAnalyticsEvent = (0, _useAnalytics.useCreateAnalyticsHandler)(createAnalyticsEvent);
|
|
24
|
-
var renderWithConfig = (0, _react.useCallback)(function (config) {
|
|
25
|
-
return /*#__PURE__*/_react.default.createElement(_Mobile.MobileAppearance, {
|
|
26
|
-
editorView: config && config.editorView,
|
|
27
|
-
maxHeight: maxHeight,
|
|
28
|
-
editorDisabled: disabled
|
|
29
|
-
}, /*#__PURE__*/_react.default.createElement(_Editor.EditorContent, null));
|
|
30
|
-
}, [maxHeight, disabled]);
|
|
31
|
-
return /*#__PURE__*/_react.default.createElement(_contextAdapter.ContextAdapter, null, /*#__PURE__*/_react.default.createElement(_Editor.Editor, (0, _extends2.default)({}, props, {
|
|
32
|
-
onAnalyticsEvent: handleAnalyticsEvent
|
|
33
|
-
}), /*#__PURE__*/_react.default.createElement(_Editor.EditorSharedConfigConsumer, null, renderWithConfig)));
|
|
34
|
-
}
|
|
35
|
-
MobileEditor.displayName = 'MobileEditor';
|
|
36
|
-
var Mobile = (0, _analyticsNext.withAnalyticsEvents)()(MobileEditor);
|
|
37
|
-
exports.Mobile = Mobile;
|