@atlaskit/editor-core 186.0.1 → 187.1.1

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 (102) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/labs-next.js +0 -65
  3. package/dist/cjs/version-wrapper.js +1 -1
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/labs-next.js +0 -4
  6. package/dist/es2019/version-wrapper.js +1 -1
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/labs-next.js +0 -4
  9. package/dist/esm/version-wrapper.js +1 -1
  10. package/dist/esm/version.json +1 -1
  11. package/dist/types/labs/next/presets/default.d.ts +2 -3
  12. package/dist/types/labs-next.d.ts +0 -7
  13. package/dist/types-ts4.5/labs/next/presets/default.d.ts +2 -3
  14. package/dist/types-ts4.5/labs-next.d.ts +0 -7
  15. package/package.json +5 -1
  16. package/report.api.md +2 -26
  17. package/dist/cjs/labs/next/ContentComponents.js +0 -43
  18. package/dist/cjs/labs/next/Editor.js +0 -76
  19. package/dist/cjs/labs/next/Toolbar.js +0 -39
  20. package/dist/cjs/labs/next/full-page.js +0 -127
  21. package/dist/cjs/labs/next/internal/components/EditorContent.js +0 -25
  22. package/dist/cjs/labs/next/internal/components/EditorInternal.js +0 -81
  23. package/dist/cjs/labs/next/internal/context/preset-context.js +0 -15
  24. package/dist/cjs/labs/next/internal/context/shared-config.js +0 -77
  25. package/dist/cjs/labs/next/internal/editor-props-type.js +0 -5
  26. package/dist/cjs/labs/next/internal/hooks/use-analytics/index.js +0 -41
  27. package/dist/cjs/labs/next/internal/hooks/use-editor/create-dispatch-transaction.js +0 -62
  28. package/dist/cjs/labs/next/internal/hooks/use-editor/create-editor.js +0 -94
  29. package/dist/cjs/labs/next/internal/hooks/use-editor/index.js +0 -193
  30. package/dist/cjs/labs/next/mobile.js +0 -37
  31. package/dist/cjs/labs/next/presets/cxhtml.js +0 -117
  32. package/dist/cjs/labs/next/presets/mobile.js +0 -130
  33. package/dist/cjs/labs/next/presets/utils.js +0 -30
  34. package/dist/es2019/labs/next/ContentComponents.js +0 -38
  35. package/dist/es2019/labs/next/Editor.js +0 -46
  36. package/dist/es2019/labs/next/Toolbar.js +0 -34
  37. package/dist/es2019/labs/next/full-page.js +0 -192
  38. package/dist/es2019/labs/next/internal/components/EditorContent.js +0 -17
  39. package/dist/es2019/labs/next/internal/components/EditorInternal.js +0 -66
  40. package/dist/es2019/labs/next/internal/context/preset-context.js +0 -5
  41. package/dist/es2019/labs/next/internal/context/shared-config.js +0 -34
  42. package/dist/es2019/labs/next/internal/editor-props-type.js +0 -1
  43. package/dist/es2019/labs/next/internal/hooks/use-analytics/index.js +0 -32
  44. package/dist/es2019/labs/next/internal/hooks/use-editor/create-dispatch-transaction.js +0 -51
  45. package/dist/es2019/labs/next/internal/hooks/use-editor/create-editor.js +0 -85
  46. package/dist/es2019/labs/next/internal/hooks/use-editor/index.js +0 -179
  47. package/dist/es2019/labs/next/mobile.js +0 -27
  48. package/dist/es2019/labs/next/presets/cxhtml.js +0 -106
  49. package/dist/es2019/labs/next/presets/mobile.js +0 -118
  50. package/dist/es2019/labs/next/presets/utils.js +0 -22
  51. package/dist/esm/labs/next/ContentComponents.js +0 -36
  52. package/dist/esm/labs/next/Editor.js +0 -48
  53. package/dist/esm/labs/next/Toolbar.js +0 -32
  54. package/dist/esm/labs/next/full-page.js +0 -121
  55. package/dist/esm/labs/next/internal/components/EditorContent.js +0 -17
  56. package/dist/esm/labs/next/internal/components/EditorInternal.js +0 -73
  57. package/dist/esm/labs/next/internal/context/preset-context.js +0 -7
  58. package/dist/esm/labs/next/internal/context/shared-config.js +0 -68
  59. package/dist/esm/labs/next/internal/editor-props-type.js +0 -1
  60. package/dist/esm/labs/next/internal/hooks/use-analytics/index.js +0 -34
  61. package/dist/esm/labs/next/internal/hooks/use-editor/create-dispatch-transaction.js +0 -55
  62. package/dist/esm/labs/next/internal/hooks/use-editor/create-editor.js +0 -88
  63. package/dist/esm/labs/next/internal/hooks/use-editor/index.js +0 -185
  64. package/dist/esm/labs/next/mobile.js +0 -25
  65. package/dist/esm/labs/next/presets/cxhtml.js +0 -108
  66. package/dist/esm/labs/next/presets/mobile.js +0 -120
  67. package/dist/esm/labs/next/presets/utils.js +0 -23
  68. package/dist/types/labs/next/ContentComponents.d.ts +0 -8
  69. package/dist/types/labs/next/Editor.d.ts +0 -27
  70. package/dist/types/labs/next/Toolbar.d.ts +0 -6
  71. package/dist/types/labs/next/full-page.d.ts +0 -9
  72. package/dist/types/labs/next/internal/components/EditorContent.d.ts +0 -7
  73. package/dist/types/labs/next/internal/components/EditorInternal.d.ts +0 -9
  74. package/dist/types/labs/next/internal/context/preset-context.d.ts +0 -5
  75. package/dist/types/labs/next/internal/context/shared-config.d.ts +0 -50
  76. package/dist/types/labs/next/internal/editor-props-type.d.ts +0 -29
  77. package/dist/types/labs/next/internal/hooks/use-analytics/index.d.ts +0 -8
  78. package/dist/types/labs/next/internal/hooks/use-editor/create-dispatch-transaction.d.ts +0 -6
  79. package/dist/types/labs/next/internal/hooks/use-editor/create-editor.d.ts +0 -19
  80. package/dist/types/labs/next/internal/hooks/use-editor/index.d.ts +0 -11
  81. package/dist/types/labs/next/mobile.d.ts +0 -12
  82. package/dist/types/labs/next/presets/cxhtml.d.ts +0 -338
  83. package/dist/types/labs/next/presets/mobile.d.ts +0 -343
  84. package/dist/types/labs/next/presets/utils.d.ts +0 -3
  85. package/dist/types-ts4.5/labs/next/ContentComponents.d.ts +0 -8
  86. package/dist/types-ts4.5/labs/next/Editor.d.ts +0 -27
  87. package/dist/types-ts4.5/labs/next/Toolbar.d.ts +0 -6
  88. package/dist/types-ts4.5/labs/next/full-page.d.ts +0 -9
  89. package/dist/types-ts4.5/labs/next/internal/components/EditorContent.d.ts +0 -7
  90. package/dist/types-ts4.5/labs/next/internal/components/EditorInternal.d.ts +0 -9
  91. package/dist/types-ts4.5/labs/next/internal/context/preset-context.d.ts +0 -5
  92. package/dist/types-ts4.5/labs/next/internal/context/shared-config.d.ts +0 -50
  93. package/dist/types-ts4.5/labs/next/internal/editor-props-type.d.ts +0 -29
  94. package/dist/types-ts4.5/labs/next/internal/hooks/use-analytics/index.d.ts +0 -8
  95. package/dist/types-ts4.5/labs/next/internal/hooks/use-editor/create-dispatch-transaction.d.ts +0 -6
  96. package/dist/types-ts4.5/labs/next/internal/hooks/use-editor/create-editor.d.ts +0 -19
  97. package/dist/types-ts4.5/labs/next/internal/hooks/use-editor/index.d.ts +0 -14
  98. package/dist/types-ts4.5/labs/next/mobile.d.ts +0 -12
  99. package/dist/types-ts4.5/labs/next/presets/cxhtml.d.ts +0 -414
  100. package/dist/types-ts4.5/labs/next/presets/mobile.d.ts +0 -419
  101. package/dist/types-ts4.5/labs/next/presets/utils.d.ts +0 -3
  102. package/tmp/api-report-tmp.d.ts +0 -2278
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 187.1.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`3fb20c4aeba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3fb20c4aeba) - Add postinstall check to enforce internal peer dependencies
8
+
9
+ ## 187.0.0
10
+
11
+ ### Major Changes
12
+
13
+ - [`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.
14
+
15
+ You should use the existing `Editor` from `editor-core`:
16
+
17
+ ```
18
+ import { Editor } from '@atlaskit/editor-core';
19
+ ```
20
+
3
21
  ## 186.0.1
4
22
 
5
23
  ### Patch Changes
@@ -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 = "186.0.1";
9
+ var version = "187.1.1";
10
10
  exports.version = version;
11
11
  var nextMajorVersion = function nextMajorVersion() {
12
12
  return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "186.0.1",
3
+ "version": "187.1.1",
4
4
  "sideEffects": false
5
5
  }
@@ -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';
@@ -1,5 +1,5 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "186.0.1";
2
+ export const version = "187.1.1";
3
3
  export const nextMajorVersion = () => {
4
4
  return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
5
5
  };
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "186.0.1",
3
+ "version": "187.1.1",
4
4
  "sideEffects": false
5
5
  }
@@ -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';
@@ -1,5 +1,5 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "186.0.1";
2
+ export var version = "187.1.1";
3
3
  export var nextMajorVersion = function nextMajorVersion() {
4
4
  return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
5
5
  };
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "186.0.1",
3
+ "version": "187.1.1",
4
4
  "sideEffects": false
5
5
  }
@@ -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 '../Editor';
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?: AllEditorProps['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 '../Editor';
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?: AllEditorProps['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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "186.0.1",
3
+ "version": "187.1.1",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -75,6 +75,7 @@
75
75
  "@atlaskit/editor-tables": "^2.3.0",
76
76
  "@atlaskit/emoji": "^67.4.0",
77
77
  "@atlaskit/empty-state": "^7.6.0",
78
+ "@atlaskit/enforce-peer-dependencies": "^1.0.1",
78
79
  "@atlaskit/form": "^8.11.0",
79
80
  "@atlaskit/icon": "^21.12.0",
80
81
  "@atlaskit/locale": "^2.5.0",
@@ -259,5 +260,8 @@
259
260
  "type": "boolean",
260
261
  "referenceOnly": "true"
261
262
  }
263
+ },
264
+ "scripts": {
265
+ "postinstall": "npx enforce-peer-dependencies --internal-packages"
262
266
  }
263
267
  }
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?: EditorProps_2['onSave'];
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;