@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
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 187.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [`304c002d875`](https://bitbucket.org/atlassian/atlassian-frontend/commits/304c002d875) - Removing `Editor` from `labs-next` entry point. This `Editor` was experimental and is not maintained any longer.
|
|
8
|
+
|
|
9
|
+
You should use the existing `Editor` from `editor-core`:
|
|
10
|
+
|
|
11
|
+
```
|
|
12
|
+
import { Editor } from '@atlaskit/editor-core';
|
|
13
|
+
```
|
|
14
|
+
|
|
3
15
|
## 186.0.1
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
package/dist/cjs/labs-next.js
CHANGED
|
@@ -1,77 +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
|
-
Object.defineProperty(exports, "Editor", {
|
|
8
|
-
enumerable: true,
|
|
9
|
-
get: function get() {
|
|
10
|
-
return _Editor.Editor;
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
Object.defineProperty(exports, "EditorContent", {
|
|
14
|
-
enumerable: true,
|
|
15
|
-
get: function get() {
|
|
16
|
-
return _Editor.EditorContent;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports, "EditorContext", {
|
|
20
|
-
enumerable: true,
|
|
21
|
-
get: function get() {
|
|
22
|
-
return _EditorContext.default;
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
Object.defineProperty(exports, "EditorPresetMobile", {
|
|
26
|
-
enumerable: true,
|
|
27
|
-
get: function get() {
|
|
28
|
-
return _mobile2.EditorPresetMobile;
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
Object.defineProperty(exports, "EditorSharedConfigConsumer", {
|
|
32
|
-
enumerable: true,
|
|
33
|
-
get: function get() {
|
|
34
|
-
return _Editor.EditorSharedConfigConsumer;
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
Object.defineProperty(exports, "Mobile", {
|
|
38
|
-
enumerable: true,
|
|
39
|
-
get: function get() {
|
|
40
|
-
return _mobile.Mobile;
|
|
41
|
-
}
|
|
42
|
-
});
|
|
43
|
-
Object.defineProperty(exports, "MobileEditor", {
|
|
44
|
-
enumerable: true,
|
|
45
|
-
get: function get() {
|
|
46
|
-
return _mobile.MobileEditor;
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
Object.defineProperty(exports, "PresetProvider", {
|
|
50
|
-
enumerable: true,
|
|
51
|
-
get: function get() {
|
|
52
|
-
return _Editor.PresetProvider;
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
6
|
Object.defineProperty(exports, "createDefaultPreset", {
|
|
56
7
|
enumerable: true,
|
|
57
8
|
get: function get() {
|
|
58
9
|
return _default.createDefaultPreset;
|
|
59
10
|
}
|
|
60
11
|
});
|
|
61
|
-
Object.defineProperty(exports, "useEditorSharedConfig", {
|
|
62
|
-
enumerable: true,
|
|
63
|
-
get: function get() {
|
|
64
|
-
return _Editor.useEditorSharedConfig;
|
|
65
|
-
}
|
|
66
|
-
});
|
|
67
|
-
Object.defineProperty(exports, "useMobilePreset", {
|
|
68
|
-
enumerable: true,
|
|
69
|
-
get: function get() {
|
|
70
|
-
return _mobile2.useMobilePreset;
|
|
71
|
-
}
|
|
72
|
-
});
|
|
73
|
-
var _mobile = require("./labs/next/mobile");
|
|
74
|
-
var _mobile2 = require("./labs/next/presets/mobile");
|
|
75
|
-
var _Editor = require("./labs/next/Editor");
|
|
76
|
-
var _EditorContext = _interopRequireDefault(require("./ui/EditorContext"));
|
|
77
12
|
var _default = require("./labs/next/presets/default");
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.version = exports.nextMajorVersion = exports.name = void 0;
|
|
7
7
|
var name = "@atlaskit/editor-core";
|
|
8
8
|
exports.name = name;
|
|
9
|
-
var version = "
|
|
9
|
+
var version = "187.0.0";
|
|
10
10
|
exports.version = version;
|
|
11
11
|
var nextMajorVersion = function nextMajorVersion() {
|
|
12
12
|
return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
|
package/dist/cjs/version.json
CHANGED
package/dist/es2019/labs-next.js
CHANGED
|
@@ -1,5 +1 @@
|
|
|
1
|
-
export { Mobile, MobileEditor } from './labs/next/mobile';
|
|
2
|
-
export { EditorPresetMobile, useMobilePreset } from './labs/next/presets/mobile';
|
|
3
|
-
export { Editor, EditorContent, EditorSharedConfigConsumer, PresetProvider, useEditorSharedConfig } from './labs/next/Editor';
|
|
4
|
-
export { default as EditorContext } from './ui/EditorContext';
|
|
5
1
|
export { createDefaultPreset } from './labs/next/presets/default';
|
package/dist/es2019/version.json
CHANGED
package/dist/esm/labs-next.js
CHANGED
|
@@ -1,5 +1 @@
|
|
|
1
|
-
export { Mobile, MobileEditor } from './labs/next/mobile';
|
|
2
|
-
export { EditorPresetMobile, useMobilePreset } from './labs/next/presets/mobile';
|
|
3
|
-
export { Editor, EditorContent, EditorSharedConfigConsumer, PresetProvider, useEditorSharedConfig } from './labs/next/Editor';
|
|
4
|
-
export { default as EditorContext } from './ui/EditorContext';
|
|
5
1
|
export { createDefaultPreset } from './labs/next/presets/default';
|
package/dist/esm/version.json
CHANGED
|
@@ -3,8 +3,7 @@
|
|
|
3
3
|
import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
4
4
|
import { PastePluginOptions } from '../../../plugins/paste';
|
|
5
5
|
import { BasePluginOptions } from '../../../plugins/base';
|
|
6
|
-
import { EditorProps } from '
|
|
7
|
-
import { EditorProps as AllEditorProps } from '../../../types/editor-props';
|
|
6
|
+
import { EditorProps } from '../../../types/editor-props';
|
|
8
7
|
import { EditorPresetProps } from './types';
|
|
9
8
|
import { BlockTypePluginOptions } from '../../../plugins/block-type/types';
|
|
10
9
|
import { PlaceholderPluginOptions } from '../../../plugins/placeholder';
|
|
@@ -33,7 +32,7 @@ export type DefaultPresetPluginOptions = {
|
|
|
33
32
|
createAnalyticsEvent?: CreateUIAnalyticsEvent;
|
|
34
33
|
typeAhead?: TypeAheadPluginOptions;
|
|
35
34
|
allowAnalyticsGASV3?: boolean;
|
|
36
|
-
performanceTracking?:
|
|
35
|
+
performanceTracking?: EditorProps['performanceTracking'];
|
|
37
36
|
};
|
|
38
37
|
/**
|
|
39
38
|
* Note: The order that presets are added determines
|
|
@@ -1,8 +1 @@
|
|
|
1
|
-
export { Mobile, MobileEditor } from './labs/next/mobile';
|
|
2
|
-
export type { MobileEditorProps } from './labs/next/mobile';
|
|
3
|
-
export { EditorPresetMobile, useMobilePreset, } from './labs/next/presets/mobile';
|
|
4
|
-
export type { MobilePresetProps } from './labs/next/presets/mobile';
|
|
5
|
-
export { Editor, EditorContent, EditorSharedConfigConsumer, PresetProvider, useEditorSharedConfig, } from './labs/next/Editor';
|
|
6
|
-
export type { EditorProps, EditorSharedConfig } from './labs/next/Editor';
|
|
7
|
-
export { default as EditorContext } from './ui/EditorContext';
|
|
8
1
|
export { createDefaultPreset } from './labs/next/presets/default';
|
|
@@ -3,8 +3,7 @@
|
|
|
3
3
|
import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
|
|
4
4
|
import { PastePluginOptions } from '../../../plugins/paste';
|
|
5
5
|
import { BasePluginOptions } from '../../../plugins/base';
|
|
6
|
-
import { EditorProps } from '
|
|
7
|
-
import { EditorProps as AllEditorProps } from '../../../types/editor-props';
|
|
6
|
+
import { EditorProps } from '../../../types/editor-props';
|
|
8
7
|
import { EditorPresetProps } from './types';
|
|
9
8
|
import { BlockTypePluginOptions } from '../../../plugins/block-type/types';
|
|
10
9
|
import { PlaceholderPluginOptions } from '../../../plugins/placeholder';
|
|
@@ -33,7 +32,7 @@ export type DefaultPresetPluginOptions = {
|
|
|
33
32
|
createAnalyticsEvent?: CreateUIAnalyticsEvent;
|
|
34
33
|
typeAhead?: TypeAheadPluginOptions;
|
|
35
34
|
allowAnalyticsGASV3?: boolean;
|
|
36
|
-
performanceTracking?:
|
|
35
|
+
performanceTracking?: EditorProps['performanceTracking'];
|
|
37
36
|
};
|
|
38
37
|
/**
|
|
39
38
|
* Note: The order that presets are added determines
|
|
@@ -1,8 +1 @@
|
|
|
1
|
-
export { Mobile, MobileEditor } from './labs/next/mobile';
|
|
2
|
-
export type { MobileEditorProps } from './labs/next/mobile';
|
|
3
|
-
export { EditorPresetMobile, useMobilePreset, } from './labs/next/presets/mobile';
|
|
4
|
-
export type { MobilePresetProps } from './labs/next/presets/mobile';
|
|
5
|
-
export { Editor, EditorContent, EditorSharedConfigConsumer, PresetProvider, useEditorSharedConfig, } from './labs/next/Editor';
|
|
6
|
-
export type { EditorProps, EditorSharedConfig } from './labs/next/Editor';
|
|
7
|
-
export { default as EditorContext } from './ui/EditorContext';
|
|
8
1
|
export { createDefaultPreset } from './labs/next/presets/default';
|
package/package.json
CHANGED
package/report.api.md
CHANGED
|
@@ -70,7 +70,7 @@ import type { ExtensionProvider } from '@atlaskit/editor-common/extensions';
|
|
|
70
70
|
import { ExtensionType } from '@atlaskit/editor-common/provider-factory';
|
|
71
71
|
import { FC } from 'react';
|
|
72
72
|
import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
|
|
73
|
-
import { FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';
|
|
73
|
+
import type { FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';
|
|
74
74
|
import { FloatingToolbarButton } from '@atlaskit/editor-common/types';
|
|
75
75
|
import { FloatingToolbarColorPicker } from '@atlaskit/editor-common/types';
|
|
76
76
|
import { FloatingToolbarConfig } from '@atlaskit/editor-common/types';
|
|
@@ -566,7 +566,7 @@ type DefaultPresetPluginOptions = {
|
|
|
566
566
|
blockType?: BlockTypePluginOptions;
|
|
567
567
|
placeholder?: PlaceholderPluginOptions;
|
|
568
568
|
textFormatting?: TextFormattingOptions;
|
|
569
|
-
submitEditor?:
|
|
569
|
+
submitEditor?: EditorProps['onSave'];
|
|
570
570
|
annotationProviders?: AnnotationProviders;
|
|
571
571
|
quickInsert?: QuickInsertPluginOptions;
|
|
572
572
|
codeBlock?: CodeBlockOptions;
|
|
@@ -951,30 +951,6 @@ export interface EditorProps
|
|
|
951
951
|
};
|
|
952
952
|
}
|
|
953
953
|
|
|
954
|
-
// @public (undocumented)
|
|
955
|
-
type EditorProps_2 = {
|
|
956
|
-
plugins?: Array<EditorPlugin>;
|
|
957
|
-
transformer?: (schema: Schema) => Transformer_2<any>;
|
|
958
|
-
children?: React.ReactChild;
|
|
959
|
-
defaultValue?: object | string;
|
|
960
|
-
popupsMountPoint?: HTMLElement;
|
|
961
|
-
popupsBoundariesElement?: HTMLElement;
|
|
962
|
-
popupsScrollableElement?: HTMLElement;
|
|
963
|
-
disabled?: boolean;
|
|
964
|
-
placeholder?: string;
|
|
965
|
-
onAnalyticsEvent?: FireAnalyticsCallback;
|
|
966
|
-
onChange?: (
|
|
967
|
-
value: any,
|
|
968
|
-
meta: {
|
|
969
|
-
source: 'local' | 'remote';
|
|
970
|
-
},
|
|
971
|
-
) => void;
|
|
972
|
-
onSave?: (value: any) => void;
|
|
973
|
-
onCancel?: (value: any) => void;
|
|
974
|
-
onMount?: (actions: EditorActions) => void;
|
|
975
|
-
onDestroy?: () => void;
|
|
976
|
-
};
|
|
977
|
-
|
|
978
954
|
// @public (undocumented)
|
|
979
955
|
interface EditorProviderProps {
|
|
980
956
|
// (undocumented)
|
|
@@ -1,43 +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.ContentComponents = ContentComponents;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _editorDisabled = require("../../plugins/editor-disabled");
|
|
10
|
-
var _WithPluginState = _interopRequireDefault(require("../../ui/WithPluginState"));
|
|
11
|
-
var _PluginSlot = _interopRequireDefault(require("../../ui/PluginSlot"));
|
|
12
|
-
var _Editor = require("./Editor");
|
|
13
|
-
function ContentComponents(_ref) {
|
|
14
|
-
var disabled = _ref.disabled,
|
|
15
|
-
wrapperElement = _ref.wrapperElement,
|
|
16
|
-
containerElement = _ref.containerElement;
|
|
17
|
-
var config = (0, _Editor.useEditorSharedConfig)();
|
|
18
|
-
if (!config) {
|
|
19
|
-
return null;
|
|
20
|
-
}
|
|
21
|
-
return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
|
|
22
|
-
plugins: {
|
|
23
|
-
disabled: _editorDisabled.pluginKey
|
|
24
|
-
},
|
|
25
|
-
render: function render(_ref2) {
|
|
26
|
-
var _disabled$editorDisab;
|
|
27
|
-
var disabled = _ref2.disabled;
|
|
28
|
-
return /*#__PURE__*/_react.default.createElement(_PluginSlot.default, {
|
|
29
|
-
editorView: config.editorView,
|
|
30
|
-
eventDispatcher: config.eventDispatcher,
|
|
31
|
-
providerFactory: config.providerFactory,
|
|
32
|
-
items: config.contentComponents,
|
|
33
|
-
popupsMountPoint: config.popupsMountPoint,
|
|
34
|
-
popupsBoundariesElement: config.popupsBoundariesElement,
|
|
35
|
-
popupsScrollableElement: config.popupsScrollableElement,
|
|
36
|
-
containerElement: containerElement // TODO: Figure out how to pass containerElement here ED-8448
|
|
37
|
-
,
|
|
38
|
-
wrapperElement: wrapperElement,
|
|
39
|
-
disabled: (_disabled$editorDisab = disabled === null || disabled === void 0 ? void 0 : disabled.editorDisabled) !== null && _disabled$editorDisab !== void 0 ? _disabled$editorDisab : false
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
});
|
|
43
|
-
}
|
|
@@ -1,76 +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.Editor = Editor;
|
|
8
|
-
Object.defineProperty(exports, "EditorContent", {
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: function get() {
|
|
11
|
-
return _EditorContent.EditorContent;
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
Object.defineProperty(exports, "EditorSharedConfigConsumer", {
|
|
15
|
-
enumerable: true,
|
|
16
|
-
get: function get() {
|
|
17
|
-
return _sharedConfig.EditorSharedConfigConsumer;
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
Object.defineProperty(exports, "PresetProvider", {
|
|
21
|
-
enumerable: true,
|
|
22
|
-
get: function get() {
|
|
23
|
-
return _presetContext.PresetProvider;
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
Object.defineProperty(exports, "useEditorSharedConfig", {
|
|
27
|
-
enumerable: true,
|
|
28
|
-
get: function get() {
|
|
29
|
-
return _sharedConfig.useEditorSharedConfig;
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
33
|
-
var _react = _interopRequireDefault(require("react"));
|
|
34
|
-
var _reactIntlNext = require("react-intl-next");
|
|
35
|
-
var _portalProvider = require("@atlaskit/editor-common/portal-provider");
|
|
36
|
-
var _EditorInternal = require("./internal/components/EditorInternal");
|
|
37
|
-
var _presetContext = require("./internal/context/preset-context");
|
|
38
|
-
var _sharedConfig = require("./internal/context/shared-config");
|
|
39
|
-
var _EditorContent = require("./internal/components/EditorContent");
|
|
40
|
-
/**
|
|
41
|
-
* Main Editor component. Use in combination with `EditorContent` and a `Preset`.
|
|
42
|
-
* Internally it constructs `ProseMirror View` and mounts it to `EditorContent`.
|
|
43
|
-
*
|
|
44
|
-
* `EditorContent` can be wrapped to implement any layout/design requirements.
|
|
45
|
-
*
|
|
46
|
-
* ```js
|
|
47
|
-
* <Preset>
|
|
48
|
-
* <Editor>
|
|
49
|
-
* <EditorContent/>
|
|
50
|
-
* </Editor>
|
|
51
|
-
* </Preset>
|
|
52
|
-
* ```
|
|
53
|
-
*/
|
|
54
|
-
function Editor(props) {
|
|
55
|
-
var plugins = (0, _presetContext.usePresetContext)();
|
|
56
|
-
return /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
|
|
57
|
-
locale: "en"
|
|
58
|
-
}, /*#__PURE__*/_react.default.createElement(_portalProvider.PortalProvider, {
|
|
59
|
-
onAnalyticsEvent: props.onAnalyticsEvent,
|
|
60
|
-
render: function render(portalProviderAPI) {
|
|
61
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_EditorInternal.EditorInternal, (0, _extends2.default)({}, props, {
|
|
62
|
-
plugins: plugins.length ? plugins : props.plugins,
|
|
63
|
-
portalProviderAPI: portalProviderAPI,
|
|
64
|
-
onAnalyticsEvent: props.onAnalyticsEvent
|
|
65
|
-
})), /*#__PURE__*/_react.default.createElement(_portalProvider.PortalRenderer, {
|
|
66
|
-
portalProviderAPI: portalProviderAPI
|
|
67
|
-
}));
|
|
68
|
-
}
|
|
69
|
-
}));
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
/**
|
|
73
|
-
*
|
|
74
|
-
* Public API Exports.
|
|
75
|
-
*
|
|
76
|
-
*/
|
|
@@ -1,39 +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.Toolbar = Toolbar;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _editorDisabled = require("../../plugins/editor-disabled");
|
|
10
|
-
var _WithPluginState = _interopRequireDefault(require("../../ui/WithPluginState"));
|
|
11
|
-
var _Toolbar = _interopRequireDefault(require("../../ui/Toolbar"));
|
|
12
|
-
var _Editor = require("./Editor");
|
|
13
|
-
function Toolbar(_ref) {
|
|
14
|
-
var containerElement = _ref.containerElement;
|
|
15
|
-
var config = (0, _Editor.useEditorSharedConfig)();
|
|
16
|
-
if (!config) {
|
|
17
|
-
return null;
|
|
18
|
-
}
|
|
19
|
-
return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
|
|
20
|
-
plugins: {
|
|
21
|
-
disabled: _editorDisabled.pluginKey
|
|
22
|
-
},
|
|
23
|
-
render: function render(_ref2) {
|
|
24
|
-
var _disabled$editorDisab;
|
|
25
|
-
var disabled = _ref2.disabled;
|
|
26
|
-
return /*#__PURE__*/_react.default.createElement(_Toolbar.default, {
|
|
27
|
-
editorView: config.editorView,
|
|
28
|
-
eventDispatcher: config.eventDispatcher,
|
|
29
|
-
providerFactory: config.providerFactory,
|
|
30
|
-
items: config.primaryToolbarComponents,
|
|
31
|
-
popupsMountPoint: config.popupsMountPoint,
|
|
32
|
-
popupsBoundariesElement: config.popupsBoundariesElement,
|
|
33
|
-
popupsScrollableElement: config.popupsScrollableElement,
|
|
34
|
-
disabled: (_disabled$editorDisab = disabled === null || disabled === void 0 ? void 0 : disabled.editorDisabled) !== null && _disabled$editorDisab !== void 0 ? _disabled$editorDisab : false,
|
|
35
|
-
containerElement: containerElement
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
}
|
|
@@ -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;
|